@choco-vanille/ui 1.1.1 → 1.1.2

package/dist/theme/tokens/index.d.ts

@@ -0,0 +1,373 @@
+export declare const lightTheme: {
+    space: {
+        readonly none: "0";
+        readonly px: "1px";
+        readonly xxs: "0.125rem";
+        readonly xs: "0.25rem";
+        readonly xs2: "0.375rem";
+        readonly sm: "0.5rem";
+        readonly sm2: "0.625rem";
+        readonly md: "0.75rem";
+        readonly md2: "0.875rem";
+        readonly lg: "1rem";
+        readonly lg2: "1.25rem";
+        readonly xl: "1.5rem";
+        readonly '2xl': "2rem";
+        readonly '3xl': "3rem";
+        readonly '4xl': "4rem";
+        readonly '5xl': "6rem";
+    };
+    radius: {
+        readonly none: "0";
+        readonly xs: "0.25rem";
+        readonly sm: "0.375rem";
+        readonly md: "0.5rem";
+        readonly lg: "0.625rem";
+        readonly xl: "0.875rem";
+        readonly '2xl': "1.25rem";
+        readonly full: "9999px";
+    };
+    fontFamily: {
+        readonly sans: "ui-sans-serif, system-ui, -apple-system, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif";
+        readonly serif: "ui-serif, Georgia, Cambria, \"Times New Roman\", Times, serif";
+        readonly mono: "ui-monospace, SFMono-Regular, \"SF Mono\", Menlo, Consolas, \"Liberation Mono\", monospace";
+    };
+    fontSize: {
+        readonly '2xs': "0.625rem";
+        readonly xs: "0.75rem";
+        readonly sm: "0.875rem";
+        readonly base: "1rem";
+        readonly lg: "1.125rem";
+        readonly xl: "1.25rem";
+        readonly '2xl': "1.5rem";
+        readonly '3xl': "1.875rem";
+        readonly '4xl': "2.25rem";
+        readonly '5xl': "3rem";
+        readonly '6xl': "3.75rem";
+        readonly '7xl': "4.5rem";
+    };
+    fontWeight: {
+        readonly thin: "100";
+        readonly extralight: "200";
+        readonly light: "300";
+        readonly normal: "400";
+        readonly medium: "500";
+        readonly semibold: "600";
+        readonly bold: "700";
+        readonly extrabold: "800";
+        readonly black: "900";
+    };
+    lineHeight: {
+        readonly none: "1";
+        readonly tight: "1.25";
+        readonly snug: "1.375";
+        readonly normal: "1.5";
+        readonly relaxed: "1.625";
+        readonly loose: "1.75";
+    };
+    letterSpacing: {
+        readonly tighter: "-0.05em";
+        readonly tight: "-0.025em";
+        readonly normal: "0";
+        readonly wide: "0.025em";
+        readonly wider: "0.05em";
+        readonly widest: "0.1em";
+    };
+    zIndex: {
+        readonly hide: "-1";
+        readonly base: "0";
+        readonly docked: "10";
+        readonly sticky: "100";
+        readonly banner: "200";
+        readonly dropdown: "1000";
+        readonly overlay: "1100";
+        readonly modal: "1200";
+        readonly popover: "1300";
+        readonly toast: "1350";
+        readonly tooltip: "1400";
+    };
+    duration: {
+        readonly instant: "0ms";
+        readonly fast: "100ms";
+        readonly normal: "150ms";
+        readonly moderate: "200ms";
+        readonly slow: "300ms";
+        readonly slower: "500ms";
+    };
+    easing: {
+        readonly standard: "cubic-bezier(0.2, 0, 0, 1)";
+        readonly out: "cubic-bezier(0, 0, 0.2, 1)";
+        readonly in: "cubic-bezier(0.4, 0, 1, 1)";
+        readonly emphasized: "cubic-bezier(0.2, 0, 0, 1.2)";
+        readonly linear: "linear";
+    };
+    color: {
+        readonly background: "oklch(0.985 0.002 264)";
+        readonly foreground: "oklch(0.143 0.008 264)";
+        readonly text: "oklch(0.143 0.008 264)";
+        readonly textSecondary: "oklch(0.372 0.018 264)";
+        readonly textTertiary: "oklch(0.554 0.02 264)";
+        readonly card: "oklch(1 0 0)";
+        readonly cardForeground: "oklch(0.143 0.008 264)";
+        readonly popover: "oklch(1 0 0)";
+        readonly popoverForeground: "oklch(0.143 0.008 264)";
+        readonly muted: "oklch(0.968 0.004 264)";
+        readonly mutedForeground: "oklch(0.446 0.02 264)";
+        readonly overlay: "oklch(0 0 0 / 0.5)";
+        readonly primary: "oklch(0.545 0.22 264)";
+        readonly primaryHover: "oklch(0.488 0.217 265)";
+        readonly primaryActive: "oklch(0.424 0.181 266)";
+        readonly primaryForeground: "oklch(1 0 0)";
+        readonly primarySubtle: "oklch(0.936 0.032 264)";
+        readonly primarySubtleHover: "oklch(0.885 0.062 264)";
+        readonly primarySubtleActive: "oklch(0.808 0.108 263)";
+        readonly primarySubtleForeground: "oklch(0.424 0.181 266)";
+        readonly primarySubtleBorder: "oklch(0.885 0.062 264)";
+        readonly link: "oklch(0.545 0.22 264)";
+        readonly linkHover: "oklch(0.424 0.181 266)";
+        readonly linkActive: "oklch(0.379 0.138 266)";
+        readonly secondary: "oklch(0.62 0.20 345)";
+        readonly secondaryHover: "oklch(0.54 0.16 345)";
+        readonly secondaryActive: "oklch(0.46 0.13 345)";
+        readonly secondaryForeground: "oklch(1 0 0)";
+        readonly secondarySubtle: "oklch(0.965 0.045 345)";
+        readonly secondarySubtleHover: "oklch(0.925 0.09 345)";
+        readonly secondarySubtleActive: "oklch(0.86 0.15 345)";
+        readonly secondarySubtleForeground: "oklch(0.40 0.10 345)";
+        readonly secondarySubtleBorder: "oklch(0.925 0.09 345)";
+        readonly tertiary: "oklch(0.923 0.006 264)";
+        readonly tertiaryHover: "oklch(0.872 0.009 264)";
+        readonly tertiaryActive: "oklch(0.708 0.018 264)";
+        readonly tertiaryForeground: "oklch(0.21 0.01 264)";
+        readonly tertiarySubtle: "oklch(0.923 0.006 264)";
+        readonly tertiarySubtleHover: "oklch(0.872 0.009 264)";
+        readonly tertiarySubtleActive: "oklch(0.708 0.018 264)";
+        readonly tertiarySubtleForeground: "oklch(0.21 0.01 264)";
+        readonly tertiarySubtleBorder: "oklch(0.872 0.009 264)";
+        readonly success: "oklch(0.627 0.194 149.2)";
+        readonly successHover: "oklch(0.527 0.154 150.1)";
+        readonly successActive: "oklch(0.448 0.119 151.3)";
+        readonly successForeground: "oklch(1 0 0)";
+        readonly successSubtle: "oklch(0.962 0.044 156.7)";
+        readonly successSubtleHover: "oklch(0.925 0.084 155.9)";
+        readonly successSubtleActive: "oklch(0.871 0.15 154.4)";
+        readonly successSubtleForeground: "oklch(0.393 0.095 152.5)";
+        readonly successSubtleBorder: "oklch(0.925 0.084 155.9)";
+        readonly warning: "oklch(0.769 0.188 70.1)";
+        readonly warningHover: "oklch(0.666 0.179 58.3)";
+        readonly warningActive: "oklch(0.555 0.156 49.0)";
+        readonly warningForeground: "oklch(0.143 0.008 264)";
+        readonly warningSubtle: "oklch(0.962 0.059 95.6)";
+        readonly warningSubtleHover: "oklch(0.924 0.12 95.7)";
+        readonly warningSubtleActive: "oklch(0.879 0.169 91.6)";
+        readonly warningSubtleForeground: "oklch(0.414 0.112 45.9)";
+        readonly warningSubtleBorder: "oklch(0.924 0.12 95.7)";
+        readonly info: "oklch(0.546 0.196 240)";
+        readonly infoHover: "oklch(0.488 0.2 242)";
+        readonly infoActive: "oklch(0.424 0.17 244)";
+        readonly infoForeground: "oklch(1 0 0)";
+        readonly infoSubtle: "oklch(0.932 0.032 237)";
+        readonly infoSubtleHover: "oklch(0.882 0.059 237)";
+        readonly infoSubtleActive: "oklch(0.809 0.105 236)";
+        readonly infoSubtleForeground: "oklch(0.379 0.13 244)";
+        readonly infoSubtleBorder: "oklch(0.882 0.059 237)";
+        readonly destructive: "oklch(0.577 0.245 27.3)";
+        readonly destructiveHover: "oklch(0.505 0.213 27.5)";
+        readonly destructiveActive: "oklch(0.444 0.177 26.9)";
+        readonly destructiveForeground: "oklch(1 0 0)";
+        readonly destructiveSubtle: "oklch(0.936 0.032 17.7)";
+        readonly destructiveSubtleHover: "oklch(0.885 0.062 18.3)";
+        readonly destructiveSubtleActive: "oklch(0.808 0.114 19.6)";
+        readonly destructiveSubtleForeground: "oklch(0.396 0.141 25.7)";
+        readonly destructiveSubtleBorder: "oklch(0.885 0.062 18.3)";
+        readonly purple: "oklch(0.558 0.24 300)";
+        readonly purpleHover: "oklch(0.495 0.205 300)";
+        readonly purpleActive: "oklch(0.438 0.17 300)";
+        readonly purpleForeground: "oklch(1 0 0)";
+        readonly purpleSubtle: "oklch(0.953 0.034 300)";
+        readonly purpleSubtleHover: "oklch(0.902 0.073 300)";
+        readonly purpleSubtleActive: "oklch(0.827 0.142 300)";
+        readonly purpleSubtleForeground: "oklch(0.38 0.13 300)";
+        readonly purpleSubtleBorder: "oklch(0.902 0.073 300)";
+        readonly pink: "oklch(0.592 0.22 350)";
+        readonly pinkHover: "oklch(0.525 0.185 350)";
+        readonly pinkActive: "oklch(0.46 0.15 350)";
+        readonly pinkForeground: "oklch(1 0 0)";
+        readonly pinkSubtle: "oklch(0.958 0.03 350)";
+        readonly pinkSubtleHover: "oklch(0.918 0.063 350)";
+        readonly pinkSubtleActive: "oklch(0.85 0.12 350)";
+        readonly pinkSubtleForeground: "oklch(0.405 0.115 350)";
+        readonly pinkSubtleBorder: "oklch(0.918 0.063 350)";
+        readonly orange: "oklch(0.6 0.21 55)";
+        readonly orangeHover: "oklch(0.52 0.175 55)";
+        readonly orangeActive: "oklch(0.45 0.14 55)";
+        readonly orangeForeground: "oklch(1 0 0)";
+        readonly orangeSubtle: "oklch(0.954 0.04 55)";
+        readonly orangeSubtleHover: "oklch(0.901 0.084 55)";
+        readonly orangeSubtleActive: "oklch(0.837 0.154 55)";
+        readonly orangeSubtleForeground: "oklch(0.39 0.11 55)";
+        readonly orangeSubtleBorder: "oklch(0.901 0.084 55)";
+        readonly teal: "oklch(0.585 0.195 180)";
+        readonly tealHover: "oklch(0.51 0.16 180)";
+        readonly tealActive: "oklch(0.445 0.13 180)";
+        readonly tealForeground: "oklch(1 0 0)";
+        readonly tealSubtle: "oklch(0.96 0.04 180)";
+        readonly tealSubtleHover: "oklch(0.91 0.08 180)";
+        readonly tealSubtleActive: "oklch(0.84 0.15 180)";
+        readonly tealSubtleForeground: "oklch(0.385 0.1 180)";
+        readonly tealSubtleBorder: "oklch(0.91 0.08 180)";
+        readonly cyan: "oklch(0.605 0.195 210)";
+        readonly cyanHover: "oklch(0.535 0.165 210)";
+        readonly cyanActive: "oklch(0.465 0.135 210)";
+        readonly cyanForeground: "oklch(1 0 0)";
+        readonly cyanSubtle: "oklch(0.962 0.038 210)";
+        readonly cyanSubtleHover: "oklch(0.915 0.078 210)";
+        readonly cyanSubtleActive: "oklch(0.85 0.145 210)";
+        readonly cyanSubtleForeground: "oklch(0.405 0.105 210)";
+        readonly cyanSubtleBorder: "oklch(0.915 0.078 210)";
+        readonly indigo: "oklch(0.545 0.24 270)";
+        readonly indigoHover: "oklch(0.485 0.205 270)";
+        readonly indigoActive: "oklch(0.43 0.17 270)";
+        readonly indigoForeground: "oklch(1 0 0)";
+        readonly indigoSubtle: "oklch(0.948 0.034 270)";
+        readonly indigoSubtleHover: "oklch(0.895 0.073 270)";
+        readonly indigoSubtleActive: "oklch(0.815 0.142 270)";
+        readonly indigoSubtleForeground: "oklch(0.375 0.13 270)";
+        readonly indigoSubtleBorder: "oklch(0.895 0.073 270)";
+        readonly border: "oklch(0.923 0.006 264)";
+        readonly borderStrong: "oklch(0.872 0.009 264)";
+        readonly input: "oklch(0.872 0.009 264)";
+        readonly ring: "oklch(0.545 0.22 264)";
+        readonly highlight: "oklch(0.924 0.12 95.7)";
+        readonly highlightForeground: "oklch(0.414 0.112 45.9)";
+        readonly skeleton: "oklch(0.923 0.006 264)";
+        readonly skeletonForeground: "oklch(0.872 0.009 264)";
+    };
+    shadow: {
+        readonly none: "none";
+        readonly xs: "0 1px 2px 0 rgb(0 0 0 / 0.05)";
+        readonly sm: "0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)";
+        readonly md: "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)";
+        readonly lg: "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)";
+        readonly xl: "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)";
+        readonly '2xl': "0 25px 50px -12px rgb(0 0 0 / 0.25)";
+        readonly inner: "inset 0 2px 4px 0 rgb(0 0 0 / 0.05)";
+    };
+    dropShadow: {
+        readonly none: "none";
+        readonly sm: "drop-shadow(0 1px 3px rgb(0 0 0 / 0.1)) drop-shadow(0 1px 2px rgb(0 0 0 / 0.1))";
+        readonly md: "drop-shadow(0 4px 6px rgb(0 0 0 / 0.1)) drop-shadow(0 2px 4px rgb(0 0 0 / 0.1))";
+        readonly lg: "drop-shadow(0 10px 15px rgb(0 0 0 / 0.1)) drop-shadow(0 4px 6px rgb(0 0 0 / 0.1))";
+        readonly xl: "drop-shadow(0 20px 25px rgb(0 0 0 / 0.1)) drop-shadow(0 8px 10px rgb(0 0 0 / 0.1))";
+    };
+};
+export declare const darkTheme: {
+    space: {
+        readonly none: "0";
+        readonly px: "1px";
+        readonly xxs: "0.125rem";
+        readonly xs: "0.25rem";
+        readonly xs2: "0.375rem";
+        readonly sm: "0.5rem";
+        readonly sm2: "0.625rem";
+        readonly md: "0.75rem";
+        readonly md2: "0.875rem";
+        readonly lg: "1rem";
+        readonly lg2: "1.25rem";
+        readonly xl: "1.5rem";
+        readonly '2xl': "2rem";
+        readonly '3xl': "3rem";
+        readonly '4xl': "4rem";
+        readonly '5xl': "6rem";
+    };
+    radius: {
+        readonly none: "0";
+        readonly xs: "0.25rem";
+        readonly sm: "0.375rem";
+        readonly md: "0.5rem";
+        readonly lg: "0.625rem";
+        readonly xl: "0.875rem";
+        readonly '2xl': "1.25rem";
+        readonly full: "9999px";
+    };
+    fontFamily: {
+        readonly sans: "ui-sans-serif, system-ui, -apple-system, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif";
+        readonly serif: "ui-serif, Georgia, Cambria, \"Times New Roman\", Times, serif";
+        readonly mono: "ui-monospace, SFMono-Regular, \"SF Mono\", Menlo, Consolas, \"Liberation Mono\", monospace";
+    };
+    fontSize: {
+        readonly '2xs': "0.625rem";
+        readonly xs: "0.75rem";
+        readonly sm: "0.875rem";
+        readonly base: "1rem";
+        readonly lg: "1.125rem";
+        readonly xl: "1.25rem";
+        readonly '2xl': "1.5rem";
+        readonly '3xl': "1.875rem";
+        readonly '4xl': "2.25rem";
+        readonly '5xl': "3rem";
+        readonly '6xl': "3.75rem";
+        readonly '7xl': "4.5rem";
+    };
+    fontWeight: {
+        readonly thin: "100";
+        readonly extralight: "200";
+        readonly light: "300";
+        readonly normal: "400";
+        readonly medium: "500";
+        readonly semibold: "600";
+        readonly bold: "700";
+        readonly extrabold: "800";
+        readonly black: "900";
+    };
+    lineHeight: {
+        readonly none: "1";
+        readonly tight: "1.25";
+        readonly snug: "1.375";
+        readonly normal: "1.5";
+        readonly relaxed: "1.625";
+        readonly loose: "1.75";
+    };
+    letterSpacing: {
+        readonly tighter: "-0.05em";
+        readonly tight: "-0.025em";
+        readonly normal: "0";
+        readonly wide: "0.025em";
+        readonly wider: "0.05em";
+        readonly widest: "0.1em";
+    };
+    zIndex: {
+        readonly hide: "-1";
+        readonly base: "0";
+        readonly docked: "10";
+        readonly sticky: "100";
+        readonly banner: "200";
+        readonly dropdown: "1000";
+        readonly overlay: "1100";
+        readonly modal: "1200";
+        readonly popover: "1300";
+        readonly toast: "1350";
+        readonly tooltip: "1400";
+    };
+    duration: {
+        readonly instant: "0ms";
+        readonly fast: "100ms";
+        readonly normal: "150ms";
+        readonly moderate: "200ms";
+        readonly slow: "300ms";
+        readonly slower: "500ms";
+    };
+    easing: {
+        readonly standard: "cubic-bezier(0.2, 0, 0, 1)";
+        readonly out: "cubic-bezier(0, 0, 0.2, 1)";
+        readonly in: "cubic-bezier(0.4, 0, 1, 1)";
+        readonly emphasized: "cubic-bezier(0.2, 0, 0, 1.2)";
+        readonly linear: "linear";
+    };
+    color: Record<"background" | "foreground" | "text" | "textSecondary" | "textTertiary" | "card" | "cardForeground" | "popover" | "popoverForeground" | "muted" | "mutedForeground" | "overlay" | "primary" | "primaryHover" | "primaryActive" | "primaryForeground" | "primarySubtle" | "primarySubtleHover" | "primarySubtleActive" | "primarySubtleForeground" | "primarySubtleBorder" | "link" | "linkHover" | "linkActive" | "secondary" | "secondaryHover" | "secondaryActive" | "secondaryForeground" | "secondarySubtle" | "secondarySubtleHover" | "secondarySubtleActive" | "secondarySubtleForeground" | "secondarySubtleBorder" | "tertiary" | "tertiaryHover" | "tertiaryActive" | "tertiaryForeground" | "tertiarySubtle" | "tertiarySubtleHover" | "tertiarySubtleActive" | "tertiarySubtleForeground" | "tertiarySubtleBorder" | "success" | "successHover" | "successActive" | "successForeground" | "successSubtle" | "successSubtleHover" | "successSubtleActive" | "successSubtleForeground" | "successSubtleBorder" | "warning" | "warningHover" | "warningActive" | "warningForeground" | "warningSubtle" | "warningSubtleHover" | "warningSubtleActive" | "warningSubtleForeground" | "warningSubtleBorder" | "info" | "infoHover" | "infoActive" | "infoForeground" | "infoSubtle" | "infoSubtleHover" | "infoSubtleActive" | "infoSubtleForeground" | "infoSubtleBorder" | "destructive" | "destructiveHover" | "destructiveActive" | "destructiveForeground" | "destructiveSubtle" | "destructiveSubtleHover" | "destructiveSubtleActive" | "destructiveSubtleForeground" | "destructiveSubtleBorder" | "purple" | "purpleHover" | "purpleActive" | "purpleForeground" | "purpleSubtle" | "purpleSubtleHover" | "purpleSubtleActive" | "purpleSubtleForeground" | "purpleSubtleBorder" | "pink" | "pinkHover" | "pinkActive" | "pinkForeground" | "pinkSubtle" | "pinkSubtleHover" | "pinkSubtleActive" | "pinkSubtleForeground" | "pinkSubtleBorder" | "orange" | "orangeHover" | "orangeActive" | "orangeForeground" | "orangeSubtle" | "orangeSubtleHover" | "orangeSubtleActive" | "orangeSubtleForeground" | "orangeSubtleBorder" | "teal" | "tealHover" | "tealActive" | "tealForeground" | "tealSubtle" | "tealSubtleHover" | "tealSubtleActive" | "tealSubtleForeground" | "tealSubtleBorder" | "cyan" | "cyanHover" | "cyanActive" | "cyanForeground" | "cyanSubtle" | "cyanSubtleHover" | "cyanSubtleActive" | "cyanSubtleForeground" | "cyanSubtleBorder" | "indigo" | "indigoHover" | "indigoActive" | "indigoForeground" | "indigoSubtle" | "indigoSubtleHover" | "indigoSubtleActive" | "indigoSubtleForeground" | "indigoSubtleBorder" | "border" | "borderStrong" | "input" | "ring" | "highlight" | "highlightForeground" | "skeleton" | "skeletonForeground", string>;
+    shadow: Record<"none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "inner", string>;
+    dropShadow: Record<"none" | "sm" | "md" | "lg" | "xl", string>;
+};
+/** The canonical theme shape (light is the reference). */
+export type Theme = typeof lightTheme;
+export { palette } from './palette.ts';

package/dist/theme/tokens/motion.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s={instant:"0ms",fast:"100ms",normal:"150ms",moderate:"200ms",slow:"300ms",slower:"500ms"};exports.duration=s;
+//# sourceMappingURL=motion.cjs.map

package/dist/theme/tokens/motion.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"motion.cjs","sources":["../../../src/theme/tokens/motion.ts"],"sourcesContent":["/*\r\n * Motion tokens — durations and easing curves for consistent, tasteful\r\n * animations across the kit. Theme-agnostic.\r\n */\r\n\r\nexport const duration = {\r\n    instant: '0ms',\r\n    fast: '100ms',\r\n    normal: '150ms',\r\n    moderate: '200ms',\r\n    slow: '300ms',\r\n    slower: '500ms',\r\n} as const\r\n\r\nexport const easing = {\r\n    /* Standard material-like ease for most UI transitions. */\r\n    standard: 'cubic-bezier(0.2, 0, 0, 1)',\r\n    /* Decelerate — entering elements. */\r\n    out: 'cubic-bezier(0, 0, 0.2, 1)',\r\n    /* Accelerate — exiting elements. */\r\n    in: 'cubic-bezier(0.4, 0, 1, 1)',\r\n    /* A subtle spring-like overshoot for playful interactions. */\r\n    emphasized: 'cubic-bezier(0.2, 0, 0, 1.2)',\r\n    linear: 'linear',\r\n} as const\r\n\r\nexport type Duration = typeof duration\r\nexport type Easing = typeof easing\r\n"],"names":["duration"],"mappings":"gFAKO,MAAMA,EAAW,CACpB,QAAS,MACT,KAAM,QACN,OAAQ,QACR,SAAU,QACV,KAAM,QACN,OAAQ,OACZ"}

package/dist/theme/tokens/motion.d.ts

@@ -0,0 +1,17 @@
+export declare const duration: {
+    readonly instant: "0ms";
+    readonly fast: "100ms";
+    readonly normal: "150ms";
+    readonly moderate: "200ms";
+    readonly slow: "300ms";
+    readonly slower: "500ms";
+};
+export declare const easing: {
+    readonly standard: "cubic-bezier(0.2, 0, 0, 1)";
+    readonly out: "cubic-bezier(0, 0, 0.2, 1)";
+    readonly in: "cubic-bezier(0.4, 0, 1, 1)";
+    readonly emphasized: "cubic-bezier(0.2, 0, 0, 1.2)";
+    readonly linear: "linear";
+};
+export type Duration = typeof duration;
+export type Easing = typeof easing;

package/dist/theme/tokens/motion.js

@@ -0,0 +1,12 @@
+const s = {
+  instant: "0ms",
+  fast: "100ms",
+  normal: "150ms",
+  moderate: "200ms",
+  slow: "300ms",
+  slower: "500ms"
+};
+export {
+  s as duration
+};
+//# sourceMappingURL=motion.js.map

package/dist/theme/tokens/motion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"motion.js","sources":["../../../src/theme/tokens/motion.ts"],"sourcesContent":["/*\r\n * Motion tokens — durations and easing curves for consistent, tasteful\r\n * animations across the kit. Theme-agnostic.\r\n */\r\n\r\nexport const duration = {\r\n    instant: '0ms',\r\n    fast: '100ms',\r\n    normal: '150ms',\r\n    moderate: '200ms',\r\n    slow: '300ms',\r\n    slower: '500ms',\r\n} as const\r\n\r\nexport const easing = {\r\n    /* Standard material-like ease for most UI transitions. */\r\n    standard: 'cubic-bezier(0.2, 0, 0, 1)',\r\n    /* Decelerate — entering elements. */\r\n    out: 'cubic-bezier(0, 0, 0.2, 1)',\r\n    /* Accelerate — exiting elements. */\r\n    in: 'cubic-bezier(0.4, 0, 1, 1)',\r\n    /* A subtle spring-like overshoot for playful interactions. */\r\n    emphasized: 'cubic-bezier(0.2, 0, 0, 1.2)',\r\n    linear: 'linear',\r\n} as const\r\n\r\nexport type Duration = typeof duration\r\nexport type Easing = typeof easing\r\n"],"names":["duration"],"mappings":"AAKO,MAAMA,IAAW;AAAA,EACpB,SAAS;AAAA,EACT,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,MAAM;AAAA,EACN,QAAQ;AACZ;"}

package/dist/theme/tokens/palette.d.ts

@@ -0,0 +1,176 @@
+export declare const palette: {
+    readonly neutral: {
+        readonly 0: "oklch(1 0 0)";
+        readonly 50: "oklch(0.985 0.002 264)";
+        readonly 100: "oklch(0.968 0.004 264)";
+        readonly 200: "oklch(0.923 0.006 264)";
+        readonly 300: "oklch(0.872 0.009 264)";
+        readonly 400: "oklch(0.708 0.018 264)";
+        readonly 500: "oklch(0.554 0.02 264)";
+        readonly 600: "oklch(0.446 0.02 264)";
+        readonly 700: "oklch(0.372 0.018 264)";
+        readonly 800: "oklch(0.277 0.012 264)";
+        readonly 900: "oklch(0.21 0.01 264)";
+        readonly 950: "oklch(0.143 0.008 264)";
+        readonly 1000: "oklch(0 0 0)";
+    };
+    readonly brand: {
+        readonly 50: "oklch(0.971 0.013 264)";
+        readonly 100: "oklch(0.936 0.032 264)";
+        readonly 200: "oklch(0.885 0.062 264)";
+        readonly 300: "oklch(0.808 0.108 263)";
+        readonly 400: "oklch(0.707 0.163 263)";
+        readonly 500: "oklch(0.623 0.196 264)";
+        readonly 600: "oklch(0.545 0.22 264)";
+        readonly 700: "oklch(0.488 0.217 265)";
+        readonly 800: "oklch(0.424 0.181 266)";
+        readonly 900: "oklch(0.379 0.138 266)";
+        readonly 950: "oklch(0.282 0.09 268)";
+    };
+    readonly secondary: {
+        readonly 50: "oklch(0.98 0.02 345)";
+        readonly 100: "oklch(0.965 0.045 345)";
+        readonly 200: "oklch(0.925 0.09 345)";
+        readonly 300: "oklch(0.86 0.15 345)";
+        readonly 400: "oklch(0.78 0.20 345)";
+        readonly 500: "oklch(0.70 0.22 345)";
+        readonly 600: "oklch(0.62 0.20 345)";
+        readonly 700: "oklch(0.54 0.16 345)";
+        readonly 800: "oklch(0.46 0.13 345)";
+        readonly 900: "oklch(0.40 0.10 345)";
+        readonly 950: "oklch(0.29 0.065 345)";
+    };
+    readonly blue: {
+        readonly 50: "oklch(0.97 0.014 237)";
+        readonly 100: "oklch(0.932 0.032 237)";
+        readonly 200: "oklch(0.882 0.059 237)";
+        readonly 300: "oklch(0.809 0.105 236)";
+        readonly 400: "oklch(0.707 0.152 237)";
+        readonly 500: "oklch(0.623 0.17 237)";
+        readonly 600: "oklch(0.546 0.196 240)";
+        readonly 700: "oklch(0.488 0.2 242)";
+        readonly 800: "oklch(0.424 0.17 244)";
+        readonly 900: "oklch(0.379 0.13 244)";
+        readonly 950: "oklch(0.282 0.085 246)";
+    };
+    readonly green: {
+        readonly 50: "oklch(0.982 0.018 155.8)";
+        readonly 100: "oklch(0.962 0.044 156.7)";
+        readonly 200: "oklch(0.925 0.084 155.9)";
+        readonly 300: "oklch(0.871 0.15 154.4)";
+        readonly 400: "oklch(0.792 0.209 151.7)";
+        readonly 500: "oklch(0.723 0.219 149.6)";
+        readonly 600: "oklch(0.627 0.194 149.2)";
+        readonly 700: "oklch(0.527 0.154 150.1)";
+        readonly 800: "oklch(0.448 0.119 151.3)";
+        readonly 900: "oklch(0.393 0.095 152.5)";
+        readonly 950: "oklch(0.266 0.065 152.9)";
+    };
+    readonly amber: {
+        readonly 50: "oklch(0.987 0.022 95.3)";
+        readonly 100: "oklch(0.962 0.059 95.6)";
+        readonly 200: "oklch(0.924 0.12 95.7)";
+        readonly 300: "oklch(0.879 0.169 91.6)";
+        readonly 400: "oklch(0.828 0.189 84.4)";
+        readonly 500: "oklch(0.769 0.188 70.1)";
+        readonly 600: "oklch(0.666 0.179 58.3)";
+        readonly 700: "oklch(0.555 0.156 49.0)";
+        readonly 800: "oklch(0.473 0.133 46.2)";
+        readonly 900: "oklch(0.414 0.112 45.9)";
+        readonly 950: "oklch(0.279 0.077 45.6)";
+    };
+    readonly red: {
+        readonly 50: "oklch(0.971 0.013 17.4)";
+        readonly 100: "oklch(0.936 0.032 17.7)";
+        readonly 200: "oklch(0.885 0.062 18.3)";
+        readonly 300: "oklch(0.808 0.114 19.6)";
+        readonly 400: "oklch(0.704 0.191 22.2)";
+        readonly 500: "oklch(0.637 0.237 25.3)";
+        readonly 600: "oklch(0.577 0.245 27.3)";
+        readonly 700: "oklch(0.505 0.213 27.5)";
+        readonly 800: "oklch(0.444 0.177 26.9)";
+        readonly 900: "oklch(0.396 0.141 25.7)";
+        readonly 950: "oklch(0.258 0.092 26.0)";
+    };
+    readonly purple: {
+        readonly 50: "oklch(0.977 0.014 300)";
+        readonly 100: "oklch(0.953 0.034 300)";
+        readonly 200: "oklch(0.902 0.073 300)";
+        readonly 300: "oklch(0.827 0.142 300)";
+        readonly 400: "oklch(0.725 0.215 300)";
+        readonly 500: "oklch(0.627 0.257 300)";
+        readonly 600: "oklch(0.558 0.24 300)";
+        readonly 700: "oklch(0.495 0.205 300)";
+        readonly 800: "oklch(0.438 0.17 300)";
+        readonly 900: "oklch(0.38 0.13 300)";
+        readonly 950: "oklch(0.29 0.085 300)";
+    };
+    readonly pink: {
+        readonly 50: "oklch(0.98 0.012 350)";
+        readonly 100: "oklch(0.958 0.03 350)";
+        readonly 200: "oklch(0.918 0.063 350)";
+        readonly 300: "oklch(0.85 0.12 350)";
+        readonly 400: "oklch(0.76 0.19 350)";
+        readonly 500: "oklch(0.656 0.241 350)";
+        readonly 600: "oklch(0.592 0.22 350)";
+        readonly 700: "oklch(0.525 0.185 350)";
+        readonly 800: "oklch(0.46 0.15 350)";
+        readonly 900: "oklch(0.405 0.115 350)";
+        readonly 950: "oklch(0.31 0.075 350)";
+    };
+    readonly orange: {
+        readonly 50: "oklch(0.98 0.016 55)";
+        readonly 100: "oklch(0.954 0.04 55)";
+        readonly 200: "oklch(0.901 0.084 55)";
+        readonly 300: "oklch(0.837 0.154 55)";
+        readonly 400: "oklch(0.75 0.22 55)";
+        readonly 500: "oklch(0.678 0.235 55)";
+        readonly 600: "oklch(0.6 0.21 55)";
+        readonly 700: "oklch(0.52 0.175 55)";
+        readonly 800: "oklch(0.45 0.14 55)";
+        readonly 900: "oklch(0.39 0.11 55)";
+        readonly 950: "oklch(0.285 0.075 55)";
+    };
+    readonly teal: {
+        readonly 50: "oklch(0.982 0.018 180)";
+        readonly 100: "oklch(0.96 0.04 180)";
+        readonly 200: "oklch(0.91 0.08 180)";
+        readonly 300: "oklch(0.84 0.15 180)";
+        readonly 400: "oklch(0.75 0.21 180)";
+        readonly 500: "oklch(0.66 0.22 180)";
+        readonly 600: "oklch(0.585 0.195 180)";
+        readonly 700: "oklch(0.51 0.16 180)";
+        readonly 800: "oklch(0.445 0.13 180)";
+        readonly 900: "oklch(0.385 0.1 180)";
+        readonly 950: "oklch(0.285 0.065 180)";
+    };
+    readonly cyan: {
+        readonly 50: "oklch(0.983 0.016 210)";
+        readonly 100: "oklch(0.962 0.038 210)";
+        readonly 200: "oklch(0.915 0.078 210)";
+        readonly 300: "oklch(0.85 0.145 210)";
+        readonly 400: "oklch(0.76 0.205 210)";
+        readonly 500: "oklch(0.68 0.22 210)";
+        readonly 600: "oklch(0.605 0.195 210)";
+        readonly 700: "oklch(0.535 0.165 210)";
+        readonly 800: "oklch(0.465 0.135 210)";
+        readonly 900: "oklch(0.405 0.105 210)";
+        readonly 950: "oklch(0.3 0.07 210)";
+    };
+    readonly indigo: {
+        readonly 50: "oklch(0.975 0.014 270)";
+        readonly 100: "oklch(0.948 0.034 270)";
+        readonly 200: "oklch(0.895 0.073 270)";
+        readonly 300: "oklch(0.815 0.142 270)";
+        readonly 400: "oklch(0.71 0.215 270)";
+        readonly 500: "oklch(0.615 0.257 270)";
+        readonly 600: "oklch(0.545 0.24 270)";
+        readonly 700: "oklch(0.485 0.205 270)";
+        readonly 800: "oklch(0.43 0.17 270)";
+        readonly 900: "oklch(0.375 0.13 270)";
+        readonly 950: "oklch(0.285 0.085 270)";
+    };
+    readonly white: "oklch(1 0 0)";
+    readonly black: "oklch(0 0 0)";
+};
+export type Palette = typeof palette;

package/dist/theme/tokens/radii.d.ts

@@ -0,0 +1,11 @@
+export declare const radius: {
+    readonly none: "0";
+    readonly xs: "0.25rem";
+    readonly sm: "0.375rem";
+    readonly md: "0.5rem";
+    readonly lg: "0.625rem";
+    readonly xl: "0.875rem";
+    readonly '2xl': "1.25rem";
+    readonly full: "9999px";
+};
+export type Radius = typeof radius;

package/dist/theme/tokens/shadows.d.ts

@@ -0,0 +1,21 @@
+export declare const lightShadows: {
+    readonly none: "none";
+    readonly xs: "0 1px 2px 0 rgb(0 0 0 / 0.05)";
+    readonly sm: "0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)";
+    readonly md: "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)";
+    readonly lg: "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)";
+    readonly xl: "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)";
+    readonly '2xl': "0 25px 50px -12px rgb(0 0 0 / 0.25)";
+    readonly inner: "inset 0 2px 4px 0 rgb(0 0 0 / 0.05)";
+};
+export declare const darkShadows: Record<keyof typeof lightShadows, string>;
+export type Shadows = typeof lightShadows;
+export declare const lightDropShadows: {
+    readonly none: "none";
+    readonly sm: "drop-shadow(0 1px 3px rgb(0 0 0 / 0.1)) drop-shadow(0 1px 2px rgb(0 0 0 / 0.1))";
+    readonly md: "drop-shadow(0 4px 6px rgb(0 0 0 / 0.1)) drop-shadow(0 2px 4px rgb(0 0 0 / 0.1))";
+    readonly lg: "drop-shadow(0 10px 15px rgb(0 0 0 / 0.1)) drop-shadow(0 4px 6px rgb(0 0 0 / 0.1))";
+    readonly xl: "drop-shadow(0 20px 25px rgb(0 0 0 / 0.1)) drop-shadow(0 8px 10px rgb(0 0 0 / 0.1))";
+};
+export declare const darkDropShadows: Record<keyof typeof lightDropShadows, string>;
+export type DropShadows = typeof lightDropShadows;

package/dist/theme/tokens/spacing.d.ts

@@ -0,0 +1,19 @@
+export declare const space: {
+    readonly none: "0";
+    readonly px: "1px";
+    readonly xxs: "0.125rem";
+    readonly xs: "0.25rem";
+    readonly xs2: "0.375rem";
+    readonly sm: "0.5rem";
+    readonly sm2: "0.625rem";
+    readonly md: "0.75rem";
+    readonly md2: "0.875rem";
+    readonly lg: "1rem";
+    readonly lg2: "1.25rem";
+    readonly xl: "1.5rem";
+    readonly '2xl': "2rem";
+    readonly '3xl': "3rem";
+    readonly '4xl': "4rem";
+    readonly '5xl': "6rem";
+};
+export type Space = typeof space;