"use strict";
Object.defineProperty(exports, "__esModule", {
    value: true
});
function _export(target, all) {
    for(var name in all)Object.defineProperty(target, name, {
        enumerable: true,
        get: Object.getOwnPropertyDescriptor(all, name).get
    });
}
_export(exports, {
    get Bullet () {
        return Bullet;
    },
    get BulletIndicator () {
        return BulletIndicator;
    },
    get BulletIndicatorWrapper () {
        return BulletIndicatorWrapper;
    },
    get BulletSlot () {
        return BulletSlot;
    },
    get SpinnerStyled () {
        return SpinnerStyled;
    },
    get StepItemCenteredDivider () {
        return StepItemCenteredDivider;
    },
    get StepItemContent () {
        return StepItemContent;
    },
    get StepItemContentWrapper () {
        return StepItemContentWrapper;
    },
    get StepItemDivider () {
        return StepItemDivider;
    },
    get StepItemTitle () {
        return StepItemTitle;
    },
    get base () {
        return base;
    }
});
const _styled = /*#__PURE__*/ _interop_require_default(require("@emotion/styled"));
const _react = require("@emotion/react");
const _engines = require("../../../../engines");
const _mixins = require("../../../../mixins");
const _Stepstokens = require("../../Steps.tokens");
const _Spinner = require("../../../Spinner");
function _interop_require_default(obj) {
    return obj && obj.__esModule ? obj : {
        default: obj
    };
}
const mergedConfig = (0, _engines.mergeConfig)(_Spinner.spinnerConfig);
const Spinner = (0, _engines.component)(mergedConfig);
const SpinnerStyled = /*#__PURE__*/ (0, _styled.default)(Spinner, {
    target: "e1dyv8sf0",
    label: "SpinnerStyled"
})(_Spinner.spinnerTokens.size, ":", ({ hasIndicator })=>hasIndicator ? `var(${_Stepstokens.tokens.activeIndicatorSize})` : `var(${_Stepstokens.tokens.activeBulletSize})`, ";", _Spinner.spinnerTokens.color, ":var(", _Stepstokens.tokens.loaderSpinnerColor, ",var(", _Stepstokens.tokens.activeIndicatorColor, "));");
const StepItemTitle = (0, /*#__PURE__*/ _styled.default)("div", {
    target: "e1dyv8sf1",
    label: "StepItemTitle"
})("padding-top:var(", _Stepstokens.tokens.titlePaddingTop, ");padding-right:var(", _Stepstokens.tokens.contentSidePadding, ");font-family:var(", _Stepstokens.tokens.titleFontFamily, ");font-size:var(", _Stepstokens.tokens.titleFontSize, ");font-style:var(", _Stepstokens.tokens.titleFontStyle, ");font-weight:var(", _Stepstokens.tokens.titleFontWeight, ");letter-spacing:var(", _Stepstokens.tokens.titleLetterSpacing, ");line-height:var(", _Stepstokens.tokens.titleLineHeight, ");word-break:break-word;");
const StepItemContent = (0, /*#__PURE__*/ _styled.default)("div", {
    target: "e1dyv8sf2",
    label: "StepItemContent"
})("padding-top:var(", _Stepstokens.tokens.contentPaddingTop, ");padding-right:var(", _Stepstokens.tokens.contentSidePadding, ");font-family:var(", _Stepstokens.tokens.contentFontFamily, ");font-size:var(", _Stepstokens.tokens.contentFontSize, ");font-style:var(", _Stepstokens.tokens.contentFontStyle, ");font-weight:var(", _Stepstokens.tokens.contentFontWeight, ");letter-spacing:var(", _Stepstokens.tokens.contentLetterSpacing, ");line-height:var(", _Stepstokens.tokens.contentLineHeight, ");word-break:break-word;color:var(", _Stepstokens.tokens.contentColor, ");");
const BulletIndicatorWrapper = (0, /*#__PURE__*/ _styled.default)("div", {
    target: "e1dyv8sf3",
    label: "BulletIndicatorWrapper"
})("display:flex;align-items:center;box-sizing:content-box;flex:0;width:100%;&.", _Stepstokens.classes.hasIndicator, "{min-height:var(", _Stepstokens.tokens.activeIndicatorSize, ");}&:not(.", _Stepstokens.classes.hasIndicator, "){min-height:var(", _Stepstokens.tokens.activeBulletSize, ");}&:not(.", _Stepstokens.classes.simple, ").", _Stepstokens.classes.verticalOrientation, "{padding-right:var(", _Stepstokens.tokens.verticalContentPaddingLeft, ");}&.", _Stepstokens.classes.verticalOrientation, "{flex-direction:column;align-items:center;&.", _Stepstokens.classes.hasIndicator, "{min-width:var(", _Stepstokens.tokens.activeIndicatorSize, ");}&:not(.", _Stepstokens.classes.hasIndicator, "){min-width:var(", _Stepstokens.tokens.activeBulletSize, ");}}&.", _Stepstokens.classes.centered, "{justify-content:center;}");
const BulletSlot = (0, /*#__PURE__*/ _styled.default)("div", {
    target: "e1dyv8sf4",
    label: "BulletSlot"
})("display:flex;align-items:center;justify-content:center;flex-shrink:0;.", _Stepstokens.classes.hasIndicator, " &{}");
const BulletIndicator = (0, /*#__PURE__*/ _styled.default)("button", {
    target: "e1dyv8sf5",
    label: "BulletIndicator"
})("display:flex;align-items:center;justify-content:center;width:var(", _Stepstokens.tokens.indicatorSize, ");height:var(", _Stepstokens.tokens.indicatorSize, ");border-radius:50%;box-sizing:border-box;position:relative;outline:none;padding:0;margin:0;border:var(", _Stepstokens.tokens.dividerThickness, ") solid var(", _Stepstokens.tokens.completedIndicatorBorder, ",transparent);cursor:pointer;color:var(", _Stepstokens.tokens.completedIndicatorColor, ");background:var(", _Stepstokens.tokens.completedIndicatorBackground, ");font-family:var(", _Stepstokens.tokens.indicatorFontFamily, ");font-size:var(", _Stepstokens.tokens.indicatorFontSize, ");font-style:var(", _Stepstokens.tokens.indicatorFontStyle, ");font-weight:var(", _Stepstokens.tokens.indicatorFontWeight, ");letter-spacing:var(", _Stepstokens.tokens.indicatorLetterSpacing, ");line-height:var(", _Stepstokens.tokens.indicatorLineHeight, ");", (0, _mixins.addFocus)({
    outlineOffset: '0.125rem',
    outlineSize: '0.0625rem',
    outlineRadius: '50%',
    outlineColor: `var(${_Stepstokens.tokens.focusColor})`
}), "    &.", _Stepstokens.classes.active, "{width:var(", _Stepstokens.tokens.activeIndicatorSize, ");height:var(", _Stepstokens.tokens.activeIndicatorSize, ");border:var(", _Stepstokens.tokens.dividerThickness, ") var(", _Stepstokens.tokens.activeIndicatorBorder, ");font-family:var(", _Stepstokens.tokens.activeIndicatorFontFamily, ");font-size:var(", _Stepstokens.tokens.activeIndicatorFontSize, ");font-style:var(", _Stepstokens.tokens.activeIndicatorFontStyle, ");font-weight:var(", _Stepstokens.tokens.activeIndicatorFontWeight, ");letter-spacing:var(", _Stepstokens.tokens.activeIndicatorLetterSpacing, ");line-height:var(", _Stepstokens.tokens.activeIndicatorLineHeight, ");color:var(", _Stepstokens.tokens.activeIndicatorColor, ");background:var(", _Stepstokens.tokens.activeIndicatorBackground, ");", (0, _mixins.addFocus)({
    outlineOffset: '0.25rem',
    outlineSize: '0.0625rem',
    outlineRadius: '50%',
    outlineColor: `var(${_Stepstokens.tokens.focusColor})`
}), "}&.", _Stepstokens.classes.inactive, "{color:var(", _Stepstokens.tokens.inactiveIndicatorColor, ");background:var(", _Stepstokens.tokens.inactiveIndicatorBackground, ");border:none;}");
const Bullet = /*#__PURE__*/ (0, _styled.default)(BulletIndicator, {
    target: "e1dyv8sf6",
    label: "Bullet"
})("width:var(", _Stepstokens.tokens.bulletSize, ");height:var(", _Stepstokens.tokens.bulletSize, ");border:var(", _Stepstokens.tokens.bulletBorderThickness, ",var(", _Stepstokens.tokens.dividerThickness, ")) solid\n        var(", _Stepstokens.tokens.completedBulletBorder, ",var(", _Stepstokens.tokens.completedIndicatorBorder, ",transparent));background:var(", _Stepstokens.tokens.completedBulletBackground, ",var(", _Stepstokens.tokens.completedIndicatorBackground, "));&.", _Stepstokens.classes.active, "{width:var(", _Stepstokens.tokens.activeBulletSize, ");height:var(", _Stepstokens.tokens.activeBulletSize, ");border:var(", _Stepstokens.tokens.activeBulletBorderThickness, ",var(", _Stepstokens.tokens.dividerThickness, "))\n            var(", _Stepstokens.tokens.bulletActiveIndicatorBorder, ",var(", _Stepstokens.tokens.activeIndicatorBorder, "));background:var(", _Stepstokens.tokens.bulletActiveBackground, ",var(", _Stepstokens.tokens.activeIndicatorBackground, "));}&.", _Stepstokens.classes.inactive, "{color:var(", _Stepstokens.tokens.inactiveIndicatorColor, ");background:var(", _Stepstokens.tokens.inactiveBulletBackground, ",var(", _Stepstokens.tokens.inactiveIndicatorBackground, "));border:var(", _Stepstokens.tokens.bulletBorderThickness, ",var(", _Stepstokens.tokens.dividerThickness, ")) solid\n            var(", _Stepstokens.tokens.inactiveBulletBorder, ",transparent);}");
const StepItemDivider = (0, /*#__PURE__*/ _styled.default)("div", {
    target: "e1dyv8sf7",
    label: "StepItemDivider"
})("flex:1;width:100%;height:var(", _Stepstokens.tokens.dividerThickness, ");background:var(", _Stepstokens.tokens.dividerColor, ");&.", _Stepstokens.classes.activeItem, "{background:var(", _Stepstokens.tokens.dividerActiveGradientColor, ",var(", _Stepstokens.tokens.dividerColor, "));}&.", _Stepstokens.classes.nextActive, "{background:var(", _Stepstokens.tokens.dividerGradientColor, ",var(", _Stepstokens.tokens.dividerColor, "));}.", _Stepstokens.classes.centered, "{&.", _Stepstokens.classes.nextActive, "{background:var(", _Stepstokens.tokens.dividerGradientColor, ",var(", _Stepstokens.tokens.dividerColor, "));background-size:200% 100%;background-position:0% 0%;}&.", _Stepstokens.classes.activeItem, "{background:var(", _Stepstokens.tokens.dividerActiveGradientColor, ",var(", _Stepstokens.tokens.dividerColor, "));background-size:200% 100%;background-position:0% 0%;}}&.", _Stepstokens.classes.prevCompleted, "{background:var(", _Stepstokens.tokens.dividerGradientColor, ",var(", _Stepstokens.tokens.dividerColor, "));background-size:200% 100%;background-position:100% 0%;}&.", _Stepstokens.classes.verticalOrientation, "{width:var(", _Stepstokens.tokens.dividerThickness, ");background:var(", _Stepstokens.tokens.dividerColor, ");&.", _Stepstokens.classes.nextActive, "{background:var(", _Stepstokens.tokens.dividerVerticalGradientColor, ",var(", _Stepstokens.tokens.dividerColor, "));}&.", _Stepstokens.classes.activeItem, "{background:var(", _Stepstokens.tokens.dividerActiveVerticalGradientColor, ",var(", _Stepstokens.tokens.dividerColor, "));}}&.", _Stepstokens.classes.inactive, "{background:var(", _Stepstokens.tokens.inactiveIndicatorBackground, ");&.", _Stepstokens.classes.activeItem, "{background:var(", _Stepstokens.tokens.dividerActiveGradientColor, ",var(", _Stepstokens.tokens.inactiveIndicatorBackground, "));}&.", _Stepstokens.classes.verticalOrientation, ".", _Stepstokens.classes.activeItem, "{background:var(", _Stepstokens.tokens.dividerActiveVerticalGradientColor, ",var(", _Stepstokens.tokens.inactiveIndicatorBackground, "));}}&.", _Stepstokens.classes.disabled, "{opacity:var(", _Stepstokens.tokens.disabledOpacity, ");cursor:not-allowed;}&.", _Stepstokens.classes.transparentDivider, "{background:transparent;opacity:0;}");
const StepItemCenteredDivider = (0, /*#__PURE__*/ _styled.default)("div", {
    target: "e1dyv8sf8",
    label: "StepItemCenteredDivider"
})("flex:1;width:100%;height:var(", _Stepstokens.tokens.dividerThickness, ");background:var(", _Stepstokens.tokens.dividerColor, ");.", _Stepstokens.classes.centered, " &.", _Stepstokens.classes.nextActive, "{background:var(", _Stepstokens.tokens.dividerGradientColor, ",var(", _Stepstokens.tokens.dividerColor, "));background-size:200% 100%;background-position:0% 0%;}&.", _Stepstokens.classes.prevCompleted, "{background:var(", _Stepstokens.tokens.dividerGradientColor, ",var(", _Stepstokens.tokens.dividerColor, "));background-size:200% 100%;background-position:100% 0%;}&.", _Stepstokens.classes.verticalOrientation, "{width:var(", _Stepstokens.tokens.dividerThickness, ");}&.", _Stepstokens.classes.inactive, "{background:var(", _Stepstokens.tokens.inactiveIndicatorBackground, ");}&.", _Stepstokens.classes.disabled, "{opacity:var(", _Stepstokens.tokens.disabledOpacity, ");cursor:not-allowed;}&.", _Stepstokens.classes.transparentDivider, "{background:transparent;opacity:0;}");
const StepItemContentWrapper = (0, /*#__PURE__*/ _styled.default)("div", {
    target: "e1dyv8sf9",
    label: "StepItemContentWrapper"
})("&.", _Stepstokens.classes.noTitle, "{", StepItemContent, "{padding-top:0;}}&.", _Stepstokens.classes.verticalOrientation, "{width:100%;", StepItemTitle, "{padding-right:0;}", StepItemContent, "{padding-top:var(", _Stepstokens.tokens.contentVerticalPadding, ");padding-bottom:var(", _Stepstokens.tokens.contentVerticalPadding, ");padding-right:0;}}&.", _Stepstokens.classes.verticalOrientation, ".", _Stepstokens.classes.noTitle, "{", StepItemContent, "{padding-top:0;}}");
const base = (0, /*#__PURE__*/ _react.css)("position:relative;display:flex;flex-direction:column;align-items:flex-start;flex:1;color:var(", _Stepstokens.tokens.activeIndicatorColor, ");&.", _Stepstokens.classes.verticalOrientation, ".", _Stepstokens.classes.verticalLastItem, "{flex:0 0 auto;}&.", _Stepstokens.classes.verticalOrientation, "{flex-direction:row;align-items:stretch;&.", _Stepstokens.classes.hasIndicator, "{", BulletIndicator, ".", _Stepstokens.classes.active, ",", SpinnerStyled, "{margin-top:calc((var(", _Stepstokens.tokens.indicatorSize, ") - var(", _Stepstokens.tokens.activeIndicatorSize, ")) / 2);}& ", StepItemDivider, ".", _Stepstokens.classes.nextActive, "{flex:unset;height:calc(100% - (var(", _Stepstokens.tokens.activeIndicatorSize, ") - var(", _Stepstokens.tokens.indicatorSize, ")) / 2 - var(", _Stepstokens.tokens.indicatorSize, "));}& ", StepItemTitle, "{padding-top:calc((var(", _Stepstokens.tokens.indicatorSize, ") - var(", _Stepstokens.tokens.titleLineHeight, ")) / 2);}}&:not(.", _Stepstokens.classes.hasIndicator, "){", Bullet, ".", _Stepstokens.classes.active, ",", SpinnerStyled, "{margin-top:calc((var(", _Stepstokens.tokens.bulletSize, ") - var(", _Stepstokens.tokens.activeBulletSize, ")) / 2);}& ", StepItemDivider, ".", _Stepstokens.classes.nextActive, "{flex:unset;height:calc(100% - (var(", _Stepstokens.tokens.activeBulletSize, ") - var(", _Stepstokens.tokens.bulletSize, ")) / 2 - var(", _Stepstokens.tokens.bulletSize, "));}& ", StepItemTitle, "{padding-top:0;margin-top:calc((var(", _Stepstokens.tokens.bulletSize, ") - var(", _Stepstokens.tokens.titleLineHeight, ")) / 2);}}}", StepItemTitle, "{color:var(", _Stepstokens.tokens.completedTitleColor, ",", _Stepstokens.tokens.activeTitleColor, ");}&.", _Stepstokens.classes.active, "{", BulletIndicator, "{cursor:default;}", StepItemTitle, "{color:var(", _Stepstokens.tokens.activeTitleColor, ");}}&.", _Stepstokens.classes.inactive, "{color:var(", _Stepstokens.tokens.inactiveIndicatorColor, ");", StepItemTitle, "{color:var(", _Stepstokens.tokens.inactiveTitleColor, ");}}&:not(.", _Stepstokens.classes.simple, "):not(.", _Stepstokens.classes.verticalOrientation, "){&:not(.", _Stepstokens.classes.centered, ").isNextActive{", BulletIndicatorWrapper, "{width:calc(100% - (var(", _Stepstokens.tokens.activeIndicatorSize, ") - var(", _Stepstokens.tokens.indicatorSize, ")) / 2);}}&.", _Stepstokens.classes.active, "{", BulletIndicatorWrapper, "{margin-left:calc((var(", _Stepstokens.tokens.activeIndicatorSize, ") - var(", _Stepstokens.tokens.indicatorSize, ")) / -2);width:calc(100% + (var(", _Stepstokens.tokens.activeIndicatorSize, ") - var(", _Stepstokens.tokens.indicatorSize, ")) / 2);}}}&.", _Stepstokens.classes.hovered, "{&:not(.", _Stepstokens.classes.active, "){> ", StepItemContentWrapper, " > ", StepItemTitle, "{cursor:pointer;color:var(", _Stepstokens.tokens.completedTitleColorHover, ");}> ", BulletIndicatorWrapper, " ", BulletIndicator, "{color:var(", _Stepstokens.tokens.completedIndicatorColorHover, ");background:var(", _Stepstokens.tokens.completedIndicatorBackgroundHover, ");border:var(", _Stepstokens.tokens.dividerThickness, ") solid var(", _Stepstokens.tokens.completedIndicatorBorderHover, ",transparent);}> ", BulletIndicatorWrapper, " ", Bullet, "{color:var(", _Stepstokens.tokens.completedBulletBackground, ",var(", _Stepstokens.tokens.completedIndicatorColorHover, "));background:var(\n                    ", _Stepstokens.tokens.completedBulletBackgroundHover, ",var(", _Stepstokens.tokens.completedIndicatorBackgroundHover, ")\n                );border:var(", _Stepstokens.tokens.bulletBorderThickness, ",var(", _Stepstokens.tokens.dividerThickness, ")) solid\n                        var(", _Stepstokens.tokens.completedBulletBorderHover, ",var(", _Stepstokens.tokens.completedIndicatorBorderHover, ",transparent));}}&.", _Stepstokens.classes.inactive, "{> ", StepItemContentWrapper, " > ", StepItemTitle, "{color:var(", _Stepstokens.tokens.inactiveTitleColorHover, ");}> ", BulletIndicatorWrapper, " ", BulletIndicator, "{color:var(", _Stepstokens.tokens.inactiveIndicatorColorHover, ");background:var(", _Stepstokens.tokens.inactiveIndicatorBackgroundHover, ");border:none;}> ", BulletIndicatorWrapper, " ", Bullet, "{color:var(", _Stepstokens.tokens.inactiveIndicatorColorHover, ");background:var(", _Stepstokens.tokens.inactiveBulletBackgroundHover, ",var(", _Stepstokens.tokens.inactiveIndicatorBackgroundHover, "));border:var(", _Stepstokens.tokens.bulletBorderThickness, ",var(", _Stepstokens.tokens.dividerThickness, ")) solid\n                        var(", _Stepstokens.tokens.inactiveBulletBorder, ",transparent);}}> ", BulletIndicatorWrapper, "{cursor:pointer;}}&.", _Stepstokens.classes.centered, "{align-items:center;", StepItemContentWrapper, "{display:flex;flex-direction:column;align-items:center;padding-left:calc(var(", _Stepstokens.tokens.contentSidePadding, ") / 2);padding-right:calc(var(", _Stepstokens.tokens.contentSidePadding, ") / 2);", StepItemTitle, "{width:100%;}", StepItemTitle, ",", StepItemContent, "{padding-right:0;text-align:center;}}}&.", _Stepstokens.classes.disabled, "{cursor:not-allowed;opacity:var(", _Stepstokens.tokens.disabledOpacity, ");", BulletIndicator, ",", Bullet, "{cursor:not-allowed;}}", "base");
