fansunited-frontend-components 0.0.49 → 0.0.52

package/chunks/{Tabs-hwJ7jsUl.js → Tabs-DaVatjCJ.js}

@@ -1,8 +1,9 @@
-import { _ as p, R as G, S as Y, U as Z, V as Q, s as N, t as E, v as D, y as U, z as j, A as B, P as e, X as O, E as S, Y as ee, Z as A } from "./PrizeCard-DF3QxwQJ.js";
+import { _ as p, I as G, r as N, s as D, t as E, P as e, J as O, K as A } from "./PrizeCard-DgHyperX.js";
 import * as l from "react";
-import { u as w, C as X, b as q, l as oe, L as te, m as ne, c as ae, d as se, e as ie, f as re, g as le, R as ce, h as de, i as ue, s as pe, j as be } from "./Select-BHeTdOYr.js";
+import { u as w, C as K, b as q, l as Q, L as Z, m as ee, c as oe, d as te, e as ne, f as ae, g as se, R as ie, h as re, i as le, s as ce, j as de } from "./Select-9gmhEo71.js";
+import { d as H, e as ue, f as pe, s as j, u as U, a as B, c as J, r as be } from "./Button-COvmPv4P.js";
 import { jsx as C } from "react/jsx-runtime";
-import { u as fe } from "./useEventCallback-CizlfWBo.js";
+import { u as fe } from "./useEventCallback-vbTEFVPa.js";
 function ve(o) {
   const {
     value: t,
@@ -41,10 +42,10 @@ function ve(o) {
     }, b)
   };
 }
-const H = /* @__PURE__ */ l.createContext(null);
-process.env.NODE_ENV !== "production" && (H.displayName = "TabsContext");
+const Y = /* @__PURE__ */ l.createContext(null);
+process.env.NODE_ENV !== "production" && (Y.displayName = "TabsContext");
 function W() {
-  const o = l.useContext(H);
+  const o = l.useContext(Y);
   if (o == null)
     throw new Error("No TabsContext provided");
   return o;
@@ -79,9 +80,9 @@ function ge(o) {
     selectionFollowsFocus: c,
     value: b
   }), [n, v, m, r, i, u, c, b]);
-  return /* @__PURE__ */ C(X.Provider, {
+  return /* @__PURE__ */ C(K.Provider, {
     value: h,
-    children: /* @__PURE__ */ C(H.Provider, {
+    children: /* @__PURE__ */ C(Y.Provider, {
       value: T,
       children: a
     })
@@ -101,7 +102,7 @@ function Te(o) {
   const {
     value: r,
     getTabId: i
-  } = s, d = G(a), u = l.useRef(null), c = Y(u, n), f = l.useMemo(() => ({
+  } = s, d = G(a), u = l.useRef(null), c = H(u, n), f = l.useMemo(() => ({
     id: d,
     ref: u
   }), [d]), {
@@ -119,25 +120,25 @@ function Te(o) {
     rootRef: c
   };
 }
-const K = {
+const X = {
   valueChange: "valueChange"
 };
 function he(o, t) {
-  if (t.type === K.valueChange)
+  if (t.type === X.valueChange)
     return p({}, o, {
       highlightedValue: t.value
     });
-  const a = oe(o, t), {
+  const a = Q(o, t), {
     context: {
       selectionFollowsFocus: n
     }
   } = t;
-  if (t.type === te.itemsChange) {
+  if (t.type === Z.itemsChange) {
     if (a.selectedValues.length > 0)
       return p({}, a, {
         highlightedValue: a.selectedValues[0]
       });
-    ne(null, "reset", t.context);
+    ee(null, "reset", t.context);
   }
   return n && a.highlightedValue != null ? p({}, a, {
     selectedValues: [a.highlightedValue]
@@ -187,7 +188,7 @@ function ye(o) {
       selectedValues: V
     },
     rootRef: F
-  } = ae({
+  } = oe({
     controlledProps: y,
     disabledItemsFocusable: !u,
     focusManagement: "DOM",
@@ -205,7 +206,7 @@ function ye(o) {
   });
   l.useEffect(() => {
     i !== void 0 && i != null && L({
-      type: K.valueChange,
+      type: X.valueChange,
       value: i
     });
   }, [L, i]);
@@ -243,9 +244,9 @@ function xe(o) {
     registerItem: i,
     totalSubitemCount: d
   }), [i, s, d]);
-  return /* @__PURE__ */ C(X.Provider, {
+  return /* @__PURE__ */ C(K.Provider, {
     value: c,
-    children: /* @__PURE__ */ C(se.Provider, {
+    children: /* @__PURE__ */ C(te.Provider, {
       value: u,
       children: a
     })
@@ -276,7 +277,7 @@ function Ce(o) {
     getRootProps: h,
     highlighted: T,
     selected: g
-  } = ie({
+  } = ne({
     item: b
   }), {
     getRootProps: y,
@@ -284,14 +285,14 @@ function Ce(o) {
     active: R,
     focusVisible: L,
     setFocusVisible: k
-  } = Z({
+  } = ue({
     disabled: n,
     focusableWhenDisabled: !u,
     type: "button"
-  }), x = Y(r, a, I), V = b !== void 0 ? c(b) : void 0;
+  }), x = H(r, a, I), V = b !== void 0 ? c(b) : void 0;
   return {
     getRootProps: ($ = {}) => {
-      const M = Q($), P = re(h, y);
+      const M = pe($), P = ae(h, y);
       return p({}, $, P(M), {
         role: "tab",
         "aria-controls": V,
@@ -313,7 +314,7 @@ function Ce(o) {
   };
 }
 function Re(o) {
-  return E("MuiTab", o);
+  return D("MuiTab", o);
 }
 const Le = N("MuiTab", ["root", "disabled", "focusVisible", "selected", "horizontal", "vertical", "colorPrimary", "colorNeutral", "colorDanger", "colorSuccess", "colorWarning", "colorContext", "variantPlain", "variantOutlined", "variantSoft", "variantSolid"]), Ie = ["action", "children", "value", "disabled", "onChange", "onClick", "onFocus", "component", "orientation", "variant", "color", "disableIndicator", "indicatorPlacement", "indicatorInset", "slots", "slotProps"], ze = (o) => {
   const {
@@ -326,8 +327,8 @@ const Le = N("MuiTab", ["root", "disabled", "focusVisible", "selected", "horizon
   } = o, d = {
     root: ["root", i, a && "disabled", n && "focusVisible", t && "selected", s && `variant${O(s)}`, r && `color${O(r)}`]
   };
-  return S(d, Re, {});
-}, Oe = D(le, {
+  return J(d, Re, {});
+}, Oe = j(se, {
   name: "JoyTab",
   slot: "Root",
   overridesResolver: (o, t) => t.root
@@ -403,7 +404,7 @@ const Le = N("MuiTab", ["root", "disabled", "focusVisible", "selected", "horizon
   const n = U({
     props: t,
     name: "JoyTab"
-  }), s = l.useContext(ce), {
+  }), s = l.useContext(ie), {
     action: r,
     children: i,
     disabled: d = !1,
@@ -416,7 +417,7 @@ const Le = N("MuiTab", ["root", "disabled", "focusVisible", "selected", "horizon
     indicatorInset: h = !1,
     slots: T = {},
     slotProps: g = {}
-  } = n, y = j(n, Ie), I = l.useRef(null), R = Y(I, a), {
+  } = n, y = E(n, Ie), I = l.useRef(null), R = H(I, a), {
     active: L,
     focusVisible: k,
     setFocusVisible: x,
@@ -454,7 +455,7 @@ const Le = N("MuiTab", ["root", "disabled", "focusVisible", "selected", "horizon
     ownerState: $,
     className: M.root
   });
-  return /* @__PURE__ */ C(de.Provider, {
+  return /* @__PURE__ */ C(re.Provider, {
     value: c,
     children: /* @__PURE__ */ C(z, p({}, _, {
       children: i
@@ -553,10 +554,10 @@ process.env.NODE_ENV !== "production" && (ke.propTypes = {
    */
   variant: e.oneOfType([e.oneOf(["outlined", "plain", "soft", "solid"]), e.string])
 });
-const J = /* @__PURE__ */ l.createContext("md");
-process.env.NODE_ENV !== "production" && (J.displayName = "SizeTabsContext");
+const S = /* @__PURE__ */ l.createContext("md");
+process.env.NODE_ENV !== "production" && (S.displayName = "SizeTabsContext");
 function Ve(o) {
-  return E("MuiTabList", o);
+  return D("MuiTabList", o);
 }
 N("MuiTabList", ["root", "colorPrimary", "colorNeutral", "colorDanger", "colorSuccess", "colorWarning", "colorContext", "variantPlain", "variantOutlined", "variantSoft", "variantSolid", "sizeSm", "sizeMd", "sizeLg"]);
 const _e = ["component", "children", "variant", "color", "size", "disableUnderline", "underlinePlacement", "tabFlex", "sticky", "slots", "slotProps"], $e = (o) => {
@@ -568,8 +569,8 @@ const _e = ["component", "children", "variant", "color", "size", "disableUnderli
   } = o, r = {
     root: ["root", t, n && `variant${O(n)}`, s && `color${O(s)}`, a && `size${O(a)}`]
   };
-  return S(r, Ve, {});
-}, Fe = D(ue, {
+  return J(r, Ve, {});
+}, Fe = j(le, {
   name: "JoyTabList",
   slot: "Root",
   overridesResolver: (o, t) => t.root
@@ -586,7 +587,7 @@ const _e = ["component", "children", "variant", "color", "size", "disableUnderli
     "--ListItem-gap": "0.375rem",
     // the `var(--unknown,)` is a workaround because emotion does not support space toggle.
     "--unstable_TabList-hasUnderline": t.disableUnderline ? "var(--unknown,)" : "initial"
-  }, pe, {
+  }, ce, {
     flexGrow: "initial",
     flexDirection: t.orientation === "vertical" ? "column" : "row",
     borderRadius: "var(--List-radius, 0px)",
@@ -623,7 +624,7 @@ const _e = ["component", "children", "variant", "color", "size", "disableUnderli
   const n = U({
     props: t,
     name: "JoyTabList"
-  }), s = l.useContext(J), {
+  }), s = l.useContext(S), {
     isRtl: r,
     orientation: i,
     getRootProps: d,
@@ -642,7 +643,7 @@ const _e = ["component", "children", "variant", "color", "size", "disableUnderli
     sticky: y,
     slots: I = {},
     slotProps: R = {}
-  } = n, L = j(n, _e), x = p({}, n, {
+  } = n, L = E(n, _e), x = p({}, n, {
     isRtl: r,
     orientation: i,
     variant: b,
@@ -670,7 +671,7 @@ const _e = ["component", "children", "variant", "color", "size", "disableUnderli
     /* @__PURE__ */ C($, p({}, M, {
       children: /* @__PURE__ */ C(xe, {
         value: u,
-        children: /* @__PURE__ */ C(be, {
+        children: /* @__PURE__ */ C(de, {
           row: i === "horizontal",
           nested: !0,
           children: f
@@ -747,10 +748,10 @@ process.env.NODE_ENV !== "production" && (Me.propTypes = {
   variant: e.oneOfType([e.oneOf(["outlined", "plain", "soft", "solid"]), e.string])
 });
 function Ne(o) {
-  return E("MuiTabPanel", o);
+  return D("MuiTabPanel", o);
 }
 N("MuiTabPanel", ["root", "hidden", "sizeSm", "sizeMd", "sizeLg", "horizontal", "vertical", "colorPrimary", "colorNeutral", "colorDanger", "colorSuccess", "colorWarning", "colorContext", "variantPlain", "variantOutlined", "variantSoft", "variantSolid"]);
-const Ee = ["children", "value", "component", "color", "variant", "size", "slots", "slotProps", "keepMounted"], De = (o) => {
+const De = ["children", "value", "component", "color", "variant", "size", "slots", "slotProps", "keepMounted"], Ee = (o) => {
   const {
     hidden: t,
     size: a,
@@ -760,8 +761,8 @@ const Ee = ["children", "value", "component", "color", "variant", "size", "slots
   } = o, i = {
     root: ["root", t && "hidden", a && `size${O(a)}`, r, n && `variant${O(n)}`, s && `color${O(s)}`, a && `size${O(a)}`]
   };
-  return S(i, Ne, {});
-}, Ue = D("div", {
+  return J(i, Ne, {});
+}, je = j("div", {
   name: "JoyTabPanel",
   slot: "Root",
   overridesResolver: (o, t) => t.root
@@ -776,7 +777,7 @@ const Ee = ["children", "value", "component", "color", "variant", "size", "slots
     flexGrow: 1,
     fontFamily: o.vars.fontFamily.body
   }, o.typography[`body-${t.size}`], (a = o.variants[t.variant]) == null ? void 0 : a[t.color]);
-}), je = /* @__PURE__ */ l.forwardRef(function(t, a) {
+}), Ue = /* @__PURE__ */ l.forwardRef(function(t, a) {
   const n = U({
     props: t,
     name: "JoyTabPanel"
@@ -784,7 +785,7 @@ const Ee = ["children", "value", "component", "color", "variant", "size", "slots
     orientation: s
   } = W() || {
     orientation: "horizontal"
-  }, r = l.useContext(J), {
+  }, r = l.useContext(S), {
     children: i,
     value: d = 0,
     component: u,
@@ -794,7 +795,7 @@ const Ee = ["children", "value", "component", "color", "variant", "size", "slots
     slots: v = {},
     slotProps: m = {},
     keepMounted: h = !1
-  } = n, T = j(n, Ee), {
+  } = n, T = E(n, De), {
     hidden: g,
     getRootProps: y
   } = Te(p({}, n, {
@@ -805,13 +806,13 @@ const Ee = ["children", "value", "component", "color", "variant", "size", "slots
     size: b ?? r,
     color: c,
     variant: f
-  }), L = De(R), k = p({}, T, {
+  }), L = Ee(R), k = p({}, T, {
     component: u,
     slots: v,
     slotProps: m
   }), [x, V] = B("root", {
     ref: a,
-    elementType: Ue,
+    elementType: je,
     getSlotProps: y,
     externalForwardedProps: k,
     additionalProps: {
@@ -828,7 +829,7 @@ const Ee = ["children", "value", "component", "color", "variant", "size", "slots
     children: !g && i
   }));
 });
-process.env.NODE_ENV !== "production" && (je.propTypes = {
+process.env.NODE_ENV !== "production" && (Ue.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │
@@ -886,10 +887,10 @@ process.env.NODE_ENV !== "production" && (je.propTypes = {
   variant: e.oneOfType([e.oneOf(["outlined", "plain", "soft", "solid"]), e.string])
 });
 function Be(o) {
-  return E("MuiTabs", o);
+  return D("MuiTabs", o);
 }
 N("MuiTabs", ["root", "horizontal", "vertical", "colorPrimary", "colorNeutral", "colorDanger", "colorSuccess", "colorWarning", "colorContext", "variantPlain", "variantOutlined", "variantSoft", "variantSolid", "sizeSm", "sizeMd", "sizeLg"]);
-const Se = ["children", "value", "defaultValue", "orientation", "direction", "component", "onChange", "selectionFollowsFocus", "variant", "color", "size", "slots", "slotProps"], We = (o) => {
+const Je = ["children", "value", "defaultValue", "orientation", "direction", "component", "onChange", "selectionFollowsFocus", "variant", "color", "size", "slots", "slotProps"], We = (o) => {
   const {
     orientation: t,
     variant: a,
@@ -898,8 +899,8 @@ const Se = ["children", "value", "defaultValue", "orientation", "direction", "co
   } = o, r = {
     root: ["root", t, a && `variant${O(a)}`, n && `color${O(n)}`, s && `size${O(s)}`]
   };
-  return S(r, Be, {});
-}, Je = D("div", {
+  return J(r, Be, {});
+}, Se = j("div", {
   name: "JoyTabs",
   slot: "Root",
   overridesResolver: (o, t) => t.root
@@ -914,7 +915,7 @@ const Se = ["children", "value", "defaultValue", "orientation", "direction", "co
     background: d,
     p: u,
     padding: c
-  } = ee({
+  } = be({
     theme: t,
     ownerState: o
   }, ["bgcolor", "backgroundColor", "background", "p", "padding"]), f = A(t, `palette.${r}`) || r || A(t, `palette.${i}`) || i || d || (s == null ? void 0 : s.backgroundColor) || (s == null ? void 0 : s.background) || t.vars.palette.background.surface;
@@ -941,7 +942,7 @@ const Se = ["children", "value", "defaultValue", "orientation", "direction", "co
   }, c !== void 0 && {
     "--Tabs-padding": c
   });
-}), Ye = /* @__PURE__ */ l.forwardRef(function(t, a) {
+}), He = /* @__PURE__ */ l.forwardRef(function(t, a) {
   const n = U({
     props: t,
     name: "JoyTabs"
@@ -957,7 +958,7 @@ const Se = ["children", "value", "defaultValue", "orientation", "direction", "co
     size: v = "md",
     slots: m = {},
     slotProps: h = {}
-  } = n, T = j(n, Se), g = i || (r === void 0 ? 0 : void 0), {
+  } = n, T = E(n, Je), g = i || (r === void 0 ? 0 : void 0), {
     contextValue: y
   } = ve(p({}, n, {
     orientation: d,
@@ -974,7 +975,7 @@ const Se = ["children", "value", "defaultValue", "orientation", "direction", "co
     slotProps: h
   }), [k, x] = B("root", {
     ref: a,
-    elementType: Je,
+    elementType: Se,
     externalForwardedProps: L,
     additionalProps: {
       ref: a,
@@ -988,7 +989,7 @@ const Se = ["children", "value", "defaultValue", "orientation", "direction", "co
     /* @__PURE__ */ C(k, p({}, x, {
       children: /* @__PURE__ */ C(ge, {
         value: y,
-        children: /* @__PURE__ */ C(J.Provider, {
+        children: /* @__PURE__ */ C(S.Provider, {
           value: v,
           children: s
         })
@@ -996,7 +997,7 @@ const Se = ["children", "value", "defaultValue", "orientation", "direction", "co
     }))
   );
 });
-process.env.NODE_ENV !== "production" && (Ye.propTypes = {
+process.env.NODE_ENV !== "production" && (He.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │
@@ -1073,9 +1074,9 @@ process.env.NODE_ENV !== "production" && (Ye.propTypes = {
   variant: e.oneOfType([e.oneOf(["outlined", "plain", "soft", "solid"]), e.string])
 });
 export {
-  Ye as T,
+  He as T,
   Me as a,
   ke as b,
-  je as c,
+  Ue as c,
   Le as t
 };

package/chunks/{Textarea-zOtMdgc5.js → Textarea-DeMxp3Zn.js}

@@ -1,7 +1,8 @@
-import { a7 as de, S as L, _ as g, z as U, af as M, P as r, s as ue, t as pe, v as F, y as xe, A as E, X as A, E as fe } from "./PrizeCard-DF3QxwQJ.js";
+import { _ as g, t as L, N as M, P as r, r as de, s as ue, J as A } from "./PrizeCard-DgHyperX.js";
 import * as f from "react";
-import { u as ge, o as J } from "./useEventCallback-CizlfWBo.js";
-import { u as he } from "./useForwardedInput-RWDntqBU.js";
+import { u as pe, o as J } from "./useEventCallback-vbTEFVPa.js";
+import { n as xe, d as U, s as F, u as fe, a as $, c as ge } from "./Button-COvmPv4P.js";
+import { u as he } from "./useForwardedInput-DumYVfgj.js";
 import { jsxs as j, jsx as I } from "react/jsx-runtime";
 function ve(a, e = 166) {
   let p;
@@ -15,7 +16,7 @@ function ve(a, e = 166) {
     clearTimeout(p);
   }, s;
 }
-function _e(a) {
+function $e(a) {
   const {
     checked: e,
     defaultChecked: p,
@@ -25,8 +26,8 @@ function _e(a) {
     onFocus: h,
     onFocusVisible: v,
     readOnly: m,
-    required: H
-  } = a, [T, w] = ge({
+    required: S
+  } = a, [T, w] = pe({
     controlled: e,
     default: !!p,
     name: "Switch",
@@ -36,10 +37,10 @@ function _e(a) {
     t.nativeEvent.defaultPrevented || (w(t.target.checked), u == null || u(t), (i = c.onChange) == null || i.call(c, t));
   }, {
     isFocusVisibleRef: b,
-    onBlur: S,
+    onBlur: H,
     onFocus: R,
     ref: B
-  } = de(), [n, o] = f.useState(!1);
+  } = xe(), [n, o] = f.useState(!1);
   s && n && o(!1), f.useEffect(() => {
     b.current = n;
   }, [n, b]);
@@ -48,8 +49,8 @@ function _e(a) {
     l.current || (l.current = t.currentTarget), R(t), b.current === !0 && (o(!0), v == null || v(t)), h == null || h(t), (i = c.onFocus) == null || i.call(c, t);
   }, z = (c) => (t) => {
     var i;
-    S(t), b.current === !1 && o(!1), d == null || d(t), (i = c.onBlur) == null || i.call(c, t);
-  }, y = L(B, l);
+    H(t), b.current === !1 && o(!1), d == null || d(t), (i = c.onBlur) == null || i.call(c, t);
+  }, y = U(B, l);
   return {
     checked: T,
     disabled: !!s,
@@ -60,7 +61,7 @@ function _e(a) {
       disabled: s,
       readOnly: m,
       ref: y,
-      required: H,
+      required: S,
       type: "checkbox",
       role: "switch",
       "aria-checked": e
@@ -74,7 +75,7 @@ function _e(a) {
   };
 }
 const me = ["onChange", "maxRows", "minRows", "style", "value"];
-function $(a) {
+function E(a) {
   return parseInt(a, 10) || 0;
 }
 const Te = {
@@ -102,9 +103,9 @@ const q = /* @__PURE__ */ f.forwardRef(function(e, p) {
     minRows: u = 1,
     style: h,
     value: v
-  } = e, m = U(e, me), {
-    current: H
-  } = f.useRef(v != null), T = f.useRef(null), w = L(p, T), k = f.useRef(null), b = f.useRef(null), S = f.useCallback(() => {
+  } = e, m = L(e, me), {
+    current: S
+  } = f.useRef(v != null), T = f.useRef(null), w = U(p, T), k = f.useRef(null), b = f.useRef(null), H = f.useCallback(() => {
     const n = T.current, l = J(n).getComputedStyle(n);
     if (l.width === "0px")
       return {
@@ -114,7 +115,7 @@ const q = /* @__PURE__ */ f.forwardRef(function(e, p) {
     const x = b.current;
     x.style.width = l.width, x.value = n.value || e.placeholder || "x", x.value.slice(-1) === `
 ` && (x.value += " ");
-    const z = l.boxSizing, y = $(l.paddingBottom) + $(l.paddingTop), C = $(l.borderBottomWidth) + $(l.borderTopWidth), c = x.scrollHeight;
+    const z = l.boxSizing, y = E(l.paddingBottom) + E(l.paddingTop), C = E(l.borderBottomWidth) + E(l.borderTopWidth), c = x.scrollHeight;
     x.value = "x";
     const t = x.scrollHeight;
     let i = c;
@@ -125,12 +126,12 @@ const q = /* @__PURE__ */ f.forwardRef(function(e, p) {
       overflowing: N
     };
   }, [d, u, e.placeholder]), R = f.useCallback(() => {
-    const n = S();
+    const n = H();
     if (be(n))
       return;
     const o = n.outerHeightStyle, l = T.current;
     k.current !== o && (k.current = o, l.style.height = `${o}px`), l.style.overflow = n.overflowing ? "hidden" : "";
-  }, [S]);
+  }, [H]);
   M(() => {
     const n = () => {
       R();
@@ -146,11 +147,11 @@ const q = /* @__PURE__ */ f.forwardRef(function(e, p) {
     return typeof ResizeObserver < "u" && (C = new ResizeObserver(process.env.NODE_ENV === "test" ? l : n), C.observe(z)), () => {
       x.clear(), cancelAnimationFrame(o), y.removeEventListener("resize", x), C && C.disconnect();
     };
-  }, [S, R]), M(() => {
+  }, [H, R]), M(() => {
     R();
   });
   const B = (n) => {
-    H || R(), s && s(n);
+    S || R(), s && s(n);
   };
   return /* @__PURE__ */ j(f.Fragment, {
     children: [/* @__PURE__ */ I("textarea", g({
@@ -208,9 +209,9 @@ process.env.NODE_ENV !== "production" && (q.propTypes = {
   value: r.oneOfType([r.arrayOf(r.string), r.number, r.string])
 });
 function ye(a) {
-  return pe("MuiTextarea", a);
+  return ue("MuiTextarea", a);
 }
-const X = ue("MuiTextarea", ["root", "textarea", "startDecorator", "endDecorator", "formControl", "disabled", "error", "focused", "colorPrimary", "colorNeutral", "colorDanger", "colorSuccess", "colorWarning", "colorContext", "sizeSm", "sizeMd", "sizeLg", "variantPlain", "variantOutlined", "variantSoft"]), Ce = ["propsToForward", "rootStateClasses", "inputStateClasses", "getRootProps", "getInputProps", "formControl", "focused", "error", "disabled", "size", "color", "variant", "startDecorator", "endDecorator", "minRows", "maxRows", "component", "slots", "slotProps"], Re = (a) => {
+const Z = de("MuiTextarea", ["root", "textarea", "startDecorator", "endDecorator", "formControl", "disabled", "error", "focused", "colorPrimary", "colorNeutral", "colorDanger", "colorSuccess", "colorWarning", "colorContext", "sizeSm", "sizeMd", "sizeLg", "variantPlain", "variantOutlined", "variantSoft"]), Ce = ["propsToForward", "rootStateClasses", "inputStateClasses", "getRootProps", "getInputProps", "formControl", "focused", "error", "disabled", "size", "color", "variant", "startDecorator", "endDecorator", "minRows", "maxRows", "component", "slots", "slotProps"], Re = (a) => {
   const {
     disabled: e,
     variant: p,
@@ -222,7 +223,7 @@ const X = ue("MuiTextarea", ["root", "textarea", "startDecorator", "endDecorator
     startDecorator: ["startDecorator"],
     endDecorator: ["endDecorator"]
   };
-  return fe(u, ye, {});
+  return ge(u, ye, {});
 }, ze = F("div", {
   name: "JoyTextarea",
   slot: "Root",
@@ -315,7 +316,7 @@ const X = ue("MuiTextarea", ["root", "textarea", "startDecorator", "endDecorator
       // it is not common to change background on hover for Textarea
       cursor: "text"
     }),
-    [`&.${X.disabled}`]: (v = a.variants[`${e.variant}Disabled`]) == null ? void 0 : v[e.color],
+    [`&.${Z.disabled}`]: (v = a.variants[`${e.variant}Disabled`]) == null ? void 0 : v[e.color],
     "&:focus-within::before": {
       "--Textarea-focused": "1"
     }
@@ -363,7 +364,7 @@ const X = ue("MuiTextarea", ["root", "textarea", "startDecorator", "endDecorator
     color: "var(--Textarea-placeholderColor)",
     opacity: "var(--Textarea-placeholderOpacity)"
   }
-}), Se = F("div", {
+}), He = F("div", {
   name: "JoyTextarea",
   slot: "StartDecorator",
   overridesResolver: (a, e) => e.startDecorator
@@ -374,7 +375,7 @@ const X = ue("MuiTextarea", ["root", "textarea", "startDecorator", "endDecorator
   marginBlockEnd: "var(--Textarea-gap)",
   color: "var(--Textarea-decoratorColor)",
   cursor: "initial"
-}), He = F("div", {
+}), Se = F("div", {
   name: "JoyTextarea",
   slot: "EndDecorator",
   overridesResolver: (a, e) => e.endDecorator
@@ -386,13 +387,13 @@ const X = ue("MuiTextarea", ["root", "textarea", "startDecorator", "endDecorator
   color: "var(--Textarea-decoratorColor)",
   cursor: "initial"
 }), we = /* @__PURE__ */ f.forwardRef(function(e, p) {
-  var s, d, u, h, v, m, H, T;
-  const w = xe({
+  var s, d, u, h, v, m, S, T;
+  const w = fe({
     props: e,
     name: "JoyTextarea"
-  }), k = he(w, X), {
+  }), k = he(w, Z), {
     propsToForward: b,
-    rootStateClasses: S,
+    rootStateClasses: H,
     inputStateClasses: R,
     getRootProps: B,
     getInputProps: n,
@@ -407,10 +408,10 @@ const X = ue("MuiTextarea", ["root", "textarea", "startDecorator", "endDecorator
     endDecorator: i,
     minRows: P,
     maxRows: N,
-    component: Z,
-    slots: G = {},
-    slotProps: K = {}
-  } = k, Q = U(k, Ce);
+    component: G,
+    slots: K = {},
+    slotProps: Q = {}
+  } = k, X = L(k, Ce);
   if (process.env.NODE_ENV !== "production") {
     const V = o == null ? void 0 : o.registerEffect;
     f.useEffect(() => {
@@ -418,7 +419,7 @@ const X = ue("MuiTextarea", ["root", "textarea", "startDecorator", "endDecorator
         return V();
     }, [V]);
   }
-  const Y = (s = (d = e.disabled) != null ? d : o == null ? void 0 : o.disabled) != null ? s : z, W = (u = (h = e.error) != null ? h : o == null ? void 0 : o.error) != null ? u : x, ee = (v = (m = e.size) != null ? m : o == null ? void 0 : o.size) != null ? v : y, re = (H = e.color) != null ? H : W ? "danger" : (T = o == null ? void 0 : o.color) != null ? T : C, D = g({
+  const Y = (s = (d = e.disabled) != null ? d : o == null ? void 0 : o.disabled) != null ? s : z, W = (u = (h = e.error) != null ? h : o == null ? void 0 : o.error) != null ? u : x, ee = (v = (m = e.size) != null ? m : o == null ? void 0 : o.size) != null ? v : y, re = (S = e.color) != null ? S : W ? "danger" : (T = o == null ? void 0 : o.color) != null ? T : C, D = g({
     instanceColor: W ? "danger" : e.color
   }, w, {
     color: re,
@@ -427,18 +428,18 @@ const X = ue("MuiTextarea", ["root", "textarea", "startDecorator", "endDecorator
     focused: l,
     size: ee,
     variant: c
-  }), O = Re(D), _ = g({}, Q, {
-    component: Z,
-    slots: G,
-    slotProps: K
-  }), [ae, oe] = E("root", {
+  }), O = Re(D), _ = g({}, X, {
+    component: G,
+    slots: K,
+    slotProps: Q
+  }), [ae, oe] = $("root", {
     ref: p,
-    className: [O.root, S],
+    className: [O.root, H],
     elementType: ze,
     externalForwardedProps: _,
     getSlotProps: B,
     ownerState: D
-  }), [te, ne] = E("textarea", {
+  }), [te, ne] = $("textarea", {
     additionalProps: {
       id: o == null ? void 0 : o.htmlFor,
       "aria-describedby": o == null ? void 0 : o["aria-describedby"]
@@ -452,14 +453,14 @@ const X = ue("MuiTextarea", ["root", "textarea", "startDecorator", "endDecorator
     externalForwardedProps: _,
     getSlotProps: n,
     ownerState: D
-  }), [ie, se] = E("startDecorator", {
+  }), [ie, se] = $("startDecorator", {
     className: O.startDecorator,
-    elementType: Se,
+    elementType: He,
     externalForwardedProps: _,
     ownerState: D
-  }), [le, ce] = E("endDecorator", {
+  }), [le, ce] = $("endDecorator", {
     className: O.endDecorator,
-    elementType: He,
+    elementType: Se,
     externalForwardedProps: _,
     ownerState: D
   });
@@ -529,5 +530,5 @@ process.env.NODE_ENV !== "production" && (we.propTypes = {
 });
 export {
   we as T,
-  _e as u
+  $e as u
 };