@portnet/ui 6.0.0 → 6.0.2

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

@@ -0,0 +1,184 @@
+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; }
+import * as React from "react";
+import IconButton from "@mui/material/IconButton";
+import Menu from "@mui/material/Menu";
+import MenuItem from "@mui/material/MenuItem";
+import Divider from "@mui/material/Divider";
+import MoreHorizIcon from "@mui/icons-material/MoreHoriz";
+import Box from "@mui/material/Box";
+import { mergeLabels } from "../utils/mergeLabels";
+
+/**
+ * OverflowMenu - Portnet UI v2
+ *
+ * Charter §03 · Component "OverflowMenu". ARIA menu for ancillary row actions.
+ *
+ *   Max 7 items · separator before danger · kbd shortcut visible right.
+ *
+ *   <OverflowMenu actions={[
+ *     { label: "Voir le détail", icon: <Visibility />, onClick: open, shortcut: "↵" },
+ *     { label: "Modifier",       icon: <Edit />,       onClick: edit },
+ *     { divider: true },
+ *     { label: "Supprimer", icon: <Delete />, onClick: remove, danger: true, shortcut: "⌫" },
+ *   ]} />
+ *
+ * Localisation (FR / EN / AR):
+ *   <OverflowMenu labels={{
+ *     trigger:  "More actions",
+ *     shortcut: (s) => `Shortcut ${s}`,
+ *   }} />
+ *
+ *   The legacy `ariaLabel` prop still wins over labels.trigger when
+ *   both are passed, for back-compat.
+ */
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+var DEFAULT_LABELS = Object.freeze({
+  trigger: "Plus d'actions",
+  shortcut: function shortcut(s) {
+    return "Raccourci ".concat(s);
+  }
+});
+
+// MUI v9: slot bag for the Menu. The component already used slotProps.paper
+// for the paper slot; this commit moves MenuListProps onto the same path
+// via the `list` slot key. Hoisted so the reference is stable across
+// renders. `role: "menu" as const` keeps the AriaRole literal.
+var MENU_SLOT_PROPS = Object.freeze({
+  paper: {
+    sx: {
+      minWidth: 200,
+      boxShadow: "var(--shadow-md)",
+      border: "1px solid var(--border)",
+      borderRadius: "var(--r-md)"
+    }
+  },
+  list: {
+    role: "menu",
+    dense: true
+  }
+});
+function OverflowMenu(_ref) {
+  var _ref$actions = _ref.actions,
+    actions = _ref$actions === void 0 ? [] : _ref$actions,
+    trigger = _ref.trigger,
+    ariaLabel = _ref.ariaLabel,
+    _ref$align = _ref.align,
+    align = _ref$align === void 0 ? "right" : _ref$align,
+    labels = _ref.labels;
+  var L = mergeLabels(DEFAULT_LABELS, labels);
+  // Legacy ariaLabel prop wins over labels.trigger.
+  var triggerAria = ariaLabel !== null && ariaLabel !== void 0 ? ariaLabel : L.trigger;
+  var _React$useState = React.useState(null),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    anchor = _React$useState2[0],
+    setAnchor = _React$useState2[1];
+  var open = Boolean(anchor);
+  if (process.env["NODE_ENV"] !== "production" && actions.length > 7) {
+    // eslint-disable-next-line no-console
+    console.warn("[@portnet/ui v2] <OverflowMenu> over 7 items - charter recommends ≤ 7.");
+  }
+  var handleOpen = function handleOpen(e) {
+    return setAnchor(e.currentTarget);
+  };
+  var handleClose = function handleClose() {
+    return setAnchor(null);
+  };
+
+  // R-2.1 - when a host passes a custom trigger, preserve its existing
+  // onClick (analytics, focus capture, optimistic UI etc.) by chaining
+  // it before our handleOpen. Without this, cloneElement silently
+  // overwrites the host's handler.
+  var triggerNode = trigger ? /*#__PURE__*/React.cloneElement(trigger, {
+    onClick: function onClick(event) {
+      var _onClick, _ref2;
+      (_onClick = (_ref2 = trigger.props).onClick) === null || _onClick === void 0 ? void 0 : _onClick.call(_ref2, event);
+      handleOpen(event);
+    },
+    "aria-haspopup": "menu",
+    "aria-expanded": open
+  }) : /*#__PURE__*/_jsx(IconButton, {
+    onClick: handleOpen,
+    "aria-label": triggerAria,
+    "aria-haspopup": "menu",
+    "aria-expanded": open,
+    size: "small",
+    sx: {
+      color: "var(--fg-muted)"
+    },
+    children: /*#__PURE__*/_jsx(MoreHorizIcon, {
+      fontSize: "small"
+    })
+  });
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [triggerNode, /*#__PURE__*/_jsx(Menu, {
+      anchorEl: anchor,
+      open: open,
+      onClose: handleClose,
+      anchorOrigin: {
+        vertical: "bottom",
+        horizontal: align === "right" ? "right" : "left"
+      },
+      transformOrigin: {
+        vertical: "top",
+        horizontal: align === "right" ? "right" : "left"
+      },
+      slotProps: MENU_SLOT_PROPS,
+      children: actions.map(function (a, i) {
+        if (a.divider) return /*#__PURE__*/_jsx(Divider, {
+          sx: {
+            borderColor: "var(--border)"
+          }
+        }, "d-".concat(i));
+        return /*#__PURE__*/_jsxs(MenuItem, {
+          role: "menuitem",
+          disabled: a.disabled,
+          onClick: function onClick() {
+            var _a$onClick;
+            handleClose();
+            (_a$onClick = a.onClick) === null || _a$onClick === void 0 ? void 0 : _a$onClick.call(a);
+          },
+          sx: {
+            fontSize: "var(--text-sm)",
+            color: a.danger ? "var(--danger)" : "var(--fg)",
+            "&:hover": a.danger ? {
+              background: "var(--danger-soft)"
+            } : undefined,
+            gap: 1.5
+          },
+          children: [a.icon && /*#__PURE__*/_jsx(Box, {
+            sx: {
+              display: "inline-flex",
+              color: a.danger ? "var(--danger)" : "var(--fg-muted)"
+            },
+            children: a.icon
+          }), /*#__PURE__*/_jsx(Box, {
+            sx: {
+              flex: 1
+            },
+            children: a.label
+          }), a.shortcut && /*#__PURE__*/_jsx(Box, {
+            component: "kbd",
+            "aria-label": typeof L.shortcut === "function" ? L.shortcut(a.shortcut) : "".concat(L.shortcut, " ").concat(a.shortcut),
+            sx: {
+              fontSize: "var(--text-xs)",
+              color: "var(--fg-subtle)",
+              background: "var(--bg-subtle)",
+              border: "1px solid var(--border)",
+              borderRadius: "var(--r-sm)",
+              padding: "1px var(--s-2)",
+              fontFamily: "var(--font-mono)"
+            },
+            children: a.shortcut
+          })]
+        }, i);
+      })
+    })]
+  });
+}
+export default OverflowMenu;
+//# sourceMappingURL=OverflowMenu.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"OverflowMenu.js","names":["React","IconButton","Menu","MenuItem","Divider","MoreHorizIcon","Box","mergeLabels","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","DEFAULT_LABELS","Object","freeze","trigger","shortcut","s","concat","MENU_SLOT_PROPS","paper","sx","minWidth","boxShadow","border","borderRadius","list","role","dense","OverflowMenu","_ref","_ref$actions","actions","ariaLabel","_ref$align","align","labels","L","triggerAria","_React$useState","useState","_React$useState2","_slicedToArray","anchor","setAnchor","open","Boolean","process","env","length","console","warn","handleOpen","e","currentTarget","handleClose","triggerNode","cloneElement","onClick","event","_onClick","_ref2","props","call","size","color","children","fontSize","anchorEl","onClose","anchorOrigin","vertical","horizontal","transformOrigin","slotProps","map","a","i","divider","borderColor","disabled","_a$onClick","danger","background","undefined","gap","icon","display","flex","label","component","padding","fontFamily"],"sources":["../../../../src/lib/v2/components/OverflowMenu.tsx"],"sourcesContent":["import * as React from \"react\";\r\nimport IconButton from \"@mui/material/IconButton\";\r\nimport Menu from \"@mui/material/Menu\";\r\nimport MenuItem from \"@mui/material/MenuItem\";\r\nimport Divider from \"@mui/material/Divider\";\r\nimport MoreHorizIcon from \"@mui/icons-material/MoreHoriz\";\r\nimport Box from \"@mui/material/Box\";\r\nimport { mergeLabels } from \"../utils/mergeLabels\";\r\n\r\n/**\r\n * OverflowMenu - Portnet UI v2\r\n *\r\n * Charter §03 · Component \"OverflowMenu\". ARIA menu for ancillary row actions.\r\n *\r\n *   Max 7 items · separator before danger · kbd shortcut visible right.\r\n *\r\n *   <OverflowMenu actions={[\r\n *     { label: \"Voir le détail\", icon: <Visibility />, onClick: open, shortcut: \"↵\" },\r\n *     { label: \"Modifier\",       icon: <Edit />,       onClick: edit },\r\n *     { divider: true },\r\n *     { label: \"Supprimer\", icon: <Delete />, onClick: remove, danger: true, shortcut: \"⌫\" },\r\n *   ]} />\r\n *\r\n * Localisation (FR / EN / AR):\r\n *   <OverflowMenu labels={{\r\n *     trigger:  \"More actions\",\r\n *     shortcut: (s) => `Shortcut ${s}`,\r\n *   }} />\r\n *\r\n *   The legacy `ariaLabel` prop still wins over labels.trigger when\r\n *   both are passed, for back-compat.\r\n */\r\n\r\nexport interface OverflowMenuAction {\r\n  label?: React.ReactNode | undefined;\r\n  /** Rendered directly (no cloneElement) — any renderable node. */\r\n  icon?: React.ReactNode | undefined;\r\n  onClick?: (() => void) | undefined;\r\n  shortcut?: React.ReactNode | undefined;\r\n  danger?: boolean | undefined;\r\n  disabled?: boolean | undefined;\r\n  divider?: boolean | undefined;\r\n}\r\n\r\nexport interface OverflowMenuLabels {\r\n  trigger?: string | undefined;\r\n  shortcut?: string | ((shortcut: React.ReactNode) => string) | undefined;\r\n}\r\n\r\nexport interface OverflowMenuProps {\r\n  /** Row actions. Charter recommends ≤ 7. @default [] */\r\n  actions?: OverflowMenuAction[] | undefined;\r\n  /**\r\n   * Custom trigger element. Cloned via React.cloneElement to inject the\r\n   * open handler + aria-haspopup/aria-expanded (must be a single element).\r\n   */\r\n  trigger?: React.ReactElement | undefined;\r\n  /** Legacy accessible name for the default trigger (wins over labels.trigger). */\r\n  ariaLabel?: string | undefined;\r\n  /** Menu alignment. @default \"right\" */\r\n  align?: \"left\" | \"right\" | undefined;\r\n  labels?: OverflowMenuLabels | undefined;\r\n}\r\n\r\nconst DEFAULT_LABELS = Object.freeze({\r\n  trigger:  \"Plus d'actions\",\r\n  shortcut: (s: React.ReactNode) => `Raccourci ${s}`,\r\n});\r\n\r\n// MUI v9: slot bag for the Menu. The component already used slotProps.paper\r\n// for the paper slot; this commit moves MenuListProps onto the same path\r\n// via the `list` slot key. Hoisted so the reference is stable across\r\n// renders. `role: \"menu\" as const` keeps the AriaRole literal.\r\nconst MENU_SLOT_PROPS = Object.freeze({\r\n  paper: {\r\n    sx: {\r\n      minWidth: 200,\r\n      boxShadow: \"var(--shadow-md)\",\r\n      border: \"1px solid var(--border)\",\r\n      borderRadius: \"var(--r-md)\",\r\n    },\r\n  },\r\n  list: { role: \"menu\" as const, dense: true },\r\n});\r\n\r\nfunction OverflowMenu({\r\n  actions = [],\r\n  trigger,\r\n  ariaLabel,\r\n  align = \"right\",\r\n  labels,\r\n}: OverflowMenuProps) {\r\n  const L = mergeLabels(DEFAULT_LABELS, labels);\r\n  // Legacy ariaLabel prop wins over labels.trigger.\r\n  const triggerAria = ariaLabel ?? L.trigger;\r\n\r\n  const [anchor, setAnchor] = React.useState<HTMLElement | null>(null);\r\n  const open = Boolean(anchor);\r\n\r\n  if (process.env[\"NODE_ENV\"] !== \"production\" && actions.length > 7) {\r\n    // eslint-disable-next-line no-console\r\n    console.warn(\"[@portnet/ui v2] <OverflowMenu> over 7 items - charter recommends ≤ 7.\");\r\n  }\r\n\r\n  const handleOpen = (e: React.MouseEvent<HTMLElement>) => setAnchor(e.currentTarget);\r\n  const handleClose = () => setAnchor(null);\r\n\r\n  // R-2.1 - when a host passes a custom trigger, preserve its existing\r\n  // onClick (analytics, focus capture, optimistic UI etc.) by chaining\r\n  // it before our handleOpen. Without this, cloneElement silently\r\n  // overwrites the host's handler.\r\n  const triggerNode = trigger\r\n    ? React.cloneElement(trigger as React.ReactElement<Record<string, unknown>>, {\r\n        onClick: (event: React.MouseEvent<HTMLElement>) => {\r\n          (trigger.props as { onClick?: (e: React.MouseEvent<HTMLElement>) => void }).onClick?.(event);\r\n          handleOpen(event);\r\n        },\r\n        \"aria-haspopup\": \"menu\",\r\n        \"aria-expanded\": open,\r\n      })\r\n    : (\r\n      <IconButton\r\n        onClick={handleOpen}\r\n        aria-label={triggerAria}\r\n        aria-haspopup=\"menu\"\r\n        aria-expanded={open}\r\n        size=\"small\"\r\n        sx={{ color: \"var(--fg-muted)\" }}\r\n      >\r\n        <MoreHorizIcon fontSize=\"small\" />\r\n      </IconButton>\r\n    );\r\n\r\n  return (\r\n    <>\r\n      {triggerNode}\r\n      <Menu\r\n        anchorEl={anchor}\r\n        open={open}\r\n        onClose={handleClose}\r\n        anchorOrigin={{ vertical: \"bottom\", horizontal: align === \"right\" ? \"right\" : \"left\" }}\r\n        transformOrigin={{ vertical: \"top\",    horizontal: align === \"right\" ? \"right\" : \"left\" }}\r\n        slotProps={MENU_SLOT_PROPS}\r\n      >\r\n        {actions.map((a, i) => {\r\n          if (a.divider) return <Divider key={`d-${i}`} sx={{ borderColor: \"var(--border)\" }} />;\r\n          return (\r\n            <MenuItem\r\n              key={i}\r\n              role=\"menuitem\"\r\n              disabled={a.disabled}\r\n              onClick={() => { handleClose(); a.onClick?.(); }}\r\n              sx={{\r\n                fontSize: \"var(--text-sm)\",\r\n                color: a.danger ? \"var(--danger)\" : \"var(--fg)\",\r\n                \"&:hover\": a.danger ? { background: \"var(--danger-soft)\" } : undefined,\r\n                gap: 1.5,\r\n              }}\r\n            >\r\n              {a.icon && <Box sx={{ display: \"inline-flex\", color: a.danger ? \"var(--danger)\" : \"var(--fg-muted)\" }}>{a.icon}</Box>}\r\n              <Box sx={{ flex: 1 }}>{a.label}</Box>\r\n              {a.shortcut && (\r\n                <Box\r\n                  component=\"kbd\"\r\n                  aria-label={typeof L.shortcut === \"function\" ? L.shortcut(a.shortcut) : `${L.shortcut} ${a.shortcut}`}\r\n                  sx={{\r\n                    fontSize: \"var(--text-xs)\",\r\n                    color: \"var(--fg-subtle)\",\r\n                    background: \"var(--bg-subtle)\",\r\n                    border: \"1px solid var(--border)\",\r\n                    borderRadius: \"var(--r-sm)\",\r\n                    padding: \"1px var(--s-2)\",\r\n                    fontFamily: \"var(--font-mono)\",\r\n                  }}\r\n                >\r\n                  {a.shortcut}\r\n                </Box>\r\n              )}\r\n            </MenuItem>\r\n          );\r\n        })}\r\n      </Menu>\r\n    </>\r\n  );\r\n}\r\n\r\nexport default OverflowMenu;\r\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,122 @@
+import * as React from "react";
+import Box from "@mui/material/Box";
+import { Viewer, Worker, ProgressBar } from "@react-pdf-viewer/core";
+import { defaultLayoutPlugin } from "@react-pdf-viewer/default-layout";
+import Spinner from "./Spinner";
+import Banner from "./Banner";
+import "@react-pdf-viewer/core/lib/styles/index.css";
+import "@react-pdf-viewer/default-layout/lib/styles/index.css";
+
+/**
+ * PdfViewer — Portnet UI v2
+ *
+ * Charter §07 · document viewing / §04.4 · loading & empty states.
+ *
+ * Presentational, store- and router-agnostic wrapper over @react-pdf-viewer
+ * (pdf.js). The HOST owns fetching: pass a ready `fileUrl` (http(s) or `data:`
+ * URL) OR a raw `base64` payload, plus the externally-controlled `loading` /
+ * `error` flags and the pdf.js `workerUrl`. No redux, no dispatch, no config
+ * import — that is exactly what lets it live in the shared library.
+ *
+ *   <PdfViewer
+ *     base64={pdf}
+ *     loading={isLoading}
+ *     error={failed && "Le document n'a pas pu être chargé."}
+ *     workerUrl={cfg.pdfWorkerUrl}
+ *   />
+ *
+ * State precedence: loading → error → (no source) → viewer.
+ *   - loading  → v2.Spinner (charter §04.4: no ad-hoc CircularProgress).
+ *   - error    → v2.Banner variant="error" (R-A.2 alert semantics).
+ *   - no src   → v2.Banner variant="info" (empty).
+ *
+ * Dependency note (RFC): pulls @react-pdf-viewer/core,
+ * @react-pdf-viewer/default-layout and pdfjs-dist. Declared as OPTIONAL peer
+ * dependencies — only PDF-consuming modules install them, so there is no
+ * bundle cost for the rest of the platform.
+ */
+import { jsx as _jsx } from "react/jsx-runtime";
+function PdfViewer(_ref) {
+  var fileUrl = _ref.fileUrl,
+    base64 = _ref.base64,
+    workerUrl = _ref.workerUrl,
+    _ref$loading = _ref.loading,
+    loading = _ref$loading === void 0 ? false : _ref$loading,
+    error = _ref.error,
+    _ref$errorTitle = _ref.errorTitle,
+    errorTitle = _ref$errorTitle === void 0 ? "Échec du chargement du document" : _ref$errorTitle,
+    _ref$emptyLabel = _ref.emptyLabel,
+    emptyLabel = _ref$emptyLabel === void 0 ? "Aucun document à afficher." : _ref$emptyLabel,
+    _ref$height = _ref.height,
+    height = _ref$height === void 0 ? "75vh" : _ref$height,
+    _ref$defaultScale = _ref.defaultScale,
+    defaultScale = _ref$defaultScale === void 0 ? 0.95 : _ref$defaultScale,
+    _ref$ariaLabel = _ref.ariaLabel,
+    ariaLabel = _ref$ariaLabel === void 0 ? "Document PDF" : _ref$ariaLabel;
+  var layoutPlugin = React.useMemo(function () {
+    return defaultLayoutPlugin();
+  }, []);
+  var src = fileUrl !== null && fileUrl !== void 0 ? fileUrl : base64 ? "data:application/pdf;base64,".concat(base64) : undefined;
+  var body;
+  if (loading) {
+    body = /*#__PURE__*/_jsx(Box, {
+      sx: {
+        display: "grid",
+        placeItems: "center",
+        minHeight: 200,
+        width: "100%"
+      },
+      children: /*#__PURE__*/_jsx(Spinner, {})
+    });
+  } else if (error) {
+    body = /*#__PURE__*/_jsx(Banner, {
+      variant: "error",
+      title: errorTitle,
+      children: error
+    });
+  } else if (!src) {
+    body = /*#__PURE__*/_jsx(Banner, {
+      variant: "info",
+      children: emptyLabel
+    });
+  } else {
+    body = /*#__PURE__*/_jsx(Worker, {
+      workerUrl: workerUrl,
+      children: /*#__PURE__*/_jsx(Box, {
+        sx: {
+          border: "1px solid var(--border)",
+          borderRadius: "var(--r-md)",
+          height: height,
+          width: "100%"
+        },
+        children: /*#__PURE__*/_jsx(Viewer, {
+          fileUrl: src,
+          plugins: [layoutPlugin],
+          defaultScale: defaultScale,
+          renderLoader: function renderLoader(percentages) {
+            return /*#__PURE__*/_jsx(Box, {
+              sx: {
+                width: 240
+              },
+              children: /*#__PURE__*/_jsx(ProgressBar, {
+                progress: Math.round(percentages)
+              })
+            });
+          }
+        })
+      })
+    });
+  }
+  return /*#__PURE__*/_jsx(Box, {
+    role: "region",
+    "aria-label": ariaLabel,
+    sx: {
+      display: "flex",
+      justifyContent: "center",
+      width: "100%"
+    },
+    children: body
+  });
+}
+export default PdfViewer;
+//# sourceMappingURL=PdfViewer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PdfViewer.js","names":["React","Box","Viewer","Worker","ProgressBar","defaultLayoutPlugin","Spinner","Banner","jsx","_jsx","PdfViewer","_ref","fileUrl","base64","workerUrl","_ref$loading","loading","error","_ref$errorTitle","errorTitle","_ref$emptyLabel","emptyLabel","_ref$height","height","_ref$defaultScale","defaultScale","_ref$ariaLabel","ariaLabel","layoutPlugin","useMemo","src","concat","undefined","body","sx","display","placeItems","minHeight","width","children","variant","title","border","borderRadius","plugins","renderLoader","percentages","progress","Math","round","role","justifyContent"],"sources":["../../../../src/lib/v2/components/PdfViewer.tsx"],"sourcesContent":["import * as React from \"react\";\r\nimport Box from \"@mui/material/Box\";\r\nimport { Viewer, Worker, ProgressBar } from \"@react-pdf-viewer/core\";\r\nimport { defaultLayoutPlugin } from \"@react-pdf-viewer/default-layout\";\r\nimport Spinner from \"./Spinner\";\r\nimport Banner from \"./Banner\";\r\n\r\nimport \"@react-pdf-viewer/core/lib/styles/index.css\";\r\nimport \"@react-pdf-viewer/default-layout/lib/styles/index.css\";\r\n\r\n/**\r\n * PdfViewer — Portnet UI v2\r\n *\r\n * Charter §07 · document viewing / §04.4 · loading & empty states.\r\n *\r\n * Presentational, store- and router-agnostic wrapper over @react-pdf-viewer\r\n * (pdf.js). The HOST owns fetching: pass a ready `fileUrl` (http(s) or `data:`\r\n * URL) OR a raw `base64` payload, plus the externally-controlled `loading` /\r\n * `error` flags and the pdf.js `workerUrl`. No redux, no dispatch, no config\r\n * import — that is exactly what lets it live in the shared library.\r\n *\r\n *   <PdfViewer\r\n *     base64={pdf}\r\n *     loading={isLoading}\r\n *     error={failed && \"Le document n'a pas pu être chargé.\"}\r\n *     workerUrl={cfg.pdfWorkerUrl}\r\n *   />\r\n *\r\n * State precedence: loading → error → (no source) → viewer.\r\n *   - loading  → v2.Spinner (charter §04.4: no ad-hoc CircularProgress).\r\n *   - error    → v2.Banner variant=\"error\" (R-A.2 alert semantics).\r\n *   - no src   → v2.Banner variant=\"info\" (empty).\r\n *\r\n * Dependency note (RFC): pulls @react-pdf-viewer/core,\r\n * @react-pdf-viewer/default-layout and pdfjs-dist. Declared as OPTIONAL peer\r\n * dependencies — only PDF-consuming modules install them, so there is no\r\n * bundle cost for the rest of the platform.\r\n */\r\n\r\nexport interface PdfViewerProps {\r\n  /** Full URL or `data:` URL of the PDF. Takes precedence over `base64`. */\r\n  fileUrl?: string | undefined;\r\n  /** Raw base64 PDF payload (without the `data:application/pdf;base64,` prefix). */\r\n  base64?: string | undefined;\r\n  /** pdf.js worker URL — host-provided (e.g. from runtime config). */\r\n  workerUrl: string;\r\n  /** Show the loading spinner instead of the viewer. */\r\n  loading?: boolean | undefined;\r\n  /** When truthy, shows an error Banner (this node is the message) instead of the viewer. */\r\n  error?: React.ReactNode | undefined;\r\n  /** Error banner title. Default \"Échec du chargement du document\". */\r\n  errorTitle?: React.ReactNode | undefined;\r\n  /** Message shown when there is no source and no loading/error. */\r\n  emptyLabel?: React.ReactNode | undefined;\r\n  /** Viewer container height. Default \"75vh\". */\r\n  height?: number | string | undefined;\r\n  /** Initial zoom. Default 0.95. */\r\n  defaultScale?: number | undefined;\r\n  /** Accessible label for the viewer region. Default \"Document PDF\". */\r\n  ariaLabel?: string | undefined;\r\n}\r\n\r\nfunction PdfViewer({\r\n  fileUrl,\r\n  base64,\r\n  workerUrl,\r\n  loading = false,\r\n  error,\r\n  errorTitle = \"Échec du chargement du document\",\r\n  emptyLabel = \"Aucun document à afficher.\",\r\n  height = \"75vh\",\r\n  defaultScale = 0.95,\r\n  ariaLabel = \"Document PDF\",\r\n}: PdfViewerProps) {\r\n  const layoutPlugin = React.useMemo(() => defaultLayoutPlugin(), []);\r\n  const src = fileUrl ?? (base64 ? `data:application/pdf;base64,${base64}` : undefined);\r\n\r\n  let body: React.ReactNode;\r\n  if (loading) {\r\n    body = (\r\n      <Box sx={{ display: \"grid\", placeItems: \"center\", minHeight: 200, width: \"100%\" }}>\r\n        <Spinner />\r\n      </Box>\r\n    );\r\n  } else if (error) {\r\n    body = (\r\n      <Banner variant=\"error\" title={errorTitle}>\r\n        {error}\r\n      </Banner>\r\n    );\r\n  } else if (!src) {\r\n    body = <Banner variant=\"info\">{emptyLabel}</Banner>;\r\n  } else {\r\n    body = (\r\n      <Worker workerUrl={workerUrl}>\r\n        <Box\r\n          sx={{\r\n            border: \"1px solid var(--border)\",\r\n            borderRadius: \"var(--r-md)\",\r\n            height,\r\n            width: \"100%\",\r\n          }}\r\n        >\r\n          <Viewer\r\n            fileUrl={src}\r\n            plugins={[layoutPlugin]}\r\n            defaultScale={defaultScale}\r\n            renderLoader={(percentages: number) => (\r\n              <Box sx={{ width: 240 }}>\r\n                <ProgressBar progress={Math.round(percentages)} />\r\n              </Box>\r\n            )}\r\n          />\r\n        </Box>\r\n      </Worker>\r\n    );\r\n  }\r\n\r\n  return (\r\n    <Box\r\n      role=\"region\"\r\n      aria-label={ariaLabel}\r\n      sx={{ display: \"flex\", justifyContent: \"center\", width: \"100%\" }}\r\n    >\r\n      {body}\r\n    </Box>\r\n  );\r\n}\r\n\r\nexport default PdfViewer;\r\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,202 @@
+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";
+
+/**
+ * ProgressBar — Portnet UI v2
+ *
+ * Charter §03 · Component "ProgressBar". Determinate or indeterminate
+ * progress indicator for chunked operations (uploads, batch jobs,
+ * long-running form steps) where a Skeleton is not appropriate.
+ *
+ * R-Sk usage rule (charter §03 Skeleton): "Use ProgressBar (not
+ * skeleton) for operations whose duration is known and where the user
+ * benefits from a percentage signal — e.g. file uploads, batch
+ * exports, multi-step ingestion."
+ *
+ * a11y:
+ *   - role="progressbar"
+ *   - Determinate: aria-valuenow / aria-valuemin / aria-valuemax (charter R-Ar)
+ *   - Indeterminate: aria-valuenow OMITTED (WAI-ARIA convention)
+ *   - aria-label or aria-labelledby (caller responsibility — provide one)
+ *   - aria-describedby wires the `helper` text into the AT tree so SR
+ *     users hear the qualitative context ("3 sur 6 fichiers traités")
+ *     alongside the quantitative one ("42 %"). Audit Batch 5 / B5-2.
+ *
+ * Examples:
+ *
+ *   <ProgressBar value={42} aria-label="Téléversement en cours" />
+ *
+ *   <ProgressBar value={87} variant="success" showLabel
+ *                aria-label="Indexation des documents" />
+ *
+ *   <ProgressBar indeterminate aria-label="Connexion au serveur" />
+ *
+ *   <ProgressBar value={50} size="lg" variant="warning"
+ *                label="Synchronisation BAM"
+ *                helper="3 sur 6 fichiers traités" />
+ */
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+var VARIANT_COLOR = {
+  primary: "var(--accent)",
+  success: "var(--success)",
+  warning: "var(--warning)",
+  danger: "var(--danger)"
+};
+var SIZE_HEIGHT = {
+  sm: 4,
+  md: 6,
+  lg: 8
+};
+function ProgressBar(_ref) {
+  var value = _ref.value,
+    _ref$indeterminate = _ref.indeterminate,
+    indeterminate = _ref$indeterminate === void 0 ? false : _ref$indeterminate,
+    _ref$variant = _ref.variant,
+    variant = _ref$variant === void 0 ? "primary" : _ref$variant,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? "md" : _ref$size,
+    label = _ref.label,
+    helper = _ref.helper,
+    _ref$showLabel = _ref.showLabel,
+    showLabel = _ref$showLabel === void 0 ? false : _ref$showLabel,
+    ariaLabel = _ref["aria-label"],
+    ariaLabelledBy = _ref["aria-labelledby"],
+    sx = _ref.sx;
+  // Defensive clamp: callers occasionally pass over-range values (e.g. 102%
+  // from rounding). Charter forbids surprising the user — clamp instead of
+  // overflowing the track visually.
+  var isDet = !indeterminate && value != null;
+  var clamped = isDet ? Math.max(0, Math.min(100, Number(value) || 0)) : 0;
+  var fill = VARIANT_COLOR[variant] || VARIANT_COLOR.primary;
+  var height = SIZE_HEIGHT[size] || SIZE_HEIGHT.md;
+  if (process.env["NODE_ENV"] !== "production" && !ariaLabel && !ariaLabelledBy && !label) {
+    // eslint-disable-next-line no-console
+    console.warn("[@portnet/ui v2] <ProgressBar> requires aria-label, aria-labelledby, or a `label` prop for screen readers.");
+  }
+
+  // If an inline `label` is rendered we wire aria-labelledby internally
+  // so the caller doesn't have to manage the id themselves.
+  // If `helper` is rendered, wire it via aria-describedby on the
+  // progressbar so the qualitative context reaches AT. Audit Batch 5.
+  var reactId = React.useId();
+  var labelId = label ? "".concat(reactId, "-lbl") : undefined;
+  var helperId = helper ? "".concat(reactId, "-hlp") : undefined;
+  var effectiveLabelledBy = ariaLabelledBy || labelId;
+  return /*#__PURE__*/_jsxs(Box, {
+    sx: _objectSpread({
+      width: "100%"
+    }, sx),
+    children: [(label || isDet && showLabel) && /*#__PURE__*/_jsxs(Box, {
+      sx: {
+        display: "flex",
+        alignItems: "baseline",
+        justifyContent: "space-between",
+        gap: 1,
+        marginBottom: 0.5
+      },
+      children: [label && /*#__PURE__*/_jsx(Box, {
+        id: labelId,
+        component: "span",
+        sx: {
+          fontSize: "var(--text-sm)",
+          fontWeight: "var(--fw-semibold)",
+          color: "var(--fg)",
+          lineHeight: "var(--lh-snug)"
+        },
+        children: label
+      }), isDet && showLabel && /*#__PURE__*/_jsxs(Box, {
+        component: "span",
+        "aria-hidden": "true",
+        sx: {
+          fontSize: "var(--text-xs)",
+          fontWeight: "var(--fw-semibold)",
+          color: "var(--fg-muted)",
+          fontVariantNumeric: "tabular-nums",
+          marginLeft: "auto"
+        },
+        children: [Math.round(clamped), "%"]
+      })]
+    }), /*#__PURE__*/_jsx(Box, {
+      role: "progressbar",
+      "aria-label": ariaLabel,
+      "aria-labelledby": effectiveLabelledBy,
+      "aria-describedby": helperId,
+      "aria-valuemin": isDet ? 0 : undefined,
+      "aria-valuemax": isDet ? 100 : undefined,
+      "aria-valuenow": isDet ? Math.round(clamped) : undefined,
+      sx: {
+        position: "relative",
+        width: "100%",
+        height: height,
+        borderRadius: "var(--r-full)",
+        background: "var(--bg-subtle)",
+        overflow: "hidden"
+      },
+      children: isDet ? /*#__PURE__*/_jsx(Box, {
+        "aria-hidden": "true",
+        sx: {
+          height: "100%",
+          width: "".concat(clamped, "%"),
+          background: fill,
+          borderRadius: "inherit",
+          transition: "width var(--duration-base, 180ms) var(--easing-out, cubic-bezier(.2,.8,.2,1))"
+        }
+      }) : /*#__PURE__*/_jsx(Box, {
+        "aria-hidden": "true",
+        sx: {
+          position: "absolute",
+          inset: 0,
+          "&::before": {
+            content: '""',
+            position: "absolute",
+            top: 0,
+            bottom: 0,
+            // R-Mi.3 / perf — bar parked at left:0 and swept via a
+            // composited transform instead of animating `left` (which
+            // reflows every frame). translateX is relative to the bar's
+            // OWN width (40% of the track), so -100% parks it just off
+            // the start edge (== old left:-40%) and 250% (= 250% × 40%
+            // = 100% of the track) drives it off the far end (== old
+            // left:100%) — same sweep, zero layout.
+            left: 0,
+            width: "40%",
+            background: fill,
+            borderRadius: "inherit",
+            willChange: "transform",
+            animation: "pui-progressbar-indeterminate 1.4s ease-in-out infinite"
+          },
+          "@keyframes pui-progressbar-indeterminate": {
+            "0%": {
+              transform: "translateX(-100%)"
+            },
+            "60%": {
+              transform: "translateX(250%)"
+            },
+            "100%": {
+              transform: "translateX(250%)"
+            }
+          }
+          // The global prefers-reduced-motion rule in base.css already
+          // suppresses animations; nothing extra needed here.
+        }
+      })
+    }), helper && /*#__PURE__*/_jsx(Box, {
+      id: helperId,
+      sx: {
+        marginTop: 0.5,
+        fontSize: "var(--text-xs)",
+        color: "var(--fg-subtle)",
+        lineHeight: "var(--lh-normal)"
+      },
+      children: helper
+    })]
+  });
+}
+export default ProgressBar;
+//# sourceMappingURL=ProgressBar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressBar.js","names":["React","Box","jsx","_jsx","jsxs","_jsxs","VARIANT_COLOR","primary","success","warning","danger","SIZE_HEIGHT","sm","md","lg","ProgressBar","_ref","value","_ref$indeterminate","indeterminate","_ref$variant","variant","_ref$size","size","label","helper","_ref$showLabel","showLabel","ariaLabel","ariaLabelledBy","sx","isDet","clamped","Math","max","min","Number","fill","height","process","env","console","warn","reactId","useId","labelId","concat","undefined","helperId","effectiveLabelledBy","_objectSpread","width","children","display","alignItems","justifyContent","gap","marginBottom","id","component","fontSize","fontWeight","color","lineHeight","fontVariantNumeric","marginLeft","round","role","position","borderRadius","background","overflow","transition","inset","content","top","bottom","left","willChange","animation","transform","marginTop"],"sources":["../../../../src/lib/v2/components/ProgressBar.tsx"],"sourcesContent":["import * as React from \"react\";\r\nimport Box from \"@mui/material/Box\";\r\nimport type { SxProps, Theme } from \"@mui/material/styles\";\r\n\r\n/**\r\n * ProgressBar — Portnet UI v2\r\n *\r\n * Charter §03 · Component \"ProgressBar\". Determinate or indeterminate\r\n * progress indicator for chunked operations (uploads, batch jobs,\r\n * long-running form steps) where a Skeleton is not appropriate.\r\n *\r\n * R-Sk usage rule (charter §03 Skeleton): \"Use ProgressBar (not\r\n * skeleton) for operations whose duration is known and where the user\r\n * benefits from a percentage signal — e.g. file uploads, batch\r\n * exports, multi-step ingestion.\"\r\n *\r\n * a11y:\r\n *   - role=\"progressbar\"\r\n *   - Determinate: aria-valuenow / aria-valuemin / aria-valuemax (charter R-Ar)\r\n *   - Indeterminate: aria-valuenow OMITTED (WAI-ARIA convention)\r\n *   - aria-label or aria-labelledby (caller responsibility — provide one)\r\n *   - aria-describedby wires the `helper` text into the AT tree so SR\r\n *     users hear the qualitative context (\"3 sur 6 fichiers traités\")\r\n *     alongside the quantitative one (\"42 %\"). Audit Batch 5 / B5-2.\r\n *\r\n * Examples:\r\n *\r\n *   <ProgressBar value={42} aria-label=\"Téléversement en cours\" />\r\n *\r\n *   <ProgressBar value={87} variant=\"success\" showLabel\r\n *                aria-label=\"Indexation des documents\" />\r\n *\r\n *   <ProgressBar indeterminate aria-label=\"Connexion au serveur\" />\r\n *\r\n *   <ProgressBar value={50} size=\"lg\" variant=\"warning\"\r\n *                label=\"Synchronisation BAM\"\r\n *                helper=\"3 sur 6 fichiers traités\" />\r\n */\r\n\r\nexport type ProgressBarVariant = \"primary\" | \"success\" | \"warning\" | \"danger\";\r\nexport type ProgressBarSize = \"sm\" | \"md\" | \"lg\";\r\n\r\nconst VARIANT_COLOR: Record<ProgressBarVariant, string> = {\r\n  primary: \"var(--accent)\",\r\n  success: \"var(--success)\",\r\n  warning: \"var(--warning)\",\r\n  danger:  \"var(--danger)\",\r\n};\r\n\r\nconst SIZE_HEIGHT: Record<ProgressBarSize, number> = { sm: 4, md: 6, lg: 8 };\r\n\r\nexport interface ProgressBarProps {\r\n  value?: number | undefined;\r\n  indeterminate?: boolean | undefined;\r\n  variant?: ProgressBarVariant | undefined;\r\n  size?: ProgressBarSize | undefined;\r\n  label?: React.ReactNode | undefined;\r\n  helper?: React.ReactNode | undefined;\r\n  showLabel?: boolean | undefined;\r\n  \"aria-label\"?: string | undefined;\r\n  \"aria-labelledby\"?: string | undefined;\r\n  sx?: SxProps<Theme> | undefined;\r\n}\r\n\r\nfunction ProgressBar({\r\n  value,\r\n  indeterminate = false,\r\n  variant = \"primary\",\r\n  size = \"md\",\r\n  label,\r\n  helper,\r\n  showLabel = false,\r\n  \"aria-label\": ariaLabel,\r\n  \"aria-labelledby\": ariaLabelledBy,\r\n  sx,\r\n}: ProgressBarProps) {\r\n  // Defensive clamp: callers occasionally pass over-range values (e.g. 102%\r\n  // from rounding). Charter forbids surprising the user — clamp instead of\r\n  // overflowing the track visually.\r\n  const isDet = !indeterminate && value != null;\r\n  const clamped = isDet ? Math.max(0, Math.min(100, Number(value) || 0)) : 0;\r\n  const fill = VARIANT_COLOR[variant] || VARIANT_COLOR.primary;\r\n  const height = SIZE_HEIGHT[size] || SIZE_HEIGHT.md;\r\n\r\n  if (process.env[\"NODE_ENV\"] !== \"production\" && !ariaLabel && !ariaLabelledBy && !label) {\r\n    // eslint-disable-next-line no-console\r\n    console.warn(\r\n      \"[@portnet/ui v2] <ProgressBar> requires aria-label, aria-labelledby, or a `label` prop for screen readers.\"\r\n    );\r\n  }\r\n\r\n  // If an inline `label` is rendered we wire aria-labelledby internally\r\n  // so the caller doesn't have to manage the id themselves.\r\n  // If `helper` is rendered, wire it via aria-describedby on the\r\n  // progressbar so the qualitative context reaches AT. Audit Batch 5.\r\n  const reactId = React.useId();\r\n  const labelId = label ? `${reactId}-lbl` : undefined;\r\n  const helperId = helper ? `${reactId}-hlp` : undefined;\r\n  const effectiveLabelledBy = ariaLabelledBy || labelId;\r\n\r\n  return (\r\n    <Box sx={{ width: \"100%\", ...sx }}>\r\n      {(label || (isDet && showLabel)) && (\r\n        <Box\r\n          sx={{\r\n            display: \"flex\",\r\n            alignItems: \"baseline\",\r\n            justifyContent: \"space-between\",\r\n            gap: 1,\r\n            marginBottom: 0.5,\r\n          }}\r\n        >\r\n          {label && (\r\n            <Box\r\n              id={labelId}\r\n              component=\"span\"\r\n              sx={{\r\n                fontSize: \"var(--text-sm)\",\r\n                fontWeight: \"var(--fw-semibold)\",\r\n                color: \"var(--fg)\",\r\n                lineHeight: \"var(--lh-snug)\",\r\n              }}\r\n            >\r\n              {label}\r\n            </Box>\r\n          )}\r\n          {isDet && showLabel && (\r\n            <Box\r\n              component=\"span\"\r\n              aria-hidden=\"true\"\r\n              sx={{\r\n                fontSize: \"var(--text-xs)\",\r\n                fontWeight: \"var(--fw-semibold)\",\r\n                color: \"var(--fg-muted)\",\r\n                fontVariantNumeric: \"tabular-nums\",\r\n                marginLeft: \"auto\",\r\n              }}\r\n            >\r\n              {Math.round(clamped)}%\r\n            </Box>\r\n          )}\r\n        </Box>\r\n      )}\r\n\r\n      <Box\r\n        role=\"progressbar\"\r\n        aria-label={ariaLabel}\r\n        aria-labelledby={effectiveLabelledBy}\r\n        aria-describedby={helperId}\r\n        aria-valuemin={isDet ? 0 : undefined}\r\n        aria-valuemax={isDet ? 100 : undefined}\r\n        aria-valuenow={isDet ? Math.round(clamped) : undefined}\r\n        sx={{\r\n          position: \"relative\",\r\n          width: \"100%\",\r\n          height,\r\n          borderRadius: \"var(--r-full)\",\r\n          background: \"var(--bg-subtle)\",\r\n          overflow: \"hidden\",\r\n        }}\r\n      >\r\n        {isDet ? (\r\n          <Box\r\n            aria-hidden=\"true\"\r\n            sx={{\r\n              height: \"100%\",\r\n              width: `${clamped}%`,\r\n              background: fill,\r\n              borderRadius: \"inherit\",\r\n              transition:\r\n                \"width var(--duration-base, 180ms) var(--easing-out, cubic-bezier(.2,.8,.2,1))\",\r\n            }}\r\n          />\r\n        ) : (\r\n          <Box\r\n            aria-hidden=\"true\"\r\n            sx={{\r\n              position: \"absolute\",\r\n              inset: 0,\r\n              \"&::before\": {\r\n                content: '\"\"',\r\n                position: \"absolute\",\r\n                top: 0,\r\n                bottom: 0,\r\n                // R-Mi.3 / perf — bar parked at left:0 and swept via a\r\n                // composited transform instead of animating `left` (which\r\n                // reflows every frame). translateX is relative to the bar's\r\n                // OWN width (40% of the track), so -100% parks it just off\r\n                // the start edge (== old left:-40%) and 250% (= 250% × 40%\r\n                // = 100% of the track) drives it off the far end (== old\r\n                // left:100%) — same sweep, zero layout.\r\n                left: 0,\r\n                width: \"40%\",\r\n                background: fill,\r\n                borderRadius: \"inherit\",\r\n                willChange: \"transform\",\r\n                animation: \"pui-progressbar-indeterminate 1.4s ease-in-out infinite\",\r\n              },\r\n              \"@keyframes pui-progressbar-indeterminate\": {\r\n                \"0%\":   { transform: \"translateX(-100%)\" },\r\n                \"60%\":  { transform: \"translateX(250%)\" },\r\n                \"100%\": { transform: \"translateX(250%)\" },\r\n              },\r\n              // The global prefers-reduced-motion rule in base.css already\r\n              // suppresses animations; nothing extra needed here.\r\n            }}\r\n          />\r\n        )}\r\n      </Box>\r\n\r\n      {helper && (\r\n        <Box\r\n          id={helperId}\r\n          sx={{\r\n            marginTop: 0.5,\r\n            fontSize: \"var(--text-xs)\",\r\n            color: \"var(--fg-subtle)\",\r\n            lineHeight: \"var(--lh-normal)\",\r\n          }}\r\n        >\r\n          {helper}\r\n        </Box>\r\n      )}\r\n    </Box>\r\n  );\r\n}\r\n\r\nexport default ProgressBar;\r\n"],"mappings":";;;;;;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,OAAOC,GAAG,MAAM,mBAAmB;;AAGnC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAjCA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAsCA,IAAMC,aAAiD,GAAG;EACxDC,OAAO,EAAE,eAAe;EACxBC,OAAO,EAAE,gBAAgB;EACzBC,OAAO,EAAE,gBAAgB;EACzBC,MAAM,EAAG;AACX,CAAC;AAED,IAAMC,WAA4C,GAAG;EAAEC,EAAE,EAAE,CAAC;EAAEC,EAAE,EAAE,CAAC;EAAEC,EAAE,EAAE;AAAE,CAAC;AAe5E,SAASC,WAAWA,CAAAC,IAAA,EAWC;EAAA,IAVnBC,KAAK,GAAAD,IAAA,CAALC,KAAK;IAAAC,kBAAA,GAAAF,IAAA,CACLG,aAAa;IAAbA,aAAa,GAAAD,kBAAA,cAAG,KAAK,GAAAA,kBAAA;IAAAE,YAAA,GAAAJ,IAAA,CACrBK,OAAO;IAAPA,OAAO,GAAAD,YAAA,cAAG,SAAS,GAAAA,YAAA;IAAAE,SAAA,GAAAN,IAAA,CACnBO,IAAI;IAAJA,IAAI,GAAAD,SAAA,cAAG,IAAI,GAAAA,SAAA;IACXE,KAAK,GAAAR,IAAA,CAALQ,KAAK;IACLC,MAAM,GAAAT,IAAA,CAANS,MAAM;IAAAC,cAAA,GAAAV,IAAA,CACNW,SAAS;IAATA,SAAS,GAAAD,cAAA,cAAG,KAAK,GAAAA,cAAA;IACHE,SAAS,GAAAZ,IAAA,CAAvB,YAAY;IACOa,cAAc,GAAAb,IAAA,CAAjC,iBAAiB;IACjBc,EAAE,GAAAd,IAAA,CAAFc,EAAE;EAEF;EACA;EACA;EACA,IAAMC,KAAK,GAAG,CAACZ,aAAa,IAAIF,KAAK,IAAI,IAAI;EAC7C,IAAMe,OAAO,GAAGD,KAAK,GAAGE,IAAI,CAACC,GAAG,CAAC,CAAC,EAAED,IAAI,CAACE,GAAG,CAAC,GAAG,EAAEC,MAAM,CAACnB,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC;EAC1E,IAAMoB,IAAI,GAAG/B,aAAa,CAACe,OAAO,CAAC,IAAIf,aAAa,CAACC,OAAO;EAC5D,IAAM+B,MAAM,GAAG3B,WAAW,CAACY,IAAI,CAAC,IAAIZ,WAAW,CAACE,EAAE;EAElD,IAAI0B,OAAO,CAACC,GAAG,CAAC,UAAU,CAAC,KAAK,YAAY,IAAI,CAACZ,SAAS,IAAI,CAACC,cAAc,IAAI,CAACL,KAAK,EAAE;IACvF;IACAiB,OAAO,CAACC,IAAI,CACV,4GACF,CAAC;EACH;;EAEA;EACA;EACA;EACA;EACA,IAAMC,OAAO,GAAG3C,KAAK,CAAC4C,KAAK,CAAC,CAAC;EAC7B,IAAMC,OAAO,GAAGrB,KAAK,MAAAsB,MAAA,CAAMH,OAAO,YAASI,SAAS;EACpD,IAAMC,QAAQ,GAAGvB,MAAM,MAAAqB,MAAA,CAAMH,OAAO,YAASI,SAAS;EACtD,IAAME,mBAAmB,GAAGpB,cAAc,IAAIgB,OAAO;EAErD,oBACExC,KAAA,CAACJ,GAAG;IAAC6B,EAAE,EAAAoB,aAAA;MAAIC,KAAK,EAAE;IAAM,GAAKrB,EAAE,CAAG;IAAAsB,QAAA,GAC/B,CAAC5B,KAAK,IAAKO,KAAK,IAAIJ,SAAU,kBAC7BtB,KAAA,CAACJ,GAAG;MACF6B,EAAE,EAAE;QACFuB,OAAO,EAAE,MAAM;QACfC,UAAU,EAAE,UAAU;QACtBC,cAAc,EAAE,eAAe;QAC/BC,GAAG,EAAE,CAAC;QACNC,YAAY,EAAE;MAChB,CAAE;MAAAL,QAAA,GAED5B,KAAK,iBACJrB,IAAA,CAACF,GAAG;QACFyD,EAAE,EAAEb,OAAQ;QACZc,SAAS,EAAC,MAAM;QAChB7B,EAAE,EAAE;UACF8B,QAAQ,EAAE,gBAAgB;UAC1BC,UAAU,EAAE,oBAAoB;UAChCC,KAAK,EAAE,WAAW;UAClBC,UAAU,EAAE;QACd,CAAE;QAAAX,QAAA,EAED5B;MAAK,CACH,CACN,EACAO,KAAK,IAAIJ,SAAS,iBACjBtB,KAAA,CAACJ,GAAG;QACF0D,SAAS,EAAC,MAAM;QAChB,eAAY,MAAM;QAClB7B,EAAE,EAAE;UACF8B,QAAQ,EAAE,gBAAgB;UAC1BC,UAAU,EAAE,oBAAoB;UAChCC,KAAK,EAAE,iBAAiB;UACxBE,kBAAkB,EAAE,cAAc;UAClCC,UAAU,EAAE;QACd,CAAE;QAAAb,QAAA,GAEDnB,IAAI,CAACiC,KAAK,CAAClC,OAAO,CAAC,EAAC,GACvB;MAAA,CAAK,CACN;IAAA,CACE,CACN,eAED7B,IAAA,CAACF,GAAG;MACFkE,IAAI,EAAC,aAAa;MAClB,cAAYvC,SAAU;MACtB,mBAAiBqB,mBAAoB;MACrC,oBAAkBD,QAAS;MAC3B,iBAAejB,KAAK,GAAG,CAAC,GAAGgB,SAAU;MACrC,iBAAehB,KAAK,GAAG,GAAG,GAAGgB,SAAU;MACvC,iBAAehB,KAAK,GAAGE,IAAI,CAACiC,KAAK,CAAClC,OAAO,CAAC,GAAGe,SAAU;MACvDjB,EAAE,EAAE;QACFsC,QAAQ,EAAE,UAAU;QACpBjB,KAAK,EAAE,MAAM;QACbb,MAAM,EAANA,MAAM;QACN+B,YAAY,EAAE,eAAe;QAC7BC,UAAU,EAAE,kBAAkB;QAC9BC,QAAQ,EAAE;MACZ,CAAE;MAAAnB,QAAA,EAEDrB,KAAK,gBACJ5B,IAAA,CAACF,GAAG;QACF,eAAY,MAAM;QAClB6B,EAAE,EAAE;UACFQ,MAAM,EAAE,MAAM;UACda,KAAK,KAAAL,MAAA,CAAKd,OAAO,MAAG;UACpBsC,UAAU,EAAEjC,IAAI;UAChBgC,YAAY,EAAE,SAAS;UACvBG,UAAU,EACR;QACJ;MAAE,CACH,CAAC,gBAEFrE,IAAA,CAACF,GAAG;QACF,eAAY,MAAM;QAClB6B,EAAE,EAAE;UACFsC,QAAQ,EAAE,UAAU;UACpBK,KAAK,EAAE,CAAC;UACR,WAAW,EAAE;YACXC,OAAO,EAAE,IAAI;YACbN,QAAQ,EAAE,UAAU;YACpBO,GAAG,EAAE,CAAC;YACNC,MAAM,EAAE,CAAC;YACT;YACA;YACA;YACA;YACA;YACA;YACA;YACAC,IAAI,EAAE,CAAC;YACP1B,KAAK,EAAE,KAAK;YACZmB,UAAU,EAAEjC,IAAI;YAChBgC,YAAY,EAAE,SAAS;YACvBS,UAAU,EAAE,WAAW;YACvBC,SAAS,EAAE;UACb,CAAC;UACD,0CAA0C,EAAE;YAC1C,IAAI,EAAI;cAAEC,SAAS,EAAE;YAAoB,CAAC;YAC1C,KAAK,EAAG;cAAEA,SAAS,EAAE;YAAmB,CAAC;YACzC,MAAM,EAAE;cAAEA,SAAS,EAAE;YAAmB;UAC1C;UACA;UACA;QACF;MAAE,CACH;IACF,CACE,CAAC,EAELvD,MAAM,iBACLtB,IAAA,CAACF,GAAG;MACFyD,EAAE,EAAEV,QAAS;MACblB,EAAE,EAAE;QACFmD,SAAS,EAAE,GAAG;QACdrB,QAAQ,EAAE,gBAAgB;QAC1BE,KAAK,EAAE,kBAAkB;QACzBC,UAAU,EAAE;MACd,CAAE;MAAAX,QAAA,EAED3B;IAAM,CACJ,CACN;EAAA,CACE,CAAC;AAEV;AAEA,eAAeV,WAAW","ignoreList":[]}