@portnet/ui 6.0.1 → 6.0.3

package/dist/v2/components/Select.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports.default = void 0;
 exports.isRecord = isRecord;
 exports.labelFromValue = labelFromValue;
 exports.sameOptionValue = sameOptionValue;
@@ -17,25 +17,9 @@ var _Close = _interopRequireDefault(require("@mui/icons-material/Close"));
 var _Search = _interopRequireDefault(require("@mui/icons-material/Search"));
 var _mergeLabels = require("../utils/mergeLabels");
 var _jsxRuntime = require("react/jsx-runtime");
-var _excluded = ["value", "onChange", "onBlur", "options", "placeholder", "disabled", "error", "fullWidth", "multiple", "labels", "searchable", "searchThreshold", "inputRef", "sx"];
-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 _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) { ; } } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-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; }
-function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e2) { throw _e2; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e3) { didErr = true; err = _e3; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
-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 _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 _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 _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+/**
  * Select — Portnet UI v2
  *
  * Charter §03 · Component "Select".
@@ -64,18 +48,19 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
  *   that focus target is never null — otherwise clicking the closed select
  *   throws "Cannot read properties of null (reading 'focus')" from inside
  *   MUI's own click handler.
- */ /**
+ */
+
+/**
  * onChange event shape. Deliberately loose: the component fires onChange
  * both from MUI's native SelectChangeEvent AND from a synthetic
  * { target: { value } } object in the chip-remove / clear-all paths.
  */
-var DEFAULT_LABELS = Object.freeze({
+
+const DEFAULT_LABELS = Object.freeze({
   placeholder: "Sélectionner…",
   clearAll: "Tout effacer",
   clearAllAria: "Tout effacer la sélection",
-  removeChip: function removeChip(lbl) {
-    return "Retirer ".concat(String(lbl));
-  },
+  removeChip: lbl => `Retirer ${String(lbl)}`,
   searchLabel: "Rechercher…",
   searchClear: "Effacer la recherche",
   noOptions: "Aucun résultat"
@@ -113,27 +98,18 @@ var DEFAULT_LABELS = Object.freeze({
  */
 
 function isRecord(v) {
-  return _typeof(v) === "object" && v !== null;
+  return typeof v === "object" && v !== null;
 }
 
 /** Stable string key for a value, primitive or object. "" when undecidable. */
 function valueKey(v) {
   if (v === null || v === undefined) return "";
   if (!isRecord(v)) return String(v);
-  var _iterator = _createForOfIteratorHelper(["value", "id", "code"]),
-    _step;
-  try {
-    for (_iterator.s(); !(_step = _iterator.n()).done;) {
-      var k = _step.value;
-      var candidate = v[k];
-      if (candidate !== null && candidate !== undefined && !isRecord(candidate)) {
-        return String(candidate);
-      }
+  for (const k of ["value", "id", "code"]) {
+    const candidate = v[k];
+    if (candidate !== null && candidate !== undefined && !isRecord(candidate)) {
+      return String(candidate);
     }
-  } catch (err) {
-    _iterator.e(err);
-  } finally {
-    _iterator.f();
   }
   return "";
 }
@@ -149,7 +125,7 @@ function valueKey(v) {
 function sameOptionValue(a, b) {
   if (a === b) return true;
   if (isRecord(a) || isRecord(b)) {
-    var ka = valueKey(a);
+    const ka = valueKey(a);
     return ka !== "" && ka === valueKey(b);
   }
   return String(a) === String(b);
@@ -163,21 +139,12 @@ function sameOptionValue(a, b) {
 function labelFromValue(v) {
   if (v === null || v === undefined) return null;
   if (!isRecord(v)) return String(v);
-  var _iterator2 = _createForOfIteratorHelper(["label", "description", "name", "libelle", "code"]),
-    _step2;
-  try {
-    for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
-      var k = _step2.value;
-      var candidate = v[k];
-      if (candidate !== null && candidate !== undefined && !isRecord(candidate)) {
-        var s = String(candidate);
-        if (s !== "") return s;
-      }
+  for (const k of ["label", "description", "name", "libelle", "code"]) {
+    const candidate = v[k];
+    if (candidate !== null && candidate !== undefined && !isRecord(candidate)) {
+      const s = String(candidate);
+      if (s !== "") return s;
     }
-  } catch (err) {
-    _iterator2.e(err);
-  } finally {
-    _iterator2.f();
   }
   return null;
 }
@@ -187,7 +154,7 @@ function labelFromValue(v) {
  * onKeyDown stopPropagation prevents MUI's keyboard handler from
  * treating typed characters as list-navigation shortcuts.
  * ─────────────────────────────────────────────────────────────────── */
-var SEARCH_WRAPPER_SX = Object.freeze({
+const SEARCH_WRAPPER_SX = Object.freeze({
   position: "sticky",
   top: 0,
   zIndex: 1,
@@ -198,32 +165,29 @@ var SEARCH_WRAPPER_SX = Object.freeze({
   alignItems: "center",
   gap: "var(--s-2)"
 });
-var Select = /*#__PURE__*/React.forwardRef(function Select(_ref, ref) {
-  var value = _ref.value,
-    onChange = _ref.onChange,
-    onBlur = _ref.onBlur,
-    _ref$options = _ref.options,
-    options = _ref$options === void 0 ? [] : _ref$options,
-    placeholder = _ref.placeholder,
-    disabled = _ref.disabled,
-    error = _ref.error,
-    _ref$fullWidth = _ref.fullWidth,
-    fullWidth = _ref$fullWidth === void 0 ? true : _ref$fullWidth,
-    _ref$multiple = _ref.multiple,
-    multiple = _ref$multiple === void 0 ? false : _ref$multiple,
-    labels = _ref.labels,
-    _ref$searchable = _ref.searchable,
-    searchable = _ref$searchable === void 0 ? false : _ref$searchable,
-    searchThreshold = _ref.searchThreshold,
-    callerInputRef = _ref.inputRef,
-    sx = _ref.sx,
-    rest = _objectWithoutProperties(_ref, _excluded);
+const Select = /*#__PURE__*/React.forwardRef(function Select({
+  value,
+  onChange,
+  onBlur,
+  options = [],
+  placeholder,
+  disabled,
+  error,
+  fullWidth = true,
+  multiple = false,
+  labels,
+  searchable = false,
+  searchThreshold,
+  inputRef: callerInputRef,
+  sx,
+  ...rest
+}, ref) {
   /* ── MUI v9 focus safety — always-present input ref ──────────────
    * MuiSelect calls inputRef.current.focus() on click. Guarantee a
    * live node by owning the ref here and merging any caller-provided
    * inputRef / forwarded ref onto it. */
-  var innerInputRef = React.useRef(null);
-  var setInputRef = React.useCallback(function (node) {
+  const innerInputRef = React.useRef(null);
+  const setInputRef = React.useCallback(node => {
     innerInputRef.current = node;
     if (typeof callerInputRef === "function") callerInputRef(node);
     // A caller-supplied ref object is typed with a readonly `current` by
@@ -236,55 +200,45 @@ var Select = /*#__PURE__*/React.forwardRef(function Select(_ref, ref) {
   }, [callerInputRef, ref]);
 
   /* ── Determine whether to show search ──────────────────────────── */
-  var showSearch = searchable || typeof searchThreshold === "number" && options.length >= searchThreshold;
+  const showSearch = searchable || typeof searchThreshold === "number" && options.length >= searchThreshold;
 
   /* Dev-time charter warn: only fires when no search is configured */
   if (process.env["NODE_ENV"] !== "production" && !showSearch && options.length > 30) {
     // eslint-disable-next-line no-console
-    console.warn("[@portnet/ui v2] <Select> has ".concat(options.length, " options \u2014 charter R-Sel.1: use searchThreshold={8} or Combobox above 30."));
+    console.warn(`[@portnet/ui v2] <Select> has ${options.length} options — charter R-Sel.1: use searchThreshold={8} or Combobox above 30.`);
   }
-  var L = (0, _mergeLabels.mergeLabels)(DEFAULT_LABELS, labels);
-  var effectivePlaceholder = placeholder !== null && placeholder !== void 0 ? placeholder : L.placeholder;
+  const L = (0, _mergeLabels.mergeLabels)(DEFAULT_LABELS, labels);
+  const effectivePlaceholder = placeholder ?? L.placeholder;
 
   /* ── Search state ──────────────────────────────────────────────── */
-  var _React$useState = React.useState(""),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    searchQuery = _React$useState2[0],
-    setSearchQuery = _React$useState2[1];
-  var searchRef = React.useRef(null);
-  var handleClose = React.useCallback(function () {
-    return setSearchQuery("");
-  }, []);
+  const [searchQuery, setSearchQuery] = React.useState("");
+  const searchRef = React.useRef(null);
+  const handleClose = React.useCallback(() => setSearchQuery(""), []);
 
   /* Focus the search input as soon as the dropdown opens.
    * MUI renders the Popover asynchronously → small delay needed. */
-  var handleOpen = React.useCallback(function () {
+  const handleOpen = React.useCallback(() => {
     if (showSearch) {
-      setTimeout(function () {
-        var _searchRef$current;
-        return (_searchRef$current = searchRef.current) === null || _searchRef$current === void 0 ? void 0 : _searchRef$current.focus();
-      }, 50);
+      setTimeout(() => searchRef.current?.focus(), 50);
     }
   }, [showSearch]);
-  var filteredOptions = React.useMemo(function () {
+  const filteredOptions = React.useMemo(() => {
     if (!showSearch || !searchQuery.trim()) return options;
-    var q = searchQuery.trim().toLowerCase();
-    return options.filter(function (o) {
-      var label = typeof o === "string" ? o : o.label;
+    const q = searchQuery.trim().toLowerCase();
+    return options.filter(o => {
+      const label = typeof o === "string" ? o : o.label;
       return String(label).toLowerCase().includes(q);
     });
   }, [options, searchQuery, showSearch]);
 
   /* ── Label resolver ────────────────────────────────────────────── */
-  var optionLabel = React.useCallback(function (v) {
-    var opt = options.find(function (o) {
-      return sameOptionValue(typeof o === "string" ? o : o.value, v);
-    });
+  const optionLabel = React.useCallback(v => {
+    const opt = options.find(o => sameOptionValue(typeof o === "string" ? o : o.value, v));
     if (opt) return typeof opt === "string" ? opt : opt.label;
 
     /* No match. NEVER return `v` unguarded — an object here is a React-child
      * crash. Derive something readable, else show the placeholder. */
-    var derived = labelFromValue(v);
+    const derived = labelFromValue(v);
     if (derived !== null) return derived;
     return /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
       style: {
@@ -295,7 +249,7 @@ var Select = /*#__PURE__*/React.forwardRef(function Select(_ref, ref) {
   }, [options, effectivePlaceholder]);
 
   /* ── Multi-select helpers ──────────────────────────────────────── */
-  var fireChange = React.useCallback(function (nextValue) {
+  const fireChange = React.useCallback(nextValue => {
     if (!onChange) return;
     onChange({
       target: {
@@ -303,27 +257,21 @@ var Select = /*#__PURE__*/React.forwardRef(function Select(_ref, ref) {
       }
     });
   }, [onChange]);
-  var removeOne = function removeOne(val) {
-    return function (e) {
-      e.stopPropagation();
-      if (!multiple) return;
-      var arr = Array.isArray(value) ? value : [];
-      fireChange(arr.filter(function (v) {
-        return !sameOptionValue(v, val);
-      }));
-    };
+  const removeOne = val => e => {
+    e.stopPropagation();
+    if (!multiple) return;
+    const arr = Array.isArray(value) ? value : [];
+    fireChange(arr.filter(v => !sameOptionValue(v, val)));
   };
-  var clearAll = function clearAll(e) {
+  const clearAll = e => {
     e.stopPropagation();
     if (!multiple) return;
     fireChange([]);
   };
-  var stop = function stop(e) {
-    return e.stopPropagation();
-  };
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Select["default"], _objectSpread(_objectSpread({
+  const stop = e => e.stopPropagation();
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Select.default, {
     inputRef: setInputRef,
-    value: value !== null && value !== void 0 ? value : multiple ? [] : "",
+    value: value ?? (multiple ? [] : ""),
     onChange: onChange,
     onBlur: onBlur,
     onOpen: handleOpen,
@@ -334,9 +282,9 @@ var Select = /*#__PURE__*/React.forwardRef(function Select(_ref, ref) {
     fullWidth: fullWidth,
     multiple: multiple,
     size: "small",
-    renderValue: function renderValue(selected) {
+    renderValue: selected => {
       if (multiple) {
-        var arr = Array.isArray(selected) ? selected : [];
+        const arr = Array.isArray(selected) ? selected : [];
         if (arr.length === 0) {
           return /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
             style: {
@@ -345,21 +293,21 @@ var Select = /*#__PURE__*/React.forwardRef(function Select(_ref, ref) {
             children: effectivePlaceholder
           });
         }
-        return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box["default"], {
+        return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, {
           sx: {
             display: "flex",
             flexWrap: "wrap",
             alignItems: "center",
             gap: 0.5
           },
-          children: [arr.map(function (v, i) {
-            var lbl = optionLabel(v);
-            return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Chip["default"], {
+          children: [arr.map((v, i) => {
+            const lbl = optionLabel(v);
+            return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Chip.default, {
               size: "small",
               label: lbl,
               onMouseDown: stop,
               onDelete: removeOne(v),
-              deleteIcon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Close["default"], {
+              deleteIcon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Close.default, {
                 fontSize: "small",
                 onMouseDown: stop,
                 "aria-label": L.removeChip(lbl)
@@ -371,8 +319,8 @@ var Select = /*#__PURE__*/React.forwardRef(function Select(_ref, ref) {
                   fontSize: 12
                 }
               }
-            }, valueKey(v) || "sel-".concat(i));
-          }), arr.length > 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box["default"], {
+            }, valueKey(v) || `sel-${i}`);
+          }), arr.length > 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
             component: "button",
             type: "button",
             onMouseDown: stop,
@@ -412,30 +360,24 @@ var Select = /*#__PURE__*/React.forwardRef(function Select(_ref, ref) {
       }
       return optionLabel(selected);
     },
-    sx: sx
-  }, rest), {}, {
-    children: [showSearch && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box["default"], {
-      onKeyDown: function onKeyDown(e) {
-        return e.stopPropagation();
-      },
-      onClick: function onClick(e) {
-        return e.stopPropagation();
-      },
+    sx: sx,
+    ...rest,
+    children: [showSearch && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, {
+      onKeyDown: e => e.stopPropagation(),
+      onClick: e => e.stopPropagation(),
       sx: SEARCH_WRAPPER_SX,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Search["default"], {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Search.default, {
         sx: {
           fontSize: 16,
           color: "var(--fg-subtle)",
           flexShrink: 0
         },
         "aria-hidden": "true"
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box["default"], {
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
         component: "input",
         ref: searchRef,
         value: searchQuery,
-        onChange: function onChange(e) {
-          return setSearchQuery(e.target.value);
-        },
+        onChange: e => setSearchQuery(e.target.value),
         placeholder: L.searchLabel,
         "aria-label": L.searchLabel,
         sx: {
@@ -450,14 +392,13 @@ var Select = /*#__PURE__*/React.forwardRef(function Select(_ref, ref) {
             color: "var(--fg-subtle)"
           }
         }
-      }), searchQuery && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box["default"], {
+      }), searchQuery && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
         component: "button",
         type: "button",
-        onClick: function onClick(e) {
-          var _searchRef$current2;
+        onClick: e => {
           e.stopPropagation();
           setSearchQuery("");
-          (_searchRef$current2 = searchRef.current) === null || _searchRef$current2 === void 0 ? void 0 : _searchRef$current2.focus();
+          searchRef.current?.focus();
         },
         "aria-label": L.searchClear,
         sx: {
@@ -469,31 +410,55 @@ var Select = /*#__PURE__*/React.forwardRef(function Select(_ref, ref) {
           padding: 0,
           flexShrink: 0
         },
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Close["default"], {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Close.default, {
           sx: {
             fontSize: 14,
             color: "var(--fg-muted)"
           }
         })
       })]
-    }), showSearch && searchQuery.trim() && filteredOptions.length === 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_MenuItem["default"], {
+    }), showSearch && searchQuery.trim() && filteredOptions.length === 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_MenuItem.default, {
       disabled: true,
       sx: {
         color: "var(--fg-subtle)",
         fontSize: "var(--text-sm)"
       },
       children: L.noOptions
-    }), filteredOptions.map(function (o, i) {
-      var v = typeof o === "string" ? o : o.value;
-      var l = typeof o === "string" ? o : o.label;
+    }), filteredOptions.map((o, i) => {
+      const v = typeof o === "string" ? o : o.value;
+      const l = typeof o === "string" ? o : o.label;
       /* key via valueKey: an object value stringifies to "[object Object]",
        * which would give every item in the list the same React key. */
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_MenuItem["default"], {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_MenuItem.default, {
         value: v,
         children: l
-      }, valueKey(v) || "opt-".concat(i));
+      }, valueKey(v) || `opt-${i}`);
     })]
-  }));
+  });
 });
-var _default = exports["default"] = Select;
+
+/**
+ * Marqueur lu par `Field` (R-I.1) : ce contrôle consomme `labelId`.
+ *
+ * La surface visible d'un `Select` est un `div[role="combobox"]`, qui n'est PAS
+ * un élément étiquetable : la paire `<label for>` / `id` que pose `Field` ne le
+ * nomme donc pas, et un `aria-labelledby` passé en prop atterrirait sur le
+ * wrapper racine de MUI plutôt que sur le combobox. `labelId` est le canal de
+ * MUI lui-même — `SelectInput` le fusionne dans l'`aria-labelledby` du
+ * combobox.
+ *
+ * POURQUOI UN MARQUEUR ET NON UNE VÉRIFICATION DE TYPE CÔTÉ `Field` : ce
+ * dernier ne doit pas importer `Select` (cycle, et cela tirerait tout le
+ * contrôle dans chaque point d'appel de `Field`), et il ne peut pas déduire
+ * d'un élément React quel DOM il rendra. Un `labelId` passé à l'aveugle à tous
+ * les enfants atteindrait `<input>` et les champs texte de MUI, qui ne le
+ * connaissent pas : React avertirait alors d'un attribut DOM inconnu à chaque
+ * rendu, dans la console de chaque hôte.
+ *
+ * Tout composant de cette librairie dont la surface visible n'est pas
+ * étiquetable doit porter ce marqueur.
+ */
+
+Select.puiLabelTarget = "labelId";
+var _default = exports.default = Select;
 //# sourceMappingURL=Select.js.map