@tenerife.music/ui 2.0.0 → 2.0.3

package/dist/theme/index.cjs

@@ -306,6 +306,20 @@ var semanticColors = {
     // Light foreground for dark theme readability
   }
 };
+var disabledColors = {
+  day: {
+    disabled: "0 0% 96%",
+    // Light gray background for disabled elements
+    disabledForeground: "0 0% 60%"
+    // Medium gray text/icon color (meets WCAG AA contrast 4.5:1 against disabled background)
+  },
+  night: {
+    disabled: "240 5% 12%",
+    // Dark gray background for disabled elements
+    disabledForeground: "240 5% 50%"
+    // Medium gray text/icon color (meets WCAG AA contrast 4.5:1 against disabled background)
+  }
+};
 var chartColors = {
   day: {
     chart1: "12 76% 61%",
@@ -536,6 +550,11 @@ var tailwindThemeColors = {
     DEFAULT: "hsl(var(--muted))",
     foreground: "hsl(var(--muted-foreground))"
   },
+  // Disabled colors
+  disabled: {
+    DEFAULT: "hsl(var(--tm-disabled))",
+    foreground: "hsl(var(--tm-disabled-foreground))"
+  },
   // Destructive colors (semantic error)
   destructive: {
     DEFAULT: "hsl(var(--destructive))",
@@ -2715,6 +2734,10 @@ function getMergedTokens(_mode) {
     day: chartColors.day,
     night: chartColors.night
   };
+  const disabledColors2 = {
+    day: disabledColors.day,
+    night: disabledColors.night
+  };
   return {
     primaryColors: primaryColors2,
     accentColors: accentColors2,
@@ -2723,7 +2746,8 @@ function getMergedTokens(_mode) {
     surfaceColors: surfaceColors2,
     semanticColors: semanticColors2,
     textColors: textColors2,
-    chartColors: chartColors2
+    chartColors: chartColors2,
+    disabledColors: disabledColors2
   };
 }
 function updateCSSVariablesFromTokens(mode) {
@@ -2744,7 +2768,8 @@ function updateCSSVariablesFromTokens(mode) {
     surfaceColors: surfaceColors2,
     semanticColors: semanticColors2,
     textColors: textColors2,
-    chartColors: chartColors2
+    chartColors: chartColors2,
+    disabledColors: disabledColors2
   } = tokens;
   try {
     const base = baseColors2[mode];
@@ -2890,6 +2915,13 @@ function updateCSSVariablesFromTokens(mode) {
   } catch (error) {
     console.error("[Theme] Failed to set destructive colors:", error);
   }
+  try {
+    const disabled = disabledColors2[mode];
+    root.style.setProperty("--tm-disabled", disabled.disabled);
+    root.style.setProperty("--tm-disabled-foreground", disabled.disabledForeground);
+  } catch (error) {
+    console.error("[Theme] Failed to set disabled colors:", error);
+  }
   try {
     Object.entries(motionCSSVariables).forEach(([key, value]) => {
       root.style.setProperty(key, value);

package/dist/theme/index.d.cts

@@ -1,5 +1,5 @@
-import { M as Mode, a as ColorScale, B as BaseColorTokens, c as SurfaceColors, S as SemanticColors, T as TextColors } from '../colors-BrFmCQv-.cjs';
-export { C as ChartColors, b as ColorTokens, h as cssVariableColorTokens, t as tailwindThemeColors } from '../colors-BrFmCQv-.cjs';
+import { M as Mode, a as ColorScale, B as BaseColorTokens, c as SurfaceColors, S as SemanticColors, T as TextColors } from '../colors-DTYb0mPM.cjs';
+export { C as ChartColors, b as ColorTokens, h as cssVariableColorTokens, t as tailwindThemeColors } from '../colors-DTYb0mPM.cjs';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import React__default from 'react';
 

package/dist/theme/index.d.ts

@@ -1,5 +1,5 @@
-import { M as Mode, a as ColorScale, B as BaseColorTokens, c as SurfaceColors, S as SemanticColors, T as TextColors } from '../colors-BrFmCQv-.js';
-export { C as ChartColors, b as ColorTokens, h as cssVariableColorTokens, t as tailwindThemeColors } from '../colors-BrFmCQv-.js';
+import { M as Mode, a as ColorScale, B as BaseColorTokens, c as SurfaceColors, S as SemanticColors, T as TextColors } from '../colors-DTYb0mPM.js';
+export { C as ChartColors, b as ColorTokens, h as cssVariableColorTokens, t as tailwindThemeColors } from '../colors-DTYb0mPM.js';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import React__default from 'react';
 

package/dist/theme/index.mjs

@@ -300,6 +300,20 @@ var semanticColors = {
     // Light foreground for dark theme readability
   }
 };
+var disabledColors = {
+  day: {
+    disabled: "0 0% 96%",
+    // Light gray background for disabled elements
+    disabledForeground: "0 0% 60%"
+    // Medium gray text/icon color (meets WCAG AA contrast 4.5:1 against disabled background)
+  },
+  night: {
+    disabled: "240 5% 12%",
+    // Dark gray background for disabled elements
+    disabledForeground: "240 5% 50%"
+    // Medium gray text/icon color (meets WCAG AA contrast 4.5:1 against disabled background)
+  }
+};
 var chartColors = {
   day: {
     chart1: "12 76% 61%",
@@ -530,6 +544,11 @@ var tailwindThemeColors = {
     DEFAULT: "hsl(var(--muted))",
     foreground: "hsl(var(--muted-foreground))"
   },
+  // Disabled colors
+  disabled: {
+    DEFAULT: "hsl(var(--tm-disabled))",
+    foreground: "hsl(var(--tm-disabled-foreground))"
+  },
   // Destructive colors (semantic error)
   destructive: {
     DEFAULT: "hsl(var(--destructive))",
@@ -2709,6 +2728,10 @@ function getMergedTokens(_mode) {
     day: chartColors.day,
     night: chartColors.night
   };
+  const disabledColors2 = {
+    day: disabledColors.day,
+    night: disabledColors.night
+  };
   return {
     primaryColors: primaryColors2,
     accentColors: accentColors2,
@@ -2717,7 +2740,8 @@ function getMergedTokens(_mode) {
     surfaceColors: surfaceColors2,
     semanticColors: semanticColors2,
     textColors: textColors2,
-    chartColors: chartColors2
+    chartColors: chartColors2,
+    disabledColors: disabledColors2
   };
 }
 function updateCSSVariablesFromTokens(mode) {
@@ -2738,7 +2762,8 @@ function updateCSSVariablesFromTokens(mode) {
     surfaceColors: surfaceColors2,
     semanticColors: semanticColors2,
     textColors: textColors2,
-    chartColors: chartColors2
+    chartColors: chartColors2,
+    disabledColors: disabledColors2
   } = tokens;
   try {
     const base = baseColors2[mode];
@@ -2884,6 +2909,13 @@ function updateCSSVariablesFromTokens(mode) {
   } catch (error) {
     console.error("[Theme] Failed to set destructive colors:", error);
   }
+  try {
+    const disabled = disabledColors2[mode];
+    root.style.setProperty("--tm-disabled", disabled.disabled);
+    root.style.setProperty("--tm-disabled-foreground", disabled.disabledForeground);
+  } catch (error) {
+    console.error("[Theme] Failed to set disabled colors:", error);
+  }
   try {
     Object.entries(motionCSSVariables).forEach(([key, value]) => {
       root.style.setProperty(key, value);

package/dist/tokens/index.cjs

@@ -347,6 +347,11 @@ var tailwindThemeColors = {
     DEFAULT: "hsl(var(--muted))",
     foreground: "hsl(var(--muted-foreground))"
   },
+  // Disabled colors
+  disabled: {
+    DEFAULT: "hsl(var(--tm-disabled))",
+    foreground: "hsl(var(--tm-disabled-foreground))"
+  },
   // Destructive colors (semantic error)
   destructive: {
     DEFAULT: "hsl(var(--destructive))",
@@ -1130,11 +1135,10 @@ var GRADIENT_TOKENS = {
    */
   overlay: {
     /**
-     * Dark overlay gradient: black/60 → transparent
+     * Dark overlay gradient: black/60 → transparent (top)
      * Used for image hover states and text readability overlays
      */
-    dark: "bg-gradient-to-t from-black/60 via-transparent to-transparent"
-  }};
+    dark: "bg-gradient-to-t from-black/60 via-transparent to-transparent"}};
 
 // src/FOUNDATION/tokens/spacing.ts
 var spacing = {
@@ -2728,10 +2732,10 @@ var SWITCH_TOKENS = {
       // Default track color using CSS var
       checked: "bg-[hsl(var(--tm-primary))]",
       // Checked state track
-      disabled: "bg-[hsl(var(--muted))]",
-      // Disabled state track
-      disabledChecked: "bg-[hsl(var(--muted))]",
-      // Disabled checked track
+      disabled: "bg-[hsl(var(--tm-disabled))]",
+      // Disabled state track - uses explicit disabled semantic token
+      disabledChecked: "bg-[hsl(var(--tm-disabled))]",
+      // Disabled checked track - uses explicit disabled semantic token
       error: "bg-[hsl(var(--destructive))]"
       // Error state track using CSS var
     },
@@ -2740,16 +2744,16 @@ var SWITCH_TOKENS = {
       // Default handle color using CSS var
       checked: "bg-[hsl(var(--tm-primary-foreground))]",
       // Checked state handle
-      disabled: "bg-[hsl(var(--muted-foreground))]",
-      // Disabled state handle
-      disabledChecked: "bg-[hsl(var(--muted-foreground))]",
-      // Disabled checked handle
+      disabled: "bg-[hsl(var(--tm-disabled-foreground))]",
+      // Disabled state handle - uses explicit disabled semantic token
+      disabledChecked: "bg-[hsl(var(--tm-disabled-foreground))]",
+      // Disabled checked handle - uses explicit disabled semantic token
       error: "bg-[hsl(var(--destructive-foreground))]"
       // Error state handle
     },
     opacity: {
       disabled: "opacity-50"
-      // Disabled opacity
+      // Disabled opacity (may be used in addition to disabled tokens, not as replacement)
     }
   },
   /**

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, 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';
+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-DTYb0mPM.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-CfbBwBhc.cjs';
 
 /**
  * Artist Card Component 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, 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';
+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-DTYb0mPM.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-CfbBwBhc.js';
 
 /**
  * Artist Card Component Tokens

package/dist/tokens/index.mjs

@@ -345,6 +345,11 @@ var tailwindThemeColors = {
     DEFAULT: "hsl(var(--muted))",
     foreground: "hsl(var(--muted-foreground))"
   },
+  // Disabled colors
+  disabled: {
+    DEFAULT: "hsl(var(--tm-disabled))",
+    foreground: "hsl(var(--tm-disabled-foreground))"
+  },
   // Destructive colors (semantic error)
   destructive: {
     DEFAULT: "hsl(var(--destructive))",
@@ -1128,11 +1133,10 @@ var GRADIENT_TOKENS = {
    */
   overlay: {
     /**
-     * Dark overlay gradient: black/60 → transparent
+     * Dark overlay gradient: black/60 → transparent (top)
      * Used for image hover states and text readability overlays
      */
-    dark: "bg-gradient-to-t from-black/60 via-transparent to-transparent"
-  }};
+    dark: "bg-gradient-to-t from-black/60 via-transparent to-transparent"}};
 
 // src/FOUNDATION/tokens/spacing.ts
 var spacing = {
@@ -2726,10 +2730,10 @@ var SWITCH_TOKENS = {
       // Default track color using CSS var
       checked: "bg-[hsl(var(--tm-primary))]",
       // Checked state track
-      disabled: "bg-[hsl(var(--muted))]",
-      // Disabled state track
-      disabledChecked: "bg-[hsl(var(--muted))]",
-      // Disabled checked track
+      disabled: "bg-[hsl(var(--tm-disabled))]",
+      // Disabled state track - uses explicit disabled semantic token
+      disabledChecked: "bg-[hsl(var(--tm-disabled))]",
+      // Disabled checked track - uses explicit disabled semantic token
       error: "bg-[hsl(var(--destructive))]"
       // Error state track using CSS var
     },
@@ -2738,16 +2742,16 @@ var SWITCH_TOKENS = {
       // Default handle color using CSS var
       checked: "bg-[hsl(var(--tm-primary-foreground))]",
       // Checked state handle
-      disabled: "bg-[hsl(var(--muted-foreground))]",
-      // Disabled state handle
-      disabledChecked: "bg-[hsl(var(--muted-foreground))]",
-      // Disabled checked handle
+      disabled: "bg-[hsl(var(--tm-disabled-foreground))]",
+      // Disabled state handle - uses explicit disabled semantic token
+      disabledChecked: "bg-[hsl(var(--tm-disabled-foreground))]",
+      // Disabled checked handle - uses explicit disabled semantic token
       error: "bg-[hsl(var(--destructive-foreground))]"
       // Error state handle
     },
     opacity: {
       disabled: "opacity-50"
-      // Disabled opacity
+      // Disabled opacity (may be used in addition to disabled tokens, not as replacement)
     }
   },
   /**

package/package.json

@@ -1,8 +1,7 @@
 {
   "name": "@tenerife.music/ui",
-  "version": "2.0.0",
+  "version": "2.0.3",
   "private": false,
-  "packageManager": "pnpm@10.26.0",
   "type": "module",
   "sideEffects": [
     "**/*.css",
@@ -40,60 +39,6 @@
   "publishConfig": {
     "access": "public"
   },
-  "scripts": {
-    "dev": "tsup --watch",
-    "build": "tsup",
-    "clean": "rimraf dist",
-    "preview": "vite preview",
-    "storybook": "storybook dev -p 6006",
-    "build-storybook": "storybook build",
-    "chromatic": "./scripts/chromatic.sh",
-    "chromatic:ci": "CHROMATIC_CI_MODE=true ./scripts/chromatic.sh",
-    "test": "vitest run",
-    "test:watch": "vitest",
-    "test:ui": "vitest --ui",
-    "test:coverage": "vitest run --coverage",
-    "test:a11y": "vitest run a11y.test",
-    "test:focus": "playwright test --config=playwright/playwright.config.ts",
-    "a11y:contrast": "tsx scripts/a11y-contrast-check.js",
-    "typecheck": "tsc --noEmit && tsc --noEmit --project tsconfig.vite.json",
-    "lint": "eslint . --ext .ts,.tsx --fix --ignore-pattern '**/*.stories.*' --ignore-pattern '.storybook/**' --ignore-pattern 'storybook-static/**' --ignore-pattern 'docs/**' --ignore-pattern '.cursor/**' --ignore-pattern 'docs_archive/**'",
-    "lint:fix": "./scripts/lint-local.sh",
-    "lint:check": "eslint . --ext .ts,.tsx --ignore-pattern '**/*.stories.*' --ignore-pattern '.storybook/**' --ignore-pattern 'storybook-static/**' --ignore-pattern 'docs/**' --ignore-pattern '.cursor/**' --ignore-pattern 'docs_archive/**'",
-    "lint:strict": "eslint . --ext .ts,.tsx --max-warnings=0 --ignore-pattern '**/*.stories.*' --ignore-pattern '.storybook/**' --ignore-pattern 'storybook-static/**' --ignore-pattern 'docs/**' --ignore-pattern '.cursor/**' --ignore-pattern 'docs_archive/**'",
-    "lint:ci": "./scripts/lint-ci.sh",
-    "lint:rules": "eslint --config eslint-rules/eslint.config.mjs eslint-rules",
-    "format": "prettier . --write",
-    "format:check": "prettier . --check",
-    "validate": "pnpm typecheck && pnpm lint:check && pnpm format:check && pnpm check:motion-v1",
-    "ci": "pnpm typecheck && pnpm lint:strict && pnpm format:check && pnpm check:motion-v1 && pnpm build && pnpm test",
-    "ci:full": "pnpm run ci && pnpm test:coverage && pnpm ci:a11y",
-    "ci:a11y": "pnpm test:a11y && pnpm a11y:contrast",
-    "ci:local": "./scripts/ci-local.sh",
-    "publish:patch": "./scripts/publish.sh patch",
-    "publish:minor": "./scripts/publish.sh minor",
-    "publish:major": "./scripts/publish.sh major",
-    "prepublishOnly": "pnpm clean && pnpm build && pnpm typecheck",
-    "theme:create": "tsx scripts/theme-cli.ts create",
-    "theme:validate": "tsx scripts/theme-validate.ts",
-    "tokens:export": "tsx scripts/export-tokens.ts",
-    "ui:check": "tsx scripts/check-ui-consistency.ts",
-    "safelist:generate": "tsx scripts/generateTailwindSafelist.ts",
-    "verify:interaction-authority": "node scripts/verify-interaction-authority.mjs",
-    "governance:review": "node scripts/governance-review.mjs",
-    "check:motion-v1": "node scripts/check-motion-v1.mjs",
-    "component:generate": "tsx scripts/generate-extension-component.ts",
-    "component:analyze": "tsx scripts/analyze-component-needs.ts",
-    "feedback:collect": "tsx scripts/collect-usage-feedback.ts",
-    "docs:dev": "cd docs-app && npm run docs:dev",
-    "docs:build": "cd docs-app && npm run docs:build",
-    "docs:start": "cd docs-app && npm run docs:start",
-    "docs:generate-api": "cd docs-app && npm run docs:generate-api",
-    "docs:validate": "cd docs-app && npm run docs:validate",
-    "docs:analyze": "cd docs-app && npm run docs:analyze",
-    "commitlint": "commitlint",
-    "prepare": "husky"
-  },
   "peerDependencies": {
     "next": "^13.0.0 || ^14.0.0 || ^15.0.0",
     "react": "^18 || ^19",
@@ -158,8 +103,9 @@
     "@types/node": "^20.19.25",
     "@types/react": "^19",
     "@types/react-dom": "^19",
+    "@typescript-eslint/rule-tester": "^8.51.0",
     "@typescript-eslint/types": "^8.47.0",
-    "@typescript-eslint/utils": "^8.47.0",
+    "@typescript-eslint/utils": "^8.51.0",
     "@vitejs/plugin-react": "^4.0.0",
     "@vitest/coverage-v8": "^4.0.15",
     "@vitest/ui": "^4.0.15",
@@ -220,5 +166,63 @@
       "import": "./dist/extensions/next/index.mjs",
       "require": "./dist/extensions/next/index.cjs"
     }
+  },
+  "scripts": {
+    "dev": "tsup --watch",
+    "build": "tsup",
+    "clean": "rimraf dist",
+    "preview": "vite preview",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build",
+    "chromatic": "./scripts/chromatic.sh",
+    "chromatic:ci": "CHROMATIC_CI_MODE=true ./scripts/chromatic.sh",
+    "test": "vitest run",
+    "test:watch": "vitest",
+    "test:ui": "vitest --ui",
+    "test:coverage": "vitest run --coverage",
+    "test:a11y": "vitest run a11y.test",
+    "test:focus": "playwright test --config=playwright/playwright.config.ts",
+    "a11y:contrast": "tsx scripts/a11y-contrast-check.js",
+    "typecheck": "tsc --noEmit && tsc --noEmit --project tsconfig.vite.json",
+    "lint": "eslint . --ext .ts,.tsx --fix --ignore-pattern '**/*.stories.*' --ignore-pattern '.storybook/**' --ignore-pattern 'storybook-static/**' --ignore-pattern 'docs/**' --ignore-pattern '.cursor/**' --ignore-pattern 'docs_archive/**'",
+    "lint:fix": "./scripts/lint-local.sh",
+    "lint:check": "eslint . --ext .ts,.tsx --ignore-pattern '**/*.stories.*' --ignore-pattern '.storybook/**' --ignore-pattern 'storybook-static/**' --ignore-pattern 'docs/**' --ignore-pattern '.cursor/**' --ignore-pattern 'docs_archive/**'",
+    "lint:strict": "eslint . --ext .ts,.tsx --max-warnings=0 --ignore-pattern '**/*.stories.*' --ignore-pattern '.storybook/**' --ignore-pattern 'storybook-static/**' --ignore-pattern 'docs/**' --ignore-pattern '.cursor/**' --ignore-pattern 'docs_archive/**'",
+    "lint:ci": "./scripts/lint-ci.sh",
+    "lint:rules": "eslint --config eslint-rules/eslint.config.mjs eslint-rules",
+    "format": "prettier . --write",
+    "format:check": "prettier . --check",
+    "check:theme-tokens": "node scripts/check-theme-token-parity.mjs",
+    "validate": "pnpm typecheck && pnpm lint:check && pnpm format:check && pnpm check:motion-v1 && pnpm check:next-document && pnpm check:theme-tokens",
+    "ci": "pnpm typecheck && pnpm lint:strict && pnpm format:check && pnpm check:motion-v1 && pnpm check:next-document && pnpm check:theme-tokens && pnpm build && pnpm test",
+    "ci:full": "pnpm run ci && pnpm test:coverage && pnpm ci:a11y",
+    "ci:a11y": "pnpm test:a11y && pnpm a11y:contrast",
+    "ci:local": "./scripts/ci-local.sh",
+    "publish:patch": "./scripts/publish.sh patch",
+    "publish:minor": "./scripts/publish.sh minor",
+    "publish:major": "./scripts/publish.sh major",
+    "theme:create": "tsx scripts/theme-cli.ts create",
+    "theme:generate": "tsx tools/theme-generator/bin/theme-generate.ts",
+    "theme:validate": "tsx tools/theme-validator/bin/theme-validate.ts",
+    "theme:validate:all": "node scripts/theme-validate-all.mjs",
+    "theme:validate:extension": "node scripts/theme-validate-extension.mjs",
+    "theme:parity-check": "node scripts/check-theme-token-parity.mjs",
+    "tokens:export": "tsx scripts/export-tokens.ts",
+    "ui:check": "tsx scripts/check-ui-consistency.ts",
+    "safelist:generate": "tsx scripts/generateTailwindSafelist.ts",
+    "verify:interaction-authority": "node scripts/verify-interaction-authority.mjs",
+    "governance:review": "node scripts/governance-review.mjs",
+    "check:motion-v1": "node scripts/check-motion-v1.mjs",
+    "check:next-document": "node scripts/check-next-document-imports.mjs",
+    "component:generate": "tsx scripts/generate-extension-component.ts",
+    "component:analyze": "tsx scripts/analyze-component-needs.ts",
+    "feedback:collect": "tsx scripts/collect-usage-feedback.ts",
+    "docs:dev": "cd docs-app && npm run docs:dev",
+    "docs:build": "cd docs-app && npm run docs:build",
+    "docs:start": "cd docs-app && npm run docs:start",
+    "docs:generate-api": "cd docs-app && npm run docs:generate-api",
+    "docs:validate": "cd docs-app && npm run docs:validate",
+    "docs:analyze": "cd docs-app && npm run docs:analyze",
+    "commitlint": "commitlint"
   }
-}
+}