@tenerife.music/ui 1.2.1 → 2.0.0

package/dist/tokens/index.d.cts

@@ -1,5 +1,5 @@
 export { B as BaseColorTokens, C as ChartColors, a as ColorScale, b as ColorTokens, M as Mode, S as SemanticColors, c as SurfaceColors, T as TextColors, d as accentColors, e as baseColors, f as chartColors, g as colorCSSVariables, h as cssVariableColorTokens, p as primaryColors, s as secondaryColors, i as semanticColors, j as surfaceColors, t as tailwindThemeColors, k as textColors } from '../colors-BrFmCQv-.cjs';
-export { A as ALERT_TOKENS, j as AlertVariant, cr as AlignOffsetToken, b9 as Animation, cs as AnimationPresetToken, ct as AspectRatioToken, B as BUTTON_TOKENS, bC as BorderRadius, k as ButtonFontSize, l as ButtonHeight, m as ButtonPaddingHorizontal, n as ButtonPaddingVertical, o as ButtonShadow, C as CARD_TOKENS, a as CHECKBOX_TOKENS, c7 as CanonicalFontSize, c8 as CanonicalFontWeight, c9 as CanonicalLetterSpacing, ca as CanonicalLineHeight, cb as CanonicalTextColor, p as CardPadding, q as CardRadius, r as CardShadow, s as CardSize, t as CardSpacingVertical, u as CheckboxSize, v as CheckboxState, w as CheckboxVariant, cu as ColorToken, bI as ColoredShadow, bD as ComponentRadius, bW as ComponentSpacing, cv as ContainerMaxWidthToken, cw as ContainerPaddingToken, bX as ContainerSpacing, D as DATA_TOKENS, x as DataListLabelWidth, y as DataListRowPadding, cx as DelayToken, ba as Duration, bb as Easing, bJ as ElevationShadow, E as EmptyStateIconSize, cy as FlexBasisToken, bK as FocusRing, cc as FontFamily, cd as FontSize, ce as FontWeight, bL as GlowEffect, bY as GridSpacing, I as ICON_TOKENS, b as INPUT_TOKENS, z as IconColor, F as IconSize, G as IconStroke, H as InputFontSize, J as InputHeight, K as InputPaddingHorizontal, L as InputPaddingVertical, Q as InputRadius, U as InputSize, bc as Keyframe, cz as LayoutSpaceToken, cf as LetterSpacing, cg as LineHeight, M as MENU_TOKENS, c as MOTION_TOKENS, V as MenuContentMinWidth, W as MenuContentPadding, X as MenuContentRadius, Y as MenuContentShadow, Z as MenuIndicatorOffset, _ as MenuIndicatorSize, $ as MenuItemGap, a0 as MenuItemHeight, a1 as MenuItemPadding, a2 as MenuItemRadius, a3 as MenuLabelPadding, a4 as MenuSeparatorMargin, cA as ModalFooterAlignToken, cB as ModalHeightToken, cC as ModalSizeToken, cD as ModalWidthToken, a5 as MotionAnimation, a6 as MotionDuration, cE as MotionDurationToken, a7 as MotionEasing, cF as MotionEasingToken, cG as MotionToken, a8 as MotionTransition, a9 as MotionTransitionPreset, cH as MotionTransitionToken, bo as MotionV2CombinedType, bp as MotionV2Duration, bq as MotionV2Easing, br as MotionV2SlideDirection, bs as MotionV2Transition, N as NAVIGATION_TOKENS, d as NOTIFICATION_TOKENS, aa as NavigationItemPadding, ab as NavigationListGap, ac as NavigationRadius, ad as NavigationShadow, ae as NavigationSize, af as NavigationState, ag as NotificationPanelWidth, ah as NotificationVariant, O as OVERLAY_TOKENS, ai as OverlayBackdropVariant, aj as OverlayModalSize, P as POPOVER_TOKENS, ak as PopoverArrowOffset, al as PopoverArrowSize, am as PopoverContentPadding, an as PopoverContentRadius, ao as PopoverContentShadow, ap as PopoverContentWidth, R as RADIO_TOKENS, aq as RadioSize, ar as RadioState, as as RadioVariant, cI as RadiusToken, cJ as ResponsiveAlignOffset, cK as ResponsiveAnimationPreset, cL as ResponsiveAspectRatio, cM as ResponsiveColor, cN as ResponsiveContainerMaxWidth, cO as ResponsiveContainerPadding, cP as ResponsiveDelay, cQ as ResponsiveFlexBasis, cR as ResponsiveModalHeight, cS as ResponsiveModalSize, cT as ResponsiveModalWidth, cU as ResponsiveMotion, cV as ResponsiveRadius, cW as ResponsiveSelectSize, cX as ResponsiveSelectWidth, cY as ResponsiveShadow, cZ as ResponsiveSideOffset, c_ as ResponsiveSpace, c$ as ResponsiveSurface, d0 as ResponsiveTextLineHeight, d1 as ResponsiveTextSize, d2 as ResponsiveTextWeight, S as SECTION_TOKENS, e as SELECT_TOKENS, f as SURFACE_TOKENS, g as SWITCH_TOKENS, at as SectionGap, au as SectionPadding, bZ as SectionSpacing, av as SelectContentPadding, aw as SelectContentRadius, ax as SelectItemFontSize, ay as SelectItemPaddingHorizontal, az as SelectItemPaddingVertical, aA as SelectItemRadius, aB as SelectLabelFontSize, aC as SelectLabelPaddingHorizontal, aD as SelectLabelPaddingVertical, aE as SelectSeparatorMarginHorizontal, aF as SelectSeparatorMarginVertical, d3 as SelectSizeToken, d4 as SelectStateToken, aG as SelectTriggerFontSize, aH as SelectTriggerHeight, aI as SelectTriggerPaddingHorizontal, aJ as SelectTriggerPaddingVertical, aK as SelectTriggerRadius, d5 as SelectVariantToken, d6 as SelectWidthToken, b_ as SemanticSpacing, d7 as ShadowToken, d8 as SideOffsetToken, aL as SkeletonAnimation, aM as SkeletonBackground, aN as SkeletonVariant, d9 as SpaceToken, b$ as Spacing, da as SpacingToken, bd as Spring, c0 as StackSpacing, aO as SurfacePadding, aP as SurfaceRadius, aQ as SurfaceShadow, db as SurfaceToken, aR as SurfaceVariant, aS as SwitchSize, aT as SwitchState, aU as SwitchVariant, T as TEXT_TOKENS, h as TOAST_TOKENS, i as TOOLTIP_TOKENS, aV as TableCellPadding, aW as TableGap, aX as TableHeaderPadding, aY as TableRowHeight, aZ as TableShadow, a_ as TextFontSize, a$ as TextFontWeight, b0 as TextLetterSpacing, dc as TextLetterSpacingToken, b1 as TextLineHeight, dd as TextLineHeightToken, de as TextSizeToken, ch as TextStyle, df as TextWeightToken, b2 as ToastVariant, b3 as TooltipContentRadius, b4 as TooltipContentShadow, be as Transition, c6 as UI_COLORS, bM as accentColoredShadows, b5 as allCSSVariables, b6 as allCSSVariablesCSS, bf as animations, bE as borderRadius, bF as componentRadius, bN as componentShadowMapping, bg as durations, bh as easings, bO as elevationShadows, bP as focusRings, ci as fontFamily, cj as fontSize, ck as fontSizeWithMd, cl as fontWeight, b7 as generateCSSVariablesCSS, bQ as glowEffects, bi as keyframes, c1 as layoutSpacing, cm as letterSpacing, cn as lineHeight, bj as motionCSSVariables, bt as motionV2CSSVariables, bu as motionV2Combined, bv as motionV2Durations, bw as motionV2Easings, bx as motionV2Fade, by as motionV2Scale, bz as motionV2Slide, bA as motionV2TailwindConfig, bB as motionV2Transitions, bR as primaryColoredShadows, bG as radiusCSSVariables, bk as reducedMotion, c2 as semanticSpacing, bS as shadowBase, bT as shadowCSSVariables, bU as shadowOpacity, c3 as spacing, c4 as spacingCSSVariables, bl as springs, bm as tailwindMotionConfig, bH as tailwindRadiusConfig, bV as tailwindShadowConfig, c5 as tailwindSpacingConfig, co as tailwindTypographyConfig, cp as textStyles, b8 as tokenSystemSummary, bn as transitions, cq as typographyCSSVariables } from '../index-DXmHg8ji.cjs';
+export { A as ALERT_TOKENS, ce as AlignOffsetToken, cf as AnimationPresetToken, cg as AspectRatioToken, B as BUTTON_TOKENS, bp as BorderRadius, k as ButtonFontSize, l as ButtonHeight, m as ButtonPaddingHorizontal, n as ButtonPaddingVertical, o as ButtonShadow, C as CARD_TOKENS, a as CHECKBOX_TOKENS, bW as CanonicalFontSize, bX as CanonicalFontWeight, bY as CanonicalLetterSpacing, bZ as CanonicalLineHeight, b_ as CanonicalTextColor, p as CardPadding, q as CardRadius, r as CardShadow, s as CardSize, t as CardSpacingVertical, u as CheckboxSize, v as CheckboxState, w as CheckboxVariant, ch as ColorToken, bv as ColoredShadow, a6 as ComponentMotionDuration, a7 as ComponentMotionEasing, a8 as ComponentMotionTransition, bq as ComponentRadius, bJ as ComponentSpacing, ci as ContainerMaxWidthToken, cj as ContainerPaddingToken, bK as ContainerSpacing, b as DATA_LIST_TOKENS, D as DATA_TOKENS, x as DataListLabelWidth, y as DataListRowPadding, ck as DelayToken, bw as ElevationShadow, E as EmptyStateIconSize, cl as FlexBasisToken, bx as FocusRing, b$ as FontFamily, c0 as FontSize, c1 as FontWeight, by as GlowEffect, bL as GridSpacing, I as ICON_TOKENS, c as INPUT_TOKENS, z as IconColor, F as IconSize, G as IconStroke, H as InputFontSize, J as InputHeight, K as InputPaddingHorizontal, L as InputPaddingVertical, Q as InputRadius, U as InputSize, cm as LayoutSpaceToken, c2 as LetterSpacing, c3 as LineHeight, M as MENU_TOKENS, d as MOTION_TOKENS, V as MenuContentMinWidth, W as MenuContentPadding, X as MenuContentRadius, Y as MenuContentShadow, Z as MenuIndicatorOffset, _ as MenuIndicatorSize, $ as MenuItemGap, a0 as MenuItemHeight, a1 as MenuItemPadding, a2 as MenuItemRadius, a3 as MenuLabelPadding, a4 as MenuSeparatorMargin, cn as ModalFooterAlignToken, co as ModalHeightToken, cp as ModalSizeToken, cq as ModalWidthToken, a5 as MotionAnimation, b9 as MotionCombinedType, ba as MotionDuration, cr as MotionDurationToken, bb as MotionEasing, cs as MotionEasingToken, bc as MotionSlideDirection, ct as MotionToken, bd as MotionTransition, a9 as MotionTransitionPreset, cu as MotionTransitionToken, N as NAVIGATION_TOKENS, e as NOTIFICATION_TOKENS, aa as NavigationItemPadding, ab as NavigationListGap, ac as NavigationRadius, ad as NavigationShadow, ae as NavigationSize, af as NavigationState, ag as NotificationPanelWidth, ah as NotificationVariant, O as OVERLAY_TOKENS, ai as OverlayBackdropVariant, aj as OverlayModalSize, P as POPOVER_TOKENS, ak as PopoverArrowOffset, al as PopoverArrowSize, am as PopoverContentPadding, an as PopoverContentRadius, ao as PopoverContentShadow, ap as PopoverContentWidth, R as RADIO_TOKENS, aq as RadioSize, ar as RadioState, as as RadioVariant, cv as RadiusToken, cw as ResponsiveAlignOffset, cx as ResponsiveAnimationPreset, cy as ResponsiveAspectRatio, cz as ResponsiveColor, cA as ResponsiveContainerMaxWidth, cB as ResponsiveContainerPadding, cC as ResponsiveDelay, cD as ResponsiveFlexBasis, cE as ResponsiveModalHeight, cF as ResponsiveModalSize, cG as ResponsiveModalWidth, cH as ResponsiveMotion, cI as ResponsiveRadius, cJ as ResponsiveSelectSize, cK as ResponsiveSelectWidth, cL as ResponsiveShadow, cM as ResponsiveSideOffset, cN as ResponsiveSpace, cO as ResponsiveSurface, cP as ResponsiveTextLineHeight, cQ as ResponsiveTextSize, cR as ResponsiveTextWeight, S as SECTION_TOKENS, f as SELECT_TOKENS, g as SURFACE_TOKENS, h as SWITCH_TOKENS, at as SectionGap, au as SectionPadding, bM as SectionSpacing, av as SelectContentPadding, aw as SelectContentRadius, ax as SelectItemFontSize, ay as SelectItemPaddingHorizontal, az as SelectItemPaddingVertical, aA as SelectItemRadius, aB as SelectLabelFontSize, aC as SelectLabelPaddingHorizontal, aD as SelectLabelPaddingVertical, aE as SelectSeparatorMarginHorizontal, aF as SelectSeparatorMarginVertical, cS as SelectSizeToken, cT as SelectStateToken, aG as SelectTriggerFontSize, aH as SelectTriggerHeight, aI as SelectTriggerPaddingHorizontal, aJ as SelectTriggerPaddingVertical, aK as SelectTriggerRadius, cU as SelectVariantToken, cV as SelectWidthToken, bN as SemanticSpacing, cW as ShadowToken, cX as SideOffsetToken, aL as SkeletonAnimation, aM as SkeletonBackground, aN as SkeletonVariant, cY as SpaceToken, bO as Spacing, cZ as SpacingToken, bP as StackSpacing, aO as SurfacePadding, aP as SurfaceRadius, aQ as SurfaceShadow, c_ as SurfaceToken, aR as SurfaceVariant, aS as SwitchSize, aT as SwitchState, aU as SwitchVariant, T as TEXT_TOKENS, i as TOAST_TOKENS, j as TOOLTIP_TOKENS, aV as TableCellPadding, aW as TableGap, aX as TableHeaderPadding, aY as TableRowHeight, aZ as TableShadow, a_ as TextFontSize, a$ as TextFontWeight, b0 as TextLetterSpacing, c$ as TextLetterSpacingToken, b1 as TextLineHeight, d0 as TextLineHeightToken, d1 as TextSizeToken, c4 as TextStyle, d2 as TextWeightToken, b2 as ToastVariant, b3 as TooltipContentRadius, b4 as TooltipContentShadow, bV as UI_COLORS, bz as accentColoredShadows, b5 as allCSSVariables, b6 as allCSSVariablesCSS, br as borderRadius, bs as componentRadius, bA as componentShadowMapping, bB as elevationShadows, bC as focusRings, c5 as fontFamily, c6 as fontSize, c7 as fontSizeWithMd, c8 as fontWeight, b7 as generateCSSVariablesCSS, bD as glowEffects, bQ as layoutSpacing, c9 as letterSpacing, ca as lineHeight, be as motionCSSVariables, bf as motionCombined, bg as motionDurations, bh as motionEasings, bi as motionFade, bj as motionReducedMotion, bk as motionScale, bl as motionSlide, bm as motionTailwindConfig, bn as motionTransitionProperty, bo as motionTransitions, bE as primaryColoredShadows, bt as radiusCSSVariables, bR as semanticSpacing, bF as shadowBase, bG as shadowCSSVariables, bH as shadowOpacity, bS as spacing, bT as spacingCSSVariables, bu as tailwindRadiusConfig, bI as tailwindShadowConfig, bU as tailwindSpacingConfig, cb as tailwindTypographyConfig, cc as textStyles, b8 as tokenSystemSummary, cd as typographyCSSVariables } from '../index-DGtRM9Db.cjs';
 
 /**
  * Artist Card Component Tokens
@@ -257,6 +257,7 @@ declare const DOMAIN_TOKENS: {
         /**
          * Overlay gradient tokens for image overlays
          * Used for hover states and text readability
+         * References GRADIENT_TOKENS.overlay.dark
          */
         readonly overlay: {
             readonly gradient: "bg-gradient-to-t from-black/60 via-transparent to-transparent";
@@ -264,6 +265,7 @@ declare const DOMAIN_TOKENS: {
         /**
          * Placeholder gradient tokens for image placeholders
          * Used when no image URL is provided
+         * References GRADIENT_TOKENS.surface.muted
          */
         readonly placeholder: {
             readonly gradient: "bg-gradient-to-br from-muted to-muted/50";
@@ -359,6 +361,7 @@ declare const DOMAIN_TOKENS: {
         /**
          * Badge surface (background) tokens
          * Maps to semantic color tokens
+         * References GRADIENT_TOKENS.brand.featured for featured badges
          */
         readonly surface: {
             readonly default: "bg-primary";
@@ -570,4 +573,164 @@ type DomainCardMotion = typeof DOMAIN_TOKENS.motion;
 type DomainCardSkeleton = typeof DOMAIN_TOKENS.skeleton;
 type DomainCardSkeletonContentWidth = typeof DOMAIN_TOKENS.skeleton.content.width;
 
-export { ARTIST_TOKENS, type ArtistCardFooterBorder, type ArtistCardImageContainer, type ArtistCardImagePlaceholder, type ArtistCardImageSizing, DOMAIN_TOKENS, type DomainCardBadge, type DomainCardImage, type DomainCardLayout, type DomainCardMetadata, type DomainCardMotion, type DomainCardPriceCapacity, type DomainCardSkeleton, type DomainCardSkeletonContentWidth, type DomainCardSurface };
+/**
+ * SimpleTable Component Tokens
+ *
+ * Component-level design tokens for SimpleTable component.
+ * Maps foundation tokens (spacing, typography, radius) to simple-table-specific usage.
+ *
+ * All values use Tailwind utility classes that map to foundation tokens.
+ */
+/**
+ * SimpleTable Component Tokens
+ *
+ * Defines tokens for simple table spacing, typography, and layout by size.
+ * Values are mapped to Tailwind utility classes for direct use.
+ */
+declare const SIMPLETABLE_TOKENS: {
+    /**
+     * Cell padding by size
+     * Maps to semanticSpacing tokens
+     */
+    readonly padding: {
+        readonly cell: {
+            readonly sm: "p-xs";
+            readonly md: "p-sm";
+            readonly lg: "p-md";
+        };
+        readonly header: {
+            readonly sm: "px-xs py-xs";
+            readonly md: "px-sm py-sm";
+            readonly lg: "px-md py-md";
+        };
+    };
+    /**
+     * Typography tokens for table headers and cells by size
+     * Maps to fontSize and fontWeight tokens
+     */
+    readonly typography: {
+        readonly header: {
+            readonly sm: "text-xs font-medium text-muted-foreground";
+            readonly md: "text-sm font-medium text-muted-foreground";
+            readonly lg: "text-base font-medium text-muted-foreground";
+        };
+        readonly cell: {
+            readonly sm: "text-xs";
+            readonly md: "text-sm";
+            readonly lg: "text-base";
+        };
+    };
+    /**
+     * Layout tokens for table container and base styles
+     */
+    readonly layout: {
+        readonly overflow: "overflow-x-auto";
+        readonly table: "w-full border-collapse";
+    };
+    /**
+     * Border tokens for table
+     */
+    readonly border: {
+        readonly bottom: "border-b";
+        readonly color: "border-border";
+    };
+    /**
+     * State tokens for table rows
+     */
+    readonly state: {
+        readonly rowHover: "hover:bg-muted/50";
+    };
+    /**
+     * Text alignment tokens
+     */
+    readonly alignment: {
+        readonly left: "text-left";
+    };
+};
+
+/**
+ * List Component Tokens
+ *
+ * Component-level design tokens for List component.
+ * Maps foundation tokens (spacing, typography, radius) to 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 List component only.
+ * No other components should import or use LIST_TOKENS.
+ */
+/**
+ * List Component Tokens
+ *
+ * Defines all spacing, sizing, typography, radius, and visual tokens for List component.
+ * Values are mapped to Tailwind utility classes for direct use in component.
+ */
+declare const LIST_TOKENS: {
+    /**
+     * Spacing tokens for List container
+     * Maps to semantic spacing tokens
+     */
+    readonly spacing: {
+        readonly gap: "space-y-sm";
+    };
+    /**
+     * List item tokens
+     * For individual list item styling
+     */
+    readonly item: {
+        /**
+         * Padding tokens for item container
+         * Maps to semantic spacing tokens
+         */
+        readonly padding: "p-md";
+        /**
+         * Border radius tokens for item container
+         * Maps to foundation radius tokens
+         */
+        readonly radius: "rounded-lg";
+        /**
+         * Border token
+         */
+        readonly border: "border";
+        /**
+         * Transition token
+         */
+        readonly transition: "transition-colors";
+        /**
+         * Hover state tokens
+         */
+        readonly hover: {
+            readonly background: "hover:bg-muted/50";
+        };
+    };
+    /**
+     * Title tokens
+     * For list item title styling
+     */
+    readonly title: {
+        readonly fontWeight: "font-medium";
+        readonly color: "text-foreground";
+    };
+    /**
+     * Description tokens
+     * For list item description styling
+     */
+    readonly description: {
+        /**
+         * Margin top token
+         * Maps to semantic spacing tokens
+         */
+        readonly marginTop: "mt-xs";
+        /**
+         * Font size token
+         * Maps to foundation typography tokens
+         */
+        readonly fontSize: "text-sm";
+        /**
+         * Text color token
+         */
+        readonly color: "text-muted-foreground";
+    };
+};
+
+export { ARTIST_TOKENS, type ArtistCardFooterBorder, type ArtistCardImageContainer, type ArtistCardImagePlaceholder, type ArtistCardImageSizing, DOMAIN_TOKENS, type DomainCardBadge, type DomainCardImage, type DomainCardLayout, type DomainCardMetadata, type DomainCardMotion, type DomainCardPriceCapacity, type DomainCardSkeleton, type DomainCardSkeletonContentWidth, type DomainCardSurface, LIST_TOKENS, SIMPLETABLE_TOKENS };

package/dist/tokens/index.d.ts

@@ -1,5 +1,5 @@
 export { B as BaseColorTokens, C as ChartColors, a as ColorScale, b as ColorTokens, M as Mode, S as SemanticColors, c as SurfaceColors, T as TextColors, d as accentColors, e as baseColors, f as chartColors, g as colorCSSVariables, h as cssVariableColorTokens, p as primaryColors, s as secondaryColors, i as semanticColors, j as surfaceColors, t as tailwindThemeColors, k as textColors } from '../colors-BrFmCQv-.js';
-export { A as ALERT_TOKENS, j as AlertVariant, cr as AlignOffsetToken, b9 as Animation, cs as AnimationPresetToken, ct as AspectRatioToken, B as BUTTON_TOKENS, bC as BorderRadius, k as ButtonFontSize, l as ButtonHeight, m as ButtonPaddingHorizontal, n as ButtonPaddingVertical, o as ButtonShadow, C as CARD_TOKENS, a as CHECKBOX_TOKENS, c7 as CanonicalFontSize, c8 as CanonicalFontWeight, c9 as CanonicalLetterSpacing, ca as CanonicalLineHeight, cb as CanonicalTextColor, p as CardPadding, q as CardRadius, r as CardShadow, s as CardSize, t as CardSpacingVertical, u as CheckboxSize, v as CheckboxState, w as CheckboxVariant, cu as ColorToken, bI as ColoredShadow, bD as ComponentRadius, bW as ComponentSpacing, cv as ContainerMaxWidthToken, cw as ContainerPaddingToken, bX as ContainerSpacing, D as DATA_TOKENS, x as DataListLabelWidth, y as DataListRowPadding, cx as DelayToken, ba as Duration, bb as Easing, bJ as ElevationShadow, E as EmptyStateIconSize, cy as FlexBasisToken, bK as FocusRing, cc as FontFamily, cd as FontSize, ce as FontWeight, bL as GlowEffect, bY as GridSpacing, I as ICON_TOKENS, b as INPUT_TOKENS, z as IconColor, F as IconSize, G as IconStroke, H as InputFontSize, J as InputHeight, K as InputPaddingHorizontal, L as InputPaddingVertical, Q as InputRadius, U as InputSize, bc as Keyframe, cz as LayoutSpaceToken, cf as LetterSpacing, cg as LineHeight, M as MENU_TOKENS, c as MOTION_TOKENS, V as MenuContentMinWidth, W as MenuContentPadding, X as MenuContentRadius, Y as MenuContentShadow, Z as MenuIndicatorOffset, _ as MenuIndicatorSize, $ as MenuItemGap, a0 as MenuItemHeight, a1 as MenuItemPadding, a2 as MenuItemRadius, a3 as MenuLabelPadding, a4 as MenuSeparatorMargin, cA as ModalFooterAlignToken, cB as ModalHeightToken, cC as ModalSizeToken, cD as ModalWidthToken, a5 as MotionAnimation, a6 as MotionDuration, cE as MotionDurationToken, a7 as MotionEasing, cF as MotionEasingToken, cG as MotionToken, a8 as MotionTransition, a9 as MotionTransitionPreset, cH as MotionTransitionToken, bo as MotionV2CombinedType, bp as MotionV2Duration, bq as MotionV2Easing, br as MotionV2SlideDirection, bs as MotionV2Transition, N as NAVIGATION_TOKENS, d as NOTIFICATION_TOKENS, aa as NavigationItemPadding, ab as NavigationListGap, ac as NavigationRadius, ad as NavigationShadow, ae as NavigationSize, af as NavigationState, ag as NotificationPanelWidth, ah as NotificationVariant, O as OVERLAY_TOKENS, ai as OverlayBackdropVariant, aj as OverlayModalSize, P as POPOVER_TOKENS, ak as PopoverArrowOffset, al as PopoverArrowSize, am as PopoverContentPadding, an as PopoverContentRadius, ao as PopoverContentShadow, ap as PopoverContentWidth, R as RADIO_TOKENS, aq as RadioSize, ar as RadioState, as as RadioVariant, cI as RadiusToken, cJ as ResponsiveAlignOffset, cK as ResponsiveAnimationPreset, cL as ResponsiveAspectRatio, cM as ResponsiveColor, cN as ResponsiveContainerMaxWidth, cO as ResponsiveContainerPadding, cP as ResponsiveDelay, cQ as ResponsiveFlexBasis, cR as ResponsiveModalHeight, cS as ResponsiveModalSize, cT as ResponsiveModalWidth, cU as ResponsiveMotion, cV as ResponsiveRadius, cW as ResponsiveSelectSize, cX as ResponsiveSelectWidth, cY as ResponsiveShadow, cZ as ResponsiveSideOffset, c_ as ResponsiveSpace, c$ as ResponsiveSurface, d0 as ResponsiveTextLineHeight, d1 as ResponsiveTextSize, d2 as ResponsiveTextWeight, S as SECTION_TOKENS, e as SELECT_TOKENS, f as SURFACE_TOKENS, g as SWITCH_TOKENS, at as SectionGap, au as SectionPadding, bZ as SectionSpacing, av as SelectContentPadding, aw as SelectContentRadius, ax as SelectItemFontSize, ay as SelectItemPaddingHorizontal, az as SelectItemPaddingVertical, aA as SelectItemRadius, aB as SelectLabelFontSize, aC as SelectLabelPaddingHorizontal, aD as SelectLabelPaddingVertical, aE as SelectSeparatorMarginHorizontal, aF as SelectSeparatorMarginVertical, d3 as SelectSizeToken, d4 as SelectStateToken, aG as SelectTriggerFontSize, aH as SelectTriggerHeight, aI as SelectTriggerPaddingHorizontal, aJ as SelectTriggerPaddingVertical, aK as SelectTriggerRadius, d5 as SelectVariantToken, d6 as SelectWidthToken, b_ as SemanticSpacing, d7 as ShadowToken, d8 as SideOffsetToken, aL as SkeletonAnimation, aM as SkeletonBackground, aN as SkeletonVariant, d9 as SpaceToken, b$ as Spacing, da as SpacingToken, bd as Spring, c0 as StackSpacing, aO as SurfacePadding, aP as SurfaceRadius, aQ as SurfaceShadow, db as SurfaceToken, aR as SurfaceVariant, aS as SwitchSize, aT as SwitchState, aU as SwitchVariant, T as TEXT_TOKENS, h as TOAST_TOKENS, i as TOOLTIP_TOKENS, aV as TableCellPadding, aW as TableGap, aX as TableHeaderPadding, aY as TableRowHeight, aZ as TableShadow, a_ as TextFontSize, a$ as TextFontWeight, b0 as TextLetterSpacing, dc as TextLetterSpacingToken, b1 as TextLineHeight, dd as TextLineHeightToken, de as TextSizeToken, ch as TextStyle, df as TextWeightToken, b2 as ToastVariant, b3 as TooltipContentRadius, b4 as TooltipContentShadow, be as Transition, c6 as UI_COLORS, bM as accentColoredShadows, b5 as allCSSVariables, b6 as allCSSVariablesCSS, bf as animations, bE as borderRadius, bF as componentRadius, bN as componentShadowMapping, bg as durations, bh as easings, bO as elevationShadows, bP as focusRings, ci as fontFamily, cj as fontSize, ck as fontSizeWithMd, cl as fontWeight, b7 as generateCSSVariablesCSS, bQ as glowEffects, bi as keyframes, c1 as layoutSpacing, cm as letterSpacing, cn as lineHeight, bj as motionCSSVariables, bt as motionV2CSSVariables, bu as motionV2Combined, bv as motionV2Durations, bw as motionV2Easings, bx as motionV2Fade, by as motionV2Scale, bz as motionV2Slide, bA as motionV2TailwindConfig, bB as motionV2Transitions, bR as primaryColoredShadows, bG as radiusCSSVariables, bk as reducedMotion, c2 as semanticSpacing, bS as shadowBase, bT as shadowCSSVariables, bU as shadowOpacity, c3 as spacing, c4 as spacingCSSVariables, bl as springs, bm as tailwindMotionConfig, bH as tailwindRadiusConfig, bV as tailwindShadowConfig, c5 as tailwindSpacingConfig, co as tailwindTypographyConfig, cp as textStyles, b8 as tokenSystemSummary, bn as transitions, cq as typographyCSSVariables } from '../index-DXmHg8ji.js';
+export { A as ALERT_TOKENS, ce as AlignOffsetToken, cf as AnimationPresetToken, cg as AspectRatioToken, B as BUTTON_TOKENS, bp as BorderRadius, k as ButtonFontSize, l as ButtonHeight, m as ButtonPaddingHorizontal, n as ButtonPaddingVertical, o as ButtonShadow, C as CARD_TOKENS, a as CHECKBOX_TOKENS, bW as CanonicalFontSize, bX as CanonicalFontWeight, bY as CanonicalLetterSpacing, bZ as CanonicalLineHeight, b_ as CanonicalTextColor, p as CardPadding, q as CardRadius, r as CardShadow, s as CardSize, t as CardSpacingVertical, u as CheckboxSize, v as CheckboxState, w as CheckboxVariant, ch as ColorToken, bv as ColoredShadow, a6 as ComponentMotionDuration, a7 as ComponentMotionEasing, a8 as ComponentMotionTransition, bq as ComponentRadius, bJ as ComponentSpacing, ci as ContainerMaxWidthToken, cj as ContainerPaddingToken, bK as ContainerSpacing, b as DATA_LIST_TOKENS, D as DATA_TOKENS, x as DataListLabelWidth, y as DataListRowPadding, ck as DelayToken, bw as ElevationShadow, E as EmptyStateIconSize, cl as FlexBasisToken, bx as FocusRing, b$ as FontFamily, c0 as FontSize, c1 as FontWeight, by as GlowEffect, bL as GridSpacing, I as ICON_TOKENS, c as INPUT_TOKENS, z as IconColor, F as IconSize, G as IconStroke, H as InputFontSize, J as InputHeight, K as InputPaddingHorizontal, L as InputPaddingVertical, Q as InputRadius, U as InputSize, cm as LayoutSpaceToken, c2 as LetterSpacing, c3 as LineHeight, M as MENU_TOKENS, d as MOTION_TOKENS, V as MenuContentMinWidth, W as MenuContentPadding, X as MenuContentRadius, Y as MenuContentShadow, Z as MenuIndicatorOffset, _ as MenuIndicatorSize, $ as MenuItemGap, a0 as MenuItemHeight, a1 as MenuItemPadding, a2 as MenuItemRadius, a3 as MenuLabelPadding, a4 as MenuSeparatorMargin, cn as ModalFooterAlignToken, co as ModalHeightToken, cp as ModalSizeToken, cq as ModalWidthToken, a5 as MotionAnimation, b9 as MotionCombinedType, ba as MotionDuration, cr as MotionDurationToken, bb as MotionEasing, cs as MotionEasingToken, bc as MotionSlideDirection, ct as MotionToken, bd as MotionTransition, a9 as MotionTransitionPreset, cu as MotionTransitionToken, N as NAVIGATION_TOKENS, e as NOTIFICATION_TOKENS, aa as NavigationItemPadding, ab as NavigationListGap, ac as NavigationRadius, ad as NavigationShadow, ae as NavigationSize, af as NavigationState, ag as NotificationPanelWidth, ah as NotificationVariant, O as OVERLAY_TOKENS, ai as OverlayBackdropVariant, aj as OverlayModalSize, P as POPOVER_TOKENS, ak as PopoverArrowOffset, al as PopoverArrowSize, am as PopoverContentPadding, an as PopoverContentRadius, ao as PopoverContentShadow, ap as PopoverContentWidth, R as RADIO_TOKENS, aq as RadioSize, ar as RadioState, as as RadioVariant, cv as RadiusToken, cw as ResponsiveAlignOffset, cx as ResponsiveAnimationPreset, cy as ResponsiveAspectRatio, cz as ResponsiveColor, cA as ResponsiveContainerMaxWidth, cB as ResponsiveContainerPadding, cC as ResponsiveDelay, cD as ResponsiveFlexBasis, cE as ResponsiveModalHeight, cF as ResponsiveModalSize, cG as ResponsiveModalWidth, cH as ResponsiveMotion, cI as ResponsiveRadius, cJ as ResponsiveSelectSize, cK as ResponsiveSelectWidth, cL as ResponsiveShadow, cM as ResponsiveSideOffset, cN as ResponsiveSpace, cO as ResponsiveSurface, cP as ResponsiveTextLineHeight, cQ as ResponsiveTextSize, cR as ResponsiveTextWeight, S as SECTION_TOKENS, f as SELECT_TOKENS, g as SURFACE_TOKENS, h as SWITCH_TOKENS, at as SectionGap, au as SectionPadding, bM as SectionSpacing, av as SelectContentPadding, aw as SelectContentRadius, ax as SelectItemFontSize, ay as SelectItemPaddingHorizontal, az as SelectItemPaddingVertical, aA as SelectItemRadius, aB as SelectLabelFontSize, aC as SelectLabelPaddingHorizontal, aD as SelectLabelPaddingVertical, aE as SelectSeparatorMarginHorizontal, aF as SelectSeparatorMarginVertical, cS as SelectSizeToken, cT as SelectStateToken, aG as SelectTriggerFontSize, aH as SelectTriggerHeight, aI as SelectTriggerPaddingHorizontal, aJ as SelectTriggerPaddingVertical, aK as SelectTriggerRadius, cU as SelectVariantToken, cV as SelectWidthToken, bN as SemanticSpacing, cW as ShadowToken, cX as SideOffsetToken, aL as SkeletonAnimation, aM as SkeletonBackground, aN as SkeletonVariant, cY as SpaceToken, bO as Spacing, cZ as SpacingToken, bP as StackSpacing, aO as SurfacePadding, aP as SurfaceRadius, aQ as SurfaceShadow, c_ as SurfaceToken, aR as SurfaceVariant, aS as SwitchSize, aT as SwitchState, aU as SwitchVariant, T as TEXT_TOKENS, i as TOAST_TOKENS, j as TOOLTIP_TOKENS, aV as TableCellPadding, aW as TableGap, aX as TableHeaderPadding, aY as TableRowHeight, aZ as TableShadow, a_ as TextFontSize, a$ as TextFontWeight, b0 as TextLetterSpacing, c$ as TextLetterSpacingToken, b1 as TextLineHeight, d0 as TextLineHeightToken, d1 as TextSizeToken, c4 as TextStyle, d2 as TextWeightToken, b2 as ToastVariant, b3 as TooltipContentRadius, b4 as TooltipContentShadow, bV as UI_COLORS, bz as accentColoredShadows, b5 as allCSSVariables, b6 as allCSSVariablesCSS, br as borderRadius, bs as componentRadius, bA as componentShadowMapping, bB as elevationShadows, bC as focusRings, c5 as fontFamily, c6 as fontSize, c7 as fontSizeWithMd, c8 as fontWeight, b7 as generateCSSVariablesCSS, bD as glowEffects, bQ as layoutSpacing, c9 as letterSpacing, ca as lineHeight, be as motionCSSVariables, bf as motionCombined, bg as motionDurations, bh as motionEasings, bi as motionFade, bj as motionReducedMotion, bk as motionScale, bl as motionSlide, bm as motionTailwindConfig, bn as motionTransitionProperty, bo as motionTransitions, bE as primaryColoredShadows, bt as radiusCSSVariables, bR as semanticSpacing, bF as shadowBase, bG as shadowCSSVariables, bH as shadowOpacity, bS as spacing, bT as spacingCSSVariables, bu as tailwindRadiusConfig, bI as tailwindShadowConfig, bU as tailwindSpacingConfig, cb as tailwindTypographyConfig, cc as textStyles, b8 as tokenSystemSummary, cd as typographyCSSVariables } from '../index-DGtRM9Db.js';
 
 /**
  * Artist Card Component Tokens
@@ -257,6 +257,7 @@ declare const DOMAIN_TOKENS: {
         /**
          * Overlay gradient tokens for image overlays
          * Used for hover states and text readability
+         * References GRADIENT_TOKENS.overlay.dark
          */
         readonly overlay: {
             readonly gradient: "bg-gradient-to-t from-black/60 via-transparent to-transparent";
@@ -264,6 +265,7 @@ declare const DOMAIN_TOKENS: {
         /**
          * Placeholder gradient tokens for image placeholders
          * Used when no image URL is provided
+         * References GRADIENT_TOKENS.surface.muted
          */
         readonly placeholder: {
             readonly gradient: "bg-gradient-to-br from-muted to-muted/50";
@@ -359,6 +361,7 @@ declare const DOMAIN_TOKENS: {
         /**
          * Badge surface (background) tokens
          * Maps to semantic color tokens
+         * References GRADIENT_TOKENS.brand.featured for featured badges
          */
         readonly surface: {
             readonly default: "bg-primary";
@@ -570,4 +573,164 @@ type DomainCardMotion = typeof DOMAIN_TOKENS.motion;
 type DomainCardSkeleton = typeof DOMAIN_TOKENS.skeleton;
 type DomainCardSkeletonContentWidth = typeof DOMAIN_TOKENS.skeleton.content.width;
 
-export { ARTIST_TOKENS, type ArtistCardFooterBorder, type ArtistCardImageContainer, type ArtistCardImagePlaceholder, type ArtistCardImageSizing, DOMAIN_TOKENS, type DomainCardBadge, type DomainCardImage, type DomainCardLayout, type DomainCardMetadata, type DomainCardMotion, type DomainCardPriceCapacity, type DomainCardSkeleton, type DomainCardSkeletonContentWidth, type DomainCardSurface };
+/**
+ * SimpleTable Component Tokens
+ *
+ * Component-level design tokens for SimpleTable component.
+ * Maps foundation tokens (spacing, typography, radius) to simple-table-specific usage.
+ *
+ * All values use Tailwind utility classes that map to foundation tokens.
+ */
+/**
+ * SimpleTable Component Tokens
+ *
+ * Defines tokens for simple table spacing, typography, and layout by size.
+ * Values are mapped to Tailwind utility classes for direct use.
+ */
+declare const SIMPLETABLE_TOKENS: {
+    /**
+     * Cell padding by size
+     * Maps to semanticSpacing tokens
+     */
+    readonly padding: {
+        readonly cell: {
+            readonly sm: "p-xs";
+            readonly md: "p-sm";
+            readonly lg: "p-md";
+        };
+        readonly header: {
+            readonly sm: "px-xs py-xs";
+            readonly md: "px-sm py-sm";
+            readonly lg: "px-md py-md";
+        };
+    };
+    /**
+     * Typography tokens for table headers and cells by size
+     * Maps to fontSize and fontWeight tokens
+     */
+    readonly typography: {
+        readonly header: {
+            readonly sm: "text-xs font-medium text-muted-foreground";
+            readonly md: "text-sm font-medium text-muted-foreground";
+            readonly lg: "text-base font-medium text-muted-foreground";
+        };
+        readonly cell: {
+            readonly sm: "text-xs";
+            readonly md: "text-sm";
+            readonly lg: "text-base";
+        };
+    };
+    /**
+     * Layout tokens for table container and base styles
+     */
+    readonly layout: {
+        readonly overflow: "overflow-x-auto";
+        readonly table: "w-full border-collapse";
+    };
+    /**
+     * Border tokens for table
+     */
+    readonly border: {
+        readonly bottom: "border-b";
+        readonly color: "border-border";
+    };
+    /**
+     * State tokens for table rows
+     */
+    readonly state: {
+        readonly rowHover: "hover:bg-muted/50";
+    };
+    /**
+     * Text alignment tokens
+     */
+    readonly alignment: {
+        readonly left: "text-left";
+    };
+};
+
+/**
+ * List Component Tokens
+ *
+ * Component-level design tokens for List component.
+ * Maps foundation tokens (spacing, typography, radius) to 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 List component only.
+ * No other components should import or use LIST_TOKENS.
+ */
+/**
+ * List Component Tokens
+ *
+ * Defines all spacing, sizing, typography, radius, and visual tokens for List component.
+ * Values are mapped to Tailwind utility classes for direct use in component.
+ */
+declare const LIST_TOKENS: {
+    /**
+     * Spacing tokens for List container
+     * Maps to semantic spacing tokens
+     */
+    readonly spacing: {
+        readonly gap: "space-y-sm";
+    };
+    /**
+     * List item tokens
+     * For individual list item styling
+     */
+    readonly item: {
+        /**
+         * Padding tokens for item container
+         * Maps to semantic spacing tokens
+         */
+        readonly padding: "p-md";
+        /**
+         * Border radius tokens for item container
+         * Maps to foundation radius tokens
+         */
+        readonly radius: "rounded-lg";
+        /**
+         * Border token
+         */
+        readonly border: "border";
+        /**
+         * Transition token
+         */
+        readonly transition: "transition-colors";
+        /**
+         * Hover state tokens
+         */
+        readonly hover: {
+            readonly background: "hover:bg-muted/50";
+        };
+    };
+    /**
+     * Title tokens
+     * For list item title styling
+     */
+    readonly title: {
+        readonly fontWeight: "font-medium";
+        readonly color: "text-foreground";
+    };
+    /**
+     * Description tokens
+     * For list item description styling
+     */
+    readonly description: {
+        /**
+         * Margin top token
+         * Maps to semantic spacing tokens
+         */
+        readonly marginTop: "mt-xs";
+        /**
+         * Font size token
+         * Maps to foundation typography tokens
+         */
+        readonly fontSize: "text-sm";
+        /**
+         * Text color token
+         */
+        readonly color: "text-muted-foreground";
+    };
+};
+
+export { ARTIST_TOKENS, type ArtistCardFooterBorder, type ArtistCardImageContainer, type ArtistCardImagePlaceholder, type ArtistCardImageSizing, DOMAIN_TOKENS, type DomainCardBadge, type DomainCardImage, type DomainCardLayout, type DomainCardMetadata, type DomainCardMotion, type DomainCardPriceCapacity, type DomainCardSkeleton, type DomainCardSkeletonContentWidth, type DomainCardSurface, LIST_TOKENS, SIMPLETABLE_TOKENS };