@portnet/ui 5.0.32 → 6.0.1

package/dist/v2/components/Surface.js

@@ -0,0 +1,163 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _Box = _interopRequireDefault(require("@mui/material/Box"));
+var _jsxRuntime = require("react/jsx-runtime");
+var _excluded = ["component", "tone", "elevation", "radius", "padding", "clip", "sx", "children"];
+/**
+ * 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.
+ */
+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 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; }
+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__*/(0, _jsxRuntime.jsx)(_Box["default"], _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
+  }));
+}
+var _default = exports["default"] = Surface;
+//# sourceMappingURL=Surface.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Surface.js","names":["React","_interopRequireWildcard","require","_Box","_interopRequireDefault","_jsxRuntime","_excluded","obj","__esModule","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","ownKeys","object","enumerableOnly","keys","getOwnPropertySymbols","symbols","filter","sym","enumerable","push","apply","_objectSpread","target","i","arguments","length","source","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","_toConsumableArray","arr","_arrayWithoutHoles","_iterableToArray","_unsupportedIterableToArray","_nonIterableSpread","o","minLen","_arrayLikeToArray","n","toString","slice","constructor","name","Array","from","test","iter","iterator","isArray","len","arr2","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","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","jsx","background","border","borderRadius","boxShadow","minWidth","overflow","concat","_default","exports"],"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":"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","ignoreList":[]}

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

@@ -0,0 +1,30 @@
+import * as React from "react";
+import type { SwitchProps as MuiSwitchProps } from "@mui/material/Switch";
+/**
+ * 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" />
+ */
+export interface SwitchProps extends Omit<MuiSwitchProps, "size"> {
+    label?: React.ReactNode | undefined;
+    description?: React.ReactNode | undefined;
+    size?: "sm" | "md" | undefined;
+    labelPlacement?: "end" | "start" | undefined;
+}
+declare const Switch: React.ForwardRefExoticComponent<Omit<SwitchProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export default Switch;
+//# sourceMappingURL=Switch.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../../src/lib/v2/components/Switch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,WAAW,IAAI,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAI1E;;;;;;;;;;;;;;;;;;GAkBG;AACH,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,cAAc,EAAE,MAAM,CAAC;IAC/D,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,SAAS,CAAC;IACpC,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,SAAS,CAAC;IAC1C,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,SAAS,CAAC;IAC/B,cAAc,CAAC,EAAE,KAAK,GAAG,OAAO,GAAG,SAAS,CAAC;CAC9C;AAED,QAAA,MAAM,MAAM,oGA4GV,CAAC;AAEH,eAAe,MAAM,CAAC"}

package/dist/v2/components/Switch.js

@@ -0,0 +1,136 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _Switch = _interopRequireDefault(require("@mui/material/Switch"));
+var _FormControlLabel = _interopRequireDefault(require("@mui/material/FormControlLabel"));
+var _Box = _interopRequireDefault(require("@mui/material/Box"));
+var _jsxRuntime = require("react/jsx-runtime");
+var _excluded = ["checked", "onChange", "label", "description", "disabled", "size", "labelPlacement", "sx", "aria-label"];
+/**
+ * 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" />
+ */
+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 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; }
+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__*/(0, _jsxRuntime.jsx)(_Switch["default"], _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__*/(0, _jsxRuntime.jsxs)(_Box["default"], {
+    sx: {
+      display: "flex",
+      flexDirection: "column",
+      paddingY: 0.25
+    },
+    children: [label && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box["default"], {
+      component: "span",
+      sx: {
+        fontSize: "var(--text-sm)",
+        fontWeight: "var(--fw-medium)",
+        color: "var(--fg)"
+      },
+      children: label
+    }), description && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box["default"], {
+      id: descId,
+      component: "span",
+      sx: {
+        fontSize: "var(--text-xs)",
+        color: "var(--fg-subtle)",
+        lineHeight: "var(--lh-normal)"
+      },
+      children: description
+    })]
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_FormControlLabel["default"], {
+    control: sw,
+    label: labelNode,
+    labelPlacement: labelPlacement,
+    disabled: disabled,
+    sx: {
+      margin: 0,
+      gap: 1,
+      alignItems: description ? "flex-start" : "center"
+    }
+  });
+});
+var _default = exports["default"] = Switch;
+//# sourceMappingURL=Switch.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Switch.js","names":["React","_interopRequireWildcard","require","_Switch","_interopRequireDefault","_FormControlLabel","_Box","_jsxRuntime","_excluded","obj","__esModule","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","ownKeys","object","enumerableOnly","keys","getOwnPropertySymbols","symbols","filter","sym","enumerable","push","apply","_objectSpread","target","i","arguments","length","source","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","Switch","forwardRef","_ref","ref","checked","onChange","label","description","disabled","_ref$size","size","_ref$labelPlacement","labelPlacement","sx","ariaLabel","rest","descId","useId","process","env","console","warn","sw","jsx","slotProps","boxShadow","backgroundColor","opacity","labelNode","jsxs","display","flexDirection","paddingY","children","component","fontSize","fontWeight","color","id","lineHeight","control","margin","gap","alignItems","_default","exports"],"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/v2/components/Tabs.d.ts

@@ -0,0 +1,49 @@
+import * as React from "react";
+/**
+ * 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 }),
+ *       }]}
+ */
+export interface TabItem {
+    id: string;
+    label: React.ReactNode;
+    icon?: string | React.ReactElement | undefined;
+    count?: number | undefined;
+    countLabel?: string | ((count: number) => string) | undefined;
+}
+export interface TabsProps {
+    value?: string | undefined;
+    onChange?: ((value: string) => void) | undefined;
+    items: TabItem[];
+    "aria-label"?: string | undefined;
+}
+declare function Tabs({ value, onChange, items, "aria-label": ariaLabel }: TabsProps): React.JSX.Element;
+export default Tabs;
+//# sourceMappingURL=Tabs.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../src/lib/v2/components/Tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AAEH,MAAM,WAAW,OAAO;IACtB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,IAAI,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,YAAY,GAAG,SAAS,CAAC;IAC/C,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,UAAU,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC,GAAG,SAAS,CAAC;CAC/D;AAED,MAAM,WAAW,SAAS;IACxB,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,QAAQ,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IACjD,KAAK,EAAE,OAAO,EAAE,CAAC;IACjB,YAAY,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CACnC;AAuED,iBAAS,IAAI,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,YAAY,EAAE,SAAsB,EAAE,EAAE,SAAS,qBAgDxF;AAED,eAAe,IAAI,CAAC"}

package/dist/v2/components/Tabs.js

@@ -0,0 +1,160 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _Tabs = _interopRequireDefault(require("@mui/material/Tabs"));
+var _Tab = _interopRequireDefault(require("@mui/material/Tab"));
+var _Box = _interopRequireDefault(require("@mui/material/Box"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+/**
+ * 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 }),
+ *       }]}
+ */
+
+// 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__*/(0, _jsxRuntime.jsx)(_Tabs["default"], {
+    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__*/(0, _jsxRuntime.jsx)(_Tab["default"], {
+        value: t.id,
+        id: "pui-tab-".concat(t.id),
+        "aria-controls": "pui-panel-".concat(t.id),
+        icon: t.icon,
+        iconPosition: "start",
+        label: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box["default"], {
+          sx: TAB_LABEL_INNER_SX,
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+            children: t.label
+          }), t.count != null && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box["default"], {
+            component: "span",
+            "aria-label": countAria,
+            sx: COUNT_BADGE_SX,
+            children: t.count
+          })]
+        })
+      }, t.id);
+    })
+  });
+}
+var _default = exports["default"] = Tabs;
+//# sourceMappingURL=Tabs.js.map