@portnet/ui 6.0.1 → 6.0.3

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

@@ -1 +1 @@
-{"version":3,"file":"createPortnetTheme.js","names":["createTheme","ink","surface","border","semantic","fontFamily","fontSize","fontWeight","lineHeight","spacing","spacingBase","radius","muiShadows","duration","easing","zIndex","density","densityLayout","layout","breakpoints","dark","resolveBrand","resolveBrandSecondary","BUTTON_MIN_WIDTH","OVERLINE_FONT_SIZE","OVERLINE_LETTER_SPACE","TOOLTIP_MAX_WIDTH","fluidPx","min","max","concat","createPortnetTheme","_zIndex$snackbar","_zIndex$tooltip","options","arguments","length","undefined","mode","dens","D","comfortable","isDark","brand","brandSecondary","palette","primary","main","accent","accentHover","light","accentSoft","contrastText","accentFg","secondary","secondaryFg","error","danger","dangerSoft","dangerFg","fgInverse","warning","warningSoft","warningFg","success","successSoft","successFg","info","infoSoft","infoFg","background","bg","paper","bgElev","text","fg","fgMuted","disabled","fgSubtle","divider","grey","bgSubtle","bgHover","borderStrong","typography","sans","htmlFontSize","fontWeightLight","regular","fontWeightRegular","fontWeightMedium","medium","fontWeightBold","bold","h1","display","tight","h2","h3","snug","h4","semibold","body1","body","normal","body2","sm","caption","xs","button","textTransform","letterSpacing","overline","shape","borderRadius","md","transitions","shortest","fast","shorter","standard","base","complex","enteringScreen","leavingScreen","easeInOut","out","easeOut","easeIn","sharp","muiZIndex","appBar","topbar","drawer","modal","snackbar","toast","tooltip","overflow","focusHalo","components","MuiCssBaseline","styleOverrides","animationDuration","animationIterationCount","transitionDuration","scrollBehavior","MuiButton","defaultProps","disableElevation","root","minHeight","btn","minWidth","paddingInline","s3","boxShadow","outline","sizeSmall","compact","s2","MuiTextField","variant","size","slotProps","inputLabel","shrink","input","backgroundColor","padding","color","MuiOutlinedInput","notchedOutline","borderColor","borderWidth","MuiPaper","elevation","backgroundImage","outlined","MuiCard","lg","MuiTooltip","s1","maxWidth","arrow","MuiTableCell","borderBottomColor","head","MuiChip","full","MuiDialog","apply","values","shadows","tokens","_toConsumableArray","locale"],"sources":["../../../../src/lib/v2/theme/createPortnetTheme.ts"],"sourcesContent":["/**\r\n * createPortnetTheme(options) — Portnet UI v2\r\n *\r\n * MUI 9 theme factory built on v2 tokens. Pass it to <ThemeProvider>:\r\n *\r\n *   import { createPortnetTheme } from \"@portnet/ui/v2/theme\";\r\n *   const theme = createPortnetTheme({ mode: \"light\", density: \"comfortable\" });\r\n *   <ThemeProvider theme={theme}><App /></ThemeProvider>\r\n *\r\n * Options\r\n *   mode             : \"light\" | \"dark\"            (default \"light\")\r\n *   density          : \"comfortable\" | \"compact\"   (default \"comfortable\")\r\n *   locale           : MUI locale object (e.g. frFR)\r\n *   brand            : optional partial override of the brand token group:\r\n *                        { accent, accentHover, accentSoft, accentFg }\r\n *                      Any field omitted falls back to the default brand from\r\n *                      tokens. Pass the SAME `brand` to injectCssVariables()\r\n *                      so CSS variables and MUI palette stay in sync.\r\n *   brandSecondary   : optional partial override of the brand secondary group:\r\n *                        { secondary, secondaryFg }\r\n *                      Drives palette.secondary. Same sync rule as brand:\r\n *                      pass the SAME object to injectCssVariables().\r\n *\r\n *   const theme = createPortnetTheme({\r\n *     mode: \"light\",\r\n *     brand: { accent: \"#2962FF\", accentSoft: \"#EEF3FF\" },\r\n *     brandSecondary: { secondary: \"#4FB8CF\" },\r\n *   });\r\n */\r\nimport { createTheme } from \"@mui/material/styles\";\r\nimport type { Localization } from \"@mui/material/locale\";\r\nimport type {\r\n  Theme,\r\n  ThemeOptions,\r\n  PaletteOptions,\r\n  TransitionsOptions,\r\n  Components,\r\n  Shadows,\r\n} from \"@mui/material/styles\";\r\nimport {\r\n  ink, surface, border, semantic,\r\n  fontFamily, fontSize, fontWeight, lineHeight,\r\n  spacing, spacingBase, radius, muiShadows,\r\n  duration, easing, zIndex, density, densityLayout, layout,\r\n  breakpoints,\r\n  dark,\r\n} from \"../tokens\";\r\nimport { resolveBrand, type BrandTokens } from \"./_brand\";\r\nimport { resolveBrandSecondary, type BrandSecondaryTokens } from \"./_brandSecondary\";\r\n\r\n/**\r\n * Public options for the Portnet theme factory.\r\n *\r\n * Every member is declared `?: T | undefined` rather than `?: T`, and that is\r\n * load-bearing rather than cosmetic. The Platform TypeScript Guidelines make\r\n * `exactOptionalPropertyTypes` MANDATORY in every consuming module, and under\r\n * that flag a plain `?: T` REJECTS an explicitly-passed `undefined`. A host\r\n * building its options from optional inputs — which is the normal case, since\r\n * `brand` / `density` come from a runtime host-shell payload — therefore could\r\n * not write the obvious code:\r\n *\r\n *   createPortnetTheme({ mode, density, brand, brandSecondary, locale })\r\n *\r\n * and every audited module independently reinvented the same incremental\r\n * work-around (build an object, then `if (x !== undefined) options.x = x`).\r\n * Widening the members here removes that boilerplate platform-wide, and is\r\n * purely additive: a call site that omits a key still type-checks exactly as\r\n * before. Capability gap G-09.\r\n *\r\n * `locale` is typed as MUI's own `Localization` (the shape of `frFR` &c. from\r\n * \"@mui/material/locale\"), not `object`. `object` is on the Platform\r\n * TypeScript Guidelines' FORBIDDEN list, and it accepted any non-primitive —\r\n * including a plain `{}` — while the value is forwarded straight into\r\n * `createTheme(base, locale)`, which needs the real contract.\r\n */\r\nexport type CreatePortnetThemeOptions = {\r\n  mode?: \"light\" | \"dark\" | undefined;\r\n  density?: \"comfortable\" | \"compact\" | undefined;\r\n  /** MUI locale object (e.g. `frFR` from \"@mui/material/locale\"). */\r\n  locale?: Localization | undefined;\r\n  brand?: Partial<BrandTokens> | undefined;\r\n  brandSecondary?: Partial<BrandSecondaryTokens> | undefined;\r\n};\r\n\r\n/** One resolved density bucket (comfortable | compact | …) — all pixel metrics. */\r\ntype DensityBucket = (typeof density)[keyof typeof density];\r\n\r\n/**\r\n * The custom `tokens` slot attached to the MUI theme so v2 consumers can read\r\n * design tokens straight off the theme (`useTheme().tokens.*`). Declared onto\r\n * MUI's Theme / ThemeOptions via the module augmentation below.\r\n */\r\ntype PortnetThemeTokens = {\r\n  brand: BrandTokens;\r\n  brandSecondary: BrandSecondaryTokens;\r\n  ink: typeof ink;\r\n  surface: typeof surface;\r\n  border: typeof border;\r\n  semantic: typeof semantic;\r\n  fontFamily: typeof fontFamily;\r\n  fontSize: typeof fontSize;\r\n  fontWeight: typeof fontWeight;\r\n  lineHeight: typeof lineHeight;\r\n  radius: typeof radius;\r\n  duration: typeof duration;\r\n  easing: typeof easing;\r\n  zIndex: typeof zIndex;\r\n  density: DensityBucket;\r\n  densityLayout: typeof densityLayout;\r\n  layout: typeof layout;\r\n};\r\n\r\ndeclare module \"@mui/material/styles\" {\r\n  interface Theme {\r\n    tokens: PortnetThemeTokens;\r\n  }\r\n  interface ThemeOptions {\r\n    tokens?: PortnetThemeTokens;\r\n  }\r\n}\r\n\r\n/* ────────────────────────────────────────────────────────────\r\n * Component-level dimensional constants.\r\n *\r\n * Kept as named locals (not promoted to tokens) because they are\r\n * scoped to MUI's button/tooltip/overline contract and have no\r\n * cross-component meaning. Each carries a comment explaining why\r\n * it deviates from the base spacing/fontSize scale.\r\n * ──────────────────────────────────────────────────────────── */\r\n\r\n// Button minWidth carry-over from MUI's own default. Keeps icon-only\r\n// buttons squarish without forcing 64px on every short-label button.\r\nconst BUTTON_MIN_WIDTH      = 64;\r\n\r\n// Overline runs ONE step below fontSize.xs (12px) by deliberate\r\n// design — it's a label-on-label scale used in section headers.\r\n// Promote to fontSize.overline if a second use site appears.\r\nconst OVERLINE_FONT_SIZE    = 11;\r\nconst OVERLINE_LETTER_SPACE = \"0.06em\";\r\n\r\n// Tooltip max width: empirically the longest charter-allowed help\r\n// text (~40 chars × ~6.5 px/char). Wider tooltips trigger reading\r\n// fatigue and should be redesigned as a popover.\r\nconst TOOLTIP_MAX_WIDTH     = 260;\r\n\r\n/* ── Fluid heading sizing (R-RS.3 / WCAG 1.4.10) ──────────────────────\r\n * Only the two largest headings (H1/display = 26, H2 = 20) overpower a\r\n * 320px viewport at their fixed token size. `fluidPx(min, max)` returns a\r\n * CSS clamp() that starts at `min` on the smallest phones and scales with\r\n * the viewport up to the token `max` — capped so DESKTOP rendering is\r\n * byte-for-byte unchanged (the upper clamp bound is the existing token).\r\n * The static fontSize tokens stay integer-typed (typography.js) for any\r\n * non-fluid / measurement consumer; the fluid form lives only in the\r\n * theme variant where it drives <Typography variant=\"h1|h2\">.\r\n *\r\n * Preferred term: 1rem (16px @ root) + a small vw component. The vw\r\n * coefficient is deliberately gentle (0.9vw) so the growth between 320\r\n * and 1024 is a couple of px, never a jarring jump, and the max clamp\r\n * caps it at the token. min is kept ≥ 18px (H1) / 16px (H2) so headings\r\n * stay clearly larger than body (14px) even on the smallest target. */\r\nconst fluidPx = (min: number, max: number): string =>\r\n  `clamp(${min}px, calc(1rem + 0.9vw), ${max}px)`;\r\n\r\nexport function createPortnetTheme(options: CreatePortnetThemeOptions = {}): Theme {\r\n  const mode      = options.mode    || \"light\";\r\n  const dens      = options.density || \"comfortable\";\r\n  const D         = density[dens] || density.comfortable;\r\n  const isDark    = mode === \"dark\";\r\n  const brand     = resolveBrand(options.brand);\r\n  const brandSecondary = resolveBrandSecondary(options.brandSecondary);\r\n\r\n  /* ── Palette ─────────────────────────────────────────────── */\r\n  // NOTE on `light` / `dark` semantics:\r\n  //   - primary.dark  ← brand.accentHover  : intentional darker brand,\r\n  //     used by MUI for hover/active states. Correct.\r\n  //   - primary.light ← brand.accentSoft   : pragmatic — MUI mainly\r\n  //     reads `light` for hover BACKGROUNDS where a tinted soft works.\r\n  //   - secondary.main ← brandSecondary.secondary : PORTNET teal.\r\n  //     contrastText kept as the brandSecondary.secondaryFg the host\r\n  //     supplies. Note: the default secondaryFg = white on teal is\r\n  //     ~1.96:1 which fails AA for body text — see colors.js for the\r\n  //     R-T.2 follow-up. Safe for chip/badge fills today.\r\n  //   - error/warning/success/info `.dark` ← *.fg tokens. *.fg is the\r\n  //     darker, accessible variant of the saturated fill; safe as `dark`\r\n  //     because MUI uses it for hover/active states (R-T.2 contrast).\r\n  const palette: PaletteOptions = {\r\n    mode,\r\n    primary: {\r\n      main:         brand.accent,\r\n      dark:         brand.accentHover,\r\n      light:        brand.accentSoft,\r\n      contrastText: brand.accentFg,\r\n    },\r\n    secondary: {\r\n      main:         brandSecondary.secondary,\r\n      contrastText: brandSecondary.secondaryFg,\r\n    },\r\n    error: {\r\n      main:         semantic.danger,\r\n      light:        semantic.dangerSoft,\r\n      dark:         semantic.dangerFg,\r\n      contrastText: ink.fgInverse,\r\n    },\r\n    warning: {\r\n      main:         semantic.warning,\r\n      light:        semantic.warningSoft,\r\n      dark:         semantic.warningFg,   // was missing → MUI auto-derived off-charter\r\n      contrastText: ink.fgInverse,\r\n    },\r\n    success: {\r\n      main:         semantic.success,\r\n      light:        semantic.successSoft,\r\n      dark:         semantic.successFg,   // ditto\r\n      contrastText: ink.fgInverse,\r\n    },\r\n    info: {\r\n      main:         semantic.info,\r\n      light:        semantic.infoSoft,\r\n      dark:         semantic.infoFg,      // ditto\r\n      contrastText: ink.fgInverse,\r\n    },\r\n    background: {\r\n      default: isDark ? dark.bg     : surface.bg,\r\n      paper:   isDark ? dark.bgElev : surface.bgElev,\r\n    },\r\n    text: {\r\n      primary:   isDark ? dark.fg       : ink.fg,\r\n      secondary: isDark ? dark.fgMuted  : ink.fgMuted,\r\n      disabled:  isDark ? dark.fgSubtle : ink.fgSubtle,\r\n    },\r\n    divider: isDark ? dark.border : border.border,\r\n    grey: {\r\n      50:  isDark ? dark.bgSubtle      : surface.bgSubtle,\r\n      100: isDark ? dark.bgHover       : surface.bgHover,\r\n      200: isDark ? dark.border        : border.border,\r\n      300: isDark ? dark.borderStrong  : border.borderStrong,\r\n      500: isDark ? dark.fgSubtle      : ink.fgSubtle,\r\n      700: isDark ? dark.fgMuted       : ink.fgMuted,\r\n      900: isDark ? dark.fg            : ink.fg,\r\n    },\r\n  };\r\n\r\n  /* ── Typography ──────────────────────────────────────────── */\r\n  const typography: ThemeOptions[\"typography\"] = {\r\n    fontFamily: fontFamily.sans,\r\n    fontSize:   D.fontSize,\r\n    htmlFontSize: 16,\r\n    fontWeightLight:    fontWeight.regular,\r\n    fontWeightRegular:  fontWeight.regular,\r\n    fontWeightMedium:   fontWeight.medium,\r\n    fontWeightBold:     fontWeight.bold,\r\n\r\n    // R-RS.3 — H1/H2 use fluid clamp() so they don't overflow a 320px\r\n    // viewport; the clamp upper bound is the existing token, so desktop\r\n    // is unchanged. H3/H4/body keep their fixed token sizes (already\r\n    // comfortable down to 320).\r\n    h1:    { fontSize: fluidPx(18, fontSize.display), fontWeight: fontWeight.bold,     lineHeight: lineHeight.tight  },\r\n    h2:    { fontSize: fluidPx(16, fontSize.h2),      fontWeight: fontWeight.bold,     lineHeight: lineHeight.tight  },\r\n    h3:    { fontSize: fontSize.h3,      fontWeight: fontWeight.bold,     lineHeight: lineHeight.snug   },\r\n    h4:    { fontSize: fontSize.h4,      fontWeight: fontWeight.semibold, lineHeight: lineHeight.snug   },\r\n    body1: { fontSize: fontSize.body,    fontWeight: fontWeight.regular,  lineHeight: lineHeight.normal },\r\n    body2: { fontSize: fontSize.sm,      fontWeight: fontWeight.regular,  lineHeight: lineHeight.normal },\r\n    caption: {\r\n      fontSize: fontSize.xs,\r\n      fontWeight: fontWeight.medium,\r\n      lineHeight: lineHeight.normal,\r\n    },\r\n    button: {\r\n      fontWeight: fontWeight.semibold,\r\n      textTransform: \"none\",\r\n      letterSpacing: 0,\r\n    },\r\n    overline: {\r\n      fontSize:      OVERLINE_FONT_SIZE,\r\n      fontWeight:    fontWeight.semibold,\r\n      letterSpacing: OVERLINE_LETTER_SPACE,\r\n      textTransform: \"uppercase\",\r\n      lineHeight:    lineHeight.normal,\r\n    },\r\n  };\r\n\r\n  const shape = { borderRadius: radius.md };\r\n\r\n  const transitions: TransitionsOptions = {\r\n    duration: {\r\n      shortest:        duration.fast,\r\n      shorter:         duration.fast,\r\n      short:           duration.fast,\r\n      standard:        duration.base,\r\n      complex:         duration.base,\r\n      enteringScreen:  duration.base,\r\n      leavingScreen:   duration.fast,\r\n    },\r\n    easing: {\r\n      easeInOut: easing.out,\r\n      easeOut:   easing.out,\r\n      easeIn:    easing.in,\r\n      sharp:     easing.in,\r\n    },\r\n  };\r\n\r\n  /* ── z-index ─────────────────────────────────────────────────\r\n   * Use the explicit slots added in v2 tokens (Batch 1: popover,\r\n   * snackbar, tooltip). Defensive `??` fallback covers the case\r\n   * where a host pins an older v2 tokens build that pre-dates the\r\n   * additions.\r\n   * ──────────────────────────────────────────────────────────── */\r\n  const muiZIndex: ThemeOptions[\"zIndex\"] = {\r\n    appBar:   zIndex.topbar,\r\n    drawer:   zIndex.drawer,\r\n    modal:    zIndex.modal,\r\n    snackbar: zIndex.snackbar ?? zIndex.toast,\r\n    tooltip:  zIndex.tooltip  ?? (zIndex.overflow + 1),\r\n  };\r\n\r\n  /* ── Focus halo ──────────────────────────────────────────────\r\n   * Derived from the EFFECTIVE accent so a host brand override\r\n   * propagates to focus rings — keeps the MUI side in sync with\r\n   * the CSS-variable side via the shared resolveBrand resolver.\r\n   * ──────────────────────────────────────────────────────────── */\r\n  const focusHalo = `0 0 0 3px color-mix(in srgb, ${brand.accent} 22%, transparent)`;\r\n\r\n  const components: Components = {\r\n    MuiCssBaseline: {\r\n      // base.css owns `:focus { outline: none }` and `:focus-visible`\r\n      // outline styling — single source of truth (Charter §07.1).\r\n      // DUPLICATING those rules here was producing non-deterministic\r\n      // cascade ordering between MUI-injected styles and the imported\r\n      // stylesheet (intermittent double focus rings in Storybook).\r\n      styleOverrides: {\r\n        \"@media (prefers-reduced-motion: reduce)\": {\r\n          \"*, *::before, *::after\": {\r\n            animationDuration:       \"0.01ms !important\",\r\n            animationIterationCount: \"1 !important\",\r\n            transitionDuration:      \"0.01ms !important\",\r\n            scrollBehavior:          \"auto !important\",\r\n          },\r\n        },\r\n      },\r\n    },\r\n    MuiButton: {\r\n      defaultProps: { disableElevation: true },\r\n      styleOverrides: {\r\n        root: {\r\n          // R-7.4 — visual baseline (40 in comfortable, 32 in compact).\r\n          // The 44px tactile minimum (WCAG 2.5.5) is enforced at the\r\n          // component level by Button.js for icon-only variants — the\r\n          // theme keeps the visual size and lets layout add the floor\r\n          // via min-width/min-height. See Button.js (Batch 5) for impl.\r\n          minHeight:     D.btn,\r\n          minWidth:      BUTTON_MIN_WIDTH,\r\n          fontWeight:    fontWeight.semibold,\r\n          letterSpacing: 0,\r\n          // 14 = spacing.s3 (12) + 2 — deliberate +2px button offset\r\n          // from the base grid for visual button-text breathing room.\r\n          paddingInline: spacing.s3 + 2,\r\n          borderRadius:  radius.md,\r\n          textTransform: \"none\",\r\n          \"&:focus-visible\": { boxShadow: focusHalo, outline: \"none\" },\r\n        },\r\n        sizeSmall: {\r\n          minHeight:     density.compact.btn,\r\n          paddingInline: spacing.s2 + 2,   // 10 = s2 (8) + 2\r\n          fontSize:      fontSize.sm,\r\n        },\r\n      },\r\n    },\r\n    MuiTextField: {\r\n      // MUI v9 migration (Batch 2):\r\n      //   InputLabelProps was deprecated in v6 and REMOVED in v9\r\n      //   in favor of the unified `slotProps` API. The visual\r\n      //   contract is unchanged — the CSS class names\r\n      //   (.MuiInputLabel-root, .MuiOutlinedInput-root, etc.)\r\n      //   are preserved in v9, so all styleOverrides below stay\r\n      //   identical to the v5 baseline.\r\n      defaultProps: {\r\n        variant: \"outlined\",\r\n        size: \"small\",\r\n        slotProps: { inputLabel: { shrink: true } },\r\n      },\r\n      styleOverrides: {\r\n        root: {\r\n          \"& .MuiOutlinedInput-root\": {\r\n            minHeight:       D.input,\r\n            borderRadius:    radius.md,\r\n            backgroundColor: isDark ? dark.surface : surface.surface,\r\n          },\r\n          \"& .MuiOutlinedInput-input\": {\r\n            padding:  `${spacing.s2}px ${spacing.s3}px`,   // 8 / 12\r\n            fontSize: D.fontSize,\r\n          },\r\n          \"& .MuiInputLabel-root\": {\r\n            fontSize:   fontSize.sm,\r\n            fontWeight: fontWeight.medium,\r\n            color:      isDark ? dark.fgMuted : ink.fgMuted,\r\n          },\r\n          // Label colour states — were missing, label stayed muted\r\n          // in all states which contradicted the focus-visible\r\n          // feedback contract (R-F.1).\r\n          \"& .MuiInputLabel-root.Mui-focused\": { color: brand.accent },\r\n          \"& .MuiInputLabel-root.Mui-error\":   { color: semantic.danger },\r\n        },\r\n      },\r\n    },\r\n    MuiOutlinedInput: {\r\n      styleOverrides: {\r\n        notchedOutline: { borderColor: isDark ? dark.border : border.border },\r\n        root: {\r\n          \"&:hover .MuiOutlinedInput-notchedOutline\": {\r\n            borderColor: isDark ? dark.borderStrong : border.borderStrong,\r\n          },\r\n          \"&.Mui-focused .MuiOutlinedInput-notchedOutline\": {\r\n            borderColor: brand.accent,\r\n            borderWidth: 1,\r\n          },\r\n          \"&.Mui-error .MuiOutlinedInput-notchedOutline\": { borderColor: semantic.danger },\r\n        },\r\n      },\r\n    },\r\n    MuiPaper: {\r\n      defaultProps: { elevation: 0 },\r\n      styleOverrides: {\r\n        root:     { backgroundImage: \"none\" },   // disable MUI dark-mode tint\r\n        outlined: { borderColor: isDark ? dark.border : border.border },\r\n      },\r\n    },\r\n    MuiCard: {\r\n      defaultProps: { elevation: 0, variant: \"outlined\" },\r\n      styleOverrides: {\r\n        root: {\r\n          borderRadius: radius.lg,\r\n          borderColor:  isDark ? dark.border : border.border,\r\n        },\r\n      },\r\n    },\r\n    MuiTooltip: {\r\n      // Prototype v4 — fg as background, bg as text. Avoids the legacy\r\n      // \"transparent on light grey\" misconfiguration noted in the audit.\r\n      styleOverrides: {\r\n        tooltip: {\r\n          backgroundColor: isDark ? dark.fg : ink.fg,\r\n          color:           isDark ? dark.bg : ink.fgInverse,\r\n          fontSize:        fontSize.xs,\r\n          // 6 / 10 — tooltip is intentionally tight (s1+2 / s2+2).\r\n          padding:         `${spacing.s1 + 2}px ${spacing.s2 + 2}px`,\r\n          borderRadius:    radius.md,\r\n          maxWidth:        TOOLTIP_MAX_WIDTH,\r\n        },\r\n        arrow: { color: isDark ? dark.fg : ink.fg },\r\n      },\r\n    },\r\n    MuiTableCell: {\r\n      styleOverrides: {\r\n        root: {\r\n          borderBottomColor: isDark ? dark.border : border.border,\r\n          fontSize:          D.fontSize,\r\n        },\r\n        head: {\r\n          fontWeight:      fontWeight.semibold,\r\n          color:           isDark ? dark.fgMuted : ink.fgMuted,\r\n          backgroundColor: isDark ? dark.bgSubtle : surface.bgSubtle,\r\n          textTransform:   \"none\",\r\n        },\r\n      },\r\n    },\r\n    MuiChip: {\r\n      styleOverrides: {\r\n        root: {\r\n          borderRadius: radius.full,\r\n          fontWeight:   fontWeight.semibold,\r\n          fontSize:     fontSize.xs,\r\n        },\r\n      },\r\n    },\r\n    MuiDialog: {\r\n      styleOverrides: { paper: { borderRadius: radius.lg } },\r\n    },\r\n  };\r\n\r\n  return createTheme(\r\n    {\r\n      // ── Breakpoints (R-RS.1) ───────────────────────────────────\r\n      // Wire the design-system breakpoint TOKENS into the MUI runtime.\r\n      // Without this, every `sx={{ ...: { xs, sm, md, lg } }}` object in\r\n      // the library resolves against MUI's DEFAULT breakpoints\r\n      // (sm:600 / md:900 / lg:1200), NOT the charter values declared in\r\n      // tokens/density.js (sm:481 / md:768 / lg:1024 / xl:1280). That\r\n      // silent divergence meant components were authored against the\r\n      // charter breakpoints but evaluated at MUI defaults — e.g.\r\n      // PageContent applied tablet padding at the 1024 desktop target,\r\n      // and the DataGrid card view triggered at 600 instead of 481.\r\n      // Single source of truth: tokens.breakpoints.\r\n      breakpoints: { values: breakpoints },\r\n      palette,\r\n      typography,\r\n      shape,\r\n      spacing: spacingBase,\r\n      shadows: muiShadows as Shadows,\r\n      transitions,\r\n      zIndex: muiZIndex,\r\n      components,\r\n      // Custom slot for v2 consumers — read tokens directly off the theme.\r\n      //   - `brand`           : the EFFECTIVE brand (default + override merged).\r\n      //   - `brandSecondary`  : the EFFECTIVE brandSecondary (same contract).\r\n      //   - `density`         : the resolved bucket (one of comfortable/compact).\r\n      //   - `densityLayout`   : the FULL density set (lets a component switch\r\n      //                         on the fly, e.g. compact rows inside a\r\n      //                         comfortable page).\r\n      //   - `layout`          : exposes layout.tactileMin (44) for components\r\n      //                         enforcing WCAG 2.5.5 hit-area floors.\r\n      tokens: {\r\n        brand, brandSecondary, ink, surface, border, semantic,\r\n        fontFamily, fontSize, fontWeight, lineHeight,\r\n        radius, duration, easing, zIndex,\r\n        density: D, densityLayout, layout,\r\n      },\r\n    },\r\n    ...(options.locale ? [options.locale] : []),\r\n  );\r\n}\r\n\r\nexport default createPortnetTheme;\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"createPortnetTheme.js","names":["createTheme","ink","surface","border","semantic","fontFamily","fontSize","fontWeight","lineHeight","spacing","spacingBase","radius","muiShadows","duration","easing","zIndex","density","densityLayout","layout","breakpoints","dark","resolveBrand","resolveBrandSecondary","BUTTON_MIN_WIDTH","OVERLINE_FONT_SIZE","OVERLINE_LETTER_SPACE","TOOLTIP_MAX_WIDTH","fluidPx","min","max","createPortnetTheme","options","mode","dens","D","comfortable","isDark","brand","brandSecondary","palette","primary","main","accent","accentHover","light","accentSoft","contrastText","accentFg","secondary","secondaryFg","error","danger","dangerSoft","dangerFg","fgInverse","warning","warningSoft","warningFg","success","successSoft","successFg","info","infoSoft","infoFg","background","default","bg","paper","bgElev","text","fg","fgMuted","disabled","fgSubtle","divider","grey","bgSubtle","bgHover","borderStrong","typography","sans","htmlFontSize","fontWeightLight","regular","fontWeightRegular","fontWeightMedium","medium","fontWeightBold","bold","h1","display","tight","h2","h3","snug","h4","semibold","body1","body","normal","body2","sm","caption","xs","button","textTransform","letterSpacing","overline","shape","borderRadius","md","transitions","shortest","fast","shorter","short","standard","base","complex","enteringScreen","leavingScreen","easeInOut","out","easeOut","easeIn","in","sharp","muiZIndex","appBar","topbar","drawer","modal","snackbar","toast","tooltip","overflow","focusHalo","components","MuiCssBaseline","styleOverrides","animationDuration","animationIterationCount","transitionDuration","scrollBehavior","MuiButton","defaultProps","disableElevation","root","minHeight","btn","minWidth","paddingInline","s3","boxShadow","outline","sizeSmall","compact","s2","MuiTextField","variant","size","slotProps","inputLabel","shrink","input","backgroundColor","padding","color","MuiOutlinedInput","notchedOutline","borderColor","borderWidth","MuiPaper","elevation","backgroundImage","outlined","MuiCard","lg","MuiTooltip","s1","maxWidth","arrow","MuiTableCell","borderBottomColor","head","MuiChip","full","MuiDialog","values","shadows","tokens","locale"],"sources":["../../../../src/lib/v2/theme/createPortnetTheme.ts"],"sourcesContent":["/**\r\n * createPortnetTheme(options) — Portnet UI v2\r\n *\r\n * MUI 9 theme factory built on v2 tokens. Pass it to <ThemeProvider>:\r\n *\r\n *   import { createPortnetTheme } from \"@portnet/ui/v2/theme\";\r\n *   const theme = createPortnetTheme({ mode: \"light\", density: \"comfortable\" });\r\n *   <ThemeProvider theme={theme}><App /></ThemeProvider>\r\n *\r\n * Options\r\n *   mode             : \"light\" | \"dark\"            (default \"light\")\r\n *   density          : \"comfortable\" | \"compact\"   (default \"comfortable\")\r\n *   locale           : MUI locale object (e.g. frFR)\r\n *   brand            : optional partial override of the brand token group:\r\n *                        { accent, accentHover, accentSoft, accentFg }\r\n *                      Any field omitted falls back to the default brand from\r\n *                      tokens. Pass the SAME `brand` to injectCssVariables()\r\n *                      so CSS variables and MUI palette stay in sync.\r\n *   brandSecondary   : optional partial override of the brand secondary group:\r\n *                        { secondary, secondaryFg }\r\n *                      Drives palette.secondary. Same sync rule as brand:\r\n *                      pass the SAME object to injectCssVariables().\r\n *\r\n *   const theme = createPortnetTheme({\r\n *     mode: \"light\",\r\n *     brand: { accent: \"#2962FF\", accentSoft: \"#EEF3FF\" },\r\n *     brandSecondary: { secondary: \"#4FB8CF\" },\r\n *   });\r\n */\r\nimport { createTheme } from \"@mui/material/styles\";\r\nimport type { Localization } from \"@mui/material/locale\";\r\nimport type {\r\n  Theme,\r\n  ThemeOptions,\r\n  PaletteOptions,\r\n  TransitionsOptions,\r\n  Components,\r\n  Shadows,\r\n} from \"@mui/material/styles\";\r\nimport {\r\n  ink, surface, border, semantic,\r\n  fontFamily, fontSize, fontWeight, lineHeight,\r\n  spacing, spacingBase, radius, muiShadows,\r\n  duration, easing, zIndex, density, densityLayout, layout,\r\n  breakpoints,\r\n  dark,\r\n} from \"../tokens\";\r\nimport { resolveBrand, type BrandTokens } from \"./_brand\";\r\nimport { resolveBrandSecondary, type BrandSecondaryTokens } from \"./_brandSecondary\";\r\n\r\n/**\r\n * Public options for the Portnet theme factory.\r\n *\r\n * Every member is declared `?: T | undefined` rather than `?: T`, and that is\r\n * load-bearing rather than cosmetic. The Platform TypeScript Guidelines make\r\n * `exactOptionalPropertyTypes` MANDATORY in every consuming module, and under\r\n * that flag a plain `?: T` REJECTS an explicitly-passed `undefined`. A host\r\n * building its options from optional inputs — which is the normal case, since\r\n * `brand` / `density` come from a runtime host-shell payload — therefore could\r\n * not write the obvious code:\r\n *\r\n *   createPortnetTheme({ mode, density, brand, brandSecondary, locale })\r\n *\r\n * and every audited module independently reinvented the same incremental\r\n * work-around (build an object, then `if (x !== undefined) options.x = x`).\r\n * Widening the members here removes that boilerplate platform-wide, and is\r\n * purely additive: a call site that omits a key still type-checks exactly as\r\n * before. Capability gap G-09.\r\n *\r\n * `locale` is typed as MUI's own `Localization` (the shape of `frFR` &c. from\r\n * \"@mui/material/locale\"), not `object`. `object` is on the Platform\r\n * TypeScript Guidelines' FORBIDDEN list, and it accepted any non-primitive —\r\n * including a plain `{}` — while the value is forwarded straight into\r\n * `createTheme(base, locale)`, which needs the real contract.\r\n */\r\nexport type CreatePortnetThemeOptions = {\r\n  mode?: \"light\" | \"dark\" | undefined;\r\n  density?: \"comfortable\" | \"compact\" | undefined;\r\n  /** MUI locale object (e.g. `frFR` from \"@mui/material/locale\"). */\r\n  locale?: Localization | undefined;\r\n  brand?: Partial<BrandTokens> | undefined;\r\n  brandSecondary?: Partial<BrandSecondaryTokens> | undefined;\r\n};\r\n\r\n/** One resolved density bucket (comfortable | compact | …) — all pixel metrics. */\r\ntype DensityBucket = (typeof density)[keyof typeof density];\r\n\r\n/**\r\n * The custom `tokens` slot attached to the MUI theme so v2 consumers can read\r\n * design tokens straight off the theme (`useTheme().tokens.*`). Declared onto\r\n * MUI's Theme / ThemeOptions via the module augmentation below.\r\n */\r\ntype PortnetThemeTokens = {\r\n  brand: BrandTokens;\r\n  brandSecondary: BrandSecondaryTokens;\r\n  ink: typeof ink;\r\n  surface: typeof surface;\r\n  border: typeof border;\r\n  semantic: typeof semantic;\r\n  fontFamily: typeof fontFamily;\r\n  fontSize: typeof fontSize;\r\n  fontWeight: typeof fontWeight;\r\n  lineHeight: typeof lineHeight;\r\n  radius: typeof radius;\r\n  duration: typeof duration;\r\n  easing: typeof easing;\r\n  zIndex: typeof zIndex;\r\n  density: DensityBucket;\r\n  densityLayout: typeof densityLayout;\r\n  layout: typeof layout;\r\n};\r\n\r\ndeclare module \"@mui/material/styles\" {\r\n  interface Theme {\r\n    tokens: PortnetThemeTokens;\r\n  }\r\n  interface ThemeOptions {\r\n    tokens?: PortnetThemeTokens;\r\n  }\r\n}\r\n\r\n/* ────────────────────────────────────────────────────────────\r\n * Component-level dimensional constants.\r\n *\r\n * Kept as named locals (not promoted to tokens) because they are\r\n * scoped to MUI's button/tooltip/overline contract and have no\r\n * cross-component meaning. Each carries a comment explaining why\r\n * it deviates from the base spacing/fontSize scale.\r\n * ──────────────────────────────────────────────────────────── */\r\n\r\n// Button minWidth carry-over from MUI's own default. Keeps icon-only\r\n// buttons squarish without forcing 64px on every short-label button.\r\nconst BUTTON_MIN_WIDTH      = 64;\r\n\r\n// Overline runs ONE step below fontSize.xs (12px) by deliberate\r\n// design — it's a label-on-label scale used in section headers.\r\n// Promote to fontSize.overline if a second use site appears.\r\nconst OVERLINE_FONT_SIZE    = 11;\r\nconst OVERLINE_LETTER_SPACE = \"0.06em\";\r\n\r\n// Tooltip max width: empirically the longest charter-allowed help\r\n// text (~40 chars × ~6.5 px/char). Wider tooltips trigger reading\r\n// fatigue and should be redesigned as a popover.\r\nconst TOOLTIP_MAX_WIDTH     = 260;\r\n\r\n/* ── Fluid heading sizing (R-RS.3 / WCAG 1.4.10) ──────────────────────\r\n * Only the two largest headings (H1/display = 26, H2 = 20) overpower a\r\n * 320px viewport at their fixed token size. `fluidPx(min, max)` returns a\r\n * CSS clamp() that starts at `min` on the smallest phones and scales with\r\n * the viewport up to the token `max` — capped so DESKTOP rendering is\r\n * byte-for-byte unchanged (the upper clamp bound is the existing token).\r\n * The static fontSize tokens stay integer-typed (typography.js) for any\r\n * non-fluid / measurement consumer; the fluid form lives only in the\r\n * theme variant where it drives <Typography variant=\"h1|h2\">.\r\n *\r\n * Preferred term: 1rem (16px @ root) + a small vw component. The vw\r\n * coefficient is deliberately gentle (0.9vw) so the growth between 320\r\n * and 1024 is a couple of px, never a jarring jump, and the max clamp\r\n * caps it at the token. min is kept ≥ 18px (H1) / 16px (H2) so headings\r\n * stay clearly larger than body (14px) even on the smallest target. */\r\nconst fluidPx = (min: number, max: number): string =>\r\n  `clamp(${min}px, calc(1rem + 0.9vw), ${max}px)`;\r\n\r\nexport function createPortnetTheme(options: CreatePortnetThemeOptions = {}): Theme {\r\n  const mode      = options.mode    || \"light\";\r\n  const dens      = options.density || \"comfortable\";\r\n  const D         = density[dens] || density.comfortable;\r\n  const isDark    = mode === \"dark\";\r\n  const brand     = resolveBrand(options.brand);\r\n  const brandSecondary = resolveBrandSecondary(options.brandSecondary);\r\n\r\n  /* ── Palette ─────────────────────────────────────────────── */\r\n  // NOTE on `light` / `dark` semantics:\r\n  //   - primary.dark  ← brand.accentHover  : intentional darker brand,\r\n  //     used by MUI for hover/active states. Correct.\r\n  //   - primary.light ← brand.accentSoft   : pragmatic — MUI mainly\r\n  //     reads `light` for hover BACKGROUNDS where a tinted soft works.\r\n  //   - secondary.main ← brandSecondary.secondary : PORTNET teal.\r\n  //     contrastText kept as the brandSecondary.secondaryFg the host\r\n  //     supplies. Note: the default secondaryFg = white on teal is\r\n  //     ~1.96:1 which fails AA for body text — see colors.js for the\r\n  //     R-T.2 follow-up. Safe for chip/badge fills today.\r\n  //   - error/warning/success/info `.dark` ← *.fg tokens. *.fg is the\r\n  //     darker, accessible variant of the saturated fill; safe as `dark`\r\n  //     because MUI uses it for hover/active states (R-T.2 contrast).\r\n  const palette: PaletteOptions = {\r\n    mode,\r\n    primary: {\r\n      main:         brand.accent,\r\n      dark:         brand.accentHover,\r\n      light:        brand.accentSoft,\r\n      contrastText: brand.accentFg,\r\n    },\r\n    secondary: {\r\n      main:         brandSecondary.secondary,\r\n      contrastText: brandSecondary.secondaryFg,\r\n    },\r\n    error: {\r\n      main:         semantic.danger,\r\n      light:        semantic.dangerSoft,\r\n      dark:         semantic.dangerFg,\r\n      contrastText: ink.fgInverse,\r\n    },\r\n    warning: {\r\n      main:         semantic.warning,\r\n      light:        semantic.warningSoft,\r\n      dark:         semantic.warningFg,   // was missing → MUI auto-derived off-charter\r\n      contrastText: ink.fgInverse,\r\n    },\r\n    success: {\r\n      main:         semantic.success,\r\n      light:        semantic.successSoft,\r\n      dark:         semantic.successFg,   // ditto\r\n      contrastText: ink.fgInverse,\r\n    },\r\n    info: {\r\n      main:         semantic.info,\r\n      light:        semantic.infoSoft,\r\n      dark:         semantic.infoFg,      // ditto\r\n      contrastText: ink.fgInverse,\r\n    },\r\n    background: {\r\n      default: isDark ? dark.bg     : surface.bg,\r\n      paper:   isDark ? dark.bgElev : surface.bgElev,\r\n    },\r\n    text: {\r\n      primary:   isDark ? dark.fg       : ink.fg,\r\n      secondary: isDark ? dark.fgMuted  : ink.fgMuted,\r\n      disabled:  isDark ? dark.fgSubtle : ink.fgSubtle,\r\n    },\r\n    divider: isDark ? dark.border : border.border,\r\n    grey: {\r\n      50:  isDark ? dark.bgSubtle      : surface.bgSubtle,\r\n      100: isDark ? dark.bgHover       : surface.bgHover,\r\n      200: isDark ? dark.border        : border.border,\r\n      300: isDark ? dark.borderStrong  : border.borderStrong,\r\n      500: isDark ? dark.fgSubtle      : ink.fgSubtle,\r\n      700: isDark ? dark.fgMuted       : ink.fgMuted,\r\n      900: isDark ? dark.fg            : ink.fg,\r\n    },\r\n  };\r\n\r\n  /* ── Typography ──────────────────────────────────────────── */\r\n  const typography: ThemeOptions[\"typography\"] = {\r\n    fontFamily: fontFamily.sans,\r\n    fontSize:   D.fontSize,\r\n    htmlFontSize: 16,\r\n    fontWeightLight:    fontWeight.regular,\r\n    fontWeightRegular:  fontWeight.regular,\r\n    fontWeightMedium:   fontWeight.medium,\r\n    fontWeightBold:     fontWeight.bold,\r\n\r\n    // R-RS.3 — H1/H2 use fluid clamp() so they don't overflow a 320px\r\n    // viewport; the clamp upper bound is the existing token, so desktop\r\n    // is unchanged. H3/H4/body keep their fixed token sizes (already\r\n    // comfortable down to 320).\r\n    h1:    { fontSize: fluidPx(18, fontSize.display), fontWeight: fontWeight.bold,     lineHeight: lineHeight.tight  },\r\n    h2:    { fontSize: fluidPx(16, fontSize.h2),      fontWeight: fontWeight.bold,     lineHeight: lineHeight.tight  },\r\n    h3:    { fontSize: fontSize.h3,      fontWeight: fontWeight.bold,     lineHeight: lineHeight.snug   },\r\n    h4:    { fontSize: fontSize.h4,      fontWeight: fontWeight.semibold, lineHeight: lineHeight.snug   },\r\n    body1: { fontSize: fontSize.body,    fontWeight: fontWeight.regular,  lineHeight: lineHeight.normal },\r\n    body2: { fontSize: fontSize.sm,      fontWeight: fontWeight.regular,  lineHeight: lineHeight.normal },\r\n    caption: {\r\n      fontSize: fontSize.xs,\r\n      fontWeight: fontWeight.medium,\r\n      lineHeight: lineHeight.normal,\r\n    },\r\n    button: {\r\n      fontWeight: fontWeight.semibold,\r\n      textTransform: \"none\",\r\n      letterSpacing: 0,\r\n    },\r\n    overline: {\r\n      fontSize:      OVERLINE_FONT_SIZE,\r\n      fontWeight:    fontWeight.semibold,\r\n      letterSpacing: OVERLINE_LETTER_SPACE,\r\n      textTransform: \"uppercase\",\r\n      lineHeight:    lineHeight.normal,\r\n    },\r\n  };\r\n\r\n  const shape = { borderRadius: radius.md };\r\n\r\n  const transitions: TransitionsOptions = {\r\n    duration: {\r\n      shortest:        duration.fast,\r\n      shorter:         duration.fast,\r\n      short:           duration.fast,\r\n      standard:        duration.base,\r\n      complex:         duration.base,\r\n      enteringScreen:  duration.base,\r\n      leavingScreen:   duration.fast,\r\n    },\r\n    easing: {\r\n      easeInOut: easing.out,\r\n      easeOut:   easing.out,\r\n      easeIn:    easing.in,\r\n      sharp:     easing.in,\r\n    },\r\n  };\r\n\r\n  /* ── z-index ─────────────────────────────────────────────────\r\n   * Use the explicit slots added in v2 tokens (Batch 1: popover,\r\n   * snackbar, tooltip). Defensive `??` fallback covers the case\r\n   * where a host pins an older v2 tokens build that pre-dates the\r\n   * additions.\r\n   * ──────────────────────────────────────────────────────────── */\r\n  const muiZIndex: ThemeOptions[\"zIndex\"] = {\r\n    appBar:   zIndex.topbar,\r\n    drawer:   zIndex.drawer,\r\n    modal:    zIndex.modal,\r\n    snackbar: zIndex.snackbar ?? zIndex.toast,\r\n    tooltip:  zIndex.tooltip  ?? (zIndex.overflow + 1),\r\n  };\r\n\r\n  /* ── Focus halo ──────────────────────────────────────────────\r\n   * Derived from the EFFECTIVE accent so a host brand override\r\n   * propagates to focus rings — keeps the MUI side in sync with\r\n   * the CSS-variable side via the shared resolveBrand resolver.\r\n   * ──────────────────────────────────────────────────────────── */\r\n  const focusHalo = `0 0 0 3px color-mix(in srgb, ${brand.accent} 22%, transparent)`;\r\n\r\n  const components: Components = {\r\n    MuiCssBaseline: {\r\n      // base.css owns `:focus { outline: none }` and `:focus-visible`\r\n      // outline styling — single source of truth (Charter §07.1).\r\n      // DUPLICATING those rules here was producing non-deterministic\r\n      // cascade ordering between MUI-injected styles and the imported\r\n      // stylesheet (intermittent double focus rings in Storybook).\r\n      styleOverrides: {\r\n        \"@media (prefers-reduced-motion: reduce)\": {\r\n          \"*, *::before, *::after\": {\r\n            animationDuration:       \"0.01ms !important\",\r\n            animationIterationCount: \"1 !important\",\r\n            transitionDuration:      \"0.01ms !important\",\r\n            scrollBehavior:          \"auto !important\",\r\n          },\r\n        },\r\n      },\r\n    },\r\n    MuiButton: {\r\n      defaultProps: { disableElevation: true },\r\n      styleOverrides: {\r\n        root: {\r\n          // R-7.4 — visual baseline (40 in comfortable, 32 in compact).\r\n          // The 44px tactile minimum (WCAG 2.5.5) is enforced at the\r\n          // component level by Button.js for icon-only variants — the\r\n          // theme keeps the visual size and lets layout add the floor\r\n          // via min-width/min-height. See Button.js (Batch 5) for impl.\r\n          minHeight:     D.btn,\r\n          minWidth:      BUTTON_MIN_WIDTH,\r\n          fontWeight:    fontWeight.semibold,\r\n          letterSpacing: 0,\r\n          // 14 = spacing.s3 (12) + 2 — deliberate +2px button offset\r\n          // from the base grid for visual button-text breathing room.\r\n          paddingInline: spacing.s3 + 2,\r\n          borderRadius:  radius.md,\r\n          textTransform: \"none\",\r\n          \"&:focus-visible\": { boxShadow: focusHalo, outline: \"none\" },\r\n        },\r\n        sizeSmall: {\r\n          minHeight:     density.compact.btn,\r\n          paddingInline: spacing.s2 + 2,   // 10 = s2 (8) + 2\r\n          fontSize:      fontSize.sm,\r\n        },\r\n      },\r\n    },\r\n    MuiTextField: {\r\n      // MUI v9 migration (Batch 2):\r\n      //   InputLabelProps was deprecated in v6 and REMOVED in v9\r\n      //   in favor of the unified `slotProps` API. The visual\r\n      //   contract is unchanged — the CSS class names\r\n      //   (.MuiInputLabel-root, .MuiOutlinedInput-root, etc.)\r\n      //   are preserved in v9, so all styleOverrides below stay\r\n      //   identical to the v5 baseline.\r\n      defaultProps: {\r\n        variant: \"outlined\",\r\n        size: \"small\",\r\n        slotProps: { inputLabel: { shrink: true } },\r\n      },\r\n      styleOverrides: {\r\n        root: {\r\n          \"& .MuiOutlinedInput-root\": {\r\n            minHeight:       D.input,\r\n            borderRadius:    radius.md,\r\n            backgroundColor: isDark ? dark.surface : surface.surface,\r\n          },\r\n          \"& .MuiOutlinedInput-input\": {\r\n            padding:  `${spacing.s2}px ${spacing.s3}px`,   // 8 / 12\r\n            fontSize: D.fontSize,\r\n          },\r\n          \"& .MuiInputLabel-root\": {\r\n            fontSize:   fontSize.sm,\r\n            fontWeight: fontWeight.medium,\r\n            color:      isDark ? dark.fgMuted : ink.fgMuted,\r\n          },\r\n          // Label colour states — were missing, label stayed muted\r\n          // in all states which contradicted the focus-visible\r\n          // feedback contract (R-F.1).\r\n          \"& .MuiInputLabel-root.Mui-focused\": { color: brand.accent },\r\n          \"& .MuiInputLabel-root.Mui-error\":   { color: semantic.danger },\r\n        },\r\n      },\r\n    },\r\n    MuiOutlinedInput: {\r\n      styleOverrides: {\r\n        notchedOutline: { borderColor: isDark ? dark.border : border.border },\r\n        root: {\r\n          \"&:hover .MuiOutlinedInput-notchedOutline\": {\r\n            borderColor: isDark ? dark.borderStrong : border.borderStrong,\r\n          },\r\n          \"&.Mui-focused .MuiOutlinedInput-notchedOutline\": {\r\n            borderColor: brand.accent,\r\n            borderWidth: 1,\r\n          },\r\n          \"&.Mui-error .MuiOutlinedInput-notchedOutline\": { borderColor: semantic.danger },\r\n        },\r\n      },\r\n    },\r\n    MuiPaper: {\r\n      defaultProps: { elevation: 0 },\r\n      styleOverrides: {\r\n        root:     { backgroundImage: \"none\" },   // disable MUI dark-mode tint\r\n        outlined: { borderColor: isDark ? dark.border : border.border },\r\n      },\r\n    },\r\n    MuiCard: {\r\n      defaultProps: { elevation: 0, variant: \"outlined\" },\r\n      styleOverrides: {\r\n        root: {\r\n          borderRadius: radius.lg,\r\n          borderColor:  isDark ? dark.border : border.border,\r\n        },\r\n      },\r\n    },\r\n    MuiTooltip: {\r\n      // Prototype v4 — fg as background, bg as text. Avoids the legacy\r\n      // \"transparent on light grey\" misconfiguration noted in the audit.\r\n      styleOverrides: {\r\n        tooltip: {\r\n          backgroundColor: isDark ? dark.fg : ink.fg,\r\n          color:           isDark ? dark.bg : ink.fgInverse,\r\n          fontSize:        fontSize.xs,\r\n          // 6 / 10 — tooltip is intentionally tight (s1+2 / s2+2).\r\n          padding:         `${spacing.s1 + 2}px ${spacing.s2 + 2}px`,\r\n          borderRadius:    radius.md,\r\n          maxWidth:        TOOLTIP_MAX_WIDTH,\r\n        },\r\n        arrow: { color: isDark ? dark.fg : ink.fg },\r\n      },\r\n    },\r\n    MuiTableCell: {\r\n      styleOverrides: {\r\n        root: {\r\n          borderBottomColor: isDark ? dark.border : border.border,\r\n          fontSize:          D.fontSize,\r\n        },\r\n        head: {\r\n          fontWeight:      fontWeight.semibold,\r\n          color:           isDark ? dark.fgMuted : ink.fgMuted,\r\n          backgroundColor: isDark ? dark.bgSubtle : surface.bgSubtle,\r\n          textTransform:   \"none\",\r\n        },\r\n      },\r\n    },\r\n    MuiChip: {\r\n      styleOverrides: {\r\n        root: {\r\n          borderRadius: radius.full,\r\n          fontWeight:   fontWeight.semibold,\r\n          fontSize:     fontSize.xs,\r\n        },\r\n      },\r\n    },\r\n    MuiDialog: {\r\n      styleOverrides: { paper: { borderRadius: radius.lg } },\r\n    },\r\n  };\r\n\r\n  return createTheme(\r\n    {\r\n      // ── Breakpoints (R-RS.1) ───────────────────────────────────\r\n      // Wire the design-system breakpoint TOKENS into the MUI runtime.\r\n      // Without this, every `sx={{ ...: { xs, sm, md, lg } }}` object in\r\n      // the library resolves against MUI's DEFAULT breakpoints\r\n      // (sm:600 / md:900 / lg:1200), NOT the charter values declared in\r\n      // tokens/density.js (sm:481 / md:768 / lg:1024 / xl:1280). That\r\n      // silent divergence meant components were authored against the\r\n      // charter breakpoints but evaluated at MUI defaults — e.g.\r\n      // PageContent applied tablet padding at the 1024 desktop target,\r\n      // and the DataGrid card view triggered at 600 instead of 481.\r\n      // Single source of truth: tokens.breakpoints.\r\n      breakpoints: { values: breakpoints },\r\n      palette,\r\n      typography,\r\n      shape,\r\n      spacing: spacingBase,\r\n      shadows: muiShadows as Shadows,\r\n      transitions,\r\n      zIndex: muiZIndex,\r\n      components,\r\n      // Custom slot for v2 consumers — read tokens directly off the theme.\r\n      //   - `brand`           : the EFFECTIVE brand (default + override merged).\r\n      //   - `brandSecondary`  : the EFFECTIVE brandSecondary (same contract).\r\n      //   - `density`         : the resolved bucket (one of comfortable/compact).\r\n      //   - `densityLayout`   : the FULL density set (lets a component switch\r\n      //                         on the fly, e.g. compact rows inside a\r\n      //                         comfortable page).\r\n      //   - `layout`          : exposes layout.tactileMin (44) for components\r\n      //                         enforcing WCAG 2.5.5 hit-area floors.\r\n      tokens: {\r\n        brand, brandSecondary, ink, surface, border, semantic,\r\n        fontFamily, fontSize, fontWeight, lineHeight,\r\n        radius, duration, easing, zIndex,\r\n        density: D, densityLayout, layout,\r\n      },\r\n    },\r\n    ...(options.locale ? [options.locale] : []),\r\n  );\r\n}\r\n\r\nexport default createPortnetTheme;\r\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,13 +1,3 @@
-function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
-function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
-function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) { ; } } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 /**
  * CSS Variables emitter — Portnet UI v2
  *
@@ -35,13 +25,13 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
  *   same resolvers (./_brand, ./_brandSecondary) so mismatches are
  *   structurally impossible.
  */
-import { ink, surface, border, semantic, status, dark, fontFamily, fontSize, fontWeight, lineHeight, letterSpacing, spacing, radius, shadows, duration, easing, zIndex, density, layout, breakpoints, state } from "../tokens";
+import { ink, surface, border, semantic, status, dark, fontFamily, fontSize, fontWeight, lineHeight, letterSpacing, spacing, radius, shadows, duration, easing, zIndex, density, layout, breakpoints, state, chartCategorical } from "../tokens";
 import { resolveBrand } from "./_brand";
 import { resolveBrandSecondary } from "./_brandSecondary";
 
 /** Options for the CSS-variable emitter / injector. */
 
-var STYLE_TAG_ID = "portnet-ui-v2-tokens";
+const STYLE_TAG_ID = "portnet-ui-v2-tokens";
 
 /**
  * Spacing partition: numeric grid keys (s1..s10) vs semantic aliases
@@ -51,30 +41,21 @@ var STYLE_TAG_ID = "portnet-ui-v2-tokens";
  *
  * Uses Object.entries at module-load time — pure / no side-effects.
  */
-var NUMERIC_GRID_RE = /^s\d+$/;
-var SPACING_ENTRIES = Object.entries(spacing);
-var NUMERIC_ENTRIES = SPACING_ENTRIES.filter(function (_ref) {
-  var _ref2 = _slicedToArray(_ref, 1),
-    k = _ref2[0];
-  return NUMERIC_GRID_RE.test(k);
-});
-var ALIAS_ENTRIES = SPACING_ENTRIES.filter(function (_ref3) {
-  var _ref4 = _slicedToArray(_ref3, 1),
-    k = _ref4[0];
-  return !NUMERIC_GRID_RE.test(k);
-});
+const NUMERIC_GRID_RE = /^s\d+$/;
+const SPACING_ENTRIES = Object.entries(spacing);
+const NUMERIC_ENTRIES = SPACING_ENTRIES.filter(([k]) => NUMERIC_GRID_RE.test(k));
+const ALIAS_ENTRIES = SPACING_ENTRIES.filter(([k]) => !NUMERIC_GRID_RE.test(k));
 
 /**
  * Emits the canonical :root block + sidebar / density / dark-mode overrides.
  * Pass a partial `brand` / `brandSecondary` to mirror a host theme override
  * (use the SAME object you pass to createPortnetTheme so the two layers agree).
  */
-export function getCssVariables() {
-  var _radius$none;
-  var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  var brand = resolveBrand(options.brand);
-  var brandSecondary = resolveBrandSecondary(options.brandSecondary);
-  var lightVars = ["/* \u2500\u2500 Brand \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */", "--accent: ".concat(brand.accent, ";"), "--accent-hover: ".concat(brand.accentHover, ";"), "--accent-soft: ".concat(brand.accentSoft, ";"), "--accent-fg: ".concat(brand.accentFg, ";"), "", "/* \u2500\u2500 Brand secondary \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */", "--secondary: ".concat(brandSecondary.secondary, ";"), "--secondary-fg: ".concat(brandSecondary.secondaryFg, ";"), "", "/* \u2500\u2500 Ink \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */", "--fg: ".concat(ink.fg, ";"), "--fg-muted: ".concat(ink.fgMuted, ";"), "--fg-subtle: ".concat(ink.fgSubtle, ";"), "--fg-inverse: ".concat(ink.fgInverse, ";"), "", "/* \u2500\u2500 Surface \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */", "--bg: ".concat(surface.bg, ";"), "--bg-elev: ".concat(surface.bgElev, ";"), "--bg-subtle: ".concat(surface.bgSubtle, ";"), "--bg-hover: ".concat(surface.bgHover, ";"), "--surface: ".concat(surface.surface, ";"), "", "/* \u2500\u2500 Border \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */", "--border: ".concat(border.border, ";"), "--border-strong: ".concat(border.borderStrong, ";"), "", "/* \u2500\u2500 Semantic \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */", "/* Each concept has a saturated fill (--<name>) and a darker text */", "/* foreground (--<name>-fg). Pair fills with text on the same surface. */", "--success: ".concat(semantic.success, ";"), "--success-soft: ".concat(semantic.successSoft, ";"), "--success-fg: ".concat(semantic.successFg, ";"), "--warning: ".concat(semantic.warning, ";"), "--warning-soft: ".concat(semantic.warningSoft, ";"), "--warning-fg: ".concat(semantic.warningFg, ";"), "--danger: ".concat(semantic.danger, ";"), "--danger-soft: ".concat(semantic.dangerSoft, ";"), "--danger-fg: ".concat(semantic.dangerFg, ";"), "--info: ".concat(semantic.info, ";"), "--info-soft: ".concat(semantic.infoSoft, ";"), "--info-fg: ".concat(semantic.infoFg, ";"), "", "/* \u2500\u2500 Status palette \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */", "--status-new-soft: ".concat(status["new"].soft, ";"), "--status-new-fg: ".concat(status["new"].fg, ";"), "--status-sent-soft: ".concat(status.sent.soft, ";"), "--status-sent-fg: ".concat(status.sent.fg, ";"), "--status-pending-soft: ".concat(status.pending.soft, ";"), "--status-pending-fg: ".concat(status.pending.fg, ";"), "--status-approved-soft: ".concat(status.approved.soft, ";"), "--status-approved-fg: ".concat(status.approved.fg, ";"), "--status-rejected-soft: ".concat(status.rejected.soft, ";"), "--status-rejected-fg: ".concat(status.rejected.fg, ";"), "--status-neutral-soft: ".concat(status.neutral.soft, ";"), "--status-neutral-fg: ".concat(status.neutral.fg, ";"), "", "/* \u2500\u2500 State overlays (B2 \u2014 currentColor-based) \u2500\u2500\u2500 */", "--state-hover-overlay: ".concat(state.hoverOverlay, ";"), "--state-pressed-overlay: ".concat(state.pressedOverlay, ";"), "--state-selected-overlay: ".concat(state.selectedOverlay, ";"), "", "/* \u2500\u2500 Typography \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */", "--font-sans: ".concat(fontFamily.sans, ";"), "--font-mono: ".concat(fontFamily.mono, ";"), "--text-display: ".concat(fontSize.display, "px;"), "--text-h2: ".concat(fontSize.h2, "px;"), "--text-h3: ".concat(fontSize.h3, "px;"), "--text-h4: ".concat(fontSize.h4, "px;"), "--text-body: ".concat(fontSize.body, "px;"), "--text-sm: ".concat(fontSize.sm, "px;"), "--text-xs: ".concat(fontSize.xs, "px;"), "--fw-regular: ".concat(fontWeight.regular, ";"), "--fw-medium: ".concat(fontWeight.medium, ";"), "--fw-semibold: ".concat(fontWeight.semibold, ";"), "--fw-bold: ".concat(fontWeight.bold, ";"), // NOTE: there is deliberately no heavier weight than bold (700). Batch 1
+export function getCssVariables(options = {}) {
+  const brand = resolveBrand(options.brand);
+  const brandSecondary = resolveBrandSecondary(options.brandSecondary);
+  const lightVars = [`/* ── Brand ─────────────────────────────────────── */`, `--accent: ${brand.accent};`, `--accent-hover: ${brand.accentHover};`, `--accent-soft: ${brand.accentSoft};`, `--accent-fg: ${brand.accentFg};`, ``, `/* ── Brand secondary ───────────────────────────── */`, `--secondary: ${brandSecondary.secondary};`, `--secondary-fg: ${brandSecondary.secondaryFg};`, ``, `/* ── Ink ───────────────────────────────────────── */`, `--fg: ${ink.fg};`, `--fg-muted: ${ink.fgMuted};`, `--fg-subtle: ${ink.fgSubtle};`, `--fg-inverse: ${ink.fgInverse};`, ``, `/* ── Surface ───────────────────────────────────── */`, `--bg: ${surface.bg};`, `--bg-elev: ${surface.bgElev};`, `--bg-subtle: ${surface.bgSubtle};`, `--bg-hover: ${surface.bgHover};`, `--surface: ${surface.surface};`, ``, `/* ── Border ────────────────────────────────────── */`, `--border: ${border.border};`, `--border-strong: ${border.borderStrong};`, ``, `/* ── Semantic ──────────────────────────────────── */`, `/* Each concept has a saturated fill (--<name>) and a darker text */`, `/* foreground (--<name>-fg). Pair fills with text on the same surface. */`, `--success: ${semantic.success};`, `--success-soft: ${semantic.successSoft};`, `--success-fg: ${semantic.successFg};`, `--warning: ${semantic.warning};`, `--warning-soft: ${semantic.warningSoft};`, `--warning-fg: ${semantic.warningFg};`, `--danger: ${semantic.danger};`, `--danger-soft: ${semantic.dangerSoft};`, `--danger-fg: ${semantic.dangerFg};`, `--info: ${semantic.info};`, `--info-soft: ${semantic.infoSoft};`, `--info-fg: ${semantic.infoFg};`, ``, `/* ── Status palette ────────────────────────────── */`, `--status-new-soft: ${status.new.soft};`, `--status-new-fg: ${status.new.fg};`, `--status-sent-soft: ${status.sent.soft};`, `--status-sent-fg: ${status.sent.fg};`, `--status-pending-soft: ${status.pending.soft};`, `--status-pending-fg: ${status.pending.fg};`, `--status-approved-soft: ${status.approved.soft};`, `--status-approved-fg: ${status.approved.fg};`, `--status-rejected-soft: ${status.rejected.soft};`, `--status-rejected-fg: ${status.rejected.fg};`, `--status-neutral-soft: ${status.neutral.soft};`, `--status-neutral-fg: ${status.neutral.fg};`, ``, `/* ── Chart categorical palette (gap G-37) ────── */`, `/* Category fills, NOT workflow state — see tokens/chart. Emitted */`, `/* for CSS and sx; chart libraries should take the JS token, since */`, `/* an SVG presentation attribute given a var() is not resolved by */`, `/* every renderer. NO DARK OVERRIDE IS NEEDED, deliberately: every */`, `/* entry clears the 3:1 non-text floor on the light AND the dark */`, `/* surface, which is the constraint the values were solved for. */`, ...chartCategorical.map((c, i) => `--chart-${i + 1}: ${c};`), ``, `/* ── State overlays (B2 — currentColor-based) ─── */`, `--state-hover-overlay: ${state.hoverOverlay};`, `--state-pressed-overlay: ${state.pressedOverlay};`, `--state-selected-overlay: ${state.selectedOverlay};`, ``, `/* ── Typography ────────────────────────────────── */`, `--font-sans: ${fontFamily.sans};`, `--font-mono: ${fontFamily.mono};`, `--text-display: ${fontSize.display}px;`, `--text-h2: ${fontSize.h2}px;`, `--text-h3: ${fontSize.h3}px;`, `--text-h4: ${fontSize.h4}px;`, `--text-body: ${fontSize.body}px;`, `--text-sm: ${fontSize.sm}px;`, `--text-xs: ${fontSize.xs}px;`, `--fw-regular: ${fontWeight.regular};`, `--fw-medium: ${fontWeight.medium};`, `--fw-semibold: ${fontWeight.semibold};`, `--fw-bold: ${fontWeight.bold};`,
+  // NOTE: there is deliberately no heavier weight than bold (700). Batch 1
   // dropped the black weight from the typography tokens, and this file kept
   // emitting the matching variable for a while — resolving to the literal
   // string "undefined" in :root, which silently flattened every consumer that
@@ -84,43 +65,59 @@ export function getCssVariables() {
   // The old variable name is deliberately not written out: banned-patterns
   // scans raw file text with no comment awareness, so naming it here — even to
   // record its removal — trips the rule that protects this block.
-  "--lh-tight: ".concat(lineHeight.tight, ";"), "--lh-snug: ".concat(lineHeight.snug, ";"), "--lh-normal: ".concat(lineHeight.normal, ";"), "--lh-loose: ".concat(lineHeight.loose, ";"), // A7-02 — letter-spacing scale. Six token names were referenced fleet-wide
+  `--lh-tight: ${lineHeight.tight};`, `--lh-snug: ${lineHeight.snug};`, `--lh-normal: ${lineHeight.normal};`, `--lh-loose: ${lineHeight.loose};`,
+  // A7-02 — letter-spacing scale. Six token names were referenced fleet-wide
   // that this emitter never emitted, so their var() fallbacks were the only
   // thing that ever rendered (R-2.3 / R-AI.1 magic values wearing a token's
   // name). These two had a real platform basis — -0.01em was hardcoded twice
   // in tokens/typography.ts itself, 0.04em inside KV and ConfirmDialog — so
   // they are promoted. `--border-subtle`, `--r-xs`, `--icon-sm`, `--icon-xl`
   // were local inventions and are fixed at their call sites instead.
-  "--ls-tight: ".concat(letterSpacing.tight, ";"), "--ls-normal: ".concat(letterSpacing.normal, ";"), "--ls-wide: ".concat(letterSpacing.wide, ";"), "", "/* \u2500\u2500 Spacing \u2014 numeric grid (8 px base) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */"].concat(_toConsumableArray(NUMERIC_ENTRIES.map(function (_ref5) {
-    var _ref6 = _slicedToArray(_ref5, 2),
-      k = _ref6[0],
-      v = _ref6[1];
-    return "--s-".concat(k.slice(1), ": ").concat(v, "px;");
-  })), ["", "/* \u2500\u2500 Spacing \u2014 semantic aliases \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */"], _toConsumableArray(ALIAS_ENTRIES.map(function (_ref7) {
-    var _ref8 = _slicedToArray(_ref7, 2),
-      k = _ref8[0],
-      v = _ref8[1];
-    return "--space-".concat(k, ": ").concat(v, "px;");
-  })), ["", "/* \u2500\u2500 Radius \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */", "--r-none: ".concat((_radius$none = radius.none) !== null && _radius$none !== void 0 ? _radius$none : 0, "px;"), "--r-sm: ".concat(radius.sm, "px;"), "--r-md: ".concat(radius.md, "px;"), "--r-lg: ".concat(radius.lg, "px;"), "--r-xl: ".concat(radius.xl, "px;"), "--r-full: ".concat(radius.full, "px;"), "", "/* \u2500\u2500 Shadows \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */", "--shadow-xs: ".concat(shadows.xs, ";"), "--shadow-sm: ".concat(shadows.sm, ";"), "--shadow-md: ".concat(shadows.md, ";"), "--shadow-lg: ".concat(shadows.lg, ";"), "--shadow-focus: ".concat(shadows.focus, ";")], _toConsumableArray(shadows.focusFallback ? ["--shadow-focus-fallback: ".concat(shadows.focusFallback, ";")] : []), ["", "/* \u2500\u2500 Motion (temporal vocabulary) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */", "--duration-fast: ".concat(duration.fast, "ms;"), "--duration-base: ".concat(duration.base, "ms;"), "--duration-slow: ".concat(duration.slow, "ms;"), "", "/* \u2500\u2500 Motion (semantic aliases \u2014 B6) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */", // Same numeric values as fast/base/slow; intent-readable at the
+  `--ls-tight: ${letterSpacing.tight};`, `--ls-normal: ${letterSpacing.normal};`, `--ls-wide: ${letterSpacing.wide};`, ``, `/* ── Spacing — numeric grid (8 px base) ─────────── */`,
+  // s1..s10 → --s-1 .. --s-10 (preserves all existing consumers).
+  ...NUMERIC_ENTRIES.map(([k, v]) => `--s-${k.slice(1)}: ${v}px;`), ``, `/* ── Spacing — semantic aliases ────────────────── */`,
+  // xs/sm/md/lg/xl/xxl → --space-xs .. --space-xxl. The "space-"
+  // prefix is mandatory: emitting them as raw --xs/--md/--lg
+  // would pollute the global CSS variable namespace.
+  ...ALIAS_ENTRIES.map(([k, v]) => `--space-${k}: ${v}px;`), ``, `/* ── Radius ────────────────────────────────────── */`, `--r-none: ${radius.none ?? 0}px;`, `--r-sm: ${radius.sm}px;`, `--r-md: ${radius.md}px;`, `--r-lg: ${radius.lg}px;`, `--r-xl: ${radius.xl}px;`, `--r-full: ${radius.full}px;`, ``, `/* ── Shadows ───────────────────────────────────── */`, `--shadow-xs: ${shadows.xs};`, `--shadow-sm: ${shadows.sm};`, `--shadow-md: ${shadows.md};`, `--shadow-lg: ${shadows.lg};`, `--shadow-focus: ${shadows.focus};`,
+  // Static rgba fallback for non-CSS-vars contexts (SSR strings,
+  // raw inline `style={{ boxShadow: ... }}` props that bypass CSS).
+  ...(shadows.focusFallback ? [`--shadow-focus-fallback: ${shadows.focusFallback};`] : []), ``, `/* ── Motion (temporal vocabulary) ──────────────── */`, `--duration-fast: ${duration.fast}ms;`, `--duration-base: ${duration.base}ms;`, `--duration-slow: ${duration.slow}ms;`, ``, `/* ── Motion (semantic aliases — B6) ────────────── */`,
+  // Same numeric values as fast/base/slow; intent-readable at the
   // call site. transition() helper recognises both vocabularies.
-  "--duration-microinteraction: ".concat(duration.microinteraction, "ms;"), "--duration-state-change: ".concat(duration.stateChange, "ms;"), "--duration-page-transition: ".concat(duration.pageTransition, "ms;"), "", "/* \u2500\u2500 Easing \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */", "--easing-out: ".concat(easing.out, ";"), "--easing-in: ".concat(easing["in"], ";"), "--easing-soft: ".concat(easing.soft, ";"), "", "/* \u2500\u2500 Z-index \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */"], _toConsumableArray(Object.entries(zIndex).map(function (_ref9) {
-    var _ref0 = _slicedToArray(_ref9, 2),
-      k = _ref0[0],
-      v = _ref0[1];
-    return "--z-".concat(k, ": ").concat(v, ";");
-  })), ["", "/* \u2500\u2500 Layout \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */", "--sidebar-w: ".concat(layout.sidebar, "px;"), "--topbar-h: ".concat(layout.topbar, "px;"), "--content-max: ".concat(layout.contentMax, "px;"), "--form-max: ".concat(layout.formMax, "px;"), "--tactile-min: ".concat(layout.tactileMin, "px;"), "", "/* \u2500\u2500 Breakpoints (R-RS.1) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */", // The single breakpoint scale, also wired into the MUI theme and the
+  `--duration-microinteraction: ${duration.microinteraction}ms;`, `--duration-state-change: ${duration.stateChange}ms;`, `--duration-page-transition: ${duration.pageTransition}ms;`, ``, `/* ── Easing ────────────────────────────────────── */`, `--easing-out: ${easing.out};`, `--easing-in: ${easing.in};`, `--easing-soft: ${easing.soft};`, ``, `/* ── Z-index ───────────────────────────────────── */`,
+  // Iterates the full zIndex object — picks up popover/snackbar/
+  // tooltip slots added in Batch 1 and skipLink (Batch 11 / B3)
+  // without code changes here.
+  ...Object.entries(zIndex).map(([k, v]) => `--z-${k}: ${v};`), ``, `/* ── Layout ────────────────────────────────────── */`, `--sidebar-w: ${layout.sidebar}px;`, `--topbar-h: ${layout.topbar}px;`, `--content-max: ${layout.contentMax}px;`, `--form-max: ${layout.formMax}px;`, `--tactile-min: ${layout.tactileMin}px;`, ``, `/* ── Form field widths (G-H) ───────────────── */`,
+  // A7-02 CLASS, SEVENTH INSTANCE. `Field.FIELD_MAX_WIDTH` consumes these
+  // as `var(--field-w-s, 200px)`, and Field's docblock states the five
+  // values are "exposees en variables CSS pour etre revues sans toucher au
+  // code" — the stated escape hatch for a decision that same docblock flags
+  // as needing design confirmation.
+  //
+  // This emitter never emitted them, so only the fallbacks ever rendered:
+  // the widths were unrevisable without a code change and the promise was
+  // false. Exactly what the A7-02 note above records for the letter-spacing
+  // scale — a var() fallback wearing a token's name.
+  //
+  // Emitted from `layout.fieldWidth` so there is ONE source. The component
+  // keeps its fallbacks, so a host that never calls injectCssVariables still
+  // renders correct widths; where the variables exist, they win.
+  `--field-w-xs: ${layout.fieldWidth.xs}px;`, `--field-w-s: ${layout.fieldWidth.s}px;`, `--field-w-m: ${layout.fieldWidth.m}px;`, `--field-w-l: ${layout.fieldWidth.l}px;`, ``, `/* ── Breakpoints (R-RS.1) ──────────────────────── */`,
+  // The single breakpoint scale, also wired into the MUI theme and the
   // mq() string helpers. Media queries can't read var(), so these are
   // for @container queries, clamp() and JS (getComputedStyle) — they
   // exist so no consumer hardcodes a raw px breakpoint anywhere.
-  "--bp-xs: ".concat(breakpoints.xs, "px;"), "--bp-sm: ".concat(breakpoints.sm, "px;"), "--bp-md: ".concat(breakpoints.md, "px;"), "--bp-lg: ".concat(breakpoints.lg, "px;"), "--bp-xl: ".concat(breakpoints.xl, "px;"), "", "/* \u2500\u2500 Density (default = comfortable) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */", "--row-h: ".concat(density.comfortable.row, "px;"), "--input-h: ".concat(density.comfortable.input, "px;"), "--btn-h: ".concat(density.comfortable.btn, "px;"), "--text-fs: ".concat(density.comfortable.fontSize, "px;")]);
-  var collapsedSidebar = "[data-nav-collapsed=\"true\"] { --sidebar-w: ".concat(layout.sidebarMin, "px; }");
+  `--bp-xs: ${breakpoints.xs}px;`, `--bp-sm: ${breakpoints.sm}px;`, `--bp-md: ${breakpoints.md}px;`, `--bp-lg: ${breakpoints.lg}px;`, `--bp-xl: ${breakpoints.xl}px;`, ``, `/* ── Density (default = comfortable) ───────────── */`, `--row-h: ${density.comfortable.row}px;`, `--input-h: ${density.comfortable.input}px;`, `--btn-h: ${density.comfortable.btn}px;`, `--text-fs: ${density.comfortable.fontSize}px;`];
+  const collapsedSidebar = `[data-nav-collapsed="true"] { --sidebar-w: ${layout.sidebarMin}px; }`;
 
   /* Density tier overrides — emitted in order of granularity so a
    * cascading selector like `[data-density][data-density="compact"]`
    * (host-side specificity hack) resolves predictably. */
-  var spaciousDensity = ["[data-density=\"spacious\"] {", "  --row-h: ".concat(density.spacious.row, "px;"), "  --input-h: ".concat(density.spacious.input, "px;"), "  --btn-h: ".concat(density.spacious.btn, "px;"), "  --text-fs: ".concat(density.spacious.fontSize, "px;"), "}"].join("\n");
-  var compactDensity = ["[data-density=\"compact\"] {", "  --row-h: ".concat(density.compact.row, "px;"), "  --input-h: ".concat(density.compact.input, "px;"), "  --btn-h: ".concat(density.compact.btn, "px;"), "  --text-fs: ".concat(density.compact.fontSize, "px;"), "}"].join("\n");
-  var ultraCompactDensity = ["[data-density=\"ultra-compact\"] {", "  --row-h: ".concat(density.ultraCompact.row, "px;"), "  --input-h: ".concat(density.ultraCompact.input, "px;"), "  --btn-h: ".concat(density.ultraCompact.btn, "px;"), "  --text-fs: ".concat(density.ultraCompact.fontSize, "px;"), "}"].join("\n");
+  const spaciousDensity = [`[data-density="spacious"] {`, `  --row-h: ${density.spacious.row}px;`, `  --input-h: ${density.spacious.input}px;`, `  --btn-h: ${density.spacious.btn}px;`, `  --text-fs: ${density.spacious.fontSize}px;`, `}`].join("\n");
+  const compactDensity = [`[data-density="compact"] {`, `  --row-h: ${density.compact.row}px;`, `  --input-h: ${density.compact.input}px;`, `  --btn-h: ${density.compact.btn}px;`, `  --text-fs: ${density.compact.fontSize}px;`, `}`].join("\n");
+  const ultraCompactDensity = [`[data-density="ultra-compact"] {`, `  --row-h: ${density.ultraCompact.row}px;`, `  --input-h: ${density.ultraCompact.input}px;`, `  --btn-h: ${density.ultraCompact.btn}px;`, `  --text-fs: ${density.ultraCompact.fontSize}px;`, `}`].join("\n");
 
   /* ── Dark mode overrides ────────────────────────────────────
    * Soft variants (semantic + status) are DERIVED via color-mix
@@ -130,24 +127,20 @@ export function getCssVariables() {
    * The 22-24% mix produces a tinted overlay that adapts to host
    * brand overrides automatically.
    * ───────────────────────────────────────────────────────── */
-  var darkVars = ["[data-theme=\"dark\"] {", "  --bg: ".concat(dark.bg, ";"), "  --bg-elev: ".concat(dark.bgElev, ";"), "  --bg-subtle: ".concat(dark.bgSubtle, ";"), "  --bg-hover: ".concat(dark.bgHover, ";"), "  --surface: ".concat(dark.surface, ";"), "  --border: ".concat(dark.border, ";"), "  --border-strong: ".concat(dark.borderStrong, ";"), "  --fg: ".concat(dark.fg, ";"), "  --fg-muted: ".concat(dark.fgMuted, ";"), "  --fg-subtle: ".concat(dark.fgSubtle, ";"), "  --fg-inverse: ".concat(dark.fgInverse, ";"), "  --accent-soft: ".concat(dark.accentSoft, ";"), "", "  /* Soft semantic fills \u2014 derived from the saturated colour */", "  --success-soft: color-mix(in srgb, var(--success) 24%, transparent);", "  --warning-soft: color-mix(in srgb, var(--warning) 24%, transparent);", "  --danger-soft:  color-mix(in srgb, var(--danger)  24%, transparent);", "  --info-soft:    color-mix(in srgb, var(--info)    24%, transparent);", "", "  /* Status FG \u2014 overridden for dark-mode visibility */", "  --status-new-fg: ".concat(dark.status["new"].fg, ";"), "  --status-sent-fg: ".concat(dark.status.sent.fg, ";"), "  --status-pending-fg: ".concat(dark.status.pending.fg, ";"), "  --status-approved-fg: ".concat(dark.status.approved.fg, ";"), "  --status-rejected-fg: ".concat(dark.status.rejected.fg, ";"), "  --status-neutral-fg: ".concat(dark.status.neutral.fg, ";"), "", "  /* Status soft \u2014 derived from the dark-mode FG */", "  --status-new-soft:      color-mix(in srgb, var(--status-new-fg)      22%, transparent);", "  --status-sent-soft:     color-mix(in srgb, var(--status-sent-fg)     22%, transparent);", "  --status-pending-soft:  color-mix(in srgb, var(--status-pending-fg)  22%, transparent);", "  --status-approved-soft: color-mix(in srgb, var(--status-approved-fg) 22%, transparent);", "  --status-rejected-soft: color-mix(in srgb, var(--status-rejected-fg) 22%, transparent);", "  --status-neutral-soft:  color-mix(in srgb, var(--status-neutral-fg)  22%, transparent);", "}"].join("\n");
+  const darkVars = [`[data-theme="dark"] {`, `  --bg: ${dark.bg};`, `  --bg-elev: ${dark.bgElev};`, `  --bg-subtle: ${dark.bgSubtle};`, `  --bg-hover: ${dark.bgHover};`, `  --surface: ${dark.surface};`, `  --border: ${dark.border};`, `  --border-strong: ${dark.borderStrong};`, `  --fg: ${dark.fg};`, `  --fg-muted: ${dark.fgMuted};`, `  --fg-subtle: ${dark.fgSubtle};`, `  --fg-inverse: ${dark.fgInverse};`, `  --accent-soft: ${dark.accentSoft};`, ``, `  /* Soft semantic fills — derived from the saturated colour */`, `  --success-soft: color-mix(in srgb, var(--success) 24%, transparent);`, `  --warning-soft: color-mix(in srgb, var(--warning) 24%, transparent);`, `  --danger-soft:  color-mix(in srgb, var(--danger)  24%, transparent);`, `  --info-soft:    color-mix(in srgb, var(--info)    24%, transparent);`, ``, `  /* Status FG — overridden for dark-mode visibility */`, `  --status-new-fg: ${dark.status.new.fg};`, `  --status-sent-fg: ${dark.status.sent.fg};`, `  --status-pending-fg: ${dark.status.pending.fg};`, `  --status-approved-fg: ${dark.status.approved.fg};`, `  --status-rejected-fg: ${dark.status.rejected.fg};`, `  --status-neutral-fg: ${dark.status.neutral.fg};`, ``, `  /* Status soft — derived from the dark-mode FG */`, `  --status-new-soft:      color-mix(in srgb, var(--status-new-fg)      22%, transparent);`, `  --status-sent-soft:     color-mix(in srgb, var(--status-sent-fg)     22%, transparent);`, `  --status-pending-soft:  color-mix(in srgb, var(--status-pending-fg)  22%, transparent);`, `  --status-approved-soft: color-mix(in srgb, var(--status-approved-fg) 22%, transparent);`, `  --status-rejected-soft: color-mix(in srgb, var(--status-rejected-fg) 22%, transparent);`, `  --status-neutral-soft:  color-mix(in srgb, var(--status-neutral-fg)  22%, transparent);`, `}`].join("\n");
 
   /* Dev-only validation — catches the regression class that motivated it: a
    * token removed from ../tokens while this emitter still references it, which
    * puts the literal "undefined" into :root instead of failing loudly. See the
    * note beside --fw-bold above. */
   if (typeof console !== "undefined") {
-    var offenders = lightVars.filter(function (l) {
-      return /:\s*undefined\b/.test(l);
-    });
+    const offenders = lightVars.filter(l => /:\s*undefined\b/.test(l));
     if (offenders.length) {
       // eslint-disable-next-line no-console
       console.warn("[@portnet/ui v2] cssVariables emitted undefined values — check token imports:", offenders);
     }
   }
-  return [":root {"].concat(_toConsumableArray(lightVars.map(function (line) {
-    return line ? "  ".concat(line) : "";
-  })), ["}", "", collapsedSidebar, "", spaciousDensity, "", compactDensity, "", ultraCompactDensity, "", darkVars]).join("\n");
+  return [`:root {`, ...lightVars.map(line => line ? `  ${line}` : ""), `}`, ``, collapsedSidebar, ``, spaciousDensity, ``, compactDensity, ``, ultraCompactDensity, ``, darkVars].join("\n");
 }
 
 /**
@@ -161,11 +154,11 @@ export function getCssVariables() {
  */
 export function injectCssVariables(arg) {
   if (typeof document === "undefined") return;
-  var opts = typeof arg === "string" ? {
+  const opts = typeof arg === "string" ? {
     id: arg
   } : arg || {};
-  var id = opts.id || STYLE_TAG_ID;
-  var tag = document.getElementById(id);
+  const id = opts.id || STYLE_TAG_ID;
+  let tag = document.getElementById(id);
   if (!tag) {
     tag = document.createElement("style");
     tag.id = id;
@@ -185,14 +178,14 @@ export function injectCssVariables(arg) {
  */
 export function removeCssVariables(arg) {
   if (typeof document === "undefined") return;
-  var id = typeof arg === "string" ? arg : arg && arg.id || STYLE_TAG_ID;
-  var tag = document.getElementById(id);
+  const id = typeof arg === "string" ? arg : arg && arg.id || STYLE_TAG_ID;
+  const tag = document.getElementById(id);
   if (tag) tag.remove();
 }
-var cssVariablesApi = {
-  getCssVariables: getCssVariables,
-  injectCssVariables: injectCssVariables,
-  removeCssVariables: removeCssVariables
+const cssVariablesApi = {
+  getCssVariables,
+  injectCssVariables,
+  removeCssVariables
 };
 export default cssVariablesApi;
 //# sourceMappingURL=cssVariables.js.map