@portnet/ui 5.0.27 → 6.0.0

package/dist/v2/theme/_brandSecondary.js

@@ -0,0 +1,65 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+exports.resolveBrandSecondary = resolveBrandSecondary;
+var _colors = require("../tokens/colors");
+function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
+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 ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); } /**
+ * Internal: brandSecondary override resolver — Portnet UI v2.
+ *
+ * Mirrors _brand.ts for the secondary palette. createPortnetTheme
+ * (MUI palette.secondary) and cssVariables (--secondary /
+ * --secondary-fg CSS variables) BOTH consume this resolver so the
+ * two layers cannot drift when a host supplies a partial override.
+ *
+ * NOT part of the public surface — the underscore prefix and the
+ * absence of a re-export from theme/index.js make this clear.
+ *
+ *   import { resolveBrandSecondary } from "./_brandSecondary";
+ *
+ * Charter ref: R-AI.1 (consistent visual layers).
+ */
+/** The brand-secondary token group shape (secondary / secondaryFg). */
+
+/**
+ * Whitelisted brandSecondary fields. Enumerating (rather than
+ * spreading the override) prevents extra keys from leaking into the
+ * runtime palette object.
+ */
+var BRAND_SECONDARY_KEYS = Object.freeze(["secondary", "secondaryFg"]);
+
+/**
+ * Deep-merge a partial brandSecondary override onto the default.
+ * Returns the default reference unchanged when no override is
+ * supplied, so callers comparing by reference can short-circuit.
+ */
+function resolveBrandSecondary(override) {
+  if (!override || _typeof(override) !== "object") return _colors.brandSecondary;
+  var out = _objectSpread({}, _colors.brandSecondary);
+  var _iterator = _createForOfIteratorHelper(BRAND_SECONDARY_KEYS),
+    _step;
+  try {
+    for (_iterator.s(); !(_step = _iterator.n()).done;) {
+      var k = _step.value;
+      var v = override[k];
+      if (v != null) out[k] = v;
+    }
+  } catch (err) {
+    _iterator.e(err);
+  } finally {
+    _iterator.f();
+  }
+  return out;
+}
+var _default = exports["default"] = resolveBrandSecondary;
+//# sourceMappingURL=_brandSecondary.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"_brandSecondary.js","names":["_colors","require","_createForOfIteratorHelper","o","allowArrayLike","it","Symbol","iterator","Array","isArray","_unsupportedIterableToArray","length","i","F","s","n","done","value","e","_e","f","TypeError","normalCompletion","didErr","err","call","step","next","_e2","minLen","_arrayLikeToArray","Object","prototype","toString","slice","constructor","name","from","test","arr","len","arr2","ownKeys","object","enumerableOnly","keys","getOwnPropertySymbols","symbols","filter","sym","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","target","arguments","source","forEach","key","_defineProperty","getOwnPropertyDescriptors","defineProperties","defineProperty","obj","_toPropertyKey","configurable","writable","arg","_toPrimitive","_typeof","String","input","hint","prim","toPrimitive","undefined","res","Number","BRAND_SECONDARY_KEYS","freeze","resolveBrandSecondary","override","defaultBrandSecondary","out","_iterator","_step","k","v","_default","exports"],"sources":["../../../src/lib/v2/theme/_brandSecondary.ts"],"sourcesContent":["/**\r\n * Internal: brandSecondary override resolver — Portnet UI v2.\r\n *\r\n * Mirrors _brand.ts for the secondary palette. createPortnetTheme\r\n * (MUI palette.secondary) and cssVariables (--secondary /\r\n * --secondary-fg CSS variables) BOTH consume this resolver so the\r\n * two layers cannot drift when a host supplies a partial override.\r\n *\r\n * NOT part of the public surface — the underscore prefix and the\r\n * absence of a re-export from theme/index.js make this clear.\r\n *\r\n *   import { resolveBrandSecondary } from \"./_brandSecondary\";\r\n *\r\n * Charter ref: R-AI.1 (consistent visual layers).\r\n */\r\nimport { brandSecondary as defaultBrandSecondary } from \"../tokens/colors\";\r\n\r\n/** The brand-secondary token group shape (secondary / secondaryFg). */\r\nexport type BrandSecondaryTokens = typeof defaultBrandSecondary;\r\n\r\n/**\r\n * Whitelisted brandSecondary fields. Enumerating (rather than\r\n * spreading the override) prevents extra keys from leaking into the\r\n * runtime palette object.\r\n */\r\nconst BRAND_SECONDARY_KEYS = Object.freeze([\"secondary\", \"secondaryFg\"] as const);\r\n\r\n/**\r\n * Deep-merge a partial brandSecondary override onto the default.\r\n * Returns the default reference unchanged when no override is\r\n * supplied, so callers comparing by reference can short-circuit.\r\n */\r\nexport function resolveBrandSecondary(\r\n  override?: Partial<BrandSecondaryTokens>\r\n): BrandSecondaryTokens {\r\n  if (!override || typeof override !== \"object\") return defaultBrandSecondary;\r\n  const out = { ...defaultBrandSecondary };\r\n  for (const k of BRAND_SECONDARY_KEYS) {\r\n    const v = override[k];\r\n    if (v != null) out[k] = v;\r\n  }\r\n  return out;\r\n}\r\n\r\nexport default resolveBrandSecondary;\r\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,50 @@
+import type { Theme } from "@mui/material/styles";
+import { ink, surface, border, semantic, fontFamily, fontSize, fontWeight, lineHeight, radius, duration, easing, zIndex, density, densityLayout, layout } from "../tokens";
+import { type BrandTokens } from "./_brand";
+import { type BrandSecondaryTokens } from "./_brandSecondary";
+/** Public options for the Portnet theme factory. */
+export type CreatePortnetThemeOptions = {
+    mode?: "light" | "dark";
+    density?: "comfortable" | "compact";
+    /** MUI locale object (e.g. frFR from "@mui/material/locale"). */
+    locale?: object;
+    brand?: Partial<BrandTokens>;
+    brandSecondary?: Partial<BrandSecondaryTokens>;
+};
+/** One resolved density bucket (comfortable | compact | …) — all pixel metrics. */
+type DensityBucket = (typeof density)[keyof typeof density];
+/**
+ * The custom `tokens` slot attached to the MUI theme so v2 consumers can read
+ * design tokens straight off the theme (`useTheme().tokens.*`). Declared onto
+ * MUI's Theme / ThemeOptions via the module augmentation below.
+ */
+type PortnetThemeTokens = {
+    brand: BrandTokens;
+    brandSecondary: BrandSecondaryTokens;
+    ink: typeof ink;
+    surface: typeof surface;
+    border: typeof border;
+    semantic: typeof semantic;
+    fontFamily: typeof fontFamily;
+    fontSize: typeof fontSize;
+    fontWeight: typeof fontWeight;
+    lineHeight: typeof lineHeight;
+    radius: typeof radius;
+    duration: typeof duration;
+    easing: typeof easing;
+    zIndex: typeof zIndex;
+    density: DensityBucket;
+    densityLayout: typeof densityLayout;
+    layout: typeof layout;
+};
+declare module "@mui/material/styles" {
+    interface Theme {
+        tokens: PortnetThemeTokens;
+    }
+    interface ThemeOptions {
+        tokens?: PortnetThemeTokens;
+    }
+}
+export declare function createPortnetTheme(options?: CreatePortnetThemeOptions): Theme;
+export default createPortnetTheme;
+//# sourceMappingURL=createPortnetTheme.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"createPortnetTheme.d.ts","sourceRoot":"","sources":["../../../src/lib/v2/theme/createPortnetTheme.ts"],"names":[],"mappings":"AA8BA,OAAO,KAAK,EACV,KAAK,EAMN,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EACL,GAAG,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAC9B,UAAU,EAAE,QAAQ,EAAE,UAAU,EAAE,UAAU,EACtB,MAAM,EAC5B,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,aAAa,EAAE,MAAM,EAGzD,MAAM,WAAW,CAAC;AACnB,OAAO,EAAgB,KAAK,WAAW,EAAE,MAAM,UAAU,CAAC;AAC1D,OAAO,EAAyB,KAAK,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAErF,oDAAoD;AACpD,MAAM,MAAM,yBAAyB,GAAG;IACtC,IAAI,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IACxB,OAAO,CAAC,EAAE,aAAa,GAAG,SAAS,CAAC;IACpC,iEAAiE;IACjE,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC;IAC7B,cAAc,CAAC,EAAE,OAAO,CAAC,oBAAoB,CAAC,CAAC;CAChD,CAAC;AAEF,mFAAmF;AACnF,KAAK,aAAa,GAAG,CAAC,OAAO,OAAO,CAAC,CAAC,MAAM,OAAO,OAAO,CAAC,CAAC;AAE5D;;;;GAIG;AACH,KAAK,kBAAkB,GAAG;IACxB,KAAK,EAAE,WAAW,CAAC;IACnB,cAAc,EAAE,oBAAoB,CAAC;IACrC,GAAG,EAAE,OAAO,GAAG,CAAC;IAChB,OAAO,EAAE,OAAO,OAAO,CAAC;IACxB,MAAM,EAAE,OAAO,MAAM,CAAC;IACtB,QAAQ,EAAE,OAAO,QAAQ,CAAC;IAC1B,UAAU,EAAE,OAAO,UAAU,CAAC;IAC9B,QAAQ,EAAE,OAAO,QAAQ,CAAC;IAC1B,UAAU,EAAE,OAAO,UAAU,CAAC;IAC9B,UAAU,EAAE,OAAO,UAAU,CAAC;IAC9B,MAAM,EAAE,OAAO,MAAM,CAAC;IACtB,QAAQ,EAAE,OAAO,QAAQ,CAAC;IAC1B,MAAM,EAAE,OAAO,MAAM,CAAC;IACtB,MAAM,EAAE,OAAO,MAAM,CAAC;IACtB,OAAO,EAAE,aAAa,CAAC;IACvB,aAAa,EAAE,OAAO,aAAa,CAAC;IACpC,MAAM,EAAE,OAAO,MAAM,CAAC;CACvB,CAAC;AAEF,OAAO,QAAQ,sBAAsB,CAAC;IACpC,UAAU,KAAK;QACb,MAAM,EAAE,kBAAkB,CAAC;KAC5B;IACD,UAAU,YAAY;QACpB,MAAM,CAAC,EAAE,kBAAkB,CAAC;KAC7B;CACF;AA4CD,wBAAgB,kBAAkB,CAAC,OAAO,GAAE,yBAA8B,GAAG,KAAK,CAoWjF;AAED,eAAe,kBAAkB,CAAC"}

package/dist/v2/theme/createPortnetTheme.js

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