"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 CaptionWrapper () {
        return CaptionWrapper;
    },
    get CodeGroup () {
        return CodeGroup;
    },
    get CodeWrapper () {
        return CodeWrapper;
    },
    get ItemCircle () {
        return ItemCircle;
    },
    get ItemInput () {
        return ItemInput;
    },
    get ItemWrapper () {
        return ItemWrapper;
    },
    get Separator () {
        return Separator;
    },
    get base () {
        return base;
    }
});
const _styled = /*#__PURE__*/ _interop_require_default(require("@emotion/styled"));
const _react = require("@emotion/react");
const _CodeInputtokens = require("./CodeInput.tokens");
function _interop_require_default(obj) {
    return obj && obj.__esModule ? obj : {
        default: obj
    };
}
const base = (0, /*#__PURE__*/ _react.css)("display:flex;flex-direction:column;justify-content:center;width:min-content;align-items:center;&.", _CodeInputtokens.classes.captionAlignLeft, "{align-items:start;}", "base");
const CodeWrapper = (0, /*#__PURE__*/ _styled.default)("div", {
    target: "e1kklyp00",
    label: "CodeWrapper"
})("display:flex;align-items:center;");
const CodeGroup = (0, /*#__PURE__*/ _styled.default)("div", {
    target: "e1kklyp01",
    label: "CodeGroup"
})("display:flex;align-items:center;");
const Separator = (0, /*#__PURE__*/ _styled.default)("div", {
    target: "e1kklyp02",
    label: "Separator"
})("width:var(", _CodeInputtokens.tokens.separatorWidth, ");");
const ItemInput = (0, /*#__PURE__*/ _styled.default)("input", {
    target: "e1kklyp03",
    label: "ItemInput"
})("box-sizing:border-box;appearance:none;border:0;padding:0;outline:none;pointer-events:none;text-align:center;caret-color:transparent;caret:none;opacity:", ({ hide })=>hide ? '0' : '1', ";");
const ItemWrapper = (0, /*#__PURE__*/ _styled.default)("div", {
    target: "e1kklyp04",
    label: "ItemWrapper"
})("position:relative;");
const ItemCircle = (0, /*#__PURE__*/ _styled.default)("div", {
    target: "e1kklyp05",
    label: "ItemCircle"
})("position:absolute;top:calc(50% - calc(var(", _CodeInputtokens.tokens.codeItemCircleSize, ") / 2));left:calc(50% - calc(var(", _CodeInputtokens.tokens.codeItemCircleSize, ") / 2));width:var(", _CodeInputtokens.tokens.codeItemCircleSize, ");height:var(", _CodeInputtokens.tokens.codeItemCircleSize, ");box-sizing:border-box;border-radius:100%;background-color:'transparent';");
const CaptionWrapper = (0, /*#__PURE__*/ _styled.default)("div", {
    target: "e1kklyp06",
    label: "CaptionWrapper"
})("text-align:", ({ captionAlign })=>captionAlign, ";align-self:", ({ captionAlign })=>captionAlign, ";width:", ({ widthValue })=>widthValue || 'auto', ";white-space:pre-line;");
