@tenerife.music/ui 1.0.13 → 1.0.16

package/dist/{index-BgXvioll.d.cts → index-DPWxsWs3.d.cts}

@@ -1,5 +1,3 @@
-import './colors-CVA7_16U.cjs';
-
 /**
  * Responsive Typing Primitives
  *
@@ -114,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
@@ -148,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
      */
@@ -170,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
@@ -188,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";
+        };
     };
 };
 /**
@@ -487,7 +653,7 @@ declare const DOMAIN_TOKENS: {
     };
     /**
      * Image tokens for card media
-     * Defines aspect ratio, radius, and overlay styles
+     * Defines aspect ratio, radius, overlay styles, and placeholder gradients
      */
     readonly image: {
         /**
@@ -508,6 +674,35 @@ declare const DOMAIN_TOKENS: {
         readonly overlay: {
             readonly gradient: "bg-gradient-to-t from-black/60 via-transparent to-transparent";
         };
+        /**
+         * Placeholder gradient tokens for image placeholders
+         * Used when no image URL is provided
+         */
+        readonly placeholder: {
+            readonly gradient: "bg-gradient-to-br from-muted to-muted/50";
+        };
+    };
+    /**
+     * Text tokens for card text elements
+     * Defines hover states and line clamping for titles and descriptions
+     */
+    readonly text: {
+        /**
+         * Hover state tokens for text elements
+         * Used for interactive text elements like titles
+         */
+        readonly hover: {
+            readonly primary: "group-hover:text-primary";
+        };
+        /**
+         * Line clamp tokens for text truncation
+         * Used for limiting text to specific number of lines
+         */
+        readonly lineClamp: {
+            readonly one: "line-clamp-1";
+            readonly two: "line-clamp-2";
+            readonly three: "line-clamp-3";
+        };
     };
     /**
      * Metadata tokens for card information displays
@@ -699,6 +894,81 @@ declare const DOMAIN_TOKENS: {
             readonly height: "h-6";
         };
     };
+    /**
+     * CTA (Call-to-Action) button tokens for domain card components
+     * Provides PromoCard-specific CTA button styling tokens
+     * These tokens are semantically owned by domain card components, not by the Button component
+     * References foundation tokens (spacing, typography, radius, shadows, motion) for consistency
+     */
+    readonly cta: {
+        /**
+         * CTA button styling tokens
+         * Used by PromoCard and other domain card components for CTA button elements
+         */
+        readonly button: {
+            /**
+             * Button heights by size
+             * Maps to Tailwind height utilities: h-8, h-9
+             */
+            readonly height: {
+                readonly sm: "h-8";
+                readonly md: "h-9";
+            };
+            /**
+             * Button padding by size
+             * Horizontal and vertical padding values
+             * References semanticSpacing tokens
+             */
+            readonly padding: {
+                readonly horizontal: {
+                    readonly sm: "px-sm";
+                    readonly md: "px-md";
+                };
+                readonly vertical: {
+                    readonly sm: "py-xs";
+                };
+            };
+            /**
+             * Border radius for CTA buttons
+             * References borderRadius.md (6px / 0.375rem)
+             * Using Tailwind class "rounded-md" which maps to borderRadius.md
+             */
+            readonly radius: "rounded-md";
+            /**
+             * Font sizes by button size
+             * Maps to foundation typography fontSize tokens
+             */
+            readonly fontSize: {
+                readonly sm: "text-xs";
+                readonly md: "text-sm";
+            };
+            /**
+             * Shadow tokens for CTA buttons
+             * Maps to foundation elevation shadow tokens
+             */
+            readonly shadow: {
+                readonly primary: "shadow";
+            };
+            /**
+             * Color tokens for CTA button variants
+             * Uses semantic color tokens that map to CSS variables
+             */
+            readonly variant: {
+                readonly primary: {
+                    readonly background: "bg-primary";
+                    readonly text: "text-primary-foreground";
+                    readonly hover: "hover:bg-primary/90";
+                };
+            };
+            /**
+             * Transition tokens for CTA buttons
+             * References MOTION_TOKENS for transitions
+             */
+            readonly transition: {
+                readonly colors: "transition-colors";
+            };
+        };
+    };
 };
 /**
  * Type exports for Domain Card tokens
@@ -797,31 +1067,6 @@ declare const INPUT_TOKENS: {
     readonly file: {
         readonly text: "text-[hsl(var(--foreground))]";
     };
-    /**
-     * Select listbox tokens
-     * Styling for select dropdown container
-     */
-    readonly selectListbox: {
-        readonly border: "border border-[hsl(var(--border))]";
-        readonly background: "bg-[hsl(var(--popover))]";
-        readonly text: "text-[hsl(var(--popover-foreground))]";
-        readonly radius: "rounded-md";
-        readonly shadow: "shadow-md";
-    };
-    /**
-     * Select option tokens
-     * Styling for select option items
-     */
-    readonly selectOption: {
-        readonly focus: {
-            readonly background: "focus:bg-[hsl(var(--accent))]";
-            readonly text: "focus:text-[hsl(var(--accent-foreground))]";
-        };
-        readonly selected: {
-            readonly background: "bg-[hsl(var(--accent))]";
-            readonly text: "text-[hsl(var(--accent-foreground))]";
-        };
-    };
     /**
      * Variant-based tokens
      * Border, background, and text colors for different variants
@@ -1639,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
@@ -1657,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";
@@ -2108,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";
         };
     };
 };
@@ -2769,17 +3019,24 @@ declare const DROPDOWN_TOKENS: {
             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 focus: "focus-visible:bg-[hsl(var(--accent))]";
             readonly selected: "bg-[hsl(var(--accent))]";
         };
         readonly text: {
-            readonly focus: "focus:text-[hsl(var(--accent-foreground))]";
+            readonly focus: "focus-visible:text-[hsl(var(--accent-foreground))]";
             readonly selected: "text-[hsl(var(--accent-foreground))]";
         };
         readonly padding: {
@@ -2986,8 +3243,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))]";
@@ -3727,92 +3984,25 @@ declare const MODAL_TOKENS: {
 /**
  * Data Component Tokens
  *
- * Component-level design tokens for data display components (Table, DataList, Skeleton, EmptyState).
- * Maps foundation tokens (spacing, typography, radius, shadows) to data component-specific usage.
+ * Component-level design tokens for Skeleton component only.
  *
+ * Note: Other data components (Table, DataList, EmptyState, Pagination) have their own
+ * isolated token domains:
+ * - TABLE_TOKENS (src/tokens/components/table.ts)
+ * - DATA_LIST_TOKENS (src/tokens/components/data-list.ts)
+ * - EMPTY_STATE_TOKENS (src/tokens/components/empty-state.ts)
+ * - PAGINATION_TOKENS (src/tokens/components/pagination.ts)
+ *
+ * Maps foundation tokens (spacing, typography, radius, shadows) to skeleton-specific usage.
  * All values reference foundation tokens to ensure consistency across the design system.
  */
 /**
- * Data Component Tokens
+ * Data Component Tokens (Skeleton Only)
  *
- * Defines all spacing, sizing, typography, and visual tokens for data display components.
+ * Defines all spacing, sizing, typography, and visual tokens for Skeleton component.
  * Values are mapped to Tailwind utility classes for direct use in component variants.
  */
 declare const DATA_TOKENS: {
-    /**
-     * Table Component Tokens
-     */
-    readonly table: {
-        /**
-         * Table row heights by size
-         * Maps to Tailwind height utilities
-         */
-        readonly rowHeight: {
-            readonly sm: "h-8";
-            readonly md: "h-10";
-            readonly lg: "h-12";
-        };
-        /**
-         * Table cell and header padding by size
-         * Maps to semantic spacing tokens
-         */
-        readonly padding: {
-            readonly cell: {
-                readonly sm: "p-xs";
-                readonly md: "p-sm";
-                readonly lg: "p-md";
-            };
-            readonly header: {
-                readonly sm: "px-xs py-sm";
-                readonly md: "px-sm py-md";
-                readonly lg: "px-md py-lg";
-            };
-        };
-        /**
-         * Gap between table cells (horizontal spacing)
-         */
-        readonly gap: {
-            readonly sm: "gap-xs";
-            readonly md: "gap-sm";
-        };
-        /**
-         * Border radius for table
-         */
-        readonly radius: {
-            readonly default: "rounded-md";
-        };
-        /**
-         * Shadow tokens for table
-         * Maps to foundation elevation shadow tokens
-         */
-        readonly shadow: {
-            readonly none: "shadow-none";
-            readonly subtle: "shadow-sm";
-        };
-        /**
-         * Typography tokens for table headers and cells
-         * Maps to foundation typography fontSize tokens
-         */
-        readonly typography: {
-            readonly header: {
-                readonly fontSize: "text-sm";
-                readonly fontWeight: "font-semibold";
-            };
-            readonly cell: {
-                readonly fontSize: "text-sm";
-                readonly fontWeight: "font-normal";
-            };
-        };
-        /**
-         * Color tokens for table states
-         * Uses semantic color tokens
-         */
-        readonly colors: {
-            readonly border: "border-border";
-            readonly rowHover: "hover:bg-muted/50";
-            readonly rowSelected: "bg-muted";
-        };
-    };
     /**
      * Skeleton Component Tokens
      */
@@ -3863,94 +4053,337 @@ declare const DATA_TOKENS: {
             readonly inline: "inline-block";
         };
     };
+};
+/**
+ * Type exports for Data tokens (Skeleton only)
+ */
+type SkeletonVariant = keyof typeof DATA_TOKENS.skeleton.height;
+type SkeletonAnimation = keyof typeof DATA_TOKENS.skeleton.animation;
+type SkeletonBackground = keyof typeof DATA_TOKENS.skeleton.background;
+
+/**
+ * Table Component Tokens
+ *
+ * Component-level design tokens for Table component.
+ * Maps foundation tokens (spacing, typography, radius, shadows) to table-specific usage.
+ *
+ * All values reference foundation tokens to ensure consistency across the design system.
+ *
+ * This is an isolated token domain - tokens are specific to Table component only.
+ * No other components should import or use TABLE_TOKENS.
+ */
+/**
+ * Table Component Tokens
+ *
+ * Defines all spacing, sizing, typography, and visual tokens for Table component.
+ * Values are mapped to Tailwind utility classes for direct use in component variants.
+ */
+declare const TABLE_TOKENS: {
     /**
-     * EmptyState Component Tokens
+     * Table row heights by size
+     * Maps to Tailwind height utilities
      */
-    readonly emptyState: {
-        /**
-         * Spacing tokens for EmptyState
-         * Maps to semantic spacing tokens
-         */
-        readonly spacing: {
-            readonly gap: "gap-md";
-            readonly padding: "p-lg";
+    readonly rowHeight: {
+        readonly sm: "h-8";
+        readonly md: "h-10";
+        readonly lg: "h-12";
+    };
+    /**
+     * Table cell and header padding by size
+     * Maps to semantic spacing tokens
+     */
+    readonly padding: {
+        readonly cell: {
+            readonly sm: "p-xs";
+            readonly md: "p-sm";
+            readonly lg: "p-md";
+        };
+        readonly header: {
+            readonly sm: "px-xs py-sm";
+            readonly md: "px-sm py-md";
+            readonly lg: "px-md py-lg";
         };
+    };
+    /**
+     * Gap between table cells (horizontal spacing)
+     */
+    readonly gap: {
+        readonly sm: "gap-xs";
+        readonly md: "gap-sm";
+    };
+    /**
+     * Border radius for table
+     */
+    readonly radius: {
+        readonly default: "rounded-md";
+    };
+    /**
+     * Shadow tokens for table
+     * Maps to foundation elevation shadow tokens
+     */
+    readonly shadow: {
+        readonly none: "shadow-none";
+        readonly subtle: "shadow-sm";
+    };
+    /**
+     * Typography tokens for table headers and cells
+     * Maps to foundation typography fontSize tokens
+     */
+    readonly typography: {
+        readonly header: {
+            readonly fontSize: "text-sm";
+            readonly fontWeight: "font-semibold";
+        };
+        readonly cell: {
+            readonly fontSize: "text-sm";
+            readonly fontWeight: "font-normal";
+        };
+    };
+    /**
+     * Color tokens for table states
+     * Uses semantic color tokens
+     */
+    readonly colors: {
+        readonly border: "border-border";
+        readonly rowHover: "hover:bg-muted/50";
+        readonly rowSelected: "bg-muted";
+    };
+    /**
+     * Border tokens for table
+     */
+    readonly border: {
+        readonly bottom: "border-b";
+    };
+    /**
+     * Layout tokens for table container and base styles
+     */
+    readonly layout: {
+        readonly overflow: "overflow-x-auto";
+        readonly table: "w-full border-collapse";
+    };
+    /**
+     * Sticky header tokens
+     * For sticky header positioning and styling
+     */
+    readonly sticky: {
+        readonly header: "sticky top-0 z-10 bg-background";
+    };
+    /**
+     * Expandable row tokens
+     * For expandable content styling
+     */
+    readonly expandable: {
+        readonly padding: "p-md";
+        readonly container: "p-0";
+        readonly transition: "overflow-hidden transition-all duration-normal ease-in-out";
+        readonly expanded: "max-h-[100vh] opacity-100";
+        readonly collapsed: "max-h-0 opacity-0";
+        readonly cursor: "cursor-pointer";
+        readonly content: {
+            readonly expanded: "block";
+            readonly collapsed: "hidden";
+        };
+    };
+    /**
+     * Loading state tokens
+     * For loading state cell styling
+     */
+    readonly loading: {
+        readonly cellPadding: "p-sm";
+        readonly skeletonWidth: "w-full";
+    };
+    /**
+     * Empty state tokens
+     * For empty state cell styling
+     */
+    readonly empty: {
+        readonly padding: "p-8";
+    };
+    /**
+     * Sortable header tokens
+     * For sortable header styling and interactions
+     */
+    readonly sortable: {
+        readonly hover: "hover:bg-muted/50";
+        readonly gap: "gap-2";
+        readonly cursor: "cursor-pointer select-none";
+        readonly container: "flex items-center";
+        readonly icon: {
+            readonly base: "inline-flex size-4 items-center text-muted-foreground transition-transform";
+            readonly rotated: "rotate-180";
+            readonly inactive: "opacity-30";
+        };
+    };
+};
+/**
+ * Type exports for Table tokens
+ */
+type TableRowHeight = keyof typeof TABLE_TOKENS.rowHeight;
+type TableCellPadding = keyof typeof TABLE_TOKENS.padding.cell;
+type TableHeaderPadding = keyof typeof TABLE_TOKENS.padding.header;
+type TableGap = keyof typeof TABLE_TOKENS.gap;
+type TableShadow = keyof typeof TABLE_TOKENS.shadow;
+
+/**
+ * DataList Component Tokens
+ *
+ * Component-level design tokens for DataList component.
+ * Maps foundation tokens (spacing, typography) to data-list-specific usage.
+ *
+ * All values reference foundation tokens to ensure consistency across the design system.
+ *
+ * This is an isolated token domain - tokens are specific to DataList component only.
+ * No other components should import or use DATA_LIST_TOKENS.
+ */
+/**
+ * DataList Component Tokens
+ *
+ * Defines all spacing, sizing, typography, and visual tokens for DataList component.
+ * Values are mapped to Tailwind utility classes for direct use in component variants.
+ */
+declare const DATA_LIST_TOKENS: {
+    /**
+     * Spacing tokens for DataList
+     * Maps to semantic spacing tokens
+     */
+    readonly spacing: {
+        readonly gap: "gap-md";
+        readonly padding: "p-md";
+    };
+    /**
+     * Label width tokens (for desktop horizontal layout)
+     * Maps to Tailwind width utilities
+     */
+    readonly labelWidth: {
+        readonly sm: "w-24";
+        readonly md: "w-32";
+        readonly lg: "w-40";
+    };
+    /**
+     * Row padding tokens
+     * Maps to semantic spacing tokens
+     */
+    readonly rowPadding: {
+        readonly sm: "py-xs";
+        readonly md: "py-sm";
+        readonly lg: "py-md";
+    };
+    /**
+     * Item tokens
+     * For individual DataList item styling
+     */
+    readonly item: {
         /**
-         * Border radius for EmptyState container
+         * Border tokens for items
          */
-        readonly radius: {
-            readonly default: "rounded-xl";
-        };
+        readonly border: "border-b border-border last:border-0";
         /**
-         * Icon sizes by variant
-         * Maps to Tailwind size utilities
+         * Responsive layout tokens
          */
-        readonly iconSize: {
+        readonly layout: {
+            readonly mobile: "flex flex-col";
+            readonly desktop: "md:flex-row md:items-center";
+        };
+    };
+    /**
+     * Label tokens
+     * For DataList label styling
+     */
+    readonly label: {
+        readonly mobile: "mb-1 font-semibold text-foreground";
+        readonly desktop: "md:mb-0";
+    };
+    /**
+     * Value tokens
+     * For DataList value styling
+     */
+    readonly value: {
+        readonly color: "text-muted-foreground";
+        readonly flex: "flex-1";
+    };
+};
+/**
+ * Type exports for DataList tokens
+ */
+type DataListLabelWidth = keyof typeof DATA_LIST_TOKENS.labelWidth;
+type DataListRowPadding = keyof typeof DATA_LIST_TOKENS.rowPadding;
+
+/**
+ * EmptyState Component Tokens
+ *
+ * Component-level design tokens for EmptyState component.
+ * Maps foundation tokens (spacing, typography, radius) to empty-state-specific usage.
+ *
+ * All values reference foundation tokens to ensure consistency across the design system.
+ *
+ * This is an isolated token domain - tokens are specific to EmptyState component only.
+ * No other components should import or use EMPTY_STATE_TOKENS.
+ */
+/**
+ * EmptyState Component Tokens
+ *
+ * Defines all spacing, sizing, typography, and visual tokens for EmptyState component.
+ * Values are mapped to Tailwind utility classes for direct use in component variants.
+ */
+declare const EMPTY_STATE_TOKENS: {
+    /**
+     * Spacing tokens for EmptyState
+     * Maps to semantic spacing tokens
+     */
+    readonly spacing: {
+        readonly gap: "gap-md";
+        readonly padding: "p-lg";
+        readonly action: "mt-2";
+    };
+    /**
+     * Border radius for EmptyState container
+     */
+    readonly radius: {
+        readonly default: "rounded-xl";
+    };
+    /**
+     * Icon sizes by variant
+     * Maps to Tailwind size utilities
+     */
+    readonly icon: {
+        readonly size: {
             readonly sm: "size-8";
             readonly md: "size-12";
             readonly lg: "size-16";
         };
-        /**
-         * Typography tokens for EmptyState
-         * Maps to foundation typography tokens
-         */
-        readonly typography: {
-            readonly title: {
-                readonly fontSize: "text-lg";
-                readonly fontWeight: "font-semibold";
-            };
-            readonly description: {
-                readonly fontSize: "text-sm";
-                readonly fontWeight: "font-normal";
-            };
-        };
+        readonly container: "flex items-center justify-center text-muted-foreground";
     };
     /**
-     * DataList Component Tokens
+     * Typography tokens for EmptyState
+     * Maps to foundation typography tokens
      */
-    readonly dataList: {
-        /**
-         * Spacing tokens for DataList
-         * Maps to semantic spacing tokens
-         */
-        readonly spacing: {
-            readonly gap: "gap-md";
-            readonly padding: "p-md";
-        };
-        /**
-         * Label width tokens (for desktop horizontal layout)
-         * Maps to Tailwind width utilities
-         */
-        readonly labelWidth: {
-            readonly sm: "w-24";
-            readonly md: "w-32";
-            readonly lg: "w-40";
+    readonly typography: {
+        readonly title: {
+            readonly fontSize: "text-lg";
+            readonly fontWeight: "font-semibold";
+            readonly color: "text-foreground";
         };
-        /**
-         * Row padding tokens
-         * Maps to semantic spacing tokens
-         */
-        readonly rowPadding: {
-            readonly sm: "py-xs";
-            readonly md: "py-sm";
-            readonly lg: "py-md";
+        readonly description: {
+            readonly fontSize: "text-sm";
+            readonly fontWeight: "font-normal";
+            readonly color: "text-muted-foreground";
+            readonly maxWidth: "max-w-md";
         };
     };
+    /**
+     * Alignment tokens
+     * For text alignment in EmptyState
+     */
+    readonly alignment: {
+        readonly center: "text-center";
+        readonly left: "text-left";
+        readonly right: "text-right";
+    };
 };
 /**
- * Type exports for Data tokens
+ * Type exports for EmptyState tokens
  */
-type TableRowHeight = keyof typeof DATA_TOKENS.table.rowHeight;
-type TableCellPadding = keyof typeof DATA_TOKENS.table.padding.cell;
-type TableHeaderPadding = keyof typeof DATA_TOKENS.table.padding.header;
-type TableGap = keyof typeof DATA_TOKENS.table.gap;
-type TableShadow = keyof typeof DATA_TOKENS.table.shadow;
-type SkeletonVariant = keyof typeof DATA_TOKENS.skeleton.height;
-type SkeletonAnimation = keyof typeof DATA_TOKENS.skeleton.animation;
-type SkeletonBackground = keyof typeof DATA_TOKENS.skeleton.background;
-type EmptyStateIconSize = keyof typeof DATA_TOKENS.emptyState.iconSize;
-type DataListLabelWidth = keyof typeof DATA_TOKENS.dataList.labelWidth;
-type DataListRowPadding = keyof typeof DATA_TOKENS.dataList.rowPadding;
+type EmptyStateIconSize = keyof typeof EMPTY_STATE_TOKENS.icon.size;
 
 /**
  * Icon Component Tokens
@@ -4783,118 +5216,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: {
@@ -4931,10 +5364,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: {
@@ -4961,7 +5394,7 @@ declare const keyframes: {
     readonly ping: {
         readonly "75%, 100%": {
             readonly transform: "scale(2)";
-            readonly opacity: 0;
+            readonly opacity: "0";
         };
     };
     readonly "accordion-down": {
@@ -5156,7 +5589,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";
@@ -6504,8 +7137,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";
@@ -6842,4 +7475,4 @@ type ResponsiveContextMenuSize = Responsive<ContextMenuSizeToken>;
  */
 type ResponsiveContextMenuWidth = Responsive<ContextMenuWidthToken>;
 
-export { type DomainCardImage as $, ALERT_TOKENS as A, type Breakpoint as B, type ContextMenuItemToneToken as C, type ButtonFontSize as D, type ButtonHeight as E, type ButtonPaddingHorizontal as F, type ButtonPaddingVertical as G, type ButtonShadow as H, CARD_TOKENS as I, type CardPadding as J, type CardRadius as K, type CardShadow as L, type ModalFooterAlignToken as M, type CardSize as N, type CardSpacingVertical as O, CHECKBOX_TOKENS as P, type CheckboxSize as Q, type ResponsiveSelectSize as R, type SelectVariantToken as S, type TabsVariantToken as T, type CheckboxState as U, type CheckboxVariant as V, DATA_TOKENS as W, type DataListLabelWidth as X, type DataListRowPadding as Y, DOMAIN_TOKENS as Z, type DomainCardBadge as _, type ResponsiveSelectWidth as a, SECTION_TOKENS as a$, type DomainCardLayout as a0, type DomainCardMetadata as a1, type DomainCardMotion as a2, type DomainCardPriceCapacity as a3, type DomainCardSkeleton as a4, type DomainCardSkeletonContentWidth as a5, type DomainCardSurface as a6, DROPDOWN_TOKENS as a7, type DropdownItemSize as a8, type DropdownMenuSize as a9, type MotionEasing as aA, type MotionTransition as aB, type MotionTransitionPreset as aC, NAVIGATION_TOKENS as aD, type NavigationItemPadding as aE, type NavigationListGap as aF, type NavigationRadius as aG, type NavigationShadow as aH, type NavigationSize as aI, type NavigationState as aJ, NOTIFICATION_TOKENS as aK, type NotificationPanelWidth as aL, type NotificationVariant as aM, OVERLAY_TOKENS as aN, type OverlayBackdropVariant as aO, type OverlayModalSize as aP, POPOVER_TOKENS as aQ, type PopoverArrowOffset as aR, type PopoverArrowSize as aS, type PopoverContentPadding as aT, type PopoverContentRadius as aU, type PopoverContentShadow as aV, type PopoverContentWidth as aW, RADIO_TOKENS as aX, type RadioSize as aY, type RadioState as aZ, type RadioVariant as a_, type DropdownTriggerSize as aa, type DropdownVariant as ab, type EmptyStateIconSize as ac, INPUT_TOKENS as ad, type InputFontSize as ae, type InputHeight as af, type InputPaddingHorizontal as ag, type InputPaddingVertical as ah, type InputRadius as ai, type InputSize as aj, MENU_TOKENS as ak, type MenuContentMinWidth as al, type MenuContentPadding as am, type MenuContentRadius as an, type MenuContentShadow as ao, type MenuIndicatorOffset as ap, type MenuIndicatorSize as aq, type MenuItemGap as ar, type MenuItemHeight as as, type MenuItemPadding as at, type MenuItemRadius as au, type MenuLabelPadding as av, type MenuSeparatorMargin as aw, MOTION_TOKENS as ax, type MotionAnimation as ay, type MotionDuration as az, type ResponsiveSideOffset as b, springs as b$, type SectionGap as b0, type SectionPadding as b1, type SkeletonAnimation as b2, type SkeletonBackground as b3, type SkeletonVariant as b4, SURFACE_TOKENS as b5, type SurfacePadding as b6, type SurfaceRadius as b7, type SurfaceShadow as b8, type SurfaceVariant as b9, tokenSystemSummary as bA, type Animation as bB, type Duration as bC, type Easing as bD, type Keyframe as bE, type MotionV2CombinedType as bF, type MotionV2Duration as bG, type MotionV2Easing as bH, type MotionV2SlideDirection as bI, type MotionV2Transition as bJ, type Spring as bK, type Transition as bL, animations as bM, durations as bN, easings as bO, keyframes as bP, motionCSSVariables as bQ, motionV2Combined as bR, motionV2CSSVariables as bS, motionV2Durations as bT, motionV2Easings as bU, motionV2Fade as bV, motionV2Scale as bW, motionV2Slide as bX, motionV2TailwindConfig as bY, motionV2Transitions as bZ, reducedMotion as b_, SWITCH_TOKENS as ba, type SwitchSize as bb, type SwitchState as bc, type SwitchVariant as bd, type TableCellPadding as be, type TableGap as bf, type TableHeaderPadding as bg, type TableRowHeight as bh, type TableShadow as bi, TEXT_TOKENS as bj, type TextFontSize as bk, type TextFontWeight as bl, type TextLetterSpacing as bm, type TextLineHeight as bn, TOAST_TOKENS as bo, type ToastVariant as bp, TOOLTIP_TOKENS as bq, type TooltipContentRadius as br, type TooltipContentShadow as bs, ICON_TOKENS as bt, type IconColor as bu, type IconSize as bv, type IconStroke as bw, allCSSVariables as bx, allCSSVariablesCSS as by, generateCSSVariablesCSS as bz, type ResponsiveAlignOffset as c, type SelectLabelPaddingHorizontal as c$, tailwindMotionConfig as c0, transitions as c1, type BorderRadius as c2, type ComponentRadius as c3, borderRadius as c4, componentRadius as c5, radiusCSSVariables as c6, tailwindRadiusConfig as c7, type ColoredShadow as c8, type ElevationShadow as c9, type CanonicalFontWeight as cA, type CanonicalLetterSpacing as cB, type CanonicalLineHeight as cC, type CanonicalTextColor as cD, type FontFamily as cE, type FontSize as cF, type FontWeight as cG, type LetterSpacing as cH, type LineHeight as cI, type TextStyle as cJ, fontFamily as cK, fontSize as cL, fontSizeWithMd as cM, fontWeight as cN, letterSpacing as cO, lineHeight as cP, tailwindTypographyConfig as cQ, textStyles as cR, typographyCSSVariables as cS, SELECT_TOKENS as cT, type SelectContentPadding as cU, type SelectContentRadius as cV, type SelectItemFontSize as cW, type SelectItemPaddingHorizontal as cX, type SelectItemPaddingVertical as cY, type SelectItemRadius as cZ, type SelectLabelFontSize as c_, type FocusRing as ca, type GlowEffect as cb, accentColoredShadows as cc, componentShadowMapping as cd, elevationShadows as ce, focusRings as cf, glowEffects as cg, primaryColoredShadows as ch, shadowBase as ci, shadowCSSVariables as cj, shadowOpacity as ck, tailwindShadowConfig as cl, type ComponentSpacing as cm, type ContainerSpacing as cn, type GridSpacing as co, type SectionSpacing as cp, type SemanticSpacing as cq, type Spacing as cr, type StackSpacing as cs, layoutSpacing as ct, semanticSpacing as cu, spacing as cv, spacingCSSVariables as cw, tailwindSpacingConfig as cx, UI_COLORS as cy, type CanonicalFontSize as cz, type SelectSizeToken as d, type SelectLabelPaddingVertical as d0, type SelectSeparatorMarginHorizontal as d1, type SelectSeparatorMarginVertical as d2, type SelectTriggerFontSize as d3, type SelectTriggerHeight as d4, type SelectTriggerPaddingHorizontal as d5, type SelectTriggerPaddingVertical as d6, type SelectTriggerRadius as d7, type AlignOffsetToken as d8, type AnimationPresetToken as d9, type TextLetterSpacingToken as dA, type TextLineHeightToken as dB, type TextSizeToken as dC, type TextWeightToken as dD, type AspectRatioToken as da, type ColorToken as db, type ContainerMaxWidthToken as dc, type ContainerPaddingToken as dd, type DelayToken as de, type FlexBasisToken as df, type LayoutSpaceToken as dg, type ModalHeightToken as dh, type ModalSizeToken as di, type ModalWidthToken as dj, type MotionDurationToken as dk, type MotionEasingToken as dl, type MotionToken as dm, type MotionTransitionToken as dn, type ResponsiveAspectRatio as dp, type ResponsiveContainerPadding as dq, type ResponsiveMotion as dr, type ResponsiveShadow as ds, type ResponsiveSurface as dt, type ResponsiveTextLineHeight as du, type ResponsiveTextSize as dv, type ResponsiveTextWeight as dw, type SideOffsetToken as dx, type SpaceToken as dy, type SpacingToken as dz, type SelectStateToken as e, type SelectWidthToken as f, type ResponsiveModalSize as g, type ResponsiveModalWidth as h, type ResponsiveModalHeight as i, type ResponsiveSpace as j, type RadiusToken as k, type SurfaceToken as l, type ResponsiveRadius as m, type ShadowToken as n, type ResponsiveColor as o, type Responsive as p, type ResponsiveContainerMaxWidth as q, type ResponsiveFlexBasis as r, type ResponsiveDelay as s, type ResponsiveContextMenuSize as t, type ResponsiveContextMenuWidth as u, type ResponsiveTabsSize as v, type TabsToneToken as w, type ResponsiveAnimationPreset as x, type AlertVariant as y, BUTTON_TOKENS as z };
+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 };