@portnet/ui 6.0.1 → 6.0.3

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

@@ -1 +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":[]}
+{"version":3,"file":"KPICard.js","names":["React","_interopRequireWildcard","require","_Box","_interopRequireDefault","_ArrowUpward","_ArrowDownward","_mergeLabels","_jsxRuntime","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","DEFAULT_LABELS","freeze","up","down","formatDelta","locale","opts","maximumFractionDigits","Intl","NumberFormat","format","KPICard","label","value","delta","period","helper","variant","size","icon","labels","sx","isText","isCompact","L","mergeLabels","parsed","Number","deltaNum","isFinite","isPositive","isNegative","iconColor","textColor","directionLabel","jsxs","padding","background","border","borderRadius","boxShadow","minWidth","Array","isArray","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.js

@@ -1,22 +1,15 @@
 "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;
+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; } /**
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+/**
  * KPIStrip — Portnet UI v2
  *
  * The row of metric tiles. Charter §07 names this zone explicitly in the
@@ -63,13 +56,14 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
  * 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"]
+
+function KPIStrip({
+  columns = 4,
+  gap,
+  children,
+  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. */, {
@@ -77,16 +71,16 @@ function KPIStrip(_ref) {
       display: "grid",
       gridTemplateColumns: {
         xs: "repeat(2, minmax(0, 1fr))",
-        md: "repeat(".concat(columns, ", minmax(0, 1fr))")
+        md: `repeat(${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)",
+      gap: gap ?? "var(--s-3)",
       minWidth: 0
-    }].concat(_toConsumableArray(Array.isArray(sx) ? sx : sx ? [sx] : [])),
+    }, ...(Array.isArray(sx) ? sx : sx ? [sx] : [])],
     children: children
   });
 }
-var _default = exports["default"] = KPIStrip;
+var _default = exports.default = KPIStrip;
 //# sourceMappingURL=KPIStrip.js.map

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

@@ -1 +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":[]}
+{"version":3,"file":"KPIStrip.js","names":["React","_interopRequireWildcard","require","_Box","_interopRequireDefault","_jsxRuntime","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","KPIStrip","columns","gap","children","sx","jsx","display","gridTemplateColumns","xs","md","minWidth","Array","isArray","_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":";;;;;;AAAA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,IAAA,GAAAC,sBAAA,CAAAF,OAAA;AAAoC,IAAAG,WAAA,GAAAH,OAAA;AAAA,SAAAE,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAAA,SAAAL,wBAAAK,CAAA,EAAAG,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAT,uBAAA,YAAAA,CAAAK,CAAA,EAAAG,CAAA,SAAAA,CAAA,IAAAH,CAAA,IAAAA,CAAA,CAAAC,UAAA,SAAAD,CAAA,MAAAO,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAR,OAAA,EAAAF,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAS,CAAA,MAAAF,CAAA,GAAAJ,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAE,CAAA,CAAAI,GAAA,CAAAX,CAAA,UAAAO,CAAA,CAAAK,GAAA,CAAAZ,CAAA,GAAAO,CAAA,CAAAM,GAAA,CAAAb,CAAA,EAAAS,CAAA,gBAAAN,CAAA,IAAAH,CAAA,gBAAAG,CAAA,OAAAW,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAG,CAAA,OAAAK,CAAA,IAAAD,CAAA,GAAAS,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAG,CAAA,OAAAK,CAAA,CAAAI,GAAA,IAAAJ,CAAA,CAAAK,GAAA,IAAAN,CAAA,CAAAE,CAAA,EAAAN,CAAA,EAAAK,CAAA,IAAAC,CAAA,CAAAN,CAAA,IAAAH,CAAA,CAAAG,CAAA,WAAAM,CAAA,KAAAT,CAAA,EAAAG,CAAA;AAGpC;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAmBA,SAASgB,QAAQA,CAAC;EAAEC,OAAO,GAAG,CAAC;EAAEC,GAAG;EAAEC,QAAQ;EAAEC;AAAkB,CAAC,EAAE;EACnE,oBACE,IAAAxB,WAAA,CAAAyB,GAAA,EAAC3B,IAAA,CAAAK;EACC;AACN;AACA,2DAFM;IAGAqB,EAAE,EAAE,CACF;MACEE,OAAO,EAAE,MAAM;MACfC,mBAAmB,EAAE;QACnBC,EAAE,EAAE,2BAA2B;QAC/BC,EAAE,EAAE,UAAUR,OAAO;MACvB,CAAC;MACD;MACA;MACA;MACAC,GAAG,EAAEA,GAAG,IAAI,YAAY;MACxBQ,QAAQ,EAAE;IACZ,CAAC,EACD,IAAIC,KAAK,CAACC,OAAO,CAACR,EAAE,CAAC,GAAGA,EAAE,GAAGA,EAAE,GAAG,CAACA,EAAE,CAAC,GAAG,EAAE,CAAC,CAC5C;IAAAD,QAAA,EAEDA;EAAQ,CACN,CAAC;AAEV;AAAC,IAAAU,QAAA,GAAAC,OAAA,CAAA/B,OAAA,GAEciB,QAAQ","ignoreList":[]}

package/dist/v2/components/KV.js

@@ -3,19 +3,13 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+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); } /**
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+/**
  * KV — Label / value pair for detail panes.
  *
  * The label and value are explicitly paired via `aria-labelledby` so
@@ -30,21 +24,21 @@ function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input ==
  *   <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"], {
+
+function KV({
+  label,
+  value,
+  mono = false,
+  fallback = "—"
+}) {
+  const display = value === null || value === undefined || value === "" ? fallback : value;
+  const isMissing = display === fallback;
+  const labelId = React.useId();
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, {
     sx: {
       minWidth: 0
     },
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Box["default"], {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
       id: labelId,
       sx: {
         fontSize: 11,
@@ -59,24 +53,24 @@ function KV(_ref) {
         letterSpacing: "var(--ls-wide)"
       },
       children: label
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box["default"], {
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
       "aria-labelledby": labelId,
-      sx: _objectSpread(_objectSpread({
+      sx: {
         // 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"
-      } : {}), {}, {
+        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;
+var _default = exports.default = KV;
 //# sourceMappingURL=KV.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"KV.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","Symbol","iterator","constructor","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","toPrimitive","undefined","res","TypeError","Number","KV","_ref","label","_ref$mono","mono","_ref$fallback","fallback","display","isMissing","labelId","useId","jsxs","sx","minWidth","children","jsx","id","fontSize","color","fontWeight","marginBottom","textTransform","letterSpacing","fontFamily","fontVariantNumeric","wordBreak","_default","exports"],"sources":["../../../src/lib/v2/components/KV.tsx"],"sourcesContent":["import * as React from \"react\";\r\nimport Box from \"@mui/material/Box\";\r\n\r\n/**\r\n * KV — Label / value pair for detail panes.\r\n *\r\n * The label and value are explicitly paired via `aria-labelledby` so\r\n * screen readers announce them as one semantic unit (e.g. \"IMPORTATEUR\r\n * SOFRANE SA\") instead of two adjacent-but-unrelated text nodes.\r\n *\r\n * Density-aware: the value renders at var(--text-fs), tracking the\r\n * surrounding density tier (comfortable=14 / compact=13 / spacious=15\r\n * / ultraCompact=12). The label stays at 11 px — its size is a\r\n * semantic property of the eyebrow-text role, not body density.\r\n *\r\n *   <KV label=\"Importateur\" value=\"SOFRANE SA\" />\r\n *   <KV label=\"Référence\" value=\"2025-IM-0042\" mono />\r\n */\r\n\r\nexport interface KVProps {\r\n  label: React.ReactNode;\r\n  value?: React.ReactNode | undefined;\r\n  mono?: boolean | undefined;\r\n  fallback?: React.ReactNode | undefined;\r\n}\r\n\r\nfunction KV({ label, value, mono = false, fallback = \"—\" }: KVProps) {\r\n  const display = (value === null || value === undefined || value === \"\") ? fallback : value;\r\n  const isMissing = display === fallback;\r\n  const labelId = React.useId();\r\n  return (\r\n    <Box sx={{ minWidth: 0 }}>\r\n      <Box\r\n        id={labelId}\r\n        sx={{\r\n          fontSize: 11,\r\n          color: \"var(--fg-subtle)\",\r\n          fontWeight: \"var(--fw-medium)\",\r\n          marginBottom: 0.5,\r\n          textTransform: \"uppercase\",\r\n          /* A7-02 — was a raw \"0.04em\". This component is one of the two places\r\n           * the value was hardcoded INSIDE the library, which is what\r\n           * established it as platform vocabulary and justified promoting the\r\n           * letter-spacing scale rather than stripping the tracking. */\r\n          letterSpacing: \"var(--ls-wide)\",\r\n        }}\r\n      >\r\n        {label}\r\n      </Box>\r\n      <Box\r\n        aria-labelledby={labelId}\r\n        sx={{\r\n          // B1 — density-aware body font size, tracking the host's\r\n          // data-density attribute. Aligns KV cells with DataGrid\r\n          // body cells (which already use --text-fs).\r\n          fontSize: \"var(--text-fs)\",\r\n          fontWeight: \"var(--fw-medium)\",\r\n          color: isMissing ? \"var(--fg-subtle)\" : \"var(--fg)\",\r\n          ...(mono\r\n            ? { fontFamily: \"var(--font-mono)\", fontVariantNumeric: \"tabular-nums\" }\r\n            : {}),\r\n          wordBreak: \"break-word\",\r\n        }}\r\n      >\r\n        {display}\r\n      </Box>\r\n    </Box>\r\n  );\r\n}\r\n\r\nexport default KV;\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"KV.js","names":["React","_interopRequireWildcard","require","_Box","_interopRequireDefault","_jsxRuntime","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","KV","label","value","mono","fallback","display","undefined","isMissing","labelId","useId","jsxs","sx","minWidth","children","jsx","id","fontSize","color","fontWeight","marginBottom","textTransform","letterSpacing","fontFamily","fontVariantNumeric","wordBreak","_default","exports"],"sources":["../../../src/lib/v2/components/KV.tsx"],"sourcesContent":["import * as React from \"react\";\r\nimport Box from \"@mui/material/Box\";\r\n\r\n/**\r\n * KV — Label / value pair for detail panes.\r\n *\r\n * The label and value are explicitly paired via `aria-labelledby` so\r\n * screen readers announce them as one semantic unit (e.g. \"IMPORTATEUR\r\n * SOFRANE SA\") instead of two adjacent-but-unrelated text nodes.\r\n *\r\n * Density-aware: the value renders at var(--text-fs), tracking the\r\n * surrounding density tier (comfortable=14 / compact=13 / spacious=15\r\n * / ultraCompact=12). The label stays at 11 px — its size is a\r\n * semantic property of the eyebrow-text role, not body density.\r\n *\r\n *   <KV label=\"Importateur\" value=\"SOFRANE SA\" />\r\n *   <KV label=\"Référence\" value=\"2025-IM-0042\" mono />\r\n */\r\n\r\nexport interface KVProps {\r\n  label: React.ReactNode;\r\n  value?: React.ReactNode | undefined;\r\n  mono?: boolean | undefined;\r\n  fallback?: React.ReactNode | undefined;\r\n}\r\n\r\nfunction KV({ label, value, mono = false, fallback = \"—\" }: KVProps) {\r\n  const display = (value === null || value === undefined || value === \"\") ? fallback : value;\r\n  const isMissing = display === fallback;\r\n  const labelId = React.useId();\r\n  return (\r\n    <Box sx={{ minWidth: 0 }}>\r\n      <Box\r\n        id={labelId}\r\n        sx={{\r\n          fontSize: 11,\r\n          color: \"var(--fg-subtle)\",\r\n          fontWeight: \"var(--fw-medium)\",\r\n          marginBottom: 0.5,\r\n          textTransform: \"uppercase\",\r\n          /* A7-02 — was a raw \"0.04em\". This component is one of the two places\r\n           * the value was hardcoded INSIDE the library, which is what\r\n           * established it as platform vocabulary and justified promoting the\r\n           * letter-spacing scale rather than stripping the tracking. */\r\n          letterSpacing: \"var(--ls-wide)\",\r\n        }}\r\n      >\r\n        {label}\r\n      </Box>\r\n      <Box\r\n        aria-labelledby={labelId}\r\n        sx={{\r\n          // B1 — density-aware body font size, tracking the host's\r\n          // data-density attribute. Aligns KV cells with DataGrid\r\n          // body cells (which already use --text-fs).\r\n          fontSize: \"var(--text-fs)\",\r\n          fontWeight: \"var(--fw-medium)\",\r\n          color: isMissing ? \"var(--fg-subtle)\" : \"var(--fg)\",\r\n          ...(mono\r\n            ? { fontFamily: \"var(--font-mono)\", fontVariantNumeric: \"tabular-nums\" }\r\n            : {}),\r\n          wordBreak: \"break-word\",\r\n        }}\r\n      >\r\n        {display}\r\n      </Box>\r\n    </Box>\r\n  );\r\n}\r\n\r\nexport default KV;\r\n"],"mappings":";;;;;;AAAA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,IAAA,GAAAC,sBAAA,CAAAF,OAAA;AAAoC,IAAAG,WAAA,GAAAH,OAAA;AAAA,SAAAE,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAAA,SAAAL,wBAAAK,CAAA,EAAAG,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAT,uBAAA,YAAAA,CAAAK,CAAA,EAAAG,CAAA,SAAAA,CAAA,IAAAH,CAAA,IAAAA,CAAA,CAAAC,UAAA,SAAAD,CAAA,MAAAO,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAR,OAAA,EAAAF,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAS,CAAA,MAAAF,CAAA,GAAAJ,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAE,CAAA,CAAAI,GAAA,CAAAX,CAAA,UAAAO,CAAA,CAAAK,GAAA,CAAAZ,CAAA,GAAAO,CAAA,CAAAM,GAAA,CAAAb,CAAA,EAAAS,CAAA,gBAAAN,CAAA,IAAAH,CAAA,gBAAAG,CAAA,OAAAW,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAG,CAAA,OAAAK,CAAA,IAAAD,CAAA,GAAAS,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAG,CAAA,OAAAK,CAAA,CAAAI,GAAA,IAAAJ,CAAA,CAAAK,GAAA,IAAAN,CAAA,CAAAE,CAAA,EAAAN,CAAA,EAAAK,CAAA,IAAAC,CAAA,CAAAN,CAAA,IAAAH,CAAA,CAAAG,CAAA,WAAAM,CAAA,KAAAT,CAAA,EAAAG,CAAA;AAEpC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AASA,SAASgB,EAAEA,CAAC;EAAEC,KAAK;EAAEC,KAAK;EAAEC,IAAI,GAAG,KAAK;EAAEC,QAAQ,GAAG;AAAa,CAAC,EAAE;EACnE,MAAMC,OAAO,GAAIH,KAAK,KAAK,IAAI,IAAIA,KAAK,KAAKI,SAAS,IAAIJ,KAAK,KAAK,EAAE,GAAIE,QAAQ,GAAGF,KAAK;EAC1F,MAAMK,SAAS,GAAGF,OAAO,KAAKD,QAAQ;EACtC,MAAMI,OAAO,GAAGjC,KAAK,CAACkC,KAAK,CAAC,CAAC;EAC7B,oBACE,IAAA7B,WAAA,CAAA8B,IAAA,EAAChC,IAAA,CAAAK,OAAG;IAAC4B,EAAE,EAAE;MAAEC,QAAQ,EAAE;IAAE,CAAE;IAAAC,QAAA,gBACvB,IAAAjC,WAAA,CAAAkC,GAAA,EAACpC,IAAA,CAAAK,OAAG;MACFgC,EAAE,EAAEP,OAAQ;MACZG,EAAE,EAAE;QACFK,QAAQ,EAAE,EAAE;QACZC,KAAK,EAAE,kBAAkB;QACzBC,UAAU,EAAE,kBAAkB;QAC9BC,YAAY,EAAE,GAAG;QACjBC,aAAa,EAAE,WAAW;QAC1B;AACV;AACA;AACA;QACUC,aAAa,EAAE;MACjB,CAAE;MAAAR,QAAA,EAEDZ;IAAK,CACH,CAAC,eACN,IAAArB,WAAA,CAAAkC,GAAA,EAACpC,IAAA,CAAAK,OAAG;MACF,mBAAiByB,OAAQ;MACzBG,EAAE,EAAE;QACF;QACA;QACA;QACAK,QAAQ,EAAE,gBAAgB;QAC1BE,UAAU,EAAE,kBAAkB;QAC9BD,KAAK,EAAEV,SAAS,GAAG,kBAAkB,GAAG,WAAW;QACnD,IAAIJ,IAAI,GACJ;UAAEmB,UAAU,EAAE,kBAAkB;UAAEC,kBAAkB,EAAE;QAAe,CAAC,GACtE,CAAC,CAAC,CAAC;QACPC,SAAS,EAAE;MACb,CAAE;MAAAX,QAAA,EAEDR;IAAO,CACL,CAAC;EAAA,CACH,CAAC;AAEV;AAAC,IAAAoB,QAAA,GAAAC,OAAA,CAAA3C,OAAA,GAEciB,EAAE","ignoreList":[]}

package/dist/v2/components/KVGrid.js

@@ -1,13 +1,12 @@
 "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;
+exports.default = void 0;
 var _Box = _interopRequireDefault(require("@mui/material/Box"));
 var _jsxRuntime = require("react/jsx-runtime");
-var _excluded = ["children", "minColumnWidth", "gap", "sx"];
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 /**
  * KVGrid — Portnet UI v2
  *
@@ -44,25 +43,18 @@ var _excluded = ["children", "minColumnWidth", "gap", "sx"];
  *   gap            — grid gap; defaults to `var(--s-3)` (12px).
  *   sx             — escape hatch.
  */
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": 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); }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-function KVGrid(_ref) {
-  var children = _ref.children,
-    _ref$minColumnWidth = _ref.minColumnWidth,
-    minColumnWidth = _ref$minColumnWidth === void 0 ? 180 : _ref$minColumnWidth,
-    gap = _ref.gap,
-    sx = _ref.sx,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box["default"], _objectSpread(_objectSpread({
-    sx: _objectSpread({
+
+function KVGrid({
+  children,
+  minColumnWidth = 180,
+  gap,
+  sx,
+  ...rest
+}) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
+    sx: {
       display: "grid",
-      gridTemplateColumns: "repeat(auto-fill, minmax(min(".concat(minColumnWidth, "px, 100%), 1fr))"),
+      gridTemplateColumns: `repeat(auto-fill, minmax(min(${minColumnWidth}px, 100%), 1fr))`,
       /* `--s-3` stays the default here, deliberately: the Charter §2.3 `-s-4`
        * « Gap formulaire » applies to FIELD grids, and a KV strip is denser
        * read-only content with no control hit-areas to separate.
@@ -70,11 +62,12 @@ function KVGrid(_ref) {
        * `??` and not `||`: `gap={0}` is a legitimate value that `||`
        * silently overwrote with the default (same latent defect fixed in
        * FormGrid, gap G-13). */
-      gap: gap !== null && gap !== void 0 ? gap : "var(--s-3)"
-    }, sx)
-  }, rest), {}, {
+      gap: gap ?? "var(--s-3)",
+      ...sx
+    },
+    ...rest,
     children: children
-  }));
+  });
 }
-var _default = exports["default"] = KVGrid;
+var _default = exports.default = KVGrid;
 //# sourceMappingURL=KVGrid.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"KVGrid.js","names":["_Box","_interopRequireDefault","require","_jsxRuntime","_excluded","obj","__esModule","ownKeys","object","enumerableOnly","keys","Object","getOwnPropertySymbols","symbols","filter","sym","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","target","i","arguments","length","source","forEach","key","_defineProperty","getOwnPropertyDescriptors","defineProperties","defineProperty","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","_typeof","String","input","hint","prim","Symbol","toPrimitive","undefined","res","call","TypeError","Number","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","sourceSymbolKeys","indexOf","prototype","propertyIsEnumerable","sourceKeys","KVGrid","_ref","children","_ref$minColumnWidth","minColumnWidth","gap","sx","rest","jsx","display","gridTemplateColumns","concat","_default","exports"],"sources":["../../../src/lib/v2/components/KVGrid.tsx"],"sourcesContent":["import Box from \"@mui/material/Box\";\r\nimport type { BoxProps } from \"@mui/material/Box\";\r\n\r\n/**\r\n * KVGrid — Portnet UI v2\r\n *\r\n * Charter §03 · auto-fill grid for KV (key/value) blocks. Replaces\r\n * the local KVGrid wrapper that host modules previously maintained\r\n * (audit Batch 2 violation C10 in ms-ti-fe — direct MUI Box parallel\r\n * auto-fill grid).\r\n *\r\n * Usage:\r\n *\r\n *   <KVGrid minColumnWidth={180}>\r\n *     <KV label=\"Description\" value={imp.description} />\r\n *     <KV label=\"Code PIN\"    value={imp.codePIN} mono />\r\n *     <KV label=\"IFU\"         value={imp.ifu}     mono />\r\n *     <KV label=\"N° RC\"       value={imp.numeroRc} mono />\r\n *   </KVGrid>\r\n *\r\n * Reflow strategy: `auto-fill, minmax(min(minColumnWidth, 100%), 1fr)`\r\n * — the browser packs as many cells per row as fit the container, each\r\n * cell ≥ minColumnWidth and stretching to share remaining space. The\r\n * `min(…, 100%)` clamp is load-bearing: it caps each track's minimum at\r\n * the container width so a container narrower than minColumnWidth (small\r\n * phones, deeply-nested padded cards, or a tuned-up minColumnWidth)\r\n * collapses to a single full-width column instead of overflowing the\r\n * viewport (WCAG 1.4.10 Reflow). No media queries, no breakpoint juggling.\r\n *\r\n * Designed to wrap v2.KV cells but accepts any children (renderer\r\n * is agnostic to KV internals).\r\n *\r\n * Props:\r\n *   minColumnWidth — track minimum in px (default 180). Tune\r\n *                    upward for long mono values, downward for\r\n *                    dense compact KV strips.\r\n *   gap            — grid gap; defaults to `var(--s-3)` (12px).\r\n *   sx             — escape hatch.\r\n */\r\n\r\nexport interface KVGridProps extends Omit<BoxProps, \"gap\"> {\r\n  minColumnWidth?: number | undefined;\r\n  gap?: string | number | undefined;\r\n}\r\n\r\nfunction KVGrid({ children, minColumnWidth = 180, gap, sx, ...rest }: KVGridProps) {\r\n  return (\r\n    <Box\r\n      sx={{\r\n        display: \"grid\",\r\n        gridTemplateColumns: `repeat(auto-fill, minmax(min(${minColumnWidth}px, 100%), 1fr))`,\r\n        /* `--s-3` stays the default here, deliberately: the Charter §2.3 `-s-4`\r\n         * « Gap formulaire » applies to FIELD grids, and a KV strip is denser\r\n         * read-only content with no control hit-areas to separate.\r\n         *\r\n         * `??` and not `||`: `gap={0}` is a legitimate value that `||`\r\n         * silently overwrote with the default (same latent defect fixed in\r\n         * FormGrid, gap G-13). */\r\n        gap: gap ?? \"var(--s-3)\",\r\n        ...sx,\r\n      }}\r\n      {...rest}\r\n    >\r\n      {children}\r\n    </Box>\r\n  );\r\n}\r\n\r\nexport default KVGrid;\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"KVGrid.js","names":["_Box","_interopRequireDefault","require","_jsxRuntime","e","__esModule","default","KVGrid","children","minColumnWidth","gap","sx","rest","jsx","display","gridTemplateColumns","_default","exports"],"sources":["../../../src/lib/v2/components/KVGrid.tsx"],"sourcesContent":["import Box from \"@mui/material/Box\";\r\nimport type { BoxProps } from \"@mui/material/Box\";\r\n\r\n/**\r\n * KVGrid — Portnet UI v2\r\n *\r\n * Charter §03 · auto-fill grid for KV (key/value) blocks. Replaces\r\n * the local KVGrid wrapper that host modules previously maintained\r\n * (audit Batch 2 violation C10 in ms-ti-fe — direct MUI Box parallel\r\n * auto-fill grid).\r\n *\r\n * Usage:\r\n *\r\n *   <KVGrid minColumnWidth={180}>\r\n *     <KV label=\"Description\" value={imp.description} />\r\n *     <KV label=\"Code PIN\"    value={imp.codePIN} mono />\r\n *     <KV label=\"IFU\"         value={imp.ifu}     mono />\r\n *     <KV label=\"N° RC\"       value={imp.numeroRc} mono />\r\n *   </KVGrid>\r\n *\r\n * Reflow strategy: `auto-fill, minmax(min(minColumnWidth, 100%), 1fr)`\r\n * — the browser packs as many cells per row as fit the container, each\r\n * cell ≥ minColumnWidth and stretching to share remaining space. The\r\n * `min(…, 100%)` clamp is load-bearing: it caps each track's minimum at\r\n * the container width so a container narrower than minColumnWidth (small\r\n * phones, deeply-nested padded cards, or a tuned-up minColumnWidth)\r\n * collapses to a single full-width column instead of overflowing the\r\n * viewport (WCAG 1.4.10 Reflow). No media queries, no breakpoint juggling.\r\n *\r\n * Designed to wrap v2.KV cells but accepts any children (renderer\r\n * is agnostic to KV internals).\r\n *\r\n * Props:\r\n *   minColumnWidth — track minimum in px (default 180). Tune\r\n *                    upward for long mono values, downward for\r\n *                    dense compact KV strips.\r\n *   gap            — grid gap; defaults to `var(--s-3)` (12px).\r\n *   sx             — escape hatch.\r\n */\r\n\r\nexport interface KVGridProps extends Omit<BoxProps, \"gap\"> {\r\n  minColumnWidth?: number | undefined;\r\n  gap?: string | number | undefined;\r\n}\r\n\r\nfunction KVGrid({ children, minColumnWidth = 180, gap, sx, ...rest }: KVGridProps) {\r\n  return (\r\n    <Box\r\n      sx={{\r\n        display: \"grid\",\r\n        gridTemplateColumns: `repeat(auto-fill, minmax(min(${minColumnWidth}px, 100%), 1fr))`,\r\n        /* `--s-3` stays the default here, deliberately: the Charter §2.3 `-s-4`\r\n         * « Gap formulaire » applies to FIELD grids, and a KV strip is denser\r\n         * read-only content with no control hit-areas to separate.\r\n         *\r\n         * `??` and not `||`: `gap={0}` is a legitimate value that `||`\r\n         * silently overwrote with the default (same latent defect fixed in\r\n         * FormGrid, gap G-13). */\r\n        gap: gap ?? \"var(--s-3)\",\r\n        ...sx,\r\n      }}\r\n      {...rest}\r\n    >\r\n      {children}\r\n    </Box>\r\n  );\r\n}\r\n\r\nexport default KVGrid;\r\n"],"mappings":";;;;;;AAAA,IAAAA,IAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAoC,IAAAC,WAAA,GAAAD,OAAA;AAAA,SAAAD,uBAAAG,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAGpC;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAOA,SAASG,MAAMA,CAAC;EAAEC,QAAQ;EAAEC,cAAc,GAAG,GAAG;EAAEC,GAAG;EAAEC,EAAE;EAAE,GAAGC;AAAkB,CAAC,EAAE;EACjF,oBACE,IAAAT,WAAA,CAAAU,GAAA,EAACb,IAAA,CAAAM,OAAG;IACFK,EAAE,EAAE;MACFG,OAAO,EAAE,MAAM;MACfC,mBAAmB,EAAE,gCAAgCN,cAAc,kBAAkB;MACrF;AACR;AACA;AACA;AACA;AACA;AACA;MACQC,GAAG,EAAEA,GAAG,IAAI,YAAY;MACxB,GAAGC;IACL,CAAE;IAAA,GACEC,IAAI;IAAAJ,QAAA,EAEPA;EAAQ,CACN,CAAC;AAEV;AAAC,IAAAQ,QAAA,GAAAC,OAAA,CAAAX,OAAA,GAEcC,MAAM","ignoreList":[]}