@portnet/ui 6.0.0 → 6.0.1

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

@@ -0,0 +1,75 @@
+import * as React from "react";
+import type { SxProps, Theme } from "@mui/material/styles";
+/**
+ * FileCard — Portnet UI v2
+ *
+ * A single attached document, as a row: leading icon, filename, optional meta
+ * line, action cluster on the trailing edge.
+ *
+ * ─────────────────────────────────────────────────────────────────────────────
+ * WHY THIS BELONGS IN THE LIBRARY (capability gap G-12)
+ *
+ * The library shipped `Dropzone` — the UPLOAD affordance — and nothing for the
+ * state right after it: the file, once attached, being displayed. So every
+ * screen that shows an attachment rebuilt the same row. In addpe-fe it exists
+ * THREE times, in three files, written by hand each time:
+ *
+ *   - Attachment (uploaded state)      padding --s-3 --s-4
+ *   - AutorisationPreviewDrawer (tab)  padding --s-4
+ *   - AutorisationDetail (tab)         padding --s-4 --s-5
+ *
+ * Read that padding column: three values for ONE concept. Nobody decided that —
+ * it is what happens when a recipe is retyped from memory three times, and it is
+ * exactly what Charter R-2.1 forbids (« un même concept = un même composant +
+ * un même libellé partout »). This component standardises on the compact
+ * `Surface` padding; the divergence was accidental, not intentional.
+ *
+ * The ellipsis logic is the other reason to own this. A filename is
+ * user-supplied, arbitrarily long, and must truncate without pushing the action
+ * buttons off the card — which needs `minWidth: 0` on the right ancestors and
+ * `flexShrink: 0` on the wrong ones. Two of the three local copies had it; the
+ * third relied on its container being wide enough.
+ * ─────────────────────────────────────────────────────────────────────────────
+ *
+ *   <FileCard
+ *     name={doc.documentName || "Document.pdf"}
+ *     meta="248,50 Ko"
+ *     actions={
+ *       <Button variant="secondary" size="sm" icon={<CloudDownload />} onClick={dl}>
+ *         Télécharger
+ *       </Button>
+ *     }
+ *   />
+ *
+ * Presentational by design: no href, no fetching, no delete confirmation. Hosts
+ * own those (a blob URL, an API call, a `ConfirmDialog`) and pass the resulting
+ * buttons through `actions`.
+ *
+ * `name` is REQUIRED and typed `string`, deliberately. A filename fallback
+ * ("Document.pdf") is French copy and a business decision about what an unnamed
+ * attachment is called — that belongs to the host, not to the design system, and
+ * defaulting it here would silently hide a missing backend field. The `string`
+ * type also lets the component set `title={name}` so the full filename stays
+ * reachable on hover once it is ellipsized.
+ */
+export interface FileCardProps {
+    /** Filename. Ellipsized when it overflows; mirrored into `title`. */
+    name: string;
+    /**
+     * Secondary line — size, date, content type. Rendered with tabular numerals
+     * so a column of file sizes aligns (R-T.3).
+     */
+    meta?: React.ReactNode | undefined;
+    /**
+     * Leading icon. Defaults to a generic document glyph; pass a specific one when
+     * the card's primary action is what identifies it (a download cloud, say).
+     * Rendered `aria-hidden` — the filename is the accessible name (R-Ar.2).
+     */
+    icon?: React.ReactNode | undefined;
+    /** Trailing action cluster. Pass `Button`s; the card does not invent any. */
+    actions?: React.ReactNode | undefined;
+    sx?: SxProps<Theme> | undefined;
+}
+declare function FileCard({ name, meta, icon, actions, sx }: FileCardProps): React.JSX.Element;
+export default FileCard;
+//# sourceMappingURL=FileCard.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FileCard.d.ts","sourceRoot":"","sources":["../../../src/lib/v2/components/FileCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAI3D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmDG;AAEH,MAAM,WAAW,aAAa;IAC5B,qEAAqE;IACrE,IAAI,EAAE,MAAM,CAAC;IACb;;;OAGG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,SAAS,CAAC;IACnC;;;;OAIG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,SAAS,CAAC;IACnC,6EAA6E;IAC7E,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,SAAS,CAAC;IACtC,EAAE,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,GAAG,SAAS,CAAC;CACjC;AAED,iBAAS,QAAQ,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,EAAE,EAAE,EAAE,aAAa,qBAsGjE;AAED,eAAe,QAAQ,CAAC"}

package/dist/v2/components/FileCard.js

@@ -0,0 +1,169 @@
+"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 _InsertDriveFileOutlined = _interopRequireDefault(require("@mui/icons-material/InsertDriveFileOutlined"));
+var _Surface = _interopRequireDefault(require("./Surface"));
+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); } /**
+ * FileCard — Portnet UI v2
+ *
+ * A single attached document, as a row: leading icon, filename, optional meta
+ * line, action cluster on the trailing edge.
+ *
+ * ─────────────────────────────────────────────────────────────────────────────
+ * WHY THIS BELONGS IN THE LIBRARY (capability gap G-12)
+ *
+ * The library shipped `Dropzone` — the UPLOAD affordance — and nothing for the
+ * state right after it: the file, once attached, being displayed. So every
+ * screen that shows an attachment rebuilt the same row. In addpe-fe it exists
+ * THREE times, in three files, written by hand each time:
+ *
+ *   - Attachment (uploaded state)      padding --s-3 --s-4
+ *   - AutorisationPreviewDrawer (tab)  padding --s-4
+ *   - AutorisationDetail (tab)         padding --s-4 --s-5
+ *
+ * Read that padding column: three values for ONE concept. Nobody decided that —
+ * it is what happens when a recipe is retyped from memory three times, and it is
+ * exactly what Charter R-2.1 forbids (« un même concept = un même composant +
+ * un même libellé partout »). This component standardises on the compact
+ * `Surface` padding; the divergence was accidental, not intentional.
+ *
+ * The ellipsis logic is the other reason to own this. A filename is
+ * user-supplied, arbitrarily long, and must truncate without pushing the action
+ * buttons off the card — which needs `minWidth: 0` on the right ancestors and
+ * `flexShrink: 0` on the wrong ones. Two of the three local copies had it; the
+ * third relied on its container being wide enough.
+ * ─────────────────────────────────────────────────────────────────────────────
+ *
+ *   <FileCard
+ *     name={doc.documentName || "Document.pdf"}
+ *     meta="248,50 Ko"
+ *     actions={
+ *       <Button variant="secondary" size="sm" icon={<CloudDownload />} onClick={dl}>
+ *         Télécharger
+ *       </Button>
+ *     }
+ *   />
+ *
+ * Presentational by design: no href, no fetching, no delete confirmation. Hosts
+ * own those (a blob URL, an API call, a `ConfirmDialog`) and pass the resulting
+ * buttons through `actions`.
+ *
+ * `name` is REQUIRED and typed `string`, deliberately. A filename fallback
+ * ("Document.pdf") is French copy and a business decision about what an unnamed
+ * attachment is called — that belongs to the host, not to the design system, and
+ * defaulting it here would silently hide a missing backend field. The `string`
+ * type also lets the component set `title={name}` so the full filename stays
+ * reachable on hover once it is ellipsized.
+ */
+function FileCard(_ref) {
+  var name = _ref.name,
+    meta = _ref.meta,
+    icon = _ref.icon,
+    actions = _ref.actions,
+    sx = _ref.sx;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Surface["default"], _objectSpread(_objectSpread({
+    tone: "subtle",
+    radius: "md",
+    padding: "compact"
+  }, sx !== undefined ? {
+    sx: sx
+  } : {}), {}, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box["default"], {
+      sx: {
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "space-between",
+        gap: "var(--s-3)"
+      },
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box["default"], {
+        sx: {
+          display: "flex",
+          alignItems: "center",
+          gap: "var(--s-3)",
+          minWidth: 0,
+          flex: 1
+        },
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Box["default"], {
+          component: "span",
+          "aria-hidden": "true"
+          /* Test hook. The icon wrapper carries no role and no accessible
+           * name — by design — so there is no semantic query that can reach
+           * it, and the repo's eslint config rightly forbids container
+           * queries and direct node access in tests. A stable testid is the
+           * sanctioned escape hatch, and the contract it guards (R-Ar.2: a
+           * decorative glyph must NOT be announced) is worth a hook. */,
+          "data-testid": "filecard-icon",
+          sx: {
+            display: "inline-flex",
+            flexShrink: 0,
+            color: "var(--accent)",
+            // --text-display is the 26px token; the glyph sits at the optical
+            // scale the three local copies had converged on.
+            "& > *": {
+              fontSize: "var(--text-display)"
+            }
+          },
+          children: icon !== null && icon !== void 0 ? icon : /*#__PURE__*/(0, _jsxRuntime.jsx)(_InsertDriveFileOutlined["default"], {})
+        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box["default"], {
+          sx: {
+            minWidth: 0
+          },
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Box["default"], {
+            title: name,
+            sx: {
+              fontSize: "var(--text-sm)",
+              fontWeight: "var(--fw-semibold)",
+              color: "var(--fg)",
+              whiteSpace: "nowrap",
+              overflow: "hidden",
+              textOverflow: "ellipsis"
+            },
+            children: name
+          }), meta != null && meta !== "" && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box["default"]
+          /* Test hook — same rationale as filecard-icon. The contract is
+           * that this line is ABSENT rather than empty: a blank second
+           * line reads as missing data and changes the row height, which
+           * breaks the alignment of a list of files. "Absent, not empty"
+           * cannot be expressed by a text query. */, {
+            "data-testid": "filecard-meta",
+            sx: {
+              fontSize: "var(--text-xs)",
+              color: "var(--fg-subtle)",
+              // R-T.3 — tabular numerals on any numeric run.
+              fontVariantNumeric: "tabular-nums"
+            },
+            children: meta
+          })]
+        })]
+      }), actions != null &&
+      /*#__PURE__*/
+      /* `flexShrink: 0` — the buttons keep their intrinsic width; it is the
+         filename that yields. The inverse produced squashed labels. */
+      (0, _jsxRuntime.jsx)(_Box["default"], {
+        sx: {
+          display: "flex",
+          alignItems: "center",
+          gap: "var(--s-2)",
+          flexShrink: 0
+        },
+        children: actions
+      })]
+    })
+  }));
+}
+var _default = exports["default"] = FileCard;
+//# sourceMappingURL=FileCard.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FileCard.js","names":["React","_interopRequireWildcard","require","_Box","_interopRequireDefault","_InsertDriveFileOutlined","_Surface","_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","FileCard","_ref","name","meta","icon","actions","sx","jsx","tone","radius","padding","children","jsxs","display","alignItems","justifyContent","gap","minWidth","flex","component","flexShrink","color","fontSize","title","fontWeight","whiteSpace","overflow","textOverflow","fontVariantNumeric","_default","exports"],"sources":["../../../src/lib/v2/components/FileCard.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 InsertDriveFileIcon from \"@mui/icons-material/InsertDriveFileOutlined\";\r\nimport Surface from \"./Surface\";\r\n\r\n/**\r\n * FileCard — Portnet UI v2\r\n *\r\n * A single attached document, as a row: leading icon, filename, optional meta\r\n * line, action cluster on the trailing edge.\r\n *\r\n * ─────────────────────────────────────────────────────────────────────────────\r\n * WHY THIS BELONGS IN THE LIBRARY (capability gap G-12)\r\n *\r\n * The library shipped `Dropzone` — the UPLOAD affordance — and nothing for the\r\n * state right after it: the file, once attached, being displayed. So every\r\n * screen that shows an attachment rebuilt the same row. In addpe-fe it exists\r\n * THREE times, in three files, written by hand each time:\r\n *\r\n *   - Attachment (uploaded state)      padding --s-3 --s-4\r\n *   - AutorisationPreviewDrawer (tab)  padding --s-4\r\n *   - AutorisationDetail (tab)         padding --s-4 --s-5\r\n *\r\n * Read that padding column: three values for ONE concept. Nobody decided that —\r\n * it is what happens when a recipe is retyped from memory three times, and it is\r\n * exactly what Charter R-2.1 forbids (« un même concept = un même composant +\r\n * un même libellé partout »). This component standardises on the compact\r\n * `Surface` padding; the divergence was accidental, not intentional.\r\n *\r\n * The ellipsis logic is the other reason to own this. A filename is\r\n * user-supplied, arbitrarily long, and must truncate without pushing the action\r\n * buttons off the card — which needs `minWidth: 0` on the right ancestors and\r\n * `flexShrink: 0` on the wrong ones. Two of the three local copies had it; the\r\n * third relied on its container being wide enough.\r\n * ─────────────────────────────────────────────────────────────────────────────\r\n *\r\n *   <FileCard\r\n *     name={doc.documentName || \"Document.pdf\"}\r\n *     meta=\"248,50 Ko\"\r\n *     actions={\r\n *       <Button variant=\"secondary\" size=\"sm\" icon={<CloudDownload />} onClick={dl}>\r\n *         Télécharger\r\n *       </Button>\r\n *     }\r\n *   />\r\n *\r\n * Presentational by design: no href, no fetching, no delete confirmation. Hosts\r\n * own those (a blob URL, an API call, a `ConfirmDialog`) and pass the resulting\r\n * buttons through `actions`.\r\n *\r\n * `name` is REQUIRED and typed `string`, deliberately. A filename fallback\r\n * (\"Document.pdf\") is French copy and a business decision about what an unnamed\r\n * attachment is called — that belongs to the host, not to the design system, and\r\n * defaulting it here would silently hide a missing backend field. The `string`\r\n * type also lets the component set `title={name}` so the full filename stays\r\n * reachable on hover once it is ellipsized.\r\n */\r\n\r\nexport interface FileCardProps {\r\n  /** Filename. Ellipsized when it overflows; mirrored into `title`. */\r\n  name: string;\r\n  /**\r\n   * Secondary line — size, date, content type. Rendered with tabular numerals\r\n   * so a column of file sizes aligns (R-T.3).\r\n   */\r\n  meta?: React.ReactNode | undefined;\r\n  /**\r\n   * Leading icon. Defaults to a generic document glyph; pass a specific one when\r\n   * the card's primary action is what identifies it (a download cloud, say).\r\n   * Rendered `aria-hidden` — the filename is the accessible name (R-Ar.2).\r\n   */\r\n  icon?: React.ReactNode | undefined;\r\n  /** Trailing action cluster. Pass `Button`s; the card does not invent any. */\r\n  actions?: React.ReactNode | undefined;\r\n  sx?: SxProps<Theme> | undefined;\r\n}\r\n\r\nfunction FileCard({ name, meta, icon, actions, sx }: FileCardProps) {\r\n  return (\r\n    <Surface\r\n      tone=\"subtle\"\r\n      radius=\"md\"\r\n      padding=\"compact\"\r\n      {...(sx !== undefined ? { sx } : {})}\r\n    >\r\n      <Box\r\n        sx={{\r\n          display: \"flex\",\r\n          alignItems: \"center\",\r\n          justifyContent: \"space-between\",\r\n          gap: \"var(--s-3)\",\r\n        }}\r\n      >\r\n        {/* Identity block. `minWidth: 0` is load-bearing: without it a flex item\r\n            refuses to shrink below its content width and the filename pushes the\r\n            action cluster out of the card instead of truncating. */}\r\n        <Box\r\n          sx={{\r\n            display: \"flex\",\r\n            alignItems: \"center\",\r\n            gap: \"var(--s-3)\",\r\n            minWidth: 0,\r\n            flex: 1,\r\n          }}\r\n        >\r\n          <Box\r\n            component=\"span\"\r\n            aria-hidden=\"true\"\r\n            /* Test hook. The icon wrapper carries no role and no accessible\r\n             * name — by design — so there is no semantic query that can reach\r\n             * it, and the repo's eslint config rightly forbids container\r\n             * queries and direct node access in tests. A stable testid is the\r\n             * sanctioned escape hatch, and the contract it guards (R-Ar.2: a\r\n             * decorative glyph must NOT be announced) is worth a hook. */\r\n            data-testid=\"filecard-icon\"\r\n            sx={{\r\n              display: \"inline-flex\",\r\n              flexShrink: 0,\r\n              color: \"var(--accent)\",\r\n              // --text-display is the 26px token; the glyph sits at the optical\r\n              // scale the three local copies had converged on.\r\n              \"& > *\": { fontSize: \"var(--text-display)\" },\r\n            }}\r\n          >\r\n            {icon ?? <InsertDriveFileIcon />}\r\n          </Box>\r\n\r\n          <Box sx={{ minWidth: 0 }}>\r\n            <Box\r\n              title={name}\r\n              sx={{\r\n                fontSize: \"var(--text-sm)\",\r\n                fontWeight: \"var(--fw-semibold)\",\r\n                color: \"var(--fg)\",\r\n                whiteSpace: \"nowrap\",\r\n                overflow: \"hidden\",\r\n                textOverflow: \"ellipsis\",\r\n              }}\r\n            >\r\n              {name}\r\n            </Box>\r\n            {meta != null && meta !== \"\" && (\r\n              <Box\r\n                /* Test hook — same rationale as filecard-icon. The contract is\r\n                 * that this line is ABSENT rather than empty: a blank second\r\n                 * line reads as missing data and changes the row height, which\r\n                 * breaks the alignment of a list of files. \"Absent, not empty\"\r\n                 * cannot be expressed by a text query. */\r\n                data-testid=\"filecard-meta\"\r\n                sx={{\r\n                  fontSize: \"var(--text-xs)\",\r\n                  color: \"var(--fg-subtle)\",\r\n                  // R-T.3 — tabular numerals on any numeric run.\r\n                  fontVariantNumeric: \"tabular-nums\",\r\n                }}\r\n              >\r\n                {meta}\r\n              </Box>\r\n            )}\r\n          </Box>\r\n        </Box>\r\n\r\n        {actions != null && (\r\n          /* `flexShrink: 0` — the buttons keep their intrinsic width; it is the\r\n             filename that yields. The inverse produced squashed labels. */\r\n          <Box\r\n            sx={{\r\n              display: \"flex\",\r\n              alignItems: \"center\",\r\n              gap: \"var(--s-2)\",\r\n              flexShrink: 0,\r\n            }}\r\n          >\r\n            {actions}\r\n          </Box>\r\n        )}\r\n      </Box>\r\n    </Surface>\r\n  );\r\n}\r\n\r\nexport default FileCard;\r\n"],"mappings":"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","ignoreList":[]}

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

@@ -17,18 +17,18 @@ import * as React from "react";
  */
 export type FilterTabVariant = "neutral" | "new" | "sent" | "pending" | "approved" | "rejected";
 export interface FilterTabLabels {
-    countLabel?: (n: number) => string;
-    shortcutHint?: (s: string) => string;
+    countLabel?: ((n: number) => string) | undefined;
+    shortcutHint?: ((s: string) => string) | undefined;
 }
 export interface FilterTabProps {
-    active?: boolean;
-    count?: number;
+    active?: boolean | undefined;
+    count?: number | undefined;
     /** neutral | new | sent | pending | approved | rejected */
-    variant?: FilterTabVariant;
-    onClick?: React.MouseEventHandler<HTMLButtonElement>;
-    shortcut?: string;
-    labels?: FilterTabLabels;
-    children?: React.ReactNode;
+    variant?: FilterTabVariant | undefined;
+    onClick?: React.MouseEventHandler<HTMLButtonElement> | undefined;
+    shortcut?: string | undefined;
+    labels?: FilterTabLabels | undefined;
+    children?: React.ReactNode | undefined;
 }
 declare function FilterTab({ active, count, variant, onClick, shortcut, labels, children, }: FilterTabProps): React.JSX.Element;
 export default FilterTab;

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

@@ -1 +1 @@
-{"version":3,"file":"FilterTab.d.ts","sourceRoot":"","sources":["../../../src/lib/v2/components/FilterTab.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B;;;;;;;;;;;;;;;GAeG;AAEH,MAAM,MAAM,gBAAgB,GACxB,SAAS,GACT,KAAK,GACL,MAAM,GACN,SAAS,GACT,UAAU,GACV,UAAU,CAAC;AAwBf,MAAM,WAAW,eAAe;IAC9B,UAAU,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,MAAM,CAAC;IACnC,YAAY,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,MAAM,CAAC;CACtC;AAED,MAAM,WAAW,cAAc;IAC7B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,2DAA2D;IAC3D,OAAO,CAAC,EAAE,gBAAgB,CAAC;IAC3B,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IACrD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,eAAe,CAAC;IACzB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,iBAAS,SAAS,CAAC,EACjB,MAAc,EACd,KAAK,EACL,OAAmB,EACnB,OAAO,EACP,QAAQ,EACR,MAAM,EACN,QAAQ,GACT,EAAE,cAAc,qBAuEhB;AAED,eAAe,SAAS,CAAC"}
+{"version":3,"file":"FilterTab.d.ts","sourceRoot":"","sources":["../../../src/lib/v2/components/FilterTab.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B;;;;;;;;;;;;;;;GAeG;AAEH,MAAM,MAAM,gBAAgB,GACxB,SAAS,GACT,KAAK,GACL,MAAM,GACN,SAAS,GACT,UAAU,GACV,UAAU,CAAC;AAwBf,MAAM,WAAW,eAAe;IAC9B,UAAU,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,MAAM,KAAK,MAAM,CAAC,GAAG,SAAS,CAAC;IACjD,YAAY,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,MAAM,KAAK,MAAM,CAAC,GAAG,SAAS,CAAC;CACpD;AAED,MAAM,WAAW,cAAc;IAC7B,MAAM,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC7B,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,2DAA2D;IAC3D,OAAO,CAAC,EAAE,gBAAgB,GAAG,SAAS,CAAC;IACvC,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,GAAG,SAAS,CAAC;IACjE,QAAQ,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC9B,MAAM,CAAC,EAAE,eAAe,GAAG,SAAS,CAAC;IACrC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,SAAS,CAAC;CACxC;AAED,iBAAS,SAAS,CAAC,EACjB,MAAc,EACd,KAAK,EACL,OAAmB,EACnB,OAAO,EACP,QAAQ,EACR,MAAM,EACN,QAAQ,GACT,EAAE,cAAc,qBAuEhB;AAED,eAAe,SAAS,CAAC"}

package/dist/v2/components/FilterTab.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports["default"] = void 0;
 var React = _interopRequireWildcard(require("react"));
 var _Box = _interopRequireDefault(require("@mui/material/Box"));
+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); }
@@ -79,7 +80,7 @@ function FilterTab(_ref) {
     labels = _ref.labels,
     children = _ref.children;
   var palette = PALETTES[variant] || PALETTES.neutral;
-  var L = labels ? _objectSpread(_objectSpread({}, DEFAULT_LABELS), labels) : DEFAULT_LABELS;
+  var L = (0, _mergeLabels.mergeLabels)(DEFAULT_LABELS, labels);
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box["default"], {
     component: "button",
     type: "button",

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

@@ -1 +1 @@
-{"version":3,"file":"FilterTab.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","PALETTES","neutral","activeBg","activeFg","sent","pending","approved","rejected","DEFAULT_LABELS","freeze","countLabel","n","concat","shortcutHint","s","FilterTab","_ref","_ref$active","active","count","_ref$variant","variant","onClick","shortcut","labels","children","palette","L","jsxs","component","type","title","sx","display","alignItems","gap","padding","borderRadius","border","background","color","fontSize","fontWeight","cursor","fontFamily","transition","outline","outlineOffset","jsx","minWidth","lineHeight","textAlign","_default","exports"],"sources":["../../../src/lib/v2/components/FilterTab.tsx"],"sourcesContent":["import * as React from \"react\";\r\nimport Box from \"@mui/material/Box\";\r\n\r\n/**\r\n * FilterTab - Portnet UI v2\r\n *\r\n * Charter §03 · Component \"FilterTabs\". Pills used to quickly filter a list\r\n * by status, with an active-state count and pop animation on update.\r\n *\r\n *   <FilterTab active={filter === \"all\"} count={42} onClick={() => setFilter(\"all\")}>\r\n *     Tous\r\n *   </FilterTab>\r\n *\r\n * Localisation (FR / EN / AR):\r\n *   <FilterTab labels={{\r\n *     countLabel:   (n) => `${n} items`,\r\n *     shortcutHint: (s) => `Shortcut: ${s}`,\r\n *   }} ... />\r\n */\r\n\r\nexport type FilterTabVariant =\r\n  | \"neutral\"\r\n  | \"new\"\r\n  | \"sent\"\r\n  | \"pending\"\r\n  | \"approved\"\r\n  | \"rejected\";\r\n\r\ninterface PaletteEntry {\r\n  activeBg: string;\r\n  activeFg: string;\r\n}\r\n\r\n// Module-scoped to avoid Temporal Dead Zone when an invalid `variant` is\r\n// passed: a local-const initialiser referencing palette.neutral before\r\n// palette finished initialising would throw ReferenceError.\r\nconst PALETTES: Record<FilterTabVariant, PaletteEntry> = {\r\n  neutral:  { activeBg: \"var(--accent-soft)\",          activeFg: \"var(--accent)\" },\r\n  new:      { activeBg: \"var(--status-new-soft)\",      activeFg: \"var(--status-new-fg)\" },\r\n  sent:     { activeBg: \"var(--status-sent-soft)\",     activeFg: \"var(--status-sent-fg)\" },\r\n  pending:  { activeBg: \"var(--status-pending-soft)\",  activeFg: \"var(--status-pending-fg)\" },\r\n  approved: { activeBg: \"var(--status-approved-soft)\", activeFg: \"var(--status-approved-fg)\" },\r\n  rejected: { activeBg: \"var(--status-rejected-soft)\", activeFg: \"var(--status-rejected-fg)\" },\r\n};\r\n\r\nconst DEFAULT_LABELS = Object.freeze({\r\n  countLabel:   (n: number): string => `${n} éléments`,\r\n  shortcutHint: (s: string): string => `Raccourci : ${s}`,\r\n});\r\n\r\nexport interface FilterTabLabels {\r\n  countLabel?: (n: number) => string;\r\n  shortcutHint?: (s: string) => string;\r\n}\r\n\r\nexport interface FilterTabProps {\r\n  active?: boolean;\r\n  count?: number;\r\n  /** neutral | new | sent | pending | approved | rejected */\r\n  variant?: FilterTabVariant;\r\n  onClick?: React.MouseEventHandler<HTMLButtonElement>;\r\n  shortcut?: string;\r\n  labels?: FilterTabLabels;\r\n  children?: React.ReactNode;\r\n}\r\n\r\nfunction FilterTab({\r\n  active = false,\r\n  count,\r\n  variant = \"neutral\",\r\n  onClick,\r\n  shortcut,\r\n  labels,\r\n  children,\r\n}: FilterTabProps) {\r\n  const palette = PALETTES[variant] || PALETTES.neutral;\r\n  const L = labels ? { ...DEFAULT_LABELS, ...labels } : DEFAULT_LABELS;\r\n\r\n  return (\r\n    <Box\r\n      component=\"button\"\r\n      type=\"button\"\r\n      aria-pressed={active}\r\n      onClick={onClick}\r\n      title={shortcut ? L.shortcutHint(shortcut) : undefined}\r\n      sx={{\r\n        display: \"inline-flex\",\r\n        alignItems: \"center\",\r\n        gap: \"var(--s-2)\",\r\n        // Compact pill: 5/12 px in literal terms, expressed against\r\n        // the spacing scale so any future rescale propagates.\r\n        padding: \"calc(var(--s-1) + 1px) var(--s-3)\",\r\n        borderRadius: \"var(--r-full)\",\r\n        border: `1px solid ${active ? \"var(--accent)\" : \"var(--border)\"}`,\r\n        background: active ? palette.activeBg : \"var(--surface)\",\r\n        color: active ? palette.activeFg : \"var(--fg-muted)\",\r\n        fontSize: \"var(--text-xs)\",\r\n        // Was 650 (banned) / 500. var(--fw-semibold) is the canonical\r\n        // emphasised weight; var(--fw-medium) the resting one.\r\n        fontWeight: active ? \"var(--fw-semibold)\" : \"var(--fw-medium)\",\r\n        cursor: \"pointer\",\r\n        fontFamily: \"inherit\",\r\n        transition:\r\n          \"background var(--duration-fast, 120ms) ease, \" +\r\n          \"color var(--duration-fast, 120ms) ease, \" +\r\n          \"border-color var(--duration-fast, 120ms) ease\",\r\n        // R-F.1 - focus-visible required, charter §05. The previous\r\n        // implementation had NO focus style; keyboard users got no\r\n        // feedback when tabbing through filter chips.\r\n        \"&:focus-visible\": {\r\n          outline: \"2px solid var(--accent)\",\r\n          outlineOffset: \"var(--pui-outline-offset)\",\r\n        },\r\n        \"&:hover\": {\r\n          ...(!active ? { background: \"var(--bg-hover)\" } : {}),\r\n        },\r\n      }}\r\n    >\r\n      <span>{children}</span>\r\n      {count != null && (\r\n        <Box\r\n          component=\"span\"\r\n          aria-label={L.countLabel(count)}\r\n          sx={{\r\n            display: \"inline-block\",\r\n            minWidth: 16,\r\n            padding: \"0 var(--s-1)\",\r\n            fontSize: \"var(--text-xs)\",\r\n            fontWeight: \"var(--fw-bold)\",\r\n            // Active keeps the accent emphasis (unchanged). Inactive now\r\n            // takes the variant palette (soft bg + status fg) so status\r\n            // counts stay colour-coded instead of greying out; neutral\r\n            // resolves to accent-soft / accent.\r\n            background: active ? \"var(--accent)\" : palette.activeBg,\r\n            color: active ? \"var(--accent-fg)\" : palette.activeFg,\r\n            borderRadius: \"var(--r-full)\",\r\n            lineHeight: \"var(--lh-snug)\",\r\n            textAlign: \"center\",\r\n          }}\r\n        >\r\n          {count}\r\n        </Box>\r\n      )}\r\n    </Box>\r\n  );\r\n}\r\n\r\nexport default FilterTab;\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"FilterTab.js","names":["React","_interopRequireWildcard","require","_Box","_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","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","PALETTES","neutral","activeBg","activeFg","sent","pending","approved","rejected","DEFAULT_LABELS","freeze","countLabel","n","concat","shortcutHint","s","FilterTab","_ref","_ref$active","active","count","_ref$variant","variant","onClick","shortcut","labels","children","palette","L","mergeLabels","jsxs","component","type","title","sx","display","alignItems","gap","padding","borderRadius","border","background","color","fontSize","fontWeight","cursor","fontFamily","transition","outline","outlineOffset","jsx","minWidth","lineHeight","textAlign","_default","exports"],"sources":["../../../src/lib/v2/components/FilterTab.tsx"],"sourcesContent":["import * as React from \"react\";\r\nimport Box from \"@mui/material/Box\";\r\nimport { mergeLabels } from \"../utils/mergeLabels\";\r\n\r\n/**\r\n * FilterTab - Portnet UI v2\r\n *\r\n * Charter §03 · Component \"FilterTabs\". Pills used to quickly filter a list\r\n * by status, with an active-state count and pop animation on update.\r\n *\r\n *   <FilterTab active={filter === \"all\"} count={42} onClick={() => setFilter(\"all\")}>\r\n *     Tous\r\n *   </FilterTab>\r\n *\r\n * Localisation (FR / EN / AR):\r\n *   <FilterTab labels={{\r\n *     countLabel:   (n) => `${n} items`,\r\n *     shortcutHint: (s) => `Shortcut: ${s}`,\r\n *   }} ... />\r\n */\r\n\r\nexport type FilterTabVariant =\r\n  | \"neutral\"\r\n  | \"new\"\r\n  | \"sent\"\r\n  | \"pending\"\r\n  | \"approved\"\r\n  | \"rejected\";\r\n\r\ninterface PaletteEntry {\r\n  activeBg: string;\r\n  activeFg: string;\r\n}\r\n\r\n// Module-scoped to avoid Temporal Dead Zone when an invalid `variant` is\r\n// passed: a local-const initialiser referencing palette.neutral before\r\n// palette finished initialising would throw ReferenceError.\r\nconst PALETTES: Record<FilterTabVariant, PaletteEntry> = {\r\n  neutral:  { activeBg: \"var(--accent-soft)\",          activeFg: \"var(--accent)\" },\r\n  new:      { activeBg: \"var(--status-new-soft)\",      activeFg: \"var(--status-new-fg)\" },\r\n  sent:     { activeBg: \"var(--status-sent-soft)\",     activeFg: \"var(--status-sent-fg)\" },\r\n  pending:  { activeBg: \"var(--status-pending-soft)\",  activeFg: \"var(--status-pending-fg)\" },\r\n  approved: { activeBg: \"var(--status-approved-soft)\", activeFg: \"var(--status-approved-fg)\" },\r\n  rejected: { activeBg: \"var(--status-rejected-soft)\", activeFg: \"var(--status-rejected-fg)\" },\r\n};\r\n\r\nconst DEFAULT_LABELS = Object.freeze({\r\n  countLabel:   (n: number): string => `${n} éléments`,\r\n  shortcutHint: (s: string): string => `Raccourci : ${s}`,\r\n});\r\n\r\nexport interface FilterTabLabels {\r\n  countLabel?: ((n: number) => string) | undefined;\r\n  shortcutHint?: ((s: string) => string) | undefined;\r\n}\r\n\r\nexport interface FilterTabProps {\r\n  active?: boolean | undefined;\r\n  count?: number | undefined;\r\n  /** neutral | new | sent | pending | approved | rejected */\r\n  variant?: FilterTabVariant | undefined;\r\n  onClick?: React.MouseEventHandler<HTMLButtonElement> | undefined;\r\n  shortcut?: string | undefined;\r\n  labels?: FilterTabLabels | undefined;\r\n  children?: React.ReactNode | undefined;\r\n}\r\n\r\nfunction FilterTab({\r\n  active = false,\r\n  count,\r\n  variant = \"neutral\",\r\n  onClick,\r\n  shortcut,\r\n  labels,\r\n  children,\r\n}: FilterTabProps) {\r\n  const palette = PALETTES[variant] || PALETTES.neutral;\r\n  const L = mergeLabels(DEFAULT_LABELS, labels);\r\n\r\n  return (\r\n    <Box\r\n      component=\"button\"\r\n      type=\"button\"\r\n      aria-pressed={active}\r\n      onClick={onClick}\r\n      title={shortcut ? L.shortcutHint(shortcut) : undefined}\r\n      sx={{\r\n        display: \"inline-flex\",\r\n        alignItems: \"center\",\r\n        gap: \"var(--s-2)\",\r\n        // Compact pill: 5/12 px in literal terms, expressed against\r\n        // the spacing scale so any future rescale propagates.\r\n        padding: \"calc(var(--s-1) + 1px) var(--s-3)\",\r\n        borderRadius: \"var(--r-full)\",\r\n        border: `1px solid ${active ? \"var(--accent)\" : \"var(--border)\"}`,\r\n        background: active ? palette.activeBg : \"var(--surface)\",\r\n        color: active ? palette.activeFg : \"var(--fg-muted)\",\r\n        fontSize: \"var(--text-xs)\",\r\n        // Was 650 (banned) / 500. var(--fw-semibold) is the canonical\r\n        // emphasised weight; var(--fw-medium) the resting one.\r\n        fontWeight: active ? \"var(--fw-semibold)\" : \"var(--fw-medium)\",\r\n        cursor: \"pointer\",\r\n        fontFamily: \"inherit\",\r\n        transition:\r\n          \"background var(--duration-fast, 120ms) ease, \" +\r\n          \"color var(--duration-fast, 120ms) ease, \" +\r\n          \"border-color var(--duration-fast, 120ms) ease\",\r\n        // R-F.1 - focus-visible required, charter §05. The previous\r\n        // implementation had NO focus style; keyboard users got no\r\n        // feedback when tabbing through filter chips.\r\n        \"&:focus-visible\": {\r\n          outline: \"2px solid var(--accent)\",\r\n          outlineOffset: \"var(--pui-outline-offset)\",\r\n        },\r\n        \"&:hover\": {\r\n          ...(!active ? { background: \"var(--bg-hover)\" } : {}),\r\n        },\r\n      }}\r\n    >\r\n      <span>{children}</span>\r\n      {count != null && (\r\n        <Box\r\n          component=\"span\"\r\n          aria-label={L.countLabel(count)}\r\n          sx={{\r\n            display: \"inline-block\",\r\n            minWidth: 16,\r\n            padding: \"0 var(--s-1)\",\r\n            fontSize: \"var(--text-xs)\",\r\n            fontWeight: \"var(--fw-bold)\",\r\n            // Active keeps the accent emphasis (unchanged). Inactive now\r\n            // takes the variant palette (soft bg + status fg) so status\r\n            // counts stay colour-coded instead of greying out; neutral\r\n            // resolves to accent-soft / accent.\r\n            background: active ? \"var(--accent)\" : palette.activeBg,\r\n            color: active ? \"var(--accent-fg)\" : palette.activeFg,\r\n            borderRadius: \"var(--r-full)\",\r\n            lineHeight: \"var(--lh-snug)\",\r\n            textAlign: \"center\",\r\n          }}\r\n        >\r\n          {count}\r\n        </Box>\r\n      )}\r\n    </Box>\r\n  );\r\n}\r\n\r\nexport default FilterTab;\r\n"],"mappings":"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","ignoreList":[]}

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

@@ -50,10 +50,15 @@ export interface FormGridProps extends Omit<BoxProps, "gap"> {
      *   4 → 1col xs / 2col sm / 4col md (champs courts)
      * Mutually exclusive avec minColumnWidth.
      */
-    columns?: number;
+    columns?: number | undefined;
     /** Auto-fill adaptatif — tracks d'au moins N px de large. */
-    minColumnWidth?: number;
-    gap?: string | number;
+    minColumnWidth?: number | undefined;
+    /**
+     * Gap de la grille. Défaut `var(--s-4)` — la charte §2.3 assigne
+     * explicitement `-s-4` (16px) à « Gap formulaire (default) », `-s-3` (12px)
+     * étant réservé au « Padding cards compact ». Gap G-13.
+     */
+    gap?: string | number | undefined;
 }
 declare function FormGrid({ children, columns, minColumnWidth, gap, sx, ...rest }: FormGridProps): React.JSX.Element;
 export type FormGridFullProps = BoxProps;
@@ -65,7 +70,7 @@ export interface FormGridItemProps extends BoxProps {
      * sm → toujours span 1 (grille 2-col tablette).
      * Default : 1.
      */
-    span?: number;
+    span?: number | undefined;
 }
 declare function FormGridItem({ span, children, sx, ...rest }: FormGridItemProps): React.JSX.Element;
 declare const FormGridWithStatics: typeof FormGrid & {

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

@@ -1 +1 @@
-{"version":3,"file":"FormGrid.d.ts","sourceRoot":"","sources":["../../../src/lib/v2/components/FormGrid.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAElD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwCG;AACH,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,QAAQ,EAAE,KAAK,CAAC;IAC1D;;;;;;;OAOG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,6DAA6D;IAC7D,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACvB;AAED,iBAAS,QAAQ,CAAC,EAChB,QAAQ,EACR,OAAO,EACP,cAAc,EACd,GAAG,EACH,EAAE,EACF,GAAG,IAAI,EACR,EAAE,aAAa,qBAqDf;AAMD,MAAM,MAAM,iBAAiB,GAAG,QAAQ,CAAC;AAEzC,iBAAS,YAAY,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,GAAG,IAAI,EAAE,EAAE,iBAAiB,qBAMjE;AAUD,MAAM,WAAW,iBAAkB,SAAQ,QAAQ;IACjD;;;;;OAKG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,iBAAS,YAAY,CAAC,EAAE,IAAQ,EAAE,QAAQ,EAAE,EAAE,EAAE,GAAG,IAAI,EAAE,EAAE,iBAAiB,qBAiB3E;AAED,QAAA,MAAM,mBAAmB;;;CAGvB,CAAC;AAEH,eAAe,mBAAmB,CAAC"}
+{"version":3,"file":"FormGrid.d.ts","sourceRoot":"","sources":["../../../src/lib/v2/components/FormGrid.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAElD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwCG;AACH,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,QAAQ,EAAE,KAAK,CAAC;IAC1D;;;;;;;OAOG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC7B,6DAA6D;IAC7D,cAAc,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACpC;;;;OAIG;IACH,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC;CACnC;AAED,iBAAS,QAAQ,CAAC,EAChB,QAAQ,EACR,OAAO,EACP,cAAc,EACd,GAAG,EACH,EAAE,EACF,GAAG,IAAI,EACR,EAAE,aAAa,qBA+Df;AAMD,MAAM,MAAM,iBAAiB,GAAG,QAAQ,CAAC;AAEzC,iBAAS,YAAY,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,GAAG,IAAI,EAAE,EAAE,iBAAiB,qBAMjE;AAUD,MAAM,WAAW,iBAAkB,SAAQ,QAAQ;IACjD;;;;;OAKG;IACH,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAC3B;AAED,iBAAS,YAAY,CAAC,EAAE,IAAQ,EAAE,QAAQ,EAAE,EAAE,EAAE,GAAG,IAAI,EAAE,EAAE,iBAAiB,qBAiB3E;AAED,QAAA,MAAM,mBAAmB;;;CAGvB,CAAC;AAEH,eAAe,mBAAmB,CAAC"}

package/dist/v2/components/FormGrid.js

@@ -112,7 +112,17 @@ function FormGrid(_ref) {
     sx: _objectSpread({
       display: "grid",
       gridTemplateColumns: gridTemplateColumns,
-      gap: gap || "var(--s-3)",
+      /* Charter §2.3 — `-s-4` (16px) EST le « Gap formulaire (default) » ; le
+       * défaut précédent était `-s-3` (12px), que la même table réserve au
+       * « Padding cards compact ». Le composant canonique de grille de
+       * formulaire contredisait donc la valeur par défaut de la charte, et
+       * chaque module compensait en passant `gap` à la main. Changement
+       * VISUEL fleet-wide 12→16px sur toute grille sans `gap` explicite —
+       * même classe de correction que le 15→16px des titres FormSection.
+       *
+       * `??` et non `||` : `gap={0}` est une valeur légitime que `||`
+       * écrasait silencieusement par le défaut. */
+      gap: gap !== null && gap !== void 0 ? gap : "var(--s-4)",
       alignItems: "start"
     }, sx)
   }, rest), {}, {

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

@@ -1 +1 @@
-{"version":3,"file":"FormGrid.js","names":["React","_interopRequireWildcard","require","_Box","_interopRequireDefault","_jsxRuntime","_excluded","_excluded2","_excluded3","obj","__esModule","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","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","Symbol","toPrimitive","undefined","res","TypeError","Number","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","FormGrid","_ref","children","columns","minColumnWidth","gap","sx","rest","gridTemplateColumns","useMemo","xs","sm","concat","cols","md","jsx","display","alignItems","FormGridFull","_ref2","gridColumn","minWidth","FormGridItem","_ref3","_ref3$span","span","FormGridWithStatics","assign","Item","Full","_default","exports"],"sources":["../../../src/lib/v2/components/FormGrid.tsx"],"sourcesContent":["import * as React from \"react\";\r\nimport Box from \"@mui/material/Box\";\r\nimport type { BoxProps } from \"@mui/material/Box\";\r\n\r\n/**\r\n * FormGrid — Portnet UI v2\r\n *\r\n * Charter §03 R-3.2 — canonical RESPONSIVE form grid.\r\n *\r\n * ── Breakpoint strategy (aligné addpe-fe) ───────────────────────────\r\n *\r\n *   Les clés xs/sm/md ci-dessous résolvent contre l'échelle de tokens\r\n *   Portnet câblée dans le thème MUI (Batch 1), PAS les défauts MUI :\r\n *\r\n *   xs  (<481px)    : 1 colonne  — mobile, chaque champ pleine largeur\r\n *   sm  (481-767px) : 2 colonnes — tablette / grand mobile (transition douce)\r\n *   md  (≥768px)    : N colonnes — desktop (layout cible)\r\n *\r\n *   Source: addpe-fe/AutorisationForm.js\r\n *     gridTemplateColumns: { xs: \"1fr\", sm: \"1fr 1fr\", md: \"repeat(3, 1fr)\" }\r\n *\r\n * ── Presets ─────────────────────────────────────────────────────────\r\n *\r\n *   columns={1} → toujours 1 col (textarea, notes, upload)\r\n *   columns={2} → 1col xs / 2col sm+ (formulaires courts)\r\n *   columns={3} → 1col xs / 2col sm / 3col md  (DEFAULT FormSection)\r\n *   columns={4} → 1col xs / 2col sm / 4col md  (champs courts : codes, dates)\r\n *   minColumnWidth={N} → auto-fill adaptatif, 1col xs\r\n *\r\n * ── Sous-composants ─────────────────────────────────────────────────\r\n *\r\n *   <FormGrid.Full>        → span toutes colonnes (textarea, tables)\r\n *   <FormGrid.Item span>   → span explicite (sm+), full-width xs\r\n *\r\n * ── Exemple ─────────────────────────────────────────────────────────\r\n *\r\n *   <FormGrid columns={3}>\r\n *     <FormikInput name=\"nom\"    label=\"Nom\" />\r\n *     <FormikInput name=\"prenom\" label=\"Prénom\" />\r\n *     <FormikInput name=\"code\"   label=\"Code\" />\r\n *     <FormGrid.Full>\r\n *       <FormikTextarea name=\"obs\" label=\"Observations\" />\r\n *     </FormGrid.Full>\r\n *   </FormGrid>\r\n */\r\nexport interface FormGridProps extends Omit<BoxProps, \"gap\"> {\r\n  /**\r\n   * Nombre de colonnes égales.\r\n   *   1 → pleine largeur (notes, textarea)\r\n   *   2 → 2 cols sm+\r\n   *   3 → DEFAULT FormSection : 1col xs / 2col sm / 3col md\r\n   *   4 → 1col xs / 2col sm / 4col md (champs courts)\r\n   * Mutually exclusive avec minColumnWidth.\r\n   */\r\n  columns?: number;\r\n  /** Auto-fill adaptatif — tracks d'au moins N px de large. */\r\n  minColumnWidth?: number;\r\n  gap?: string | number;\r\n}\r\n\r\nfunction FormGrid({\r\n  children,\r\n  columns,\r\n  minColumnWidth,\r\n  gap,\r\n  sx,\r\n  ...rest\r\n}: FormGridProps) {\r\n  const gridTemplateColumns = React.useMemo(() => {\r\n    /* Auto-fill adaptatif — minColumnWidth prime sur columns.\r\n     * min(${minColumnWidth}px, 100%) borne la largeur mini de chaque\r\n     * piste à celle du conteneur : au-dessus de sm, une piste ne peut\r\n     * jamais dépasser le conteneur (pas de débordement / Reflow 1.4.10). */\r\n    if (minColumnWidth) {\r\n      return {\r\n        xs: \"1fr\",\r\n        sm: `repeat(auto-fill, minmax(min(${minColumnWidth}px, 100%), 1fr))`,\r\n      };\r\n    }\r\n\r\n    const cols = typeof columns === \"number\" && columns > 0 ? columns : 3;\r\n\r\n    /* Colonne unique — textarea, notes, upload : toujours pleine largeur */\r\n    if (cols === 1) return \"1fr\";\r\n\r\n    /* 2 colonnes — dès tablette (sm), pas d'échelon md nécessaire */\r\n    if (cols === 2) {\r\n      return { xs: \"1fr\", sm: \"repeat(2, minmax(0, 1fr))\" };\r\n    }\r\n\r\n    /*\r\n     * 3+ colonnes — 3 échelons :\r\n     *   xs : 1 col  (mobile)\r\n     *   sm : 2 cols (tablette — transition douce, évite les champs trop étroits)\r\n     *   md : N cols (desktop — layout cible)\r\n     *\r\n     * Identique au pattern addpe-fe :\r\n     *   { xs:\"1fr\", sm:\"1fr 1fr\", md:\"repeat(3, 1fr)\" }\r\n     */\r\n    return {\r\n      xs: \"1fr\",\r\n      sm: \"repeat(2, minmax(0, 1fr))\",\r\n      md: `repeat(${cols}, minmax(0, 1fr))`,\r\n    };\r\n  }, [columns, minColumnWidth]);\r\n\r\n  return (\r\n    <Box\r\n      sx={{\r\n        display: \"grid\",\r\n        gridTemplateColumns,\r\n        gap: gap || \"var(--s-3)\",\r\n        alignItems: \"start\",\r\n        ...sx,\r\n      }}\r\n      {...rest}\r\n    >\r\n      {children}\r\n    </Box>\r\n  );\r\n}\r\n\r\n/* ── FormGrid.Full ────────────────────────────────────────────────────\r\n * Span toutes les colonnes à tous les breakpoints.\r\n * Usage : textareas, file uploads, sub-tables, notes.\r\n */\r\nexport type FormGridFullProps = BoxProps;\r\n\r\nfunction FormGridFull({ children, sx, ...rest }: FormGridFullProps) {\r\n  return (\r\n    <Box sx={{ gridColumn: \"1 / -1\", minWidth: 0, ...sx }} {...rest}>\r\n      {children}\r\n    </Box>\r\n  );\r\n}\r\n\r\n/* ── FormGrid.Item ────────────────────────────────────────────────────\r\n * Span explicite par breakpoint.\r\n *   xs  → toujours pleine largeur (1 / -1)\r\n *   sm  → span 1 (une cellule dans la grille 2-col tablette)\r\n *   md  → span explicite (grille N-col desktop)\r\n *\r\n * Usage : Description (span=2 sur desktop, full-width mobile/tablette)\r\n */\r\nexport interface FormGridItemProps extends BoxProps {\r\n  /**\r\n   * Colonnes à couvrir sur md+ (desktop).\r\n   * xs → toujours 1/-1 (pleine largeur).\r\n   * sm → toujours span 1 (grille 2-col tablette).\r\n   * Default : 1.\r\n   */\r\n  span?: number;\r\n}\r\n\r\nfunction FormGridItem({ span = 1, children, sx, ...rest }: FormGridItemProps) {\r\n  return (\r\n    <Box\r\n      sx={{\r\n        gridColumn: {\r\n          xs: \"1 / -1\",          /* mobile : toujours pleine largeur */\r\n          sm: \"span 1\",          /* tablette (2-col) : 1 cellule */\r\n          md: `span ${span}`,    /* desktop (N-col) : span explicite */\r\n        },\r\n        minWidth: 0,\r\n        ...sx,\r\n      }}\r\n      {...rest}\r\n    >\r\n      {children}\r\n    </Box>\r\n  );\r\n}\r\n\r\nconst FormGridWithStatics = Object.assign(FormGrid, {\r\n  Item: FormGridItem,\r\n  Full: FormGridFull,\r\n});\r\n\r\nexport default FormGridWithStatics;\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"FormGrid.js","names":["React","_interopRequireWildcard","require","_Box","_interopRequireDefault","_jsxRuntime","_excluded","_excluded2","_excluded3","obj","__esModule","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","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","Symbol","toPrimitive","undefined","res","TypeError","Number","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","FormGrid","_ref","children","columns","minColumnWidth","gap","sx","rest","gridTemplateColumns","useMemo","xs","sm","concat","cols","md","jsx","display","alignItems","FormGridFull","_ref2","gridColumn","minWidth","FormGridItem","_ref3","_ref3$span","span","FormGridWithStatics","assign","Item","Full","_default","exports"],"sources":["../../../src/lib/v2/components/FormGrid.tsx"],"sourcesContent":["import * as React from \"react\";\r\nimport Box from \"@mui/material/Box\";\r\nimport type { BoxProps } from \"@mui/material/Box\";\r\n\r\n/**\r\n * FormGrid — Portnet UI v2\r\n *\r\n * Charter §03 R-3.2 — canonical RESPONSIVE form grid.\r\n *\r\n * ── Breakpoint strategy (aligné addpe-fe) ───────────────────────────\r\n *\r\n *   Les clés xs/sm/md ci-dessous résolvent contre l'échelle de tokens\r\n *   Portnet câblée dans le thème MUI (Batch 1), PAS les défauts MUI :\r\n *\r\n *   xs  (<481px)    : 1 colonne  — mobile, chaque champ pleine largeur\r\n *   sm  (481-767px) : 2 colonnes — tablette / grand mobile (transition douce)\r\n *   md  (≥768px)    : N colonnes — desktop (layout cible)\r\n *\r\n *   Source: addpe-fe/AutorisationForm.js\r\n *     gridTemplateColumns: { xs: \"1fr\", sm: \"1fr 1fr\", md: \"repeat(3, 1fr)\" }\r\n *\r\n * ── Presets ─────────────────────────────────────────────────────────\r\n *\r\n *   columns={1} → toujours 1 col (textarea, notes, upload)\r\n *   columns={2} → 1col xs / 2col sm+ (formulaires courts)\r\n *   columns={3} → 1col xs / 2col sm / 3col md  (DEFAULT FormSection)\r\n *   columns={4} → 1col xs / 2col sm / 4col md  (champs courts : codes, dates)\r\n *   minColumnWidth={N} → auto-fill adaptatif, 1col xs\r\n *\r\n * ── Sous-composants ─────────────────────────────────────────────────\r\n *\r\n *   <FormGrid.Full>        → span toutes colonnes (textarea, tables)\r\n *   <FormGrid.Item span>   → span explicite (sm+), full-width xs\r\n *\r\n * ── Exemple ─────────────────────────────────────────────────────────\r\n *\r\n *   <FormGrid columns={3}>\r\n *     <FormikInput name=\"nom\"    label=\"Nom\" />\r\n *     <FormikInput name=\"prenom\" label=\"Prénom\" />\r\n *     <FormikInput name=\"code\"   label=\"Code\" />\r\n *     <FormGrid.Full>\r\n *       <FormikTextarea name=\"obs\" label=\"Observations\" />\r\n *     </FormGrid.Full>\r\n *   </FormGrid>\r\n */\r\nexport interface FormGridProps extends Omit<BoxProps, \"gap\"> {\r\n  /**\r\n   * Nombre de colonnes égales.\r\n   *   1 → pleine largeur (notes, textarea)\r\n   *   2 → 2 cols sm+\r\n   *   3 → DEFAULT FormSection : 1col xs / 2col sm / 3col md\r\n   *   4 → 1col xs / 2col sm / 4col md (champs courts)\r\n   * Mutually exclusive avec minColumnWidth.\r\n   */\r\n  columns?: number | undefined;\r\n  /** Auto-fill adaptatif — tracks d'au moins N px de large. */\r\n  minColumnWidth?: number | undefined;\r\n  /**\r\n   * Gap de la grille. Défaut `var(--s-4)` — la charte §2.3 assigne\r\n   * explicitement `-s-4` (16px) à « Gap formulaire (default) », `-s-3` (12px)\r\n   * étant réservé au « Padding cards compact ». Gap G-13.\r\n   */\r\n  gap?: string | number | undefined;\r\n}\r\n\r\nfunction FormGrid({\r\n  children,\r\n  columns,\r\n  minColumnWidth,\r\n  gap,\r\n  sx,\r\n  ...rest\r\n}: FormGridProps) {\r\n  const gridTemplateColumns = React.useMemo(() => {\r\n    /* Auto-fill adaptatif — minColumnWidth prime sur columns.\r\n     * min(${minColumnWidth}px, 100%) borne la largeur mini de chaque\r\n     * piste à celle du conteneur : au-dessus de sm, une piste ne peut\r\n     * jamais dépasser le conteneur (pas de débordement / Reflow 1.4.10). */\r\n    if (minColumnWidth) {\r\n      return {\r\n        xs: \"1fr\",\r\n        sm: `repeat(auto-fill, minmax(min(${minColumnWidth}px, 100%), 1fr))`,\r\n      };\r\n    }\r\n\r\n    const cols = typeof columns === \"number\" && columns > 0 ? columns : 3;\r\n\r\n    /* Colonne unique — textarea, notes, upload : toujours pleine largeur */\r\n    if (cols === 1) return \"1fr\";\r\n\r\n    /* 2 colonnes — dès tablette (sm), pas d'échelon md nécessaire */\r\n    if (cols === 2) {\r\n      return { xs: \"1fr\", sm: \"repeat(2, minmax(0, 1fr))\" };\r\n    }\r\n\r\n    /*\r\n     * 3+ colonnes — 3 échelons :\r\n     *   xs : 1 col  (mobile)\r\n     *   sm : 2 cols (tablette — transition douce, évite les champs trop étroits)\r\n     *   md : N cols (desktop — layout cible)\r\n     *\r\n     * Identique au pattern addpe-fe :\r\n     *   { xs:\"1fr\", sm:\"1fr 1fr\", md:\"repeat(3, 1fr)\" }\r\n     */\r\n    return {\r\n      xs: \"1fr\",\r\n      sm: \"repeat(2, minmax(0, 1fr))\",\r\n      md: `repeat(${cols}, minmax(0, 1fr))`,\r\n    };\r\n  }, [columns, minColumnWidth]);\r\n\r\n  return (\r\n    <Box\r\n      sx={{\r\n        display: \"grid\",\r\n        gridTemplateColumns,\r\n        /* Charter §2.3 — `-s-4` (16px) EST le « Gap formulaire (default) » ; le\r\n         * défaut précédent était `-s-3` (12px), que la même table réserve au\r\n         * « Padding cards compact ». Le composant canonique de grille de\r\n         * formulaire contredisait donc la valeur par défaut de la charte, et\r\n         * chaque module compensait en passant `gap` à la main. Changement\r\n         * VISUEL fleet-wide 12→16px sur toute grille sans `gap` explicite —\r\n         * même classe de correction que le 15→16px des titres FormSection.\r\n         *\r\n         * `??` et non `||` : `gap={0}` est une valeur légitime que `||`\r\n         * écrasait silencieusement par le défaut. */\r\n        gap: gap ?? \"var(--s-4)\",\r\n        alignItems: \"start\",\r\n        ...sx,\r\n      }}\r\n      {...rest}\r\n    >\r\n      {children}\r\n    </Box>\r\n  );\r\n}\r\n\r\n/* ── FormGrid.Full ────────────────────────────────────────────────────\r\n * Span toutes les colonnes à tous les breakpoints.\r\n * Usage : textareas, file uploads, sub-tables, notes.\r\n */\r\nexport type FormGridFullProps = BoxProps;\r\n\r\nfunction FormGridFull({ children, sx, ...rest }: FormGridFullProps) {\r\n  return (\r\n    <Box sx={{ gridColumn: \"1 / -1\", minWidth: 0, ...sx }} {...rest}>\r\n      {children}\r\n    </Box>\r\n  );\r\n}\r\n\r\n/* ── FormGrid.Item ────────────────────────────────────────────────────\r\n * Span explicite par breakpoint.\r\n *   xs  → toujours pleine largeur (1 / -1)\r\n *   sm  → span 1 (une cellule dans la grille 2-col tablette)\r\n *   md  → span explicite (grille N-col desktop)\r\n *\r\n * Usage : Description (span=2 sur desktop, full-width mobile/tablette)\r\n */\r\nexport interface FormGridItemProps extends BoxProps {\r\n  /**\r\n   * Colonnes à couvrir sur md+ (desktop).\r\n   * xs → toujours 1/-1 (pleine largeur).\r\n   * sm → toujours span 1 (grille 2-col tablette).\r\n   * Default : 1.\r\n   */\r\n  span?: number | undefined;\r\n}\r\n\r\nfunction FormGridItem({ span = 1, children, sx, ...rest }: FormGridItemProps) {\r\n  return (\r\n    <Box\r\n      sx={{\r\n        gridColumn: {\r\n          xs: \"1 / -1\",          /* mobile : toujours pleine largeur */\r\n          sm: \"span 1\",          /* tablette (2-col) : 1 cellule */\r\n          md: `span ${span}`,    /* desktop (N-col) : span explicite */\r\n        },\r\n        minWidth: 0,\r\n        ...sx,\r\n      }}\r\n      {...rest}\r\n    >\r\n      {children}\r\n    </Box>\r\n  );\r\n}\r\n\r\nconst FormGridWithStatics = Object.assign(FormGrid, {\r\n  Item: FormGridItem,\r\n  Full: FormGridFull,\r\n});\r\n\r\nexport default FormGridWithStatics;\r\n"],"mappings":"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","ignoreList":[]}

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

@@ -26,12 +26,12 @@ import type { SxProps, Theme } from "@mui/material/styles";
  */
 export interface FormikDisplayProps {
     name: string;
-    label?: React.ReactNode;
-    hint?: React.ReactNode;
-    format?: (raw: unknown) => React.ReactNode;
-    mono?: boolean;
-    empty?: string;
-    sx?: SxProps<Theme>;
+    label?: React.ReactNode | undefined;
+    hint?: React.ReactNode | undefined;
+    format?: ((raw: unknown) => React.ReactNode) | undefined;
+    mono?: boolean | undefined;
+    empty?: string | undefined;
+    sx?: SxProps<Theme> | undefined;
 }
 declare function FormikDisplay({ name, label, hint, format, mono, empty, sx, }: FormikDisplayProps): React.JSX.Element;
 export default FormikDisplay;

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

@@ -1 +1 @@
-{"version":3,"file":"FormikDisplay.d.ts","sourceRoot":"","sources":["../../../src/lib/v2/components/FormikDisplay.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAE3D;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AAEH,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,MAAM,CAAC,EAAE,CAAC,GAAG,EAAE,OAAO,KAAK,KAAK,CAAC,SAAS,CAAC;IAC3C,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,EAAE,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;CACrB;AAED,iBAAS,aAAa,CAAC,EACrB,IAAI,EACJ,KAAK,EACL,IAAI,EACJ,MAAM,EACN,IAAa,EACb,KAAgB,EAChB,EAAE,GACH,EAAE,kBAAkB,qBA2FpB;AAED,eAAe,aAAa,CAAC"}
+{"version":3,"file":"FormikDisplay.d.ts","sourceRoot":"","sources":["../../../src/lib/v2/components/FormikDisplay.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAE3D;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AAEH,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,SAAS,CAAC;IACpC,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,SAAS,CAAC;IACnC,MAAM,CAAC,EAAE,CAAC,CAAC,GAAG,EAAE,OAAO,KAAK,KAAK,CAAC,SAAS,CAAC,GAAG,SAAS,CAAC;IACzD,IAAI,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC3B,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,EAAE,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,GAAG,SAAS,CAAC;CACjC;AAED,iBAAS,aAAa,CAAC,EACrB,IAAI,EACJ,KAAK,EACL,IAAI,EACJ,MAAM,EACN,IAAa,EACb,KAAgB,EAChB,EAAE,GACH,EAAE,kBAAkB,qBA2FpB;AAED,eAAe,aAAa,CAAC"}