@portnet/ui 5.0.28 → 6.0.0

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

@@ -0,0 +1,36 @@
+import * as React from "react";
+import type { ButtonProps } from "./Button";
+/**
+ * EmptyState — Portnet UI v2
+ *
+ * Charter §04.3 · 3 variants required:
+ *   - initial   → primary CTA (e.g. "+ Nouveau titre")
+ *   - filtered  → "Réinitialiser filtres"
+ *   - error     → "Réessayer"
+ *
+ * Anti-pattern: generic clipart illustration. A single icon suffices (R-Em.2).
+ *
+ *   <EmptyState
+ *     icon={<DescriptionIcon />}
+ *     title="Aucun titre d'importation"
+ *     description="Créez votre premier titre pour commencer."
+ *     action={{ label: "Nouveau titre", onClick: createNew }}
+ *   />
+ */
+export type EmptyStateVariant = "initial" | "filtered" | "error";
+export interface EmptyStateAction {
+    label: React.ReactNode;
+    onClick?: () => void;
+    icon?: React.ReactNode;
+    variant?: ButtonProps["variant"];
+}
+export interface EmptyStateProps {
+    variant?: EmptyStateVariant;
+    icon?: React.ReactNode;
+    title: React.ReactNode;
+    description?: React.ReactNode;
+    action?: EmptyStateAction;
+}
+declare function EmptyState({ variant, icon, title, description, action, }: EmptyStateProps): React.JSX.Element;
+export default EmptyState;
+//# sourceMappingURL=EmptyState.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyState.d.ts","sourceRoot":"","sources":["../../../src/lib/v2/components/EmptyState.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAE5C;;;;;;;;;;;;;;;;GAgBG;AAEH,MAAM,MAAM,iBAAiB,GAAG,SAAS,GAAG,UAAU,GAAG,OAAO,CAAC;AAEjE,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,OAAO,CAAC,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;CAClC;AAED,MAAM,WAAW,eAAe;IAC9B,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,MAAM,CAAC,EAAE,gBAAgB,CAAC;CAC3B;AAED,iBAAS,UAAU,CAAC,EAClB,OAAmB,EACnB,IAAI,EACJ,KAAK,EACL,WAAW,EACX,MAAM,GACP,EAAE,eAAe,qBA0EjB;AAED,eAAe,UAAU,CAAC"}

package/dist/v2/components/EmptyState.js

@@ -0,0 +1,112 @@
+"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 _Typography = _interopRequireDefault(require("@mui/material/Typography"));
+var _Button = _interopRequireDefault(require("./Button"));
+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; }
+/**
+ * EmptyState — Portnet UI v2
+ *
+ * Charter §04.3 · 3 variants required:
+ *   - initial   → primary CTA (e.g. "+ Nouveau titre")
+ *   - filtered  → "Réinitialiser filtres"
+ *   - error     → "Réessayer"
+ *
+ * Anti-pattern: generic clipart illustration. A single icon suffices (R-Em.2).
+ *
+ *   <EmptyState
+ *     icon={<DescriptionIcon />}
+ *     title="Aucun titre d'importation"
+ *     description="Créez votre premier titre pour commencer."
+ *     action={{ label: "Nouveau titre", onClick: createNew }}
+ *   />
+ */
+
+function EmptyState(_ref) {
+  var _ref$variant = _ref.variant,
+    variant = _ref$variant === void 0 ? "initial" : _ref$variant,
+    icon = _ref.icon,
+    title = _ref.title,
+    description = _ref.description,
+    action = _ref.action;
+  var variantStyle = {
+    initial: {
+      iconColor: "var(--fg-subtle)"
+    },
+    filtered: {
+      iconColor: "var(--fg-subtle)"
+    },
+    error: {
+      iconColor: "var(--danger)"
+    }
+  }[variant] || {
+    iconColor: "var(--fg-subtle)"
+  };
+  var buttonVariant = variant === "error" ? "secondary" : "primary";
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box["default"], {
+    role: variant === "error" ? "alert" : undefined,
+    sx: {
+      display: "flex",
+      flexDirection: "column",
+      alignItems: "center",
+      textAlign: "center",
+      padding: "var(--s-9) var(--s-6)",
+      background: "var(--surface)",
+      border: "1px solid var(--border)",
+      borderRadius: "var(--r-lg)"
+    },
+    children: [icon && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box["default"], {
+      sx: {
+        // Icon halo size — visual element dimensions, not spacing.
+        // Intentionally literal (not promoted to a spacing token).
+        width: 48,
+        height: 48,
+        borderRadius: "var(--r-full)",
+        background: "var(--bg-subtle)",
+        display: "grid",
+        placeItems: "center",
+        color: variantStyle.iconColor,
+        marginBottom: "var(--s-3)",
+        "& svg": {
+          fontSize: 24
+        } // intrinsic icon size
+      },
+      children: icon
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography["default"], {
+      component: "h3",
+      sx: {
+        fontSize: "var(--text-h4)",
+        fontWeight: "var(--fw-semibold)",
+        color: "var(--fg)",
+        marginBottom: "var(--s-1)",
+        lineHeight: "var(--lh-snug)"
+      },
+      children: title
+    }), description && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography["default"], {
+      sx: {
+        fontSize: "var(--text-sm)",
+        color: "var(--fg-muted)",
+        // Readable measure (~50–60ch). Not a spacing-scale value.
+        maxWidth: 360,
+        marginBottom: "var(--s-3)"
+      },
+      children: description
+    }), action && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button["default"], {
+      variant: action.variant || buttonVariant,
+      icon: action.icon,
+      onClick: action.onClick,
+      children: action.label
+    })]
+  });
+}
+var _default = exports["default"] = EmptyState;
+//# sourceMappingURL=EmptyState.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyState.js","names":["React","_interopRequireWildcard","require","_Box","_interopRequireDefault","_Typography","_Button","_jsxRuntime","obj","__esModule","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","EmptyState","_ref","_ref$variant","variant","icon","title","description","action","variantStyle","initial","iconColor","filtered","error","buttonVariant","jsxs","role","undefined","sx","display","flexDirection","alignItems","textAlign","padding","background","border","borderRadius","children","jsx","width","height","placeItems","color","marginBottom","fontSize","component","fontWeight","lineHeight","maxWidth","onClick","label","_default","exports"],"sources":["../../../src/lib/v2/components/EmptyState.tsx"],"sourcesContent":["import * as React from \"react\";\r\nimport Box from \"@mui/material/Box\";\r\nimport Typography from \"@mui/material/Typography\";\r\nimport Button from \"./Button\";\r\nimport type { ButtonProps } from \"./Button\";\r\n\r\n/**\r\n * EmptyState — Portnet UI v2\r\n *\r\n * Charter §04.3 · 3 variants required:\r\n *   - initial   → primary CTA (e.g. \"+ Nouveau titre\")\r\n *   - filtered  → \"Réinitialiser filtres\"\r\n *   - error     → \"Réessayer\"\r\n *\r\n * Anti-pattern: generic clipart illustration. A single icon suffices (R-Em.2).\r\n *\r\n *   <EmptyState\r\n *     icon={<DescriptionIcon />}\r\n *     title=\"Aucun titre d'importation\"\r\n *     description=\"Créez votre premier titre pour commencer.\"\r\n *     action={{ label: \"Nouveau titre\", onClick: createNew }}\r\n *   />\r\n */\r\n\r\nexport type EmptyStateVariant = \"initial\" | \"filtered\" | \"error\";\r\n\r\nexport interface EmptyStateAction {\r\n  label: React.ReactNode;\r\n  onClick?: () => void;\r\n  icon?: React.ReactNode;\r\n  variant?: ButtonProps[\"variant\"];\r\n}\r\n\r\nexport interface EmptyStateProps {\r\n  variant?: EmptyStateVariant;\r\n  icon?: React.ReactNode;\r\n  title: React.ReactNode;\r\n  description?: React.ReactNode;\r\n  action?: EmptyStateAction;\r\n}\r\n\r\nfunction EmptyState({\r\n  variant = \"initial\",\r\n  icon,\r\n  title,\r\n  description,\r\n  action,\r\n}: EmptyStateProps) {\r\n  const variantStyle = {\r\n    initial:  { iconColor: \"var(--fg-subtle)\" },\r\n    filtered: { iconColor: \"var(--fg-subtle)\" },\r\n    error:    { iconColor: \"var(--danger)\"    },\r\n  }[variant] || { iconColor: \"var(--fg-subtle)\" };\r\n\r\n  const buttonVariant = variant === \"error\" ? \"secondary\" : \"primary\";\r\n\r\n  return (\r\n    <Box\r\n      role={variant === \"error\" ? \"alert\" : undefined}\r\n      sx={{\r\n        display: \"flex\",\r\n        flexDirection: \"column\",\r\n        alignItems: \"center\",\r\n        textAlign: \"center\",\r\n        padding: \"var(--s-9) var(--s-6)\",\r\n        background: \"var(--surface)\",\r\n        border: \"1px solid var(--border)\",\r\n        borderRadius: \"var(--r-lg)\",\r\n      }}\r\n    >\r\n      {icon && (\r\n        <Box\r\n          sx={{\r\n            // Icon halo size — visual element dimensions, not spacing.\r\n            // Intentionally literal (not promoted to a spacing token).\r\n            width: 48,\r\n            height: 48,\r\n            borderRadius: \"var(--r-full)\",\r\n            background: \"var(--bg-subtle)\",\r\n            display: \"grid\",\r\n            placeItems: \"center\",\r\n            color: variantStyle.iconColor,\r\n            marginBottom: \"var(--s-3)\",\r\n            \"& svg\": { fontSize: 24 }, // intrinsic icon size\r\n          }}\r\n        >\r\n          {icon}\r\n        </Box>\r\n      )}\r\n      <Typography\r\n        component=\"h3\"\r\n        sx={{\r\n          fontSize: \"var(--text-h4)\",\r\n          fontWeight: \"var(--fw-semibold)\",\r\n          color: \"var(--fg)\",\r\n          marginBottom: \"var(--s-1)\",\r\n          lineHeight: \"var(--lh-snug)\",\r\n        }}\r\n      >\r\n        {title}\r\n      </Typography>\r\n      {description && (\r\n        <Typography\r\n          sx={{\r\n            fontSize: \"var(--text-sm)\",\r\n            color: \"var(--fg-muted)\",\r\n            // Readable measure (~50–60ch). Not a spacing-scale value.\r\n            maxWidth: 360,\r\n            marginBottom: \"var(--s-3)\",\r\n          }}\r\n        >\r\n          {description}\r\n        </Typography>\r\n      )}\r\n      {action && (\r\n        <Button variant={action.variant || buttonVariant} icon={action.icon} onClick={action.onClick}>\r\n          {action.label}\r\n        </Button>\r\n      )}\r\n    </Box>\r\n  );\r\n}\r\n\r\nexport default EmptyState;\r\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,22 @@
+import * as React from "react";
+import type { IconButtonProps } from "@mui/material/IconButton";
+export type FavoriteToggleSize = "xs" | "sm" | "md" | "lg";
+export interface FavoriteToggleLabels {
+    addFavorite?: string;
+    removeFavorite?: string;
+}
+export interface FavoriteToggleProps extends Omit<IconButtonProps, "onChange" | "size"> {
+    /** Current follow state. */
+    pressed?: boolean;
+    /** Activation handler: (nextPressed, event) => void. */
+    onChange?: (nextPressed: boolean, event: React.MouseEvent<HTMLButtonElement>) => void;
+    /** Touch-target size. */
+    size?: FavoriteToggleSize;
+    /** Localised action labels (FR default; EN/AR supported). */
+    labels?: FavoriteToggleLabels;
+    /** Explicit accessible name; overrides the labels-derived one. */
+    "aria-label"?: string;
+}
+declare const FavoriteToggle: React.ForwardRefExoticComponent<Omit<FavoriteToggleProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export default FavoriteToggle;
+//# sourceMappingURL=FavoriteToggle.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FavoriteToggle.d.ts","sourceRoot":"","sources":["../../../src/lib/v2/components/FavoriteToggle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AA6ChE,MAAM,MAAM,kBAAkB,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAgB3D,MAAM,WAAW,oBAAoB;IACnC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,MAAM,WAAW,mBACf,SAAQ,IAAI,CAAC,eAAe,EAAE,UAAU,GAAG,MAAM,CAAC;IAClD,4BAA4B;IAC5B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,wDAAwD;IACxD,QAAQ,CAAC,EAAE,CAAC,WAAW,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IACtF,yBAAyB;IACzB,IAAI,CAAC,EAAE,kBAAkB,CAAC;IAC1B,6DAA6D;IAC7D,MAAM,CAAC,EAAE,oBAAoB,CAAC;IAC9B,kEAAkE;IAClE,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,QAAA,MAAM,cAAc,4GAoDnB,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/v2/components/FavoriteToggle.js

@@ -0,0 +1,134 @@
+"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 _IconButton = _interopRequireDefault(require("@mui/material/IconButton"));
+var _StarRounded = _interopRequireDefault(require("@mui/icons-material/StarRounded"));
+var _StarBorderRounded = _interopRequireDefault(require("@mui/icons-material/StarBorderRounded"));
+var _jsxRuntime = require("react/jsx-runtime");
+var _excluded = ["pressed", "onChange", "size", "disabled", "labels", "sx", "aria-label"];
+/**
+ * FavoriteToggle - Portnet UI v2
+ *
+ * Charter §03 · presentational ☆/★ follow ("suivi") toggle. A CONTROLLED
+ * `<button aria-pressed>` with a star glyph. The glyph is decorative
+ * (MUI SvgIcon is aria-hidden by default); state is conveyed by
+ * `aria-pressed` AND by glyph SHAPE (outline ☆ vs filled ★), so it never
+ * relies on colour alone (WCAG 1.4.1 Use of Color).
+ *
+ * Presentational and provider-FREE by design — it keeps the leaf-vs-
+ * personalization boundary clean and stays usable outside the foundation.
+ * Wire it to the favorites capability:
+ *
+ *   const { isFavorite, toggle } = useIsFavorite("ti:list", row.id);
+ *   <FavoriteToggle pressed={isFavorite} onChange={toggle} size="sm" />
+ *
+ * …or drive it from any state:
+ *
+ *   <FavoriteToggle pressed={on} onChange={(next) => setOn(next)} />
+ *
+ * Touch target: md (default) = 44px (WCAG 2.5.5 AAA); sm = 32px for dense
+ * DataGrid rows (meets 2.5.8 AA ≥ 24px, with headroom); lg = 48px; xs =
+ * 24px — the WCAG 2.5.8 AA floor exactly, with NO headroom left. Reserve
+ * xs for genuinely space-constrained columns where sm's 32px still
+ * doesn't fit (e.g. a compact favorites column under a table's
+ * table-layout:auto, where an explicit column width can't shrink the
+ * cell below the toggle's own intrinsic box) — don't reach for it over
+ * sm by default. The toggle renders itself unconditionally; the DataGrid
+ * follow column (makeFavoriteColumn) wraps it with the Gmail-style hover
+ * reveal for unfollowed rows.
+ *
+ * Localisation (FR / EN / AR):
+ *   <FavoriteToggle labels={{ addFavorite: "Follow",
+ *                             removeFavorite: "Unfollow" }} />
+ */
+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 DEFAULT_LABELS = Object.freeze({
+  addFavorite: "Suivre",
+  removeFavorite: "Ne plus suivre"
+});
+// Box = interactive hit area (px, like OverflowMenu's minWidth); glyph =
+// icon font-size inherited by the SvgIcon via fontSize="inherit".
+var SIZE_MAP = Object.freeze({
+  xs: Object.freeze({
+    box: 24,
+    glyph: 16
+  }),
+  sm: Object.freeze({
+    box: 32,
+    glyph: 20
+  }),
+  md: Object.freeze({
+    box: 44,
+    glyph: 24
+  }),
+  lg: Object.freeze({
+    box: 48,
+    glyph: 28
+  })
+});
+var FavoriteToggle = /*#__PURE__*/React.forwardRef(function FavoriteToggle(_ref, ref) {
+  var _ref$pressed = _ref.pressed,
+    pressed = _ref$pressed === void 0 ? false : _ref$pressed,
+    onChange = _ref.onChange,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? "md" : _ref$size,
+    disabled = _ref.disabled,
+    labels = _ref.labels,
+    sx = _ref.sx,
+    ariaLabel = _ref["aria-label"],
+    rest = _objectWithoutProperties(_ref, _excluded);
+  var L = labels ? _objectSpread(_objectSpread({}, DEFAULT_LABELS), labels) : DEFAULT_LABELS;
+  var dims = SIZE_MAP[size] || SIZE_MAP.md;
+  // Toggle-button convention: the accessible name describes the ACTION
+  // activation performs; aria-pressed conveys the current state. Hosts can
+  // override with a richer per-row name via the `aria-label` prop.
+  var computedAria = ariaLabel || (pressed ? L.removeFavorite : L.addFavorite);
+  var handleClick = function handleClick(e) {
+    if (disabled) return;
+    if (typeof onChange === "function") onChange(!pressed, e);
+  };
+  var Star = pressed ? _StarRounded["default"] : _StarBorderRounded["default"];
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconButton["default"], _objectSpread(_objectSpread({
+    ref: ref,
+    onClick: handleClick,
+    disabled: disabled,
+    "aria-pressed": !!pressed,
+    "aria-label": computedAria,
+    sx: _objectSpread({
+      width: dims.box,
+      height: dims.box,
+      fontSize: dims.glyph,
+      color: pressed ? "var(--accent)" : "var(--fg-muted)",
+      "&:hover": {
+        color: pressed ? "var(--accent)" : "var(--fg)"
+      },
+      // Reuse the canonical focus halo token (same as Switch / R-AI.1).
+      "&.Mui-focusVisible": {
+        boxShadow: "var(--shadow-focus)"
+      },
+      "@media (prefers-reduced-motion: reduce)": {
+        transition: "none"
+      }
+    }, sx)
+  }, rest), {}, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Star, {
+      fontSize: "inherit"
+    })
+  }));
+});
+var _default = exports["default"] = FavoriteToggle;
+//# sourceMappingURL=FavoriteToggle.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FavoriteToggle.js","names":["React","_interopRequireWildcard","require","_IconButton","_interopRequireDefault","_StarRounded","_StarBorderRounded","_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","DEFAULT_LABELS","freeze","addFavorite","removeFavorite","SIZE_MAP","xs","box","glyph","sm","md","lg","FavoriteToggle","forwardRef","_ref","ref","_ref$pressed","pressed","onChange","_ref$size","size","disabled","labels","sx","ariaLabel","rest","L","dims","computedAria","handleClick","e","Star","StarRoundedIcon","StarBorderRoundedIcon","jsx","onClick","width","height","fontSize","color","boxShadow","transition","children","_default","exports"],"sources":["../../../src/lib/v2/components/FavoriteToggle.tsx"],"sourcesContent":["import * as React from \"react\";\r\nimport IconButton from \"@mui/material/IconButton\";\r\nimport type { IconButtonProps } from \"@mui/material/IconButton\";\r\nimport StarRoundedIcon from \"@mui/icons-material/StarRounded\";\r\nimport StarBorderRoundedIcon from \"@mui/icons-material/StarBorderRounded\";\r\n\r\n/**\r\n * FavoriteToggle - Portnet UI v2\r\n *\r\n * Charter §03 · presentational ☆/★ follow (\"suivi\") toggle. A CONTROLLED\r\n * `<button aria-pressed>` with a star glyph. The glyph is decorative\r\n * (MUI SvgIcon is aria-hidden by default); state is conveyed by\r\n * `aria-pressed` AND by glyph SHAPE (outline ☆ vs filled ★), so it never\r\n * relies on colour alone (WCAG 1.4.1 Use of Color).\r\n *\r\n * Presentational and provider-FREE by design — it keeps the leaf-vs-\r\n * personalization boundary clean and stays usable outside the foundation.\r\n * Wire it to the favorites capability:\r\n *\r\n *   const { isFavorite, toggle } = useIsFavorite(\"ti:list\", row.id);\r\n *   <FavoriteToggle pressed={isFavorite} onChange={toggle} size=\"sm\" />\r\n *\r\n * …or drive it from any state:\r\n *\r\n *   <FavoriteToggle pressed={on} onChange={(next) => setOn(next)} />\r\n *\r\n * Touch target: md (default) = 44px (WCAG 2.5.5 AAA); sm = 32px for dense\r\n * DataGrid rows (meets 2.5.8 AA ≥ 24px, with headroom); lg = 48px; xs =\r\n * 24px — the WCAG 2.5.8 AA floor exactly, with NO headroom left. Reserve\r\n * xs for genuinely space-constrained columns where sm's 32px still\r\n * doesn't fit (e.g. a compact favorites column under a table's\r\n * table-layout:auto, where an explicit column width can't shrink the\r\n * cell below the toggle's own intrinsic box) — don't reach for it over\r\n * sm by default. The toggle renders itself unconditionally; the DataGrid\r\n * follow column (makeFavoriteColumn) wraps it with the Gmail-style hover\r\n * reveal for unfollowed rows.\r\n *\r\n * Localisation (FR / EN / AR):\r\n *   <FavoriteToggle labels={{ addFavorite: \"Follow\",\r\n *                             removeFavorite: \"Unfollow\" }} />\r\n */\r\n\r\nconst DEFAULT_LABELS = Object.freeze({\r\n  addFavorite: \"Suivre\",\r\n  removeFavorite: \"Ne plus suivre\",\r\n});\r\n\r\nexport type FavoriteToggleSize = \"xs\" | \"sm\" | \"md\" | \"lg\";\r\n\r\ninterface SizeDims {\r\n  box: number;\r\n  glyph: number;\r\n}\r\n\r\n// Box = interactive hit area (px, like OverflowMenu's minWidth); glyph =\r\n// icon font-size inherited by the SvgIcon via fontSize=\"inherit\".\r\nconst SIZE_MAP: Record<FavoriteToggleSize, SizeDims> = Object.freeze({\r\n  xs: Object.freeze({ box: 24, glyph: 16 }),\r\n  sm: Object.freeze({ box: 32, glyph: 20 }),\r\n  md: Object.freeze({ box: 44, glyph: 24 }),\r\n  lg: Object.freeze({ box: 48, glyph: 28 }),\r\n});\r\n\r\nexport interface FavoriteToggleLabels {\r\n  addFavorite?: string;\r\n  removeFavorite?: string;\r\n}\r\n\r\nexport interface FavoriteToggleProps\r\n  extends Omit<IconButtonProps, \"onChange\" | \"size\"> {\r\n  /** Current follow state. */\r\n  pressed?: boolean;\r\n  /** Activation handler: (nextPressed, event) => void. */\r\n  onChange?: (nextPressed: boolean, event: React.MouseEvent<HTMLButtonElement>) => void;\r\n  /** Touch-target size. */\r\n  size?: FavoriteToggleSize;\r\n  /** Localised action labels (FR default; EN/AR supported). */\r\n  labels?: FavoriteToggleLabels;\r\n  /** Explicit accessible name; overrides the labels-derived one. */\r\n  \"aria-label\"?: string;\r\n}\r\n\r\nconst FavoriteToggle = React.forwardRef<HTMLButtonElement, FavoriteToggleProps>(\r\n  function FavoriteToggle(\r\n    {\r\n      pressed = false,\r\n      onChange,\r\n      size = \"md\",\r\n      disabled,\r\n      labels,\r\n      sx,\r\n      \"aria-label\": ariaLabel,\r\n      ...rest\r\n    },\r\n    ref\r\n  ) {\r\n    const L = labels ? { ...DEFAULT_LABELS, ...labels } : DEFAULT_LABELS;\r\n    const dims = SIZE_MAP[size] || SIZE_MAP.md;\r\n    // Toggle-button convention: the accessible name describes the ACTION\r\n    // activation performs; aria-pressed conveys the current state. Hosts can\r\n    // override with a richer per-row name via the `aria-label` prop.\r\n    const computedAria = ariaLabel || (pressed ? L.removeFavorite : L.addFavorite);\r\n\r\n    const handleClick = function handleClick(e: React.MouseEvent<HTMLButtonElement>) {\r\n      if (disabled) return;\r\n      if (typeof onChange === \"function\") onChange(!pressed, e);\r\n    };\r\n\r\n    const Star = pressed ? StarRoundedIcon : StarBorderRoundedIcon;\r\n\r\n    return (\r\n      <IconButton\r\n        ref={ref}\r\n        onClick={handleClick}\r\n        disabled={disabled}\r\n        aria-pressed={!!pressed}\r\n        aria-label={computedAria}\r\n        sx={{\r\n          width: dims.box,\r\n          height: dims.box,\r\n          fontSize: dims.glyph,\r\n          color: pressed ? \"var(--accent)\" : \"var(--fg-muted)\",\r\n          \"&:hover\": { color: pressed ? \"var(--accent)\" : \"var(--fg)\" },\r\n          // Reuse the canonical focus halo token (same as Switch / R-AI.1).\r\n          \"&.Mui-focusVisible\": { boxShadow: \"var(--shadow-focus)\" },\r\n          \"@media (prefers-reduced-motion: reduce)\": { transition: \"none\" },\r\n          ...sx,\r\n        }}\r\n        {...rest}\r\n      >\r\n        <Star fontSize=\"inherit\" />\r\n      </IconButton>\r\n    );\r\n  }\r\n);\r\n\r\nexport default FavoriteToggle;\r\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,58 @@
+import * as React from "react";
+import type { SxProps, Theme } from "@mui/material/styles";
+/**
+ * Field — Portnet UI v2
+ *
+ * Charter §03 · Component "Input · Field".
+ * Universal wrapper providing label / required marker / hint / error / a11y bindings
+ * for any form control (Input, Select, Textarea, Autocomplete, Combobox, …).
+ *
+ * Strict rules enforced:
+ *   R-I.1 — Label is associated to the control via `htmlFor` / `id`.
+ *   R-I.2 — Required adds the asterisk + `aria-required`.
+ *   R-I.3 — Error: `aria-invalid` + `aria-describedby` linking the message.
+ *           Field MERGES with the child's existing `aria-describedby` so a
+ *           consumer-supplied external help id is never lost.
+ *   R-I.4 — Validation in `blur`, not `change` (caller's responsibility).
+ *   R-I.6 — Hint visible above error; never both at once.
+ *
+ *   <Field label="Référence" required hint="Format AAAA-IM-NNNNN" error={errors.ref}>
+ *     <Input value={value} onChange={onChange} />
+ *   </Field>
+ *
+ * Grouping controls (RadioGroup / CheckboxGroup) — pass `group`:
+ *   A native `<label htmlFor>` cannot name an ARIA group (only labelable
+ *   elements can be `for`-targeted), so in `group` mode the label is rendered
+ *   as a <span> with an id and the child group is associated via
+ *   `aria-labelledby` instead. The child must forward `aria-labelledby`
+ *   (and `aria-describedby`) onto its `role="group"`/`"radiogroup"` element.
+ *
+ *   <Field label="Genre" group error={errors.genre}>
+ *     <RadioGroup … />
+ *   </Field>
+ */
+export interface FieldProps {
+    label?: React.ReactNode;
+    required?: boolean;
+    hint?: React.ReactNode;
+    error?: React.ReactNode;
+    htmlFor?: string;
+    fullWidth?: boolean;
+    disabled?: boolean;
+    /**
+     * The wrapped child is an ARIA group (RadioGroup / CheckboxGroup) rather than
+     * a single labelable control. Associates the label via `aria-labelledby`
+     * instead of `htmlFor` / `id`.
+     */
+    group?: boolean;
+    /** Optional <FieldHelp> element rendered next to the label. */
+    helpAdornment?: React.ReactNode;
+    /** The single form-control element to wrap. */
+    children: React.ReactElement;
+    sx?: SxProps<Theme>;
+    className?: string;
+}
+declare function Field({ label, required, hint, error, htmlFor, fullWidth, disabled, group, children, helpAdornment, // optional <FieldHelp> element
+sx, className, }: FieldProps): React.JSX.Element;
+export default Field;
+//# sourceMappingURL=Field.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Field.d.ts","sourceRoot":"","sources":["../../../src/lib/v2/components/Field.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAE3D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,MAAM,WAAW,UAAU;IACzB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;OAIG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,+DAA+D;IAC/D,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,+CAA+C;IAC/C,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC;IAC7B,EAAE,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,iBAAS,KAAK,CAAC,EACb,KAAK,EACL,QAAgB,EAChB,IAAI,EACJ,KAAK,EACL,OAAO,EACP,SAAgB,EAChB,QAAQ,EACR,KAAa,EACb,QAAQ,EACR,aAAa,EAAE,+BAA+B;AAC9C,EAAE,EACF,SAAS,GACV,EAAE,UAAU,qBA8IZ;AAED,eAAe,KAAK,CAAC"}

package/dist/v2/components/Field.js

@@ -0,0 +1,186 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _FormControl = _interopRequireDefault(require("@mui/material/FormControl"));
+var _FormLabel = _interopRequireDefault(require("@mui/material/FormLabel"));
+var _FormHelperText = _interopRequireDefault(require("@mui/material/FormHelperText"));
+var _Box = _interopRequireDefault(require("@mui/material/Box"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); } /**
+ * Field — Portnet UI v2
+ *
+ * Charter §03 · Component "Input · Field".
+ * Universal wrapper providing label / required marker / hint / error / a11y bindings
+ * for any form control (Input, Select, Textarea, Autocomplete, Combobox, …).
+ *
+ * Strict rules enforced:
+ *   R-I.1 — Label is associated to the control via `htmlFor` / `id`.
+ *   R-I.2 — Required adds the asterisk + `aria-required`.
+ *   R-I.3 — Error: `aria-invalid` + `aria-describedby` linking the message.
+ *           Field MERGES with the child's existing `aria-describedby` so a
+ *           consumer-supplied external help id is never lost.
+ *   R-I.4 — Validation in `blur`, not `change` (caller's responsibility).
+ *   R-I.6 — Hint visible above error; never both at once.
+ *
+ *   <Field label="Référence" required hint="Format AAAA-IM-NNNNN" error={errors.ref}>
+ *     <Input value={value} onChange={onChange} />
+ *   </Field>
+ *
+ * Grouping controls (RadioGroup / CheckboxGroup) — pass `group`:
+ *   A native `<label htmlFor>` cannot name an ARIA group (only labelable
+ *   elements can be `for`-targeted), so in `group` mode the label is rendered
+ *   as a <span> with an id and the child group is associated via
+ *   `aria-labelledby` instead. The child must forward `aria-labelledby`
+ *   (and `aria-describedby`) onto its `role="group"`/`"radiogroup"` element.
+ *
+ *   <Field label="Genre" group error={errors.genre}>
+ *     <RadioGroup … />
+ *   </Field>
+ */
+function Field(_ref) {
+  var label = _ref.label,
+    _ref$required = _ref.required,
+    required = _ref$required === void 0 ? false : _ref$required,
+    hint = _ref.hint,
+    error = _ref.error,
+    htmlFor = _ref.htmlFor,
+    _ref$fullWidth = _ref.fullWidth,
+    fullWidth = _ref$fullWidth === void 0 ? true : _ref$fullWidth,
+    disabled = _ref.disabled,
+    _ref$group = _ref.group,
+    group = _ref$group === void 0 ? false : _ref$group,
+    children = _ref.children,
+    helpAdornment = _ref.helpAdornment,
+    sx = _ref.sx,
+    className = _ref.className;
+  // R-I.1 — useId provides SSR-safe, per-instance, stable IDs.
+  // Replaces the previous module-scoped counter (`let __uid = 0`) which broke
+  // hydration and Concurrent Mode.
+  var reactId = React.useId();
+  var auto = "pui-".concat(reactId.replace(/:/g, ""));
+  var inputId = htmlFor || auto;
+  var hintId = "".concat(inputId, "-h");
+  var errorId = "".concat(inputId, "-e");
+  var labelId = "".concat(inputId, "-l");
+  var hasError = !!error;
+  var child = React.Children.only(children);
+  // The wrapped control is polymorphic (Input/Select/NumberInput/Combobox/…);
+  // type only the props Field reads/merges, replacing React's `props: any`.
+  var childProps = child.props;
+
+  // R-I.3 — MERGE the child's existing aria-describedby with our hint/error
+  // ids. cloneElement replaces props, so without an explicit merge any
+  // consumer-supplied describedby was silently discarded.
+  var describedBy = [childProps["aria-describedby"], hint && !hasError ? hintId : null, hasError ? errorId : null].filter(Boolean).join(" ") || undefined;
+
+  // CC-6 — in group mode the label names the group via aria-labelledby.
+  // Merge with any consumer-supplied labelledby so it is never lost.
+  var labelledBy = group ? [childProps["aria-labelledby"], label ? labelId : null].filter(Boolean).join(" ") || undefined : undefined;
+  var enhanced = /*#__PURE__*/React.cloneElement(child, _objectSpread(_objectSpread({
+    id: childProps.id || inputId,
+    "aria-invalid": hasError ? "true" : undefined,
+    "aria-required": required ? "true" : undefined,
+    "aria-describedby": describedBy
+  }, group ? {
+    "aria-labelledby": labelledBy
+  } : {}), {}, {
+    // `error` / `disabled` are broadcast by FormControl via context for MUI
+    // inputs, but several v2 inputs (NumberInput, Combobox renderInput) are
+    // not pure MUI children and read the props directly — keep them explicit.
+    error: hasError,
+    disabled: disabled || childProps.disabled,
+    // Respect the child's explicit fullWidth when defined (e.g. a narrow
+    // inline filter input). Only fall back to Field's value when the child
+    // hasn't expressed an opinion.
+    fullWidth: childProps.fullWidth !== undefined ? childProps.fullWidth : fullWidth
+  }));
+
+  // R-I.6 — RTL-safe margin reset. `marginLeft: 0` only zeroes the LTR
+  // inline-start; in [dir="rtl"] the helper picks up MUI's default on
+  // the (now physical-right but logical-start) side and is mis-aligned.
+  // `marginInlineStart` resets the correct edge in both directions.
+  var helperResetSx = {
+    marginInlineStart: 0,
+    fontSize: "var(--text-xs)"
+  };
+  var LABEL_SX = {
+    display: "flex",
+    alignItems: "center",
+    gap: "var(--s-1)",
+    fontSize: "var(--text-xs, 12px)",
+    fontWeight: "var(--fw-semibold, 600)",
+    color: "var(--fg-muted)",
+    marginBottom: "var(--s-2)",
+    "&.Mui-focused": {
+      color: "var(--fg-muted)"
+    },
+    "&.Mui-error": {
+      color: "var(--fg-muted)"
+    }
+  };
+
+  // Shared label content (text + required marker + optional help adornment).
+  var labelContent = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [label, required && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box["default"], {
+      component: "span",
+      "aria-hidden": "true",
+      sx: {
+        color: "var(--danger)",
+        fontWeight: "var(--fw-bold, 700)"
+      },
+      children: "*"
+    }), helpAdornment]
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_FormControl["default"], {
+    error: hasError,
+    required: required,
+    disabled: disabled,
+    fullWidth: fullWidth,
+    className: className,
+    sx: sx,
+    children: [label && (group ?
+    /*#__PURE__*/
+    // Group mode: render as a <span> carrying an id (no <label for>),
+    // referenced by the group's aria-labelledby.
+    (0, _jsxRuntime.jsx)(_FormLabel["default"], {
+      component: "span",
+      id: labelId,
+      required: false,
+      sx: LABEL_SX,
+      children: labelContent
+    }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_FormLabel["default"], {
+      htmlFor: inputId,
+      required: false /* we render the * ourselves */,
+      sx: LABEL_SX,
+      children: labelContent
+    })), enhanced, hint && !hasError && /*#__PURE__*/(0, _jsxRuntime.jsx)(_FormHelperText["default"], {
+      id: hintId,
+      sx: _objectSpread(_objectSpread({}, helperResetSx), {}, {
+        color: "var(--fg-subtle)"
+      }),
+      children: hint
+    }), hasError && /*#__PURE__*/(0, _jsxRuntime.jsx)(_FormHelperText["default"], {
+      id: errorId,
+      role: "alert",
+      sx: _objectSpread(_objectSpread({}, helperResetSx), {}, {
+        color: "var(--danger) !important",
+        fontWeight: "var(--fw-medium)"
+      }),
+      children: error
+    })]
+  });
+}
+var _default = exports["default"] = Field;
+//# sourceMappingURL=Field.js.map