@portnet/ui 5.0.32 → 6.0.1

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

@@ -0,0 +1,88 @@
+import * as React from "react";
+/**
+ * Banner - Portnet UI v2
+ *
+ * Charter §03 · Component "Banner". For persistent system-wide messages
+ * (network error, maintenance, banner alerts on top of a section).
+ *
+ *   R-A.2 - Erreur bloquante = role="alert" aria-live="assertive".
+ *   R-F.1 - Focus visible required on the action button.
+ *
+ *   <Banner variant="error" action={{ label: "Réessayer", onClick: retry }}>
+ *     Connexion perdue.
+ *   </Banner>
+ *
+ * Action cluster (capability gap G-19)
+ * ------------------------------------
+ * `action` is the primary affordance (outlined). `secondaryAction` is the
+ * subordinate one (borderless + underlined), rendered to its LEFT per the
+ * charter's R-M.6 ordering (« action principale à droite, secondaire à gauche »).
+ * Both accept an optional leading `icon`.
+ *
+ *   <Banner
+ *     variant="info"
+ *     title="Brouillon trouvé"
+ *     action={{ label: "Restaurer", onClick: restore }}
+ *     secondaryAction={{ label: "Ignorer", onClick: discard }}
+ *   >
+ *     Une saisie en cours a été détectée sur ce poste.
+ *   </Banner>
+ *
+ * WHY THIS WAS ADDED. Banner previously destructured a FIXED prop list with no
+ * rest spread and supported neither `secondaryAction` nor `action.icon`. Every
+ * audited module had nonetheless passed them — four dead props in addpe-fe alone
+ * (its own comments record the discovery) — so the affordances silently did not
+ * exist: a draft-restore banner offered "Restaurer" with NO way to dismiss, and
+ * error banners lost their intended escape hatch. Props that look supported and
+ * are dropped in silence are worse than absent ones, because a reviewer reading
+ * the call site believes the affordance ships.
+ *
+ * `onClose` remains a distinct concern: it is DISMISSAL (an ✕ icon-button), not
+ * an action. Use `secondaryAction` when the second choice carries business
+ * meaning ("Ignorer" clears a draft; "Retour à la liste" navigates).
+ *
+ * Localisation (FR / EN / AR):
+ *   - `action.label` / `secondaryAction.label` are consumer-controlled.
+ *   - `closeLabel` overrides the dismiss button's aria-label
+ *     (default "Fermer").
+ *
+ * A11y note (WCAG 1.4.3):
+ *   Each variant carries TWO colours - a saturated one for icons + border
+ *   (passes 1.4.11 ≥ 3:1) and a darker -fg one for text (passes 1.4.3
+ *   ≥ 4.5:1) on the soft background. Don't collapse them.
+ *
+ * A11y note (live regions, R-A.1 / R-A.2):
+ *   aria-relevant="additions text" is set explicitly. Per WAI-ARIA both
+ *   role="alert" and role="status" imply this default, but real-world
+ *   SR + browser combos (NVDA + Firefox especially) have shipped
+ *   announcement-skipping bugs in the absence of an explicit attribute.
+ *   Defense-in-depth.
+ */
+export type BannerVariant = "info" | "success" | "warning" | "error";
+export interface BannerAction {
+    label: React.ReactNode;
+    onClick?: (() => void) | undefined;
+    /**
+     * Optional leading icon. Rendered `aria-hidden` — the label carries the
+     * accessible name (R-Ar.2), so an icon-only banner action is not supported by
+     * design: a banner action must read as a verb+object CTA (§09.2).
+     */
+    icon?: React.ReactNode | undefined;
+}
+export interface BannerProps {
+    variant?: BannerVariant | undefined;
+    children: React.ReactNode;
+    title?: React.ReactNode | undefined;
+    /** Primary affordance — outlined, rendered rightmost of the cluster. */
+    action?: BannerAction | undefined;
+    /** Subordinate affordance — borderless, rendered LEFT of `action` (R-M.6). */
+    secondaryAction?: BannerAction | undefined;
+    onClose?: (() => void) | undefined;
+    closeLabel?: string | undefined;
+}
+declare function Banner({ variant, children, title, action, // { label, onClick, icon } — primary
+secondaryAction, // { label, onClick, icon } — subordinate (G-19)
+onClose, // optional dismissal (✕), distinct from an action
+closeLabel, }: BannerProps): React.JSX.Element;
+export default Banner;
+//# sourceMappingURL=Banner.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Banner.d.ts","sourceRoot":"","sources":["../../../src/lib/v2/components/Banner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAU/B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0DG;AAEH,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;AAgBrE,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,OAAO,CAAC,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,SAAS,CAAC;IACnC;;;;OAIG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,SAAS,CAAC;CACpC;AAED,MAAM,WAAW,WAAW;IAC1B,OAAO,CAAC,EAAE,aAAa,GAAG,SAAS,CAAC;IACpC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,SAAS,CAAC;IACpC,wEAAwE;IACxE,MAAM,CAAC,EAAE,YAAY,GAAG,SAAS,CAAC;IAClC,8EAA8E;IAC9E,eAAe,CAAC,EAAE,YAAY,GAAG,SAAS,CAAC;IAC3C,OAAO,CAAC,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,SAAS,CAAC;IACnC,UAAU,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CACjC;AA2ED,iBAAS,MAAM,CAAC,EACd,OAAgB,EAChB,QAAQ,EACR,KAAK,EACL,MAAM,EAAY,qCAAqC;AACvD,eAAe,EAAG,gDAAgD;AAClE,OAAO,EAAW,kDAAkD;AACpE,UAAqB,GACtB,EAAE,WAAW,qBAkFb;AAED,eAAe,MAAM,CAAC"}

package/dist/v2/components/Banner.js

@@ -0,0 +1,264 @@
+"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 _Box = _interopRequireDefault(require("@mui/material/Box"));
+var _IconButton = _interopRequireDefault(require("@mui/material/IconButton"));
+var _Close = _interopRequireDefault(require("@mui/icons-material/Close"));
+var _Check = _interopRequireDefault(require("@mui/icons-material/Check"));
+var _ErrorOutlined = _interopRequireDefault(require("@mui/icons-material/ErrorOutlined"));
+var _WarningAmberOutlined = _interopRequireDefault(require("@mui/icons-material/WarningAmberOutlined"));
+var _InfoOutlined = _interopRequireDefault(require("@mui/icons-material/InfoOutlined"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+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; }
+/**
+ * Banner - Portnet UI v2
+ *
+ * Charter §03 · Component "Banner". For persistent system-wide messages
+ * (network error, maintenance, banner alerts on top of a section).
+ *
+ *   R-A.2 - Erreur bloquante = role="alert" aria-live="assertive".
+ *   R-F.1 - Focus visible required on the action button.
+ *
+ *   <Banner variant="error" action={{ label: "Réessayer", onClick: retry }}>
+ *     Connexion perdue.
+ *   </Banner>
+ *
+ * Action cluster (capability gap G-19)
+ * ------------------------------------
+ * `action` is the primary affordance (outlined). `secondaryAction` is the
+ * subordinate one (borderless + underlined), rendered to its LEFT per the
+ * charter's R-M.6 ordering (« action principale à droite, secondaire à gauche »).
+ * Both accept an optional leading `icon`.
+ *
+ *   <Banner
+ *     variant="info"
+ *     title="Brouillon trouvé"
+ *     action={{ label: "Restaurer", onClick: restore }}
+ *     secondaryAction={{ label: "Ignorer", onClick: discard }}
+ *   >
+ *     Une saisie en cours a été détectée sur ce poste.
+ *   </Banner>
+ *
+ * WHY THIS WAS ADDED. Banner previously destructured a FIXED prop list with no
+ * rest spread and supported neither `secondaryAction` nor `action.icon`. Every
+ * audited module had nonetheless passed them — four dead props in addpe-fe alone
+ * (its own comments record the discovery) — so the affordances silently did not
+ * exist: a draft-restore banner offered "Restaurer" with NO way to dismiss, and
+ * error banners lost their intended escape hatch. Props that look supported and
+ * are dropped in silence are worse than absent ones, because a reviewer reading
+ * the call site believes the affordance ships.
+ *
+ * `onClose` remains a distinct concern: it is DISMISSAL (an ✕ icon-button), not
+ * an action. Use `secondaryAction` when the second choice carries business
+ * meaning ("Ignorer" clears a draft; "Retour à la liste" navigates).
+ *
+ * Localisation (FR / EN / AR):
+ *   - `action.label` / `secondaryAction.label` are consumer-controlled.
+ *   - `closeLabel` overrides the dismiss button's aria-label
+ *     (default "Fermer").
+ *
+ * A11y note (WCAG 1.4.3):
+ *   Each variant carries TWO colours - a saturated one for icons + border
+ *   (passes 1.4.11 ≥ 3:1) and a darker -fg one for text (passes 1.4.3
+ *   ≥ 4.5:1) on the soft background. Don't collapse them.
+ *
+ * A11y note (live regions, R-A.1 / R-A.2):
+ *   aria-relevant="additions text" is set explicitly. Per WAI-ARIA both
+ *   role="alert" and role="status" imply this default, but real-world
+ *   SR + browser combos (NVDA + Firefox especially) have shipped
+ *   announcement-skipping bugs in the absence of an explicit attribute.
+ *   Defense-in-depth.
+ */
+
+var VARIANT = {
+  info: {
+    bg: "var(--info-soft)",
+    fg: "var(--info)",
+    text: "var(--info-fg)",
+    icon: _InfoOutlined["default"]
+  },
+  success: {
+    bg: "var(--success-soft)",
+    fg: "var(--success)",
+    text: "var(--success-fg)",
+    icon: _Check["default"]
+  },
+  warning: {
+    bg: "var(--warning-soft)",
+    fg: "var(--warning)",
+    text: "var(--warning-fg)",
+    icon: _WarningAmberOutlined["default"]
+  },
+  error: {
+    bg: "var(--danger-soft)",
+    fg: "var(--danger)",
+    text: "var(--danger-fg)",
+    icon: _ErrorOutlined["default"]
+  }
+};
+/**
+ * One button of the action cluster. Extracted rather than duplicated: the two
+ * emphases differ only by border and underline, and a second inline copy of a
+ * 25-line `sx` block is exactly how the focus-visible and contrast guarantees
+ * below drift apart.
+ *
+ * Colour is `cfg.text` for BOTH border and label — it passes 1.4.3 (≥ 4.5:1) as
+ * text and 1.4.11 (≥ 3:1) as a UI boundary on the soft background. Do not swap
+ * it for `cfg.fg`, which only clears the non-text threshold.
+ */
+function BannerActionButton(_ref) {
+  var action = _ref.action,
+    color = _ref.color,
+    emphasis = _ref.emphasis;
+  var isPrimary = emphasis === "primary";
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box["default"], {
+    component: "button",
+    type: "button",
+    onClick: action.onClick,
+    sx: {
+      display: "inline-flex",
+      alignItems: "center",
+      gap: "var(--s-1)",
+      background: "transparent",
+      /* Transparent border on the secondary keeps both buttons on the same
+       * baseline and the same height — without it the cluster jitters. */
+      border: "1px solid ".concat(isPrimary ? color : "transparent"),
+      color: color,
+      padding: "var(--s-1) var(--s-3)",
+      borderRadius: "var(--r-sm)",
+      fontSize: "var(--text-xs)",
+      fontWeight: "var(--fw-semibold)",
+      textDecoration: isPrimary ? "none" : "underline",
+      cursor: "pointer",
+      fontFamily: "inherit",
+      whiteSpace: "nowrap",
+      transition: "background var(--duration-fast) ease",
+      "&:hover": {
+        background: "color-mix(in srgb, currentColor 10%, transparent)"
+      },
+      // R-F.1 - focus-visible required, charter §05.
+      "&:focus-visible": {
+        outline: "2px solid currentColor",
+        outlineOffset: "var(--pui-outline-offset)"
+      }
+    },
+    children: [action.icon && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box["default"], {
+      component: "span",
+      "aria-hidden": "true",
+      sx: {
+        display: "inline-flex",
+        flexShrink: 0,
+        /* Normalise a consumer-supplied MUI icon (24px by default) onto the
+         * label's optical scale. --text-h3 is the 16px token. */
+        "& > *": {
+          fontSize: "var(--text-h3)"
+        }
+      },
+      children: action.icon
+    }), action.label]
+  });
+}
+function Banner(_ref2) {
+  var _ref2$variant = _ref2.variant,
+    variant = _ref2$variant === void 0 ? "info" : _ref2$variant,
+    children = _ref2.children,
+    title = _ref2.title,
+    action = _ref2.action,
+    secondaryAction = _ref2.secondaryAction,
+    onClose = _ref2.onClose,
+    _ref2$closeLabel = _ref2.closeLabel,
+    closeLabel = _ref2$closeLabel === void 0 ? "Fermer" : _ref2$closeLabel;
+  var cfg = VARIANT[variant] || VARIANT.info;
+  var Icon = cfg.icon;
+  var isErr = variant === "error";
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box["default"], {
+    role: isErr ? "alert" : "status",
+    "aria-live": isErr ? "assertive" : "polite",
+    "aria-relevant": "additions text",
+    sx: {
+      display: "flex",
+      alignItems: "flex-start",
+      gap: "var(--s-3)",
+      padding: "var(--s-3) var(--s-4)",
+      borderRadius: "var(--r-md)",
+      background: cfg.bg,
+      // Body text inherits this colour - keep at standard --fg for
+      // maximum legibility (the soft bg is light, --fg is the darkest).
+      color: "var(--fg)",
+      // Border on the saturated variant colour - meets 1.4.11.
+      border: "1px solid ".concat(cfg.fg),
+      fontSize: "var(--text-sm)"
+    },
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(Icon, {
+      fontSize: "small",
+      "aria-hidden": "true"
+      // Icon stays on cfg.fg - passes 1.4.11 (≥ 3:1) for non-text UI.
+      ,
+      sx: {
+        color: cfg.fg
+      }
+      // Optical alignment of the icon with the first text line -
+      // deliberate non-token value (not a spacing token concern).
+      ,
+      style: {
+        marginTop: 2,
+        flexShrink: 0
+      }
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box["default"], {
+      sx: {
+        flex: 1
+      },
+      children: [title &&
+      /*#__PURE__*/
+      // Title uses cfg.text - passes 1.4.3 (≥ 4.5:1) on cfg.bg.
+      (0, _jsxRuntime.jsx)(_Box["default"], {
+        sx: {
+          fontWeight: "var(--fw-semibold)",
+          marginBottom: "var(--s-1)",
+          color: cfg.text
+        },
+        children: title
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box["default"], {
+        children: children
+      })]
+    }), (action || secondaryAction) && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box["default"], {
+      sx: {
+        display: "flex",
+        alignItems: "center",
+        gap: "var(--s-2)",
+        flexShrink: 0
+      },
+      children: [secondaryAction && /*#__PURE__*/(0, _jsxRuntime.jsx)(BannerActionButton, {
+        action: secondaryAction,
+        color: cfg.text,
+        emphasis: "secondary"
+      }), action && /*#__PURE__*/(0, _jsxRuntime.jsx)(BannerActionButton, {
+        action: action,
+        color: cfg.text,
+        emphasis: "primary"
+      })]
+    }), onClose && /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconButton["default"], {
+      "aria-label": closeLabel,
+      size: "small",
+      onClick: onClose
+      // Close icon is non-text UI - cfg.fg is fine (1.4.11).
+      ,
+      sx: {
+        color: cfg.fg,
+        marginRight: "calc(-1 * var(--s-1))"
+      },
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Close["default"], {
+        fontSize: "small"
+      })
+    })]
+  });
+}
+var _default = exports["default"] = Banner;
+//# sourceMappingURL=Banner.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Banner.js","names":["React","_interopRequireWildcard","require","_Box","_interopRequireDefault","_IconButton","_Close","_Check","_ErrorOutlined","_WarningAmberOutlined","_InfoOutlined","_jsxRuntime","obj","__esModule","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","VARIANT","info","bg","fg","text","icon","InfoIcon","success","CheckIcon","warning","WarningIcon","error","ErrorIcon","BannerActionButton","_ref","action","color","emphasis","isPrimary","jsxs","component","type","onClick","sx","display","alignItems","gap","background","border","concat","padding","borderRadius","fontSize","fontWeight","textDecoration","cursor","fontFamily","whiteSpace","transition","outline","outlineOffset","children","jsx","flexShrink","label","Banner","_ref2","_ref2$variant","variant","title","secondaryAction","onClose","_ref2$closeLabel","closeLabel","cfg","Icon","isErr","role","style","marginTop","flex","marginBottom","size","marginRight","_default","exports"],"sources":["../../../src/lib/v2/components/Banner.tsx"],"sourcesContent":["import * as React from \"react\";\r\nimport Box from \"@mui/material/Box\";\r\nimport IconButton from \"@mui/material/IconButton\";\r\nimport type { SvgIconComponent } from \"@mui/icons-material\";\r\nimport CloseIcon from \"@mui/icons-material/Close\";\r\nimport CheckIcon from \"@mui/icons-material/Check\";\r\nimport ErrorIcon from \"@mui/icons-material/ErrorOutlined\";\r\nimport WarningIcon from \"@mui/icons-material/WarningAmberOutlined\";\r\nimport InfoIcon from \"@mui/icons-material/InfoOutlined\";\r\n\r\n/**\r\n * Banner - Portnet UI v2\r\n *\r\n * Charter §03 · Component \"Banner\". For persistent system-wide messages\r\n * (network error, maintenance, banner alerts on top of a section).\r\n *\r\n *   R-A.2 - Erreur bloquante = role=\"alert\" aria-live=\"assertive\".\r\n *   R-F.1 - Focus visible required on the action button.\r\n *\r\n *   <Banner variant=\"error\" action={{ label: \"Réessayer\", onClick: retry }}>\r\n *     Connexion perdue.\r\n *   </Banner>\r\n *\r\n * Action cluster (capability gap G-19)\r\n * ------------------------------------\r\n * `action` is the primary affordance (outlined). `secondaryAction` is the\r\n * subordinate one (borderless + underlined), rendered to its LEFT per the\r\n * charter's R-M.6 ordering (« action principale à droite, secondaire à gauche »).\r\n * Both accept an optional leading `icon`.\r\n *\r\n *   <Banner\r\n *     variant=\"info\"\r\n *     title=\"Brouillon trouvé\"\r\n *     action={{ label: \"Restaurer\", onClick: restore }}\r\n *     secondaryAction={{ label: \"Ignorer\", onClick: discard }}\r\n *   >\r\n *     Une saisie en cours a été détectée sur ce poste.\r\n *   </Banner>\r\n *\r\n * WHY THIS WAS ADDED. Banner previously destructured a FIXED prop list with no\r\n * rest spread and supported neither `secondaryAction` nor `action.icon`. Every\r\n * audited module had nonetheless passed them — four dead props in addpe-fe alone\r\n * (its own comments record the discovery) — so the affordances silently did not\r\n * exist: a draft-restore banner offered \"Restaurer\" with NO way to dismiss, and\r\n * error banners lost their intended escape hatch. Props that look supported and\r\n * are dropped in silence are worse than absent ones, because a reviewer reading\r\n * the call site believes the affordance ships.\r\n *\r\n * `onClose` remains a distinct concern: it is DISMISSAL (an ✕ icon-button), not\r\n * an action. Use `secondaryAction` when the second choice carries business\r\n * meaning (\"Ignorer\" clears a draft; \"Retour à la liste\" navigates).\r\n *\r\n * Localisation (FR / EN / AR):\r\n *   - `action.label` / `secondaryAction.label` are consumer-controlled.\r\n *   - `closeLabel` overrides the dismiss button's aria-label\r\n *     (default \"Fermer\").\r\n *\r\n * A11y note (WCAG 1.4.3):\r\n *   Each variant carries TWO colours - a saturated one for icons + border\r\n *   (passes 1.4.11 ≥ 3:1) and a darker -fg one for text (passes 1.4.3\r\n *   ≥ 4.5:1) on the soft background. Don't collapse them.\r\n *\r\n * A11y note (live regions, R-A.1 / R-A.2):\r\n *   aria-relevant=\"additions text\" is set explicitly. Per WAI-ARIA both\r\n *   role=\"alert\" and role=\"status\" imply this default, but real-world\r\n *   SR + browser combos (NVDA + Firefox especially) have shipped\r\n *   announcement-skipping bugs in the absence of an explicit attribute.\r\n *   Defense-in-depth.\r\n */\r\n\r\nexport type BannerVariant = \"info\" | \"success\" | \"warning\" | \"error\";\r\n\r\ninterface BannerVariantConfig {\r\n  bg: string;\r\n  fg: string;\r\n  text: string;\r\n  icon: SvgIconComponent;\r\n}\r\n\r\nconst VARIANT: Record<BannerVariant, BannerVariantConfig> = {\r\n  info:    { bg: \"var(--info-soft)\",    fg: \"var(--info)\",    text: \"var(--info-fg)\",    icon: InfoIcon },\r\n  success: { bg: \"var(--success-soft)\", fg: \"var(--success)\", text: \"var(--success-fg)\", icon: CheckIcon },\r\n  warning: { bg: \"var(--warning-soft)\", fg: \"var(--warning)\", text: \"var(--warning-fg)\", icon: WarningIcon },\r\n  error:   { bg: \"var(--danger-soft)\",  fg: \"var(--danger)\",  text: \"var(--danger-fg)\",  icon: ErrorIcon },\r\n};\r\n\r\nexport interface BannerAction {\r\n  label: React.ReactNode;\r\n  onClick?: (() => void) | undefined;\r\n  /**\r\n   * Optional leading icon. Rendered `aria-hidden` — the label carries the\r\n   * accessible name (R-Ar.2), so an icon-only banner action is not supported by\r\n   * design: a banner action must read as a verb+object CTA (§09.2).\r\n   */\r\n  icon?: React.ReactNode | undefined;\r\n}\r\n\r\nexport interface BannerProps {\r\n  variant?: BannerVariant | undefined;\r\n  children: React.ReactNode;\r\n  title?: React.ReactNode | undefined;\r\n  /** Primary affordance — outlined, rendered rightmost of the cluster. */\r\n  action?: BannerAction | undefined;\r\n  /** Subordinate affordance — borderless, rendered LEFT of `action` (R-M.6). */\r\n  secondaryAction?: BannerAction | undefined;\r\n  onClose?: (() => void) | undefined;\r\n  closeLabel?: string | undefined;\r\n}\r\n\r\n/**\r\n * One button of the action cluster. Extracted rather than duplicated: the two\r\n * emphases differ only by border and underline, and a second inline copy of a\r\n * 25-line `sx` block is exactly how the focus-visible and contrast guarantees\r\n * below drift apart.\r\n *\r\n * Colour is `cfg.text` for BOTH border and label — it passes 1.4.3 (≥ 4.5:1) as\r\n * text and 1.4.11 (≥ 3:1) as a UI boundary on the soft background. Do not swap\r\n * it for `cfg.fg`, which only clears the non-text threshold.\r\n */\r\nfunction BannerActionButton({\r\n  action,\r\n  color,\r\n  emphasis,\r\n}: {\r\n  action: BannerAction;\r\n  color: string;\r\n  emphasis: \"primary\" | \"secondary\";\r\n}) {\r\n  const isPrimary = emphasis === \"primary\";\r\n  return (\r\n    <Box\r\n      component=\"button\"\r\n      type=\"button\"\r\n      onClick={action.onClick}\r\n      sx={{\r\n        display: \"inline-flex\",\r\n        alignItems: \"center\",\r\n        gap: \"var(--s-1)\",\r\n        background: \"transparent\",\r\n        /* Transparent border on the secondary keeps both buttons on the same\r\n         * baseline and the same height — without it the cluster jitters. */\r\n        border: `1px solid ${isPrimary ? color : \"transparent\"}`,\r\n        color,\r\n        padding: \"var(--s-1) var(--s-3)\",\r\n        borderRadius: \"var(--r-sm)\",\r\n        fontSize: \"var(--text-xs)\",\r\n        fontWeight: \"var(--fw-semibold)\",\r\n        textDecoration: isPrimary ? \"none\" : \"underline\",\r\n        cursor: \"pointer\",\r\n        fontFamily: \"inherit\",\r\n        whiteSpace: \"nowrap\",\r\n        transition: \"background var(--duration-fast) ease\",\r\n        \"&:hover\": {\r\n          background: \"color-mix(in srgb, currentColor 10%, transparent)\",\r\n        },\r\n        // R-F.1 - focus-visible required, charter §05.\r\n        \"&:focus-visible\": {\r\n          outline: \"2px solid currentColor\",\r\n          outlineOffset: \"var(--pui-outline-offset)\",\r\n        },\r\n      }}\r\n    >\r\n      {action.icon && (\r\n        <Box\r\n          component=\"span\"\r\n          aria-hidden=\"true\"\r\n          sx={{\r\n            display: \"inline-flex\",\r\n            flexShrink: 0,\r\n            /* Normalise a consumer-supplied MUI icon (24px by default) onto the\r\n             * label's optical scale. --text-h3 is the 16px token. */\r\n            \"& > *\": { fontSize: \"var(--text-h3)\" },\r\n          }}\r\n        >\r\n          {action.icon}\r\n        </Box>\r\n      )}\r\n      {action.label}\r\n    </Box>\r\n  );\r\n}\r\n\r\nfunction Banner({\r\n  variant = \"info\",\r\n  children,\r\n  title,\r\n  action,           // { label, onClick, icon } — primary\r\n  secondaryAction,  // { label, onClick, icon } — subordinate (G-19)\r\n  onClose,          // optional dismissal (✕), distinct from an action\r\n  closeLabel = \"Fermer\",\r\n}: BannerProps) {\r\n  const cfg = VARIANT[variant] || VARIANT.info;\r\n  const Icon = cfg.icon;\r\n  const isErr = variant === \"error\";\r\n\r\n  return (\r\n    <Box\r\n      role={isErr ? \"alert\" : \"status\"}\r\n      aria-live={isErr ? \"assertive\" : \"polite\"}\r\n      aria-relevant=\"additions text\"\r\n      sx={{\r\n        display: \"flex\",\r\n        alignItems: \"flex-start\",\r\n        gap: \"var(--s-3)\",\r\n        padding: \"var(--s-3) var(--s-4)\",\r\n        borderRadius: \"var(--r-md)\",\r\n        background: cfg.bg,\r\n        // Body text inherits this colour - keep at standard --fg for\r\n        // maximum legibility (the soft bg is light, --fg is the darkest).\r\n        color: \"var(--fg)\",\r\n        // Border on the saturated variant colour - meets 1.4.11.\r\n        border: `1px solid ${cfg.fg}`,\r\n        fontSize: \"var(--text-sm)\",\r\n      }}\r\n    >\r\n      <Icon\r\n        fontSize=\"small\"\r\n        aria-hidden=\"true\"\r\n        // Icon stays on cfg.fg - passes 1.4.11 (≥ 3:1) for non-text UI.\r\n        sx={{ color: cfg.fg }}\r\n        // Optical alignment of the icon with the first text line -\r\n        // deliberate non-token value (not a spacing token concern).\r\n        style={{ marginTop: 2, flexShrink: 0 }}\r\n      />\r\n      <Box sx={{ flex: 1 }}>\r\n        {title && (\r\n          // Title uses cfg.text - passes 1.4.3 (≥ 4.5:1) on cfg.bg.\r\n          <Box sx={{ fontWeight: \"var(--fw-semibold)\", marginBottom: \"var(--s-1)\", color: cfg.text }}>\r\n            {title}\r\n          </Box>\r\n        )}\r\n        <Box>{children}</Box>\r\n      </Box>\r\n      {(action || secondaryAction) && (\r\n        <Box\r\n          sx={{\r\n            display: \"flex\",\r\n            alignItems: \"center\",\r\n            gap: \"var(--s-2)\",\r\n            flexShrink: 0,\r\n          }}\r\n        >\r\n          {/* R-M.6 — secondary on the LEFT, primary on the right. */}\r\n          {secondaryAction && (\r\n            <BannerActionButton\r\n              action={secondaryAction}\r\n              color={cfg.text}\r\n              emphasis=\"secondary\"\r\n            />\r\n          )}\r\n          {action && (\r\n            <BannerActionButton\r\n              action={action}\r\n              color={cfg.text}\r\n              emphasis=\"primary\"\r\n            />\r\n          )}\r\n        </Box>\r\n      )}\r\n      {onClose && (\r\n        <IconButton\r\n          aria-label={closeLabel}\r\n          size=\"small\"\r\n          onClick={onClose}\r\n          // Close icon is non-text UI - cfg.fg is fine (1.4.11).\r\n          sx={{ color: cfg.fg, marginRight: \"calc(-1 * var(--s-1))\" }}\r\n        >\r\n          <CloseIcon fontSize=\"small\" />\r\n        </IconButton>\r\n      )}\r\n    </Box>\r\n  );\r\n}\r\n\r\nexport default Banner;\r\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,18 @@
+export interface SectionBusyProps {
+    /** SR announcement; appears as aria-label on the inner SVG. */
+    label?: string | undefined;
+    /**
+     * If false, the overlay backdrop is transparent (still blocks
+     * clicks, still announces busy). Use when the section already
+     * has a subtle bg and you don't want a double scrim.
+     */
+    surface?: boolean | undefined;
+}
+export declare function SectionBusy({ label, surface }: SectionBusyProps): import("react").JSX.Element;
+export interface PageBusyProps {
+    /** SR announcement; appears as aria-label on the inner SVG. */
+    label?: string | undefined;
+}
+export declare function PageBusy({ label }: PageBusyProps): import("react").JSX.Element;
+export default SectionBusy;
+//# sourceMappingURL=Busy.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Busy.d.ts","sourceRoot":"","sources":["../../../src/lib/v2/components/Busy.tsx"],"names":[],"mappings":"AAmDA,MAAM,WAAW,gBAAgB;IAC/B,+DAA+D;IAC/D,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CAC/B;AAED,wBAAgB,WAAW,CAAC,EAAE,KAA6B,EAAE,OAAc,EAAE,EAAE,gBAAgB,+BAoB9F;AAED,MAAM,WAAW,aAAa;IAC5B,+DAA+D;IAC/D,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAC5B;AAED,wBAAgB,QAAQ,CAAC,EAAE,KAA6B,EAAE,EAAE,aAAa,+BAgBxE;AAED,eAAe,WAAW,CAAC"}

package/dist/v2/components/Busy.js

@@ -0,0 +1,104 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PageBusy = PageBusy;
+exports.SectionBusy = SectionBusy;
+exports["default"] = void 0;
+var _Box = _interopRequireDefault(require("@mui/material/Box"));
+var _Spinner = _interopRequireDefault(require("./Spinner"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+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); } /**
+ * Busy — Portnet UI v2
+ *
+ * Charter §04.4 · canonical loading-overlay primitive. Replaces the
+ * inline PAGE_OVERLAY_SX block that host modules previously froze
+ * in 15+ feature pages (cf. ms-ti-fe VALIDATION_REPORT §6 — uplift
+ * pattern catalogued under "Spinner overlay block").
+ *
+ * Two variants:
+ *
+ *   <SectionBusy />
+ *     covers the nearest positioned ancestor (parent must have
+ *     `position: relative`). Use when a section/card is waiting on
+ *     data but the rest of the page is still usable.
+ *
+ *   <PageBusy />
+ *     fixed full-viewport variant. Use when the whole page is
+ *     blocked (e.g. initial fetch, submit-in-flight on a wizard).
+ *
+ * Both expose role="status" + aria-live="polite" + aria-busy="true"
+ * so screen-reader users hear the loading state, and they forward
+ * the `label` prop to the inner Spinner — that text is announced
+ * via aria-label on the SVG (R-Ar.1).
+ *
+ * Reduced-motion: the Spinner's CSS animation is suppressed under
+ * `prefers-reduced-motion: reduce` (handled in pui-spinner base
+ * stylesheet — no per-component duplication).
+ *
+ * Usage:
+ *
+ *   // Section-level (parent has position: relative):
+ *   <Box sx={{ position: "relative" }}>
+ *     <ContentThatCanLoad />
+ *     {isLoading && <SectionBusy label="Chargement des marchandises" />}
+ *   </Box>
+ *
+ *   // Full-page (e.g. wizard during create+navigate):
+ *   {isPageLoading && <PageBusy label="Création en cours" />}
+ */
+var SHARED_OVERLAY_SX = Object.freeze({
+  display: "grid",
+  placeItems: "center",
+  background: "color-mix(in srgb, var(--bg) 70%, transparent)",
+  pointerEvents: "auto"
+});
+function SectionBusy(_ref) {
+  var _ref$label = _ref.label,
+    label = _ref$label === void 0 ? "Chargement en cours" : _ref$label,
+    _ref$surface = _ref.surface,
+    surface = _ref$surface === void 0 ? true : _ref$surface;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box["default"], {
+    role: "status",
+    "aria-live": "polite",
+    "aria-busy": "true",
+    sx: _objectSpread(_objectSpread({}, SHARED_OVERLAY_SX), {}, {
+      position: "absolute",
+      inset: 0,
+      background: surface ? SHARED_OVERLAY_SX.background : "transparent",
+      borderRadius: "var(--r-lg)",
+      zIndex: 1
+    }),
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Spinner["default"], {
+      size: 20,
+      label: label
+    })
+  });
+}
+function PageBusy(_ref2) {
+  var _ref2$label = _ref2.label,
+    label = _ref2$label === void 0 ? "Chargement en cours" : _ref2$label;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box["default"], {
+    role: "status",
+    "aria-live": "polite",
+    "aria-busy": "true",
+    sx: _objectSpread(_objectSpread({}, SHARED_OVERLAY_SX), {}, {
+      position: "fixed",
+      inset: 0,
+      zIndex: "var(--z-modal, 9999)"
+    }),
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Spinner["default"], {
+      size: 28,
+      label: label
+    })
+  });
+}
+var _default = exports["default"] = SectionBusy;
+//# sourceMappingURL=Busy.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Busy.js","names":["_Box","_interopRequireDefault","require","_Spinner","_jsxRuntime","obj","__esModule","_typeof","Symbol","iterator","constructor","prototype","ownKeys","object","enumerableOnly","keys","Object","getOwnPropertySymbols","symbols","filter","sym","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","target","i","arguments","length","source","forEach","key","_defineProperty","getOwnPropertyDescriptors","defineProperties","defineProperty","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","toPrimitive","undefined","res","call","TypeError","Number","SHARED_OVERLAY_SX","freeze","display","placeItems","background","pointerEvents","SectionBusy","_ref","_ref$label","label","_ref$surface","surface","jsx","role","sx","position","inset","borderRadius","zIndex","children","size","PageBusy","_ref2","_ref2$label","_default","exports"],"sources":["../../../src/lib/v2/components/Busy.tsx"],"sourcesContent":["import Box from \"@mui/material/Box\";\r\nimport type { SxProps, Theme } from \"@mui/material/styles\";\r\nimport Spinner from \"./Spinner\";\r\n\r\n/**\r\n * Busy — Portnet UI v2\r\n *\r\n * Charter §04.4 · canonical loading-overlay primitive. Replaces the\r\n * inline PAGE_OVERLAY_SX block that host modules previously froze\r\n * in 15+ feature pages (cf. ms-ti-fe VALIDATION_REPORT §6 — uplift\r\n * pattern catalogued under \"Spinner overlay block\").\r\n *\r\n * Two variants:\r\n *\r\n *   <SectionBusy />\r\n *     covers the nearest positioned ancestor (parent must have\r\n *     `position: relative`). Use when a section/card is waiting on\r\n *     data but the rest of the page is still usable.\r\n *\r\n *   <PageBusy />\r\n *     fixed full-viewport variant. Use when the whole page is\r\n *     blocked (e.g. initial fetch, submit-in-flight on a wizard).\r\n *\r\n * Both expose role=\"status\" + aria-live=\"polite\" + aria-busy=\"true\"\r\n * so screen-reader users hear the loading state, and they forward\r\n * the `label` prop to the inner Spinner — that text is announced\r\n * via aria-label on the SVG (R-Ar.1).\r\n *\r\n * Reduced-motion: the Spinner's CSS animation is suppressed under\r\n * `prefers-reduced-motion: reduce` (handled in pui-spinner base\r\n * stylesheet — no per-component duplication).\r\n *\r\n * Usage:\r\n *\r\n *   // Section-level (parent has position: relative):\r\n *   <Box sx={{ position: \"relative\" }}>\r\n *     <ContentThatCanLoad />\r\n *     {isLoading && <SectionBusy label=\"Chargement des marchandises\" />}\r\n *   </Box>\r\n *\r\n *   // Full-page (e.g. wizard during create+navigate):\r\n *   {isPageLoading && <PageBusy label=\"Création en cours\" />}\r\n */\r\n\r\nconst SHARED_OVERLAY_SX = Object.freeze({\r\n  display:       \"grid\",\r\n  placeItems:    \"center\",\r\n  background:    \"color-mix(in srgb, var(--bg) 70%, transparent)\",\r\n  pointerEvents: \"auto\",\r\n} satisfies SxProps<Theme>);\r\n\r\nexport interface SectionBusyProps {\r\n  /** SR announcement; appears as aria-label on the inner SVG. */\r\n  label?: string | undefined;\r\n  /**\r\n   * If false, the overlay backdrop is transparent (still blocks\r\n   * clicks, still announces busy). Use when the section already\r\n   * has a subtle bg and you don't want a double scrim.\r\n   */\r\n  surface?: boolean | undefined;\r\n}\r\n\r\nexport function SectionBusy({ label = \"Chargement en cours\", surface = true }: SectionBusyProps) {\r\n  return (\r\n    <Box\r\n      role=\"status\"\r\n      aria-live=\"polite\"\r\n      aria-busy=\"true\"\r\n      sx={{\r\n        ...SHARED_OVERLAY_SX,\r\n        position:     \"absolute\",\r\n        inset:        0,\r\n        background:   surface\r\n          ? SHARED_OVERLAY_SX.background\r\n          : \"transparent\",\r\n        borderRadius: \"var(--r-lg)\",\r\n        zIndex:       1,\r\n      }}\r\n    >\r\n      <Spinner size={20} label={label} />\r\n    </Box>\r\n  );\r\n}\r\n\r\nexport interface PageBusyProps {\r\n  /** SR announcement; appears as aria-label on the inner SVG. */\r\n  label?: string | undefined;\r\n}\r\n\r\nexport function PageBusy({ label = \"Chargement en cours\" }: PageBusyProps) {\r\n  return (\r\n    <Box\r\n      role=\"status\"\r\n      aria-live=\"polite\"\r\n      aria-busy=\"true\"\r\n      sx={{\r\n        ...SHARED_OVERLAY_SX,\r\n        position: \"fixed\",\r\n        inset:    0,\r\n        zIndex:   \"var(--z-modal, 9999)\",\r\n      }}\r\n    >\r\n      <Spinner size={28} label={label} />\r\n    </Box>\r\n  );\r\n}\r\n\r\nexport default SectionBusy;\r\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,36 @@
+import * as React from "react";
+import type { ButtonProps as MuiButtonProps } from "@mui/material/Button";
+/**
+ * Button - Portnet UI v2
+ *
+ * Charter §03 · Component "Button". DS-aligned MUI wrapper.
+ *
+ * R-B.1 - Only ONE primary per screen (host-enforced).
+ * R-B.2 - Charter target visual height 40 / 32 px.
+ * R-B.3 - Label = verb + object ("Créer un titre"), never "OK" alone.
+ * R-B.4 - `loading` disables interaction and shows inline spinner.
+ * R-B.5 - Icon-only requires `aria-label`.
+ * R-B.6 - Destructive action → variant="danger", never primary.
+ *
+ * Variants: "primary" | "secondary" | "ghost" | "danger"
+ * Sizes:    "md" (40px visual) | "sm" (32px visual), tactile min 44px.
+ */
+type ButtonVariant = "primary" | "secondary" | "ghost" | "danger";
+type ButtonSize = "sm" | "md";
+export interface ButtonProps extends Omit<MuiButtonProps, "variant" | "size"> {
+    /** Visual variant. @default "secondary" */
+    variant?: ButtonVariant | undefined;
+    /** Charter size — "md" (40px visual) or "sm" (32px visual). @default "md" */
+    size?: ButtonSize | undefined;
+    /** Leading icon (start adornment). */
+    icon?: React.ReactNode | undefined;
+    /** Trailing icon (end adornment). */
+    iconRight?: React.ReactNode | undefined;
+    /** Icon-only button — requires `aria-label` (charter R-B.5). @default false */
+    iconOnly?: boolean | undefined;
+    /** Show an inline spinner and disable interaction. @default false */
+    loading?: boolean | undefined;
+}
+declare const Button: React.ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export default Button;
+//# sourceMappingURL=Button.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/lib/v2/components/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,WAAW,IAAI,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAI1E;;;;;;;;;;;;;;GAcG;AACH,KAAK,aAAa,GAAG,SAAS,GAAG,WAAW,GAAG,OAAO,GAAG,QAAQ,CAAC;AAClE,KAAK,UAAU,GAAG,IAAI,GAAG,IAAI,CAAC;AAiB9B,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,cAAc,EAAE,SAAS,GAAG,MAAM,CAAC;IAC3E,2CAA2C;IAC3C,OAAO,CAAC,EAAE,aAAa,GAAG,SAAS,CAAC;IACpC,6EAA6E;IAC7E,IAAI,CAAC,EAAE,UAAU,GAAG,SAAS,CAAC;IAC9B,sCAAsC;IACtC,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,SAAS,CAAC;IACnC,qCAAqC;IACrC,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,SAAS,CAAC;IACxC,+EAA+E;IAC/E,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC/B,qEAAqE;IACrE,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CAC/B;AAED,QAAA,MAAM,MAAM,oGAoEV,CAAC;AAEH,eAAe,MAAM,CAAC"}