@sparkux/themes 0.0.0-stage → 2.0.3

package/LICENSE

@@ -0,0 +1,22 @@
+MIT License
+
+Copyright (c) 2025 PrimeTek
+Copyright (c) 2026 19littleghost (SparkUIX)
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -1,3 +1 @@
-# Temporary Holding Version
-
-This version is a temporary placeholder for this package. An operational version to replace this has been submitted for review and is awaiting a staged release.
+# SparkUIX Themes

package/dist/aura/accordion/index.d.ts

@@ -0,0 +1,16 @@
+import type { AccordionTokenSections } from '@sparkux/themes/types/accordion';
+
+export * from '@sparkux/themes/types/accordion';
+
+declare const root: AccordionTokenSections.Root;
+declare const panel: AccordionTokenSections.Panel;
+declare const header: AccordionTokenSections.Header;
+declare const content: AccordionTokenSections.Content;
+declare const _default: {
+    root: AccordionTokenSections.Root;
+    panel: AccordionTokenSections.Panel;
+    header: AccordionTokenSections.Header;
+    content: AccordionTokenSections.Content;
+};
+
+export { content, _default as default, header, panel, root };

package/dist/aura/accordion/index.mjs

@@ -0,0 +1 @@
+var o={transitionDuration:"{transition.duration}"},r={borderWidth:"0 0 1px 0",borderColor:"{content.border.color}"},t={color:"{text.muted.color}",hoverColor:"{text.color}",activeColor:"{text.color}",activeHoverColor:"{text.color}",padding:"1.125rem",fontWeight:"600",borderRadius:"0",borderWidth:"0",borderColor:"{content.border.color}",background:"{content.background}",hoverBackground:"{content.background}",activeBackground:"{content.background}",activeHoverBackground:"{content.background}",focusRing:{width:"{focus.ring.width}",style:"{focus.ring.style}",color:"{focus.ring.color}",offset:"-1px",shadow:"{focus.ring.shadow}"},toggleIcon:{color:"{text.muted.color}",hoverColor:"{text.color}",activeColor:"{text.color}",activeHoverColor:"{text.color}"},first:{topBorderRadius:"{content.border.radius}",borderWidth:"0"},last:{bottomBorderRadius:"{content.border.radius}",activeBottomBorderRadius:"0"}},e={borderWidth:"0",borderColor:"{content.border.color}",background:"{content.background}",color:"{text.color}",padding:"0 1.125rem 1.125rem 1.125rem"},c={root:o,panel:r,header:t,content:e};export{e as content,c as default,t as header,r as panel,o as root};//# sourceMappingURL=index.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/presets/aura/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 0 1px 0',\n    borderColor: '{content.border.color}'\n};\n\nexport const header: AccordionTokenSections.Header = {\n    color: '{text.muted.color}',\n    hoverColor: '{text.color}',\n    activeColor: '{text.color}',\n    activeHoverColor: '{text.color}',\n    padding: '1.125rem',\n    fontWeight: '600',\n    borderRadius: '0',\n    borderWidth: '0',\n    borderColor: '{content.border.color}',\n    background: '{content.background}',\n    hoverBackground: '{content.background}',\n    activeBackground: '{content.background}',\n    activeHoverBackground: '{content.background}',\n    focusRing: {\n        width: '{focus.ring.width}',\n        style: '{focus.ring.style}',\n        color: '{focus.ring.color}',\n        offset: '-1px',\n        shadow: '{focus.ring.shadow}'\n    },\n    toggleIcon: {\n        color: '{text.muted.color}',\n        hoverColor: '{text.color}',\n        activeColor: '{text.color}',\n        activeHoverColor: '{text.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.125rem 1.125rem 1.125rem'\n};\n\nexport default {\n    root,\n    panel,\n    header,\n    content\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;AAEA,IAAO,oBAAQ;AAAA,EACX;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ;","names":[]}

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

@@ -0,0 +1,26 @@
+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 _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;
+};
+
+export { chip, colorScheme, _default as default, dropdown, emptyMessage, list, option, optionGroup, overlay, root };

package/dist/aura/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}",invalidPlaceholderColor:"{form.field.invalid.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}"},d={padding:"{list.padding}",gap:"{list.gap}"},e={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}"},l={background:"{list.option.group.background}",color:"{list.option.group.color}",fontWeight:"{list.option.group.font.weight}",padding:"{list.option.group.padding}"},i={width:"2.5rem",sm:{width:"2rem"},lg:{width:"3rem"},borderColor:"{form.field.border.color}",hoverBorderColor:"{form.field.border.color}",activeBorderColor:"{form.field.border.color}",borderRadius:"{form.field.border.radius}",focusRing:{width:"{focus.ring.width}",style:"{focus.ring.style}",color:"{focus.ring.color}",offset:"{focus.ring.offset}",shadow:"{focus.ring.shadow}"}},c={borderRadius:"{border.radius.sm}"},f={padding:"{list.option.padding}"},s={light:{chip:{focusBackground:"{surface.200}",focusColor:"{surface.800}"},dropdown:{background:"{surface.100}",hoverBackground:"{surface.200}",activeBackground:"{surface.300}",color:"{surface.600}",hoverColor:"{surface.700}",activeColor:"{surface.800}"}},dark:{chip:{focusBackground:"{surface.700}",focusColor:"{surface.0}"},dropdown:{background:"{surface.800}",hoverBackground:"{surface.700}",activeBackground:"{surface.600}",color:"{surface.300}",hoverColor:"{surface.200}",activeColor:"{surface.100}"}}},a={root:o,overlay:r,list:d,option:e,optionGroup:l,dropdown:i,chip:c,emptyMessage:f,colorScheme:s};export{c as chip,s as colorScheme,a as default,i as dropdown,f as emptyMessage,d as list,e as option,l as optionGroup,r as overlay,o as root};//# sourceMappingURL=index.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/presets/aura/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    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};\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: '2.5rem',\n    sm: {\n        width: '2rem'\n    },\n    lg: {\n        width: '3rem'\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: '{focus.ring.width}',\n        style: '{focus.ring.style}',\n        color: '{focus.ring.color}',\n        offset: '{focus.ring.offset}',\n        shadow: '{focus.ring.shadow}'\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.200}',\n            focusColor: '{surface.800}'\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.700}',\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 default {\n    root,\n    overlay,\n    list,\n    option,\n    optionGroup,\n    dropdown,\n    chip,\n    emptyMessage,\n    colorScheme\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,yBAAyB;AAAA,EACzB,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;AAEA,IAAO,uBAAQ;AAAA,EACX;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ;","names":[]}

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

@@ -0,0 +1,18 @@
+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 _default: {
+    root: AvatarTokenSections.Root;
+    icon: AvatarTokenSections.Icon;
+    group: AvatarTokenSections.Group;
+    lg: AvatarTokenSections.Lg;
+    xl: AvatarTokenSections.Xl;
+};
+
+export { _default as default, group, icon, lg, root, xl };

package/dist/aura/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"}},n={root:e,icon:r,group:o,lg:t,xl:i};export{n as default,o as group,r as icon,t as lg,e as root,i as xl};//# sourceMappingURL=index.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/presets/aura/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 default {\n    root,\n    icon,\n    group,\n    lg,\n    xl\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;AAEA,IAAO,iBAAQ;AAAA,EACX;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ;","names":[]}

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

@@ -0,0 +1,20 @@
+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 _default: {
+    root: BadgeTokenSections.Root;
+    dot: BadgeTokenSections.Dot;
+    sm: BadgeTokenSections.Sm;
+    lg: BadgeTokenSections.Lg;
+    xl: BadgeTokenSections.Xl;
+    colorScheme: BadgeTokenSections.ColorScheme;
+};
+
+export { colorScheme, _default as default, dot, lg, root, sm, xl };

package/dist/aura/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}"}}},d={root:r,dot:o,sm:e,lg:c,xl:a,colorScheme:n};export{n as colorScheme,d as default,o as dot,c as lg,r as root,e as sm,a as xl};//# sourceMappingURL=index.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/presets/aura/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};\nexport const dot: BadgeTokenSections.Dot = {\n    size: '0.5rem'\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 default {\n    root,\n    dot,\n    sm,\n    lg,\n    xl,\n    colorScheme\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;AACO,IAAM,MAA8B;AAAA,EACvC,MAAM;AACV;AACO,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;AAEA,IAAO,gBAAQ;AAAA,EACX;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ;","names":[]}

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

@@ -0,0 +1,399 @@
+/**
+ *
+ * Aura Base Tokens
+ *
+ * @module base
+ *
+ */
+import type { ColorScale } from '@sparkux/styled';
+
+/**
+ * Design Token Sections
+ */
+export declare namespace AuraBaseTokenSections {
+    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;
+            shadow?: 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?: {
+                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?: {
+                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;
+                    };
+                };
+            };
+        };
+    }
+}
+
+/**
+ *
+ * _Aura Base Tokens_
+ *
+ * @group presets/aura
+ * @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 AuraBaseDesignTokens {
+    primitive?: AuraBaseTokenSections.Primitive;
+    semantic?: AuraBaseTokenSections.Semantic;
+}
+
+declare const primitive: AuraBaseTokenSections.Primitive;
+declare const semantic: AuraBaseTokenSections.Semantic;
+declare const _default: {
+    primitive: AuraBaseTokenSections.Primitive;
+    semantic: AuraBaseTokenSections.Semantic;
+};
+
+export { _default as default, primitive, semantic };

package/dist/aura/base/index.mjs

@@ -0,0 +1 @@
+var r={borderRadius:{none:"0",xs:"2px",sm:"4px",md:"6px",lg:"8px",xl:"12px"},emerald:{50:"#ecfdf5",100:"#d1fae5",200:"#a7f3d0",300:"#6ee7b7",400:"#34d399",500:"#10b981",600:"#059669",700:"#047857",800:"#065f46",900:"#064e3b",950:"#022c22"},green:{50:"#f0fdf4",100:"#dcfce7",200:"#bbf7d0",300:"#86efac",400:"#4ade80",500:"#22c55e",600:"#16a34a",700:"#15803d",800:"#166534",900:"#14532d",950:"#052e16"},lime:{50:"#f7fee7",100:"#ecfccb",200:"#d9f99d",300:"#bef264",400:"#a3e635",500:"#84cc16",600:"#65a30d",700:"#4d7c0f",800:"#3f6212",900:"#365314",950:"#1a2e05"},red:{50:"#fef2f2",100:"#fee2e2",200:"#fecaca",300:"#fca5a5",400:"#f87171",500:"#ef4444",600:"#dc2626",700:"#b91c1c",800:"#991b1b",900:"#7f1d1d",950:"#450a0a"},orange:{50:"#fff7ed",100:"#ffedd5",200:"#fed7aa",300:"#fdba74",400:"#fb923c",500:"#f97316",600:"#ea580c",700:"#c2410c",800:"#9a3412",900:"#7c2d12",950:"#431407"},amber:{50:"#fffbeb",100:"#fef3c7",200:"#fde68a",300:"#fcd34d",400:"#fbbf24",500:"#f59e0b",600:"#d97706",700:"#b45309",800:"#92400e",900:"#78350f",950:"#451a03"},yellow:{50:"#fefce8",100:"#fef9c3",200:"#fef08a",300:"#fde047",400:"#facc15",500:"#eab308",600:"#ca8a04",700:"#a16207",800:"#854d0e",900:"#713f12",950:"#422006"},teal:{50:"#f0fdfa",100:"#ccfbf1",200:"#99f6e4",300:"#5eead4",400:"#2dd4bf",500:"#14b8a6",600:"#0d9488",700:"#0f766e",800:"#115e59",900:"#134e4a",950:"#042f2e"},cyan:{50:"#ecfeff",100:"#cffafe",200:"#a5f3fc",300:"#67e8f9",400:"#22d3ee",500:"#06b6d4",600:"#0891b2",700:"#0e7490",800:"#155e75",900:"#164e63",950:"#083344"},sky:{50:"#f0f9ff",100:"#e0f2fe",200:"#bae6fd",300:"#7dd3fc",400:"#38bdf8",500:"#0ea5e9",600:"#0284c7",700:"#0369a1",800:"#075985",900:"#0c4a6e",950:"#082f49"},blue:{50:"#eff6ff",100:"#dbeafe",200:"#bfdbfe",300:"#93c5fd",400:"#60a5fa",500:"#3b82f6",600:"#2563eb",700:"#1d4ed8",800:"#1e40af",900:"#1e3a8a",950:"#172554"},indigo:{50:"#eef2ff",100:"#e0e7ff",200:"#c7d2fe",300:"#a5b4fc",400:"#818cf8",500:"#6366f1",600:"#4f46e5",700:"#4338ca",800:"#3730a3",900:"#312e81",950:"#1e1b4b"},violet:{50:"#f5f3ff",100:"#ede9fe",200:"#ddd6fe",300:"#c4b5fd",400:"#a78bfa",500:"#8b5cf6",600:"#7c3aed",700:"#6d28d9",800:"#5b21b6",900:"#4c1d95",950:"#2e1065"},purple:{50:"#faf5ff",100:"#f3e8ff",200:"#e9d5ff",300:"#d8b4fe",400:"#c084fc",500:"#a855f7",600:"#9333ea",700:"#7e22ce",800:"#6b21a8",900:"#581c87",950:"#3b0764"},fuchsia:{50:"#fdf4ff",100:"#fae8ff",200:"#f5d0fe",300:"#f0abfc",400:"#e879f9",500:"#d946ef",600:"#c026d3",700:"#a21caf",800:"#86198f",900:"#701a75",950:"#4a044e"},pink:{50:"#fdf2f8",100:"#fce7f3",200:"#fbcfe8",300:"#f9a8d4",400:"#f472b6",500:"#ec4899",600:"#db2777",700:"#be185d",800:"#9d174d",900:"#831843",950:"#500724"},rose:{50:"#fff1f2",100:"#ffe4e6",200:"#fecdd3",300:"#fda4af",400:"#fb7185",500:"#f43f5e",600:"#e11d48",700:"#be123c",800:"#9f1239",900:"#881337",950:"#4c0519"},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"}},o={transitionDuration:"0.2s",focusRing:{width:"1px",style:"solid",color:"{primary.color}",offset:"2px",shadow:"none"},disabledOpacity:"0.6",iconSize:"1rem",anchorGutter:"2px",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.5rem",sm:{fontSize:"0.875rem",paddingX:"0.625rem",paddingY:"0.375rem"},lg:{fontSize:"1.125rem",paddingX:"0.875rem",paddingY:"0.625rem"},borderRadius:"{border.radius.md}",focusRing:{width:"0",style:"none",color:"transparent",offset:"0",shadow:"none"},transitionDuration:"{transition.duration}"},list:{padding:"0.25rem 0.25rem",gap:"2px",header:{padding:"0.5rem 1rem 0.25rem 1rem"},option:{padding:"0.5rem 0.75rem",borderRadius:"{border.radius.sm}"},optionGroup:{padding:"0.5rem 0.75rem",fontWeight:"600"}},content:{borderRadius:"{border.radius.md}"},mask:{transitionDuration:"0.3s"},navigation:{list:{padding:"0.25rem 0.25rem",gap:"2px"},item:{padding:"0.5rem 0.75rem",borderRadius:"{border.radius.sm}",gap:"0.5rem"},submenuLabel:{padding:"0.5rem 0.75rem",fontWeight:"600"},submenuIcon:{size:"0.875rem"}},overlay:{select:{borderRadius:"{border.radius.md}",shadow:"0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1)"},popover:{borderRadius:"{border.radius.md}",padding:"0.75rem",shadow:"0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1)"},modal:{borderRadius:"{border.radius.xl}",padding:"1.25rem",shadow:"0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1)"},navigation:{shadow:"0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1)"}},colorScheme:{light:{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.600}",activeColor:"{primary.700}"},highlight:{background:"{primary.50}",focusBackground:"{primary.100}",color:"{primary.700}",focusColor:"{primary.800}"},mask:{background:"rgba(0,0,0,0.4)",color:"{surface.200}"},formField:{background:"{surface.0}",disabledBackground:"{surface.200}",filledBackground:"{surface.50}",filledHoverBackground:"{surface.50}",filledFocusBackground:"{surface.50}",borderColor:"{surface.300}",hoverBorderColor:"{surface.400}",focusBorderColor:"{primary.color}",invalidBorderColor:"{red.400}",color:"{surface.700}",disabledColor:"{surface.500}",placeholderColor:"{surface.500}",invalidPlaceholderColor:"{red.600}",floatLabelColor:"{surface.500}",floatLabelFocusColor:"{primary.600}",floatLabelActiveColor:"{surface.500}",floatLabelInvalidColor:"{form.field.invalid.placeholder.color}",iconColor:"{surface.400}",shadow:"0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05)"},text:{color:"{surface.700}",hoverColor:"{surface.800}",mutedColor:"{surface.500}",hoverMutedColor:"{surface.600}"},content:{background:"{surface.0}",hoverBackground:"{surface.100}",borderColor:"{surface.200}",color:"{text.color}",hoverColor:"{text.hover.color}"},overlay:{select:{background:"{surface.0}",borderColor:"{surface.200}",color:"{text.color}"},popover:{background:"{surface.0}",borderColor:"{surface.200}",color:"{text.color}"},modal:{background:"{surface.0}",borderColor:"{surface.200}",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.400}",focusColor:"{surface.500}"}},optionGroup:{background:"transparent",color:"{text.muted.color}"}},navigation:{item:{focusBackground:"{surface.100}",activeBackground:"{surface.100}",color:"{text.color}",focusColor:"{text.hover.color}",activeColor:"{text.hover.color}",icon:{color:"{surface.400}",focusColor:"{surface.500}",activeColor:"{surface.500}"}},submenuLabel:{background:"transparent",color:"{text.muted.color}"},submenuIcon:{color:"{surface.400}",focusColor:"{surface.500}",activeColor:"{surface.500}"}}},dark:{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.800}",filledFocusBackground:"{surface.800}",borderColor:"{surface.600}",hoverBorderColor:"{surface.500}",focusBorderColor:"{primary.color}",invalidBorderColor:"{red.300}",color:"{surface.0}",disabledColor:"{surface.400}",placeholderColor:"{surface.400}",invalidPlaceholderColor:"{red.400}",floatLabelColor:"{surface.400}",floatLabelFocusColor:"{primary.color}",floatLabelActiveColor:"{surface.400}",floatLabelInvalidColor:"{form.field.invalid.placeholder.color}",iconColor:"{surface.400}",shadow:"0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05)"},text:{color:"{surface.0}",hoverColor:"{surface.0}",mutedColor:"{surface.400}",hoverMutedColor:"{surface.300}"},content:{background:"{surface.900}",hoverBackground:"{surface.800}",borderColor:"{surface.700}",color:"{text.color}",hoverColor:"{text.hover.color}"},overlay:{select:{background:"{surface.900}",borderColor:"{surface.700}",color:"{text.color}"},popover:{background:"{surface.900}",borderColor:"{surface.700}",color:"{text.color}"},modal:{background:"{surface.900}",borderColor:"{surface.700}",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.500}",focusColor:"{surface.400}"}},optionGroup:{background:"transparent",color:"{text.muted.color}"}},navigation:{item:{focusBackground:"{surface.800}",activeBackground:"{surface.800}",color:"{text.color}",focusColor:"{text.hover.color}",activeColor:"{text.hover.color}",icon:{color:"{surface.500}",focusColor:"{surface.400}",activeColor:"{surface.400}"}},submenuLabel:{background:"transparent",color:"{text.muted.color}"},submenuIcon:{color:"{surface.500}",focusColor:"{surface.400}",activeColor:"{surface.400}"}}}}},e={primitive:r,semantic:o};export{e as default,r as primitive,o as semantic};//# sourceMappingURL=index.mjs.map