@portnet/ui 6.0.0 → 6.0.2

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

@@ -0,0 +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":[]}

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

@@ -0,0 +1,78 @@
+/**
+ * NetworkErrorPage — Portnet UI v2 (component)
+ *
+ * Charter §07 · Connexion perdue.
+ *
+ * Same contract as ServerErrorPage: router-agnostic with required
+ * onBack + onHome and an optional onRetry. The code heading reads
+ * "—" since there is no HTTP status to surface.
+ *
+ *   import { NetworkErrorPage } from "@portnet/ui/lib/v2";
+ *   import { useNavigate } from "react-router-dom";
+ *
+ *   function NetworkErrorRoute() {
+ *     const navigate = useNavigate();
+ *     return (
+ *       <NetworkErrorPage
+ *         onBack={() => navigate(-1)}
+ *         onHome={() => navigate("/")}
+ *         onRetry={() => window.location.reload()}
+ *       />
+ *     );
+ *   }
+ *
+ * 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
+ * forbids forced navigation to a full error page on transient
+ * network failure, since it destroys the user's current context.
+ * This page is for the explicit /network-error route only.
+ */
+import Box from "@mui/material/Box";
+import ArrowBack from "@mui/icons-material/ArrowBack";
+import WifiOff from "@mui/icons-material/WifiOff";
+import ActionBar from "../patterns/ActionBar";
+import Button from "./Button";
+import ErrorPageBody from "./_ErrorPageBody";
+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;
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(ActionBar, {
+      back: onBack,
+      breadcrumb: ["Erreur", "Connexion perdue"],
+      title: "Connexion perdue"
+    }), /*#__PURE__*/_jsx(ErrorPageBody, {
+      icon: /*#__PURE__*/_jsx(WifiOff, {
+        sx: {
+          fontSize: 64,
+          color: "var(--warning)"
+        }
+      }),
+      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."
+    }), /*#__PURE__*/_jsxs(Box, {
+      sx: {
+        display: "flex",
+        justifyContent: "center",
+        gap: "var(--s-3)",
+        paddingBottom: "var(--s-7)"
+      },
+      children: [onRetry ? /*#__PURE__*/_jsx(Button, {
+        variant: "ghost",
+        onClick: onRetry,
+        children: "R\xE9essayer"
+      }) : null, /*#__PURE__*/_jsx(Button, {
+        variant: "primary",
+        icon: /*#__PURE__*/_jsx(ArrowBack, {}),
+        onClick: onHome,
+        children: "Retour \xE0 l'accueil"
+      })]
+    })]
+  });
+}
+export default NetworkErrorPage;
+//# sourceMappingURL=NetworkErrorPage.js.map

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

@@ -0,0 +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":[]}

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

@@ -0,0 +1,58 @@
+/**
+ * NotFoundPage — Portnet UI v2 (component)
+ *
+ * Charter §07 · 404 / Page introuvable.
+ *
+ * Router-agnostic. See ForbiddenPage.js for the full contract and
+ * design rationale (onBack + onHome callback props).
+ *
+ *   import { NotFoundPage } from "@portnet/ui/lib/v2";
+ *   import { useNavigate } from "react-router-dom";
+ *
+ *   function NotFoundRoute() {
+ *     const navigate = useNavigate();
+ *     return <NotFoundPage onBack={() => navigate(-1)} onHome={() => navigate("/")} />;
+ *   }
+ */
+import Box from "@mui/material/Box";
+import ArrowBack from "@mui/icons-material/ArrowBack";
+import SearchOff from "@mui/icons-material/SearchOff";
+import ActionBar from "../patterns/ActionBar";
+import Button from "./Button";
+import ErrorPageBody from "./_ErrorPageBody";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+function NotFoundPage(_ref) {
+  var onBack = _ref.onBack,
+    onHome = _ref.onHome;
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(ActionBar, {
+      back: onBack,
+      breadcrumb: ["Erreur", "Page introuvable"],
+      title: "Page introuvable"
+    }), /*#__PURE__*/_jsx(ErrorPageBody, {
+      icon: /*#__PURE__*/_jsx(SearchOff, {
+        sx: {
+          fontSize: 64,
+          color: "var(--info)"
+        }
+      }),
+      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."
+    }), /*#__PURE__*/_jsx(Box, {
+      sx: {
+        display: "flex",
+        justifyContent: "center",
+        paddingBottom: "var(--s-7)"
+      },
+      children: /*#__PURE__*/_jsx(Button, {
+        variant: "primary",
+        icon: /*#__PURE__*/_jsx(ArrowBack, {}),
+        onClick: onHome,
+        children: "Retour \xE0 l'accueil"
+      })
+    })]
+  });
+}
+export default NotFoundPage;
+//# sourceMappingURL=NotFoundPage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NotFoundPage.js","names":["Box","ArrowBack","SearchOff","ActionBar","Button","ErrorPageBody","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","NotFoundPage","_ref","onBack","onHome","children","back","breadcrumb","title","icon","sx","fontSize","color","code","description","display","justifyContent","paddingBottom","variant","onClick"],"sources":["../../../../src/lib/v2/components/NotFoundPage.tsx"],"sourcesContent":["/**\r\n * NotFoundPage — Portnet UI v2 (component)\r\n *\r\n * Charter §07 · 404 / Page introuvable.\r\n *\r\n * Router-agnostic. See ForbiddenPage.js for the full contract and\r\n * design rationale (onBack + onHome callback props).\r\n *\r\n *   import { NotFoundPage } from \"@portnet/ui/lib/v2\";\r\n *   import { useNavigate } from \"react-router-dom\";\r\n *\r\n *   function NotFoundRoute() {\r\n *     const navigate = useNavigate();\r\n *     return <NotFoundPage onBack={() => navigate(-1)} onHome={() => navigate(\"/\")} />;\r\n *   }\r\n */\r\nimport Box from \"@mui/material/Box\";\r\nimport ArrowBack from \"@mui/icons-material/ArrowBack\";\r\nimport SearchOff from \"@mui/icons-material/SearchOff\";\r\nimport ActionBar from \"../patterns/ActionBar\";\r\nimport Button from \"./Button\";\r\nimport ErrorPageBody from \"./_ErrorPageBody\";\r\n\r\nexport interface NotFoundPageProps {\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}\r\n\r\nfunction NotFoundPage({ onBack, onHome }: NotFoundPageProps) {\r\n  return (\r\n    <>\r\n      <ActionBar\r\n        back={onBack}\r\n        breadcrumb={[\"Erreur\", \"Page introuvable\"]}\r\n        title=\"Page introuvable\"\r\n      />\r\n      <ErrorPageBody\r\n        icon={<SearchOff sx={{ fontSize: 64, color: \"var(--info)\" }} />}\r\n        code=\"404\"\r\n        title=\"La page demandée n'existe pas\"\r\n        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.\"\r\n      />\r\n      <Box sx={{ display: \"flex\", justifyContent: \"center\", paddingBottom: \"var(--s-7)\" }}>\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 NotFoundPage;\r\n"],"mappings":"AAAA;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,SAAS,MAAM,+BAA+B;AACrD,OAAOC,SAAS,MAAM,uBAAuB;AAC7C,OAAOC,MAAM,MAAM,UAAU;AAC7B,OAAOC,aAAa,MAAM,kBAAkB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,QAAA,IAAAC,SAAA,EAAAC,IAAA,IAAAC,KAAA;AAS7C,SAASC,YAAYA,CAAAC,IAAA,EAAwC;EAAA,IAArCC,MAAM,GAAAD,IAAA,CAANC,MAAM;IAAEC,MAAM,GAAAF,IAAA,CAANE,MAAM;EACpC,oBACEJ,KAAA,CAAAF,SAAA;IAAAO,QAAA,gBACET,IAAA,CAACJ,SAAS;MACRc,IAAI,EAAEH,MAAO;MACbI,UAAU,EAAE,CAAC,QAAQ,EAAE,kBAAkB,CAAE;MAC3CC,KAAK,EAAC;IAAkB,CACzB,CAAC,eACFZ,IAAA,CAACF,aAAa;MACZe,IAAI,eAAEb,IAAA,CAACL,SAAS;QAACmB,EAAE,EAAE;UAAEC,QAAQ,EAAE,EAAE;UAAEC,KAAK,EAAE;QAAc;MAAE,CAAE,CAAE;MAChEC,IAAI,EAAC,KAAK;MACVL,KAAK,EAAC,kCAA+B;MACrCM,WAAW,EAAC;IAAgJ,CAC7J,CAAC,eACFlB,IAAA,CAACP,GAAG;MAACqB,EAAE,EAAE;QAAEK,OAAO,EAAE,MAAM;QAAEC,cAAc,EAAE,QAAQ;QAAEC,aAAa,EAAE;MAAa,CAAE;MAAAZ,QAAA,eAClFT,IAAA,CAACH,MAAM;QAACyB,OAAO,EAAC,SAAS;QAACT,IAAI,eAAEb,IAAA,CAACN,SAAS,IAAE,CAAE;QAAC6B,OAAO,EAAEf,MAAO;QAAAC,QAAA,EAAC;MAEhE,CAAQ;IAAC,CACN,CAAC;EAAA,CACN,CAAC;AAEP;AAEA,eAAeJ,YAAY","ignoreList":[]}

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

@@ -0,0 +1,309 @@
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+var _excluded = ["value", "onChange", "onBlur", "min", "max", "step", "decimals", "placeholder", "disabled", "error", "readOnly", "fullWidth", "showSpinner", "prefix", "suffix", "inputProps", "onValidate", "locale", "labels", "sx"];
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) { ; } } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+import * as React from "react";
+import OutlinedInput from "@mui/material/OutlinedInput";
+import InputAdornment from "@mui/material/InputAdornment";
+import IconButton from "@mui/material/IconButton";
+import AddIcon from "@mui/icons-material/Add";
+import RemoveIcon from "@mui/icons-material/Remove";
+import { mergeLabels } from "../utils/mergeLabels";
+
+/**
+ * NumberInput — Portnet UI v2
+ *
+ * Charter §03 · Component "NumberInput". Locale-aware numeric input.
+ *
+ *   <Field label="Montant">
+ *     <NumberInput
+ *       value={amount} onChange={setAmount}
+ *       min={0} max={1000000} decimals={2} suffix="MAD"
+ *     />
+ *   </Field>
+ *
+ * Locale (multi-locale platform — FR / EN / AR)
+ *   <NumberInput
+ *     locale="en-US"
+ *     labels={{ decrement: "Decrease", increment: "Increase" }}
+ *     value={amount} onChange={setAmount}
+ *   />
+ *
+ *   - `locale` controls DISPLAY formatting only. Parsing is
+ *     permissive: `,` and `.` both accepted as decimal separator,
+ *     all whitespace stripped — pasting from any locale just works.
+ *   - `labels` overrides the FR defaults on the spinner buttons.
+ *
+ * Value contract:
+ *   onChange(null)         on empty input
+ *   onChange(123.45)       on valid number
+ *   Display formatting (separators, decimals) is purely visual,
+ *   reapplied on blur.
+ *
+ * A11y (aria-valuetext):
+ *   aria-valuenow holds the raw number; aria-valuetext holds the
+ *   localised, suffix-bearing string ("1 234,56 MAD") so SR users
+ *   hear the same thing sighted users see.
+ *
+ *   MUI v9 surface notes (audit Batch 3):
+ *     The spinbutton aria contract (role + aria-value*) is injected
+ *     via slotProps.input — MUI v9 idiomatic location for native
+ *     <input/> attributes on OutlinedInput. Migrated from the
+ *     deprecated `inputProps={...}` form to match the rest of the
+ *     v2 surface (Switch, Combobox, DataGrid family).
+ *     Consumer-passed `inputProps` remains merged in via spread —
+ *     same order as the pre-migration code, so override semantics
+ *     are preserved bit-for-bit.
+ *
+ * Tactile contract — known R-Tg.1 deviation (charter exception):
+ *   The stepper buttons (showSpinner) are sized to 24 × 24 — the
+ *   WCAG 2.5.8 AA floor — NOT the 44 × 44 R-Tg.1 AAA floor. The
+ *   stepper is opt-in convenience UI on top of the keyboard
+ *   ArrowUp / ArrowDown handler that the input itself provides;
+ *   users requiring larger targets can type or use keyboard nav.
+ *   Documented exception, see Batch 14 charter-exceptions log.
+ */
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+var FR_DECIMAL_SEP = ",";
+var FR_THOUSAND_SEP = " ";
+
+// Stepper button hit area — WCAG 2.5.8 AA (24 × 24). See JSDoc above
+// for the rationale for not pursuing 44 × 44 / R-Tg.1 here.
+var STEPPER_HIT_AREA = 24;
+var DEFAULT_LABELS = Object.freeze({
+  decrement: "Diminuer",
+  increment: "Augmenter"
+});
+function formatForDisplay(num, decimals) {
+  var locale = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : "fr-FR";
+  if (num == null || Number.isNaN(num)) return "";
+  var opts = decimals != null ? {
+    minimumFractionDigits: decimals,
+    maximumFractionDigits: decimals
+  } : {
+    maximumFractionDigits: 6
+  };
+  try {
+    return new Intl.NumberFormat(locale, opts).format(num);
+  } catch (_unused) {
+    // Invalid BCP-47 tag — fall back to fr-FR rather than throwing.
+    return new Intl.NumberFormat("fr-FR", opts).format(num);
+  }
+}
+function parseFromUser(str) {
+  if (str == null || str === "") return null;
+  // Accept BOTH `,` and `.` as decimal separator; strip every whitespace
+  // (regular space, NBSP, narrow NBSP). Locale-agnostic by design.
+  var cleaned = String(str).replace(/[\u00A0\u202F]/g, " ").replace(/\s+/g, "").replace(",", ".");
+  if (cleaned === "" || cleaned === "-" || cleaned === ".") return null;
+  var n = Number(cleaned);
+  return Number.isFinite(n) ? n : null;
+}
+var NumberInput = /*#__PURE__*/React.forwardRef(function NumberInput(_ref, ref) {
+  var value = _ref.value,
+    onChange = _ref.onChange,
+    onBlur = _ref.onBlur,
+    min = _ref.min,
+    max = _ref.max,
+    _ref$step = _ref.step,
+    step = _ref$step === void 0 ? 1 : _ref$step,
+    decimals = _ref.decimals,
+    placeholder = _ref.placeholder,
+    disabled = _ref.disabled,
+    error = _ref.error,
+    readOnly = _ref.readOnly,
+    _ref$fullWidth = _ref.fullWidth,
+    fullWidth = _ref$fullWidth === void 0 ? true : _ref$fullWidth,
+    _ref$showSpinner = _ref.showSpinner,
+    showSpinner = _ref$showSpinner === void 0 ? false : _ref$showSpinner,
+    prefix = _ref.prefix,
+    suffix = _ref.suffix,
+    inputProps = _ref.inputProps,
+    onValidate = _ref.onValidate,
+    _ref$locale = _ref.locale,
+    locale = _ref$locale === void 0 ? "fr-FR" : _ref$locale,
+    labels = _ref.labels,
+    sx = _ref.sx,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  var mergedLabels = mergeLabels(DEFAULT_LABELS, labels);
+  var _React$useState = React.useState(function () {
+      return formatForDisplay(value, decimals, locale);
+    }),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    display = _React$useState2[0],
+    setDisplay = _React$useState2[1];
+  var _React$useState3 = React.useState(false),
+    _React$useState4 = _slicedToArray(_React$useState3, 2),
+    focused = _React$useState4[0],
+    setFocused = _React$useState4[1];
+  React.useEffect(function () {
+    if (!focused) setDisplay(formatForDisplay(value, decimals, locale));
+  }, [value, decimals, locale, focused]);
+  var allowMinus = min == null || min < 0;
+  var onUserChange = function onUserChange(e) {
+    var raw = e.target.value;
+    var re = allowMinus ? /^-?[0-9]*[.,]?[0-9]*$/ : /^[0-9]*[.,]?[0-9]*$/;
+    if (raw !== "" && !re.test(raw)) return;
+    setDisplay(raw);
+    var parsed = parseFromUser(raw);
+    onChange === null || onChange === void 0 ? void 0 : onChange(parsed);
+  };
+  var clamp = function clamp(n) {
+    if (n == null) return n;
+    var out = n;
+    if (typeof min === "number" && out < min) out = min;
+    if (typeof max === "number" && out > max) out = max;
+    return out;
+  };
+  var handleBlur = function handleBlur(e) {
+    setFocused(false);
+    var parsed = parseFromUser(display);
+    var clamped = clamp(parsed);
+    if (clamped !== parsed) {
+      onChange === null || onChange === void 0 ? void 0 : onChange(clamped);
+      setDisplay(formatForDisplay(clamped, decimals, locale));
+    } else {
+      setDisplay(formatForDisplay(parsed, decimals, locale));
+    }
+    if (onValidate) {
+      var violation = parsed == null ? null : typeof min === "number" && parsed < min ? "min" : typeof max === "number" && parsed > max ? "max" : null;
+      onValidate({
+        value: parsed,
+        clamped: clamped,
+        violation: violation
+      });
+    }
+    onBlur === null || onBlur === void 0 ? void 0 : onBlur(e);
+  };
+  var handleFocus = function handleFocus() {
+    return setFocused(true);
+  };
+  var bumpBy = function bumpBy(delta) {
+    var next = clamp((value !== null && value !== void 0 ? value : 0) + delta);
+    onChange === null || onChange === void 0 ? void 0 : onChange(next);
+  };
+  var onKeyDown = function onKeyDown(e) {
+    if (e.key === "ArrowUp") {
+      e.preventDefault();
+      bumpBy(+step);
+    }
+    if (e.key === "ArrowDown") {
+      e.preventDefault();
+      bumpBy(-step);
+    }
+  };
+  var ariaValueText = React.useMemo(function () {
+    if (value == null || Number.isNaN(value)) return undefined;
+    var formatted = formatForDisplay(value, decimals, locale);
+    if (typeof suffix === "string" && suffix.trim()) {
+      return "".concat(formatted, " ").concat(suffix).trim();
+    }
+    return formatted || undefined;
+  }, [value, decimals, locale, suffix]);
+
+  // Shared sx for both stepper IconButtons. WCAG 2.5.8 AA floor (24×24),
+  // padding 0 so the icon centres without cropping.
+  var stepperSx = {
+    color: "var(--fg-muted)",
+    minWidth: STEPPER_HIT_AREA,
+    minHeight: STEPPER_HIT_AREA,
+    padding: 0
+  };
+  return /*#__PURE__*/_jsx(OutlinedInput, _objectSpread({
+    ref: ref,
+    type: "text",
+    inputMode: "decimal",
+    value: display,
+    onChange: onUserChange,
+    onFocus: handleFocus,
+    onBlur: handleBlur,
+    onKeyDown: onKeyDown,
+    placeholder: placeholder,
+    disabled: disabled,
+    readOnly: readOnly,
+    error: !!error,
+    fullWidth: fullWidth,
+    startAdornment: prefix ? /*#__PURE__*/_jsx(InputAdornment, {
+      position: "start",
+      children: prefix
+    }) : undefined,
+    endAdornment: suffix || showSpinner ? /*#__PURE__*/_jsxs(InputAdornment, {
+      position: "end",
+      sx: {
+        gap: 0.25
+      },
+      children: [suffix && /*#__PURE__*/_jsx("span", {
+        children: suffix
+      }), showSpinner && /*#__PURE__*/_jsxs(_Fragment, {
+        children: [/*#__PURE__*/_jsx(IconButton, {
+          size: "small",
+          onClick: function onClick() {
+            return bumpBy(-step);
+          },
+          disabled: disabled || readOnly || typeof min === "number" && value != null && value <= min,
+          "aria-label": mergedLabels.decrement,
+          sx: stepperSx,
+          children: /*#__PURE__*/_jsx(RemoveIcon, {
+            sx: {
+              fontSize: 14
+            }
+          })
+        }), /*#__PURE__*/_jsx(IconButton, {
+          size: "small",
+          onClick: function onClick() {
+            return bumpBy(+step);
+          },
+          disabled: disabled || readOnly || typeof max === "number" && value != null && value >= max,
+          "aria-label": mergedLabels.increment,
+          sx: stepperSx,
+          children: /*#__PURE__*/_jsx(AddIcon, {
+            sx: {
+              fontSize: 14
+            }
+          })
+        })]
+      })]
+    }) : undefined,
+    slotProps: {
+      // MUI v9: the input slot bag forwards directly to the
+      // internal <input/> element on OutlinedInput. Was
+      // `inputProps={...}` at the top level — deprecated in v6,
+      // migrated for v9 alignment (audit Batch 3). Spread order
+      // preserved: consumer-supplied inputProps comes LAST so it
+      // can override aria-* attributes (same semantics as v5).
+      input: _objectSpread({
+        role: "spinbutton",
+        "aria-valuenow": value !== null && value !== void 0 ? value : undefined,
+        "aria-valuemin": min,
+        "aria-valuemax": max,
+        "aria-valuetext": ariaValueText
+      }, inputProps)
+    },
+    sx: _objectSpread({
+      // R-T.3 — tabular-nums for vertical alignment in tables/forms
+      "& input": {
+        fontVariantNumeric: "tabular-nums",
+        textAlign: "right"
+      }
+    }, sx)
+  }, rest));
+});
+
+// Locale separators exported so callers can mirror exact display elsewhere
+// without re-implementing. Kept for back-compat; for full locale-correct
+// formatting prefer `Intl.NumberFormat(locale)` directly.
+export var FR_DECIMAL_SEPARATOR = FR_DECIMAL_SEP;
+export var FR_THOUSAND_SEPARATOR = FR_THOUSAND_SEP;
+export default NumberInput;
+//# sourceMappingURL=NumberInput.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NumberInput.js","names":["React","OutlinedInput","InputAdornment","IconButton","AddIcon","RemoveIcon","mergeLabels","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","FR_DECIMAL_SEP","FR_THOUSAND_SEP","STEPPER_HIT_AREA","DEFAULT_LABELS","Object","freeze","decrement","increment","formatForDisplay","num","decimals","locale","arguments","length","undefined","Number","isNaN","opts","minimumFractionDigits","maximumFractionDigits","Intl","NumberFormat","format","_unused","parseFromUser","str","cleaned","String","replace","n","isFinite","NumberInput","forwardRef","_ref","ref","value","onChange","onBlur","min","max","_ref$step","step","placeholder","disabled","error","readOnly","_ref$fullWidth","fullWidth","_ref$showSpinner","showSpinner","prefix","suffix","inputProps","onValidate","_ref$locale","labels","sx","rest","_objectWithoutProperties","_excluded","mergedLabels","_React$useState","useState","_React$useState2","_slicedToArray","display","setDisplay","_React$useState3","_React$useState4","focused","setFocused","useEffect","allowMinus","onUserChange","e","raw","target","re","test","parsed","clamp","out","handleBlur","clamped","violation","handleFocus","bumpBy","delta","next","onKeyDown","key","preventDefault","ariaValueText","useMemo","formatted","trim","concat","stepperSx","color","minWidth","minHeight","padding","_objectSpread","type","inputMode","onFocus","startAdornment","position","children","endAdornment","gap","size","onClick","fontSize","slotProps","input","role","fontVariantNumeric","textAlign","FR_DECIMAL_SEPARATOR","FR_THOUSAND_SEPARATOR"],"sources":["../../../../src/lib/v2/components/NumberInput.tsx"],"sourcesContent":["import * as React from \"react\";\r\nimport OutlinedInput from \"@mui/material/OutlinedInput\";\r\nimport type { OutlinedInputProps } from \"@mui/material/OutlinedInput\";\r\nimport InputAdornment from \"@mui/material/InputAdornment\";\r\nimport IconButton from \"@mui/material/IconButton\";\r\nimport AddIcon from \"@mui/icons-material/Add\";\r\nimport RemoveIcon from \"@mui/icons-material/Remove\";\r\nimport { mergeLabels } from \"../utils/mergeLabels\";\r\n\r\n/**\r\n * NumberInput — Portnet UI v2\r\n *\r\n * Charter §03 · Component \"NumberInput\". Locale-aware numeric input.\r\n *\r\n *   <Field label=\"Montant\">\r\n *     <NumberInput\r\n *       value={amount} onChange={setAmount}\r\n *       min={0} max={1000000} decimals={2} suffix=\"MAD\"\r\n *     />\r\n *   </Field>\r\n *\r\n * Locale (multi-locale platform — FR / EN / AR)\r\n *   <NumberInput\r\n *     locale=\"en-US\"\r\n *     labels={{ decrement: \"Decrease\", increment: \"Increase\" }}\r\n *     value={amount} onChange={setAmount}\r\n *   />\r\n *\r\n *   - `locale` controls DISPLAY formatting only. Parsing is\r\n *     permissive: `,` and `.` both accepted as decimal separator,\r\n *     all whitespace stripped — pasting from any locale just works.\r\n *   - `labels` overrides the FR defaults on the spinner buttons.\r\n *\r\n * Value contract:\r\n *   onChange(null)         on empty input\r\n *   onChange(123.45)       on valid number\r\n *   Display formatting (separators, decimals) is purely visual,\r\n *   reapplied on blur.\r\n *\r\n * A11y (aria-valuetext):\r\n *   aria-valuenow holds the raw number; aria-valuetext holds the\r\n *   localised, suffix-bearing string (\"1 234,56 MAD\") so SR users\r\n *   hear the same thing sighted users see.\r\n *\r\n *   MUI v9 surface notes (audit Batch 3):\r\n *     The spinbutton aria contract (role + aria-value*) is injected\r\n *     via slotProps.input — MUI v9 idiomatic location for native\r\n *     <input/> attributes on OutlinedInput. Migrated from the\r\n *     deprecated `inputProps={...}` form to match the rest of the\r\n *     v2 surface (Switch, Combobox, DataGrid family).\r\n *     Consumer-passed `inputProps` remains merged in via spread —\r\n *     same order as the pre-migration code, so override semantics\r\n *     are preserved bit-for-bit.\r\n *\r\n * Tactile contract — known R-Tg.1 deviation (charter exception):\r\n *   The stepper buttons (showSpinner) are sized to 24 × 24 — the\r\n *   WCAG 2.5.8 AA floor — NOT the 44 × 44 R-Tg.1 AAA floor. The\r\n *   stepper is opt-in convenience UI on top of the keyboard\r\n *   ArrowUp / ArrowDown handler that the input itself provides;\r\n *   users requiring larger targets can type or use keyboard nav.\r\n *   Documented exception, see Batch 14 charter-exceptions log.\r\n */\r\n\r\nexport interface NumberInputLabels {\r\n  decrement?: string | undefined;\r\n  increment?: string | undefined;\r\n}\r\n\r\nexport interface NumberInputValidateResult {\r\n  value: number | null;\r\n  clamped: number | null;\r\n  violation: \"min\" | \"max\" | null;\r\n}\r\n\r\nexport interface NumberInputProps\r\n  extends Omit<OutlinedInputProps, \"value\" | \"onChange\" | \"prefix\" | \"suffix\"> {\r\n  value?: number | null | undefined;\r\n  onChange?: ((value: number | null) => void) | undefined;\r\n  min?: number | undefined;\r\n  max?: number | undefined;\r\n  step?: number | undefined;\r\n  decimals?: number | undefined;\r\n  showSpinner?: boolean | undefined;\r\n  prefix?: React.ReactNode | undefined;\r\n  suffix?: React.ReactNode | undefined;\r\n  onValidate?: ((result: NumberInputValidateResult) => void) | undefined;\r\n  locale?: string | undefined;\r\n  labels?: NumberInputLabels | undefined;\r\n}\r\n\r\nconst FR_DECIMAL_SEP = \",\";\r\nconst FR_THOUSAND_SEP = \" \";\r\n\r\n// Stepper button hit area — WCAG 2.5.8 AA (24 × 24). See JSDoc above\r\n// for the rationale for not pursuing 44 × 44 / R-Tg.1 here.\r\nconst STEPPER_HIT_AREA = 24;\r\n\r\nconst DEFAULT_LABELS = Object.freeze({\r\n  decrement: \"Diminuer\",\r\n  increment: \"Augmenter\",\r\n});\r\n\r\nfunction formatForDisplay(\r\n  num: number | null | undefined,\r\n  decimals: number | undefined,\r\n  locale = \"fr-FR\",\r\n): string {\r\n  if (num == null || Number.isNaN(num)) return \"\";\r\n  const opts: Intl.NumberFormatOptions = decimals != null\r\n    ? { minimumFractionDigits: decimals, maximumFractionDigits: decimals }\r\n    : { maximumFractionDigits: 6 };\r\n  try {\r\n    return new Intl.NumberFormat(locale, opts).format(num);\r\n  } catch {\r\n    // Invalid BCP-47 tag — fall back to fr-FR rather than throwing.\r\n    return new Intl.NumberFormat(\"fr-FR\", opts).format(num);\r\n  }\r\n}\r\n\r\nfunction parseFromUser(str: string | null | undefined): number | null {\r\n  if (str == null || str === \"\") return null;\r\n  // Accept BOTH `,` and `.` as decimal separator; strip every whitespace\r\n  // (regular space, NBSP, narrow NBSP). Locale-agnostic by design.\r\n  const cleaned = String(str)\r\n    .replace(/[\\u00A0\\u202F]/g, \" \")\r\n    .replace(/\\s+/g, \"\")\r\n    .replace(\",\", \".\");\r\n  if (cleaned === \"\" || cleaned === \"-\" || cleaned === \".\") return null;\r\n  const n = Number(cleaned);\r\n  return Number.isFinite(n) ? n : null;\r\n}\r\n\r\nconst NumberInput = React.forwardRef<React.ComponentRef<typeof OutlinedInput>, NumberInputProps>(function NumberInput(\r\n  {\r\n    value, onChange, onBlur,\r\n    min, max, step = 1, decimals,\r\n    placeholder, disabled, error, readOnly,\r\n    fullWidth = true, showSpinner = false,\r\n    prefix, suffix, inputProps, onValidate,\r\n    locale = \"fr-FR\",\r\n    labels,\r\n    sx,\r\n    ...rest\r\n  },\r\n  ref,\r\n) {\r\n  const mergedLabels = mergeLabels(DEFAULT_LABELS, labels);\r\n\r\n  const [display, setDisplay] = React.useState<string>(() => formatForDisplay(value, decimals, locale));\r\n  const [focused, setFocused] = React.useState(false);\r\n\r\n  React.useEffect(() => {\r\n    if (!focused) setDisplay(formatForDisplay(value, decimals, locale));\r\n  }, [value, decimals, locale, focused]);\r\n\r\n  const allowMinus = min == null || min < 0;\r\n\r\n  const onUserChange: NonNullable<OutlinedInputProps[\"onChange\"]> = (e) => {\r\n    const raw = e.target.value;\r\n    const re = allowMinus ? /^-?[0-9]*[.,]?[0-9]*$/ : /^[0-9]*[.,]?[0-9]*$/;\r\n    if (raw !== \"\" && !re.test(raw)) return;\r\n    setDisplay(raw);\r\n    const parsed = parseFromUser(raw);\r\n    onChange?.(parsed);\r\n  };\r\n\r\n  const clamp = (n: number | null): number | null => {\r\n    if (n == null) return n;\r\n    let out = n;\r\n    if (typeof min === \"number\" && out < min) out = min;\r\n    if (typeof max === \"number\" && out > max) out = max;\r\n    return out;\r\n  };\r\n\r\n  const handleBlur: NonNullable<OutlinedInputProps[\"onBlur\"]> = (e) => {\r\n    setFocused(false);\r\n    const parsed = parseFromUser(display);\r\n    const clamped = clamp(parsed);\r\n    if (clamped !== parsed) {\r\n      onChange?.(clamped);\r\n      setDisplay(formatForDisplay(clamped, decimals, locale));\r\n    } else {\r\n      setDisplay(formatForDisplay(parsed, decimals, locale));\r\n    }\r\n    if (onValidate) {\r\n      const violation: \"min\" | \"max\" | null =\r\n        parsed == null ? null :\r\n        (typeof min === \"number\" && parsed < min) ? \"min\" :\r\n        (typeof max === \"number\" && parsed > max) ? \"max\" :\r\n        null;\r\n      onValidate({ value: parsed, clamped, violation });\r\n    }\r\n    onBlur?.(e);\r\n  };\r\n\r\n  const handleFocus = () => setFocused(true);\r\n\r\n  const bumpBy = (delta: number) => {\r\n    const next = clamp((value ?? 0) + delta);\r\n    onChange?.(next);\r\n  };\r\n\r\n  const onKeyDown: NonNullable<OutlinedInputProps[\"onKeyDown\"]> = (e) => {\r\n    if (e.key === \"ArrowUp\")   { e.preventDefault(); bumpBy(+step); }\r\n    if (e.key === \"ArrowDown\") { e.preventDefault(); bumpBy(-step); }\r\n  };\r\n\r\n  const ariaValueText = React.useMemo(() => {\r\n    if (value == null || Number.isNaN(value)) return undefined;\r\n    const formatted = formatForDisplay(value, decimals, locale);\r\n    if (typeof suffix === \"string\" && suffix.trim()) {\r\n      return `${formatted} ${suffix}`.trim();\r\n    }\r\n    return formatted || undefined;\r\n  }, [value, decimals, locale, suffix]);\r\n\r\n  // Shared sx for both stepper IconButtons. WCAG 2.5.8 AA floor (24×24),\r\n  // padding 0 so the icon centres without cropping.\r\n  const stepperSx = {\r\n    color: \"var(--fg-muted)\",\r\n    minWidth:  STEPPER_HIT_AREA,\r\n    minHeight: STEPPER_HIT_AREA,\r\n    padding:   0,\r\n  };\r\n\r\n  return (\r\n    <OutlinedInput\r\n      ref={ref}\r\n      type=\"text\"\r\n      inputMode=\"decimal\"\r\n      value={display}\r\n      onChange={onUserChange}\r\n      onFocus={handleFocus}\r\n      onBlur={handleBlur}\r\n      onKeyDown={onKeyDown}\r\n      placeholder={placeholder}\r\n      disabled={disabled}\r\n      readOnly={readOnly}\r\n      error={!!error}\r\n      fullWidth={fullWidth}\r\n      startAdornment={\r\n        prefix ? <InputAdornment position=\"start\">{prefix}</InputAdornment> : undefined\r\n      }\r\n      endAdornment={\r\n        (suffix || showSpinner) ? (\r\n          <InputAdornment position=\"end\" sx={{ gap: 0.25 }}>\r\n            {suffix && <span>{suffix}</span>}\r\n            {showSpinner && (\r\n              <>\r\n                <IconButton\r\n                  size=\"small\"\r\n                  onClick={() => bumpBy(-step)}\r\n                  disabled={disabled || readOnly || (typeof min === \"number\" && value != null && value <= min)}\r\n                  aria-label={mergedLabels.decrement}\r\n                  sx={stepperSx}\r\n                >\r\n                  <RemoveIcon sx={{ fontSize: 14 }} />\r\n                </IconButton>\r\n                <IconButton\r\n                  size=\"small\"\r\n                  onClick={() => bumpBy(+step)}\r\n                  disabled={disabled || readOnly || (typeof max === \"number\" && value != null && value >= max)}\r\n                  aria-label={mergedLabels.increment}\r\n                  sx={stepperSx}\r\n                >\r\n                  <AddIcon sx={{ fontSize: 14 }} />\r\n                </IconButton>\r\n              </>\r\n            )}\r\n          </InputAdornment>\r\n        ) : undefined\r\n      }\r\n      slotProps={{\r\n        // MUI v9: the input slot bag forwards directly to the\r\n        // internal <input/> element on OutlinedInput. Was\r\n        // `inputProps={...}` at the top level — deprecated in v6,\r\n        // migrated for v9 alignment (audit Batch 3). Spread order\r\n        // preserved: consumer-supplied inputProps comes LAST so it\r\n        // can override aria-* attributes (same semantics as v5).\r\n        input: {\r\n          role: \"spinbutton\" as const,\r\n          \"aria-valuenow\": value ?? undefined,\r\n          \"aria-valuemin\": min,\r\n          \"aria-valuemax\": max,\r\n          \"aria-valuetext\": ariaValueText,\r\n          ...inputProps,\r\n        },\r\n      }}\r\n      sx={{\r\n        // R-T.3 — tabular-nums for vertical alignment in tables/forms\r\n        \"& input\": { fontVariantNumeric: \"tabular-nums\", textAlign: \"right\" },\r\n        ...sx,\r\n      }}\r\n      {...rest}\r\n    />\r\n  );\r\n});\r\n\r\n// Locale separators exported so callers can mirror exact display elsewhere\r\n// without re-implementing. Kept for back-compat; for full locale-correct\r\n// formatting prefer `Intl.NumberFormat(locale)` directly.\r\nexport const FR_DECIMAL_SEPARATOR = FR_DECIMAL_SEP;\r\nexport const FR_THOUSAND_SEPARATOR = FR_THOUSAND_SEP;\r\n\r\nexport default NumberInput;\r\n"],"mappings":"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","ignoreList":[]}