@portnet/ui 6.0.1 → 6.0.3

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

@@ -23,6 +23,10 @@
  *       />
  *     );
  *   }
+ *
+ * Localisation (P-4): every visible string is overridable through
+ * `labels`, defaulting to French. The shape matches the other three
+ * error pages so one translation object can serve all of them.
  */
 import Box from "@mui/material/Box";
 import ArrowBack from "@mui/icons-material/ArrowBack";
@@ -30,16 +34,29 @@ import ErrorOutline from "@mui/icons-material/ErrorOutlined";
 import ActionBar from "../patterns/ActionBar";
 import Button from "./Button";
 import ErrorPageBody from "./_ErrorPageBody";
+import { mergeLabels } from "../utils/mergeLabels";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-function ServerErrorPage(_ref) {
-  var onBack = _ref.onBack,
-    onHome = _ref.onHome,
-    onRetry = _ref.onRetry;
+const DEFAULT_LABELS = Object.freeze({
+  breadcrumbRoot: "Erreur",
+  breadcrumbCurrent: "Erreur serveur",
+  title: "Erreur serveur",
+  heading: "Le serveur a rencontré une erreur",
+  description: "Le service est momentanément indisponible. Réessayez dans quelques instants. Si le problème persiste, contactez le support en mentionnant le code 500.",
+  retry: "Réessayer",
+  home: "Retour à l'accueil"
+});
+function ServerErrorPage({
+  onBack,
+  onHome,
+  onRetry,
+  labels
+}) {
+  const L = mergeLabels(DEFAULT_LABELS, labels);
   return /*#__PURE__*/_jsxs(_Fragment, {
     children: [/*#__PURE__*/_jsx(ActionBar, {
       back: onBack,
-      breadcrumb: ["Erreur", "Erreur serveur"],
-      title: "Erreur serveur"
+      breadcrumb: [L.breadcrumbRoot, L.breadcrumbCurrent],
+      title: L.title
     }), /*#__PURE__*/_jsx(ErrorPageBody, {
       icon: /*#__PURE__*/_jsx(ErrorOutline, {
         sx: {
@@ -48,8 +65,8 @@ function ServerErrorPage(_ref) {
         }
       }),
       code: "500",
-      title: "Le serveur a rencontr\xE9 une erreur",
-      description: "Le service est momentan\xE9ment indisponible. R\xE9essayez dans quelques instants. Si le probl\xE8me persiste, contactez le support en mentionnant le code 500."
+      title: L.heading,
+      description: L.description
     }), /*#__PURE__*/_jsxs(Box, {
       sx: {
         display: "flex",
@@ -60,12 +77,12 @@ function ServerErrorPage(_ref) {
       children: [onRetry ? /*#__PURE__*/_jsx(Button, {
         variant: "ghost",
         onClick: onRetry,
-        children: "R\xE9essayer"
+        children: L.retry
       }) : null, /*#__PURE__*/_jsx(Button, {
         variant: "primary",
         icon: /*#__PURE__*/_jsx(ArrowBack, {}),
         onClick: onHome,
-        children: "Retour \xE0 l'accueil"
+        children: L.home
       })]
     })]
   });

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

@@ -1 +1 @@
-{"version":3,"file":"ServerErrorPage.js","names":["Box","ArrowBack","ErrorOutline","ActionBar","Button","ErrorPageBody","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","ServerErrorPage","_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/ServerErrorPage.tsx"],"sourcesContent":["/**\r\n * ServerErrorPage — Portnet UI v2 (component)\r\n *\r\n * Charter §07 · 500 / Erreur serveur.\r\n *\r\n * Adds an optional onRetry callback on top of the ForbiddenPage /\r\n * NotFoundPage contract. The retry button is only rendered when\r\n * onRetry is supplied — the lib deliberately avoids defaulting it\r\n * to window.location.reload() because that policy belongs to the\r\n * host (some hosts may prefer cache-clear, axios retry, backoff,\r\n * or a route-level revalidation).\r\n *\r\n *   import { ServerErrorPage } from \"@portnet/ui/lib/v2\";\r\n *   import { useNavigate } from \"react-router-dom\";\r\n *\r\n *   function ServerErrorRoute() {\r\n *     const navigate = useNavigate();\r\n *     return (\r\n *       <ServerErrorPage\r\n *         onBack={() => navigate(-1)}\r\n *         onHome={() => navigate(\"/\")}\r\n *         onRetry={() => window.location.reload()}\r\n *       />\r\n *     );\r\n *   }\r\n */\r\nimport Box from \"@mui/material/Box\";\r\nimport ArrowBack from \"@mui/icons-material/ArrowBack\";\r\nimport ErrorOutline from \"@mui/icons-material/ErrorOutlined\";\r\nimport ActionBar from \"../patterns/ActionBar\";\r\nimport Button from \"./Button\";\r\nimport ErrorPageBody from \"./_ErrorPageBody\";\r\n\r\nexport interface ServerErrorPageProps {\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 ServerErrorPage({ onBack, onHome, onRetry }: ServerErrorPageProps) {\r\n  return (\r\n    <>\r\n      <ActionBar\r\n        back={onBack}\r\n        breadcrumb={[\"Erreur\", \"Erreur serveur\"]}\r\n        title=\"Erreur serveur\"\r\n      />\r\n      <ErrorPageBody\r\n        icon={<ErrorOutline sx={{ fontSize: 64, color: \"var(--danger)\" }} />}\r\n        code=\"500\"\r\n        title=\"Le serveur a rencontré une erreur\"\r\n        description=\"Le service est momentanément indisponible. Réessayez dans quelques instants. Si le problème persiste, contactez le support en mentionnant le code 500.\"\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 ServerErrorPage;\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,OAAOA,GAAG,MAAM,mBAAmB;AACnC,OAAOC,SAAS,MAAM,+BAA+B;AACrD,OAAOC,YAAY,MAAM,mCAAmC;AAC5D,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,eAAeA,CAAAC,IAAA,EAAoD;EAAA,IAAjDC,MAAM,GAAAD,IAAA,CAANC,MAAM;IAAEC,MAAM,GAAAF,IAAA,CAANE,MAAM;IAAEC,OAAO,GAAAH,IAAA,CAAPG,OAAO;EAChD,oBACEP,KAAA,CAAAE,SAAA;IAAAM,QAAA,gBACEV,IAAA,CAACJ,SAAS;MACRe,IAAI,EAAEJ,MAAO;MACbK,UAAU,EAAE,CAAC,QAAQ,EAAE,gBAAgB,CAAE;MACzCC,KAAK,EAAC;IAAgB,CACvB,CAAC,eACFb,IAAA,CAACF,aAAa;MACZgB,IAAI,eAAEd,IAAA,CAACL,YAAY;QAACoB,EAAE,EAAE;UAAEC,QAAQ,EAAE,EAAE;UAAEC,KAAK,EAAE;QAAgB;MAAE,CAAE,CAAE;MACrEC,IAAI,EAAC,KAAK;MACVL,KAAK,EAAC,sCAAmC;MACzCM,WAAW,EAAC;IAAwJ,CACrK,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,eAAe","ignoreList":[]}
+{"version":3,"file":"ServerErrorPage.js","names":["Box","ArrowBack","ErrorOutline","ActionBar","Button","ErrorPageBody","mergeLabels","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","DEFAULT_LABELS","Object","freeze","breadcrumbRoot","breadcrumbCurrent","title","heading","description","retry","home","ServerErrorPage","onBack","onHome","onRetry","labels","L","children","back","breadcrumb","icon","sx","fontSize","color","code","display","justifyContent","gap","paddingBottom","variant","onClick"],"sources":["../../../../src/lib/v2/components/ServerErrorPage.tsx"],"sourcesContent":["/**\r\n * ServerErrorPage — Portnet UI v2 (component)\r\n *\r\n * Charter §07 · 500 / Erreur serveur.\r\n *\r\n * Adds an optional onRetry callback on top of the ForbiddenPage /\r\n * NotFoundPage contract. The retry button is only rendered when\r\n * onRetry is supplied — the lib deliberately avoids defaulting it\r\n * to window.location.reload() because that policy belongs to the\r\n * host (some hosts may prefer cache-clear, axios retry, backoff,\r\n * or a route-level revalidation).\r\n *\r\n *   import { ServerErrorPage } from \"@portnet/ui/lib/v2\";\r\n *   import { useNavigate } from \"react-router-dom\";\r\n *\r\n *   function ServerErrorRoute() {\r\n *     const navigate = useNavigate();\r\n *     return (\r\n *       <ServerErrorPage\r\n *         onBack={() => navigate(-1)}\r\n *         onHome={() => navigate(\"/\")}\r\n *         onRetry={() => window.location.reload()}\r\n *       />\r\n *     );\r\n *   }\r\n *\r\n * Localisation (P-4): every visible string is overridable through\r\n * `labels`, defaulting to French. The shape matches the other three\r\n * error pages so one translation object can serve all of them.\r\n */\r\nimport Box from \"@mui/material/Box\";\r\nimport ArrowBack from \"@mui/icons-material/ArrowBack\";\r\nimport ErrorOutline from \"@mui/icons-material/ErrorOutlined\";\r\nimport ActionBar from \"../patterns/ActionBar\";\r\nimport Button from \"./Button\";\r\nimport ErrorPageBody from \"./_ErrorPageBody\";\r\nimport { mergeLabels } from \"../utils/mergeLabels\";\r\n\r\nexport interface ServerErrorPageLabels {\r\n  /** First breadcrumb crumb. */\r\n  breadcrumbRoot?: string | undefined;\r\n  /** Last breadcrumb crumb — aria-current=\"page\". */\r\n  breadcrumbCurrent?: string | undefined;\r\n  /** ActionBar heading (the page's <h1>). */\r\n  title?: string | undefined;\r\n  /** Descriptive sentence under the code ornament (the <h2>). */\r\n  heading?: string | undefined;\r\n  /**\r\n   * Body paragraph.\r\n   *\r\n   * KEEP THE STATUS CODE IN THE TEXT when translating. The big \"500\"\r\n   * ornament is aria-hidden (B4-EXT-1 — it used to be an <h1> that\r\n   * collided with ActionBar's), so this sentence is the only access a\r\n   * screen-reader user has to the number they would quote to support.\r\n   * It reads as redundant next to the ornament and is not.\r\n   */\r\n  description?: string | undefined;\r\n  /** Secondary retry label — only rendered when onRetry is supplied. */\r\n  retry?: string | undefined;\r\n  /** Primary CTA label. */\r\n  home?: string | undefined;\r\n}\r\n\r\nconst DEFAULT_LABELS = Object.freeze({\r\n  breadcrumbRoot:    \"Erreur\",\r\n  breadcrumbCurrent: \"Erreur serveur\",\r\n  title:             \"Erreur serveur\",\r\n  heading:           \"Le serveur a rencontré une erreur\",\r\n  description:\r\n    \"Le service est momentanément indisponible. Réessayez dans quelques instants. Si le problème persiste, contactez le support en mentionnant le code 500.\",\r\n  retry:             \"Réessayer\",\r\n  home:              \"Retour à l'accueil\",\r\n});\r\n\r\nexport interface ServerErrorPageProps {\r\n  /** Callback for the back button (top-bar arrow). */\r\n  onBack: () => void;\r\n  /** Callback for the primary \"Retour à l'accueil\" CTA. */\r\n  onHome: () => void;\r\n  /** Optional retry callback. When omitted, the Réessayer button is hidden. */\r\n  onRetry?: (() => void) | undefined;\r\n  /** Overrides for the page's French defaults (P-4). */\r\n  labels?: ServerErrorPageLabels | undefined;\r\n}\r\n\r\nfunction ServerErrorPage({ onBack, onHome, onRetry, labels }: ServerErrorPageProps) {\r\n  const L = mergeLabels(DEFAULT_LABELS, labels);\r\n\r\n  return (\r\n    <>\r\n      <ActionBar\r\n        back={onBack}\r\n        breadcrumb={[L.breadcrumbRoot, L.breadcrumbCurrent]}\r\n        title={L.title}\r\n      />\r\n      <ErrorPageBody\r\n        icon={<ErrorOutline sx={{ fontSize: 64, color: \"var(--danger)\" }} />}\r\n        code=\"500\"\r\n        title={L.heading}\r\n        description={L.description}\r\n      />\r\n      <Box\r\n        sx={{\r\n          display:        \"flex\",\r\n          justifyContent: \"center\",\r\n          gap:            \"var(--s-3)\",\r\n          paddingBottom:  \"var(--s-7)\",\r\n        }}\r\n      >\r\n        {onRetry ? (\r\n          <Button variant=\"ghost\" onClick={onRetry}>\r\n            {L.retry}\r\n          </Button>\r\n        ) : null}\r\n        <Button variant=\"primary\" icon={<ArrowBack />} onClick={onHome}>\r\n          {L.home}\r\n        </Button>\r\n      </Box>\r\n    </>\r\n  );\r\n}\r\n\r\nexport default ServerErrorPage;\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,YAAY,MAAM,mCAAmC;AAC5D,OAAOC,SAAS,MAAM,uBAAuB;AAC7C,OAAOC,MAAM,MAAM,UAAU;AAC7B,OAAOC,aAAa,MAAM,kBAAkB;AAC5C,SAASC,WAAW,QAAQ,sBAAsB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA,EAAAC,QAAA,IAAAC,SAAA;AA2BnD,MAAMC,cAAc,GAAGC,MAAM,CAACC,MAAM,CAAC;EACnCC,cAAc,EAAK,QAAQ;EAC3BC,iBAAiB,EAAE,gBAAgB;EACnCC,KAAK,EAAc,gBAAgB;EACnCC,OAAO,EAAY,mCAAmC;EACtDC,WAAW,EACT,wJAAwJ;EAC1JC,KAAK,EAAc,WAAW;EAC9BC,IAAI,EAAe;AACrB,CAAC,CAAC;AAaF,SAASC,eAAeA,CAAC;EAAEC,MAAM;EAAEC,MAAM;EAAEC,OAAO;EAAEC;AAA6B,CAAC,EAAE;EAClF,MAAMC,CAAC,GAAGtB,WAAW,CAACO,cAAc,EAAEc,MAAM,CAAC;EAE7C,oBACEjB,KAAA,CAAAE,SAAA;IAAAiB,QAAA,gBACErB,IAAA,CAACL,SAAS;MACR2B,IAAI,EAAEN,MAAO;MACbO,UAAU,EAAE,CAACH,CAAC,CAACZ,cAAc,EAAEY,CAAC,CAACX,iBAAiB,CAAE;MACpDC,KAAK,EAAEU,CAAC,CAACV;IAAM,CAChB,CAAC,eACFV,IAAA,CAACH,aAAa;MACZ2B,IAAI,eAAExB,IAAA,CAACN,YAAY;QAAC+B,EAAE,EAAE;UAAEC,QAAQ,EAAE,EAAE;UAAEC,KAAK,EAAE;QAAgB;MAAE,CAAE,CAAE;MACrEC,IAAI,EAAC,KAAK;MACVlB,KAAK,EAAEU,CAAC,CAACT,OAAQ;MACjBC,WAAW,EAAEQ,CAAC,CAACR;IAAY,CAC5B,CAAC,eACFV,KAAA,CAACV,GAAG;MACFiC,EAAE,EAAE;QACFI,OAAO,EAAS,MAAM;QACtBC,cAAc,EAAE,QAAQ;QACxBC,GAAG,EAAa,YAAY;QAC5BC,aAAa,EAAG;MAClB,CAAE;MAAAX,QAAA,GAEDH,OAAO,gBACNlB,IAAA,CAACJ,MAAM;QAACqC,OAAO,EAAC,OAAO;QAACC,OAAO,EAAEhB,OAAQ;QAAAG,QAAA,EACtCD,CAAC,CAACP;MAAK,CACF,CAAC,GACP,IAAI,eACRb,IAAA,CAACJ,MAAM;QAACqC,OAAO,EAAC,SAAS;QAACT,IAAI,eAAExB,IAAA,CAACP,SAAS,IAAE,CAAE;QAACyC,OAAO,EAAEjB,MAAO;QAAAI,QAAA,EAC5DD,CAAC,CAACN;MAAI,CACD,CAAC;IAAA,CACN,CAAC;EAAA,CACN,CAAC;AAEP;AAEA,eAAeC,eAAe","ignoreList":[]}

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

@@ -1,9 +1,3 @@
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 import * as React from "react";
 import { cx } from "../utils/cx";
 
@@ -32,23 +26,22 @@ import { cx } from "../utils/cx";
  *   are aria-hidden placeholders that don't carry localisable strings.
  */
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export function Skeleton(_ref) {
-  var _ref$width = _ref.width,
-    width = _ref$width === void 0 ? "100%" : _ref$width,
-    _ref$height = _ref.height,
-    height = _ref$height === void 0 ? 14 : _ref$height,
-    _ref$radius = _ref.radius,
-    radius = _ref$radius === void 0 ? 6 : _ref$radius,
-    style = _ref.style,
-    className = _ref.className;
+export function Skeleton({
+  width = "100%",
+  height = 14,
+  radius = 6,
+  style,
+  className
+}) {
   return /*#__PURE__*/_jsx("span", {
     className: cx("pui-skeleton", className),
-    style: _objectSpread({
+    style: {
       display: "block",
-      width: width,
-      height: height,
-      borderRadius: radius
-    }, style),
+      width,
+      height,
+      borderRadius: radius,
+      ...style
+    },
     "aria-hidden": "true"
   });
 }
@@ -79,14 +72,12 @@ export function SkeletonKPI() {
     })]
   });
 }
-export function SkeletonRow(_ref2) {
-  var _ref2$cols = _ref2.cols,
-    cols = _ref2$cols === void 0 ? 8 : _ref2$cols,
-    _ref2$withCheckbox = _ref2.withCheckbox,
-    withCheckbox = _ref2$withCheckbox === void 0 ? true : _ref2$withCheckbox,
-    _ref2$withActions = _ref2.withActions,
-    withActions = _ref2$withActions === void 0 ? true : _ref2$withActions;
-  var widths = ["28%", "16%", "9%", "12%", "14%", "20%", "12%", "10%"];
+export function SkeletonRow({
+  cols = 8,
+  withCheckbox = true,
+  withActions = true
+}) {
+  const widths = ["28%", "16%", "9%", "12%", "14%", "20%", "12%", "10%"];
   return /*#__PURE__*/_jsxs("tr", {
     "aria-hidden": "true",
     style: {
@@ -103,17 +94,18 @@ export function SkeletonRow(_ref2) {
       })
     }), Array.from({
       length: cols
-    }, function (_, i) {
-      var w = widths[i % widths.length];
+    }, (_, i) => {
+      const w = widths[i % widths.length];
       return /*#__PURE__*/_jsx("td", {
         style: {
           padding: "var(--s-3) var(--s-4)"
         },
-        children: /*#__PURE__*/_jsx(Skeleton, _objectSpread({
-          height: 13
-        }, w !== undefined ? {
-          width: w
-        } : {}))
+        children: /*#__PURE__*/_jsx(Skeleton, {
+          height: 13,
+          ...(w !== undefined ? {
+            width: w
+          } : {})
+        })
       }, i);
     }), withActions && /*#__PURE__*/_jsx("td", {})]
   });
@@ -147,31 +139,28 @@ export function SkeletonDetailHero() {
         paddingTop: "var(--s-4)",
         borderTop: "1px solid var(--border)"
       },
-      children: [1, 2, 3].map(function (i) {
-        return /*#__PURE__*/_jsxs("div", {
+      children: [1, 2, 3].map(i => /*#__PURE__*/_jsxs("div", {
+        style: {
+          flex: 1
+        },
+        children: [/*#__PURE__*/_jsx(Skeleton, {
+          width: "60%",
+          height: 10,
           style: {
-            flex: 1
-          },
-          children: [/*#__PURE__*/_jsx(Skeleton, {
-            width: "60%",
-            height: 10,
-            style: {
-              marginBottom: "var(--s-2)"
-            }
-          }), /*#__PURE__*/_jsx(Skeleton, {
-            width: "80%",
-            height: 16
-          })]
-        }, i);
-      })
+            marginBottom: "var(--s-2)"
+          }
+        }), /*#__PURE__*/_jsx(Skeleton, {
+          width: "80%",
+          height: 16
+        })]
+      }, i))
     })]
   });
 }
-export function SkeletonTabContent(_ref3) {
-  var _ref3$rows = _ref3.rows,
-    rows = _ref3$rows === void 0 ? 4 : _ref3$rows,
-    _ref3$loadingLabel = _ref3.loadingLabel,
-    loadingLabel = _ref3$loadingLabel === void 0 ? "Chargement du contenu…" : _ref3$loadingLabel;
+export function SkeletonTabContent({
+  rows = 4,
+  loadingLabel = "Chargement du contenu…"
+}) {
   return /*#__PURE__*/_jsxs("div", {
     "aria-busy": "true",
     "aria-label": loadingLabel,
@@ -189,25 +178,23 @@ export function SkeletonTabContent(_ref3) {
       }
     }), Array.from({
       length: rows
-    }, function (_, i) {
-      return /*#__PURE__*/_jsxs("div", {
-        style: {
-          display: "flex",
-          gap: "var(--s-3)",
-          alignItems: "center"
-        },
-        children: [/*#__PURE__*/_jsx(Skeleton, {
-          width: "".concat(60 + i % 3 * 12, "%"),
-          height: 13
-        }), /*#__PURE__*/_jsx(Skeleton, {
-          width: "15%",
-          height: 13
-        }), /*#__PURE__*/_jsx(Skeleton, {
-          width: "10%",
-          height: 13
-        })]
-      }, i);
-    })]
+    }, (_, i) => /*#__PURE__*/_jsxs("div", {
+      style: {
+        display: "flex",
+        gap: "var(--s-3)",
+        alignItems: "center"
+      },
+      children: [/*#__PURE__*/_jsx(Skeleton, {
+        width: `${60 + i % 3 * 12}%`,
+        height: 13
+      }), /*#__PURE__*/_jsx(Skeleton, {
+        width: "15%",
+        height: 13
+      }), /*#__PURE__*/_jsx(Skeleton, {
+        width: "10%",
+        height: 13
+      })]
+    }, i))]
   });
 }
 
@@ -230,38 +217,36 @@ export function SkeletonTabContent(_ref3) {
  * region — it's typically used as a standalone loading surface, not
  * as a sub-element of a larger Skeleton composition.
  */
-var SKELETON_TEXT_DEFAULT_WIDTHS = [80, 60, 90, 70, 50];
-export function SkeletonText(_ref4) {
-  var _ref4$lines = _ref4.lines,
-    lines = _ref4$lines === void 0 ? 3 : _ref4$lines,
-    widths = _ref4.widths,
-    _ref4$height = _ref4.height,
-    height = _ref4$height === void 0 ? 14 : _ref4$height,
-    _ref4$gap = _ref4.gap,
-    gap = _ref4$gap === void 0 ? "var(--s-3)" : _ref4$gap,
-    _ref4$loadingLabel = _ref4.loadingLabel,
-    loadingLabel = _ref4$loadingLabel === void 0 ? "Chargement…" : _ref4$loadingLabel;
-  var safeLines = Math.max(1, Math.floor(lines));
-  var pattern = Array.isArray(widths) && widths.length > 0 ? widths : SKELETON_TEXT_DEFAULT_WIDTHS;
+const SKELETON_TEXT_DEFAULT_WIDTHS = [80, 60, 90, 70, 50];
+export function SkeletonText({
+  lines = 3,
+  widths,
+  height = 14,
+  gap = "var(--s-3)",
+  loadingLabel = "Chargement…"
+}) {
+  const safeLines = Math.max(1, Math.floor(lines));
+  const pattern = Array.isArray(widths) && widths.length > 0 ? widths : SKELETON_TEXT_DEFAULT_WIDTHS;
   return /*#__PURE__*/_jsx("div", {
     "aria-busy": "true",
     "aria-label": loadingLabel,
     style: {
       display: "flex",
       flexDirection: "column",
-      gap: gap
+      gap
     },
     children: Array.from({
       length: safeLines
-    }, function (_, i) {
-      var raw = pattern[i % pattern.length];
-      var w = typeof raw === "number" ? "".concat(raw, "%") : raw;
-      return /*#__PURE__*/_jsx(Skeleton, _objectSpread(_objectSpread({}, w !== undefined ? {
-        width: w
-      } : {}), {}, {
+    }, (_, i) => {
+      const raw = pattern[i % pattern.length];
+      const w = typeof raw === "number" ? `${raw}%` : raw;
+      return /*#__PURE__*/_jsx(Skeleton, {
+        ...(w !== undefined ? {
+          width: w
+        } : {}),
         height: height,
         radius: 4
-      }), i);
+      }, i);
     })
   });
 }

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

@@ -1 +1 @@
-{"version":3,"file":"Skeleton.js","names":["React","cx","jsx","_jsx","jsxs","_jsxs","Skeleton","_ref","_ref$width","width","_ref$height","height","_ref$radius","radius","style","className","_objectSpread","display","borderRadius","SkeletonKPI","padding","background","border","children","marginBottom","SkeletonRow","_ref2","_ref2$cols","cols","_ref2$withCheckbox","withCheckbox","_ref2$withActions","withActions","widths","borderBottom","Array","from","length","_","i","w","undefined","SkeletonDetailHero","gap","paddingTop","borderTop","map","flex","SkeletonTabContent","_ref3","_ref3$rows","rows","_ref3$loadingLabel","loadingLabel","flexDirection","alignItems","concat","SKELETON_TEXT_DEFAULT_WIDTHS","SkeletonText","_ref4","_ref4$lines","lines","_ref4$height","_ref4$gap","_ref4$loadingLabel","safeLines","Math","max","floor","pattern","isArray","raw"],"sources":["../../../../src/lib/v2/components/Skeleton.tsx"],"sourcesContent":["import * as React from \"react\";\r\nimport { cx } from \"../utils/cx\";\r\n\r\n/**\r\n * Skeleton - Portnet UI v2\r\n *\r\n * Charter §03 / §04.2.\r\n * R-Sk.1 - Affiché si chargement > 200 ms ; sinon ne rien afficher.\r\n * R-Sk.2 - Forme et nombre miment le contenu réel.\r\n * R-Sk.3 - aria-busy sur container, contenu skeleton aria-hidden.\r\n * R-Sk.4 - Animation supprimée si prefers-reduced-motion (handled in base.css).\r\n *\r\n * Primitive:\r\n *   <Skeleton width=\"60%\" height={14} />\r\n *\r\n * Named compositions:\r\n *   <SkeletonRow cols={6} />\r\n *   <SkeletonKPI />\r\n *   <SkeletonDetailHero />\r\n *   <SkeletonTabContent rows={4} />\r\n *   <SkeletonText lines={5} />\r\n *\r\n * Localisation (FR / EN / AR):\r\n *   SkeletonTabContent and SkeletonText surface a textual aria-busy\r\n *   region; pass `loadingLabel` to localise. The other compositions\r\n *   are aria-hidden placeholders that don't carry localisable strings.\r\n */\r\n\r\nexport interface SkeletonProps {\r\n  width?: string | number | undefined;\r\n  height?: string | number | undefined;\r\n  radius?: number | undefined;\r\n  style?: React.CSSProperties | undefined;\r\n  className?: string | undefined;\r\n}\r\n\r\nexport function Skeleton({ width = \"100%\", height = 14, radius = 6, style, className }: SkeletonProps) {\r\n  return (\r\n    <span\r\n      className={cx(\"pui-skeleton\", className)}\r\n      style={{\r\n        display: \"block\",\r\n        width,\r\n        height,\r\n        borderRadius: radius,\r\n        ...style,\r\n      }}\r\n      aria-hidden=\"true\"\r\n    />\r\n  );\r\n}\r\n\r\nexport function SkeletonKPI() {\r\n  return (\r\n    <div\r\n      aria-hidden=\"true\"\r\n      style={{\r\n        padding: \"var(--s-4) var(--s-5)\",\r\n        background: \"var(--surface)\",\r\n        border: \"1px solid var(--border)\",\r\n        borderRadius: \"var(--r-lg)\",\r\n      }}\r\n    >\r\n      <Skeleton width=\"55%\" height={11} style={{ marginBottom: \"var(--s-3)\" }} />\r\n      <Skeleton width=\"38%\" height={28} style={{ marginBottom: \"var(--s-2)\" }} />\r\n      <Skeleton width=\"72%\" height={11} />\r\n    </div>\r\n  );\r\n}\r\n\r\nexport interface SkeletonRowProps {\r\n  cols?: number | undefined;\r\n  withCheckbox?: boolean | undefined;\r\n  withActions?: boolean | undefined;\r\n}\r\n\r\nexport function SkeletonRow({ cols = 8, withCheckbox = true, withActions = true }: SkeletonRowProps) {\r\n  const widths = [\"28%\", \"16%\", \"9%\", \"12%\", \"14%\", \"20%\", \"12%\", \"10%\"];\r\n  return (\r\n    <tr aria-hidden=\"true\" style={{ borderBottom: \"1px solid var(--border)\" }}>\r\n      {withCheckbox && (\r\n        <td style={{ padding: \"var(--s-3) var(--s-4)\" }}>\r\n          <Skeleton width={16} height={16} radius={4} />\r\n        </td>\r\n      )}\r\n      {Array.from({ length: cols }, (_, i) => {\r\n        const w = widths[i % widths.length];\r\n        return (\r\n          <td key={i} style={{ padding: \"var(--s-3) var(--s-4)\" }}>\r\n            <Skeleton height={13} {...(w !== undefined ? { width: w } : {})} />\r\n          </td>\r\n        );\r\n      })}\r\n      {withActions && <td />}\r\n    </tr>\r\n  );\r\n}\r\n\r\nexport function SkeletonDetailHero() {\r\n  return (\r\n    <div\r\n      aria-hidden=\"true\"\r\n      style={{\r\n        padding: \"var(--s-5) var(--s-6)\",\r\n        background: \"var(--surface)\",\r\n        border: \"1px solid var(--border)\",\r\n        borderRadius: \"var(--r-lg)\",\r\n        marginBottom: \"var(--s-4)\",\r\n      }}\r\n    >\r\n      <Skeleton width=\"38%\" height={22} style={{ marginBottom: \"var(--s-2)\" }} />\r\n      <Skeleton width=\"55%\" height={11} style={{ marginBottom: \"var(--s-4)\" }} />\r\n      <div style={{ display: \"flex\", gap: \"var(--s-6)\", paddingTop: \"var(--s-4)\", borderTop: \"1px solid var(--border)\" }}>\r\n        {[1, 2, 3].map((i) => (\r\n          <div key={i} style={{ flex: 1 }}>\r\n            <Skeleton width=\"60%\" height={10} style={{ marginBottom: \"var(--s-2)\" }} />\r\n            <Skeleton width=\"80%\" height={16} />\r\n          </div>\r\n        ))}\r\n      </div>\r\n    </div>\r\n  );\r\n}\r\n\r\nexport interface SkeletonTabContentProps {\r\n  rows?: number | undefined;\r\n  loadingLabel?: string | undefined;\r\n}\r\n\r\nexport function SkeletonTabContent({ rows = 4, loadingLabel = \"Chargement du contenu…\" }: SkeletonTabContentProps) {\r\n  return (\r\n    <div\r\n      aria-busy=\"true\"\r\n      aria-label={loadingLabel}\r\n      style={{ display: \"flex\", flexDirection: \"column\", gap: \"var(--s-3)\", padding: \"var(--s-2) 0\" }}\r\n    >\r\n      <Skeleton width=\"40%\" height={18} style={{ marginBottom: \"var(--s-1)\" }} />\r\n      {Array.from({ length: rows }, (_, i) => (\r\n        <div key={i} style={{ display: \"flex\", gap: \"var(--s-3)\", alignItems: \"center\" }}>\r\n          <Skeleton width={`${60 + (i % 3) * 12}%`} height={13} />\r\n          <Skeleton width=\"15%\" height={13} />\r\n          <Skeleton width=\"10%\" height={13} />\r\n        </div>\r\n      ))}\r\n    </div>\r\n  );\r\n}\r\n\r\n/**\r\n * SkeletonText — 5-line shimmer for narrow contexts (drawer body,\r\n * sub-skeleton inside a tab, narrow-column placeholder). Targets the\r\n * gap between SkeletonRow (table cells) and SkeletonDetailHero (full\r\n * page surface).\r\n *\r\n * API:\r\n *   <SkeletonText lines={5} />                                // varied widths\r\n *   <SkeletonText lines={4} widths={[80, 60, 90, 50]} />      // explicit\r\n *   <SkeletonText lines={5} height={16} loadingLabel=\"…\" />\r\n *\r\n * `widths` accepts numbers (treated as percentages) or strings\r\n * (passed through to the Skeleton primitive width prop).\r\n * If `widths` is shorter than `lines`, it cycles.\r\n *\r\n * Like SkeletonTabContent, this carries the labelled aria-busy\r\n * region — it's typically used as a standalone loading surface, not\r\n * as a sub-element of a larger Skeleton composition.\r\n */\r\nconst SKELETON_TEXT_DEFAULT_WIDTHS = [80, 60, 90, 70, 50];\r\n\r\nexport interface SkeletonTextProps {\r\n  lines?: number | undefined;\r\n  widths?: Array<string | number> | undefined;\r\n  height?: string | number | undefined;\r\n  gap?: string | undefined;\r\n  loadingLabel?: string | undefined;\r\n}\r\n\r\nexport function SkeletonText({\r\n  lines = 3,\r\n  widths,\r\n  height = 14,\r\n  gap = \"var(--s-3)\",\r\n  loadingLabel = \"Chargement…\",\r\n}: SkeletonTextProps) {\r\n  const safeLines = Math.max(1, Math.floor(lines));\r\n  const pattern =\r\n    Array.isArray(widths) && widths.length > 0\r\n      ? widths\r\n      : SKELETON_TEXT_DEFAULT_WIDTHS;\r\n\r\n  return (\r\n    <div\r\n      aria-busy=\"true\"\r\n      aria-label={loadingLabel}\r\n      style={{\r\n        display: \"flex\",\r\n        flexDirection: \"column\",\r\n        gap,\r\n      }}\r\n    >\r\n      {Array.from({ length: safeLines }, (_, i) => {\r\n        const raw = pattern[i % pattern.length];\r\n        const w = typeof raw === \"number\" ? `${raw}%` : raw;\r\n        return (\r\n          <Skeleton key={i} {...(w !== undefined ? { width: w } : {})} height={height} radius={4} />\r\n        );\r\n      })}\r\n    </div>\r\n  );\r\n}\r\n\r\nexport default Skeleton;\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Skeleton.js","names":["React","cx","jsx","_jsx","jsxs","_jsxs","Skeleton","width","height","radius","style","className","display","borderRadius","SkeletonKPI","padding","background","border","children","marginBottom","SkeletonRow","cols","withCheckbox","withActions","widths","borderBottom","Array","from","length","_","i","w","undefined","SkeletonDetailHero","gap","paddingTop","borderTop","map","flex","SkeletonTabContent","rows","loadingLabel","flexDirection","alignItems","SKELETON_TEXT_DEFAULT_WIDTHS","SkeletonText","lines","safeLines","Math","max","floor","pattern","isArray","raw"],"sources":["../../../../src/lib/v2/components/Skeleton.tsx"],"sourcesContent":["import * as React from \"react\";\r\nimport { cx } from \"../utils/cx\";\r\n\r\n/**\r\n * Skeleton - Portnet UI v2\r\n *\r\n * Charter §03 / §04.2.\r\n * R-Sk.1 - Affiché si chargement > 200 ms ; sinon ne rien afficher.\r\n * R-Sk.2 - Forme et nombre miment le contenu réel.\r\n * R-Sk.3 - aria-busy sur container, contenu skeleton aria-hidden.\r\n * R-Sk.4 - Animation supprimée si prefers-reduced-motion (handled in base.css).\r\n *\r\n * Primitive:\r\n *   <Skeleton width=\"60%\" height={14} />\r\n *\r\n * Named compositions:\r\n *   <SkeletonRow cols={6} />\r\n *   <SkeletonKPI />\r\n *   <SkeletonDetailHero />\r\n *   <SkeletonTabContent rows={4} />\r\n *   <SkeletonText lines={5} />\r\n *\r\n * Localisation (FR / EN / AR):\r\n *   SkeletonTabContent and SkeletonText surface a textual aria-busy\r\n *   region; pass `loadingLabel` to localise. The other compositions\r\n *   are aria-hidden placeholders that don't carry localisable strings.\r\n */\r\n\r\nexport interface SkeletonProps {\r\n  width?: string | number | undefined;\r\n  height?: string | number | undefined;\r\n  radius?: number | undefined;\r\n  style?: React.CSSProperties | undefined;\r\n  className?: string | undefined;\r\n}\r\n\r\nexport function Skeleton({ width = \"100%\", height = 14, radius = 6, style, className }: SkeletonProps) {\r\n  return (\r\n    <span\r\n      className={cx(\"pui-skeleton\", className)}\r\n      style={{\r\n        display: \"block\",\r\n        width,\r\n        height,\r\n        borderRadius: radius,\r\n        ...style,\r\n      }}\r\n      aria-hidden=\"true\"\r\n    />\r\n  );\r\n}\r\n\r\nexport function SkeletonKPI() {\r\n  return (\r\n    <div\r\n      aria-hidden=\"true\"\r\n      style={{\r\n        padding: \"var(--s-4) var(--s-5)\",\r\n        background: \"var(--surface)\",\r\n        border: \"1px solid var(--border)\",\r\n        borderRadius: \"var(--r-lg)\",\r\n      }}\r\n    >\r\n      <Skeleton width=\"55%\" height={11} style={{ marginBottom: \"var(--s-3)\" }} />\r\n      <Skeleton width=\"38%\" height={28} style={{ marginBottom: \"var(--s-2)\" }} />\r\n      <Skeleton width=\"72%\" height={11} />\r\n    </div>\r\n  );\r\n}\r\n\r\nexport interface SkeletonRowProps {\r\n  cols?: number | undefined;\r\n  withCheckbox?: boolean | undefined;\r\n  withActions?: boolean | undefined;\r\n}\r\n\r\nexport function SkeletonRow({ cols = 8, withCheckbox = true, withActions = true }: SkeletonRowProps) {\r\n  const widths = [\"28%\", \"16%\", \"9%\", \"12%\", \"14%\", \"20%\", \"12%\", \"10%\"];\r\n  return (\r\n    <tr aria-hidden=\"true\" style={{ borderBottom: \"1px solid var(--border)\" }}>\r\n      {withCheckbox && (\r\n        <td style={{ padding: \"var(--s-3) var(--s-4)\" }}>\r\n          <Skeleton width={16} height={16} radius={4} />\r\n        </td>\r\n      )}\r\n      {Array.from({ length: cols }, (_, i) => {\r\n        const w = widths[i % widths.length];\r\n        return (\r\n          <td key={i} style={{ padding: \"var(--s-3) var(--s-4)\" }}>\r\n            <Skeleton height={13} {...(w !== undefined ? { width: w } : {})} />\r\n          </td>\r\n        );\r\n      })}\r\n      {withActions && <td />}\r\n    </tr>\r\n  );\r\n}\r\n\r\nexport function SkeletonDetailHero() {\r\n  return (\r\n    <div\r\n      aria-hidden=\"true\"\r\n      style={{\r\n        padding: \"var(--s-5) var(--s-6)\",\r\n        background: \"var(--surface)\",\r\n        border: \"1px solid var(--border)\",\r\n        borderRadius: \"var(--r-lg)\",\r\n        marginBottom: \"var(--s-4)\",\r\n      }}\r\n    >\r\n      <Skeleton width=\"38%\" height={22} style={{ marginBottom: \"var(--s-2)\" }} />\r\n      <Skeleton width=\"55%\" height={11} style={{ marginBottom: \"var(--s-4)\" }} />\r\n      <div style={{ display: \"flex\", gap: \"var(--s-6)\", paddingTop: \"var(--s-4)\", borderTop: \"1px solid var(--border)\" }}>\r\n        {[1, 2, 3].map((i) => (\r\n          <div key={i} style={{ flex: 1 }}>\r\n            <Skeleton width=\"60%\" height={10} style={{ marginBottom: \"var(--s-2)\" }} />\r\n            <Skeleton width=\"80%\" height={16} />\r\n          </div>\r\n        ))}\r\n      </div>\r\n    </div>\r\n  );\r\n}\r\n\r\nexport interface SkeletonTabContentProps {\r\n  rows?: number | undefined;\r\n  loadingLabel?: string | undefined;\r\n}\r\n\r\nexport function SkeletonTabContent({ rows = 4, loadingLabel = \"Chargement du contenu…\" }: SkeletonTabContentProps) {\r\n  return (\r\n    <div\r\n      aria-busy=\"true\"\r\n      aria-label={loadingLabel}\r\n      style={{ display: \"flex\", flexDirection: \"column\", gap: \"var(--s-3)\", padding: \"var(--s-2) 0\" }}\r\n    >\r\n      <Skeleton width=\"40%\" height={18} style={{ marginBottom: \"var(--s-1)\" }} />\r\n      {Array.from({ length: rows }, (_, i) => (\r\n        <div key={i} style={{ display: \"flex\", gap: \"var(--s-3)\", alignItems: \"center\" }}>\r\n          <Skeleton width={`${60 + (i % 3) * 12}%`} height={13} />\r\n          <Skeleton width=\"15%\" height={13} />\r\n          <Skeleton width=\"10%\" height={13} />\r\n        </div>\r\n      ))}\r\n    </div>\r\n  );\r\n}\r\n\r\n/**\r\n * SkeletonText — 5-line shimmer for narrow contexts (drawer body,\r\n * sub-skeleton inside a tab, narrow-column placeholder). Targets the\r\n * gap between SkeletonRow (table cells) and SkeletonDetailHero (full\r\n * page surface).\r\n *\r\n * API:\r\n *   <SkeletonText lines={5} />                                // varied widths\r\n *   <SkeletonText lines={4} widths={[80, 60, 90, 50]} />      // explicit\r\n *   <SkeletonText lines={5} height={16} loadingLabel=\"…\" />\r\n *\r\n * `widths` accepts numbers (treated as percentages) or strings\r\n * (passed through to the Skeleton primitive width prop).\r\n * If `widths` is shorter than `lines`, it cycles.\r\n *\r\n * Like SkeletonTabContent, this carries the labelled aria-busy\r\n * region — it's typically used as a standalone loading surface, not\r\n * as a sub-element of a larger Skeleton composition.\r\n */\r\nconst SKELETON_TEXT_DEFAULT_WIDTHS = [80, 60, 90, 70, 50];\r\n\r\nexport interface SkeletonTextProps {\r\n  lines?: number | undefined;\r\n  widths?: Array<string | number> | undefined;\r\n  height?: string | number | undefined;\r\n  gap?: string | undefined;\r\n  loadingLabel?: string | undefined;\r\n}\r\n\r\nexport function SkeletonText({\r\n  lines = 3,\r\n  widths,\r\n  height = 14,\r\n  gap = \"var(--s-3)\",\r\n  loadingLabel = \"Chargement…\",\r\n}: SkeletonTextProps) {\r\n  const safeLines = Math.max(1, Math.floor(lines));\r\n  const pattern =\r\n    Array.isArray(widths) && widths.length > 0\r\n      ? widths\r\n      : SKELETON_TEXT_DEFAULT_WIDTHS;\r\n\r\n  return (\r\n    <div\r\n      aria-busy=\"true\"\r\n      aria-label={loadingLabel}\r\n      style={{\r\n        display: \"flex\",\r\n        flexDirection: \"column\",\r\n        gap,\r\n      }}\r\n    >\r\n      {Array.from({ length: safeLines }, (_, i) => {\r\n        const raw = pattern[i % pattern.length];\r\n        const w = typeof raw === \"number\" ? `${raw}%` : raw;\r\n        return (\r\n          <Skeleton key={i} {...(w !== undefined ? { width: w } : {})} height={height} radius={4} />\r\n        );\r\n      })}\r\n    </div>\r\n  );\r\n}\r\n\r\nexport default Skeleton;\r\n"],"mappings":"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","ignoreList":[]}

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

@@ -23,14 +23,13 @@ import * as React from "react";
  * preserved (no preventDefault).
  */
 import { jsx as _jsx } from "react/jsx-runtime";
-function SkipLink(_ref) {
-  var _ref$href = _ref.href,
-    href = _ref$href === void 0 ? "#main-content" : _ref$href,
-    _ref$label = _ref.label,
-    label = _ref$label === void 0 ? "Aller au contenu principal" : _ref$label;
-  var handleClick = React.useCallback(function () {
+function SkipLink({
+  href = "#main-content",
+  label = "Aller au contenu principal"
+}) {
+  const handleClick = React.useCallback(() => {
     if (typeof document === "undefined" || !href.startsWith("#")) return;
-    var target = document.getElementById(href.slice(1));
+    const target = document.getElementById(href.slice(1));
     if (!target) return;
     // Bare in-page anchors don't reliably move focus into the target across
     // browsers; make it programmatically focusable (without joining the tab

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

@@ -1 +1 @@
-{"version":3,"file":"SkipLink.js","names":["React","jsx","_jsx","SkipLink","_ref","_ref$href","href","_ref$label","label","handleClick","useCallback","document","startsWith","target","getElementById","slice","hasAttribute","setAttribute","focus","className","onClick","children"],"sources":["../../../../src/lib/v2/components/SkipLink.tsx"],"sourcesContent":["import * as React from \"react\";\r\n\r\n/**\r\n * SkipLink — Portnet UI v2\r\n *\r\n * WCAG 2.4.1 · Charter R-N.6.\r\n * Mount as the FIRST focusable element of the AppShell.\r\n *\r\n *   <SkipLink href=\"#main-content\" />\r\n *   …\r\n *   <main id=\"main-content\">\r\n *\r\n * Visible-on-focus is handled by the `.pui-skip-link` class (base.css):\r\n * clipped off-screen but kept in the tab order, revealed on :focus /\r\n * :focus-visible.\r\n *\r\n * Focus movement (SL-1): a bare in-page anchor scrolls to the target and sets\r\n * the sequential-focus starting point in Chrome/Firefox/Edge, but Safari does\r\n * not move focus INTO the target unless it is focusable — so the next Tab may\r\n * not continue from the main region there. On activation we additionally focus\r\n * the target, adding tabIndex=-1 if the host didn't, so keyboard + screen-reader\r\n * users land in the region. The default anchor behaviour (scroll + hash) is\r\n * preserved (no preventDefault).\r\n */\r\n\r\nexport interface SkipLinkProps {\r\n  href?: string | undefined;\r\n  label?: React.ReactNode | undefined;\r\n}\r\n\r\nfunction SkipLink({ href = \"#main-content\", label = \"Aller au contenu principal\" }: SkipLinkProps) {\r\n  const handleClick = React.useCallback(() => {\r\n    if (typeof document === \"undefined\" || !href.startsWith(\"#\")) return;\r\n    const target = document.getElementById(href.slice(1));\r\n    if (!target) return;\r\n    // Bare in-page anchors don't reliably move focus into the target across\r\n    // browsers; make it programmatically focusable (without joining the tab\r\n    // order) and focus it. Default scroll + hash update are left intact.\r\n    if (!target.hasAttribute(\"tabindex\")) target.setAttribute(\"tabindex\", \"-1\");\r\n    target.focus();\r\n  }, [href]);\r\n\r\n  return (\r\n    <a className=\"pui-skip-link\" href={href} onClick={handleClick}>\r\n      {label}\r\n    </a>\r\n  );\r\n}\r\n\r\nexport default SkipLink;\r\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;;AAE9B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AArBA,SAAAC,GAAA,IAAAC,IAAA;AA4BA,SAASC,QAAQA,CAAAC,IAAA,EAAkF;EAAA,IAAAC,SAAA,GAAAD,IAAA,CAA/EE,IAAI;IAAJA,IAAI,GAAAD,SAAA,cAAG,eAAe,GAAAA,SAAA;IAAAE,UAAA,GAAAH,IAAA,CAAEI,KAAK;IAALA,KAAK,GAAAD,UAAA,cAAG,4BAA4B,GAAAA,UAAA;EAC9E,IAAME,WAAW,GAAGT,KAAK,CAACU,WAAW,CAAC,YAAM;IAC1C,IAAI,OAAOC,QAAQ,KAAK,WAAW,IAAI,CAACL,IAAI,CAACM,UAAU,CAAC,GAAG,CAAC,EAAE;IAC9D,IAAMC,MAAM,GAAGF,QAAQ,CAACG,cAAc,CAACR,IAAI,CAACS,KAAK,CAAC,CAAC,CAAC,CAAC;IACrD,IAAI,CAACF,MAAM,EAAE;IACb;IACA;IACA;IACA,IAAI,CAACA,MAAM,CAACG,YAAY,CAAC,UAAU,CAAC,EAAEH,MAAM,CAACI,YAAY,CAAC,UAAU,EAAE,IAAI,CAAC;IAC3EJ,MAAM,CAACK,KAAK,CAAC,CAAC;EAChB,CAAC,EAAE,CAACZ,IAAI,CAAC,CAAC;EAEV,oBACEJ,IAAA;IAAGiB,SAAS,EAAC,eAAe;IAACb,IAAI,EAAEA,IAAK;IAACc,OAAO,EAAEX,WAAY;IAAAY,QAAA,EAC3Db;EAAK,CACL,CAAC;AAER;AAEA,eAAeL,QAAQ","ignoreList":[]}
+{"version":3,"file":"SkipLink.js","names":["React","jsx","_jsx","SkipLink","href","label","handleClick","useCallback","document","startsWith","target","getElementById","slice","hasAttribute","setAttribute","focus","className","onClick","children"],"sources":["../../../../src/lib/v2/components/SkipLink.tsx"],"sourcesContent":["import * as React from \"react\";\r\n\r\n/**\r\n * SkipLink — Portnet UI v2\r\n *\r\n * WCAG 2.4.1 · Charter R-N.6.\r\n * Mount as the FIRST focusable element of the AppShell.\r\n *\r\n *   <SkipLink href=\"#main-content\" />\r\n *   …\r\n *   <main id=\"main-content\">\r\n *\r\n * Visible-on-focus is handled by the `.pui-skip-link` class (base.css):\r\n * clipped off-screen but kept in the tab order, revealed on :focus /\r\n * :focus-visible.\r\n *\r\n * Focus movement (SL-1): a bare in-page anchor scrolls to the target and sets\r\n * the sequential-focus starting point in Chrome/Firefox/Edge, but Safari does\r\n * not move focus INTO the target unless it is focusable — so the next Tab may\r\n * not continue from the main region there. On activation we additionally focus\r\n * the target, adding tabIndex=-1 if the host didn't, so keyboard + screen-reader\r\n * users land in the region. The default anchor behaviour (scroll + hash) is\r\n * preserved (no preventDefault).\r\n */\r\n\r\nexport interface SkipLinkProps {\r\n  href?: string | undefined;\r\n  label?: React.ReactNode | undefined;\r\n}\r\n\r\nfunction SkipLink({ href = \"#main-content\", label = \"Aller au contenu principal\" }: SkipLinkProps) {\r\n  const handleClick = React.useCallback(() => {\r\n    if (typeof document === \"undefined\" || !href.startsWith(\"#\")) return;\r\n    const target = document.getElementById(href.slice(1));\r\n    if (!target) return;\r\n    // Bare in-page anchors don't reliably move focus into the target across\r\n    // browsers; make it programmatically focusable (without joining the tab\r\n    // order) and focus it. Default scroll + hash update are left intact.\r\n    if (!target.hasAttribute(\"tabindex\")) target.setAttribute(\"tabindex\", \"-1\");\r\n    target.focus();\r\n  }, [href]);\r\n\r\n  return (\r\n    <a className=\"pui-skip-link\" href={href} onClick={handleClick}>\r\n      {label}\r\n    </a>\r\n  );\r\n}\r\n\r\nexport default SkipLink;\r\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;;AAE9B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AArBA,SAAAC,GAAA,IAAAC,IAAA;AA4BA,SAASC,QAAQA,CAAC;EAAEC,IAAI,GAAG,eAAe;EAAEC,KAAK,GAAG;AAA4C,CAAC,EAAE;EACjG,MAAMC,WAAW,GAAGN,KAAK,CAACO,WAAW,CAAC,MAAM;IAC1C,IAAI,OAAOC,QAAQ,KAAK,WAAW,IAAI,CAACJ,IAAI,CAACK,UAAU,CAAC,GAAG,CAAC,EAAE;IAC9D,MAAMC,MAAM,GAAGF,QAAQ,CAACG,cAAc,CAACP,IAAI,CAACQ,KAAK,CAAC,CAAC,CAAC,CAAC;IACrD,IAAI,CAACF,MAAM,EAAE;IACb;IACA;IACA;IACA,IAAI,CAACA,MAAM,CAACG,YAAY,CAAC,UAAU,CAAC,EAAEH,MAAM,CAACI,YAAY,CAAC,UAAU,EAAE,IAAI,CAAC;IAC3EJ,MAAM,CAACK,KAAK,CAAC,CAAC;EAChB,CAAC,EAAE,CAACX,IAAI,CAAC,CAAC;EAEV,oBACEF,IAAA;IAAGc,SAAS,EAAC,eAAe;IAACZ,IAAI,EAAEA,IAAK;IAACa,OAAO,EAAEX,WAAY;IAAAY,QAAA,EAC3Db;EAAK,CACL,CAAC;AAER;AAEA,eAAeF,QAAQ","ignoreList":[]}

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

@@ -1,12 +1,3 @@
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-var _excluded = ["size", "className", "label"];
-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 _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";
 
 /**
@@ -36,34 +27,34 @@ import * as React from "react";
  *    users hear a meaningful cue.
  */
 import { jsx as _jsx } from "react/jsx-runtime";
-export default function Spinner(_ref) {
-  var _ref$size = _ref.size,
-    size = _ref$size === void 0 ? 14 : _ref$size,
-    _ref$className = _ref.className,
-    className = _ref$className === void 0 ? "" : _ref$className,
-    label = _ref.label,
-    rest = _objectWithoutProperties(_ref, _excluded);
+export default function Spinner({
+  size = 14,
+  className = "",
+  label,
+  ...rest
+}) {
   // When `label` is supplied, expose the SVG as an accessible image.
   // When omitted, default to decorative (aria-hidden).
-  var a11y = label ? {
+  const a11y = label ? {
     role: "img",
     "aria-label": label
   } : {
     "aria-hidden": "true"
   };
-  return /*#__PURE__*/_jsx("svg", _objectSpread(_objectSpread(_objectSpread({
-    className: "pui-spinner ".concat(className),
+  return /*#__PURE__*/_jsx("svg", {
+    className: `pui-spinner ${className}`,
     width: size,
     height: size,
     viewBox: "0 0 24 24",
     fill: "none",
     stroke: "currentColor",
     strokeWidth: "2.5",
-    strokeLinecap: "round"
-  }, a11y), rest), {}, {
+    strokeLinecap: "round",
+    ...a11y,
+    ...rest,
     children: /*#__PURE__*/_jsx("path", {
       d: "M12 2v4M12 18v4M4.93 4.93l2.83 2.83M16.24 16.24l2.83 2.83M2 12h4M18 12h4M4.93 19.07l2.83-2.83M16.24 7.76l2.83-2.83"
     })
-  }));
+  });
 }
 //# sourceMappingURL=Spinner.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Spinner.js","names":["React","jsx","_jsx","Spinner","_ref","_ref$size","size","_ref$className","className","label","rest","_objectWithoutProperties","_excluded","a11y","role","_objectSpread","concat","width","height","viewBox","fill","stroke","strokeWidth","strokeLinecap","children","d"],"sources":["../../../../src/lib/v2/components/Spinner.tsx"],"sourcesContent":["import * as React from \"react\";\r\n\r\n/**\r\n * Spinner - Portnet UI v2\r\n *\r\n * Inline loading indicator. Animation suppressed under\r\n * prefers-reduced-motion via base.css.\r\n *\r\n * Two usage modes:\r\n *\r\n * 1. DECORATIVE (inside <Button loading>, where the button itself\r\n *    carries `aria-busy=\"true\"` and SR users hear \"<label>, busy\"):\r\n *\r\n *      <Spinner size={14} />\r\n *\r\n *    The spinner is hidden from AT (aria-hidden), avoiding\r\n *    duplicate \"loading\" announcements on top of aria-busy.\r\n *\r\n * 2. STANDALONE (the spinner is the SOLE loading indicator on\r\n *    screen — e.g. a section-level loading state without a\r\n *    surrounding aria-busy container):\r\n *\r\n *      <Spinner size={20} label=\"Chargement des documents…\" />\r\n *\r\n *    Pass `label` to surface a localised message. The SVG is\r\n *    exposed as role=\"img\" with the supplied aria-label, so SR\r\n *    users hear a meaningful cue.\r\n */\r\ninterface SpinnerProps extends React.SVGAttributes<SVGSVGElement> {\r\n  /** Pixel size (width & height). @default 14 */\r\n  size?: number;\r\n  /**\r\n   * Accessible label. When provided, the SVG is exposed as role=\"img\"\r\n   * with this aria-label (standalone loading indicator). When omitted,\r\n   * the spinner is decorative (aria-hidden).\r\n   */\r\n  label?: string;\r\n}\r\n\r\nexport default function Spinner({ size = 14, className = \"\", label, ...rest }: SpinnerProps) {\r\n  // When `label` is supplied, expose the SVG as an accessible image.\r\n  // When omitted, default to decorative (aria-hidden).\r\n  const a11y = label\r\n    ? ({ role: \"img\", \"aria-label\": label } as const)\r\n    : ({ \"aria-hidden\": \"true\" } as const);\r\n\r\n  return (\r\n    <svg\r\n      className={`pui-spinner ${className}`}\r\n      width={size}\r\n      height={size}\r\n      viewBox=\"0 0 24 24\"\r\n      fill=\"none\"\r\n      stroke=\"currentColor\"\r\n      strokeWidth=\"2.5\"\r\n      strokeLinecap=\"round\"\r\n      {...a11y}\r\n      {...rest}\r\n    >\r\n      <path d=\"M12 2v4M12 18v4M4.93 4.93l2.83 2.83M16.24 16.24l2.83 2.83M2 12h4M18 12h4M4.93 19.07l2.83-2.83M16.24 7.76l2.83-2.83\" />\r\n    </svg>\r\n  );\r\n}\r\n"],"mappings":";;;;;;;;;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;;AAE9B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAzBA,SAAAC,GAAA,IAAAC,IAAA;AAqCA,eAAe,SAASC,OAAOA,CAAAC,IAAA,EAA8D;EAAA,IAAAC,SAAA,GAAAD,IAAA,CAA3DE,IAAI;IAAJA,IAAI,GAAAD,SAAA,cAAG,EAAE,GAAAA,SAAA;IAAAE,cAAA,GAAAH,IAAA,CAAEI,SAAS;IAATA,SAAS,GAAAD,cAAA,cAAG,EAAE,GAAAA,cAAA;IAAEE,KAAK,GAAAL,IAAA,CAALK,KAAK;IAAKC,IAAI,GAAAC,wBAAA,CAAAP,IAAA,EAAAQ,SAAA;EACzE;EACA;EACA,IAAMC,IAAI,GAAGJ,KAAK,GACb;IAAEK,IAAI,EAAE,KAAK;IAAE,YAAY,EAAEL;EAAM,CAAC,GACpC;IAAE,aAAa,EAAE;EAAO,CAAW;EAExC,oBACEP,IAAA,QAAAa,aAAA,CAAAA,aAAA,CAAAA,aAAA;IACEP,SAAS,iBAAAQ,MAAA,CAAiBR,SAAS,CAAG;IACtCS,KAAK,EAAEX,IAAK;IACZY,MAAM,EAAEZ,IAAK;IACba,OAAO,EAAC,WAAW;IACnBC,IAAI,EAAC,MAAM;IACXC,MAAM,EAAC,cAAc;IACrBC,WAAW,EAAC,KAAK;IACjBC,aAAa,EAAC;EAAO,GACjBV,IAAI,GACJH,IAAI;IAAAc,QAAA,eAERtB,IAAA;MAAMuB,CAAC,EAAC;IAAoH,CAAE;EAAC,EAC5H,CAAC;AAEV","ignoreList":[]}
+{"version":3,"file":"Spinner.js","names":["React","jsx","_jsx","Spinner","size","className","label","rest","a11y","role","width","height","viewBox","fill","stroke","strokeWidth","strokeLinecap","children","d"],"sources":["../../../../src/lib/v2/components/Spinner.tsx"],"sourcesContent":["import * as React from \"react\";\r\n\r\n/**\r\n * Spinner - Portnet UI v2\r\n *\r\n * Inline loading indicator. Animation suppressed under\r\n * prefers-reduced-motion via base.css.\r\n *\r\n * Two usage modes:\r\n *\r\n * 1. DECORATIVE (inside <Button loading>, where the button itself\r\n *    carries `aria-busy=\"true\"` and SR users hear \"<label>, busy\"):\r\n *\r\n *      <Spinner size={14} />\r\n *\r\n *    The spinner is hidden from AT (aria-hidden), avoiding\r\n *    duplicate \"loading\" announcements on top of aria-busy.\r\n *\r\n * 2. STANDALONE (the spinner is the SOLE loading indicator on\r\n *    screen — e.g. a section-level loading state without a\r\n *    surrounding aria-busy container):\r\n *\r\n *      <Spinner size={20} label=\"Chargement des documents…\" />\r\n *\r\n *    Pass `label` to surface a localised message. The SVG is\r\n *    exposed as role=\"img\" with the supplied aria-label, so SR\r\n *    users hear a meaningful cue.\r\n */\r\ninterface SpinnerProps extends React.SVGAttributes<SVGSVGElement> {\r\n  /** Pixel size (width & height). @default 14 */\r\n  size?: number;\r\n  /**\r\n   * Accessible label. When provided, the SVG is exposed as role=\"img\"\r\n   * with this aria-label (standalone loading indicator). When omitted,\r\n   * the spinner is decorative (aria-hidden).\r\n   */\r\n  label?: string;\r\n}\r\n\r\nexport default function Spinner({ size = 14, className = \"\", label, ...rest }: SpinnerProps) {\r\n  // When `label` is supplied, expose the SVG as an accessible image.\r\n  // When omitted, default to decorative (aria-hidden).\r\n  const a11y = label\r\n    ? ({ role: \"img\", \"aria-label\": label } as const)\r\n    : ({ \"aria-hidden\": \"true\" } as const);\r\n\r\n  return (\r\n    <svg\r\n      className={`pui-spinner ${className}`}\r\n      width={size}\r\n      height={size}\r\n      viewBox=\"0 0 24 24\"\r\n      fill=\"none\"\r\n      stroke=\"currentColor\"\r\n      strokeWidth=\"2.5\"\r\n      strokeLinecap=\"round\"\r\n      {...a11y}\r\n      {...rest}\r\n    >\r\n      <path d=\"M12 2v4M12 18v4M4.93 4.93l2.83 2.83M16.24 16.24l2.83 2.83M2 12h4M18 12h4M4.93 19.07l2.83-2.83M16.24 7.76l2.83-2.83\" />\r\n    </svg>\r\n  );\r\n}\r\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;;AAE9B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAzBA,SAAAC,GAAA,IAAAC,IAAA;AAqCA,eAAe,SAASC,OAAOA,CAAC;EAAEC,IAAI,GAAG,EAAE;EAAEC,SAAS,GAAG,EAAE;EAAEC,KAAK;EAAE,GAAGC;AAAmB,CAAC,EAAE;EAC3F;EACA;EACA,MAAMC,IAAI,GAAGF,KAAK,GACb;IAAEG,IAAI,EAAE,KAAK;IAAE,YAAY,EAAEH;EAAM,CAAC,GACpC;IAAE,aAAa,EAAE;EAAO,CAAW;EAExC,oBACEJ,IAAA;IACEG,SAAS,EAAE,eAAeA,SAAS,EAAG;IACtCK,KAAK,EAAEN,IAAK;IACZO,MAAM,EAAEP,IAAK;IACbQ,OAAO,EAAC,WAAW;IACnBC,IAAI,EAAC,MAAM;IACXC,MAAM,EAAC,cAAc;IACrBC,WAAW,EAAC,KAAK;IACjBC,aAAa,EAAC,OAAO;IAAA,GACjBR,IAAI;IAAA,GACJD,IAAI;IAAAU,QAAA,eAERf,IAAA;MAAMgB,CAAC,EAAC;IAAoH,CAAE;EAAC,CAC5H,CAAC;AAEV","ignoreList":[]}

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

@@ -1,12 +1,3 @@
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-var _excluded = ["kind", "label", "labels", "className"];
-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 _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 { STATUS_KEYS, STATUS_LABELS_FR } from "../tokens/statusPalette";
 
@@ -42,23 +33,21 @@ import { STATUS_KEYS, STATUS_LABELS_FR } from "../tokens/statusPalette";
  * Forbidden: ad-hoc colours. Use Chip for filter pills, not Status.
  */
 import { jsx as _jsx } from "react/jsx-runtime";
-function Status(_ref) {
-  var _ref2;
-  var _ref$kind = _ref.kind,
-    kind = _ref$kind === void 0 ? "neutral" : _ref$kind,
-    label = _ref.label,
-    labels = _ref.labels,
-    _ref$className = _ref.className,
-    className = _ref$className === void 0 ? "" : _ref$className,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  var safe = STATUS_KEYS.includes(kind) ? kind : "neutral";
-  var text = (_ref2 = label !== null && label !== void 0 ? label : labels && labels[safe]) !== null && _ref2 !== void 0 ? _ref2 : STATUS_LABELS_FR[safe];
-  return /*#__PURE__*/_jsx("span", _objectSpread(_objectSpread({
-    className: "pui-status ".concat(className).trim(),
-    "data-kind": safe
-  }, rest), {}, {
+function Status({
+  kind = "neutral",
+  label,
+  labels,
+  className = "",
+  ...rest
+}) {
+  const safe = STATUS_KEYS.includes(kind) ? kind : "neutral";
+  const text = label ?? (labels && labels[safe]) ?? STATUS_LABELS_FR[safe];
+  return /*#__PURE__*/_jsx("span", {
+    className: `pui-status ${className}`.trim(),
+    "data-kind": safe,
+    ...rest,
     children: text
-  }));
+  });
 }
 export default Status;
 //# sourceMappingURL=Status.js.map