@pismo/marola 2.1.64 → 2.1.65

package/dist/components/Select/Select.js

@@ -1,20 +1,20 @@
-import { jsx as m, jsxs as Y } from "react/jsx-runtime";
+import { jsx as f, jsxs as J } from "react/jsx-runtime";
 import * as r from "react";
-import { createContext as We, useId as Je, useContext as Ge } from "react";
-import { c as K } from "../../clsx-OuTLNxxd.js";
-import { Checkbox as Qe } from "../Checkbox/Checkbox.js";
-import { Icon as Xe } from "../Icon/Icon.js";
-import { Typography as _e } from "../Typography/Typography.js";
-import { s as y, S as Ye } from "../../SelectButton-CmFJp2dA.js";
-import { g as we, a as Ie, u as ee, f as se, _ as g, b as Ne, c as re, d as ke, e as Me, P as l } from "../../useSlotProps-CYHDC4TN.js";
-import { P as Ze } from "../../Popup-Dffqo7wT.js";
-import { u as et, c as ae, a as Se, L as Z } from "../../combineHooksSlotProps-BhQ14uyD.js";
-import { u as tt, a as ot, C as nt } from "../../useCompoundItem-B7Eo_qZk.js";
-import { m as Re, h as lt, l as st, u as rt } from "../../useList-nqLfZem8.js";
-import { u as Te } from "../../useId-BW-oWmul.js";
-import { u as Le } from "../../useButton-CezPDte8.js";
-import { u as at } from "../../useEnhancedEffect-CJGo-L3B.js";
-const it = {
+import { createContext as Ke, useId as We, useContext as Je } from "react";
+import { c as $ } from "../../clsx-OuTLNxxd.js";
+import { Checkbox as Ge } from "../Checkbox/Checkbox.js";
+import { Icon as Qe } from "../Icon/Icon.js";
+import { Typography as xe } from "../Typography/Typography.js";
+import { s as R, S as Xe } from "../../SelectButton-CmFJp2dA.js";
+import { g as ye, a as Re, u as Q, e as ne, b as se, c as Se, d as Ve, P as n } from "../../ClassNameConfigurator-CVRWfyIa.js";
+import { P as Ye } from "../../Popup-D267EI4e.js";
+import { u as Ze, c as le, a as Ce, L as G } from "../../combineHooksSlotProps-j-8UVeYo.js";
+import { u as He, a as et, C as tt } from "../../useCompoundItem-B7Eo_qZk.js";
+import { m as he, h as ot, l as nt, u as st } from "../../useList-BLW78Lq7.js";
+import { u as we } from "../../useId-CK6Kn3Tn.js";
+import { u as Oe } from "../../useButton-C2E_LFJp.js";
+import { u as lt } from "../../useEnhancedEffect-CJGo-L3B.js";
+const rt = {
   border: 0,
   clip: "rect(0 0 0 0)",
   height: "1px",
@@ -24,147 +24,191 @@ const it = {
   position: "absolute",
   whiteSpace: "nowrap",
   width: "1px"
-}, Ae = "Option";
-function ut(n) {
-  return we(Ae, n);
+}, _e = "Option";
+function it(o) {
+  return ye(_e, o);
 }
-Ie(Ae, ["root", "disabled", "selected", "highlighted"]);
-function ct(n) {
+Re(_e, ["root", "disabled", "selected", "highlighted"]);
+function at(o) {
   const {
-    value: o,
+    value: s,
     label: i,
-    disabled: c,
-    rootRef: s,
-    id: u
-  } = n, {
-    getRootProps: p,
-    highlighted: f,
-    selected: d
-  } = et({
-    item: o
+    disabled: a,
+    rootRef: l,
+    id: c
+  } = o, {
+    getRootProps: m,
+    highlighted: b,
+    selected: p
+  } = Ze({
+    item: s
   }), {
-    getRootProps: _,
+    getRootProps: V,
     rootRef: k
-  } = Le({
-    disabled: c,
+  } = Oe({
+    disabled: a,
     focusableWhenDisabled: !0
-  }), h = Te(u), S = r.useRef(null), R = r.useMemo(() => ({
-    disabled: c,
+  }), g = we(c), w = r.useRef(null), h = r.useMemo(() => ({
+    disabled: a,
     label: i,
-    value: o,
-    ref: S,
-    id: h
-  }), [c, i, o, h]), {
+    value: s,
+    ref: w,
+    id: g
+  }), [a, i, s, g]), {
     index: I
-  } = tt(o, R), O = ee(s, S, k), x = (b) => (C) => {
-    var P;
-    (P = b.onKeyDown) == null || P.call(b, C), !C.defaultMuiPrevented && [" ", "Enter"].includes(C.key) && (C.defaultMuiPrevented = !0);
-  }, A = (b = {}) => ({
-    onKeyDown: x(b)
+  } = He(s, h), O = Q(l, w, k), x = (d) => (C) => {
+    var S;
+    (S = d.onKeyDown) == null || S.call(d, C), !C.defaultMuiPrevented && [" ", "Enter"].includes(C.key) && (C.defaultMuiPrevented = !0);
+  }, A = (d = {}) => ({
+    onKeyDown: x(d)
   });
   return {
-    getRootProps: (b = {}) => {
-      const C = se(b), P = ae(p, ae(_, A));
-      return g({}, b, C, P(C), {
-        id: h,
+    getRootProps: (d = {}) => {
+      const C = ne(d), S = le(m, le(V, A));
+      return {
+        ...d,
+        ...C,
+        ...S(C),
+        id: g,
         ref: O,
         role: "option",
-        "aria-selected": d
-      });
+        "aria-selected": p
+      };
     },
-    highlighted: f,
+    highlighted: b,
     index: I,
-    selected: d,
+    selected: p,
     rootRef: O
   };
 }
-function dt(n) {
-  const o = r.useContext(Se);
-  if (!o)
+function ut(o) {
+  const s = r.useContext(Ce);
+  if (!s)
     throw new Error("Option: ListContext was not found.");
   const {
     getItemState: i,
-    dispatch: c
-  } = o, {
-    highlighted: s,
-    selected: u,
-    focusable: p
-  } = i(n), f = r.useCallback((_) => {
-    if (_ !== n)
-      throw new Error(["Base UI Option: Tried to access the state of another Option.", "This is unsupported when the Option uses the OptionContextStabilizer as a performance optimization."].join("/n"));
+    dispatch: a
+  } = s, {
+    highlighted: l,
+    selected: c,
+    focusable: m
+  } = i(o), b = r.useCallback((V) => {
+    if (V !== o)
+      throw new Error(["MUI Base Option: Tried to access the state of another Option.", "This is unsupported when the Option uses the OptionContextStabilizer as a performance optimization."].join("/n"));
     return {
-      highlighted: s,
-      selected: u,
-      focusable: p
+      highlighted: l,
+      selected: c,
+      focusable: m
     };
-  }, [s, u, p, n]);
+  }, [l, c, m, o]);
   return {
     contextValue: r.useMemo(() => ({
-      dispatch: c,
-      getItemState: f
-    }), [c, f])
+      dispatch: a,
+      getItemState: b
+    }), [a, b])
   };
 }
-const pt = ["children", "disabled", "label", "slotProps", "slots", "value"];
-function ft(n) {
+function ct(o) {
   const {
-    disabled: o,
+    disabled: s,
     highlighted: i,
-    selected: c
-  } = n;
-  return ke({
-    root: ["root", o && "disabled", i && "highlighted", c && "selected"]
-  }, Me(ut));
+    selected: a
+  } = o;
+  return Se({
+    root: ["root", s && "disabled", i && "highlighted", a && "selected"]
+  }, Ve(it));
 }
-const bt = /* @__PURE__ */ r.memo(/* @__PURE__ */ r.forwardRef(function(o, i) {
-  var c, s;
+const Ie = /* @__PURE__ */ r.forwardRef(function(s, i) {
+  var M, P;
   const {
-    children: u,
-    disabled: p = !1,
-    label: f,
-    slotProps: d = {},
-    slots: _ = {},
-    value: k
-  } = o, h = Ne(o, pt), S = (c = _.root) != null ? c : "li", R = r.useRef(null), I = ee(R, i), O = f ?? (typeof u == "string" ? u : (s = R.current) == null || (s = s.textContent) == null ? void 0 : s.trim()), {
-    getRootProps: x,
-    selected: A,
-    highlighted: b,
-    index: C
-  } = ct({
-    disabled: p,
-    label: O,
-    rootRef: I,
-    value: k
-  }), P = g({}, o, {
-    disabled: p,
-    highlighted: b,
-    index: C,
-    selected: A
-  }), B = ft(P), V = re({
-    getSlotProps: x,
-    elementType: S,
-    externalSlotProps: d.root,
-    externalForwardedProps: h,
-    className: B.root,
-    ownerState: P
+    children: a,
+    disabled: l = !1,
+    label: c,
+    slotProps: m = {},
+    slots: b = {},
+    value: p,
+    ...V
+  } = s, k = b.root ?? "li", g = r.useRef(null), w = Q(g, i), h = c ?? (typeof a == "string" ? a : (P = (M = g.current) == null ? void 0 : M.textContent) == null ? void 0 : P.trim()), {
+    getRootProps: I,
+    selected: O,
+    highlighted: x,
+    index: A
+  } = at({
+    disabled: l,
+    label: h,
+    rootRef: w,
+    value: p
+  }), d = {
+    ...s,
+    disabled: l,
+    highlighted: x,
+    index: A,
+    selected: O
+  }, C = ct(d), S = se({
+    getSlotProps: I,
+    elementType: k,
+    externalSlotProps: m.root,
+    externalForwardedProps: V,
+    className: C.root,
+    ownerState: d
+  });
+  return /* @__PURE__ */ f(k, {
+    ...S,
+    children: a
   });
-  return /* @__PURE__ */ m(S, g({}, V, {
-    children: u
-  }));
-})), Ee = /* @__PURE__ */ r.forwardRef(function(o, i) {
+});
+process.env.NODE_ENV !== "production" && (Ie.propTypes = {
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │
+  // └─────────────────────────────────────────────────────────────────────┘
+  children: n.node,
+  className: n.string,
+  /**
+   * If `true`, the option will be disabled.
+   * @default false
+   */
+  disabled: n.bool,
+  /**
+   * A text representation of the option's content.
+   * Used for keyboard text navigation matching.
+   */
+  label: n.string,
+  /**
+   * The props used for each slot inside the Option.
+   * @default {}
+   */
+  slotProps: n.shape({
+    root: n.oneOfType([n.func, n.object])
+  }),
+  /**
+   * The components used for each slot inside the Option.
+   * Either a string to use a HTML element or a component.
+   * @default {}
+   */
+  slots: n.shape({
+    root: n.elementType
+  }),
+  /**
+   * The value of the option.
+   */
+  value: n.any.isRequired
+});
+const pt = /* @__PURE__ */ r.memo(Ie), Me = /* @__PURE__ */ r.forwardRef(function(s, i) {
   const {
-    value: c
-  } = o, {
-    contextValue: s
-  } = dt(c);
-  return /* @__PURE__ */ m(Se.Provider, {
-    value: s,
-    children: /* @__PURE__ */ m(bt, g({}, o, {
+    value: a
+  } = s, {
+    contextValue: l
+  } = ut(a);
+  return /* @__PURE__ */ f(Ce.Provider, {
+    value: l,
+    children: /* @__PURE__ */ f(pt, {
+      ...s,
       ref: i
-    }))
+    })
   });
 });
-process.env.NODE_ENV !== "production" && (Ee.propTypes = {
+process.env.NODE_ENV !== "production" && (Me.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │
@@ -172,523 +216,513 @@ process.env.NODE_ENV !== "production" && (Ee.propTypes = {
   /**
    * @ignore
    */
-  children: l.node,
+  children: n.node,
   /**
    * @ignore
    */
-  className: l.string,
+  className: n.string,
   /**
    * If `true`, the option will be disabled.
    * @default false
    */
-  disabled: l.bool,
+  disabled: n.bool,
   /**
    * A text representation of the option's content.
    * Used for keyboard text navigation matching.
    */
-  label: l.string,
+  label: n.string,
   /**
    * The props used for each slot inside the Option.
    * @default {}
    */
-  slotProps: l.shape({
-    root: l.oneOfType([l.func, l.object])
+  slotProps: n.shape({
+    root: n.oneOfType([n.func, n.object])
   }),
   /**
    * The components used for each slot inside the Option.
    * Either a string to use a HTML element or a component.
    * @default {}
    */
-  slots: l.shape({
-    root: l.elementType
+  slots: n.shape({
+    root: n.elementType
   }),
   /**
    * The value of the option.
    */
-  value: l.any.isRequired
+  value: n.any.isRequired
 });
-const ie = {
+const re = {
   buttonClick: "buttonClick",
   browserAutoFill: "browserAutoFill"
-}, Be = (n) => {
+}, Ne = (o) => {
   const {
-    label: o,
+    label: s,
     value: i
-  } = n;
-  return typeof o == "string" ? o : typeof i == "string" ? i : String(n);
+  } = o;
+  return typeof s == "string" ? s : typeof i == "string" ? i : String(o);
 };
-function mt(n, o) {
+function dt(o, s) {
   const {
     open: i
-  } = n, {
+  } = o, {
     context: {
-      selectionMode: c
+      selectionMode: a
     }
-  } = o;
-  if (o.type === ie.buttonClick) {
-    var s;
-    const d = (s = n.selectedValues[0]) != null ? s : Re(null, "start", o.context);
-    return g({}, n, {
+  } = s;
+  if (s.type === re.buttonClick) {
+    const c = o.selectedValues[0] ?? he(null, "start", s.context);
+    return {
+      ...o,
       open: !i,
-      highlightedValue: i ? null : d
-    });
+      highlightedValue: i ? null : c
+    };
   }
-  if (o.type === ie.browserAutoFill)
-    return lt(o.item, n, o.context);
-  const u = st(n, o);
-  switch (o.type) {
-    case Z.keyDown:
-      if (n.open) {
-        if (o.event.key === "Escape")
-          return g({}, u, {
+  if (s.type === re.browserAutoFill)
+    return ot(s.item, o, s.context);
+  const l = nt(o, s);
+  switch (s.type) {
+    case G.keyDown:
+      if (o.open) {
+        if (s.event.key === "Escape")
+          return {
+            ...l,
             open: !1
-          });
+          };
       } else {
-        if (o.event.key === "ArrowDown") {
-          var p;
-          return g({}, n, {
+        if (s.event.key === "ArrowDown")
+          return {
+            ...o,
             open: !0,
-            highlightedValue: (p = n.selectedValues[0]) != null ? p : Re(null, "start", o.context)
-          });
-        }
-        if (o.event.key === "ArrowUp") {
-          var f;
-          return g({}, n, {
+            highlightedValue: o.selectedValues[0] ?? he(null, "start", s.context)
+          };
+        if (s.event.key === "ArrowUp")
+          return {
+            ...o,
             open: !0,
-            highlightedValue: (f = n.selectedValues[0]) != null ? f : Re(null, "end", o.context)
-          });
-        }
+            highlightedValue: o.selectedValues[0] ?? he(null, "end", s.context)
+          };
       }
       break;
-    case Z.itemClick:
-      if (c === "single")
-        return g({}, u, {
+    case G.itemClick:
+      if (a === "single")
+        return {
+          ...l,
           open: !1
-        });
+        };
       break;
-    case Z.blur:
-      return g({}, u, {
+    case G.blur:
+      return {
+        ...l,
         open: !1
-      });
+      };
     default:
-      return u;
+      return l;
   }
-  return u;
+  return l;
 }
-function gt(n) {
-  return Array.isArray(n) ? n.length === 0 ? "" : JSON.stringify(n.map((o) => o.value)) : (n == null ? void 0 : n.value) == null ? "" : typeof n.value == "string" || typeof n.value == "number" ? n.value : JSON.stringify(n.value);
+function ft(o) {
+  return Array.isArray(o) ? o.length === 0 ? "" : JSON.stringify(o.map((s) => s.value)) : (o == null ? void 0 : o.value) == null ? "" : typeof o.value == "string" || typeof o.value == "number" ? o.value : JSON.stringify(o.value);
 }
-function ht(n) {
+function mt(o) {
   const {
-    areOptionsEqual: o,
+    areOptionsEqual: s,
     buttonRef: i,
-    defaultOpen: c = !1,
-    defaultValue: s,
-    disabled: u = !1,
-    listboxId: p,
-    listboxRef: f,
-    multiple: d = !1,
-    name: _,
+    defaultOpen: a = !1,
+    defaultValue: l,
+    disabled: c = !1,
+    listboxId: m,
+    listboxRef: b,
+    multiple: p = !1,
+    name: V,
     required: k,
-    onChange: h,
-    onHighlightChange: S,
-    onOpenChange: R,
+    onChange: g,
+    onHighlightChange: w,
+    onOpenChange: h,
     open: I,
     options: O,
-    getOptionAsString: x = Be,
-    getSerializedValue: A = gt,
-    value: b,
+    getOptionAsString: x = Ne,
+    getSerializedValue: A = ft,
+    value: d,
     componentName: C = "useSelect"
-  } = n, P = r.useRef(null), B = ee(i, P), V = r.useRef(null), D = Te(p);
-  let w;
-  b === void 0 && s === void 0 ? w = [] : s !== void 0 && (d ? w = s : w = s == null ? [] : [s]);
-  const H = r.useMemo(() => {
-    if (b !== void 0)
-      return d ? b : b == null ? [] : [b];
-  }, [b, d]), {
-    subitems: M,
-    contextValue: j
-  } = ot(), T = r.useMemo(() => O != null ? new Map(O.map((e, t) => [e.value, {
+  } = o, S = r.useRef(null), M = Q(i, S), P = r.useRef(null), B = we(m);
+  let N;
+  d === void 0 && l === void 0 ? N = [] : l !== void 0 && (p ? N = l : N = l == null ? [] : [l]);
+  const L = r.useMemo(() => {
+    if (d !== void 0)
+      return p ? d : d == null ? [] : [d];
+  }, [d, p]), {
+    subitems: D,
+    contextValue: X
+  } = et(), _ = r.useMemo(() => O != null ? new Map(O.map((e, t) => [e.value, {
     value: e.value,
     label: e.label,
     disabled: e.disabled,
     ref: /* @__PURE__ */ r.createRef(),
-    id: `${D}_${t}`
-  }])) : M, [O, M, D]), ue = ee(f, V), {
-    getRootProps: te,
-    active: ce,
-    focusVisible: de,
-    rootRef: z
-  } = Le({
-    disabled: u,
-    rootRef: B
-  }), U = r.useMemo(() => Array.from(T.keys()), [T]), N = r.useCallback((e) => {
-    if (o !== void 0) {
-      const t = U.find((a) => o(a, e));
-      return T.get(t);
+    id: `${B}_${t}`
+  }])) : D, [O, D, B]), ie = Q(b, P), {
+    getRootProps: Y,
+    active: Z,
+    focusVisible: H,
+    rootRef: ae
+  } = Oe({
+    disabled: c,
+    rootRef: M
+  }), U = r.useMemo(() => Array.from(_.keys()), [_]), v = r.useCallback((e) => {
+    if (s !== void 0) {
+      const t = U.find((u) => s(u, e));
+      return _.get(t);
     }
-    return T.get(e);
-  }, [T, o, U]), oe = r.useCallback((e) => {
-    var t;
-    const a = N(e);
-    return (t = a == null ? void 0 : a.disabled) != null ? t : !1;
-  }, [N]), ne = r.useCallback((e) => {
-    const t = N(e);
+    return _.get(e);
+  }, [_, s, U]), ue = r.useCallback((e) => {
+    const t = v(e);
+    return (t == null ? void 0 : t.disabled) ?? !1;
+  }, [v]), ce = r.useCallback((e) => {
+    const t = v(e);
     return t ? x(t) : "";
-  }, [N, x]), pe = r.useMemo(() => ({
-    selectedValues: H,
+  }, [v, x]), pe = r.useMemo(() => ({
+    selectedValues: L,
     open: I
-  }), [H, I]), fe = r.useCallback((e) => {
+  }), [L, I]), de = r.useCallback((e) => {
     var t;
-    return (t = T.get(e)) == null ? void 0 : t.id;
-  }, [T]), be = r.useCallback((e, t) => {
-    if (d)
-      h == null || h(e, t);
-    else {
-      var a;
-      h == null || h(e, (a = t[0]) != null ? a : null);
-    }
-  }, [d, h]), me = r.useCallback((e, t) => {
-    S == null || S(e, t ?? null);
-  }, [S]), ge = r.useCallback((e, t, a) => {
-    if (t === "open" && (R == null || R(a), a === !1 && (e == null ? void 0 : e.type) !== "blur")) {
-      var v;
-      (v = P.current) == null || v.focus();
-    }
-  }, [R]), he = r.useCallback((e) => {
-    var t, a;
-    return e == null ? null : (t = (a = M.get(e)) == null ? void 0 : a.ref.current) != null ? t : null;
-  }, [M]), xe = {
-    getInitialState: () => {
-      var e;
-      return {
-        highlightedValue: null,
-        selectedValues: (e = w) != null ? e : [],
-        open: c
-      };
-    },
-    getItemId: fe,
+    return (t = _.get(e)) == null ? void 0 : t.id;
+  }, [_]), fe = r.useCallback((e, t) => {
+    p ? g == null || g(e, t) : g == null || g(e, t[0] ?? null);
+  }, [p, g]), me = r.useCallback((e, t) => {
+    w == null || w(e, t ?? null);
+  }, [w]), ee = r.useCallback((e, t, u) => {
+    var y;
+    t === "open" && (h == null || h(u), u === !1 && (e == null ? void 0 : e.type) !== "blur" && ((y = S.current) == null || y.focus()));
+  }, [h]), z = r.useCallback((e) => {
+    var t;
+    return e == null ? null : ((t = D.get(e)) == null ? void 0 : t.ref.current) ?? null;
+  }, [D]), te = {
+    getInitialState: () => ({
+      highlightedValue: null,
+      selectedValues: N ?? [],
+      open: a
+    }),
+    getItemId: de,
     controlledProps: pe,
     focusManagement: "DOM",
-    getItemDomElement: he,
-    itemComparer: o,
-    isItemDisabled: oe,
-    rootRef: ue,
-    onChange: be,
+    getItemDomElement: z,
+    itemComparer: s,
+    isItemDisabled: ue,
+    rootRef: ie,
+    onChange: fe,
     onHighlightChange: me,
-    onStateChange: ge,
+    onStateChange: ee,
     reducerActionContext: r.useMemo(() => ({
-      multiple: d
-    }), [d]),
+      multiple: p
+    }), [p]),
     items: U,
-    getItemAsString: ne,
-    selectionMode: d ? "multiple" : "single",
-    stateReducer: mt,
+    getItemAsString: ce,
+    selectionMode: p ? "multiple" : "single",
+    stateReducer: dt,
     componentName: C
   }, {
-    dispatch: F,
-    getRootProps: Ce,
-    contextValue: W,
+    dispatch: T,
+    getRootProps: K,
+    contextValue: oe,
     state: {
-      open: L,
-      highlightedValue: $,
+      open: F,
+      highlightedValue: q,
       selectedValues: E
     },
-    rootRef: J
-  } = rt(xe), Pe = r.useRef(L);
-  at(() => {
-    if (L && $ !== null) {
-      var e;
-      const t = (e = N($)) == null ? void 0 : e.ref;
-      if (!V.current || !(t != null && t.current))
+    rootRef: j
+  } = st(te), Ae = r.useRef(F);
+  lt(() => {
+    var e;
+    if (F && q !== null) {
+      const t = (e = v(q)) == null ? void 0 : e.ref;
+      if (!P.current || !(t != null && t.current))
         return;
-      Pe.current || t.current.focus({
+      Ae.current || t.current.focus({
         preventScroll: !0
       });
-      const a = V.current.getBoundingClientRect(), v = t.current.getBoundingClientRect();
-      v.top < a.top ? V.current.scrollTop -= a.top - v.top : v.bottom > a.bottom && (V.current.scrollTop += v.bottom - a.bottom);
+      const u = P.current.getBoundingClientRect(), y = t.current.getBoundingClientRect();
+      y.top < u.top ? P.current.scrollTop -= u.top - y.top : y.bottom > u.bottom && (P.current.scrollTop += y.bottom - u.bottom);
     }
-  }, [L, $, N]);
-  const G = r.useCallback((e) => N(e), [N]), ve = (e) => (t) => {
-    var a;
-    if (e == null || (a = e.onClick) == null || a.call(e, t), !t.defaultMuiPrevented) {
-      const v = {
-        type: ie.buttonClick,
+  }, [F, q, v]);
+  const be = r.useCallback((e) => v(e), [v]), Be = (e) => (t) => {
+    var u;
+    if ((u = e == null ? void 0 : e.onClick) == null || u.call(e, t), !t.defaultMuiPrevented) {
+      const y = {
+        type: re.buttonClick,
         event: t
       };
-      F(v);
+      T(y);
     }
-  }, Q = (e) => (t) => {
-    var a;
-    (a = e.onKeyDown) == null || a.call(e, t), !t.defaultMuiPrevented && (t.key === "ArrowDown" || t.key === "ArrowUp") && (t.preventDefault(), F({
-      type: Z.keyDown,
+  }, Le = (e) => (t) => {
+    var u;
+    (u = e.onKeyDown) == null || u.call(e, t), !t.defaultMuiPrevented && (t.key === "ArrowDown" || t.key === "ArrowUp") && (t.preventDefault(), T({
+      type: G.keyDown,
       key: t.key,
       event: t
     }));
-  }, le = (e = {}) => ({
-    onClick: ve(e),
-    onKeyDown: Q(e)
-  }), q = (e = {}) => g({}, e, le(e), {
+  }, De = (e = {}) => ({
+    onClick: Be(e),
+    onKeyDown: Le(e)
+  }), Fe = (e = {}) => ({
+    ...e,
+    ...De(e),
     role: "combobox",
-    "aria-expanded": L,
-    "aria-controls": D
-  }), Fe = (e = {}) => {
-    const t = se(e), a = ae(q, te);
-    return g({}, e, a(t));
+    "aria-expanded": F,
+    "aria-controls": B
+  }), Ee = (e = {}) => {
+    const t = ne(e), u = le(Fe, Y);
+    return {
+      ...e,
+      ...u(t)
+    };
   }, qe = (e) => (t) => {
-    var a, v;
-    (a = e.onBlur) == null || a.call(e, t), !t.defaultMuiPrevented && ((v = V.current) != null && v.contains(t.relatedTarget) || t.relatedTarget === P.current) && (t.defaultMuiPrevented = !0);
+    var u, y;
+    (u = e.onBlur) == null || u.call(e, t), !t.defaultMuiPrevented && ((y = P.current) != null && y.contains(t.relatedTarget) || t.relatedTarget === S.current) && (t.defaultMuiPrevented = !0);
   }, je = (e = {}) => ({
     onBlur: qe(e)
   }), Ue = (e = {}) => {
-    const t = se(e), a = ae(je, Ce);
-    return g({
-      id: D,
+    const t = ne(e), u = le(je, K);
+    return {
+      id: B,
       role: "listbox",
-      "aria-multiselectable": d ? "true" : void 0
-    }, e, a(t));
+      "aria-multiselectable": p ? "true" : void 0,
+      ...e,
+      ...u(t)
+    };
   };
   r.useDebugValue({
     selectedOptions: E,
-    highlightedOption: $,
-    open: L
+    highlightedOption: q,
+    open: F
   });
-  const Ke = r.useMemo(() => g({}, W, j), [W, j]);
-  let X;
-  n.multiple ? X = E : X = E.length > 0 ? E[0] : null;
-  let ye;
-  if (d)
-    ye = X.map((e) => G(e)).filter((e) => e !== void 0);
-  else {
-    var Oe;
-    ye = (Oe = G(X)) != null ? Oe : null;
-  }
+  const $e = r.useMemo(() => ({
+    ...oe,
+    ...X
+  }), [oe, X]);
+  let W;
+  o.multiple ? W = E : W = E.length > 0 ? E[0] : null;
+  let ge;
+  p ? ge = W.map((e) => be(e)).filter((e) => e !== void 0) : ge = be(W) ?? null;
   const ze = (e) => (t) => {
-    var a;
-    if (e == null || (a = e.onChange) == null || a.call(e, t), t.defaultMuiPrevented)
+    var y;
+    if ((y = e == null ? void 0 : e.onChange) == null || y.call(e, t), t.defaultMuiPrevented)
       return;
-    const v = T.get(t.target.value);
-    t.target.value === "" ? F({
-      type: Z.clearSelection
-    }) : v !== void 0 && F({
-      type: ie.browserAutoFill,
-      item: v.value,
+    const u = _.get(t.target.value);
+    t.target.value === "" ? T({
+      type: G.clearSelection
+    }) : u !== void 0 && T({
+      type: re.browserAutoFill,
+      item: u.value,
       event: t
     });
   };
   return {
-    buttonActive: ce,
-    buttonFocusVisible: de,
-    buttonRef: z,
-    contextValue: Ke,
-    disabled: u,
-    dispatch: F,
-    getButtonProps: Fe,
+    buttonActive: Z,
+    buttonFocusVisible: H,
+    buttonRef: ae,
+    contextValue: $e,
+    disabled: c,
+    dispatch: T,
+    getButtonProps: Ee,
     getHiddenInputProps: (e = {}) => {
-      const t = se(e);
-      return g({
-        name: _,
+      const t = ne(e);
+      return {
+        name: V,
         tabIndex: -1,
         "aria-hidden": !0,
         required: k ? !0 : void 0,
-        value: A(ye),
-        style: it
-      }, e, {
+        value: A(ge),
+        style: rt,
+        ...e,
         onChange: ze(t)
-      });
+      };
     },
     getListboxProps: Ue,
-    getOptionMetadata: G,
-    listboxRef: J,
-    open: L,
+    getOptionMetadata: be,
+    listboxRef: j,
+    open: F,
     options: U,
-    value: X,
-    highlightedOption: $
+    value: W,
+    highlightedOption: q
   };
 }
-function xt(n) {
+function bt(o) {
   const {
-    value: o,
+    value: s,
     children: i
-  } = n, {
-    dispatch: c,
-    getItemIndex: s,
-    getItemState: u,
-    registerItem: p,
-    totalSubitemCount: f
-  } = o, d = r.useMemo(() => ({
-    dispatch: c,
-    getItemState: u,
-    getItemIndex: s
-  }), [c, s, u]), _ = r.useMemo(() => ({
-    getItemIndex: s,
-    registerItem: p,
-    totalSubitemCount: f
-  }), [p, s, f]);
-  return /* @__PURE__ */ m(nt.Provider, {
-    value: _,
-    children: /* @__PURE__ */ m(Se.Provider, {
-      value: d,
+  } = o, {
+    dispatch: a,
+    getItemIndex: l,
+    getItemState: c,
+    registerItem: m,
+    totalSubitemCount: b
+  } = s, p = r.useMemo(() => ({
+    dispatch: a,
+    getItemState: c,
+    getItemIndex: l
+  }), [a, l, c]), V = r.useMemo(() => ({
+    getItemIndex: l,
+    registerItem: m,
+    totalSubitemCount: b
+  }), [m, l, b]);
+  return /* @__PURE__ */ f(tt.Provider, {
+    value: V,
+    children: /* @__PURE__ */ f(Ce.Provider, {
+      value: p,
       children: i
     })
   });
 }
-const De = "Select";
-function Ct(n) {
-  return we(De, n);
+const ke = "Select";
+function gt(o) {
+  return ye(ke, o);
 }
-Ie(De, ["root", "button", "listbox", "popup", "active", "expanded", "disabled", "focusVisible"]);
-var Ve;
-const Pt = ["areOptionsEqual", "autoComplete", "autoFocus", "children", "defaultValue", "defaultListboxOpen", "disabled", "getSerializedValue", "listboxId", "listboxOpen", "multiple", "name", "required", "onChange", "onListboxOpenChange", "getOptionAsString", "renderValue", "placeholder", "slotProps", "slots", "value"];
-function vt(n) {
-  var o;
-  return Array.isArray(n) ? /* @__PURE__ */ m(r.Fragment, {
-    children: n.map((i) => i.label).join(", ")
-  }) : (o = n == null ? void 0 : n.label) != null ? o : null;
+Re(ke, ["root", "button", "listbox", "popup", "active", "expanded", "disabled", "focusVisible"]);
+var Pe;
+function ht(o) {
+  return Array.isArray(o) ? /* @__PURE__ */ f(r.Fragment, {
+    children: o.map((s) => s.label).join(", ")
+  }) : (o == null ? void 0 : o.label) ?? null;
 }
-function yt(n) {
+function xt(o) {
   const {
-    active: o,
+    active: s,
     disabled: i,
-    open: c,
-    focusVisible: s
-  } = n;
-  return ke({
-    root: ["root", i && "disabled", s && "focusVisible", o && "active", c && "expanded"],
+    open: a,
+    focusVisible: l
+  } = o;
+  return Se({
+    root: ["root", i && "disabled", l && "focusVisible", s && "active", a && "expanded"],
     listbox: ["listbox", i && "disabled"],
     popup: ["popup"]
-  }, Me(Ct));
+  }, Ve(gt));
 }
-const $e = /* @__PURE__ */ r.forwardRef(function(o, i) {
-  var c, s, u, p, f;
+const ve = /* @__PURE__ */ r.forwardRef(function(s, i) {
   const {
-    areOptionsEqual: d,
-    autoComplete: _,
-    autoFocus: k,
-    children: h,
-    defaultValue: S,
-    defaultListboxOpen: R = !1,
-    disabled: I,
-    getSerializedValue: O,
-    listboxId: x,
-    listboxOpen: A,
-    multiple: b = !1,
-    name: C,
-    required: P = !1,
-    onChange: B,
-    onListboxOpenChange: V,
-    getOptionAsString: D = Be,
-    renderValue: w,
-    placeholder: H,
+    areOptionsEqual: a,
+    autoComplete: l,
+    autoFocus: c,
+    children: m,
+    defaultValue: b,
+    defaultListboxOpen: p = !1,
+    disabled: V,
+    getSerializedValue: k,
+    listboxId: g,
+    listboxOpen: w,
+    multiple: h = !1,
+    name: I,
+    required: O = !1,
+    onChange: x,
+    onListboxOpenChange: A,
+    getOptionAsString: d = Ne,
+    renderValue: C,
+    placeholder: S,
     slotProps: M = {},
-    slots: j = {},
-    value: T
-  } = o, ue = Ne(o, Pt), te = w ?? vt, [ce, de] = r.useState(!1), z = r.useRef(null), U = r.useRef(null), N = (c = j.root) != null ? c : "button", oe = (s = j.listbox) != null ? s : "ul", ne = (u = j.popup) != null ? u : "div", pe = r.useCallback((q) => {
-    de(q != null);
-  }, []), fe = ee(i, z, pe);
+    slots: P = {},
+    value: B,
+    ...N
+  } = s, L = C ?? ht, [D, X] = r.useState(!1), _ = r.useRef(null), ie = r.useRef(null), Y = P.root ?? "button", Z = P.listbox ?? "ul", H = P.popup ?? "div", ae = r.useCallback((j) => {
+    X(j != null);
+  }, []), U = Q(i, _, ae);
   r.useEffect(() => {
-    k && z.current.focus();
-  }, [k]);
+    c && _.current.focus();
+  }, [c]);
   const {
-    buttonActive: be,
-    buttonFocusVisible: me,
-    contextValue: ge,
-    disabled: he,
-    getButtonProps: xe,
-    getListboxProps: F,
-    getHiddenInputProps: Ce,
-    getOptionMetadata: W,
-    value: L,
-    open: $
-  } = ht({
-    name: C,
-    required: P,
-    getSerializedValue: O,
-    areOptionsEqual: d,
-    buttonRef: fe,
-    defaultOpen: R,
-    defaultValue: S,
-    disabled: I,
-    listboxId: x,
-    multiple: b,
-    open: A,
-    onChange: B,
-    onOpenChange: V,
-    getOptionAsString: D,
-    value: T,
+    buttonActive: v,
+    buttonFocusVisible: ue,
+    contextValue: ce,
+    disabled: pe,
+    getButtonProps: de,
+    getListboxProps: fe,
+    getHiddenInputProps: me,
+    getOptionMetadata: ee,
+    value: z,
+    open: te
+  } = mt({
+    name: I,
+    required: O,
+    getSerializedValue: k,
+    areOptionsEqual: a,
+    buttonRef: U,
+    defaultOpen: p,
+    defaultValue: b,
+    disabled: V,
+    listboxId: g,
+    multiple: h,
+    open: w,
+    onChange: x,
+    onOpenChange: A,
+    getOptionAsString: d,
+    value: B,
     componentName: "Select"
-  }), E = g({}, o, {
-    active: be,
-    defaultListboxOpen: R,
-    disabled: he,
-    focusVisible: me,
-    open: $,
-    multiple: b,
-    renderValue: te,
-    value: L
-  }), J = yt(E), Pe = re({
-    elementType: N,
-    getSlotProps: xe,
+  }), T = {
+    ...s,
+    active: v,
+    defaultListboxOpen: p,
+    disabled: pe,
+    focusVisible: ue,
+    open: te,
+    multiple: h,
+    renderValue: L,
+    value: z
+  }, K = xt(T), oe = se({
+    elementType: Y,
+    getSlotProps: de,
     externalSlotProps: M.root,
-    externalForwardedProps: ue,
-    ownerState: E,
-    className: J.root
-  }), G = re({
-    elementType: oe,
-    getSlotProps: F,
+    externalForwardedProps: N,
+    ownerState: T,
+    className: K.root
+  }), F = se({
+    elementType: Z,
+    getSlotProps: fe,
     externalSlotProps: M.listbox,
     additionalProps: {
-      ref: U
+      ref: ie
     },
-    ownerState: E,
-    className: J.listbox
-  }), ve = re({
-    elementType: ne,
+    ownerState: T,
+    className: K.listbox
+  }), q = se({
+    elementType: H,
     externalSlotProps: M.popup,
     additionalProps: {
-      anchor: z.current,
+      anchor: _.current,
       keepMounted: !0,
-      open: $,
+      open: te,
       placement: "bottom-start",
       role: void 0
     },
-    ownerState: E,
-    className: J.popup
+    ownerState: T,
+    className: K.popup
   });
-  let Q;
-  if (b)
-    Q = L.map((q) => W(q)).filter((q) => q !== void 0);
-  else {
-    var le;
-    Q = (le = W(L)) != null ? le : null;
-  }
-  return /* @__PURE__ */ Y(r.Fragment, {
-    children: [/* @__PURE__ */ m(N, g({}, Pe, {
-      children: (p = (f = te(Q)) != null ? f : H) != null ? p : (
-        // fall back to a zero-width space to prevent layout shift
-        // from https://github.com/mui/material-ui/pull/24563
-        Ve || (Ve = /* @__PURE__ */ m("span", {
-          className: "notranslate",
-          children: "​"
-        }))
-      )
-    })), ce && /* @__PURE__ */ m(Ze, g({
+  let E;
+  return h ? E = z.map((j) => ee(j)).filter((j) => j !== void 0) : E = ee(z) ?? null, /* @__PURE__ */ J(r.Fragment, {
+    children: [/* @__PURE__ */ f(Y, {
+      ...oe,
+      children: L(E) ?? S ?? // fall back to a zero-width space to prevent layout shift
+      // from https://github.com/mui/material-ui/pull/24563
+      (Pe || (Pe = /* @__PURE__ */ f("span", {
+        className: "notranslate",
+        "aria-hidden": !0,
+        children: "​"
+      })))
+    }), D && /* @__PURE__ */ f(Ye, {
       slots: {
-        root: ne
-      }
-    }, ve, {
-      children: /* @__PURE__ */ m(oe, g({}, G, {
-        children: /* @__PURE__ */ m(xt, {
-          value: ge,
-          children: h
+        root: H
+      },
+      ...q,
+      children: /* @__PURE__ */ f(Z, {
+        ...F,
+        children: /* @__PURE__ */ f(bt, {
+          value: ce,
+          children: m
         })
-      }))
-    })), /* @__PURE__ */ m("input", g({}, Ce(), {
-      autoComplete: _
-    }))]
+      })
+    }), /* @__PURE__ */ f("input", {
+      ...me(),
+      autoComplete: l
+    })]
   });
 });
-process.env.NODE_ENV !== "production" && ($e.propTypes = {
+process.env.NODE_ENV !== "production" && (ve.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │
@@ -700,40 +734,40 @@ process.env.NODE_ENV !== "production" && ($e.propTypes = {
    * There is a performance impact when using the `areOptionsEqual` prop (proportional to the number of options).
    * Therefore, it's recommented to use the default reference equality comparison whenever possible.
    */
-  areOptionsEqual: l.func,
+  areOptionsEqual: n.func,
   /**
    * This prop helps users to fill forms faster, especially on mobile devices.
    * The name can be confusing, as it's more like an autofill.
    * You can learn more about it [following the specification](https://html.spec.whatwg.org/multipage/form-control-infrastructure.html#autofill).
    */
-  autoComplete: l.string,
+  autoComplete: n.string,
   /**
    * If `true`, the select element is focused during the first mount
    * @default false
    */
-  autoFocus: l.bool,
+  autoFocus: n.bool,
   /**
    * @ignore
    */
-  children: l.node,
+  children: n.node,
   /**
    * @ignore
    */
-  className: l.string,
+  className: n.string,
   /**
    * If `true`, the select will be initially open.
    * @default false
    */
-  defaultListboxOpen: l.bool,
+  defaultListboxOpen: n.bool,
   /**
    * The default selected value. Use when the component is not controlled.
    */
-  defaultValue: l.any,
+  defaultValue: n.any,
   /**
    * If `true`, the select is disabled.
    * @default false
    */
-  disabled: l.bool,
+  disabled: n.bool,
   /**
    * A function used to convert the option label to a string.
    * It's useful when labels are elements and need to be converted to plain text
@@ -741,182 +775,182 @@ process.env.NODE_ENV !== "production" && ($e.propTypes = {
    *
    * @default defaultOptionStringifier
    */
-  getOptionAsString: l.func,
+  getOptionAsString: n.func,
   /**
    * A function to convert the currently selected value to a string.
    * Used to set a value of a hidden input associated with the select,
    * so that the selected value can be posted with a form.
    */
-  getSerializedValue: l.func,
+  getSerializedValue: n.func,
   /**
    * `id` attribute of the listbox element.
    */
-  listboxId: l.string,
+  listboxId: n.string,
   /**
    * Controls the open state of the select's listbox.
    * @default undefined
    */
-  listboxOpen: l.bool,
+  listboxOpen: n.bool,
   /**
    * If `true`, selecting multiple values is allowed.
    * This affects the type of the `value`, `defaultValue`, and `onChange` props.
    *
    * @default false
    */
-  multiple: l.bool,
+  multiple: n.bool,
   /**
    * Name of the element. For example used by the server to identify the fields in form submits.
    */
-  name: l.string,
+  name: n.string,
   /**
    * Callback fired when an option is selected.
    */
-  onChange: l.func,
+  onChange: n.func,
   /**
    * Callback fired when the component requests to be opened.
    * Use in controlled mode (see listboxOpen).
    */
-  onListboxOpenChange: l.func,
+  onListboxOpenChange: n.func,
   /**
    * Text to show when there is no selected value.
    */
-  placeholder: l.node,
+  placeholder: n.node,
   /**
    * Function that customizes the rendering of the selected value.
    */
-  renderValue: l.func,
+  renderValue: n.func,
   /**
    * If `true`, the Select cannot be empty when submitting form.
    * @default false
    */
-  required: l.bool,
+  required: n.bool,
   /**
    * The props used for each slot inside the Input.
    * @default {}
    */
-  slotProps: l.shape({
-    listbox: l.oneOfType([l.func, l.object]),
-    popup: l.oneOfType([l.func, l.object]),
-    root: l.oneOfType([l.func, l.object])
+  slotProps: n.shape({
+    listbox: n.oneOfType([n.func, n.object]),
+    popup: n.oneOfType([n.func, n.object]),
+    root: n.oneOfType([n.func, n.object])
   }),
   /**
    * The components used for each slot inside the Select.
    * Either a string to use a HTML element or a component.
    * @default {}
    */
-  slots: l.shape({
-    listbox: l.elementType,
-    popup: l.elementType,
-    root: l.elementType
+  slots: n.shape({
+    listbox: n.elementType,
+    popup: n.elementType,
+    root: n.elementType
   }),
   /**
    * The selected value.
    * Set to `null` to deselect all options.
    */
-  value: l.any
+  value: n.any
 });
-const He = We({}), Rt = () => Ge(He), _t = (n) => {
-  const { children: o, icon: i, className: c, ...s } = n, { multiple: u, selectedValue: p = [] } = Rt();
-  return /* @__PURE__ */ Y(
-    Ee,
+const Te = Ke({}), Ct = () => Je(Te), Pt = (o) => {
+  const { children: s, icon: i, className: a, ...l } = o, { multiple: c, selectedValue: m = [] } = Ct();
+  return /* @__PURE__ */ J(
+    Me,
     {
-      ...s,
+      ...l,
       slotProps: {
-        root: (f) => ({
-          className: K(y.select__listbox__option, c, {
-            [y["select__listbox__option--disabled"]]: f.disabled,
-            [y["select__listbox__option--selected"]]: f.selected && !u
+        root: (b) => ({
+          className: $(R.select__listbox__option, a, {
+            [R["select__listbox__option--disabled"]]: b.disabled,
+            [R["select__listbox__option--selected"]]: b.selected && !c
           })
         })
       },
       children: [
-        u && /* @__PURE__ */ m(Qe, { checked: p == null ? void 0 : p.includes(s.value), onChange: () => {
+        c && /* @__PURE__ */ f(Ge, { checked: m == null ? void 0 : m.includes(l.value), onChange: () => {
         } }),
-        i ? /* @__PURE__ */ m("span", { className: y.select__listbox__option__icon, children: i }) : "",
-        /* @__PURE__ */ m(_e, { className: y.select__listbox__option__text, children: o })
+        i ? /* @__PURE__ */ f("span", { className: R.select__listbox__option__icon, children: i }) : "",
+        /* @__PURE__ */ f(xe, { className: R.select__listbox__option__text, children: s })
       ]
     }
   );
-}, St = (n) => {
+}, yt = (o) => {
   const {
-    children: o,
+    children: s,
     className: i,
-    id: c,
-    onChange: s,
-    label: u,
-    required: p,
-    multiple: f,
-    value: d,
-    classNameWrapper: _,
+    id: a,
+    onChange: l,
+    label: c,
+    required: m,
+    multiple: b,
+    value: p,
+    classNameWrapper: V,
     classNameLabel: k,
-    testIdLabel: h,
-    testIdWrapper: S,
-    fullWidth: R = !0,
+    testIdLabel: g,
+    testIdWrapper: w,
+    fullWidth: h = !0,
     infoMessage: I,
     error: O,
     errorMessage: x,
     classNameInfoMessage: A,
-    classNameErrorMessage: b,
+    classNameErrorMessage: d,
     "data-testid-infoMessage": C,
-    "data-testid-errorMessage": P,
-    ...B
-  } = n, V = (H, M) => {
-    H && (s == null || s(M, H));
-  }, D = Je(), w = c || `select_${D}`;
-  return /* @__PURE__ */ Y(
+    "data-testid-errorMessage": S,
+    ...M
+  } = o, P = (L, D) => {
+    L && (l == null || l(D, L));
+  }, B = We(), N = a || `select_${B.replace(/:/g, "-")}`;
+  return /* @__PURE__ */ J(
     "div",
     {
-      className: K(
-        y.select__wrapper,
-        !R && y["select__wrapper--fit-content-width"],
-        _
+      className: $(
+        R.select__wrapper,
+        !h && R["select__wrapper--fit-content-width"],
+        V
       ),
-      "data-testid": S,
-      id: `${w}_wrapper`,
+      "data-testid": w,
+      id: `${N}_wrapper`,
       children: [
-        u && /* @__PURE__ */ Y(
-          _e,
+        c && /* @__PURE__ */ J(
+          xe,
           {
             element: "label",
             bold: !0,
-            elementProps: { htmlFor: w, id: `${w}_label` },
-            className: K(y.select__label, k),
-            "data-testid": h,
+            elementProps: { htmlFor: N, id: `${N}_label` },
+            className: $(R.select__label, k),
+            "data-testid": g,
             children: [
-              u,
-              p && /* @__PURE__ */ m("span", { children: "*" })
+              c,
+              m && /* @__PURE__ */ f("span", { children: "*" })
             ]
           }
         ),
-        /* @__PURE__ */ m(He.Provider, { value: { multiple: f, selectedValue: d, onChange: s }, children: /* @__PURE__ */ m(
-          $e,
+        /* @__PURE__ */ f(Te.Provider, { value: { multiple: b, selectedValue: p, onChange: l }, children: /* @__PURE__ */ f(
+          ve,
           {
-            ...B,
-            value: d,
-            id: w,
-            onChange: V,
-            className: K(y.select, i, (O || x) && y["select-button--error"]),
-            slots: { root: Ye },
-            multiple: f,
+            ...M,
+            value: p,
+            id: N,
+            onChange: P,
+            className: $(R.select, i, (O || x) && R["select-button--error"]),
+            slots: { root: Xe },
+            multiple: b,
             slotProps: {
-              root: { fullWidth: R, placeholder: B.placeholder },
-              listbox: { className: y.select__listbox },
+              root: { fullWidth: h, placeholder: M.placeholder },
+              listbox: { className: R.select__listbox },
               popup: {
-                className: y.select__popup,
+                className: R.select__popup,
                 disablePortal: !0,
                 strategy: "absolute"
               }
             },
-            children: o
+            children: s
           }
         ) }),
-        /* @__PURE__ */ m("div", { className: y["messages-wrapper"], children: (x || I) && /* @__PURE__ */ Y(
-          _e,
+        /* @__PURE__ */ f("div", { className: R["messages-wrapper"], children: (x || I) && /* @__PURE__ */ J(
+          xe,
           {
-            className: x ? K(y["error-message"], b) : K(y["info-message"], A),
-            "data-testid": x ? P : C,
+            className: x ? $(R["error-message"], d) : $(R["info-message"], A),
+            "data-testid": x ? S : C,
             children: [
-              /* @__PURE__ */ m(Xe, { icon: x ? "circle-exclamation" : "circle-info" }),
+              /* @__PURE__ */ f(Qe, { icon: x ? "circle-exclamation" : "circle-info" }),
               x || I
             ]
           }
@@ -925,10 +959,10 @@ const He = We({}), Rt = () => Ge(He), _t = (n) => {
     }
   );
 };
-St.Option = _t;
+yt.Option = Pt;
 export {
-  St as Select,
-  He as SelectContext,
-  _t as SelectOption,
-  Rt as useSelectContext
+  yt as Select,
+  Te as SelectContext,
+  Pt as SelectOption,
+  Ct as useSelectContext
 };