@sparkux/themes 0.0.0-stage → 2.0.3

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

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

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

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

package/dist/material/blockui/index.mjs

@@ -0,0 +1 @@
+var r={borderRadius:"{content.border.radius}"},css="",o={root:r,css:""};export{css,o as default,r as root};//# sourceMappingURL=index.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/presets/material/blockui/index.ts"],"sourcesContent":["import type { BlockUIDesignTokens, BlockUITokenSections } from '@sparkux/themes/types/blockui';\n\nexport const root: BlockUITokenSections.Root = {\n    borderRadius: '{content.border.radius}'\n};\n\nexport const css: BlockUITokenSections.CSS = /*css*/ ``;\n\nexport default {\n    root,\n    css\n} satisfies BlockUIDesignTokens;\n"],"mappings":";AAEO,IAAM,OAAkC;AAAA,EAC3C,cAAc;AAClB;AAEO,IAAM;AAAA;AAAA,EAAwC;AAAA;AAErD,IAAO,kBAAQ;AAAA,EACX;AAAA,EACA;AACJ;","names":[]}

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

@@ -0,0 +1,16 @@
+import type { BreadcrumbTokenSections } from '@sparkux/themes/types/breadcrumb';
+
+export * from '@sparkux/themes/types/breadcrumb';
+
+declare const root: BreadcrumbTokenSections.Root;
+declare const item: BreadcrumbTokenSections.Item;
+declare const separator: BreadcrumbTokenSections.Separator;
+declare const css: BreadcrumbTokenSections.CSS;
+declare const _default: {
+    root: BreadcrumbTokenSections.Root;
+    item: BreadcrumbTokenSections.Item;
+    separator: BreadcrumbTokenSections.Separator;
+    css: string;
+};
+
+export { css, _default as default, item, root, separator };

package/dist/material/breadcrumb/index.mjs

@@ -0,0 +1 @@
+var o={padding:"1rem",background:"{content.background}",gap:"0.5rem",transitionDuration:"{transition.duration}"},r={color:"{text.muted.color}",hoverColor:"{text.color}",borderRadius:"{content.border.radius}",gap:"{navigation.item.gap}",icon:{color:"{navigation.item.icon.color}",hoverColor:"{navigation.item.icon.focus.color}"},focusRing:{width:"{focus.ring.width}",style:"{focus.ring.style}",color:"{focus.ring.color}",offset:"{focus.ring.offset}",shadow:"{focus.ring.shadow}"}},i={color:"{navigation.item.icon.color}"},css="",t={root:o,item:r,separator:i,css:""};export{css,t as default,r as item,o as root,i as separator};//# sourceMappingURL=index.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/presets/material/breadcrumb/index.ts"],"sourcesContent":["import type { BreadcrumbDesignTokens, BreadcrumbTokenSections } from '@sparkux/themes/types/breadcrumb';\n\nexport const root: BreadcrumbTokenSections.Root = {\n    padding: '1rem',\n    background: '{content.background}',\n    gap: '0.5rem',\n    transitionDuration: '{transition.duration}'\n};\n\nexport const item: BreadcrumbTokenSections.Item = {\n    color: '{text.muted.color}',\n    hoverColor: '{text.color}',\n    borderRadius: '{content.border.radius}',\n    gap: '{navigation.item.gap}',\n    icon: {\n        color: '{navigation.item.icon.color}',\n        hoverColor: '{navigation.item.icon.focus.color}'\n    },\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 separator: BreadcrumbTokenSections.Separator = {\n    color: '{navigation.item.icon.color}'\n};\n\nexport const css: BreadcrumbTokenSections.CSS = /*css*/ ``;\n\nexport default {\n    root,\n    item,\n    separator,\n    css\n} satisfies BreadcrumbDesignTokens;\n"],"mappings":";AAEO,IAAM,OAAqC;AAAA,EAC9C,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,KAAK;AAAA,EACL,oBAAoB;AACxB;AAEO,IAAM,OAAqC;AAAA,EAC9C,OAAO;AAAA,EACP,YAAY;AAAA,EACZ,cAAc;AAAA,EACd,KAAK;AAAA,EACL,MAAM;AAAA,IACF,OAAO;AAAA,IACP,YAAY;AAAA,EAChB;AAAA,EACA,WAAW;AAAA,IACP,OAAO;AAAA,IACP,OAAO;AAAA,IACP,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,QAAQ;AAAA,EACZ;AACJ;AAEO,IAAM,YAA+C;AAAA,EACxD,OAAO;AACX;AAEO,IAAM;AAAA;AAAA,EAA2C;AAAA;AAExD,IAAO,qBAAQ;AAAA,EACX;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ;","names":[]}

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

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

package/dist/material/button/index.mjs

@@ -0,0 +1 @@
+var r={borderRadius:"{form.field.border.radius}",roundedBorderRadius:"2rem",gap:"0.5rem",paddingX:"1rem",paddingY:"0.625rem",iconOnlyWidth:"3rem",sm:{fontSize:"{form.field.sm.font.size}",paddingX:"{form.field.sm.padding.x}",paddingY:"{form.field.sm.padding.y}",iconOnlyWidth:"2.5rem"},lg:{fontSize:"{form.field.lg.font.size}",paddingX:"{form.field.lg.padding.x}",paddingY:"{form.field.lg.padding.y}",iconOnlyWidth:"3.5rem"},label:{fontWeight:"500"},raisedShadow:"0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12)",focusRing:{width:"{focus.ring.width}",style:"{focus.ring.style}",offset:"{focus.ring.offset}"},badgeSize:"1rem",transitionDuration:"{form.field.transition.duration}"},o={light:{root:{primary:{background:"{primary.color}",hoverBackground:"{primary.hover.color}",activeBackground:"{primary.active.color}",borderColor:"{primary.color}",hoverBorderColor:"{primary.hover.color}",activeBorderColor:"{primary.active.color}",color:"{primary.contrast.color}",hoverColor:"{primary.contrast.color}",activeColor:"{primary.contrast.color}",focusRing:{color:"{primary.color}",shadow:"none"}},secondary:{background:"{surface.100}",hoverBackground:"{surface.200}",activeBackground:"{surface.300}",borderColor:"{surface.100}",hoverBorderColor:"{surface.200}",activeBorderColor:"{surface.300}",color:"{surface.600}",hoverColor:"{surface.700}",activeColor:"{surface.800}",focusRing:{color:"{surface.600}",shadow:"none"}},info:{background:"{sky.500}",hoverBackground:"{sky.400}",activeBackground:"{sky.300}",borderColor:"{sky.500}",hoverBorderColor:"{sky.400}",activeBorderColor:"{sky.300}",color:"#ffffff",hoverColor:"#ffffff",activeColor:"#ffffff",focusRing:{color:"{sky.500}",shadow:"none"}},success:{background:"{green.500}",hoverBackground:"{green.400}",activeBackground:"{green.300}",borderColor:"{green.500}",hoverBorderColor:"{green.400}",activeBorderColor:"{green.300}",color:"#ffffff",hoverColor:"#ffffff",activeColor:"#ffffff",focusRing:{color:"{green.500}",shadow:"none"}},warn:{background:"{orange.500}",hoverBackground:"{orange.400}",activeBackground:"{orange.300}",borderColor:"{orange.500}",hoverBorderColor:"{orange.400}",activeBorderColor:"{orange.300}",color:"#ffffff",hoverColor:"#ffffff",activeColor:"#ffffff",focusRing:{color:"{orange.500}",shadow:"none"}},help:{background:"{purple.500}",hoverBackground:"{purple.400}",activeBackground:"{purple.300}",borderColor:"{purple.500}",hoverBorderColor:"{purple.400}",activeBorderColor:"{purple.300}",color:"#ffffff",hoverColor:"#ffffff",activeColor:"#ffffff",focusRing:{color:"{purple.500}",shadow:"none"}},danger:{background:"{red.500}",hoverBackground:"{red.400}",activeBackground:"{red.300}",borderColor:"{red.500}",hoverBorderColor:"{red.400}",activeBorderColor:"{red.300}",color:"#ffffff",hoverColor:"#ffffff",activeColor:"#ffffff",focusRing:{color:"{red.500}",shadow:"none"}},contrast:{background:"{surface.950}",hoverBackground:"{surface.800}",activeBackground:"{surface.700}",borderColor:"{surface.950}",hoverBorderColor:"{surface.800}",activeBorderColor:"{surface.700}",color:"{surface.0}",hoverColor:"{surface.0}",activeColor:"{surface.0}",focusRing:{color:"{surface.950}",shadow:"none"}}},outlined:{primary:{hoverBackground:"{primary.50}",activeBackground:"{primary.100}",borderColor:"{primary.color}",color:"{primary.color}"},secondary:{hoverBackground:"{surface.50}",activeBackground:"{surface.100}",borderColor:"{surface.600}",color:"{surface.600}"},success:{hoverBackground:"{green.50}",activeBackground:"{green.100}",borderColor:"{green.500}",color:"{green.500}"},info:{hoverBackground:"{sky.50}",activeBackground:"{sky.100}",borderColor:"{sky.500}",color:"{sky.500}"},warn:{hoverBackground:"{orange.50}",activeBackground:"{orange.100}",borderColor:"{orange.500}",color:"{orange.500}"},help:{hoverBackground:"{purple.50}",activeBackground:"{purple.100}",borderColor:"{purple.500}",color:"{purple.500}"},danger:{hoverBackground:"{red.50}",activeBackground:"{red.100}",borderColor:"{red.500}",color:"{red.500}"},contrast:{hoverBackground:"{surface.50}",activeBackground:"{surface.100}",borderColor:"{surface.950}",color:"{surface.950}"},plain:{hoverBackground:"{surface.50}",activeBackground:"{surface.100}",borderColor:"{surface.900}",color:"{surface.900}"}},text:{primary:{hoverBackground:"{primary.50}",activeBackground:"{primary.100}",color:"{primary.color}"},secondary:{hoverBackground:"{surface.50}",activeBackground:"{surface.100}",color:"{surface.600}"},success:{hoverBackground:"{green.50}",activeBackground:"{green.100}",color:"{green.500}"},info:{hoverBackground:"{sky.50}",activeBackground:"{sky.100}",color:"{sky.500}"},warn:{hoverBackground:"{orange.50}",activeBackground:"{orange.100}",color:"{orange.500}"},help:{hoverBackground:"{purple.50}",activeBackground:"{purple.100}",color:"{purple.500}"},danger:{hoverBackground:"{red.50}",activeBackground:"{red.100}",color:"{red.500}"},contrast:{hoverBackground:"{surface.50}",activeBackground:"{surface.100}",color:"{surface.950}"},plain:{hoverBackground:"{surface.50}",activeBackground:"{surface.100}",color:"{surface.900}"}},link:{color:"{primary.color}",hoverColor:"{primary.color}",activeColor:"{primary.color}"}},dark:{root:{primary:{background:"{primary.color}",hoverBackground:"{primary.hover.color}",activeBackground:"{primary.active.color}",borderColor:"{primary.color}",hoverBorderColor:"{primary.hover.color}",activeBorderColor:"{primary.active.color}",color:"{primary.contrast.color}",hoverColor:"{primary.contrast.color}",activeColor:"{primary.contrast.color}",focusRing:{color:"{primary.color}",shadow:"none"}},secondary:{background:"{surface.800}",hoverBackground:"{surface.700}",activeBackground:"{surface.600}",borderColor:"{surface.800}",hoverBorderColor:"{surface.700}",activeBorderColor:"{surface.600}",color:"{surface.300}",hoverColor:"{surface.200}",activeColor:"{surface.100}",focusRing:{color:"{surface.300}",shadow:"none"}},info:{background:"{sky.400}",hoverBackground:"{sky.300}",activeBackground:"{sky.200}",borderColor:"{sky.400}",hoverBorderColor:"{sky.300}",activeBorderColor:"{sky.200}",color:"{sky.950}",hoverColor:"{sky.950}",activeColor:"{sky.950}",focusRing:{color:"{sky.400}",shadow:"none"}},success:{background:"{green.400}",hoverBackground:"{green.300}",activeBackground:"{green.200}",borderColor:"{green.400}",hoverBorderColor:"{green.300}",activeBorderColor:"{green.200}",color:"{green.950}",hoverColor:"{green.950}",activeColor:"{green.950}",focusRing:{color:"{green.400}",shadow:"none"}},warn:{background:"{orange.400}",hoverBackground:"{orange.300}",activeBackground:"{orange.200}",borderColor:"{orange.400}",hoverBorderColor:"{orange.300}",activeBorderColor:"{orange.200}",color:"{orange.950}",hoverColor:"{orange.950}",activeColor:"{orange.950}",focusRing:{color:"{orange.400}",shadow:"none"}},help:{background:"{purple.400}",hoverBackground:"{purple.300}",activeBackground:"{purple.200}",borderColor:"{purple.400}",hoverBorderColor:"{purple.300}",activeBorderColor:"{purple.200}",color:"{purple.950}",hoverColor:"{purple.950}",activeColor:"{purple.950}",focusRing:{color:"{purple.400}",shadow:"none"}},danger:{background:"{red.400}",hoverBackground:"{red.300}",activeBackground:"{red.200}",borderColor:"{red.400}",hoverBorderColor:"{red.300}",activeBorderColor:"{red.200}",color:"{red.950}",hoverColor:"{red.950}",activeColor:"{red.950}",focusRing:{color:"{red.400}",shadow:"none"}},contrast:{background:"{surface.0}",hoverBackground:"{surface.100}",activeBackground:"{surface.200}",borderColor:"{surface.0}",hoverBorderColor:"{surface.100}",activeBorderColor:"{surface.200}",color:"{surface.950}",hoverColor:"{surface.950}",activeColor:"{surface.950}",focusRing:{color:"{surface.0}",shadow:"none"}}},outlined:{primary:{hoverBackground:"color-mix(in srgb, {primary.color}, transparent 96%)",activeBackground:"color-mix(in srgb, {primary.color}, transparent 84%)",borderColor:"{primary.700}",color:"{primary.color}"},secondary:{hoverBackground:"rgba(255,255,255,0.04)",activeBackground:"rgba(255,255,255,0.16)",borderColor:"{surface.700}",color:"{surface.400}"},success:{hoverBackground:"color-mix(in srgb, {green.400}, transparent 96%)",activeBackground:"color-mix(in srgb, {green.400}, transparent 84%)",borderColor:"{green.700}",color:"{green.400}"},info:{hoverBackground:"color-mix(in srgb, {sky.400}, transparent 96%)",activeBackground:"color-mix(in srgb, {sky.400}, transparent 84%)",borderColor:"{sky.700}",color:"{sky.400}"},warn:{hoverBackground:"color-mix(in srgb, {orange.400}, transparent 96%)",activeBackground:"color-mix(in srgb, {orange.400}, transparent 84%)",borderColor:"{orange.700}",color:"{orange.400}"},help:{hoverBackground:"color-mix(in srgb, {purple.400}, transparent 96%)",activeBackground:"color-mix(in srgb, {purple.400}, transparent 84%)",borderColor:"{purple.700}",color:"{purple.400}"},danger:{hoverBackground:"color-mix(in srgb, {red.400}, transparent 96%)",activeBackground:"color-mix(in srgb, {red.400}, transparent 84%)",borderColor:"{red.700}",color:"{red.400}"},contrast:{hoverBackground:"{surface.800}",activeBackground:"{surface.700}",borderColor:"{surface.500}",color:"{surface.0}"},plain:{hoverBackground:"{surface.800}",activeBackground:"{surface.700}",borderColor:"{surface.600}",color:"{surface.0}"}},text:{primary:{hoverBackground:"color-mix(in srgb, {primary.color}, transparent 96%)",activeBackground:"color-mix(in srgb, {primary.color}, transparent 84%)",color:"{primary.color}"},secondary:{hoverBackground:"{surface.800}",activeBackground:"{surface.700}",color:"{surface.400}"},success:{hoverBackground:"color-mix(in srgb, {green.400}, transparent 96%)",activeBackground:"color-mix(in srgb, {green.400}, transparent 84%)",color:"{green.400}"},info:{hoverBackground:"color-mix(in srgb, {sky.400}, transparent 96%)",activeBackground:"color-mix(in srgb, {sky.400}, transparent 84%)",color:"{sky.400}"},warn:{hoverBackground:"color-mix(in srgb, {orange.400}, transparent 96%)",activeBackground:"color-mix(in srgb, {orange.400}, transparent 84%)",color:"{orange.400}"},help:{hoverBackground:"color-mix(in srgb, {purple.400}, transparent 96%)",activeBackground:"color-mix(in srgb, {purple.400}, transparent 84%)",color:"{purple.400}"},danger:{hoverBackground:"color-mix(in srgb, {red.400}, transparent 96%)",activeBackground:"color-mix(in srgb, {red.400}, transparent 84%)",color:"{red.400}"},contrast:{hoverBackground:"{surface.800}",activeBackground:"{surface.700}",color:"{surface.0}"},plain:{hoverBackground:"{surface.800}",activeBackground:"{surface.700}",color:"{surface.0}"}},link:{color:"{primary.color}",hoverColor:"{primary.color}",activeColor:"{primary.color}"}}},css="\n.s-button:focus-visible {\n    background: dt('button.primary.active.background');\n    border-color: dt('button.primary.active.background');\n}\n\n.s-button-secondary:focus-visible {\n    background: dt('button.secondary.active.background');\n    border-color: dt('button.secondary.active.background');\n}\n\n.s-button-success:focus-visible {\n    background: dt('button.success.active.background');\n    border-color: dt('button.success.active.background');\n}\n\n.s-button-info:focus-visible {\n    background: dt('button.info.active.background');\n    border-color: dt('button.info.active.background');\n}\n\n.s-button-warn:focus-visible {\n    background: dt('button.warn.active.background');\n    border-color: dt('button.warn.active.background');\n}\n\n.s-button-help:focus-visible {\n    background: dt('button.help.active.background');\n    border-color: dt('button.help.active.background');\n}\n\n.s-button-danger:focus-visible {\n    background: dt('button.danger.active.background');\n    border-color: dt('button.danger.active.background');\n}\n\n.s-button-contrast:focus-visible {\n    background: dt('button.contrast.active.background');\n    border-color: dt('button.contrast.active.background');\n}\n\n.s-button-link:focus-visible {\n    background: color-mix(in srgb, dt('primary.color'), transparent 84%);\n    border-color: transparent;\n}\n\n.s-button-text:focus-visible {\n    background: dt('button.text.primary.active.background');\n    border-color: transparent;\n}\n\n.s-button-secondary.s-button-text:focus-visible {\n    background: dt('button.text.secondary.active.background');\n    border-color: transparent;\n}\n\n.s-button-success.s-button-text:focus-visible {\n    background: dt('button.text.success.active.background');\n    border-color: transparent;\n}\n\n.s-button-info.s-button-text:focus-visible {\n    background: dt('button.text.info.active.background');\n    border-color: transparent;\n}\n\n.s-button-warn.s-button-text:focus-visible {\n    background: dt('button.text.warn.active.background');\n    border-color: transparent;\n}\n\n.s-button-help.s-button-text:focus-visible {\n    background: dt('button.text.help.active.background');\n    border-color: transparent;\n}\n\n.s-button-danger.s-button-text:focus-visible {\n    background: dt('button.text.danger.active.background');\n    border-color: transparent;\n}\n\n.s-button-contrast.s-button-text:focus-visible {\n    background: dt('button.text.contrast.active.background');\n    border-color: transparent;\n}\n\n.s-button-plain.s-button-text:focus-visible {\n    background: dt('button.text.plain.active.background');\n    border-color: transparent;\n}\n\n.s-button-outlined:focus-visible {\n    background: dt('button.outlined.primary.active.background');\n}\n\n.s-button-secondary.s-button-outlined:focus-visible {\n    background: dt('button.outlined.secondary.active.background');\n    border-color: dt('button.outlined.secondary.border.color');\n}\n\n.s-button-success.s-button-outlined:focus-visible {\n    background: dt('button.outlined.success.active.background');\n}\n\n.s-button-info.s-button-outlined:focus-visible {\n    background: dt('button.outlined.info.active.background');\n}\n\n.s-button-warn.s-button-outlined:focus-visible {\n    background: dt('button.outlined.warn.active.background');\n}\n\n.s-button-help.s-button-outlined:focus-visible {\n    background: dt('button.outlined.help.active.background');\n}\n\n.s-button-danger.s-button-outlined:focus-visible {\n    background: dt('button.outlined.danger.active.background');\n}\n\n.s-button-contrast.s-button-outlined:focus-visible {\n    background: dt('button.outlined.contrast.active.background');\n}\n\n.s-button-plain.s-button-outlined:focus-visible {\n    background: dt('button.outlined.plain.active.background');\n}\n",e={root:r,colorScheme:o,css:css};export{o as colorScheme,css,e as default,r as root};//# sourceMappingURL=index.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/presets/material/button/index.ts"],"sourcesContent":["import type { ButtonDesignTokens, ButtonTokenSections } from '@sparkux/themes/types/button';\n\nexport const root: ButtonTokenSections.Root = {\n    borderRadius: '{form.field.border.radius}',\n    roundedBorderRadius: '2rem',\n    gap: '0.5rem',\n    paddingX: '1rem',\n    paddingY: '0.625rem',\n    iconOnlyWidth: '3rem',\n    sm: {\n        fontSize: '{form.field.sm.font.size}',\n        paddingX: '{form.field.sm.padding.x}',\n        paddingY: '{form.field.sm.padding.y}',\n        iconOnlyWidth: '2.5rem'\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        iconOnlyWidth: '3.5rem'\n    },\n    label: {\n        fontWeight: '500'\n    },\n    raisedShadow: '0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12)',\n    focusRing: {\n        width: '{focus.ring.width}',\n        style: '{focus.ring.style}',\n        offset: '{focus.ring.offset}'\n    },\n    badgeSize: '1rem',\n    transitionDuration: '{form.field.transition.duration}'\n};\n\nexport const colorScheme: ButtonTokenSections.ColorScheme = {\n    light: {\n        root: {\n            primary: {\n                background: '{primary.color}',\n                hoverBackground: '{primary.hover.color}',\n                activeBackground: '{primary.active.color}',\n                borderColor: '{primary.color}',\n                hoverBorderColor: '{primary.hover.color}',\n                activeBorderColor: '{primary.active.color}',\n                color: '{primary.contrast.color}',\n                hoverColor: '{primary.contrast.color}',\n                activeColor: '{primary.contrast.color}',\n                focusRing: {\n                    color: '{primary.color}',\n                    shadow: 'none'\n                }\n            },\n            secondary: {\n                background: '{surface.100}',\n                hoverBackground: '{surface.200}',\n                activeBackground: '{surface.300}',\n                borderColor: '{surface.100}',\n                hoverBorderColor: '{surface.200}',\n                activeBorderColor: '{surface.300}',\n                color: '{surface.600}',\n                hoverColor: '{surface.700}',\n                activeColor: '{surface.800}',\n                focusRing: {\n                    color: '{surface.600}',\n                    shadow: 'none'\n                }\n            },\n            info: {\n                background: '{sky.500}',\n                hoverBackground: '{sky.400}',\n                activeBackground: '{sky.300}',\n                borderColor: '{sky.500}',\n                hoverBorderColor: '{sky.400}',\n                activeBorderColor: '{sky.300}',\n                color: '#ffffff',\n                hoverColor: '#ffffff',\n                activeColor: '#ffffff',\n                focusRing: {\n                    color: '{sky.500}',\n                    shadow: 'none'\n                }\n            },\n            success: {\n                background: '{green.500}',\n                hoverBackground: '{green.400}',\n                activeBackground: '{green.300}',\n                borderColor: '{green.500}',\n                hoverBorderColor: '{green.400}',\n                activeBorderColor: '{green.300}',\n                color: '#ffffff',\n                hoverColor: '#ffffff',\n                activeColor: '#ffffff',\n                focusRing: {\n                    color: '{green.500}',\n                    shadow: 'none'\n                }\n            },\n            warn: {\n                background: '{orange.500}',\n                hoverBackground: '{orange.400}',\n                activeBackground: '{orange.300}',\n                borderColor: '{orange.500}',\n                hoverBorderColor: '{orange.400}',\n                activeBorderColor: '{orange.300}',\n                color: '#ffffff',\n                hoverColor: '#ffffff',\n                activeColor: '#ffffff',\n                focusRing: {\n                    color: '{orange.500}',\n                    shadow: 'none'\n                }\n            },\n            help: {\n                background: '{purple.500}',\n                hoverBackground: '{purple.400}',\n                activeBackground: '{purple.300}',\n                borderColor: '{purple.500}',\n                hoverBorderColor: '{purple.400}',\n                activeBorderColor: '{purple.300}',\n                color: '#ffffff',\n                hoverColor: '#ffffff',\n                activeColor: '#ffffff',\n                focusRing: {\n                    color: '{purple.500}',\n                    shadow: 'none'\n                }\n            },\n            danger: {\n                background: '{red.500}',\n                hoverBackground: '{red.400}',\n                activeBackground: '{red.300}',\n                borderColor: '{red.500}',\n                hoverBorderColor: '{red.400}',\n                activeBorderColor: '{red.300}',\n                color: '#ffffff',\n                hoverColor: '#ffffff',\n                activeColor: '#ffffff',\n                focusRing: {\n                    color: '{red.500}',\n                    shadow: 'none'\n                }\n            },\n            contrast: {\n                background: '{surface.950}',\n                hoverBackground: '{surface.800}',\n                activeBackground: '{surface.700}',\n                borderColor: '{surface.950}',\n                hoverBorderColor: '{surface.800}',\n                activeBorderColor: '{surface.700}',\n                color: '{surface.0}',\n                hoverColor: '{surface.0}',\n                activeColor: '{surface.0}',\n                focusRing: {\n                    color: '{surface.950}',\n                    shadow: 'none'\n                }\n            }\n        },\n        outlined: {\n            primary: {\n                hoverBackground: '{primary.50}',\n                activeBackground: '{primary.100}',\n                borderColor: '{primary.color}',\n                color: '{primary.color}'\n            },\n            secondary: {\n                hoverBackground: '{surface.50}',\n                activeBackground: '{surface.100}',\n                borderColor: '{surface.600}',\n                color: '{surface.600}'\n            },\n            success: {\n                hoverBackground: '{green.50}',\n                activeBackground: '{green.100}',\n                borderColor: '{green.500}',\n                color: '{green.500}'\n            },\n            info: {\n                hoverBackground: '{sky.50}',\n                activeBackground: '{sky.100}',\n                borderColor: '{sky.500}',\n                color: '{sky.500}'\n            },\n            warn: {\n                hoverBackground: '{orange.50}',\n                activeBackground: '{orange.100}',\n                borderColor: '{orange.500}',\n                color: '{orange.500}'\n            },\n            help: {\n                hoverBackground: '{purple.50}',\n                activeBackground: '{purple.100}',\n                borderColor: '{purple.500}',\n                color: '{purple.500}'\n            },\n            danger: {\n                hoverBackground: '{red.50}',\n                activeBackground: '{red.100}',\n                borderColor: '{red.500}',\n                color: '{red.500}'\n            },\n            contrast: {\n                hoverBackground: '{surface.50}',\n                activeBackground: '{surface.100}',\n                borderColor: '{surface.950}',\n                color: '{surface.950}'\n            },\n            plain: {\n                hoverBackground: '{surface.50}',\n                activeBackground: '{surface.100}',\n                borderColor: '{surface.900}',\n                color: '{surface.900}'\n            }\n        },\n        text: {\n            primary: {\n                hoverBackground: '{primary.50}',\n                activeBackground: '{primary.100}',\n                color: '{primary.color}'\n            },\n            secondary: {\n                hoverBackground: '{surface.50}',\n                activeBackground: '{surface.100}',\n                color: '{surface.600}'\n            },\n            success: {\n                hoverBackground: '{green.50}',\n                activeBackground: '{green.100}',\n                color: '{green.500}'\n            },\n            info: {\n                hoverBackground: '{sky.50}',\n                activeBackground: '{sky.100}',\n                color: '{sky.500}'\n            },\n            warn: {\n                hoverBackground: '{orange.50}',\n                activeBackground: '{orange.100}',\n                color: '{orange.500}'\n            },\n            help: {\n                hoverBackground: '{purple.50}',\n                activeBackground: '{purple.100}',\n                color: '{purple.500}'\n            },\n            danger: {\n                hoverBackground: '{red.50}',\n                activeBackground: '{red.100}',\n                color: '{red.500}'\n            },\n            contrast: {\n                hoverBackground: '{surface.50}',\n                activeBackground: '{surface.100}',\n                color: '{surface.950}'\n            },\n            plain: {\n                hoverBackground: '{surface.50}',\n                activeBackground: '{surface.100}',\n                color: '{surface.900}'\n            }\n        },\n        link: {\n            color: '{primary.color}',\n            hoverColor: '{primary.color}',\n            activeColor: '{primary.color}'\n        }\n    },\n    dark: {\n        root: {\n            primary: {\n                background: '{primary.color}',\n                hoverBackground: '{primary.hover.color}',\n                activeBackground: '{primary.active.color}',\n                borderColor: '{primary.color}',\n                hoverBorderColor: '{primary.hover.color}',\n                activeBorderColor: '{primary.active.color}',\n                color: '{primary.contrast.color}',\n                hoverColor: '{primary.contrast.color}',\n                activeColor: '{primary.contrast.color}',\n                focusRing: {\n                    color: '{primary.color}',\n                    shadow: 'none'\n                }\n            },\n            secondary: {\n                background: '{surface.800}',\n                hoverBackground: '{surface.700}',\n                activeBackground: '{surface.600}',\n                borderColor: '{surface.800}',\n                hoverBorderColor: '{surface.700}',\n                activeBorderColor: '{surface.600}',\n                color: '{surface.300}',\n                hoverColor: '{surface.200}',\n                activeColor: '{surface.100}',\n                focusRing: {\n                    color: '{surface.300}',\n                    shadow: 'none'\n                }\n            },\n            info: {\n                background: '{sky.400}',\n                hoverBackground: '{sky.300}',\n                activeBackground: '{sky.200}',\n                borderColor: '{sky.400}',\n                hoverBorderColor: '{sky.300}',\n                activeBorderColor: '{sky.200}',\n                color: '{sky.950}',\n                hoverColor: '{sky.950}',\n                activeColor: '{sky.950}',\n                focusRing: {\n                    color: '{sky.400}',\n                    shadow: 'none'\n                }\n            },\n            success: {\n                background: '{green.400}',\n                hoverBackground: '{green.300}',\n                activeBackground: '{green.200}',\n                borderColor: '{green.400}',\n                hoverBorderColor: '{green.300}',\n                activeBorderColor: '{green.200}',\n                color: '{green.950}',\n                hoverColor: '{green.950}',\n                activeColor: '{green.950}',\n                focusRing: {\n                    color: '{green.400}',\n                    shadow: 'none'\n                }\n            },\n            warn: {\n                background: '{orange.400}',\n                hoverBackground: '{orange.300}',\n                activeBackground: '{orange.200}',\n                borderColor: '{orange.400}',\n                hoverBorderColor: '{orange.300}',\n                activeBorderColor: '{orange.200}',\n                color: '{orange.950}',\n                hoverColor: '{orange.950}',\n                activeColor: '{orange.950}',\n                focusRing: {\n                    color: '{orange.400}',\n                    shadow: 'none'\n                }\n            },\n            help: {\n                background: '{purple.400}',\n                hoverBackground: '{purple.300}',\n                activeBackground: '{purple.200}',\n                borderColor: '{purple.400}',\n                hoverBorderColor: '{purple.300}',\n                activeBorderColor: '{purple.200}',\n                color: '{purple.950}',\n                hoverColor: '{purple.950}',\n                activeColor: '{purple.950}',\n                focusRing: {\n                    color: '{purple.400}',\n                    shadow: 'none'\n                }\n            },\n            danger: {\n                background: '{red.400}',\n                hoverBackground: '{red.300}',\n                activeBackground: '{red.200}',\n                borderColor: '{red.400}',\n                hoverBorderColor: '{red.300}',\n                activeBorderColor: '{red.200}',\n                color: '{red.950}',\n                hoverColor: '{red.950}',\n                activeColor: '{red.950}',\n                focusRing: {\n                    color: '{red.400}',\n                    shadow: 'none'\n                }\n            },\n            contrast: {\n                background: '{surface.0}',\n                hoverBackground: '{surface.100}',\n                activeBackground: '{surface.200}',\n                borderColor: '{surface.0}',\n                hoverBorderColor: '{surface.100}',\n                activeBorderColor: '{surface.200}',\n                color: '{surface.950}',\n                hoverColor: '{surface.950}',\n                activeColor: '{surface.950}',\n                focusRing: {\n                    color: '{surface.0}',\n                    shadow: 'none'\n                }\n            }\n        },\n        outlined: {\n            primary: {\n                hoverBackground: 'color-mix(in srgb, {primary.color}, transparent 96%)',\n                activeBackground: 'color-mix(in srgb, {primary.color}, transparent 84%)',\n                borderColor: '{primary.700}',\n                color: '{primary.color}'\n            },\n            secondary: {\n                hoverBackground: 'rgba(255,255,255,0.04)',\n                activeBackground: 'rgba(255,255,255,0.16)',\n                borderColor: '{surface.700}',\n                color: '{surface.400}'\n            },\n            success: {\n                hoverBackground: 'color-mix(in srgb, {green.400}, transparent 96%)',\n                activeBackground: 'color-mix(in srgb, {green.400}, transparent 84%)',\n                borderColor: '{green.700}',\n                color: '{green.400}'\n            },\n            info: {\n                hoverBackground: 'color-mix(in srgb, {sky.400}, transparent 96%)',\n                activeBackground: 'color-mix(in srgb, {sky.400}, transparent 84%)',\n                borderColor: '{sky.700}',\n                color: '{sky.400}'\n            },\n            warn: {\n                hoverBackground: 'color-mix(in srgb, {orange.400}, transparent 96%)',\n                activeBackground: 'color-mix(in srgb, {orange.400}, transparent 84%)',\n                borderColor: '{orange.700}',\n                color: '{orange.400}'\n            },\n            help: {\n                hoverBackground: 'color-mix(in srgb, {purple.400}, transparent 96%)',\n                activeBackground: 'color-mix(in srgb, {purple.400}, transparent 84%)',\n                borderColor: '{purple.700}',\n                color: '{purple.400}'\n            },\n            danger: {\n                hoverBackground: 'color-mix(in srgb, {red.400}, transparent 96%)',\n                activeBackground: 'color-mix(in srgb, {red.400}, transparent 84%)',\n                borderColor: '{red.700}',\n                color: '{red.400}'\n            },\n            contrast: {\n                hoverBackground: '{surface.800}',\n                activeBackground: '{surface.700}',\n                borderColor: '{surface.500}',\n                color: '{surface.0}'\n            },\n            plain: {\n                hoverBackground: '{surface.800}',\n                activeBackground: '{surface.700}',\n                borderColor: '{surface.600}',\n                color: '{surface.0}'\n            }\n        },\n        text: {\n            primary: {\n                hoverBackground: 'color-mix(in srgb, {primary.color}, transparent 96%)',\n                activeBackground: 'color-mix(in srgb, {primary.color}, transparent 84%)',\n                color: '{primary.color}'\n            },\n            secondary: {\n                hoverBackground: '{surface.800}',\n                activeBackground: '{surface.700}',\n                color: '{surface.400}'\n            },\n            success: {\n                hoverBackground: 'color-mix(in srgb, {green.400}, transparent 96%)',\n                activeBackground: 'color-mix(in srgb, {green.400}, transparent 84%)',\n                color: '{green.400}'\n            },\n            info: {\n                hoverBackground: 'color-mix(in srgb, {sky.400}, transparent 96%)',\n                activeBackground: 'color-mix(in srgb, {sky.400}, transparent 84%)',\n                color: '{sky.400}'\n            },\n            warn: {\n                hoverBackground: 'color-mix(in srgb, {orange.400}, transparent 96%)',\n                activeBackground: 'color-mix(in srgb, {orange.400}, transparent 84%)',\n                color: '{orange.400}'\n            },\n            help: {\n                hoverBackground: 'color-mix(in srgb, {purple.400}, transparent 96%)',\n                activeBackground: 'color-mix(in srgb, {purple.400}, transparent 84%)',\n                color: '{purple.400}'\n            },\n            danger: {\n                hoverBackground: 'color-mix(in srgb, {red.400}, transparent 96%)',\n                activeBackground: 'color-mix(in srgb, {red.400}, transparent 84%)',\n                color: '{red.400}'\n            },\n            contrast: {\n                hoverBackground: '{surface.800}',\n                activeBackground: '{surface.700}',\n                color: '{surface.0}'\n            },\n            plain: {\n                hoverBackground: '{surface.800}',\n                activeBackground: '{surface.700}',\n                color: '{surface.0}'\n            }\n        },\n        link: {\n            color: '{primary.color}',\n            hoverColor: '{primary.color}',\n            activeColor: '{primary.color}'\n        }\n    }\n};\n\nexport const css: ButtonTokenSections.CSS = /*css*/ `\n.s-button:focus-visible {\n    background: dt('button.primary.active.background');\n    border-color: dt('button.primary.active.background');\n}\n\n.s-button-secondary:focus-visible {\n    background: dt('button.secondary.active.background');\n    border-color: dt('button.secondary.active.background');\n}\n\n.s-button-success:focus-visible {\n    background: dt('button.success.active.background');\n    border-color: dt('button.success.active.background');\n}\n\n.s-button-info:focus-visible {\n    background: dt('button.info.active.background');\n    border-color: dt('button.info.active.background');\n}\n\n.s-button-warn:focus-visible {\n    background: dt('button.warn.active.background');\n    border-color: dt('button.warn.active.background');\n}\n\n.s-button-help:focus-visible {\n    background: dt('button.help.active.background');\n    border-color: dt('button.help.active.background');\n}\n\n.s-button-danger:focus-visible {\n    background: dt('button.danger.active.background');\n    border-color: dt('button.danger.active.background');\n}\n\n.s-button-contrast:focus-visible {\n    background: dt('button.contrast.active.background');\n    border-color: dt('button.contrast.active.background');\n}\n\n.s-button-link:focus-visible {\n    background: color-mix(in srgb, dt('primary.color'), transparent 84%);\n    border-color: transparent;\n}\n\n.s-button-text:focus-visible {\n    background: dt('button.text.primary.active.background');\n    border-color: transparent;\n}\n\n.s-button-secondary.s-button-text:focus-visible {\n    background: dt('button.text.secondary.active.background');\n    border-color: transparent;\n}\n\n.s-button-success.s-button-text:focus-visible {\n    background: dt('button.text.success.active.background');\n    border-color: transparent;\n}\n\n.s-button-info.s-button-text:focus-visible {\n    background: dt('button.text.info.active.background');\n    border-color: transparent;\n}\n\n.s-button-warn.s-button-text:focus-visible {\n    background: dt('button.text.warn.active.background');\n    border-color: transparent;\n}\n\n.s-button-help.s-button-text:focus-visible {\n    background: dt('button.text.help.active.background');\n    border-color: transparent;\n}\n\n.s-button-danger.s-button-text:focus-visible {\n    background: dt('button.text.danger.active.background');\n    border-color: transparent;\n}\n\n.s-button-contrast.s-button-text:focus-visible {\n    background: dt('button.text.contrast.active.background');\n    border-color: transparent;\n}\n\n.s-button-plain.s-button-text:focus-visible {\n    background: dt('button.text.plain.active.background');\n    border-color: transparent;\n}\n\n.s-button-outlined:focus-visible {\n    background: dt('button.outlined.primary.active.background');\n}\n\n.s-button-secondary.s-button-outlined:focus-visible {\n    background: dt('button.outlined.secondary.active.background');\n    border-color: dt('button.outlined.secondary.border.color');\n}\n\n.s-button-success.s-button-outlined:focus-visible {\n    background: dt('button.outlined.success.active.background');\n}\n\n.s-button-info.s-button-outlined:focus-visible {\n    background: dt('button.outlined.info.active.background');\n}\n\n.s-button-warn.s-button-outlined:focus-visible {\n    background: dt('button.outlined.warn.active.background');\n}\n\n.s-button-help.s-button-outlined:focus-visible {\n    background: dt('button.outlined.help.active.background');\n}\n\n.s-button-danger.s-button-outlined:focus-visible {\n    background: dt('button.outlined.danger.active.background');\n}\n\n.s-button-contrast.s-button-outlined:focus-visible {\n    background: dt('button.outlined.contrast.active.background');\n}\n\n.s-button-plain.s-button-outlined:focus-visible {\n    background: dt('button.outlined.plain.active.background');\n}\n`;\n\nexport default {\n    root,\n    colorScheme,\n    css\n} satisfies ButtonDesignTokens;\n"],"mappings":"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","names":[]}

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

@@ -0,0 +1,20 @@
+import type { CardTokenSections } from '@sparkux/themes/types/card';
+
+export * from '@sparkux/themes/types/card';
+
+declare const root: CardTokenSections.Root;
+declare const body: CardTokenSections.Body;
+declare const caption: CardTokenSections.Caption;
+declare const title: CardTokenSections.Title;
+declare const subtitle: CardTokenSections.Subtitle;
+declare const css: CardTokenSections.CSS;
+declare const _default: {
+    root: CardTokenSections.Root;
+    body: CardTokenSections.Body;
+    caption: CardTokenSections.Caption;
+    title: CardTokenSections.Title;
+    subtitle: CardTokenSections.Subtitle;
+    css: string;
+};
+
+export { body, caption, css, _default as default, root, subtitle, title };

package/dist/material/card/index.mjs

@@ -0,0 +1 @@
+var o={background:"{content.background}",borderRadius:"{content.border.radius}",color:"{content.color}",shadow:"0 2px 1px -1px rgba(0,0,0,.2), 0 1px 1px 0 rgba(0,0,0,.14), 0 1px 3px 0 rgba(0,0,0,.12)"},r={padding:"1.5rem",gap:"0.75rem"},t={gap:"0.5rem"},e={fontSize:"1.25rem",fontWeight:"500"},a={color:"{text.muted.color}"},css="",d={root:o,body:r,caption:t,title:e,subtitle:a,css:""};export{r as body,t as caption,css,d as default,o as root,a as subtitle,e as title};//# sourceMappingURL=index.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/presets/material/card/index.ts"],"sourcesContent":["import type { CardDesignTokens, CardTokenSections } from '@sparkux/themes/types/card';\n\nexport const root: CardTokenSections.Root = {\n    background: '{content.background}',\n    borderRadius: '{content.border.radius}',\n    color: '{content.color}',\n    shadow: '0 2px 1px -1px rgba(0,0,0,.2), 0 1px 1px 0 rgba(0,0,0,.14), 0 1px 3px 0 rgba(0,0,0,.12)'\n};\n\nexport const body: CardTokenSections.Body = {\n    padding: '1.5rem',\n    gap: '0.75rem'\n};\n\nexport const caption: CardTokenSections.Caption = {\n    gap: '0.5rem'\n};\n\nexport const title: CardTokenSections.Title = {\n    fontSize: '1.25rem',\n    fontWeight: '500'\n};\n\nexport const subtitle: CardTokenSections.Subtitle = {\n    color: '{text.muted.color}'\n};\n\nexport const css: CardTokenSections.CSS = /*css*/ ``;\n\nexport default {\n    root,\n    body,\n    caption,\n    title,\n    subtitle,\n    css\n} satisfies CardDesignTokens;\n"],"mappings":";AAEO,IAAM,OAA+B;AAAA,EACxC,YAAY;AAAA,EACZ,cAAc;AAAA,EACd,OAAO;AAAA,EACP,QAAQ;AACZ;AAEO,IAAM,OAA+B;AAAA,EACxC,SAAS;AAAA,EACT,KAAK;AACT;AAEO,IAAM,UAAqC;AAAA,EAC9C,KAAK;AACT;AAEO,IAAM,QAAiC;AAAA,EAC1C,UAAU;AAAA,EACV,YAAY;AAChB;AAEO,IAAM,WAAuC;AAAA,EAChD,OAAO;AACX;AAEO,IAAM;AAAA;AAAA,EAAqC;AAAA;AAElD,IAAO,eAAQ;AAAA,EACX;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ;","names":[]}

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

@@ -0,0 +1,21 @@
+import type { StyleOptions } from '@sparkux/styled';
+import type { CarouselTokenSections } from '@sparkux/themes/types/carousel';
+
+export * from '@sparkux/themes/types/carousel';
+
+declare const root: CarouselTokenSections.Root;
+declare const content: CarouselTokenSections.Content;
+declare const indicatorList: CarouselTokenSections.IndicatorList;
+declare const indicator: CarouselTokenSections.Indicator;
+declare const colorScheme: CarouselTokenSections.ColorScheme;
+declare const css: CarouselTokenSections.CSS;
+declare const _default: {
+    root: CarouselTokenSections.Root;
+    content: CarouselTokenSections.Content;
+    indicatorList: CarouselTokenSections.IndicatorList;
+    indicator: CarouselTokenSections.Indicator;
+    colorScheme: CarouselTokenSections.ColorScheme;
+    css: (options: StyleOptions) => string;
+};
+
+export { colorScheme, content, css, _default as default, indicator, indicatorList, root };

package/dist/material/carousel/index.mjs

@@ -0,0 +1 @@
+var o={transitionDuration:"{transition.duration}"},r={gap:"0.25rem"},n={padding:"1rem",gap:"1rem"},a={width:"1.25rem",height:"1.25rem",borderRadius:"50%",focusRing:{width:"0",style:"none",color:"unset",offset:"0",shadow:"none"}},t={light:{indicator:{background:"{surface.200}",hoverBackground:"{surface.300}",activeBackground:"{primary.color}"}},dark:{indicator:{background:"{surface.700}",hoverBackground:"{surface.600}",activeBackground:"{primary.color}"}}},css="\n.s-carousel-indicator-button:hover {\n    box-shadow: 0 0 1px 10px color-mix(in srgb, dt('text.color'), transparent 96%);\n}\n\n.s-carousel-indicator-button:focus-visible {\n    box-shadow: 0 0 1px 10px color-mix(in srgb, dt('text.color'), transparent 96%);\n}\n\n.s-carousel-indicator-active .s-carousel-indicator-button:hover {\n    box-shadow: 0 0 1px 10px color-mix(in srgb, dt('carousel.indicator.active.background'), transparent 92%);\n}\n\n.s-carousel-indicator-active .s-carousel-indicator-button:focus-visible {\n    box-shadow: 0 0 1px 10px color-mix(in srgb, dt('carousel.indicator.active.background'), transparent 84%);\n}\n",i={root:o,content:r,indicatorList:n,indicator:a,colorScheme:t,css:css};export{t as colorScheme,r as content,css,i as default,a as indicator,n as indicatorList,o as root};//# sourceMappingURL=index.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/presets/material/carousel/index.ts"],"sourcesContent":["import type { CarouselDesignTokens, CarouselTokenSections } from '@sparkux/themes/types/carousel';\n\nexport const root: CarouselTokenSections.Root = {\n    transitionDuration: '{transition.duration}'\n};\n\nexport const content: CarouselTokenSections.Content = {\n    gap: '0.25rem'\n};\n\nexport const indicatorList: CarouselTokenSections.IndicatorList = {\n    padding: '1rem',\n    gap: '1rem'\n};\n\nexport const indicator: CarouselTokenSections.Indicator = {\n    width: '1.25rem',\n    height: '1.25rem',\n    borderRadius: '50%',\n    focusRing: {\n        width: '0',\n        style: 'none',\n        color: 'unset',\n        offset: '0',\n        shadow: 'none'\n    }\n};\n\nexport const colorScheme: CarouselTokenSections.ColorScheme = {\n    light: {\n        indicator: {\n            background: '{surface.200}',\n            hoverBackground: '{surface.300}',\n            activeBackground: '{primary.color}'\n        }\n    },\n    dark: {\n        indicator: {\n            background: '{surface.700}',\n            hoverBackground: '{surface.600}',\n            activeBackground: '{primary.color}'\n        }\n    }\n};\n\nexport const css: CarouselTokenSections.CSS = /*css*/ `\n.s-carousel-indicator-button:hover {\n    box-shadow: 0 0 1px 10px color-mix(in srgb, dt('text.color'), transparent 96%);\n}\n\n.s-carousel-indicator-button:focus-visible {\n    box-shadow: 0 0 1px 10px color-mix(in srgb, dt('text.color'), transparent 96%);\n}\n\n.s-carousel-indicator-active .s-carousel-indicator-button:hover {\n    box-shadow: 0 0 1px 10px color-mix(in srgb, dt('carousel.indicator.active.background'), transparent 92%);\n}\n\n.s-carousel-indicator-active .s-carousel-indicator-button:focus-visible {\n    box-shadow: 0 0 1px 10px color-mix(in srgb, dt('carousel.indicator.active.background'), transparent 84%);\n}\n`;\n\nexport default {\n    root,\n    content,\n    indicatorList,\n    indicator,\n    colorScheme,\n    css\n} satisfies CarouselDesignTokens;\n"],"mappings":";AAEO,IAAM,OAAmC;AAAA,EAC5C,oBAAoB;AACxB;AAEO,IAAM,UAAyC;AAAA,EAClD,KAAK;AACT;AAEO,IAAM,gBAAqD;AAAA,EAC9D,SAAS;AAAA,EACT,KAAK;AACT;AAEO,IAAM,YAA6C;AAAA,EACtD,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,cAAc;AAAA,EACd,WAAW;AAAA,IACP,OAAO;AAAA,IACP,OAAO;AAAA,IACP,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,QAAQ;AAAA,EACZ;AACJ;AAEO,IAAM,cAAiD;AAAA,EAC1D,OAAO;AAAA,IACH,WAAW;AAAA,MACP,YAAY;AAAA,MACZ,iBAAiB;AAAA,MACjB,kBAAkB;AAAA,IACtB;AAAA,EACJ;AAAA,EACA,MAAM;AAAA,IACF,WAAW;AAAA,MACP,YAAY;AAAA,MACZ,iBAAiB;AAAA,MACjB,kBAAkB;AAAA,IACtB;AAAA,EACJ;AACJ;AAEO,IAAM;AAAA;AAAA,EAAyC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAkBtD,IAAO,mBAAQ;AAAA,EACX;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ;","names":[]}

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

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

package/dist/material/cascadeselect/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}",gap:"{list.gap}",mobileIndent:"1rem"},c={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}",icon:{color:"{list.option.icon.color}",focusColor:"{list.option.icon.focus.color}",size:"0.875rem"}},l={color:"{form.field.icon.color}"},css="\n.s-cascadeselect.s-variant-filled {\n    border-bottom-left-radius: 0;\n    border-bottom-right-radius: 0;\n    border: 1px solid transparent;\n    background: dt('cascadeselect.filled.background') no-repeat;\n    background-image: linear-gradient(to bottom, dt('cascadeselect.focus.border.color'), dt('cascadeselect.focus.border.color')), linear-gradient(to bottom, dt('cascadeselect.border.color'), dt('cascadeselect.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-cascadeselect.s-variant-filled:not(.s-disabled):hover {\n    background: dt('cascadeselect.filled.hover.background') no-repeat;\n    background-image: linear-gradient(to bottom, dt('cascadeselect.focus.border.color'), dt('cascadeselect.focus.border.color')), linear-gradient(to bottom, dt('cascadeselect.hover.border.color'), dt('cascadeselect.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-cascadeselect.s-variant-filled:not(.s-disabled).s-focus {\n    outline: 0 none;\n    background: dt('cascadeselect.filled.focus.background') no-repeat;\n    background-image: linear-gradient(to bottom, dt('cascadeselect.focus.border.color'), dt('cascadeselect.focus.border.color')), linear-gradient(to bottom, dt('cascadeselect.border.color'), dt('cascadeselect.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-cascadeselect.s-variant-filled:not(.s-disabled).s-focus:hover {\n    background-image: linear-gradient(to bottom, dt('cascadeselect.focus.border.color'), dt('cascadeselect.focus.border.color')), linear-gradient(to bottom, dt('cascadeselect.hover.border.color'), dt('cascadeselect.hover.border.color'));\n}\n\n.s-cascadeselect.s-variant-filled.s-invalid {\n    background-image: linear-gradient(to bottom, dt('cascadeselect.invalid.border.color'), dt('cascadeselect.invalid.border.color')), linear-gradient(to bottom, dt('cascadeselect.invalid.border.color'), dt('cascadeselect.invalid.border.color'));\n}\n\n.s-cascadeselect.s-variant-filled.s-invalid:not(.s-disabled).s-focus  {\n    background-image: linear-gradient(to bottom, dt('cascadeselect.invalid.border.color'), dt('cascadeselect.invalid.border.color')), linear-gradient(to bottom, dt('cascadeselect.invalid.border.color'), dt('cascadeselect.invalid.border.color'));\n}\n\n.s-cascadeselect-option {\n    transition: none;\n}\n",a={root:o,dropdown:e,overlay:r,list:d,option:c,clearIcon:l,css:css};export{l as clearIcon,css,a as default,e as dropdown,d as list,c as option,r as overlay,o as root};//# sourceMappingURL=index.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/presets/material/cascadeselect/index.ts"],"sourcesContent":["import type { CascadeSelectDesignTokens, CascadeSelectTokenSections } from '@sparkux/themes/types/cascadeselect';\n\nexport const root: CascadeSelectTokenSections.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: CascadeSelectTokenSections.Dropdown = {\n    width: '2.5rem',\n    color: '{form.field.icon.color}'\n};\n\nexport const overlay: CascadeSelectTokenSections.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: CascadeSelectTokenSections.List = {\n    padding: '{list.padding}',\n    gap: '{list.gap}',\n    mobileIndent: '1rem'\n};\n\nexport const option: CascadeSelectTokenSections.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    icon: {\n        color: '{list.option.icon.color}',\n        focusColor: '{list.option.icon.focus.color}',\n        size: '0.875rem'\n    }\n};\n\nexport const clearIcon: CascadeSelectTokenSections.ClearIcon = {\n    color: '{form.field.icon.color}'\n};\n\nexport const css: CascadeSelectTokenSections.CSS = /*css*/ `\n.s-cascadeselect.s-variant-filled {\n    border-bottom-left-radius: 0;\n    border-bottom-right-radius: 0;\n    border: 1px solid transparent;\n    background: dt('cascadeselect.filled.background') no-repeat;\n    background-image: linear-gradient(to bottom, dt('cascadeselect.focus.border.color'), dt('cascadeselect.focus.border.color')), linear-gradient(to bottom, dt('cascadeselect.border.color'), dt('cascadeselect.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-cascadeselect.s-variant-filled:not(.s-disabled):hover {\n    background: dt('cascadeselect.filled.hover.background') no-repeat;\n    background-image: linear-gradient(to bottom, dt('cascadeselect.focus.border.color'), dt('cascadeselect.focus.border.color')), linear-gradient(to bottom, dt('cascadeselect.hover.border.color'), dt('cascadeselect.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-cascadeselect.s-variant-filled:not(.s-disabled).s-focus {\n    outline: 0 none;\n    background: dt('cascadeselect.filled.focus.background') no-repeat;\n    background-image: linear-gradient(to bottom, dt('cascadeselect.focus.border.color'), dt('cascadeselect.focus.border.color')), linear-gradient(to bottom, dt('cascadeselect.border.color'), dt('cascadeselect.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-cascadeselect.s-variant-filled:not(.s-disabled).s-focus:hover {\n    background-image: linear-gradient(to bottom, dt('cascadeselect.focus.border.color'), dt('cascadeselect.focus.border.color')), linear-gradient(to bottom, dt('cascadeselect.hover.border.color'), dt('cascadeselect.hover.border.color'));\n}\n\n.s-cascadeselect.s-variant-filled.s-invalid {\n    background-image: linear-gradient(to bottom, dt('cascadeselect.invalid.border.color'), dt('cascadeselect.invalid.border.color')), linear-gradient(to bottom, dt('cascadeselect.invalid.border.color'), dt('cascadeselect.invalid.border.color'));\n}\n\n.s-cascadeselect.s-variant-filled.s-invalid:not(.s-disabled).s-focus  {\n    background-image: linear-gradient(to bottom, dt('cascadeselect.invalid.border.color'), dt('cascadeselect.invalid.border.color')), linear-gradient(to bottom, dt('cascadeselect.invalid.border.color'), dt('cascadeselect.invalid.border.color'));\n}\n\n.s-cascadeselect-option {\n    transition: none;\n}\n`;\n\nexport default {\n    root,\n    dropdown,\n    overlay,\n    list,\n    option,\n    clearIcon,\n    css\n} satisfies CascadeSelectDesignTokens;\n"],"mappings":";AAEO,IAAM,OAAwC;AAAA,EACjD,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,WAAgD;AAAA,EACzD,OAAO;AAAA,EACP,OAAO;AACX;AAEO,IAAM,UAA8C;AAAA,EACvD,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,cAAc;AAAA,EACd,OAAO;AAAA,EACP,QAAQ;AACZ;AAEO,IAAM,OAAwC;AAAA,EACjD,SAAS;AAAA,EACT,KAAK;AAAA,EACL,cAAc;AAClB;AAEO,IAAM,SAA4C;AAAA,EACrD,iBAAiB;AAAA,EACjB,oBAAoB;AAAA,EACpB,yBAAyB;AAAA,EACzB,OAAO;AAAA,EACP,YAAY;AAAA,EACZ,eAAe;AAAA,EACf,oBAAoB;AAAA,EACpB,SAAS;AAAA,EACT,cAAc;AAAA,EACd,MAAM;AAAA,IACF,OAAO;AAAA,IACP,YAAY;AAAA,IACZ,MAAM;AAAA,EACV;AACJ;AAEO,IAAM,YAAkD;AAAA,EAC3D,OAAO;AACX;AAEO,IAAM;AAAA;AAAA,EAA8C;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAiD3D,IAAO,wBAAQ;AAAA,EACX;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ;","names":[]}

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

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

package/dist/material/checkbox/index.mjs

@@ -0,0 +1 @@
+var o={borderRadius:"{border.radius.xs}",width:"18px",height:"18px",background:"{form.field.background}",checkedBackground:"{primary.color}",checkedHoverBackground:"{primary.color}",disabledBackground:"{form.field.disabled.background}",filledBackground:"{form.field.filled.background}",borderColor:"{form.field.border.color}",hoverBorderColor:"{form.field.hover.border.color}",focusBorderColor:"{form.field.focus.border.color}",checkedBorderColor:"{primary.color}",checkedHoverBorderColor:"{primary.color}",checkedFocusBorderColor:"{primary.color}",checkedDisabledBorderColor:"{form.field.border.color}",invalidBorderColor:"{form.field.invalid.border.color}",shadow:"{form.field.shadow}",focusRing:{width:"0",style:"none",color:"unset",offset:"0",shadow:"none"},transitionDuration:"{form.field.transition.duration}",sm:{width:"14px",height:"14px"},lg:{width:"22px",height:"22px"}},r={size:"0.875rem",color:"{form.field.color}",checkedColor:"{primary.contrast.color}",checkedHoverColor:"{primary.contrast.color}",disabledColor:"{form.field.disabled.color}",sm:{size:"0.75rem"},lg:{size:"1rem"}},css="\n.s-checkbox {\n    border-radius: 50%;\n    transition: box-shadow dt('checkbox.transition.duration');\n}\n\n.s-checkbox-box {\n    border-width: 2px;\n}\n\n.s-checkbox:not(.s-disabled):has(.s-checkbox-input:hover) {\n    box-shadow: 0 0 1px 10px color-mix(in srgb, dt('text.color'), transparent 96%);\n}\n\n.s-checkbox:not(.s-disabled):has(.s-checkbox-input:focus-visible) {\n    box-shadow: 0 0 1px 10px color-mix(in srgb, dt('text.color'), transparent 88%);\n}\n\n.s-checkbox-checked:not(.s-disabled):has(.s-checkbox-input:hover) {\n    box-shadow: 0 0 1px 10px color-mix(in srgb, dt('checkbox.checked.background'), transparent 92%);\n}\n\n.s-checkbox-checked:not(.s-disabled):has(.s-checkbox-input:focus-visible) {\n    box-shadow: 0 0 1px 10px color-mix(in srgb, dt('checkbox.checked.background'), transparent 84%);\n}\n\n.s-checkbox-checked .s-checkbox-box:before  {\n    content: \"\";\n    position: absolute;\n    top: var(--s-md-check-icon-t);\n    left: 2px;\n    border-right: 2px solid transparent;\n    border-bottom: 2px solid transparent;\n    transform: rotate(45deg);\n    transform-origin: 0% 100%;\n    animation: p-md-check 125ms 50ms linear forwards;\n}\n\n.s-checkbox-checked .s-checkbox-icon {\n    display: none;\n}\n\n.s-checkbox {\n    --s-md-check-icon-t: 10px;\n    --s-md-check-icon-w: 6px;\n    --s-md-check-icon-h: 12px;\n}\n\n.s-checkbox-sm {\n    --s-md-check-icon-t: 8px;\n    --s-md-check-icon-w: 4px;\n    --s-md-check-icon-h: 10px;\n}\n\n.s-checkbox-lg {\n    --s-md-check-icon-t: 12px;\n    --s-md-check-icon-w: 8px;\n    --s-md-check-icon-h: 16px;\n}\n\n@keyframes p-md-check {\n    0%{\n      width: 0;\n      height: 0;\n      border-color: dt('checkbox.icon.checked.color');\n      transform: translate3d(0,0,0) rotate(45deg);\n    }\n    33%{\n      width: var(--s-md-check-icon-w);\n      height: 0;\n      transform: translate3d(0,0,0) rotate(45deg);\n    }\n    100%{\n      width: var(--s-md-check-icon-w);\n      height: var(--s-md-check-icon-h);\n      border-color: dt('checkbox.icon.checked.color');\n      transform: translate3d(0,calc(-1 * var(--s-md-check-icon-h)),0) rotate(45deg);\n    }\n}\n",c={root:o,icon:r,css:css};export{css,c as default,r as icon,o as root};//# sourceMappingURL=index.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/presets/material/checkbox/index.ts"],"sourcesContent":["import type { CheckboxDesignTokens, CheckboxTokenSections } from '@sparkux/themes/types/checkbox';\n\nexport const root: CheckboxTokenSections.Root = {\n    borderRadius: '{border.radius.xs}',\n    width: '18px',\n    height: '18px',\n    background: '{form.field.background}',\n    checkedBackground: '{primary.color}',\n    checkedHoverBackground: '{primary.color}',\n    disabledBackground: '{form.field.disabled.background}',\n    filledBackground: '{form.field.filled.background}',\n    borderColor: '{form.field.border.color}',\n    hoverBorderColor: '{form.field.hover.border.color}',\n    focusBorderColor: '{form.field.focus.border.color}',\n    checkedBorderColor: '{primary.color}',\n    checkedHoverBorderColor: '{primary.color}',\n    checkedFocusBorderColor: '{primary.color}',\n    checkedDisabledBorderColor: '{form.field.border.color}',\n    invalidBorderColor: '{form.field.invalid.border.color}',\n    shadow: '{form.field.shadow}',\n    focusRing: {\n        width: '0',\n        style: 'none',\n        color: 'unset',\n        offset: '0',\n        shadow: 'none'\n    },\n    transitionDuration: '{form.field.transition.duration}',\n    sm: {\n        width: '14px',\n        height: '14px'\n    },\n    lg: {\n        width: '22px',\n        height: '22px'\n    }\n};\n\nexport const icon: CheckboxTokenSections.Icon = {\n    size: '0.875rem',\n    color: '{form.field.color}',\n    checkedColor: '{primary.contrast.color}',\n    checkedHoverColor: '{primary.contrast.color}',\n    disabledColor: '{form.field.disabled.color}',\n    sm: {\n        size: '0.75rem'\n    },\n    lg: {\n        size: '1rem'\n    }\n};\n\nexport const css: CheckboxTokenSections.CSS = /*css*/ `\n.s-checkbox {\n    border-radius: 50%;\n    transition: box-shadow dt('checkbox.transition.duration');\n}\n\n.s-checkbox-box {\n    border-width: 2px;\n}\n\n.s-checkbox:not(.s-disabled):has(.s-checkbox-input:hover) {\n    box-shadow: 0 0 1px 10px color-mix(in srgb, dt('text.color'), transparent 96%);\n}\n\n.s-checkbox:not(.s-disabled):has(.s-checkbox-input:focus-visible) {\n    box-shadow: 0 0 1px 10px color-mix(in srgb, dt('text.color'), transparent 88%);\n}\n\n.s-checkbox-checked:not(.s-disabled):has(.s-checkbox-input:hover) {\n    box-shadow: 0 0 1px 10px color-mix(in srgb, dt('checkbox.checked.background'), transparent 92%);\n}\n\n.s-checkbox-checked:not(.s-disabled):has(.s-checkbox-input:focus-visible) {\n    box-shadow: 0 0 1px 10px color-mix(in srgb, dt('checkbox.checked.background'), transparent 84%);\n}\n\n.s-checkbox-checked .s-checkbox-box:before  {\n    content: \"\";\n    position: absolute;\n    top: var(--s-md-check-icon-t);\n    left: 2px;\n    border-right: 2px solid transparent;\n    border-bottom: 2px solid transparent;\n    transform: rotate(45deg);\n    transform-origin: 0% 100%;\n    animation: p-md-check 125ms 50ms linear forwards;\n}\n\n.s-checkbox-checked .s-checkbox-icon {\n    display: none;\n}\n\n.s-checkbox {\n    --s-md-check-icon-t: 10px;\n    --s-md-check-icon-w: 6px;\n    --s-md-check-icon-h: 12px;\n}\n\n.s-checkbox-sm {\n    --s-md-check-icon-t: 8px;\n    --s-md-check-icon-w: 4px;\n    --s-md-check-icon-h: 10px;\n}\n\n.s-checkbox-lg {\n    --s-md-check-icon-t: 12px;\n    --s-md-check-icon-w: 8px;\n    --s-md-check-icon-h: 16px;\n}\n\n@keyframes p-md-check {\n    0%{\n      width: 0;\n      height: 0;\n      border-color: dt('checkbox.icon.checked.color');\n      transform: translate3d(0,0,0) rotate(45deg);\n    }\n    33%{\n      width: var(--s-md-check-icon-w);\n      height: 0;\n      transform: translate3d(0,0,0) rotate(45deg);\n    }\n    100%{\n      width: var(--s-md-check-icon-w);\n      height: var(--s-md-check-icon-h);\n      border-color: dt('checkbox.icon.checked.color');\n      transform: translate3d(0,calc(-1 * var(--s-md-check-icon-h)),0) rotate(45deg);\n    }\n}\n`;\n\nexport default {\n    root,\n    icon,\n    css\n} satisfies CheckboxDesignTokens;\n"],"mappings":";AAEO,IAAM,OAAmC;AAAA,EAC5C,cAAc;AAAA,EACd,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ,mBAAmB;AAAA,EACnB,wBAAwB;AAAA,EACxB,oBAAoB;AAAA,EACpB,kBAAkB;AAAA,EAClB,aAAa;AAAA,EACb,kBAAkB;AAAA,EAClB,kBAAkB;AAAA,EAClB,oBAAoB;AAAA,EACpB,yBAAyB;AAAA,EACzB,yBAAyB;AAAA,EACzB,4BAA4B;AAAA,EAC5B,oBAAoB;AAAA,EACpB,QAAQ;AAAA,EACR,WAAW;AAAA,IACP,OAAO;AAAA,IACP,OAAO;AAAA,IACP,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,QAAQ;AAAA,EACZ;AAAA,EACA,oBAAoB;AAAA,EACpB,IAAI;AAAA,IACA,OAAO;AAAA,IACP,QAAQ;AAAA,EACZ;AAAA,EACA,IAAI;AAAA,IACA,OAAO;AAAA,IACP,QAAQ;AAAA,EACZ;AACJ;AAEO,IAAM,OAAmC;AAAA,EAC5C,MAAM;AAAA,EACN,OAAO;AAAA,EACP,cAAc;AAAA,EACd,mBAAmB;AAAA,EACnB,eAAe;AAAA,EACf,IAAI;AAAA,IACA,MAAM;AAAA,EACV;AAAA,EACA,IAAI;AAAA,IACA,MAAM;AAAA,EACV;AACJ;AAEO,IAAM;AAAA;AAAA,EAAyC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;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;AAiFtD,IAAO,mBAAQ;AAAA,EACX;AAAA,EACA;AAAA,EACA;AACJ;","names":[]}

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

@@ -0,0 +1,20 @@
+import type { ChipTokenSections } from '@sparkux/themes/types/chip';
+
+export * from '@sparkux/themes/types/chip';
+
+declare const root: ChipTokenSections.Root;
+declare const image: ChipTokenSections.Image;
+declare const icon: ChipTokenSections.Icon;
+declare const removeIcon: ChipTokenSections.RemoveIcon;
+declare const colorScheme: ChipTokenSections.ColorScheme;
+declare const css: ChipTokenSections.CSS;
+declare const _default: {
+    root: ChipTokenSections.Root;
+    image: ChipTokenSections.Image;
+    icon: ChipTokenSections.Icon;
+    removeIcon: ChipTokenSections.RemoveIcon;
+    colorScheme: ChipTokenSections.ColorScheme;
+    css: string;
+};
+
+export { colorScheme, css, _default as default, icon, image, removeIcon, root };

package/dist/material/chip/index.mjs

@@ -0,0 +1 @@
+var o={borderRadius:"2rem",paddingX:"0.75rem",paddingY:"0.75rem",gap:"0.5rem",transitionDuration:"{transition.duration}"},r={width:"2.25rem",height:"2.25rem"},e={size:"1rem"},c={size:"1rem",focusRing:{width:"{focus.ring.width}",style:"{focus.ring.style}",color:"{focus.ring.color}",offset:"{focus.ring.offset}"}},s={light:{root:{background:"{surface.200}",color:"{surface.900}"},icon:{color:"{surface.600}"},removeIcon:{color:"{surface.600}",focusRing:{shadow:"0 0 1px 4px {surface.300}"}}},dark:{root:{background:"{surface.700}",color:"{surface.0}"},icon:{color:"{surface.0}"},removeIcon:{color:"{surface.0}",focusRing:{shadow:"0 0 1px 4px {surface.600}"}}}},css="",a={root:o,image:r,icon:e,removeIcon:c,colorScheme:s,css:""};export{s as colorScheme,css,a as default,e as icon,r as image,c as removeIcon,o as root};//# sourceMappingURL=index.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/presets/material/chip/index.ts"],"sourcesContent":["import type { ChipDesignTokens, ChipTokenSections } from '@sparkux/themes/types/chip';\n\nexport const root: ChipTokenSections.Root = {\n    borderRadius: '2rem',\n    paddingX: '0.75rem',\n    paddingY: '0.75rem',\n    gap: '0.5rem',\n    transitionDuration: '{transition.duration}'\n};\n\nexport const image: ChipTokenSections.Image = {\n    width: '2.25rem',\n    height: '2.25rem'\n};\n\nexport const icon: ChipTokenSections.Icon = {\n    size: '1rem'\n};\n\nexport const removeIcon: ChipTokenSections.RemoveIcon = {\n    size: '1rem',\n    focusRing: {\n        width: '{focus.ring.width}',\n        style: '{focus.ring.style}',\n        color: '{focus.ring.color}',\n        offset: '{focus.ring.offset}'\n    }\n};\n\nexport const colorScheme: ChipTokenSections.ColorScheme = {\n    light: {\n        root: {\n            background: '{surface.200}',\n            color: '{surface.900}'\n        },\n        icon: {\n            color: '{surface.600}'\n        },\n        removeIcon: {\n            color: '{surface.600}',\n            focusRing: {\n                shadow: '0 0 1px 4px {surface.300}'\n            }\n        }\n    },\n    dark: {\n        root: {\n            background: '{surface.700}',\n            color: '{surface.0}'\n        },\n        icon: {\n            color: '{surface.0}'\n        },\n        removeIcon: {\n            color: '{surface.0}',\n            focusRing: {\n                shadow: '0 0 1px 4px {surface.600}'\n            }\n        }\n    }\n};\n\nexport const css: ChipTokenSections.CSS = /*css*/ ``;\n\nexport default {\n    root,\n    image,\n    icon,\n    removeIcon,\n    colorScheme,\n    css\n} satisfies ChipDesignTokens;\n"],"mappings":";AAEO,IAAM,OAA+B;AAAA,EACxC,cAAc;AAAA,EACd,UAAU;AAAA,EACV,UAAU;AAAA,EACV,KAAK;AAAA,EACL,oBAAoB;AACxB;AAEO,IAAM,QAAiC;AAAA,EAC1C,OAAO;AAAA,EACP,QAAQ;AACZ;AAEO,IAAM,OAA+B;AAAA,EACxC,MAAM;AACV;AAEO,IAAM,aAA2C;AAAA,EACpD,MAAM;AAAA,EACN,WAAW;AAAA,IACP,OAAO;AAAA,IACP,OAAO;AAAA,IACP,OAAO;AAAA,IACP,QAAQ;AAAA,EACZ;AACJ;AAEO,IAAM,cAA6C;AAAA,EACtD,OAAO;AAAA,IACH,MAAM;AAAA,MACF,YAAY;AAAA,MACZ,OAAO;AAAA,IACX;AAAA,IACA,MAAM;AAAA,MACF,OAAO;AAAA,IACX;AAAA,IACA,YAAY;AAAA,MACR,OAAO;AAAA,MACP,WAAW;AAAA,QACP,QAAQ;AAAA,MACZ;AAAA,IACJ;AAAA,EACJ;AAAA,EACA,MAAM;AAAA,IACF,MAAM;AAAA,MACF,YAAY;AAAA,MACZ,OAAO;AAAA,IACX;AAAA,IACA,MAAM;AAAA,MACF,OAAO;AAAA,IACX;AAAA,IACA,YAAY;AAAA,MACR,OAAO;AAAA,MACP,WAAW;AAAA,QACP,QAAQ;AAAA,MACZ;AAAA,IACJ;AAAA,EACJ;AACJ;AAEO,IAAM;AAAA;AAAA,EAAqC;AAAA;AAElD,IAAO,eAAQ;AAAA,EACX;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ;","names":[]}

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

@@ -0,0 +1,18 @@
+import type { ColorPickerTokenSections } from '@sparkux/themes/types/colorpicker';
+
+export * from '@sparkux/themes/types/colorpicker';
+
+declare const root: ColorPickerTokenSections.Root;
+declare const preview: ColorPickerTokenSections.Preview;
+declare const panel: ColorPickerTokenSections.Panel;
+declare const colorScheme: ColorPickerTokenSections.ColorScheme;
+declare const css: ColorPickerTokenSections.CSS;
+declare const _default: {
+    root: ColorPickerTokenSections.Root;
+    preview: ColorPickerTokenSections.Preview;
+    panel: ColorPickerTokenSections.Panel;
+    colorScheme: ColorPickerTokenSections.ColorScheme;
+    css: string;
+};
+
+export { colorScheme, css, _default as default, panel, preview, root };

package/dist/material/colorpicker/index.mjs

@@ -0,0 +1 @@
+var r={transitionDuration:"{transition.duration}"},o={width:"2rem",height:"2rem",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}"}},e={shadow:"{overlay.popover.shadow}",borderRadius:"{overlay.popover.borderRadius}"},a={light:{panel:{background:"{surface.800}",borderColor:"{surface.900}"},handle:{color:"{surface.0}"}},dark:{panel:{background:"{surface.900}",borderColor:"{surface.700}"},handle:{color:"{surface.0}"}}},css="",s={root:r,preview:o,panel:e,colorScheme:a,css:""};export{a as colorScheme,css,s as default,e as panel,o as preview,r as root};//# sourceMappingURL=index.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/presets/material/colorpicker/index.ts"],"sourcesContent":["import type { ColorPickerDesignTokens, ColorPickerTokenSections } from '@sparkux/themes/types/colorpicker';\n\nexport const root: ColorPickerTokenSections.Root = {\n    transitionDuration: '{transition.duration}'\n};\n\nexport const preview: ColorPickerTokenSections.Preview = {\n    width: '2rem',\n    height: '2rem',\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 panel: ColorPickerTokenSections.Panel = {\n    shadow: '{overlay.popover.shadow}',\n    borderRadius: '{overlay.popover.borderRadius}'\n};\n\nexport const colorScheme: ColorPickerTokenSections.ColorScheme = {\n    light: {\n        panel: {\n            background: '{surface.800}',\n            borderColor: '{surface.900}'\n        },\n        handle: {\n            color: '{surface.0}'\n        }\n    },\n    dark: {\n        panel: {\n            background: '{surface.900}',\n            borderColor: '{surface.700}'\n        },\n        handle: {\n            color: '{surface.0}'\n        }\n    }\n};\n\nexport const css: ColorPickerTokenSections.CSS = /*css*/ ``;\n\nexport default {\n    root,\n    preview,\n    panel,\n    colorScheme,\n    css\n} satisfies ColorPickerDesignTokens;\n"],"mappings":";AAEO,IAAM,OAAsC;AAAA,EAC/C,oBAAoB;AACxB;AAEO,IAAM,UAA4C;AAAA,EACrD,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,cAAc;AAAA,EACd,WAAW;AAAA,IACP,OAAO;AAAA,IACP,OAAO;AAAA,IACP,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,QAAQ;AAAA,EACZ;AACJ;AAEO,IAAM,QAAwC;AAAA,EACjD,QAAQ;AAAA,EACR,cAAc;AAClB;AAEO,IAAM,cAAoD;AAAA,EAC7D,OAAO;AAAA,IACH,OAAO;AAAA,MACH,YAAY;AAAA,MACZ,aAAa;AAAA,IACjB;AAAA,IACA,QAAQ;AAAA,MACJ,OAAO;AAAA,IACX;AAAA,EACJ;AAAA,EACA,MAAM;AAAA,IACF,OAAO;AAAA,MACH,YAAY;AAAA,MACZ,aAAa;AAAA,IACjB;AAAA,IACA,QAAQ;AAAA,MACJ,OAAO;AAAA,IACX;AAAA,EACJ;AACJ;AAEO,IAAM;AAAA;AAAA,EAA4C;AAAA;AAEzD,IAAO,sBAAQ;AAAA,EACX;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ;","names":[]}

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

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

package/dist/material/confirmdialog/index.mjs

@@ -0,0 +1 @@
+var o={size:"2rem",color:"{overlay.modal.color}"},e={gap:"1rem"},css="",r={icon:o,content:e,css:""};export{e as content,css,r as default,o as icon};//# sourceMappingURL=index.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/presets/material/confirmdialog/index.ts"],"sourcesContent":["import type { ConfirmDialogDesignTokens, ConfirmDialogTokenSections } from '@sparkux/themes/types/confirmdialog';\n\nexport const icon: ConfirmDialogTokenSections.Icon = {\n    size: '2rem',\n    color: '{overlay.modal.color}'\n};\n\nexport const content: ConfirmDialogTokenSections.Content = {\n    gap: '1rem'\n};\n\nexport const css: ConfirmDialogTokenSections.CSS = /*css*/ ``;\n\nexport default {\n    icon,\n    content,\n    css\n} satisfies ConfirmDialogDesignTokens;\n"],"mappings":";AAEO,IAAM,OAAwC;AAAA,EACjD,MAAM;AAAA,EACN,OAAO;AACX;AAEO,IAAM,UAA8C;AAAA,EACvD,KAAK;AACT;AAEO,IAAM;AAAA;AAAA,EAA8C;AAAA;AAE3D,IAAO,wBAAQ;AAAA,EACX;AAAA,EACA;AAAA,EACA;AACJ;","names":[]}

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

@@ -0,0 +1,18 @@
+import type { ConfirmPopupTokenSections } from '@sparkux/themes/types/confirmpopup';
+
+export * from '@sparkux/themes/types/confirmpopup';
+
+declare const root: ConfirmPopupTokenSections.Root;
+declare const content: ConfirmPopupTokenSections.Content;
+declare const icon: ConfirmPopupTokenSections.Icon;
+declare const footer: ConfirmPopupTokenSections.Footer;
+declare const css: ConfirmPopupTokenSections.CSS;
+declare const _default: {
+    root: ConfirmPopupTokenSections.Root;
+    content: ConfirmPopupTokenSections.Content;
+    icon: ConfirmPopupTokenSections.Icon;
+    footer: ConfirmPopupTokenSections.Footer;
+    css: string;
+};
+
+export { content, css, _default as default, footer, icon, root };

package/dist/material/confirmpopup/index.mjs

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/presets/material/confirmpopup/index.ts"],"sourcesContent":["import type { ConfirmPopupDesignTokens, ConfirmPopupTokenSections } from '@sparkux/themes/types/confirmpopup';\n\nexport const root: ConfirmPopupTokenSections.Root = {\n    background: '{overlay.popover.background}',\n    borderColor: '{overlay.popover.border.color}',\n    color: '{overlay.popover.color}',\n    borderRadius: '{overlay.popover.border.radius}',\n    shadow: '{overlay.popover.shadow}',\n    gutter: '10px',\n    arrowOffset: '1.25rem'\n};\n\nexport const content: ConfirmPopupTokenSections.Content = {\n    padding: '{overlay.popover.padding}',\n    gap: '1rem'\n};\n\nexport const icon: ConfirmPopupTokenSections.Icon = {\n    size: '1.5rem',\n    color: '{overlay.popover.color}'\n};\n\nexport const footer: ConfirmPopupTokenSections.Footer = {\n    gap: '0.5rem',\n    padding: '0 {overlay.popover.padding} {overlay.popover.padding} {overlay.popover.padding}'\n};\n\nexport const css: ConfirmPopupTokenSections.CSS = /*css*/ ``;\n\nexport default {\n    root,\n    content,\n    icon,\n    footer,\n    css\n} satisfies ConfirmPopupDesignTokens;\n"],"mappings":";AAEO,IAAM,OAAuC;AAAA,EAChD,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,OAAO;AAAA,EACP,cAAc;AAAA,EACd,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,aAAa;AACjB;AAEO,IAAM,UAA6C;AAAA,EACtD,SAAS;AAAA,EACT,KAAK;AACT;AAEO,IAAM,OAAuC;AAAA,EAChD,MAAM;AAAA,EACN,OAAO;AACX;AAEO,IAAM,SAA2C;AAAA,EACpD,KAAK;AAAA,EACL,SAAS;AACb;AAEO,IAAM;AAAA;AAAA,EAA6C;AAAA;AAE1D,IAAO,uBAAQ;AAAA,EACX;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ;","names":[]}

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

@@ -0,0 +1,22 @@
+import type { ContextMenuTokenSections } from '@sparkux/themes/types/contextmenu';
+
+export * from '@sparkux/themes/types/contextmenu';
+
+declare const root: ContextMenuTokenSections.Root;
+declare const list: ContextMenuTokenSections.List;
+declare const item: ContextMenuTokenSections.Item;
+declare const submenu: ContextMenuTokenSections.Submenu;
+declare const submenuIcon: ContextMenuTokenSections.SubmenuIcon;
+declare const separator: ContextMenuTokenSections.Separator;
+declare const css: ContextMenuTokenSections.CSS;
+declare const _default: {
+    root: ContextMenuTokenSections.Root;
+    list: ContextMenuTokenSections.List;
+    item: ContextMenuTokenSections.Item;
+    submenu: ContextMenuTokenSections.Submenu;
+    submenuIcon: ContextMenuTokenSections.SubmenuIcon;
+    separator: ContextMenuTokenSections.Separator;
+    css: string;
+};
+
+export { css, _default as default, item, list, root, separator, submenu, submenuIcon };

package/dist/material/contextmenu/index.mjs

@@ -0,0 +1 @@
+var o={background:"{content.background}",borderColor:"transparent",color:"{content.color}",borderRadius:"{content.border.radius}",shadow:"{overlay.navigation.shadow}",transitionDuration:"{transition.duration}"},i={padding:"{navigation.list.padding}",gap:"{navigation.list.gap}"},n={focusBackground:"{navigation.item.focus.background}",activeBackground:"{navigation.item.active.background}",color:"{navigation.item.color}",focusColor:"{navigation.item.focus.color}",activeColor:"{navigation.item.active.color}",padding:"{navigation.item.padding}",borderRadius:"{navigation.item.border.radius}",gap:"{navigation.item.gap}",icon:{color:"{navigation.item.icon.color}",focusColor:"{navigation.item.icon.focus.color}",activeColor:"{navigation.item.icon.active.color}"}},a={mobileIndent:"1rem"},t={size:"{navigation.submenu.icon.size}",color:"{navigation.submenu.icon.color}",focusColor:"{navigation.submenu.icon.focus.color}",activeColor:"{navigation.submenu.icon.active.color}"},r={borderColor:"{content.border.color}"},css="",c={root:o,list:i,item:n,submenu:a,submenuIcon:t,separator:r,css:""};export{css,c as default,n as item,i as list,o as root,r as separator,a as submenu,t as submenuIcon};//# sourceMappingURL=index.mjs.map