@sparkux/themes 0.0.0-stage → 2.0.3

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/presets/material/tieredmenu/index.ts"],"sourcesContent":["import type { TieredMenuDesignTokens, TieredMenuTokenSections } from '@sparkux/themes/types/tieredmenu';\n\nexport const root: TieredMenuTokenSections.Root = {\n    background: '{content.background}',\n    borderColor: '{content.border.color}',\n    color: '{content.color}',\n    borderRadius: '{content.border.radius}',\n    shadow: '{overlay.navigation.shadow}',\n    transitionDuration: '{transition.duration}'\n};\n\nexport const list: TieredMenuTokenSections.List = {\n    padding: '{navigation.list.padding}',\n    gap: '{navigation.list.gap}'\n};\n\nexport const item: TieredMenuTokenSections.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: TieredMenuTokenSections.Submenu = {\n    mobileIndent: '1rem'\n};\n\nexport const submenuIcon: TieredMenuTokenSections.SubmenuIcon = {\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\nexport const separator: TieredMenuTokenSections.Separator = {\n    borderColor: '{content.border.color}'\n};\n\nexport const css: TieredMenuTokenSections.CSS = /*css*/ `\n.s-tieredmenu-overlay {\n    border-color: transparent;\n}\n`;\n\nexport default {\n    root,\n    list,\n    item,\n    submenu,\n    submenuIcon,\n    separator,\n    css\n} satisfies TieredMenuDesignTokens;\n"],"mappings":";AAEO,IAAM,OAAqC;AAAA,EAC9C,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,OAAO;AAAA,EACP,cAAc;AAAA,EACd,QAAQ;AAAA,EACR,oBAAoB;AACxB;AAEO,IAAM,OAAqC;AAAA,EAC9C,SAAS;AAAA,EACT,KAAK;AACT;AAEO,IAAM,OAAqC;AAAA,EAC9C,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,UAA2C;AAAA,EACpD,cAAc;AAClB;AAEO,IAAM,cAAmD;AAAA,EAC5D,MAAM;AAAA,EACN,OAAO;AAAA,EACP,YAAY;AAAA,EACZ,aAAa;AACjB;AAEO,IAAM,YAA+C;AAAA,EACxD,aAAa;AACjB;AAEO,IAAM;AAAA;AAAA,EAA2C;AAAA;AAAA;AAAA;AAAA;AAAA;AAMxD,IAAO,qBAAQ;AAAA,EACX;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ;","names":[]}

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

@@ -0,0 +1,22 @@
+import type { TimelineTokenSections } from '@sparkux/themes/types/timeline';
+
+export * from '@sparkux/themes/types/timeline';
+
+declare const event: TimelineTokenSections.Event;
+declare const horizontal: TimelineTokenSections.Horizontal;
+declare const vertical: TimelineTokenSections.Vertical;
+declare const eventMarker: TimelineTokenSections.EventMarker;
+declare const eventConnector: TimelineTokenSections.EventConnector;
+declare const colorScheme: TimelineTokenSections.ColorScheme;
+declare const css: TimelineTokenSections.CSS;
+declare const _default: {
+    event: TimelineTokenSections.Event;
+    horizontal: TimelineTokenSections.Horizontal;
+    vertical: TimelineTokenSections.Vertical;
+    eventMarker: TimelineTokenSections.EventMarker;
+    eventConnector: TimelineTokenSections.EventConnector;
+    colorScheme: TimelineTokenSections.ColorScheme;
+    css: string;
+};
+
+export { colorScheme, css, _default as default, event, eventConnector, eventMarker, horizontal, vertical };

package/dist/material/timeline/index.mjs

@@ -0,0 +1 @@
+var e={minHeight:"5rem"},r={eventContent:{padding:"1rem 0"}},o={eventContent:{padding:"0 1rem"}},n={size:"1.5rem",borderRadius:"50%",borderWidth:"2px",background:"{primary.color}",content:{borderRadius:"50%",size:"0",background:"{primary.color}",insetShadow:"none"}},t={color:"{content.border.color}",size:"2px"},a={light:{eventMarker:{borderColor:"{surface.0}"}},dark:{eventMarker:{borderColor:"{surface.900}"}}},css="",d={event:e,horizontal:r,vertical:o,eventMarker:n,eventConnector:t,colorScheme:a,css:""};export{a as colorScheme,css,d as default,e as event,t as eventConnector,n as eventMarker,r as horizontal,o as vertical};//# sourceMappingURL=index.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/presets/material/timeline/index.ts"],"sourcesContent":["import type { TimelineDesignTokens, TimelineTokenSections } from '@sparkux/themes/types/timeline';\n\nexport const event: TimelineTokenSections.Event = {\n    minHeight: '5rem'\n};\n\nexport const horizontal: TimelineTokenSections.Horizontal = {\n    eventContent: {\n        padding: '1rem 0'\n    }\n};\n\nexport const vertical: TimelineTokenSections.Vertical = {\n    eventContent: {\n        padding: '0 1rem'\n    }\n};\n\nexport const eventMarker: TimelineTokenSections.EventMarker = {\n    size: '1.5rem',\n    borderRadius: '50%',\n    borderWidth: '2px',\n    background: '{primary.color}',\n    content: {\n        borderRadius: '50%',\n        size: '0',\n        background: '{primary.color}',\n        insetShadow: 'none'\n    }\n};\n\nexport const eventConnector: TimelineTokenSections.EventConnector = {\n    color: '{content.border.color}',\n    size: '2px'\n};\n\nexport const colorScheme: TimelineTokenSections.ColorScheme = {\n    light: {\n        eventMarker: {\n            borderColor: '{surface.0}'\n        }\n    },\n    dark: {\n        eventMarker: {\n            borderColor: '{surface.900}'\n        }\n    }\n};\n\nexport const css: TimelineTokenSections.CSS = /*css*/ ``;\n\nexport default {\n    event,\n    horizontal,\n    vertical,\n    eventMarker,\n    eventConnector,\n    colorScheme,\n    css\n} satisfies TimelineDesignTokens;\n"],"mappings":";AAEO,IAAM,QAAqC;AAAA,EAC9C,WAAW;AACf;AAEO,IAAM,aAA+C;AAAA,EACxD,cAAc;AAAA,IACV,SAAS;AAAA,EACb;AACJ;AAEO,IAAM,WAA2C;AAAA,EACpD,cAAc;AAAA,IACV,SAAS;AAAA,EACb;AACJ;AAEO,IAAM,cAAiD;AAAA,EAC1D,MAAM;AAAA,EACN,cAAc;AAAA,EACd,aAAa;AAAA,EACb,YAAY;AAAA,EACZ,SAAS;AAAA,IACL,cAAc;AAAA,IACd,MAAM;AAAA,IACN,YAAY;AAAA,IACZ,aAAa;AAAA,EACjB;AACJ;AAEO,IAAM,iBAAuD;AAAA,EAChE,OAAO;AAAA,EACP,MAAM;AACV;AAEO,IAAM,cAAiD;AAAA,EAC1D,OAAO;AAAA,IACH,aAAa;AAAA,MACT,aAAa;AAAA,IACjB;AAAA,EACJ;AAAA,EACA,MAAM;AAAA,IACF,aAAa;AAAA,MACT,aAAa;AAAA,IACjB;AAAA,EACJ;AACJ;AAEO,IAAM;AAAA;AAAA,EAAyC;AAAA;AAEtD,IAAO,mBAAQ;AAAA,EACX;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ;","names":[]}

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

@@ -0,0 +1,28 @@
+import type { ToastTokenSections } from '@sparkux/themes/types/toast';
+
+export * from '@sparkux/themes/types/toast';
+
+declare const root: ToastTokenSections.Root;
+declare const icon: ToastTokenSections.Icon;
+declare const content: ToastTokenSections.Content;
+declare const text: ToastTokenSections.Text;
+declare const summary: ToastTokenSections.Summary;
+declare const detail: ToastTokenSections.Detail;
+declare const closeButton: ToastTokenSections.CloseButton;
+declare const closeIcon: ToastTokenSections.CloseIcon;
+declare const colorScheme: ToastTokenSections.ColorScheme;
+declare const css: ToastTokenSections.CSS;
+declare const _default: {
+    root: ToastTokenSections.Root;
+    icon: ToastTokenSections.Icon;
+    content: ToastTokenSections.Content;
+    text: ToastTokenSections.Text;
+    summary: ToastTokenSections.Summary;
+    detail: ToastTokenSections.Detail;
+    closeButton: ToastTokenSections.CloseButton;
+    closeIcon: ToastTokenSections.CloseIcon;
+    colorScheme: ToastTokenSections.ColorScheme;
+    css: string;
+};
+
+export { closeButton, closeIcon, colorScheme, content, css, _default as default, detail, icon, root, summary, text };

package/dist/material/toast/index.mjs

@@ -0,0 +1 @@
+var o={width:"25rem",borderRadius:"{content.border.radius}",borderWidth:"0",transitionDuration:"{transition.duration}"},r={size:"1.25rem"},e={padding:"{overlay.popover.padding}",gap:"0.5rem"},a={gap:"0.5rem"},p={fontWeight:"500",fontSize:"1rem"},x={fontWeight:"500",fontSize:"0.875rem"},n={width:"2rem",height:"2rem",borderRadius:"50%",focusRing:{width:"{focus.ring.width}",style:"{focus.ring.style}",offset:"{focus.ring.offset}"}},c={size:"1rem"},s={light:{root:{blur:"0"},info:{background:"{blue.50}",borderColor:"{blue.200}",color:"{blue.600}",detailColor:"{surface.700}",shadow:"0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12)",closeButton:{hoverBackground:"{blue.100}",focusRing:{color:"{blue.600}",shadow:"none"}}},success:{background:"{green.50}",borderColor:"{green.200}",color:"{green.600}",detailColor:"{surface.700}",shadow:"0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12)",closeButton:{hoverBackground:"{green.100}",focusRing:{color:"{green.600}",shadow:"none"}}},warn:{background:"{yellow.50}",borderColor:"{yellow.200}",color:"{yellow.900}",detailColor:"{surface.700}",shadow:"0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12)",closeButton:{hoverBackground:"{yellow.100}",focusRing:{color:"{yellow.600}",shadow:"none"}}},error:{background:"{red.50}",borderColor:"{red.200}",color:"{red.600}",detailColor:"{surface.700}",shadow:"0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12)",closeButton:{hoverBackground:"{red.100}",focusRing:{color:"{red.600}",shadow:"none"}}},secondary:{background:"{surface.100}",borderColor:"{surface.200}",color:"{surface.600}",detailColor:"{surface.700}",shadow:"0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12)",closeButton:{hoverBackground:"{surface.200}",focusRing:{color:"{surface.600}",shadow:"none"}}},contrast:{background:"{surface.900}",borderColor:"{surface.950}",color:"{surface.50}",detailColor:"{surface.0}",shadow:"0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12)",closeButton:{hoverBackground:"{surface.800}",focusRing:{color:"{surface.50}",shadow:"none"}}}},dark:{root:{blur:"10px"},info:{background:"color-mix(in srgb, {blue.500}, transparent 36%)",borderColor:"color-mix(in srgb, {blue.700}, transparent 64%)",color:"{surface.0}",detailColor:"{blue.100}",shadow:"0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12)",closeButton:{hoverBackground:"rgba(255, 255, 255, 0.05)",focusRing:{color:"{blue.500}",shadow:"none"}}},success:{background:"color-mix(in srgb, {green.500}, transparent 36%)",borderColor:"color-mix(in srgb, {green.700}, transparent 64%)",color:"{surface.0}",detailColor:"{green.100}",shadow:"0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12)",closeButton:{hoverBackground:"rgba(255, 255, 255, 0.05)",focusRing:{color:"{green.500}",shadow:"none"}}},warn:{background:"color-mix(in srgb, {yellow.500}, transparent 36%)",borderColor:"color-mix(in srgb, {yellow.700}, transparent 64%)",color:"{surface.0}",detailColor:"{yellow.50}",shadow:"0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12)",closeButton:{hoverBackground:"rgba(255, 255, 255, 0.05)",focusRing:{color:"{yellow.500}",shadow:"none"}}},error:{background:"color-mix(in srgb, {red.500}, transparent 36%)",borderColor:"color-mix(in srgb, {red.700}, transparent 64%)",color:"{surface.0}",detailColor:"{red.100}",shadow:"0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12)",closeButton:{hoverBackground:"rgba(255, 255, 255, 0.05)",focusRing:{color:"{red.500}",shadow:"none"}}},secondary:{background:"{surface.800}",borderColor:"{surface.700}",color:"{surface.300}",detailColor:"{surface.0}",shadow:"0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12)",closeButton:{hoverBackground:"{surface.700}",focusRing:{color:"{surface.300}",shadow:"none"}}},contrast:{background:"{surface.0}",borderColor:"{surface.100}",color:"{surface.950}",detailColor:"{surface.950}",shadow:"0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12)",closeButton:{hoverBackground:"{surface.100}",focusRing:{color:"{surface.950}",shadow:"none"}}}}},css="",l={root:o,icon:r,content:e,text:a,summary:p,detail:x,closeButton:n,closeIcon:c,colorScheme:s,css:""};export{n as closeButton,c as closeIcon,s as colorScheme,e as content,css,l as default,x as detail,r as icon,o as root,p as summary,a as text};//# sourceMappingURL=index.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/presets/material/toast/index.ts"],"sourcesContent":["import type { ToastDesignTokens, ToastTokenSections } from '@sparkux/themes/types/toast';\n\nexport const root: ToastTokenSections.Root = {\n    width: '25rem',\n    borderRadius: '{content.border.radius}',\n    borderWidth: '0',\n    transitionDuration: '{transition.duration}'\n};\n\nexport const icon: ToastTokenSections.Icon = {\n    size: '1.25rem'\n};\n\nexport const content: ToastTokenSections.Content = {\n    padding: '{overlay.popover.padding}',\n    gap: '0.5rem'\n};\n\nexport const text: ToastTokenSections.Text = {\n    gap: '0.5rem'\n};\n\nexport const summary: ToastTokenSections.Summary = {\n    fontWeight: '500',\n    fontSize: '1rem'\n};\n\nexport const detail: ToastTokenSections.Detail = {\n    fontWeight: '500',\n    fontSize: '0.875rem'\n};\n\nexport const closeButton: ToastTokenSections.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: ToastTokenSections.CloseIcon = {\n    size: '1rem'\n};\n\nexport const colorScheme: ToastTokenSections.ColorScheme = {\n    light: {\n        root: {\n            blur: '0'\n        },\n        info: {\n            background: '{blue.50}',\n            borderColor: '{blue.200}',\n            color: '{blue.600}',\n            detailColor: '{surface.700}',\n            shadow: '0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12)',\n            closeButton: {\n                hoverBackground: '{blue.100}',\n                focusRing: {\n                    color: '{blue.600}',\n                    shadow: 'none'\n                }\n            }\n        },\n        success: {\n            background: '{green.50}',\n            borderColor: '{green.200}',\n            color: '{green.600}',\n            detailColor: '{surface.700}',\n            shadow: '0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12)',\n            closeButton: {\n                hoverBackground: '{green.100}',\n                focusRing: {\n                    color: '{green.600}',\n                    shadow: 'none'\n                }\n            }\n        },\n        warn: {\n            background: '{yellow.50}',\n            borderColor: '{yellow.200}',\n            color: '{yellow.900}',\n            detailColor: '{surface.700}',\n            shadow: '0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12)',\n            closeButton: {\n                hoverBackground: '{yellow.100}',\n                focusRing: {\n                    color: '{yellow.600}',\n                    shadow: 'none'\n                }\n            }\n        },\n        error: {\n            background: '{red.50}',\n            borderColor: '{red.200}',\n            color: '{red.600}',\n            detailColor: '{surface.700}',\n            shadow: '0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12)',\n            closeButton: {\n                hoverBackground: '{red.100}',\n                focusRing: {\n                    color: '{red.600}',\n                    shadow: 'none'\n                }\n            }\n        },\n        secondary: {\n            background: '{surface.100}',\n            borderColor: '{surface.200}',\n            color: '{surface.600}',\n            detailColor: '{surface.700}',\n            shadow: '0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12)',\n            closeButton: {\n                hoverBackground: '{surface.200}',\n                focusRing: {\n                    color: '{surface.600}',\n                    shadow: 'none'\n                }\n            }\n        },\n        contrast: {\n            background: '{surface.900}',\n            borderColor: '{surface.950}',\n            color: '{surface.50}',\n            detailColor: '{surface.0}',\n            shadow: '0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12)',\n            closeButton: {\n                hoverBackground: '{surface.800}',\n                focusRing: {\n                    color: '{surface.50}',\n                    shadow: 'none'\n                }\n            }\n        }\n    },\n    dark: {\n        root: {\n            blur: '10px'\n        },\n        info: {\n            background: 'color-mix(in srgb, {blue.500}, transparent 36%)',\n            borderColor: 'color-mix(in srgb, {blue.700}, transparent 64%)',\n            color: '{surface.0}',\n            detailColor: '{blue.100}',\n            shadow: '0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12)',\n            closeButton: {\n                hoverBackground: 'rgba(255, 255, 255, 0.05)',\n                focusRing: {\n                    color: '{blue.500}',\n                    shadow: 'none'\n                }\n            }\n        },\n        success: {\n            background: 'color-mix(in srgb, {green.500}, transparent 36%)',\n            borderColor: 'color-mix(in srgb, {green.700}, transparent 64%)',\n            color: '{surface.0}',\n            detailColor: '{green.100}',\n            shadow: '0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12)',\n            closeButton: {\n                hoverBackground: 'rgba(255, 255, 255, 0.05)',\n                focusRing: {\n                    color: '{green.500}',\n                    shadow: 'none'\n                }\n            }\n        },\n        warn: {\n            background: 'color-mix(in srgb, {yellow.500}, transparent 36%)',\n            borderColor: 'color-mix(in srgb, {yellow.700}, transparent 64%)',\n            color: '{surface.0}',\n            detailColor: '{yellow.50}',\n            shadow: '0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12)',\n            closeButton: {\n                hoverBackground: 'rgba(255, 255, 255, 0.05)',\n                focusRing: {\n                    color: '{yellow.500}',\n                    shadow: 'none'\n                }\n            }\n        },\n        error: {\n            background: 'color-mix(in srgb, {red.500}, transparent 36%)',\n            borderColor: 'color-mix(in srgb, {red.700}, transparent 64%)',\n            color: '{surface.0}',\n            detailColor: '{red.100}',\n            shadow: '0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12)',\n            closeButton: {\n                hoverBackground: 'rgba(255, 255, 255, 0.05)',\n                focusRing: {\n                    color: '{red.500}',\n                    shadow: 'none'\n                }\n            }\n        },\n        secondary: {\n            background: '{surface.800}',\n            borderColor: '{surface.700}',\n            color: '{surface.300}',\n            detailColor: '{surface.0}',\n            shadow: '0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12)',\n            closeButton: {\n                hoverBackground: '{surface.700}',\n                focusRing: {\n                    color: '{surface.300}',\n                    shadow: 'none'\n                }\n            }\n        },\n        contrast: {\n            background: '{surface.0}',\n            borderColor: '{surface.100}',\n            color: '{surface.950}',\n            detailColor: '{surface.950}',\n            shadow: '0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12)',\n            closeButton: {\n                hoverBackground: '{surface.100}',\n                focusRing: {\n                    color: '{surface.950}',\n                    shadow: 'none'\n                }\n            }\n        }\n    }\n};\n\nexport const css: ToastTokenSections.CSS = /*css*/ ``;\n\nexport default {\n    root,\n    icon,\n    content,\n    text,\n    summary,\n    detail,\n    closeButton,\n    closeIcon,\n    colorScheme,\n    css\n} satisfies ToastDesignTokens;\n"],"mappings":";AAEO,IAAM,OAAgC;AAAA,EACzC,OAAO;AAAA,EACP,cAAc;AAAA,EACd,aAAa;AAAA,EACb,oBAAoB;AACxB;AAEO,IAAM,OAAgC;AAAA,EACzC,MAAM;AACV;AAEO,IAAM,UAAsC;AAAA,EAC/C,SAAS;AAAA,EACT,KAAK;AACT;AAEO,IAAM,OAAgC;AAAA,EACzC,KAAK;AACT;AAEO,IAAM,UAAsC;AAAA,EAC/C,YAAY;AAAA,EACZ,UAAU;AACd;AAEO,IAAM,SAAoC;AAAA,EAC7C,YAAY;AAAA,EACZ,UAAU;AACd;AAEO,IAAM,cAA8C;AAAA,EACvD,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,cAAc;AAAA,EACd,WAAW;AAAA,IACP,OAAO;AAAA,IACP,OAAO;AAAA,IACP,QAAQ;AAAA,EACZ;AACJ;AAEO,IAAM,YAA0C;AAAA,EACnD,MAAM;AACV;AAEO,IAAM,cAA8C;AAAA,EACvD,OAAO;AAAA,IACH,MAAM;AAAA,MACF,MAAM;AAAA,IACV;AAAA,IACA,MAAM;AAAA,MACF,YAAY;AAAA,MACZ,aAAa;AAAA,MACb,OAAO;AAAA,MACP,aAAa;AAAA,MACb,QAAQ;AAAA,MACR,aAAa;AAAA,QACT,iBAAiB;AAAA,QACjB,WAAW;AAAA,UACP,OAAO;AAAA,UACP,QAAQ;AAAA,QACZ;AAAA,MACJ;AAAA,IACJ;AAAA,IACA,SAAS;AAAA,MACL,YAAY;AAAA,MACZ,aAAa;AAAA,MACb,OAAO;AAAA,MACP,aAAa;AAAA,MACb,QAAQ;AAAA,MACR,aAAa;AAAA,QACT,iBAAiB;AAAA,QACjB,WAAW;AAAA,UACP,OAAO;AAAA,UACP,QAAQ;AAAA,QACZ;AAAA,MACJ;AAAA,IACJ;AAAA,IACA,MAAM;AAAA,MACF,YAAY;AAAA,MACZ,aAAa;AAAA,MACb,OAAO;AAAA,MACP,aAAa;AAAA,MACb,QAAQ;AAAA,MACR,aAAa;AAAA,QACT,iBAAiB;AAAA,QACjB,WAAW;AAAA,UACP,OAAO;AAAA,UACP,QAAQ;AAAA,QACZ;AAAA,MACJ;AAAA,IACJ;AAAA,IACA,OAAO;AAAA,MACH,YAAY;AAAA,MACZ,aAAa;AAAA,MACb,OAAO;AAAA,MACP,aAAa;AAAA,MACb,QAAQ;AAAA,MACR,aAAa;AAAA,QACT,iBAAiB;AAAA,QACjB,WAAW;AAAA,UACP,OAAO;AAAA,UACP,QAAQ;AAAA,QACZ;AAAA,MACJ;AAAA,IACJ;AAAA,IACA,WAAW;AAAA,MACP,YAAY;AAAA,MACZ,aAAa;AAAA,MACb,OAAO;AAAA,MACP,aAAa;AAAA,MACb,QAAQ;AAAA,MACR,aAAa;AAAA,QACT,iBAAiB;AAAA,QACjB,WAAW;AAAA,UACP,OAAO;AAAA,UACP,QAAQ;AAAA,QACZ;AAAA,MACJ;AAAA,IACJ;AAAA,IACA,UAAU;AAAA,MACN,YAAY;AAAA,MACZ,aAAa;AAAA,MACb,OAAO;AAAA,MACP,aAAa;AAAA,MACb,QAAQ;AAAA,MACR,aAAa;AAAA,QACT,iBAAiB;AAAA,QACjB,WAAW;AAAA,UACP,OAAO;AAAA,UACP,QAAQ;AAAA,QACZ;AAAA,MACJ;AAAA,IACJ;AAAA,EACJ;AAAA,EACA,MAAM;AAAA,IACF,MAAM;AAAA,MACF,MAAM;AAAA,IACV;AAAA,IACA,MAAM;AAAA,MACF,YAAY;AAAA,MACZ,aAAa;AAAA,MACb,OAAO;AAAA,MACP,aAAa;AAAA,MACb,QAAQ;AAAA,MACR,aAAa;AAAA,QACT,iBAAiB;AAAA,QACjB,WAAW;AAAA,UACP,OAAO;AAAA,UACP,QAAQ;AAAA,QACZ;AAAA,MACJ;AAAA,IACJ;AAAA,IACA,SAAS;AAAA,MACL,YAAY;AAAA,MACZ,aAAa;AAAA,MACb,OAAO;AAAA,MACP,aAAa;AAAA,MACb,QAAQ;AAAA,MACR,aAAa;AAAA,QACT,iBAAiB;AAAA,QACjB,WAAW;AAAA,UACP,OAAO;AAAA,UACP,QAAQ;AAAA,QACZ;AAAA,MACJ;AAAA,IACJ;AAAA,IACA,MAAM;AAAA,MACF,YAAY;AAAA,MACZ,aAAa;AAAA,MACb,OAAO;AAAA,MACP,aAAa;AAAA,MACb,QAAQ;AAAA,MACR,aAAa;AAAA,QACT,iBAAiB;AAAA,QACjB,WAAW;AAAA,UACP,OAAO;AAAA,UACP,QAAQ;AAAA,QACZ;AAAA,MACJ;AAAA,IACJ;AAAA,IACA,OAAO;AAAA,MACH,YAAY;AAAA,MACZ,aAAa;AAAA,MACb,OAAO;AAAA,MACP,aAAa;AAAA,MACb,QAAQ;AAAA,MACR,aAAa;AAAA,QACT,iBAAiB;AAAA,QACjB,WAAW;AAAA,UACP,OAAO;AAAA,UACP,QAAQ;AAAA,QACZ;AAAA,MACJ;AAAA,IACJ;AAAA,IACA,WAAW;AAAA,MACP,YAAY;AAAA,MACZ,aAAa;AAAA,MACb,OAAO;AAAA,MACP,aAAa;AAAA,MACb,QAAQ;AAAA,MACR,aAAa;AAAA,QACT,iBAAiB;AAAA,QACjB,WAAW;AAAA,UACP,OAAO;AAAA,UACP,QAAQ;AAAA,QACZ;AAAA,MACJ;AAAA,IACJ;AAAA,IACA,UAAU;AAAA,MACN,YAAY;AAAA,MACZ,aAAa;AAAA,MACb,OAAO;AAAA,MACP,aAAa;AAAA,MACb,QAAQ;AAAA,MACR,aAAa;AAAA,QACT,iBAAiB;AAAA,QACjB,WAAW;AAAA,UACP,OAAO;AAAA,UACP,QAAQ;AAAA,QACZ;AAAA,MACJ;AAAA,IACJ;AAAA,EACJ;AACJ;AAEO,IAAM;AAAA;AAAA,EAAsC;AAAA;AAEnD,IAAO,gBAAQ;AAAA,EACX;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ;","names":[]}

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

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

package/dist/material/togglebutton/index.mjs

@@ -0,0 +1 @@
+var o={padding:"0.75rem 1rem",borderRadius:"{form.field.border.radius}",gap:"0.5rem",fontWeight:"500",background:"{form.field.background}",borderColor:"{form.field.border.color}",color:"{form.field.color}",hoverColor:"{form.field.color}",checkedColor:"{form.field.color}",checkedBorderColor:"{form.field.border.color}",disabledBackground:"{form.field.disabled.background}",disabledBorderColor:"{form.field.disabled.background}",disabledColor:"{form.field.disabled.color}",invalidBorderColor:"{form.field.invalid.border.color}",focusRing:{width:"0",style:"none",offset:"0",color:"unset",shadow:"none"},transitionDuration:"{form.field.transition.duration}",sm:{fontSize:"{form.field.sm.font.size}",padding:"0.625rem 0.75rem"},lg:{fontSize:"{form.field.lg.font.size}",padding:"0.875rem 1.25rem"}},r={color:"{text.muted.color}",hoverColor:"{text.muted.color}",checkedColor:"{text.muted.color}",disabledColor:"{form.field.disabled.color}"},e={checkedBackground:"transparent",checkedShadow:"none",padding:"0",borderRadius:"0",sm:{padding:"0"},lg:{padding:"0"}},d={light:{root:{hoverBackground:"{surface.100}",checkedBackground:"{surface.200}"}},dark:{root:{hoverBackground:"{surface.800}",checkedBackground:"{surface.700}"}}},css="\n.s-togglebutton:focus-visible {\n    background: dt('togglebutton.hover.background');\n}\n",l={root:o,icon:r,content:e,colorScheme:d,css:css};export{d as colorScheme,e as content,css,l as default,r as icon,o as root};//# sourceMappingURL=index.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/presets/material/togglebutton/index.ts"],"sourcesContent":["import type { ToggleButtonDesignTokens, ToggleButtonTokenSections } from '@sparkux/themes/types/togglebutton';\n\nexport const root: ToggleButtonTokenSections.Root = {\n    padding: '0.75rem 1rem',\n    borderRadius: '{form.field.border.radius}',\n    gap: '0.5rem',\n    fontWeight: '500',\n    background: '{form.field.background}',\n    borderColor: '{form.field.border.color}',\n    color: '{form.field.color}',\n    hoverColor: '{form.field.color}',\n    checkedColor: '{form.field.color}',\n    checkedBorderColor: '{form.field.border.color}',\n    disabledBackground: '{form.field.disabled.background}',\n    disabledBorderColor: '{form.field.disabled.background}',\n    disabledColor: '{form.field.disabled.color}',\n    invalidBorderColor: '{form.field.invalid.border.color}',\n    focusRing: {\n        width: '0',\n        style: 'none',\n        offset: '0',\n        color: 'unset',\n        shadow: 'none'\n    },\n    transitionDuration: '{form.field.transition.duration}',\n    sm: {\n        fontSize: '{form.field.sm.font.size}',\n        padding: '0.625rem 0.75rem'\n    },\n    lg: {\n        fontSize: '{form.field.lg.font.size}',\n        padding: '0.875rem 1.25rem'\n    }\n};\n\nexport const icon: ToggleButtonTokenSections.Icon = {\n    color: '{text.muted.color}',\n    hoverColor: '{text.muted.color}',\n    checkedColor: '{text.muted.color}',\n    disabledColor: '{form.field.disabled.color}'\n};\n\nexport const content: ToggleButtonTokenSections.Content = {\n    checkedBackground: 'transparent',\n    checkedShadow: 'none',\n    padding: '0',\n    borderRadius: '0',\n    sm: {\n        padding: '0'\n    },\n    lg: {\n        padding: '0'\n    }\n};\n\nexport const colorScheme: ToggleButtonTokenSections.ColorScheme = {\n    light: {\n        root: {\n            hoverBackground: '{surface.100}',\n            checkedBackground: '{surface.200}'\n        }\n    },\n    dark: {\n        root: {\n            hoverBackground: '{surface.800}',\n            checkedBackground: '{surface.700}'\n        }\n    }\n};\n\nexport const css: ToggleButtonTokenSections.CSS = /*css*/ `\n.s-togglebutton:focus-visible {\n    background: dt('togglebutton.hover.background');\n}\n`;\n\nexport default {\n    root,\n    icon,\n    content,\n    colorScheme,\n    css\n} satisfies ToggleButtonDesignTokens;\n"],"mappings":";AAEO,IAAM,OAAuC;AAAA,EAChD,SAAS;AAAA,EACT,cAAc;AAAA,EACd,KAAK;AAAA,EACL,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,OAAO;AAAA,EACP,YAAY;AAAA,EACZ,cAAc;AAAA,EACd,oBAAoB;AAAA,EACpB,oBAAoB;AAAA,EACpB,qBAAqB;AAAA,EACrB,eAAe;AAAA,EACf,oBAAoB;AAAA,EACpB,WAAW;AAAA,IACP,OAAO;AAAA,IACP,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,QAAQ;AAAA,EACZ;AAAA,EACA,oBAAoB;AAAA,EACpB,IAAI;AAAA,IACA,UAAU;AAAA,IACV,SAAS;AAAA,EACb;AAAA,EACA,IAAI;AAAA,IACA,UAAU;AAAA,IACV,SAAS;AAAA,EACb;AACJ;AAEO,IAAM,OAAuC;AAAA,EAChD,OAAO;AAAA,EACP,YAAY;AAAA,EACZ,cAAc;AAAA,EACd,eAAe;AACnB;AAEO,IAAM,UAA6C;AAAA,EACtD,mBAAmB;AAAA,EACnB,eAAe;AAAA,EACf,SAAS;AAAA,EACT,cAAc;AAAA,EACd,IAAI;AAAA,IACA,SAAS;AAAA,EACb;AAAA,EACA,IAAI;AAAA,IACA,SAAS;AAAA,EACb;AACJ;AAEO,IAAM,cAAqD;AAAA,EAC9D,OAAO;AAAA,IACH,MAAM;AAAA,MACF,iBAAiB;AAAA,MACjB,mBAAmB;AAAA,IACvB;AAAA,EACJ;AAAA,EACA,MAAM;AAAA,IACF,MAAM;AAAA,MACF,iBAAiB;AAAA,MACjB,mBAAmB;AAAA,IACvB;AAAA,EACJ;AACJ;AAEO,IAAM;AAAA;AAAA,EAA6C;AAAA;AAAA;AAAA;AAAA;AAAA;AAM1D,IAAO,uBAAQ;AAAA,EACX;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ;","names":[]}

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

@@ -0,0 +1,17 @@
+import type { StyleOptions } from '@sparkux/styled';
+import type { ToggleSwitchTokenSections } from '@sparkux/themes/types/toggleswitch';
+
+export * from '@sparkux/themes/types/toggleswitch';
+
+declare const root: ToggleSwitchTokenSections.Root;
+declare const handle: ToggleSwitchTokenSections.Handle;
+declare const colorScheme: ToggleSwitchTokenSections.ColorScheme;
+declare const css: ToggleSwitchTokenSections.CSS;
+declare const _default: {
+    root: ToggleSwitchTokenSections.Root;
+    handle: ToggleSwitchTokenSections.Handle;
+    colorScheme: ToggleSwitchTokenSections.ColorScheme;
+    css: (options: StyleOptions) => string;
+};
+
+export { colorScheme, css, _default as default, handle, root };

package/dist/material/toggleswitch/index.mjs

@@ -0,0 +1 @@
+var r={width:"2.75rem",height:"1rem",borderRadius:"30px",gap:"0px",shadow:"none",focusRing:{width:"0",style:"none",color:"unset",offset:"0",shadow:"none"},borderWidth:"1px",borderColor:"transparent",hoverBorderColor:"transparent",checkedBorderColor:"transparent",checkedHoverBorderColor:"transparent",invalidBorderColor:"{form.field.invalid.border.color}",transitionDuration:"{form.field.transition.duration}",slideDuration:"0.2s"},o={borderRadius:"50%",size:"1.5rem"},e={light:{root:{background:"{surface.300}",disabledBackground:"{surface.400}",hoverBackground:"{surface.300}",checkedBackground:"{primary.200}",checkedHoverBackground:"{primary.200}"},handle:{background:"{surface.0}",disabledBackground:"{surface.200}",hoverBackground:"{surface.0}",checkedBackground:"{primary.color}",checkedHoverBackground:"{primary.color}",color:"{text.muted.color}",hoverColor:"{text.color}",checkedColor:"{primary.contrast.color}",checkedHoverColor:"{primary.contrast.color}"}},dark:{root:{background:"{surface.700}",disabledBackground:"{surface.600}",hoverBackground:"{surface.700}",checkedBackground:"{primary.color}",checkedHoverBackground:"{primary.color}"},handle:{background:"{surface.400}",disabledBackground:"{surface.500}",hoverBackground:"{surface.300}",checkedBackground:"{primary.200}",checkedHoverBackground:"{primary.200}",color:"{surface.800}",hoverColor:"{surface.900}",checkedColor:"{primary.contrast.color}",checkedHoverColor:"{primary.contrast.color}"}}},css="\n.s-toggleswitch-handle {\n    box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);\n}\n\n.s-toggleswitch:not(.s-disabled):has(.s-toggleswitch-input:hover) .s-toggleswitch-handle {\n    box-shadow: 0 0 1px 10px color-mix(in srgb, dt('text.color'), transparent 96%), 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);\n}\n\n.s-toggleswitch:not(.s-disabled):has(.s-toggleswitch-input:focus-visible) .s-toggleswitch-handle {\n    box-shadow: 0 0 1px 10px color-mix(in srgb, dt('text.color'), transparent 88%), 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);\n}\n\n.s-toggleswitch:not(.s-disabled):has(.s-toggleswitch-input:hover).s-toggleswitch-checked .s-toggleswitch-handle {\n    box-shadow: 0 0 1px 10px color-mix(in srgb, dt('toggleswitch.handle.checked.background'), transparent 92%), 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);\n}\n\n.s-toggleswitch:not(.s-disabled):has(.s-toggleswitch-input:focus-visible).s-toggleswitch-checked .s-toggleswitch-handle {\n    box-shadow: 0 0 1px 10px color-mix(in srgb, dt('toggleswitch.handle.checked.background'), transparent 84%), 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);\n}\n",a={root:r,handle:o,colorScheme:e,css:css};export{e as colorScheme,css,a as default,o as handle,r as root};//# sourceMappingURL=index.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/presets/material/toggleswitch/index.ts"],"sourcesContent":["import type { ToggleSwitchDesignTokens, ToggleSwitchTokenSections } from '@sparkux/themes/types/toggleswitch';\n\nexport const root: ToggleSwitchTokenSections.Root = {\n    width: '2.75rem',\n    height: '1rem',\n    borderRadius: '30px',\n    gap: '0px',\n    shadow: 'none',\n    focusRing: {\n        width: '0',\n        style: 'none',\n        color: 'unset',\n        offset: '0',\n        shadow: 'none'\n    },\n    borderWidth: '1px',\n    borderColor: 'transparent',\n    hoverBorderColor: 'transparent',\n    checkedBorderColor: 'transparent',\n    checkedHoverBorderColor: 'transparent',\n    invalidBorderColor: '{form.field.invalid.border.color}',\n    transitionDuration: '{form.field.transition.duration}',\n    slideDuration: '0.2s'\n};\n\nexport const handle: ToggleSwitchTokenSections.Handle = {\n    borderRadius: '50%',\n    size: '1.5rem'\n};\n\nexport const colorScheme: ToggleSwitchTokenSections.ColorScheme = {\n    light: {\n        root: {\n            background: '{surface.300}',\n            disabledBackground: '{surface.400}',\n            hoverBackground: '{surface.300}',\n            checkedBackground: '{primary.200}',\n            checkedHoverBackground: '{primary.200}'\n        },\n        handle: {\n            background: '{surface.0}',\n            disabledBackground: '{surface.200}',\n            hoverBackground: '{surface.0}',\n            checkedBackground: '{primary.color}',\n            checkedHoverBackground: '{primary.color}',\n            color: '{text.muted.color}',\n            hoverColor: '{text.color}',\n            checkedColor: '{primary.contrast.color}',\n            checkedHoverColor: '{primary.contrast.color}'\n        }\n    },\n    dark: {\n        root: {\n            background: '{surface.700}',\n            disabledBackground: '{surface.600}',\n            hoverBackground: '{surface.700}',\n            checkedBackground: '{primary.color}',\n            checkedHoverBackground: '{primary.color}'\n        },\n        handle: {\n            background: '{surface.400}',\n            disabledBackground: '{surface.500}',\n            hoverBackground: '{surface.300}',\n            checkedBackground: '{primary.200}',\n            checkedHoverBackground: '{primary.200}',\n            color: '{surface.800}',\n            hoverColor: '{surface.900}',\n            checkedColor: '{primary.contrast.color}',\n            checkedHoverColor: '{primary.contrast.color}'\n        }\n    }\n};\n\nexport const css: ToggleSwitchTokenSections.CSS = /*css*/ `\n.s-toggleswitch-handle {\n    box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);\n}\n\n.s-toggleswitch:not(.s-disabled):has(.s-toggleswitch-input:hover) .s-toggleswitch-handle {\n    box-shadow: 0 0 1px 10px color-mix(in srgb, dt('text.color'), transparent 96%), 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);\n}\n\n.s-toggleswitch:not(.s-disabled):has(.s-toggleswitch-input:focus-visible) .s-toggleswitch-handle {\n    box-shadow: 0 0 1px 10px color-mix(in srgb, dt('text.color'), transparent 88%), 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);\n}\n\n.s-toggleswitch:not(.s-disabled):has(.s-toggleswitch-input:hover).s-toggleswitch-checked .s-toggleswitch-handle {\n    box-shadow: 0 0 1px 10px color-mix(in srgb, dt('toggleswitch.handle.checked.background'), transparent 92%), 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);\n}\n\n.s-toggleswitch:not(.s-disabled):has(.s-toggleswitch-input:focus-visible).s-toggleswitch-checked .s-toggleswitch-handle {\n    box-shadow: 0 0 1px 10px color-mix(in srgb, dt('toggleswitch.handle.checked.background'), transparent 84%), 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);\n}\n`;\n\nexport default {\n    root,\n    handle,\n    colorScheme,\n    css\n} satisfies ToggleSwitchDesignTokens;\n"],"mappings":";AAEO,IAAM,OAAuC;AAAA,EAChD,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,cAAc;AAAA,EACd,KAAK;AAAA,EACL,QAAQ;AAAA,EACR,WAAW;AAAA,IACP,OAAO;AAAA,IACP,OAAO;AAAA,IACP,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,QAAQ;AAAA,EACZ;AAAA,EACA,aAAa;AAAA,EACb,aAAa;AAAA,EACb,kBAAkB;AAAA,EAClB,oBAAoB;AAAA,EACpB,yBAAyB;AAAA,EACzB,oBAAoB;AAAA,EACpB,oBAAoB;AAAA,EACpB,eAAe;AACnB;AAEO,IAAM,SAA2C;AAAA,EACpD,cAAc;AAAA,EACd,MAAM;AACV;AAEO,IAAM,cAAqD;AAAA,EAC9D,OAAO;AAAA,IACH,MAAM;AAAA,MACF,YAAY;AAAA,MACZ,oBAAoB;AAAA,MACpB,iBAAiB;AAAA,MACjB,mBAAmB;AAAA,MACnB,wBAAwB;AAAA,IAC5B;AAAA,IACA,QAAQ;AAAA,MACJ,YAAY;AAAA,MACZ,oBAAoB;AAAA,MACpB,iBAAiB;AAAA,MACjB,mBAAmB;AAAA,MACnB,wBAAwB;AAAA,MACxB,OAAO;AAAA,MACP,YAAY;AAAA,MACZ,cAAc;AAAA,MACd,mBAAmB;AAAA,IACvB;AAAA,EACJ;AAAA,EACA,MAAM;AAAA,IACF,MAAM;AAAA,MACF,YAAY;AAAA,MACZ,oBAAoB;AAAA,MACpB,iBAAiB;AAAA,MACjB,mBAAmB;AAAA,MACnB,wBAAwB;AAAA,IAC5B;AAAA,IACA,QAAQ;AAAA,MACJ,YAAY;AAAA,MACZ,oBAAoB;AAAA,MACpB,iBAAiB;AAAA,MACjB,mBAAmB;AAAA,MACnB,wBAAwB;AAAA,MACxB,OAAO;AAAA,MACP,YAAY;AAAA,MACZ,cAAc;AAAA,MACd,mBAAmB;AAAA,IACvB;AAAA,EACJ;AACJ;AAEO,IAAM;AAAA;AAAA,EAA6C;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAsB1D,IAAO,uBAAQ;AAAA,EACX;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ;","names":[]}

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

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

package/dist/material/toolbar/index.mjs

@@ -0,0 +1 @@
+var r={color:"{content.color}",borderRadius:"{content.border.radius}",gap:"0.5rem",padding:"1rem"},o={light:{root:{background:"{surface.100}",borderColor:"{surface.100}"}},dark:{root:{background:"{surface.800}",borderColor:"{surface.800}"}}},css="",e={root:r,colorScheme:o,css:""};export{o as colorScheme,css,e as default,r as root};//# sourceMappingURL=index.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/presets/material/toolbar/index.ts"],"sourcesContent":["import type { ToolbarDesignTokens, ToolbarTokenSections } from '@sparkux/themes/types/toolbar';\n\nexport const root: ToolbarTokenSections.Root = {\n    color: '{content.color}',\n    borderRadius: '{content.border.radius}',\n    gap: '0.5rem',\n    padding: '1rem'\n};\n\nexport const colorScheme: ToolbarTokenSections.ColorScheme = {\n    light: {\n        root: {\n            background: '{surface.100}',\n            borderColor: '{surface.100}'\n        }\n    },\n    dark: {\n        root: {\n            background: '{surface.800}',\n            borderColor: '{surface.800}'\n        }\n    }\n};\n\nexport const css: ToolbarTokenSections.CSS = /*css*/ ``;\n\nexport default {\n    root,\n    colorScheme,\n    css\n} satisfies ToolbarDesignTokens;\n"],"mappings":";AAEO,IAAM,OAAkC;AAAA,EAC3C,OAAO;AAAA,EACP,cAAc;AAAA,EACd,KAAK;AAAA,EACL,SAAS;AACb;AAEO,IAAM,cAAgD;AAAA,EACzD,OAAO;AAAA,IACH,MAAM;AAAA,MACF,YAAY;AAAA,MACZ,aAAa;AAAA,IACjB;AAAA,EACJ;AAAA,EACA,MAAM;AAAA,IACF,MAAM;AAAA,MACF,YAAY;AAAA,MACZ,aAAa;AAAA,IACjB;AAAA,EACJ;AACJ;AAEO,IAAM;AAAA;AAAA,EAAwC;AAAA;AAErD,IAAO,kBAAQ;AAAA,EACX;AAAA,EACA;AAAA,EACA;AACJ;","names":[]}

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

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

package/dist/material/tooltip/index.mjs

@@ -0,0 +1 @@
+var r={background:"{surface.600}",color:"{surface.0}",maxWidth:"12.5rem",gutter:"0.25rem",shadow:"{overlay.popover.shadow}",padding:"0.5rem 0.75rem",borderRadius:"{overlay.popover.border.radius}"},css="",o={root:r,css:""};export{css,o as default,r as root};//# sourceMappingURL=index.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/presets/material/tooltip/index.ts"],"sourcesContent":["import type { TooltipDesignTokens, TooltipTokenSections } from '@sparkux/themes/types/tooltip';\n\nexport const root: TooltipTokenSections.Root = {\n    background: '{surface.600}',\n    color: '{surface.0}',\n    maxWidth: '12.5rem',\n    gutter: '0.25rem',\n    shadow: '{overlay.popover.shadow}',\n    padding: '0.5rem 0.75rem',\n    borderRadius: '{overlay.popover.border.radius}'\n};\n\nexport const css: TooltipTokenSections.CSS = /*css*/ ``;\n\nexport default {\n    root,\n    css\n} satisfies TooltipDesignTokens;\n"],"mappings":";AAEO,IAAM,OAAkC;AAAA,EAC3C,YAAY;AAAA,EACZ,OAAO;AAAA,EACP,UAAU;AAAA,EACV,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,cAAc;AAClB;AAEO,IAAM;AAAA;AAAA,EAAwC;AAAA;AAErD,IAAO,kBAAQ;AAAA,EACX;AAAA,EACA;AACJ;","names":[]}

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

@@ -0,0 +1,22 @@
+import type { TreeTokenSections } from '@sparkux/themes/types/tree';
+
+export * from '@sparkux/themes/types/tree';
+
+declare const root: TreeTokenSections.Root;
+declare const node: TreeTokenSections.Node;
+declare const nodeIcon: TreeTokenSections.NodeIcon;
+declare const nodeToggleButton: TreeTokenSections.NodeToggleButton;
+declare const loadingIcon: TreeTokenSections.LoadingIcon;
+declare const filter: TreeTokenSections.Filter;
+declare const css: TreeTokenSections.CSS;
+declare const _default: {
+    root: TreeTokenSections.Root;
+    node: TreeTokenSections.Node;
+    nodeIcon: TreeTokenSections.NodeIcon;
+    nodeToggleButton: TreeTokenSections.NodeToggleButton;
+    loadingIcon: TreeTokenSections.LoadingIcon;
+    filter: TreeTokenSections.Filter;
+    css: string;
+};
+
+export { css, _default as default, filter, loadingIcon, node, nodeIcon, nodeToggleButton, root };

package/dist/material/tree/index.mjs

@@ -0,0 +1 @@
+var o={background:"{content.background}",color:"{content.color}",padding:"1rem",gap:"2px",indent:"2rem",transitionDuration:"{transition.duration}"},r={padding:"0.5rem 0.75rem",borderRadius:"{border.radius.xs}",hoverBackground:"{content.hover.background}",selectedBackground:"{highlight.background}",color:"{text.color}",hoverColor:"{text.hover.color}",selectedColor:"{highlight.color}",focusRing:{width:"{focus.ring.width}",style:"{focus.ring.style}",color:"{focus.ring.color}",offset:"-1px",shadow:"{focus.ring.shadow}"},gap:"0.5rem"},e={color:"{text.muted.color}",hoverColor:"{text.hover.muted.color}",selectedColor:"{highlight.color}"},t={borderRadius:"50%",size:"2rem",hoverBackground:"{content.hover.background}",selectedHoverBackground:"{content.background}",color:"{text.muted.color}",hoverColor:"{text.hover.muted.color}",selectedHoverColor:"{primary.color}",focusRing:{width:"{focus.ring.width}",style:"{focus.ring.style}",color:"{focus.ring.color}",offset:"{focus.ring.offset}",shadow:"{focus.ring.shadow}"}},n={size:"2rem"},c={margin:"0 0 0.75rem 0"},css="\n.s-tree-node-content {\n    transition: none;\n}\n",d={root:o,node:r,nodeIcon:e,nodeToggleButton:t,loadingIcon:n,filter:c,css:css};export{css,d as default,c as filter,n as loadingIcon,r as node,e as nodeIcon,t as nodeToggleButton,o as root};//# sourceMappingURL=index.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/presets/material/tree/index.ts"],"sourcesContent":["import type { TreeDesignTokens, TreeTokenSections } from '@sparkux/themes/types/tree';\n\nexport const root: TreeTokenSections.Root = {\n    background: '{content.background}',\n    color: '{content.color}',\n    padding: '1rem',\n    gap: '2px',\n    indent: '2rem',\n    transitionDuration: '{transition.duration}'\n};\n\nexport const node: TreeTokenSections.Node = {\n    padding: '0.5rem 0.75rem',\n    borderRadius: '{border.radius.xs}',\n    hoverBackground: '{content.hover.background}',\n    selectedBackground: '{highlight.background}',\n    color: '{text.color}',\n    hoverColor: '{text.hover.color}',\n    selectedColor: '{highlight.color}',\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    gap: '0.5rem'\n};\n\nexport const nodeIcon: TreeTokenSections.NodeIcon = {\n    color: '{text.muted.color}',\n    hoverColor: '{text.hover.muted.color}',\n    selectedColor: '{highlight.color}'\n};\n\nexport const nodeToggleButton: TreeTokenSections.NodeToggleButton = {\n    borderRadius: '50%',\n    size: '2rem',\n    hoverBackground: '{content.hover.background}',\n    selectedHoverBackground: '{content.background}',\n    color: '{text.muted.color}',\n    hoverColor: '{text.hover.muted.color}',\n    selectedHoverColor: '{primary.color}',\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 loadingIcon: TreeTokenSections.LoadingIcon = {\n    size: '2rem'\n};\n\nexport const filter: TreeTokenSections.Filter = {\n    margin: '0 0 0.75rem 0'\n};\n\nexport const css: TreeTokenSections.CSS = /*css*/ `\n.s-tree-node-content {\n    transition: none;\n}\n`;\n\nexport default {\n    root,\n    node,\n    nodeIcon,\n    nodeToggleButton,\n    loadingIcon,\n    filter,\n    css\n} satisfies TreeDesignTokens;\n"],"mappings":";AAEO,IAAM,OAA+B;AAAA,EACxC,YAAY;AAAA,EACZ,OAAO;AAAA,EACP,SAAS;AAAA,EACT,KAAK;AAAA,EACL,QAAQ;AAAA,EACR,oBAAoB;AACxB;AAEO,IAAM,OAA+B;AAAA,EACxC,SAAS;AAAA,EACT,cAAc;AAAA,EACd,iBAAiB;AAAA,EACjB,oBAAoB;AAAA,EACpB,OAAO;AAAA,EACP,YAAY;AAAA,EACZ,eAAe;AAAA,EACf,WAAW;AAAA,IACP,OAAO;AAAA,IACP,OAAO;AAAA,IACP,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,QAAQ;AAAA,EACZ;AAAA,EACA,KAAK;AACT;AAEO,IAAM,WAAuC;AAAA,EAChD,OAAO;AAAA,EACP,YAAY;AAAA,EACZ,eAAe;AACnB;AAEO,IAAM,mBAAuD;AAAA,EAChE,cAAc;AAAA,EACd,MAAM;AAAA,EACN,iBAAiB;AAAA,EACjB,yBAAyB;AAAA,EACzB,OAAO;AAAA,EACP,YAAY;AAAA,EACZ,oBAAoB;AAAA,EACpB,WAAW;AAAA,IACP,OAAO;AAAA,IACP,OAAO;AAAA,IACP,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,QAAQ;AAAA,EACZ;AACJ;AAEO,IAAM,cAA6C;AAAA,EACtD,MAAM;AACV;AAEO,IAAM,SAAmC;AAAA,EAC5C,QAAQ;AACZ;AAEO,IAAM;AAAA;AAAA,EAAqC;AAAA;AAAA;AAAA;AAAA;AAAA;AAMlD,IAAO,eAAQ;AAAA,EACX;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ;","names":[]}

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

@@ -0,0 +1,25 @@
+import type { StyleOptions } from '@sparkux/styled';
+import type { TreeSelectTokenSections } from '@sparkux/themes/types/treeselect';
+
+export * from '@sparkux/themes/types/treeselect';
+
+declare const root: TreeSelectTokenSections.Root;
+declare const dropdown: TreeSelectTokenSections.Dropdown;
+declare const overlay: TreeSelectTokenSections.Overlay;
+declare const tree: TreeSelectTokenSections.Tree;
+declare const emptyMessage: TreeSelectTokenSections.EmptyMessage;
+declare const chip: TreeSelectTokenSections.Chip;
+declare const clearIcon: TreeSelectTokenSections.ClearIcon;
+declare const css: TreeSelectTokenSections.CSS;
+declare const _default: {
+    root: TreeSelectTokenSections.Root;
+    dropdown: TreeSelectTokenSections.Dropdown;
+    overlay: TreeSelectTokenSections.Overlay;
+    tree: TreeSelectTokenSections.Tree;
+    emptyMessage: TreeSelectTokenSections.EmptyMessage;
+    chip: TreeSelectTokenSections.Chip;
+    clearIcon: TreeSelectTokenSections.ClearIcon;
+    css: (options: StyleOptions) => string;
+};
+
+export { chip, clearIcon, css, _default as default, dropdown, emptyMessage, overlay, root, tree };

package/dist/material/treeselect/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}"}},e={width:"2.5rem",color:"{form.field.icon.color}"},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}"},l={padding:"{list.option.padding}"},t={borderRadius:"{border.radius.sm}"},i={color:"{form.field.icon.color}"},css="\n.s-treeselect.s-variant-filled {\n    border-bottom-left-radius: 0;\n    border-bottom-right-radius: 0;\n    border: 1px solid transparent;\n    background: dt('treeselect.filled.background') no-repeat;\n    background-image: linear-gradient(to bottom, dt('treeselect.focus.border.color'), dt('treeselect.focus.border.color')), linear-gradient(to bottom, dt('treeselect.border.color'), dt('treeselect.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-treeselect.s-variant-filled:not(.s-disabled):hover {\n    background: dt('treeselect.filled.hover.background') no-repeat;\n    background-image: linear-gradient(to bottom, dt('treeselect.focus.border.color'), dt('treeselect.focus.border.color')), linear-gradient(to bottom, dt('treeselect.hover.border.color'), dt('treeselect.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-treeselect.s-variant-filled:not(.s-disabled).s-focus {\n    outline: 0 none;\n    background: dt('treeselect.filled.focus.background') no-repeat;\n    background-image: linear-gradient(to bottom, dt('treeselect.focus.border.color'), dt('treeselect.focus.border.color')), linear-gradient(to bottom, dt('treeselect.border.color'), dt('treeselect.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-treeselect.s-variant-filled:not(.s-disabled).s-focus:hover {\n    background-image: linear-gradient(to bottom, dt('treeselect.focus.border.color'), dt('treeselect.focus.border.color')), linear-gradient(to bottom, dt('treeselect.hover.border.color'), dt('treeselect.hover.border.color'));\n}\n\n.s-treeselect.s-variant-filled.s-invalid {\n    background-image: linear-gradient(to bottom, dt('treeselect.invalid.border.color'), dt('treeselect.invalid.border.color')), linear-gradient(to bottom, dt('treeselect.invalid.border.color'), dt('treeselect.invalid.border.color'));\n}\n\n.s-treeselect.s-variant-filled.s-invalid:not(.s-disabled).s-focus  {\n    background-image: linear-gradient(to bottom, dt('treeselect.invalid.border.color'), dt('treeselect.invalid.border.color')), linear-gradient(to bottom, dt('treeselect.invalid.border.color'), dt('treeselect.invalid.border.color'));\n}\n",n={root:o,dropdown:e,overlay:r,tree:d,emptyMessage:l,chip:t,clearIcon:i,css:css};export{t as chip,i as clearIcon,css,n as default,e as dropdown,l as emptyMessage,r as overlay,o as root,d as tree};//# sourceMappingURL=index.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/presets/material/treeselect/index.ts"],"sourcesContent":["import type { TreeSelectDesignTokens, TreeSelectTokenSections } from '@sparkux/themes/types/treeselect';\n\nexport const root: TreeSelectTokenSections.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: TreeSelectTokenSections.Dropdown = {\n    width: '2.5rem',\n    color: '{form.field.icon.color}'\n};\n\nexport const overlay: TreeSelectTokenSections.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 tree: TreeSelectTokenSections.Tree = {\n    padding: '{list.padding}'\n};\n\nexport const emptyMessage: TreeSelectTokenSections.EmptyMessage = {\n    padding: '{list.option.padding}'\n};\n\nexport const chip: TreeSelectTokenSections.Chip = {\n    borderRadius: '{border.radius.sm}'\n};\n\nexport const clearIcon: TreeSelectTokenSections.ClearIcon = {\n    color: '{form.field.icon.color}'\n};\n\nexport const css: TreeSelectTokenSections.CSS = /*css*/ `\n.s-treeselect.s-variant-filled {\n    border-bottom-left-radius: 0;\n    border-bottom-right-radius: 0;\n    border: 1px solid transparent;\n    background: dt('treeselect.filled.background') no-repeat;\n    background-image: linear-gradient(to bottom, dt('treeselect.focus.border.color'), dt('treeselect.focus.border.color')), linear-gradient(to bottom, dt('treeselect.border.color'), dt('treeselect.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-treeselect.s-variant-filled:not(.s-disabled):hover {\n    background: dt('treeselect.filled.hover.background') no-repeat;\n    background-image: linear-gradient(to bottom, dt('treeselect.focus.border.color'), dt('treeselect.focus.border.color')), linear-gradient(to bottom, dt('treeselect.hover.border.color'), dt('treeselect.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-treeselect.s-variant-filled:not(.s-disabled).s-focus {\n    outline: 0 none;\n    background: dt('treeselect.filled.focus.background') no-repeat;\n    background-image: linear-gradient(to bottom, dt('treeselect.focus.border.color'), dt('treeselect.focus.border.color')), linear-gradient(to bottom, dt('treeselect.border.color'), dt('treeselect.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-treeselect.s-variant-filled:not(.s-disabled).s-focus:hover {\n    background-image: linear-gradient(to bottom, dt('treeselect.focus.border.color'), dt('treeselect.focus.border.color')), linear-gradient(to bottom, dt('treeselect.hover.border.color'), dt('treeselect.hover.border.color'));\n}\n\n.s-treeselect.s-variant-filled.s-invalid {\n    background-image: linear-gradient(to bottom, dt('treeselect.invalid.border.color'), dt('treeselect.invalid.border.color')), linear-gradient(to bottom, dt('treeselect.invalid.border.color'), dt('treeselect.invalid.border.color'));\n}\n\n.s-treeselect.s-variant-filled.s-invalid:not(.s-disabled).s-focus  {\n    background-image: linear-gradient(to bottom, dt('treeselect.invalid.border.color'), dt('treeselect.invalid.border.color')), linear-gradient(to bottom, dt('treeselect.invalid.border.color'), dt('treeselect.invalid.border.color'));\n}\n`;\n\nexport default {\n    root,\n    dropdown,\n    overlay,\n    tree,\n    emptyMessage,\n    chip,\n    clearIcon,\n    css\n} satisfies TreeSelectDesignTokens;\n"],"mappings":";AAEO,IAAM,OAAqC;AAAA,EAC9C,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,WAA6C;AAAA,EACtD,OAAO;AAAA,EACP,OAAO;AACX;AAEO,IAAM,UAA2C;AAAA,EACpD,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,cAAc;AAAA,EACd,OAAO;AAAA,EACP,QAAQ;AACZ;AAEO,IAAM,OAAqC;AAAA,EAC9C,SAAS;AACb;AAEO,IAAM,eAAqD;AAAA,EAC9D,SAAS;AACb;AAEO,IAAM,OAAqC;AAAA,EAC9C,cAAc;AAClB;AAEO,IAAM,YAA+C;AAAA,EACxD,OAAO;AACX;AAEO,IAAM;AAAA;AAAA,EAA2C;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;AA6CxD,IAAO,qBAAQ;AAAA,EACX;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ;","names":[]}

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

@@ -0,0 +1,43 @@
+import type { TreeTableTokenSections } from '@sparkux/themes/types/treetable';
+
+export * from '@sparkux/themes/types/treetable';
+
+declare const root: TreeTableTokenSections.Root;
+declare const header: TreeTableTokenSections.Header;
+declare const headerCell: TreeTableTokenSections.HeaderCell;
+declare const columnTitle: TreeTableTokenSections.ColumnTitle;
+declare const row: TreeTableTokenSections.Row;
+declare const bodyCell: TreeTableTokenSections.BodyCell;
+declare const footerCell: TreeTableTokenSections.FooterCell;
+declare const columnFooter: TreeTableTokenSections.ColumnFooter;
+declare const footer: TreeTableTokenSections.Footer;
+declare const columnResizer: TreeTableTokenSections.ColumnResizer;
+declare const resizeIndicator: TreeTableTokenSections.ResizeIndicator;
+declare const sortIcon: TreeTableTokenSections.SortIcon;
+declare const loadingIcon: TreeTableTokenSections.LoadingIcon;
+declare const nodeToggleButton: TreeTableTokenSections.NodeToggleButton;
+declare const paginatorTop: TreeTableTokenSections.PaginatorTop;
+declare const paginatorBottom: TreeTableTokenSections.PaginatorBottom;
+declare const colorScheme: TreeTableTokenSections.ColorScheme;
+declare const css: TreeTableTokenSections.CSS;
+declare const _default: {
+    root: TreeTableTokenSections.Root;
+    header: TreeTableTokenSections.Header;
+    headerCell: TreeTableTokenSections.HeaderCell;
+    columnTitle: TreeTableTokenSections.ColumnTitle;
+    row: TreeTableTokenSections.Row;
+    bodyCell: TreeTableTokenSections.BodyCell;
+    footerCell: TreeTableTokenSections.FooterCell;
+    columnFooter: TreeTableTokenSections.ColumnFooter;
+    footer: TreeTableTokenSections.Footer;
+    columnResizer: TreeTableTokenSections.ColumnResizer;
+    resizeIndicator: TreeTableTokenSections.ResizeIndicator;
+    sortIcon: TreeTableTokenSections.SortIcon;
+    loadingIcon: TreeTableTokenSections.LoadingIcon;
+    nodeToggleButton: TreeTableTokenSections.NodeToggleButton;
+    paginatorTop: TreeTableTokenSections.PaginatorTop;
+    paginatorBottom: TreeTableTokenSections.PaginatorBottom;
+    colorScheme: TreeTableTokenSections.ColorScheme;
+};
+
+export { bodyCell, colorScheme, columnFooter, columnResizer, columnTitle, css, _default as default, footer, footerCell, header, headerCell, loadingIcon, nodeToggleButton, paginatorBottom, paginatorTop, resizeIndicator, root, row, sortIcon };

package/dist/material/treetable/index.mjs

@@ -0,0 +1 @@
+var o={transitionDuration:"{transition.duration}"},r={background:"{content.background}",borderColor:"{treetable.border.color}",color:"{content.color}",borderWidth:"0 0 1px 0",padding:"0.75rem 1rem"},e={background:"{content.background}",hoverBackground:"{content.hover.background}",selectedBackground:"{highlight.background}",borderColor:"{treetable.border.color}",color:"{content.color}",hoverColor:"{content.hover.color}",selectedColor:"{highlight.color}",gap:"0.5rem",padding:"0.75rem 1rem",focusRing:{width:"{focus.ring.width}",style:"{focus.ring.style}",color:"{focus.ring.color}",offset:"-1px",shadow:"{focus.ring.shadow}"}},t={fontWeight:"600"},c={background:"{content.background}",hoverBackground:"{content.hover.background}",selectedBackground:"{highlight.background}",color:"{content.color}",hoverColor:"{content.hover.color}",selectedColor:"{highlight.color}",focusRing:{width:"{focus.ring.width}",style:"{focus.ring.style}",color:"{focus.ring.color}",offset:"-1px",shadow:"{focus.ring.shadow}"}},n={borderColor:"{treetable.border.color}",padding:"0.75rem 1rem",gap:"0.5rem"},l={background:"{content.background}",borderColor:"{treetable.border.color}",color:"{content.color}",padding:"0.75rem 1rem"},d={fontWeight:"600"},i={background:"{content.background}",borderColor:"{treetable.border.color}",color:"{content.color}",borderWidth:"0 0 1px 0",padding:"0.75rem 1rem"},a={width:"0.5rem"},g={width:"1px",color:"{primary.color}"},s={color:"{text.muted.color}",hoverColor:"{text.hover.muted.color}",size:"0.875rem"},h={size:"2rem"},u={hoverBackground:"{content.hover.background}",selectedHoverBackground:"{content.background}",color:"{text.muted.color}",hoverColor:"{text.color}",selectedHoverColor:"{primary.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}"}},b={borderColor:"{content.border.color}",borderWidth:"0 0 1px 0"},f={borderColor:"{content.border.color}",borderWidth:"0 0 1px 0"},m={light:{root:{borderColor:"{content.border.color}"},bodyCell:{selectedBorderColor:"{primary.100}"}},dark:{root:{borderColor:"{surface.800}"},bodyCell:{selectedBorderColor:"{primary.900}"}}},css="\n.s-treetable-header-cell,\n.s-treetable-tbody > tr {\n    transition: none;\n}\n",k={root:o,header:r,headerCell:e,columnTitle:t,row:c,bodyCell:n,footerCell:l,columnFooter:d,footer:i,columnResizer:a,resizeIndicator:g,sortIcon:s,loadingIcon:h,nodeToggleButton:u,paginatorTop:b,paginatorBottom:f,colorScheme:m};export{n as bodyCell,m as colorScheme,d as columnFooter,a as columnResizer,t as columnTitle,css,k as default,i as footer,l as footerCell,r as header,e as headerCell,h as loadingIcon,u as nodeToggleButton,f as paginatorBottom,b as paginatorTop,g as resizeIndicator,o as root,c as row,s as sortIcon};//# sourceMappingURL=index.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/presets/material/treetable/index.ts"],"sourcesContent":["import type { TreeTableDesignTokens, TreeTableTokenSections } from '@sparkux/themes/types/treetable';\n\nexport const root: TreeTableTokenSections.Root = {\n    transitionDuration: '{transition.duration}'\n};\n\nexport const header: TreeTableTokenSections.Header = {\n    background: '{content.background}',\n    borderColor: '{treetable.border.color}',\n    color: '{content.color}',\n    borderWidth: '0 0 1px 0',\n    padding: '0.75rem 1rem'\n};\n\nexport const headerCell: TreeTableTokenSections.HeaderCell = {\n    background: '{content.background}',\n    hoverBackground: '{content.hover.background}',\n    selectedBackground: '{highlight.background}',\n    borderColor: '{treetable.border.color}',\n    color: '{content.color}',\n    hoverColor: '{content.hover.color}',\n    selectedColor: '{highlight.color}',\n    gap: '0.5rem',\n    padding: '0.75rem 1rem',\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};\n\nexport const columnTitle: TreeTableTokenSections.ColumnTitle = {\n    fontWeight: '600'\n};\n\nexport const row: TreeTableTokenSections.Row = {\n    background: '{content.background}',\n    hoverBackground: '{content.hover.background}',\n    selectedBackground: '{highlight.background}',\n    color: '{content.color}',\n    hoverColor: '{content.hover.color}',\n    selectedColor: '{highlight.color}',\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};\n\nexport const bodyCell: TreeTableTokenSections.BodyCell = {\n    borderColor: '{treetable.border.color}',\n    padding: '0.75rem 1rem',\n    gap: '0.5rem'\n};\n\nexport const footerCell: TreeTableTokenSections.FooterCell = {\n    background: '{content.background}',\n    borderColor: '{treetable.border.color}',\n    color: '{content.color}',\n    padding: '0.75rem 1rem'\n};\n\nexport const columnFooter: TreeTableTokenSections.ColumnFooter = {\n    fontWeight: '600'\n};\n\nexport const footer: TreeTableTokenSections.Footer = {\n    background: '{content.background}',\n    borderColor: '{treetable.border.color}',\n    color: '{content.color}',\n    borderWidth: '0 0 1px 0',\n    padding: '0.75rem 1rem'\n};\n\nexport const columnResizer: TreeTableTokenSections.ColumnResizer = {\n    width: '0.5rem'\n};\n\nexport const resizeIndicator: TreeTableTokenSections.ResizeIndicator = {\n    width: '1px',\n    color: '{primary.color}'\n};\n\nexport const sortIcon: TreeTableTokenSections.SortIcon = {\n    color: '{text.muted.color}',\n    hoverColor: '{text.hover.muted.color}',\n    size: '0.875rem'\n};\n\nexport const loadingIcon: TreeTableTokenSections.LoadingIcon = {\n    size: '2rem'\n};\n\nexport const nodeToggleButton: TreeTableTokenSections.NodeToggleButton = {\n    hoverBackground: '{content.hover.background}',\n    selectedHoverBackground: '{content.background}',\n    color: '{text.muted.color}',\n    hoverColor: '{text.color}',\n    selectedHoverColor: '{primary.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 paginatorTop: TreeTableTokenSections.PaginatorTop = {\n    borderColor: '{content.border.color}',\n    borderWidth: '0 0 1px 0'\n};\n\nexport const paginatorBottom: TreeTableTokenSections.PaginatorBottom = {\n    borderColor: '{content.border.color}',\n    borderWidth: '0 0 1px 0'\n};\n\nexport const colorScheme: TreeTableTokenSections.ColorScheme = {\n    light: {\n        root: {\n            borderColor: '{content.border.color}'\n        },\n        bodyCell: {\n            selectedBorderColor: '{primary.100}'\n        }\n    },\n    dark: {\n        root: {\n            borderColor: '{surface.800}'\n        },\n        bodyCell: {\n            selectedBorderColor: '{primary.900}'\n        }\n    }\n};\n\nexport const css: TreeTableTokenSections.CSS = /*css*/ `\n.s-treetable-header-cell,\n.s-treetable-tbody > tr {\n    transition: none;\n}\n`;\n\nexport default {\n    root,\n    header,\n    headerCell,\n    columnTitle,\n    row,\n    bodyCell,\n    footerCell,\n    columnFooter,\n    footer,\n    columnResizer,\n    resizeIndicator,\n    sortIcon,\n    loadingIcon,\n    nodeToggleButton,\n    paginatorTop,\n    paginatorBottom,\n    colorScheme\n} satisfies TreeTableDesignTokens;\n"],"mappings":";AAEO,IAAM,OAAoC;AAAA,EAC7C,oBAAoB;AACxB;AAEO,IAAM,SAAwC;AAAA,EACjD,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,OAAO;AAAA,EACP,aAAa;AAAA,EACb,SAAS;AACb;AAEO,IAAM,aAAgD;AAAA,EACzD,YAAY;AAAA,EACZ,iBAAiB;AAAA,EACjB,oBAAoB;AAAA,EACpB,aAAa;AAAA,EACb,OAAO;AAAA,EACP,YAAY;AAAA,EACZ,eAAe;AAAA,EACf,KAAK;AAAA,EACL,SAAS;AAAA,EACT,WAAW;AAAA,IACP,OAAO;AAAA,IACP,OAAO;AAAA,IACP,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,QAAQ;AAAA,EACZ;AACJ;AAEO,IAAM,cAAkD;AAAA,EAC3D,YAAY;AAChB;AAEO,IAAM,MAAkC;AAAA,EAC3C,YAAY;AAAA,EACZ,iBAAiB;AAAA,EACjB,oBAAoB;AAAA,EACpB,OAAO;AAAA,EACP,YAAY;AAAA,EACZ,eAAe;AAAA,EACf,WAAW;AAAA,IACP,OAAO;AAAA,IACP,OAAO;AAAA,IACP,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,QAAQ;AAAA,EACZ;AACJ;AAEO,IAAM,WAA4C;AAAA,EACrD,aAAa;AAAA,EACb,SAAS;AAAA,EACT,KAAK;AACT;AAEO,IAAM,aAAgD;AAAA,EACzD,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,OAAO;AAAA,EACP,SAAS;AACb;AAEO,IAAM,eAAoD;AAAA,EAC7D,YAAY;AAChB;AAEO,IAAM,SAAwC;AAAA,EACjD,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,OAAO;AAAA,EACP,aAAa;AAAA,EACb,SAAS;AACb;AAEO,IAAM,gBAAsD;AAAA,EAC/D,OAAO;AACX;AAEO,IAAM,kBAA0D;AAAA,EACnE,OAAO;AAAA,EACP,OAAO;AACX;AAEO,IAAM,WAA4C;AAAA,EACrD,OAAO;AAAA,EACP,YAAY;AAAA,EACZ,MAAM;AACV;AAEO,IAAM,cAAkD;AAAA,EAC3D,MAAM;AACV;AAEO,IAAM,mBAA4D;AAAA,EACrE,iBAAiB;AAAA,EACjB,yBAAyB;AAAA,EACzB,OAAO;AAAA,EACP,YAAY;AAAA,EACZ,oBAAoB;AAAA,EACpB,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,eAAoD;AAAA,EAC7D,aAAa;AAAA,EACb,aAAa;AACjB;AAEO,IAAM,kBAA0D;AAAA,EACnE,aAAa;AAAA,EACb,aAAa;AACjB;AAEO,IAAM,cAAkD;AAAA,EAC3D,OAAO;AAAA,IACH,MAAM;AAAA,MACF,aAAa;AAAA,IACjB;AAAA,IACA,UAAU;AAAA,MACN,qBAAqB;AAAA,IACzB;AAAA,EACJ;AAAA,EACA,MAAM;AAAA,IACF,MAAM;AAAA,MACF,aAAa;AAAA,IACjB;AAAA,IACA,UAAU;AAAA,MACN,qBAAqB;AAAA,IACzB;AAAA,EACJ;AACJ;AAEO,IAAM;AAAA;AAAA,EAA0C;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAOvD,IAAO,oBAAQ;AAAA,EACX;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ;","names":[]}

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

@@ -0,0 +1,12 @@
+import type { VirtualScrollerTokenSections } from '@sparkux/themes/types/virtualscroller';
+
+export * from '@sparkux/themes/types/virtualscroller';
+
+declare const loader: VirtualScrollerTokenSections.Loader;
+declare const css: VirtualScrollerTokenSections.CSS;
+declare const _default: {
+    loader: VirtualScrollerTokenSections.Loader;
+    css: string;
+};
+
+export { css, _default as default, loader };

package/dist/material/virtualscroller/index.mjs

@@ -0,0 +1 @@
+var o={mask:{background:"{content.background}",color:"{text.muted.color}"},icon:{size:"2rem"}},css="",e={loader:o,css:""};export{css,e as default,o as loader};//# sourceMappingURL=index.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/presets/material/virtualscroller/index.ts"],"sourcesContent":["import type { VirtualScrollerDesignTokens, VirtualScrollerTokenSections } from '@sparkux/themes/types/virtualscroller';\n\nexport const loader: VirtualScrollerTokenSections.Loader = {\n    mask: {\n        background: '{content.background}',\n        color: '{text.muted.color}'\n    },\n    icon: {\n        size: '2rem'\n    }\n};\n\nexport const css: VirtualScrollerTokenSections.CSS = /*css*/ ``;\n\nexport default {\n    loader,\n    css\n} satisfies VirtualScrollerDesignTokens;\n"],"mappings":";AAEO,IAAM,SAA8C;AAAA,EACvD,MAAM;AAAA,IACF,YAAY;AAAA,IACZ,OAAO;AAAA,EACX;AAAA,EACA,MAAM;AAAA,IACF,MAAM;AAAA,EACV;AACJ;AAEO,IAAM;AAAA;AAAA,EAAgD;AAAA;AAE7D,IAAO,0BAAQ;AAAA,EACX;AAAA,EACA;AACJ;","names":[]}

package/dist/nora/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/nora/accordion/index.mjs

@@ -0,0 +1 @@
+var o={transitionDuration:"{transition.duration}"},r={borderWidth:"0",borderColor:"{content.border.color}"},t={color:"{text.color}",hoverColor:"{text.color}",activeColor:"{text.color}",activeHoverColor:"{text.color}",padding:"1.125rem",fontWeight:"700",borderRadius:"0",borderWidth:"0 1px 1px 1px",borderColor:"{content.border.color}",background:"{content.background}",hoverBackground:"{content.hover.background}",activeBackground:"{content.background}",activeHoverBackground:"{content.hover.background}",focusRing:{width:"{focus.ring.width}",style:"{focus.ring.style}",color:"{focus.ring.color}",offset:"-2px",shadow:"{focus.ring.shadow}"},toggleIcon:{color:"{text.color}",hoverColor:"{text.color}",activeColor:"{text.color}",activeHoverColor:"{text.color}"},first:{topBorderRadius:"{content.border.radius}",borderWidth:"1px"},last:{bottomBorderRadius:"{content.border.radius}",activeBottomBorderRadius:"0"}},e={borderWidth:"0 1px 1px 1px",borderColor:"{content.border.color}",background:"{content.background}",color:"{text.color}",padding:"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/nora/accordion/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/presets/nora/accordion/index.ts"],"sourcesContent":["import type { AccordionDesignTokens, AccordionTokenSections } from '@sparkux/themes/types/accordion';\n\nexport const root: AccordionTokenSections.Root = {\n    transitionDuration: '{transition.duration}'\n};\n\nexport const panel: AccordionTokenSections.Panel = {\n    borderWidth: '0',\n    borderColor: '{content.border.color}'\n};\n\nexport const header: AccordionTokenSections.Header = {\n    color: '{text.color}',\n    hoverColor: '{text.color}',\n    activeColor: '{text.color}',\n    activeHoverColor: '{text.color}',\n    padding: '1.125rem',\n    fontWeight: '700',\n    borderRadius: '0',\n    borderWidth: '0 1px 1px 1px',\n    borderColor: '{content.border.color}',\n    background: '{content.background}',\n    hoverBackground: '{content.hover.background}',\n    activeBackground: '{content.background}',\n    activeHoverBackground: '{content.hover.background}',\n    focusRing: {\n        width: '{focus.ring.width}',\n        style: '{focus.ring.style}',\n        color: '{focus.ring.color}',\n        offset: '-2px',\n        shadow: '{focus.ring.shadow}'\n    },\n    toggleIcon: {\n        color: '{text.color}',\n        hoverColor: '{text.color}',\n        activeColor: '{text.color}',\n        activeHoverColor: '{text.color}'\n    },\n    first: {\n        topBorderRadius: '{content.border.radius}',\n        borderWidth: '1px'\n    },\n    last: {\n        bottomBorderRadius: '{content.border.radius}',\n        activeBottomBorderRadius: '0'\n    }\n};\n\nexport const content: AccordionTokenSections.Content = {\n    borderWidth: '0 1px 1px 1px',\n    borderColor: '{content.border.color}',\n    background: '{content.background}',\n    color: '{text.color}',\n    padding: '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/nora/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/nora/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"},background:"{form.field.background}",color:"{form.field.icon.color}",hoverColor:"{form.field.icon.color}",activeColor:"{form.field.icon.color}",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.xs}"},f={padding:"{list.option.padding}"},s={light:{chip:{focusBackground:"{surface.300}",focusColor:"{surface.900}"},dropdown:{hoverBackground:"{surface.200}",activeBackground:"{surface.300}"}},dark:{chip:{focusBackground:"{surface.600}",focusColor:"{surface.0}"},dropdown:{hoverBackground:"{surface.700}",activeBackground:"{surface.600}"}}},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/nora/autocomplete/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/presets/nora/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    background: '{form.field.background}',\n    color: '{form.field.icon.color}',\n    hoverColor: '{form.field.icon.color}',\n    activeColor: '{form.field.icon.color}',\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.xs}'\n};\n\nexport const emptyMessage: AutoCompleteTokenSections.EmptyMessage = {\n    padding: '{list.option.padding}'\n};\n\nexport const colorScheme: AutoCompleteTokenSections.ColorScheme = {\n    light: {\n        chip: {\n            focusBackground: '{surface.300}',\n            focusColor: '{surface.900}'\n        },\n        dropdown: {\n            hoverBackground: '{surface.200}',\n            activeBackground: '{surface.300}'\n        }\n    },\n    dark: {\n        chip: {\n            focusBackground: '{surface.600}',\n            focusColor: '{surface.0}'\n        },\n        dropdown: {\n            hoverBackground: '{surface.700}',\n            activeBackground: '{surface.600}'\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,YAAY;AAAA,EACZ,OAAO;AAAA,EACP,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,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,iBAAiB;AAAA,MACjB,kBAAkB;AAAA,IACtB;AAAA,EACJ;AAAA,EACA,MAAM;AAAA,IACF,MAAM;AAAA,MACF,iBAAiB;AAAA,MACjB,YAAY;AAAA,IAChB;AAAA,IACA,UAAU;AAAA,MACN,iBAAiB;AAAA,MACjB,kBAAkB;AAAA,IACtB;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/nora/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/nora/avatar/index.mjs

@@ -0,0 +1 @@
+var e={width:"2rem",height:"2rem",fontSize:"1rem",background:"{content.hover.background}",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/nora/avatar/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/presets/nora/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.hover.background}',\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/nora/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/nora/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.200}",color:"{surface.700}"},success:{background:"{green.600}",color:"{surface.0}"},info:{background:"{sky.600}",color:"{surface.0}"},warn:{background:"{orange.600}",color:"{surface.0}"},danger:{background:"{red.600}",color:"{surface.0}"},contrast:{background:"{surface.950}",color:"{surface.0}"}},dark:{primary:{background:"{primary.color}",color:"{primary.contrast.color}"},secondary:{background:"{surface.700}",color:"{surface.200}"},success:{background:"{green.500}",color:"{green.950}"},info:{background:"{sky.500}",color:"{sky.950}"},warn:{background:"{orange.500}",color:"{orange.950}"},danger:{background:"{red.500}",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