@tenerife.music/ui 1.0.2 → 1.0.4

package/dist/tokens/components/popover.d.ts

@@ -0,0 +1,85 @@
+/**
+ * Popover Component Tokens
+ *
+ * Component-level design tokens for Popover component.
+ * Maps foundation tokens (spacing, radius, shadows, motion) to popover-specific usage.
+ *
+ * All values use Tailwind utility classes that map to foundation tokens.
+ */
+/**
+ * Popover Component Tokens
+ *
+ * Defines tokens for popover content, arrow, and animations.
+ * Values are mapped to Tailwind utility classes for direct use.
+ */
+export declare const POPOVER_TOKENS: {
+    /**
+     * Popover content tokens by size
+     * Maps to foundation spacing, radius, and shadow tokens
+     */
+    readonly content: {
+        readonly border: {
+            readonly default: "border";
+            readonly color: "border-border";
+        };
+        readonly background: {
+            readonly default: "bg-popover";
+        };
+        readonly text: {
+            readonly default: "text-popover-foreground";
+        };
+        readonly padding: {
+            readonly sm: "p-sm";
+            readonly md: "p-md";
+            readonly lg: "p-lg";
+        };
+        readonly radius: {
+            readonly sm: "rounded-md";
+            readonly md: "rounded-lg";
+        };
+        readonly shadow: {
+            readonly sm: "shadow-md";
+            readonly md: "shadow-lg";
+        };
+        readonly width: {
+            readonly xs: "w-40";
+            readonly sm: "w-48";
+            readonly md: "w-72";
+            readonly lg: "w-96";
+            readonly xl: "w-[32rem]";
+        };
+    };
+    /**
+     * Popover arrow tokens
+     * Maps to foundation spacing tokens
+     */
+    readonly arrow: {
+        readonly size: {
+            readonly sm: "w-2 h-2";
+            readonly md: "w-3 h-3";
+        };
+        readonly offset: {
+            readonly sm: "-translate-x-1/2";
+            readonly md: "-translate-x-1/2";
+        };
+    };
+    /**
+     * Animation tokens for popover enter/exit animations
+     * Maps to Motion V2 utility classes
+     * Uses CSS-only animations from motion/v2.ts
+     */
+    readonly animation: {
+        readonly enter: "tm-motion-fade-scale";
+        readonly exit: "tm-motion-fade-scale-out";
+    };
+};
+/**
+ * Type exports for Popover tokens
+ */
+export type PopoverContentPadding = keyof typeof POPOVER_TOKENS.content.padding;
+export type PopoverContentRadius = keyof typeof POPOVER_TOKENS.content.radius;
+export type PopoverContentShadow = keyof typeof POPOVER_TOKENS.content.shadow;
+export type PopoverContentWidth = keyof typeof POPOVER_TOKENS.content.width;
+export type PopoverArrowSize = keyof typeof POPOVER_TOKENS.arrow.size;
+export type PopoverArrowOffset = keyof typeof POPOVER_TOKENS.arrow.offset;
+//# sourceMappingURL=popover.d.ts.map

package/dist/tokens/components/popover.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../../../src/tokens/components/popover.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAKH;;;;;GAKG;AACH,eAAO,MAAM,cAAc;IACzB;;;OAGG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAkCH;;;OAGG;;;;;;;;;;;IAYH;;;;OAIG;;;;;CAKK,CAAC;AAEX;;GAEG;AACH,MAAM,MAAM,qBAAqB,GAAG,MAAM,OAAO,cAAc,CAAC,OAAO,CAAC,OAAO,CAAC;AAChF,MAAM,MAAM,oBAAoB,GAAG,MAAM,OAAO,cAAc,CAAC,OAAO,CAAC,MAAM,CAAC;AAC9E,MAAM,MAAM,oBAAoB,GAAG,MAAM,OAAO,cAAc,CAAC,OAAO,CAAC,MAAM,CAAC;AAC9E,MAAM,MAAM,mBAAmB,GAAG,MAAM,OAAO,cAAc,CAAC,OAAO,CAAC,KAAK,CAAC;AAC5E,MAAM,MAAM,gBAAgB,GAAG,MAAM,OAAO,cAAc,CAAC,KAAK,CAAC,IAAI,CAAC;AACtE,MAAM,MAAM,kBAAkB,GAAG,MAAM,OAAO,cAAc,CAAC,KAAK,CAAC,MAAM,CAAC"}

package/dist/tokens/components/radio.d.ts

@@ -0,0 +1,150 @@
+/**
+ * Radio Component Tokens
+ *
+ * Component-level design tokens for Radio component.
+ * Maps foundation tokens (spacing, typography, radius, shadows) to radio-specific usage.
+ * All color values use CSS variables for theme-aware styling.
+ */
+/**
+ * Radio Component Tokens
+ *
+ * Defines spacing, sizing, typography, and visual tokens for Radio component.
+ * All colors use CSS variable references (hsl(var(--token))) for theme-aware styling.
+ * Radio sizes are typically smaller than input fields.
+ */
+export declare const RADIO_TOKENS: {
+    /**
+     * Radio sizes by size variant
+     * Supports xs, sm, md, lg, xl sizes
+     * Radios are typically circular and smaller than input fields
+     */
+    readonly size: {
+        readonly xs: {
+            readonly width: "w-3.5";
+            readonly height: "h-3.5";
+            readonly radius: "rounded-full";
+            readonly dotSize: "size-1.5";
+        };
+        readonly sm: {
+            readonly width: "w-4";
+            readonly height: "h-4";
+            readonly radius: "rounded-full";
+            readonly dotSize: "size-2";
+        };
+        readonly md: {
+            readonly width: "w-4.5";
+            readonly height: "h-4.5";
+            readonly radius: "rounded-full";
+            readonly dotSize: "size-2.5";
+        };
+        readonly lg: {
+            readonly width: "w-5";
+            readonly height: "h-5";
+            readonly radius: "rounded-full";
+            readonly dotSize: "size-3";
+        };
+        readonly xl: {
+            readonly width: "w-6";
+            readonly height: "h-6";
+            readonly radius: "rounded-full";
+            readonly dotSize: "size-3.5";
+        };
+    };
+    /**
+     * Variant-based tokens
+     * Border, background, and text colors for different variants
+     * All use CSS variable references for theme support
+     */
+    readonly variant: {
+        readonly primary: {
+            readonly border: "border-[hsl(var(--tm-primary))]";
+            readonly background: "bg-[hsl(var(--tm-primary))]";
+            readonly text: "text-[hsl(var(--tm-primary-foreground))]";
+            readonly focus: "focus-visible:shadow-[var(--focus-ring-primary)]";
+        };
+        readonly secondary: {
+            readonly border: "border-[hsl(var(--tm-secondary))]";
+            readonly background: "bg-[hsl(var(--tm-secondary))]";
+            readonly text: "text-[hsl(var(--tm-secondary-foreground))]";
+            readonly focus: "focus-visible:shadow-[var(--focus-ring-default)]";
+        };
+        readonly outline: {
+            readonly border: "border-[hsl(var(--input))]";
+            readonly background: "bg-transparent";
+            readonly text: "text-[hsl(var(--foreground))]";
+            readonly focus: "focus-visible:shadow-[var(--focus-ring-default)]";
+        };
+        readonly ghost: {
+            readonly border: "border-transparent";
+            readonly background: "bg-transparent";
+            readonly text: "text-[hsl(var(--foreground))]";
+            readonly focus: "focus-visible:shadow-[var(--focus-ring-default)]";
+        };
+        readonly destructive: {
+            readonly border: "border-[hsl(var(--destructive))]";
+            readonly background: "bg-[hsl(var(--destructive))]";
+            readonly text: "text-[hsl(var(--destructive-foreground))]";
+            readonly focus: "focus-visible:shadow-[var(--focus-ring-default)]";
+        };
+    };
+    /**
+     * State-based tokens
+     * Border, background, and text colors for different states
+     * All use CSS variable references for theme support
+     */
+    readonly state: {
+        readonly border: {
+            readonly default: "border-[hsl(var(--input))]";
+            readonly checked: "border-[hsl(var(--tm-primary))]";
+            readonly error: "border-[hsl(var(--destructive))]";
+            readonly disabled: "border-[hsl(var(--input))]";
+            readonly focus: "focus-visible:shadow-[var(--focus-ring-default)]";
+        };
+        readonly background: {
+            readonly default: "bg-transparent";
+            readonly checked: "bg-[hsl(var(--tm-primary))]";
+            readonly disabled: "bg-transparent";
+            readonly disabledChecked: "bg-[hsl(var(--muted))]";
+        };
+        readonly text: {
+            readonly default: "text-[hsl(var(--foreground))]";
+            readonly checked: "text-[hsl(var(--tm-primary-foreground))]";
+            readonly disabled: "disabled:opacity-50";
+        };
+    };
+    /**
+     * Dot tokens (inner filled circle indicator)
+     * Size and styling for radio dot within radio button
+     */
+    readonly dot: {
+        readonly size: {
+            readonly xs: "size-1.5";
+            readonly sm: "size-2";
+            readonly md: "size-2.5";
+            readonly lg: "size-3";
+            readonly xl: "size-3.5";
+        };
+        readonly color: {
+            readonly default: "bg-[hsl(var(--tm-primary-foreground))]";
+            readonly disabled: "bg-[hsl(var(--muted-foreground))]";
+        };
+        readonly radius: "rounded-full";
+    };
+    /**
+     * Shadow token
+     * Maps to foundation elevation shadow tokens
+     */
+    readonly shadow: "shadow-sm";
+    /**
+     * Transition tokens
+     * Smooth transitions for state changes
+     */
+    readonly transition: "transition-all duration-200 ease-in-out";
+};
+/**
+ * Type exports for Radio tokens
+ */
+export type RadioSize = keyof typeof RADIO_TOKENS.size;
+export type RadioVariant = keyof typeof RADIO_TOKENS.variant;
+export type RadioState = keyof typeof RADIO_TOKENS.state.border;
+//# sourceMappingURL=radio.d.ts.map

package/dist/tokens/components/radio.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio.d.ts","sourceRoot":"","sources":["../../../src/tokens/components/radio.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAKH;;;;;;GAMG;AACH,eAAO,MAAM,YAAY;IACvB;;;;OAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAkCH;;;;OAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAkCH;;;;OAIG;;;;;;;;;;;;;;;;;;;;;IAsBH;;;OAGG;;;;;;;;;;;;;;;IAgBH;;;OAGG;;IAGH;;;OAGG;;CAEK,CAAC;AAEX;;GAEG;AACH,MAAM,MAAM,SAAS,GAAG,MAAM,OAAO,YAAY,CAAC,IAAI,CAAC;AACvD,MAAM,MAAM,YAAY,GAAG,MAAM,OAAO,YAAY,CAAC,OAAO,CAAC;AAC7D,MAAM,MAAM,UAAU,GAAG,MAAM,OAAO,YAAY,CAAC,KAAK,CAAC,MAAM,CAAC"}

package/dist/tokens/components/section.d.ts

@@ -0,0 +1,42 @@
+/**
+ * Section Component Tokens
+ *
+ * Component-level design tokens for Section component.
+ * Maps foundation tokens (spacing) to section-specific usage for page/landing layout composition.
+ *
+ * Defines tokens for vertical padding and content spacing within sections.
+ */
+/**
+ * Section Component Tokens
+ *
+ * Defines padding and spacing tokens for Section component.
+ * Values are mapped to Tailwind utility classes for direct use.
+ */
+export declare const SECTION_TOKENS: {
+    /**
+     * Vertical padding for sections
+     * Used for spacing between major page sections
+     */
+    readonly padding: {
+        readonly sm: "py-md";
+        readonly md: "py-xl";
+        readonly lg: "py-2xl";
+        readonly xl: "py-3xl";
+    };
+    /**
+     * Gap spacing for content blocks within sections
+     * Used for spacing between content elements in a section
+     */
+    readonly spacing: {
+        readonly sm: "gap-sm";
+        readonly md: "gap-md";
+        readonly lg: "gap-lg";
+        readonly xl: "gap-xl";
+    };
+};
+/**
+ * Type exports for Section tokens
+ */
+export type SectionPadding = keyof typeof SECTION_TOKENS.padding;
+export type SectionGap = keyof typeof SECTION_TOKENS.spacing;
+//# sourceMappingURL=section.d.ts.map

package/dist/tokens/components/section.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"section.d.ts","sourceRoot":"","sources":["../../../src/tokens/components/section.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAKH;;;;;GAKG;AACH,eAAO,MAAM,cAAc;IACzB;;;OAGG;;;;;;;IAQH;;;OAGG;;;;;;;CAOK,CAAC;AAEX;;GAEG;AACH,MAAM,MAAM,cAAc,GAAG,MAAM,OAAO,cAAc,CAAC,OAAO,CAAC;AACjE,MAAM,MAAM,UAAU,GAAG,MAAM,OAAO,cAAc,CAAC,OAAO,CAAC"}

package/dist/tokens/components/surface.d.ts

@@ -0,0 +1,95 @@
+/**
+ * Surface Component Tokens
+ *
+ * Component-level design tokens for Surface component.
+ * Maps foundation tokens (spacing, radius, shadows) to surface-specific usage.
+ *
+ * Defines tokens for flat, raised, sunken, outline, and subtle surface variants.
+ */
+/**
+ * Surface Component Tokens
+ *
+ * Defines spacing, radius, and shadow tokens for Surface component variants.
+ * Values are mapped to Tailwind utility classes for direct use.
+ */
+export declare const SURFACE_TOKENS: {
+    /**
+     * Padding values for surface variants
+     * Can be customized per variant if needed
+     */
+    readonly padding: {
+        readonly default: "p-md";
+        readonly sm: "p-sm";
+        readonly md: "p-md";
+        readonly lg: "p-lg";
+    };
+    /**
+     * Border radius for surfaces
+     */
+    readonly radius: {
+        readonly default: "rounded-md";
+        readonly sm: "rounded-sm";
+        readonly md: "rounded-md";
+        readonly lg: "rounded-lg";
+    };
+    /**
+     * Shadow tokens by surface variant
+     * Maps to foundation elevation shadow tokens
+     */
+    readonly shadow: {
+        readonly flat: "shadow-none";
+        readonly raised: "shadow-sm";
+        readonly sunken: "shadow-none";
+        readonly outline: "shadow-none";
+        readonly subtle: "shadow-none";
+    };
+    /**
+     * Variant-based token structure
+     * Organized by variant for easy access
+     */
+    readonly variant: {
+        readonly flat: {
+            readonly padding: "p-md";
+            readonly radius: "rounded-md";
+            readonly shadow: "shadow-none";
+            readonly bg: "bg-background";
+            readonly border: "border border-border";
+        };
+        readonly raised: {
+            readonly padding: "p-md";
+            readonly radius: "rounded-md";
+            readonly shadow: "shadow-sm";
+            readonly bg: "bg-card";
+            readonly border: "border border-border";
+        };
+        readonly sunken: {
+            readonly padding: "p-md";
+            readonly radius: "rounded-md";
+            readonly shadow: "shadow-none";
+            readonly bg: "bg-muted";
+            readonly border: "border border-border";
+        };
+        readonly outline: {
+            readonly padding: "p-md";
+            readonly radius: "rounded-md";
+            readonly shadow: "shadow-none";
+            readonly bg: "bg-transparent";
+            readonly border: "border-2 border-border";
+        };
+        readonly subtle: {
+            readonly padding: "p-md";
+            readonly radius: "rounded-md";
+            readonly shadow: "shadow-none";
+            readonly bg: "bg-muted/50";
+            readonly border: "border border-border/50";
+        };
+    };
+};
+/**
+ * Type exports for Surface tokens
+ */
+export type SurfacePadding = keyof typeof SURFACE_TOKENS.padding;
+export type SurfaceRadius = keyof typeof SURFACE_TOKENS.radius;
+export type SurfaceShadow = keyof typeof SURFACE_TOKENS.shadow;
+export type SurfaceVariant = keyof typeof SURFACE_TOKENS.variant;
+//# sourceMappingURL=surface.d.ts.map

package/dist/tokens/components/surface.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"surface.d.ts","sourceRoot":"","sources":["../../../src/tokens/components/surface.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAKH;;;;;GAKG;AACH,eAAO,MAAM,cAAc;IACzB;;;OAGG;;;;;;;IAQH;;OAEG;;;;;;;IAQH;;;OAGG;;;;;;;;IASH;;;OAGG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsCK,CAAC;AAEX;;GAEG;AACH,MAAM,MAAM,cAAc,GAAG,MAAM,OAAO,cAAc,CAAC,OAAO,CAAC;AACjE,MAAM,MAAM,aAAa,GAAG,MAAM,OAAO,cAAc,CAAC,MAAM,CAAC;AAC/D,MAAM,MAAM,aAAa,GAAG,MAAM,OAAO,cAAc,CAAC,MAAM,CAAC;AAC/D,MAAM,MAAM,cAAc,GAAG,MAAM,OAAO,cAAc,CAAC,OAAO,CAAC"}

package/dist/tokens/components/switch.d.ts

@@ -0,0 +1,209 @@
+/**
+ * Switch Component Tokens
+ *
+ * Component-level design tokens for Switch component.
+ * Maps foundation tokens (spacing, typography, radius, shadows, motion) to switch-specific usage.
+ * All color values use CSS variables for theme-aware styling.
+ *
+ * Switch consists of a track (container) and handle (thumb) that slides within the track.
+ */
+/**
+ * Switch Component Tokens
+ *
+ * Defines spacing, sizing, and visual tokens for Switch component.
+ * All colors use CSS variable references (hsl(var(--token))) for theme-aware styling.
+ * Switch track is wider than tall, with a circular handle that slides within.
+ */
+export declare const SWITCH_TOKENS: {
+    /**
+     * Track sizes by size variant
+     * Supports xs, sm, md, lg, xl sizes
+     * Track is wider than tall (typical switch proportions)
+     */
+    readonly track: {
+        readonly xs: {
+            readonly width: "w-8";
+            readonly height: "h-4";
+            readonly radius: "rounded-full";
+        };
+        readonly sm: {
+            readonly width: "w-9";
+            readonly height: "h-5";
+            readonly radius: "rounded-full";
+        };
+        readonly md: {
+            readonly width: "w-11";
+            readonly height: "h-6";
+            readonly radius: "rounded-full";
+        };
+        readonly lg: {
+            readonly width: "w-14";
+            readonly height: "h-7";
+            readonly radius: "rounded-full";
+        };
+        readonly xl: {
+            readonly width: "w-16";
+            readonly height: "h-8";
+            readonly radius: "rounded-full";
+        };
+    };
+    /**
+     * Handle sizes by size variant
+     * Circular thumb that slides within the track
+     * Slightly smaller than track height to allow for padding
+     */
+    readonly handle: {
+        readonly xs: {
+            readonly width: "w-3";
+            readonly height: "h-3";
+            readonly radius: "rounded-full";
+            readonly translate: "translate-x-4";
+        };
+        readonly sm: {
+            readonly width: "w-4";
+            readonly height: "h-4";
+            readonly radius: "rounded-full";
+            readonly translate: "translate-x-4";
+        };
+        readonly md: {
+            readonly width: "w-5";
+            readonly height: "h-5";
+            readonly radius: "rounded-full";
+            readonly translate: "translate-x-5";
+        };
+        readonly lg: {
+            readonly width: "w-6";
+            readonly height: "h-6";
+            readonly radius: "rounded-full";
+            readonly translate: "translate-x-7";
+        };
+        readonly xl: {
+            readonly width: "w-7";
+            readonly height: "h-7";
+            readonly radius: "rounded-full";
+            readonly translate: "translate-x-8";
+        };
+        /**
+         * Handle positioning tokens
+         * For absolute positioning within the track
+         */
+        readonly position: {
+            readonly left: "left-xs";
+            readonly top: "top-1/2";
+            readonly center: "-translate-y-1/2";
+        };
+    };
+    /**
+     * Variant-based tokens
+     * Track and handle colors for different variants
+     * All use CSS variable references for theme support
+     */
+    readonly variant: {
+        readonly primary: {
+            readonly track: {
+                readonly unchecked: "bg-[hsl(var(--input))]";
+                readonly checked: "bg-[hsl(var(--tm-primary))]";
+            };
+            readonly handle: {
+                readonly unchecked: "bg-[hsl(var(--muted))]";
+                readonly checked: "bg-[hsl(var(--tm-primary-foreground))]";
+            };
+            readonly focus: "focus-visible:shadow-[var(--focus-ring-primary)]";
+        };
+        readonly secondary: {
+            readonly track: {
+                readonly unchecked: "bg-[hsl(var(--input))]";
+                readonly checked: "bg-[hsl(var(--tm-secondary))]";
+            };
+            readonly handle: {
+                readonly unchecked: "bg-[hsl(var(--muted))]";
+                readonly checked: "bg-[hsl(var(--tm-secondary-foreground))]";
+            };
+            readonly focus: "focus-visible:shadow-[var(--focus-ring-default)]";
+        };
+        readonly outline: {
+            readonly track: {
+                readonly unchecked: "bg-[hsl(var(--input))]";
+                readonly checked: "bg-[hsl(var(--tm-primary))]";
+            };
+            readonly handle: {
+                readonly unchecked: "bg-[hsl(var(--muted))]";
+                readonly checked: "bg-[hsl(var(--tm-primary-foreground))]";
+            };
+            readonly focus: "focus-visible:shadow-[var(--focus-ring-default)]";
+        };
+        readonly ghost: {
+            readonly track: {
+                readonly unchecked: "bg-[hsl(var(--muted))]";
+                readonly checked: "bg-[hsl(var(--tm-primary))]";
+            };
+            readonly handle: {
+                readonly unchecked: "bg-[hsl(var(--muted-foreground))]";
+                readonly checked: "bg-[hsl(var(--tm-primary-foreground))]";
+            };
+            readonly focus: "focus-visible:shadow-[var(--focus-ring-default)]";
+        };
+        readonly destructive: {
+            readonly track: {
+                readonly unchecked: "bg-[hsl(var(--input))]";
+                readonly checked: "bg-[hsl(var(--destructive))]";
+            };
+            readonly handle: {
+                readonly unchecked: "bg-[hsl(var(--muted))]";
+                readonly checked: "bg-[hsl(var(--destructive-foreground))]";
+            };
+            readonly focus: "focus-visible:shadow-[var(--focus-ring-default)]";
+        };
+    };
+    /**
+     * State-based tokens
+     * Track and handle colors for different states
+     * All use CSS variable references for theme support
+     */
+    readonly state: {
+        readonly track: {
+            readonly default: "bg-[hsl(var(--input))]";
+            readonly checked: "bg-[hsl(var(--tm-primary))]";
+            readonly disabled: "bg-[hsl(var(--muted))]";
+            readonly disabledChecked: "bg-[hsl(var(--muted))]";
+            readonly error: "bg-[hsl(var(--destructive))]";
+        };
+        readonly handle: {
+            readonly default: "bg-[hsl(var(--muted-foreground))]";
+            readonly checked: "bg-[hsl(var(--tm-primary-foreground))]";
+            readonly disabled: "bg-[hsl(var(--muted-foreground))]";
+            readonly disabledChecked: "bg-[hsl(var(--muted-foreground))]";
+            readonly error: "bg-[hsl(var(--destructive-foreground))]";
+        };
+        readonly opacity: {
+            readonly disabled: "opacity-50";
+        };
+    };
+    /**
+     * Transition tokens
+     * Smooth transitions for handle animation and state changes
+     * Uses motion tokens for duration and easing
+     */
+    readonly transition: {
+        readonly handle: "transition-transform duration-300 ease-in-out";
+        readonly track: "transition-colors duration-300 ease-in-out";
+        readonly combined: "transition-all duration-300 ease-in-out";
+    };
+    /**
+     * Shadow token
+     * Maps to foundation elevation shadow tokens
+     */
+    readonly shadow: "shadow-sm";
+    /**
+     * Padding token
+     * Space between track edge and handle
+     */
+    readonly padding: "p-0.5";
+};
+/**
+ * Type exports for Switch tokens
+ */
+export type SwitchSize = keyof typeof SWITCH_TOKENS.track;
+export type SwitchVariant = keyof typeof SWITCH_TOKENS.variant;
+export type SwitchState = keyof typeof SWITCH_TOKENS.state.track;
+//# sourceMappingURL=switch.d.ts.map

package/dist/tokens/components/switch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"switch.d.ts","sourceRoot":"","sources":["../../../src/tokens/components/switch.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAKH;;;;;;GAMG;AACH,eAAO,MAAM,aAAa;IACxB;;;;OAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;IA6BH;;;;OAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAgCD;;;WAGG;;;;;;;IAQL;;;;OAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IA2DH;;;;OAIG;;;;;;;;;;;;;;;;;;;;IAqBH;;;;OAIG;;;;;;IAOH;;;OAGG;;IAGH;;;OAGG;;CAEK,CAAC;AAEX;;GAEG;AACH,MAAM,MAAM,UAAU,GAAG,MAAM,OAAO,aAAa,CAAC,KAAK,CAAC;AAC1D,MAAM,MAAM,aAAa,GAAG,MAAM,OAAO,aAAa,CAAC,OAAO,CAAC;AAC/D,MAAM,MAAM,WAAW,GAAG,MAAM,OAAO,aAAa,CAAC,KAAK,CAAC,KAAK,CAAC"}

package/dist/tokens/components/text.d.ts

@@ -0,0 +1,69 @@
+/**
+ * Text Component Tokens
+ *
+ * Component-level design tokens for Text component.
+ * Maps foundation typography tokens to text-specific usage patterns.
+ *
+ * These tokens serve as second-level abstractions that reference foundation
+ * typography tokens (fontSize, fontWeight, lineHeight, letterSpacing).
+ */
+/**
+ * Text Component Tokens
+ *
+ * Defines typography tokens for Text component.
+ * All values reference foundation typography tokens to ensure consistency.
+ */
+export declare const TEXT_TOKENS: {
+    /**
+     * Font sizes by text size variant
+     * Maps to foundation fontSize tokens
+     */
+    readonly fontSize: {
+        readonly xs: "text-xs";
+        readonly sm: "text-sm";
+        readonly md: "text-base";
+        readonly lg: "text-lg";
+        readonly xl: "text-xl";
+    };
+    /**
+     * Font weights by weight variant
+     * Maps to foundation fontWeight tokens
+     */
+    readonly fontWeight: {
+        readonly normal: "font-normal";
+        readonly medium: "font-medium";
+        readonly semibold: "font-semibold";
+        readonly bold: "font-bold";
+    };
+    /**
+     * Line heights (if component-specific)
+     * Maps to foundation lineHeight tokens
+     */
+    readonly lineHeight: {
+        readonly none: "leading-none";
+        readonly tight: "leading-tight";
+        readonly normal: "leading-normal";
+        readonly relaxed: "leading-relaxed";
+        readonly loose: "leading-loose";
+    };
+    /**
+     * Letter spacing (tracking) values
+     * Maps to foundation letterSpacing tokens
+     */
+    readonly letterSpacing: {
+        readonly tighter: "tracking-tighter";
+        readonly tight: "tracking-tight";
+        readonly normal: "tracking-normal";
+        readonly wide: "tracking-wide";
+        readonly wider: "tracking-wider";
+        readonly widest: "tracking-widest";
+    };
+};
+/**
+ * Type exports for Text tokens
+ */
+export type TextFontSize = keyof typeof TEXT_TOKENS.fontSize;
+export type TextFontWeight = keyof typeof TEXT_TOKENS.fontWeight;
+export type TextLineHeight = keyof typeof TEXT_TOKENS.lineHeight;
+export type TextLetterSpacing = keyof typeof TEXT_TOKENS.letterSpacing;
+//# sourceMappingURL=text.d.ts.map

package/dist/tokens/components/text.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"text.d.ts","sourceRoot":"","sources":["../../../src/tokens/components/text.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAKH;;;;;GAKG;AACH,eAAO,MAAM,WAAW;IACtB;;;OAGG;;;;;;;;IASH;;;OAGG;;;;;;;IAQH;;;OAGG;;;;;;;;IASH;;;OAGG;;;;;;;;;CASK,CAAC;AAEX;;GAEG;AACH,MAAM,MAAM,YAAY,GAAG,MAAM,OAAO,WAAW,CAAC,QAAQ,CAAC;AAC7D,MAAM,MAAM,cAAc,GAAG,MAAM,OAAO,WAAW,CAAC,UAAU,CAAC;AACjE,MAAM,MAAM,cAAc,GAAG,MAAM,OAAO,WAAW,CAAC,UAAU,CAAC;AACjE,MAAM,MAAM,iBAAiB,GAAG,MAAM,OAAO,WAAW,CAAC,aAAa,CAAC"}