"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 DisclosureIconWrapper () {
        return DisclosureIconWrapper;
    },
    get IconWrapper () {
        return IconWrapper;
    },
    get StyledArrow () {
        return StyledArrow;
    },
    get StyledCell () {
        return StyledCell;
    },
    get StyledCheckbox () {
        return StyledCheckbox;
    },
    get StyledCheckboxWrapper () {
        return StyledCheckboxWrapper;
    },
    get StyledIconDone () {
        return StyledIconDone;
    },
    get StyledIndicator () {
        return StyledIndicator;
    },
    get StyledText () {
        return StyledText;
    },
    get Wrapper () {
        return Wrapper;
    },
    get sizeMap () {
        return sizeMap;
    }
});
const _styledcomponents = /*#__PURE__*/ _interop_require_default(require("styled-components"));
const _mixins = require("../../../../../../mixins");
const _engines = require("../../../../../../engines");
const _Selecttokens = require("../../../../Select.tokens");
const _Checkbox = require("../../../../../Checkbox");
const _Cell = require("../../../../../Cell");
const _Indicator = require("../../../../../Indicator");
const _Icon = require("../../../../../_Icon");
function _interop_require_default(obj) {
    return obj && obj.__esModule ? obj : {
        default: obj
    };
}
const mergedCheckboxConfig = (0, _engines.mergeConfig)(_Checkbox.checkboxConfig);
const Checkbox = (0, _engines.component)(mergedCheckboxConfig);
const mergedCellConfig = (0, _engines.mergeConfig)(_Cell.cellConfig);
const Cell = (0, _engines.component)(mergedCellConfig);
const mergedIndicatorConfig = (0, _engines.mergeConfig)(_Indicator.indicatorConfig);
const Indicator = (0, _engines.component)(mergedIndicatorConfig);
const StyledCell = (0, _styledcomponents.default)(Cell).withConfig({
    displayName: "Item.styles__StyledCell",
    componentId: "sc-356e05ac-0"
})([
    ``,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);flex:1;min-width:0;& *{min-width:0;}&.`,
    ` .cell-textbox-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;}`
], _Cell.cellTokens.cellTitleColor, _Selecttokens.constants.cellTitleColor, _Cell.cellTokens.cellBackgroundColor, _Selecttokens.constants.cellBackgroundColor, _Cell.cellTokens.cellPadding, _Selecttokens.tokens.cellPadding, _Cell.cellTokens.cellPaddingLeftContent, _Selecttokens.tokens.cellPaddingLeftContent, _Cell.cellTokens.cellPaddingContent, _Selecttokens.tokens.cellPaddingContent, _Cell.cellTokens.cellPaddingRightContent, _Selecttokens.tokens.cellPaddingRightContent, _Cell.cellTokens.cellTextboxGap, _Selecttokens.tokens.cellTextboxGap, _Cell.cellTokens.cellGap, _Selecttokens.tokens.cellGap, _Cell.cellTokens.cellTitleFontFamily, _Selecttokens.tokens.cellTitleFontFamily, _Cell.cellTokens.cellTitleFontSize, _Selecttokens.tokens.cellTitleFontSize, _Cell.cellTokens.cellTitleFontStyle, _Selecttokens.tokens.cellTitleFontStyle, _Cell.cellTokens.cellTitleFontWeight, _Selecttokens.tokens.cellTitleFontWeight, _Cell.cellTokens.cellTitleLetterSpacing, _Selecttokens.tokens.cellTitleLetterSpacing, _Cell.cellTokens.cellTitleLineHeight, _Selecttokens.tokens.cellTitleLineHeight, _Selecttokens.classes.singleLineMode);
const StyledCheckbox = (0, _styledcomponents.default)(Checkbox).withConfig({
    displayName: "Item.styles__StyledCheckbox",
    componentId: "sc-356e05ac-1"
})([
    ``,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`
], _Checkbox.checkboxTokens.triggerSize, _Selecttokens.tokens.checkboxTriggerSize, _Checkbox.checkboxTokens.triggerBorderRadius, _Selecttokens.tokens.checkboxTriggerBorderRadius, _Checkbox.checkboxTokens.fillColor, _Selecttokens.tokens.checkboxFillColor, _Checkbox.checkboxTokens.iconColor, _Selecttokens.tokens.checkboxIconColor, _Checkbox.checkboxTokens.triggerBorderWidth, _Selecttokens.tokens.checkboxTriggerBorderWidth, _Checkbox.checkboxTokens.triggerBorderColor, _Selecttokens.tokens.checkboxTriggerBorderColor, _Checkbox.checkboxTokens.triggerBorderCheckedColor, _Selecttokens.tokens.checkboxTriggerBorderCheckedColor);
const StyledIndicator = (0, _styledcomponents.default)(Indicator).withConfig({
    displayName: "Item.styles__StyledIndicator",
    componentId: "sc-356e05ac-2"
})([
    ``,
    `:var(`,
    `);`,
    `:var(`,
    `);`
], _Indicator.indicatorTokens.size, _Selecttokens.tokens.indicatorSize, _Indicator.indicatorTokens.color, _Selecttokens.tokens.itemIconColor);
const sizeMap = {
    xs: '1rem',
    s: '1.5rem'
};
const StyledArrow = (0, _styledcomponents.default)(_Icon.IconDisclosureRightCentered).withConfig({
    displayName: "Item.styles__StyledArrow",
    componentId: "sc-356e05ac-3"
})([
    `width:`,
    `;height:`,
    `;`
], ({ size = 'xs' })=>`var(${_Selecttokens.tokens.disclosureIconSize}, ${sizeMap[size]})`, ({ size = 'xs' })=>`var(${_Selecttokens.tokens.disclosureIconSize}, ${sizeMap[size]})`);
const StyledIconDone = (0, _styledcomponents.default)(_Icon.IconDone).withConfig({
    displayName: "Item.styles__StyledIconDone",
    componentId: "sc-356e05ac-4"
})([
    `width:`,
    `;height:`,
    `;`
], ({ size = 'xs' })=>`var(${_Selecttokens.tokens.disclosureIconSize}, ${sizeMap[size]})`, ({ size = 'xs' })=>`var(${_Selecttokens.tokens.disclosureIconSize}, ${sizeMap[size]})`);
const DisclosureIconWrapper = _styledcomponents.default.div.withConfig({
    displayName: "Item.styles__DisclosureIconWrapper",
    componentId: "sc-356e05ac-5"
})([
    `margin:var(`,
    `);line-height:0;color:var(`,
    `,var(`,
    `));&:hover{color:var(`,
    `,var(`,
    `));}`
], _Selecttokens.tokens.disclosureIconMargin, _Selecttokens.tokens.disclosureNestedIconColor, _Selecttokens.tokens.disclosureIconColor, _Selecttokens.tokens.disclosureNestedIconColorHover, _Selecttokens.tokens.disclosureIconColorHover);
const IconWrapper = _styledcomponents.default.div.withConfig({
    displayName: "Item.styles__IconWrapper",
    componentId: "sc-356e05ac-6"
})([
    `display:flex;align-items:center;justify-content:center;flex:none;width:`,
    `;height:`,
    `;margin:var(`,
    `);line-height:0;color:var(`,
    `);`
], ({ variant })=>`var(${variant === 'tight' ? _Selecttokens.tokens.itemIconSizeTight : _Selecttokens.tokens.itemIconSize})`, ({ variant })=>`var(${variant === 'tight' ? _Selecttokens.tokens.itemIconSizeTight : _Selecttokens.tokens.itemIconSize})`, _Selecttokens.tokens.itemIconMargin, _Selecttokens.tokens.itemIconColor);
const StyledText = _styledcomponents.default.div.withConfig({
    displayName: "Item.styles__StyledText",
    componentId: "sc-356e05ac-7"
})([
    ``,
    `;flex:1;`
], (0, _mixins.applyEllipsis)());
const Wrapper = _styledcomponents.default.li.withConfig({
    displayName: "Item.styles__Wrapper",
    componentId: "sc-356e05ac-8"
})([
    `display:flex;align-items:center;min-height:var(`,
    `);margin:0;box-sizing:content-box;padding:`,
    `;font-family:var(`,
    `);font-size:var(`,
    `);font-style:var(`,
    `);font-weight:var(`,
    `);letter-spacing:var(`,
    `);line-height:var(`,
    `);background-color:var(`,
    `);color:var(--text-primary);border-radius:calc(var(`,
    `) - 0.125rem - var(`,
    `,0rem));user-select:none;background-clip:padding-box;&:hover:not(.`,
    `){cursor:pointer;background-color:var(`,
    `);}&.`,
    `{background-color:var(`,
    `);}&.`,
    `{opacity:`,
    `;cursor:not-allowed;}:focus{outline:none;}`,
    `;`
], _Selecttokens.tokens.itemHeight, ({ variant })=>`var(${variant === 'tight' ? _Selecttokens.tokens.itemPaddingTight : _Selecttokens.tokens.itemPadding})`, _Selecttokens.tokens.fontFamily, _Selecttokens.tokens.fontSize, _Selecttokens.tokens.fontStyle, _Selecttokens.tokens.fontWeight, _Selecttokens.tokens.fontLetterSpacing, _Selecttokens.tokens.fontLineHeight, _Selecttokens.constants.itemBackground, _Selecttokens.tokens.borderRadius, _Selecttokens.tokens.dropdownBorderWidth, _Selecttokens.classes.dropdownItemIsDisabled, _Selecttokens.tokens.itemBackgroundHover, _Selecttokens.classes.dropdownItemIsActive, _Selecttokens.tokens.itemBackgroundHover, _Selecttokens.classes.dropdownItemIsDisabled, _Selecttokens.constants.opacity, (0, _mixins.addFocus)({
    outlineSize: '0',
    outlineOffset: '0',
    outlineColor: `var(${_Selecttokens.constants.focusColor})`,
    outlineRadius: `calc(var(${_Selecttokens.tokens.borderRadius}) - 0.125rem - var(${_Selecttokens.tokens.dropdownBorderWidth}, 0rem))`,
    hasTransition: false,
    customFocusRules: `
            &.${_Selecttokens.classes.dropdownItemIsFocused}:before {
                outline: none;
                box-shadow: inset 0 0 0 0.0625rem var(${_Selecttokens.constants.focusColor});
            }
        `
}));
const StyledCheckboxWrapper = _styledcomponents.default.span.withConfig({
    displayName: "Item.styles__StyledCheckboxWrapper",
    componentId: "sc-356e05ac-9"
})([
    ``
]);
