@portnet/ui 6.0.0 → 6.0.2

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

@@ -0,0 +1,269 @@
+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";
+
+/**
+ * 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.
+ */
+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;
+  return /*#__PURE__*/_jsx("span", {
+    className: cx("pui-skeleton", className),
+    style: _objectSpread({
+      display: "block",
+      width: width,
+      height: height,
+      borderRadius: radius
+    }, style),
+    "aria-hidden": "true"
+  });
+}
+export function SkeletonKPI() {
+  return /*#__PURE__*/_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__*/_jsx(Skeleton, {
+      width: "55%",
+      height: 11,
+      style: {
+        marginBottom: "var(--s-3)"
+      }
+    }), /*#__PURE__*/_jsx(Skeleton, {
+      width: "38%",
+      height: 28,
+      style: {
+        marginBottom: "var(--s-2)"
+      }
+    }), /*#__PURE__*/_jsx(Skeleton, {
+      width: "72%",
+      height: 11
+    })]
+  });
+}
+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%"];
+  return /*#__PURE__*/_jsxs("tr", {
+    "aria-hidden": "true",
+    style: {
+      borderBottom: "1px solid var(--border)"
+    },
+    children: [withCheckbox && /*#__PURE__*/_jsx("td", {
+      style: {
+        padding: "var(--s-3) var(--s-4)"
+      },
+      children: /*#__PURE__*/_jsx(Skeleton, {
+        width: 16,
+        height: 16,
+        radius: 4
+      })
+    }), Array.from({
+      length: cols
+    }, function (_, i) {
+      var 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
+        } : {}))
+      }, i);
+    }), withActions && /*#__PURE__*/_jsx("td", {})]
+  });
+}
+export function SkeletonDetailHero() {
+  return /*#__PURE__*/_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__*/_jsx(Skeleton, {
+      width: "38%",
+      height: 22,
+      style: {
+        marginBottom: "var(--s-2)"
+      }
+    }), /*#__PURE__*/_jsx(Skeleton, {
+      width: "55%",
+      height: 11,
+      style: {
+        marginBottom: "var(--s-4)"
+      }
+    }), /*#__PURE__*/_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__*/_jsxs("div", {
+          style: {
+            flex: 1
+          },
+          children: [/*#__PURE__*/_jsx(Skeleton, {
+            width: "60%",
+            height: 10,
+            style: {
+              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;
+  return /*#__PURE__*/_jsxs("div", {
+    "aria-busy": "true",
+    "aria-label": loadingLabel,
+    style: {
+      display: "flex",
+      flexDirection: "column",
+      gap: "var(--s-3)",
+      padding: "var(--s-2) 0"
+    },
+    children: [/*#__PURE__*/_jsx(Skeleton, {
+      width: "40%",
+      height: 18,
+      style: {
+        marginBottom: "var(--s-1)"
+      }
+    }), 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);
+    })]
+  });
+}
+
+/**
+ * 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];
+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;
+  return /*#__PURE__*/_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__*/_jsx(Skeleton, _objectSpread(_objectSpread({}, w !== undefined ? {
+        width: w
+      } : {}), {}, {
+        height: height,
+        radius: 4
+      }), i);
+    })
+  });
+}
+export default Skeleton;
+//# sourceMappingURL=Skeleton.js.map

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

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

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

@@ -0,0 +1,49 @@
+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).
+ */
+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 () {
+    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__*/_jsx("a", {
+    className: "pui-skip-link",
+    href: href,
+    onClick: handleClick,
+    children: label
+  });
+}
+export default SkipLink;
+//# sourceMappingURL=SkipLink.js.map

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

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

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

@@ -0,0 +1,69 @@
+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";
+
+/**
+ * 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.
+ */
+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);
+  // 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__*/_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__*/_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

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

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

@@ -0,0 +1,64 @@
+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";
+
+/**
+ * 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.
+ */
+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), {}, {
+    children: text
+  }));
+}
+export default Status;
+//# sourceMappingURL=Status.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Status.js","names":["React","STATUS_KEYS","STATUS_LABELS_FR","jsx","_jsx","Status","_ref","_ref2","_ref$kind","kind","label","labels","_ref$className","className","rest","_objectWithoutProperties","_excluded","safe","includes","text","_objectSpread","concat","trim","children"],"sources":["../../../../src/lib/v2/components/Status.tsx"],"sourcesContent":["import * as React from \"react\";\r\nimport { STATUS_KEYS, STATUS_LABELS_FR } from \"../tokens/statusPalette\";\r\n\r\n/**\r\n * Status - Portnet UI v2\r\n *\r\n * Charter §02.1 — workflow status chip. Six and only six kinds.\r\n * Any other business status MUST map onto one of these.\r\n *\r\n *   <Status kind=\"approved\" />               // → \"Approuvé\"  (FR fallback)\r\n *   <Status kind=\"pending\" label=\"Custom\" /> // explicit override (single)\r\n *   <Status kind=\"approved\"\r\n *           labels={{ approved: t(\"status.approved\"),\r\n *                     rejected: t(\"status.rejected\"), ... }} />\r\n *\r\n * Label resolution (highest priority first)\r\n *   1. `label` prop — single explicit override.\r\n *   2. `labels[kind]` — i18n map provided by the host.\r\n *   3. STATUS_LABELS_FR[kind] — legacy FR fallback.\r\n *\r\n * A11y note (R-Ar.1, R-Ar.3):\r\n *   This component renders a plain inline <span>. It does NOT carry\r\n *   role=\"status\" / aria-live — those are reserved for status MESSAGES\r\n *   (toasts, banners). A status pill is a styled label; promoting it\r\n *   to a live region causes SRs to announce every chip on mount and on\r\n *   each re-render (e.g., on every DataGrid pagination tick).\r\n *\r\n *   When the chip's *value* changes (e.g., a workflow transition just\r\n *   succeeded), it is the host's responsibility to surface that change\r\n *   via the canonical feedback channel — toast (R-A.1) or row flash\r\n *   (.pui-row-updated) — NOT by mutating the chip alone.\r\n *\r\n * Forbidden: ad-hoc colours. Use Chip for filter pills, not Status.\r\n */\r\n\r\nexport type StatusKind = keyof typeof STATUS_LABELS_FR;\r\n\r\nexport interface StatusProps extends React.HTMLAttributes<HTMLSpanElement> {\r\n  kind?: StatusKind | undefined;\r\n  label?: React.ReactNode | undefined;\r\n  labels?: Partial<Record<StatusKind, React.ReactNode>> | undefined;\r\n}\r\n\r\nfunction Status({ kind = \"neutral\", label, labels, className = \"\", ...rest }: StatusProps) {\r\n  const safe = STATUS_KEYS.includes(kind) ? kind : \"neutral\";\r\n  const text =\r\n    label\r\n      ?? (labels && labels[safe])\r\n      ?? STATUS_LABELS_FR[safe];\r\n  return (\r\n    <span\r\n      className={`pui-status ${className}`.trim()}\r\n      data-kind={safe}\r\n      {...rest}\r\n    >\r\n      {text}\r\n    </span>\r\n  );\r\n}\r\n\r\nexport default Status;\r\n"],"mappings":";;;;;;;;;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,WAAW,EAAEC,gBAAgB,QAAQ,yBAAyB;;AAEvE;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;AA9BA,SAAAC,GAAA,IAAAC,IAAA;AAwCA,SAASC,MAAMA,CAAAC,IAAA,EAA4E;EAAA,IAAAC,KAAA;EAAA,IAAAC,SAAA,GAAAF,IAAA,CAAzEG,IAAI;IAAJA,IAAI,GAAAD,SAAA,cAAG,SAAS,GAAAA,SAAA;IAAEE,KAAK,GAAAJ,IAAA,CAALI,KAAK;IAAEC,MAAM,GAAAL,IAAA,CAANK,MAAM;IAAAC,cAAA,GAAAN,IAAA,CAAEO,SAAS;IAATA,SAAS,GAAAD,cAAA,cAAG,EAAE,GAAAA,cAAA;IAAKE,IAAI,GAAAC,wBAAA,CAAAT,IAAA,EAAAU,SAAA;EACxE,IAAMC,IAAI,GAAGhB,WAAW,CAACiB,QAAQ,CAACT,IAAI,CAAC,GAAGA,IAAI,GAAG,SAAS;EAC1D,IAAMU,IAAI,IAAAZ,KAAA,GACRG,KAAK,aAALA,KAAK,cAALA,KAAK,GACCC,MAAM,IAAIA,MAAM,CAACM,IAAI,CAAC,cAAAV,KAAA,cAAAA,KAAA,GACvBL,gBAAgB,CAACe,IAAI,CAAC;EAC7B,oBACEb,IAAA,SAAAgB,aAAA,CAAAA,aAAA;IACEP,SAAS,EAAE,cAAAQ,MAAA,CAAcR,SAAS,EAAGS,IAAI,CAAC,CAAE;IAC5C,aAAWL;EAAK,GACZH,IAAI;IAAAS,QAAA,EAEPJ;EAAI,EACD,CAAC;AAEX;AAEA,eAAed,MAAM","ignoreList":[]}