@portnet/ui 6.0.2 → 6.0.3

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

@@ -1,12 +1,3 @@
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-var _excluded = ["back", "backLabel", "secondary", "primary", "align", "sx"];
-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 ArrowBackIcon from "@mui/icons-material/ArrowBack";
 import Box from "@mui/material/Box";
@@ -57,19 +48,17 @@ import Button from "./Button";
  * container is column-reverse too, so Back sits at the very bottom.
  */
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-function ActionStrip(_ref) {
-  var back = _ref.back,
-    _ref$backLabel = _ref.backLabel,
-    backLabel = _ref$backLabel === void 0 ? "Retour" : _ref$backLabel,
-    _ref$secondary = _ref.secondary,
-    secondary = _ref$secondary === void 0 ? [] : _ref$secondary,
-    primary = _ref.primary,
-    _ref$align = _ref.align,
-    align = _ref$align === void 0 ? "end" : _ref$align,
-    sx = _ref.sx,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/_jsxs(Box, _objectSpread(_objectSpread({
-    sx: _objectSpread({
+function ActionStrip({
+  back,
+  backLabel = "Retour",
+  secondary = [],
+  primary,
+  align = "end",
+  sx,
+  ...rest
+}) {
+  return /*#__PURE__*/_jsxs(Box, {
+    sx: {
       display: "flex",
       flexDirection: {
         xs: "column-reverse",
@@ -83,9 +72,10 @@ function ActionStrip(_ref) {
       gap: "var(--s-3)",
       marginTop: "var(--s-5)",
       paddingTop: "var(--s-4)",
-      borderTop: "1px solid var(--border)"
-    }, sx)
-  }, rest), {}, {
+      borderTop: "1px solid var(--border)",
+      ...sx
+    },
+    ...rest,
     children: [/*#__PURE__*/_jsx(Box, {
       sx: {
         display: "flex",
@@ -116,31 +106,29 @@ function ActionStrip(_ref) {
           sm: "flex-end"
         }
       },
-      children: [secondary.map(function (action, i) {
-        return /*#__PURE__*/_jsx(Button, _objectSpread(_objectSpread({
-          variant: action.variant || "ghost",
-          icon: action.icon,
-          onClick: action.onClick,
-          disabled: action.disabled,
-          type: action.type
-        }, action.loading !== undefined ? {
+      children: [secondary.map((action, i) => /*#__PURE__*/_jsx(Button, {
+        variant: action.variant || "ghost",
+        icon: action.icon,
+        onClick: action.onClick,
+        disabled: action.disabled,
+        type: action.type,
+        ...(action.loading !== undefined ? {
           loading: action.loading
-        } : {}), {}, {
-          children: action.label
-        }), action.id || "sec-".concat(i));
-      }), primary && /*#__PURE__*/_jsx(Button, _objectSpread(_objectSpread({
+        } : {}),
+        children: action.label
+      }, action.id || `sec-${i}`)), primary && /*#__PURE__*/_jsx(Button, {
         variant: primary.variant || "primary",
         icon: primary.icon,
         onClick: primary.onClick,
         disabled: primary.disabled,
-        type: primary.type
-      }, primary.loading !== undefined ? {
-        loading: primary.loading
-      } : {}), {}, {
+        type: primary.type,
+        ...(primary.loading !== undefined ? {
+          loading: primary.loading
+        } : {}),
         children: primary.label
-      }))]
+      })]
     })]
-  }));
+  });
 }
 export default ActionStrip;
 //# sourceMappingURL=ActionStrip.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ActionStrip.js","names":["React","ArrowBackIcon","Box","Button","jsx","_jsx","jsxs","_jsxs","ActionStrip","_ref","back","_ref$backLabel","backLabel","_ref$secondary","secondary","primary","_ref$align","align","sx","rest","_objectWithoutProperties","_excluded","_objectSpread","display","flexDirection","xs","sm","alignItems","justifyContent","gap","marginTop","paddingTop","borderTop","children","variant","icon","onClick","flexWrap","map","action","i","disabled","type","loading","undefined","label","id","concat"],"sources":["../../../../src/lib/v2/components/ActionStrip.tsx"],"sourcesContent":["import * as React from \"react\";\r\nimport ArrowBackIcon from \"@mui/icons-material/ArrowBack\";\r\nimport Box from \"@mui/material/Box\";\r\nimport type { BoxProps } from \"@mui/material/Box\";\r\nimport Button from \"./Button\";\r\nimport type { ButtonProps } from \"./Button\";\r\n\r\n/**\r\n * ActionStrip — Portnet UI v2\r\n *\r\n * Charter §03 · footer-level action row. Distinct from ActionBar\r\n * (page header) and BulkActionBar (selection toolbar). Use this\r\n * primitive at the BOTTOM of a form or below a section's content\r\n * to anchor the principal CTAs.\r\n *\r\n *   ┌─────────────────────────────────────────────────────────┐\r\n *   │ ←  Retour                       Annuler   ✉  Envoyer    │\r\n *   └─────────────────────────────────────────────────────────┘\r\n *\r\n * Replaces:\r\n *   - AppGlobalActions wrapper      (audit Batch 2 M17)\r\n *   - AppButtonsGroup wrapper       (audit Batch 2 M13)\r\n *   - inline `display:flex; justifyContent: flex-end; gap: var(--s-3)`\r\n *     Box blocks in CreationTIMarchandises update dialog, etc.\r\n *\r\n * API:\r\n *\r\n *   <ActionStrip\r\n *     back={() => navigate(-1)}              // omit if no Back affordance\r\n *     backLabel=\"Retour\"\r\n *     secondary={[\r\n *       { label: \"Annuler\", variant: \"ghost\", onClick: cancel },\r\n *     ]}\r\n *     primary={{\r\n *       label:   \"Envoyer\",\r\n *       icon:    <SendIcon />,\r\n *       onClick: submit,\r\n *       loading: isSubmitting,\r\n *     }}\r\n *   />\r\n *\r\n * Single-CTA shortcut:\r\n *\r\n *   <ActionStrip primary={{ label: \"Valider\", onClick: confirm }} />\r\n *\r\n * Responsive: on the `xs` breakpoint the strip becomes a vertical\r\n * stack of primary → secondary → back so the primary CTA stays\r\n * above the fold and reachable by thumb. The right cluster stacks\r\n * column-reverse with stretched (full-width) buttons; the outer\r\n * container is column-reverse too, so Back sits at the very bottom.\r\n */\r\n\r\nexport interface ActionStripAction {\r\n  id?: string | undefined;\r\n  label: React.ReactNode;\r\n  onClick?: ButtonProps[\"onClick\"] | undefined;\r\n  icon?: React.ReactNode | undefined;\r\n  variant?: ButtonProps[\"variant\"] | undefined;\r\n  loading?: boolean | undefined;\r\n  disabled?: boolean | undefined;\r\n  type?: \"button\" | \"submit\" | \"reset\" | undefined;\r\n}\r\n\r\nexport interface ActionStripProps extends BoxProps {\r\n  back?: ButtonProps[\"onClick\"] | undefined;\r\n  backLabel?: React.ReactNode | undefined;\r\n  secondary?: ActionStripAction[] | undefined;\r\n  primary?: ActionStripAction | undefined;\r\n  align?: \"start\" | \"end\" | undefined;\r\n}\r\n\r\nfunction ActionStrip({\r\n  back,\r\n  backLabel = \"Retour\",\r\n  secondary = [],\r\n  primary,\r\n  align = \"end\",\r\n  sx,\r\n  ...rest\r\n}: ActionStripProps) {\r\n  return (\r\n    <Box\r\n      sx={{\r\n        display: \"flex\",\r\n        flexDirection: { xs: \"column-reverse\", sm: \"row\" },\r\n        alignItems: { xs: \"stretch\", sm: \"center\" },\r\n        justifyContent: align === \"start\" ? \"flex-start\" : \"space-between\",\r\n        gap: \"var(--s-3)\",\r\n        marginTop: \"var(--s-5)\",\r\n        paddingTop: \"var(--s-4)\",\r\n        borderTop: \"1px solid var(--border)\",\r\n        ...sx,\r\n      }}\r\n      {...rest}\r\n    >\r\n      {/* Left cluster — Back affordance */}\r\n      <Box sx={{ display: \"flex\", alignItems: \"center\", gap: \"var(--s-2)\" }}>\r\n        {back && (\r\n          <Button\r\n            variant=\"ghost\"\r\n            icon={<ArrowBackIcon />}\r\n            onClick={back}\r\n          >\r\n            {backLabel}\r\n          </Button>\r\n        )}\r\n      </Box>\r\n\r\n      {/* Right cluster — secondary + primary.\r\n          xs  : column-reverse + stretch → full-width buttons, primary on\r\n                top (primary → secondary), reachable by thumb.\r\n          sm+ : single centred row, primary anchored to the right edge. */}\r\n      <Box\r\n        sx={{\r\n          display: \"flex\",\r\n          flexDirection: { xs: \"column-reverse\", sm: \"row\" },\r\n          alignItems: { xs: \"stretch\", sm: \"center\" },\r\n          gap: \"var(--s-3)\",\r\n          flexWrap: \"wrap\",\r\n          justifyContent: { xs: \"flex-start\", sm: \"flex-end\" },\r\n        }}\r\n      >\r\n        {secondary.map((action, i) => (\r\n          <Button\r\n            key={action.id || `sec-${i}`}\r\n            variant={action.variant || \"ghost\"}\r\n            icon={action.icon}\r\n            onClick={action.onClick}\r\n            disabled={action.disabled}\r\n            type={action.type}\r\n            {...(action.loading !== undefined ? { loading: action.loading } : {})}\r\n          >\r\n            {action.label}\r\n          </Button>\r\n        ))}\r\n        {primary && (\r\n          <Button\r\n            variant={primary.variant || \"primary\"}\r\n            icon={primary.icon}\r\n            onClick={primary.onClick}\r\n            disabled={primary.disabled}\r\n            type={primary.type}\r\n            {...(primary.loading !== undefined ? { loading: primary.loading } : {})}\r\n          >\r\n            {primary.label}\r\n          </Button>\r\n        )}\r\n      </Box>\r\n    </Box>\r\n  );\r\n}\r\n\r\nexport default ActionStrip;\r\n"],"mappings":";;;;;;;;;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,OAAOC,aAAa,MAAM,+BAA+B;AACzD,OAAOC,GAAG,MAAM,mBAAmB;AAEnC,OAAOC,MAAM,MAAM,UAAU;;AAG7B;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AA3CA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAgEA,SAASC,WAAWA,CAAAC,IAAA,EAQC;EAAA,IAPnBC,IAAI,GAAAD,IAAA,CAAJC,IAAI;IAAAC,cAAA,GAAAF,IAAA,CACJG,SAAS;IAATA,SAAS,GAAAD,cAAA,cAAG,QAAQ,GAAAA,cAAA;IAAAE,cAAA,GAAAJ,IAAA,CACpBK,SAAS;IAATA,SAAS,GAAAD,cAAA,cAAG,EAAE,GAAAA,cAAA;IACdE,OAAO,GAAAN,IAAA,CAAPM,OAAO;IAAAC,UAAA,GAAAP,IAAA,CACPQ,KAAK;IAALA,KAAK,GAAAD,UAAA,cAAG,KAAK,GAAAA,UAAA;IACbE,EAAE,GAAAT,IAAA,CAAFS,EAAE;IACCC,IAAI,GAAAC,wBAAA,CAAAX,IAAA,EAAAY,SAAA;EAEP,oBACEd,KAAA,CAACL,GAAG,EAAAoB,aAAA,CAAAA,aAAA;IACFJ,EAAE,EAAAI,aAAA;MACAC,OAAO,EAAE,MAAM;MACfC,aAAa,EAAE;QAAEC,EAAE,EAAE,gBAAgB;QAAEC,EAAE,EAAE;MAAM,CAAC;MAClDC,UAAU,EAAE;QAAEF,EAAE,EAAE,SAAS;QAAEC,EAAE,EAAE;MAAS,CAAC;MAC3CE,cAAc,EAAEX,KAAK,KAAK,OAAO,GAAG,YAAY,GAAG,eAAe;MAClEY,GAAG,EAAE,YAAY;MACjBC,SAAS,EAAE,YAAY;MACvBC,UAAU,EAAE,YAAY;MACxBC,SAAS,EAAE;IAAyB,GACjCd,EAAE;EACL,GACEC,IAAI;IAAAc,QAAA,gBAGR5B,IAAA,CAACH,GAAG;MAACgB,EAAE,EAAE;QAAEK,OAAO,EAAE,MAAM;QAAEI,UAAU,EAAE,QAAQ;QAAEE,GAAG,EAAE;MAAa,CAAE;MAAAI,QAAA,EACnEvB,IAAI,iBACHL,IAAA,CAACF,MAAM;QACL+B,OAAO,EAAC,OAAO;QACfC,IAAI,eAAE9B,IAAA,CAACJ,aAAa,IAAE,CAAE;QACxBmC,OAAO,EAAE1B,IAAK;QAAAuB,QAAA,EAEbrB;MAAS,CACJ;IACT,CACE,CAAC,eAMNL,KAAA,CAACL,GAAG;MACFgB,EAAE,EAAE;QACFK,OAAO,EAAE,MAAM;QACfC,aAAa,EAAE;UAAEC,EAAE,EAAE,gBAAgB;UAAEC,EAAE,EAAE;QAAM,CAAC;QAClDC,UAAU,EAAE;UAAEF,EAAE,EAAE,SAAS;UAAEC,EAAE,EAAE;QAAS,CAAC;QAC3CG,GAAG,EAAE,YAAY;QACjBQ,QAAQ,EAAE,MAAM;QAChBT,cAAc,EAAE;UAAEH,EAAE,EAAE,YAAY;UAAEC,EAAE,EAAE;QAAW;MACrD,CAAE;MAAAO,QAAA,GAEDnB,SAAS,CAACwB,GAAG,CAAC,UAACC,MAAM,EAAEC,CAAC;QAAA,oBACvBnC,IAAA,CAACF,MAAM,EAAAmB,aAAA,CAAAA,aAAA;UAELY,OAAO,EAAEK,MAAM,CAACL,OAAO,IAAI,OAAQ;UACnCC,IAAI,EAAEI,MAAM,CAACJ,IAAK;UAClBC,OAAO,EAAEG,MAAM,CAACH,OAAQ;UACxBK,QAAQ,EAAEF,MAAM,CAACE,QAAS;UAC1BC,IAAI,EAAEH,MAAM,CAACG;QAAK,GACbH,MAAM,CAACI,OAAO,KAAKC,SAAS,GAAG;UAAED,OAAO,EAAEJ,MAAM,CAACI;QAAQ,CAAC,GAAG,CAAC,CAAC;UAAAV,QAAA,EAEnEM,MAAM,CAACM;QAAK,IARRN,MAAM,CAACO,EAAE,WAAAC,MAAA,CAAWP,CAAC,CASpB,CAAC;MAAA,CACV,CAAC,EACDzB,OAAO,iBACNV,IAAA,CAACF,MAAM,EAAAmB,aAAA,CAAAA,aAAA;QACLY,OAAO,EAAEnB,OAAO,CAACmB,OAAO,IAAI,SAAU;QACtCC,IAAI,EAAEpB,OAAO,CAACoB,IAAK;QACnBC,OAAO,EAAErB,OAAO,CAACqB,OAAQ;QACzBK,QAAQ,EAAE1B,OAAO,CAAC0B,QAAS;QAC3BC,IAAI,EAAE3B,OAAO,CAAC2B;MAAK,GACd3B,OAAO,CAAC4B,OAAO,KAAKC,SAAS,GAAG;QAAED,OAAO,EAAE5B,OAAO,CAAC4B;MAAQ,CAAC,GAAG,CAAC,CAAC;QAAAV,QAAA,EAErElB,OAAO,CAAC8B;MAAK,EACR,CACT;IAAA,CACE,CAAC;EAAA,EACH,CAAC;AAEV;AAEA,eAAerC,WAAW","ignoreList":[]}
+{"version":3,"file":"ActionStrip.js","names":["React","ArrowBackIcon","Box","Button","jsx","_jsx","jsxs","_jsxs","ActionStrip","back","backLabel","secondary","primary","align","sx","rest","display","flexDirection","xs","sm","alignItems","justifyContent","gap","marginTop","paddingTop","borderTop","children","variant","icon","onClick","flexWrap","map","action","i","disabled","type","loading","undefined","label","id"],"sources":["../../../../src/lib/v2/components/ActionStrip.tsx"],"sourcesContent":["import * as React from \"react\";\r\nimport ArrowBackIcon from \"@mui/icons-material/ArrowBack\";\r\nimport Box from \"@mui/material/Box\";\r\nimport type { BoxProps } from \"@mui/material/Box\";\r\nimport Button from \"./Button\";\r\nimport type { ButtonProps } from \"./Button\";\r\n\r\n/**\r\n * ActionStrip — Portnet UI v2\r\n *\r\n * Charter §03 · footer-level action row. Distinct from ActionBar\r\n * (page header) and BulkActionBar (selection toolbar). Use this\r\n * primitive at the BOTTOM of a form or below a section's content\r\n * to anchor the principal CTAs.\r\n *\r\n *   ┌─────────────────────────────────────────────────────────┐\r\n *   │ ←  Retour                       Annuler   ✉  Envoyer    │\r\n *   └─────────────────────────────────────────────────────────┘\r\n *\r\n * Replaces:\r\n *   - AppGlobalActions wrapper      (audit Batch 2 M17)\r\n *   - AppButtonsGroup wrapper       (audit Batch 2 M13)\r\n *   - inline `display:flex; justifyContent: flex-end; gap: var(--s-3)`\r\n *     Box blocks in CreationTIMarchandises update dialog, etc.\r\n *\r\n * API:\r\n *\r\n *   <ActionStrip\r\n *     back={() => navigate(-1)}              // omit if no Back affordance\r\n *     backLabel=\"Retour\"\r\n *     secondary={[\r\n *       { label: \"Annuler\", variant: \"ghost\", onClick: cancel },\r\n *     ]}\r\n *     primary={{\r\n *       label:   \"Envoyer\",\r\n *       icon:    <SendIcon />,\r\n *       onClick: submit,\r\n *       loading: isSubmitting,\r\n *     }}\r\n *   />\r\n *\r\n * Single-CTA shortcut:\r\n *\r\n *   <ActionStrip primary={{ label: \"Valider\", onClick: confirm }} />\r\n *\r\n * Responsive: on the `xs` breakpoint the strip becomes a vertical\r\n * stack of primary → secondary → back so the primary CTA stays\r\n * above the fold and reachable by thumb. The right cluster stacks\r\n * column-reverse with stretched (full-width) buttons; the outer\r\n * container is column-reverse too, so Back sits at the very bottom.\r\n */\r\n\r\nexport interface ActionStripAction {\r\n  id?: string | undefined;\r\n  label: React.ReactNode;\r\n  onClick?: ButtonProps[\"onClick\"] | undefined;\r\n  icon?: React.ReactNode | undefined;\r\n  variant?: ButtonProps[\"variant\"] | undefined;\r\n  loading?: boolean | undefined;\r\n  disabled?: boolean | undefined;\r\n  type?: \"button\" | \"submit\" | \"reset\" | undefined;\r\n}\r\n\r\nexport interface ActionStripProps extends BoxProps {\r\n  back?: ButtonProps[\"onClick\"] | undefined;\r\n  backLabel?: React.ReactNode | undefined;\r\n  secondary?: ActionStripAction[] | undefined;\r\n  primary?: ActionStripAction | undefined;\r\n  align?: \"start\" | \"end\" | undefined;\r\n}\r\n\r\nfunction ActionStrip({\r\n  back,\r\n  backLabel = \"Retour\",\r\n  secondary = [],\r\n  primary,\r\n  align = \"end\",\r\n  sx,\r\n  ...rest\r\n}: ActionStripProps) {\r\n  return (\r\n    <Box\r\n      sx={{\r\n        display: \"flex\",\r\n        flexDirection: { xs: \"column-reverse\", sm: \"row\" },\r\n        alignItems: { xs: \"stretch\", sm: \"center\" },\r\n        justifyContent: align === \"start\" ? \"flex-start\" : \"space-between\",\r\n        gap: \"var(--s-3)\",\r\n        marginTop: \"var(--s-5)\",\r\n        paddingTop: \"var(--s-4)\",\r\n        borderTop: \"1px solid var(--border)\",\r\n        ...sx,\r\n      }}\r\n      {...rest}\r\n    >\r\n      {/* Left cluster — Back affordance */}\r\n      <Box sx={{ display: \"flex\", alignItems: \"center\", gap: \"var(--s-2)\" }}>\r\n        {back && (\r\n          <Button\r\n            variant=\"ghost\"\r\n            icon={<ArrowBackIcon />}\r\n            onClick={back}\r\n          >\r\n            {backLabel}\r\n          </Button>\r\n        )}\r\n      </Box>\r\n\r\n      {/* Right cluster — secondary + primary.\r\n          xs  : column-reverse + stretch → full-width buttons, primary on\r\n                top (primary → secondary), reachable by thumb.\r\n          sm+ : single centred row, primary anchored to the right edge. */}\r\n      <Box\r\n        sx={{\r\n          display: \"flex\",\r\n          flexDirection: { xs: \"column-reverse\", sm: \"row\" },\r\n          alignItems: { xs: \"stretch\", sm: \"center\" },\r\n          gap: \"var(--s-3)\",\r\n          flexWrap: \"wrap\",\r\n          justifyContent: { xs: \"flex-start\", sm: \"flex-end\" },\r\n        }}\r\n      >\r\n        {secondary.map((action, i) => (\r\n          <Button\r\n            key={action.id || `sec-${i}`}\r\n            variant={action.variant || \"ghost\"}\r\n            icon={action.icon}\r\n            onClick={action.onClick}\r\n            disabled={action.disabled}\r\n            type={action.type}\r\n            {...(action.loading !== undefined ? { loading: action.loading } : {})}\r\n          >\r\n            {action.label}\r\n          </Button>\r\n        ))}\r\n        {primary && (\r\n          <Button\r\n            variant={primary.variant || \"primary\"}\r\n            icon={primary.icon}\r\n            onClick={primary.onClick}\r\n            disabled={primary.disabled}\r\n            type={primary.type}\r\n            {...(primary.loading !== undefined ? { loading: primary.loading } : {})}\r\n          >\r\n            {primary.label}\r\n          </Button>\r\n        )}\r\n      </Box>\r\n    </Box>\r\n  );\r\n}\r\n\r\nexport default ActionStrip;\r\n"],"mappings":"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","ignoreList":[]}

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

@@ -67,7 +67,7 @@ import InfoIcon from "@mui/icons-material/InfoOutlined";
  *   Defense-in-depth.
  */
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-var VARIANT = {
+const VARIANT = {
   info: {
     bg: "var(--info-soft)",
     fg: "var(--info)",
@@ -103,11 +103,12 @@ var VARIANT = {
  * 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";
+function BannerActionButton({
+  action,
+  color,
+  emphasis
+}) {
+  const isPrimary = emphasis === "primary";
   return /*#__PURE__*/_jsxs(Box, {
     component: "button",
     type: "button",
@@ -119,8 +120,8 @@ function BannerActionButton(_ref) {
       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,
+      border: `1px solid ${isPrimary ? color : "transparent"}`,
+      color,
       padding: "var(--s-1) var(--s-3)",
       borderRadius: "var(--r-sm)",
       fontSize: "var(--text-xs)",
@@ -155,19 +156,21 @@ function BannerActionButton(_ref) {
     }), 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";
+function Banner({
+  variant = "info",
+  children,
+  title,
+  action,
+  // { label, onClick, icon } — primary
+  secondaryAction,
+  // { label, onClick, icon } — subordinate (G-19)
+  onClose,
+  // optional dismissal (✕), distinct from an action
+  closeLabel = "Fermer"
+}) {
+  const cfg = VARIANT[variant] || VARIANT.info;
+  const Icon = cfg.icon;
+  const isErr = variant === "error";
   return /*#__PURE__*/_jsxs(Box, {
     role: isErr ? "alert" : "status",
     "aria-live": isErr ? "assertive" : "polite",
@@ -183,7 +186,7 @@ function Banner(_ref2) {
       // 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),
+      border: `1px solid ${cfg.fg}`,
       fontSize: "var(--text-sm)"
     },
     children: [/*#__PURE__*/_jsx(Icon, {

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

@@ -1 +1 @@
-{"version":3,"file":"Banner.js","names":["React","Box","IconButton","CloseIcon","CheckIcon","ErrorIcon","WarningIcon","InfoIcon","jsx","_jsx","jsxs","_jsxs","VARIANT","info","bg","fg","text","icon","success","warning","error","BannerActionButton","_ref","action","color","emphasis","isPrimary","component","type","onClick","sx","display","alignItems","gap","background","border","concat","padding","borderRadius","fontSize","fontWeight","textDecoration","cursor","fontFamily","whiteSpace","transition","outline","outlineOffset","children","flexShrink","label","Banner","_ref2","_ref2$variant","variant","title","secondaryAction","onClose","_ref2$closeLabel","closeLabel","cfg","Icon","isErr","role","style","marginTop","flex","marginBottom","size","marginRight"],"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":[]}
+{"version":3,"file":"Banner.js","names":["React","Box","IconButton","CloseIcon","CheckIcon","ErrorIcon","WarningIcon","InfoIcon","jsx","_jsx","jsxs","_jsxs","VARIANT","info","bg","fg","text","icon","success","warning","error","BannerActionButton","action","color","emphasis","isPrimary","component","type","onClick","sx","display","alignItems","gap","background","border","padding","borderRadius","fontSize","fontWeight","textDecoration","cursor","fontFamily","whiteSpace","transition","outline","outlineOffset","children","flexShrink","label","Banner","variant","title","secondaryAction","onClose","closeLabel","cfg","Icon","isErr","role","style","marginTop","flex","marginBottom","size","marginRight"],"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/esm/v2/components/Busy.js

@@ -1,9 +1,3 @@
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 import Box from "@mui/material/Box";
 import Spinner from "./Spinner";
 
@@ -47,46 +41,47 @@ import Spinner from "./Spinner";
  *   {isPageLoading && <PageBusy label="Création en cours" />}
  */
 import { jsx as _jsx } from "react/jsx-runtime";
-var SHARED_OVERLAY_SX = Object.freeze({
+const SHARED_OVERLAY_SX = Object.freeze({
   display: "grid",
   placeItems: "center",
   background: "color-mix(in srgb, var(--bg) 70%, transparent)",
   pointerEvents: "auto"
 });
-export 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;
+export function SectionBusy({
+  label = "Chargement en cours",
+  surface = true
+}) {
   return /*#__PURE__*/_jsx(Box, {
     role: "status",
     "aria-live": "polite",
     "aria-busy": "true",
-    sx: _objectSpread(_objectSpread({}, SHARED_OVERLAY_SX), {}, {
+    sx: {
+      ...SHARED_OVERLAY_SX,
       position: "absolute",
       inset: 0,
       background: surface ? SHARED_OVERLAY_SX.background : "transparent",
       borderRadius: "var(--r-lg)",
       zIndex: 1
-    }),
+    },
     children: /*#__PURE__*/_jsx(Spinner, {
       size: 20,
       label: label
     })
   });
 }
-export function PageBusy(_ref2) {
-  var _ref2$label = _ref2.label,
-    label = _ref2$label === void 0 ? "Chargement en cours" : _ref2$label;
+export function PageBusy({
+  label = "Chargement en cours"
+}) {
   return /*#__PURE__*/_jsx(Box, {
     role: "status",
     "aria-live": "polite",
     "aria-busy": "true",
-    sx: _objectSpread(_objectSpread({}, SHARED_OVERLAY_SX), {}, {
+    sx: {
+      ...SHARED_OVERLAY_SX,
       position: "fixed",
       inset: 0,
       zIndex: "var(--z-modal, 9999)"
-    }),
+    },
     children: /*#__PURE__*/_jsx(Spinner, {
       size: 28,
       label: label

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

@@ -1 +1 @@
-{"version":3,"file":"Busy.js","names":["Box","Spinner","jsx","_jsx","SHARED_OVERLAY_SX","Object","freeze","display","placeItems","background","pointerEvents","SectionBusy","_ref","_ref$label","label","_ref$surface","surface","role","sx","_objectSpread","position","inset","borderRadius","zIndex","children","size","PageBusy","_ref2","_ref2$label"],"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":";;;;;;AAAA,OAAOA,GAAG,MAAM,mBAAmB;AAEnC,OAAOC,OAAO,MAAM,WAAW;;AAE/B;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAtCA,SAAAC,GAAA,IAAAC,IAAA;AAwCA,IAAMC,iBAAiB,GAAGC,MAAM,CAACC,MAAM,CAAC;EACtCC,OAAO,EAAQ,MAAM;EACrBC,UAAU,EAAK,QAAQ;EACvBC,UAAU,EAAK,gDAAgD;EAC/DC,aAAa,EAAE;AACjB,CAA0B,CAAC;AAa3B,OAAO,SAASC,WAAWA,CAAAC,IAAA,EAAsE;EAAA,IAAAC,UAAA,GAAAD,IAAA,CAAnEE,KAAK;IAALA,KAAK,GAAAD,UAAA,cAAG,qBAAqB,GAAAA,UAAA;IAAAE,YAAA,GAAAH,IAAA,CAAEI,OAAO;IAAPA,OAAO,GAAAD,YAAA,cAAG,IAAI,GAAAA,YAAA;EACzE,oBACEZ,IAAA,CAACH,GAAG;IACFiB,IAAI,EAAC,QAAQ;IACb,aAAU,QAAQ;IAClB,aAAU,MAAM;IAChBC,EAAE,EAAAC,aAAA,CAAAA,aAAA,KACGf,iBAAiB;MACpBgB,QAAQ,EAAM,UAAU;MACxBC,KAAK,EAAS,CAAC;MACfZ,UAAU,EAAIO,OAAO,GACjBZ,iBAAiB,CAACK,UAAU,GAC5B,aAAa;MACjBa,YAAY,EAAE,aAAa;MAC3BC,MAAM,EAAQ;IAAC,EACf;IAAAC,QAAA,eAEFrB,IAAA,CAACF,OAAO;MAACwB,IAAI,EAAE,EAAG;MAACX,KAAK,EAAEA;IAAM,CAAE;EAAC,CAChC,CAAC;AAEV;AAOA,OAAO,SAASY,QAAQA,CAAAC,KAAA,EAAmD;EAAA,IAAAC,WAAA,GAAAD,KAAA,CAAhDb,KAAK;IAALA,KAAK,GAAAc,WAAA,cAAG,qBAAqB,GAAAA,WAAA;EACtD,oBACEzB,IAAA,CAACH,GAAG;IACFiB,IAAI,EAAC,QAAQ;IACb,aAAU,QAAQ;IAClB,aAAU,MAAM;IAChBC,EAAE,EAAAC,aAAA,CAAAA,aAAA,KACGf,iBAAiB;MACpBgB,QAAQ,EAAE,OAAO;MACjBC,KAAK,EAAK,CAAC;MACXE,MAAM,EAAI;IAAsB,EAChC;IAAAC,QAAA,eAEFrB,IAAA,CAACF,OAAO;MAACwB,IAAI,EAAE,EAAG;MAACX,KAAK,EAAEA;IAAM,CAAE;EAAC,CAChC,CAAC;AAEV;AAEA,eAAeH,WAAW","ignoreList":[]}
+{"version":3,"file":"Busy.js","names":["Box","Spinner","jsx","_jsx","SHARED_OVERLAY_SX","Object","freeze","display","placeItems","background","pointerEvents","SectionBusy","label","surface","role","sx","position","inset","borderRadius","zIndex","children","size","PageBusy"],"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":"AAAA,OAAOA,GAAG,MAAM,mBAAmB;AAEnC,OAAOC,OAAO,MAAM,WAAW;;AAE/B;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAtCA,SAAAC,GAAA,IAAAC,IAAA;AAwCA,MAAMC,iBAAiB,GAAGC,MAAM,CAACC,MAAM,CAAC;EACtCC,OAAO,EAAQ,MAAM;EACrBC,UAAU,EAAK,QAAQ;EACvBC,UAAU,EAAK,gDAAgD;EAC/DC,aAAa,EAAE;AACjB,CAA0B,CAAC;AAa3B,OAAO,SAASC,WAAWA,CAAC;EAAEC,KAAK,GAAG,qBAAqB;EAAEC,OAAO,GAAG;AAAuB,CAAC,EAAE;EAC/F,oBACEV,IAAA,CAACH,GAAG;IACFc,IAAI,EAAC,QAAQ;IACb,aAAU,QAAQ;IAClB,aAAU,MAAM;IAChBC,EAAE,EAAE;MACF,GAAGX,iBAAiB;MACpBY,QAAQ,EAAM,UAAU;MACxBC,KAAK,EAAS,CAAC;MACfR,UAAU,EAAII,OAAO,GACjBT,iBAAiB,CAACK,UAAU,GAC5B,aAAa;MACjBS,YAAY,EAAE,aAAa;MAC3BC,MAAM,EAAQ;IAChB,CAAE;IAAAC,QAAA,eAEFjB,IAAA,CAACF,OAAO;MAACoB,IAAI,EAAE,EAAG;MAACT,KAAK,EAAEA;IAAM,CAAE;EAAC,CAChC,CAAC;AAEV;AAOA,OAAO,SAASU,QAAQA,CAAC;EAAEV,KAAK,GAAG;AAAqC,CAAC,EAAE;EACzE,oBACET,IAAA,CAACH,GAAG;IACFc,IAAI,EAAC,QAAQ;IACb,aAAU,QAAQ;IAClB,aAAU,MAAM;IAChBC,EAAE,EAAE;MACF,GAAGX,iBAAiB;MACpBY,QAAQ,EAAE,OAAO;MACjBC,KAAK,EAAK,CAAC;MACXE,MAAM,EAAI;IACZ,CAAE;IAAAC,QAAA,eAEFjB,IAAA,CAACF,OAAO;MAACoB,IAAI,EAAE,EAAG;MAACT,KAAK,EAAEA;IAAM,CAAE;EAAC,CAChC,CAAC;AAEV;AAEA,eAAeD,WAAW","ignoreList":[]}

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

@@ -1,12 +1,3 @@
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-var _excluded = ["variant", "size", "icon", "iconRight", "iconOnly", "loading", "disabled", "children", "sx", "type"];
-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 MuiButton from "@mui/material/Button";
 import Spinner from "./Spinner";
@@ -28,7 +19,7 @@ import { layout, density } from "../tokens";
  * Sizes:    "md" (40px visual) | "sm" (32px visual), tactile min 44px.
  */
 import { jsx as _jsx } from "react/jsx-runtime";
-var VARIANT_TO_MUI = {
+const VARIANT_TO_MUI = {
   primary: {
     variant: "contained",
     color: "primary"
@@ -46,41 +37,37 @@ var VARIANT_TO_MUI = {
     color: "error"
   }
 };
-var VISUAL_HEIGHT_BY_SIZE = {
+const VISUAL_HEIGHT_BY_SIZE = {
   md: density.comfortable.btn,
   // 40
   sm: density.compact.btn // 32
 };
-var Button = /*#__PURE__*/React.forwardRef(function Button(_ref, ref) {
-  var _ref$variant = _ref.variant,
-    variant = _ref$variant === void 0 ? "secondary" : _ref$variant,
-    _ref$size = _ref.size,
-    size = _ref$size === void 0 ? "md" : _ref$size,
-    icon = _ref.icon,
-    iconRight = _ref.iconRight,
-    _ref$iconOnly = _ref.iconOnly,
-    iconOnly = _ref$iconOnly === void 0 ? false : _ref$iconOnly,
-    _ref$loading = _ref.loading,
-    loading = _ref$loading === void 0 ? false : _ref$loading,
-    disabled = _ref.disabled,
-    children = _ref.children,
-    sx = _ref.sx,
-    _ref$type = _ref.type,
-    type = _ref$type === void 0 ? "button" : _ref$type,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  var muiProps = VARIANT_TO_MUI[variant] || VARIANT_TO_MUI.secondary;
-  var muiSize = size === "sm" ? "small" : "medium";
+const Button = /*#__PURE__*/React.forwardRef(function Button({
+  variant = "secondary",
+  size = "md",
+  icon,
+  iconRight,
+  iconOnly = false,
+  loading = false,
+  disabled,
+  children,
+  sx,
+  type = "button",
+  ...rest
+}, ref) {
+  const muiProps = VARIANT_TO_MUI[variant] || VARIANT_TO_MUI.secondary;
+  const muiSize = size === "sm" ? "small" : "medium";
   if (process.env["NODE_ENV"] !== "production" && iconOnly && !rest["aria-label"]) {
     // eslint-disable-next-line no-console
     console.warn("[@portnet/ui v2] <Button iconOnly> is missing required `aria-label` (charter R-B.5).");
   }
-  var isLoading = !!loading;
-  var startNode = isLoading ? /*#__PURE__*/_jsx(Spinner, {}) : icon;
-  var endNode = isLoading ? null : iconRight;
-  var visualSize = VISUAL_HEIGHT_BY_SIZE[size] || VISUAL_HEIGHT_BY_SIZE.md;
-  var tactile = layout.tactileMin;
-  var extension = Math.max(0, (tactile - visualSize) / 2);
-  return /*#__PURE__*/_jsx(MuiButton, _objectSpread(_objectSpread({
+  const isLoading = !!loading;
+  const startNode = isLoading ? /*#__PURE__*/_jsx(Spinner, {}) : icon;
+  const endNode = isLoading ? null : iconRight;
+  const visualSize = VISUAL_HEIGHT_BY_SIZE[size] || VISUAL_HEIGHT_BY_SIZE.md;
+  const tactile = layout.tactileMin;
+  const extension = Math.max(0, (tactile - visualSize) / 2);
+  return /*#__PURE__*/_jsx(MuiButton, {
     ref: ref,
     type: type,
     disabled: isLoading || disabled,
@@ -90,7 +77,7 @@ var Button = /*#__PURE__*/React.forwardRef(function Button(_ref, ref) {
     color: muiProps.color,
     startIcon: iconOnly ? undefined : startNode,
     endIcon: iconOnly ? undefined : endNode,
-    sx: _objectSpread(_objectSpread({
+    sx: {
       minHeight: visualSize,
       position: "relative",
       "&::before": {
@@ -101,14 +88,16 @@ var Button = /*#__PURE__*/React.forwardRef(function Button(_ref, ref) {
         left: -extension,
         right: -extension,
         pointerEvents: "auto"
-      }
-    }, iconOnly && {
-      minWidth: visualSize,
-      padding: 0
-    }), sx)
-  }, rest), {}, {
+      },
+      ...(iconOnly && {
+        minWidth: visualSize,
+        padding: 0
+      }),
+      ...sx
+    },
+    ...rest,
     children: iconOnly ? startNode || children : children
-  }));
+  });
 });
 export default Button;
 //# sourceMappingURL=Button.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Button.js","names":["React","MuiButton","Spinner","layout","density","jsx","_jsx","VARIANT_TO_MUI","primary","variant","color","secondary","ghost","danger","VISUAL_HEIGHT_BY_SIZE","md","comfortable","btn","sm","compact","Button","forwardRef","_ref","ref","_ref$variant","_ref$size","size","icon","iconRight","_ref$iconOnly","iconOnly","_ref$loading","loading","disabled","children","sx","_ref$type","type","rest","_objectWithoutProperties","_excluded","muiProps","muiSize","process","env","console","warn","isLoading","startNode","endNode","visualSize","tactile","tactileMin","extension","Math","max","_objectSpread","undefined","startIcon","endIcon","minHeight","position","content","top","bottom","left","right","pointerEvents","minWidth","padding"],"sources":["../../../../src/lib/v2/components/Button.tsx"],"sourcesContent":["import * as React from \"react\";\r\nimport MuiButton from \"@mui/material/Button\";\r\nimport type { ButtonProps as MuiButtonProps } from \"@mui/material/Button\";\r\nimport Spinner from \"./Spinner\";\r\nimport { layout, density } from \"../tokens\";\r\n\r\n/**\r\n * Button - Portnet UI v2\r\n *\r\n * Charter §03 · Component \"Button\". DS-aligned MUI wrapper.\r\n *\r\n * R-B.1 - Only ONE primary per screen (host-enforced).\r\n * R-B.2 - Charter target visual height 40 / 32 px.\r\n * R-B.3 - Label = verb + object (\"Créer un titre\"), never \"OK\" alone.\r\n * R-B.4 - `loading` disables interaction and shows inline spinner.\r\n * R-B.5 - Icon-only requires `aria-label`.\r\n * R-B.6 - Destructive action → variant=\"danger\", never primary.\r\n *\r\n * Variants: \"primary\" | \"secondary\" | \"ghost\" | \"danger\"\r\n * Sizes:    \"md\" (40px visual) | \"sm\" (32px visual), tactile min 44px.\r\n */\r\ntype ButtonVariant = \"primary\" | \"secondary\" | \"ghost\" | \"danger\";\r\ntype ButtonSize = \"sm\" | \"md\";\r\n\r\nconst VARIANT_TO_MUI: Record<\r\n  ButtonVariant,\r\n  { variant: MuiButtonProps[\"variant\"]; color: MuiButtonProps[\"color\"] }\r\n> = {\r\n  primary:   { variant: \"contained\", color: \"primary\" },\r\n  secondary: { variant: \"outlined\",  color: \"primary\" },\r\n  ghost:     { variant: \"text\",      color: \"primary\" },\r\n  danger:    { variant: \"contained\", color: \"error\"   },\r\n};\r\n\r\nconst VISUAL_HEIGHT_BY_SIZE: Record<ButtonSize, number> = {\r\n  md: density.comfortable.btn,  // 40\r\n  sm: density.compact.btn,      // 32\r\n};\r\n\r\nexport interface ButtonProps extends Omit<MuiButtonProps, \"variant\" | \"size\"> {\r\n  /** Visual variant. @default \"secondary\" */\r\n  variant?: ButtonVariant | undefined;\r\n  /** Charter size — \"md\" (40px visual) or \"sm\" (32px visual). @default \"md\" */\r\n  size?: ButtonSize | undefined;\r\n  /** Leading icon (start adornment). */\r\n  icon?: React.ReactNode | undefined;\r\n  /** Trailing icon (end adornment). */\r\n  iconRight?: React.ReactNode | undefined;\r\n  /** Icon-only button — requires `aria-label` (charter R-B.5). @default false */\r\n  iconOnly?: boolean | undefined;\r\n  /** Show an inline spinner and disable interaction. @default false */\r\n  loading?: boolean | undefined;\r\n}\r\n\r\nconst Button = React.forwardRef<HTMLButtonElement, ButtonProps>(function Button(\r\n  {\r\n    variant  = \"secondary\",\r\n    size     = \"md\",\r\n    icon,\r\n    iconRight,\r\n    iconOnly = false,\r\n    loading  = false,\r\n    disabled,\r\n    children,\r\n    sx,\r\n    type = \"button\",\r\n    ...rest\r\n  },\r\n  ref,\r\n) {\r\n  const muiProps = VARIANT_TO_MUI[variant] || VARIANT_TO_MUI.secondary;\r\n  const muiSize  = size === \"sm\" ? \"small\" : \"medium\";\r\n\r\n  if (process.env[\"NODE_ENV\"] !== \"production\" && iconOnly && !rest[\"aria-label\"]) {\r\n    // eslint-disable-next-line no-console\r\n    console.warn(\r\n      \"[@portnet/ui v2] <Button iconOnly> is missing required `aria-label` (charter R-B.5).\",\r\n    );\r\n  }\r\n\r\n  const isLoading = !!loading;\r\n  const startNode = isLoading ? <Spinner /> : icon;\r\n  const endNode   = isLoading ? null : iconRight;\r\n\r\n  const visualSize = VISUAL_HEIGHT_BY_SIZE[size] || VISUAL_HEIGHT_BY_SIZE.md;\r\n  const tactile    = layout.tactileMin;\r\n  const extension  = Math.max(0, (tactile - visualSize) / 2);\r\n\r\n  return (\r\n    <MuiButton\r\n      ref={ref}\r\n      type={type}\r\n      disabled={isLoading || disabled}\r\n      aria-busy={isLoading || undefined}\r\n      size={muiSize}\r\n      variant={muiProps.variant}\r\n      color={muiProps.color}\r\n      startIcon={iconOnly ? undefined : startNode}\r\n      endIcon={iconOnly ? undefined : endNode}\r\n      sx={{\r\n        minHeight: visualSize,\r\n        position: \"relative\",\r\n        \"&::before\": {\r\n          content: '\"\"',\r\n          position: \"absolute\",\r\n          top:    -extension,\r\n          bottom: -extension,\r\n          left:   -extension,\r\n          right:  -extension,\r\n          pointerEvents: \"auto\",\r\n        },\r\n        ...(iconOnly && {\r\n          minWidth: visualSize,\r\n          padding:  0,\r\n        }),\r\n        ...sx,\r\n      }}\r\n      {...rest}\r\n    >\r\n      {iconOnly ? (startNode || children) : children}\r\n    </MuiButton>\r\n  );\r\n});\r\n\r\nexport default Button;\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Button.js","names":["React","MuiButton","Spinner","layout","density","jsx","_jsx","VARIANT_TO_MUI","primary","variant","color","secondary","ghost","danger","VISUAL_HEIGHT_BY_SIZE","md","comfortable","btn","sm","compact","Button","forwardRef","size","icon","iconRight","iconOnly","loading","disabled","children","sx","type","rest","ref","muiProps","muiSize","process","env","console","warn","isLoading","startNode","endNode","visualSize","tactile","tactileMin","extension","Math","max","undefined","startIcon","endIcon","minHeight","position","content","top","bottom","left","right","pointerEvents","minWidth","padding"],"sources":["../../../../src/lib/v2/components/Button.tsx"],"sourcesContent":["import * as React from \"react\";\r\nimport MuiButton from \"@mui/material/Button\";\r\nimport type { ButtonProps as MuiButtonProps } from \"@mui/material/Button\";\r\nimport Spinner from \"./Spinner\";\r\nimport { layout, density } from \"../tokens\";\r\n\r\n/**\r\n * Button - Portnet UI v2\r\n *\r\n * Charter §03 · Component \"Button\". DS-aligned MUI wrapper.\r\n *\r\n * R-B.1 - Only ONE primary per screen (host-enforced).\r\n * R-B.2 - Charter target visual height 40 / 32 px.\r\n * R-B.3 - Label = verb + object (\"Créer un titre\"), never \"OK\" alone.\r\n * R-B.4 - `loading` disables interaction and shows inline spinner.\r\n * R-B.5 - Icon-only requires `aria-label`.\r\n * R-B.6 - Destructive action → variant=\"danger\", never primary.\r\n *\r\n * Variants: \"primary\" | \"secondary\" | \"ghost\" | \"danger\"\r\n * Sizes:    \"md\" (40px visual) | \"sm\" (32px visual), tactile min 44px.\r\n */\r\ntype ButtonVariant = \"primary\" | \"secondary\" | \"ghost\" | \"danger\";\r\ntype ButtonSize = \"sm\" | \"md\";\r\n\r\nconst VARIANT_TO_MUI: Record<\r\n  ButtonVariant,\r\n  { variant: MuiButtonProps[\"variant\"]; color: MuiButtonProps[\"color\"] }\r\n> = {\r\n  primary:   { variant: \"contained\", color: \"primary\" },\r\n  secondary: { variant: \"outlined\",  color: \"primary\" },\r\n  ghost:     { variant: \"text\",      color: \"primary\" },\r\n  danger:    { variant: \"contained\", color: \"error\"   },\r\n};\r\n\r\nconst VISUAL_HEIGHT_BY_SIZE: Record<ButtonSize, number> = {\r\n  md: density.comfortable.btn,  // 40\r\n  sm: density.compact.btn,      // 32\r\n};\r\n\r\nexport interface ButtonProps extends Omit<MuiButtonProps, \"variant\" | \"size\"> {\r\n  /** Visual variant. @default \"secondary\" */\r\n  variant?: ButtonVariant | undefined;\r\n  /** Charter size — \"md\" (40px visual) or \"sm\" (32px visual). @default \"md\" */\r\n  size?: ButtonSize | undefined;\r\n  /** Leading icon (start adornment). */\r\n  icon?: React.ReactNode | undefined;\r\n  /** Trailing icon (end adornment). */\r\n  iconRight?: React.ReactNode | undefined;\r\n  /** Icon-only button — requires `aria-label` (charter R-B.5). @default false */\r\n  iconOnly?: boolean | undefined;\r\n  /** Show an inline spinner and disable interaction. @default false */\r\n  loading?: boolean | undefined;\r\n}\r\n\r\nconst Button = React.forwardRef<HTMLButtonElement, ButtonProps>(function Button(\r\n  {\r\n    variant  = \"secondary\",\r\n    size     = \"md\",\r\n    icon,\r\n    iconRight,\r\n    iconOnly = false,\r\n    loading  = false,\r\n    disabled,\r\n    children,\r\n    sx,\r\n    type = \"button\",\r\n    ...rest\r\n  },\r\n  ref,\r\n) {\r\n  const muiProps = VARIANT_TO_MUI[variant] || VARIANT_TO_MUI.secondary;\r\n  const muiSize  = size === \"sm\" ? \"small\" : \"medium\";\r\n\r\n  if (process.env[\"NODE_ENV\"] !== \"production\" && iconOnly && !rest[\"aria-label\"]) {\r\n    // eslint-disable-next-line no-console\r\n    console.warn(\r\n      \"[@portnet/ui v2] <Button iconOnly> is missing required `aria-label` (charter R-B.5).\",\r\n    );\r\n  }\r\n\r\n  const isLoading = !!loading;\r\n  const startNode = isLoading ? <Spinner /> : icon;\r\n  const endNode   = isLoading ? null : iconRight;\r\n\r\n  const visualSize = VISUAL_HEIGHT_BY_SIZE[size] || VISUAL_HEIGHT_BY_SIZE.md;\r\n  const tactile    = layout.tactileMin;\r\n  const extension  = Math.max(0, (tactile - visualSize) / 2);\r\n\r\n  return (\r\n    <MuiButton\r\n      ref={ref}\r\n      type={type}\r\n      disabled={isLoading || disabled}\r\n      aria-busy={isLoading || undefined}\r\n      size={muiSize}\r\n      variant={muiProps.variant}\r\n      color={muiProps.color}\r\n      startIcon={iconOnly ? undefined : startNode}\r\n      endIcon={iconOnly ? undefined : endNode}\r\n      sx={{\r\n        minHeight: visualSize,\r\n        position: \"relative\",\r\n        \"&::before\": {\r\n          content: '\"\"',\r\n          position: \"absolute\",\r\n          top:    -extension,\r\n          bottom: -extension,\r\n          left:   -extension,\r\n          right:  -extension,\r\n          pointerEvents: \"auto\",\r\n        },\r\n        ...(iconOnly && {\r\n          minWidth: visualSize,\r\n          padding:  0,\r\n        }),\r\n        ...sx,\r\n      }}\r\n      {...rest}\r\n    >\r\n      {iconOnly ? (startNode || children) : children}\r\n    </MuiButton>\r\n  );\r\n});\r\n\r\nexport default Button;\r\n"],"mappings":"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","ignoreList":[]}