@yuva-devlab/tokens 0.1.0

package/.prettierignore

@@ -0,0 +1,12 @@
+# Dependencies
+node_modules
+
+# Build outputs
+dist
+build
+.turbo
+storybook-static
+
+# Generated files
+*.d.ts
+coverage

package/.turbo/turbo-build.log

@@ -0,0 +1,18 @@
+
+> @yuva-devlab/tokens@0.1.0 build /home/runner/work/yuva-devlab-workspace/yuva-devlab-workspace/packages/tokens
+> vite build
+
+vite v7.2.4 building client environment for production...
+transforming...
+✓ 21 modules transformed.
+rendering chunks...
+
+[vite:dts] Start generate declaration files...
+computing gzip size...
+dist/tokens.css  9.42 kB │ gzip: 2.19 kB
+dist/index.js    7.43 kB │ gzip: 1.55 kB
+[vite:dts] Declaration files built in 1050ms.
+
+dist/tokens.css  9.42 kB │ gzip: 2.19 kB
+dist/index.cjs   6.95 kB │ gzip: 1.59 kB
+✓ built in 1.41s

package/CHANGELOG.md

@@ -0,0 +1,14 @@
+# @yuva-devlab/tokens
+
+## 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/README.md

@@ -0,0 +1,56 @@
+# 🎨 @yuva-devlab/tokens
+
+Design system tokens implemented using **Vanilla Extract**.
+
+These tokens power:
+
+- Tonal Palettes (Automated generation)
+- Semantic Colors (Natural / Organic theme)
+- Spacing (Systemic 2xs-5xl scales)
+- Typography (Scale-based)
+- Radii & Shadows
+- Breakpoints & Z-indices
+
+---
+
+## 📁 Folder Structure
+
+```bash
+packages/tokens/
+├── src/
+│   ├── utils/          # Token generation logic
+│   ├── palettes.css.ts # Global tonal palettes
+│   ├── themes.css.ts   # Semantic light/dark mappings
+│   ├── spacing.css.ts  # Spacing scales
+│   ├── typography.css.ts # Type scales
+│   └── index.ts        # Entry point
+└── README.md
+```
+
+---
+
+## 🚀 Key Technical Features
+
+### 1. Automated Tonal Palettes
+
+We use a single source of truth (`SEEDS`) to generate mathematically consistent
+MD3 tonal palettes.
+
+### 2. Zero-Runtime CSS
+
+Vanilla Extract compiles these tokens into static CSS variables at build time,
+ensuring maximum performance with type-safety.
+
+---
+
+## How UI library uses tokens
+
+```ts
+import { vars } from "@yuva-devlab/tokens";
+import { style } from "@vanilla-extract/css";
+
+export const componentStyle = style({
+  backgroundColor: vars.colors.primary,
+  padding: vars.spacing.md,
+});
+```

package/dist/breakpoints.css.d.ts

@@ -0,0 +1,13 @@
+/**
+ * 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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,99 @@
+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

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

package/dist/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var r={brand:{primary:{main:"var(--yd-color-primary)",onMain:"var(--yd-color-on-primary)",container:"var(--yd-color-primary-container)",onContainer:"var(--yd-color-on-primary-container)",hover:"var(--yd-color-primary-hover)",active:"var(--yd-color-primary-active)",subtle:"var(--yd-color-primary-subtle)"},secondary:{main:"var(--yd-color-secondary)",onMain:"var(--yd-color-on-secondary)",container:"var(--yd-color-secondary-container)",onContainer:"var(--yd-color-on-secondary-container)",hover:"var(--yd-color-secondary-hover)",active:"var(--yd-color-secondary-active)",subtle:"var(--yd-color-secondary-subtle)"},tertiary:{main:"var(--yd-color-tertiary)",onMain:"var(--yd-color-on-tertiary)",container:"var(--yd-color-tertiary-container)",onContainer:"var(--yd-color-on-tertiary-container)",hover:"var(--yd-color-tertiary-hover)",active:"var(--yd-color-tertiary-active)",subtle:"var(--yd-color-tertiary-subtle)"},danger:{main:"var(--yd-color-danger)",onMain:"var(--yd-color-on-danger)",container:"var(--yd-color-danger-container)",onContainer:"var(--yd-color-on-danger-container)",hover:"var(--yd-color-danger-hover)",active:"var(--yd-color-danger-active)",subtle:"var(--yd-color-danger-subtle)"},success:{main:"var(--yd-color-success)",onMain:"var(--yd-color-on-success)",container:"var(--yd-color-success-container)",onContainer:"var(--yd-color-on-success-container)",hover:"var(--yd-color-success-hover)",active:"var(--yd-color-success-active)",subtle:"var(--yd-color-success-subtle)"},warning:{main:"var(--yd-color-warning)",onMain:"var(--yd-color-on-warning)",container:"var(--yd-color-warning-container)",onContainer:"var(--yd-color-on-warning-container)",hover:"var(--yd-color-warning-hover)",active:"var(--yd-color-warning-active)",subtle:"var(--yd-color-warning-subtle)"},info:{main:"var(--yd-color-info)",onMain:"var(--yd-color-on-info)",container:"var(--yd-color-info-container)",onContainer:"var(--yd-color-on-info-container)",hover:"var(--yd-color-info-hover)",active:"var(--yd-color-info-active)",subtle:"var(--yd-color-info-subtle)"}},text:{primary:"var(--yd-color-text-primary)",secondary:"var(--yd-color-text-secondary)",tertiary:"var(--yd-color-text-tertiary)",disabled:"var(--yd-color-text-disabled)",onPrimary:"var(--yd-color-text-on-primary)",onColor:"var(--yd-color-text-on-color)",inverse:"var(--yd-color-text-inverse)"},bg:{body:"var(--yd-color-bg-body)",surface:"var(--yd-color-bg-surface)",surfaceHover:"var(--yd-color-bg-surface-hover)",surfaceActive:"var(--yd-color-bg-surface-active)",surfaceRaised:"var(--yd-color-bg-surface-raised)",surfaceOverlay:"var(--yd-color-bg-surface-overlay)",canvas:"var(--yd-color-bg-canvas)",subtle:"var(--yd-color-bg-subtle)",disabled:"var(--yd-color-bg-disabled)"},border:{subtle:"var(--yd-color-border-subtle)",default:"var(--yd-color-border-default)",strong:"var(--yd-color-border-strong)",interactive:"var(--yd-color-border-interactive)",disabled:"var(--yd-color-border-disabled)"},interaction:{focusRing:"var(--yd-color-focus-ring)",overlay:"var(--yd-color-overlay)"}},a={"2xs":"var(--gvxmrc0)",xs:"var(--gvxmrc1)",sm:"var(--gvxmrc2)",md:"var(--gvxmrc3)",lg:"var(--gvxmrc4)",xl:"var(--gvxmrc5)","2xl":"var(--gvxmrc6)","3xl":"var(--gvxmrc7)","4xl":"var(--gvxmrc8)","5xl":"var(--gvxmrc9)"},v={fonts:{sans:"var(--_1n6x16v0)",mono:"var(--_1n6x16v1)",display:"var(--_1n6x16v2)"},fontSizes:{xs:"var(--_1n6x16v3)",sm:"var(--_1n6x16v4)",md:"var(--_1n6x16v5)",lg:"var(--_1n6x16v6)",xl:"var(--_1n6x16v7)","2xl":"var(--_1n6x16v8)","3xl":"var(--_1n6x16v9)","4xl":"var(--_1n6x16va)","5xl":"var(--_1n6x16vb)","6xl":"var(--_1n6x16vc)"},fontWeights:{regular:"var(--_1n6x16vd)",medium:"var(--_1n6x16ve)",semibold:"var(--_1n6x16vf)",bold:"var(--_1n6x16vg)"},lineHeights:{tight:"var(--_1n6x16vh)",normal:"var(--_1n6x16vi)",relaxed:"var(--_1n6x16vj)"},letterSpacing:{tight:"var(--_1n6x16vk)",normal:"var(--_1n6x16vl)",wide:"var(--_1n6x16vm)"}},o={none:"var(--_1kuq8ox0)",xs:"var(--_1kuq8ox1)",sm:"var(--_1kuq8ox2)",md:"var(--_1kuq8ox3)",lg:"var(--_1kuq8ox4)",xl:"var(--_1kuq8ox5)","2xl":"var(--_1kuq8ox6)","3xl":"var(--_1kuq8ox7)",full:"var(--_1kuq8ox8)"},c={none:"var(--bmiysz0)",xs:"var(--bmiysz1)",sm:"var(--bmiysz2)",md:"var(--bmiysz3)",lg:"var(--bmiysz4)",xl:"var(--bmiysz5)","2xl":"var(--bmiysz6)",inner:"var(--bmiysz7)",focus:"var(--bmiysz8)"},e={duration:{instant:"var(--bk5zhy0)",fast:"var(--bk5zhy1)",normal:"var(--bk5zhy2)",slow:"var(--bk5zhy3)",slower:"var(--bk5zhy4)"},easing:{standard:"var(--bk5zhy5)",emphasized:"var(--bk5zhy6)",decelerate:"var(--bk5zhy7)",accelerate:"var(--bk5zhy8)",linear:"var(--bk5zhy9)"}},y={xs:"var(--yzj9f90)",sm:"var(--yzj9f91)",md:"var(--yzj9f92)",lg:"var(--yzj9f93)",xl:"var(--yzj9f94)","2xl":"var(--yzj9f95)"},n={base:"var(--r97p5i0)",dropdown:"var(--r97p5i1)",sticky:"var(--r97p5i2)",fixed:"var(--r97p5i3)",overlay:"var(--r97p5i4)",modal:"var(--r97p5i5)",popover:"var(--r97p5i6)",tooltip:"var(--r97p5i7)",toast:"var(--r97p5i8)"},s={primary:{0:"var(--bqyc8s0)",10:"var(--bqyc8s1)",20:"var(--bqyc8s2)",30:"var(--bqyc8s3)",40:"var(--bqyc8s4)",50:"var(--bqyc8s5)",60:"var(--bqyc8s6)",70:"var(--bqyc8s7)",80:"var(--bqyc8s8)",90:"var(--bqyc8s9)",95:"var(--bqyc8sa)",99:"var(--bqyc8sb)",100:"var(--bqyc8sc)"},secondary:{0:"var(--bqyc8sd)",10:"var(--bqyc8se)",20:"var(--bqyc8sf)",30:"var(--bqyc8sg)",40:"var(--bqyc8sh)",50:"var(--bqyc8si)",60:"var(--bqyc8sj)",70:"var(--bqyc8sk)",80:"var(--bqyc8sl)",90:"var(--bqyc8sm)",95:"var(--bqyc8sn)",99:"var(--bqyc8so)",100:"var(--bqyc8sp)"},tertiary:{0:"var(--bqyc8sq)",10:"var(--bqyc8sr)",20:"var(--bqyc8ss)",30:"var(--bqyc8st)",40:"var(--bqyc8su)",50:"var(--bqyc8sv)",60:"var(--bqyc8sw)",70:"var(--bqyc8sx)",80:"var(--bqyc8sy)",90:"var(--bqyc8sz)",95:"var(--bqyc8s10)",99:"var(--bqyc8s11)",100:"var(--bqyc8s12)"},error:{0:"var(--bqyc8s13)",10:"var(--bqyc8s14)",20:"var(--bqyc8s15)",30:"var(--bqyc8s16)",40:"var(--bqyc8s17)",50:"var(--bqyc8s18)",60:"var(--bqyc8s19)",70:"var(--bqyc8s1a)",80:"var(--bqyc8s1b)",90:"var(--bqyc8s1c)",95:"var(--bqyc8s1d)",99:"var(--bqyc8s1e)",100:"var(--bqyc8s1f)"},neutral:{0:"var(--bqyc8s1g)",10:"var(--bqyc8s1h)",20:"var(--bqyc8s1i)",30:"var(--bqyc8s1j)",40:"var(--bqyc8s1k)",50:"var(--bqyc8s1l)",60:"var(--bqyc8s1m)",70:"var(--bqyc8s1n)",80:"var(--bqyc8s1o)",90:"var(--bqyc8s1p)",95:"var(--bqyc8s1q)",99:"var(--bqyc8s1r)",100:"var(--bqyc8s1s)"},neutralVariant:{0:"var(--bqyc8s1t)",10:"var(--bqyc8s1u)",20:"var(--bqyc8s1v)",30:"var(--bqyc8s1w)",40:"var(--bqyc8s1x)",50:"var(--bqyc8s1y)",60:"var(--bqyc8s1z)",70:"var(--bqyc8s20)",80:"var(--bqyc8s21)",90:"var(--bqyc8s22)",95:"var(--bqyc8s23)",99:"var(--bqyc8s24)",100:"var(--bqyc8s25)"}},i="light-theme",l="_12xlnoq0",t="light-theme";exports.breakpoints=y;exports.colors=r;exports.darkTheme=l;exports.defaultTheme=t;exports.lightTheme=i;exports.palettes=s;exports.radii=o;exports.shadows=c;exports.spacing=a;exports.transitions=e;exports.typography=v;exports.zIndex=n;

package/dist/index.d.ts

@@ -0,0 +1,11 @@
+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 { defaultTheme, lightTheme, darkTheme, } from './themes.css';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"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/index.js

@@ -0,0 +1,15 @@
+var r = { brand: { primary: { main: "var(--yd-color-primary)", onMain: "var(--yd-color-on-primary)", container: "var(--yd-color-primary-container)", onContainer: "var(--yd-color-on-primary-container)", hover: "var(--yd-color-primary-hover)", active: "var(--yd-color-primary-active)", subtle: "var(--yd-color-primary-subtle)" }, secondary: { main: "var(--yd-color-secondary)", onMain: "var(--yd-color-on-secondary)", container: "var(--yd-color-secondary-container)", onContainer: "var(--yd-color-on-secondary-container)", hover: "var(--yd-color-secondary-hover)", active: "var(--yd-color-secondary-active)", subtle: "var(--yd-color-secondary-subtle)" }, tertiary: { main: "var(--yd-color-tertiary)", onMain: "var(--yd-color-on-tertiary)", container: "var(--yd-color-tertiary-container)", onContainer: "var(--yd-color-on-tertiary-container)", hover: "var(--yd-color-tertiary-hover)", active: "var(--yd-color-tertiary-active)", subtle: "var(--yd-color-tertiary-subtle)" }, danger: { main: "var(--yd-color-danger)", onMain: "var(--yd-color-on-danger)", container: "var(--yd-color-danger-container)", onContainer: "var(--yd-color-on-danger-container)", hover: "var(--yd-color-danger-hover)", active: "var(--yd-color-danger-active)", subtle: "var(--yd-color-danger-subtle)" }, success: { main: "var(--yd-color-success)", onMain: "var(--yd-color-on-success)", container: "var(--yd-color-success-container)", onContainer: "var(--yd-color-on-success-container)", hover: "var(--yd-color-success-hover)", active: "var(--yd-color-success-active)", subtle: "var(--yd-color-success-subtle)" }, warning: { main: "var(--yd-color-warning)", onMain: "var(--yd-color-on-warning)", container: "var(--yd-color-warning-container)", onContainer: "var(--yd-color-on-warning-container)", hover: "var(--yd-color-warning-hover)", active: "var(--yd-color-warning-active)", subtle: "var(--yd-color-warning-subtle)" }, info: { main: "var(--yd-color-info)", onMain: "var(--yd-color-on-info)", container: "var(--yd-color-info-container)", onContainer: "var(--yd-color-on-info-container)", hover: "var(--yd-color-info-hover)", active: "var(--yd-color-info-active)", subtle: "var(--yd-color-info-subtle)" } }, text: { primary: "var(--yd-color-text-primary)", secondary: "var(--yd-color-text-secondary)", tertiary: "var(--yd-color-text-tertiary)", disabled: "var(--yd-color-text-disabled)", onPrimary: "var(--yd-color-text-on-primary)", onColor: "var(--yd-color-text-on-color)", inverse: "var(--yd-color-text-inverse)" }, bg: { body: "var(--yd-color-bg-body)", surface: "var(--yd-color-bg-surface)", surfaceHover: "var(--yd-color-bg-surface-hover)", surfaceActive: "var(--yd-color-bg-surface-active)", surfaceRaised: "var(--yd-color-bg-surface-raised)", surfaceOverlay: "var(--yd-color-bg-surface-overlay)", canvas: "var(--yd-color-bg-canvas)", subtle: "var(--yd-color-bg-subtle)", disabled: "var(--yd-color-bg-disabled)" }, border: { subtle: "var(--yd-color-border-subtle)", default: "var(--yd-color-border-default)", strong: "var(--yd-color-border-strong)", interactive: "var(--yd-color-border-interactive)", disabled: "var(--yd-color-border-disabled)" }, interaction: { focusRing: "var(--yd-color-focus-ring)", overlay: "var(--yd-color-overlay)" } }, a = { "2xs": "var(--gvxmrc0)", xs: "var(--gvxmrc1)", sm: "var(--gvxmrc2)", md: "var(--gvxmrc3)", lg: "var(--gvxmrc4)", xl: "var(--gvxmrc5)", "2xl": "var(--gvxmrc6)", "3xl": "var(--gvxmrc7)", "4xl": "var(--gvxmrc8)", "5xl": "var(--gvxmrc9)" }, v = { fonts: { sans: "var(--_1n6x16v0)", mono: "var(--_1n6x16v1)", display: "var(--_1n6x16v2)" }, fontSizes: { xs: "var(--_1n6x16v3)", sm: "var(--_1n6x16v4)", md: "var(--_1n6x16v5)", lg: "var(--_1n6x16v6)", xl: "var(--_1n6x16v7)", "2xl": "var(--_1n6x16v8)", "3xl": "var(--_1n6x16v9)", "4xl": "var(--_1n6x16va)", "5xl": "var(--_1n6x16vb)", "6xl": "var(--_1n6x16vc)" }, fontWeights: { regular: "var(--_1n6x16vd)", medium: "var(--_1n6x16ve)", semibold: "var(--_1n6x16vf)", bold: "var(--_1n6x16vg)" }, lineHeights: { tight: "var(--_1n6x16vh)", normal: "var(--_1n6x16vi)", relaxed: "var(--_1n6x16vj)" }, letterSpacing: { tight: "var(--_1n6x16vk)", normal: "var(--_1n6x16vl)", wide: "var(--_1n6x16vm)" } }, o = { none: "var(--_1kuq8ox0)", xs: "var(--_1kuq8ox1)", sm: "var(--_1kuq8ox2)", md: "var(--_1kuq8ox3)", lg: "var(--_1kuq8ox4)", xl: "var(--_1kuq8ox5)", "2xl": "var(--_1kuq8ox6)", "3xl": "var(--_1kuq8ox7)", full: "var(--_1kuq8ox8)" }, c = { none: "var(--bmiysz0)", xs: "var(--bmiysz1)", sm: "var(--bmiysz2)", md: "var(--bmiysz3)", lg: "var(--bmiysz4)", xl: "var(--bmiysz5)", "2xl": "var(--bmiysz6)", inner: "var(--bmiysz7)", focus: "var(--bmiysz8)" }, y = { duration: { instant: "var(--bk5zhy0)", fast: "var(--bk5zhy1)", normal: "var(--bk5zhy2)", slow: "var(--bk5zhy3)", slower: "var(--bk5zhy4)" }, easing: { standard: "var(--bk5zhy5)", emphasized: "var(--bk5zhy6)", decelerate: "var(--bk5zhy7)", accelerate: "var(--bk5zhy8)", linear: "var(--bk5zhy9)" } }, e = { xs: "var(--yzj9f90)", sm: "var(--yzj9f91)", md: "var(--yzj9f92)", lg: "var(--yzj9f93)", xl: "var(--yzj9f94)", "2xl": "var(--yzj9f95)" }, n = { base: "var(--r97p5i0)", dropdown: "var(--r97p5i1)", sticky: "var(--r97p5i2)", fixed: "var(--r97p5i3)", overlay: "var(--r97p5i4)", modal: "var(--r97p5i5)", popover: "var(--r97p5i6)", tooltip: "var(--r97p5i7)", toast: "var(--r97p5i8)" }, s = { primary: { 0: "var(--bqyc8s0)", 10: "var(--bqyc8s1)", 20: "var(--bqyc8s2)", 30: "var(--bqyc8s3)", 40: "var(--bqyc8s4)", 50: "var(--bqyc8s5)", 60: "var(--bqyc8s6)", 70: "var(--bqyc8s7)", 80: "var(--bqyc8s8)", 90: "var(--bqyc8s9)", 95: "var(--bqyc8sa)", 99: "var(--bqyc8sb)", 100: "var(--bqyc8sc)" }, secondary: { 0: "var(--bqyc8sd)", 10: "var(--bqyc8se)", 20: "var(--bqyc8sf)", 30: "var(--bqyc8sg)", 40: "var(--bqyc8sh)", 50: "var(--bqyc8si)", 60: "var(--bqyc8sj)", 70: "var(--bqyc8sk)", 80: "var(--bqyc8sl)", 90: "var(--bqyc8sm)", 95: "var(--bqyc8sn)", 99: "var(--bqyc8so)", 100: "var(--bqyc8sp)" }, tertiary: { 0: "var(--bqyc8sq)", 10: "var(--bqyc8sr)", 20: "var(--bqyc8ss)", 30: "var(--bqyc8st)", 40: "var(--bqyc8su)", 50: "var(--bqyc8sv)", 60: "var(--bqyc8sw)", 70: "var(--bqyc8sx)", 80: "var(--bqyc8sy)", 90: "var(--bqyc8sz)", 95: "var(--bqyc8s10)", 99: "var(--bqyc8s11)", 100: "var(--bqyc8s12)" }, error: { 0: "var(--bqyc8s13)", 10: "var(--bqyc8s14)", 20: "var(--bqyc8s15)", 30: "var(--bqyc8s16)", 40: "var(--bqyc8s17)", 50: "var(--bqyc8s18)", 60: "var(--bqyc8s19)", 70: "var(--bqyc8s1a)", 80: "var(--bqyc8s1b)", 90: "var(--bqyc8s1c)", 95: "var(--bqyc8s1d)", 99: "var(--bqyc8s1e)", 100: "var(--bqyc8s1f)" }, neutral: { 0: "var(--bqyc8s1g)", 10: "var(--bqyc8s1h)", 20: "var(--bqyc8s1i)", 30: "var(--bqyc8s1j)", 40: "var(--bqyc8s1k)", 50: "var(--bqyc8s1l)", 60: "var(--bqyc8s1m)", 70: "var(--bqyc8s1n)", 80: "var(--bqyc8s1o)", 90: "var(--bqyc8s1p)", 95: "var(--bqyc8s1q)", 99: "var(--bqyc8s1r)", 100: "var(--bqyc8s1s)" }, neutralVariant: { 0: "var(--bqyc8s1t)", 10: "var(--bqyc8s1u)", 20: "var(--bqyc8s1v)", 30: "var(--bqyc8s1w)", 40: "var(--bqyc8s1x)", 50: "var(--bqyc8s1y)", 60: "var(--bqyc8s1z)", 70: "var(--bqyc8s20)", 80: "var(--bqyc8s21)", 90: "var(--bqyc8s22)", 95: "var(--bqyc8s23)", 99: "var(--bqyc8s24)", 100: "var(--bqyc8s25)" } }, i = "light-theme", l = "_12xlnoq0", t = "light-theme";
+export {
+  e as breakpoints,
+  r as colors,
+  l as darkTheme,
+  t as defaultTheme,
+  i as lightTheme,
+  s as palettes,
+  o as radii,
+  c as shadows,
+  a as spacing,
+  y as transitions,
+  v as typography,
+  n as zIndex
+};

package/dist/palettes.css.d.ts

@@ -0,0 +1,109 @@
+/**
+ * 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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,15 @@
+/**
+ * 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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,15 @@
+/**
+ * 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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,17 @@
+/**
+ * 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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,7 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1 @@
+: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

@@ -0,0 +1,20 @@
+/**
+ * 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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,40 @@
+/**
+ * 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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,39 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,16 @@
+/**
+ * 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

@@ -0,0 +1 @@
+{"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

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