@portnet/ui 5.0.27 → 6.0.0

package/dist/v2/components/Skeleton.js

@@ -0,0 +1,281 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Skeleton = Skeleton;
+exports.SkeletonDetailHero = SkeletonDetailHero;
+exports.SkeletonKPI = SkeletonKPI;
+exports.SkeletonRow = SkeletonRow;
+exports.SkeletonTabContent = SkeletonTabContent;
+exports.SkeletonText = SkeletonText;
+exports["default"] = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _cx = require("../utils/cx");
+var _jsxRuntime = require("react/jsx-runtime");
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+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); } /**
+ * Skeleton - Portnet UI v2
+ *
+ * Charter §03 / §04.2.
+ * R-Sk.1 - Affiché si chargement > 200 ms ; sinon ne rien afficher.
+ * R-Sk.2 - Forme et nombre miment le contenu réel.
+ * R-Sk.3 - aria-busy sur container, contenu skeleton aria-hidden.
+ * R-Sk.4 - Animation supprimée si prefers-reduced-motion (handled in base.css).
+ *
+ * Primitive:
+ *   <Skeleton width="60%" height={14} />
+ *
+ * Named compositions:
+ *   <SkeletonRow cols={6} />
+ *   <SkeletonKPI />
+ *   <SkeletonDetailHero />
+ *   <SkeletonTabContent rows={4} />
+ *   <SkeletonText lines={5} />
+ *
+ * Localisation (FR / EN / AR):
+ *   SkeletonTabContent and SkeletonText surface a textual aria-busy
+ *   region; pass `loadingLabel` to localise. The other compositions
+ *   are aria-hidden placeholders that don't carry localisable strings.
+ */
+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;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+    className: (0, _cx.cx)("pui-skeleton", className),
+    style: _objectSpread({
+      display: "block",
+      width: width,
+      height: height,
+      borderRadius: radius
+    }, style),
+    "aria-hidden": "true"
+  });
+}
+function SkeletonKPI() {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    "aria-hidden": "true",
+    style: {
+      padding: "var(--s-4) var(--s-5)",
+      background: "var(--surface)",
+      border: "1px solid var(--border)",
+      borderRadius: "var(--r-lg)"
+    },
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(Skeleton, {
+      width: "55%",
+      height: 11,
+      style: {
+        marginBottom: "var(--s-3)"
+      }
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(Skeleton, {
+      width: "38%",
+      height: 28,
+      style: {
+        marginBottom: "var(--s-2)"
+      }
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(Skeleton, {
+      width: "72%",
+      height: 11
+    })]
+  });
+}
+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%"];
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("tr", {
+    "aria-hidden": "true",
+    style: {
+      borderBottom: "1px solid var(--border)"
+    },
+    children: [withCheckbox && /*#__PURE__*/(0, _jsxRuntime.jsx)("td", {
+      style: {
+        padding: "var(--s-3) var(--s-4)"
+      },
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Skeleton, {
+        width: 16,
+        height: 16,
+        radius: 4
+      })
+    }), Array.from({
+      length: cols
+    }, function (_, i) {
+      var w = widths[i % widths.length];
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)("td", {
+        style: {
+          padding: "var(--s-3) var(--s-4)"
+        },
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Skeleton, _objectSpread({
+          height: 13
+        }, w !== undefined ? {
+          width: w
+        } : {}))
+      }, i);
+    }), withActions && /*#__PURE__*/(0, _jsxRuntime.jsx)("td", {})]
+  });
+}
+function SkeletonDetailHero() {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    "aria-hidden": "true",
+    style: {
+      padding: "var(--s-5) var(--s-6)",
+      background: "var(--surface)",
+      border: "1px solid var(--border)",
+      borderRadius: "var(--r-lg)",
+      marginBottom: "var(--s-4)"
+    },
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(Skeleton, {
+      width: "38%",
+      height: 22,
+      style: {
+        marginBottom: "var(--s-2)"
+      }
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(Skeleton, {
+      width: "55%",
+      height: 11,
+      style: {
+        marginBottom: "var(--s-4)"
+      }
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      style: {
+        display: "flex",
+        gap: "var(--s-6)",
+        paddingTop: "var(--s-4)",
+        borderTop: "1px solid var(--border)"
+      },
+      children: [1, 2, 3].map(function (i) {
+        return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+          style: {
+            flex: 1
+          },
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(Skeleton, {
+            width: "60%",
+            height: 10,
+            style: {
+              marginBottom: "var(--s-2)"
+            }
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(Skeleton, {
+            width: "80%",
+            height: 16
+          })]
+        }, i);
+      })
+    })]
+  });
+}
+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;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    "aria-busy": "true",
+    "aria-label": loadingLabel,
+    style: {
+      display: "flex",
+      flexDirection: "column",
+      gap: "var(--s-3)",
+      padding: "var(--s-2) 0"
+    },
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(Skeleton, {
+      width: "40%",
+      height: 18,
+      style: {
+        marginBottom: "var(--s-1)"
+      }
+    }), Array.from({
+      length: rows
+    }, function (_, i) {
+      return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        style: {
+          display: "flex",
+          gap: "var(--s-3)",
+          alignItems: "center"
+        },
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(Skeleton, {
+          width: "".concat(60 + i % 3 * 12, "%"),
+          height: 13
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(Skeleton, {
+          width: "15%",
+          height: 13
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(Skeleton, {
+          width: "10%",
+          height: 13
+        })]
+      }, i);
+    })]
+  });
+}
+
+/**
+ * SkeletonText — 5-line shimmer for narrow contexts (drawer body,
+ * sub-skeleton inside a tab, narrow-column placeholder). Targets the
+ * gap between SkeletonRow (table cells) and SkeletonDetailHero (full
+ * page surface).
+ *
+ * API:
+ *   <SkeletonText lines={5} />                                // varied widths
+ *   <SkeletonText lines={4} widths={[80, 60, 90, 50]} />      // explicit
+ *   <SkeletonText lines={5} height={16} loadingLabel="…" />
+ *
+ * `widths` accepts numbers (treated as percentages) or strings
+ * (passed through to the Skeleton primitive width prop).
+ * If `widths` is shorter than `lines`, it cycles.
+ *
+ * Like SkeletonTabContent, this carries the labelled aria-busy
+ * 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];
+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;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    "aria-busy": "true",
+    "aria-label": loadingLabel,
+    style: {
+      display: "flex",
+      flexDirection: "column",
+      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__*/(0, _jsxRuntime.jsx)(Skeleton, _objectSpread(_objectSpread({}, w !== undefined ? {
+        width: w
+      } : {}), {}, {
+        height: height,
+        radius: 4
+      }), i);
+    })
+  });
+}
+var _default = exports["default"] = Skeleton;
+//# sourceMappingURL=Skeleton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.js","names":["React","_interopRequireWildcard","require","_cx","_jsxRuntime","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","Symbol","iterator","constructor","ownKeys","object","enumerableOnly","keys","getOwnPropertySymbols","symbols","filter","sym","enumerable","push","apply","_objectSpread","target","i","arguments","length","source","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","toPrimitive","undefined","res","TypeError","Number","Skeleton","_ref","_ref$width","width","_ref$height","height","_ref$radius","radius","style","className","jsx","cx","display","borderRadius","SkeletonKPI","jsxs","padding","background","border","children","marginBottom","SkeletonRow","_ref2","_ref2$cols","cols","_ref2$withCheckbox","withCheckbox","_ref2$withActions","withActions","widths","borderBottom","Array","from","_","w","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","_default","exports"],"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;\r\n  height?: string | number;\r\n  radius?: number;\r\n  style?: React.CSSProperties;\r\n  className?: string;\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;\r\n  withCheckbox?: boolean;\r\n  withActions?: boolean;\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;\r\n  loadingLabel?: string;\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;\r\n  widths?: Array<string | number>;\r\n  height?: string | number;\r\n  gap?: string;\r\n  loadingLabel?: string;\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/v2/components/SkipLink.d.ts

@@ -0,0 +1,30 @@
+import * as React from "react";
+/**
+ * SkipLink — Portnet UI v2
+ *
+ * WCAG 2.4.1 · Charter R-N.6.
+ * Mount as the FIRST focusable element of the AppShell.
+ *
+ *   <SkipLink href="#main-content" />
+ *   …
+ *   <main id="main-content">
+ *
+ * Visible-on-focus is handled by the `.pui-skip-link` class (base.css):
+ * clipped off-screen but kept in the tab order, revealed on :focus /
+ * :focus-visible.
+ *
+ * Focus movement (SL-1): a bare in-page anchor scrolls to the target and sets
+ * the sequential-focus starting point in Chrome/Firefox/Edge, but Safari does
+ * not move focus INTO the target unless it is focusable — so the next Tab may
+ * not continue from the main region there. On activation we additionally focus
+ * the target, adding tabIndex=-1 if the host didn't, so keyboard + screen-reader
+ * users land in the region. The default anchor behaviour (scroll + hash) is
+ * preserved (no preventDefault).
+ */
+export interface SkipLinkProps {
+    href?: string;
+    label?: React.ReactNode;
+}
+declare function SkipLink({ href, label }: SkipLinkProps): React.JSX.Element;
+export default SkipLink;
+//# sourceMappingURL=SkipLink.d.ts.map

package/dist/v2/components/SkipLink.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SkipLink.d.ts","sourceRoot":"","sources":["../../../src/lib/v2/components/SkipLink.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B;;;;;;;;;;;;;;;;;;;;;GAqBG;AAEH,MAAM,WAAW,aAAa;IAC5B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACzB;AAED,iBAAS,QAAQ,CAAC,EAAE,IAAsB,EAAE,KAAoC,EAAE,EAAE,aAAa,qBAiBhG;AAED,eAAe,QAAQ,CAAC"}

package/dist/v2/components/SkipLink.js

@@ -0,0 +1,58 @@
+"use strict";
+
+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); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+/**
+ * SkipLink — Portnet UI v2
+ *
+ * WCAG 2.4.1 · Charter R-N.6.
+ * Mount as the FIRST focusable element of the AppShell.
+ *
+ *   <SkipLink href="#main-content" />
+ *   …
+ *   <main id="main-content">
+ *
+ * Visible-on-focus is handled by the `.pui-skip-link` class (base.css):
+ * clipped off-screen but kept in the tab order, revealed on :focus /
+ * :focus-visible.
+ *
+ * Focus movement (SL-1): a bare in-page anchor scrolls to the target and sets
+ * the sequential-focus starting point in Chrome/Firefox/Edge, but Safari does
+ * not move focus INTO the target unless it is focusable — so the next Tab may
+ * not continue from the main region there. On activation we additionally focus
+ * the target, adding tabIndex=-1 if the host didn't, so keyboard + screen-reader
+ * users land in the region. The default anchor behaviour (scroll + hash) is
+ * preserved (no preventDefault).
+ */
+
+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 () {
+    if (typeof document === "undefined" || !href.startsWith("#")) return;
+    var 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
+    // order) and focus it. Default scroll + hash update are left intact.
+    if (!target.hasAttribute("tabindex")) target.setAttribute("tabindex", "-1");
+    target.focus();
+  }, [href]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("a", {
+    className: "pui-skip-link",
+    href: href,
+    onClick: handleClick,
+    children: label
+  });
+}
+var _default = exports["default"] = SkipLink;
+//# sourceMappingURL=SkipLink.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SkipLink.js","names":["React","_interopRequireWildcard","require","_jsxRuntime","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","SkipLink","_ref","_ref$href","href","_ref$label","label","handleClick","useCallback","document","startsWith","target","getElementById","slice","hasAttribute","setAttribute","focus","jsx","className","onClick","children","_default","exports"],"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;\r\n  label?: React.ReactNode;\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,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AAA+B,IAAAC,WAAA,GAAAD,OAAA;AAAA,SAAAE,yBAAAC,WAAA,eAAAC,OAAA,kCAAAC,iBAAA,OAAAD,OAAA,QAAAE,gBAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,yBAAAC,WAAA,WAAAA,WAAA,GAAAG,gBAAA,GAAAD,iBAAA,KAAAF,WAAA;AAAA,SAAAJ,wBAAAQ,GAAA,EAAAJ,WAAA,SAAAA,WAAA,IAAAI,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,aAAAE,OAAA,CAAAF,GAAA,yBAAAA,GAAA,uCAAAA,GAAA,UAAAG,KAAA,GAAAR,wBAAA,CAAAC,WAAA,OAAAO,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAJ,GAAA,YAAAG,KAAA,CAAAE,GAAA,CAAAL,GAAA,SAAAM,MAAA,WAAAC,qBAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,GAAA,IAAAX,GAAA,QAAAW,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAd,GAAA,EAAAW,GAAA,SAAAI,IAAA,GAAAR,qBAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAV,GAAA,EAAAW,GAAA,cAAAI,IAAA,KAAAA,IAAA,CAAAV,GAAA,IAAAU,IAAA,CAAAC,GAAA,KAAAR,MAAA,CAAAC,cAAA,CAAAH,MAAA,EAAAK,GAAA,EAAAI,IAAA,YAAAT,MAAA,CAAAK,GAAA,IAAAX,GAAA,CAAAW,GAAA,SAAAL,MAAA,cAAAN,GAAA,MAAAG,KAAA,IAAAA,KAAA,CAAAa,GAAA,CAAAhB,GAAA,EAAAM,MAAA,YAAAA,MAAA;AAE/B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAOA,SAASW,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,GAAGhC,KAAK,CAACiC,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,oBACE,IAAA1B,WAAA,CAAAuC,GAAA;IAAGC,SAAS,EAAC,eAAe;IAACd,IAAI,EAAEA,IAAK;IAACe,OAAO,EAAEZ,WAAY;IAAAa,QAAA,EAC3Dd;EAAK,CACL,CAAC;AAER;AAAC,IAAAe,QAAA,GAAAC,OAAA,cAEcrB,QAAQ","ignoreList":[]}

package/dist/v2/components/Spinner.d.ts

@@ -0,0 +1,40 @@
+import * as React from "react";
+/**
+ * Spinner - Portnet UI v2
+ *
+ * Inline loading indicator. Animation suppressed under
+ * prefers-reduced-motion via base.css.
+ *
+ * Two usage modes:
+ *
+ * 1. DECORATIVE (inside <Button loading>, where the button itself
+ *    carries `aria-busy="true"` and SR users hear "<label>, busy"):
+ *
+ *      <Spinner size={14} />
+ *
+ *    The spinner is hidden from AT (aria-hidden), avoiding
+ *    duplicate "loading" announcements on top of aria-busy.
+ *
+ * 2. STANDALONE (the spinner is the SOLE loading indicator on
+ *    screen — e.g. a section-level loading state without a
+ *    surrounding aria-busy container):
+ *
+ *      <Spinner size={20} label="Chargement des documents…" />
+ *
+ *    Pass `label` to surface a localised message. The SVG is
+ *    exposed as role="img" with the supplied aria-label, so SR
+ *    users hear a meaningful cue.
+ */
+interface SpinnerProps extends React.SVGAttributes<SVGSVGElement> {
+    /** Pixel size (width & height). @default 14 */
+    size?: number;
+    /**
+     * Accessible label. When provided, the SVG is exposed as role="img"
+     * with this aria-label (standalone loading indicator). When omitted,
+     * the spinner is decorative (aria-hidden).
+     */
+    label?: string;
+}
+export default function Spinner({ size, className, label, ...rest }: SpinnerProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=Spinner.d.ts.map

package/dist/v2/components/Spinner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner.d.ts","sourceRoot":"","sources":["../../../src/lib/v2/components/Spinner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,UAAU,YAAa,SAAQ,KAAK,CAAC,aAAa,CAAC,aAAa,CAAC;IAC/D,+CAA+C;IAC/C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,EAAE,IAAS,EAAE,SAAc,EAAE,KAAK,EAAE,GAAG,IAAI,EAAE,EAAE,YAAY,qBAuB1F"}

package/dist/v2/components/Spinner.js

@@ -0,0 +1,76 @@
+"use strict";
+
+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); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = Spinner;
+var React = _interopRequireWildcard(require("react"));
+var _jsxRuntime = require("react/jsx-runtime");
+var _excluded = ["size", "className", "label"];
+/**
+ * Spinner - Portnet UI v2
+ *
+ * Inline loading indicator. Animation suppressed under
+ * prefers-reduced-motion via base.css.
+ *
+ * Two usage modes:
+ *
+ * 1. DECORATIVE (inside <Button loading>, where the button itself
+ *    carries `aria-busy="true"` and SR users hear "<label>, busy"):
+ *
+ *      <Spinner size={14} />
+ *
+ *    The spinner is hidden from AT (aria-hidden), avoiding
+ *    duplicate "loading" announcements on top of aria-busy.
+ *
+ * 2. STANDALONE (the spinner is the SOLE loading indicator on
+ *    screen — e.g. a section-level loading state without a
+ *    surrounding aria-busy container):
+ *
+ *      <Spinner size={20} label="Chargement des documents…" />
+ *
+ *    Pass `label` to surface a localised message. The SVG is
+ *    exposed as role="img" with the supplied aria-label, so SR
+ *    users hear a meaningful cue.
+ */
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+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; }
+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);
+  // When `label` is supplied, expose the SVG as an accessible image.
+  // When omitted, default to decorative (aria-hidden).
+  var a11y = label ? {
+    role: "img",
+    "aria-label": label
+  } : {
+    "aria-hidden": "true"
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("svg", _objectSpread(_objectSpread(_objectSpread({
+    className: "pui-spinner ".concat(className),
+    width: size,
+    height: size,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2.5",
+    strokeLinecap: "round"
+  }, a11y), rest), {}, {
+    children: /*#__PURE__*/(0, _jsxRuntime.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/v2/components/Spinner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner.js","names":["React","_interopRequireWildcard","require","_jsxRuntime","_excluded","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","ownKeys","object","enumerableOnly","keys","getOwnPropertySymbols","symbols","filter","sym","enumerable","push","apply","_objectSpread","target","i","arguments","length","source","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","Spinner","_ref","_ref$size","size","_ref$className","className","label","rest","a11y","role","jsx","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":"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","ignoreList":[]}

package/dist/v2/components/Status.d.ts

@@ -0,0 +1,42 @@
+import * as React from "react";
+import { STATUS_LABELS_FR } from "../tokens/statusPalette";
+/**
+ * Status - Portnet UI v2
+ *
+ * Charter §02.1 — workflow status chip. Six and only six kinds.
+ * Any other business status MUST map onto one of these.
+ *
+ *   <Status kind="approved" />               // → "Approuvé"  (FR fallback)
+ *   <Status kind="pending" label="Custom" /> // explicit override (single)
+ *   <Status kind="approved"
+ *           labels={{ approved: t("status.approved"),
+ *                     rejected: t("status.rejected"), ... }} />
+ *
+ * Label resolution (highest priority first)
+ *   1. `label` prop — single explicit override.
+ *   2. `labels[kind]` — i18n map provided by the host.
+ *   3. STATUS_LABELS_FR[kind] — legacy FR fallback.
+ *
+ * A11y note (R-Ar.1, R-Ar.3):
+ *   This component renders a plain inline <span>. It does NOT carry
+ *   role="status" / aria-live — those are reserved for status MESSAGES
+ *   (toasts, banners). A status pill is a styled label; promoting it
+ *   to a live region causes SRs to announce every chip on mount and on
+ *   each re-render (e.g., on every DataGrid pagination tick).
+ *
+ *   When the chip's *value* changes (e.g., a workflow transition just
+ *   succeeded), it is the host's responsibility to surface that change
+ *   via the canonical feedback channel — toast (R-A.1) or row flash
+ *   (.pui-row-updated) — NOT by mutating the chip alone.
+ *
+ * Forbidden: ad-hoc colours. Use Chip for filter pills, not Status.
+ */
+export type StatusKind = keyof typeof STATUS_LABELS_FR;
+export interface StatusProps extends React.HTMLAttributes<HTMLSpanElement> {
+    kind?: StatusKind;
+    label?: React.ReactNode;
+    labels?: Partial<Record<StatusKind, React.ReactNode>>;
+}
+declare function Status({ kind, label, labels, className, ...rest }: StatusProps): React.JSX.Element;
+export default Status;
+//# sourceMappingURL=Status.d.ts.map

package/dist/v2/components/Status.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Status.d.ts","sourceRoot":"","sources":["../../../src/lib/v2/components/Status.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAe,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAExE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AAEH,MAAM,MAAM,UAAU,GAAG,MAAM,OAAO,gBAAgB,CAAC;AAEvD,MAAM,WAAW,WAAY,SAAQ,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;IACxE,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,MAAM,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC;CACvD;AAED,iBAAS,MAAM,CAAC,EAAE,IAAgB,EAAE,KAAK,EAAE,MAAM,EAAE,SAAc,EAAE,GAAG,IAAI,EAAE,EAAE,WAAW,qBAexF;AAED,eAAe,MAAM,CAAC"}