@sparkux/themes 0.0.0-stage → 2.0.3

package/dist/material/accordion/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/presets/material/accordion/index.ts"],"sourcesContent":["import type { AccordionDesignTokens, AccordionTokenSections } from '@sparkux/themes/types/accordion';\n\nexport const root: AccordionTokenSections.Root = {\n    transitionDuration: '{transition.duration}'\n};\n\nexport const panel: AccordionTokenSections.Panel = {\n    borderWidth: '0',\n    borderColor: '{content.border.color}'\n};\n\nexport const header: AccordionTokenSections.Header = {\n    color: '{text.color}',\n    hoverColor: '{text.color}',\n    activeColor: '{text.color}',\n    activeHoverColor: '{text.color}',\n    padding: '1.25rem',\n    fontWeight: '600',\n    borderRadius: '0',\n    borderWidth: '0',\n    borderColor: '{content.border.color}',\n    background: '{content.background}',\n    hoverBackground: '{content.hover.background}',\n    activeBackground: '{content.background}',\n    activeHoverBackground: '{content.background}',\n    focusRing: {\n        width: '0',\n        style: 'none',\n        color: 'unset',\n        offset: '0',\n        shadow: 'none'\n    },\n    toggleIcon: {\n        color: '{text.muted.color}',\n        hoverColor: '{text.muted.color}',\n        activeColor: '{text.muted.color}',\n        activeHoverColor: '{text.muted.color}'\n    },\n    first: {\n        topBorderRadius: '{content.border.radius}',\n        borderWidth: '0'\n    },\n    last: {\n        bottomBorderRadius: '{content.border.radius}',\n        activeBottomBorderRadius: '0'\n    }\n};\n\nexport const content: AccordionTokenSections.Content = {\n    borderWidth: '0',\n    borderColor: '{content.border.color}',\n    background: '{content.background}',\n    color: '{text.color}',\n    padding: '0 1.25rem 1.25rem 1.25rem'\n};\n\nexport const css: AccordionTokenSections.CSS = /*css*/ `\n.s-accordionpanel {\n    box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12);\n    transition: margin dt('accordion.transition.duration');\n}\n\n.s-accordionpanel-active {\n    margin: 1rem 0;\n}\n\n.s-accordionpanel:first-child {\n    border-top-left-radius: dt('content.border.radius');\n    border-top-right-radius: dt('content.border.radius');\n    margin-top: 0;\n}\n\n.s-accordionpanel:last-child {\n    border-bottom-left-radius: dt('content.border.radius');\n    border-bottom-right-radius: dt('content.border.radius');\n    margin-bottom: 0;\n}\n\n.s-accordionpanel:not(.s-disabled) .s-accordionheader:focus-visible {\n    background: dt('navigation.item.active.background');\n}\n`;\n\nexport default {\n    root,\n    panel,\n    header,\n    content,\n    css\n} satisfies AccordionDesignTokens;\n"],"mappings":";AAEO,IAAM,OAAoC;AAAA,EAC7C,oBAAoB;AACxB;AAEO,IAAM,QAAsC;AAAA,EAC/C,aAAa;AAAA,EACb,aAAa;AACjB;AAEO,IAAM,SAAwC;AAAA,EACjD,OAAO;AAAA,EACP,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,kBAAkB;AAAA,EAClB,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,cAAc;AAAA,EACd,aAAa;AAAA,EACb,aAAa;AAAA,EACb,YAAY;AAAA,EACZ,iBAAiB;AAAA,EACjB,kBAAkB;AAAA,EAClB,uBAAuB;AAAA,EACvB,WAAW;AAAA,IACP,OAAO;AAAA,IACP,OAAO;AAAA,IACP,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,QAAQ;AAAA,EACZ;AAAA,EACA,YAAY;AAAA,IACR,OAAO;AAAA,IACP,YAAY;AAAA,IACZ,aAAa;AAAA,IACb,kBAAkB;AAAA,EACtB;AAAA,EACA,OAAO;AAAA,IACH,iBAAiB;AAAA,IACjB,aAAa;AAAA,EACjB;AAAA,EACA,MAAM;AAAA,IACF,oBAAoB;AAAA,IACpB,0BAA0B;AAAA,EAC9B;AACJ;AAEO,IAAM,UAA0C;AAAA,EACnD,aAAa;AAAA,EACb,aAAa;AAAA,EACb,YAAY;AAAA,EACZ,OAAO;AAAA,EACP,SAAS;AACb;AAEO,IAAM;AAAA;AAAA,EAA0C;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA2BvD,IAAO,oBAAQ;AAAA,EACX;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ;","names":[]}

package/dist/material/autocomplete/index.d.ts

@@ -0,0 +1,29 @@
+import type { StyleOptions } from '@sparkux/styled';
+import type { AutoCompleteTokenSections } from '@sparkux/themes/types/autocomplete';
+
+export * from '@sparkux/themes/types/autocomplete';
+
+declare const root: AutoCompleteTokenSections.Root;
+declare const overlay: AutoCompleteTokenSections.Overlay;
+declare const list: AutoCompleteTokenSections.List;
+declare const option: AutoCompleteTokenSections.Option;
+declare const optionGroup: AutoCompleteTokenSections.OptionGroup;
+declare const dropdown: AutoCompleteTokenSections.Dropdown;
+declare const chip: AutoCompleteTokenSections.Chip;
+declare const emptyMessage: AutoCompleteTokenSections.EmptyMessage;
+declare const colorScheme: AutoCompleteTokenSections.ColorScheme;
+declare const css: AutoCompleteTokenSections.CSS;
+declare const _default: {
+    root: AutoCompleteTokenSections.Root;
+    overlay: AutoCompleteTokenSections.Overlay;
+    list: AutoCompleteTokenSections.List;
+    option: AutoCompleteTokenSections.Option;
+    optionGroup: AutoCompleteTokenSections.OptionGroup;
+    dropdown: AutoCompleteTokenSections.Dropdown;
+    chip: AutoCompleteTokenSections.Chip;
+    emptyMessage: AutoCompleteTokenSections.EmptyMessage;
+    colorScheme: AutoCompleteTokenSections.ColorScheme;
+    css: (options: StyleOptions) => string;
+};
+
+export { chip, colorScheme, css, _default as default, dropdown, emptyMessage, list, option, optionGroup, overlay, root };

package/dist/material/autocomplete/index.mjs

@@ -0,0 +1 @@
+var o={background:"{form.field.background}",disabledBackground:"{form.field.disabled.background}",filledBackground:"{form.field.filled.background}",filledHoverBackground:"{form.field.filled.hover.background}",filledFocusBackground:"{form.field.filled.focus.background}",borderColor:"{form.field.border.color}",hoverBorderColor:"{form.field.hover.border.color}",focusBorderColor:"{form.field.focus.border.color}",invalidBorderColor:"{form.field.invalid.border.color}",color:"{form.field.color}",disabledColor:"{form.field.disabled.color}",placeholderColor:"{form.field.placeholder.color}",shadow:"{form.field.shadow}",paddingX:"{form.field.padding.x}",paddingY:"{form.field.padding.y}",borderRadius:"{form.field.border.radius}",focusRing:{width:"{form.field.focus.ring.width}",style:"{form.field.focus.ring.style}",color:"{form.field.focus.ring.color}",offset:"{form.field.focus.ring.offset}",shadow:"{form.field.focus.ring.shadow}"},transitionDuration:"{form.field.transition.duration}"},r={background:"{overlay.select.background}",borderColor:"{overlay.select.border.color}",borderRadius:"{overlay.select.border.radius}",color:"{overlay.select.color}",shadow:"{overlay.select.shadow}"},e={padding:"{list.padding}",gap:"{list.gap}"},d={focusBackground:"{list.option.focus.background}",selectedBackground:"{list.option.selected.background}",selectedFocusBackground:"{list.option.selected.focus.background}",color:"{list.option.color}",focusColor:"{list.option.focus.color}",selectedColor:"{list.option.selected.color}",selectedFocusColor:"{list.option.selected.focus.color}",padding:"{list.option.padding}",borderRadius:"{list.option.border.radius}"},t={background:"{list.option.group.background}",color:"{list.option.group.color}",fontWeight:"{list.option.group.font.weight}",padding:"{list.option.group.padding}"},l={width:"3rem",sm:{width:"2.5rem"},lg:{width:"3.5rem"},borderColor:"{form.field.border.color}",hoverBorderColor:"{form.field.border.color}",activeBorderColor:"{form.field.border.color}",borderRadius:"{form.field.border.radius}",focusRing:{width:"0",style:"none",color:"unset",offset:"0",shadow:"none"}},a={borderRadius:"{border.radius.sm}"},n={padding:"{list.option.padding}"},c={light:{chip:{focusBackground:"{surface.300}",focusColor:"{surface.950}"},dropdown:{background:"{surface.100}",hoverBackground:"{surface.200}",activeBackground:"{surface.300}",color:"{surface.600}",hoverColor:"{surface.700}",activeColor:"{surface.800}"}},dark:{chip:{focusBackground:"{surface.600}",focusColor:"{surface.0}"},dropdown:{background:"{surface.800}",hoverBackground:"{surface.700}",activeBackground:"{surface.600}",color:"{surface.300}",hoverColor:"{surface.200}",activeColor:"{surface.100}"}}},css="\n.s-autocomplete-dropdown:focus-visible {\n    background: dt('autocomplete.dropdown.hover.background');\n    border-color: dt('autocomplete.dropdown.hover.border.color');\n    color: dt('autocomplete.dropdown.hover.color');\n}\n\n.s-variant-filled.s-autocomplete-input-multiple {\n    border-bottom-left-radius: 0;\n    border-bottom-right-radius: 0;\n    border: 1px solid transparent;\n    background: dt('autocomplete.filled.background') no-repeat;\n    background-image: linear-gradient(to bottom, dt('autocomplete.focus.border.color'), dt('autocomplete.focus.border.color')), linear-gradient(to bottom, dt('autocomplete.border.color'), dt('autocomplete.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.s-autocomplete:not(.s-disabled):hover .s-variant-filled.s-autocomplete-input-multiple {\n    background: dt('autocomplete.filled.hover.background') no-repeat;\n    background-image: linear-gradient(to bottom, dt('autocomplete.focus.border.color'), dt('autocomplete.focus.border.color')), linear-gradient(to bottom, dt('autocomplete.hover.border.color'), dt('autocomplete.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.s-autocomplete:not(.s-disabled).s-focus .s-variant-filled.s-autocomplete-input-multiple {\n    outline: 0 none;\n    background: dt('autocomplete.filled.focus.background') no-repeat;\n    background-image: linear-gradient(to bottom, dt('autocomplete.focus.border.color'), dt('autocomplete.focus.border.color')), linear-gradient(to bottom, dt('autocomplete.border.color'), dt('autocomplete.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.s-autocomplete:not(.s-disabled).s-focus:hover .s-variant-filled.s-autocomplete-input-multiple {\n    background-image: linear-gradient(to bottom, dt('autocomplete.focus.border.color'), dt('autocomplete.focus.border.color')), linear-gradient(to bottom, dt('autocomplete.hover.border.color'), dt('autocomplete.hover.border.color'));\n}\n\n.s-autocomplete.s-invalid .s-autocomplete-input-multiple {\n    background-image: linear-gradient(to bottom, dt('autocomplete.invalid.border.color'), dt('autocomplete.invalid.border.color')), linear-gradient(to bottom, dt('autocomplete.invalid.border.color'), dt('autocomplete.invalid.border.color'));\n}\n\n.s-autocomplete.s-invalid.s-focus .s-autocomplete-input-multiple  {\n    background-image: linear-gradient(to bottom, dt('autocomplete.invalid.border.color'), dt('autocomplete.invalid.border.color')), linear-gradient(to bottom, dt('autocomplete.invalid.border.color'), dt('autocomplete.invalid.border.color'));\n}\n\n.s-autocomplete-option {\n    transition: none;\n}\n",i={root:o,overlay:r,list:e,option:d,optionGroup:t,dropdown:l,chip:a,emptyMessage:n,colorScheme:c,css:css};export{a as chip,c as colorScheme,css,i as default,l as dropdown,n as emptyMessage,e as list,d as option,t as optionGroup,r as overlay,o as root};//# sourceMappingURL=index.mjs.map

package/dist/material/autocomplete/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/presets/material/autocomplete/index.ts"],"sourcesContent":["import type { AutoCompleteDesignTokens, AutoCompleteTokenSections } from '@sparkux/themes/types/autocomplete';\n\nexport const root: AutoCompleteTokenSections.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    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};\n\nexport const overlay: AutoCompleteTokenSections.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: AutoCompleteTokenSections.List = {\n    padding: '{list.padding}',\n    gap: '{list.gap}'\n};\n\nexport const option: AutoCompleteTokenSections.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};\n\nexport const optionGroup: AutoCompleteTokenSections.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 dropdown: AutoCompleteTokenSections.Dropdown = {\n    width: '3rem',\n    sm: {\n        width: '2.5rem'\n    },\n    lg: {\n        width: '3.5rem'\n    },\n    borderColor: '{form.field.border.color}',\n    hoverBorderColor: '{form.field.border.color}',\n    activeBorderColor: '{form.field.border.color}',\n    borderRadius: '{form.field.border.radius}',\n    focusRing: {\n        width: '0',\n        style: 'none',\n        color: 'unset',\n        offset: '0',\n        shadow: 'none'\n    }\n};\n\nexport const chip: AutoCompleteTokenSections.Chip = {\n    borderRadius: '{border.radius.sm}'\n};\n\nexport const emptyMessage: AutoCompleteTokenSections.EmptyMessage = {\n    padding: '{list.option.padding}'\n};\n\nexport const colorScheme: AutoCompleteTokenSections.ColorScheme = {\n    light: {\n        chip: {\n            focusBackground: '{surface.300}',\n            focusColor: '{surface.950}'\n        },\n        dropdown: {\n            background: '{surface.100}',\n            hoverBackground: '{surface.200}',\n            activeBackground: '{surface.300}',\n            color: '{surface.600}',\n            hoverColor: '{surface.700}',\n            activeColor: '{surface.800}'\n        }\n    },\n    dark: {\n        chip: {\n            focusBackground: '{surface.600}',\n            focusColor: '{surface.0}'\n        },\n        dropdown: {\n            background: '{surface.800}',\n            hoverBackground: '{surface.700}',\n            activeBackground: '{surface.600}',\n            color: '{surface.300}',\n            hoverColor: '{surface.200}',\n            activeColor: '{surface.100}'\n        }\n    }\n};\n\nexport const css: AutoCompleteTokenSections.CSS = /*css*/ `\n.s-autocomplete-dropdown:focus-visible {\n    background: dt('autocomplete.dropdown.hover.background');\n    border-color: dt('autocomplete.dropdown.hover.border.color');\n    color: dt('autocomplete.dropdown.hover.color');\n}\n\n.s-variant-filled.s-autocomplete-input-multiple {\n    border-bottom-left-radius: 0;\n    border-bottom-right-radius: 0;\n    border: 1px solid transparent;\n    background: dt('autocomplete.filled.background') no-repeat;\n    background-image: linear-gradient(to bottom, dt('autocomplete.focus.border.color'), dt('autocomplete.focus.border.color')), linear-gradient(to bottom, dt('autocomplete.border.color'), dt('autocomplete.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.s-autocomplete:not(.s-disabled):hover .s-variant-filled.s-autocomplete-input-multiple {\n    background: dt('autocomplete.filled.hover.background') no-repeat;\n    background-image: linear-gradient(to bottom, dt('autocomplete.focus.border.color'), dt('autocomplete.focus.border.color')), linear-gradient(to bottom, dt('autocomplete.hover.border.color'), dt('autocomplete.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.s-autocomplete:not(.s-disabled).s-focus .s-variant-filled.s-autocomplete-input-multiple {\n    outline: 0 none;\n    background: dt('autocomplete.filled.focus.background') no-repeat;\n    background-image: linear-gradient(to bottom, dt('autocomplete.focus.border.color'), dt('autocomplete.focus.border.color')), linear-gradient(to bottom, dt('autocomplete.border.color'), dt('autocomplete.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.s-autocomplete:not(.s-disabled).s-focus:hover .s-variant-filled.s-autocomplete-input-multiple {\n    background-image: linear-gradient(to bottom, dt('autocomplete.focus.border.color'), dt('autocomplete.focus.border.color')), linear-gradient(to bottom, dt('autocomplete.hover.border.color'), dt('autocomplete.hover.border.color'));\n}\n\n.s-autocomplete.s-invalid .s-autocomplete-input-multiple {\n    background-image: linear-gradient(to bottom, dt('autocomplete.invalid.border.color'), dt('autocomplete.invalid.border.color')), linear-gradient(to bottom, dt('autocomplete.invalid.border.color'), dt('autocomplete.invalid.border.color'));\n}\n\n.s-autocomplete.s-invalid.s-focus .s-autocomplete-input-multiple  {\n    background-image: linear-gradient(to bottom, dt('autocomplete.invalid.border.color'), dt('autocomplete.invalid.border.color')), linear-gradient(to bottom, dt('autocomplete.invalid.border.color'), dt('autocomplete.invalid.border.color'));\n}\n\n.s-autocomplete-option {\n    transition: none;\n}\n`;\n\nexport default {\n    root,\n    overlay,\n    list,\n    option,\n    optionGroup,\n    dropdown,\n    chip,\n    emptyMessage,\n    colorScheme,\n    css\n} satisfies AutoCompleteDesignTokens;\n"],"mappings":";AAEO,IAAM,OAAuC;AAAA,EAChD,YAAY;AAAA,EACZ,oBAAoB;AAAA,EACpB,kBAAkB;AAAA,EAClB,uBAAuB;AAAA,EACvB,uBAAuB;AAAA,EACvB,aAAa;AAAA,EACb,kBAAkB;AAAA,EAClB,kBAAkB;AAAA,EAClB,oBAAoB;AAAA,EACpB,OAAO;AAAA,EACP,eAAe;AAAA,EACf,kBAAkB;AAAA,EAClB,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,UAAU;AAAA,EACV,cAAc;AAAA,EACd,WAAW;AAAA,IACP,OAAO;AAAA,IACP,OAAO;AAAA,IACP,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,QAAQ;AAAA,EACZ;AAAA,EACA,oBAAoB;AACxB;AAEO,IAAM,UAA6C;AAAA,EACtD,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,cAAc;AAAA,EACd,OAAO;AAAA,EACP,QAAQ;AACZ;AAEO,IAAM,OAAuC;AAAA,EAChD,SAAS;AAAA,EACT,KAAK;AACT;AAEO,IAAM,SAA2C;AAAA,EACpD,iBAAiB;AAAA,EACjB,oBAAoB;AAAA,EACpB,yBAAyB;AAAA,EACzB,OAAO;AAAA,EACP,YAAY;AAAA,EACZ,eAAe;AAAA,EACf,oBAAoB;AAAA,EACpB,SAAS;AAAA,EACT,cAAc;AAClB;AAEO,IAAM,cAAqD;AAAA,EAC9D,YAAY;AAAA,EACZ,OAAO;AAAA,EACP,YAAY;AAAA,EACZ,SAAS;AACb;AAEO,IAAM,WAA+C;AAAA,EACxD,OAAO;AAAA,EACP,IAAI;AAAA,IACA,OAAO;AAAA,EACX;AAAA,EACA,IAAI;AAAA,IACA,OAAO;AAAA,EACX;AAAA,EACA,aAAa;AAAA,EACb,kBAAkB;AAAA,EAClB,mBAAmB;AAAA,EACnB,cAAc;AAAA,EACd,WAAW;AAAA,IACP,OAAO;AAAA,IACP,OAAO;AAAA,IACP,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,QAAQ;AAAA,EACZ;AACJ;AAEO,IAAM,OAAuC;AAAA,EAChD,cAAc;AAClB;AAEO,IAAM,eAAuD;AAAA,EAChE,SAAS;AACb;AAEO,IAAM,cAAqD;AAAA,EAC9D,OAAO;AAAA,IACH,MAAM;AAAA,MACF,iBAAiB;AAAA,MACjB,YAAY;AAAA,IAChB;AAAA,IACA,UAAU;AAAA,MACN,YAAY;AAAA,MACZ,iBAAiB;AAAA,MACjB,kBAAkB;AAAA,MAClB,OAAO;AAAA,MACP,YAAY;AAAA,MACZ,aAAa;AAAA,IACjB;AAAA,EACJ;AAAA,EACA,MAAM;AAAA,IACF,MAAM;AAAA,MACF,iBAAiB;AAAA,MACjB,YAAY;AAAA,IAChB;AAAA,IACA,UAAU;AAAA,MACN,YAAY;AAAA,MACZ,iBAAiB;AAAA,MACjB,kBAAkB;AAAA,MAClB,OAAO;AAAA,MACP,YAAY;AAAA,MACZ,aAAa;AAAA,IACjB;AAAA,EACJ;AACJ;AAEO,IAAM;AAAA;AAAA,EAA6C;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAuD1D,IAAO,uBAAQ;AAAA,EACX;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ;","names":[]}

package/dist/material/avatar/index.d.ts

@@ -0,0 +1,20 @@
+import type { AvatarTokenSections } from '@sparkux/themes/types/avatar';
+
+export * from '@sparkux/themes/types/avatar';
+
+declare const root: AvatarTokenSections.Root;
+declare const icon: AvatarTokenSections.Icon;
+declare const group: AvatarTokenSections.Group;
+declare const lg: AvatarTokenSections.Lg;
+declare const xl: AvatarTokenSections.Xl;
+declare const css: AvatarTokenSections.CSS;
+declare const _default: {
+    root: AvatarTokenSections.Root;
+    icon: AvatarTokenSections.Icon;
+    group: AvatarTokenSections.Group;
+    lg: AvatarTokenSections.Lg;
+    xl: AvatarTokenSections.Xl;
+    css: string;
+};
+
+export { css, _default as default, group, icon, lg, root, xl };

package/dist/material/avatar/index.mjs

@@ -0,0 +1 @@
+var e={width:"2rem",height:"2rem",fontSize:"1rem",background:"{content.border.color}",color:"{content.color}",borderRadius:"{content.border.radius}"},r={size:"1rem"},o={borderColor:"{content.background}",offset:"-0.75rem"},t={width:"3rem",height:"3rem",fontSize:"1.5rem",icon:{size:"1.5rem"},group:{offset:"-1rem"}},i={width:"4rem",height:"4rem",fontSize:"2rem",icon:{size:"2rem"},group:{offset:"-1.5rem"}},css="",n={root:e,icon:r,group:o,lg:t,xl:i,css:""};export{css,n as default,o as group,r as icon,t as lg,e as root,i as xl};//# sourceMappingURL=index.mjs.map

package/dist/material/avatar/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/presets/material/avatar/index.ts"],"sourcesContent":["import type { AvatarDesignTokens, AvatarTokenSections } from '@sparkux/themes/types/avatar';\n\nexport const root: AvatarTokenSections.Root = {\n    width: '2rem',\n    height: '2rem',\n    fontSize: '1rem',\n    background: '{content.border.color}',\n    color: '{content.color}',\n    borderRadius: '{content.border.radius}'\n};\n\nexport const icon: AvatarTokenSections.Icon = {\n    size: '1rem'\n};\n\nexport const group: AvatarTokenSections.Group = {\n    borderColor: '{content.background}',\n    offset: '-0.75rem'\n};\n\nexport const lg: AvatarTokenSections.Lg = {\n    width: '3rem',\n    height: '3rem',\n    fontSize: '1.5rem',\n    icon: {\n        size: '1.5rem'\n    },\n    group: {\n        offset: '-1rem'\n    }\n};\n\nexport const xl: AvatarTokenSections.Xl = {\n    width: '4rem',\n    height: '4rem',\n    fontSize: '2rem',\n    icon: {\n        size: '2rem'\n    },\n    group: {\n        offset: '-1.5rem'\n    }\n};\n\nexport const css: AvatarTokenSections.CSS = /*css*/ ``;\n\nexport default {\n    root,\n    icon,\n    group,\n    lg,\n    xl,\n    css\n} satisfies AvatarDesignTokens;\n"],"mappings":";AAEO,IAAM,OAAiC;AAAA,EAC1C,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,OAAO;AAAA,EACP,cAAc;AAClB;AAEO,IAAM,OAAiC;AAAA,EAC1C,MAAM;AACV;AAEO,IAAM,QAAmC;AAAA,EAC5C,aAAa;AAAA,EACb,QAAQ;AACZ;AAEO,IAAM,KAA6B;AAAA,EACtC,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,MAAM;AAAA,IACF,MAAM;AAAA,EACV;AAAA,EACA,OAAO;AAAA,IACH,QAAQ;AAAA,EACZ;AACJ;AAEO,IAAM,KAA6B;AAAA,EACtC,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,MAAM;AAAA,IACF,MAAM;AAAA,EACV;AAAA,EACA,OAAO;AAAA,IACH,QAAQ;AAAA,EACZ;AACJ;AAEO,IAAM;AAAA;AAAA,EAAuC;AAAA;AAEpD,IAAO,iBAAQ;AAAA,EACX;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ;","names":[]}

package/dist/material/badge/index.d.ts

@@ -0,0 +1,22 @@
+import type { BadgeTokenSections } from '@sparkux/themes/types/badge';
+
+export * from '@sparkux/themes/types/badge';
+
+declare const root: BadgeTokenSections.Root;
+declare const dot: BadgeTokenSections.Dot;
+declare const sm: BadgeTokenSections.Sm;
+declare const lg: BadgeTokenSections.Lg;
+declare const xl: BadgeTokenSections.Xl;
+declare const colorScheme: BadgeTokenSections.ColorScheme;
+declare const css: BadgeTokenSections.CSS;
+declare const _default: {
+    root: BadgeTokenSections.Root;
+    dot: BadgeTokenSections.Dot;
+    sm: BadgeTokenSections.Sm;
+    lg: BadgeTokenSections.Lg;
+    xl: BadgeTokenSections.Xl;
+    colorScheme: BadgeTokenSections.ColorScheme;
+    css: string;
+};
+
+export { colorScheme, css, _default as default, dot, lg, root, sm, xl };

package/dist/material/badge/index.mjs

@@ -0,0 +1 @@
+var r={borderRadius:"{border.radius.md}",padding:"0 0.5rem",fontSize:"0.75rem",fontWeight:"700",minWidth:"1.5rem",height:"1.5rem"},o={size:"0.5rem"},e={fontSize:"0.625rem",minWidth:"1.25rem",height:"1.25rem"},c={fontSize:"0.875rem",minWidth:"1.75rem",height:"1.75rem"},a={fontSize:"1rem",minWidth:"2rem",height:"2rem"},n={light:{primary:{background:"{primary.color}",color:"{primary.contrast.color}"},secondary:{background:"{surface.100}",color:"{surface.600}"},success:{background:"{green.500}",color:"{surface.0}"},info:{background:"{sky.500}",color:"{surface.0}"},warn:{background:"{orange.500}",color:"{surface.0}"},danger:{background:"{red.500}",color:"{surface.0}"},contrast:{background:"{surface.950}",color:"{surface.0}"}},dark:{primary:{background:"{primary.color}",color:"{primary.contrast.color}"},secondary:{background:"{surface.800}",color:"{surface.300}"},success:{background:"{green.400}",color:"{green.950}"},info:{background:"{sky.400}",color:"{sky.950}"},warn:{background:"{orange.400}",color:"{orange.950}"},danger:{background:"{red.400}",color:"{red.950}"},contrast:{background:"{surface.0}",color:"{surface.950}"}}},css="",d={root:r,dot:o,sm:e,lg:c,xl:a,colorScheme:n,css:""};export{n as colorScheme,css,d as default,o as dot,c as lg,r as root,e as sm,a as xl};//# sourceMappingURL=index.mjs.map

package/dist/material/badge/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/presets/material/badge/index.ts"],"sourcesContent":["import type { BadgeDesignTokens, BadgeTokenSections } from '@sparkux/themes/types/badge';\n\nexport const root: BadgeTokenSections.Root = {\n    borderRadius: '{border.radius.md}',\n    padding: '0 0.5rem',\n    fontSize: '0.75rem',\n    fontWeight: '700',\n    minWidth: '1.5rem',\n    height: '1.5rem'\n};\n\nexport const dot: BadgeTokenSections.Dot = {\n    size: '0.5rem'\n};\n\nexport const sm: BadgeTokenSections.Sm = {\n    fontSize: '0.625rem',\n    minWidth: '1.25rem',\n    height: '1.25rem'\n};\n\nexport const lg: BadgeTokenSections.Lg = {\n    fontSize: '0.875rem',\n    minWidth: '1.75rem',\n    height: '1.75rem'\n};\n\nexport const xl: BadgeTokenSections.Xl = {\n    fontSize: '1rem',\n    minWidth: '2rem',\n    height: '2rem'\n};\n\nexport const colorScheme: BadgeTokenSections.ColorScheme = {\n    light: {\n        primary: {\n            background: '{primary.color}',\n            color: '{primary.contrast.color}'\n        },\n        secondary: {\n            background: '{surface.100}',\n            color: '{surface.600}'\n        },\n        success: {\n            background: '{green.500}',\n            color: '{surface.0}'\n        },\n        info: {\n            background: '{sky.500}',\n            color: '{surface.0}'\n        },\n        warn: {\n            background: '{orange.500}',\n            color: '{surface.0}'\n        },\n        danger: {\n            background: '{red.500}',\n            color: '{surface.0}'\n        },\n        contrast: {\n            background: '{surface.950}',\n            color: '{surface.0}'\n        }\n    },\n    dark: {\n        primary: {\n            background: '{primary.color}',\n            color: '{primary.contrast.color}'\n        },\n        secondary: {\n            background: '{surface.800}',\n            color: '{surface.300}'\n        },\n        success: {\n            background: '{green.400}',\n            color: '{green.950}'\n        },\n        info: {\n            background: '{sky.400}',\n            color: '{sky.950}'\n        },\n        warn: {\n            background: '{orange.400}',\n            color: '{orange.950}'\n        },\n        danger: {\n            background: '{red.400}',\n            color: '{red.950}'\n        },\n        contrast: {\n            background: '{surface.0}',\n            color: '{surface.950}'\n        }\n    }\n};\n\nexport const css: BadgeTokenSections.CSS = /*css*/ ``;\n\nexport default {\n    root,\n    dot,\n    sm,\n    lg,\n    xl,\n    colorScheme,\n    css\n} satisfies BadgeDesignTokens;\n"],"mappings":";AAEO,IAAM,OAAgC;AAAA,EACzC,cAAc;AAAA,EACd,SAAS;AAAA,EACT,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,UAAU;AAAA,EACV,QAAQ;AACZ;AAEO,IAAM,MAA8B;AAAA,EACvC,MAAM;AACV;AAEO,IAAM,KAA4B;AAAA,EACrC,UAAU;AAAA,EACV,UAAU;AAAA,EACV,QAAQ;AACZ;AAEO,IAAM,KAA4B;AAAA,EACrC,UAAU;AAAA,EACV,UAAU;AAAA,EACV,QAAQ;AACZ;AAEO,IAAM,KAA4B;AAAA,EACrC,UAAU;AAAA,EACV,UAAU;AAAA,EACV,QAAQ;AACZ;AAEO,IAAM,cAA8C;AAAA,EACvD,OAAO;AAAA,IACH,SAAS;AAAA,MACL,YAAY;AAAA,MACZ,OAAO;AAAA,IACX;AAAA,IACA,WAAW;AAAA,MACP,YAAY;AAAA,MACZ,OAAO;AAAA,IACX;AAAA,IACA,SAAS;AAAA,MACL,YAAY;AAAA,MACZ,OAAO;AAAA,IACX;AAAA,IACA,MAAM;AAAA,MACF,YAAY;AAAA,MACZ,OAAO;AAAA,IACX;AAAA,IACA,MAAM;AAAA,MACF,YAAY;AAAA,MACZ,OAAO;AAAA,IACX;AAAA,IACA,QAAQ;AAAA,MACJ,YAAY;AAAA,MACZ,OAAO;AAAA,IACX;AAAA,IACA,UAAU;AAAA,MACN,YAAY;AAAA,MACZ,OAAO;AAAA,IACX;AAAA,EACJ;AAAA,EACA,MAAM;AAAA,IACF,SAAS;AAAA,MACL,YAAY;AAAA,MACZ,OAAO;AAAA,IACX;AAAA,IACA,WAAW;AAAA,MACP,YAAY;AAAA,MACZ,OAAO;AAAA,IACX;AAAA,IACA,SAAS;AAAA,MACL,YAAY;AAAA,MACZ,OAAO;AAAA,IACX;AAAA,IACA,MAAM;AAAA,MACF,YAAY;AAAA,MACZ,OAAO;AAAA,IACX;AAAA,IACA,MAAM;AAAA,MACF,YAAY;AAAA,MACZ,OAAO;AAAA,IACX;AAAA,IACA,QAAQ;AAAA,MACJ,YAAY;AAAA,MACZ,OAAO;AAAA,IACX;AAAA,IACA,UAAU;AAAA,MACN,YAAY;AAAA,MACZ,OAAO;AAAA,IACX;AAAA,EACJ;AACJ;AAEO,IAAM;AAAA;AAAA,EAAsC;AAAA;AAEnD,IAAO,gBAAQ;AAAA,EACX;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ;","names":[]}

package/dist/material/base/index.d.ts

@@ -0,0 +1,404 @@
+/**
+ *
+ * Material Base Tokens
+ *
+ * @module base
+ *
+ */
+import type { ColorScale } from '@sparkux/styled';
+
+/**
+ * Design Token Sections
+ */
+export declare namespace MaterialBaseTokenSections {
+    interface Primitive {
+        borderRadius?: {
+            none?: string;
+            xs?: string;
+            sm?: string;
+            md?: string;
+            lg?: string;
+            xl?: string;
+        };
+        emerald?: ColorScale;
+        green?: ColorScale;
+        lime?: ColorScale;
+        red?: ColorScale;
+        orange?: ColorScale;
+        amber?: ColorScale;
+        yellow?: ColorScale;
+        teal?: ColorScale;
+        cyan?: ColorScale;
+        sky?: ColorScale;
+        blue?: ColorScale;
+        indigo?: ColorScale;
+        violet?: ColorScale;
+        purple?: ColorScale;
+        fuchsia?: ColorScale;
+        pink?: ColorScale;
+        rose?: ColorScale;
+        slate?: ColorScale;
+        gray?: ColorScale;
+        zinc?: ColorScale;
+        neutral?: ColorScale;
+        stone?: ColorScale;
+    }
+
+    interface Semantic {
+        transitionDuration?: string;
+        focusRing?: {
+            width?: string;
+            style?: string;
+            color?: string;
+            offset?: string;
+        };
+        disabledOpacity?: string;
+        iconSize?: string;
+        anchorGutter?: string;
+        primary?: ColorScale;
+        formField?: {
+            paddingX?: string;
+            paddingY?: string;
+            sm?: {
+                fontSize?: string;
+                paddingX?: string;
+                paddingY?: string;
+            };
+            lg?: {
+                fontSize?: string;
+                paddingX?: string;
+                paddingY?: string;
+            };
+            borderRadius?: string;
+            focusRing?: {
+                width?: string;
+                style?: string;
+                color?: string;
+                offset?: string;
+                shadow?: string;
+            };
+            transitionDuration?: string;
+        };
+        list?: {
+            padding?: string;
+            gap?: string;
+            header?: {
+                padding?: string;
+            };
+            option?: {
+                padding?: string;
+                borderRadius?: string;
+            };
+            optionGroup?: {
+                padding?: string;
+                fontWeight?: string;
+            };
+        };
+        content?: {
+            borderRadius?: string;
+        };
+        mask?: {
+            transitionDuration?: string;
+        };
+        navigation?: {
+            list?: {
+                padding?: string;
+                gap?: string;
+            };
+            item?: {
+                padding?: string;
+                borderRadius?: string;
+                gap?: string;
+            };
+            submenuLabel?: {
+                padding?: string;
+                fontWeight?: string;
+            };
+            submenuIcon?: {
+                size?: string;
+            };
+        };
+        overlay?: {
+            select?: {
+                borderRadius?: string;
+                shadow?: string;
+            };
+            popover?: {
+                borderRadius?: string;
+                padding?: string;
+                shadow?: string;
+            };
+            modal?: {
+                borderRadius?: string;
+                padding?: string;
+                shadow?: string;
+            };
+            navigation?: {
+                shadow?: string;
+            };
+        };
+        colorScheme?: {
+            light?: {
+                focusRing?: {
+                    shadow?: string;
+                };
+                surface?: ColorScale;
+                primary?: {
+                    color?: string;
+                    contrastColor?: string;
+                    hoverColor?: string;
+                    activeColor?: string;
+                };
+                highlight?: {
+                    background?: string;
+                    focusBackground?: string;
+                    color?: string;
+                    focusColor?: string;
+                };
+                mask?: {
+                    background?: string;
+                    color?: string;
+                };
+                formField?: {
+                    background?: string;
+                    disabledBackground?: string;
+                    filledBackground?: string;
+                    filledHoverBackground?: string;
+                    filledFocusBackground?: string;
+                    borderColor?: string;
+                    hoverBorderColor?: string;
+                    focusBorderColor?: string;
+                    invalidBorderColor?: string;
+                    color?: string;
+                    disabledColor?: string;
+                    placeholderColor?: string;
+                    invalidPlaceholderColor?: string;
+                    floatLabelColor?: string;
+                    floatLabelFocusColor?: string;
+                    floatLabelActiveColor?: string;
+                    floatLabelInvalidColor?: string;
+                    iconColor?: string;
+                    shadow?: string;
+                };
+                text?: {
+                    color?: string;
+                    hoverColor?: string;
+                    mutedColor?: string;
+                    hoverMutedColor?: string;
+                };
+                content?: {
+                    background?: string;
+                    hoverBackground?: string;
+                    borderColor?: string;
+                    color?: string;
+                    hoverColor?: string;
+                };
+                overlay?: {
+                    select?: {
+                        background?: string;
+                        borderColor?: string;
+                        color?: string;
+                    };
+                    popover?: {
+                        background?: string;
+                        borderColor?: string;
+                        color?: string;
+                    };
+                    modal?: {
+                        background?: string;
+                        borderColor?: string;
+                        color?: string;
+                    };
+                };
+                list?: {
+                    option?: {
+                        focusBackground?: string;
+                        selectedBackground?: string;
+                        selectedFocusBackground?: string;
+                        color?: string;
+                        focusColor?: string;
+                        selectedColor?: string;
+                        selectedFocusColor?: string;
+                        icon?: {
+                            color?: string;
+                            focusColor?: string;
+                        };
+                    };
+                    optionGroup?: {
+                        background?: string;
+                        color?: string;
+                    };
+                };
+                navigation?: {
+                    item?: {
+                        focusBackground?: string;
+                        activeBackground?: string;
+                        color?: string;
+                        focusColor?: string;
+                        activeColor?: string;
+                        icon?: {
+                            color?: string;
+                            focusColor?: string;
+                            activeColor?: string;
+                        };
+                    };
+                    submenuLabel?: {
+                        background?: string;
+                        color?: string;
+                    };
+                    submenuIcon?: {
+                        color?: string;
+                        focusColor?: string;
+                        activeColor?: string;
+                    };
+                };
+            };
+            dark?: {
+                focusRing?: {
+                    shadow?: string;
+                };
+                surface?: ColorScale;
+                primary?: {
+                    color?: string;
+                    contrastColor?: string;
+                    hoverColor?: string;
+                    activeColor?: string;
+                };
+                highlight?: {
+                    background?: string;
+                    focusBackground?: string;
+                    color?: string;
+                    focusColor?: string;
+                };
+                mask?: {
+                    background?: string;
+                    color?: string;
+                };
+                formField?: {
+                    background?: string;
+                    disabledBackground?: string;
+                    filledBackground?: string;
+                    filledHoverBackground?: string;
+                    filledFocusBackground?: string;
+                    borderColor?: string;
+                    hoverBorderColor?: string;
+                    focusBorderColor?: string;
+                    invalidBorderColor?: string;
+                    color?: string;
+                    disabledColor?: string;
+                    placeholderColor?: string;
+                    invalidPlaceholderColor?: string;
+                    floatLabelColor?: string;
+                    floatLabelFocusColor?: string;
+                    floatLabelActiveColor?: string;
+                    floatLabelInvalidColor?: string;
+                    iconColor?: string;
+                    shadow?: string;
+                };
+                text?: {
+                    color?: string;
+                    hoverColor?: string;
+                    mutedColor?: string;
+                    hoverMutedColor?: string;
+                };
+                content?: {
+                    background?: string;
+                    hoverBackground?: string;
+                    borderColor?: string;
+                    color?: string;
+                    hoverColor?: string;
+                };
+                overlay?: {
+                    select?: {
+                        background?: string;
+                        borderColor?: string;
+                        color?: string;
+                    };
+                    popover?: {
+                        background?: string;
+                        borderColor?: string;
+                        color?: string;
+                    };
+                    modal?: {
+                        background?: string;
+                        borderColor?: string;
+                        color?: string;
+                    };
+                };
+                list?: {
+                    option?: {
+                        focusBackground?: string;
+                        selectedBackground?: string;
+                        selectedFocusBackground?: string;
+                        color?: string;
+                        focusColor?: string;
+                        selectedColor?: string;
+                        selectedFocusColor?: string;
+                        icon?: {
+                            color?: string;
+                            focusColor?: string;
+                        };
+                    };
+                    optionGroup?: {
+                        background?: string;
+                        color?: string;
+                    };
+                };
+                navigation?: {
+                    item?: {
+                        focusBackground?: string;
+                        activeBackground?: string;
+                        color?: string;
+                        focusColor?: string;
+                        activeColor?: string;
+                        icon?: {
+                            color?: string;
+                            focusColor?: string;
+                            activeColor?: string;
+                        };
+                    };
+                    submenuLabel?: {
+                        background?: string;
+                        color?: string;
+                    };
+                    submenuIcon?: {
+                        color?: string;
+                        focusColor?: string;
+                        activeColor?: string;
+                    };
+                };
+            };
+        };
+    }
+}
+
+/**
+ *
+ * _Material Base Tokens_
+ *
+ * @group presets/material
+ * @module base
+ * @see
+ * --- ---
+ * **Compatible Libraries**
+ *
+ * [![PrimeNG](https://i.postimg.cc/63f7jVST/primeng-icon-24.png)](https://primeng.org/theming/styled)
+ * --- ---
+ * **Figma UI Kit**
+ *
+ * [PrimeNG](https://primeng.org/uikit)
+ *
+ */
+export interface MaterialBaseDesignTokens {
+    primitive?: MaterialBaseTokenSections.Primitive;
+    semantic?: MaterialBaseTokenSections.Semantic;
+}
+
+declare const primitive: MaterialBaseTokenSections.Primitive;
+declare const semantic: MaterialBaseTokenSections.Semantic;
+declare const _default: {
+    primitive: MaterialBaseTokenSections.Primitive;
+    semantic: MaterialBaseTokenSections.Semantic;
+};
+
+export { _default as default, primitive, semantic };

package/dist/material/base/index.mjs

@@ -0,0 +1 @@
+var o={borderRadius:{none:"0",xs:"2px",sm:"4px",md:"6px",lg:"8px",xl:"12px"},emerald:{50:"#E8F6F1",100:"#C5EBE1",200:"#9EDFCF",300:"#76D3BD",400:"#58C9AF",500:"#3BBFA1",600:"#35AF94",700:"#2D9B83",800:"#268873",900:"#1A6657",950:"#0d3329"},green:{50:"#E8F5E9",100:"#C8E6C9",200:"#A5D6A7",300:"#81C784",400:"#66BB6A",500:"#4CAF50",600:"#43A047",700:"#388E3C",800:"#2E7D32",900:"#1B5E20",950:"#0e2f10"},lime:{50:"#F9FBE7",100:"#F0F4C3",200:"#E6EE9C",300:"#DCE775",400:"#D4E157",500:"#CDDC39",600:"#C0CA33",700:"#AFB42B",800:"#9E9D24",900:"#827717",950:"#413c0c"},red:{50:"#FFEBEE",100:"#FFCDD2",200:"#EF9A9A",300:"#E57373",400:"#EF5350",500:"#F44336",600:"#E53935",700:"#D32F2F",800:"#C62828",900:"#B71C1C",950:"#5c0e0e"},orange:{50:"#FFF3E0",100:"#FFE0B2",200:"#FFCC80",300:"#FFB74D",400:"#FFA726",500:"#FF9800",600:"#FB8C00",700:"#F57C00",800:"#EF6C00",900:"#E65100",950:"#732900"},amber:{50:"#FFF8E1",100:"#FFECB3",200:"#FFE082",300:"#FFD54F",400:"#FFCA28",500:"#FFC107",600:"#FFB300",700:"#FFA000",800:"#FF8F00",900:"#FF6F00",950:"#803800"},yellow:{50:"#FFFDE7",100:"#FFF9C4",200:"#FFF59D",300:"#FFF176",400:"#FFEE58",500:"#FFEB3B",600:"#FDD835",700:"#FBC02D",800:"#F9A825",900:"#F57F17",950:"#7b400c"},teal:{50:"#E0F2F1",100:"#B2DFDB",200:"#80CBC4",300:"#4DB6AC",400:"#26A69A",500:"#009688",600:"#00897B",700:"#00796B",800:"#00695C",900:"#004D40",950:"#002720"},cyan:{50:"#E0F7FA",100:"#B2EBF2",200:"#80DEEA",300:"#4DD0E1",400:"#26C6DA",500:"#00BCD4",600:"#00ACC1",700:"#0097A7",800:"#00838F",900:"#006064",950:"#003032"},sky:{50:"#E1F5FE",100:"#B3E5FC",200:"#81D4FA",300:"#4FC3F7",400:"#29B6F6",500:"#03A9F4",600:"#039BE5",700:"#0288D1",800:"#0277BD",900:"#01579B",950:"#012c4e"},blue:{50:"#E3F2FD",100:"#BBDEFB",200:"#90CAF9",300:"#64B5F6",400:"#42A5F5",500:"#2196F3",600:"#1E88E5",700:"#1976D2",800:"#1565C0",900:"#0D47A1",950:"#072451"},indigo:{50:"#E8EAF6",100:"#C5CAE9",200:"#9FA8DA",300:"#7986CB",400:"#5C6BC0",500:"#3F51B5",600:"#3949AB",700:"#303F9F",800:"#283593",900:"#1A237E",950:"#0d123f"},violet:{50:"#EDE7F6",100:"#D1C4E9",200:"#B39DDB",300:"#9575CD",400:"#7E57C2",500:"#673AB7",600:"#5E35B1",700:"#512DA8",800:"#4527A0",900:"#311B92",950:"#190e49"},purple:{50:"#F3E5F5",100:"#E1BEE7",200:"#CE93D8",300:"#BA68C8",400:"#AB47BC",500:"#9C27B0",600:"#8E24AA",700:"#7B1FA2",800:"#6A1B9A",900:"#4A148C",950:"#250a46"},fuchsia:{50:"#FDE6F3",100:"#FBC1E3",200:"#F897D1",300:"#F56DBF",400:"#F34DB2",500:"#F12DA5",600:"#E0289D",700:"#CC2392",800:"#B81E88",900:"#951777",950:"#4b0c3c"},pink:{50:"#FCE4EC",100:"#F8BBD0",200:"#F48FB1",300:"#F06292",400:"#EC407A",500:"#E91E63",600:"#D81B60",700:"#C2185B",800:"#AD1457",900:"#880E4F",950:"#440728"},rose:{50:"#FFF0F0",100:"#FFD9D9",200:"#FFC0C0",300:"#FFA7A7",400:"#FF8E8E",500:"#FF7575",600:"#FF5252",700:"#FF3838",800:"#F71C1C",900:"#D50000",950:"#3E0000"},slate:{50:"#f8fafc",100:"#f1f5f9",200:"#e2e8f0",300:"#cbd5e1",400:"#94a3b8",500:"#64748b",600:"#475569",700:"#334155",800:"#1e293b",900:"#0f172a",950:"#020617"},gray:{50:"#f9fafb",100:"#f3f4f6",200:"#e5e7eb",300:"#d1d5db",400:"#9ca3af",500:"#6b7280",600:"#4b5563",700:"#374151",800:"#1f2937",900:"#111827",950:"#030712"},zinc:{50:"#fafafa",100:"#f4f4f5",200:"#e4e4e7",300:"#d4d4d8",400:"#a1a1aa",500:"#71717a",600:"#52525b",700:"#3f3f46",800:"#27272a",900:"#18181b",950:"#09090b"},neutral:{50:"#fafafa",100:"#f5f5f5",200:"#e5e5e5",300:"#d4d4d4",400:"#a3a3a3",500:"#737373",600:"#525252",700:"#404040",800:"#262626",900:"#171717",950:"#0a0a0a"},stone:{50:"#fafaf9",100:"#f5f5f4",200:"#e7e5e4",300:"#d6d3d1",400:"#a8a29e",500:"#78716c",600:"#57534e",700:"#44403c",800:"#292524",900:"#1c1917",950:"#0c0a09"}},r={transitionDuration:"0.2s",focusRing:{width:"0",style:"none",color:"unset",offset:"0"},disabledOpacity:"0.38",iconSize:"1rem",anchorGutter:"0",primary:{50:"{emerald.50}",100:"{emerald.100}",200:"{emerald.200}",300:"{emerald.300}",400:"{emerald.400}",500:"{emerald.500}",600:"{emerald.600}",700:"{emerald.700}",800:"{emerald.800}",900:"{emerald.900}",950:"{emerald.950}"},formField:{paddingX:"0.75rem",paddingY:"0.75rem",sm:{fontSize:"0.875rem",paddingX:"0.625rem",paddingY:"0.625rem"},lg:{fontSize:"1.125rem",paddingX:"0.825rem",paddingY:"0.825rem"},borderRadius:"{border.radius.sm}",focusRing:{width:"2px",style:"solid",color:"{primary.color}",offset:"-2px",shadow:"none"},transitionDuration:"{transition.duration}"},list:{padding:"0.5rem 0",gap:"0",header:{padding:"0.75rem 1rem"},option:{padding:"0.75rem 1rem",borderRadius:"{border.radius.none}"},optionGroup:{padding:"0.75rem 1rem",fontWeight:"700"}},content:{borderRadius:"{border.radius.sm}"},mask:{transitionDuration:"0.3s"},navigation:{list:{padding:"0.5rem 0",gap:"0"},item:{padding:"0.75rem 1rem",borderRadius:"{border.radius.none}",gap:"0.5rem"},submenuLabel:{padding:"0.75rem 1rem",fontWeight:"700"},submenuIcon:{size:"0.875rem"}},overlay:{select:{borderRadius:"{border.radius.sm}",shadow:"0 5px 5px -3px rgba(0,0,0,.2), 0 8px 10px 1px rgba(0,0,0,.14), 0 3px 14px 2px rgba(0,0,0,.12)"},popover:{borderRadius:"{border.radius.sm}",padding:"1rem",shadow:"0 11px 15px -7px rgba(0,0,0,.2), 0 24px 38px 3px rgba(0,0,0,.14), 0 9px 46px 8px rgba(0,0,0,.12)"},modal:{borderRadius:"{border.radius.sm}",padding:"1.5rem",shadow:"0 11px 15px -7px rgba(0,0,0,.2), 0 24px 38px 3px rgba(0,0,0,.14), 0 9px 46px 8px rgba(0,0,0,.12)"},navigation:{shadow:"0 2px 4px -1px rgba(0,0,0,.2), 0 4px 5px 0 rgba(0,0,0,.14), 0 1px 10px 0 rgba(0,0,0,.12)"}},colorScheme:{light:{focusRing:{shadow:"0 0 1px 4px {surface.200}"},surface:{0:"#ffffff",50:"{slate.50}",100:"{slate.100}",200:"{slate.200}",300:"{slate.300}",400:"{slate.400}",500:"{slate.500}",600:"{slate.600}",700:"{slate.700}",800:"{slate.800}",900:"{slate.900}",950:"{slate.950}"},primary:{color:"{primary.500}",contrastColor:"#ffffff",hoverColor:"{primary.400}",activeColor:"{primary.300}"},highlight:{background:"color-mix(in srgb, {primary.color}, transparent 88%)",focusBackground:"color-mix(in srgb, {primary.color}, transparent 76%)",color:"{primary.700}",focusColor:"{primary.800}"},mask:{background:"rgba(0,0,0,0.32)",color:"{surface.200}"},formField:{background:"{surface.0}",disabledBackground:"{surface.300}",filledBackground:"{surface.100}",filledHoverBackground:"{surface.200}",filledFocusBackground:"{surface.100}",borderColor:"{surface.400}",hoverBorderColor:"{surface.900}",focusBorderColor:"{primary.color}",invalidBorderColor:"{red.800}",color:"{surface.900}",disabledColor:"{surface.600}",placeholderColor:"{surface.600}",invalidPlaceholderColor:"{red.800}",floatLabelColor:"{surface.600}",floatLabelFocusColor:"{primary.600}",floatLabelActiveColor:"{surface.600}",floatLabelInvalidColor:"{form.field.invalid.placeholder.color}",iconColor:"{surface.600}",shadow:"none"},text:{color:"{surface.900}",hoverColor:"{surface.900}",mutedColor:"{surface.600}",hoverMutedColor:"{surface.600}"},content:{background:"{surface.0}",hoverBackground:"{surface.100}",borderColor:"{surface.300}",color:"{text.color}",hoverColor:"{text.hover.color}"},overlay:{select:{background:"{surface.0}",borderColor:"{surface.0}",color:"{text.color}"},popover:{background:"{surface.0}",borderColor:"{surface.0}",color:"{text.color}"},modal:{background:"{surface.0}",borderColor:"{surface.0}",color:"{text.color}"}},list:{option:{focusBackground:"{surface.100}",selectedBackground:"{highlight.background}",selectedFocusBackground:"{highlight.focus.background}",color:"{text.color}",focusColor:"{text.hover.color}",selectedColor:"{highlight.color}",selectedFocusColor:"{highlight.focus.color}",icon:{color:"{surface.600}",focusColor:"{surface.600}"}},optionGroup:{background:"transparent",color:"{text.color}"}},navigation:{item:{focusBackground:"{surface.100}",activeBackground:"{surface.200}",color:"{text.color}",focusColor:"{text.hover.color}",activeColor:"{text.hover.color}",icon:{color:"{surface.600}",focusColor:"{surface.600}",activeColor:"{surface.600}"}},submenuLabel:{background:"transparent",color:"{text.color}"},submenuIcon:{color:"{surface.600}",focusColor:"{surface.600}",activeColor:"{surface.600}"}}},dark:{focusRing:{shadow:"0 0 1px 4px {surface.700}"},surface:{0:"#ffffff",50:"{zinc.50}",100:"{zinc.100}",200:"{zinc.200}",300:"{zinc.300}",400:"{zinc.400}",500:"{zinc.500}",600:"{zinc.600}",700:"{zinc.700}",800:"{zinc.800}",900:"{zinc.900}",950:"{zinc.950}"},primary:{color:"{primary.400}",contrastColor:"{surface.900}",hoverColor:"{primary.300}",activeColor:"{primary.200}"},highlight:{background:"color-mix(in srgb, {primary.400}, transparent 84%)",focusBackground:"color-mix(in srgb, {primary.400}, transparent 76%)",color:"rgba(255,255,255,.87)",focusColor:"rgba(255,255,255,.87)"},mask:{background:"rgba(0,0,0,0.6)",color:"{surface.200}"},formField:{background:"{surface.950}",disabledBackground:"{surface.700}",filledBackground:"{surface.800}",filledHoverBackground:"{surface.700}",filledFocusBackground:"{surface.800}",borderColor:"{surface.600}",hoverBorderColor:"{surface.400}",focusBorderColor:"{primary.color}",invalidBorderColor:"{red.300}",color:"{surface.0}",disabledColor:"{surface.400}",placeholderColor:"{surface.400}",invalidPlaceholderColor:"{red.300}",floatLabelColor:"{surface.400}",floatLabelFocusColor:"{primary.color}",floatLabelActiveColor:"{surface.400}",floatLabelInvalidColor:"{form.field.invalid.placeholder.color}",iconColor:"{surface.400}",shadow:"none"},text:{color:"{surface.0}",hoverColor:"{surface.0}",mutedColor:"{surface.400}",hoverMutedColor:"{surface.400}"},content:{background:"{surface.900}",hoverBackground:"{surface.800}",borderColor:"{surface.700}",color:"{text.color}",hoverColor:"{text.hover.color}"},overlay:{select:{background:"{surface.900}",borderColor:"{surface.900}",color:"{text.color}"},popover:{background:"{surface.900}",borderColor:"{surface.900}",color:"{text.color}"},modal:{background:"{surface.900}",borderColor:"{surface.900}",color:"{text.color}"}},list:{option:{focusBackground:"{surface.800}",selectedBackground:"{highlight.background}",selectedFocusBackground:"{highlight.focus.background}",color:"{text.color}",focusColor:"{text.hover.color}",selectedColor:"{highlight.color}",selectedFocusColor:"{highlight.focus.color}",icon:{color:"{surface.400}",focusColor:"{surface.400}"}},optionGroup:{background:"transparent",color:"{text.muted.color}"}},navigation:{item:{focusBackground:"{surface.800}",activeBackground:"{surface.700}",color:"{text.color}",focusColor:"{text.hover.color}",activeColor:"{text.hover.color}",icon:{color:"{surface.400}",focusColor:"{surface.400}",activeColor:"{surface.400}"}},submenuLabel:{background:"transparent",color:"{text.muted.color}"},submenuIcon:{color:"{surface.400}",focusColor:"{surface.400}",activeColor:"{surface.400}"}}}}},e={primitive:o,semantic:r};export{e as default,o as primitive,r as semantic};//# sourceMappingURL=index.mjs.map