npm - @wildo-ai/saas-frontend-lib - Versions diffs - 1.1.9 → 1.1.11 - Mend

@wildo-ai/saas-frontend-lib 1.1.9 → 1.1.11

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1566) hide show

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

	@@ -1 +1 @@
1	- {"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 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';\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)] 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-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 /\n * Danger is carried by the EDGE and the GLYPH, never by a fill.\n \n This was `bg-destructive text-destructive-foreground` — a solid red slab — until 2026-09-20, and\n * the fill is what made it wrong for the only places it is used. Every consumer of this variant in\n * the product is an OFFER rather than a commitment: the risky entries of a resource action bar\n * (`riskLevelToVariant` returns DESTRUCTIVE for HIGH/CRITICAL), a file card's remove control, an\n * error display's recovery action, a decision option. A filled button is the loudest thing a page\n * can contain, so an action bar with one or two risky verbs in it read as a page ABOUT deleting,\n * and the surrounding actions — its real content — read as secondary to it.\n \n The distinction this keeps is the one `AppPage_SecuritySettings` already states for its factor\n * rows: a fill asserts \"this is the one thing to do next\", and asserting that of every dangerous\n * verb on a page asserts it of none of them while spending all the emphasis. What a dangerous verb\n * needs is to be TELLABLE APART from its neighbours, which a coloured edge and a coloured glyph do\n * pre-attentively and at two channels rather than one — and it stays legible beside the GHOST\n * siblings that share an action bar with it, which a slab does not.\n \n The LABEL stays `text-foreground`. Red on the border and the icon is the whole signal; tinting\n * the words as well pushes it back toward the emphasis just removed, and a red word next to a red\n * glyph adds no information.\n \n SCOPE — this is the DEFAULT theme's dressing of the semantic role, not a redefinition of the\n * role. `theme.interactive[DESTRUCTIVE]` is \"what this theme does with a dangerous action\", and\n * the alternative themes keep their own answers deliberately: neo-brutalist's slab is its whole\n * idiom, and trading remaps the variant to the SELL button, where a fill is the point. Changing\n * those would impose one theme's taste on design languages chosen for being different.\n \n Menus are unaffected: `DropdownMenuItem` / `ContextMenuItem` read `states.highlighted` only and\n * never `base`, so a destructive menu row keeps its borderless tinted-row treatment.\n /\n [InteractiveVariant.DESTRUCTIVE]: recipe({\n // `:not([class='text-'])` mirrors the menus' convention — an icon that declares its own colour\n // keeps it, so a call site can still override without fighting the recipe.\n base: \"border border-destructive/60 bg-transparent text-foreground rounded-lg font-medium text-sm cursor-pointer [&_svg:not([class='text-'])]:text-destructive\",\n states: {\n hover: \"hover:border-destructive hover:bg-destructive/10 dark:hover:bg-destructive/20\",\n active: \"active:bg-destructive/15 dark:active:bg-destructive/25 active:translate-y-px\",\n // FOCUS_RING_OFFSET, not ..._WITH_BORDER: that constant repaints the border to `ring`, which\n // for every other bordered variant is harmless because their border is decorative. Here the\n // border IS the danger cue, so swapping it out would strip the warning from a keyboard user at\n // the exact moment they are about to press the thing.\n focus: FOCUS_RING_OFFSET,\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 /\n * The edge is `border-strong`, in both themes (#1322) — a DESIGN decision, taken from the accepted\n * creation-board proposal: a control's edge is drawn one strength above the hairline that divides\n * content, so a row of buttons reads as controls rather than as boxed text. It is not an\n * accessibility obligation: a button's label already identifies it, and the guidance for\n * non-text contrast says so. The obligation is on the FORM CONTROL recipes below, where the edge\n * is the only cue. `dark:border-input` went with it; it resolved to the hairline's lightness.\n * spec-cite: Understanding WCAG 2.1 SC 1.4.11 — https://www.w3.org/WAI/WCAG21/Understanding/non-text-contrast.html\n /\n base: \"border border-border-strong bg-background shadow-xs rounded-lg 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 Both the fill and the ring are NEUTRAL — an ink wash of `foreground`, never `accent` and\n * never `ring` (2026-09-25). `ring` is the FOCUS/brand colour, so a chosen toggle wore a\n * primary outline that read as \"focused\" or \"error-adjacent\" rather than \"on\", on every pill\n * and segment at once. And `accent` is the HOVER tint: in a theme whose accent sits one\n * lightness step off the page (Wonder Todos: L 0.929 on 0.984) the chosen state barely\n * separated from the background it sat on. A translucent `foreground` wash is darker than\n * the hover tint in every theme by construction, tracks light and dark without a second\n * token, and keeps `SelectableVariant.FILLED`'s promise that weight — not a brand colour —\n * carries \"you are here\".\n /\n selected: \"data-[state=on]:bg-foreground/10 data-[state=on]:text-foreground data-[state=on]:font-semibold data-[state=on]:ring-1 data-[state=on]:ring-inset data-[state=on]:ring-foreground/25 dark:data-[state=on]:bg-foreground/15\",\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 /\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 Both the fill and the ring are NEUTRAL — an ink wash of `foreground`, never `accent` and\n * never `ring` (2026-09-25). `ring` is the FOCUS/brand colour, so a chosen toggle wore a\n * primary outline that read as \"focused\" or \"error-adjacent\" rather than \"on\", on every pill\n * and segment at once. And `accent` is the HOVER tint: in a theme whose accent sits one\n * lightness step off the page (Wonder Todos: L 0.929 on 0.984) the chosen state barely\n * separated from the background it sat on. A translucent `foreground` wash is darker than\n * the hover tint in every theme by construction, tracks light and dark without a second\n * token, and keeps `SelectableVariant.FILLED`'s promise that weight — not a brand colour —\n * carries \"you are here\".\n /\n selected: \"data-[state=on]:bg-foreground/10 data-[state=on]:text-foreground data-[state=on]:font-semibold data-[state=on]:ring-1 data-[state=on]:ring-inset data-[state=on]:ring-foreground/25 dark:data-[state=on]:bg-foreground/15\",\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 // The edge is `border-strong` (#1322): in the dark theme `shadow-lg` is invisible against a dark\n // page, so the border is what separates a modal from what it covers. Popovers and toasts keep\n // `--border` — they are anchored to a trigger, and a heavy edge on every menu reads as noise.\n base: \"bg-surface-overlay text-surface-overlay-foreground rounded-xl 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-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 /\n * The edge is `border-strong` (#1322). An empty text input has no content to identify it — its\n * border IS the control — so that border owes 3:1 against the page, and the hairline `--border`\n * gives about 1.5:1 in both themes. The same holds for UNDERLINED's rule and for an unchecked\n * CHECKBOX below. FILLED carries the same edge as its bottom indicator line; see its own recipe.\n * spec-cite: Understanding WCAG 2.1 SC 1.4.11 — \"Where a text-input has a visual indicator to show\n * it is an input, such as a bottom border (#767676), that indicator must meet 3:1 contrast ratio.\"\n * https://www.w3.org/WAI/WCAG21/Understanding/non-text-contrast.html\n /\n base: \"border-border-strong 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 /\n * A FILL is not an input's indicator: `bg-muted` sits at about 1.3:1 against the page on the\n * default palette, so a filled field with `border-0` was an input nothing marked as one — and\n * its `invalid` state sets a BORDER colour, which a borderless field could not show at all.\n * The filled-field convention answers both: the fill, plus an indicator line along the bottom at\n * the strong edge, with the top corners rounded and the bottom square so the line runs straight.\n * spec-cite: Understanding WCAG 2.1 SC 1.4.11 — \"Where a text-input has a visual indicator to show\n * it is an input, such as a bottom border (#767676), that indicator must meet 3:1 contrast ratio.\"\n * https://www.w3.org/WAI/WCAG21/Understanding/non-text-contrast.html\n /\n base: \"bg-muted rounded-t-lg 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-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-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 // `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: Record<DividerVariant, UIBehaviorRecipe> = {\n [DividerVariant.DEFAULT]: recipe({\n base: \"bg-border shrink-0\",\n }),\n [DividerVariant.NESTING_GUIDE]: recipe({\n // Nested-disclosure guide: a hairline left edge in the standard border color. LOOK only —\n // the indent beside it is structure and belongs to the component that nests (the accordion\n // preset adds `pl-field`). A theme wanting a heavier, tinted or dashed depth cue changes it here.\n base: \"border-s border-border\",\n }),\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// 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"]}
1	+ {"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 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';\nimport { DEFAULT_CHART_STYLE_PRESET } from '../chart-style-defaults';\nimport { FOCUS_INDICATOR_CLASSES, FocusIndicatorShape } from './focus-indicator';\n\n/\n The design rules the comments below explain (surfaces paint with surface tokens, elevation never decreases,\n * badges use the subtle pair, motion uses tokens, …) are CHECKED, not only written down: `checkThemeContract` in\n * `@wildo-ai/presets-components-models` runs them over this theme and every named one (#2356). Change a rule\n * there, with its reason, rather than here.\n /\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 /* A segmented control's thumb: its fill, label and the edge + shadow that raise it (box-shadow) on selection. /\n segment: \"transition-[background-color,color,box-shadow] 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)] aria-disabled:cursor-not-allowed aria-disabled:opacity-[var(--opacity-disabled)]\";\nconst interactiveInvalid: string = \"aria-invalid:border-destructive aria-invalid:focus-visible:outline-destructive\";\n\n// ============================================================\n// Focus — the framework CONTRACT (`focus-indicator.ts`), dressed by this theme.\n//\n// Geometry is not this theme's to choose: every recipe below takes one of the\n// contract's shapes, and the colour comes from the palette's `--ring`. What the\n// default theme adds is the field's border turning to the ring colour under the\n// outline, as every named theme does. Buttons no longer repaint their border to\n// the ring colour — that, plus a painted offset gap, is what drew two parallel\n// lines around every focused control.\n// ============================================================\n/* A standalone control: outline outside the box, transparent 1px gap. /\nconst FOCUS_OFFSET: string = FOCUS_INDICATOR_CLASSES[FocusIndicatorShape.OFFSET];\n/* An item packed or clipped in a container (tabs, sidebar items, pills, segments); a selected one carries a band inside the outline. /\nconst FOCUS_INSET: string = FOCUS_INDICATOR_CLASSES[FocusIndicatorShape.INSET];\n/\n A text field: the contract's FIELD edge (2px, drawn inside the border, covering it), with the border\n * itself turned to the ring colour beneath it. An invalid field stays red while focused, from the contract.\n \n No halo outside the field: a soft `ring-4 ring-ring/15` once sat there, and beside a solid edge it\n * read as a second line around every field. None of the named themes carries one.\n /\nconst FOCUS_FIELD: string = `${FOCUS_INDICATOR_CLASSES[FocusIndicatorShape.FIELD]} focus-visible:border-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 [--focus-band:var(--color-primary-foreground)] 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_OFFSET,\n disabled: interactiveDisabled,\n invalid: interactiveInvalid,\n },\n sizes: interactiveSizes,\n motion: { transition: MOTION.interactive },\n }),\n\n /\n * Danger is carried by the EDGE and the GLYPH, never by a fill.\n \n This was `bg-destructive text-destructive-foreground` — a solid red slab — until 2026-09-20, and\n * the fill is what made it wrong for the only places it is used. Every consumer of this variant in\n * the product is an OFFER rather than a commitment: the risky entries of a resource action bar\n * (`riskLevelToVariant` returns DESTRUCTIVE for HIGH/CRITICAL), a file card's remove control, an\n * error display's recovery action, a decision option. A filled button is the loudest thing a page\n * can contain, so an action bar with one or two risky verbs in it read as a page ABOUT deleting,\n * and the surrounding actions — its real content — read as secondary to it.\n \n The distinction this keeps is the one `AppPage_SecuritySettings` already states for its factor\n * rows: a fill asserts \"this is the one thing to do next\", and asserting that of every dangerous\n * verb on a page asserts it of none of them while spending all the emphasis. What a dangerous verb\n * needs is to be TELLABLE APART from its neighbours, which a coloured edge and a coloured glyph do\n * pre-attentively and at two channels rather than one — and it stays legible beside the GHOST\n * siblings that share an action bar with it, which a slab does not.\n \n The LABEL stays `text-foreground`. Red on the border and the icon is the whole signal; tinting\n * the words as well pushes it back toward the emphasis just removed, and a red word next to a red\n * glyph adds no information.\n \n SCOPE — this is the DEFAULT theme's dressing of the semantic role, not a redefinition of the\n * role. `theme.interactive[DESTRUCTIVE]` is \"what this theme does with a dangerous action\", and\n * the alternative themes keep their own answers deliberately: neo-brutalist's slab is its whole\n * idiom, and trading remaps the variant to the SELL button, where a fill is the point. Changing\n * those would impose one theme's taste on design languages chosen for being different.\n \n Menus are unaffected: `DropdownMenuItem` / `ContextMenuItem` read `states.highlighted` only and\n * never `base`, so a destructive menu row keeps its borderless tinted-row treatment.\n /\n [InteractiveVariant.DESTRUCTIVE]: recipe({\n // `:not([class='text-'])` mirrors the menus' convention — an icon that declares its own colour\n // keeps it, so a call site can still override without fighting the recipe.\n base: \"border border-destructive/60 bg-transparent text-foreground rounded-lg font-medium text-sm cursor-pointer [&_svg:not([class='text-'])]:text-destructive\",\n states: {\n hover: \"hover:border-destructive hover:bg-destructive/10 dark:hover:bg-destructive/20\",\n active: \"active:bg-destructive/15 dark:active:bg-destructive/25 active:translate-y-px\",\n // The contract's OFFSET shape draws outside the box and never touches the border. That matters\n // more here than anywhere: the border IS the danger cue, and the old `border-ring` repaint swapped\n // it for the ring colour at the exact moment a keyboard user was about to press the thing.\n focus: FOCUS_OFFSET,\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 /\n * The edge is `border-strong`, in both themes (#1322) — a DESIGN decision, taken from the accepted\n * creation-board proposal: a control's edge is drawn one strength above the hairline that divides\n * content, so a row of buttons reads as controls rather than as boxed text. It is not an\n * accessibility obligation: a button's label already identifies it, and the guidance for\n * non-text contrast says so. The obligation is on the FORM CONTROL recipes below, where the edge\n * is the only cue. `dark:border-input` went with it; it resolved to the hairline's lightness.\n * spec-cite: Understanding WCAG 2.1 SC 1.4.11 — https://www.w3.org/WAI/WCAG21/Understanding/non-text-contrast.html\n /\n base: \"border border-border-strong bg-background shadow-xs rounded-lg 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_OFFSET,\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 Both the fill and the ring are NEUTRAL — an ink wash of `foreground`, never `accent` and\n * never `ring` (2026-09-25). `ring` is the FOCUS/brand colour, so a chosen toggle wore a\n * primary outline that read as \"focused\" or \"error-adjacent\" rather than \"on\", on every pill\n * and segment at once. And `accent` is the HOVER tint: in a theme whose accent sits one\n * lightness step off the page (Wonder Todos: L 0.929 on 0.984) the chosen state barely\n * separated from the background it sat on. A translucent `foreground` wash is darker than\n * the hover tint in every theme by construction, tracks light and dark without a second\n * token, and keeps `SelectableVariant.FILLED`'s promise that weight — not a brand colour —\n * carries \"you are here\".\n /\n selected: \"data-[state=on]:bg-foreground/10 data-[state=on]:text-foreground data-[state=on]:font-semibold data-[state=on]:ring-1 data-[state=on]:ring-inset data-[state=on]:ring-foreground/25 dark:data-[state=on]:bg-foreground/15\",\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_OFFSET,\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_OFFSET,\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 Both the fill and the ring are NEUTRAL — an ink wash of `foreground`, never `accent` and\n * never `ring` (2026-09-25). `ring` is the FOCUS/brand colour, so a chosen toggle wore a\n * primary outline that read as \"focused\" or \"error-adjacent\" rather than \"on\", on every pill\n * and segment at once. And `accent` is the HOVER tint: in a theme whose accent sits one\n * lightness step off the page (Wonder Todos: L 0.929 on 0.984) the chosen state barely\n * separated from the background it sat on. A translucent `foreground` wash is darker than\n * the hover tint in every theme by construction, tracks light and dark without a second\n * token, and keeps `SelectableVariant.FILLED`'s promise that weight — not a brand colour —\n * carries \"you are here\".\n /\n selected: \"data-[state=on]:bg-foreground/10 data-[state=on]:text-foreground data-[state=on]:font-semibold data-[state=on]:ring-1 data-[state=on]:ring-inset data-[state=on]:ring-foreground/25 dark:data-[state=on]:bg-foreground/15\",\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_OFFSET,\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 [--focus-band:var(--color-primary-foreground)] 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_var(--motion-duration-ambient)_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_OFFSET,\n disabled: interactiveDisabled,\n invalid: interactiveInvalid,\n },\n sizes: interactiveSizes,\n motion: {\n transition: 'transition-[box-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 // The edge is `border-strong` (#1322): in the dark theme `shadow-lg` is invisible against a dark\n // page, so the border is what separates a modal from what it covers. Popovers and toasts keep\n // `--border` — they are anchored to a trigger, and a heavy edge on every menu reads as noise.\n base: \"bg-surface-overlay text-surface-overlay-foreground rounded-xl 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-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 // Fact tile: the inset tint at 60% on a hairline, radius-lg — quieter than a CARD, so a grid of them stays one set of facts.\n\n [SurfaceVariant.TILE]: recipe({\n\n base: \"bg-surface-inset/60 text-surface-inset-foreground border border-border rounded-lg\",\n\n }),\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 /\n * The edge is `border-strong` (#1322). An empty text input has no content to identify it — its\n * border IS the control — so that border owes 3:1 against the page, and the hairline `--border`\n * gives about 1.5:1 in both themes. The same holds for UNDERLINED's rule and for an unchecked\n * CHECKBOX below. FILLED carries the same edge as its bottom indicator line; see its own recipe.\n * spec-cite: Understanding WCAG 2.1 SC 1.4.11 — \"Where a text-input has a visual indicator to show\n * it is an input, such as a bottom border (#767676), that indicator must meet 3:1 contrast ratio.\"\n * https://www.w3.org/WAI/WCAG21/Understanding/non-text-contrast.html\n /\n base: \"border-border-strong 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_FIELD,\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-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 /\n * A FILL is not an input's indicator: `bg-muted` sits at about 1.3:1 against the page on the\n * default palette, so a filled field with `border-0` was an input nothing marked as one — and\n * its `invalid` state sets a BORDER colour, which a borderless field could not show at all.\n * The filled-field convention answers both: the fill, plus an indicator line along the bottom at\n * the strong edge, with the top corners rounded and the bottom square so the line runs straight.\n * spec-cite: Understanding WCAG 2.1 SC 1.4.11 — \"Where a text-input has a visual indicator to show\n * it is an input, such as a bottom border (#767676), that indicator must meet 3:1 contrast ratio.\"\n * https://www.w3.org/WAI/WCAG21/Understanding/non-text-contrast.html\n /\n base: \"bg-muted rounded-t-lg rounded-b-none border-0 border-b border-border-strong text-base md:text-sm placeholder:text-muted-foreground\",\n states: {\n focus: FOCUS_FIELD,\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-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-strong rounded-none text-base md:text-sm placeholder:text-muted-foreground\",\n states: {\n /\n * The contract's FIELD edge, not a thicker rule. `border-b-2` grew the box by a pixel on focus\n * (every line below the field jumped) and drew one 2px line — less than the 2px perimeter the\n * focus-appearance criterion sizes an indicator against. The outline lands on the box instead,\n * shifts nothing, and is kept by forced-colors mode.\n /\n focus: FOCUS_FIELD,\n disabled: \"disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-[var(--opacity-disabled)]\",\n invalid: `aria-invalid:border-destructive`,\n },\n // px-1, not px-0: the FIELD focus edge is drawn INSIDE the box (2px on this 1px border; it was 4px when\n // this padding was set), and with no inline padding it covered the first glyph and the caret.\n sizes: {\n md: \"h-9 px-1 py-1 pointer-coarse:min-h-11\",\n sm: \"h-8 px-1 py-1 text-sm pointer-coarse:min-h-11\",\n lg: \"h-10 px-1 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_OFFSET,\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:border-destructive aria-invalid:focus-visible:outline-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_OFFSET,\n selected: \"data-[state=checked]:bg-primary\",\n disabled: \"disabled:cursor-not-allowed disabled:opacity-[var(--opacity-disabled)]\",\n invalid: \"aria-invalid:border-destructive aria-invalid:focus-visible:outline-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_OFFSET,\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.\n//\n// PILL shape (`rounded-full`, 2026-09-30): a status is a state, not a box of text, and the pill is\n// what lets a leading tone dot (`<Badge dot>`) sit inside it without looking like a bullet in a\n// rectangle. The hairline stays: it is what separates a NEUTRAL pill from an inset or tile fill.\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-full 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-full 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-full 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-full 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-full 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\n// Bases carry `outline-none`, not `outline-hidden`: the latter is a transparent outline that\n// forced-colors mode repaints, so every tab and sidebar item was boxed whether focused or not. The\n// focus contract (FOCUS_INSET) restores an outline on `:focus-visible`, which is the only box wanted.\nconst selectable: Record<SelectableVariant, UIBehaviorRecipe> = {\n [SelectableVariant.FILLED]: recipe({\n base: \"rounded-md text-sm outline-none\",\n states: {\n hover: \"hover:bg-surface-sunken-accent hover:text-surface-sunken-foreground\",\n // INSET, coloured by `--ring`. This was a ring in `surface-sunken-border` — the sidebar's own\n // border colour, about 1.1:1 on the sidebar — so keyboard focus in the navigation was invisible.\n focus: FOCUS_INSET,\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]:font-semibold 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 // Top corners rounded, bottom square: the underline still runs straight, and the INSET focus\n // outline reads as a soft tab shape instead of a hard box drawn over the strip's rule.\n base: \"rounded-t-md rounded-b-none border-b-2 border-transparent text-sm outline-none\",\n states: {\n hover: \"hover:text-foreground\",\n focus: FOCUS_INSET,\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-none\",\n states: {\n hover: \"hover:bg-accent hover:text-accent-foreground\",\n focus: FOCUS_INSET,\n selected: \"data-[state=active]:bg-primary data-[state=active]:[--focus-band:var(--color-primary-foreground)] 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-none\",\n states: {\n hover: \"hover:bg-surface-sunken-accent hover:text-surface-sunken-foreground\",\n focus: FOCUS_INSET,\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 [SelectableVariant.SEGMENT]: recipe({\n // One option inside a segmented control's recessed track. The toggle group paints the track with\n // `surface.inset`; the options are borderless on it, so the row reads as one control.\n base: \"rounded-md text-sm font-medium text-muted-foreground outline-none\",\n states: {\n hover: \"hover:text-foreground\",\n focus: FOCUS_INSET,\n // The selected option is a raised thumb. Its EDGE is the state's 3:1 cue (WCAG 2.2 SC 1.4.11) against\n // both the track and the thumb's own fill. It is muted-foreground, which the palette contract owes\n // 4.5:1 on surface-inset and surface-raised. border-strong was tried first and measured 2.95:1 against\n // the track on the default palette (2.86:1 cozy). The raised fill and the shadow alone are about 1.1:1.\n selected: \"data-[state=on]:bg-surface-raised data-[state=on]:text-surface-raised-foreground data-[state=on]:shadow-xs data-[state=on]:ring-1 data-[state=on]:ring-inset data-[state=on]:ring-muted-foreground\",\n disabled: \"disabled:pointer-events-none disabled:opacity-[var(--opacity-disabled)]\",\n },\n // A thumb two pixels short of the control height, so the track (2px padding) lines up with a\n // button and a field of the same size.\n sizes: {\n sm: \"h-7 px-2.5 text-sm\",\n md: \"h-8 px-3 text-sm\",\n lg: \"h-9 px-4 text-sm\",\n },\n motion: { transition: MOTION.segment },\n }),\n\n [SelectableVariant.CHIP]: recipe({\n // A filter chip among others, separated by a gap: a standalone control, so OFFSET focus.\n base: \"rounded-full border border-border text-muted-foreground font-medium outline-none\",\n states: {\n hover: \"hover:bg-accent hover:text-accent-foreground\",\n focus: FOCUS_OFFSET,\n // A tint and a brand-coloured edge, and the toggle group's check mark in the label's ink. The\n // label stays foreground: primary as text on its own tint is not legible on every palette.\n selected: \"data-[state=on]:border-primary/50 data-[state=on]:bg-primary/10 data-[state=on]:text-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-3.5 text-sm\",\n lg: \"h-9 px-4 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({\n base: \"bg-border shrink-0\",\n }),\n [DividerVariant.NESTING_GUIDE]: recipe({\n // Nested-disclosure guide: a hairline left edge in the standard border color. LOOK only —\n // the indent beside it is structure and belongs to the component that nests (the accordion\n // preset adds `pl-field`). A theme wanting a heavier, tinted or dashed depth cue changes it here.\n base: \"border-s border-border\",\n }),\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 // The label voice of a record: 11px mono capitals, tracked, in the third ink level. Paired with the\n // DATA voice below it reads as \"name of the fact\" against \"the fact\" — the hierarchy the Focal Plane\n // mock carries and that a 10px sans eyebrow at 0.025em was too faint and too tight to hold (2026-09-30).\n [TypographyVariant.EYEBROW]: recipe({\n base: \"text-foreground-subtle font-mono text-[0.6875rem] font-medium uppercase tracking-[0.06em] leading-tight\",\n sizes: { sm: \"text-2xs\", md: \"text-[0.6875rem]\" },\n }),\n // One step below the h3 size and medium weight: the title of a record or collection, sharing its line with that record's actions.\n [TypographyVariant.RESOURCE_TITLE]: recipe({\n base: \"text-lg font-medium leading-snug tracking-tight text-foreground\",\n }),\n // Data voice: mono tabular figures one step under the 14px body, which is where mono reads the same size as sans.\n [TypographyVariant.DATA]: recipe({\n base: \"text-foreground font-mono text-[0.8125rem] tabular-nums tracking-tight\",\n sizes: { sm: \"text-xs\", md: \"text-[0.8125rem]\", lg: \"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); focus drawn with the framework outline contract (plus a soft halo on text fields); 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"]}

package/dist/esm/core/ui/themes/focus-indicator.d.ts ADDED Viewed

@@ -0,0 +1,221 @@
+/**
+ * Keyboard-focus indicators — the ONE contract every theme recipe and every component draws focus with.
+ *
+ * ## Why focus is a contract and not a theme's personality
+ *
+ * A theme may decide how a hovered button looks, how heavy a card's shadow is, how fast an overlay
+ * fades. It may not decide whether a keyboard user can see where they are. So the GEOMETRY of the
+ * indicator lives here, once, and every theme imports it; what a theme owns is the COLOUR (the
+ * `--ring` token of its palette) and anything it wants to ADD on top (every shipped theme turns a
+ * field's border to the ring colour beneath the outline). A theme can make focus louder. It cannot make
+ * it thinner, move it, or make it disappear.
+ *
+ * ## What it replaced, and the five defects that made it necessary (measured 2026-10-02)
+ *
+ * Every theme drew focus as a Tailwind `ring` — a `box-shadow` — and most added
+ * `ring-offset-2 ring-offset-background` plus `border-ring`. Rendered on the real Wonder Todos tokens:
+ *
+ * 1. **A railway track on every control.** `border-ring` repainted the 1px border in the ring colour,
+ *    the offset painted a 2px gap, and the ring drew a second 2px line outside it: two parallel
+ *    coloured lines around every focused button, checkbox and switch — and around every text input on
+ *    every MOUSE click, because a text field matches `:focus-visible` whenever it has focus.
+ * 2. **The gap was painted, in the PAGE colour.** A ring offset is a solid shadow in
+ *    `--background`. On a card (`surface-raised`), a sidebar (`surface-sunken`), a popover or a dark
+ *    page, that band is visibly the wrong colour around the control.
+ * 3. **Clipped to stray lines.** A shadow drawn outside the box is cut by any `overflow-hidden`
+ *    ancestor. A settings card clips its rows (it must, so their dividers run to the rounded corner),
+ *    and a focused row showed only two horizontal blue strokes.
+ * 4. **Invisible in forced-colors mode.** User agents force `box-shadow` to `none` there, so a
+ *    Windows High Contrast user lost every focus indicator in the framework.
+ *    spec-cite: MDN, `@media (forced-colors)` — "`box-shadow` is forced to 'none'" —
+ *    https://developer.mozilla.org/en-US/docs/Web/CSS/@media/forced-colors
+ * 5. **Invisible in the sidebar.** `SelectableVariant.FILLED` coloured its ring with
+ *    `ring-surface-sunken-border` — the sidebar's own border colour, about 1.1:1 against the sidebar —
+ *    so a keyboard user moving through the navigation saw nothing move.
+ *
+ * ## The answer the field converged on
+ *
+ * An `outline`: 2px, solid, in the focus colour. It follows `border-radius` in every evergreen
+ * browser, its offset gap is TRANSPARENT (so it reads correctly on any surface without knowing which
+ * one), and forced-colors mode keeps it and repaints it in a system colour instead of removing it.
+ * GitHub Primer, Radix Themes, Atlassian, Shopify Polaris and IBM Carbon all draw focus this way.
+ *
+ * ## Light by design: one 2px line, and the AAA area only where 2px already reaches it
+ *
+ * Every shape is ONE 2px line on an ordinary control (a field's edge is its border plus a pixel, so 2px on
+ * the usual 1px border, 3px on a 2px one). A field's edge was 4px from 2026-10-02 to 2026-10-05, sized for the AAA
+ * Focus Appearance area (see below); it showed on every mouse click into a text field, and on a form it
+ * read as the heaviest thing on the page. Paul asked for a discreet, light indicator (2026-10-05), and
+ * what was given up is exactly the AAA area on fields. The AA guarantee is unchanged. OFFSET's gap went
+ * from 2px to 1px in the same change: the gap only has to keep the outline off a fill of the ring
+ * colour (a primary button), and 1px does that without the indicator floating away from its control.
+ *
+ * ## What it guarantees: WCAG 2.2 AA, and the AAA area where 2px reaches it
+ *
+ * The guarantee is AA: an indicator is always visible (SC 2.4.7), and it holds 3:1 against what it is
+ * drawn on (SC 1.4.11). For OFFSET that is the surface outside the control; for FIELD it is the field's
+ * interior and, at the outline's outer edge, the surface around the field; for INSET it is the item's own
+ * fill, and where the ring cannot clear a fill by 3:1 the fill declares a band that does (see INSET).
+ *
+ * What the named-theme contract test measures, per theme and per mode: the ring against every surface token
+ * a control sits on (page, muted, accent, secondary, and the sunken, raised, overlay and inset surfaces), and
+ * every fill an INSET item can hold focus on in the interactive and selectable families (at rest, selected,
+ * highlighted, open), a fill at /50 or more composited over each of those surfaces. What it does not measure:
+ * a tint below /50 (it reads as the surface beneath, which the ring test covers), a FIELD's interior (a surface
+ * or a tint in every theme today), and a control an application places on a fill outside the surface set, such
+ * as an OFFSET button inside a primary-filled card.
+ * spec-cite: Understanding WCAG 2.2 SC 1.4.11 — "the visual focus indicator for a component must have
+ * sufficient contrast against the adjacent background when the component is focused" —
+ * https://www.w3.org/WAI/WCAG22/Understanding/non-text-contrast.html
+ *
+ * OFFSET and INSET also reach the AAA Focus Appearance area (SC 2.4.13) on the controls most screens are
+ * made of; FIELD and WITHIN do not, by choice (above). Two clauses of its Understanding document decide which:
+ * spec-cite: Understanding WCAG 2.2 SC 2.4.13, "Partially contrasting indicators" — "only the part of the
+ * indicator which meets the change-of-contrast requirement should be included in the calculation" —
+ * https://www.w3.org/WAI/WCAG22/Understanding/focus-appearance.html
+ * spec-cite: same page, "Minimum area" — "Indicators that are inset further within the component (not
+ * directly against the component's outer edge) need to be thicker than 2 CSS pixels to meet the minimum
+ * size requirement."
+ *
+ * | shape | what changes by 3:1 | band | AAA area |
+ * |---|---|---|---|
+ * | OFFSET | the surface outside the box turns ring | 2px, outside the edge, 1px off it | met |
+ * | FIELD, WITHIN | the pixel inside the border turns ring; the border itself does not count (on the default palette border-strong → ring is 1.66:1 light, 2.68:1 dark; neo-brutalist's border IS the ring colour) | 1px, from the border's inner edge | NOT met: an inset band must be thicker than 2px, and this one is 1px. AA holds: the outline's outer edge sits against the surface outside, which the ring clears by 3:1 |
+ * | INSET | the item's own fill (surface, hover or a selection tint) turns ring | 2px, against the outer edge | met on an unbordered item |
+ * | INSET on a fill the ring cannot clear | the outline changes too little (ring = primary in six of eight themes; foreground and destructive fills in some); the band the fill declares changes it: primary → primary-foreground (at least 4.6:1 in every theme), foreground → background, destructive → background or destructive-foreground, measured on the fill as painted | 3px, from 2px to 5px in | met |
+ *
+ * AAA is also NOT met where the control's own edge, under the indicator, is the ring colour or close to it:
+ * an INSET item with a grey edge, a field with a 2px ring-coloured border (neo-brutalist), a selected
+ * underline tab whose 2px edge is primary = ring. Meeting it there, and on every field, means about 4px
+ * inside every bordered control, the weight this contract set out to remove, and AAA is not the baseline
+ * the field holds itself to:
+ * spec-cite: Understanding WCAG 2.2, Understanding Requirement 1 — "It is not recommended that Level AAA
+ * conformance be required as a general policy for entire sites because it is not possible to satisfy all
+ * Level AAA success criteria for some content." — https://www.w3.org/WAI/WCAG22/Understanding/conformance
+ * The measured cases and what meeting AAA would cost are recorded in issue #2399.
+ *
+ * `focus-indicator.geometry.test.ts` recomputes each row's area from the class strings below: the rows
+ * that claim the AAA area fail there with the clause they break if they get thinner, and FIELD and WITHIN
+ * are held to the AA shape (drawn inside, covering the border and a pixel within it, for a border of any width). The colour
+ * obligations are the PALETTE's: `--ring` must hold 3:1 against every surface a control sits on, and `--primary-foreground` against
+ * `--primary`, in both modes; the named-theme contract test measures both.
+ *
+ * ## Why every shape restates `outline-solid`
+ *
+ * Several controls carry `outline-none` (or `outline-hidden`) in their structural classes to suppress
+ * the browser's own outline. In Tailwind v4 those set `--tw-outline-style: none`, and `outline-2`
+ * reads its style FROM that variable — so `outline-2` alone would draw nothing on exactly those
+ * controls. `outline-solid` sets the style explicitly and wins on `:focus-visible` specificity.
+ *
+ * ## Why this file lives in saas-frontend-lib and not in presets-components-models
+ *
+ * Tailwind emits a utility only if it finds the class string in a file it scans, and applications
+ * scan `saas-frontend-lib` and `presets-components` (source or dist) — never the models package. A
+ * class string defined only in the models package produces no CSS at all, silently. Keep these
+ * literals here.
+ *
+ * ## The two restatements, and what holds each to this file
+ *
+ * - The design-tokens generator (presets-components-models) emits the same shapes as the
+ *   `@utility focus-ring-*` declarations of an application's `index.css`, for
+ *   markup the application writes itself. It cannot import this file (the dependency runs the other
+ *   way), so `generated-focus-utilities.parity.test.ts` in presets-components holds the two equal.
+ * - `pnpm check:focus-ring-patterns` refuses a focus indicator drawn by hand anywhere else in the two
+ *   scanned packages, unless the site states why in a `focus-indicator-waiver:` comment.
+ */
+/**
+ * @wildo_source:part:start saas.frontend.focus-indicator facet:layer:frontend facet:family:theme facet:audience:app-developer
+ *
+ * The closed vocabulary of keyboard-focus geometries. Which one a control takes is a question about
+ * WHERE the control sits and WHAT its edge means — never about which theme is active.
+ *
+ * Import from `@wildo-ai/saas-frontend-lib`. Every framework component and every shipped theme
+ * already draws focus this way; reach for it yourself only when you make an element focusable that
+ * no framework component renders (a custom view's clickable tile, a hand-built row), or when you
+ * write a theme's `states.focus`. Never hand-write a `ring-*` focus state: a box-shadow ring is
+ * removed in forced-colors mode, and a `ring-offset-*` gap is painted in one fixed colour that is
+ * wrong on every surface but the page.
+ */
+export declare enum FocusIndicatorShape {
+    /**
+     * A standalone control — a button, a link, a checkbox, a switch, a radio, a badge link, a filter
+     * chip, a selectable card. A 2px outline OUTSIDE the box with a 1px transparent gap, so the indicator
+     * never merges with a filled control of the same colour (a primary button) and reads against
+     * whatever surface lies beneath, while staying close enough to read as the control's own edge.
+     */
+    OFFSET = "offset",
+    /**
+     * A control whose border IS its identity — a text input, a textarea, a select or combobox trigger.
+     * An outline drawn INSIDE the box that covers the field's border and the pixel within it: 2px on the
+     * usual 1px border. The edge reads as one solid focus edge, nothing is drawn outside the box (so it
+     * cannot be clipped and does not double the border), and an invalid field keeps its error colour.
+     *
+     * The width follows the border, through `--field-border-width` (1px when unset). A field whose border
+     * is thicker DECLARES it on the element that draws the border (`[--field-border-width:2px]` beside
+     * `border-2`), or the outline would repaint exactly the border and, where the border is the ring
+     * colour (neo-brutalist's 2px foreground edge), change nothing at all. The named-theme contract test
+     * holds every theme's field recipes to declaring the width they draw.
+     *
+     * Why 2px and not 4: a text field matches `:focus-visible` on every mouse click, so its indicator is
+     * the one a user sees most. 4px met the WCAG 2.2 Focus Appearance AAA area (the border pixel changes by
+     * under 3:1 and does not count, so the counted band must be 3px) and was the heaviest line on any
+     * form. 2px meets AA, which is the guarantee; the AAA area on fields was given up on purpose
+     * (2026-10-05, issue #2399).
+     */
+    FIELD = "field",
+    /**
+     * An item packed or clipped inside a container — a menu or listbox option, a sidebar item, a tab, a
+     * segment, a table row, a settings row, a list card in a clipped list. A 2px outline drawn INSIDE the
+     * box (offset −2px), so a clipping ancestor cannot cut it and it never overlaps a neighbour.
+     *
+     * On an item whose FILL the ring cannot clear by 3:1, a 3px band sits inside the outline. Ring is primary
+     * in most palettes, so on a primary fill the outline alone would change no pixel at all; some themes fill
+     * a selected item with foreground or a button with destructive, which their ring clears by about 2:1.
+     * The band's colour is `--focus-band`, which INSET draws as `transparent` unless the element sets it,
+     * and whatever paints such a fill sets it under the same state, to a colour that clears it:
+     *
+     *     data-[state=active]:bg-primary data-[state=active]:[--focus-band:var(--color-primary-foreground)]
+     *     data-[state=on]:bg-foreground data-[state=on]:[--focus-band:var(--color-background)]
+     *
+     * primary-foreground is owed 4.5:1 against primary for text, and background against foreground, so
+     * those bands show. A translucent fill (`dark:bg-destructive/60`) is measured as painted, composited
+     * over each surface beneath it, which can call for a different band colour than the opaque token would.
+     * Every other item gets no visible band, whatever its state. A band in a colour that is not the item's own reads as
+     * a painted gap (the defect this contract replaced), and keying it on "selected" instead drew it on
+     * tinted selections and on an active tab PANEL, which Radix also marks `data-state="active"`.
+     *
+     * The band is an inset ring (`--tw-inset-ring-shadow`), a separate layer from the item's own drop shadow
+     * (`--tw-shadow`), so focusing an item never removes its shadow. It does replace an inset ring the item
+     * draws itself (no framework component does). The application's generated stylesheet registers
+     * `--focus-band` with `inherits: false`, so a band declared on a filled card or pill does not reach a
+     * focusable control inside it.
+     */
+    INSET = "inset",
+    /**
+     * A composite whose DOM focus lands on an inner slice — a code editor, an input group, a chips
+     * input, a segmented date entry. The WRAPPER draws the FIELD edge (its border plus a pixel, inside) while any
+     * descendant is focus-visible; an indicator on the inner slice would float mid-row. A composite that
+     * also holds buttons keys the edge on its TEXT slice instead (`has-[textarea:focus-visible]:`), or a
+     * focused button would draw two indicators at once.
+     */
+    WITHIN = "within"
+}
+/**
+ * The class strings for each shape. Colour comes from `--ring` (`outline-ring`), which the palette
+ * owns; geometry is fixed. A theme composes these into its recipes' `states.focus` and may append to
+ * them; components that are not recipe-driven use them directly.
+ */
+export declare const FOCUS_INDICATOR_CLASSES: Readonly<Record<FocusIndicatorShape, string>>;
+/**
+ * Shorthand for `FOCUS_INDICATOR_CLASSES[shape]`, for call sites that compose classes inline.
+ *
+ * @example
+ * // A custom view's clickable tile: standalone, so OFFSET.
+ * <button className={cn('rounded-lg p-card text-start', focusIndicatorClasses(FocusIndicatorShape.OFFSET))} />
+ *
+ * // A row in a list that clips its rows: INSET, so the outline is drawn inside the row.
+ * <li tabIndex={0} className={cn('px-card py-card-sm', focusIndicatorClasses(FocusIndicatorShape.INSET))} />
+ */
+export declare function focusIndicatorClasses(shape: FocusIndicatorShape): string;
+/** @wildo_source:part:end saas.frontend.focus-indicator */
+//# sourceMappingURL=focus-indicator.d.ts.map

package/dist/esm/core/ui/themes/focus-indicator.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"focus-indicator.d.ts","sourceRoot":"","sources":["../../../../../../src/core/ui/themes/focus-indicator.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4HG;AAEH;;;;;;;;;;;;GAYG;AACH,oBAAY,mBAAmB;IAC7B;;;;;OAKG;IACH,MAAM,WAAW;IAEjB;;;;;;;;;;;;;;;;;OAiBG;IACH,KAAK,UAAU;IAEf;;;;;;;;;;;;;;;;;;;;;;;;;;OA0BG;IACH,KAAK,UAAU;IAEf;;;;;;OAMG;IACH,MAAM,WAAW;CAClB;AAED;;;;GAIG;AACH,eAAO,MAAM,uBAAuB,EAAE,QAAQ,CAAC,MAAM,CAAC,mBAAmB,EAAE,MAAM,CAAC,CAQjF,CAAC;AAEF;;;;;;;;;GASG;AACH,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,mBAAmB,GAAG,MAAM,CAExE;AACD,2DAA2D"}