@wildo-ai/saas-frontend-lib 1.0.1 → 1.1.0

package/dist/esm/core/ui/themes/default.theme.js

@@ -10,6 +10,7 @@ function recipe(r) {
         sizes: r.sizes,
         motion: r.motion ?? {},
         gesture: r.gesture,
+        policy: r.policy,
     };
 }
 // ============================================================
@@ -19,6 +20,25 @@ function recipe(r) {
 // Durations and easings come from Level 1 --motion-* tokens.
 // All include motion-reduce for accessibility.
 // ============================================================
+//
+// MOTION PERSONALITY — Default (shadcn / Material-inspired SaaS)
+//   Hover/focus  : FAST   (150ms) + DEFAULT  → Material Standard curve.
+//                                              Bidirectional state changes,
+//                                              subtle but present.
+//   Overlay enter: NORMAL (250ms) + ENTER   → fade + zoom-95 + 2px slide.
+//                                              Pure decelerate.
+//   Overlay exit : FAST   (150ms) + EXIT    → quicker than enter.
+//   Backdrop     : NORMAL/FAST    + ENTER/EXIT  → matches overlays.
+//   Gestures     : NONE — neutral SaaS baseline. CSS-only motion is the
+//                  contract; theme can be swapped without removing
+//                  motion.dev wrappers from app code (which any theme
+//                  may activate via the recipe `gesture` slot).
+//
+// This theme is the reference baseline for the framework. All other
+// themes deviate FROM it intentionally — Glass adds gestures, Editorial
+// stretches durations, Terminal/Trading collapse them, Neo-Brutalist
+// strips easing, Cozy adds gentle springs.
+// ============================================================
 const MOTION = {
     /** Interactive elements: bg, color, border, shadow, transform changes */
     interactive: "transition-[background-color,color,border-color,box-shadow,transform] duration-[var(--motion-duration-fast)] ease-[var(--motion-easing-default)] motion-reduce:transition-none",
@@ -34,29 +54,59 @@ const MOTION = {
     exitFadeZoom: "data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=closed]:duration-[var(--motion-duration-fast)] data-[state=closed]:ease-[var(--motion-easing-exit)] motion-reduce:data-[state=closed]:animate-none",
     /** Enter for directional popovers (fade + zoom + slide per side) */
     enterDirectional: "data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=open]:duration-[var(--motion-duration-normal)] data-[state=open]:ease-[var(--motion-easing-enter)] data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 motion-reduce:data-[state=open]:animate-none",
-    /** Enter/exit for backdrop overlay (fade only) */
-    backdropEnter: "data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:duration-[var(--motion-duration-normal)] motion-reduce:data-[state=open]:animate-none",
-    backdropExit: "data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:duration-[var(--motion-duration-fast)] motion-reduce:data-[state=closed]:animate-none",
+    /** Enter/exit for backdrop overlay (fade only).
+     *
+     * Uses explicit ENTER/EXIT easing tokens. Without
+     * `ease-[...]`, browsers fall back to the CSS default `ease` curve,
+     * silently inheriting a generic curve instead of the theme's ENTER
+     * (decelerate) / EXIT (accelerate) personality. Backdrops fade only
+     * so the perceptual difference is small, but consistency matters
+     * for the "every motion uses an explicit theme token" rule. */
+    backdropEnter: "data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:duration-[var(--motion-duration-normal)] data-[state=open]:ease-[var(--motion-easing-enter)] motion-reduce:data-[state=open]:animate-none",
+    backdropExit: "data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:duration-[var(--motion-duration-fast)] data-[state=closed]:ease-[var(--motion-easing-exit)] motion-reduce:data-[state=closed]:animate-none",
 };
 // ============================================================
 // INTERACTIVE — Buttons, menu items, clickable surfaces
 // ============================================================
+// T5 radius ladder: interactive controls sit one clean step under cards —
+// control `rounded-lg` (8) · popover `rounded-lg` (RAISED) · card `rounded-xl` (12).
+// `md`/`icon` inherit the base recipe's `rounded-lg`; the explicit size overrides
+// (xs/sm/lg) mirror it so every size is of-a-piece.
 const interactiveSizes = {
-    sm: "h-8 px-3 gap-1.5 rounded-md has-[>svg]:px-2.5 pointer-coarse:min-h-11",
+    xs: "h-7 px-2.5 text-xs gap-1 rounded-lg has-[>svg]:px-2 pointer-coarse:min-h-9",
+    sm: "h-8 px-3 gap-1.5 rounded-lg has-[>svg]:px-2.5 pointer-coarse:min-h-11",
     md: "h-9 px-4 py-2 has-[>svg]:px-3 pointer-coarse:min-h-11",
-    lg: "h-10 px-6 rounded-md has-[>svg]:px-4 pointer-coarse:min-h-11",
+    lg: "h-10 px-6 rounded-lg has-[>svg]:px-4 pointer-coarse:min-h-11",
     icon: "size-9 pointer-coarse:min-h-11 pointer-coarse:min-w-11",
     "icon-sm": "size-7 pointer-coarse:min-h-9 pointer-coarse:min-w-9",
 };
 const interactiveDisabled = "disabled:pointer-events-none disabled:opacity-[var(--opacity-disabled)]";
 const interactiveInvalid = "aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive";
+// ============================================================
+// Focus-ring constants — single source of truth
+// for the keyboard-focus indicators used by INTERACTIVE, FORM_CONTROL,
+// SELECTABLE, and INDICATOR recipes. Shape mirrors the global
+// `.focus-ring-offset` / `.focus-ring-inset` Tailwind utilities exposed
+// in `index.css`; the recipes use raw classes (rather than the @apply
+// utility) because some variants pair the ring with a coloured border.
+// ============================================================
+/** Standard 2px offset ring + matching border-ring (most controls). */
+const FOCUS_RING_OFFSET_WITH_BORDER = "focus-visible:border-ring focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background";
+/** Standard 2px offset ring with NO border-ring change (filled / accent). */
+const FOCUS_RING_OFFSET = "focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background";
+/** Compact 2px ring used by indicator badges and selectable items. */
+const FOCUS_RING_COMPACT = "focus-visible:ring-2 focus-visible:ring-ring";
 const interactive = {
     [InteractiveVariant.PRIMARY]: recipe({
-        base: "bg-primary text-primary-foreground rounded-md shadow-xs font-medium text-sm cursor-pointer",
+        // T2 tactile: a hairline edge (`border-primary/50`) + `shadow-sm` give the
+        // button real elevation, and the press (`active:translate-y-px active:shadow-none`)
+        // reads as a physical push. `MOTION.interactive` already transitions transform,
+        // so the press animates for free.
+        base: "bg-primary text-primary-foreground rounded-lg border border-primary/50 shadow-sm font-medium text-sm cursor-pointer",
         states: {
             hover: "hover:bg-primary/90",
-            active: "active:bg-primary/80 active:shadow-none",
-            focus: "focus-visible:border-ring focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background",
+            active: "active:bg-primary/80 active:shadow-none active:translate-y-px",
+            focus: FOCUS_RING_OFFSET_WITH_BORDER,
             disabled: interactiveDisabled,
             invalid: interactiveInvalid,
         },
@@ -64,11 +114,11 @@ const interactive = {
         motion: { transition: MOTION.interactive },
     }),
     [InteractiveVariant.DESTRUCTIVE]: recipe({
-        base: "bg-destructive text-destructive-foreground rounded-md font-medium text-sm cursor-pointer dark:bg-destructive/60",
+        base: "bg-destructive text-destructive-foreground rounded-lg font-medium text-sm cursor-pointer dark:bg-destructive/60",
         states: {
             hover: "hover:bg-destructive/90",
-            active: "active:bg-destructive/80",
-            focus: "focus-visible:border-ring focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background",
+            active: "active:bg-destructive/80 active:translate-y-px",
+            focus: FOCUS_RING_OFFSET_WITH_BORDER,
             highlighted: "focus:bg-destructive/10 dark:focus:bg-destructive/20 focus:text-destructive",
             disabled: interactiveDisabled,
             invalid: interactiveInvalid,
@@ -77,11 +127,11 @@ const interactive = {
         motion: { transition: MOTION.interactive },
     }),
     [InteractiveVariant.OUTLINE]: recipe({
-        base: "border bg-background shadow-xs rounded-md font-medium text-sm cursor-pointer dark:bg-input/30 dark:border-input",
+        base: "border bg-background shadow-xs rounded-lg font-medium text-sm cursor-pointer dark:bg-input/30 dark:border-input",
         states: {
             hover: "hover:bg-accent hover:text-accent-foreground dark:hover:bg-input/50 dark:hover:text-foreground",
-            active: "active:bg-accent/80 active:shadow-none",
-            focus: "focus-visible:border-ring focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background",
+            active: "active:bg-accent/80 active:shadow-none active:translate-y-px",
+            focus: FOCUS_RING_OFFSET_WITH_BORDER,
             selected: "data-[state=on]:bg-accent data-[state=on]:text-accent-foreground",
             disabled: interactiveDisabled,
             invalid: interactiveInvalid,
@@ -90,11 +140,11 @@ const interactive = {
         motion: { transition: MOTION.interactive },
     }),
     [InteractiveVariant.SECONDARY]: recipe({
-        base: "bg-secondary text-secondary-foreground rounded-md font-medium text-sm cursor-pointer",
+        base: "bg-secondary text-secondary-foreground rounded-lg font-medium text-sm cursor-pointer",
         states: {
             hover: "hover:bg-secondary/80",
-            active: "active:bg-secondary/70",
-            focus: "focus-visible:border-ring focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background",
+            active: "active:bg-secondary/70 active:translate-y-px",
+            focus: FOCUS_RING_OFFSET_WITH_BORDER,
             disabled: interactiveDisabled,
             invalid: interactiveInvalid,
         },
@@ -102,11 +152,11 @@ const interactive = {
         motion: { transition: MOTION.interactive },
     }),
     [InteractiveVariant.GHOST]: recipe({
-        base: "rounded-md font-medium text-sm cursor-pointer",
+        base: "rounded-lg font-medium text-sm cursor-pointer",
         states: {
             hover: "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",
             active: "active:bg-accent/80",
-            focus: "focus-visible:border-ring focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background",
+            focus: FOCUS_RING_OFFSET_WITH_BORDER,
             selected: "data-[state=on]:bg-accent data-[state=on]:text-accent-foreground",
             highlighted: "focus:bg-accent focus:text-accent-foreground",
             open: "data-[state=open]:bg-accent data-[state=open]:text-accent-foreground",
@@ -121,11 +171,12 @@ const interactive = {
         states: {
             hover: "hover:underline",
             active: "active:text-primary/80",
-            focus: "focus-visible:border-ring focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background",
+            focus: FOCUS_RING_OFFSET_WITH_BORDER,
             disabled: interactiveDisabled,
             invalid: interactiveInvalid,
         },
         sizes: {
+            xs: "h-7 px-2.5 text-xs gap-1 pointer-coarse:min-h-9",
             sm: "h-8 px-3 gap-1.5 pointer-coarse:min-h-11",
             md: "h-9 px-4 py-2 pointer-coarse:min-h-11",
             lg: "h-10 px-6 pointer-coarse:min-h-11",
@@ -135,11 +186,15 @@ const interactive = {
         motion: { transition: MOTION.interactive },
     }),
     [InteractiveVariant.ACCENT]: recipe({
-        base: 'relative bg-primary text-primary-foreground font-semibold rounded-md shadow-xs before:absolute before:inset-0 before:rounded-[inherit] before:p-[1px] before:bg-[length:200%_200%] before:bg-gradient-to-r before:from-violet-500 before:via-blue-500 before:to-pink-500 before:animate-[gradient-rotate_3s_ease_infinite] before:-z-10 before:blur-[2px] shadow-[0_0_15px_color-mix(in_oklch,var(--primary)_20%,transparent)] text-sm cursor-pointer',
+        // TT-1: Gradient stops resolved from theme tokens
+        // (`--accent-gradient-{from,via,to}`) so tenants can rebrand the ACCENT
+        // recipe without forking a theme. Defaults preserve the historical
+        // violet/blue/pink visual.
+        base: 'relative bg-primary text-primary-foreground font-semibold rounded-lg shadow-xs before:absolute before:inset-0 before:rounded-[inherit] before:p-[1px] before:bg-[length:200%_200%] before:bg-gradient-to-r before:from-accent-gradient-from before:via-accent-gradient-via before:to-accent-gradient-to before:animate-[gradient-rotate_3s_ease_infinite] motion-reduce:before:animate-none before:-z-10 before:blur-[2px] shadow-[0_0_15px_color-mix(in_oklch,var(--primary)_20%,transparent)] text-sm cursor-pointer',
         states: {
             hover: 'hover:shadow-[0_0_25px_color-mix(in_oklch,var(--primary)_35%,transparent)]',
             active: 'active:scale-[0.98]',
-            focus: 'focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2',
+            focus: FOCUS_RING_OFFSET,
             disabled: interactiveDisabled,
             invalid: interactiveInvalid,
         },
@@ -151,20 +206,43 @@ const interactive = {
 };
 // ============================================================
 // SURFACE — Cards, dialogs, popovers, dropdowns
+// SURFACE PERSONALITY — clean SaaS material hierarchy: cards are bordered
+// elevated panels, tab panels are attached but quiet, shell is chromaless,
+// transient notifications reuse overlay chrome at a smaller scale.
 // ============================================================
 const surface = {
     [SurfaceVariant.BASE]: recipe({
+        // Card / panel — anchor of the surface scale at `rounded-xl`.
+        base: "bg-surface-raised text-surface-raised-foreground rounded-xl border shadow-sm",
+    }),
+    [SurfaceVariant.CARD]: recipe({
+        // Content card — the elevated `surface-raised` fill + border + soft shadow,
+        // ALWAYS painted so an explicitly-authored CARD section reads as a card in
+        // every context (including inside a dialog/page). Mirrors BASE, the anchor
+        // card surface; the section preset adds container padding.
         base: "bg-surface-raised text-surface-raised-foreground rounded-xl border shadow-sm",
     }),
     [SurfaceVariant.RAISED]: recipe({
-        base: "bg-surface-overlay text-surface-overlay-foreground rounded-md border shadow-md",
+        // Popover / dropdown — floats above the page, gets a slightly tighter
+        // radius than BASE to feel "cut from" the larger card surface (one tier
+        // smaller, never two; previously `rounded-md` was visibly inconsistent
+        // when popovers stacked next to cards).
+        // `fill-surface-overlay` mirrors the background so SVG children that paint
+        // via `fill` — notably the Tooltip's Radix arrow — inherit the body colour
+        // (CSS `fill` inherits across Radix's arrow wrapper span; `background` does
+        // not). Keep `fill-*` in lockstep with `bg-*` here.
+        base: "bg-surface-overlay fill-surface-overlay text-surface-overlay-foreground rounded-lg border shadow-md",
         motion: {
             enter: MOTION.enterDirectional,
             exit: MOTION.exitFadeZoom,
         },
     }),
     [SurfaceVariant.OVERLAY]: recipe({
-        base: "bg-surface-overlay text-surface-overlay-foreground rounded-lg border shadow-lg",
+        // Dialog / sheet — the heaviest, most modal surface; matches BASE radius
+        // so a dialog reads as a "card the user can act inside" rather than a
+        // smaller-cornered floating panel. Required to restore monotonicity
+        // (BASE ≤ OVERLAY) — `rounded-lg` here was visually demoting dialogs.
+        base: "bg-surface-overlay text-surface-overlay-foreground rounded-xl border shadow-lg",
         motion: {
             enter: MOTION.enterFadeZoom,
             exit: MOTION.exitFadeZoom,
@@ -176,15 +254,33 @@ const surface = {
     [SurfaceVariant.SUNKEN]: recipe({
         base: "bg-surface-sunken text-surface-sunken-foreground",
     }),
+    [SurfaceVariant.TAB_PANEL]: recipe({
+        // Tab panel joins to the tab strip: same visual language as BASE, but no
+        // border/shadow so the surface policy can own the join.
+        base: "bg-surface-raised text-surface-raised-foreground rounded-b-xl",
+    }),
+    [SurfaceVariant.SHELL]: recipe({
+        // App/page shell: chromaless raised background. Landmark semantics remain
+        // opt-in via policy config.
+        base: "bg-surface-raised text-surface-raised-foreground",
+    }),
+    [SurfaceVariant.TRANSIENT]: recipe({
+        // Toast/snackbar: compact floating card, visually between RAISED and OVERLAY.
+        base: "bg-surface-overlay text-surface-overlay-foreground rounded-lg border shadow-md",
+        motion: {
+            enter: MOTION.enterDirectional,
+            exit: MOTION.exitFadeZoom,
+        },
+    }),
 };
 // ============================================================
 // FORM_CONTROL — Inputs, textareas, select triggers
 // ============================================================
 const formControl = {
     [FormControlVariant.DEFAULT]: recipe({
-        base: "border-border dark:bg-surface-inset/30 rounded-md border bg-transparent shadow-xs text-base md:text-sm placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground",
+        base: "border-border dark:bg-surface-inset/30 rounded-lg border bg-transparent shadow-xs text-base md:text-sm placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground",
         states: {
-            focus: "focus-visible:border-ring focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background",
+            focus: FOCUS_RING_OFFSET_WITH_BORDER,
             disabled: "disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-[var(--opacity-disabled)]",
             invalid: "aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
         },
@@ -196,9 +292,9 @@ const formControl = {
         motion: { transition: MOTION.formControl },
     }),
     [FormControlVariant.FILLED]: recipe({
-        base: "bg-muted rounded-md border-0 text-base md:text-sm placeholder:text-muted-foreground",
+        base: "bg-muted rounded-lg border-0 text-base md:text-sm placeholder:text-muted-foreground",
         states: {
-            focus: "focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background",
+            focus: FOCUS_RING_OFFSET,
             disabled: "disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-[var(--opacity-disabled)]",
             invalid: "aria-invalid:ring-destructive/20 aria-invalid:border-destructive",
         },
@@ -226,7 +322,7 @@ const formControl = {
     [FormControlVariant.CHECKBOX]: recipe({
         base: "border-border dark:bg-input/30 border shadow-xs",
         states: {
-            focus: "focus-visible:border-ring focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background",
+            focus: FOCUS_RING_OFFSET_WITH_BORDER,
             selected: "data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground data-[state=checked]:border-primary dark:data-[state=checked]:bg-primary",
             disabled: "disabled:cursor-not-allowed disabled:opacity-[var(--opacity-disabled)]",
             invalid: "aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
@@ -236,7 +332,7 @@ const formControl = {
     [FormControlVariant.SWITCH]: recipe({
         base: "data-[state=unchecked]:bg-input dark:data-[state=unchecked]:bg-input/80 border border-transparent shadow-xs",
         states: {
-            focus: "focus-visible:border-ring focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background",
+            focus: FOCUS_RING_OFFSET_WITH_BORDER,
             selected: "data-[state=checked]:bg-primary",
             disabled: "disabled:cursor-not-allowed disabled:opacity-[var(--opacity-disabled)]",
             invalid: "aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
@@ -250,30 +346,53 @@ const formControl = {
 const indicatorShared = {
     states: {
         hover: "[a&]:hover:opacity-[var(--opacity-hover)]",
-        focus: "focus-visible:border-ring focus-visible:ring-2 focus-visible:ring-ring",
+        focus: `focus-visible:border-ring ${FOCUS_RING_COMPACT}`,
         invalid: interactiveInvalid,
     },
-    motion: { transition: MOTION.interactive },
+    // `attention` = the theme-owned notification pulse (applied by NotificationIndicator
+    // when a badge definition declares a pulse trigger). Reduced-motion safe.
+    motion: { transition: MOTION.interactive, attention: "animate-pulse motion-reduce:animate-none" },
 };
+// TONAL badges (T1 + T1b) — tinted background + AA-contrast text + hairline
+// border, in place of the previous solid full-saturation fills. Reads calmer
+// and modern (Linear/Stripe/shadcn) and lets many status chips coexist on one
+// row without the "wall of solid colour" effect.
+//
+// The tint (`bg-{status}-subtle`) and text (`text-{status}-subtle-foreground`)
+// come from dedicated SUBTLE STATUS TOKENS (T1b), not per-recipe `/10` mixes.
+// Those tokens are palette-adaptive `color-mix()` formulas emitted by the design
+// -token CSS generator (`design-tokens-css.shared.ts` → `buildSubtleStatusColors`),
+// tuned so 12px badge text clears WCAG-AA (≥4.5) against its tint in BOTH light
+// and dark — including the amber WARNING case that fails contrast with a naive
+// same-hue text. Because the tokens reference the base `--{status}` vars, a
+// palette retune (or a light/dark switch) retunes the chip automatically, and a
+// tenant can override any pair via `DesignSystemToken.*_SUBTLE(_FOREGROUND)`.
+// The border stays on the palette base (`border-{status}/25`, `/30` for warning
+// where the base is lighter) so it tracks the same hue.
 const indicator = {
     [IndicatorVariant.NEUTRAL]: recipe({
-        base: "border-transparent bg-secondary text-secondary-foreground rounded-md border px-2 py-0.5 text-xs font-medium",
+        // Tonal like the other four: `bg-neutral-subtle` mirrors the muted tint, but
+        // `text-neutral-subtle-foreground` is a foreground-biased mix tuned to clear
+        // WCAG-AA on that tint. Previously `text-muted-foreground` (tuned for the page
+        // background, not the raised muted tint) rendered a washed-out, sub-AA grey
+        // chip for every `default`/`secondary`/`outline` enum value.
+        base: "bg-neutral-subtle text-neutral-subtle-foreground border-border rounded-md border px-2 py-0.5 text-xs font-medium",
         ...indicatorShared,
     }),
     [IndicatorVariant.INFO]: recipe({
-        base: "border-transparent bg-info text-info-foreground rounded-md border px-2 py-0.5 text-xs font-medium",
+        base: "bg-info-subtle text-info-subtle-foreground border-info/25 rounded-md border px-2 py-0.5 text-xs font-medium",
         ...indicatorShared,
     }),
     [IndicatorVariant.SUCCESS]: recipe({
-        base: "border-transparent bg-success text-success-foreground rounded-md border px-2 py-0.5 text-xs font-medium",
+        base: "bg-success-subtle text-success-subtle-foreground border-success/25 rounded-md border px-2 py-0.5 text-xs font-medium",
         ...indicatorShared,
     }),
     [IndicatorVariant.WARNING]: recipe({
-        base: "border-transparent bg-warning text-warning-foreground rounded-md border px-2 py-0.5 text-xs font-medium",
+        base: "bg-warning-subtle text-warning-subtle-foreground border-warning/30 rounded-md border px-2 py-0.5 text-xs font-medium",
         ...indicatorShared,
     }),
     [IndicatorVariant.ERROR]: recipe({
-        base: "border-transparent bg-destructive text-destructive-foreground rounded-md border px-2 py-0.5 text-xs font-medium dark:bg-destructive/60",
+        base: "bg-destructive-subtle text-destructive-subtle-foreground border-destructive/25 rounded-md border px-2 py-0.5 text-xs font-medium",
         ...indicatorShared,
     }),
 };
@@ -287,7 +406,10 @@ const selectable = {
             hover: "hover:bg-surface-sunken-accent hover:text-surface-sunken-foreground",
             focus: "focus-visible:ring-2",
             active: "active:bg-surface-sunken-accent active:text-surface-sunken-foreground",
-            selected: "data-[active=true]:bg-surface-sunken-accent data-[active=true]:font-medium data-[active=true]:text-surface-sunken-foreground data-[state=active]:bg-surface-sunken-accent data-[state=active]:text-surface-sunken-foreground",
+            // `font-semibold` (not medium): the selected item is the "you are here"
+            // anchor — WEIGHT carries the emphasis instead of a primary tint, and
+            // medium is too close to the regular weight to read at sidebar sizes.
+            selected: "data-[active=true]:bg-surface-sunken-accent data-[active=true]:font-semibold data-[active=true]:text-surface-sunken-foreground data-[state=active]:bg-surface-sunken-accent data-[state=active]:text-surface-sunken-foreground",
             disabled: "disabled:pointer-events-none disabled:opacity-[var(--opacity-disabled)] aria-disabled:pointer-events-none aria-disabled:opacity-[var(--opacity-disabled)]",
         },
         sizes: {
@@ -301,7 +423,7 @@ const selectable = {
         base: "rounded-none border-b-2 border-transparent text-sm outline-hidden",
         states: {
             hover: "hover:text-foreground",
-            focus: "focus-visible:ring-2 focus-visible:ring-ring",
+            focus: FOCUS_RING_COMPACT,
             selected: "data-[state=active]:border-primary data-[state=active]:text-foreground",
             disabled: "disabled:pointer-events-none disabled:opacity-[var(--opacity-disabled)]",
         },
@@ -316,7 +438,7 @@ const selectable = {
         base: "rounded-full text-sm outline-hidden",
         states: {
             hover: "hover:bg-accent hover:text-accent-foreground",
-            focus: "focus-visible:ring-2 focus-visible:ring-ring",
+            focus: FOCUS_RING_COMPACT,
             selected: "data-[state=active]:bg-primary data-[state=active]:text-primary-foreground",
             disabled: "disabled:pointer-events-none disabled:opacity-[var(--opacity-disabled)]",
         },
@@ -331,8 +453,9 @@ const selectable = {
         base: "rounded-md text-sm outline-hidden",
         states: {
             hover: "hover:bg-surface-sunken-accent hover:text-surface-sunken-foreground",
-            focus: "focus-visible:ring-2 focus-visible:ring-ring",
-            selected: "data-[active=true]:border-s-2 data-[active=true]:border-surface-sunken-primary data-[active=true]:font-medium data-[active=true]:text-surface-sunken-foreground",
+            focus: FOCUS_RING_COMPACT,
+            // Same weight semantics as FILLED: selected = semibold (see note there).
+            selected: "data-[active=true]:border-s-2 data-[active=true]:border-surface-sunken-primary data-[active=true]:font-semibold data-[active=true]:text-surface-sunken-foreground",
             disabled: "disabled:pointer-events-none disabled:opacity-[var(--opacity-disabled)]",
         },
         sizes: {
@@ -373,7 +496,10 @@ const loadingSpinner = recipe({
 });
 const loadingOverlay = recipe({
     base: "bg-background/80",
-    motion: { enter: "animate-in fade-in-0 duration-200", exit: "animate-out fade-out-0 duration-150" },
+    motion: {
+        enter: "animate-in fade-in-0 duration-[var(--motion-duration-fast)] ease-[var(--motion-easing-enter)] motion-reduce:animate-none",
+        exit: "animate-out fade-out-0 duration-[var(--motion-duration-fast)] ease-[var(--motion-easing-exit)] motion-reduce:animate-none",
+    },
 });
 // ============================================================
 // TYPOGRAPHY — Text hierarchy
@@ -381,8 +507,15 @@ const loadingOverlay = recipe({
 const typography = {
     [TypographyVariant.HEADING]: recipe({
         base: "font-semibold leading-none tracking-tight",
+        // Heading scale rebalance — gaps were 12/4/2px (h1→h2→h3→h4); h1 at
+        // text-4xl (36px) jumped 1.5× to h2 (text-2xl, 24px), which felt
+        // disproportionate for in-app SaaS UI (text-4xl is a hero size).
+        // Compressing h1 to text-3xl yields a smooth 6/4/2px ladder
+        // (1.25× → 1.2× → 1.11×, classic Major Third base). Pages that want a
+        // hero h1 can opt in with `className="text-4xl sm:text-5xl"` since the
+        // size class is the LAST `text-*` to win in `cn()`.
         sizes: {
-            h1: "text-4xl",
+            h1: "text-3xl",
             h2: "text-2xl",
             h3: "text-xl",
             h4: "text-lg",
@@ -417,7 +550,7 @@ const typography = {
 export const defaultTheme = {
     id: 'default',
     name: 'Default',
-    description: 'Clean, modern design derived from shadcn/ui. Subtle shadows, rounded corners, focus rings. Motion tokens referenced from Level 1.',
+    description: 'Clean modern SaaS, derived from shadcn/ui (NOT Material Design 3). Soft shadow ladder (xs/sm/md/lg); radius ladder control lg(8) · popover lg · card/dialog xl(12); accessible focus rings; fast/default motion tokens. Tonal status badges (tinted bg + AA-contrast text + hairline, light & dark) instead of solid fills. Tactile buttons (hairline edge + shadow-sm + active press) on the elevated variants.',
     // spacing: omitted — uses application-level defaults (see DesignSystemToken.SPACING_*)
     interactive,
     surface,
@@ -434,4 +567,4 @@ export const defaultTheme = {
     backgroundLayer: undefined,
     chartStyle: DEFAULT_CHART_STYLE_PRESET,
 };
-//# sourceMappingURL=default.theme.js.map
+//# sourceMappingURL=default.theme.js.map

package/dist/esm/core/ui/themes/default.theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"default.theme.js","sourceRoot":"","sources":["../../../../../src/core/ui/themes/default.theme.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"default.theme.js","sourceRoot":"","sources":["../../../../../../src/core/ui/themes/default.theme.ts"],"names":[],"mappings":"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","sourcesContent":["import type { ComponentStyleTheme } from '@wildo-ai/presets-components-models';\nimport {\n  InteractiveVariant,\n  SurfaceVariant,\n  FormControlVariant,\n  IndicatorVariant,\n  SelectableVariant,\n  TypographyVariant,\n} from '@wildo-ai/presets-components-models';\nimport type { UIBehaviorRecipe } from '@wildo-ai/presets-components-models';\nimport { DEFAULT_CHART_STYLE_PRESET } from '../chart-style-defaults';\n\n// ============================================================\n// Helper\n// ============================================================\n\nfunction recipe(r: Partial<UIBehaviorRecipe> & { base: string }): UIBehaviorRecipe {\n  return {\n    base: r.base,\n    states: r.states ?? {},\n    sizes: r.sizes,\n    motion: r.motion ?? {},\n    gesture: r.gesture,\n    policy: r.policy,\n  };\n}\n\n// ============================================================\n// Motion constants — reference Level 1 tokens via CSS variables\n//\n// Each behavior targets SPECIFIC properties (no transition-all).\n// Durations and easings come from Level 1 --motion-* tokens.\n// All include motion-reduce for accessibility.\n// ============================================================\n//\n// MOTION PERSONALITY — Default (shadcn / Material-inspired SaaS)\n//   Hover/focus  : FAST   (150ms) + DEFAULT  → Material Standard curve.\n//                                              Bidirectional state changes,\n//                                              subtle but present.\n//   Overlay enter: NORMAL (250ms) + ENTER   → fade + zoom-95 + 2px slide.\n//                                              Pure decelerate.\n//   Overlay exit : FAST   (150ms) + EXIT    → quicker than enter.\n//   Backdrop     : NORMAL/FAST    + ENTER/EXIT  → matches overlays.\n//   Gestures     : NONE — neutral SaaS baseline. CSS-only motion is the\n//                  contract; theme can be swapped without removing\n//                  motion.dev wrappers from app code (which any theme\n//                  may activate via the recipe `gesture` slot).\n//\n// This theme is the reference baseline for the framework. All other\n// themes deviate FROM it intentionally — Glass adds gestures, Editorial\n// stretches durations, Terminal/Trading collapse them, Neo-Brutalist\n// strips easing, Cozy adds gentle springs.\n// ============================================================\n\nconst MOTION = {\n  /** Interactive elements: bg, color, border, shadow, transform changes */\n  interactive: \"transition-[background-color,color,border-color,box-shadow,transform] duration-[var(--motion-duration-fast)] ease-[var(--motion-easing-default)] motion-reduce:transition-none\",\n\n  /** Form controls: border, shadow, color changes on focus/validation */\n  formControl: \"transition-[color,border-color,box-shadow] duration-[var(--motion-duration-fast)] ease-[var(--motion-easing-default)] motion-reduce:transition-none\",\n\n  /** Selectable items: bg, color, border on state change */\n  selectable: \"transition-[background-color,color,border-color] duration-[var(--motion-duration-fast)] ease-[var(--motion-easing-default)] motion-reduce:transition-none\",\n\n  /** Sidebar: width/height collapse */\n  sidebarCollapse: \"transition-[width,height,padding] duration-[var(--motion-duration-normal)] ease-[var(--motion-easing-default)] motion-reduce:transition-none\",\n\n  /** Enter animation for overlays/surfaces (fade + zoom) */\n  enterFadeZoom: \"data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=open]:duration-[var(--motion-duration-normal)] data-[state=open]:ease-[var(--motion-easing-enter)] motion-reduce:data-[state=open]:animate-none\",\n\n  /** Exit animation for overlays/surfaces */\n  exitFadeZoom: \"data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=closed]:duration-[var(--motion-duration-fast)] data-[state=closed]:ease-[var(--motion-easing-exit)] motion-reduce:data-[state=closed]:animate-none\",\n\n  /** Enter for directional popovers (fade + zoom + slide per side) */\n  enterDirectional: \"data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=open]:duration-[var(--motion-duration-normal)] data-[state=open]:ease-[var(--motion-easing-enter)] data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 motion-reduce:data-[state=open]:animate-none\",\n\n  /** Enter/exit for backdrop overlay (fade only).\n   *\n   * Uses explicit ENTER/EXIT easing tokens. Without\n   * `ease-[...]`, browsers fall back to the CSS default `ease` curve,\n   * silently inheriting a generic curve instead of the theme's ENTER\n   * (decelerate) / EXIT (accelerate) personality. Backdrops fade only\n   * so the perceptual difference is small, but consistency matters\n   * for the \"every motion uses an explicit theme token\" rule. */\n  backdropEnter: \"data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:duration-[var(--motion-duration-normal)] data-[state=open]:ease-[var(--motion-easing-enter)] motion-reduce:data-[state=open]:animate-none\",\n  backdropExit: \"data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:duration-[var(--motion-duration-fast)] data-[state=closed]:ease-[var(--motion-easing-exit)] motion-reduce:data-[state=closed]:animate-none\",\n};\n\n// ============================================================\n// INTERACTIVE — Buttons, menu items, clickable surfaces\n// ============================================================\n\n// T5 radius ladder: interactive controls sit one clean step under cards —\n// control `rounded-lg` (8) · popover `rounded-lg` (RAISED) · card `rounded-xl` (12).\n// `md`/`icon` inherit the base recipe's `rounded-lg`; the explicit size overrides\n// (xs/sm/lg) mirror it so every size is of-a-piece.\nconst interactiveSizes: Record<string, string> = {\n  xs: \"h-7 px-2.5 text-xs gap-1 rounded-lg has-[>svg]:px-2 pointer-coarse:min-h-9\",\n  sm: \"h-8 px-3 gap-1.5 rounded-lg has-[>svg]:px-2.5 pointer-coarse:min-h-11\",\n  md: \"h-9 px-4 py-2 has-[>svg]:px-3 pointer-coarse:min-h-11\",\n  lg: \"h-10 px-6 rounded-lg has-[>svg]:px-4 pointer-coarse:min-h-11\",\n  icon: \"size-9 pointer-coarse:min-h-11 pointer-coarse:min-w-11\",\n  \"icon-sm\": \"size-7 pointer-coarse:min-h-9 pointer-coarse:min-w-9\",\n};\n\nconst interactiveDisabled: string = \"disabled:pointer-events-none disabled:opacity-[var(--opacity-disabled)]\";\nconst interactiveInvalid: string = \"aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive\";\n\n// ============================================================\n// Focus-ring constants — single source of truth\n// for the keyboard-focus indicators used by INTERACTIVE, FORM_CONTROL,\n// SELECTABLE, and INDICATOR recipes. Shape mirrors the global\n// `.focus-ring-offset` / `.focus-ring-inset` Tailwind utilities exposed\n// in `index.css`; the recipes use raw classes (rather than the @apply\n// utility) because some variants pair the ring with a coloured border.\n// ============================================================\n/** Standard 2px offset ring + matching border-ring (most controls). */\nconst FOCUS_RING_OFFSET_WITH_BORDER: string =\n  \"focus-visible:border-ring focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background\";\n/** Standard 2px offset ring with NO border-ring change (filled / accent). */\nconst FOCUS_RING_OFFSET: string =\n  \"focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background\";\n/** Compact 2px ring used by indicator badges and selectable items. */\nconst FOCUS_RING_COMPACT: string =\n  \"focus-visible:ring-2 focus-visible:ring-ring\";\n\nconst interactive: Record<InteractiveVariant, UIBehaviorRecipe> = {\n  [InteractiveVariant.PRIMARY]: recipe({\n    // T2 tactile: a hairline edge (`border-primary/50`) + `shadow-sm` give the\n    // button real elevation, and the press (`active:translate-y-px active:shadow-none`)\n    // reads as a physical push. `MOTION.interactive` already transitions transform,\n    // so the press animates for free.\n    base: \"bg-primary text-primary-foreground rounded-lg border border-primary/50 shadow-sm font-medium text-sm cursor-pointer\",\n    states: {\n      hover: \"hover:bg-primary/90\",\n      active: \"active:bg-primary/80 active:shadow-none active:translate-y-px\",\n      focus: FOCUS_RING_OFFSET_WITH_BORDER,\n      disabled: interactiveDisabled,\n      invalid: interactiveInvalid,\n    },\n    sizes: interactiveSizes,\n    motion: { transition: MOTION.interactive },\n  }),\n\n  [InteractiveVariant.DESTRUCTIVE]: recipe({\n    base: \"bg-destructive text-destructive-foreground rounded-lg font-medium text-sm cursor-pointer dark:bg-destructive/60\",\n    states: {\n      hover: \"hover:bg-destructive/90\",\n      active: \"active:bg-destructive/80 active:translate-y-px\",\n      focus: FOCUS_RING_OFFSET_WITH_BORDER,\n      highlighted: \"focus:bg-destructive/10 dark:focus:bg-destructive/20 focus:text-destructive\",\n      disabled: interactiveDisabled,\n      invalid: interactiveInvalid,\n    },\n    sizes: interactiveSizes,\n    motion: { transition: MOTION.interactive },\n  }),\n\n  [InteractiveVariant.OUTLINE]: recipe({\n    base: \"border bg-background shadow-xs rounded-lg font-medium text-sm cursor-pointer dark:bg-input/30 dark:border-input\",\n    states: {\n      hover: \"hover:bg-accent hover:text-accent-foreground dark:hover:bg-input/50 dark:hover:text-foreground\",\n      active: \"active:bg-accent/80 active:shadow-none active:translate-y-px\",\n      focus: FOCUS_RING_OFFSET_WITH_BORDER,\n      selected: \"data-[state=on]:bg-accent data-[state=on]:text-accent-foreground\",\n      disabled: interactiveDisabled,\n      invalid: interactiveInvalid,\n    },\n    sizes: interactiveSizes,\n    motion: { transition: MOTION.interactive },\n  }),\n\n  [InteractiveVariant.SECONDARY]: recipe({\n    base: \"bg-secondary text-secondary-foreground rounded-lg font-medium text-sm cursor-pointer\",\n    states: {\n      hover: \"hover:bg-secondary/80\",\n      active: \"active:bg-secondary/70 active:translate-y-px\",\n      focus: FOCUS_RING_OFFSET_WITH_BORDER,\n      disabled: interactiveDisabled,\n      invalid: interactiveInvalid,\n    },\n    sizes: interactiveSizes,\n    motion: { transition: MOTION.interactive },\n  }),\n\n  [InteractiveVariant.GHOST]: recipe({\n    base: \"rounded-lg font-medium text-sm cursor-pointer\",\n    states: {\n      hover: \"hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50\",\n      active: \"active:bg-accent/80\",\n      focus: FOCUS_RING_OFFSET_WITH_BORDER,\n      selected: \"data-[state=on]:bg-accent data-[state=on]:text-accent-foreground\",\n      highlighted: \"focus:bg-accent focus:text-accent-foreground\",\n      open: \"data-[state=open]:bg-accent data-[state=open]:text-accent-foreground\",\n      disabled: interactiveDisabled,\n      invalid: interactiveInvalid,\n    },\n    sizes: interactiveSizes,\n    motion: { transition: MOTION.interactive },\n  }),\n\n  [InteractiveVariant.LINK]: recipe({\n    base: \"text-primary underline-offset-4 font-medium text-sm cursor-pointer\",\n    states: {\n      hover: \"hover:underline\",\n      active: \"active:text-primary/80\",\n      focus: FOCUS_RING_OFFSET_WITH_BORDER,\n      disabled: interactiveDisabled,\n      invalid: interactiveInvalid,\n    },\n    sizes: {\n      xs: \"h-7 px-2.5 text-xs gap-1 pointer-coarse:min-h-9\",\n      sm: \"h-8 px-3 gap-1.5 pointer-coarse:min-h-11\",\n      md: \"h-9 px-4 py-2 pointer-coarse:min-h-11\",\n      lg: \"h-10 px-6 pointer-coarse:min-h-11\",\n      icon: \"size-9 pointer-coarse:min-h-11 pointer-coarse:min-w-11\",\n      \"icon-sm\": \"size-7 pointer-coarse:min-h-9 pointer-coarse:min-w-9\",\n    },\n    motion: { transition: MOTION.interactive },\n  }),\n\n  [InteractiveVariant.ACCENT]: recipe({\n    // TT-1: Gradient stops resolved from theme tokens\n    // (`--accent-gradient-{from,via,to}`) so tenants can rebrand the ACCENT\n    // recipe without forking a theme. Defaults preserve the historical\n    // violet/blue/pink visual.\n    base: 'relative bg-primary text-primary-foreground font-semibold rounded-lg shadow-xs before:absolute before:inset-0 before:rounded-[inherit] before:p-[1px] before:bg-[length:200%_200%] before:bg-gradient-to-r before:from-accent-gradient-from before:via-accent-gradient-via before:to-accent-gradient-to before:animate-[gradient-rotate_3s_ease_infinite] motion-reduce:before:animate-none before:-z-10 before:blur-[2px] shadow-[0_0_15px_color-mix(in_oklch,var(--primary)_20%,transparent)] text-sm cursor-pointer',\n    states: {\n      hover: 'hover:shadow-[0_0_25px_color-mix(in_oklch,var(--primary)_35%,transparent)]',\n      active: 'active:scale-[0.98]',\n      focus: FOCUS_RING_OFFSET,\n      disabled: interactiveDisabled,\n      invalid: interactiveInvalid,\n    },\n    sizes: interactiveSizes,\n    motion: {\n      transition: 'transition-[shadow,transform] duration-[var(--motion-duration-fast)] ease-[var(--motion-easing-default)] motion-reduce:transition-none',\n    },\n  }),\n};\n\n// ============================================================\n// SURFACE — Cards, dialogs, popovers, dropdowns\n// SURFACE PERSONALITY — clean SaaS material hierarchy: cards are bordered\n// elevated panels, tab panels are attached but quiet, shell is chromaless,\n// transient notifications reuse overlay chrome at a smaller scale.\n// ============================================================\n\nconst surface: ComponentStyleTheme['surface'] = {\n  [SurfaceVariant.BASE]: recipe({\n    // Card / panel — anchor of the surface scale at `rounded-xl`.\n    base: \"bg-surface-raised text-surface-raised-foreground rounded-xl border shadow-sm\",\n  }),\n\n  [SurfaceVariant.CARD]: recipe({\n    // Content card — the elevated `surface-raised` fill + border + soft shadow,\n    // ALWAYS painted so an explicitly-authored CARD section reads as a card in\n    // every context (including inside a dialog/page). Mirrors BASE, the anchor\n    // card surface; the section preset adds container padding.\n    base: \"bg-surface-raised text-surface-raised-foreground rounded-xl border shadow-sm\",\n  }),\n\n  [SurfaceVariant.RAISED]: recipe({\n    // Popover / dropdown — floats above the page, gets a slightly tighter\n    // radius than BASE to feel \"cut from\" the larger card surface (one tier\n    // smaller, never two; previously `rounded-md` was visibly inconsistent\n    // when popovers stacked next to cards).\n    // `fill-surface-overlay` mirrors the background so SVG children that paint\n    // via `fill` — notably the Tooltip's Radix arrow — inherit the body colour\n    // (CSS `fill` inherits across Radix's arrow wrapper span; `background` does\n    // not). Keep `fill-*` in lockstep with `bg-*` here.\n    base: \"bg-surface-overlay fill-surface-overlay text-surface-overlay-foreground rounded-lg border shadow-md\",\n    motion: {\n      enter: MOTION.enterDirectional,\n      exit: MOTION.exitFadeZoom,\n    },\n  }),\n\n  [SurfaceVariant.OVERLAY]: recipe({\n    // Dialog / sheet — the heaviest, most modal surface; matches BASE radius\n    // so a dialog reads as a \"card the user can act inside\" rather than a\n    // smaller-cornered floating panel. Required to restore monotonicity\n    // (BASE ≤ OVERLAY) — `rounded-lg` here was visually demoting dialogs.\n    base: \"bg-surface-overlay text-surface-overlay-foreground rounded-xl border shadow-lg\",\n    motion: {\n      enter: MOTION.enterFadeZoom,\n      exit: MOTION.exitFadeZoom,\n    },\n  }),\n\n  [SurfaceVariant.INSET]: recipe({\n    base: \"bg-surface-inset text-surface-inset-foreground\",\n  }),\n\n  [SurfaceVariant.SUNKEN]: recipe({\n    base: \"bg-surface-sunken text-surface-sunken-foreground\",\n  }),\n\n  [SurfaceVariant.TAB_PANEL]: recipe({\n    // Tab panel joins to the tab strip: same visual language as BASE, but no\n    // border/shadow so the surface policy can own the join.\n    base: \"bg-surface-raised text-surface-raised-foreground rounded-b-xl\",\n  }),\n\n  [SurfaceVariant.SHELL]: recipe({\n    // App/page shell: chromaless raised background. Landmark semantics remain\n    // opt-in via policy config.\n    base: \"bg-surface-raised text-surface-raised-foreground\",\n  }),\n\n  [SurfaceVariant.TRANSIENT]: recipe({\n    // Toast/snackbar: compact floating card, visually between RAISED and OVERLAY.\n    base: \"bg-surface-overlay text-surface-overlay-foreground rounded-lg border shadow-md\",\n    motion: {\n      enter: MOTION.enterDirectional,\n      exit: MOTION.exitFadeZoom,\n    },\n  }),\n};\n\n// ============================================================\n// FORM_CONTROL — Inputs, textareas, select triggers\n// ============================================================\n\nconst formControl: Record<FormControlVariant, UIBehaviorRecipe> = {\n  [FormControlVariant.DEFAULT]: recipe({\n    base: \"border-border dark:bg-surface-inset/30 rounded-lg border bg-transparent shadow-xs text-base md:text-sm placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground\",\n    states: {\n      focus: FOCUS_RING_OFFSET_WITH_BORDER,\n      disabled: \"disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-[var(--opacity-disabled)]\",\n      invalid: \"aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive\",\n    },\n    sizes: {\n      md: \"h-9 px-3 py-1 pointer-coarse:min-h-11\",\n      sm: \"h-8 px-2 py-1 text-sm pointer-coarse:min-h-11\",\n      lg: \"h-10 px-4 py-2 pointer-coarse:min-h-11\",\n    },\n    motion: { transition: MOTION.formControl },\n  }),\n\n  [FormControlVariant.FILLED]: recipe({\n    base: \"bg-muted rounded-lg border-0 text-base md:text-sm placeholder:text-muted-foreground\",\n    states: {\n      focus: FOCUS_RING_OFFSET,\n      disabled: \"disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-[var(--opacity-disabled)]\",\n      invalid: \"aria-invalid:ring-destructive/20 aria-invalid:border-destructive\",\n    },\n    sizes: {\n      md: \"h-9 px-3 py-1 pointer-coarse:min-h-11\",\n      sm: \"h-8 px-2 py-1 text-sm pointer-coarse:min-h-11\",\n      lg: \"h-10 px-4 py-2 pointer-coarse:min-h-11\",\n    },\n    motion: { transition: MOTION.formControl },\n  }),\n\n  [FormControlVariant.UNDERLINED]: recipe({\n    base: \"bg-transparent border-0 border-b border-border rounded-none text-base md:text-sm placeholder:text-muted-foreground\",\n    states: {\n      focus: \"focus-visible:border-ring focus-visible:border-b-2\",\n      disabled: \"disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-[var(--opacity-disabled)]\",\n      invalid: \"aria-invalid:border-destructive\",\n    },\n    sizes: {\n      md: \"h-9 px-0 py-1 pointer-coarse:min-h-11\",\n      sm: \"h-8 px-0 py-1 text-sm pointer-coarse:min-h-11\",\n      lg: \"h-10 px-0 py-2 pointer-coarse:min-h-11\",\n    },\n    motion: { transition: \"transition-[border-color] duration-[var(--motion-duration-fast)] ease-[var(--motion-easing-default)] motion-reduce:transition-none\" },\n  }),\n\n  [FormControlVariant.CHECKBOX]: recipe({\n    base: \"border-border dark:bg-input/30 border shadow-xs\",\n    states: {\n      focus: FOCUS_RING_OFFSET_WITH_BORDER,\n      selected: \"data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground data-[state=checked]:border-primary dark:data-[state=checked]:bg-primary\",\n      disabled: \"disabled:cursor-not-allowed disabled:opacity-[var(--opacity-disabled)]\",\n      invalid: \"aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive\",\n    },\n    motion: { transition: \"transition-[color,box-shadow] duration-[var(--motion-duration-fast)] ease-[var(--motion-easing-default)] motion-reduce:transition-none\" },\n  }),\n\n  [FormControlVariant.SWITCH]: recipe({\n    base: \"data-[state=unchecked]:bg-input dark:data-[state=unchecked]:bg-input/80 border border-transparent shadow-xs\",\n    states: {\n      focus: FOCUS_RING_OFFSET_WITH_BORDER,\n      selected: \"data-[state=checked]:bg-primary\",\n      disabled: \"disabled:cursor-not-allowed disabled:opacity-[var(--opacity-disabled)]\",\n      invalid: \"aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive\",\n    },\n    motion: { transition: \"transition-[background-color,border-color,box-shadow] duration-[var(--motion-duration-fast)] ease-[var(--motion-easing-default)] motion-reduce:transition-none\" },\n  }),\n};\n\n// ============================================================\n// INDICATOR — Badges, alerts, toast severity\n// ============================================================\n\nconst indicatorShared = {\n  states: {\n    hover: \"[a&]:hover:opacity-[var(--opacity-hover)]\",\n    focus: `focus-visible:border-ring ${FOCUS_RING_COMPACT}`,\n    invalid: interactiveInvalid,\n  },\n  // `attention` = the theme-owned notification pulse (applied by NotificationIndicator\n  // when a badge definition declares a pulse trigger). Reduced-motion safe.\n  motion: { transition: MOTION.interactive, attention: \"animate-pulse motion-reduce:animate-none\" },\n};\n\n// TONAL badges (T1 + T1b) — tinted background + AA-contrast text + hairline\n// border, in place of the previous solid full-saturation fills. Reads calmer\n// and modern (Linear/Stripe/shadcn) and lets many status chips coexist on one\n// row without the \"wall of solid colour\" effect.\n//\n// The tint (`bg-{status}-subtle`) and text (`text-{status}-subtle-foreground`)\n// come from dedicated SUBTLE STATUS TOKENS (T1b), not per-recipe `/10` mixes.\n// Those tokens are palette-adaptive `color-mix()` formulas emitted by the design\n// -token CSS generator (`design-tokens-css.shared.ts` → `buildSubtleStatusColors`),\n// tuned so 12px badge text clears WCAG-AA (≥4.5) against its tint in BOTH light\n// and dark — including the amber WARNING case that fails contrast with a naive\n// same-hue text. Because the tokens reference the base `--{status}` vars, a\n// palette retune (or a light/dark switch) retunes the chip automatically, and a\n// tenant can override any pair via `DesignSystemToken.*_SUBTLE(_FOREGROUND)`.\n// The border stays on the palette base (`border-{status}/25`, `/30` for warning\n// where the base is lighter) so it tracks the same hue.\nconst indicator: Record<IndicatorVariant, UIBehaviorRecipe> = {\n  [IndicatorVariant.NEUTRAL]: recipe({\n    // Tonal like the other four: `bg-neutral-subtle` mirrors the muted tint, but\n    // `text-neutral-subtle-foreground` is a foreground-biased mix tuned to clear\n    // WCAG-AA on that tint. Previously `text-muted-foreground` (tuned for the page\n    // background, not the raised muted tint) rendered a washed-out, sub-AA grey\n    // chip for every `default`/`secondary`/`outline` enum value.\n    base: \"bg-neutral-subtle text-neutral-subtle-foreground border-border rounded-md border px-2 py-0.5 text-xs font-medium\",\n    ...indicatorShared,\n  }),\n  [IndicatorVariant.INFO]: recipe({\n    base: \"bg-info-subtle text-info-subtle-foreground border-info/25 rounded-md border px-2 py-0.5 text-xs font-medium\",\n    ...indicatorShared,\n  }),\n  [IndicatorVariant.SUCCESS]: recipe({\n    base: \"bg-success-subtle text-success-subtle-foreground border-success/25 rounded-md border px-2 py-0.5 text-xs font-medium\",\n    ...indicatorShared,\n  }),\n  [IndicatorVariant.WARNING]: recipe({\n    base: \"bg-warning-subtle text-warning-subtle-foreground border-warning/30 rounded-md border px-2 py-0.5 text-xs font-medium\",\n    ...indicatorShared,\n  }),\n  [IndicatorVariant.ERROR]: recipe({\n    base: \"bg-destructive-subtle text-destructive-subtle-foreground border-destructive/25 rounded-md border px-2 py-0.5 text-xs font-medium\",\n    ...indicatorShared,\n  }),\n};\n\n// ============================================================\n// SELECTABLE — Tabs, sidebar active items, toggles\n// ============================================================\n\nconst selectable: Record<SelectableVariant, UIBehaviorRecipe> = {\n  [SelectableVariant.FILLED]: recipe({\n    base: \"rounded-md text-sm outline-hidden ring-surface-sunken-border\",\n    states: {\n      hover: \"hover:bg-surface-sunken-accent hover:text-surface-sunken-foreground\",\n      focus: \"focus-visible:ring-2\",\n      active: \"active:bg-surface-sunken-accent active:text-surface-sunken-foreground\",\n      // `font-semibold` (not medium): the selected item is the \"you are here\"\n      // anchor — WEIGHT carries the emphasis instead of a primary tint, and\n      // medium is too close to the regular weight to read at sidebar sizes.\n      selected: \"data-[active=true]:bg-surface-sunken-accent data-[active=true]:font-semibold data-[active=true]:text-surface-sunken-foreground data-[state=active]:bg-surface-sunken-accent data-[state=active]:text-surface-sunken-foreground\",\n      disabled: \"disabled:pointer-events-none disabled:opacity-[var(--opacity-disabled)] aria-disabled:pointer-events-none aria-disabled:opacity-[var(--opacity-disabled)]\",\n    },\n    sizes: {\n      sm: \"h-7 text-xs\",\n      md: \"h-8 text-sm\",\n      lg: \"h-12 text-sm\",\n    },\n    motion: { transition: MOTION.selectable },\n  }),\n\n  [SelectableVariant.UNDERLINE]: recipe({\n    base: \"rounded-none border-b-2 border-transparent text-sm outline-hidden\",\n    states: {\n      hover: \"hover:text-foreground\",\n      focus: FOCUS_RING_COMPACT,\n      selected: \"data-[state=active]:border-primary data-[state=active]:text-foreground\",\n      disabled: \"disabled:pointer-events-none disabled:opacity-[var(--opacity-disabled)]\",\n    },\n    sizes: {\n      sm: \"h-7 text-xs pb-1\",\n      md: \"h-8 text-sm pb-2\",\n      lg: \"h-10 text-sm pb-3\",\n    },\n    motion: { transition: MOTION.selectable },\n  }),\n\n  [SelectableVariant.PILL]: recipe({\n    base: \"rounded-full text-sm outline-hidden\",\n    states: {\n      hover: \"hover:bg-accent hover:text-accent-foreground\",\n      focus: FOCUS_RING_COMPACT,\n      selected: \"data-[state=active]:bg-primary data-[state=active]:text-primary-foreground\",\n      disabled: \"disabled:pointer-events-none disabled:opacity-[var(--opacity-disabled)]\",\n    },\n    sizes: {\n      sm: \"h-7 px-3 text-xs\",\n      md: \"h-8 px-4 text-sm\",\n      lg: \"h-10 px-5 text-sm\",\n    },\n    motion: { transition: MOTION.selectable },\n  }),\n\n  [SelectableVariant.INDICATOR]: recipe({\n    base: \"rounded-md text-sm outline-hidden\",\n    states: {\n      hover: \"hover:bg-surface-sunken-accent hover:text-surface-sunken-foreground\",\n      focus: FOCUS_RING_COMPACT,\n      // Same weight semantics as FILLED: selected = semibold (see note there).\n      selected: \"data-[active=true]:border-s-2 data-[active=true]:border-surface-sunken-primary data-[active=true]:font-semibold data-[active=true]:text-surface-sunken-foreground\",\n      disabled: \"disabled:pointer-events-none disabled:opacity-[var(--opacity-disabled)]\",\n    },\n    sizes: {\n      sm: \"h-7 text-xs\",\n      md: \"h-8 text-sm\",\n      lg: \"h-12 text-sm\",\n    },\n    motion: { transition: MOTION.selectable },\n  }),\n};\n\n// ============================================================\n// OVERLAY_BACKDROP — Dialog/Sheet background overlay\n// ============================================================\n\nconst overlayBackdrop: UIBehaviorRecipe = recipe({\n  // Tailwind v4's `bg-color/[var()]` opacity modifier uses color-mix() which\n  // doesn't resolve CSS custom property decimals correctly.\n  // Use arbitrary bg value with rgb() alpha channel instead.\n  base: \"bg-[rgb(0_0_0_/_var(--opacity-overlay))] backdrop-blur-sm\",\n  motion: {\n    enter: MOTION.backdropEnter,\n    exit: MOTION.backdropExit,\n  },\n});\n\n// ============================================================\n// DIVIDER — Separator\n// ============================================================\n\nconst divider: UIBehaviorRecipe = recipe({\n  base: \"bg-border shrink-0\",\n});\n\n// ============================================================\n// SKELETON — Loading placeholders\n// ============================================================\n\nconst skeleton: UIBehaviorRecipe = recipe({\n  base: \"bg-accent animate-pulse rounded-md motion-reduce:animate-none\",\n});\n\nconst loadingSpinner: UIBehaviorRecipe = recipe({\n  base: \"text-muted-foreground animate-spin motion-reduce:animate-none\",\n});\n\nconst loadingOverlay: UIBehaviorRecipe = recipe({\n  base: \"bg-background/80\",\n  motion: {\n    enter: \"animate-in fade-in-0 duration-[var(--motion-duration-fast)] ease-[var(--motion-easing-enter)] motion-reduce:animate-none\",\n    exit: \"animate-out fade-out-0 duration-[var(--motion-duration-fast)] ease-[var(--motion-easing-exit)] motion-reduce:animate-none\",\n  },\n});\n\n// ============================================================\n// TYPOGRAPHY — Text hierarchy\n// ============================================================\n\nconst typography: Record<TypographyVariant, UIBehaviorRecipe> = {\n  [TypographyVariant.HEADING]: recipe({\n    base: \"font-semibold leading-none tracking-tight\",\n    // Heading scale rebalance — gaps were 12/4/2px (h1→h2→h3→h4); h1 at\n    // text-4xl (36px) jumped 1.5× to h2 (text-2xl, 24px), which felt\n    // disproportionate for in-app SaaS UI (text-4xl is a hero size).\n    // Compressing h1 to text-3xl yields a smooth 6/4/2px ladder\n    // (1.25× → 1.2× → 1.11×, classic Major Third base). Pages that want a\n    // hero h1 can opt in with `className=\"text-4xl sm:text-5xl\"` since the\n    // size class is the LAST `text-*` to win in `cn()`.\n    sizes: {\n      h1: \"text-3xl\",\n      h2: \"text-2xl\",\n      h3: \"text-xl\",\n      h4: \"text-lg\",\n      md: \"text-lg\",\n    },\n  }),\n  [TypographyVariant.BODY]: recipe({\n    base: \"text-foreground text-sm\",\n    sizes: { sm: \"text-xs\", md: \"text-sm\", lg: \"text-base\" },\n  }),\n  [TypographyVariant.LABEL]: recipe({\n    base: \"font-medium text-sm leading-none\",\n    sizes: { sm: \"text-xs\", md: \"text-sm\", lg: \"text-base\" },\n  }),\n  [TypographyVariant.DESCRIPTION]: recipe({\n    base: \"text-muted-foreground text-sm\",\n    sizes: { sm: \"text-xs\", md: \"text-sm\" },\n  }),\n  [TypographyVariant.CODE]: recipe({\n    base: \"font-mono text-sm bg-muted rounded px-1 py-0.5\",\n    sizes: { sm: \"text-xs\", md: \"text-sm\", lg: \"text-base\" },\n  }),\n};\n\n// ============================================================\n// DEFAULT THEME — assembled\n//\n// Spacing: the default theme intentionally omits `spacing` overrides.\n// It uses the application-level defaults from DesignSystemConfiguration:\n//   element: 0.5rem  | item: 0.25rem | group: 0.75rem | field: 1rem\n//   section: 1.5rem  | region: 2rem  | card: 1rem     | container: 1.5rem\n// ============================================================\n\nexport const defaultTheme: ComponentStyleTheme = {\n  id: 'default',\n  name: 'Default',\n  description: 'Clean modern SaaS, derived from shadcn/ui (NOT Material Design 3). Soft shadow ladder (xs/sm/md/lg); radius ladder control lg(8) · popover lg · card/dialog xl(12); accessible focus rings; fast/default motion tokens. Tonal status badges (tinted bg + AA-contrast text + hairline, light & dark) instead of solid fills. Tactile buttons (hairline edge + shadow-sm + active press) on the elevated variants.',\n\n  // spacing: omitted — uses application-level defaults (see DesignSystemToken.SPACING_*)\n\n  interactive,\n  surface,\n  formControl,\n  indicator,\n  selectable,\n  overlayBackdrop,\n  divider,\n  skeleton,\n  loadingSpinner,\n  loadingOverlay,\n  typography,\n  radius: undefined,\n  backgroundLayer: undefined,\n  chartStyle: DEFAULT_CHART_STYLE_PRESET,\n};\n"]}