@portnet/ui 6.0.2 → 6.0.3

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) : 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":"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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"
             })

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

@@ -1 +1 @@
-{"version":3,"file":"Drawer.js","names":["React","MuiDrawer","IconButton","CloseIcon","KeyboardArrowUpIcon","KeyboardArrowDownIcon","Box","Typography","layout","zIndex","useFocusTrap","mergeLabels","jsx","_jsx","jsxs","_jsxs","DEFAULT_LABELS","Object","freeze","prev","next","close","DRAWER_ROOT_SX","drawer","HEADER_STICKY_SX","padding","borderBottom","position","top","background","HEADER_ACTIONS_SX","display","alignItems","gap","marginInlineStart","isEditableTarget","target","HTMLElement","tag","tagName","isContentEditable","innerCornerSx","anchor","borderTopLeftRadius","borderBottomLeftRadius","borderTopRightRadius","borderBottomRightRadius","Drawer","_ref","open","onClose","_ref$width","width","title","subtitle","ariaLabel","status","actions","onPrev","onNext","_ref$hasPrev","hasPrev","_ref$hasNext","hasNext","children","_ref$anchor","labels","L","hasItemNavigation","undefined","titleId","useId","paperRef","useRef","useEffect","handler","e","key","preventDefault","window","addEventListener","removeEventListener","slotProps","useMemo","paper","ref","sx","_objectSpread","maxWidth","backgroundColor","boxShadow","role","disableAutoFocus","disableEnforceFocus","disableRestoreFocus","justifyContent","marginBottom","size","onClick","disabled","color","fontSize","id","component","fontWeight","lineHeight","marginTop","overflowY","flex"],"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","MuiDrawer","IconButton","CloseIcon","KeyboardArrowUpIcon","KeyboardArrowDownIcon","Box","Typography","layout","zIndex","useFocusTrap","mergeLabels","jsx","_jsx","jsxs","_jsxs","DEFAULT_LABELS","Object","freeze","prev","next","close","DRAWER_ROOT_SX","drawer","HEADER_STICKY_SX","padding","borderBottom","position","top","background","HEADER_ACTIONS_SX","display","alignItems","gap","marginInlineStart","HEADER_ICON_BUTTON_SX","color","minWidth","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","hasItemNavigation","undefined","titleId","useId","paperRef","useRef","useEffect","handler","e","key","preventDefault","window","addEventListener","removeEventListener","slotProps","useMemo","paper","ref","sx","maxWidth","backgroundColor","boxShadow","role","disableAutoFocus","disableEnforceFocus","disableRestoreFocus","justifyContent","marginBottom","size","onClick","disabled","fontSize","id","component","fontWeight","lineHeight","marginTop","overflowY","flex"],"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":[]}