@portnet/ui 5.0.32 → 6.0.1

package/dist/v2/components/KPICard.js

@@ -0,0 +1,244 @@
+"use strict";
+
+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); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _Box = _interopRequireDefault(require("@mui/material/Box"));
+var _ArrowUpward = _interopRequireDefault(require("@mui/icons-material/ArrowUpward"));
+var _ArrowDownward = _interopRequireDefault(require("@mui/icons-material/ArrowDownward"));
+var _mergeLabels = require("../utils/mergeLabels");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+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 _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; } /**
+ * KPICard - Portnet UI v2
+ *
+ * Charter §03 · Component "KPI Card".
+ * Label uppercase 11 px + valeur 24 px + delta % vs période · tabular-nums.
+ *
+ *   <KPICard label="Titres en attente" value={42} delta={+12.5} period="vs mois dernier" />
+ *
+ * Localisation (FR / EN / AR):
+ *   <KPICard
+ *     label="Pending titles"
+ *     value={42}
+ *     delta={+12.5}
+ *     period="vs last month"
+ *     locale="en-US"
+ *     labels={{ up: "up by ", down: "down by " }}
+ *   />
+ *
+ *   - `locale` controls the delta percentage's separator (12.5 vs 12,5).
+ *   - `labels.up` / `labels.down` are SR-only direction prefixes; default
+ *     French preserved for back-compat.
+ *
+ * Variants (capability gap G-11)
+ * ------------------------------
+ *   <KPICard label="Type" value="Importation matières premières" variant="text" />
+ *   <KPICard label="Articles" value={4} size="compact" />
+ *
+ * `variant` says what the value IS (a metric vs a text descriptor); `size` says
+ * how big it renders (dashboard tile vs narrow drawer). They are independent and
+ * both were observed as host-side `sx` overrides reaching into `"& > p"` — the
+ * text one byte-identical in two files of the same module, which is what a
+ * missing variant looks like from the outside.
+ *
+ * NOTE (finding G-21 — charter contradiction, NOT resolved here). The label
+ * renders at a raw `11` and the default value at a raw `24`. Both are quoted
+ * from Charter §03's KPI Card row. But §02.2 R-T.1 is a MUST — « Font-size
+ * minimum 12 px » — and the type scale is 12/13/14/16/20/26: neither 11 nor 24
+ * exists in it, so R-2.3 (« aucune valeur magique ») is violated too. Two MUSTs
+ * against one line of component prose. Tokenising them is a typography change on
+ * every KPI of every module and needs a visual gate plus a charter amendment, so
+ * it is raised rather than silently applied. The `compact` and `text` sizes added
+ * here are token-based; only the untouched default carries the literals.
+ *
+ * A11y note (WCAG 1.4.1 + 1.4.3):
+ *   The delta is conveyed by THREE channels:
+ *     - icon (visual, non-text - uses --success / --danger, 1.4.11)
+ *     - colour (visual reinforcement only)
+ *     - text  (uses --success-fg / --danger-fg for 4.5:1 contrast, 1.4.3)
+ *   The direction is also announced to screen readers via a SR-only
+ *   "en hausse de" / "en baisse de" prefix (1.4.1).
+ */
+var DEFAULT_LABELS = Object.freeze({
+  up: "en hausse de ",
+  down: "en baisse de "
+});
+function formatDelta(n, locale) {
+  var opts = {
+    maximumFractionDigits: 2
+  };
+  try {
+    return new Intl.NumberFormat(locale, opts).format(n);
+  } catch (_unused) {
+    // Invalid BCP-47 tag → fall back to fr-FR rather than throwing.
+    return new Intl.NumberFormat("fr-FR", opts).format(n);
+  }
+}
+function KPICard(_ref) {
+  var label = _ref.label,
+    value = _ref.value,
+    delta = _ref.delta,
+    period = _ref.period,
+    helper = _ref.helper,
+    _ref$variant = _ref.variant,
+    variant = _ref$variant === void 0 ? "default" : _ref$variant,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? "default" : _ref$size,
+    icon = _ref.icon,
+    _ref$locale = _ref.locale,
+    locale = _ref$locale === void 0 ? "fr-FR" : _ref$locale,
+    labels = _ref.labels,
+    sx = _ref.sx;
+  var isText = variant === "text";
+  var isCompact = size === "compact";
+  var L = (0, _mergeLabels.mergeLabels)(DEFAULT_LABELS, labels);
+
+  // Parse delta into a definite `number | null` so the sign checks and
+  // Math.abs below narrow cleanly under strictNullChecks.
+  var parsed = delta == null || delta === "" ? null : Number(delta);
+  var deltaNum = parsed !== null && Number.isFinite(parsed) ? parsed : null;
+  var isPositive = deltaNum !== null && deltaNum > 0;
+  var isNegative = deltaNum !== null && deltaNum < 0;
+
+  // R-G.1 - split icon vs text colour so the icon stays vivid (1.4.11)
+  // while the numeric text meets 1.4.3 (4.5:1 against white).
+  var iconColor = isPositive ? "var(--success)" : isNegative ? "var(--danger)" : "var(--fg-subtle)";
+  var textColor = isPositive ? "var(--success-fg)" : isNegative ? "var(--danger-fg)" : "var(--fg-subtle)";
+
+  // SR-only direction prefix - empty for zero or missing deltas (the bare
+  // "0 %" already reads correctly without a direction word).
+  var directionLabel = isPositive ? L.up : isNegative ? L.down : "";
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box["default"], {
+    sx: [{
+      padding: "var(--s-4) var(--s-5)",
+      background: "var(--surface)",
+      border: "1px solid var(--border)",
+      borderRadius: "var(--r-lg)",
+      boxShadow: "var(--shadow-xs)",
+      minWidth: 0
+    }].concat(_toConsumableArray(Array.isArray(sx) ? sx : sx ? [sx] : [])),
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box["default"], {
+      sx: {
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "space-between",
+        marginBottom: 1
+      },
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Box["default"], {
+        component: "p",
+        sx: {
+          margin: 0,
+          // Charter §03 KPI Card - explicit literal "label uppercase 11 px"
+          fontSize: 11,
+          fontWeight: "var(--fw-semibold)",
+          letterSpacing: "0.06em",
+          textTransform: "uppercase",
+          color: "var(--fg-subtle)"
+        },
+        children: label
+      }), icon && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box["default"], {
+        sx: {
+          color: "var(--fg-subtle)"
+        },
+        children: icon
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box["default"], {
+      component: "p",
+      sx: _objectSpread({
+        margin: 0,
+        /* variant/size resolution — gap G-11.
+         *
+         * "default" keeps the Charter §03 literal ("valeur 24 px"); see the
+         * G-21 note below on why that literal is itself contested.
+         * "compact" steps down to --text-h2 (20px) for narrow containers.
+         * "text" drops to --text-body and behaves like prose. */
+        fontSize: isText ? "var(--text-body)" : isCompact ? "var(--text-h2)" : 24,
+        // Heaviest weight in the post-Batch-1 scale (700). The black-weight
+        // custom property this once referenced was dropped from the
+        // typography tokens and resolved to undefined in CSS, silently
+        // flattening the weight on every dashboard KPI.
+        //
+        // The old name is deliberately NOT spelled out here: the
+        // banned-patterns guard is a raw text scan with no comment
+        // awareness, so writing it - even to document its removal - trips
+        // the very rule that protects this line. See banned-patterns.test.ts.
+        //
+        // A text descriptor takes semibold instead: bold at body size reads
+        // as a heading and competes with the label above it.
+        fontWeight: isText ? "var(--fw-semibold)" : "var(--fw-bold)",
+        color: "var(--fg)"
+      }, isText ? {
+        lineHeight: "var(--lh-normal)"
+      } : {
+        fontVariantNumeric: "tabular-nums",
+        letterSpacing: "-0.01em",
+        lineHeight: "var(--lh-tight)"
+      }),
+      children: value !== null && value !== void 0 ? value : "—"
+    }), (deltaNum !== null || helper) && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box["default"], {
+      sx: {
+        display: "flex",
+        alignItems: "center",
+        gap: 1,
+        marginTop: 1,
+        fontSize: "var(--text-xs)"
+      },
+      children: [deltaNum !== null && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box["default"], {
+        sx: {
+          display: "inline-flex",
+          alignItems: "center",
+          gap: 0.25,
+          // Default colour for the block = textColor. The icon
+          // overrides to iconColor below for a vivid arrow against
+          // a darker numeric label.
+          color: textColor,
+          fontWeight: "var(--fw-semibold)",
+          // R-T.3 - tabular-nums on delta so percentages align across cards
+          fontVariantNumeric: "tabular-nums"
+        },
+        children: [directionLabel && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+          className: "pui-sr-only",
+          children: directionLabel
+        }), isPositive ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_ArrowUpward["default"], {
+          "aria-hidden": "true",
+          sx: {
+            fontSize: "var(--text-xs)",
+            color: iconColor
+          }
+        }) : isNegative ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_ArrowDownward["default"], {
+          "aria-hidden": "true",
+          sx: {
+            fontSize: "var(--text-xs)",
+            color: iconColor
+          }
+        }) : null, /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
+          children: [formatDelta(Math.abs(deltaNum), locale), " %"]
+        })]
+      }), (period || helper) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box["default"], {
+        component: "span",
+        sx: {
+          color: "var(--fg-subtle)"
+        },
+        children: helper || period
+      })]
+    })]
+  });
+}
+var _default = exports["default"] = KPICard;
+//# sourceMappingURL=KPICard.js.map

package/dist/v2/components/KPICard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"KPICard.js","names":["React","_interopRequireWildcard","require","_Box","_interopRequireDefault","_ArrowUpward","_ArrowDownward","_mergeLabels","_jsxRuntime","obj","__esModule","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","ownKeys","object","enumerableOnly","keys","getOwnPropertySymbols","symbols","filter","sym","enumerable","push","apply","_objectSpread","target","i","arguments","length","source","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","_toConsumableArray","arr","_arrayWithoutHoles","_iterableToArray","_unsupportedIterableToArray","_nonIterableSpread","o","minLen","_arrayLikeToArray","n","toString","slice","constructor","name","Array","from","test","iter","iterator","isArray","len","arr2","DEFAULT_LABELS","freeze","up","down","formatDelta","locale","opts","maximumFractionDigits","Intl","NumberFormat","format","_unused","KPICard","_ref","label","delta","period","helper","_ref$variant","variant","_ref$size","size","icon","_ref$locale","labels","sx","isText","isCompact","L","mergeLabels","parsed","deltaNum","isFinite","isPositive","isNegative","iconColor","textColor","directionLabel","jsxs","padding","background","border","borderRadius","boxShadow","minWidth","concat","children","display","alignItems","justifyContent","marginBottom","jsx","component","margin","fontSize","fontWeight","letterSpacing","textTransform","color","lineHeight","fontVariantNumeric","gap","marginTop","className","Math","abs","_default","exports"],"sources":["../../../src/lib/v2/components/KPICard.tsx"],"sourcesContent":["import * as React from \"react\";\r\nimport Box from \"@mui/material/Box\";\r\nimport type { SxProps, Theme } from \"@mui/material/styles\";\r\nimport ArrowUpwardIcon from \"@mui/icons-material/ArrowUpward\";\r\nimport ArrowDownwardIcon from \"@mui/icons-material/ArrowDownward\";\r\nimport { mergeLabels } from \"../utils/mergeLabels\";\r\n\r\n/**\r\n * KPICard - Portnet UI v2\r\n *\r\n * Charter §03 · Component \"KPI Card\".\r\n * Label uppercase 11 px + valeur 24 px + delta % vs période · tabular-nums.\r\n *\r\n *   <KPICard label=\"Titres en attente\" value={42} delta={+12.5} period=\"vs mois dernier\" />\r\n *\r\n * Localisation (FR / EN / AR):\r\n *   <KPICard\r\n *     label=\"Pending titles\"\r\n *     value={42}\r\n *     delta={+12.5}\r\n *     period=\"vs last month\"\r\n *     locale=\"en-US\"\r\n *     labels={{ up: \"up by \", down: \"down by \" }}\r\n *   />\r\n *\r\n *   - `locale` controls the delta percentage's separator (12.5 vs 12,5).\r\n *   - `labels.up` / `labels.down` are SR-only direction prefixes; default\r\n *     French preserved for back-compat.\r\n *\r\n * Variants (capability gap G-11)\r\n * ------------------------------\r\n *   <KPICard label=\"Type\" value=\"Importation matières premières\" variant=\"text\" />\r\n *   <KPICard label=\"Articles\" value={4} size=\"compact\" />\r\n *\r\n * `variant` says what the value IS (a metric vs a text descriptor); `size` says\r\n * how big it renders (dashboard tile vs narrow drawer). They are independent and\r\n * both were observed as host-side `sx` overrides reaching into `\"& > p\"` — the\r\n * text one byte-identical in two files of the same module, which is what a\r\n * missing variant looks like from the outside.\r\n *\r\n * NOTE (finding G-21 — charter contradiction, NOT resolved here). The label\r\n * renders at a raw `11` and the default value at a raw `24`. Both are quoted\r\n * from Charter §03's KPI Card row. But §02.2 R-T.1 is a MUST — « Font-size\r\n * minimum 12 px » — and the type scale is 12/13/14/16/20/26: neither 11 nor 24\r\n * exists in it, so R-2.3 (« aucune valeur magique ») is violated too. Two MUSTs\r\n * against one line of component prose. Tokenising them is a typography change on\r\n * every KPI of every module and needs a visual gate plus a charter amendment, so\r\n * it is raised rather than silently applied. The `compact` and `text` sizes added\r\n * here are token-based; only the untouched default carries the literals.\r\n *\r\n * A11y note (WCAG 1.4.1 + 1.4.3):\r\n *   The delta is conveyed by THREE channels:\r\n *     - icon (visual, non-text - uses --success / --danger, 1.4.11)\r\n *     - colour (visual reinforcement only)\r\n *     - text  (uses --success-fg / --danger-fg for 4.5:1 contrast, 1.4.3)\r\n *   The direction is also announced to screen readers via a SR-only\r\n *   \"en hausse de\" / \"en baisse de\" prefix (1.4.1).\r\n */\r\n\r\nconst DEFAULT_LABELS = Object.freeze({\r\n  up:   \"en hausse de \",\r\n  down: \"en baisse de \",\r\n});\r\n\r\nfunction formatDelta(n: number, locale: string): string {\r\n  const opts: Intl.NumberFormatOptions = { maximumFractionDigits: 2 };\r\n  try {\r\n    return new Intl.NumberFormat(locale, opts).format(n);\r\n  } catch {\r\n    // Invalid BCP-47 tag → fall back to fr-FR rather than throwing.\r\n    return new Intl.NumberFormat(\"fr-FR\", opts).format(n);\r\n  }\r\n}\r\n\r\nexport interface KPICardLabels {\r\n  up?: string | undefined;\r\n  down?: string | undefined;\r\n}\r\n\r\nexport interface KPICardProps {\r\n  label: React.ReactNode;\r\n  value?: React.ReactNode | undefined;\r\n  delta?: number | string | undefined;\r\n  period?: React.ReactNode | undefined;\r\n  helper?: React.ReactNode | undefined;\r\n  /**\r\n   * What the `value` slot HOLDS — not how big it is (see `size`).\r\n   *\r\n   *   \"default\" : a numeric metric. Display type size, tight leading,\r\n   *               tabular numerals, negative letter-spacing.\r\n   *   \"text\"    : a TEXT descriptor (« Importation matières premières »).\r\n   *               Body size, semibold, normal leading, free to wrap.\r\n   *\r\n   * Capability gap G-11. This prop previously accepted only \"default\" and was\r\n   * marked \"reserved for future visual variants\" — so a card whose value was a\r\n   * long label had no supported shape, and every module patched it from the\r\n   * outside with an `sx` override reaching into `\"& > p\"`. addpe-fe carries that\r\n   * override BYTE-IDENTICAL in two files, which is the signature of a missing\r\n   * variant rather than of a local design decision.\r\n   *\r\n   * The distinction is not cosmetic: at display size a descriptor wraps and\r\n   * breaks the strip's row rhythm, and `tabular-nums` + negative tracking are\r\n   * meaningless — actively wrong — on prose.\r\n   */\r\n  variant?: \"default\" | \"text\" | undefined;\r\n  /**\r\n   * Type scale of the `value` slot.\r\n   *\r\n   *   \"default\" : the charter's dashboard tile size.\r\n   *   \"compact\" : one step down (--text-h2), for a NARROW container — a 480 px\r\n   *               drawer, a 2×2 grid at ~220 px per tile — where the default\r\n   *               reads oversized against the 11 px label.\r\n   *\r\n   * Same origin as `variant`: addpe-fe's `KPI_VALUE_COMPACT_SX`, applied to\r\n   * three cards of its preview drawer.\r\n   */\r\n  size?: \"default\" | \"compact\" | undefined;\r\n  icon?: React.ReactElement | undefined;\r\n  locale?: string | undefined;\r\n  labels?: KPICardLabels | undefined;\r\n  sx?: SxProps<Theme> | undefined;\r\n}\r\n\r\nfunction KPICard({\r\n  label,\r\n  value,\r\n  delta,\r\n  period,\r\n  helper,\r\n  variant = \"default\",\r\n  size = \"default\",\r\n  icon,\r\n  locale = \"fr-FR\",\r\n  labels,\r\n  sx,\r\n}: KPICardProps) {\r\n  const isText = variant === \"text\";\r\n  const isCompact = size === \"compact\";\r\n  const L = mergeLabels(DEFAULT_LABELS, labels);\r\n\r\n  // Parse delta into a definite `number | null` so the sign checks and\r\n  // Math.abs below narrow cleanly under strictNullChecks.\r\n  const parsed = delta == null || delta === \"\" ? null : Number(delta);\r\n  const deltaNum: number | null =\r\n    parsed !== null && Number.isFinite(parsed) ? parsed : null;\r\n  const isPositive = deltaNum !== null && deltaNum > 0;\r\n  const isNegative = deltaNum !== null && deltaNum < 0;\r\n\r\n  // R-G.1 - split icon vs text colour so the icon stays vivid (1.4.11)\r\n  // while the numeric text meets 1.4.3 (4.5:1 against white).\r\n  const iconColor =\r\n    isPositive ? \"var(--success)\"     :\r\n    isNegative ? \"var(--danger)\"      : \"var(--fg-subtle)\";\r\n  const textColor =\r\n    isPositive ? \"var(--success-fg)\"  :\r\n    isNegative ? \"var(--danger-fg)\"   : \"var(--fg-subtle)\";\r\n\r\n  // SR-only direction prefix - empty for zero or missing deltas (the bare\r\n  // \"0 %\" already reads correctly without a direction word).\r\n  const directionLabel =\r\n    isPositive ? L.up   :\r\n    isNegative ? L.down : \"\";\r\n\r\n  return (\r\n    <Box\r\n      sx={[\r\n        {\r\n          padding: \"var(--s-4) var(--s-5)\",\r\n          background: \"var(--surface)\",\r\n          border: \"1px solid var(--border)\",\r\n          borderRadius: \"var(--r-lg)\",\r\n          boxShadow: \"var(--shadow-xs)\",\r\n          minWidth: 0,\r\n        },\r\n        ...(Array.isArray(sx) ? sx : sx ? [sx] : []),\r\n      ]}\r\n    >\r\n      <Box sx={{ display: \"flex\", alignItems: \"center\", justifyContent: \"space-between\", marginBottom: 1 }}>\r\n        <Box\r\n          component=\"p\"\r\n          sx={{\r\n            margin: 0,\r\n            // Charter §03 KPI Card - explicit literal \"label uppercase 11 px\"\r\n            fontSize: 11,\r\n            fontWeight: \"var(--fw-semibold)\",\r\n            letterSpacing: \"0.06em\",\r\n            textTransform: \"uppercase\",\r\n            color: \"var(--fg-subtle)\",\r\n          }}\r\n        >\r\n          {label}\r\n        </Box>\r\n        {icon && <Box sx={{ color: \"var(--fg-subtle)\" }}>{icon}</Box>}\r\n      </Box>\r\n      <Box\r\n        component=\"p\"\r\n        sx={{\r\n          margin: 0,\r\n          /* variant/size resolution — gap G-11.\r\n           *\r\n           * \"default\" keeps the Charter §03 literal (\"valeur 24 px\"); see the\r\n           * G-21 note below on why that literal is itself contested.\r\n           * \"compact\" steps down to --text-h2 (20px) for narrow containers.\r\n           * \"text\" drops to --text-body and behaves like prose. */\r\n          fontSize: isText\r\n            ? \"var(--text-body)\"\r\n            : isCompact\r\n              ? \"var(--text-h2)\"\r\n              : 24,\r\n          // Heaviest weight in the post-Batch-1 scale (700). The black-weight\r\n          // custom property this once referenced was dropped from the\r\n          // typography tokens and resolved to undefined in CSS, silently\r\n          // flattening the weight on every dashboard KPI.\r\n          //\r\n          // The old name is deliberately NOT spelled out here: the\r\n          // banned-patterns guard is a raw text scan with no comment\r\n          // awareness, so writing it - even to document its removal - trips\r\n          // the very rule that protects this line. See banned-patterns.test.ts.\r\n          //\r\n          // A text descriptor takes semibold instead: bold at body size reads\r\n          // as a heading and competes with the label above it.\r\n          fontWeight: isText ? \"var(--fw-semibold)\" : \"var(--fw-bold)\",\r\n          color: \"var(--fg)\",\r\n          /* Both of these are FIGURE typography and are actively wrong on prose:\r\n           * tabular numerals force uniform digit widths (pointless without\r\n           * digits) and negative tracking tightens words that need their normal\r\n           * spacing to stay legible at body size. */\r\n          ...(isText\r\n            ? { lineHeight: \"var(--lh-normal)\" }\r\n            : {\r\n                fontVariantNumeric: \"tabular-nums\",\r\n                letterSpacing: \"-0.01em\",\r\n                lineHeight: \"var(--lh-tight)\",\r\n              }),\r\n        }}\r\n      >\r\n        {value ?? \"—\"}\r\n      </Box>\r\n      {(deltaNum !== null || helper) && (\r\n        <Box\r\n          sx={{\r\n            display: \"flex\",\r\n            alignItems: \"center\",\r\n            gap: 1,\r\n            marginTop: 1,\r\n            fontSize: \"var(--text-xs)\",\r\n          }}\r\n        >\r\n          {deltaNum !== null && (\r\n            <Box\r\n              sx={{\r\n                display: \"inline-flex\",\r\n                alignItems: \"center\",\r\n                gap: 0.25,\r\n                // Default colour for the block = textColor. The icon\r\n                // overrides to iconColor below for a vivid arrow against\r\n                // a darker numeric label.\r\n                color: textColor,\r\n                fontWeight: \"var(--fw-semibold)\",\r\n                // R-T.3 - tabular-nums on delta so percentages align across cards\r\n                fontVariantNumeric: \"tabular-nums\",\r\n              }}\r\n            >\r\n              {/* WCAG 1.4.1 - direction is announced to SR only; sighted\r\n                  users get the arrow + colour. */}\r\n              {directionLabel && (\r\n                <span className=\"pui-sr-only\">{directionLabel}</span>\r\n              )}\r\n              {isPositive ? (\r\n                <ArrowUpwardIcon\r\n                  aria-hidden=\"true\"\r\n                  sx={{ fontSize: \"var(--text-xs)\", color: iconColor }}\r\n                />\r\n              ) : isNegative ? (\r\n                <ArrowDownwardIcon\r\n                  aria-hidden=\"true\"\r\n                  sx={{ fontSize: \"var(--text-xs)\", color: iconColor }}\r\n                />\r\n              ) : null}\r\n              <span>{formatDelta(Math.abs(deltaNum), locale)} %</span>\r\n            </Box>\r\n          )}\r\n          {(period || helper) && (\r\n            <Box component=\"span\" sx={{ color: \"var(--fg-subtle)\" }}>\r\n              {helper || period}\r\n            </Box>\r\n          )}\r\n        </Box>\r\n      )}\r\n    </Box>\r\n  );\r\n}\r\n\r\nexport default KPICard;\r\n"],"mappings":"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","ignoreList":[]}

package/dist/v2/components/KPIStrip.d.ts

@@ -0,0 +1,68 @@
+import * as React from "react";
+import type { SxProps, Theme } from "@mui/material/styles";
+/**
+ * KPIStrip — Portnet UI v2
+ *
+ * The row of metric tiles. Charter §07 names this zone explicitly in the
+ * canonical page template: « ③ FILTERS / KPI STRIP — FilterTabs ou KPI cards
+ * selon contexte ».
+ *
+ * ─────────────────────────────────────────────────────────────────────────────
+ * WHY THIS BELONGS IN THE LIBRARY (capability gap G-11)
+ *
+ * The charter names the zone; the library shipped the tile (`KPICard`) and not
+ * the zone. So every screen wrote the grid, and the two written in addpe-fe
+ * disagree on the breakpoint ladder:
+ *
+ *   AutorisationDetail (hero)   { xs: "1fr 1fr", md: "repeat(4, 1fr)" }
+ *   AutorisationPreviewDrawer   "1fr 1fr"   (fixed, no ladder at all)
+ *
+ * Neither is wrong in isolation; together they mean a KPI row reflows
+ * differently depending on which screen you are on, for no reason a user could
+ * name. A named zone with an unnamed container is an invitation to that.
+ * ─────────────────────────────────────────────────────────────────────────────
+ *
+ *   <KPIStrip columns={4}>
+ *     <KPICard label="Type" value={type} variant="text" />
+ *     <KPICard label="Poids Net Total" value={poids} helper="kg" />
+ *     <KPICard label="Articles" value={count} helper={helper} />
+ *     <KPICard label="Validité" value={date} helper={emission} />
+ *   </KPIStrip>
+ *
+ *   // Narrow container (480 px drawer): 2-up, one size down on the values.
+ *   <KPIStrip columns={2}>
+ *     <KPICard … size="compact" />
+ *   </KPIStrip>
+ *
+ * Mobile is always 2-up, deliberately, and this is the one opinion the component
+ * imposes. A KPI is a short figure under a short label: one per row wastes half
+ * a phone's width and turns a four-tile strip into a full screen of scrolling
+ * before the user reaches the content the tiles describe. Both local copies had
+ * independently reached the same conclusion — the ladder they disagreed on was
+ * the DESKTOP end, not this one.
+ *
+ * Accessibility: no `role` and no landmark. The strip is a visual grouping of
+ * cards that each carry their own label/value pair; wrapping it in a `role="group"`
+ * without an accessible name adds an unnamed group to the SR tree, which is
+ * noise. A host that needs the strip announced should give the surrounding
+ * section a heading — which the page template already does.
+ */
+export interface KPIStripProps {
+    /**
+     * Tiles per row at md+ (≥ 768 px, the charter breakpoint token — not MUI's
+     * default). Below md the strip is always 2-up; see the component note.
+     * @default 4
+     */
+    columns?: 2 | 3 | 4 | undefined;
+    /**
+     * Grid gap. Defaults to `--s-3` (12px) — the value both local copies used, and
+     * the charter's « Padding cards compact » step, which is the right density
+     * between tiles that each already carry their own padding and border.
+     */
+    gap?: string | number | undefined;
+    children: React.ReactNode;
+    sx?: SxProps<Theme> | undefined;
+}
+declare function KPIStrip({ columns, gap, children, sx }: KPIStripProps): React.JSX.Element;
+export default KPIStrip;
+//# sourceMappingURL=KPIStrip.d.ts.map

package/dist/v2/components/KPIStrip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"KPIStrip.d.ts","sourceRoot":"","sources":["../../../src/lib/v2/components/KPIStrip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAE3D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8CG;AAEH,MAAM,WAAW,aAAa;IAC5B;;;;OAIG;IACH,OAAO,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,SAAS,CAAC;IAChC;;;;OAIG;IACH,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC;IAClC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,EAAE,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,GAAG,SAAS,CAAC;CACjC;AAED,iBAAS,QAAQ,CAAC,EAAE,OAAW,EAAE,GAAG,EAAE,QAAQ,EAAE,EAAE,EAAE,EAAE,aAAa,qBAyBlE;AAED,eAAe,QAAQ,CAAC"}

package/dist/v2/components/KPIStrip.js

@@ -0,0 +1,92 @@
+"use strict";
+
+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); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _Box = _interopRequireDefault(require("@mui/material/Box"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; } /**
+ * KPIStrip — Portnet UI v2
+ *
+ * The row of metric tiles. Charter §07 names this zone explicitly in the
+ * canonical page template: « ③ FILTERS / KPI STRIP — FilterTabs ou KPI cards
+ * selon contexte ».
+ *
+ * ─────────────────────────────────────────────────────────────────────────────
+ * WHY THIS BELONGS IN THE LIBRARY (capability gap G-11)
+ *
+ * The charter names the zone; the library shipped the tile (`KPICard`) and not
+ * the zone. So every screen wrote the grid, and the two written in addpe-fe
+ * disagree on the breakpoint ladder:
+ *
+ *   AutorisationDetail (hero)   { xs: "1fr 1fr", md: "repeat(4, 1fr)" }
+ *   AutorisationPreviewDrawer   "1fr 1fr"   (fixed, no ladder at all)
+ *
+ * Neither is wrong in isolation; together they mean a KPI row reflows
+ * differently depending on which screen you are on, for no reason a user could
+ * name. A named zone with an unnamed container is an invitation to that.
+ * ─────────────────────────────────────────────────────────────────────────────
+ *
+ *   <KPIStrip columns={4}>
+ *     <KPICard label="Type" value={type} variant="text" />
+ *     <KPICard label="Poids Net Total" value={poids} helper="kg" />
+ *     <KPICard label="Articles" value={count} helper={helper} />
+ *     <KPICard label="Validité" value={date} helper={emission} />
+ *   </KPIStrip>
+ *
+ *   // Narrow container (480 px drawer): 2-up, one size down on the values.
+ *   <KPIStrip columns={2}>
+ *     <KPICard … size="compact" />
+ *   </KPIStrip>
+ *
+ * Mobile is always 2-up, deliberately, and this is the one opinion the component
+ * imposes. A KPI is a short figure under a short label: one per row wastes half
+ * a phone's width and turns a four-tile strip into a full screen of scrolling
+ * before the user reaches the content the tiles describe. Both local copies had
+ * independently reached the same conclusion — the ladder they disagreed on was
+ * the DESKTOP end, not this one.
+ *
+ * Accessibility: no `role` and no landmark. The strip is a visual grouping of
+ * cards that each carry their own label/value pair; wrapping it in a `role="group"`
+ * without an accessible name adds an unnamed group to the SR tree, which is
+ * noise. A host that needs the strip announced should give the surrounding
+ * section a heading — which the page template already does.
+ */
+function KPIStrip(_ref) {
+  var _ref$columns = _ref.columns,
+    columns = _ref$columns === void 0 ? 4 : _ref$columns,
+    gap = _ref.gap,
+    children = _ref.children,
+    sx = _ref.sx;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box["default"]
+  /* ARRAY form, not an object spread — see gap G-23. SxProps admits arrays and
+   * functions, which an object spread destroys silently. Same shape KPICard
+   * uses, and the tiles inside this strip ARE KPICards. */, {
+    sx: [{
+      display: "grid",
+      gridTemplateColumns: {
+        xs: "repeat(2, minmax(0, 1fr))",
+        md: "repeat(".concat(columns, ", minmax(0, 1fr))")
+      },
+      // `minmax(0, 1fr)` rather than `1fr`: a tile whose value is a long text
+      // descriptor (KPICard variant="text") would otherwise refuse to shrink
+      // below its content width and overflow the strip (WCAG 1.4.10 Reflow).
+      gap: gap !== null && gap !== void 0 ? gap : "var(--s-3)",
+      minWidth: 0
+    }].concat(_toConsumableArray(Array.isArray(sx) ? sx : sx ? [sx] : [])),
+    children: children
+  });
+}
+var _default = exports["default"] = KPIStrip;
+//# sourceMappingURL=KPIStrip.js.map

package/dist/v2/components/KPIStrip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"KPIStrip.js","names":["React","_interopRequireWildcard","require","_Box","_interopRequireDefault","_jsxRuntime","obj","__esModule","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_toConsumableArray","arr","_arrayWithoutHoles","_iterableToArray","_unsupportedIterableToArray","_nonIterableSpread","TypeError","o","minLen","_arrayLikeToArray","n","toString","slice","constructor","name","Array","from","test","iter","Symbol","iterator","isArray","len","length","i","arr2","KPIStrip","_ref","_ref$columns","columns","gap","children","sx","jsx","display","gridTemplateColumns","xs","md","concat","minWidth","_default","exports"],"sources":["../../../src/lib/v2/components/KPIStrip.tsx"],"sourcesContent":["import * as React from \"react\";\r\nimport Box from \"@mui/material/Box\";\r\nimport type { SxProps, Theme } from \"@mui/material/styles\";\r\n\r\n/**\r\n * KPIStrip — Portnet UI v2\r\n *\r\n * The row of metric tiles. Charter §07 names this zone explicitly in the\r\n * canonical page template: « ③ FILTERS / KPI STRIP — FilterTabs ou KPI cards\r\n * selon contexte ».\r\n *\r\n * ─────────────────────────────────────────────────────────────────────────────\r\n * WHY THIS BELONGS IN THE LIBRARY (capability gap G-11)\r\n *\r\n * The charter names the zone; the library shipped the tile (`KPICard`) and not\r\n * the zone. So every screen wrote the grid, and the two written in addpe-fe\r\n * disagree on the breakpoint ladder:\r\n *\r\n *   AutorisationDetail (hero)   { xs: \"1fr 1fr\", md: \"repeat(4, 1fr)\" }\r\n *   AutorisationPreviewDrawer   \"1fr 1fr\"   (fixed, no ladder at all)\r\n *\r\n * Neither is wrong in isolation; together they mean a KPI row reflows\r\n * differently depending on which screen you are on, for no reason a user could\r\n * name. A named zone with an unnamed container is an invitation to that.\r\n * ─────────────────────────────────────────────────────────────────────────────\r\n *\r\n *   <KPIStrip columns={4}>\r\n *     <KPICard label=\"Type\" value={type} variant=\"text\" />\r\n *     <KPICard label=\"Poids Net Total\" value={poids} helper=\"kg\" />\r\n *     <KPICard label=\"Articles\" value={count} helper={helper} />\r\n *     <KPICard label=\"Validité\" value={date} helper={emission} />\r\n *   </KPIStrip>\r\n *\r\n *   // Narrow container (480 px drawer): 2-up, one size down on the values.\r\n *   <KPIStrip columns={2}>\r\n *     <KPICard … size=\"compact\" />\r\n *   </KPIStrip>\r\n *\r\n * Mobile is always 2-up, deliberately, and this is the one opinion the component\r\n * imposes. A KPI is a short figure under a short label: one per row wastes half\r\n * a phone's width and turns a four-tile strip into a full screen of scrolling\r\n * before the user reaches the content the tiles describe. Both local copies had\r\n * independently reached the same conclusion — the ladder they disagreed on was\r\n * the DESKTOP end, not this one.\r\n *\r\n * Accessibility: no `role` and no landmark. The strip is a visual grouping of\r\n * cards that each carry their own label/value pair; wrapping it in a `role=\"group\"`\r\n * without an accessible name adds an unnamed group to the SR tree, which is\r\n * noise. A host that needs the strip announced should give the surrounding\r\n * section a heading — which the page template already does.\r\n */\r\n\r\nexport interface KPIStripProps {\r\n  /**\r\n   * Tiles per row at md+ (≥ 768 px, the charter breakpoint token — not MUI's\r\n   * default). Below md the strip is always 2-up; see the component note.\r\n   * @default 4\r\n   */\r\n  columns?: 2 | 3 | 4 | undefined;\r\n  /**\r\n   * Grid gap. Defaults to `--s-3` (12px) — the value both local copies used, and\r\n   * the charter's « Padding cards compact » step, which is the right density\r\n   * between tiles that each already carry their own padding and border.\r\n   */\r\n  gap?: string | number | undefined;\r\n  children: React.ReactNode;\r\n  sx?: SxProps<Theme> | undefined;\r\n}\r\n\r\nfunction KPIStrip({ columns = 4, gap, children, sx }: KPIStripProps) {\r\n  return (\r\n    <Box\r\n      /* ARRAY form, not an object spread — see gap G-23. SxProps admits arrays and\r\n       * functions, which an object spread destroys silently. Same shape KPICard\r\n       * uses, and the tiles inside this strip ARE KPICards. */\r\n      sx={[\r\n        {\r\n          display: \"grid\",\r\n          gridTemplateColumns: {\r\n            xs: \"repeat(2, minmax(0, 1fr))\",\r\n            md: `repeat(${columns}, minmax(0, 1fr))`,\r\n          },\r\n          // `minmax(0, 1fr)` rather than `1fr`: a tile whose value is a long text\r\n          // descriptor (KPICard variant=\"text\") would otherwise refuse to shrink\r\n          // below its content width and overflow the strip (WCAG 1.4.10 Reflow).\r\n          gap: gap ?? \"var(--s-3)\",\r\n          minWidth: 0,\r\n        },\r\n        ...(Array.isArray(sx) ? sx : sx ? [sx] : []),\r\n      ]}\r\n    >\r\n      {children}\r\n    </Box>\r\n  );\r\n}\r\n\r\nexport default KPIStrip;\r\n"],"mappings":"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","ignoreList":[]}

package/dist/v2/components/KV.d.ts

@@ -0,0 +1,25 @@
+import * as React from "react";
+/**
+ * KV — Label / value pair for detail panes.
+ *
+ * The label and value are explicitly paired via `aria-labelledby` so
+ * screen readers announce them as one semantic unit (e.g. "IMPORTATEUR
+ * SOFRANE SA") instead of two adjacent-but-unrelated text nodes.
+ *
+ * Density-aware: the value renders at var(--text-fs), tracking the
+ * surrounding density tier (comfortable=14 / compact=13 / spacious=15
+ * / ultraCompact=12). The label stays at 11 px — its size is a
+ * semantic property of the eyebrow-text role, not body density.
+ *
+ *   <KV label="Importateur" value="SOFRANE SA" />
+ *   <KV label="Référence" value="2025-IM-0042" mono />
+ */
+export interface KVProps {
+    label: React.ReactNode;
+    value?: React.ReactNode | undefined;
+    mono?: boolean | undefined;
+    fallback?: React.ReactNode | undefined;
+}
+declare function KV({ label, value, mono, fallback }: KVProps): React.JSX.Element;
+export default KV;
+//# sourceMappingURL=KV.d.ts.map

package/dist/v2/components/KV.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"KV.d.ts","sourceRoot":"","sources":["../../../src/lib/v2/components/KV.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B;;;;;;;;;;;;;;GAcG;AAEH,MAAM,WAAW,OAAO;IACtB,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,SAAS,CAAC;IACpC,IAAI,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC3B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,SAAS,CAAC;CACxC;AAED,iBAAS,EAAE,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,IAAY,EAAE,QAAc,EAAE,EAAE,OAAO,qBA0ClE;AAED,eAAe,EAAE,CAAC"}

package/dist/v2/components/KV.js

@@ -0,0 +1,82 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _Box = _interopRequireDefault(require("@mui/material/Box"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+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); } /**
+ * KV — Label / value pair for detail panes.
+ *
+ * The label and value are explicitly paired via `aria-labelledby` so
+ * screen readers announce them as one semantic unit (e.g. "IMPORTATEUR
+ * SOFRANE SA") instead of two adjacent-but-unrelated text nodes.
+ *
+ * Density-aware: the value renders at var(--text-fs), tracking the
+ * surrounding density tier (comfortable=14 / compact=13 / spacious=15
+ * / ultraCompact=12). The label stays at 11 px — its size is a
+ * semantic property of the eyebrow-text role, not body density.
+ *
+ *   <KV label="Importateur" value="SOFRANE SA" />
+ *   <KV label="Référence" value="2025-IM-0042" mono />
+ */
+function KV(_ref) {
+  var label = _ref.label,
+    value = _ref.value,
+    _ref$mono = _ref.mono,
+    mono = _ref$mono === void 0 ? false : _ref$mono,
+    _ref$fallback = _ref.fallback,
+    fallback = _ref$fallback === void 0 ? "—" : _ref$fallback;
+  var display = value === null || value === undefined || value === "" ? fallback : value;
+  var isMissing = display === fallback;
+  var labelId = React.useId();
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box["default"], {
+    sx: {
+      minWidth: 0
+    },
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Box["default"], {
+      id: labelId,
+      sx: {
+        fontSize: 11,
+        color: "var(--fg-subtle)",
+        fontWeight: "var(--fw-medium)",
+        marginBottom: 0.5,
+        textTransform: "uppercase",
+        /* A7-02 — was a raw "0.04em". This component is one of the two places
+         * the value was hardcoded INSIDE the library, which is what
+         * established it as platform vocabulary and justified promoting the
+         * letter-spacing scale rather than stripping the tracking. */
+        letterSpacing: "var(--ls-wide)"
+      },
+      children: label
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box["default"], {
+      "aria-labelledby": labelId,
+      sx: _objectSpread(_objectSpread({
+        // B1 — density-aware body font size, tracking the host's
+        // data-density attribute. Aligns KV cells with DataGrid
+        // body cells (which already use --text-fs).
+        fontSize: "var(--text-fs)",
+        fontWeight: "var(--fw-medium)",
+        color: isMissing ? "var(--fg-subtle)" : "var(--fg)"
+      }, mono ? {
+        fontFamily: "var(--font-mono)",
+        fontVariantNumeric: "tabular-nums"
+      } : {}), {}, {
+        wordBreak: "break-word"
+      }),
+      children: display
+    })]
+  });
+}
+var _default = exports["default"] = KV;
+//# sourceMappingURL=KV.js.map