@tenerife.music/ui 1.0.15 → 1.1.0

package/dist/{index-CP_dmFn4.d.ts → index-Cj8oRSOc.d.ts}

@@ -112,9 +112,23 @@ type AlertVariant = keyof typeof ALERT_TOKENS.variant;
  * Button Component Tokens
  *
  * Component-level design tokens for Button component.
- * Maps foundation tokens (spacing, typography, radius, shadows) to button-specific usage.
+ * Maps foundation tokens (spacing, typography, radius, shadows, motion) to button-specific usage.
  *
  * All values reference foundation tokens to ensure consistency across the design system.
+ *
+ * Authority Compliance:
+ * - Motion Authority: Uses MOTION_TOKENS.transitionPreset.colors
+ * - Radius Authority: References componentRadius.button.md
+ * - Typography Authority: References fontSize tokens
+ * - Spacing Authority: References semanticSpacing tokens
+ * - State Authority: Uses State Matrix CSS variables
+ * - Interaction Authority: Follows Interaction Authority Contract
+ *
+ * @enforcement TUNG_TOKEN_AUTHORITY_EXPANSION_PLAN
+ * @see docs/architecture/MOTION_AUTHORITY_CONTRACT.md
+ * @see docs/architecture/RADIUS_AUTHORITY_CONTRACT.md
+ * @see docs/architecture/TYPOGRAPHY_AUTHORITY_CONTRACT.md
+ * @see docs/architecture/SPACING_AUTHORITY_CONTRACT.md
  */
 /**
  * Button Component Tokens
@@ -146,20 +160,37 @@ declare const BUTTON_TOKENS: {
         readonly vertical: {
             readonly sm: "py-xs";
             readonly md: "py-sm";
+            readonly lg: "py-md";
         };
     };
     /**
-     * Gap between icon and text
+     * Gap between icon and text by size
+     * Scales with button size for visual consistency
      */
-    readonly gap: "gap-sm";
+    readonly gap: {
+        readonly sm: "gap-xs";
+        readonly md: "gap-sm";
+        readonly lg: "gap-md";
+    };
     /**
      * Border radius for all button sizes
+     * Consistent radius across sizes for visual harmony
+     *
+     * @enforcement TUNG_TOKEN_AUTHORITY_EXPANSION_PLAN
+     * @rule References componentRadius.button.md (6px / 0.375rem) from Radius Authority
+     * @see docs/architecture/RADIUS_AUTHORITY_CONTRACT.md
      */
     readonly radius: "rounded-md";
     /**
-     * Icon size within buttons
+     * Icon size within buttons by button size
+     * Scales proportionally with button size for visual balance
      */
-    readonly iconSize: "size-4";
+    readonly iconSize: {
+        readonly sm: "size-3.5";
+        readonly md: "size-4";
+        readonly lg: "size-5";
+        readonly icon: "size-4";
+    };
     /**
      * Width tokens
      */
@@ -168,12 +199,16 @@ declare const BUTTON_TOKENS: {
     };
     /**
      * Font sizes by button size
-     * Maps to foundation typography fontSize tokens
+     * References foundation typography fontSize tokens from Typography Authority
+     *
+     * @enforcement TUNG_TOKEN_AUTHORITY_EXPANSION_PLAN
+     * @rule All fontSize values reference Typography Authority tokens
+     * @see docs/architecture/TYPOGRAPHY_AUTHORITY_CONTRACT.md
      */
     readonly fontSize: {
         readonly sm: "text-xs";
         readonly md: "text-sm";
-        readonly lg: "text-sm";
+        readonly lg: "text-base";
     };
     /**
      * Shadow tokens by variant
@@ -186,48 +221,181 @@ declare const BUTTON_TOKENS: {
     /**
      * Color tokens for button variants
      * Uses semantic color tokens that map to CSS variables
+     *
+     * State tokens (hover, active, disabled) use CSS variables from State Matrix.
+     * All states are injected via updateStateMatrixFromTokens() and consumed via arbitrary values.
+     * States react to Color Authority changes automatically through State Matrix.
+     *
+     * Interaction Authority Rules:
+     * - Hover (Priority 4): hover: prefix - ONLY when !disabled && !loading && pointer-events:auto
+     * - Active (Priority 3): active: prefix - ONLY when !disabled && !loading && mousedown
+     * - Focus (Priority 5): focus-visible: prefix - ONLY when !disabled && keyboard navigation
+     * - Disabled (Priority 1): disabled: prefix - Blocks ALL interactions
+     * - Loading (Priority 2): loading: prefix - Blocks hover/active (when implemented)
+     * - Base (Priority 6): No prefix - Default state, pointer-events: auto
+     *
+     * @enforcement TUNG_STATE_AUTHORITY_FOUNDATION_LOCK
+     * @enforcement TUNG_INTERACTION_AUTHORITY_FOUNDATION
+     * @rule States use CSS variables, not Tailwind variants
+     * @rule All state variables follow pattern: --{component}-{variant}-{state}-{property}
+     * @rule Visual states (colors) are SEPARATE from interaction states (pointer-events)
+     * @rule Hover MUST work with real mouse cursor, NOT just DevTools force state
+     * @rule Active MUST activate only on mousedown, NOT on hover
+     * @rule Focus MUST activate only on keyboard navigation, NOT on mouse click
+     *
+     * @see docs/architecture/INTERACTION_AUTHORITY_CONTRACT.md
      */
     readonly variant: {
         readonly primary: {
-            readonly background: "bg-primary";
+            readonly background: "bg-[hsl(var(--button-primary-base-bg))]";
             readonly text: "text-primary-foreground";
-            readonly hover: "hover:bg-primary/90";
+            readonly hover: "hover:bg-[hsl(var(--button-primary-hover-bg))]";
+            readonly active: "active:bg-[hsl(var(--button-primary-active-bg))]";
+            readonly focus: "focus-visible:bg-[hsl(var(--button-primary-focus-bg))]";
+            readonly disabled: {
+                readonly background: "disabled:bg-[hsl(var(--button-primary-disabled-bg))]";
+                readonly text: "disabled:text-[hsl(var(--button-primary-disabled-text))]";
+            };
+            readonly loading: "bg-[hsl(var(--button-primary-loading-bg))]";
         };
         readonly secondary: {
             readonly background: "bg-secondary";
             readonly text: "text-secondary-foreground";
-            readonly hover: "hover:bg-secondary/80";
+            readonly hover: "hover:bg-[hsl(var(--button-secondary-hover-bg))]";
+            readonly active: "active:bg-[hsl(var(--button-secondary-active-bg))]";
+            readonly disabled: {
+                readonly background: "disabled:bg-[hsl(var(--button-secondary-disabled-bg))]";
+                readonly text: "disabled:text-[hsl(var(--button-secondary-disabled-text))]";
+            };
         };
         readonly accent: {
             readonly background: "bg-accent";
             readonly text: "text-accent-foreground";
-            readonly hover: "hover:bg-accent/90";
+            readonly hover: "hover:bg-[hsl(var(--button-accent-hover-bg))]";
+            readonly active: "active:bg-[hsl(var(--button-accent-active-bg))]";
+            readonly disabled: {
+                readonly background: "disabled:bg-[hsl(var(--button-accent-disabled-bg))]";
+                readonly text: "disabled:text-[hsl(var(--button-accent-disabled-text))]";
+            };
         };
         readonly outline: {
             readonly border: "border border-input";
             readonly background: "bg-background";
+            readonly text: "text-foreground";
             readonly hover: {
-                readonly background: "hover:bg-accent";
-                readonly text: "hover:text-accent-foreground";
+                readonly background: "hover:bg-[hsl(var(--button-outline-hover-bg))]";
+                readonly text: "hover:text-[hsl(var(--button-outline-hover-text))]";
+                readonly border: "hover:border-[hsl(var(--button-outline-hover-border))]";
+            };
+            readonly active: {
+                readonly background: "active:bg-[hsl(var(--button-outline-active-bg))]";
+                readonly text: "active:text-[hsl(var(--button-outline-active-text))]";
+                readonly border: "active:border-[hsl(var(--button-outline-active-border))]";
+            };
+            readonly disabled: {
+                readonly background: "disabled:bg-[hsl(var(--button-outline-disabled-bg))]";
+                readonly text: "disabled:text-[hsl(var(--button-outline-disabled-text))]";
+                readonly border: "disabled:border-[hsl(var(--button-outline-disabled-border))]";
             };
         };
         readonly ghost: {
+            readonly background: "bg-transparent";
+            readonly text: "text-foreground";
             readonly hover: {
-                readonly background: "hover:bg-accent";
-                readonly text: "hover:text-accent-foreground";
+                readonly background: "hover:bg-[hsl(var(--button-ghost-hover-bg))]";
+                readonly text: "hover:text-[hsl(var(--button-ghost-hover-text))]";
+            };
+            readonly active: {
+                readonly background: "active:bg-[hsl(var(--button-ghost-active-bg))]";
+                readonly text: "active:text-[hsl(var(--button-ghost-active-text))]";
+            };
+            readonly disabled: {
+                readonly background: "disabled:bg-[hsl(var(--button-ghost-disabled-bg))]";
+                readonly text: "disabled:text-[hsl(var(--button-ghost-disabled-text))]";
             };
         };
         readonly destructive: {
             readonly background: "bg-destructive";
             readonly text: "text-destructive-foreground";
-            readonly hover: "hover:bg-destructive/90";
+            readonly hover: "hover:bg-[hsl(var(--button-destructive-hover-bg))]";
+            readonly active: "active:bg-[hsl(var(--button-destructive-active-bg))]";
+            readonly disabled: {
+                readonly background: "disabled:bg-[hsl(var(--button-destructive-disabled-bg))]";
+                readonly text: "disabled:text-[hsl(var(--button-destructive-disabled-text))]";
+            };
         };
     };
     /**
      * Transition tokens
+     * References Motion Authority tokens for consistent motion behavior
+     *
+     * @enforcement TUNG_TOKEN_AUTHORITY_EXPANSION_PLAN
+     * @rule Uses MOTION_TOKENS.transitionPreset.colors from Motion Authority
+     * @rule Motion transitions MUST use canonical motion tokens only
+     * @see docs/architecture/MOTION_AUTHORITY_CONTRACT.md
      */
     readonly transition: {
-        readonly colors: "transition-colors";
+        readonly colors: "transition-colors duration-normal ease-out";
+    };
+    /**
+     * Global state tokens
+     * Shared state tokens that apply across all variants
+     * Variant-specific states are defined in variant.*.active and variant.*.disabled
+     *
+     * @enforcement TUNG_INTERACTION_AUTHORITY_FOUNDATION
+     * @rule All interaction states MUST follow Interaction Authority Contract
+     * @rule State priority: disabled > loading > active > hover > focus-visible > base
+     * @rule Visual states (colors) are SEPARATE from interaction states (pointer-events, cursor)
+     * @rule All states MUST be browser-native (CSS pseudo-classes), NOT JavaScript-managed
+     */
+    readonly state: {
+        /**
+         * Disabled state tokens
+         * Global disabled state tokens (variant-specific overrides in variant.*.disabled)
+         *
+         * Interaction Authority Rules:
+         * - Priority: 1 (Highest) - Blocks ALL interactions
+         * - MUST block hover, active, and focus states
+         * - MUST use disabled: prefix (never in base state)
+         * - Base state MUST have pointer-events: auto (default) for hover to work
+         *
+         * @enforcement TUNG_INTERACTION_AUTHORITY_FOUNDATION
+         * @enforcement TUNG_BUTTON_INTERACTION_FIX
+         * @rule Interaction Authority: pointer-events is NOT a visual token
+         * @rule pointer-events-none MUST use disabled: prefix (never in base state)
+         * @rule Base state MUST have pointer-events: auto (default) for hover to work
+         * @rule These tokens are applied in base but only activate when element is disabled
+         * @rule Hover is FORBIDDEN when disabled={true}
+         * @rule Active is FORBIDDEN when disabled={true}
+         * @rule Focus is FORBIDDEN when disabled={true} (for interactions)
+         *
+         * @see docs/architecture/INTERACTION_AUTHORITY_CONTRACT.md
+         */
+        readonly disabled: {
+            readonly cursor: "disabled:cursor-not-allowed";
+            readonly pointerEvents: "disabled:pointer-events-none";
+        };
+        /**
+         * Focus state tokens
+         * Focus ring for keyboard navigation
+         *
+         * Interaction Authority Rules:
+         * - Priority: 5 - Lower than active and hover
+         * - MUST activate only on keyboard navigation (focus-visible: prefix)
+         * - MUST NOT activate on mouse click (use :focus-visible, not :focus)
+         * - MUST be blocked by disabled state
+         *
+         * @enforcement TUNG_INTERACTION_AUTHORITY_FOUNDATION
+         * @rule Focus MUST use focus-visible: prefix (keyboard navigation only)
+         * @rule Focus MUST be blocked when disabled={true}
+         * @rule Focus MUST NOT activate on mouse click
+         *
+         * @see docs/architecture/INTERACTION_AUTHORITY_CONTRACT.md
+         */
+        readonly focus: {
+            readonly ring: "focus-visible:ring-1 focus-visible:ring-ring";
+            readonly outline: "focus-visible:outline-none";
+        };
     };
 };
 /**
@@ -1716,6 +1884,10 @@ declare const TEXT_TOKENS: {
         readonly md: "text-base";
         readonly lg: "text-lg";
         readonly xl: "text-xl";
+        readonly "2xl": "text-2xl";
+        readonly "3xl": "text-3xl";
+        readonly "4xl": "text-4xl";
+        readonly "5xl": "text-5xl";
     };
     /**
      * Font weights by weight variant
@@ -1734,6 +1906,7 @@ declare const TEXT_TOKENS: {
     readonly lineHeight: {
         readonly none: "leading-none";
         readonly tight: "leading-tight";
+        readonly snug: "leading-snug";
         readonly normal: "leading-normal";
         readonly relaxed: "leading-relaxed";
         readonly loose: "leading-loose";
@@ -2185,8 +2358,8 @@ declare const TOAST_TOKENS: {
         readonly states: {
             readonly default: "opacity-0";
             readonly groupHover: "group-hover:opacity-100";
-            readonly focus: "focus:opacity-100";
-            readonly focusRing: "focus:outline-none focus:ring-1";
+            readonly focus: "focus-visible:opacity-100";
+            readonly focusRing: "focus-visible:outline-none focus-visible:ring-1";
         };
     };
 };
@@ -2540,7 +2713,7 @@ type NavigationItemPadding = keyof typeof NAVIGATION_TOKENS.spacing.itemPadding;
 /**
  * Menu Component Tokens
  *
- * Component-level design tokens for Menu components (DropdownMenu, ContextMenu).
+ * Component-level design tokens for Menu components (ContextMenu).
  * Maps foundation tokens (spacing, radius, shadows, typography, motion) to menu-specific usage.
  *
  * All values use Tailwind utility classes that map to foundation tokens.
@@ -2737,160 +2910,6 @@ type PopoverContentWidth = keyof typeof POPOVER_TOKENS.content.width;
 type PopoverArrowSize = keyof typeof POPOVER_TOKENS.arrow.size;
 type PopoverArrowOffset = keyof typeof POPOVER_TOKENS.arrow.offset;
 
-/**
- * Dropdown Component Tokens
- *
- * Component-level design tokens for Dropdown component.
- * Maps foundation tokens (spacing, radius, shadows, typography) to dropdown-specific usage.
- *
- * All values use Tailwind utility classes that map to foundation tokens.
- */
-/**
- * Dropdown Component Tokens
- *
- * Defines tokens for trigger, menu, and item variants.
- * Values are mapped to Tailwind utility classes for direct use.
- */
-declare const DROPDOWN_TOKENS: {
-    /**
-     * Trigger tokens by size
-     * Button element that opens/closes the dropdown
-     */
-    readonly trigger: {
-        readonly height: {
-            readonly sm: "h-8";
-            readonly md: "h-9";
-            readonly lg: "h-10";
-        };
-        readonly padding: {
-            readonly horizontal: {
-                readonly sm: "px-sm";
-                readonly md: "px-md";
-                readonly lg: "px-lg";
-            };
-            readonly vertical: {
-                readonly sm: "py-xs";
-                readonly md: "py-xs";
-                readonly lg: "py-sm";
-            };
-        };
-        readonly radius: {
-            readonly sm: "rounded-md";
-            readonly md: "rounded-md";
-            readonly lg: "rounded-md";
-        };
-        readonly fontSize: {
-            readonly sm: "text-sm";
-            readonly md: "text-base";
-            readonly lg: "text-base";
-        };
-        readonly shadow: "shadow-sm";
-        /**
-         * Icon spacing for trigger
-         */
-        readonly icon: {
-            readonly spacing: "ml-sm";
-        };
-    };
-    /**
-     * Variant-based tokens
-     * Border, background, text, and focus colors for different variants
-     */
-    readonly variant: {
-        readonly neutral: {
-            readonly border: "border border-[hsl(var(--border))]";
-            readonly background: "bg-[hsl(var(--popover))]";
-            readonly text: "text-[hsl(var(--popover-foreground))]";
-            readonly focus: "focus-visible:ring-2 focus-visible:ring-[hsl(var(--ring))] focus-visible:ring-offset-2";
-        };
-        readonly tinted: {
-            readonly border: "border border-[hsl(var(--border))]";
-            readonly background: "bg-[hsl(var(--muted))]";
-            readonly text: "text-[hsl(var(--popover-foreground))]";
-            readonly focus: "focus-visible:ring-2 focus-visible:ring-[hsl(var(--ring))] focus-visible:ring-offset-2";
-        };
-    };
-    /**
-     * Menu tokens by size
-     * Container for the dropdown items
-     */
-    readonly menu: {
-        readonly border: {
-            readonly default: "border border-[hsl(var(--border))]";
-        };
-        readonly background: {
-            readonly neutral: "bg-[hsl(var(--popover))]";
-            readonly tinted: "bg-[hsl(var(--muted))]";
-        };
-        readonly text: {
-            readonly default: "text-[hsl(var(--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 lg: "rounded-lg";
-        };
-        readonly shadow: {
-            readonly sm: "shadow-md";
-            readonly md: "shadow-lg";
-            readonly lg: "shadow-xl";
-        };
-        readonly minWidth: {
-            readonly sm: "min-w-32";
-            readonly md: "min-w-48";
-            readonly lg: "min-w-64";
-        };
-    };
-    /**
-     * Width tokens
-     * Common width utilities
-     */
-    readonly width: {
-        readonly full: "w-full";
-    };
-    /**
-     * Item tokens by size
-     * Individual menu item
-     */
-    readonly item: {
-        readonly background: {
-            readonly focus: "focus:bg-[hsl(var(--accent))]";
-            readonly selected: "bg-[hsl(var(--accent))]";
-        };
-        readonly text: {
-            readonly focus: "focus:text-[hsl(var(--accent-foreground))]";
-            readonly selected: "text-[hsl(var(--accent-foreground))]";
-        };
-        readonly padding: {
-            readonly sm: "px-sm py-xs";
-            readonly md: "px-md py-xs";
-            readonly lg: "px-lg py-sm";
-        };
-        readonly radius: {
-            readonly sm: "rounded-sm";
-            readonly md: "rounded-md";
-            readonly lg: "rounded-md";
-        };
-        readonly fontSize: {
-            readonly sm: "text-sm";
-            readonly md: "text-sm";
-            readonly lg: "text-base";
-        };
-    };
-};
-/**
- * Type exports for Dropdown tokens
- */
-type DropdownTriggerSize = keyof typeof DROPDOWN_TOKENS.trigger.height;
-type DropdownVariant = keyof typeof DROPDOWN_TOKENS.variant;
-type DropdownMenuSize = keyof typeof DROPDOWN_TOKENS.menu.padding;
-type DropdownItemSize = keyof typeof DROPDOWN_TOKENS.item.padding;
-
 /**
  * Tooltip Component Tokens
  *
@@ -3070,8 +3089,8 @@ declare const SELECT_TOKENS: {
             readonly position: "left-sm";
         };
         readonly focus: {
-            readonly background: "focus:bg-[hsl(var(--accent))]";
-            readonly text: "focus:text-[hsl(var(--accent-foreground))]";
+            readonly background: "focus-visible:bg-[hsl(var(--accent))]";
+            readonly text: "focus-visible:text-[hsl(var(--accent-foreground))]";
         };
         readonly selected: {
             readonly background: "bg-[hsl(var(--accent))]";
@@ -5043,118 +5062,118 @@ declare const transitions: {
 declare const keyframes: {
     readonly fadeIn: {
         readonly from: {
-            readonly opacity: 0;
+            readonly opacity: "0";
         };
         readonly to: {
-            readonly opacity: 1;
+            readonly opacity: "1";
         };
     };
     readonly fadeOut: {
         readonly from: {
-            readonly opacity: 1;
+            readonly opacity: "1";
         };
         readonly to: {
-            readonly opacity: 0;
+            readonly opacity: "0";
         };
     };
     readonly slideInUp: {
         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 slideInDown: {
         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 slideInLeft: {
         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 slideInRight: {
         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 slideOutUp: {
         readonly from: {
             readonly transform: "translateY(0)";
-            readonly opacity: 1;
+            readonly opacity: "1";
         };
         readonly to: {
             readonly transform: "translateY(-100%)";
-            readonly opacity: 0;
+            readonly opacity: "0";
         };
     };
     readonly slideOutDown: {
         readonly from: {
             readonly transform: "translateY(0)";
-            readonly opacity: 1;
+            readonly opacity: "1";
         };
         readonly to: {
             readonly transform: "translateY(100%)";
-            readonly opacity: 0;
+            readonly opacity: "0";
         };
     };
     readonly slideOutLeft: {
         readonly from: {
             readonly transform: "translateX(0)";
-            readonly opacity: 1;
+            readonly opacity: "1";
         };
         readonly to: {
             readonly transform: "translateX(-100%)";
-            readonly opacity: 0;
+            readonly opacity: "0";
         };
     };
     readonly slideOutRight: {
         readonly from: {
             readonly transform: "translateX(0)";
-            readonly opacity: 1;
+            readonly opacity: "1";
         };
         readonly to: {
             readonly transform: "translateX(100%)";
-            readonly opacity: 0;
+            readonly opacity: "0";
         };
     };
     readonly scaleIn: {
         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 scaleOut: {
         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";
         };
     };
     readonly scaleUp: {
@@ -5191,10 +5210,10 @@ declare const keyframes: {
     };
     readonly pulse: {
         readonly "0%, 100%": {
-            readonly opacity: 1;
+            readonly opacity: "1";
         };
         readonly "50%": {
-            readonly opacity: 0.5;
+            readonly opacity: "0.5";
         };
     };
     readonly bounce: {
@@ -5221,7 +5240,7 @@ declare const keyframes: {
     readonly ping: {
         readonly "75%, 100%": {
             readonly transform: "scale(2)";
-            readonly opacity: 0;
+            readonly opacity: "0";
         };
     };
     readonly "accordion-down": {
@@ -5416,7 +5435,207 @@ declare const tailwindMotionConfig: {
         readonly all: "all";
         readonly none: "none";
     };
-    readonly keyframes: Record<string, Record<string, Record<string, string | number>>>;
+    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";
@@ -6764,8 +6983,8 @@ declare const CONTEXT_MENU_TOKENS: {
     readonly item: {
         readonly radius: "rounded-sm";
         readonly focus: {
-            readonly background: "focus:bg-[hsl(var(--accent))]";
-            readonly text: "focus:text-[hsl(var(--accent-foreground))]";
+            readonly background: "focus-visible:bg-[hsl(var(--accent))]";
+            readonly text: "focus-visible:text-[hsl(var(--accent-foreground))]";
         };
         readonly disabled: {
             readonly opacity: "opacity-50";
@@ -7102,4 +7321,4 @@ type ResponsiveContextMenuSize = Responsive<ContextMenuSizeToken>;
  */
 type ResponsiveContextMenuWidth = Responsive<ContextMenuWidthToken>;
 
-export { type IconColor as $, ALERT_TOKENS as A, BUTTON_TOKENS as B, CARD_TOKENS as C, DATA_TOKENS as D, type DataListRowPadding as E, type DomainCardBadge as F, type DomainCardImage as G, type DomainCardLayout as H, ICON_TOKENS as I, type DomainCardMetadata as J, type DomainCardMotion as K, type DomainCardPriceCapacity as L, MENU_TOKENS as M, NAVIGATION_TOKENS as N, OVERLAY_TOKENS as O, POPOVER_TOKENS as P, type DomainCardSkeleton as Q, RADIO_TOKENS as R, SECTION_TOKENS as S, TEXT_TOKENS as T, type DomainCardSkeletonContentWidth as U, type DomainCardSurface as V, type DropdownItemSize as W, type DropdownMenuSize as X, type DropdownTriggerSize as Y, type DropdownVariant as Z, type EmptyStateIconSize as _, CHECKBOX_TOKENS as a, type SkeletonBackground as a$, type IconSize as a0, type IconStroke as a1, type InputFontSize as a2, type InputHeight as a3, type InputPaddingHorizontal as a4, type InputPaddingVertical as a5, type InputRadius as a6, type InputSize as a7, type MenuContentMinWidth as a8, type MenuContentPadding as a9, type PopoverArrowSize as aA, type PopoverContentPadding as aB, type PopoverContentRadius as aC, type PopoverContentShadow as aD, type PopoverContentWidth as aE, type RadioSize as aF, type RadioState as aG, type RadioVariant as aH, type SectionGap as aI, type SectionPadding as aJ, type SelectContentPadding as aK, type SelectContentRadius as aL, type SelectItemFontSize as aM, type SelectItemPaddingHorizontal as aN, type SelectItemPaddingVertical as aO, type SelectItemRadius as aP, type SelectLabelFontSize as aQ, type SelectLabelPaddingHorizontal as aR, type SelectLabelPaddingVertical as aS, type SelectSeparatorMarginHorizontal as aT, type SelectSeparatorMarginVertical as aU, type SelectTriggerFontSize as aV, type SelectTriggerHeight as aW, type SelectTriggerPaddingHorizontal as aX, type SelectTriggerPaddingVertical as aY, type SelectTriggerRadius as aZ, type SkeletonAnimation as a_, type MenuContentRadius as aa, type MenuContentShadow as ab, type MenuIndicatorOffset as ac, type MenuIndicatorSize as ad, type MenuItemGap as ae, type MenuItemHeight as af, type MenuItemPadding as ag, type MenuItemRadius as ah, type MenuLabelPadding as ai, type MenuSeparatorMargin as aj, type MotionAnimation as ak, type MotionDuration as al, type MotionEasing as am, type MotionTransition as an, type MotionTransitionPreset as ao, type NavigationItemPadding as ap, type NavigationListGap as aq, type NavigationRadius as ar, type NavigationShadow as as, type NavigationSize as at, type NavigationState as au, type NotificationPanelWidth as av, type NotificationVariant as aw, type OverlayBackdropVariant as ax, type OverlayModalSize as ay, type PopoverArrowOffset as az, DOMAIN_TOKENS as b, accentColoredShadows as b$, type SkeletonVariant as b0, type SurfacePadding as b1, type SurfaceRadius as b2, type SurfaceShadow as b3, type SurfaceVariant as b4, type SwitchSize as b5, type SwitchState as b6, type SwitchVariant as b7, type TableCellPadding as b8, type TableGap as b9, springs as bA, tailwindMotionConfig as bB, transitions as bC, type MotionV2CombinedType as bD, type MotionV2Duration as bE, type MotionV2Easing as bF, type MotionV2SlideDirection as bG, type MotionV2Transition as bH, motionV2CSSVariables as bI, motionV2Combined as bJ, motionV2Durations as bK, motionV2Easings as bL, motionV2Fade as bM, motionV2Scale as bN, motionV2Slide as bO, motionV2TailwindConfig as bP, motionV2Transitions as bQ, type BorderRadius as bR, type ComponentRadius as bS, borderRadius as bT, componentRadius as bU, radiusCSSVariables as bV, tailwindRadiusConfig as bW, type ColoredShadow as bX, type ElevationShadow as bY, type FocusRing as bZ, type GlowEffect as b_, type TableHeaderPadding as ba, type TableRowHeight as bb, type TableShadow as bc, type TextFontSize as bd, type TextFontWeight as be, type TextLetterSpacing as bf, type TextLineHeight as bg, type ToastVariant as bh, type TooltipContentRadius as bi, type TooltipContentShadow as bj, allCSSVariables as bk, allCSSVariablesCSS as bl, generateCSSVariablesCSS as bm, tokenSystemSummary as bn, type Animation as bo, type Duration as bp, type Easing as bq, type Keyframe as br, type Spring as bs, type Transition as bt, animations as bu, durations as bv, easings as bw, keyframes as bx, motionCSSVariables as by, reducedMotion as bz, DROPDOWN_TOKENS as c, type ResponsiveColor as c$, componentShadowMapping as c0, elevationShadows as c1, focusRings as c2, glowEffects as c3, primaryColoredShadows as c4, shadowBase as c5, shadowCSSVariables as c6, shadowOpacity as c7, tailwindShadowConfig as c8, type ComponentSpacing as c9, fontWeight as cA, letterSpacing as cB, lineHeight as cC, tailwindTypographyConfig as cD, textStyles as cE, typographyCSSVariables as cF, type AlignOffsetToken as cG, type AnimationPresetToken as cH, type AspectRatioToken as cI, type ColorToken as cJ, type ContainerMaxWidthToken as cK, type ContainerPaddingToken as cL, type DelayToken as cM, type FlexBasisToken as cN, type LayoutSpaceToken as cO, type ModalFooterAlignToken as cP, type ModalHeightToken as cQ, type ModalSizeToken as cR, type ModalWidthToken as cS, type MotionDurationToken as cT, type MotionEasingToken as cU, type MotionToken as cV, type MotionTransitionToken as cW, type RadiusToken as cX, type ResponsiveAlignOffset as cY, type ResponsiveAnimationPreset as cZ, type ResponsiveAspectRatio as c_, type ContainerSpacing as ca, type GridSpacing as cb, type SectionSpacing as cc, type SemanticSpacing as cd, type Spacing as ce, type StackSpacing as cf, layoutSpacing as cg, semanticSpacing as ch, spacing as ci, spacingCSSVariables as cj, tailwindSpacingConfig as ck, UI_COLORS as cl, type CanonicalFontSize as cm, type CanonicalFontWeight as cn, type CanonicalLetterSpacing as co, type CanonicalLineHeight as cp, type CanonicalTextColor as cq, type FontFamily as cr, type FontSize as cs, type FontWeight as ct, type LetterSpacing as cu, type LineHeight as cv, type TextStyle as cw, fontFamily as cx, fontSize as cy, fontSizeWithMd as cz, INPUT_TOKENS as d, type ResponsiveContainerMaxWidth as d0, type ResponsiveContainerPadding as d1, type ResponsiveDelay as d2, type ResponsiveFlexBasis as d3, type ResponsiveModalHeight as d4, type ResponsiveModalSize as d5, type ResponsiveModalWidth as d6, type ResponsiveMotion as d7, type ResponsiveRadius as d8, type ResponsiveSelectSize as d9, type ResponsiveTabsSize as dA, type TabsVariantToken as dB, type TabsToneToken as dC, type Breakpoint as dD, type ResponsiveSelectWidth as da, type ResponsiveShadow as db, type ResponsiveSideOffset as dc, type ResponsiveSpace as dd, type ResponsiveSurface as de, type ResponsiveTextLineHeight as df, type ResponsiveTextSize as dg, type ResponsiveTextWeight as dh, type SelectSizeToken as di, type SelectStateToken as dj, type SelectVariantToken as dk, type SelectWidthToken as dl, type ShadowToken as dm, type SideOffsetToken as dn, type SpaceToken as dp, type SpacingToken as dq, type SurfaceToken as dr, type TextLetterSpacingToken as ds, type TextLineHeightToken as dt, type TextSizeToken as du, type TextWeightToken as dv, type Responsive as dw, type ResponsiveContextMenuSize as dx, type ResponsiveContextMenuWidth as dy, type ContextMenuItemToneToken as dz, MOTION_TOKENS as e, NOTIFICATION_TOKENS as f, SELECT_TOKENS as g, SURFACE_TOKENS as h, SWITCH_TOKENS as i, TOAST_TOKENS as j, TOOLTIP_TOKENS as k, type AlertVariant as l, type ButtonFontSize as m, type ButtonHeight as n, type ButtonPaddingHorizontal as o, type ButtonPaddingVertical as p, type ButtonShadow as q, type CardPadding as r, type CardRadius as s, type CardShadow as t, type CardSize as u, type CardSpacingVertical as v, type CheckboxSize as w, type CheckboxState as x, type CheckboxVariant as y, type DataListLabelWidth as z };
+export { type InputPaddingHorizontal as $, ALERT_TOKENS as A, BUTTON_TOKENS as B, CARD_TOKENS as C, DATA_TOKENS as D, type DomainCardBadge as E, type DomainCardImage as F, type DomainCardLayout as G, type DomainCardMetadata as H, ICON_TOKENS as I, type DomainCardMotion as J, type DomainCardPriceCapacity as K, type DomainCardSkeleton as L, MENU_TOKENS as M, NAVIGATION_TOKENS as N, OVERLAY_TOKENS as O, POPOVER_TOKENS as P, type DomainCardSkeletonContentWidth as Q, RADIO_TOKENS as R, SECTION_TOKENS as S, TEXT_TOKENS as T, type DomainCardSurface as U, type EmptyStateIconSize as V, type IconColor as W, type IconSize as X, type IconStroke as Y, type InputFontSize as Z, type InputHeight as _, CHECKBOX_TOKENS as a, type SurfaceVariant as a$, type InputPaddingVertical as a0, type InputRadius as a1, type InputSize as a2, type MenuContentMinWidth as a3, type MenuContentPadding as a4, type MenuContentRadius as a5, type MenuContentShadow as a6, type MenuIndicatorOffset as a7, type MenuIndicatorSize as a8, type MenuItemGap as a9, type RadioSize as aA, type RadioState as aB, type RadioVariant as aC, type SectionGap as aD, type SectionPadding as aE, type SelectContentPadding as aF, type SelectContentRadius as aG, type SelectItemFontSize as aH, type SelectItemPaddingHorizontal as aI, type SelectItemPaddingVertical as aJ, type SelectItemRadius as aK, type SelectLabelFontSize as aL, type SelectLabelPaddingHorizontal as aM, type SelectLabelPaddingVertical as aN, type SelectSeparatorMarginHorizontal as aO, type SelectSeparatorMarginVertical as aP, type SelectTriggerFontSize as aQ, type SelectTriggerHeight as aR, type SelectTriggerPaddingHorizontal as aS, type SelectTriggerPaddingVertical as aT, type SelectTriggerRadius as aU, type SkeletonAnimation as aV, type SkeletonBackground as aW, type SkeletonVariant as aX, type SurfacePadding as aY, type SurfaceRadius as aZ, type SurfaceShadow as a_, type MenuItemHeight as aa, type MenuItemPadding as ab, type MenuItemRadius as ac, type MenuLabelPadding as ad, type MenuSeparatorMargin as ae, type MotionAnimation as af, type MotionDuration as ag, type MotionEasing as ah, type MotionTransition as ai, type MotionTransitionPreset as aj, type NavigationItemPadding as ak, type NavigationListGap as al, type NavigationRadius as am, type NavigationShadow as an, type NavigationSize as ao, type NavigationState as ap, type NotificationPanelWidth as aq, type NotificationVariant as ar, type OverlayBackdropVariant as as, type OverlayModalSize as at, type PopoverArrowOffset as au, type PopoverArrowSize as av, type PopoverContentPadding as aw, type PopoverContentRadius as ax, type PopoverContentShadow as ay, type PopoverContentWidth as az, DOMAIN_TOKENS as b, primaryColoredShadows as b$, type SwitchSize as b0, type SwitchState as b1, type SwitchVariant as b2, type TableCellPadding as b3, type TableGap as b4, type TableHeaderPadding as b5, type TableRowHeight as b6, type TableShadow as b7, type TextFontSize as b8, type TextFontWeight as b9, type MotionV2Easing as bA, type MotionV2SlideDirection as bB, type MotionV2Transition as bC, motionV2CSSVariables as bD, motionV2Combined as bE, motionV2Durations as bF, motionV2Easings as bG, motionV2Fade as bH, motionV2Scale as bI, motionV2Slide as bJ, motionV2TailwindConfig as bK, motionV2Transitions as bL, type BorderRadius as bM, type ComponentRadius as bN, borderRadius as bO, componentRadius as bP, radiusCSSVariables as bQ, tailwindRadiusConfig as bR, type ColoredShadow as bS, type ElevationShadow as bT, type FocusRing as bU, type GlowEffect as bV, accentColoredShadows as bW, componentShadowMapping as bX, elevationShadows as bY, focusRings as bZ, glowEffects as b_, type TextLetterSpacing as ba, type TextLineHeight as bb, type ToastVariant as bc, type TooltipContentRadius as bd, type TooltipContentShadow as be, allCSSVariables as bf, allCSSVariablesCSS as bg, generateCSSVariablesCSS as bh, tokenSystemSummary as bi, type Animation as bj, type Duration as bk, type Easing as bl, type Keyframe as bm, type Spring as bn, type Transition as bo, animations as bp, durations as bq, easings as br, keyframes as bs, motionCSSVariables as bt, reducedMotion as bu, springs as bv, tailwindMotionConfig as bw, transitions as bx, type MotionV2CombinedType as by, type MotionV2Duration as bz, INPUT_TOKENS as c, type ResponsiveModalHeight as c$, shadowBase as c0, shadowCSSVariables as c1, shadowOpacity as c2, tailwindShadowConfig as c3, type ComponentSpacing as c4, type ContainerSpacing as c5, type GridSpacing as c6, type SectionSpacing as c7, type SemanticSpacing as c8, type Spacing as c9, typographyCSSVariables as cA, type AlignOffsetToken as cB, type AnimationPresetToken as cC, type AspectRatioToken as cD, type ColorToken as cE, type ContainerMaxWidthToken as cF, type ContainerPaddingToken as cG, type DelayToken as cH, type FlexBasisToken as cI, type LayoutSpaceToken as cJ, type ModalFooterAlignToken as cK, type ModalHeightToken as cL, type ModalSizeToken as cM, type ModalWidthToken as cN, type MotionDurationToken as cO, type MotionEasingToken as cP, type MotionToken as cQ, type MotionTransitionToken as cR, type RadiusToken as cS, type ResponsiveAlignOffset as cT, type ResponsiveAnimationPreset as cU, type ResponsiveAspectRatio as cV, type ResponsiveColor as cW, type ResponsiveContainerMaxWidth as cX, type ResponsiveContainerPadding as cY, type ResponsiveDelay as cZ, type ResponsiveFlexBasis as c_, type StackSpacing as ca, layoutSpacing as cb, semanticSpacing as cc, spacing as cd, spacingCSSVariables as ce, tailwindSpacingConfig as cf, UI_COLORS as cg, type CanonicalFontSize as ch, type CanonicalFontWeight as ci, type CanonicalLetterSpacing as cj, type CanonicalLineHeight as ck, type CanonicalTextColor as cl, type FontFamily as cm, type FontSize as cn, type FontWeight as co, type LetterSpacing as cp, type LineHeight as cq, type TextStyle as cr, fontFamily as cs, fontSize as ct, fontSizeWithMd as cu, fontWeight as cv, letterSpacing as cw, lineHeight as cx, tailwindTypographyConfig as cy, textStyles as cz, MOTION_TOKENS as d, type ResponsiveModalSize as d0, type ResponsiveModalWidth as d1, type ResponsiveMotion as d2, type ResponsiveRadius as d3, type ResponsiveSelectSize as d4, type ResponsiveSelectWidth as d5, type ResponsiveShadow as d6, type ResponsiveSideOffset as d7, type ResponsiveSpace as d8, type ResponsiveSurface as d9, type ResponsiveTextLineHeight as da, type ResponsiveTextSize as db, type ResponsiveTextWeight as dc, type SelectSizeToken as dd, type SelectStateToken as de, type SelectVariantToken as df, type SelectWidthToken as dg, type ShadowToken as dh, type SideOffsetToken as di, type SpaceToken as dj, type SpacingToken as dk, type SurfaceToken as dl, type TextLetterSpacingToken as dm, type TextLineHeightToken as dn, type TextSizeToken as dp, type TextWeightToken as dq, type Responsive as dr, type ResponsiveContextMenuSize as ds, type ResponsiveContextMenuWidth as dt, type ContextMenuItemToneToken as du, type ResponsiveTabsSize as dv, type TabsVariantToken as dw, type TabsToneToken as dx, type Breakpoint as dy, 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 AlertVariant as k, type ButtonFontSize as l, type ButtonHeight as m, type ButtonPaddingHorizontal as n, type ButtonPaddingVertical as o, type ButtonShadow as p, type CardPadding as q, type CardRadius as r, type CardShadow as s, type CardSize as t, type CardSpacingVertical as u, type CheckboxSize as v, type CheckboxState as w, type CheckboxVariant as x, type DataListLabelWidth as y, type DataListRowPadding as z };