fansunited-frontend-components 0.0.49 → 0.0.52

package/chunks/{Select-BHeTdOYr.js → Select-9gmhEo71.js}

@@ -1,8 +1,9 @@
-import { _ as d, S as ce, V as me, af as it, U as je, R as lt, s as Se, t as Le, v as K, Y as at, P as i, y as ke, z as ze, A as ee, D as qe, X as te, E as Ne } from "./PrizeCard-DF3QxwQJ.js";
+import { _ as d, N as it, I as lt, r as Se, s as Le, P as i, t as De, v as je, J as te } from "./PrizeCard-DgHyperX.js";
 import * as l from "react";
+import { d as ce, f as me, e as Je, s as K, r as at, u as Ne, a as ee, c as ze } from "./Button-COvmPv4P.js";
 import { jsx as L, jsxs as et } from "react/jsx-runtime";
-import { c as Lt, F as Rt } from "./CheckCircle-CV9iMpkZ.js";
-import { P as Ot } from "./Popper-DOVSI4rJ.js";
+import { c as Lt, F as Rt } from "./CheckCircle-h7-xLUq-.js";
+import { P as Ot } from "./Popper-OPgbZzY7.js";
 const Pt = {
   border: 0,
   clip: "rect(0 0 0 0)",
@@ -28,7 +29,7 @@ function Ue(t, e) {
     e[n] !== void 0 && (o[n] = e[n]);
   }), o;
 }
-function Dt(t) {
+function kt(t) {
   const {
     nextState: e,
     initialState: o,
@@ -51,7 +52,7 @@ function Dt(t) {
     }), c.current = e, a.current = null;
   }, [c, e, a, r, n, s]);
 }
-function kt(t) {
+function Dt(t) {
   const e = l.useRef(null), {
     reducer: o,
     initialState: n,
@@ -75,7 +76,7 @@ function kt(t) {
       context: c
     }));
   }, [c]);
-  return Dt({
+  return kt({
     nextState: g,
     initialState: n,
     stateComparers: s ?? Fe,
@@ -84,7 +85,7 @@ function kt(t) {
     lastActionRef: e
   }), [Ue(g, r), v];
 }
-const D = {
+const k = {
   blur: "list:blur",
   focus: "list:focus",
   itemClick: "list:itemClick",
@@ -96,7 +97,7 @@ const D = {
   textNavigation: "list:textNavigation",
   clearSelection: "list:clearSelection"
 };
-function zt(t, e, o, n, r, s) {
+function Nt(t, e, o, n, r, s) {
   if (o.length === 0 || !n && o.every((c, u) => r(c, u)))
     return -1;
   let a = t;
@@ -137,13 +138,13 @@ function A(t, e, o) {
       V < 0 ? !C && b !== -1 || Math.abs(e) > 1 ? (v = 0, m = "next") : (v = g, m = "previous") : V > g ? !C || Math.abs(e) > 1 ? (v = g, m = "previous") : (v = 0, m = "next") : (v = V, m = e >= 0 ? "next" : "previous");
     }
   }
-  const P = zt(v, m, r, c, s, C);
+  const P = Nt(v, m, r, c, s, C);
   return P === -1 && t !== null && !s(t, b) ? t : (n = r[P]) != null ? n : null;
 }
-function Nt(t, e, o, n) {
+function zt(t, e, o, n) {
   return o === "none" ? [] : o === "single" ? n(e[0], t) ? e : [t] : e.some((r) => n(r, t)) ? e.filter((r) => !n(r, t)) : [...e, t];
 }
-function Je(t, e, o) {
+function qe(t, e, o) {
   const {
     itemComparer: n,
     isItemDisabled: r,
@@ -154,7 +155,7 @@ function Je(t, e, o) {
   } = e, u = a.findIndex((y) => n(t, y));
   if (r(t, u))
     return e;
-  const h = Nt(t, c, s, n);
+  const h = zt(t, c, s, n);
   return d({}, e, {
     selectedValues: h,
     highlightedValue: t
@@ -210,7 +211,7 @@ function Et(t, e, o) {
     }
     case "Enter":
     case " ":
-      return e.highlightedValue === null ? e : Je(e.highlightedValue, e, o);
+      return e.highlightedValue === null ? e : qe(e.highlightedValue, e, o);
   }
   return e;
 }
@@ -282,21 +283,21 @@ function st(t, e) {
     context: n
   } = e;
   switch (o) {
-    case D.keyDown:
+    case k.keyDown:
       return Et(e.key, t, n);
-    case D.itemClick:
-      return Je(e.item, t, n);
-    case D.blur:
+    case k.itemClick:
+      return qe(e.item, t, n);
+    case k.blur:
       return Tt(t, n);
-    case D.textNavigation:
+    case k.textNavigation:
       return _t(t, e.searchString, n);
-    case D.itemsChange:
+    case k.itemsChange:
       return wt(e.items, e.previousItems, t, n);
-    case D.resetHighlight:
+    case k.resetHighlight:
       return Ht(t, n);
-    case D.highlightLast:
+    case k.highlightLast:
       return Mt(t, n);
-    case D.clearSelection:
+    case k.clearSelection:
       return Bt(t, n);
     default:
       return t;
@@ -316,7 +317,7 @@ function Wt(t) {
   }, [t]);
 }
 const ot = {}, Ft = () => {
-}, Ut = (t, e) => t === e, jt = () => !1, qt = (t) => typeof t == "string" ? t : String(t), Jt = () => ({
+}, Ut = (t, e) => t === e, jt = () => !1, Jt = (t) => typeof t == "string" ? t : String(t), qt = () => ({
   highlightedValue: null,
   selectedValues: []
 });
@@ -326,7 +327,7 @@ function Kt(t) {
     disabledItemsFocusable: o = !1,
     disableListWrap: n = !1,
     focusManagement: r = "activeDescendant",
-    getInitialState: s = Jt,
+    getInitialState: s = qt,
     getItemDomElement: a,
     getItemId: c,
     isItemDisabled: u = jt,
@@ -334,14 +335,14 @@ function Kt(t) {
     onStateChange: y = Ft,
     items: g,
     itemComparer: b = Ut,
-    getItemAsString: v = qt,
+    getItemAsString: v = Jt,
     onChange: m,
     onHighlightChange: C,
     onItemsChange: P,
     orientation: V = "vertical",
     pageSize: R = 5,
-    reducerActionContext: k = ot,
-    selectionMode: z = "single",
+    reducerActionContext: D = ot,
+    selectionMode: N = "single",
     stateReducer: _,
     componentName: T = "useList"
   } = t;
@@ -352,20 +353,20 @@ function Kt(t) {
       throw new Error("useList: The `getItemId` prop is required when using the `activeDescendant` focus management.");
   }
   const w = l.useRef(null), H = ce(h, w), M = l.useCallback((x, S, O) => {
-    if (C == null || C(x, S, O), r === "DOM" && S != null && (O === D.itemClick || O === D.keyDown || O === D.textNavigation)) {
-      var N;
-      a == null || (N = a(S)) == null || N.focus();
+    if (C == null || C(x, S, O), r === "DOM" && S != null && (O === k.itemClick || O === k.keyDown || O === k.textNavigation)) {
+      var z;
+      a == null || (z = a(S)) == null || z.focus();
     }
   }, [a, C, r]), $ = l.useMemo(() => ({
     highlightedValue: b,
     selectedValues: (x, S) => tt(x, S, b)
-  }), [b]), q = l.useCallback((x, S, O, N, G) => {
-    switch (y == null || y(x, S, O, N, G), S) {
+  }), [b]), J = l.useCallback((x, S, O, z, G) => {
+    switch (y == null || y(x, S, O, z, G), S) {
       case "highlightedValue":
-        M(x, O, N);
+        M(x, O, z);
         break;
       case "selectedValues":
-        m == null || m(x, O, N);
+        m == null || m(x, O, z);
         break;
     }
   }, [M, m, y]), W = l.useMemo(() => ({
@@ -379,27 +380,27 @@ function Kt(t) {
     onHighlightChange: M,
     orientation: V,
     pageSize: R,
-    selectionMode: z,
+    selectionMode: N,
     stateComparers: $
-  }), [o, n, r, u, b, g, v, M, V, R, z, $]), Y = s(), ie = _ ?? st, ue = l.useMemo(() => d({}, k, W), [k, W]), [ne, U] = kt({
+  }), [o, n, r, u, b, g, v, M, V, R, N, $]), Y = s(), ie = _ ?? st, ue = l.useMemo(() => d({}, D, W), [D, W]), [ne, U] = Dt({
     reducer: ie,
     actionContext: ue,
     initialState: Y,
     controlledProps: e,
     stateComparers: $,
-    onStateChange: q,
+    onStateChange: J,
     componentName: T
   }), {
     highlightedValue: j,
     selectedValues: F
   } = ne, de = Wt((x, S) => U({
-    type: D.textNavigation,
+    type: k.textNavigation,
     event: S,
     searchString: x
   })), oe = l.useRef([]);
   l.useEffect(() => {
     tt(oe.current, g, b) || (U({
-      type: D.itemsChange,
+      type: k.itemsChange,
       event: null,
       items: g,
       previousItems: oe.current
@@ -409,16 +410,16 @@ function Kt(t) {
     var O;
     if ((O = x.onKeyDown) == null || O.call(x, S), S.defaultMuiPrevented)
       return;
-    const N = ["Home", "End", "PageUp", "PageDown"];
-    V === "vertical" ? N.push("ArrowUp", "ArrowDown") : N.push("ArrowLeft", "ArrowRight"), r === "activeDescendant" && N.push(" ", "Enter"), N.includes(S.key) && S.preventDefault(), U({
-      type: D.keyDown,
+    const z = ["Home", "End", "PageUp", "PageDown"];
+    V === "vertical" ? z.push("ArrowUp", "ArrowDown") : z.push("ArrowLeft", "ArrowRight"), r === "activeDescendant" && z.push(" ", "Enter"), z.includes(S.key) && S.preventDefault(), U({
+      type: k.keyDown,
       key: S.key,
       event: S
     }), de(S);
   }, le = (x) => (S) => {
-    var O, N;
-    (O = x.onBlur) == null || O.call(x, S), !S.defaultMuiPrevented && ((N = w.current) != null && N.contains(S.relatedTarget) || U({
-      type: D.blur,
+    var O, z;
+    (O = x.onBlur) == null || O.call(x, S), !S.defaultMuiPrevented && ((z = w.current) != null && z.contains(S.relatedTarget) || U({
+      type: k.blur,
       event: S
     }));
   }, ve = (x = {}) => {
@@ -475,7 +476,7 @@ function Gt(t) {
         throw new Error(["MUI: The `item` provided to useListItem() is undefined.", "This should happen only during server-side rendering under React 17."].join(`
 `));
       r({
-        type: D.itemClick,
+        type: k.itemClick,
         item: o,
         event: m
       });
@@ -487,7 +488,7 @@ function Gt(t) {
         throw new Error(["MUI: The `item` provided to useListItem() is undefined.", "This should happen only during server-side rendering under React 17."].join(`
 `));
       r({
-        type: D.itemHover,
+        type: k.itemHover,
         item: o,
         event: m
       });
@@ -590,7 +591,7 @@ function Zt(t) {
   }), {
     getRootProps: h,
     rootRef: y
-  } = je({
+  } = Je({
     disabled: n,
     focusableWhenDisabled: !0
   }), g = lt(s), b = l.useRef(null), v = l.useMemo(() => ({
@@ -601,16 +602,16 @@ function Zt(t) {
     id: g
   }), [n, o, e, g]), {
     index: m
-  } = Qt(e, v), C = ce(r, b, y), P = (R) => (k) => {
-    var z;
-    (z = R.onKeyDown) == null || z.call(R, k), !k.defaultMuiPrevented && [" ", "Enter"].includes(k.key) && (k.defaultMuiPrevented = !0);
+  } = Qt(e, v), C = ce(r, b, y), P = (R) => (D) => {
+    var N;
+    (N = R.onKeyDown) == null || N.call(R, D), !D.defaultMuiPrevented && [" ", "Enter"].includes(D.key) && (D.defaultMuiPrevented = !0);
   }, V = (R = {}) => ({
     onKeyDown: P(R)
   });
   return {
     getRootProps: (R = {}) => {
-      const k = me(R), z = Ve(a, Ve(h, V));
-      return d({}, R, k, z(k), {
+      const D = me(R), N = Ve(a, Ve(h, V));
+      return d({}, R, D, N(D), {
         id: g,
         ref: C,
         role: "option",
@@ -650,7 +651,7 @@ function en(t) {
     }), [n, c])
   };
 }
-const De = {
+const ke = {
   buttonClick: "buttonClick",
   browserAutoFill: "browserAutoFill"
 }, tn = (t) => {
@@ -668,7 +669,7 @@ function nn(t, e) {
       selectionMode: n
     }
   } = e;
-  if (e.type === De.buttonClick) {
+  if (e.type === ke.buttonClick) {
     var r;
     const u = (r = t.selectedValues[0]) != null ? r : A(null, "start", e.context);
     return d({}, t, {
@@ -676,11 +677,11 @@ function nn(t, e) {
       highlightedValue: o ? null : u
     });
   }
-  if (e.type === De.browserAutoFill)
-    return Je(e.item, t, e.context);
+  if (e.type === ke.browserAutoFill)
+    return qe(e.item, t, e.context);
   const s = st(t, e);
   switch (e.type) {
-    case D.keyDown:
+    case k.keyDown:
       if (t.open) {
         if (e.event.key === "Escape")
           return d({}, s, {
@@ -703,13 +704,13 @@ function nn(t, e) {
         }
       }
       break;
-    case D.itemClick:
+    case k.itemClick:
       if (n === "single")
         return d({}, s, {
           open: !1
         });
       break;
-    case D.blur:
+    case k.blur:
       return d({}, s, {
         open: !1
       });
@@ -741,8 +742,8 @@ function rn(t) {
     getOptionAsString: P = tn,
     getSerializedValue: V = on,
     value: R,
-    componentName: k = "useSelect"
-  } = t, z = l.useRef(null), _ = ce(o, z), T = l.useRef(null), w = lt(a);
+    componentName: D = "useSelect"
+  } = t, N = l.useRef(null), _ = ce(o, N), T = l.useRef(null), w = lt(a);
   let H;
   R === void 0 && r === void 0 ? H = [] : r !== void 0 && (u ? H = r : H = r == null ? [] : [r]);
   const M = l.useMemo(() => {
@@ -750,7 +751,7 @@ function rn(t) {
       return u ? R : R == null ? [] : [R];
   }, [R, u]), {
     subitems: $,
-    contextValue: q
+    contextValue: J
   } = Yt(), W = l.useMemo(() => C != null ? new Map(C.map((p, f) => [p.value, {
     value: p.value,
     label: p.label,
@@ -762,7 +763,7 @@ function rn(t) {
     active: ue,
     focusVisible: ne,
     rootRef: U
-  } = je({
+  } = Je({
     disabled: s,
     rootRef: _
   }), j = l.useMemo(() => Array.from(W.keys()), [W]), F = l.useCallback((p) => {
@@ -796,7 +797,7 @@ function rn(t) {
   }, [b]), be = l.useCallback((p, f, I) => {
     if (f === "open" && (v == null || v(I), I === !1 && (p == null ? void 0 : p.type) !== "blur")) {
       var B;
-      (B = z.current) == null || B.focus();
+      (B = N.current) == null || B.focus();
     }
   }, [v]), x = l.useCallback((p) => {
     var f, I;
@@ -827,10 +828,10 @@ function rn(t) {
     getItemAsString: oe,
     selectionMode: u ? "multiple" : "single",
     stateReducer: nn,
-    componentName: k
+    componentName: D
   }, {
     dispatch: O,
-    getRootProps: N,
+    getRootProps: z,
     contextValue: G,
     state: {
       open: Q,
@@ -856,7 +857,7 @@ function rn(t) {
     var I;
     if (p == null || (I = p.onClick) == null || I.call(p, f), !f.defaultMuiPrevented) {
       const B = {
-        type: De.buttonClick,
+        type: ke.buttonClick,
         event: f
       };
       O(B);
@@ -864,7 +865,7 @@ function rn(t) {
   }, _e = (p) => (f) => {
     var I;
     (I = p.onKeyDown) == null || I.call(p, f), !f.defaultMuiPrevented && (f.key === "ArrowDown" || f.key === "ArrowUp") && (f.preventDefault(), O({
-      type: D.keyDown,
+      type: k.keyDown,
       key: f.key,
       event: f
     }));
@@ -880,11 +881,11 @@ function rn(t) {
     return d({}, p, I(f));
   }, Be = (p) => (f) => {
     var I, B;
-    (I = p.onBlur) == null || I.call(p, f), !f.defaultMuiPrevented && ((B = T.current) != null && B.contains(f.relatedTarget) || f.relatedTarget === z.current) && (f.defaultMuiPrevented = !0);
+    (I = p.onBlur) == null || I.call(p, f), !f.defaultMuiPrevented && ((B = T.current) != null && B.contains(f.relatedTarget) || f.relatedTarget === N.current) && (f.defaultMuiPrevented = !0);
   }, Ae = (p = {}) => ({
     onBlur: Be(p)
   }), Ie = (p = {}) => {
-    const f = me(p), I = Ve(Ae, N);
+    const f = me(p), I = Ve(Ae, z);
     return d({
       id: w,
       role: "listbox",
@@ -896,15 +897,15 @@ function rn(t) {
     highlightedOption: ae,
     open: Q
   });
-  const Oe = l.useMemo(() => d({}, G, q), [G, q]);
+  const Oe = l.useMemo(() => d({}, G, J), [G, J]);
   let X;
   t.multiple ? X = se : X = se.length > 0 ? se[0] : null;
-  let J;
+  let q;
   if (u)
-    J = X.map((p) => Ce(p)).filter((p) => p !== void 0);
+    q = X.map((p) => Ce(p)).filter((p) => p !== void 0);
   else {
     var Z;
-    J = (Z = Ce(X)) != null ? Z : null;
+    q = (Z = Ce(X)) != null ? Z : null;
   }
   const re = (p) => (f) => {
     var I;
@@ -912,9 +913,9 @@ function rn(t) {
       return;
     const B = W.get(f.target.value);
     f.target.value === "" ? O({
-      type: D.clearSelection
+      type: k.clearSelection
     }) : B !== void 0 && O({
-      type: De.browserAutoFill,
+      type: ke.browserAutoFill,
       item: B.value,
       event: f
     });
@@ -934,7 +935,7 @@ function rn(t) {
         tabIndex: -1,
         "aria-hidden": !0,
         required: y ? !0 : void 0,
-        value: V(J),
+        value: V(q),
         style: Pt
       }, p, {
         onChange: re(f)
@@ -1024,7 +1025,7 @@ function dt(t) {
 function cn(t) {
   return Le("MuiList", t);
 }
-const Jn = Se("MuiList", ["root", "nesting", "scoped", "sizeSm", "sizeMd", "sizeLg", "colorPrimary", "colorNeutral", "colorDanger", "colorSuccess", "colorWarning", "colorContext", "variantPlain", "variantOutlined", "variantSoft", "variantSolid", "horizontal", "vertical"]), pt = /* @__PURE__ */ l.createContext(void 0);
+const Kn = Se("MuiList", ["root", "nesting", "scoped", "sizeSm", "sizeMd", "sizeLg", "colorPrimary", "colorNeutral", "colorDanger", "colorSuccess", "colorWarning", "colorContext", "variantPlain", "variantOutlined", "variantSoft", "variantSolid", "horizontal", "vertical"]), pt = /* @__PURE__ */ l.createContext(void 0);
 process.env.NODE_ENV !== "production" && (pt.displayName = "RadioGroupContext");
 const un = ["component", "className", "children", "size", "orientation", "wrap", "variant", "color", "role", "slots", "slotProps"], dn = (t) => {
   const {
@@ -1037,7 +1038,7 @@ const un = ["component", "className", "children", "size", "orientation", "wrap",
   } = t, c = {
     root: ["root", s, e && `variant${te(e)}`, o && `color${te(o)}`, !a && !r && n && `size${te(n)}`, a && `size${te(a)}`, r && "nesting"]
   };
-  return Ne(c, cn, {});
+  return ze(c, cn, {});
 }, ft = K("ul")(({
   theme: t,
   ownerState: e
@@ -1155,7 +1156,7 @@ const un = ["component", "className", "children", "size", "orientation", "wrap",
   overridesResolver: (t, e) => e.root
 })({}), fn = /* @__PURE__ */ l.forwardRef(function(e, o) {
   var n;
-  const r = l.useContext(Ge), s = l.useContext(Xe), a = l.useContext(pt), c = ke({
+  const r = l.useContext(Ge), s = l.useContext(Xe), a = l.useContext(pt), c = Ne({
     props: e,
     name: "JoyList"
   }), {
@@ -1170,25 +1171,25 @@ const un = ["component", "className", "children", "size", "orientation", "wrap",
     role: P,
     slots: V = {},
     slotProps: R = {}
-  } = c, k = ze(c, un), z = g || ((n = e.size) != null ? n : "md");
+  } = c, D = De(c, un), N = g || ((n = e.size) != null ? n : "md");
   let _;
   s && (_ = "group"), a && (_ = "presentation"), P && (_ = P);
   const T = d({}, c, {
     instanceSize: e.size,
-    size: z,
+    size: N,
     nesting: r,
     orientation: b,
     wrap: v,
     variant: m,
     color: C,
     role: _
-  }), w = dn(T), H = d({}, k, {
+  }), w = dn(T), H = d({}, D, {
     component: u,
     slots: V,
     slotProps: R
   }), [M, $] = ee("root", {
     ref: o,
-    className: qe(w.root, h),
+    className: je(w.root, h),
     elementType: pn,
     externalForwardedProps: H,
     ownerState: T,
@@ -1299,7 +1300,7 @@ const mn = ["children", "className", "action", "component", "orientation", "role
     variant: a
   } = t, c = {
     root: ["root", o && "disabled", n && "focusVisible", e && `color${te(e)}`, s && "selected", a && `variant${te(a)}`]
-  }, u = Ne(c, gn, {});
+  }, u = ze(c, gn, {});
   return n && r && (u.root += ` ${r}`), u;
 }, mt = K("div")(({
   theme: t,
@@ -1386,7 +1387,7 @@ const mn = ["children", "className", "action", "component", "orientation", "role
     fontWeight: e.vars.fontWeight.md
   }
 })), bn = /* @__PURE__ */ l.forwardRef(function(e, o) {
-  const n = ke({
+  const n = Ne({
     props: e,
     name: "JoyListItemButton"
   }), r = l.useContext(Ee), {
@@ -1401,23 +1402,23 @@ const mn = ["children", "className", "action", "component", "orientation", "role
     variant: v = "plain",
     slots: m = {},
     slotProps: C = {}
-  } = n, P = ze(n, mn), V = l.useRef(null), R = ce(V, o), {
-    focusVisible: k,
-    setFocusVisible: z,
+  } = n, P = De(n, mn), V = l.useRef(null), R = ce(V, o), {
+    focusVisible: D,
+    setFocusVisible: N,
     getRootProps: _
-  } = je(d({}, n, {
+  } = Je(d({}, n, {
     rootRef: R
   }));
   l.useImperativeHandle(c, () => ({
     focusVisible: () => {
-      var q;
-      z(!0), (q = V.current) == null || q.focus();
+      var J;
+      N(!0), (J = V.current) == null || J.focus();
     }
-  }), [z]);
+  }), [N]);
   const T = d({}, n, {
     component: u,
     color: b,
-    focusVisible: k,
+    focusVisible: D,
     orientation: h,
     row: r,
     selected: g,
@@ -1428,7 +1429,7 @@ const mn = ["children", "className", "action", "component", "orientation", "role
     slotProps: C
   }), [M, $] = ee("root", {
     ref: o,
-    className: qe(w.root, a),
+    className: je(w.root, a),
     elementType: vn,
     externalForwardedProps: H,
     ownerState: T,
@@ -1567,7 +1568,7 @@ const Sn = Se("MuiOption", ["root", "colorPrimary", "colorNeutral", "colorDanger
     highlighted: o,
     selected: n
   } = t;
-  return Ne({
+  return ze({
     root: ["root", e && "disabled", o && "highlighted", n && "selected"]
   }, yn, {});
 }, On = K(mt, {
@@ -1587,7 +1588,7 @@ const Sn = Se("MuiOption", ["root", "colorPrimary", "colorNeutral", "colorDanger
   };
 }), Pn = /* @__PURE__ */ l.memo(/* @__PURE__ */ l.forwardRef(function(e, o) {
   var n;
-  const r = ke({
+  const r = Ne({
     props: e,
     name: "JoyOption"
   }), {
@@ -1600,19 +1601,19 @@ const Sn = Se("MuiOption", ["root", "colorPrimary", "colorNeutral", "colorDanger
     color: g = "neutral",
     slots: b = {},
     slotProps: v = {}
-  } = r, m = ze(r, Ln), C = l.useContext(Ee), {
+  } = r, m = De(r, Ln), C = l.useContext(Ee), {
     variant: P = y,
     color: V = g
-  } = Cn(e.variant, e.color), R = l.useRef(null), k = ce(R, o), z = h ?? (typeof a == "string" ? a : (n = R.current) == null ? void 0 : n.innerText), {
+  } = Cn(e.variant, e.color), R = l.useRef(null), D = ce(R, o), N = h ?? (typeof a == "string" ? a : (n = R.current) == null ? void 0 : n.innerText), {
     getRootProps: _,
     selected: T,
     highlighted: w,
     index: H
   } = Zt({
     disabled: c,
-    label: z,
+    label: N,
     value: u,
-    rootRef: k
+    rootRef: D
   }), M = d({}, r, {
     disabled: c,
     selected: T,
@@ -1622,7 +1623,7 @@ const Sn = Se("MuiOption", ["root", "colorPrimary", "colorNeutral", "colorDanger
     variant: P,
     color: V,
     row: C
-  }), $ = Rn(M), q = d({}, m, {
+  }), $ = Rn(M), J = d({}, m, {
     component: s,
     slots: b,
     slotProps: v
@@ -1630,7 +1631,7 @@ const Sn = Se("MuiOption", ["root", "colorPrimary", "colorNeutral", "colorDanger
     ref: o,
     getSlotProps: _,
     elementType: On,
-    externalForwardedProps: q,
+    externalForwardedProps: J,
     className: $.root,
     ownerState: M
   });
@@ -1686,16 +1687,16 @@ process.env.NODE_ENV !== "production" && (Vn.propTypes = {
    */
   variant: i.oneOfType([i.oneOf(["outlined", "plain", "soft", "solid"]), i.string])
 });
-const Dn = Lt(/* @__PURE__ */ L("path", {
+const kn = Lt(/* @__PURE__ */ L("path", {
   d: "m12 5.83 2.46 2.46c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L12.7 3.7a.9959.9959 0 0 0-1.41 0L8.12 6.88c-.39.39-.39 1.02 0 1.41.39.39 1.02.39 1.41 0L12 5.83zm0 12.34-2.46-2.46a.9959.9959 0 0 0-1.41 0c-.39.39-.39 1.02 0 1.41l3.17 3.18c.39.39 1.02.39 1.41 0l3.17-3.17c.39-.39.39-1.02 0-1.41a.9959.9959 0 0 0-1.41 0L12 18.17z"
 }), "Unfold");
-function kn(t) {
+function Dn(t) {
   return Le("MuiSelect", t);
 }
 const he = Se("MuiSelect", ["root", "button", "indicator", "startDecorator", "endDecorator", "popper", "listbox", "colorPrimary", "colorNeutral", "colorDanger", "colorSuccess", "colorWarning", "colorContext", "variantPlain", "variantOutlined", "variantSoft", "variantSolid", "sizeSm", "sizeMd", "sizeLg", "focusVisible", "disabled", "expanded", "multiple"]);
 var rt;
-const zn = ["action", "autoFocus", "children", "defaultValue", "defaultListboxOpen", "disabled", "getSerializedValue", "placeholder", "listboxId", "listboxOpen", "onChange", "onListboxOpenChange", "onClose", "renderValue", "required", "value", "size", "variant", "color", "startDecorator", "endDecorator", "indicator", "aria-describedby", "aria-label", "aria-labelledby", "id", "name", "multiple", "slots", "slotProps"];
-function Nn(t) {
+const Nn = ["action", "autoFocus", "children", "defaultValue", "defaultListboxOpen", "disabled", "getSerializedValue", "placeholder", "listboxId", "listboxOpen", "onChange", "onListboxOpenChange", "onClose", "renderValue", "required", "value", "size", "variant", "color", "startDecorator", "endDecorator", "indicator", "aria-describedby", "aria-label", "aria-labelledby", "id", "name", "multiple", "slots", "slotProps"];
+function zn(t) {
   var e;
   return Array.isArray(t) ? /* @__PURE__ */ L(l.Fragment, {
     children: t.map((o) => o.label).join(", ")
@@ -1734,7 +1735,7 @@ const En = [{
     indicator: ["indicator", a && "expanded"],
     listbox: ["listbox", a && "expanded", o && "disabled"]
   };
-  return Ne(u, kn, {});
+  return ze(u, Dn, {});
 }, $n = K("div", {
   name: "JoySelect",
   slot: "Root",
@@ -1958,7 +1959,7 @@ const En = [{
   }
 })), An = /* @__PURE__ */ l.forwardRef(function(e, o) {
   var n, r, s, a, c, u, h;
-  const y = ke({
+  const y = Ne({
     props: e,
     name: "JoySelect"
   }), g = y, {
@@ -1969,21 +1970,21 @@ const En = [{
     defaultListboxOpen: P = !1,
     disabled: V,
     getSerializedValue: R,
-    placeholder: k,
-    listboxId: z,
+    placeholder: D,
+    listboxId: N,
     listboxOpen: _,
     onChange: T,
     onListboxOpenChange: w,
     onClose: H,
     renderValue: M,
     required: $ = !1,
-    value: q,
+    value: J,
     size: W = "md",
     variant: Y = "outlined",
     color: ie = "neutral",
     startDecorator: ue,
     endDecorator: ne,
-    indicator: U = rt || (rt = /* @__PURE__ */ L(Dn, {})),
+    indicator: U = rt || (rt = /* @__PURE__ */ L(kn, {})),
     // props to forward to the button (all handlers should go through slotProps.button)
     "aria-describedby": j,
     "aria-label": F,
@@ -1993,7 +1994,7 @@ const En = [{
     multiple: le = !1,
     slots: ve = {},
     slotProps: fe = {}
-  } = g, be = ze(g, zn), x = l.useContext(Rt);
+  } = g, be = De(g, Nn), x = l.useContext(Rt);
   if (process.env.NODE_ENV !== "production") {
     const E = x == null ? void 0 : x.registerEffect;
     l.useEffect(() => {
@@ -2001,7 +2002,7 @@ const En = [{
         return E();
     }, [E]);
   }
-  const S = (n = (r = e.disabled) != null ? r : x == null ? void 0 : x.disabled) != null ? n : V, O = (s = (a = e.size) != null ? a : x == null ? void 0 : x.size) != null ? s : W, N = (c = e.color) != null ? c : x != null && x.error ? "danger" : (u = x == null ? void 0 : x.color) != null ? u : ie, G = M ?? Nn, [Q, ae] = l.useState(null), se = l.useRef(null), xe = l.useRef(null), Te = ce(o, se);
+  const S = (n = (r = e.disabled) != null ? r : x == null ? void 0 : x.disabled) != null ? n : V, O = (s = (a = e.size) != null ? a : x == null ? void 0 : x.size) != null ? s : W, z = (c = e.color) != null ? c : x != null && x.error ? "danger" : (u = x == null ? void 0 : x.color) != null ? u : ie, G = M ?? zn, [Q, ae] = l.useState(null), se = l.useRef(null), xe = l.useRef(null), Te = ce(o, se);
   l.useImperativeHandle(b, () => ({
     focusVisible: () => {
       var E;
@@ -2031,15 +2032,15 @@ const En = [{
     defaultValue: C,
     disabled: S,
     getSerializedValue: R,
-    listboxId: z,
+    listboxId: N,
     multiple: le,
     name: pe,
     required: $,
     onChange: T,
     onOpenChange: Ce,
     open: _,
-    value: q
-  }), J = d({}, y, {
+    value: J
+  }), q = d({}, y, {
     active: $e,
     defaultListboxOpen: P,
     disabled: He,
@@ -2049,8 +2050,8 @@ const En = [{
     value: X,
     size: O,
     variant: Y,
-    color: N
-  }), Z = Tn(J), re = d({}, be, {
+    color: z
+  }), Z = Tn(q), re = d({}, be, {
     slots: ve,
     slotProps: fe
   }), ge = l.useMemo(() => {
@@ -2067,7 +2068,7 @@ const En = [{
     className: Z.root,
     elementType: $n,
     externalForwardedProps: re,
-    ownerState: J
+    ownerState: q
   }), [I, B] = ee("button", {
     additionalProps: {
       "aria-describedby": j ?? (x == null ? void 0 : x["aria-describedby"]),
@@ -2081,7 +2082,7 @@ const En = [{
     elementType: _n,
     externalForwardedProps: re,
     getSlotProps: Me,
-    ownerState: J
+    ownerState: q
   }), [ht, ye] = ee("listbox", {
     additionalProps: {
       anchorEl: Q,
@@ -2093,7 +2094,7 @@ const En = [{
     elementType: wn,
     externalForwardedProps: re,
     getSlotProps: Be,
-    ownerState: d({}, J, {
+    ownerState: d({}, q, {
       nesting: !1,
       row: !1,
       wrap: !1
@@ -2101,26 +2102,26 @@ const En = [{
     getSlotOwnerState: (E) => ({
       size: E.size || O,
       variant: E.variant || Y,
-      color: E.color || (E.disablePortal ? N : ie),
+      color: E.color || (E.disablePortal ? z : ie),
       disableColorInversion: !E.disablePortal
     })
   }), [vt, bt] = ee("startDecorator", {
     className: Z.startDecorator,
     elementType: Hn,
     externalForwardedProps: re,
-    ownerState: J
+    ownerState: q
   }), [xt, Ct] = ee("endDecorator", {
     className: Z.endDecorator,
     elementType: Mn,
     externalForwardedProps: re,
-    ownerState: J
+    ownerState: q
   }), [It, yt] = ee("indicator", {
     className: Z.indicator,
     elementType: Bn,
     externalForwardedProps: re,
-    ownerState: J
+    ownerState: q
   }), St = l.useMemo(() => [...En, ...ye.modifiers || []], [ye.modifiers]);
-  let Qe = k;
+  let Qe = D;
   return (Array.isArray(ge) && ge.length > 0 || !Array.isArray(ge) && ge) && (Qe = G(ge)), /* @__PURE__ */ et(l.Fragment, {
     children: [/* @__PURE__ */ et(p, d({}, f, {
       children: [ue && /* @__PURE__ */ L(vt, d({}, bt, {
@@ -2133,7 +2134,7 @@ const En = [{
         children: U
       })), /* @__PURE__ */ L("input", d({}, Ae()))]
     })), Q && /* @__PURE__ */ L(ht, d({}, ye, {
-      className: qe(ye.className),
+      className: je(ye.className),
       modifiers: St
     }, !((h = y.slots) != null && h.listbox) && {
       as: Ot,
@@ -2308,7 +2309,7 @@ process.env.NODE_ENV !== "production" && (An.propTypes = {
 export {
   Ke as C,
   Xe as G,
-  D as L,
+  k as L,
   Ge as N,
   Ee as R,
   An as S,
@@ -2330,7 +2331,7 @@ export {
   ut as n,
   qn as o,
   Cn as p,
-  Jn as q,
+  Kn as q,
   xn as r,
   sn as s,
   fn as t,