@portnet/ui 6.0.2 → 6.0.3

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

@@ -1 +1 @@
-{"version":3,"file":"MobileRowCard.js","names":["React","Box","OverflowMenu","KV","jsx","_jsx","jsxs","_jsxs","CARD_INNER_SX","Object","freeze","display","flexDirection","gap","padding","HEADER_SX","alignItems","justifyContent","HEADER_MAIN_SX","minWidth","flex","LEADING_SX","flexShrink","TITLE_BASE_SX","fontWeight","fontSize","color","overflow","textOverflow","whiteSpace","TITLE_MONO_SX","_objectSpread","fontFamily","SUBTITLE_SX","CHIPS_SX","flexWrap","META_SX","KV_GRID_SX","gridTemplateColumns","HEADER_END_SX","MobileRowCard","_ref","leading","trailing","title","_ref$titleMono","titleMono","subtitle","chips","kv","meta","actions","actionsAriaLabel","visibleActions","useMemo","Array","isArray","filter","a","divider","visibleChips","Boolean","metaParts","p","kvPairs","label","hasActions","length","hasTitle","hasLeading","hasTrailing","hasHeader","hasSubtitle","titleAttr","undefined","subtitleAttr","sx","children","onClick","e","stopPropagation","onKeyDown","ariaLabel","map","c","i","Fragment","pair","value","mono","fallback","join"],"sources":["../../../../src/lib/v2/components/MobileRowCard.tsx"],"sourcesContent":["import * as React from \"react\";\r\nimport Box from \"@mui/material/Box\";\r\nimport type { SxProps, Theme } from \"@mui/material/styles\";\r\nimport OverflowMenu from \"./OverflowMenu\";\r\nimport type { OverflowMenuAction } from \"./OverflowMenu\";\r\nimport KV from \"./KV\";\r\n\r\n/**\r\n * MobileRowCard - Portnet UI v2\r\n *\r\n * Canonical card layout for the DataGrid mobile card view (R1 mobile,\r\n * lib commit \"feat(DataGrid): R1 mobile - opt-in card view\"). Used\r\n * inside DataGrid's renderMobileCard prop to centralise the visual\r\n * rhythm across modules.\r\n *\r\n *   <DataGrid\r\n *     renderMobileCard={(row) => (\r\n *       <MobileRowCard\r\n *         title={row.reference}\r\n *         titleMono\r\n *         subtitle={row.importer?.description}\r\n *         chips={[\r\n *           <StatutAutorisationChip code={row.statutAutorisation} />,\r\n *           <StatutUtilisationChip code={row.statutUtilisation} />,\r\n *         ]}\r\n *         meta={[\r\n *           `Émise ${formatDate(row.dateIssue)}`,\r\n *           `Fin ${formatDate(row.dateFinValidite)}`,\r\n *         ]}\r\n *         actions={buildRowActions(row)}\r\n *         actionsAriaLabel={`Actions pour ${row.reference}`}\r\n *       />\r\n *     )}\r\n *     ...\r\n *   />\r\n *\r\n * Layout (top to bottom, each line conditional on its prop):\r\n *   1. Header row: [leading] + title (truncate, optional mono) + [trailing] + OverflowMenu kebab\r\n *   2. Subtitle line: muted, single-line truncate\r\n *   3. Chips row: wrapping flexbox for status chips\r\n *   4. KV grid: two-column label/value pairs (see `kv`)\r\n *   5. Meta line: secondary scalars joined with \" · \"\r\n *\r\n * All props are optional; the component renders only the lines\r\n * that have content, with no empty placeholder boxes.\r\n *\r\n * `kv` vs `meta` — pick by whether the reader needs the label.\r\n *   meta  → self-evident scalars, joined label-less: \"12/05/2026 · 3 pièces\"\r\n *   kv    → values that are meaningless unaccompanied (\"SOFRANE SA\",\r\n *           \"Casablanca\", \"Tissus\") — rendered as a 2-column grid of v2.KV\r\n *\r\n * `kv` exists because every listing in ms-dfd-fe and ms-ti-fe independently\r\n * built header + labelled-KV-grid cards with a local MOBILE_CARD_KV_SX,\r\n * bypassing this component entirely — nine sites across two modules. `meta`\r\n * could not absorb them: joining five labelled pairs into one \" · \" string\r\n * loses the labels, and on a phone those labels are what make the values\r\n * interpretable (Nielsen #6, recognition over recall). Each pair renders\r\n * through v2.KV, so label/value stay paired for screen readers via\r\n * aria-labelledby, and empty values fall back to KV's own \"—\" rather than each\r\n * host writing `?? \"-\"`.\r\n *\r\n *   <MobileRowCard\r\n *     leading={<FavoriteToggle ... />}\r\n *     title={row.num} titleMono\r\n *     chips={[<Status kind={...} label={row.etat} />]}\r\n *     kv={[\r\n *       { label: \"Catégorie\",   value: row.categorie },\r\n *       { label: \"Importateur\", value: row.importateur },\r\n *       { label: \"Référence\",   value: row.ref, mono: true },\r\n *     ]}\r\n *   />\r\n *\r\n * `leading` — a slot BEFORE the title, inside the header row, vertically\r\n * centred against it and never shrinking. Added for the listing favourite\r\n * star, which hosts previously could not place inside the card and therefore\r\n * hand-rolled the whole card layout instead:\r\n *\r\n *   <MobileRowCard\r\n *     leading={<FavoriteToggle pressed={isFavorite} size=\"sm\" onChange={...} />}\r\n *     title={row.reference}\r\n *     titleMono\r\n *   />\r\n *\r\n * PROPAGATION — deliberate asymmetry with the kebab. The kebab wrapper stops\r\n * click/keydown itself, because opening a menu must never also fire the card's\r\n * onRowClick. `leading` does NOT: a decorative leading node (icon, avatar)\r\n * should still open the row like the rest of the card, and silently swallowing\r\n * that would be the more surprising default. Interactive leading content is\r\n * therefore responsible for stopping propagation in its own handlers — exactly\r\n * as DataGrid's own FavoriteCell does. Get this wrong and a tap both toggles\r\n * the star and opens the drawer.\r\n *\r\n * Charter §02.3 — spacing: --s-2 gap between lines, --s-3 padding.\r\n * Charter §02.2 — typography:\r\n *   - title: text-sm semibold (text-mono variant if titleMono)\r\n *   - subtitle: text-sm fg-muted\r\n *   - meta: text-xs fg-subtle\r\n * Charter §05 — a11y: kebab has its own aria-label; the card-level\r\n *   click wiring (role=button, tabIndex, Enter/Space) is owned by\r\n *   DataGrid's mobile card wrapper. This component just renders the\r\n *   contents.\r\n *\r\n * Why chips are NODES (not objects):\r\n *   Hosts have specialised chip components (StatutAutorisationChip\r\n *   etc.) and passing nodes lets them keep their existing chip type\r\n *   without translating to a generic schema. We just lay them out\r\n *   in a wrapping row.\r\n */\r\n\r\nconst CARD_INNER_SX = Object.freeze({\r\n  display: \"flex\",\r\n  flexDirection: \"column\",\r\n  gap: \"var(--s-2)\",\r\n  padding: \"var(--s-3)\",\r\n} satisfies SxProps<Theme>);\r\n\r\nconst HEADER_SX = Object.freeze({\r\n  display: \"flex\",\r\n  alignItems: \"flex-start\",\r\n  justifyContent: \"space-between\",\r\n  gap: \"var(--s-2)\",\r\n} satisfies SxProps<Theme>);\r\n\r\n/* Groups `leading` + title on the left of the header so the kebab keeps its\r\n * space-between position. `minWidth: 0` is what lets the title's ellipsis\r\n * actually engage inside a flex child. */\r\nconst HEADER_MAIN_SX = Object.freeze({\r\n  display: \"flex\",\r\n  alignItems: \"center\",\r\n  gap: \"var(--s-2)\",\r\n  minWidth: 0,\r\n  flex: 1,\r\n} satisfies SxProps<Theme>);\r\n\r\nconst LEADING_SX = Object.freeze({\r\n  display: \"inline-flex\",\r\n  alignItems: \"center\",\r\n  flexShrink: 0,\r\n} satisfies SxProps<Theme>);\r\n\r\nconst TITLE_BASE_SX = Object.freeze({\r\n  fontWeight: \"var(--fw-semibold)\",\r\n  fontSize: \"var(--text-sm)\",\r\n  color: \"var(--fg)\",\r\n  minWidth: 0,\r\n  flex: 1,\r\n  overflow: \"hidden\",\r\n  textOverflow: \"ellipsis\",\r\n  whiteSpace: \"nowrap\",\r\n} satisfies SxProps<Theme>);\r\n\r\nconst TITLE_MONO_SX = Object.freeze({\r\n  ...TITLE_BASE_SX,\r\n  fontFamily: \"var(--font-mono)\",\r\n} satisfies SxProps<Theme>);\r\n\r\nconst SUBTITLE_SX = Object.freeze({\r\n  fontSize: \"var(--text-sm)\",\r\n  color: \"var(--fg-muted)\",\r\n  overflow: \"hidden\",\r\n  textOverflow: \"ellipsis\",\r\n  whiteSpace: \"nowrap\",\r\n} satisfies SxProps<Theme>);\r\n\r\nconst CHIPS_SX = Object.freeze({\r\n  display: \"flex\",\r\n  alignItems: \"center\",\r\n  gap: \"var(--s-1)\",\r\n  flexWrap: \"wrap\",\r\n} satisfies SxProps<Theme>);\r\n\r\nconst META_SX = Object.freeze({\r\n  fontSize: \"var(--text-xs)\",\r\n  color: \"var(--fg-subtle)\",\r\n});\r\n\r\n/* Two columns at every phone width. Deliberately not responsive: below ~320px\r\n * a single column would be more readable, but 320px is the Charter's narrowest\r\n * supported breakpoint (§07.2 xs) and two columns still fit there. Matches the\r\n * MOBILE_CARD_KV_SX both modules converged on independently. */\r\nconst KV_GRID_SX = Object.freeze({\r\n  display: \"grid\",\r\n  gridTemplateColumns: \"1fr 1fr\",\r\n  gap: \"var(--s-2)\",\r\n} satisfies SxProps<Theme>);\r\n\r\n/* Right cluster of the header row: [trailing] then the kebab. One shared\r\n * wrapper so a card can carry both a visible action and an overflow menu, and\r\n * so propagation is stopped once for the whole interactive cluster. */\r\nconst HEADER_END_SX = Object.freeze({\r\n  display: \"inline-flex\",\r\n  alignItems: \"center\",\r\n  gap: \"var(--s-1)\",\r\n  flexShrink: 0,\r\n} satisfies SxProps<Theme>);\r\n\r\n/** One label/value pair in the card's `kv` grid. Mirrors v2.KV's own props. */\r\nexport interface MobileRowCardKV {\r\n  label: React.ReactNode;\r\n  value?: React.ReactNode | undefined;\r\n  /** Tabular-nums monospace — for references, IDs, amounts. */\r\n  mono?: boolean | undefined;\r\n  /** Overrides KV's default \"—\" when the value is null/undefined/\"\". */\r\n  fallback?: React.ReactNode | undefined;\r\n}\r\n\r\nexport interface MobileRowCardProps {\r\n  /** Slot before the title (favourite toggle, icon, avatar). Interactive\r\n   *  content must stop propagation itself — see the propagation note above. */\r\n  leading?: React.ReactNode | undefined;\r\n  /**\r\n   * Slot at the END of the header row — the VISIBLE counterpart of `actions`.\r\n   *\r\n   * `actions` collapses into a kebab, which is right for a listing's secondary\r\n   * verbs and wrong when the action IS the point of the row: a picker modal's\r\n   * \"Choisir\" button is the only way to select a row on a phone, and burying it\r\n   * behind \"…\" turns one tap into two. Six sites across ms-dfd-fe and ms-ti-fe\r\n   * hand-rolled the entire card layout rather than accept that, which is what\r\n   * this slot exists to end.\r\n   *\r\n   * Renders before the kebab; both may be present.\r\n   *\r\n   * PROPAGATION — unlike `leading`, `trailing` shares the kebab's wrapper and\r\n   * therefore DOES stop click/keydown. Its declared purpose is interactive\r\n   * actions, and a tap that both fires the action and opens the row is the more\r\n   * damaging default. Decorative content belongs in `leading`.\r\n   */\r\n  trailing?: React.ReactNode | undefined;\r\n  title?: React.ReactNode | undefined;\r\n  titleMono?: boolean | undefined;\r\n  subtitle?: React.ReactNode | undefined;\r\n  chips?: React.ReactNode[] | undefined;\r\n  /** Labelled pairs rendered as a 2-column v2.KV grid. See `kv` vs `meta`. */\r\n  kv?: MobileRowCardKV[] | undefined;\r\n  meta?: React.ReactNode[] | undefined;\r\n  actions?: OverflowMenuAction[] | undefined;\r\n  /**\r\n   * Accessible name for the kebab trigger.\r\n   *\r\n   * NO DEFAULT ON PURPOSE. This used to default to the literal \"Actions\",\r\n   * which was then passed to OverflowMenu's `ariaLabel` — and `ariaLabel`\r\n   * WINS over `labels.trigger`, so the card silently overrode the design\r\n   * system's own canonical trigger name (\"Plus d'actions\", OverflowMenu\r\n   * DEFAULT_LABELS). Result: every kebab in the fleet announced « Plus\r\n   * d'actions » except the ones inside a mobile row card, which announced the\r\n   * vaguer « Actions » — an inter-module naming inconsistency (Charter P2 /\r\n   * R-2.4 : « un même concept = un même libellé partout »).\r\n   *\r\n   * Leaving it undefined lets OverflowMenu apply its own default. Hosts\r\n   * SHOULD still pass a contextual name (« Actions pour 2025-IM-0042 »), which\r\n   * is strictly better than either default for screen-reader users scanning a\r\n   * list of cards.\r\n   */\r\n  actionsAriaLabel?: string | undefined;\r\n}\r\n\r\nfunction MobileRowCard({\r\n  leading,\r\n  trailing,\r\n  title,\r\n  titleMono = false,\r\n  subtitle,\r\n  chips,\r\n  kv,\r\n  meta,\r\n  actions,\r\n  /* No default — see the prop's doc comment. Forwarded only when the host\r\n   * supplies one, so OverflowMenu's own default applies otherwise. */\r\n  actionsAriaLabel,\r\n}: MobileRowCardProps) {\r\n  // Filter out divider entries (OverflowMenu separator marks) and\r\n  // null/undefined actions so the kebab only renders when there is\r\n  // at least one real action available.\r\n  const visibleActions = React.useMemo(() => {\r\n    if (!Array.isArray(actions)) return [];\r\n    return actions.filter((a) => a && !a.divider);\r\n  }, [actions]);\r\n\r\n  const visibleChips = React.useMemo(() => {\r\n    if (!Array.isArray(chips)) return [];\r\n    return chips.filter(Boolean);\r\n  }, [chips]);\r\n\r\n  const metaParts = React.useMemo(() => {\r\n    if (!Array.isArray(meta)) return [];\r\n    return meta.filter((p) => p != null && p !== \"\");\r\n  }, [meta]);\r\n\r\n  /* Only `label` is required — a pair with an empty value is kept on purpose so\r\n   * KV renders its \"—\" placeholder and the grid keeps its shape across rows.\r\n   * Entries missing a label are dropped: KV would emit an empty eyebrow and an\r\n   * aria-labelledby pointing at nothing. */\r\n  const kvPairs = React.useMemo(() => {\r\n    if (!Array.isArray(kv)) return [];\r\n    return kv.filter((p) => p != null && p.label != null && p.label !== \"\");\r\n  }, [kv]);\r\n\r\n  const hasActions = visibleActions.length > 0;\r\n  const hasTitle = title != null && title !== \"\";\r\n  const hasLeading = leading != null && leading !== \"\";\r\n  const hasTrailing = trailing != null && trailing !== \"\";\r\n  const hasHeader = hasTitle || hasActions || hasLeading || hasTrailing;\r\n  const hasSubtitle = subtitle != null && subtitle !== \"\";\r\n\r\n  // Title attribute (native hover tooltip) is set only when the value\r\n  // is a string — wrapping a React node yields a \"[object Object]\"\r\n  // tooltip which is worse than no tooltip.\r\n  const titleAttr = typeof title === \"string\" ? title : undefined;\r\n  const subtitleAttr =\r\n    typeof subtitle === \"string\" ? subtitle : undefined;\r\n\r\n  return (\r\n    <Box sx={CARD_INNER_SX}>\r\n      {hasHeader && (\r\n        <Box sx={HEADER_SX}>\r\n          {(hasLeading || hasTitle) && (\r\n            <Box sx={HEADER_MAIN_SX}>\r\n              {hasLeading && <Box sx={LEADING_SX}>{leading}</Box>}\r\n              {hasTitle && (\r\n                <Box\r\n                  sx={titleMono ? TITLE_MONO_SX : TITLE_BASE_SX}\r\n                  title={titleAttr}\r\n                >\r\n                  {title}\r\n                </Box>\r\n              )}\r\n            </Box>\r\n          )}\r\n          {(hasTrailing || hasActions) && (\r\n            // The card itself is the click target (wired by DataGrid's\r\n            // mobile card wrapper). Stop propagation on the whole\r\n            // interactive cluster so firing a visible action, or opening\r\n            // the kebab, doesn't also fire onRowClick.\r\n            <Box\r\n              sx={HEADER_END_SX}\r\n              onClick={(e) => e.stopPropagation()}\r\n              onKeyDown={(e) => e.stopPropagation()}\r\n            >\r\n              {hasTrailing && trailing}\r\n              {hasActions && (\r\n                <OverflowMenu\r\n                  {...(actionsAriaLabel !== undefined ? { ariaLabel: actionsAriaLabel } : {})}\r\n                  {...(actions !== undefined ? { actions } : {})}\r\n                />\r\n              )}\r\n            </Box>\r\n          )}\r\n        </Box>\r\n      )}\r\n      {hasSubtitle && (\r\n        <Box sx={SUBTITLE_SX} title={subtitleAttr}>\r\n          {subtitle}\r\n        </Box>\r\n      )}\r\n      {visibleChips.length > 0 && (\r\n        <Box sx={CHIPS_SX}>\r\n          {visibleChips.map((c, i) => (\r\n            <React.Fragment key={i}>{c}</React.Fragment>\r\n          ))}\r\n        </Box>\r\n      )}\r\n      {kvPairs.length > 0 && (\r\n        <Box sx={KV_GRID_SX}>\r\n          {kvPairs.map((pair, i) => (\r\n            <KV\r\n              key={i}\r\n              label={pair.label}\r\n              {...(pair.value !== undefined ? { value: pair.value } : {})}\r\n              {...(pair.mono !== undefined ? { mono: pair.mono } : {})}\r\n              {...(pair.fallback !== undefined ? { fallback: pair.fallback } : {})}\r\n            />\r\n          ))}\r\n        </Box>\r\n      )}\r\n      {metaParts.length > 0 && (\r\n        <Box sx={META_SX}>{metaParts.join(\" · \")}</Box>\r\n      )}\r\n    </Box>\r\n  );\r\n}\r\n\r\nexport default MobileRowCard;\r\n"],"mappings":";;;;;;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,OAAOC,GAAG,MAAM,mBAAmB;AAEnC,OAAOC,YAAY,MAAM,gBAAgB;AAEzC,OAAOC,EAAE,MAAM,MAAM;;AAErB;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AApGA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAsGA,IAAMC,aAAa,GAAGC,MAAM,CAACC,MAAM,CAAC;EAClCC,OAAO,EAAE,MAAM;EACfC,aAAa,EAAE,QAAQ;EACvBC,GAAG,EAAE,YAAY;EACjBC,OAAO,EAAE;AACX,CAA0B,CAAC;AAE3B,IAAMC,SAAS,GAAGN,MAAM,CAACC,MAAM,CAAC;EAC9BC,OAAO,EAAE,MAAM;EACfK,UAAU,EAAE,YAAY;EACxBC,cAAc,EAAE,eAAe;EAC/BJ,GAAG,EAAE;AACP,CAA0B,CAAC;;AAE3B;AACA;AACA;AACA,IAAMK,cAAc,GAAGT,MAAM,CAACC,MAAM,CAAC;EACnCC,OAAO,EAAE,MAAM;EACfK,UAAU,EAAE,QAAQ;EACpBH,GAAG,EAAE,YAAY;EACjBM,QAAQ,EAAE,CAAC;EACXC,IAAI,EAAE;AACR,CAA0B,CAAC;AAE3B,IAAMC,UAAU,GAAGZ,MAAM,CAACC,MAAM,CAAC;EAC/BC,OAAO,EA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","ignoreList":[]}
+{"version":3,"file":"MobileRowCard.js","names":["React","Box","OverflowMenu","KV","jsx","_jsx","jsxs","_jsxs","CARD_INNER_SX","Object","freeze","display","flexDirection","gap","padding","HEADER_SX","alignItems","justifyContent","HEADER_MAIN_SX","minWidth","flex","LEADING_SX","flexShrink","TITLE_BASE_SX","fontWeight","fontSize","color","overflow","textOverflow","whiteSpace","TITLE_MONO_SX","fontFamily","SUBTITLE_SX","CHIPS_SX","flexWrap","META_SX","KV_GRID_SX","gridTemplateColumns","HEADER_END_SX","MobileRowCard","leading","trailing","title","titleMono","subtitle","chips","kv","meta","actions","actionsAriaLabel","visibleActions","useMemo","Array","isArray","filter","a","divider","visibleChips","Boolean","metaParts","p","kvPairs","label","hasActions","length","hasTitle","hasLeading","hasTrailing","hasHeader","hasSubtitle","titleAttr","undefined","subtitleAttr","sx","children","onClick","e","stopPropagation","onKeyDown","ariaLabel","map","c","i","Fragment","pair","value","mono","fallback","join"],"sources":["../../../../src/lib/v2/components/MobileRowCard.tsx"],"sourcesContent":["import * as React from \"react\";\r\nimport Box from \"@mui/material/Box\";\r\nimport type { SxProps, Theme } from \"@mui/material/styles\";\r\nimport OverflowMenu from \"./OverflowMenu\";\r\nimport type { OverflowMenuAction } from \"./OverflowMenu\";\r\nimport KV from \"./KV\";\r\n\r\n/**\r\n * MobileRowCard - Portnet UI v2\r\n *\r\n * Canonical card layout for the DataGrid mobile card view (R1 mobile,\r\n * lib commit \"feat(DataGrid): R1 mobile - opt-in card view\"). Used\r\n * inside DataGrid's renderMobileCard prop to centralise the visual\r\n * rhythm across modules.\r\n *\r\n *   <DataGrid\r\n *     renderMobileCard={(row) => (\r\n *       <MobileRowCard\r\n *         title={row.reference}\r\n *         titleMono\r\n *         subtitle={row.importer?.description}\r\n *         chips={[\r\n *           <StatutAutorisationChip code={row.statutAutorisation} />,\r\n *           <StatutUtilisationChip code={row.statutUtilisation} />,\r\n *         ]}\r\n *         meta={[\r\n *           `Émise ${formatDate(row.dateIssue)}`,\r\n *           `Fin ${formatDate(row.dateFinValidite)}`,\r\n *         ]}\r\n *         actions={buildRowActions(row)}\r\n *         actionsAriaLabel={`Actions pour ${row.reference}`}\r\n *       />\r\n *     )}\r\n *     ...\r\n *   />\r\n *\r\n * Layout (top to bottom, each line conditional on its prop):\r\n *   1. Header row: [leading] + title (truncate, optional mono) + [trailing] + OverflowMenu kebab\r\n *   2. Subtitle line: muted, single-line truncate\r\n *   3. Chips row: wrapping flexbox for status chips\r\n *   4. KV grid: two-column label/value pairs (see `kv`)\r\n *   5. Meta line: secondary scalars joined with \" · \"\r\n *\r\n * All props are optional; the component renders only the lines\r\n * that have content, with no empty placeholder boxes.\r\n *\r\n * `kv` vs `meta` — pick by whether the reader needs the label.\r\n *   meta  → self-evident scalars, joined label-less: \"12/05/2026 · 3 pièces\"\r\n *   kv    → values that are meaningless unaccompanied (\"SOFRANE SA\",\r\n *           \"Casablanca\", \"Tissus\") — rendered as a 2-column grid of v2.KV\r\n *\r\n * `kv` exists because every listing in ms-dfd-fe and ms-ti-fe independently\r\n * built header + labelled-KV-grid cards with a local MOBILE_CARD_KV_SX,\r\n * bypassing this component entirely — nine sites across two modules. `meta`\r\n * could not absorb them: joining five labelled pairs into one \" · \" string\r\n * loses the labels, and on a phone those labels are what make the values\r\n * interpretable (Nielsen #6, recognition over recall). Each pair renders\r\n * through v2.KV, so label/value stay paired for screen readers via\r\n * aria-labelledby, and empty values fall back to KV's own \"—\" rather than each\r\n * host writing `?? \"-\"`.\r\n *\r\n *   <MobileRowCard\r\n *     leading={<FavoriteToggle ... />}\r\n *     title={row.num} titleMono\r\n *     chips={[<Status kind={...} label={row.etat} />]}\r\n *     kv={[\r\n *       { label: \"Catégorie\",   value: row.categorie },\r\n *       { label: \"Importateur\", value: row.importateur },\r\n *       { label: \"Référence\",   value: row.ref, mono: true },\r\n *     ]}\r\n *   />\r\n *\r\n * `leading` — a slot BEFORE the title, inside the header row, vertically\r\n * centred against it and never shrinking. Added for the listing favourite\r\n * star, which hosts previously could not place inside the card and therefore\r\n * hand-rolled the whole card layout instead:\r\n *\r\n *   <MobileRowCard\r\n *     leading={<FavoriteToggle pressed={isFavorite} size=\"sm\" onChange={...} />}\r\n *     title={row.reference}\r\n *     titleMono\r\n *   />\r\n *\r\n * PROPAGATION — deliberate asymmetry with the kebab. The kebab wrapper stops\r\n * click/keydown itself, because opening a menu must never also fire the card's\r\n * onRowClick. `leading` does NOT: a decorative leading node (icon, avatar)\r\n * should still open the row like the rest of the card, and silently swallowing\r\n * that would be the more surprising default. Interactive leading content is\r\n * therefore responsible for stopping propagation in its own handlers — exactly\r\n * as DataGrid's own FavoriteCell does. Get this wrong and a tap both toggles\r\n * the star and opens the drawer.\r\n *\r\n * Charter §02.3 — spacing: --s-2 gap between lines, --s-3 padding.\r\n * Charter §02.2 — typography:\r\n *   - title: text-sm semibold (text-mono variant if titleMono)\r\n *   - subtitle: text-sm fg-muted\r\n *   - meta: text-xs fg-subtle\r\n * Charter §05 — a11y: kebab has its own aria-label; the card-level\r\n *   click wiring (role=button, tabIndex, Enter/Space) is owned by\r\n *   DataGrid's mobile card wrapper. This component just renders the\r\n *   contents.\r\n *\r\n * Why chips are NODES (not objects):\r\n *   Hosts have specialised chip components (StatutAutorisationChip\r\n *   etc.) and passing nodes lets them keep their existing chip type\r\n *   without translating to a generic schema. We just lay them out\r\n *   in a wrapping row.\r\n */\r\n\r\nconst CARD_INNER_SX = Object.freeze({\r\n  display: \"flex\",\r\n  flexDirection: \"column\",\r\n  gap: \"var(--s-2)\",\r\n  padding: \"var(--s-3)\",\r\n} satisfies SxProps<Theme>);\r\n\r\nconst HEADER_SX = Object.freeze({\r\n  display: \"flex\",\r\n  alignItems: \"flex-start\",\r\n  justifyContent: \"space-between\",\r\n  gap: \"var(--s-2)\",\r\n} satisfies SxProps<Theme>);\r\n\r\n/* Groups `leading` + title on the left of the header so the kebab keeps its\r\n * space-between position. `minWidth: 0` is what lets the title's ellipsis\r\n * actually engage inside a flex child. */\r\nconst HEADER_MAIN_SX = Object.freeze({\r\n  display: \"flex\",\r\n  alignItems: \"center\",\r\n  gap: \"var(--s-2)\",\r\n  minWidth: 0,\r\n  flex: 1,\r\n} satisfies SxProps<Theme>);\r\n\r\nconst LEADING_SX = Object.freeze({\r\n  display: \"inline-flex\",\r\n  alignItems: \"center\",\r\n  flexShrink: 0,\r\n} satisfies SxProps<Theme>);\r\n\r\nconst TITLE_BASE_SX = Object.freeze({\r\n  fontWeight: \"var(--fw-semibold)\",\r\n  fontSize: \"var(--text-sm)\",\r\n  color: \"var(--fg)\",\r\n  minWidth: 0,\r\n  flex: 1,\r\n  overflow: \"hidden\",\r\n  textOverflow: \"ellipsis\",\r\n  whiteSpace: \"nowrap\",\r\n} satisfies SxProps<Theme>);\r\n\r\nconst TITLE_MONO_SX = Object.freeze({\r\n  ...TITLE_BASE_SX,\r\n  fontFamily: \"var(--font-mono)\",\r\n} satisfies SxProps<Theme>);\r\n\r\nconst SUBTITLE_SX = Object.freeze({\r\n  fontSize: \"var(--text-sm)\",\r\n  color: \"var(--fg-muted)\",\r\n  overflow: \"hidden\",\r\n  textOverflow: \"ellipsis\",\r\n  whiteSpace: \"nowrap\",\r\n} satisfies SxProps<Theme>);\r\n\r\nconst CHIPS_SX = Object.freeze({\r\n  display: \"flex\",\r\n  alignItems: \"center\",\r\n  gap: \"var(--s-1)\",\r\n  flexWrap: \"wrap\",\r\n} satisfies SxProps<Theme>);\r\n\r\nconst META_SX = Object.freeze({\r\n  fontSize: \"var(--text-xs)\",\r\n  color: \"var(--fg-subtle)\",\r\n});\r\n\r\n/* Two columns at every phone width. Deliberately not responsive: below ~320px\r\n * a single column would be more readable, but 320px is the Charter's narrowest\r\n * supported breakpoint (§07.2 xs) and two columns still fit there. Matches the\r\n * MOBILE_CARD_KV_SX both modules converged on independently. */\r\nconst KV_GRID_SX = Object.freeze({\r\n  display: \"grid\",\r\n  gridTemplateColumns: \"1fr 1fr\",\r\n  gap: \"var(--s-2)\",\r\n} satisfies SxProps<Theme>);\r\n\r\n/* Right cluster of the header row: [trailing] then the kebab. One shared\r\n * wrapper so a card can carry both a visible action and an overflow menu, and\r\n * so propagation is stopped once for the whole interactive cluster. */\r\nconst HEADER_END_SX = Object.freeze({\r\n  display: \"inline-flex\",\r\n  alignItems: \"center\",\r\n  gap: \"var(--s-1)\",\r\n  flexShrink: 0,\r\n} satisfies SxProps<Theme>);\r\n\r\n/** One label/value pair in the card's `kv` grid. Mirrors v2.KV's own props. */\r\nexport interface MobileRowCardKV {\r\n  label: React.ReactNode;\r\n  value?: React.ReactNode | undefined;\r\n  /** Tabular-nums monospace — for references, IDs, amounts. */\r\n  mono?: boolean | undefined;\r\n  /** Overrides KV's default \"—\" when the value is null/undefined/\"\". */\r\n  fallback?: React.ReactNode | undefined;\r\n}\r\n\r\nexport interface MobileRowCardProps {\r\n  /** Slot before the title (favourite toggle, icon, avatar). Interactive\r\n   *  content must stop propagation itself — see the propagation note above. */\r\n  leading?: React.ReactNode | undefined;\r\n  /**\r\n   * Slot at the END of the header row — the VISIBLE counterpart of `actions`.\r\n   *\r\n   * `actions` collapses into a kebab, which is right for a listing's secondary\r\n   * verbs and wrong when the action IS the point of the row: a picker modal's\r\n   * \"Choisir\" button is the only way to select a row on a phone, and burying it\r\n   * behind \"…\" turns one tap into two. Six sites across ms-dfd-fe and ms-ti-fe\r\n   * hand-rolled the entire card layout rather than accept that, which is what\r\n   * this slot exists to end.\r\n   *\r\n   * Renders before the kebab; both may be present.\r\n   *\r\n   * PROPAGATION — unlike `leading`, `trailing` shares the kebab's wrapper and\r\n   * therefore DOES stop click/keydown. Its declared purpose is interactive\r\n   * actions, and a tap that both fires the action and opens the row is the more\r\n   * damaging default. Decorative content belongs in `leading`.\r\n   */\r\n  trailing?: React.ReactNode | undefined;\r\n  title?: React.ReactNode | undefined;\r\n  titleMono?: boolean | undefined;\r\n  subtitle?: React.ReactNode | undefined;\r\n  chips?: React.ReactNode[] | undefined;\r\n  /** Labelled pairs rendered as a 2-column v2.KV grid. See `kv` vs `meta`. */\r\n  kv?: MobileRowCardKV[] | undefined;\r\n  meta?: React.ReactNode[] | undefined;\r\n  actions?: OverflowMenuAction[] | undefined;\r\n  /**\r\n   * Accessible name for the kebab trigger.\r\n   *\r\n   * NO DEFAULT ON PURPOSE. This used to default to the literal \"Actions\",\r\n   * which was then passed to OverflowMenu's `ariaLabel` — and `ariaLabel`\r\n   * WINS over `labels.trigger`, so the card silently overrode the design\r\n   * system's own canonical trigger name (\"Plus d'actions\", OverflowMenu\r\n   * DEFAULT_LABELS). Result: every kebab in the fleet announced « Plus\r\n   * d'actions » except the ones inside a mobile row card, which announced the\r\n   * vaguer « Actions » — an inter-module naming inconsistency (Charter P2 /\r\n   * R-2.4 : « un même concept = un même libellé partout »).\r\n   *\r\n   * Leaving it undefined lets OverflowMenu apply its own default. Hosts\r\n   * SHOULD still pass a contextual name (« Actions pour 2025-IM-0042 »), which\r\n   * is strictly better than either default for screen-reader users scanning a\r\n   * list of cards.\r\n   */\r\n  actionsAriaLabel?: string | undefined;\r\n}\r\n\r\nfunction MobileRowCard({\r\n  leading,\r\n  trailing,\r\n  title,\r\n  titleMono = false,\r\n  subtitle,\r\n  chips,\r\n  kv,\r\n  meta,\r\n  actions,\r\n  /* No default — see the prop's doc comment. Forwarded only when the host\r\n   * supplies one, so OverflowMenu's own default applies otherwise. */\r\n  actionsAriaLabel,\r\n}: MobileRowCardProps) {\r\n  // Filter out divider entries (OverflowMenu separator marks) and\r\n  // null/undefined actions so the kebab only renders when there is\r\n  // at least one real action available.\r\n  const visibleActions = React.useMemo(() => {\r\n    if (!Array.isArray(actions)) return [];\r\n    return actions.filter((a) => a && !a.divider);\r\n  }, [actions]);\r\n\r\n  const visibleChips = React.useMemo(() => {\r\n    if (!Array.isArray(chips)) return [];\r\n    return chips.filter(Boolean);\r\n  }, [chips]);\r\n\r\n  const metaParts = React.useMemo(() => {\r\n    if (!Array.isArray(meta)) return [];\r\n    return meta.filter((p) => p != null && p !== \"\");\r\n  }, [meta]);\r\n\r\n  /* Only `label` is required — a pair with an empty value is kept on purpose so\r\n   * KV renders its \"—\" placeholder and the grid keeps its shape across rows.\r\n   * Entries missing a label are dropped: KV would emit an empty eyebrow and an\r\n   * aria-labelledby pointing at nothing. */\r\n  const kvPairs = React.useMemo(() => {\r\n    if (!Array.isArray(kv)) return [];\r\n    return kv.filter((p) => p != null && p.label != null && p.label !== \"\");\r\n  }, [kv]);\r\n\r\n  const hasActions = visibleActions.length > 0;\r\n  const hasTitle = title != null && title !== \"\";\r\n  const hasLeading = leading != null && leading !== \"\";\r\n  const hasTrailing = trailing != null && trailing !== \"\";\r\n  const hasHeader = hasTitle || hasActions || hasLeading || hasTrailing;\r\n  const hasSubtitle = subtitle != null && subtitle !== \"\";\r\n\r\n  // Title attribute (native hover tooltip) is set only when the value\r\n  // is a string — wrapping a React node yields a \"[object Object]\"\r\n  // tooltip which is worse than no tooltip.\r\n  const titleAttr = typeof title === \"string\" ? title : undefined;\r\n  const subtitleAttr =\r\n    typeof subtitle === \"string\" ? subtitle : undefined;\r\n\r\n  return (\r\n    <Box sx={CARD_INNER_SX}>\r\n      {hasHeader && (\r\n        <Box sx={HEADER_SX}>\r\n          {(hasLeading || hasTitle) && (\r\n            <Box sx={HEADER_MAIN_SX}>\r\n              {hasLeading && <Box sx={LEADING_SX}>{leading}</Box>}\r\n              {hasTitle && (\r\n                <Box\r\n                  sx={titleMono ? TITLE_MONO_SX : TITLE_BASE_SX}\r\n                  title={titleAttr}\r\n                >\r\n                  {title}\r\n                </Box>\r\n              )}\r\n            </Box>\r\n          )}\r\n          {(hasTrailing || hasActions) && (\r\n            // The card itself is the click target (wired by DataGrid's\r\n            // mobile card wrapper). Stop propagation on the whole\r\n            // interactive cluster so firing a visible action, or opening\r\n            // the kebab, doesn't also fire onRowClick.\r\n            <Box\r\n              sx={HEADER_END_SX}\r\n              onClick={(e) => e.stopPropagation()}\r\n              onKeyDown={(e) => e.stopPropagation()}\r\n            >\r\n              {hasTrailing && trailing}\r\n              {hasActions && (\r\n                <OverflowMenu\r\n                  {...(actionsAriaLabel !== undefined ? { ariaLabel: actionsAriaLabel } : {})}\r\n                  {...(actions !== undefined ? { actions } : {})}\r\n                />\r\n              )}\r\n            </Box>\r\n          )}\r\n        </Box>\r\n      )}\r\n      {hasSubtitle && (\r\n        <Box sx={SUBTITLE_SX} title={subtitleAttr}>\r\n          {subtitle}\r\n        </Box>\r\n      )}\r\n      {visibleChips.length > 0 && (\r\n        <Box sx={CHIPS_SX}>\r\n          {visibleChips.map((c, i) => (\r\n            <React.Fragment key={i}>{c}</React.Fragment>\r\n          ))}\r\n        </Box>\r\n      )}\r\n      {kvPairs.length > 0 && (\r\n        <Box sx={KV_GRID_SX}>\r\n          {kvPairs.map((pair, i) => (\r\n            <KV\r\n              key={i}\r\n              label={pair.label}\r\n              {...(pair.value !== undefined ? { value: pair.value } : {})}\r\n              {...(pair.mono !== undefined ? { mono: pair.mono } : {})}\r\n              {...(pair.fallback !== undefined ? { fallback: pair.fallback } : {})}\r\n            />\r\n          ))}\r\n        </Box>\r\n      )}\r\n      {metaParts.length > 0 && (\r\n        <Box sx={META_SX}>{metaParts.join(\" · \")}</Box>\r\n      )}\r\n    </Box>\r\n  );\r\n}\r\n\r\nexport default MobileRowCard;\r\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,OAAOC,GAAG,MAAM,mBAAmB;AAEnC,OAAOC,YAAY,MAAM,gBAAgB;AAEzC,OAAOC,EAAE,MAAM,MAAM;;AAErB;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AApGA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAsGA,MAAMC,aAAa,GAAGC,MAAM,CAACC,MAAM,CAAC;EAClCC,OAAO,EAAE,MAAM;EACfC,aAAa,EAAE,QAAQ;EACvBC,GAAG,EAAE,YAAY;EACjBC,OAAO,EAAE;AACX,CAA0B,CAAC;AAE3B,MAAMC,SAAS,GAAGN,MAAM,CAACC,MAAM,CAAC;EAC9BC,OAAO,EAAE,MAAM;EACfK,UAAU,EAAE,YAAY;EACxBC,cAAc,EAAE,eAAe;EAC/BJ,GAAG,EAAE;AACP,CAA0B,CAAC;;AAE3B;AACA;AACA;AACA,MAAMK,cAAc,GAAGT,MAAM,CAACC,MAAM,CAAC;EACnCC,OAAO,EAAE,MAAM;EACfK,UAAU,EAAE,QAAQ;EACpBH,GAAG,EAAE,YAAY;EACjBM,QAAQ,EAAE,CAAC;EACXC,IAAI,EAAE;AACR,CAA0B,CAAC;AAE3B,MAAMC,UAAU,GAAGZ,MAAM,CAACC,MAAM,CAAC;EAC/BC,OAAO,EAAE,aAA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","ignoreList":[]}

package/dist/esm/v2/components/Modal.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 Dialog from "@mui/material/Dialog";
 import DialogTitle from "@mui/material/DialogTitle";
@@ -83,7 +77,7 @@ import useFocusTrap from "../hooks/useFocusTrap";
  * additions are layered via useMemo at the call site.
  */
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-var DIALOG_ROOT_SX = Object.freeze({
+const DIALOG_ROOT_SX = Object.freeze({
   // v2 z-index token (zIndex.js). modal:100 sits ABOVE drawer:80 (so a
   // Modal opened from inside a Drawer stacks correctly) and BELOW
   // snackbar:150 / toast:200 / tooltip:250. In-modal MUI popups
@@ -98,14 +92,14 @@ var DIALOG_ROOT_SX = Object.freeze({
 // at the Dialog top-level in v5/v6/v7, removed in v9). The content
 // `{ sx: {...} }` is unchanged — the backdrop slot receives the same
 // shape.
-var BACKDROP_SLOT_PROPS = Object.freeze({
+const BACKDROP_SLOT_PROPS = Object.freeze({
   // R-AI.1 - backdrop derived from the live --fg token instead of hard
   // rgba(15,21,37,...). Adapts to any future theme override.
   sx: {
     backgroundColor: "color-mix(in srgb, var(--fg) 45%, transparent)"
   }
 });
-var PAPER_BASE_SX = Object.freeze({
+const PAPER_BASE_SX = Object.freeze({
   width: "100%",
   borderRadius: "var(--r-lg)",
   boxShadow: "var(--shadow-lg)"
@@ -116,102 +110,99 @@ var PAPER_BASE_SX = Object.freeze({
  * paper fill the viewport. maxWidth is forced to 100% so the size-driven
  * token max-width can't re-clamp it. Kept as a frozen module constant so
  * the reference is stable across renders. */
-var PAPER_FULLSCREEN_SX = Object.freeze({
+const PAPER_FULLSCREEN_SX = Object.freeze({
   width: "100%",
   maxWidth: "100%",
   borderRadius: 0,
   boxShadow: "none"
 });
-var DIALOG_TITLE_SX = Object.freeze({
+const DIALOG_TITLE_SX = Object.freeze({
   padding: "var(--s-4) var(--s-5) var(--s-2)",
   display: "flex",
   alignItems: "flex-start",
   justifyContent: "space-between",
   gap: "var(--s-2)"
 });
-var TITLE_TYPOGRAPHY_SX = Object.freeze({
+const TITLE_TYPOGRAPHY_SX = Object.freeze({
   fontSize: "var(--text-h3)",
   fontWeight: "var(--fw-bold)",
   color: "var(--fg)"
 });
-var SUBTITLE_TYPOGRAPHY_SX = Object.freeze({
+const SUBTITLE_TYPOGRAPHY_SX = Object.freeze({
   fontSize: "var(--text-sm)",
   color: "var(--fg-muted)",
   marginTop: "var(--s-1)"
 });
-var CLOSE_ICON_BUTTON_SX = Object.freeze({
+const CLOSE_ICON_BUTTON_SX = Object.freeze({
   color: "var(--fg-subtle)",
   marginRight: "calc(-1 * var(--s-1))",
   marginTop: "calc(-1 * var(--s-1))"
 });
-var DIALOG_CONTENT_SX = Object.freeze({
+const DIALOG_CONTENT_SX = Object.freeze({
   padding: "var(--s-4) var(--s-5)",
   borderColor: "var(--border)"
 });
-var DIALOG_ACTIONS_SX = Object.freeze({
+const DIALOG_ACTIONS_SX = Object.freeze({
   padding: "var(--s-3) var(--s-5) var(--s-4)",
   gap: "var(--s-2)"
 });
-function Modal(_ref) {
-  var open = _ref.open,
-    onClose = _ref.onClose,
-    title = _ref.title,
-    subtitle = _ref.subtitle,
-    children = _ref.children,
-    footer = _ref.footer,
-    _ref$size = _ref.size,
-    size = _ref$size === void 0 ? "md" : _ref$size,
-    _ref$disableBackdropC = _ref.disableBackdropClick,
-    disableBackdropClick = _ref$disableBackdropC === void 0 ? false : _ref$disableBackdropC,
-    _ref$disableEscape = _ref.disableEscape,
-    disableEscape = _ref$disableEscape === void 0 ? false : _ref$disableEscape,
-    _ref$fullScreenOnMobi = _ref.fullScreenOnMobile,
-    fullScreenOnMobile = _ref$fullScreenOnMobi === void 0 ? true : _ref$fullScreenOnMobi,
-    ariaLabel = _ref.ariaLabel,
-    _ref$ariaLabelClose = _ref.ariaLabelClose,
-    ariaLabelClose = _ref$ariaLabelClose === void 0 ? "Fermer la boîte de dialogue" : _ref$ariaLabelClose;
+function Modal({
+  open,
+  onClose,
+  title,
+  subtitle,
+  children,
+  footer,
+  size = "md",
+  disableBackdropClick = false,
+  disableEscape = false,
+  fullScreenOnMobile = true,
+  ariaLabel,
+  ariaLabelClose = "Fermer la boîte de dialogue"
+}) {
   // R-Ar.5 - stable, per-instance, collision-safe ID for aria-labelledby.
-  var titleId = React.useId();
+  const titleId = React.useId();
 
   // R-F.2 / R-M.2 - the v2 trap is wired on the Dialog Paper element,
   // activated only while the modal is open. MUI's own trap is disabled
   // via the disable*Focus props on Dialog below so the two implementations
   // don't compete for the same DOM event stream.
-  var paperRef = React.useRef(null);
+  const paperRef = React.useRef(null);
   useFocusTrap(paperRef, !!open);
 
   // R-RS.2 — full-screen below the `sm` breakpoint TOKEN (< 481px now
   // that tokens are wired into the theme). Reads the live theme so a host
   // breakpoint override is honoured. Gated behind fullScreenOnMobile so a
   // caller can keep a small confirm dialog centred on phones.
-  var theme = useTheme();
-  var isMobile = useMediaQuery(theme.breakpoints.down("sm"));
-  var fullScreen = fullScreenOnMobile && isMobile;
-  var handleClose = function handleClose(_e, reason) {
+  const theme = useTheme();
+  const isMobile = useMediaQuery(theme.breakpoints.down("sm"));
+  const fullScreen = fullScreenOnMobile && isMobile;
+  const handleClose = (_e, reason) => {
     if (reason === "backdropClick" && disableBackdropClick) return;
     if (reason === "escapeKeyDown" && disableEscape) return;
-    onClose === null || onClose === void 0 ? void 0 : onClose();
+    onClose?.();
   };
 
   // R-AI.1 - modal sizing is owned by the token system (layout.modal),
   // not duplicated here. See src/lib/v2/tokens/density.js.
-  var maxWidth = layout.modal[size] || layout.modal.md;
+  const maxWidth = layout.modal[size] || layout.modal.md;
 
   // MUI v9: paper slot is forwarded through slotProps.paper. The slot
   // cannot be fully hoisted — embeds the dynamic maxWidth (size-driven)
   // and the per-instance ref. Memo on [maxWidth, fullScreen] so the
   // reference is stable until either the size or the mobile branch flips.
-  var slotProps = React.useMemo(function () {
-    return {
-      paper: {
-        ref: paperRef,
-        sx: fullScreen ? _objectSpread({}, PAPER_FULLSCREEN_SX) : _objectSpread(_objectSpread({}, PAPER_BASE_SX), {}, {
-          maxWidth: maxWidth
-        })
-      },
-      backdrop: BACKDROP_SLOT_PROPS
-    };
-  }, [maxWidth, fullScreen]);
+  const slotProps = React.useMemo(() => ({
+    paper: {
+      ref: paperRef,
+      sx: fullScreen ? {
+        ...PAPER_FULLSCREEN_SX
+      } : {
+        ...PAPER_BASE_SX,
+        maxWidth
+      }
+    },
+    backdrop: BACKDROP_SLOT_PROPS
+  }), [maxWidth, fullScreen]);
   return /*#__PURE__*/_jsxs(Dialog, {
     open: !!open,
     onClose: handleClose,

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

@@ -1 +1 @@
-{"version":3,"file":"Modal.js","names":["React","Dialog","DialogTitle","DialogContent","DialogActions","IconButton","CloseIcon","Typography","useMediaQuery","useTheme","layout","zIndex","useFocusTrap","jsx","_jsx","jsxs","_jsxs","DIALOG_ROOT_SX","Object","freeze","modal","BACKDROP_SLOT_PROPS","sx","backgroundColor","PAPER_BASE_SX","width","borderRadius","boxShadow","PAPER_FULLSCREEN_SX","maxWidth","DIALOG_TITLE_SX","padding","display","alignItems","justifyContent","gap","TITLE_TYPOGRAPHY_SX","fontSize","fontWeight","color","SUBTITLE_TYPOGRAPHY_SX","marginTop","CLOSE_ICON_BUTTON_SX","marginRight","DIALOG_CONTENT_SX","borderColor","DIALOG_ACTIONS_SX","Modal","_ref","open","onClose","title","subtitle","children","footer","_ref$size","size","_ref$disableBackdropC","disableBackdropClick","_ref$disableEscape","disableEscape","_ref$fullScreenOnMobi","fullScreenOnMobile","ariaLabel","_ref$ariaLabelClose","ariaLabelClose","titleId","useId","paperRef","useRef","theme","isMobile","breakpoints","down","fullScreen","handleClose","_e","reason","md","slotProps","useMemo","paper","ref","_objectSpread","backdrop","role","undefined","disableAutoFocus","disableEnforceFocus","disableRestoreFocus","id","variant","component","onClick","dividers"],"sources":["../../../../src/lib/v2/components/Modal.tsx"],"sourcesContent":["import * as React from \"react\";\r\nimport Dialog from \"@mui/material/Dialog\";\r\nimport DialogTitle from \"@mui/material/DialogTitle\";\r\nimport DialogContent from \"@mui/material/DialogContent\";\r\nimport DialogActions from \"@mui/material/DialogActions\";\r\nimport IconButton from \"@mui/material/IconButton\";\r\nimport CloseIcon from \"@mui/icons-material/Close\";\r\nimport Typography from \"@mui/material/Typography\";\r\nimport useMediaQuery from \"@mui/material/useMediaQuery\";\r\nimport { useTheme } from \"@mui/material/styles\";\r\nimport type { SxProps, Theme } from \"@mui/material/styles\";\r\nimport { layout, zIndex } from \"../tokens\";\r\nimport useFocusTrap from \"../hooks/useFocusTrap\";\r\n\r\n/**\r\n * Modal - Portnet UI v2\r\n *\r\n * Charter §03 · Component \"Modal · Dialog\".\r\n *\r\n *   R-M.1 - Closable via Esc + backdrop click + explicit X button.\r\n *   R-M.2 - Focus trap when open, focus restored to trigger on close.\r\n *           Backed by the v2 useFocusTrap hook (Batch 3) - honours\r\n *           [autofocus] and [data-autofocus] markers, coordinates\r\n *           with nested traps via a module-level trapStack, and\r\n *           filters disabled/hidden/inert subtrees.\r\n *   R-M.3 - role=\"dialog\" + aria-modal=\"true\" + aria-labelledby.\r\n *   R-M.4 - No modal inside modal - use stepper flow.\r\n *   R-M.5 - Use Drawer (not Modal) for ≥ 3 fields or long scroll.\r\n *   R-M.6 - Action principale à droite, secondaire à gauche.\r\n *   R-RS.2 - Below the `sm` breakpoint token (< 481px) the dialog goes\r\n *            FULL-SCREEN by default. A md/lg/xl modal centred with its\r\n *            token max-width left only a thin sliver of usable width at\r\n *            320–375px; full-screen restores a usable reading column and\r\n *            keeps the footer actions reachable (WCAG 1.4.10 Reflow).\r\n *            Opt out with fullScreenOnMobile={false} for genuinely tiny\r\n *            confirm dialogs that read better centred.\r\n *\r\n *   <Modal open={open} onClose={close} title=\"Confirmation\" size=\"sm\"\r\n *          footer={<><Button variant=\"ghost\" onClick={close}>Annuler</Button>\r\n *                    <Button variant=\"primary\">OK</Button></>}>\r\n *     Body content here.\r\n *   </Modal>\r\n *\r\n * Accessible name (R-Ar.5 / R-M.3):\r\n *   `aria-labelledby` points at the title <Typography> (id=titleId), so the\r\n *   dialog's accessible name is the title text ONLY — the close button and\r\n *   subtitle are not part of it. When no `title` is provided, pass `ariaLabel`\r\n *   to name the dialog; otherwise it would have no accessible name.\r\n *\r\n * Initial focus targeting (R-Ar.4):\r\n *   By default the FIRST focusable element of the dialog gets focus on\r\n *   open. To opt a specific control in (e.g. the destructive \"Delete\"\r\n *   button which intentionally is NOT first), mark it with either:\r\n *     - React's <button autoFocus> attribute (standard), or\r\n *     - <button data-autofocus> (v2 marker, identical effect).\r\n *   Both are matched by useFocusTrap's AUTOFOCUS_SELECTORS.\r\n *\r\n * Stacking:\r\n *   The modal's portal layer uses the v2 `zIndex.modal` token (100), so\r\n *   it stacks ABOVE a Drawer (zIndex.drawer:80) when opened from inside\r\n *   one (e.g. a ReferentielField search launched from the filters Drawer)\r\n *   and BELOW snackbar:150 / toast:200 / tooltip:250 so notifications and\r\n *   tooltips fired from a modal action stay on top. MUI popups rendered\r\n *   inside the modal — Combobox/Autocomplete listboxes and X date-picker\r\n *   calendars — also render at theme.zIndex.modal (100) and, opening\r\n *   after the dialog, paint above it by DOM order (MUI's own\r\n *   Dialog+Autocomplete contract). A previous build hardcoded 1350 here\r\n *   (a leftover from MUI's 1100..1500 scale before the v2 remap to\r\n *   0..250); that buried those in-modal popups (at 100) behind the modal\r\n *   and pushed the modal above toasts/tooltips.\r\n */\r\n\r\n/* ── Hoisted static sx (D5) ────────────────────────────────────────────\r\n * Frozen at module load. Same emotion / allocation rationale as Tabs +\r\n * DataGrid hoisting. The paper slotProps cannot be fully hoisted because\r\n * it embeds the dynamic `maxWidth` (size-driven) and the `ref` (per\r\n * Modal instance) — its static base is hoisted and the dynamic\r\n * additions are layered via useMemo at the call site.\r\n */\r\n\r\nconst DIALOG_ROOT_SX = Object.freeze({\r\n  // v2 z-index token (zIndex.js). modal:100 sits ABOVE drawer:80 (so a\r\n  // Modal opened from inside a Drawer stacks correctly) and BELOW\r\n  // snackbar:150 / toast:200 / tooltip:250. In-modal MUI popups\r\n  // (Combobox listboxes, X date-picker calendars) also use\r\n  // theme.zIndex.modal and paint above the dialog by DOM order. The\r\n  // previous hardcoded 1350 predated the v2 remap of MUI's 1100..1500\r\n  // scale down to 0..250.\r\n  zIndex: zIndex.modal,\r\n});\r\n\r\n// MUI v9: backdrop forwarded via slotProps.backdrop (was BackdropProps\r\n// at the Dialog top-level in v5/v6/v7, removed in v9). The content\r\n// `{ sx: {...} }` is unchanged — the backdrop slot receives the same\r\n// shape.\r\nconst BACKDROP_SLOT_PROPS = Object.freeze({\r\n  // R-AI.1 - backdrop derived from the live --fg token instead of hard\r\n  // rgba(15,21,37,...). Adapts to any future theme override.\r\n  sx: { backgroundColor: \"color-mix(in srgb, var(--fg) 45%, transparent)\" },\r\n});\r\n\r\nconst PAPER_BASE_SX = Object.freeze({\r\n  width: \"100%\",\r\n  borderRadius: \"var(--r-lg)\",\r\n  boxShadow: \"var(--shadow-lg)\",\r\n});\r\n\r\n/* R-RS.2 — full-screen paper sx for the mobile (< sm token) branch.\r\n * Drops the rounded corners + shadow (no longer floating) and lets the\r\n * paper fill the viewport. maxWidth is forced to 100% so the size-driven\r\n * token max-width can't re-clamp it. Kept as a frozen module constant so\r\n * the reference is stable across renders. */\r\nconst PAPER_FULLSCREEN_SX = Object.freeze({\r\n  width: \"100%\",\r\n  maxWidth: \"100%\",\r\n  borderRadius: 0,\r\n  boxShadow: \"none\",\r\n});\r\n\r\nconst DIALOG_TITLE_SX = Object.freeze({\r\n  padding: \"var(--s-4) var(--s-5) var(--s-2)\",\r\n  display: \"flex\",\r\n  alignItems: \"flex-start\",\r\n  justifyContent: \"space-between\",\r\n  gap: \"var(--s-2)\",\r\n} satisfies SxProps<Theme>);\r\n\r\nconst TITLE_TYPOGRAPHY_SX = Object.freeze({\r\n  fontSize: \"var(--text-h3)\",\r\n  fontWeight: \"var(--fw-bold)\",\r\n  color: \"var(--fg)\",\r\n});\r\n\r\nconst SUBTITLE_TYPOGRAPHY_SX = Object.freeze({\r\n  fontSize: \"var(--text-sm)\",\r\n  color: \"var(--fg-muted)\",\r\n  marginTop: \"var(--s-1)\",\r\n});\r\n\r\nconst CLOSE_ICON_BUTTON_SX = Object.freeze({\r\n  color: \"var(--fg-subtle)\",\r\n  marginRight: \"calc(-1 * var(--s-1))\",\r\n  marginTop: \"calc(-1 * var(--s-1))\",\r\n});\r\n\r\nconst DIALOG_CONTENT_SX = Object.freeze({\r\n  padding: \"var(--s-4) var(--s-5)\",\r\n  borderColor: \"var(--border)\",\r\n});\r\n\r\nconst DIALOG_ACTIONS_SX = Object.freeze({\r\n  padding: \"var(--s-3) var(--s-5) var(--s-4)\",\r\n  gap: \"var(--s-2)\",\r\n});\r\n\r\nexport type ModalSize = \"sm\" | \"md\" | \"lg\" | \"xl\";\r\n\r\nexport interface ModalProps {\r\n  open?: boolean | undefined;\r\n  onClose?: (() => void) | undefined;\r\n  title?: React.ReactNode | undefined;\r\n  subtitle?: React.ReactNode | undefined;\r\n  children?: React.ReactNode | undefined;\r\n  footer?: React.ReactNode | undefined;\r\n  size?: ModalSize | undefined;\r\n  disableBackdropClick?: boolean | undefined;\r\n  disableEscape?: boolean | undefined;\r\n  /** R-RS.2 — go full-screen below the `sm` token (< 481px). Default true. */\r\n  fullScreenOnMobile?: boolean | undefined;\r\n  /** Accessible name for the dialog when no `title` is rendered (R-M.3). */\r\n  ariaLabel?: string | undefined;\r\n  ariaLabelClose?: string | undefined;\r\n}\r\n\r\nfunction Modal({\r\n  open,\r\n  onClose,\r\n  title,\r\n  subtitle,\r\n  children,\r\n  footer,\r\n  size = \"md\",\r\n  disableBackdropClick = false,\r\n  disableEscape = false,\r\n  fullScreenOnMobile = true,\r\n  ariaLabel,\r\n  ariaLabelClose = \"Fermer la boîte de dialogue\",\r\n}: ModalProps) {\r\n  // R-Ar.5 - stable, per-instance, collision-safe ID for aria-labelledby.\r\n  const titleId = React.useId();\r\n\r\n  // R-F.2 / R-M.2 - the v2 trap is wired on the Dialog Paper element,\r\n  // activated only while the modal is open. MUI's own trap is disabled\r\n  // via the disable*Focus props on Dialog below so the two implementations\r\n  // don't compete for the same DOM event stream.\r\n  const paperRef = React.useRef<HTMLDivElement>(null);\r\n  useFocusTrap(paperRef, !!open);\r\n\r\n  // R-RS.2 — full-screen below the `sm` breakpoint TOKEN (< 481px now\r\n  // that tokens are wired into the theme). Reads the live theme so a host\r\n  // breakpoint override is honoured. Gated behind fullScreenOnMobile so a\r\n  // caller can keep a small confirm dialog centred on phones.\r\n  const theme = useTheme();\r\n  const isMobile = useMediaQuery(theme.breakpoints.down(\"sm\"));\r\n  const fullScreen = fullScreenOnMobile && isMobile;\r\n\r\n  const handleClose = (_e: unknown, reason: \"backdropClick\" | \"escapeKeyDown\") => {\r\n    if (reason === \"backdropClick\" && disableBackdropClick) return;\r\n    if (reason === \"escapeKeyDown\" && disableEscape) return;\r\n    onClose?.();\r\n  };\r\n\r\n  // R-AI.1 - modal sizing is owned by the token system (layout.modal),\r\n  // not duplicated here. See src/lib/v2/tokens/density.js.\r\n  const maxWidth = layout.modal[size] || layout.modal.md;\r\n\r\n  // MUI v9: paper slot is forwarded through slotProps.paper. The slot\r\n  // cannot be fully hoisted — embeds the dynamic maxWidth (size-driven)\r\n  // and the per-instance ref. Memo on [maxWidth, fullScreen] so the\r\n  // reference is stable until either the size or the mobile branch flips.\r\n  const slotProps = React.useMemo(\r\n    () => ({\r\n      paper: {\r\n        ref: paperRef,\r\n        sx: fullScreen\r\n          ? { ...PAPER_FULLSCREEN_SX }\r\n          : { ...PAPER_BASE_SX, maxWidth },\r\n      },\r\n      backdrop: BACKDROP_SLOT_PROPS,\r\n    }),\r\n    [maxWidth, fullScreen]\r\n  );\r\n\r\n  return (\r\n    <Dialog\r\n      open={!!open}\r\n      onClose={handleClose}\r\n      role=\"dialog\"\r\n      aria-modal=\"true\"\r\n      // Name = title text only (id is on the title Typography). Falls back\r\n      // to ariaLabel when the dialog has no title.\r\n      aria-labelledby={title != null ? titleId : undefined}\r\n      aria-label={title == null ? ariaLabel : undefined}\r\n      maxWidth={false}\r\n      // R-RS.2 — hand the full-screen decision to MUI's own prop so it\r\n      // applies the correct fullscreen paper geometry (100vw/100vh,\r\n      // no margin); our PAPER_FULLSCREEN_SX only relaxes radius/shadow.\r\n      fullScreen={fullScreen}\r\n      // Hand over focus management to useFocusTrap above. Dialog still\r\n      // owns the Portal, Backdrop, scroll lock, transitions, and Esc\r\n      // wiring - just not the focus trap itself.\r\n      disableAutoFocus\r\n      disableEnforceFocus\r\n      disableRestoreFocus\r\n      // Root sx anchors the portal at the v2 zIndex.modal token — above\r\n      // the Drawer, below snackbar/toast/tooltip. See DIALOG_ROOT_SX.\r\n      sx={DIALOG_ROOT_SX}\r\n      slotProps={slotProps}\r\n    >\r\n      <DialogTitle sx={DIALOG_TITLE_SX}>\r\n        <div>\r\n          <Typography id={titleId} variant=\"h3\" component=\"h2\" sx={TITLE_TYPOGRAPHY_SX}>\r\n            {title}\r\n          </Typography>\r\n          {subtitle && (\r\n            <Typography sx={SUBTITLE_TYPOGRAPHY_SX}>\r\n              {subtitle}\r\n            </Typography>\r\n          )}\r\n        </div>\r\n        <IconButton\r\n          aria-label={ariaLabelClose}\r\n          onClick={onClose}\r\n          size=\"small\"\r\n          sx={CLOSE_ICON_BUTTON_SX}\r\n        >\r\n          <CloseIcon fontSize=\"small\" />\r\n        </IconButton>\r\n      </DialogTitle>\r\n\r\n      <DialogContent dividers={!!footer} sx={DIALOG_CONTENT_SX}>\r\n        {children}\r\n      </DialogContent>\r\n\r\n      {footer && (\r\n        <DialogActions sx={DIALOG_ACTIONS_SX}>\r\n          {footer}\r\n        </DialogActions>\r\n      )}\r\n    </Dialog>\r\n  );\r\n}\r\n\r\nexport default Modal;\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Modal.js","names":["React","Dialog","DialogTitle","DialogContent","DialogActions","IconButton","CloseIcon","Typography","useMediaQuery","useTheme","layout","zIndex","useFocusTrap","jsx","_jsx","jsxs","_jsxs","DIALOG_ROOT_SX","Object","freeze","modal","BACKDROP_SLOT_PROPS","sx","backgroundColor","PAPER_BASE_SX","width","borderRadius","boxShadow","PAPER_FULLSCREEN_SX","maxWidth","DIALOG_TITLE_SX","padding","display","alignItems","justifyContent","gap","TITLE_TYPOGRAPHY_SX","fontSize","fontWeight","color","SUBTITLE_TYPOGRAPHY_SX","marginTop","CLOSE_ICON_BUTTON_SX","marginRight","DIALOG_CONTENT_SX","borderColor","DIALOG_ACTIONS_SX","Modal","open","onClose","title","subtitle","children","footer","size","disableBackdropClick","disableEscape","fullScreenOnMobile","ariaLabel","ariaLabelClose","titleId","useId","paperRef","useRef","theme","isMobile","breakpoints","down","fullScreen","handleClose","_e","reason","md","slotProps","useMemo","paper","ref","backdrop","role","undefined","disableAutoFocus","disableEnforceFocus","disableRestoreFocus","id","variant","component","onClick","dividers"],"sources":["../../../../src/lib/v2/components/Modal.tsx"],"sourcesContent":["import * as React from \"react\";\r\nimport Dialog from \"@mui/material/Dialog\";\r\nimport DialogTitle from \"@mui/material/DialogTitle\";\r\nimport DialogContent from \"@mui/material/DialogContent\";\r\nimport DialogActions from \"@mui/material/DialogActions\";\r\nimport IconButton from \"@mui/material/IconButton\";\r\nimport CloseIcon from \"@mui/icons-material/Close\";\r\nimport Typography from \"@mui/material/Typography\";\r\nimport useMediaQuery from \"@mui/material/useMediaQuery\";\r\nimport { useTheme } from \"@mui/material/styles\";\r\nimport type { SxProps, Theme } from \"@mui/material/styles\";\r\nimport { layout, zIndex } from \"../tokens\";\r\nimport useFocusTrap from \"../hooks/useFocusTrap\";\r\n\r\n/**\r\n * Modal - Portnet UI v2\r\n *\r\n * Charter §03 · Component \"Modal · Dialog\".\r\n *\r\n *   R-M.1 - Closable via Esc + backdrop click + explicit X button.\r\n *   R-M.2 - Focus trap when open, focus restored to trigger on close.\r\n *           Backed by the v2 useFocusTrap hook (Batch 3) - honours\r\n *           [autofocus] and [data-autofocus] markers, coordinates\r\n *           with nested traps via a module-level trapStack, and\r\n *           filters disabled/hidden/inert subtrees.\r\n *   R-M.3 - role=\"dialog\" + aria-modal=\"true\" + aria-labelledby.\r\n *   R-M.4 - No modal inside modal - use stepper flow.\r\n *   R-M.5 - Use Drawer (not Modal) for ≥ 3 fields or long scroll.\r\n *   R-M.6 - Action principale à droite, secondaire à gauche.\r\n *   R-RS.2 - Below the `sm` breakpoint token (< 481px) the dialog goes\r\n *            FULL-SCREEN by default. A md/lg/xl modal centred with its\r\n *            token max-width left only a thin sliver of usable width at\r\n *            320–375px; full-screen restores a usable reading column and\r\n *            keeps the footer actions reachable (WCAG 1.4.10 Reflow).\r\n *            Opt out with fullScreenOnMobile={false} for genuinely tiny\r\n *            confirm dialogs that read better centred.\r\n *\r\n *   <Modal open={open} onClose={close} title=\"Confirmation\" size=\"sm\"\r\n *          footer={<><Button variant=\"ghost\" onClick={close}>Annuler</Button>\r\n *                    <Button variant=\"primary\">OK</Button></>}>\r\n *     Body content here.\r\n *   </Modal>\r\n *\r\n * Accessible name (R-Ar.5 / R-M.3):\r\n *   `aria-labelledby` points at the title <Typography> (id=titleId), so the\r\n *   dialog's accessible name is the title text ONLY — the close button and\r\n *   subtitle are not part of it. When no `title` is provided, pass `ariaLabel`\r\n *   to name the dialog; otherwise it would have no accessible name.\r\n *\r\n * Initial focus targeting (R-Ar.4):\r\n *   By default the FIRST focusable element of the dialog gets focus on\r\n *   open. To opt a specific control in (e.g. the destructive \"Delete\"\r\n *   button which intentionally is NOT first), mark it with either:\r\n *     - React's <button autoFocus> attribute (standard), or\r\n *     - <button data-autofocus> (v2 marker, identical effect).\r\n *   Both are matched by useFocusTrap's AUTOFOCUS_SELECTORS.\r\n *\r\n * Stacking:\r\n *   The modal's portal layer uses the v2 `zIndex.modal` token (100), so\r\n *   it stacks ABOVE a Drawer (zIndex.drawer:80) when opened from inside\r\n *   one (e.g. a ReferentielField search launched from the filters Drawer)\r\n *   and BELOW snackbar:150 / toast:200 / tooltip:250 so notifications and\r\n *   tooltips fired from a modal action stay on top. MUI popups rendered\r\n *   inside the modal — Combobox/Autocomplete listboxes and X date-picker\r\n *   calendars — also render at theme.zIndex.modal (100) and, opening\r\n *   after the dialog, paint above it by DOM order (MUI's own\r\n *   Dialog+Autocomplete contract). A previous build hardcoded 1350 here\r\n *   (a leftover from MUI's 1100..1500 scale before the v2 remap to\r\n *   0..250); that buried those in-modal popups (at 100) behind the modal\r\n *   and pushed the modal above toasts/tooltips.\r\n */\r\n\r\n/* ── Hoisted static sx (D5) ────────────────────────────────────────────\r\n * Frozen at module load. Same emotion / allocation rationale as Tabs +\r\n * DataGrid hoisting. The paper slotProps cannot be fully hoisted because\r\n * it embeds the dynamic `maxWidth` (size-driven) and the `ref` (per\r\n * Modal instance) — its static base is hoisted and the dynamic\r\n * additions are layered via useMemo at the call site.\r\n */\r\n\r\nconst DIALOG_ROOT_SX = Object.freeze({\r\n  // v2 z-index token (zIndex.js). modal:100 sits ABOVE drawer:80 (so a\r\n  // Modal opened from inside a Drawer stacks correctly) and BELOW\r\n  // snackbar:150 / toast:200 / tooltip:250. In-modal MUI popups\r\n  // (Combobox listboxes, X date-picker calendars) also use\r\n  // theme.zIndex.modal and paint above the dialog by DOM order. The\r\n  // previous hardcoded 1350 predated the v2 remap of MUI's 1100..1500\r\n  // scale down to 0..250.\r\n  zIndex: zIndex.modal,\r\n});\r\n\r\n// MUI v9: backdrop forwarded via slotProps.backdrop (was BackdropProps\r\n// at the Dialog top-level in v5/v6/v7, removed in v9). The content\r\n// `{ sx: {...} }` is unchanged — the backdrop slot receives the same\r\n// shape.\r\nconst BACKDROP_SLOT_PROPS = Object.freeze({\r\n  // R-AI.1 - backdrop derived from the live --fg token instead of hard\r\n  // rgba(15,21,37,...). Adapts to any future theme override.\r\n  sx: { backgroundColor: \"color-mix(in srgb, var(--fg) 45%, transparent)\" },\r\n});\r\n\r\nconst PAPER_BASE_SX = Object.freeze({\r\n  width: \"100%\",\r\n  borderRadius: \"var(--r-lg)\",\r\n  boxShadow: \"var(--shadow-lg)\",\r\n});\r\n\r\n/* R-RS.2 — full-screen paper sx for the mobile (< sm token) branch.\r\n * Drops the rounded corners + shadow (no longer floating) and lets the\r\n * paper fill the viewport. maxWidth is forced to 100% so the size-driven\r\n * token max-width can't re-clamp it. Kept as a frozen module constant so\r\n * the reference is stable across renders. */\r\nconst PAPER_FULLSCREEN_SX = Object.freeze({\r\n  width: \"100%\",\r\n  maxWidth: \"100%\",\r\n  borderRadius: 0,\r\n  boxShadow: \"none\",\r\n});\r\n\r\nconst DIALOG_TITLE_SX = Object.freeze({\r\n  padding: \"var(--s-4) var(--s-5) var(--s-2)\",\r\n  display: \"flex\",\r\n  alignItems: \"flex-start\",\r\n  justifyContent: \"space-between\",\r\n  gap: \"var(--s-2)\",\r\n} satisfies SxProps<Theme>);\r\n\r\nconst TITLE_TYPOGRAPHY_SX = Object.freeze({\r\n  fontSize: \"var(--text-h3)\",\r\n  fontWeight: \"var(--fw-bold)\",\r\n  color: \"var(--fg)\",\r\n});\r\n\r\nconst SUBTITLE_TYPOGRAPHY_SX = Object.freeze({\r\n  fontSize: \"var(--text-sm)\",\r\n  color: \"var(--fg-muted)\",\r\n  marginTop: \"var(--s-1)\",\r\n});\r\n\r\nconst CLOSE_ICON_BUTTON_SX = Object.freeze({\r\n  color: \"var(--fg-subtle)\",\r\n  marginRight: \"calc(-1 * var(--s-1))\",\r\n  marginTop: \"calc(-1 * var(--s-1))\",\r\n});\r\n\r\nconst DIALOG_CONTENT_SX = Object.freeze({\r\n  padding: \"var(--s-4) var(--s-5)\",\r\n  borderColor: \"var(--border)\",\r\n});\r\n\r\nconst DIALOG_ACTIONS_SX = Object.freeze({\r\n  padding: \"var(--s-3) var(--s-5) var(--s-4)\",\r\n  gap: \"var(--s-2)\",\r\n});\r\n\r\nexport type ModalSize = \"sm\" | \"md\" | \"lg\" | \"xl\";\r\n\r\nexport interface ModalProps {\r\n  open?: boolean | undefined;\r\n  onClose?: (() => void) | undefined;\r\n  title?: React.ReactNode | undefined;\r\n  subtitle?: React.ReactNode | undefined;\r\n  children?: React.ReactNode | undefined;\r\n  footer?: React.ReactNode | undefined;\r\n  size?: ModalSize | undefined;\r\n  disableBackdropClick?: boolean | undefined;\r\n  disableEscape?: boolean | undefined;\r\n  /** R-RS.2 — go full-screen below the `sm` token (< 481px). Default true. */\r\n  fullScreenOnMobile?: boolean | undefined;\r\n  /** Accessible name for the dialog when no `title` is rendered (R-M.3). */\r\n  ariaLabel?: string | undefined;\r\n  ariaLabelClose?: string | undefined;\r\n}\r\n\r\nfunction Modal({\r\n  open,\r\n  onClose,\r\n  title,\r\n  subtitle,\r\n  children,\r\n  footer,\r\n  size = \"md\",\r\n  disableBackdropClick = false,\r\n  disableEscape = false,\r\n  fullScreenOnMobile = true,\r\n  ariaLabel,\r\n  ariaLabelClose = \"Fermer la boîte de dialogue\",\r\n}: ModalProps) {\r\n  // R-Ar.5 - stable, per-instance, collision-safe ID for aria-labelledby.\r\n  const titleId = React.useId();\r\n\r\n  // R-F.2 / R-M.2 - the v2 trap is wired on the Dialog Paper element,\r\n  // activated only while the modal is open. MUI's own trap is disabled\r\n  // via the disable*Focus props on Dialog below so the two implementations\r\n  // don't compete for the same DOM event stream.\r\n  const paperRef = React.useRef<HTMLDivElement>(null);\r\n  useFocusTrap(paperRef, !!open);\r\n\r\n  // R-RS.2 — full-screen below the `sm` breakpoint TOKEN (< 481px now\r\n  // that tokens are wired into the theme). Reads the live theme so a host\r\n  // breakpoint override is honoured. Gated behind fullScreenOnMobile so a\r\n  // caller can keep a small confirm dialog centred on phones.\r\n  const theme = useTheme();\r\n  const isMobile = useMediaQuery(theme.breakpoints.down(\"sm\"));\r\n  const fullScreen = fullScreenOnMobile && isMobile;\r\n\r\n  const handleClose = (_e: unknown, reason: \"backdropClick\" | \"escapeKeyDown\") => {\r\n    if (reason === \"backdropClick\" && disableBackdropClick) return;\r\n    if (reason === \"escapeKeyDown\" && disableEscape) return;\r\n    onClose?.();\r\n  };\r\n\r\n  // R-AI.1 - modal sizing is owned by the token system (layout.modal),\r\n  // not duplicated here. See src/lib/v2/tokens/density.js.\r\n  const maxWidth = layout.modal[size] || layout.modal.md;\r\n\r\n  // MUI v9: paper slot is forwarded through slotProps.paper. The slot\r\n  // cannot be fully hoisted — embeds the dynamic maxWidth (size-driven)\r\n  // and the per-instance ref. Memo on [maxWidth, fullScreen] so the\r\n  // reference is stable until either the size or the mobile branch flips.\r\n  const slotProps = React.useMemo(\r\n    () => ({\r\n      paper: {\r\n        ref: paperRef,\r\n        sx: fullScreen\r\n          ? { ...PAPER_FULLSCREEN_SX }\r\n          : { ...PAPER_BASE_SX, maxWidth },\r\n      },\r\n      backdrop: BACKDROP_SLOT_PROPS,\r\n    }),\r\n    [maxWidth, fullScreen]\r\n  );\r\n\r\n  return (\r\n    <Dialog\r\n      open={!!open}\r\n      onClose={handleClose}\r\n      role=\"dialog\"\r\n      aria-modal=\"true\"\r\n      // Name = title text only (id is on the title Typography). Falls back\r\n      // to ariaLabel when the dialog has no title.\r\n      aria-labelledby={title != null ? titleId : undefined}\r\n      aria-label={title == null ? ariaLabel : undefined}\r\n      maxWidth={false}\r\n      // R-RS.2 — hand the full-screen decision to MUI's own prop so it\r\n      // applies the correct fullscreen paper geometry (100vw/100vh,\r\n      // no margin); our PAPER_FULLSCREEN_SX only relaxes radius/shadow.\r\n      fullScreen={fullScreen}\r\n      // Hand over focus management to useFocusTrap above. Dialog still\r\n      // owns the Portal, Backdrop, scroll lock, transitions, and Esc\r\n      // wiring - just not the focus trap itself.\r\n      disableAutoFocus\r\n      disableEnforceFocus\r\n      disableRestoreFocus\r\n      // Root sx anchors the portal at the v2 zIndex.modal token — above\r\n      // the Drawer, below snackbar/toast/tooltip. See DIALOG_ROOT_SX.\r\n      sx={DIALOG_ROOT_SX}\r\n      slotProps={slotProps}\r\n    >\r\n      <DialogTitle sx={DIALOG_TITLE_SX}>\r\n        <div>\r\n          <Typography id={titleId} variant=\"h3\" component=\"h2\" sx={TITLE_TYPOGRAPHY_SX}>\r\n            {title}\r\n          </Typography>\r\n          {subtitle && (\r\n            <Typography sx={SUBTITLE_TYPOGRAPHY_SX}>\r\n              {subtitle}\r\n            </Typography>\r\n          )}\r\n        </div>\r\n        <IconButton\r\n          aria-label={ariaLabelClose}\r\n          onClick={onClose}\r\n          size=\"small\"\r\n          sx={CLOSE_ICON_BUTTON_SX}\r\n        >\r\n          <CloseIcon fontSize=\"small\" />\r\n        </IconButton>\r\n      </DialogTitle>\r\n\r\n      <DialogContent dividers={!!footer} sx={DIALOG_CONTENT_SX}>\r\n        {children}\r\n      </DialogContent>\r\n\r\n      {footer && (\r\n        <DialogActions sx={DIALOG_ACTIONS_SX}>\r\n          {footer}\r\n        </DialogActions>\r\n      )}\r\n    </Dialog>\r\n  );\r\n}\r\n\r\nexport default Modal;\r\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,OAAOC,MAAM,MAAM,sBAAsB;AACzC,OAAOC,WAAW,MAAM,2BAA2B;AACnD,OAAOC,aAAa,MAAM,6BAA6B;AACvD,OAAOC,aAAa,MAAM,6BAA6B;AACvD,OAAOC,UAAU,MAAM,0BAA0B;AACjD,OAAOC,SAAS,MAAM,2BAA2B;AACjD,OAAOC,UAAU,MAAM,0BAA0B;AACjD,OAAOC,aAAa,MAAM,6BAA6B;AACvD,SAASC,QAAQ,QAAQ,sBAAsB;AAE/C,SAASC,MAAM,EAAEC,MAAM,QAAQ,WAAW;AAC1C,OAAOC,YAAY,MAAM,uBAAuB;;AAEhD;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;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AANA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAQA,MAAMC,cAAc,GAAGC,MAAM,CAACC,MAAM,CAAC;EACnC;EACA;EACA;EACA;EACA;EACA;EACA;EACAR,MAAM,EAAEA,MAAM,CAACS;AACjB,CAAC,CAAC;;AAEF;AACA;AACA;AACA;AACA,MAAMC,mBAAmB,GAAGH,MAAM,CAACC,MAAM,CAAC;EACxC;EACA;EACAG,EAAE,EAAE;IAAEC,eAAe,EAAE;EAAiD;AAC1E,CAAC,CAAC;AAEF,MAAMC,aAAa,GAAGN,MAAM,CAACC,MAAM,CAAC;EAClCM,KAAK,EAAE,MAAM;EACbC,YAAY,EAAE,aAAa;EAC3BC,SAAS,EAAE;AACb,CAAC,CAAC;;AAEF;AACA;AACA;AACA;AACA;AACA,MAAMC,mBAAmB,GAAGV,MAAM,CAACC,MAAM,CAAC;EACxCM,KAAK,EAAE,MAAM;EACbI,QAAQ,EAAE,MAAM;EAChBH,YAAY,EAAE,CAAC;EACfC,SAAS,EAAE;AACb,CAAC,CAAC;AAEF,MAAMG,eAAe,GAAGZ,MAAM,CAACC,MAAM,CAAC;EACpCY,OAAO,EAAE,kCAAkC;EAC3CC,OAAO,EAAE,MAAM;EACfC,UAAU,EAAE,YAAY;EACxBC,cAAc,EAAE,eAAe;EAC/BC,GAAG,EAAE;AACP,CAA0B,CAAC;AAE3B,MAAMC,mBAAmB,GAAGlB,MAAM,CAACC,MAAM,CAAC;EACxCkB,QAAQ,EAAE,gBAAgB;EAC1BC,UAAU,EAAE,gBAAgB;EAC5BC,KAAK,EAAE;AACT,CAAC,CAAC;AAEF,MAAMC,sBAAsB,GAAGtB,MAAM,CAACC,MAAM,CAAC;EAC3CkB,QAAQ,EAAE,gBAAgB;EAC1BE,KAAK,EAAE,iBAAiB;EACxBE,SAAS,EAAE;AACb,CAAC,CAAC;AAEF,MAAMC,oBAAoB,GAAGxB,MAAM,CAACC,MAAM,CAAC;EACzCoB,KAAK,EAAE,kBAAkB;EACzBI,WAAW,EAAE,uBAAuB;EACpCF,SAAS,EAAE;AACb,CAAC,CAAC;AAEF,MAAMG,iBAAiB,GAAG1B,MAAM,CAACC,MAAM,CAAC;EACtCY,OAAO,EAAE,uBAAuB;EAChCc,WAAW,EAAE;AACf,CAAC,CAAC;AAEF,MAAMC,iBAAiB,GAAG5B,MAAM,CAACC,MAAM,CAAC;EACtCY,OAAO,EAAE,kCAAkC;EAC3CI,GAAG,EAAE;AACP,CAAC,CAAC;AAqBF,SAASY,KAAKA,CAAC;EACbC,IAAI;EACJC,OAAO;EACPC,KAAK;EACLC,QAAQ;EACRC,QAAQ;EACRC,MAAM;EACNC,IAAI,GAAG,IAAI;EACXC,oBAAoB,GAAG,KAAK;EAC5BC,aAAa,GAAG,KAAK;EACrBC,kBAAkB,GAAG,IAAI;EACzBC,SAAS;EACTC,cAAc,GAAG;AACP,CAAC,EAAE;EACb;EACA,MAAMC,OAAO,GAAG5D,KAAK,CAAC6D,KAAK,CAAC,CAAC;;EAE7B;EACA;EACA;EACA;EACA,MAAMC,QAAQ,GAAG9D,KAAK,CAAC+D,MAAM,CAAiB,IAAI,CAAC;EACnDnD,YAAY,CAACkD,QAAQ,EAAE,CAAC,CAACd,IAAI,CAAC;;EAE9B;EACA;EACA;EACA;EACA,MAAMgB,KAAK,GAAGvD,QAAQ,CAAC,CAAC;EACxB,MAAMwD,QAAQ,GAAGzD,aAAa,CAACwD,KAAK,CAACE,WAAW,CAACC,IAAI,CAAC,IAAI,CAAC,CAAC;EAC5D,MAAMC,UAAU,GAAGX,kBAAkB,IAAIQ,QAAQ;EAEjD,MAAMI,WAAW,GAAGA,CAACC,EAAW,EAAEC,MAAyC,KAAK;IAC9E,IAAIA,MAAM,KAAK,eAAe,IAAIhB,oBAAoB,EAAE;IACxD,IAAIgB,MAAM,KAAK,eAAe,IAAIf,aAAa,EAAE;IACjDP,OAAO,GAAG,CAAC;EACb,CAAC;;EAED;EACA;EACA,MAAMpB,QAAQ,GAAGnB,MAAM,CAACU,KAAK,CAACkC,IAAI,CAAC,IAAI5C,MAAM,CAACU,KAAK,CAACoD,EAAE;;EAEtD;EACA;EACA;EACA;EACA,MAAMC,SAAS,GAAGzE,KAAK,CAAC0E,OAAO,CAC7B,OAAO;IACLC,KAAK,EAAE;MACLC,GAAG,EAAEd,QAAQ;MACbxC,EAAE,EAAE8C,UAAU,GACV;QAAE,GAAGxC;MAAoB,CAAC,GAC1B;QAAE,GAAGJ,aAAa;QAAEK;MAAS;IACnC,CAAC;IACDgD,QAAQ,EAAExD;EACZ,CAAC,CAAC,EACF,CAACQ,QAAQ,EAAEuC,UAAU,CACvB,CAAC;EAED,oBACEpD,KAAA,CAACf,MAAM;IACL+C,IAAI,EAAE,CAAC,CAACA,IAAK;IACbC,OAAO,EAAEoB,WAAY;IACrBS,IAAI,EAAC,QAAQ;IACb,cAAW;IACX;IACA;IAAA;IACA,mBAAiB5B,KAAK,IAAI,IAAI,GAAGU,OAAO,GAAGmB,SAAU;IACrD,cAAY7B,KAAK,IAAI,IAAI,GAAGQ,SAAS,GAAGqB,SAAU;IAClDlD,QAAQ,EAAE;IACV;IACA;IACA;IAAA;IACAuC,UAAU,EAAEA;IACZ;IACA;IACA;IAAA;IACAY,gBAAgB;IAChBC,mBAAmB;IACnBC,mBAAmB;IACnB;IACA;IAAA;IACA5D,EAAE,EAAEL,cAAe;IACnBwD,SAAS,EAAEA,SAAU;IAAArB,QAAA,gBAErBpC,KAAA,CAACd,WAAW;MAACoB,EAAE,EAAEQ,eAAgB;MAAAsB,QAAA,gBAC/BpC,KAAA;QAAAoC,QAAA,gBACEtC,IAAA,CAACP,UAAU;UAAC4E,EAAE,EAAEvB,OAAQ;UAACwB,OAAO,EAAC,IAAI;UAACC,SAAS,EAAC,IAAI;UAAC/D,EAAE,EAAEc,mBAAoB;UAAAgB,QAAA,EAC1EF;QAAK,CACI,CAAC,EACZC,QAAQ,iBACPrC,IAAA,CAACP,UAAU;UAACe,EAAE,EAAEkB,sBAAuB;UAAAY,QAAA,EACpCD;QAAQ,CACC,CACb;MAAA,CACE,CAAC,eACNrC,IAAA,CAACT,UAAU;QACT,cAAYsD,cAAe;QAC3B2B,OAAO,EAAErC,OAAQ;QACjBK,IAAI,EAAC,OAAO;QACZhC,EAAE,EAAEoB,oBAAqB;QAAAU,QAAA,eAEzBtC,IAAA,CAACR,SAAS;UAAC+B,QAAQ,EAAC;QAAO,CAAE;MAAC,CACpB,CAAC;IAAA,CACF,CAAC,eAEdvB,IAAA,CAACX,aAAa;MAACoF,QAAQ,EAAE,CAAC,CAAClC,MAAO;MAAC/B,EAAE,EAAEsB,iBAAkB;MAAAQ,QAAA,EACtDA;IAAQ,CACI,CAAC,EAEfC,MAAM,iBACLvC,IAAA,CAACV,aAAa;MAACkB,EAAE,EAAEwB,iBAAkB;MAAAM,QAAA,EAClCC;IAAM,CACM,CAChB;EAAA,CACK,CAAC;AAEb;AAEA,eAAeN,KAAK","ignoreList":[]}

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

@@ -4,7 +4,7 @@
  * Charter §07 · Connexion perdue.
  *
  * Same contract as ServerErrorPage: router-agnostic with required
- * onBack + onHome and an optional onRetry. The code heading reads
+ * onBack + onHome and an optional onRetry. The code ornament reads
  * "—" since there is no HTTP status to surface.
  *
  *   import { NetworkErrorPage } from "@portnet/ui/lib/v2";
@@ -21,6 +21,10 @@
  *     );
  *   }
  *
+ * Localisation (P-4): every visible string is overridable through
+ * `labels`, defaulting to French. The shape matches the other three
+ * error pages so one translation object can serve all of them.
+ *
  * NB: for TRANSIENT connection drops during normal navigation, the
  * v2.NetworkErrorBanner (top of the page, with inline Retry CTA)
  * is the charter-preferred pattern — Charter R-A.3 explicitly
@@ -34,16 +38,29 @@ import WifiOff from "@mui/icons-material/WifiOff";
 import ActionBar from "../patterns/ActionBar";
 import Button from "./Button";
 import ErrorPageBody from "./_ErrorPageBody";
+import { mergeLabels } from "../utils/mergeLabels";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-function NetworkErrorPage(_ref) {
-  var onBack = _ref.onBack,
-    onHome = _ref.onHome,
-    onRetry = _ref.onRetry;
+const DEFAULT_LABELS = Object.freeze({
+  breadcrumbRoot: "Erreur",
+  breadcrumbCurrent: "Connexion perdue",
+  title: "Connexion perdue",
+  heading: "Aucune connexion au serveur",
+  description: "Vérifiez votre connexion réseau, puis réessayez. Si vous êtes connecté, le service est peut-être momentanément interrompu.",
+  retry: "Réessayer",
+  home: "Retour à l'accueil"
+});
+function NetworkErrorPage({
+  onBack,
+  onHome,
+  onRetry,
+  labels
+}) {
+  const L = mergeLabels(DEFAULT_LABELS, labels);
   return /*#__PURE__*/_jsxs(_Fragment, {
     children: [/*#__PURE__*/_jsx(ActionBar, {
       back: onBack,
-      breadcrumb: ["Erreur", "Connexion perdue"],
-      title: "Connexion perdue"
+      breadcrumb: [L.breadcrumbRoot, L.breadcrumbCurrent],
+      title: L.title
     }), /*#__PURE__*/_jsx(ErrorPageBody, {
       icon: /*#__PURE__*/_jsx(WifiOff, {
         sx: {
@@ -52,8 +69,8 @@ function NetworkErrorPage(_ref) {
         }
       }),
       code: "\u2014",
-      title: "Aucune connexion au serveur",
-      description: "V\xE9rifiez votre connexion r\xE9seau, puis r\xE9essayez. Si vous \xEAtes connect\xE9, le service est peut-\xEAtre momentan\xE9ment interrompu."
+      title: L.heading,
+      description: L.description
     }), /*#__PURE__*/_jsxs(Box, {
       sx: {
         display: "flex",
@@ -64,12 +81,12 @@ function NetworkErrorPage(_ref) {
       children: [onRetry ? /*#__PURE__*/_jsx(Button, {
         variant: "ghost",
         onClick: onRetry,
-        children: "R\xE9essayer"
+        children: L.retry
       }) : null, /*#__PURE__*/_jsx(Button, {
         variant: "primary",
         icon: /*#__PURE__*/_jsx(ArrowBack, {}),
         onClick: onHome,
-        children: "Retour \xE0 l'accueil"
+        children: L.home
       })]
     })]
   });

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

@@ -1 +1 @@
-{"version":3,"file":"NetworkErrorPage.js","names":["Box","ArrowBack","WifiOff","ActionBar","Button","ErrorPageBody","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","NetworkErrorPage","_ref","onBack","onHome","onRetry","children","back","breadcrumb","title","icon","sx","fontSize","color","code","description","display","justifyContent","gap","paddingBottom","variant","onClick"],"sources":["../../../../src/lib/v2/components/NetworkErrorPage.tsx"],"sourcesContent":["/**\r\n * NetworkErrorPage — Portnet UI v2 (component)\r\n *\r\n * Charter §07 · Connexion perdue.\r\n *\r\n * Same contract as ServerErrorPage: router-agnostic with required\r\n * onBack + onHome and an optional onRetry. The code heading reads\r\n * \"—\" since there is no HTTP status to surface.\r\n *\r\n *   import { NetworkErrorPage } from \"@portnet/ui/lib/v2\";\r\n *   import { useNavigate } from \"react-router-dom\";\r\n *\r\n *   function NetworkErrorRoute() {\r\n *     const navigate = useNavigate();\r\n *     return (\r\n *       <NetworkErrorPage\r\n *         onBack={() => navigate(-1)}\r\n *         onHome={() => navigate(\"/\")}\r\n *         onRetry={() => window.location.reload()}\r\n *       />\r\n *     );\r\n *   }\r\n *\r\n * NB: for TRANSIENT connection drops during normal navigation, the\r\n * v2.NetworkErrorBanner (top of the page, with inline Retry CTA)\r\n * is the charter-preferred pattern — Charter R-A.3 explicitly\r\n * forbids forced navigation to a full error page on transient\r\n * network failure, since it destroys the user's current context.\r\n * This page is for the explicit /network-error route only.\r\n */\r\nimport Box from \"@mui/material/Box\";\r\nimport ArrowBack from \"@mui/icons-material/ArrowBack\";\r\nimport WifiOff from \"@mui/icons-material/WifiOff\";\r\nimport ActionBar from \"../patterns/ActionBar\";\r\nimport Button from \"./Button\";\r\nimport ErrorPageBody from \"./_ErrorPageBody\";\r\n\r\nexport interface NetworkErrorPageProps {\r\n  /** Callback for the back button (top-bar arrow). */\r\n  onBack: () => void;\r\n  /** Callback for the primary \"Retour à l'accueil\" CTA. */\r\n  onHome: () => void;\r\n  /** Optional retry callback. When omitted, the Réessayer button is hidden. */\r\n  onRetry?: (() => void) | undefined;\r\n}\r\n\r\nfunction NetworkErrorPage({ onBack, onHome, onRetry }: NetworkErrorPageProps) {\r\n  return (\r\n    <>\r\n      <ActionBar\r\n        back={onBack}\r\n        breadcrumb={[\"Erreur\", \"Connexion perdue\"]}\r\n        title=\"Connexion perdue\"\r\n      />\r\n      <ErrorPageBody\r\n        icon={<WifiOff sx={{ fontSize: 64, color: \"var(--warning)\" }} />}\r\n        code=\"—\"\r\n        title=\"Aucune connexion au serveur\"\r\n        description=\"Vérifiez votre connexion réseau, puis réessayez. Si vous êtes connecté, le service est peut-être momentanément interrompu.\"\r\n      />\r\n      <Box\r\n        sx={{\r\n          display:        \"flex\",\r\n          justifyContent: \"center\",\r\n          gap:            \"var(--s-3)\",\r\n          paddingBottom:  \"var(--s-7)\",\r\n        }}\r\n      >\r\n        {onRetry ? (\r\n          <Button variant=\"ghost\" onClick={onRetry}>\r\n            Réessayer\r\n          </Button>\r\n        ) : null}\r\n        <Button variant=\"primary\" icon={<ArrowBack />} onClick={onHome}>\r\n          Retour à l'accueil\r\n        </Button>\r\n      </Box>\r\n    </>\r\n  );\r\n}\r\n\r\nexport default NetworkErrorPage;\r\n"],"mappings":"AAAA;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,OAAOA,GAAG,MAAM,mBAAmB;AACnC,OAAOC,SAAS,MAAM,+BAA+B;AACrD,OAAOC,OAAO,MAAM,6BAA6B;AACjD,OAAOC,SAAS,MAAM,uBAAuB;AAC7C,OAAOC,MAAM,MAAM,UAAU;AAC7B,OAAOC,aAAa,MAAM,kBAAkB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA,EAAAC,QAAA,IAAAC,SAAA;AAW7C,SAASC,gBAAgBA,CAAAC,IAAA,EAAqD;EAAA,IAAlDC,MAAM,GAAAD,IAAA,CAANC,MAAM;IAAEC,MAAM,GAAAF,IAAA,CAANE,MAAM;IAAEC,OAAO,GAAAH,IAAA,CAAPG,OAAO;EACjD,oBACEP,KAAA,CAAAE,SAAA;IAAAM,QAAA,gBACEV,IAAA,CAACJ,SAAS;MACRe,IAAI,EAAEJ,MAAO;MACbK,UAAU,EAAE,CAAC,QAAQ,EAAE,kBAAkB,CAAE;MAC3CC,KAAK,EAAC;IAAkB,CACzB,CAAC,eACFb,IAAA,CAACF,aAAa;MACZgB,IAAI,eAAEd,IAAA,CAACL,OAAO;QAACoB,EAAE,EAAE;UAAEC,QAAQ,EAAE,EAAE;UAAEC,KAAK,EAAE;QAAiB;MAAE,CAAE,CAAE;MACjEC,IAAI,EAAC,QAAG;MACRL,KAAK,EAAC,6BAA6B;MACnCM,WAAW,EAAC;IAA4H,CACzI,CAAC,eACFjB,KAAA,CAACT,GAAG;MACFsB,EAAE,EAAE;QACFK,OAAO,EAAS,MAAM;QACtBC,cAAc,EAAE,QAAQ;QACxBC,GAAG,EAAa,YAAY;QAC5BC,aAAa,EAAG;MAClB,CAAE;MAAAb,QAAA,GAEDD,OAAO,gBACNT,IAAA,CAACH,MAAM;QAAC2B,OAAO,EAAC,OAAO;QAACC,OAAO,EAAEhB,OAAQ;QAAAC,QAAA,EAAC;MAE1C,CAAQ,CAAC,GACP,IAAI,eACRV,IAAA,CAACH,MAAM;QAAC2B,OAAO,EAAC,SAAS;QAACV,IAAI,eAAEd,IAAA,CAACN,SAAS,IAAE,CAAE;QAAC+B,OAAO,EAAEjB,MAAO;QAAAE,QAAA,EAAC;MAEhE,CAAQ,CAAC;IAAA,CACN,CAAC;EAAA,CACN,CAAC;AAEP;AAEA,eAAeL,gBAAgB","ignoreList":[]}
+{"version":3,"file":"NetworkErrorPage.js","names":["Box","ArrowBack","WifiOff","ActionBar","Button","ErrorPageBody","mergeLabels","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","DEFAULT_LABELS","Object","freeze","breadcrumbRoot","breadcrumbCurrent","title","heading","description","retry","home","NetworkErrorPage","onBack","onHome","onRetry","labels","L","children","back","breadcrumb","icon","sx","fontSize","color","code","display","justifyContent","gap","paddingBottom","variant","onClick"],"sources":["../../../../src/lib/v2/components/NetworkErrorPage.tsx"],"sourcesContent":["/**\r\n * NetworkErrorPage — Portnet UI v2 (component)\r\n *\r\n * Charter §07 · Connexion perdue.\r\n *\r\n * Same contract as ServerErrorPage: router-agnostic with required\r\n * onBack + onHome and an optional onRetry. The code ornament reads\r\n * \"—\" since there is no HTTP status to surface.\r\n *\r\n *   import { NetworkErrorPage } from \"@portnet/ui/lib/v2\";\r\n *   import { useNavigate } from \"react-router-dom\";\r\n *\r\n *   function NetworkErrorRoute() {\r\n *     const navigate = useNavigate();\r\n *     return (\r\n *       <NetworkErrorPage\r\n *         onBack={() => navigate(-1)}\r\n *         onHome={() => navigate(\"/\")}\r\n *         onRetry={() => window.location.reload()}\r\n *       />\r\n *     );\r\n *   }\r\n *\r\n * Localisation (P-4): every visible string is overridable through\r\n * `labels`, defaulting to French. The shape matches the other three\r\n * error pages so one translation object can serve all of them.\r\n *\r\n * NB: for TRANSIENT connection drops during normal navigation, the\r\n * v2.NetworkErrorBanner (top of the page, with inline Retry CTA)\r\n * is the charter-preferred pattern — Charter R-A.3 explicitly\r\n * forbids forced navigation to a full error page on transient\r\n * network failure, since it destroys the user's current context.\r\n * This page is for the explicit /network-error route only.\r\n */\r\nimport Box from \"@mui/material/Box\";\r\nimport ArrowBack from \"@mui/icons-material/ArrowBack\";\r\nimport WifiOff from \"@mui/icons-material/WifiOff\";\r\nimport ActionBar from \"../patterns/ActionBar\";\r\nimport Button from \"./Button\";\r\nimport ErrorPageBody from \"./_ErrorPageBody\";\r\nimport { mergeLabels } from \"../utils/mergeLabels\";\r\n\r\nexport interface NetworkErrorPageLabels {\r\n  /** First breadcrumb crumb. */\r\n  breadcrumbRoot?: string | undefined;\r\n  /** Last breadcrumb crumb — aria-current=\"page\". */\r\n  breadcrumbCurrent?: string | undefined;\r\n  /** ActionBar heading (the page's <h1>). */\r\n  title?: string | undefined;\r\n  /** Descriptive sentence under the code ornament (the <h2>). */\r\n  heading?: string | undefined;\r\n  /** Body paragraph — what to check, and that the service may be down. */\r\n  description?: string | undefined;\r\n  /** Secondary retry label — only rendered when onRetry is supplied. */\r\n  retry?: string | undefined;\r\n  /** Primary CTA label. */\r\n  home?: string | undefined;\r\n}\r\n\r\nconst DEFAULT_LABELS = Object.freeze({\r\n  breadcrumbRoot:    \"Erreur\",\r\n  breadcrumbCurrent: \"Connexion perdue\",\r\n  title:             \"Connexion perdue\",\r\n  heading:           \"Aucune connexion au serveur\",\r\n  description:\r\n    \"Vérifiez votre connexion réseau, puis réessayez. Si vous êtes connecté, le service est peut-être momentanément interrompu.\",\r\n  retry:             \"Réessayer\",\r\n  home:              \"Retour à l'accueil\",\r\n});\r\n\r\nexport interface NetworkErrorPageProps {\r\n  /** Callback for the back button (top-bar arrow). */\r\n  onBack: () => void;\r\n  /** Callback for the primary \"Retour à l'accueil\" CTA. */\r\n  onHome: () => void;\r\n  /** Optional retry callback. When omitted, the Réessayer button is hidden. */\r\n  onRetry?: (() => void) | undefined;\r\n  /** Overrides for the page's French defaults (P-4). */\r\n  labels?: NetworkErrorPageLabels | undefined;\r\n}\r\n\r\nfunction NetworkErrorPage({ onBack, onHome, onRetry, labels }: NetworkErrorPageProps) {\r\n  const L = mergeLabels(DEFAULT_LABELS, labels);\r\n\r\n  return (\r\n    <>\r\n      <ActionBar\r\n        back={onBack}\r\n        breadcrumb={[L.breadcrumbRoot, L.breadcrumbCurrent]}\r\n        title={L.title}\r\n      />\r\n      <ErrorPageBody\r\n        icon={<WifiOff sx={{ fontSize: 64, color: \"var(--warning)\" }} />}\r\n        code=\"—\"\r\n        title={L.heading}\r\n        description={L.description}\r\n      />\r\n      <Box\r\n        sx={{\r\n          display:        \"flex\",\r\n          justifyContent: \"center\",\r\n          gap:            \"var(--s-3)\",\r\n          paddingBottom:  \"var(--s-7)\",\r\n        }}\r\n      >\r\n        {onRetry ? (\r\n          <Button variant=\"ghost\" onClick={onRetry}>\r\n            {L.retry}\r\n          </Button>\r\n        ) : null}\r\n        <Button variant=\"primary\" icon={<ArrowBack />} onClick={onHome}>\r\n          {L.home}\r\n        </Button>\r\n      </Box>\r\n    </>\r\n  );\r\n}\r\n\r\nexport default NetworkErrorPage;\r\n"],"mappings":"AAAA;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,OAAOA,GAAG,MAAM,mBAAmB;AACnC,OAAOC,SAAS,MAAM,+BAA+B;AACrD,OAAOC,OAAO,MAAM,6BAA6B;AACjD,OAAOC,SAAS,MAAM,uBAAuB;AAC7C,OAAOC,MAAM,MAAM,UAAU;AAC7B,OAAOC,aAAa,MAAM,kBAAkB;AAC5C,SAASC,WAAW,QAAQ,sBAAsB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA,EAAAC,QAAA,IAAAC,SAAA;AAmBnD,MAAMC,cAAc,GAAGC,MAAM,CAACC,MAAM,CAAC;EACnCC,cAAc,EAAK,QAAQ;EAC3BC,iBAAiB,EAAE,kBAAkB;EACrCC,KAAK,EAAc,kBAAkB;EACrCC,OAAO,EAAY,6BAA6B;EAChDC,WAAW,EACT,4HAA4H;EAC9HC,KAAK,EAAc,WAAW;EAC9BC,IAAI,EAAe;AACrB,CAAC,CAAC;AAaF,SAASC,gBAAgBA,CAAC;EAAEC,MAAM;EAAEC,MAAM;EAAEC,OAAO;EAAEC;AAA8B,CAAC,EAAE;EACpF,MAAMC,CAAC,GAAGtB,WAAW,CAACO,cAAc,EAAEc,MAAM,CAAC;EAE7C,oBACEjB,KAAA,CAAAE,SAAA;IAAAiB,QAAA,gBACErB,IAAA,CAACL,SAAS;MACR2B,IAAI,EAAEN,MAAO;MACbO,UAAU,EAAE,CAACH,CAAC,CAACZ,cAAc,EAAEY,CAAC,CAACX,iBAAiB,CAAE;MACpDC,KAAK,EAAEU,CAAC,CAACV;IAAM,CAChB,CAAC,eACFV,IAAA,CAACH,aAAa;MACZ2B,IAAI,eAAExB,IAAA,CAACN,OAAO;QAAC+B,EAAE,EAAE;UAAEC,QAAQ,EAAE,EAAE;UAAEC,KAAK,EAAE;QAAiB;MAAE,CAAE,CAAE;MACjEC,IAAI,EAAC,QAAG;MACRlB,KAAK,EAAEU,CAAC,CAACT,OAAQ;MACjBC,WAAW,EAAEQ,CAAC,CAACR;IAAY,CAC5B,CAAC,eACFV,KAAA,CAACV,GAAG;MACFiC,EAAE,EAAE;QACFI,OAAO,EAAS,MAAM;QACtBC,cAAc,EAAE,QAAQ;QACxBC,GAAG,EAAa,YAAY;QAC5BC,aAAa,EAAG;MAClB,CAAE;MAAAX,QAAA,GAEDH,OAAO,gBACNlB,IAAA,CAACJ,MAAM;QAACqC,OAAO,EAAC,OAAO;QAACC,OAAO,EAAEhB,OAAQ;QAAAG,QAAA,EACtCD,CAAC,CAACP;MAAK,CACF,CAAC,GACP,IAAI,eACRb,IAAA,CAACJ,MAAM;QAACqC,OAAO,EAAC,SAAS;QAACT,IAAI,eAAExB,IAAA,CAACP,SAAS,IAAE,CAAE;QAACyC,OAAO,EAAEjB,MAAO;QAAAI,QAAA,EAC5DD,CAAC,CAACN;MAAI,CACD,CAAC;IAAA,CACN,CAAC;EAAA,CACN,CAAC;AAEP;AAEA,eAAeC,gBAAgB","ignoreList":[]}

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

@@ -3,7 +3,7 @@
  *
  * Charter §07 · 404 / Page introuvable.
  *
- * Router-agnostic. See ForbiddenPage.js for the full contract and
+ * Router-agnostic. See ForbiddenPage.tsx for the full contract and
  * design rationale (onBack + onHome callback props).
  *
  *   import { NotFoundPage } from "@portnet/ui/lib/v2";
@@ -13,6 +13,13 @@
  *     const navigate = useNavigate();
  *     return <NotFoundPage onBack={() => navigate(-1)} onHome={() => navigate("/")} />;
  *   }
+ *
+ * Localisation (P-4): every visible string is overridable through
+ * `labels`, defaulting to French. The shape matches the other three
+ * error pages so one translation object can serve all of them.
+ *
+ * No retry here, deliberately: a 404 is a statement about an address
+ * rather than about a moment, so retrying cannot change the outcome.
  */
 import Box from "@mui/material/Box";
 import ArrowBack from "@mui/icons-material/ArrowBack";
@@ -20,15 +27,27 @@ import SearchOff from "@mui/icons-material/SearchOff";
 import ActionBar from "../patterns/ActionBar";
 import Button from "./Button";
 import ErrorPageBody from "./_ErrorPageBody";
+import { mergeLabels } from "../utils/mergeLabels";
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-function NotFoundPage(_ref) {
-  var onBack = _ref.onBack,
-    onHome = _ref.onHome;
+const DEFAULT_LABELS = Object.freeze({
+  breadcrumbRoot: "Erreur",
+  breadcrumbCurrent: "Page introuvable",
+  title: "Page introuvable",
+  heading: "La page demandée n'existe pas",
+  description: "Le lien suivi est peut-être obsolète, ou la page a été déplacée. Vérifiez l'adresse, ou retournez à l'accueil pour reprendre votre navigation.",
+  home: "Retour à l'accueil"
+});
+function NotFoundPage({
+  onBack,
+  onHome,
+  labels
+}) {
+  const L = mergeLabels(DEFAULT_LABELS, labels);
   return /*#__PURE__*/_jsxs(_Fragment, {
     children: [/*#__PURE__*/_jsx(ActionBar, {
       back: onBack,
-      breadcrumb: ["Erreur", "Page introuvable"],
-      title: "Page introuvable"
+      breadcrumb: [L.breadcrumbRoot, L.breadcrumbCurrent],
+      title: L.title
     }), /*#__PURE__*/_jsx(ErrorPageBody, {
       icon: /*#__PURE__*/_jsx(SearchOff, {
         sx: {
@@ -37,8 +56,8 @@ function NotFoundPage(_ref) {
         }
       }),
       code: "404",
-      title: "La page demand\xE9e n'existe pas",
-      description: "Le lien suivi est peut-\xEAtre obsol\xE8te, ou la page a \xE9t\xE9 d\xE9plac\xE9e. V\xE9rifiez l'adresse, ou retournez \xE0 l'accueil pour reprendre votre navigation."
+      title: L.heading,
+      description: L.description
     }), /*#__PURE__*/_jsx(Box, {
       sx: {
         display: "flex",
@@ -49,7 +68,7 @@ function NotFoundPage(_ref) {
         variant: "primary",
         icon: /*#__PURE__*/_jsx(ArrowBack, {}),
         onClick: onHome,
-        children: "Retour \xE0 l'accueil"
+        children: L.home
       })
     })]
   });