@portnet/ui 5.0.32 → 6.0.1

package/dist/v2/components/ServerErrorPage.js

@@ -0,0 +1,82 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _Box = _interopRequireDefault(require("@mui/material/Box"));
+var _ArrowBack = _interopRequireDefault(require("@mui/icons-material/ArrowBack"));
+var _ErrorOutlined = _interopRequireDefault(require("@mui/icons-material/ErrorOutlined"));
+var _ActionBar = _interopRequireDefault(require("../patterns/ActionBar"));
+var _Button = _interopRequireDefault(require("./Button"));
+var _ErrorPageBody = _interopRequireDefault(require("./_ErrorPageBody"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+/**
+ * ServerErrorPage — Portnet UI v2 (component)
+ *
+ * Charter §07 · 500 / Erreur serveur.
+ *
+ * Adds an optional onRetry callback on top of the ForbiddenPage /
+ * NotFoundPage contract. The retry button is only rendered when
+ * onRetry is supplied — the lib deliberately avoids defaulting it
+ * to window.location.reload() because that policy belongs to the
+ * host (some hosts may prefer cache-clear, axios retry, backoff,
+ * or a route-level revalidation).
+ *
+ *   import { ServerErrorPage } from "@portnet/ui/lib/v2";
+ *   import { useNavigate } from "react-router-dom";
+ *
+ *   function ServerErrorRoute() {
+ *     const navigate = useNavigate();
+ *     return (
+ *       <ServerErrorPage
+ *         onBack={() => navigate(-1)}
+ *         onHome={() => navigate("/")}
+ *         onRetry={() => window.location.reload()}
+ *       />
+ *     );
+ *   }
+ */
+
+function ServerErrorPage(_ref) {
+  var onBack = _ref.onBack,
+    onHome = _ref.onHome,
+    onRetry = _ref.onRetry;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ActionBar["default"], {
+      back: onBack,
+      breadcrumb: ["Erreur", "Erreur serveur"],
+      title: "Erreur serveur"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ErrorPageBody["default"], {
+      icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ErrorOutlined["default"], {
+        sx: {
+          fontSize: 64,
+          color: "var(--danger)"
+        }
+      }),
+      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."
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box["default"], {
+      sx: {
+        display: "flex",
+        justifyContent: "center",
+        gap: "var(--s-3)",
+        paddingBottom: "var(--s-7)"
+      },
+      children: [onRetry ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button["default"], {
+        variant: "ghost",
+        onClick: onRetry,
+        children: "R\xE9essayer"
+      }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button["default"], {
+        variant: "primary",
+        icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ArrowBack["default"], {}),
+        onClick: onHome,
+        children: "Retour \xE0 l'accueil"
+      })]
+    })]
+  });
+}
+var _default = exports["default"] = ServerErrorPage;
+//# sourceMappingURL=ServerErrorPage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ServerErrorPage.js","names":["_Box","_interopRequireDefault","require","_ArrowBack","_ErrorOutlined","_ActionBar","_Button","_ErrorPageBody","_jsxRuntime","obj","__esModule","ServerErrorPage","_ref","onBack","onHome","onRetry","jsxs","Fragment","children","jsx","back","breadcrumb","title","icon","sx","fontSize","color","code","description","display","justifyContent","gap","paddingBottom","variant","onClick","_default","exports"],"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":";;;;;;AA0BA,IAAAA,IAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,cAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,UAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,OAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,cAAA,GAAAN,sBAAA,CAAAC,OAAA;AAA6C,IAAAM,WAAA,GAAAN,OAAA;AAAA,SAAAD,uBAAAQ,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,gBAAAA,GAAA;AA/B7C;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;;AAiBA,SAASE,eAAeA,CAAAC,IAAA,EAAoD;EAAA,IAAjDC,MAAM,GAAAD,IAAA,CAANC,MAAM;IAAEC,MAAM,GAAAF,IAAA,CAANE,MAAM;IAAEC,OAAO,GAAAH,IAAA,CAAPG,OAAO;EAChD,oBACE,IAAAP,WAAA,CAAAQ,IAAA,EAAAR,WAAA,CAAAS,QAAA;IAAAC,QAAA,gBACE,IAAAV,WAAA,CAAAW,GAAA,EAACd,UAAA,WAAS;MACRe,IAAI,EAAEP,MAAO;MACbQ,UAAU,EAAE,CAAC,QAAQ,EAAE,gBAAgB,CAAE;MACzCC,KAAK,EAAC;IAAgB,CACvB,CAAC,eACF,IAAAd,WAAA,CAAAW,GAAA,EAACZ,cAAA,WAAa;MACZgB,IAAI,eAAE,IAAAf,WAAA,CAAAW,GAAA,EAACf,cAAA,WAAY;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,eACF,IAAApB,WAAA,CAAAQ,IAAA,EAAChB,IAAA,WAAG;MACFwB,EAAE,EAAE;QACFK,OAAO,EAAS,MAAM;QACtBC,cAAc,EAAE,QAAQ;QACxBC,GAAG,EAAa,YAAY;QAC5BC,aAAa,EAAG;MAClB,CAAE;MAAAd,QAAA,GAEDH,OAAO,gBACN,IAAAP,WAAA,CAAAW,GAAA,EAACb,OAAA,WAAM;QAAC2B,OAAO,EAAC,OAAO;QAACC,OAAO,EAAEnB,OAAQ;QAAAG,QAAA,EAAC;MAE1C,CAAQ,CAAC,GACP,IAAI,eACR,IAAAV,WAAA,CAAAW,GAAA,EAACb,OAAA,WAAM;QAAC2B,OAAO,EAAC,SAAS;QAACV,IAAI,eAAE,IAAAf,WAAA,CAAAW,GAAA,EAAChB,UAAA,WAAS,IAAE,CAAE;QAAC+B,OAAO,EAAEpB,MAAO;QAAAI,QAAA,EAAC;MAEhE,CAAQ,CAAC;IAAA,CACN,CAAC;EAAA,CACN,CAAC;AAEP;AAAC,IAAAiB,QAAA,GAAAC,OAAA,cAEczB,eAAe","ignoreList":[]}

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

@@ -0,0 +1,56 @@
+import * as React from "react";
+/**
+ * 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.
+ */
+export interface SkeletonProps {
+    width?: string | number | undefined;
+    height?: string | number | undefined;
+    radius?: number | undefined;
+    style?: React.CSSProperties | undefined;
+    className?: string | undefined;
+}
+export declare function Skeleton({ width, height, radius, style, className }: SkeletonProps): React.JSX.Element;
+export declare function SkeletonKPI(): React.JSX.Element;
+export interface SkeletonRowProps {
+    cols?: number | undefined;
+    withCheckbox?: boolean | undefined;
+    withActions?: boolean | undefined;
+}
+export declare function SkeletonRow({ cols, withCheckbox, withActions }: SkeletonRowProps): React.JSX.Element;
+export declare function SkeletonDetailHero(): React.JSX.Element;
+export interface SkeletonTabContentProps {
+    rows?: number | undefined;
+    loadingLabel?: string | undefined;
+}
+export declare function SkeletonTabContent({ rows, loadingLabel }: SkeletonTabContentProps): React.JSX.Element;
+export interface SkeletonTextProps {
+    lines?: number | undefined;
+    widths?: Array<string | number> | undefined;
+    height?: string | number | undefined;
+    gap?: string | undefined;
+    loadingLabel?: string | undefined;
+}
+export declare function SkeletonText({ lines, widths, height, gap, loadingLabel, }: SkeletonTextProps): React.JSX.Element;
+export default Skeleton;
+//# sourceMappingURL=Skeleton.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../../src/lib/v2/components/Skeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AAEH,MAAM,WAAW,aAAa;IAC5B,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC;IACpC,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC;IACrC,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC5B,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,GAAG,SAAS,CAAC;IACxC,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAChC;AAED,wBAAgB,QAAQ,CAAC,EAAE,KAAc,EAAE,MAAW,EAAE,MAAU,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,aAAa,qBAcpG;AAED,wBAAgB,WAAW,sBAgB1B;AAED,MAAM,WAAW,gBAAgB;IAC/B,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,YAAY,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACnC,WAAW,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CACnC;AAED,wBAAgB,WAAW,CAAC,EAAE,IAAQ,EAAE,YAAmB,EAAE,WAAkB,EAAE,EAAE,gBAAgB,qBAoBlG;AAED,wBAAgB,kBAAkB,sBAwBjC;AAED,MAAM,WAAW,uBAAuB;IACtC,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,YAAY,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CACnC;AAED,wBAAgB,kBAAkB,CAAC,EAAE,IAAQ,EAAE,YAAuC,EAAE,EAAE,uBAAuB,qBAiBhH;AAuBD,MAAM,WAAW,iBAAiB;IAChC,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,MAAM,CAAC,EAAE,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC,GAAG,SAAS,CAAC;IAC5C,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC;IACrC,GAAG,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACzB,YAAY,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CACnC;AAED,wBAAgB,YAAY,CAAC,EAC3B,KAAS,EACT,MAAM,EACN,MAAW,EACX,GAAkB,EAClB,YAA4B,GAC7B,EAAE,iBAAiB,qBA0BnB;AAED,eAAe,QAAQ,CAAC"}

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 | 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/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 | undefined;
+    label?: React.ReactNode | undefined;
+}
+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,GAAG,SAAS,CAAC;IAC1B,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,SAAS,CAAC;CACrC;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 | 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,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"}