@portnet/ui 6.0.1 → 6.0.3

package/dist/v2/components/Drawer.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 _Drawer = _interopRequireDefault(require("@mui/material/Drawer"));
 var _IconButton = _interopRequireDefault(require("@mui/material/IconButton"));
@@ -16,15 +16,9 @@ var _tokens = require("../tokens");
 var _useFocusTrap = _interopRequireDefault(require("../hooks/useFocusTrap"));
 var _mergeLabels = require("../utils/mergeLabels");
 var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-function _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); }
+/**
  * Drawer - Portnet UI v2
  *
  * Charter §03 · Component "Drawer". Detail panel without leaving the list.
@@ -73,13 +67,12 @@ function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input ==
  *   The J/K listener is attached to `window`; multiple simultaneously-
  *   open drawers would all receive the keypress and call their own
  *   onPrev/onNext. Product convention is ONE drawer at a time.
- */
-var DEFAULT_LABELS = Object.freeze({
+ */const DEFAULT_LABELS = Object.freeze({
   prev: "Précédent",
   next: "Suivant",
   close: "Fermer (Échap)"
 });
-var DRAWER_ROOT_SX = Object.freeze({
+const DRAWER_ROOT_SX = Object.freeze({
   // v2 z-index token (zIndex.js). drawer:80 sits above sticky page
   // chrome (<=60) and BELOW modal:100, so MUI popups opened from
   // inside the drawer (Combobox/Autocomplete listboxes, X date-picker
@@ -89,7 +82,7 @@ var DRAWER_ROOT_SX = Object.freeze({
   // buried behind the drawer (at 1300) — clicking them "did nothing".
   zIndex: _tokens.zIndex.drawer
 });
-var HEADER_STICKY_SX = Object.freeze({
+const HEADER_STICKY_SX = Object.freeze({
   padding: "var(--s-4) var(--s-5)",
   borderBottom: "1px solid var(--border)",
   position: "sticky",
@@ -110,15 +103,40 @@ var HEADER_STICKY_SX = Object.freeze({
  * is where the nav cluster used to sit. Logical property so it holds in RTL
  * — the header already uses marginInlineStart for the J/K hint.
  */
-var HEADER_ACTIONS_SX = Object.freeze({
+const HEADER_ACTIONS_SX = Object.freeze({
   display: "flex",
   alignItems: "center",
   gap: "var(--s-1)",
   marginInlineStart: "auto"
 });
+
+/**
+ * Cible tactile des boutons d'icône de l'en-tête (R-7.4 / WCAG 2.5.5).
+ *
+ * Le docblock de `tokens/density` énonce la règle sans ambiguïté : « Icon-only
+ * buttons MUST set min-width/min-height to `tactileMin` », parce que la hauteur
+ * VISUELLE d'un bouton peut descendre sous 44 px dans les paliers de densité
+ * serrés sans que la zone d'appui le puisse. Les trois boutons de cet en-tête
+ * — précédent, suivant, fermer — étaient des `IconButton size="small"` sans
+ * plancher : environ 34 px, soit dix de moins que le minimum que ce même socle
+ * impose à ses hôtes.
+ *
+ * L'écart est resté invisible tant que la navigation entre items était peu
+ * câblée : un tiroir de filtres ne rend que le bouton de fermeture. Un module
+ * qui équipe ses aperçus de `onPrev`/`onNext` en expose trois par tiroir.
+ *
+ * `min*` et non `width`/`height` : la zone d'appui grandit, le dessin de
+ * l'icône ne change pas — c'est exactement la distinction que fait la note de
+ * `tokens/density`.
+ */
+const HEADER_ICON_BUTTON_SX = Object.freeze({
+  color: "var(--fg-muted)",
+  minWidth: _tokens.layout.tactileMin,
+  minHeight: _tokens.layout.tactileMin
+});
 function isEditableTarget(target) {
   if (!(target instanceof HTMLElement)) return false;
-  var tag = target.tagName;
+  const tag = target.tagName;
   if (tag === "INPUT" || tag === "TEXTAREA" || tag === "SELECT") return true;
   if (target.isContentEditable) return true;
   return false;
@@ -138,27 +156,24 @@ function innerCornerSx(anchor) {
   }
   return {};
 }
-function Drawer(_ref) {
-  var open = _ref.open,
-    onClose = _ref.onClose,
-    _ref$width = _ref.width,
-    width = _ref$width === void 0 ? _tokens.layout.drawer : _ref$width,
-    title = _ref.title,
-    subtitle = _ref.subtitle,
-    ariaLabel = _ref.ariaLabel,
-    status = _ref.status,
-    actions = _ref.actions,
-    onPrev = _ref.onPrev,
-    onNext = _ref.onNext,
-    _ref$hasPrev = _ref.hasPrev,
-    hasPrev = _ref$hasPrev === void 0 ? false : _ref$hasPrev,
-    _ref$hasNext = _ref.hasNext,
-    hasNext = _ref$hasNext === void 0 ? false : _ref$hasNext,
-    children = _ref.children,
-    _ref$anchor = _ref.anchor,
-    anchor = _ref$anchor === void 0 ? "right" : _ref$anchor,
-    labels = _ref.labels;
-  var L = (0, _mergeLabels.mergeLabels)(DEFAULT_LABELS, labels);
+function Drawer({
+  open,
+  onClose,
+  width = _tokens.layout.drawer,
+  title,
+  subtitle,
+  ariaLabel,
+  status,
+  actions,
+  onPrev,
+  onNext,
+  hasPrev = false,
+  hasNext = false,
+  children,
+  anchor = "right",
+  labels
+}) {
+  const L = (0, _mergeLabels.mergeLabels)(DEFAULT_LABELS, labels);
 
   /*
    * D-A10.2 — does this drawer navigate between items at all?
@@ -168,7 +183,7 @@ function Drawer(_ref) {
    * cluster disabled, because navigation is part of what that drawer is. A
    * filter panel supplies no handler and has no such affordance to disable.
    */
-  var hasItemNavigation = onPrev !== undefined || onNext !== undefined;
+  const hasItemNavigation = onPrev !== undefined || onNext !== undefined;
 
   // R-Ar.5 - stable, per-instance, collision-safe id for aria-labelledby.
   // Points at the <h2> Typography that already renders {title}. Resolves
@@ -176,9 +191,9 @@ function Drawer(_ref) {
   // aria-labelledby reads the rendered text content. Replaces the previous
   // `aria-label={typeof title === "string" ? title : undefined}` which
   // left JSX-titled drawers unlabelled (B5-1).
-  var titleId = React.useId();
-  var paperRef = React.useRef(null);
-  (0, _useFocusTrap["default"])(paperRef, !!open);
+  const titleId = React.useId();
+  const paperRef = React.useRef(null);
+  (0, _useFocusTrap.default)(paperRef, !!open);
 
   /*
    * Escape must close EVERY drawer, so this effect binds whether or not item
@@ -186,46 +201,42 @@ function Drawer(_ref) {
    * hasNext/hasPrev, which a filter panel leaves false, so they are inert
    * there rather than needing their own guard.
    */
-  React.useEffect(function () {
+  React.useEffect(() => {
     if (!open) return undefined;
-    var handler = function handler(e) {
+    const handler = e => {
       if (e.key === "Escape") {
-        onClose === null || onClose === void 0 ? void 0 : onClose();
+        onClose?.();
         return;
       }
       if (isEditableTarget(e.target)) return;
       if ((e.key === "j" || e.key === "ArrowDown") && hasNext) {
         e.preventDefault();
-        onNext === null || onNext === void 0 ? void 0 : onNext();
+        onNext?.();
       } else if ((e.key === "k" || e.key === "ArrowUp") && hasPrev) {
         e.preventDefault();
-        onPrev === null || onPrev === void 0 ? void 0 : onPrev();
+        onPrev?.();
       }
     };
     window.addEventListener("keydown", handler);
-    return function () {
-      return window.removeEventListener("keydown", handler);
-    };
+    return () => window.removeEventListener("keydown", handler);
   }, [open, onClose, onNext, onPrev, hasNext, hasPrev]);
 
   // MUI v9: paper slot forwarded through slotProps.paper. Wired with a
   // useMemo so the ref + sx bag keeps reference stability across renders
   // where `width` and `anchor` don't change.
-  var slotProps = React.useMemo(function () {
-    return {
-      paper: {
-        ref: paperRef,
-        sx: _objectSpread(_objectSpread({
-          width: width,
-          maxWidth: "100vw"
-        }, innerCornerSx(anchor)), {}, {
-          backgroundColor: "var(--surface)",
-          boxShadow: "var(--shadow-lg)"
-        })
+  const slotProps = React.useMemo(() => ({
+    paper: {
+      ref: paperRef,
+      sx: {
+        width,
+        maxWidth: "100vw",
+        ...innerCornerSx(anchor),
+        backgroundColor: "var(--surface)",
+        boxShadow: "var(--shadow-lg)"
       }
-    };
-  }, [width, anchor]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Drawer["default"], {
+    }
+  }), [width, anchor]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Drawer.default, {
     anchor: anchor,
     open: !!open,
     onClose: onClose,
@@ -244,44 +255,40 @@ function Drawer(_ref) {
     ,
     sx: DRAWER_ROOT_SX,
     slotProps: slotProps,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box["default"], {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, {
       sx: HEADER_STICKY_SX,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box["default"], {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, {
         sx: {
           display: "flex",
           alignItems: "center",
           justifyContent: "space-between",
           marginBottom: "var(--s-2)"
         },
-        children: [hasItemNavigation && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box["default"], {
+        children: [hasItemNavigation && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, {
           sx: {
             display: "flex",
             alignItems: "center",
             gap: "var(--s-1)"
           },
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_IconButton["default"], {
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_IconButton.default, {
             size: "small",
             onClick: onPrev,
             disabled: !hasPrev,
             "aria-label": L.prev,
-            sx: {
-              color: "var(--fg-muted)"
-            },
-            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_KeyboardArrowUp["default"], {
+            sx: HEADER_ICON_BUTTON_SX,
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_KeyboardArrowUp.default, {
               fontSize: "small"
             })
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconButton["default"], {
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconButton.default, {
             size: "small",
             onClick: onNext,
             disabled: !hasNext,
             "aria-label": L.next,
-            sx: {
-              color: "var(--fg-muted)"
-            },
-            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_KeyboardArrowDown["default"], {
+            sx: HEADER_ICON_BUTTON_SX,
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_KeyboardArrowDown.default, {
               fontSize: "small"
             })
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography["default"], {
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
             sx: {
               fontSize: "var(--text-xs)",
               color: "var(--fg-subtle)",
@@ -289,26 +296,24 @@ function Drawer(_ref) {
             },
             children: "J / K"
           })]
-        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box["default"], {
+        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, {
           sx: HEADER_ACTIONS_SX,
-          children: [actions, /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconButton["default"], {
+          children: [actions, /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconButton.default, {
             size: "small",
             onClick: onClose,
             "aria-label": L.close,
-            sx: {
-              color: "var(--fg-muted)"
-            },
-            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Close["default"], {
+            sx: HEADER_ICON_BUTTON_SX,
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Close.default, {
               fontSize: "small"
             })
           })]
         })]
-      }), status && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box["default"], {
+      }), status && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
         sx: {
           marginBottom: "var(--s-2)"
         },
         children: status
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography["default"], {
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
         id: titleId,
         component: "h2",
         sx: {
@@ -318,7 +323,7 @@ function Drawer(_ref) {
           lineHeight: "var(--lh-snug)"
         },
         children: title
-      }), subtitle && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography["default"], {
+      }), subtitle && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
         sx: {
           fontSize: "var(--text-sm)",
           color: "var(--fg-muted)",
@@ -326,7 +331,7 @@ function Drawer(_ref) {
         },
         children: subtitle
       })]
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box["default"], {
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
       sx: {
         padding: "var(--s-4) var(--s-5)",
         overflowY: "auto",
@@ -336,5 +341,5 @@ function Drawer(_ref) {
     })]
   });
 }
-var _default = exports["default"] = Drawer;
+var _default = exports.default = Drawer;
 //# sourceMappingURL=Drawer.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Drawer.js","names":["React","_interopRequireWildcard","require","_Drawer","_interopRequireDefault","_IconButton","_Close","_KeyboardArrowUp","_KeyboardArrowDown","_Box","_Typography","_tokens","_useFocusTrap","_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_LABELS","freeze","prev","next","close","DRAWER_ROOT_SX","zIndex","drawer","HEADER_STICKY_SX","padding","borderBottom","position","top","background","HEADER_ACTIONS_SX","display","alignItems","gap","marginInlineStart","isEditableTarget","HTMLElement","tag","tagName","isContentEditable","innerCornerSx","anchor","borderTopLeftRadius","borderBottomLeftRadius","borderTopRightRadius","borderBottomRightRadius","Drawer","_ref","open","onClose","_ref$width","width","layout","title","subtitle","ariaLabel","status","actions","onPrev","onNext","_ref$hasPrev","hasPrev","_ref$hasNext","hasNext","children","_ref$anchor","labels","L","mergeLabels","hasItemNavigation","titleId","useId","paperRef","useRef","useFocusTrap","useEffect","handler","e","preventDefault","window","addEventListener","removeEventListener","slotProps","useMemo","paper","ref","sx","maxWidth","backgroundColor","boxShadow","jsxs","role","disableAutoFocus","disableEnforceFocus","disableRestoreFocus","justifyContent","marginBottom","jsx","size","onClick","disabled","color","fontSize","id","component","fontWeight","lineHeight","marginTop","overflowY","flex","_default","exports"],"sources":["../../../src/lib/v2/components/Drawer.tsx"],"sourcesContent":["import * as React from \"react\";\r\nimport MuiDrawer from \"@mui/material/Drawer\";\r\nimport IconButton from \"@mui/material/IconButton\";\r\nimport CloseIcon from \"@mui/icons-material/Close\";\r\nimport KeyboardArrowUpIcon from \"@mui/icons-material/KeyboardArrowUp\";\r\nimport KeyboardArrowDownIcon from \"@mui/icons-material/KeyboardArrowDown\";\r\nimport Box from \"@mui/material/Box\";\r\nimport Typography from \"@mui/material/Typography\";\r\nimport type { SxProps, Theme } from \"@mui/material/styles\";\r\nimport { layout, zIndex } from \"../tokens\";\r\nimport useFocusTrap from \"../hooks/useFocusTrap\";\r\nimport { mergeLabels } from \"../utils/mergeLabels\";\r\n\r\n/**\r\n * Drawer - Portnet UI v2\r\n *\r\n * Charter §03 · Component \"Drawer\". Detail panel without leaving the list.\r\n *\r\n *   R-DG.9 - Action de ligne = drawer/popup (pas full-page sauf édition).\r\n *   R-M.1  - Esc ferme.\r\n *   R-F.2  - Focus trap, restoration au déclencheur. Backed by the v2\r\n *            useFocusTrap hook (Batch 3) - honours [autofocus] and\r\n *            [data-autofocus] markers, coordinates with nested traps\r\n *            via a module-level trapStack, and filters\r\n *            disabled/hidden/inert subtrees.\r\n *   R-K.2  - J/K/Arrow nav must NOT fire when an editable element has focus.\r\n *   R-Ar.5 - aria-labelledby points at the rendered <h2> title so the\r\n *            drawer is properly named to AT regardless of whether the\r\n *            title is a string or a JSX node (audit Batch 5 / B5-1). When\r\n *            no title is provided, pass `ariaLabel` to name the drawer.\r\n *   J / K  ou ↑ / ↓ → navigation entre items voisins.\r\n *\r\n * ── ITEM NAVIGATION IS OPT-IN (D-A10.2) ──────────────────────────────\r\n *\r\n * The prev/next cluster and its \"J / K\" hint render ONLY when `onPrev` or\r\n * `onNext` is supplied. This component serves two distinct jobs: item\r\n * preview, which navigates, and the charter's collapsible filter panel,\r\n * which does not. Rendering the cluster unconditionally gave every filter\r\n * drawer two permanently disabled buttons and a keyboard hint for a\r\n * shortcut with no effect — Guidance / Nielsen #8. A control that can\r\n * never become enabled is not a disabled control, it is noise.\r\n *\r\n * Preview callers pass both handlers and see no change.\r\n *\r\n * Stacking:\r\n *   The drawer's portal layer uses the v2 `zIndex.drawer` token (80),\r\n *   so it sits above sticky page chrome (sticky/topbar/overflow/\r\n *   popover, all <= 60) and BELOW `modal` (100), `snackbar` (150),\r\n *   `toast` (200) and `tooltip` (250). Sitting below the modal layer\r\n *   is deliberate and load-bearing: MUI popups opened from INSIDE the\r\n *   drawer (Combobox/Autocomplete listboxes and the X date-picker\r\n *   calendars, which render at theme.zIndex.modal) and any nested\r\n *   ConfirmDialog/Modal must stack ABOVE the drawer, not behind it.\r\n *   (A previous build hardcoded 1300 here — a leftover from MUI's\r\n *   default 1100..1500 scale before the v2 remap to 0..250 — which\r\n *   buried those popups at 100 behind the drawer and made them look\r\n *   unresponsive.)\r\n *\r\n * Multi-drawer assumption:\r\n *   The J/K listener is attached to `window`; multiple simultaneously-\r\n *   open drawers would all receive the keypress and call their own\r\n *   onPrev/onNext. Product convention is ONE drawer at a time.\r\n */\r\n\r\nconst DEFAULT_LABELS = Object.freeze({\r\n  prev:  \"Précédent\",\r\n  next:  \"Suivant\",\r\n  close: \"Fermer (Échap)\",\r\n});\r\n\r\nconst DRAWER_ROOT_SX = Object.freeze({\r\n  // v2 z-index token (zIndex.js). drawer:80 sits above sticky page\r\n  // chrome (<=60) and BELOW modal:100, so MUI popups opened from\r\n  // inside the drawer (Combobox/Autocomplete listboxes, X date-picker\r\n  // calendars — all rendered at theme.zIndex.modal) stack ABOVE it.\r\n  // The previous hardcoded 1300 predated the v2 remap of MUI's\r\n  // 1100..1500 scale down to 0..250 and left those popups (at 100)\r\n  // buried behind the drawer (at 1300) — clicking them \"did nothing\".\r\n  zIndex: zIndex.drawer,\r\n});\r\n\r\nconst HEADER_STICKY_SX = Object.freeze({\r\n  padding: \"var(--s-4) var(--s-5)\",\r\n  borderBottom: \"1px solid var(--border)\",\r\n  position: \"sticky\",\r\n  top: 0,\r\n  background: \"var(--surface)\",\r\n  // Drawer header sits ABOVE the drawer body content. The drawer\r\n  // already establishes its own stacking context via the root\r\n  // z-index, so this only competes within the drawer locally.\r\n  zIndex: 1,\r\n} satisfies SxProps<Theme>);\r\n\r\n/*\r\n * Right-hand cluster (caller actions + close).\r\n *\r\n * marginInlineStart:\"auto\" pins it to the inline end REGARDLESS of whether\r\n * the navigation cluster is rendered. The row is space-between, so without\r\n * this the close button would slide to flex-start on a filter drawer, which\r\n * is where the nav cluster used to sit. Logical property so it holds in RTL\r\n * — the header already uses marginInlineStart for the J/K hint.\r\n */\r\nconst HEADER_ACTIONS_SX = Object.freeze({\r\n  display: \"flex\",\r\n  alignItems: \"center\",\r\n  gap: \"var(--s-1)\",\r\n  marginInlineStart: \"auto\",\r\n} satisfies SxProps<Theme>);\r\n\r\nfunction isEditableTarget(target: EventTarget | null): boolean {\r\n  if (!(target instanceof HTMLElement)) return false;\r\n  const tag = target.tagName;\r\n  if (tag === \"INPUT\" || tag === \"TEXTAREA\" || tag === \"SELECT\") return true;\r\n  if (target.isContentEditable) return true;\r\n  return false;\r\n}\r\n\r\nfunction innerCornerSx(anchor: DrawerAnchor) {\r\n  if (anchor === \"right\") {\r\n    return { borderTopLeftRadius: 0, borderBottomLeftRadius: 0 };\r\n  }\r\n  if (anchor === \"left\") {\r\n    return { borderTopRightRadius: 0, borderBottomRightRadius: 0 };\r\n  }\r\n  return {};\r\n}\r\n\r\nexport type DrawerAnchor = \"left\" | \"right\" | \"top\" | \"bottom\";\r\n\r\nexport interface DrawerLabels {\r\n  prev?: string | undefined;\r\n  next?: string | undefined;\r\n  close?: string | undefined;\r\n}\r\n\r\nexport interface DrawerProps {\r\n  open?: boolean | undefined;\r\n  onClose?: (() => void) | undefined;\r\n  width?: number | string | undefined;\r\n  title?: React.ReactNode | undefined;\r\n  subtitle?: React.ReactNode | undefined;\r\n  /** Accessible name for the drawer when no `title` is rendered (R-Ar.5). */\r\n  ariaLabel?: string | undefined;\r\n  status?: React.ReactNode | undefined;\r\n  actions?: React.ReactNode | undefined;\r\n  /**\r\n   * Step to the previous item. Supplying either this or `onNext` is what\r\n   * renders the navigation cluster at all — see the opt-in note in the\r\n   * module docstring. Omit both on a filter panel.\r\n   */\r\n  onPrev?: (() => void) | undefined;\r\n  /** Step to the next item. See `onPrev`. */\r\n  onNext?: (() => void) | undefined;\r\n  hasPrev?: boolean | undefined;\r\n  hasNext?: boolean | undefined;\r\n  children?: React.ReactNode | undefined;\r\n  anchor?: DrawerAnchor | undefined;\r\n  labels?: DrawerLabels | undefined;\r\n}\r\n\r\nfunction Drawer({\r\n  open,\r\n  onClose,\r\n  width = layout.drawer,\r\n  title,\r\n  subtitle,\r\n  ariaLabel,\r\n  status,\r\n  actions,\r\n  onPrev,\r\n  onNext,\r\n  hasPrev = false,\r\n  hasNext = false,\r\n  children,\r\n  anchor = \"right\",\r\n  labels,\r\n}: DrawerProps) {\r\n  const L = mergeLabels(DEFAULT_LABELS, labels);\r\n\r\n  /*\r\n   * D-A10.2 — does this drawer navigate between items at all?\r\n   *\r\n   * Presence of a HANDLER, not of hasPrev/hasNext. A preview drawer sitting\r\n   * on a single-row result set has both flags false and must still show the\r\n   * cluster disabled, because navigation is part of what that drawer is. A\r\n   * filter panel supplies no handler and has no such affordance to disable.\r\n   */\r\n  const hasItemNavigation = onPrev !== undefined || onNext !== undefined;\r\n\r\n  // R-Ar.5 - stable, per-instance, collision-safe id for aria-labelledby.\r\n  // Points at the <h2> Typography that already renders {title}. Resolves\r\n  // through the DOM regardless of whether `title` is a string or JSX —\r\n  // aria-labelledby reads the rendered text content. Replaces the previous\r\n  // `aria-label={typeof title === \"string\" ? title : undefined}` which\r\n  // left JSX-titled drawers unlabelled (B5-1).\r\n  const titleId = React.useId();\r\n\r\n  const paperRef = React.useRef<HTMLDivElement>(null);\r\n  useFocusTrap(paperRef, !!open);\r\n\r\n  /*\r\n   * Escape must close EVERY drawer, so this effect binds whether or not item\r\n   * navigation is wired. The J/K branches are already gated on\r\n   * hasNext/hasPrev, which a filter panel leaves false, so they are inert\r\n   * there rather than needing their own guard.\r\n   */\r\n  React.useEffect(() => {\r\n    if (!open) return undefined;\r\n    const handler = (e: KeyboardEvent) => {\r\n      if (e.key === \"Escape\") { onClose?.(); return; }\r\n      if (isEditableTarget(e.target)) return;\r\n      if ((e.key === \"j\" || e.key === \"ArrowDown\") && hasNext) {\r\n        e.preventDefault(); onNext?.();\r\n      } else if ((e.key === \"k\" || e.key === \"ArrowUp\") && hasPrev) {\r\n        e.preventDefault(); onPrev?.();\r\n      }\r\n    };\r\n    window.addEventListener(\"keydown\", handler);\r\n    return () => window.removeEventListener(\"keydown\", handler);\r\n  }, [open, onClose, onNext, onPrev, hasNext, hasPrev]);\r\n\r\n  // MUI v9: paper slot forwarded through slotProps.paper. Wired with a\r\n  // useMemo so the ref + sx bag keeps reference stability across renders\r\n  // where `width` and `anchor` don't change.\r\n  const slotProps = React.useMemo(\r\n    () => ({\r\n      paper: {\r\n        ref: paperRef,\r\n        sx: {\r\n          width,\r\n          maxWidth: \"100vw\",\r\n          ...innerCornerSx(anchor),\r\n          backgroundColor: \"var(--surface)\",\r\n          boxShadow: \"var(--shadow-lg)\",\r\n        },\r\n      },\r\n    }),\r\n    [width, anchor]\r\n  );\r\n\r\n  return (\r\n    <MuiDrawer\r\n      anchor={anchor}\r\n      open={!!open}\r\n      onClose={onClose}\r\n      role=\"dialog\"\r\n      aria-modal=\"true\"\r\n      // Name = the <h2> title text (via titleId). Falls back to ariaLabel\r\n      // when the drawer is rendered without a title.\r\n      aria-labelledby={title != null ? titleId : undefined}\r\n      aria-label={title == null ? ariaLabel : undefined}\r\n      disableAutoFocus\r\n      disableEnforceFocus\r\n      disableRestoreFocus\r\n      // Root sx anchors the whole drawer (including its portal-level\r\n      // container) at the v2 zIndex.drawer token — see DRAWER_ROOT_SX.\r\n      sx={DRAWER_ROOT_SX}\r\n      slotProps={slotProps}\r\n    >\r\n      <Box sx={HEADER_STICKY_SX}>\r\n        <Box sx={{ display: \"flex\", alignItems: \"center\", justifyContent: \"space-between\", marginBottom: \"var(--s-2)\" }}>\r\n          {/*\r\n            Navigation cluster — opt-in (D-A10.2). Rendered only when the\r\n            caller wired onPrev or onNext, so a filter panel does not carry\r\n            two permanently disabled buttons and a J/K hint for a shortcut\r\n            that cannot fire.\r\n          */}\r\n          {hasItemNavigation && (\r\n            <Box sx={{ display: \"flex\", alignItems: \"center\", gap: \"var(--s-1)\" }}>\r\n              <IconButton\r\n                size=\"small\"\r\n                onClick={onPrev}\r\n                disabled={!hasPrev}\r\n                aria-label={L.prev}\r\n                sx={{ color: \"var(--fg-muted)\" }}\r\n              >\r\n                <KeyboardArrowUpIcon fontSize=\"small\" />\r\n              </IconButton>\r\n              <IconButton\r\n                size=\"small\"\r\n                onClick={onNext}\r\n                disabled={!hasNext}\r\n                aria-label={L.next}\r\n                sx={{ color: \"var(--fg-muted)\" }}\r\n              >\r\n                <KeyboardArrowDownIcon fontSize=\"small\" />\r\n              </IconButton>\r\n              <Typography\r\n                sx={{\r\n                  fontSize: \"var(--text-xs)\",\r\n                  color: \"var(--fg-subtle)\",\r\n                  marginInlineStart: \"var(--s-1)\",\r\n                }}\r\n              >\r\n                J / K\r\n              </Typography>\r\n            </Box>\r\n          )}\r\n          {/* marginInlineStart:auto keeps close pinned to the inline end\r\n              whether or not the cluster above rendered — see\r\n              HEADER_ACTIONS_SX. */}\r\n          <Box sx={HEADER_ACTIONS_SX}>\r\n            {actions}\r\n            <IconButton\r\n              size=\"small\"\r\n              onClick={onClose}\r\n              aria-label={L.close}\r\n              sx={{ color: \"var(--fg-muted)\" }}\r\n            >\r\n              <CloseIcon fontSize=\"small\" />\r\n            </IconButton>\r\n          </Box>\r\n        </Box>\r\n        {status && <Box sx={{ marginBottom: \"var(--s-2)\" }}>{status}</Box>}\r\n        <Typography\r\n          id={titleId}\r\n          component=\"h2\"\r\n          sx={{ fontSize: \"var(--text-h3)\", fontWeight: \"var(--fw-bold)\", color: \"var(--fg)\", lineHeight: \"var(--lh-snug)\" }}\r\n        >\r\n          {title}\r\n        </Typography>\r\n        {subtitle && (\r\n          <Typography sx={{ fontSize: \"var(--text-sm)\", color: \"var(--fg-muted)\", marginTop: \"var(--s-1)\" }}>\r\n            {subtitle}\r\n          </Typography>\r\n        )}\r\n      </Box>\r\n\r\n      <Box sx={{ padding: \"var(--s-4) var(--s-5)\", overflowY: \"auto\", flex: 1 }}>\r\n        {children}\r\n      </Box>\r\n    </MuiDrawer>\r\n  );\r\n}\r\n\r\nexport default Drawer;\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Drawer.js","names":["React","_interopRequireWildcard","require","_Drawer","_interopRequireDefault","_IconButton","_Close","_KeyboardArrowUp","_KeyboardArrowDown","_Box","_Typography","_tokens","_useFocusTrap","_mergeLabels","_jsxRuntime","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","DEFAULT_LABELS","freeze","prev","next","close","DRAWER_ROOT_SX","zIndex","drawer","HEADER_STICKY_SX","padding","borderBottom","position","top","background","HEADER_ACTIONS_SX","display","alignItems","gap","marginInlineStart","HEADER_ICON_BUTTON_SX","color","minWidth","layout","tactileMin","minHeight","isEditableTarget","target","HTMLElement","tag","tagName","isContentEditable","innerCornerSx","anchor","borderTopLeftRadius","borderBottomLeftRadius","borderTopRightRadius","borderBottomRightRadius","Drawer","open","onClose","width","title","subtitle","ariaLabel","status","actions","onPrev","onNext","hasPrev","hasNext","children","labels","L","mergeLabels","hasItemNavigation","undefined","titleId","useId","paperRef","useRef","useFocusTrap","useEffect","handler","key","preventDefault","window","addEventListener","removeEventListener","slotProps","useMemo","paper","ref","sx","maxWidth","backgroundColor","boxShadow","jsxs","role","disableAutoFocus","disableEnforceFocus","disableRestoreFocus","justifyContent","marginBottom","jsx","size","onClick","disabled","fontSize","id","component","fontWeight","lineHeight","marginTop","overflowY","flex","_default","exports"],"sources":["../../../src/lib/v2/components/Drawer.tsx"],"sourcesContent":["import * as React from \"react\";\r\nimport MuiDrawer from \"@mui/material/Drawer\";\r\nimport IconButton from \"@mui/material/IconButton\";\r\nimport CloseIcon from \"@mui/icons-material/Close\";\r\nimport KeyboardArrowUpIcon from \"@mui/icons-material/KeyboardArrowUp\";\r\nimport KeyboardArrowDownIcon from \"@mui/icons-material/KeyboardArrowDown\";\r\nimport Box from \"@mui/material/Box\";\r\nimport Typography from \"@mui/material/Typography\";\r\nimport type { SxProps, Theme } from \"@mui/material/styles\";\r\nimport { layout, zIndex } from \"../tokens\";\r\nimport useFocusTrap from \"../hooks/useFocusTrap\";\r\nimport { mergeLabels } from \"../utils/mergeLabels\";\r\n\r\n/**\r\n * Drawer - Portnet UI v2\r\n *\r\n * Charter §03 · Component \"Drawer\". Detail panel without leaving the list.\r\n *\r\n *   R-DG.9 - Action de ligne = drawer/popup (pas full-page sauf édition).\r\n *   R-M.1  - Esc ferme.\r\n *   R-F.2  - Focus trap, restoration au déclencheur. Backed by the v2\r\n *            useFocusTrap hook (Batch 3) - honours [autofocus] and\r\n *            [data-autofocus] markers, coordinates with nested traps\r\n *            via a module-level trapStack, and filters\r\n *            disabled/hidden/inert subtrees.\r\n *   R-K.2  - J/K/Arrow nav must NOT fire when an editable element has focus.\r\n *   R-Ar.5 - aria-labelledby points at the rendered <h2> title so the\r\n *            drawer is properly named to AT regardless of whether the\r\n *            title is a string or a JSX node (audit Batch 5 / B5-1). When\r\n *            no title is provided, pass `ariaLabel` to name the drawer.\r\n *   J / K  ou ↑ / ↓ → navigation entre items voisins.\r\n *\r\n * ── ITEM NAVIGATION IS OPT-IN (D-A10.2) ──────────────────────────────\r\n *\r\n * The prev/next cluster and its \"J / K\" hint render ONLY when `onPrev` or\r\n * `onNext` is supplied. This component serves two distinct jobs: item\r\n * preview, which navigates, and the charter's collapsible filter panel,\r\n * which does not. Rendering the cluster unconditionally gave every filter\r\n * drawer two permanently disabled buttons and a keyboard hint for a\r\n * shortcut with no effect — Guidance / Nielsen #8. A control that can\r\n * never become enabled is not a disabled control, it is noise.\r\n *\r\n * Preview callers pass both handlers and see no change.\r\n *\r\n * Stacking:\r\n *   The drawer's portal layer uses the v2 `zIndex.drawer` token (80),\r\n *   so it sits above sticky page chrome (sticky/topbar/overflow/\r\n *   popover, all <= 60) and BELOW `modal` (100), `snackbar` (150),\r\n *   `toast` (200) and `tooltip` (250). Sitting below the modal layer\r\n *   is deliberate and load-bearing: MUI popups opened from INSIDE the\r\n *   drawer (Combobox/Autocomplete listboxes and the X date-picker\r\n *   calendars, which render at theme.zIndex.modal) and any nested\r\n *   ConfirmDialog/Modal must stack ABOVE the drawer, not behind it.\r\n *   (A previous build hardcoded 1300 here — a leftover from MUI's\r\n *   default 1100..1500 scale before the v2 remap to 0..250 — which\r\n *   buried those popups at 100 behind the drawer and made them look\r\n *   unresponsive.)\r\n *\r\n * Multi-drawer assumption:\r\n *   The J/K listener is attached to `window`; multiple simultaneously-\r\n *   open drawers would all receive the keypress and call their own\r\n *   onPrev/onNext. Product convention is ONE drawer at a time.\r\n */\r\n\r\nconst DEFAULT_LABELS = Object.freeze({\r\n  prev:  \"Précédent\",\r\n  next:  \"Suivant\",\r\n  close: \"Fermer (Échap)\",\r\n});\r\n\r\nconst DRAWER_ROOT_SX = Object.freeze({\r\n  // v2 z-index token (zIndex.js). drawer:80 sits above sticky page\r\n  // chrome (<=60) and BELOW modal:100, so MUI popups opened from\r\n  // inside the drawer (Combobox/Autocomplete listboxes, X date-picker\r\n  // calendars — all rendered at theme.zIndex.modal) stack ABOVE it.\r\n  // The previous hardcoded 1300 predated the v2 remap of MUI's\r\n  // 1100..1500 scale down to 0..250 and left those popups (at 100)\r\n  // buried behind the drawer (at 1300) — clicking them \"did nothing\".\r\n  zIndex: zIndex.drawer,\r\n});\r\n\r\nconst HEADER_STICKY_SX = Object.freeze({\r\n  padding: \"var(--s-4) var(--s-5)\",\r\n  borderBottom: \"1px solid var(--border)\",\r\n  position: \"sticky\",\r\n  top: 0,\r\n  background: \"var(--surface)\",\r\n  // Drawer header sits ABOVE the drawer body content. The drawer\r\n  // already establishes its own stacking context via the root\r\n  // z-index, so this only competes within the drawer locally.\r\n  zIndex: 1,\r\n} satisfies SxProps<Theme>);\r\n\r\n/*\r\n * Right-hand cluster (caller actions + close).\r\n *\r\n * marginInlineStart:\"auto\" pins it to the inline end REGARDLESS of whether\r\n * the navigation cluster is rendered. The row is space-between, so without\r\n * this the close button would slide to flex-start on a filter drawer, which\r\n * is where the nav cluster used to sit. Logical property so it holds in RTL\r\n * — the header already uses marginInlineStart for the J/K hint.\r\n */\r\nconst HEADER_ACTIONS_SX = Object.freeze({\r\n  display: \"flex\",\r\n  alignItems: \"center\",\r\n  gap: \"var(--s-1)\",\r\n  marginInlineStart: \"auto\",\r\n} satisfies SxProps<Theme>);\r\n\r\n/**\r\n * Cible tactile des boutons d'icône de l'en-tête (R-7.4 / WCAG 2.5.5).\r\n *\r\n * Le docblock de `tokens/density` énonce la règle sans ambiguïté : « Icon-only\r\n * buttons MUST set min-width/min-height to `tactileMin` », parce que la hauteur\r\n * VISUELLE d'un bouton peut descendre sous 44 px dans les paliers de densité\r\n * serrés sans que la zone d'appui le puisse. Les trois boutons de cet en-tête\r\n * — précédent, suivant, fermer — étaient des `IconButton size=\"small\"` sans\r\n * plancher : environ 34 px, soit dix de moins que le minimum que ce même socle\r\n * impose à ses hôtes.\r\n *\r\n * L'écart est resté invisible tant que la navigation entre items était peu\r\n * câblée : un tiroir de filtres ne rend que le bouton de fermeture. Un module\r\n * qui équipe ses aperçus de `onPrev`/`onNext` en expose trois par tiroir.\r\n *\r\n * `min*` et non `width`/`height` : la zone d'appui grandit, le dessin de\r\n * l'icône ne change pas — c'est exactement la distinction que fait la note de\r\n * `tokens/density`.\r\n */\r\nconst HEADER_ICON_BUTTON_SX = Object.freeze({\r\n  color: \"var(--fg-muted)\",\r\n  minWidth: layout.tactileMin,\r\n  minHeight: layout.tactileMin,\r\n} satisfies SxProps<Theme>);\r\n\r\nfunction isEditableTarget(target: EventTarget | null): boolean {\r\n  if (!(target instanceof HTMLElement)) return false;\r\n  const tag = target.tagName;\r\n  if (tag === \"INPUT\" || tag === \"TEXTAREA\" || tag === \"SELECT\") return true;\r\n  if (target.isContentEditable) return true;\r\n  return false;\r\n}\r\n\r\nfunction innerCornerSx(anchor: DrawerAnchor) {\r\n  if (anchor === \"right\") {\r\n    return { borderTopLeftRadius: 0, borderBottomLeftRadius: 0 };\r\n  }\r\n  if (anchor === \"left\") {\r\n    return { borderTopRightRadius: 0, borderBottomRightRadius: 0 };\r\n  }\r\n  return {};\r\n}\r\n\r\nexport type DrawerAnchor = \"left\" | \"right\" | \"top\" | \"bottom\";\r\n\r\nexport interface DrawerLabels {\r\n  prev?: string | undefined;\r\n  next?: string | undefined;\r\n  close?: string | undefined;\r\n}\r\n\r\nexport interface DrawerProps {\r\n  open?: boolean | undefined;\r\n  onClose?: (() => void) | undefined;\r\n  width?: number | string | undefined;\r\n  title?: React.ReactNode | undefined;\r\n  subtitle?: React.ReactNode | undefined;\r\n  /** Accessible name for the drawer when no `title` is rendered (R-Ar.5). */\r\n  ariaLabel?: string | undefined;\r\n  status?: React.ReactNode | undefined;\r\n  actions?: React.ReactNode | undefined;\r\n  /**\r\n   * Step to the previous item. Supplying either this or `onNext` is what\r\n   * renders the navigation cluster at all — see the opt-in note in the\r\n   * module docstring. Omit both on a filter panel.\r\n   */\r\n  onPrev?: (() => void) | undefined;\r\n  /** Step to the next item. See `onPrev`. */\r\n  onNext?: (() => void) | undefined;\r\n  hasPrev?: boolean | undefined;\r\n  hasNext?: boolean | undefined;\r\n  children?: React.ReactNode | undefined;\r\n  anchor?: DrawerAnchor | undefined;\r\n  labels?: DrawerLabels | undefined;\r\n}\r\n\r\nfunction Drawer({\r\n  open,\r\n  onClose,\r\n  width = layout.drawer,\r\n  title,\r\n  subtitle,\r\n  ariaLabel,\r\n  status,\r\n  actions,\r\n  onPrev,\r\n  onNext,\r\n  hasPrev = false,\r\n  hasNext = false,\r\n  children,\r\n  anchor = \"right\",\r\n  labels,\r\n}: DrawerProps) {\r\n  const L = mergeLabels(DEFAULT_LABELS, labels);\r\n\r\n  /*\r\n   * D-A10.2 — does this drawer navigate between items at all?\r\n   *\r\n   * Presence of a HANDLER, not of hasPrev/hasNext. A preview drawer sitting\r\n   * on a single-row result set has both flags false and must still show the\r\n   * cluster disabled, because navigation is part of what that drawer is. A\r\n   * filter panel supplies no handler and has no such affordance to disable.\r\n   */\r\n  const hasItemNavigation = onPrev !== undefined || onNext !== undefined;\r\n\r\n  // R-Ar.5 - stable, per-instance, collision-safe id for aria-labelledby.\r\n  // Points at the <h2> Typography that already renders {title}. Resolves\r\n  // through the DOM regardless of whether `title` is a string or JSX —\r\n  // aria-labelledby reads the rendered text content. Replaces the previous\r\n  // `aria-label={typeof title === \"string\" ? title : undefined}` which\r\n  // left JSX-titled drawers unlabelled (B5-1).\r\n  const titleId = React.useId();\r\n\r\n  const paperRef = React.useRef<HTMLDivElement>(null);\r\n  useFocusTrap(paperRef, !!open);\r\n\r\n  /*\r\n   * Escape must close EVERY drawer, so this effect binds whether or not item\r\n   * navigation is wired. The J/K branches are already gated on\r\n   * hasNext/hasPrev, which a filter panel leaves false, so they are inert\r\n   * there rather than needing their own guard.\r\n   */\r\n  React.useEffect(() => {\r\n    if (!open) return undefined;\r\n    const handler = (e: KeyboardEvent) => {\r\n      if (e.key === \"Escape\") { onClose?.(); return; }\r\n      if (isEditableTarget(e.target)) return;\r\n      if ((e.key === \"j\" || e.key === \"ArrowDown\") && hasNext) {\r\n        e.preventDefault(); onNext?.();\r\n      } else if ((e.key === \"k\" || e.key === \"ArrowUp\") && hasPrev) {\r\n        e.preventDefault(); onPrev?.();\r\n      }\r\n    };\r\n    window.addEventListener(\"keydown\", handler);\r\n    return () => window.removeEventListener(\"keydown\", handler);\r\n  }, [open, onClose, onNext, onPrev, hasNext, hasPrev]);\r\n\r\n  // MUI v9: paper slot forwarded through slotProps.paper. Wired with a\r\n  // useMemo so the ref + sx bag keeps reference stability across renders\r\n  // where `width` and `anchor` don't change.\r\n  const slotProps = React.useMemo(\r\n    () => ({\r\n      paper: {\r\n        ref: paperRef,\r\n        sx: {\r\n          width,\r\n          maxWidth: \"100vw\",\r\n          ...innerCornerSx(anchor),\r\n          backgroundColor: \"var(--surface)\",\r\n          boxShadow: \"var(--shadow-lg)\",\r\n        },\r\n      },\r\n    }),\r\n    [width, anchor]\r\n  );\r\n\r\n  return (\r\n    <MuiDrawer\r\n      anchor={anchor}\r\n      open={!!open}\r\n      onClose={onClose}\r\n      role=\"dialog\"\r\n      aria-modal=\"true\"\r\n      // Name = the <h2> title text (via titleId). Falls back to ariaLabel\r\n      // when the drawer is rendered without a title.\r\n      aria-labelledby={title != null ? titleId : undefined}\r\n      aria-label={title == null ? ariaLabel : undefined}\r\n      disableAutoFocus\r\n      disableEnforceFocus\r\n      disableRestoreFocus\r\n      // Root sx anchors the whole drawer (including its portal-level\r\n      // container) at the v2 zIndex.drawer token — see DRAWER_ROOT_SX.\r\n      sx={DRAWER_ROOT_SX}\r\n      slotProps={slotProps}\r\n    >\r\n      <Box sx={HEADER_STICKY_SX}>\r\n        <Box sx={{ display: \"flex\", alignItems: \"center\", justifyContent: \"space-between\", marginBottom: \"var(--s-2)\" }}>\r\n          {/*\r\n            Navigation cluster — opt-in (D-A10.2). Rendered only when the\r\n            caller wired onPrev or onNext, so a filter panel does not carry\r\n            two permanently disabled buttons and a J/K hint for a shortcut\r\n            that cannot fire.\r\n          */}\r\n          {hasItemNavigation && (\r\n            <Box sx={{ display: \"flex\", alignItems: \"center\", gap: \"var(--s-1)\" }}>\r\n              <IconButton\r\n                size=\"small\"\r\n                onClick={onPrev}\r\n                disabled={!hasPrev}\r\n                aria-label={L.prev}\r\n                sx={HEADER_ICON_BUTTON_SX}\r\n              >\r\n                <KeyboardArrowUpIcon fontSize=\"small\" />\r\n              </IconButton>\r\n              <IconButton\r\n                size=\"small\"\r\n                onClick={onNext}\r\n                disabled={!hasNext}\r\n                aria-label={L.next}\r\n                sx={HEADER_ICON_BUTTON_SX}\r\n              >\r\n                <KeyboardArrowDownIcon fontSize=\"small\" />\r\n              </IconButton>\r\n              <Typography\r\n                sx={{\r\n                  fontSize: \"var(--text-xs)\",\r\n                  color: \"var(--fg-subtle)\",\r\n                  marginInlineStart: \"var(--s-1)\",\r\n                }}\r\n              >\r\n                J / K\r\n              </Typography>\r\n            </Box>\r\n          )}\r\n          {/* marginInlineStart:auto keeps close pinned to the inline end\r\n              whether or not the cluster above rendered — see\r\n              HEADER_ACTIONS_SX. */}\r\n          <Box sx={HEADER_ACTIONS_SX}>\r\n            {actions}\r\n            <IconButton\r\n              size=\"small\"\r\n              onClick={onClose}\r\n              aria-label={L.close}\r\n              sx={HEADER_ICON_BUTTON_SX}\r\n            >\r\n              <CloseIcon fontSize=\"small\" />\r\n            </IconButton>\r\n          </Box>\r\n        </Box>\r\n        {status && <Box sx={{ marginBottom: \"var(--s-2)\" }}>{status}</Box>}\r\n        <Typography\r\n          id={titleId}\r\n          component=\"h2\"\r\n          sx={{ fontSize: \"var(--text-h3)\", fontWeight: \"var(--fw-bold)\", color: \"var(--fg)\", lineHeight: \"var(--lh-snug)\" }}\r\n        >\r\n          {title}\r\n        </Typography>\r\n        {subtitle && (\r\n          <Typography sx={{ fontSize: \"var(--text-sm)\", color: \"var(--fg-muted)\", marginTop: \"var(--s-1)\" }}>\r\n            {subtitle}\r\n          </Typography>\r\n        )}\r\n      </Box>\r\n\r\n      <Box sx={{ padding: \"var(--s-4) var(--s-5)\", overflowY: \"auto\", flex: 1 }}>\r\n        {children}\r\n      </Box>\r\n    </MuiDrawer>\r\n  );\r\n}\r\n\r\nexport default Drawer;\r\n"],"mappings":"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","ignoreList":[]}