@portnet/ui 5.0.28 → 6.0.0

package/dist/v2/styles/base.css

@@ -0,0 +1,425 @@
+/* ============================================================
+   Portnet UI v2 — base.css
+   ------------------------------------------------------------
+   Mounted globally once via:
+     import "@portnet/ui/v2/styles";
+   ------------------------------------------------------------
+   This file contains ZERO hard-coded design colours / sizes:
+   token values come from CSS custom properties emitted by
+   theme/cssVariables.js → injected by injectCssVariables().
+
+   Component-level dimensions (toast width, skeleton timing,
+   outline offset, …) are declared as `--pui-*` variables at the
+   top of this file. They have sane defaults but are overrideable
+   per consumer via a CSS override, without forking this file.
+
+   RTL: every directional CSS property uses logical equivalents
+   (margin-inline-start, inset-inline-start). Keyframes that
+   would otherwise enter from a fixed side use `--pui-rtl-flip`
+   to flip horizontally in [dir="rtl"] contexts.
+   ============================================================ */
+
+/* ── Component-level dimensions (overrideable) ───────────── */
+:root {
+  --pui-toast-padding-y:   10px;
+  --pui-toast-padding-x:   14px;
+  --pui-toast-min-w:       280px;
+  --pui-toast-max-w:       480px;
+  --pui-toast-bottom:      var(--s-5, 24px);
+
+  --pui-status-padding-y:  2px;
+  --pui-status-padding-x:  10px;
+  --pui-status-dot-size:   6px;
+
+  --pui-skip-link-padding-y: 10px;
+  --pui-skip-link-padding-x: 18px;
+  --pui-skip-link-font:      0.8125rem;
+
+  --pui-net-error-padding-y: 10px;
+  --pui-net-error-padding-x: 20px;
+
+  /* Outline offsets — paired so component sx can pick the right
+     direction without hard-coding a literal. Outline draws OUTSIDE
+     the element box; +2px gives the standard breath-of-air, -2px
+     pulls the ring INSIDE for elements where the outline must not
+     extend past a container edge (tabs underline, table row
+     in a sticky-bordered grid). */
+  --pui-outline-offset:        2px;
+  --pui-outline-offset-inset: -2px;
+
+  --pui-skeleton-bg-w:     800px;
+  --pui-skeleton-shift:    400px;
+  --pui-skeleton-anim:     1.4s;
+
+  --pui-spinner-anim:      0.65s;
+  --pui-row-flash-anim:    0.9s;
+
+  /* RTL flip helper: keyframes referencing this multiply their
+     horizontal translate by -1 in [dir="rtl"], so animations that
+     enter from the right (LTR) automatically enter from the left.
+     Components also use it via inline `transform: scaleX(var(--pui-rtl-flip))`
+     to flip directional icons (back arrows, pagination chevrons)
+     without per-component dir-aware sx blocks. */
+  --pui-rtl-flip:          1;
+}
+[dir="rtl"] { --pui-rtl-flip: -1; }
+
+/* ── Reset & base ─────────────────────────────────────────── */
+*, *::before, *::after { box-sizing: border-box; }
+
+html {
+  -webkit-text-size-adjust: 100%;
+  text-size-adjust: 100%;
+}
+
+body {
+  margin: 0;
+  font-family: var(--font-sans);
+  font-size: var(--text-body, 14px);
+  line-height: var(--lh-normal, 1.5);
+  color: var(--fg);
+  background: var(--bg);
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+/* ── Skip-link (WCAG 2.4.1, R-N.6) ────────────────────────── */
+.pui-skip-link {
+  position: absolute;
+  inset-inline-start: 0;
+  top: 0;
+  width: 1px;
+  height: 1px;
+  overflow: hidden;
+  clip-path: inset(50%);
+  white-space: nowrap;
+  z-index: var(--z-skip-link, 2010);
+  padding: var(--pui-skip-link-padding-y) var(--pui-skip-link-padding-x);
+  background: var(--accent);
+  color: var(--accent-fg);
+  border-radius: var(--r-md);
+  font-size: var(--pui-skip-link-font);
+  font-weight: var(--fw-semibold);
+  text-decoration: none;
+  box-shadow: var(--shadow-md);
+}
+.pui-skip-link:focus,
+.pui-skip-link:focus-visible {
+  position: fixed;
+  inset-inline-start: var(--s-2, 8px);
+  top: var(--s-2, 8px);
+  width: auto;
+  height: auto;
+  clip-path: none;
+  outline: 3px solid var(--accent-fg);
+  outline-offset: var(--pui-outline-offset);
+}
+
+/* ── Focus-visible default (WCAG 2.4.7) ───────────────────── */
+:focus { outline: none; }
+:focus-visible {
+  outline: 2px solid var(--accent);
+  outline-offset: var(--pui-outline-offset);
+}
+
+/* ── Scrollbar slim ───────────────────────────────────────── */
+::-webkit-scrollbar { width: 6px; height: 6px; }
+::-webkit-scrollbar-track { background: transparent; }
+::-webkit-scrollbar-thumb {
+  background: var(--border-strong);
+  border-radius: var(--r-sm);
+}
+::-webkit-scrollbar-thumb:hover { background: var(--fg-subtle); }
+
+/* ──────────────────────────────────────────────────────────
+   Animations (R-Mi.3 — transform / opacity only)
+   ────────────────────────────────────────────────────────── */
+@keyframes pui-modal-appear {
+  from { opacity: 0; transform: scale(.96) translateY(10px); }
+  to   { opacity: 1; transform: scale(1)   translateY(0); }
+}
+@keyframes pui-backdrop-appear {
+  from { opacity: 0; }
+  to   { opacity: 1; }
+}
+@keyframes pui-drawer-slide-in {
+  from { transform: translateX(calc(100% * var(--pui-rtl-flip, 1))); opacity: .5; }
+  to   { transform: translateX(0);                                    opacity: 1;  }
+}
+@keyframes pui-toast-slide-up {
+  from { opacity: 0; transform: translateY(14px) scale(.95); }
+  to   { opacity: 1; transform: translateY(0)    scale(1); }
+}
+@keyframes pui-content-fade-in {
+  from { opacity: 0; transform: translateY(8px); }
+  to   { opacity: 1; transform: translateY(0); }
+}
+@keyframes pui-skeleton-shimmer {
+  0%   { background-position: calc(-1 * var(--pui-skeleton-shift, 400px)) 0; }
+  100% { background-position: var(--pui-skeleton-shift, 400px) 0; }
+}
+@keyframes pui-row-flash {
+  0%   { background: color-mix(in srgb, var(--accent-soft) 80%, transparent); }
+  100% { background: transparent; }
+}
+@keyframes pui-spin {
+  to { transform: rotate(360deg); }
+}
+@keyframes pui-count-pop {
+  0%   { transform: scale(1); }
+  40%  { transform: scale(1.3); }
+  100% { transform: scale(1); }
+}
+
+/* ──────────────────────────────────────────────────────────
+   Skeleton (R-Sk.1 / R-Sk.4)
+   ────────────────────────────────────────────────────────── */
+.pui-skeleton {
+  display: inline-block;
+  border-radius: var(--r-sm);
+  background: linear-gradient(90deg,
+    var(--bg-subtle) 0%,
+    var(--bg-hover)  40%,
+    var(--bg-subtle) 80%);
+  background-size: var(--pui-skeleton-bg-w) 100%;
+  animation: pui-skeleton-shimmer var(--pui-skeleton-anim) ease-in-out infinite;
+  pointer-events: none;
+  user-select: none;
+}
+
+/* C5 — Opt-in shimmer disable for vestibular-sensitive users who haven't
+   set the OS-level prefers-reduced-motion. */
+[data-disable-skeleton-shimmer="true"] .pui-skeleton,
+[data-disable-skeleton-shimmer="true"].pui-skeleton {
+  animation: none;
+  background: var(--bg-subtle);
+}
+
+/* ──────────────────────────────────────────────────────────
+   Visually-hidden helper (a11y)
+   ────────────────────────────────────────────────────────── */
+.pui-sr-only {
+  position: absolute;
+  width: 1px; height: 1px;
+  padding: 0; margin: -1px;
+  overflow: hidden; clip: rect(0, 0, 0, 0);
+  white-space: nowrap; border: 0;
+}
+
+/* ──────────────────────────────────────────────────────────
+   Status chip — base contract for <Status>
+   Six and only six modifiers.
+   ────────────────────────────────────────────────────────── */
+.pui-status {
+  display: inline-flex;
+  align-items: center;
+  gap: var(--s-1);
+  padding: var(--pui-status-padding-y) var(--pui-status-padding-x);
+  border-radius: var(--r-full);
+  font-size: var(--text-xs);
+  font-weight: var(--fw-semibold);
+  line-height: 1.4;
+  white-space: nowrap;
+}
+.pui-status::before {
+  content: "";
+  width: var(--pui-status-dot-size);
+  height: var(--pui-status-dot-size);
+  border-radius: 50%;
+  background: currentColor;
+  flex: 0 0 auto;
+  opacity: .8;
+}
+.pui-status[data-kind="new"]      { background: var(--status-new-soft);      color: var(--status-new-fg); }
+.pui-status[data-kind="sent"]     { background: var(--status-sent-soft);     color: var(--status-sent-fg); }
+.pui-status[data-kind="pending"]  { background: var(--status-pending-soft);  color: var(--status-pending-fg); }
+.pui-status[data-kind="approved"] { background: var(--status-approved-soft); color: var(--status-approved-fg); }
+.pui-status[data-kind="rejected"] { background: var(--status-rejected-soft); color: var(--status-rejected-fg); }
+.pui-status[data-kind="neutral"]  { background: var(--status-neutral-soft);  color: var(--status-neutral-fg); }
+
+/* ──────────────────────────────────────────────────────────
+   Toasts host (bottom-centre, max 3 stacked)
+
+   Variant backgrounds use the darker --*-fg tokens (not the
+   saturated --success / --warning / --danger fills) so that
+   white text on the toast meets WCAG 1.4.3 on every variant.
+   ────────────────────────────────────────────────────────── */
+.pui-toast-host {
+  position: fixed;
+  bottom: var(--pui-toast-bottom);
+  left: 50%;
+  transform: translateX(-50%);
+  display: flex;
+  flex-direction: column;
+  gap: var(--s-2);
+  z-index: var(--z-toast);
+  pointer-events: none;
+  /* R-RS — never let the centre-anchored stack exceed the viewport.
+     The toasts clamp their own width below; this caps the host so a
+     wide toast can't make the host itself a horizontal-scroll source. */
+  max-width: calc(100vw - 2 * var(--s-4, 16px));
+}
+.pui-toast {
+  /* H5 — relative anchors the absolutely-positioned progress bar
+     to each toast's bounds (rather than the toast host or page). */
+  position: relative;
+
+  display: flex;
+  align-items: center;
+  gap: var(--s-2);
+  /* R-RS / WCAG 1.4.10 — clamp to the viewport so a content-rich toast
+     (long message, or message + Undo/Action + dismiss) can't exceed the
+     screen on phones. The host is centre-anchored (left:50% /
+     translateX(-50%)) with no width constraint, so an unclamped
+     max-width:480 would push a wide toast off BOTH edges on a 360–414px
+     viewport. min()/calc keep an --s-4 gutter each side; on desktop the
+     expression resolves to the original token values. */
+  min-width: min(var(--pui-toast-min-w), calc(100vw - 2 * var(--s-4, 16px)));
+  max-width: min(var(--pui-toast-max-w), calc(100vw - 2 * var(--s-4, 16px)));
+  padding: var(--pui-toast-padding-y) var(--pui-toast-padding-x);
+  border-radius: var(--r-md);
+  background: var(--fg);
+  color: var(--fg-inverse);
+  font-size: var(--text-sm);
+  box-shadow: var(--shadow-lg);
+  animation: pui-toast-slide-up var(--duration-base) var(--easing-soft);
+  pointer-events: auto;
+  /* Prevent the progress bar from spilling over the toast's rounded
+     corners. The bar's own border-radius matches at the bottom, but
+     overflow:hidden is the belt-and-suspenders guarantee. */
+  overflow: hidden;
+}
+.pui-toast[data-variant="success"] { background: var(--success-fg); }
+.pui-toast[data-variant="error"]   { background: var(--danger-fg);  }
+.pui-toast[data-variant="warning"] { background: var(--warning-fg); }
+
+/* H5 — Progress bar at the bottom of a toast. Renders only for
+   progress toasts (those with `toast.progress != null`). The
+   inline width style sets the fill percentage. currentColor +
+   60% opacity makes it adapt to every variant background without
+   per-variant overrides — on the dark toast bgs the toast text
+   inherits --fg-inverse (white), so currentColor is a soft white
+   here. */
+.pui-toast-progress {
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  height: 2px;
+  background: color-mix(in srgb, currentColor 60%, transparent);
+  transition: width var(--duration-base, 180ms) ease-out;
+  /* Match the toast's bottom corner radius so the bar doesn't
+     square off past the rounded edge. */
+  border-bottom-left-radius: var(--r-md);
+  border-bottom-right-radius: var(--r-md);
+  pointer-events: none;
+}
+
+/* R-AI.1 — currentColor-derived overlays adapt to whichever toast
+   variant is rendered (was rgba(255,255,255,...) baked-in white).
+   R-F.1 — focus-visible required on interactive controls.
+   margin-inline-start — RTL-safe (was `margin-left`).
+   WCAG 2.5.8 (AA) — inline-flex + min-height:24px gives the text
+   controls a >=24px-tall target without altering the padding/label. */
+.pui-toast-undo,
+.pui-toast-action {
+  display: inline-flex;
+  align-items: center;
+  min-height: 24px;
+  background: color-mix(in srgb, currentColor 18%, transparent);
+  border: 1px solid color-mix(in srgb, currentColor 28%, transparent);
+  color: inherit;
+  border-radius: var(--r-sm);
+  padding: 3px 10px;
+  font-size: var(--text-xs);
+  font-weight: var(--fw-bold);
+  cursor: pointer;
+  margin-inline-start: var(--s-1);
+  font-family: inherit;
+  white-space: nowrap;
+  transition: background var(--duration-fast, 80ms) ease;
+}
+.pui-toast-undo:hover,
+.pui-toast-action:hover {
+  background: color-mix(in srgb, currentColor 30%, transparent);
+}
+.pui-toast-undo:focus-visible,
+.pui-toast-action:focus-visible {
+  outline: 2px solid currentColor;
+  outline-offset: var(--pui-outline-offset);
+}
+
+/* WCAG 2.5.8 (AA) — min-width/min-height:24px makes the dismiss a
+   >=24px target; display:grid place-items:center keeps the 14px glyph
+   visually centred so the icon size is unchanged. */
+.pui-toast-dismiss {
+  background: transparent; border: 0;
+  color: inherit; cursor: pointer;
+  padding: 2px; opacity: .55;
+  min-width: 24px; min-height: 24px;
+  display: grid; place-items: center;
+}
+.pui-toast-dismiss:hover { opacity: 1; }
+.pui-toast-dismiss:focus-visible {
+  opacity: 1;
+  outline: 2px solid currentColor;
+  outline-offset: var(--pui-outline-offset);
+  border-radius: var(--r-sm);
+}
+
+/* ──────────────────────────────────────────────────────────
+   Network-error banner (R-4.3, z = --z-netError above all)
+   ────────────────────────────────────────────────────────── */
+.pui-net-error-banner {
+  position: fixed;
+  top: 0;
+  inset-inline: 0;
+  z-index: var(--z-netError);
+  background: var(--danger);
+  color: var(--fg-inverse);
+  padding: var(--pui-net-error-padding-y) var(--pui-net-error-padding-x);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: var(--s-3);
+  font-size: var(--text-sm);
+  font-weight: var(--fw-bold);
+}
+
+/* ──────────────────────────────────────────────────────────
+   Spinner (button loading)
+   ────────────────────────────────────────────────────────── */
+.pui-spinner {
+  animation: pui-spin var(--pui-spinner-anim) linear infinite;
+  flex: 0 0 auto;
+}
+
+/* ──────────────────────────────────────────────────────────
+   Row-flash — post-mutation visual confirmation (R-Mi.4)
+   ────────────────────────────────────────────────────────── */
+.pui-row-updated {
+  animation: pui-row-flash var(--pui-row-flash-anim) ease-out forwards;
+}
+
+/* ──────────────────────────────────────────────────────────
+   prefers-reduced-motion (R-7.5 — bloquant a11y)
+   ────────────────────────────────────────────────────────── */
+@media (prefers-reduced-motion: reduce) {
+  *, *::before, *::after {
+    animation-duration: 0.01ms !important;
+    animation-iteration-count: 1 !important;
+    transition-duration: 0.01ms !important;
+    scroll-behavior: auto !important;
+  }
+  .pui-skeleton { animation: none; background: var(--bg-subtle); }
+  .pui-spinner  { animation: none; opacity: .6; }
+}
+
+/* ──────────────────────────────────────────────────────────
+   Print
+   ────────────────────────────────────────────────────────── */
+@media print {
+  .pui-toast-host,
+  .pui-net-error-banner { display: none !important; }
+  body { font-size: 12pt; color: #000; background: #fff; }
+  @page { margin: 20mm; size: A4; }
+}

package/dist/v2/styles/css.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Ambient module declarations for stylesheet side-effect imports.
+ *
+ * Lets `import "./base.css"` (see styles/index.ts) type-check under strict TS.
+ * The design system ships plain CSS (base.css) consumed purely as a side
+ * effect; no named or default bindings are used, so an empty declaration is
+ * sufficient. It merges harmlessly with any pre-existing global (or
+ * vite/client) `*.css` declaration.
+ */
+declare module "*.css";

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

@@ -0,0 +1,12 @@
+/**
+ * Portnet UI v2 — styles entrypoint.
+ *
+ * Side-effect import: makes base.css available globally.
+ *
+ *   import "@portnet/ui/v2/styles";
+ *
+ * Combine with `injectCssVariables()` from "@portnet/ui/v2/theme" to
+ * have the design tokens emitted on :root.
+ */
+import "./base.css";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/v2/styles/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AACH,OAAO,YAAY,CAAC"}

package/dist/v2/styles/index.js

@@ -0,0 +1,4 @@
+"use strict";
+
+require("./base.css");
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["require"],"sources":["../../../src/lib/v2/styles/index.ts"],"sourcesContent":["/**\r\n * Portnet UI v2 — styles entrypoint.\r\n *\r\n * Side-effect import: makes base.css available globally.\r\n *\r\n *   import \"@portnet/ui/v2/styles\";\r\n *\r\n * Combine with `injectCssVariables()` from \"@portnet/ui/v2/theme\" to\r\n * have the design tokens emitted on :root.\r\n */\r\nimport \"./base.css\";\r\n"],"mappings":";;AAUAA,OAAA","ignoreList":[]}

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

@@ -0,0 +1,29 @@
+/**
+ * Internal: brand override resolver — Portnet UI v2.
+ *
+ * createPortnetTheme (MUI palette) and cssVariables (CSS custom
+ * properties) BOTH need to deep-merge a host's partial brand
+ * override onto the default brand from tokens. Centralising the
+ * logic here guarantees the two layers cannot drift — otherwise
+ * palette.primary.dark and var(--accent-hover) could resolve to
+ * different values, producing visible mismatches between MUI hover
+ * states and CSS-variable-driven focus rings.
+ *
+ * NOT part of the public surface. The underscore prefix and the
+ * absence of a re-export from theme/index.js make this clear.
+ *
+ *   import { resolveBrand } from "./_brand";
+ *
+ * Charter ref: R-AI.1 (consistent focus halos across layers).
+ */
+import { brand as defaultBrand } from "../tokens/colors";
+/** The brand token group shape (accent / accentHover / accentSoft / accentFg). */
+export type BrandTokens = typeof defaultBrand;
+/**
+ * Deep-merge a partial brand override onto the default brand. Returns
+ * the default brand reference unchanged when no override is supplied,
+ * so callers that compare by reference can short-circuit.
+ */
+export declare function resolveBrand(override?: Partial<BrandTokens>): BrandTokens;
+export default resolveBrand;
+//# sourceMappingURL=_brand.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"_brand.d.ts","sourceRoot":"","sources":["../../../src/lib/v2/theme/_brand.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;GAiBG;AACH,OAAO,EAAE,KAAK,IAAI,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAEzD,kFAAkF;AAClF,MAAM,MAAM,WAAW,GAAG,OAAO,YAAY,CAAC;AAU9C;;;;GAIG;AACH,wBAAgB,YAAY,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,GAAG,WAAW,CAQzE;AAED,eAAe,YAAY,CAAC"}

package/dist/v2/theme/_brand.js

@@ -0,0 +1,69 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+exports.resolveBrand = resolveBrand;
+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: brand override resolver — Portnet UI v2.
+ *
+ * createPortnetTheme (MUI palette) and cssVariables (CSS custom
+ * properties) BOTH need to deep-merge a host's partial brand
+ * override onto the default brand from tokens. Centralising the
+ * logic here guarantees the two layers cannot drift — otherwise
+ * palette.primary.dark and var(--accent-hover) could resolve to
+ * different values, producing visible mismatches between MUI hover
+ * states and CSS-variable-driven focus rings.
+ *
+ * NOT part of the public surface. The underscore prefix and the
+ * absence of a re-export from theme/index.js make this clear.
+ *
+ *   import { resolveBrand } from "./_brand";
+ *
+ * Charter ref: R-AI.1 (consistent focus halos across layers).
+ */
+/** The brand token group shape (accent / accentHover / accentSoft / accentFg). */
+
+/**
+ * Whitelisted brand fields. Enumerating (rather than spreading the
+ * override) prevents extra keys from leaking into the runtime brand
+ * object — which could silently feed a typo'd field into downstream
+ * consumers.
+ */
+var BRAND_KEYS = Object.freeze(["accent", "accentHover", "accentSoft", "accentFg"]);
+
+/**
+ * Deep-merge a partial brand override onto the default brand. Returns
+ * the default brand reference unchanged when no override is supplied,
+ * so callers that compare by reference can short-circuit.
+ */
+function resolveBrand(override) {
+  if (!override || _typeof(override) !== "object") return _colors.brand;
+  var out = _objectSpread({}, _colors.brand);
+  var _iterator = _createForOfIteratorHelper(BRAND_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"] = resolveBrand;
+//# sourceMappingURL=_brand.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"_brand.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_KEYS","freeze","resolveBrand","override","defaultBrand","out","_iterator","_step","k","v","_default","exports"],"sources":["../../../src/lib/v2/theme/_brand.ts"],"sourcesContent":["/**\r\n * Internal: brand override resolver — Portnet UI v2.\r\n *\r\n * createPortnetTheme (MUI palette) and cssVariables (CSS custom\r\n * properties) BOTH need to deep-merge a host's partial brand\r\n * override onto the default brand from tokens. Centralising the\r\n * logic here guarantees the two layers cannot drift — otherwise\r\n * palette.primary.dark and var(--accent-hover) could resolve to\r\n * different values, producing visible mismatches between MUI hover\r\n * states and CSS-variable-driven focus rings.\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 { resolveBrand } from \"./_brand\";\r\n *\r\n * Charter ref: R-AI.1 (consistent focus halos across layers).\r\n */\r\nimport { brand as defaultBrand } from \"../tokens/colors\";\r\n\r\n/** The brand token group shape (accent / accentHover / accentSoft / accentFg). */\r\nexport type BrandTokens = typeof defaultBrand;\r\n\r\n/**\r\n * Whitelisted brand fields. Enumerating (rather than spreading the\r\n * override) prevents extra keys from leaking into the runtime brand\r\n * object — which could silently feed a typo'd field into downstream\r\n * consumers.\r\n */\r\nconst BRAND_KEYS = Object.freeze([\"accent\", \"accentHover\", \"accentSoft\", \"accentFg\"] as const);\r\n\r\n/**\r\n * Deep-merge a partial brand override onto the default brand. Returns\r\n * the default brand reference unchanged when no override is supplied,\r\n * so callers that compare by reference can short-circuit.\r\n */\r\nexport function resolveBrand(override?: Partial<BrandTokens>): BrandTokens {\r\n  if (!override || typeof override !== \"object\") return defaultBrand;\r\n  const out = { ...defaultBrand };\r\n  for (const k of BRAND_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 resolveBrand;\r\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,26 @@
+/**
+ * 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).
+ */
+import { brandSecondary as defaultBrandSecondary } from "../tokens/colors";
+/** The brand-secondary token group shape (secondary / secondaryFg). */
+export type BrandSecondaryTokens = typeof defaultBrandSecondary;
+/**
+ * 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.
+ */
+export declare function resolveBrandSecondary(override?: Partial<BrandSecondaryTokens>): BrandSecondaryTokens;
+export default resolveBrandSecondary;
+//# sourceMappingURL=_brandSecondary.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"_brandSecondary.d.ts","sourceRoot":"","sources":["../../../src/lib/v2/theme/_brandSecondary.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AACH,OAAO,EAAE,cAAc,IAAI,qBAAqB,EAAE,MAAM,kBAAkB,CAAC;AAE3E,uEAAuE;AACvE,MAAM,MAAM,oBAAoB,GAAG,OAAO,qBAAqB,CAAC;AAShE;;;;GAIG;AACH,wBAAgB,qBAAqB,CACnC,QAAQ,CAAC,EAAE,OAAO,CAAC,oBAAoB,CAAC,GACvC,oBAAoB,CAQtB;AAED,eAAe,qBAAqB,CAAC"}