@portnet/ui 6.0.1 → 6.0.3

package/dist/v2/theme/cssVariables.js

@@ -3,23 +3,14 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+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.
@@ -46,9 +37,10 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; } /**
  *   same resolvers (./_brand, ./_brandSecondary) so mismatches are
  *   structurally impossible.
  */
+
 /** 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
@@ -58,30 +50,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(_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);
-});
+const NUMERIC_GRID_RE = /^s\d+$/;
+const SPACING_ENTRIES = Object.entries(_tokens.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).
  */
-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
+function getCssVariables(options = {}) {
+  const brand = (0, _brand.resolveBrand)(options.brand);
+  const brandSecondary = (0, _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: ${_tokens.ink.fg};`, `--fg-muted: ${_tokens.ink.fgMuted};`, `--fg-subtle: ${_tokens.ink.fgSubtle};`, `--fg-inverse: ${_tokens.ink.fgInverse};`, ``, `/* ── Surface ───────────────────────────────────── */`, `--bg: ${_tokens.surface.bg};`, `--bg-elev: ${_tokens.surface.bgElev};`, `--bg-subtle: ${_tokens.surface.bgSubtle};`, `--bg-hover: ${_tokens.surface.bgHover};`, `--surface: ${_tokens.surface.surface};`, ``, `/* ── Border ────────────────────────────────────── */`, `--border: ${_tokens.border.border};`, `--border-strong: ${_tokens.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: ${_tokens.semantic.success};`, `--success-soft: ${_tokens.semantic.successSoft};`, `--success-fg: ${_tokens.semantic.successFg};`, `--warning: ${_tokens.semantic.warning};`, `--warning-soft: ${_tokens.semantic.warningSoft};`, `--warning-fg: ${_tokens.semantic.warningFg};`, `--danger: ${_tokens.semantic.danger};`, `--danger-soft: ${_tokens.semantic.dangerSoft};`, `--danger-fg: ${_tokens.semantic.dangerFg};`, `--info: ${_tokens.semantic.info};`, `--info-soft: ${_tokens.semantic.infoSoft};`, `--info-fg: ${_tokens.semantic.infoFg};`, ``, `/* ── Status palette ────────────────────────────── */`, `--status-new-soft: ${_tokens.status.new.soft};`, `--status-new-fg: ${_tokens.status.new.fg};`, `--status-sent-soft: ${_tokens.status.sent.soft};`, `--status-sent-fg: ${_tokens.status.sent.fg};`, `--status-pending-soft: ${_tokens.status.pending.soft};`, `--status-pending-fg: ${_tokens.status.pending.fg};`, `--status-approved-soft: ${_tokens.status.approved.soft};`, `--status-approved-fg: ${_tokens.status.approved.fg};`, `--status-rejected-soft: ${_tokens.status.rejected.soft};`, `--status-rejected-fg: ${_tokens.status.rejected.fg};`, `--status-neutral-soft: ${_tokens.status.neutral.soft};`, `--status-neutral-fg: ${_tokens.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. */`, ..._tokens.chartCategorical.map((c, i) => `--chart-${i + 1}: ${c};`), ``, `/* ── State overlays (B2 — currentColor-based) ─── */`, `--state-hover-overlay: ${_tokens.state.hoverOverlay};`, `--state-pressed-overlay: ${_tokens.state.pressedOverlay};`, `--state-selected-overlay: ${_tokens.state.selectedOverlay};`, ``, `/* ── Typography ────────────────────────────────── */`, `--font-sans: ${_tokens.fontFamily.sans};`, `--font-mono: ${_tokens.fontFamily.mono};`, `--text-display: ${_tokens.fontSize.display}px;`, `--text-h2: ${_tokens.fontSize.h2}px;`, `--text-h3: ${_tokens.fontSize.h3}px;`, `--text-h4: ${_tokens.fontSize.h4}px;`, `--text-body: ${_tokens.fontSize.body}px;`, `--text-sm: ${_tokens.fontSize.sm}px;`, `--text-xs: ${_tokens.fontSize.xs}px;`, `--fw-regular: ${_tokens.fontWeight.regular};`, `--fw-medium: ${_tokens.fontWeight.medium};`, `--fw-semibold: ${_tokens.fontWeight.semibold};`, `--fw-bold: ${_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
@@ -91,43 +74,59 @@ 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(_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
+  `--lh-tight: ${_tokens.lineHeight.tight};`, `--lh-snug: ${_tokens.lineHeight.snug};`, `--lh-normal: ${_tokens.lineHeight.normal};`, `--lh-loose: ${_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
+  `--ls-tight: ${_tokens.letterSpacing.tight};`, `--ls-normal: ${_tokens.letterSpacing.normal};`, `--ls-wide: ${_tokens.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: ${_tokens.radius.none ?? 0}px;`, `--r-sm: ${_tokens.radius.sm}px;`, `--r-md: ${_tokens.radius.md}px;`, `--r-lg: ${_tokens.radius.lg}px;`, `--r-xl: ${_tokens.radius.xl}px;`, `--r-full: ${_tokens.radius.full}px;`, ``, `/* ── Shadows ───────────────────────────────────── */`, `--shadow-xs: ${_tokens.shadows.xs};`, `--shadow-sm: ${_tokens.shadows.sm};`, `--shadow-md: ${_tokens.shadows.md};`, `--shadow-lg: ${_tokens.shadows.lg};`, `--shadow-focus: ${_tokens.shadows.focus};`,
+  // Static rgba fallback for non-CSS-vars contexts (SSR strings,
+  // raw inline `style={{ boxShadow: ... }}` props that bypass CSS).
+  ...(_tokens.shadows.focusFallback ? [`--shadow-focus-fallback: ${_tokens.shadows.focusFallback};`] : []), ``, `/* ── Motion (temporal vocabulary) ──────────────── */`, `--duration-fast: ${_tokens.duration.fast}ms;`, `--duration-base: ${_tokens.duration.base}ms;`, `--duration-slow: ${_tokens.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(_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
+  `--duration-microinteraction: ${_tokens.duration.microinteraction}ms;`, `--duration-state-change: ${_tokens.duration.stateChange}ms;`, `--duration-page-transition: ${_tokens.duration.pageTransition}ms;`, ``, `/* ── Easing ────────────────────────────────────── */`, `--easing-out: ${_tokens.easing.out};`, `--easing-in: ${_tokens.easing.in};`, `--easing-soft: ${_tokens.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(_tokens.zIndex).map(([k, v]) => `--z-${k}: ${v};`), ``, `/* ── Layout ────────────────────────────────────── */`, `--sidebar-w: ${_tokens.layout.sidebar}px;`, `--topbar-h: ${_tokens.layout.topbar}px;`, `--content-max: ${_tokens.layout.contentMax}px;`, `--form-max: ${_tokens.layout.formMax}px;`, `--tactile-min: ${_tokens.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: ${_tokens.layout.fieldWidth.xs}px;`, `--field-w-s: ${_tokens.layout.fieldWidth.s}px;`, `--field-w-m: ${_tokens.layout.fieldWidth.m}px;`, `--field-w-l: ${_tokens.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(_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; }");
+  `--bp-xs: ${_tokens.breakpoints.xs}px;`, `--bp-sm: ${_tokens.breakpoints.sm}px;`, `--bp-md: ${_tokens.breakpoints.md}px;`, `--bp-lg: ${_tokens.breakpoints.lg}px;`, `--bp-xl: ${_tokens.breakpoints.xl}px;`, ``, `/* ── Density (default = comfortable) ───────────── */`, `--row-h: ${_tokens.density.comfortable.row}px;`, `--input-h: ${_tokens.density.comfortable.input}px;`, `--btn-h: ${_tokens.density.comfortable.btn}px;`, `--text-fs: ${_tokens.density.comfortable.fontSize}px;`];
+  const collapsedSidebar = `[data-nav-collapsed="true"] { --sidebar-w: ${_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");
+  const spaciousDensity = [`[data-density="spacious"] {`, `  --row-h: ${_tokens.density.spacious.row}px;`, `  --input-h: ${_tokens.density.spacious.input}px;`, `  --btn-h: ${_tokens.density.spacious.btn}px;`, `  --text-fs: ${_tokens.density.spacious.fontSize}px;`, `}`].join("\n");
+  const compactDensity = [`[data-density="compact"] {`, `  --row-h: ${_tokens.density.compact.row}px;`, `  --input-h: ${_tokens.density.compact.input}px;`, `  --btn-h: ${_tokens.density.compact.btn}px;`, `  --text-fs: ${_tokens.density.compact.fontSize}px;`, `}`].join("\n");
+  const ultraCompactDensity = [`[data-density="ultra-compact"] {`, `  --row-h: ${_tokens.density.ultraCompact.row}px;`, `  --input-h: ${_tokens.density.ultraCompact.input}px;`, `  --btn-h: ${_tokens.density.ultraCompact.btn}px;`, `  --text-fs: ${_tokens.density.ultraCompact.fontSize}px;`, `}`].join("\n");
 
   /* ── Dark mode overrides ────────────────────────────────────
    * Soft variants (semantic + status) are DERIVED via color-mix
@@ -137,24 +136,20 @@ function getCssVariables() {
    * 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");
+  const darkVars = [`[data-theme="dark"] {`, `  --bg: ${_tokens.dark.bg};`, `  --bg-elev: ${_tokens.dark.bgElev};`, `  --bg-subtle: ${_tokens.dark.bgSubtle};`, `  --bg-hover: ${_tokens.dark.bgHover};`, `  --surface: ${_tokens.dark.surface};`, `  --border: ${_tokens.dark.border};`, `  --border-strong: ${_tokens.dark.borderStrong};`, `  --fg: ${_tokens.dark.fg};`, `  --fg-muted: ${_tokens.dark.fgMuted};`, `  --fg-subtle: ${_tokens.dark.fgSubtle};`, `  --fg-inverse: ${_tokens.dark.fgInverse};`, `  --accent-soft: ${_tokens.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: ${_tokens.dark.status.new.fg};`, `  --status-sent-fg: ${_tokens.dark.status.sent.fg};`, `  --status-pending-fg: ${_tokens.dark.status.pending.fg};`, `  --status-approved-fg: ${_tokens.dark.status.approved.fg};`, `  --status-rejected-fg: ${_tokens.dark.status.rejected.fg};`, `  --status-neutral-fg: ${_tokens.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");
 }
 
 /**
@@ -168,11 +163,11 @@ function getCssVariables() {
  */
 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;
@@ -192,14 +187,14 @@ function injectCssVariables(arg) {
  */
 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
 };
-var _default = exports["default"] = cssVariablesApi;
+var _default = exports.default = cssVariablesApi;
 //# sourceMappingURL=cssVariables.js.map

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

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

package/dist/v2/theme/index.js

@@ -5,32 +5,32 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "createPortnetTheme", {
   enumerable: true,
-  get: function get() {
-    return _createPortnetTheme["default"];
+  get: function () {
+    return _createPortnetTheme.default;
   }
 });
-exports["default"] = void 0;
+exports.default = void 0;
 Object.defineProperty(exports, "getCssVariables", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _cssVariables.getCssVariables;
   }
 });
 Object.defineProperty(exports, "injectCssVariables", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _cssVariables.injectCssVariables;
   }
 });
 Object.defineProperty(exports, "removeCssVariables", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _cssVariables.removeCssVariables;
   }
 });
 var _createPortnetTheme = _interopRequireDefault(require("./createPortnetTheme"));
 var _cssVariables = require("./cssVariables");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 /**
  * Public typed contract of the theme factory.
  *
@@ -50,11 +50,11 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
  * Additive, non-breaking: type-only re-exports, no runtime change.
  */
 
-var themeApi = {
-  createPortnetTheme: _createPortnetTheme["default"],
+const themeApi = {
+  createPortnetTheme: _createPortnetTheme.default,
   getCssVariables: _cssVariables.getCssVariables,
   injectCssVariables: _cssVariables.injectCssVariables,
   removeCssVariables: _cssVariables.removeCssVariables
 };
-var _default = exports["default"] = themeApi;
+var _default = exports.default = themeApi;
 //# sourceMappingURL=index.js.map

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

@@ -1 +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":[]}
+{"version":3,"file":"index.js","names":["_createPortnetTheme","_interopRequireDefault","require","_cssVariables","e","__esModule","default","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,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AASxB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAKA,MAAMG,QAAQ,GAAG;EACfC,kBAAkB,EAAlBA,2BAAkB;EAClBC,eAAe,EAAfA,6BAAe;EACfC,kBAAkB,EAAlBA,gCAAkB;EAClBC,kBAAkB,EAAlBA;AACF,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAP,OAAA,GACaC,QAAQ","ignoreList":[]}