@portnet/ui 5.0.32 → 6.0.1

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

@@ -0,0 +1,159 @@
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+var _excluded = ["component", "tone", "elevation", "radius", "padding", "clip", "sx", "children"];
+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 _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+import * as React from "react";
+import Box from "@mui/material/Box";
+
+/**
+ * Surface — Portnet UI v2
+ *
+ * The bare card container. Charter §02.4 assigns `-r-lg` to « Cards, datagrid »
+ * and §02.5 assigns `--shadow-xs` to « Inputs, KPI cards » / `--shadow-sm` to
+ * « Default cards » — so the charter defines a card, in tokens, precisely.
+ *
+ * ─────────────────────────────────────────────────────────────────────────────
+ * WHY THIS BELONGS IN THE LIBRARY (capability gap G-10)
+ *
+ * The card recipe existed in the library, but only WELDED INSIDE `FormSection`,
+ * which also imposes a numbered heading, a description slot and an inner
+ * `FormGrid`. A consumer needing just the container — a DataGrid shell, a hero
+ * card, a sticky side rail, a nested file row — could not reach it and wrote the
+ * four-line recipe again. In addpe-fe alone: `DATAGRID_CARD_SX`, `HERO_CARD_SX`,
+ * `LIFECYCLE_CARD_SX`, and a document-card block repeated in three files.
+ *
+ * That is the failure mode a design system exists to prevent, and it is worse
+ * than plain duplication: each copy picked its own elevation and its own radius
+ * from memory, so cards that should be visually identical drifted apart within a
+ * single page — and a charter change to `--shadow-sm` or `-r-lg` would have to
+ * be chased across every module by hand.
+ *
+ * The variant axes below are DERIVED from those observed copies, not invented:
+ * each one is a difference that really existed between two of them.
+ * ─────────────────────────────────────────────────────────────────────────────
+ *
+ *   // DataGrid shell — the grid owns its own padding, and `clip` makes the
+ *   // rounded corner cut the table's first/last row borders.
+ *   <Surface padding="none" elevation="xs" clip>
+ *     <DataGrid … />
+ *   </Surface>
+ *
+ *   // Detail hero — responsive padding ladder, default card elevation.
+ *   <Surface padding="responsive" elevation="sm">…</Surface>
+ *
+ *   // Nested inset block (attached file, document row) — subtle tone, the
+ *   // smaller radius the charter assigns to inner blocks.
+ *   <Surface tone="subtle" radius="md" padding="compact">…</Surface>
+ *
+ * Composition, not configuration: `Surface` deliberately has NO title, NO
+ * actions and NO header. A titled section is `FormSection`; a metric tile is
+ * `KPICard`; an attached file is `FileCard`. Those compose this. If you find
+ * yourself wanting a `title` prop here, you want one of them instead.
+ */
+
+/** Background token. `subtle` is for a block INSET INTO an existing surface. */
+
+/**
+ * Elevation, restricted to the two card levels of Charter §02.5.
+ * `md` / `lg` are reserved for popovers and modals and are not offered here —
+ * a card that needs them is a `Modal` or a `Drawer`.
+ */
+
+/**
+ * Corner radius. `lg` = a card (charter §02.4 « Cards, datagrid »); `md` = a
+ * block nested inside another surface, which reads wrong at the card radius.
+ */
+
+/**
+ * Inner padding.
+ *   none        — the child owns it (DataGrid, a nested grid, a table).
+ *   compact     — a single-row block. Asymmetric on purpose: a one-line row
+ *                 needs more horizontal than vertical breathing space.
+ *   default     — charter §2.3 « Padding card body » (--s-5).
+ *   responsive  — the page-level ladder, aligned with `PageContent`'s, for a
+ *                 full-width hero whose padding must shrink on a phone.
+ */
+import { jsx as _jsx } from "react/jsx-runtime";
+var TONE = {
+  surface: "var(--surface)",
+  subtle: "var(--bg-subtle)"
+};
+var ELEVATION = {
+  none: "none",
+  xs: "var(--shadow-xs)",
+  sm: "var(--shadow-sm)"
+};
+var RADIUS = {
+  md: "var(--r-md)",
+  lg: "var(--r-lg)"
+};
+var PADDING = {
+  none: "0",
+  compact: "var(--s-3) var(--s-4)",
+  "default": "var(--s-5)",
+  responsive: {
+    xs: "var(--s-4)",
+    sm: "var(--s-5)",
+    lg: "var(--s-6)"
+  }
+};
+function Surface(_ref) {
+  var _ref$component = _ref.component,
+    component = _ref$component === void 0 ? "div" : _ref$component,
+    _ref$tone = _ref.tone,
+    tone = _ref$tone === void 0 ? "surface" : _ref$tone,
+    _ref$elevation = _ref.elevation,
+    elevation = _ref$elevation === void 0 ? "none" : _ref$elevation,
+    _ref$radius = _ref.radius,
+    radius = _ref$radius === void 0 ? "lg" : _ref$radius,
+    _ref$padding = _ref.padding,
+    padding = _ref$padding === void 0 ? "default" : _ref$padding,
+    _ref$clip = _ref.clip,
+    clip = _ref$clip === void 0 ? false : _ref$clip,
+    sx = _ref.sx,
+    children = _ref.children,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/_jsx(Box, _objectSpread(_objectSpread({
+    component: component
+    /*
+     * ARRAY form, not an object spread (gap G-23). `SxProps<Theme>` admits an
+     * object, an ARRAY or a FUNCTION, and spreading the last two destroys them
+     * silently: `{...[a, b]}` yields `{0: a, 1: b}` and `{...fn}` yields `{}`.
+     * So a host using MUI's own standard idiom —
+     * `sx={[base, condition && override]}` — would lose every style, with no
+     * error. The array form is what MUI documents for composition, and it
+     * handles all three shapes plus null/undefined (falsy entries are ignored).
+     *
+     * `KPICard` already did this correctly; 33 other components in this library
+     * still spread. I wrote three of those before noticing, including this file.
+     */,
+    sx: [_objectSpread({
+      background: TONE[tone],
+      border: "1px solid var(--border)",
+      borderRadius: RADIUS[radius],
+      boxShadow: ELEVATION[elevation],
+      padding: PADDING[padding],
+      // Guards a card whose child is a wide table or a long unbroken string:
+      // without it the flex/grid parent refuses to shrink and the page gains a
+      // horizontal scrollbar (WCAG 1.4.10 Reflow).
+      minWidth: 0
+    }, clip ? {
+      overflow: "hidden"
+    } : null)].concat(_toConsumableArray(Array.isArray(sx) ? sx : sx ? [sx] : []))
+  }, rest), {}, {
+    children: children
+  }));
+}
+export default Surface;
+//# sourceMappingURL=Surface.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Surface.js","names":["React","Box","jsx","_jsx","TONE","surface","subtle","ELEVATION","none","xs","sm","RADIUS","md","lg","PADDING","compact","responsive","Surface","_ref","_ref$component","component","_ref$tone","tone","_ref$elevation","elevation","_ref$radius","radius","_ref$padding","padding","_ref$clip","clip","sx","children","rest","_objectWithoutProperties","_excluded","_objectSpread","background","border","borderRadius","boxShadow","minWidth","overflow","concat","_toConsumableArray","Array","isArray"],"sources":["../../../../src/lib/v2/components/Surface.tsx"],"sourcesContent":["import * as React from \"react\";\r\nimport Box from \"@mui/material/Box\";\r\nimport type { SxProps, Theme } from \"@mui/material/styles\";\r\n\r\n/**\r\n * Surface — Portnet UI v2\r\n *\r\n * The bare card container. Charter §02.4 assigns `-r-lg` to « Cards, datagrid »\r\n * and §02.5 assigns `--shadow-xs` to « Inputs, KPI cards » / `--shadow-sm` to\r\n * « Default cards » — so the charter defines a card, in tokens, precisely.\r\n *\r\n * ─────────────────────────────────────────────────────────────────────────────\r\n * WHY THIS BELONGS IN THE LIBRARY (capability gap G-10)\r\n *\r\n * The card recipe existed in the library, but only WELDED INSIDE `FormSection`,\r\n * which also imposes a numbered heading, a description slot and an inner\r\n * `FormGrid`. A consumer needing just the container — a DataGrid shell, a hero\r\n * card, a sticky side rail, a nested file row — could not reach it and wrote the\r\n * four-line recipe again. In addpe-fe alone: `DATAGRID_CARD_SX`, `HERO_CARD_SX`,\r\n * `LIFECYCLE_CARD_SX`, and a document-card block repeated in three files.\r\n *\r\n * That is the failure mode a design system exists to prevent, and it is worse\r\n * than plain duplication: each copy picked its own elevation and its own radius\r\n * from memory, so cards that should be visually identical drifted apart within a\r\n * single page — and a charter change to `--shadow-sm` or `-r-lg` would have to\r\n * be chased across every module by hand.\r\n *\r\n * The variant axes below are DERIVED from those observed copies, not invented:\r\n * each one is a difference that really existed between two of them.\r\n * ─────────────────────────────────────────────────────────────────────────────\r\n *\r\n *   // DataGrid shell — the grid owns its own padding, and `clip` makes the\r\n *   // rounded corner cut the table's first/last row borders.\r\n *   <Surface padding=\"none\" elevation=\"xs\" clip>\r\n *     <DataGrid … />\r\n *   </Surface>\r\n *\r\n *   // Detail hero — responsive padding ladder, default card elevation.\r\n *   <Surface padding=\"responsive\" elevation=\"sm\">…</Surface>\r\n *\r\n *   // Nested inset block (attached file, document row) — subtle tone, the\r\n *   // smaller radius the charter assigns to inner blocks.\r\n *   <Surface tone=\"subtle\" radius=\"md\" padding=\"compact\">…</Surface>\r\n *\r\n * Composition, not configuration: `Surface` deliberately has NO title, NO\r\n * actions and NO header. A titled section is `FormSection`; a metric tile is\r\n * `KPICard`; an attached file is `FileCard`. Those compose this. If you find\r\n * yourself wanting a `title` prop here, you want one of them instead.\r\n */\r\n\r\n/** Background token. `subtle` is for a block INSET INTO an existing surface. */\r\nexport type SurfaceTone = \"surface\" | \"subtle\";\r\n\r\n/**\r\n * Elevation, restricted to the two card levels of Charter §02.5.\r\n * `md` / `lg` are reserved for popovers and modals and are not offered here —\r\n * a card that needs them is a `Modal` or a `Drawer`.\r\n */\r\nexport type SurfaceElevation = \"none\" | \"xs\" | \"sm\";\r\n\r\n/**\r\n * Corner radius. `lg` = a card (charter §02.4 « Cards, datagrid »); `md` = a\r\n * block nested inside another surface, which reads wrong at the card radius.\r\n */\r\nexport type SurfaceRadius = \"md\" | \"lg\";\r\n\r\n/**\r\n * Inner padding.\r\n *   none        — the child owns it (DataGrid, a nested grid, a table).\r\n *   compact     — a single-row block. Asymmetric on purpose: a one-line row\r\n *                 needs more horizontal than vertical breathing space.\r\n *   default     — charter §2.3 « Padding card body » (--s-5).\r\n *   responsive  — the page-level ladder, aligned with `PageContent`'s, for a\r\n *                 full-width hero whose padding must shrink on a phone.\r\n */\r\nexport type SurfacePadding = \"none\" | \"compact\" | \"default\" | \"responsive\";\r\n\r\nconst TONE: Record<SurfaceTone, string> = {\r\n  surface: \"var(--surface)\",\r\n  subtle: \"var(--bg-subtle)\",\r\n};\r\n\r\nconst ELEVATION: Record<SurfaceElevation, string> = {\r\n  none: \"none\",\r\n  xs: \"var(--shadow-xs)\",\r\n  sm: \"var(--shadow-sm)\",\r\n};\r\n\r\nconst RADIUS: Record<SurfaceRadius, string> = {\r\n  md: \"var(--r-md)\",\r\n  lg: \"var(--r-lg)\",\r\n};\r\n\r\ntype PaddingValue = string | Record<string, string>;\r\n\r\nconst PADDING: Record<SurfacePadding, PaddingValue> = {\r\n  none: \"0\",\r\n  compact: \"var(--s-3) var(--s-4)\",\r\n  default: \"var(--s-5)\",\r\n  responsive: { xs: \"var(--s-4)\", sm: \"var(--s-5)\", lg: \"var(--s-6)\" },\r\n};\r\n\r\nexport interface SurfaceProps\r\n  extends Omit<React.HTMLAttributes<HTMLElement>, \"color\"> {\r\n  /** Rendered element. @default \"div\" */\r\n  component?: React.ElementType | undefined;\r\n  /** @default \"surface\" */\r\n  tone?: SurfaceTone | undefined;\r\n  /** @default \"none\" */\r\n  elevation?: SurfaceElevation | undefined;\r\n  /** @default \"lg\" */\r\n  radius?: SurfaceRadius | undefined;\r\n  /** @default \"default\" */\r\n  padding?: SurfacePadding | undefined;\r\n  /**\r\n   * `overflow: hidden`, so the rounded corner CLIPS a child that draws its own\r\n   * edges — a DataGrid's sticky header and row borders, most commonly. Without\r\n   * it the table's square corners poke through the card's radius.\r\n   * @default false\r\n   */\r\n  clip?: boolean | undefined;\r\n  sx?: SxProps<Theme> | undefined;\r\n  children?: React.ReactNode | undefined;\r\n}\r\n\r\nfunction Surface({\r\n  component = \"div\",\r\n  tone = \"surface\",\r\n  elevation = \"none\",\r\n  radius = \"lg\",\r\n  padding = \"default\",\r\n  clip = false,\r\n  sx,\r\n  children,\r\n  ...rest\r\n}: SurfaceProps) {\r\n  return (\r\n    <Box\r\n      component={component}\r\n      /*\r\n       * ARRAY form, not an object spread (gap G-23). `SxProps<Theme>` admits an\r\n       * object, an ARRAY or a FUNCTION, and spreading the last two destroys them\r\n       * silently: `{...[a, b]}` yields `{0: a, 1: b}` and `{...fn}` yields `{}`.\r\n       * So a host using MUI's own standard idiom —\r\n       * `sx={[base, condition && override]}` — would lose every style, with no\r\n       * error. The array form is what MUI documents for composition, and it\r\n       * handles all three shapes plus null/undefined (falsy entries are ignored).\r\n       *\r\n       * `KPICard` already did this correctly; 33 other components in this library\r\n       * still spread. I wrote three of those before noticing, including this file.\r\n       */\r\n      sx={[\r\n        {\r\n          background: TONE[tone],\r\n          border: \"1px solid var(--border)\",\r\n          borderRadius: RADIUS[radius],\r\n          boxShadow: ELEVATION[elevation],\r\n          padding: PADDING[padding],\r\n          // Guards a card whose child is a wide table or a long unbroken string:\r\n          // without it the flex/grid parent refuses to shrink and the page gains a\r\n          // horizontal scrollbar (WCAG 1.4.10 Reflow).\r\n          minWidth: 0,\r\n          ...(clip ? { overflow: \"hidden\" } : null),\r\n        },\r\n        ...(Array.isArray(sx) ? sx : sx ? [sx] : []),\r\n      ]}\r\n      {...rest}\r\n    >\r\n      {children}\r\n    </Box>\r\n  );\r\n}\r\n\r\nexport default Surface;\r\n"],"mappings":";;;;;;;;;;;;;;;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,OAAOC,GAAG,MAAM,mBAAmB;;AAGnC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;;AAGA;AACA;AACA;AACA;AACA;;AAGA;AACA;AACA;AACA;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AARA,SAAAC,GAAA,IAAAC,IAAA;AAWA,IAAMC,IAAiC,GAAG;EACxCC,OAAO,EAAE,gBAAgB;EACzBC,MAAM,EAAE;AACV,CAAC;AAED,IAAMC,SAA2C,GAAG;EAClDC,IAAI,EAAE,MAAM;EACZC,EAAE,EAAE,kBAAkB;EACtBC,EAAE,EAAE;AACN,CAAC;AAED,IAAMC,MAAqC,GAAG;EAC5CC,EAAE,EAAE,aAAa;EACjBC,EAAE,EAAE;AACN,CAAC;AAID,IAAMC,OAA6C,GAAG;EACpDN,IAAI,EAAE,GAAG;EACTO,OAAO,EAAE,uBAAuB;EAChC,WAAS,YAAY;EACrBC,UAAU,EAAE;IAAEP,EAAE,EAAE,YAAY;IAAEC,EAAE,EAAE,YAAY;IAAEG,EAAE,EAAE;EAAa;AACrE,CAAC;AAyBD,SAASI,OAAOA,CAAAC,IAAA,EAUC;EAAA,IAAAC,cAAA,GAAAD,IAAA,CATfE,SAAS;IAATA,SAAS,GAAAD,cAAA,cAAG,KAAK,GAAAA,cAAA;IAAAE,SAAA,GAAAH,IAAA,CACjBI,IAAI;IAAJA,IAAI,GAAAD,SAAA,cAAG,SAAS,GAAAA,SAAA;IAAAE,cAAA,GAAAL,IAAA,CAChBM,SAAS;IAATA,SAAS,GAAAD,cAAA,cAAG,MAAM,GAAAA,cAAA;IAAAE,WAAA,GAAAP,IAAA,CAClBQ,MAAM;IAANA,MAAM,GAAAD,WAAA,cAAG,IAAI,GAAAA,WAAA;IAAAE,YAAA,GAAAT,IAAA,CACbU,OAAO;IAAPA,OAAO,GAAAD,YAAA,cAAG,SAAS,GAAAA,YAAA;IAAAE,SAAA,GAAAX,IAAA,CACnBY,IAAI;IAAJA,IAAI,GAAAD,SAAA,cAAG,KAAK,GAAAA,SAAA;IACZE,EAAE,GAAAb,IAAA,CAAFa,EAAE;IACFC,QAAQ,GAAAd,IAAA,CAARc,QAAQ;IACLC,IAAI,GAAAC,wBAAA,CAAAhB,IAAA,EAAAiB,SAAA;EAEP,oBACEhC,IAAA,CAACF,GAAG,EAAAmC,aAAA,CAAAA,aAAA;IACFhB,SAAS,EAAEA;IACX;AACN;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAXM;IAYAW,EAAE,GAAAK,aAAA;MAEEC,UAAU,EAAEjC,IAAI,CAACkB,IAAI,CAAC;MACtBgB,MAAM,EAAE,yBAAyB;MACjCC,YAAY,EAAE5B,MAAM,CAACe,MAAM,CAAC;MAC5Bc,SAAS,EAAEjC,SAAS,CAACiB,SAAS,CAAC;MAC/BI,OAAO,EAAEd,OAAO,CAACc,OAAO,CAAC;MACzB;MACA;MACA;MACAa,QAAQ,EAAE;IAAC,GACPX,IAAI,GAAG;MAAEY,QAAQ,EAAE;IAAS,CAAC,GAAG,IAAI,GAAAC,MAAA,CAAAC,kBAAA,CAEtCC,KAAK,CAACC,OAAO,CAACf,EAAE,CAAC,GAAGA,EAAE,GAAGA,EAAE,GAAG,CAACA,EAAE,CAAC,GAAG,EAAE;EAC3C,GACEE,IAAI;IAAAD,QAAA,EAEPA;EAAQ,EACN,CAAC;AAEV;AAEA,eAAef,OAAO","ignoreList":[]}

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

@@ -0,0 +1,128 @@
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+var _excluded = ["checked", "onChange", "label", "description", "disabled", "size", "labelPlacement", "sx", "aria-label"];
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+import * as React from "react";
+import MuiSwitch from "@mui/material/Switch";
+import FormControlLabel from "@mui/material/FormControlLabel";
+import Box from "@mui/material/Box";
+
+/**
+ * Switch - Portnet UI v2
+ *
+ * Charter §03 · Component "Switch / Toggle". Binary on/off control with
+ * IMMEDIATE effect. Use Checkbox instead for deferred choices that
+ * take effect on form submission.
+ *
+ *   <Switch
+ *     checked={notifications}
+ *     onChange={e => setNotifications(e.target.checked)}
+ *     label="Notifications par e-mail"
+ *     description="Recevoir un e-mail à chaque nouvelle décision."
+ *   />
+ *
+ * Without a label (use only inside table cells / inline toggles where
+ * the surrounding context provides the label):
+ *
+ *   <Switch checked={v} onChange={...} aria-label="Activer le mode sombre" />
+ */
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+var Switch = /*#__PURE__*/React.forwardRef(function Switch(_ref, ref) {
+  var checked = _ref.checked,
+    onChange = _ref.onChange,
+    label = _ref.label,
+    description = _ref.description,
+    disabled = _ref.disabled,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? "md" : _ref$size,
+    _ref$labelPlacement = _ref.labelPlacement,
+    labelPlacement = _ref$labelPlacement === void 0 ? "end" : _ref$labelPlacement,
+    sx = _ref.sx,
+    ariaLabel = _ref["aria-label"],
+    rest = _objectWithoutProperties(_ref, _excluded);
+  var descId = React.useId();
+  if (process.env["NODE_ENV"] !== "production" && !label && !ariaLabel) {
+    // eslint-disable-next-line no-console
+    console.warn("[@portnet/ui v2] <Switch> without `label` requires `aria-label` for screen readers.");
+  }
+  var sw = /*#__PURE__*/_jsx(MuiSwitch, _objectSpread({
+    ref: ref,
+    checked: !!checked,
+    onChange: onChange,
+    disabled: disabled,
+    size: size === "sm" ? "small" : "medium",
+    slotProps: {
+      // MUI v9: the input slot bag forwards directly to the
+      // internal <input type="checkbox" role="switch"/> element.
+      // Was `inputProps={...}` at the Switch top level — deprecated
+      // in v6, removed in v9.
+      input: {
+        "aria-label": ariaLabel,
+        "aria-describedby": description ? descId : undefined
+      }
+    },
+    sx: _objectSpread({
+      "& .MuiSwitch-thumb": {
+        boxShadow: "var(--shadow-xs)"
+      },
+      "& .MuiSwitch-track": {
+        backgroundColor: "var(--border-strong)",
+        opacity: 1
+      },
+      "& .Mui-checked + .MuiSwitch-track": {
+        backgroundColor: "var(--accent) !important",
+        opacity: "1 !important"
+      },
+      // R-AI.1 - reuse the canonical focus halo token (Batch 1
+      // shadows.focus → --shadow-focus). Hosts retuning the brand
+      // accent automatically retune the Switch focus state too.
+      "& .MuiSwitch-switchBase.Mui-focusVisible .MuiSwitch-thumb": {
+        boxShadow: "var(--shadow-focus)"
+      }
+    }, sx)
+  }, rest));
+  if (!label && !description) return sw;
+  var labelNode = /*#__PURE__*/_jsxs(Box, {
+    sx: {
+      display: "flex",
+      flexDirection: "column",
+      paddingY: 0.25
+    },
+    children: [label && /*#__PURE__*/_jsx(Box, {
+      component: "span",
+      sx: {
+        fontSize: "var(--text-sm)",
+        fontWeight: "var(--fw-medium)",
+        color: "var(--fg)"
+      },
+      children: label
+    }), description && /*#__PURE__*/_jsx(Box, {
+      id: descId,
+      component: "span",
+      sx: {
+        fontSize: "var(--text-xs)",
+        color: "var(--fg-subtle)",
+        lineHeight: "var(--lh-normal)"
+      },
+      children: description
+    })]
+  });
+  return /*#__PURE__*/_jsx(FormControlLabel, {
+    control: sw,
+    label: labelNode,
+    labelPlacement: labelPlacement,
+    disabled: disabled,
+    sx: {
+      margin: 0,
+      gap: 1,
+      alignItems: description ? "flex-start" : "center"
+    }
+  });
+});
+export default Switch;
+//# sourceMappingURL=Switch.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Switch.js","names":["React","MuiSwitch","FormControlLabel","Box","jsx","_jsx","jsxs","_jsxs","Switch","forwardRef","_ref","ref","checked","onChange","label","description","disabled","_ref$size","size","_ref$labelPlacement","labelPlacement","sx","ariaLabel","rest","_objectWithoutProperties","_excluded","descId","useId","process","env","console","warn","sw","_objectSpread","slotProps","input","undefined","boxShadow","backgroundColor","opacity","labelNode","display","flexDirection","paddingY","children","component","fontSize","fontWeight","color","id","lineHeight","control","margin","gap","alignItems"],"sources":["../../../../src/lib/v2/components/Switch.tsx"],"sourcesContent":["import * as React from \"react\";\r\nimport MuiSwitch from \"@mui/material/Switch\";\r\nimport type { SwitchProps as MuiSwitchProps } from \"@mui/material/Switch\";\r\nimport FormControlLabel from \"@mui/material/FormControlLabel\";\r\nimport Box from \"@mui/material/Box\";\r\n\r\n/**\r\n * Switch - Portnet UI v2\r\n *\r\n * Charter §03 · Component \"Switch / Toggle\". Binary on/off control with\r\n * IMMEDIATE effect. Use Checkbox instead for deferred choices that\r\n * take effect on form submission.\r\n *\r\n *   <Switch\r\n *     checked={notifications}\r\n *     onChange={e => setNotifications(e.target.checked)}\r\n *     label=\"Notifications par e-mail\"\r\n *     description=\"Recevoir un e-mail à chaque nouvelle décision.\"\r\n *   />\r\n *\r\n * Without a label (use only inside table cells / inline toggles where\r\n * the surrounding context provides the label):\r\n *\r\n *   <Switch checked={v} onChange={...} aria-label=\"Activer le mode sombre\" />\r\n */\r\nexport interface SwitchProps extends Omit<MuiSwitchProps, \"size\"> {\r\n  label?: React.ReactNode | undefined;\r\n  description?: React.ReactNode | undefined;\r\n  size?: \"sm\" | \"md\" | undefined;\r\n  labelPlacement?: \"end\" | \"start\" | undefined;\r\n}\r\n\r\nconst Switch = React.forwardRef<React.ComponentRef<typeof MuiSwitch>, SwitchProps>(function Switch(\r\n  {\r\n    checked,\r\n    onChange,\r\n    label,\r\n    description,\r\n    disabled,\r\n    size = \"md\",\r\n    labelPlacement = \"end\",\r\n    sx,\r\n    \"aria-label\": ariaLabel,\r\n    ...rest\r\n  },\r\n  ref,\r\n) {\r\n  const descId = React.useId();\r\n\r\n  if (process.env[\"NODE_ENV\"] !== \"production\" && !label && !ariaLabel) {\r\n    // eslint-disable-next-line no-console\r\n    console.warn(\r\n      \"[@portnet/ui v2] <Switch> without `label` requires `aria-label` for screen readers.\",\r\n    );\r\n  }\r\n\r\n  const sw = (\r\n    <MuiSwitch\r\n      ref={ref}\r\n      checked={!!checked}\r\n      onChange={onChange}\r\n      disabled={disabled}\r\n      size={size === \"sm\" ? \"small\" : \"medium\"}\r\n      slotProps={{\r\n        // MUI v9: the input slot bag forwards directly to the\r\n        // internal <input type=\"checkbox\" role=\"switch\"/> element.\r\n        // Was `inputProps={...}` at the Switch top level — deprecated\r\n        // in v6, removed in v9.\r\n        input: {\r\n          \"aria-label\": ariaLabel,\r\n          \"aria-describedby\": description ? descId : undefined,\r\n        },\r\n      }}\r\n      sx={{\r\n        \"& .MuiSwitch-thumb\": { boxShadow: \"var(--shadow-xs)\" },\r\n        \"& .MuiSwitch-track\": {\r\n          backgroundColor: \"var(--border-strong)\",\r\n          opacity: 1,\r\n        },\r\n        \"& .Mui-checked + .MuiSwitch-track\": {\r\n          backgroundColor: \"var(--accent) !important\",\r\n          opacity: \"1 !important\",\r\n        },\r\n        // R-AI.1 - reuse the canonical focus halo token (Batch 1\r\n        // shadows.focus → --shadow-focus). Hosts retuning the brand\r\n        // accent automatically retune the Switch focus state too.\r\n        \"& .MuiSwitch-switchBase.Mui-focusVisible .MuiSwitch-thumb\": {\r\n          boxShadow: \"var(--shadow-focus)\",\r\n        },\r\n        ...sx,\r\n      }}\r\n      {...rest}\r\n    />\r\n  );\r\n\r\n  if (!label && !description) return sw;\r\n\r\n  const labelNode = (\r\n    <Box sx={{ display: \"flex\", flexDirection: \"column\", paddingY: 0.25 }}>\r\n      {label && (\r\n        <Box\r\n          component=\"span\"\r\n          sx={{\r\n            fontSize: \"var(--text-sm)\",\r\n            fontWeight: \"var(--fw-medium)\",\r\n            color: \"var(--fg)\",\r\n          }}\r\n        >\r\n          {label}\r\n        </Box>\r\n      )}\r\n      {description && (\r\n        <Box\r\n          id={descId}\r\n          component=\"span\"\r\n          sx={{\r\n            fontSize: \"var(--text-xs)\",\r\n            color: \"var(--fg-subtle)\",\r\n            lineHeight: \"var(--lh-normal)\",\r\n          }}\r\n        >\r\n          {description}\r\n        </Box>\r\n      )}\r\n    </Box>\r\n  );\r\n\r\n  return (\r\n    <FormControlLabel\r\n      control={sw}\r\n      label={labelNode}\r\n      labelPlacement={labelPlacement}\r\n      disabled={disabled}\r\n      sx={{\r\n        margin: 0,\r\n        gap: 1,\r\n        alignItems: description ? \"flex-start\" : \"center\",\r\n      }}\r\n    />\r\n  );\r\n});\r\n\r\nexport default Switch;\r\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,150 @@
+import * as React from "react";
+import MuiTabs from "@mui/material/Tabs";
+import MuiTab from "@mui/material/Tab";
+import Box from "@mui/material/Box";
+
+/**
+ * Tabs - Portnet UI v2
+ *
+ * Charter §03 · Component "Tabs".
+ *
+ *   2-7 onglets max ; underline accent ; role="tablist" ;
+ *   ←→ keyboard nav ; persists in URL via the host (?tab=…).
+ *
+ *   R-Ar.6 - role="tablist" / role="tab" / aria-selected / aria-controls.
+ *
+ *   <Tabs
+ *     value={tab}
+ *     onChange={setTab}
+ *     items={[
+ *       { id: "overview", label: "Vue d'ensemble" },
+ *       { id: "history",  label: "Historique", count: 12 },
+ *       { id: "files",    label: "Pièces jointes" },
+ *     ]}
+ *     aria-label="Sections du dossier"
+ *   />
+ *
+ * Localisation (FR / EN / AR):
+ *   - `aria-label` is consumer-controlled (default "Sections").
+ *   - Per-item numeric counts announce "${count} éléments" by default.
+ *     Override per item with `countLabel` (string or fn(count)):
+ *       items={[{
+ *         id: "history",
+ *         label: t("tabs.history"),
+ *         count: 12,
+ *         countLabel: (n) => t("tabs.history.count", { count: n }),
+ *       }]}
+ */
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// Default count announcement. Kept FR for back-compat; consumers
+// localise per item via the `countLabel` slot.
+function defaultCountLabel(count) {
+  return "".concat(count, " \xE9l\xE9ments");
+}
+
+/* ── Hoisted static sx (D5) ─────────────────────────────────────────────
+ * Frozen at module load. Each Tabs render reuses these references; emotion
+ * skips serialization + cache lookup on identity.
+ */
+
+// MUI v9: shape forwarded via slotProps.indicator (was TabIndicatorProps
+// in v5/v6/v7, deprecated v6, removed v9). The content { sx: {...} } is
+// unchanged — it's the same {sx} that the indicator slot consumes.
+var TAB_INDICATOR_PROPS = Object.freeze({
+  // Indicator thickness (2 px) is a visual constant, not a spacing value.
+  // Charter §03 Tabs specifies 2 px underline.
+  sx: {
+    backgroundColor: "var(--accent)",
+    height: 2
+  }
+});
+var TABS_SX = Object.freeze({
+  borderBottom: "1px solid var(--border)",
+  // Tabs use the secondary-nav 40 px row height (charter §03 Tabs).
+  // Below the 44 px tactile minimum; the underline indicator and the
+  // row's full clickable area together carry the affordance.
+  minHeight: 40,
+  "& .MuiTab-root": {
+    minHeight: 40,
+    textTransform: "none",
+    fontSize: "var(--text-sm)",
+    fontWeight: "var(--fw-semibold)",
+    color: "var(--fg-muted)",
+    padding: "var(--s-2) var(--s-4)",
+    "&.Mui-selected": {
+      color: "var(--accent)"
+    },
+    "&:focus-visible": {
+      outline: "2px solid var(--accent)",
+      // B4 — inset focus ring via tokenised offset (Batch 11). Visual
+      // choice for tabs so the ring doesn't extend past the tablist
+      // border. Flows through --pui-outline-offset-inset alongside
+      // DataGrid row focus.
+      outlineOffset: "var(--pui-outline-offset-inset)",
+      borderRadius: "var(--r-sm)"
+    }
+  }
+});
+var TAB_LABEL_INNER_SX = Object.freeze({
+  display: "inline-flex",
+  alignItems: "center",
+  gap: "var(--s-2)"
+});
+var COUNT_BADGE_SX = Object.freeze({
+  fontSize: "var(--text-xs)",
+  fontWeight: "var(--fw-semibold)",
+  padding: "var(--s-1) var(--s-2)",
+  borderRadius: "var(--r-full)",
+  background: "var(--bg-subtle)",
+  color: "var(--fg-muted)",
+  lineHeight: "var(--lh-snug)"
+});
+
+// MUI v9: slotProps wrapper for indicator. Hoisted alongside the rest of
+// the static-sx block so emotion / React skip re-allocation on every
+// render. The shape is { indicator: TAB_INDICATOR_PROPS }.
+var TABS_SLOT_PROPS = Object.freeze({
+  indicator: TAB_INDICATOR_PROPS
+});
+function Tabs(_ref) {
+  var value = _ref.value,
+    onChange = _ref.onChange,
+    items = _ref.items,
+    _ref$ariaLabel = _ref["aria-label"],
+    ariaLabel = _ref$ariaLabel === void 0 ? "Sections" : _ref$ariaLabel;
+  var handle = function handle(_e, v) {
+    return onChange === null || onChange === void 0 ? void 0 : onChange(v);
+  };
+  return /*#__PURE__*/_jsx(MuiTabs, {
+    value: value,
+    onChange: handle,
+    "aria-label": ariaLabel,
+    variant: "scrollable",
+    scrollButtons: false,
+    slotProps: TABS_SLOT_PROPS,
+    sx: TABS_SX,
+    children: items.map(function (t) {
+      var countAria = t.count != null ? typeof t.countLabel === "function" ? t.countLabel(t.count) : t.countLabel != null ? t.countLabel : defaultCountLabel(t.count) : undefined;
+      return /*#__PURE__*/_jsx(MuiTab, {
+        value: t.id,
+        id: "pui-tab-".concat(t.id),
+        "aria-controls": "pui-panel-".concat(t.id),
+        icon: t.icon,
+        iconPosition: "start",
+        label: /*#__PURE__*/_jsxs(Box, {
+          sx: TAB_LABEL_INNER_SX,
+          children: [/*#__PURE__*/_jsx("span", {
+            children: t.label
+          }), t.count != null && /*#__PURE__*/_jsx(Box, {
+            component: "span",
+            "aria-label": countAria,
+            sx: COUNT_BADGE_SX,
+            children: t.count
+          })]
+        })
+      }, t.id);
+    })
+  });
+}
+export default Tabs;
+//# sourceMappingURL=Tabs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.js","names":["React","MuiTabs","MuiTab","Box","jsx","_jsx","jsxs","_jsxs","defaultCountLabel","count","concat","TAB_INDICATOR_PROPS","Object","freeze","sx","backgroundColor","height","TABS_SX","borderBottom","minHeight","textTransform","fontSize","fontWeight","color","padding","outline","outlineOffset","borderRadius","TAB_LABEL_INNER_SX","display","alignItems","gap","COUNT_BADGE_SX","background","lineHeight","TABS_SLOT_PROPS","indicator","Tabs","_ref","value","onChange","items","_ref$ariaLabel","ariaLabel","handle","_e","v","variant","scrollButtons","slotProps","children","map","t","countAria","countLabel","undefined","id","icon","iconPosition","label","component"],"sources":["../../../../src/lib/v2/components/Tabs.tsx"],"sourcesContent":["import * as React from \"react\";\r\nimport MuiTabs from \"@mui/material/Tabs\";\r\nimport MuiTab from \"@mui/material/Tab\";\r\nimport Box from \"@mui/material/Box\";\r\nimport type { SxProps, Theme } from \"@mui/material/styles\";\r\n\r\n/**\r\n * Tabs - Portnet UI v2\r\n *\r\n * Charter §03 · Component \"Tabs\".\r\n *\r\n *   2-7 onglets max ; underline accent ; role=\"tablist\" ;\r\n *   ←→ keyboard nav ; persists in URL via the host (?tab=…).\r\n *\r\n *   R-Ar.6 - role=\"tablist\" / role=\"tab\" / aria-selected / aria-controls.\r\n *\r\n *   <Tabs\r\n *     value={tab}\r\n *     onChange={setTab}\r\n *     items={[\r\n *       { id: \"overview\", label: \"Vue d'ensemble\" },\r\n *       { id: \"history\",  label: \"Historique\", count: 12 },\r\n *       { id: \"files\",    label: \"Pièces jointes\" },\r\n *     ]}\r\n *     aria-label=\"Sections du dossier\"\r\n *   />\r\n *\r\n * Localisation (FR / EN / AR):\r\n *   - `aria-label` is consumer-controlled (default \"Sections\").\r\n *   - Per-item numeric counts announce \"${count} éléments\" by default.\r\n *     Override per item with `countLabel` (string or fn(count)):\r\n *       items={[{\r\n *         id: \"history\",\r\n *         label: t(\"tabs.history\"),\r\n *         count: 12,\r\n *         countLabel: (n) => t(\"tabs.history.count\", { count: n }),\r\n *       }]}\r\n */\r\n\r\nexport interface TabItem {\r\n  id: string;\r\n  label: React.ReactNode;\r\n  icon?: string | React.ReactElement | undefined;\r\n  count?: number | undefined;\r\n  countLabel?: string | ((count: number) => string) | undefined;\r\n}\r\n\r\nexport interface TabsProps {\r\n  value?: string | undefined;\r\n  onChange?: ((value: string) => void) | undefined;\r\n  items: TabItem[];\r\n  \"aria-label\"?: string | undefined;\r\n}\r\n\r\n// Default count announcement. Kept FR for back-compat; consumers\r\n// localise per item via the `countLabel` slot.\r\nfunction defaultCountLabel(count: number): string {\r\n  return `${count} éléments`;\r\n}\r\n\r\n/* ── Hoisted static sx (D5) ─────────────────────────────────────────────\r\n * Frozen at module load. Each Tabs render reuses these references; emotion\r\n * skips serialization + cache lookup on identity.\r\n */\r\n\r\n// MUI v9: shape forwarded via slotProps.indicator (was TabIndicatorProps\r\n// in v5/v6/v7, deprecated v6, removed v9). The content { sx: {...} } is\r\n// unchanged — it's the same {sx} that the indicator slot consumes.\r\nconst TAB_INDICATOR_PROPS = Object.freeze({\r\n  // Indicator thickness (2 px) is a visual constant, not a spacing value.\r\n  // Charter §03 Tabs specifies 2 px underline.\r\n  sx: { backgroundColor: \"var(--accent)\", height: 2 },\r\n});\r\n\r\nconst TABS_SX = Object.freeze({\r\n  borderBottom: \"1px solid var(--border)\",\r\n  // Tabs use the secondary-nav 40 px row height (charter §03 Tabs).\r\n  // Below the 44 px tactile minimum; the underline indicator and the\r\n  // row's full clickable area together carry the affordance.\r\n  minHeight: 40,\r\n  \"& .MuiTab-root\": {\r\n    minHeight: 40,\r\n    textTransform: \"none\",\r\n    fontSize: \"var(--text-sm)\",\r\n    fontWeight: \"var(--fw-semibold)\",\r\n    color: \"var(--fg-muted)\",\r\n    padding: \"var(--s-2) var(--s-4)\",\r\n    \"&.Mui-selected\": { color: \"var(--accent)\" },\r\n    \"&:focus-visible\": {\r\n      outline: \"2px solid var(--accent)\",\r\n      // B4 — inset focus ring via tokenised offset (Batch 11). Visual\r\n      // choice for tabs so the ring doesn't extend past the tablist\r\n      // border. Flows through --pui-outline-offset-inset alongside\r\n      // DataGrid row focus.\r\n      outlineOffset: \"var(--pui-outline-offset-inset)\",\r\n      borderRadius: \"var(--r-sm)\",\r\n    },\r\n  },\r\n} satisfies SxProps<Theme>);\r\n\r\nconst TAB_LABEL_INNER_SX = Object.freeze({\r\n  display: \"inline-flex\",\r\n  alignItems: \"center\",\r\n  gap: \"var(--s-2)\",\r\n} satisfies SxProps<Theme>);\r\n\r\nconst COUNT_BADGE_SX = Object.freeze({\r\n  fontSize: \"var(--text-xs)\",\r\n  fontWeight: \"var(--fw-semibold)\",\r\n  padding: \"var(--s-1) var(--s-2)\",\r\n  borderRadius: \"var(--r-full)\",\r\n  background: \"var(--bg-subtle)\",\r\n  color: \"var(--fg-muted)\",\r\n  lineHeight: \"var(--lh-snug)\",\r\n});\r\n\r\n// MUI v9: slotProps wrapper for indicator. Hoisted alongside the rest of\r\n// the static-sx block so emotion / React skip re-allocation on every\r\n// render. The shape is { indicator: TAB_INDICATOR_PROPS }.\r\nconst TABS_SLOT_PROPS = Object.freeze({\r\n  indicator: TAB_INDICATOR_PROPS,\r\n});\r\n\r\nfunction Tabs({ value, onChange, items, \"aria-label\": ariaLabel = \"Sections\" }: TabsProps) {\r\n  const handle = (_e: React.SyntheticEvent, v: string) => onChange?.(v);\r\n  return (\r\n    <MuiTabs\r\n      value={value}\r\n      onChange={handle}\r\n      aria-label={ariaLabel}\r\n      variant=\"scrollable\"\r\n      scrollButtons={false}\r\n      slotProps={TABS_SLOT_PROPS}\r\n      sx={TABS_SX}\r\n    >\r\n      {items.map((t) => {\r\n        const countAria = t.count != null\r\n          ? (typeof t.countLabel === \"function\"\r\n              ? t.countLabel(t.count)\r\n              : t.countLabel != null\r\n                ? t.countLabel\r\n                : defaultCountLabel(t.count))\r\n          : undefined;\r\n\r\n        return (\r\n          <MuiTab\r\n            key={t.id}\r\n            value={t.id}\r\n            id={`pui-tab-${t.id}`}\r\n            aria-controls={`pui-panel-${t.id}`}\r\n            icon={t.icon}\r\n            iconPosition=\"start\"\r\n            label={\r\n              <Box sx={TAB_LABEL_INNER_SX}>\r\n                <span>{t.label}</span>\r\n                {t.count != null && (\r\n                  <Box\r\n                    component=\"span\"\r\n                    aria-label={countAria}\r\n                    sx={COUNT_BADGE_SX}\r\n                  >\r\n                    {t.count}\r\n                  </Box>\r\n                )}\r\n              </Box>\r\n            }\r\n          />\r\n        );\r\n      })}\r\n    </MuiTabs>\r\n  );\r\n}\r\n\r\nexport default Tabs;\r\n"],"mappings":"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","ignoreList":[]}