@tenerife.music/ui 1.2.1 → 2.0.0

package/dist/{index-DXmHg8ji.d.ts → index-DGtRM9Db.d.ts}

@@ -39,7 +39,7 @@ type Responsive<T> = T | {
  * Component-level design tokens for Alert component.
  * Maps foundation tokens (spacing, radius) to alert-specific usage.
  *
- * Includes variant-based token structure for future extensibility.
+ * All values reference foundation tokens to ensure consistency across the design system.
  */
 /**
  * Alert Component Tokens
@@ -56,57 +56,47 @@ declare const ALERT_TOKENS: {
      * Border radius for alerts
      */
     readonly radius: "rounded-lg";
+    /**
+     * Border token
+     * Base border style
+     */
+    readonly border: "border";
     /**
      * Icon size within alerts
      */
     readonly iconSize: "size-4";
     /**
      * Variant-based token structure
-     * Organized by variant for future extensibility
+     * Organized by variant for token-driven styling
      */
     readonly variant: {
         readonly default: {
-            readonly padding: "p-md";
-            readonly radius: "rounded-lg";
+            readonly background: "bg-muted";
+            readonly border: "border-border";
+            readonly text: "text-foreground";
         };
         readonly primary: {
-            readonly padding: "p-md";
-            readonly radius: "rounded-lg";
+            readonly background: "bg-primary/10";
+            readonly border: "border-primary/20";
+            readonly text: "text-primary-foreground";
         };
         readonly secondary: {
-            readonly padding: "p-md";
-            readonly radius: "rounded-lg";
+            readonly background: "bg-secondary/10";
+            readonly border: "border-secondary/20";
+            readonly text: "text-secondary-foreground";
         };
         readonly accent: {
-            readonly padding: "p-md";
-            readonly radius: "rounded-lg";
+            readonly background: "bg-accent/10";
+            readonly border: "border-accent/20";
+            readonly text: "text-accent-foreground";
         };
         readonly destructive: {
-            readonly padding: "p-md";
-            readonly radius: "rounded-lg";
-        };
-        readonly success: {
-            readonly padding: "p-md";
-            readonly radius: "rounded-lg";
-        };
-        readonly warning: {
-            readonly padding: "p-md";
-            readonly radius: "rounded-lg";
-        };
-        readonly danger: {
-            readonly padding: "p-md";
-            readonly radius: "rounded-lg";
-        };
-        readonly info: {
-            readonly padding: "p-md";
-            readonly radius: "rounded-lg";
+            readonly background: "bg-destructive/10";
+            readonly border: "border-destructive/20";
+            readonly text: "text-destructive-foreground";
         };
     };
 };
-/**
- * Type exports for Alert tokens
- */
-type AlertVariant = keyof typeof ALERT_TOKENS.variant;
 
 /**
  * Button Component Tokens
@@ -145,7 +135,6 @@ declare const BUTTON_TOKENS: {
         readonly sm: "h-8";
         readonly md: "h-9";
         readonly lg: "h-10";
-        readonly icon: "h-9";
     };
     /**
      * Button padding by size
@@ -190,14 +179,22 @@ declare const BUTTON_TOKENS: {
         readonly sm: "[&_svg]:w-3.5 [&_svg]:h-3.5";
         readonly md: "[&_svg]:w-4 [&_svg]:h-4";
         readonly lg: "[&_svg]:w-5 [&_svg]:h-5";
-        readonly icon: "[&_svg]:w-4 [&_svg]:h-4";
     };
     /**
      * Width tokens
+     * Used for icon-only buttons (square buttons with equal width and height)
      */
     readonly width: {
-        readonly icon: "w-9";
+        readonly sm: "w-8";
+        readonly md: "w-9";
+        readonly lg: "w-10";
     };
+    /**
+     * Padding token for icon-only buttons
+     * Zero padding required for square dimensions (icon-only buttons have no text, so no padding needed)
+     * Uses p-0 which is a standard Tailwind class for zero spacing (spacing[0])
+     */
+    readonly paddingIconOnly: "p-0";
     /**
      * Font sizes by button size
      * References foundation typography fontSize tokens from Typography Authority
@@ -516,14 +513,12 @@ type CardSize = keyof typeof CARD_TOKENS.size;
 declare const INPUT_TOKENS: {
     /**
      * Input heights by size
-     * Supports xs, sm, md, lg, xl sizes
+     * Supports sm, md, lg sizes (canonical interactive size scale)
      */
     readonly height: {
-        readonly xs: "h-7";
         readonly sm: "h-8";
         readonly md: "h-9";
         readonly lg: "h-10";
-        readonly xl: "h-11";
     };
     /**
      * Input padding by size
@@ -531,40 +526,32 @@ declare const INPUT_TOKENS: {
      */
     readonly padding: {
         readonly horizontal: {
-            readonly xs: "px-xs";
             readonly sm: "px-sm";
             readonly md: "px-sm";
             readonly lg: "px-md";
-            readonly xl: "px-lg";
         };
         readonly vertical: {
-            readonly xs: "py-xs";
             readonly sm: "py-xs";
             readonly md: "py-xs";
             readonly lg: "py-sm";
-            readonly xl: "py-md";
         };
     };
     /**
      * Border radius by size
      */
     readonly radius: {
-        readonly xs: "rounded-sm";
         readonly sm: "rounded-md";
         readonly md: "rounded-md";
         readonly lg: "rounded-md";
-        readonly xl: "rounded-lg";
     };
     /**
      * Font sizes by size variant
      * Maps to foundation typography fontSize tokens
      */
     readonly fontSize: {
-        readonly xs: "text-xs";
         readonly sm: "text-sm";
         readonly md: "text-base";
         readonly lg: "text-base";
-        readonly xl: "text-lg";
     };
     /**
      * Responsive font size (md breakpoint)
@@ -696,16 +683,6 @@ declare const INPUT_TOKENS: {
      * Organized by size for easy access
      */
     readonly size: {
-        readonly xs: {
-            readonly height: "h-7";
-            readonly padding: {
-                readonly horizontal: "px-xs";
-                readonly vertical: "py-xs";
-            };
-            readonly radius: "rounded-sm";
-            readonly fontSize: "text-xs";
-            readonly shadow: "shadow-sm";
-        };
         readonly sm: {
             readonly height: "h-8";
             readonly padding: {
@@ -737,16 +714,6 @@ declare const INPUT_TOKENS: {
             readonly fontSize: "text-base";
             readonly shadow: "shadow-sm";
         };
-        readonly xl: {
-            readonly height: "h-11";
-            readonly padding: {
-                readonly horizontal: "px-lg";
-                readonly vertical: "py-md";
-            };
-            readonly radius: "rounded-lg";
-            readonly fontSize: "text-lg";
-            readonly shadow: "shadow-sm";
-        };
     };
 };
 /**
@@ -776,16 +743,13 @@ type InputSize = keyof typeof INPUT_TOKENS.size;
 declare const CHECKBOX_TOKENS: {
     /**
      * Checkbox sizes by size variant
-     * Supports xs, sm, md, lg, xl sizes
+     * Supports sm, md, lg sizes (canonical interactive scale)
      * Checkboxes are typically square and smaller than input fields
+     *
+     * NOTE: Size scale restricted to sm|md|lg per canonical interactive size scale (FOUNDATION_LOCK.md).
+     * xs and xl sizes removed to comply with Button-defined canonical scale.
      */
     readonly size: {
-        readonly xs: {
-            readonly width: "w-3.5";
-            readonly height: "h-3.5";
-            readonly radius: "rounded-sm";
-            readonly iconSize: "size-2.5";
-        };
         readonly sm: {
             readonly width: "w-4";
             readonly height: "h-4";
@@ -804,12 +768,6 @@ declare const CHECKBOX_TOKENS: {
             readonly radius: "rounded-md";
             readonly iconSize: "size-4";
         };
-        readonly xl: {
-            readonly width: "w-6";
-            readonly height: "h-6";
-            readonly radius: "rounded-md";
-            readonly iconSize: "size-5";
-        };
     };
     /**
      * Variant-based tokens
@@ -879,14 +837,13 @@ declare const CHECKBOX_TOKENS: {
     /**
      * Icon tokens
      * Size and styling for checkmark icon within checkbox
+     * NOTE: Icon sizes restricted to sm|md|lg per canonical interactive size scale
      */
     readonly icon: {
         readonly size: {
-            readonly xs: "size-2.5";
             readonly sm: "size-3";
             readonly md: "size-3.5";
             readonly lg: "size-4";
-            readonly xl: "size-5";
         };
         readonly stroke: "stroke-2";
         readonly color: {
@@ -911,8 +868,9 @@ declare const CHECKBOX_TOKENS: {
     /**
      * Transition tokens
      * Smooth transitions for state changes
+     * Uses MOTION_TOKENS for canonical motion values
      */
-    readonly transition: "transition-all duration-200 ease-in-out";
+    readonly transition: "transition-all duration-normal ease-in-out";
 };
 /**
  * Type exports for Checkbox tokens
@@ -1105,12 +1063,12 @@ declare const SWITCH_TOKENS: {
     /**
      * Transition tokens
      * Smooth transitions for handle animation and state changes
-     * Uses motion tokens for duration and easing
+     * Uses MOTION_TOKENS for canonical motion values
      */
     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";
+        readonly handle: "transition-transform duration-normal ease-in-out";
+        readonly track: "transition-colors duration-normal ease-in-out";
+        readonly combined: "transition-all duration-normal ease-in-out";
     };
     /**
      * Shadow token
@@ -1270,8 +1228,9 @@ declare const RADIO_TOKENS: {
     /**
      * Transition tokens
      * Smooth transitions for state changes
+     * Uses MOTION_TOKENS for canonical motion values
      */
-    readonly transition: "transition-all duration-200 ease-in-out";
+    readonly transition: "transition-all duration-normal ease-in-out";
 };
 /**
  * Type exports for Radio tokens
@@ -1286,13 +1245,15 @@ type RadioState = keyof typeof RADIO_TOKENS.state.border;
  * 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.
+ * Defines tokens for canonical SurfaceVariant names: default, elevated, outlined, filled, subtle.
+ * @see docs/architecture/VARIANTS_SIZE_CANON.md for canonical variant dictionary
  */
 /**
  * Surface Component Tokens
  *
  * Defines spacing, radius, and shadow tokens for Surface component variants.
  * Values are mapped to Tailwind utility classes for direct use.
+ * Uses canonical SurfaceVariant dictionary: default, elevated, outlined, filled, subtle.
  */
 declare const SURFACE_TOKENS: {
     /**
@@ -1317,46 +1278,48 @@ declare const SURFACE_TOKENS: {
     /**
      * Shadow tokens by surface variant
      * Maps to foundation elevation shadow tokens
+     * Uses canonical SurfaceVariant names
      */
     readonly shadow: {
-        readonly flat: "shadow-none";
-        readonly raised: "shadow-sm";
-        readonly sunken: "shadow-none";
-        readonly outline: "shadow-none";
+        readonly default: "shadow-none";
+        readonly elevated: "shadow-sm";
+        readonly outlined: "shadow-none";
+        readonly filled: "shadow-none";
         readonly subtle: "shadow-none";
     };
     /**
      * Variant-based token structure
      * Organized by variant for easy access
+     * Uses canonical SurfaceVariant names: default, elevated, outlined, filled, subtle
      */
     readonly variant: {
-        readonly flat: {
+        readonly default: {
             readonly padding: "p-md";
             readonly radius: "rounded-md";
             readonly shadow: "shadow-none";
             readonly bg: "bg-background";
             readonly border: "border border-border";
         };
-        readonly raised: {
+        readonly elevated: {
             readonly padding: "p-md";
             readonly radius: "rounded-md";
             readonly shadow: "shadow-sm";
             readonly bg: "bg-card";
             readonly border: "border border-border";
         };
-        readonly sunken: {
+        readonly outlined: {
             readonly padding: "p-md";
             readonly radius: "rounded-md";
             readonly shadow: "shadow-none";
-            readonly bg: "bg-muted";
-            readonly border: "border border-border";
+            readonly bg: "bg-transparent";
+            readonly border: "border-2 border-border";
         };
-        readonly outline: {
+        readonly filled: {
             readonly padding: "p-md";
             readonly radius: "rounded-md";
             readonly shadow: "shadow-none";
-            readonly bg: "bg-transparent";
-            readonly border: "border-2 border-border";
+            readonly bg: "bg-muted";
+            readonly border: "border border-border";
         };
         readonly subtle: {
             readonly padding: "p-md";
@@ -2564,8 +2527,8 @@ declare const SELECT_TOKENS: {
         readonly background: "bg-[hsl(var(--popover))]";
         readonly text: "text-[hsl(var(--popover-foreground))]";
         readonly border: "border border-[hsl(var(--border))]";
-        readonly maxHeight: "max-h-[384px]";
-        readonly minWidth: "min-w-[128px]";
+        readonly maxHeight: "max-h-96";
+        readonly minWidth: "min-w-32";
     };
     /**
      * Select item tokens
@@ -3176,9 +3139,14 @@ declare const TABS_TOKENS: {
  * All colors use CSS variable references (hsl(var(--token))) for theme-aware styling.
  */
 declare const MODAL_TOKENS: {
+    /**
+     * Modal maximum height token
+     * Used for all modal sizes to prevent overflow on small screens
+     */
+    readonly maxHeight: "max-h-[90vh]";
     /**
      * Modal size tokens
-     * Supports sm, md, lg, xl, fullscreen sizes
+     * Supports sm, md, lg sizes only (overlay restriction per VARIANTS_SIZE_CANON)
      */
     readonly size: {
         readonly sm: {
@@ -3202,20 +3170,6 @@ declare const MODAL_TOKENS: {
             readonly radius: "rounded-xl";
             readonly shadow: "shadow-2xl";
         };
-        readonly xl: {
-            readonly width: "w-full max-w-xl";
-            readonly height: "h-auto max-h-[90vh]";
-            readonly padding: "p-xl";
-            readonly radius: "rounded-xl";
-            readonly shadow: "shadow-2xl";
-        };
-        readonly fullscreen: {
-            readonly width: "w-full h-full max-w-full max-h-full";
-            readonly height: "h-full";
-            readonly padding: "p-xl";
-            readonly radius: "rounded-none";
-            readonly shadow: "shadow-none";
-        };
     };
     /**
      * Modal overlay tokens
@@ -3904,9 +3858,9 @@ declare const MOTION_TOKENS: {
 /**
  * Type exports for Motion tokens
  */
-type MotionTransition = keyof typeof MOTION_TOKENS.transition;
-type MotionDuration = keyof typeof MOTION_TOKENS.duration;
-type MotionEasing = keyof typeof MOTION_TOKENS.easing;
+type MotionTransition$1 = keyof typeof MOTION_TOKENS.transition;
+type MotionDuration$1 = keyof typeof MOTION_TOKENS.duration;
+type MotionEasing$1 = keyof typeof MOTION_TOKENS.easing;
 type MotionTransitionPreset = keyof typeof MOTION_TOKENS.transitionPreset;
 type MotionAnimation = keyof typeof MOTION_TOKENS.animation;
 
@@ -3921,43 +3875,18 @@ type MotionAnimation = keyof typeof MOTION_TOKENS.animation;
  * Merges all token CSS variables into a single object
  */
 declare const allCSSVariables: {
-    readonly "--duration-instant": "0ms";
-    readonly "--duration-fast": "150ms";
-    readonly "--duration-normal": "300ms";
-    readonly "--duration-slow": "500ms";
-    readonly "--duration-slower": "700ms";
-    readonly "--duration-slowest": "1000ms";
-    readonly "--duration-75": "75ms";
-    readonly "--duration-100": "100ms";
-    readonly "--duration-200": "200ms";
-    readonly "--duration-250": "250ms";
-    readonly "--duration-400": "400ms";
-    readonly "--duration-600": "600ms";
-    readonly "--duration-800": "800ms";
-    readonly "--ease-linear": "linear";
-    readonly "--ease-in": "cubic-bezier(0.4, 0, 1, 1)";
-    readonly "--ease-out": "cubic-bezier(0, 0, 0.2, 1)";
-    readonly "--ease-in-out": "cubic-bezier(0.4, 0, 0.2, 1)";
-    readonly "--ease-bounce": "cubic-bezier(0.68, -0.55, 0.265, 1.55)";
-    readonly "--ease-elastic": "cubic-bezier(0.175, 0.885, 0.32, 1.275)";
-    readonly "--ease-out-cubic": "cubic-bezier(0.215, 0.61, 0.355, 1)";
-    readonly "--ease-in-cubic": "cubic-bezier(0.55, 0.055, 0.675, 0.19)";
-    readonly "--ease-in-out-cubic": "cubic-bezier(0.645, 0.045, 0.355, 1)";
-    readonly "--transition-fast": "150ms cubic-bezier(0, 0, 0.2, 1)";
-    readonly "--transition-normal": "300ms cubic-bezier(0.4, 0, 0.2, 1)";
-    readonly "--transition-slow": "500ms cubic-bezier(0.4, 0, 0.2, 1)";
-    readonly "--transition-default": "300ms cubic-bezier(0.4, 0, 0.2, 1)";
-    readonly "--transition-fast-in": "150ms cubic-bezier(0.4, 0, 1, 1)";
-    readonly "--transition-fast-out": "150ms cubic-bezier(0, 0, 0.2, 1)";
-    readonly "--transition-fast-in-out": "150ms cubic-bezier(0.4, 0, 0.2, 1)";
-    readonly "--transition-normal-in": "300ms cubic-bezier(0.4, 0, 1, 1)";
-    readonly "--transition-normal-out": "300ms cubic-bezier(0, 0, 0.2, 1)";
-    readonly "--transition-normal-in-out": "300ms cubic-bezier(0.4, 0, 0.2, 1)";
-    readonly "--transition-slow-in": "500ms cubic-bezier(0.4, 0, 1, 1)";
-    readonly "--transition-slow-out": "500ms cubic-bezier(0, 0, 0.2, 1)";
-    readonly "--transition-slow-in-out": "500ms cubic-bezier(0.4, 0, 0.2, 1)";
-    readonly "--transition-bounce": "300ms cubic-bezier(0.68, -0.55, 0.265, 1.55)";
-    readonly "--transition-elastic": "500ms cubic-bezier(0.175, 0.885, 0.32, 1.275)";
+    readonly "--motion-duration-fast": "150ms";
+    readonly "--motion-duration-normal": "250ms";
+    readonly "--motion-duration-slow": "350ms";
+    readonly "--motion-duration-reduced": "0ms";
+    readonly "--motion-easing-soft": "cubic-bezier(0.22, 1, 0.36, 1)";
+    readonly "--motion-easing-standard": "cubic-bezier(0.4, 0, 0.2, 1)";
+    readonly "--motion-easing-emphasized": "cubic-bezier(0.2, 0, 0, 1)";
+    readonly "--motion-transition-fast": "150ms cubic-bezier(0.4, 0, 0.2, 1)";
+    readonly "--motion-transition-normal": "250ms cubic-bezier(0.4, 0, 0.2, 1)";
+    readonly "--motion-transition-slow": "350ms cubic-bezier(0.2, 0, 0, 1)";
+    readonly "--motion-transition-soft": "250ms cubic-bezier(0.22, 1, 0.36, 1)";
+    readonly "--motion-transition-reduced": "0ms linear";
     readonly "--radius-none": "0";
     readonly "--radius-xs": "0.125rem";
     readonly "--radius-sm": "0.25rem";
@@ -4163,7 +4092,7 @@ declare const tokenSystemSummary: {
 };
 
 /**
- * Motion System V2 Tokens
+ * Motion System Tokens
  *
  * Unified, token-driven motion system for Tenerife UI.
  * CSS-only animations with gesture support, directional transitions,
@@ -4173,29 +4102,29 @@ declare const tokenSystemSummary: {
  * No framer-motion dependency - pure CSS animations.
  */
 /**
- * Motion V2 Duration Presets
+ * Motion Duration Presets
  * Optimized for smooth CSS transitions
  */
-declare const motionV2Durations: {
+declare const motionDurations: {
     readonly fast: "150ms";
     readonly normal: "250ms";
     readonly slow: "350ms";
     readonly reduced: "0ms";
 };
 /**
- * Motion V2 Easing Presets
+ * Motion Easing Presets
  * Advanced cubic-bezier curves for natural motion
  */
-declare const motionV2Easings: {
+declare const motionEasings: {
     readonly soft: "cubic-bezier(0.22, 1, 0.36, 1)";
     readonly standard: "cubic-bezier(0.4, 0, 0.2, 1)";
     readonly emphasized: "cubic-bezier(0.2, 0, 0, 1)";
 };
 /**
- * Motion V2 Transition Presets
+ * Motion Transition Presets
  * Pre-configured transitions combining duration and easing
  */
-declare const motionV2Transitions: {
+declare const motionTransitions: {
     readonly fast: "150ms cubic-bezier(0.4, 0, 0.2, 1)";
     readonly normal: "250ms cubic-bezier(0.4, 0, 0.2, 1)";
     readonly slow: "350ms cubic-bezier(0.2, 0, 0, 1)";
@@ -4203,77 +4132,77 @@ declare const motionV2Transitions: {
     readonly reduced: "0ms linear";
 };
 /**
- * Motion V2 Fade Animations
+ * Motion Fade Animations
  * Opacity-based transitions
  */
-declare const motionV2Fade: {
+declare const motionFade: {
     readonly in: {
         readonly from: {
-            readonly opacity: 0;
+            readonly opacity: "0";
         };
         readonly to: {
-            readonly opacity: 1;
+            readonly opacity: "1";
         };
     };
     readonly out: {
         readonly from: {
-            readonly opacity: 1;
+            readonly opacity: "1";
         };
         readonly to: {
-            readonly opacity: 0;
+            readonly opacity: "0";
         };
     };
 };
 /**
- * Motion V2 Scale Animations
+ * Motion Scale Animations
  * Transform scale-based transitions
  */
-declare const motionV2Scale: {
+declare const motionScale: {
     readonly in: {
         readonly from: {
             readonly transform: "scale(0.95)";
-            readonly opacity: 0;
+            readonly opacity: "0";
         };
         readonly to: {
             readonly transform: "scale(1)";
-            readonly opacity: 1;
+            readonly opacity: "1";
         };
     };
     readonly out: {
         readonly from: {
             readonly transform: "scale(1)";
-            readonly opacity: 1;
+            readonly opacity: "1";
         };
         readonly to: {
             readonly transform: "scale(0.95)";
-            readonly opacity: 0;
+            readonly opacity: "0";
         };
     };
 };
 /**
- * Motion V2 Slide Animations
+ * Motion Slide Animations
  * Directional slide transitions
  */
-declare const motionV2Slide: {
+declare const motionSlide: {
     readonly up: {
         readonly in: {
             readonly from: {
                 readonly transform: "translateY(100%)";
-                readonly opacity: 0;
+                readonly opacity: "0";
             };
             readonly to: {
                 readonly transform: "translateY(0)";
-                readonly opacity: 1;
+                readonly opacity: "1";
             };
         };
         readonly out: {
             readonly from: {
                 readonly transform: "translateY(0)";
-                readonly opacity: 1;
+                readonly opacity: "1";
             };
             readonly to: {
                 readonly transform: "translateY(100%)";
-                readonly opacity: 0;
+                readonly opacity: "0";
             };
         };
     };
@@ -4281,21 +4210,21 @@ declare const motionV2Slide: {
         readonly in: {
             readonly from: {
                 readonly transform: "translateY(-100%)";
-                readonly opacity: 0;
+                readonly opacity: "0";
             };
             readonly to: {
                 readonly transform: "translateY(0)";
-                readonly opacity: 1;
+                readonly opacity: "1";
             };
         };
         readonly out: {
             readonly from: {
                 readonly transform: "translateY(0)";
-                readonly opacity: 1;
+                readonly opacity: "1";
             };
             readonly to: {
                 readonly transform: "translateY(-100%)";
-                readonly opacity: 0;
+                readonly opacity: "0";
             };
         };
     };
@@ -4303,21 +4232,21 @@ declare const motionV2Slide: {
         readonly in: {
             readonly from: {
                 readonly transform: "translateX(100%)";
-                readonly opacity: 0;
+                readonly opacity: "0";
             };
             readonly to: {
                 readonly transform: "translateX(0)";
-                readonly opacity: 1;
+                readonly opacity: "1";
             };
         };
         readonly out: {
             readonly from: {
                 readonly transform: "translateX(0)";
-                readonly opacity: 1;
+                readonly opacity: "1";
             };
             readonly to: {
                 readonly transform: "translateX(100%)";
-                readonly opacity: 0;
+                readonly opacity: "0";
             };
         };
     };
@@ -4325,49 +4254,49 @@ declare const motionV2Slide: {
         readonly in: {
             readonly from: {
                 readonly transform: "translateX(-100%)";
-                readonly opacity: 0;
+                readonly opacity: "0";
             };
             readonly to: {
                 readonly transform: "translateX(0)";
-                readonly opacity: 1;
+                readonly opacity: "1";
             };
         };
         readonly out: {
             readonly from: {
                 readonly transform: "translateX(0)";
-                readonly opacity: 1;
+                readonly opacity: "1";
             };
             readonly to: {
                 readonly transform: "translateX(-100%)";
-                readonly opacity: 0;
+                readonly opacity: "0";
             };
         };
     };
 };
 /**
- * Motion V2 Compound Animations
+ * Motion Compound Animations
  * Combined fade + scale, fade + slide transitions
  */
-declare const motionV2Combined: {
+declare const motionCombined: {
     readonly fadeScale: {
         readonly in: {
             readonly from: {
                 readonly transform: "scale(0.95)";
-                readonly opacity: 0;
+                readonly opacity: "0";
             };
             readonly to: {
                 readonly transform: "scale(1)";
-                readonly opacity: 1;
+                readonly opacity: "1";
             };
         };
         readonly out: {
             readonly from: {
                 readonly transform: "scale(1)";
-                readonly opacity: 1;
+                readonly opacity: "1";
             };
             readonly to: {
                 readonly transform: "scale(0.95)";
-                readonly opacity: 0;
+                readonly opacity: "0";
             };
         };
     };
@@ -4375,21 +4304,21 @@ declare const motionV2Combined: {
         readonly in: {
             readonly from: {
                 readonly transform: "translateY(100%)";
-                readonly opacity: 0;
+                readonly opacity: "0";
             };
             readonly to: {
                 readonly transform: "translateY(0)";
-                readonly opacity: 1;
+                readonly opacity: "1";
             };
         };
         readonly out: {
             readonly from: {
                 readonly transform: "translateY(0)";
-                readonly opacity: 1;
+                readonly opacity: "1";
             };
             readonly to: {
                 readonly transform: "translateY(100%)";
-                readonly opacity: 0;
+                readonly opacity: "0";
             };
         };
     };
@@ -4397,21 +4326,21 @@ declare const motionV2Combined: {
         readonly in: {
             readonly from: {
                 readonly transform: "translateY(-100%)";
-                readonly opacity: 0;
+                readonly opacity: "0";
             };
             readonly to: {
                 readonly transform: "translateY(0)";
-                readonly opacity: 1;
+                readonly opacity: "1";
             };
         };
         readonly out: {
             readonly from: {
                 readonly transform: "translateY(0)";
-                readonly opacity: 1;
+                readonly opacity: "1";
             };
             readonly to: {
                 readonly transform: "translateY(-100%)";
-                readonly opacity: 0;
+                readonly opacity: "0";
             };
         };
     };
@@ -4419,21 +4348,21 @@ declare const motionV2Combined: {
         readonly in: {
             readonly from: {
                 readonly transform: "translateX(100%)";
-                readonly opacity: 0;
+                readonly opacity: "0";
             };
             readonly to: {
                 readonly transform: "translateX(0)";
-                readonly opacity: 1;
+                readonly opacity: "1";
             };
         };
         readonly out: {
             readonly from: {
                 readonly transform: "translateX(0)";
-                readonly opacity: 1;
+                readonly opacity: "1";
             };
             readonly to: {
                 readonly transform: "translateX(100%)";
-                readonly opacity: 0;
+                readonly opacity: "0";
             };
         };
     };
@@ -4441,30 +4370,30 @@ declare const motionV2Combined: {
         readonly in: {
             readonly from: {
                 readonly transform: "translateX(-100%)";
-                readonly opacity: 0;
+                readonly opacity: "0";
             };
             readonly to: {
                 readonly transform: "translateX(0)";
-                readonly opacity: 1;
+                readonly opacity: "1";
             };
         };
         readonly out: {
             readonly from: {
                 readonly transform: "translateX(0)";
-                readonly opacity: 1;
+                readonly opacity: "1";
             };
             readonly to: {
                 readonly transform: "translateX(-100%)";
-                readonly opacity: 0;
+                readonly opacity: "0";
             };
         };
     };
 };
 /**
- * Motion V2 CSS Variables
+ * Motion CSS Variables
  * CSS custom properties for runtime theming
  */
-declare const motionV2CSSVariables: {
+declare const motionCSSVariables: {
     readonly "--motion-duration-fast": "150ms";
     readonly "--motion-duration-normal": "250ms";
     readonly "--motion-duration-slow": "350ms";
@@ -4479,10 +4408,23 @@ declare const motionV2CSSVariables: {
     readonly "--motion-transition-reduced": "0ms linear";
 };
 /**
- * Motion V2 Tailwind Config
+ * Motion Transition Properties
+ * Defines which CSS properties to transition
+ */
+declare const motionTransitionProperty: {
+    readonly DEFAULT: "color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter";
+    readonly colors: "color, background-color, border-color, text-decoration-color, fill, stroke";
+    readonly opacity: "opacity";
+    readonly shadow: "box-shadow";
+    readonly transform: "transform";
+    readonly all: "all";
+    readonly none: "none";
+};
+/**
+ * Motion Tailwind Config
  * Maps to Tailwind theme for utility classes
  */
-declare const motionV2TailwindConfig: {
+declare const motionTailwindConfig: {
     readonly transitionDuration: {
         readonly fast: "150ms";
         readonly normal: "250ms";
@@ -4494,697 +4436,39 @@ declare const motionV2TailwindConfig: {
         readonly standard: "cubic-bezier(0.4, 0, 0.2, 1)";
         readonly emphasized: "cubic-bezier(0.2, 0, 0, 1)";
     };
-    readonly keyframes: Record<string, Record<string, Record<string, string | number>>>;
-};
-/**
- * Type Exports
- */
-type MotionV2Duration = keyof typeof motionV2Durations;
-type MotionV2Easing = keyof typeof motionV2Easings;
-type MotionV2Transition = keyof typeof motionV2Transitions;
-type MotionV2SlideDirection = keyof typeof motionV2Slide;
-type MotionV2CombinedType = keyof typeof motionV2Combined;
-
-/**
- * Motion System Tokens
- *
- * Complete motion system for Tenerife UI based on design system specifications.
- * Includes: durations, easing functions, transitions, keyframe animations,
- * and reduced motion support for accessibility.
- *
- * All motion respects user preferences for reduced motion (prefers-reduced-motion).
- * Base duration unit: 100ms
- */
-/**
- * Animation Duration Tokens
- * Values: instant, fast, normal, slow, slower, slowest
- * Base unit: 100ms
- */
-declare const durations: {
-    readonly instant: "0ms";
-    readonly fast: "150ms";
-    readonly normal: "300ms";
-    readonly slow: "500ms";
-    readonly slower: "700ms";
-    readonly slowest: "1000ms";
-    readonly "75": "75ms";
-    readonly "100": "100ms";
-    readonly "200": "200ms";
-    readonly "250": "250ms";
-    readonly "400": "400ms";
-    readonly "600": "600ms";
-    readonly "800": "800ms";
-};
-/**
- * Easing Function Tokens
- * Cubic-bezier functions for natural motion
- */
-declare const easings: {
-    readonly linear: "linear";
-    readonly "ease-in": "cubic-bezier(0.4, 0, 1, 1)";
-    readonly "ease-out": "cubic-bezier(0, 0, 0.2, 1)";
-    readonly "ease-in-out": "cubic-bezier(0.4, 0, 0.2, 1)";
-    readonly ease: "ease";
-    readonly bounce: "cubic-bezier(0.68, -0.55, 0.265, 1.55)";
-    readonly elastic: "cubic-bezier(0.175, 0.885, 0.32, 1.275)";
-    readonly "ease-out-cubic": "cubic-bezier(0.215, 0.61, 0.355, 1)";
-    readonly "ease-in-cubic": "cubic-bezier(0.55, 0.055, 0.675, 0.19)";
-    readonly "ease-in-out-cubic": "cubic-bezier(0.645, 0.045, 0.355, 1)";
-};
-/**
- * Transition Tokens
- * Pre-configured transitions combining duration and easing
- */
-declare const transitions: {
-    readonly fast: "150ms cubic-bezier(0, 0, 0.2, 1)";
-    readonly "fast-in": "150ms cubic-bezier(0.4, 0, 1, 1)";
-    readonly "fast-out": "150ms cubic-bezier(0, 0, 0.2, 1)";
-    readonly "fast-in-out": "150ms cubic-bezier(0.4, 0, 0.2, 1)";
-    readonly normal: "300ms cubic-bezier(0.4, 0, 0.2, 1)";
-    readonly "normal-in": "300ms cubic-bezier(0.4, 0, 1, 1)";
-    readonly "normal-out": "300ms cubic-bezier(0, 0, 0.2, 1)";
-    readonly "normal-in-out": "300ms cubic-bezier(0.4, 0, 0.2, 1)";
-    readonly slow: "500ms cubic-bezier(0.4, 0, 0.2, 1)";
-    readonly "slow-in": "500ms cubic-bezier(0.4, 0, 1, 1)";
-    readonly "slow-out": "500ms cubic-bezier(0, 0, 0.2, 1)";
-    readonly "slow-in-out": "500ms cubic-bezier(0.4, 0, 0.2, 1)";
-    readonly bounce: "300ms cubic-bezier(0.68, -0.55, 0.265, 1.55)";
-    readonly elastic: "500ms cubic-bezier(0.175, 0.885, 0.32, 1.275)";
-    readonly DEFAULT: "300ms cubic-bezier(0.4, 0, 0.2, 1)";
-};
-/**
- * Keyframe Animation Tokens
- * Pre-defined animations for common UI patterns
- */
-declare const keyframes: {
-    readonly fadeIn: {
-        readonly from: {
-            readonly opacity: "0";
-        };
-        readonly to: {
-            readonly opacity: "1";
-        };
-    };
-    readonly fadeOut: {
-        readonly from: {
-            readonly opacity: "1";
-        };
-        readonly to: {
-            readonly opacity: "0";
-        };
-    };
-    readonly slideInUp: {
-        readonly from: {
-            readonly transform: "translateY(100%)";
-            readonly opacity: "0";
-        };
-        readonly to: {
-            readonly transform: "translateY(0)";
-            readonly opacity: "1";
-        };
-    };
-    readonly slideInDown: {
-        readonly from: {
-            readonly transform: "translateY(-100%)";
-            readonly opacity: "0";
-        };
-        readonly to: {
-            readonly transform: "translateY(0)";
-            readonly opacity: "1";
-        };
-    };
-    readonly slideInLeft: {
-        readonly from: {
-            readonly transform: "translateX(-100%)";
-            readonly opacity: "0";
-        };
-        readonly to: {
-            readonly transform: "translateX(0)";
-            readonly opacity: "1";
-        };
-    };
-    readonly slideInRight: {
-        readonly from: {
-            readonly transform: "translateX(100%)";
-            readonly opacity: "0";
-        };
-        readonly to: {
-            readonly transform: "translateX(0)";
-            readonly opacity: "1";
-        };
-    };
-    readonly slideOutUp: {
-        readonly from: {
-            readonly transform: "translateY(0)";
-            readonly opacity: "1";
-        };
-        readonly to: {
-            readonly transform: "translateY(-100%)";
-            readonly opacity: "0";
-        };
-    };
-    readonly slideOutDown: {
-        readonly from: {
-            readonly transform: "translateY(0)";
-            readonly opacity: "1";
-        };
-        readonly to: {
-            readonly transform: "translateY(100%)";
-            readonly opacity: "0";
-        };
-    };
-    readonly slideOutLeft: {
-        readonly from: {
-            readonly transform: "translateX(0)";
-            readonly opacity: "1";
-        };
-        readonly to: {
-            readonly transform: "translateX(-100%)";
-            readonly opacity: "0";
-        };
-    };
-    readonly slideOutRight: {
-        readonly from: {
-            readonly transform: "translateX(0)";
-            readonly opacity: "1";
-        };
-        readonly to: {
-            readonly transform: "translateX(100%)";
-            readonly opacity: "0";
-        };
-    };
-    readonly scaleIn: {
-        readonly from: {
-            readonly transform: "scale(0.95)";
-            readonly opacity: "0";
-        };
-        readonly to: {
-            readonly transform: "scale(1)";
-            readonly opacity: "1";
-        };
-    };
-    readonly scaleOut: {
-        readonly from: {
-            readonly transform: "scale(1)";
-            readonly opacity: "1";
-        };
-        readonly to: {
-            readonly transform: "scale(0.95)";
-            readonly opacity: "0";
-        };
-    };
-    readonly scaleUp: {
-        readonly from: {
-            readonly transform: "scale(1)";
-        };
-        readonly to: {
-            readonly transform: "scale(1.05)";
-        };
-    };
-    readonly scaleDown: {
-        readonly from: {
-            readonly transform: "scale(1.05)";
-        };
-        readonly to: {
-            readonly transform: "scale(1)";
-        };
-    };
-    readonly spin: {
-        readonly from: {
-            readonly transform: "rotate(0deg)";
-        };
-        readonly to: {
-            readonly transform: "rotate(360deg)";
-        };
-    };
-    readonly spinReverse: {
-        readonly from: {
-            readonly transform: "rotate(360deg)";
-        };
-        readonly to: {
-            readonly transform: "rotate(0deg)";
-        };
-    };
-    readonly pulse: {
-        readonly "0%, 100%": {
-            readonly opacity: "1";
-        };
-        readonly "50%": {
-            readonly opacity: "0.5";
-        };
-    };
-    readonly bounce: {
-        readonly "0%, 100%": {
-            readonly transform: "translateY(-25%)";
-            readonly animationTimingFunction: "cubic-bezier(0.8, 0, 1, 1)";
-        };
-        readonly "50%": {
-            readonly transform: "translateY(0)";
-            readonly animationTimingFunction: "cubic-bezier(0, 0, 0.2, 1)";
-        };
-    };
-    readonly shake: {
-        readonly "0%, 100%": {
-            readonly transform: "translateX(0)";
-        };
-        readonly "10%, 30%, 50%, 70%, 90%": {
-            readonly transform: "translateX(-4px)";
-        };
-        readonly "20%, 40%, 60%, 80%": {
-            readonly transform: "translateX(4px)";
-        };
-    };
-    readonly ping: {
-        readonly "75%, 100%": {
-            readonly transform: "scale(2)";
-            readonly opacity: "0";
-        };
-    };
-    readonly "accordion-down": {
-        readonly from: {
-            readonly height: "0";
-        };
-        readonly to: {
-            readonly height: "var(--radix-accordion-content-height)";
-        };
-    };
-    readonly "accordion-up": {
-        readonly from: {
-            readonly height: "var(--radix-accordion-content-height)";
-        };
-        readonly to: {
-            readonly height: "0";
-        };
-    };
-};
-/**
- * Animation Tokens
- * Pre-configured animations combining keyframes, duration, and easing
- */
-declare const animations: {
-    readonly fadeIn: "fadeIn 300ms cubic-bezier(0, 0, 0.2, 1)";
-    readonly fadeOut: "fadeOut 150ms cubic-bezier(0.4, 0, 1, 1)";
-    readonly slideInUp: "slideInUp 300ms cubic-bezier(0, 0, 0.2, 1)";
-    readonly slideInDown: "slideInDown 300ms cubic-bezier(0, 0, 0.2, 1)";
-    readonly slideInLeft: "slideInLeft 300ms cubic-bezier(0, 0, 0.2, 1)";
-    readonly slideInRight: "slideInRight 300ms cubic-bezier(0, 0, 0.2, 1)";
-    readonly slideOutUp: "slideOutUp 150ms cubic-bezier(0.4, 0, 1, 1)";
-    readonly slideOutDown: "slideOutDown 150ms cubic-bezier(0.4, 0, 1, 1)";
-    readonly slideOutLeft: "slideOutLeft 150ms cubic-bezier(0.4, 0, 1, 1)";
-    readonly slideOutRight: "slideOutRight 150ms cubic-bezier(0.4, 0, 1, 1)";
-    readonly scaleIn: "scaleIn 300ms cubic-bezier(0, 0, 0.2, 1)";
-    readonly scaleOut: "scaleOut 150ms cubic-bezier(0.4, 0, 1, 1)";
-    readonly spin: "spin 1s linear infinite";
-    readonly pulse: "pulse 2s cubic-bezier(0.4, 0, 0.2, 1) infinite";
-    readonly bounce: "bounce 1s linear infinite";
-    readonly ping: "ping 1s cubic-bezier(0, 0, 0.2, 1) cubic-bezier(0, 0, 0.2, 1) infinite";
-    readonly shake: "shake 0.5s cubic-bezier(0.4, 0, 0.2, 1)";
-    readonly "accordion-down": "accordion-down 300ms cubic-bezier(0, 0, 0.2, 1)";
-    readonly "accordion-up": "accordion-up 300ms cubic-bezier(0, 0, 0.2, 1)";
-};
-/**
- * Spring Configuration Tokens
- * For Framer Motion spring animations
- * Based on Material Design motion principles
- */
-declare const springs: {
-    readonly gentle: {
-        readonly type: "spring";
-        readonly stiffness: 120;
-        readonly damping: 14;
-        readonly mass: 1;
-    };
-    readonly default: {
-        readonly type: "spring";
-        readonly stiffness: 300;
-        readonly damping: 30;
-        readonly mass: 1;
-    };
-    readonly wobbly: {
-        readonly type: "spring";
-        readonly stiffness: 180;
-        readonly damping: 12;
-        readonly mass: 1;
-    };
-    readonly stiff: {
-        readonly type: "spring";
-        readonly stiffness: 400;
-        readonly damping: 30;
-        readonly mass: 1;
-    };
-    readonly slow: {
-        readonly type: "spring";
-        readonly stiffness: 200;
-        readonly damping: 25;
-        readonly mass: 1;
-    };
-    readonly bouncy: {
-        readonly type: "spring";
-        readonly stiffness: 400;
-        readonly damping: 10;
-        readonly mass: 1;
-    };
-    readonly noBounce: {
-        readonly type: "spring";
-        readonly stiffness: 300;
-        readonly damping: 35;
-        readonly mass: 1;
+    readonly transitionProperty: {
+        readonly DEFAULT: "color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter";
+        readonly colors: "color, background-color, border-color, text-decoration-color, fill, stroke";
+        readonly opacity: "opacity";
+        readonly shadow: "box-shadow";
+        readonly transform: "transform";
+        readonly all: "all";
+        readonly none: "none";
     };
+    readonly keyframes: Record<string, Record<string, Record<string, string | number>>>;
 };
 /**
  * Reduced Motion Support
  * Respects prefers-reduced-motion media query
  */
-declare const reducedMotion: {
+declare const motionReducedMotion: {
+    /** Reduced motion duration (instant, no animation) */
     readonly duration: "0ms";
+    /** Reduced motion easing (linear for instant) */
     readonly easing: "linear";
+    /** Reduced motion transition (instant) */
     readonly transition: "0ms linear";
+    /** CSS media query for reduced motion */
     readonly mediaQuery: "@media (prefers-reduced-motion: reduce)";
-    readonly disableAnimations: "animation: none !important; transition: none !important;";
-    readonly spring: {
-        readonly type: "spring";
-        readonly stiffness: 1000;
-        readonly damping: 100;
-        readonly mass: 1;
-    };
-};
-/**
- * CSS Custom Properties for Motion
- * These will be injected into the theme system
- */
-declare const motionCSSVariables: {
-    readonly "--duration-instant": "0ms";
-    readonly "--duration-fast": "150ms";
-    readonly "--duration-normal": "300ms";
-    readonly "--duration-slow": "500ms";
-    readonly "--duration-slower": "700ms";
-    readonly "--duration-slowest": "1000ms";
-    readonly "--duration-75": "75ms";
-    readonly "--duration-100": "100ms";
-    readonly "--duration-200": "200ms";
-    readonly "--duration-250": "250ms";
-    readonly "--duration-400": "400ms";
-    readonly "--duration-600": "600ms";
-    readonly "--duration-800": "800ms";
-    readonly "--ease-linear": "linear";
-    readonly "--ease-in": "cubic-bezier(0.4, 0, 1, 1)";
-    readonly "--ease-out": "cubic-bezier(0, 0, 0.2, 1)";
-    readonly "--ease-in-out": "cubic-bezier(0.4, 0, 0.2, 1)";
-    readonly "--ease-bounce": "cubic-bezier(0.68, -0.55, 0.265, 1.55)";
-    readonly "--ease-elastic": "cubic-bezier(0.175, 0.885, 0.32, 1.275)";
-    readonly "--ease-out-cubic": "cubic-bezier(0.215, 0.61, 0.355, 1)";
-    readonly "--ease-in-cubic": "cubic-bezier(0.55, 0.055, 0.675, 0.19)";
-    readonly "--ease-in-out-cubic": "cubic-bezier(0.645, 0.045, 0.355, 1)";
-    readonly "--transition-fast": "150ms cubic-bezier(0, 0, 0.2, 1)";
-    readonly "--transition-normal": "300ms cubic-bezier(0.4, 0, 0.2, 1)";
-    readonly "--transition-slow": "500ms cubic-bezier(0.4, 0, 0.2, 1)";
-    readonly "--transition-default": "300ms cubic-bezier(0.4, 0, 0.2, 1)";
-    readonly "--transition-fast-in": "150ms cubic-bezier(0.4, 0, 1, 1)";
-    readonly "--transition-fast-out": "150ms cubic-bezier(0, 0, 0.2, 1)";
-    readonly "--transition-fast-in-out": "150ms cubic-bezier(0.4, 0, 0.2, 1)";
-    readonly "--transition-normal-in": "300ms cubic-bezier(0.4, 0, 1, 1)";
-    readonly "--transition-normal-out": "300ms cubic-bezier(0, 0, 0.2, 1)";
-    readonly "--transition-normal-in-out": "300ms cubic-bezier(0.4, 0, 0.2, 1)";
-    readonly "--transition-slow-in": "500ms cubic-bezier(0.4, 0, 1, 1)";
-    readonly "--transition-slow-out": "500ms cubic-bezier(0, 0, 0.2, 1)";
-    readonly "--transition-slow-in-out": "500ms cubic-bezier(0.4, 0, 0.2, 1)";
-    readonly "--transition-bounce": "300ms cubic-bezier(0.68, -0.55, 0.265, 1.55)";
-    readonly "--transition-elastic": "500ms cubic-bezier(0.175, 0.885, 0.32, 1.275)";
-};
-/**
- * Tailwind Motion Config
- * Maps to Tailwind theme.extend for durations, transitions, keyframes, animations
- */
-declare const tailwindMotionConfig: {
-    readonly transitionDuration: {
-        readonly instant: "0ms";
-        readonly fast: "150ms";
-        readonly normal: "300ms";
-        readonly slow: "500ms";
-        readonly slower: "700ms";
-        readonly slowest: "1000ms";
-        readonly "75": "75ms";
-        readonly "100": "100ms";
-        readonly "200": "200ms";
-        readonly "250": "250ms";
-        readonly "400": "400ms";
-        readonly "600": "600ms";
-        readonly "800": "800ms";
-    };
-    readonly transitionTimingFunction: {
-        readonly linear: "linear";
-        readonly "ease-in": "cubic-bezier(0.4, 0, 1, 1)";
-        readonly "ease-out": "cubic-bezier(0, 0, 0.2, 1)";
-        readonly "ease-in-out": "cubic-bezier(0.4, 0, 0.2, 1)";
-        readonly ease: "ease";
-        readonly bounce: "cubic-bezier(0.68, -0.55, 0.265, 1.55)";
-        readonly elastic: "cubic-bezier(0.175, 0.885, 0.32, 1.275)";
-        readonly "ease-out-cubic": "cubic-bezier(0.215, 0.61, 0.355, 1)";
-        readonly "ease-in-cubic": "cubic-bezier(0.55, 0.055, 0.675, 0.19)";
-        readonly "ease-in-out-cubic": "cubic-bezier(0.645, 0.045, 0.355, 1)";
-    };
-    readonly transitionProperty: {
-        readonly DEFAULT: "color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter";
-        readonly colors: "color, background-color, border-color, text-decoration-color, fill, stroke";
-        readonly opacity: "opacity";
-        readonly shadow: "box-shadow";
-        readonly transform: "transform";
-        readonly all: "all";
-        readonly none: "none";
-    };
-    readonly keyframes: {
-        readonly fadeIn: {
-            readonly from: {
-                readonly opacity: "0";
-            };
-            readonly to: {
-                readonly opacity: "1";
-            };
-        };
-        readonly fadeOut: {
-            readonly from: {
-                readonly opacity: "1";
-            };
-            readonly to: {
-                readonly opacity: "0";
-            };
-        };
-        readonly slideInUp: {
-            readonly from: {
-                readonly transform: "translateY(100%)";
-                readonly opacity: "0";
-            };
-            readonly to: {
-                readonly transform: "translateY(0)";
-                readonly opacity: "1";
-            };
-        };
-        readonly slideInDown: {
-            readonly from: {
-                readonly transform: "translateY(-100%)";
-                readonly opacity: "0";
-            };
-            readonly to: {
-                readonly transform: "translateY(0)";
-                readonly opacity: "1";
-            };
-        };
-        readonly slideInLeft: {
-            readonly from: {
-                readonly transform: "translateX(-100%)";
-                readonly opacity: "0";
-            };
-            readonly to: {
-                readonly transform: "translateX(0)";
-                readonly opacity: "1";
-            };
-        };
-        readonly slideInRight: {
-            readonly from: {
-                readonly transform: "translateX(100%)";
-                readonly opacity: "0";
-            };
-            readonly to: {
-                readonly transform: "translateX(0)";
-                readonly opacity: "1";
-            };
-        };
-        readonly slideOutUp: {
-            readonly from: {
-                readonly transform: "translateY(0)";
-                readonly opacity: "1";
-            };
-            readonly to: {
-                readonly transform: "translateY(-100%)";
-                readonly opacity: "0";
-            };
-        };
-        readonly slideOutDown: {
-            readonly from: {
-                readonly transform: "translateY(0)";
-                readonly opacity: "1";
-            };
-            readonly to: {
-                readonly transform: "translateY(100%)";
-                readonly opacity: "0";
-            };
-        };
-        readonly slideOutLeft: {
-            readonly from: {
-                readonly transform: "translateX(0)";
-                readonly opacity: "1";
-            };
-            readonly to: {
-                readonly transform: "translateX(-100%)";
-                readonly opacity: "0";
-            };
-        };
-        readonly slideOutRight: {
-            readonly from: {
-                readonly transform: "translateX(0)";
-                readonly opacity: "1";
-            };
-            readonly to: {
-                readonly transform: "translateX(100%)";
-                readonly opacity: "0";
-            };
-        };
-        readonly scaleIn: {
-            readonly from: {
-                readonly transform: "scale(0.95)";
-                readonly opacity: "0";
-            };
-            readonly to: {
-                readonly transform: "scale(1)";
-                readonly opacity: "1";
-            };
-        };
-        readonly scaleOut: {
-            readonly from: {
-                readonly transform: "scale(1)";
-                readonly opacity: "1";
-            };
-            readonly to: {
-                readonly transform: "scale(0.95)";
-                readonly opacity: "0";
-            };
-        };
-        readonly scaleUp: {
-            readonly from: {
-                readonly transform: "scale(1)";
-            };
-            readonly to: {
-                readonly transform: "scale(1.05)";
-            };
-        };
-        readonly scaleDown: {
-            readonly from: {
-                readonly transform: "scale(1.05)";
-            };
-            readonly to: {
-                readonly transform: "scale(1)";
-            };
-        };
-        readonly spin: {
-            readonly from: {
-                readonly transform: "rotate(0deg)";
-            };
-            readonly to: {
-                readonly transform: "rotate(360deg)";
-            };
-        };
-        readonly spinReverse: {
-            readonly from: {
-                readonly transform: "rotate(360deg)";
-            };
-            readonly to: {
-                readonly transform: "rotate(0deg)";
-            };
-        };
-        readonly pulse: {
-            readonly "0%, 100%": {
-                readonly opacity: "1";
-            };
-            readonly "50%": {
-                readonly opacity: "0.5";
-            };
-        };
-        readonly bounce: {
-            readonly "0%, 100%": {
-                readonly transform: "translateY(-25%)";
-                readonly animationTimingFunction: "cubic-bezier(0.8, 0, 1, 1)";
-            };
-            readonly "50%": {
-                readonly transform: "translateY(0)";
-                readonly animationTimingFunction: "cubic-bezier(0, 0, 0.2, 1)";
-            };
-        };
-        readonly shake: {
-            readonly "0%, 100%": {
-                readonly transform: "translateX(0)";
-            };
-            readonly "10%, 30%, 50%, 70%, 90%": {
-                readonly transform: "translateX(-4px)";
-            };
-            readonly "20%, 40%, 60%, 80%": {
-                readonly transform: "translateX(4px)";
-            };
-        };
-        readonly ping: {
-            readonly "75%, 100%": {
-                readonly transform: "scale(2)";
-                readonly opacity: "0";
-            };
-        };
-        readonly "accordion-down": {
-            readonly from: {
-                readonly height: "0";
-            };
-            readonly to: {
-                readonly height: "var(--radix-accordion-content-height)";
-            };
-        };
-        readonly "accordion-up": {
-            readonly from: {
-                readonly height: "var(--radix-accordion-content-height)";
-            };
-            readonly to: {
-                readonly height: "0";
-            };
-        };
-    };
-    readonly animation: {
-        readonly none: "none";
-        readonly spin: "spin 1s linear infinite";
-        readonly pulse: "pulse 2s cubic-bezier(0.4, 0, 0.2, 1) infinite";
-        readonly bounce: "bounce 1s linear infinite";
-        readonly ping: "ping 1s cubic-bezier(0, 0, 0.2, 1) cubic-bezier(0, 0, 0.2, 1) infinite";
-        readonly shake: "shake 0.5s cubic-bezier(0.4, 0, 0.2, 1)";
-        readonly fadeIn: "fadeIn 300ms cubic-bezier(0, 0, 0.2, 1)";
-        readonly fadeOut: "fadeOut 150ms cubic-bezier(0.4, 0, 1, 1)";
-        readonly slideInUp: "slideInUp 300ms cubic-bezier(0, 0, 0.2, 1)";
-        readonly slideInDown: "slideInDown 300ms cubic-bezier(0, 0, 0.2, 1)";
-        readonly slideInLeft: "slideInLeft 300ms cubic-bezier(0, 0, 0.2, 1)";
-        readonly slideInRight: "slideInRight 300ms cubic-bezier(0, 0, 0.2, 1)";
-        readonly slideOutUp: "slideOutUp 150ms cubic-bezier(0.4, 0, 1, 1)";
-        readonly slideOutDown: "slideOutDown 150ms cubic-bezier(0.4, 0, 1, 1)";
-        readonly slideOutLeft: "slideOutLeft 150ms cubic-bezier(0.4, 0, 1, 1)";
-        readonly slideOutRight: "slideOutRight 150ms cubic-bezier(0.4, 0, 1, 1)";
-        readonly scaleIn: "scaleIn 300ms cubic-bezier(0, 0, 0.2, 1)";
-        readonly scaleOut: "scaleOut 150ms cubic-bezier(0.4, 0, 1, 1)";
-        readonly "accordion-down": "accordion-down 300ms cubic-bezier(0, 0, 0.2, 1)";
-        readonly "accordion-up": "accordion-up 300ms cubic-bezier(0, 0, 0.2, 1)";
-    };
 };
 /**
  * Type Exports
  */
-type Duration = keyof typeof durations;
-type Easing = keyof typeof easings;
-type Transition = keyof typeof transitions;
-type Keyframe = keyof typeof keyframes;
-type Animation = keyof typeof animations;
-type Spring = keyof typeof springs;
+type MotionDuration = keyof typeof motionDurations;
+type MotionEasing = keyof typeof motionEasings;
+type MotionTransition = keyof typeof motionTransitions;
+type MotionSlideDirection = keyof typeof motionSlide;
+type MotionCombinedType = keyof typeof motionCombined;
 
 /**
  * Border Radius System Tokens
@@ -6493,6 +5777,11 @@ declare const CONTEXT_MENU_TOKENS: {
             readonly outline: "bg-[hsl(var(--popover))] border-2 border-[hsl(var(--border))]";
             readonly subtle: "bg-[hsl(var(--muted))]";
         };
+        /**
+         * Animation offset for slide-in animations
+         * Small 2px offset provides subtle visual feedback when menus slide in
+         */
+        readonly animationOffset: "[2px]";
     };
     /**
      * ContextMenu item tokens
@@ -6628,16 +5917,19 @@ type TextLineHeightToken = keyof typeof lineHeight;
 type TextLetterSpacingToken = "tighter" | "tight" | "normal" | "wide" | "wider" | "widest";
 /**
  * Motion duration token keys
+ * Available: fast, normal, slow, reduced
  */
-type MotionDurationToken = keyof typeof durations;
+type MotionDurationToken = keyof typeof motionDurations;
 /**
  * Motion easing token keys
+ * Available: soft, standard, emphasized
  */
-type MotionEasingToken = keyof typeof easings;
+type MotionEasingToken = keyof typeof motionEasings;
 /**
  * Motion transition token keys
+ * Available: fast, normal, slow, soft, reduced
  */
-type MotionTransitionToken = keyof typeof transitions;
+type MotionTransitionToken = keyof typeof motionTransitions;
 /**
  * Combined motion token (duration, easing, or transition)
  */
@@ -6838,4 +6130,4 @@ type ResponsiveContextMenuSize = Responsive<ContextMenuSizeToken>;
  */
 type ResponsiveContextMenuWidth = Responsive<ContextMenuWidthToken>;
 
-export { type MenuItemGap as $, ALERT_TOKENS as A, BUTTON_TOKENS as B, CARD_TOKENS as C, DATA_TOKENS as D, type EmptyStateIconSize as E, type IconSize as F, type IconStroke as G, type InputFontSize as H, ICON_TOKENS as I, type InputHeight as J, type InputPaddingHorizontal as K, type InputPaddingVertical as L, MENU_TOKENS as M, NAVIGATION_TOKENS as N, OVERLAY_TOKENS as O, POPOVER_TOKENS as P, type InputRadius as Q, RADIO_TOKENS as R, SECTION_TOKENS as S, TEXT_TOKENS as T, type InputSize as U, type MenuContentMinWidth as V, type MenuContentPadding as W, type MenuContentRadius as X, type MenuContentShadow as Y, type MenuIndicatorOffset as Z, type MenuIndicatorSize as _, CHECKBOX_TOKENS as a, type TextFontWeight as a$, type MenuItemHeight as a0, type MenuItemPadding as a1, type MenuItemRadius as a2, type MenuLabelPadding as a3, type MenuSeparatorMargin as a4, type MotionAnimation as a5, type MotionDuration as a6, type MotionEasing as a7, type MotionTransition as a8, type MotionTransitionPreset as a9, type SelectItemRadius as aA, type SelectLabelFontSize as aB, type SelectLabelPaddingHorizontal as aC, type SelectLabelPaddingVertical as aD, type SelectSeparatorMarginHorizontal as aE, type SelectSeparatorMarginVertical as aF, type SelectTriggerFontSize as aG, type SelectTriggerHeight as aH, type SelectTriggerPaddingHorizontal as aI, type SelectTriggerPaddingVertical as aJ, type SelectTriggerRadius as aK, type SkeletonAnimation as aL, type SkeletonBackground as aM, type SkeletonVariant as aN, type SurfacePadding as aO, type SurfaceRadius as aP, type SurfaceShadow as aQ, type SurfaceVariant as aR, type SwitchSize as aS, type SwitchState as aT, type SwitchVariant as aU, type TableCellPadding as aV, type TableGap as aW, type TableHeaderPadding as aX, type TableRowHeight as aY, type TableShadow as aZ, type TextFontSize as a_, type NavigationItemPadding as aa, type NavigationListGap as ab, type NavigationRadius as ac, type NavigationShadow as ad, type NavigationSize as ae, type NavigationState as af, type NotificationPanelWidth as ag, type NotificationVariant as ah, type OverlayBackdropVariant as ai, type OverlayModalSize as aj, type PopoverArrowOffset as ak, type PopoverArrowSize as al, type PopoverContentPadding as am, type PopoverContentRadius as an, type PopoverContentShadow as ao, type PopoverContentWidth as ap, type RadioSize as aq, type RadioState as ar, type RadioVariant as as, type SectionGap as at, type SectionPadding as au, type SelectContentPadding as av, type SelectContentRadius as aw, type SelectItemFontSize as ax, type SelectItemPaddingHorizontal as ay, type SelectItemPaddingVertical as az, INPUT_TOKENS as b, type Spacing as b$, type TextLetterSpacing as b0, type TextLineHeight as b1, type ToastVariant as b2, type TooltipContentRadius as b3, type TooltipContentShadow as b4, allCSSVariables as b5, allCSSVariablesCSS as b6, generateCSSVariablesCSS as b7, tokenSystemSummary as b8, type Animation as b9, motionV2TailwindConfig as bA, motionV2Transitions as bB, type BorderRadius as bC, type ComponentRadius as bD, borderRadius as bE, componentRadius as bF, radiusCSSVariables as bG, tailwindRadiusConfig as bH, type ColoredShadow as bI, type ElevationShadow as bJ, type FocusRing as bK, type GlowEffect as bL, accentColoredShadows as bM, componentShadowMapping as bN, elevationShadows as bO, focusRings as bP, glowEffects as bQ, primaryColoredShadows as bR, shadowBase as bS, shadowCSSVariables as bT, shadowOpacity as bU, tailwindShadowConfig as bV, type ComponentSpacing as bW, type ContainerSpacing as bX, type GridSpacing as bY, type SectionSpacing as bZ, type SemanticSpacing as b_, type Duration as ba, type Easing as bb, type Keyframe as bc, type Spring as bd, type Transition as be, animations as bf, durations as bg, easings as bh, keyframes as bi, motionCSSVariables as bj, reducedMotion as bk, springs as bl, tailwindMotionConfig as bm, transitions as bn, type MotionV2CombinedType as bo, type MotionV2Duration as bp, type MotionV2Easing as bq, type MotionV2SlideDirection as br, type MotionV2Transition as bs, motionV2CSSVariables as bt, motionV2Combined as bu, motionV2Durations as bv, motionV2Easings as bw, motionV2Fade as bx, motionV2Scale as by, motionV2Slide as bz, MOTION_TOKENS as c, type ResponsiveSurface as c$, type StackSpacing as c0, layoutSpacing as c1, semanticSpacing as c2, spacing as c3, spacingCSSVariables as c4, tailwindSpacingConfig as c5, UI_COLORS as c6, type CanonicalFontSize as c7, type CanonicalFontWeight as c8, type CanonicalLetterSpacing as c9, type ModalFooterAlignToken as cA, type ModalHeightToken as cB, type ModalSizeToken as cC, type ModalWidthToken as cD, type MotionDurationToken as cE, type MotionEasingToken as cF, type MotionToken as cG, type MotionTransitionToken as cH, type RadiusToken as cI, type ResponsiveAlignOffset as cJ, type ResponsiveAnimationPreset as cK, type ResponsiveAspectRatio as cL, type ResponsiveColor as cM, type ResponsiveContainerMaxWidth as cN, type ResponsiveContainerPadding as cO, type ResponsiveDelay as cP, type ResponsiveFlexBasis as cQ, type ResponsiveModalHeight as cR, type ResponsiveModalSize as cS, type ResponsiveModalWidth as cT, type ResponsiveMotion as cU, type ResponsiveRadius as cV, type ResponsiveSelectSize as cW, type ResponsiveSelectWidth as cX, type ResponsiveShadow as cY, type ResponsiveSideOffset as cZ, type ResponsiveSpace as c_, type CanonicalLineHeight as ca, type CanonicalTextColor as cb, type FontFamily as cc, type FontSize as cd, type FontWeight as ce, type LetterSpacing as cf, type LineHeight as cg, type TextStyle as ch, fontFamily as ci, fontSize as cj, fontSizeWithMd as ck, fontWeight as cl, letterSpacing as cm, lineHeight as cn, tailwindTypographyConfig as co, textStyles as cp, typographyCSSVariables as cq, type AlignOffsetToken as cr, type AnimationPresetToken as cs, type AspectRatioToken as ct, type ColorToken as cu, type ContainerMaxWidthToken as cv, type ContainerPaddingToken as cw, type DelayToken as cx, type FlexBasisToken as cy, type LayoutSpaceToken as cz, NOTIFICATION_TOKENS as d, type ResponsiveTextLineHeight as d0, type ResponsiveTextSize as d1, type ResponsiveTextWeight as d2, type SelectSizeToken as d3, type SelectStateToken as d4, type SelectVariantToken as d5, type SelectWidthToken as d6, type ShadowToken as d7, type SideOffsetToken as d8, type SpaceToken as d9, type SpacingToken as da, type SurfaceToken as db, type TextLetterSpacingToken as dc, type TextLineHeightToken as dd, type TextSizeToken as de, type TextWeightToken as df, type Responsive as dg, type ResponsiveContextMenuSize as dh, type ResponsiveContextMenuWidth as di, type ContextMenuItemToneToken as dj, type ResponsiveTabsSize as dk, type TabsVariantToken as dl, type TabsToneToken as dm, type Breakpoint as dn, SELECT_TOKENS as e, SURFACE_TOKENS as f, SWITCH_TOKENS as g, TOAST_TOKENS as h, TOOLTIP_TOKENS as i, type AlertVariant as j, type ButtonFontSize as k, type ButtonHeight as l, type ButtonPaddingHorizontal as m, type ButtonPaddingVertical as n, type ButtonShadow as o, type CardPadding as p, type CardRadius as q, type CardShadow as r, type CardSize as s, type CardSpacingVertical as t, type CheckboxSize as u, type CheckboxState as v, type CheckboxVariant as w, type DataListLabelWidth as x, type DataListRowPadding as y, type IconColor as z };
+export { type MenuItemGap as $, ALERT_TOKENS as A, BUTTON_TOKENS as B, CARD_TOKENS as C, DATA_TOKENS as D, type EmptyStateIconSize as E, type IconSize as F, type IconStroke as G, type InputFontSize as H, ICON_TOKENS as I, type InputHeight as J, type InputPaddingHorizontal as K, type InputPaddingVertical as L, MENU_TOKENS as M, NAVIGATION_TOKENS as N, OVERLAY_TOKENS as O, POPOVER_TOKENS as P, type InputRadius as Q, RADIO_TOKENS as R, SECTION_TOKENS as S, TEXT_TOKENS as T, type InputSize as U, type MenuContentMinWidth as V, type MenuContentPadding as W, type MenuContentRadius as X, type MenuContentShadow as Y, type MenuIndicatorOffset as Z, type MenuIndicatorSize as _, CHECKBOX_TOKENS as a, type TextFontWeight as a$, type MenuItemHeight as a0, type MenuItemPadding as a1, type MenuItemRadius as a2, type MenuLabelPadding as a3, type MenuSeparatorMargin as a4, type MotionAnimation as a5, type MotionDuration$1 as a6, type MotionEasing$1 as a7, type MotionTransition$1 as a8, type MotionTransitionPreset as a9, type SelectItemRadius as aA, type SelectLabelFontSize as aB, type SelectLabelPaddingHorizontal as aC, type SelectLabelPaddingVertical as aD, type SelectSeparatorMarginHorizontal as aE, type SelectSeparatorMarginVertical as aF, type SelectTriggerFontSize as aG, type SelectTriggerHeight as aH, type SelectTriggerPaddingHorizontal as aI, type SelectTriggerPaddingVertical as aJ, type SelectTriggerRadius as aK, type SkeletonAnimation as aL, type SkeletonBackground as aM, type SkeletonVariant as aN, type SurfacePadding as aO, type SurfaceRadius as aP, type SurfaceShadow as aQ, type SurfaceVariant as aR, type SwitchSize as aS, type SwitchState as aT, type SwitchVariant as aU, type TableCellPadding as aV, type TableGap as aW, type TableHeaderPadding as aX, type TableRowHeight as aY, type TableShadow as aZ, type TextFontSize as a_, type NavigationItemPadding as aa, type NavigationListGap as ab, type NavigationRadius as ac, type NavigationShadow as ad, type NavigationSize as ae, type NavigationState as af, type NotificationPanelWidth as ag, type NotificationVariant as ah, type OverlayBackdropVariant as ai, type OverlayModalSize as aj, type PopoverArrowOffset as ak, type PopoverArrowSize as al, type PopoverContentPadding as am, type PopoverContentRadius as an, type PopoverContentShadow as ao, type PopoverContentWidth as ap, type RadioSize as aq, type RadioState as ar, type RadioVariant as as, type SectionGap as at, type SectionPadding as au, type SelectContentPadding as av, type SelectContentRadius as aw, type SelectItemFontSize as ax, type SelectItemPaddingHorizontal as ay, type SelectItemPaddingVertical as az, DATA_LIST_TOKENS as b, type FontFamily as b$, type TextLetterSpacing as b0, type TextLineHeight as b1, type ToastVariant as b2, type TooltipContentRadius as b3, type TooltipContentShadow as b4, allCSSVariables as b5, allCSSVariablesCSS as b6, generateCSSVariablesCSS as b7, tokenSystemSummary as b8, type MotionCombinedType as b9, componentShadowMapping as bA, elevationShadows as bB, focusRings as bC, glowEffects as bD, primaryColoredShadows as bE, shadowBase as bF, shadowCSSVariables as bG, shadowOpacity as bH, tailwindShadowConfig as bI, type ComponentSpacing as bJ, type ContainerSpacing as bK, type GridSpacing as bL, type SectionSpacing as bM, type SemanticSpacing as bN, type Spacing as bO, type StackSpacing as bP, layoutSpacing as bQ, semanticSpacing as bR, spacing as bS, spacingCSSVariables as bT, tailwindSpacingConfig as bU, UI_COLORS as bV, type CanonicalFontSize as bW, type CanonicalFontWeight as bX, type CanonicalLetterSpacing as bY, type CanonicalLineHeight as bZ, type CanonicalTextColor as b_, type MotionDuration as ba, type MotionEasing as bb, type MotionSlideDirection as bc, type MotionTransition as bd, motionCSSVariables as be, motionCombined as bf, motionDurations as bg, motionEasings as bh, motionFade as bi, motionReducedMotion as bj, motionScale as bk, motionSlide as bl, motionTailwindConfig as bm, motionTransitionProperty as bn, motionTransitions as bo, type BorderRadius as bp, type ComponentRadius as bq, borderRadius as br, componentRadius as bs, radiusCSSVariables as bt, tailwindRadiusConfig as bu, type ColoredShadow as bv, type ElevationShadow as bw, type FocusRing as bx, type GlowEffect as by, accentColoredShadows as bz, INPUT_TOKENS as c, type TextLetterSpacingToken as c$, type FontSize as c0, type FontWeight as c1, type LetterSpacing as c2, type LineHeight as c3, type TextStyle as c4, fontFamily as c5, fontSize as c6, fontSizeWithMd as c7, fontWeight as c8, letterSpacing as c9, type ResponsiveContainerMaxWidth as cA, type ResponsiveContainerPadding as cB, type ResponsiveDelay as cC, type ResponsiveFlexBasis as cD, type ResponsiveModalHeight as cE, type ResponsiveModalSize as cF, type ResponsiveModalWidth as cG, type ResponsiveMotion as cH, type ResponsiveRadius as cI, type ResponsiveSelectSize as cJ, type ResponsiveSelectWidth as cK, type ResponsiveShadow as cL, type ResponsiveSideOffset as cM, type ResponsiveSpace as cN, type ResponsiveSurface as cO, type ResponsiveTextLineHeight as cP, type ResponsiveTextSize as cQ, type ResponsiveTextWeight as cR, type SelectSizeToken as cS, type SelectStateToken as cT, type SelectVariantToken as cU, type SelectWidthToken as cV, type ShadowToken as cW, type SideOffsetToken as cX, type SpaceToken as cY, type SpacingToken as cZ, type SurfaceToken as c_, lineHeight as ca, tailwindTypographyConfig as cb, textStyles as cc, typographyCSSVariables as cd, type AlignOffsetToken as ce, type AnimationPresetToken as cf, type AspectRatioToken as cg, type ColorToken as ch, type ContainerMaxWidthToken as ci, type ContainerPaddingToken as cj, type DelayToken as ck, type FlexBasisToken as cl, type LayoutSpaceToken as cm, type ModalFooterAlignToken as cn, type ModalHeightToken as co, type ModalSizeToken as cp, type ModalWidthToken as cq, type MotionDurationToken as cr, type MotionEasingToken as cs, type MotionToken as ct, type MotionTransitionToken as cu, type RadiusToken as cv, type ResponsiveAlignOffset as cw, type ResponsiveAnimationPreset as cx, type ResponsiveAspectRatio as cy, type ResponsiveColor as cz, MOTION_TOKENS as d, type TextLineHeightToken as d0, type TextSizeToken as d1, type TextWeightToken as d2, type Responsive as d3, type ResponsiveContextMenuSize as d4, type ResponsiveContextMenuWidth as d5, type ContextMenuItemToneToken as d6, type ResponsiveTabsSize as d7, type TabsVariantToken as d8, type TabsToneToken as d9, type Breakpoint as da, NOTIFICATION_TOKENS as e, SELECT_TOKENS as f, SURFACE_TOKENS as g, SWITCH_TOKENS as h, TOAST_TOKENS as i, TOOLTIP_TOKENS as j, type ButtonFontSize as k, type ButtonHeight as l, type ButtonPaddingHorizontal as m, type ButtonPaddingVertical as n, type ButtonShadow as o, type CardPadding as p, type CardRadius as q, type CardShadow as r, type CardSize as s, type CardSpacingVertical as t, type CheckboxSize as u, type CheckboxState as v, type CheckboxVariant as w, type DataListLabelWidth as x, type DataListRowPadding as y, type IconColor as z };