@pismo/marola 1.0.0-beta.48 → 1.0.0-beta.5

package/dist/components/Select/Select.js

@@ -1,19 +1,16 @@
-import { jsx as h, jsxs as re } from "react/jsx-runtime";
+import { jsx as h, jsxs as Oe } from "react/jsx-runtime";
+import { c as _e } from "../../clsx-DB4S2d7J.js";
+import { Typography as Ke } from "../Typography/Typography.js";
+import { s as L, S as ze } from "../../SelectButton-K3OIfR5m.js";
+import { g as Ve, a as we, u as X, f as ne, b as g, P as l, _ as ke, c as le, d as Ie, e as Ne } from "../../index-CH45lKw7.js";
 import * as s from "react";
-import { useId as ze } from "react";
-import { c as U } from "../../clsx-DB4S2d7J.js";
-import { Icon as We } from "../Icon/Icon.js";
-import { Typography as _e } from "../Typography/Typography.js";
-import { s as y, S as Je } from "../../SelectButton-B38avP9u.js";
-import { g as we, a as Ie, u as Y, f as le, b as m, P as l, _ as Ne, c as se, d as Me, e as ke } from "../../useSlotProps-C_I1kEHr.js";
-import { u as Ge, c as ae, a as Se, L as X } from "../../combineHooksSlotProps-C-zYvfnF.js";
-import { u as Te } from "../../useButton-DcihopJG.js";
-import { u as Le } from "../../useId-BW-oWmul.js";
-import { u as Qe, a as Xe, C as Ye } from "../../useCompoundItem-B7Eo_qZk.js";
-import { P as Ze } from "../../Popup-Ck3XlWMq.js";
-import { m as Re, h as et, l as tt, u as ot } from "../../useList-B9C55YB7.js";
-import { u as nt } from "../../useEnhancedEffect-CJGo-L3B.js";
-const lt = {
+import { u as Je, c as se, a as ye, L as Q } from "../../combineHooksSlotProps-DVjg9PRh.js";
+import { u as Me } from "../../useButton-DNk3wrQp.js";
+import { u as Te, a as We, b as Ge, C as Qe } from "../../useCompoundItem-D1iRfg8D.js";
+import { P as Xe } from "../../Popup-B6ZSGIEI.js";
+import { m as ve, h as Ye, l as Ze, u as et } from "../../useList-B0hog_3-.js";
+import { u as tt } from "../../useEnhancedEffect-CJGo-L3B.js";
+const ot = {
   border: 0,
   clip: "rect(0 0 0 0)",
   height: "1px",
@@ -24,146 +21,146 @@ const lt = {
   whiteSpace: "nowrap",
   width: "1px"
 }, Ae = "Option";
-function st(n) {
-  return we(Ae, n);
+function nt(n) {
+  return Ve(Ae, n);
 }
-Ie(Ae, ["root", "disabled", "selected", "highlighted"]);
-function rt(n) {
+we(Ae, ["root", "disabled", "selected", "highlighted"]);
+function lt(n) {
   const {
     value: o,
     label: i,
-    disabled: c,
+    disabled: a,
     rootRef: r,
-    id: u
+    id: c
   } = n, {
-    getRootProps: f,
-    highlighted: b,
+    getRootProps: p,
+    highlighted: f,
     selected: d
-  } = Ge({
+  } = Je({
     item: o
   }), {
-    getRootProps: R,
-    rootRef: V
-  } = Te({
-    disabled: c,
+    getRootProps: v,
+    rootRef: I
+  } = Me({
+    disabled: a,
     focusableWhenDisabled: !0
-  }), x = Le(u), _ = s.useRef(null), g = s.useMemo(() => ({
-    disabled: c,
+  }), x = Te(c), y = s.useRef(null), R = s.useMemo(() => ({
+    disabled: a,
     label: i,
     value: o,
-    ref: _,
+    ref: y,
     id: x
-  }), [c, i, o, x]), {
-    index: I
-  } = Qe(o, g), O = Y(r, _, V), N = (p) => (C) => {
+  }), [a, i, o, x]), {
+    index: N
+  } = We(o, R), O = X(r, y, I), M = (b) => (C) => {
     var P;
-    (P = p.onKeyDown) == null || P.call(p, C), !C.defaultMuiPrevented && [" ", "Enter"].includes(C.key) && (C.defaultMuiPrevented = !0);
-  }, L = (p = {}) => ({
-    onKeyDown: N(p)
+    (P = b.onKeyDown) == null || P.call(b, C), !C.defaultMuiPrevented && [" ", "Enter"].includes(C.key) && (C.defaultMuiPrevented = !0);
+  }, B = (b = {}) => ({
+    onKeyDown: M(b)
   });
   return {
-    getRootProps: (p = {}) => {
-      const C = le(p), P = ae(f, ae(R, L));
-      return m({}, p, C, P(C), {
+    getRootProps: (b = {}) => {
+      const C = ne(b), P = se(p, se(v, B));
+      return g({}, b, C, P(C), {
         id: x,
         ref: O,
         role: "option",
         "aria-selected": d
       });
     },
-    highlighted: b,
-    index: I,
+    highlighted: f,
+    index: N,
     selected: d,
     rootRef: O
   };
 }
-function at(n) {
-  const o = s.useContext(Se);
+function st(n) {
+  const o = s.useContext(ye);
   if (!o)
     throw new Error("Option: ListContext was not found.");
   const {
     getItemState: i,
-    dispatch: c
+    dispatch: a
   } = o, {
     highlighted: r,
-    selected: u,
-    focusable: f
-  } = i(n), b = s.useCallback((R) => {
-    if (R !== n)
+    selected: c,
+    focusable: p
+  } = i(n), f = s.useCallback((v) => {
+    if (v !== 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"));
     return {
       highlighted: r,
-      selected: u,
-      focusable: f
+      selected: c,
+      focusable: p
     };
-  }, [r, u, f, n]);
+  }, [r, c, p, n]);
   return {
     contextValue: s.useMemo(() => ({
-      dispatch: c,
-      getItemState: b
-    }), [c, b])
+      dispatch: a,
+      getItemState: f
+    }), [a, f])
   };
 }
-const it = ["children", "disabled", "label", "slotProps", "slots", "value"];
+const rt = ["children", "disabled", "label", "slotProps", "slots", "value"];
 function ut(n) {
   const {
     disabled: o,
     highlighted: i,
-    selected: c
+    selected: a
   } = n;
-  return Me({
-    root: ["root", o && "disabled", i && "highlighted", c && "selected"]
-  }, ke(st));
+  return Ie({
+    root: ["root", o && "disabled", i && "highlighted", a && "selected"]
+  }, Ne(nt));
 }
-const ct = /* @__PURE__ */ s.memo(/* @__PURE__ */ s.forwardRef(function(o, i) {
-  var c, r;
+const it = /* @__PURE__ */ s.memo(/* @__PURE__ */ s.forwardRef(function(o, i) {
+  var a, r;
   const {
-    children: u,
-    disabled: f = !1,
-    label: b,
+    children: c,
+    disabled: p = !1,
+    label: f,
     slotProps: d = {},
-    slots: R = {},
-    value: V
-  } = o, x = Ne(o, it), _ = (c = R.root) != null ? c : "li", g = s.useRef(null), I = Y(g, i), O = b ?? (typeof u == "string" ? u : (r = g.current) == null || (r = r.textContent) == null ? void 0 : r.trim()), {
-    getRootProps: N,
-    selected: L,
-    highlighted: p,
+    slots: v = {},
+    value: I
+  } = o, x = ke(o, rt), y = (a = v.root) != null ? a : "li", R = s.useRef(null), N = X(R, i), O = f ?? (typeof c == "string" ? c : (r = R.current) == null || (r = r.textContent) == null ? void 0 : r.trim()), {
+    getRootProps: M,
+    selected: B,
+    highlighted: b,
     index: C
-  } = rt({
-    disabled: f,
+  } = lt({
+    disabled: p,
     label: O,
-    rootRef: I,
-    value: V
-  }), P = m({}, o, {
-    disabled: f,
-    highlighted: p,
+    rootRef: N,
+    value: I
+  }), P = g({}, o, {
+    disabled: p,
+    highlighted: b,
     index: C,
-    selected: L
-  }), M = ut(P), S = se({
-    getSlotProps: N,
-    elementType: _,
+    selected: B
+  }), j = ut(P), _ = le({
+    getSlotProps: M,
+    elementType: y,
     externalSlotProps: d.root,
     externalForwardedProps: x,
-    className: M.root,
+    className: j.root,
     ownerState: P
   });
-  return /* @__PURE__ */ h(_, m({}, S, {
-    children: u
+  return /* @__PURE__ */ h(y, g({}, _, {
+    children: c
   }));
-})), Ee = /* @__PURE__ */ s.forwardRef(function(o, i) {
+})), Le = /* @__PURE__ */ s.forwardRef(function(o, i) {
   const {
-    value: c
+    value: a
   } = o, {
     contextValue: r
-  } = at(c);
-  return /* @__PURE__ */ h(Se.Provider, {
+  } = st(a);
+  return /* @__PURE__ */ h(ye.Provider, {
     value: r,
-    children: /* @__PURE__ */ h(ct, m({}, o, {
+    children: /* @__PURE__ */ h(it, g({}, o, {
       ref: i
     }))
   });
 });
-process.env.NODE_ENV !== "production" && (Ee.propTypes = {
+process.env.NODE_ENV !== "production" && (Le.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │
@@ -206,7 +203,7 @@ process.env.NODE_ENV !== "production" && (Ee.propTypes = {
    */
   value: l.any.isRequired
 });
-const ie = {
+const re = {
   buttonClick: "buttonClick",
   browserAutoFill: "browserAutoFill"
 }, Be = (n) => {
@@ -216,478 +213,478 @@ const ie = {
   } = n;
   return typeof o == "string" ? o : typeof i == "string" ? i : String(n);
 };
-function dt(n, o) {
+function at(n, o) {
   const {
     open: i
   } = n, {
     context: {
-      selectionMode: c
+      selectionMode: a
     }
   } = o;
-  if (o.type === ie.buttonClick) {
+  if (o.type === re.buttonClick) {
     var r;
-    const d = (r = n.selectedValues[0]) != null ? r : Re(null, "start", o.context);
-    return m({}, n, {
+    const d = (r = n.selectedValues[0]) != null ? r : ve(null, "start", o.context);
+    return g({}, n, {
       open: !i,
       highlightedValue: i ? null : d
     });
   }
-  if (o.type === ie.browserAutoFill)
-    return et(o.item, n, o.context);
-  const u = tt(n, o);
+  if (o.type === re.browserAutoFill)
+    return Ye(o.item, n, o.context);
+  const c = Ze(n, o);
   switch (o.type) {
-    case X.keyDown:
+    case Q.keyDown:
       if (n.open) {
         if (o.event.key === "Escape")
-          return m({}, u, {
+          return g({}, c, {
             open: !1
           });
       } else {
         if (o.event.key === "ArrowDown") {
-          var f;
-          return m({}, n, {
+          var p;
+          return g({}, n, {
             open: !0,
-            highlightedValue: (f = n.selectedValues[0]) != null ? f : Re(null, "start", o.context)
+            highlightedValue: (p = n.selectedValues[0]) != null ? p : ve(null, "start", o.context)
           });
         }
         if (o.event.key === "ArrowUp") {
-          var b;
-          return m({}, n, {
+          var f;
+          return g({}, n, {
             open: !0,
-            highlightedValue: (b = n.selectedValues[0]) != null ? b : Re(null, "end", o.context)
+            highlightedValue: (f = n.selectedValues[0]) != null ? f : ve(null, "end", o.context)
           });
         }
       }
       break;
-    case X.itemClick:
-      if (c === "single")
-        return m({}, u, {
+    case Q.itemClick:
+      if (a === "single")
+        return g({}, c, {
           open: !1
         });
       break;
-    case X.blur:
-      return m({}, u, {
+    case Q.blur:
+      return g({}, c, {
         open: !1
       });
     default:
-      return u;
+      return c;
   }
-  return u;
+  return c;
 }
-function pt(n) {
+function ct(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(n) {
+function dt(n) {
   const {
     areOptionsEqual: o,
     buttonRef: i,
-    defaultOpen: c = !1,
+    defaultOpen: a = !1,
     defaultValue: r,
-    disabled: u = !1,
-    listboxId: f,
-    listboxRef: b,
+    disabled: c = !1,
+    listboxId: p,
+    listboxRef: f,
     multiple: d = !1,
-    name: R,
-    required: V,
+    name: v,
+    required: I,
     onChange: x,
-    onHighlightChange: _,
-    onOpenChange: g,
-    open: I,
+    onHighlightChange: y,
+    onOpenChange: R,
+    open: N,
     options: O,
-    getOptionAsString: N = Be,
-    getSerializedValue: L = pt,
-    value: p,
+    getOptionAsString: M = Be,
+    getSerializedValue: B = ct,
+    value: b,
     componentName: C = "useSelect"
-  } = n, P = s.useRef(null), M = Y(i, P), S = s.useRef(null), E = Le(f);
-  let $;
-  p === void 0 && r === void 0 ? $ = [] : r !== void 0 && (d ? $ = r : $ = r == null ? [] : [r]);
-  const Z = s.useMemo(() => {
-    if (p !== void 0)
-      return d ? p : p == null ? [] : [p];
-  }, [p, d]), {
-    subitems: B,
-    contextValue: q
-  } = Xe(), k = s.useMemo(() => O != null ? new Map(O.map((e, t) => [e.value, {
+  } = n, P = s.useRef(null), j = X(i, P), _ = s.useRef(null), $ = Te(p);
+  let E;
+  b === void 0 && r === void 0 ? E = [] : r !== void 0 && (d ? E = r : E = r == null ? [] : [r]);
+  const Y = s.useMemo(() => {
+    if (b !== void 0)
+      return d ? b : b == null ? [] : [b];
+  }, [b, d]), {
+    subitems: T,
+    contextValue: F
+  } = Ge(), V = s.useMemo(() => O != null ? new Map(O.map((e, t) => [e.value, {
     value: e.value,
     label: e.label,
     disabled: e.disabled,
     ref: /* @__PURE__ */ s.createRef(),
-    id: `${E}_${t}`
-  }])) : B, [O, B, E]), ue = Y(b, S), {
-    getRootProps: ee,
-    active: ce,
-    focusVisible: de,
-    rootRef: K
-  } = Te({
-    disabled: u,
-    rootRef: M
-  }), j = s.useMemo(() => Array.from(k.keys()), [k]), w = s.useCallback((e) => {
+    id: `${$}_${t}`
+  }])) : T, [O, T, $]), ue = X(f, _), {
+    getRootProps: Z,
+    active: ie,
+    focusVisible: ae,
+    rootRef: U
+  } = Me({
+    disabled: c,
+    rootRef: j
+  }), q = s.useMemo(() => Array.from(V.keys()), [V]), S = s.useCallback((e) => {
     if (o !== void 0) {
-      const t = j.find((a) => o(a, e));
-      return k.get(t);
+      const t = q.find((u) => o(u, e));
+      return V.get(t);
     }
-    return k.get(e);
-  }, [k, o, j]), te = s.useCallback((e) => {
+    return V.get(e);
+  }, [V, o, q]), ee = s.useCallback((e) => {
     var t;
-    const a = w(e);
-    return (t = a == null ? void 0 : a.disabled) != null ? t : !1;
-  }, [w]), oe = s.useCallback((e) => {
-    const t = w(e);
-    return t ? N(t) : "";
-  }, [w, N]), pe = s.useMemo(() => ({
-    selectedValues: Z,
-    open: I
-  }), [Z, I]), fe = s.useCallback((e) => {
+    const u = S(e);
+    return (t = u == null ? void 0 : u.disabled) != null ? t : !1;
+  }, [S]), te = s.useCallback((e) => {
+    const t = S(e);
+    return t ? M(t) : "";
+  }, [S, M]), ce = s.useMemo(() => ({
+    selectedValues: Y,
+    open: N
+  }), [Y, N]), de = s.useCallback((e) => {
     var t;
-    return (t = k.get(e)) == null ? void 0 : t.id;
-  }, [k]), be = s.useCallback((e, t) => {
+    return (t = V.get(e)) == null ? void 0 : t.id;
+  }, [V]), pe = s.useCallback((e, t) => {
     if (d)
       x == null || x(e, t);
     else {
-      var a;
-      x == null || x(e, (a = t[0]) != null ? a : null);
+      var u;
+      x == null || x(e, (u = t[0]) != null ? u : null);
     }
-  }, [d, x]), me = s.useCallback((e, t) => {
-    _ == null || _(e, t ?? null);
-  }, [_]), ge = s.useCallback((e, t, a) => {
-    if (t === "open" && (g == null || g(a), a === !1 && (e == null ? void 0 : e.type) !== "blur")) {
-      var v;
-      (v = P.current) == null || v.focus();
+  }, [d, x]), fe = s.useCallback((e, t) => {
+    y == null || y(e, t ?? null);
+  }, [y]), be = s.useCallback((e, t, u) => {
+    if (t === "open" && (R == null || R(u), u === !1 && (e == null ? void 0 : e.type) !== "blur")) {
+      var m;
+      (m = P.current) == null || m.focus();
     }
-  }, [g]), he = s.useCallback((e) => {
-    var t, a;
-    return e == null ? null : (t = (a = B.get(e)) == null ? void 0 : a.ref.current) != null ? t : null;
-  }, [B]), xe = {
+  }, [R]), ge = s.useCallback((e) => {
+    var t, u;
+    return e == null ? null : (t = (u = T.get(e)) == null ? void 0 : u.ref.current) != null ? t : null;
+  }, [T]), me = {
     getInitialState: () => {
       var e;
       return {
         highlightedValue: null,
-        selectedValues: (e = $) != null ? e : [],
-        open: c
+        selectedValues: (e = E) != null ? e : [],
+        open: a
       };
     },
-    getItemId: fe,
-    controlledProps: pe,
+    getItemId: de,
+    controlledProps: ce,
     focusManagement: "DOM",
-    getItemDomElement: he,
+    getItemDomElement: ge,
     itemComparer: o,
-    isItemDisabled: te,
+    isItemDisabled: ee,
     rootRef: ue,
-    onChange: be,
-    onHighlightChange: me,
-    onStateChange: ge,
+    onChange: pe,
+    onHighlightChange: fe,
+    onStateChange: be,
     reducerActionContext: s.useMemo(() => ({
       multiple: d
     }), [d]),
-    items: j,
-    getItemAsString: oe,
+    items: q,
+    getItemAsString: te,
     selectionMode: d ? "multiple" : "single",
-    stateReducer: dt,
+    stateReducer: at,
     componentName: C
   }, {
-    dispatch: H,
-    getRootProps: Ce,
-    contextValue: z,
+    dispatch: D,
+    getRootProps: he,
+    contextValue: K,
     state: {
-      open: T,
-      highlightedValue: D,
-      selectedValues: A
+      open: w,
+      highlightedValue: A,
+      selectedValues: k
     },
-    rootRef: W
-  } = ot(xe), Pe = s.useRef(T);
-  nt(() => {
-    if (T && D !== null) {
+    rootRef: z
+  } = et(me), xe = s.useRef(w);
+  tt(() => {
+    if (w && A !== null) {
       var e;
-      const t = (e = w(D)) == null ? void 0 : e.ref;
-      if (!S.current || !(t != null && t.current))
+      const t = (e = S(A)) == null ? void 0 : e.ref;
+      if (!_.current || !(t != null && t.current))
         return;
-      Pe.current || t.current.focus({
+      xe.current || t.current.focus({
         preventScroll: !0
       });
-      const a = S.current.getBoundingClientRect(), v = t.current.getBoundingClientRect();
-      v.top < a.top ? S.current.scrollTop -= a.top - v.top : v.bottom > a.bottom && (S.current.scrollTop += v.bottom - a.bottom);
+      const u = _.current.getBoundingClientRect(), m = t.current.getBoundingClientRect();
+      m.top < u.top ? _.current.scrollTop -= u.top - m.top : m.bottom > u.bottom && (_.current.scrollTop += m.bottom - u.bottom);
     }
-  }, [T, D, w]);
-  const J = s.useCallback((e) => w(e), [w]), ve = (e) => (t) => {
-    var a;
-    if (e == null || (a = e.onClick) == null || a.call(e, t), !t.defaultMuiPrevented) {
-      const v = {
-        type: ie.buttonClick,
+  }, [w, A, S]);
+  const J = s.useCallback((e) => S(e), [S]), Ce = (e) => (t) => {
+    var u;
+    if (e == null || (u = e.onClick) == null || u.call(e, t), !t.defaultMuiPrevented) {
+      const m = {
+        type: re.buttonClick,
         event: t
       };
-      H(v);
+      D(m);
     }
-  }, G = (e) => (t) => {
-    var a;
-    (a = e.onKeyDown) == null || a.call(e, t), !t.defaultMuiPrevented && (t.key === "ArrowDown" || t.key === "ArrowUp") && (t.preventDefault(), H({
-      type: X.keyDown,
+  }, W = (e) => (t) => {
+    var u;
+    (u = e.onKeyDown) == null || u.call(e, t), !t.defaultMuiPrevented && (t.key === "ArrowDown" || t.key === "ArrowUp") && (t.preventDefault(), D({
+      type: Q.keyDown,
       key: t.key,
       event: t
     }));
-  }, ne = (e = {}) => ({
-    onClick: ve(e),
-    onKeyDown: G(e)
-  }), F = (e = {}) => m({}, e, ne(e), {
+  }, oe = (e = {}) => ({
+    onClick: Ce(e),
+    onKeyDown: W(e)
+  }), H = (e = {}) => g({}, e, oe(e), {
     role: "combobox",
-    "aria-expanded": T,
-    "aria-controls": E
+    "aria-expanded": w,
+    "aria-controls": $
   }), He = (e = {}) => {
-    const t = le(e), a = ae(F, ee);
-    return m({}, e, a(t));
-  }, Fe = (e) => (t) => {
-    var a, v;
-    (a = e.onBlur) == null || a.call(e, t), !t.defaultMuiPrevented && ((v = S.current) != null && v.contains(t.relatedTarget) || t.relatedTarget === P.current) && (t.defaultMuiPrevented = !0);
-  }, qe = (e = {}) => ({
-    onBlur: Fe(e)
-  }), je = (e = {}) => {
-    const t = le(e), a = ae(qe, Ce);
-    return m({
-      id: E,
+    const t = ne(e), u = se(H, Z);
+    return g({}, e, u(t));
+  }, $e = (e) => (t) => {
+    var u, m;
+    (u = e.onBlur) == null || u.call(e, t), !t.defaultMuiPrevented && ((m = _.current) != null && m.contains(t.relatedTarget) || t.relatedTarget === P.current) && (t.defaultMuiPrevented = !0);
+  }, Fe = (e = {}) => ({
+    onBlur: $e(e)
+  }), qe = (e = {}) => {
+    const t = ne(e), u = se(Fe, he);
+    return g({
+      id: $,
       role: "listbox",
       "aria-multiselectable": d ? "true" : void 0
-    }, e, a(t));
+    }, e, u(t));
   };
   s.useDebugValue({
-    selectedOptions: A,
-    highlightedOption: D,
-    open: T
+    selectedOptions: k,
+    highlightedOption: A,
+    open: w
   });
-  const Ue = s.useMemo(() => m({}, z, q), [z, q]);
-  let Q;
-  n.multiple ? Q = A : Q = A.length > 0 ? A[0] : null;
-  let ye;
+  const je = s.useMemo(() => g({}, K, F), [K, F]);
+  let G;
+  n.multiple ? G = k : G = k.length > 0 ? k[0] : null;
+  let Pe;
   if (d)
-    ye = Q.map((e) => J(e)).filter((e) => e !== void 0);
+    Pe = G.map((e) => J(e)).filter((e) => e !== void 0);
   else {
-    var Oe;
-    ye = (Oe = J(Q)) != null ? Oe : null;
+    var Re;
+    Pe = (Re = J(G)) != null ? Re : null;
   }
-  const Ke = (e) => (t) => {
-    var a;
-    if (e == null || (a = e.onChange) == null || a.call(e, t), t.defaultMuiPrevented)
+  const Ue = (e) => (t) => {
+    var u;
+    if (e == null || (u = e.onChange) == null || u.call(e, t), t.defaultMuiPrevented)
       return;
-    const v = k.get(t.target.value);
-    t.target.value === "" ? H({
-      type: X.clearSelection
-    }) : v !== void 0 && H({
-      type: ie.browserAutoFill,
-      item: v.value,
+    const m = V.get(t.target.value);
+    t.target.value === "" ? D({
+      type: Q.clearSelection
+    }) : m !== void 0 && D({
+      type: re.browserAutoFill,
+      item: m.value,
       event: t
     });
   };
   return {
-    buttonActive: ce,
-    buttonFocusVisible: de,
-    buttonRef: K,
-    contextValue: Ue,
-    disabled: u,
-    dispatch: H,
+    buttonActive: ie,
+    buttonFocusVisible: ae,
+    buttonRef: U,
+    contextValue: je,
+    disabled: c,
+    dispatch: D,
     getButtonProps: He,
     getHiddenInputProps: (e = {}) => {
-      const t = le(e);
-      return m({
-        name: R,
+      const t = ne(e);
+      return g({
+        name: v,
         tabIndex: -1,
         "aria-hidden": !0,
-        required: V ? !0 : void 0,
-        value: L(ye),
-        style: lt
+        required: I ? !0 : void 0,
+        value: B(Pe),
+        style: ot
       }, e, {
-        onChange: Ke(t)
+        onChange: Ue(t)
       });
     },
-    getListboxProps: je,
+    getListboxProps: qe,
     getOptionMetadata: J,
-    listboxRef: W,
-    open: T,
-    options: j,
-    value: Q,
-    highlightedOption: D
+    listboxRef: z,
+    open: w,
+    options: q,
+    value: G,
+    highlightedOption: A
   };
 }
-function bt(n) {
+function pt(n) {
   const {
     value: o,
     children: i
   } = n, {
-    dispatch: c,
+    dispatch: a,
     getItemIndex: r,
-    getItemState: u,
-    registerItem: f,
-    totalSubitemCount: b
+    getItemState: c,
+    registerItem: p,
+    totalSubitemCount: f
   } = o, d = s.useMemo(() => ({
-    dispatch: c,
-    getItemState: u,
+    dispatch: a,
+    getItemState: c,
     getItemIndex: r
-  }), [c, r, u]), R = s.useMemo(() => ({
+  }), [a, r, c]), v = s.useMemo(() => ({
     getItemIndex: r,
-    registerItem: f,
-    totalSubitemCount: b
-  }), [f, r, b]);
-  return /* @__PURE__ */ h(Ye.Provider, {
-    value: R,
-    children: /* @__PURE__ */ h(Se.Provider, {
+    registerItem: p,
+    totalSubitemCount: f
+  }), [p, r, f]);
+  return /* @__PURE__ */ h(Qe.Provider, {
+    value: v,
+    children: /* @__PURE__ */ h(ye.Provider, {
       value: d,
       children: i
     })
   });
 }
-const De = "Select";
-function mt(n) {
-  return we(De, n);
+const Ee = "Select";
+function ft(n) {
+  return Ve(Ee, n);
 }
-Ie(De, ["root", "button", "listbox", "popup", "active", "expanded", "disabled", "focusVisible"]);
-var Ve;
-const gt = ["areOptionsEqual", "autoComplete", "autoFocus", "children", "defaultValue", "defaultListboxOpen", "disabled", "getSerializedValue", "listboxId", "listboxOpen", "multiple", "name", "required", "onChange", "onListboxOpenChange", "getOptionAsString", "renderValue", "placeholder", "slotProps", "slots", "value"];
-function ht(n) {
+we(Ee, ["root", "button", "listbox", "popup", "active", "expanded", "disabled", "focusVisible"]);
+var Se;
+const bt = ["areOptionsEqual", "autoComplete", "autoFocus", "children", "defaultValue", "defaultListboxOpen", "disabled", "getSerializedValue", "listboxId", "listboxOpen", "multiple", "name", "required", "onChange", "onListboxOpenChange", "getOptionAsString", "renderValue", "placeholder", "slotProps", "slots", "value"];
+function gt(n) {
   var o;
   return Array.isArray(n) ? /* @__PURE__ */ h(s.Fragment, {
     children: n.map((i) => i.label).join(", ")
   }) : (o = n == null ? void 0 : n.label) != null ? o : null;
 }
-function xt(n) {
+function mt(n) {
   const {
     active: o,
     disabled: i,
-    open: c,
+    open: a,
     focusVisible: r
   } = n;
-  return Me({
-    root: ["root", i && "disabled", r && "focusVisible", o && "active", c && "expanded"],
+  return Ie({
+    root: ["root", i && "disabled", r && "focusVisible", o && "active", a && "expanded"],
     listbox: ["listbox", i && "disabled"],
     popup: ["popup"]
-  }, ke(mt));
+  }, Ne(ft));
 }
-const $e = /* @__PURE__ */ s.forwardRef(function(o, i) {
-  var c, r, u, f, b;
+const De = /* @__PURE__ */ s.forwardRef(function(o, i) {
+  var a, r, c, p, f;
   const {
     areOptionsEqual: d,
-    autoComplete: R,
-    autoFocus: V,
+    autoComplete: v,
+    autoFocus: I,
     children: x,
-    defaultValue: _,
-    defaultListboxOpen: g = !1,
-    disabled: I,
+    defaultValue: y,
+    defaultListboxOpen: R = !1,
+    disabled: N,
     getSerializedValue: O,
-    listboxId: N,
-    listboxOpen: L,
-    multiple: p = !1,
+    listboxId: M,
+    listboxOpen: B,
+    multiple: b = !1,
     name: C,
     required: P = !1,
-    onChange: M,
-    onListboxOpenChange: S,
-    getOptionAsString: E = Be,
-    renderValue: $,
-    placeholder: Z,
-    slotProps: B = {},
-    slots: q = {},
-    value: k
-  } = o, ue = Ne(o, gt), ee = $ ?? ht, [ce, de] = s.useState(!1), K = s.useRef(null), j = s.useRef(null), w = (c = q.root) != null ? c : "button", te = (r = q.listbox) != null ? r : "ul", oe = (u = q.popup) != null ? u : "div", pe = s.useCallback((F) => {
-    de(F != null);
-  }, []), fe = Y(i, K, pe);
+    onChange: j,
+    onListboxOpenChange: _,
+    getOptionAsString: $ = Be,
+    renderValue: E,
+    placeholder: Y,
+    slotProps: T = {},
+    slots: F = {},
+    value: V
+  } = o, ue = ke(o, bt), Z = E ?? gt, [ie, ae] = s.useState(!1), U = s.useRef(null), q = s.useRef(null), S = (a = F.root) != null ? a : "button", ee = (r = F.listbox) != null ? r : "ul", te = (c = F.popup) != null ? c : "div", ce = s.useCallback((H) => {
+    ae(H != null);
+  }, []), de = X(i, U, ce);
   s.useEffect(() => {
-    V && K.current.focus();
-  }, [V]);
+    I && U.current.focus();
+  }, [I]);
   const {
-    buttonActive: be,
-    buttonFocusVisible: me,
-    contextValue: ge,
-    disabled: he,
-    getButtonProps: xe,
-    getListboxProps: H,
-    getHiddenInputProps: Ce,
-    getOptionMetadata: z,
-    value: T,
-    open: D
-  } = ft({
+    buttonActive: pe,
+    buttonFocusVisible: fe,
+    contextValue: be,
+    disabled: ge,
+    getButtonProps: me,
+    getListboxProps: D,
+    getHiddenInputProps: he,
+    getOptionMetadata: K,
+    value: w,
+    open: A
+  } = dt({
     name: C,
     required: P,
     getSerializedValue: O,
     areOptionsEqual: d,
-    buttonRef: fe,
-    defaultOpen: g,
-    defaultValue: _,
-    disabled: I,
-    listboxId: N,
-    multiple: p,
-    open: L,
-    onChange: M,
-    onOpenChange: S,
-    getOptionAsString: E,
-    value: k,
+    buttonRef: de,
+    defaultOpen: R,
+    defaultValue: y,
+    disabled: N,
+    listboxId: M,
+    multiple: b,
+    open: B,
+    onChange: j,
+    onOpenChange: _,
+    getOptionAsString: $,
+    value: V,
     componentName: "Select"
-  }), A = m({}, o, {
-    active: be,
-    defaultListboxOpen: g,
-    disabled: he,
-    focusVisible: me,
-    open: D,
-    multiple: p,
-    renderValue: ee,
-    value: T
-  }), W = xt(A), Pe = se({
-    elementType: w,
-    getSlotProps: xe,
-    externalSlotProps: B.root,
+  }), k = g({}, o, {
+    active: pe,
+    defaultListboxOpen: R,
+    disabled: ge,
+    focusVisible: fe,
+    open: A,
+    multiple: b,
+    renderValue: Z,
+    value: w
+  }), z = mt(k), xe = le({
+    elementType: S,
+    getSlotProps: me,
+    externalSlotProps: T.root,
     externalForwardedProps: ue,
-    ownerState: A,
-    className: W.root
-  }), J = se({
-    elementType: te,
-    getSlotProps: H,
-    externalSlotProps: B.listbox,
+    ownerState: k,
+    className: z.root
+  }), J = le({
+    elementType: ee,
+    getSlotProps: D,
+    externalSlotProps: T.listbox,
     additionalProps: {
-      ref: j
+      ref: q
     },
-    ownerState: A,
-    className: W.listbox
-  }), ve = se({
-    elementType: oe,
-    externalSlotProps: B.popup,
+    ownerState: k,
+    className: z.listbox
+  }), Ce = le({
+    elementType: te,
+    externalSlotProps: T.popup,
     additionalProps: {
-      anchor: K.current,
+      anchor: U.current,
       keepMounted: !0,
-      open: D,
+      open: A,
       placement: "bottom-start",
       role: void 0
     },
-    ownerState: A,
-    className: W.popup
+    ownerState: k,
+    className: z.popup
   });
-  let G;
-  if (p)
-    G = T.map((F) => z(F)).filter((F) => F !== void 0);
+  let W;
+  if (b)
+    W = w.map((H) => K(H)).filter((H) => H !== void 0);
   else {
-    var ne;
-    G = (ne = z(T)) != null ? ne : null;
+    var oe;
+    W = (oe = K(w)) != null ? oe : null;
   }
-  return /* @__PURE__ */ re(s.Fragment, {
-    children: [/* @__PURE__ */ h(w, m({}, Pe, {
-      children: (f = (b = ee(G)) != null ? b : Z) != null ? f : (
+  return /* @__PURE__ */ Oe(s.Fragment, {
+    children: [/* @__PURE__ */ h(S, g({}, xe, {
+      children: (p = (f = Z(W)) != null ? f : Y) != 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__ */ h("span", {
+        Se || (Se = /* @__PURE__ */ h("span", {
           className: "notranslate",
           children: "​"
         }))
       )
-    })), ce && /* @__PURE__ */ h(Ze, m({
+    })), ie && /* @__PURE__ */ h(Xe, g({
       slots: {
-        root: oe
+        root: te
       }
-    }, ve, {
-      children: /* @__PURE__ */ h(te, m({}, J, {
-        children: /* @__PURE__ */ h(bt, {
-          value: ge,
+    }, Ce, {
+      children: /* @__PURE__ */ h(ee, g({}, J, {
+        children: /* @__PURE__ */ h(pt, {
+          value: be,
           children: x
         })
       }))
-    })), /* @__PURE__ */ h("input", m({}, Ce(), {
-      autoComplete: R
+    })), /* @__PURE__ */ h("input", g({}, he(), {
+      autoComplete: v
     }))]
   });
 });
-process.env.NODE_ENV !== "production" && ($e.propTypes = {
+process.env.NODE_ENV !== "production" && (De.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │
@@ -814,107 +811,47 @@ process.env.NODE_ENV !== "production" && ($e.propTypes = {
    */
   value: l.any
 });
-const Ct = (n) => {
-  const { children: o, icon: i, className: c, ...r } = n;
-  return /* @__PURE__ */ re(
-    Ee,
+const ht = (n) => {
+  const { children: o, icon: i, className: a, ...r } = n;
+  return /* @__PURE__ */ Oe(
+    Le,
     {
       ...r,
       slotProps: {
-        root: (u) => ({
-          className: U(y.select__listbox__option, c, {
-            [y["select__listbox__option--disabled"]]: u.disabled,
-            [y["select__listbox__option--selected"]]: u.selected
+        root: (c) => ({
+          className: _e(L.select__listbox__option, a, {
+            [L["select__listbox__option--disabled"]]: c.disabled,
+            [L["select__listbox__option--selected"]]: c.selected
           })
         })
       },
       children: [
-        i ? /* @__PURE__ */ h("span", { className: y.select__listbox__option__icon, children: i }) : "",
-        /* @__PURE__ */ h(_e, { className: y.select__listbox__option__text, children: o })
+        i ? /* @__PURE__ */ h("span", { className: L.select__listbox__option__icon, children: i }) : "",
+        /* @__PURE__ */ h(Ke, { className: L.select__listbox__option__text, children: o })
       ]
     }
   );
-}, Pt = (n) => {
-  const {
-    children: o,
-    className: i,
-    id: c,
-    onChange: r,
-    label: u,
-    classNameWrapper: f,
-    classNameLabel: b,
-    testIdLabel: d,
-    testIdWrapper: R,
-    fullWidth: V = !0,
-    infoMessage: x,
-    error: _,
-    errorMessage: g,
-    classNameInfoMessage: I,
-    classNameErrorMessage: O,
-    "data-testid-infoMessage": N,
-    "data-testid-errorMessage": L,
-    ...p
-  } = n, C = (S, E) => {
-    S && (r == null || r(E, S));
-  }, P = ze(), M = c || `select_${P}`;
-  return /* @__PURE__ */ re(
-    "div",
+}, xt = (n) => {
+  const { children: o, className: i, onChange: a, ...r } = n;
+  return /* @__PURE__ */ h(
+    De,
     {
-      className: U(
-        y.select__wrapper,
-        !V && y["select__wrapper--fit-content-width"],
-        f
-      ),
-      "data-testid": R,
-      id: `${M}_wrapper`,
-      children: [
-        u && /* @__PURE__ */ h(
-          _e,
-          {
-            element: "label",
-            elementProps: { htmlFor: M, id: `${M}_label` },
-            className: U(y.select__label, b),
-            "data-testid": d,
-            children: u
-          }
-        ),
-        /* @__PURE__ */ h(
-          $e,
-          {
-            ...p,
-            id: M,
-            onChange: C,
-            className: U(y.select, i, (_ || g) && y["select-button--error"]),
-            slots: { root: Je },
-            slotProps: {
-              root: { fullWidth: V, placeholder: p.placeholder },
-              listbox: { className: y.select__listbox },
-              popup: {
-                className: y.select__popup,
-                disablePortal: !0,
-                strategy: "absolute"
-              }
-            },
-            children: o
-          }
-        ),
-        /* @__PURE__ */ h("div", { className: y["messages-wrapper"], children: (g || x) && /* @__PURE__ */ re(
-          _e,
-          {
-            className: g ? U(y["error-message"], O) : U(y["info-message"], I),
-            "data-testid": g ? L : N,
-            children: [
-              /* @__PURE__ */ h(We, { icon: g ? "circle-exclamation" : "circle-info" }),
-              g || x
-            ]
-          }
-        ) })
-      ]
+      ...r,
+      onChange: (p, f) => {
+        p && (a == null || a(f, p));
+      },
+      className: _e(L.select, i),
+      slots: { root: ze },
+      slotProps: {
+        listbox: { className: L.select__listbox },
+        popup: { className: L.select__popup, strategy: "fixed" }
+      },
+      children: o
     }
   );
 };
-Pt.Option = Ct;
+xt.Option = ht;
 export {
-  Pt as Select,
-  Ct as SelectOption
+  xt as Select,
+  ht as SelectOption
 };