@yuva-devlab/tokens 0.1.2 → 1.1.0

package/CHANGELOG.md

@@ -1,35 +0,0 @@
-# @yuva-devlab/tokens
-
-## 0.1.2
-
-### Patch Changes
-
-- 38c0267: Migrate CLI to ESM, replace StyleX with Vanilla Extract, and
-  standardize documentation
-
-  CLI now uses ES modules for better compatibility with modern tools like Chalk
-  v5. Component templates have been updated to use Vanilla Extract instead of
-  StyleX, matching the actual project implementation. All package READMEs now
-  show consistent examples for npm, yarn, and pnpm.
-
-  Breaking: CLI requires Node.js 18+ for ESM support
-
-## 0.1.1
-
-### Patch Changes
-
-- 2cc8dcf: Complete documentation rewrite with comprehensive examples and API
-  reference
-
-## 0.1.0
-
-### Minor Changes
-
-- 16c5cc8: Initial Alpha release of the complete Yuva Devlab UI Library
-  ecosystem. Includes:
-  - Headless Radix Primitives
-  - Vanilla Extract Styling System
-  - Comprehensive Design Tokens
-  - Modern React Components
-  - Scalable Monorepo Configuration
-  - CLI tool for component scaffolding

package/dist/breakpoints.css.d.ts

@@ -1,13 +0,0 @@
-/**
- * Responsive breakpoint tokens.
- * Mobile-first approach aligned with common device sizes.
- */
-export declare const breakpoints: {
-    xs: `var(--${string})`;
-    sm: `var(--${string})`;
-    md: `var(--${string})`;
-    lg: `var(--${string})`;
-    xl: `var(--${string})`;
-    "2xl": `var(--${string})`;
-};
-//# sourceMappingURL=breakpoints.css.d.ts.map

package/dist/breakpoints.css.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"breakpoints.css.d.ts","sourceRoot":"","sources":["../src/breakpoints.css.ts"],"names":[],"mappings":"AAEA;;;GAGG;AACH,eAAO,MAAM,WAAW;;;;;;;CAOtB,CAAC"}

package/dist/colors.css.d.ts

@@ -1,99 +0,0 @@
-export declare const colors: {
-    brand: {
-        primary: {
-            main: `var(--${string})`;
-            onMain: `var(--${string})`;
-            container: `var(--${string})`;
-            onContainer: `var(--${string})`;
-            hover: `var(--${string})`;
-            active: `var(--${string})`;
-            subtle: `var(--${string})`;
-        };
-        secondary: {
-            main: `var(--${string})`;
-            onMain: `var(--${string})`;
-            container: `var(--${string})`;
-            onContainer: `var(--${string})`;
-            hover: `var(--${string})`;
-            active: `var(--${string})`;
-            subtle: `var(--${string})`;
-        };
-        tertiary: {
-            main: `var(--${string})`;
-            onMain: `var(--${string})`;
-            container: `var(--${string})`;
-            onContainer: `var(--${string})`;
-            hover: `var(--${string})`;
-            active: `var(--${string})`;
-            subtle: `var(--${string})`;
-        };
-        danger: {
-            main: `var(--${string})`;
-            onMain: `var(--${string})`;
-            container: `var(--${string})`;
-            onContainer: `var(--${string})`;
-            hover: `var(--${string})`;
-            active: `var(--${string})`;
-            subtle: `var(--${string})`;
-        };
-        success: {
-            main: `var(--${string})`;
-            onMain: `var(--${string})`;
-            container: `var(--${string})`;
-            onContainer: `var(--${string})`;
-            hover: `var(--${string})`;
-            active: `var(--${string})`;
-            subtle: `var(--${string})`;
-        };
-        warning: {
-            main: `var(--${string})`;
-            onMain: `var(--${string})`;
-            container: `var(--${string})`;
-            onContainer: `var(--${string})`;
-            hover: `var(--${string})`;
-            active: `var(--${string})`;
-            subtle: `var(--${string})`;
-        };
-        info: {
-            main: `var(--${string})`;
-            onMain: `var(--${string})`;
-            container: `var(--${string})`;
-            onContainer: `var(--${string})`;
-            hover: `var(--${string})`;
-            active: `var(--${string})`;
-            subtle: `var(--${string})`;
-        };
-    };
-    text: {
-        primary: `var(--${string})`;
-        secondary: `var(--${string})`;
-        tertiary: `var(--${string})`;
-        disabled: `var(--${string})`;
-        onPrimary: `var(--${string})`;
-        onColor: `var(--${string})`;
-        inverse: `var(--${string})`;
-    };
-    bg: {
-        body: `var(--${string})`;
-        surface: `var(--${string})`;
-        surfaceHover: `var(--${string})`;
-        surfaceActive: `var(--${string})`;
-        surfaceRaised: `var(--${string})`;
-        surfaceOverlay: `var(--${string})`;
-        canvas: `var(--${string})`;
-        subtle: `var(--${string})`;
-        disabled: `var(--${string})`;
-    };
-    border: {
-        subtle: `var(--${string})`;
-        default: `var(--${string})`;
-        strong: `var(--${string})`;
-        interactive: `var(--${string})`;
-        disabled: `var(--${string})`;
-    };
-    interaction: {
-        focusRing: `var(--${string})`;
-        overlay: `var(--${string})`;
-    };
-};
-//# sourceMappingURL=colors.css.d.ts.map

package/dist/colors.css.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"colors.css.d.ts","sourceRoot":"","sources":["../src/colors.css.ts"],"names":[],"mappings":"AAsBA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkDjB,CAAC"}

package/dist/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AACtC,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AACxC,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AACpC,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AACtC,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAE1C,OAAO,EAEL,YAAY,EACZ,UAAU,EACV,SAAS,GACV,MAAM,cAAc,CAAC"}

package/dist/palettes.css.d.ts

@@ -1,109 +0,0 @@
-/**
- * Seed colors for tonal palette generation
- * These are the basis for the entire tonal system.
- */
-export declare const SEEDS: {
-    primary: string;
-    secondary: string;
-    tertiary: string;
-    error: string;
-    neutral: string;
-    neutralVariant: string;
-};
-/**
- * Complete tonal palette system with 13 levels per color (0-100)
- * These are the foundation colors that semantic tokens map to
- */
-export declare const palettes: {
-    primary: {
-        0: `var(--${string})`;
-        10: `var(--${string})`;
-        20: `var(--${string})`;
-        30: `var(--${string})`;
-        40: `var(--${string})`;
-        50: `var(--${string})`;
-        60: `var(--${string})`;
-        70: `var(--${string})`;
-        80: `var(--${string})`;
-        90: `var(--${string})`;
-        95: `var(--${string})`;
-        99: `var(--${string})`;
-        100: `var(--${string})`;
-    };
-    secondary: {
-        0: `var(--${string})`;
-        10: `var(--${string})`;
-        20: `var(--${string})`;
-        30: `var(--${string})`;
-        40: `var(--${string})`;
-        50: `var(--${string})`;
-        60: `var(--${string})`;
-        70: `var(--${string})`;
-        80: `var(--${string})`;
-        90: `var(--${string})`;
-        95: `var(--${string})`;
-        99: `var(--${string})`;
-        100: `var(--${string})`;
-    };
-    tertiary: {
-        0: `var(--${string})`;
-        10: `var(--${string})`;
-        20: `var(--${string})`;
-        30: `var(--${string})`;
-        40: `var(--${string})`;
-        50: `var(--${string})`;
-        60: `var(--${string})`;
-        70: `var(--${string})`;
-        80: `var(--${string})`;
-        90: `var(--${string})`;
-        95: `var(--${string})`;
-        99: `var(--${string})`;
-        100: `var(--${string})`;
-    };
-    error: {
-        0: `var(--${string})`;
-        10: `var(--${string})`;
-        20: `var(--${string})`;
-        30: `var(--${string})`;
-        40: `var(--${string})`;
-        50: `var(--${string})`;
-        60: `var(--${string})`;
-        70: `var(--${string})`;
-        80: `var(--${string})`;
-        90: `var(--${string})`;
-        95: `var(--${string})`;
-        99: `var(--${string})`;
-        100: `var(--${string})`;
-    };
-    neutral: {
-        0: `var(--${string})`;
-        10: `var(--${string})`;
-        20: `var(--${string})`;
-        30: `var(--${string})`;
-        40: `var(--${string})`;
-        50: `var(--${string})`;
-        60: `var(--${string})`;
-        70: `var(--${string})`;
-        80: `var(--${string})`;
-        90: `var(--${string})`;
-        95: `var(--${string})`;
-        99: `var(--${string})`;
-        100: `var(--${string})`;
-    };
-    neutralVariant: {
-        0: `var(--${string})`;
-        10: `var(--${string})`;
-        20: `var(--${string})`;
-        30: `var(--${string})`;
-        40: `var(--${string})`;
-        50: `var(--${string})`;
-        60: `var(--${string})`;
-        70: `var(--${string})`;
-        80: `var(--${string})`;
-        90: `var(--${string})`;
-        95: `var(--${string})`;
-        99: `var(--${string})`;
-        100: `var(--${string})`;
-    };
-};
-//# sourceMappingURL=palettes.css.d.ts.map

package/dist/palettes.css.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"palettes.css.d.ts","sourceRoot":"","sources":["../src/palettes.css.ts"],"names":[],"mappings":"AAIA;;;GAGG;AACH,eAAO,MAAM,KAAK;;;;;;;CAOjB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2FnB,CAAC"}

package/dist/radii.css.d.ts

@@ -1,15 +0,0 @@
-/**
- * Border radius tokens for modern rounded aesthetic.
- */
-export declare const radii: {
-    none: `var(--${string})`;
-    xs: `var(--${string})`;
-    sm: `var(--${string})`;
-    md: `var(--${string})`;
-    lg: `var(--${string})`;
-    xl: `var(--${string})`;
-    "2xl": `var(--${string})`;
-    "3xl": `var(--${string})`;
-    full: `var(--${string})`;
-};
-//# sourceMappingURL=radii.css.d.ts.map

package/dist/radii.css.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"radii.css.d.ts","sourceRoot":"","sources":["../src/radii.css.ts"],"names":[],"mappings":"AAEA;;GAEG;AACH,eAAO,MAAM,KAAK;;;;;;;;;;CAUhB,CAAC"}

package/dist/shadows.css.d.ts

@@ -1,15 +0,0 @@
-/**
- * Provides depth and hierarchy through layered shadows.
- */
-export declare const shadows: {
-    none: `var(--${string})`;
-    xs: `var(--${string})`;
-    sm: `var(--${string})`;
-    md: `var(--${string})`;
-    lg: `var(--${string})`;
-    xl: `var(--${string})`;
-    "2xl": `var(--${string})`;
-    inner: `var(--${string})`;
-    focus: `var(--${string})`;
-};
-//# sourceMappingURL=shadows.css.d.ts.map

package/dist/shadows.css.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"shadows.css.d.ts","sourceRoot":"","sources":["../src/shadows.css.ts"],"names":[],"mappings":"AAEA;;GAEG;AACH,eAAO,MAAM,OAAO;;;;;;;;;;CAUlB,CAAC"}

package/dist/spacing.css.d.ts

@@ -1,17 +0,0 @@
-/**
- * Spacing tokens using 4px base unit for consistent rhythm.
- * Expanded scale for granular control.
- */
-export declare const spacing: {
-    "2xs": `var(--${string})`;
-    xs: `var(--${string})`;
-    sm: `var(--${string})`;
-    md: `var(--${string})`;
-    lg: `var(--${string})`;
-    xl: `var(--${string})`;
-    "2xl": `var(--${string})`;
-    "3xl": `var(--${string})`;
-    "4xl": `var(--${string})`;
-    "5xl": `var(--${string})`;
-};
-//# sourceMappingURL=spacing.css.d.ts.map

package/dist/spacing.css.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"spacing.css.d.ts","sourceRoot":"","sources":["../src/spacing.css.ts"],"names":[],"mappings":"AAEA;;;GAGG;AACH,eAAO,MAAM,OAAO;;;;;;;;;;;CAWlB,CAAC"}

package/dist/themes.css.d.ts

@@ -1,7 +0,0 @@
-export declare const lightTheme = "light-theme";
-export declare const darkTheme: string;
-/**
- * Default theme exports
- */
-export declare const defaultTheme = "light-theme";
-//# sourceMappingURL=themes.css.d.ts.map

package/dist/themes.css.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"themes.css.d.ts","sourceRoot":"","sources":["../src/themes.css.ts"],"names":[],"mappings":"AA0GA,eAAO,MAAM,UAAU,gBAAgB,CAAC;AAexC,eAAO,MAAM,SAAS,QA6CpB,CAAC;AAEH;;GAEG;AACH,eAAO,MAAM,YAAY,gBAAa,CAAC"}

package/dist/tokens.css

@@ -1 +0,0 @@
-:root{--gvxmrc0: 2px;--gvxmrc1: 4px;--gvxmrc2: 8px;--gvxmrc3: 12px;--gvxmrc4: 16px;--gvxmrc5: 24px;--gvxmrc6: 32px;--gvxmrc7: 48px;--gvxmrc8: 64px;--gvxmrc9: 96px}:root{--_1n6x16v0: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--_1n6x16v1: "Roboto Mono", "SF Mono", Monaco, "Cascadia Code", "Courier New", monospace;--_1n6x16v2: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--_1n6x16v3: .75rem;--_1n6x16v4: .875rem;--_1n6x16v5: 1rem;--_1n6x16v6: 1.125rem;--_1n6x16v7: 1.25rem;--_1n6x16v8: 1.5rem;--_1n6x16v9: 1.875rem;--_1n6x16va: 2.25rem;--_1n6x16vb: 3rem;--_1n6x16vc: 3.75rem;--_1n6x16vd: 400;--_1n6x16ve: 500;--_1n6x16vf: 600;--_1n6x16vg: 700;--_1n6x16vh: 1.25;--_1n6x16vi: 1.5;--_1n6x16vj: 1.75;--_1n6x16vk: -.01em;--_1n6x16vl: 0;--_1n6x16vm: .025em}:root{--_1kuq8ox0: 0;--_1kuq8ox1: 2px;--_1kuq8ox2: 4px;--_1kuq8ox3: 8px;--_1kuq8ox4: 12px;--_1kuq8ox5: 16px;--_1kuq8ox6: 20px;--_1kuq8ox7: 24px;--_1kuq8ox8: 9999px}:root{--bmiysz0: none;--bmiysz1: 0 1px 2px 0 rgba(60, 64, 67, .15);--bmiysz2: 0 1px 3px 0 rgba(60, 64, 67, .15), 0 1px 2px 0 rgba(60, 64, 67, .1);--bmiysz3: 0 4px 6px -1px rgba(60, 64, 67, .15), 0 2px 4px -1px rgba(60, 64, 67, .1);--bmiysz4: 0 10px 15px -3px rgba(60, 64, 67, .15), 0 4px 6px -2px rgba(60, 64, 67, .1);--bmiysz5: 0 20px 25px -5px rgba(60, 64, 67, .15), 0 10px 10px -5px rgba(60, 64, 67, .1);--bmiysz6: 0 25px 50px -12px rgba(60, 64, 67, .25);--bmiysz7: inset 0 2px 4px 0 rgba(60, 64, 67, .1);--bmiysz8: 0 0 0 3px rgba(26, 115, 232, .2)}:root{--bk5zhy0: 0ms;--bk5zhy1: .1s;--bk5zhy2: .2s;--bk5zhy3: .3s;--bk5zhy4: .5s;--bk5zhy5: cubic-bezier(.4, 0, .2, 1);--bk5zhy6: cubic-bezier(.2, 0, 0, 1);--bk5zhy7: cubic-bezier(0, 0, .2, 1);--bk5zhy8: cubic-bezier(.4, 0, 1, 1);--bk5zhy9: linear}:root{--yzj9f90: 0px;--yzj9f91: 640px;--yzj9f92: 768px;--yzj9f93: 1024px;--yzj9f94: 1280px;--yzj9f95: 1536px}:root{--r97p5i0: 0;--r97p5i1: 1000;--r97p5i2: 1100;--r97p5i3: 1200;--r97p5i4: 1300;--r97p5i5: 1400;--r97p5i6: 1500;--r97p5i7: 1600;--r97p5i8: 1700}:root{--bqyc8s0: #000000;--bqyc8s1: #132017;--bqyc8s2: #26402f;--bqyc8s3: #396046;--bqyc8s4: #4b815d;--bqyc8s5: #5ea174;--bqyc8s6: #7eb490;--bqyc8s7: #9fc6ac;--bqyc8s8: #bfd9c8;--bqyc8s9: #dfece3;--bqyc8sa: #eff6f1;--bqyc8sb: #fcfdfc;--bqyc8sc: #ffffff;--bqyc8sd: #000000;--bqyc8se: #171c17;--bqyc8sf: #2e392d;--bqyc8sg: #455544;--bqyc8sh: #5c715b;--bqyc8si: #738e71;--bqyc8sj: #8fa48e;--bqyc8sk: #abbbaa;--bqyc8sl: #c7d2c6;--bqyc8sm: #e3e8e3;--bqyc8sn: #f1f4f1;--bqyc8so: #fcfdfc;--bqyc8sp: #ffffff;--bqyc8sq: #000000;--bqyc8sr: #121e21;--bqyc8ss: #233b43;--bqyc8st: #355964;--bqyc8su: #467786;--bqyc8sv: #5895a7;--bqyc8sw: #79aab9;--bqyc8sx: #9bbfca;--bqyc8sy: #bcd4dc;--bqyc8sz: #deeaed;--bqyc8s10: #eef4f6;--bqyc8s11: #fcfdfd;--bqyc8s12: #ffffff;--bqyc8s13: #000000;--bqyc8s14: #2d0606;--bqyc8s15: #590d0d;--bqyc8s16: #861313;--bqyc8s17: #b31919;--bqyc8s18: #df2020;--bqyc8s19: #e64c4c;--bqyc8s1a: #ec7979;--bqyc8s1b: #f2a6a6;--bqyc8s1c: #f9d2d2;--bqyc8s1d: #fce9e9;--bqyc8s1e: #fefbfb;--bqyc8s1f: #ffffff;--bqyc8s1g: #000000;--bqyc8s1h: #1a1a19;--bqyc8s1i: #333531;--bqyc8s1j: #4d4f4a;--bqyc8s1k: #666963;--bqyc8s1l: #80837c;--bqyc8s1m: #999c96;--bqyc8s1n: #b3b5b0;--bqyc8s1o: #ccceca;--bqyc8s1p: #e6e6e5;--bqyc8s1q: #f2f3f2;--bqyc8s1r: #fcfdfc;--bqyc8s1s: #ffffff;--bqyc8s1t: #000000;--bqyc8s1u: #191b18;--bqyc8s1v: #333630;--bqyc8s1w: #4c5049;--bqyc8s1x: #656b61;--bqyc8s1y: #7f8679;--bqyc8s1z: #989e94;--bqyc8s20: #b2b6af;--bqyc8s21: #cccfc9;--bqyc8s22: #e5e7e4;--bqyc8s23: #f2f3f2;--bqyc8s24: #fcfdfc;--bqyc8s25: #ffffff}:root{--yd-color-primary: var(--bqyc8s4);--yd-color-on-primary: var(--bqyc8sc);--yd-color-primary-container: var(--bqyc8s9);--yd-color-on-primary-container: var(--bqyc8s1);--yd-color-primary-hover: var(--bqyc8s5);--yd-color-primary-active: var(--bqyc8s6);--yd-color-primary-subtle: var(--bqyc8sa);--yd-color-secondary: var(--bqyc8sh);--yd-color-on-secondary: var(--bqyc8sp);--yd-color-secondary-container: var(--bqyc8sm);--yd-color-on-secondary-container: var(--bqyc8se);--yd-color-secondary-hover: var(--bqyc8si);--yd-color-secondary-active: var(--bqyc8sj);--yd-color-secondary-subtle: var(--bqyc8sn);--yd-color-tertiary: var(--bqyc8su);--yd-color-on-tertiary: var(--bqyc8s12);--yd-color-tertiary-container: var(--bqyc8sz);--yd-color-on-tertiary-container: var(--bqyc8sr);--yd-color-tertiary-hover: var(--bqyc8sv);--yd-color-tertiary-active: var(--bqyc8sw);--yd-color-tertiary-subtle: var(--bqyc8s10);--yd-color-danger: var(--bqyc8s17);--yd-color-on-danger: var(--bqyc8s1f);--yd-color-danger-container: var(--bqyc8s1c);--yd-color-on-danger-container: var(--bqyc8s14);--yd-color-danger-hover: var(--bqyc8s18);--yd-color-danger-active: var(--bqyc8s19);--yd-color-danger-subtle: var(--bqyc8s1d);--yd-color-success: #5ea174;--yd-color-on-success: #ffffff;--yd-color-success-container: #cde4d5;--yd-color-on-success-container: #1b3123;--yd-color-success-hover: #559169;--yd-color-success-active: #427052;--yd-color-success-subtle: #eef6f1;--yd-color-warning: #ffaa00;--yd-color-on-warning: #ffffff;--yd-color-warning-container: #ffe5b3;--yd-color-on-warning-container: #4d3300;--yd-color-warning-hover: #e69900;--yd-color-warning-active: #b37700;--yd-color-warning-subtle: #fff7e5;--yd-color-info: #00c8ff;--yd-color-on-info: #ffffff;--yd-color-info-container: #b3eeff;--yd-color-on-info-container: #003c4d;--yd-color-info-hover: #00b4e6;--yd-color-info-active: #008cb3;--yd-color-info-subtle: #e5f9ff;--yd-color-text-primary: var(--bqyc8s1h);--yd-color-text-secondary: var(--bqyc8s1w);--yd-color-text-tertiary: var(--bqyc8s1y);--yd-color-text-disabled: var(--bqyc8s1o);--yd-color-text-on-primary: var(--bqyc8sc);--yd-color-text-on-color: var(--bqyc8sc);--yd-color-text-inverse: var(--bqyc8s1q);--yd-color-bg-body: var(--bqyc8s1r);--yd-color-bg-surface: var(--bqyc8s1r);--yd-color-bg-surface-hover: var(--bqyc8s1q);--yd-color-bg-surface-active: var(--bqyc8s1p);--yd-color-bg-surface-raised: var(--bqyc8s1s);--yd-color-bg-surface-overlay: var(--bqyc8s1s);--yd-color-bg-canvas: var(--bqyc8s1q);--yd-color-bg-subtle: var(--bqyc8sa);--yd-color-bg-disabled: var(--bqyc8s1p);--yd-color-border-subtle: var(--bqyc8s22);--yd-color-border-default: var(--bqyc8s1y);--yd-color-border-strong: var(--bqyc8s1w);--yd-color-border-interactive: var(--bqyc8s4);--yd-color-border-disabled: var(--bqyc8s21);--yd-color-focus-ring: 0 0 0 3px var(--bqyc8s9);--yd-color-overlay: rgba(0, 0, 0, .12)}._12xlnoq0{--yd-color-primary: var(--bqyc8s8);--yd-color-on-primary: var(--bqyc8s2);--yd-color-primary-container: var(--bqyc8s3);--yd-color-on-primary-container: var(--bqyc8s9);--yd-color-primary-hover: var(--bqyc8s7);--yd-color-primary-active: var(--bqyc8s6);--yd-color-primary-subtle: var(--bqyc8sa);--yd-color-secondary: var(--bqyc8sl);--yd-color-on-secondary: var(--bqyc8sf);--yd-color-secondary-container: var(--bqyc8sg);--yd-color-on-secondary-container: var(--bqyc8sm);--yd-color-secondary-hover: var(--bqyc8sk);--yd-color-secondary-active: var(--bqyc8sj);--yd-color-secondary-subtle: var(--bqyc8sn);--yd-color-tertiary: var(--bqyc8sy);--yd-color-on-tertiary: var(--bqyc8ss);--yd-color-tertiary-container: var(--bqyc8st);--yd-color-on-tertiary-container: var(--bqyc8sz);--yd-color-tertiary-hover: var(--bqyc8sx);--yd-color-tertiary-active: var(--bqyc8sw);--yd-color-tertiary-subtle: var(--bqyc8s10);--yd-color-danger: var(--bqyc8s1b);--yd-color-on-danger: var(--bqyc8s15);--yd-color-danger-container: var(--bqyc8s16);--yd-color-on-danger-container: var(--bqyc8s1c);--yd-color-danger-hover: var(--bqyc8s1a);--yd-color-danger-active: var(--bqyc8s19);--yd-color-danger-subtle: var(--bqyc8s1d);--yd-color-success: #7eb490;--yd-color-on-success: #000000;--yd-color-success-container: #2f503a;--yd-color-on-success-container: #eef6f1;--yd-color-success-hover: #8fbd9e;--yd-color-success-active: #afd0ba;--yd-color-success-subtle: #1b3123;--yd-color-warning: #ffbb33;--yd-color-on-warning: #000000;--yd-color-warning-container: #805500;--yd-color-on-warning-container: #fff7e5;--yd-color-warning-hover: #ffc34d;--yd-color-warning-active: #ffd480;--yd-color-warning-subtle: #4d3300;--yd-color-info: #33d3ff;--yd-color-on-info: #000000;--yd-color-info-container: #006480;--yd-color-on-info-container: #e5f9ff;--yd-color-info-hover: #4dd8ff;--yd-color-info-active: #80e3ff;--yd-color-info-subtle: #003c4d;--yd-color-text-primary: var(--bqyc8s1p);--yd-color-text-secondary: var(--bqyc8s21);--yd-color-text-tertiary: var(--bqyc8s1z);--yd-color-text-disabled: var(--bqyc8s1j);--yd-color-text-on-primary: var(--bqyc8s2);--yd-color-text-on-color: var(--bqyc8s1);--yd-color-text-inverse: var(--bqyc8s1h);--yd-color-bg-body: var(--bqyc8s1h);--yd-color-bg-surface: var(--bqyc8s1h);--yd-color-bg-surface-hover: var(--bqyc8s1i);--yd-color-bg-surface-active: var(--bqyc8s1i);--yd-color-bg-surface-raised: var(--bqyc8s1i);--yd-color-bg-surface-overlay: var(--bqyc8s1i);--yd-color-bg-canvas: var(--bqyc8s1g);--yd-color-bg-subtle: var(--bqyc8s2);--yd-color-bg-disabled: var(--bqyc8s1i);--yd-color-border-subtle: var(--bqyc8s1w);--yd-color-border-default: var(--bqyc8s1z);--yd-color-border-strong: var(--bqyc8s21);--yd-color-border-interactive: var(--bqyc8s8);--yd-color-border-disabled: var(--bqyc8s1v);--yd-color-focus-ring: 0 0 0 3px var(--bqyc8s4);--yd-color-overlay: rgba(255, 255, 255, .08)}::selection{background-color:var(--yd-color-primary-container);color:var(--yd-color-on-primary-container)}

package/dist/transitions.css.d.ts

@@ -1,20 +0,0 @@
-/**
- * Transition and animation tokens.
- */
-export declare const transitions: {
-    duration: {
-        instant: `var(--${string})`;
-        fast: `var(--${string})`;
-        normal: `var(--${string})`;
-        slow: `var(--${string})`;
-        slower: `var(--${string})`;
-    };
-    easing: {
-        standard: `var(--${string})`;
-        emphasized: `var(--${string})`;
-        decelerate: `var(--${string})`;
-        accelerate: `var(--${string})`;
-        linear: `var(--${string})`;
-    };
-};
-//# sourceMappingURL=transitions.css.d.ts.map

package/dist/transitions.css.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"transitions.css.d.ts","sourceRoot":"","sources":["../src/transitions.css.ts"],"names":[],"mappings":"AAEA;;GAEG;AACH,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;CAetB,CAAC"}

package/dist/typography.css.d.ts

@@ -1,40 +0,0 @@
-/**
- * Typography tokens using modern font stack.
- * Expanded scale for modern web applications.
- */
-export declare const typography: {
-    fonts: {
-        sans: `var(--${string})`;
-        mono: `var(--${string})`;
-        display: `var(--${string})`;
-    };
-    fontSizes: {
-        xs: `var(--${string})`;
-        sm: `var(--${string})`;
-        md: `var(--${string})`;
-        lg: `var(--${string})`;
-        xl: `var(--${string})`;
-        "2xl": `var(--${string})`;
-        "3xl": `var(--${string})`;
-        "4xl": `var(--${string})`;
-        "5xl": `var(--${string})`;
-        "6xl": `var(--${string})`;
-    };
-    fontWeights: {
-        regular: `var(--${string})`;
-        medium: `var(--${string})`;
-        semibold: `var(--${string})`;
-        bold: `var(--${string})`;
-    };
-    lineHeights: {
-        tight: `var(--${string})`;
-        normal: `var(--${string})`;
-        relaxed: `var(--${string})`;
-    };
-    letterSpacing: {
-        tight: `var(--${string})`;
-        normal: `var(--${string})`;
-        wide: `var(--${string})`;
-    };
-};
-//# sourceMappingURL=typography.css.d.ts.map

package/dist/typography.css.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"typography.css.d.ts","sourceRoot":"","sources":["../src/typography.css.ts"],"names":[],"mappings":"AAEA;;;GAGG;AACH,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkCrB,CAAC"}

package/dist/utils/color-generator.d.ts

@@ -1,39 +0,0 @@
-export interface TonalPalette {
-    0: string;
-    10: string;
-    20: string;
-    30: string;
-    40: string;
-    50: string;
-    60: string;
-    70: string;
-    80: string;
-    90: string;
-    95: string;
-    99: string;
-    100: string;
-}
-export interface SemanticShades {
-    main: string;
-    onMain: string;
-    container: string;
-    onContainer: string;
-    hover: string;
-    active: string;
-    subtle: string;
-}
-/**
- * Generates semantic shades (main, hover, active, subtle) from a single seed hex color.
- *
- * Mapping logic based on @yuva-devlab/colors LIGHTNESS_MAP:
- * - main:   Index 5 (Primary)
- * - hover:  Index 6 (Darker)
- * - active: Index 7 (Even darker)
- * - subtle: Index 0 (Very light)
- */
-export declare const generateSemanticShades: (hex: string, theme?: "light" | "dark", overrides?: Partial<Omit<SemanticShades, "hover" | "active" | "subtle">>) => SemanticShades;
-/**
- * Generates a full MD3-compatible 13-shade tonal palette (0-100) from a seed color.
- */
-export declare const generateTonalPalette: (hex: string) => TonalPalette;
-//# sourceMappingURL=color-generator.d.ts.map

package/dist/utils/color-generator.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"color-generator.d.ts","sourceRoot":"","sources":["../../src/utils/color-generator.ts"],"names":[],"mappings":"AAQA,MAAM,WAAW,YAAY;IAC3B,CAAC,EAAE,MAAM,CAAC;IACV,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,GAAG,EAAE,MAAM,CAAC;CACb;AAED,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;CAChB;AAED;;;;;;;;GAQG;AACH,eAAO,MAAM,sBAAsB,GACjC,KAAK,MAAM,EACX,QAAO,OAAO,GAAG,MAAgB,EACjC,YAAY,OAAO,CAAC,IAAI,CAAC,cAAc,EAAE,OAAO,GAAG,QAAQ,GAAG,QAAQ,CAAC,CAAC,KACvE,cAkBF,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,oBAAoB,GAAI,KAAK,MAAM,KAAG,YAmBlD,CAAC"}

package/dist/zindex.css.d.ts

@@ -1,16 +0,0 @@
-/**
- * Z-index layering system for predictable stacking.
- * Semantic names for common UI layers.
- */
-export declare const zIndex: {
-    base: `var(--${string})`;
-    dropdown: `var(--${string})`;
-    sticky: `var(--${string})`;
-    fixed: `var(--${string})`;
-    overlay: `var(--${string})`;
-    modal: `var(--${string})`;
-    popover: `var(--${string})`;
-    tooltip: `var(--${string})`;
-    toast: `var(--${string})`;
-};
-//# sourceMappingURL=zindex.css.d.ts.map

package/dist/zindex.css.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"zindex.css.d.ts","sourceRoot":"","sources":["../src/zindex.css.ts"],"names":[],"mappings":"AAEA;;;GAGG;AACH,eAAO,MAAM,MAAM;;;;;;;;;;CAUjB,CAAC"}

package/eslint.config.js

@@ -1,8 +0,0 @@
-import { typescript } from "@yuva-devlab/eslint-config";
-
-export default [
-  ...typescript,
-  {
-    ignores: ["node_modules", "dist", ".turbo"],
-  },
-];

package/prettier.config.js

@@ -1 +0,0 @@
-export { default } from "@yuva-devlab/prettier-config";

package/src/breakpoints.css.ts

@@ -1,23 +0,0 @@
-import { createGlobalTheme, createThemeContract } from "@vanilla-extract/css";
-
-/**
- * Responsive breakpoint tokens.
- * Mobile-first approach aligned with common device sizes.
- */
-export const breakpoints = createThemeContract({
-  xs: null, // Mobile portrait
-  sm: null, // Mobile landscape
-  md: null, // Tablet
-  lg: null, // Desktop
-  xl: null, // Large desktop
-  "2xl": null, // Extra large desktop
-});
-
-createGlobalTheme(":root", breakpoints, {
-  xs: "0px",
-  sm: "640px",
-  md: "768px",
-  lg: "1024px",
-  xl: "1280px",
-  "2xl": "1536px",
-});

package/src/colors.css.ts

@@ -1,73 +0,0 @@
-import { createGlobalThemeContract } from "@vanilla-extract/css";
-
-const semanticGroup = (
-  name: string,
-): {
-  main: string;
-  onMain: string;
-  container: string;
-  onContainer: string;
-  hover: string;
-  active: string;
-  subtle: string;
-} => ({
-  main: `yd-color-${name}`,
-  onMain: `yd-color-on-${name}`,
-  container: `yd-color-${name}-container`,
-  onContainer: `yd-color-on-${name}-container`,
-  hover: `yd-color-${name}-hover`,
-  active: `yd-color-${name}-active`,
-  subtle: `yd-color-${name}-subtle`,
-});
-
-export const colors = createGlobalThemeContract({
-  // Semantic Brand Colors (Seed-based)
-  brand: {
-    primary: semanticGroup("primary"),
-    secondary: semanticGroup("secondary"),
-    tertiary: semanticGroup("tertiary"),
-    danger: semanticGroup("danger"),
-    success: semanticGroup("success"),
-    warning: semanticGroup("warning"),
-    info: semanticGroup("info"),
-  },
-
-  // Text Tokens
-  text: {
-    primary: "yd-color-text-primary",
-    secondary: "yd-color-text-secondary",
-    tertiary: "yd-color-text-tertiary",
-    disabled: "yd-color-text-disabled",
-    onPrimary: "yd-color-text-on-primary",
-    onColor: "yd-color-text-on-color",
-    inverse: "yd-color-text-inverse",
-  },
-
-  // Background Tokens
-  bg: {
-    body: "yd-color-bg-body",
-    surface: "yd-color-bg-surface",
-    surfaceHover: "yd-color-bg-surface-hover",
-    surfaceActive: "yd-color-bg-surface-active",
-    surfaceRaised: "yd-color-bg-surface-raised",
-    surfaceOverlay: "yd-color-bg-surface-overlay",
-    canvas: "yd-color-bg-canvas",
-    subtle: "yd-color-bg-subtle",
-    disabled: "yd-color-bg-disabled",
-  },
-
-  // Border Tokens
-  border: {
-    subtle: "yd-color-border-subtle",
-    default: "yd-color-border-default",
-    strong: "yd-color-border-strong",
-    interactive: "yd-color-border-interactive",
-    disabled: "yd-color-border-disabled",
-  },
-
-  // Interaction Tokens
-  interaction: {
-    focusRing: "yd-color-focus-ring",
-    overlay: "yd-color-overlay",
-  },
-});

package/src/index.ts

@@ -1,16 +0,0 @@
-export { colors } from "./colors.css";
-export { spacing } from "./spacing.css";
-export { typography } from "./typography.css";
-export { radii } from "./radii.css";
-export { shadows } from "./shadows.css";
-export { transitions } from "./transitions.css";
-export { breakpoints } from "./breakpoints.css";
-export { zIndex } from "./zindex.css";
-export { palettes } from "./palettes.css";
-
-export {
-  // Semantic themes (primary API)
-  defaultTheme,
-  lightTheme,
-  darkTheme,
-} from "./themes.css";