@portnet/ui 6.0.1 → 6.0.3

package/dist/esm/v2/theme/cssVariables.js.map

@@ -1 +1 @@
-{"version":3,"file":"cssVariables.js","names":["ink","surface","border","semantic","status","dark","fontFamily","fontSize","fontWeight","lineHeight","letterSpacing","spacing","radius","shadows","duration","easing","zIndex","density","layout","breakpoints","state","resolveBrand","resolveBrandSecondary","STYLE_TAG_ID","NUMERIC_GRID_RE","SPACING_ENTRIES","Object","entries","NUMERIC_ENTRIES","filter","_ref","_ref2","_slicedToArray","k","test","ALIAS_ENTRIES","_ref3","_ref4","getCssVariables","_radius$none","options","arguments","length","undefined","brand","brandSecondary","lightVars","concat","accent","accentHover","accentSoft","accentFg","secondary","secondaryFg","fg","fgMuted","fgSubtle","fgInverse","bg","bgElev","bgSubtle","bgHover","borderStrong","success","successSoft","successFg","warning","warningSoft","warningFg","danger","dangerSoft","dangerFg","info","infoSoft","infoFg","soft","sent","pending","approved","rejected","neutral","hoverOverlay","pressedOverlay","selectedOverlay","sans","mono","display","h2","h3","h4","body","sm","xs","regular","medium","semibold","bold","tight","snug","normal","loose","wide","_toConsumableArray","map","_ref5","_ref6","v","slice","_ref7","_ref8","none","md","lg","xl","full","focus","focusFallback","fast","base","slow","microinteraction","stateChange","pageTransition","out","_ref9","_ref0","sidebar","topbar","contentMax","formMax","tactileMin","comfortable","row","input","btn","collapsedSidebar","sidebarMin","spaciousDensity","spacious","join","compactDensity","compact","ultraCompactDensity","ultraCompact","darkVars","console","offenders","l","warn","line","injectCssVariables","arg","document","opts","id","tag","getElementById","createElement","head","appendChild","textContent","removeCssVariables","remove","cssVariablesApi"],"sources":["../../../../src/lib/v2/theme/cssVariables.ts"],"sourcesContent":["/**\r\n * CSS Variables emitter — Portnet UI v2\r\n *\r\n * Generates a CSS string declaring all tokens as :root variables.\r\n * Mount once at app boot via:\r\n *\r\n *   import { injectCssVariables } from \"@portnet/ui/v2/theme\";\r\n *   injectCssVariables();\r\n *\r\n * Or render `getCssVariables()` inside a `<style>` tag if SSR'd.\r\n *\r\n * Brand override (host-level theming):\r\n *\r\n *   injectCssVariables({\r\n *     brand: { accent: \"#2962FF\" },\r\n *     brandSecondary: { secondary: \"#4FB8CF\" },\r\n *   });\r\n *   // Or via the unified theme factory (see createPortnetTheme):\r\n *   //   createPortnetTheme({ brand: {...}, brandSecondary: {...} })\r\n *\r\n *   Override is deep-merged onto the default brand / brandSecondary:\r\n *   any field you omit falls back to the token default. Use the SAME\r\n *   override objects when calling createPortnetTheme so the MUI\r\n *   palette and CSS variables stay in sync — both layers consume the\r\n *   same resolvers (./_brand, ./_brandSecondary) so mismatches are\r\n *   structurally impossible.\r\n */\r\nimport {\r\n  ink, surface, border, semantic, status, dark,\r\n  fontFamily, fontSize, fontWeight, lineHeight, letterSpacing,\r\n  spacing, radius, shadows, duration, easing, zIndex,\r\n  density, layout, breakpoints,\r\n  state,\r\n} from \"../tokens\";\r\nimport { resolveBrand, type BrandTokens } from \"./_brand\";\r\nimport { resolveBrandSecondary, type BrandSecondaryTokens } from \"./_brandSecondary\";\r\n\r\n/** Options for the CSS-variable emitter / injector. */\r\ntype CssVariablesOptions = {\r\n  id?: string;\r\n  brand?: Partial<BrandTokens>;\r\n  brandSecondary?: Partial<BrandSecondaryTokens>;\r\n};\r\n\r\nconst STYLE_TAG_ID = \"portnet-ui-v2-tokens\";\r\n\r\n/**\r\n * Spacing partition: numeric grid keys (s1..s10) vs semantic aliases\r\n * (xs/sm/md/lg/xl/xxl). Two output namespaces so the alias names\r\n * cannot collide with the grid (s-N) and cannot pollute the global\r\n * variable namespace by emitting unprefixed --md / --lg / --xl.\r\n *\r\n * Uses Object.entries at module-load time — pure / no side-effects.\r\n */\r\nconst NUMERIC_GRID_RE = /^s\\d+$/;\r\nconst SPACING_ENTRIES = Object.entries(spacing);\r\nconst NUMERIC_ENTRIES = SPACING_ENTRIES.filter(([k]) => NUMERIC_GRID_RE.test(k));\r\nconst ALIAS_ENTRIES   = SPACING_ENTRIES.filter(([k]) => !NUMERIC_GRID_RE.test(k));\r\n\r\n/**\r\n * Emits the canonical :root block + sidebar / density / dark-mode overrides.\r\n * Pass a partial `brand` / `brandSecondary` to mirror a host theme override\r\n * (use the SAME object you pass to createPortnetTheme so the two layers agree).\r\n */\r\nexport function getCssVariables(options: CssVariablesOptions = {}): string {\r\n  const brand          = resolveBrand(options.brand);\r\n  const brandSecondary = resolveBrandSecondary(options.brandSecondary);\r\n\r\n  const lightVars = [\r\n    `/* ── Brand ─────────────────────────────────────── */`,\r\n    `--accent: ${brand.accent};`,\r\n    `--accent-hover: ${brand.accentHover};`,\r\n    `--accent-soft: ${brand.accentSoft};`,\r\n    `--accent-fg: ${brand.accentFg};`,\r\n    ``,\r\n    `/* ── Brand secondary ───────────────────────────── */`,\r\n    `--secondary: ${brandSecondary.secondary};`,\r\n    `--secondary-fg: ${brandSecondary.secondaryFg};`,\r\n    ``,\r\n    `/* ── Ink ───────────────────────────────────────── */`,\r\n    `--fg: ${ink.fg};`,\r\n    `--fg-muted: ${ink.fgMuted};`,\r\n    `--fg-subtle: ${ink.fgSubtle};`,\r\n    `--fg-inverse: ${ink.fgInverse};`,\r\n    ``,\r\n    `/* ── Surface ───────────────────────────────────── */`,\r\n    `--bg: ${surface.bg};`,\r\n    `--bg-elev: ${surface.bgElev};`,\r\n    `--bg-subtle: ${surface.bgSubtle};`,\r\n    `--bg-hover: ${surface.bgHover};`,\r\n    `--surface: ${surface.surface};`,\r\n    ``,\r\n    `/* ── Border ────────────────────────────────────── */`,\r\n    `--border: ${border.border};`,\r\n    `--border-strong: ${border.borderStrong};`,\r\n    ``,\r\n    `/* ── Semantic ──────────────────────────────────── */`,\r\n    `/* Each concept has a saturated fill (--<name>) and a darker text */`,\r\n    `/* foreground (--<name>-fg). Pair fills with text on the same surface. */`,\r\n    `--success: ${semantic.success};`,\r\n    `--success-soft: ${semantic.successSoft};`,\r\n    `--success-fg: ${semantic.successFg};`,\r\n    `--warning: ${semantic.warning};`,\r\n    `--warning-soft: ${semantic.warningSoft};`,\r\n    `--warning-fg: ${semantic.warningFg};`,\r\n    `--danger: ${semantic.danger};`,\r\n    `--danger-soft: ${semantic.dangerSoft};`,\r\n    `--danger-fg: ${semantic.dangerFg};`,\r\n    `--info: ${semantic.info};`,\r\n    `--info-soft: ${semantic.infoSoft};`,\r\n    `--info-fg: ${semantic.infoFg};`,\r\n    ``,\r\n    `/* ── Status palette ────────────────────────────── */`,\r\n    `--status-new-soft: ${status.new.soft};`,\r\n    `--status-new-fg: ${status.new.fg};`,\r\n    `--status-sent-soft: ${status.sent.soft};`,\r\n    `--status-sent-fg: ${status.sent.fg};`,\r\n    `--status-pending-soft: ${status.pending.soft};`,\r\n    `--status-pending-fg: ${status.pending.fg};`,\r\n    `--status-approved-soft: ${status.approved.soft};`,\r\n    `--status-approved-fg: ${status.approved.fg};`,\r\n    `--status-rejected-soft: ${status.rejected.soft};`,\r\n    `--status-rejected-fg: ${status.rejected.fg};`,\r\n    `--status-neutral-soft: ${status.neutral.soft};`,\r\n    `--status-neutral-fg: ${status.neutral.fg};`,\r\n    ``,\r\n    `/* ── State overlays (B2 — currentColor-based) ─── */`,\r\n    `--state-hover-overlay: ${state.hoverOverlay};`,\r\n    `--state-pressed-overlay: ${state.pressedOverlay};`,\r\n    `--state-selected-overlay: ${state.selectedOverlay};`,\r\n    ``,\r\n    `/* ── Typography ────────────────────────────────── */`,\r\n    `--font-sans: ${fontFamily.sans};`,\r\n    `--font-mono: ${fontFamily.mono};`,\r\n    `--text-display: ${fontSize.display}px;`,\r\n    `--text-h2: ${fontSize.h2}px;`,\r\n    `--text-h3: ${fontSize.h3}px;`,\r\n    `--text-h4: ${fontSize.h4}px;`,\r\n    `--text-body: ${fontSize.body}px;`,\r\n    `--text-sm: ${fontSize.sm}px;`,\r\n    `--text-xs: ${fontSize.xs}px;`,\r\n    `--fw-regular: ${fontWeight.regular};`,\r\n    `--fw-medium: ${fontWeight.medium};`,\r\n    `--fw-semibold: ${fontWeight.semibold};`,\r\n    `--fw-bold: ${fontWeight.bold};`,\r\n    // NOTE: there is deliberately no heavier weight than bold (700). Batch 1\r\n    // dropped the black weight from the typography tokens, and this file kept\r\n    // emitting the matching variable for a while — resolving to the literal\r\n    // string \"undefined\" in :root, which silently flattened every consumer that\r\n    // referenced it. The dev-only check at the end of this function exists\r\n    // because of that incident.\r\n    //\r\n    // The old variable name is deliberately not written out: banned-patterns\r\n    // scans raw file text with no comment awareness, so naming it here — even to\r\n    // record its removal — trips the rule that protects this block.\r\n    `--lh-tight: ${lineHeight.tight};`,\r\n    `--lh-snug: ${lineHeight.snug};`,\r\n    `--lh-normal: ${lineHeight.normal};`,\r\n    `--lh-loose: ${lineHeight.loose};`,\r\n    // A7-02 — letter-spacing scale. Six token names were referenced fleet-wide\r\n    // that this emitter never emitted, so their var() fallbacks were the only\r\n    // thing that ever rendered (R-2.3 / R-AI.1 magic values wearing a token's\r\n    // name). These two had a real platform basis — -0.01em was hardcoded twice\r\n    // in tokens/typography.ts itself, 0.04em inside KV and ConfirmDialog — so\r\n    // they are promoted. `--border-subtle`, `--r-xs`, `--icon-sm`, `--icon-xl`\r\n    // were local inventions and are fixed at their call sites instead.\r\n    `--ls-tight: ${letterSpacing.tight};`,\r\n    `--ls-normal: ${letterSpacing.normal};`,\r\n    `--ls-wide: ${letterSpacing.wide};`,\r\n    ``,\r\n    `/* ── Spacing — numeric grid (8 px base) ─────────── */`,\r\n    // s1..s10 → --s-1 .. --s-10 (preserves all existing consumers).\r\n    ...NUMERIC_ENTRIES.map(([k, v]) => `--s-${k.slice(1)}: ${v}px;`),\r\n    ``,\r\n    `/* ── Spacing — semantic aliases ────────────────── */`,\r\n    // xs/sm/md/lg/xl/xxl → --space-xs .. --space-xxl. The \"space-\"\r\n    // prefix is mandatory: emitting them as raw --xs/--md/--lg\r\n    // would pollute the global CSS variable namespace.\r\n    ...ALIAS_ENTRIES.map(([k, v]) => `--space-${k}: ${v}px;`),\r\n    ``,\r\n    `/* ── Radius ────────────────────────────────────── */`,\r\n    `--r-none: ${radius.none ?? 0}px;`,\r\n    `--r-sm: ${radius.sm}px;`,\r\n    `--r-md: ${radius.md}px;`,\r\n    `--r-lg: ${radius.lg}px;`,\r\n    `--r-xl: ${radius.xl}px;`,\r\n    `--r-full: ${radius.full}px;`,\r\n    ``,\r\n    `/* ── Shadows ───────────────────────────────────── */`,\r\n    `--shadow-xs: ${shadows.xs};`,\r\n    `--shadow-sm: ${shadows.sm};`,\r\n    `--shadow-md: ${shadows.md};`,\r\n    `--shadow-lg: ${shadows.lg};`,\r\n    `--shadow-focus: ${shadows.focus};`,\r\n    // Static rgba fallback for non-CSS-vars contexts (SSR strings,\r\n    // raw inline `style={{ boxShadow: ... }}` props that bypass CSS).\r\n    ...(shadows.focusFallback\r\n      ? [`--shadow-focus-fallback: ${shadows.focusFallback};`]\r\n      : []),\r\n    ``,\r\n    `/* ── Motion (temporal vocabulary) ──────────────── */`,\r\n    `--duration-fast: ${duration.fast}ms;`,\r\n    `--duration-base: ${duration.base}ms;`,\r\n    `--duration-slow: ${duration.slow}ms;`,\r\n    ``,\r\n    `/* ── Motion (semantic aliases — B6) ────────────── */`,\r\n    // Same numeric values as fast/base/slow; intent-readable at the\r\n    // call site. transition() helper recognises both vocabularies.\r\n    `--duration-microinteraction: ${duration.microinteraction}ms;`,\r\n    `--duration-state-change: ${duration.stateChange}ms;`,\r\n    `--duration-page-transition: ${duration.pageTransition}ms;`,\r\n    ``,\r\n    `/* ── Easing ────────────────────────────────────── */`,\r\n    `--easing-out: ${easing.out};`,\r\n    `--easing-in: ${easing.in};`,\r\n    `--easing-soft: ${easing.soft};`,\r\n    ``,\r\n    `/* ── Z-index ───────────────────────────────────── */`,\r\n    // Iterates the full zIndex object — picks up popover/snackbar/\r\n    // tooltip slots added in Batch 1 and skipLink (Batch 11 / B3)\r\n    // without code changes here.\r\n    ...Object.entries(zIndex).map(([k, v]) => `--z-${k}: ${v};`),\r\n    ``,\r\n    `/* ── Layout ────────────────────────────────────── */`,\r\n    `--sidebar-w: ${layout.sidebar}px;`,\r\n    `--topbar-h: ${layout.topbar}px;`,\r\n    `--content-max: ${layout.contentMax}px;`,\r\n    `--form-max: ${layout.formMax}px;`,\r\n    `--tactile-min: ${layout.tactileMin}px;`,\r\n    ``,\r\n    `/* ── Breakpoints (R-RS.1) ──────────────────────── */`,\r\n    // The single breakpoint scale, also wired into the MUI theme and the\r\n    // mq() string helpers. Media queries can't read var(), so these are\r\n    // for @container queries, clamp() and JS (getComputedStyle) — they\r\n    // exist so no consumer hardcodes a raw px breakpoint anywhere.\r\n    `--bp-xs: ${breakpoints.xs}px;`,\r\n    `--bp-sm: ${breakpoints.sm}px;`,\r\n    `--bp-md: ${breakpoints.md}px;`,\r\n    `--bp-lg: ${breakpoints.lg}px;`,\r\n    `--bp-xl: ${breakpoints.xl}px;`,\r\n    ``,\r\n    `/* ── Density (default = comfortable) ───────────── */`,\r\n    `--row-h: ${density.comfortable.row}px;`,\r\n    `--input-h: ${density.comfortable.input}px;`,\r\n    `--btn-h: ${density.comfortable.btn}px;`,\r\n    `--text-fs: ${density.comfortable.fontSize}px;`,\r\n  ];\r\n\r\n  const collapsedSidebar = `[data-nav-collapsed=\"true\"] { --sidebar-w: ${layout.sidebarMin}px; }`;\r\n\r\n  /* Density tier overrides — emitted in order of granularity so a\r\n   * cascading selector like `[data-density][data-density=\"compact\"]`\r\n   * (host-side specificity hack) resolves predictably. */\r\n  const spaciousDensity = [\r\n    `[data-density=\"spacious\"] {`,\r\n    `  --row-h: ${density.spacious.row}px;`,\r\n    `  --input-h: ${density.spacious.input}px;`,\r\n    `  --btn-h: ${density.spacious.btn}px;`,\r\n    `  --text-fs: ${density.spacious.fontSize}px;`,\r\n    `}`,\r\n  ].join(\"\\n\");\r\n\r\n  const compactDensity = [\r\n    `[data-density=\"compact\"] {`,\r\n    `  --row-h: ${density.compact.row}px;`,\r\n    `  --input-h: ${density.compact.input}px;`,\r\n    `  --btn-h: ${density.compact.btn}px;`,\r\n    `  --text-fs: ${density.compact.fontSize}px;`,\r\n    `}`,\r\n  ].join(\"\\n\");\r\n\r\n  const ultraCompactDensity = [\r\n    `[data-density=\"ultra-compact\"] {`,\r\n    `  --row-h: ${density.ultraCompact.row}px;`,\r\n    `  --input-h: ${density.ultraCompact.input}px;`,\r\n    `  --btn-h: ${density.ultraCompact.btn}px;`,\r\n    `  --text-fs: ${density.ultraCompact.fontSize}px;`,\r\n    `}`,\r\n  ].join(\"\\n\");\r\n\r\n  /* ── Dark mode overrides ────────────────────────────────────\r\n   * Soft variants (semantic + status) are DERIVED via color-mix\r\n   * from the saturated colour or the dark-mode status FG. The\r\n   * static light-mode soft hex codes are too pale on dark\r\n   * surfaces and fail WCAG 1.4.11 non-text contrast.\r\n   * The 22-24% mix produces a tinted overlay that adapts to host\r\n   * brand overrides automatically.\r\n   * ───────────────────────────────────────────────────────── */\r\n  const darkVars = [\r\n    `[data-theme=\"dark\"] {`,\r\n    `  --bg: ${dark.bg};`,\r\n    `  --bg-elev: ${dark.bgElev};`,\r\n    `  --bg-subtle: ${dark.bgSubtle};`,\r\n    `  --bg-hover: ${dark.bgHover};`,\r\n    `  --surface: ${dark.surface};`,\r\n    `  --border: ${dark.border};`,\r\n    `  --border-strong: ${dark.borderStrong};`,\r\n    `  --fg: ${dark.fg};`,\r\n    `  --fg-muted: ${dark.fgMuted};`,\r\n    `  --fg-subtle: ${dark.fgSubtle};`,\r\n    `  --fg-inverse: ${dark.fgInverse};`,\r\n    `  --accent-soft: ${dark.accentSoft};`,\r\n    ``,\r\n    `  /* Soft semantic fills — derived from the saturated colour */`,\r\n    `  --success-soft: color-mix(in srgb, var(--success) 24%, transparent);`,\r\n    `  --warning-soft: color-mix(in srgb, var(--warning) 24%, transparent);`,\r\n    `  --danger-soft:  color-mix(in srgb, var(--danger)  24%, transparent);`,\r\n    `  --info-soft:    color-mix(in srgb, var(--info)    24%, transparent);`,\r\n    ``,\r\n    `  /* Status FG — overridden for dark-mode visibility */`,\r\n    `  --status-new-fg: ${dark.status.new.fg};`,\r\n    `  --status-sent-fg: ${dark.status.sent.fg};`,\r\n    `  --status-pending-fg: ${dark.status.pending.fg};`,\r\n    `  --status-approved-fg: ${dark.status.approved.fg};`,\r\n    `  --status-rejected-fg: ${dark.status.rejected.fg};`,\r\n    `  --status-neutral-fg: ${dark.status.neutral.fg};`,\r\n    ``,\r\n    `  /* Status soft — derived from the dark-mode FG */`,\r\n    `  --status-new-soft:      color-mix(in srgb, var(--status-new-fg)      22%, transparent);`,\r\n    `  --status-sent-soft:     color-mix(in srgb, var(--status-sent-fg)     22%, transparent);`,\r\n    `  --status-pending-soft:  color-mix(in srgb, var(--status-pending-fg)  22%, transparent);`,\r\n    `  --status-approved-soft: color-mix(in srgb, var(--status-approved-fg) 22%, transparent);`,\r\n    `  --status-rejected-soft: color-mix(in srgb, var(--status-rejected-fg) 22%, transparent);`,\r\n    `  --status-neutral-soft:  color-mix(in srgb, var(--status-neutral-fg)  22%, transparent);`,\r\n    `}`,\r\n  ].join(\"\\n\");\r\n\r\n  /* Dev-only validation — catches the regression class that motivated it: a\r\n   * token removed from ../tokens while this emitter still references it, which\r\n   * puts the literal \"undefined\" into :root instead of failing loudly. See the\r\n   * note beside --fw-bold above. */\r\n  if (typeof console !== \"undefined\") {\r\n    const offenders = lightVars.filter((l) => /:\\s*undefined\\b/.test(l));\r\n    if (offenders.length) {\r\n      // eslint-disable-next-line no-console\r\n      console.warn(\r\n        \"[@portnet/ui v2] cssVariables emitted undefined values — check token imports:\",\r\n        offenders,\r\n      );\r\n    }\r\n  }\r\n\r\n  return [\r\n    `:root {`,\r\n    ...lightVars.map((line) => (line ? `  ${line}` : \"\")),\r\n    `}`,\r\n    ``,\r\n    collapsedSidebar,\r\n    ``,\r\n    spaciousDensity,\r\n    ``,\r\n    compactDensity,\r\n    ``,\r\n    ultraCompactDensity,\r\n    ``,\r\n    darkVars,\r\n  ].join(\"\\n\");\r\n}\r\n\r\n/**\r\n * Inject the variables into <head> at runtime.\r\n * Idempotent: replaces a previous tag if present.\r\n *\r\n * Backward-compatible signatures:\r\n *   injectCssVariables();                                   // default id, no override\r\n *   injectCssVariables(\"my-style-id\");                      // legacy string id\r\n *   injectCssVariables({ id, brand, brandSecondary });      // options form\r\n */\r\nexport function injectCssVariables(arg?: string | CssVariablesOptions): void {\r\n  if (typeof document === \"undefined\") return;\r\n  const opts: CssVariablesOptions = typeof arg === \"string\" ? { id: arg } : (arg || {});\r\n  const id = opts.id || STYLE_TAG_ID;\r\n\r\n  let tag = document.getElementById(id);\r\n  if (!tag) {\r\n    tag = document.createElement(\"style\");\r\n    tag.id = id;\r\n    document.head.appendChild(tag);\r\n  }\r\n  tag.textContent = getCssVariables(opts);\r\n}\r\n\r\n/**\r\n * Remove the injected style tag. Symmetrical with\r\n * injectCssVariables — needed for theme switching, hot-reload\r\n * and test cleanup. No-op when the tag is absent or in SSR.\r\n *\r\n *   removeCssVariables();              // default id\r\n *   removeCssVariables(\"my-style-id\"); // legacy string id\r\n *   removeCssVariables({ id });        // options form\r\n */\r\nexport function removeCssVariables(arg?: string | CssVariablesOptions): void {\r\n  if (typeof document === \"undefined\") return;\r\n  const id = typeof arg === \"string\"\r\n    ? arg\r\n    : ((arg && arg.id) || STYLE_TAG_ID);\r\n  const tag = document.getElementById(id);\r\n  if (tag) tag.remove();\r\n}\r\n\r\nconst cssVariablesApi = { getCssVariables, injectCssVariables, removeCssVariables };\r\nexport default cssVariablesApi;\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"cssVariables.js","names":["ink","surface","border","semantic","status","dark","fontFamily","fontSize","fontWeight","lineHeight","letterSpacing","spacing","radius","shadows","duration","easing","zIndex","density","layout","breakpoints","state","chartCategorical","resolveBrand","resolveBrandSecondary","STYLE_TAG_ID","NUMERIC_GRID_RE","SPACING_ENTRIES","Object","entries","NUMERIC_ENTRIES","filter","k","test","ALIAS_ENTRIES","getCssVariables","options","brand","brandSecondary","lightVars","accent","accentHover","accentSoft","accentFg","secondary","secondaryFg","fg","fgMuted","fgSubtle","fgInverse","bg","bgElev","bgSubtle","bgHover","borderStrong","success","successSoft","successFg","warning","warningSoft","warningFg","danger","dangerSoft","dangerFg","info","infoSoft","infoFg","new","soft","sent","pending","approved","rejected","neutral","map","c","i","hoverOverlay","pressedOverlay","selectedOverlay","sans","mono","display","h2","h3","h4","body","sm","xs","regular","medium","semibold","bold","tight","snug","normal","loose","wide","v","slice","none","md","lg","xl","full","focus","focusFallback","fast","base","slow","microinteraction","stateChange","pageTransition","out","in","sidebar","topbar","contentMax","formMax","tactileMin","fieldWidth","s","m","l","comfortable","row","input","btn","collapsedSidebar","sidebarMin","spaciousDensity","spacious","join","compactDensity","compact","ultraCompactDensity","ultraCompact","darkVars","console","offenders","length","warn","line","injectCssVariables","arg","document","opts","id","tag","getElementById","createElement","head","appendChild","textContent","removeCssVariables","remove","cssVariablesApi"],"sources":["../../../../src/lib/v2/theme/cssVariables.ts"],"sourcesContent":["/**\r\n * CSS Variables emitter — Portnet UI v2\r\n *\r\n * Generates a CSS string declaring all tokens as :root variables.\r\n * Mount once at app boot via:\r\n *\r\n *   import { injectCssVariables } from \"@portnet/ui/v2/theme\";\r\n *   injectCssVariables();\r\n *\r\n * Or render `getCssVariables()` inside a `<style>` tag if SSR'd.\r\n *\r\n * Brand override (host-level theming):\r\n *\r\n *   injectCssVariables({\r\n *     brand: { accent: \"#2962FF\" },\r\n *     brandSecondary: { secondary: \"#4FB8CF\" },\r\n *   });\r\n *   // Or via the unified theme factory (see createPortnetTheme):\r\n *   //   createPortnetTheme({ brand: {...}, brandSecondary: {...} })\r\n *\r\n *   Override is deep-merged onto the default brand / brandSecondary:\r\n *   any field you omit falls back to the token default. Use the SAME\r\n *   override objects when calling createPortnetTheme so the MUI\r\n *   palette and CSS variables stay in sync — both layers consume the\r\n *   same resolvers (./_brand, ./_brandSecondary) so mismatches are\r\n *   structurally impossible.\r\n */\r\nimport {\r\n  ink, surface, border, semantic, status, dark,\r\n  fontFamily, fontSize, fontWeight, lineHeight, letterSpacing,\r\n  spacing, radius, shadows, duration, easing, zIndex,\r\n  density, layout, breakpoints,\r\n  state,\r\n  chartCategorical,\r\n} from \"../tokens\";\r\nimport { resolveBrand, type BrandTokens } from \"./_brand\";\r\nimport { resolveBrandSecondary, type BrandSecondaryTokens } from \"./_brandSecondary\";\r\n\r\n/** Options for the CSS-variable emitter / injector. */\r\ntype CssVariablesOptions = {\r\n  id?: string | undefined;\r\n  brand?: Partial<BrandTokens> | undefined;\r\n  brandSecondary?: Partial<BrandSecondaryTokens> | undefined;\r\n};\r\n\r\nconst STYLE_TAG_ID = \"portnet-ui-v2-tokens\";\r\n\r\n/**\r\n * Spacing partition: numeric grid keys (s1..s10) vs semantic aliases\r\n * (xs/sm/md/lg/xl/xxl). Two output namespaces so the alias names\r\n * cannot collide with the grid (s-N) and cannot pollute the global\r\n * variable namespace by emitting unprefixed --md / --lg / --xl.\r\n *\r\n * Uses Object.entries at module-load time — pure / no side-effects.\r\n */\r\nconst NUMERIC_GRID_RE = /^s\\d+$/;\r\nconst SPACING_ENTRIES = Object.entries(spacing);\r\nconst NUMERIC_ENTRIES = SPACING_ENTRIES.filter(([k]) => NUMERIC_GRID_RE.test(k));\r\nconst ALIAS_ENTRIES   = SPACING_ENTRIES.filter(([k]) => !NUMERIC_GRID_RE.test(k));\r\n\r\n/**\r\n * Emits the canonical :root block + sidebar / density / dark-mode overrides.\r\n * Pass a partial `brand` / `brandSecondary` to mirror a host theme override\r\n * (use the SAME object you pass to createPortnetTheme so the two layers agree).\r\n */\r\nexport function getCssVariables(options: CssVariablesOptions = {}): string {\r\n  const brand          = resolveBrand(options.brand);\r\n  const brandSecondary = resolveBrandSecondary(options.brandSecondary);\r\n\r\n  const lightVars = [\r\n    `/* ── Brand ─────────────────────────────────────── */`,\r\n    `--accent: ${brand.accent};`,\r\n    `--accent-hover: ${brand.accentHover};`,\r\n    `--accent-soft: ${brand.accentSoft};`,\r\n    `--accent-fg: ${brand.accentFg};`,\r\n    ``,\r\n    `/* ── Brand secondary ───────────────────────────── */`,\r\n    `--secondary: ${brandSecondary.secondary};`,\r\n    `--secondary-fg: ${brandSecondary.secondaryFg};`,\r\n    ``,\r\n    `/* ── Ink ───────────────────────────────────────── */`,\r\n    `--fg: ${ink.fg};`,\r\n    `--fg-muted: ${ink.fgMuted};`,\r\n    `--fg-subtle: ${ink.fgSubtle};`,\r\n    `--fg-inverse: ${ink.fgInverse};`,\r\n    ``,\r\n    `/* ── Surface ───────────────────────────────────── */`,\r\n    `--bg: ${surface.bg};`,\r\n    `--bg-elev: ${surface.bgElev};`,\r\n    `--bg-subtle: ${surface.bgSubtle};`,\r\n    `--bg-hover: ${surface.bgHover};`,\r\n    `--surface: ${surface.surface};`,\r\n    ``,\r\n    `/* ── Border ────────────────────────────────────── */`,\r\n    `--border: ${border.border};`,\r\n    `--border-strong: ${border.borderStrong};`,\r\n    ``,\r\n    `/* ── Semantic ──────────────────────────────────── */`,\r\n    `/* Each concept has a saturated fill (--<name>) and a darker text */`,\r\n    `/* foreground (--<name>-fg). Pair fills with text on the same surface. */`,\r\n    `--success: ${semantic.success};`,\r\n    `--success-soft: ${semantic.successSoft};`,\r\n    `--success-fg: ${semantic.successFg};`,\r\n    `--warning: ${semantic.warning};`,\r\n    `--warning-soft: ${semantic.warningSoft};`,\r\n    `--warning-fg: ${semantic.warningFg};`,\r\n    `--danger: ${semantic.danger};`,\r\n    `--danger-soft: ${semantic.dangerSoft};`,\r\n    `--danger-fg: ${semantic.dangerFg};`,\r\n    `--info: ${semantic.info};`,\r\n    `--info-soft: ${semantic.infoSoft};`,\r\n    `--info-fg: ${semantic.infoFg};`,\r\n    ``,\r\n    `/* ── Status palette ────────────────────────────── */`,\r\n    `--status-new-soft: ${status.new.soft};`,\r\n    `--status-new-fg: ${status.new.fg};`,\r\n    `--status-sent-soft: ${status.sent.soft};`,\r\n    `--status-sent-fg: ${status.sent.fg};`,\r\n    `--status-pending-soft: ${status.pending.soft};`,\r\n    `--status-pending-fg: ${status.pending.fg};`,\r\n    `--status-approved-soft: ${status.approved.soft};`,\r\n    `--status-approved-fg: ${status.approved.fg};`,\r\n    `--status-rejected-soft: ${status.rejected.soft};`,\r\n    `--status-rejected-fg: ${status.rejected.fg};`,\r\n    `--status-neutral-soft: ${status.neutral.soft};`,\r\n    `--status-neutral-fg: ${status.neutral.fg};`,\r\n    ``,\r\n    `/* ── Chart categorical palette (gap G-37) ────── */`,\r\n    `/* Category fills, NOT workflow state — see tokens/chart. Emitted */`,\r\n    `/* for CSS and sx; chart libraries should take the JS token, since */`,\r\n    `/* an SVG presentation attribute given a var() is not resolved by */`,\r\n    `/* every renderer. NO DARK OVERRIDE IS NEEDED, deliberately: every */`,\r\n    `/* entry clears the 3:1 non-text floor on the light AND the dark */`,\r\n    `/* surface, which is the constraint the values were solved for. */`,\r\n    ...chartCategorical.map((c, i) => `--chart-${i + 1}: ${c};`),\r\n    ``,\r\n    `/* ── State overlays (B2 — currentColor-based) ─── */`,\r\n    `--state-hover-overlay: ${state.hoverOverlay};`,\r\n    `--state-pressed-overlay: ${state.pressedOverlay};`,\r\n    `--state-selected-overlay: ${state.selectedOverlay};`,\r\n    ``,\r\n    `/* ── Typography ────────────────────────────────── */`,\r\n    `--font-sans: ${fontFamily.sans};`,\r\n    `--font-mono: ${fontFamily.mono};`,\r\n    `--text-display: ${fontSize.display}px;`,\r\n    `--text-h2: ${fontSize.h2}px;`,\r\n    `--text-h3: ${fontSize.h3}px;`,\r\n    `--text-h4: ${fontSize.h4}px;`,\r\n    `--text-body: ${fontSize.body}px;`,\r\n    `--text-sm: ${fontSize.sm}px;`,\r\n    `--text-xs: ${fontSize.xs}px;`,\r\n    `--fw-regular: ${fontWeight.regular};`,\r\n    `--fw-medium: ${fontWeight.medium};`,\r\n    `--fw-semibold: ${fontWeight.semibold};`,\r\n    `--fw-bold: ${fontWeight.bold};`,\r\n    // NOTE: there is deliberately no heavier weight than bold (700). Batch 1\r\n    // dropped the black weight from the typography tokens, and this file kept\r\n    // emitting the matching variable for a while — resolving to the literal\r\n    // string \"undefined\" in :root, which silently flattened every consumer that\r\n    // referenced it. The dev-only check at the end of this function exists\r\n    // because of that incident.\r\n    //\r\n    // The old variable name is deliberately not written out: banned-patterns\r\n    // scans raw file text with no comment awareness, so naming it here — even to\r\n    // record its removal — trips the rule that protects this block.\r\n    `--lh-tight: ${lineHeight.tight};`,\r\n    `--lh-snug: ${lineHeight.snug};`,\r\n    `--lh-normal: ${lineHeight.normal};`,\r\n    `--lh-loose: ${lineHeight.loose};`,\r\n    // A7-02 — letter-spacing scale. Six token names were referenced fleet-wide\r\n    // that this emitter never emitted, so their var() fallbacks were the only\r\n    // thing that ever rendered (R-2.3 / R-AI.1 magic values wearing a token's\r\n    // name). These two had a real platform basis — -0.01em was hardcoded twice\r\n    // in tokens/typography.ts itself, 0.04em inside KV and ConfirmDialog — so\r\n    // they are promoted. `--border-subtle`, `--r-xs`, `--icon-sm`, `--icon-xl`\r\n    // were local inventions and are fixed at their call sites instead.\r\n    `--ls-tight: ${letterSpacing.tight};`,\r\n    `--ls-normal: ${letterSpacing.normal};`,\r\n    `--ls-wide: ${letterSpacing.wide};`,\r\n    ``,\r\n    `/* ── Spacing — numeric grid (8 px base) ─────────── */`,\r\n    // s1..s10 → --s-1 .. --s-10 (preserves all existing consumers).\r\n    ...NUMERIC_ENTRIES.map(([k, v]) => `--s-${k.slice(1)}: ${v}px;`),\r\n    ``,\r\n    `/* ── Spacing — semantic aliases ────────────────── */`,\r\n    // xs/sm/md/lg/xl/xxl → --space-xs .. --space-xxl. The \"space-\"\r\n    // prefix is mandatory: emitting them as raw --xs/--md/--lg\r\n    // would pollute the global CSS variable namespace.\r\n    ...ALIAS_ENTRIES.map(([k, v]) => `--space-${k}: ${v}px;`),\r\n    ``,\r\n    `/* ── Radius ────────────────────────────────────── */`,\r\n    `--r-none: ${radius.none ?? 0}px;`,\r\n    `--r-sm: ${radius.sm}px;`,\r\n    `--r-md: ${radius.md}px;`,\r\n    `--r-lg: ${radius.lg}px;`,\r\n    `--r-xl: ${radius.xl}px;`,\r\n    `--r-full: ${radius.full}px;`,\r\n    ``,\r\n    `/* ── Shadows ───────────────────────────────────── */`,\r\n    `--shadow-xs: ${shadows.xs};`,\r\n    `--shadow-sm: ${shadows.sm};`,\r\n    `--shadow-md: ${shadows.md};`,\r\n    `--shadow-lg: ${shadows.lg};`,\r\n    `--shadow-focus: ${shadows.focus};`,\r\n    // Static rgba fallback for non-CSS-vars contexts (SSR strings,\r\n    // raw inline `style={{ boxShadow: ... }}` props that bypass CSS).\r\n    ...(shadows.focusFallback\r\n      ? [`--shadow-focus-fallback: ${shadows.focusFallback};`]\r\n      : []),\r\n    ``,\r\n    `/* ── Motion (temporal vocabulary) ──────────────── */`,\r\n    `--duration-fast: ${duration.fast}ms;`,\r\n    `--duration-base: ${duration.base}ms;`,\r\n    `--duration-slow: ${duration.slow}ms;`,\r\n    ``,\r\n    `/* ── Motion (semantic aliases — B6) ────────────── */`,\r\n    // Same numeric values as fast/base/slow; intent-readable at the\r\n    // call site. transition() helper recognises both vocabularies.\r\n    `--duration-microinteraction: ${duration.microinteraction}ms;`,\r\n    `--duration-state-change: ${duration.stateChange}ms;`,\r\n    `--duration-page-transition: ${duration.pageTransition}ms;`,\r\n    ``,\r\n    `/* ── Easing ────────────────────────────────────── */`,\r\n    `--easing-out: ${easing.out};`,\r\n    `--easing-in: ${easing.in};`,\r\n    `--easing-soft: ${easing.soft};`,\r\n    ``,\r\n    `/* ── Z-index ───────────────────────────────────── */`,\r\n    // Iterates the full zIndex object — picks up popover/snackbar/\r\n    // tooltip slots added in Batch 1 and skipLink (Batch 11 / B3)\r\n    // without code changes here.\r\n    ...Object.entries(zIndex).map(([k, v]) => `--z-${k}: ${v};`),\r\n    ``,\r\n    `/* ── Layout ────────────────────────────────────── */`,\r\n    `--sidebar-w: ${layout.sidebar}px;`,\r\n    `--topbar-h: ${layout.topbar}px;`,\r\n    `--content-max: ${layout.contentMax}px;`,\r\n    `--form-max: ${layout.formMax}px;`,\r\n    `--tactile-min: ${layout.tactileMin}px;`,\r\n    ``,\r\n    `/* ── Form field widths (G-H) ───────────────── */`,\r\n    // A7-02 CLASS, SEVENTH INSTANCE. `Field.FIELD_MAX_WIDTH` consumes these\r\n    // as `var(--field-w-s, 200px)`, and Field's docblock states the five\r\n    // values are \"exposees en variables CSS pour etre revues sans toucher au\r\n    // code\" — the stated escape hatch for a decision that same docblock flags\r\n    // as needing design confirmation.\r\n    //\r\n    // This emitter never emitted them, so only the fallbacks ever rendered:\r\n    // the widths were unrevisable without a code change and the promise was\r\n    // false. Exactly what the A7-02 note above records for the letter-spacing\r\n    // scale — a var() fallback wearing a token's name.\r\n    //\r\n    // Emitted from `layout.fieldWidth` so there is ONE source. The component\r\n    // keeps its fallbacks, so a host that never calls injectCssVariables still\r\n    // renders correct widths; where the variables exist, they win.\r\n    `--field-w-xs: ${layout.fieldWidth.xs}px;`,\r\n    `--field-w-s: ${layout.fieldWidth.s}px;`,\r\n    `--field-w-m: ${layout.fieldWidth.m}px;`,\r\n    `--field-w-l: ${layout.fieldWidth.l}px;`,\r\n    ``,\r\n    `/* ── Breakpoints (R-RS.1) ──────────────────────── */`,\r\n    // The single breakpoint scale, also wired into the MUI theme and the\r\n    // mq() string helpers. Media queries can't read var(), so these are\r\n    // for @container queries, clamp() and JS (getComputedStyle) — they\r\n    // exist so no consumer hardcodes a raw px breakpoint anywhere.\r\n    `--bp-xs: ${breakpoints.xs}px;`,\r\n    `--bp-sm: ${breakpoints.sm}px;`,\r\n    `--bp-md: ${breakpoints.md}px;`,\r\n    `--bp-lg: ${breakpoints.lg}px;`,\r\n    `--bp-xl: ${breakpoints.xl}px;`,\r\n    ``,\r\n    `/* ── Density (default = comfortable) ───────────── */`,\r\n    `--row-h: ${density.comfortable.row}px;`,\r\n    `--input-h: ${density.comfortable.input}px;`,\r\n    `--btn-h: ${density.comfortable.btn}px;`,\r\n    `--text-fs: ${density.comfortable.fontSize}px;`,\r\n  ];\r\n\r\n  const collapsedSidebar = `[data-nav-collapsed=\"true\"] { --sidebar-w: ${layout.sidebarMin}px; }`;\r\n\r\n  /* Density tier overrides — emitted in order of granularity so a\r\n   * cascading selector like `[data-density][data-density=\"compact\"]`\r\n   * (host-side specificity hack) resolves predictably. */\r\n  const spaciousDensity = [\r\n    `[data-density=\"spacious\"] {`,\r\n    `  --row-h: ${density.spacious.row}px;`,\r\n    `  --input-h: ${density.spacious.input}px;`,\r\n    `  --btn-h: ${density.spacious.btn}px;`,\r\n    `  --text-fs: ${density.spacious.fontSize}px;`,\r\n    `}`,\r\n  ].join(\"\\n\");\r\n\r\n  const compactDensity = [\r\n    `[data-density=\"compact\"] {`,\r\n    `  --row-h: ${density.compact.row}px;`,\r\n    `  --input-h: ${density.compact.input}px;`,\r\n    `  --btn-h: ${density.compact.btn}px;`,\r\n    `  --text-fs: ${density.compact.fontSize}px;`,\r\n    `}`,\r\n  ].join(\"\\n\");\r\n\r\n  const ultraCompactDensity = [\r\n    `[data-density=\"ultra-compact\"] {`,\r\n    `  --row-h: ${density.ultraCompact.row}px;`,\r\n    `  --input-h: ${density.ultraCompact.input}px;`,\r\n    `  --btn-h: ${density.ultraCompact.btn}px;`,\r\n    `  --text-fs: ${density.ultraCompact.fontSize}px;`,\r\n    `}`,\r\n  ].join(\"\\n\");\r\n\r\n  /* ── Dark mode overrides ────────────────────────────────────\r\n   * Soft variants (semantic + status) are DERIVED via color-mix\r\n   * from the saturated colour or the dark-mode status FG. The\r\n   * static light-mode soft hex codes are too pale on dark\r\n   * surfaces and fail WCAG 1.4.11 non-text contrast.\r\n   * The 22-24% mix produces a tinted overlay that adapts to host\r\n   * brand overrides automatically.\r\n   * ───────────────────────────────────────────────────────── */\r\n  const darkVars = [\r\n    `[data-theme=\"dark\"] {`,\r\n    `  --bg: ${dark.bg};`,\r\n    `  --bg-elev: ${dark.bgElev};`,\r\n    `  --bg-subtle: ${dark.bgSubtle};`,\r\n    `  --bg-hover: ${dark.bgHover};`,\r\n    `  --surface: ${dark.surface};`,\r\n    `  --border: ${dark.border};`,\r\n    `  --border-strong: ${dark.borderStrong};`,\r\n    `  --fg: ${dark.fg};`,\r\n    `  --fg-muted: ${dark.fgMuted};`,\r\n    `  --fg-subtle: ${dark.fgSubtle};`,\r\n    `  --fg-inverse: ${dark.fgInverse};`,\r\n    `  --accent-soft: ${dark.accentSoft};`,\r\n    ``,\r\n    `  /* Soft semantic fills — derived from the saturated colour */`,\r\n    `  --success-soft: color-mix(in srgb, var(--success) 24%, transparent);`,\r\n    `  --warning-soft: color-mix(in srgb, var(--warning) 24%, transparent);`,\r\n    `  --danger-soft:  color-mix(in srgb, var(--danger)  24%, transparent);`,\r\n    `  --info-soft:    color-mix(in srgb, var(--info)    24%, transparent);`,\r\n    ``,\r\n    `  /* Status FG — overridden for dark-mode visibility */`,\r\n    `  --status-new-fg: ${dark.status.new.fg};`,\r\n    `  --status-sent-fg: ${dark.status.sent.fg};`,\r\n    `  --status-pending-fg: ${dark.status.pending.fg};`,\r\n    `  --status-approved-fg: ${dark.status.approved.fg};`,\r\n    `  --status-rejected-fg: ${dark.status.rejected.fg};`,\r\n    `  --status-neutral-fg: ${dark.status.neutral.fg};`,\r\n    ``,\r\n    `  /* Status soft — derived from the dark-mode FG */`,\r\n    `  --status-new-soft:      color-mix(in srgb, var(--status-new-fg)      22%, transparent);`,\r\n    `  --status-sent-soft:     color-mix(in srgb, var(--status-sent-fg)     22%, transparent);`,\r\n    `  --status-pending-soft:  color-mix(in srgb, var(--status-pending-fg)  22%, transparent);`,\r\n    `  --status-approved-soft: color-mix(in srgb, var(--status-approved-fg) 22%, transparent);`,\r\n    `  --status-rejected-soft: color-mix(in srgb, var(--status-rejected-fg) 22%, transparent);`,\r\n    `  --status-neutral-soft:  color-mix(in srgb, var(--status-neutral-fg)  22%, transparent);`,\r\n    `}`,\r\n  ].join(\"\\n\");\r\n\r\n  /* Dev-only validation — catches the regression class that motivated it: a\r\n   * token removed from ../tokens while this emitter still references it, which\r\n   * puts the literal \"undefined\" into :root instead of failing loudly. See the\r\n   * note beside --fw-bold above. */\r\n  if (typeof console !== \"undefined\") {\r\n    const offenders = lightVars.filter((l) => /:\\s*undefined\\b/.test(l));\r\n    if (offenders.length) {\r\n      // eslint-disable-next-line no-console\r\n      console.warn(\r\n        \"[@portnet/ui v2] cssVariables emitted undefined values — check token imports:\",\r\n        offenders,\r\n      );\r\n    }\r\n  }\r\n\r\n  return [\r\n    `:root {`,\r\n    ...lightVars.map((line) => (line ? `  ${line}` : \"\")),\r\n    `}`,\r\n    ``,\r\n    collapsedSidebar,\r\n    ``,\r\n    spaciousDensity,\r\n    ``,\r\n    compactDensity,\r\n    ``,\r\n    ultraCompactDensity,\r\n    ``,\r\n    darkVars,\r\n  ].join(\"\\n\");\r\n}\r\n\r\n/**\r\n * Inject the variables into <head> at runtime.\r\n * Idempotent: replaces a previous tag if present.\r\n *\r\n * Backward-compatible signatures:\r\n *   injectCssVariables();                                   // default id, no override\r\n *   injectCssVariables(\"my-style-id\");                      // legacy string id\r\n *   injectCssVariables({ id, brand, brandSecondary });      // options form\r\n */\r\nexport function injectCssVariables(arg?: string | CssVariablesOptions): void {\r\n  if (typeof document === \"undefined\") return;\r\n  const opts: CssVariablesOptions = typeof arg === \"string\" ? { id: arg } : (arg || {});\r\n  const id = opts.id || STYLE_TAG_ID;\r\n\r\n  let tag = document.getElementById(id);\r\n  if (!tag) {\r\n    tag = document.createElement(\"style\");\r\n    tag.id = id;\r\n    document.head.appendChild(tag);\r\n  }\r\n  tag.textContent = getCssVariables(opts);\r\n}\r\n\r\n/**\r\n * Remove the injected style tag. Symmetrical with\r\n * injectCssVariables — needed for theme switching, hot-reload\r\n * and test cleanup. No-op when the tag is absent or in SSR.\r\n *\r\n *   removeCssVariables();              // default id\r\n *   removeCssVariables(\"my-style-id\"); // legacy string id\r\n *   removeCssVariables({ id });        // options form\r\n */\r\nexport function removeCssVariables(arg?: string | CssVariablesOptions): void {\r\n  if (typeof document === \"undefined\") return;\r\n  const id = typeof arg === \"string\"\r\n    ? arg\r\n    : ((arg && arg.id) || STYLE_TAG_ID);\r\n  const tag = document.getElementById(id);\r\n  if (tag) tag.remove();\r\n}\r\n\r\nconst cssVariablesApi = { getCssVariables, injectCssVariables, removeCssVariables };\r\nexport default cssVariablesApi;\r\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/v2/theme/index.js

@@ -22,11 +22,11 @@ export { getCssVariables, injectCssVariables, removeCssVariables } from "./cssVa
  * Additive, non-breaking: type-only re-exports, no runtime change.
  */
 
-var themeApi = {
-  createPortnetTheme: createPortnetTheme,
-  getCssVariables: getCssVariables,
-  injectCssVariables: injectCssVariables,
-  removeCssVariables: removeCssVariables
+const themeApi = {
+  createPortnetTheme,
+  getCssVariables,
+  injectCssVariables,
+  removeCssVariables
 };
 export default themeApi;
 //# sourceMappingURL=index.js.map

package/dist/esm/v2/theme/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["createPortnetTheme","getCssVariables","injectCssVariables","removeCssVariables","default","themeApi"],"sources":["../../../../src/lib/v2/theme/index.ts"],"sourcesContent":["import createPortnetTheme from \"./createPortnetTheme\";\r\nimport {\r\n  getCssVariables,\r\n  injectCssVariables,\r\n  removeCssVariables,\r\n} from \"./cssVariables\";\r\n\r\nexport { default as createPortnetTheme } from \"./createPortnetTheme\";\r\nexport {\r\n  getCssVariables,\r\n  injectCssVariables,\r\n  removeCssVariables,\r\n} from \"./cssVariables\";\r\n\r\n/**\r\n * Public typed contract of the theme factory.\r\n *\r\n * Every host module wraps `createPortnetTheme` in a local `build<Module>Theme`\r\n * helper (see the GU modules' `utils/appearance`), and those wrappers need to\r\n * declare their own option surface without redefining it. Before this export\r\n * the options type was module-private, which forced consumers into either\r\n * `brand?: object` or an `as Parameters<typeof createPortnetTheme>[0]`\r\n * assertion — both of which the Platform TypeScript Guidelines forbid\r\n * (\"Never use object\", \"Avoid unsafe assertions\").\r\n *\r\n * `BrandTokens` / `BrandSecondaryTokens` are surfaced for the same reason: a\r\n * host that receives a partial brand payload from the shell (themeReceived)\r\n * must be able to type that payload against the shared token group instead of\r\n * inventing a local twin.\r\n *\r\n * Additive, non-breaking: type-only re-exports, no runtime change.\r\n */\r\nexport type { CreatePortnetThemeOptions } from \"./createPortnetTheme\";\r\nexport type { BrandTokens } from \"./_brand\";\r\nexport type { BrandSecondaryTokens } from \"./_brandSecondary\";\r\n\r\nconst themeApi = {\r\n  createPortnetTheme,\r\n  getCssVariables,\r\n  injectCssVariables,\r\n  removeCssVariables,\r\n};\r\nexport default themeApi;\r\n"],"mappings":"AAAA,OAAOA,kBAAkB,MAAM,sBAAsB;AACrD,SACEC,eAAe,EACfC,kBAAkB,EAClBC,kBAAkB,QACb,gBAAgB;AAEvB,SAASC,OAAO,IAAIJ,kBAAkB,QAAQ,sBAAsB;AACpE,SACEC,eAAe,EACfC,kBAAkB,EAClBC,kBAAkB,QACb,gBAAgB;;AAEvB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAKA,IAAME,QAAQ,GAAG;EACfL,kBAAkB,EAAlBA,kBAAkB;EAClBC,eAAe,EAAfA,eAAe;EACfC,kBAAkB,EAAlBA,kBAAkB;EAClBC,kBAAkB,EAAlBA;AACF,CAAC;AACD,eAAeE,QAAQ","ignoreList":[]}
+{"version":3,"file":"index.js","names":["createPortnetTheme","getCssVariables","injectCssVariables","removeCssVariables","default","themeApi"],"sources":["../../../../src/lib/v2/theme/index.ts"],"sourcesContent":["import createPortnetTheme from \"./createPortnetTheme\";\r\nimport {\r\n  getCssVariables,\r\n  injectCssVariables,\r\n  removeCssVariables,\r\n} from \"./cssVariables\";\r\n\r\nexport { default as createPortnetTheme } from \"./createPortnetTheme\";\r\nexport {\r\n  getCssVariables,\r\n  injectCssVariables,\r\n  removeCssVariables,\r\n} from \"./cssVariables\";\r\n\r\n/**\r\n * Public typed contract of the theme factory.\r\n *\r\n * Every host module wraps `createPortnetTheme` in a local `build<Module>Theme`\r\n * helper (see the GU modules' `utils/appearance`), and those wrappers need to\r\n * declare their own option surface without redefining it. Before this export\r\n * the options type was module-private, which forced consumers into either\r\n * `brand?: object` or an `as Parameters<typeof createPortnetTheme>[0]`\r\n * assertion — both of which the Platform TypeScript Guidelines forbid\r\n * (\"Never use object\", \"Avoid unsafe assertions\").\r\n *\r\n * `BrandTokens` / `BrandSecondaryTokens` are surfaced for the same reason: a\r\n * host that receives a partial brand payload from the shell (themeReceived)\r\n * must be able to type that payload against the shared token group instead of\r\n * inventing a local twin.\r\n *\r\n * Additive, non-breaking: type-only re-exports, no runtime change.\r\n */\r\nexport type { CreatePortnetThemeOptions } from \"./createPortnetTheme\";\r\nexport type { BrandTokens } from \"./_brand\";\r\nexport type { BrandSecondaryTokens } from \"./_brandSecondary\";\r\n\r\nconst themeApi = {\r\n  createPortnetTheme,\r\n  getCssVariables,\r\n  injectCssVariables,\r\n  removeCssVariables,\r\n};\r\nexport default themeApi;\r\n"],"mappings":"AAAA,OAAOA,kBAAkB,MAAM,sBAAsB;AACrD,SACEC,eAAe,EACfC,kBAAkB,EAClBC,kBAAkB,QACb,gBAAgB;AAEvB,SAASC,OAAO,IAAIJ,kBAAkB,QAAQ,sBAAsB;AACpE,SACEC,eAAe,EACfC,kBAAkB,EAClBC,kBAAkB,QACb,gBAAgB;;AAEvB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAKA,MAAME,QAAQ,GAAG;EACfL,kBAAkB;EAClBC,eAAe;EACfC,kBAAkB;EAClBC;AACF,CAAC;AACD,eAAeE,QAAQ","ignoreList":[]}

package/dist/esm/v2/tokens/breakpoints.js

@@ -36,7 +36,7 @@
  */
 
 /* Ascending, mobile-first. xs = 0 is the base band (phones 320-480). */
-export var breakpoints = Object.freeze({
+export const breakpoints = Object.freeze({
   xs: 0,
   sm: 481,
   md: 768,
@@ -49,12 +49,12 @@ export var breakpoints = Object.freeze({
 
 /* Ordered key list — the canonical iteration order for any mobile-first
  * cascade (base -> up). Re-used by Layout.js so the order can't drift. */
-export var BREAKPOINT_KEYS = Object.freeze(["xs", "sm", "md", "lg", "xl"]);
+export const BREAKPOINT_KEYS = Object.freeze(["xs", "sm", "md", "lg", "xl"]);
 
 /* MUI parity: down()/between() subtract this from the upper bound so a
  * `down(key)` query and the matching `up(key)` query never overlap at
  * the exact pixel. Mirrors MUI's default step (5/100 = 0.05px). */
-var STEP = 0.05;
+const STEP = 0.05;
 
 /**
  * Resolve a key to its numeric min-width, falling back to 0 for an
@@ -62,13 +62,13 @@ var STEP = 0.05;
  * emitting a NaN width (which silently disables the whole query).
  */
 export function bpValue(key) {
-  var v = breakpoints[key];
+  const v = breakpoints[key];
   return typeof v === "number" ? v : 0;
 }
 
 /* Next key up the scale, or null when `key` is the largest. */
 function nextKey(key) {
-  var i = BREAKPOINT_KEYS.indexOf(key);
+  const i = BREAKPOINT_KEYS.indexOf(key);
   return i >= 0 && i < BREAKPOINT_KEYS.length - 1 ? BREAKPOINT_KEYS[i + 1] : null;
 }
 
@@ -87,18 +87,18 @@ function nextKey(key) {
  * Usage (sx object key):
  *   sx={{ [mq.up("md")]: { flexDirection: "row" } }}
  */
-export var mq = Object.freeze({
-  up: function up(key) {
-    return "@media (min-width:".concat(bpValue(key), "px)");
+export const mq = Object.freeze({
+  up(key) {
+    return `@media (min-width:${bpValue(key)}px)`;
   },
-  down: function down(key) {
-    return "@media (max-width:".concat(bpValue(key) - STEP, "px)");
+  down(key) {
+    return `@media (max-width:${bpValue(key) - STEP}px)`;
   },
-  between: function between(start, end) {
-    return "@media (min-width:".concat(bpValue(start), "px) and (max-width:").concat(bpValue(end) - STEP, "px)");
+  between(start, end) {
+    return `@media (min-width:${bpValue(start)}px) and (max-width:${bpValue(end) - STEP}px)`;
   },
-  only: function only(key) {
-    var next = nextKey(key);
+  only(key) {
+    const next = nextKey(key);
     return next ? mq.between(key, next) : mq.up(key);
   }
 });

package/dist/esm/v2/tokens/breakpoints.js.map

@@ -1 +1 @@
-{"version":3,"file":"breakpoints.js","names":["breakpoints","Object","freeze","xs","sm","md","lg","xl","BREAKPOINT_KEYS","STEP","bpValue","key","v","nextKey","i","indexOf","length","mq","up","concat","down","between","start","end","only","next"],"sources":["../../../../src/lib/v2/tokens/breakpoints.ts"],"sourcesContent":["/**\r\n * Breakpoint tokens — Portnet UI v2\r\n * Aligned with Design System v1.0 §07 (Responsive) + R-RS.1.\r\n *\r\n * SINGLE SOURCE OF TRUTH for the responsive breakpoint scale.\r\n * Previously these lived inside tokens/density.js, conflating two\r\n * unrelated concerns (row/control density vs. viewport breakpoints).\r\n * They now live here; density.js re-exports `breakpoints` so every\r\n * existing `import { breakpoints } from \"@portnet/ui/v2/tokens\"`\r\n * (and the `densityLayout` shape) keeps working unchanged.\r\n *\r\n * Two layers consume this scale and MUST stay in lockstep:\r\n *   1. The MUI theme — createPortnetTheme wires `breakpoints` into\r\n *      createTheme's `breakpoints.values`, so `theme.breakpoints.up()`\r\n *      and every `sx={{ prop: { xs, md } }}` on a MUI component resolve\r\n *      against THESE values.\r\n *   2. The CSS layer — the `mq` helpers below emit the SAME media\r\n *      queries as strings, for:\r\n *        - the theme-free v2 Box/Stack responsive sx engine (Layout.js),\r\n *        - raw `.css` / container styles,\r\n *        - any `sx={{ [mq.up(\"md\")]: {...} }}`,\r\n *      and the `--bp-*` CSS variables emitted by cssVariables.js for\r\n *      pure-CSS / container-query consumers.\r\n *\r\n * IMPORTANT — keep `breakpoints` a PURE value map ({ key: number }).\r\n * MUI's createTheme iterates `breakpoints.values` to build its own\r\n * up/down/between; a non-numeric key (e.g. a helper function) would be\r\n * mis-read as a breakpoint named \"up\". Helpers therefore live on the\r\n * SEPARATE `mq` export, never on `breakpoints` itself.\r\n *\r\n * Charter viewport targets covered:\r\n *   - xs band : 320 / 360 / 375 / 390 / 414  (phones, base, no query)\r\n *   - md      : 768 / 820                     (tablet)\r\n *   - lg      : 1024                          (small desktop / landscape tablet)\r\n *   - xl band : 1280 / 1440 / 1920            (desktop)\r\n */\r\n\r\n/* Ascending, mobile-first. xs = 0 is the base band (phones 320-480). */\r\nexport const breakpoints = Object.freeze({\r\n  xs:    0,\r\n  sm:  481,\r\n  md:  768,\r\n  lg: 1024,\r\n  xl: 1280,\r\n});\r\n\r\n/* Local key type — canonical union of breakpoint keys. Not exported;\r\n * the public token surface is unchanged. */\r\ntype BreakpointKey = keyof typeof breakpoints;\r\n\r\n/* Ordered key list — the canonical iteration order for any mobile-first\r\n * cascade (base -> up). Re-used by Layout.js so the order can't drift. */\r\nexport const BREAKPOINT_KEYS = Object.freeze([\"xs\", \"sm\", \"md\", \"lg\", \"xl\"] as const);\r\n\r\n/* MUI parity: down()/between() subtract this from the upper bound so a\r\n * `down(key)` query and the matching `up(key)` query never overlap at\r\n * the exact pixel. Mirrors MUI's default step (5/100 = 0.05px). */\r\nconst STEP = 0.05;\r\n\r\n/**\r\n * Resolve a key to its numeric min-width, falling back to 0 for an\r\n * unknown key so a typo degrades to \"always matches\" rather than\r\n * emitting a NaN width (which silently disables the whole query).\r\n */\r\nexport function bpValue(key: BreakpointKey): number {\r\n  const v = breakpoints[key];\r\n  return typeof v === \"number\" ? v : 0;\r\n}\r\n\r\n/* Next key up the scale, or null when `key` is the largest. */\r\nfunction nextKey(key: BreakpointKey) {\r\n  const i = BREAKPOINT_KEYS.indexOf(key);\r\n  return i >= 0 && i < BREAKPOINT_KEYS.length - 1\r\n    ? BREAKPOINT_KEYS[i + 1]\r\n    : null;\r\n}\r\n\r\n/**\r\n * Token-derived media-query string helpers. Output is identical in\r\n * intent to MUI's `theme.breakpoints.*` so the CSS layer and the\r\n * JS/MUI layer can never diverge.\r\n *\r\n *   mq.up(\"md\")            -> \"@media (min-width:<md>px)\"\r\n *   mq.down(\"md\")          -> \"@media (max-width:<md - 0.05>px)\"\r\n *   mq.between(\"sm\",\"lg\")  -> \"@media (min-width:<sm>px) and (max-width:<lg - 0.05>px)\"\r\n *   mq.only(\"md\")          -> mq.between(\"md\",\"lg\")\r\n *\r\n * Usage (theme-free CSS layer / raw stylesheet):\r\n *   `${mq.up(\"md\")}{ .x{ gap:24px } }`\r\n * Usage (sx object key):\r\n *   sx={{ [mq.up(\"md\")]: { flexDirection: \"row\" } }}\r\n */\r\nexport const mq = Object.freeze({\r\n  up(key: BreakpointKey): string {\r\n    return `@media (min-width:${bpValue(key)}px)`;\r\n  },\r\n  down(key: BreakpointKey): string {\r\n    return `@media (max-width:${bpValue(key) - STEP}px)`;\r\n  },\r\n  between(start: BreakpointKey, end: BreakpointKey): string {\r\n    return `@media (min-width:${bpValue(start)}px) and (max-width:${bpValue(end) - STEP}px)`;\r\n  },\r\n  only(key: BreakpointKey): string {\r\n    const next = nextKey(key);\r\n    return next ? mq.between(key, next) : mq.up(key);\r\n  },\r\n});\r\n\r\nexport default breakpoints;\r\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA,OAAO,IAAMA,WAAW,GAAGC,MAAM,CAACC,MAAM,CAAC;EACvCC,EAAE,EAAK,CAAC;EACRC,EAAE,EAAG,GAAG;EACRC,EAAE,EAAG,GAAG;EACRC,EAAE,EAAE,IAAI;EACRC,EAAE,EAAE;AACN,CAAC,CAAC;;AAEF;AACA;;AAGA;AACA;AACA,OAAO,IAAMC,eAAe,GAAGP,MAAM,CAACC,MAAM,CAAC,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAU,CAAC;;AAErF;AACA;AACA;AACA,IAAMO,IAAI,GAAG,IAAI;;AAEjB;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,OAAOA,CAACC,GAAkB,EAAU;EAClD,IAAMC,CAAC,GAAGZ,WAAW,CAACW,GAAG,CAAC;EAC1B,OAAO,OAAOC,CAAC,KAAK,QAAQ,GAAGA,CAAC,GAAG,CAAC;AACtC;;AAEA;AACA,SAASC,OAAOA,CAACF,GAAkB,EAAE;EACnC,IAAMG,CAAC,GAAGN,eAAe,CAACO,OAAO,CAACJ,GAAG,CAAC;EACtC,OAAOG,CAAC,IAAI,CAAC,IAAIA,CAAC,GAAGN,eAAe,CAACQ,MAAM,GAAG,CAAC,GAC3CR,eAAe,CAACM,CAAC,GAAG,CAAC,CAAC,GACtB,IAAI;AACV;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,IAAMG,EAAE,GAAGhB,MAAM,CAACC,MAAM,CAAC;EAC9BgB,EAAE,WAAAA,GAACP,GAAkB,EAAU;IAC7B,4BAAAQ,MAAA,CAA4BT,OAAO,CAACC,GAAG,CAAC;EAC1C,CAAC;EACDS,IAAI,WAAAA,KAACT,GAAkB,EAAU;IAC/B,4BAAAQ,MAAA,CAA4BT,OAAO,CAACC,GAAG,CAAC,GAAGF,IAAI;EACjD,CAAC;EACDY,OAAO,WAAAA,QAACC,KAAoB,EAAEC,GAAkB,EAAU;IACxD,4BAAAJ,MAAA,CAA4BT,OAAO,CAACY,KAAK,CAAC,yBAAAH,MAAA,CAAsBT,OAAO,CAACa,GAAG,CAAC,GAAGd,IAAI;EACrF,CAAC;EACDe,IAAI,WAAAA,KAACb,GAAkB,EAAU;IAC/B,IAAMc,IAAI,GAAGZ,OAAO,CAACF,GAAG,CAAC;IACzB,OAAOc,IAAI,GAAGR,EAAE,CAACI,OAAO,CAACV,GAAG,EAAEc,IAAI,CAAC,GAAGR,EAAE,CAACC,EAAE,CAACP,GAAG,CAAC;EAClD;AACF,CAAC,CAAC;AAEF,eAAeX,WAAW","ignoreList":[]}
+{"version":3,"file":"breakpoints.js","names":["breakpoints","Object","freeze","xs","sm","md","lg","xl","BREAKPOINT_KEYS","STEP","bpValue","key","v","nextKey","i","indexOf","length","mq","up","down","between","start","end","only","next"],"sources":["../../../../src/lib/v2/tokens/breakpoints.ts"],"sourcesContent":["/**\r\n * Breakpoint tokens — Portnet UI v2\r\n * Aligned with Design System v1.0 §07 (Responsive) + R-RS.1.\r\n *\r\n * SINGLE SOURCE OF TRUTH for the responsive breakpoint scale.\r\n * Previously these lived inside tokens/density.js, conflating two\r\n * unrelated concerns (row/control density vs. viewport breakpoints).\r\n * They now live here; density.js re-exports `breakpoints` so every\r\n * existing `import { breakpoints } from \"@portnet/ui/v2/tokens\"`\r\n * (and the `densityLayout` shape) keeps working unchanged.\r\n *\r\n * Two layers consume this scale and MUST stay in lockstep:\r\n *   1. The MUI theme — createPortnetTheme wires `breakpoints` into\r\n *      createTheme's `breakpoints.values`, so `theme.breakpoints.up()`\r\n *      and every `sx={{ prop: { xs, md } }}` on a MUI component resolve\r\n *      against THESE values.\r\n *   2. The CSS layer — the `mq` helpers below emit the SAME media\r\n *      queries as strings, for:\r\n *        - the theme-free v2 Box/Stack responsive sx engine (Layout.js),\r\n *        - raw `.css` / container styles,\r\n *        - any `sx={{ [mq.up(\"md\")]: {...} }}`,\r\n *      and the `--bp-*` CSS variables emitted by cssVariables.js for\r\n *      pure-CSS / container-query consumers.\r\n *\r\n * IMPORTANT — keep `breakpoints` a PURE value map ({ key: number }).\r\n * MUI's createTheme iterates `breakpoints.values` to build its own\r\n * up/down/between; a non-numeric key (e.g. a helper function) would be\r\n * mis-read as a breakpoint named \"up\". Helpers therefore live on the\r\n * SEPARATE `mq` export, never on `breakpoints` itself.\r\n *\r\n * Charter viewport targets covered:\r\n *   - xs band : 320 / 360 / 375 / 390 / 414  (phones, base, no query)\r\n *   - md      : 768 / 820                     (tablet)\r\n *   - lg      : 1024                          (small desktop / landscape tablet)\r\n *   - xl band : 1280 / 1440 / 1920            (desktop)\r\n */\r\n\r\n/* Ascending, mobile-first. xs = 0 is the base band (phones 320-480). */\r\nexport const breakpoints = Object.freeze({\r\n  xs:    0,\r\n  sm:  481,\r\n  md:  768,\r\n  lg: 1024,\r\n  xl: 1280,\r\n});\r\n\r\n/* Local key type — canonical union of breakpoint keys. Not exported;\r\n * the public token surface is unchanged. */\r\ntype BreakpointKey = keyof typeof breakpoints;\r\n\r\n/* Ordered key list — the canonical iteration order for any mobile-first\r\n * cascade (base -> up). Re-used by Layout.js so the order can't drift. */\r\nexport const BREAKPOINT_KEYS = Object.freeze([\"xs\", \"sm\", \"md\", \"lg\", \"xl\"] as const);\r\n\r\n/* MUI parity: down()/between() subtract this from the upper bound so a\r\n * `down(key)` query and the matching `up(key)` query never overlap at\r\n * the exact pixel. Mirrors MUI's default step (5/100 = 0.05px). */\r\nconst STEP = 0.05;\r\n\r\n/**\r\n * Resolve a key to its numeric min-width, falling back to 0 for an\r\n * unknown key so a typo degrades to \"always matches\" rather than\r\n * emitting a NaN width (which silently disables the whole query).\r\n */\r\nexport function bpValue(key: BreakpointKey): number {\r\n  const v = breakpoints[key];\r\n  return typeof v === \"number\" ? v : 0;\r\n}\r\n\r\n/* Next key up the scale, or null when `key` is the largest. */\r\nfunction nextKey(key: BreakpointKey) {\r\n  const i = BREAKPOINT_KEYS.indexOf(key);\r\n  return i >= 0 && i < BREAKPOINT_KEYS.length - 1\r\n    ? BREAKPOINT_KEYS[i + 1]\r\n    : null;\r\n}\r\n\r\n/**\r\n * Token-derived media-query string helpers. Output is identical in\r\n * intent to MUI's `theme.breakpoints.*` so the CSS layer and the\r\n * JS/MUI layer can never diverge.\r\n *\r\n *   mq.up(\"md\")            -> \"@media (min-width:<md>px)\"\r\n *   mq.down(\"md\")          -> \"@media (max-width:<md - 0.05>px)\"\r\n *   mq.between(\"sm\",\"lg\")  -> \"@media (min-width:<sm>px) and (max-width:<lg - 0.05>px)\"\r\n *   mq.only(\"md\")          -> mq.between(\"md\",\"lg\")\r\n *\r\n * Usage (theme-free CSS layer / raw stylesheet):\r\n *   `${mq.up(\"md\")}{ .x{ gap:24px } }`\r\n * Usage (sx object key):\r\n *   sx={{ [mq.up(\"md\")]: { flexDirection: \"row\" } }}\r\n */\r\nexport const mq = Object.freeze({\r\n  up(key: BreakpointKey): string {\r\n    return `@media (min-width:${bpValue(key)}px)`;\r\n  },\r\n  down(key: BreakpointKey): string {\r\n    return `@media (max-width:${bpValue(key) - STEP}px)`;\r\n  },\r\n  between(start: BreakpointKey, end: BreakpointKey): string {\r\n    return `@media (min-width:${bpValue(start)}px) and (max-width:${bpValue(end) - STEP}px)`;\r\n  },\r\n  only(key: BreakpointKey): string {\r\n    const next = nextKey(key);\r\n    return next ? mq.between(key, next) : mq.up(key);\r\n  },\r\n});\r\n\r\nexport default breakpoints;\r\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA,OAAO,MAAMA,WAAW,GAAGC,MAAM,CAACC,MAAM,CAAC;EACvCC,EAAE,EAAK,CAAC;EACRC,EAAE,EAAG,GAAG;EACRC,EAAE,EAAG,GAAG;EACRC,EAAE,EAAE,IAAI;EACRC,EAAE,EAAE;AACN,CAAC,CAAC;;AAEF;AACA;;AAGA;AACA;AACA,OAAO,MAAMC,eAAe,GAAGP,MAAM,CAACC,MAAM,CAAC,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAU,CAAC;;AAErF;AACA;AACA;AACA,MAAMO,IAAI,GAAG,IAAI;;AAEjB;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,OAAOA,CAACC,GAAkB,EAAU;EAClD,MAAMC,CAAC,GAAGZ,WAAW,CAACW,GAAG,CAAC;EAC1B,OAAO,OAAOC,CAAC,KAAK,QAAQ,GAAGA,CAAC,GAAG,CAAC;AACtC;;AAEA;AACA,SAASC,OAAOA,CAACF,GAAkB,EAAE;EACnC,MAAMG,CAAC,GAAGN,eAAe,CAACO,OAAO,CAACJ,GAAG,CAAC;EACtC,OAAOG,CAAC,IAAI,CAAC,IAAIA,CAAC,GAAGN,eAAe,CAACQ,MAAM,GAAG,CAAC,GAC3CR,eAAe,CAACM,CAAC,GAAG,CAAC,CAAC,GACtB,IAAI;AACV;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMG,EAAE,GAAGhB,MAAM,CAACC,MAAM,CAAC;EAC9BgB,EAAEA,CAACP,GAAkB,EAAU;IAC7B,OAAO,qBAAqBD,OAAO,CAACC,GAAG,CAAC,KAAK;EAC/C,CAAC;EACDQ,IAAIA,CAACR,GAAkB,EAAU;IAC/B,OAAO,qBAAqBD,OAAO,CAACC,GAAG,CAAC,GAAGF,IAAI,KAAK;EACtD,CAAC;EACDW,OAAOA,CAACC,KAAoB,EAAEC,GAAkB,EAAU;IACxD,OAAO,qBAAqBZ,OAAO,CAACW,KAAK,CAAC,sBAAsBX,OAAO,CAACY,GAAG,CAAC,GAAGb,IAAI,KAAK;EAC1F,CAAC;EACDc,IAAIA,CAACZ,GAAkB,EAAU;IAC/B,MAAMa,IAAI,GAAGX,OAAO,CAACF,GAAG,CAAC;IACzB,OAAOa,IAAI,GAAGP,EAAE,CAACG,OAAO,CAACT,GAAG,EAAEa,IAAI,CAAC,GAAGP,EAAE,CAACC,EAAE,CAACP,GAAG,CAAC;EAClD;AACF,CAAC,CAAC;AAEF,eAAeX,WAAW","ignoreList":[]}

package/dist/esm/v2/tokens/chart.js

@@ -0,0 +1,261 @@
+/**
+ * Categorical chart palette — Portnet UI v2
+ *
+ * A cyclable sequence of visually distinct fills for CATEGORY series in
+ * charts (pie slices, stacked bars, multi-series lines). Charter §02.
+ *
+ * ─────────────────────────────────────────────────────────────────────────────
+ * WHY THIS BELONGS IN THE LIBRARY (capability gap G-37)
+ *
+ * R-2.3 MUST: "aucune valeur magique : tout px/color/font-size passe par un
+ * token". R-AI.1 MUST repeats it for generated UI. Yet the library shipped only
+ * SEMANTIC colour: brand, ink, surface, border, the four severities and the six
+ * workflow statuses. None of them answers "give me N colours that a reader can
+ * tell apart", so every charting screen wrote its own list of hex literals.
+ *
+ * Observed in `refonte-frontend` (Area 4): THIRTY-TWO literals across two
+ * files — a 30-entry palette in `GraphiqueCamembert` (itself already
+ * de-duplicated from two copies) plus two more in
+ * `ChartBilanDPCIParDelegation`. The file carried a comment explaining, quite
+ * correctly, why it could not be fixed locally: mapping categories onto the
+ * SEMANTIC tones would make "red" mean *a category of measuring instrument*
+ * rather than *an error*, which R-2.2 exists to prevent. So the module was
+ * stuck between two MUST rules, and the only way out was here.
+ *
+ * >>> THE ARGUMENT FOR OWNING IT IS THE VERIFICATION, NOT THE STORAGE. Moving
+ * >>> thirty hex codes from a module to a library would only relocate them. The
+ * >>> reason they belong here is that a categorical palette carries three
+ * >>> claims no host can check for itself, and that this repository already has
+ * >>> the tooling for: each fill must clear the 3:1 non-text floor (WCAG
+ * >>> 1.4.11 / R-C.3) against the surface it sits on, the entries must stay
+ * >>> apart from each other, and they must stay apart under colour-vision
+ * >>> deficiency — a pie chart encodes its data in hue alone, so a palette that
+ * >>> collapses under deuteranopia loses the data, not just the styling. The
+ * >>> module's 30 literals had NONE of the three verified. See
+ * >>> __tests__/chart-palette.test.ts, which asserts all three. <<<
+ * ─────────────────────────────────────────────────────────────────────────────
+ *
+ * HOW THESE VALUES WERE DERIVED
+ *
+ * Hue-balanced, then constrained — not picked by eye:
+ *
+ *   1. Twelve hues, the first eight evenly spaced around the wheel, so the
+ *      sequence reads as intentional rather than arbitrary.
+ *   2. Lightness solved numerically per entry so that relative luminance lands
+ *      inside the window where a fill clears 3:1 against BOTH the light surface
+ *      (#FFFFFF) and the dark-mode surface. That window is roughly
+ *      L ∈ [0.119, 0.300] and it is why ONE array serves both themes — unlike
+ *      `status`, which needs a `dark.status` override. Entries alternate
+ *      between the two ends of the window, which adds a lightness difference to
+ *      the hue difference between neighbours.
+ *   3. Entries 9 to 12 were then chosen by maximising the minimum separation
+ *      against the first eight, measured as the WORST of three distances:
+ *      normal vision, deuteranopia and protanopia (Viénot simulation, CIE76).
+ *
+ * Measured properties (all pinned in the test):
+ *   · every entry ≥ 3.06:1 on #FFFFFF and ≥ 3.37:1 on the dark surface;
+ *   · minimum pairwise separation ≥ 12 ΔE under normal vision AND under both
+ *     simulated dichromacies — the closest pair is entry 1 (red) against
+ *     entry 3 (olive), at ~12.4.
+ *
+ * USE THE FIRST EIGHT WHERE YOU CAN. Entries 1-8 are the hue-balanced core;
+ * 9-12 extend it for larger sets. Past twelve, `chartColor` CYCLES, and two
+ * slices then share a colour — which is a defect in the chart, not in the
+ * palette. A series with more than a dozen categories should aggregate its
+ * tail into a single "Autres" slice: R-3.1 / R-3.2 cap what one screen may
+ * show at once for the same reason.
+ *
+ * COLOUR IS NEVER THE ONLY CHANNEL (WCAG 1.4.1). This palette makes slices
+ * distinguishable; it does not make a chart accessible. Every consumer still
+ * owes a legend with text labels, and a text equivalent of the data — 1.1.1
+ * for the chart as a whole.
+ *
+ * Usage — prefer the JS token in a chart library, since SVG presentation
+ * attributes given a `var()` are not reliably resolved by every renderer:
+ *
+ *   import { chartColor } from "@portnet/ui/tokens";
+ *   <Cell fill={chartColor(index)} />
+ *
+ * In CSS or `sx`, the same values are emitted as `--chart-1` … `--chart-12`
+ * (see theme/cssVariables).
+ *
+ * ─────────────────────────────────────────────────────────────────────────────
+ * TEXT *ON* A SLICE IS A SECOND CONTRAST PROBLEM — see `chartColorOn`.
+ *
+ * The 3:1 floor above covers the FILL against the page. A percentage printed
+ * inside the slice is text on that fill, and owes 4.5:1 (WCAG 1.4.3). The
+ * palette deliberately spans two lightness tiers, so no single label colour
+ * works for all twelve: `refonte-frontend` printed `fill="white"` on all six
+ * of its pies, which was ~3:1 on half of them.
+ * ─────────────────────────────────────────────────────────────────────────────
+ */
+import { contrastRatio, WCAG_AA_NORMAL } from "../utils/contrast";
+import { ink } from "./colors";
+import { fontFamily, fontSize, fontWeight } from "./typography";
+
+/**
+ * The palette, in display order. Entries 1-8 (indices 0-7) are the
+ * hue-balanced, CVD-verified core; 9-12 extend it.
+ */
+export const chartCategorical = Object.freeze(["#C92E1D",
+// 1  red
+"#A89318",
+// 2  amber / olive-gold
+"#3B7911",
+// 3  olive green
+"#18A84B",
+// 4  green
+"#127681",
+// 5  teal
+"#7A8CEC",
+// 6  periwinkle
+"#9B30E1",
+// 7  violet
+"#E860B8",
+// 8  pink
+"#119870",
+// 9  jade
+"#B915B0",
+// 10 magenta
+"#9A0DF9",
+// 11 blue-violet
+"#965848" // 12 brown
+]);
+
+/** Size of the hue-balanced core. Beyond it, separation is still verified but the sequence stops being evenly spaced. */
+export const CHART_CATEGORICAL_CORE = 8;
+
+/**
+ * Colour for the n-th category, cycling past the end of the palette.
+ *
+ * Non-finite or negative indices resolve to the first entry rather than
+ * throwing: a chart is a read-only view, and a bad index should not blank a
+ * page. In development an out-of-range index also warns, because CYCLING IS
+ * SILENT — two slices sharing a colour looks like a design choice, not like the
+ * data-loss it is.
+ */
+export function chartColor(index) {
+  const total = chartCategorical.length;
+  if (!Number.isFinite(index) || index < 0) {
+    return chartCategorical[0];
+  }
+  const i = Math.floor(index);
+  if (i >= total && process.env["NODE_ENV"] !== "production") {
+    // eslint-disable-next-line no-console
+    console.warn(`[@portnet/ui] chartColor(${i}): the palette holds ${total} colours, so ` + `this category reuses the colour of category ${i % total}. Aggregate ` + `the tail of the series instead (R-3.2).`);
+  }
+  return chartCategorical[i % total];
+}
+
+/**
+ * Label colour for text drawn ON a slice — `#FFFFFF` or `ink.fg`, whichever
+ * clears WCAG 1.4.3 AA against that fill.
+ *
+ * DERIVED, NOT TABULATED, and that is the whole point: a parallel array of
+ * twelve label colours would be a second list to keep in step with the first,
+ * and the failure mode of letting them drift is silent — unreadable text, at
+ * the exact spot where the chart states its numbers. Computed here with this
+ * library's own `contrastRatio`, so nudging a hue re-derives its label colour
+ * in the same breath.
+ *
+ * Measured: every entry pairs at ≥ 4.98:1, so the AA floor holds with margin
+ * on all twelve. The dev warning below is for a future hue that lands in the
+ * band where NEITHER candidate reaches 4.5:1 — possible in principle, since the
+ * fill constraint only bounds luminance to [0.119, 0.300].
+ */
+const LABEL_CANDIDATES = Object.freeze(["#FFFFFF", ink.fg]);
+function pickLabelColour(fill) {
+  let best = LABEL_CANDIDATES[0];
+  let bestRatio = 0;
+  for (const candidate of LABEL_CANDIDATES) {
+    const ratio = contrastRatio(candidate, fill) ?? 0;
+    if (ratio > bestRatio) {
+      bestRatio = ratio;
+      best = candidate;
+    }
+  }
+  if (bestRatio < WCAG_AA_NORMAL && process.env["NODE_ENV"] !== "production") {
+    // eslint-disable-next-line no-console
+    console.warn(`[@portnet/ui] chart fill ${fill} has no AA-compliant label colour ` + `(best ${bestRatio.toFixed(2)}:1). Draw the label outside the slice, or ` + `re-solve the fill's lightness.`);
+  }
+  return best;
+}
+
+/** Label colours, index-aligned with `chartCategorical`. */
+export const chartCategoricalOn = Object.freeze(chartCategorical.map(pickLabelColour));
+
+/** AA-safe colour for text drawn on top of `chartColor(index)`. Cycles identically. */
+export function chartColorOn(index) {
+  const total = chartCategoricalOn.length;
+  if (!Number.isFinite(index) || index < 0) {
+    return chartCategoricalOn[0];
+  }
+  return chartCategoricalOn[Math.floor(index) % total];
+}
+
+/**
+ * Non-data chart furniture — title, labels, canvas (capability gap G-54).
+ *
+ * ────────────────────────────────────────────────────────────────────────────────
+ * THIS IS A ROLE→TOKEN MAPPING, NOT A STORE OF VALUES, and the distinction is
+ * the justification. Every value below already exists in this library, and a
+ * module reading `ink.fgMuted` for its axis labels is already compliant with
+ * R-2.3. What no module can get right alone is WHICH token plays WHICH role:
+ * is a chart title an `h2` or an `h3`? are axis labels `xs` or `sm`? is the
+ * canvas `surface` or transparent?
+ *
+ * Left unanswered, each screen answers it again. Observed in
+ * `autorisation-admis-pour-conforme-fe` (Area 5): three bilan screens, five
+ * chart definitions, the same five-line block of title / label / canvas styling
+ * copied into each — agreeing only because they were copied from one another.
+ * The next module starts from a blank chart and picks `h2`, and nothing in code
+ * review can call that wrong, because the platform never said.
+ *
+ * So this is the answer, once: a chart title reads as a card title (`h3`,
+ * semibold, full-strength ink), its labels as hints (`xs`, muted ink), and its
+ * canvas is TRANSPARENT — the chart sits on whatever `Surface` holds it, and a
+ * hard-coded white canvas is exactly what breaks a chart in dark mode.
+ * ────────────────────────────────────────────────────────────────────────────────
+ *
+ * LIBRARY-AGNOSTIC BY CONSTRUCTION. Plain strings, no chart library imported,
+ * no option shape assumed: Highcharts, Recharts, Chart.js and a hand-written
+ * SVG all take these. A consumer maps them to its renderer's option names,
+ * which is a binding — and a binding holding no design values is not a
+ * duplication of this.
+ *
+ * FONT SIZES ARE STRINGS WITH UNITS, unlike `fontSize.*`, which are integers.
+ * Chart libraries pass their style objects to SVG attributes rather than to
+ * React's style prop, so they never get a unit appended for free — a bare `16`
+ * is silently ignored by some renderers and read as `16px` by others.
+ *
+ * WHAT THIS DOES NOT MAKE ACCESSIBLE. Nothing here supplies the text
+ * equivalent WCAG 1.1.1 requires of a chart, or the non-colour channel of
+ * 1.4.1. See the `ChartFigure` pattern, which carries the caption, and the note
+ * at the head of this file.
+ */
+export const chartChrome = Object.freeze({
+  /** Canvas fill. Transparent so the holding `Surface` shows through, light or dark. */
+  background: "transparent",
+  /** One family for every text in the chart — §02.2 UI stack. */
+  fontFamily: fontFamily.sans,
+  /** Chart title: reads as a card title (§02.2 `h3`). */
+  title: Object.freeze({
+    color: ink.fg,
+    fontSize: `${fontSize.h3}px`,
+    fontWeight: String(fontWeight.semibold)
+  }),
+  /** Axis labels, legend items, data labels drawn OUTSIDE a slice: hints. */
+  label: Object.freeze({
+    color: ink.fgMuted,
+    fontSize: `${fontSize.xs}px`
+  })
+});
+const chart = {
+  chartCategorical,
+  chartColor,
+  chartColorOn,
+  chartChrome,
+  CHART_CATEGORICAL_CORE
+};
+export default chart;
+//# sourceMappingURL=chart.js.map

package/dist/esm/v2/tokens/chart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chart.js","names":["contrastRatio","WCAG_AA_NORMAL","ink","fontFamily","fontSize","fontWeight","chartCategorical","Object","freeze","CHART_CATEGORICAL_CORE","chartColor","index","total","length","Number","isFinite","i","Math","floor","process","env","console","warn","LABEL_CANDIDATES","fg","pickLabelColour","fill","best","bestRatio","candidate","ratio","toFixed","chartCategoricalOn","map","chartColorOn","chartChrome","background","sans","title","color","h3","String","semibold","label","fgMuted","xs","chart"],"sources":["../../../../src/lib/v2/tokens/chart.ts"],"sourcesContent":["/**\r\n * Categorical chart palette — Portnet UI v2\r\n *\r\n * A cyclable sequence of visually distinct fills for CATEGORY series in\r\n * charts (pie slices, stacked bars, multi-series lines). Charter §02.\r\n *\r\n * ─────────────────────────────────────────────────────────────────────────────\r\n * WHY THIS BELONGS IN THE LIBRARY (capability gap G-37)\r\n *\r\n * R-2.3 MUST: \"aucune valeur magique : tout px/color/font-size passe par un\r\n * token\". R-AI.1 MUST repeats it for generated UI. Yet the library shipped only\r\n * SEMANTIC colour: brand, ink, surface, border, the four severities and the six\r\n * workflow statuses. None of them answers \"give me N colours that a reader can\r\n * tell apart\", so every charting screen wrote its own list of hex literals.\r\n *\r\n * Observed in `refonte-frontend` (Area 4): THIRTY-TWO literals across two\r\n * files — a 30-entry palette in `GraphiqueCamembert` (itself already\r\n * de-duplicated from two copies) plus two more in\r\n * `ChartBilanDPCIParDelegation`. The file carried a comment explaining, quite\r\n * correctly, why it could not be fixed locally: mapping categories onto the\r\n * SEMANTIC tones would make \"red\" mean *a category of measuring instrument*\r\n * rather than *an error*, which R-2.2 exists to prevent. So the module was\r\n * stuck between two MUST rules, and the only way out was here.\r\n *\r\n * >>> THE ARGUMENT FOR OWNING IT IS THE VERIFICATION, NOT THE STORAGE. Moving\r\n * >>> thirty hex codes from a module to a library would only relocate them. The\r\n * >>> reason they belong here is that a categorical palette carries three\r\n * >>> claims no host can check for itself, and that this repository already has\r\n * >>> the tooling for: each fill must clear the 3:1 non-text floor (WCAG\r\n * >>> 1.4.11 / R-C.3) against the surface it sits on, the entries must stay\r\n * >>> apart from each other, and they must stay apart under colour-vision\r\n * >>> deficiency — a pie chart encodes its data in hue alone, so a palette that\r\n * >>> collapses under deuteranopia loses the data, not just the styling. The\r\n * >>> module's 30 literals had NONE of the three verified. See\r\n * >>> __tests__/chart-palette.test.ts, which asserts all three. <<<\r\n * ─────────────────────────────────────────────────────────────────────────────\r\n *\r\n * HOW THESE VALUES WERE DERIVED\r\n *\r\n * Hue-balanced, then constrained — not picked by eye:\r\n *\r\n *   1. Twelve hues, the first eight evenly spaced around the wheel, so the\r\n *      sequence reads as intentional rather than arbitrary.\r\n *   2. Lightness solved numerically per entry so that relative luminance lands\r\n *      inside the window where a fill clears 3:1 against BOTH the light surface\r\n *      (#FFFFFF) and the dark-mode surface. That window is roughly\r\n *      L ∈ [0.119, 0.300] and it is why ONE array serves both themes — unlike\r\n *      `status`, which needs a `dark.status` override. Entries alternate\r\n *      between the two ends of the window, which adds a lightness difference to\r\n *      the hue difference between neighbours.\r\n *   3. Entries 9 to 12 were then chosen by maximising the minimum separation\r\n *      against the first eight, measured as the WORST of three distances:\r\n *      normal vision, deuteranopia and protanopia (Viénot simulation, CIE76).\r\n *\r\n * Measured properties (all pinned in the test):\r\n *   · every entry ≥ 3.06:1 on #FFFFFF and ≥ 3.37:1 on the dark surface;\r\n *   · minimum pairwise separation ≥ 12 ΔE under normal vision AND under both\r\n *     simulated dichromacies — the closest pair is entry 1 (red) against\r\n *     entry 3 (olive), at ~12.4.\r\n *\r\n * USE THE FIRST EIGHT WHERE YOU CAN. Entries 1-8 are the hue-balanced core;\r\n * 9-12 extend it for larger sets. Past twelve, `chartColor` CYCLES, and two\r\n * slices then share a colour — which is a defect in the chart, not in the\r\n * palette. A series with more than a dozen categories should aggregate its\r\n * tail into a single \"Autres\" slice: R-3.1 / R-3.2 cap what one screen may\r\n * show at once for the same reason.\r\n *\r\n * COLOUR IS NEVER THE ONLY CHANNEL (WCAG 1.4.1). This palette makes slices\r\n * distinguishable; it does not make a chart accessible. Every consumer still\r\n * owes a legend with text labels, and a text equivalent of the data — 1.1.1\r\n * for the chart as a whole.\r\n *\r\n * Usage — prefer the JS token in a chart library, since SVG presentation\r\n * attributes given a `var()` are not reliably resolved by every renderer:\r\n *\r\n *   import { chartColor } from \"@portnet/ui/tokens\";\r\n *   <Cell fill={chartColor(index)} />\r\n *\r\n * In CSS or `sx`, the same values are emitted as `--chart-1` … `--chart-12`\r\n * (see theme/cssVariables).\r\n *\r\n * ─────────────────────────────────────────────────────────────────────────────\r\n * TEXT *ON* A SLICE IS A SECOND CONTRAST PROBLEM — see `chartColorOn`.\r\n *\r\n * The 3:1 floor above covers the FILL against the page. A percentage printed\r\n * inside the slice is text on that fill, and owes 4.5:1 (WCAG 1.4.3). The\r\n * palette deliberately spans two lightness tiers, so no single label colour\r\n * works for all twelve: `refonte-frontend` printed `fill=\"white\"` on all six\r\n * of its pies, which was ~3:1 on half of them.\r\n * ─────────────────────────────────────────────────────────────────────────────\r\n */\r\nimport { contrastRatio, WCAG_AA_NORMAL } from \"../utils/contrast\";\r\nimport { ink } from \"./colors\";\r\nimport { fontFamily, fontSize, fontWeight } from \"./typography\";\r\n\r\n/**\r\n * The palette, in display order. Entries 1-8 (indices 0-7) are the\r\n * hue-balanced, CVD-verified core; 9-12 extend it.\r\n */\r\nexport const chartCategorical = Object.freeze([\r\n  \"#C92E1D\", // 1  red\r\n  \"#A89318\", // 2  amber / olive-gold\r\n  \"#3B7911\", // 3  olive green\r\n  \"#18A84B\", // 4  green\r\n  \"#127681\", // 5  teal\r\n  \"#7A8CEC\", // 6  periwinkle\r\n  \"#9B30E1\", // 7  violet\r\n  \"#E860B8\", // 8  pink\r\n  \"#119870\", // 9  jade\r\n  \"#B915B0\", // 10 magenta\r\n  \"#9A0DF9\", // 11 blue-violet\r\n  \"#965848\", // 12 brown\r\n] as const);\r\n\r\n/** Size of the hue-balanced core. Beyond it, separation is still verified but the sequence stops being evenly spaced. */\r\nexport const CHART_CATEGORICAL_CORE = 8;\r\n\r\n/**\r\n * Colour for the n-th category, cycling past the end of the palette.\r\n *\r\n * Non-finite or negative indices resolve to the first entry rather than\r\n * throwing: a chart is a read-only view, and a bad index should not blank a\r\n * page. In development an out-of-range index also warns, because CYCLING IS\r\n * SILENT — two slices sharing a colour looks like a design choice, not like the\r\n * data-loss it is.\r\n */\r\nexport function chartColor(index: number): string {\r\n  const total = chartCategorical.length;\r\n  if (!Number.isFinite(index) || index < 0) {\r\n    return chartCategorical[0] as string;\r\n  }\r\n  const i = Math.floor(index);\r\n  if (i >= total && process.env[\"NODE_ENV\"] !== \"production\") {\r\n    // eslint-disable-next-line no-console\r\n    console.warn(\r\n      `[@portnet/ui] chartColor(${i}): the palette holds ${total} colours, so ` +\r\n        `this category reuses the colour of category ${i % total}. Aggregate ` +\r\n        `the tail of the series instead (R-3.2).`\r\n    );\r\n  }\r\n  return chartCategorical[i % total] as string;\r\n}\r\n\r\n/**\r\n * Label colour for text drawn ON a slice — `#FFFFFF` or `ink.fg`, whichever\r\n * clears WCAG 1.4.3 AA against that fill.\r\n *\r\n * DERIVED, NOT TABULATED, and that is the whole point: a parallel array of\r\n * twelve label colours would be a second list to keep in step with the first,\r\n * and the failure mode of letting them drift is silent — unreadable text, at\r\n * the exact spot where the chart states its numbers. Computed here with this\r\n * library's own `contrastRatio`, so nudging a hue re-derives its label colour\r\n * in the same breath.\r\n *\r\n * Measured: every entry pairs at ≥ 4.98:1, so the AA floor holds with margin\r\n * on all twelve. The dev warning below is for a future hue that lands in the\r\n * band where NEITHER candidate reaches 4.5:1 — possible in principle, since the\r\n * fill constraint only bounds luminance to [0.119, 0.300].\r\n */\r\nconst LABEL_CANDIDATES: readonly string[] = Object.freeze([\"#FFFFFF\", ink.fg]);\r\n\r\nfunction pickLabelColour(fill: string): string {\r\n  let best = LABEL_CANDIDATES[0] as string;\r\n  let bestRatio = 0;\r\n  for (const candidate of LABEL_CANDIDATES) {\r\n    const ratio = contrastRatio(candidate, fill) ?? 0;\r\n    if (ratio > bestRatio) {\r\n      bestRatio = ratio;\r\n      best = candidate;\r\n    }\r\n  }\r\n  if (bestRatio < WCAG_AA_NORMAL && process.env[\"NODE_ENV\"] !== \"production\") {\r\n    // eslint-disable-next-line no-console\r\n    console.warn(\r\n      `[@portnet/ui] chart fill ${fill} has no AA-compliant label colour ` +\r\n        `(best ${bestRatio.toFixed(2)}:1). Draw the label outside the slice, or ` +\r\n        `re-solve the fill's lightness.`\r\n    );\r\n  }\r\n  return best;\r\n}\r\n\r\n/** Label colours, index-aligned with `chartCategorical`. */\r\nexport const chartCategoricalOn = Object.freeze(\r\n  chartCategorical.map(pickLabelColour)\r\n);\r\n\r\n/** AA-safe colour for text drawn on top of `chartColor(index)`. Cycles identically. */\r\nexport function chartColorOn(index: number): string {\r\n  const total = chartCategoricalOn.length;\r\n  if (!Number.isFinite(index) || index < 0) {\r\n    return chartCategoricalOn[0] as string;\r\n  }\r\n  return chartCategoricalOn[Math.floor(index) % total] as string;\r\n}\r\n\r\n/**\r\n * Non-data chart furniture — title, labels, canvas (capability gap G-54).\r\n *\r\n * ────────────────────────────────────────────────────────────────────────────────\r\n * THIS IS A ROLE→TOKEN MAPPING, NOT A STORE OF VALUES, and the distinction is\r\n * the justification. Every value below already exists in this library, and a\r\n * module reading `ink.fgMuted` for its axis labels is already compliant with\r\n * R-2.3. What no module can get right alone is WHICH token plays WHICH role:\r\n * is a chart title an `h2` or an `h3`? are axis labels `xs` or `sm`? is the\r\n * canvas `surface` or transparent?\r\n *\r\n * Left unanswered, each screen answers it again. Observed in\r\n * `autorisation-admis-pour-conforme-fe` (Area 5): three bilan screens, five\r\n * chart definitions, the same five-line block of title / label / canvas styling\r\n * copied into each — agreeing only because they were copied from one another.\r\n * The next module starts from a blank chart and picks `h2`, and nothing in code\r\n * review can call that wrong, because the platform never said.\r\n *\r\n * So this is the answer, once: a chart title reads as a card title (`h3`,\r\n * semibold, full-strength ink), its labels as hints (`xs`, muted ink), and its\r\n * canvas is TRANSPARENT — the chart sits on whatever `Surface` holds it, and a\r\n * hard-coded white canvas is exactly what breaks a chart in dark mode.\r\n * ────────────────────────────────────────────────────────────────────────────────\r\n *\r\n * LIBRARY-AGNOSTIC BY CONSTRUCTION. Plain strings, no chart library imported,\r\n * no option shape assumed: Highcharts, Recharts, Chart.js and a hand-written\r\n * SVG all take these. A consumer maps them to its renderer's option names,\r\n * which is a binding — and a binding holding no design values is not a\r\n * duplication of this.\r\n *\r\n * FONT SIZES ARE STRINGS WITH UNITS, unlike `fontSize.*`, which are integers.\r\n * Chart libraries pass their style objects to SVG attributes rather than to\r\n * React's style prop, so they never get a unit appended for free — a bare `16`\r\n * is silently ignored by some renderers and read as `16px` by others.\r\n *\r\n * WHAT THIS DOES NOT MAKE ACCESSIBLE. Nothing here supplies the text\r\n * equivalent WCAG 1.1.1 requires of a chart, or the non-colour channel of\r\n * 1.4.1. See the `ChartFigure` pattern, which carries the caption, and the note\r\n * at the head of this file.\r\n */\r\nexport const chartChrome = Object.freeze({\r\n  /** Canvas fill. Transparent so the holding `Surface` shows through, light or dark. */\r\n  background: \"transparent\",\r\n  /** One family for every text in the chart — §02.2 UI stack. */\r\n  fontFamily: fontFamily.sans,\r\n  /** Chart title: reads as a card title (§02.2 `h3`). */\r\n  title: Object.freeze({\r\n    color: ink.fg,\r\n    fontSize: `${fontSize.h3}px`,\r\n    fontWeight: String(fontWeight.semibold),\r\n  }),\r\n  /** Axis labels, legend items, data labels drawn OUTSIDE a slice: hints. */\r\n  label: Object.freeze({\r\n    color: ink.fgMuted,\r\n    fontSize: `${fontSize.xs}px`,\r\n  }),\r\n});\r\n\r\nconst chart = {\r\n  chartCategorical,\r\n  chartColor,\r\n  chartColorOn,\r\n  chartChrome,\r\n  CHART_CATEGORICAL_CORE,\r\n};\r\nexport default chart;\r\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASA,aAAa,EAAEC,cAAc,QAAQ,mBAAmB;AACjE,SAASC,GAAG,QAAQ,UAAU;AAC9B,SAASC,UAAU,EAAEC,QAAQ,EAAEC,UAAU,QAAQ,cAAc;;AAE/D;AACA;AACA;AACA;AACA,OAAO,MAAMC,gBAAgB,GAAGC,MAAM,CAACC,MAAM,CAAC,CAC5C,SAAS;AAAE;AACX,SAAS;AAAE;AACX,SAAS;AAAE;AACX,SAAS;AAAE;AACX,SAAS;AAAE;AACX,SAAS;AAAE;AACX,SAAS;AAAE;AACX,SAAS;AAAE;AACX,SAAS;AAAE;AACX,SAAS;AAAE;AACX,SAAS;AAAE;AACX,SAAS,CAAE;AAAA,CACH,CAAC;;AAEX;AACA,OAAO,MAAMC,sBAAsB,GAAG,CAAC;;AAEvC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,UAAUA,CAACC,KAAa,EAAU;EAChD,MAAMC,KAAK,GAAGN,gBAAgB,CAACO,MAAM;EACrC,IAAI,CAACC,MAAM,CAACC,QAAQ,CAACJ,KAAK,CAAC,IAAIA,KAAK,GAAG,CAAC,EAAE;IACxC,OAAOL,gBAAgB,CAAC,CAAC,CAAC;EAC5B;EACA,MAAMU,CAAC,GAAGC,IAAI,CAACC,KAAK,CAACP,KAAK,CAAC;EAC3B,IAAIK,CAAC,IAAIJ,KAAK,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","ignoreList":[]}