@pismo/marola 1.1.0 → 1.1.2

package/dist/components/Select/Select.js

@@ -1,13 +1,13 @@
-import { jsx as m, jsxs as re } from "react/jsx-runtime";
+import { jsx as m, jsxs as Y } 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 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 { s as y, S as Ye } from "../../SelectButton-DbiTJagF.js";
+import { g as we, a as Ie, u as ee, f as se, b as g, P as l, _ as Ne, c as re, d as ke, e as Me } from "../../useSlotProps-C_I1kEHr.js";
+import { u as Ze, c as ae, a as Se, L as Z } 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 et, a as tt, C as ot } from "../../useCompoundItem-B7Eo_qZk.js";
@@ -37,45 +37,45 @@ function ct(n) {
     rootRef: s,
     id: u
   } = n, {
-    getRootProps: d,
-    highlighted: p,
-    selected: f
+    getRootProps: p,
+    highlighted: f,
+    selected: d
   } = Ze({
     item: o
   }), {
-    getRootProps: S,
-    rootRef: I
+    getRootProps: _,
+    rootRef: k
   } = Te({
     disabled: c,
     focusableWhenDisabled: !0
-  }), C = Le(u), R = r.useRef(null), _ = r.useMemo(() => ({
+  }), h = Le(u), S = r.useRef(null), R = r.useMemo(() => ({
     disabled: c,
     label: i,
     value: o,
-    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);
+    ref: S,
+    id: h
+  }), [c, i, o, h]), {
+    index: I
+  } = et(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: k(b)
+    onKeyDown: x(b)
   });
   return {
     getRootProps: (b = {}) => {
-      const P = le(b), x = ae(d, ae(S, A));
-      return g({}, b, P, x(P), {
-        id: C,
-        ref: h,
+      const C = se(b), P = ae(p, ae(_, A));
+      return g({}, b, C, P(C), {
+        id: h,
+        ref: O,
         role: "option",
-        "aria-selected": f
+        "aria-selected": d
       });
     },
-    highlighted: p,
-    index: N,
-    selected: f,
-    rootRef: h
+    highlighted: f,
+    index: I,
+    selected: d,
+    rootRef: O
   };
 }
 function dt(n) {
@@ -88,21 +88,21 @@ function dt(n) {
   } = o, {
     highlighted: s,
     selected: u,
-    focusable: d
-  } = i(n), p = r.useCallback((S) => {
-    if (S !== n)
+    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"));
     return {
       highlighted: s,
       selected: u,
-      focusable: d
+      focusable: p
     };
-  }, [s, u, d, n]);
+  }, [s, u, p, n]);
   return {
     contextValue: r.useMemo(() => ({
       dispatch: c,
-      getItemState: p
-    }), [c, p])
+      getItemState: f
+    }), [c, f])
   };
 }
 const pt = ["children", "disabled", "label", "slotProps", "slots", "value"];
@@ -120,35 +120,35 @@ const bt = /* @__PURE__ */ r.memo(/* @__PURE__ */ r.forwardRef(function(o, i) {
   var c, s;
   const {
     children: u,
-    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,
+    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: P
+    index: C
   } = ct({
-    disabled: d,
-    label: h,
-    rootRef: N,
-    value: I
-  }), x = g({}, o, {
-    disabled: d,
+    disabled: p,
+    label: O,
+    rootRef: I,
+    value: k
+  }), P = g({}, o, {
+    disabled: p,
     highlighted: b,
-    index: P,
+    index: C,
     selected: A
-  }), $ = ft(x), O = se({
-    getSlotProps: k,
-    elementType: R,
-    externalSlotProps: f.root,
-    externalForwardedProps: C,
-    className: $.root,
-    ownerState: x
+  }), B = ft(P), V = re({
+    getSlotProps: x,
+    elementType: S,
+    externalSlotProps: d.root,
+    externalForwardedProps: h,
+    className: B.root,
+    ownerState: P
   });
-  return /* @__PURE__ */ m(R, g({}, O, {
+  return /* @__PURE__ */ m(S, g({}, V, {
     children: u
   }));
 })), Ee = /* @__PURE__ */ r.forwardRef(function(o, i) {
@@ -227,17 +227,17 @@ function mt(n, o) {
   } = o;
   if (o.type === ie.buttonClick) {
     var s;
-    const f = (s = n.selectedValues[0]) != null ? s : Re(null, "start", o.context);
+    const d = (s = n.selectedValues[0]) != null ? s : Re(null, "start", o.context);
     return g({}, n, {
       open: !i,
-      highlightedValue: i ? null : f
+      highlightedValue: i ? null : d
     });
   }
   if (o.type === ie.browserAutoFill)
     return lt(o.item, n, o.context);
   const u = st(n, o);
   switch (o.type) {
-    case Y.keyDown:
+    case Z.keyDown:
       if (n.open) {
         if (o.event.key === "Escape")
           return g({}, u, {
@@ -245,28 +245,28 @@ function mt(n, o) {
           });
       } else {
         if (o.event.key === "ArrowDown") {
-          var d;
+          var p;
           return g({}, n, {
             open: !0,
-            highlightedValue: (d = n.selectedValues[0]) != null ? d : Re(null, "start", o.context)
+            highlightedValue: (p = n.selectedValues[0]) != null ? p : Re(null, "start", o.context)
           });
         }
         if (o.event.key === "ArrowUp") {
-          var p;
+          var f;
           return g({}, n, {
             open: !0,
-            highlightedValue: (p = n.selectedValues[0]) != null ? p : Re(null, "end", o.context)
+            highlightedValue: (f = n.selectedValues[0]) != null ? f : Re(null, "end", o.context)
           });
         }
       }
       break;
-    case Y.itemClick:
+    case Z.itemClick:
       if (c === "single")
         return g({}, u, {
           open: !1
         });
       break;
-    case Y.blur:
+    case Z.blur:
       return g({}, u, {
         open: !1
       });
@@ -285,85 +285,85 @@ function ht(n) {
     defaultOpen: c = !1,
     defaultValue: s,
     disabled: u = !1,
-    listboxId: d,
-    listboxRef: p,
-    multiple: f = !1,
-    name: S,
-    required: I,
-    onChange: C,
-    onHighlightChange: R,
-    onOpenChange: _,
-    open: N,
-    options: h,
-    getOptionAsString: k = Be,
+    listboxId: p,
+    listboxRef: f,
+    multiple: d = !1,
+    name: _,
+    required: k,
+    onChange: h,
+    onHighlightChange: S,
+    onOpenChange: R,
+    open: I,
+    options: O,
+    getOptionAsString: x = 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(() => {
+    componentName: C = "useSelect"
+  } = n, P = r.useRef(null), B = ee(i, P), V = r.useRef(null), D = Le(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 f ? b : b == null ? [] : [b];
-  }, [b, f]), {
-    subitems: B,
+      return d ? b : b == null ? [] : [b];
+  }, [b, d]), {
+    subitems: M,
     contextValue: j
-  } = tt(), T = r.useMemo(() => h != null ? new Map(h.map((e, t) => [e.value, {
+  } = tt(), T = 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: `${V}_${t}`
-  }])) : B, [h, B, V]), ue = Z(p, O), {
-    getRootProps: ee,
+    id: `${D}_${t}`
+  }])) : M, [O, M, D]), ue = ee(f, V), {
+    getRootProps: te,
     active: ce,
     focusVisible: de,
     rootRef: z
   } = Te({
     disabled: u,
-    rootRef: $
-  }), U = r.useMemo(() => Array.from(T.keys()), [T]), w = r.useCallback((e) => {
+    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);
     }
     return T.get(e);
-  }, [T, o, U]), te = r.useCallback((e) => {
+  }, [T, o, U]), oe = r.useCallback((e) => {
     var t;
-    const a = w(e);
+    const a = N(e);
     return (t = a == null ? void 0 : a.disabled) != null ? t : !1;
-  }, [w]), oe = r.useCallback((e) => {
-    const t = w(e);
-    return t ? k(t) : "";
-  }, [w, k]), pe = r.useMemo(() => ({
-    selectedValues: q,
-    open: N
-  }), [q, N]), fe = r.useCallback((e) => {
+  }, [N]), ne = r.useCallback((e) => {
+    const t = N(e);
+    return t ? x(t) : "";
+  }, [N, x]), pe = r.useMemo(() => ({
+    selectedValues: H,
+    open: I
+  }), [H, I]), fe = r.useCallback((e) => {
     var t;
     return (t = T.get(e)) == null ? void 0 : t.id;
   }, [T]), be = r.useCallback((e, t) => {
-    if (f)
-      C == null || C(e, t);
+    if (d)
+      h == null || h(e, t);
     else {
       var a;
-      C == null || C(e, (a = t[0]) != null ? a : null);
+      h == null || h(e, (a = t[0]) != null ? a : null);
     }
-  }, [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")) {
+  }, [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 = x.current) == null || v.focus();
+      (v = P.current) == null || v.focus();
     }
-  }, [_]), he = r.useCallback((e) => {
+  }, [R]), 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 = {
+    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 = M) != null ? e : [],
+        selectedValues: (e = w) != null ? e : [],
         open: c
       };
     },
@@ -372,92 +372,92 @@ function ht(n) {
     focusManagement: "DOM",
     getItemDomElement: he,
     itemComparer: o,
-    isItemDisabled: te,
+    isItemDisabled: oe,
     rootRef: ue,
     onChange: be,
     onHighlightChange: me,
     onStateChange: ge,
     reducerActionContext: r.useMemo(() => ({
-      multiple: f
-    }), [f]),
+      multiple: d
+    }), [d]),
     items: U,
-    getItemAsString: oe,
-    selectionMode: f ? "multiple" : "single",
+    getItemAsString: ne,
+    selectionMode: d ? "multiple" : "single",
     stateReducer: mt,
-    componentName: P
+    componentName: C
   }, {
-    dispatch: H,
+    dispatch: F,
     getRootProps: Ce,
     contextValue: W,
     state: {
       open: L,
-      highlightedValue: D,
+      highlightedValue: $,
       selectedValues: E
     },
     rootRef: J
   } = rt(xe), Pe = r.useRef(L);
   at(() => {
-    if (L && D !== null) {
+    if (L && $ !== null) {
       var e;
-      const t = (e = w(D)) == null ? void 0 : e.ref;
-      if (!O.current || !(t != null && t.current))
+      const t = (e = N($)) == null ? void 0 : e.ref;
+      if (!V.current || !(t != null && t.current))
         return;
       Pe.current || t.current.focus({
         preventScroll: !0
       });
-      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);
+      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);
     }
-  }, [L, D, w]);
-  const G = r.useCallback((e) => w(e), [w]), ve = (e) => (t) => {
+  }, [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,
         event: t
       };
-      H(v);
+      F(v);
     }
   }, 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: Y.keyDown,
+    (a = e.onKeyDown) == null || a.call(e, t), !t.defaultMuiPrevented && (t.key === "ArrowDown" || t.key === "ArrowUp") && (t.preventDefault(), F({
+      type: Z.keyDown,
       key: t.key,
       event: t
     }));
-  }, ne = (e = {}) => ({
+  }, le = (e = {}) => ({
     onClick: ve(e),
     onKeyDown: Q(e)
-  }), F = (e = {}) => g({}, e, ne(e), {
+  }), q = (e = {}) => g({}, e, le(e), {
     role: "combobox",
     "aria-expanded": L,
-    "aria-controls": V
+    "aria-controls": D
   }), Fe = (e = {}) => {
-    const t = le(e), a = ae(F, ee);
+    const t = se(e), a = ae(q, te);
     return g({}, e, a(t));
   }, qe = (e) => (t) => {
     var a, v;
-    (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);
+    (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);
   }, je = (e = {}) => ({
     onBlur: qe(e)
   }), Ue = (e = {}) => {
-    const t = le(e), a = ae(je, Ce);
+    const t = se(e), a = ae(je, Ce);
     return g({
-      id: V,
+      id: D,
       role: "listbox",
-      "aria-multiselectable": f ? "true" : void 0
+      "aria-multiselectable": d ? "true" : void 0
     }, e, a(t));
   };
   r.useDebugValue({
     selectedOptions: E,
-    highlightedOption: D,
+    highlightedOption: $,
     open: L
   });
   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 (f)
+  if (d)
     ye = X.map((e) => G(e)).filter((e) => e !== void 0);
   else {
     var Oe;
@@ -468,9 +468,9 @@ function ht(n) {
     if (e == null || (a = e.onChange) == null || a.call(e, t), t.defaultMuiPrevented)
       return;
     const v = T.get(t.target.value);
-    t.target.value === "" ? H({
-      type: Y.clearSelection
-    }) : v !== void 0 && H({
+    t.target.value === "" ? F({
+      type: Z.clearSelection
+    }) : v !== void 0 && F({
       type: ie.browserAutoFill,
       item: v.value,
       event: t
@@ -482,15 +482,15 @@ function ht(n) {
     buttonRef: z,
     contextValue: Ke,
     disabled: u,
-    dispatch: H,
+    dispatch: F,
     getButtonProps: Fe,
     getHiddenInputProps: (e = {}) => {
-      const t = le(e);
+      const t = se(e);
       return g({
-        name: S,
+        name: _,
         tabIndex: -1,
         "aria-hidden": !0,
-        required: I ? !0 : void 0,
+        required: k ? !0 : void 0,
         value: A(ye),
         style: it
       }, e, {
@@ -503,7 +503,7 @@ function ht(n) {
     open: L,
     options: U,
     value: X,
-    highlightedOption: D
+    highlightedOption: $
   };
 }
 function xt(n) {
@@ -514,21 +514,21 @@ function xt(n) {
     dispatch: c,
     getItemIndex: s,
     getItemState: u,
-    registerItem: d,
-    totalSubitemCount: p
-  } = o, f = r.useMemo(() => ({
+    registerItem: p,
+    totalSubitemCount: f
+  } = o, d = r.useMemo(() => ({
     dispatch: c,
     getItemState: u,
     getItemIndex: s
-  }), [c, s, u]), S = r.useMemo(() => ({
+  }), [c, s, u]), _ = r.useMemo(() => ({
     getItemIndex: s,
-    registerItem: d,
-    totalSubitemCount: p
-  }), [d, s, p]);
+    registerItem: p,
+    totalSubitemCount: f
+  }), [p, s, f]);
   return /* @__PURE__ */ m(ot.Provider, {
-    value: S,
+    value: _,
     children: /* @__PURE__ */ m(Se.Provider, {
-      value: f,
+      value: d,
       children: i
     })
   });
@@ -560,95 +560,95 @@ function yt(n) {
   }, Me(Ct));
 }
 const $e = /* @__PURE__ */ r.forwardRef(function(o, i) {
-  var c, s, u, d, p;
+  var c, s, u, p, f;
   const {
-    areOptionsEqual: f,
-    autoComplete: S,
-    autoFocus: I,
-    children: C,
-    defaultValue: R,
-    defaultListboxOpen: _ = !1,
-    disabled: N,
-    getSerializedValue: h,
-    listboxId: k,
+    areOptionsEqual: d,
+    autoComplete: _,
+    autoFocus: k,
+    children: h,
+    defaultValue: S,
+    defaultListboxOpen: R = !1,
+    disabled: I,
+    getSerializedValue: O,
+    listboxId: x,
     listboxOpen: A,
     multiple: b = !1,
-    name: P,
-    required: x = !1,
-    onChange: $,
-    onListboxOpenChange: O,
-    getOptionAsString: V = Be,
-    renderValue: M,
-    placeholder: q,
-    slotProps: B = {},
+    name: C,
+    required: P = !1,
+    onChange: B,
+    onListboxOpenChange: V,
+    getOptionAsString: D = Be,
+    renderValue: w,
+    placeholder: H,
+    slotProps: M = {},
     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 = Z(i, z, pe);
+  } = 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);
   r.useEffect(() => {
-    I && z.current.focus();
-  }, [I]);
+    k && z.current.focus();
+  }, [k]);
   const {
     buttonActive: be,
     buttonFocusVisible: me,
     contextValue: ge,
     disabled: he,
     getButtonProps: xe,
-    getListboxProps: H,
+    getListboxProps: F,
     getHiddenInputProps: Ce,
     getOptionMetadata: W,
     value: L,
-    open: D
+    open: $
   } = ht({
-    name: P,
-    required: x,
-    getSerializedValue: h,
-    areOptionsEqual: f,
+    name: C,
+    required: P,
+    getSerializedValue: O,
+    areOptionsEqual: d,
     buttonRef: fe,
-    defaultOpen: _,
-    defaultValue: R,
-    disabled: N,
-    listboxId: k,
+    defaultOpen: R,
+    defaultValue: S,
+    disabled: I,
+    listboxId: x,
     multiple: b,
     open: A,
-    onChange: $,
-    onOpenChange: O,
-    getOptionAsString: V,
+    onChange: B,
+    onOpenChange: V,
+    getOptionAsString: D,
     value: T,
     componentName: "Select"
   }), E = g({}, o, {
     active: be,
-    defaultListboxOpen: _,
+    defaultListboxOpen: R,
     disabled: he,
     focusVisible: me,
-    open: D,
+    open: $,
     multiple: b,
-    renderValue: ee,
+    renderValue: te,
     value: L
-  }), J = yt(E), Pe = se({
-    elementType: w,
+  }), J = yt(E), Pe = re({
+    elementType: N,
     getSlotProps: xe,
-    externalSlotProps: B.root,
+    externalSlotProps: M.root,
     externalForwardedProps: ue,
     ownerState: E,
     className: J.root
-  }), G = se({
-    elementType: te,
-    getSlotProps: H,
-    externalSlotProps: B.listbox,
+  }), G = re({
+    elementType: oe,
+    getSlotProps: F,
+    externalSlotProps: M.listbox,
     additionalProps: {
       ref: U
     },
     ownerState: E,
     className: J.listbox
-  }), ve = se({
-    elementType: oe,
-    externalSlotProps: B.popup,
+  }), ve = re({
+    elementType: ne,
+    externalSlotProps: M.popup,
     additionalProps: {
       anchor: z.current,
       keepMounted: !0,
-      open: D,
+      open: $,
       placement: "bottom-start",
       role: void 0
     },
@@ -657,14 +657,14 @@ const $e = /* @__PURE__ */ r.forwardRef(function(o, i) {
   });
   let Q;
   if (b)
-    Q = L.map((F) => W(F)).filter((F) => F !== void 0);
+    Q = L.map((q) => W(q)).filter((q) => q !== void 0);
   else {
-    var ne;
-    Q = (ne = W(L)) != null ? ne : null;
+    var le;
+    Q = (le = W(L)) != null ? le : null;
   }
-  return /* @__PURE__ */ re(r.Fragment, {
-    children: [/* @__PURE__ */ m(w, g({}, Pe, {
-      children: (d = (p = ee(Q)) != null ? p : q) != null ? d : (
+  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", {
@@ -674,17 +674,17 @@ const $e = /* @__PURE__ */ r.forwardRef(function(o, i) {
       )
     })), ce && /* @__PURE__ */ m(nt, g({
       slots: {
-        root: oe
+        root: ne
       }
     }, ve, {
-      children: /* @__PURE__ */ m(te, g({}, G, {
+      children: /* @__PURE__ */ m(oe, g({}, G, {
         children: /* @__PURE__ */ m(xt, {
           value: ge,
-          children: C
+          children: h
         })
       }))
     })), /* @__PURE__ */ m("input", g({}, Ce(), {
-      autoComplete: S
+      autoComplete: _
     }))]
   });
 });
@@ -816,21 +816,21 @@ process.env.NODE_ENV !== "production" && ($e.propTypes = {
   value: l.any
 });
 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(
+  const { children: o, icon: i, className: c, ...s } = n, { multiple: u, selectedValue: p = [] } = Rt();
+  return /* @__PURE__ */ Y(
     Ee,
     {
       ...s,
       slotProps: {
-        root: (p) => ({
+        root: (f) => ({
           className: K(y.select__listbox__option, c, {
-            [y["select__listbox__option--disabled"]]: p.disabled,
-            [y["select__listbox__option--selected"]]: p.selected && !u
+            [y["select__listbox__option--disabled"]]: f.disabled,
+            [y["select__listbox__option--selected"]]: f.selected && !u
           })
         })
       },
       children: [
-        u && /* @__PURE__ */ m(Qe, { checked: d == null ? void 0 : d.includes(s.value), onChange: () => {
+        u && /* @__PURE__ */ m(Qe, { checked: p == null ? void 0 : p.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 })
@@ -844,57 +844,62 @@ const He = We({}), Rt = () => Je(He), _t = (n) => {
     id: c,
     onChange: s,
     label: u,
-    multiple: d,
-    value: p,
-    classNameWrapper: f,
-    classNameLabel: S,
-    testIdLabel: I,
-    testIdWrapper: C,
+    required: p,
+    multiple: f,
+    value: d,
+    classNameWrapper: _,
+    classNameLabel: k,
+    testIdLabel: h,
+    testIdWrapper: S,
     fullWidth: R = !0,
-    infoMessage: _,
-    error: N,
-    errorMessage: h,
-    classNameInfoMessage: k,
-    classNameErrorMessage: A,
-    "data-testid-infoMessage": b,
+    infoMessage: I,
+    error: O,
+    errorMessage: x,
+    classNameInfoMessage: A,
+    classNameErrorMessage: b,
+    "data-testid-infoMessage": C,
     "data-testid-errorMessage": P,
-    ...x
-  } = n, $ = (M, q) => {
-    M && (s == null || s(q, M));
-  }, O = Ge(), V = c || `select_${O}`;
-  return /* @__PURE__ */ re(
+    ...B
+  } = n, V = (H, M) => {
+    H && (s == null || s(M, H));
+  }, D = Ge(), w = c || `select_${D}`;
+  return /* @__PURE__ */ Y(
     "div",
     {
       className: K(
         y.select__wrapper,
         !R && y["select__wrapper--fit-content-width"],
-        f
+        _
       ),
-      "data-testid": C,
-      id: `${V}_wrapper`,
+      "data-testid": S,
+      id: `${w}_wrapper`,
       children: [
-        u && /* @__PURE__ */ m(
+        u && /* @__PURE__ */ Y(
           _e,
           {
             element: "label",
-            elementProps: { htmlFor: V, id: `${V}_label` },
-            className: K(y.select__label, S),
-            "data-testid": I,
-            children: u
+            bold: !0,
+            elementProps: { htmlFor: w, id: `${w}_label` },
+            className: K(y.select__label, k),
+            "data-testid": h,
+            children: [
+              u,
+              p && /* @__PURE__ */ m("span", { children: "*" })
+            ]
           }
         ),
-        /* @__PURE__ */ m(He.Provider, { value: { multiple: d, selectedValue: p, onChange: s }, children: /* @__PURE__ */ m(
+        /* @__PURE__ */ m(He.Provider, { value: { multiple: f, selectedValue: d, onChange: s }, children: /* @__PURE__ */ m(
           $e,
           {
-            ...x,
-            value: p,
-            id: V,
-            onChange: $,
-            className: K(y.select, i, (N || h) && y["select-button--error"]),
+            ...B,
+            value: d,
+            id: w,
+            onChange: V,
+            className: K(y.select, i, (O || x) && y["select-button--error"]),
             slots: { root: Ye },
-            multiple: d,
+            multiple: f,
             slotProps: {
-              root: { fullWidth: R, placeholder: x.placeholder },
+              root: { fullWidth: R, placeholder: B.placeholder },
               listbox: { className: y.select__listbox },
               popup: {
                 className: y.select__popup,
@@ -905,14 +910,14 @@ const He = We({}), Rt = () => Je(He), _t = (n) => {
             children: o
           }
         ) }),
-        /* @__PURE__ */ m("div", { className: y["messages-wrapper"], children: (h || _) && /* @__PURE__ */ re(
+        /* @__PURE__ */ m("div", { className: y["messages-wrapper"], children: (x || I) && /* @__PURE__ */ Y(
           _e,
           {
-            className: h ? K(y["error-message"], A) : K(y["info-message"], k),
-            "data-testid": h ? P : b,
+            className: x ? K(y["error-message"], b) : K(y["info-message"], A),
+            "data-testid": x ? P : C,
             children: [
-              /* @__PURE__ */ m(Xe, { icon: h ? "circle-exclamation" : "circle-info" }),
-              h || _
+              /* @__PURE__ */ m(Xe, { icon: x ? "circle-exclamation" : "circle-info" }),
+              x || I
             ]
           }
         ) })