@portnet/ui 6.0.2 → 6.0.3

package/dist/esm/v2/tokens/index.js

@@ -14,6 +14,7 @@ import zIndex from "./zIndex";
 import densityLayout, { density, layout, breakpoints } from "./density";
 import { mq, bpValue, BREAKPOINT_KEYS } from "./breakpoints";
 import statusPalette, { STATUS_KEYS, statusToken, STATUS_LABELS_FR } from "./statusPalette";
+import chart, { chartCategorical, chartCategoricalOn, chartChrome, chartColor, chartColorOn, CHART_CATEGORICAL_CORE } from "./chart";
 import state from "./state";
 export {
 // colors
@@ -36,45 +37,59 @@ densityLayout, density, layout, breakpoints,
 mq, bpValue, BREAKPOINT_KEYS,
 // status helpers
 statusPalette, STATUS_KEYS, statusToken, STATUS_LABELS_FR,
+// categorical chart palette (gap G-37) — NOT semantic colour: never map a
+// workflow state onto these, and never map a category onto `status`.
+chart, chartCategorical, chartColor, CHART_CATEGORICAL_CORE, chartCategoricalOn, chartColorOn,
+// non-data chart furniture (gap G-54) — a role→token mapping, not new
+// values: which token a chart TITLE or an axis LABEL uses, answered once so
+// five chart definitions in one module stop answering it five times.
+chartChrome,
 // state overlays
 state };
 
 // `dl` deprecated alias removed in 0.3.0 — see CHANGELOG. Use `densityLayout`.
 
-var tokens = Object.freeze({
-  colors: colors,
-  brand: brand,
-  brandSecondary: brandSecondary,
-  ink: ink,
-  surface: surface,
-  border: border,
-  semantic: semantic,
-  status: status,
-  focus: focus,
-  dark: dark,
-  typography: typography,
-  fontFamily: fontFamily,
-  fontSize: fontSize,
-  fontWeight: fontWeight,
-  lineHeight: lineHeight,
-  letterSpacing: letterSpacing,
-  variants: variants,
-  spacing: spacing,
-  spacingBase: spacingBase,
-  radius: radius,
-  shadows: shadows,
-  muiShadows: muiShadows,
-  motion: motion,
-  duration: duration,
-  durationCss: durationCss,
-  easing: easing,
-  zIndex: zIndex,
-  density: density,
-  layout: layout,
-  breakpoints: breakpoints,
-  mq: mq,
-  statusPalette: statusPalette,
-  state: state
+const tokens = Object.freeze({
+  colors,
+  brand,
+  brandSecondary,
+  ink,
+  surface,
+  border,
+  semantic,
+  status,
+  focus,
+  dark,
+  typography,
+  fontFamily,
+  fontSize,
+  fontWeight,
+  lineHeight,
+  letterSpacing,
+  variants,
+  spacing,
+  spacingBase,
+  radius,
+  shadows,
+  muiShadows,
+  motion,
+  duration,
+  durationCss,
+  easing,
+  zIndex,
+  density,
+  layout,
+  breakpoints,
+  mq,
+  statusPalette,
+  chart,
+  chartCategorical,
+  chartColor,
+  CHART_CATEGORICAL_CORE,
+  chartCategoricalOn,
+  chartColorOn,
+  chartChrome,
+  state
 });
 export default tokens;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["colors","brand","brandSecondary","ink","surface","border","semantic","status","focus","dark","typography","fontFamily","fontSize","fontWeight","lineHeight","letterSpacing","variants","spacing","spacingBase","radius","shadows","muiShadows","motion","duration","durationCss","easing","ms","transition","zIndex","densityLayout","density","layout","breakpoints","mq","bpValue","BREAKPOINT_KEYS","statusPalette","STATUS_KEYS","statusToken","STATUS_LABELS_FR","state","tokens","Object","freeze"],"sources":["../../../../src/lib/v2/tokens/index.ts"],"sourcesContent":["/**\r\n * Tokens barrel — single import surface for the whole library.\r\n *\r\n *   import tokens from \"@portnet/ui/v2/tokens\";\r\n *   import { brand, brandSecondary, status, spacing, transition, state } from \"@portnet/ui/v2/tokens\";\r\n */\r\nimport colors, {\r\n  brand, brandSecondary, ink, surface, border, semantic, status, focus, dark,\r\n} from \"./colors\";\r\nimport typography, {\r\n  fontFamily, fontSize, fontWeight, lineHeight, letterSpacing, variants,\r\n} from \"./typography\";\r\nimport spacing, { spacingBase } from \"./spacing\";\r\nimport radius from \"./radius\";\r\nimport shadows, { muiShadows } from \"./shadows\";\r\nimport motion, {\r\n  duration, durationCss, easing, ms, transition,\r\n} from \"./motion\";\r\nimport zIndex from \"./zIndex\";\r\nimport densityLayout, { density, layout, breakpoints } from \"./density\";\r\nimport { mq, bpValue, BREAKPOINT_KEYS } from \"./breakpoints\";\r\nimport statusPalette, {\r\n  STATUS_KEYS, statusToken, STATUS_LABELS_FR,\r\n} from \"./statusPalette\";\r\nimport state from \"./state\";\r\n\r\nexport {\r\n  // colors\r\n  colors, brand, brandSecondary, ink, surface, border, semantic, status, focus, dark,\r\n  // typography\r\n  typography, fontFamily, fontSize, fontWeight, lineHeight, letterSpacing, variants,\r\n  // spacing\r\n  spacing, spacingBase,\r\n  // radius\r\n  radius,\r\n  // shadows\r\n  shadows, muiShadows,\r\n  // motion\r\n  motion, duration, durationCss, easing, ms, transition,\r\n  // z-index\r\n  zIndex,\r\n  // density / layout\r\n  densityLayout, density, layout, breakpoints,\r\n  // responsive — breakpoint scale + media-query helpers (Batch 1)\r\n  mq, bpValue, BREAKPOINT_KEYS,\r\n  // status helpers\r\n  statusPalette, STATUS_KEYS, statusToken, STATUS_LABELS_FR,\r\n  // state overlays\r\n  state,\r\n};\r\n\r\n// `dl` deprecated alias removed in 0.3.0 — see CHANGELOG. Use `densityLayout`.\r\n\r\nconst tokens = Object.freeze({\r\n  colors, brand, brandSecondary, ink, surface, border, semantic, status, focus, dark,\r\n  typography, fontFamily, fontSize, fontWeight, lineHeight, letterSpacing, variants,\r\n  spacing, spacingBase,\r\n  radius,\r\n  shadows, muiShadows,\r\n  motion, duration, durationCss, easing,\r\n  zIndex,\r\n  density, layout, breakpoints, mq,\r\n  statusPalette,\r\n  state,\r\n});\r\n\r\nexport default tokens;\r\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA,OAAOA,MAAM,IACXC,KAAK,EAAEC,cAAc,EAAEC,GAAG,EAAEC,OAAO,EAAEC,MAAM,EAAEC,QAAQ,EAAEC,MAAM,EAAEC,KAAK,EAAEC,IAAI,QACrE,UAAU;AACjB,OAAOC,UAAU,IACfC,UAAU,EAAEC,QAAQ,EAAEC,UAAU,EAAEC,UAAU,EAAEC,aAAa,EAAEC,QAAQ,QAChE,cAAc;AACrB,OAAOC,OAAO,IAAIC,WAAW,QAAQ,WAAW;AAChD,OAAOC,MAAM,MAAM,UAAU;AAC7B,OAAOC,OAAO,IAAIC,UAAU,QAAQ,WAAW;AAC/C,OAAOC,MAAM,IACXC,QAAQ,EAAEC,WAAW,EAAEC,MAAM,EAAEC,EAAE,EAAEC,UAAU,QACxC,UAAU;AACjB,OAAOC,MAAM,MAAM,UAAU;AAC7B,OAAOC,aAAa,IAAIC,OAAO,EAAEC,MAAM,EAAEC,WAAW,QAAQ,WAAW;AACvE,SAASC,EAAE,EAAEC,OAAO,EAAEC,eAAe,QAAQ,eAAe;AAC5D,OAAOC,aAAa,IAClBC,WAAW,EAAEC,WAAW,EAAEC,gBAAgB,QACrC,iBAAiB;AACxB,OAAOC,KAAK,MAAM,SAAS;AAE3B;AACE;AACAxC,MAAM,EAAEC,KAAK,EAAEC,cAAc,EAAEC,GAAG,EAAEC,OAAO,EAAEC,MAAM,EAAEC,QAAQ,EAAEC,MAAM,EAAEC,KAAK,EAAEC,IAAI;AAClF;AACAC,UAAU,EAAEC,UAAU,EAAEC,QAAQ,EAAEC,UAAU,EAAEC,UAAU,EAAEC,aAAa,EAAEC,QAAQ;AACjF;AACAC,OAAO,EAAEC,WAAW;AACpB;AACAC,MAAM;AACN;AACAC,OAAO,EAAEC,UAAU;AACnB;AACAC,MAAM,EAAEC,QAAQ,EAAEC,WAAW,EAAEC,MAAM,EAAEC,EAAE,EAAEC,UAAU;AACrD;AACAC,MAAM;AACN;AACAC,aAAa,EAAEC,OAAO,EAAEC,MAAM,EAAEC,WAAW;AAC3C;AACAC,EAAE,EAAEC,OAAO,EAAEC,eAAe;AAC5B;AACAC,aAAa,EAAEC,WAAW,EAAEC,WAAW,EAAEC,gBAAgB;AACzD;AACAC,KAAK;;AAGP;;AAEA,IAAMC,MAAM,GAAGC,MAAM,CAACC,MAAM,CAAC;EAC3B3C,MAAM,EAANA,MAAM;EAAEC,KAAK,EAALA,KAAK;EAAEC,cAAc,EAAdA,cAAc;EAAEC,GAAG,EAAHA,GAAG;EAAEC,OAAO,EAAPA,OAAO;EAAEC,MAAM,EAANA,MAAM;EAAEC,QAAQ,EAARA,QAAQ;EAAEC,MAAM,EAANA,MAAM;EAAEC,KAAK,EAALA,KAAK;EAAEC,IAAI,EAAJA,IAAI;EAClFC,UAAU,EAAVA,UAAU;EAAEC,UAAU,EAAVA,UAAU;EAAEC,QAAQ,EAARA,QAAQ;EAAEC,UAAU,EAAVA,UAAU;EAAEC,UAAU,EAAVA,UAAU;EAAEC,aAAa,EAAbA,aAAa;EAAEC,QAAQ,EAARA,QAAQ;EACjFC,OAAO,EAAPA,OAAO;EAAEC,WAAW,EAAXA,WAAW;EACpBC,MAAM,EAANA,MAAM;EACNC,OAAO,EAAPA,OAAO;EAAEC,UAAU,EAAVA,UAAU;EACnBC,MAAM,EAANA,MAAM;EAAEC,QAAQ,EAARA,QAAQ;EAAEC,WAAW,EAAXA,WAAW;EAAEC,MAAM,EAANA,MAAM;EACrCG,MAAM,EAANA,MAAM;EACNE,OAAO,EAAPA,OAAO;EAAEC,MAAM,EAANA,MAAM;EAAEC,WAAW,EAAXA,WAAW;EAAEC,EAAE,EAAFA,EAAE;EAChCG,aAAa,EAAbA,aAAa;EACbI,KAAK,EAALA;AACF,CAAC,CAAC;AAEF,eAAeC,MAAM","ignoreList":[]}
+{"version":3,"file":"index.js","names":["colors","brand","brandSecondary","ink","surface","border","semantic","status","focus","dark","typography","fontFamily","fontSize","fontWeight","lineHeight","letterSpacing","variants","spacing","spacingBase","radius","shadows","muiShadows","motion","duration","durationCss","easing","ms","transition","zIndex","densityLayout","density","layout","breakpoints","mq","bpValue","BREAKPOINT_KEYS","statusPalette","STATUS_KEYS","statusToken","STATUS_LABELS_FR","chart","chartCategorical","chartCategoricalOn","chartChrome","chartColor","chartColorOn","CHART_CATEGORICAL_CORE","state","tokens","Object","freeze"],"sources":["../../../../src/lib/v2/tokens/index.ts"],"sourcesContent":["/**\r\n * Tokens barrel — single import surface for the whole library.\r\n *\r\n *   import tokens from \"@portnet/ui/v2/tokens\";\r\n *   import { brand, brandSecondary, status, spacing, transition, state } from \"@portnet/ui/v2/tokens\";\r\n */\r\nimport colors, {\r\n  brand, brandSecondary, ink, surface, border, semantic, status, focus, dark,\r\n} from \"./colors\";\r\nimport typography, {\r\n  fontFamily, fontSize, fontWeight, lineHeight, letterSpacing, variants,\r\n} from \"./typography\";\r\nimport spacing, { spacingBase } from \"./spacing\";\r\nimport radius from \"./radius\";\r\nimport shadows, { muiShadows } from \"./shadows\";\r\nimport motion, {\r\n  duration, durationCss, easing, ms, transition,\r\n} from \"./motion\";\r\nimport zIndex from \"./zIndex\";\r\nimport densityLayout, { density, layout, breakpoints } from \"./density\";\r\nimport { mq, bpValue, BREAKPOINT_KEYS } from \"./breakpoints\";\r\nimport statusPalette, {\r\n  STATUS_KEYS, statusToken, STATUS_LABELS_FR,\r\n} from \"./statusPalette\";\r\nimport chart, {\r\n  chartCategorical,\r\n  chartCategoricalOn,\r\n  chartChrome,\r\n  chartColor,\r\n  chartColorOn,\r\n  CHART_CATEGORICAL_CORE,\r\n} from \"./chart\";\r\nimport state from \"./state\";\r\n\r\nexport {\r\n  // colors\r\n  colors, brand, brandSecondary, ink, surface, border, semantic, status, focus, dark,\r\n  // typography\r\n  typography, fontFamily, fontSize, fontWeight, lineHeight, letterSpacing, variants,\r\n  // spacing\r\n  spacing, spacingBase,\r\n  // radius\r\n  radius,\r\n  // shadows\r\n  shadows, muiShadows,\r\n  // motion\r\n  motion, duration, durationCss, easing, ms, transition,\r\n  // z-index\r\n  zIndex,\r\n  // density / layout\r\n  densityLayout, density, layout, breakpoints,\r\n  // responsive — breakpoint scale + media-query helpers (Batch 1)\r\n  mq, bpValue, BREAKPOINT_KEYS,\r\n  // status helpers\r\n  statusPalette, STATUS_KEYS, statusToken, STATUS_LABELS_FR,\r\n  // categorical chart palette (gap G-37) — NOT semantic colour: never map a\r\n  // workflow state onto these, and never map a category onto `status`.\r\n  chart, chartCategorical, chartColor, CHART_CATEGORICAL_CORE,\r\n  chartCategoricalOn, chartColorOn,\r\n  // non-data chart furniture (gap G-54) — a role→token mapping, not new\r\n  // values: which token a chart TITLE or an axis LABEL uses, answered once so\r\n  // five chart definitions in one module stop answering it five times.\r\n  chartChrome,\r\n  // state overlays\r\n  state,\r\n};\r\n\r\n// `dl` deprecated alias removed in 0.3.0 — see CHANGELOG. Use `densityLayout`.\r\n\r\nconst tokens = Object.freeze({\r\n  colors, brand, brandSecondary, ink, surface, border, semantic, status, focus, dark,\r\n  typography, fontFamily, fontSize, fontWeight, lineHeight, letterSpacing, variants,\r\n  spacing, spacingBase,\r\n  radius,\r\n  shadows, muiShadows,\r\n  motion, duration, durationCss, easing,\r\n  zIndex,\r\n  density, layout, breakpoints, mq,\r\n  statusPalette,\r\n  chart, chartCategorical, chartColor, CHART_CATEGORICAL_CORE,\r\n  chartCategoricalOn, chartColorOn, chartChrome,\r\n  state,\r\n});\r\n\r\nexport default tokens;\r\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA,OAAOA,MAAM,IACXC,KAAK,EAAEC,cAAc,EAAEC,GAAG,EAAEC,OAAO,EAAEC,MAAM,EAAEC,QAAQ,EAAEC,MAAM,EAAEC,KAAK,EAAEC,IAAI,QACrE,UAAU;AACjB,OAAOC,UAAU,IACfC,UAAU,EAAEC,QAAQ,EAAEC,UAAU,EAAEC,UAAU,EAAEC,aAAa,EAAEC,QAAQ,QAChE,cAAc;AACrB,OAAOC,OAAO,IAAIC,WAAW,QAAQ,WAAW;AAChD,OAAOC,MAAM,MAAM,UAAU;AAC7B,OAAOC,OAAO,IAAIC,UAAU,QAAQ,WAAW;AAC/C,OAAOC,MAAM,IACXC,QAAQ,EAAEC,WAAW,EAAEC,MAAM,EAAEC,EAAE,EAAEC,UAAU,QACxC,UAAU;AACjB,OAAOC,MAAM,MAAM,UAAU;AAC7B,OAAOC,aAAa,IAAIC,OAAO,EAAEC,MAAM,EAAEC,WAAW,QAAQ,WAAW;AACvE,SAASC,EAAE,EAAEC,OAAO,EAAEC,eAAe,QAAQ,eAAe;AAC5D,OAAOC,aAAa,IAClBC,WAAW,EAAEC,WAAW,EAAEC,gBAAgB,QACrC,iBAAiB;AACxB,OAAOC,KAAK,IACVC,gBAAgB,EAChBC,kBAAkB,EAClBC,WAAW,EACXC,UAAU,EACVC,YAAY,EACZC,sBAAsB,QACjB,SAAS;AAChB,OAAOC,KAAK,MAAM,SAAS;AAE3B;AACE;AACA/C,MAAM,EAAEC,KAAK,EAAEC,cAAc,EAAEC,GAAG,EAAEC,OAAO,EAAEC,MAAM,EAAEC,QAAQ,EAAEC,MAAM,EAAEC,KAAK,EAAEC,IAAI;AAClF;AACAC,UAAU,EAAEC,UAAU,EAAEC,QAAQ,EAAEC,UAAU,EAAEC,UAAU,EAAEC,aAAa,EAAEC,QAAQ;AACjF;AACAC,OAAO,EAAEC,WAAW;AACpB;AACAC,MAAM;AACN;AACAC,OAAO,EAAEC,UAAU;AACnB;AACAC,MAAM,EAAEC,QAAQ,EAAEC,WAAW,EAAEC,MAAM,EAAEC,EAAE,EAAEC,UAAU;AACrD;AACAC,MAAM;AACN;AACAC,aAAa,EAAEC,OAAO,EAAEC,MAAM,EAAEC,WAAW;AAC3C;AACAC,EAAE,EAAEC,OAAO,EAAEC,eAAe;AAC5B;AACAC,aAAa,EAAEC,WAAW,EAAEC,WAAW,EAAEC,gBAAgB;AACzD;AACA;AACAC,KAAK,EAAEC,gBAAgB,EAAEG,UAAU,EAAEE,sBAAsB,EAC3DJ,kBAAkB,EAAEG,YAAY;AAChC;AACA;AACA;AACAF,WAAW;AACX;AACAI,KAAK;;AAGP;;AAEA,MAAMC,MAAM,GAAGC,MAAM,CAACC,MAAM,CAAC;EAC3BlD,MAAM;EAAEC,KAAK;EAAEC,cAAc;EAAEC,GAAG;EAAEC,OAAO;EAAEC,MAAM;EAAEC,QAAQ;EAAEC,MAAM;EAAEC,KAAK;EAAEC,IAAI;EAClFC,UAAU;EAAEC,UAAU;EAAEC,QAAQ;EAAEC,UAAU;EAAEC,UAAU;EAAEC,aAAa;EAAEC,QAAQ;EACjFC,OAAO;EAAEC,WAAW;EACpBC,MAAM;EACNC,OAAO;EAAEC,UAAU;EACnBC,MAAM;EAAEC,QAAQ;EAAEC,WAAW;EAAEC,MAAM;EACrCG,MAAM;EACNE,OAAO;EAAEC,MAAM;EAAEC,WAAW;EAAEC,EAAE;EAChCG,aAAa;EACbI,KAAK;EAAEC,gBAAgB;EAAEG,UAAU;EAAEE,sBAAsB;EAC3DJ,kBAAkB;EAAEG,YAAY;EAAEF,WAAW;EAC7CI;AACF,CAAC,CAAC;AAEF,eAAeC,MAAM","ignoreList":[]}

package/dist/esm/v2/tokens/motion.js

@@ -21,7 +21,7 @@
  *      at the call site.
  */
 
-export var duration = {
+export const duration = {
   // Temporal vocabulary
   fast: 80,
   // hover, focus
@@ -37,7 +37,7 @@ export var duration = {
   // modal/drawer/toast in/out
   pageTransition: 280 // route change, view enter
 };
-export var durationCss = {
+export const durationCss = {
   // Temporal
   fast: "80ms",
   base: "180ms",
@@ -47,18 +47,16 @@ export var durationCss = {
   stateChange: "180ms",
   pageTransition: "280ms"
 };
-export var easing = {
+export const easing = {
   out: "cubic-bezier(0.2, 0.8, 0.2, 1)",
-  "in": "cubic-bezier(0.4, 0, 1, 1)",
+  in: "cubic-bezier(0.4, 0, 1, 1)",
   soft: "cubic-bezier(0.16, 1, 0.3, 1)"
 };
 
 /**
  * `ms(80)` → `"80ms"`. Use when composing custom transitions.
  */
-export var ms = function ms(n) {
-  return "".concat(Number(n) || 0, "ms");
-};
+export const ms = n => `${Number(n) || 0}ms`;
 
 /**
  * Compose a CSS `transition` shorthand safely.
@@ -70,19 +68,13 @@ export var ms = function ms(n) {
  *   Both temporal ("fast") and semantic ("microinteraction") keys
  *   resolve through the same durationCss object.
  */
-export var transition = function transition() {
-  var _durationCss$duration, _easing$easingKey;
-  var prop = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : "all";
-  var durationKey = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "base";
-  var easingKey = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : "out";
-  return "".concat(prop, " ").concat((_durationCss$duration = durationCss[durationKey]) !== null && _durationCss$duration !== void 0 ? _durationCss$duration : durationCss.base, " ").concat((_easing$easingKey = easing[easingKey]) !== null && _easing$easingKey !== void 0 ? _easing$easingKey : easing.out);
-};
-var motion = {
-  duration: duration,
-  durationCss: durationCss,
-  easing: easing,
-  ms: ms,
-  transition: transition
+export const transition = (prop = "all", durationKey = "base", easingKey = "out") => `${prop} ${durationCss[durationKey] ?? durationCss.base} ${easing[easingKey] ?? easing.out}`;
+const motion = {
+  duration,
+  durationCss,
+  easing,
+  ms,
+  transition
 };
 export default motion;
 //# sourceMappingURL=motion.js.map

package/dist/esm/v2/tokens/motion.js.map

@@ -1 +1 @@
-{"version":3,"file":"motion.js","names":["duration","fast","base","slow","microinteraction","stateChange","pageTransition","durationCss","easing","out","soft","ms","n","concat","Number","transition","_durationCss$duration","_easing$easingKey","prop","arguments","length","undefined","durationKey","easingKey","motion"],"sources":["../../../../src/lib/v2/tokens/motion.ts"],"sourcesContent":["/**\r\n * Motion tokens — Portnet UI v2\r\n * Aligned with Design System v1.0 §02.7 + §08.\r\n *\r\n * R-Mi.1 — Any duration > 200 ms must be justified.\r\n * R-Mi.2 — No decorative looping animations (RGESN R-9.2).\r\n * R-Mi.3 — Animate transform + opacity only (GPU).\r\n * R-7.5  — `prefers-reduced-motion` respected (≤ 0.01 ms).\r\n *\r\n * Durations ship in two forms:\r\n *   - `duration.<key>`    integer milliseconds (for JS / MUI theme).\r\n *   - `durationCss.<key>` CSS string with `ms` unit (for sx / raw CSS).\r\n * Use `transition(prop, durKey, easeKey)` for the safest path.\r\n *\r\n * Each duration has TWO names:\r\n *   1. Temporal (fast / base / slow) — original Batch 1 vocabulary,\r\n *      kept for back-compat with all existing consumers.\r\n *   2. Semantic (microinteraction / stateChange / pageTransition) —\r\n *      added in Batch 11 (B6) to make component sx more intent-readable.\r\n *      Maps onto the SAME numeric values; pick whichever reads better\r\n *      at the call site.\r\n */\r\n\r\nexport const duration = {\r\n  // Temporal vocabulary\r\n  fast: 80,   // hover, focus\r\n  base: 180,  // modal open, drawer slide, toast spawn\r\n  slow: 280,  // optional — justify any usage\r\n\r\n  // Semantic aliases (B6) — same values, intent-readable names\r\n  microinteraction: 80,   // hover, focus, button press\r\n  stateChange:      180,  // modal/drawer/toast in/out\r\n  pageTransition:   280,  // route change, view enter\r\n};\r\n\r\nexport const durationCss = {\r\n  // Temporal\r\n  fast: \"80ms\",\r\n  base: \"180ms\",\r\n  slow: \"280ms\",\r\n\r\n  // Semantic aliases\r\n  microinteraction: \"80ms\",\r\n  stateChange:      \"180ms\",\r\n  pageTransition:   \"280ms\",\r\n};\r\n\r\nexport const easing = {\r\n  out:  \"cubic-bezier(0.2, 0.8, 0.2, 1)\",\r\n  in:   \"cubic-bezier(0.4, 0, 1, 1)\",\r\n  soft: \"cubic-bezier(0.16, 1, 0.3, 1)\",\r\n};\r\n\r\n/**\r\n * `ms(80)` → `\"80ms\"`. Use when composing custom transitions.\r\n */\r\nexport const ms = (n: number | string): string => `${Number(n) || 0}ms`;\r\n\r\n/**\r\n * Compose a CSS `transition` shorthand safely.\r\n *\r\n *   transition(\"opacity\")                              → \"opacity 180ms cubic-bezier(...)\"\r\n *   transition(\"transform\", \"fast\", \"in\")              → \"transform 80ms cubic-bezier(...)\"\r\n *   transition(\"opacity\",   \"stateChange\")             → \"opacity 180ms cubic-bezier(...)\"\r\n *\r\n *   Both temporal (\"fast\") and semantic (\"microinteraction\") keys\r\n *   resolve through the same durationCss object.\r\n */\r\nexport const transition = (\r\n  prop: string = \"all\",\r\n  durationKey: keyof typeof durationCss = \"base\",\r\n  easingKey: keyof typeof easing = \"out\"\r\n): string =>\r\n  `${prop} ${durationCss[durationKey] ?? durationCss.base} ${easing[easingKey] ?? easing.out}`;\r\n\r\nconst motion = { duration, durationCss, easing, ms, transition };\r\nexport default motion;\r\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,OAAO,IAAMA,QAAQ,GAAG;EACtB;EACAC,IAAI,EAAE,EAAE;EAAI;EACZC,IAAI,EAAE,GAAG;EAAG;EACZC,IAAI,EAAE,GAAG;EAAG;;EAEZ;EACAC,gBAAgB,EAAE,EAAE;EAAI;EACxBC,WAAW,EAAO,GAAG;EAAG;EACxBC,cAAc,EAAI,GAAG,CAAG;AAC1B,CAAC;AAED,OAAO,IAAMC,WAAW,GAAG;EACzB;EACAN,IAAI,EAAE,MAAM;EACZC,IAAI,EAAE,OAAO;EACbC,IAAI,EAAE,OAAO;EAEb;EACAC,gBAAgB,EAAE,MAAM;EACxBC,WAAW,EAAO,OAAO;EACzBC,cAAc,EAAI;AACpB,CAAC;AAED,OAAO,IAAME,MAAM,GAAG;EACpBC,GAAG,EAAG,gCAAgC;EACtC,MAAM,4BAA4B;EAClCC,IAAI,EAAE;AACR,CAAC;;AAED;AACA;AACA;AACA,OAAO,IAAMC,EAAE,GAAG,SAALA,EAAEA,CAAIC,CAAkB;EAAA,UAAAC,MAAA,CAAgBC,MAAM,CAACF,CAAC,CAAC,IAAI,CAAC;AAAA,CAAI;;AAEvE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,IAAMG,UAAU,GAAG,SAAbA,UAAUA,CAAA;EAAA,IAAAC,qBAAA,EAAAC,iBAAA;EAAA,IACrBC,IAAY,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,KAAK;EAAA,IACpBG,WAAqC,GAAAH,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,MAAM;EAAA,IAC9CI,SAA8B,GAAAJ,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,KAAK;EAAA,UAAAN,MAAA,CAEnCK,IAAI,OAAAL,MAAA,EAAAG,qBAAA,GAAIT,WAAW,CAACe,WAAW,CAAC,cAAAN,qBAAA,cAAAA,qBAAA,GAAIT,WAAW,CAACL,IAAI,OAAAW,MAAA,EAAAI,iBAAA,GAAIT,MAAM,CAACe,SAAS,CAAC,cAAAN,iBAAA,cAAAA,iBAAA,GAAIT,MAAM,CAACC,GAAG;AAAA,CAAE;AAE9F,IAAMe,MAAM,GAAG;EAAExB,QAAQ,EAARA,QAAQ;EAAEO,WAAW,EAAXA,WAAW;EAAEC,MAAM,EAANA,MAAM;EAAEG,EAAE,EAAFA,EAAE;EAAEI,UAAU,EAAVA;AAAW,CAAC;AAChE,eAAeS,MAAM","ignoreList":[]}
+{"version":3,"file":"motion.js","names":["duration","fast","base","slow","microinteraction","stateChange","pageTransition","durationCss","easing","out","in","soft","ms","n","Number","transition","prop","durationKey","easingKey","motion"],"sources":["../../../../src/lib/v2/tokens/motion.ts"],"sourcesContent":["/**\r\n * Motion tokens — Portnet UI v2\r\n * Aligned with Design System v1.0 §02.7 + §08.\r\n *\r\n * R-Mi.1 — Any duration > 200 ms must be justified.\r\n * R-Mi.2 — No decorative looping animations (RGESN R-9.2).\r\n * R-Mi.3 — Animate transform + opacity only (GPU).\r\n * R-7.5  — `prefers-reduced-motion` respected (≤ 0.01 ms).\r\n *\r\n * Durations ship in two forms:\r\n *   - `duration.<key>`    integer milliseconds (for JS / MUI theme).\r\n *   - `durationCss.<key>` CSS string with `ms` unit (for sx / raw CSS).\r\n * Use `transition(prop, durKey, easeKey)` for the safest path.\r\n *\r\n * Each duration has TWO names:\r\n *   1. Temporal (fast / base / slow) — original Batch 1 vocabulary,\r\n *      kept for back-compat with all existing consumers.\r\n *   2. Semantic (microinteraction / stateChange / pageTransition) —\r\n *      added in Batch 11 (B6) to make component sx more intent-readable.\r\n *      Maps onto the SAME numeric values; pick whichever reads better\r\n *      at the call site.\r\n */\r\n\r\nexport const duration = {\r\n  // Temporal vocabulary\r\n  fast: 80,   // hover, focus\r\n  base: 180,  // modal open, drawer slide, toast spawn\r\n  slow: 280,  // optional — justify any usage\r\n\r\n  // Semantic aliases (B6) — same values, intent-readable names\r\n  microinteraction: 80,   // hover, focus, button press\r\n  stateChange:      180,  // modal/drawer/toast in/out\r\n  pageTransition:   280,  // route change, view enter\r\n};\r\n\r\nexport const durationCss = {\r\n  // Temporal\r\n  fast: \"80ms\",\r\n  base: \"180ms\",\r\n  slow: \"280ms\",\r\n\r\n  // Semantic aliases\r\n  microinteraction: \"80ms\",\r\n  stateChange:      \"180ms\",\r\n  pageTransition:   \"280ms\",\r\n};\r\n\r\nexport const easing = {\r\n  out:  \"cubic-bezier(0.2, 0.8, 0.2, 1)\",\r\n  in:   \"cubic-bezier(0.4, 0, 1, 1)\",\r\n  soft: \"cubic-bezier(0.16, 1, 0.3, 1)\",\r\n};\r\n\r\n/**\r\n * `ms(80)` → `\"80ms\"`. Use when composing custom transitions.\r\n */\r\nexport const ms = (n: number | string): string => `${Number(n) || 0}ms`;\r\n\r\n/**\r\n * Compose a CSS `transition` shorthand safely.\r\n *\r\n *   transition(\"opacity\")                              → \"opacity 180ms cubic-bezier(...)\"\r\n *   transition(\"transform\", \"fast\", \"in\")              → \"transform 80ms cubic-bezier(...)\"\r\n *   transition(\"opacity\",   \"stateChange\")             → \"opacity 180ms cubic-bezier(...)\"\r\n *\r\n *   Both temporal (\"fast\") and semantic (\"microinteraction\") keys\r\n *   resolve through the same durationCss object.\r\n */\r\nexport const transition = (\r\n  prop: string = \"all\",\r\n  durationKey: keyof typeof durationCss = \"base\",\r\n  easingKey: keyof typeof easing = \"out\"\r\n): string =>\r\n  `${prop} ${durationCss[durationKey] ?? durationCss.base} ${easing[easingKey] ?? easing.out}`;\r\n\r\nconst motion = { duration, durationCss, easing, ms, transition };\r\nexport default motion;\r\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,OAAO,MAAMA,QAAQ,GAAG;EACtB;EACAC,IAAI,EAAE,EAAE;EAAI;EACZC,IAAI,EAAE,GAAG;EAAG;EACZC,IAAI,EAAE,GAAG;EAAG;;EAEZ;EACAC,gBAAgB,EAAE,EAAE;EAAI;EACxBC,WAAW,EAAO,GAAG;EAAG;EACxBC,cAAc,EAAI,GAAG,CAAG;AAC1B,CAAC;AAED,OAAO,MAAMC,WAAW,GAAG;EACzB;EACAN,IAAI,EAAE,MAAM;EACZC,IAAI,EAAE,OAAO;EACbC,IAAI,EAAE,OAAO;EAEb;EACAC,gBAAgB,EAAE,MAAM;EACxBC,WAAW,EAAO,OAAO;EACzBC,cAAc,EAAI;AACpB,CAAC;AAED,OAAO,MAAME,MAAM,GAAG;EACpBC,GAAG,EAAG,gCAAgC;EACtCC,EAAE,EAAI,4BAA4B;EAClCC,IAAI,EAAE;AACR,CAAC;;AAED;AACA;AACA;AACA,OAAO,MAAMC,EAAE,GAAIC,CAAkB,IAAa,GAAGC,MAAM,CAACD,CAAC,CAAC,IAAI,CAAC,IAAI;;AAEvE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAME,UAAU,GAAGA,CACxBC,IAAY,GAAG,KAAK,EACpBC,WAAqC,GAAG,MAAM,EAC9CC,SAA8B,GAAG,KAAK,KAEtC,GAAGF,IAAI,IAAIT,WAAW,CAACU,WAAW,CAAC,IAAIV,WAAW,CAACL,IAAI,IAAIM,MAAM,CAACU,SAAS,CAAC,IAAIV,MAAM,CAACC,GAAG,EAAE;AAE9F,MAAMU,MAAM,GAAG;EAAEnB,QAAQ;EAAEO,WAAW;EAAEC,MAAM;EAAEI,EAAE;EAAEG;AAAW,CAAC;AAChE,eAAeI,MAAM","ignoreList":[]}

package/dist/esm/v2/tokens/radius.js

@@ -6,7 +6,7 @@
  * square containers, use `full` (9999) which collapses correctly
  * regardless of container size.
  */
-export var radius = {
+export const radius = {
   none: 0,
   sm: 6,
   // chips, badges, sort indicators

package/dist/esm/v2/tokens/radius.js.map

@@ -1 +1 @@
-{"version":3,"file":"radius.js","names":["radius","none","sm","md","lg","xl","full"],"sources":["../../../../src/lib/v2/tokens/radius.ts"],"sourcesContent":["/**\r\n * Border-radius tokens — Portnet UI v2\r\n * Aligned with Design System v1.0 §02.4.\r\n *\r\n * Values are integers (pixels). For perfect circles / pills on\r\n * square containers, use `full` (9999) which collapses correctly\r\n * regardless of container size.\r\n */\r\nexport const radius = {\r\n  none: 0,\r\n  sm:   6,    // chips, badges, sort indicators\r\n  md:   8,    // buttons, inputs (default)\r\n  lg:   12,   // cards, datagrid\r\n  xl:   16,   // large modals\r\n  full: 9999, // pills, status chips, avatars\r\n};\r\n\r\nexport default radius;\r\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,IAAMA,MAAM,GAAG;EACpBC,IAAI,EAAE,CAAC;EACPC,EAAE,EAAI,CAAC;EAAK;EACZC,EAAE,EAAI,CAAC;EAAK;EACZC,EAAE,EAAI,EAAE;EAAI;EACZC,EAAE,EAAI,EAAE;EAAI;EACZC,IAAI,EAAE,IAAI,CAAE;AACd,CAAC;AAED,eAAeN,MAAM","ignoreList":[]}
+{"version":3,"file":"radius.js","names":["radius","none","sm","md","lg","xl","full"],"sources":["../../../../src/lib/v2/tokens/radius.ts"],"sourcesContent":["/**\r\n * Border-radius tokens — Portnet UI v2\r\n * Aligned with Design System v1.0 §02.4.\r\n *\r\n * Values are integers (pixels). For perfect circles / pills on\r\n * square containers, use `full` (9999) which collapses correctly\r\n * regardless of container size.\r\n */\r\nexport const radius = {\r\n  none: 0,\r\n  sm:   6,    // chips, badges, sort indicators\r\n  md:   8,    // buttons, inputs (default)\r\n  lg:   12,   // cards, datagrid\r\n  xl:   16,   // large modals\r\n  full: 9999, // pills, status chips, avatars\r\n};\r\n\r\nexport default radius;\r\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMA,MAAM,GAAG;EACpBC,IAAI,EAAE,CAAC;EACPC,EAAE,EAAI,CAAC;EAAK;EACZC,EAAE,EAAI,CAAC;EAAK;EACZC,EAAE,EAAI,EAAE;EAAI;EACZC,EAAE,EAAI,EAAE;EAAI;EACZC,IAAI,EAAE,IAAI,CAAE;AACd,CAAC;AAED,eAAeN,MAAM","ignoreList":[]}

package/dist/esm/v2/tokens/shadows.js

@@ -12,7 +12,7 @@
  *                    CSS custom properties aren't resolvable
  *                    (server-rendered emails, raw inline style, etc.).
  */
-export var shadows = {
+export const shadows = {
   xs: "0 1px 2px rgba(15,21,37,.04)",
   sm: "0 1px 2px rgba(15,21,37,.04), 0 1px 3px rgba(15,21,37,.06)",
   md: "0 2px 4px rgba(15,21,37,.04), 0 4px 12px rgba(15,21,37,.08)",
@@ -31,10 +31,10 @@ export var shadows = {
  * Padding is intentional — MUI components reference indices
  * semantically; we provide one canonical level per band.
  */
-var _xs = shadows.xs;
-var _sm = shadows.sm;
-var _md = shadows.md;
-var _lg = shadows.lg;
-export var muiShadows = ["none", _xs, _xs, _xs, _xs, _sm, _sm, _sm, _sm, _md, _md, _md, _md, _md, _md, _md, _md, _lg, _lg, _lg, _lg, _lg, _lg, _lg, _lg];
+const _xs = shadows.xs;
+const _sm = shadows.sm;
+const _md = shadows.md;
+const _lg = shadows.lg;
+export const muiShadows = ["none", _xs, _xs, _xs, _xs, _sm, _sm, _sm, _sm, _md, _md, _md, _md, _md, _md, _md, _md, _lg, _lg, _lg, _lg, _lg, _lg, _lg, _lg];
 export default shadows;
 //# sourceMappingURL=shadows.js.map

package/dist/esm/v2/tokens/shadows.js.map

@@ -1 +1 @@
-{"version":3,"file":"shadows.js","names":["shadows","xs","sm","md","lg","focus","focusFallback","_xs","_sm","_md","_lg","muiShadows"],"sources":["../../../../src/lib/v2/tokens/shadows.ts"],"sourcesContent":["/**\r\n * Shadow / elevation tokens — Portnet UI v2\r\n * Aligned with Design System v1.0 §02.5.\r\n *\r\n * All shadows are CSS strings — directly assignable to `boxShadow`\r\n * in `sx`, `style`, or CSS custom properties.\r\n *\r\n * `focus` ships TWO variants:\r\n *  - `focus`         uses `var(--accent)`, the runtime-themable\r\n *                    custom property set by `<PortnetThemeProvider>`.\r\n *  - `focusFallback` is a static rgba string for contexts where\r\n *                    CSS custom properties aren't resolvable\r\n *                    (server-rendered emails, raw inline style, etc.).\r\n */\r\nexport const shadows = {\r\n  xs:            \"0 1px 2px rgba(15,21,37,.04)\",\r\n  sm:            \"0 1px 2px rgba(15,21,37,.04), 0 1px 3px rgba(15,21,37,.06)\",\r\n  md:            \"0 2px 4px rgba(15,21,37,.04), 0 4px 12px rgba(15,21,37,.08)\",\r\n  lg:            \"0 4px 8px rgba(15,21,37,.06), 0 12px 32px rgba(15,21,37,.12)\",\r\n  focus:         \"0 0 0 3px color-mix(in srgb, var(--accent) 22%, transparent)\",\r\n  focusFallback: \"0 0 0 3px rgba(35, 47, 102, 0.22)\",\r\n};\r\n\r\n/**\r\n * 25-slot MUI shadows array. Index 0 must be \"none\".\r\n *  1–4   → xs   (subtle elevation: AppBar, switches)\r\n *  5–8   → sm   (cards, paper)\r\n *  9–16  → md   (menus, popovers, dropdowns)\r\n * 17–24  → lg   (modals, drawers)\r\n *\r\n * Padding is intentional — MUI components reference indices\r\n * semantically; we provide one canonical level per band.\r\n */\r\nconst _xs = shadows.xs;\r\nconst _sm = shadows.sm;\r\nconst _md = shadows.md;\r\nconst _lg = shadows.lg;\r\n\r\nexport const muiShadows = [\r\n  \"none\",\r\n  _xs, _xs, _xs, _xs,\r\n  _sm, _sm, _sm, _sm,\r\n  _md, _md, _md, _md, _md, _md, _md, _md,\r\n  _lg, _lg, _lg, _lg, _lg, _lg, _lg, _lg,\r\n];\r\n\r\nexport default shadows;\r\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,IAAMA,OAAO,GAAG;EACrBC,EAAE,EAAa,8BAA8B;EAC7CC,EAAE,EAAa,4DAA4D;EAC3EC,EAAE,EAAa,6DAA6D;EAC5EC,EAAE,EAAa,8DAA8D;EAC7EC,KAAK,EAAU,8DAA8D;EAC7EC,aAAa,EAAE;AACjB,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAMC,GAAG,GAAGP,OAAO,CAACC,EAAE;AACtB,IAAMO,GAAG,GAAGR,OAAO,CAACE,EAAE;AACtB,IAAMO,GAAG,GAAGT,OAAO,CAACG,EAAE;AACtB,IAAMO,GAAG,GAAGV,OAAO,CAACI,EAAE;AAEtB,OAAO,IAAMO,UAAU,GAAG,CACxB,MAAM,EACNJ,GAAG,EAAEA,GAAG,EAAEA,GAAG,EAAEA,GAAG,EAClBC,GAAG,EAAEA,GAAG,EAAEA,GAAG,EAAEA,GAAG,EAClBC,GAAG,EAAEA,GAAG,EAAEA,GAAG,EAAEA,GAAG,EAAEA,GAAG,EAAEA,GAAG,EAAEA,GAAG,EAAEA,GAAG,EACtCC,GAAG,EAAEA,GAAG,EAAEA,GAAG,EAAEA,GAAG,EAAEA,GAAG,EAAEA,GAAG,EAAEA,GAAG,EAAEA,GAAG,CACvC;AAED,eAAeV,OAAO","ignoreList":[]}
+{"version":3,"file":"shadows.js","names":["shadows","xs","sm","md","lg","focus","focusFallback","_xs","_sm","_md","_lg","muiShadows"],"sources":["../../../../src/lib/v2/tokens/shadows.ts"],"sourcesContent":["/**\r\n * Shadow / elevation tokens — Portnet UI v2\r\n * Aligned with Design System v1.0 §02.5.\r\n *\r\n * All shadows are CSS strings — directly assignable to `boxShadow`\r\n * in `sx`, `style`, or CSS custom properties.\r\n *\r\n * `focus` ships TWO variants:\r\n *  - `focus`         uses `var(--accent)`, the runtime-themable\r\n *                    custom property set by `<PortnetThemeProvider>`.\r\n *  - `focusFallback` is a static rgba string for contexts where\r\n *                    CSS custom properties aren't resolvable\r\n *                    (server-rendered emails, raw inline style, etc.).\r\n */\r\nexport const shadows = {\r\n  xs:            \"0 1px 2px rgba(15,21,37,.04)\",\r\n  sm:            \"0 1px 2px rgba(15,21,37,.04), 0 1px 3px rgba(15,21,37,.06)\",\r\n  md:            \"0 2px 4px rgba(15,21,37,.04), 0 4px 12px rgba(15,21,37,.08)\",\r\n  lg:            \"0 4px 8px rgba(15,21,37,.06), 0 12px 32px rgba(15,21,37,.12)\",\r\n  focus:         \"0 0 0 3px color-mix(in srgb, var(--accent) 22%, transparent)\",\r\n  focusFallback: \"0 0 0 3px rgba(35, 47, 102, 0.22)\",\r\n};\r\n\r\n/**\r\n * 25-slot MUI shadows array. Index 0 must be \"none\".\r\n *  1–4   → xs   (subtle elevation: AppBar, switches)\r\n *  5–8   → sm   (cards, paper)\r\n *  9–16  → md   (menus, popovers, dropdowns)\r\n * 17–24  → lg   (modals, drawers)\r\n *\r\n * Padding is intentional — MUI components reference indices\r\n * semantically; we provide one canonical level per band.\r\n */\r\nconst _xs = shadows.xs;\r\nconst _sm = shadows.sm;\r\nconst _md = shadows.md;\r\nconst _lg = shadows.lg;\r\n\r\nexport const muiShadows = [\r\n  \"none\",\r\n  _xs, _xs, _xs, _xs,\r\n  _sm, _sm, _sm, _sm,\r\n  _md, _md, _md, _md, _md, _md, _md, _md,\r\n  _lg, _lg, _lg, _lg, _lg, _lg, _lg, _lg,\r\n];\r\n\r\nexport default shadows;\r\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMA,OAAO,GAAG;EACrBC,EAAE,EAAa,8BAA8B;EAC7CC,EAAE,EAAa,4DAA4D;EAC3EC,EAAE,EAAa,6DAA6D;EAC5EC,EAAE,EAAa,8DAA8D;EAC7EC,KAAK,EAAU,8DAA8D;EAC7EC,aAAa,EAAE;AACjB,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMC,GAAG,GAAGP,OAAO,CAACC,EAAE;AACtB,MAAMO,GAAG,GAAGR,OAAO,CAACE,EAAE;AACtB,MAAMO,GAAG,GAAGT,OAAO,CAACG,EAAE;AACtB,MAAMO,GAAG,GAAGV,OAAO,CAACI,EAAE;AAEtB,OAAO,MAAMO,UAAU,GAAG,CACxB,MAAM,EACNJ,GAAG,EAAEA,GAAG,EAAEA,GAAG,EAAEA,GAAG,EAClBC,GAAG,EAAEA,GAAG,EAAEA,GAAG,EAAEA,GAAG,EAClBC,GAAG,EAAEA,GAAG,EAAEA,GAAG,EAAEA,GAAG,EAAEA,GAAG,EAAEA,GAAG,EAAEA,GAAG,EAAEA,GAAG,EACtCC,GAAG,EAAEA,GAAG,EAAEA,GAAG,EAAEA,GAAG,EAAEA,GAAG,EAAEA,GAAG,EAAEA,GAAG,EAAEA,GAAG,CACvC;AAED,eAAeV,OAAO","ignoreList":[]}

package/dist/esm/v2/tokens/spacing.js

@@ -10,7 +10,7 @@
  *   - Semantic alias (xs..xxl)  — preferred for new code.
  * Both resolve to the same pixel values.
  */
-export var spacing = {
+export const spacing = {
   s1: 4,
   // gap d'icônes inline
   s2: 8,
@@ -46,6 +46,6 @@ export var spacing = {
  * `theme.spacing(2)` == 8 px. Never use fractional units
  * (`theme.spacing(2.5)` = 10 px) — R-S.1 violation.
  */
-export var spacingBase = 4;
+export const spacingBase = 4;
 export default spacing;
 //# sourceMappingURL=spacing.js.map

package/dist/esm/v2/tokens/spacing.js.map

@@ -1 +1 @@
-{"version":3,"file":"spacing.js","names":["spacing","s1","s2","s3","s4","s5","s6","s7","s8","s9","s10","xs","sm","md","lg","xl","xxl","spacingBase"],"sources":["../../../../src/lib/v2/tokens/spacing.ts"],"sourcesContent":["/**\r\n * Spacing tokens — Portnet UI v2\r\n * Aligned with Design System v1.0 §02.3 — base grid 8 px.\r\n *\r\n * R-S.1 — Every padding / margin / gap is a multiple of 4 (preferably 8).\r\n * R-S.2 — Use flex/grid `gap`; never sibling-margin.\r\n *\r\n * Two equivalent APIs are exposed:\r\n *   - Numeric scale  (s1..s10)  — historical; keep stable.\r\n *   - Semantic alias (xs..xxl)  — preferred for new code.\r\n * Both resolve to the same pixel values.\r\n */\r\nexport const spacing = {\r\n  s1:  4,  // gap d'icônes inline\r\n  s2:  8,  // gap boutons d'un groupe\r\n  s3:  12, // padding cards compact\r\n  s4:  16, // gap formulaire (default)\r\n  s5:  20, // padding card body\r\n  s6:  24, // gap entre sections\r\n  s7:  32, // padding content principal\r\n  s8:  40, // gap blocs majeurs\r\n  s9:  48, // empty states\r\n  s10: 64, // marges hero / landing\r\n\r\n  /* Semantic aliases — preferred for new code */\r\n  xs:   4,\r\n  sm:   8,\r\n  md:  16,\r\n  lg:  24,\r\n  xl:  32,\r\n  xxl: 48,\r\n};\r\n\r\n/**\r\n * MUI's `theme.spacing(n)` factor. Keep MUI's 4-px unit so existing\r\n * `theme.spacing(2)` == 8 px. Never use fractional units\r\n * (`theme.spacing(2.5)` = 10 px) — R-S.1 violation.\r\n */\r\nexport const spacingBase = 4;\r\n\r\nexport default spacing;\r\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,IAAMA,OAAO,GAAG;EACrBC,EAAE,EAAG,CAAC;EAAG;EACTC,EAAE,EAAG,CAAC;EAAG;EACTC,EAAE,EAAG,EAAE;EAAE;EACTC,EAAE,EAAG,EAAE;EAAE;EACTC,EAAE,EAAG,EAAE;EAAE;EACTC,EAAE,EAAG,EAAE;EAAE;EACTC,EAAE,EAAG,EAAE;EAAE;EACTC,EAAE,EAAG,EAAE;EAAE;EACTC,EAAE,EAAG,EAAE;EAAE;EACTC,GAAG,EAAE,EAAE;EAAE;;EAET;EACAC,EAAE,EAAI,CAAC;EACPC,EAAE,EAAI,CAAC;EACPC,EAAE,EAAG,EAAE;EACPC,EAAE,EAAG,EAAE;EACPC,EAAE,EAAG,EAAE;EACPC,GAAG,EAAE;AACP,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA,OAAO,IAAMC,WAAW,GAAG,CAAC;AAE5B,eAAejB,OAAO","ignoreList":[]}
+{"version":3,"file":"spacing.js","names":["spacing","s1","s2","s3","s4","s5","s6","s7","s8","s9","s10","xs","sm","md","lg","xl","xxl","spacingBase"],"sources":["../../../../src/lib/v2/tokens/spacing.ts"],"sourcesContent":["/**\r\n * Spacing tokens — Portnet UI v2\r\n * Aligned with Design System v1.0 §02.3 — base grid 8 px.\r\n *\r\n * R-S.1 — Every padding / margin / gap is a multiple of 4 (preferably 8).\r\n * R-S.2 — Use flex/grid `gap`; never sibling-margin.\r\n *\r\n * Two equivalent APIs are exposed:\r\n *   - Numeric scale  (s1..s10)  — historical; keep stable.\r\n *   - Semantic alias (xs..xxl)  — preferred for new code.\r\n * Both resolve to the same pixel values.\r\n */\r\nexport const spacing = {\r\n  s1:  4,  // gap d'icônes inline\r\n  s2:  8,  // gap boutons d'un groupe\r\n  s3:  12, // padding cards compact\r\n  s4:  16, // gap formulaire (default)\r\n  s5:  20, // padding card body\r\n  s6:  24, // gap entre sections\r\n  s7:  32, // padding content principal\r\n  s8:  40, // gap blocs majeurs\r\n  s9:  48, // empty states\r\n  s10: 64, // marges hero / landing\r\n\r\n  /* Semantic aliases — preferred for new code */\r\n  xs:   4,\r\n  sm:   8,\r\n  md:  16,\r\n  lg:  24,\r\n  xl:  32,\r\n  xxl: 48,\r\n};\r\n\r\n/**\r\n * MUI's `theme.spacing(n)` factor. Keep MUI's 4-px unit so existing\r\n * `theme.spacing(2)` == 8 px. Never use fractional units\r\n * (`theme.spacing(2.5)` = 10 px) — R-S.1 violation.\r\n */\r\nexport const spacingBase = 4;\r\n\r\nexport default spacing;\r\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMA,OAAO,GAAG;EACrBC,EAAE,EAAG,CAAC;EAAG;EACTC,EAAE,EAAG,CAAC;EAAG;EACTC,EAAE,EAAG,EAAE;EAAE;EACTC,EAAE,EAAG,EAAE;EAAE;EACTC,EAAE,EAAG,EAAE;EAAE;EACTC,EAAE,EAAG,EAAE;EAAE;EACTC,EAAE,EAAG,EAAE;EAAE;EACTC,EAAE,EAAG,EAAE;EAAE;EACTC,EAAE,EAAG,EAAE;EAAE;EACTC,GAAG,EAAE,EAAE;EAAE;;EAET;EACAC,EAAE,EAAI,CAAC;EACPC,EAAE,EAAI,CAAC;EACPC,EAAE,EAAG,EAAE;EACPC,EAAE,EAAG,EAAE;EACPC,EAAE,EAAG,EAAE;EACPC,GAAG,EAAE;AACP,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,WAAW,GAAG,CAAC;AAE5B,eAAejB,OAAO","ignoreList":[]}

package/dist/esm/v2/tokens/state.js

@@ -18,7 +18,7 @@
  * fourth tier would dilute the meaning.
  */
 
-export var state = {
+export const state = {
   /**
    * Pointer-hover wash. Subtle enough to coexist with the existing
    * surface colour without blocking text contrast. R-1.4.3.

package/dist/esm/v2/tokens/state.js.map

@@ -1 +1 @@
-{"version":3,"file":"state.js","names":["state","hoverOverlay","pressedOverlay","selectedOverlay"],"sources":["../../../../src/lib/v2/tokens/state.ts"],"sourcesContent":["/**\r\n * State tokens — Portnet UI v2\r\n * Aligned with Design System v1.0 §02.5 (states).\r\n *\r\n * Semantic interaction overlays. Replaces ad-hoc `color-mix(in srgb,\r\n * currentColor 8%, transparent)` / 10% / 14% / 18% / 30% percentages\r\n * scattered across component sx blocks with three named tiers.\r\n *\r\n * The overlays use `currentColor` so they ADAPT to whichever\r\n * foreground is in scope:\r\n *   - On a light card with --fg ink, the overlay is a soft ink wash.\r\n *   - On the BulkActionBar (bg = --fg, fg = --fg-inverse), the\r\n *     overlay is a soft white wash. Same token, opposite intent.\r\n *\r\n * Three tiers — DO NOT add a fourth without DS council sign-off.\r\n * The tiers map onto a perceptual scale (light tap, firm press,\r\n * persistent selection) that hosts have learned to recognise; a\r\n * fourth tier would dilute the meaning.\r\n */\r\n\r\nexport const state = {\r\n  /**\r\n   * Pointer-hover wash. Subtle enough to coexist with the existing\r\n   * surface colour without blocking text contrast. R-1.4.3.\r\n   */\r\n  hoverOverlay:    \"color-mix(in srgb, currentColor 8%, transparent)\",\r\n\r\n  /**\r\n   * Active / pressed wash. Stronger than hover but still translucent\r\n   * so the underlying state (selected, focused) remains visible.\r\n   */\r\n  pressedOverlay:  \"color-mix(in srgb, currentColor 14%, transparent)\",\r\n\r\n  /**\r\n   * Persistent \"selected\" state — list rows, chip selected, etc.\r\n   * Slightly weaker than pressed so a SELECTED row that is also\r\n   * hovered (overlay = hover + selected ≈ 20%) doesn't become a\r\n   * solid block.\r\n   */\r\n  selectedOverlay: \"color-mix(in srgb, currentColor 12%, transparent)\",\r\n};\r\n\r\nexport default state;\r\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,OAAO,IAAMA,KAAK,GAAG;EACnB;AACF;AACA;AACA;EACEC,YAAY,EAAK,kDAAkD;EAEnE;AACF;AACA;AACA;EACEC,cAAc,EAAG,mDAAmD;EAEpE;AACF;AACA;AACA;AACA;AACA;EACEC,eAAe,EAAE;AACnB,CAAC;AAED,eAAeH,KAAK","ignoreList":[]}
+{"version":3,"file":"state.js","names":["state","hoverOverlay","pressedOverlay","selectedOverlay"],"sources":["../../../../src/lib/v2/tokens/state.ts"],"sourcesContent":["/**\r\n * State tokens — Portnet UI v2\r\n * Aligned with Design System v1.0 §02.5 (states).\r\n *\r\n * Semantic interaction overlays. Replaces ad-hoc `color-mix(in srgb,\r\n * currentColor 8%, transparent)` / 10% / 14% / 18% / 30% percentages\r\n * scattered across component sx blocks with three named tiers.\r\n *\r\n * The overlays use `currentColor` so they ADAPT to whichever\r\n * foreground is in scope:\r\n *   - On a light card with --fg ink, the overlay is a soft ink wash.\r\n *   - On the BulkActionBar (bg = --fg, fg = --fg-inverse), the\r\n *     overlay is a soft white wash. Same token, opposite intent.\r\n *\r\n * Three tiers — DO NOT add a fourth without DS council sign-off.\r\n * The tiers map onto a perceptual scale (light tap, firm press,\r\n * persistent selection) that hosts have learned to recognise; a\r\n * fourth tier would dilute the meaning.\r\n */\r\n\r\nexport const state = {\r\n  /**\r\n   * Pointer-hover wash. Subtle enough to coexist with the existing\r\n   * surface colour without blocking text contrast. R-1.4.3.\r\n   */\r\n  hoverOverlay:    \"color-mix(in srgb, currentColor 8%, transparent)\",\r\n\r\n  /**\r\n   * Active / pressed wash. Stronger than hover but still translucent\r\n   * so the underlying state (selected, focused) remains visible.\r\n   */\r\n  pressedOverlay:  \"color-mix(in srgb, currentColor 14%, transparent)\",\r\n\r\n  /**\r\n   * Persistent \"selected\" state — list rows, chip selected, etc.\r\n   * Slightly weaker than pressed so a SELECTED row that is also\r\n   * hovered (overlay = hover + selected ≈ 20%) doesn't become a\r\n   * solid block.\r\n   */\r\n  selectedOverlay: \"color-mix(in srgb, currentColor 12%, transparent)\",\r\n};\r\n\r\nexport default state;\r\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,OAAO,MAAMA,KAAK,GAAG;EACnB;AACF;AACA;AACA;EACEC,YAAY,EAAK,kDAAkD;EAEnE;AACF;AACA;AACA;EACEC,cAAc,EAAG,mDAAmD;EAEpE;AACF;AACA;AACA;AACA;AACA;EACEC,eAAe,EAAE;AACnB,CAAC;AAED,eAAeH,KAAK","ignoreList":[]}

package/dist/esm/v2/tokens/statusPalette.js

@@ -1,9 +1,3 @@
-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); }
-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); }
 /**
  * Status palette mapping — Portnet UI v2
  *
@@ -17,8 +11,8 @@ function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input ==
  * Charter §02.1 / R-2.2.
  */
 import { status } from "./colors";
-export var STATUS_KEYS = Object.freeze(["new", "sent", "pending", "approved", "rejected", "neutral"]);
-var _STATUS_KEYS_SET = new Set(STATUS_KEYS);
+export const STATUS_KEYS = Object.freeze(["new", "sent", "pending", "approved", "rejected", "neutral"]);
+const _STATUS_KEYS_SET = new Set(STATUS_KEYS);
 
 /**
  * Resolve a status descriptor.
@@ -32,35 +26,37 @@ export function statusToken(key) {
   if (!_STATUS_KEYS_SET.has(key)) {
     if (process.env["NODE_ENV"] !== "production" && key !== undefined && key !== null) {
       // eslint-disable-next-line no-console
-      console.warn("[@portnet/ui] statusToken: unknown key \"".concat(key, "\". ") + "Falling back to \"neutral\". Allowed: ".concat(STATUS_KEYS.join(", "), "."));
+      console.warn(`[@portnet/ui] statusToken: unknown key "${key}". ` + `Falling back to "neutral". Allowed: ${STATUS_KEYS.join(", ")}.`);
     }
-    return _objectSpread(_objectSpread({}, status.neutral), {}, {
+    return {
+      ...status.neutral,
       cls: "status-neutral",
       key: "neutral"
-    });
+    };
   }
-  return _objectSpread(_objectSpread({}, status[key]), {}, {
-    cls: "status-".concat(key),
-    key: key
-  });
+  return {
+    ...status[key],
+    cls: `status-${key}`,
+    key
+  };
 }
 
 /**
  * @deprecated FR labels belong in consumer i18n bundles, not tokens.
  * Will be removed in v0.3. Kept for backward compatibility only.
  */
-export var STATUS_LABELS_FR = Object.freeze({
-  "new": "Nouveau",
+export const STATUS_LABELS_FR = Object.freeze({
+  new: "Nouveau",
   sent: "Soumis",
   pending: "En attente",
   approved: "Approuvé",
   rejected: "Rejeté",
   neutral: "Neutre"
 });
-var statusPalette = {
-  STATUS_KEYS: STATUS_KEYS,
-  statusToken: statusToken,
-  STATUS_LABELS_FR: STATUS_LABELS_FR
+const statusPalette = {
+  STATUS_KEYS,
+  statusToken,
+  STATUS_LABELS_FR
 };
 export default statusPalette;
 //# sourceMappingURL=statusPalette.js.map

package/dist/esm/v2/tokens/statusPalette.js.map

@@ -1 +1 @@
-{"version":3,"file":"statusPalette.js","names":["status","STATUS_KEYS","Object","freeze","_STATUS_KEYS_SET","Set","statusToken","key","has","process","env","undefined","console","warn","concat","join","_objectSpread","neutral","cls","STATUS_LABELS_FR","sent","pending","approved","rejected","statusPalette"],"sources":["../../../../src/lib/v2/tokens/statusPalette.ts"],"sourcesContent":["/**\r\n * Status palette mapping — Portnet UI v2\r\n *\r\n * Six and only six canonical workflow statuses (R-2.2).\r\n * Any new business status must map onto one of these.\r\n * New chips with custom colours require a charter amendment.\r\n *\r\n * UX writing (labels) is the consumer's responsibility (i18n) — do not\r\n * couple labels to design tokens.\r\n *\r\n * Charter §02.1 / R-2.2.\r\n */\r\nimport { status } from \"./colors\";\r\n\r\nexport const STATUS_KEYS = Object.freeze([\r\n  \"new\", \"sent\", \"pending\", \"approved\", \"rejected\", \"neutral\",\r\n]);\r\n\r\nconst _STATUS_KEYS_SET = new Set(STATUS_KEYS);\r\n\r\n/**\r\n * Resolve a status descriptor.\r\n *\r\n *   statusToken(\"approved\") → { key, soft, fg, cls: \"status-approved\" }\r\n *\r\n * Unknown keys silently resolve to `neutral`. In dev mode a console\r\n * warning is emitted to surface bad data without breaking UI.\r\n */\r\nexport function statusToken(key: keyof typeof status) {\r\n  if (!_STATUS_KEYS_SET.has(key)) {\r\n    if (\r\n      process.env[\"NODE_ENV\"] !== \"production\" &&\r\n      key !== undefined &&\r\n      key !== null\r\n    ) {\r\n      // eslint-disable-next-line no-console\r\n      console.warn(\r\n        `[@portnet/ui] statusToken: unknown key \"${key}\". ` +\r\n        `Falling back to \"neutral\". Allowed: ${STATUS_KEYS.join(\", \")}.`\r\n      );\r\n    }\r\n    return { ...status.neutral, cls: \"status-neutral\", key: \"neutral\" };\r\n  }\r\n  return { ...status[key], cls: `status-${key}`, key };\r\n}\r\n\r\n/**\r\n * @deprecated FR labels belong in consumer i18n bundles, not tokens.\r\n * Will be removed in v0.3. Kept for backward compatibility only.\r\n */\r\nexport const STATUS_LABELS_FR = Object.freeze({\r\n  new:      \"Nouveau\",\r\n  sent:     \"Soumis\",\r\n  pending:  \"En attente\",\r\n  approved: \"Approuvé\",\r\n  rejected: \"Rejeté\",\r\n  neutral:  \"Neutre\",\r\n});\r\n\r\nconst statusPalette = { STATUS_KEYS, statusToken, STATUS_LABELS_FR };\r\nexport default statusPalette;\r\n"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASA,MAAM,QAAQ,UAAU;AAEjC,OAAO,IAAMC,WAAW,GAAGC,MAAM,CAACC,MAAM,CAAC,CACvC,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,UAAU,EAAE,UAAU,EAAE,SAAS,CAC5D,CAAC;AAEF,IAAMC,gBAAgB,GAAG,IAAIC,GAAG,CAACJ,WAAW,CAAC;;AAE7C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASK,WAAWA,CAACC,GAAwB,EAAE;EACpD,IAAI,CAACH,gBAAgB,CAACI,GAAG,CAACD,GAAG,CAAC,EAAE;IAC9B,IACEE,OAAO,CAACC,GAAG,CAAC,UAAU,CAAC,KAAK,YAAY,IACxCH,GAAG,KAAKI,SAAS,IACjBJ,GAAG,KAAK,IAAI,EACZ;MACA;MACAK,OAAO,CAACC,IAAI,CACV,4CAAAC,MAAA,CAA2CP,GAAG,qDAAAO,MAAA,CACPb,WAAW,CAACc,IAAI,CAAC,IAAI,CAAC,MAC/D,CAAC;IACH;IACA,OAAAC,aAAA,CAAAA,aAAA,KAAYhB,MAAM,CAACiB,OAAO;MAAEC,GAAG,EAAE,gBAAgB;MAAEX,GAAG,EAAE;IAAS;EACnE;EACA,OAAAS,aAAA,CAAAA,aAAA,KAAYhB,MAAM,CAACO,GAAG,CAAC;IAAEW,GAAG,YAAAJ,MAAA,CAAYP,GAAG,CAAE;IAAEA,GAAG,EAAHA;EAAG;AACpD;;AAEA;AACA;AACA;AACA;AACA,OAAO,IAAMY,gBAAgB,GAAGjB,MAAM,CAACC,MAAM,CAAC;EAC5C,OAAU,SAAS;EACnBiB,IAAI,EAAM,QAAQ;EAClBC,OAAO,EAAG,YAAY;EACtBC,QAAQ,EAAE,UAAU;EACpBC,QAAQ,EAAE,QAAQ;EAClBN,OAAO,EAAG;AACZ,CAAC,CAAC;AAEF,IAAMO,aAAa,GAAG;EAAEvB,WAAW,EAAXA,WAAW;EAAEK,WAAW,EAAXA,WAAW;EAAEa,gBAAgB,EAAhBA;AAAiB,CAAC;AACpE,eAAeK,aAAa","ignoreList":[]}
+{"version":3,"file":"statusPalette.js","names":["status","STATUS_KEYS","Object","freeze","_STATUS_KEYS_SET","Set","statusToken","key","has","process","env","undefined","console","warn","join","neutral","cls","STATUS_LABELS_FR","new","sent","pending","approved","rejected","statusPalette"],"sources":["../../../../src/lib/v2/tokens/statusPalette.ts"],"sourcesContent":["/**\r\n * Status palette mapping — Portnet UI v2\r\n *\r\n * Six and only six canonical workflow statuses (R-2.2).\r\n * Any new business status must map onto one of these.\r\n * New chips with custom colours require a charter amendment.\r\n *\r\n * UX writing (labels) is the consumer's responsibility (i18n) — do not\r\n * couple labels to design tokens.\r\n *\r\n * Charter §02.1 / R-2.2.\r\n */\r\nimport { status } from \"./colors\";\r\n\r\nexport const STATUS_KEYS = Object.freeze([\r\n  \"new\", \"sent\", \"pending\", \"approved\", \"rejected\", \"neutral\",\r\n]);\r\n\r\nconst _STATUS_KEYS_SET = new Set(STATUS_KEYS);\r\n\r\n/**\r\n * Resolve a status descriptor.\r\n *\r\n *   statusToken(\"approved\") → { key, soft, fg, cls: \"status-approved\" }\r\n *\r\n * Unknown keys silently resolve to `neutral`. In dev mode a console\r\n * warning is emitted to surface bad data without breaking UI.\r\n */\r\nexport function statusToken(key: keyof typeof status) {\r\n  if (!_STATUS_KEYS_SET.has(key)) {\r\n    if (\r\n      process.env[\"NODE_ENV\"] !== \"production\" &&\r\n      key !== undefined &&\r\n      key !== null\r\n    ) {\r\n      // eslint-disable-next-line no-console\r\n      console.warn(\r\n        `[@portnet/ui] statusToken: unknown key \"${key}\". ` +\r\n        `Falling back to \"neutral\". Allowed: ${STATUS_KEYS.join(\", \")}.`\r\n      );\r\n    }\r\n    return { ...status.neutral, cls: \"status-neutral\", key: \"neutral\" };\r\n  }\r\n  return { ...status[key], cls: `status-${key}`, key };\r\n}\r\n\r\n/**\r\n * @deprecated FR labels belong in consumer i18n bundles, not tokens.\r\n * Will be removed in v0.3. Kept for backward compatibility only.\r\n */\r\nexport const STATUS_LABELS_FR = Object.freeze({\r\n  new:      \"Nouveau\",\r\n  sent:     \"Soumis\",\r\n  pending:  \"En attente\",\r\n  approved: \"Approuvé\",\r\n  rejected: \"Rejeté\",\r\n  neutral:  \"Neutre\",\r\n});\r\n\r\nconst statusPalette = { STATUS_KEYS, statusToken, STATUS_LABELS_FR };\r\nexport default statusPalette;\r\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASA,MAAM,QAAQ,UAAU;AAEjC,OAAO,MAAMC,WAAW,GAAGC,MAAM,CAACC,MAAM,CAAC,CACvC,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,UAAU,EAAE,UAAU,EAAE,SAAS,CAC5D,CAAC;AAEF,MAAMC,gBAAgB,GAAG,IAAIC,GAAG,CAACJ,WAAW,CAAC;;AAE7C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASK,WAAWA,CAACC,GAAwB,EAAE;EACpD,IAAI,CAACH,gBAAgB,CAACI,GAAG,CAACD,GAAG,CAAC,EAAE;IAC9B,IACEE,OAAO,CAACC,GAAG,CAAC,UAAU,CAAC,KAAK,YAAY,IACxCH,GAAG,KAAKI,SAAS,IACjBJ,GAAG,KAAK,IAAI,EACZ;MACA;MACAK,OAAO,CAACC,IAAI,CACV,2CAA2CN,GAAG,KAAK,GACnD,uCAAuCN,WAAW,CAACa,IAAI,CAAC,IAAI,CAAC,GAC/D,CAAC;IACH;IACA,OAAO;MAAE,GAAGd,MAAM,CAACe,OAAO;MAAEC,GAAG,EAAE,gBAAgB;MAAET,GAAG,EAAE;IAAU,CAAC;EACrE;EACA,OAAO;IAAE,GAAGP,MAAM,CAACO,GAAG,CAAC;IAAES,GAAG,EAAE,UAAUT,GAAG,EAAE;IAAEA;EAAI,CAAC;AACtD;;AAEA;AACA;AACA;AACA;AACA,OAAO,MAAMU,gBAAgB,GAAGf,MAAM,CAACC,MAAM,CAAC;EAC5Ce,GAAG,EAAO,SAAS;EACnBC,IAAI,EAAM,QAAQ;EAClBC,OAAO,EAAG,YAAY;EACtBC,QAAQ,EAAE,UAAU;EACpBC,QAAQ,EAAE,QAAQ;EAClBP,OAAO,EAAG;AACZ,CAAC,CAAC;AAEF,MAAMQ,aAAa,GAAG;EAAEtB,WAAW;EAAEK,WAAW;EAAEW;AAAiB,CAAC;AACpE,eAAeM,aAAa","ignoreList":[]}

package/dist/esm/v2/tokens/tokens.json

@@ -114,7 +114,12 @@
         "lg": { "value": 840 },
         "xl": { "value": 1000 }
       },
-      "drawer":      { "value": 560 }
+      "drawer":      { "value": 560 },
+      "detail": {
+        "mainMin":  { "value": 560, "_ref": "§07 R-L.7 — detail content column (flex-basis)" },
+        "aside":    { "value": 300, "_ref": "§Detail / Vertical Progress — right-hand rail" },
+        "asideMin": { "value": 260, "_use": "rail wraps under the content below this width (WCAG 1.4.10)" }
+      }
     }
   },
 

package/dist/esm/v2/tokens/typography.js

@@ -13,11 +13,11 @@
  * append the unit. For raw CSS strings, use `${n}px` at the call site.
  */
 
-export var fontFamily = {
+export const fontFamily = {
   sans: 'Inter, system-ui, -apple-system, "Segoe UI", sans-serif',
   mono: '"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace'
 };
-export var fontSize = {
+export const fontSize = {
   display: 26,
   // H1 — page title
   h2: 20,
@@ -36,13 +36,13 @@ export var fontSize = {
 /* Standard CSS weights only — non-variable fallbacks (system-ui /
  * Segoe UI) cannot render arbitrary weights such as 650; they would
  * silently round to 700, breaking visual rhythm across browsers. */
-export var fontWeight = {
+export const fontWeight = {
   regular: 400,
   medium: 500,
   semibold: 600,
   bold: 700
 };
-export var lineHeight = {
+export const lineHeight = {
   tight: 1.25,
   snug: 1.4,
   normal: 1.5,
@@ -78,7 +78,7 @@ export var lineHeight = {
  *
  * Charter §02.2 amendment. Requires a MINOR bump + changelog entry.
  */
-export var letterSpacing = {
+export const letterSpacing = {
   /** Display / mono — tightens large text and monospaced references. */
   tight: "-0.01em",
   /** Default — explicit so a consumer can reset tracking via a token. */
@@ -91,7 +91,7 @@ export var letterSpacing = {
  * Pre-baked typography variants for direct use in `<Typography variant="…">`
  * or as a reference for native components.
  */
-export var variants = {
+export const variants = {
   display: {
     fontSize: fontSize.display,
     fontWeight: fontWeight.bold,
@@ -137,13 +137,13 @@ export var variants = {
     letterSpacing: letterSpacing.tight
   }
 };
-var typography = {
-  fontFamily: fontFamily,
-  fontSize: fontSize,
-  fontWeight: fontWeight,
-  lineHeight: lineHeight,
-  letterSpacing: letterSpacing,
-  variants: variants
+const typography = {
+  fontFamily,
+  fontSize,
+  fontWeight,
+  lineHeight,
+  letterSpacing,
+  variants
 };
 export default typography;
 //# sourceMappingURL=typography.js.map

package/dist/esm/v2/tokens/typography.js.map

@@ -1 +1 @@
-{"version":3,"file":"typography.js","names":["fontFamily","sans","mono","fontSize","display","h2","h3","h4","body","sm","xs","fontWeight","regular","medium","semibold","bold","lineHeight","tight","snug","normal","loose","letterSpacing","wide","variants","fontVariantNumeric","typography"],"sources":["../../../../src/lib/v2/tokens/typography.ts"],"sourcesContent":["/**\r\n * Typography tokens — Portnet UI v2\r\n * Aligned with Design System v1.0 §02.2.\r\n *\r\n * Stack: Inter (UI) + JetBrains Mono (codes, IDs, montants).\r\n * Production: auto-host via woff2 (R-9.1). Dev: fall back to Google Fonts.\r\n *\r\n * R-T.1 — Font-size minimum 12 px (WCAG 1.4.4).\r\n * R-T.2 — Line-height ≥ 1.5 on body text.\r\n * R-T.3 — Tabular numerals on numeric columns.\r\n *\r\n * Pixel values are stored as integers; the theme layer + cssVariables\r\n * append the unit. For raw CSS strings, use `${n}px` at the call site.\r\n */\r\n\r\nexport const fontFamily = {\r\n  sans: 'Inter, system-ui, -apple-system, \"Segoe UI\", sans-serif',\r\n  mono: '\"JetBrains Mono\", ui-monospace, SFMono-Regular, Menlo, monospace',\r\n};\r\n\r\nexport const fontSize = {\r\n  display: 26, // H1 — page title\r\n  h2:      20, // section header\r\n  h3:      16, // card / form group\r\n  h4:      14, // sub-section\r\n  body:    14, // default\r\n  sm:      13, // compact / tables\r\n  xs:      12, // labels, hints (MIN — R-T.1)\r\n};\r\n\r\n/* Standard CSS weights only — non-variable fallbacks (system-ui /\r\n * Segoe UI) cannot render arbitrary weights such as 650; they would\r\n * silently round to 700, breaking visual rhythm across browsers. */\r\nexport const fontWeight = {\r\n  regular:  400,\r\n  medium:   500,\r\n  semibold: 600,\r\n  bold:     700,\r\n};\r\n\r\nexport const lineHeight = {\r\n  tight:  1.25,\r\n  snug:   1.4,\r\n  normal: 1.5, // R-T.2 minimum on body\r\n  loose:  1.6,\r\n};\r\n\r\n/**\r\n * Letter-spacing scale — added by the ms-dfd-fe Area 7 audit (A7-02).\r\n *\r\n * WHY THIS IS A CODIFICATION, NOT AN INVENTION.\r\n *\r\n * Both values were ALREADY platform vocabulary before this scale existed; they\r\n * simply had no CSS-variable route, so every consumer hardcoded them:\r\n *\r\n *   -0.01em  was hardcoded TWICE in this very file (`variants.display`,\r\n *            `variants.mono`) — both now reference `letterSpacing.tight`, so\r\n *            adding the scale REMOVED two magic values from the token layer.\r\n *\r\n *    0.04em  was hardcoded inside the LIBRARY's own components (KV's eyebrow\r\n *            label, ConfirmDialog's \"Conséquences\" heading) and appeared 5+\r\n *            times across ms-dfd-fe and ms-ti-fe — always for the same purpose:\r\n *            positive tracking on uppercase micro-labels, which is a\r\n *            typographic necessity at 11-12px, not decoration.\r\n *\r\n * The audit found six token names referenced fleet-wide that cssVariables never\r\n * emitted (`--ls-tight`, `--ls-wide`, `--border-subtle`, `--r-xs`, `--icon-sm`,\r\n * `--icon-xl`). For each, the `var(--x, literal)` fallback was the only thing\r\n * that had ever rendered — hard-coded magic values wearing a token's name\r\n * (R-2.3 / R-AI.1). Only the two letter-spacing names had a genuine platform\r\n * basis, so only they are promoted here. The others are local inventions and\r\n * are fixed at their call sites instead.\r\n *\r\n * Charter §02.2 amendment. Requires a MINOR bump + changelog entry.\r\n */\r\nexport const letterSpacing = {\r\n  /** Display / mono — tightens large text and monospaced references. */\r\n  tight:  \"-0.01em\",\r\n  /** Default — explicit so a consumer can reset tracking via a token. */\r\n  normal: \"0\",\r\n  /** Uppercase micro-labels (KV eyebrows, section captions, stat labels). */\r\n  wide:   \"0.04em\",\r\n};\r\n\r\n/**\r\n * Pre-baked typography variants for direct use in `<Typography variant=\"…\">`\r\n * or as a reference for native components.\r\n */\r\nexport const variants = {\r\n  display: {\r\n    fontSize:      fontSize.display,\r\n    fontWeight:    fontWeight.bold,\r\n    lineHeight:    lineHeight.tight,\r\n    letterSpacing: letterSpacing.tight,\r\n  },\r\n  h2: {\r\n    fontSize:   fontSize.h2,\r\n    fontWeight: fontWeight.semibold,\r\n    lineHeight: lineHeight.tight,\r\n  },\r\n  h3: {\r\n    fontSize:   fontSize.h3,\r\n    fontWeight: fontWeight.semibold,\r\n    lineHeight: lineHeight.snug,\r\n  },\r\n  h4: {\r\n    fontSize:   fontSize.h4,\r\n    fontWeight: fontWeight.semibold,\r\n    lineHeight: lineHeight.snug,\r\n  },\r\n  body: {\r\n    fontSize:   fontSize.body,\r\n    fontWeight: fontWeight.regular,\r\n    lineHeight: lineHeight.normal,\r\n  },\r\n  sm: {\r\n    fontSize:   fontSize.sm,\r\n    fontWeight: fontWeight.regular,\r\n    lineHeight: lineHeight.normal,\r\n  },\r\n  xs: {\r\n    fontSize:   fontSize.xs,\r\n    fontWeight: fontWeight.medium,\r\n    lineHeight: lineHeight.normal,\r\n  },\r\n  mono: {\r\n    fontFamily:         fontFamily.mono,\r\n    fontSize:           fontSize.sm,\r\n    fontWeight:         fontWeight.medium,\r\n    fontVariantNumeric: \"tabular-nums\", // R-T.3\r\n    letterSpacing:      letterSpacing.tight,\r\n  },\r\n};\r\n\r\nconst typography = { fontFamily, fontSize, fontWeight, lineHeight, letterSpacing, variants };\r\nexport default typography;\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"typography.js","names":["fontFamily","sans","mono","fontSize","display","h2","h3","h4","body","sm","xs","fontWeight","regular","medium","semibold","bold","lineHeight","tight","snug","normal","loose","letterSpacing","wide","variants","fontVariantNumeric","typography"],"sources":["../../../../src/lib/v2/tokens/typography.ts"],"sourcesContent":["/**\r\n * Typography tokens — Portnet UI v2\r\n * Aligned with Design System v1.0 §02.2.\r\n *\r\n * Stack: Inter (UI) + JetBrains Mono (codes, IDs, montants).\r\n * Production: auto-host via woff2 (R-9.1). Dev: fall back to Google Fonts.\r\n *\r\n * R-T.1 — Font-size minimum 12 px (WCAG 1.4.4).\r\n * R-T.2 — Line-height ≥ 1.5 on body text.\r\n * R-T.3 — Tabular numerals on numeric columns.\r\n *\r\n * Pixel values are stored as integers; the theme layer + cssVariables\r\n * append the unit. For raw CSS strings, use `${n}px` at the call site.\r\n */\r\n\r\nexport const fontFamily = {\r\n  sans: 'Inter, system-ui, -apple-system, \"Segoe UI\", sans-serif',\r\n  mono: '\"JetBrains Mono\", ui-monospace, SFMono-Regular, Menlo, monospace',\r\n};\r\n\r\nexport const fontSize = {\r\n  display: 26, // H1 — page title\r\n  h2:      20, // section header\r\n  h3:      16, // card / form group\r\n  h4:      14, // sub-section\r\n  body:    14, // default\r\n  sm:      13, // compact / tables\r\n  xs:      12, // labels, hints (MIN — R-T.1)\r\n};\r\n\r\n/* Standard CSS weights only — non-variable fallbacks (system-ui /\r\n * Segoe UI) cannot render arbitrary weights such as 650; they would\r\n * silently round to 700, breaking visual rhythm across browsers. */\r\nexport const fontWeight = {\r\n  regular:  400,\r\n  medium:   500,\r\n  semibold: 600,\r\n  bold:     700,\r\n};\r\n\r\nexport const lineHeight = {\r\n  tight:  1.25,\r\n  snug:   1.4,\r\n  normal: 1.5, // R-T.2 minimum on body\r\n  loose:  1.6,\r\n};\r\n\r\n/**\r\n * Letter-spacing scale — added by the ms-dfd-fe Area 7 audit (A7-02).\r\n *\r\n * WHY THIS IS A CODIFICATION, NOT AN INVENTION.\r\n *\r\n * Both values were ALREADY platform vocabulary before this scale existed; they\r\n * simply had no CSS-variable route, so every consumer hardcoded them:\r\n *\r\n *   -0.01em  was hardcoded TWICE in this very file (`variants.display`,\r\n *            `variants.mono`) — both now reference `letterSpacing.tight`, so\r\n *            adding the scale REMOVED two magic values from the token layer.\r\n *\r\n *    0.04em  was hardcoded inside the LIBRARY's own components (KV's eyebrow\r\n *            label, ConfirmDialog's \"Conséquences\" heading) and appeared 5+\r\n *            times across ms-dfd-fe and ms-ti-fe — always for the same purpose:\r\n *            positive tracking on uppercase micro-labels, which is a\r\n *            typographic necessity at 11-12px, not decoration.\r\n *\r\n * The audit found six token names referenced fleet-wide that cssVariables never\r\n * emitted (`--ls-tight`, `--ls-wide`, `--border-subtle`, `--r-xs`, `--icon-sm`,\r\n * `--icon-xl`). For each, the `var(--x, literal)` fallback was the only thing\r\n * that had ever rendered — hard-coded magic values wearing a token's name\r\n * (R-2.3 / R-AI.1). Only the two letter-spacing names had a genuine platform\r\n * basis, so only they are promoted here. The others are local inventions and\r\n * are fixed at their call sites instead.\r\n *\r\n * Charter §02.2 amendment. Requires a MINOR bump + changelog entry.\r\n */\r\nexport const letterSpacing = {\r\n  /** Display / mono — tightens large text and monospaced references. */\r\n  tight:  \"-0.01em\",\r\n  /** Default — explicit so a consumer can reset tracking via a token. */\r\n  normal: \"0\",\r\n  /** Uppercase micro-labels (KV eyebrows, section captions, stat labels). */\r\n  wide:   \"0.04em\",\r\n};\r\n\r\n/**\r\n * Pre-baked typography variants for direct use in `<Typography variant=\"…\">`\r\n * or as a reference for native components.\r\n */\r\nexport const variants = {\r\n  display: {\r\n    fontSize:      fontSize.display,\r\n    fontWeight:    fontWeight.bold,\r\n    lineHeight:    lineHeight.tight,\r\n    letterSpacing: letterSpacing.tight,\r\n  },\r\n  h2: {\r\n    fontSize:   fontSize.h2,\r\n    fontWeight: fontWeight.semibold,\r\n    lineHeight: lineHeight.tight,\r\n  },\r\n  h3: {\r\n    fontSize:   fontSize.h3,\r\n    fontWeight: fontWeight.semibold,\r\n    lineHeight: lineHeight.snug,\r\n  },\r\n  h4: {\r\n    fontSize:   fontSize.h4,\r\n    fontWeight: fontWeight.semibold,\r\n    lineHeight: lineHeight.snug,\r\n  },\r\n  body: {\r\n    fontSize:   fontSize.body,\r\n    fontWeight: fontWeight.regular,\r\n    lineHeight: lineHeight.normal,\r\n  },\r\n  sm: {\r\n    fontSize:   fontSize.sm,\r\n    fontWeight: fontWeight.regular,\r\n    lineHeight: lineHeight.normal,\r\n  },\r\n  xs: {\r\n    fontSize:   fontSize.xs,\r\n    fontWeight: fontWeight.medium,\r\n    lineHeight: lineHeight.normal,\r\n  },\r\n  mono: {\r\n    fontFamily:         fontFamily.mono,\r\n    fontSize:           fontSize.sm,\r\n    fontWeight:         fontWeight.medium,\r\n    fontVariantNumeric: \"tabular-nums\", // R-T.3\r\n    letterSpacing:      letterSpacing.tight,\r\n  },\r\n};\r\n\r\nconst typography = { fontFamily, fontSize, fontWeight, lineHeight, letterSpacing, variants };\r\nexport default typography;\r\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,OAAO,MAAMA,UAAU,GAAG;EACxBC,IAAI,EAAE,yDAAyD;EAC/DC,IAAI,EAAE;AACR,CAAC;AAED,OAAO,MAAMC,QAAQ,GAAG;EACtBC,OAAO,EAAE,EAAE;EAAE;EACbC,EAAE,EAAO,EAAE;EAAE;EACbC,EAAE,EAAO,EAAE;EAAE;EACbC,EAAE,EAAO,EAAE;EAAE;EACbC,IAAI,EAAK,EAAE;EAAE;EACbC,EAAE,EAAO,EAAE;EAAE;EACbC,EAAE,EAAO,EAAE,CAAE;AACf,CAAC;;AAED;AACA;AACA;AACA,OAAO,MAAMC,UAAU,GAAG;EACxBC,OAAO,EAAG,GAAG;EACbC,MAAM,EAAI,GAAG;EACbC,QAAQ,EAAE,GAAG;EACbC,IAAI,EAAM;AACZ,CAAC;AAED,OAAO,MAAMC,UAAU,GAAG;EACxBC,KAAK,EAAG,IAAI;EACZC,IAAI,EAAI,GAAG;EACXC,MAAM,EAAE,GAAG;EAAE;EACbC,KAAK,EAAG;AACV,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,aAAa,GAAG;EAC3B;EACAJ,KAAK,EAAG,SAAS;EACjB;EACAE,MAAM,EAAE,GAAG;EACX;EACAG,IAAI,EAAI;AACV,CAAC;;AAED;AACA;AACA;AACA;AACA,OAAO,MAAMC,QAAQ,GAAG;EACtBnB,OAAO,EAAE;IACPD,QAAQ,EAAOA,QAAQ,CAACC,OAAO;IAC/BO,UAAU,EAAKA,UAAU,CAACI,IAAI;IAC9BC,UAAU,EAAKA,UAAU,CAACC,KAAK;IAC/BI,aAAa,EAAEA,aAAa,CAACJ;EAC/B,CAAC;EACDZ,EAAE,EAAE;IACFF,QAAQ,EAAIA,QAAQ,CAACE,EAAE;IACvBM,UAAU,EAAEA,UAAU,CAACG,QAAQ;IAC/BE,UAAU,EAAEA,UAAU,CAACC;EACzB,CAAC;EACDX,EAAE,EAAE;IACFH,QAAQ,EAAIA,QAAQ,CAACG,EAAE;IACvBK,UAAU,EAAEA,UAAU,CAACG,QAAQ;IAC/BE,UAAU,EAAEA,UAAU,CAACE;EACzB,CAAC;EACDX,EAAE,EAAE;IACFJ,QAAQ,EAAIA,QAAQ,CAACI,EAAE;IACvBI,UAAU,EAAEA,UAAU,CAACG,QAAQ;IAC/BE,UAAU,EAAEA,UAAU,CAACE;EACzB,CAAC;EACDV,IAAI,EAAE;IACJL,QAAQ,EAAIA,QAAQ,CAACK,IAAI;IACzBG,UAAU,EAAEA,UAAU,CAACC,OAAO;IAC9BI,UAAU,EAAEA,UAAU,CAACG;EACzB,CAAC;EACDV,EAAE,EAAE;IACFN,QAAQ,EAAIA,QAAQ,CAACM,EAAE;IACvBE,UAAU,EAAEA,UAAU,CAACC,OAAO;IAC9BI,UAAU,EAAEA,UAAU,CAACG;EACzB,CAAC;EACDT,EAAE,EAAE;IACFP,QAAQ,EAAIA,QAAQ,CAACO,EAAE;IACvBC,UAAU,EAAEA,UAAU,CAACE,MAAM;IAC7BG,UAAU,EAAEA,UAAU,CAACG;EACzB,CAAC;EACDjB,IAAI,EAAE;IACJF,UAAU,EAAUA,UAAU,CAACE,IAAI;IACnCC,QAAQ,EAAYA,QAAQ,CAACM,EAAE;IAC/BE,UAAU,EAAUA,UAAU,CAACE,MAAM;IACrCW,kBAAkB,EAAE,cAAc;IAAE;IACpCH,aAAa,EAAOA,aAAa,CAACJ;EACpC;AACF,CAAC;AAED,MAAMQ,UAAU,GAAG;EAAEzB,UAAU;EAAEG,QAAQ;EAAEQ,UAAU;EAAEK,UAAU;EAAEK,aAAa;EAAEE;AAAS,CAAC;AAC5F,eAAeE,UAAU","ignoreList":[]}

package/dist/esm/v2/tokens/zIndex.js

@@ -14,7 +14,7 @@
  *   when the network-error banner is on screen, otherwise users
  *   lose their keyboard escape hatch the moment connectivity drops.
  */
-export var zIndex = {
+export const zIndex = {
   base: 0,
   sticky: 15,
   // sticky headers (action bar)

package/dist/esm/v2/tokens/zIndex.js.map

@@ -1 +1 @@
-{"version":3,"file":"zIndex.js","names":["zIndex","base","sticky","topbar","bulk","overflow","popover","drawer","modal","snackbar","toast","tooltip","netError","skipLink"],"sources":["../../../../src/lib/v2/tokens/zIndex.ts"],"sourcesContent":["/**\r\n * Z-index scale — Portnet UI v2\r\n * Aligned with Design System v1.0 §02.6.\r\n *\r\n * Charter forbids inline z-index numerics. Use named tokens only.\r\n *\r\n * MUI compatibility:\r\n *   Material UI's default zIndex scale runs 1100..1500. We override\r\n *   it via `createPortnetTheme` so MUI components (Tooltip, Popper,\r\n *   Snackbar, Modal) align with this scale and stay below `netError`.\r\n *\r\n * Layering invariant:\r\n *   skipLink > netError. The skip-link must remain visible even\r\n *   when the network-error banner is on screen, otherwise users\r\n *   lose their keyboard escape hatch the moment connectivity drops.\r\n */\r\nexport const zIndex = {\r\n  base:     0,\r\n  sticky:   15,    // sticky headers (action bar)\r\n  topbar:   20,    // app topbar\r\n  bulk:     30,    // bulk action bar\r\n  overflow: 50,    // overflow menus inside flow\r\n  popover:  60,    // popovers (above overflow)\r\n  drawer:   80,    // drawer + backdrop\r\n  modal:    100,   // modal + backdrop\r\n  snackbar: 150,   // snackbars\r\n  toast:    200,   // toasts, command palette\r\n  tooltip:  250,   // tooltips (above toasts/modals)\r\n  netError: 2000,  // network error banner (top of all)\r\n  skipLink: 2010,  // skip-link must remain visible above netError\r\n};\r\n\r\nexport default zIndex;\r\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,IAAMA,MAAM,GAAG;EACpBC,IAAI,EAAM,CAAC;EACXC,MAAM,EAAI,EAAE;EAAK;EACjBC,MAAM,EAAI,EAAE;EAAK;EACjBC,IAAI,EAAM,EAAE;EAAK;EACjBC,QAAQ,EAAE,EAAE;EAAK;EACjBC,OAAO,EAAG,EAAE;EAAK;EACjBC,MAAM,EAAI,EAAE;EAAK;EACjBC,KAAK,EAAK,GAAG;EAAI;EACjBC,QAAQ,EAAE,GAAG;EAAI;EACjBC,KAAK,EAAK,GAAG;EAAI;EACjBC,OAAO,EAAG,GAAG;EAAI;EACjBC,QAAQ,EAAE,IAAI;EAAG;EACjBC,QAAQ,EAAE,IAAI,CAAG;AACnB,CAAC;AAED,eAAeb,MAAM","ignoreList":[]}
+{"version":3,"file":"zIndex.js","names":["zIndex","base","sticky","topbar","bulk","overflow","popover","drawer","modal","snackbar","toast","tooltip","netError","skipLink"],"sources":["../../../../src/lib/v2/tokens/zIndex.ts"],"sourcesContent":["/**\r\n * Z-index scale — Portnet UI v2\r\n * Aligned with Design System v1.0 §02.6.\r\n *\r\n * Charter forbids inline z-index numerics. Use named tokens only.\r\n *\r\n * MUI compatibility:\r\n *   Material UI's default zIndex scale runs 1100..1500. We override\r\n *   it via `createPortnetTheme` so MUI components (Tooltip, Popper,\r\n *   Snackbar, Modal) align with this scale and stay below `netError`.\r\n *\r\n * Layering invariant:\r\n *   skipLink > netError. The skip-link must remain visible even\r\n *   when the network-error banner is on screen, otherwise users\r\n *   lose their keyboard escape hatch the moment connectivity drops.\r\n */\r\nexport const zIndex = {\r\n  base:     0,\r\n  sticky:   15,    // sticky headers (action bar)\r\n  topbar:   20,    // app topbar\r\n  bulk:     30,    // bulk action bar\r\n  overflow: 50,    // overflow menus inside flow\r\n  popover:  60,    // popovers (above overflow)\r\n  drawer:   80,    // drawer + backdrop\r\n  modal:    100,   // modal + backdrop\r\n  snackbar: 150,   // snackbars\r\n  toast:    200,   // toasts, command palette\r\n  tooltip:  250,   // tooltips (above toasts/modals)\r\n  netError: 2000,  // network error banner (top of all)\r\n  skipLink: 2010,  // skip-link must remain visible above netError\r\n};\r\n\r\nexport default zIndex;\r\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMA,MAAM,GAAG;EACpBC,IAAI,EAAM,CAAC;EACXC,MAAM,EAAI,EAAE;EAAK;EACjBC,MAAM,EAAI,EAAE;EAAK;EACjBC,IAAI,EAAM,EAAE;EAAK;EACjBC,QAAQ,EAAE,EAAE;EAAK;EACjBC,OAAO,EAAG,EAAE;EAAK;EACjBC,MAAM,EAAI,EAAE;EAAK;EACjBC,KAAK,EAAK,GAAG;EAAI;EACjBC,QAAQ,EAAE,GAAG;EAAI;EACjBC,KAAK,EAAK,GAAG;EAAI;EACjBC,OAAO,EAAG,GAAG;EAAI;EACjBC,QAAQ,EAAE,IAAI;EAAG;EACjBC,QAAQ,EAAE,IAAI,CAAG;AACnB,CAAC;AAED,eAAeb,MAAM","ignoreList":[]}