@wildo-ai/presets-components 1.1.3 → 1.1.5

package/dist/esm/themes/dense.theme.js

@@ -83,7 +83,7 @@ const interactiveSizes = {
     icon: "size-8 pointer-coarse:min-h-11 pointer-coarse:min-w-11",
     "icon-sm": "size-6 pointer-coarse:min-h-9 pointer-coarse:min-w-9",
 };
-const interactiveDisabled = "disabled:pointer-events-none disabled:opacity-[var(--opacity-disabled)]";
+const interactiveDisabled = "disabled:pointer-events-none disabled:opacity-[var(--opacity-disabled)] aria-disabled:cursor-not-allowed aria-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
@@ -130,12 +130,25 @@ 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",
+        // Edge: `border-strong`, for the reason written at the default theme's OUTLINE recipe (#1322).
+        base: "border border-border-strong bg-background shadow-xs rounded-md font-medium text-sm cursor-pointer dark:bg-input/30",
         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 active:translate-y-px",
             focus: FOCUS_RING_OFFSET_WITH_BORDER,
-            selected: "data-[state=on]:bg-accent data-[state=on]:text-accent-foreground",
+            /*
+             * SELECTED IS NOT HOVER. It used to be the same two classes as `hover`, so a segmented
+             * control could not say which segment was chosen while the pointer was anywhere on it —
+             * the chosen one and the one under the cursor were the same pixels.
+             *
+             * The two additions are both decisions this design system has already taken elsewhere.
+             * WEIGHT carries the choice, per `SelectableVariant.FILLED`: "the selected item is the
+             * 'you are here' anchor — WEIGHT carries the emphasis instead of a primary tint". And the
+             * inset RING is `Card`'s reasoning for a selected card: "the ring is what still reads when
+             * the card's own fill is close to" its surroundings, which is precisely a segment whose
+             * fill is the hover fill.
+             */
+            selected: "data-[state=on]:bg-accent data-[state=on]:text-accent-foreground data-[state=on]:font-semibold data-[state=on]:ring-1 data-[state=on]:ring-inset data-[state=on]:ring-ring",
             disabled: interactiveDisabled,
             invalid: interactiveInvalid,
         },
@@ -160,7 +173,19 @@ const interactive = {
             hover: "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",
             active: "active:bg-accent/80",
             focus: FOCUS_RING_OFFSET_WITH_BORDER,
-            selected: "data-[state=on]:bg-accent data-[state=on]:text-accent-foreground",
+            /*
+             * SELECTED IS NOT HOVER. It used to be the same two classes as `hover`, so a segmented
+             * control could not say which segment was chosen while the pointer was anywhere on it —
+             * the chosen one and the one under the cursor were the same pixels.
+             *
+             * The two additions are both decisions this design system has already taken elsewhere.
+             * WEIGHT carries the choice, per `SelectableVariant.FILLED`: "the selected item is the
+             * 'you are here' anchor — WEIGHT carries the emphasis instead of a primary tint". And the
+             * inset RING is `Card`'s reasoning for a selected card: "the ring is what still reads when
+             * the card's own fill is close to" its surroundings, which is precisely a segment whose
+             * fill is the hover fill.
+             */
+            selected: "data-[state=on]:bg-accent data-[state=on]:text-accent-foreground data-[state=on]:font-semibold data-[state=on]:ring-1 data-[state=on]:ring-inset data-[state=on]:ring-ring",
             highlighted: "focus:bg-accent focus:text-accent-foreground",
             open: "data-[state=open]:bg-accent data-[state=open]:text-accent-foreground",
             disabled: interactiveDisabled,
@@ -245,7 +270,8 @@ const surface = {
         // 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-md` here was visually demoting dialogs.
-        base: "bg-surface-overlay text-surface-overlay-foreground rounded-lg border shadow-lg",
+        // Edge: `border-strong`, as the default theme's OVERLAY recipe (#1322).
+        base: "bg-surface-overlay text-surface-overlay-foreground rounded-lg border border-border-strong shadow-lg",
         motion: {
             enter: MOTION.enterFadeZoom,
             exit: MOTION.exitFadeZoom,
@@ -281,7 +307,8 @@ const surface = {
 // ============================================================
 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",
+        // Edge: `border-strong` — an input's border is its only cue; see the default theme's FORM CONTROL recipe (#1322).
+        base: "border-border-strong 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",
         states: {
             focus: FOCUS_RING_OFFSET_WITH_BORDER,
             disabled: "disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-[var(--opacity-disabled)]",
@@ -295,7 +322,8 @@ 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",
+        // Fill PLUS a bottom indicator line at the strong edge — a fill alone marks nothing; see the default theme's FILLED recipe (#1322).
+        base: "bg-muted rounded-t-md rounded-b-none border-0 border-b border-border-strong text-base md:text-sm placeholder:text-muted-foreground",
         states: {
             focus: FOCUS_RING_OFFSET,
             disabled: "disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-[var(--opacity-disabled)]",
@@ -309,7 +337,7 @@ const formControl = {
         motion: { transition: MOTION.formControl },
     }),
     [FormControlVariant.UNDERLINED]: recipe({
-        base: "bg-transparent border-0 border-b border-border rounded-none text-base md:text-sm placeholder:text-muted-foreground",
+        base: "bg-transparent border-0 border-b border-border-strong rounded-none text-base md:text-sm placeholder:text-muted-foreground",
         states: {
             focus: "focus-visible:border-ring focus-visible:border-b-2",
             disabled: "disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-[var(--opacity-disabled)]",
@@ -323,7 +351,7 @@ const formControl = {
         motion: { transition: "transition-[border-color] duration-[var(--motion-duration-fast)] ease-[var(--motion-easing-default)] motion-reduce:transition-none" },
     }),
     [FormControlVariant.CHECKBOX]: recipe({
-        base: "border-border dark:bg-input/30 border shadow-xs",
+        base: "border-border-strong dark:bg-input/30 border shadow-xs",
         states: {
             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",
@@ -539,6 +567,10 @@ const typography = {
         base: "text-muted-foreground text-sm",
         sizes: { sm: "text-xs", md: "text-sm" },
     }),
+    [TypographyVariant.EYEBROW]: recipe({
+        base: "text-foreground-subtle text-2xs font-medium uppercase tracking-wide",
+        sizes: { sm: "text-2xs", md: "text-xs" },
+    }),
     [TypographyVariant.CODE]: recipe({
         base: "font-mono text-sm bg-muted rounded px-1 py-0.5",
         sizes: { sm: "text-xs", md: "text-sm", lg: "text-base" },
@@ -554,11 +586,25 @@ const typography = {
 // Spacing uses the compact token set (`UI_SPACING_COMPACT`) so rows/gaps also
 // tighten, not just control heights.
 // ============================================================
+/**
+ * The compact spacing, as the STRINGS a theme carries.
+ *
+ * `UI_SPACING_COMPACT` is a map of design-TOKEN configurations (`{ modeStrategy, type, value }`), which
+ * is what a `DesignSystemConfiguration` takes. A theme's `spacing` is a map of CSS lengths: `UIContext`
+ * writes each entry to `--sp-*` verbatim, and `ComponentStyleThemeSchema` refuses anything but strings.
+ * Handed the token set directly — as this theme was until #1322 — every application that selected
+ * Dense was REJECTED at config parse with "Invalid component style theme", and had it not been, its
+ * spacing vars would have read `[object Object]`. The values are read off the token set rather than
+ * restated, so the compact scale keeps one source.
+ */
+const spacing = Object.fromEntries(
+/* A spacing length has no light/dark pair; the LIGHT value is read for a token authored with one. */
+Object.entries(UI_SPACING_COMPACT).map(([semantic, token]) => [semantic, 'value' in token ? token.value : token.lightValue]));
 export const denseTheme = {
     id: 'dense',
     name: 'Dense',
     description: 'Compact, Linear-grade opt-in variant of the default theme. Shorter controls/inputs (md h-8 · sm h-7 · lg h-9), one radius tier tighter (control rounded-md · card rounded-lg), flat + hairline surfaces (no card shadow). Same tonal badges, focus rings, and motion as default.',
-    spacing: UI_SPACING_COMPACT,
+    spacing,
     interactive,
     surface,
     formControl,

package/dist/esm/themes/dense.theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"dense.theme.js","sourceRoot":"","sources":["../../../../src/themes/dense.theme.ts"],"names":[],"mappings":"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","sourcesContent":["import type { ComponentStyleTheme } from '@wildo-ai/presets-components-models';\nimport {\n  DividerVariant,\n  InteractiveVariant,\n  SurfaceVariant,\n  FormControlVariant,\n  IndicatorVariant,\n  SelectableVariant,\n  TypographyVariant,\n  SKELETON_NEUTRAL_TINT,\n} from '@wildo-ai/presets-components-models';\nimport type { UIBehaviorRecipe } from '@wildo-ai/presets-components-models';\n// Dense derives from the known-good default theme (full recipe coverage +\n// correct types) and compacts it. The chart preset is shared with the default\n// theme — imported from the package rather than re-authored.\nimport { DEFAULT_CHART_STYLE_PRESET } from '@wildo-ai/saas-frontend-lib';\nimport { UI_SPACING_COMPACT } from '../config/preset-design-system';\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// DENSE sizes — one step shorter than default (md h-8 / sm h-7 / lg h-9) with\n// trimmed inline padding, and one radius tier tighter (control `rounded-md`).\n// `pointer-coarse:` touch floors are preserved so dense stays tap-safe.\nconst interactiveSizes: Record<string, string> = {\n  xs: \"h-6 px-2 text-xs gap-1 rounded-md has-[>svg]:px-1.5 pointer-coarse:min-h-9\",\n  sm: \"h-7 px-2.5 gap-1.5 rounded-md has-[>svg]:px-2 pointer-coarse:min-h-11\",\n  md: \"h-8 px-3 has-[>svg]:px-2.5 rounded-md pointer-coarse:min-h-11\",\n  lg: \"h-9 px-4 rounded-md has-[>svg]:px-3 pointer-coarse:min-h-11\",\n  icon: \"size-8 pointer-coarse:min-h-11 pointer-coarse:min-w-11\",\n  \"icon-sm\": \"size-6 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-md 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-md 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-md 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-md 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-md 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-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-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-lg`.\n    base: \"bg-surface-raised text-surface-raised-foreground rounded-lg border\",\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-lg border\",\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-md 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-md` here was visually demoting dialogs.\n    base: \"bg-surface-overlay text-surface-overlay-foreground rounded-lg 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-lg\",\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-md 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-md 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-8 px-2.5 py-1 pointer-coarse:min-h-11\",\n      sm: \"h-7 px-2 py-1 text-sm pointer-coarse:min-h-11\",\n      lg: \"h-9 px-3 py-1.5 pointer-coarse:min-h-11\",\n    },\n    motion: { transition: MOTION.formControl },\n  }),\n\n  [FormControlVariant.FILLED]: recipe({\n    base: \"bg-muted rounded-md 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-8 px-2.5 py-1 pointer-coarse:min-h-11\",\n      sm: \"h-7 px-2 py-1 text-sm pointer-coarse:min-h-11\",\n      lg: \"h-9 px-3 py-1.5 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  // DENSE keeps the pulse subtle to match its compact chrome. 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.\n//\n// DENSE delta: badges keep the AA-safe subtle tokens (using the raw `text-{status}`\n// here would reintroduce the light-mode contrast failure T1b fixed) but tighten to\n// `px-1.5 py-0` for a compact chip. A further \"quiet tint + neutral text + colored\n// status dot\" pass needs a badge-component-level dot, so it is intentionally NOT a\n// recipe change — deferred as a component-layer refinement.\nconst indicator: Record<IndicatorVariant, UIBehaviorRecipe> = {\n  [IndicatorVariant.NEUTRAL]: recipe({\n    // Tonal like the other four — see default.theme.ts for the rationale. Fixes the\n    // sub-AA washed-out grey chip that raw `text-muted-foreground` on `bg-muted`\n    // produced for `default`/`secondary`/`outline` enum values.\n    base: \"bg-neutral-subtle text-neutral-subtle-foreground border-border rounded-md border px-1.5 py-0 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-1.5 py-0 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-1.5 py-0 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-1.5 py-0 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-1.5 py-0 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      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\",\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      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\",\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: Record<DividerVariant, UIBehaviorRecipe> = {\n  [DividerVariant.DEFAULT]: recipe({ base: 'bg-border shrink-0' }),\n  // Nested-disclosure guide: the theme's own divider material, as a left edge.\n  [DividerVariant.NESTING_GUIDE]: recipe({ base: 'border-s border-border' }),\n};\n\n// ============================================================\n// SKELETON — Loading placeholders\n// ============================================================\n\nconst skeleton: UIBehaviorRecipe = recipe({\n  base: `${SKELETON_NEUTRAL_TINT} 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      h5: \"text-base\",\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// DENSE THEME — assembled (opt-in, Linear-grade)\n//\n// Derived from the default theme and compacted: shorter control/input sizes\n// (md h-8 · sm h-7 · lg h-9), one radius tier tighter (control `rounded-md`,\n// card `rounded-lg`), flat + hairline surfaces (no `shadow-sm` on cards).\n// Opt in per app: `theme: denseTheme` in `design-system.config.ts`.\n// Spacing uses the compact token set (`UI_SPACING_COMPACT`) so rows/gaps also\n// tighten, not just control heights.\n// ============================================================\n\nexport const denseTheme: ComponentStyleTheme = {\n  id: 'dense',\n  name: 'Dense',\n  description: 'Compact, Linear-grade opt-in variant of the default theme. Shorter controls/inputs (md h-8 · sm h-7 · lg h-9), one radius tier tighter (control rounded-md · card rounded-lg), flat + hairline surfaces (no card shadow). Same tonal badges, focus rings, and motion as default.',\n\n  spacing: UI_SPACING_COMPACT,\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"]}
+{"version":3,"file":"dense.theme.js","sourceRoot":"","sources":["../../../../src/themes/dense.theme.ts"],"names":[],"mappings":"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","sourcesContent":["import type { ComponentStyleTheme } from '@wildo-ai/presets-components-models';\nimport {\n  DividerVariant,\n  InteractiveVariant,\n  SurfaceVariant,\n  FormControlVariant,\n  IndicatorVariant,\n  SelectableVariant,\n  TypographyVariant,\n  SKELETON_NEUTRAL_TINT,\n} from '@wildo-ai/presets-components-models';\nimport type { UIBehaviorRecipe } from '@wildo-ai/presets-components-models';\n// Dense derives from the known-good default theme (full recipe coverage +\n// correct types) and compacts it. The chart preset is shared with the default\n// theme — imported from the package rather than re-authored.\nimport { DEFAULT_CHART_STYLE_PRESET } from '@wildo-ai/saas-frontend-lib';\nimport { UI_SPACING_COMPACT } from '../config/preset-design-system';\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// DENSE sizes — one step shorter than default (md h-8 / sm h-7 / lg h-9) with\n// trimmed inline padding, and one radius tier tighter (control `rounded-md`).\n// `pointer-coarse:` touch floors are preserved so dense stays tap-safe.\nconst interactiveSizes: Record<string, string> = {\n  xs: \"h-6 px-2 text-xs gap-1 rounded-md has-[>svg]:px-1.5 pointer-coarse:min-h-9\",\n  sm: \"h-7 px-2.5 gap-1.5 rounded-md has-[>svg]:px-2 pointer-coarse:min-h-11\",\n  md: \"h-8 px-3 has-[>svg]:px-2.5 rounded-md pointer-coarse:min-h-11\",\n  lg: \"h-9 px-4 rounded-md has-[>svg]:px-3 pointer-coarse:min-h-11\",\n  icon: \"size-8 pointer-coarse:min-h-11 pointer-coarse:min-w-11\",\n  \"icon-sm\": \"size-6 pointer-coarse:min-h-9 pointer-coarse:min-w-9\",\n};\n\nconst interactiveDisabled: string = \"disabled:pointer-events-none disabled:opacity-[var(--opacity-disabled)] aria-disabled:cursor-not-allowed aria-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-md 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-md 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    // Edge: `border-strong`, for the reason written at the default theme's OUTLINE recipe (#1322).\n    base: \"border border-border-strong bg-background shadow-xs rounded-md font-medium text-sm cursor-pointer dark:bg-input/30\",\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      /*\n       * SELECTED IS NOT HOVER. It used to be the same two classes as `hover`, so a segmented\n       * control could not say which segment was chosen while the pointer was anywhere on it —\n       * the chosen one and the one under the cursor were the same pixels.\n       *\n       * The two additions are both decisions this design system has already taken elsewhere.\n       * WEIGHT carries the choice, per `SelectableVariant.FILLED`: \"the selected item is the\n       * 'you are here' anchor — WEIGHT carries the emphasis instead of a primary tint\". And the\n       * inset RING is `Card`'s reasoning for a selected card: \"the ring is what still reads when\n       * the card's own fill is close to\" its surroundings, which is precisely a segment whose\n       * fill is the hover fill.\n       */\n      selected: \"data-[state=on]:bg-accent data-[state=on]:text-accent-foreground data-[state=on]:font-semibold data-[state=on]:ring-1 data-[state=on]:ring-inset data-[state=on]:ring-ring\",\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-md 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-md 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      /*\n       * SELECTED IS NOT HOVER. It used to be the same two classes as `hover`, so a segmented\n       * control could not say which segment was chosen while the pointer was anywhere on it —\n       * the chosen one and the one under the cursor were the same pixels.\n       *\n       * The two additions are both decisions this design system has already taken elsewhere.\n       * WEIGHT carries the choice, per `SelectableVariant.FILLED`: \"the selected item is the\n       * 'you are here' anchor — WEIGHT carries the emphasis instead of a primary tint\". And the\n       * inset RING is `Card`'s reasoning for a selected card: \"the ring is what still reads when\n       * the card's own fill is close to\" its surroundings, which is precisely a segment whose\n       * fill is the hover fill.\n       */\n      selected: \"data-[state=on]:bg-accent data-[state=on]:text-accent-foreground data-[state=on]:font-semibold data-[state=on]:ring-1 data-[state=on]:ring-inset data-[state=on]:ring-ring\",\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-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-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-lg`.\n    base: \"bg-surface-raised text-surface-raised-foreground rounded-lg border\",\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-lg border\",\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-md 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-md` here was visually demoting dialogs.\n    // Edge: `border-strong`, as the default theme's OVERLAY recipe (#1322).\n    base: \"bg-surface-overlay text-surface-overlay-foreground rounded-lg border border-border-strong 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-lg\",\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-md 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    // Edge: `border-strong` — an input's border is its only cue; see the default theme's FORM CONTROL recipe (#1322).\n    base: \"border-border-strong 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\",\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-8 px-2.5 py-1 pointer-coarse:min-h-11\",\n      sm: \"h-7 px-2 py-1 text-sm pointer-coarse:min-h-11\",\n      lg: \"h-9 px-3 py-1.5 pointer-coarse:min-h-11\",\n    },\n    motion: { transition: MOTION.formControl },\n  }),\n\n  [FormControlVariant.FILLED]: recipe({\n    // Fill PLUS a bottom indicator line at the strong edge — a fill alone marks nothing; see the default theme's FILLED recipe (#1322).\n    base: \"bg-muted rounded-t-md rounded-b-none border-0 border-b border-border-strong 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-8 px-2.5 py-1 pointer-coarse:min-h-11\",\n      sm: \"h-7 px-2 py-1 text-sm pointer-coarse:min-h-11\",\n      lg: \"h-9 px-3 py-1.5 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-strong 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-strong 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  // DENSE keeps the pulse subtle to match its compact chrome. 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.\n//\n// DENSE delta: badges keep the AA-safe subtle tokens (using the raw `text-{status}`\n// here would reintroduce the light-mode contrast failure T1b fixed) but tighten to\n// `px-1.5 py-0` for a compact chip. A further \"quiet tint + neutral text + colored\n// status dot\" pass needs a badge-component-level dot, so it is intentionally NOT a\n// recipe change — deferred as a component-layer refinement.\nconst indicator: Record<IndicatorVariant, UIBehaviorRecipe> = {\n  [IndicatorVariant.NEUTRAL]: recipe({\n    // Tonal like the other four — see default.theme.ts for the rationale. Fixes the\n    // sub-AA washed-out grey chip that raw `text-muted-foreground` on `bg-muted`\n    // produced for `default`/`secondary`/`outline` enum values.\n    base: \"bg-neutral-subtle text-neutral-subtle-foreground border-border rounded-md border px-1.5 py-0 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-1.5 py-0 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-1.5 py-0 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-1.5 py-0 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-1.5 py-0 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      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\",\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      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\",\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: Record<DividerVariant, UIBehaviorRecipe> = {\n  [DividerVariant.DEFAULT]: recipe({ base: 'bg-border shrink-0' }),\n  // Nested-disclosure guide: the theme's own divider material, as a left edge.\n  [DividerVariant.NESTING_GUIDE]: recipe({ base: 'border-s border-border' }),\n};\n\n// ============================================================\n// SKELETON — Loading placeholders\n// ============================================================\n\nconst skeleton: UIBehaviorRecipe = recipe({\n  base: `${SKELETON_NEUTRAL_TINT} 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      h5: \"text-base\",\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.EYEBROW]: recipe({\n    base: \"text-foreground-subtle text-2xs font-medium uppercase tracking-wide\",\n    sizes: { sm: \"text-2xs\", md: \"text-xs\" },\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// DENSE THEME — assembled (opt-in, Linear-grade)\n//\n// Derived from the default theme and compacted: shorter control/input sizes\n// (md h-8 · sm h-7 · lg h-9), one radius tier tighter (control `rounded-md`,\n// card `rounded-lg`), flat + hairline surfaces (no `shadow-sm` on cards).\n// Opt in per app: `theme: denseTheme` in `design-system.config.ts`.\n// Spacing uses the compact token set (`UI_SPACING_COMPACT`) so rows/gaps also\n// tighten, not just control heights.\n// ============================================================\n\n/**\n * The compact spacing, as the STRINGS a theme carries.\n *\n * `UI_SPACING_COMPACT` is a map of design-TOKEN configurations (`{ modeStrategy, type, value }`), which\n * is what a `DesignSystemConfiguration` takes. A theme's `spacing` is a map of CSS lengths: `UIContext`\n * writes each entry to `--sp-*` verbatim, and `ComponentStyleThemeSchema` refuses anything but strings.\n * Handed the token set directly — as this theme was until #1322 — every application that selected\n * Dense was REJECTED at config parse with \"Invalid component style theme\", and had it not been, its\n * spacing vars would have read `[object Object]`. The values are read off the token set rather than\n * restated, so the compact scale keeps one source.\n */\nconst spacing: ComponentStyleTheme['spacing'] = Object.fromEntries(\n  /* A spacing length has no light/dark pair; the LIGHT value is read for a token authored with one. */\n  Object.entries(UI_SPACING_COMPACT).map(([semantic, token]) => [semantic, 'value' in token ? token.value : token.lightValue]),\n) as ComponentStyleTheme['spacing'];\n\nexport const denseTheme: ComponentStyleTheme = {\n  id: 'dense',\n  name: 'Dense',\n  description: 'Compact, Linear-grade opt-in variant of the default theme. Shorter controls/inputs (md h-8 · sm h-7 · lg h-9), one radius tier tighter (control rounded-md · card rounded-lg), flat + hairline surfaces (no card shadow). Same tonal badges, focus rings, and motion as default.',\n\n  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"]}

package/dist/esm/themes/editorial.theme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"editorial.theme.d.ts","sourceRoot":"","sources":["../../../src/themes/editorial.theme.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAA4B,MAAM,qCAAqC,CAAC;AA2qBzG,eAAO,MAAM,cAAc,EAAE,mBAgE5B,CAAC"}
+{"version":3,"file":"editorial.theme.d.ts","sourceRoot":"","sources":["../../../../src/themes/editorial.theme.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAA4B,MAAM,qCAAqC,CAAC;AAyrBzG,eAAO,MAAM,cAAc,EAAE,mBAgE5B,CAAC"}

package/dist/esm/themes/editorial.theme.js

@@ -34,9 +34,18 @@ const ED = {
     hairline: 'border border-foreground/10',
     /** Slightly stronger hairline for surfaces that need a definitive edge. */
     edge: 'border border-foreground/15',
+    /*
+     * A TEXT INPUT's edge, as distinct from `edge`. An input's border is its only cue that it is an
+     * input, so it owes 3:1 against the page (WCAG 2.1 SC 1.4.11); `edge` is this theme's foreground
+     * at a low alpha, which cannot reach that at any strength this theme uses (foreground/30 is 1.95:1
+     * in light). `border-strong` is palette-derived and pinned at 3:1 on the token, so it follows this
+     * theme's own colours. Hairlines and card edges keep `edge`: a line between two regions is
+     * decoration and owes nothing (#1443, after #1322).
+     */
+    inputEdge: 'border border-border-strong',
     radius: 'rounded-sm',
     focus: 'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/60 focus-visible:ring-offset-2 focus-visible:ring-offset-background',
-    disabled: 'disabled:pointer-events-none disabled:opacity-[var(--opacity-disabled)]',
+    disabled: 'disabled:pointer-events-none disabled:opacity-[var(--opacity-disabled)] aria-disabled:cursor-not-allowed aria-disabled:opacity-[var(--opacity-disabled)]',
     invalid: 'aria-invalid:ring-destructive/30 dark:aria-invalid:ring-destructive/50 aria-invalid:border-destructive',
 };
 // ============================================================
@@ -267,7 +276,7 @@ const surface = {
 // ============================================================
 const formControl = {
     [FormControlVariant.DEFAULT]: recipe({
-        base: `bg-background ${ED.edge} ${ED.radius} text-base md:text-sm text-foreground placeholder:text-muted-foreground selection:bg-primary/20 selection:text-foreground`,
+        base: `bg-background ${ED.inputEdge} ${ED.radius} text-base md:text-sm text-foreground placeholder:text-muted-foreground selection:bg-primary/20 selection:text-foreground`,
         states: {
             focus: ED.focus,
             disabled: 'disabled:cursor-not-allowed disabled:opacity-[var(--opacity-disabled)]',
@@ -281,7 +290,8 @@ const formControl = {
         motion: { transition: ED_MOTION.formControl },
     }),
     [FormControlVariant.FILLED]: recipe({
-        base: `bg-muted/50 ${ED.radius} border-0 text-base md:text-sm text-foreground placeholder:text-muted-foreground`,
+        // Fill PLUS a bottom indicator line: a fill alone (about 1.3:1) marks nothing as an input, and `invalid` sets a border colour a borderless field cannot show.
+        base: `bg-muted/50 rounded-t-sm rounded-b-none border-0 border-b border-border-strong text-base md:text-sm text-foreground placeholder:text-muted-foreground`,
         states: {
             focus: ED.focus,
             disabled: 'disabled:cursor-not-allowed disabled:opacity-[var(--opacity-disabled)]',
@@ -297,7 +307,7 @@ const formControl = {
     [FormControlVariant.UNDERLINED]: recipe({
         // The most editorial-looking form variant: a single hairline rule
         // under the field — like filling in a paper form.
-        base: 'bg-transparent border-0 border-b border-foreground/20 rounded-none text-base md:text-sm text-foreground placeholder:text-muted-foreground',
+        base: 'bg-transparent border-0 border-b border-border-strong rounded-none text-base md:text-sm text-foreground placeholder:text-muted-foreground',
         states: {
             focus: 'focus-visible:outline-none focus-visible:border-primary focus-visible:border-b-2',
             disabled: 'disabled:opacity-[var(--opacity-disabled)]',
@@ -313,7 +323,7 @@ const formControl = {
         },
     }),
     [FormControlVariant.CHECKBOX]: recipe({
-        base: `${ED.edge} ${ED.radius}`,
+        base: `${ED.inputEdge} ${ED.radius}`,
         states: {
             focus: ED.focus,
             selected: 'data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground data-[state=checked]:border-primary',
@@ -494,6 +504,10 @@ const typography = {
         base: 'font-sans text-muted-foreground text-base leading-relaxed italic',
         sizes: { sm: 'text-sm', md: 'text-base' },
     }),
+    [TypographyVariant.EYEBROW]: recipe({
+        base: 'font-sans text-foreground-subtle text-xs font-medium uppercase tracking-[0.18em]',
+        sizes: { sm: 'text-2xs', md: 'text-xs' },
+    }),
     [TypographyVariant.CODE]: recipe({
         base: 'font-mono text-[0.9em] bg-muted/60 rounded-sm px-1.5 py-0.5 border border-foreground/10',
         sizes: { sm: 'text-xs', md: 'text-sm', lg: 'text-base' },