@portnet/ui 5.0.28 → 6.0.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"createPortnetTheme.js","names":["_styles","require","_tokens","_brand","_brandSecondary","_toConsumableArray","arr","_arrayWithoutHoles","_iterableToArray","_unsupportedIterableToArray","_nonIterableSpread","TypeError","o","minLen","_arrayLikeToArray","n","Object","prototype","toString","call","slice","constructor","name","Array","from","test","iter","Symbol","iterator","isArray","len","length","i","arr2","BUTTON_MIN_WIDTH","OVERLINE_FONT_SIZE","OVERLINE_LETTER_SPACE","TOOLTIP_MAX_WIDTH","fluidPx","min","max","concat","createPortnetTheme","_zIndex$snackbar","_zIndex$tooltip","options","arguments","undefined","mode","dens","density","D","comfortable","isDark","brand","resolveBrand","brandSecondary","resolveBrandSecondary","palette","primary","main","accent","dark","accentHover","light","accentSoft","contrastText","accentFg","secondary","secondaryFg","error","semantic","danger","dangerSoft","dangerFg","ink","fgInverse","warning","warningSoft","warningFg","success","successSoft","successFg","info","infoSoft","infoFg","background","bg","surface","paper","bgElev","text","fg","fgMuted","disabled","fgSubtle","divider","border","grey","bgSubtle","bgHover","borderStrong","typography","fontFamily","sans","fontSize","htmlFontSize","fontWeightLight","fontWeight","regular","fontWeightRegular","fontWeightMedium","medium","fontWeightBold","bold","h1","display","lineHeight","tight","h2","h3","snug","h4","semibold","body1","body","normal","body2","sm","caption","xs","button","textTransform","letterSpacing","overline","shape","borderRadius","radius","md","transitions","duration","shortest","fast","shorter","standard","base","complex","enteringScreen","leavingScreen","easing","easeInOut","out","easeOut","easeIn","sharp","muiZIndex","appBar","zIndex","topbar","drawer","modal","snackbar","toast","tooltip","overflow","focusHalo","components","MuiCssBaseline","styleOverrides","animationDuration","animationIterationCount","transitionDuration","scrollBehavior","MuiButton","defaultProps","disableElevation","root","minHeight","btn","minWidth","paddingInline","spacing","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","createTheme","apply","breakpoints","values","spacingBase","shadows","muiShadows","tokens","densityLayout","layout","locale","_default","exports"],"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 {\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/** Public options for the Portnet theme factory. */\r\nexport type CreatePortnetThemeOptions = {\r\n  mode?: \"light\" | \"dark\";\r\n  density?: \"comfortable\" | \"compact\";\r\n  /** MUI locale object (e.g. frFR from \"@mui/material/locale\"). */\r\n  locale?: object;\r\n  brand?: Partial<BrandTokens>;\r\n  brandSecondary?: Partial<BrandSecondaryTokens>;\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/v2/theme/cssVariables.d.ts

@@ -0,0 +1,41 @@
+import { type BrandTokens } from "./_brand";
+import { type BrandSecondaryTokens } from "./_brandSecondary";
+/** Options for the CSS-variable emitter / injector. */
+type CssVariablesOptions = {
+    id?: string;
+    brand?: Partial<BrandTokens>;
+    brandSecondary?: Partial<BrandSecondaryTokens>;
+};
+/**
+ * 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 declare function getCssVariables(options?: CssVariablesOptions): string;
+/**
+ * Inject the variables into <head> at runtime.
+ * Idempotent: replaces a previous tag if present.
+ *
+ * Backward-compatible signatures:
+ *   injectCssVariables();                                   // default id, no override
+ *   injectCssVariables("my-style-id");                      // legacy string id
+ *   injectCssVariables({ id, brand, brandSecondary });      // options form
+ */
+export declare function injectCssVariables(arg?: string | CssVariablesOptions): void;
+/**
+ * Remove the injected style tag. Symmetrical with
+ * injectCssVariables — needed for theme switching, hot-reload
+ * and test cleanup. No-op when the tag is absent or in SSR.
+ *
+ *   removeCssVariables();              // default id
+ *   removeCssVariables("my-style-id"); // legacy string id
+ *   removeCssVariables({ id });        // options form
+ */
+export declare function removeCssVariables(arg?: string | CssVariablesOptions): void;
+declare const cssVariablesApi: {
+    getCssVariables: typeof getCssVariables;
+    injectCssVariables: typeof injectCssVariables;
+    removeCssVariables: typeof removeCssVariables;
+};
+export default cssVariablesApi;
+//# sourceMappingURL=cssVariables.d.ts.map

package/dist/v2/theme/cssVariables.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cssVariables.d.ts","sourceRoot":"","sources":["../../../src/lib/v2/theme/cssVariables.ts"],"names":[],"mappings":"AAkCA,OAAO,EAAgB,KAAK,WAAW,EAAE,MAAM,UAAU,CAAC;AAC1D,OAAO,EAAyB,KAAK,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAErF,uDAAuD;AACvD,KAAK,mBAAmB,GAAG;IACzB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC;IAC7B,cAAc,CAAC,EAAE,OAAO,CAAC,oBAAoB,CAAC,CAAC;CAChD,CAAC;AAiBF;;;;GAIG;AACH,wBAAgB,eAAe,CAAC,OAAO,GAAE,mBAAwB,GAAG,MAAM,CAqSzE;AAED;;;;;;;;GAQG;AACH,wBAAgB,kBAAkB,CAAC,GAAG,CAAC,EAAE,MAAM,GAAG,mBAAmB,GAAG,IAAI,CAY3E;AAED;;;;;;;;GAQG;AACH,wBAAgB,kBAAkB,CAAC,GAAG,CAAC,EAAE,MAAM,GAAG,mBAAmB,GAAG,IAAI,CAO3E;AAED,QAAA,MAAM,eAAe;;;;CAA8D,CAAC;AACpF,eAAe,eAAe,CAAC"}

package/dist/v2/theme/cssVariables.js

@@ -0,0 +1,205 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+exports.getCssVariables = getCssVariables;
+exports.injectCssVariables = injectCssVariables;
+exports.removeCssVariables = removeCssVariables;
+var _tokens = require("../tokens");
+var _brand = require("./_brand");
+var _brandSecondary = require("./_brandSecondary");
+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
+ *
+ * Generates a CSS string declaring all tokens as :root variables.
+ * Mount once at app boot via:
+ *
+ *   import { injectCssVariables } from "@portnet/ui/v2/theme";
+ *   injectCssVariables();
+ *
+ * Or render `getCssVariables()` inside a `<style>` tag if SSR'd.
+ *
+ * Brand override (host-level theming):
+ *
+ *   injectCssVariables({
+ *     brand: { accent: "#2962FF" },
+ *     brandSecondary: { secondary: "#4FB8CF" },
+ *   });
+ *   // Or via the unified theme factory (see createPortnetTheme):
+ *   //   createPortnetTheme({ brand: {...}, brandSecondary: {...} })
+ *
+ *   Override is deep-merged onto the default brand / brandSecondary:
+ *   any field you omit falls back to the token default. Use the SAME
+ *   override objects when calling createPortnetTheme so the MUI
+ *   palette and CSS variables stay in sync — both layers consume the
+ *   same resolvers (./_brand, ./_brandSecondary) so mismatches are
+ *   structurally impossible.
+ */
+/** Options for the CSS-variable emitter / injector. */
+
+var STYLE_TAG_ID = "portnet-ui-v2-tokens";
+
+/**
+ * Spacing partition: numeric grid keys (s1..s10) vs semantic aliases
+ * (xs/sm/md/lg/xl/xxl). Two output namespaces so the alias names
+ * cannot collide with the grid (s-N) and cannot pollute the global
+ * variable namespace by emitting unprefixed --md / --lg / --xl.
+ *
+ * Uses Object.entries at module-load time — pure / no side-effects.
+ */
+var NUMERIC_GRID_RE = /^s\d+$/;
+var SPACING_ENTRIES = Object.entries(_tokens.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);
+});
+
+/**
+ * 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).
+ */
+function getCssVariables() {
+  var _radius$none;
+  var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  var brand = (0, _brand.resolveBrand)(options.brand);
+  var brandSecondary = (0, _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(_tokens.ink.fg, ";"), "--fg-muted: ".concat(_tokens.ink.fgMuted, ";"), "--fg-subtle: ".concat(_tokens.ink.fgSubtle, ";"), "--fg-inverse: ".concat(_tokens.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(_tokens.surface.bg, ";"), "--bg-elev: ".concat(_tokens.surface.bgElev, ";"), "--bg-subtle: ".concat(_tokens.surface.bgSubtle, ";"), "--bg-hover: ".concat(_tokens.surface.bgHover, ";"), "--surface: ".concat(_tokens.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(_tokens.border.border, ";"), "--border-strong: ".concat(_tokens.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(_tokens.semantic.success, ";"), "--success-soft: ".concat(_tokens.semantic.successSoft, ";"), "--success-fg: ".concat(_tokens.semantic.successFg, ";"), "--warning: ".concat(_tokens.semantic.warning, ";"), "--warning-soft: ".concat(_tokens.semantic.warningSoft, ";"), "--warning-fg: ".concat(_tokens.semantic.warningFg, ";"), "--danger: ".concat(_tokens.semantic.danger, ";"), "--danger-soft: ".concat(_tokens.semantic.dangerSoft, ";"), "--danger-fg: ".concat(_tokens.semantic.dangerFg, ";"), "--info: ".concat(_tokens.semantic.info, ";"), "--info-soft: ".concat(_tokens.semantic.infoSoft, ";"), "--info-fg: ".concat(_tokens.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(_tokens.status["new"].soft, ";"), "--status-new-fg: ".concat(_tokens.status["new"].fg, ";"), "--status-sent-soft: ".concat(_tokens.status.sent.soft, ";"), "--status-sent-fg: ".concat(_tokens.status.sent.fg, ";"), "--status-pending-soft: ".concat(_tokens.status.pending.soft, ";"), "--status-pending-fg: ".concat(_tokens.status.pending.fg, ";"), "--status-approved-soft: ".concat(_tokens.status.approved.soft, ";"), "--status-approved-fg: ".concat(_tokens.status.approved.fg, ";"), "--status-rejected-soft: ".concat(_tokens.status.rejected.soft, ";"), "--status-rejected-fg: ".concat(_tokens.status.rejected.fg, ";"), "--status-neutral-soft: ".concat(_tokens.status.neutral.soft, ";"), "--status-neutral-fg: ".concat(_tokens.status.neutral.fg, ";"), "", "/* \u2500\u2500 State overlays (B2 \u2014 currentColor-based) \u2500\u2500\u2500 */", "--state-hover-overlay: ".concat(_tokens.state.hoverOverlay, ";"), "--state-pressed-overlay: ".concat(_tokens.state.pressedOverlay, ";"), "--state-selected-overlay: ".concat(_tokens.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(_tokens.fontFamily.sans, ";"), "--font-mono: ".concat(_tokens.fontFamily.mono, ";"), "--text-display: ".concat(_tokens.fontSize.display, "px;"), "--text-h2: ".concat(_tokens.fontSize.h2, "px;"), "--text-h3: ".concat(_tokens.fontSize.h3, "px;"), "--text-h4: ".concat(_tokens.fontSize.h4, "px;"), "--text-body: ".concat(_tokens.fontSize.body, "px;"), "--text-sm: ".concat(_tokens.fontSize.sm, "px;"), "--text-xs: ".concat(_tokens.fontSize.xs, "px;"), "--fw-regular: ".concat(_tokens.fontWeight.regular, ";"), "--fw-medium: ".concat(_tokens.fontWeight.medium, ";"), "--fw-semibold: ".concat(_tokens.fontWeight.semibold, ";"), "--fw-bold: ".concat(_tokens.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
+  // referenced it. The dev-only check at the end of this function exists
+  // because of that incident.
+  //
+  // 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(_tokens.lineHeight.tight, ";"), "--lh-snug: ".concat(_tokens.lineHeight.snug, ";"), "--lh-normal: ".concat(_tokens.lineHeight.normal, ";"), "--lh-loose: ".concat(_tokens.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(_tokens.letterSpacing.tight, ";"), "--ls-normal: ".concat(_tokens.letterSpacing.normal, ";"), "--ls-wide: ".concat(_tokens.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 = _tokens.radius.none) !== null && _radius$none !== void 0 ? _radius$none : 0, "px;"), "--r-sm: ".concat(_tokens.radius.sm, "px;"), "--r-md: ".concat(_tokens.radius.md, "px;"), "--r-lg: ".concat(_tokens.radius.lg, "px;"), "--r-xl: ".concat(_tokens.radius.xl, "px;"), "--r-full: ".concat(_tokens.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(_tokens.shadows.xs, ";"), "--shadow-sm: ".concat(_tokens.shadows.sm, ";"), "--shadow-md: ".concat(_tokens.shadows.md, ";"), "--shadow-lg: ".concat(_tokens.shadows.lg, ";"), "--shadow-focus: ".concat(_tokens.shadows.focus, ";")], _toConsumableArray(_tokens.shadows.focusFallback ? ["--shadow-focus-fallback: ".concat(_tokens.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(_tokens.duration.fast, "ms;"), "--duration-base: ".concat(_tokens.duration.base, "ms;"), "--duration-slow: ".concat(_tokens.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
+  // call site. transition() helper recognises both vocabularies.
+  "--duration-microinteraction: ".concat(_tokens.duration.microinteraction, "ms;"), "--duration-state-change: ".concat(_tokens.duration.stateChange, "ms;"), "--duration-page-transition: ".concat(_tokens.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(_tokens.easing.out, ";"), "--easing-in: ".concat(_tokens.easing["in"], ";"), "--easing-soft: ".concat(_tokens.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(_tokens.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(_tokens.layout.sidebar, "px;"), "--topbar-h: ".concat(_tokens.layout.topbar, "px;"), "--content-max: ".concat(_tokens.layout.contentMax, "px;"), "--form-max: ".concat(_tokens.layout.formMax, "px;"), "--tactile-min: ".concat(_tokens.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
+  // 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(_tokens.breakpoints.xs, "px;"), "--bp-sm: ".concat(_tokens.breakpoints.sm, "px;"), "--bp-md: ".concat(_tokens.breakpoints.md, "px;"), "--bp-lg: ".concat(_tokens.breakpoints.lg, "px;"), "--bp-xl: ".concat(_tokens.breakpoints.xl, "px;"), "", "/* \u2500\u2500 Density (default = comfortable) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */", "--row-h: ".concat(_tokens.density.comfortable.row, "px;"), "--input-h: ".concat(_tokens.density.comfortable.input, "px;"), "--btn-h: ".concat(_tokens.density.comfortable.btn, "px;"), "--text-fs: ".concat(_tokens.density.comfortable.fontSize, "px;")]);
+  var collapsedSidebar = "[data-nav-collapsed=\"true\"] { --sidebar-w: ".concat(_tokens.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(_tokens.density.spacious.row, "px;"), "  --input-h: ".concat(_tokens.density.spacious.input, "px;"), "  --btn-h: ".concat(_tokens.density.spacious.btn, "px;"), "  --text-fs: ".concat(_tokens.density.spacious.fontSize, "px;"), "}"].join("\n");
+  var compactDensity = ["[data-density=\"compact\"] {", "  --row-h: ".concat(_tokens.density.compact.row, "px;"), "  --input-h: ".concat(_tokens.density.compact.input, "px;"), "  --btn-h: ".concat(_tokens.density.compact.btn, "px;"), "  --text-fs: ".concat(_tokens.density.compact.fontSize, "px;"), "}"].join("\n");
+  var ultraCompactDensity = ["[data-density=\"ultra-compact\"] {", "  --row-h: ".concat(_tokens.density.ultraCompact.row, "px;"), "  --input-h: ".concat(_tokens.density.ultraCompact.input, "px;"), "  --btn-h: ".concat(_tokens.density.ultraCompact.btn, "px;"), "  --text-fs: ".concat(_tokens.density.ultraCompact.fontSize, "px;"), "}"].join("\n");
+
+  /* ── Dark mode overrides ────────────────────────────────────
+   * Soft variants (semantic + status) are DERIVED via color-mix
+   * from the saturated colour or the dark-mode status FG. The
+   * static light-mode soft hex codes are too pale on dark
+   * surfaces and fail WCAG 1.4.11 non-text contrast.
+   * The 22-24% mix produces a tinted overlay that adapts to host
+   * brand overrides automatically.
+   * ───────────────────────────────────────────────────────── */
+  var darkVars = ["[data-theme=\"dark\"] {", "  --bg: ".concat(_tokens.dark.bg, ";"), "  --bg-elev: ".concat(_tokens.dark.bgElev, ";"), "  --bg-subtle: ".concat(_tokens.dark.bgSubtle, ";"), "  --bg-hover: ".concat(_tokens.dark.bgHover, ";"), "  --surface: ".concat(_tokens.dark.surface, ";"), "  --border: ".concat(_tokens.dark.border, ";"), "  --border-strong: ".concat(_tokens.dark.borderStrong, ";"), "  --fg: ".concat(_tokens.dark.fg, ";"), "  --fg-muted: ".concat(_tokens.dark.fgMuted, ";"), "  --fg-subtle: ".concat(_tokens.dark.fgSubtle, ";"), "  --fg-inverse: ".concat(_tokens.dark.fgInverse, ";"), "  --accent-soft: ".concat(_tokens.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(_tokens.dark.status["new"].fg, ";"), "  --status-sent-fg: ".concat(_tokens.dark.status.sent.fg, ";"), "  --status-pending-fg: ".concat(_tokens.dark.status.pending.fg, ";"), "  --status-approved-fg: ".concat(_tokens.dark.status.approved.fg, ";"), "  --status-rejected-fg: ".concat(_tokens.dark.status.rejected.fg, ";"), "  --status-neutral-fg: ".concat(_tokens.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");
+
+  /* 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);
+    });
+    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");
+}
+
+/**
+ * Inject the variables into <head> at runtime.
+ * Idempotent: replaces a previous tag if present.
+ *
+ * Backward-compatible signatures:
+ *   injectCssVariables();                                   // default id, no override
+ *   injectCssVariables("my-style-id");                      // legacy string id
+ *   injectCssVariables({ id, brand, brandSecondary });      // options form
+ */
+function injectCssVariables(arg) {
+  if (typeof document === "undefined") return;
+  var opts = typeof arg === "string" ? {
+    id: arg
+  } : arg || {};
+  var id = opts.id || STYLE_TAG_ID;
+  var tag = document.getElementById(id);
+  if (!tag) {
+    tag = document.createElement("style");
+    tag.id = id;
+    document.head.appendChild(tag);
+  }
+  tag.textContent = getCssVariables(opts);
+}
+
+/**
+ * Remove the injected style tag. Symmetrical with
+ * injectCssVariables — needed for theme switching, hot-reload
+ * and test cleanup. No-op when the tag is absent or in SSR.
+ *
+ *   removeCssVariables();              // default id
+ *   removeCssVariables("my-style-id"); // legacy string id
+ *   removeCssVariables({ id });        // options form
+ */
+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);
+  if (tag) tag.remove();
+}
+var cssVariablesApi = {
+  getCssVariables: getCssVariables,
+  injectCssVariables: injectCssVariables,
+  removeCssVariables: removeCssVariables
+};
+var _default = exports["default"] = cssVariablesApi;
+//# sourceMappingURL=cssVariables.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"cssVariables.js","names":["_tokens","require","_brand","_brandSecondary","_toConsumableArray","arr","_arrayWithoutHoles","_iterableToArray","_unsupportedIterableToArray","_nonIterableSpread","TypeError","iter","Symbol","iterator","Array","from","isArray","_arrayLikeToArray","_slicedToArray","i","_arrayWithHoles","_iterableToArrayLimit","_nonIterableRest","o","minLen","n","Object","prototype","toString","call","slice","constructor","name","test","len","length","arr2","_i","_s","_e","_x","_r","_arr","_n","_d","next","done","push","value","err","STYLE_TAG_ID","NUMERIC_GRID_RE","SPACING_ENTRIES","entries","spacing","NUMERIC_ENTRIES","filter","_ref","_ref2","k","ALIAS_ENTRIES","_ref3","_ref4","getCssVariables","_radius$none","options","arguments","undefined","brand","resolveBrand","brandSecondary","resolveBrandSecondary","lightVars","concat","accent","accentHover","accentSoft","accentFg","secondary","secondaryFg","ink","fg","fgMuted","fgSubtle","fgInverse","surface","bg","bgElev","bgSubtle","bgHover","border","borderStrong","semantic","success","successSoft","successFg","warning","warningSoft","warningFg","danger","dangerSoft","dangerFg","info","infoSoft","infoFg","status","soft","sent","pending","approved","rejected","neutral","state","hoverOverlay","pressedOverlay","selectedOverlay","fontFamily","sans","mono","fontSize","display","h2","h3","h4","body","sm","xs","fontWeight","regular","medium","semibold","bold","lineHeight","tight","snug","normal","loose","letterSpacing","wide","map","_ref5","_ref6","v","_ref7","_ref8","radius","none","md","lg","xl","full","shadows","focus","focusFallback","duration","fast","base","slow","microinteraction","stateChange","pageTransition","easing","out","zIndex","_ref9","_ref0","layout","sidebar","topbar","contentMax","formMax","tactileMin","breakpoints","density","comfortable","row","input","btn","collapsedSidebar","sidebarMin","spaciousDensity","spacious","join","compactDensity","compact","ultraCompactDensity","ultraCompact","darkVars","dark","console","offenders","l","warn","line","injectCssVariables","arg","document","opts","id","tag","getElementById","createElement","head","appendChild","textContent","removeCssVariables","remove","cssVariablesApi","_default","exports"],"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":[]}

package/dist/v2/theme/index.d.ts

@@ -0,0 +1,33 @@
+import createPortnetTheme from "./createPortnetTheme";
+import { getCssVariables, injectCssVariables, removeCssVariables } from "./cssVariables";
+export { default as createPortnetTheme } from "./createPortnetTheme";
+export { getCssVariables, injectCssVariables, removeCssVariables, } from "./cssVariables";
+/**
+ * Public typed contract of the theme factory.
+ *
+ * Every host module wraps `createPortnetTheme` in a local `build<Module>Theme`
+ * helper (see the GU modules' `utils/appearance`), and those wrappers need to
+ * declare their own option surface without redefining it. Before this export
+ * the options type was module-private, which forced consumers into either
+ * `brand?: object` or an `as Parameters<typeof createPortnetTheme>[0]`
+ * assertion — both of which the Platform TypeScript Guidelines forbid
+ * ("Never use object", "Avoid unsafe assertions").
+ *
+ * `BrandTokens` / `BrandSecondaryTokens` are surfaced for the same reason: a
+ * host that receives a partial brand payload from the shell (themeReceived)
+ * must be able to type that payload against the shared token group instead of
+ * inventing a local twin.
+ *
+ * Additive, non-breaking: type-only re-exports, no runtime change.
+ */
+export type { CreatePortnetThemeOptions } from "./createPortnetTheme";
+export type { BrandTokens } from "./_brand";
+export type { BrandSecondaryTokens } from "./_brandSecondary";
+declare const themeApi: {
+    createPortnetTheme: typeof createPortnetTheme;
+    getCssVariables: typeof getCssVariables;
+    injectCssVariables: typeof injectCssVariables;
+    removeCssVariables: typeof removeCssVariables;
+};
+export default themeApi;
+//# sourceMappingURL=index.d.ts.map

package/dist/v2/theme/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/v2/theme/index.ts"],"names":[],"mappings":"AAAA,OAAO,kBAAkB,MAAM,sBAAsB,CAAC;AACtD,OAAO,EACL,eAAe,EACf,kBAAkB,EAClB,kBAAkB,EACnB,MAAM,gBAAgB,CAAC;AAExB,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AACrE,OAAO,EACL,eAAe,EACf,kBAAkB,EAClB,kBAAkB,GACnB,MAAM,gBAAgB,CAAC;AAExB;;;;;;;;;;;;;;;;;GAiBG;AACH,YAAY,EAAE,yBAAyB,EAAE,MAAM,sBAAsB,CAAC;AACtE,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAC5C,YAAY,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAE9D,QAAA,MAAM,QAAQ;;;;;CAKb,CAAC;AACF,eAAe,QAAQ,CAAC"}

package/dist/v2/theme/index.js

@@ -0,0 +1,60 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "createPortnetTheme", {
+  enumerable: true,
+  get: function get() {
+    return _createPortnetTheme["default"];
+  }
+});
+exports["default"] = void 0;
+Object.defineProperty(exports, "getCssVariables", {
+  enumerable: true,
+  get: function get() {
+    return _cssVariables.getCssVariables;
+  }
+});
+Object.defineProperty(exports, "injectCssVariables", {
+  enumerable: true,
+  get: function get() {
+    return _cssVariables.injectCssVariables;
+  }
+});
+Object.defineProperty(exports, "removeCssVariables", {
+  enumerable: true,
+  get: function get() {
+    return _cssVariables.removeCssVariables;
+  }
+});
+var _createPortnetTheme = _interopRequireDefault(require("./createPortnetTheme"));
+var _cssVariables = require("./cssVariables");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+/**
+ * Public typed contract of the theme factory.
+ *
+ * Every host module wraps `createPortnetTheme` in a local `build<Module>Theme`
+ * helper (see the GU modules' `utils/appearance`), and those wrappers need to
+ * declare their own option surface without redefining it. Before this export
+ * the options type was module-private, which forced consumers into either
+ * `brand?: object` or an `as Parameters<typeof createPortnetTheme>[0]`
+ * assertion — both of which the Platform TypeScript Guidelines forbid
+ * ("Never use object", "Avoid unsafe assertions").
+ *
+ * `BrandTokens` / `BrandSecondaryTokens` are surfaced for the same reason: a
+ * host that receives a partial brand payload from the shell (themeReceived)
+ * must be able to type that payload against the shared token group instead of
+ * inventing a local twin.
+ *
+ * Additive, non-breaking: type-only re-exports, no runtime change.
+ */
+
+var themeApi = {
+  createPortnetTheme: _createPortnetTheme["default"],
+  getCssVariables: _cssVariables.getCssVariables,
+  injectCssVariables: _cssVariables.injectCssVariables,
+  removeCssVariables: _cssVariables.removeCssVariables
+};
+var _default = exports["default"] = themeApi;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_createPortnetTheme","_interopRequireDefault","require","_cssVariables","obj","__esModule","themeApi","createPortnetTheme","getCssVariables","injectCssVariables","removeCssVariables","_default","exports"],"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,IAAAA,mBAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AAIwB,SAAAD,uBAAAG,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,gBAAAA,GAAA;AASxB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAKA,IAAME,QAAQ,GAAG;EACfC,kBAAkB,EAAlBA,8BAAkB;EAClBC,eAAe,EAAfA,6BAAe;EACfC,kBAAkB,EAAlBA,gCAAkB;EAClBC,kBAAkB,EAAlBA;AACF,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,cACaN,QAAQ","ignoreList":[]}