@portnet/ui 6.0.0 → 6.0.2

package/dist/esm/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/esm/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/esm/v2/styles/index.js

@@ -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.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"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":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,YAAY","ignoreList":[]}

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

@@ -0,0 +1,64 @@
+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).
+ */
+import { brand as defaultBrand } from "../tokens/colors";
+
+/** 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.
+ */
+export function resolveBrand(override) {
+  if (!override || _typeof(override) !== "object") return defaultBrand;
+  var out = _objectSpread({}, defaultBrand);
+  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;
+}
+export default resolveBrand;
+//# sourceMappingURL=_brand.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"_brand.js","names":["brand","defaultBrand","BRAND_KEYS","Object","freeze","resolveBrand","override","_typeof","out","_objectSpread","_iterator","_createForOfIteratorHelper","_step","s","n","done","k","value","v","err","e","f"],"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":";;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASA,KAAK,IAAIC,YAAY,QAAQ,kBAAkB;;AAExD;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA,IAAMC,UAAU,GAAGC,MAAM,CAACC,MAAM,CAAC,CAAC,QAAQ,EAAE,aAAa,EAAE,YAAY,EAAE,UAAU,CAAU,CAAC;;AAE9F;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,YAAYA,CAACC,QAA+B,EAAe;EACzE,IAAI,CAACA,QAAQ,IAAIC,OAAA,CAAOD,QAAQ,MAAK,QAAQ,EAAE,OAAOL,YAAY;EAClE,IAAMO,GAAG,GAAAC,aAAA,KAAQR,YAAY,CAAE;EAAC,IAAAS,SAAA,GAAAC,0BAAA,CAChBT,UAAU;IAAAU,KAAA;EAAA;IAA1B,KAAAF,SAAA,CAAAG,CAAA,MAAAD,KAAA,GAAAF,SAAA,CAAAI,CAAA,IAAAC,IAAA,GAA4B;MAAA,IAAjBC,CAAC,GAAAJ,KAAA,CAAAK,KAAA;MACV,IAAMC,CAAC,GAAGZ,QAAQ,CAACU,CAAC,CAAC;MACrB,IAAIE,CAAC,IAAI,IAAI,EAAEV,GAAG,CAACQ,CAAC,CAAC,GAAGE,CAAC;IAC3B;EAAC,SAAAC,GAAA;IAAAT,SAAA,CAAAU,CAAA,CAAAD,GAAA;EAAA;IAAAT,SAAA,CAAAW,CAAA;EAAA;EACD,OAAOb,GAAG;AACZ;AAEA,eAAeH,YAAY","ignoreList":[]}

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

@@ -0,0 +1,60 @@
+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).
+ */
+import { brandSecondary as defaultBrandSecondary } from "../tokens/colors";
+
+/** 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.
+ */
+export function resolveBrandSecondary(override) {
+  if (!override || _typeof(override) !== "object") return defaultBrandSecondary;
+  var out = _objectSpread({}, defaultBrandSecondary);
+  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;
+}
+export default resolveBrandSecondary;
+//# sourceMappingURL=_brandSecondary.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"_brandSecondary.js","names":["brandSecondary","defaultBrandSecondary","BRAND_SECONDARY_KEYS","Object","freeze","resolveBrandSecondary","override","_typeof","out","_objectSpread","_iterator","_createForOfIteratorHelper","_step","s","n","done","k","value","v","err","e","f"],"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":";;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASA,cAAc,IAAIC,qBAAqB,QAAQ,kBAAkB;;AAE1E;;AAGA;AACA;AACA;AACA;AACA;AACA,IAAMC,oBAAoB,GAAGC,MAAM,CAACC,MAAM,CAAC,CAAC,WAAW,EAAE,aAAa,CAAU,CAAC;;AAEjF;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,qBAAqBA,CACnCC,QAAwC,EAClB;EACtB,IAAI,CAACA,QAAQ,IAAIC,OAAA,CAAOD,QAAQ,MAAK,QAAQ,EAAE,OAAOL,qBAAqB;EAC3E,IAAMO,GAAG,GAAAC,aAAA,KAAQR,qBAAqB,CAAE;EAAC,IAAAS,SAAA,GAAAC,0BAAA,CACzBT,oBAAoB;IAAAU,KAAA;EAAA;IAApC,KAAAF,SAAA,CAAAG,CAAA,MAAAD,KAAA,GAAAF,SAAA,CAAAI,CAAA,IAAAC,IAAA,GAAsC;MAAA,IAA3BC,CAAC,GAAAJ,KAAA,CAAAK,KAAA;MACV,IAAMC,CAAC,GAAGZ,QAAQ,CAACU,CAAC,CAAC;MACrB,IAAIE,CAAC,IAAI,IAAI,EAAEV,GAAG,CAACQ,CAAC,CAAC,GAAGE,CAAC;IAC3B;EAAC,SAAAC,GAAA;IAAAT,SAAA,CAAAU,CAAA,CAAAD,GAAA;EAAA;IAAAT,SAAA,CAAAW,CAAA;EAAA;EACD,OAAOb,GAAG;AACZ;AAEA,eAAeH,qBAAqB","ignoreList":[]}