@portnet/ui 6.0.0 → 6.0.2

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

@@ -0,0 +1,124 @@
+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", "disabled", "indeterminate", "inputProps", "sx"];
+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 MuiCheckbox from "@mui/material/Checkbox";
+import FormControlLabel from "@mui/material/FormControlLabel";
+import FormGroup from "@mui/material/FormGroup";
+
+/**
+ * Checkbox - Portnet UI v2
+ *
+ *   <Checkbox checked={v} onChange={e => set(e.target.checked)} label="Accepter" />
+ *
+ * For groups:
+ *   <CheckboxGroup>
+ *     <Checkbox label="Option A" />
+ *     <Checkbox label="Option B" />
+ *   </CheckboxGroup>
+ *
+ * MUI v9 surface notes (audit Batch 2 external):
+ *   The public `inputProps` is routed internally to slotProps.input -
+ *   MUI v9 idiomatic location for native <input/> attributes on Checkbox.
+ *   `inputProps` was deprecated in v6 and REMOVED in v9, so it is no longer
+ *   inherited from MuiCheckboxProps and must be re-declared here. The canonical
+ *   MUI v5 idiom `<Checkbox inputProps={{ 'aria-label': '...' }}/>`
+ *   would silently lose the aria contract without this routing.
+ *   Consumer code passing `inputProps={...}` to v2.Checkbox is unchanged.
+ */
+import { jsx as _jsx } from "react/jsx-runtime";
+export var Checkbox = /*#__PURE__*/React.forwardRef(function Checkbox(_ref, ref) {
+  var checked = _ref.checked,
+    onChange = _ref.onChange,
+    label = _ref.label,
+    disabled = _ref.disabled,
+    indeterminate = _ref.indeterminate,
+    inputProps = _ref.inputProps,
+    sx = _ref.sx,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  var cb = /*#__PURE__*/_jsx(MuiCheckbox, _objectSpread({
+    ref: ref,
+    checked: !!checked,
+    onChange: onChange,
+    disabled: disabled,
+    indeterminate: indeterminate,
+    size: "small"
+    // MUI v9: Checkbox inputProps -> slotProps.input. Emitted
+    // conditionally so we don't pass `slotProps={{ input: undefined }}`
+    // when the consumer supplies nothing (strict-mode bundler hygiene).
+    ,
+    slotProps: inputProps ? {
+      input: inputProps
+    } : undefined,
+    sx: _objectSpread({
+      padding: "6px",
+      "&:focus-visible": {
+        outline: "2px solid var(--accent)",
+        outlineOffset: "var(--pui-outline-offset)"
+      }
+    }, sx)
+  }, rest));
+  if (!label) return cb;
+  return /*#__PURE__*/_jsx(FormControlLabel, {
+    control: cb,
+    label: label,
+    disabled: disabled,
+    sx: {
+      margin: 0,
+      "& .MuiFormControlLabel-label": {
+        fontSize: "var(--text-sm, 13px)"
+      }
+    }
+  });
+});
+
+/**
+ * CheckboxGroup - Portnet UI v2
+ *
+ * Layout + semantics container for a set of related checkboxes. row=false
+ * (default) stacks vertically with a small gap; row=true lays out horizontally
+ * with a larger gap.
+ *
+ * A11y (CC-6): renders an ARIA `role="group"` and forwards an explicit set of
+ * grouping attributes (id / aria-label / aria-labelledby / aria-describedby /
+ * aria-invalid) so a wrapping <Field label group> can name and describe the
+ * whole group. Field also broadcasts error/disabled/fullWidth into its child;
+ * those are intentionally NOT forwarded here (they are not valid on a div and
+ * do not apply to a layout group). Pass `role`/`aria-label` explicitly to name
+ * the group when used outside <Field>.
+ */
+
+export function CheckboxGroup(_ref2) {
+  var _ref2$row = _ref2.row,
+    row = _ref2$row === void 0 ? false : _ref2$row,
+    children = _ref2.children,
+    sx = _ref2.sx,
+    _ref2$role = _ref2.role,
+    role = _ref2$role === void 0 ? "group" : _ref2$role,
+    id = _ref2.id,
+    ariaLabel = _ref2["aria-label"],
+    ariaLabelledby = _ref2["aria-labelledby"],
+    ariaDescribedby = _ref2["aria-describedby"],
+    ariaInvalid = _ref2["aria-invalid"];
+  return /*#__PURE__*/_jsx(FormGroup, {
+    row: row,
+    role: role,
+    id: id,
+    "aria-label": ariaLabel,
+    "aria-labelledby": ariaLabelledby,
+    "aria-describedby": ariaDescribedby,
+    "aria-invalid": ariaInvalid,
+    sx: _objectSpread({
+      gap: row ? 2 : "var(--s-1)"
+    }, sx),
+    children: children
+  });
+}
+export default Checkbox;
+//# sourceMappingURL=Checkbox.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.js","names":["React","MuiCheckbox","FormControlLabel","FormGroup","jsx","_jsx","Checkbox","forwardRef","_ref","ref","checked","onChange","label","disabled","indeterminate","inputProps","sx","rest","_objectWithoutProperties","_excluded","cb","_objectSpread","size","slotProps","input","undefined","padding","outline","outlineOffset","control","margin","fontSize","CheckboxGroup","_ref2","_ref2$row","row","children","_ref2$role","role","id","ariaLabel","ariaLabelledby","ariaDescribedby","ariaInvalid","gap"],"sources":["../../../../src/lib/v2/components/Checkbox.tsx"],"sourcesContent":["import * as React from \"react\";\r\nimport MuiCheckbox from \"@mui/material/Checkbox\";\r\nimport type { CheckboxProps as MuiCheckboxProps } from \"@mui/material/Checkbox\";\r\nimport FormControlLabel from \"@mui/material/FormControlLabel\";\r\nimport FormGroup from \"@mui/material/FormGroup\";\r\nimport type { SxProps, Theme } from \"@mui/material/styles\";\r\n\r\n/**\r\n * Checkbox - Portnet UI v2\r\n *\r\n *   <Checkbox checked={v} onChange={e => set(e.target.checked)} label=\"Accepter\" />\r\n *\r\n * For groups:\r\n *   <CheckboxGroup>\r\n *     <Checkbox label=\"Option A\" />\r\n *     <Checkbox label=\"Option B\" />\r\n *   </CheckboxGroup>\r\n *\r\n * MUI v9 surface notes (audit Batch 2 external):\r\n *   The public `inputProps` is routed internally to slotProps.input -\r\n *   MUI v9 idiomatic location for native <input/> attributes on Checkbox.\r\n *   `inputProps` was deprecated in v6 and REMOVED in v9, so it is no longer\r\n *   inherited from MuiCheckboxProps and must be re-declared here. The canonical\r\n *   MUI v5 idiom `<Checkbox inputProps={{ 'aria-label': '...' }}/>`\r\n *   would silently lose the aria contract without this routing.\r\n *   Consumer code passing `inputProps={...}` to v2.Checkbox is unchanged.\r\n */\r\nexport interface CheckboxProps extends MuiCheckboxProps {\r\n  label?: React.ReactNode | undefined;\r\n  /** Native <input> attributes. Routed to slotProps.input (v9). */\r\n  inputProps?: React.InputHTMLAttributes<HTMLInputElement> | undefined;\r\n}\r\n\r\nexport const Checkbox = React.forwardRef<React.ComponentRef<typeof MuiCheckbox>, CheckboxProps>(function Checkbox(\r\n  { checked, onChange, label, disabled, indeterminate, inputProps, sx, ...rest },\r\n  ref,\r\n) {\r\n  const cb = (\r\n    <MuiCheckbox\r\n      ref={ref}\r\n      checked={!!checked}\r\n      onChange={onChange}\r\n      disabled={disabled}\r\n      indeterminate={indeterminate}\r\n      size=\"small\"\r\n      // MUI v9: Checkbox inputProps -> slotProps.input. Emitted\r\n      // conditionally so we don't pass `slotProps={{ input: undefined }}`\r\n      // when the consumer supplies nothing (strict-mode bundler hygiene).\r\n      slotProps={inputProps ? { input: inputProps } : undefined}\r\n      sx={{\r\n        padding: \"6px\",\r\n        \"&:focus-visible\": {\r\n          outline: \"2px solid var(--accent)\",\r\n          outlineOffset: \"var(--pui-outline-offset)\",\r\n        },\r\n        ...sx,\r\n      }}\r\n      {...rest}\r\n    />\r\n  );\r\n  if (!label) return cb;\r\n  return (\r\n    <FormControlLabel\r\n      control={cb}\r\n      label={label}\r\n      disabled={disabled}\r\n      sx={{\r\n        margin: 0,\r\n        \"& .MuiFormControlLabel-label\": { fontSize: \"var(--text-sm, 13px)\" },\r\n      }}\r\n    />\r\n  );\r\n});\r\n\r\n/**\r\n * CheckboxGroup - Portnet UI v2\r\n *\r\n * Layout + semantics container for a set of related checkboxes. row=false\r\n * (default) stacks vertically with a small gap; row=true lays out horizontally\r\n * with a larger gap.\r\n *\r\n * A11y (CC-6): renders an ARIA `role=\"group\"` and forwards an explicit set of\r\n * grouping attributes (id / aria-label / aria-labelledby / aria-describedby /\r\n * aria-invalid) so a wrapping <Field label group> can name and describe the\r\n * whole group. Field also broadcasts error/disabled/fullWidth into its child;\r\n * those are intentionally NOT forwarded here (they are not valid on a div and\r\n * do not apply to a layout group). Pass `role`/`aria-label` explicitly to name\r\n * the group when used outside <Field>.\r\n */\r\nexport interface CheckboxGroupProps {\r\n  row?: boolean | undefined;\r\n  children?: React.ReactNode | undefined;\r\n  sx?: SxProps<Theme> | undefined;\r\n  /** ARIA role for the container (default \"group\"). */\r\n  role?: React.AriaRole | undefined;\r\n  id?: string | undefined;\r\n  \"aria-label\"?: string | undefined;\r\n  \"aria-labelledby\"?: string | undefined;\r\n  \"aria-describedby\"?: string | undefined;\r\n  \"aria-invalid\"?: React.AriaAttributes[\"aria-invalid\"] | undefined;\r\n}\r\n\r\nexport function CheckboxGroup({\r\n  row = false,\r\n  children,\r\n  sx,\r\n  role = \"group\",\r\n  id,\r\n  \"aria-label\": ariaLabel,\r\n  \"aria-labelledby\": ariaLabelledby,\r\n  \"aria-describedby\": ariaDescribedby,\r\n  \"aria-invalid\": ariaInvalid,\r\n}: CheckboxGroupProps) {\r\n  return (\r\n    <FormGroup\r\n      row={row}\r\n      role={role}\r\n      id={id}\r\n      aria-label={ariaLabel}\r\n      aria-labelledby={ariaLabelledby}\r\n      aria-describedby={ariaDescribedby}\r\n      aria-invalid={ariaInvalid}\r\n      sx={{\r\n        gap: row ? 2 : \"var(--s-1)\",\r\n        ...sx,\r\n      }}\r\n    >\r\n      {children}\r\n    </FormGroup>\r\n  );\r\n}\r\n\r\nexport default Checkbox;\r\n"],"mappings":";;;;;;;;;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,OAAOC,WAAW,MAAM,wBAAwB;AAEhD,OAAOC,gBAAgB,MAAM,gCAAgC;AAC7D,OAAOC,SAAS,MAAM,yBAAyB;;AAG/C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAnBA,SAAAC,GAAA,IAAAC,IAAA;AA0BA,OAAO,IAAMC,QAAQ,gBAAGN,KAAK,CAACO,UAAU,CAAwD,SAASD,QAAQA,CAAAE,IAAA,EAE/GC,GAAG,EACH;EAAA,IAFEC,OAAO,GAAAF,IAAA,CAAPE,OAAO;IAAEC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;IAAEC,KAAK,GAAAJ,IAAA,CAALI,KAAK;IAAEC,QAAQ,GAAAL,IAAA,CAARK,QAAQ;IAAEC,aAAa,GAAAN,IAAA,CAAbM,aAAa;IAAEC,UAAU,GAAAP,IAAA,CAAVO,UAAU;IAAEC,EAAE,GAAAR,IAAA,CAAFQ,EAAE;IAAKC,IAAI,GAAAC,wBAAA,CAAAV,IAAA,EAAAW,SAAA;EAG5E,IAAMC,EAAE,gBACNf,IAAA,CAACJ,WAAW,EAAAoB,aAAA;IACVZ,GAAG,EAAEA,GAAI;IACTC,OAAO,EAAE,CAAC,CAACA,OAAQ;IACnBC,QAAQ,EAAEA,QAAS;IACnBE,QAAQ,EAAEA,QAAS;IACnBC,aAAa,EAAEA,aAAc;IAC7BQ,IAAI,EAAC;IACL;IACA;IACA;IAAA;IACAC,SAAS,EAAER,UAAU,GAAG;MAAES,KAAK,EAAET;IAAW,CAAC,GAAGU,SAAU;IAC1DT,EAAE,EAAAK,aAAA;MACAK,OAAO,EAAE,KAAK;MACd,iBAAiB,EAAE;QACjBC,OAAO,EAAE,yBAAyB;QAClCC,aAAa,EAAE;MACjB;IAAC,GACEZ,EAAE;EACL,GACEC,IAAI,CACT,CACF;EACD,IAAI,CAACL,KAAK,EAAE,OAAOQ,EAAE;EACrB,oBACEf,IAAA,CAACH,gBAAgB;IACf2B,OAAO,EAAET,EAAG;IACZR,KAAK,EAAEA,KAAM;IACbC,QAAQ,EAAEA,QAAS;IACnBG,EAAE,EAAE;MACFc,MAAM,EAAE,CAAC;MACT,8BAA8B,EAAE;QAAEC,QAAQ,EAAE;MAAuB;IACrE;EAAE,CACH,CAAC;AAEN,CAAC,CAAC;;AAEF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAcA,OAAO,SAASC,aAAaA,CAAAC,KAAA,EAUN;EAAA,IAAAC,SAAA,GAAAD,KAAA,CATrBE,GAAG;IAAHA,GAAG,GAAAD,SAAA,cAAG,KAAK,GAAAA,SAAA;IACXE,QAAQ,GAAAH,KAAA,CAARG,QAAQ;IACRpB,EAAE,GAAAiB,KAAA,CAAFjB,EAAE;IAAAqB,UAAA,GAAAJ,KAAA,CACFK,IAAI;IAAJA,IAAI,GAAAD,UAAA,cAAG,OAAO,GAAAA,UAAA;IACdE,EAAE,GAAAN,KAAA,CAAFM,EAAE;IACYC,SAAS,GAAAP,KAAA,CAAvB,YAAY;IACOQ,cAAc,GAAAR,KAAA,CAAjC,iBAAiB;IACGS,eAAe,GAAAT,KAAA,CAAnC,kBAAkB;IACFU,WAAW,GAAAV,KAAA,CAA3B,cAAc;EAEd,oBACE5B,IAAA,CAACF,SAAS;IACRgC,GAAG,EAAEA,GAAI;IACTG,IAAI,EAAEA,IAAK;IACXC,EAAE,EAAEA,EAAG;IACP,cAAYC,SAAU;IACtB,mBAAiBC,cAAe;IAChC,oBAAkBC,eAAgB;IAClC,gBAAcC,WAAY;IAC1B3B,EAAE,EAAAK,aAAA;MACAuB,GAAG,EAAET,GAAG,GAAG,CAAC,GAAG;IAAY,GACxBnB,EAAE,CACL;IAAAoB,QAAA,EAEDA;EAAQ,CACA,CAAC;AAEhB;AAEA,eAAe9B,QAAQ","ignoreList":[]}

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

@@ -0,0 +1,124 @@
+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 = ["active", "removable", "onRemove", "size", "labels", "children", "sx"];
+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 MuiChip from "@mui/material/Chip";
+import CloseIcon from "@mui/icons-material/Close";
+import { mergeLabels } from "../utils/mergeLabels";
+
+/**
+ * Chip - Portnet UI v2
+ *
+ * Generic filter / tag chip.
+ * For workflow status, use <Status> instead - its colour palette is canonical.
+ *
+ *   <Chip>Importateur</Chip>
+ *   <Chip active>Actif</Chip>
+ *   <Chip removable onRemove={() => …}>Banque · BMCE</Chip>
+ *
+ * Localisation (FR / EN / AR):
+ *   <Chip removable
+ *         labels={{
+ *           remove:         (text) => `Remove ${text}`,
+ *           removeFallback: "Remove this filter",
+ *         }}>
+ *     Bank · BMCE
+ *   </Chip>
+ *
+ * A11y note (R-Ar.2):
+ *   When `removable`, the delete trigger gets a derived aria-label
+ *   ("Retirer X" by default, or whatever `labels.remove(text)`
+ *   returns) so SR users hear a meaningful name instead of MUI's
+ *   default rendering ("delete" English / unnamed icon button).
+ *
+ *   Keyboard delete is supported at the chip level (the chip itself is
+ *   focusable; Backspace / Delete fires onDelete per MUI Chip
+ *   semantics). The custom delete handle is therefore intentionally
+ *   non-focusable - duplicating focus on it would create two tab-stops
+ *   for the same action.
+ */
+import { jsx as _jsx } from "react/jsx-runtime";
+var DEFAULT_LABELS = Object.freeze({
+  remove: function remove(text) {
+    return "Retirer ".concat(text);
+  },
+  removeFallback: "Retirer ce filtre"
+});
+
+// Best-effort plain-text extraction from a chip's children. Used to
+// build the delete-button aria-label. Falls back gracefully when the
+// children are non-text (e.g. an Avatar or a complex JSX tree).
+function extractText(node) {
+  if (node == null || node === false) return "";
+  if (typeof node === "string" || typeof node === "number") return String(node);
+  if (Array.isArray(node)) return node.map(extractText).join(" ").trim();
+  if (/*#__PURE__*/React.isValidElement(node)) {
+    return extractText(node.props.children);
+  }
+  return "";
+}
+function Chip(_ref) {
+  var _ref$active = _ref.active,
+    active = _ref$active === void 0 ? false : _ref$active,
+    _ref$removable = _ref.removable,
+    removable = _ref$removable === void 0 ? false : _ref$removable,
+    onRemove = _ref.onRemove,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? "md" : _ref$size,
+    labels = _ref.labels,
+    children = _ref.children,
+    sx = _ref.sx,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  var L = React.useMemo(function () {
+    return mergeLabels(DEFAULT_LABELS, labels);
+  }, [labels]);
+
+  // R-Ar.2 - derive a meaningful aria-label for the delete trigger.
+  var removeLabel = React.useMemo(function () {
+    if (!removable) return undefined;
+    var text = extractText(children).trim();
+    return text ? L.remove(text) : L.removeFallback;
+  }, [removable, children, L]);
+
+  // Plain aria-labeled span. MuiChip clones onClick onto it (turning
+  // it into the delete trigger). NOT focusable on its own - keyboard
+  // delete works via the chip itself (Backspace/Delete on focused chip
+  // fires onDelete per MUI Chip semantics).
+  var deleteIconNode = removable ? /*#__PURE__*/_jsx("span", {
+    "aria-label": removeLabel,
+    style: {
+      display: "inline-flex",
+      alignItems: "center"
+    },
+    children: /*#__PURE__*/_jsx(CloseIcon, {
+      fontSize: "small",
+      "aria-hidden": "true"
+    })
+  }) : undefined;
+  return /*#__PURE__*/_jsx(MuiChip, _objectSpread({
+    label: children,
+    size: size === "sm" ? "small" : "medium",
+    onDelete: removable ? onRemove : undefined,
+    deleteIcon: deleteIconNode,
+    sx: _objectSpread({
+      backgroundColor: active ? "var(--accent-soft)" : "var(--bg-subtle)",
+      color: active ? "var(--accent)" : "var(--fg-muted)",
+      fontWeight: active ? "var(--fw-semibold, 600)" : "var(--fw-medium, 500)",
+      border: active ? "1px solid var(--accent)" : "1px solid var(--border)",
+      "& .MuiChip-deleteIcon": {
+        color: "var(--fg-subtle)",
+        "&:hover": {
+          color: "var(--danger)"
+        }
+      }
+    }, sx)
+  }, rest));
+}
+export default Chip;
+//# sourceMappingURL=Chip.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Chip.js","names":["React","MuiChip","CloseIcon","mergeLabels","jsx","_jsx","DEFAULT_LABELS","Object","freeze","remove","text","concat","removeFallback","extractText","node","String","Array","isArray","map","join","trim","isValidElement","props","children","Chip","_ref","_ref$active","active","_ref$removable","removable","onRemove","_ref$size","size","labels","sx","rest","_objectWithoutProperties","_excluded","L","useMemo","removeLabel","undefined","deleteIconNode","style","display","alignItems","fontSize","_objectSpread","label","onDelete","deleteIcon","backgroundColor","color","fontWeight","border"],"sources":["../../../../src/lib/v2/components/Chip.tsx"],"sourcesContent":["import * as React from \"react\";\r\nimport MuiChip from \"@mui/material/Chip\";\r\nimport type { ChipProps as MuiChipProps } from \"@mui/material/Chip\";\r\nimport CloseIcon from \"@mui/icons-material/Close\";\r\nimport { mergeLabels } from \"../utils/mergeLabels\";\r\n\r\n/**\r\n * Chip - Portnet UI v2\r\n *\r\n * Generic filter / tag chip.\r\n * For workflow status, use <Status> instead - its colour palette is canonical.\r\n *\r\n *   <Chip>Importateur</Chip>\r\n *   <Chip active>Actif</Chip>\r\n *   <Chip removable onRemove={() => …}>Banque · BMCE</Chip>\r\n *\r\n * Localisation (FR / EN / AR):\r\n *   <Chip removable\r\n *         labels={{\r\n *           remove:         (text) => `Remove ${text}`,\r\n *           removeFallback: \"Remove this filter\",\r\n *         }}>\r\n *     Bank · BMCE\r\n *   </Chip>\r\n *\r\n * A11y note (R-Ar.2):\r\n *   When `removable`, the delete trigger gets a derived aria-label\r\n *   (\"Retirer X\" by default, or whatever `labels.remove(text)`\r\n *   returns) so SR users hear a meaningful name instead of MUI's\r\n *   default rendering (\"delete\" English / unnamed icon button).\r\n *\r\n *   Keyboard delete is supported at the chip level (the chip itself is\r\n *   focusable; Backspace / Delete fires onDelete per MUI Chip\r\n *   semantics). The custom delete handle is therefore intentionally\r\n *   non-focusable - duplicating focus on it would create two tab-stops\r\n *   for the same action.\r\n */\r\n\r\nexport interface ChipLabels {\r\n  remove?: ((text: string) => string) | undefined;\r\n  removeFallback?: string | undefined;\r\n}\r\n\r\nexport interface ChipProps\r\n  extends Omit<MuiChipProps, \"label\" | \"size\" | \"onDelete\" | \"deleteIcon\" | \"children\"> {\r\n  active?: boolean | undefined;\r\n  removable?: boolean | undefined;\r\n  onRemove?: MuiChipProps[\"onDelete\"] | undefined;\r\n  size?: \"sm\" | \"md\" | undefined;\r\n  labels?: ChipLabels | undefined;\r\n  children?: React.ReactNode | undefined;\r\n}\r\n\r\nconst DEFAULT_LABELS = Object.freeze({\r\n  remove:         (text: string): string => `Retirer ${text}`,\r\n  removeFallback: \"Retirer ce filtre\",\r\n});\r\n\r\n// Best-effort plain-text extraction from a chip's children. Used to\r\n// build the delete-button aria-label. Falls back gracefully when the\r\n// children are non-text (e.g. an Avatar or a complex JSX tree).\r\nfunction extractText(node: React.ReactNode): string {\r\n  if (node == null || node === false) return \"\";\r\n  if (typeof node === \"string\" || typeof node === \"number\") return String(node);\r\n  if (Array.isArray(node)) return node.map(extractText).join(\" \").trim();\r\n  if (React.isValidElement(node)) {\r\n    return extractText((node.props as { children?: React.ReactNode }).children);\r\n  }\r\n  return \"\";\r\n}\r\n\r\nfunction Chip({\r\n  active = false,\r\n  removable = false,\r\n  onRemove,\r\n  size = \"md\",\r\n  labels,\r\n  children,\r\n  sx,\r\n  ...rest\r\n}: ChipProps) {\r\n  const L = React.useMemo(\r\n    () => (mergeLabels(DEFAULT_LABELS, labels)),\r\n    [labels]\r\n  );\r\n\r\n  // R-Ar.2 - derive a meaningful aria-label for the delete trigger.\r\n  const removeLabel = React.useMemo(() => {\r\n    if (!removable) return undefined;\r\n    const text = extractText(children).trim();\r\n    return text ? L.remove(text) : L.removeFallback;\r\n  }, [removable, children, L]);\r\n\r\n  // Plain aria-labeled span. MuiChip clones onClick onto it (turning\r\n  // it into the delete trigger). NOT focusable on its own - keyboard\r\n  // delete works via the chip itself (Backspace/Delete on focused chip\r\n  // fires onDelete per MUI Chip semantics).\r\n  const deleteIconNode = removable ? (\r\n    <span\r\n      aria-label={removeLabel}\r\n      style={{ display: \"inline-flex\", alignItems: \"center\" }}\r\n    >\r\n      <CloseIcon fontSize=\"small\" aria-hidden=\"true\" />\r\n    </span>\r\n  ) : undefined;\r\n\r\n  return (\r\n    <MuiChip\r\n      label={children}\r\n      size={size === \"sm\" ? \"small\" : \"medium\"}\r\n      onDelete={removable ? onRemove : undefined}\r\n      deleteIcon={deleteIconNode}\r\n      sx={{\r\n        backgroundColor: active ? \"var(--accent-soft)\" : \"var(--bg-subtle)\",\r\n        color: active ? \"var(--accent)\" : \"var(--fg-muted)\",\r\n        fontWeight: active ? \"var(--fw-semibold, 600)\" : \"var(--fw-medium, 500)\",\r\n        border: active ? \"1px solid var(--accent)\" : \"1px solid var(--border)\",\r\n        \"& .MuiChip-deleteIcon\": {\r\n          color: \"var(--fg-subtle)\",\r\n          \"&:hover\": { color: \"var(--danger)\" },\r\n        },\r\n        ...sx,\r\n      }}\r\n      {...rest}\r\n    />\r\n  );\r\n}\r\n\r\nexport default Chip;\r\n"],"mappings":";;;;;;;;;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,OAAOC,OAAO,MAAM,oBAAoB;AAExC,OAAOC,SAAS,MAAM,2BAA2B;AACjD,SAASC,WAAW,QAAQ,sBAAsB;;AAElD;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;AA9BA,SAAAC,GAAA,IAAAC,IAAA;AA+CA,IAAMC,cAAc,GAAGC,MAAM,CAACC,MAAM,CAAC;EACnCC,MAAM,EAAU,SAAAA,OAACC,IAAY;IAAA,kBAAAC,MAAA,CAAwBD,IAAI;EAAA,CAAE;EAC3DE,cAAc,EAAE;AAClB,CAAC,CAAC;;AAEF;AACA;AACA;AACA,SAASC,WAAWA,CAACC,IAAqB,EAAU;EAClD,IAAIA,IAAI,IAAI,IAAI,IAAIA,IAAI,KAAK,KAAK,EAAE,OAAO,EAAE;EAC7C,IAAI,OAAOA,IAAI,KAAK,QAAQ,IAAI,OAAOA,IAAI,KAAK,QAAQ,EAAE,OAAOC,MAAM,CAACD,IAAI,CAAC;EAC7E,IAAIE,KAAK,CAACC,OAAO,CAACH,IAAI,CAAC,EAAE,OAAOA,IAAI,CAACI,GAAG,CAACL,WAAW,CAAC,CAACM,IAAI,CAAC,GAAG,CAAC,CAACC,IAAI,CAAC,CAAC;EACtE,iBAAIpB,KAAK,CAACqB,cAAc,CAACP,IAAI,CAAC,EAAE;IAC9B,OAAOD,WAAW,CAAEC,IAAI,CAACQ,KAAK,CAAoCC,QAAQ,CAAC;EAC7E;EACA,OAAO,EAAE;AACX;AAEA,SAASC,IAAIA,CAAAC,IAAA,EASC;EAAA,IAAAC,WAAA,GAAAD,IAAA,CARZE,MAAM;IAANA,MAAM,GAAAD,WAAA,cAAG,KAAK,GAAAA,WAAA;IAAAE,cAAA,GAAAH,IAAA,CACdI,SAAS;IAATA,SAAS,GAAAD,cAAA,cAAG,KAAK,GAAAA,cAAA;IACjBE,QAAQ,GAAAL,IAAA,CAARK,QAAQ;IAAAC,SAAA,GAAAN,IAAA,CACRO,IAAI;IAAJA,IAAI,GAAAD,SAAA,cAAG,IAAI,GAAAA,SAAA;IACXE,MAAM,GAAAR,IAAA,CAANQ,MAAM;IACNV,QAAQ,GAAAE,IAAA,CAARF,QAAQ;IACRW,EAAE,GAAAT,IAAA,CAAFS,EAAE;IACCC,IAAI,GAAAC,wBAAA,CAAAX,IAAA,EAAAY,SAAA;EAEP,IAAMC,CAAC,GAAGtC,KAAK,CAACuC,OAAO,CACrB;IAAA,OAAOpC,WAAW,CAACG,cAAc,EAAE2B,MAAM,CAAC;EAAA,CAAC,EAC3C,CAACA,MAAM,CACT,CAAC;;EAED;EACA,IAAMO,WAAW,GAAGxC,KAAK,CAACuC,OAAO,CAAC,YAAM;IACtC,IAAI,CAACV,SAAS,EAAE,OAAOY,SAAS;IAChC,IAAM/B,IAAI,GAAGG,WAAW,CAACU,QAAQ,CAAC,CAACH,IAAI,CAAC,CAAC;IACzC,OAAOV,IAAI,GAAG4B,CAAC,CAAC7B,MAAM,CAACC,IAAI,CAAC,GAAG4B,CAAC,CAAC1B,cAAc;EACjD,CAAC,EAAE,CAACiB,SAAS,EAAEN,QAAQ,EAAEe,CAAC,CAAC,CAAC;;EAE5B;EACA;EACA;EACA;EACA,IAAMI,cAAc,GAAGb,SAAS,gBAC9BxB,IAAA;IACE,cAAYmC,WAAY;IACxBG,KAAK,EAAE;MAAEC,OAAO,EAAE,aAAa;MAAEC,UAAU,EAAE;IAAS,CAAE;IAAAtB,QAAA,eAExDlB,IAAA,CAACH,SAAS;MAAC4C,QAAQ,EAAC,OAAO;MAAC,eAAY;IAAM,CAAE;EAAC,CAC7C,CAAC,GACLL,SAAS;EAEb,oBACEpC,IAAA,CAACJ,OAAO,EAAA8C,aAAA;IACNC,KAAK,EAAEzB,QAAS;IAChBS,IAAI,EAAEA,IAAI,KAAK,IAAI,GAAG,OAAO,GAAG,QAAS;IACzCiB,QAAQ,EAAEpB,SAAS,GAAGC,QAAQ,GAAGW,SAAU;IAC3CS,UAAU,EAAER,cAAe;IAC3BR,EAAE,EAAAa,aAAA;MACAI,eAAe,EAAExB,MAAM,GAAG,oBAAoB,GAAG,kBAAkB;MACnEyB,KAAK,EAAEzB,MAAM,GAAG,eAAe,GAAG,iBAAiB;MACnD0B,UAAU,EAAE1B,MAAM,GAAG,yBAAyB,GAAG,uBAAuB;MACxE2B,MAAM,EAAE3B,MAAM,GAAG,yBAAyB,GAAG,yBAAyB;MACtE,uBAAuB,EAAE;QACvByB,KAAK,EAAE,kBAAkB;QACzB,SAAS,EAAE;UAAEA,KAAK,EAAE;QAAgB;MACtC;IAAC,GACElB,EAAE;EACL,GACEC,IAAI,CACT,CAAC;AAEN;AAEA,eAAeX,IAAI","ignoreList":[]}