@portnet/ui 6.0.1 → 6.0.3

package/dist/esm/v2/components/DateTimePicker.js

@@ -1,13 +1,3 @@
-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); }
-var _excluded = ["value", "onChange", "onBlur", "minDate", "maxDate", "disablePast", "disableFuture", "disabled", "readOnly", "error", "placeholder", "fullWidth", "ampm", "minutesStep", "inputProps", "adapterLocale", "sx"],
-  _excluded2 = ["id", "aria-describedby", "aria-invalid", "aria-required", "aria-labelledby"];
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 import * as React from "react";
 import { LocalizationProvider } from "@mui/x-date-pickers/LocalizationProvider";
 import { DateTimePicker as MuiDateTimePicker } from "@mui/x-date-pickers/DateTimePicker";
@@ -52,10 +42,43 @@ import { dateToMoment, momentToDate } from "./_pickerShared";
  *   the picker dialog also lets the user choose hours/minutes within
  *   the resulting day.
  *
- * A11y (DP-1): as with DatePicker, when used inside <Field> the injected id +
- * aria-describedby / aria-invalid / aria-required are intercepted and routed
- * onto the field <input> via slotProps.htmlInput (MUI X does not forward
- * top-level aria/id to the input). Explicit `inputProps` still win.
+ * A11y (DP-1) : when used inside <Field> the injected id + aria-describedby /
+ * aria-invalid / aria-required are intercepted and routed onto the field
+ * <input> via slotProps.htmlInput (MUI X does not forward top-level aria/id to
+ * the input). Explicit `inputProps` still win.
+ *
+ * ── KNOWN A11Y DEFECT, NOT FIXED HERE (opened as G-F, deferred) ────
+ *
+ * DP-1's routing lands on the value <input>, and MUI X v9 marks that input
+ * `aria-hidden="true"`. The visible field is a `role="group"` of one
+ * `role="spinbutton"` per section (Year, Month, Day, Hours, Minutes).
+ *
+ * So all four association attributes are INERT, on every date field of the
+ * platform, and none of it is visible on screen:
+ *   — the `<label htmlFor>` names nothing: a screen reader announces « Year »,
+ *     « Month », « Hours » without ever saying of WHAT (R-I.1) ;
+ *   — a hint or an error message rendered by Field is never announced
+ *     (R-I.3, R-4.1) ;
+ *   — a required field does not report itself as required (R-I.2).
+ *
+ * Found while writing the tests for gap G-E: the DOM dump showed `role="group"`
+ * with `Name ""` beside a correctly wired `<label for>`.
+ *
+ * TWO ATTEMPTS FAILED, and both are worth recording so the next person does
+ * not repeat them:
+ *   1. routing the attrs through `slotProps.textField.InputProps` — accepted
+ *      by the types, lands nowhere. `InputProps` is not the v9 anchor for the
+ *      group element.
+ *   2. switching the Formik bridge to `Field`'s `group` mode — `Field` does
+ *      emit `aria-labelledby` (verified in its source), but with (1) failing
+ *      nothing carries it to the group, AND group mode drops the `<label
+ *      for>`, so the label-click-to-focus is lost for no gain. A net
+ *      regression.
+ *
+ * The fix needs the real v9 anchor for the `PickersInputBase` root, and it
+ * touches DatePicker AND DateTimePicker, hence every date field in the
+ * portfolio. It belongs to a pass with time to investigate the slot chain —
+ * Batch 10 (accessibility certification), not a side effect of G-E.
  *
  * MUI X v9 surface notes (migrated from v5 in Batch 4):
  *   See DatePicker.tsx for the same rationale — renderInput +
@@ -65,48 +88,41 @@ import { dateToMoment, momentToDate } from "./_pickerShared";
  *   landing zone for what used to be TextField's inputProps.
  */
 import { jsx as _jsx } from "react/jsx-runtime";
-var CHARTER_FORMAT = "YYYY-MM-DD HH:mm";
-var DateTimePicker = /*#__PURE__*/React.forwardRef(function DateTimePicker(_ref, ref) {
-  var value = _ref.value,
-    onChange = _ref.onChange,
-    onBlur = _ref.onBlur,
-    minDate = _ref.minDate,
-    maxDate = _ref.maxDate,
-    _ref$disablePast = _ref.disablePast,
-    disablePast = _ref$disablePast === void 0 ? false : _ref$disablePast,
-    _ref$disableFuture = _ref.disableFuture,
-    disableFuture = _ref$disableFuture === void 0 ? false : _ref$disableFuture,
-    _ref$disabled = _ref.disabled,
-    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
-    _ref$readOnly = _ref.readOnly,
-    readOnly = _ref$readOnly === void 0 ? false : _ref$readOnly,
-    error = _ref.error,
-    _ref$placeholder = _ref.placeholder,
-    placeholder = _ref$placeholder === void 0 ? "AAAA-MM-JJ HH:MM" : _ref$placeholder,
-    _ref$fullWidth = _ref.fullWidth,
-    fullWidth = _ref$fullWidth === void 0 ? true : _ref$fullWidth,
-    _ref$ampm = _ref.ampm,
-    ampm = _ref$ampm === void 0 ? false : _ref$ampm,
-    _ref$minutesStep = _ref.minutesStep,
-    minutesStep = _ref$minutesStep === void 0 ? 1 : _ref$minutesStep,
-    inputProps = _ref.inputProps,
-    _ref$adapterLocale = _ref.adapterLocale,
-    adapterLocale = _ref$adapterLocale === void 0 ? "fr" : _ref$adapterLocale,
-    sx = _ref.sx,
-    rest = _objectWithoutProperties(_ref, _excluded);
+const CHARTER_FORMAT = "YYYY-MM-DD HH:mm";
+const DateTimePicker = /*#__PURE__*/React.forwardRef(function DateTimePicker({
+  value,
+  onChange,
+  onBlur,
+  minDate,
+  maxDate,
+  disablePast = false,
+  disableFuture = false,
+  disabled = false,
+  readOnly = false,
+  error,
+  placeholder = "AAAA-MM-JJ HH:MM",
+  fullWidth = true,
+  ampm = false,
+  minutesStep = 1,
+  inputProps,
+  adapterLocale = "fr",
+  sx,
+  ...rest
+}, ref) {
   // DP-1 — see DatePicker.tsx. Field cloneElement-injects the label + hint/error
   // association props onto this child; MUI X won't forward top-level aria/id to
   // the field input, so intercept them (cast — not part of the picker props) and
   // route them onto the <input> via slotProps.htmlInput below. Everything else
   // stays in domRest for MuiDateTimePicker.
-  var _ref2 = rest,
-    fieldId = _ref2.id,
-    ariaDescribedby = _ref2["aria-describedby"],
-    ariaInvalid = _ref2["aria-invalid"],
-    ariaRequired = _ref2["aria-required"],
-    ariaLabelledby = _ref2["aria-labelledby"],
-    domRest = _objectWithoutProperties(_ref2, _excluded2);
-  var handleChange = function handleChange(next) {
+  const {
+    id: fieldId,
+    "aria-describedby": ariaDescribedby,
+    "aria-invalid": ariaInvalid,
+    "aria-required": ariaRequired,
+    "aria-labelledby": ariaLabelledby,
+    ...domRest
+  } = rest;
+  const handleChange = next => {
     if (!onChange) return;
     onChange(momentToDate(next));
   };
@@ -115,57 +131,68 @@ var DateTimePicker = /*#__PURE__*/React.forwardRef(function DateTimePicker(_ref,
   // nested slotProps.htmlInput rationale. htmlInput is also the DP-1
   // landing zone for the Field-injected id + aria-* so the label /
   // hint / error associate with the date-time input.
-  var slotProps = React.useMemo(function () {
-    return {
-      textField: _objectSpread(_objectSpread({
-        ref: ref,
-        error: !!error,
-        fullWidth: fullWidth,
-        size: "small"
-      }, onBlur ? {
+  const slotProps = React.useMemo(() => ({
+    textField: {
+      ref,
+      error: !!error,
+      fullWidth,
+      size: "small",
+      // onBlur: the textField slot types this as FocusEventHandler<HTMLDivElement>;
+      // our public onBlur is input-based. Cast (type-only) and include only
+      // when defined so no explicit undefined reaches the slot.
+      ...(onBlur ? {
         onBlur: onBlur
-      } : {}), {}, {
-        sx: _objectSpread({
-          // R-T.3 — tabular-nums for vertical alignment in tables/forms.
-          "& .MuiOutlinedInput-input": {
-            fontVariantNumeric: "tabular-nums"
-          }
-        }, sx),
-        slotProps: {
-          htmlInput: _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({
-            placeholder: placeholder
-          }, fieldId != null ? {
+      } : {}),
+      sx: {
+        // R-T.3 — tabular-nums for vertical alignment in tables/forms.
+        "& .MuiOutlinedInput-input": {
+          fontVariantNumeric: "tabular-nums"
+        },
+        ...sx
+      },
+      slotProps: {
+        htmlInput: {
+          placeholder,
+          // DP-1 — Field-injected association attrs land on the <input>.
+          ...(fieldId != null ? {
             id: fieldId
-          } : {}), ariaDescribedby != null ? {
+          } : {}),
+          ...(ariaDescribedby != null ? {
             "aria-describedby": ariaDescribedby
-          } : {}), ariaInvalid != null ? {
+          } : {}),
+          ...(ariaInvalid != null ? {
             "aria-invalid": ariaInvalid
-          } : {}), ariaRequired != null ? {
+          } : {}),
+          ...(ariaRequired != null ? {
             "aria-required": ariaRequired
-          } : {}), ariaLabelledby != null ? {
+          } : {}),
+          ...(ariaLabelledby != null ? {
             "aria-labelledby": ariaLabelledby
-          } : {}), inputProps)
+          } : {}),
+          // Explicit host inputProps win over the injected defaults.
+          ...inputProps
         }
-      })
-    };
-  }, [ref, error, fullWidth, onBlur, sx, placeholder, inputProps, fieldId, ariaDescribedby, ariaInvalid, ariaRequired, ariaLabelledby]);
+      }
+    }
+  }), [ref, error, fullWidth, onBlur, sx, placeholder, inputProps, fieldId, ariaDescribedby, ariaInvalid, ariaRequired, ariaLabelledby]);
 
   // exactOptionalPropertyTypes: MUI's minDate/maxDate are `Moment` (not
   // `Moment | undefined`), so spread the key only when a bound is set
   // rather than passing an explicit `undefined`.
-  var minDateM = minDate ? dateToMoment(minDate) : null;
-  var maxDateM = maxDate ? dateToMoment(maxDate) : null;
+  const minDateM = minDate ? dateToMoment(minDate) : null;
+  const maxDateM = maxDate ? dateToMoment(maxDate) : null;
   return /*#__PURE__*/_jsx(LocalizationProvider, {
     dateAdapter: AdapterMoment,
     adapterLocale: adapterLocale,
-    children: /*#__PURE__*/_jsx(MuiDateTimePicker, _objectSpread(_objectSpread(_objectSpread({
+    children: /*#__PURE__*/_jsx(MuiDateTimePicker, {
       value: dateToMoment(value),
-      onChange: handleChange
-    }, minDateM ? {
-      minDate: minDateM
-    } : {}), maxDateM ? {
-      maxDate: maxDateM
-    } : {}), {}, {
+      onChange: handleChange,
+      ...(minDateM ? {
+        minDate: minDateM
+      } : {}),
+      ...(maxDateM ? {
+        maxDate: maxDateM
+      } : {}),
       disablePast: disablePast,
       disableFuture: disableFuture,
       disabled: disabled,
@@ -173,10 +200,11 @@ var DateTimePicker = /*#__PURE__*/React.forwardRef(function DateTimePicker(_ref,
       ampm: ampm,
       minutesStep: minutesStep,
       format: CHARTER_FORMAT,
-      slotProps: slotProps
-    }, domRest))
+      slotProps: slotProps,
+      ...domRest
+    })
   });
 });
-export var DATETIME_FORMAT_CHARTER = CHARTER_FORMAT;
+export const DATETIME_FORMAT_CHARTER = CHARTER_FORMAT;
 export default DateTimePicker;
 //# sourceMappingURL=DateTimePicker.js.map

package/dist/esm/v2/components/DateTimePicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"DateTimePicker.js","names":["React","LocalizationProvider","DateTimePicker","MuiDateTimePicker","AdapterMoment","dateToMoment","momentToDate","jsx","_jsx","CHARTER_FORMAT","forwardRef","_ref","ref","value","onChange","onBlur","minDate","maxDate","_ref$disablePast","disablePast","_ref$disableFuture","disableFuture","_ref$disabled","disabled","_ref$readOnly","readOnly","error","_ref$placeholder","placeholder","_ref$fullWidth","fullWidth","_ref$ampm","ampm","_ref$minutesStep","minutesStep","inputProps","_ref$adapterLocale","adapterLocale","sx","rest","_objectWithoutProperties","_excluded","_ref2","fieldId","id","ariaDescribedby","ariaInvalid","ariaRequired","ariaLabelledby","domRest","_excluded2","handleChange","next","slotProps","useMemo","textField","_objectSpread","size","fontVariantNumeric","htmlInput","minDateM","maxDateM","dateAdapter","children","format","DATETIME_FORMAT_CHARTER"],"sources":["../../../../src/lib/v2/components/DateTimePicker.tsx"],"sourcesContent":["import * as React from \"react\";\r\nimport { LocalizationProvider } from \"@mui/x-date-pickers/LocalizationProvider\";\r\nimport { DateTimePicker as MuiDateTimePicker } from \"@mui/x-date-pickers/DateTimePicker\";\r\nimport type { DateTimePickerProps as MuiDateTimePickerProps } from \"@mui/x-date-pickers/DateTimePicker\";\r\nimport { AdapterMoment } from \"@mui/x-date-pickers/AdapterMoment\";\r\nimport type { Moment } from \"moment\";\r\nimport \"moment/locale/fr\";\r\nimport type { SxProps, Theme } from \"@mui/material/styles\";\r\nimport { dateToMoment, momentToDate } from \"./_pickerShared\";\r\n\r\n/**\r\n * DateTimePicker — Portnet UI v2\r\n *\r\n * Extends the DatePicker family (Charter §03) for date+time-of-day\r\n * workflows: LC validity to the minute, audit-log timestamps,\r\n * scheduled exports, deadline pickers.\r\n *\r\n *   <Field label=\"Date d'échéance\">\r\n *     <DateTimePicker\r\n *       value={deadline}\r\n *       onChange={setDeadline}\r\n *       minDate={new Date()}\r\n *     />\r\n *   </Field>\r\n *\r\n * Value contract:\r\n *   Same as DatePicker — value/onChange exchange Date | null. Invalid\r\n *   dates are coerced to null. Hosts never receive Invalid Date.\r\n *\r\n * Locale:\r\n *   adapterLocale defaults to \"fr\". Hosts using other locales must\r\n *   import the matching moment locale data themselves:\r\n *\r\n *     import \"moment/locale/ar\";\r\n *     <DateTimePicker adapterLocale=\"ar\" />\r\n *\r\n * Format:\r\n *   Display + parse: AAAA-MM-JJ HH:MM (24h). MUI X v6+ derives the\r\n *   input mask from this format string automatically.\r\n *   ampm={true} switches to 12h with AM/PM marker — opt-in for hosts\r\n *   targeting English-speaking users.\r\n *\r\n * Constraints:\r\n *   minDate / maxDate accept Date objects. They bound the DATE part;\r\n *   the picker dialog also lets the user choose hours/minutes within\r\n *   the resulting day.\r\n *\r\n * A11y (DP-1): as with DatePicker, when used inside <Field> the injected id +\r\n * aria-describedby / aria-invalid / aria-required are intercepted and routed\r\n * onto the field <input> via slotProps.htmlInput (MUI X does not forward\r\n * top-level aria/id to the input). Explicit `inputProps` still win.\r\n *\r\n * MUI X v9 surface notes (migrated from v5 in Batch 4):\r\n *   See DatePicker.tsx for the same rationale — renderInput +\r\n *   inputFormat + mask removed in favor of the unified slots /\r\n *   slotProps + format API. The textField slot is the canonical\r\n *   input customisation entry point; slotProps.htmlInput is the v9\r\n *   landing zone for what used to be TextField's inputProps.\r\n */\r\n\r\nconst CHARTER_FORMAT = \"YYYY-MM-DD HH:mm\";\r\n\r\nexport interface DateTimePickerProps\r\n  extends Omit<\r\n    MuiDateTimePickerProps,\r\n    \"value\" | \"onChange\" | \"minDate\" | \"maxDate\" | \"slots\" | \"slotProps\" | \"sx\" | \"ref\"\r\n  > {\r\n  value?: Date | null | undefined;\r\n  onChange?: ((value: Date | null) => void) | undefined;\r\n  onBlur?: React.FocusEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;\r\n  minDate?: Date | null | undefined;\r\n  maxDate?: Date | null | undefined;\r\n  error?: boolean | undefined;\r\n  placeholder?: string | undefined;\r\n  fullWidth?: boolean | undefined;\r\n  inputProps?: React.InputHTMLAttributes<HTMLInputElement> | undefined;\r\n  adapterLocale?: string | undefined;\r\n  sx?: SxProps<Theme> | undefined;\r\n}\r\n\r\nconst DateTimePicker = React.forwardRef<HTMLDivElement, DateTimePickerProps>(function DateTimePicker(\r\n  {\r\n    value,\r\n    onChange,\r\n    onBlur,\r\n    minDate,\r\n    maxDate,\r\n    disablePast = false,\r\n    disableFuture = false,\r\n    disabled = false,\r\n    readOnly = false,\r\n    error,\r\n    placeholder = \"AAAA-MM-JJ HH:MM\",\r\n    fullWidth = true,\r\n    ampm = false,\r\n    minutesStep = 1,\r\n    inputProps,\r\n    adapterLocale = \"fr\",\r\n    sx,\r\n    ...rest\r\n  },\r\n  ref,\r\n) {\r\n  // DP-1 — see DatePicker.tsx. Field cloneElement-injects the label + hint/error\r\n  // association props onto this child; MUI X won't forward top-level aria/id to\r\n  // the field input, so intercept them (cast — not part of the picker props) and\r\n  // route them onto the <input> via slotProps.htmlInput below. Everything else\r\n  // stays in domRest for MuiDateTimePicker.\r\n  const {\r\n    id: fieldId,\r\n    \"aria-describedby\": ariaDescribedby,\r\n    \"aria-invalid\": ariaInvalid,\r\n    \"aria-required\": ariaRequired,\r\n    \"aria-labelledby\": ariaLabelledby,\r\n    ...domRest\r\n  } = rest as typeof rest & {\r\n    id?: string;\r\n    \"aria-describedby\"?: string;\r\n    \"aria-invalid\"?: boolean | \"true\" | \"false\" | \"grammar\" | \"spelling\";\r\n    \"aria-required\"?: boolean | \"true\" | \"false\";\r\n    \"aria-labelledby\"?: string;\r\n  };\r\n\r\n  const handleChange = (next: Moment | null) => {\r\n    if (!onChange) return;\r\n    onChange(momentToDate(next));\r\n  };\r\n\r\n  // MUI X v9 — see DatePicker.tsx for the slotProps.textField +\r\n  // nested slotProps.htmlInput rationale. htmlInput is also the DP-1\r\n  // landing zone for the Field-injected id + aria-* so the label /\r\n  // hint / error associate with the date-time input.\r\n  const slotProps = React.useMemo<NonNullable<MuiDateTimePickerProps[\"slotProps\"]>>(\r\n    () => ({\r\n      textField: {\r\n        ref,\r\n        error: !!error,\r\n        fullWidth,\r\n        size: \"small\",\r\n        // onBlur: the textField slot types this as FocusEventHandler<HTMLDivElement>;\r\n        // our public onBlur is input-based. Cast (type-only) and include only\r\n        // when defined so no explicit undefined reaches the slot.\r\n        ...(onBlur ? { onBlur: onBlur as unknown as React.FocusEventHandler<HTMLDivElement> } : {}),\r\n        sx: {\r\n          // R-T.3 — tabular-nums for vertical alignment in tables/forms.\r\n          \"& .MuiOutlinedInput-input\": { fontVariantNumeric: \"tabular-nums\" },\r\n          ...sx,\r\n        },\r\n        slotProps: {\r\n          htmlInput: {\r\n            placeholder,\r\n            // DP-1 — Field-injected association attrs land on the <input>.\r\n            ...(fieldId != null ? { id: fieldId } : {}),\r\n            ...(ariaDescribedby != null\r\n              ? { \"aria-describedby\": ariaDescribedby }\r\n              : {}),\r\n            ...(ariaInvalid != null ? { \"aria-invalid\": ariaInvalid } : {}),\r\n            ...(ariaRequired != null ? { \"aria-required\": ariaRequired } : {}),\r\n            ...(ariaLabelledby != null\r\n              ? { \"aria-labelledby\": ariaLabelledby }\r\n              : {}),\r\n            // Explicit host inputProps win over the injected defaults.\r\n            ...inputProps,\r\n          },\r\n        },\r\n      },\r\n    }),\r\n    [\r\n      ref,\r\n      error,\r\n      fullWidth,\r\n      onBlur,\r\n      sx,\r\n      placeholder,\r\n      inputProps,\r\n      fieldId,\r\n      ariaDescribedby,\r\n      ariaInvalid,\r\n      ariaRequired,\r\n      ariaLabelledby,\r\n    ],\r\n  );\r\n\r\n  // exactOptionalPropertyTypes: MUI's minDate/maxDate are `Moment` (not\r\n  // `Moment | undefined`), so spread the key only when a bound is set\r\n  // rather than passing an explicit `undefined`.\r\n  const minDateM = minDate ? dateToMoment(minDate) : null;\r\n  const maxDateM = maxDate ? dateToMoment(maxDate) : null;\r\n\r\n  return (\r\n    <LocalizationProvider dateAdapter={AdapterMoment} adapterLocale={adapterLocale}>\r\n      <MuiDateTimePicker\r\n        value={dateToMoment(value)}\r\n        onChange={handleChange}\r\n        {...(minDateM ? { minDate: minDateM } : {})}\r\n        {...(maxDateM ? { maxDate: maxDateM } : {})}\r\n        disablePast={disablePast}\r\n        disableFuture={disableFuture}\r\n        disabled={disabled}\r\n        readOnly={readOnly}\r\n        ampm={ampm}\r\n        minutesStep={minutesStep}\r\n        format={CHARTER_FORMAT}\r\n        slotProps={slotProps}\r\n        {...domRest}\r\n      />\r\n    </LocalizationProvider>\r\n  );\r\n});\r\n\r\nexport const DATETIME_FORMAT_CHARTER = CHARTER_FORMAT;\r\n\r\nexport default DateTimePicker;\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"DateTimePicker.js","names":["React","LocalizationProvider","DateTimePicker","MuiDateTimePicker","AdapterMoment","dateToMoment","momentToDate","jsx","_jsx","CHARTER_FORMAT","forwardRef","value","onChange","onBlur","minDate","maxDate","disablePast","disableFuture","disabled","readOnly","error","placeholder","fullWidth","ampm","minutesStep","inputProps","adapterLocale","sx","rest","ref","id","fieldId","ariaDescribedby","ariaInvalid","ariaRequired","ariaLabelledby","domRest","handleChange","next","slotProps","useMemo","textField","size","fontVariantNumeric","htmlInput","minDateM","maxDateM","dateAdapter","children","format","DATETIME_FORMAT_CHARTER"],"sources":["../../../../src/lib/v2/components/DateTimePicker.tsx"],"sourcesContent":["import * as React from \"react\";\r\nimport { LocalizationProvider } from \"@mui/x-date-pickers/LocalizationProvider\";\r\nimport { DateTimePicker as MuiDateTimePicker } from \"@mui/x-date-pickers/DateTimePicker\";\r\nimport type { DateTimePickerProps as MuiDateTimePickerProps } from \"@mui/x-date-pickers/DateTimePicker\";\r\nimport { AdapterMoment } from \"@mui/x-date-pickers/AdapterMoment\";\r\nimport type { Moment } from \"moment\";\r\nimport \"moment/locale/fr\";\r\nimport type { SxProps, Theme } from \"@mui/material/styles\";\r\nimport { dateToMoment, momentToDate } from \"./_pickerShared\";\r\n\r\n/**\r\n * DateTimePicker — Portnet UI v2\r\n *\r\n * Extends the DatePicker family (Charter §03) for date+time-of-day\r\n * workflows: LC validity to the minute, audit-log timestamps,\r\n * scheduled exports, deadline pickers.\r\n *\r\n *   <Field label=\"Date d'échéance\">\r\n *     <DateTimePicker\r\n *       value={deadline}\r\n *       onChange={setDeadline}\r\n *       minDate={new Date()}\r\n *     />\r\n *   </Field>\r\n *\r\n * Value contract:\r\n *   Same as DatePicker — value/onChange exchange Date | null. Invalid\r\n *   dates are coerced to null. Hosts never receive Invalid Date.\r\n *\r\n * Locale:\r\n *   adapterLocale defaults to \"fr\". Hosts using other locales must\r\n *   import the matching moment locale data themselves:\r\n *\r\n *     import \"moment/locale/ar\";\r\n *     <DateTimePicker adapterLocale=\"ar\" />\r\n *\r\n * Format:\r\n *   Display + parse: AAAA-MM-JJ HH:MM (24h). MUI X v6+ derives the\r\n *   input mask from this format string automatically.\r\n *   ampm={true} switches to 12h with AM/PM marker — opt-in for hosts\r\n *   targeting English-speaking users.\r\n *\r\n * Constraints:\r\n *   minDate / maxDate accept Date objects. They bound the DATE part;\r\n *   the picker dialog also lets the user choose hours/minutes within\r\n *   the resulting day.\r\n *\r\n * A11y (DP-1) : when used inside <Field> the injected id + aria-describedby /\r\n * aria-invalid / aria-required are intercepted and routed onto the field\r\n * <input> via slotProps.htmlInput (MUI X does not forward top-level aria/id to\r\n * the input). Explicit `inputProps` still win.\r\n *\r\n * ── KNOWN A11Y DEFECT, NOT FIXED HERE (opened as G-F, deferred) ────\r\n *\r\n * DP-1's routing lands on the value <input>, and MUI X v9 marks that input\r\n * `aria-hidden=\"true\"`. The visible field is a `role=\"group\"` of one\r\n * `role=\"spinbutton\"` per section (Year, Month, Day, Hours, Minutes).\r\n *\r\n * So all four association attributes are INERT, on every date field of the\r\n * platform, and none of it is visible on screen:\r\n *   — the `<label htmlFor>` names nothing: a screen reader announces « Year »,\r\n *     « Month », « Hours » without ever saying of WHAT (R-I.1) ;\r\n *   — a hint or an error message rendered by Field is never announced\r\n *     (R-I.3, R-4.1) ;\r\n *   — a required field does not report itself as required (R-I.2).\r\n *\r\n * Found while writing the tests for gap G-E: the DOM dump showed `role=\"group\"`\r\n * with `Name \"\"` beside a correctly wired `<label for>`.\r\n *\r\n * TWO ATTEMPTS FAILED, and both are worth recording so the next person does\r\n * not repeat them:\r\n *   1. routing the attrs through `slotProps.textField.InputProps` — accepted\r\n *      by the types, lands nowhere. `InputProps` is not the v9 anchor for the\r\n *      group element.\r\n *   2. switching the Formik bridge to `Field`'s `group` mode — `Field` does\r\n *      emit `aria-labelledby` (verified in its source), but with (1) failing\r\n *      nothing carries it to the group, AND group mode drops the `<label\r\n *      for>`, so the label-click-to-focus is lost for no gain. A net\r\n *      regression.\r\n *\r\n * The fix needs the real v9 anchor for the `PickersInputBase` root, and it\r\n * touches DatePicker AND DateTimePicker, hence every date field in the\r\n * portfolio. It belongs to a pass with time to investigate the slot chain —\r\n * Batch 10 (accessibility certification), not a side effect of G-E.\r\n *\r\n * MUI X v9 surface notes (migrated from v5 in Batch 4):\r\n *   See DatePicker.tsx for the same rationale — renderInput +\r\n *   inputFormat + mask removed in favor of the unified slots /\r\n *   slotProps + format API. The textField slot is the canonical\r\n *   input customisation entry point; slotProps.htmlInput is the v9\r\n *   landing zone for what used to be TextField's inputProps.\r\n */\r\n\r\nconst CHARTER_FORMAT = \"YYYY-MM-DD HH:mm\";\r\n\r\nexport interface DateTimePickerProps\r\n  extends Omit<\r\n    MuiDateTimePickerProps,\r\n    \"value\" | \"onChange\" | \"minDate\" | \"maxDate\" | \"slots\" | \"slotProps\" | \"sx\" | \"ref\"\r\n  > {\r\n  value?: Date | null | undefined;\r\n  onChange?: ((value: Date | null) => void) | undefined;\r\n  onBlur?: React.FocusEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;\r\n  minDate?: Date | null | undefined;\r\n  maxDate?: Date | null | undefined;\r\n  error?: boolean | undefined;\r\n  placeholder?: string | undefined;\r\n  fullWidth?: boolean | undefined;\r\n  inputProps?: React.InputHTMLAttributes<HTMLInputElement> | undefined;\r\n  adapterLocale?: string | undefined;\r\n  sx?: SxProps<Theme> | undefined;\r\n}\r\n\r\nconst DateTimePicker = React.forwardRef<HTMLDivElement, DateTimePickerProps>(function DateTimePicker(\r\n  {\r\n    value,\r\n    onChange,\r\n    onBlur,\r\n    minDate,\r\n    maxDate,\r\n    disablePast = false,\r\n    disableFuture = false,\r\n    disabled = false,\r\n    readOnly = false,\r\n    error,\r\n    placeholder = \"AAAA-MM-JJ HH:MM\",\r\n    fullWidth = true,\r\n    ampm = false,\r\n    minutesStep = 1,\r\n    inputProps,\r\n    adapterLocale = \"fr\",\r\n    sx,\r\n    ...rest\r\n  },\r\n  ref,\r\n) {\r\n  // DP-1 — see DatePicker.tsx. Field cloneElement-injects the label + hint/error\r\n  // association props onto this child; MUI X won't forward top-level aria/id to\r\n  // the field input, so intercept them (cast — not part of the picker props) and\r\n  // route them onto the <input> via slotProps.htmlInput below. Everything else\r\n  // stays in domRest for MuiDateTimePicker.\r\n  const {\r\n    id: fieldId,\r\n    \"aria-describedby\": ariaDescribedby,\r\n    \"aria-invalid\": ariaInvalid,\r\n    \"aria-required\": ariaRequired,\r\n    \"aria-labelledby\": ariaLabelledby,\r\n    ...domRest\r\n  } = rest as typeof rest & {\r\n    id?: string;\r\n    \"aria-describedby\"?: string;\r\n    \"aria-invalid\"?: boolean | \"true\" | \"false\" | \"grammar\" | \"spelling\";\r\n    \"aria-required\"?: boolean | \"true\" | \"false\";\r\n    \"aria-labelledby\"?: string;\r\n  };\r\n\r\n  const handleChange = (next: Moment | null) => {\r\n    if (!onChange) return;\r\n    onChange(momentToDate(next));\r\n  };\r\n\r\n  // MUI X v9 — see DatePicker.tsx for the slotProps.textField +\r\n  // nested slotProps.htmlInput rationale. htmlInput is also the DP-1\r\n  // landing zone for the Field-injected id + aria-* so the label /\r\n  // hint / error associate with the date-time input.\r\n  const slotProps = React.useMemo<NonNullable<MuiDateTimePickerProps[\"slotProps\"]>>(\r\n    () => ({\r\n      textField: {\r\n        ref,\r\n        error: !!error,\r\n        fullWidth,\r\n        size: \"small\",\r\n        // onBlur: the textField slot types this as FocusEventHandler<HTMLDivElement>;\r\n        // our public onBlur is input-based. Cast (type-only) and include only\r\n        // when defined so no explicit undefined reaches the slot.\r\n        ...(onBlur ? { onBlur: onBlur as unknown as React.FocusEventHandler<HTMLDivElement> } : {}),\r\n        sx: {\r\n          // R-T.3 — tabular-nums for vertical alignment in tables/forms.\r\n          \"& .MuiOutlinedInput-input\": { fontVariantNumeric: \"tabular-nums\" },\r\n          ...sx,\r\n        },\r\n        slotProps: {\r\n          htmlInput: {\r\n            placeholder,\r\n            // DP-1 — Field-injected association attrs land on the <input>.\r\n            ...(fieldId != null ? { id: fieldId } : {}),\r\n            ...(ariaDescribedby != null\r\n              ? { \"aria-describedby\": ariaDescribedby }\r\n              : {}),\r\n            ...(ariaInvalid != null ? { \"aria-invalid\": ariaInvalid } : {}),\r\n            ...(ariaRequired != null ? { \"aria-required\": ariaRequired } : {}),\r\n            ...(ariaLabelledby != null\r\n              ? { \"aria-labelledby\": ariaLabelledby }\r\n              : {}),\r\n            // Explicit host inputProps win over the injected defaults.\r\n            ...inputProps,\r\n          },\r\n        },\r\n      },\r\n    }),\r\n    [\r\n      ref,\r\n      error,\r\n      fullWidth,\r\n      onBlur,\r\n      sx,\r\n      placeholder,\r\n      inputProps,\r\n      fieldId,\r\n      ariaDescribedby,\r\n      ariaInvalid,\r\n      ariaRequired,\r\n      ariaLabelledby,\r\n    ],\r\n  );\r\n\r\n  // exactOptionalPropertyTypes: MUI's minDate/maxDate are `Moment` (not\r\n  // `Moment | undefined`), so spread the key only when a bound is set\r\n  // rather than passing an explicit `undefined`.\r\n  const minDateM = minDate ? dateToMoment(minDate) : null;\r\n  const maxDateM = maxDate ? dateToMoment(maxDate) : null;\r\n\r\n  return (\r\n    <LocalizationProvider dateAdapter={AdapterMoment} adapterLocale={adapterLocale}>\r\n      <MuiDateTimePicker\r\n        value={dateToMoment(value)}\r\n        onChange={handleChange}\r\n        {...(minDateM ? { minDate: minDateM } : {})}\r\n        {...(maxDateM ? { maxDate: maxDateM } : {})}\r\n        disablePast={disablePast}\r\n        disableFuture={disableFuture}\r\n        disabled={disabled}\r\n        readOnly={readOnly}\r\n        ampm={ampm}\r\n        minutesStep={minutesStep}\r\n        format={CHARTER_FORMAT}\r\n        slotProps={slotProps}\r\n        {...domRest}\r\n      />\r\n    </LocalizationProvider>\r\n  );\r\n});\r\n\r\nexport const DATETIME_FORMAT_CHARTER = CHARTER_FORMAT;\r\n\r\nexport default DateTimePicker;\r\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,oBAAoB,QAAQ,0CAA0C;AAC/E,SAASC,cAAc,IAAIC,iBAAiB,QAAQ,oCAAoC;AAExF,SAASC,aAAa,QAAQ,mCAAmC;AAEjE,OAAO,kBAAkB;AAEzB,SAASC,YAAY,EAAEC,YAAY,QAAQ,iBAAiB;;AAE5D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAjFA,SAAAC,GAAA,IAAAC,IAAA;AAmFA,MAAMC,cAAc,GAAG,kBAAkB;AAoBzC,MAAMP,cAAc,gBAAGF,KAAK,CAACU,UAAU,CAAsC,SAASR,cAAcA,CAClG;EACES,KAAK;EACLC,QAAQ;EACRC,MAAM;EACNC,OAAO;EACPC,OAAO;EACPC,WAAW,GAAG,KAAK;EACnBC,aAAa,GAAG,KAAK;EACrBC,QAAQ,GAAG,KAAK;EAChBC,QAAQ,GAAG,KAAK;EAChBC,KAAK;EACLC,WAAW,GAAG,kBAAkB;EAChCC,SAAS,GAAG,IAAI;EAChBC,IAAI,GAAG,KAAK;EACZC,WAAW,GAAG,CAAC;EACfC,UAAU;EACVC,aAAa,GAAG,IAAI;EACpBC,EAAE;EACF,GAAGC;AACL,CAAC,EACDC,GAAG,EACH;EACA;EACA;EACA;EACA;EACA;EACA,MAAM;IACJC,EAAE,EAAEC,OAAO;IACX,kBAAkB,EAAEC,eAAe;IACnC,cAAc,EAAEC,WAAW;IAC3B,eAAe,EAAEC,YAAY;IAC7B,iBAAiB,EAAEC,cAAc;IACjC,GAAGC;EACL,CAAC,GAAGR,IAMH;EAED,MAAMS,YAAY,GAAIC,IAAmB,IAAK;IAC5C,IAAI,CAAC1B,QAAQ,EAAE;IACfA,QAAQ,CAACN,YAAY,CAACgC,IAAI,CAAC,CAAC;EAC9B,CAAC;;EAED;EACA;EACA;EACA;EACA,MAAMC,SAAS,GAAGvC,KAAK,CAACwC,OAAO,CAC7B,OAAO;IACLC,SAAS,EAAE;MACTZ,GAAG;MACHT,KAAK,EAAE,CAAC,CAACA,KAAK;MACdE,SAAS;MACToB,IAAI,EAAE,OAAO;MACb;MACA;MACA;MACA,IAAI7B,MAAM,GAAG;QAAEA,MAAM,EAAEA;MAA6D,CAAC,GAAG,CAAC,CAAC,CAAC;MAC3Fc,EAAE,EAAE;QACF;QACA,2BAA2B,EAAE;UAAEgB,kBAAkB,EAAE;QAAe,CAAC;QACnE,GAAGhB;MACL,CAAC;MACDY,SAAS,EAAE;QACTK,SAAS,EAAE;UACTvB,WAAW;UACX;UACA,IAAIU,OAAO,IAAI,IAAI,GAAG;YAAED,EAAE,EAAEC;UAAQ,CAAC,GAAG,CAAC,CAAC,CAAC;UAC3C,IAAIC,eAAe,IAAI,IAAI,GACvB;YAAE,kBAAkB,EAAEA;UAAgB,CAAC,GACvC,CAAC,CAAC,CAAC;UACP,IAAIC,WAAW,IAAI,IAAI,GAAG;YAAE,cAAc,EAAEA;UAAY,CAAC,GAAG,CAAC,CAAC,CAAC;UAC/D,IAAIC,YAAY,IAAI,IAAI,GAAG;YAAE,eAAe,EAAEA;UAAa,CAAC,GAAG,CAAC,CAAC,CAAC;UAClE,IAAIC,cAAc,IAAI,IAAI,GACtB;YAAE,iBAAiB,EAAEA;UAAe,CAAC,GACrC,CAAC,CAAC,CAAC;UACP;UACA,GAAGV;QACL;MACF;IACF;EACF,CAAC,CAAC,EACF,CACEI,GAAG,EACHT,KAAK,EACLE,SAAS,EACTT,MAAM,EACNc,EAAE,EACFN,WAAW,EACXI,UAAU,EACVM,OAAO,EACPC,eAAe,EACfC,WAAW,EACXC,YAAY,EACZC,cAAc,CAElB,CAAC;;EAED;EACA;EACA;EACA,MAAMU,QAAQ,GAAG/B,OAAO,GAAGT,YAAY,CAACS,OAAO,CAAC,GAAG,IAAI;EACvD,MAAMgC,QAAQ,GAAG/B,OAAO,GAAGV,YAAY,CAACU,OAAO,CAAC,GAAG,IAAI;EAEvD,oBACEP,IAAA,CAACP,oBAAoB;IAAC8C,WAAW,EAAE3C,aAAc;IAACsB,aAAa,EAAEA,aAAc;IAAAsB,QAAA,eAC7ExC,IAAA,CAACL,iBAAiB;MAChBQ,KAAK,EAAEN,YAAY,CAACM,KAAK,CAAE;MAC3BC,QAAQ,EAAEyB,YAAa;MAAA,IAClBQ,QAAQ,GAAG;QAAE/B,OAAO,EAAE+B;MAAS,CAAC,GAAG,CAAC,CAAC;MAAA,IACrCC,QAAQ,GAAG;QAAE/B,OAAO,EAAE+B;MAAS,CAAC,GAAG,CAAC,CAAC;MAC1C9B,WAAW,EAAEA,WAAY;MACzBC,aAAa,EAAEA,aAAc;MAC7BC,QAAQ,EAAEA,QAAS;MACnBC,QAAQ,EAAEA,QAAS;MACnBI,IAAI,EAAEA,IAAK;MACXC,WAAW,EAAEA,WAAY;MACzByB,MAAM,EAAExC,cAAe;MACvB8B,SAAS,EAAEA,SAAU;MAAA,GACjBH;IAAO,CACZ;EAAC,CACkB,CAAC;AAE3B,CAAC,CAAC;AAEF,OAAO,MAAMc,uBAAuB,GAAGzC,cAAc;AAErD,eAAeP,cAAc","ignoreList":[]}

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

@@ -1,9 +1,3 @@
-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); }
 import * as React from "react";
 import MuiDrawer from "@mui/material/Drawer";
 import IconButton from "@mui/material/IconButton";
@@ -67,12 +61,12 @@ import { mergeLabels } from "../utils/mergeLabels";
  *   onPrev/onNext. Product convention is ONE drawer at a time.
  */
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-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
@@ -82,7 +76,7 @@ var DRAWER_ROOT_SX = Object.freeze({
   // buried behind the drawer (at 1300) — clicking them "did nothing".
   zIndex: 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",
@@ -103,15 +97,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: layout.tactileMin,
+  minHeight: 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;
@@ -131,27 +150,24 @@ function innerCornerSx(anchor) {
   }
   return {};
 }
-function Drawer(_ref) {
-  var open = _ref.open,
-    onClose = _ref.onClose,
-    _ref$width = _ref.width,
-    width = _ref$width === void 0 ? 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 = mergeLabels(DEFAULT_LABELS, labels);
+function Drawer({
+  open,
+  onClose,
+  width = layout.drawer,
+  title,
+  subtitle,
+  ariaLabel,
+  status,
+  actions,
+  onPrev,
+  onNext,
+  hasPrev = false,
+  hasNext = false,
+  children,
+  anchor = "right",
+  labels
+}) {
+  const L = mergeLabels(DEFAULT_LABELS, labels);
 
   /*
    * D-A10.2 — does this drawer navigate between items at all?
@@ -161,7 +177,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
@@ -169,8 +185,8 @@ 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);
+  const titleId = React.useId();
+  const paperRef = React.useRef(null);
   useFocusTrap(paperRef, !!open);
 
   /*
@@ -179,45 +195,41 @@ 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]);
+    }
+  }), [width, anchor]);
   return /*#__PURE__*/_jsxs(MuiDrawer, {
     anchor: anchor,
     open: !!open,
@@ -257,9 +269,7 @@ function Drawer(_ref) {
             onClick: onPrev,
             disabled: !hasPrev,
             "aria-label": L.prev,
-            sx: {
-              color: "var(--fg-muted)"
-            },
+            sx: HEADER_ICON_BUTTON_SX,
             children: /*#__PURE__*/_jsx(KeyboardArrowUpIcon, {
               fontSize: "small"
             })
@@ -268,9 +278,7 @@ function Drawer(_ref) {
             onClick: onNext,
             disabled: !hasNext,
             "aria-label": L.next,
-            sx: {
-              color: "var(--fg-muted)"
-            },
+            sx: HEADER_ICON_BUTTON_SX,
             children: /*#__PURE__*/_jsx(KeyboardArrowDownIcon, {
               fontSize: "small"
             })
@@ -288,9 +296,7 @@ function Drawer(_ref) {
             size: "small",
             onClick: onClose,
             "aria-label": L.close,
-            sx: {
-              color: "var(--fg-muted)"
-            },
+            sx: HEADER_ICON_BUTTON_SX,
             children: /*#__PURE__*/_jsx(CloseIcon, {
               fontSize: "small"
             })