@portnet/ui 6.0.1 → 6.0.3

package/dist/v2/patterns/FilterTabBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterTabBar.js","names":["React","_interopRequireWildcard","require","_Box","_interopRequireDefault","_jsxRuntime","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","GROUP_SX","freeze","display","flexWrap","alignItems","gap","FilterTabBar","children","end","ariaLabel","endAriaLabel","divider","sx","jsxs","justifyContent","padding","borderBottom","jsx","role","_default","exports"],"sources":["../../../src/lib/v2/patterns/FilterTabBar.tsx"],"sourcesContent":["import * as React from \"react\";\r\nimport Box from \"@mui/material/Box\";\r\nimport type { SxProps, Theme } from \"@mui/material/styles\";\r\nimport type { SystemStyleObject } from \"@mui/system\";\r\n\r\n/**\r\n * FilterTabBar — Portnet UI v2 (pattern)\r\n *\r\n * Charter §03 · Platform Mandatory UX Patterns §Status Chips, §Favorites,\r\n * §User Personalization.\r\n *\r\n * The bar that seats the status pills at the top of a listing card. The\r\n * library shipped `FilterTab` — the pill — and nothing to seat them in,\r\n * so every listing re-derived the same row: the geometry, the card-header\r\n * separator, and the split between the status group on the left and the\r\n * personalization controls (favorites toggle, saved filters) on the right.\r\n *\r\n * Promoted from `refonte-frontend` (Area 5), where FOUR listings carried\r\n * the identical pair of frozen style objects:\r\n *\r\n *   const BARRE_CHIPS_STATUT = { display: \"flex\", flexWrap: \"wrap\",\r\n *     alignItems: \"center\", justifyContent: \"space-between\",\r\n *     gap: \"var(--s-2)\", padding: \"var(--s-3) var(--s-4)\",\r\n *     borderBottom: \"1px solid var(--border)\" };\r\n *   const GROUPE_BARRE = { display: \"flex\", flexWrap: \"wrap\",\r\n *     alignItems: \"center\", gap: \"var(--s-2)\" };\r\n *\r\n * THE COPIES HAD ALREADY DRIFTED, which is the whole argument: one of the\r\n * four omitted `justifyContent: \"space-between\"`, so its right-hand group\r\n * sat against the pills instead of at the far edge — the same listing,\r\n * two layouts, on screens a user moves between in one session (R-2.1).\r\n *\r\n * TWO GROUPS, TWO LANDMARKS. Each half renders as `role=\"group\"` with its\r\n * own accessible name rather than one flat row of buttons: a listing\r\n * commonly shows eight or more pills, and a screen-reader user needs to\r\n * know where the status filters end and the personalization controls\r\n * begin. The names default to French, per this library's label\r\n * convention; override them on a localised host.\r\n *\r\n * THE SEPARATOR ASSUMES THE CANONICAL CARD. §07 stacks this bar directly\r\n * above the toolbar and the grid inside a single\r\n * `<Surface padding=\"none\" elevation=\"xs\" clip>`, and `borderBottom`\r\n * is what makes the bar read as that card's header instead of a floating\r\n * row. Pass `divider={false}` when the bar is not the first child of a\r\n * card.\r\n *\r\n * Usage:\r\n *   <Surface padding=\"none\" elevation=\"xs\" clip>\r\n *     <FilterTabBar\r\n *       end={\r\n *         <>\r\n *           <FavoritesFilter … />\r\n *           <SavedFiltersMenu … />\r\n *         </>\r\n *       }\r\n *     >\r\n *       <FilterTab active={!statut} variant=\"neutral\" onClick={…}>Tous</FilterTab>\r\n *       {statuts.map((s) => (\r\n *         <FilterTab key={s.id} …>{s.description}</FilterTab>\r\n *       ))}\r\n *     </FilterTabBar>\r\n *\r\n *     <DataGridToolbar … />\r\n *     <DataGrid … />\r\n *   </Surface>\r\n *\r\n * With no `end`, the pills simply fill the row — `space-between` on a\r\n * single group behaves as `flex-start`, so no branch is needed.\r\n */\r\n\r\n/** Geometry of one half of the bar. Both groups share it by construction. */\r\nconst GROUP_SX = Object.freeze({\r\n  display: \"flex\",\r\n  flexWrap: \"wrap\",\r\n  alignItems: \"center\",\r\n  gap: \"var(--s-2)\",\r\n} as const);\r\n\r\nexport interface FilterTabBarProps {\r\n  /** The status pills (`FilterTab`), left-hand group. */\r\n  children?: React.ReactNode | undefined;\r\n  /**\r\n   * Right-hand group — typically `FavoritesFilter` + `SavedFiltersMenu`.\r\n   * Omit it and the pills fill the row.\r\n   */\r\n  end?: React.ReactNode | undefined;\r\n  /** Accessible name of the pill group. @default \"Filtrer par statut\" */\r\n  ariaLabel?: string | undefined;\r\n  /**\r\n   * Accessible name of the right-hand group.\r\n   * @default \"Favoris et filtres enregistrés\"\r\n   */\r\n  endAriaLabel?: string | undefined;\r\n  /**\r\n   * Bottom border marking the bar as the listing card's header.\r\n   * @default true\r\n   */\r\n  divider?: boolean | undefined;\r\n  /** MUI sx overrides applied to the bar. */\r\n  sx?: SxProps<Theme> | undefined;\r\n}\r\n\r\nfunction FilterTabBar({\r\n  children,\r\n  end,\r\n  ariaLabel = \"Filtrer par statut\",\r\n  endAriaLabel = \"Favoris et filtres enregistrés\",\r\n  divider = true,\r\n  sx,\r\n}: FilterTabBarProps) {\r\n  return (\r\n    <Box\r\n      sx={{\r\n        display: \"flex\",\r\n        flexWrap: \"wrap\",\r\n        alignItems: \"center\",\r\n        /* Pills left, personalization right. Harmless with one group. */\r\n        justifyContent: \"space-between\",\r\n        gap: \"var(--s-2)\",\r\n        padding: \"var(--s-3) var(--s-4)\",\r\n        ...(divider ? { borderBottom: \"1px solid var(--border)\" } : {}),\r\n        ...(sx as SystemStyleObject<Theme>),\r\n      }}\r\n    >\r\n      <Box role=\"group\" aria-label={ariaLabel} sx={GROUP_SX}>\r\n        {children}\r\n      </Box>\r\n\r\n      {end != null ? (\r\n        <Box role=\"group\" aria-label={endAriaLabel} sx={GROUP_SX}>\r\n          {end}\r\n        </Box>\r\n      ) : null}\r\n    </Box>\r\n  );\r\n}\r\n\r\nexport default FilterTabBar;\r\n"],"mappings":"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","ignoreList":[]}

package/dist/v2/patterns/FormErrorSummary.js

@@ -1,17 +1,15 @@
 "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;
+exports.default = void 0;
 var React = _interopRequireWildcard(require("react"));
 var _Box = _interopRequireDefault(require("@mui/material/Box"));
 var _Banner = _interopRequireDefault(require("../components/Banner"));
 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; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 /**
  * FormErrorSummary — Portnet UI v2
  *
@@ -38,23 +36,24 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
  * Charter R-AI.2: composition of v2.Banner only — no local primitive.
  */
 
-function FormErrorSummary(_ref) {
-  var errors = _ref.errors,
-    labelByName = _ref.labelByName,
-    onItemClick = _ref.onItemClick,
-    title = _ref.title;
+function FormErrorSummary({
+  errors,
+  labelByName,
+  onItemClick,
+  title
+}) {
   if (!errors || errors.length === 0) return null;
-  var heading = title || "Veuillez corriger les erreurs ci-dessous";
-  var handleClick = function handleClick(e, name) {
+  const heading = title || "Veuillez corriger les erreurs ci-dessous";
+  const handleClick = (e, name) => {
     e.preventDefault();
     if (typeof onItemClick === "function") {
       onItemClick(name);
     }
   };
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Banner["default"], {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Banner.default, {
     variant: "error",
     title: heading,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box["default"], {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
       component: "ul",
       role: "list",
       sx: {
@@ -63,20 +62,18 @@ function FormErrorSummary(_ref) {
         fontSize: "var(--text-sm)",
         listStyle: "disc"
       },
-      children: errors.map(function (err, idx) {
-        var label = labelByName && labelByName[err.name] || err.name;
-        return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box["default"], {
+      children: errors.map((err, idx) => {
+        const label = labelByName && labelByName[err.name] || err.name;
+        return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, {
           component: "li",
           role: "listitem",
           sx: {
             marginBottom: "var(--s-1)"
           },
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Box["default"], {
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
             component: "button",
             type: "button",
-            onClick: function onClick(e) {
-              return handleClick(e, err.name);
-            },
+            onClick: e => handleClick(e, err.name),
             sx: {
               // Reset default <button> chrome so the link reads visually
               // as a hyperlink in the banner body.
@@ -102,10 +99,10 @@ function FormErrorSummary(_ref) {
           }), ": ", /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
             children: err.message
           })]
-        }, "".concat(err.name, "-").concat(idx));
+        }, `${err.name}-${idx}`);
       })
     })
   });
 }
-var _default = exports["default"] = FormErrorSummary;
+var _default = exports.default = FormErrorSummary;
 //# sourceMappingURL=FormErrorSummary.js.map

package/dist/v2/patterns/FormErrorSummary.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormErrorSummary.js","names":["React","_interopRequireWildcard","require","_Box","_interopRequireDefault","_Banner","_jsxRuntime","obj","__esModule","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","FormErrorSummary","_ref","errors","labelByName","onItemClick","title","length","heading","handleClick","e","name","preventDefault","jsx","variant","children","component","role","sx","margin","paddingInlineStart","fontSize","listStyle","map","err","idx","label","jsxs","marginBottom","type","onClick","background","border","padding","font","cursor","color","textDecoration","fontWeight","outline","outlineOffset","borderRadius","message","concat","_default","exports"],"sources":["../../../src/lib/v2/patterns/FormErrorSummary.tsx"],"sourcesContent":["import * as React from \"react\";\r\nimport Box from \"@mui/material/Box\";\r\nimport Banner from \"../components/Banner\";\r\n\r\n/**\r\n * FormErrorSummary — Portnet UI v2\r\n *\r\n * Charter §05 / R-FV.2. Synthesis banner rendered above a form after a\r\n * failed-submit so the user sees, at-a-glance, every field that needs\r\n * attention. Each entry is a clickable jump-to-field affordance; the host\r\n * supplies the navigation behaviour via `onItemClick`.\r\n *\r\n * Composition: pure v2.Banner + a semantic <ul> of <button> jump-links.\r\n * No host-specific scroll/focus logic baked in.\r\n *\r\n * Renders nothing when `errors` is empty / nullish — host can mount\r\n * unconditionally above the form.\r\n *\r\n * Accessibility:\r\n *   - <button type=\"button\"> instead of <a href=\"#…\">. The entries trigger\r\n *     an action (focus/scroll) and don't navigate.\r\n *   - Explicit role=\"list\" + role=\"listitem\" because some screen readers\r\n *     strip list semantics when CSS list-style:none is applied.\r\n *   - Banner already carries the alert/role semantics for the region.\r\n *   - Explicit :focus-visible outline on each jump-button on --danger-fg,\r\n *     which passes WCAG 1.4.11 ≥ 3:1 on danger-soft (finding B4-EXT-2).\r\n *\r\n * Charter R-AI.2: composition of v2.Banner only — no local primitive.\r\n */\r\n\r\nexport interface FormErrorSummaryError {\r\n  name: string;\r\n  message: string;\r\n}\r\n\r\nexport interface FormErrorSummaryProps {\r\n  errors?: FormErrorSummaryError[] | undefined;\r\n  labelByName?: Record<string, string> | undefined;\r\n  onItemClick?: ((name: string) => void) | undefined;\r\n  title?: string | undefined;\r\n}\r\n\r\nfunction FormErrorSummary({\r\n  errors,\r\n  labelByName,\r\n  onItemClick,\r\n  title,\r\n}: FormErrorSummaryProps) {\r\n  if (!errors || errors.length === 0) return null;\r\n\r\n  const heading = title || \"Veuillez corriger les erreurs ci-dessous\";\r\n\r\n  const handleClick = (\r\n    e: React.MouseEvent<HTMLButtonElement>,\r\n    name: string\r\n  ) => {\r\n    e.preventDefault();\r\n    if (typeof onItemClick === \"function\") {\r\n      onItemClick(name);\r\n    }\r\n  };\r\n\r\n  return (\r\n    <Banner variant=\"error\" title={heading}>\r\n      <Box\r\n        component=\"ul\"\r\n        role=\"list\"\r\n        sx={{\r\n          margin: 0,\r\n          paddingInlineStart: \"var(--s-5)\",\r\n          fontSize: \"var(--text-sm)\",\r\n          listStyle: \"disc\",\r\n        }}\r\n      >\r\n        {errors.map((err, idx) => {\r\n          const label = (labelByName && labelByName[err.name]) || err.name;\r\n          return (\r\n            <Box\r\n              component=\"li\"\r\n              role=\"listitem\"\r\n              key={`${err.name}-${idx}`}\r\n              sx={{ marginBottom: \"var(--s-1)\" }}\r\n            >\r\n              <Box\r\n                component=\"button\"\r\n                type=\"button\"\r\n                onClick={(e) => handleClick(e, err.name)}\r\n                sx={{\r\n                  // Reset default <button> chrome so the link reads visually\r\n                  // as a hyperlink in the banner body.\r\n                  background: \"transparent\",\r\n                  border: \"none\",\r\n                  padding: 0,\r\n                  margin: 0,\r\n                  font: \"inherit\",\r\n                  cursor: \"pointer\",\r\n                  color: \"var(--danger-fg)\",\r\n                  textDecoration: \"underline\",\r\n                  fontWeight: \"var(--fw-medium)\",\r\n                  // R-F.1 — explicit focus-visible outline. Outline on\r\n                  // currentColor (danger-fg) passes 1.4.11 ≥ 3:1 on the soft\r\n                  // danger background; borderRadius aligns the ring with the DS.\r\n                  \"&:focus-visible\": {\r\n                    outline: \"2px solid var(--danger-fg)\",\r\n                    outlineOffset: \"var(--pui-outline-offset)\",\r\n                    borderRadius: \"var(--r-sm)\",\r\n                  },\r\n                }}\r\n              >\r\n                {label}\r\n              </Box>\r\n              {\": \"}\r\n              <span>{err.message}</span>\r\n            </Box>\r\n          );\r\n        })}\r\n      </Box>\r\n    </Banner>\r\n  );\r\n}\r\n\r\nexport default FormErrorSummary;\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"FormErrorSummary.js","names":["React","_interopRequireWildcard","require","_Box","_interopRequireDefault","_Banner","_jsxRuntime","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","FormErrorSummary","errors","labelByName","onItemClick","title","length","heading","handleClick","name","preventDefault","jsx","variant","children","component","role","sx","margin","paddingInlineStart","fontSize","listStyle","map","err","idx","label","jsxs","marginBottom","type","onClick","background","border","padding","font","cursor","color","textDecoration","fontWeight","outline","outlineOffset","borderRadius","message","_default","exports"],"sources":["../../../src/lib/v2/patterns/FormErrorSummary.tsx"],"sourcesContent":["import * as React from \"react\";\r\nimport Box from \"@mui/material/Box\";\r\nimport Banner from \"../components/Banner\";\r\n\r\n/**\r\n * FormErrorSummary — Portnet UI v2\r\n *\r\n * Charter §05 / R-FV.2. Synthesis banner rendered above a form after a\r\n * failed-submit so the user sees, at-a-glance, every field that needs\r\n * attention. Each entry is a clickable jump-to-field affordance; the host\r\n * supplies the navigation behaviour via `onItemClick`.\r\n *\r\n * Composition: pure v2.Banner + a semantic <ul> of <button> jump-links.\r\n * No host-specific scroll/focus logic baked in.\r\n *\r\n * Renders nothing when `errors` is empty / nullish — host can mount\r\n * unconditionally above the form.\r\n *\r\n * Accessibility:\r\n *   - <button type=\"button\"> instead of <a href=\"#…\">. The entries trigger\r\n *     an action (focus/scroll) and don't navigate.\r\n *   - Explicit role=\"list\" + role=\"listitem\" because some screen readers\r\n *     strip list semantics when CSS list-style:none is applied.\r\n *   - Banner already carries the alert/role semantics for the region.\r\n *   - Explicit :focus-visible outline on each jump-button on --danger-fg,\r\n *     which passes WCAG 1.4.11 ≥ 3:1 on danger-soft (finding B4-EXT-2).\r\n *\r\n * Charter R-AI.2: composition of v2.Banner only — no local primitive.\r\n */\r\n\r\nexport interface FormErrorSummaryError {\r\n  name: string;\r\n  message: string;\r\n}\r\n\r\nexport interface FormErrorSummaryProps {\r\n  errors?: FormErrorSummaryError[] | undefined;\r\n  labelByName?: Record<string, string> | undefined;\r\n  onItemClick?: ((name: string) => void) | undefined;\r\n  title?: string | undefined;\r\n}\r\n\r\nfunction FormErrorSummary({\r\n  errors,\r\n  labelByName,\r\n  onItemClick,\r\n  title,\r\n}: FormErrorSummaryProps) {\r\n  if (!errors || errors.length === 0) return null;\r\n\r\n  const heading = title || \"Veuillez corriger les erreurs ci-dessous\";\r\n\r\n  const handleClick = (\r\n    e: React.MouseEvent<HTMLButtonElement>,\r\n    name: string\r\n  ) => {\r\n    e.preventDefault();\r\n    if (typeof onItemClick === \"function\") {\r\n      onItemClick(name);\r\n    }\r\n  };\r\n\r\n  return (\r\n    <Banner variant=\"error\" title={heading}>\r\n      <Box\r\n        component=\"ul\"\r\n        role=\"list\"\r\n        sx={{\r\n          margin: 0,\r\n          paddingInlineStart: \"var(--s-5)\",\r\n          fontSize: \"var(--text-sm)\",\r\n          listStyle: \"disc\",\r\n        }}\r\n      >\r\n        {errors.map((err, idx) => {\r\n          const label = (labelByName && labelByName[err.name]) || err.name;\r\n          return (\r\n            <Box\r\n              component=\"li\"\r\n              role=\"listitem\"\r\n              key={`${err.name}-${idx}`}\r\n              sx={{ marginBottom: \"var(--s-1)\" }}\r\n            >\r\n              <Box\r\n                component=\"button\"\r\n                type=\"button\"\r\n                onClick={(e) => handleClick(e, err.name)}\r\n                sx={{\r\n                  // Reset default <button> chrome so the link reads visually\r\n                  // as a hyperlink in the banner body.\r\n                  background: \"transparent\",\r\n                  border: \"none\",\r\n                  padding: 0,\r\n                  margin: 0,\r\n                  font: \"inherit\",\r\n                  cursor: \"pointer\",\r\n                  color: \"var(--danger-fg)\",\r\n                  textDecoration: \"underline\",\r\n                  fontWeight: \"var(--fw-medium)\",\r\n                  // R-F.1 — explicit focus-visible outline. Outline on\r\n                  // currentColor (danger-fg) passes 1.4.11 ≥ 3:1 on the soft\r\n                  // danger background; borderRadius aligns the ring with the DS.\r\n                  \"&:focus-visible\": {\r\n                    outline: \"2px solid var(--danger-fg)\",\r\n                    outlineOffset: \"var(--pui-outline-offset)\",\r\n                    borderRadius: \"var(--r-sm)\",\r\n                  },\r\n                }}\r\n              >\r\n                {label}\r\n              </Box>\r\n              {\": \"}\r\n              <span>{err.message}</span>\r\n            </Box>\r\n          );\r\n        })}\r\n      </Box>\r\n    </Banner>\r\n  );\r\n}\r\n\r\nexport default FormErrorSummary;\r\n"],"mappings":"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","ignoreList":[]}

package/dist/v2/patterns/FormPageShell.js

@@ -3,22 +3,16 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports.default = void 0;
 var React = _interopRequireWildcard(require("react"));
 var _Box = _interopRequireDefault(require("@mui/material/Box"));
 var _ActionBar = _interopRequireDefault(require("./ActionBar"));
 var _PageContent = _interopRequireDefault(require("./PageContent"));
 var _ProgressBar = _interopRequireDefault(require("../components/ProgressBar"));
 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; }
-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); } /**
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+/**
  * FormPageShell — Portnet UI v2 (pattern)
  *
  * Charter §07 R-L.2 — canonical shell for create/edit form pages.
@@ -53,17 +47,18 @@ function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input ==
  *     <FormSection number={1} title="Informations">…</FormSection>
  *   </FormPageShell>
  */
-var PROGRESS_ROW_SX = Object.freeze({
+
+const PROGRESS_ROW_SX = Object.freeze({
   display: "flex",
   alignItems: "center",
   gap: "var(--s-3)",
   marginBottom: "var(--s-5)"
 });
-var PROGRESS_BAR_WRAPPER_SX = Object.freeze({
+const PROGRESS_BAR_WRAPPER_SX = Object.freeze({
   flex: 1,
   minWidth: 0
 });
-var PROGRESS_LABEL_SX = Object.freeze({
+const PROGRESS_LABEL_SX = Object.freeze({
   fontSize: "var(--text-xs)",
   color: "var(--fg-muted)",
   whiteSpace: "nowrap",
@@ -76,58 +71,66 @@ var PROGRESS_LABEL_SX = Object.freeze({
  * React 18.3+ supprime le support de defaultProps pour les function
  * components. Aligné sur le pattern DataGridToolbar (B14).
  */
-function FormPageShell(_ref) {
-  var home = _ref.home,
-    back = _ref.back,
-    breadcrumb = _ref.breadcrumb,
-    title = _ref.title,
-    subtitle = _ref.subtitle,
-    icon = _ref.icon,
-    _ref$secondary = _ref.secondary,
-    secondary = _ref$secondary === void 0 ? [] : _ref$secondary,
-    primary = _ref.primary,
-    _ref$overflow = _ref.overflow,
-    overflow = _ref$overflow === void 0 ? [] : _ref$overflow,
-    progress = _ref.progress,
-    progressLabel = _ref.progressLabel,
-    children = _ref.children,
-    contentSx = _ref.contentSx;
+function FormPageShell({
+  /* ActionBar props */
+  home,
+  back,
+  breadcrumb,
+  title,
+  subtitle,
+  icon,
+  secondary = [],
+  primary,
+  overflow = [],
+  /* Progress slot */
+  progress,
+  progressLabel,
+  /* Content */
+  children,
+  contentSx
+}) {
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ActionBar["default"], _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ActionBar.default, {
       surface: false,
       title: title,
       subtitle: subtitle,
       secondary: secondary,
-      overflow: overflow
-    }, home !== undefined ? {
-      home: home
-    } : {}), back !== undefined ? {
-      back: back
-    } : {}), breadcrumb !== undefined ? {
-      breadcrumb: breadcrumb
-    } : {}), icon !== undefined ? {
-      icon: icon
-    } : {}), primary !== undefined ? {
-      primary: primary
-    } : {})), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_PageContent["default"], _objectSpread(_objectSpread({}, contentSx !== undefined ? {
-      sx: contentSx
-    } : {}), {}, {
-      children: [typeof progress === "number" && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box["default"], {
+      overflow: overflow,
+      ...(home !== undefined ? {
+        home
+      } : {}),
+      ...(back !== undefined ? {
+        back
+      } : {}),
+      ...(breadcrumb !== undefined ? {
+        breadcrumb
+      } : {}),
+      ...(icon !== undefined ? {
+        icon
+      } : {}),
+      ...(primary !== undefined ? {
+        primary
+      } : {})
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_PageContent.default, {
+      ...(contentSx !== undefined ? {
+        sx: contentSx
+      } : {}),
+      children: [typeof progress === "number" && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, {
         sx: PROGRESS_ROW_SX,
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Box["default"], {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
           sx: PROGRESS_BAR_WRAPPER_SX,
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ProgressBar["default"], {
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ProgressBar.default, {
             value: progress,
             "aria-label": "Avancement de la saisie"
           })
-        }), progressLabel && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box["default"], {
+        }), progressLabel && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
           component: "span",
           sx: PROGRESS_LABEL_SX,
           children: progressLabel
         })]
       }), children]
-    }))]
+    })]
   });
 }
-var _default = exports["default"] = FormPageShell;
+var _default = exports.default = FormPageShell;
 //# sourceMappingURL=FormPageShell.js.map

package/dist/v2/patterns/FormPageShell.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormPageShell.js","names":["React","_interopRequireWildcard","require","_Box","_interopRequireDefault","_ActionBar","_PageContent","_ProgressBar","_jsxRuntime","obj","__esModule","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","Symbol","iterator","constructor","ownKeys","object","enumerableOnly","keys","getOwnPropertySymbols","symbols","filter","sym","enumerable","push","apply","_objectSpread","target","i","arguments","length","source","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","toPrimitive","undefined","res","TypeError","Number","PROGRESS_ROW_SX","freeze","display","alignItems","gap","marginBottom","PROGRESS_BAR_WRAPPER_SX","flex","minWidth","PROGRESS_LABEL_SX","fontSize","color","whiteSpace","fontVariantNumeric","flexShrink","FormPageShell","_ref","home","back","breadcrumb","title","subtitle","icon","_ref$secondary","secondary","primary","_ref$overflow","overflow","progress","progressLabel","children","contentSx","jsxs","Fragment","jsx","surface","sx","component","_default","exports"],"sources":["../../../src/lib/v2/patterns/FormPageShell.tsx"],"sourcesContent":["import * as React from \"react\";\r\nimport Box from \"@mui/material/Box\";\r\nimport type { SxProps, Theme } from \"@mui/material/styles\";\r\nimport ActionBar, { type ActionBarProps } from \"./ActionBar\";\r\nimport PageContent from \"./PageContent\";\r\nimport ProgressBar from \"../components/ProgressBar\";\r\n\r\n/**\r\n * FormPageShell — Portnet UI v2 (pattern)\r\n *\r\n * Charter §07 R-L.2 — canonical shell for create/edit form pages.\r\n *\r\n * Combines a sticky ActionBar (surface=false, accent title) with a\r\n * responsive PageContent wrapper so every module's form page has the\r\n * same structure without reimplementing it.\r\n *\r\n * ┌───────────────────────────────────────────────────────────────┐\r\n * │ 🏠 > Breadcrumb                                               │  sticky\r\n * │ Title                        [secondary] [primary] [overflow…] │\r\n * │ Subtitle                                                      │\r\n * └───────────────────────────────────────────────────────────────┘\r\n * ┌───────────────────────────────────────────────────────────────┐\r\n * │  [ProgressBar ── progressLabel]      ← if progress prop given │\r\n * │  children                                                      │\r\n * └───────────────────────────────────────────────────────────────┘\r\n *\r\n * @example\r\n *   <FormPageShell\r\n *     home={() => navigate(\"/\")}\r\n *     back={() => navigate(\"/list\")}\r\n *     breadcrumb={[\"Autorisations\", \"Nouvelle autorisation\"]}\r\n *     title=\"Nouvelle autorisation\"\r\n *     subtitle=\"Saisissez les informations…\"\r\n *     secondary={[{ label: \"Enregistrer\", icon: <SaveIcon />, onClick: handleSave }]}\r\n *     primary={{ label: \"Déposer\", iconRight: <ArrowIcon />, onClick: handleDeposit }}\r\n *     overflow={[{ label: \"Retour à la liste\", onClick: goBack }]}\r\n *     progress={requiredPct}\r\n *     progressLabel={isComplete ? \"Prêt à déposer ✓\" : `${filled}/${total} requis`}\r\n *   >\r\n *     <FormSection number={1} title=\"Informations\">…</FormSection>\r\n *   </FormPageShell>\r\n */\r\n\r\nexport interface FormPageShellProps\r\n  extends Pick<\r\n    ActionBarProps,\r\n    | \"home\"\r\n    | \"back\"\r\n    | \"breadcrumb\"\r\n    | \"title\"\r\n    | \"subtitle\"\r\n    | \"icon\"\r\n    | \"secondary\"\r\n    | \"primary\"\r\n    | \"overflow\"\r\n  > {\r\n  /** 0-100; renders a ProgressBar when provided. */\r\n  progress?: number | undefined;\r\n  /** Companion text beside the progress bar. */\r\n  progressLabel?: React.ReactNode | undefined;\r\n  children?: React.ReactNode | undefined;\r\n  /** MUI sx override for PageContent. */\r\n  contentSx?: SxProps<Theme> | undefined;\r\n}\r\n\r\nconst PROGRESS_ROW_SX = Object.freeze({\r\n  display: \"flex\",\r\n  alignItems: \"center\",\r\n  gap: \"var(--s-3)\",\r\n  marginBottom: \"var(--s-5)\",\r\n} satisfies SxProps<Theme>);\r\n\r\nconst PROGRESS_BAR_WRAPPER_SX = Object.freeze({ flex: 1, minWidth: 0 });\r\n\r\nconst PROGRESS_LABEL_SX = Object.freeze({\r\n  fontSize: \"var(--text-xs)\",\r\n  color: \"var(--fg-muted)\",\r\n  whiteSpace: \"nowrap\",\r\n  fontVariantNumeric: \"tabular-nums\",\r\n  flexShrink: 0,\r\n} satisfies SxProps<Theme>);\r\n\r\n/**\r\n * Valeurs par défaut inline — plus de defaultProps.\r\n * React 18.3+ supprime le support de defaultProps pour les function\r\n * components. Aligné sur le pattern DataGridToolbar (B14).\r\n */\r\nfunction FormPageShell({\r\n  /* ActionBar props */\r\n  home,\r\n  back,\r\n  breadcrumb,\r\n  title,\r\n  subtitle,\r\n  icon,\r\n  secondary = [],\r\n  primary,\r\n  overflow = [],\r\n  /* Progress slot */\r\n  progress,\r\n  progressLabel,\r\n  /* Content */\r\n  children,\r\n  contentSx,\r\n}: FormPageShellProps) {\r\n  return (\r\n    <>\r\n      <ActionBar\r\n        surface={false}\r\n        title={title}\r\n        subtitle={subtitle}\r\n        secondary={secondary}\r\n        overflow={overflow}\r\n        {...(home !== undefined ? { home } : {})}\r\n        {...(back !== undefined ? { back } : {})}\r\n        {...(breadcrumb !== undefined ? { breadcrumb } : {})}\r\n        {...(icon !== undefined ? { icon } : {})}\r\n        {...(primary !== undefined ? { primary } : {})}\r\n      />\r\n\r\n      <PageContent {...(contentSx !== undefined ? { sx: contentSx } : {})}>\r\n        {typeof progress === \"number\" && (\r\n          <Box sx={PROGRESS_ROW_SX}>\r\n            <Box sx={PROGRESS_BAR_WRAPPER_SX}>\r\n              <ProgressBar\r\n                value={progress}\r\n                aria-label=\"Avancement de la saisie\"\r\n              />\r\n            </Box>\r\n            {progressLabel && (\r\n              <Box component=\"span\" sx={PROGRESS_LABEL_SX}>\r\n                {progressLabel}\r\n              </Box>\r\n            )}\r\n          </Box>\r\n        )}\r\n        {children}\r\n      </PageContent>\r\n    </>\r\n  );\r\n}\r\n\r\nexport default FormPageShell;\r\n"],"mappings":";;;;;;AAAA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,IAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,UAAA,GAAAD,sBAAA,CAAAF,OAAA;AACA,IAAAI,YAAA,GAAAF,sBAAA,CAAAF,OAAA;AACA,IAAAK,YAAA,GAAAH,sBAAA,CAAAF,OAAA;AAAoD,IAAAM,WAAA,GAAAN,OAAA;AAAA,SAAAE,uBAAAK,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,gBAAAA,GAAA;AAAA,SAAAE,yBAAAC,WAAA,eAAAC,OAAA,kCAAAC,iBAAA,OAAAD,OAAA,QAAAE,gBAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,yBAAAC,WAAA,WAAAA,WAAA,GAAAG,gBAAA,GAAAD,iBAAA,KAAAF,WAAA;AAAA,SAAAX,wBAAAQ,GAAA,EAAAG,WAAA,SAAAA,WAAA,IAAAH,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,aAAAO,OAAA,CAAAP,GAAA,yBAAAA,GAAA,uCAAAA,GAAA,UAAAQ,KAAA,GAAAN,wBAAA,CAAAC,WAAA,OAAAK,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAT,GAAA,YAAAQ,KAAA,CAAAE,GAAA,CAAAV,GAAA,SAAAW,MAAA,WAAAC,qBAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,GAAA,IAAAhB,GAAA,QAAAgB,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAnB,GAAA,EAAAgB,GAAA,SAAAI,IAAA,GAAAR,qBAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAf,GAAA,EAAAgB,GAAA,cAAAI,IAAA,KAAAA,IAAA,CAAAV,GAAA,IAAAU,IAAA,CAAAC,GAAA,KAAAR,MAAA,CAAAC,cAAA,CAAAH,MAAA,EAAAK,GAAA,EAAAI,IAAA,YAAAT,MAAA,CAAAK,GAAA,IAAAhB,GAAA,CAAAgB,GAAA,SAAAL,MAAA,cAAAX,GAAA,MAAAQ,KAAA,IAAAA,KAAA,CAAAa,GAAA,CAAArB,GAAA,EAAAW,MAAA,YAAAA,MAAA;AAAA,SAAAJ,QAAAP,GAAA,sCAAAO,OAAA,wBAAAe,MAAA,uBAAAA,MAAA,CAAAC,QAAA,aAAAvB,GAAA,kBAAAA,GAAA,gBAAAA,GAAA,WAAAA,GAAA,yBAAAsB,MAAA,IAAAtB,GAAA,CAAAwB,WAAA,KAAAF,MAAA,IAAAtB,GAAA,KAAAsB,MAAA,CAAAL,SAAA,qBAAAjB,GAAA,KAAAO,OAAA,CAAAP,GAAA;AAAA,SAAAyB,QAAAC,MAAA,EAAAC,cAAA,QAAAC,IAAA,GAAAf,MAAA,CAAAe,IAAA,CAAAF,MAAA,OAAAb,MAAA,CAAAgB,qBAAA,QAAAC,OAAA,GAAAjB,MAAA,CAAAgB,qBAAA,CAAAH,MAAA,GAAAC,cAAA,KAAAG,OAAA,GAAAA,OAAA,CAAAC,MAAA,WAAAC,GAAA,WAAAnB,MAAA,CAAAE,wBAAA,CAAAW,MAAA,EAAAM,GAAA,EAAAC,UAAA,OAAAL,IAAA,CAAAM,IAAA,CAAAC,KAAA,CAAAP,IAAA,EAAAE,OAAA,YAAAF,IAAA;AAAA,SAAAQ,cAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,WAAAF,SAAA,CAAAD,CAAA,IAAAC,SAAA,CAAAD,CAAA,QAAAA,CAAA,OAAAb,OAAA,CAAAZ,MAAA,CAAA4B,MAAA,OAAAC,OAAA,WAAA1B,GAAA,IAAA2B,eAAA,CAAAN,MAAA,EAAArB,GAAA,EAAAyB,MAAA,CAAAzB,GAAA,SAAAH,MAAA,CAAA+B,yBAAA,GAAA/B,MAAA,CAAAgC,gBAAA,CAAAR,MAAA,EAAAxB,MAAA,CAAA+B,yBAAA,CAAAH,MAAA,KAAAhB,OAAA,CAAAZ,MAAA,CAAA4B,MAAA,GAAAC,OAAA,WAAA1B,GAAA,IAAAH,MAAA,CAAAC,cAAA,CAAAuB,MAAA,EAAArB,GAAA,EAAAH,MAAA,CAAAE,wBAAA,CAAA0B,MAAA,EAAAzB,GAAA,iBAAAqB,MAAA;AAAA,SAAAM,gBAAA3C,GAAA,EAAAgB,GAAA,EAAA8B,KAAA,IAAA9B,GAAA,GAAA+B,cAAA,CAAA/B,GAAA,OAAAA,GAAA,IAAAhB,GAAA,IAAAa,MAAA,CAAAC,cAAA,CAAAd,GAAA,EAAAgB,GAAA,IAAA8B,KAAA,EAAAA,KAAA,EAAAb,UAAA,QAAAe,YAAA,QAAAC,QAAA,oBAAAjD,GAAA,CAAAgB,GAAA,IAAA8B,KAAA,WAAA9C,GAAA;AAAA,SAAA+C,eAAAG,GAAA,QAAAlC,GAAA,GAAAmC,YAAA,CAAAD,GAAA,oBAAA3C,OAAA,CAAAS,GAAA,iBAAAA,GAAA,GAAAoC,MAAA,CAAApC,GAAA;AAAA,SAAAmC,aAAAE,KAAA,EAAAC,IAAA,QAAA/C,OAAA,CAAA8C,KAAA,kBAAAA,KAAA,kBAAAA,KAAA,MAAAE,IAAA,GAAAF,KAAA,CAAA/B,MAAA,CAAAkC,WAAA,OAAAD,IAAA,KAAAE,SAAA,QAAAC,GAAA,GAAAH,IAAA,CAAApC,IAAA,CAAAkC,KAAA,EAAAC,IAAA,oBAAA/C,OAAA,CAAAmD,GAAA,uBAAAA,GAAA,YAAAC,SAAA,4DAAAL,IAAA,gBAAAF,MAAA,GAAAQ,MAAA,EAAAP,KAAA,KAEpD;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;AAwBA,IAAMQ,eAAe,GAAGhD,MAAM,CAACiD,MAAM,CAAC;EACpCC,OAAO,EAAE,MAAM;EACfC,UAAU,EAAE,QAAQ;EACpBC,GAAG,EAAE,YAAY;EACjBC,YAAY,EAAE;AAChB,CAA0B,CAAC;AAE3B,IAAMC,uBAAuB,GAAGtD,MAAM,CAACiD,MAAM,CAAC;EAAEM,IAAI,EAAE,CAAC;EAAEC,QAAQ,EAAE;AAAE,CAAC,CAAC;AAEvE,IAAMC,iBAAiB,GAAGzD,MAAM,CAACiD,MAAM,CAAC;EACtCS,QAAQ,EAAE,gBAAgB;EAC1BC,KAAK,EAAE,iBAAiB;EACxBC,UAAU,EAAE,QAAQ;EACpBC,kBAAkB,EAAE,cAAc;EAClCC,UAAU,EAAE;AACd,CAA0B,CAAC;;AAE3B;AACA;AACA;AACA;AACA;AACA,SAASC,aAAaA,CAAAC,IAAA,EAiBC;EAAA,IAfrBC,IAAI,GAAAD,IAAA,CAAJC,IAAI;IACJC,IAAI,GAAAF,IAAA,CAAJE,IAAI;IACJC,UAAU,GAAAH,IAAA,CAAVG,UAAU;IACVC,KAAK,GAAAJ,IAAA,CAALI,KAAK;IACLC,QAAQ,GAAAL,IAAA,CAARK,QAAQ;IACRC,IAAI,GAAAN,IAAA,CAAJM,IAAI;IAAAC,cAAA,GAAAP,IAAA,CACJQ,SAAS;IAATA,SAAS,GAAAD,cAAA,cAAG,EAAE,GAAAA,cAAA;IACdE,OAAO,GAAAT,IAAA,CAAPS,OAAO;IAAAC,aAAA,GAAAV,IAAA,CACPW,QAAQ;IAARA,QAAQ,GAAAD,aAAA,cAAG,EAAE,GAAAA,aAAA;IAEbE,QAAQ,GAAAZ,IAAA,CAARY,QAAQ;IACRC,aAAa,GAAAb,IAAA,CAAba,aAAa;IAEbC,QAAQ,GAAAd,IAAA,CAARc,QAAQ;IACRC,SAAS,GAAAf,IAAA,CAATe,SAAS;EAET,oBACE,IAAA7F,WAAA,CAAA8F,IAAA,EAAA9F,WAAA,CAAA+F,QAAA;IAAAH,QAAA,gBACE,IAAA5F,WAAA,CAAAgG,GAAA,EAACnG,UAAA,WAAS,EAAAwC,aAAA,CAAAA,aAAA,CAAAA,aAAA,CAAAA,aAAA,CAAAA,aAAA;MACR4D,OAAO,EAAE,KAAM;MACff,KAAK,EAAEA,KAAM;MACbC,QAAQ,EAAEA,QAAS;MACnBG,SAAS,EAAEA,SAAU;MACrBG,QAAQ,EAAEA;IAAS,GACdV,IAAI,KAAKrB,SAAS,GAAG;MAAEqB,IAAI,EAAJA;IAAK,CAAC,GAAG,CAAC,CAAC,GAClCC,IAAI,KAAKtB,SAAS,GAAG;MAAEsB,IAAI,EAAJA;IAAK,CAAC,GAAG,CAAC,CAAC,GAClCC,UAAU,KAAKvB,SAAS,GAAG;MAAEuB,UAAU,EAAVA;IAAW,CAAC,GAAG,CAAC,CAAC,GAC9CG,IAAI,KAAK1B,SAAS,GAAG;MAAE0B,IAAI,EAAJA;IAAK,CAAC,GAAG,CAAC,CAAC,GAClCG,OAAO,KAAK7B,SAAS,GAAG;MAAE6B,OAAO,EAAPA;IAAQ,CAAC,GAAG,CAAC,CAAC,CAC9C,CAAC,eAEF,IAAAvF,WAAA,CAAA8F,IAAA,EAAChG,YAAA,WAAW,EAAAuC,aAAA,CAAAA,aAAA,KAAMwD,SAAS,KAAKnC,SAAS,GAAG;MAAEwC,EAAE,EAAEL;IAAU,CAAC,GAAG,CAAC,CAAC;MAAAD,QAAA,GAC/D,OAAOF,QAAQ,KAAK,QAAQ,iBAC3B,IAAA1F,WAAA,CAAA8F,IAAA,EAACnG,IAAA,WAAG;QAACuG,EAAE,EAAEpC,eAAgB;QAAA8B,QAAA,gBACvB,IAAA5F,WAAA,CAAAgG,GAAA,EAACrG,IAAA,WAAG;UAACuG,EAAE,EAAE9B,uBAAwB;UAAAwB,QAAA,eAC/B,IAAA5F,WAAA,CAAAgG,GAAA,EAACjG,YAAA,WAAW;YACVgD,KAAK,EAAE2C,QAAS;YAChB,cAAW;UAAyB,CACrC;QAAC,CACC,CAAC,EACLC,aAAa,iBACZ,IAAA3F,WAAA,CAAAgG,GAAA,EAACrG,IAAA,WAAG;UAACwG,SAAS,EAAC,MAAM;UAACD,EAAE,EAAE3B,iBAAkB;UAAAqB,QAAA,EACzCD;QAAa,CACX,CACN;MAAA,CACE,CACN,EACAC,QAAQ;IAAA,EACE,CAAC;EAAA,CACd,CAAC;AAEP;AAAC,IAAAQ,QAAA,GAAAC,OAAA,cAEcxB,aAAa","ignoreList":[]}
+{"version":3,"file":"FormPageShell.js","names":["React","_interopRequireWildcard","require","_Box","_interopRequireDefault","_ActionBar","_PageContent","_ProgressBar","_jsxRuntime","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","PROGRESS_ROW_SX","freeze","display","alignItems","gap","marginBottom","PROGRESS_BAR_WRAPPER_SX","flex","minWidth","PROGRESS_LABEL_SX","fontSize","color","whiteSpace","fontVariantNumeric","flexShrink","FormPageShell","home","back","breadcrumb","title","subtitle","icon","secondary","primary","overflow","progress","progressLabel","children","contentSx","jsxs","Fragment","jsx","surface","undefined","sx","value","component","_default","exports"],"sources":["../../../src/lib/v2/patterns/FormPageShell.tsx"],"sourcesContent":["import * as React from \"react\";\r\nimport Box from \"@mui/material/Box\";\r\nimport type { SxProps, Theme } from \"@mui/material/styles\";\r\nimport ActionBar, { type ActionBarProps } from \"./ActionBar\";\r\nimport PageContent from \"./PageContent\";\r\nimport ProgressBar from \"../components/ProgressBar\";\r\n\r\n/**\r\n * FormPageShell — Portnet UI v2 (pattern)\r\n *\r\n * Charter §07 R-L.2 — canonical shell for create/edit form pages.\r\n *\r\n * Combines a sticky ActionBar (surface=false, accent title) with a\r\n * responsive PageContent wrapper so every module's form page has the\r\n * same structure without reimplementing it.\r\n *\r\n * ┌───────────────────────────────────────────────────────────────┐\r\n * │ 🏠 > Breadcrumb                                               │  sticky\r\n * │ Title                        [secondary] [primary] [overflow…] │\r\n * │ Subtitle                                                      │\r\n * └───────────────────────────────────────────────────────────────┘\r\n * ┌───────────────────────────────────────────────────────────────┐\r\n * │  [ProgressBar ── progressLabel]      ← if progress prop given │\r\n * │  children                                                      │\r\n * └───────────────────────────────────────────────────────────────┘\r\n *\r\n * @example\r\n *   <FormPageShell\r\n *     home={() => navigate(\"/\")}\r\n *     back={() => navigate(\"/list\")}\r\n *     breadcrumb={[\"Autorisations\", \"Nouvelle autorisation\"]}\r\n *     title=\"Nouvelle autorisation\"\r\n *     subtitle=\"Saisissez les informations…\"\r\n *     secondary={[{ label: \"Enregistrer\", icon: <SaveIcon />, onClick: handleSave }]}\r\n *     primary={{ label: \"Déposer\", iconRight: <ArrowIcon />, onClick: handleDeposit }}\r\n *     overflow={[{ label: \"Retour à la liste\", onClick: goBack }]}\r\n *     progress={requiredPct}\r\n *     progressLabel={isComplete ? \"Prêt à déposer ✓\" : `${filled}/${total} requis`}\r\n *   >\r\n *     <FormSection number={1} title=\"Informations\">…</FormSection>\r\n *   </FormPageShell>\r\n */\r\n\r\nexport interface FormPageShellProps\r\n  extends Pick<\r\n    ActionBarProps,\r\n    | \"home\"\r\n    | \"back\"\r\n    | \"breadcrumb\"\r\n    | \"title\"\r\n    | \"subtitle\"\r\n    | \"icon\"\r\n    | \"secondary\"\r\n    | \"primary\"\r\n    | \"overflow\"\r\n  > {\r\n  /** 0-100; renders a ProgressBar when provided. */\r\n  progress?: number | undefined;\r\n  /** Companion text beside the progress bar. */\r\n  progressLabel?: React.ReactNode | undefined;\r\n  children?: React.ReactNode | undefined;\r\n  /** MUI sx override for PageContent. */\r\n  contentSx?: SxProps<Theme> | undefined;\r\n}\r\n\r\nconst PROGRESS_ROW_SX = Object.freeze({\r\n  display: \"flex\",\r\n  alignItems: \"center\",\r\n  gap: \"var(--s-3)\",\r\n  marginBottom: \"var(--s-5)\",\r\n} satisfies SxProps<Theme>);\r\n\r\nconst PROGRESS_BAR_WRAPPER_SX = Object.freeze({ flex: 1, minWidth: 0 });\r\n\r\nconst PROGRESS_LABEL_SX = Object.freeze({\r\n  fontSize: \"var(--text-xs)\",\r\n  color: \"var(--fg-muted)\",\r\n  whiteSpace: \"nowrap\",\r\n  fontVariantNumeric: \"tabular-nums\",\r\n  flexShrink: 0,\r\n} satisfies SxProps<Theme>);\r\n\r\n/**\r\n * Valeurs par défaut inline — plus de defaultProps.\r\n * React 18.3+ supprime le support de defaultProps pour les function\r\n * components. Aligné sur le pattern DataGridToolbar (B14).\r\n */\r\nfunction FormPageShell({\r\n  /* ActionBar props */\r\n  home,\r\n  back,\r\n  breadcrumb,\r\n  title,\r\n  subtitle,\r\n  icon,\r\n  secondary = [],\r\n  primary,\r\n  overflow = [],\r\n  /* Progress slot */\r\n  progress,\r\n  progressLabel,\r\n  /* Content */\r\n  children,\r\n  contentSx,\r\n}: FormPageShellProps) {\r\n  return (\r\n    <>\r\n      <ActionBar\r\n        surface={false}\r\n        title={title}\r\n        subtitle={subtitle}\r\n        secondary={secondary}\r\n        overflow={overflow}\r\n        {...(home !== undefined ? { home } : {})}\r\n        {...(back !== undefined ? { back } : {})}\r\n        {...(breadcrumb !== undefined ? { breadcrumb } : {})}\r\n        {...(icon !== undefined ? { icon } : {})}\r\n        {...(primary !== undefined ? { primary } : {})}\r\n      />\r\n\r\n      <PageContent {...(contentSx !== undefined ? { sx: contentSx } : {})}>\r\n        {typeof progress === \"number\" && (\r\n          <Box sx={PROGRESS_ROW_SX}>\r\n            <Box sx={PROGRESS_BAR_WRAPPER_SX}>\r\n              <ProgressBar\r\n                value={progress}\r\n                aria-label=\"Avancement de la saisie\"\r\n              />\r\n            </Box>\r\n            {progressLabel && (\r\n              <Box component=\"span\" sx={PROGRESS_LABEL_SX}>\r\n                {progressLabel}\r\n              </Box>\r\n            )}\r\n          </Box>\r\n        )}\r\n        {children}\r\n      </PageContent>\r\n    </>\r\n  );\r\n}\r\n\r\nexport default FormPageShell;\r\n"],"mappings":";;;;;;AAAA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,IAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,UAAA,GAAAD,sBAAA,CAAAF,OAAA;AACA,IAAAI,YAAA,GAAAF,sBAAA,CAAAF,OAAA;AACA,IAAAK,YAAA,GAAAH,sBAAA,CAAAF,OAAA;AAAoD,IAAAM,WAAA,GAAAN,OAAA;AAAA,SAAAE,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAAA,SAAAR,wBAAAQ,CAAA,EAAAG,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAZ,uBAAA,YAAAA,CAAAQ,CAAA,EAAAG,CAAA,SAAAA,CAAA,IAAAH,CAAA,IAAAA,CAAA,CAAAC,UAAA,SAAAD,CAAA,MAAAO,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAR,OAAA,EAAAF,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAS,CAAA,MAAAF,CAAA,GAAAJ,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAE,CAAA,CAAAI,GAAA,CAAAX,CAAA,UAAAO,CAAA,CAAAK,GAAA,CAAAZ,CAAA,GAAAO,CAAA,CAAAM,GAAA,CAAAb,CAAA,EAAAS,CAAA,gBAAAN,CAAA,IAAAH,CAAA,gBAAAG,CAAA,OAAAW,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAG,CAAA,OAAAK,CAAA,IAAAD,CAAA,GAAAS,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAG,CAAA,OAAAK,CAAA,CAAAI,GAAA,IAAAJ,CAAA,CAAAK,GAAA,IAAAN,CAAA,CAAAE,CAAA,EAAAN,CAAA,EAAAK,CAAA,IAAAC,CAAA,CAAAN,CAAA,IAAAH,CAAA,CAAAG,CAAA,WAAAM,CAAA,KAAAT,CAAA,EAAAG,CAAA;AAEpD;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;;AAwBA,MAAMgB,eAAe,GAAGH,MAAM,CAACI,MAAM,CAAC;EACpCC,OAAO,EAAE,MAAM;EACfC,UAAU,EAAE,QAAQ;EACpBC,GAAG,EAAE,YAAY;EACjBC,YAAY,EAAE;AAChB,CAA0B,CAAC;AAE3B,MAAMC,uBAAuB,GAAGT,MAAM,CAACI,MAAM,CAAC;EAAEM,IAAI,EAAE,CAAC;EAAEC,QAAQ,EAAE;AAAE,CAAC,CAAC;AAEvE,MAAMC,iBAAiB,GAAGZ,MAAM,CAACI,MAAM,CAAC;EACtCS,QAAQ,EAAE,gBAAgB;EAC1BC,KAAK,EAAE,iBAAiB;EACxBC,UAAU,EAAE,QAAQ;EACpBC,kBAAkB,EAAE,cAAc;EAClCC,UAAU,EAAE;AACd,CAA0B,CAAC;;AAE3B;AACA;AACA;AACA;AACA;AACA,SAASC,aAAaA,CAAC;EACrB;EACAC,IAAI;EACJC,IAAI;EACJC,UAAU;EACVC,KAAK;EACLC,QAAQ;EACRC,IAAI;EACJC,SAAS,GAAG,EAAE;EACdC,OAAO;EACPC,QAAQ,GAAG,EAAE;EACb;EACAC,QAAQ;EACRC,aAAa;EACb;EACAC,QAAQ;EACRC;AACkB,CAAC,EAAE;EACrB,oBACE,IAAAhD,WAAA,CAAAiD,IAAA,EAAAjD,WAAA,CAAAkD,QAAA;IAAAH,QAAA,gBACE,IAAA/C,WAAA,CAAAmD,GAAA,EAACtD,UAAA,CAAAM,OAAS;MACRiD,OAAO,EAAE,KAAM;MACfb,KAAK,EAAEA,KAAM;MACbC,QAAQ,EAAEA,QAAS;MACnBE,SAAS,EAAEA,SAAU;MACrBE,QAAQ,EAAEA,QAAS;MAAA,IACdR,IAAI,KAAKiB,SAAS,GAAG;QAAEjB;MAAK,CAAC,GAAG,CAAC,CAAC;MAAA,IAClCC,IAAI,KAAKgB,SAAS,GAAG;QAAEhB;MAAK,CAAC,GAAG,CAAC,CAAC;MAAA,IAClCC,UAAU,KAAKe,SAAS,GAAG;QAAEf;MAAW,CAAC,GAAG,CAAC,CAAC;MAAA,IAC9CG,IAAI,KAAKY,SAAS,GAAG;QAAEZ;MAAK,CAAC,GAAG,CAAC,CAAC;MAAA,IAClCE,OAAO,KAAKU,SAAS,GAAG;QAAEV;MAAQ,CAAC,GAAG,CAAC,CAAC;IAAA,CAC9C,CAAC,eAEF,IAAA3C,WAAA,CAAAiD,IAAA,EAACnD,YAAA,CAAAK,OAAW;MAAA,IAAM6C,SAAS,KAAKK,SAAS,GAAG;QAAEC,EAAE,EAAEN;MAAU,CAAC,GAAG,CAAC,CAAC;MAAAD,QAAA,GAC/D,OAAOF,QAAQ,KAAK,QAAQ,iBAC3B,IAAA7C,WAAA,CAAAiD,IAAA,EAACtD,IAAA,CAAAQ,OAAG;QAACmD,EAAE,EAAElC,eAAgB;QAAA2B,QAAA,gBACvB,IAAA/C,WAAA,CAAAmD,GAAA,EAACxD,IAAA,CAAAQ,OAAG;UAACmD,EAAE,EAAE5B,uBAAwB;UAAAqB,QAAA,eAC/B,IAAA/C,WAAA,CAAAmD,GAAA,EAACpD,YAAA,CAAAI,OAAW;YACVoD,KAAK,EAAEV,QAAS;YAChB,cAAW;UAAyB,CACrC;QAAC,CACC,CAAC,EACLC,aAAa,iBACZ,IAAA9C,WAAA,CAAAmD,GAAA,EAACxD,IAAA,CAAAQ,OAAG;UAACqD,SAAS,EAAC,MAAM;UAACF,EAAE,EAAEzB,iBAAkB;UAAAkB,QAAA,EACzCD;QAAa,CACX,CACN;MAAA,CACE,CACN,EACAC,QAAQ;IAAA,CACE,CAAC;EAAA,CACd,CAAC;AAEP;AAAC,IAAAU,QAAA,GAAAC,OAAA,CAAAvD,OAAA,GAEcgC,aAAa","ignoreList":[]}

package/dist/v2/patterns/FormSection.d.ts

@@ -11,7 +11,8 @@ import type { SxProps, Theme } from "@mui/material/styles";
  *   2       — two equal columns (narrow forms, few fields, wide labels)
  *   1       — single column (textareas, file uploads, notes)
  *   "auto"  — auto-fill tracks min 220px
- *   "none"  — no grid wrapper — children manage their own layout.
+ *   "none"  — no grid wrapper — children manage their own layout, stacked in
+ *             a flex column with `gap` (default --s-4).
  *             Use for: KVGrid, DataGrid, nested FormGrid.
  *
  * Full-width items within a 3-col section:
@@ -46,14 +47,18 @@ export interface FormSectionProps {
      */
     cols?: number | "auto" | "none" | undefined;
     /**
-     * Gap forwarded to the inner `FormGrid`. Omit to inherit the charter default
-     * (`--s-4`). Ignored when `cols="none"`, where the child owns its layout.
+     * Gap between the section's children. Forwarded to the inner `FormGrid`
+     * when `cols` is a grid preset; applied to the body's own flex column when
+     * `cols="none"`. Omit to inherit the charter default (`--s-4`).
      *
      * Added for gap G-13: `FormSection` wrapped its children in a `FormGrid` but
      * exposed no way to set that grid's gap, so a section needing a non-default
      * spacing had to abandon `cols` entirely and nest its own `FormGrid` — or,
      * as every audited module actually did, hand-roll a raw `Box` grid and
      * reimplement the breakpoint ladder.
+     *
+     * Extended for gap G-47: it used to be IGNORED under `cols="none"`, where
+     * the body was a bare padded box. See the body note below.
      */
     gap?: string | number | undefined;
     children: React.ReactNode;

package/dist/v2/patterns/FormSection.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FormSection.d.ts","sourceRoot":"","sources":["../../../src/lib/v2/patterns/FormSection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAI3D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AAEH,MAAM,WAAW,gBAAgB;IAC/B,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC;IACrC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,SAAS,CAAC;IAC1C,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,SAAS,CAAC;IACtC,OAAO,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,MAAM,GAAG,MAAM,KAAK,KAAK,CAAC,SAAS,CAAC,GAAG,SAAS,CAAC;IAChE,YAAY,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,SAAS,CAAC;IAC7C;;;;;;OAMG;IACH,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC;IAC5C;;;;;;;;;OASG;IACH,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC;IAClC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,EAAE,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,GAAG,SAAS,CAAC;CACjC;AAaD,iBAAS,WAAW,CAAC,EACnB,MAAM,EACN,KAAK,EACL,WAAW,EACX,OAAO,EACP,OAA0B,EAC1B,YAAgB,EAChB,IAAQ,EACR,GAAG,EACH,QAAQ,EACR,EAAE,GACH,EAAE,gBAAgB,qBAyHlB;AAED,eAAe,WAAW,CAAC"}
+{"version":3,"file":"FormSection.d.ts","sourceRoot":"","sources":["../../../src/lib/v2/patterns/FormSection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAI3D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AAEH,MAAM,WAAW,gBAAgB;IAC/B,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC;IACrC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,SAAS,CAAC;IAC1C,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,SAAS,CAAC;IACtC,OAAO,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,MAAM,GAAG,MAAM,KAAK,KAAK,CAAC,SAAS,CAAC,GAAG,SAAS,CAAC;IAChE,YAAY,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,SAAS,CAAC;IAC7C;;;;;;OAMG;IACH,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC;IAC5C;;;;;;;;;;;;;OAaG;IACH,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC;IAClC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,EAAE,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,GAAG,SAAS,CAAC;CACjC;AAaD,iBAAS,WAAW,CAAC,EACnB,MAAM,EACN,KAAK,EACL,WAAW,EACX,OAAO,EACP,OAA0B,EAC1B,YAAgB,EAChB,IAAQ,EACR,GAAG,EACH,QAAQ,EACR,EAAE,GACH,EAAE,gBAAgB,qBAkJlB;AAED,eAAe,WAAW,CAAC"}