"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 CellWrapper () {
        return CellWrapper;
    },
    get DisclosureIconWrapper () {
        return DisclosureIconWrapper;
    },
    get Divider () {
        return Divider;
    },
    get RenderItemWrapper () {
        return RenderItemWrapper;
    },
    get StyledCell () {
        return StyledCell;
    },
    get StyledIconDisclosureRight () {
        return StyledIconDisclosureRight;
    },
    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 _Cell = require("../../../../../Cell");
const _Icon = require("../../../../../_Icon");
const _Dropdowntokens = require("../../../../Dropdown.tokens");
function _interop_require_default(obj) {
    return obj && obj.__esModule ? obj : {
        default: obj
    };
}
const mergedCellConfig = (0, _engines.mergeConfig)(_Cell.cellConfig);
const Cell = (0, _engines.component)(mergedCellConfig);
const CellWrapper = _styledcomponents.default.div.withConfig({
    displayName: "Item.styles__CellWrapper",
    componentId: "sc-429ecb59-0"
})([
    ``,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);width:100%;`
], _Cell.cellTokens.cellTitleColor, _Dropdowntokens.constants.cellTitleColor, _Cell.cellTokens.cellBackgroundColor, _Dropdowntokens.constants.cellBackgroundColor, _Cell.cellTokens.cellPadding, _Dropdowntokens.tokens.cellPadding, _Cell.cellTokens.cellPaddingLeftContent, _Dropdowntokens.tokens.cellPaddingLeftContent, _Cell.cellTokens.cellPaddingContent, _Dropdowntokens.tokens.cellPaddingContent, _Cell.cellTokens.cellPaddingRightContent, _Dropdowntokens.tokens.cellPaddingRightContent, _Cell.cellTokens.cellTextboxGap, _Dropdowntokens.tokens.cellTextboxGap, _Cell.cellTokens.cellGap, _Dropdowntokens.tokens.cellGap, _Cell.cellTokens.cellTitleFontFamily, _Dropdowntokens.tokens.cellTitleFontFamily, _Cell.cellTokens.cellTitleFontSize, _Dropdowntokens.tokens.cellTitleFontSize, _Cell.cellTokens.cellTitleFontStyle, _Dropdowntokens.tokens.cellTitleFontStyle, _Cell.cellTokens.cellTitleFontWeight, _Dropdowntokens.tokens.cellTitleFontWeight, _Cell.cellTokens.cellTitleLetterSpacing, _Dropdowntokens.tokens.cellTitleLetterSpacing, _Cell.cellTokens.cellTitleLineHeight, _Dropdowntokens.tokens.cellTitleLineHeight);
const StyledCell = (0, _styledcomponents.default)(Cell).withConfig({
    displayName: "Item.styles__StyledCell",
    componentId: "sc-429ecb59-1"
})([
    ``
]);
const DisclosureIconWrapper = _styledcomponents.default.div.withConfig({
    displayName: "Item.styles__DisclosureIconWrapper",
    componentId: "sc-429ecb59-2"
})([
    `line-height:0;color:var(`,
    `,var(`,
    `));`
], _Dropdowntokens.tokens.disclosureIconColor, _Dropdowntokens.constants.disclosureIconColor);
const sizeMap = {
    xs: '1rem',
    s: '1.5rem',
    m: '2rem'
};
const StyledIconDisclosureRight = (0, _styledcomponents.default)(_Icon.IconDisclosureRight).withConfig({
    displayName: "Item.styles__StyledIconDisclosureRight",
    componentId: "sc-429ecb59-3"
})([
    `width:`,
    `;height:`,
    `;`
], ({ size = 'xs' })=>`var(${_Dropdowntokens.tokens.itemDisclosureIconSize}, ${sizeMap[size]})`, ({ size = 'xs' })=>`var(${_Dropdowntokens.tokens.itemDisclosureIconSize}, ${sizeMap[size]})`);
const Divider = _styledcomponents.default.div.withConfig({
    displayName: "Item.styles__Divider",
    componentId: "sc-429ecb59-4"
})([
    `height:1px;margin-top:`,
    `;margin-right:var(`,
    `);margin-bottom:`,
    `;margin-left:var(`,
    `);background:var(`,
    `);`
], ({ variant })=>`var(${variant === 'tight' ? _Dropdowntokens.tokens.dividerMarginTopTight : _Dropdowntokens.tokens.dividerMarginTop})`, _Dropdowntokens.tokens.dividerMarginRight, ({ variant })=>`var(${variant === 'tight' ? _Dropdowntokens.tokens.dividerMarginBottomTight : _Dropdowntokens.tokens.dividerMarginBottom})`, _Dropdowntokens.tokens.dividerMarginLeft, _Dropdowntokens.tokens.dividerColor);
const Wrapper = _styledcomponents.default.li.withConfig({
    displayName: "Item.styles__Wrapper",
    componentId: "sc-429ecb59-5"
})([
    `display:flex;align-items:center;gap:`,
    `;min-height:var(`,
    `);margin:var(`,
    `,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(`,
    `);border-radius:var( `,
    `,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;}`,
    `;`
], ({ variant })=>`var(${variant === 'tight' ? _Dropdowntokens.tokens.itemGapTight : _Dropdowntokens.tokens.itemGap})`, _Dropdowntokens.tokens.itemHeight, _Dropdowntokens.tokens.itemMargin, ({ variant })=>`var(${variant === 'tight' ? _Dropdowntokens.tokens.itemPaddingTight : _Dropdowntokens.tokens.itemPadding})`, _Dropdowntokens.tokens.itemFontFamily, _Dropdowntokens.tokens.itemFontSize, _Dropdowntokens.tokens.itemFontStyle, _Dropdowntokens.tokens.itemFontWeightBold, _Dropdowntokens.tokens.itemFontLetterSpacing, _Dropdowntokens.tokens.itemFontLineHeight, _Dropdowntokens.constants.itemBackground, _Dropdowntokens.tokens.itemBorderRadius, _Dropdowntokens.tokens.borderRadius, _Dropdowntokens.tokens.borderWidth, _Dropdowntokens.classes.dropdownItemIsDisabled, _Dropdowntokens.tokens.itemBackgroundHover, _Dropdowntokens.classes.dropdownItemIsActive, _Dropdowntokens.tokens.itemBackgroundHover, _Dropdowntokens.classes.dropdownItemIsDisabled, _Dropdowntokens.constants.opacity, (0, _mixins.addFocus)({
    outlineSize: '0',
    outlineOffset: '0',
    outlineColor: `var(${_Dropdowntokens.constants.focusColor})`,
    outlineRadius: `calc(var(${_Dropdowntokens.tokens.borderRadius}) - 0.125rem - var(${_Dropdowntokens.tokens.borderWidth}, 0rem))`,
    hasTransition: false,
    customFocusRules: `
            &.${_Dropdowntokens.classes.dropdownItemIsFocused}:before {
                outline: none;
                box-shadow: inset 0 0 0 0.0625rem var(${_Dropdowntokens.constants.focusColor});
            }
        `
}));
const RenderItemWrapper = _styledcomponents.default.div.withConfig({
    displayName: "Item.styles__RenderItemWrapper",
    componentId: "sc-429ecb59-6"
})([
    ``,
    `;flex:1;`
], (0, _mixins.applyEllipsis)());
