{"version":3,"file":"index.mjs","names":[],"sources":["../../../src/presets/material/multiselect/index.ts"],"sourcesContent":["import type { MultiSelectDesignTokens, MultiSelectTokenSections } from '@openng/optimus-ui-themes/types/multiselect';\n\nexport const root: MultiSelectTokenSections.Root = {\n    background: '{form.field.background}',\n    disabledBackground: '{form.field.disabled.background}',\n    filledBackground: '{form.field.filled.background}',\n    filledHoverBackground: '{form.field.filled.hover.background}',\n    filledFocusBackground: '{form.field.filled.focus.background}',\n    borderColor: '{form.field.border.color}',\n    hoverBorderColor: '{form.field.hover.border.color}',\n    focusBorderColor: '{form.field.focus.border.color}',\n    invalidBorderColor: '{form.field.invalid.border.color}',\n    color: '{form.field.color}',\n    disabledColor: '{form.field.disabled.color}',\n    placeholderColor: '{form.field.placeholder.color}',\n    invalidPlaceholderColor: '{form.field.invalid.placeholder.color}',\n    shadow: '{form.field.shadow}',\n    paddingX: '{form.field.padding.x}',\n    paddingY: '{form.field.padding.y}',\n    borderRadius: '{form.field.border.radius}',\n    focusRing: {\n        width: '{form.field.focus.ring.width}',\n        style: '{form.field.focus.ring.style}',\n        color: '{form.field.focus.ring.color}',\n        offset: '{form.field.focus.ring.offset}',\n        shadow: '{form.field.focus.ring.shadow}'\n    },\n    transitionDuration: '{form.field.transition.duration}',\n    sm: {\n        fontSize: '{form.field.sm.font.size}',\n        paddingX: '{form.field.sm.padding.x}',\n        paddingY: '{form.field.sm.padding.y}'\n    },\n    lg: {\n        fontSize: '{form.field.lg.font.size}',\n        paddingX: '{form.field.lg.padding.x}',\n        paddingY: '{form.field.lg.padding.y}'\n    }\n};\n\nexport const dropdown: MultiSelectTokenSections.Dropdown = {\n    width: '2.5rem',\n    color: '{form.field.icon.color}'\n};\n\nexport const overlay: MultiSelectTokenSections.Overlay = {\n    background: '{overlay.select.background}',\n    borderColor: '{overlay.select.border.color}',\n    borderRadius: '{overlay.select.border.radius}',\n    color: '{overlay.select.color}',\n    shadow: '{overlay.select.shadow}'\n};\n\nexport const list: MultiSelectTokenSections.List = {\n    padding: '{list.padding}',\n    gap: '{list.gap}',\n    header: {\n        padding: '{list.header.padding}'\n    }\n};\n\nexport const option: MultiSelectTokenSections.Option = {\n    focusBackground: '{list.option.focus.background}',\n    selectedBackground: '{list.option.selected.background}',\n    selectedFocusBackground: '{list.option.selected.focus.background}',\n    color: '{list.option.color}',\n    focusColor: '{list.option.focus.color}',\n    selectedColor: '{list.option.selected.color}',\n    selectedFocusColor: '{list.option.selected.focus.color}',\n    padding: '{list.option.padding}',\n    borderRadius: '{list.option.border.radius}',\n    gap: '0.75rem'\n};\n\nexport const optionGroup: MultiSelectTokenSections.OptionGroup = {\n    background: '{list.option.group.background}',\n    color: '{list.option.group.color}',\n    fontWeight: '{list.option.group.font.weight}',\n    padding: '{list.option.group.padding}'\n};\n\nexport const clearIcon: MultiSelectTokenSections.ClearIcon = {\n    color: '{form.field.icon.color}'\n};\n\nexport const chip: MultiSelectTokenSections.Chip = {\n    borderRadius: '{border.radius.sm}'\n};\n\nexport const emptyMessage: MultiSelectTokenSections.EmptyMessage = {\n    padding: '{list.option.padding}'\n};\n\nexport const css: MultiSelectTokenSections.CSS = /*css*/ `\n.p-multiselect.p-variant-filled {\n    border-bottom-left-radius: 0;\n    border-bottom-right-radius: 0;\n    border: 1px solid transparent;\n    background: dt('multiselect.filled.background') no-repeat;\n    background-image: linear-gradient(to bottom, dt('multiselect.focus.border.color'), dt('multiselect.focus.border.color')), linear-gradient(to bottom, dt('multiselect.border.color'), dt('multiselect.border.color'));\n    background-size: 0 2px, 100% 1px;\n    background-position: 50% 100%, 50% 100%;\n    background-origin: border-box;\n    transition: background-size 0.3s cubic-bezier(0.64, 0.09, 0.08, 1);\n}\n\n.p-multiselect.p-variant-filled:not(.p-disabled):hover {\n    background: dt('multiselect.filled.hover.background') no-repeat;\n    background-image: linear-gradient(to bottom, dt('multiselect.focus.border.color'), dt('multiselect.focus.border.color')), linear-gradient(to bottom, dt('multiselect.hover.border.color'), dt('multiselect.hover.border.color'));\n    background-size: 0 2px, 100% 1px;\n    background-position: 50% 100%, 50% 100%;\n    background-origin: border-box;\n    border-color: transparent;\n}\n\n.p-multiselect.p-variant-filled:not(.p-disabled).p-focus {\n    outline: 0 none;\n    background: dt('multiselect.filled.focus.background') no-repeat;\n    background-image: linear-gradient(to bottom, dt('multiselect.focus.border.color'), dt('multiselect.focus.border.color')), linear-gradient(to bottom, dt('multiselect.border.color'), dt('multiselect.border.color'));\n    background-size: 100% 2px, 100% 1px;\n    background-position: 50% 100%, 50% 100%;\n    background-origin: border-box;\n    border-color: transparent;\n}\n\n.p-multiselect.p-variant-filled:not(.p-disabled).p-focus:hover {\n    background-image: linear-gradient(to bottom, dt('multiselect.focus.border.color'), dt('multiselect.focus.border.color')), linear-gradient(to bottom, dt('multiselect.hover.border.color'), dt('multiselect.hover.border.color'));\n}\n\n.p-multiselect.p-variant-filled.p-invalid {\n    background-image: linear-gradient(to bottom, dt('multiselect.invalid.border.color'), dt('multiselect.invalid.border.color')), linear-gradient(to bottom, dt('multiselect.invalid.border.color'), dt('multiselect.invalid.border.color'));\n}\n\n.p-multiselect.p-variant-filled.p-invalid:not(.p-disabled).p-focus  {\n    background-image: linear-gradient(to bottom, dt('multiselect.invalid.border.color'), dt('multiselect.invalid.border.color')), linear-gradient(to bottom, dt('multiselect.invalid.border.color'), dt('multiselect.invalid.border.color'));\n}\n\n.p-multiselect-option {\n    transition: none;\n}\n`;\n\nexport default {\n    root,\n    dropdown,\n    overlay,\n    list,\n    option,\n    optionGroup,\n    chip,\n    clearIcon,\n    emptyMessage,\n    css\n} satisfies MultiSelectDesignTokens;\n"],"mappings":"AAEA,MAAa,KAAsC,CAC/C,WAAY,0BACZ,mBAAoB,mCACpB,iBAAkB,iCAClB,sBAAuB,uCACvB,sBAAuB,uCACvB,YAAa,4BACb,iBAAkB,kCAClB,iBAAkB,kCAClB,mBAAoB,oCACpB,MAAO,qBACP,cAAe,8BACf,iBAAkB,iCAClB,wBAAyB,yCACzB,OAAQ,sBACR,SAAU,yBACV,SAAU,yBACV,aAAc,6BACd,UAAW,CACP,MAAO,gCACP,MAAO,gCACP,MAAO,gCACP,OAAQ,iCACR,OAAQ,gCACZ,EACA,mBAAoB,mCACpB,GAAI,CACA,SAAU,4BACV,SAAU,4BACV,SAAU,2BACd,EACA,GAAI,CACA,SAAU,4BACV,SAAU,4BACV,SAAU,2BACd,CACJ,EAEa,SAA8C,CACvD,MAAO,SACP,MAAO,yBACX,EAEa,QAA4C,CACrD,WAAY,8BACZ,YAAa,gCACb,aAAc,iCACd,MAAO,yBACP,OAAQ,yBACZ,EAEa,KAAsC,CAC/C,QAAS,iBACT,IAAK,aACL,OAAQ,CACJ,QAAS,uBACb,CACJ,EAEa,OAA0C,CACnD,gBAAiB,iCACjB,mBAAoB,oCACpB,wBAAyB,0CACzB,MAAO,sBACP,WAAY,4BACZ,cAAe,+BACf,mBAAoB,qCACpB,QAAS,wBACT,aAAc,8BACd,IAAK,SACT,EAEa,YAAoD,CAC7D,WAAY,iCACZ,MAAO,4BACP,WAAY,kCACZ,QAAS,6BACb,EAEa,UAAgD,CACzD,MAAO,yBACX,EAEa,KAAsC,CAC/C,aAAc,oBAClB,EAEa,aAAsD,CAC/D,QAAS,uBACb,EAEa,IAA4C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAiDzD,IAAA,oBAAe,CACX,KACA,SACA,QACA,KACA,OACA,YACA,KACA,UACA,aACA,GACJ"}