@sparkux/themes 0.0.0-stage → 2.0.3

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/presets/material/menubar/index.ts"],"sourcesContent":["import type { MenubarDesignTokens, MenubarTokenSections } from '@sparkux/themes/types/menubar';\n\nexport const root: MenubarTokenSections.Root = {\n    background: '{content.background}',\n    borderColor: '{content.border.color}',\n    borderRadius: '{content.border.radius}',\n    color: '{content.color}',\n    gap: '0.5rem',\n    padding: '0.5rem 0.75rem',\n    transitionDuration: '{transition.duration}'\n};\n\nexport const baseItem: MenubarTokenSections.BaseItem = {\n    borderRadius: '{content.border.radius}',\n    padding: '{navigation.item.padding}'\n};\n\nexport const item: MenubarTokenSections.Item = {\n    focusBackground: '{navigation.item.focus.background}',\n    activeBackground: '{navigation.item.active.background}',\n    color: '{navigation.item.color}',\n    focusColor: '{navigation.item.focus.color}',\n    activeColor: '{navigation.item.active.color}',\n    padding: '{navigation.item.padding}',\n    borderRadius: '{navigation.item.border.radius}',\n    gap: '{navigation.item.gap}',\n    icon: {\n        color: '{navigation.item.icon.color}',\n        focusColor: '{navigation.item.icon.focus.color}',\n        activeColor: '{navigation.item.icon.active.color}'\n    }\n};\n\nexport const submenu: MenubarTokenSections.Submenu = {\n    padding: '{navigation.list.padding}',\n    gap: '{navigation.list.gap}',\n    background: '{content.background}',\n    borderColor: 'transparent',\n    borderRadius: '{content.border.radius}',\n    shadow: '{overlay.navigation.shadow}',\n    mobileIndent: '1rem',\n    icon: {\n        size: '{navigation.submenu.icon.size}',\n        color: '{navigation.submenu.icon.color}',\n        focusColor: '{navigation.submenu.icon.focus.color}',\n        activeColor: '{navigation.submenu.icon.active.color}'\n    }\n};\n\nexport const separator: MenubarTokenSections.Separator = {\n    borderColor: '{content.border.color}'\n};\n\nexport const mobileButton: MenubarTokenSections.MobileButton = {\n    borderRadius: '50%',\n    size: '2.5rem',\n    color: '{text.muted.color}',\n    hoverColor: '{text.hover.muted.color}',\n    hoverBackground: '{content.hover.background}',\n    focusRing: {\n        width: '0',\n        style: 'none',\n        color: 'unset',\n        offset: '0',\n        shadow: 'none'\n    }\n};\n\nexport const css: MenubarTokenSections.CSS = /*css*/ `\n.s-menubar-button:focus-visible {\n    background: dt('navigation.item.active.background');\n}\n`;\n\nexport default {\n    root,\n    baseItem,\n    item,\n    submenu,\n    separator,\n    mobileButton,\n    css\n} satisfies MenubarDesignTokens;\n"],"mappings":";AAEO,IAAM,OAAkC;AAAA,EAC3C,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,cAAc;AAAA,EACd,OAAO;AAAA,EACP,KAAK;AAAA,EACL,SAAS;AAAA,EACT,oBAAoB;AACxB;AAEO,IAAM,WAA0C;AAAA,EACnD,cAAc;AAAA,EACd,SAAS;AACb;AAEO,IAAM,OAAkC;AAAA,EAC3C,iBAAiB;AAAA,EACjB,kBAAkB;AAAA,EAClB,OAAO;AAAA,EACP,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,SAAS;AAAA,EACT,cAAc;AAAA,EACd,KAAK;AAAA,EACL,MAAM;AAAA,IACF,OAAO;AAAA,IACP,YAAY;AAAA,IACZ,aAAa;AAAA,EACjB;AACJ;AAEO,IAAM,UAAwC;AAAA,EACjD,SAAS;AAAA,EACT,KAAK;AAAA,EACL,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,cAAc;AAAA,EACd,QAAQ;AAAA,EACR,cAAc;AAAA,EACd,MAAM;AAAA,IACF,MAAM;AAAA,IACN,OAAO;AAAA,IACP,YAAY;AAAA,IACZ,aAAa;AAAA,EACjB;AACJ;AAEO,IAAM,YAA4C;AAAA,EACrD,aAAa;AACjB;AAEO,IAAM,eAAkD;AAAA,EAC3D,cAAc;AAAA,EACd,MAAM;AAAA,EACN,OAAO;AAAA,EACP,YAAY;AAAA,EACZ,iBAAiB;AAAA,EACjB,WAAW;AAAA,IACP,OAAO;AAAA,IACP,OAAO;AAAA,IACP,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,QAAQ;AAAA,EACZ;AACJ;AAEO,IAAM;AAAA;AAAA,EAAwC;AAAA;AAAA;AAAA;AAAA;AAAA;AAMrD,IAAO,kBAAQ;AAAA,EACX;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ;","names":[]}

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

@@ -0,0 +1,28 @@
+import type { MessageTokenSections } from '@sparkux/themes/types/message';
+
+export * from '@sparkux/themes/types/message';
+
+declare const root: MessageTokenSections.Root;
+declare const content: MessageTokenSections.Content;
+declare const text: MessageTokenSections.Text;
+declare const icon: MessageTokenSections.Icon;
+declare const closeButton: MessageTokenSections.CloseButton;
+declare const closeIcon: MessageTokenSections.CloseIcon;
+declare const outlined: MessageTokenSections.Outlined;
+declare const simple: MessageTokenSections.Simple;
+declare const colorScheme: MessageTokenSections.ColorScheme;
+declare const css: MessageTokenSections.CSS;
+declare const _default: {
+    root: MessageTokenSections.Root;
+    content: MessageTokenSections.Content;
+    text: MessageTokenSections.Text;
+    icon: MessageTokenSections.Icon;
+    closeButton: MessageTokenSections.CloseButton;
+    closeIcon: MessageTokenSections.CloseIcon;
+    outlined: MessageTokenSections.Outlined;
+    simple: MessageTokenSections.Simple;
+    colorScheme: MessageTokenSections.ColorScheme;
+    css: string;
+};
+
+export { closeButton, closeIcon, colorScheme, content, css, _default as default, icon, outlined, root, simple, text };

package/dist/material/message/index.mjs

@@ -0,0 +1 @@
+var o={borderRadius:"{content.border.radius}",borderWidth:"0",transitionDuration:"{transition.duration}"},r={padding:"1rem 1.25rem",gap:"0.5rem",sm:{padding:"0.625rem 0.625rem"},lg:{padding:"0.825rem 0.825rem"}},e={fontSize:"1rem",fontWeight:"500",sm:{fontSize:"0.875rem"},lg:{fontSize:"1.125rem"}},n={size:"1.25rem",sm:{size:"1rem"},lg:{size:"1.5rem"}},l={width:"2rem",height:"2rem",borderRadius:"50%",focusRing:{width:"{focus.ring.width}",style:"{focus.ring.style}",offset:"{focus.ring.offset}"}},c={size:"1rem",sm:{size:"0.875rem"},lg:{size:"1.125rem"}},s={root:{borderWidth:"1px"}},a={content:{padding:"0"}},d={light:{info:{background:"color-mix(in srgb, {blue.50}, transparent 5%)",borderColor:"{blue.200}",color:"{blue.600}",shadow:"none",closeButton:{hoverBackground:"{blue.100}",focusRing:{color:"{blue.600}",shadow:"none"}},outlined:{color:"{blue.600}",borderColor:"{blue.600}"},simple:{color:"{blue.600}"}},success:{background:"color-mix(in srgb, {green.50}, transparent 5%)",borderColor:"{green.200}",color:"{green.600}",shadow:"none",closeButton:{hoverBackground:"{green.100}",focusRing:{color:"{green.600}",shadow:"none"}},outlined:{color:"{green.600}",borderColor:"{green.600}"},simple:{color:"{green.600}"}},warn:{background:"color-mix(in srgb,{yellow.50}, transparent 5%)",borderColor:"{yellow.200}",color:"{yellow.900}",shadow:"none",closeButton:{hoverBackground:"{yellow.100}",focusRing:{color:"{yellow.600}",shadow:"none"}},outlined:{color:"{yellow.900}",borderColor:"{yellow.900}"},simple:{color:"{yellow.900}"}},error:{background:"color-mix(in srgb, {red.50}, transparent 5%)",borderColor:"{red.200}",color:"{red.600}",shadow:"none",closeButton:{hoverBackground:"{red.100}",focusRing:{color:"{red.600}",shadow:"none"}},outlined:{color:"{red.600}",borderColor:"{red.600}"},simple:{color:"{red.600}"}},secondary:{background:"{surface.100}",borderColor:"{surface.200}",color:"{surface.600}",shadow:"none",closeButton:{hoverBackground:"{surface.200}",focusRing:{color:"{surface.600}",shadow:"none"}},outlined:{color:"{surface.600}",borderColor:"{surface.600}"},simple:{color:"{surface.600}"}},contrast:{background:"{surface.900}",borderColor:"{surface.950}",color:"{surface.50}",shadow:"none",closeButton:{hoverBackground:"{surface.800}",focusRing:{color:"{surface.50}",shadow:"none"}},outlined:{color:"{surface.950}",borderColor:"{surface.950}"},simple:{color:"{surface.950}"}}},dark:{info:{background:"color-mix(in srgb, {blue.500}, transparent 84%)",borderColor:"color-mix(in srgb, {blue.700}, transparent 64%)",color:"{blue.500}",shadow:"none",closeButton:{hoverBackground:"rgba(255, 255, 255, 0.05)",focusRing:{color:"{blue.500}",shadow:"none"}},outlined:{color:"{blue.500}",borderColor:"{blue.500}"},simple:{color:"{blue.500}"}},success:{background:"color-mix(in srgb, {green.500}, transparent 84%)",borderColor:"color-mix(in srgb, {green.700}, transparent 64%)",color:"{green.500}",shadow:"none",closeButton:{hoverBackground:"rgba(255, 255, 255, 0.05)",focusRing:{color:"{green.500}",shadow:"none"}},outlined:{color:"{green.500}",borderColor:"{green.500}"},simple:{color:"{green.500}"}},warn:{background:"color-mix(in srgb, {yellow.500}, transparent 84%)",borderColor:"color-mix(in srgb, {yellow.700}, transparent 64%)",color:"{yellow.500}",shadow:"none",closeButton:{hoverBackground:"rgba(255, 255, 255, 0.05)",focusRing:{color:"{yellow.500}",shadow:"none"}},outlined:{color:"{yellow.500}",borderColor:"{yellow.500}"},simple:{color:"{yellow.500}"}},error:{background:"color-mix(in srgb, {red.500}, transparent 84%)",borderColor:"color-mix(in srgb, {red.700}, transparent 64%)",color:"{red.500}",shadow:"none",closeButton:{hoverBackground:"rgba(255, 255, 255, 0.05)",focusRing:{color:"{red.500}",shadow:"none"}},outlined:{color:"{red.500}",borderColor:"{red.500}"},simple:{color:"{red.500}"}},secondary:{background:"{surface.800}",borderColor:"{surface.700}",color:"{surface.300}",shadow:"none",closeButton:{hoverBackground:"{surface.700}",focusRing:{color:"{surface.300}",shadow:"none"}},outlined:{color:"{surface.400}",borderColor:"{surface.400}"},simple:{color:"{surface.400}"}},contrast:{background:"{surface.0}",borderColor:"{surface.100}",color:"{surface.950}",shadow:"none",closeButton:{hoverBackground:"{surface.100}",focusRing:{color:"{surface.950}",shadow:"none"}},outlined:{color:"{surface.0}",borderColor:"{surface.0}"},simple:{color:"{surface.0}"}}}},css="",u={root:o,content:r,text:e,icon:n,closeButton:l,closeIcon:c,outlined:s,simple:a,colorScheme:d,css:""};export{l as closeButton,c as closeIcon,d as colorScheme,r as content,css,u as default,n as icon,s as outlined,o as root,a as simple,e as text};//# sourceMappingURL=index.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/presets/material/message/index.ts"],"sourcesContent":["import type { MessageDesignTokens, MessageTokenSections } from '@sparkux/themes/types/message';\n\nexport const root: MessageTokenSections.Root = {\n    borderRadius: '{content.border.radius}',\n    borderWidth: '0',\n    transitionDuration: '{transition.duration}'\n};\n\nexport const content: MessageTokenSections.Content = {\n    padding: '1rem 1.25rem',\n    gap: '0.5rem',\n    sm: {\n        padding: '0.625rem 0.625rem'\n    },\n    lg: {\n        padding: '0.825rem 0.825rem'\n    }\n};\n\nexport const text: MessageTokenSections.Text = {\n    fontSize: '1rem',\n    fontWeight: '500',\n    sm: {\n        fontSize: '0.875rem'\n    },\n    lg: {\n        fontSize: '1.125rem'\n    }\n};\n\nexport const icon: MessageTokenSections.Icon = {\n    size: '1.25rem',\n    sm: {\n        size: '1rem'\n    },\n    lg: {\n        size: '1.5rem'\n    }\n};\n\nexport const closeButton: MessageTokenSections.CloseButton = {\n    width: '2rem',\n    height: '2rem',\n    borderRadius: '50%',\n    focusRing: {\n        width: '{focus.ring.width}',\n        style: '{focus.ring.style}',\n        offset: '{focus.ring.offset}'\n    }\n};\n\nexport const closeIcon: MessageTokenSections.CloseIcon = {\n    size: '1rem',\n    sm: {\n        size: '0.875rem'\n    },\n    lg: {\n        size: '1.125rem'\n    }\n};\n\nexport const outlined: MessageTokenSections.Outlined = {\n    root: {\n        borderWidth: '1px'\n    }\n};\n\nexport const simple: MessageTokenSections.Simple = {\n    content: {\n        padding: '0'\n    }\n};\n\nexport const colorScheme: MessageTokenSections.ColorScheme = {\n    light: {\n        info: {\n            background: 'color-mix(in srgb, {blue.50}, transparent 5%)',\n            borderColor: '{blue.200}',\n            color: '{blue.600}',\n            shadow: 'none',\n            closeButton: {\n                hoverBackground: '{blue.100}',\n                focusRing: {\n                    color: '{blue.600}',\n                    shadow: 'none'\n                }\n            },\n            outlined: {\n                color: '{blue.600}',\n                borderColor: '{blue.600}'\n            },\n            simple: {\n                color: '{blue.600}'\n            }\n        },\n        success: {\n            background: 'color-mix(in srgb, {green.50}, transparent 5%)',\n            borderColor: '{green.200}',\n            color: '{green.600}',\n            shadow: 'none',\n            closeButton: {\n                hoverBackground: '{green.100}',\n                focusRing: {\n                    color: '{green.600}',\n                    shadow: 'none'\n                }\n            },\n            outlined: {\n                color: '{green.600}',\n                borderColor: '{green.600}'\n            },\n            simple: {\n                color: '{green.600}'\n            }\n        },\n        warn: {\n            background: 'color-mix(in srgb,{yellow.50}, transparent 5%)',\n            borderColor: '{yellow.200}',\n            color: '{yellow.900}',\n            shadow: 'none',\n            closeButton: {\n                hoverBackground: '{yellow.100}',\n                focusRing: {\n                    color: '{yellow.600}',\n                    shadow: 'none'\n                }\n            },\n            outlined: {\n                color: '{yellow.900}',\n                borderColor: '{yellow.900}'\n            },\n            simple: {\n                color: '{yellow.900}'\n            }\n        },\n        error: {\n            background: 'color-mix(in srgb, {red.50}, transparent 5%)',\n            borderColor: '{red.200}',\n            color: '{red.600}',\n            shadow: 'none',\n            closeButton: {\n                hoverBackground: '{red.100}',\n                focusRing: {\n                    color: '{red.600}',\n                    shadow: 'none'\n                }\n            },\n            outlined: {\n                color: '{red.600}',\n                borderColor: '{red.600}'\n            },\n            simple: {\n                color: '{red.600}'\n            }\n        },\n        secondary: {\n            background: '{surface.100}',\n            borderColor: '{surface.200}',\n            color: '{surface.600}',\n            shadow: 'none',\n            closeButton: {\n                hoverBackground: '{surface.200}',\n                focusRing: {\n                    color: '{surface.600}',\n                    shadow: 'none'\n                }\n            },\n            outlined: {\n                color: '{surface.600}',\n                borderColor: '{surface.600}'\n            },\n            simple: {\n                color: '{surface.600}'\n            }\n        },\n        contrast: {\n            background: '{surface.900}',\n            borderColor: '{surface.950}',\n            color: '{surface.50}',\n            shadow: 'none',\n            closeButton: {\n                hoverBackground: '{surface.800}',\n                focusRing: {\n                    color: '{surface.50}',\n                    shadow: 'none'\n                }\n            },\n            outlined: {\n                color: '{surface.950}',\n                borderColor: '{surface.950}'\n            },\n            simple: {\n                color: '{surface.950}'\n            }\n        }\n    },\n    dark: {\n        info: {\n            background: 'color-mix(in srgb, {blue.500}, transparent 84%)',\n            borderColor: 'color-mix(in srgb, {blue.700}, transparent 64%)',\n            color: '{blue.500}',\n            shadow: 'none',\n            closeButton: {\n                hoverBackground: 'rgba(255, 255, 255, 0.05)',\n                focusRing: {\n                    color: '{blue.500}',\n                    shadow: 'none'\n                }\n            },\n            outlined: {\n                color: '{blue.500}',\n                borderColor: '{blue.500}'\n            },\n            simple: {\n                color: '{blue.500}'\n            }\n        },\n        success: {\n            background: 'color-mix(in srgb, {green.500}, transparent 84%)',\n            borderColor: 'color-mix(in srgb, {green.700}, transparent 64%)',\n            color: '{green.500}',\n            shadow: 'none',\n            closeButton: {\n                hoverBackground: 'rgba(255, 255, 255, 0.05)',\n                focusRing: {\n                    color: '{green.500}',\n                    shadow: 'none'\n                }\n            },\n            outlined: {\n                color: '{green.500}',\n                borderColor: '{green.500}'\n            },\n            simple: {\n                color: '{green.500}'\n            }\n        },\n        warn: {\n            background: 'color-mix(in srgb, {yellow.500}, transparent 84%)',\n            borderColor: 'color-mix(in srgb, {yellow.700}, transparent 64%)',\n            color: '{yellow.500}',\n            shadow: 'none',\n            closeButton: {\n                hoverBackground: 'rgba(255, 255, 255, 0.05)',\n                focusRing: {\n                    color: '{yellow.500}',\n                    shadow: 'none'\n                }\n            },\n            outlined: {\n                color: '{yellow.500}',\n                borderColor: '{yellow.500}'\n            },\n            simple: {\n                color: '{yellow.500}'\n            }\n        },\n        error: {\n            background: 'color-mix(in srgb, {red.500}, transparent 84%)',\n            borderColor: 'color-mix(in srgb, {red.700}, transparent 64%)',\n            color: '{red.500}',\n            shadow: 'none',\n            closeButton: {\n                hoverBackground: 'rgba(255, 255, 255, 0.05)',\n                focusRing: {\n                    color: '{red.500}',\n                    shadow: 'none'\n                }\n            },\n            outlined: {\n                color: '{red.500}',\n                borderColor: '{red.500}'\n            },\n            simple: {\n                color: '{red.500}'\n            }\n        },\n        secondary: {\n            background: '{surface.800}',\n            borderColor: '{surface.700}',\n            color: '{surface.300}',\n            shadow: 'none',\n            closeButton: {\n                hoverBackground: '{surface.700}',\n                focusRing: {\n                    color: '{surface.300}',\n                    shadow: 'none'\n                }\n            },\n            outlined: {\n                color: '{surface.400}',\n                borderColor: '{surface.400}'\n            },\n            simple: {\n                color: '{surface.400}'\n            }\n        },\n        contrast: {\n            background: '{surface.0}',\n            borderColor: '{surface.100}',\n            color: '{surface.950}',\n            shadow: 'none',\n            closeButton: {\n                hoverBackground: '{surface.100}',\n                focusRing: {\n                    color: '{surface.950}',\n                    shadow: 'none'\n                }\n            },\n            outlined: {\n                color: '{surface.0}',\n                borderColor: '{surface.0}'\n            },\n            simple: {\n                color: '{surface.0}'\n            }\n        }\n    }\n};\n\nexport const css: MessageTokenSections.CSS = /*css*/ ``;\n\nexport default {\n    root,\n    content,\n    text,\n    icon,\n    closeButton,\n    closeIcon,\n    outlined,\n    simple,\n    colorScheme,\n    css\n} satisfies MessageDesignTokens;\n"],"mappings":"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","names":[]}

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

@@ -0,0 +1,22 @@
+import type { MeterGroupTokenSections } from '@sparkux/themes/types/metergroup';
+
+export * from '@sparkux/themes/types/metergroup';
+
+declare const root: MeterGroupTokenSections.Root;
+declare const meters: MeterGroupTokenSections.Meters;
+declare const label: MeterGroupTokenSections.Label;
+declare const labelMarker: MeterGroupTokenSections.LabelMarker;
+declare const labelIcon: MeterGroupTokenSections.LabelIcon;
+declare const labelList: MeterGroupTokenSections.LabelList;
+declare const css: MeterGroupTokenSections.CSS;
+declare const _default: {
+    root: MeterGroupTokenSections.Root;
+    meters: MeterGroupTokenSections.Meters;
+    label: MeterGroupTokenSections.Label;
+    labelMarker: MeterGroupTokenSections.LabelMarker;
+    labelIcon: MeterGroupTokenSections.LabelIcon;
+    labelList: MeterGroupTokenSections.LabelList;
+    css: string;
+};
+
+export { css, _default as default, label, labelIcon, labelList, labelMarker, meters, root };

package/dist/material/metergroup/index.mjs

@@ -0,0 +1 @@
+var e={borderRadius:"{content.border.radius}",gap:"1rem"},r={background:"{content.border.color}",size:"0.5rem"},a={gap:"0.5rem"},o={size:"0.5rem"},l={size:"1rem"},t={verticalGap:"0.5rem",horizontalGap:"1rem"},css="",s={root:e,meters:r,label:a,labelMarker:o,labelIcon:l,labelList:t,css:""};export{css,s as default,a as label,l as labelIcon,t as labelList,o as labelMarker,r as meters,e as root};//# sourceMappingURL=index.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/presets/material/metergroup/index.ts"],"sourcesContent":["import type { MeterGroupDesignTokens, MeterGroupTokenSections } from '@sparkux/themes/types/metergroup';\n\nexport const root: MeterGroupTokenSections.Root = {\n    borderRadius: '{content.border.radius}',\n    gap: '1rem'\n};\n\nexport const meters: MeterGroupTokenSections.Meters = {\n    background: '{content.border.color}',\n    size: '0.5rem'\n};\n\nexport const label: MeterGroupTokenSections.Label = {\n    gap: '0.5rem'\n};\n\nexport const labelMarker: MeterGroupTokenSections.LabelMarker = {\n    size: '0.5rem'\n};\n\nexport const labelIcon: MeterGroupTokenSections.LabelIcon = {\n    size: '1rem'\n};\n\nexport const labelList: MeterGroupTokenSections.LabelList = {\n    verticalGap: '0.5rem',\n    horizontalGap: '1rem'\n};\n\nexport const css: MeterGroupTokenSections.CSS = /*css*/ ``;\n\nexport default {\n    root,\n    meters,\n    label,\n    labelMarker,\n    labelIcon,\n    labelList,\n    css\n} satisfies MeterGroupDesignTokens;\n"],"mappings":";AAEO,IAAM,OAAqC;AAAA,EAC9C,cAAc;AAAA,EACd,KAAK;AACT;AAEO,IAAM,SAAyC;AAAA,EAClD,YAAY;AAAA,EACZ,MAAM;AACV;AAEO,IAAM,QAAuC;AAAA,EAChD,KAAK;AACT;AAEO,IAAM,cAAmD;AAAA,EAC5D,MAAM;AACV;AAEO,IAAM,YAA+C;AAAA,EACxD,MAAM;AACV;AAEO,IAAM,YAA+C;AAAA,EACxD,aAAa;AAAA,EACb,eAAe;AACnB;AAEO,IAAM;AAAA;AAAA,EAA2C;AAAA;AAExD,IAAO,qBAAQ;AAAA,EACX;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ;","names":[]}

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

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

package/dist/material/multiselect/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}",sm:{fontSize:"{form.field.sm.font.size}",paddingX:"{form.field.sm.padding.x}",paddingY:"{form.field.sm.padding.y}"},lg:{fontSize:"{form.field.lg.font.size}",paddingX:"{form.field.lg.padding.x}",paddingY:"{form.field.lg.padding.y}"}},r={width:"2.5rem",color:"{form.field.icon.color}"},e={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}",header:{padding:"{list.header.padding}"}},l={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}",gap:"0.75rem"},i={background:"{list.option.group.background}",color:"{list.option.group.color}",fontWeight:"{list.option.group.font.weight}",padding:"{list.option.group.padding}"},t={color:"{form.field.icon.color}"},n={borderRadius:"{border.radius.sm}"},c={padding:"{list.option.padding}"},css="\n.s-multiselect.s-variant-filled {\n    border-bottom-left-radius: 0;\n    border-bottom-right-radius: 0;\n    border: 1px solid transparent;\n    background: dt('multiselect.filled.background') no-repeat;\n    background-image: linear-gradient(to bottom, dt('multiselect.focus.border.color'), dt('multiselect.focus.border.color')), linear-gradient(to bottom, dt('multiselect.border.color'), dt('multiselect.border.color'));\n    background-size: 0 2px, 100% 1px;\n    background-position: 50% 100%, 50% 100%;\n    background-origin: border-box;\n    transition: background-size 0.3s cubic-bezier(0.64, 0.09, 0.08, 1);\n}\n\n.s-multiselect.s-variant-filled:not(.s-disabled):hover {\n    background: dt('multiselect.filled.hover.background') no-repeat;\n    background-image: linear-gradient(to bottom, dt('multiselect.focus.border.color'), dt('multiselect.focus.border.color')), linear-gradient(to bottom, dt('multiselect.hover.border.color'), dt('multiselect.hover.border.color'));\n    background-size: 0 2px, 100% 1px;\n    background-position: 50% 100%, 50% 100%;\n    background-origin: border-box;\n    border-color: transparent;\n}\n\n.s-multiselect.s-variant-filled:not(.s-disabled).s-focus {\n    outline: 0 none;\n    background: dt('multiselect.filled.focus.background') no-repeat;\n    background-image: linear-gradient(to bottom, dt('multiselect.focus.border.color'), dt('multiselect.focus.border.color')), linear-gradient(to bottom, dt('multiselect.border.color'), dt('multiselect.border.color'));\n    background-size: 100% 2px, 100% 1px;\n    background-position: 50% 100%, 50% 100%;\n    background-origin: border-box;\n    border-color: transparent;\n}\n\n.s-multiselect.s-variant-filled:not(.s-disabled).s-focus:hover {\n    background-image: linear-gradient(to bottom, dt('multiselect.focus.border.color'), dt('multiselect.focus.border.color')), linear-gradient(to bottom, dt('multiselect.hover.border.color'), dt('multiselect.hover.border.color'));\n}\n\n.s-multiselect.s-variant-filled.s-invalid {\n    background-image: linear-gradient(to bottom, dt('multiselect.invalid.border.color'), dt('multiselect.invalid.border.color')), linear-gradient(to bottom, dt('multiselect.invalid.border.color'), dt('multiselect.invalid.border.color'));\n}\n\n.s-multiselect.s-variant-filled.s-invalid:not(.s-disabled).s-focus  {\n    background-image: linear-gradient(to bottom, dt('multiselect.invalid.border.color'), dt('multiselect.invalid.border.color')), linear-gradient(to bottom, dt('multiselect.invalid.border.color'), dt('multiselect.invalid.border.color'));\n}\n\n.s-multiselect-option {\n    transition: none;\n}\n",a={root:o,dropdown:r,overlay:e,list:d,option:l,optionGroup:i,chip:n,clearIcon:t,emptyMessage:c,css:css};export{n as chip,t as clearIcon,css,a as default,r as dropdown,c as emptyMessage,d as list,l as option,i as optionGroup,e as overlay,o as root};//# sourceMappingURL=index.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/presets/material/multiselect/index.ts"],"sourcesContent":["import type { MultiSelectDesignTokens, MultiSelectTokenSections } from '@sparkux/themes/types/multiselect';\n\nexport const root: MultiSelectTokenSections.Root = {\n    background: '{form.field.background}',\n    disabledBackground: '{form.field.disabled.background}',\n    filledBackground: '{form.field.filled.background}',\n    filledHoverBackground: '{form.field.filled.hover.background}',\n    filledFocusBackground: '{form.field.filled.focus.background}',\n    borderColor: '{form.field.border.color}',\n    hoverBorderColor: '{form.field.hover.border.color}',\n    focusBorderColor: '{form.field.focus.border.color}',\n    invalidBorderColor: '{form.field.invalid.border.color}',\n    color: '{form.field.color}',\n    disabledColor: '{form.field.disabled.color}',\n    placeholderColor: '{form.field.placeholder.color}',\n    invalidPlaceholderColor: '{form.field.invalid.placeholder.color}',\n    shadow: '{form.field.shadow}',\n    paddingX: '{form.field.padding.x}',\n    paddingY: '{form.field.padding.y}',\n    borderRadius: '{form.field.border.radius}',\n    focusRing: {\n        width: '{form.field.focus.ring.width}',\n        style: '{form.field.focus.ring.style}',\n        color: '{form.field.focus.ring.color}',\n        offset: '{form.field.focus.ring.offset}',\n        shadow: '{form.field.focus.ring.shadow}'\n    },\n    transitionDuration: '{form.field.transition.duration}',\n    sm: {\n        fontSize: '{form.field.sm.font.size}',\n        paddingX: '{form.field.sm.padding.x}',\n        paddingY: '{form.field.sm.padding.y}'\n    },\n    lg: {\n        fontSize: '{form.field.lg.font.size}',\n        paddingX: '{form.field.lg.padding.x}',\n        paddingY: '{form.field.lg.padding.y}'\n    }\n};\n\nexport const dropdown: MultiSelectTokenSections.Dropdown = {\n    width: '2.5rem',\n    color: '{form.field.icon.color}'\n};\n\nexport const overlay: MultiSelectTokenSections.Overlay = {\n    background: '{overlay.select.background}',\n    borderColor: '{overlay.select.border.color}',\n    borderRadius: '{overlay.select.border.radius}',\n    color: '{overlay.select.color}',\n    shadow: '{overlay.select.shadow}'\n};\n\nexport const list: MultiSelectTokenSections.List = {\n    padding: '{list.padding}',\n    gap: '{list.gap}',\n    header: {\n        padding: '{list.header.padding}'\n    }\n};\n\nexport const option: MultiSelectTokenSections.Option = {\n    focusBackground: '{list.option.focus.background}',\n    selectedBackground: '{list.option.selected.background}',\n    selectedFocusBackground: '{list.option.selected.focus.background}',\n    color: '{list.option.color}',\n    focusColor: '{list.option.focus.color}',\n    selectedColor: '{list.option.selected.color}',\n    selectedFocusColor: '{list.option.selected.focus.color}',\n    padding: '{list.option.padding}',\n    borderRadius: '{list.option.border.radius}',\n    gap: '0.75rem'\n};\n\nexport const optionGroup: MultiSelectTokenSections.OptionGroup = {\n    background: '{list.option.group.background}',\n    color: '{list.option.group.color}',\n    fontWeight: '{list.option.group.font.weight}',\n    padding: '{list.option.group.padding}'\n};\n\nexport const clearIcon: MultiSelectTokenSections.ClearIcon = {\n    color: '{form.field.icon.color}'\n};\n\nexport const chip: MultiSelectTokenSections.Chip = {\n    borderRadius: '{border.radius.sm}'\n};\n\nexport const emptyMessage: MultiSelectTokenSections.EmptyMessage = {\n    padding: '{list.option.padding}'\n};\n\nexport const css: MultiSelectTokenSections.CSS = /*css*/ `\n.s-multiselect.s-variant-filled {\n    border-bottom-left-radius: 0;\n    border-bottom-right-radius: 0;\n    border: 1px solid transparent;\n    background: dt('multiselect.filled.background') no-repeat;\n    background-image: linear-gradient(to bottom, dt('multiselect.focus.border.color'), dt('multiselect.focus.border.color')), linear-gradient(to bottom, dt('multiselect.border.color'), dt('multiselect.border.color'));\n    background-size: 0 2px, 100% 1px;\n    background-position: 50% 100%, 50% 100%;\n    background-origin: border-box;\n    transition: background-size 0.3s cubic-bezier(0.64, 0.09, 0.08, 1);\n}\n\n.s-multiselect.s-variant-filled:not(.s-disabled):hover {\n    background: dt('multiselect.filled.hover.background') no-repeat;\n    background-image: linear-gradient(to bottom, dt('multiselect.focus.border.color'), dt('multiselect.focus.border.color')), linear-gradient(to bottom, dt('multiselect.hover.border.color'), dt('multiselect.hover.border.color'));\n    background-size: 0 2px, 100% 1px;\n    background-position: 50% 100%, 50% 100%;\n    background-origin: border-box;\n    border-color: transparent;\n}\n\n.s-multiselect.s-variant-filled:not(.s-disabled).s-focus {\n    outline: 0 none;\n    background: dt('multiselect.filled.focus.background') no-repeat;\n    background-image: linear-gradient(to bottom, dt('multiselect.focus.border.color'), dt('multiselect.focus.border.color')), linear-gradient(to bottom, dt('multiselect.border.color'), dt('multiselect.border.color'));\n    background-size: 100% 2px, 100% 1px;\n    background-position: 50% 100%, 50% 100%;\n    background-origin: border-box;\n    border-color: transparent;\n}\n\n.s-multiselect.s-variant-filled:not(.s-disabled).s-focus:hover {\n    background-image: linear-gradient(to bottom, dt('multiselect.focus.border.color'), dt('multiselect.focus.border.color')), linear-gradient(to bottom, dt('multiselect.hover.border.color'), dt('multiselect.hover.border.color'));\n}\n\n.s-multiselect.s-variant-filled.s-invalid {\n    background-image: linear-gradient(to bottom, dt('multiselect.invalid.border.color'), dt('multiselect.invalid.border.color')), linear-gradient(to bottom, dt('multiselect.invalid.border.color'), dt('multiselect.invalid.border.color'));\n}\n\n.s-multiselect.s-variant-filled.s-invalid:not(.s-disabled).s-focus  {\n    background-image: linear-gradient(to bottom, dt('multiselect.invalid.border.color'), dt('multiselect.invalid.border.color')), linear-gradient(to bottom, dt('multiselect.invalid.border.color'), dt('multiselect.invalid.border.color'));\n}\n\n.s-multiselect-option {\n    transition: none;\n}\n`;\n\nexport default {\n    root,\n    dropdown,\n    overlay,\n    list,\n    option,\n    optionGroup,\n    chip,\n    clearIcon,\n    emptyMessage,\n    css\n} satisfies MultiSelectDesignTokens;\n"],"mappings":";AAEO,IAAM,OAAsC;AAAA,EAC/C,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;AAAA,EACpB,IAAI;AAAA,IACA,UAAU;AAAA,IACV,UAAU;AAAA,IACV,UAAU;AAAA,EACd;AAAA,EACA,IAAI;AAAA,IACA,UAAU;AAAA,IACV,UAAU;AAAA,IACV,UAAU;AAAA,EACd;AACJ;AAEO,IAAM,WAA8C;AAAA,EACvD,OAAO;AAAA,EACP,OAAO;AACX;AAEO,IAAM,UAA4C;AAAA,EACrD,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,cAAc;AAAA,EACd,OAAO;AAAA,EACP,QAAQ;AACZ;AAEO,IAAM,OAAsC;AAAA,EAC/C,SAAS;AAAA,EACT,KAAK;AAAA,EACL,QAAQ;AAAA,IACJ,SAAS;AAAA,EACb;AACJ;AAEO,IAAM,SAA0C;AAAA,EACnD,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;AAAA,EACd,KAAK;AACT;AAEO,IAAM,cAAoD;AAAA,EAC7D,YAAY;AAAA,EACZ,OAAO;AAAA,EACP,YAAY;AAAA,EACZ,SAAS;AACb;AAEO,IAAM,YAAgD;AAAA,EACzD,OAAO;AACX;AAEO,IAAM,OAAsC;AAAA,EAC/C,cAAc;AAClB;AAEO,IAAM,eAAsD;AAAA,EAC/D,SAAS;AACb;AAEO,IAAM;AAAA;AAAA,EAA4C;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;AAiDzD,IAAO,sBAAQ;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/orderlist/index.d.ts

@@ -0,0 +1,14 @@
+import type { OrderListTokenSections } from '@sparkux/themes/types/orderlist';
+
+export * from '@sparkux/themes/types/orderlist';
+
+declare const root: OrderListTokenSections.Root;
+declare const controls: OrderListTokenSections.Controls;
+declare const css: OrderListTokenSections.CSS;
+declare const _default: {
+    root: OrderListTokenSections.Root;
+    controls: OrderListTokenSections.Controls;
+    css: string;
+};
+
+export { controls, css, _default as default, root };

package/dist/material/orderlist/index.mjs

@@ -0,0 +1 @@
+var r={gap:"1.125rem"},a={gap:"0.5rem"},css="",o={root:r,controls:a,css:""};export{a as controls,css,o as default,r as root};//# sourceMappingURL=index.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/presets/material/orderlist/index.ts"],"sourcesContent":["import type { OrderListDesignTokens, OrderListTokenSections } from '@sparkux/themes/types/orderlist';\n\nexport const root: OrderListTokenSections.Root = {\n    gap: '1.125rem'\n};\n\nexport const controls: OrderListTokenSections.Controls = {\n    gap: '0.5rem'\n};\n\nexport const css: OrderListTokenSections.CSS = /*css*/ ``;\n\nexport default {\n    root,\n    controls,\n    css\n} satisfies OrderListDesignTokens;\n"],"mappings":";AAEO,IAAM,OAAoC;AAAA,EAC7C,KAAK;AACT;AAEO,IAAM,WAA4C;AAAA,EACrD,KAAK;AACT;AAEO,IAAM;AAAA;AAAA,EAA0C;AAAA;AAEvD,IAAO,oBAAQ;AAAA,EACX;AAAA,EACA;AAAA,EACA;AACJ;","names":[]}

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

@@ -0,0 +1,18 @@
+import type { OrganizationChartTokenSections } from '@sparkux/themes/types/organizationchart';
+
+export * from '@sparkux/themes/types/organizationchart';
+
+declare const root: OrganizationChartTokenSections.Root;
+declare const node: OrganizationChartTokenSections.Node;
+declare const nodeToggleButton: OrganizationChartTokenSections.NodeToggleButton;
+declare const connector: OrganizationChartTokenSections.Connector;
+declare const css: OrganizationChartTokenSections.CSS;
+declare const _default: {
+    root: OrganizationChartTokenSections.Root;
+    node: OrganizationChartTokenSections.Node;
+    nodeToggleButton: OrganizationChartTokenSections.NodeToggleButton;
+    connector: OrganizationChartTokenSections.Connector;
+    css: string;
+};
+
+export { connector, css, _default as default, node, nodeToggleButton, root };

package/dist/material/organizationchart/index.mjs

@@ -0,0 +1 @@
+var o={gutter:"0.75rem",transitionDuration:"{transition.duration}"},r={background:"{content.background}",hoverBackground:"{content.hover.background}",selectedBackground:"{highlight.background}",borderColor:"{content.border.color}",color:"{content.color}",selectedColor:"{highlight.color}",hoverColor:"{content.hover.color}",padding:"1rem 1.25rem",toggleablePadding:"1rem 1.25rem 1.5rem 1.25rem",borderRadius:"{content.border.radius}"},e={background:"{content.background}",hoverBackground:"{content.hover.background}",borderColor:"{content.border.color}",color:"{text.muted.color}",hoverColor:"{text.color}",size:"1.75rem",borderRadius:"50%",focusRing:{width:"{focus.ring.width}",style:"{focus.ring.style}",color:"{focus.ring.color}",offset:"{focus.ring.offset}",shadow:"{focus.ring.shadow}"}},t={color:"{content.border.color}",borderRadius:"{content.border.radius}",height:"24px"},css="",n={root:o,node:r,nodeToggleButton:e,connector:t,css:""};export{t as connector,css,n as default,r as node,e as nodeToggleButton,o as root};//# sourceMappingURL=index.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/presets/material/organizationchart/index.ts"],"sourcesContent":["import type { OrganizationChartDesignTokens, OrganizationChartTokenSections } from '@sparkux/themes/types/organizationchart';\n\nexport const root: OrganizationChartTokenSections.Root = {\n    gutter: '0.75rem',\n    transitionDuration: '{transition.duration}'\n};\n\nexport const node: OrganizationChartTokenSections.Node = {\n    background: '{content.background}',\n    hoverBackground: '{content.hover.background}',\n    selectedBackground: '{highlight.background}',\n    borderColor: '{content.border.color}',\n    color: '{content.color}',\n    selectedColor: '{highlight.color}',\n    hoverColor: '{content.hover.color}',\n    padding: '1rem 1.25rem',\n    toggleablePadding: '1rem 1.25rem 1.5rem 1.25rem',\n    borderRadius: '{content.border.radius}'\n};\n\nexport const nodeToggleButton: OrganizationChartTokenSections.NodeToggleButton = {\n    background: '{content.background}',\n    hoverBackground: '{content.hover.background}',\n    borderColor: '{content.border.color}',\n    color: '{text.muted.color}',\n    hoverColor: '{text.color}',\n    size: '1.75rem',\n    borderRadius: '50%',\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 connector: OrganizationChartTokenSections.Connector = {\n    color: '{content.border.color}',\n    borderRadius: '{content.border.radius}',\n    height: '24px'\n};\n\nexport const css: OrganizationChartTokenSections.CSS = /*css*/ ``;\n\nexport default {\n    root,\n    node,\n    nodeToggleButton,\n    connector,\n    css\n} satisfies OrganizationChartDesignTokens;\n"],"mappings":";AAEO,IAAM,OAA4C;AAAA,EACrD,QAAQ;AAAA,EACR,oBAAoB;AACxB;AAEO,IAAM,OAA4C;AAAA,EACrD,YAAY;AAAA,EACZ,iBAAiB;AAAA,EACjB,oBAAoB;AAAA,EACpB,aAAa;AAAA,EACb,OAAO;AAAA,EACP,eAAe;AAAA,EACf,YAAY;AAAA,EACZ,SAAS;AAAA,EACT,mBAAmB;AAAA,EACnB,cAAc;AAClB;AAEO,IAAM,mBAAoE;AAAA,EAC7E,YAAY;AAAA,EACZ,iBAAiB;AAAA,EACjB,aAAa;AAAA,EACb,OAAO;AAAA,EACP,YAAY;AAAA,EACZ,MAAM;AAAA,EACN,cAAc;AAAA,EACd,WAAW;AAAA,IACP,OAAO;AAAA,IACP,OAAO;AAAA,IACP,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,QAAQ;AAAA,EACZ;AACJ;AAEO,IAAM,YAAsD;AAAA,EAC/D,OAAO;AAAA,EACP,cAAc;AAAA,EACd,QAAQ;AACZ;AAEO,IAAM;AAAA;AAAA,EAAkD;AAAA;AAE/D,IAAO,4BAAQ;AAAA,EACX;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ;","names":[]}

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

@@ -0,0 +1,12 @@
+import type { OverlayBadgeTokenSections } from '@sparkux/themes/types/overlaybadge';
+
+export * from '@sparkux/themes/types/overlaybadge';
+
+declare const root: OverlayBadgeTokenSections.Root;
+declare const css: OverlayBadgeTokenSections.CSS;
+declare const _default: {
+    root: OverlayBadgeTokenSections.Root;
+    css: string;
+};
+
+export { css, _default as default, root };

package/dist/material/overlaybadge/index.mjs

@@ -0,0 +1 @@
+var o={outline:{width:"2px",color:"{content.background}"}},css="",t={root:o,css:""};export{css,t as default,o as root};//# sourceMappingURL=index.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/presets/material/overlaybadge/index.ts"],"sourcesContent":["import type { OverlayBadgeDesignTokens, OverlayBadgeTokenSections } from '@sparkux/themes/types/overlaybadge';\n\nexport const root: OverlayBadgeTokenSections.Root = {\n    outline: {\n        width: '2px',\n        color: '{content.background}'\n    }\n};\n\nexport const css: OverlayBadgeTokenSections.CSS = /*css*/ ``;\n\nexport default {\n    root,\n    css\n} satisfies OverlayBadgeDesignTokens;\n"],"mappings":";AAEO,IAAM,OAAuC;AAAA,EAChD,SAAS;AAAA,IACL,OAAO;AAAA,IACP,OAAO;AAAA,EACX;AACJ;AAEO,IAAM;AAAA;AAAA,EAA6C;AAAA;AAE1D,IAAO,uBAAQ;AAAA,EACX;AAAA,EACA;AACJ;","names":[]}

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

@@ -0,0 +1,18 @@
+import type { PaginatorTokenSections } from '@sparkux/themes/types/paginator';
+
+export * from '@sparkux/themes/types/paginator';
+
+declare const root: PaginatorTokenSections.Root;
+declare const navButton: PaginatorTokenSections.NavButton;
+declare const currentPageReport: PaginatorTokenSections.CurrentPageReport;
+declare const jumpToPageInput: PaginatorTokenSections.JumpToPageInput;
+declare const css: PaginatorTokenSections.CSS;
+declare const _default: {
+    root: PaginatorTokenSections.Root;
+    navButton: PaginatorTokenSections.NavButton;
+    currentPageReport: PaginatorTokenSections.CurrentPageReport;
+    jumpToPageInput: PaginatorTokenSections.JumpToPageInput;
+    css: string;
+};
+
+export { css, currentPageReport, _default as default, jumpToPageInput, navButton, root };

package/dist/material/paginator/index.mjs

@@ -0,0 +1 @@
+var o={padding:"0.5rem 1rem",gap:"0.25rem",borderRadius:"{content.border.radius}",background:"{content.background}",color:"{content.color}",transitionDuration:"{transition.duration}"},r={background:"transparent",hoverBackground:"{content.hover.background}",selectedBackground:"{highlight.background}",color:"{text.muted.color}",hoverColor:"{text.hover.muted.color}",selectedColor:"{highlight.color}",width:"2.5rem",height:"2.5rem",borderRadius:"50%",focusRing:{width:"{focus.ring.width}",style:"{focus.ring.style}",color:"{focus.ring.color}",offset:"{focus.ring.offset}",shadow:"{focus.ring.shadow}"}},t={color:"{text.muted.color}"},e={maxWidth:"2.5rem"},css="",n={root:o,navButton:r,currentPageReport:t,jumpToPageInput:e,css:""};export{css,t as currentPageReport,n as default,e as jumpToPageInput,r as navButton,o as root};//# sourceMappingURL=index.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/presets/material/paginator/index.ts"],"sourcesContent":["import type { PaginatorDesignTokens, PaginatorTokenSections } from '@sparkux/themes/types/paginator';\n\nexport const root: PaginatorTokenSections.Root = {\n    padding: '0.5rem 1rem',\n    gap: '0.25rem',\n    borderRadius: '{content.border.radius}',\n    background: '{content.background}',\n    color: '{content.color}',\n    transitionDuration: '{transition.duration}'\n};\n\nexport const navButton: PaginatorTokenSections.NavButton = {\n    background: 'transparent',\n    hoverBackground: '{content.hover.background}',\n    selectedBackground: '{highlight.background}',\n    color: '{text.muted.color}',\n    hoverColor: '{text.hover.muted.color}',\n    selectedColor: '{highlight.color}',\n    width: '2.5rem',\n    height: '2.5rem',\n    borderRadius: '50%',\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 currentPageReport: PaginatorTokenSections.CurrentPageReport = {\n    color: '{text.muted.color}'\n};\n\nexport const jumpToPageInput: PaginatorTokenSections.JumpToPageInput = {\n    maxWidth: '2.5rem'\n};\n\nexport const css: PaginatorTokenSections.CSS = /*css*/ ``;\n\nexport default {\n    root,\n    navButton,\n    currentPageReport,\n    jumpToPageInput,\n    css\n} satisfies PaginatorDesignTokens;\n"],"mappings":";AAEO,IAAM,OAAoC;AAAA,EAC7C,SAAS;AAAA,EACT,KAAK;AAAA,EACL,cAAc;AAAA,EACd,YAAY;AAAA,EACZ,OAAO;AAAA,EACP,oBAAoB;AACxB;AAEO,IAAM,YAA8C;AAAA,EACvD,YAAY;AAAA,EACZ,iBAAiB;AAAA,EACjB,oBAAoB;AAAA,EACpB,OAAO;AAAA,EACP,YAAY;AAAA,EACZ,eAAe;AAAA,EACf,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,cAAc;AAAA,EACd,WAAW;AAAA,IACP,OAAO;AAAA,IACP,OAAO;AAAA,IACP,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,QAAQ;AAAA,EACZ;AACJ;AAEO,IAAM,oBAA8D;AAAA,EACvE,OAAO;AACX;AAEO,IAAM,kBAA0D;AAAA,EACnE,UAAU;AACd;AAEO,IAAM;AAAA;AAAA,EAA0C;AAAA;AAEvD,IAAO,oBAAQ;AAAA,EACX;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ;","names":[]}

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

@@ -0,0 +1,22 @@
+import type { PanelTokenSections } from '@sparkux/themes/types/panel';
+
+export * from '@sparkux/themes/types/panel';
+
+declare const root: PanelTokenSections.Root;
+declare const header: PanelTokenSections.Header;
+declare const toggleableHeader: PanelTokenSections.ToggleableHeader;
+declare const title: PanelTokenSections.Title;
+declare const content: PanelTokenSections.Content;
+declare const footer: PanelTokenSections.Footer;
+declare const css: PanelTokenSections.CSS;
+declare const _default: {
+    root: PanelTokenSections.Root;
+    header: PanelTokenSections.Header;
+    toggleableHeader: PanelTokenSections.ToggleableHeader;
+    title: PanelTokenSections.Title;
+    content: PanelTokenSections.Content;
+    footer: PanelTokenSections.Footer;
+    css: string;
+};
+
+export { content, css, _default as default, footer, header, root, title, toggleableHeader };

package/dist/material/panel/index.mjs

@@ -0,0 +1 @@
+var r={background:"{content.background}",borderColor:"{content.border.color}",color:"{content.color}",borderRadius:"{content.border.radius}"},o={background:"transparent",color:"{text.color}",padding:"1.25rem",borderColor:"{content.border.color}",borderWidth:"0",borderRadius:"0"},e={padding:"0.5rem 1.25rem"},d={fontWeight:"600"},t={padding:"0 1.25rem 1.25rem 1.25rem"},n={padding:"0 1.25rem 1.25rem 1.25rem"},css="",a={root:r,header:o,toggleableHeader:e,title:d,content:t,footer:n,css:""};export{t as content,css,a as default,n as footer,o as header,r as root,d as title,e as toggleableHeader};//# sourceMappingURL=index.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/presets/material/panel/index.ts"],"sourcesContent":["import type { PanelDesignTokens, PanelTokenSections } from '@sparkux/themes/types/panel';\n\nexport const root: PanelTokenSections.Root = {\n    background: '{content.background}',\n    borderColor: '{content.border.color}',\n    color: '{content.color}',\n    borderRadius: '{content.border.radius}'\n};\n\nexport const header: PanelTokenSections.Header = {\n    background: 'transparent',\n    color: '{text.color}',\n    padding: '1.25rem',\n    borderColor: '{content.border.color}',\n    borderWidth: '0',\n    borderRadius: '0'\n};\n\nexport const toggleableHeader: PanelTokenSections.ToggleableHeader = {\n    padding: '0.5rem 1.25rem'\n};\n\nexport const title: PanelTokenSections.Title = {\n    fontWeight: '600'\n};\n\nexport const content: PanelTokenSections.Content = {\n    padding: '0 1.25rem 1.25rem 1.25rem'\n};\n\nexport const footer: PanelTokenSections.Footer = {\n    padding: '0 1.25rem 1.25rem 1.25rem'\n};\n\nexport const css: PanelTokenSections.CSS = /*css*/ ``;\n\nexport default {\n    root,\n    header,\n    toggleableHeader,\n    title,\n    content,\n    footer,\n    css\n} satisfies PanelDesignTokens;\n"],"mappings":";AAEO,IAAM,OAAgC;AAAA,EACzC,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,OAAO;AAAA,EACP,cAAc;AAClB;AAEO,IAAM,SAAoC;AAAA,EAC7C,YAAY;AAAA,EACZ,OAAO;AAAA,EACP,SAAS;AAAA,EACT,aAAa;AAAA,EACb,aAAa;AAAA,EACb,cAAc;AAClB;AAEO,IAAM,mBAAwD;AAAA,EACjE,SAAS;AACb;AAEO,IAAM,QAAkC;AAAA,EAC3C,YAAY;AAChB;AAEO,IAAM,UAAsC;AAAA,EAC/C,SAAS;AACb;AAEO,IAAM,SAAoC;AAAA,EAC7C,SAAS;AACb;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/panelmenu/index.d.ts

@@ -0,0 +1,21 @@
+import type { StyleOptions } from '@sparkux/styled';
+import type { PanelMenuTokenSections } from '@sparkux/themes/types/panelmenu';
+
+export * from '@sparkux/themes/types/panelmenu';
+
+declare const root: PanelMenuTokenSections.Root;
+declare const panel: PanelMenuTokenSections.Panel;
+declare const item: PanelMenuTokenSections.Item;
+declare const submenu: PanelMenuTokenSections.Submenu;
+declare const submenuIcon: PanelMenuTokenSections.SubmenuIcon;
+declare const css: PanelMenuTokenSections.CSS;
+declare const _default: {
+    root: PanelMenuTokenSections.Root;
+    panel: PanelMenuTokenSections.Panel;
+    item: PanelMenuTokenSections.Item;
+    submenu: PanelMenuTokenSections.Submenu;
+    submenuIcon: PanelMenuTokenSections.SubmenuIcon;
+    css: (options: StyleOptions) => string;
+};
+
+export { css, _default as default, item, panel, root, submenu, submenuIcon };

package/dist/material/panelmenu/index.mjs

@@ -0,0 +1 @@
+var o={gap:"0",transitionDuration:"{transition.duration}"},n={background:"{content.background}",borderColor:"{content.border.color}",borderWidth:"0",color:"{content.color}",padding:"0",borderRadius:"0",first:{borderWidth:"0",topBorderRadius:"{content.border.radius}"},last:{borderWidth:"0",bottomBorderRadius:"{content.border.radius}"}},r={focusBackground:"{navigation.item.focus.background}",color:"{navigation.item.color}",focusColor:"{navigation.item.focus.color}",gap:"0.5rem",padding:"{navigation.item.padding}",borderRadius:"{content.border.radius}",icon:{color:"{navigation.item.icon.color}",focusColor:"{navigation.item.icon.focus.color}"}},t={indent:"1rem"},a={color:"{navigation.submenu.icon.color}",focusColor:"{navigation.submenu.icon.focus.color}"},css="\n.s-panelmenu-panel {\n    box-shadow: 0 0 0 1px dt('panelmenu.panel.border.color');\n    transition: margin dt('panelmenu.transition.duration');\n}\n\n.s-panelmenu-panel:has(.s-panelmenu-header-active) {\n    margin: 1rem 0;\n}\n\n.s-panelmenu-panel: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-panelmenu-panel: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",i={root:o,panel:n,item:r,submenu:t,submenuIcon:a,css:css};export{css,i as default,r as item,n as panel,o as root,t as submenu,a as submenuIcon};//# sourceMappingURL=index.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/presets/material/panelmenu/index.ts"],"sourcesContent":["import type { PanelMenuDesignTokens, PanelMenuTokenSections } from '@sparkux/themes/types/panelmenu';\n\nexport const root: PanelMenuTokenSections.Root = {\n    gap: '0',\n    transitionDuration: '{transition.duration}'\n};\n\nexport const panel: PanelMenuTokenSections.Panel = {\n    background: '{content.background}',\n    borderColor: '{content.border.color}',\n    borderWidth: '0',\n    color: '{content.color}',\n    padding: '0',\n    borderRadius: '0',\n    first: {\n        borderWidth: '0',\n        topBorderRadius: '{content.border.radius}'\n    },\n    last: {\n        borderWidth: '0',\n        bottomBorderRadius: '{content.border.radius}'\n    }\n};\n\nexport const item: PanelMenuTokenSections.Item = {\n    focusBackground: '{navigation.item.focus.background}',\n    color: '{navigation.item.color}',\n    focusColor: '{navigation.item.focus.color}',\n    gap: '0.5rem',\n    padding: '{navigation.item.padding}',\n    borderRadius: '{content.border.radius}',\n    icon: {\n        color: '{navigation.item.icon.color}',\n        focusColor: '{navigation.item.icon.focus.color}'\n    }\n};\n\nexport const submenu: PanelMenuTokenSections.Submenu = {\n    indent: '1rem'\n};\n\nexport const submenuIcon: PanelMenuTokenSections.SubmenuIcon = {\n    color: '{navigation.submenu.icon.color}',\n    focusColor: '{navigation.submenu.icon.focus.color}'\n};\n\nexport const css: PanelMenuTokenSections.CSS = /*css*/ `\n.s-panelmenu-panel {\n    box-shadow: 0 0 0 1px dt('panelmenu.panel.border.color');\n    transition: margin dt('panelmenu.transition.duration');\n}\n\n.s-panelmenu-panel:has(.s-panelmenu-header-active) {\n    margin: 1rem 0;\n}\n\n.s-panelmenu-panel: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-panelmenu-panel: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    item,\n    submenu,\n    submenuIcon,\n    css\n} satisfies PanelMenuDesignTokens;\n"],"mappings":";AAEO,IAAM,OAAoC;AAAA,EAC7C,KAAK;AAAA,EACL,oBAAoB;AACxB;AAEO,IAAM,QAAsC;AAAA,EAC/C,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,aAAa;AAAA,EACb,OAAO;AAAA,EACP,SAAS;AAAA,EACT,cAAc;AAAA,EACd,OAAO;AAAA,IACH,aAAa;AAAA,IACb,iBAAiB;AAAA,EACrB;AAAA,EACA,MAAM;AAAA,IACF,aAAa;AAAA,IACb,oBAAoB;AAAA,EACxB;AACJ;AAEO,IAAM,OAAoC;AAAA,EAC7C,iBAAiB;AAAA,EACjB,OAAO;AAAA,EACP,YAAY;AAAA,EACZ,KAAK;AAAA,EACL,SAAS;AAAA,EACT,cAAc;AAAA,EACd,MAAM;AAAA,IACF,OAAO;AAAA,IACP,YAAY;AAAA,EAChB;AACJ;AAEO,IAAM,UAA0C;AAAA,EACnD,QAAQ;AACZ;AAEO,IAAM,cAAkD;AAAA,EAC3D,OAAO;AAAA,EACP,YAAY;AAChB;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;AAAA,EACA;AACJ;","names":[]}

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

@@ -0,0 +1,20 @@
+import type { PasswordTokenSections } from '@sparkux/themes/types/password';
+
+export * from '@sparkux/themes/types/password';
+
+declare const meter: PasswordTokenSections.Meter;
+declare const icon: PasswordTokenSections.Icon;
+declare const overlay: PasswordTokenSections.Overlay;
+declare const content: PasswordTokenSections.Content;
+declare const colorScheme: PasswordTokenSections.ColorScheme;
+declare const css: PasswordTokenSections.CSS;
+declare const _default: {
+    meter: PasswordTokenSections.Meter;
+    icon: PasswordTokenSections.Icon;
+    overlay: PasswordTokenSections.Overlay;
+    content: PasswordTokenSections.Content;
+    colorScheme: PasswordTokenSections.ColorScheme;
+    css: string;
+};
+
+export { colorScheme, content, css, _default as default, icon, meter, overlay };

package/dist/material/password/index.mjs

@@ -0,0 +1 @@
+var r={background:"{content.border.color}",borderRadius:"{content.border.radius}",height:".75rem"},o={color:"{form.field.icon.color}"},e={background:"{overlay.popover.background}",borderColor:"{overlay.popover.border.color}",borderRadius:"{overlay.popover.border.radius}",color:"{overlay.popover.color}",padding:"{overlay.popover.padding}",shadow:"{overlay.popover.shadow}"},a={gap:"0.5rem"},d={light:{strength:{weakBackground:"{red.500}",mediumBackground:"{amber.500}",strongBackground:"{green.500}"}},dark:{strength:{weakBackground:"{red.400}",mediumBackground:"{amber.400}",strongBackground:"{green.400}"}}},css="",n={meter:r,icon:o,overlay:e,content:a,colorScheme:d,css:""};export{d as colorScheme,a as content,css,n as default,o as icon,r as meter,e as overlay};//# sourceMappingURL=index.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/presets/material/password/index.ts"],"sourcesContent":["import type { PasswordDesignTokens, PasswordTokenSections } from '@sparkux/themes/types/password';\n\nexport const meter: PasswordTokenSections.Meter = {\n    background: '{content.border.color}',\n    borderRadius: '{content.border.radius}',\n    height: '.75rem'\n};\n\nexport const icon: PasswordTokenSections.Icon = {\n    color: '{form.field.icon.color}'\n};\n\nexport const overlay: PasswordTokenSections.Overlay = {\n    background: '{overlay.popover.background}',\n    borderColor: '{overlay.popover.border.color}',\n    borderRadius: '{overlay.popover.border.radius}',\n    color: '{overlay.popover.color}',\n    padding: '{overlay.popover.padding}',\n    shadow: '{overlay.popover.shadow}'\n};\n\nexport const content: PasswordTokenSections.Content = {\n    gap: '0.5rem'\n};\n\nexport const colorScheme: PasswordTokenSections.ColorScheme = {\n    light: {\n        strength: {\n            weakBackground: '{red.500}',\n            mediumBackground: '{amber.500}',\n            strongBackground: '{green.500}'\n        }\n    },\n    dark: {\n        strength: {\n            weakBackground: '{red.400}',\n            mediumBackground: '{amber.400}',\n            strongBackground: '{green.400}'\n        }\n    }\n};\n\nexport const css: PasswordTokenSections.CSS = /*css*/ ``;\n\nexport default {\n    meter,\n    icon,\n    overlay,\n    content,\n    colorScheme,\n    css\n} satisfies PasswordDesignTokens;\n"],"mappings":";AAEO,IAAM,QAAqC;AAAA,EAC9C,YAAY;AAAA,EACZ,cAAc;AAAA,EACd,QAAQ;AACZ;AAEO,IAAM,OAAmC;AAAA,EAC5C,OAAO;AACX;AAEO,IAAM,UAAyC;AAAA,EAClD,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,cAAc;AAAA,EACd,OAAO;AAAA,EACP,SAAS;AAAA,EACT,QAAQ;AACZ;AAEO,IAAM,UAAyC;AAAA,EAClD,KAAK;AACT;AAEO,IAAM,cAAiD;AAAA,EAC1D,OAAO;AAAA,IACH,UAAU;AAAA,MACN,gBAAgB;AAAA,MAChB,kBAAkB;AAAA,MAClB,kBAAkB;AAAA,IACtB;AAAA,EACJ;AAAA,EACA,MAAM;AAAA,IACF,UAAU;AAAA,MACN,gBAAgB;AAAA,MAChB,kBAAkB;AAAA,MAClB,kBAAkB;AAAA,IACtB;AAAA,EACJ;AACJ;AAEO,IAAM;AAAA;AAAA,EAAyC;AAAA;AAEtD,IAAO,mBAAQ;AAAA,EACX;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ;","names":[]}

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

@@ -0,0 +1,14 @@
+import type { PickListTokenSections } from '@sparkux/themes/types/picklist';
+
+export * from '@sparkux/themes/types/picklist';
+
+declare const root: PickListTokenSections.Root;
+declare const controls: PickListTokenSections.Controls;
+declare const css: PickListTokenSections.CSS;
+declare const _default: {
+    root: PickListTokenSections.Root;
+    controls: PickListTokenSections.Controls;
+    css: string;
+};
+
+export { controls, css, _default as default, root };

package/dist/material/picklist/index.mjs

@@ -0,0 +1 @@
+var r={gap:"1.125rem"},a={gap:"0.5rem"},css="",o={root:r,controls:a,css:""};export{a as controls,css,o as default,r as root};//# sourceMappingURL=index.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/presets/material/picklist/index.ts"],"sourcesContent":["import type { PickListDesignTokens, PickListTokenSections } from '@sparkux/themes/types/picklist';\n\nexport const root: PickListTokenSections.Root = {\n    gap: '1.125rem'\n};\n\nexport const controls: PickListTokenSections.Controls = {\n    gap: '0.5rem'\n};\n\nexport const css: PickListTokenSections.CSS = /*css*/ ``;\n\nexport default {\n    root,\n    controls,\n    css\n} satisfies PickListDesignTokens;\n"],"mappings":";AAEO,IAAM,OAAmC;AAAA,EAC5C,KAAK;AACT;AAEO,IAAM,WAA2C;AAAA,EACpD,KAAK;AACT;AAEO,IAAM;AAAA;AAAA,EAAyC;AAAA;AAEtD,IAAO,mBAAQ;AAAA,EACX;AAAA,EACA;AAAA,EACA;AACJ;","names":[]}

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

@@ -0,0 +1,14 @@
+import type { PopoverTokenSections } from '@sparkux/themes/types/popover';
+
+export * from '@sparkux/themes/types/popover';
+
+declare const root: PopoverTokenSections.Root;
+declare const content: PopoverTokenSections.Content;
+declare const css: PopoverTokenSections.CSS;
+declare const _default: {
+    root: PopoverTokenSections.Root;
+    content: PopoverTokenSections.Content;
+    css: string;
+};
+
+export { content, css, _default as default, root };

package/dist/material/popover/index.mjs

@@ -0,0 +1 @@
+var o={background:"{overlay.popover.background}",borderColor:"{overlay.popover.border.color}",color:"{overlay.popover.color}",borderRadius:"{overlay.popover.border.radius}",shadow:"{overlay.popover.shadow}",gutter:"10px",arrowOffset:"1.25rem"},r={padding:"{overlay.popover.padding}"},css="",e={root:o,content:r,css:""};export{r as content,css,e as default,o as root};//# sourceMappingURL=index.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/presets/material/popover/index.ts"],"sourcesContent":["import type { PopoverDesignTokens, PopoverTokenSections } from '@sparkux/themes/types/popover';\n\nexport const root: PopoverTokenSections.Root = {\n    background: '{overlay.popover.background}',\n    borderColor: '{overlay.popover.border.color}',\n    color: '{overlay.popover.color}',\n    borderRadius: '{overlay.popover.border.radius}',\n    shadow: '{overlay.popover.shadow}',\n    gutter: '10px',\n    arrowOffset: '1.25rem'\n};\n\nexport const content: PopoverTokenSections.Content = {\n    padding: '{overlay.popover.padding}'\n};\n\nexport const css: PopoverTokenSections.CSS = /*css*/ ``;\n\nexport default {\n    root,\n    content,\n    css\n} satisfies PopoverDesignTokens;\n"],"mappings":";AAEO,IAAM,OAAkC;AAAA,EAC3C,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,OAAO;AAAA,EACP,cAAc;AAAA,EACd,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,aAAa;AACjB;AAEO,IAAM,UAAwC;AAAA,EACjD,SAAS;AACb;AAEO,IAAM;AAAA;AAAA,EAAwC;AAAA;AAErD,IAAO,kBAAQ;AAAA,EACX;AAAA,EACA;AAAA,EACA;AACJ;","names":[]}

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

@@ -0,0 +1,16 @@
+import type { ProgressBarTokenSections } from '@sparkux/themes/types/progressbar';
+
+export * from '@sparkux/themes/types/progressbar';
+
+declare const root: ProgressBarTokenSections.Root;
+declare const value: ProgressBarTokenSections.Value;
+declare const label: ProgressBarTokenSections.Label;
+declare const css: ProgressBarTokenSections.CSS;
+declare const _default: {
+    root: ProgressBarTokenSections.Root;
+    value: ProgressBarTokenSections.Value;
+    label: ProgressBarTokenSections.Label;
+    css: string;
+};
+
+export { css, _default as default, label, root, value };

package/dist/material/progressbar/index.mjs

@@ -0,0 +1 @@
+var r={background:"{content.border.color}",borderRadius:"{content.border.radius}",height:"1rem"},o={background:"{primary.color}"},e={color:"{primary.contrast.color}",fontSize:"0.75rem",fontWeight:"600"},css="",t={root:r,value:o,label:e,css:""};export{css,t as default,e as label,r as root,o as value};//# sourceMappingURL=index.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/presets/material/progressbar/index.ts"],"sourcesContent":["import type { ProgressBarDesignTokens, ProgressBarTokenSections } from '@sparkux/themes/types/progressbar';\n\nexport const root: ProgressBarTokenSections.Root = {\n    background: '{content.border.color}',\n    borderRadius: '{content.border.radius}',\n    height: '1rem'\n};\n\nexport const value: ProgressBarTokenSections.Value = {\n    background: '{primary.color}'\n};\n\nexport const label: ProgressBarTokenSections.Label = {\n    color: '{primary.contrast.color}',\n    fontSize: '0.75rem',\n    fontWeight: '600'\n};\n\nexport const css: ProgressBarTokenSections.CSS = /*css*/ ``;\n\nexport default {\n    root,\n    value,\n    label,\n    css\n} satisfies ProgressBarDesignTokens;\n"],"mappings":";AAEO,IAAM,OAAsC;AAAA,EAC/C,YAAY;AAAA,EACZ,cAAc;AAAA,EACd,QAAQ;AACZ;AAEO,IAAM,QAAwC;AAAA,EACjD,YAAY;AAChB;AAEO,IAAM,QAAwC;AAAA,EACjD,OAAO;AAAA,EACP,UAAU;AAAA,EACV,YAAY;AAChB;AAEO,IAAM;AAAA;AAAA,EAA4C;AAAA;AAEzD,IAAO,sBAAQ;AAAA,EACX;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ;","names":[]}

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

@@ -0,0 +1,12 @@
+import type { ProgressSpinnerTokenSections } from '@sparkux/themes/types/progressspinner';
+
+export * from '@sparkux/themes/types/progressspinner';
+
+declare const colorScheme: ProgressSpinnerTokenSections.ColorScheme;
+declare const css: ProgressSpinnerTokenSections.CSS;
+declare const _default: {
+    colorScheme: ProgressSpinnerTokenSections.ColorScheme;
+    css: string;
+};
+
+export { colorScheme, css, _default as default };

package/dist/material/progressspinner/index.mjs

@@ -0,0 +1 @@
+var o={light:{root:{colorOne:"{red.500}",colorTwo:"{blue.500}",colorThree:"{green.500}",colorFour:"{yellow.500}"}},dark:{root:{colorOne:"{red.400}",colorTwo:"{blue.400}",colorThree:"{green.400}",colorFour:"{yellow.400}"}}},css="",r={colorScheme:o,css:""};export{o as colorScheme,css,r as default};//# sourceMappingURL=index.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/presets/material/progressspinner/index.ts"],"sourcesContent":["import type { ProgressSpinnerDesignTokens, ProgressSpinnerTokenSections } from '@sparkux/themes/types/progressspinner';\n\nexport const colorScheme: ProgressSpinnerTokenSections.ColorScheme = {\n    light: {\n        root: {\n            colorOne: '{red.500}',\n            colorTwo: '{blue.500}',\n            colorThree: '{green.500}',\n            colorFour: '{yellow.500}'\n        }\n    },\n    dark: {\n        root: {\n            colorOne: '{red.400}',\n            colorTwo: '{blue.400}',\n            colorThree: '{green.400}',\n            colorFour: '{yellow.400}'\n        }\n    }\n};\n\nexport const css: ProgressSpinnerTokenSections.CSS = /*css*/ ``;\n\nexport default {\n    colorScheme,\n    css\n} satisfies ProgressSpinnerDesignTokens;\n"],"mappings":";AAEO,IAAM,cAAwD;AAAA,EACjE,OAAO;AAAA,IACH,MAAM;AAAA,MACF,UAAU;AAAA,MACV,UAAU;AAAA,MACV,YAAY;AAAA,MACZ,WAAW;AAAA,IACf;AAAA,EACJ;AAAA,EACA,MAAM;AAAA,IACF,MAAM;AAAA,MACF,UAAU;AAAA,MACV,UAAU;AAAA,MACV,YAAY;AAAA,MACZ,WAAW;AAAA,IACf;AAAA,EACJ;AACJ;AAEO,IAAM;AAAA;AAAA,EAAgD;AAAA;AAE7D,IAAO,0BAAQ;AAAA,EACX;AAAA,EACA;AACJ;","names":[]}

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

@@ -0,0 +1,13 @@
+import type { RadioButtonTokenSections } from '@sparkux/themes/types/radiobutton';
+
+export * from '@sparkux/themes/types/radiobutton';
+
+declare const root: RadioButtonTokenSections.Root;
+declare const icon: RadioButtonTokenSections.Icon;
+declare const css: RadioButtonTokenSections.CSS;
+declare const _default: {
+    root: RadioButtonTokenSections.Root;
+    icon: RadioButtonTokenSections.Icon;
+};
+
+export { css, _default as default, icon, root };

package/dist/material/radiobutton/index.mjs

@@ -0,0 +1 @@
+var o={width:"20px",height:"20px",background:"{form.field.background}",checkedBackground:"{primary.contrast.color}",checkedHoverBackground:"{primary.contrast.color}",disabledBackground:"{form.field.disabled.background}",filledBackground:"{form.field.filled.background}",borderColor:"{form.field.border.color}",hoverBorderColor:"{form.field.hover.border.color}",focusBorderColor:"{form.field.focus.border.color}",checkedBorderColor:"{primary.color}",checkedHoverBorderColor:"{primary.color}",checkedFocusBorderColor:"{primary.color}",checkedDisabledBorderColor:"{form.field.border.color}",invalidBorderColor:"{form.field.invalid.border.color}",shadow:"{form.field.shadow}",focusRing:{width:"0",style:"none",color:"unset",offset:"0",shadow:"none"},transitionDuration:"{form.field.transition.duration}",sm:{width:"16px",height:"16px"},lg:{width:"24px",height:"24px"}},r={size:"10px",checkedColor:"{primary.color}",checkedHoverColor:"{primary.color}",disabledColor:"{form.field.disabled.color}",sm:{size:"8px"},lg:{size:"12px"}},css="\n.s-radiobutton {\n    border-radius: 50%;\n    transition: box-shadow dt('radiobutton.transition.duration');\n}\n\n.s-radiobutton-box {\n    border-width: 2px;\n}\n\n.s-radiobutton:not(.s-disabled):has(.s-radiobutton-input:hover) {\n    box-shadow: 0 0 1px 10px color-mix(in srgb, dt('text.color'), transparent 96%);\n}\n\n.s-radiobutton:not(.s-disabled):has(.s-radiobutton-input:focus-visible) {\n    box-shadow: 0 0 1px 10px color-mix(in srgb, dt('text.color'), transparent 88%);\n}\n\n.s-radiobutton-checked:not(.s-disabled):has(.s-radiobutton-input:hover) {\n    box-shadow: 0 0 1px 10px color-mix(in srgb, dt('radiobutton.checked.border.color'), transparent 92%);\n}\n\n.s-radiobutton-checked:not(.s-disabled):has(.s-radiobutton-input:focus-visible) {\n    box-shadow: 0 0 1px 10px color-mix(in srgb, dt('radiobutton.checked.border.color'), transparent 84%);\n}\n",d={root:o,icon:r,css:css};export{css,d as default,r as icon,o as root};//# sourceMappingURL=index.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/presets/material/radiobutton/index.ts"],"sourcesContent":["import type { RadioButtonDesignTokens, RadioButtonTokenSections } from '@sparkux/themes/types/radiobutton';\n\nexport const root: RadioButtonTokenSections.Root = {\n    width: '20px',\n    height: '20px',\n    background: '{form.field.background}',\n    checkedBackground: '{primary.contrast.color}',\n    checkedHoverBackground: '{primary.contrast.color}',\n    disabledBackground: '{form.field.disabled.background}',\n    filledBackground: '{form.field.filled.background}',\n    borderColor: '{form.field.border.color}',\n    hoverBorderColor: '{form.field.hover.border.color}',\n    focusBorderColor: '{form.field.focus.border.color}',\n    checkedBorderColor: '{primary.color}',\n    checkedHoverBorderColor: '{primary.color}',\n    checkedFocusBorderColor: '{primary.color}',\n    checkedDisabledBorderColor: '{form.field.border.color}',\n    invalidBorderColor: '{form.field.invalid.border.color}',\n    shadow: '{form.field.shadow}',\n    focusRing: {\n        width: '0',\n        style: 'none',\n        color: 'unset',\n        offset: '0',\n        shadow: 'none'\n    },\n    transitionDuration: '{form.field.transition.duration}',\n    sm: {\n        width: '16px',\n        height: '16px'\n    },\n    lg: {\n        width: '24px',\n        height: '24px'\n    }\n};\n\nexport const icon: RadioButtonTokenSections.Icon = {\n    size: '10px',\n    checkedColor: '{primary.color}',\n    checkedHoverColor: '{primary.color}',\n    disabledColor: '{form.field.disabled.color}',\n    sm: {\n        size: '8px'\n    },\n    lg: {\n        size: '12px'\n    }\n};\n\nexport const css: RadioButtonTokenSections.CSS = /*css*/ `\n.s-radiobutton {\n    border-radius: 50%;\n    transition: box-shadow dt('radiobutton.transition.duration');\n}\n\n.s-radiobutton-box {\n    border-width: 2px;\n}\n\n.s-radiobutton:not(.s-disabled):has(.s-radiobutton-input:hover) {\n    box-shadow: 0 0 1px 10px color-mix(in srgb, dt('text.color'), transparent 96%);\n}\n\n.s-radiobutton:not(.s-disabled):has(.s-radiobutton-input:focus-visible) {\n    box-shadow: 0 0 1px 10px color-mix(in srgb, dt('text.color'), transparent 88%);\n}\n\n.s-radiobutton-checked:not(.s-disabled):has(.s-radiobutton-input:hover) {\n    box-shadow: 0 0 1px 10px color-mix(in srgb, dt('radiobutton.checked.border.color'), transparent 92%);\n}\n\n.s-radiobutton-checked:not(.s-disabled):has(.s-radiobutton-input:focus-visible) {\n    box-shadow: 0 0 1px 10px color-mix(in srgb, dt('radiobutton.checked.border.color'), transparent 84%);\n}\n`;\n\nexport default {\n    root,\n    icon,\n    css\n} satisfies RadioButtonDesignTokens;\n"],"mappings":";AAEO,IAAM,OAAsC;AAAA,EAC/C,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ,mBAAmB;AAAA,EACnB,wBAAwB;AAAA,EACxB,oBAAoB;AAAA,EACpB,kBAAkB;AAAA,EAClB,aAAa;AAAA,EACb,kBAAkB;AAAA,EAClB,kBAAkB;AAAA,EAClB,oBAAoB;AAAA,EACpB,yBAAyB;AAAA,EACzB,yBAAyB;AAAA,EACzB,4BAA4B;AAAA,EAC5B,oBAAoB;AAAA,EACpB,QAAQ;AAAA,EACR,WAAW;AAAA,IACP,OAAO;AAAA,IACP,OAAO;AAAA,IACP,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,QAAQ;AAAA,EACZ;AAAA,EACA,oBAAoB;AAAA,EACpB,IAAI;AAAA,IACA,OAAO;AAAA,IACP,QAAQ;AAAA,EACZ;AAAA,EACA,IAAI;AAAA,IACA,OAAO;AAAA,IACP,QAAQ;AAAA,EACZ;AACJ;AAEO,IAAM,OAAsC;AAAA,EAC/C,MAAM;AAAA,EACN,cAAc;AAAA,EACd,mBAAmB;AAAA,EACnB,eAAe;AAAA,EACf,IAAI;AAAA,IACA,MAAM;AAAA,EACV;AAAA,EACA,IAAI;AAAA,IACA,MAAM;AAAA,EACV;AACJ;AAEO,IAAM;AAAA;AAAA,EAA4C;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;AA2BzD,IAAO,sBAAQ;AAAA,EACX;AAAA,EACA;AAAA,EACA;AACJ;","names":[]}

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

@@ -0,0 +1,15 @@
+import type { StyleOptions } from '@sparkux/styled';
+import type { RatingTokenSections } from '@sparkux/themes/types/rating';
+
+export * from '@sparkux/themes/types/rating';
+
+declare const root: RatingTokenSections.Root;
+declare const icon: RatingTokenSections.Icon;
+declare const css: RatingTokenSections.CSS;
+declare const _default: {
+    root: RatingTokenSections.Root;
+    icon: RatingTokenSections.Icon;
+    css: (options: StyleOptions) => string;
+};
+
+export { css, _default as default, icon, root };

package/dist/material/rating/index.mjs

@@ -0,0 +1 @@
+var o={gap:"0.5rem",transitionDuration:"{transition.duration}",focusRing:{width:"0",style:"none",color:"unset",offset:"0",shadow:"none"}},n={size:"1.125rem",color:"{text.muted.color}",hoverColor:"{primary.color}",activeColor:"{primary.color}"},css="\n.s-rating:not(.s-disabled):not(.s-readonly) .s-rating-option:hover {\n    background: color-mix(in srgb, dt('rating.icon.color'), transparent 96%);\n    box-shadow: 0 0 1px 8px color-mix(in srgb, dt('rating.icon.color'), transparent 96%);\n}\n\n.s-rating:not(.s-disabled):not(.s-readonly) .s-rating-option-active:hover {\n    background: color-mix(in srgb, dt('rating.icon.active.color'), transparent 92%);\n    box-shadow: 0 0 1px 8px color-mix(in srgb, dt('rating.icon.active.color'), transparent 92%);\n}\n\n.s-rating-option.s-focus-visible {\n    background: color-mix(in srgb, dt('rating.icon.active.color'), transparent 84%);\n    box-shadow: 0 0 1px 8px color-mix(in srgb, dt('rating.icon.active.color'), transparent 84%);\n}\n",r={root:o,icon:n,css:css};export{css,r as default,n as icon,o as root};//# sourceMappingURL=index.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/presets/material/rating/index.ts"],"sourcesContent":["import type { RatingDesignTokens, RatingTokenSections } from '@sparkux/themes/types/rating';\n\nexport const root: RatingTokenSections.Root = {\n    gap: '0.5rem',\n    transitionDuration: '{transition.duration}',\n    focusRing: {\n        width: '0',\n        style: 'none',\n        color: 'unset',\n        offset: '0',\n        shadow: 'none'\n    }\n};\n\nexport const icon: RatingTokenSections.Icon = {\n    size: '1.125rem',\n    color: '{text.muted.color}',\n    hoverColor: '{primary.color}',\n    activeColor: '{primary.color}'\n};\n\nexport const css: RatingTokenSections.CSS = /*css*/ `\n.s-rating:not(.s-disabled):not(.s-readonly) .s-rating-option:hover {\n    background: color-mix(in srgb, dt('rating.icon.color'), transparent 96%);\n    box-shadow: 0 0 1px 8px color-mix(in srgb, dt('rating.icon.color'), transparent 96%);\n}\n\n.s-rating:not(.s-disabled):not(.s-readonly) .s-rating-option-active:hover {\n    background: color-mix(in srgb, dt('rating.icon.active.color'), transparent 92%);\n    box-shadow: 0 0 1px 8px color-mix(in srgb, dt('rating.icon.active.color'), transparent 92%);\n}\n\n.s-rating-option.s-focus-visible {\n    background: color-mix(in srgb, dt('rating.icon.active.color'), transparent 84%);\n    box-shadow: 0 0 1px 8px color-mix(in srgb, dt('rating.icon.active.color'), transparent 84%);\n}\n`;\n\nexport default {\n    root,\n    icon,\n    css\n} satisfies RatingDesignTokens;\n"],"mappings":";AAEO,IAAM,OAAiC;AAAA,EAC1C,KAAK;AAAA,EACL,oBAAoB;AAAA,EACpB,WAAW;AAAA,IACP,OAAO;AAAA,IACP,OAAO;AAAA,IACP,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,QAAQ;AAAA,EACZ;AACJ;AAEO,IAAM,OAAiC;AAAA,EAC1C,MAAM;AAAA,EACN,OAAO;AAAA,EACP,YAAY;AAAA,EACZ,aAAa;AACjB;AAEO,IAAM;AAAA;AAAA,EAAuC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAiBpD,IAAO,iBAAQ;AAAA,EACX;AAAA,EACA;AAAA,EACA;AACJ;","names":[]}

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

@@ -0,0 +1,12 @@
+import type { RippleTokenSections } from '@sparkux/themes/types/ripple';
+
+export * from '@sparkux/themes/types/ripple';
+
+declare const colorScheme: RippleTokenSections.ColorScheme;
+declare const css: RippleTokenSections.CSS;
+declare const _default: {
+    colorScheme: RippleTokenSections.ColorScheme;
+    css: string;
+};
+
+export { colorScheme, css, _default as default };