@tenerife.music/ui 2.0.1 → 2.0.3

package/README.md

@@ -4,6 +4,7 @@
 Strict. Predictable. Built for system-level consistency.
 
 ![Release](https://img.shields.io/github/v/tag/Tureckiy-zart/tenerife-ui?style=for-the-badge&sort=semver)
+![Version](https://img.shields.io/badge/version-2.0.3-blue?style=for-the-badge)
 ![React](https://img.shields.io/badge/React-18+-blue?style=for-the-badge)
 ![TypeScript](https://img.shields.io/badge/TypeScript-Strict-blue?style=for-the-badge)
 ![TailwindCSS](https://img.shields.io/badge/TailwindCSS-3.4-38b2ac?style=for-the-badge)
@@ -186,6 +187,41 @@ Tokens are **immutable contracts**, not convenience variables.
 
 ---
 
+## 🎨 Theme Tooling
+
+TUI provides **build-time CLI tooling** for generating and validating themes.
+
+**Theme Tooling is a build-time compiler, not a runtime system.**
+
+- **Theme Generator** (`pnpm theme:generate`) — creates Theme Contract v1 compliant themes
+- **Theme Validator** (`pnpm theme:validate`) — validates themes against contract
+- **Parity Checker** (`pnpm theme:parity-check`) — ensures token consistency
+
+**Key Points:**
+
+- Themes are generated at **build time**, not runtime
+- All themes live in `src/EXTENSIONS/themes/` (canonical path)
+- Validation is **mandatory** — invalid themes cannot be committed (CI enforced)
+- UI library **never generates themes** — it only consumes pre-generated CSS
+
+**Quick Start:**
+
+```bash
+# Generate a theme
+pnpm theme:generate -- --palette my-brand --base-color "210 40% 50%" --modes light,dark
+
+# Validate themes
+pnpm theme:validate -- src/EXTENSIONS/themes/*.css
+```
+
+**Documentation:**
+
+- [Theme System — Contract & Tooling](tools/theme-contract/README.md) - **Complete guide** (start here)
+- [Theme Generator](tools/theme-generator/README.md) - Generator documentation
+- [Theme Validator](tools/theme-validator/README.md) - Validator documentation
+
+---
+
 ## 🧩 Domain-Specific Components
 
 The following components are **used internally** in Tenerife Music projects

package/dist/{colors-BrFmCQv-.d.cts → colors-DTYb0mPM.d.cts}

@@ -242,6 +242,10 @@ declare const tailwindThemeColors: {
         readonly DEFAULT: "hsl(var(--muted))";
         readonly foreground: "hsl(var(--muted-foreground))";
     };
+    readonly disabled: {
+        readonly DEFAULT: "hsl(var(--tm-disabled))";
+        readonly foreground: "hsl(var(--tm-disabled-foreground))";
+    };
     readonly destructive: {
         readonly DEFAULT: "hsl(var(--destructive))";
         readonly foreground: "hsl(var(--destructive-foreground))";

package/dist/{colors-BrFmCQv-.d.ts → colors-DTYb0mPM.d.ts}

@@ -242,6 +242,10 @@ declare const tailwindThemeColors: {
         readonly DEFAULT: "hsl(var(--muted))";
         readonly foreground: "hsl(var(--muted-foreground))";
     };
+    readonly disabled: {
+        readonly DEFAULT: "hsl(var(--tm-disabled))";
+        readonly foreground: "hsl(var(--tm-disabled-foreground))";
+    };
     readonly destructive: {
         readonly DEFAULT: "hsl(var(--destructive))";
         readonly foreground: "hsl(var(--destructive-foreground))";

package/dist/extensions/next/index.cjs

@@ -242,13 +242,14 @@ var LINK_TOKENS = {
   },
   /**
    * Disabled state tokens
+   * Uses explicit disabled semantic tokens for better accessibility
    */
   state: {
     disabled: {
       pointerEvents: "disabled:pointer-events-none",
       // Disable pointer events
-      opacity: "disabled:opacity-50"
-      // Disabled opacity
+      text: "disabled:text-[hsl(var(--tm-disabled-foreground))]"
+      // Disabled text color using explicit disabled semantic token
     }
   },
   /**
@@ -324,7 +325,7 @@ function renderIcon(icon) {
   return /* @__PURE__ */ jsxRuntime.jsx("span", { className: ICON_WRAPPER_CLASS, children: icon });
 }
 var linkVariants = tokenCVA({
-  base: `${LINK_TOKENS.layout} ${LINK_TOKENS.fontWeight} ${LINK_TOKENS.transition.colors} ${LINK_TOKENS.focus.outline} ${LINK_TOKENS.focus.ring} ${LINK_TOKENS.focus.offset} ${LINK_TOKENS.state.disabled.pointerEvents} ${LINK_TOKENS.state.disabled.opacity}`,
+  base: `${LINK_TOKENS.layout} ${LINK_TOKENS.fontWeight} ${LINK_TOKENS.transition.colors} ${LINK_TOKENS.focus.outline} ${LINK_TOKENS.focus.ring} ${LINK_TOKENS.focus.offset} ${LINK_TOKENS.state.disabled.pointerEvents} ${LINK_TOKENS.state.disabled.text}`,
   variants: {
     variant: {
       primary: `${LINK_TOKENS.variant.primary.text} ${LINK_TOKENS.variant.primary.hover} ${LINK_TOKENS.underlineOffset} ${LINK_TOKENS.variant.primary.underline}`,

package/dist/extensions/next/index.mjs

@@ -217,13 +217,14 @@ var LINK_TOKENS = {
   },
   /**
    * Disabled state tokens
+   * Uses explicit disabled semantic tokens for better accessibility
    */
   state: {
     disabled: {
       pointerEvents: "disabled:pointer-events-none",
       // Disable pointer events
-      opacity: "disabled:opacity-50"
-      // Disabled opacity
+      text: "disabled:text-[hsl(var(--tm-disabled-foreground))]"
+      // Disabled text color using explicit disabled semantic token
     }
   },
   /**
@@ -299,7 +300,7 @@ function renderIcon(icon) {
   return /* @__PURE__ */ jsx("span", { className: ICON_WRAPPER_CLASS, children: icon });
 }
 var linkVariants = tokenCVA({
-  base: `${LINK_TOKENS.layout} ${LINK_TOKENS.fontWeight} ${LINK_TOKENS.transition.colors} ${LINK_TOKENS.focus.outline} ${LINK_TOKENS.focus.ring} ${LINK_TOKENS.focus.offset} ${LINK_TOKENS.state.disabled.pointerEvents} ${LINK_TOKENS.state.disabled.opacity}`,
+  base: `${LINK_TOKENS.layout} ${LINK_TOKENS.fontWeight} ${LINK_TOKENS.transition.colors} ${LINK_TOKENS.focus.outline} ${LINK_TOKENS.focus.ring} ${LINK_TOKENS.focus.offset} ${LINK_TOKENS.state.disabled.pointerEvents} ${LINK_TOKENS.state.disabled.text}`,
   variants: {
     variant: {
       primary: `${LINK_TOKENS.variant.primary.text} ${LINK_TOKENS.variant.primary.hover} ${LINK_TOKENS.underlineOffset} ${LINK_TOKENS.variant.primary.underline}`,

package/dist/{index-DGtRM9Db.d.cts → index-CfbBwBhc.d.cts}

@@ -1045,15 +1045,15 @@ declare const SWITCH_TOKENS: {
         readonly track: {
             readonly default: "bg-[hsl(var(--input))]";
             readonly checked: "bg-[hsl(var(--tm-primary))]";
-            readonly disabled: "bg-[hsl(var(--muted))]";
-            readonly disabledChecked: "bg-[hsl(var(--muted))]";
+            readonly disabled: "bg-[hsl(var(--tm-disabled))]";
+            readonly disabledChecked: "bg-[hsl(var(--tm-disabled))]";
             readonly error: "bg-[hsl(var(--destructive))]";
         };
         readonly handle: {
             readonly default: "bg-[hsl(var(--muted-foreground))]";
             readonly checked: "bg-[hsl(var(--tm-primary-foreground))]";
-            readonly disabled: "bg-[hsl(var(--muted-foreground))]";
-            readonly disabledChecked: "bg-[hsl(var(--muted-foreground))]";
+            readonly disabled: "bg-[hsl(var(--tm-disabled-foreground))]";
+            readonly disabledChecked: "bg-[hsl(var(--tm-disabled-foreground))]";
             readonly error: "bg-[hsl(var(--destructive-foreground))]";
         };
         readonly opacity: {
@@ -5173,6 +5173,10 @@ declare const UI_COLORS: {
         readonly DEFAULT: "hsl(var(--muted))";
         readonly foreground: "hsl(var(--muted-foreground))";
     };
+    readonly disabled: {
+        readonly DEFAULT: "hsl(var(--tm-disabled))";
+        readonly foreground: "hsl(var(--tm-disabled-foreground))";
+    };
     readonly destructive: {
         readonly DEFAULT: "hsl(var(--destructive))";
         readonly foreground: "hsl(var(--destructive-foreground))";

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

@@ -1045,15 +1045,15 @@ declare const SWITCH_TOKENS: {
         readonly track: {
             readonly default: "bg-[hsl(var(--input))]";
             readonly checked: "bg-[hsl(var(--tm-primary))]";
-            readonly disabled: "bg-[hsl(var(--muted))]";
-            readonly disabledChecked: "bg-[hsl(var(--muted))]";
+            readonly disabled: "bg-[hsl(var(--tm-disabled))]";
+            readonly disabledChecked: "bg-[hsl(var(--tm-disabled))]";
             readonly error: "bg-[hsl(var(--destructive))]";
         };
         readonly handle: {
             readonly default: "bg-[hsl(var(--muted-foreground))]";
             readonly checked: "bg-[hsl(var(--tm-primary-foreground))]";
-            readonly disabled: "bg-[hsl(var(--muted-foreground))]";
-            readonly disabledChecked: "bg-[hsl(var(--muted-foreground))]";
+            readonly disabled: "bg-[hsl(var(--tm-disabled-foreground))]";
+            readonly disabledChecked: "bg-[hsl(var(--tm-disabled-foreground))]";
             readonly error: "bg-[hsl(var(--destructive-foreground))]";
         };
         readonly opacity: {
@@ -5173,6 +5173,10 @@ declare const UI_COLORS: {
         readonly DEFAULT: "hsl(var(--muted))";
         readonly foreground: "hsl(var(--muted-foreground))";
     };
+    readonly disabled: {
+        readonly DEFAULT: "hsl(var(--tm-disabled))";
+        readonly foreground: "hsl(var(--tm-disabled-foreground))";
+    };
     readonly destructive: {
         readonly DEFAULT: "hsl(var(--destructive))";
         readonly foreground: "hsl(var(--destructive-foreground))";

package/dist/index.cjs

@@ -400,6 +400,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))",
@@ -2190,8 +2195,14 @@ var FORM_TOKENS = {
     /**
      * Color for required asterisk mark
      */
-    requiredMark: "text-destructive"
+    requiredMark: "text-destructive",
     // Color for required asterisk
+    /**
+     * Disabled state styling for labels
+     * Uses explicit disabled semantic token for better accessibility
+     */
+    disabled: "peer-disabled:text-disabled-foreground"
+    // Disabled text color using explicit disabled semantic token
   }};
 
 // src/FOUNDATION/tokens/components/file-upload.ts
@@ -2796,10 +2807,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
     },
@@ -2808,16 +2819,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)
     }
   },
   /**
@@ -5267,13 +5278,14 @@ var LINK_TOKENS = {
   },
   /**
    * Disabled state tokens
+   * Uses explicit disabled semantic tokens for better accessibility
    */
   state: {
     disabled: {
       pointerEvents: "disabled:pointer-events-none",
       // Disable pointer events
-      opacity: "disabled:opacity-50"
-      // Disabled opacity
+      text: "disabled:text-[hsl(var(--tm-disabled-foreground))]"
+      // Disabled text color using explicit disabled semantic token
     }
   },
   /**
@@ -7399,7 +7411,7 @@ function renderIcon2(icon) {
   return /* @__PURE__ */ jsxRuntime.jsx("span", { className: ICON_WRAPPER_CLASS2, children: icon });
 }
 var linkVariants = tokenCVA({
-  base: `${LINK_TOKENS.layout} ${LINK_TOKENS.fontWeight} ${LINK_TOKENS.transition.colors} ${LINK_TOKENS.focus.outline} ${LINK_TOKENS.focus.ring} ${LINK_TOKENS.focus.offset} ${LINK_TOKENS.state.disabled.pointerEvents} ${LINK_TOKENS.state.disabled.opacity}`,
+  base: `${LINK_TOKENS.layout} ${LINK_TOKENS.fontWeight} ${LINK_TOKENS.transition.colors} ${LINK_TOKENS.focus.outline} ${LINK_TOKENS.focus.ring} ${LINK_TOKENS.focus.offset} ${LINK_TOKENS.state.disabled.pointerEvents} ${LINK_TOKENS.state.disabled.text}`,
   variants: {
     variant: {
       primary: `${LINK_TOKENS.variant.primary.text} ${LINK_TOKENS.variant.primary.hover} ${LINK_TOKENS.underlineOffset} ${LINK_TOKENS.variant.primary.underline}`,
@@ -11217,7 +11229,7 @@ var Section = React63__namespace.forwardRef(
   }
 );
 Section.displayName = "Section";
-var labelClassName = `${TEXT_TOKENS.fontSize.sm} ${TEXT_TOKENS.fontWeight.medium} ${TEXT_TOKENS.lineHeight.none} peer-disabled:cursor-not-allowed peer-disabled:opacity-70`;
+var labelClassName = `${TEXT_TOKENS.fontSize.sm} ${TEXT_TOKENS.fontWeight.medium} ${TEXT_TOKENS.lineHeight.none} peer-disabled:cursor-not-allowed ${FORM_TOKENS.label.disabled}`;
 var Label2 = React63__namespace.forwardRef(
   ({ required, children, ...props }, ref) => (
     // className and style are forbidden from public API - only token-based className is used

package/dist/index.d.cts

@@ -1,6 +1,6 @@
-import { cM as ResponsiveSideOffset, cw as ResponsiveAlignOffset, cF as ResponsiveModalSize, cG as ResponsiveModalWidth, cE as ResponsiveModalHeight, cN as ResponsiveSpace, cv as RadiusToken, c_ as SurfaceToken, cn as ModalFooterAlignToken, cI as ResponsiveRadius$1, cW as ShadowToken, cz as ResponsiveColor$1, d3 as Responsive, cA as ResponsiveContainerMaxWidth, cD as ResponsiveFlexBasis, cC as ResponsiveDelay, d4 as ResponsiveContextMenuSize, d5 as ResponsiveContextMenuWidth, d6 as ContextMenuItemToneToken, d7 as ResponsiveTabsSize, d8 as TabsVariantToken, d9 as TabsToneToken, z as IconColor, G as IconStroke, E as EmptyStateIconSize } from './index-DGtRM9Db.cjs';
-export { A as ALERT_TOKENS, B as BUTTON_TOKENS, bp as BorderRadius, da as Breakpoint, 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, bv as ColoredShadow, ba as ComponentMotionDuration, bb as ComponentMotionEasing, bd as ComponentMotionTransition, bq as ComponentRadius, bJ as ComponentSpacing, bK as ContainerSpacing, D as DATA_TOKENS, x as DataListLabelWidth, y as DataListRowPadding, bw as ElevationShadow, 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, F as IconSize, H as InputFontSize, J as InputHeight, K as InputPaddingHorizontal, L as InputPaddingVertical, Q as InputRadius, U as InputSize, 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, a5 as MotionAnimation, b9 as MotionCombinedType, ba as MotionDuration, bb as MotionEasing, bc as MotionSlideDirection, bd as MotionTransition, a9 as MotionTransitionPreset, 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 NotificationTokenVariant, 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, S as SECTION_TOKENS, g as SURFACE_TOKENS, h as SWITCH_TOKENS, at as SectionGap, au as SectionPadding, bM as SectionSpacing, bN as SemanticSpacing, aL as SkeletonAnimation, aM as SkeletonBackground, bO as Spacing, bP as StackSpacing, aO as SurfacePadding, aP as SurfaceRadius, aQ as SurfaceShadow, 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, b1 as TextLineHeight, c4 as TextStyle, 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-BrFmCQv-.cjs';
+import { cM as ResponsiveSideOffset, cw as ResponsiveAlignOffset, cF as ResponsiveModalSize, cG as ResponsiveModalWidth, cE as ResponsiveModalHeight, cN as ResponsiveSpace, cv as RadiusToken, c_ as SurfaceToken, cn as ModalFooterAlignToken, cI as ResponsiveRadius$1, cW as ShadowToken, cz as ResponsiveColor$1, d3 as Responsive, cA as ResponsiveContainerMaxWidth, cD as ResponsiveFlexBasis, cC as ResponsiveDelay, d4 as ResponsiveContextMenuSize, d5 as ResponsiveContextMenuWidth, d6 as ContextMenuItemToneToken, d7 as ResponsiveTabsSize, d8 as TabsVariantToken, d9 as TabsToneToken, z as IconColor, G as IconStroke, E as EmptyStateIconSize } from './index-CfbBwBhc.cjs';
+export { A as ALERT_TOKENS, B as BUTTON_TOKENS, bp as BorderRadius, da as Breakpoint, 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, bv as ColoredShadow, ba as ComponentMotionDuration, bb as ComponentMotionEasing, bd as ComponentMotionTransition, bq as ComponentRadius, bJ as ComponentSpacing, bK as ContainerSpacing, D as DATA_TOKENS, x as DataListLabelWidth, y as DataListRowPadding, bw as ElevationShadow, 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, F as IconSize, H as InputFontSize, J as InputHeight, K as InputPaddingHorizontal, L as InputPaddingVertical, Q as InputRadius, U as InputSize, 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, a5 as MotionAnimation, b9 as MotionCombinedType, ba as MotionDuration, bb as MotionEasing, bc as MotionSlideDirection, bd as MotionTransition, a9 as MotionTransitionPreset, 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 NotificationTokenVariant, 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, S as SECTION_TOKENS, g as SURFACE_TOKENS, h as SWITCH_TOKENS, at as SectionGap, au as SectionPadding, bM as SectionSpacing, bN as SemanticSpacing, aL as SkeletonAnimation, aM as SkeletonBackground, bO as Spacing, bP as StackSpacing, aO as SurfacePadding, aP as SurfaceRadius, aQ as SurfaceShadow, 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, b1 as TextLineHeight, c4 as TextStyle, 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';
+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';
 import * as React$1 from 'react';
 import React__default, { ReactNode } from 'react';
 import * as class_variance_authority_types from 'class-variance-authority/types';

package/dist/index.d.ts

@@ -1,6 +1,6 @@
-import { cM as ResponsiveSideOffset, cw as ResponsiveAlignOffset, cF as ResponsiveModalSize, cG as ResponsiveModalWidth, cE as ResponsiveModalHeight, cN as ResponsiveSpace, cv as RadiusToken, c_ as SurfaceToken, cn as ModalFooterAlignToken, cI as ResponsiveRadius$1, cW as ShadowToken, cz as ResponsiveColor$1, d3 as Responsive, cA as ResponsiveContainerMaxWidth, cD as ResponsiveFlexBasis, cC as ResponsiveDelay, d4 as ResponsiveContextMenuSize, d5 as ResponsiveContextMenuWidth, d6 as ContextMenuItemToneToken, d7 as ResponsiveTabsSize, d8 as TabsVariantToken, d9 as TabsToneToken, z as IconColor, G as IconStroke, E as EmptyStateIconSize } from './index-DGtRM9Db.js';
-export { A as ALERT_TOKENS, B as BUTTON_TOKENS, bp as BorderRadius, da as Breakpoint, 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, bv as ColoredShadow, ba as ComponentMotionDuration, bb as ComponentMotionEasing, bd as ComponentMotionTransition, bq as ComponentRadius, bJ as ComponentSpacing, bK as ContainerSpacing, D as DATA_TOKENS, x as DataListLabelWidth, y as DataListRowPadding, bw as ElevationShadow, 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, F as IconSize, H as InputFontSize, J as InputHeight, K as InputPaddingHorizontal, L as InputPaddingVertical, Q as InputRadius, U as InputSize, 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, a5 as MotionAnimation, b9 as MotionCombinedType, ba as MotionDuration, bb as MotionEasing, bc as MotionSlideDirection, bd as MotionTransition, a9 as MotionTransitionPreset, 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 NotificationTokenVariant, 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, S as SECTION_TOKENS, g as SURFACE_TOKENS, h as SWITCH_TOKENS, at as SectionGap, au as SectionPadding, bM as SectionSpacing, bN as SemanticSpacing, aL as SkeletonAnimation, aM as SkeletonBackground, bO as Spacing, bP as StackSpacing, aO as SurfacePadding, aP as SurfaceRadius, aQ as SurfaceShadow, 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, b1 as TextLineHeight, c4 as TextStyle, 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-BrFmCQv-.js';
+import { cM as ResponsiveSideOffset, cw as ResponsiveAlignOffset, cF as ResponsiveModalSize, cG as ResponsiveModalWidth, cE as ResponsiveModalHeight, cN as ResponsiveSpace, cv as RadiusToken, c_ as SurfaceToken, cn as ModalFooterAlignToken, cI as ResponsiveRadius$1, cW as ShadowToken, cz as ResponsiveColor$1, d3 as Responsive, cA as ResponsiveContainerMaxWidth, cD as ResponsiveFlexBasis, cC as ResponsiveDelay, d4 as ResponsiveContextMenuSize, d5 as ResponsiveContextMenuWidth, d6 as ContextMenuItemToneToken, d7 as ResponsiveTabsSize, d8 as TabsVariantToken, d9 as TabsToneToken, z as IconColor, G as IconStroke, E as EmptyStateIconSize } from './index-CfbBwBhc.js';
+export { A as ALERT_TOKENS, B as BUTTON_TOKENS, bp as BorderRadius, da as Breakpoint, 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, bv as ColoredShadow, ba as ComponentMotionDuration, bb as ComponentMotionEasing, bd as ComponentMotionTransition, bq as ComponentRadius, bJ as ComponentSpacing, bK as ContainerSpacing, D as DATA_TOKENS, x as DataListLabelWidth, y as DataListRowPadding, bw as ElevationShadow, 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, F as IconSize, H as InputFontSize, J as InputHeight, K as InputPaddingHorizontal, L as InputPaddingVertical, Q as InputRadius, U as InputSize, 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, a5 as MotionAnimation, b9 as MotionCombinedType, ba as MotionDuration, bb as MotionEasing, bc as MotionSlideDirection, bd as MotionTransition, a9 as MotionTransitionPreset, 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 NotificationTokenVariant, 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, S as SECTION_TOKENS, g as SURFACE_TOKENS, h as SWITCH_TOKENS, at as SectionGap, au as SectionPadding, bM as SectionSpacing, bN as SemanticSpacing, aL as SkeletonAnimation, aM as SkeletonBackground, bO as Spacing, bP as StackSpacing, aO as SurfacePadding, aP as SurfaceRadius, aQ as SurfaceShadow, 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, b1 as TextLineHeight, c4 as TextStyle, 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';
+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';
 import * as React$1 from 'react';
 import React__default, { ReactNode } from 'react';
 import * as class_variance_authority_types from 'class-variance-authority/types';

package/dist/index.mjs

@@ -367,6 +367,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))",
@@ -2157,8 +2162,14 @@ var FORM_TOKENS = {
     /**
      * Color for required asterisk mark
      */
-    requiredMark: "text-destructive"
+    requiredMark: "text-destructive",
     // Color for required asterisk
+    /**
+     * Disabled state styling for labels
+     * Uses explicit disabled semantic token for better accessibility
+     */
+    disabled: "peer-disabled:text-disabled-foreground"
+    // Disabled text color using explicit disabled semantic token
   }};
 
 // src/FOUNDATION/tokens/components/file-upload.ts
@@ -2763,10 +2774,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
     },
@@ -2775,16 +2786,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)
     }
   },
   /**
@@ -5234,13 +5245,14 @@ var LINK_TOKENS = {
   },
   /**
    * Disabled state tokens
+   * Uses explicit disabled semantic tokens for better accessibility
    */
   state: {
     disabled: {
       pointerEvents: "disabled:pointer-events-none",
       // Disable pointer events
-      opacity: "disabled:opacity-50"
-      // Disabled opacity
+      text: "disabled:text-[hsl(var(--tm-disabled-foreground))]"
+      // Disabled text color using explicit disabled semantic token
     }
   },
   /**
@@ -7366,7 +7378,7 @@ function renderIcon2(icon) {
   return /* @__PURE__ */ jsx("span", { className: ICON_WRAPPER_CLASS2, children: icon });
 }
 var linkVariants = tokenCVA({
-  base: `${LINK_TOKENS.layout} ${LINK_TOKENS.fontWeight} ${LINK_TOKENS.transition.colors} ${LINK_TOKENS.focus.outline} ${LINK_TOKENS.focus.ring} ${LINK_TOKENS.focus.offset} ${LINK_TOKENS.state.disabled.pointerEvents} ${LINK_TOKENS.state.disabled.opacity}`,
+  base: `${LINK_TOKENS.layout} ${LINK_TOKENS.fontWeight} ${LINK_TOKENS.transition.colors} ${LINK_TOKENS.focus.outline} ${LINK_TOKENS.focus.ring} ${LINK_TOKENS.focus.offset} ${LINK_TOKENS.state.disabled.pointerEvents} ${LINK_TOKENS.state.disabled.text}`,
   variants: {
     variant: {
       primary: `${LINK_TOKENS.variant.primary.text} ${LINK_TOKENS.variant.primary.hover} ${LINK_TOKENS.underlineOffset} ${LINK_TOKENS.variant.primary.underline}`,
@@ -11184,7 +11196,7 @@ var Section = React63.forwardRef(
   }
 );
 Section.displayName = "Section";
-var labelClassName = `${TEXT_TOKENS.fontSize.sm} ${TEXT_TOKENS.fontWeight.medium} ${TEXT_TOKENS.lineHeight.none} peer-disabled:cursor-not-allowed peer-disabled:opacity-70`;
+var labelClassName = `${TEXT_TOKENS.fontSize.sm} ${TEXT_TOKENS.fontWeight.medium} ${TEXT_TOKENS.lineHeight.none} peer-disabled:cursor-not-allowed ${FORM_TOKENS.label.disabled}`;
 var Label2 = React63.forwardRef(
   ({ required, children, ...props }, ref) => (
     // className and style are forbidden from public API - only token-based className is used

package/dist/preset.cjs

@@ -74,6 +74,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))",

package/dist/preset.mjs

@@ -68,6 +68,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))",

package/dist/styles.css

@@ -2141,6 +2141,12 @@ body {
 .bg-\[hsl\(var\(--primary\)\)\] {
   background-color: hsl(var(--primary));
 }
+.bg-\[hsl\(var\(--tm-disabled\)\)\] {
+  background-color: hsl(var(--tm-disabled));
+}
+.bg-\[hsl\(var\(--tm-disabled-foreground\)\)\] {
+  background-color: hsl(var(--tm-disabled-foreground));
+}
 .bg-\[hsl\(var\(--tm-primary\)\)\] {
   background-color: hsl(var(--tm-primary));
 }
@@ -3978,6 +3984,9 @@ body {
 .disabled\:text-\[hsl\(var\(--button-secondary-disabled-text\)\)\]:disabled {
   color: hsl(var(--button-secondary-disabled-text));
 }
+.disabled\:text-\[hsl\(var\(--tm-disabled-foreground\)\)\]:disabled {
+  color: hsl(var(--tm-disabled-foreground));
+}
 .disabled\:opacity-50:disabled {
   opacity: 0.5;
 }
@@ -3990,6 +3999,9 @@ body {
 .peer:disabled ~ .peer-disabled\:cursor-not-allowed {
   cursor: not-allowed;
 }
+.peer:disabled ~ .peer-disabled\:text-disabled-foreground {
+  color: hsl(var(--tm-disabled-foreground));
+}
 .peer:disabled ~ .peer-disabled\:opacity-70 {
   opacity: 0.7;
 }
@@ -4219,6 +4231,14 @@ body {
   .lg\:gap-xl {
     gap: 2rem;
   }
+  .lg\:px-xl {
+    padding-left: 2rem;
+    padding-right: 2rem;
+  }
+  .lg\:py-2xl {
+    padding-top: 3rem;
+    padding-bottom: 3rem;
+  }
 }
 @media (min-width: 1280px) {
   .xl\:grid-cols-4 {

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))",
@@ -2727,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
     },
@@ -2739,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))",
@@ -2725,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
     },
@@ -2737,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.1",
+  "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"
   }
-}
+}