@tenerife.music/ui 2.0.3 → 2.0.5

package/README.md

@@ -4,12 +4,15 @@
 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)
+![npm version](https://img.shields.io/npm/v/@tenerife.music/ui?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)
 ![License](https://img.shields.io/badge/License-MIT-green?style=for-the-badge)
 
+**Current Release:** [v2.0.3](CHANGELOG.md#203---2025-12-31) (npm)  
+**Next Release:** v2.0.4 (Unreleased) — See [CHANGELOG](CHANGELOG.md#unreleased)
+
 <p align="center">
   <img src="https://raw.githubusercontent.com/Tureckiy-zart/tenerife-ui/main/.github/banner.png" width="100%" alt="TUI Banner" />
 </p>
@@ -248,6 +251,24 @@ Contributions are welcome **within the boundaries of the system**.
 
 Architectural discussions take precedence over visual changes.
 
+### Release Discipline
+
+This project follows strict version canon synchronization rules:
+
+- **npm registry** (`@tenerife.music/ui`) is the single source of truth for published versions
+- Only versions published to npm may appear in CHANGELOG with publication dates
+- Unreleased versions must be labeled as `[Unreleased]`, not as current version
+- All releases must go through the automated release process (no manual edits)
+
+**Verify versions:**
+
+```bash
+npm view @tenerife.music/ui version
+npm view @tenerife.music/ui versions --json
+```
+
+See [CHANGELOG Version Canon Rules](CHANGELOG.md#version-canon-rules) and [Release Process](docs/RELEASE_PROCESS.md) for details.
+
 ### Creating New Components
 
 To create a new Extension component:

package/dist/extensions/next/index.cjs

@@ -294,6 +294,8 @@ var LINK_TOKENS = {
       }
     },
     ghost: {
+      background: "bg-muted/10",
+      // Light background for better contrast on dark surfaces
       text: "text-foreground",
       // Foreground text using CSS var
       hover: {
@@ -332,7 +334,7 @@ var linkVariants = tokenCVA({
       secondary: `${LINK_TOKENS.variant.secondary.text} ${LINK_TOKENS.underlineOffset} ${LINK_TOKENS.variant.secondary.hover}`,
       accent: `${LINK_TOKENS.variant.accent.text} ${LINK_TOKENS.variant.accent.hover} ${LINK_TOKENS.underlineOffset} ${LINK_TOKENS.variant.accent.underline}`,
       outline: `${LINK_TOKENS.variant.outline.border} ${LINK_TOKENS.variant.outline.background} ${LINK_TOKENS.variant.outline.text} ${LINK_TOKENS.radius} ${LINK_TOKENS.variant.outline.hover.background} ${LINK_TOKENS.variant.outline.hover.text}`,
-      ghost: `${LINK_TOKENS.variant.ghost.text} ${LINK_TOKENS.variant.ghost.hover.background} ${LINK_TOKENS.variant.ghost.hover.text} ${LINK_TOKENS.radius}`,
+      ghost: `${LINK_TOKENS.variant.ghost.background} ${LINK_TOKENS.variant.ghost.text} ${LINK_TOKENS.variant.ghost.hover.background} ${LINK_TOKENS.variant.ghost.hover.text} ${LINK_TOKENS.radius}`,
       link: `${LINK_TOKENS.variant.link.text} ${LINK_TOKENS.underlineOffset} ${LINK_TOKENS.variant.link.hover}`,
       destructive: `${LINK_TOKENS.variant.destructive.text} ${LINK_TOKENS.variant.destructive.hover} ${LINK_TOKENS.underlineOffset} ${LINK_TOKENS.variant.destructive.underline}`
     },

package/dist/extensions/next/index.mjs

@@ -269,6 +269,8 @@ var LINK_TOKENS = {
       }
     },
     ghost: {
+      background: "bg-muted/10",
+      // Light background for better contrast on dark surfaces
       text: "text-foreground",
       // Foreground text using CSS var
       hover: {
@@ -307,7 +309,7 @@ var linkVariants = tokenCVA({
       secondary: `${LINK_TOKENS.variant.secondary.text} ${LINK_TOKENS.underlineOffset} ${LINK_TOKENS.variant.secondary.hover}`,
       accent: `${LINK_TOKENS.variant.accent.text} ${LINK_TOKENS.variant.accent.hover} ${LINK_TOKENS.underlineOffset} ${LINK_TOKENS.variant.accent.underline}`,
       outline: `${LINK_TOKENS.variant.outline.border} ${LINK_TOKENS.variant.outline.background} ${LINK_TOKENS.variant.outline.text} ${LINK_TOKENS.radius} ${LINK_TOKENS.variant.outline.hover.background} ${LINK_TOKENS.variant.outline.hover.text}`,
-      ghost: `${LINK_TOKENS.variant.ghost.text} ${LINK_TOKENS.variant.ghost.hover.background} ${LINK_TOKENS.variant.ghost.hover.text} ${LINK_TOKENS.radius}`,
+      ghost: `${LINK_TOKENS.variant.ghost.background} ${LINK_TOKENS.variant.ghost.text} ${LINK_TOKENS.variant.ghost.hover.background} ${LINK_TOKENS.variant.ghost.hover.text} ${LINK_TOKENS.radius}`,
       link: `${LINK_TOKENS.variant.link.text} ${LINK_TOKENS.underlineOffset} ${LINK_TOKENS.variant.link.hover}`,
       destructive: `${LINK_TOKENS.variant.destructive.text} ${LINK_TOKENS.variant.destructive.hover} ${LINK_TOKENS.underlineOffset} ${LINK_TOKENS.variant.destructive.underline}`
     },

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

@@ -297,7 +297,7 @@ declare const BUTTON_TOKENS: {
             };
         };
         readonly ghost: {
-            readonly background: "bg-transparent";
+            readonly background: "bg-muted/10";
             readonly text: "text-foreground";
             readonly hover: {
                 readonly background: "hover:bg-[hsl(var(--button-ghost-hover-bg))]";
@@ -1325,7 +1325,7 @@ declare const SURFACE_TOKENS: {
             readonly padding: "p-md";
             readonly radius: "rounded-md";
             readonly shadow: "shadow-none";
-            readonly bg: "bg-muted/50";
+            readonly bg: "bg-muted/30";
             readonly border: "border border-border/50";
         };
     };
@@ -1338,6 +1338,90 @@ type SurfaceRadius = keyof typeof SURFACE_TOKENS.radius;
 type SurfaceShadow = keyof typeof SURFACE_TOKENS.shadow;
 type SurfaceVariant = keyof typeof SURFACE_TOKENS.variant;
 
+/**
+ * Panel Component Tokens
+ *
+ * Component-level design tokens for Panel component.
+ * Maps foundation tokens (spacing, radius, shadows) to panel-specific usage.
+ *
+ * Panel is a lightweight structural surface container that sits between Box and Card
+ * in semantic hierarchy. Panel provides surface styling without interactivity.
+ *
+ * Panel tokens are designed to be lighter than Card tokens (lower elevation, subtler styling).
+ */
+/**
+ * Panel Component Tokens
+ *
+ * Defines spacing, radius, tone, background, border, and shadow tokens for Panel component.
+ * Values are mapped to Tailwind utility classes for direct use.
+ * Uses surface tone variants: default, muted, subtle.
+ */
+declare const PANEL_TOKENS: {
+    /**
+     * Padding values for panels
+     * Maps to semantic spacing tokens
+     */
+    readonly padding: {
+        readonly sm: "p-sm";
+        readonly md: "p-md";
+        readonly lg: "p-lg";
+    };
+    /**
+     * Border radius for panels
+     * Maps to borderRadius scale
+     */
+    readonly radius: {
+        readonly sm: "rounded-sm";
+        readonly md: "rounded-md";
+        readonly lg: "rounded-lg";
+        readonly xl: "rounded-xl";
+    };
+    /**
+     * Shadow tokens for panels
+     * Panel shadows are minimal or none (below Card elevation)
+     * Card uses shadow/shadow-sm/shadow-md, Panel uses shadow-none or shadow-xs
+     */
+    readonly shadow: {
+        readonly none: "shadow-none";
+        readonly xs: "shadow-xs";
+    };
+    /**
+     * Tone-based token structure
+     * Organized by tone for easy access
+     * Uses surface tone variants: default, muted, subtle
+     */
+    readonly tone: {
+        readonly default: {
+            readonly padding: "p-md";
+            readonly radius: "rounded-md";
+            readonly shadow: "shadow-none";
+            readonly bg: "bg-background";
+            readonly border: "border border-border";
+        };
+        readonly muted: {
+            readonly padding: "p-md";
+            readonly radius: "rounded-md";
+            readonly shadow: "shadow-none";
+            readonly bg: "bg-muted";
+            readonly border: "border border-border";
+        };
+        readonly subtle: {
+            readonly padding: "p-md";
+            readonly radius: "rounded-md";
+            readonly shadow: "shadow-none";
+            readonly bg: "bg-muted/50";
+            readonly border: "border border-border/50";
+        };
+    };
+};
+/**
+ * Type exports for Panel tokens
+ */
+type PanelPadding = keyof typeof PANEL_TOKENS.padding;
+type PanelRadius = keyof typeof PANEL_TOKENS.radius;
+type PanelShadow = keyof typeof PANEL_TOKENS.shadow;
+type PanelTone = keyof typeof PANEL_TOKENS.tone;
+
 /**
  * Text Component Tokens
  *
@@ -2228,6 +2312,10 @@ declare const MENU_TOKENS: {
             readonly md: "h-10";
             readonly lg: "h-12";
         };
+        readonly focus: {
+            readonly background: "focus-visible:bg-accent/10";
+            readonly text: "focus-visible:text-accent-foreground";
+        };
     };
     /**
      * Menu content tokens by size
@@ -6134,4 +6222,4 @@ type ResponsiveContextMenuSize = Responsive<ContextMenuSizeToken>;
  */
 type ResponsiveContextMenuWidth = Responsive<ContextMenuWidthToken>;
 
-export { type MenuItemGap as $, ALERT_TOKENS as A, BUTTON_TOKENS as B, CARD_TOKENS as C, DATA_TOKENS as D, type EmptyStateIconSize as E, type IconSize as F, type IconStroke as G, type InputFontSize as H, ICON_TOKENS as I, type InputHeight as J, type InputPaddingHorizontal as K, type InputPaddingVertical as L, MENU_TOKENS as M, NAVIGATION_TOKENS as N, OVERLAY_TOKENS as O, POPOVER_TOKENS as P, type InputRadius as Q, RADIO_TOKENS as R, SECTION_TOKENS as S, TEXT_TOKENS as T, type InputSize as U, type MenuContentMinWidth as V, type MenuContentPadding as W, type MenuContentRadius as X, type MenuContentShadow as Y, type MenuIndicatorOffset as Z, type MenuIndicatorSize as _, CHECKBOX_TOKENS as a, type TextFontWeight as a$, type MenuItemHeight as a0, type MenuItemPadding as a1, type MenuItemRadius as a2, type MenuLabelPadding as a3, type MenuSeparatorMargin as a4, type MotionAnimation as a5, type MotionDuration$1 as a6, type MotionEasing$1 as a7, type MotionTransition$1 as a8, type MotionTransitionPreset as a9, type SelectItemRadius as aA, type SelectLabelFontSize as aB, type SelectLabelPaddingHorizontal as aC, type SelectLabelPaddingVertical as aD, type SelectSeparatorMarginHorizontal as aE, type SelectSeparatorMarginVertical as aF, type SelectTriggerFontSize as aG, type SelectTriggerHeight as aH, type SelectTriggerPaddingHorizontal as aI, type SelectTriggerPaddingVertical as aJ, type SelectTriggerRadius as aK, type SkeletonAnimation as aL, type SkeletonBackground as aM, type SkeletonVariant as aN, type SurfacePadding as aO, type SurfaceRadius as aP, type SurfaceShadow as aQ, type SurfaceVariant as aR, type SwitchSize as aS, type SwitchState as aT, type SwitchVariant as aU, type TableCellPadding as aV, type TableGap as aW, type TableHeaderPadding as aX, type TableRowHeight as aY, type TableShadow as aZ, type TextFontSize as a_, type NavigationItemPadding as aa, type NavigationListGap as ab, type NavigationRadius as ac, type NavigationShadow as ad, type NavigationSize as ae, type NavigationState as af, type NotificationPanelWidth as ag, type NotificationVariant as ah, type OverlayBackdropVariant as ai, type OverlayModalSize as aj, type PopoverArrowOffset as ak, type PopoverArrowSize as al, type PopoverContentPadding as am, type PopoverContentRadius as an, type PopoverContentShadow as ao, type PopoverContentWidth as ap, type RadioSize as aq, type RadioState as ar, type RadioVariant as as, type SectionGap as at, type SectionPadding as au, type SelectContentPadding as av, type SelectContentRadius as aw, type SelectItemFontSize as ax, type SelectItemPaddingHorizontal as ay, type SelectItemPaddingVertical as az, DATA_LIST_TOKENS as b, type FontFamily as b$, type TextLetterSpacing as b0, type TextLineHeight as b1, type ToastVariant as b2, type TooltipContentRadius as b3, type TooltipContentShadow as b4, allCSSVariables as b5, allCSSVariablesCSS as b6, generateCSSVariablesCSS as b7, tokenSystemSummary as b8, type MotionCombinedType as b9, componentShadowMapping as bA, elevationShadows as bB, focusRings as bC, glowEffects as bD, primaryColoredShadows as bE, shadowBase as bF, shadowCSSVariables as bG, shadowOpacity as bH, tailwindShadowConfig as bI, type ComponentSpacing as bJ, type ContainerSpacing as bK, type GridSpacing as bL, type SectionSpacing as bM, type SemanticSpacing as bN, type Spacing as bO, type StackSpacing as bP, layoutSpacing as bQ, semanticSpacing as bR, spacing as bS, spacingCSSVariables as bT, tailwindSpacingConfig as bU, UI_COLORS as bV, type CanonicalFontSize as bW, type CanonicalFontWeight as bX, type CanonicalLetterSpacing as bY, type CanonicalLineHeight as bZ, type CanonicalTextColor as b_, type MotionDuration as ba, type MotionEasing as bb, type MotionSlideDirection as bc, type MotionTransition as bd, motionCSSVariables as be, motionCombined as bf, motionDurations as bg, motionEasings as bh, motionFade as bi, motionReducedMotion as bj, motionScale as bk, motionSlide as bl, motionTailwindConfig as bm, motionTransitionProperty as bn, motionTransitions as bo, type BorderRadius as bp, type ComponentRadius as bq, borderRadius as br, componentRadius as bs, radiusCSSVariables as bt, tailwindRadiusConfig as bu, type ColoredShadow as bv, type ElevationShadow as bw, type FocusRing as bx, type GlowEffect as by, accentColoredShadows as bz, INPUT_TOKENS as c, type TextLetterSpacingToken as c$, type FontSize as c0, type FontWeight as c1, type LetterSpacing as c2, type LineHeight as c3, type TextStyle as c4, fontFamily as c5, fontSize as c6, fontSizeWithMd as c7, fontWeight as c8, letterSpacing as c9, type ResponsiveContainerMaxWidth as cA, type ResponsiveContainerPadding as cB, type ResponsiveDelay as cC, type ResponsiveFlexBasis as cD, type ResponsiveModalHeight as cE, type ResponsiveModalSize as cF, type ResponsiveModalWidth as cG, type ResponsiveMotion as cH, type ResponsiveRadius as cI, type ResponsiveSelectSize as cJ, type ResponsiveSelectWidth as cK, type ResponsiveShadow as cL, type ResponsiveSideOffset as cM, type ResponsiveSpace as cN, type ResponsiveSurface as cO, type ResponsiveTextLineHeight as cP, type ResponsiveTextSize as cQ, type ResponsiveTextWeight as cR, type SelectSizeToken as cS, type SelectStateToken as cT, type SelectVariantToken as cU, type SelectWidthToken as cV, type ShadowToken as cW, type SideOffsetToken as cX, type SpaceToken as cY, type SpacingToken as cZ, type SurfaceToken as c_, lineHeight as ca, tailwindTypographyConfig as cb, textStyles as cc, typographyCSSVariables as cd, type AlignOffsetToken as ce, type AnimationPresetToken as cf, type AspectRatioToken as cg, type ColorToken as ch, type ContainerMaxWidthToken as ci, type ContainerPaddingToken as cj, type DelayToken as ck, type FlexBasisToken as cl, type LayoutSpaceToken as cm, type ModalFooterAlignToken as cn, type ModalHeightToken as co, type ModalSizeToken as cp, type ModalWidthToken as cq, type MotionDurationToken as cr, type MotionEasingToken as cs, type MotionToken as ct, type MotionTransitionToken as cu, type RadiusToken as cv, type ResponsiveAlignOffset as cw, type ResponsiveAnimationPreset as cx, type ResponsiveAspectRatio as cy, type ResponsiveColor as cz, MOTION_TOKENS as d, type TextLineHeightToken as d0, type TextSizeToken as d1, type TextWeightToken as d2, type Responsive as d3, type ResponsiveContextMenuSize as d4, type ResponsiveContextMenuWidth as d5, type ContextMenuItemToneToken as d6, type ResponsiveTabsSize as d7, type TabsVariantToken as d8, type TabsToneToken as d9, type Breakpoint as da, NOTIFICATION_TOKENS as e, SELECT_TOKENS as f, SURFACE_TOKENS as g, SWITCH_TOKENS as h, TOAST_TOKENS as i, TOOLTIP_TOKENS as j, type ButtonFontSize as k, type ButtonHeight as l, type ButtonPaddingHorizontal as m, type ButtonPaddingVertical as n, type ButtonShadow as o, type CardPadding as p, type CardRadius as q, type CardShadow as r, type CardSize as s, type CardSpacingVertical as t, type CheckboxSize as u, type CheckboxState as v, type CheckboxVariant as w, type DataListLabelWidth as x, type DataListRowPadding as y, type IconColor as z };
+export { type MenuIndicatorSize as $, ALERT_TOKENS as A, BUTTON_TOKENS as B, CARD_TOKENS as C, DATA_TOKENS as D, type EmptyStateIconSize as E, type IconColor as F, type IconSize as G, type IconStroke as H, ICON_TOKENS as I, type InputFontSize as J, type InputHeight as K, type InputPaddingHorizontal as L, MENU_TOKENS as M, NAVIGATION_TOKENS as N, OVERLAY_TOKENS as O, PANEL_TOKENS as P, type InputPaddingVertical as Q, RADIO_TOKENS as R, SECTION_TOKENS as S, TEXT_TOKENS as T, type InputRadius as U, type InputSize as V, type MenuContentMinWidth as W, type MenuContentPadding as X, type MenuContentRadius as Y, type MenuContentShadow as Z, type MenuIndicatorOffset as _, CHECKBOX_TOKENS as a, type TableGap as a$, type MenuItemGap as a0, type MenuItemHeight as a1, type MenuItemPadding as a2, type MenuItemRadius as a3, type MenuLabelPadding as a4, type MenuSeparatorMargin as a5, type MotionAnimation as a6, type MotionDuration$1 as a7, type MotionEasing$1 as a8, type MotionTransition$1 as a9, type SelectContentPadding as aA, type SelectContentRadius as aB, type SelectItemFontSize as aC, type SelectItemPaddingHorizontal as aD, type SelectItemPaddingVertical as aE, type SelectItemRadius as aF, type SelectLabelFontSize as aG, type SelectLabelPaddingHorizontal as aH, type SelectLabelPaddingVertical as aI, type SelectSeparatorMarginHorizontal as aJ, type SelectSeparatorMarginVertical as aK, type SelectTriggerFontSize as aL, type SelectTriggerHeight as aM, type SelectTriggerPaddingHorizontal as aN, type SelectTriggerPaddingVertical as aO, type SelectTriggerRadius as aP, type SkeletonAnimation as aQ, type SkeletonBackground as aR, type SkeletonVariant as aS, type SurfacePadding as aT, type SurfaceRadius as aU, type SurfaceShadow as aV, type SurfaceVariant as aW, type SwitchSize as aX, type SwitchState as aY, type SwitchVariant as aZ, type TableCellPadding as a_, type MotionTransitionPreset as aa, type NavigationItemPadding as ab, type NavigationListGap as ac, type NavigationRadius as ad, type NavigationShadow as ae, type NavigationSize as af, type NavigationState as ag, type NotificationPanelWidth as ah, type NotificationVariant as ai, type OverlayBackdropVariant as aj, type OverlayModalSize as ak, type PanelPadding as al, type PanelRadius as am, type PanelShadow as an, type PanelTone as ao, type PopoverArrowOffset as ap, type PopoverArrowSize as aq, type PopoverContentPadding as ar, type PopoverContentRadius as as, type PopoverContentShadow as at, type PopoverContentWidth as au, type RadioSize as av, type RadioState as aw, type RadioVariant as ax, type SectionGap as ay, type SectionPadding as az, DATA_LIST_TOKENS as b, type CanonicalFontSize as b$, type TableHeaderPadding as b0, type TableRowHeight as b1, type TableShadow as b2, type TextFontSize as b3, type TextFontWeight as b4, type TextLetterSpacing as b5, type TextLineHeight as b6, type ToastVariant as b7, type TooltipContentRadius as b8, type TooltipContentShadow as b9, type ColoredShadow as bA, type ElevationShadow as bB, type FocusRing as bC, type GlowEffect as bD, accentColoredShadows as bE, componentShadowMapping as bF, elevationShadows as bG, focusRings as bH, glowEffects as bI, primaryColoredShadows as bJ, shadowBase as bK, shadowCSSVariables as bL, shadowOpacity as bM, tailwindShadowConfig as bN, type ComponentSpacing as bO, type ContainerSpacing as bP, type GridSpacing as bQ, type SectionSpacing as bR, type SemanticSpacing as bS, type Spacing as bT, type StackSpacing as bU, layoutSpacing as bV, semanticSpacing as bW, spacing as bX, spacingCSSVariables as bY, tailwindSpacingConfig as bZ, UI_COLORS as b_, allCSSVariables as ba, allCSSVariablesCSS as bb, generateCSSVariablesCSS as bc, tokenSystemSummary as bd, type MotionCombinedType as be, type MotionDuration as bf, type MotionEasing as bg, type MotionSlideDirection as bh, type MotionTransition as bi, motionCSSVariables as bj, motionCombined as bk, motionDurations as bl, motionEasings as bm, motionFade as bn, motionReducedMotion as bo, motionScale as bp, motionSlide as bq, motionTailwindConfig as br, motionTransitionProperty as bs, motionTransitions as bt, type BorderRadius as bu, type ComponentRadius as bv, borderRadius as bw, componentRadius as bx, radiusCSSVariables as by, tailwindRadiusConfig as bz, INPUT_TOKENS as c, type ShadowToken as c$, type CanonicalFontWeight as c0, type CanonicalLetterSpacing as c1, type CanonicalLineHeight as c2, type CanonicalTextColor as c3, type FontFamily as c4, type FontSize as c5, type FontWeight as c6, type LetterSpacing as c7, type LineHeight as c8, type TextStyle as c9, type RadiusToken as cA, type ResponsiveAlignOffset as cB, type ResponsiveAnimationPreset as cC, type ResponsiveAspectRatio as cD, type ResponsiveColor as cE, type ResponsiveContainerMaxWidth as cF, type ResponsiveContainerPadding as cG, type ResponsiveDelay as cH, type ResponsiveFlexBasis as cI, type ResponsiveModalHeight as cJ, type ResponsiveModalSize as cK, type ResponsiveModalWidth as cL, type ResponsiveMotion as cM, type ResponsiveRadius as cN, type ResponsiveSelectSize as cO, type ResponsiveSelectWidth as cP, type ResponsiveShadow as cQ, type ResponsiveSideOffset as cR, type ResponsiveSpace as cS, type ResponsiveSurface as cT, type ResponsiveTextLineHeight as cU, type ResponsiveTextSize as cV, type ResponsiveTextWeight as cW, type SelectSizeToken as cX, type SelectStateToken as cY, type SelectVariantToken as cZ, type SelectWidthToken as c_, fontFamily as ca, fontSize as cb, fontSizeWithMd as cc, fontWeight as cd, letterSpacing as ce, lineHeight as cf, tailwindTypographyConfig as cg, textStyles as ch, typographyCSSVariables as ci, type AlignOffsetToken as cj, type AnimationPresetToken as ck, type AspectRatioToken as cl, type ColorToken as cm, type ContainerMaxWidthToken as cn, type ContainerPaddingToken as co, type DelayToken as cp, type FlexBasisToken as cq, type LayoutSpaceToken as cr, type ModalFooterAlignToken as cs, type ModalHeightToken as ct, type ModalSizeToken as cu, type ModalWidthToken as cv, type MotionDurationToken as cw, type MotionEasingToken as cx, type MotionToken as cy, type MotionTransitionToken as cz, MOTION_TOKENS as d, type SideOffsetToken as d0, type SpaceToken as d1, type SpacingToken as d2, type SurfaceToken as d3, type TextLetterSpacingToken as d4, type TextLineHeightToken as d5, type TextSizeToken as d6, type TextWeightToken as d7, type Responsive as d8, type ResponsiveContextMenuSize as d9, type ResponsiveContextMenuWidth as da, type ContextMenuItemToneToken as db, type ResponsiveTabsSize as dc, type TabsVariantToken as dd, type TabsToneToken as de, type Breakpoint as df, NOTIFICATION_TOKENS as e, POPOVER_TOKENS as f, SELECT_TOKENS as g, SURFACE_TOKENS as h, SWITCH_TOKENS as i, TOAST_TOKENS as j, TOOLTIP_TOKENS as k, type ButtonFontSize as l, type ButtonHeight as m, type ButtonPaddingHorizontal as n, type ButtonPaddingVertical as o, type ButtonShadow as p, type CardPadding as q, type CardRadius as r, type CardShadow as s, type CardSize as t, type CardSpacingVertical as u, type CheckboxSize as v, type CheckboxState as w, type CheckboxVariant as x, type DataListLabelWidth as y, type DataListRowPadding as z };

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

@@ -297,7 +297,7 @@ declare const BUTTON_TOKENS: {
             };
         };
         readonly ghost: {
-            readonly background: "bg-transparent";
+            readonly background: "bg-muted/10";
             readonly text: "text-foreground";
             readonly hover: {
                 readonly background: "hover:bg-[hsl(var(--button-ghost-hover-bg))]";
@@ -1325,7 +1325,7 @@ declare const SURFACE_TOKENS: {
             readonly padding: "p-md";
             readonly radius: "rounded-md";
             readonly shadow: "shadow-none";
-            readonly bg: "bg-muted/50";
+            readonly bg: "bg-muted/30";
             readonly border: "border border-border/50";
         };
     };
@@ -1338,6 +1338,90 @@ type SurfaceRadius = keyof typeof SURFACE_TOKENS.radius;
 type SurfaceShadow = keyof typeof SURFACE_TOKENS.shadow;
 type SurfaceVariant = keyof typeof SURFACE_TOKENS.variant;
 
+/**
+ * Panel Component Tokens
+ *
+ * Component-level design tokens for Panel component.
+ * Maps foundation tokens (spacing, radius, shadows) to panel-specific usage.
+ *
+ * Panel is a lightweight structural surface container that sits between Box and Card
+ * in semantic hierarchy. Panel provides surface styling without interactivity.
+ *
+ * Panel tokens are designed to be lighter than Card tokens (lower elevation, subtler styling).
+ */
+/**
+ * Panel Component Tokens
+ *
+ * Defines spacing, radius, tone, background, border, and shadow tokens for Panel component.
+ * Values are mapped to Tailwind utility classes for direct use.
+ * Uses surface tone variants: default, muted, subtle.
+ */
+declare const PANEL_TOKENS: {
+    /**
+     * Padding values for panels
+     * Maps to semantic spacing tokens
+     */
+    readonly padding: {
+        readonly sm: "p-sm";
+        readonly md: "p-md";
+        readonly lg: "p-lg";
+    };
+    /**
+     * Border radius for panels
+     * Maps to borderRadius scale
+     */
+    readonly radius: {
+        readonly sm: "rounded-sm";
+        readonly md: "rounded-md";
+        readonly lg: "rounded-lg";
+        readonly xl: "rounded-xl";
+    };
+    /**
+     * Shadow tokens for panels
+     * Panel shadows are minimal or none (below Card elevation)
+     * Card uses shadow/shadow-sm/shadow-md, Panel uses shadow-none or shadow-xs
+     */
+    readonly shadow: {
+        readonly none: "shadow-none";
+        readonly xs: "shadow-xs";
+    };
+    /**
+     * Tone-based token structure
+     * Organized by tone for easy access
+     * Uses surface tone variants: default, muted, subtle
+     */
+    readonly tone: {
+        readonly default: {
+            readonly padding: "p-md";
+            readonly radius: "rounded-md";
+            readonly shadow: "shadow-none";
+            readonly bg: "bg-background";
+            readonly border: "border border-border";
+        };
+        readonly muted: {
+            readonly padding: "p-md";
+            readonly radius: "rounded-md";
+            readonly shadow: "shadow-none";
+            readonly bg: "bg-muted";
+            readonly border: "border border-border";
+        };
+        readonly subtle: {
+            readonly padding: "p-md";
+            readonly radius: "rounded-md";
+            readonly shadow: "shadow-none";
+            readonly bg: "bg-muted/50";
+            readonly border: "border border-border/50";
+        };
+    };
+};
+/**
+ * Type exports for Panel tokens
+ */
+type PanelPadding = keyof typeof PANEL_TOKENS.padding;
+type PanelRadius = keyof typeof PANEL_TOKENS.radius;
+type PanelShadow = keyof typeof PANEL_TOKENS.shadow;
+type PanelTone = keyof typeof PANEL_TOKENS.tone;
+
 /**
  * Text Component Tokens
  *
@@ -2228,6 +2312,10 @@ declare const MENU_TOKENS: {
             readonly md: "h-10";
             readonly lg: "h-12";
         };
+        readonly focus: {
+            readonly background: "focus-visible:bg-accent/10";
+            readonly text: "focus-visible:text-accent-foreground";
+        };
     };
     /**
      * Menu content tokens by size
@@ -6134,4 +6222,4 @@ type ResponsiveContextMenuSize = Responsive<ContextMenuSizeToken>;
  */
 type ResponsiveContextMenuWidth = Responsive<ContextMenuWidthToken>;
 
-export { type MenuItemGap as $, ALERT_TOKENS as A, BUTTON_TOKENS as B, CARD_TOKENS as C, DATA_TOKENS as D, type EmptyStateIconSize as E, type IconSize as F, type IconStroke as G, type InputFontSize as H, ICON_TOKENS as I, type InputHeight as J, type InputPaddingHorizontal as K, type InputPaddingVertical as L, MENU_TOKENS as M, NAVIGATION_TOKENS as N, OVERLAY_TOKENS as O, POPOVER_TOKENS as P, type InputRadius as Q, RADIO_TOKENS as R, SECTION_TOKENS as S, TEXT_TOKENS as T, type InputSize as U, type MenuContentMinWidth as V, type MenuContentPadding as W, type MenuContentRadius as X, type MenuContentShadow as Y, type MenuIndicatorOffset as Z, type MenuIndicatorSize as _, CHECKBOX_TOKENS as a, type TextFontWeight as a$, type MenuItemHeight as a0, type MenuItemPadding as a1, type MenuItemRadius as a2, type MenuLabelPadding as a3, type MenuSeparatorMargin as a4, type MotionAnimation as a5, type MotionDuration$1 as a6, type MotionEasing$1 as a7, type MotionTransition$1 as a8, type MotionTransitionPreset as a9, type SelectItemRadius as aA, type SelectLabelFontSize as aB, type SelectLabelPaddingHorizontal as aC, type SelectLabelPaddingVertical as aD, type SelectSeparatorMarginHorizontal as aE, type SelectSeparatorMarginVertical as aF, type SelectTriggerFontSize as aG, type SelectTriggerHeight as aH, type SelectTriggerPaddingHorizontal as aI, type SelectTriggerPaddingVertical as aJ, type SelectTriggerRadius as aK, type SkeletonAnimation as aL, type SkeletonBackground as aM, type SkeletonVariant as aN, type SurfacePadding as aO, type SurfaceRadius as aP, type SurfaceShadow as aQ, type SurfaceVariant as aR, type SwitchSize as aS, type SwitchState as aT, type SwitchVariant as aU, type TableCellPadding as aV, type TableGap as aW, type TableHeaderPadding as aX, type TableRowHeight as aY, type TableShadow as aZ, type TextFontSize as a_, type NavigationItemPadding as aa, type NavigationListGap as ab, type NavigationRadius as ac, type NavigationShadow as ad, type NavigationSize as ae, type NavigationState as af, type NotificationPanelWidth as ag, type NotificationVariant as ah, type OverlayBackdropVariant as ai, type OverlayModalSize as aj, type PopoverArrowOffset as ak, type PopoverArrowSize as al, type PopoverContentPadding as am, type PopoverContentRadius as an, type PopoverContentShadow as ao, type PopoverContentWidth as ap, type RadioSize as aq, type RadioState as ar, type RadioVariant as as, type SectionGap as at, type SectionPadding as au, type SelectContentPadding as av, type SelectContentRadius as aw, type SelectItemFontSize as ax, type SelectItemPaddingHorizontal as ay, type SelectItemPaddingVertical as az, DATA_LIST_TOKENS as b, type FontFamily as b$, type TextLetterSpacing as b0, type TextLineHeight as b1, type ToastVariant as b2, type TooltipContentRadius as b3, type TooltipContentShadow as b4, allCSSVariables as b5, allCSSVariablesCSS as b6, generateCSSVariablesCSS as b7, tokenSystemSummary as b8, type MotionCombinedType as b9, componentShadowMapping as bA, elevationShadows as bB, focusRings as bC, glowEffects as bD, primaryColoredShadows as bE, shadowBase as bF, shadowCSSVariables as bG, shadowOpacity as bH, tailwindShadowConfig as bI, type ComponentSpacing as bJ, type ContainerSpacing as bK, type GridSpacing as bL, type SectionSpacing as bM, type SemanticSpacing as bN, type Spacing as bO, type StackSpacing as bP, layoutSpacing as bQ, semanticSpacing as bR, spacing as bS, spacingCSSVariables as bT, tailwindSpacingConfig as bU, UI_COLORS as bV, type CanonicalFontSize as bW, type CanonicalFontWeight as bX, type CanonicalLetterSpacing as bY, type CanonicalLineHeight as bZ, type CanonicalTextColor as b_, type MotionDuration as ba, type MotionEasing as bb, type MotionSlideDirection as bc, type MotionTransition as bd, motionCSSVariables as be, motionCombined as bf, motionDurations as bg, motionEasings as bh, motionFade as bi, motionReducedMotion as bj, motionScale as bk, motionSlide as bl, motionTailwindConfig as bm, motionTransitionProperty as bn, motionTransitions as bo, type BorderRadius as bp, type ComponentRadius as bq, borderRadius as br, componentRadius as bs, radiusCSSVariables as bt, tailwindRadiusConfig as bu, type ColoredShadow as bv, type ElevationShadow as bw, type FocusRing as bx, type GlowEffect as by, accentColoredShadows as bz, INPUT_TOKENS as c, type TextLetterSpacingToken as c$, type FontSize as c0, type FontWeight as c1, type LetterSpacing as c2, type LineHeight as c3, type TextStyle as c4, fontFamily as c5, fontSize as c6, fontSizeWithMd as c7, fontWeight as c8, letterSpacing as c9, type ResponsiveContainerMaxWidth as cA, type ResponsiveContainerPadding as cB, type ResponsiveDelay as cC, type ResponsiveFlexBasis as cD, type ResponsiveModalHeight as cE, type ResponsiveModalSize as cF, type ResponsiveModalWidth as cG, type ResponsiveMotion as cH, type ResponsiveRadius as cI, type ResponsiveSelectSize as cJ, type ResponsiveSelectWidth as cK, type ResponsiveShadow as cL, type ResponsiveSideOffset as cM, type ResponsiveSpace as cN, type ResponsiveSurface as cO, type ResponsiveTextLineHeight as cP, type ResponsiveTextSize as cQ, type ResponsiveTextWeight as cR, type SelectSizeToken as cS, type SelectStateToken as cT, type SelectVariantToken as cU, type SelectWidthToken as cV, type ShadowToken as cW, type SideOffsetToken as cX, type SpaceToken as cY, type SpacingToken as cZ, type SurfaceToken as c_, lineHeight as ca, tailwindTypographyConfig as cb, textStyles as cc, typographyCSSVariables as cd, type AlignOffsetToken as ce, type AnimationPresetToken as cf, type AspectRatioToken as cg, type ColorToken as ch, type ContainerMaxWidthToken as ci, type ContainerPaddingToken as cj, type DelayToken as ck, type FlexBasisToken as cl, type LayoutSpaceToken as cm, type ModalFooterAlignToken as cn, type ModalHeightToken as co, type ModalSizeToken as cp, type ModalWidthToken as cq, type MotionDurationToken as cr, type MotionEasingToken as cs, type MotionToken as ct, type MotionTransitionToken as cu, type RadiusToken as cv, type ResponsiveAlignOffset as cw, type ResponsiveAnimationPreset as cx, type ResponsiveAspectRatio as cy, type ResponsiveColor as cz, MOTION_TOKENS as d, type TextLineHeightToken as d0, type TextSizeToken as d1, type TextWeightToken as d2, type Responsive as d3, type ResponsiveContextMenuSize as d4, type ResponsiveContextMenuWidth as d5, type ContextMenuItemToneToken as d6, type ResponsiveTabsSize as d7, type TabsVariantToken as d8, type TabsToneToken as d9, type Breakpoint as da, NOTIFICATION_TOKENS as e, SELECT_TOKENS as f, SURFACE_TOKENS as g, SWITCH_TOKENS as h, TOAST_TOKENS as i, TOOLTIP_TOKENS as j, type ButtonFontSize as k, type ButtonHeight as l, type ButtonPaddingHorizontal as m, type ButtonPaddingVertical as n, type ButtonShadow as o, type CardPadding as p, type CardRadius as q, type CardShadow as r, type CardSize as s, type CardSpacingVertical as t, type CheckboxSize as u, type CheckboxState as v, type CheckboxVariant as w, type DataListLabelWidth as x, type DataListRowPadding as y, type IconColor as z };
+export { type MenuIndicatorSize as $, ALERT_TOKENS as A, BUTTON_TOKENS as B, CARD_TOKENS as C, DATA_TOKENS as D, type EmptyStateIconSize as E, type IconColor as F, type IconSize as G, type IconStroke as H, ICON_TOKENS as I, type InputFontSize as J, type InputHeight as K, type InputPaddingHorizontal as L, MENU_TOKENS as M, NAVIGATION_TOKENS as N, OVERLAY_TOKENS as O, PANEL_TOKENS as P, type InputPaddingVertical as Q, RADIO_TOKENS as R, SECTION_TOKENS as S, TEXT_TOKENS as T, type InputRadius as U, type InputSize as V, type MenuContentMinWidth as W, type MenuContentPadding as X, type MenuContentRadius as Y, type MenuContentShadow as Z, type MenuIndicatorOffset as _, CHECKBOX_TOKENS as a, type TableGap as a$, type MenuItemGap as a0, type MenuItemHeight as a1, type MenuItemPadding as a2, type MenuItemRadius as a3, type MenuLabelPadding as a4, type MenuSeparatorMargin as a5, type MotionAnimation as a6, type MotionDuration$1 as a7, type MotionEasing$1 as a8, type MotionTransition$1 as a9, type SelectContentPadding as aA, type SelectContentRadius as aB, type SelectItemFontSize as aC, type SelectItemPaddingHorizontal as aD, type SelectItemPaddingVertical as aE, type SelectItemRadius as aF, type SelectLabelFontSize as aG, type SelectLabelPaddingHorizontal as aH, type SelectLabelPaddingVertical as aI, type SelectSeparatorMarginHorizontal as aJ, type SelectSeparatorMarginVertical as aK, type SelectTriggerFontSize as aL, type SelectTriggerHeight as aM, type SelectTriggerPaddingHorizontal as aN, type SelectTriggerPaddingVertical as aO, type SelectTriggerRadius as aP, type SkeletonAnimation as aQ, type SkeletonBackground as aR, type SkeletonVariant as aS, type SurfacePadding as aT, type SurfaceRadius as aU, type SurfaceShadow as aV, type SurfaceVariant as aW, type SwitchSize as aX, type SwitchState as aY, type SwitchVariant as aZ, type TableCellPadding as a_, type MotionTransitionPreset as aa, type NavigationItemPadding as ab, type NavigationListGap as ac, type NavigationRadius as ad, type NavigationShadow as ae, type NavigationSize as af, type NavigationState as ag, type NotificationPanelWidth as ah, type NotificationVariant as ai, type OverlayBackdropVariant as aj, type OverlayModalSize as ak, type PanelPadding as al, type PanelRadius as am, type PanelShadow as an, type PanelTone as ao, type PopoverArrowOffset as ap, type PopoverArrowSize as aq, type PopoverContentPadding as ar, type PopoverContentRadius as as, type PopoverContentShadow as at, type PopoverContentWidth as au, type RadioSize as av, type RadioState as aw, type RadioVariant as ax, type SectionGap as ay, type SectionPadding as az, DATA_LIST_TOKENS as b, type CanonicalFontSize as b$, type TableHeaderPadding as b0, type TableRowHeight as b1, type TableShadow as b2, type TextFontSize as b3, type TextFontWeight as b4, type TextLetterSpacing as b5, type TextLineHeight as b6, type ToastVariant as b7, type TooltipContentRadius as b8, type TooltipContentShadow as b9, type ColoredShadow as bA, type ElevationShadow as bB, type FocusRing as bC, type GlowEffect as bD, accentColoredShadows as bE, componentShadowMapping as bF, elevationShadows as bG, focusRings as bH, glowEffects as bI, primaryColoredShadows as bJ, shadowBase as bK, shadowCSSVariables as bL, shadowOpacity as bM, tailwindShadowConfig as bN, type ComponentSpacing as bO, type ContainerSpacing as bP, type GridSpacing as bQ, type SectionSpacing as bR, type SemanticSpacing as bS, type Spacing as bT, type StackSpacing as bU, layoutSpacing as bV, semanticSpacing as bW, spacing as bX, spacingCSSVariables as bY, tailwindSpacingConfig as bZ, UI_COLORS as b_, allCSSVariables as ba, allCSSVariablesCSS as bb, generateCSSVariablesCSS as bc, tokenSystemSummary as bd, type MotionCombinedType as be, type MotionDuration as bf, type MotionEasing as bg, type MotionSlideDirection as bh, type MotionTransition as bi, motionCSSVariables as bj, motionCombined as bk, motionDurations as bl, motionEasings as bm, motionFade as bn, motionReducedMotion as bo, motionScale as bp, motionSlide as bq, motionTailwindConfig as br, motionTransitionProperty as bs, motionTransitions as bt, type BorderRadius as bu, type ComponentRadius as bv, borderRadius as bw, componentRadius as bx, radiusCSSVariables as by, tailwindRadiusConfig as bz, INPUT_TOKENS as c, type ShadowToken as c$, type CanonicalFontWeight as c0, type CanonicalLetterSpacing as c1, type CanonicalLineHeight as c2, type CanonicalTextColor as c3, type FontFamily as c4, type FontSize as c5, type FontWeight as c6, type LetterSpacing as c7, type LineHeight as c8, type TextStyle as c9, type RadiusToken as cA, type ResponsiveAlignOffset as cB, type ResponsiveAnimationPreset as cC, type ResponsiveAspectRatio as cD, type ResponsiveColor as cE, type ResponsiveContainerMaxWidth as cF, type ResponsiveContainerPadding as cG, type ResponsiveDelay as cH, type ResponsiveFlexBasis as cI, type ResponsiveModalHeight as cJ, type ResponsiveModalSize as cK, type ResponsiveModalWidth as cL, type ResponsiveMotion as cM, type ResponsiveRadius as cN, type ResponsiveSelectSize as cO, type ResponsiveSelectWidth as cP, type ResponsiveShadow as cQ, type ResponsiveSideOffset as cR, type ResponsiveSpace as cS, type ResponsiveSurface as cT, type ResponsiveTextLineHeight as cU, type ResponsiveTextSize as cV, type ResponsiveTextWeight as cW, type SelectSizeToken as cX, type SelectStateToken as cY, type SelectVariantToken as cZ, type SelectWidthToken as c_, fontFamily as ca, fontSize as cb, fontSizeWithMd as cc, fontWeight as cd, letterSpacing as ce, lineHeight as cf, tailwindTypographyConfig as cg, textStyles as ch, typographyCSSVariables as ci, type AlignOffsetToken as cj, type AnimationPresetToken as ck, type AspectRatioToken as cl, type ColorToken as cm, type ContainerMaxWidthToken as cn, type ContainerPaddingToken as co, type DelayToken as cp, type FlexBasisToken as cq, type LayoutSpaceToken as cr, type ModalFooterAlignToken as cs, type ModalHeightToken as ct, type ModalSizeToken as cu, type ModalWidthToken as cv, type MotionDurationToken as cw, type MotionEasingToken as cx, type MotionToken as cy, type MotionTransitionToken as cz, MOTION_TOKENS as d, type SideOffsetToken as d0, type SpaceToken as d1, type SpacingToken as d2, type SurfaceToken as d3, type TextLetterSpacingToken as d4, type TextLineHeightToken as d5, type TextSizeToken as d6, type TextWeightToken as d7, type Responsive as d8, type ResponsiveContextMenuSize as d9, type ResponsiveContextMenuWidth as da, type ContextMenuItemToneToken as db, type ResponsiveTabsSize as dc, type TabsVariantToken as dd, type TabsToneToken as de, type Breakpoint as df, NOTIFICATION_TOKENS as e, POPOVER_TOKENS as f, SELECT_TOKENS as g, SURFACE_TOKENS as h, SWITCH_TOKENS as i, TOAST_TOKENS as j, TOOLTIP_TOKENS as k, type ButtonFontSize as l, type ButtonHeight as m, type ButtonPaddingHorizontal as n, type ButtonPaddingVertical as o, type ButtonShadow as p, type CardPadding as q, type CardRadius as r, type CardShadow as s, type CardSize as t, type CardSpacingVertical as u, type CheckboxSize as v, type CheckboxState as w, type CheckboxVariant as x, type DataListLabelWidth as y, type DataListRowPadding as z };