@ai-matrx/design-system 0.86.367 → 0.86.369

package/CHANGELOG.md

@@ -1,7 +1,21 @@
 # Changelog
 
+## 0.86.369
+
+- `Button variant="meta"` with an `icon`: the glyph is a fine 12px, thin-stroke icon at the heading's size (a section heading's icon-only action, e.g. Pinned's edit). Additive; no consumer action required.
+
+## 0.86.368
+
+SOURCE CHANGED WITH NO RELEASE NOTE. This release shipped source changes that nobody described in an Unreleased entry,
+so they may include breaking API changes. Consumer action is UNKNOWN: read the diff before upgrading.
+Diff: `git diff f77bffa2f8 be7cbbcfd7 -- apps/shared/design-system/src`
+
+Changed shipped source files (1):
+- `apps/shared/design-system/src/data-table/multiline-rows.ts`
+
 ## 0.86.367
 
+- `smsBodyHref(body, phone?)` (contact values): a new message with the words already typed and no recipient chosen (`sms:?&body=`, read by Apple and Android). Additive; no consumer action required.
 - `SwipeDeck`: the answered list's "Show me how" is its own quiet button (`matrx-sd-review-help`, 40px, one line, 16px icon) beside "Back to cards"; it borrowed the legend-chip style, which sizes no icon, so the icon drew full size and the words wrapped. No consumer action required.
 - **Contact values: "Search the web" runs in the host's own search, prefetched.** `ContactValuesHost` takes `searchWeb(query)` (open the host's search in place instead of an outbound Google link) and `prefetchWebSearch(query)` → `WebSearchPrefetch` (`get` / `subscribe`; `get` returns the same object until the status changes). The peek starts the prefetch when it opens and the row shows "Searching…", then "N results" / "No results"; the row always sits last in Actions, built by the shell from each value's `webSearch` words, and closes the peek when pressed. Phones search as `949-404-4444`. Peek rows (`PeekRow`, `PeekCardRowsItem`) gain `onSelect`, an in-place action drawn like a link that wins over `href`. Guards: `contact-values.test.tsx` "searches the web in the host's own search", "starts the host's search when the peek opens". Consumer action: pass `searchWeb` (and optionally `prefetchWebSearch`) to keep searches in-app; without them the row stays an outbound link.
 
@@ -1848,6 +1862,7 @@ Changed shipped source files (1):
 ## 0.86.180
 ### Unreleased
 
+- `DeckItem.parent` and the new entry `@ai-matrx/design-system/swipe-deck-tree`: `TREE_KEY` / `TREE_ANSWERS` (Just right, Too broad, Too narrow, Not useful), `treePath`, `treeBreadcrumb`, `treeChildren`, `deckTreeGraph`, and `useDeckTree(seed, answers, connection)` — Too broad asks the host to `split` a card and its children join right after the card on screen, Too narrow (two or more under one parent) asks it to `combine` them. Additive; no consumer action required.
 - **Swipe deck: Skip for now, Cmd+Z, and what rode with an answer (2026-10-24).** `DeckAnswer.requeue`: in a bound deck the connection sends the card to the back of the line and keeps no answer (the change is `transient`: the deck stops drawing it the moment the connection resolves, so it is never counted as answered); undo brings it back. Cmd+Z / Ctrl+Z undo (outside fields). The Answered list reads a typed `detail.value` in place of the card's text and a `detail.label` in place of the answer's label ("Competitor" for Related). The Answered corner opens with nothing answered yet (it holds the walkthrough). Guard: `src/swipe-deck/answered-list.test.tsx`. Consumer action: none.
 - **Swipe deck: every answer stays one tap from changing it, mid-deck (Arman, 2026-10-24).** The top-right corner is now **Answered** (with the count): the finish screen's list of every answer at any point, each row taking its answer back and returning to that card; Escape or "Back to cards" leaves it, and the card takes no answers while it is open. "Show me how" moved into that list (the `?` key still plays it). `DeckAnswer.hidden`: an answer the card's own controls give (`ctx.answer`) but never drawn as a button ("Related ▸ Partner"). Labels `answered`, `backToCards`. Undo (Z) already walked back up to 100 steps; a binding's `history` carries it past a reload. Guard: `src/swipe-deck/answered-list.test.tsx`. Consumer action: none.
 - **`LabeledField` (controls) — the above-label wrapper for any form input (wave 2, 2026-10-22).** Moved from matrx-frontend `components/official/Field` (label, required / optional mark, help via `InfoHint`, description, error, counter, and the EMPTY-LOOKS-EMPTY rule for a required field whose placeholder could pass for an answer). Named `LabeledField` because `Field` in this package is already the input capsule. The error's content menu comes from the existing `ErrorCardMenusProvider` slot (no host import); without a provider the error shows without a menu. Guard: `src/controls/wave2-official-units.test.tsx`. **Consumer action:** none.

package/dist/accents.cjs

@@ -60,8 +60,8 @@ var ACCENTS = [
 ];
 var DEFAULT_ACCENT_ID = "blue";
 var ACCENT_CONTRAST_SURFACES = {
-  light: "240 5% 96%",
-  dark: "240 4% 16%"
+  light: "240 6% 99%",
+  dark: "240 4% 12.5%"
 };
 var DARK_TEXT = "240 10% 10%";
 var WHITE_TEXT = "0 0% 100%";

package/dist/accents.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/accents.ts"],"sourcesContent":["// THE ACCENT COLORS (custom-experience P4, 2026-10-20) — the curated accent set a person or an\n// organization picks from, the custom-hex path beside it, and the WCAG contrast math that WARNS about a\n// weak choice (it offers, never blocks). Pure: no React, no DOM, server-safe (`./accents` entry).\n//\n// An accent drives the design system's brand role tokens and nothing else:\n//   --primary, --primary-foreground, --primary-ink   (light, and their .dark twins)\n// `--accent` in this vocabulary is the quiet GRAY hover surface and is never touched; text tokens stay\n// foreground / muted / disabled. The host stamps `accentAttributes(ref)` on a root element (an attribute\n// plus six custom properties); `accent.css` maps them onto the role tokens for light and dark. With no\n// accent nothing is stamped and nothing changes.\n//\n// One rule makes both themes from ONE color (the same rule for a curated and a custom accent):\n//   light primary  = the color exactly as chosen;\n//   dark primary   = the same hue and saturation, lightened until it reads on the dark canvas (≥ 3:1);\n//   foreground     = white or near-black, whichever reads better on that primary;\n//   ink            = the primary as TEXT on its own tint: darkened (light) / lightened (dark) to ≥ 5.5:1\n//                    against the canvas (headroom for the 15% tint it sits on).\n\n/** An HSL color as the token vocabulary writes it: `\"210 80% 45%\"`. */\nexport type HslTriplet = string;\n\nexport interface Hsl {\n  h: number;\n  s: number;\n  l: number;\n}\n\n/** One curated accent. `hex` is its light-theme primary; the dark twin is derived (see the header). */\nexport interface AccentDef {\n  id: string;\n  label: string;\n  hex: string;\n}\n\n/**\n * THE CURATED SET. Every entry passes AA in both themes (guard: accents.test.ts): white or near-black\n * text on it ≥ 4.5:1, and it reads on the canvas ≥ 3:1. Ids are saved in layouts — never renamed.\n * `blue` is the built-in primary (`--primary: 210 80% 45%`), so choosing it equals choosing nothing.\n */\nexport const ACCENTS: readonly AccentDef[] = [\n  { id: \"blue\", label: \"Blue\", hex: \"#1773cf\" },\n  { id: \"indigo\", label: \"Indigo\", hex: \"#4f46e5\" },\n  { id: \"violet\", label: \"Violet\", hex: \"#7c3aed\" },\n  { id: \"purple\", label: \"Purple\", hex: \"#9333ea\" },\n  { id: \"pink\", label: \"Pink\", hex: \"#db2777\" },\n  { id: \"rose\", label: \"Rose\", hex: \"#e11d48\" },\n  { id: \"red\", label: \"Red\", hex: \"#dc2626\" },\n  { id: \"orange\", label: \"Orange\", hex: \"#c2410c\" },\n  { id: \"amber\", label: \"Amber\", hex: \"#b45309\" },\n  { id: \"green\", label: \"Green\", hex: \"#15803d\" },\n  { id: \"emerald\", label: \"Emerald\", hex: \"#047857\" },\n  { id: \"teal\", label: \"Teal\", hex: \"#0f766e\" },\n  { id: \"cyan\", label: \"Cyan\", hex: \"#0e7490\" },\n  { id: \"slate\", label: \"Slate\", hex: \"#475569\" },\n];\n\nexport const DEFAULT_ACCENT_ID = \"blue\";\n\n/**\n * The canvases a primary is judged against: the design system's `--background` in light and dark\n * (tokens.css; accents.test.ts fails if they drift apart).\n */\nexport const ACCENT_CONTRAST_SURFACES: Readonly<Record<AccentTheme, HslTriplet>> = {\n  light: \"240 5% 96%\",\n  dark: \"240 4% 16%\",\n};\n\n/** The dark text a light primary carries (tokens.css `--secondary-foreground`). */\nconst DARK_TEXT: HslTriplet = \"240 10% 10%\";\nconst WHITE_TEXT: HslTriplet = \"0 0% 100%\";\n\n/** WCAG 2.2 AA: 4.5:1 for text, 3:1 for a control's color against what is around it (1.4.11). */\nexport const AA_TEXT = 4.5;\nexport const AA_NON_TEXT = 3;\n/** The ink is judged against the canvas with headroom, because it sits on a 15% tint of itself. */\nconst INK_TARGET = 5.5;\n\nexport type AccentTheme = \"light\" | \"dark\";\n\n/** A saved accent: a curated id, or a custom `#rrggbb`. */\nexport type AccentRef = { id: string } | { hex: string };\n\n// ── color math ─────────────────────────────────────────────────────────────────\n\n/** `#rgb` / `#rrggbb` (any case, `#` optional) → `#rrggbb` lowercase; anything else → null. */\nexport function normalizeHex(value: unknown): string | null {\n  if (typeof value !== \"string\") return null;\n  const raw = value.trim().replace(/^#/, \"\");\n  if (/^[0-9a-f]{3}$/i.test(raw)) return `#${raw.split(\"\").map((c) => c + c).join(\"\").toLowerCase()}`;\n  if (/^[0-9a-f]{6}$/i.test(raw)) return `#${raw.toLowerCase()}`;\n  return null;\n}\n\nfunction hexToRgb(hex: string): [number, number, number] {\n  const n = Number.parseInt(hex.slice(1), 16);\n  return [(n >> 16) & 255, (n >> 8) & 255, n & 255];\n}\n\nexport function hexToHsl(hex: string): Hsl {\n  const [r, g, b] = hexToRgb(hex).map((v) => v / 255) as [number, number, number];\n  const max = Math.max(r, g, b);\n  const min = Math.min(r, g, b);\n  const l = (max + min) / 2;\n  const d = max - min;\n  let h = 0;\n  let s = 0;\n  if (d !== 0) {\n    s = d / (1 - Math.abs(2 * l - 1));\n    if (max === r) h = ((g - b) / d) % 6;\n    else if (max === g) h = (b - r) / d + 2;\n    else h = (r - g) / d + 4;\n    h *= 60;\n    if (h < 0) h += 360;\n  }\n  return { h: Math.round(h), s: Math.round(s * 100), l: Math.round(l * 100) };\n}\n\nfunction hslToRgb({ h, s, l }: Hsl): [number, number, number] {\n  const sat = s / 100;\n  const lig = l / 100;\n  const c = (1 - Math.abs(2 * lig - 1)) * sat;\n  const x = c * (1 - Math.abs(((h / 60) % 2) - 1));\n  const m = lig - c / 2;\n  const [r, g, b] =\n    h < 60 ? [c, x, 0] : h < 120 ? [x, c, 0] : h < 180 ? [0, c, x] : h < 240 ? [0, x, c] : h < 300 ? [x, 0, c] : [c, 0, x];\n  return [(r + m) * 255, (g + m) * 255, (b + m) * 255];\n}\n\nexport function parseTriplet(triplet: HslTriplet): Hsl {\n  const [h, s, l] = triplet.replace(/%/g, \"\").trim().split(/\\s+/).map(Number);\n  return { h: h ?? 0, s: s ?? 0, l: l ?? 0 };\n}\n\nexport function toTriplet({ h, s, l }: Hsl): HslTriplet {\n  return `${h} ${s}% ${l}%`;\n}\n\n/** WCAG relative luminance of an HSL color. */\nexport function relativeLuminance(color: Hsl): number {\n  const [r, g, b] = hslToRgb(color).map((v) => {\n    const c = v / 255;\n    return c <= 0.03928 ? c / 12.92 : ((c + 0.055) / 1.055) ** 2.4;\n  }) as [number, number, number];\n  return 0.2126 * r + 0.7152 * g + 0.0722 * b;\n}\n\n/** WCAG contrast ratio of two colors (1 to 21). */\nexport function contrastRatio(a: Hsl | HslTriplet, b: Hsl | HslTriplet): number {\n  const la = relativeLuminance(typeof a === \"string\" ? parseTriplet(a) : a);\n  const lb = relativeLuminance(typeof b === \"string\" ? parseTriplet(b) : b);\n  const [hi, lo] = la > lb ? [la, lb] : [lb, la];\n  return (hi + 0.05) / (lo + 0.05);\n}\n\n/** Moves lightness one point at a time (darker or lighter) until `ok`, within 0–100. */\nfunction walkLightness(start: Hsl, step: 1 | -1, ok: (c: Hsl) => boolean, limit: number): Hsl {\n  let c = start;\n  while (!ok(c) && (step > 0 ? c.l < limit : c.l > limit)) c = { ...c, l: c.l + step };\n  return c;\n}\n\n// ── tokens ─────────────────────────────────────────────────────────────────────\n\nexport interface AccentTokens {\n  primary: HslTriplet;\n  primaryForeground: HslTriplet;\n  primaryInk: HslTriplet;\n}\n\n/** The role tokens one color makes in one theme (the rule in the header of this file). */\nexport function accentTokens(hex: string, theme: AccentTheme): AccentTokens {\n  const normalized = normalizeHex(hex) ?? ACCENTS[0]!.hex;\n  const chosen = hexToHsl(normalized);\n  const canvas = parseTriplet(ACCENT_CONTRAST_SURFACES[theme]);\n  const primary =\n    theme === \"light\" ? chosen : walkLightness(chosen, 1, (c) => contrastRatio(c, canvas) >= AA_NON_TEXT, 80);\n  const onWhite = contrastRatio(primary, WHITE_TEXT);\n  const onDark = contrastRatio(primary, DARK_TEXT);\n  const ink =\n    theme === \"light\"\n      ? walkLightness(primary, -1, (c) => contrastRatio(c, canvas) >= INK_TARGET, 10)\n      : walkLightness(primary, 1, (c) => contrastRatio(c, canvas) >= INK_TARGET, 92);\n  return {\n    primary: toTriplet(primary),\n    primaryForeground: onWhite >= onDark ? WHITE_TEXT : DARK_TEXT,\n    primaryInk: toTriplet(ink),\n  };\n}\n\nexport function accentDef(id: unknown): AccentDef | null {\n  return ACCENTS.find((a) => a.id === id) ?? null;\n}\n\n/** The color of a saved accent; null when it names no curated id and holds no valid hex. */\nexport function accentHex(ref: AccentRef | null | undefined): string | null {\n  if (!ref) return null;\n  if (\"id\" in ref) return accentDef(ref.id)?.hex ?? null;\n  return normalizeHex(ref.hex);\n}\n\n/** Validates a saved accent: a curated id is kept, a hex is normalized, anything else → null. */\nexport function parseAccentRef(raw: unknown): AccentRef | null {\n  if (typeof raw !== \"object\" || raw === null || Array.isArray(raw)) return null;\n  const record = raw as Record<string, unknown>;\n  if (typeof record.id === \"string\") return accentDef(record.id) ? { id: record.id } : null;\n  const hex = normalizeHex(record.hex);\n  return hex ? { hex } : null;\n}\n\n// ── the contrast warning (offers, never blocks) ───────────────────────────────\n\nexport interface AccentContrastCheck {\n  theme: AccentTheme;\n  /** Text on the accent (a primary button's label). AA: ≥ 4.5. */\n  text: number;\n  /** The accent against the canvas (a link, a ring, a selected tab). AA: ≥ 3. */\n  canvas: number;\n  ok: boolean;\n}\n\n/** WCAG AA of a color as an accent, in light and dark. A warning to show, never a refusal. */\nexport function accentContrast(hex: string): AccentContrastCheck[] {\n  return ([\"light\", \"dark\"] as const).map((theme) => {\n    const tokens = accentTokens(hex, theme);\n    const text = contrastRatio(tokens.primary, tokens.primaryForeground);\n    const canvas = contrastRatio(tokens.primary, ACCENT_CONTRAST_SURFACES[theme]);\n    return { theme, text, canvas, ok: text >= AA_TEXT && canvas >= AA_NON_TEXT };\n  });\n}\n\n/** One line (≤ 60 characters) for the first failing check; null when AA holds in both themes. */\nexport function accentContrastWarning(hex: string): string | null {\n  const failing = accentContrast(hex).find((c) => !c.ok);\n  if (!failing) return null;\n  const mode = failing.theme === \"light\" ? \"light\" : \"dark\";\n  if (failing.text < AA_TEXT) return `Hard to read in ${mode} mode: text ${failing.text.toFixed(1)}:1, AA is 4.5:1`;\n  return `Faint in ${mode} mode: ${failing.canvas.toFixed(1)}:1, AA is 3:1`;\n}\n\n// ── what a host stamps ─────────────────────────────────────────────────────────\n\n/** The attribute `accent.css` reads; its value is the curated id or `custom`. */\nexport const ACCENT_ATTRIBUTE = \"data-matrx-accent\" as const;\n\n/** The six custom properties `accent.css` maps onto the role tokens. */\nexport const ACCENT_PROPERTIES = {\n  light: { primary: \"--matrx-accent-primary\", primaryForeground: \"--matrx-accent-primary-foreground\", primaryInk: \"--matrx-accent-primary-ink\" },\n  dark: { primary: \"--matrx-accent-dark-primary\", primaryForeground: \"--matrx-accent-dark-primary-foreground\", primaryInk: \"--matrx-accent-dark-primary-ink\" },\n} as const;\n\nexport interface AccentAttributes {\n  [ACCENT_ATTRIBUTE]?: string;\n  style?: Record<string, string>;\n}\n\n/**\n * What a host puts on its root element for an accent: the attribute and the six properties (light and\n * dark), so the server's first frame is already in the accent in either theme. No accent (or the\n * built-in blue) = nothing at all.\n */\nexport function accentAttributes(ref: AccentRef | null | undefined): AccentAttributes {\n  const hex = accentHex(ref);\n  if (!ref || !hex || (\"id\" in ref && ref.id === DEFAULT_ACCENT_ID)) return {};\n  const style: Record<string, string> = {};\n  for (const theme of [\"light\", \"dark\"] as const) {\n    const tokens = accentTokens(hex, theme);\n    const names = ACCENT_PROPERTIES[theme];\n    style[names.primary] = tokens.primary;\n    style[names.primaryForeground] = tokens.primaryForeground;\n    style[names.primaryInk] = tokens.primaryInk;\n  }\n  return { [ACCENT_ATTRIBUTE]: \"id\" in ref ? ref.id : \"custom\", style };\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAuCO,IAAM,UAAgC;AAAA,EAC3C,EAAE,IAAI,QAAQ,OAAO,QAAQ,KAAK,UAAU;AAAA,EAC5C,EAAE,IAAI,UAAU,OAAO,UAAU,KAAK,UAAU;AAAA,EAChD,EAAE,IAAI,UAAU,OAAO,UAAU,KAAK,UAAU;AAAA,EAChD,EAAE,IAAI,UAAU,OAAO,UAAU,KAAK,UAAU;AAAA,EAChD,EAAE,IAAI,QAAQ,OAAO,QAAQ,KAAK,UAAU;AAAA,EAC5C,EAAE,IAAI,QAAQ,OAAO,QAAQ,KAAK,UAAU;AAAA,EAC5C,EAAE,IAAI,OAAO,OAAO,OAAO,KAAK,UAAU;AAAA,EAC1C,EAAE,IAAI,UAAU,OAAO,UAAU,KAAK,UAAU;AAAA,EAChD,EAAE,IAAI,SAAS,OAAO,SAAS,KAAK,UAAU;AAAA,EAC9C,EAAE,IAAI,SAAS,OAAO,SAAS,KAAK,UAAU;AAAA,EAC9C,EAAE,IAAI,WAAW,OAAO,WAAW,KAAK,UAAU;AAAA,EAClD,EAAE,IAAI,QAAQ,OAAO,QAAQ,KAAK,UAAU;AAAA,EAC5C,EAAE,IAAI,QAAQ,OAAO,QAAQ,KAAK,UAAU;AAAA,EAC5C,EAAE,IAAI,SAAS,OAAO,SAAS,KAAK,UAAU;AAChD;AAEO,IAAM,oBAAoB;AAM1B,IAAM,2BAAsE;AAAA,EACjF,OAAO;AAAA,EACP,MAAM;AACR;AAGA,IAAM,YAAwB;AAC9B,IAAM,aAAyB;AAGxB,IAAM,UAAU;AAChB,IAAM,cAAc;AAE3B,IAAM,aAAa;AAUZ,SAAS,aAAa,OAA+B;AAC1D,MAAI,OAAO,UAAU,SAAU,QAAO;AACtC,QAAM,MAAM,MAAM,KAAK,EAAE,QAAQ,MAAM,EAAE;AACzC,MAAI,iBAAiB,KAAK,GAAG,EAAG,QAAO,IAAI,IAAI,MAAM,EAAE,EAAE,IAAI,CAAC,MAAM,IAAI,CAAC,EAAE,KAAK,EAAE,EAAE,YAAY,CAAC;AACjG,MAAI,iBAAiB,KAAK,GAAG,EAAG,QAAO,IAAI,IAAI,YAAY,CAAC;AAC5D,SAAO;AACT;AAEA,SAAS,SAAS,KAAuC;AACvD,QAAM,IAAI,OAAO,SAAS,IAAI,MAAM,CAAC,GAAG,EAAE;AAC1C,SAAO,CAAE,KAAK,KAAM,KAAM,KAAK,IAAK,KAAK,IAAI,GAAG;AAClD;AAEO,SAAS,SAAS,KAAkB;AACzC,QAAM,CAAC,GAAG,GAAG,CAAC,IAAI,SAAS,GAAG,EAAE,IAAI,CAAC,MAAM,IAAI,GAAG;AAClD,QAAM,MAAM,KAAK,IAAI,GAAG,GAAG,CAAC;AAC5B,QAAM,MAAM,KAAK,IAAI,GAAG,GAAG,CAAC;AAC5B,QAAM,KAAK,MAAM,OAAO;AACxB,QAAM,IAAI,MAAM;AAChB,MAAI,IAAI;AACR,MAAI,IAAI;AACR,MAAI,MAAM,GAAG;AACX,QAAI,KAAK,IAAI,KAAK,IAAI,IAAI,IAAI,CAAC;AAC/B,QAAI,QAAQ,EAAG,MAAM,IAAI,KAAK,IAAK;AAAA,aAC1B,QAAQ,EAAG,MAAK,IAAI,KAAK,IAAI;AAAA,QACjC,MAAK,IAAI,KAAK,IAAI;AACvB,SAAK;AACL,QAAI,IAAI,EAAG,MAAK;AAAA,EAClB;AACA,SAAO,EAAE,GAAG,KAAK,MAAM,CAAC,GAAG,GAAG,KAAK,MAAM,IAAI,GAAG,GAAG,GAAG,KAAK,MAAM,IAAI,GAAG,EAAE;AAC5E;AAEA,SAAS,SAAS,EAAE,GAAG,GAAG,EAAE,GAAkC;AAC5D,QAAM,MAAM,IAAI;AAChB,QAAM,MAAM,IAAI;AAChB,QAAM,KAAK,IAAI,KAAK,IAAI,IAAI,MAAM,CAAC,KAAK;AACxC,QAAM,IAAI,KAAK,IAAI,KAAK,IAAM,IAAI,KAAM,IAAK,CAAC;AAC9C,QAAM,IAAI,MAAM,IAAI;AACpB,QAAM,CAAC,GAAG,GAAG,CAAC,IACZ,IAAI,KAAK,CAAC,GAAG,GAAG,CAAC,IAAI,IAAI,MAAM,CAAC,GAAG,GAAG,CAAC,IAAI,IAAI,MAAM,CAAC,GAAG,GAAG,CAAC,IAAI,IAAI,MAAM,CAAC,GAAG,GAAG,CAAC,IAAI,IAAI,MAAM,CAAC,GAAG,GAAG,CAAC,IAAI,CAAC,GAAG,GAAG,CAAC;AACvH,SAAO,EAAE,IAAI,KAAK,MAAM,IAAI,KAAK,MAAM,IAAI,KAAK,GAAG;AACrD;AAEO,SAAS,aAAa,SAA0B;AACrD,QAAM,CAAC,GAAG,GAAG,CAAC,IAAI,QAAQ,QAAQ,MAAM,EAAE,EAAE,KAAK,EAAE,MAAM,KAAK,EAAE,IAAI,MAAM;AAC1E,SAAO,EAAE,GAAG,KAAK,GAAG,GAAG,KAAK,GAAG,GAAG,KAAK,EAAE;AAC3C;AAEO,SAAS,UAAU,EAAE,GAAG,GAAG,EAAE,GAAoB;AACtD,SAAO,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC;AACxB;AAGO,SAAS,kBAAkB,OAAoB;AACpD,QAAM,CAAC,GAAG,GAAG,CAAC,IAAI,SAAS,KAAK,EAAE,IAAI,CAAC,MAAM;AAC3C,UAAM,IAAI,IAAI;AACd,WAAO,KAAK,UAAU,IAAI,UAAU,IAAI,SAAS,UAAU;AAAA,EAC7D,CAAC;AACD,SAAO,SAAS,IAAI,SAAS,IAAI,SAAS;AAC5C;AAGO,SAAS,cAAc,GAAqB,GAA6B;AAC9E,QAAM,KAAK,kBAAkB,OAAO,MAAM,WAAW,aAAa,CAAC,IAAI,CAAC;AACxE,QAAM,KAAK,kBAAkB,OAAO,MAAM,WAAW,aAAa,CAAC,IAAI,CAAC;AACxE,QAAM,CAAC,IAAI,EAAE,IAAI,KAAK,KAAK,CAAC,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE;AAC7C,UAAQ,KAAK,SAAS,KAAK;AAC7B;AAGA,SAAS,cAAc,OAAY,MAAc,IAAyB,OAAoB;AAC5F,MAAI,IAAI;AACR,SAAO,CAAC,GAAG,CAAC,MAAM,OAAO,IAAI,EAAE,IAAI,QAAQ,EAAE,IAAI,OAAQ,KAAI,EAAE,GAAG,GAAG,GAAG,EAAE,IAAI,KAAK;AACnF,SAAO;AACT;AAWO,SAAS,aAAa,KAAa,OAAkC;AAC1E,QAAM,aAAa,aAAa,GAAG,KAAK,QAAQ,CAAC,EAAG;AACpD,QAAM,SAAS,SAAS,UAAU;AAClC,QAAM,SAAS,aAAa,yBAAyB,KAAK,CAAC;AAC3D,QAAM,UACJ,UAAU,UAAU,SAAS,cAAc,QAAQ,GAAG,CAAC,MAAM,cAAc,GAAG,MAAM,KAAK,aAAa,EAAE;AAC1G,QAAM,UAAU,cAAc,SAAS,UAAU;AACjD,QAAM,SAAS,cAAc,SAAS,SAAS;AAC/C,QAAM,MACJ,UAAU,UACN,cAAc,SAAS,IAAI,CAAC,MAAM,cAAc,GAAG,MAAM,KAAK,YAAY,EAAE,IAC5E,cAAc,SAAS,GAAG,CAAC,MAAM,cAAc,GAAG,MAAM,KAAK,YAAY,EAAE;AACjF,SAAO;AAAA,IACL,SAAS,UAAU,OAAO;AAAA,IAC1B,mBAAmB,WAAW,SAAS,aAAa;AAAA,IACpD,YAAY,UAAU,GAAG;AAAA,EAC3B;AACF;AAEO,SAAS,UAAU,IAA+B;AACvD,SAAO,QAAQ,KAAK,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK;AAC7C;AAGO,SAAS,UAAU,KAAkD;AAC1E,MAAI,CAAC,IAAK,QAAO;AACjB,MAAI,QAAQ,IAAK,QAAO,UAAU,IAAI,EAAE,GAAG,OAAO;AAClD,SAAO,aAAa,IAAI,GAAG;AAC7B;AAGO,SAAS,eAAe,KAAgC;AAC7D,MAAI,OAAO,QAAQ,YAAY,QAAQ,QAAQ,MAAM,QAAQ,GAAG,EAAG,QAAO;AAC1E,QAAM,SAAS;AACf,MAAI,OAAO,OAAO,OAAO,SAAU,QAAO,UAAU,OAAO,EAAE,IAAI,EAAE,IAAI,OAAO,GAAG,IAAI;AACrF,QAAM,MAAM,aAAa,OAAO,GAAG;AACnC,SAAO,MAAM,EAAE,IAAI,IAAI;AACzB;AAcO,SAAS,eAAe,KAAoC;AACjE,SAAQ,CAAC,SAAS,MAAM,EAAY,IAAI,CAAC,UAAU;AACjD,UAAM,SAAS,aAAa,KAAK,KAAK;AACtC,UAAM,OAAO,cAAc,OAAO,SAAS,OAAO,iBAAiB;AACnE,UAAM,SAAS,cAAc,OAAO,SAAS,yBAAyB,KAAK,CAAC;AAC5E,WAAO,EAAE,OAAO,MAAM,QAAQ,IAAI,QAAQ,WAAW,UAAU,YAAY;AAAA,EAC7E,CAAC;AACH;AAGO,SAAS,sBAAsB,KAA4B;AAChE,QAAM,UAAU,eAAe,GAAG,EAAE,KAAK,CAAC,MAAM,CAAC,EAAE,EAAE;AACrD,MAAI,CAAC,QAAS,QAAO;AACrB,QAAM,OAAO,QAAQ,UAAU,UAAU,UAAU;AACnD,MAAI,QAAQ,OAAO,QAAS,QAAO,mBAAmB,IAAI,eAAe,QAAQ,KAAK,QAAQ,CAAC,CAAC;AAChG,SAAO,YAAY,IAAI,UAAU,QAAQ,OAAO,QAAQ,CAAC,CAAC;AAC5D;AAKO,IAAM,mBAAmB;AAGzB,IAAM,oBAAoB;AAAA,EAC/B,OAAO,EAAE,SAAS,0BAA0B,mBAAmB,qCAAqC,YAAY,6BAA6B;AAAA,EAC7I,MAAM,EAAE,SAAS,+BAA+B,mBAAmB,0CAA0C,YAAY,kCAAkC;AAC7J;AAYO,SAAS,iBAAiB,KAAqD;AACpF,QAAM,MAAM,UAAU,GAAG;AACzB,MAAI,CAAC,OAAO,CAAC,OAAQ,QAAQ,OAAO,IAAI,OAAO,kBAAoB,QAAO,CAAC;AAC3E,QAAM,QAAgC,CAAC;AACvC,aAAW,SAAS,CAAC,SAAS,MAAM,GAAY;AAC9C,UAAM,SAAS,aAAa,KAAK,KAAK;AACtC,UAAM,QAAQ,kBAAkB,KAAK;AACrC,UAAM,MAAM,OAAO,IAAI,OAAO;AAC9B,UAAM,MAAM,iBAAiB,IAAI,OAAO;AACxC,UAAM,MAAM,UAAU,IAAI,OAAO;AAAA,EACnC;AACA,SAAO,EAAE,CAAC,gBAAgB,GAAG,QAAQ,MAAM,IAAI,KAAK,UAAU,MAAM;AACtE;","names":[]}
+{"version":3,"sources":["../src/accents.ts"],"sourcesContent":["// THE ACCENT COLORS (custom-experience P4, 2026-10-20) — the curated accent set a person or an\n// organization picks from, the custom-hex path beside it, and the WCAG contrast math that WARNS about a\n// weak choice (it offers, never blocks). Pure: no React, no DOM, server-safe (`./accents` entry).\n//\n// An accent drives the design system's brand role tokens and nothing else:\n//   --primary, --primary-foreground, --primary-ink   (light, and their .dark twins)\n// `--accent` in this vocabulary is the quiet GRAY hover surface and is never touched; text tokens stay\n// foreground / muted / disabled. The host stamps `accentAttributes(ref)` on a root element (an attribute\n// plus six custom properties); `accent.css` maps them onto the role tokens for light and dark. With no\n// accent nothing is stamped and nothing changes.\n//\n// One rule makes both themes from ONE color (the same rule for a curated and a custom accent):\n//   light primary  = the color exactly as chosen;\n//   dark primary   = the same hue and saturation, lightened until it reads on the dark canvas (≥ 3:1);\n//   foreground     = white or near-black, whichever reads better on that primary;\n//   ink            = the primary as TEXT on its own tint: darkened (light) / lightened (dark) to ≥ 5.5:1\n//                    against the canvas (headroom for the 15% tint it sits on).\n\n/** An HSL color as the token vocabulary writes it: `\"210 80% 45%\"`. */\nexport type HslTriplet = string;\n\nexport interface Hsl {\n  h: number;\n  s: number;\n  l: number;\n}\n\n/** One curated accent. `hex` is its light-theme primary; the dark twin is derived (see the header). */\nexport interface AccentDef {\n  id: string;\n  label: string;\n  hex: string;\n}\n\n/**\n * THE CURATED SET. Every entry passes AA in both themes (guard: accents.test.ts): white or near-black\n * text on it ≥ 4.5:1, and it reads on the canvas ≥ 3:1. Ids are saved in layouts — never renamed.\n * `blue` is the built-in primary (`--primary: 210 80% 45%`), so choosing it equals choosing nothing.\n */\nexport const ACCENTS: readonly AccentDef[] = [\n  { id: \"blue\", label: \"Blue\", hex: \"#1773cf\" },\n  { id: \"indigo\", label: \"Indigo\", hex: \"#4f46e5\" },\n  { id: \"violet\", label: \"Violet\", hex: \"#7c3aed\" },\n  { id: \"purple\", label: \"Purple\", hex: \"#9333ea\" },\n  { id: \"pink\", label: \"Pink\", hex: \"#db2777\" },\n  { id: \"rose\", label: \"Rose\", hex: \"#e11d48\" },\n  { id: \"red\", label: \"Red\", hex: \"#dc2626\" },\n  { id: \"orange\", label: \"Orange\", hex: \"#c2410c\" },\n  { id: \"amber\", label: \"Amber\", hex: \"#b45309\" },\n  { id: \"green\", label: \"Green\", hex: \"#15803d\" },\n  { id: \"emerald\", label: \"Emerald\", hex: \"#047857\" },\n  { id: \"teal\", label: \"Teal\", hex: \"#0f766e\" },\n  { id: \"cyan\", label: \"Cyan\", hex: \"#0e7490\" },\n  { id: \"slate\", label: \"Slate\", hex: \"#475569\" },\n];\n\nexport const DEFAULT_ACCENT_ID = \"blue\";\n\n/**\n * The canvases a primary is judged against: the design system's `--background` in light and dark\n * (tokens.css; accents.test.ts fails if they drift apart).\n */\nexport const ACCENT_CONTRAST_SURFACES: Readonly<Record<AccentTheme, HslTriplet>> = {\n  light: \"240 6% 99%\",\n  dark: \"240 4% 12.5%\",\n};\n\n/** The dark text a light primary carries (tokens.css `--secondary-foreground`). */\nconst DARK_TEXT: HslTriplet = \"240 10% 10%\";\nconst WHITE_TEXT: HslTriplet = \"0 0% 100%\";\n\n/** WCAG 2.2 AA: 4.5:1 for text, 3:1 for a control's color against what is around it (1.4.11). */\nexport const AA_TEXT = 4.5;\nexport const AA_NON_TEXT = 3;\n/** The ink is judged against the canvas with headroom, because it sits on a 15% tint of itself. */\nconst INK_TARGET = 5.5;\n\nexport type AccentTheme = \"light\" | \"dark\";\n\n/** A saved accent: a curated id, or a custom `#rrggbb`. */\nexport type AccentRef = { id: string } | { hex: string };\n\n// ── color math ─────────────────────────────────────────────────────────────────\n\n/** `#rgb` / `#rrggbb` (any case, `#` optional) → `#rrggbb` lowercase; anything else → null. */\nexport function normalizeHex(value: unknown): string | null {\n  if (typeof value !== \"string\") return null;\n  const raw = value.trim().replace(/^#/, \"\");\n  if (/^[0-9a-f]{3}$/i.test(raw)) return `#${raw.split(\"\").map((c) => c + c).join(\"\").toLowerCase()}`;\n  if (/^[0-9a-f]{6}$/i.test(raw)) return `#${raw.toLowerCase()}`;\n  return null;\n}\n\nfunction hexToRgb(hex: string): [number, number, number] {\n  const n = Number.parseInt(hex.slice(1), 16);\n  return [(n >> 16) & 255, (n >> 8) & 255, n & 255];\n}\n\nexport function hexToHsl(hex: string): Hsl {\n  const [r, g, b] = hexToRgb(hex).map((v) => v / 255) as [number, number, number];\n  const max = Math.max(r, g, b);\n  const min = Math.min(r, g, b);\n  const l = (max + min) / 2;\n  const d = max - min;\n  let h = 0;\n  let s = 0;\n  if (d !== 0) {\n    s = d / (1 - Math.abs(2 * l - 1));\n    if (max === r) h = ((g - b) / d) % 6;\n    else if (max === g) h = (b - r) / d + 2;\n    else h = (r - g) / d + 4;\n    h *= 60;\n    if (h < 0) h += 360;\n  }\n  return { h: Math.round(h), s: Math.round(s * 100), l: Math.round(l * 100) };\n}\n\nfunction hslToRgb({ h, s, l }: Hsl): [number, number, number] {\n  const sat = s / 100;\n  const lig = l / 100;\n  const c = (1 - Math.abs(2 * lig - 1)) * sat;\n  const x = c * (1 - Math.abs(((h / 60) % 2) - 1));\n  const m = lig - c / 2;\n  const [r, g, b] =\n    h < 60 ? [c, x, 0] : h < 120 ? [x, c, 0] : h < 180 ? [0, c, x] : h < 240 ? [0, x, c] : h < 300 ? [x, 0, c] : [c, 0, x];\n  return [(r + m) * 255, (g + m) * 255, (b + m) * 255];\n}\n\nexport function parseTriplet(triplet: HslTriplet): Hsl {\n  const [h, s, l] = triplet.replace(/%/g, \"\").trim().split(/\\s+/).map(Number);\n  return { h: h ?? 0, s: s ?? 0, l: l ?? 0 };\n}\n\nexport function toTriplet({ h, s, l }: Hsl): HslTriplet {\n  return `${h} ${s}% ${l}%`;\n}\n\n/** WCAG relative luminance of an HSL color. */\nexport function relativeLuminance(color: Hsl): number {\n  const [r, g, b] = hslToRgb(color).map((v) => {\n    const c = v / 255;\n    return c <= 0.03928 ? c / 12.92 : ((c + 0.055) / 1.055) ** 2.4;\n  }) as [number, number, number];\n  return 0.2126 * r + 0.7152 * g + 0.0722 * b;\n}\n\n/** WCAG contrast ratio of two colors (1 to 21). */\nexport function contrastRatio(a: Hsl | HslTriplet, b: Hsl | HslTriplet): number {\n  const la = relativeLuminance(typeof a === \"string\" ? parseTriplet(a) : a);\n  const lb = relativeLuminance(typeof b === \"string\" ? parseTriplet(b) : b);\n  const [hi, lo] = la > lb ? [la, lb] : [lb, la];\n  return (hi + 0.05) / (lo + 0.05);\n}\n\n/** Moves lightness one point at a time (darker or lighter) until `ok`, within 0–100. */\nfunction walkLightness(start: Hsl, step: 1 | -1, ok: (c: Hsl) => boolean, limit: number): Hsl {\n  let c = start;\n  while (!ok(c) && (step > 0 ? c.l < limit : c.l > limit)) c = { ...c, l: c.l + step };\n  return c;\n}\n\n// ── tokens ─────────────────────────────────────────────────────────────────────\n\nexport interface AccentTokens {\n  primary: HslTriplet;\n  primaryForeground: HslTriplet;\n  primaryInk: HslTriplet;\n}\n\n/** The role tokens one color makes in one theme (the rule in the header of this file). */\nexport function accentTokens(hex: string, theme: AccentTheme): AccentTokens {\n  const normalized = normalizeHex(hex) ?? ACCENTS[0]!.hex;\n  const chosen = hexToHsl(normalized);\n  const canvas = parseTriplet(ACCENT_CONTRAST_SURFACES[theme]);\n  const primary =\n    theme === \"light\" ? chosen : walkLightness(chosen, 1, (c) => contrastRatio(c, canvas) >= AA_NON_TEXT, 80);\n  const onWhite = contrastRatio(primary, WHITE_TEXT);\n  const onDark = contrastRatio(primary, DARK_TEXT);\n  const ink =\n    theme === \"light\"\n      ? walkLightness(primary, -1, (c) => contrastRatio(c, canvas) >= INK_TARGET, 10)\n      : walkLightness(primary, 1, (c) => contrastRatio(c, canvas) >= INK_TARGET, 92);\n  return {\n    primary: toTriplet(primary),\n    primaryForeground: onWhite >= onDark ? WHITE_TEXT : DARK_TEXT,\n    primaryInk: toTriplet(ink),\n  };\n}\n\nexport function accentDef(id: unknown): AccentDef | null {\n  return ACCENTS.find((a) => a.id === id) ?? null;\n}\n\n/** The color of a saved accent; null when it names no curated id and holds no valid hex. */\nexport function accentHex(ref: AccentRef | null | undefined): string | null {\n  if (!ref) return null;\n  if (\"id\" in ref) return accentDef(ref.id)?.hex ?? null;\n  return normalizeHex(ref.hex);\n}\n\n/** Validates a saved accent: a curated id is kept, a hex is normalized, anything else → null. */\nexport function parseAccentRef(raw: unknown): AccentRef | null {\n  if (typeof raw !== \"object\" || raw === null || Array.isArray(raw)) return null;\n  const record = raw as Record<string, unknown>;\n  if (typeof record.id === \"string\") return accentDef(record.id) ? { id: record.id } : null;\n  const hex = normalizeHex(record.hex);\n  return hex ? { hex } : null;\n}\n\n// ── the contrast warning (offers, never blocks) ───────────────────────────────\n\nexport interface AccentContrastCheck {\n  theme: AccentTheme;\n  /** Text on the accent (a primary button's label). AA: ≥ 4.5. */\n  text: number;\n  /** The accent against the canvas (a link, a ring, a selected tab). AA: ≥ 3. */\n  canvas: number;\n  ok: boolean;\n}\n\n/** WCAG AA of a color as an accent, in light and dark. A warning to show, never a refusal. */\nexport function accentContrast(hex: string): AccentContrastCheck[] {\n  return ([\"light\", \"dark\"] as const).map((theme) => {\n    const tokens = accentTokens(hex, theme);\n    const text = contrastRatio(tokens.primary, tokens.primaryForeground);\n    const canvas = contrastRatio(tokens.primary, ACCENT_CONTRAST_SURFACES[theme]);\n    return { theme, text, canvas, ok: text >= AA_TEXT && canvas >= AA_NON_TEXT };\n  });\n}\n\n/** One line (≤ 60 characters) for the first failing check; null when AA holds in both themes. */\nexport function accentContrastWarning(hex: string): string | null {\n  const failing = accentContrast(hex).find((c) => !c.ok);\n  if (!failing) return null;\n  const mode = failing.theme === \"light\" ? \"light\" : \"dark\";\n  if (failing.text < AA_TEXT) return `Hard to read in ${mode} mode: text ${failing.text.toFixed(1)}:1, AA is 4.5:1`;\n  return `Faint in ${mode} mode: ${failing.canvas.toFixed(1)}:1, AA is 3:1`;\n}\n\n// ── what a host stamps ─────────────────────────────────────────────────────────\n\n/** The attribute `accent.css` reads; its value is the curated id or `custom`. */\nexport const ACCENT_ATTRIBUTE = \"data-matrx-accent\" as const;\n\n/** The six custom properties `accent.css` maps onto the role tokens. */\nexport const ACCENT_PROPERTIES = {\n  light: { primary: \"--matrx-accent-primary\", primaryForeground: \"--matrx-accent-primary-foreground\", primaryInk: \"--matrx-accent-primary-ink\" },\n  dark: { primary: \"--matrx-accent-dark-primary\", primaryForeground: \"--matrx-accent-dark-primary-foreground\", primaryInk: \"--matrx-accent-dark-primary-ink\" },\n} as const;\n\nexport interface AccentAttributes {\n  [ACCENT_ATTRIBUTE]?: string;\n  style?: Record<string, string>;\n}\n\n/**\n * What a host puts on its root element for an accent: the attribute and the six properties (light and\n * dark), so the server's first frame is already in the accent in either theme. No accent (or the\n * built-in blue) = nothing at all.\n */\nexport function accentAttributes(ref: AccentRef | null | undefined): AccentAttributes {\n  const hex = accentHex(ref);\n  if (!ref || !hex || (\"id\" in ref && ref.id === DEFAULT_ACCENT_ID)) return {};\n  const style: Record<string, string> = {};\n  for (const theme of [\"light\", \"dark\"] as const) {\n    const tokens = accentTokens(hex, theme);\n    const names = ACCENT_PROPERTIES[theme];\n    style[names.primary] = tokens.primary;\n    style[names.primaryForeground] = tokens.primaryForeground;\n    style[names.primaryInk] = tokens.primaryInk;\n  }\n  return { [ACCENT_ATTRIBUTE]: \"id\" in ref ? ref.id : \"custom\", style };\n}\n"],"mappings":"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","names":[]}

package/dist/accents.js

@@ -17,8 +17,8 @@ var ACCENTS = [
 ];
 var DEFAULT_ACCENT_ID = "blue";
 var ACCENT_CONTRAST_SURFACES = {
-  light: "240 5% 96%",
-  dark: "240 4% 16%"
+  light: "240 6% 99%",
+  dark: "240 4% 12.5%"
 };
 var DARK_TEXT = "240 10% 10%";
 var WHITE_TEXT = "0 0% 100%";

package/dist/accents.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/accents.ts"],"sourcesContent":["// THE ACCENT COLORS (custom-experience P4, 2026-10-20) — the curated accent set a person or an\n// organization picks from, the custom-hex path beside it, and the WCAG contrast math that WARNS about a\n// weak choice (it offers, never blocks). Pure: no React, no DOM, server-safe (`./accents` entry).\n//\n// An accent drives the design system's brand role tokens and nothing else:\n//   --primary, --primary-foreground, --primary-ink   (light, and their .dark twins)\n// `--accent` in this vocabulary is the quiet GRAY hover surface and is never touched; text tokens stay\n// foreground / muted / disabled. The host stamps `accentAttributes(ref)` on a root element (an attribute\n// plus six custom properties); `accent.css` maps them onto the role tokens for light and dark. With no\n// accent nothing is stamped and nothing changes.\n//\n// One rule makes both themes from ONE color (the same rule for a curated and a custom accent):\n//   light primary  = the color exactly as chosen;\n//   dark primary   = the same hue and saturation, lightened until it reads on the dark canvas (≥ 3:1);\n//   foreground     = white or near-black, whichever reads better on that primary;\n//   ink            = the primary as TEXT on its own tint: darkened (light) / lightened (dark) to ≥ 5.5:1\n//                    against the canvas (headroom for the 15% tint it sits on).\n\n/** An HSL color as the token vocabulary writes it: `\"210 80% 45%\"`. */\nexport type HslTriplet = string;\n\nexport interface Hsl {\n  h: number;\n  s: number;\n  l: number;\n}\n\n/** One curated accent. `hex` is its light-theme primary; the dark twin is derived (see the header). */\nexport interface AccentDef {\n  id: string;\n  label: string;\n  hex: string;\n}\n\n/**\n * THE CURATED SET. Every entry passes AA in both themes (guard: accents.test.ts): white or near-black\n * text on it ≥ 4.5:1, and it reads on the canvas ≥ 3:1. Ids are saved in layouts — never renamed.\n * `blue` is the built-in primary (`--primary: 210 80% 45%`), so choosing it equals choosing nothing.\n */\nexport const ACCENTS: readonly AccentDef[] = [\n  { id: \"blue\", label: \"Blue\", hex: \"#1773cf\" },\n  { id: \"indigo\", label: \"Indigo\", hex: \"#4f46e5\" },\n  { id: \"violet\", label: \"Violet\", hex: \"#7c3aed\" },\n  { id: \"purple\", label: \"Purple\", hex: \"#9333ea\" },\n  { id: \"pink\", label: \"Pink\", hex: \"#db2777\" },\n  { id: \"rose\", label: \"Rose\", hex: \"#e11d48\" },\n  { id: \"red\", label: \"Red\", hex: \"#dc2626\" },\n  { id: \"orange\", label: \"Orange\", hex: \"#c2410c\" },\n  { id: \"amber\", label: \"Amber\", hex: \"#b45309\" },\n  { id: \"green\", label: \"Green\", hex: \"#15803d\" },\n  { id: \"emerald\", label: \"Emerald\", hex: \"#047857\" },\n  { id: \"teal\", label: \"Teal\", hex: \"#0f766e\" },\n  { id: \"cyan\", label: \"Cyan\", hex: \"#0e7490\" },\n  { id: \"slate\", label: \"Slate\", hex: \"#475569\" },\n];\n\nexport const DEFAULT_ACCENT_ID = \"blue\";\n\n/**\n * The canvases a primary is judged against: the design system's `--background` in light and dark\n * (tokens.css; accents.test.ts fails if they drift apart).\n */\nexport const ACCENT_CONTRAST_SURFACES: Readonly<Record<AccentTheme, HslTriplet>> = {\n  light: \"240 5% 96%\",\n  dark: \"240 4% 16%\",\n};\n\n/** The dark text a light primary carries (tokens.css `--secondary-foreground`). */\nconst DARK_TEXT: HslTriplet = \"240 10% 10%\";\nconst WHITE_TEXT: HslTriplet = \"0 0% 100%\";\n\n/** WCAG 2.2 AA: 4.5:1 for text, 3:1 for a control's color against what is around it (1.4.11). */\nexport const AA_TEXT = 4.5;\nexport const AA_NON_TEXT = 3;\n/** The ink is judged against the canvas with headroom, because it sits on a 15% tint of itself. */\nconst INK_TARGET = 5.5;\n\nexport type AccentTheme = \"light\" | \"dark\";\n\n/** A saved accent: a curated id, or a custom `#rrggbb`. */\nexport type AccentRef = { id: string } | { hex: string };\n\n// ── color math ─────────────────────────────────────────────────────────────────\n\n/** `#rgb` / `#rrggbb` (any case, `#` optional) → `#rrggbb` lowercase; anything else → null. */\nexport function normalizeHex(value: unknown): string | null {\n  if (typeof value !== \"string\") return null;\n  const raw = value.trim().replace(/^#/, \"\");\n  if (/^[0-9a-f]{3}$/i.test(raw)) return `#${raw.split(\"\").map((c) => c + c).join(\"\").toLowerCase()}`;\n  if (/^[0-9a-f]{6}$/i.test(raw)) return `#${raw.toLowerCase()}`;\n  return null;\n}\n\nfunction hexToRgb(hex: string): [number, number, number] {\n  const n = Number.parseInt(hex.slice(1), 16);\n  return [(n >> 16) & 255, (n >> 8) & 255, n & 255];\n}\n\nexport function hexToHsl(hex: string): Hsl {\n  const [r, g, b] = hexToRgb(hex).map((v) => v / 255) as [number, number, number];\n  const max = Math.max(r, g, b);\n  const min = Math.min(r, g, b);\n  const l = (max + min) / 2;\n  const d = max - min;\n  let h = 0;\n  let s = 0;\n  if (d !== 0) {\n    s = d / (1 - Math.abs(2 * l - 1));\n    if (max === r) h = ((g - b) / d) % 6;\n    else if (max === g) h = (b - r) / d + 2;\n    else h = (r - g) / d + 4;\n    h *= 60;\n    if (h < 0) h += 360;\n  }\n  return { h: Math.round(h), s: Math.round(s * 100), l: Math.round(l * 100) };\n}\n\nfunction hslToRgb({ h, s, l }: Hsl): [number, number, number] {\n  const sat = s / 100;\n  const lig = l / 100;\n  const c = (1 - Math.abs(2 * lig - 1)) * sat;\n  const x = c * (1 - Math.abs(((h / 60) % 2) - 1));\n  const m = lig - c / 2;\n  const [r, g, b] =\n    h < 60 ? [c, x, 0] : h < 120 ? [x, c, 0] : h < 180 ? [0, c, x] : h < 240 ? [0, x, c] : h < 300 ? [x, 0, c] : [c, 0, x];\n  return [(r + m) * 255, (g + m) * 255, (b + m) * 255];\n}\n\nexport function parseTriplet(triplet: HslTriplet): Hsl {\n  const [h, s, l] = triplet.replace(/%/g, \"\").trim().split(/\\s+/).map(Number);\n  return { h: h ?? 0, s: s ?? 0, l: l ?? 0 };\n}\n\nexport function toTriplet({ h, s, l }: Hsl): HslTriplet {\n  return `${h} ${s}% ${l}%`;\n}\n\n/** WCAG relative luminance of an HSL color. */\nexport function relativeLuminance(color: Hsl): number {\n  const [r, g, b] = hslToRgb(color).map((v) => {\n    const c = v / 255;\n    return c <= 0.03928 ? c / 12.92 : ((c + 0.055) / 1.055) ** 2.4;\n  }) as [number, number, number];\n  return 0.2126 * r + 0.7152 * g + 0.0722 * b;\n}\n\n/** WCAG contrast ratio of two colors (1 to 21). */\nexport function contrastRatio(a: Hsl | HslTriplet, b: Hsl | HslTriplet): number {\n  const la = relativeLuminance(typeof a === \"string\" ? parseTriplet(a) : a);\n  const lb = relativeLuminance(typeof b === \"string\" ? parseTriplet(b) : b);\n  const [hi, lo] = la > lb ? [la, lb] : [lb, la];\n  return (hi + 0.05) / (lo + 0.05);\n}\n\n/** Moves lightness one point at a time (darker or lighter) until `ok`, within 0–100. */\nfunction walkLightness(start: Hsl, step: 1 | -1, ok: (c: Hsl) => boolean, limit: number): Hsl {\n  let c = start;\n  while (!ok(c) && (step > 0 ? c.l < limit : c.l > limit)) c = { ...c, l: c.l + step };\n  return c;\n}\n\n// ── tokens ─────────────────────────────────────────────────────────────────────\n\nexport interface AccentTokens {\n  primary: HslTriplet;\n  primaryForeground: HslTriplet;\n  primaryInk: HslTriplet;\n}\n\n/** The role tokens one color makes in one theme (the rule in the header of this file). */\nexport function accentTokens(hex: string, theme: AccentTheme): AccentTokens {\n  const normalized = normalizeHex(hex) ?? ACCENTS[0]!.hex;\n  const chosen = hexToHsl(normalized);\n  const canvas = parseTriplet(ACCENT_CONTRAST_SURFACES[theme]);\n  const primary =\n    theme === \"light\" ? chosen : walkLightness(chosen, 1, (c) => contrastRatio(c, canvas) >= AA_NON_TEXT, 80);\n  const onWhite = contrastRatio(primary, WHITE_TEXT);\n  const onDark = contrastRatio(primary, DARK_TEXT);\n  const ink =\n    theme === \"light\"\n      ? walkLightness(primary, -1, (c) => contrastRatio(c, canvas) >= INK_TARGET, 10)\n      : walkLightness(primary, 1, (c) => contrastRatio(c, canvas) >= INK_TARGET, 92);\n  return {\n    primary: toTriplet(primary),\n    primaryForeground: onWhite >= onDark ? WHITE_TEXT : DARK_TEXT,\n    primaryInk: toTriplet(ink),\n  };\n}\n\nexport function accentDef(id: unknown): AccentDef | null {\n  return ACCENTS.find((a) => a.id === id) ?? null;\n}\n\n/** The color of a saved accent; null when it names no curated id and holds no valid hex. */\nexport function accentHex(ref: AccentRef | null | undefined): string | null {\n  if (!ref) return null;\n  if (\"id\" in ref) return accentDef(ref.id)?.hex ?? null;\n  return normalizeHex(ref.hex);\n}\n\n/** Validates a saved accent: a curated id is kept, a hex is normalized, anything else → null. */\nexport function parseAccentRef(raw: unknown): AccentRef | null {\n  if (typeof raw !== \"object\" || raw === null || Array.isArray(raw)) return null;\n  const record = raw as Record<string, unknown>;\n  if (typeof record.id === \"string\") return accentDef(record.id) ? { id: record.id } : null;\n  const hex = normalizeHex(record.hex);\n  return hex ? { hex } : null;\n}\n\n// ── the contrast warning (offers, never blocks) ───────────────────────────────\n\nexport interface AccentContrastCheck {\n  theme: AccentTheme;\n  /** Text on the accent (a primary button's label). AA: ≥ 4.5. */\n  text: number;\n  /** The accent against the canvas (a link, a ring, a selected tab). AA: ≥ 3. */\n  canvas: number;\n  ok: boolean;\n}\n\n/** WCAG AA of a color as an accent, in light and dark. A warning to show, never a refusal. */\nexport function accentContrast(hex: string): AccentContrastCheck[] {\n  return ([\"light\", \"dark\"] as const).map((theme) => {\n    const tokens = accentTokens(hex, theme);\n    const text = contrastRatio(tokens.primary, tokens.primaryForeground);\n    const canvas = contrastRatio(tokens.primary, ACCENT_CONTRAST_SURFACES[theme]);\n    return { theme, text, canvas, ok: text >= AA_TEXT && canvas >= AA_NON_TEXT };\n  });\n}\n\n/** One line (≤ 60 characters) for the first failing check; null when AA holds in both themes. */\nexport function accentContrastWarning(hex: string): string | null {\n  const failing = accentContrast(hex).find((c) => !c.ok);\n  if (!failing) return null;\n  const mode = failing.theme === \"light\" ? \"light\" : \"dark\";\n  if (failing.text < AA_TEXT) return `Hard to read in ${mode} mode: text ${failing.text.toFixed(1)}:1, AA is 4.5:1`;\n  return `Faint in ${mode} mode: ${failing.canvas.toFixed(1)}:1, AA is 3:1`;\n}\n\n// ── what a host stamps ─────────────────────────────────────────────────────────\n\n/** The attribute `accent.css` reads; its value is the curated id or `custom`. */\nexport const ACCENT_ATTRIBUTE = \"data-matrx-accent\" as const;\n\n/** The six custom properties `accent.css` maps onto the role tokens. */\nexport const ACCENT_PROPERTIES = {\n  light: { primary: \"--matrx-accent-primary\", primaryForeground: \"--matrx-accent-primary-foreground\", primaryInk: \"--matrx-accent-primary-ink\" },\n  dark: { primary: \"--matrx-accent-dark-primary\", primaryForeground: \"--matrx-accent-dark-primary-foreground\", primaryInk: \"--matrx-accent-dark-primary-ink\" },\n} as const;\n\nexport interface AccentAttributes {\n  [ACCENT_ATTRIBUTE]?: string;\n  style?: Record<string, string>;\n}\n\n/**\n * What a host puts on its root element for an accent: the attribute and the six properties (light and\n * dark), so the server's first frame is already in the accent in either theme. No accent (or the\n * built-in blue) = nothing at all.\n */\nexport function accentAttributes(ref: AccentRef | null | undefined): AccentAttributes {\n  const hex = accentHex(ref);\n  if (!ref || !hex || (\"id\" in ref && ref.id === DEFAULT_ACCENT_ID)) return {};\n  const style: Record<string, string> = {};\n  for (const theme of [\"light\", \"dark\"] as const) {\n    const tokens = accentTokens(hex, theme);\n    const names = ACCENT_PROPERTIES[theme];\n    style[names.primary] = tokens.primary;\n    style[names.primaryForeground] = tokens.primaryForeground;\n    style[names.primaryInk] = tokens.primaryInk;\n  }\n  return { [ACCENT_ATTRIBUTE]: \"id\" in ref ? ref.id : \"custom\", style };\n}\n"],"mappings":";AAuCO,IAAM,UAAgC;AAAA,EAC3C,EAAE,IAAI,QAAQ,OAAO,QAAQ,KAAK,UAAU;AAAA,EAC5C,EAAE,IAAI,UAAU,OAAO,UAAU,KAAK,UAAU;AAAA,EAChD,EAAE,IAAI,UAAU,OAAO,UAAU,KAAK,UAAU;AAAA,EAChD,EAAE,IAAI,UAAU,OAAO,UAAU,KAAK,UAAU;AAAA,EAChD,EAAE,IAAI,QAAQ,OAAO,QAAQ,KAAK,UAAU;AAAA,EAC5C,EAAE,IAAI,QAAQ,OAAO,QAAQ,KAAK,UAAU;AAAA,EAC5C,EAAE,IAAI,OAAO,OAAO,OAAO,KAAK,UAAU;AAAA,EAC1C,EAAE,IAAI,UAAU,OAAO,UAAU,KAAK,UAAU;AAAA,EAChD,EAAE,IAAI,SAAS,OAAO,SAAS,KAAK,UAAU;AAAA,EAC9C,EAAE,IAAI,SAAS,OAAO,SAAS,KAAK,UAAU;AAAA,EAC9C,EAAE,IAAI,WAAW,OAAO,WAAW,KAAK,UAAU;AAAA,EAClD,EAAE,IAAI,QAAQ,OAAO,QAAQ,KAAK,UAAU;AAAA,EAC5C,EAAE,IAAI,QAAQ,OAAO,QAAQ,KAAK,UAAU;AAAA,EAC5C,EAAE,IAAI,SAAS,OAAO,SAAS,KAAK,UAAU;AAChD;AAEO,IAAM,oBAAoB;AAM1B,IAAM,2BAAsE;AAAA,EACjF,OAAO;AAAA,EACP,MAAM;AACR;AAGA,IAAM,YAAwB;AAC9B,IAAM,aAAyB;AAGxB,IAAM,UAAU;AAChB,IAAM,cAAc;AAE3B,IAAM,aAAa;AAUZ,SAAS,aAAa,OAA+B;AAC1D,MAAI,OAAO,UAAU,SAAU,QAAO;AACtC,QAAM,MAAM,MAAM,KAAK,EAAE,QAAQ,MAAM,EAAE;AACzC,MAAI,iBAAiB,KAAK,GAAG,EAAG,QAAO,IAAI,IAAI,MAAM,EAAE,EAAE,IAAI,CAAC,MAAM,IAAI,CAAC,EAAE,KAAK,EAAE,EAAE,YAAY,CAAC;AACjG,MAAI,iBAAiB,KAAK,GAAG,EAAG,QAAO,IAAI,IAAI,YAAY,CAAC;AAC5D,SAAO;AACT;AAEA,SAAS,SAAS,KAAuC;AACvD,QAAM,IAAI,OAAO,SAAS,IAAI,MAAM,CAAC,GAAG,EAAE;AAC1C,SAAO,CAAE,KAAK,KAAM,KAAM,KAAK,IAAK,KAAK,IAAI,GAAG;AAClD;AAEO,SAAS,SAAS,KAAkB;AACzC,QAAM,CAAC,GAAG,GAAG,CAAC,IAAI,SAAS,GAAG,EAAE,IAAI,CAAC,MAAM,IAAI,GAAG;AAClD,QAAM,MAAM,KAAK,IAAI,GAAG,GAAG,CAAC;AAC5B,QAAM,MAAM,KAAK,IAAI,GAAG,GAAG,CAAC;AAC5B,QAAM,KAAK,MAAM,OAAO;AACxB,QAAM,IAAI,MAAM;AAChB,MAAI,IAAI;AACR,MAAI,IAAI;AACR,MAAI,MAAM,GAAG;AACX,QAAI,KAAK,IAAI,KAAK,IAAI,IAAI,IAAI,CAAC;AAC/B,QAAI,QAAQ,EAAG,MAAM,IAAI,KAAK,IAAK;AAAA,aAC1B,QAAQ,EAAG,MAAK,IAAI,KAAK,IAAI;AAAA,QACjC,MAAK,IAAI,KAAK,IAAI;AACvB,SAAK;AACL,QAAI,IAAI,EAAG,MAAK;AAAA,EAClB;AACA,SAAO,EAAE,GAAG,KAAK,MAAM,CAAC,GAAG,GAAG,KAAK,MAAM,IAAI,GAAG,GAAG,GAAG,KAAK,MAAM,IAAI,GAAG,EAAE;AAC5E;AAEA,SAAS,SAAS,EAAE,GAAG,GAAG,EAAE,GAAkC;AAC5D,QAAM,MAAM,IAAI;AAChB,QAAM,MAAM,IAAI;AAChB,QAAM,KAAK,IAAI,KAAK,IAAI,IAAI,MAAM,CAAC,KAAK;AACxC,QAAM,IAAI,KAAK,IAAI,KAAK,IAAM,IAAI,KAAM,IAAK,CAAC;AAC9C,QAAM,IAAI,MAAM,IAAI;AACpB,QAAM,CAAC,GAAG,GAAG,CAAC,IACZ,IAAI,KAAK,CAAC,GAAG,GAAG,CAAC,IAAI,IAAI,MAAM,CAAC,GAAG,GAAG,CAAC,IAAI,IAAI,MAAM,CAAC,GAAG,GAAG,CAAC,IAAI,IAAI,MAAM,CAAC,GAAG,GAAG,CAAC,IAAI,IAAI,MAAM,CAAC,GAAG,GAAG,CAAC,IAAI,CAAC,GAAG,GAAG,CAAC;AACvH,SAAO,EAAE,IAAI,KAAK,MAAM,IAAI,KAAK,MAAM,IAAI,KAAK,GAAG;AACrD;AAEO,SAAS,aAAa,SAA0B;AACrD,QAAM,CAAC,GAAG,GAAG,CAAC,IAAI,QAAQ,QAAQ,MAAM,EAAE,EAAE,KAAK,EAAE,MAAM,KAAK,EAAE,IAAI,MAAM;AAC1E,SAAO,EAAE,GAAG,KAAK,GAAG,GAAG,KAAK,GAAG,GAAG,KAAK,EAAE;AAC3C;AAEO,SAAS,UAAU,EAAE,GAAG,GAAG,EAAE,GAAoB;AACtD,SAAO,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC;AACxB;AAGO,SAAS,kBAAkB,OAAoB;AACpD,QAAM,CAAC,GAAG,GAAG,CAAC,IAAI,SAAS,KAAK,EAAE,IAAI,CAAC,MAAM;AAC3C,UAAM,IAAI,IAAI;AACd,WAAO,KAAK,UAAU,IAAI,UAAU,IAAI,SAAS,UAAU;AAAA,EAC7D,CAAC;AACD,SAAO,SAAS,IAAI,SAAS,IAAI,SAAS;AAC5C;AAGO,SAAS,cAAc,GAAqB,GAA6B;AAC9E,QAAM,KAAK,kBAAkB,OAAO,MAAM,WAAW,aAAa,CAAC,IAAI,CAAC;AACxE,QAAM,KAAK,kBAAkB,OAAO,MAAM,WAAW,aAAa,CAAC,IAAI,CAAC;AACxE,QAAM,CAAC,IAAI,EAAE,IAAI,KAAK,KAAK,CAAC,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE;AAC7C,UAAQ,KAAK,SAAS,KAAK;AAC7B;AAGA,SAAS,cAAc,OAAY,MAAc,IAAyB,OAAoB;AAC5F,MAAI,IAAI;AACR,SAAO,CAAC,GAAG,CAAC,MAAM,OAAO,IAAI,EAAE,IAAI,QAAQ,EAAE,IAAI,OAAQ,KAAI,EAAE,GAAG,GAAG,GAAG,EAAE,IAAI,KAAK;AACnF,SAAO;AACT;AAWO,SAAS,aAAa,KAAa,OAAkC;AAC1E,QAAM,aAAa,aAAa,GAAG,KAAK,QAAQ,CAAC,EAAG;AACpD,QAAM,SAAS,SAAS,UAAU;AAClC,QAAM,SAAS,aAAa,yBAAyB,KAAK,CAAC;AAC3D,QAAM,UACJ,UAAU,UAAU,SAAS,cAAc,QAAQ,GAAG,CAAC,MAAM,cAAc,GAAG,MAAM,KAAK,aAAa,EAAE;AAC1G,QAAM,UAAU,cAAc,SAAS,UAAU;AACjD,QAAM,SAAS,cAAc,SAAS,SAAS;AAC/C,QAAM,MACJ,UAAU,UACN,cAAc,SAAS,IAAI,CAAC,MAAM,cAAc,GAAG,MAAM,KAAK,YAAY,EAAE,IAC5E,cAAc,SAAS,GAAG,CAAC,MAAM,cAAc,GAAG,MAAM,KAAK,YAAY,EAAE;AACjF,SAAO;AAAA,IACL,SAAS,UAAU,OAAO;AAAA,IAC1B,mBAAmB,WAAW,SAAS,aAAa;AAAA,IACpD,YAAY,UAAU,GAAG;AAAA,EAC3B;AACF;AAEO,SAAS,UAAU,IAA+B;AACvD,SAAO,QAAQ,KAAK,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK;AAC7C;AAGO,SAAS,UAAU,KAAkD;AAC1E,MAAI,CAAC,IAAK,QAAO;AACjB,MAAI,QAAQ,IAAK,QAAO,UAAU,IAAI,EAAE,GAAG,OAAO;AAClD,SAAO,aAAa,IAAI,GAAG;AAC7B;AAGO,SAAS,eAAe,KAAgC;AAC7D,MAAI,OAAO,QAAQ,YAAY,QAAQ,QAAQ,MAAM,QAAQ,GAAG,EAAG,QAAO;AAC1E,QAAM,SAAS;AACf,MAAI,OAAO,OAAO,OAAO,SAAU,QAAO,UAAU,OAAO,EAAE,IAAI,EAAE,IAAI,OAAO,GAAG,IAAI;AACrF,QAAM,MAAM,aAAa,OAAO,GAAG;AACnC,SAAO,MAAM,EAAE,IAAI,IAAI;AACzB;AAcO,SAAS,eAAe,KAAoC;AACjE,SAAQ,CAAC,SAAS,MAAM,EAAY,IAAI,CAAC,UAAU;AACjD,UAAM,SAAS,aAAa,KAAK,KAAK;AACtC,UAAM,OAAO,cAAc,OAAO,SAAS,OAAO,iBAAiB;AACnE,UAAM,SAAS,cAAc,OAAO,SAAS,yBAAyB,KAAK,CAAC;AAC5E,WAAO,EAAE,OAAO,MAAM,QAAQ,IAAI,QAAQ,WAAW,UAAU,YAAY;AAAA,EAC7E,CAAC;AACH;AAGO,SAAS,sBAAsB,KAA4B;AAChE,QAAM,UAAU,eAAe,GAAG,EAAE,KAAK,CAAC,MAAM,CAAC,EAAE,EAAE;AACrD,MAAI,CAAC,QAAS,QAAO;AACrB,QAAM,OAAO,QAAQ,UAAU,UAAU,UAAU;AACnD,MAAI,QAAQ,OAAO,QAAS,QAAO,mBAAmB,IAAI,eAAe,QAAQ,KAAK,QAAQ,CAAC,CAAC;AAChG,SAAO,YAAY,IAAI,UAAU,QAAQ,OAAO,QAAQ,CAAC,CAAC;AAC5D;AAKO,IAAM,mBAAmB;AAGzB,IAAM,oBAAoB;AAAA,EAC/B,OAAO,EAAE,SAAS,0BAA0B,mBAAmB,qCAAqC,YAAY,6BAA6B;AAAA,EAC7I,MAAM,EAAE,SAAS,+BAA+B,mBAAmB,0CAA0C,YAAY,kCAAkC;AAC7J;AAYO,SAAS,iBAAiB,KAAqD;AACpF,QAAM,MAAM,UAAU,GAAG;AACzB,MAAI,CAAC,OAAO,CAAC,OAAQ,QAAQ,OAAO,IAAI,OAAO,kBAAoB,QAAO,CAAC;AAC3E,QAAM,QAAgC,CAAC;AACvC,aAAW,SAAS,CAAC,SAAS,MAAM,GAAY;AAC9C,UAAM,SAAS,aAAa,KAAK,KAAK;AACtC,UAAM,QAAQ,kBAAkB,KAAK;AACrC,UAAM,MAAM,OAAO,IAAI,OAAO;AAC9B,UAAM,MAAM,iBAAiB,IAAI,OAAO;AACxC,UAAM,MAAM,UAAU,IAAI,OAAO;AAAA,EACnC;AACA,SAAO,EAAE,CAAC,gBAAgB,GAAG,QAAQ,MAAM,IAAI,KAAK,UAAU,MAAM;AACtE;","names":[]}
+{"version":3,"sources":["../src/accents.ts"],"sourcesContent":["// THE ACCENT COLORS (custom-experience P4, 2026-10-20) — the curated accent set a person or an\n// organization picks from, the custom-hex path beside it, and the WCAG contrast math that WARNS about a\n// weak choice (it offers, never blocks). Pure: no React, no DOM, server-safe (`./accents` entry).\n//\n// An accent drives the design system's brand role tokens and nothing else:\n//   --primary, --primary-foreground, --primary-ink   (light, and their .dark twins)\n// `--accent` in this vocabulary is the quiet GRAY hover surface and is never touched; text tokens stay\n// foreground / muted / disabled. The host stamps `accentAttributes(ref)` on a root element (an attribute\n// plus six custom properties); `accent.css` maps them onto the role tokens for light and dark. With no\n// accent nothing is stamped and nothing changes.\n//\n// One rule makes both themes from ONE color (the same rule for a curated and a custom accent):\n//   light primary  = the color exactly as chosen;\n//   dark primary   = the same hue and saturation, lightened until it reads on the dark canvas (≥ 3:1);\n//   foreground     = white or near-black, whichever reads better on that primary;\n//   ink            = the primary as TEXT on its own tint: darkened (light) / lightened (dark) to ≥ 5.5:1\n//                    against the canvas (headroom for the 15% tint it sits on).\n\n/** An HSL color as the token vocabulary writes it: `\"210 80% 45%\"`. */\nexport type HslTriplet = string;\n\nexport interface Hsl {\n  h: number;\n  s: number;\n  l: number;\n}\n\n/** One curated accent. `hex` is its light-theme primary; the dark twin is derived (see the header). */\nexport interface AccentDef {\n  id: string;\n  label: string;\n  hex: string;\n}\n\n/**\n * THE CURATED SET. Every entry passes AA in both themes (guard: accents.test.ts): white or near-black\n * text on it ≥ 4.5:1, and it reads on the canvas ≥ 3:1. Ids are saved in layouts — never renamed.\n * `blue` is the built-in primary (`--primary: 210 80% 45%`), so choosing it equals choosing nothing.\n */\nexport const ACCENTS: readonly AccentDef[] = [\n  { id: \"blue\", label: \"Blue\", hex: \"#1773cf\" },\n  { id: \"indigo\", label: \"Indigo\", hex: \"#4f46e5\" },\n  { id: \"violet\", label: \"Violet\", hex: \"#7c3aed\" },\n  { id: \"purple\", label: \"Purple\", hex: \"#9333ea\" },\n  { id: \"pink\", label: \"Pink\", hex: \"#db2777\" },\n  { id: \"rose\", label: \"Rose\", hex: \"#e11d48\" },\n  { id: \"red\", label: \"Red\", hex: \"#dc2626\" },\n  { id: \"orange\", label: \"Orange\", hex: \"#c2410c\" },\n  { id: \"amber\", label: \"Amber\", hex: \"#b45309\" },\n  { id: \"green\", label: \"Green\", hex: \"#15803d\" },\n  { id: \"emerald\", label: \"Emerald\", hex: \"#047857\" },\n  { id: \"teal\", label: \"Teal\", hex: \"#0f766e\" },\n  { id: \"cyan\", label: \"Cyan\", hex: \"#0e7490\" },\n  { id: \"slate\", label: \"Slate\", hex: \"#475569\" },\n];\n\nexport const DEFAULT_ACCENT_ID = \"blue\";\n\n/**\n * The canvases a primary is judged against: the design system's `--background` in light and dark\n * (tokens.css; accents.test.ts fails if they drift apart).\n */\nexport const ACCENT_CONTRAST_SURFACES: Readonly<Record<AccentTheme, HslTriplet>> = {\n  light: \"240 6% 99%\",\n  dark: \"240 4% 12.5%\",\n};\n\n/** The dark text a light primary carries (tokens.css `--secondary-foreground`). */\nconst DARK_TEXT: HslTriplet = \"240 10% 10%\";\nconst WHITE_TEXT: HslTriplet = \"0 0% 100%\";\n\n/** WCAG 2.2 AA: 4.5:1 for text, 3:1 for a control's color against what is around it (1.4.11). */\nexport const AA_TEXT = 4.5;\nexport const AA_NON_TEXT = 3;\n/** The ink is judged against the canvas with headroom, because it sits on a 15% tint of itself. */\nconst INK_TARGET = 5.5;\n\nexport type AccentTheme = \"light\" | \"dark\";\n\n/** A saved accent: a curated id, or a custom `#rrggbb`. */\nexport type AccentRef = { id: string } | { hex: string };\n\n// ── color math ─────────────────────────────────────────────────────────────────\n\n/** `#rgb` / `#rrggbb` (any case, `#` optional) → `#rrggbb` lowercase; anything else → null. */\nexport function normalizeHex(value: unknown): string | null {\n  if (typeof value !== \"string\") return null;\n  const raw = value.trim().replace(/^#/, \"\");\n  if (/^[0-9a-f]{3}$/i.test(raw)) return `#${raw.split(\"\").map((c) => c + c).join(\"\").toLowerCase()}`;\n  if (/^[0-9a-f]{6}$/i.test(raw)) return `#${raw.toLowerCase()}`;\n  return null;\n}\n\nfunction hexToRgb(hex: string): [number, number, number] {\n  const n = Number.parseInt(hex.slice(1), 16);\n  return [(n >> 16) & 255, (n >> 8) & 255, n & 255];\n}\n\nexport function hexToHsl(hex: string): Hsl {\n  const [r, g, b] = hexToRgb(hex).map((v) => v / 255) as [number, number, number];\n  const max = Math.max(r, g, b);\n  const min = Math.min(r, g, b);\n  const l = (max + min) / 2;\n  const d = max - min;\n  let h = 0;\n  let s = 0;\n  if (d !== 0) {\n    s = d / (1 - Math.abs(2 * l - 1));\n    if (max === r) h = ((g - b) / d) % 6;\n    else if (max === g) h = (b - r) / d + 2;\n    else h = (r - g) / d + 4;\n    h *= 60;\n    if (h < 0) h += 360;\n  }\n  return { h: Math.round(h), s: Math.round(s * 100), l: Math.round(l * 100) };\n}\n\nfunction hslToRgb({ h, s, l }: Hsl): [number, number, number] {\n  const sat = s / 100;\n  const lig = l / 100;\n  const c = (1 - Math.abs(2 * lig - 1)) * sat;\n  const x = c * (1 - Math.abs(((h / 60) % 2) - 1));\n  const m = lig - c / 2;\n  const [r, g, b] =\n    h < 60 ? [c, x, 0] : h < 120 ? [x, c, 0] : h < 180 ? [0, c, x] : h < 240 ? [0, x, c] : h < 300 ? [x, 0, c] : [c, 0, x];\n  return [(r + m) * 255, (g + m) * 255, (b + m) * 255];\n}\n\nexport function parseTriplet(triplet: HslTriplet): Hsl {\n  const [h, s, l] = triplet.replace(/%/g, \"\").trim().split(/\\s+/).map(Number);\n  return { h: h ?? 0, s: s ?? 0, l: l ?? 0 };\n}\n\nexport function toTriplet({ h, s, l }: Hsl): HslTriplet {\n  return `${h} ${s}% ${l}%`;\n}\n\n/** WCAG relative luminance of an HSL color. */\nexport function relativeLuminance(color: Hsl): number {\n  const [r, g, b] = hslToRgb(color).map((v) => {\n    const c = v / 255;\n    return c <= 0.03928 ? c / 12.92 : ((c + 0.055) / 1.055) ** 2.4;\n  }) as [number, number, number];\n  return 0.2126 * r + 0.7152 * g + 0.0722 * b;\n}\n\n/** WCAG contrast ratio of two colors (1 to 21). */\nexport function contrastRatio(a: Hsl | HslTriplet, b: Hsl | HslTriplet): number {\n  const la = relativeLuminance(typeof a === \"string\" ? parseTriplet(a) : a);\n  const lb = relativeLuminance(typeof b === \"string\" ? parseTriplet(b) : b);\n  const [hi, lo] = la > lb ? [la, lb] : [lb, la];\n  return (hi + 0.05) / (lo + 0.05);\n}\n\n/** Moves lightness one point at a time (darker or lighter) until `ok`, within 0–100. */\nfunction walkLightness(start: Hsl, step: 1 | -1, ok: (c: Hsl) => boolean, limit: number): Hsl {\n  let c = start;\n  while (!ok(c) && (step > 0 ? c.l < limit : c.l > limit)) c = { ...c, l: c.l + step };\n  return c;\n}\n\n// ── tokens ─────────────────────────────────────────────────────────────────────\n\nexport interface AccentTokens {\n  primary: HslTriplet;\n  primaryForeground: HslTriplet;\n  primaryInk: HslTriplet;\n}\n\n/** The role tokens one color makes in one theme (the rule in the header of this file). */\nexport function accentTokens(hex: string, theme: AccentTheme): AccentTokens {\n  const normalized = normalizeHex(hex) ?? ACCENTS[0]!.hex;\n  const chosen = hexToHsl(normalized);\n  const canvas = parseTriplet(ACCENT_CONTRAST_SURFACES[theme]);\n  const primary =\n    theme === \"light\" ? chosen : walkLightness(chosen, 1, (c) => contrastRatio(c, canvas) >= AA_NON_TEXT, 80);\n  const onWhite = contrastRatio(primary, WHITE_TEXT);\n  const onDark = contrastRatio(primary, DARK_TEXT);\n  const ink =\n    theme === \"light\"\n      ? walkLightness(primary, -1, (c) => contrastRatio(c, canvas) >= INK_TARGET, 10)\n      : walkLightness(primary, 1, (c) => contrastRatio(c, canvas) >= INK_TARGET, 92);\n  return {\n    primary: toTriplet(primary),\n    primaryForeground: onWhite >= onDark ? WHITE_TEXT : DARK_TEXT,\n    primaryInk: toTriplet(ink),\n  };\n}\n\nexport function accentDef(id: unknown): AccentDef | null {\n  return ACCENTS.find((a) => a.id === id) ?? null;\n}\n\n/** The color of a saved accent; null when it names no curated id and holds no valid hex. */\nexport function accentHex(ref: AccentRef | null | undefined): string | null {\n  if (!ref) return null;\n  if (\"id\" in ref) return accentDef(ref.id)?.hex ?? null;\n  return normalizeHex(ref.hex);\n}\n\n/** Validates a saved accent: a curated id is kept, a hex is normalized, anything else → null. */\nexport function parseAccentRef(raw: unknown): AccentRef | null {\n  if (typeof raw !== \"object\" || raw === null || Array.isArray(raw)) return null;\n  const record = raw as Record<string, unknown>;\n  if (typeof record.id === \"string\") return accentDef(record.id) ? { id: record.id } : null;\n  const hex = normalizeHex(record.hex);\n  return hex ? { hex } : null;\n}\n\n// ── the contrast warning (offers, never blocks) ───────────────────────────────\n\nexport interface AccentContrastCheck {\n  theme: AccentTheme;\n  /** Text on the accent (a primary button's label). AA: ≥ 4.5. */\n  text: number;\n  /** The accent against the canvas (a link, a ring, a selected tab). AA: ≥ 3. */\n  canvas: number;\n  ok: boolean;\n}\n\n/** WCAG AA of a color as an accent, in light and dark. A warning to show, never a refusal. */\nexport function accentContrast(hex: string): AccentContrastCheck[] {\n  return ([\"light\", \"dark\"] as const).map((theme) => {\n    const tokens = accentTokens(hex, theme);\n    const text = contrastRatio(tokens.primary, tokens.primaryForeground);\n    const canvas = contrastRatio(tokens.primary, ACCENT_CONTRAST_SURFACES[theme]);\n    return { theme, text, canvas, ok: text >= AA_TEXT && canvas >= AA_NON_TEXT };\n  });\n}\n\n/** One line (≤ 60 characters) for the first failing check; null when AA holds in both themes. */\nexport function accentContrastWarning(hex: string): string | null {\n  const failing = accentContrast(hex).find((c) => !c.ok);\n  if (!failing) return null;\n  const mode = failing.theme === \"light\" ? \"light\" : \"dark\";\n  if (failing.text < AA_TEXT) return `Hard to read in ${mode} mode: text ${failing.text.toFixed(1)}:1, AA is 4.5:1`;\n  return `Faint in ${mode} mode: ${failing.canvas.toFixed(1)}:1, AA is 3:1`;\n}\n\n// ── what a host stamps ─────────────────────────────────────────────────────────\n\n/** The attribute `accent.css` reads; its value is the curated id or `custom`. */\nexport const ACCENT_ATTRIBUTE = \"data-matrx-accent\" as const;\n\n/** The six custom properties `accent.css` maps onto the role tokens. */\nexport const ACCENT_PROPERTIES = {\n  light: { primary: \"--matrx-accent-primary\", primaryForeground: \"--matrx-accent-primary-foreground\", primaryInk: \"--matrx-accent-primary-ink\" },\n  dark: { primary: \"--matrx-accent-dark-primary\", primaryForeground: \"--matrx-accent-dark-primary-foreground\", primaryInk: \"--matrx-accent-dark-primary-ink\" },\n} as const;\n\nexport interface AccentAttributes {\n  [ACCENT_ATTRIBUTE]?: string;\n  style?: Record<string, string>;\n}\n\n/**\n * What a host puts on its root element for an accent: the attribute and the six properties (light and\n * dark), so the server's first frame is already in the accent in either theme. No accent (or the\n * built-in blue) = nothing at all.\n */\nexport function accentAttributes(ref: AccentRef | null | undefined): AccentAttributes {\n  const hex = accentHex(ref);\n  if (!ref || !hex || (\"id\" in ref && ref.id === DEFAULT_ACCENT_ID)) return {};\n  const style: Record<string, string> = {};\n  for (const theme of [\"light\", \"dark\"] as const) {\n    const tokens = accentTokens(hex, theme);\n    const names = ACCENT_PROPERTIES[theme];\n    style[names.primary] = tokens.primary;\n    style[names.primaryForeground] = tokens.primaryForeground;\n    style[names.primaryInk] = tokens.primaryInk;\n  }\n  return { [ACCENT_ATTRIBUTE]: \"id\" in ref ? ref.id : \"custom\", style };\n}\n"],"mappings":"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","names":[]}

package/dist/carousel.js

@@ -1,14 +1,14 @@
 "use client";
 import {
   IconButton
-} from "./chunk-VG765KBC.js";
+} from "./chunk-U3SUPYNT.js";
 import "./chunk-6NOLVA4E.js";
 import "./chunk-5IR3BZOS.js";
 import "./chunk-AV5C4YLL.js";
 import "./chunk-XERGQT2M.js";
 import "./chunk-WQ2QCMMA.js";
 import "./chunk-YRF22M5S.js";
-import "./chunk-WLKHQGX5.js";
+import "./chunk-CFFRMRWJ.js";
 import "./chunk-K4XCB576.js";
 import "./chunk-FEITX4L3.js";
 import "./chunk-DRSBLHOF.js";
@@ -20,16 +20,16 @@ import {
 import "./chunk-IMQ3RX35.js";
 import "./chunk-U24MOJWK.js";
 import "./chunk-NDTDBBMM.js";
-import "./chunk-3YTF4MH2.js";
+import "./chunk-YA3DNAAC.js";
 import "./chunk-WFBPCMPF.js";
 import {
   Popover,
   PopoverContent,
   PopoverTrigger
 } from "./chunk-OPF265PU.js";
-import "./chunk-KOUHF4JC.js";
-import "./chunk-BD77DHUO.js";
+import "./chunk-345ESUIP.js";
 import "./chunk-BKCJUFD3.js";
+import "./chunk-BD77DHUO.js";
 import {
   TooltipProvider
 } from "./chunk-PIQJULQB.js";

package/dist/{chunk-SOCDBDFS.js → chunk-2HB65PD6.js}

@@ -37,7 +37,7 @@ import {
 } from "./chunk-WFBPCMPF.js";
 import {
   Button
-} from "./chunk-KOUHF4JC.js";
+} from "./chunk-345ESUIP.js";
 import {
   DropdownMenu,
   DropdownMenuTrigger
@@ -967,4 +967,4 @@ export {
   ItemContextMenu,
   ItemRow
 };
-//# sourceMappingURL=chunk-SOCDBDFS.js.map
+//# sourceMappingURL=chunk-2HB65PD6.js.map

package/dist/{chunk-KOUHF4JC.js → chunk-345ESUIP.js}

@@ -1,12 +1,12 @@
 "use client";
+import {
+  isIconOnly
+} from "./chunk-BKCJUFD3.js";
 import {
   boxStyle,
   useAutoGrow,
   useMergedTextareaRef
 } from "./chunk-BD77DHUO.js";
-import {
-  isIconOnly
-} from "./chunk-BKCJUFD3.js";
 import {
   DropdownMenu,
   DropdownMenuContent,
@@ -463,4 +463,4 @@ export {
   Switch,
   Textarea
 };
-//# sourceMappingURL=chunk-KOUHF4JC.js.map
+//# sourceMappingURL=chunk-345ESUIP.js.map

package/dist/{chunk-LS3C7IUV.js → chunk-ASDPMZNP.js}

@@ -2,7 +2,7 @@
 import {
   Button,
   Select
-} from "./chunk-KOUHF4JC.js";
+} from "./chunk-345ESUIP.js";
 import {
   Tooltip,
   TooltipContent,
@@ -367,4 +367,4 @@ export {
   DEFAULT_TABLE_PAGE_SIZES,
   GenericTablePagination
 };
-//# sourceMappingURL=chunk-LS3C7IUV.js.map
+//# sourceMappingURL=chunk-ASDPMZNP.js.map

package/dist/{chunk-WLKHQGX5.js → chunk-CFFRMRWJ.js}

@@ -8,7 +8,7 @@ import {
 import {
   Button,
   ControlRow
-} from "./chunk-KOUHF4JC.js";
+} from "./chunk-345ESUIP.js";
 import {
   buttonVariants,
   swallowClick
@@ -482,4 +482,4 @@ export {
   DangerZone,
   PromoBanner
 };
-//# sourceMappingURL=chunk-WLKHQGX5.js.map
+//# sourceMappingURL=chunk-CFFRMRWJ.js.map

package/dist/{chunk-TBWKBTPM.js → chunk-F7IUBABK.js}

@@ -9,7 +9,7 @@ import {
 } from "./chunk-VQQ3O7J5.js";
 import {
   ConfirmDialog
-} from "./chunk-WLKHQGX5.js";
+} from "./chunk-CFFRMRWJ.js";
 import {
   ErrorBox
 } from "./chunk-FEITX4L3.js";
@@ -21,7 +21,7 @@ import {
 } from "./chunk-TDMVH77G.js";
 import {
   Button
-} from "./chunk-KOUHF4JC.js";
+} from "./chunk-345ESUIP.js";
 import {
   Tooltip,
   TooltipContent,
@@ -778,4 +778,4 @@ export {
   CanvasLayout,
   ModeSwitch
 };
-//# sourceMappingURL=chunk-TBWKBTPM.js.map
+//# sourceMappingURL=chunk-F7IUBABK.js.map

package/dist/{chunk-3JEAXZKX.js → chunk-FLYZSVTR.js}

@@ -1,7 +1,7 @@
 "use client";
 import {
   Button
-} from "./chunk-KOUHF4JC.js";
+} from "./chunk-345ESUIP.js";
 import {
   Tooltip,
   TooltipContent,
@@ -295,4 +295,4 @@ export {
   displayId,
   RecordId
 };
-//# sourceMappingURL=chunk-3JEAXZKX.js.map
+//# sourceMappingURL=chunk-FLYZSVTR.js.map

package/dist/{chunk-UAIBCPMB.js → chunk-RLTTLDWU.js}

@@ -10,17 +10,17 @@ import {
 } from "./chunk-CZGZV35G.js";
 import {
   PropertyRow
-} from "./chunk-3YTF4MH2.js";
+} from "./chunk-YA3DNAAC.js";
 import {
   completeLayeredFilterRules,
   layeredFilterMatchesValue
 } from "./chunk-7ZCD4AZS.js";
 import {
   RecordId
-} from "./chunk-3JEAXZKX.js";
+} from "./chunk-FLYZSVTR.js";
 import {
   Button
-} from "./chunk-KOUHF4JC.js";
+} from "./chunk-345ESUIP.js";
 import {
   useMatrxDataTableHost
 } from "./chunk-B5D3VIMC.js";
@@ -671,4 +671,4 @@ export {
   isUuidValue,
   DataRowInspector
 };
-//# sourceMappingURL=chunk-UAIBCPMB.js.map
+//# sourceMappingURL=chunk-RLTTLDWU.js.map

package/dist/{chunk-VG765KBC.js → chunk-U3SUPYNT.js}

@@ -49,7 +49,7 @@ import {
 import {
   Button as Button2,
   Chip
-} from "./chunk-KOUHF4JC.js";
+} from "./chunk-345ESUIP.js";
 import {
   Tooltip,
   TooltipContent,
@@ -4007,4 +4007,4 @@ export {
   TileCard,
   TileCardGrid
 };
-//# sourceMappingURL=chunk-VG765KBC.js.map
+//# sourceMappingURL=chunk-U3SUPYNT.js.map

package/dist/{chunk-QEQDJBNK.js → chunk-WSEZDHLA.js}

@@ -21,7 +21,7 @@ import {
 import {
   DataRowInspector,
   columnId
-} from "./chunk-UAIBCPMB.js";
+} from "./chunk-RLTTLDWU.js";
 import {
   useMatrxDataTableHost
 } from "./chunk-B5D3VIMC.js";
@@ -305,4 +305,4 @@ export {
   withMacLookDefaults,
   DataRowWindow
 };
-//# sourceMappingURL=chunk-QEQDJBNK.js.map
+//# sourceMappingURL=chunk-WSEZDHLA.js.map

package/dist/{chunk-3YTF4MH2.js → chunk-YA3DNAAC.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk-OPF265PU.js";
 import {
   Button
-} from "./chunk-KOUHF4JC.js";
+} from "./chunk-345ESUIP.js";
 import {
   AlertTriangleIcon,
   ChevronDownIcon,
@@ -605,4 +605,4 @@ export {
   ConfigurationTable,
   ConfigurationTableRow
 };
-//# sourceMappingURL=chunk-3YTF4MH2.js.map
+//# sourceMappingURL=chunk-YA3DNAAC.js.map

package/dist/clipboard-fallback-dialog.js

@@ -15,9 +15,9 @@ import "./chunk-U24MOJWK.js";
 import "./chunk-NDTDBBMM.js";
 import {
   Textarea
-} from "./chunk-KOUHF4JC.js";
-import "./chunk-BD77DHUO.js";
+} from "./chunk-345ESUIP.js";
 import "./chunk-BKCJUFD3.js";
+import "./chunk-BD77DHUO.js";
 import "./chunk-MOZRIHJF.js";
 import "./chunk-AKSKVT2M.js";
 import "./chunk-BNXNIN2S.js";

package/dist/controls.css

@@ -306,6 +306,13 @@
     background-color: hsl(var(--muted)) !important;
     color: hsl(var(--foreground)) !important;
   }
+  /* meta with a glyph: a FINE icon at the heading's size (12px, thin stroke) — never the
+     16px control glyph beside 11px text (owner, 2026-10-24: "just use a fine icon"). */
+  .matrx-control-button[data-variant="meta"] > svg {
+    width: 0.75rem !important;
+    height: 0.75rem !important;
+    stroke-width: 1.75 !important;
+  }
   /* PRESSED (Button pressed): a toggle in a set. On = a primary tint with a primary
      hairline (the old accent gray, rgb 239,239,240, vanished on tinted cards; pinned in
      pressed-contrast.test.ts), full ink; off = no fill, quiet ink. Out-ranks the

package/dist/controls.js

@@ -73,7 +73,7 @@ import {
   spansOf,
   splitForMiddleTruncate,
   stageStates
-} from "./chunk-VG765KBC.js";
+} from "./chunk-U3SUPYNT.js";
 import "./chunk-6NOLVA4E.js";
 import {
   Input,
@@ -98,7 +98,7 @@ import {
   RowGroup,
   SettingRow,
   Tile
-} from "./chunk-WLKHQGX5.js";
+} from "./chunk-CFFRMRWJ.js";
 import "./chunk-K4XCB576.js";
 import "./chunk-FEITX4L3.js";
 import "./chunk-DRSBLHOF.js";
@@ -119,7 +119,7 @@ import {
   StatusToken,
   isCollectedValue,
   valueSummary
-} from "./chunk-3YTF4MH2.js";
+} from "./chunk-YA3DNAAC.js";
 import "./chunk-WFBPCMPF.js";
 import "./chunk-OPF265PU.js";
 import {
@@ -141,9 +141,9 @@ import {
   Switch,
   Tabs,
   Textarea
-} from "./chunk-KOUHF4JC.js";
-import "./chunk-BD77DHUO.js";
+} from "./chunk-345ESUIP.js";
 import "./chunk-BKCJUFD3.js";
+import "./chunk-BD77DHUO.js";
 import "./chunk-PIQJULQB.js";
 import "./chunk-MOZRIHJF.js";
 import "./chunk-AKSKVT2M.js";

package/dist/data-table/data-row-inspector.js

@@ -1,7 +1,7 @@
 "use client";
 import {
   DataRowInspector
-} from "../chunk-UAIBCPMB.js";
+} from "../chunk-RLTTLDWU.js";
 import "../chunk-UEQK6PFD.js";
 import "../chunk-PTYKILZE.js";
 import "../chunk-CZGZV35G.js";
@@ -9,16 +9,16 @@ import "../chunk-KPZX2M2C.js";
 import "../chunk-GLZJ7WZK.js";
 import "../chunk-B3LDW3IQ.js";
 import "../chunk-FXT7PZAF.js";
-import "../chunk-3YTF4MH2.js";
+import "../chunk-YA3DNAAC.js";
 import "../chunk-WFBPCMPF.js";
 import "../chunk-KGW373MK.js";
 import "../chunk-7ZCD4AZS.js";
 import "../chunk-OPF265PU.js";
 import "../chunk-QFP4BUKZ.js";
-import "../chunk-3JEAXZKX.js";
-import "../chunk-KOUHF4JC.js";
-import "../chunk-BD77DHUO.js";
+import "../chunk-FLYZSVTR.js";
+import "../chunk-345ESUIP.js";
 import "../chunk-BKCJUFD3.js";
+import "../chunk-BD77DHUO.js";
 import "../chunk-PIQJULQB.js";
 import "../chunk-MOZRIHJF.js";
 import "../chunk-AKSKVT2M.js";

package/dist/data-table/data-row-window.js

@@ -1,7 +1,7 @@
 "use client";
 import {
   DataRowWindow
-} from "../chunk-QEQDJBNK.js";
+} from "../chunk-WSEZDHLA.js";
 import "../chunk-YC5GAO35.js";
 import "../chunk-VLLUUOYJ.js";
 import "../chunk-TH6DDCWF.js";
@@ -10,7 +10,7 @@ import "../chunk-LEPD6TV7.js";
 import "../chunk-IMQ3RX35.js";
 import "../chunk-U24MOJWK.js";
 import "../chunk-NDTDBBMM.js";
-import "../chunk-UAIBCPMB.js";
+import "../chunk-RLTTLDWU.js";
 import "../chunk-UEQK6PFD.js";
 import "../chunk-PTYKILZE.js";
 import "../chunk-CZGZV35G.js";
@@ -18,16 +18,16 @@ import "../chunk-KPZX2M2C.js";
 import "../chunk-GLZJ7WZK.js";
 import "../chunk-B3LDW3IQ.js";
 import "../chunk-FXT7PZAF.js";
-import "../chunk-3YTF4MH2.js";
+import "../chunk-YA3DNAAC.js";
 import "../chunk-WFBPCMPF.js";
 import "../chunk-KGW373MK.js";
 import "../chunk-7ZCD4AZS.js";
 import "../chunk-OPF265PU.js";
 import "../chunk-QFP4BUKZ.js";
-import "../chunk-3JEAXZKX.js";
-import "../chunk-KOUHF4JC.js";
-import "../chunk-BD77DHUO.js";
+import "../chunk-FLYZSVTR.js";
+import "../chunk-345ESUIP.js";
 import "../chunk-BKCJUFD3.js";
+import "../chunk-BD77DHUO.js";
 import "../chunk-PIQJULQB.js";
 import "../chunk-MOZRIHJF.js";
 import "../chunk-AKSKVT2M.js";

package/dist/data-table/index.cjs

@@ -20375,7 +20375,11 @@ var MULTI = "multi";
 function cellTextIsMultiline(cell) {
   const lineHeight = Number.parseFloat(getComputedStyle(cell).lineHeight);
   const minStep = Number.isFinite(lineHeight) ? lineHeight * 0.75 : 10;
-  const walker = cell.ownerDocument.createTreeWalker(cell, NodeFilter.SHOW_TEXT);
+  const walker = cell.ownerDocument.createTreeWalker(
+    cell,
+    4
+    /* NodeFilter.SHOW_TEXT: the global is gone once a test env tears down */
+  );
   const range = cell.ownerDocument.createRange();
   if (typeof range.getClientRects !== "function") return false;
   let firstTop = null;