@portnet/ui 6.0.2 → 6.0.3

package/dist/esm/v2/patterns/ActionBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"ActionBar.js","names":["React","Box","Typography","IconButton","ArrowBackIcon","ChevronRightIcon","HomeIcon","useMediaQuery","useTheme","Button","OverflowMenu","zIndex","mergeLabels","jsx","_jsx","jsxs","_jsxs","DEFAULT_LABELS","Object","freeze","back","breadcrumb","home","expandCrumbs","CRUMB_LINK_BASE_SX","display","alignItems","gap","textDecoration","cursor","borderRadius","padding","margin","background","outline","outlineOffset","CRUMB_ELLIPSIS_SX","_objectSpread","border","font","fontSize","lineHeight","isStructuredCrumb","entry","_typeof","isValidElement","getCrumbColor","isLast","useAccent","renderCrumbContent","baseColor","baseFontWeight","component","undefined","sx","color","fontWeight","children","label","icon","onClick","href","ariaLabel","computedAria","type","ActionBar","_ref","title","subtitle","primary","_ref$secondary","secondary","_ref$overflow","overflow","_ref$maxVisible","maxVisible","meta","_ref$sticky","sticky","_ref$surface","surface","_ref$collapseAfter","collapseAfter","labels","L","theme","isMobile","breakpoints","down","_React$useState","useState","_React$useState2","_slicedToArray","crumbsExpanded","setCrumbsExpanded","effectiveBreadcrumb","useMemo","base","homeItem","concat","_toConsumableArray","shouldCollapse","length","Math","max","orderedAll","list","push","_slot","_iterator","_createForOfIteratorHelper","_step","s","n","done","value","err","e","f","_iterator2","_step2","o","visibleActions","slice","hiddenActions","visiblePrimary","filter","a","visibleOthers","hasNavRow","accentOrFgMuted","accentOrFg","resolveVariant","action","variant","renderButton","i","actionIcon","iconRight","disabled","loading","_variant","rest","_objectWithoutProperties","_excluded","size","lastCrumbIndex","chevron","transform","renderCrumbItems","map","b","first","last","borderBottom","xs","sm","lg","position","top","marginBottom","minWidth","listStyle","flexWrap","justifyContent","flex","whiteSpace","textOverflow","width","flexShrink","actions","_ref2","_s","_excluded2","WebkitBoxOrient","WebkitLineClamp","marginTop"],"sources":["../../../../src/lib/v2/patterns/ActionBar.tsx"],"sourcesContent":["import * as React from \"react\";\r\nimport Box from \"@mui/material/Box\";\r\nimport Typography from \"@mui/material/Typography\";\r\nimport IconButton from \"@mui/material/IconButton\";\r\nimport ArrowBackIcon from \"@mui/icons-material/ArrowBack\";\r\nimport ChevronRightIcon from \"@mui/icons-material/ChevronRight\";\r\nimport HomeIcon from \"@mui/icons-material/Home\";\r\nimport useMediaQuery from \"@mui/material/useMediaQuery\";\r\nimport { useTheme } from \"@mui/material/styles\";\r\nimport Button from \"../components/Button\";\r\nimport type { ButtonProps } from \"../components/Button\";\r\nimport OverflowMenu from \"../components/OverflowMenu\";\r\nimport { zIndex } from \"../tokens\";\r\nimport { mergeLabels } from \"../utils/mergeLabels\";\r\n\r\n/**\r\n * ActionBar - Portnet UI v2 (pattern)\r\n *\r\n * Charter §07 — render order (left → right):\r\n *\r\n *   [ghost/secondary…]  [primary]  […overflow]\r\n *\r\n * Slot-based variant resolution:\r\n *   slot=\"primary\"   → Button variant=\"primary\"\r\n *   slot=\"secondary\" → Button variant={action.variant || \"secondary\"}\r\n *   slot=\"overflow\"  → Button variant={action.variant || \"ghost\"}\r\n *\r\n * maxVisible (default 2):\r\n *   orderedAll = [primary, ...secondary, ...overflow]\r\n *   first maxVisible → visible buttons / rest → \"…\"\r\n *\r\n * Breadcrumb collapse (R-RS.5):\r\n *   Below the `sm` breakpoint TOKEN (< 481px) a long trail used to\r\n *   flex-wrap onto several lines, pushing the page title down. When the\r\n *   trail has more than `collapseAfter` crumbs (default 3) the middle is\r\n *   collapsed to a single \"…\" toggle that shows [first] › … › [last];\r\n *   pressing it expands the full trail in place. Desktop always renders\r\n *   the full trail. Keeps the nav to one line on phones (WCAG 1.4.10\r\n *   Reflow) without hiding navigation from AT — the toggle is a real\r\n *   button with an accessible name.\r\n *\r\n * ── `surface` DEFAULTS TO false — A PAGE HEADER IS NOT A CARD ────────\r\n *\r\n * The platform rule is that a page header sits on the page background, never\r\n * on a white card. This default used to be `true`, which meant every call site\r\n * that did not opt out rendered a --surface card with a bottom border — making\r\n * the exception the norm across the GU modules.\r\n *\r\n * Note that `surface` drives TWO things, because `useAccent` is derived from\r\n * it: the background/border AND the colour of the title, icon, back-arrow and\r\n * crumb trail (--accent when non-surface, --fg / --fg-subtle when surfaced).\r\n * They are deliberately coupled — an accent title on a white card reads as a\r\n * link, and a near-black title on the page background loses the visual anchor\r\n * the header needs. Decoupling them would need a separate prop and a design\r\n * decision, not a default change.\r\n *\r\n * Pass surface={true} to opt back in to the card treatment where a header is\r\n * genuinely nested inside a panel rather than heading a page.\r\n *\r\n * ── Subtitle visibility (S-01) ───────────────────────────────────────\r\n *\r\n * The subtitle renders at EVERY breakpoint. It used to be hidden below the `sm`\r\n * token via `display: none`, which made every consuming module fail the\r\n * mandatory \"Never omit subtitles\" pattern on phones — and removed the text from\r\n * the accessibility tree, not just from the layout. On `xs` it is now bounded to\r\n * two lines with a line-clamp instead; `sm` and above are unchanged. See the\r\n * inline note at the render site for the full rationale.\r\n */\r\n\r\n/** Variant union, derived from Button (single source of truth). */\r\ntype ActionVariant = NonNullable<ButtonProps[\"variant\"]>;\r\n\r\n/** Structured breadcrumb entry (as opposed to a plain renderable node). */\r\nexport interface BreadcrumbItem {\r\n  label?: React.ReactNode | undefined;\r\n  icon?: React.ReactNode | undefined;\r\n  onClick?: (() => void) | undefined;\r\n  href?: string | undefined;\r\n  ariaLabel?: string | undefined;\r\n}\r\n\r\n/** A breadcrumb entry is either a plain node or a structured item. */\r\nexport type CrumbEntry = React.ReactNode | BreadcrumbItem;\r\n\r\n/** Action descriptor for primary / secondary / overflow slots. */\r\nexport interface ActionBarAction {\r\n  label?: React.ReactNode | undefined;\r\n  icon?: React.ReactNode | undefined;\r\n  iconRight?: React.ReactNode | undefined;\r\n  onClick?: (() => void) | undefined;\r\n  disabled?: boolean | undefined;\r\n  loading?: boolean | undefined;\r\n  variant?: ActionVariant | undefined;\r\n  /** Overflow-only (surfaced when the action falls into the OverflowMenu). */\r\n  shortcut?: React.ReactNode | undefined;\r\n  danger?: boolean | undefined;\r\n  divider?: boolean | undefined;\r\n  /**\r\n   * ARIA attributes, forwarded verbatim to the rendered `<Button>`.\r\n   *\r\n   * `renderButton` destructures the known fields above and spreads the\r\n   * REMAINDER onto the Button (`{...rest}`), so any `aria-*` key a host supplies\r\n   * already reaches the DOM at runtime. This pattern index signature declares\r\n   * that contract, which was previously implemented but undeclared — forcing\r\n   * strict-mode consumers to either drop the attribute (losing the behaviour) or\r\n   * assert their way past the type.\r\n   *\r\n   * Primary use case: `aria-keyshortcuts` on a page's create CTA, so screen\r\n   * reader users discover a keyboard shortcut on focus (WCAG 2.1.4).\r\n   */\r\n  [ariaAttribute: `aria-${string}`]: string | undefined;\r\n}\r\n\r\ntype SlotName = \"primary\" | \"secondary\" | \"overflow\";\r\ntype SlottedAction = ActionBarAction & { _slot: SlotName };\r\n\r\nexport interface ActionBarLabels {\r\n  back?: string | undefined;\r\n  breadcrumb?: string | undefined;\r\n  home?: string | undefined;\r\n  expandCrumbs?: string | undefined;\r\n}\r\n\r\nexport interface ActionBarProps {\r\n  /** Home crumb: a callback (onClick) or an href string. */\r\n  home?: string | (() => void) | undefined;\r\n  /** Back-arrow callback (top-bar). */\r\n  back?: (() => void) | undefined;\r\n  breadcrumb?: CrumbEntry[] | undefined;\r\n  title: React.ReactNode;\r\n  subtitle?: React.ReactNode | undefined;\r\n  icon?: React.ReactNode | undefined;\r\n  primary?: ActionBarAction | undefined;\r\n  secondary?: ActionBarAction[] | undefined;\r\n  overflow?: ActionBarAction[] | undefined;\r\n  /** Number of actions shown before the rest collapse into the menu. @default 2 */\r\n  maxVisible?: number | undefined;\r\n  meta?: React.ReactNode | undefined;\r\n  sticky?: boolean | undefined;\r\n  /**\r\n   * Render the header as a raised white card instead of on the page\r\n   * background.\r\n   *\r\n   * @default false — a page header sits on the background (platform rule).\r\n   *\r\n   * Also governs text colour: when false, the title, icon, back-arrow and\r\n   * crumbs render in --accent; when true they render in --fg / --fg-subtle.\r\n   * See the note in the module docstring for why the two are coupled.\r\n   *\r\n   * Pass true only where the header genuinely heads a panel rather than a page.\r\n   */\r\n  surface?: boolean | undefined;\r\n  /** Collapse the breadcrumb middle on mobile past this many crumbs. @default 3 */\r\n  collapseAfter?: number | undefined;\r\n  labels?: ActionBarLabels | undefined;\r\n}\r\n\r\nconst DEFAULT_LABELS = Object.freeze({\r\n  back:           \"Retour\",\r\n  breadcrumb:     \"Fil d'Ariane\",\r\n  home:           \"Accueil\",\r\n  expandCrumbs:   \"Afficher le chemin complet\",\r\n});\r\n\r\nconst CRUMB_LINK_BASE_SX = Object.freeze({\r\n  display: \"inline-flex\",\r\n  alignItems: \"center\",\r\n  gap: \"var(--s-1)\",\r\n  textDecoration: \"none\",\r\n  cursor: \"pointer\",\r\n  borderRadius: \"var(--r-sm)\",\r\n  padding: \"2px 4px\",\r\n  margin: \"-2px -4px\",\r\n  \"&:hover\": { background: \"var(--bg-hover)\" },\r\n  \"&:focus-visible\": { outline: \"2px solid var(--accent)\", outlineOffset: \"var(--pui-outline-offset-inset, 0)\" },\r\n});\r\n\r\nconst CRUMB_ELLIPSIS_SX = Object.freeze({\r\n  ...CRUMB_LINK_BASE_SX,\r\n  background: \"none\",\r\n  border: \"none\",\r\n  font: \"inherit\",\r\n  fontSize: \"var(--text-xs)\",\r\n  lineHeight: 1,\r\n});\r\n\r\nfunction isStructuredCrumb(entry: CrumbEntry): entry is BreadcrumbItem {\r\n  return entry != null && typeof entry === \"object\" && !React.isValidElement(entry);\r\n}\r\n\r\nfunction getCrumbColor(isLast: boolean, useAccent: boolean): string {\r\n  if (useAccent) return \"var(--accent)\";\r\n  return isLast ? \"var(--fg)\" : \"var(--fg-subtle)\";\r\n}\r\n\r\nfunction renderCrumbContent(entry: CrumbEntry, isLast: boolean, useAccent: boolean) {\r\n  const baseColor      = getCrumbColor(isLast, useAccent);\r\n  const baseFontWeight = isLast ? \"var(--fw-semibold)\" : \"var(--fw-regular)\";\r\n\r\n  if (!isStructuredCrumb(entry)) {\r\n    return (\r\n      <Box component=\"span\" aria-current={isLast ? \"page\" : undefined}\r\n        sx={{ color: baseColor, fontWeight: baseFontWeight }}>\r\n        {entry}\r\n      </Box>\r\n    );\r\n  }\r\n\r\n  const { label, icon, onClick, href, ariaLabel } = entry;\r\n  const computedAria = ariaLabel || (typeof label === \"string\" ? label : undefined);\r\n\r\n  if (isLast) {\r\n    return (\r\n      <Box component=\"span\" aria-current=\"page\"\r\n        sx={{ color: baseColor, fontWeight: baseFontWeight, display: \"inline-flex\", alignItems: \"center\", gap: \"var(--s-1)\" }}>\r\n        {icon}{label}\r\n      </Box>\r\n    );\r\n  }\r\n\r\n  if (href) {\r\n    return (\r\n      <Box component=\"a\" href={href} onClick={onClick} aria-label={computedAria}\r\n        sx={{ ...CRUMB_LINK_BASE_SX, color: baseColor }}>\r\n        {icon}{label}\r\n      </Box>\r\n    );\r\n  }\r\n\r\n  if (onClick) {\r\n    return (\r\n      <Box component=\"button\" type=\"button\" onClick={onClick} aria-label={computedAria}\r\n        sx={{ ...CRUMB_LINK_BASE_SX, color: baseColor, background: \"none\", border: \"none\", font: \"inherit\", fontSize: \"var(--text-xs)\" }}>\r\n        {icon}{label}\r\n      </Box>\r\n    );\r\n  }\r\n\r\n  return (\r\n    <Box component=\"span\"\r\n      sx={{ color: baseColor, fontWeight: baseFontWeight, display: \"inline-flex\", alignItems: \"center\", gap: \"var(--s-1)\" }}>\r\n      {icon}{label}\r\n    </Box>\r\n  );\r\n}\r\n\r\nfunction ActionBar({\r\n  home,\r\n  back,\r\n  breadcrumb,\r\n  title,\r\n  subtitle,\r\n  icon,\r\n  primary,\r\n  secondary = [],\r\n  overflow  = [],\r\n  maxVisible = 2,\r\n  meta,\r\n  sticky  = true,\r\n  /*\r\n   * DEFAULT FLIPPED TO false. A page header sits on the page background, never\r\n   * on a white card — see the note in the module docstring. Opt back in with\r\n   * surface={true} for a header that heads a panel rather than a page.\r\n   */\r\n  surface = false,\r\n  collapseAfter = 3,\r\n  labels,\r\n}: ActionBarProps) {\r\n  const L = mergeLabels(DEFAULT_LABELS, labels);\r\n\r\n  // R-RS.5 — collapse the middle of a long breadcrumb on mobile (< sm\r\n  // token, 481px). Reads the live theme so a host breakpoint override is\r\n  // honoured. `crumbsExpanded` lets the user reveal the full trail in place.\r\n  const theme = useTheme();\r\n  const isMobile = useMediaQuery(theme.breakpoints.down(\"sm\"));\r\n  const [crumbsExpanded, setCrumbsExpanded] = React.useState(false);\r\n\r\n  const effectiveBreadcrumb = React.useMemo<CrumbEntry[]>(() => {\r\n    const base = breadcrumb || [];\r\n    if (!home) return base;\r\n    const homeItem: BreadcrumbItem = {\r\n      icon:      <HomeIcon fontSize=\"small\" />,\r\n      ariaLabel: L.home,\r\n      ...(typeof home === \"function\" ? { onClick: home } : { href: home }),\r\n    };\r\n    return [homeItem, ...base];\r\n  }, [home, breadcrumb, L.home]); // eslint-disable-line react-hooks/exhaustive-deps\r\n\r\n  // Decide whether to collapse: only on mobile, only when the trail is\r\n  // longer than collapseAfter, and only while not user-expanded.\r\n  const shouldCollapse =\r\n    isMobile &&\r\n    !crumbsExpanded &&\r\n    effectiveBreadcrumb.length > Math.max(2, collapseAfter);\r\n\r\n  const orderedAll = React.useMemo<SlottedAction[]>(() => {\r\n    const list: SlottedAction[] = [];\r\n    if (primary) list.push({ ...primary, _slot: \"primary\" });\r\n    for (const s of (secondary || [])) list.push({ ...s, _slot: \"secondary\" });\r\n    for (const o of (overflow  || [])) list.push({ ...o, _slot: \"overflow\"  });\r\n    return list;\r\n  }, [primary, secondary, overflow]);\r\n\r\n  const visibleActions = orderedAll.slice(0, maxVisible);\r\n  const hiddenActions  = orderedAll.slice(maxVisible);\r\n\r\n  const visiblePrimary = visibleActions.filter((a) => a._slot === \"primary\");\r\n  const visibleOthers  = visibleActions.filter((a) => a._slot !== \"primary\");\r\n\r\n  const hasNavRow       = !!(back || effectiveBreadcrumb.length > 0);\r\n  const useAccent       = !surface;\r\n  const accentOrFgMuted = useAccent ? \"var(--accent)\" : \"var(--fg-muted)\";\r\n  const accentOrFg      = useAccent ? \"var(--accent)\" : \"var(--fg)\";\r\n\r\n  function resolveVariant(action: SlottedAction): ActionVariant {\r\n    if (action._slot === \"primary\")  return \"primary\";\r\n    if (action._slot === \"overflow\") return action.variant || \"ghost\";\r\n    return action.variant || \"secondary\";\r\n  }\r\n\r\n  function renderButton(action: SlottedAction, i: React.Key) {\r\n    const { _slot, label, icon: actionIcon, iconRight, onClick, disabled, loading, variant: _variant, ...rest } = action;\r\n    return (\r\n      <Button key={i} variant={resolveVariant(action)} size=\"sm\"\r\n        icon={actionIcon} iconRight={iconRight}\r\n        onClick={onClick} disabled={disabled} {...rest}\r\n        {...(loading !== undefined ? { loading } : {})}>\r\n        {label}\r\n      </Button>\r\n    );\r\n  }\r\n\r\n  const lastCrumbIndex = effectiveBreadcrumb.length - 1;\r\n  const chevron = (\r\n    <ChevronRightIcon aria-hidden=\"true\"\r\n      sx={{ fontSize: \"var(--text-xs)\", color: useAccent ? \"var(--accent)\" : \"var(--fg-subtle)\", transform: \"scaleX(var(--pui-rtl-flip, 1))\" }} />\r\n  );\r\n\r\n  /* Render either the full trail or the collapsed [first] › … › [last].\r\n   * Each branch returns an array of <li> rows so the <ol> stays valid. */\r\n  function renderCrumbItems() {\r\n    if (!shouldCollapse) {\r\n      return effectiveBreadcrumb.map((b, i) => {\r\n        const isLast = i === lastCrumbIndex;\r\n        return (\r\n          <Box component=\"li\" key={i} sx={{ display: \"inline-flex\", alignItems: \"center\", gap: 0.5 }}>\r\n            {renderCrumbContent(b, isLast, useAccent)}\r\n            {!isLast && chevron}\r\n          </Box>\r\n        );\r\n      });\r\n    }\r\n\r\n    // Collapsed: first crumb, an expand toggle, then the last crumb.\r\n    const first = effectiveBreadcrumb[0];\r\n    const last  = effectiveBreadcrumb[lastCrumbIndex];\r\n    return [\r\n      <Box component=\"li\" key=\"first\" sx={{ display: \"inline-flex\", alignItems: \"center\", gap: 0.5 }}>\r\n        {renderCrumbContent(first, false, useAccent)}\r\n        {chevron}\r\n      </Box>,\r\n      <Box component=\"li\" key=\"ellipsis\" sx={{ display: \"inline-flex\", alignItems: \"center\", gap: 0.5 }}>\r\n        <Box component=\"button\" type=\"button\"\r\n          onClick={() => setCrumbsExpanded(true)}\r\n          aria-label={L.expandCrumbs} aria-expanded=\"false\"\r\n          sx={{ ...CRUMB_ELLIPSIS_SX, color: useAccent ? \"var(--accent)\" : \"var(--fg-subtle)\" }}>\r\n          …\r\n        </Box>\r\n        {chevron}\r\n      </Box>,\r\n      <Box component=\"li\" key=\"last\" sx={{ display: \"inline-flex\", alignItems: \"center\", gap: 0.5 }}>\r\n        {renderCrumbContent(last, true, useAccent)}\r\n      </Box>,\r\n    ];\r\n  }\r\n\r\n  return (\r\n    <Box\r\n      sx={{\r\n        background:   surface ? \"var(--surface)\" : \"var(--bg)\",\r\n        borderBottom: surface ? \"1px solid var(--border)\" : \"none\",\r\n        padding: { xs: \"var(--s-3)\", sm: \"var(--s-3) var(--s-4)\", lg: \"var(--s-3) var(--s-6)\" },\r\n        position: sticky ? \"sticky\" : \"static\",\r\n        top: 0,\r\n        zIndex: zIndex.sticky,\r\n      }}\r\n    >\r\n      {/* Breadcrumb / back row */}\r\n      {hasNavRow && (\r\n        <Box sx={{ display: \"flex\", alignItems: \"center\", gap: 1, marginBottom: 1 }}>\r\n          {back && (\r\n            <IconButton size=\"small\" onClick={back} aria-label={L.back}\r\n              sx={{ color: accentOrFgMuted, \"& svg\": { transform: \"scaleX(var(--pui-rtl-flip, 1))\" } }}>\r\n              <ArrowBackIcon fontSize=\"small\" />\r\n            </IconButton>\r\n          )}\r\n          {effectiveBreadcrumb.length > 0 && (\r\n            <Box component=\"nav\" aria-label={L.breadcrumb} sx={{ minWidth: 0 }}>\r\n              <Box component=\"ol\"\r\n                sx={{ listStyle: \"none\", margin: 0, padding: 0, display: \"flex\", alignItems: \"center\", flexWrap: { xs: \"nowrap\", sm: \"wrap\" }, gap: 0.5, fontSize: \"var(--text-xs)\", color: useAccent ? \"var(--accent)\" : \"var(--fg-subtle)\", minWidth: 0 }}>\r\n                {renderCrumbItems()}\r\n              </Box>\r\n            </Box>\r\n          )}\r\n        </Box>\r\n      )}\r\n\r\n      {/* Main row */}\r\n      <Box sx={{ display: \"flex\", alignItems: { xs: \"flex-start\", sm: \"center\" }, justifyContent: \"space-between\", flexWrap: { xs: \"wrap\", sm: \"nowrap\" }, gap: { xs: \"var(--s-2)\", sm: 2 } }}>\r\n        <Box sx={{ minWidth: 0, flex: 1, display: \"flex\", alignItems: \"center\", gap: 1, color: accentOrFg, \"& svg\": { color: \"inherit\" } }}>\r\n          {icon}\r\n          <Typography component=\"h1\"\r\n            sx={{ fontSize: { xs: 18, sm: 22 }, fontWeight: \"var(--fw-bold)\", color: accentOrFg, lineHeight: \"var(--lh-tight)\", whiteSpace: { xs: \"normal\", sm: \"nowrap\" }, overflow: { xs: \"visible\", sm: \"hidden\" }, textOverflow: { xs: \"clip\", sm: \"ellipsis\" } }}>\r\n            {title}\r\n          </Typography>\r\n          {meta}\r\n        </Box>\r\n\r\n        {/* Actions: [secondary/ghost] [primary] [...] */}\r\n        <Box sx={{ display: \"flex\", alignItems: \"center\", gap: 1, width: { xs: \"100%\", sm: \"auto\" }, justifyContent: { xs: \"flex-end\", sm: \"flex-start\" }, flexShrink: 0 }}>\r\n          {visibleOthers.map((action, i)  => renderButton(action, i))}\r\n          {visiblePrimary.map((action, i) => renderButton(action, `p${i}`))}\r\n          {hiddenActions.length > 0 && (\r\n            <OverflowMenu actions={hiddenActions.map(({ _slot: _s, ...a }) => a)} />\r\n          )}\r\n        </Box>\r\n      </Box>\r\n\r\n      {subtitle && (\r\n        <Typography\r\n          sx={{\r\n            /* ── S-01 — THE SUBTITLE IS RENDERED AT EVERY BREAKPOINT ──────────\r\n             *\r\n             * This was `display: { xs: \"none\", sm: \"block\" }`, which removed the\r\n             * subtitle below the sm token (481 px) from the layout AND from the\r\n             * accessibility tree. On a 320-414 px viewport it did not exist for\r\n             * any user, sighted or not.\r\n             *\r\n             * That conflicted with three normative rules at once:\r\n             *   - Platform Mandatory UX Patterns / Page Subtitle: \"Mandatory.\r\n             *     Every page must contain a meaningful subtitle describing the\r\n             *     purpose of the page. NEVER OMIT SUBTITLES.\"\r\n             *   - the same document lists `missing subtitle` under Forbidden\r\n             *     Practices, i.e. a certification failure;\r\n             *   - Responsive Pattern mandates support from 320 px, so `xs` is the\r\n             *     primary mobile range, not an edge case.\r\n             *\r\n             * Charter 7.1 bis also puts \"Page title (H1) + subtitle + CTA\" in the\r\n             * canonical vertical order, with no breakpoint exemption.\r\n             *\r\n             * The original motivation was presumably vertical space on phones.\r\n             * That concern is met by BOUNDING the height instead of deleting the\r\n             * content -- two lines, mirroring the EmptyState rule already in this\r\n             * library (\"description <= 2 lignes\"). Clamped text stays in the\r\n             * accessibility tree, so screen-reader users get the full string.\r\n             *\r\n             * SCOPED TO xs ON PURPOSE. At sm and above `display: block` makes\r\n             * line-clamp inert, so the rendering is byte-identical to before this\r\n             * fix. Clamping desktop too would be a NEW restriction on existing\r\n             * behaviour and could truncate a long subtitle that a module renders\r\n             * over three lines today. Zero regression surface for the ~150\r\n             * services consuming this component.\r\n             *\r\n             * Raised from procuration-portnet-fe (Batch 3), fixed here rather\r\n             * than worked around locally: a module-side subtitle would duplicate\r\n             * a shared component's responsibility (R-2.1 / R-AI.2) and would need\r\n             * local breakpoint logic to avoid doubling at >= sm.\r\n             * ──────────────────────────────────────────────────────────────── */\r\n            display: { xs: \"-webkit-box\", sm: \"block\" },\r\n            WebkitBoxOrient: \"vertical\",\r\n            WebkitLineClamp: 2,\r\n            overflow: { xs: \"hidden\", sm: \"visible\" },\r\n            fontSize: \"var(--text-sm)\",\r\n            color: \"var(--fg-muted)\",\r\n            marginTop: 0.5,\r\n          }}\r\n        >\r\n          {subtitle}\r\n        </Typography>\r\n      )}\r\n    </Box>\r\n  );\r\n}\r\n\r\nexport default ActionBar;\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"ActionBar.js","names":["React","Box","Typography","IconButton","ArrowBackIcon","ChevronRightIcon","HomeIcon","useMediaQuery","useTheme","Button","OverflowMenu","zIndex","mergeLabels","jsx","_jsx","jsxs","_jsxs","DEFAULT_LABELS","Object","freeze","back","breadcrumb","home","expandCrumbs","CRUMB_LINK_BASE_SX","display","alignItems","gap","textDecoration","cursor","borderRadius","padding","margin","background","outline","outlineOffset","CRUMB_ELLIPSIS_SX","border","font","fontSize","lineHeight","isStructuredCrumb","entry","isValidElement","getCrumbColor","isLast","useAccent","renderCrumbContent","baseColor","baseFontWeight","component","undefined","sx","color","fontWeight","children","label","icon","onClick","href","ariaLabel","computedAria","type","ActionBar","title","subtitle","primary","secondary","overflow","maxVisible","meta","sticky","surface","collapseAfter","labels","L","theme","isMobile","breakpoints","down","crumbsExpanded","setCrumbsExpanded","useState","effectiveBreadcrumb","useMemo","base","homeItem","shouldCollapse","length","Math","max","orderedAll","list","push","_slot","s","o","visibleActions","slice","hiddenActions","visiblePrimary","filter","a","visibleOthers","hasNavRow","accentOrFgMuted","accentOrFg","resolveVariant","action","variant","renderButton","i","actionIcon","iconRight","disabled","loading","_variant","rest","size","lastCrumbIndex","chevron","transform","renderCrumbItems","map","b","first","last","borderBottom","xs","sm","lg","position","top","marginBottom","minWidth","listStyle","flexWrap","justifyContent","flex","whiteSpace","textOverflow","width","flexShrink","actions","_s","WebkitBoxOrient","WebkitLineClamp","marginTop"],"sources":["../../../../src/lib/v2/patterns/ActionBar.tsx"],"sourcesContent":["import * as React from \"react\";\r\nimport Box from \"@mui/material/Box\";\r\nimport Typography from \"@mui/material/Typography\";\r\nimport IconButton from \"@mui/material/IconButton\";\r\nimport ArrowBackIcon from \"@mui/icons-material/ArrowBack\";\r\nimport ChevronRightIcon from \"@mui/icons-material/ChevronRight\";\r\nimport HomeIcon from \"@mui/icons-material/Home\";\r\nimport useMediaQuery from \"@mui/material/useMediaQuery\";\r\nimport { useTheme } from \"@mui/material/styles\";\r\nimport Button from \"../components/Button\";\r\nimport type { ButtonProps } from \"../components/Button\";\r\nimport OverflowMenu from \"../components/OverflowMenu\";\r\nimport { zIndex } from \"../tokens\";\r\nimport { mergeLabels } from \"../utils/mergeLabels\";\r\n\r\n/**\r\n * ActionBar - Portnet UI v2 (pattern)\r\n *\r\n * Charter §07 — render order (left → right):\r\n *\r\n *   [ghost/secondary…]  [primary]  […overflow]\r\n *\r\n * Slot-based variant resolution:\r\n *   slot=\"primary\"   → Button variant=\"primary\"\r\n *   slot=\"secondary\" → Button variant={action.variant || \"secondary\"}\r\n *   slot=\"overflow\"  → Button variant={action.variant || \"ghost\"}\r\n *\r\n * maxVisible (default 2):\r\n *   orderedAll = [primary, ...secondary, ...overflow]\r\n *   first maxVisible → visible buttons / rest → \"…\"\r\n *\r\n * Breadcrumb collapse (R-RS.5):\r\n *   Below the `sm` breakpoint TOKEN (< 481px) a long trail used to\r\n *   flex-wrap onto several lines, pushing the page title down. When the\r\n *   trail has more than `collapseAfter` crumbs (default 3) the middle is\r\n *   collapsed to a single \"…\" toggle that shows [first] › … › [last];\r\n *   pressing it expands the full trail in place. Desktop always renders\r\n *   the full trail. Keeps the nav to one line on phones (WCAG 1.4.10\r\n *   Reflow) without hiding navigation from AT — the toggle is a real\r\n *   button with an accessible name.\r\n *\r\n * ── `surface` DEFAULTS TO false — A PAGE HEADER IS NOT A CARD ────────\r\n *\r\n * The platform rule is that a page header sits on the page background, never\r\n * on a white card. This default used to be `true`, which meant every call site\r\n * that did not opt out rendered a --surface card with a bottom border — making\r\n * the exception the norm across the GU modules.\r\n *\r\n * Note that `surface` drives TWO things, because `useAccent` is derived from\r\n * it: the background/border AND the colour of the title, icon, back-arrow and\r\n * crumb trail (--accent when non-surface, --fg / --fg-subtle when surfaced).\r\n * They are deliberately coupled — an accent title on a white card reads as a\r\n * link, and a near-black title on the page background loses the visual anchor\r\n * the header needs. Decoupling them would need a separate prop and a design\r\n * decision, not a default change.\r\n *\r\n * Pass surface={true} to opt back in to the card treatment where a header is\r\n * genuinely nested inside a panel rather than heading a page.\r\n *\r\n * ── Subtitle visibility (S-01) ───────────────────────────────────────\r\n *\r\n * The subtitle renders at EVERY breakpoint. It used to be hidden below the `sm`\r\n * token via `display: none`, which made every consuming module fail the\r\n * mandatory \"Never omit subtitles\" pattern on phones — and removed the text from\r\n * the accessibility tree, not just from the layout. On `xs` it is now bounded to\r\n * two lines with a line-clamp instead; `sm` and above are unchanged. See the\r\n * inline note at the render site for the full rationale.\r\n */\r\n\r\n/** Variant union, derived from Button (single source of truth). */\r\ntype ActionVariant = NonNullable<ButtonProps[\"variant\"]>;\r\n\r\n/** Structured breadcrumb entry (as opposed to a plain renderable node). */\r\nexport interface BreadcrumbItem {\r\n  label?: React.ReactNode | undefined;\r\n  icon?: React.ReactNode | undefined;\r\n  onClick?: (() => void) | undefined;\r\n  href?: string | undefined;\r\n  ariaLabel?: string | undefined;\r\n}\r\n\r\n/** A breadcrumb entry is either a plain node or a structured item. */\r\nexport type CrumbEntry = React.ReactNode | BreadcrumbItem;\r\n\r\n/** Action descriptor for primary / secondary / overflow slots. */\r\nexport interface ActionBarAction {\r\n  label?: React.ReactNode | undefined;\r\n  icon?: React.ReactNode | undefined;\r\n  iconRight?: React.ReactNode | undefined;\r\n  onClick?: (() => void) | undefined;\r\n  disabled?: boolean | undefined;\r\n  loading?: boolean | undefined;\r\n  variant?: ActionVariant | undefined;\r\n  /** Overflow-only (surfaced when the action falls into the OverflowMenu). */\r\n  shortcut?: React.ReactNode | undefined;\r\n  danger?: boolean | undefined;\r\n  divider?: boolean | undefined;\r\n  /**\r\n   * ARIA attributes, forwarded verbatim to the rendered `<Button>`.\r\n   *\r\n   * `renderButton` destructures the known fields above and spreads the\r\n   * REMAINDER onto the Button (`{...rest}`), so any `aria-*` key a host supplies\r\n   * already reaches the DOM at runtime. This pattern index signature declares\r\n   * that contract, which was previously implemented but undeclared — forcing\r\n   * strict-mode consumers to either drop the attribute (losing the behaviour) or\r\n   * assert their way past the type.\r\n   *\r\n   * Primary use case: `aria-keyshortcuts` on a page's create CTA, so screen\r\n   * reader users discover a keyboard shortcut on focus (WCAG 2.1.4).\r\n   */\r\n  [ariaAttribute: `aria-${string}`]: string | undefined;\r\n}\r\n\r\ntype SlotName = \"primary\" | \"secondary\" | \"overflow\";\r\ntype SlottedAction = ActionBarAction & { _slot: SlotName };\r\n\r\nexport interface ActionBarLabels {\r\n  back?: string | undefined;\r\n  breadcrumb?: string | undefined;\r\n  home?: string | undefined;\r\n  expandCrumbs?: string | undefined;\r\n}\r\n\r\nexport interface ActionBarProps {\r\n  /** Home crumb: a callback (onClick) or an href string. */\r\n  home?: string | (() => void) | undefined;\r\n  /** Back-arrow callback (top-bar). */\r\n  back?: (() => void) | undefined;\r\n  breadcrumb?: CrumbEntry[] | undefined;\r\n  title: React.ReactNode;\r\n  subtitle?: React.ReactNode | undefined;\r\n  icon?: React.ReactNode | undefined;\r\n  primary?: ActionBarAction | undefined;\r\n  secondary?: ActionBarAction[] | undefined;\r\n  overflow?: ActionBarAction[] | undefined;\r\n  /** Number of actions shown before the rest collapse into the menu. @default 2 */\r\n  maxVisible?: number | undefined;\r\n  meta?: React.ReactNode | undefined;\r\n  sticky?: boolean | undefined;\r\n  /**\r\n   * Render the header as a raised white card instead of on the page\r\n   * background.\r\n   *\r\n   * @default false — a page header sits on the background (platform rule).\r\n   *\r\n   * Also governs text colour: when false, the title, icon, back-arrow and\r\n   * crumbs render in --accent; when true they render in --fg / --fg-subtle.\r\n   * See the note in the module docstring for why the two are coupled.\r\n   *\r\n   * Pass true only where the header genuinely heads a panel rather than a page.\r\n   */\r\n  surface?: boolean | undefined;\r\n  /** Collapse the breadcrumb middle on mobile past this many crumbs. @default 3 */\r\n  collapseAfter?: number | undefined;\r\n  labels?: ActionBarLabels | undefined;\r\n}\r\n\r\nconst DEFAULT_LABELS = Object.freeze({\r\n  back:           \"Retour\",\r\n  breadcrumb:     \"Fil d'Ariane\",\r\n  home:           \"Accueil\",\r\n  expandCrumbs:   \"Afficher le chemin complet\",\r\n});\r\n\r\nconst CRUMB_LINK_BASE_SX = Object.freeze({\r\n  display: \"inline-flex\",\r\n  alignItems: \"center\",\r\n  gap: \"var(--s-1)\",\r\n  textDecoration: \"none\",\r\n  cursor: \"pointer\",\r\n  borderRadius: \"var(--r-sm)\",\r\n  padding: \"2px 4px\",\r\n  margin: \"-2px -4px\",\r\n  \"&:hover\": { background: \"var(--bg-hover)\" },\r\n  \"&:focus-visible\": { outline: \"2px solid var(--accent)\", outlineOffset: \"var(--pui-outline-offset-inset, 0)\" },\r\n});\r\n\r\nconst CRUMB_ELLIPSIS_SX = Object.freeze({\r\n  ...CRUMB_LINK_BASE_SX,\r\n  background: \"none\",\r\n  border: \"none\",\r\n  font: \"inherit\",\r\n  fontSize: \"var(--text-xs)\",\r\n  lineHeight: 1,\r\n});\r\n\r\nfunction isStructuredCrumb(entry: CrumbEntry): entry is BreadcrumbItem {\r\n  return entry != null && typeof entry === \"object\" && !React.isValidElement(entry);\r\n}\r\n\r\nfunction getCrumbColor(isLast: boolean, useAccent: boolean): string {\r\n  if (useAccent) return \"var(--accent)\";\r\n  return isLast ? \"var(--fg)\" : \"var(--fg-subtle)\";\r\n}\r\n\r\nfunction renderCrumbContent(entry: CrumbEntry, isLast: boolean, useAccent: boolean) {\r\n  const baseColor      = getCrumbColor(isLast, useAccent);\r\n  const baseFontWeight = isLast ? \"var(--fw-semibold)\" : \"var(--fw-regular)\";\r\n\r\n  if (!isStructuredCrumb(entry)) {\r\n    return (\r\n      <Box component=\"span\" aria-current={isLast ? \"page\" : undefined}\r\n        sx={{ color: baseColor, fontWeight: baseFontWeight }}>\r\n        {entry}\r\n      </Box>\r\n    );\r\n  }\r\n\r\n  const { label, icon, onClick, href, ariaLabel } = entry;\r\n  const computedAria = ariaLabel || (typeof label === \"string\" ? label : undefined);\r\n\r\n  if (isLast) {\r\n    return (\r\n      <Box component=\"span\" aria-current=\"page\"\r\n        sx={{ color: baseColor, fontWeight: baseFontWeight, display: \"inline-flex\", alignItems: \"center\", gap: \"var(--s-1)\" }}>\r\n        {icon}{label}\r\n      </Box>\r\n    );\r\n  }\r\n\r\n  if (href) {\r\n    return (\r\n      <Box component=\"a\" href={href} onClick={onClick} aria-label={computedAria}\r\n        sx={{ ...CRUMB_LINK_BASE_SX, color: baseColor }}>\r\n        {icon}{label}\r\n      </Box>\r\n    );\r\n  }\r\n\r\n  if (onClick) {\r\n    return (\r\n      <Box component=\"button\" type=\"button\" onClick={onClick} aria-label={computedAria}\r\n        sx={{ ...CRUMB_LINK_BASE_SX, color: baseColor, background: \"none\", border: \"none\", font: \"inherit\", fontSize: \"var(--text-xs)\" }}>\r\n        {icon}{label}\r\n      </Box>\r\n    );\r\n  }\r\n\r\n  return (\r\n    <Box component=\"span\"\r\n      sx={{ color: baseColor, fontWeight: baseFontWeight, display: \"inline-flex\", alignItems: \"center\", gap: \"var(--s-1)\" }}>\r\n      {icon}{label}\r\n    </Box>\r\n  );\r\n}\r\n\r\nfunction ActionBar({\r\n  home,\r\n  back,\r\n  breadcrumb,\r\n  title,\r\n  subtitle,\r\n  icon,\r\n  primary,\r\n  secondary = [],\r\n  overflow  = [],\r\n  maxVisible = 2,\r\n  meta,\r\n  sticky  = true,\r\n  /*\r\n   * DEFAULT FLIPPED TO false. A page header sits on the page background, never\r\n   * on a white card — see the note in the module docstring. Opt back in with\r\n   * surface={true} for a header that heads a panel rather than a page.\r\n   */\r\n  surface = false,\r\n  collapseAfter = 3,\r\n  labels,\r\n}: ActionBarProps) {\r\n  const L = mergeLabels(DEFAULT_LABELS, labels);\r\n\r\n  // R-RS.5 — collapse the middle of a long breadcrumb on mobile (< sm\r\n  // token, 481px). Reads the live theme so a host breakpoint override is\r\n  // honoured. `crumbsExpanded` lets the user reveal the full trail in place.\r\n  const theme = useTheme();\r\n  const isMobile = useMediaQuery(theme.breakpoints.down(\"sm\"));\r\n  const [crumbsExpanded, setCrumbsExpanded] = React.useState(false);\r\n\r\n  const effectiveBreadcrumb = React.useMemo<CrumbEntry[]>(() => {\r\n    const base = breadcrumb || [];\r\n    if (!home) return base;\r\n    const homeItem: BreadcrumbItem = {\r\n      icon:      <HomeIcon fontSize=\"small\" />,\r\n      ariaLabel: L.home,\r\n      ...(typeof home === \"function\" ? { onClick: home } : { href: home }),\r\n    };\r\n    return [homeItem, ...base];\r\n  }, [home, breadcrumb, L.home]);\r\n\r\n  // Decide whether to collapse: only on mobile, only when the trail is\r\n  // longer than collapseAfter, and only while not user-expanded.\r\n  const shouldCollapse =\r\n    isMobile &&\r\n    !crumbsExpanded &&\r\n    effectiveBreadcrumb.length > Math.max(2, collapseAfter);\r\n\r\n  const orderedAll = React.useMemo<SlottedAction[]>(() => {\r\n    const list: SlottedAction[] = [];\r\n    if (primary) list.push({ ...primary, _slot: \"primary\" });\r\n    for (const s of (secondary || [])) list.push({ ...s, _slot: \"secondary\" });\r\n    for (const o of (overflow  || [])) list.push({ ...o, _slot: \"overflow\"  });\r\n    return list;\r\n  }, [primary, secondary, overflow]);\r\n\r\n  const visibleActions = orderedAll.slice(0, maxVisible);\r\n  const hiddenActions  = orderedAll.slice(maxVisible);\r\n\r\n  const visiblePrimary = visibleActions.filter((a) => a._slot === \"primary\");\r\n  const visibleOthers  = visibleActions.filter((a) => a._slot !== \"primary\");\r\n\r\n  const hasNavRow       = !!(back || effectiveBreadcrumb.length > 0);\r\n  const useAccent       = !surface;\r\n  const accentOrFgMuted = useAccent ? \"var(--accent)\" : \"var(--fg-muted)\";\r\n  const accentOrFg      = useAccent ? \"var(--accent)\" : \"var(--fg)\";\r\n\r\n  function resolveVariant(action: SlottedAction): ActionVariant {\r\n    if (action._slot === \"primary\")  return \"primary\";\r\n    if (action._slot === \"overflow\") return action.variant || \"ghost\";\r\n    return action.variant || \"secondary\";\r\n  }\r\n\r\n  function renderButton(action: SlottedAction, i: React.Key) {\r\n    const { _slot, label, icon: actionIcon, iconRight, onClick, disabled, loading, variant: _variant, ...rest } = action;\r\n    return (\r\n      <Button key={i} variant={resolveVariant(action)} size=\"sm\"\r\n        icon={actionIcon} iconRight={iconRight}\r\n        onClick={onClick} disabled={disabled} {...rest}\r\n        {...(loading !== undefined ? { loading } : {})}>\r\n        {label}\r\n      </Button>\r\n    );\r\n  }\r\n\r\n  const lastCrumbIndex = effectiveBreadcrumb.length - 1;\r\n  const chevron = (\r\n    <ChevronRightIcon aria-hidden=\"true\"\r\n      sx={{ fontSize: \"var(--text-xs)\", color: useAccent ? \"var(--accent)\" : \"var(--fg-subtle)\", transform: \"scaleX(var(--pui-rtl-flip, 1))\" }} />\r\n  );\r\n\r\n  /* Render either the full trail or the collapsed [first] › … › [last].\r\n   * Each branch returns an array of <li> rows so the <ol> stays valid. */\r\n  function renderCrumbItems() {\r\n    if (!shouldCollapse) {\r\n      return effectiveBreadcrumb.map((b, i) => {\r\n        const isLast = i === lastCrumbIndex;\r\n        return (\r\n          <Box component=\"li\" key={i} sx={{ display: \"inline-flex\", alignItems: \"center\", gap: 0.5 }}>\r\n            {renderCrumbContent(b, isLast, useAccent)}\r\n            {!isLast && chevron}\r\n          </Box>\r\n        );\r\n      });\r\n    }\r\n\r\n    // Collapsed: first crumb, an expand toggle, then the last crumb.\r\n    const first = effectiveBreadcrumb[0];\r\n    const last  = effectiveBreadcrumb[lastCrumbIndex];\r\n    return [\r\n      <Box component=\"li\" key=\"first\" sx={{ display: \"inline-flex\", alignItems: \"center\", gap: 0.5 }}>\r\n        {renderCrumbContent(first, false, useAccent)}\r\n        {chevron}\r\n      </Box>,\r\n      <Box component=\"li\" key=\"ellipsis\" sx={{ display: \"inline-flex\", alignItems: \"center\", gap: 0.5 }}>\r\n        <Box component=\"button\" type=\"button\"\r\n          onClick={() => setCrumbsExpanded(true)}\r\n          aria-label={L.expandCrumbs} aria-expanded=\"false\"\r\n          sx={{ ...CRUMB_ELLIPSIS_SX, color: useAccent ? \"var(--accent)\" : \"var(--fg-subtle)\" }}>\r\n          …\r\n        </Box>\r\n        {chevron}\r\n      </Box>,\r\n      <Box component=\"li\" key=\"last\" sx={{ display: \"inline-flex\", alignItems: \"center\", gap: 0.5 }}>\r\n        {renderCrumbContent(last, true, useAccent)}\r\n      </Box>,\r\n    ];\r\n  }\r\n\r\n  return (\r\n    <Box\r\n      sx={{\r\n        background:   surface ? \"var(--surface)\" : \"var(--bg)\",\r\n        borderBottom: surface ? \"1px solid var(--border)\" : \"none\",\r\n        padding: { xs: \"var(--s-3)\", sm: \"var(--s-3) var(--s-4)\", lg: \"var(--s-3) var(--s-6)\" },\r\n        position: sticky ? \"sticky\" : \"static\",\r\n        top: 0,\r\n        zIndex: zIndex.sticky,\r\n      }}\r\n    >\r\n      {/* Breadcrumb / back row */}\r\n      {hasNavRow && (\r\n        <Box sx={{ display: \"flex\", alignItems: \"center\", gap: 1, marginBottom: 1 }}>\r\n          {back && (\r\n            <IconButton size=\"small\" onClick={back} aria-label={L.back}\r\n              sx={{ color: accentOrFgMuted, \"& svg\": { transform: \"scaleX(var(--pui-rtl-flip, 1))\" } }}>\r\n              <ArrowBackIcon fontSize=\"small\" />\r\n            </IconButton>\r\n          )}\r\n          {effectiveBreadcrumb.length > 0 && (\r\n            <Box component=\"nav\" aria-label={L.breadcrumb} sx={{ minWidth: 0 }}>\r\n              <Box component=\"ol\"\r\n                sx={{ listStyle: \"none\", margin: 0, padding: 0, display: \"flex\", alignItems: \"center\", flexWrap: { xs: \"nowrap\", sm: \"wrap\" }, gap: 0.5, fontSize: \"var(--text-xs)\", color: useAccent ? \"var(--accent)\" : \"var(--fg-subtle)\", minWidth: 0 }}>\r\n                {renderCrumbItems()}\r\n              </Box>\r\n            </Box>\r\n          )}\r\n        </Box>\r\n      )}\r\n\r\n      {/* Main row */}\r\n      <Box sx={{ display: \"flex\", alignItems: { xs: \"flex-start\", sm: \"center\" }, justifyContent: \"space-between\", flexWrap: { xs: \"wrap\", sm: \"nowrap\" }, gap: { xs: \"var(--s-2)\", sm: 2 } }}>\r\n        <Box sx={{ minWidth: 0, flex: 1, display: \"flex\", alignItems: \"center\", gap: 1, color: accentOrFg, \"& svg\": { color: \"inherit\" } }}>\r\n          {icon}\r\n          <Typography component=\"h1\"\r\n            sx={{ fontSize: { xs: 18, sm: 22 }, fontWeight: \"var(--fw-bold)\", color: accentOrFg, lineHeight: \"var(--lh-tight)\", whiteSpace: { xs: \"normal\", sm: \"nowrap\" }, overflow: { xs: \"visible\", sm: \"hidden\" }, textOverflow: { xs: \"clip\", sm: \"ellipsis\" } }}>\r\n            {title}\r\n          </Typography>\r\n          {meta}\r\n        </Box>\r\n\r\n        {/* Actions: [secondary/ghost] [primary] [...] */}\r\n        <Box sx={{ display: \"flex\", alignItems: \"center\", gap: 1, width: { xs: \"100%\", sm: \"auto\" }, justifyContent: { xs: \"flex-end\", sm: \"flex-start\" }, flexShrink: 0 }}>\r\n          {visibleOthers.map((action, i)  => renderButton(action, i))}\r\n          {visiblePrimary.map((action, i) => renderButton(action, `p${i}`))}\r\n          {hiddenActions.length > 0 && (\r\n            <OverflowMenu actions={hiddenActions.map(({ _slot: _s, ...a }) => a)} />\r\n          )}\r\n        </Box>\r\n      </Box>\r\n\r\n      {subtitle && (\r\n        <Typography\r\n          sx={{\r\n            /* ── S-01 — THE SUBTITLE IS RENDERED AT EVERY BREAKPOINT ──────────\r\n             *\r\n             * This was `display: { xs: \"none\", sm: \"block\" }`, which removed the\r\n             * subtitle below the sm token (481 px) from the layout AND from the\r\n             * accessibility tree. On a 320-414 px viewport it did not exist for\r\n             * any user, sighted or not.\r\n             *\r\n             * That conflicted with three normative rules at once:\r\n             *   - Platform Mandatory UX Patterns / Page Subtitle: \"Mandatory.\r\n             *     Every page must contain a meaningful subtitle describing the\r\n             *     purpose of the page. NEVER OMIT SUBTITLES.\"\r\n             *   - the same document lists `missing subtitle` under Forbidden\r\n             *     Practices, i.e. a certification failure;\r\n             *   - Responsive Pattern mandates support from 320 px, so `xs` is the\r\n             *     primary mobile range, not an edge case.\r\n             *\r\n             * Charter 7.1 bis also puts \"Page title (H1) + subtitle + CTA\" in the\r\n             * canonical vertical order, with no breakpoint exemption.\r\n             *\r\n             * The original motivation was presumably vertical space on phones.\r\n             * That concern is met by BOUNDING the height instead of deleting the\r\n             * content -- two lines, mirroring the EmptyState rule already in this\r\n             * library (\"description <= 2 lignes\"). Clamped text stays in the\r\n             * accessibility tree, so screen-reader users get the full string.\r\n             *\r\n             * SCOPED TO xs ON PURPOSE. At sm and above `display: block` makes\r\n             * line-clamp inert, so the rendering is byte-identical to before this\r\n             * fix. Clamping desktop too would be a NEW restriction on existing\r\n             * behaviour and could truncate a long subtitle that a module renders\r\n             * over three lines today. Zero regression surface for the ~150\r\n             * services consuming this component.\r\n             *\r\n             * Raised from procuration-portnet-fe (Batch 3), fixed here rather\r\n             * than worked around locally: a module-side subtitle would duplicate\r\n             * a shared component's responsibility (R-2.1 / R-AI.2) and would need\r\n             * local breakpoint logic to avoid doubling at >= sm.\r\n             * ──────────────────────────────────────────────────────────────── */\r\n            display: { xs: \"-webkit-box\", sm: \"block\" },\r\n            WebkitBoxOrient: \"vertical\",\r\n            WebkitLineClamp: 2,\r\n            overflow: { xs: \"hidden\", sm: \"visible\" },\r\n            fontSize: \"var(--text-sm)\",\r\n            color: \"var(--fg-muted)\",\r\n            marginTop: 0.5,\r\n          }}\r\n        >\r\n          {subtitle}\r\n        </Typography>\r\n      )}\r\n    </Box>\r\n  );\r\n}\r\n\r\nexport default ActionBar;\r\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/v2/patterns/AppMain.js

@@ -0,0 +1,108 @@
+import * as React from "react";
+
+/**
+ * AppMain — the `<main>` landmark, Portnet UI v2 (pattern)
+ *
+ * Mount it inside the host shell, with `SkipLink` as the first focusable
+ * element of the page:
+ *
+ *   <SkipLink />
+ *   …
+ *   <AppMain>
+ *     <Outlet />
+ *   </AppMain>
+ *
+ * ─────────────────────────────────────────────────────────────────────────────
+ * WHY THIS BELONGS IN THE LIBRARY (capability gap G-53)
+ *
+ * The library shipped HALF of a two-part contract and documented the other half
+ * without providing it. `SkipLink`'s own docblock says, in so many words:
+ *
+ *     <SkipLink href="#main-content" />
+ *     …
+ *     <main id="main-content">
+ *
+ * The `<main>` never existed here. So every module wrote it, and it is not a
+ * one-liner — it carries three things that are easy to get subtly wrong:
+ *
+ *   1. `tabIndex={-1}`, without which the skip link SCROLLS but does not move
+ *      focus in Safari (SkipLink compensates by setting the attribute itself at
+ *      click time, which is a patch for a landmark that should have been
+ *      focusable from the start);
+ *   2. `outline: none`, because a focus ring drawn around the whole page is not
+ *      what R-F.1 asks for — the ring belongs on real controls;
+ *   3. the CONTENT MEASURE of R-L.5, a MUST the library did not honour
+ *      anywhere: "Max-width content : 1440 px (wide table) ou 720 px (form
+ *      mono-colonne)". `PageContent` owns the canonical padding and the section
+ *      gap, and caps NOTHING — so on a 1920 px display a certified module still
+ *      stretched its tables edge to edge unless it capped them itself.
+ *
+ * And the cap has a companion nobody remembers: WITHOUT `margin-inline: auto`
+ * the capped content pins to the left and leaves a 480 px gutter on the right
+ * of a 1920 px screen, which looks more broken than not capping at all.
+ *
+ * Raised from `autorisation-admis-pour-conforme-fe` (Area 5). The certified
+ * reference module `ms-ti-fe` carries the same local landmark, so this was two
+ * copies of the same twenty lines plus an unmet MUST — the definition of a gap.
+ *
+ * SCOPE, because §07 is explicit about it: the Sidebar and the global Topbar
+ * belong to the HOST shell (PMPCE / Guichet Unique), not to a module and not to
+ * this component. `AppMain` is the content region INSIDE that shell. It renders
+ * no breadcrumb and no page header either — those carry route-specific title,
+ * subtitle and actions, so they belong to each page's `ActionBar` (R-L.1 /
+ * R-L.2).
+ * ─────────────────────────────────────────────────────────────────────────────
+ */
+
+/** Which measure of R-L.5 applies to this region. */
+import { jsx as _jsx } from "react/jsx-runtime";
+const MAX_WIDTH_BY_MEASURE = {
+  /** `--content-max` (1440) — listings, dashboards, detail pages. */
+  wide: "var(--content-max)",
+  /** `--form-max` (720) — a single-column form owning the whole region. */
+  form: "var(--form-max)",
+  /** No cap. Say why at the call site: R-L.5 is a MUST, not a default. */
+  full: undefined
+};
+function AppMain({
+  children,
+  id = "main-content",
+  measure = "wide",
+  minHeight = "100vh",
+  className,
+  style,
+  ariaLabel,
+  ariaBusy
+}) {
+  const maxWidth = MAX_WIDTH_BY_MEASURE[measure];
+  return /*#__PURE__*/_jsx("main", {
+    id: id
+    /* Focusable programmatically, NOT in the tab order — so the skip link can
+       land here (WCAG 2.4.1) without adding a stop for every other user. */,
+    tabIndex: -1,
+    ...(ariaLabel !== undefined ? {
+      "aria-label": ariaLabel
+    } : {}),
+    ...(ariaBusy !== undefined ? {
+      "aria-busy": ariaBusy
+    } : {}),
+    ...(className !== undefined ? {
+      className
+    } : {}),
+    style: {
+      outline: "none",
+      minHeight,
+      ...(maxWidth !== undefined ?
+      /* `marginInline: auto` is not decoration: without it the cap pins
+         the content left and leaves the whole surplus as one gutter. */
+      {
+        maxWidth,
+        marginInline: "auto"
+      } : {}),
+      ...style
+    },
+    children: children
+  });
+}
+export default AppMain;
+//# sourceMappingURL=AppMain.js.map

package/dist/esm/v2/patterns/AppMain.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppMain.js","names":["React","jsx","_jsx","MAX_WIDTH_BY_MEASURE","wide","form","full","undefined","AppMain","children","id","measure","minHeight","className","style","ariaLabel","ariaBusy","maxWidth","tabIndex","outline","marginInline"],"sources":["../../../../src/lib/v2/patterns/AppMain.tsx"],"sourcesContent":["import * as React from \"react\";\r\n\r\n/**\r\n * AppMain — the `<main>` landmark, Portnet UI v2 (pattern)\r\n *\r\n * Mount it inside the host shell, with `SkipLink` as the first focusable\r\n * element of the page:\r\n *\r\n *   <SkipLink />\r\n *   …\r\n *   <AppMain>\r\n *     <Outlet />\r\n *   </AppMain>\r\n *\r\n * ─────────────────────────────────────────────────────────────────────────────\r\n * WHY THIS BELONGS IN THE LIBRARY (capability gap G-53)\r\n *\r\n * The library shipped HALF of a two-part contract and documented the other half\r\n * without providing it. `SkipLink`'s own docblock says, in so many words:\r\n *\r\n *     <SkipLink href=\"#main-content\" />\r\n *     …\r\n *     <main id=\"main-content\">\r\n *\r\n * The `<main>` never existed here. So every module wrote it, and it is not a\r\n * one-liner — it carries three things that are easy to get subtly wrong:\r\n *\r\n *   1. `tabIndex={-1}`, without which the skip link SCROLLS but does not move\r\n *      focus in Safari (SkipLink compensates by setting the attribute itself at\r\n *      click time, which is a patch for a landmark that should have been\r\n *      focusable from the start);\r\n *   2. `outline: none`, because a focus ring drawn around the whole page is not\r\n *      what R-F.1 asks for — the ring belongs on real controls;\r\n *   3. the CONTENT MEASURE of R-L.5, a MUST the library did not honour\r\n *      anywhere: \"Max-width content : 1440 px (wide table) ou 720 px (form\r\n *      mono-colonne)\". `PageContent` owns the canonical padding and the section\r\n *      gap, and caps NOTHING — so on a 1920 px display a certified module still\r\n *      stretched its tables edge to edge unless it capped them itself.\r\n *\r\n * And the cap has a companion nobody remembers: WITHOUT `margin-inline: auto`\r\n * the capped content pins to the left and leaves a 480 px gutter on the right\r\n * of a 1920 px screen, which looks more broken than not capping at all.\r\n *\r\n * Raised from `autorisation-admis-pour-conforme-fe` (Area 5). The certified\r\n * reference module `ms-ti-fe` carries the same local landmark, so this was two\r\n * copies of the same twenty lines plus an unmet MUST — the definition of a gap.\r\n *\r\n * SCOPE, because §07 is explicit about it: the Sidebar and the global Topbar\r\n * belong to the HOST shell (PMPCE / Guichet Unique), not to a module and not to\r\n * this component. `AppMain` is the content region INSIDE that shell. It renders\r\n * no breadcrumb and no page header either — those carry route-specific title,\r\n * subtitle and actions, so they belong to each page's `ActionBar` (R-L.1 /\r\n * R-L.2).\r\n * ─────────────────────────────────────────────────────────────────────────────\r\n */\r\n\r\n/** Which measure of R-L.5 applies to this region. */\r\nexport type AppMainMeasure = \"wide\" | \"form\" | \"full\";\r\n\r\nconst MAX_WIDTH_BY_MEASURE: Readonly<Record<AppMainMeasure, string | undefined>> =\r\n  {\r\n    /** `--content-max` (1440) — listings, dashboards, detail pages. */\r\n    wide: \"var(--content-max)\",\r\n    /** `--form-max` (720) — a single-column form owning the whole region. */\r\n    form: \"var(--form-max)\",\r\n    /** No cap. Say why at the call site: R-L.5 is a MUST, not a default. */\r\n    full: undefined,\r\n  };\r\n\r\nexport interface AppMainProps {\r\n  children?: React.ReactNode | undefined;\r\n  /**\r\n   * The id the skip link targets. Defaults to `\"main-content\"`, which is\r\n   * `SkipLink`'s own default — change both together or the link goes nowhere.\r\n   */\r\n  id?: string | undefined;\r\n  /**\r\n   * Content measure (R-L.5). Defaults to `\"wide\"`: it is the value that fits\r\n   * listings, detail and dashboard pages, which is what a module is mostly made\r\n   * of. A genuinely mono-column form should narrow ITSELF rather than have the\r\n   * shared region widened for it.\r\n   */\r\n  measure?: AppMainMeasure | undefined;\r\n  /**\r\n   * Minimum height of the region. Defaults to `100vh` so a short page still\r\n   * paints its background down the viewport instead of ending in a band of\r\n   * whatever sits behind, and so the region reserves its space before content\r\n   * arrives (R-R.4, anti-CLS).\r\n   */\r\n  minHeight?: string | undefined;\r\n  className?: string | undefined;\r\n  /** Escape hatch. Merged last, so it wins over the computed style. */\r\n  style?: React.CSSProperties | undefined;\r\n  /**\r\n   * Accessible name for the landmark.\r\n   *\r\n   * Normally UNNECESSARY, and better left off: a `<main>` is the page's one\r\n   * main region and assistive tech announces it as such. It exists for the\r\n   * PRE-CONTENT case — a host that renders the landmark before its router\r\n   * mounts, as R-Pp.1 requires (\"jamais d'écran blanc\"), has nothing inside to\r\n   * name it, and \"main region\" alone tells the user nothing about what is\r\n   * happening.\r\n   *\r\n   * Added for a real consumer and not on speculation: the pre-auth shell of\r\n   * `autorisation-admis-pour-conforme-fe` (Area 10) hand-wrote this entire\r\n   * landmark — id, tabIndex, outline, minHeight — BECAUSE it could not express\r\n   * these two attributes through this component. A pattern that forces a host\r\n   * to reimplement it in order to name it has not finished its job.\r\n   */\r\n  ariaLabel?: string | undefined;\r\n  /**\r\n   * Marks the region busy while its content is being prepared.\r\n   *\r\n   * Goes with `ariaLabel`, and the pairing is the point: `aria-busy` tells\r\n   * assistive tech that what it reads is incomplete. Without it, a landmark\r\n   * that is merely EMPTY is indistinguishable from one that failed.\r\n   */\r\n  ariaBusy?: boolean | undefined;\r\n}\r\n\r\nfunction AppMain({\r\n  children,\r\n  id = \"main-content\",\r\n  measure = \"wide\",\r\n  minHeight = \"100vh\",\r\n  className,\r\n  style,\r\n  ariaLabel,\r\n  ariaBusy,\r\n}: AppMainProps) {\r\n  const maxWidth = MAX_WIDTH_BY_MEASURE[measure];\r\n\r\n  return (\r\n    <main\r\n      id={id}\r\n      /* Focusable programmatically, NOT in the tab order — so the skip link can\r\n         land here (WCAG 2.4.1) without adding a stop for every other user. */\r\n      tabIndex={-1}\r\n      {...(ariaLabel !== undefined ? { \"aria-label\": ariaLabel } : {})}\r\n      {...(ariaBusy !== undefined ? { \"aria-busy\": ariaBusy } : {})}\r\n      {...(className !== undefined ? { className } : {})}\r\n      style={{\r\n        outline: \"none\",\r\n        minHeight,\r\n        ...(maxWidth !== undefined\r\n          ? /* `marginInline: auto` is not decoration: without it the cap pins\r\n               the content left and leaves the whole surplus as one gutter. */\r\n            { maxWidth, marginInline: \"auto\" }\r\n          : {}),\r\n        ...style,\r\n      }}\r\n    >\r\n      {children}\r\n    </main>\r\n  );\r\n}\r\n\r\nexport default AppMain;\r\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;;AAE9B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAGA,MAAMC,oBAA0E,GAC9E;EACE;EACAC,IAAI,EAAE,oBAAoB;EAC1B;EACAC,IAAI,EAAE,iBAAiB;EACvB;EACAC,IAAI,EAAEC;AACR,CAAC;AAqDH,SAASC,OAAOA,CAAC;EACfC,QAAQ;EACRC,EAAE,GAAG,cAAc;EACnBC,OAAO,GAAG,MAAM;EAChBC,SAAS,GAAG,OAAO;EACnBC,SAAS;EACTC,KAAK;EACLC,SAAS;EACTC;AACY,CAAC,EAAE;EACf,MAAMC,QAAQ,GAAGd,oBAAoB,CAACQ,OAAO,CAAC;EAE9C,oBACET,IAAA;IACEQ,EAAE,EAAEA;IACJ;AACN,4EADM;IAEAQ,QAAQ,EAAE,CAAC,CAAE;IAAA,IACRH,SAAS,KAAKR,SAAS,GAAG;MAAE,YAAY,EAAEQ;IAAU,CAAC,GAAG,CAAC,CAAC;IAAA,IAC1DC,QAAQ,KAAKT,SAAS,GAAG;MAAE,WAAW,EAAES;IAAS,CAAC,GAAG,CAAC,CAAC;IAAA,IACvDH,SAAS,KAAKN,SAAS,GAAG;MAAEM;IAAU,CAAC,GAAG,CAAC,CAAC;IACjDC,KAAK,EAAE;MACLK,OAAO,EAAE,MAAM;MACfP,SAAS;MACT,IAAIK,QAAQ,KAAKV,SAAS;MACtB;AACZ;MACY;QAAEU,QAAQ;QAAEG,YAAY,EAAE;MAAO,CAAC,GAClC,CAAC,CAAC,CAAC;MACP,GAAGN;IACL,CAAE;IAAAL,QAAA,EAEDA;EAAQ,CACL,CAAC;AAEX;AAEA,eAAeD,OAAO","ignoreList":[]}

package/dist/esm/v2/patterns/BulkActionBar.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 Box from "@mui/material/Box";
 import Button from "../components/Button";
@@ -47,30 +41,27 @@ import { mergeLabels } from "../utils/mergeLabels";
  *   surplus actions wrap to a second centred row instead of overflowing.
  */
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-var DEFAULT_LABELS = Object.freeze({
-  selection: function selection(n) {
-    return "".concat(n, " \xE9l\xE9ment").concat(n > 1 ? "s" : "", " s\xE9lectionn\xE9").concat(n > 1 ? "s" : "");
-  },
+const DEFAULT_LABELS = Object.freeze({
+  selection: n => `${n} élément${n > 1 ? "s" : ""} sélectionné${n > 1 ? "s" : ""}`,
   toolbarAria: "Actions sur la sélection",
   clear: "Désélectionner"
 });
-function BulkActionBar(_ref) {
-  var _ref$count = _ref.count,
-    count = _ref$count === void 0 ? 0 : _ref$count,
-    onClear = _ref.onClear,
-    _ref$actions = _ref.actions,
-    actions = _ref$actions === void 0 ? [] : _ref$actions,
-    label = _ref.label,
-    labels = _ref.labels;
+function BulkActionBar({
+  count = 0,
+  onClear,
+  actions = [],
+  label,
+  labels
+}) {
   if (count <= 0) return null;
-  var L = mergeLabels(DEFAULT_LABELS, labels);
+  const L = mergeLabels(DEFAULT_LABELS, labels);
   // Legacy `label` prop wins over labels.selection for back-compat.
-  var text = label != null ? label : L.selection(count);
+  const text = label != null ? label : L.selection(count);
 
   // R-AI.1 - currentColor-derived overlays so hover & divider auto-adapt
   // to the bar's fg-inverse value (was hard-coded white rgba).
-  var overlayHover = "color-mix(in srgb, currentColor 15%, transparent)";
-  var dividerOverlay = "color-mix(in srgb, currentColor 22%, transparent)";
+  const overlayHover = "color-mix(in srgb, currentColor 15%, transparent)";
+  const dividerOverlay = "color-mix(in srgb, currentColor 22%, transparent)";
   return /*#__PURE__*/_jsxs(Box, {
     role: "toolbar",
     "aria-label": L.toolbarAria,
@@ -114,22 +105,28 @@ function BulkActionBar(_ref) {
         height: 24,
         background: dividerOverlay
       }
-    }), actions.map(function (a, i) {
-      return /*#__PURE__*/_jsx(Button, {
-        size: "sm",
-        variant: a.variant || "ghost",
-        icon: a.icon,
-        onClick: a.onClick,
-        disabled: a.disabled,
-        sx: _objectSpread({}, a.variant !== "danger" ? {
+    }), actions.map((a, i) => /*#__PURE__*/_jsx(Button, {
+      size: "sm",
+      variant: a.variant || "ghost",
+      icon: a.icon,
+      onClick: a.onClick,
+      disabled: a.disabled,
+      sx: {
+        // Danger keeps its own palette; every other variant is forced
+        // to the inverse foreground with a currentColor hover overlay.
+        // (JS set color/"&:hover" to undefined on danger; under
+        // exactOptionalPropertyTypes that's present-with-undefined for
+        // the csstype color + selector value, so it's folded into one
+        // conditional spread — behaviour-identical.)
+        ...(a.variant !== "danger" ? {
           color: "var(--fg-inverse) !important",
           "&:hover": {
             background: overlayHover
           }
-        } : {}),
-        children: a.label
-      }, i);
-    }), onClear && /*#__PURE__*/_jsx(Button, {
+        } : {})
+      },
+      children: a.label
+    }, i)), onClear && /*#__PURE__*/_jsx(Button, {
       size: "sm",
       variant: "ghost",
       onClick: onClear,

package/dist/esm/v2/patterns/BulkActionBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"BulkActionBar.js","names":["React","Box","Button","mergeLabels","jsx","_jsx","jsxs","_jsxs","DEFAULT_LABELS","Object","freeze","selection","n","concat","toolbarAria","clear","BulkActionBar","_ref","_ref$count","count","onClear","_ref$actions","actions","label","labels","L","text","overlayHover","dividerOverlay","role","sx","position","bottom","left","transform","zIndex","display","alignItems","flexWrap","justifyContent","maxWidth","gap","padding","background","color","borderRadius","boxShadow","children","fontSize","fontWeight","fontVariantNumeric","width","height","map","a","i","size","variant","icon","onClick","disabled","_objectSpread"],"sources":["../../../../src/lib/v2/patterns/BulkActionBar.tsx"],"sourcesContent":["import * as React from \"react\";\r\nimport Box from \"@mui/material/Box\";\r\nimport Button from \"../components/Button\";\r\nimport type { ButtonProps } from \"../components/Button\";\r\nimport { mergeLabels } from \"../utils/mergeLabels\";\r\n\r\n/**\r\n * BulkActionBar - Portnet UI v2 (pattern)\r\n *\r\n * Charter R-DG.8 - sélection multiple → bulk bar sticky bottom-center.\r\n * Affiche le compteur d'éléments sélectionnés + boutons d'actions + désélection.\r\n *\r\n *   <BulkActionBar\r\n *     count={selected.size}\r\n *     onClear={() => setSelected(new Set())}\r\n *     actions={[\r\n *       { label: \"Exporter\",  icon: <DownloadIcon />, onClick: exportSel },\r\n *       { label: \"Archiver\",  icon: <ArchiveIcon />,  onClick: archiveSel },\r\n *       { label: \"Supprimer\", icon: <DeleteIcon />,   onClick: deleteSel, variant: \"danger\" },\r\n *     ]}\r\n *   />\r\n *\r\n * Localisation (FR / EN / AR):\r\n *   <BulkActionBar labels={{\r\n *     selection:   (n) => `${n} item${n === 1 ? \"\" : \"s\"} selected`,\r\n *     toolbarAria: \"Bulk actions\",\r\n *     clear:       \"Clear selection\",\r\n *   }} ... />\r\n *\r\n *   `selection` is a function so consumers can plug in proper plural\r\n *   rules (Intl.PluralRules, ICU MessageFormat, i18next, …).\r\n *\r\n * A11y note (R-A.1):\r\n *   The selection count is rendered inside a polite live region so that\r\n *   updates (\"3 éléments sélectionnés\" → \"5 éléments sélectionnés\") are\r\n *   announced to screen-reader users without stealing focus.\r\n *\r\n * Responsive note (R-RS / WCAG 1.4.10):\r\n *   The bar is centre-anchored (left:50% / translateX(-50%)). Without a\r\n *   width cap a long action set would push its ends off both screen\r\n *   edges on a phone. maxWidth caps it to the viewport and flexWrap lets\r\n *   surplus actions wrap to a second centred row instead of overflowing.\r\n */\r\n\r\nexport interface BulkAction {\r\n  label: React.ReactNode;\r\n  onClick?: (() => void) | undefined;\r\n  icon?: React.ReactElement | undefined;\r\n  variant?: ButtonProps[\"variant\"] | undefined;\r\n  disabled?: boolean | undefined;\r\n}\r\n\r\nexport interface BulkActionBarLabels {\r\n  selection?: ((n: number) => React.ReactNode) | undefined;\r\n  toolbarAria?: string | undefined;\r\n  clear?: React.ReactNode | undefined;\r\n}\r\n\r\nexport interface BulkActionBarProps {\r\n  count?: number | undefined;\r\n  onClear?: (() => void) | undefined;\r\n  actions?: BulkAction[] | undefined;\r\n  /** Legacy prop: a pre-formatted node override of the count text.\r\n   *  Wins over labels.selection when both are passed. */\r\n  label?: React.ReactNode | undefined;\r\n  labels?: BulkActionBarLabels | undefined;\r\n}\r\n\r\nconst DEFAULT_LABELS = Object.freeze({\r\n  selection:   (n: number) => `${n} élément${n > 1 ? \"s\" : \"\"} sélectionné${n > 1 ? \"s\" : \"\"}`,\r\n  toolbarAria: \"Actions sur la sélection\",\r\n  clear:       \"Désélectionner\",\r\n});\r\n\r\nfunction BulkActionBar({ count = 0, onClear, actions = [], label, labels }: BulkActionBarProps) {\r\n  if (count <= 0) return null;\r\n  const L = mergeLabels(DEFAULT_LABELS, labels);\r\n  // Legacy `label` prop wins over labels.selection for back-compat.\r\n  const text = label != null ? label : L.selection(count);\r\n\r\n  // R-AI.1 - currentColor-derived overlays so hover & divider auto-adapt\r\n  // to the bar's fg-inverse value (was hard-coded white rgba).\r\n  const overlayHover   = \"color-mix(in srgb, currentColor 15%, transparent)\";\r\n  const dividerOverlay = \"color-mix(in srgb, currentColor 22%, transparent)\";\r\n\r\n  return (\r\n    <Box\r\n      role=\"toolbar\"\r\n      aria-label={L.toolbarAria}\r\n      sx={{\r\n        position: \"fixed\",\r\n        bottom: \"var(--s-5)\",\r\n        left: \"50%\",\r\n        transform: \"translateX(-50%)\",\r\n        zIndex: \"var(--z-bulk)\",\r\n        display: \"flex\",\r\n        alignItems: \"center\",\r\n        // R-RS — centre-anchored bar must never exceed the viewport, and\r\n        // surplus actions wrap rather than spilling past the screen edges.\r\n        flexWrap: \"wrap\",\r\n        justifyContent: \"center\",\r\n        maxWidth: \"calc(100vw - var(--s-4) * 2)\",\r\n        gap: 1.5,\r\n        padding: \"var(--s-2) var(--s-2) var(--s-2) var(--s-4)\",\r\n        background: \"var(--fg)\",\r\n        color: \"var(--fg-inverse)\",\r\n        borderRadius: \"var(--r-full)\",\r\n        boxShadow: \"var(--shadow-lg)\",\r\n      }}\r\n    >\r\n      <Box\r\n        // R-A.1 - polite live region so SR users hear each count change\r\n        // without losing context. aria-atomic ensures the full sentence is\r\n        // re-read on update, not just the diff.\r\n        role=\"status\"\r\n        aria-live=\"polite\"\r\n        aria-atomic=\"true\"\r\n        sx={{\r\n          fontSize: \"var(--text-sm)\",\r\n          fontWeight: \"var(--fw-semibold)\",\r\n          fontVariantNumeric: \"tabular-nums\",\r\n        }}\r\n      >\r\n        {text}\r\n      </Box>\r\n      {/* Vertical divider — width:1 / height:24 are divider geometry,\r\n          not a spacing concern. */}\r\n      <Box sx={{ width: 1, height: 24, background: dividerOverlay }} />\r\n      {actions.map((a, i) => (\r\n        <Button\r\n          key={i}\r\n          size=\"sm\"\r\n          variant={a.variant || \"ghost\"}\r\n          icon={a.icon}\r\n          onClick={a.onClick}\r\n          disabled={a.disabled}\r\n          sx={{\r\n            // Danger keeps its own palette; every other variant is forced\r\n            // to the inverse foreground with a currentColor hover overlay.\r\n            // (JS set color/\"&:hover\" to undefined on danger; under\r\n            // exactOptionalPropertyTypes that's present-with-undefined for\r\n            // the csstype color + selector value, so it's folded into one\r\n            // conditional spread — behaviour-identical.)\r\n            ...(a.variant !== \"danger\"\r\n              ? {\r\n                  color: \"var(--fg-inverse) !important\",\r\n                  \"&:hover\": { background: overlayHover },\r\n                }\r\n              : {}),\r\n          }}\r\n        >\r\n          {a.label}\r\n        </Button>\r\n      ))}\r\n      {onClear && (\r\n        <Button\r\n          size=\"sm\"\r\n          variant=\"ghost\"\r\n          onClick={onClear}\r\n          sx={{\r\n            color: \"var(--fg-inverse) !important\",\r\n            \"&:hover\": { background: overlayHover },\r\n          }}\r\n        >\r\n          {L.clear}\r\n        </Button>\r\n      )}\r\n    </Box>\r\n  );\r\n}\r\n\r\nexport default BulkActionBar;\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"BulkActionBar.js","names":["React","Box","Button","mergeLabels","jsx","_jsx","jsxs","_jsxs","DEFAULT_LABELS","Object","freeze","selection","n","toolbarAria","clear","BulkActionBar","count","onClear","actions","label","labels","L","text","overlayHover","dividerOverlay","role","sx","position","bottom","left","transform","zIndex","display","alignItems","flexWrap","justifyContent","maxWidth","gap","padding","background","color","borderRadius","boxShadow","children","fontSize","fontWeight","fontVariantNumeric","width","height","map","a","i","size","variant","icon","onClick","disabled"],"sources":["../../../../src/lib/v2/patterns/BulkActionBar.tsx"],"sourcesContent":["import * as React from \"react\";\r\nimport Box from \"@mui/material/Box\";\r\nimport Button from \"../components/Button\";\r\nimport type { ButtonProps } from \"../components/Button\";\r\nimport { mergeLabels } from \"../utils/mergeLabels\";\r\n\r\n/**\r\n * BulkActionBar - Portnet UI v2 (pattern)\r\n *\r\n * Charter R-DG.8 - sélection multiple → bulk bar sticky bottom-center.\r\n * Affiche le compteur d'éléments sélectionnés + boutons d'actions + désélection.\r\n *\r\n *   <BulkActionBar\r\n *     count={selected.size}\r\n *     onClear={() => setSelected(new Set())}\r\n *     actions={[\r\n *       { label: \"Exporter\",  icon: <DownloadIcon />, onClick: exportSel },\r\n *       { label: \"Archiver\",  icon: <ArchiveIcon />,  onClick: archiveSel },\r\n *       { label: \"Supprimer\", icon: <DeleteIcon />,   onClick: deleteSel, variant: \"danger\" },\r\n *     ]}\r\n *   />\r\n *\r\n * Localisation (FR / EN / AR):\r\n *   <BulkActionBar labels={{\r\n *     selection:   (n) => `${n} item${n === 1 ? \"\" : \"s\"} selected`,\r\n *     toolbarAria: \"Bulk actions\",\r\n *     clear:       \"Clear selection\",\r\n *   }} ... />\r\n *\r\n *   `selection` is a function so consumers can plug in proper plural\r\n *   rules (Intl.PluralRules, ICU MessageFormat, i18next, …).\r\n *\r\n * A11y note (R-A.1):\r\n *   The selection count is rendered inside a polite live region so that\r\n *   updates (\"3 éléments sélectionnés\" → \"5 éléments sélectionnés\") are\r\n *   announced to screen-reader users without stealing focus.\r\n *\r\n * Responsive note (R-RS / WCAG 1.4.10):\r\n *   The bar is centre-anchored (left:50% / translateX(-50%)). Without a\r\n *   width cap a long action set would push its ends off both screen\r\n *   edges on a phone. maxWidth caps it to the viewport and flexWrap lets\r\n *   surplus actions wrap to a second centred row instead of overflowing.\r\n */\r\n\r\nexport interface BulkAction {\r\n  label: React.ReactNode;\r\n  onClick?: (() => void) | undefined;\r\n  icon?: React.ReactElement | undefined;\r\n  variant?: ButtonProps[\"variant\"] | undefined;\r\n  disabled?: boolean | undefined;\r\n}\r\n\r\nexport interface BulkActionBarLabels {\r\n  selection?: ((n: number) => React.ReactNode) | undefined;\r\n  toolbarAria?: string | undefined;\r\n  clear?: React.ReactNode | undefined;\r\n}\r\n\r\nexport interface BulkActionBarProps {\r\n  count?: number | undefined;\r\n  onClear?: (() => void) | undefined;\r\n  actions?: BulkAction[] | undefined;\r\n  /** Legacy prop: a pre-formatted node override of the count text.\r\n   *  Wins over labels.selection when both are passed. */\r\n  label?: React.ReactNode | undefined;\r\n  labels?: BulkActionBarLabels | undefined;\r\n}\r\n\r\nconst DEFAULT_LABELS = Object.freeze({\r\n  selection:   (n: number) => `${n} élément${n > 1 ? \"s\" : \"\"} sélectionné${n > 1 ? \"s\" : \"\"}`,\r\n  toolbarAria: \"Actions sur la sélection\",\r\n  clear:       \"Désélectionner\",\r\n});\r\n\r\nfunction BulkActionBar({ count = 0, onClear, actions = [], label, labels }: BulkActionBarProps) {\r\n  if (count <= 0) return null;\r\n  const L = mergeLabels(DEFAULT_LABELS, labels);\r\n  // Legacy `label` prop wins over labels.selection for back-compat.\r\n  const text = label != null ? label : L.selection(count);\r\n\r\n  // R-AI.1 - currentColor-derived overlays so hover & divider auto-adapt\r\n  // to the bar's fg-inverse value (was hard-coded white rgba).\r\n  const overlayHover   = \"color-mix(in srgb, currentColor 15%, transparent)\";\r\n  const dividerOverlay = \"color-mix(in srgb, currentColor 22%, transparent)\";\r\n\r\n  return (\r\n    <Box\r\n      role=\"toolbar\"\r\n      aria-label={L.toolbarAria}\r\n      sx={{\r\n        position: \"fixed\",\r\n        bottom: \"var(--s-5)\",\r\n        left: \"50%\",\r\n        transform: \"translateX(-50%)\",\r\n        zIndex: \"var(--z-bulk)\",\r\n        display: \"flex\",\r\n        alignItems: \"center\",\r\n        // R-RS — centre-anchored bar must never exceed the viewport, and\r\n        // surplus actions wrap rather than spilling past the screen edges.\r\n        flexWrap: \"wrap\",\r\n        justifyContent: \"center\",\r\n        maxWidth: \"calc(100vw - var(--s-4) * 2)\",\r\n        gap: 1.5,\r\n        padding: \"var(--s-2) var(--s-2) var(--s-2) var(--s-4)\",\r\n        background: \"var(--fg)\",\r\n        color: \"var(--fg-inverse)\",\r\n        borderRadius: \"var(--r-full)\",\r\n        boxShadow: \"var(--shadow-lg)\",\r\n      }}\r\n    >\r\n      <Box\r\n        // R-A.1 - polite live region so SR users hear each count change\r\n        // without losing context. aria-atomic ensures the full sentence is\r\n        // re-read on update, not just the diff.\r\n        role=\"status\"\r\n        aria-live=\"polite\"\r\n        aria-atomic=\"true\"\r\n        sx={{\r\n          fontSize: \"var(--text-sm)\",\r\n          fontWeight: \"var(--fw-semibold)\",\r\n          fontVariantNumeric: \"tabular-nums\",\r\n        }}\r\n      >\r\n        {text}\r\n      </Box>\r\n      {/* Vertical divider — width:1 / height:24 are divider geometry,\r\n          not a spacing concern. */}\r\n      <Box sx={{ width: 1, height: 24, background: dividerOverlay }} />\r\n      {actions.map((a, i) => (\r\n        <Button\r\n          key={i}\r\n          size=\"sm\"\r\n          variant={a.variant || \"ghost\"}\r\n          icon={a.icon}\r\n          onClick={a.onClick}\r\n          disabled={a.disabled}\r\n          sx={{\r\n            // Danger keeps its own palette; every other variant is forced\r\n            // to the inverse foreground with a currentColor hover overlay.\r\n            // (JS set color/\"&:hover\" to undefined on danger; under\r\n            // exactOptionalPropertyTypes that's present-with-undefined for\r\n            // the csstype color + selector value, so it's folded into one\r\n            // conditional spread — behaviour-identical.)\r\n            ...(a.variant !== \"danger\"\r\n              ? {\r\n                  color: \"var(--fg-inverse) !important\",\r\n                  \"&:hover\": { background: overlayHover },\r\n                }\r\n              : {}),\r\n          }}\r\n        >\r\n          {a.label}\r\n        </Button>\r\n      ))}\r\n      {onClear && (\r\n        <Button\r\n          size=\"sm\"\r\n          variant=\"ghost\"\r\n          onClick={onClear}\r\n          sx={{\r\n            color: \"var(--fg-inverse) !important\",\r\n            \"&:hover\": { background: overlayHover },\r\n          }}\r\n        >\r\n          {L.clear}\r\n        </Button>\r\n      )}\r\n    </Box>\r\n  );\r\n}\r\n\r\nexport default BulkActionBar;\r\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,OAAOC,GAAG,MAAM,mBAAmB;AACnC,OAAOC,MAAM,MAAM,sBAAsB;AAEzC,SAASC,WAAW,QAAQ,sBAAsB;;AAElD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AApCA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AA8DA,MAAMC,cAAc,GAAGC,MAAM,CAACC,MAAM,CAAC;EACnCC,SAAS,EAAKC,CAAS,IAAK,GAAGA,CAAC,WAAWA,CAAC,GAAG,CAAC,GAAG,GAAG,GAAG,EAAE,eAAeA,CAAC,GAAG,CAAC,GAAG,GAAG,GAAG,EAAE,EAAE;EAC5FC,WAAW,EAAE,0BAA0B;EACvCC,KAAK,EAAQ;AACf,CAAC,CAAC;AAEF,SAASC,aAAaA,CAAC;EAAEC,KAAK,GAAG,CAAC;EAAEC,OAAO;EAAEC,OAAO,GAAG,EAAE;EAAEC,KAAK;EAAEC;AAA2B,CAAC,EAAE;EAC9F,IAAIJ,KAAK,IAAI,CAAC,EAAE,OAAO,IAAI;EAC3B,MAAMK,CAAC,GAAGlB,WAAW,CAACK,cAAc,EAAEY,MAAM,CAAC;EAC7C;EACA,MAAME,IAAI,GAAGH,KAAK,IAAI,IAAI,GAAGA,KAAK,GAAGE,CAAC,CAACV,SAAS,CAACK,KAAK,CAAC;;EAEvD;EACA;EACA,MAAMO,YAAY,GAAK,mDAAmD;EAC1E,MAAMC,cAAc,GAAG,mDAAmD;EAE1E,oBACEjB,KAAA,CAACN,GAAG;IACFwB,IAAI,EAAC,SAAS;IACd,cAAYJ,CAAC,CAACR,WAAY;IAC1Ba,EAAE,EAAE;MACFC,QAAQ,EAAE,OAAO;MACjBC,MAAM,EAAE,YAAY;MACpBC,IAAI,EAAE,KAAK;MACXC,SAAS,EAAE,kBAAkB;MAC7BC,MAAM,EAAE,eAAe;MACvBC,OAAO,EAAE,MAAM;MACfC,UAAU,EAAE,QAAQ;MACpB;MACA;MACAC,QAAQ,EAAE,MAAM;MAChBC,cAAc,EAAE,QAAQ;MACxBC,QAAQ,EAAE,8BAA8B;MACxCC,GAAG,EAAE,GAAG;MACRC,OAAO,EAAE,6CAA6C;MACtDC,UAAU,EAAE,WAAW;MACvBC,KAAK,EAAE,mBAAmB;MAC1BC,YAAY,EAAE,eAAe;MAC7BC,SAAS,EAAE;IACb,CAAE;IAAAC,QAAA,gBAEFtC,IAAA,CAACJ;IACC;IACA;IACA;IAAA;MACAwB,IAAI,EAAC,QAAQ;MACb,aAAU,QAAQ;MAClB,eAAY,MAAM;MAClBC,EAAE,EAAE;QACFkB,QAAQ,EAAE,gBAAgB;QAC1BC,UAAU,EAAE,oBAAoB;QAChCC,kBAAkB,EAAE;MACtB,CAAE;MAAAH,QAAA,EAEDrB;IAAI,CACF,CAAC,eAGNjB,IAAA,CAACJ,GAAG;MAACyB,EAAE,EAAE;QAAEqB,KAAK,EAAE,CAAC;QAAEC,MAAM,EAAE,EAAE;QAAET,UAAU,EAAEf;MAAe;IAAE,CAAE,CAAC,EAChEN,OAAO,CAAC+B,GAAG,CAAC,CAACC,CAAC,EAAEC,CAAC,kBAChB9C,IAAA,CAACH,MAAM;MAELkD,IAAI,EAAC,IAAI;MACTC,OAAO,EAAEH,CAAC,CAACG,OAAO,IAAI,OAAQ;MAC9BC,IAAI,EAAEJ,CAAC,CAACI,IAAK;MACbC,OAAO,EAAEL,CAAC,CAACK,OAAQ;MACnBC,QAAQ,EAAEN,CAAC,CAACM,QAAS;MACrB9B,EAAE,EAAE;QACF;QACA;QACA;QACA;QACA;QACA;QACA,IAAIwB,CAAC,CAACG,OAAO,KAAK,QAAQ,GACtB;UACEb,KAAK,EAAE,8BAA8B;UACrC,SAAS,EAAE;YAAED,UAAU,EAAEhB;UAAa;QACxC,CAAC,GACD,CAAC,CAAC;MACR,CAAE;MAAAoB,QAAA,EAEDO,CAAC,CAAC/B;IAAK,GArBHgC,CAsBC,CACT,CAAC,EACDlC,OAAO,iBACNZ,IAAA,CAACH,MAAM;MACLkD,IAAI,EAAC,IAAI;MACTC,OAAO,EAAC,OAAO;MACfE,OAAO,EAAEtC,OAAQ;MACjBS,EAAE,EAAE;QACFc,KAAK,EAAE,8BAA8B;QACrC,SAAS,EAAE;UAAED,UAAU,EAAEhB;QAAa;MACxC,CAAE;MAAAoB,QAAA,EAEDtB,CAAC,CAACP;IAAK,CACF,CACT;EAAA,CACE,CAAC;AAEV;AAEA,eAAeC,aAAa","ignoreList":[]}

package/dist/esm/v2/patterns/ChartFigure.js

@@ -0,0 +1,151 @@
+import * as React from "react";
+import SectionErrorBoundary from "../components/SectionErrorBoundary";
+import SectionHeader from "../components/SectionHeader";
+import Surface from "../components/Surface";
+
+/**
+ * ChartFigure — a chart, its title, and its TEXT EQUIVALENT (pattern)
+ *
+ * Usage:
+ *
+ *   <ChartFigure
+ *     title="Dossiers par type de demande"
+ *     caption="Admission : 128 dossiers (64 %). Renouvellement : 72 (36 %)."
+ *   >
+ *     <HighchartsReact highcharts={Highcharts} options={options} />
+ *   </ChartFigure>
+ *
+ * ─────────────────────────────────────────────────────────────────────────────
+ * WHY THIS BELONGS IN THE LIBRARY (capability gap G-55)
+ *
+ * `tokens/chart` states the obligation and provides nothing to meet it, in its
+ * own words: "COLOUR IS NEVER THE ONLY CHANNEL (WCAG 1.4.1). This palette makes
+ * slices distinguishable; it does not make a chart accessible. Every consumer
+ * still owes a legend with text labels, and a text equivalent of the data —
+ * 1.1.1 for the chart as a whole."
+ *
+ * A rule stated without a component to carry it gets met by whoever remembers
+ * it. So the same three-part assembly was written per screen — a `Surface`, a
+ * `SectionHeader`, and a paragraph of numbers under the canvas — and it is the
+ * third part that goes missing first, because it is the only one nobody SEES
+ * missing. A chart with no text equivalent looks finished.
+ *
+ * `caption` is therefore REQUIRED, not optional. That is the whole design
+ * decision of this component: a chart rendered through here cannot ship without
+ * its numbers in text. Making it optional would reproduce, one layer up, the
+ * situation this closes.
+ *
+ * Observed in `autorisation-admis-pour-conforme-fe` (Area 5): three bilan
+ * screens repeating Surface + SectionHeader + an `aria-hidden` canvas + a
+ * caption paragraph, with the caption's own styling (`--text-xs`,
+ * `--fg-subtle`) copied along with it.
+ *
+ * `Surface`'s docblock already points here: "Surface deliberately has NO title,
+ * NO actions and NO header. A titled section is FormSection; a metric tile is
+ * KPICard […]. Those compose this."
+ * ─────────────────────────────────────────────────────────────────────────────
+ *
+ * WHY THE CANVAS IS `aria-hidden`. A chart renderer emits dozens of SVG text
+ * nodes — axis ticks, slice percentages, tooltips — which a screen reader walks
+ * one by one, in visual order, with no structure. That is noise, not
+ * information, and it is WORSE than silence because it takes minutes to get
+ * through. The canvas is hidden and the `figcaption` speaks for it.
+ *
+ * COROLLARY, and it is a hard constraint: do NOT put interactive controls
+ * inside. `aria-hidden` on a focusable ancestor produces an element that can be
+ * tabbed to and cannot be announced, which fails WCAG 4.1.2 more plainly than
+ * the noise it was meant to avoid. A period selector or an export button goes
+ * OUTSIDE this component. (A renderer's own accessibility module, which builds
+ * a proper keyboard-navigable data table, is a different story — a consumer
+ * enabling one should pass `hideCanvasFromScreenReaders={false}` and own the
+ * result.)
+ *
+ * The caption is VISIBLE, deliberately, and not a visually-hidden string: the
+ * numbers under a chart help the reader who can see it too — that is the whole
+ * point of a `figcaption` — and a caption nobody can see is a caption nobody
+ * notices has gone stale.
+ *
+ * ── THE CANVAS IS FAULT-ISOLATED (ISO/IEC 25010 § Reliability) ────
+ *
+ * The chart slot is wrapped in `SectionErrorBoundary`. Hosting a THIRD-PARTY
+ * renderer is what this component is for, and that renderer is fed aggregates
+ * from a back-end whose wire models declare every field optional — the exact
+ * situation `SectionErrorBoundary`'s own header describes: "an `articles` field
+ * arriving as an object where `.map` is called". React's default behaviour on a
+ * render exception is to unmount the WHOLE tree, so one malformed series took
+ * down the entire page, KPI strip and data table included — the table that
+ * carries the same numbers the chart was drawing.
+ *
+ * With the boundary, a failing chart shows a banner INSIDE its own card, and
+ * everything around it keeps working. The `figcaption` survives too, which
+ * matters more here than anywhere else: the caption holds the figures in text,
+ * so the reader still gets the DATA when the drawing is gone.
+ *
+ * The boundary sits ABOVE the `aria-hidden` canvas wrapper, not inside it —
+ * placed inside, its error banner would inherit that `aria-hidden` and no
+ * screen reader would announce the failure. A sighted user would see the
+ * breakage; a blind user would get silence.
+ *
+ * Not opt-out. A host rendering a hand-written inline SVG gains nothing from
+ * the boundary but loses nothing either — an unconditional guarantee is worth
+ * more than a prop nobody remembers to pass.
+ */
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+function ChartFigure({
+  title,
+  caption,
+  children,
+  level = "h3",
+  minHeight,
+  hideCanvasFromScreenReaders = true,
+  className
+}) {
+  return (
+    /*#__PURE__*/
+    /* `figure` + `figcaption` is the native pairing for "content plus its
+       description", so the association needs no ARIA. Rendered THROUGH
+       `Surface` via its `component` prop rather than nested inside it — one
+       element instead of two, and the card padding lands on the figure itself.
+       `margin: 0` because the UA stylesheet gives a figure large margins. */
+    _jsxs(Surface, {
+      component: "figure",
+      padding: "default",
+      elevation: "xs",
+      sx: {
+        margin: 0,
+        display: "flex",
+        flexDirection: "column",
+        gap: "var(--s-3)"
+      },
+      ...(className !== undefined ? {
+        className
+      } : {}),
+      children: [/*#__PURE__*/_jsx(SectionHeader, {
+        level: level,
+        title: title
+      }), /*#__PURE__*/_jsx(SectionErrorBoundary, {
+        ...(typeof title === "string" ? {
+          title
+        } : {}),
+        children: /*#__PURE__*/_jsx("div", {
+          ...(hideCanvasFromScreenReaders ? {
+            "aria-hidden": true
+          } : {}),
+          style: minHeight !== undefined ? {
+            minHeight
+          } : {},
+          children: children
+        })
+      }), /*#__PURE__*/_jsx("figcaption", {
+        style: {
+          fontSize: "var(--text-xs)",
+          lineHeight: "var(--lh-normal)",
+          color: "var(--fg-subtle)"
+        },
+        children: caption
+      })]
+    })
+  );
+}
+export default ChartFigure;
+//# sourceMappingURL=ChartFigure.js.map