@portnet/ui 6.0.1 → 6.0.3

package/dist/v2/components/FileCard.js

@@ -3,21 +3,15 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports.default = void 0;
 var React = _interopRequireWildcard(require("react"));
 var _Box = _interopRequireDefault(require("@mui/material/Box"));
 var _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); } /**
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+/**
  * FileCard — Portnet UI v2
  *
  * A single attached document, as a row: leading icon, filename, optional meta
@@ -69,27 +63,29 @@ function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input ==
  * 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({
+
+function FileCard({
+  name,
+  meta,
+  icon,
+  actions,
+  sx
+}) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Surface.default, {
     tone: "subtle",
     radius: "md",
-    padding: "compact"
-  }, sx !== undefined ? {
-    sx: sx
-  } : {}), {}, {
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box["default"], {
+    padding: "compact",
+    ...(sx !== undefined ? {
+      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"], {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, {
         sx: {
           display: "flex",
           alignItems: "center",
@@ -97,7 +93,7 @@ function FileCard(_ref) {
           minWidth: 0,
           flex: 1
         },
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Box["default"], {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
           component: "span",
           "aria-hidden": "true"
           /* Test hook. The icon wrapper carries no role and no accessible
@@ -117,12 +113,12 @@ function FileCard(_ref) {
               fontSize: "var(--text-display)"
             }
           },
-          children: icon !== null && icon !== void 0 ? icon : /*#__PURE__*/(0, _jsxRuntime.jsx)(_InsertDriveFileOutlined["default"], {})
-        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box["default"], {
+          children: icon ?? /*#__PURE__*/(0, _jsxRuntime.jsx)(_InsertDriveFileOutlined.default, {})
+        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, {
           sx: {
             minWidth: 0
           },
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Box["default"], {
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
             title: name,
             sx: {
               fontSize: "var(--text-sm)",
@@ -133,7 +129,7 @@ function FileCard(_ref) {
               textOverflow: "ellipsis"
             },
             children: name
-          }), meta != null && meta !== "" && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box["default"]
+          }), 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
@@ -153,7 +149,7 @@ function FileCard(_ref) {
       /*#__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"], {
+      (0, _jsxRuntime.jsx)(_Box.default, {
         sx: {
           display: "flex",
           alignItems: "center",
@@ -163,7 +159,7 @@ function FileCard(_ref) {
         children: actions
       })]
     })
-  }));
+  });
 }
-var _default = exports["default"] = FileCard;
+var _default = exports.default = FileCard;
 //# sourceMappingURL=FileCard.js.map

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

@@ -1 +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":[]}
+{"version":3,"file":"FileCard.js","names":["React","_interopRequireWildcard","require","_Box","_interopRequireDefault","_InsertDriveFileOutlined","_Surface","_jsxRuntime","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","FileCard","name","meta","icon","actions","sx","jsx","tone","radius","padding","undefined","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.js

@@ -3,20 +3,14 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports.default = void 0;
 var React = _interopRequireWildcard(require("react"));
 var _Box = _interopRequireDefault(require("@mui/material/Box"));
 var _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 _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); } /**
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+/**
  * FilterTab - Portnet UI v2
  *
  * Charter §03 · Component "FilterTabs". Pills used to quickly filter a list
@@ -32,15 +26,16 @@ function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input ==
  *     shortcutHint: (s) => `Shortcut: ${s}`,
  *   }} ... />
  */
+
 // Module-scoped to avoid Temporal Dead Zone when an invalid `variant` is
 // passed: a local-const initialiser referencing palette.neutral before
 // palette finished initialising would throw ReferenceError.
-var PALETTES = {
+const PALETTES = {
   neutral: {
     activeBg: "var(--accent-soft)",
     activeFg: "var(--accent)"
   },
-  "new": {
+  new: {
     activeBg: "var(--status-new-soft)",
     activeFg: "var(--status-new-fg)"
   },
@@ -61,27 +56,22 @@ var PALETTES = {
     activeFg: "var(--status-rejected-fg)"
   }
 };
-var DEFAULT_LABELS = Object.freeze({
-  countLabel: function countLabel(n) {
-    return "".concat(n, " \xE9l\xE9ments");
-  },
-  shortcutHint: function shortcutHint(s) {
-    return "Raccourci : ".concat(s);
-  }
+const DEFAULT_LABELS = Object.freeze({
+  countLabel: n => `${n} éléments`,
+  shortcutHint: s => `Raccourci : ${s}`
 });
-function FilterTab(_ref) {
-  var _ref$active = _ref.active,
-    active = _ref$active === void 0 ? false : _ref$active,
-    count = _ref.count,
-    _ref$variant = _ref.variant,
-    variant = _ref$variant === void 0 ? "neutral" : _ref$variant,
-    onClick = _ref.onClick,
-    shortcut = _ref.shortcut,
-    labels = _ref.labels,
-    children = _ref.children;
-  var palette = PALETTES[variant] || PALETTES.neutral;
-  var L = (0, _mergeLabels.mergeLabels)(DEFAULT_LABELS, labels);
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box["default"], {
+function FilterTab({
+  active = false,
+  count,
+  variant = "neutral",
+  onClick,
+  shortcut,
+  labels,
+  children
+}) {
+  const palette = PALETTES[variant] || PALETTES.neutral;
+  const L = (0, _mergeLabels.mergeLabels)(DEFAULT_LABELS, labels);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, {
     component: "button",
     type: "button",
     "aria-pressed": active,
@@ -95,7 +85,7 @@ function FilterTab(_ref) {
       // the spacing scale so any future rescale propagates.
       padding: "calc(var(--s-1) + 1px) var(--s-3)",
       borderRadius: "var(--r-full)",
-      border: "1px solid ".concat(active ? "var(--accent)" : "var(--border)"),
+      border: `1px solid ${active ? "var(--accent)" : "var(--border)"}`,
       background: active ? palette.activeBg : "var(--surface)",
       color: active ? palette.activeFg : "var(--fg-muted)",
       fontSize: "var(--text-xs)",
@@ -112,13 +102,15 @@ function FilterTab(_ref) {
         outline: "2px solid var(--accent)",
         outlineOffset: "var(--pui-outline-offset)"
       },
-      "&:hover": _objectSpread({}, !active ? {
-        background: "var(--bg-hover)"
-      } : {})
+      "&:hover": {
+        ...(!active ? {
+          background: "var(--bg-hover)"
+        } : {})
+      }
     },
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
       children: children
-    }), count != null && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box["default"], {
+    }), count != null && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
       component: "span",
       "aria-label": L.countLabel(count),
       sx: {
@@ -141,5 +133,5 @@ function FilterTab(_ref) {
     })]
   });
 }
-var _default = exports["default"] = FilterTab;
+var _default = exports.default = FilterTab;
 //# sourceMappingURL=FilterTab.js.map

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

@@ -1 +1 @@
-{"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":";;;;;;AAAA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,IAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,YAAA,GAAAH,OAAA;AAAmD,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;AAAA,SAAAJ,QAAAP,GAAA,sCAAAO,OAAA,wBAAAe,MAAA,uBAAAA,MAAA,CAAAC,QAAA,aAAAvB,GAAA,kBAAAA,GAAA,gBAAAA,GAAA,WAAAA,GAAA,yBAAAsB,MAAA,IAAAtB,GAAA,CAAAwB,WAAA,KAAAF,MAAA,IAAAtB,GAAA,KAAAsB,MAAA,CAAAL,SAAA,qBAAAjB,GAAA,KAAAO,OAAA,CAAAP,GAAA;AAAA,SAAAyB,QAAAC,MAAA,EAAAC,cAAA,QAAAC,IAAA,GAAAf,MAAA,CAAAe,IAAA,CAAAF,MAAA,OAAAb,MAAA,CAAAgB,qBAAA,QAAAC,OAAA,GAAAjB,MAAA,CAAAgB,qBAAA,CAAAH,MAAA,GAAAC,cAAA,KAAAG,OAAA,GAAAA,OAAA,CAAAC,MAAA,WAAAC,GAAA,WAAAnB,MAAA,CAAAE,wBAAA,CAAAW,MAAA,EAAAM,GAAA,EAAAC,UAAA,OAAAL,IAAA,CAAAM,IAAA,CAAAC,KAAA,CAAAP,IAAA,EAAAE,OAAA,YAAAF,IAAA;AAAA,SAAAQ,cAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,WAAAF,SAAA,CAAAD,CAAA,IAAAC,SAAA,CAAAD,CAAA,QAAAA,CAAA,OAAAb,OAAA,CAAAZ,MAAA,CAAA4B,MAAA,OAAAC,OAAA,WAAA1B,GAAA,IAAA2B,eAAA,CAAAN,MAAA,EAAArB,GAAA,EAAAyB,MAAA,CAAAzB,GAAA,SAAAH,MAAA,CAAA+B,yBAAA,GAAA/B,MAAA,CAAAgC,gBAAA,CAAAR,MAAA,EAAAxB,MAAA,CAAA+B,yBAAA,CAAAH,MAAA,KAAAhB,OAAA,CAAAZ,MAAA,CAAA4B,MAAA,GAAAC,OAAA,WAAA1B,GAAA,IAAAH,MAAA,CAAAC,cAAA,CAAAuB,MAAA,EAAArB,GAAA,EAAAH,MAAA,CAAAE,wBAAA,CAAA0B,MAAA,EAAAzB,GAAA,iBAAAqB,MAAA;AAAA,SAAAM,gBAAA3C,GAAA,EAAAgB,GAAA,EAAA8B,KAAA,IAAA9B,GAAA,GAAA+B,cAAA,CAAA/B,GAAA,OAAAA,GAAA,IAAAhB,GAAA,IAAAa,MAAA,CAAAC,cAAA,CAAAd,GAAA,EAAAgB,GAAA,IAAA8B,KAAA,EAAAA,KAAA,EAAAb,UAAA,QAAAe,YAAA,QAAAC,QAAA,oBAAAjD,GAAA,CAAAgB,GAAA,IAAA8B,KAAA,WAAA9C,GAAA;AAAA,SAAA+C,eAAAG,GAAA,QAAAlC,GAAA,GAAAmC,YAAA,CAAAD,GAAA,oBAAA3C,OAAA,CAAAS,GAAA,iBAAAA,GAAA,GAAAoC,MAAA,CAAApC,GAAA;AAAA,SAAAmC,aAAAE,KAAA,EAAAC,IAAA,QAAA/C,OAAA,CAAA8C,KAAA,kBAAAA,KAAA,kBAAAA,KAAA,MAAAE,IAAA,GAAAF,KAAA,CAAA/B,MAAA,CAAAkC,WAAA,OAAAD,IAAA,KAAAE,SAAA,QAAAC,GAAA,GAAAH,IAAA,CAAApC,IAAA,CAAAkC,KAAA,EAAAC,IAAA,oBAAA/C,OAAA,CAAAmD,GAAA,uBAAAA,GAAA,YAAAC,SAAA,4DAAAL,IAAA,gBAAAF,MAAA,GAAAQ,MAAA,EAAAP,KAAA,KAEnD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAeA;AACA;AACA;AACA,IAAMQ,QAAgD,GAAG;EACvDC,OAAO,EAAG;IAAEC,QAAQ,EAAE,oBAAoB;IAAWC,QAAQ,EAAE;EAAgB,CAAC;EAChF,OAAU;IAAED,QAAQ,EAAE,wBAAwB;IAAOC,QAAQ,EAAE;EAAuB,CAAC;EACvFC,IAAI,EAAM;IAAEF,QAAQ,EAAE,yBAAyB;IAAMC,QAAQ,EAAE;EAAwB,CAAC;EACxFE,OAAO,EAAG;IAAEH,QAAQ,EAAE,4BAA4B;IAAGC,QAAQ,EAAE;EAA2B,CAAC;EAC3FG,QAAQ,EAAE;IAAEJ,QAAQ,EAAE,6BAA6B;IAAEC,QAAQ,EAAE;EAA4B,CAAC;EAC5FI,QAAQ,EAAE;IAAEL,QAAQ,EAAE,6BAA6B;IAAEC,QAAQ,EAAE;EAA4B;AAC7F,CAAC;AAED,IAAMK,cAAc,GAAGxD,MAAM,CAACyD,MAAM,CAAC;EACnCC,UAAU,EAAI,SAAAA,WAACC,CAAS;IAAA,UAAAC,MAAA,CAAgBD,CAAC;EAAA,CAAW;EACpDE,YAAY,EAAE,SAAAA,aAACC,CAAS;IAAA,sBAAAF,MAAA,CAA4BE,CAAC;EAAA;AACvD,CAAC,CAAC;AAkBF,SAASC,SAASA,CAAAC,IAAA,EAQC;EAAA,IAAAC,WAAA,GAAAD,IAAA,CAPjBE,MAAM;IAANA,MAAM,GAAAD,WAAA,cAAG,KAAK,GAAAA,WAAA;IACdE,KAAK,GAAAH,IAAA,CAALG,KAAK;IAAAC,YAAA,GAAAJ,IAAA,CACLK,OAAO;IAAPA,OAAO,GAAAD,YAAA,cAAG,SAAS,GAAAA,YAAA;IACnBE,OAAO,GAAAN,IAAA,CAAPM,OAAO;IACPC,QAAQ,GAAAP,IAAA,CAARO,QAAQ;IACRC,MAAM,GAAAR,IAAA,CAANQ,MAAM;IACNC,QAAQ,GAAAT,IAAA,CAARS,QAAQ;EAER,IAAMC,OAAO,GAAG1B,QAAQ,CAACqB,OAAO,CAAC,IAAIrB,QAAQ,CAACC,OAAO;EACrD,IAAM0B,CAAC,GAAG,IAAAC,wBAAW,EAACpB,cAAc,EAAEgB,MAAM,CAAC;EAE7C,oBACE,IAAAtF,WAAA,CAAA2F,IAAA,EAAC9F,IAAA,WAAG;IACF+F,SAAS,EAAC,QAAQ;IAClBC,IAAI,EAAC,QAAQ;IACb,gBAAcb,MAAO;IACrBI,OAAO,EAAEA,OAAQ;IACjBU,KAAK,EAAET,QAAQ,GAAGI,CAAC,CAACd,YAAY,CAACU,QAAQ,CAAC,GAAG3B,SAAU;IACvDqC,EAAE,EAAE;MACFC,OAAO,EAAE,aAAa;MACtBC,UAAU,EAAE,QAAQ;MACpBC,GAAG,EAAE,YAAY;MACjB;MACA;MACAC,OAAO,EAAE,mCAAmC;MAC5CC,YAAY,EAAE,eAAe;MAC7BC,MAAM,eAAA3B,MAAA,CAAeM,MAAM,GAAG,eAAe,GAAG,eAAe,CAAE;MACjEsB,UAAU,EAAEtB,MAAM,GAAGQ,OAAO,CAACxB,QAAQ,GAAG,gBAAgB;MACxDuC,KAAK,EAAEvB,MAAM,GAAGQ,OAAO,CAACvB,QAAQ,GAAG,iBAAiB;MACpDuC,QAAQ,EAAE,gBAAgB;MAC1B;MACA;MACAC,UAAU,EAAEzB,MAAM,GAAG,oBAAoB,GAAG,kBAAkB;MAC9D0B,MAAM,EAAE,SAAS;MACjBC,UAAU,EAAE,SAAS;MACrBC,UAAU,EACR,+CAA+C,GAC/C,0CAA0C,GAC1C,+CAA+C;MACjD;MACA;MACA;MACA,iBAAiB,EAAE;QACjBC,OAAO,EAAE,yBAAyB;QAClCC,aAAa,EAAE;MACjB,CAAC;MACD,SAAS,EAAAzE,aAAA,KACH,CAAC2C,MAAM,GAAG;QAAEsB,UAAU,EAAE;MAAkB,CAAC,GAAG,CAAC,CAAC;IAExD,CAAE;IAAAf,QAAA,gBAEF,IAAAvF,WAAA,CAAA+G,GAAA;MAAAxB,QAAA,EAAOA;IAAQ,CAAO,CAAC,EACtBN,KAAK,IAAI,IAAI,iBACZ,IAAAjF,WAAA,CAAA+G,GAAA,EAAClH,IAAA,WAAG;MACF+F,SAAS,EAAC,MAAM;MAChB,cAAYH,CAAC,CAACjB,UAAU,CAACS,KAAK,CAAE;MAChCc,EAAE,EAAE;QACFC,OAAO,EAAE,cAAc;QACvBgB,QAAQ,EAAE,EAAE;QACZb,OAAO,EAAE,cAAc;QACvBK,QAAQ,EAAE,gBAAgB;QAC1BC,UAAU,EAAE,gBAAgB;QAC5B;QACA;QACA;QACA;QACAH,UAAU,EAAEtB,MAAM,GAAG,eAAe,GAAGQ,OAAO,CAACxB,QAAQ;QACvDuC,KAAK,EAAEvB,MAAM,GAAG,kBAAkB,GAAGQ,OAAO,CAACvB,QAAQ;QACrDmC,YAAY,EAAE,eAAe;QAC7Ba,UAAU,EAAE,gBAAgB;QAC5BC,SAAS,EAAE;MACb,CAAE;MAAA3B,QAAA,EAEDN;IAAK,CACH,CACN;EAAA,CACE,CAAC;AAEV;AAAC,IAAAkC,QAAA,GAAAC,OAAA,cAEcvC,SAAS","ignoreList":[]}
+{"version":3,"file":"FilterTab.js","names":["React","_interopRequireWildcard","require","_Box","_interopRequireDefault","_mergeLabels","_jsxRuntime","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","PALETTES","neutral","activeBg","activeFg","new","sent","pending","approved","rejected","DEFAULT_LABELS","freeze","countLabel","shortcutHint","s","FilterTab","active","count","variant","onClick","shortcut","labels","children","palette","L","mergeLabels","jsxs","component","type","title","undefined","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/ForbiddenPage.d.ts

@@ -23,18 +23,42 @@
  *     );
  *   }
  *
+ * Localisation (P-4):
+ *   Every visible string is overridable through `labels`, defaulting
+ *   to French. The shape is shared across the four error pages, so a
+ *   host can build one translation object and spread it into each:
+ *
+ *     const t = { breadcrumbRoot: "Error", home: "Back to home", … };
+ *     <ForbiddenPage labels={{ ...t, title: "Access denied", … }} … />
+ *
  * Charter rules satisfied:
  *   R-2.1   no local UI primitive (composes ActionBar + Button only).
  *   R-Tg.1  44 px tactile floor enforced by v2.Button.
  *   R-A.1   ARIA landmarks via ActionBar's <header role="banner">.
  *   R-T.2   contrast verified for var(--fg) on var(--bg).
  */
+export interface ForbiddenPageLabels {
+    /** First breadcrumb crumb. */
+    breadcrumbRoot?: string | undefined;
+    /** Last breadcrumb crumb — aria-current="page". */
+    breadcrumbCurrent?: string | undefined;
+    /** ActionBar heading (the page's <h1>). */
+    title?: string | undefined;
+    /** Descriptive sentence under the code ornament (the <h2>). */
+    heading?: string | undefined;
+    /** Body paragraph — the only text telling the user what to do. */
+    description?: string | undefined;
+    /** Primary CTA label. */
+    home?: string | undefined;
+}
 export interface ForbiddenPageProps {
     /** Callback for the back button (top-bar arrow). */
     onBack: () => void;
     /** Callback for the primary "Retour à l'accueil" CTA. */
     onHome: () => void;
+    /** Overrides for the page's French defaults (P-4). */
+    labels?: ForbiddenPageLabels | undefined;
 }
-declare function ForbiddenPage({ onBack, onHome }: ForbiddenPageProps): import("react").JSX.Element;
+declare function ForbiddenPage({ onBack, onHome, labels }: ForbiddenPageProps): import("react").JSX.Element;
 export default ForbiddenPage;
 //# sourceMappingURL=ForbiddenPage.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ForbiddenPage.d.ts","sourceRoot":"","sources":["../../../src/lib/v2/components/ForbiddenPage.tsx"],"names":[],"mappings":"AAOA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,MAAM,WAAW,kBAAkB;IACjC,oDAAoD;IACpD,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,yDAAyD;IACzD,MAAM,EAAE,MAAM,IAAI,CAAC;CACpB;AAED,iBAAS,aAAa,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,EAAE,kBAAkB,+BAqB5D;AAED,eAAe,aAAa,CAAC"}
+{"version":3,"file":"ForbiddenPage.d.ts","sourceRoot":"","sources":["../../../src/lib/v2/components/ForbiddenPage.tsx"],"names":[],"mappings":"AAQA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsCG;AAEH,MAAM,WAAW,mBAAmB;IAClC,8BAA8B;IAC9B,cAAc,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACpC,mDAAmD;IACnD,iBAAiB,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACvC,2CAA2C;IAC3C,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,+DAA+D;IAC/D,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC7B,kEAAkE;IAClE,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACjC,yBAAyB;IACzB,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAC3B;AAYD,MAAM,WAAW,kBAAkB;IACjC,oDAAoD;IACpD,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,yDAAyD;IACzD,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,sDAAsD;IACtD,MAAM,CAAC,EAAE,mBAAmB,GAAG,SAAS,CAAC;CAC1C;AAED,iBAAS,aAAa,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,EAAE,kBAAkB,+BAuBpE;AAED,eAAe,aAAa,CAAC"}

package/dist/v2/components/ForbiddenPage.js

@@ -3,15 +3,16 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports.default = void 0;
 var _Box = _interopRequireDefault(require("@mui/material/Box"));
 var _ArrowBack = _interopRequireDefault(require("@mui/icons-material/ArrowBack"));
 var _LockOutlined = _interopRequireDefault(require("@mui/icons-material/LockOutlined"));
 var _ActionBar = _interopRequireDefault(require("../patterns/ActionBar"));
 var _Button = _interopRequireDefault(require("./Button"));
 var _ErrorPageBody = _interopRequireDefault(require("./_ErrorPageBody"));
+var _mergeLabels = require("../utils/mergeLabels");
 var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 /**
  * ForbiddenPage — Portnet UI v2 (component)
  *
@@ -37,6 +38,14 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
  *     );
  *   }
  *
+ * Localisation (P-4):
+ *   Every visible string is overridable through `labels`, defaulting
+ *   to French. The shape is shared across the four error pages, so a
+ *   host can build one translation object and spread it into each:
+ *
+ *     const t = { breadcrumbRoot: "Error", home: "Back to home", … };
+ *     <ForbiddenPage labels={{ ...t, title: "Access denied", … }} … />
+ *
  * Charter rules satisfied:
  *   R-2.1   no local UI primitive (composes ActionBar + Button only).
  *   R-Tg.1  44 px tactile floor enforced by v2.Button.
@@ -44,38 +53,49 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
  *   R-T.2   contrast verified for var(--fg) on var(--bg).
  */
 
-function ForbiddenPage(_ref) {
-  var onBack = _ref.onBack,
-    onHome = _ref.onHome;
+const DEFAULT_LABELS = Object.freeze({
+  breadcrumbRoot: "Erreur",
+  breadcrumbCurrent: "Accès refusé",
+  title: "Accès refusé",
+  heading: "Vous n'avez pas accès à cette page",
+  description: "Votre profil ne dispose pas des autorisations nécessaires pour consulter cette page. Contactez votre administrateur si vous pensez qu'il s'agit d'une erreur, puis revenez à l'accueil.",
+  home: "Retour à l'accueil"
+});
+function ForbiddenPage({
+  onBack,
+  onHome,
+  labels
+}) {
+  const L = (0, _mergeLabels.mergeLabels)(DEFAULT_LABELS, labels);
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ActionBar["default"], {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ActionBar.default, {
       back: onBack,
-      breadcrumb: ["Erreur", "Accès refusé"],
-      title: "Acc\xE8s refus\xE9"
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ErrorPageBody["default"], {
-      icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_LockOutlined["default"], {
+      breadcrumb: [L.breadcrumbRoot, L.breadcrumbCurrent],
+      title: L.title
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ErrorPageBody.default, {
+      icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_LockOutlined.default, {
         sx: {
           fontSize: 64,
           color: "var(--warning)"
         }
       }),
       code: "403",
-      title: "Vous n'avez pas acc\xE8s \xE0 cette page",
-      description: "Votre profil ne dispose pas des autorisations n\xE9cessaires pour consulter cette page. Contactez votre administrateur si vous pensez qu'il s'agit d'une erreur, puis revenez \xE0 l'accueil."
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box["default"], {
+      title: L.heading,
+      description: L.description
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
       sx: {
         display: "flex",
         justifyContent: "center",
         paddingBottom: "var(--s-7)"
       },
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button["default"], {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
         variant: "primary",
-        icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ArrowBack["default"], {}),
+        icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ArrowBack.default, {}),
         onClick: onHome,
-        children: "Retour \xE0 l'accueil"
+        children: L.home
       })
     })]
   });
 }
-var _default = exports["default"] = ForbiddenPage;
+var _default = exports.default = ForbiddenPage;
 //# sourceMappingURL=ForbiddenPage.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ForbiddenPage.js","names":["_Box","_interopRequireDefault","require","_ArrowBack","_LockOutlined","_ActionBar","_Button","_ErrorPageBody","_jsxRuntime","obj","__esModule","ForbiddenPage","_ref","onBack","onHome","jsxs","Fragment","children","jsx","back","breadcrumb","title","icon","sx","fontSize","color","code","description","display","justifyContent","paddingBottom","variant","onClick","_default","exports"],"sources":["../../../src/lib/v2/components/ForbiddenPage.tsx"],"sourcesContent":["import Box from \"@mui/material/Box\";\r\nimport ArrowBack from \"@mui/icons-material/ArrowBack\";\r\nimport LockOutlined from \"@mui/icons-material/LockOutlined\";\r\nimport ActionBar from \"../patterns/ActionBar\";\r\nimport Button from \"./Button\";\r\nimport ErrorPageBody from \"./_ErrorPageBody\";\r\n\r\n/**\r\n * ForbiddenPage — Portnet UI v2 (component)\r\n *\r\n * Charter §07 · 403 / Accès refusé.\r\n *\r\n * Router-agnostic by design: the page accepts `onBack` and `onHome`\r\n * callback props rather than calling a router hook itself. This\r\n * keeps the design system independent of any specific routing lib\r\n * (react-router, TanStack Router, Next.js, …).\r\n *\r\n * Usage:\r\n *\r\n *   import { ForbiddenPage } from \"@portnet/ui/lib/v2\";\r\n *   import { useNavigate } from \"react-router-dom\";\r\n *\r\n *   function ForbiddenRoute() {\r\n *     const navigate = useNavigate();\r\n *     return (\r\n *       <ForbiddenPage\r\n *         onBack={() => navigate(-1)}\r\n *         onHome={() => navigate(\"/\")}\r\n *       />\r\n *     );\r\n *   }\r\n *\r\n * Charter rules satisfied:\r\n *   R-2.1   no local UI primitive (composes ActionBar + Button only).\r\n *   R-Tg.1  44 px tactile floor enforced by v2.Button.\r\n *   R-A.1   ARIA landmarks via ActionBar's <header role=\"banner\">.\r\n *   R-T.2   contrast verified for var(--fg) on var(--bg).\r\n */\r\nexport interface ForbiddenPageProps {\r\n  /** Callback for the back button (top-bar arrow). */\r\n  onBack: () => void;\r\n  /** Callback for the primary \"Retour à l'accueil\" CTA. */\r\n  onHome: () => void;\r\n}\r\n\r\nfunction ForbiddenPage({ onBack, onHome }: ForbiddenPageProps) {\r\n  return (\r\n    <>\r\n      <ActionBar\r\n        back={onBack}\r\n        breadcrumb={[\"Erreur\", \"Accès refusé\"]}\r\n        title=\"Accès refusé\"\r\n      />\r\n      <ErrorPageBody\r\n        icon={<LockOutlined sx={{ fontSize: 64, color: \"var(--warning)\" }} />}\r\n        code=\"403\"\r\n        title=\"Vous n'avez pas accès à cette page\"\r\n        description=\"Votre profil ne dispose pas des autorisations nécessaires pour consulter cette page. Contactez votre administrateur si vous pensez qu'il s'agit d'une erreur, puis revenez à l'accueil.\"\r\n      />\r\n      <Box sx={{ display: \"flex\", justifyContent: \"center\", paddingBottom: \"var(--s-7)\" }}>\r\n        <Button variant=\"primary\" icon={<ArrowBack />} onClick={onHome}>\r\n          Retour à l'accueil\r\n        </Button>\r\n      </Box>\r\n    </>\r\n  );\r\n}\r\n\r\nexport default ForbiddenPage;\r\n"],"mappings":";;;;;;AAAA,IAAAA,IAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,aAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,UAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,OAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,cAAA,GAAAN,sBAAA,CAAAC,OAAA;AAA6C,IAAAM,WAAA,GAAAN,OAAA;AAAA,SAAAD,uBAAAQ,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,gBAAAA,GAAA;AAE7C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAQA,SAASE,aAAaA,CAAAC,IAAA,EAAyC;EAAA,IAAtCC,MAAM,GAAAD,IAAA,CAANC,MAAM;IAAEC,MAAM,GAAAF,IAAA,CAANE,MAAM;EACrC,oBACE,IAAAN,WAAA,CAAAO,IAAA,EAAAP,WAAA,CAAAQ,QAAA;IAAAC,QAAA,gBACE,IAAAT,WAAA,CAAAU,GAAA,EAACb,UAAA,WAAS;MACRc,IAAI,EAAEN,MAAO;MACbO,UAAU,EAAE,CAAC,QAAQ,EAAE,cAAc,CAAE;MACvCC,KAAK,EAAC;IAAc,CACrB,CAAC,eACF,IAAAb,WAAA,CAAAU,GAAA,EAACX,cAAA,WAAa;MACZe,IAAI,eAAE,IAAAd,WAAA,CAAAU,GAAA,EAACd,aAAA,WAAY;QAACmB,EAAE,EAAE;UAAEC,QAAQ,EAAE,EAAE;UAAEC,KAAK,EAAE;QAAiB;MAAE,CAAE,CAAE;MACtEC,IAAI,EAAC,KAAK;MACVL,KAAK,EAAC,0CAAoC;MAC1CM,WAAW,EAAC;IAAyL,CACtM,CAAC,eACF,IAAAnB,WAAA,CAAAU,GAAA,EAAClB,IAAA,WAAG;MAACuB,EAAE,EAAE;QAAEK,OAAO,EAAE,MAAM;QAAEC,cAAc,EAAE,QAAQ;QAAEC,aAAa,EAAE;MAAa,CAAE;MAAAb,QAAA,eAClF,IAAAT,WAAA,CAAAU,GAAA,EAACZ,OAAA,WAAM;QAACyB,OAAO,EAAC,SAAS;QAACT,IAAI,eAAE,IAAAd,WAAA,CAAAU,GAAA,EAACf,UAAA,WAAS,IAAE,CAAE;QAAC6B,OAAO,EAAElB,MAAO;QAAAG,QAAA,EAAC;MAEhE,CAAQ;IAAC,CACN,CAAC;EAAA,CACN,CAAC;AAEP;AAAC,IAAAgB,QAAA,GAAAC,OAAA,cAEcvB,aAAa","ignoreList":[]}
+{"version":3,"file":"ForbiddenPage.js","names":["_Box","_interopRequireDefault","require","_ArrowBack","_LockOutlined","_ActionBar","_Button","_ErrorPageBody","_mergeLabels","_jsxRuntime","e","__esModule","default","DEFAULT_LABELS","Object","freeze","breadcrumbRoot","breadcrumbCurrent","title","heading","description","home","ForbiddenPage","onBack","onHome","labels","L","mergeLabels","jsxs","Fragment","children","jsx","back","breadcrumb","icon","sx","fontSize","color","code","display","justifyContent","paddingBottom","variant","onClick","_default","exports"],"sources":["../../../src/lib/v2/components/ForbiddenPage.tsx"],"sourcesContent":["import Box from \"@mui/material/Box\";\r\nimport ArrowBack from \"@mui/icons-material/ArrowBack\";\r\nimport LockOutlined from \"@mui/icons-material/LockOutlined\";\r\nimport ActionBar from \"../patterns/ActionBar\";\r\nimport Button from \"./Button\";\r\nimport ErrorPageBody from \"./_ErrorPageBody\";\r\nimport { mergeLabels } from \"../utils/mergeLabels\";\r\n\r\n/**\r\n * ForbiddenPage — Portnet UI v2 (component)\r\n *\r\n * Charter §07 · 403 / Accès refusé.\r\n *\r\n * Router-agnostic by design: the page accepts `onBack` and `onHome`\r\n * callback props rather than calling a router hook itself. This\r\n * keeps the design system independent of any specific routing lib\r\n * (react-router, TanStack Router, Next.js, …).\r\n *\r\n * Usage:\r\n *\r\n *   import { ForbiddenPage } from \"@portnet/ui/lib/v2\";\r\n *   import { useNavigate } from \"react-router-dom\";\r\n *\r\n *   function ForbiddenRoute() {\r\n *     const navigate = useNavigate();\r\n *     return (\r\n *       <ForbiddenPage\r\n *         onBack={() => navigate(-1)}\r\n *         onHome={() => navigate(\"/\")}\r\n *       />\r\n *     );\r\n *   }\r\n *\r\n * Localisation (P-4):\r\n *   Every visible string is overridable through `labels`, defaulting\r\n *   to French. The shape is shared across the four error pages, so a\r\n *   host can build one translation object and spread it into each:\r\n *\r\n *     const t = { breadcrumbRoot: \"Error\", home: \"Back to home\", … };\r\n *     <ForbiddenPage labels={{ ...t, title: \"Access denied\", … }} … />\r\n *\r\n * Charter rules satisfied:\r\n *   R-2.1   no local UI primitive (composes ActionBar + Button only).\r\n *   R-Tg.1  44 px tactile floor enforced by v2.Button.\r\n *   R-A.1   ARIA landmarks via ActionBar's <header role=\"banner\">.\r\n *   R-T.2   contrast verified for var(--fg) on var(--bg).\r\n */\r\n\r\nexport interface ForbiddenPageLabels {\r\n  /** First breadcrumb crumb. */\r\n  breadcrumbRoot?: string | undefined;\r\n  /** Last breadcrumb crumb — aria-current=\"page\". */\r\n  breadcrumbCurrent?: string | undefined;\r\n  /** ActionBar heading (the page's <h1>). */\r\n  title?: string | undefined;\r\n  /** Descriptive sentence under the code ornament (the <h2>). */\r\n  heading?: string | undefined;\r\n  /** Body paragraph — the only text telling the user what to do. */\r\n  description?: string | undefined;\r\n  /** Primary CTA label. */\r\n  home?: string | undefined;\r\n}\r\n\r\nconst DEFAULT_LABELS = Object.freeze({\r\n  breadcrumbRoot:    \"Erreur\",\r\n  breadcrumbCurrent: \"Accès refusé\",\r\n  title:             \"Accès refusé\",\r\n  heading:           \"Vous n'avez pas accès à cette page\",\r\n  description:\r\n    \"Votre profil ne dispose pas des autorisations nécessaires pour consulter cette page. Contactez votre administrateur si vous pensez qu'il s'agit d'une erreur, puis revenez à l'accueil.\",\r\n  home:              \"Retour à l'accueil\",\r\n});\r\n\r\nexport interface ForbiddenPageProps {\r\n  /** Callback for the back button (top-bar arrow). */\r\n  onBack: () => void;\r\n  /** Callback for the primary \"Retour à l'accueil\" CTA. */\r\n  onHome: () => void;\r\n  /** Overrides for the page's French defaults (P-4). */\r\n  labels?: ForbiddenPageLabels | undefined;\r\n}\r\n\r\nfunction ForbiddenPage({ onBack, onHome, labels }: ForbiddenPageProps) {\r\n  const L = mergeLabels(DEFAULT_LABELS, labels);\r\n\r\n  return (\r\n    <>\r\n      <ActionBar\r\n        back={onBack}\r\n        breadcrumb={[L.breadcrumbRoot, L.breadcrumbCurrent]}\r\n        title={L.title}\r\n      />\r\n      <ErrorPageBody\r\n        icon={<LockOutlined sx={{ fontSize: 64, color: \"var(--warning)\" }} />}\r\n        code=\"403\"\r\n        title={L.heading}\r\n        description={L.description}\r\n      />\r\n      <Box sx={{ display: \"flex\", justifyContent: \"center\", paddingBottom: \"var(--s-7)\" }}>\r\n        <Button variant=\"primary\" icon={<ArrowBack />} onClick={onHome}>\r\n          {L.home}\r\n        </Button>\r\n      </Box>\r\n    </>\r\n  );\r\n}\r\n\r\nexport default ForbiddenPage;\r\n"],"mappings":";;;;;;AAAA,IAAAA,IAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,aAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,UAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,OAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,cAAA,GAAAN,sBAAA,CAAAC,OAAA;AACA,IAAAM,YAAA,GAAAN,OAAA;AAAmD,IAAAO,WAAA,GAAAP,OAAA;AAAA,SAAAD,uBAAAS,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEnD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAiBA,MAAMG,cAAc,GAAGC,MAAM,CAACC,MAAM,CAAC;EACnCC,cAAc,EAAK,QAAQ;EAC3BC,iBAAiB,EAAE,cAAc;EACjCC,KAAK,EAAc,cAAc;EACjCC,OAAO,EAAY,oCAAoC;EACvDC,WAAW,EACT,yLAAyL;EAC3LC,IAAI,EAAe;AACrB,CAAC,CAAC;AAWF,SAASC,aAAaA,CAAC;EAAEC,MAAM;EAAEC,MAAM;EAAEC;AAA2B,CAAC,EAAE;EACrE,MAAMC,CAAC,GAAG,IAAAC,wBAAW,EAACd,cAAc,EAAEY,MAAM,CAAC;EAE7C,oBACE,IAAAhB,WAAA,CAAAmB,IAAA,EAAAnB,WAAA,CAAAoB,QAAA;IAAAC,QAAA,gBACE,IAAArB,WAAA,CAAAsB,GAAA,EAAC1B,UAAA,CAAAO,OAAS;MACRoB,IAAI,EAAET,MAAO;MACbU,UAAU,EAAE,CAACP,CAAC,CAACV,cAAc,EAAEU,CAAC,CAACT,iBAAiB,CAAE;MACpDC,KAAK,EAAEQ,CAAC,CAACR;IAAM,CAChB,CAAC,eACF,IAAAT,WAAA,CAAAsB,GAAA,EAACxB,cAAA,CAAAK,OAAa;MACZsB,IAAI,eAAE,IAAAzB,WAAA,CAAAsB,GAAA,EAAC3B,aAAA,CAAAQ,OAAY;QAACuB,EAAE,EAAE;UAAEC,QAAQ,EAAE,EAAE;UAAEC,KAAK,EAAE;QAAiB;MAAE,CAAE,CAAE;MACtEC,IAAI,EAAC,KAAK;MACVpB,KAAK,EAAEQ,CAAC,CAACP,OAAQ;MACjBC,WAAW,EAAEM,CAAC,CAACN;IAAY,CAC5B,CAAC,eACF,IAAAX,WAAA,CAAAsB,GAAA,EAAC/B,IAAA,CAAAY,OAAG;MAACuB,EAAE,EAAE;QAAEI,OAAO,EAAE,MAAM;QAAEC,cAAc,EAAE,QAAQ;QAAEC,aAAa,EAAE;MAAa,CAAE;MAAAX,QAAA,eAClF,IAAArB,WAAA,CAAAsB,GAAA,EAACzB,OAAA,CAAAM,OAAM;QAAC8B,OAAO,EAAC,SAAS;QAACR,IAAI,eAAE,IAAAzB,WAAA,CAAAsB,GAAA,EAAC5B,UAAA,CAAAS,OAAS,IAAE,CAAE;QAAC+B,OAAO,EAAEnB,MAAO;QAAAM,QAAA,EAC5DJ,CAAC,CAACL;MAAI,CACD;IAAC,CACN,CAAC;EAAA,CACN,CAAC;AAEP;AAAC,IAAAuB,QAAA,GAAAC,OAAA,CAAAjC,OAAA,GAEcU,aAAa","ignoreList":[]}