@pismo/marola 1.0.16 → 1.0.17

package/dist/components/Select/Select.js

@@ -1,19 +1,20 @@
-import { jsx as h, jsxs as re } from "react/jsx-runtime";
-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 { jsx as m, jsxs as re } from "react/jsx-runtime";
+import * as r from "react";
+import { createContext as We, useContext as Je, useId as Ge } from "react";
+import { c as K } from "../../clsx-DB4S2d7J.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 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 { s as y, S as Ye } from "../../SelectButton-B38avP9u.js";
+import { g as we, a as Ie, u as Z, f as le, b as g, P as l, _ as Ne, c as se, d as ke, e as Me } from "../../useSlotProps-C_I1kEHr.js";
+import { u as Ze, c as ae, a as Se, L as Y } 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 et, a as tt, C as ot } from "../../useCompoundItem-B7Eo_qZk.js";
+import { P as nt } from "../../Popup-Ck3XlWMq.js";
+import { m as Re, h as lt, l as st, u as rt } from "../../useList-B9C55YB7.js";
+import { u as at } from "../../useEnhancedEffect-CJGo-L3B.js";
+const it = {
   border: 0,
   clip: "rect(0 0 0 0)",
   height: "1px",
@@ -24,141 +25,141 @@ const lt = {
   whiteSpace: "nowrap",
   width: "1px"
 }, Ae = "Option";
-function st(n) {
+function ut(n) {
   return we(Ae, n);
 }
 Ie(Ae, ["root", "disabled", "selected", "highlighted"]);
-function rt(n) {
+function ct(n) {
   const {
     value: o,
     label: i,
     disabled: c,
-    rootRef: r,
+    rootRef: s,
     id: u
   } = n, {
-    getRootProps: f,
-    highlighted: b,
-    selected: d
-  } = Ge({
+    getRootProps: d,
+    highlighted: p,
+    selected: f
+  } = Ze({
     item: o
   }), {
-    getRootProps: R,
-    rootRef: V
+    getRootProps: S,
+    rootRef: I
   } = Te({
     disabled: c,
     focusableWhenDisabled: !0
-  }), x = Le(u), _ = s.useRef(null), g = s.useMemo(() => ({
+  }), C = Le(u), R = r.useRef(null), _ = r.useMemo(() => ({
     disabled: c,
     label: i,
     value: o,
-    ref: _,
-    id: x
-  }), [c, i, o, x]), {
-    index: I
-  } = Qe(o, g), O = Y(r, _, V), N = (p) => (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)
+    ref: R,
+    id: C
+  }), [c, i, o, C]), {
+    index: N
+  } = et(o, _), h = Z(s, R, I), k = (b) => (P) => {
+    var x;
+    (x = b.onKeyDown) == null || x.call(b, P), !P.defaultMuiPrevented && [" ", "Enter"].includes(P.key) && (P.defaultMuiPrevented = !0);
+  }, A = (b = {}) => ({
+    onKeyDown: k(b)
   });
   return {
-    getRootProps: (p = {}) => {
-      const C = le(p), P = ae(f, ae(R, L));
-      return m({}, p, C, P(C), {
-        id: x,
-        ref: O,
+    getRootProps: (b = {}) => {
+      const P = le(b), x = ae(d, ae(S, A));
+      return g({}, b, P, x(P), {
+        id: C,
+        ref: h,
         role: "option",
-        "aria-selected": d
+        "aria-selected": f
       });
     },
-    highlighted: b,
-    index: I,
-    selected: d,
-    rootRef: O
+    highlighted: p,
+    index: N,
+    selected: f,
+    rootRef: h
   };
 }
-function at(n) {
-  const o = s.useContext(Se);
+function dt(n) {
+  const o = r.useContext(Se);
   if (!o)
     throw new Error("Option: ListContext was not found.");
   const {
     getItemState: i,
     dispatch: c
   } = o, {
-    highlighted: r,
+    highlighted: s,
     selected: u,
-    focusable: f
-  } = i(n), b = s.useCallback((R) => {
-    if (R !== n)
+    focusable: d
+  } = i(n), p = r.useCallback((S) => {
+    if (S !== 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,
+      highlighted: s,
       selected: u,
-      focusable: f
+      focusable: d
     };
-  }, [r, u, f, n]);
+  }, [s, u, d, n]);
   return {
-    contextValue: s.useMemo(() => ({
+    contextValue: r.useMemo(() => ({
       dispatch: c,
-      getItemState: b
-    }), [c, b])
+      getItemState: p
+    }), [c, p])
   };
 }
-const it = ["children", "disabled", "label", "slotProps", "slots", "value"];
-function ut(n) {
+const pt = ["children", "disabled", "label", "slotProps", "slots", "value"];
+function ft(n) {
   const {
     disabled: o,
     highlighted: i,
     selected: c
   } = n;
-  return Me({
+  return ke({
     root: ["root", o && "disabled", i && "highlighted", c && "selected"]
-  }, ke(st));
+  }, Me(ut));
 }
-const ct = /* @__PURE__ */ s.memo(/* @__PURE__ */ s.forwardRef(function(o, i) {
-  var c, r;
+const bt = /* @__PURE__ */ r.memo(/* @__PURE__ */ r.forwardRef(function(o, i) {
+  var c, s;
   const {
     children: u,
-    disabled: f = !1,
-    label: b,
-    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,
-    index: C
-  } = rt({
-    disabled: f,
-    label: O,
-    rootRef: I,
-    value: V
-  }), P = m({}, o, {
-    disabled: f,
-    highlighted: p,
-    index: C,
-    selected: L
-  }), M = ut(P), S = se({
-    getSlotProps: N,
-    elementType: _,
-    externalSlotProps: d.root,
-    externalForwardedProps: x,
-    className: M.root,
-    ownerState: P
+    disabled: d = !1,
+    label: p,
+    slotProps: f = {},
+    slots: S = {},
+    value: I
+  } = o, C = Ne(o, pt), R = (c = S.root) != null ? c : "li", _ = r.useRef(null), N = Z(_, i), h = p ?? (typeof u == "string" ? u : (s = _.current) == null || (s = s.textContent) == null ? void 0 : s.trim()), {
+    getRootProps: k,
+    selected: A,
+    highlighted: b,
+    index: P
+  } = ct({
+    disabled: d,
+    label: h,
+    rootRef: N,
+    value: I
+  }), x = g({}, o, {
+    disabled: d,
+    highlighted: b,
+    index: P,
+    selected: A
+  }), $ = ft(x), O = se({
+    getSlotProps: k,
+    elementType: R,
+    externalSlotProps: f.root,
+    externalForwardedProps: C,
+    className: $.root,
+    ownerState: x
   });
-  return /* @__PURE__ */ h(_, m({}, S, {
+  return /* @__PURE__ */ m(R, g({}, O, {
     children: u
   }));
-})), Ee = /* @__PURE__ */ s.forwardRef(function(o, i) {
+})), Ee = /* @__PURE__ */ r.forwardRef(function(o, i) {
   const {
     value: c
   } = o, {
-    contextValue: r
-  } = at(c);
-  return /* @__PURE__ */ h(Se.Provider, {
-    value: r,
-    children: /* @__PURE__ */ h(ct, m({}, o, {
+    contextValue: s
+  } = dt(c);
+  return /* @__PURE__ */ m(Se.Provider, {
+    value: s,
+    children: /* @__PURE__ */ m(bt, g({}, o, {
       ref: i
     }))
   });
@@ -216,7 +217,7 @@ const ie = {
   } = n;
   return typeof o == "string" ? o : typeof i == "string" ? i : String(n);
 };
-function dt(n, o) {
+function mt(n, o) {
   const {
     open: i
   } = n, {
@@ -225,48 +226,48 @@ function dt(n, o) {
     }
   } = o;
   if (o.type === ie.buttonClick) {
-    var r;
-    const d = (r = n.selectedValues[0]) != null ? r : Re(null, "start", o.context);
-    return m({}, n, {
+    var s;
+    const f = (s = n.selectedValues[0]) != null ? s : Re(null, "start", o.context);
+    return g({}, n, {
       open: !i,
-      highlightedValue: i ? null : d
+      highlightedValue: i ? null : f
     });
   }
   if (o.type === ie.browserAutoFill)
-    return et(o.item, n, o.context);
-  const u = tt(n, o);
+    return lt(o.item, n, o.context);
+  const u = st(n, o);
   switch (o.type) {
-    case X.keyDown:
+    case Y.keyDown:
       if (n.open) {
         if (o.event.key === "Escape")
-          return m({}, u, {
+          return g({}, u, {
             open: !1
           });
       } else {
         if (o.event.key === "ArrowDown") {
-          var f;
-          return m({}, n, {
+          var d;
+          return g({}, n, {
             open: !0,
-            highlightedValue: (f = n.selectedValues[0]) != null ? f : Re(null, "start", o.context)
+            highlightedValue: (d = n.selectedValues[0]) != null ? d : Re(null, "start", o.context)
           });
         }
         if (o.event.key === "ArrowUp") {
-          var b;
-          return m({}, n, {
+          var p;
+          return g({}, n, {
             open: !0,
-            highlightedValue: (b = n.selectedValues[0]) != null ? b : Re(null, "end", o.context)
+            highlightedValue: (p = n.selectedValues[0]) != null ? p : Re(null, "end", o.context)
           });
         }
       }
       break;
-    case X.itemClick:
+    case Y.itemClick:
       if (c === "single")
-        return m({}, u, {
+        return g({}, u, {
           open: !1
         });
       break;
-    case X.blur:
-      return m({}, u, {
+    case Y.blur:
+      return g({}, u, {
         open: !1
       });
     default:
@@ -274,87 +275,87 @@ function dt(n, o) {
   }
   return u;
 }
-function pt(n) {
+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(n) {
+function ht(n) {
   const {
     areOptionsEqual: o,
     buttonRef: i,
     defaultOpen: c = !1,
-    defaultValue: r,
+    defaultValue: s,
     disabled: u = !1,
-    listboxId: f,
-    listboxRef: b,
-    multiple: d = !1,
-    name: R,
-    required: V,
-    onChange: x,
-    onHighlightChange: _,
-    onOpenChange: g,
-    open: I,
-    options: O,
-    getOptionAsString: N = Be,
-    getSerializedValue: L = pt,
-    value: p,
-    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]), {
+    listboxId: d,
+    listboxRef: p,
+    multiple: f = !1,
+    name: S,
+    required: I,
+    onChange: C,
+    onHighlightChange: R,
+    onOpenChange: _,
+    open: N,
+    options: h,
+    getOptionAsString: k = Be,
+    getSerializedValue: A = gt,
+    value: b,
+    componentName: P = "useSelect"
+  } = n, x = r.useRef(null), $ = Z(i, x), O = r.useRef(null), V = Le(d);
+  let M;
+  b === void 0 && s === void 0 ? M = [] : s !== void 0 && (f ? M = s : M = s == null ? [] : [s]);
+  const q = r.useMemo(() => {
+    if (b !== void 0)
+      return f ? b : b == null ? [] : [b];
+  }, [b, f]), {
     subitems: B,
-    contextValue: q
-  } = Xe(), k = s.useMemo(() => O != null ? new Map(O.map((e, t) => [e.value, {
+    contextValue: j
+  } = tt(), T = r.useMemo(() => h != null ? new Map(h.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), {
+    ref: /* @__PURE__ */ r.createRef(),
+    id: `${V}_${t}`
+  }])) : B, [h, B, V]), ue = Z(p, O), {
     getRootProps: ee,
     active: ce,
     focusVisible: de,
-    rootRef: K
+    rootRef: z
   } = Te({
     disabled: u,
-    rootRef: M
-  }), j = s.useMemo(() => Array.from(k.keys()), [k]), w = s.useCallback((e) => {
+    rootRef: $
+  }), U = r.useMemo(() => Array.from(T.keys()), [T]), w = r.useCallback((e) => {
     if (o !== void 0) {
-      const t = j.find((a) => o(a, e));
-      return k.get(t);
+      const t = U.find((a) => o(a, e));
+      return T.get(t);
     }
-    return k.get(e);
-  }, [k, o, j]), te = s.useCallback((e) => {
+    return T.get(e);
+  }, [T, o, U]), te = r.useCallback((e) => {
     var t;
     const a = w(e);
     return (t = a == null ? void 0 : a.disabled) != null ? t : !1;
-  }, [w]), oe = s.useCallback((e) => {
+  }, [w]), oe = r.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) => {
+    return t ? k(t) : "";
+  }, [w, k]), pe = r.useMemo(() => ({
+    selectedValues: q,
+    open: N
+  }), [q, N]), fe = r.useCallback((e) => {
     var t;
-    return (t = k.get(e)) == null ? void 0 : t.id;
-  }, [k]), be = s.useCallback((e, t) => {
-    if (d)
-      x == null || x(e, t);
+    return (t = T.get(e)) == null ? void 0 : t.id;
+  }, [T]), be = r.useCallback((e, t) => {
+    if (f)
+      C == null || C(e, t);
     else {
       var a;
-      x == null || x(e, (a = t[0]) != null ? a : null);
+      C == null || C(e, (a = t[0]) != null ? a : 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")) {
+  }, [f, C]), me = r.useCallback((e, t) => {
+    R == null || R(e, t ?? null);
+  }, [R]), ge = r.useCallback((e, t, a) => {
+    if (t === "open" && (_ == null || _(a), a === !1 && (e == null ? void 0 : e.type) !== "blur")) {
       var v;
-      (v = P.current) == null || v.focus();
+      (v = x.current) == null || v.focus();
     }
-  }, [g]), he = s.useCallback((e) => {
+  }, [_]), he = r.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 = {
@@ -362,7 +363,7 @@ function ft(n) {
       var e;
       return {
         highlightedValue: null,
-        selectedValues: (e = $) != null ? e : [],
+        selectedValues: (e = M) != null ? e : [],
         open: c
       };
     },
@@ -376,39 +377,39 @@ function ft(n) {
     onChange: be,
     onHighlightChange: me,
     onStateChange: ge,
-    reducerActionContext: s.useMemo(() => ({
-      multiple: d
-    }), [d]),
-    items: j,
+    reducerActionContext: r.useMemo(() => ({
+      multiple: f
+    }), [f]),
+    items: U,
     getItemAsString: oe,
-    selectionMode: d ? "multiple" : "single",
-    stateReducer: dt,
-    componentName: C
+    selectionMode: f ? "multiple" : "single",
+    stateReducer: mt,
+    componentName: P
   }, {
     dispatch: H,
     getRootProps: Ce,
-    contextValue: z,
+    contextValue: W,
     state: {
-      open: T,
+      open: L,
       highlightedValue: D,
-      selectedValues: A
+      selectedValues: E
     },
-    rootRef: W
-  } = ot(xe), Pe = s.useRef(T);
-  nt(() => {
-    if (T && D !== null) {
+    rootRef: J
+  } = rt(xe), Pe = r.useRef(L);
+  at(() => {
+    if (L && D !== null) {
       var e;
       const t = (e = w(D)) == null ? void 0 : e.ref;
-      if (!S.current || !(t != null && t.current))
+      if (!O.current || !(t != null && t.current))
         return;
       Pe.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 a = O.current.getBoundingClientRect(), v = t.current.getBoundingClientRect();
+      v.top < a.top ? O.current.scrollTop -= a.top - v.top : v.bottom > a.bottom && (O.current.scrollTop += v.bottom - a.bottom);
     }
-  }, [T, D, w]);
-  const J = s.useCallback((e) => w(e), [w]), ve = (e) => (t) => {
+  }, [L, D, w]);
+  const G = r.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 = {
@@ -417,58 +418,58 @@ function ft(n) {
       };
       H(v);
     }
-  }, G = (e) => (t) => {
+  }, Q = (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,
+      type: Y.keyDown,
       key: t.key,
       event: t
     }));
   }, ne = (e = {}) => ({
     onClick: ve(e),
-    onKeyDown: G(e)
-  }), F = (e = {}) => m({}, e, ne(e), {
+    onKeyDown: Q(e)
+  }), F = (e = {}) => g({}, e, ne(e), {
     role: "combobox",
-    "aria-expanded": T,
-    "aria-controls": E
-  }), He = (e = {}) => {
+    "aria-expanded": L,
+    "aria-controls": V
+  }), Fe = (e = {}) => {
     const t = le(e), a = ae(F, ee);
-    return m({}, e, a(t));
-  }, Fe = (e) => (t) => {
+    return g({}, e, a(t));
+  }, qe = (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,
+    (a = e.onBlur) == null || a.call(e, t), !t.defaultMuiPrevented && ((v = O.current) != null && v.contains(t.relatedTarget) || t.relatedTarget === x.current) && (t.defaultMuiPrevented = !0);
+  }, je = (e = {}) => ({
+    onBlur: qe(e)
+  }), Ue = (e = {}) => {
+    const t = le(e), a = ae(je, Ce);
+    return g({
+      id: V,
       role: "listbox",
-      "aria-multiselectable": d ? "true" : void 0
+      "aria-multiselectable": f ? "true" : void 0
     }, e, a(t));
   };
-  s.useDebugValue({
-    selectedOptions: A,
+  r.useDebugValue({
+    selectedOptions: E,
     highlightedOption: D,
-    open: T
+    open: L
   });
-  const Ue = s.useMemo(() => m({}, z, q), [z, q]);
-  let Q;
-  n.multiple ? Q = A : Q = A.length > 0 ? A[0] : null;
+  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 = Q.map((e) => J(e)).filter((e) => e !== void 0);
+  if (f)
+    ye = X.map((e) => G(e)).filter((e) => e !== void 0);
   else {
     var Oe;
-    ye = (Oe = J(Q)) != null ? Oe : null;
+    ye = (Oe = G(X)) != null ? Oe : null;
   }
-  const Ke = (e) => (t) => {
+  const ze = (e) => (t) => {
     var a;
     if (e == null || (a = e.onChange) == null || a.call(e, t), t.defaultMuiPrevented)
       return;
-    const v = k.get(t.target.value);
+    const v = T.get(t.target.value);
     t.target.value === "" ? H({
-      type: X.clearSelection
+      type: Y.clearSelection
     }) : v !== void 0 && H({
       type: ie.browserAutoFill,
       item: v.value,
@@ -478,116 +479,116 @@ function ft(n) {
   return {
     buttonActive: ce,
     buttonFocusVisible: de,
-    buttonRef: K,
-    contextValue: Ue,
+    buttonRef: z,
+    contextValue: Ke,
     disabled: u,
     dispatch: H,
-    getButtonProps: He,
+    getButtonProps: Fe,
     getHiddenInputProps: (e = {}) => {
       const t = le(e);
-      return m({
-        name: R,
+      return g({
+        name: S,
         tabIndex: -1,
         "aria-hidden": !0,
-        required: V ? !0 : void 0,
-        value: L(ye),
-        style: lt
+        required: I ? !0 : void 0,
+        value: A(ye),
+        style: it
       }, e, {
-        onChange: Ke(t)
+        onChange: ze(t)
       });
     },
-    getListboxProps: je,
-    getOptionMetadata: J,
-    listboxRef: W,
-    open: T,
-    options: j,
-    value: Q,
+    getListboxProps: Ue,
+    getOptionMetadata: G,
+    listboxRef: J,
+    open: L,
+    options: U,
+    value: X,
     highlightedOption: D
   };
 }
-function bt(n) {
+function xt(n) {
   const {
     value: o,
     children: i
   } = n, {
     dispatch: c,
-    getItemIndex: r,
+    getItemIndex: s,
     getItemState: u,
-    registerItem: f,
-    totalSubitemCount: b
-  } = o, d = s.useMemo(() => ({
+    registerItem: d,
+    totalSubitemCount: p
+  } = o, f = r.useMemo(() => ({
     dispatch: c,
     getItemState: u,
-    getItemIndex: r
-  }), [c, r, u]), R = s.useMemo(() => ({
-    getItemIndex: r,
-    registerItem: f,
-    totalSubitemCount: b
-  }), [f, r, b]);
-  return /* @__PURE__ */ h(Ye.Provider, {
-    value: R,
-    children: /* @__PURE__ */ h(Se.Provider, {
-      value: d,
+    getItemIndex: s
+  }), [c, s, u]), S = r.useMemo(() => ({
+    getItemIndex: s,
+    registerItem: d,
+    totalSubitemCount: p
+  }), [d, s, p]);
+  return /* @__PURE__ */ m(ot.Provider, {
+    value: S,
+    children: /* @__PURE__ */ m(Se.Provider, {
+      value: f,
       children: i
     })
   });
 }
 const De = "Select";
-function mt(n) {
+function Ct(n) {
   return we(De, 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) {
+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__ */ h(s.Fragment, {
+  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;
 }
-function xt(n) {
+function yt(n) {
   const {
     active: o,
     disabled: i,
     open: c,
-    focusVisible: r
+    focusVisible: s
   } = n;
-  return Me({
-    root: ["root", i && "disabled", r && "focusVisible", o && "active", c && "expanded"],
+  return ke({
+    root: ["root", i && "disabled", s && "focusVisible", o && "active", c && "expanded"],
     listbox: ["listbox", i && "disabled"],
     popup: ["popup"]
-  }, ke(mt));
+  }, Me(Ct));
 }
-const $e = /* @__PURE__ */ s.forwardRef(function(o, i) {
-  var c, r, u, f, b;
+const $e = /* @__PURE__ */ r.forwardRef(function(o, i) {
+  var c, s, u, d, p;
   const {
-    areOptionsEqual: d,
-    autoComplete: R,
-    autoFocus: V,
-    children: x,
-    defaultValue: _,
-    defaultListboxOpen: g = !1,
-    disabled: I,
-    getSerializedValue: O,
-    listboxId: N,
-    listboxOpen: L,
-    multiple: p = !1,
-    name: C,
-    required: P = !1,
-    onChange: M,
-    onListboxOpenChange: S,
-    getOptionAsString: E = Be,
-    renderValue: $,
-    placeholder: Z,
+    areOptionsEqual: f,
+    autoComplete: S,
+    autoFocus: I,
+    children: C,
+    defaultValue: R,
+    defaultListboxOpen: _ = !1,
+    disabled: N,
+    getSerializedValue: h,
+    listboxId: k,
+    listboxOpen: A,
+    multiple: b = !1,
+    name: P,
+    required: x = !1,
+    onChange: $,
+    onListboxOpenChange: O,
+    getOptionAsString: V = Be,
+    renderValue: M,
+    placeholder: q,
     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) => {
+    slots: j = {},
+    value: T
+  } = o, ue = Ne(o, Pt), ee = M ?? vt, [ce, de] = r.useState(!1), z = r.useRef(null), U = r.useRef(null), w = (c = j.root) != null ? c : "button", te = (s = j.listbox) != null ? s : "ul", oe = (u = j.popup) != null ? u : "div", pe = r.useCallback((F) => {
     de(F != null);
-  }, []), fe = Y(i, K, pe);
-  s.useEffect(() => {
-    V && K.current.focus();
-  }, [V]);
+  }, []), fe = Z(i, z, pe);
+  r.useEffect(() => {
+    I && z.current.focus();
+  }, [I]);
   const {
     buttonActive: be,
     buttonFocusVisible: me,
@@ -596,94 +597,94 @@ const $e = /* @__PURE__ */ s.forwardRef(function(o, i) {
     getButtonProps: xe,
     getListboxProps: H,
     getHiddenInputProps: Ce,
-    getOptionMetadata: z,
-    value: T,
+    getOptionMetadata: W,
+    value: L,
     open: D
-  } = ft({
-    name: C,
-    required: P,
-    getSerializedValue: O,
-    areOptionsEqual: d,
+  } = ht({
+    name: P,
+    required: x,
+    getSerializedValue: h,
+    areOptionsEqual: f,
     buttonRef: fe,
-    defaultOpen: g,
-    defaultValue: _,
-    disabled: I,
-    listboxId: N,
-    multiple: p,
-    open: L,
-    onChange: M,
-    onOpenChange: S,
-    getOptionAsString: E,
-    value: k,
+    defaultOpen: _,
+    defaultValue: R,
+    disabled: N,
+    listboxId: k,
+    multiple: b,
+    open: A,
+    onChange: $,
+    onOpenChange: O,
+    getOptionAsString: V,
+    value: T,
     componentName: "Select"
-  }), A = m({}, o, {
+  }), E = g({}, o, {
     active: be,
-    defaultListboxOpen: g,
+    defaultListboxOpen: _,
     disabled: he,
     focusVisible: me,
     open: D,
-    multiple: p,
+    multiple: b,
     renderValue: ee,
-    value: T
-  }), W = xt(A), Pe = se({
+    value: L
+  }), J = yt(E), Pe = se({
     elementType: w,
     getSlotProps: xe,
     externalSlotProps: B.root,
     externalForwardedProps: ue,
-    ownerState: A,
-    className: W.root
-  }), J = se({
+    ownerState: E,
+    className: J.root
+  }), G = se({
     elementType: te,
     getSlotProps: H,
     externalSlotProps: B.listbox,
     additionalProps: {
-      ref: j
+      ref: U
     },
-    ownerState: A,
-    className: W.listbox
+    ownerState: E,
+    className: J.listbox
   }), ve = se({
     elementType: oe,
     externalSlotProps: B.popup,
     additionalProps: {
-      anchor: K.current,
+      anchor: z.current,
       keepMounted: !0,
       open: D,
       placement: "bottom-start",
       role: void 0
     },
-    ownerState: A,
-    className: W.popup
+    ownerState: E,
+    className: J.popup
   });
-  let G;
-  if (p)
-    G = T.map((F) => z(F)).filter((F) => F !== void 0);
+  let Q;
+  if (b)
+    Q = L.map((F) => W(F)).filter((F) => F !== void 0);
   else {
     var ne;
-    G = (ne = z(T)) != null ? ne : null;
+    Q = (ne = W(L)) != null ? ne : null;
   }
-  return /* @__PURE__ */ re(s.Fragment, {
-    children: [/* @__PURE__ */ h(w, m({}, Pe, {
-      children: (f = (b = ee(G)) != null ? b : Z) != null ? f : (
+  return /* @__PURE__ */ re(r.Fragment, {
+    children: [/* @__PURE__ */ m(w, g({}, Pe, {
+      children: (d = (p = ee(Q)) != null ? p : q) != null ? d : (
         // 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", {
+        Ve || (Ve = /* @__PURE__ */ m("span", {
           className: "notranslate",
           children: "​"
         }))
       )
-    })), ce && /* @__PURE__ */ h(Ze, m({
+    })), ce && /* @__PURE__ */ m(nt, g({
       slots: {
         root: oe
       }
     }, ve, {
-      children: /* @__PURE__ */ h(te, m({}, J, {
-        children: /* @__PURE__ */ h(bt, {
+      children: /* @__PURE__ */ m(te, g({}, G, {
+        children: /* @__PURE__ */ m(xt, {
           value: ge,
-          children: x
+          children: C
         })
       }))
-    })), /* @__PURE__ */ h("input", m({}, Ce(), {
-      autoComplete: R
+    })), /* @__PURE__ */ m("input", g({}, Ce(), {
+      autoComplete: S
     }))]
   });
 });
@@ -814,80 +815,86 @@ process.env.NODE_ENV !== "production" && ($e.propTypes = {
    */
   value: l.any
 });
-const Ct = (n) => {
-  const { children: o, icon: i, className: c, ...r } = n;
+const He = We({}), Rt = () => Je(He), _t = (n) => {
+  const { children: o, icon: i, className: c, ...s } = n, { multiple: u, selectedValue: d = [] } = Rt();
   return /* @__PURE__ */ re(
     Ee,
     {
-      ...r,
+      ...s,
       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: (p) => ({
+          className: K(y.select__listbox__option, c, {
+            [y["select__listbox__option--disabled"]]: p.disabled,
+            [y["select__listbox__option--selected"]]: p.selected && !u
           })
         })
       },
       children: [
-        i ? /* @__PURE__ */ h("span", { className: y.select__listbox__option__icon, children: i }) : "",
-        /* @__PURE__ */ h(_e, { className: y.select__listbox__option__text, children: o })
+        u && /* @__PURE__ */ m(Qe, { checked: d == null ? void 0 : d.includes(s.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 })
       ]
     }
   );
-}, Pt = (n) => {
+}, St = (n) => {
   const {
     children: o,
     className: i,
     id: c,
-    onChange: r,
+    onChange: s,
     label: u,
+    multiple: d,
+    value: p,
     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}`;
+    classNameLabel: S,
+    testIdLabel: I,
+    testIdWrapper: C,
+    fullWidth: R = !0,
+    infoMessage: _,
+    error: N,
+    errorMessage: h,
+    classNameInfoMessage: k,
+    classNameErrorMessage: A,
+    "data-testid-infoMessage": b,
+    "data-testid-errorMessage": P,
+    ...x
+  } = n, $ = (M, q) => {
+    M && (s == null || s(q, M));
+  }, O = Ge(), V = c || `select_${O}`;
   return /* @__PURE__ */ re(
     "div",
     {
-      className: U(
+      className: K(
         y.select__wrapper,
-        !V && y["select__wrapper--fit-content-width"],
+        !R && y["select__wrapper--fit-content-width"],
         f
       ),
-      "data-testid": R,
-      id: `${M}_wrapper`,
+      "data-testid": C,
+      id: `${V}_wrapper`,
       children: [
-        u && /* @__PURE__ */ h(
+        u && /* @__PURE__ */ m(
           _e,
           {
             element: "label",
-            elementProps: { htmlFor: M, id: `${M}_label` },
-            className: U(y.select__label, b),
-            "data-testid": d,
+            elementProps: { htmlFor: V, id: `${V}_label` },
+            className: K(y.select__label, S),
+            "data-testid": I,
             children: u
           }
         ),
-        /* @__PURE__ */ h(
+        /* @__PURE__ */ m(He.Provider, { value: { multiple: d, selectedValue: p, onChange: s }, children: /* @__PURE__ */ m(
           $e,
           {
-            ...p,
-            id: M,
-            onChange: C,
-            className: U(y.select, i, (_ || g) && y["select-button--error"]),
-            slots: { root: Je },
+            ...x,
+            value: p,
+            id: V,
+            onChange: $,
+            className: K(y.select, i, (N || h) && y["select-button--error"]),
+            slots: { root: Ye },
+            multiple: d,
             slotProps: {
-              root: { fullWidth: V, placeholder: p.placeholder },
+              root: { fullWidth: R, placeholder: x.placeholder },
               listbox: { className: y.select__listbox },
               popup: {
                 className: y.select__popup,
@@ -897,15 +904,15 @@ const Ct = (n) => {
             },
             children: o
           }
-        ),
-        /* @__PURE__ */ h("div", { className: y["messages-wrapper"], children: (g || x) && /* @__PURE__ */ re(
+        ) }),
+        /* @__PURE__ */ m("div", { className: y["messages-wrapper"], children: (h || _) && /* @__PURE__ */ re(
           _e,
           {
-            className: g ? U(y["error-message"], O) : U(y["info-message"], I),
-            "data-testid": g ? L : N,
+            className: h ? K(y["error-message"], A) : K(y["info-message"], k),
+            "data-testid": h ? P : b,
             children: [
-              /* @__PURE__ */ h(We, { icon: g ? "circle-exclamation" : "circle-info" }),
-              g || x
+              /* @__PURE__ */ m(Xe, { icon: h ? "circle-exclamation" : "circle-info" }),
+              h || _
             ]
           }
         ) })
@@ -913,8 +920,10 @@ const Ct = (n) => {
     }
   );
 };
-Pt.Option = Ct;
+St.Option = _t;
 export {
-  Pt as Select,
-  Ct as SelectOption
+  St as Select,
+  He as SelectContext,
+  _t as SelectOption,
+  Rt as useSelectContext
 };