@portnet/ui 6.0.0 → 6.0.1

package/dist/v2/components/Stepper.js

@@ -9,6 +9,7 @@ exports["default"] = void 0;
 var React = _interopRequireWildcard(require("react"));
 var _Check = _interopRequireDefault(require("@mui/icons-material/Check"));
 var _Box = _interopRequireDefault(require("@mui/material/Box"));
+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); }
@@ -98,7 +99,15 @@ var DEFAULT_V_LABELS = Object.freeze({
   state: Object.freeze({
     complete: "Étape complétée. ",
     active: "Étape en cours. ",
-    pending: "Étape à venir. "
+    pending: "Étape à venir. ",
+    /* WCAG 1.4.1 — the fourth state was MISSING. VStepper accepts the same rich
+     * item shape as HStepper (see normalisedItems below: "so host modules can pass
+     * the same array to both steppers"), and HStepper documents
+     * `status: "disabled"` for wizard steps locked until the previous one is
+     * submitted. So a disabled step could reach VStepper and render an EMPTY
+     * sr-only span — its state conveyed by colour alone, which is precisely what
+     * the comment on that span forbids. No host had to do anything wrong. */
+    disabled: "Étape verrouillée. "
   })
 });
 var dotBaseStyle = {
@@ -236,7 +245,7 @@ function HStepper(_ref2) {
     onStepClick = _ref2.onStepClick,
     ariaLabel = _ref2.ariaLabel,
     labels = _ref2.labels;
-  var L = labels ? _objectSpread(_objectSpread({}, DEFAULT_H_LABELS), labels) : DEFAULT_H_LABELS;
+  var L = (0, _mergeLabels.mergeLabels)(DEFAULT_H_LABELS, labels);
   var navLabel = ariaLabel || L.nav;
   var jumpHandler = onJump || onStepClick;
   var normalised = normaliseSteps(steps, current);
@@ -314,9 +323,26 @@ function VStepper(_ref3) {
     titleAs = _ref3$titleAs === void 0 ? "h4" : _ref3$titleAs,
     labels = _ref3.labels,
     ariaLabel = _ref3.ariaLabel;
-  var L = labels ? _objectSpread(_objectSpread(_objectSpread({}, DEFAULT_V_LABELS), labels), {}, {
-    state: _objectSpread(_objectSpread({}, DEFAULT_V_LABELS.state), labels.state || {})
-  }) : DEFAULT_V_LABELS;
+  /*
+   * Nested-dictionary merge, both levels through the shared undefined-safe helper
+   * (gap G-24, fourth instance after Dropzone.reasons and DataGridLabels.
+   * pagination).
+   *
+   * The previous form spread `...labels` at the top level, so an explicitly-passed
+   * `undefined` on `nav` DELETED the default and left the <ol> without an
+   * accessible name (R-Ar.5). And the inner `|| {}` guarded the `state` sub-object
+   * against being undefined without guarding its VALUES — so
+   * `state: { complete: undefined }` emptied the sr-only span below and reduced the
+   * step's state to colour alone, defeating the WCAG 1.4.1 rule its own comment
+   * invokes.
+   *
+   * `state` is merged at its OWN level rather than through a recursive deep merge:
+   * two explicit levels can be read, a recursive helper hides how deep it goes.
+   * Same convention as _dataGridShared.
+   */
+  var L = labels ? (0, _mergeLabels.mergeLabels)(DEFAULT_V_LABELS, _objectSpread(_objectSpread({}, labels), {}, {
+    state: (0, _mergeLabels.mergeLabels)(DEFAULT_V_LABELS.state, labels.state)
+  })) : DEFAULT_V_LABELS;
   var navLabel = ariaLabel || L.nav;
 
   /* Accept the same rich-step shape HStepper uses, so host modules

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

@@ -1 +1 @@
-{"version":3,"file":"Stepper.js","names":["React","_interopRequireWildcard","require","_Check","_interopRequireDefault","_Box","_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","DEFAULT_H_LABELS","freeze","nav","item","n","label","state","suffix","concat","DEFAULT_V_LABELS","complete","active","pending","dotBaseStyle","width","height","borderRadius","display","placeItems","fontSize","fontWeight","flex","border","transition","stateStyle","background","borderColor","color","StepInner","_ref","index","jsxs","Fragment","children","jsx","style","whiteSpace","stepBoxSx","alignItems","gap","padding","font","textAlign","outline","outlineOffset","isRichStep","s","Array","isArray","isValidElement","normaliseStatusToState","status","normaliseSteps","steps","current","map","_rich$id","rich","id","clickable","HStepper","_ref2","_ref2$current","onJump","onStepClick","ariaLabel","labels","L","navLabel","jumpHandler","normalised","overflowX","step","a11yLabel","component","type","onClick","sx","cursor","minWidth","VStepper","_ref3","items","_ref3$titleAs","titleAs","normalisedItems","it","_it$title","title","meta","timestamp","actor","listStyle","margin","_it$state","st","paddingBottom","position","className","lineHeight","left","top","bottom","_default","exports"],"sources":["../../../src/lib/v2/components/Stepper.tsx"],"sourcesContent":["import * as React from \"react\";\r\nimport CheckIcon from \"@mui/icons-material/Check\";\r\nimport Box from \"@mui/material/Box\";\r\nimport type { SxProps, Theme } from \"@mui/material/styles\";\r\n\r\n/**\r\n * Stepper - Portnet UI v2\r\n *\r\n * Charter §03 · Component \"Stepper\". Required on flows ≥ 3 steps (R-3.4).\r\n *\r\n * Two ways to drive HStepper:\r\n *\r\n *  1. SIMPLE mode — plain labels + `current` index (Charter default):\r\n *\r\n *       <HStepper\r\n *         steps={[\"Identification\", \"Marchandise\", \"Banque\", \"Validation\"]}\r\n *         current={1}\r\n *         onJump={i => goTo(i)}\r\n *       />\r\n *\r\n *  2. RICH mode — objects carry their own state, including a \"disabled\"\r\n *     state for locked future steps (used by wizards where step N is\r\n *     unavailable until step N-1 has been submitted):\r\n *\r\n *       <HStepper\r\n *         steps={[\r\n *           { id: \"importateur\", label: \"Importateur\",  status: \"completed\" },\r\n *           { id: \"donneesTI\",   label: \"Données\",      status: \"current\"   },\r\n *           { id: \"marchandises\",label: \"Marchandises\", status: \"disabled\"  },\r\n *           { id: \"revision\",    label: \"Révision\",     status: \"pending\"   },\r\n *         ]}\r\n *         onStepClick={i => goTo(i)}\r\n *         ariaLabel=\"Étapes de création du titre\"\r\n *       />\r\n *\r\n *     status values: \"current\" | \"active\" | \"completed\" | \"complete\" |\r\n *                    \"pending\" | \"disabled\"\r\n *     (\"current\"/\"active\" and \"completed\"/\"complete\" are accepted as\r\n *     synonyms to ease migration from host modules.)\r\n *\r\n *  VStepper — vertical history/progression timeline. Each item may carry\r\n *  `timestamp` (date/time of the action) and `actor` (the user who did it);\r\n *  they render as a muted \"timestamp · actor\" line under the title. `meta`\r\n *  still works for free-form text (e.g. \"En cours\" on the active step):\r\n *\r\n *    <VStepper items={[\r\n *       { status: \"completed\", title: \"Titre d'importation créé\",\r\n *         timestamp: \"27/03/2025 09:48\", actor: \"dsmoimp\" },\r\n *       { status: \"completed\", title: \"Soumis à la banque (CITIBANK)\",\r\n *         timestamp: \"27/03/2025 10:16\", actor: \"Transit Jebli\" },\r\n *       { status: \"active\",    title: \"En attente de réponse banque\", meta: \"En cours\" },\r\n *    ]} />\r\n *\r\n * Localisation (FR / EN / AR):\r\n *   <HStepper labels={{\r\n *     nav:  \"Form steps\",\r\n *     item: (n, label, state) =>\r\n *       `Step ${n}: ${label} (${\r\n *         state === \"complete\" ? \"completed\" :\r\n *         state === \"active\"   ? \"in progress\" : \"upcoming\"\r\n *       })`,\r\n *   }} />\r\n *\r\n *   <VStepper labels={{\r\n *     nav:   \"Step history\",\r\n *     state: { complete: \"Completed step.\", active: \"Current step.\", pending: \"Upcoming step.\" },\r\n *   }} />\r\n *\r\n * A11y note (R-Ar.1):\r\n *   Clickable HStepper steps render as real <button> elements.\r\n *   VStepper's per-item title element is host-configurable via\r\n *   `titleAs` so the page heading hierarchy stays consistent.\r\n */\r\n\r\nexport type StepState = \"complete\" | \"active\" | \"pending\" | \"disabled\";\r\nexport type StepStatus =\r\n  | \"current\"\r\n  | \"active\"\r\n  | \"completed\"\r\n  | \"complete\"\r\n  | \"pending\"\r\n  | \"disabled\";\r\n\r\nexport interface HStepperRichStep {\r\n  id?: string | number;\r\n  label?: React.ReactNode;\r\n  status?: StepStatus;\r\n}\r\n\r\nexport type HStepperStep = React.ReactNode | HStepperRichStep;\r\n\r\ninterface NormalisedStep {\r\n  key: React.Key;\r\n  label: React.ReactNode;\r\n  state: StepState;\r\n  clickable: boolean;\r\n}\r\n\r\nconst DEFAULT_H_LABELS = Object.freeze({\r\n  nav: \"Étapes du formulaire\",\r\n  item: (n: number, label: React.ReactNode, state: StepState): string => {\r\n    const suffix =\r\n      state === \"complete\" ? \" (complétée)\" :\r\n      state === \"active\"   ? \" (en cours)\"   :\r\n      state === \"disabled\" ? \" (verrouillée)\" : \" (à venir)\";\r\n    return `Étape ${n} : ${label}${suffix}`;\r\n  },\r\n});\r\n\r\nconst DEFAULT_V_LABELS: {\r\n  nav: string;\r\n  state: Partial<Record<StepState, string>>;\r\n} = Object.freeze({\r\n  nav: \"Historique des étapes\",\r\n  state: Object.freeze({\r\n    complete: \"Étape complétée. \",\r\n    active:   \"Étape en cours. \",\r\n    pending:  \"Étape à venir. \",\r\n  }),\r\n});\r\n\r\nconst dotBaseStyle: React.CSSProperties = {\r\n  width: 24,\r\n  height: 24,\r\n  borderRadius: \"50%\",\r\n  display: \"grid\",\r\n  placeItems: \"center\",\r\n  fontSize: \"var(--text-xs)\",\r\n  fontWeight: \"var(--fw-semibold)\",\r\n  flex: \"0 0 auto\",\r\n  border: \"2px solid\",\r\n  transition:\r\n    \"background var(--duration-base, 180ms), color var(--duration-base, 180ms), border-color var(--duration-base, 180ms)\",\r\n};\r\n\r\nconst stateStyle = (state: StepState): React.CSSProperties => {\r\n  if (state === \"complete\") {\r\n    return { background: \"var(--accent)\", borderColor: \"var(--accent)\", color: \"var(--accent-fg)\" };\r\n  }\r\n  if (state === \"active\") {\r\n    return { background: \"var(--surface)\", borderColor: \"var(--accent)\", color: \"var(--accent)\" };\r\n  }\r\n  if (state === \"disabled\") {\r\n    return { background: \"var(--bg-subtle)\", borderColor: \"var(--border)\", color: \"var(--fg-subtle)\" };\r\n  }\r\n  return { background: \"var(--surface)\", borderColor: \"var(--border-strong)\", color: \"var(--fg-subtle)\" };\r\n};\r\n\r\ninterface StepInnerProps {\r\n  index: number;\r\n  label: React.ReactNode;\r\n  state: StepState;\r\n}\r\n\r\n// Inner content shared between the clickable <button> and the\r\n// non-interactive <span> renderings of an HStepper step.\r\nfunction StepInner({ index, label, state }: StepInnerProps) {\r\n  return (\r\n    <>\r\n      <span style={{ ...dotBaseStyle, ...stateStyle(state) }}>\r\n        {state === \"complete\" ? <CheckIcon fontSize=\"inherit\" /> : index + 1}\r\n      </span>\r\n      <span\r\n        style={{\r\n          fontSize: \"var(--text-sm)\",\r\n          // Was 650 (non-standard, banned by Batch 1 typography tokens).\r\n          // var(--fw-semibold) (600) is the canonical \"emphasised\" weight.\r\n          fontWeight: state === \"active\" ? \"var(--fw-semibold)\" : \"var(--fw-medium)\",\r\n          color:\r\n            state === \"pending\"  ? \"var(--fg-subtle)\" :\r\n            state === \"disabled\" ? \"var(--fg-muted)\"  : \"var(--fg)\",\r\n          whiteSpace: \"nowrap\",\r\n        }}\r\n      >\r\n        {label}\r\n      </span>\r\n    </>\r\n  );\r\n}\r\n\r\nconst stepBoxSx = {\r\n  display: \"flex\",\r\n  alignItems: \"center\",\r\n  gap: 1,\r\n  padding: \"var(--s-1) calc(var(--s-1) + 2px)\",\r\n  borderRadius: \"var(--r-md)\",\r\n  // Reset native <button> styling to match the previous Box look.\r\n  background: \"transparent\",\r\n  border: 0,\r\n  font: \"inherit\",\r\n  textAlign: \"left\",\r\n  \"&:focus-visible\": {\r\n    outline: \"2px solid var(--accent)\",\r\n    outlineOffset: \"var(--pui-outline-offset)\",\r\n  },\r\n} satisfies SxProps<Theme>;\r\n\r\n/* Detect whether the `steps` array carries plain labels (legacy)\r\n * or rich {id, label, status} objects. ReactElements (icons,\r\n * fragments) and strings are treated as plain labels.\r\n * Plain boolean predicate (not a type guard): the rich object shape\r\n * for VStepper also carries title/meta/etc., so narrowing to\r\n * HStepperRichStep here would hide those fields. */\r\nfunction isRichStep(s: unknown): boolean {\r\n  return (\r\n    s != null &&\r\n    typeof s === \"object\" &&\r\n    !Array.isArray(s) &&\r\n    !React.isValidElement(s) &&\r\n    (\"label\" in s || \"status\" in s)\r\n  );\r\n}\r\n\r\nfunction normaliseStatusToState(status: StepStatus | undefined): StepState {\r\n  if (status === \"current\"   || status === \"active\")    return \"active\";\r\n  if (status === \"completed\" || status === \"complete\")  return \"complete\";\r\n  if (status === \"disabled\") return \"disabled\";\r\n  return \"pending\";\r\n}\r\n\r\n/* Convert rich steps to the legacy { label, state, clickable, key }\r\n * shape consumed by the rendering loop. */\r\nfunction normaliseSteps(steps: HStepperStep[], current: number): NormalisedStep[] {\r\n  if (steps.length === 0) return [];\r\n  if (isRichStep(steps[0])) {\r\n    return steps.map((s, i): NormalisedStep => {\r\n      const rich = s as HStepperRichStep;\r\n      const state = normaliseStatusToState(rich.status);\r\n      return {\r\n        key:       rich.id ?? i,\r\n        label:     rich.label,\r\n        state,\r\n        // Disabled steps are never clickable. Other rich states\r\n        // remain clickable so the host can offer free navigation.\r\n        clickable: state !== \"disabled\",\r\n      };\r\n    });\r\n  }\r\n  // Legacy: plain labels driven by `current`.\r\n  return steps.map((label, i): NormalisedStep => ({\r\n    key:       i,\r\n    label:     label as React.ReactNode,\r\n    state:     i < current ? \"complete\" : i === current ? \"active\" : \"pending\",\r\n    clickable: i <= current,\r\n  }));\r\n}\r\n\r\nexport interface HStepperLabels {\r\n  nav?: string;\r\n  item?: (n: number, label: React.ReactNode, state: StepState) => string;\r\n}\r\n\r\nexport interface HStepperProps {\r\n  /**\r\n   * Either an array of plain labels (strings/nodes) driven by\r\n   * `current`, or an array of `{ id?, label, status }` objects\r\n   * where status carries the per-step state.\r\n   */\r\n  steps: HStepperStep[];\r\n  /** Legacy: index of the active step. Ignored when `steps` are rich objects. */\r\n  current?: number;\r\n  /** Click handler. Receives the step index. */\r\n  onJump?: (index: number) => void;\r\n  /** Alias of `onJump` (some host modules used this name). */\r\n  onStepClick?: (index: number) => void;\r\n  /** Shortcut for `labels.nav`. */\r\n  ariaLabel?: string;\r\n  /** Full i18n override; see file header. */\r\n  labels?: HStepperLabels;\r\n}\r\n\r\nexport function HStepper({\r\n  steps,\r\n  current = 0,\r\n  onJump,\r\n  onStepClick,\r\n  ariaLabel,\r\n  labels,\r\n}: HStepperProps) {\r\n  const L = labels ? { ...DEFAULT_H_LABELS, ...labels } : DEFAULT_H_LABELS;\r\n  const navLabel = ariaLabel || L.nav;\r\n  const jumpHandler = onJump || onStepClick;\r\n\r\n  const normalised = normaliseSteps(steps, current);\r\n\r\n  return (\r\n    <nav\r\n      aria-label={navLabel}\r\n      style={{\r\n        display: \"flex\",\r\n        alignItems: \"center\",\r\n        gap: 8,\r\n        padding: \"12px 0\",\r\n        overflowX: \"auto\",\r\n      }}\r\n    >\r\n      {normalised.map((step, i) => {\r\n        const a11yLabel = L.item(i + 1, step.label, step.state);\r\n        return (\r\n          <React.Fragment key={step.key}>\r\n            {step.clickable ? (\r\n              <Box\r\n                component=\"button\"\r\n                type=\"button\"\r\n                aria-current={step.state === \"active\" ? \"step\" : undefined}\r\n                aria-label={a11yLabel}\r\n                onClick={() => jumpHandler?.(i)}\r\n                sx={{ ...stepBoxSx, cursor: \"pointer\" }}\r\n              >\r\n                <StepInner index={i} label={step.label} state={step.state} />\r\n              </Box>\r\n            ) : (\r\n              <Box\r\n                component=\"span\"\r\n                aria-label={a11yLabel}\r\n                aria-disabled={step.state === \"disabled\" ? \"true\" : undefined}\r\n                sx={{ ...stepBoxSx, cursor: \"default\" }}\r\n              >\r\n                <StepInner index={i} label={step.label} state={step.state} />\r\n              </Box>\r\n            )}\r\n            {i < normalised.length - 1 && (\r\n              <Box\r\n                aria-hidden=\"true\"\r\n                sx={{\r\n                  flex: 1,\r\n                  minWidth: 24,\r\n                  height: 2,\r\n                  background: step.state === \"complete\" ? \"var(--accent)\" : \"var(--border)\",\r\n                  borderRadius: 1,\r\n                }}\r\n              />\r\n            )}\r\n          </React.Fragment>\r\n        );\r\n      })}\r\n    </nav>\r\n  );\r\n}\r\n\r\nexport interface VStepperItem {\r\n  state?: StepState;\r\n  status?: StepStatus;\r\n  title?: React.ReactNode;\r\n  label?: React.ReactNode;\r\n  meta?: React.ReactNode;\r\n  timestamp?: React.ReactNode;\r\n  actor?: React.ReactNode;\r\n}\r\n\r\nexport interface VStepperLabels {\r\n  nav?: string;\r\n  state?: Partial<Record<\"complete\" | \"active\" | \"pending\", string>>;\r\n}\r\n\r\nexport interface VStepperProps {\r\n  items: VStepperItem[];\r\n  titleAs?: \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\" | \"div\" | \"span\" | \"p\";\r\n  ariaLabel?: string;\r\n  labels?: VStepperLabels;\r\n}\r\n\r\n/**\r\n * VStepper - vertical historical / progression stepper.\r\n *\r\n * @param items     - list of { state|status, title, meta?, timestamp?, actor? }.\r\n *                    `timestamp` (date/time) + `actor` (user) render as a\r\n *                    muted \"timestamp · actor\" line under the title; `meta`\r\n *                    renders on its own line (free-form, e.g. \"En cours\").\r\n * @param titleAs   - element used for each step title. Defaults to \"h4\".\r\n *                    Hosts whose outline already used h2/h3 above the\r\n *                    stepper should pick the next level (e.g. titleAs=\"h3\"\r\n *                    after an h2 ActionBar title). Pass \"div\"/\"span\" to\r\n *                    opt out of heading semantics entirely.\r\n * @param labels    - i18n overrides; see file header.\r\n */\r\nexport function VStepper({ items, titleAs = \"h4\", labels, ariaLabel }: VStepperProps) {\r\n  const L = labels\r\n    ? {\r\n        ...DEFAULT_V_LABELS,\r\n        ...labels,\r\n        state: { ...DEFAULT_V_LABELS.state, ...(labels.state || {}) },\r\n      }\r\n    : DEFAULT_V_LABELS;\r\n  const navLabel = ariaLabel || L.nav;\r\n\r\n  /* Accept the same rich-step shape HStepper uses, so host modules\r\n   * can pass the same array to both steppers without re-mapping. */\r\n  const normalisedItems = items.map((it) => {\r\n    if (isRichStep(it) && it.status !== undefined) {\r\n      return {\r\n        state: normaliseStatusToState(it.status),\r\n        title: it.title ?? it.label,\r\n        meta:  it.meta,\r\n        timestamp: it.timestamp,\r\n        actor: it.actor,\r\n      };\r\n    }\r\n    return it;\r\n  });\r\n\r\n  return (\r\n    <ol style={{ listStyle: \"none\", padding: 0, margin: 0 }} aria-label={navLabel}>\r\n      {normalisedItems.map((it, i) => {\r\n        const st: StepState = it.state ?? \"pending\";\r\n        return (\r\n          <li\r\n            key={i}\r\n            aria-current={st === \"active\" ? \"step\" : undefined}\r\n            style={{\r\n              display: \"flex\",\r\n              gap: 12,\r\n              paddingBottom: i < normalisedItems.length - 1 ? 16 : 0,\r\n              position: \"relative\",\r\n            }}\r\n          >\r\n            <span aria-hidden=\"true\" style={{ ...dotBaseStyle, ...stateStyle(st) }}>\r\n              {st === \"complete\" ? <CheckIcon fontSize=\"inherit\" /> : i + 1}\r\n            </span>\r\n            {/* WCAG 1.4.1 - convey state in text, not only colour. */}\r\n            <span className=\"pui-sr-only\">{L.state[st]}</span>\r\n            <div style={{ flex: 1 }}>\r\n              <Box\r\n                component={titleAs}\r\n                sx={{\r\n                  margin: 0,\r\n                  fontSize: \"var(--text-sm)\",\r\n                  fontWeight: \"var(--fw-semibold)\",\r\n                  color: \"var(--fg)\",\r\n                  lineHeight: \"var(--lh-snug)\",\r\n                }}\r\n              >\r\n                {it.title}\r\n              </Box>\r\n              {(it.timestamp != null || it.actor != null) && (\r\n                <p\r\n                  style={{\r\n                    margin: \"2px 0 0\",\r\n                    fontSize: \"var(--text-xs)\",\r\n                    color: \"var(--fg-subtle)\",\r\n                  }}\r\n                >\r\n                  {it.timestamp != null ? it.timestamp : null}\r\n                  {it.timestamp != null && it.actor != null ? \" · \" : null}\r\n                  {it.actor != null ? (\r\n                    <span style={{ color: \"var(--fg-muted)\", fontWeight: \"var(--fw-medium)\" }}>\r\n                      {it.actor}\r\n                    </span>\r\n                  ) : null}\r\n                </p>\r\n              )}\r\n              {it.meta != null && it.meta !== \"\" && (\r\n                <p\r\n                  style={{\r\n                    margin: \"2px 0 0\",\r\n                    fontSize: \"var(--text-xs)\",\r\n                    color: \"var(--fg-subtle)\",\r\n                  }}\r\n                >\r\n                  {it.meta}\r\n                </p>\r\n              )}\r\n            </div>\r\n            {i < normalisedItems.length - 1 && (\r\n              <span\r\n                aria-hidden=\"true\"\r\n                style={{\r\n                  position: \"absolute\",\r\n                  left: 11, top: 26, bottom: 0,\r\n                  width: 2,\r\n                  background: \"var(--border)\",\r\n                }}\r\n              />\r\n            )}\r\n          </li>\r\n        );\r\n      })}\r\n    </ol>\r\n  );\r\n}\r\n\r\nexport default HStepper;\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Stepper.js","names":["React","_interopRequireWildcard","require","_Check","_interopRequireDefault","_Box","_mergeLabels","_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","DEFAULT_H_LABELS","freeze","nav","item","n","label","state","suffix","concat","DEFAULT_V_LABELS","complete","active","pending","disabled","dotBaseStyle","width","height","borderRadius","display","placeItems","fontSize","fontWeight","flex","border","transition","stateStyle","background","borderColor","color","StepInner","_ref","index","jsxs","Fragment","children","jsx","style","whiteSpace","stepBoxSx","alignItems","gap","padding","font","textAlign","outline","outlineOffset","isRichStep","s","Array","isArray","isValidElement","normaliseStatusToState","status","normaliseSteps","steps","current","map","_rich$id","rich","id","clickable","HStepper","_ref2","_ref2$current","onJump","onStepClick","ariaLabel","labels","L","mergeLabels","navLabel","jumpHandler","normalised","overflowX","step","a11yLabel","component","type","onClick","sx","cursor","minWidth","VStepper","_ref3","items","_ref3$titleAs","titleAs","normalisedItems","it","_it$title","title","meta","timestamp","actor","listStyle","margin","_it$state","st","paddingBottom","position","className","lineHeight","left","top","bottom","_default","exports"],"sources":["../../../src/lib/v2/components/Stepper.tsx"],"sourcesContent":["import * as React from \"react\";\r\nimport CheckIcon from \"@mui/icons-material/Check\";\r\nimport Box from \"@mui/material/Box\";\r\nimport type { SxProps, Theme } from \"@mui/material/styles\";\r\nimport { mergeLabels } from \"../utils/mergeLabels\";\r\n\r\n/**\r\n * Stepper - Portnet UI v2\r\n *\r\n * Charter §03 · Component \"Stepper\". Required on flows ≥ 3 steps (R-3.4).\r\n *\r\n * Two ways to drive HStepper:\r\n *\r\n *  1. SIMPLE mode — plain labels + `current` index (Charter default):\r\n *\r\n *       <HStepper\r\n *         steps={[\"Identification\", \"Marchandise\", \"Banque\", \"Validation\"]}\r\n *         current={1}\r\n *         onJump={i => goTo(i)}\r\n *       />\r\n *\r\n *  2. RICH mode — objects carry their own state, including a \"disabled\"\r\n *     state for locked future steps (used by wizards where step N is\r\n *     unavailable until step N-1 has been submitted):\r\n *\r\n *       <HStepper\r\n *         steps={[\r\n *           { id: \"importateur\", label: \"Importateur\",  status: \"completed\" },\r\n *           { id: \"donneesTI\",   label: \"Données\",      status: \"current\"   },\r\n *           { id: \"marchandises\",label: \"Marchandises\", status: \"disabled\"  },\r\n *           { id: \"revision\",    label: \"Révision\",     status: \"pending\"   },\r\n *         ]}\r\n *         onStepClick={i => goTo(i)}\r\n *         ariaLabel=\"Étapes de création du titre\"\r\n *       />\r\n *\r\n *     status values: \"current\" | \"active\" | \"completed\" | \"complete\" |\r\n *                    \"pending\" | \"disabled\"\r\n *     (\"current\"/\"active\" and \"completed\"/\"complete\" are accepted as\r\n *     synonyms to ease migration from host modules.)\r\n *\r\n *  VStepper — vertical history/progression timeline. Each item may carry\r\n *  `timestamp` (date/time of the action) and `actor` (the user who did it);\r\n *  they render as a muted \"timestamp · actor\" line under the title. `meta`\r\n *  still works for free-form text (e.g. \"En cours\" on the active step):\r\n *\r\n *    <VStepper items={[\r\n *       { status: \"completed\", title: \"Titre d'importation créé\",\r\n *         timestamp: \"27/03/2025 09:48\", actor: \"dsmoimp\" },\r\n *       { status: \"completed\", title: \"Soumis à la banque (CITIBANK)\",\r\n *         timestamp: \"27/03/2025 10:16\", actor: \"Transit Jebli\" },\r\n *       { status: \"active\",    title: \"En attente de réponse banque\", meta: \"En cours\" },\r\n *    ]} />\r\n *\r\n * Localisation (FR / EN / AR):\r\n *   <HStepper labels={{\r\n *     nav:  \"Form steps\",\r\n *     item: (n, label, state) =>\r\n *       `Step ${n}: ${label} (${\r\n *         state === \"complete\" ? \"completed\" :\r\n *         state === \"active\"   ? \"in progress\" : \"upcoming\"\r\n *       })`,\r\n *   }} />\r\n *\r\n *   <VStepper labels={{\r\n *     nav:   \"Step history\",\r\n *     state: { complete: \"Completed step.\", active: \"Current step.\", pending: \"Upcoming step.\" },\r\n *   }} />\r\n *\r\n * A11y note (R-Ar.1):\r\n *   Clickable HStepper steps render as real <button> elements.\r\n *   VStepper's per-item title element is host-configurable via\r\n *   `titleAs` so the page heading hierarchy stays consistent.\r\n */\r\n\r\nexport type StepState = \"complete\" | \"active\" | \"pending\" | \"disabled\";\r\nexport type StepStatus =\r\n  | \"current\"\r\n  | \"active\"\r\n  | \"completed\"\r\n  | \"complete\"\r\n  | \"pending\"\r\n  | \"disabled\";\r\n\r\nexport interface HStepperRichStep {\r\n  id?: string | number | undefined;\r\n  label?: React.ReactNode | undefined;\r\n  status?: StepStatus | undefined;\r\n}\r\n\r\nexport type HStepperStep = React.ReactNode | HStepperRichStep;\r\n\r\ninterface NormalisedStep {\r\n  key: React.Key;\r\n  label: React.ReactNode;\r\n  state: StepState;\r\n  clickable: boolean;\r\n}\r\n\r\nconst DEFAULT_H_LABELS = Object.freeze({\r\n  nav: \"Étapes du formulaire\",\r\n  item: (n: number, label: React.ReactNode, state: StepState): string => {\r\n    const suffix =\r\n      state === \"complete\" ? \" (complétée)\" :\r\n      state === \"active\"   ? \" (en cours)\"   :\r\n      state === \"disabled\" ? \" (verrouillée)\" : \" (à venir)\";\r\n    return `Étape ${n} : ${label}${suffix}`;\r\n  },\r\n});\r\n\r\nconst DEFAULT_V_LABELS: {\r\n  nav: string;\r\n  state: Partial<Record<StepState, string>>;\r\n} = Object.freeze({\r\n  nav: \"Historique des étapes\",\r\n  state: Object.freeze({\r\n    complete: \"Étape complétée. \",\r\n    active:   \"Étape en cours. \",\r\n    pending:  \"Étape à venir. \",\r\n    /* WCAG 1.4.1 — the fourth state was MISSING. VStepper accepts the same rich\r\n     * item shape as HStepper (see normalisedItems below: \"so host modules can pass\r\n     * the same array to both steppers\"), and HStepper documents\r\n     * `status: \"disabled\"` for wizard steps locked until the previous one is\r\n     * submitted. So a disabled step could reach VStepper and render an EMPTY\r\n     * sr-only span — its state conveyed by colour alone, which is precisely what\r\n     * the comment on that span forbids. No host had to do anything wrong. */\r\n    disabled: \"Étape verrouillée. \",\r\n  }),\r\n});\r\n\r\nconst dotBaseStyle: React.CSSProperties = {\r\n  width: 24,\r\n  height: 24,\r\n  borderRadius: \"50%\",\r\n  display: \"grid\",\r\n  placeItems: \"center\",\r\n  fontSize: \"var(--text-xs)\",\r\n  fontWeight: \"var(--fw-semibold)\",\r\n  flex: \"0 0 auto\",\r\n  border: \"2px solid\",\r\n  transition:\r\n    \"background var(--duration-base, 180ms), color var(--duration-base, 180ms), border-color var(--duration-base, 180ms)\",\r\n};\r\n\r\nconst stateStyle = (state: StepState): React.CSSProperties => {\r\n  if (state === \"complete\") {\r\n    return { background: \"var(--accent)\", borderColor: \"var(--accent)\", color: \"var(--accent-fg)\" };\r\n  }\r\n  if (state === \"active\") {\r\n    return { background: \"var(--surface)\", borderColor: \"var(--accent)\", color: \"var(--accent)\" };\r\n  }\r\n  if (state === \"disabled\") {\r\n    return { background: \"var(--bg-subtle)\", borderColor: \"var(--border)\", color: \"var(--fg-subtle)\" };\r\n  }\r\n  return { background: \"var(--surface)\", borderColor: \"var(--border-strong)\", color: \"var(--fg-subtle)\" };\r\n};\r\n\r\ninterface StepInnerProps {\r\n  index: number;\r\n  label: React.ReactNode;\r\n  state: StepState;\r\n}\r\n\r\n// Inner content shared between the clickable <button> and the\r\n// non-interactive <span> renderings of an HStepper step.\r\nfunction StepInner({ index, label, state }: StepInnerProps) {\r\n  return (\r\n    <>\r\n      <span style={{ ...dotBaseStyle, ...stateStyle(state) }}>\r\n        {state === \"complete\" ? <CheckIcon fontSize=\"inherit\" /> : index + 1}\r\n      </span>\r\n      <span\r\n        style={{\r\n          fontSize: \"var(--text-sm)\",\r\n          // Was 650 (non-standard, banned by Batch 1 typography tokens).\r\n          // var(--fw-semibold) (600) is the canonical \"emphasised\" weight.\r\n          fontWeight: state === \"active\" ? \"var(--fw-semibold)\" : \"var(--fw-medium)\",\r\n          color:\r\n            state === \"pending\"  ? \"var(--fg-subtle)\" :\r\n            state === \"disabled\" ? \"var(--fg-muted)\"  : \"var(--fg)\",\r\n          whiteSpace: \"nowrap\",\r\n        }}\r\n      >\r\n        {label}\r\n      </span>\r\n    </>\r\n  );\r\n}\r\n\r\nconst stepBoxSx = {\r\n  display: \"flex\",\r\n  alignItems: \"center\",\r\n  gap: 1,\r\n  padding: \"var(--s-1) calc(var(--s-1) + 2px)\",\r\n  borderRadius: \"var(--r-md)\",\r\n  // Reset native <button> styling to match the previous Box look.\r\n  background: \"transparent\",\r\n  border: 0,\r\n  font: \"inherit\",\r\n  textAlign: \"left\",\r\n  \"&:focus-visible\": {\r\n    outline: \"2px solid var(--accent)\",\r\n    outlineOffset: \"var(--pui-outline-offset)\",\r\n  },\r\n} satisfies SxProps<Theme>;\r\n\r\n/* Detect whether the `steps` array carries plain labels (legacy)\r\n * or rich {id, label, status} objects. ReactElements (icons,\r\n * fragments) and strings are treated as plain labels.\r\n * Plain boolean predicate (not a type guard): the rich object shape\r\n * for VStepper also carries title/meta/etc., so narrowing to\r\n * HStepperRichStep here would hide those fields. */\r\nfunction isRichStep(s: unknown): boolean {\r\n  return (\r\n    s != null &&\r\n    typeof s === \"object\" &&\r\n    !Array.isArray(s) &&\r\n    !React.isValidElement(s) &&\r\n    (\"label\" in s || \"status\" in s)\r\n  );\r\n}\r\n\r\nfunction normaliseStatusToState(status: StepStatus | undefined): StepState {\r\n  if (status === \"current\"   || status === \"active\")    return \"active\";\r\n  if (status === \"completed\" || status === \"complete\")  return \"complete\";\r\n  if (status === \"disabled\") return \"disabled\";\r\n  return \"pending\";\r\n}\r\n\r\n/* Convert rich steps to the legacy { label, state, clickable, key }\r\n * shape consumed by the rendering loop. */\r\nfunction normaliseSteps(steps: HStepperStep[], current: number): NormalisedStep[] {\r\n  if (steps.length === 0) return [];\r\n  if (isRichStep(steps[0])) {\r\n    return steps.map((s, i): NormalisedStep => {\r\n      const rich = s as HStepperRichStep;\r\n      const state = normaliseStatusToState(rich.status);\r\n      return {\r\n        key:       rich.id ?? i,\r\n        label:     rich.label,\r\n        state,\r\n        // Disabled steps are never clickable. Other rich states\r\n        // remain clickable so the host can offer free navigation.\r\n        clickable: state !== \"disabled\",\r\n      };\r\n    });\r\n  }\r\n  // Legacy: plain labels driven by `current`.\r\n  return steps.map((label, i): NormalisedStep => ({\r\n    key:       i,\r\n    label:     label as React.ReactNode,\r\n    state:     i < current ? \"complete\" : i === current ? \"active\" : \"pending\",\r\n    clickable: i <= current,\r\n  }));\r\n}\r\n\r\nexport interface HStepperLabels {\r\n  nav?: string | undefined;\r\n  item?: ((n: number, label: React.ReactNode, state: StepState) => string) | undefined;\r\n}\r\n\r\nexport interface HStepperProps {\r\n  /**\r\n   * Either an array of plain labels (strings/nodes) driven by\r\n   * `current`, or an array of `{ id?, label, status }` objects\r\n   * where status carries the per-step state.\r\n   */\r\n  steps: HStepperStep[];\r\n  /** Legacy: index of the active step. Ignored when `steps` are rich objects. */\r\n  current?: number | undefined;\r\n  /** Click handler. Receives the step index. */\r\n  onJump?: ((index: number) => void) | undefined;\r\n  /** Alias of `onJump` (some host modules used this name). */\r\n  onStepClick?: ((index: number) => void) | undefined;\r\n  /** Shortcut for `labels.nav`. */\r\n  ariaLabel?: string | undefined;\r\n  /** Full i18n override; see file header. */\r\n  labels?: HStepperLabels | undefined;\r\n}\r\n\r\nexport function HStepper({\r\n  steps,\r\n  current = 0,\r\n  onJump,\r\n  onStepClick,\r\n  ariaLabel,\r\n  labels,\r\n}: HStepperProps) {\r\n  const L = mergeLabels(DEFAULT_H_LABELS, labels);\r\n  const navLabel = ariaLabel || L.nav;\r\n  const jumpHandler = onJump || onStepClick;\r\n\r\n  const normalised = normaliseSteps(steps, current);\r\n\r\n  return (\r\n    <nav\r\n      aria-label={navLabel}\r\n      style={{\r\n        display: \"flex\",\r\n        alignItems: \"center\",\r\n        gap: 8,\r\n        padding: \"12px 0\",\r\n        overflowX: \"auto\",\r\n      }}\r\n    >\r\n      {normalised.map((step, i) => {\r\n        const a11yLabel = L.item(i + 1, step.label, step.state);\r\n        return (\r\n          <React.Fragment key={step.key}>\r\n            {step.clickable ? (\r\n              <Box\r\n                component=\"button\"\r\n                type=\"button\"\r\n                aria-current={step.state === \"active\" ? \"step\" : undefined}\r\n                aria-label={a11yLabel}\r\n                onClick={() => jumpHandler?.(i)}\r\n                sx={{ ...stepBoxSx, cursor: \"pointer\" }}\r\n              >\r\n                <StepInner index={i} label={step.label} state={step.state} />\r\n              </Box>\r\n            ) : (\r\n              <Box\r\n                component=\"span\"\r\n                aria-label={a11yLabel}\r\n                aria-disabled={step.state === \"disabled\" ? \"true\" : undefined}\r\n                sx={{ ...stepBoxSx, cursor: \"default\" }}\r\n              >\r\n                <StepInner index={i} label={step.label} state={step.state} />\r\n              </Box>\r\n            )}\r\n            {i < normalised.length - 1 && (\r\n              <Box\r\n                aria-hidden=\"true\"\r\n                sx={{\r\n                  flex: 1,\r\n                  minWidth: 24,\r\n                  height: 2,\r\n                  background: step.state === \"complete\" ? \"var(--accent)\" : \"var(--border)\",\r\n                  borderRadius: 1,\r\n                }}\r\n              />\r\n            )}\r\n          </React.Fragment>\r\n        );\r\n      })}\r\n    </nav>\r\n  );\r\n}\r\n\r\nexport interface VStepperItem {\r\n  state?: StepState | undefined;\r\n  status?: StepStatus | undefined;\r\n  title?: React.ReactNode | undefined;\r\n  label?: React.ReactNode | undefined;\r\n  meta?: React.ReactNode | undefined;\r\n  timestamp?: React.ReactNode | undefined;\r\n  actor?: React.ReactNode | undefined;\r\n}\r\n\r\nexport interface VStepperLabels {\r\n  nav?: string | undefined;\r\n  /**\r\n   * SR-only sentence per step state. Widened from the three visible states to the\r\n   * full `StepState` union: `disabled` was unreachable for hosts even though\r\n   * VStepper accepts disabled items, so its text alternative could not be\r\n   * translated (WCAG 1.4.1 + R-Ar.3).\r\n   */\r\n  state?: Partial<Record<StepState, string>> | undefined;\r\n}\r\n\r\nexport interface VStepperProps {\r\n  items: VStepperItem[];\r\n  titleAs?: \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\" | \"div\" | \"span\" | \"p\" | undefined;\r\n  ariaLabel?: string | undefined;\r\n  labels?: VStepperLabels | undefined;\r\n}\r\n\r\n/**\r\n * VStepper - vertical historical / progression stepper.\r\n *\r\n * @param items     - list of { state|status, title, meta?, timestamp?, actor? }.\r\n *                    `timestamp` (date/time) + `actor` (user) render as a\r\n *                    muted \"timestamp · actor\" line under the title; `meta`\r\n *                    renders on its own line (free-form, e.g. \"En cours\").\r\n * @param titleAs   - element used for each step title. Defaults to \"h4\".\r\n *                    Hosts whose outline already used h2/h3 above the\r\n *                    stepper should pick the next level (e.g. titleAs=\"h3\"\r\n *                    after an h2 ActionBar title). Pass \"div\"/\"span\" to\r\n *                    opt out of heading semantics entirely.\r\n * @param labels    - i18n overrides; see file header.\r\n */\r\nexport function VStepper({ items, titleAs = \"h4\", labels, ariaLabel }: VStepperProps) {\r\n  /*\r\n   * Nested-dictionary merge, both levels through the shared undefined-safe helper\r\n   * (gap G-24, fourth instance after Dropzone.reasons and DataGridLabels.\r\n   * pagination).\r\n   *\r\n   * The previous form spread `...labels` at the top level, so an explicitly-passed\r\n   * `undefined` on `nav` DELETED the default and left the <ol> without an\r\n   * accessible name (R-Ar.5). And the inner `|| {}` guarded the `state` sub-object\r\n   * against being undefined without guarding its VALUES — so\r\n   * `state: { complete: undefined }` emptied the sr-only span below and reduced the\r\n   * step's state to colour alone, defeating the WCAG 1.4.1 rule its own comment\r\n   * invokes.\r\n   *\r\n   * `state` is merged at its OWN level rather than through a recursive deep merge:\r\n   * two explicit levels can be read, a recursive helper hides how deep it goes.\r\n   * Same convention as _dataGridShared.\r\n   */\r\n  const L = labels\r\n    ? mergeLabels(DEFAULT_V_LABELS, {\r\n        ...labels,\r\n        state: mergeLabels(DEFAULT_V_LABELS.state, labels.state),\r\n      })\r\n    : DEFAULT_V_LABELS;\r\n  const navLabel = ariaLabel || L.nav;\r\n\r\n  /* Accept the same rich-step shape HStepper uses, so host modules\r\n   * can pass the same array to both steppers without re-mapping. */\r\n  const normalisedItems = items.map((it) => {\r\n    if (isRichStep(it) && it.status !== undefined) {\r\n      return {\r\n        state: normaliseStatusToState(it.status),\r\n        title: it.title ?? it.label,\r\n        meta:  it.meta,\r\n        timestamp: it.timestamp,\r\n        actor: it.actor,\r\n      };\r\n    }\r\n    return it;\r\n  });\r\n\r\n  return (\r\n    <ol style={{ listStyle: \"none\", padding: 0, margin: 0 }} aria-label={navLabel}>\r\n      {normalisedItems.map((it, i) => {\r\n        const st: StepState = it.state ?? \"pending\";\r\n        return (\r\n          <li\r\n            key={i}\r\n            aria-current={st === \"active\" ? \"step\" : undefined}\r\n            style={{\r\n              display: \"flex\",\r\n              gap: 12,\r\n              paddingBottom: i < normalisedItems.length - 1 ? 16 : 0,\r\n              position: \"relative\",\r\n            }}\r\n          >\r\n            <span aria-hidden=\"true\" style={{ ...dotBaseStyle, ...stateStyle(st) }}>\r\n              {st === \"complete\" ? <CheckIcon fontSize=\"inherit\" /> : i + 1}\r\n            </span>\r\n            {/* WCAG 1.4.1 - convey state in text, not only colour. */}\r\n            <span className=\"pui-sr-only\">{L.state[st]}</span>\r\n            <div style={{ flex: 1 }}>\r\n              <Box\r\n                component={titleAs}\r\n                sx={{\r\n                  margin: 0,\r\n                  fontSize: \"var(--text-sm)\",\r\n                  fontWeight: \"var(--fw-semibold)\",\r\n                  color: \"var(--fg)\",\r\n                  lineHeight: \"var(--lh-snug)\",\r\n                }}\r\n              >\r\n                {it.title}\r\n              </Box>\r\n              {(it.timestamp != null || it.actor != null) && (\r\n                <p\r\n                  style={{\r\n                    margin: \"2px 0 0\",\r\n                    fontSize: \"var(--text-xs)\",\r\n                    color: \"var(--fg-subtle)\",\r\n                  }}\r\n                >\r\n                  {it.timestamp != null ? it.timestamp : null}\r\n                  {it.timestamp != null && it.actor != null ? \" · \" : null}\r\n                  {it.actor != null ? (\r\n                    <span style={{ color: \"var(--fg-muted)\", fontWeight: \"var(--fw-medium)\" }}>\r\n                      {it.actor}\r\n                    </span>\r\n                  ) : null}\r\n                </p>\r\n              )}\r\n              {it.meta != null && it.meta !== \"\" && (\r\n                <p\r\n                  style={{\r\n                    margin: \"2px 0 0\",\r\n                    fontSize: \"var(--text-xs)\",\r\n                    color: \"var(--fg-subtle)\",\r\n                  }}\r\n                >\r\n                  {it.meta}\r\n                </p>\r\n              )}\r\n            </div>\r\n            {i < normalisedItems.length - 1 && (\r\n              <span\r\n                aria-hidden=\"true\"\r\n                style={{\r\n                  position: \"absolute\",\r\n                  left: 11, top: 26, bottom: 0,\r\n                  width: 2,\r\n                  background: \"var(--border)\",\r\n                }}\r\n              />\r\n            )}\r\n          </li>\r\n        );\r\n      })}\r\n    </ol>\r\n  );\r\n}\r\n\r\nexport default HStepper;\r\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,94 @@
+import * as React from "react";
+import type { SxProps, Theme } from "@mui/material/styles";
+/**
+ * Surface — Portnet UI v2
+ *
+ * The bare card container. Charter §02.4 assigns `-r-lg` to « Cards, datagrid »
+ * and §02.5 assigns `--shadow-xs` to « Inputs, KPI cards » / `--shadow-sm` to
+ * « Default cards » — so the charter defines a card, in tokens, precisely.
+ *
+ * ─────────────────────────────────────────────────────────────────────────────
+ * WHY THIS BELONGS IN THE LIBRARY (capability gap G-10)
+ *
+ * The card recipe existed in the library, but only WELDED INSIDE `FormSection`,
+ * which also imposes a numbered heading, a description slot and an inner
+ * `FormGrid`. A consumer needing just the container — a DataGrid shell, a hero
+ * card, a sticky side rail, a nested file row — could not reach it and wrote the
+ * four-line recipe again. In addpe-fe alone: `DATAGRID_CARD_SX`, `HERO_CARD_SX`,
+ * `LIFECYCLE_CARD_SX`, and a document-card block repeated in three files.
+ *
+ * That is the failure mode a design system exists to prevent, and it is worse
+ * than plain duplication: each copy picked its own elevation and its own radius
+ * from memory, so cards that should be visually identical drifted apart within a
+ * single page — and a charter change to `--shadow-sm` or `-r-lg` would have to
+ * be chased across every module by hand.
+ *
+ * The variant axes below are DERIVED from those observed copies, not invented:
+ * each one is a difference that really existed between two of them.
+ * ─────────────────────────────────────────────────────────────────────────────
+ *
+ *   // DataGrid shell — the grid owns its own padding, and `clip` makes the
+ *   // rounded corner cut the table's first/last row borders.
+ *   <Surface padding="none" elevation="xs" clip>
+ *     <DataGrid … />
+ *   </Surface>
+ *
+ *   // Detail hero — responsive padding ladder, default card elevation.
+ *   <Surface padding="responsive" elevation="sm">…</Surface>
+ *
+ *   // Nested inset block (attached file, document row) — subtle tone, the
+ *   // smaller radius the charter assigns to inner blocks.
+ *   <Surface tone="subtle" radius="md" padding="compact">…</Surface>
+ *
+ * Composition, not configuration: `Surface` deliberately has NO title, NO
+ * actions and NO header. A titled section is `FormSection`; a metric tile is
+ * `KPICard`; an attached file is `FileCard`. Those compose this. If you find
+ * yourself wanting a `title` prop here, you want one of them instead.
+ */
+/** Background token. `subtle` is for a block INSET INTO an existing surface. */
+export type SurfaceTone = "surface" | "subtle";
+/**
+ * Elevation, restricted to the two card levels of Charter §02.5.
+ * `md` / `lg` are reserved for popovers and modals and are not offered here —
+ * a card that needs them is a `Modal` or a `Drawer`.
+ */
+export type SurfaceElevation = "none" | "xs" | "sm";
+/**
+ * Corner radius. `lg` = a card (charter §02.4 « Cards, datagrid »); `md` = a
+ * block nested inside another surface, which reads wrong at the card radius.
+ */
+export type SurfaceRadius = "md" | "lg";
+/**
+ * Inner padding.
+ *   none        — the child owns it (DataGrid, a nested grid, a table).
+ *   compact     — a single-row block. Asymmetric on purpose: a one-line row
+ *                 needs more horizontal than vertical breathing space.
+ *   default     — charter §2.3 « Padding card body » (--s-5).
+ *   responsive  — the page-level ladder, aligned with `PageContent`'s, for a
+ *                 full-width hero whose padding must shrink on a phone.
+ */
+export type SurfacePadding = "none" | "compact" | "default" | "responsive";
+export interface SurfaceProps extends Omit<React.HTMLAttributes<HTMLElement>, "color"> {
+    /** Rendered element. @default "div" */
+    component?: React.ElementType | undefined;
+    /** @default "surface" */
+    tone?: SurfaceTone | undefined;
+    /** @default "none" */
+    elevation?: SurfaceElevation | undefined;
+    /** @default "lg" */
+    radius?: SurfaceRadius | undefined;
+    /** @default "default" */
+    padding?: SurfacePadding | undefined;
+    /**
+     * `overflow: hidden`, so the rounded corner CLIPS a child that draws its own
+     * edges — a DataGrid's sticky header and row borders, most commonly. Without
+     * it the table's square corners poke through the card's radius.
+     * @default false
+     */
+    clip?: boolean | undefined;
+    sx?: SxProps<Theme> | undefined;
+    children?: React.ReactNode | undefined;
+}
+declare function Surface({ component, tone, elevation, radius, padding, clip, sx, children, ...rest }: SurfaceProps): React.JSX.Element;
+export default Surface;
+//# sourceMappingURL=Surface.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Surface.d.ts","sourceRoot":"","sources":["../../../src/lib/v2/components/Surface.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAE3D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4CG;AAEH,gFAAgF;AAChF,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,QAAQ,CAAC;AAE/C;;;;GAIG;AACH,MAAM,MAAM,gBAAgB,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,CAAC;AAEpD;;;GAGG;AACH,MAAM,MAAM,aAAa,GAAG,IAAI,GAAG,IAAI,CAAC;AAExC;;;;;;;;GAQG;AACH,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,YAAY,CAAC;AA2B3E,MAAM,WAAW,YACf,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,OAAO,CAAC;IACxD,uCAAuC;IACvC,SAAS,CAAC,EAAE,KAAK,CAAC,WAAW,GAAG,SAAS,CAAC;IAC1C,yBAAyB;IACzB,IAAI,CAAC,EAAE,WAAW,GAAG,SAAS,CAAC;IAC/B,sBAAsB;IACtB,SAAS,CAAC,EAAE,gBAAgB,GAAG,SAAS,CAAC;IACzC,oBAAoB;IACpB,MAAM,CAAC,EAAE,aAAa,GAAG,SAAS,CAAC;IACnC,yBAAyB;IACzB,OAAO,CAAC,EAAE,cAAc,GAAG,SAAS,CAAC;IACrC;;;;;OAKG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC3B,EAAE,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,GAAG,SAAS,CAAC;IAChC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,SAAS,CAAC;CACxC;AAED,iBAAS,OAAO,CAAC,EACf,SAAiB,EACjB,IAAgB,EAChB,SAAkB,EAClB,MAAa,EACb,OAAmB,EACnB,IAAY,EACZ,EAAE,EACF,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,YAAY,qBAoCd;AAED,eAAe,OAAO,CAAC"}

package/dist/v2/components/Surface.js

@@ -0,0 +1,163 @@
+"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");
+var _excluded = ["component", "tone", "elevation", "radius", "padding", "clip", "sx", "children"];
+/**
+ * Surface — Portnet UI v2
+ *
+ * The bare card container. Charter §02.4 assigns `-r-lg` to « Cards, datagrid »
+ * and §02.5 assigns `--shadow-xs` to « Inputs, KPI cards » / `--shadow-sm` to
+ * « Default cards » — so the charter defines a card, in tokens, precisely.
+ *
+ * ─────────────────────────────────────────────────────────────────────────────
+ * WHY THIS BELONGS IN THE LIBRARY (capability gap G-10)
+ *
+ * The card recipe existed in the library, but only WELDED INSIDE `FormSection`,
+ * which also imposes a numbered heading, a description slot and an inner
+ * `FormGrid`. A consumer needing just the container — a DataGrid shell, a hero
+ * card, a sticky side rail, a nested file row — could not reach it and wrote the
+ * four-line recipe again. In addpe-fe alone: `DATAGRID_CARD_SX`, `HERO_CARD_SX`,
+ * `LIFECYCLE_CARD_SX`, and a document-card block repeated in three files.
+ *
+ * That is the failure mode a design system exists to prevent, and it is worse
+ * than plain duplication: each copy picked its own elevation and its own radius
+ * from memory, so cards that should be visually identical drifted apart within a
+ * single page — and a charter change to `--shadow-sm` or `-r-lg` would have to
+ * be chased across every module by hand.
+ *
+ * The variant axes below are DERIVED from those observed copies, not invented:
+ * each one is a difference that really existed between two of them.
+ * ─────────────────────────────────────────────────────────────────────────────
+ *
+ *   // DataGrid shell — the grid owns its own padding, and `clip` makes the
+ *   // rounded corner cut the table's first/last row borders.
+ *   <Surface padding="none" elevation="xs" clip>
+ *     <DataGrid … />
+ *   </Surface>
+ *
+ *   // Detail hero — responsive padding ladder, default card elevation.
+ *   <Surface padding="responsive" elevation="sm">…</Surface>
+ *
+ *   // Nested inset block (attached file, document row) — subtle tone, the
+ *   // smaller radius the charter assigns to inner blocks.
+ *   <Surface tone="subtle" radius="md" padding="compact">…</Surface>
+ *
+ * Composition, not configuration: `Surface` deliberately has NO title, NO
+ * actions and NO header. A titled section is `FormSection`; a metric tile is
+ * `KPICard`; an attached file is `FileCard`. Those compose this. If you find
+ * yourself wanting a `title` prop here, you want one of them instead.
+ */
+/** Background token. `subtle` is for a block INSET INTO an existing surface. */
+/**
+ * Elevation, restricted to the two card levels of Charter §02.5.
+ * `md` / `lg` are reserved for popovers and modals and are not offered here —
+ * a card that needs them is a `Modal` or a `Drawer`.
+ */
+/**
+ * Corner radius. `lg` = a card (charter §02.4 « Cards, datagrid »); `md` = a
+ * block nested inside another surface, which reads wrong at the card radius.
+ */
+/**
+ * Inner padding.
+ *   none        — the child owns it (DataGrid, a nested grid, a table).
+ *   compact     — a single-row block. Asymmetric on purpose: a one-line row
+ *                 needs more horizontal than vertical breathing space.
+ *   default     — charter §2.3 « Padding card body » (--s-5).
+ *   responsive  — the page-level ladder, aligned with `PageContent`'s, for a
+ *                 full-width hero whose padding must shrink on a phone.
+ */
+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; }
+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; }
+var TONE = {
+  surface: "var(--surface)",
+  subtle: "var(--bg-subtle)"
+};
+var ELEVATION = {
+  none: "none",
+  xs: "var(--shadow-xs)",
+  sm: "var(--shadow-sm)"
+};
+var RADIUS = {
+  md: "var(--r-md)",
+  lg: "var(--r-lg)"
+};
+var PADDING = {
+  none: "0",
+  compact: "var(--s-3) var(--s-4)",
+  "default": "var(--s-5)",
+  responsive: {
+    xs: "var(--s-4)",
+    sm: "var(--s-5)",
+    lg: "var(--s-6)"
+  }
+};
+function Surface(_ref) {
+  var _ref$component = _ref.component,
+    component = _ref$component === void 0 ? "div" : _ref$component,
+    _ref$tone = _ref.tone,
+    tone = _ref$tone === void 0 ? "surface" : _ref$tone,
+    _ref$elevation = _ref.elevation,
+    elevation = _ref$elevation === void 0 ? "none" : _ref$elevation,
+    _ref$radius = _ref.radius,
+    radius = _ref$radius === void 0 ? "lg" : _ref$radius,
+    _ref$padding = _ref.padding,
+    padding = _ref$padding === void 0 ? "default" : _ref$padding,
+    _ref$clip = _ref.clip,
+    clip = _ref$clip === void 0 ? false : _ref$clip,
+    sx = _ref.sx,
+    children = _ref.children,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box["default"], _objectSpread(_objectSpread({
+    component: component
+    /*
+     * ARRAY form, not an object spread (gap G-23). `SxProps<Theme>` admits an
+     * object, an ARRAY or a FUNCTION, and spreading the last two destroys them
+     * silently: `{...[a, b]}` yields `{0: a, 1: b}` and `{...fn}` yields `{}`.
+     * So a host using MUI's own standard idiom —
+     * `sx={[base, condition && override]}` — would lose every style, with no
+     * error. The array form is what MUI documents for composition, and it
+     * handles all three shapes plus null/undefined (falsy entries are ignored).
+     *
+     * `KPICard` already did this correctly; 33 other components in this library
+     * still spread. I wrote three of those before noticing, including this file.
+     */,
+    sx: [_objectSpread({
+      background: TONE[tone],
+      border: "1px solid var(--border)",
+      borderRadius: RADIUS[radius],
+      boxShadow: ELEVATION[elevation],
+      padding: PADDING[padding],
+      // Guards a card whose child is a wide table or a long unbroken string:
+      // without it the flex/grid parent refuses to shrink and the page gains a
+      // horizontal scrollbar (WCAG 1.4.10 Reflow).
+      minWidth: 0
+    }, clip ? {
+      overflow: "hidden"
+    } : null)].concat(_toConsumableArray(Array.isArray(sx) ? sx : sx ? [sx] : []))
+  }, rest), {}, {
+    children: children
+  }));
+}
+var _default = exports["default"] = Surface;
+//# sourceMappingURL=Surface.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Surface.js","names":["React","_interopRequireWildcard","require","_Box","_interopRequireDefault","_jsxRuntime","_excluded","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","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","TONE","surface","subtle","ELEVATION","none","xs","sm","RADIUS","md","lg","PADDING","compact","responsive","Surface","_ref","_ref$component","component","_ref$tone","tone","_ref$elevation","elevation","_ref$radius","radius","_ref$padding","padding","_ref$clip","clip","sx","children","rest","jsx","background","border","borderRadius","boxShadow","minWidth","overflow","concat","_default","exports"],"sources":["../../../src/lib/v2/components/Surface.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 * Surface — Portnet UI v2\r\n *\r\n * The bare card container. Charter §02.4 assigns `-r-lg` to « Cards, datagrid »\r\n * and §02.5 assigns `--shadow-xs` to « Inputs, KPI cards » / `--shadow-sm` to\r\n * « Default cards » — so the charter defines a card, in tokens, precisely.\r\n *\r\n * ─────────────────────────────────────────────────────────────────────────────\r\n * WHY THIS BELONGS IN THE LIBRARY (capability gap G-10)\r\n *\r\n * The card recipe existed in the library, but only WELDED INSIDE `FormSection`,\r\n * which also imposes a numbered heading, a description slot and an inner\r\n * `FormGrid`. A consumer needing just the container — a DataGrid shell, a hero\r\n * card, a sticky side rail, a nested file row — could not reach it and wrote the\r\n * four-line recipe again. In addpe-fe alone: `DATAGRID_CARD_SX`, `HERO_CARD_SX`,\r\n * `LIFECYCLE_CARD_SX`, and a document-card block repeated in three files.\r\n *\r\n * That is the failure mode a design system exists to prevent, and it is worse\r\n * than plain duplication: each copy picked its own elevation and its own radius\r\n * from memory, so cards that should be visually identical drifted apart within a\r\n * single page — and a charter change to `--shadow-sm` or `-r-lg` would have to\r\n * be chased across every module by hand.\r\n *\r\n * The variant axes below are DERIVED from those observed copies, not invented:\r\n * each one is a difference that really existed between two of them.\r\n * ─────────────────────────────────────────────────────────────────────────────\r\n *\r\n *   // DataGrid shell — the grid owns its own padding, and `clip` makes the\r\n *   // rounded corner cut the table's first/last row borders.\r\n *   <Surface padding=\"none\" elevation=\"xs\" clip>\r\n *     <DataGrid … />\r\n *   </Surface>\r\n *\r\n *   // Detail hero — responsive padding ladder, default card elevation.\r\n *   <Surface padding=\"responsive\" elevation=\"sm\">…</Surface>\r\n *\r\n *   // Nested inset block (attached file, document row) — subtle tone, the\r\n *   // smaller radius the charter assigns to inner blocks.\r\n *   <Surface tone=\"subtle\" radius=\"md\" padding=\"compact\">…</Surface>\r\n *\r\n * Composition, not configuration: `Surface` deliberately has NO title, NO\r\n * actions and NO header. A titled section is `FormSection`; a metric tile is\r\n * `KPICard`; an attached file is `FileCard`. Those compose this. If you find\r\n * yourself wanting a `title` prop here, you want one of them instead.\r\n */\r\n\r\n/** Background token. `subtle` is for a block INSET INTO an existing surface. */\r\nexport type SurfaceTone = \"surface\" | \"subtle\";\r\n\r\n/**\r\n * Elevation, restricted to the two card levels of Charter §02.5.\r\n * `md` / `lg` are reserved for popovers and modals and are not offered here —\r\n * a card that needs them is a `Modal` or a `Drawer`.\r\n */\r\nexport type SurfaceElevation = \"none\" | \"xs\" | \"sm\";\r\n\r\n/**\r\n * Corner radius. `lg` = a card (charter §02.4 « Cards, datagrid »); `md` = a\r\n * block nested inside another surface, which reads wrong at the card radius.\r\n */\r\nexport type SurfaceRadius = \"md\" | \"lg\";\r\n\r\n/**\r\n * Inner padding.\r\n *   none        — the child owns it (DataGrid, a nested grid, a table).\r\n *   compact     — a single-row block. Asymmetric on purpose: a one-line row\r\n *                 needs more horizontal than vertical breathing space.\r\n *   default     — charter §2.3 « Padding card body » (--s-5).\r\n *   responsive  — the page-level ladder, aligned with `PageContent`'s, for a\r\n *                 full-width hero whose padding must shrink on a phone.\r\n */\r\nexport type SurfacePadding = \"none\" | \"compact\" | \"default\" | \"responsive\";\r\n\r\nconst TONE: Record<SurfaceTone, string> = {\r\n  surface: \"var(--surface)\",\r\n  subtle: \"var(--bg-subtle)\",\r\n};\r\n\r\nconst ELEVATION: Record<SurfaceElevation, string> = {\r\n  none: \"none\",\r\n  xs: \"var(--shadow-xs)\",\r\n  sm: \"var(--shadow-sm)\",\r\n};\r\n\r\nconst RADIUS: Record<SurfaceRadius, string> = {\r\n  md: \"var(--r-md)\",\r\n  lg: \"var(--r-lg)\",\r\n};\r\n\r\ntype PaddingValue = string | Record<string, string>;\r\n\r\nconst PADDING: Record<SurfacePadding, PaddingValue> = {\r\n  none: \"0\",\r\n  compact: \"var(--s-3) var(--s-4)\",\r\n  default: \"var(--s-5)\",\r\n  responsive: { xs: \"var(--s-4)\", sm: \"var(--s-5)\", lg: \"var(--s-6)\" },\r\n};\r\n\r\nexport interface SurfaceProps\r\n  extends Omit<React.HTMLAttributes<HTMLElement>, \"color\"> {\r\n  /** Rendered element. @default \"div\" */\r\n  component?: React.ElementType | undefined;\r\n  /** @default \"surface\" */\r\n  tone?: SurfaceTone | undefined;\r\n  /** @default \"none\" */\r\n  elevation?: SurfaceElevation | undefined;\r\n  /** @default \"lg\" */\r\n  radius?: SurfaceRadius | undefined;\r\n  /** @default \"default\" */\r\n  padding?: SurfacePadding | undefined;\r\n  /**\r\n   * `overflow: hidden`, so the rounded corner CLIPS a child that draws its own\r\n   * edges — a DataGrid's sticky header and row borders, most commonly. Without\r\n   * it the table's square corners poke through the card's radius.\r\n   * @default false\r\n   */\r\n  clip?: boolean | undefined;\r\n  sx?: SxProps<Theme> | undefined;\r\n  children?: React.ReactNode | undefined;\r\n}\r\n\r\nfunction Surface({\r\n  component = \"div\",\r\n  tone = \"surface\",\r\n  elevation = \"none\",\r\n  radius = \"lg\",\r\n  padding = \"default\",\r\n  clip = false,\r\n  sx,\r\n  children,\r\n  ...rest\r\n}: SurfaceProps) {\r\n  return (\r\n    <Box\r\n      component={component}\r\n      /*\r\n       * ARRAY form, not an object spread (gap G-23). `SxProps<Theme>` admits an\r\n       * object, an ARRAY or a FUNCTION, and spreading the last two destroys them\r\n       * silently: `{...[a, b]}` yields `{0: a, 1: b}` and `{...fn}` yields `{}`.\r\n       * So a host using MUI's own standard idiom —\r\n       * `sx={[base, condition && override]}` — would lose every style, with no\r\n       * error. The array form is what MUI documents for composition, and it\r\n       * handles all three shapes plus null/undefined (falsy entries are ignored).\r\n       *\r\n       * `KPICard` already did this correctly; 33 other components in this library\r\n       * still spread. I wrote three of those before noticing, including this file.\r\n       */\r\n      sx={[\r\n        {\r\n          background: TONE[tone],\r\n          border: \"1px solid var(--border)\",\r\n          borderRadius: RADIUS[radius],\r\n          boxShadow: ELEVATION[elevation],\r\n          padding: PADDING[padding],\r\n          // Guards a card whose child is a wide table or a long unbroken string:\r\n          // without it the flex/grid parent refuses to shrink and the page gains a\r\n          // horizontal scrollbar (WCAG 1.4.10 Reflow).\r\n          minWidth: 0,\r\n          ...(clip ? { overflow: \"hidden\" } : null),\r\n        },\r\n        ...(Array.isArray(sx) ? sx : sx ? [sx] : []),\r\n      ]}\r\n      {...rest}\r\n    >\r\n      {children}\r\n    </Box>\r\n  );\r\n}\r\n\r\nexport default Surface;\r\n"],"mappings":"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","ignoreList":[]}

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

@@ -20,10 +20,10 @@ import type { SwitchProps as MuiSwitchProps } from "@mui/material/Switch";
  *   <Switch checked={v} onChange={...} aria-label="Activer le mode sombre" />
  */
 export interface SwitchProps extends Omit<MuiSwitchProps, "size"> {
-    label?: React.ReactNode;
-    description?: React.ReactNode;
-    size?: "sm" | "md";
-    labelPlacement?: "end" | "start";
+    label?: React.ReactNode | undefined;
+    description?: React.ReactNode | undefined;
+    size?: "sm" | "md" | undefined;
+    labelPlacement?: "end" | "start" | undefined;
 }
 declare const Switch: React.ForwardRefExoticComponent<Omit<SwitchProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 export default Switch;

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

@@ -1 +1 @@
-{"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../../src/lib/v2/components/Switch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,WAAW,IAAI,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAI1E;;;;;;;;;;;;;;;;;;GAkBG;AACH,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,cAAc,EAAE,MAAM,CAAC;IAC/D,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,cAAc,CAAC,EAAE,KAAK,GAAG,OAAO,CAAC;CAClC;AAED,QAAA,MAAM,MAAM,oGA4GV,CAAC;AAEH,eAAe,MAAM,CAAC"}
+{"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../../src/lib/v2/components/Switch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,WAAW,IAAI,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAI1E;;;;;;;;;;;;;;;;;;GAkBG;AACH,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,cAAc,EAAE,MAAM,CAAC;IAC/D,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,SAAS,CAAC;IACpC,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,SAAS,CAAC;IAC1C,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,SAAS,CAAC;IAC/B,cAAc,CAAC,EAAE,KAAK,GAAG,OAAO,GAAG,SAAS,CAAC;CAC9C;AAED,QAAA,MAAM,MAAM,oGA4GV,CAAC;AAEH,eAAe,MAAM,CAAC"}