@portnet/ui 6.0.1 → 6.0.3

package/dist/v2/components/Modal.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports.default = void 0;
 var React = _interopRequireWildcard(require("react"));
 var _Dialog = _interopRequireDefault(require("@mui/material/Dialog"));
 var _DialogTitle = _interopRequireDefault(require("@mui/material/DialogTitle"));
@@ -17,15 +17,9 @@ var _styles = require("@mui/material/styles");
 var _tokens = require("../tokens");
 var _useFocusTrap = _interopRequireDefault(require("../hooks/useFocusTrap"));
 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); }
+/**
  * Modal - Portnet UI v2
  *
  * Charter §03 · Component "Modal · Dialog".
@@ -81,14 +75,15 @@ function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input ==
  *   (a leftover from MUI's 1100..1500 scale before the v2 remap to
  *   0..250); that buried those in-modal popups (at 100) behind the modal
  *   and pushed the modal above toasts/tooltips.
- */ /* ── Hoisted static sx (D5) ────────────────────────────────────────────
+ */
+
+/* ── Hoisted static sx (D5) ────────────────────────────────────────────
  * Frozen at module load. Same emotion / allocation rationale as Tabs +
  * DataGrid hoisting. The paper slotProps cannot be fully hoisted because
  * it embeds the dynamic `maxWidth` (size-driven) and the `ref` (per
  * Modal instance) — its static base is hoisted and the dynamic
  * additions are layered via useMemo at the call site.
- */
-var DIALOG_ROOT_SX = Object.freeze({
+ */const DIALOG_ROOT_SX = Object.freeze({
   // v2 z-index token (zIndex.js). modal:100 sits ABOVE drawer:80 (so a
   // Modal opened from inside a Drawer stacks correctly) and BELOW
   // snackbar:150 / toast:200 / tooltip:250. In-modal MUI popups
@@ -103,14 +98,14 @@ var DIALOG_ROOT_SX = Object.freeze({
 // at the Dialog top-level in v5/v6/v7, removed in v9). The content
 // `{ sx: {...} }` is unchanged — the backdrop slot receives the same
 // shape.
-var BACKDROP_SLOT_PROPS = Object.freeze({
+const BACKDROP_SLOT_PROPS = Object.freeze({
   // R-AI.1 - backdrop derived from the live --fg token instead of hard
   // rgba(15,21,37,...). Adapts to any future theme override.
   sx: {
     backgroundColor: "color-mix(in srgb, var(--fg) 45%, transparent)"
   }
 });
-var PAPER_BASE_SX = Object.freeze({
+const PAPER_BASE_SX = Object.freeze({
   width: "100%",
   borderRadius: "var(--r-lg)",
   boxShadow: "var(--shadow-lg)"
@@ -121,103 +116,100 @@ var PAPER_BASE_SX = Object.freeze({
  * paper fill the viewport. maxWidth is forced to 100% so the size-driven
  * token max-width can't re-clamp it. Kept as a frozen module constant so
  * the reference is stable across renders. */
-var PAPER_FULLSCREEN_SX = Object.freeze({
+const PAPER_FULLSCREEN_SX = Object.freeze({
   width: "100%",
   maxWidth: "100%",
   borderRadius: 0,
   boxShadow: "none"
 });
-var DIALOG_TITLE_SX = Object.freeze({
+const DIALOG_TITLE_SX = Object.freeze({
   padding: "var(--s-4) var(--s-5) var(--s-2)",
   display: "flex",
   alignItems: "flex-start",
   justifyContent: "space-between",
   gap: "var(--s-2)"
 });
-var TITLE_TYPOGRAPHY_SX = Object.freeze({
+const TITLE_TYPOGRAPHY_SX = Object.freeze({
   fontSize: "var(--text-h3)",
   fontWeight: "var(--fw-bold)",
   color: "var(--fg)"
 });
-var SUBTITLE_TYPOGRAPHY_SX = Object.freeze({
+const SUBTITLE_TYPOGRAPHY_SX = Object.freeze({
   fontSize: "var(--text-sm)",
   color: "var(--fg-muted)",
   marginTop: "var(--s-1)"
 });
-var CLOSE_ICON_BUTTON_SX = Object.freeze({
+const CLOSE_ICON_BUTTON_SX = Object.freeze({
   color: "var(--fg-subtle)",
   marginRight: "calc(-1 * var(--s-1))",
   marginTop: "calc(-1 * var(--s-1))"
 });
-var DIALOG_CONTENT_SX = Object.freeze({
+const DIALOG_CONTENT_SX = Object.freeze({
   padding: "var(--s-4) var(--s-5)",
   borderColor: "var(--border)"
 });
-var DIALOG_ACTIONS_SX = Object.freeze({
+const DIALOG_ACTIONS_SX = Object.freeze({
   padding: "var(--s-3) var(--s-5) var(--s-4)",
   gap: "var(--s-2)"
 });
-function Modal(_ref) {
-  var open = _ref.open,
-    onClose = _ref.onClose,
-    title = _ref.title,
-    subtitle = _ref.subtitle,
-    children = _ref.children,
-    footer = _ref.footer,
-    _ref$size = _ref.size,
-    size = _ref$size === void 0 ? "md" : _ref$size,
-    _ref$disableBackdropC = _ref.disableBackdropClick,
-    disableBackdropClick = _ref$disableBackdropC === void 0 ? false : _ref$disableBackdropC,
-    _ref$disableEscape = _ref.disableEscape,
-    disableEscape = _ref$disableEscape === void 0 ? false : _ref$disableEscape,
-    _ref$fullScreenOnMobi = _ref.fullScreenOnMobile,
-    fullScreenOnMobile = _ref$fullScreenOnMobi === void 0 ? true : _ref$fullScreenOnMobi,
-    ariaLabel = _ref.ariaLabel,
-    _ref$ariaLabelClose = _ref.ariaLabelClose,
-    ariaLabelClose = _ref$ariaLabelClose === void 0 ? "Fermer la boîte de dialogue" : _ref$ariaLabelClose;
+function Modal({
+  open,
+  onClose,
+  title,
+  subtitle,
+  children,
+  footer,
+  size = "md",
+  disableBackdropClick = false,
+  disableEscape = false,
+  fullScreenOnMobile = true,
+  ariaLabel,
+  ariaLabelClose = "Fermer la boîte de dialogue"
+}) {
   // R-Ar.5 - stable, per-instance, collision-safe ID for aria-labelledby.
-  var titleId = React.useId();
+  const titleId = React.useId();
 
   // R-F.2 / R-M.2 - the v2 trap is wired on the Dialog Paper element,
   // activated only while the modal is open. MUI's own trap is disabled
   // via the disable*Focus props on Dialog below so the two implementations
   // don't compete for the same DOM event stream.
-  var paperRef = React.useRef(null);
-  (0, _useFocusTrap["default"])(paperRef, !!open);
+  const paperRef = React.useRef(null);
+  (0, _useFocusTrap.default)(paperRef, !!open);
 
   // R-RS.2 — full-screen below the `sm` breakpoint TOKEN (< 481px now
   // that tokens are wired into the theme). Reads the live theme so a host
   // breakpoint override is honoured. Gated behind fullScreenOnMobile so a
   // caller can keep a small confirm dialog centred on phones.
-  var theme = (0, _styles.useTheme)();
-  var isMobile = (0, _useMediaQuery["default"])(theme.breakpoints.down("sm"));
-  var fullScreen = fullScreenOnMobile && isMobile;
-  var handleClose = function handleClose(_e, reason) {
+  const theme = (0, _styles.useTheme)();
+  const isMobile = (0, _useMediaQuery.default)(theme.breakpoints.down("sm"));
+  const fullScreen = fullScreenOnMobile && isMobile;
+  const handleClose = (_e, reason) => {
     if (reason === "backdropClick" && disableBackdropClick) return;
     if (reason === "escapeKeyDown" && disableEscape) return;
-    onClose === null || onClose === void 0 ? void 0 : onClose();
+    onClose?.();
   };
 
   // R-AI.1 - modal sizing is owned by the token system (layout.modal),
   // not duplicated here. See src/lib/v2/tokens/density.js.
-  var maxWidth = _tokens.layout.modal[size] || _tokens.layout.modal.md;
+  const maxWidth = _tokens.layout.modal[size] || _tokens.layout.modal.md;
 
   // MUI v9: paper slot is forwarded through slotProps.paper. The slot
   // cannot be fully hoisted — embeds the dynamic maxWidth (size-driven)
   // and the per-instance ref. Memo on [maxWidth, fullScreen] so the
   // reference is stable until either the size or the mobile branch flips.
-  var slotProps = React.useMemo(function () {
-    return {
-      paper: {
-        ref: paperRef,
-        sx: fullScreen ? _objectSpread({}, PAPER_FULLSCREEN_SX) : _objectSpread(_objectSpread({}, PAPER_BASE_SX), {}, {
-          maxWidth: maxWidth
-        })
-      },
-      backdrop: BACKDROP_SLOT_PROPS
-    };
-  }, [maxWidth, fullScreen]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Dialog["default"], {
+  const slotProps = React.useMemo(() => ({
+    paper: {
+      ref: paperRef,
+      sx: fullScreen ? {
+        ...PAPER_FULLSCREEN_SX
+      } : {
+        ...PAPER_BASE_SX,
+        maxWidth
+      }
+    },
+    backdrop: BACKDROP_SLOT_PROPS
+  }), [maxWidth, fullScreen]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Dialog.default, {
     open: !!open,
     onClose: handleClose,
     role: "dialog",
@@ -245,37 +237,37 @@ function Modal(_ref) {
     ,
     sx: DIALOG_ROOT_SX,
     slotProps: slotProps,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_DialogTitle["default"], {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_DialogTitle.default, {
       sx: DIALOG_TITLE_SX,
       children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography["default"], {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
           id: titleId,
           variant: "h3",
           component: "h2",
           sx: TITLE_TYPOGRAPHY_SX,
           children: title
-        }), subtitle && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography["default"], {
+        }), subtitle && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
           sx: SUBTITLE_TYPOGRAPHY_SX,
           children: subtitle
         })]
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconButton["default"], {
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconButton.default, {
         "aria-label": ariaLabelClose,
         onClick: onClose,
         size: "small",
         sx: CLOSE_ICON_BUTTON_SX,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Close["default"], {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Close.default, {
           fontSize: "small"
         })
       })]
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_DialogContent["default"], {
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_DialogContent.default, {
       dividers: !!footer,
       sx: DIALOG_CONTENT_SX,
       children: children
-    }), footer && /*#__PURE__*/(0, _jsxRuntime.jsx)(_DialogActions["default"], {
+    }), footer && /*#__PURE__*/(0, _jsxRuntime.jsx)(_DialogActions.default, {
       sx: DIALOG_ACTIONS_SX,
       children: footer
     })]
   });
 }
-var _default = exports["default"] = Modal;
+var _default = exports.default = Modal;
 //# sourceMappingURL=Modal.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Modal.js","names":["React","_interopRequireWildcard","require","_Dialog","_interopRequireDefault","_DialogTitle","_DialogContent","_DialogActions","_IconButton","_Close","_Typography","_useMediaQuery","_styles","_tokens","_useFocusTrap","_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","DIALOG_ROOT_SX","freeze","zIndex","modal","BACKDROP_SLOT_PROPS","sx","backgroundColor","PAPER_BASE_SX","width","borderRadius","boxShadow","PAPER_FULLSCREEN_SX","maxWidth","DIALOG_TITLE_SX","padding","display","alignItems","justifyContent","gap","TITLE_TYPOGRAPHY_SX","fontSize","fontWeight","color","SUBTITLE_TYPOGRAPHY_SX","marginTop","CLOSE_ICON_BUTTON_SX","marginRight","DIALOG_CONTENT_SX","borderColor","DIALOG_ACTIONS_SX","Modal","_ref","open","onClose","title","subtitle","children","footer","_ref$size","size","_ref$disableBackdropC","disableBackdropClick","_ref$disableEscape","disableEscape","_ref$fullScreenOnMobi","fullScreenOnMobile","ariaLabel","_ref$ariaLabelClose","ariaLabelClose","titleId","useId","paperRef","useRef","useFocusTrap","theme","useTheme","isMobile","useMediaQuery","breakpoints","down","fullScreen","handleClose","_e","reason","layout","md","slotProps","useMemo","paper","ref","backdrop","jsxs","role","disableAutoFocus","disableEnforceFocus","disableRestoreFocus","jsx","id","variant","component","onClick","dividers","_default","exports"],"sources":["../../../src/lib/v2/components/Modal.tsx"],"sourcesContent":["import * as React from \"react\";\r\nimport Dialog from \"@mui/material/Dialog\";\r\nimport DialogTitle from \"@mui/material/DialogTitle\";\r\nimport DialogContent from \"@mui/material/DialogContent\";\r\nimport DialogActions from \"@mui/material/DialogActions\";\r\nimport IconButton from \"@mui/material/IconButton\";\r\nimport CloseIcon from \"@mui/icons-material/Close\";\r\nimport Typography from \"@mui/material/Typography\";\r\nimport useMediaQuery from \"@mui/material/useMediaQuery\";\r\nimport { useTheme } from \"@mui/material/styles\";\r\nimport type { SxProps, Theme } from \"@mui/material/styles\";\r\nimport { layout, zIndex } from \"../tokens\";\r\nimport useFocusTrap from \"../hooks/useFocusTrap\";\r\n\r\n/**\r\n * Modal - Portnet UI v2\r\n *\r\n * Charter §03 · Component \"Modal · Dialog\".\r\n *\r\n *   R-M.1 - Closable via Esc + backdrop click + explicit X button.\r\n *   R-M.2 - Focus trap when open, focus restored to trigger on close.\r\n *           Backed by the v2 useFocusTrap hook (Batch 3) - honours\r\n *           [autofocus] and [data-autofocus] markers, coordinates\r\n *           with nested traps via a module-level trapStack, and\r\n *           filters disabled/hidden/inert subtrees.\r\n *   R-M.3 - role=\"dialog\" + aria-modal=\"true\" + aria-labelledby.\r\n *   R-M.4 - No modal inside modal - use stepper flow.\r\n *   R-M.5 - Use Drawer (not Modal) for ≥ 3 fields or long scroll.\r\n *   R-M.6 - Action principale à droite, secondaire à gauche.\r\n *   R-RS.2 - Below the `sm` breakpoint token (< 481px) the dialog goes\r\n *            FULL-SCREEN by default. A md/lg/xl modal centred with its\r\n *            token max-width left only a thin sliver of usable width at\r\n *            320–375px; full-screen restores a usable reading column and\r\n *            keeps the footer actions reachable (WCAG 1.4.10 Reflow).\r\n *            Opt out with fullScreenOnMobile={false} for genuinely tiny\r\n *            confirm dialogs that read better centred.\r\n *\r\n *   <Modal open={open} onClose={close} title=\"Confirmation\" size=\"sm\"\r\n *          footer={<><Button variant=\"ghost\" onClick={close}>Annuler</Button>\r\n *                    <Button variant=\"primary\">OK</Button></>}>\r\n *     Body content here.\r\n *   </Modal>\r\n *\r\n * Accessible name (R-Ar.5 / R-M.3):\r\n *   `aria-labelledby` points at the title <Typography> (id=titleId), so the\r\n *   dialog's accessible name is the title text ONLY — the close button and\r\n *   subtitle are not part of it. When no `title` is provided, pass `ariaLabel`\r\n *   to name the dialog; otherwise it would have no accessible name.\r\n *\r\n * Initial focus targeting (R-Ar.4):\r\n *   By default the FIRST focusable element of the dialog gets focus on\r\n *   open. To opt a specific control in (e.g. the destructive \"Delete\"\r\n *   button which intentionally is NOT first), mark it with either:\r\n *     - React's <button autoFocus> attribute (standard), or\r\n *     - <button data-autofocus> (v2 marker, identical effect).\r\n *   Both are matched by useFocusTrap's AUTOFOCUS_SELECTORS.\r\n *\r\n * Stacking:\r\n *   The modal's portal layer uses the v2 `zIndex.modal` token (100), so\r\n *   it stacks ABOVE a Drawer (zIndex.drawer:80) when opened from inside\r\n *   one (e.g. a ReferentielField search launched from the filters Drawer)\r\n *   and BELOW snackbar:150 / toast:200 / tooltip:250 so notifications and\r\n *   tooltips fired from a modal action stay on top. MUI popups rendered\r\n *   inside the modal — Combobox/Autocomplete listboxes and X date-picker\r\n *   calendars — also render at theme.zIndex.modal (100) and, opening\r\n *   after the dialog, paint above it by DOM order (MUI's own\r\n *   Dialog+Autocomplete contract). A previous build hardcoded 1350 here\r\n *   (a leftover from MUI's 1100..1500 scale before the v2 remap to\r\n *   0..250); that buried those in-modal popups (at 100) behind the modal\r\n *   and pushed the modal above toasts/tooltips.\r\n */\r\n\r\n/* ── Hoisted static sx (D5) ────────────────────────────────────────────\r\n * Frozen at module load. Same emotion / allocation rationale as Tabs +\r\n * DataGrid hoisting. The paper slotProps cannot be fully hoisted because\r\n * it embeds the dynamic `maxWidth` (size-driven) and the `ref` (per\r\n * Modal instance) — its static base is hoisted and the dynamic\r\n * additions are layered via useMemo at the call site.\r\n */\r\n\r\nconst DIALOG_ROOT_SX = Object.freeze({\r\n  // v2 z-index token (zIndex.js). modal:100 sits ABOVE drawer:80 (so a\r\n  // Modal opened from inside a Drawer stacks correctly) and BELOW\r\n  // snackbar:150 / toast:200 / tooltip:250. In-modal MUI popups\r\n  // (Combobox listboxes, X date-picker calendars) also use\r\n  // theme.zIndex.modal and paint above the dialog by DOM order. The\r\n  // previous hardcoded 1350 predated the v2 remap of MUI's 1100..1500\r\n  // scale down to 0..250.\r\n  zIndex: zIndex.modal,\r\n});\r\n\r\n// MUI v9: backdrop forwarded via slotProps.backdrop (was BackdropProps\r\n// at the Dialog top-level in v5/v6/v7, removed in v9). The content\r\n// `{ sx: {...} }` is unchanged — the backdrop slot receives the same\r\n// shape.\r\nconst BACKDROP_SLOT_PROPS = Object.freeze({\r\n  // R-AI.1 - backdrop derived from the live --fg token instead of hard\r\n  // rgba(15,21,37,...). Adapts to any future theme override.\r\n  sx: { backgroundColor: \"color-mix(in srgb, var(--fg) 45%, transparent)\" },\r\n});\r\n\r\nconst PAPER_BASE_SX = Object.freeze({\r\n  width: \"100%\",\r\n  borderRadius: \"var(--r-lg)\",\r\n  boxShadow: \"var(--shadow-lg)\",\r\n});\r\n\r\n/* R-RS.2 — full-screen paper sx for the mobile (< sm token) branch.\r\n * Drops the rounded corners + shadow (no longer floating) and lets the\r\n * paper fill the viewport. maxWidth is forced to 100% so the size-driven\r\n * token max-width can't re-clamp it. Kept as a frozen module constant so\r\n * the reference is stable across renders. */\r\nconst PAPER_FULLSCREEN_SX = Object.freeze({\r\n  width: \"100%\",\r\n  maxWidth: \"100%\",\r\n  borderRadius: 0,\r\n  boxShadow: \"none\",\r\n});\r\n\r\nconst DIALOG_TITLE_SX = Object.freeze({\r\n  padding: \"var(--s-4) var(--s-5) var(--s-2)\",\r\n  display: \"flex\",\r\n  alignItems: \"flex-start\",\r\n  justifyContent: \"space-between\",\r\n  gap: \"var(--s-2)\",\r\n} satisfies SxProps<Theme>);\r\n\r\nconst TITLE_TYPOGRAPHY_SX = Object.freeze({\r\n  fontSize: \"var(--text-h3)\",\r\n  fontWeight: \"var(--fw-bold)\",\r\n  color: \"var(--fg)\",\r\n});\r\n\r\nconst SUBTITLE_TYPOGRAPHY_SX = Object.freeze({\r\n  fontSize: \"var(--text-sm)\",\r\n  color: \"var(--fg-muted)\",\r\n  marginTop: \"var(--s-1)\",\r\n});\r\n\r\nconst CLOSE_ICON_BUTTON_SX = Object.freeze({\r\n  color: \"var(--fg-subtle)\",\r\n  marginRight: \"calc(-1 * var(--s-1))\",\r\n  marginTop: \"calc(-1 * var(--s-1))\",\r\n});\r\n\r\nconst DIALOG_CONTENT_SX = Object.freeze({\r\n  padding: \"var(--s-4) var(--s-5)\",\r\n  borderColor: \"var(--border)\",\r\n});\r\n\r\nconst DIALOG_ACTIONS_SX = Object.freeze({\r\n  padding: \"var(--s-3) var(--s-5) var(--s-4)\",\r\n  gap: \"var(--s-2)\",\r\n});\r\n\r\nexport type ModalSize = \"sm\" | \"md\" | \"lg\" | \"xl\";\r\n\r\nexport interface ModalProps {\r\n  open?: boolean | undefined;\r\n  onClose?: (() => void) | undefined;\r\n  title?: React.ReactNode | undefined;\r\n  subtitle?: React.ReactNode | undefined;\r\n  children?: React.ReactNode | undefined;\r\n  footer?: React.ReactNode | undefined;\r\n  size?: ModalSize | undefined;\r\n  disableBackdropClick?: boolean | undefined;\r\n  disableEscape?: boolean | undefined;\r\n  /** R-RS.2 — go full-screen below the `sm` token (< 481px). Default true. */\r\n  fullScreenOnMobile?: boolean | undefined;\r\n  /** Accessible name for the dialog when no `title` is rendered (R-M.3). */\r\n  ariaLabel?: string | undefined;\r\n  ariaLabelClose?: string | undefined;\r\n}\r\n\r\nfunction Modal({\r\n  open,\r\n  onClose,\r\n  title,\r\n  subtitle,\r\n  children,\r\n  footer,\r\n  size = \"md\",\r\n  disableBackdropClick = false,\r\n  disableEscape = false,\r\n  fullScreenOnMobile = true,\r\n  ariaLabel,\r\n  ariaLabelClose = \"Fermer la boîte de dialogue\",\r\n}: ModalProps) {\r\n  // R-Ar.5 - stable, per-instance, collision-safe ID for aria-labelledby.\r\n  const titleId = React.useId();\r\n\r\n  // R-F.2 / R-M.2 - the v2 trap is wired on the Dialog Paper element,\r\n  // activated only while the modal is open. MUI's own trap is disabled\r\n  // via the disable*Focus props on Dialog below so the two implementations\r\n  // don't compete for the same DOM event stream.\r\n  const paperRef = React.useRef<HTMLDivElement>(null);\r\n  useFocusTrap(paperRef, !!open);\r\n\r\n  // R-RS.2 — full-screen below the `sm` breakpoint TOKEN (< 481px now\r\n  // that tokens are wired into the theme). Reads the live theme so a host\r\n  // breakpoint override is honoured. Gated behind fullScreenOnMobile so a\r\n  // caller can keep a small confirm dialog centred on phones.\r\n  const theme = useTheme();\r\n  const isMobile = useMediaQuery(theme.breakpoints.down(\"sm\"));\r\n  const fullScreen = fullScreenOnMobile && isMobile;\r\n\r\n  const handleClose = (_e: unknown, reason: \"backdropClick\" | \"escapeKeyDown\") => {\r\n    if (reason === \"backdropClick\" && disableBackdropClick) return;\r\n    if (reason === \"escapeKeyDown\" && disableEscape) return;\r\n    onClose?.();\r\n  };\r\n\r\n  // R-AI.1 - modal sizing is owned by the token system (layout.modal),\r\n  // not duplicated here. See src/lib/v2/tokens/density.js.\r\n  const maxWidth = layout.modal[size] || layout.modal.md;\r\n\r\n  // MUI v9: paper slot is forwarded through slotProps.paper. The slot\r\n  // cannot be fully hoisted — embeds the dynamic maxWidth (size-driven)\r\n  // and the per-instance ref. Memo on [maxWidth, fullScreen] so the\r\n  // reference is stable until either the size or the mobile branch flips.\r\n  const slotProps = React.useMemo(\r\n    () => ({\r\n      paper: {\r\n        ref: paperRef,\r\n        sx: fullScreen\r\n          ? { ...PAPER_FULLSCREEN_SX }\r\n          : { ...PAPER_BASE_SX, maxWidth },\r\n      },\r\n      backdrop: BACKDROP_SLOT_PROPS,\r\n    }),\r\n    [maxWidth, fullScreen]\r\n  );\r\n\r\n  return (\r\n    <Dialog\r\n      open={!!open}\r\n      onClose={handleClose}\r\n      role=\"dialog\"\r\n      aria-modal=\"true\"\r\n      // Name = title text only (id is on the title Typography). Falls back\r\n      // to ariaLabel when the dialog has no title.\r\n      aria-labelledby={title != null ? titleId : undefined}\r\n      aria-label={title == null ? ariaLabel : undefined}\r\n      maxWidth={false}\r\n      // R-RS.2 — hand the full-screen decision to MUI's own prop so it\r\n      // applies the correct fullscreen paper geometry (100vw/100vh,\r\n      // no margin); our PAPER_FULLSCREEN_SX only relaxes radius/shadow.\r\n      fullScreen={fullScreen}\r\n      // Hand over focus management to useFocusTrap above. Dialog still\r\n      // owns the Portal, Backdrop, scroll lock, transitions, and Esc\r\n      // wiring - just not the focus trap itself.\r\n      disableAutoFocus\r\n      disableEnforceFocus\r\n      disableRestoreFocus\r\n      // Root sx anchors the portal at the v2 zIndex.modal token — above\r\n      // the Drawer, below snackbar/toast/tooltip. See DIALOG_ROOT_SX.\r\n      sx={DIALOG_ROOT_SX}\r\n      slotProps={slotProps}\r\n    >\r\n      <DialogTitle sx={DIALOG_TITLE_SX}>\r\n        <div>\r\n          <Typography id={titleId} variant=\"h3\" component=\"h2\" sx={TITLE_TYPOGRAPHY_SX}>\r\n            {title}\r\n          </Typography>\r\n          {subtitle && (\r\n            <Typography sx={SUBTITLE_TYPOGRAPHY_SX}>\r\n              {subtitle}\r\n            </Typography>\r\n          )}\r\n        </div>\r\n        <IconButton\r\n          aria-label={ariaLabelClose}\r\n          onClick={onClose}\r\n          size=\"small\"\r\n          sx={CLOSE_ICON_BUTTON_SX}\r\n        >\r\n          <CloseIcon fontSize=\"small\" />\r\n        </IconButton>\r\n      </DialogTitle>\r\n\r\n      <DialogContent dividers={!!footer} sx={DIALOG_CONTENT_SX}>\r\n        {children}\r\n      </DialogContent>\r\n\r\n      {footer && (\r\n        <DialogActions sx={DIALOG_ACTIONS_SX}>\r\n          {footer}\r\n        </DialogActions>\r\n      )}\r\n    </Dialog>\r\n  );\r\n}\r\n\r\nexport default Modal;\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Modal.js","names":["React","_interopRequireWildcard","require","_Dialog","_interopRequireDefault","_DialogTitle","_DialogContent","_DialogActions","_IconButton","_Close","_Typography","_useMediaQuery","_styles","_tokens","_useFocusTrap","_jsxRuntime","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","DIALOG_ROOT_SX","freeze","zIndex","modal","BACKDROP_SLOT_PROPS","sx","backgroundColor","PAPER_BASE_SX","width","borderRadius","boxShadow","PAPER_FULLSCREEN_SX","maxWidth","DIALOG_TITLE_SX","padding","display","alignItems","justifyContent","gap","TITLE_TYPOGRAPHY_SX","fontSize","fontWeight","color","SUBTITLE_TYPOGRAPHY_SX","marginTop","CLOSE_ICON_BUTTON_SX","marginRight","DIALOG_CONTENT_SX","borderColor","DIALOG_ACTIONS_SX","Modal","open","onClose","title","subtitle","children","footer","size","disableBackdropClick","disableEscape","fullScreenOnMobile","ariaLabel","ariaLabelClose","titleId","useId","paperRef","useRef","useFocusTrap","theme","useTheme","isMobile","useMediaQuery","breakpoints","down","fullScreen","handleClose","_e","reason","layout","md","slotProps","useMemo","paper","ref","backdrop","jsxs","role","undefined","disableAutoFocus","disableEnforceFocus","disableRestoreFocus","jsx","id","variant","component","onClick","dividers","_default","exports"],"sources":["../../../src/lib/v2/components/Modal.tsx"],"sourcesContent":["import * as React from \"react\";\r\nimport Dialog from \"@mui/material/Dialog\";\r\nimport DialogTitle from \"@mui/material/DialogTitle\";\r\nimport DialogContent from \"@mui/material/DialogContent\";\r\nimport DialogActions from \"@mui/material/DialogActions\";\r\nimport IconButton from \"@mui/material/IconButton\";\r\nimport CloseIcon from \"@mui/icons-material/Close\";\r\nimport Typography from \"@mui/material/Typography\";\r\nimport useMediaQuery from \"@mui/material/useMediaQuery\";\r\nimport { useTheme } from \"@mui/material/styles\";\r\nimport type { SxProps, Theme } from \"@mui/material/styles\";\r\nimport { layout, zIndex } from \"../tokens\";\r\nimport useFocusTrap from \"../hooks/useFocusTrap\";\r\n\r\n/**\r\n * Modal - Portnet UI v2\r\n *\r\n * Charter §03 · Component \"Modal · Dialog\".\r\n *\r\n *   R-M.1 - Closable via Esc + backdrop click + explicit X button.\r\n *   R-M.2 - Focus trap when open, focus restored to trigger on close.\r\n *           Backed by the v2 useFocusTrap hook (Batch 3) - honours\r\n *           [autofocus] and [data-autofocus] markers, coordinates\r\n *           with nested traps via a module-level trapStack, and\r\n *           filters disabled/hidden/inert subtrees.\r\n *   R-M.3 - role=\"dialog\" + aria-modal=\"true\" + aria-labelledby.\r\n *   R-M.4 - No modal inside modal - use stepper flow.\r\n *   R-M.5 - Use Drawer (not Modal) for ≥ 3 fields or long scroll.\r\n *   R-M.6 - Action principale à droite, secondaire à gauche.\r\n *   R-RS.2 - Below the `sm` breakpoint token (< 481px) the dialog goes\r\n *            FULL-SCREEN by default. A md/lg/xl modal centred with its\r\n *            token max-width left only a thin sliver of usable width at\r\n *            320–375px; full-screen restores a usable reading column and\r\n *            keeps the footer actions reachable (WCAG 1.4.10 Reflow).\r\n *            Opt out with fullScreenOnMobile={false} for genuinely tiny\r\n *            confirm dialogs that read better centred.\r\n *\r\n *   <Modal open={open} onClose={close} title=\"Confirmation\" size=\"sm\"\r\n *          footer={<><Button variant=\"ghost\" onClick={close}>Annuler</Button>\r\n *                    <Button variant=\"primary\">OK</Button></>}>\r\n *     Body content here.\r\n *   </Modal>\r\n *\r\n * Accessible name (R-Ar.5 / R-M.3):\r\n *   `aria-labelledby` points at the title <Typography> (id=titleId), so the\r\n *   dialog's accessible name is the title text ONLY — the close button and\r\n *   subtitle are not part of it. When no `title` is provided, pass `ariaLabel`\r\n *   to name the dialog; otherwise it would have no accessible name.\r\n *\r\n * Initial focus targeting (R-Ar.4):\r\n *   By default the FIRST focusable element of the dialog gets focus on\r\n *   open. To opt a specific control in (e.g. the destructive \"Delete\"\r\n *   button which intentionally is NOT first), mark it with either:\r\n *     - React's <button autoFocus> attribute (standard), or\r\n *     - <button data-autofocus> (v2 marker, identical effect).\r\n *   Both are matched by useFocusTrap's AUTOFOCUS_SELECTORS.\r\n *\r\n * Stacking:\r\n *   The modal's portal layer uses the v2 `zIndex.modal` token (100), so\r\n *   it stacks ABOVE a Drawer (zIndex.drawer:80) when opened from inside\r\n *   one (e.g. a ReferentielField search launched from the filters Drawer)\r\n *   and BELOW snackbar:150 / toast:200 / tooltip:250 so notifications and\r\n *   tooltips fired from a modal action stay on top. MUI popups rendered\r\n *   inside the modal — Combobox/Autocomplete listboxes and X date-picker\r\n *   calendars — also render at theme.zIndex.modal (100) and, opening\r\n *   after the dialog, paint above it by DOM order (MUI's own\r\n *   Dialog+Autocomplete contract). A previous build hardcoded 1350 here\r\n *   (a leftover from MUI's 1100..1500 scale before the v2 remap to\r\n *   0..250); that buried those in-modal popups (at 100) behind the modal\r\n *   and pushed the modal above toasts/tooltips.\r\n */\r\n\r\n/* ── Hoisted static sx (D5) ────────────────────────────────────────────\r\n * Frozen at module load. Same emotion / allocation rationale as Tabs +\r\n * DataGrid hoisting. The paper slotProps cannot be fully hoisted because\r\n * it embeds the dynamic `maxWidth` (size-driven) and the `ref` (per\r\n * Modal instance) — its static base is hoisted and the dynamic\r\n * additions are layered via useMemo at the call site.\r\n */\r\n\r\nconst DIALOG_ROOT_SX = Object.freeze({\r\n  // v2 z-index token (zIndex.js). modal:100 sits ABOVE drawer:80 (so a\r\n  // Modal opened from inside a Drawer stacks correctly) and BELOW\r\n  // snackbar:150 / toast:200 / tooltip:250. In-modal MUI popups\r\n  // (Combobox listboxes, X date-picker calendars) also use\r\n  // theme.zIndex.modal and paint above the dialog by DOM order. The\r\n  // previous hardcoded 1350 predated the v2 remap of MUI's 1100..1500\r\n  // scale down to 0..250.\r\n  zIndex: zIndex.modal,\r\n});\r\n\r\n// MUI v9: backdrop forwarded via slotProps.backdrop (was BackdropProps\r\n// at the Dialog top-level in v5/v6/v7, removed in v9). The content\r\n// `{ sx: {...} }` is unchanged — the backdrop slot receives the same\r\n// shape.\r\nconst BACKDROP_SLOT_PROPS = Object.freeze({\r\n  // R-AI.1 - backdrop derived from the live --fg token instead of hard\r\n  // rgba(15,21,37,...). Adapts to any future theme override.\r\n  sx: { backgroundColor: \"color-mix(in srgb, var(--fg) 45%, transparent)\" },\r\n});\r\n\r\nconst PAPER_BASE_SX = Object.freeze({\r\n  width: \"100%\",\r\n  borderRadius: \"var(--r-lg)\",\r\n  boxShadow: \"var(--shadow-lg)\",\r\n});\r\n\r\n/* R-RS.2 — full-screen paper sx for the mobile (< sm token) branch.\r\n * Drops the rounded corners + shadow (no longer floating) and lets the\r\n * paper fill the viewport. maxWidth is forced to 100% so the size-driven\r\n * token max-width can't re-clamp it. Kept as a frozen module constant so\r\n * the reference is stable across renders. */\r\nconst PAPER_FULLSCREEN_SX = Object.freeze({\r\n  width: \"100%\",\r\n  maxWidth: \"100%\",\r\n  borderRadius: 0,\r\n  boxShadow: \"none\",\r\n});\r\n\r\nconst DIALOG_TITLE_SX = Object.freeze({\r\n  padding: \"var(--s-4) var(--s-5) var(--s-2)\",\r\n  display: \"flex\",\r\n  alignItems: \"flex-start\",\r\n  justifyContent: \"space-between\",\r\n  gap: \"var(--s-2)\",\r\n} satisfies SxProps<Theme>);\r\n\r\nconst TITLE_TYPOGRAPHY_SX = Object.freeze({\r\n  fontSize: \"var(--text-h3)\",\r\n  fontWeight: \"var(--fw-bold)\",\r\n  color: \"var(--fg)\",\r\n});\r\n\r\nconst SUBTITLE_TYPOGRAPHY_SX = Object.freeze({\r\n  fontSize: \"var(--text-sm)\",\r\n  color: \"var(--fg-muted)\",\r\n  marginTop: \"var(--s-1)\",\r\n});\r\n\r\nconst CLOSE_ICON_BUTTON_SX = Object.freeze({\r\n  color: \"var(--fg-subtle)\",\r\n  marginRight: \"calc(-1 * var(--s-1))\",\r\n  marginTop: \"calc(-1 * var(--s-1))\",\r\n});\r\n\r\nconst DIALOG_CONTENT_SX = Object.freeze({\r\n  padding: \"var(--s-4) var(--s-5)\",\r\n  borderColor: \"var(--border)\",\r\n});\r\n\r\nconst DIALOG_ACTIONS_SX = Object.freeze({\r\n  padding: \"var(--s-3) var(--s-5) var(--s-4)\",\r\n  gap: \"var(--s-2)\",\r\n});\r\n\r\nexport type ModalSize = \"sm\" | \"md\" | \"lg\" | \"xl\";\r\n\r\nexport interface ModalProps {\r\n  open?: boolean | undefined;\r\n  onClose?: (() => void) | undefined;\r\n  title?: React.ReactNode | undefined;\r\n  subtitle?: React.ReactNode | undefined;\r\n  children?: React.ReactNode | undefined;\r\n  footer?: React.ReactNode | undefined;\r\n  size?: ModalSize | undefined;\r\n  disableBackdropClick?: boolean | undefined;\r\n  disableEscape?: boolean | undefined;\r\n  /** R-RS.2 — go full-screen below the `sm` token (< 481px). Default true. */\r\n  fullScreenOnMobile?: boolean | undefined;\r\n  /** Accessible name for the dialog when no `title` is rendered (R-M.3). */\r\n  ariaLabel?: string | undefined;\r\n  ariaLabelClose?: string | undefined;\r\n}\r\n\r\nfunction Modal({\r\n  open,\r\n  onClose,\r\n  title,\r\n  subtitle,\r\n  children,\r\n  footer,\r\n  size = \"md\",\r\n  disableBackdropClick = false,\r\n  disableEscape = false,\r\n  fullScreenOnMobile = true,\r\n  ariaLabel,\r\n  ariaLabelClose = \"Fermer la boîte de dialogue\",\r\n}: ModalProps) {\r\n  // R-Ar.5 - stable, per-instance, collision-safe ID for aria-labelledby.\r\n  const titleId = React.useId();\r\n\r\n  // R-F.2 / R-M.2 - the v2 trap is wired on the Dialog Paper element,\r\n  // activated only while the modal is open. MUI's own trap is disabled\r\n  // via the disable*Focus props on Dialog below so the two implementations\r\n  // don't compete for the same DOM event stream.\r\n  const paperRef = React.useRef<HTMLDivElement>(null);\r\n  useFocusTrap(paperRef, !!open);\r\n\r\n  // R-RS.2 — full-screen below the `sm` breakpoint TOKEN (< 481px now\r\n  // that tokens are wired into the theme). Reads the live theme so a host\r\n  // breakpoint override is honoured. Gated behind fullScreenOnMobile so a\r\n  // caller can keep a small confirm dialog centred on phones.\r\n  const theme = useTheme();\r\n  const isMobile = useMediaQuery(theme.breakpoints.down(\"sm\"));\r\n  const fullScreen = fullScreenOnMobile && isMobile;\r\n\r\n  const handleClose = (_e: unknown, reason: \"backdropClick\" | \"escapeKeyDown\") => {\r\n    if (reason === \"backdropClick\" && disableBackdropClick) return;\r\n    if (reason === \"escapeKeyDown\" && disableEscape) return;\r\n    onClose?.();\r\n  };\r\n\r\n  // R-AI.1 - modal sizing is owned by the token system (layout.modal),\r\n  // not duplicated here. See src/lib/v2/tokens/density.js.\r\n  const maxWidth = layout.modal[size] || layout.modal.md;\r\n\r\n  // MUI v9: paper slot is forwarded through slotProps.paper. The slot\r\n  // cannot be fully hoisted — embeds the dynamic maxWidth (size-driven)\r\n  // and the per-instance ref. Memo on [maxWidth, fullScreen] so the\r\n  // reference is stable until either the size or the mobile branch flips.\r\n  const slotProps = React.useMemo(\r\n    () => ({\r\n      paper: {\r\n        ref: paperRef,\r\n        sx: fullScreen\r\n          ? { ...PAPER_FULLSCREEN_SX }\r\n          : { ...PAPER_BASE_SX, maxWidth },\r\n      },\r\n      backdrop: BACKDROP_SLOT_PROPS,\r\n    }),\r\n    [maxWidth, fullScreen]\r\n  );\r\n\r\n  return (\r\n    <Dialog\r\n      open={!!open}\r\n      onClose={handleClose}\r\n      role=\"dialog\"\r\n      aria-modal=\"true\"\r\n      // Name = title text only (id is on the title Typography). Falls back\r\n      // to ariaLabel when the dialog has no title.\r\n      aria-labelledby={title != null ? titleId : undefined}\r\n      aria-label={title == null ? ariaLabel : undefined}\r\n      maxWidth={false}\r\n      // R-RS.2 — hand the full-screen decision to MUI's own prop so it\r\n      // applies the correct fullscreen paper geometry (100vw/100vh,\r\n      // no margin); our PAPER_FULLSCREEN_SX only relaxes radius/shadow.\r\n      fullScreen={fullScreen}\r\n      // Hand over focus management to useFocusTrap above. Dialog still\r\n      // owns the Portal, Backdrop, scroll lock, transitions, and Esc\r\n      // wiring - just not the focus trap itself.\r\n      disableAutoFocus\r\n      disableEnforceFocus\r\n      disableRestoreFocus\r\n      // Root sx anchors the portal at the v2 zIndex.modal token — above\r\n      // the Drawer, below snackbar/toast/tooltip. See DIALOG_ROOT_SX.\r\n      sx={DIALOG_ROOT_SX}\r\n      slotProps={slotProps}\r\n    >\r\n      <DialogTitle sx={DIALOG_TITLE_SX}>\r\n        <div>\r\n          <Typography id={titleId} variant=\"h3\" component=\"h2\" sx={TITLE_TYPOGRAPHY_SX}>\r\n            {title}\r\n          </Typography>\r\n          {subtitle && (\r\n            <Typography sx={SUBTITLE_TYPOGRAPHY_SX}>\r\n              {subtitle}\r\n            </Typography>\r\n          )}\r\n        </div>\r\n        <IconButton\r\n          aria-label={ariaLabelClose}\r\n          onClick={onClose}\r\n          size=\"small\"\r\n          sx={CLOSE_ICON_BUTTON_SX}\r\n        >\r\n          <CloseIcon fontSize=\"small\" />\r\n        </IconButton>\r\n      </DialogTitle>\r\n\r\n      <DialogContent dividers={!!footer} sx={DIALOG_CONTENT_SX}>\r\n        {children}\r\n      </DialogContent>\r\n\r\n      {footer && (\r\n        <DialogActions sx={DIALOG_ACTIONS_SX}>\r\n          {footer}\r\n        </DialogActions>\r\n      )}\r\n    </Dialog>\r\n  );\r\n}\r\n\r\nexport default Modal;\r\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,3 +1,19 @@
+export interface NetworkErrorPageLabels {
+    /** First breadcrumb crumb. */
+    breadcrumbRoot?: string | undefined;
+    /** Last breadcrumb crumb — aria-current="page". */
+    breadcrumbCurrent?: string | undefined;
+    /** ActionBar heading (the page's <h1>). */
+    title?: string | undefined;
+    /** Descriptive sentence under the code ornament (the <h2>). */
+    heading?: string | undefined;
+    /** Body paragraph — what to check, and that the service may be down. */
+    description?: string | undefined;
+    /** Secondary retry label — only rendered when onRetry is supplied. */
+    retry?: string | undefined;
+    /** Primary CTA label. */
+    home?: string | undefined;
+}
 export interface NetworkErrorPageProps {
     /** Callback for the back button (top-bar arrow). */
     onBack: () => void;
@@ -5,7 +21,9 @@ export interface NetworkErrorPageProps {
     onHome: () => void;
     /** Optional retry callback. When omitted, the Réessayer button is hidden. */
     onRetry?: (() => void) | undefined;
+    /** Overrides for the page's French defaults (P-4). */
+    labels?: NetworkErrorPageLabels | undefined;
 }
-declare function NetworkErrorPage({ onBack, onHome, onRetry }: NetworkErrorPageProps): import("react").JSX.Element;
+declare function NetworkErrorPage({ onBack, onHome, onRetry, labels }: NetworkErrorPageProps): import("react").JSX.Element;
 export default NetworkErrorPage;
 //# sourceMappingURL=NetworkErrorPage.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"NetworkErrorPage.d.ts","sourceRoot":"","sources":["../../../src/lib/v2/components/NetworkErrorPage.tsx"],"names":[],"mappings":"AAqCA,MAAM,WAAW,qBAAqB;IACpC,oDAAoD;IACpD,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,yDAAyD;IACzD,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,6EAA6E;IAC7E,OAAO,CAAC,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,SAAS,CAAC;CACpC;AAED,iBAAS,gBAAgB,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,qBAAqB,+BAiC3E;AAED,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"NetworkErrorPage.d.ts","sourceRoot":"","sources":["../../../src/lib/v2/components/NetworkErrorPage.tsx"],"names":[],"mappings":"AA0CA,MAAM,WAAW,sBAAsB;IACrC,8BAA8B;IAC9B,cAAc,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACpC,mDAAmD;IACnD,iBAAiB,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACvC,2CAA2C;IAC3C,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,+DAA+D;IAC/D,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC7B,wEAAwE;IACxE,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACjC,sEAAsE;IACtE,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,yBAAyB;IACzB,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAC3B;AAaD,MAAM,WAAW,qBAAqB;IACpC,oDAAoD;IACpD,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,yDAAyD;IACzD,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,6EAA6E;IAC7E,OAAO,CAAC,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,SAAS,CAAC;IACnC,sDAAsD;IACtD,MAAM,CAAC,EAAE,sBAAsB,GAAG,SAAS,CAAC;CAC7C;AAED,iBAAS,gBAAgB,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,EAAE,qBAAqB,+BAmCnF;AAED,eAAe,gBAAgB,CAAC"}

package/dist/v2/components/NetworkErrorPage.js

@@ -3,22 +3,23 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports.default = void 0;
 var _Box = _interopRequireDefault(require("@mui/material/Box"));
 var _ArrowBack = _interopRequireDefault(require("@mui/icons-material/ArrowBack"));
 var _WifiOff = _interopRequireDefault(require("@mui/icons-material/WifiOff"));
 var _ActionBar = _interopRequireDefault(require("../patterns/ActionBar"));
 var _Button = _interopRequireDefault(require("./Button"));
 var _ErrorPageBody = _interopRequireDefault(require("./_ErrorPageBody"));
+var _mergeLabels = require("../utils/mergeLabels");
 var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 /**
  * NetworkErrorPage — Portnet UI v2 (component)
  *
  * Charter §07 · Connexion perdue.
  *
  * Same contract as ServerErrorPage: router-agnostic with required
- * onBack + onHome and an optional onRetry. The code heading reads
+ * onBack + onHome and an optional onRetry. The code ornament reads
  * "—" since there is no HTTP status to surface.
  *
  *   import { NetworkErrorPage } from "@portnet/ui/lib/v2";
@@ -35,6 +36,10 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
  *     );
  *   }
  *
+ * Localisation (P-4): every visible string is overridable through
+ * `labels`, defaulting to French. The shape matches the other three
+ * error pages so one translation object can serve all of them.
+ *
  * NB: for TRANSIENT connection drops during normal navigation, the
  * v2.NetworkErrorBanner (top of the page, with inline Retry CTA)
  * is the charter-preferred pattern — Charter R-A.3 explicitly
@@ -43,44 +48,56 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
  * This page is for the explicit /network-error route only.
  */
 
-function NetworkErrorPage(_ref) {
-  var onBack = _ref.onBack,
-    onHome = _ref.onHome,
-    onRetry = _ref.onRetry;
+const DEFAULT_LABELS = Object.freeze({
+  breadcrumbRoot: "Erreur",
+  breadcrumbCurrent: "Connexion perdue",
+  title: "Connexion perdue",
+  heading: "Aucune connexion au serveur",
+  description: "Vérifiez votre connexion réseau, puis réessayez. Si vous êtes connecté, le service est peut-être momentanément interrompu.",
+  retry: "Réessayer",
+  home: "Retour à l'accueil"
+});
+function NetworkErrorPage({
+  onBack,
+  onHome,
+  onRetry,
+  labels
+}) {
+  const L = (0, _mergeLabels.mergeLabels)(DEFAULT_LABELS, labels);
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ActionBar["default"], {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ActionBar.default, {
       back: onBack,
-      breadcrumb: ["Erreur", "Connexion perdue"],
-      title: "Connexion perdue"
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ErrorPageBody["default"], {
-      icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_WifiOff["default"], {
+      breadcrumb: [L.breadcrumbRoot, L.breadcrumbCurrent],
+      title: L.title
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ErrorPageBody.default, {
+      icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_WifiOff.default, {
         sx: {
           fontSize: 64,
           color: "var(--warning)"
         }
       }),
       code: "\u2014",
-      title: "Aucune connexion au serveur",
-      description: "V\xE9rifiez votre connexion r\xE9seau, puis r\xE9essayez. Si vous \xEAtes connect\xE9, le service est peut-\xEAtre momentan\xE9ment interrompu."
-    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box["default"], {
+      title: L.heading,
+      description: L.description
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, {
       sx: {
         display: "flex",
         justifyContent: "center",
         gap: "var(--s-3)",
         paddingBottom: "var(--s-7)"
       },
-      children: [onRetry ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button["default"], {
+      children: [onRetry ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
         variant: "ghost",
         onClick: onRetry,
-        children: "R\xE9essayer"
-      }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button["default"], {
+        children: L.retry
+      }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
         variant: "primary",
-        icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ArrowBack["default"], {}),
+        icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ArrowBack.default, {}),
         onClick: onHome,
-        children: "Retour \xE0 l'accueil"
+        children: L.home
       })]
     })]
   });
 }
-var _default = exports["default"] = NetworkErrorPage;
+var _default = exports.default = NetworkErrorPage;
 //# sourceMappingURL=NetworkErrorPage.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"NetworkErrorPage.js","names":["_Box","_interopRequireDefault","require","_ArrowBack","_WifiOff","_ActionBar","_Button","_ErrorPageBody","_jsxRuntime","obj","__esModule","NetworkErrorPage","_ref","onBack","onHome","onRetry","jsxs","Fragment","children","jsx","back","breadcrumb","title","icon","sx","fontSize","color","code","description","display","justifyContent","gap","paddingBottom","variant","onClick","_default","exports"],"sources":["../../../src/lib/v2/components/NetworkErrorPage.tsx"],"sourcesContent":["/**\r\n * NetworkErrorPage — Portnet UI v2 (component)\r\n *\r\n * Charter §07 · Connexion perdue.\r\n *\r\n * Same contract as ServerErrorPage: router-agnostic with required\r\n * onBack + onHome and an optional onRetry. The code heading reads\r\n * \"—\" since there is no HTTP status to surface.\r\n *\r\n *   import { NetworkErrorPage } from \"@portnet/ui/lib/v2\";\r\n *   import { useNavigate } from \"react-router-dom\";\r\n *\r\n *   function NetworkErrorRoute() {\r\n *     const navigate = useNavigate();\r\n *     return (\r\n *       <NetworkErrorPage\r\n *         onBack={() => navigate(-1)}\r\n *         onHome={() => navigate(\"/\")}\r\n *         onRetry={() => window.location.reload()}\r\n *       />\r\n *     );\r\n *   }\r\n *\r\n * NB: for TRANSIENT connection drops during normal navigation, the\r\n * v2.NetworkErrorBanner (top of the page, with inline Retry CTA)\r\n * is the charter-preferred pattern — Charter R-A.3 explicitly\r\n * forbids forced navigation to a full error page on transient\r\n * network failure, since it destroys the user's current context.\r\n * This page is for the explicit /network-error route only.\r\n */\r\nimport Box from \"@mui/material/Box\";\r\nimport ArrowBack from \"@mui/icons-material/ArrowBack\";\r\nimport WifiOff from \"@mui/icons-material/WifiOff\";\r\nimport ActionBar from \"../patterns/ActionBar\";\r\nimport Button from \"./Button\";\r\nimport ErrorPageBody from \"./_ErrorPageBody\";\r\n\r\nexport interface NetworkErrorPageProps {\r\n  /** Callback for the back button (top-bar arrow). */\r\n  onBack: () => void;\r\n  /** Callback for the primary \"Retour à l'accueil\" CTA. */\r\n  onHome: () => void;\r\n  /** Optional retry callback. When omitted, the Réessayer button is hidden. */\r\n  onRetry?: (() => void) | undefined;\r\n}\r\n\r\nfunction NetworkErrorPage({ onBack, onHome, onRetry }: NetworkErrorPageProps) {\r\n  return (\r\n    <>\r\n      <ActionBar\r\n        back={onBack}\r\n        breadcrumb={[\"Erreur\", \"Connexion perdue\"]}\r\n        title=\"Connexion perdue\"\r\n      />\r\n      <ErrorPageBody\r\n        icon={<WifiOff sx={{ fontSize: 64, color: \"var(--warning)\" }} />}\r\n        code=\"—\"\r\n        title=\"Aucune connexion au serveur\"\r\n        description=\"Vérifiez votre connexion réseau, puis réessayez. Si vous êtes connecté, le service est peut-être momentanément interrompu.\"\r\n      />\r\n      <Box\r\n        sx={{\r\n          display:        \"flex\",\r\n          justifyContent: \"center\",\r\n          gap:            \"var(--s-3)\",\r\n          paddingBottom:  \"var(--s-7)\",\r\n        }}\r\n      >\r\n        {onRetry ? (\r\n          <Button variant=\"ghost\" onClick={onRetry}>\r\n            Réessayer\r\n          </Button>\r\n        ) : null}\r\n        <Button variant=\"primary\" icon={<ArrowBack />} onClick={onHome}>\r\n          Retour à l'accueil\r\n        </Button>\r\n      </Box>\r\n    </>\r\n  );\r\n}\r\n\r\nexport default NetworkErrorPage;\r\n"],"mappings":";;;;;;AA8BA,IAAAA,IAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,QAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,UAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,OAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,cAAA,GAAAN,sBAAA,CAAAC,OAAA;AAA6C,IAAAM,WAAA,GAAAN,OAAA;AAAA,SAAAD,uBAAAQ,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,gBAAAA,GAAA;AAnC7C;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;;AAiBA,SAASE,gBAAgBA,CAAAC,IAAA,EAAqD;EAAA,IAAlDC,MAAM,GAAAD,IAAA,CAANC,MAAM;IAAEC,MAAM,GAAAF,IAAA,CAANE,MAAM;IAAEC,OAAO,GAAAH,IAAA,CAAPG,OAAO;EACjD,oBACE,IAAAP,WAAA,CAAAQ,IAAA,EAAAR,WAAA,CAAAS,QAAA;IAAAC,QAAA,gBACE,IAAAV,WAAA,CAAAW,GAAA,EAACd,UAAA,WAAS;MACRe,IAAI,EAAEP,MAAO;MACbQ,UAAU,EAAE,CAAC,QAAQ,EAAE,kBAAkB,CAAE;MAC3CC,KAAK,EAAC;IAAkB,CACzB,CAAC,eACF,IAAAd,WAAA,CAAAW,GAAA,EAACZ,cAAA,WAAa;MACZgB,IAAI,eAAE,IAAAf,WAAA,CAAAW,GAAA,EAACf,QAAA,WAAO;QAACoB,EAAE,EAAE;UAAEC,QAAQ,EAAE,EAAE;UAAEC,KAAK,EAAE;QAAiB;MAAE,CAAE,CAAE;MACjEC,IAAI,EAAC,QAAG;MACRL,KAAK,EAAC,6BAA6B;MACnCM,WAAW,EAAC;IAA4H,CACzI,CAAC,eACF,IAAApB,WAAA,CAAAQ,IAAA,EAAChB,IAAA,WAAG;MACFwB,EAAE,EAAE;QACFK,OAAO,EAAS,MAAM;QACtBC,cAAc,EAAE,QAAQ;QACxBC,GAAG,EAAa,YAAY;QAC5BC,aAAa,EAAG;MAClB,CAAE;MAAAd,QAAA,GAEDH,OAAO,gBACN,IAAAP,WAAA,CAAAW,GAAA,EAACb,OAAA,WAAM;QAAC2B,OAAO,EAAC,OAAO;QAACC,OAAO,EAAEnB,OAAQ;QAAAG,QAAA,EAAC;MAE1C,CAAQ,CAAC,GACP,IAAI,eACR,IAAAV,WAAA,CAAAW,GAAA,EAACb,OAAA,WAAM;QAAC2B,OAAO,EAAC,SAAS;QAACV,IAAI,eAAE,IAAAf,WAAA,CAAAW,GAAA,EAAChB,UAAA,WAAS,IAAE,CAAE;QAAC+B,OAAO,EAAEpB,MAAO;QAAAI,QAAA,EAAC;MAEhE,CAAQ,CAAC;IAAA,CACN,CAAC;EAAA,CACN,CAAC;AAEP;AAAC,IAAAiB,QAAA,GAAAC,OAAA,cAEczB,gBAAgB","ignoreList":[]}
+{"version":3,"file":"NetworkErrorPage.js","names":["_Box","_interopRequireDefault","require","_ArrowBack","_WifiOff","_ActionBar","_Button","_ErrorPageBody","_mergeLabels","_jsxRuntime","e","__esModule","default","DEFAULT_LABELS","Object","freeze","breadcrumbRoot","breadcrumbCurrent","title","heading","description","retry","home","NetworkErrorPage","onBack","onHome","onRetry","labels","L","mergeLabels","jsxs","Fragment","children","jsx","back","breadcrumb","icon","sx","fontSize","color","code","display","justifyContent","gap","paddingBottom","variant","onClick","_default","exports"],"sources":["../../../src/lib/v2/components/NetworkErrorPage.tsx"],"sourcesContent":["/**\r\n * NetworkErrorPage — Portnet UI v2 (component)\r\n *\r\n * Charter §07 · Connexion perdue.\r\n *\r\n * Same contract as ServerErrorPage: router-agnostic with required\r\n * onBack + onHome and an optional onRetry. The code ornament reads\r\n * \"—\" since there is no HTTP status to surface.\r\n *\r\n *   import { NetworkErrorPage } from \"@portnet/ui/lib/v2\";\r\n *   import { useNavigate } from \"react-router-dom\";\r\n *\r\n *   function NetworkErrorRoute() {\r\n *     const navigate = useNavigate();\r\n *     return (\r\n *       <NetworkErrorPage\r\n *         onBack={() => navigate(-1)}\r\n *         onHome={() => navigate(\"/\")}\r\n *         onRetry={() => window.location.reload()}\r\n *       />\r\n *     );\r\n *   }\r\n *\r\n * Localisation (P-4): every visible string is overridable through\r\n * `labels`, defaulting to French. The shape matches the other three\r\n * error pages so one translation object can serve all of them.\r\n *\r\n * NB: for TRANSIENT connection drops during normal navigation, the\r\n * v2.NetworkErrorBanner (top of the page, with inline Retry CTA)\r\n * is the charter-preferred pattern — Charter R-A.3 explicitly\r\n * forbids forced navigation to a full error page on transient\r\n * network failure, since it destroys the user's current context.\r\n * This page is for the explicit /network-error route only.\r\n */\r\nimport Box from \"@mui/material/Box\";\r\nimport ArrowBack from \"@mui/icons-material/ArrowBack\";\r\nimport WifiOff from \"@mui/icons-material/WifiOff\";\r\nimport ActionBar from \"../patterns/ActionBar\";\r\nimport Button from \"./Button\";\r\nimport ErrorPageBody from \"./_ErrorPageBody\";\r\nimport { mergeLabels } from \"../utils/mergeLabels\";\r\n\r\nexport interface NetworkErrorPageLabels {\r\n  /** First breadcrumb crumb. */\r\n  breadcrumbRoot?: string | undefined;\r\n  /** Last breadcrumb crumb — aria-current=\"page\". */\r\n  breadcrumbCurrent?: string | undefined;\r\n  /** ActionBar heading (the page's <h1>). */\r\n  title?: string | undefined;\r\n  /** Descriptive sentence under the code ornament (the <h2>). */\r\n  heading?: string | undefined;\r\n  /** Body paragraph — what to check, and that the service may be down. */\r\n  description?: string | undefined;\r\n  /** Secondary retry label — only rendered when onRetry is supplied. */\r\n  retry?: string | undefined;\r\n  /** Primary CTA label. */\r\n  home?: string | undefined;\r\n}\r\n\r\nconst DEFAULT_LABELS = Object.freeze({\r\n  breadcrumbRoot:    \"Erreur\",\r\n  breadcrumbCurrent: \"Connexion perdue\",\r\n  title:             \"Connexion perdue\",\r\n  heading:           \"Aucune connexion au serveur\",\r\n  description:\r\n    \"Vérifiez votre connexion réseau, puis réessayez. Si vous êtes connecté, le service est peut-être momentanément interrompu.\",\r\n  retry:             \"Réessayer\",\r\n  home:              \"Retour à l'accueil\",\r\n});\r\n\r\nexport interface NetworkErrorPageProps {\r\n  /** Callback for the back button (top-bar arrow). */\r\n  onBack: () => void;\r\n  /** Callback for the primary \"Retour à l'accueil\" CTA. */\r\n  onHome: () => void;\r\n  /** Optional retry callback. When omitted, the Réessayer button is hidden. */\r\n  onRetry?: (() => void) | undefined;\r\n  /** Overrides for the page's French defaults (P-4). */\r\n  labels?: NetworkErrorPageLabels | undefined;\r\n}\r\n\r\nfunction NetworkErrorPage({ onBack, onHome, onRetry, labels }: NetworkErrorPageProps) {\r\n  const L = mergeLabels(DEFAULT_LABELS, labels);\r\n\r\n  return (\r\n    <>\r\n      <ActionBar\r\n        back={onBack}\r\n        breadcrumb={[L.breadcrumbRoot, L.breadcrumbCurrent]}\r\n        title={L.title}\r\n      />\r\n      <ErrorPageBody\r\n        icon={<WifiOff sx={{ fontSize: 64, color: \"var(--warning)\" }} />}\r\n        code=\"—\"\r\n        title={L.heading}\r\n        description={L.description}\r\n      />\r\n      <Box\r\n        sx={{\r\n          display:        \"flex\",\r\n          justifyContent: \"center\",\r\n          gap:            \"var(--s-3)\",\r\n          paddingBottom:  \"var(--s-7)\",\r\n        }}\r\n      >\r\n        {onRetry ? (\r\n          <Button variant=\"ghost\" onClick={onRetry}>\r\n            {L.retry}\r\n          </Button>\r\n        ) : null}\r\n        <Button variant=\"primary\" icon={<ArrowBack />} onClick={onHome}>\r\n          {L.home}\r\n        </Button>\r\n      </Box>\r\n    </>\r\n  );\r\n}\r\n\r\nexport default NetworkErrorPage;\r\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,9 +1,25 @@
+export interface NotFoundPageLabels {
+    /** First breadcrumb crumb. */
+    breadcrumbRoot?: string | undefined;
+    /** Last breadcrumb crumb — aria-current="page". */
+    breadcrumbCurrent?: string | undefined;
+    /** ActionBar heading (the page's <h1>). */
+    title?: string | undefined;
+    /** Descriptive sentence under the code ornament (the <h2>). */
+    heading?: string | undefined;
+    /** Body paragraph — names the likely causes and the one action. */
+    description?: string | undefined;
+    /** Primary CTA label. */
+    home?: string | undefined;
+}
 export interface NotFoundPageProps {
     /** Callback for the back button (top-bar arrow). */
     onBack: () => void;
     /** Callback for the primary "Retour à l'accueil" CTA. */
     onHome: () => void;
+    /** Overrides for the page's French defaults (P-4). */
+    labels?: NotFoundPageLabels | undefined;
 }
-declare function NotFoundPage({ onBack, onHome }: NotFoundPageProps): import("react").JSX.Element;
+declare function NotFoundPage({ onBack, onHome, labels }: NotFoundPageProps): import("react").JSX.Element;
 export default NotFoundPage;
 //# sourceMappingURL=NotFoundPage.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"NotFoundPage.d.ts","sourceRoot":"","sources":["../../../src/lib/v2/components/NotFoundPage.tsx"],"names":[],"mappings":"AAuBA,MAAM,WAAW,iBAAiB;IAChC,oDAAoD;IACpD,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,yDAAyD;IACzD,MAAM,EAAE,MAAM,IAAI,CAAC;CACpB;AAED,iBAAS,YAAY,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,EAAE,iBAAiB,+BAqB1D;AAED,eAAe,YAAY,CAAC"}
+{"version":3,"file":"NotFoundPage.d.ts","sourceRoot":"","sources":["../../../src/lib/v2/components/NotFoundPage.tsx"],"names":[],"mappings":"AA+BA,MAAM,WAAW,kBAAkB;IACjC,8BAA8B;IAC9B,cAAc,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACpC,mDAAmD;IACnD,iBAAiB,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACvC,2CAA2C;IAC3C,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,+DAA+D;IAC/D,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC7B,mEAAmE;IACnE,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACjC,yBAAyB;IACzB,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAC3B;AAYD,MAAM,WAAW,iBAAiB;IAChC,oDAAoD;IACpD,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,yDAAyD;IACzD,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,sDAAsD;IACtD,MAAM,CAAC,EAAE,kBAAkB,GAAG,SAAS,CAAC;CACzC;AAED,iBAAS,YAAY,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,EAAE,iBAAiB,+BAuBlE;AAED,eAAe,YAAY,CAAC"}