@portnet/ui 5.0.32 → 6.0.1

package/dist/v2/patterns/KeyboardShortcutsHelp.js

@@ -0,0 +1,203 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _Modal = _interopRequireDefault(require("../components/Modal"));
+var _mergeLabels = require("../utils/mergeLabels");
+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 _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) { ; } } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; } /* ── Body-only focus guard ────────────────────────────────────────
+ * The "?" key is a printable character. If a user types "?" inside an
+ * Input / Textarea / contentEditable element we must NOT hijack the
+ * keypress to open the help — they're trying to type a question mark.
+ *
+ * BUTTON / A focus is NOT blocking by design: when the user has tabbed
+ * onto an interactive non-text element, hitting "?" makes sense as a
+ * help affordance (navigation mode, not text-entry mode).
+ */
+function isFocusOnTextEntry() {
+  var el = typeof document !== "undefined" ? document.activeElement : null;
+  if (!el) return false;
+  var tag = el.tagName;
+  if (tag === "INPUT" || tag === "TEXTAREA" || tag === "SELECT") return true;
+  if (el instanceof HTMLElement && el.isContentEditable) return true;
+  return false;
+}
+function ShortcutKey(_ref) {
+  var children = _ref.children;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("kbd", {
+    style: {
+      display: "inline-block",
+      minWidth: "1.75em",
+      padding: "0.15em 0.5em",
+      background: "var(--bg-subtle)",
+      border: "1px solid var(--border)",
+      borderBottomColor: "var(--border-strong, var(--border))",
+      borderRadius: "var(--r-sm)",
+      boxShadow: "inset 0 -1px 0 var(--border)",
+      fontFamily: "var(--font-mono, monospace)",
+      fontSize: "var(--text-sm)",
+      textAlign: "center",
+      lineHeight: 1.4,
+      color: "var(--fg)"
+    },
+    children: children
+  });
+}
+var SHORTCUT_ROW_SX = {
+  display: "grid",
+  gridTemplateColumns: "auto 1fr",
+  gap: "var(--s-4)",
+  alignItems: "center",
+  padding: "var(--s-2) 0",
+  borderBottom: "1px solid var(--border-subtle, var(--border))"
+};
+var SHORTCUT_KEYS_SX = {
+  display: "flex",
+  gap: "var(--s-1)",
+  alignItems: "center",
+  flexWrap: "wrap"
+};
+var HELP_FOOTNOTE_SX = {
+  marginTop: "var(--s-4)",
+  paddingTop: "var(--s-3)",
+  borderTop: "1px solid var(--border)",
+  fontSize: "var(--text-xs)",
+  color: "var(--fg-subtle)",
+  lineHeight: 1.5
+};
+var DEFAULT_LABELS = Object.freeze({
+  /* Footnote rendered below the shortcut list. Split into two parts so the
+   * keycap can be embedded in the middle without forcing the i18n string to
+   * carry HTML tags. */
+  footnoteIntro: "Astuce : appuyez sur",
+  footnoteOutro: "à tout moment pour ouvrir ou fermer cette aide. Les raccourcis s'activent uniquement quand votre curseur n'est pas dans un champ de saisie.",
+  /* aria-label on the <dl> listing every shortcut. */
+  listAriaLabel: "Liste des raccourcis clavier disponibles sur cette page",
+  /* Joiner rendered between alternative keys for the same shortcut. */
+  keyJoiner: "ou"
+});
+
+/**
+ * KeyboardShortcutsHelp — Portnet UI v2
+ *
+ * Charter §5.2 SHOULD — discoverable help overlay for page-level keyboard
+ * shortcuts. Listens globally for "?" and opens a v2.Modal listing every
+ * shortcut as <kbd> elements (WCAG 1.3.1 semantic).
+ *
+ * Self-contained: the host page only declares the shortcuts array and renders
+ * <KeyboardShortcutsHelp shortcuts={…} /> once.
+ *
+ * Localisation (FR / EN / AR):
+ *   <KeyboardShortcutsHelp
+ *     title="Keyboard shortcuts"
+ *     labels={{
+ *       footnoteIntro: "Tip: press",
+ *       footnoteOutro: "anytime to toggle this help…",
+ *       listAriaLabel: "List of keyboard shortcuts available on this page",
+ *       keyJoiner:     "or",
+ *     }}
+ *     shortcuts={…}
+ *   />
+ *
+ * Charter §5.2 SHOULD + WCAG 1.3.1 (semantic <kbd>) + 2.1.1 (keyboard
+ * reachable) + R-M.* (modal focus trap inherited from v2.Modal).
+ */
+
+function KeyboardShortcutsHelp(_ref2) {
+  var _ref2$shortcuts = _ref2.shortcuts,
+    shortcuts = _ref2$shortcuts === void 0 ? [] : _ref2$shortcuts,
+    _ref2$title = _ref2.title,
+    title = _ref2$title === void 0 ? "Raccourcis clavier" : _ref2$title,
+    labels = _ref2.labels;
+  var _React$useState = React.useState(false),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    isOpen = _React$useState2[0],
+    setIsOpen = _React$useState2[1];
+  var L = (0, _mergeLabels.mergeLabels)(DEFAULT_LABELS, labels);
+  React.useEffect(function () {
+    var handler = function handler(event) {
+      // Only react to "?" (Shift+/ on US, AltGr+, on many AZERTY layouts).
+      // event.key gives us the resolved character regardless of physical key.
+      if (event.key !== "?") return;
+
+      // Modifier keys (Ctrl, Meta, Alt) reserved for browser / OS shortcuts.
+      if (event.ctrlKey || event.metaKey || event.altKey) return;
+
+      // User is typing in a text field — let "?" through.
+      if (isFocusOnTextEntry()) return;
+      event.preventDefault();
+      setIsOpen(function (prev) {
+        return !prev;
+      });
+    };
+    window.addEventListener("keydown", handler);
+    return function () {
+      return window.removeEventListener("keydown", handler);
+    };
+  }, []);
+  if (!Array.isArray(shortcuts) || shortcuts.length === 0) {
+    return null;
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Modal["default"], {
+    open: isOpen,
+    title: title,
+    onClose: function onClose() {
+      return setIsOpen(false);
+    },
+    size: "md",
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("dl", {
+      style: {
+        margin: 0,
+        padding: 0
+      },
+      "aria-label": L.listAriaLabel,
+      children: shortcuts.map(function (sc, i) {
+        return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+          style: SHORTCUT_ROW_SX,
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("dt", {
+            style: SHORTCUT_KEYS_SX,
+            children: sc.keys.map(function (k, j) {
+              return /*#__PURE__*/(0, _jsxRuntime.jsxs)(React.Fragment, {
+                children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(ShortcutKey, {
+                  children: k
+                }), j < sc.keys.length - 1 && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+                  "aria-hidden": "true",
+                  style: {
+                    color: "var(--fg-subtle)",
+                    fontSize: "var(--text-xs)"
+                  },
+                  children: L.keyJoiner
+                })]
+              }, j);
+            })
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)("dd", {
+            style: {
+              margin: 0,
+              fontSize: "var(--text-body)"
+            },
+            children: sc.description
+          })]
+        }, i);
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      style: HELP_FOOTNOTE_SX,
+      children: [L.footnoteIntro, " ", /*#__PURE__*/(0, _jsxRuntime.jsx)(ShortcutKey, {
+        children: "?"
+      }), " ", L.footnoteOutro]
+    })]
+  });
+}
+var _default = exports["default"] = KeyboardShortcutsHelp;
+//# sourceMappingURL=KeyboardShortcutsHelp.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"KeyboardShortcutsHelp.js","names":["React","_interopRequireWildcard","require","_Modal","_interopRequireDefault","_mergeLabels","_jsxRuntime","obj","__esModule","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_slicedToArray","arr","i","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","o","minLen","_arrayLikeToArray","n","toString","slice","constructor","name","Array","from","test","len","length","arr2","_i","Symbol","iterator","_s","_e","_x","_r","_arr","_n","_d","next","done","push","value","err","isArray","isFocusOnTextEntry","el","document","activeElement","tag","tagName","HTMLElement","isContentEditable","ShortcutKey","_ref","children","jsx","style","display","minWidth","padding","background","border","borderBottomColor","borderRadius","boxShadow","fontFamily","fontSize","textAlign","lineHeight","color","SHORTCUT_ROW_SX","gridTemplateColumns","gap","alignItems","borderBottom","SHORTCUT_KEYS_SX","flexWrap","HELP_FOOTNOTE_SX","marginTop","paddingTop","borderTop","DEFAULT_LABELS","freeze","footnoteIntro","footnoteOutro","listAriaLabel","keyJoiner","KeyboardShortcutsHelp","_ref2","_ref2$shortcuts","shortcuts","_ref2$title","title","labels","_React$useState","useState","_React$useState2","isOpen","setIsOpen","L","mergeLabels","useEffect","handler","event","ctrlKey","metaKey","altKey","preventDefault","prev","window","addEventListener","removeEventListener","jsxs","open","onClose","size","margin","map","sc","keys","k","j","Fragment","description","_default","exports"],"sources":["../../../src/lib/v2/patterns/KeyboardShortcutsHelp.tsx"],"sourcesContent":["import * as React from \"react\";\r\nimport Modal from \"../components/Modal\";\r\nimport { mergeLabels } from \"../utils/mergeLabels\";\r\n\r\n/* ── Body-only focus guard ────────────────────────────────────────\r\n * The \"?\" key is a printable character. If a user types \"?\" inside an\r\n * Input / Textarea / contentEditable element we must NOT hijack the\r\n * keypress to open the help — they're trying to type a question mark.\r\n *\r\n * BUTTON / A focus is NOT blocking by design: when the user has tabbed\r\n * onto an interactive non-text element, hitting \"?\" makes sense as a\r\n * help affordance (navigation mode, not text-entry mode).\r\n */\r\nfunction isFocusOnTextEntry(): boolean {\r\n  const el = typeof document !== \"undefined\" ? document.activeElement : null;\r\n  if (!el) return false;\r\n  const tag = el.tagName;\r\n  if (tag === \"INPUT\" || tag === \"TEXTAREA\" || tag === \"SELECT\") return true;\r\n  if (el instanceof HTMLElement && el.isContentEditable) return true;\r\n  return false;\r\n}\r\n\r\nfunction ShortcutKey({ children }: { children?: React.ReactNode }) {\r\n  return (\r\n    <kbd\r\n      style={{\r\n        display: \"inline-block\",\r\n        minWidth: \"1.75em\",\r\n        padding: \"0.15em 0.5em\",\r\n        background: \"var(--bg-subtle)\",\r\n        border: \"1px solid var(--border)\",\r\n        borderBottomColor: \"var(--border-strong, var(--border))\",\r\n        borderRadius: \"var(--r-sm)\",\r\n        boxShadow: \"inset 0 -1px 0 var(--border)\",\r\n        fontFamily: \"var(--font-mono, monospace)\",\r\n        fontSize: \"var(--text-sm)\",\r\n        textAlign: \"center\",\r\n        lineHeight: 1.4,\r\n        color: \"var(--fg)\",\r\n      }}\r\n    >\r\n      {children}\r\n    </kbd>\r\n  );\r\n}\r\n\r\nconst SHORTCUT_ROW_SX: React.CSSProperties = {\r\n  display: \"grid\",\r\n  gridTemplateColumns: \"auto 1fr\",\r\n  gap: \"var(--s-4)\",\r\n  alignItems: \"center\",\r\n  padding: \"var(--s-2) 0\",\r\n  borderBottom: \"1px solid var(--border-subtle, var(--border))\",\r\n};\r\n\r\nconst SHORTCUT_KEYS_SX: React.CSSProperties = {\r\n  display: \"flex\",\r\n  gap: \"var(--s-1)\",\r\n  alignItems: \"center\",\r\n  flexWrap: \"wrap\",\r\n};\r\n\r\nconst HELP_FOOTNOTE_SX: React.CSSProperties = {\r\n  marginTop: \"var(--s-4)\",\r\n  paddingTop: \"var(--s-3)\",\r\n  borderTop: \"1px solid var(--border)\",\r\n  fontSize: \"var(--text-xs)\",\r\n  color: \"var(--fg-subtle)\",\r\n  lineHeight: 1.5,\r\n};\r\n\r\nconst DEFAULT_LABELS = Object.freeze({\r\n  /* Footnote rendered below the shortcut list. Split into two parts so the\r\n   * keycap can be embedded in the middle without forcing the i18n string to\r\n   * carry HTML tags. */\r\n  footnoteIntro: \"Astuce : appuyez sur\",\r\n  footnoteOutro:\r\n    \"à tout moment pour ouvrir ou fermer cette aide. Les raccourcis s'activent uniquement quand votre curseur n'est pas dans un champ de saisie.\",\r\n  /* aria-label on the <dl> listing every shortcut. */\r\n  listAriaLabel: \"Liste des raccourcis clavier disponibles sur cette page\",\r\n  /* Joiner rendered between alternative keys for the same shortcut. */\r\n  keyJoiner: \"ou\",\r\n});\r\n\r\n/**\r\n * KeyboardShortcutsHelp — Portnet UI v2\r\n *\r\n * Charter §5.2 SHOULD — discoverable help overlay for page-level keyboard\r\n * shortcuts. Listens globally for \"?\" and opens a v2.Modal listing every\r\n * shortcut as <kbd> elements (WCAG 1.3.1 semantic).\r\n *\r\n * Self-contained: the host page only declares the shortcuts array and renders\r\n * <KeyboardShortcutsHelp shortcuts={…} /> once.\r\n *\r\n * Localisation (FR / EN / AR):\r\n *   <KeyboardShortcutsHelp\r\n *     title=\"Keyboard shortcuts\"\r\n *     labels={{\r\n *       footnoteIntro: \"Tip: press\",\r\n *       footnoteOutro: \"anytime to toggle this help…\",\r\n *       listAriaLabel: \"List of keyboard shortcuts available on this page\",\r\n *       keyJoiner:     \"or\",\r\n *     }}\r\n *     shortcuts={…}\r\n *   />\r\n *\r\n * Charter §5.2 SHOULD + WCAG 1.3.1 (semantic <kbd>) + 2.1.1 (keyboard\r\n * reachable) + R-M.* (modal focus trap inherited from v2.Modal).\r\n */\r\n\r\nexport interface KeyboardShortcut {\r\n  keys: string[];\r\n  description: React.ReactNode;\r\n}\r\n\r\nexport interface KeyboardShortcutsHelpLabels {\r\n  footnoteIntro?: string | undefined;\r\n  footnoteOutro?: string | undefined;\r\n  listAriaLabel?: string | undefined;\r\n  keyJoiner?: string | undefined;\r\n}\r\n\r\nexport interface KeyboardShortcutsHelpProps {\r\n  shortcuts?: KeyboardShortcut[] | undefined;\r\n  title?: React.ReactNode | undefined;\r\n  labels?: KeyboardShortcutsHelpLabels | undefined;\r\n}\r\n\r\nfunction KeyboardShortcutsHelp({\r\n  shortcuts = [],\r\n  title = \"Raccourcis clavier\",\r\n  labels,\r\n}: KeyboardShortcutsHelpProps) {\r\n  const [isOpen, setIsOpen] = React.useState(false);\r\n  const L = mergeLabels(DEFAULT_LABELS, labels);\r\n\r\n  React.useEffect(() => {\r\n    const handler = (event: KeyboardEvent) => {\r\n      // Only react to \"?\" (Shift+/ on US, AltGr+, on many AZERTY layouts).\r\n      // event.key gives us the resolved character regardless of physical key.\r\n      if (event.key !== \"?\") return;\r\n\r\n      // Modifier keys (Ctrl, Meta, Alt) reserved for browser / OS shortcuts.\r\n      if (event.ctrlKey || event.metaKey || event.altKey) return;\r\n\r\n      // User is typing in a text field — let \"?\" through.\r\n      if (isFocusOnTextEntry()) return;\r\n\r\n      event.preventDefault();\r\n      setIsOpen((prev) => !prev);\r\n    };\r\n\r\n    window.addEventListener(\"keydown\", handler);\r\n    return () => window.removeEventListener(\"keydown\", handler);\r\n  }, []);\r\n\r\n  if (!Array.isArray(shortcuts) || shortcuts.length === 0) {\r\n    return null;\r\n  }\r\n\r\n  return (\r\n    <Modal open={isOpen} title={title} onClose={() => setIsOpen(false)} size=\"md\">\r\n      <dl style={{ margin: 0, padding: 0 }} aria-label={L.listAriaLabel}>\r\n        {shortcuts.map((sc, i) => (\r\n          <div key={i} style={SHORTCUT_ROW_SX}>\r\n            <dt style={SHORTCUT_KEYS_SX}>\r\n              {sc.keys.map((k, j) => (\r\n                <React.Fragment key={j}>\r\n                  <ShortcutKey>{k}</ShortcutKey>\r\n                  {j < sc.keys.length - 1 && (\r\n                    <span\r\n                      aria-hidden=\"true\"\r\n                      style={{\r\n                        color: \"var(--fg-subtle)\",\r\n                        fontSize: \"var(--text-xs)\",\r\n                      }}\r\n                    >\r\n                      {L.keyJoiner}\r\n                    </span>\r\n                  )}\r\n                </React.Fragment>\r\n              ))}\r\n            </dt>\r\n            <dd style={{ margin: 0, fontSize: \"var(--text-body)\" }}>\r\n              {sc.description}\r\n            </dd>\r\n          </div>\r\n        ))}\r\n      </dl>\r\n      <div style={HELP_FOOTNOTE_SX}>\r\n        {L.footnoteIntro}{\" \"}\r\n        <ShortcutKey>?</ShortcutKey>{\" \"}\r\n        {L.footnoteOutro}\r\n      </div>\r\n    </Modal>\r\n  );\r\n}\r\n\r\nexport default KeyboardShortcutsHelp;\r\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,26 @@
+import * as React from "react";
+/**
+ * NetworkErrorBanner - Portnet UI v2 (pattern)
+ *
+ * Charter R-4.3 - erreur réseau globale = bandeau persistant top, "Réessayer".
+ * Z-index 2000 (above modals).
+ *
+ *   <NetworkErrorBanner
+ *     visible={!online}
+ *     message="Connexion perdue."
+ *     onRetry={refresh}
+ *   />
+ *
+ * Localisation (FR / EN / AR):
+ *   `message` and `retryLabel` are direct overrides on the props.
+ *   Defaults stay French for back-compat.
+ */
+export interface NetworkErrorBannerProps {
+    visible?: boolean | undefined;
+    message?: React.ReactNode | undefined;
+    onRetry?: (() => void) | undefined;
+    retryLabel?: React.ReactNode | undefined;
+}
+declare function NetworkErrorBanner({ visible, message, onRetry, retryLabel, }: NetworkErrorBannerProps): React.JSX.Element | null;
+export default NetworkErrorBanner;
+//# sourceMappingURL=NetworkErrorBanner.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NetworkErrorBanner.d.ts","sourceRoot":"","sources":["../../../src/lib/v2/patterns/NetworkErrorBanner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B;;;;;;;;;;;;;;;GAeG;AAEH,MAAM,WAAW,uBAAuB;IACtC,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC9B,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,SAAS,CAAC;IACtC,OAAO,CAAC,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,SAAS,CAAC;IACnC,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,SAAS,CAAC;CAC1C;AAED,iBAAS,kBAAkB,CAAC,EAC1B,OAAO,EACP,OAA6B,EAC7B,OAAO,EACP,UAAwB,GACzB,EAAE,uBAAuB,4BA2CzB;AAED,eAAe,kBAAkB,CAAC"}

package/dist/v2/patterns/NetworkErrorBanner.js

@@ -0,0 +1,82 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _Box = _interopRequireDefault(require("@mui/material/Box"));
+var _ErrorOutlined = _interopRequireDefault(require("@mui/icons-material/ErrorOutlined"));
+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; }
+/**
+ * NetworkErrorBanner - Portnet UI v2 (pattern)
+ *
+ * Charter R-4.3 - erreur réseau globale = bandeau persistant top, "Réessayer".
+ * Z-index 2000 (above modals).
+ *
+ *   <NetworkErrorBanner
+ *     visible={!online}
+ *     message="Connexion perdue."
+ *     onRetry={refresh}
+ *   />
+ *
+ * Localisation (FR / EN / AR):
+ *   `message` and `retryLabel` are direct overrides on the props.
+ *   Defaults stay French for back-compat.
+ */
+
+function NetworkErrorBanner(_ref) {
+  var visible = _ref.visible,
+    _ref$message = _ref.message,
+    message = _ref$message === void 0 ? "Connexion perdue." : _ref$message,
+    onRetry = _ref.onRetry,
+    _ref$retryLabel = _ref.retryLabel,
+    retryLabel = _ref$retryLabel === void 0 ? "Réessayer" : _ref$retryLabel;
+  if (!visible) return null;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box["default"], {
+    role: "alert",
+    "aria-live": "assertive",
+    className: "pui-net-error-banner",
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ErrorOutlined["default"], {
+      fontSize: "small",
+      "aria-hidden": "true"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+      children: message
+    }), onRetry && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box["default"], {
+      component: "button",
+      type: "button",
+      onClick: onRetry,
+      className: "pui-net-error-banner-retry",
+      sx: {
+        // R-AI.1 - tokenised inverse colour mix (was rgba(255,255,255,...))
+        background: "color-mix(in srgb, var(--fg-inverse) 20%, transparent)",
+        border: "1px solid color-mix(in srgb, var(--fg-inverse) 35%, transparent)",
+        color: "inherit",
+        borderRadius: "var(--r-sm)",
+        padding: "var(--s-1) var(--s-3)",
+        fontSize: "var(--text-xs)",
+        fontWeight: "var(--fw-semibold)",
+        cursor: "pointer",
+        fontFamily: "inherit",
+        // NEB-1 - logical inline-start margin so it sits correctly under RTL.
+        marginInlineStart: 0.5,
+        transition: "background var(--duration-fast, 80ms) ease",
+        "&:hover": {
+          background: "color-mix(in srgb, var(--fg-inverse) 30%, transparent)"
+        },
+        // R-F.1 - focus visible required, charter §05.
+        "&:focus-visible": {
+          outline: "2px solid var(--fg-inverse)",
+          outlineOffset: "var(--pui-outline-offset)"
+        }
+      },
+      children: retryLabel
+    })]
+  });
+}
+var _default = exports["default"] = NetworkErrorBanner;
+//# sourceMappingURL=NetworkErrorBanner.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NetworkErrorBanner.js","names":["React","_interopRequireWildcard","require","_Box","_interopRequireDefault","_ErrorOutlined","_jsxRuntime","obj","__esModule","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","NetworkErrorBanner","_ref","visible","_ref$message","message","onRetry","_ref$retryLabel","retryLabel","jsxs","role","className","children","jsx","fontSize","component","type","onClick","sx","background","border","color","borderRadius","padding","fontWeight","cursor","fontFamily","marginInlineStart","transition","outline","outlineOffset","_default","exports"],"sources":["../../../src/lib/v2/patterns/NetworkErrorBanner.tsx"],"sourcesContent":["import * as React from \"react\";\r\nimport Box from \"@mui/material/Box\";\r\nimport ErrorIcon from \"@mui/icons-material/ErrorOutlined\";\r\n\r\n/**\r\n * NetworkErrorBanner - Portnet UI v2 (pattern)\r\n *\r\n * Charter R-4.3 - erreur réseau globale = bandeau persistant top, \"Réessayer\".\r\n * Z-index 2000 (above modals).\r\n *\r\n *   <NetworkErrorBanner\r\n *     visible={!online}\r\n *     message=\"Connexion perdue.\"\r\n *     onRetry={refresh}\r\n *   />\r\n *\r\n * Localisation (FR / EN / AR):\r\n *   `message` and `retryLabel` are direct overrides on the props.\r\n *   Defaults stay French for back-compat.\r\n */\r\n\r\nexport interface NetworkErrorBannerProps {\r\n  visible?: boolean | undefined;\r\n  message?: React.ReactNode | undefined;\r\n  onRetry?: (() => void) | undefined;\r\n  retryLabel?: React.ReactNode | undefined;\r\n}\r\n\r\nfunction NetworkErrorBanner({\r\n  visible,\r\n  message = \"Connexion perdue.\",\r\n  onRetry,\r\n  retryLabel = \"Réessayer\",\r\n}: NetworkErrorBannerProps) {\r\n  if (!visible) return null;\r\n  return (\r\n    <Box role=\"alert\" aria-live=\"assertive\" className=\"pui-net-error-banner\">\r\n      <ErrorIcon fontSize=\"small\" aria-hidden=\"true\" />\r\n      <span>{message}</span>\r\n      {onRetry && (\r\n        <Box\r\n          component=\"button\"\r\n          type=\"button\"\r\n          onClick={onRetry}\r\n          className=\"pui-net-error-banner-retry\"\r\n          sx={{\r\n            // R-AI.1 - tokenised inverse colour mix (was rgba(255,255,255,...))\r\n            background: \"color-mix(in srgb, var(--fg-inverse) 20%, transparent)\",\r\n            border:\r\n              \"1px solid color-mix(in srgb, var(--fg-inverse) 35%, transparent)\",\r\n            color: \"inherit\",\r\n            borderRadius: \"var(--r-sm)\",\r\n            padding: \"var(--s-1) var(--s-3)\",\r\n            fontSize: \"var(--text-xs)\",\r\n            fontWeight: \"var(--fw-semibold)\",\r\n            cursor: \"pointer\",\r\n            fontFamily: \"inherit\",\r\n            // NEB-1 - logical inline-start margin so it sits correctly under RTL.\r\n            marginInlineStart: 0.5,\r\n            transition: \"background var(--duration-fast, 80ms) ease\",\r\n            \"&:hover\": {\r\n              background:\r\n                \"color-mix(in srgb, var(--fg-inverse) 30%, transparent)\",\r\n            },\r\n            // R-F.1 - focus visible required, charter §05.\r\n            \"&:focus-visible\": {\r\n              outline: \"2px solid var(--fg-inverse)\",\r\n              outlineOffset: \"var(--pui-outline-offset)\",\r\n            },\r\n          }}\r\n        >\r\n          {retryLabel}\r\n        </Box>\r\n      )}\r\n    </Box>\r\n  );\r\n}\r\n\r\nexport default NetworkErrorBanner;\r\n"],"mappings":";;;;;;;AAAA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,IAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,cAAA,GAAAD,sBAAA,CAAAF,OAAA;AAA0D,IAAAI,WAAA,GAAAJ,OAAA;AAAA,SAAAE,uBAAAG,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,SAAAT,wBAAAM,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;AAE1D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AASA,SAASW,kBAAkBA,CAAAC,IAAA,EAKC;EAAA,IAJ1BC,OAAO,GAAAD,IAAA,CAAPC,OAAO;IAAAC,YAAA,GAAAF,IAAA,CACPG,OAAO;IAAPA,OAAO,GAAAD,YAAA,cAAG,mBAAmB,GAAAA,YAAA;IAC7BE,OAAO,GAAAJ,IAAA,CAAPI,OAAO;IAAAC,eAAA,GAAAL,IAAA,CACPM,UAAU;IAAVA,UAAU,GAAAD,eAAA,cAAG,WAAW,GAAAA,eAAA;EAExB,IAAI,CAACJ,OAAO,EAAE,OAAO,IAAI;EACzB,oBACE,IAAAzB,WAAA,CAAA+B,IAAA,EAAClC,IAAA,WAAG;IAACmC,IAAI,EAAC,OAAO;IAAC,aAAU,WAAW;IAACC,SAAS,EAAC,sBAAsB;IAAAC,QAAA,gBACtE,IAAAlC,WAAA,CAAAmC,GAAA,EAACpC,cAAA,WAAS;MAACqC,QAAQ,EAAC,OAAO;MAAC,eAAY;IAAM,CAAE,CAAC,eACjD,IAAApC,WAAA,CAAAmC,GAAA;MAAAD,QAAA,EAAOP;IAAO,CAAO,CAAC,EACrBC,OAAO,iBACN,IAAA5B,WAAA,CAAAmC,GAAA,EAACtC,IAAA,WAAG;MACFwC,SAAS,EAAC,QAAQ;MAClBC,IAAI,EAAC,QAAQ;MACbC,OAAO,EAAEX,OAAQ;MACjBK,SAAS,EAAC,4BAA4B;MACtCO,EAAE,EAAE;QACF;QACAC,UAAU,EAAE,wDAAwD;QACpEC,MAAM,EACJ,kEAAkE;QACpEC,KAAK,EAAE,SAAS;QAChBC,YAAY,EAAE,aAAa;QAC3BC,OAAO,EAAE,uBAAuB;QAChCT,QAAQ,EAAE,gBAAgB;QAC1BU,UAAU,EAAE,oBAAoB;QAChCC,MAAM,EAAE,SAAS;QACjBC,UAAU,EAAE,SAAS;QACrB;QACAC,iBAAiB,EAAE,GAAG;QACtBC,UAAU,EAAE,4CAA4C;QACxD,SAAS,EAAE;UACTT,UAAU,EACR;QACJ,CAAC;QACD;QACA,iBAAiB,EAAE;UACjBU,OAAO,EAAE,6BAA6B;UACtCC,aAAa,EAAE;QACjB;MACF,CAAE;MAAAlB,QAAA,EAEDJ;IAAU,CACR,CACN;EAAA,CACE,CAAC;AAEV;AAAC,IAAAuB,QAAA,GAAAC,OAAA,cAEc/B,kBAAkB","ignoreList":[]}

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

@@ -0,0 +1,40 @@
+import * as React from "react";
+import type { SxProps, Theme } from "@mui/material/styles";
+/**
+ * PageContent — Portnet UI v2 (pattern)
+ *
+ * Charter §07 · Template canonique — zone contenu (§7.1 bis).
+ *
+ * Wraps the main content zone inside the shell applicatif with the
+ * canonical responsive padding and vertical gap defined in §7.1 bis:
+ *
+ *   xs  ( 0 – 480 px )  → padding  12 px  (--s-3)
+ *   sm  ( 481 – 1023 px) → padding  16 px  (--s-4)
+ *   lg  ( 1024 px +    ) → padding  24 px  (--s-6)
+ *
+ * Usage:
+ *   import { PageContent } from "@portnet/ui";
+ *
+ *   <PageContent>
+ *     <FilterCard />
+ *     <DataGrid ... />
+ *   </PageContent>
+ *
+ * Override gap or add extra sx when the default section gap
+ * (var(--s-4) = 16 px) is not appropriate for the context.
+ *
+ *   <PageContent gap="var(--s-6)" sx={{ maxWidth: 720 }}>
+ *     ...
+ *   </PageContent>
+ */
+export interface PageContentProps {
+    /** Page sections / content */
+    children?: React.ReactNode | undefined;
+    /** Override the vertical gap between direct children (default var(--s-4)) */
+    gap?: string | undefined;
+    /** MUI sx overrides applied to the root Box */
+    sx?: SxProps<Theme> | undefined;
+}
+declare function PageContent({ children, gap, sx }: PageContentProps): React.JSX.Element;
+export default PageContent;
+//# sourceMappingURL=PageContent.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PageContent.d.ts","sourceRoot":"","sources":["../../../src/lib/v2/patterns/PageContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAG3D;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AAEH,MAAM,WAAW,gBAAgB;IAC/B,8BAA8B;IAC9B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,SAAS,CAAC;IACvC,6EAA6E;IAC7E,GAAG,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACzB,+CAA+C;IAC/C,EAAE,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,GAAG,SAAS,CAAC;CACjC;AAED,iBAAS,WAAW,CAAC,EAAE,QAAQ,EAAE,GAAG,EAAE,EAAE,EAAE,EAAE,gBAAgB,qBAuB3D;AAED,eAAe,WAAW,CAAC"}

package/dist/v2/patterns/PageContent.js

@@ -0,0 +1,69 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _Box = _interopRequireDefault(require("@mui/material/Box"));
+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); } /**
+ * PageContent — Portnet UI v2 (pattern)
+ *
+ * Charter §07 · Template canonique — zone contenu (§7.1 bis).
+ *
+ * Wraps the main content zone inside the shell applicatif with the
+ * canonical responsive padding and vertical gap defined in §7.1 bis:
+ *
+ *   xs  ( 0 – 480 px )  → padding  12 px  (--s-3)
+ *   sm  ( 481 – 1023 px) → padding  16 px  (--s-4)
+ *   lg  ( 1024 px +    ) → padding  24 px  (--s-6)
+ *
+ * Usage:
+ *   import { PageContent } from "@portnet/ui";
+ *
+ *   <PageContent>
+ *     <FilterCard />
+ *     <DataGrid ... />
+ *   </PageContent>
+ *
+ * Override gap or add extra sx when the default section gap
+ * (var(--s-4) = 16 px) is not appropriate for the context.
+ *
+ *   <PageContent gap="var(--s-6)" sx={{ maxWidth: 720 }}>
+ *     ...
+ *   </PageContent>
+ */
+function PageContent(_ref) {
+  var children = _ref.children,
+    gap = _ref.gap,
+    sx = _ref.sx;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box["default"], {
+    sx: _objectSpread({
+      /* Responsive padding — charter §7.1 bis */
+      padding: {
+        xs: "var(--s-3)" /* 12 px — mobile */,
+        sm: "var(--s-4)" /* 16 px — tablet */,
+        lg: "var(--s-6)" /* 24 px — desktop */
+      },
+      /* Section layout */
+      display: "flex",
+      flexDirection: "column",
+      gap: gap !== null && gap !== void 0 ? gap : "var(--s-4)",
+      /* Prevent content from overflowing the viewport on narrow screens
+         while still allowing inner scroll containers (DataGrid) to work. */
+      minWidth: 0
+    }, sx),
+    children: children
+  });
+}
+var _default = exports["default"] = PageContent;
+//# sourceMappingURL=PageContent.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PageContent.js","names":["React","_interopRequireWildcard","require","_Box","_interopRequireDefault","_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","PageContent","_ref","children","gap","sx","jsx","padding","xs","sm","lg","display","flexDirection","minWidth","_default","exports"],"sources":["../../../src/lib/v2/patterns/PageContent.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 * PageContent — Portnet UI v2 (pattern)\r\n *\r\n * Charter §07 · Template canonique — zone contenu (§7.1 bis).\r\n *\r\n * Wraps the main content zone inside the shell applicatif with the\r\n * canonical responsive padding and vertical gap defined in §7.1 bis:\r\n *\r\n *   xs  ( 0 – 480 px )  → padding  12 px  (--s-3)\r\n *   sm  ( 481 – 1023 px) → padding  16 px  (--s-4)\r\n *   lg  ( 1024 px +    ) → padding  24 px  (--s-6)\r\n *\r\n * Usage:\r\n *   import { PageContent } from \"@portnet/ui\";\r\n *\r\n *   <PageContent>\r\n *     <FilterCard />\r\n *     <DataGrid ... />\r\n *   </PageContent>\r\n *\r\n * Override gap or add extra sx when the default section gap\r\n * (var(--s-4) = 16 px) is not appropriate for the context.\r\n *\r\n *   <PageContent gap=\"var(--s-6)\" sx={{ maxWidth: 720 }}>\r\n *     ...\r\n *   </PageContent>\r\n */\r\n\r\nexport interface PageContentProps {\r\n  /** Page sections / content */\r\n  children?: React.ReactNode | undefined;\r\n  /** Override the vertical gap between direct children (default var(--s-4)) */\r\n  gap?: string | undefined;\r\n  /** MUI sx overrides applied to the root Box */\r\n  sx?: SxProps<Theme> | undefined;\r\n}\r\n\r\nfunction PageContent({ children, gap, sx }: PageContentProps) {\r\n  return (\r\n    <Box\r\n      sx={{\r\n        /* Responsive padding — charter §7.1 bis */\r\n        padding: {\r\n          xs: \"var(--s-3)\" /* 12 px — mobile */,\r\n          sm: \"var(--s-4)\" /* 16 px — tablet */,\r\n          lg: \"var(--s-6)\" /* 24 px — desktop */,\r\n        },\r\n        /* Section layout */\r\n        display: \"flex\",\r\n        flexDirection: \"column\",\r\n        gap: gap ?? \"var(--s-4)\",\r\n        /* Prevent content from overflowing the viewport on narrow screens\r\n           while still allowing inner scroll containers (DataGrid) to work. */\r\n        minWidth: 0,\r\n        ...(sx as SystemStyleObject<Theme>),\r\n      }}\r\n    >\r\n      {children}\r\n    </Box>\r\n  );\r\n}\r\n\r\nexport default PageContent;\r\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,118 @@
+import * as React from "react";
+import Combobox from "../components/Combobox";
+import type { ComboboxOption, ComboboxOptionValue } from "../components/Combobox";
+import Modal from "../components/Modal";
+import type { DataGridColumn } from "../types/datagrid";
+import type { RowId, SortDescriptor } from "../types/common";
+/**
+ * ReferentielField — Portnet UI v2 (pattern)
+ *
+ * Charter §03 · Component "Referentiel · Search-and-select".
+ *
+ * Use this when:
+ *   - The selectable population is too large for <Combobox> to load.
+ *   - The host needs MULTI-CRITERIA search.
+ *   - The result rows benefit from a structured view.
+ *
+ * Criteria shape (B17 extension)
+ * ------------------------------
+ * Each criterion descriptor accepts:
+ *
+ *   { name, label, placeholder, hint, kind, options, loading,
+ *     getOptionValue, getOptionLabel, disableFuture }
+ *
+ *   - kind — discriminator: "input" (default) | "combobox" | "date"
+ *
+ * The B17 extension is purely additive: existing call sites with
+ * `criteria=[{name, label}]` keep rendering plain Inputs because
+ * `kind` defaults to "input".
+ *
+ * A11y trigger (audit Batch 5, finding B4-3):
+ *   The trigger Input acts as a combobox-like disclosure for a dialog
+ *   (the search Modal). aria-haspopup="dialog" + aria-expanded MUST sit
+ *   on the FOCUSABLE element (the <input/>), so every aria-* on the
+ *   trigger is routed through `inputProps` → slotProps.input. This
+ *   includes the Field-injected aria-invalid / aria-required /
+ *   aria-describedby so the whole aria contract lives on one element.
+ */
+/** Localisable strings; `resultsHeading` is a function for plural rules. */
+export interface ReferentielFieldLabels {
+    searchAria?: string | undefined;
+    clearAria?: string | undefined;
+    modalCancel?: React.ReactNode | undefined;
+    modalConfirm?: React.ReactNode | undefined;
+    searchSubmit?: React.ReactNode | undefined;
+    resultsHeading?: ((n: number) => string) | undefined;
+    initialEmptyTitle?: React.ReactNode | undefined;
+    initialEmptyHint?: React.ReactNode | undefined;
+    noResultsTitle?: React.ReactNode | undefined;
+    noResultsHint?: React.ReactNode | undefined;
+    errorTitle?: React.ReactNode | undefined;
+    errorRetry?: React.ReactNode | undefined;
+    loadingHint?: React.ReactNode | undefined;
+    placeholder?: string | undefined;
+}
+/** One search criterion. combobox/date-only fields reuse the real
+ *  component prop types so they stay exactly aligned. */
+export interface ReferentielCriterion {
+    name: string;
+    label: React.ReactNode;
+    placeholder?: string | undefined;
+    hint?: React.ReactNode | undefined;
+    kind?: "input" | "combobox" | "date" | undefined;
+    options?: React.ComponentProps<typeof Combobox>["options"] | undefined;
+    loading?: boolean | undefined;
+    /**
+     * Accepted for backward API compatibility with older criterion configs.
+     * Combobox has no equivalent hook (it resolves value/label straight off
+     * each option's own .value/.label), so this is currently NOT wired into
+     * the "combobox" kind's render below — kept typed rather than removed so
+     * any existing caller that sets it doesn't get a compile error.
+     */
+    getOptionValue?: ((option: ComboboxOption | ComboboxOptionValue) => ComboboxOptionValue) | undefined;
+    getOptionLabel?: React.ComponentProps<typeof Combobox>["getOptionLabel"] | undefined;
+    disableFuture?: boolean | undefined;
+}
+export interface ReferentielSearchParams {
+    criteria: Record<string, unknown>;
+    page: number;
+    pageSize: number;
+    sort: SortDescriptor[] | undefined;
+}
+export interface ReferentielSearchResult<T> {
+    items: T[];
+    total?: number | undefined;
+}
+export interface ReferentielFieldProps<T> {
+    value?: T | null | undefined;
+    onChange?: ((value: T | null) => void) | undefined;
+    getDisplayValue?: ((value: T) => string) | undefined;
+    placeholder?: string | undefined;
+    disabled?: boolean | undefined;
+    readOnly?: boolean | undefined;
+    clearable?: boolean | undefined;
+    title?: React.ReactNode | undefined;
+    subtitle?: React.ReactNode | undefined;
+    size?: "sm" | "md" | "lg" | "xl" | undefined;
+    modalProps?: Partial<React.ComponentProps<typeof Modal>> | undefined;
+    search: (params: ReferentielSearchParams) => ReferentielSearchResult<T> | Promise<ReferentielSearchResult<T>>;
+    criteria?: ReferentielCriterion[] | undefined;
+    initialCriteria?: Record<string, unknown> | undefined;
+    columns: DataGridColumn<T>[];
+    pageSize?: number | undefined;
+    pageSizes?: number[] | undefined;
+    getRowId?: ((row: T) => RowId) | undefined;
+    confirmOnSelection?: boolean | undefined;
+    sort?: SortDescriptor[] | undefined;
+    onSortChange?: React.Dispatch<React.SetStateAction<SortDescriptor[]>> | undefined;
+    labels?: ReferentielFieldLabels | undefined;
+    locale?: string | undefined;
+    id?: string | undefined;
+    name?: string | undefined;
+    "aria-invalid"?: React.AriaAttributes["aria-invalid"] | undefined;
+    "aria-required"?: React.AriaAttributes["aria-required"] | undefined;
+    "aria-describedby"?: string | undefined;
+}
+declare function ReferentielField<T>({ value, onChange, getDisplayValue, placeholder, disabled, readOnly, clearable, title, subtitle, size, modalProps, search, criteria, initialCriteria, columns, pageSize: pageSizeProp, pageSizes, getRowId, confirmOnSelection, sort, onSortChange, labels, locale, id, name, "aria-invalid": ariaInvalid, "aria-required": ariaRequired, "aria-describedby": ariaDescribedBy, }: ReferentielFieldProps<T>): React.JSX.Element;
+export default ReferentielField;
+//# sourceMappingURL=ReferentielField.d.ts.map