fansunited-frontend-components 0.0.39 → 0.0.40

package/Discussion.js

@@ -1,12 +1,14 @@
-import { jsx as r, jsxs as F, Fragment as Me } from "react/jsx-runtime";
+import { jsx as n, jsxs as F, Fragment as De } from "react/jsx-runtime";
 import * as I from "react";
-import q, { useState as H, useEffect as be, useCallback as Ae, useRef as Ie } from "react";
-import { _ as M, j as Ke, ad as xe, l as Be, Z as We, af as Ge, s as Q, p as ue, k as pe, q as Z, K as Je, P as t, r as G, t as me, n as Ce, m as Re, Q as Co, R as Ro, av as Po, ak as So, aw as Io, as as Mo, at as Do, g as zo, a0 as le, x as te, w as ae, v as De, f as re, B as L, a5 as oe, T as W, d as J, a1 as we, am as Ne, an as To, i as Eo, c as Oo, C as $o, a as ko, E as Vo, b as wo } from "./chunks/ConstantsProvider-BPJJz9fq.js";
-import { C as No, M as _o, d as Lo, a as qe, b as Xe, S as Ee } from "./chunks/Spinner-m59ZJZ35.js";
+import J, { useState as H, useEffect as be, useCallback as Ae, useRef as Ie } from "react";
+import { _ as D, I as Ke, ad as xe, K as Be, Q as We, an as Ge, s as Y, q as ue, t as pe, v as Z, w as Je, P as t, x as G, y as me, l as Ce, m as Re, o as Co, p as Ro, av as Po, ae as So, aw as Io, as as Do, at as Mo, G as zo, A as le, k as te, j as ae, h as Me, f as re, B as L, D as oe, T as W, c as Q, a7 as we, ag as Ne, ah as To, i as Eo, a as Oo, C as $o, b as ko, E as Vo, d as wo } from "./chunks/PrizeCard-gMp7I66d.js";
+import { C as No, M as _o, d as Lo, a as qe, b as Xe, S as Ee } from "./chunks/Spinner-BBA89t5s.js";
 import { createPortal as Fo } from "react-dom";
-import { C as Ao, u as Bo, T as Ye } from "./chunks/Textarea-Bzlb89Zp.js";
-import { L as ye, l as Ho, a as jo, e as Uo, h as Oe, b as Ko, f as _e, g as Wo, d as Go, j as Jo, s as qo, V as Xo, G as Yo, k as Qo, S as Zo, R as et, q as ot, i as tt, F as $e, y as Qe, w as rt, x as nt } from "./chunks/CheckCircle-D-GH16Lb.js";
-import { g as st, A as it, N as Ze } from "./chunks/Notification-Bwcoljir.js";
+import { C as Ao, u as Bo, T as Ye } from "./chunks/Textarea-BdN2xj4j.js";
+import { F as Ho, a as jo } from "./chunks/FavoriteBorder-BHnvGBrn.js";
+import { L as ye, l as Uo, a as Ko, e as Wo, h as Oe, b as Go, f as _e, g as Jo, d as qo, j as Xo, s as Yo, V as Qo, G as Zo, k as et, S as ot, R as tt, q as rt, i as nt, F as $e, y as Qe, w as st, x as it } from "./chunks/CheckCircle-ClY-iOQ5.js";
+import { g as lt, N as Ze } from "./chunks/Notification-BTtUhfZQ.js";
+import { A as at } from "./chunks/Avatar-CQCrd1m-.js";
 const Le = /* @__PURE__ */ I.createContext(null);
 process.env.NODE_ENV !== "production" && (Le.displayName = "DropdownContext");
 const ke = {
@@ -16,18 +18,18 @@ const ke = {
   open: "dropdown:open",
   close: "dropdown:close"
 };
-function lt(o, e) {
+function ct(o, e) {
   if (e.type === ye.itemHover)
-    return M({}, o, {
+    return D({}, o, {
       highlightedValue: e.item
     });
-  const n = Ho(o, e);
-  if (n.highlightedValue === null && e.context.items.length > 0)
-    return M({}, n, {
+  const r = Uo(o, e);
+  if (r.highlightedValue === null && e.context.items.length > 0)
+    return D({}, r, {
       highlightedValue: e.context.items[0]
     });
   if (e.type === ye.keyDown && e.event.key === "Escape")
-    return M({}, n, {
+    return D({}, r, {
       open: !1
     });
   if (e.type === ye.blur) {
@@ -35,15 +37,15 @@ function lt(o, e) {
     if (!((a = e.context.listboxRef.current) != null && a.contains(e.event.relatedTarget))) {
       var l, i;
       const c = (l = e.context.listboxRef.current) == null ? void 0 : l.getAttribute("id"), s = (i = e.event.relatedTarget) == null ? void 0 : i.getAttribute("aria-controls");
-      return c && s && c === s ? n : M({}, n, {
+      return c && s && c === s ? r : D({}, r, {
         open: !1,
         highlightedValue: e.context.items[0]
       });
     }
   }
-  return n;
+  return r;
 }
-const at = {
+const dt = {
   dispatch: () => {
   },
   popupId: "",
@@ -57,8 +59,8 @@ const at = {
   },
   triggerElement: null
 };
-function ct(o = {}) {
-  var e, n;
+function ut(o = {}) {
+  var e, r;
   const {
     listboxRef: a,
     onItemsChange: l,
@@ -75,18 +77,18 @@ function ct(o = {}) {
     dispatch: C,
     triggerElement: R,
     registerPopup: S
-  } = (n = I.useContext(Le)) != null ? n : at, T = I.useRef(f), {
+  } = (r = I.useContext(Le)) != null ? r : dt, T = I.useRef(f), {
     subitems: y,
     contextValue: $
-  } = jo(), v = I.useMemo(() => Array.from(y.keys()), [y]), E = I.useCallback((m) => {
-    var D, z;
-    return m == null ? null : (D = (z = y.get(m)) == null ? void 0 : z.ref.current) != null ? D : null;
+  } = Ko(), v = I.useMemo(() => Array.from(y.keys()), [y]), E = I.useCallback((m) => {
+    var M, z;
+    return m == null ? null : (M = (z = y.get(m)) == null ? void 0 : z.ref.current) != null ? M : null;
   }, [y]), h = I.useCallback((m) => {
-    var D;
-    return (y == null || (D = y.get(m)) == null ? void 0 : D.disabled) || !1;
+    var M;
+    return (y == null || (M = y.get(m)) == null ? void 0 : M.disabled) || !1;
   }, [y]), O = I.useCallback((m) => {
-    var D, z;
-    return ((D = y.get(m)) == null ? void 0 : D.label) || ((z = y.get(m)) == null || (z = z.ref.current) == null ? void 0 : z.innerText);
+    var M, z;
+    return ((M = y.get(m)) == null ? void 0 : M.label) || ((z = y.get(m)) == null || (z = z.ref.current) == null ? void 0 : z.innerText);
   }, [y]), N = I.useMemo(() => ({
     listboxRef: p
   }), [p]), {
@@ -97,7 +99,7 @@ function ct(o = {}) {
       highlightedValue: B
     },
     rootRef: K
-  } = Uo({
+  } = Wo({
     disabledItemsFocusable: c,
     disableListWrap: s,
     focusManagement: "DOM",
@@ -113,7 +115,7 @@ function ct(o = {}) {
     onItemsChange: l,
     reducerActionContext: N,
     selectionMode: "none",
-    stateReducer: lt,
+    stateReducer: ct,
     componentName: d
   });
   Be(() => {
@@ -131,28 +133,28 @@ function ct(o = {}) {
   }, [f, u, B, y, v]), I.useEffect(() => {
     var m;
     if ((m = p.current) != null && m.contains(document.activeElement) && B !== null) {
-      var D;
-      y == null || (D = y.get(B)) == null || (D = D.ref.current) == null || D.focus();
+      var M;
+      y == null || (M = y.get(B)) == null || (M = M.ref.current) == null || M.focus();
     }
   }, [B, y]);
-  const k = (m) => (D) => {
+  const k = (m) => (M) => {
     var z, ee;
-    (z = m.onBlur) == null || z.call(m, D), !D.defaultMuiPrevented && ((ee = p.current) != null && ee.contains(D.relatedTarget) || D.relatedTarget === R || C({
+    (z = m.onBlur) == null || z.call(m, M), !M.defaultMuiPrevented && ((ee = p.current) != null && ee.contains(M.relatedTarget) || M.relatedTarget === R || C({
       type: ke.blur,
-      event: D
+      event: M
     }));
-  }, _ = (m) => (D) => {
+  }, _ = (m) => (M) => {
     var z;
-    (z = m.onKeyDown) == null || z.call(m, D), !D.defaultMuiPrevented && D.key === "Escape" && C({
+    (z = m.onKeyDown) == null || z.call(m, M), !M.defaultMuiPrevented && M.key === "Escape" && C({
       type: ke.escapeKeyDown,
-      event: D
+      event: M
     });
   }, P = (m = {}) => ({
     onBlur: k(m),
     onKeyDown: _(m)
   }), V = (m = {}) => {
-    const D = Oe(P, j), z = We(m);
-    return M({}, m, z, D(z), {
+    const M = Oe(P, j), z = We(m);
+    return D({}, m, z, M(z), {
       id: x,
       role: "menu"
     });
@@ -161,7 +163,7 @@ function ct(o = {}) {
     subitems: y,
     highlightedValue: B
   }), {
-    contextValue: M({}, $, U),
+    contextValue: D({}, $, U),
     dispatch: A,
     getListboxProps: V,
     highlightedValue: B,
@@ -171,10 +173,10 @@ function ct(o = {}) {
     triggerElement: R
   };
 }
-function dt(o) {
+function pt(o) {
   const {
     value: e,
-    children: n
+    children: r
   } = o, {
     dispatch: a,
     getItemIndex: l,
@@ -190,18 +192,18 @@ function dt(o) {
     registerItem: c,
     totalSubitemCount: s
   }), [c, l, s]);
-  return /* @__PURE__ */ r(Ko.Provider, {
+  return /* @__PURE__ */ n(Go.Provider, {
     value: d,
-    children: /* @__PURE__ */ r(_e.Provider, {
+    children: /* @__PURE__ */ n(_e.Provider, {
       value: u,
-      children: n
+      children: r
     })
   });
 }
-function ut(o) {
+function mt(o) {
   return `menu-item-${o.size}`;
 }
-const pt = {
+const ft = {
   dispatch: () => {
   },
   popupId: "",
@@ -215,42 +217,42 @@ const pt = {
   },
   triggerElement: null
 };
-function mt(o) {
+function vt(o) {
   var e;
   const {
-    disabled: n = !1,
+    disabled: r = !1,
     id: a,
     rootRef: l,
     label: i,
     disableFocusOnHover: c = !1
   } = o, s = xe(a), u = I.useRef(null), d = I.useMemo(() => ({
-    disabled: n,
+    disabled: r,
     id: s ?? "",
     label: i,
     ref: u
-  }), [n, s, i]), {
+  }), [r, s, i]), {
     dispatch: p
-  } = (e = I.useContext(Le)) != null ? e : pt, {
+  } = (e = I.useContext(Le)) != null ? e : ft, {
     getRootProps: g,
     highlighted: x
-  } = Wo({
+  } = Jo({
     item: s,
     handlePointerOverEvents: !c
   }), {
     index: f,
     totalItemCount: b
-  } = Go(s ?? ut, d), {
+  } = qo(s ?? mt, d), {
     getRootProps: C,
     focusVisible: R,
     rootRef: S
   } = Ge({
-    disabled: n,
+    disabled: r,
     focusableWhenDisabled: !0
   }), T = Ke(S, l, u);
   I.useDebugValue({
     id: s,
     highlighted: x,
-    disabled: n,
+    disabled: r,
     label: i
   });
   const y = (E) => (h) => {
@@ -259,12 +261,12 @@ function mt(o) {
       type: ke.close,
       event: h
     });
-  }, $ = (E = {}) => M({}, E, {
+  }, $ = (E = {}) => D({}, E, {
     onClick: y(E)
   });
   function v(E = {}) {
     const h = We(E), O = Oe($, Oe(C, g));
-    return M({}, E, h, O(h), {
+    return D({}, E, h, O(h), {
       id: s,
       ref: T,
       role: "menuitem"
@@ -280,7 +282,7 @@ function mt(o) {
     rootRef: T
   } : {
     getRootProps: v,
-    disabled: n,
+    disabled: r,
     focusVisible: R,
     highlighted: x,
     index: f,
@@ -288,16 +290,16 @@ function mt(o) {
     rootRef: T
   };
 }
-function ft(o) {
+function ht(o) {
   const e = I.useContext(_e);
   if (!e)
     throw new Error("MenuItem: ListContext was not found.");
-  const n = xe(o), {
+  const r = xe(o), {
     getItemState: a,
     dispatch: l
   } = e;
   let i;
-  n != null ? i = a(n) : i = {
+  r != null ? i = a(r) : i = {
     focusable: !0,
     highlighted: !1,
     selected: !1
@@ -307,38 +309,38 @@ function ft(o) {
     selected: s,
     focusable: u
   } = i, d = I.useCallback((g) => {
-    if (g !== n)
-      throw new Error(["Base UI MenuItem: Tried to access the state of another MenuItem.", `itemValue: ${g} | id: ${n}`, "This is unsupported when the MenuItem uses the MenuItemContextStabilizer as a performance optimization."].join("/n"));
+    if (g !== r)
+      throw new Error(["Base UI MenuItem: Tried to access the state of another MenuItem.", `itemValue: ${g} | id: ${r}`, "This is unsupported when the MenuItem uses the MenuItemContextStabilizer as a performance optimization."].join("/n"));
     return {
       highlighted: c,
       selected: s,
       focusable: u
     };
-  }, [c, s, u, n]);
+  }, [c, s, u, r]);
   return {
     contextValue: I.useMemo(() => ({
       dispatch: l,
       getItemState: d
     }), [l, d]),
-    id: n
+    id: r
   };
 }
-const vt = ["className", "children", "component", "inset", "orientation", "role", "slots", "slotProps"], ht = (o) => {
+const yt = ["className", "children", "component", "inset", "orientation", "role", "slots", "slotProps"], gt = (o) => {
   const {
     orientation: e,
-    inset: n
+    inset: r
   } = o, a = {
-    root: ["root", e, n && `inset${G(n)}`]
+    root: ["root", e, r && `inset${G(r)}`]
   };
-  return me(a, st, {});
-}, yt = Q("hr", {
+  return me(a, lt, {});
+}, bt = Y("hr", {
   name: "JoyDivider",
   slot: "Root",
   overridesResolver: (o, e) => e.root
 })(({
   theme: o,
   ownerState: e
-}) => M({
+}) => D({
   "--Divider-thickness": "1px",
   "--Divider-lineColor": o.vars.palette.divider
 }, e.inset === "none" && {
@@ -353,7 +355,7 @@ const vt = ["className", "children", "component", "inset", "orientation", "role"
   position: "relative",
   alignSelf: "stretch",
   flexShrink: 0
-}, e.children ? M({
+}, e.children ? D({
   "--Divider-gap": o.spacing(1),
   "--Divider-childPosition": "50%",
   display: "flex",
@@ -389,7 +391,7 @@ const vt = ["className", "children", "component", "inset", "orientation", "role"
   // use logical size + background is better than border because they work with gradient.
   inlineSize: e.orientation === "vertical" ? "var(--Divider-thickness)" : "initial",
   blockSize: e.orientation === "vertical" ? "initial" : "var(--Divider-thickness)"
-})), Fe = /* @__PURE__ */ I.forwardRef(function(e, n) {
+})), Fe = /* @__PURE__ */ I.forwardRef(function(e, r) {
   const a = ue({
     props: e,
     name: "JoyDivider"
@@ -402,22 +404,22 @@ const vt = ["className", "children", "component", "inset", "orientation", "role"
     role: d = c !== "hr" ? "separator" : void 0,
     slots: p = {},
     slotProps: g = {}
-  } = a, x = pe(a, vt), f = M({}, a, {
+  } = a, x = pe(a, yt), f = D({}, a, {
     inset: s,
     role: d,
     orientation: u,
     component: c
-  }), b = ht(f), C = M({}, x, {
+  }), b = gt(f), C = D({}, x, {
     component: c,
     slots: p,
     slotProps: g
   }), [R, S] = Z("root", {
-    ref: n,
+    ref: r,
     className: Je(b.root, l),
-    elementType: yt,
+    elementType: bt,
     externalForwardedProps: C,
     ownerState: f,
-    additionalProps: M({
+    additionalProps: D({
       as: c,
       role: d
     }, d === "separator" && u === "vertical" && {
@@ -426,7 +428,7 @@ const vt = ["className", "children", "component", "inset", "orientation", "role"
       "aria-orientation": "vertical"
     })
   });
-  return /* @__PURE__ */ r(R, M({}, S, {
+  return /* @__PURE__ */ n(R, D({}, S, {
     children: i
   }));
 });
@@ -481,22 +483,22 @@ process.env.NODE_ENV !== "production" && (Fe.propTypes = {
   sx: t.oneOfType([t.arrayOf(t.oneOfType([t.func, t.object, t.bool])), t.func, t.object])
 });
 Fe.muiName = "Divider";
-function gt(o) {
+function xt(o) {
   return Ce("MuiMenu", o);
 }
 Re("MuiMenu", ["root", "listbox", "expanded", "colorPrimary", "colorNeutral", "colorDanger", "colorSuccess", "colorWarning", "colorContext", "variantPlain", "variantOutlined", "variantSoft", "variantSolid", "sizeSm", "sizeMd", "sizeLg"]);
-const bt = ["actions", "children", "color", "component", "disablePortal", "keepMounted", "id", "invertedColors", "onItemsChange", "modifiers", "variant", "size", "slots", "slotProps"], xt = (o) => {
+const Ct = ["actions", "children", "color", "component", "disablePortal", "keepMounted", "id", "invertedColors", "onItemsChange", "modifiers", "variant", "size", "slots", "slotProps"], Rt = (o) => {
   const {
     open: e,
-    variant: n,
+    variant: r,
     color: a,
     size: l
   } = o, i = {
-    root: ["root", e && "expanded", n && `variant${G(n)}`, a && `color${G(a)}`, l && `size${G(l)}`],
+    root: ["root", e && "expanded", r && `variant${G(r)}`, a && `color${G(a)}`, l && `size${G(l)}`],
     listbox: ["listbox"]
   };
-  return me(i, gt, {});
-}, He = Q(Jo, {
+  return me(i, xt, {});
+}, He = Y(Xo, {
   name: "JoyMenu",
   slot: "Root",
   overridesResolver: (o, e) => e.root
@@ -504,14 +506,14 @@ const bt = ["actions", "children", "color", "component", "disablePortal", "keepM
   theme: o,
   ownerState: e
 }) => {
-  var n, a;
-  const l = (n = o.variants[e.variant]) == null ? void 0 : n[e.color];
-  return [M({
+  var r, a;
+  const l = (r = o.variants[e.variant]) == null ? void 0 : r[e.color];
+  return [D({
     "--focus-outline-offset": `calc(${o.vars.focus.thickness} * -1)`,
     // to prevent the focus outline from being cut by overflow
     "--ListItem-stickyBackground": (l == null ? void 0 : l.backgroundColor) || (l == null ? void 0 : l.background) || o.vars.palette.background.popup,
     "--ListItem-stickyTop": "calc(var(--List-padding, var(--ListDivider-gap)) * -1)"
-  }, qo, {
+  }, Yo, {
     borderRadius: `var(--List-radius, ${o.vars.radius.sm})`,
     boxShadow: o.shadow.md,
     overflow: "auto",
@@ -520,7 +522,7 @@ const bt = ["actions", "children", "color", "component", "disablePortal", "keepM
   }, !(l != null && l.backgroundColor) && {
     backgroundColor: o.vars.palette.background.popup
   }, e.variant === "solid" && e.color && e.invertedColors && Co(e.color)(o), e.variant === "soft" && e.color && e.invertedColors && Ro(e.color)(o), (a = o.variants[e.variant]) == null ? void 0 : a[e.color])];
-}), eo = /* @__PURE__ */ I.forwardRef(function(e, n) {
+}), eo = /* @__PURE__ */ I.forwardRef(function(e, r) {
   var a;
   const l = ue({
     props: e,
@@ -540,16 +542,16 @@ const bt = ["actions", "children", "color", "component", "disablePortal", "keepM
     size: R = "md",
     slots: S = {},
     slotProps: T = {}
-  } = l, y = pe(l, bt), {
+  } = l, y = pe(l, Ct), {
     contextValue: $,
     getListboxProps: v,
     dispatch: E,
     open: h,
     triggerElement: O
-  } = ct({
+  } = ut({
     onItemsChange: f,
     id: g,
-    listboxRef: n
+    listboxRef: r
   });
   I.useImperativeHandle(i, () => ({
     dispatch: E,
@@ -558,7 +560,7 @@ const bt = ["actions", "children", "color", "component", "disablePortal", "keepM
       event: null
     })
   }), [E]);
-  const N = M({}, l, {
+  const N = D({}, l, {
     disablePortal: d,
     invertedColors: x,
     color: s,
@@ -567,7 +569,7 @@ const bt = ["actions", "children", "color", "component", "disablePortal", "keepM
     open: h,
     nesting: !1,
     row: !1
-  }), A = xt(N), j = M({}, y, {
+  }), A = Rt(N), j = D({}, y, {
     component: u,
     slots: S,
     slotProps: T
@@ -591,20 +593,20 @@ const bt = ["actions", "children", "color", "component", "disablePortal", "keepM
     },
     className: A.root
   });
-  return /* @__PURE__ */ r(He, M({}, B, !((a = l.slots) != null && a.root) && {
+  return /* @__PURE__ */ n(He, D({}, B, !((a = l.slots) != null && a.root) && {
     as: So,
     slots: {
       root: u || "ul"
     }
   }, {
-    children: /* @__PURE__ */ r(dt, {
+    children: /* @__PURE__ */ n(pt, {
       value: $,
-      children: /* @__PURE__ */ r(Xo, {
+      children: /* @__PURE__ */ n(Qo, {
         variant: x ? void 0 : C,
         color: s,
-        children: /* @__PURE__ */ r(Yo.Provider, {
+        children: /* @__PURE__ */ n(Zo.Provider, {
           value: "menu",
-          children: /* @__PURE__ */ r(Qo, {
+          children: /* @__PURE__ */ n(et, {
             nested: !0,
             children: c
           })
@@ -720,30 +722,30 @@ process.env.NODE_ENV !== "production" && (eo.propTypes = {
    */
   variant: t.oneOfType([t.oneOf(["outlined", "plain", "soft", "solid"]), t.string])
 });
-function Ct(o) {
+function Pt(o) {
   return Ce("MuiMenuItem", o);
 }
 Re("MuiMenuItem", ["root", "focusVisible", "disabled", "selected", "colorPrimary", "colorNeutral", "colorDanger", "colorSuccess", "colorWarning", "colorContext", "variantPlain", "variantSoft", "variantOutlined", "variantSolid"]);
-const Rt = ["children", "disabled", "component", "selected", "color", "orientation", "variant", "slots", "slotProps", "id"], Pt = (o) => {
+const St = ["children", "disabled", "component", "selected", "color", "orientation", "variant", "slots", "slotProps", "id"], It = (o) => {
   const {
     focusVisible: e,
-    disabled: n,
+    disabled: r,
     selected: a,
     color: l,
     variant: i
   } = o, c = {
-    root: ["root", e && "focusVisible", n && "disabled", a && "selected", l && `color${G(l)}`, i && `variant${G(i)}`]
+    root: ["root", e && "focusVisible", r && "disabled", a && "selected", l && `color${G(l)}`, i && `variant${G(i)}`]
   };
-  return me(c, Ct, {});
-}, St = Q(Zo, {
+  return me(c, Pt, {});
+}, Dt = Y(ot, {
   name: "JoyMenuItem",
   slot: "Root",
   overridesResolver: (o, e) => e.root
-})({}), It = /* @__PURE__ */ I.memo(/* @__PURE__ */ I.forwardRef(function(e, n) {
+})({}), Mt = /* @__PURE__ */ I.memo(/* @__PURE__ */ I.forwardRef(function(e, r) {
   const a = ue({
     props: e,
     name: "JoyMenuItem"
-  }), l = I.useContext(et), {
+  }), l = I.useContext(tt), {
     children: i,
     disabled: c = !1,
     component: s = "li",
@@ -754,18 +756,18 @@ const Rt = ["children", "disabled", "component", "selected", "color", "orientati
     slots: x = {},
     slotProps: f = {},
     id: b
-  } = a, C = pe(a, Rt), {
+  } = a, C = pe(a, St), {
     variant: R = g,
     color: S = d
-  } = ot(e.variant, e.color), {
+  } = rt(e.variant, e.color), {
     getRootProps: T,
     disabled: y,
     focusVisible: $
-  } = mt({
+  } = vt({
     id: b,
     disabled: c,
-    rootRef: n
-  }), v = M({}, a, {
+    rootRef: r
+  }), v = D({}, a, {
     component: s,
     color: S,
     disabled: y,
@@ -774,34 +776,34 @@ const Rt = ["children", "disabled", "component", "selected", "color", "orientati
     selected: u,
     row: l,
     variant: R
-  }), E = Pt(v), h = M({}, C, {
+  }), E = It(v), h = D({}, C, {
     component: s,
     slots: x,
     slotProps: f
   }), [O, N] = Z("root", {
-    ref: n,
-    elementType: St,
+    ref: r,
+    elementType: Dt,
     getSlotProps: T,
     externalForwardedProps: h,
     className: E.root,
     ownerState: v
   });
-  return /* @__PURE__ */ r(tt.Provider, {
+  return /* @__PURE__ */ n(nt.Provider, {
     value: p,
-    children: /* @__PURE__ */ r(O, M({}, N, {
+    children: /* @__PURE__ */ n(O, D({}, N, {
       children: i
     }))
   });
-})), Ve = /* @__PURE__ */ I.forwardRef(function(e, n) {
+})), Ve = /* @__PURE__ */ I.forwardRef(function(e, r) {
   const {
     contextValue: a,
     id: l
-  } = ft(e.id);
-  return /* @__PURE__ */ r(_e.Provider, {
+  } = ht(e.id);
+  return /* @__PURE__ */ n(_e.Provider, {
     value: a,
-    children: /* @__PURE__ */ r(It, M({}, e, {
+    children: /* @__PURE__ */ n(Mt, D({}, e, {
       id: l,
-      ref: n
+      ref: r
     }))
   });
 });
@@ -816,23 +818,23 @@ process.env.NODE_ENV !== "production" && (Ve.propTypes = {
   children: t.node,
   id: t.string
 });
-function Mt(o) {
+function zt(o) {
   return Ce("MuiModalClose", o);
 }
 Re("MuiModalClose", ["root", "colorPrimary", "colorNeutral", "colorDanger", "colorSuccess", "colorWarning", "colorContext", "variantPlain", "variantOutlined", "variantSoft", "variantSolid", "sizeSm", "sizeMd", "sizeLg"]);
 var je;
-const Dt = ["component", "color", "variant", "size", "onClick", "slots", "slotProps"], zt = (o) => {
+const Tt = ["component", "color", "variant", "size", "onClick", "slots", "slotProps"], Et = (o) => {
   const {
     variant: e,
-    color: n,
+    color: r,
     disabled: a,
     focusVisible: l,
     size: i
   } = o, c = {
-    root: ["root", a && "disabled", l && "focusVisible", e && `variant${G(e)}`, n && `color${G(n)}`, i && `size${G(i)}`]
+    root: ["root", a && "disabled", l && "focusVisible", e && `variant${G(e)}`, r && `color${G(r)}`, i && `size${G(i)}`]
   };
-  return me(c, Mt, {});
-}, Tt = Q(Mo, {
+  return me(c, zt, {});
+}, Ot = Y(Do, {
   name: "JoyModalClose",
   slot: "Root",
   overridesResolver: (o, e) => e.root
@@ -840,8 +842,8 @@ const Dt = ["component", "color", "variant", "size", "onClick", "slots", "slotPr
   ownerState: o,
   theme: e
 }) => {
-  var n;
-  return M({}, o.size === "sm" && {
+  var r;
+  return D({}, o.size === "sm" && {
     "--IconButton-size": "1.75rem"
   }, o.size === "md" && {
     "--IconButton-size": "2rem"
@@ -854,15 +856,15 @@ const Dt = ["component", "color", "variant", "size", "onClick", "slots", "slotPr
     top: "var(--ModalClose-inset, 0.625rem)",
     right: "var(--ModalClose-inset, 0.625rem)",
     borderRadius: `var(--ModalClose-radius, ${e.vars.radius.sm})`
-  }, !((n = e.variants[o.variant]) != null && (n = n[o.color]) != null && n.backgroundColor) && {
+  }, !((r = e.variants[o.variant]) != null && (r = r[o.color]) != null && r.backgroundColor) && {
     color: e.vars.palette.text.secondary
   });
-}), Et = {
+}), $t = {
   plain: "plain",
   outlined: "plain",
   soft: "soft",
   solid: "solid"
-}, oo = /* @__PURE__ */ I.forwardRef(function(e, n) {
+}, oo = /* @__PURE__ */ I.forwardRef(function(e, r) {
   var a, l, i, c, s, u;
   const d = ue({
     props: e,
@@ -875,22 +877,22 @@ const Dt = ["component", "color", "variant", "size", "onClick", "slots", "slotPr
     onClick: b,
     slots: C = {},
     slotProps: R = {}
-  } = d, S = pe(d, Dt), T = I.useContext(No), y = I.useContext(_o), $ = (a = (l = e.variant) != null ? l : Et[y == null ? void 0 : y.variant]) != null ? a : x, v = (i = (c = e.color) != null ? c : y == null ? void 0 : y.color) != null ? i : g, E = I.useContext(Lo), h = (s = (u = e.size) != null ? u : E) != null ? s : f, {
+  } = d, S = pe(d, Tt), T = I.useContext(No), y = I.useContext(_o), $ = (a = (l = e.variant) != null ? l : $t[y == null ? void 0 : y.variant]) != null ? a : x, v = (i = (c = e.color) != null ? c : y == null ? void 0 : y.color) != null ? i : g, E = I.useContext(Lo), h = (s = (u = e.size) != null ? u : E) != null ? s : f, {
     focusVisible: O,
     getRootProps: N
-  } = Ge(M({}, d, {
-    rootRef: n
-  })), A = M({}, d, {
+  } = Ge(D({}, d, {
+    rootRef: r
+  })), A = D({}, d, {
     color: v,
     component: p,
     variant: $,
     size: h,
     focusVisible: O
-  }), j = zt(A), [U, B] = Z("root", {
-    ref: n,
-    elementType: Tt,
+  }), j = Et(A), [U, B] = Z("root", {
+    ref: r,
+    elementType: Ot,
     getSlotProps: N,
-    externalForwardedProps: M({
+    externalForwardedProps: D({
       onClick: (K) => {
         T == null || T(K, "closeClick"), b == null || b(K);
       }
@@ -902,8 +904,8 @@ const Dt = ["component", "color", "variant", "size", "onClick", "slots", "slotPr
     className: j.root,
     ownerState: A
   });
-  return /* @__PURE__ */ r(U, M({}, B, {
-    children: je || (je = /* @__PURE__ */ r(Ao, {}))
+  return /* @__PURE__ */ n(U, D({}, B, {
+    children: je || (je = /* @__PURE__ */ n(Ao, {}))
   }));
 });
 process.env.NODE_ENV !== "production" && (oo.propTypes = {
@@ -958,39 +960,39 @@ process.env.NODE_ENV !== "production" && (oo.propTypes = {
    */
   variant: t.oneOfType([t.oneOf(["outlined", "plain", "soft", "solid"]), t.string])
 });
-function Ot(o) {
+function kt(o) {
   return Ce("MuiRadio", o);
 }
-const ge = Re("MuiRadio", ["root", "radio", "icon", "action", "input", "label", "checked", "disabled", "focusVisible", "colorPrimary", "colorDanger", "colorNeutral", "colorSuccess", "colorWarning", "colorContext", "sizeSm", "sizeMd", "sizeLg", "variantOutlined", "variantSoft", "variantSolid"]), $t = ["checked", "checkedIcon", "defaultChecked", "disabled", "disableIcon", "overlay", "label", "id", "name", "onBlur", "onChange", "onFocus", "onFocusVisible", "readOnly", "required", "color", "variant", "size", "uncheckedIcon", "value", "component", "slots", "slotProps"], kt = (o) => {
+const ge = Re("MuiRadio", ["root", "radio", "icon", "action", "input", "label", "checked", "disabled", "focusVisible", "colorPrimary", "colorDanger", "colorNeutral", "colorSuccess", "colorWarning", "colorContext", "sizeSm", "sizeMd", "sizeLg", "variantOutlined", "variantSoft", "variantSolid"]), Vt = ["checked", "checkedIcon", "defaultChecked", "disabled", "disableIcon", "overlay", "label", "id", "name", "onBlur", "onChange", "onFocus", "onFocusVisible", "readOnly", "required", "color", "variant", "size", "uncheckedIcon", "value", "component", "slots", "slotProps"], wt = (o) => {
   const {
     checked: e,
-    disabled: n,
+    disabled: r,
     disableIcon: a,
     focusVisible: l,
     color: i,
     variant: c,
     size: s
   } = o, u = {
-    root: ["root", e && "checked", n && "disabled", l && "focusVisible", c && `variant${G(c)}`, i && `color${G(i)}`, s && `size${G(s)}`],
-    radio: ["radio", e && "checked", n && "disabled"],
+    root: ["root", e && "checked", r && "disabled", l && "focusVisible", c && `variant${G(c)}`, i && `color${G(i)}`, s && `size${G(s)}`],
+    radio: ["radio", e && "checked", r && "disabled"],
     // disabled class is necessary for displaying global variant
     icon: ["icon"],
     action: [
       "action",
       e && "checked",
-      a && n && "disabled",
+      a && r && "disabled",
       // add disabled class to action element for displaying global variant
       l && "focusVisible"
     ],
     input: ["input"],
     label: ["label"]
   };
-  return me(u, Ot, {});
+  return me(u, kt, {});
 };
-function Vt(o, e) {
+function Nt(o, e) {
   return typeof e == "object" && e !== null ? o === e : String(o) === String(e);
 }
-const wt = Q("span", {
+const _t = Y("span", {
   name: "JoyRadio",
   slot: "Root",
   overridesResolver: (o, e) => e.root
@@ -998,8 +1000,8 @@ const wt = Q("span", {
   ownerState: o,
   theme: e
 }) => {
-  var n, a, l;
-  return [M({
+  var r, a, l;
+  return [D({
     "--Icon-fontSize": "var(--Radio-size)",
     "--Icon-color": "currentColor"
   }, o.size === "sm" && {
@@ -1034,7 +1036,7 @@ const wt = Q("span", {
     // prevent label from having larger height than the checkbox
     color: e.vars.palette.text.primary,
     [`&.${ge.disabled}`]: {
-      color: (n = e.variants.plainDisabled) == null || (n = n[o.color]) == null ? void 0 : n.color
+      color: (r = e.variants.plainDisabled) == null || (r = r[o.color]) == null ? void 0 : r.color
     }
   }, o.disableIcon && {
     color: (a = e.variants[o.variant]) == null || (a = a[o.color]) == null ? void 0 : a.color,
@@ -1045,7 +1047,7 @@ const wt = Q("span", {
     marginInlineStart: o.orientation === "horizontal" ? "var(--RadioGroup-gap)" : void 0,
     marginBlockStart: o.orientation === "horizontal" ? void 0 : "var(--RadioGroup-gap)"
   })];
-}), Nt = Q("span", {
+}), Lt = Y("span", {
   name: "JoyRadio",
   slot: "Radio",
   overridesResolver: (o, e) => e.radio
@@ -1053,9 +1055,9 @@ const wt = Q("span", {
   ownerState: o,
   theme: e
 }) => {
-  var n, a, l, i, c;
-  const s = (n = e.variants[`${o.variant}`]) == null ? void 0 : n[o.color];
-  return [M({
+  var r, a, l, i, c;
+  const s = (r = e.variants[`${o.variant}`]) == null ? void 0 : r[o.color];
+  return [D({
     "--Icon-color": o.color !== "neutral" || o.variant === "solid" ? "currentColor" : e.vars.palette.text.icon,
     margin: 0,
     boxSizing: "border-box",
@@ -1072,7 +1074,7 @@ const wt = Q("span", {
     [`&.${ge.checked}`]: {
       "--Icon-color": "currentColor"
     }
-  }), ...o.disableIcon ? [] : [M({}, s, {
+  }), ...o.disableIcon ? [] : [D({}, s, {
     backgroundColor: (a = s == null ? void 0 : s.backgroundColor) != null ? a : e.vars.palette.background.surface
   }), {
     "&:hover": {
@@ -1083,7 +1085,7 @@ const wt = Q("span", {
   }, {
     [`&.${ge.disabled}`]: (c = e.variants[`${o.variant}Disabled`]) == null ? void 0 : c[o.color]
   }]];
-}), _t = Q("span", {
+}), Ft = Y("span", {
   name: "JoyRadio",
   slot: "Action",
   overridesResolver: (o, e) => e.action
@@ -1091,7 +1093,7 @@ const wt = Q("span", {
   theme: o,
   ownerState: e
 }) => {
-  var n, a, l, i;
+  var r, a, l, i;
   return [{
     position: "absolute",
     textAlign: "left",
@@ -1106,7 +1108,7 @@ const wt = Q("span", {
     zIndex: 1,
     // The action element usually cover the area of nearest positioned parent
     [o.focus.selector]: o.focus.default
-  }, ...e.disableIcon ? [(n = o.variants[e.variant]) == null ? void 0 : n[e.color], {
+  }, ...e.disableIcon ? [(r = o.variants[e.variant]) == null ? void 0 : r[e.color], {
     "&:hover": {
       "@media (hover: hover)": (a = o.variants[`${e.variant}Hover`]) == null ? void 0 : a[e.color]
     }
@@ -1115,7 +1117,7 @@ const wt = Q("span", {
   }, {
     [`&.${ge.disabled}`]: (i = o.variants[`${e.variant}Disabled`]) == null ? void 0 : i[e.color]
   }] : []];
-}), Lt = Q("input", {
+}), At = Y("input", {
   name: "JoyRadio",
   slot: "Input",
   overridesResolver: (o, e) => e.input
@@ -1126,13 +1128,13 @@ const wt = Q("span", {
   height: "100%",
   width: "100%",
   cursor: "pointer"
-})), Ft = Q("label", {
+})), Bt = Y("label", {
   name: "JoyRadio",
   slot: "Label",
   overridesResolver: (o, e) => e.label
 })(({
   ownerState: o
-}) => M({
+}) => D({
   flex: 1,
   minWidth: 0
 }, o.disableIcon && {
@@ -1140,7 +1142,7 @@ const wt = Q("span", {
   // label should stay on top of the action.
   pointerEvents: "none"
   // makes hover ineffect.
-})), At = Q("span", {
+})), Ht = Y("span", {
   name: "JoyRadio",
   slot: "Icon",
   overridesResolver: (o, e) => e.icon
@@ -1153,7 +1155,7 @@ const wt = Q("span", {
   color: "inherit",
   backgroundColor: "currentColor",
   transform: o.checked ? "scale(1)" : "scale(0)"
-})), to = /* @__PURE__ */ I.forwardRef(function(e, n) {
+})), to = /* @__PURE__ */ I.forwardRef(function(e, r) {
   var a, l, i, c, s, u, d;
   const p = ue({
     props: e,
@@ -1182,7 +1184,7 @@ const wt = Q("span", {
     component: k,
     slots: _ = {},
     slotProps: P = {}
-  } = p, V = pe(p, $t), m = I.useContext($e);
+  } = p, V = pe(p, Vt), m = I.useContext($e);
   if (process.env.NODE_ENV !== "production") {
     const Te = m == null ? void 0 : m.registerEffect;
     I.useEffect(() => {
@@ -1190,8 +1192,8 @@ const wt = Q("span", {
         return Te();
     }, [Te]);
   }
-  const D = xe(T ?? (m == null ? void 0 : m.htmlFor)), z = I.useContext(Qe), ee = m != null && m.error ? "danger" : (a = (l = (i = e.color) != null ? i : m == null ? void 0 : m.color) != null ? l : A) != null ? a : "primary", fe = m != null && m.error ? "danger" : (c = (s = (u = e.color) != null ? u : m == null ? void 0 : m.color) != null ? s : A) != null ? c : "neutral", ve = e.size || (m == null ? void 0 : m.size) || (z == null ? void 0 : z.size) || U, Pe = e.name || (z == null ? void 0 : z.name) || y, ne = e.disableIcon || (z == null ? void 0 : z.disableIcon) || C, Se = e.overlay || (z == null ? void 0 : z.overlay) || R, w = {
-    checked: typeof g > "u" && K != null ? Vt(z == null ? void 0 : z.value, K) : g,
+  const M = xe(T ?? (m == null ? void 0 : m.htmlFor)), z = I.useContext(Qe), ee = m != null && m.error ? "danger" : (a = (l = (i = e.color) != null ? i : m == null ? void 0 : m.color) != null ? l : A) != null ? a : "primary", fe = m != null && m.error ? "danger" : (c = (s = (u = e.color) != null ? u : m == null ? void 0 : m.color) != null ? s : A) != null ? c : "neutral", ve = e.size || (m == null ? void 0 : m.size) || (z == null ? void 0 : z.size) || U, Pe = e.name || (z == null ? void 0 : z.name) || y, ne = e.disableIcon || (z == null ? void 0 : z.disableIcon) || C, Se = e.overlay || (z == null ? void 0 : z.overlay) || R, w = {
+    checked: typeof g > "u" && K != null ? Nt(z == null ? void 0 : z.value, K) : g,
     defaultChecked: f,
     disabled: e.disabled || (m == null ? void 0 : m.disabled) || b,
     onBlur: $,
@@ -1199,12 +1201,12 @@ const wt = Q("span", {
     onFocus: E,
     onFocusVisible: h
   }, {
-    getInputProps: X,
-    checked: Y,
+    getInputProps: q,
+    checked: X,
     disabled: he,
     focusVisible: se
-  } = Bo(w), lo = (d = e.color) != null ? d : Y ? ee : fe, ie = M({}, p, {
-    checked: Y,
+  } = Bo(w), lo = (d = e.color) != null ? d : X ? ee : fe, ie = D({}, p, {
+    checked: X,
     disabled: he,
     focusVisible: se,
     color: lo,
@@ -1213,36 +1215,36 @@ const wt = Q("span", {
     disableIcon: ne,
     overlay: Se,
     orientation: z == null ? void 0 : z.orientation
-  }), ce = kt(ie), de = M({}, V, {
+  }), ce = wt(ie), de = D({}, V, {
     component: k,
     slots: _,
     slotProps: P
   }), [ao, co] = Z("root", {
-    ref: n,
+    ref: r,
     className: ce.root,
-    elementType: wt,
+    elementType: _t,
     externalForwardedProps: de,
     ownerState: ie
   }), [uo, po] = Z("radio", {
     className: ce.radio,
-    elementType: Nt,
+    elementType: Lt,
     externalForwardedProps: de,
     ownerState: ie
   }), [mo, fo] = Z("icon", {
     className: ce.icon,
-    elementType: At,
+    elementType: Ht,
     externalForwardedProps: de,
     ownerState: ie
   }), [vo, ho] = Z("action", {
     className: ce.action,
-    elementType: _t,
+    elementType: Ft,
     externalForwardedProps: de,
     ownerState: ie
   }), [yo, go] = Z("input", {
     additionalProps: {
       type: "radio",
       role: void 0,
-      id: D,
+      id: M,
       name: Pe,
       readOnly: O,
       required: N ?? (m == null ? void 0 : m.required),
@@ -1250,28 +1252,28 @@ const wt = Q("span", {
       "aria-describedby": m == null ? void 0 : m["aria-describedby"]
     },
     className: ce.input,
-    elementType: Lt,
+    elementType: At,
     externalForwardedProps: de,
-    getSlotProps: () => X({
+    getSlotProps: () => q({
       onChange: z == null ? void 0 : z.onChange
     }),
     ownerState: ie
   }), [bo, xo] = Z("label", {
     additionalProps: {
-      htmlFor: D
+      htmlFor: M
     },
     className: ce.label,
-    elementType: Ft,
+    elementType: Bt,
     externalForwardedProps: de,
     ownerState: ie
   });
-  return /* @__PURE__ */ F(ao, M({}, co, {
-    children: [/* @__PURE__ */ F(uo, M({}, po, {
-      children: [Y && !ne && x, !Y && !ne && B, !x && !B && !ne && /* @__PURE__ */ r(mo, M({}, fo)), /* @__PURE__ */ r(vo, M({}, ho, {
-        children: /* @__PURE__ */ r(yo, M({}, go))
+  return /* @__PURE__ */ F(ao, D({}, co, {
+    children: [/* @__PURE__ */ F(uo, D({}, po, {
+      children: [X && !ne && x, !X && !ne && B, !x && !B && !ne && /* @__PURE__ */ n(mo, D({}, fo)), /* @__PURE__ */ n(vo, D({}, ho, {
+        children: /* @__PURE__ */ n(yo, D({}, go))
       }))]
-    })), S && /* @__PURE__ */ r(bo, M({}, xo, {
-      children: /* @__PURE__ */ r(Do.Provider, {
+    })), S && /* @__PURE__ */ n(bo, D({}, xo, {
+      children: /* @__PURE__ */ n(Mo.Provider, {
         value: !0,
         children: S
       })
@@ -1415,21 +1417,21 @@ process.env.NODE_ENV !== "production" && (to.propTypes = {
    */
   variant: t.oneOfType([t.oneOf(["outlined", "plain", "soft", "solid"]), t.string])
 });
-function Bt(o) {
+function jt(o) {
   return Ce("MuiRadioGroup", o);
 }
 Re("MuiRadioGroup", ["root", "colorPrimary", "colorNeutral", "colorDanger", "colorSuccess", "colorWarning", "variantPlain", "variantOutlined", "variantSoft", "variantSolid", "sizeSm", "sizeMd", "sizeLg", "horizontal", "vertical"]);
-const Ht = ["className", "component", "children", "name", "defaultValue", "disableIcon", "overlay", "value", "onChange", "color", "variant", "size", "orientation", "role", "slots", "slotProps"], jt = (o) => {
+const Ut = ["className", "component", "children", "name", "defaultValue", "disableIcon", "overlay", "value", "onChange", "color", "variant", "size", "orientation", "role", "slots", "slotProps"], Kt = (o) => {
   const {
     orientation: e,
-    size: n,
+    size: r,
     variant: a,
     color: l
   } = o, i = {
-    root: ["root", e, a && `variant${G(a)}`, l && `color${G(l)}`, n && `size${G(n)}`]
+    root: ["root", e, a && `variant${G(a)}`, l && `color${G(l)}`, r && `size${G(r)}`]
   };
-  return me(i, Bt, {});
-}, Ut = Q("div", {
+  return me(i, jt, {});
+}, Wt = Y("div", {
   name: "JoyRadioGroup",
   slot: "Root",
   overridesResolver: (o, e) => e.root
@@ -1437,8 +1439,8 @@ const Ht = ["className", "component", "children", "name", "defaultValue", "disab
   ownerState: o,
   theme: e
 }) => {
-  var n;
-  return M({}, o.size === "sm" && {
+  var r;
+  return D({}, o.size === "sm" && {
     "--RadioGroup-gap": "0.625rem"
   }, o.size === "md" && {
     "--RadioGroup-gap": "0.875rem"
@@ -1449,8 +1451,8 @@ const Ht = ["className", "component", "children", "name", "defaultValue", "disab
     margin: "var(--unstable_RadioGroup-margin)",
     flexDirection: o.orientation === "horizontal" ? "row" : "column",
     borderRadius: e.vars.radius.sm
-  }, (n = e.variants[o.variant]) == null ? void 0 : n[o.color]);
-}), ro = /* @__PURE__ */ I.forwardRef(function(e, n) {
+  }, (r = e.variants[o.variant]) == null ? void 0 : r[o.color]);
+}), ro = /* @__PURE__ */ I.forwardRef(function(e, r) {
   const a = ue({
     props: e,
     name: "JoyRadioGroup"
@@ -1471,17 +1473,17 @@ const Ht = ["className", "component", "children", "name", "defaultValue", "disab
     role: S = "radiogroup",
     slots: T = {},
     slotProps: y = {}
-  } = a, $ = pe(a, Ht), [v, E] = zo({
+  } = a, $ = pe(a, Ut), [v, E] = zo({
     controlled: g,
     default: u,
     name: "RadioGroup"
-  }), h = I.useContext($e), O = e.size || (h == null ? void 0 : h.size) || C, N = M({
+  }), h = I.useContext($e), O = e.size || (h == null ? void 0 : h.size) || C, N = D({
     orientation: R,
     size: O,
     variant: b,
     color: f,
     role: S
-  }, a), A = jt(N), j = xe(s);
+  }, a), A = Kt(N), j = xe(s);
   if (process.env.NODE_ENV !== "production") {
     const k = h == null ? void 0 : h.registerEffect;
     I.useEffect(() => {
@@ -1500,10 +1502,10 @@ const Ht = ["className", "component", "children", "name", "defaultValue", "disab
       E(k.target.value), x && x(k);
     }
   }), [d, j, x, p, R, E, O, v]), [B, K] = Z("root", {
-    ref: n,
+    ref: r,
     className: Je(A.root, l),
-    elementType: Ut,
-    externalForwardedProps: M({}, $, {
+    elementType: Wt,
+    externalForwardedProps: D({}, $, {
       component: i,
       slots: T,
       slotProps: y
@@ -1520,12 +1522,12 @@ const Ht = ["className", "component", "children", "name", "defaultValue", "disab
       "aria-describedby": h == null ? void 0 : h["aria-describedby"]
     }
   });
-  return /* @__PURE__ */ r(Qe.Provider, {
+  return /* @__PURE__ */ n(Qe.Provider, {
     value: U,
-    children: /* @__PURE__ */ r(B, M({}, K, {
-      children: /* @__PURE__ */ r($e.Provider, {
+    children: /* @__PURE__ */ n(B, D({}, K, {
+      children: /* @__PURE__ */ n($e.Provider, {
         value: void 0,
-        children: I.Children.map(c, (k, _) => /* @__PURE__ */ I.isValidElement(k) ? /* @__PURE__ */ I.cloneElement(k, M({}, _ === 0 && {
+        children: I.Children.map(c, (k, _) => /* @__PURE__ */ I.isValidElement(k) ? /* @__PURE__ */ I.cloneElement(k, D({}, _ === 0 && {
           "data-first-child": ""
         }, _ === I.Children.count(c) - 1 && {
           "data-last-child": ""
@@ -1627,8 +1629,8 @@ process.env.NODE_ENV !== "production" && (ro.propTypes = {
    */
   variant: t.oneOfType([t.oneOf(["outlined", "plain", "soft", "solid"]), t.string])
 });
-const Kt = (o, e) => {
-  const [n, a] = H(null), [l, i] = H(!0), [c, s] = H(null), [u, d] = H(!1);
+const Gt = (o, e) => {
+  const [r, a] = H(null), [l, i] = H(!0), [c, s] = H(null), [u, d] = H(!1);
   return be(() => {
     e && (async () => {
       try {
@@ -1641,8 +1643,8 @@ const Kt = (o, e) => {
         i(!1);
       }
     })();
-  }, [o, e]), { discussion: n, setDiscussion: a, isLoading: l, error: c, isNotFound: u };
-}, Wt = (o, e, n = null, a = "", l = "LATEST", i = 20, c, s = !1) => {
+  }, [o, e]), { discussion: r, setDiscussion: a, isLoading: l, error: c, isNotFound: u };
+}, Jt = (o, e, r = null, a = "", l = "LATEST", i = 20, c, s = !1) => {
   const [u, d] = H([]), [p, g] = H(!0), [x, f] = H(!1), [b, C] = H(null), [R, S] = H(l), [T, y] = H(
     null
   ), [$, v] = H(!1), E = Ae(
@@ -1650,20 +1652,20 @@ const Kt = (o, e) => {
       var V, m;
       try {
         g(!0);
-        const D = await o.discussions.getPosts(e, {
+        const M = await o.discussions.getPosts(e, {
           sort: k,
           limit: i,
           startAfter: _,
           skipDeleted: !0,
           skipModerated: !s
-        }), z = D.data;
+        }), z = M.data;
         d(P ? (fe) => [...fe, ...z] : z);
-        const ee = !!((V = D.meta.pagination) != null && V.nextPageStartsAfter) && z.length === i;
+        const ee = !!((V = M.meta.pagination) != null && V.nextPageStartsAfter) && z.length === i;
         y(
-          ((m = D.meta.pagination) == null ? void 0 : m.nextPageStartsAfter) || null
+          ((m = M.meta.pagination) == null ? void 0 : m.nextPageStartsAfter) || null
         ), v(ee), C(null);
-      } catch (D) {
-        (o.helpers.getSDKConfiguration().errorHandlingMode === "standard" ? D.error.code === 404 : D.data.error.code === 404) ? (d([]), v(!1), y(null), C(null)) : C(b);
+      } catch (M) {
+        (o.helpers.getSDKConfiguration().errorHandlingMode === "standard" ? M.error.code === 404 : M.data.error.code === 404) ? (d([]), v(!1), y(null), C(null)) : C(b);
       } finally {
         g(!1);
       }
@@ -1698,7 +1700,7 @@ const Kt = (o, e) => {
           content: k,
           replyId: _ || null,
           userNickname: null,
-          discussionLabel: n,
+          discussionLabel: r,
           discussionUrl: a,
           context: {
             content: null,
@@ -1713,7 +1715,7 @@ const Kt = (o, e) => {
         }
         d(
           _ ? (m) => m.map(
-            (D) => D.id === _ ? { ...D, repliesCount: (D.repliesCount || 0) + 1 } : D
+            (M) => M.id === _ ? { ...M, repliesCount: (M.repliesCount || 0) + 1 } : M
           ) : (m) => [V, ...m]
         ), c == null || c(1), C(null);
       } catch (P) {
@@ -1762,13 +1764,13 @@ const Kt = (o, e) => {
 }, no = ({
   onSubmit: o,
   userIsLoggedIn: e,
-  onSignInClick: n,
+  onSignInClick: r,
   placeholder: a,
   isSubmitting: l,
   replyTo: i,
   onCancel: c
 }) => {
-  const { t: s } = le(), [u, d] = H(""), p = te(), g = ae(), x = De(), f = re(), b = p.palette.primary.plainColor, C = p.palette.primary.onPrimary, R = async (S) => {
+  const { t: s } = le(), [u, d] = H(""), p = te(), g = ae(), x = Me(), f = re(), b = p.palette.primary.plainColor, C = p.palette.primary.onPrimary, R = async (S) => {
     if (S.preventDefault(), !!u.trim())
       try {
         await o(u), d("");
@@ -1777,10 +1779,10 @@ const Kt = (o, e) => {
       }
   };
   return e ? /* @__PURE__ */ F(L, { component: "form", onSubmit: R, sx: { mb: f.lg }, children: [
-    i && /* @__PURE__ */ r(W, { level: "body-sm", sx: { mb: f.xs, color: p.textSecondary }, children: s("discussion.replyingTo", "Replying to {{name}}", {
+    i && /* @__PURE__ */ n(W, { level: "body-sm", sx: { mb: f.xs, color: p.textSecondary }, children: s("discussion.replyingTo", "Replying to {{name}}", {
       name: i
     }) }),
-    /* @__PURE__ */ r(
+    /* @__PURE__ */ n(
       Ye,
       {
         placeholder: a || s("discussion.writeComment", "Write a comment..."),
@@ -1807,7 +1809,7 @@ const Kt = (o, e) => {
       }
     ),
     /* @__PURE__ */ F(L, { sx: { display: "flex", gap: f.xs, justifyContent: "flex-end" }, children: [
-      c && /* @__PURE__ */ r(
+      c && /* @__PURE__ */ n(
         oe,
         {
           variant: "plain",
@@ -1824,7 +1826,7 @@ const Kt = (o, e) => {
           children: s("common.cancel", "Cancel")
         }
       ),
-      /* @__PURE__ */ r(
+      /* @__PURE__ */ n(
         oe,
         {
           type: "submit",
@@ -1850,12 +1852,12 @@ const Kt = (o, e) => {
         }
       )
     ] })
-  ] }) : /* @__PURE__ */ r(L, { sx: { mb: f.lg }, children: /* @__PURE__ */ r(
+  ] }) : /* @__PURE__ */ n(L, { sx: { mb: f.lg }, children: /* @__PURE__ */ n(
     oe,
     {
       fullWidth: !0,
       variant: "outlined",
-      onClick: n,
+      onClick: r,
       sx: {
         py: f.sm,
         fontFamily: x.primary,
@@ -1870,66 +1872,62 @@ const Kt = (o, e) => {
       children: s("discussion.signInToPost", "Sign in to post")
     }
   ) });
-}, Gt = J(/* @__PURE__ */ r("path", {
+}, qt = Q(/* @__PURE__ */ n("path", {
   d: "M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6zM19 4h-3.5l-1-1h-5l-1 1H5v2h14z"
-}), "Delete"), Jt = J(/* @__PURE__ */ r("path", {
+}), "Delete"), Xt = Q(/* @__PURE__ */ n("path", {
   d: "M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2M8.5 8c.83 0 1.5.67 1.5 1.5S9.33 11 8.5 11 7 10.33 7 9.5 7.67 8 8.5 8M12 18c-2.28 0-4.22-1.66-5-4h10c-.78 2.34-2.72 4-5 4m3.5-7c-.83 0-1.5-.67-1.5-1.5S14.67 8 15.5 8s1.5.67 1.5 1.5-.67 1.5-1.5 1.5"
-}), "EmojiEmotions"), qt = J(/* @__PURE__ */ r("path", {
-  d: "m12 21.35-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54z"
-}), "Favorite"), Xt = J(/* @__PURE__ */ r("path", {
-  d: "M16.5 3c-1.74 0-3.41.81-4.5 2.09C10.91 3.81 9.24 3 7.5 3 4.42 3 2 5.42 2 8.5c0 3.78 3.4 6.86 8.55 11.54L12 21.35l1.45-1.32C18.6 15.36 22 12.28 22 8.5 22 5.42 19.58 3 16.5 3m-4.4 15.55-.1.1-.1-.1C7.14 14.24 4 11.39 4 8.5 4 6.5 5.5 5 7.5 5c1.54 0 3.04.99 3.57 2.36h1.87C13.46 5.99 14.96 5 16.5 5c2 0 3.5 1.5 3.5 3.5 0 2.89-3.14 5.74-7.9 10.05"
-}), "FavoriteBorder"), Yt = J(/* @__PURE__ */ r("path", {
+}), "EmojiEmotions"), Yt = Q(/* @__PURE__ */ n("path", {
   d: "M14.4 6 14 4H5v17h2v-7h5.6l.4 2h7V6z"
-}), "Flag"), Qt = J(/* @__PURE__ */ r("path", {
+}), "Flag"), Qt = Q(/* @__PURE__ */ n("path", {
   d: "M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2M12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8m3.5-9c.83 0 1.5-.67 1.5-1.5S16.33 8 15.5 8 14 8.67 14 9.5s.67 1.5 1.5 1.5m-7 0c.83 0 1.5-.67 1.5-1.5S9.33 8 8.5 8 7 8.67 7 9.5 7.67 11 8.5 11m3.5 3c-2.33 0-4.31 1.46-5.11 3.5h10.22c-.8-2.04-2.78-3.5-5.11-3.5"
-}), "MoodBad"), Zt = J(/* @__PURE__ */ r("path", {
+}), "MoodBad"), Zt = Q(/* @__PURE__ */ n("path", {
   d: "M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2m0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2m0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2"
-}), "MoreVert"), er = J(/* @__PURE__ */ r("path", {
+}), "MoreVert"), er = Q(/* @__PURE__ */ n("path", {
   d: "M7 11v2h10v-2zm5-9C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8"
-}), "RemoveCircleOutline"), or = J(/* @__PURE__ */ r("path", {
+}), "RemoveCircleOutline"), or = Q(/* @__PURE__ */ n("path", {
   d: "M10 9V5l-7 7 7 7v-4.1c5 0 8.5 1.6 11 5.1-1-5-4-10-11-11"
-}), "Reply"), tr = J([/* @__PURE__ */ r("circle", {
+}), "Reply"), tr = Q([/* @__PURE__ */ n("circle", {
   cx: "15.5",
   cy: "9.5",
   r: "1.5"
-}, "0"), /* @__PURE__ */ r("circle", {
+}, "0"), /* @__PURE__ */ n("circle", {
   cx: "8.5",
   cy: "9.5",
   r: "1.5"
-}, "1"), /* @__PURE__ */ r("path", {
+}, "1"), /* @__PURE__ */ n("path", {
   d: "M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2M12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8m0-4c-.73 0-1.38-.18-1.96-.52-.12.14-.86.98-1.01 1.15.86.55 1.87.87 2.97.87 1.11 0 2.12-.33 2.98-.88-.97-1.09-.01-.02-1.01-1.15-.59.35-1.24.53-1.97.53"
-}, "2")], "SentimentSatisfied"), rr = J([/* @__PURE__ */ r("circle", {
+}, "2")], "SentimentSatisfied"), rr = Q([/* @__PURE__ */ n("circle", {
   cx: "15.5",
   cy: "9.5",
   r: "1.5"
-}, "0"), /* @__PURE__ */ r("circle", {
+}, "0"), /* @__PURE__ */ n("circle", {
   cx: "8.5",
   cy: "9.5",
   r: "1.5"
-}, "1"), /* @__PURE__ */ r("path", {
+}, "1"), /* @__PURE__ */ n("path", {
   d: "M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2M12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8m0-6c-2.33 0-4.32 1.45-5.12 3.5h1.67c.69-1.19 1.97-2 3.45-2s2.75.81 3.45 2h1.67c-.8-2.05-2.79-3.5-5.12-3.5"
-}, "2")], "SentimentVeryDissatisfied"), nr = J(/* @__PURE__ */ r("path", {
+}, "2")], "SentimentVeryDissatisfied"), nr = Q(/* @__PURE__ */ n("path", {
   d: "M15 3H6c-.83 0-1.54.5-1.84 1.22l-3.02 7.05c-.09.23-.14.47-.14.73v2c0 1.1.9 2 2 2h6.31l-.95 4.57-.03.32c0 .41.17.79.44 1.06L9.83 23l6.59-6.59c.36-.36.58-.86.58-1.41V5c0-1.1-.9-2-2-2m4 0v12h4V3z"
-}), "ThumbDown"), sr = J(/* @__PURE__ */ r("path", {
+}), "ThumbDown"), sr = Q(/* @__PURE__ */ n("path", {
   d: "M1 21h4V9H1zm22-11c0-1.1-.9-2-2-2h-6.31l.95-4.57.03-.32c0-.41-.17-.79-.44-1.06L14.17 1 7.59 7.59C7.22 7.95 7 8.45 7 9v10c0 1.1.9 2 2 2h9c.83 0 1.54-.5 1.84-1.22l3.02-7.05c.09-.23.14-.47.14-.73z"
 }), "ThumbUp"), ir = {
-  LIKE: /* @__PURE__ */ r(sr, { fontSize: "small" }),
-  DISLIKE: /* @__PURE__ */ r(nr, { fontSize: "small" }),
-  LOVE: /* @__PURE__ */ r(qt, { fontSize: "small" }),
-  LAUGH: /* @__PURE__ */ r(tr, { fontSize: "small" }),
-  CARE: /* @__PURE__ */ r(Xt, { fontSize: "small" }),
-  WOW: /* @__PURE__ */ r(Jt, { fontSize: "small" }),
-  SAD: /* @__PURE__ */ r(rr, { fontSize: "small" }),
-  ANGRY: /* @__PURE__ */ r(Qt, { fontSize: "small" })
+  LIKE: /* @__PURE__ */ n(sr, { fontSize: "small" }),
+  DISLIKE: /* @__PURE__ */ n(nr, { fontSize: "small" }),
+  LOVE: /* @__PURE__ */ n(Ho, { fontSize: "small" }),
+  LAUGH: /* @__PURE__ */ n(tr, { fontSize: "small" }),
+  CARE: /* @__PURE__ */ n(jo, { fontSize: "small" }),
+  WOW: /* @__PURE__ */ n(Xt, { fontSize: "small" }),
+  SAD: /* @__PURE__ */ n(rr, { fontSize: "small" }),
+  ANGRY: /* @__PURE__ */ n(Qt, { fontSize: "small" })
 }, Ue = ({
   reaction: o,
   count: e,
-  isActive: n,
+  isActive: r,
   onClick: a,
   disabled: l
 }) => {
   const i = te(), c = re(), s = (d) => d >= 1e6 ? (d / 1e6).toFixed(1).replace(/\.0$/, "") + "M" : d >= 1e3 ? (d / 1e3).toFixed(1).replace(/\.0$/, "") + "K" : d.toString(), u = () => {
-    if (!n) return i.textSecondary;
+    if (!r) return i.textSecondary;
     switch (o) {
       case "LIKE":
         return i.palette.primary.plainColor;
@@ -1953,7 +1951,7 @@ const Kt = (o, e) => {
         px: c.sm,
         py: c["2xs"],
         borderRadius: "18px",
-        backgroundColor: n ? `${i.palette.neutral.softBg}` : "transparent",
+        backgroundColor: r ? `${i.palette.neutral.softBg}` : "transparent",
         color: u(),
         "&:hover": {
           backgroundColor: `${i.palette.neutral.softHoverBg}`
@@ -1963,7 +1961,7 @@ const Kt = (o, e) => {
       },
       onClick: l ? void 0 : a,
       children: [
-        /* @__PURE__ */ r(
+        /* @__PURE__ */ n(
           L,
           {
             sx: {
@@ -1975,12 +1973,12 @@ const Kt = (o, e) => {
             children: ir[o]
           }
         ),
-        e > 0 && /* @__PURE__ */ r(
+        e > 0 && /* @__PURE__ */ n(
           W,
           {
             level: "body-sm",
             sx: {
-              color: n ? u() : i.textPrimary,
+              color: r ? u() : i.textPrimary,
               fontWeight: 500
             },
             children: s(e)
@@ -1990,7 +1988,7 @@ const Kt = (o, e) => {
     }
   );
 }, so = (o, e) => {
-  const [n, a] = H(null);
+  const [r, a] = H(null);
   return be(() => {
     (async () => {
       if (e)
@@ -2001,11 +1999,11 @@ const Kt = (o, e) => {
           console.error("Failed to get current user ID:", i);
         }
     })();
-  }, [e, o]), n;
+  }, [e, o]), r;
 }, lr = ({
   post: o,
   sdk: e,
-  userIsLoggedIn: n,
+  userIsLoggedIn: r,
   onSignInClick: a,
   onReact: l,
   showReactions: i = !0,
@@ -2013,7 +2011,7 @@ const Kt = (o, e) => {
   onReplyClick: s
 }) => {
   var S, T, y, $;
-  const { t: u } = le(), d = te(), p = ae(), g = De(), x = re(), f = so(e, n), C = (() => {
+  const { t: u } = le(), d = te(), p = ae(), g = Me(), x = re(), f = so(e, r), C = (() => {
     if (!f || !o.reactions)
       return null;
     for (const v of o.reactions)
@@ -2021,7 +2019,7 @@ const Kt = (o, e) => {
         return v.type;
     return null;
   })(), R = (v) => {
-    if (!n) {
+    if (!r) {
       a == null || a();
       return;
     }
@@ -2038,35 +2036,35 @@ const Kt = (o, e) => {
         mb: x.xs
       },
       children: [
-        i && /* @__PURE__ */ F(Me, { children: [
-          /* @__PURE__ */ r(
+        i && /* @__PURE__ */ F(De, { children: [
+          /* @__PURE__ */ n(
             Ue,
             {
               reaction: "LIKE",
               count: ((T = (S = o.reactions) == null ? void 0 : S.find((v) => v.type === "LIKE")) == null ? void 0 : T.reactionCount) || 0,
               isActive: C === "LIKE",
               onClick: () => R("LIKE"),
-              disabled: !n
+              disabled: !r
             }
           ),
-          /* @__PURE__ */ r(
+          /* @__PURE__ */ n(
             Ue,
             {
               reaction: "DISLIKE",
               count: (($ = (y = o.reactions) == null ? void 0 : y.find((v) => v.type === "DISLIKE")) == null ? void 0 : $.reactionCount) || 0,
               isActive: C === "DISLIKE",
               onClick: () => R("DISLIKE"),
-              disabled: !n
+              disabled: !r
             }
           )
         ] }),
-        c && /* @__PURE__ */ r(
+        c && /* @__PURE__ */ n(
           oe,
           {
             size: "sm",
             variant: "plain",
             onClick: s,
-            startDecorator: /* @__PURE__ */ r(or, { fontSize: "small" }),
+            startDecorator: /* @__PURE__ */ n(or, { fontSize: "small" }),
             sx: {
               ml: x.xs,
               fontFamily: g.primary,
@@ -2091,11 +2089,11 @@ const Kt = (o, e) => {
 }, ar = ({
   isOwnPost: o,
   canReport: e,
-  onDelete: n,
+  onDelete: r,
   onReport: a
 }) => {
-  const { t: l } = le(), { shadowRootElement: i } = we(Ne), c = ae(), s = te(), u = re(), [d, p] = q.useState(null), g = q.useRef(null);
-  if (q.useEffect(() => {
+  const { t: l } = le(), { shadowRootElement: i } = we(Ne), c = ae(), s = te(), u = re(), [d, p] = J.useState(null), g = J.useRef(null);
+  if (J.useEffect(() => {
     if (!d) return;
     const b = (R) => {
       const S = R.composedPath();
@@ -2121,8 +2119,8 @@ const Kt = (o, e) => {
       color: `${s.textPrimary} !important`
     }
   };
-  return /* @__PURE__ */ F(Me, { children: [
-    /* @__PURE__ */ r(
+  return /* @__PURE__ */ F(De, { children: [
+    /* @__PURE__ */ n(
       To,
       {
         size: "sm",
@@ -2135,7 +2133,7 @@ const Kt = (o, e) => {
             bgcolor: `${s.textPrimary}14`
           }
         },
-        children: /* @__PURE__ */ r(Zt, { fontSize: "small" })
+        children: /* @__PURE__ */ n(Zt, { fontSize: "small" })
       }
     ),
     /* @__PURE__ */ F(
@@ -2152,11 +2150,11 @@ const Kt = (o, e) => {
             Ve,
             {
               onClick: () => {
-                p(null), n();
+                p(null), r();
               },
               sx: f,
               children: [
-                /* @__PURE__ */ r(Gt, { fontSize: "small", sx: { mr: u.xs } }),
+                /* @__PURE__ */ n(qt, { fontSize: "small", sx: { mr: u.xs } }),
                 l("discussion.delete.action", "Delete")
               ]
             }
@@ -2169,7 +2167,7 @@ const Kt = (o, e) => {
               },
               sx: f,
               children: [
-                /* @__PURE__ */ r(Yt, { fontSize: "small", sx: { mr: u.xs } }),
+                /* @__PURE__ */ n(Yt, { fontSize: "small", sx: { mr: u.xs } }),
                 l("discussion.report.action", "Report")
               ]
             }
@@ -2181,14 +2179,14 @@ const Kt = (o, e) => {
 }, cr = ({
   open: o,
   onClose: e,
-  onConfirm: n,
+  onConfirm: r,
   onError: a,
   container: l
 }) => {
-  const { t: i } = le(), c = te(), s = ae(), u = De(), d = re(), p = c.palette.primary.plainColor, g = c.palette.primary.onPrimary, [x, f] = H(!1), b = async () => {
+  const { t: i } = le(), c = te(), s = ae(), u = Me(), d = re(), p = c.palette.primary.plainColor, g = c.palette.primary.onPrimary, [x, f] = H(!1), b = async () => {
     f(!0);
     try {
-      await n(), e();
+      await r(), e();
     } catch {
       a(
         i(
@@ -2200,7 +2198,7 @@ const Kt = (o, e) => {
       f(!1);
     }
   };
-  return /* @__PURE__ */ r(qe, { open: o, onClose: e, container: l, children: /* @__PURE__ */ F(
+  return /* @__PURE__ */ n(qe, { open: o, onClose: e, container: l, children: /* @__PURE__ */ F(
     Xe,
     {
       sx: {
@@ -2212,7 +2210,7 @@ const Kt = (o, e) => {
         maxWidth: 400
       },
       children: [
-        /* @__PURE__ */ r(
+        /* @__PURE__ */ n(
           W,
           {
             level: "title-lg",
@@ -2220,12 +2218,12 @@ const Kt = (o, e) => {
             children: i("discussion.delete.title", "Delete comment")
           }
         ),
-        /* @__PURE__ */ r(W, { level: "body-sm", sx: { mb: d.lg, color: c.textSecondary }, children: i(
+        /* @__PURE__ */ n(W, { level: "body-sm", sx: { mb: d.lg, color: c.textSecondary }, children: i(
           "discussion.delete.description",
           "Are you sure you want to delete this comment? This action cannot be undone."
         ) }),
         /* @__PURE__ */ F(L, { sx: { display: "flex", gap: d.xs, justifyContent: "flex-end" }, children: [
-          /* @__PURE__ */ r(
+          /* @__PURE__ */ n(
             oe,
             {
               variant: "plain",
@@ -2239,7 +2237,7 @@ const Kt = (o, e) => {
               children: i("common.cancel", "Cancel")
             }
           ),
-          /* @__PURE__ */ r(
+          /* @__PURE__ */ n(
             oe,
             {
               variant: "solid",
@@ -2296,17 +2294,17 @@ const Kt = (o, e) => {
 ], ur = ({
   open: o,
   onClose: e,
-  onSubmit: n,
+  onSubmit: r,
   onSuccess: a,
   onError: l,
   container: i
 }) => {
-  const { t: c } = le(), s = te(), u = ae(), d = De(), p = re(), g = s.palette.primary.plainColor, x = s.palette.primary.onPrimary, [f, b] = H(""), [C, R] = H(""), [S, T] = H(!1), y = () => {
+  const { t: c } = le(), s = te(), u = ae(), d = Me(), p = re(), g = s.palette.primary.plainColor, x = s.palette.primary.onPrimary, [f, b] = H(""), [C, R] = H(""), [S, T] = H(!1), y = () => {
     e(), b(""), R("");
   }, $ = async () => {
     T(!0);
     try {
-      await n(
+      await r(
         f,
         f === "OTHER" ? C : void 0
       ), a(
@@ -2326,7 +2324,7 @@ const Kt = (o, e) => {
       T(!1);
     }
   };
-  return /* @__PURE__ */ r(qe, { open: o, onClose: y, container: i, children: /* @__PURE__ */ F(
+  return /* @__PURE__ */ n(qe, { open: o, onClose: y, container: i, children: /* @__PURE__ */ F(
     Xe,
     {
       sx: {
@@ -2338,7 +2336,7 @@ const Kt = (o, e) => {
         maxWidth: 440
       },
       children: [
-        /* @__PURE__ */ r(
+        /* @__PURE__ */ n(
           oo,
           {
             sx: {
@@ -2347,7 +2345,7 @@ const Kt = (o, e) => {
             }
           }
         ),
-        /* @__PURE__ */ r(
+        /* @__PURE__ */ n(
           W,
           {
             level: "title-lg",
@@ -2355,17 +2353,17 @@ const Kt = (o, e) => {
             children: c("discussion.report.title", "Report post")
           }
         ),
-        /* @__PURE__ */ r(W, { level: "body-sm", sx: { mb: p.md, color: s.textSecondary }, children: c(
+        /* @__PURE__ */ n(W, { level: "body-sm", sx: { mb: p.md, color: s.textSecondary }, children: c(
           "discussion.report.description",
           "Why are you reporting this post?"
         ) }),
-        /* @__PURE__ */ r(
+        /* @__PURE__ */ n(
           ro,
           {
             value: f,
             onChange: (v) => b(v.target.value),
             sx: { gap: p.xs, mb: p.md },
-            children: dr.map((v) => /* @__PURE__ */ r(
+            children: dr.map((v) => /* @__PURE__ */ n(
               to,
               {
                 value: v.value,
@@ -2391,7 +2389,7 @@ const Kt = (o, e) => {
             ))
           }
         ),
-        f === "OTHER" && /* @__PURE__ */ r(
+        f === "OTHER" && /* @__PURE__ */ n(
           Ye,
           {
             placeholder: c(
@@ -2418,7 +2416,7 @@ const Kt = (o, e) => {
           }
         ),
         /* @__PURE__ */ F(L, { sx: { display: "flex", gap: p.xs, justifyContent: "flex-end" }, children: [
-          /* @__PURE__ */ r(
+          /* @__PURE__ */ n(
             oe,
             {
               variant: "plain",
@@ -2432,7 +2430,7 @@ const Kt = (o, e) => {
               children: c("common.cancel", "Cancel")
             }
           ),
-          /* @__PURE__ */ r(
+          /* @__PURE__ */ n(
             oe,
             {
               variant: "solid",
@@ -2462,12 +2460,12 @@ const Kt = (o, e) => {
     }
   ) });
 }, pr = (o, e) => {
-  const n = new Date(o), l = (/* @__PURE__ */ new Date()).getTime() - n.getTime(), i = Math.floor(l / 6e4), c = Math.floor(l / 36e5), s = Math.floor(l / 864e5);
-  return i < 1 ? e("discussion.justNow", "Just now") : i < 60 ? e("discussion.minutesAgo", "{{count}}m ago", { count: i }) : c < 24 ? e("discussion.hoursAgo", "{{count}}h ago", { count: c }) : s < 7 ? e("discussion.daysAgo", "{{count}}d ago", { count: s }) : n.toLocaleDateString();
+  const r = new Date(o), l = (/* @__PURE__ */ new Date()).getTime() - r.getTime(), i = Math.floor(l / 6e4), c = Math.floor(l / 36e5), s = Math.floor(l / 864e5);
+  return i < 1 ? e("discussion.justNow", "Just now") : i < 60 ? e("discussion.minutesAgo", "{{count}}m ago", { count: i }) : c < 24 ? e("discussion.hoursAgo", "{{count}}h ago", { count: c }) : s < 7 ? e("discussion.daysAgo", "{{count}}d ago", { count: s }) : r.toLocaleDateString();
 }, io = ({
   post: o,
   sdk: e,
-  userIsLoggedIn: n,
+  userIsLoggedIn: r,
   onSignInClick: a,
   showReactions: l = !0,
   showReplies: i = !0,
@@ -2484,10 +2482,10 @@ const Kt = (o, e) => {
   onDeleteSuccess: R
 }) => {
   var Pe, ne, Se, ze;
-  const { t: S } = le(), { shadowRootElement: T } = we(Ne), y = te(), $ = ae(), v = re(), E = so(e, n), [h, O] = H(!1), [N, A] = H([]), [j, U] = H(!1), [B, K] = H(!1), [k, _] = H(!1), [P, V] = H({ open: !1, variant: "success", title: "", message: "" }), m = !!(n && E && o.userId === E), D = async (w) => {
+  const { t: S } = le(), { shadowRootElement: T } = we(Ne), y = te(), $ = ae(), v = re(), E = so(e, r), [h, O] = H(!1), [N, A] = H([]), [j, U] = H(!1), [B, K] = H(!1), [k, _] = H(!1), [P, V] = H({ open: !1, variant: "success", title: "", message: "" }), m = !!(r && E && o.userId === E), M = async (w) => {
     var se;
-    const X = f === 1 && b || o.id, Y = ((se = o.userModel) == null ? void 0 : se.name) || o.anonymousNickname || S("discussion.anonymous", "Anonymous"), he = f === 1 ? `@${Y} ${w}` : w;
-    await s(X, he), O(!1), f === 1 && C ? C() : f === 0 && (U(!0), z());
+    const q = f === 1 && b || o.id, X = ((se = o.userModel) == null ? void 0 : se.name) || o.anonymousNickname || S("discussion.anonymous", "Anonymous"), he = f === 1 ? `@${X} ${w}` : w;
+    await s(q, he), O(!1), f === 1 && C ? C() : f === 0 && (U(!0), z());
   }, z = async () => {
     if (!(!i || f >= 2))
       try {
@@ -2505,19 +2503,19 @@ const Kt = (o, e) => {
     j && N.length === 0 && z();
   }, [j]);
   const ee = async (w) => {
-    await d(w, o.id), A((X) => X.filter((Y) => Y.id !== w));
-  }, fe = async (w, X) => {
-    const Y = await u(w, X);
-    Y && N.length > 0 && A(
-      (he) => he.map((se) => se.id === w ? Y : se)
+    await d(w, o.id), A((q) => q.filter((X) => X.id !== w));
+  }, fe = async (w, q) => {
+    const X = await u(w, q);
+    X && N.length > 0 && A(
+      (he) => he.map((se) => se.id === w ? X : se)
     );
-  }, ve = (w, X) => {
-    V({ open: !0, variant: X, title: "", message: w });
+  }, ve = (w, q) => {
+    V({ open: !0, variant: q, title: "", message: w });
   };
   return /* @__PURE__ */ F(L, { sx: { mb: v.md, ml: f > 0 ? v.xl : 0 }, children: [
     /* @__PURE__ */ F(L, { sx: { display: "flex", gap: v.sm }, children: [
-      /* @__PURE__ */ r(
-        it,
+      /* @__PURE__ */ n(
+        at,
         {
           src: (Pe = o.userModel) == null ? void 0 : Pe.avatar,
           alt: ((ne = o.userModel) == null ? void 0 : ne.name) || o.anonymousNickname || "User",
@@ -2527,13 +2525,13 @@ const Kt = (o, e) => {
       ),
       /* @__PURE__ */ F(L, { sx: { flex: 1, minWidth: 0 }, children: [
         /* @__PURE__ */ F(L, { sx: { display: "flex", alignItems: "center", gap: v.xs, mb: v["2xs"] }, children: [
-          /* @__PURE__ */ r(W, { level: "title-sm", sx: { color: y.textPrimary }, children: ((Se = o.userModel) == null ? void 0 : Se.name) || o.anonymousNickname || S("discussion.anonymous", "Anonymous") }),
-          /* @__PURE__ */ r(W, { level: "body-xs", sx: { color: y.textSecondary }, children: pr(o.createdAt, S) }),
-          /* @__PURE__ */ r(
+          /* @__PURE__ */ n(W, { level: "title-sm", sx: { color: y.textPrimary }, children: ((Se = o.userModel) == null ? void 0 : Se.name) || o.anonymousNickname || S("discussion.anonymous", "Anonymous") }),
+          /* @__PURE__ */ n(W, { level: "body-xs", sx: { color: y.textSecondary }, children: pr(o.createdAt, S) }),
+          /* @__PURE__ */ n(
             ar,
             {
               isOwnPost: m,
-              canReport: !!(c && n && !m),
+              canReport: !!(c && r && !m),
               onDelete: () => K(!0),
               onReport: () => _(!0)
             }
@@ -2555,7 +2553,7 @@ const Kt = (o, e) => {
               gap: v.xs
             },
             children: [
-              /* @__PURE__ */ r(
+              /* @__PURE__ */ n(
                 er,
                 {
                   sx: {
@@ -2566,7 +2564,7 @@ const Kt = (o, e) => {
                   }
                 }
               ),
-              /* @__PURE__ */ r(
+              /* @__PURE__ */ n(
                 W,
                 {
                   level: "body-sm",
@@ -2579,7 +2577,7 @@ const Kt = (o, e) => {
               )
             ]
           }
-        ) : /* @__PURE__ */ r(
+        ) : /* @__PURE__ */ n(
           W,
           {
             level: "body-sm",
@@ -2587,12 +2585,12 @@ const Kt = (o, e) => {
             children: o.content
           }
         ),
-        /* @__PURE__ */ r(
+        /* @__PURE__ */ n(
           lr,
           {
             post: o,
             sdk: e,
-            userIsLoggedIn: n,
+            userIsLoggedIn: r,
             onSignInClick: a,
             onReact: u,
             showReactions: l,
@@ -2600,7 +2598,7 @@ const Kt = (o, e) => {
             onReplyClick: () => O(!h)
           }
         ),
-        i && o.repliesCount > 0 && /* @__PURE__ */ r(L, { sx: { mb: v.xs }, children: /* @__PURE__ */ F(
+        i && o.repliesCount > 0 && /* @__PURE__ */ n(L, { sx: { mb: v.xs }, children: /* @__PURE__ */ F(
           W,
           {
             level: "body-sm",
@@ -2621,11 +2619,11 @@ const Kt = (o, e) => {
             ]
           }
         ) }),
-        h && /* @__PURE__ */ r(L, { sx: { mt: v.md }, children: /* @__PURE__ */ r(
+        h && /* @__PURE__ */ n(L, { sx: { mt: v.md }, children: /* @__PURE__ */ n(
           no,
           {
-            onSubmit: D,
-            userIsLoggedIn: n,
+            onSubmit: M,
+            userIsLoggedIn: r,
             onSignInClick: a,
             placeholder: S("discussion.writeReply", "Write a reply..."),
             isSubmitting: g,
@@ -2633,12 +2631,12 @@ const Kt = (o, e) => {
             onCancel: () => O(!1)
           }
         ) }),
-        j && N.length > 0 && /* @__PURE__ */ r(L, { sx: { mt: v.md }, children: N.map((w) => /* @__PURE__ */ r(
+        j && N.length > 0 && /* @__PURE__ */ n(L, { sx: { mt: v.md }, children: N.map((w) => /* @__PURE__ */ n(
           io,
           {
             post: w,
             sdk: e,
-            userIsLoggedIn: n,
+            userIsLoggedIn: r,
             onSignInClick: a,
             showReactions: l,
             showReplies: i,
@@ -2658,7 +2656,7 @@ const Kt = (o, e) => {
         )) })
       ] })
     ] }),
-    /* @__PURE__ */ r(
+    /* @__PURE__ */ n(
       cr,
       {
         open: B,
@@ -2670,18 +2668,18 @@ const Kt = (o, e) => {
         container: T
       }
     ),
-    /* @__PURE__ */ r(
+    /* @__PURE__ */ n(
       ur,
       {
         open: k,
         onClose: () => _(!1),
-        onSubmit: (w, X) => p(o.id, w, X),
+        onSubmit: (w, q) => p(o.id, w, q),
         onSuccess: (w) => ve(w, "success"),
         onError: (w) => ve(w, "error"),
         container: T
       }
     ),
-    /* @__PURE__ */ r(
+    /* @__PURE__ */ n(
       Ze,
       {
         notification: P,
@@ -2692,7 +2690,7 @@ const Kt = (o, e) => {
 }, mr = ({
   discussion: o,
   posts: e,
-  sdk: n,
+  sdk: r,
   userIsLoggedIn: a,
   onSignInClick: l,
   showReactions: i,
@@ -2778,12 +2776,12 @@ const Kt = (o, e) => {
       },
       children: [
         /* @__PURE__ */ F(L, { sx: { mb: O.lg }, children: [
-          /* @__PURE__ */ r(W, { level: "h3", sx: { mb: O.xs }, children: o.label || $("discussion.title", "Discussion") }),
-          /* @__PURE__ */ r(W, { level: "body-sm", sx: { color: h.textSecondary }, children: $("discussion.postsCount", "{{count}} posts", {
+          /* @__PURE__ */ n(W, { level: "h3", sx: { mb: O.xs }, children: o.label || $("discussion.title", "Discussion") }),
+          /* @__PURE__ */ n(W, { level: "body-sm", sx: { color: h.textSecondary }, children: $("discussion.postsCount", "{{count}} posts", {
             count: o.postsCount || 0
           }) })
         ] }),
-        /* @__PURE__ */ r(
+        /* @__PURE__ */ n(
           no,
           {
             onSubmit: (P) => p(P),
@@ -2792,7 +2790,7 @@ const Kt = (o, e) => {
             isSubmitting: S
           }
         ),
-        /* @__PURE__ */ r(Fe, { sx: { my: O.lg } }),
+        /* @__PURE__ */ n(Fe, { sx: { my: O.lg } }),
         /* @__PURE__ */ F(
           L,
           {
@@ -2803,9 +2801,9 @@ const Kt = (o, e) => {
               alignItems: "center"
             },
             children: [
-              /* @__PURE__ */ r(W, { level: "title-md", children: $("discussion.comments", "Comments") }),
-              /* @__PURE__ */ r(
-                rt,
+              /* @__PURE__ */ n(W, { level: "title-md", children: $("discussion.comments", "Comments") }),
+              /* @__PURE__ */ n(
+                st,
                 {
                   value: u,
                   onChange: (P, V) => V && d(V),
@@ -2823,21 +2821,21 @@ const Kt = (o, e) => {
                     }
                   },
                   slotProps: k,
-                  children: K.map((P) => /* @__PURE__ */ r(nt, { value: P.value, sx: _, children: P.label }, P.value))
+                  children: K.map((P) => /* @__PURE__ */ n(it, { value: P.value, sx: _, children: P.label }, P.value))
                 }
               )
             ]
           }
         ),
-        R && e.length === 0 ? /* @__PURE__ */ r(L, { sx: { py: O.xl }, children: /* @__PURE__ */ r(Ee, { my: 4 }) }) : e.length === 0 ? /* @__PURE__ */ r(L, { sx: { textAlign: "center", py: O.xl }, children: /* @__PURE__ */ r(W, { level: "body-md", sx: { color: h.textSecondary }, children: $(
+        R && e.length === 0 ? /* @__PURE__ */ n(L, { sx: { py: O.xl }, children: /* @__PURE__ */ n(Ee, { my: 4 }) }) : e.length === 0 ? /* @__PURE__ */ n(L, { sx: { textAlign: "center", py: O.xl }, children: /* @__PURE__ */ n(W, { level: "body-md", sx: { color: h.textSecondary }, children: $(
           "discussion.noPosts",
           "No comments yet. Be the first to comment!"
-        ) }) }) : /* @__PURE__ */ F(Me, { children: [
-          /* @__PURE__ */ r(L, { children: e.map((P) => /* @__PURE__ */ r(
+        ) }) }) : /* @__PURE__ */ F(De, { children: [
+          /* @__PURE__ */ n(L, { children: e.map((P) => /* @__PURE__ */ n(
             io,
             {
               post: P,
-              sdk: n,
+              sdk: r,
               userIsLoggedIn: a,
               onSignInClick: l,
               showReactions: i,
@@ -2853,10 +2851,10 @@ const Kt = (o, e) => {
             },
             P.id
           )) }),
-          T && /* @__PURE__ */ r(L, { ref: A, sx: { height: 1 } })
+          T && /* @__PURE__ */ n(L, { ref: A, sx: { height: 1 } })
         ] }),
-        T && R && e.length > 0 && /* @__PURE__ */ r(L, { sx: { py: O.md }, children: /* @__PURE__ */ r(Ee, { my: 2 }) }),
-        !T && C && /* @__PURE__ */ r(L, { sx: { display: "flex", justifyContent: "center", mt: O.lg }, children: /* @__PURE__ */ r(
+        T && R && e.length > 0 && /* @__PURE__ */ n(L, { sx: { py: O.md }, children: /* @__PURE__ */ n(Ee, { my: 2 }) }),
+        !T && C && /* @__PURE__ */ n(L, { sx: { display: "flex", justifyContent: "center", mt: O.lg }, children: /* @__PURE__ */ n(
           oe,
           {
             variant: "outlined",
@@ -2880,7 +2878,7 @@ const Kt = (o, e) => {
             children: $("discussion.loadMore", "Load More")
           }
         ) }),
-        /* @__PURE__ */ r(
+        /* @__PURE__ */ n(
           Ze,
           {
             notification: j,
@@ -2893,7 +2891,7 @@ const Kt = (o, e) => {
 }, fr = (o) => {
   const {
     entityId: e,
-    sdk: n,
+    sdk: r,
     discussionLabel: a,
     discussionUrl: l = "",
     defaultSort: i = "LATEST",
@@ -2911,7 +2909,7 @@ const Kt = (o, e) => {
     isLoading: R,
     error: S,
     isNotFound: T
-  } = Kt(n, e), y = (_) => {
+  } = Gt(r, e), y = (_) => {
     C(
       (P) => P && { ...P, postsCount: Math.max(0, P.postsCount + _) }
     );
@@ -2927,8 +2925,8 @@ const Kt = (o, e) => {
     handleReact: U,
     handleDeletePost: B,
     handleReportPost: K
-  } = Wt(
-    n,
+  } = Jt(
+    r,
     e,
     a ?? null,
     l,
@@ -2938,9 +2936,9 @@ const Kt = (o, e) => {
     g
   );
   if (R || !b && !T && v)
-    return /* @__PURE__ */ r(Ee, { my: 20 });
+    return /* @__PURE__ */ n(Ee, { my: 20 });
   if (S)
-    return /* @__PURE__ */ r("div", { style: { padding: "20px", textAlign: "center" }, children: /* @__PURE__ */ r("p", { children: "Failed to load discussion. Please try again later." }) });
+    return /* @__PURE__ */ n("div", { style: { padding: "20px", textAlign: "center" }, children: /* @__PURE__ */ n("p", { children: "Failed to load discussion. Please try again later." }) });
   const k = b || {
     id: e,
     title: "",
@@ -2949,12 +2947,12 @@ const Kt = (o, e) => {
     createdAt: (/* @__PURE__ */ new Date()).toISOString(),
     updatedAt: (/* @__PURE__ */ new Date()).toISOString()
   };
-  return /* @__PURE__ */ r(
+  return /* @__PURE__ */ n(
     mr,
     {
       discussion: k,
       posts: $,
-      sdk: n,
+      sdk: r,
       userIsLoggedIn: x,
       onSignInClick: f,
       showReactions: s,
@@ -2975,12 +2973,12 @@ const Kt = (o, e) => {
     }
   );
 }, vr = (o) => {
-  const [e, n] = q.useState(!1), [a, l] = q.useState(!1), i = q.useRef(
+  const [e, r] = J.useState(!1), [a, l] = J.useState(!1), i = J.useRef(
     `$discussion-shadow-root-${Math.random().toString(36).substring(2, 11)}`
-  ), c = q.useRef(null), s = q.useRef(null), u = q.useRef(null), d = q.useRef(null);
-  q.useEffect(() => {
+  ), c = J.useRef(null), s = J.useRef(null), u = J.useRef(null), d = J.useRef(null);
+  J.useEffect(() => {
     Eo(o.language || "en").finally(() => l(!0));
-  }, [o.language]), q.useEffect(() => {
+  }, [o.language]), J.useEffect(() => {
     if (c.current)
       return c.current.shadowRoot ? (s.current = c.current.shadowRoot, u.current = s.current.getElementById(
         i.current
@@ -2988,18 +2986,18 @@ const Kt = (o, e) => {
         key: "discussion-css",
         prepend: !0,
         container: s.current
-      })), n(!0), () => {
-        n(!1);
+      })), r(!0), () => {
+        r(!1);
       };
   }, []);
-  const p = o.themeOptions, g = /* @__PURE__ */ r(L, { ref: c, sx: { height: "100%", display: "block" } }), x = e && a && u.current && d.current ? Fo(
-    /* @__PURE__ */ r($o, { value: d.current, children: /* @__PURE__ */ r(ko, { containerRef: c, children: /* @__PURE__ */ r(
+  const p = o.themeOptions, g = /* @__PURE__ */ n(L, { ref: c, sx: { height: "100%", display: "block" } }), x = e && a && u.current && d.current ? Fo(
+    /* @__PURE__ */ n($o, { value: d.current, children: /* @__PURE__ */ n(ko, { containerRef: c, children: /* @__PURE__ */ n(
       Vo,
       {
         customTheme: p,
         mode: p == null ? void 0 : p.mode,
         shadowRootElement: u.current,
-        children: /* @__PURE__ */ r(
+        children: /* @__PURE__ */ n(
           wo,
           {
             shadowRootElement: u.current,
@@ -3013,11 +3011,11 @@ const Kt = (o, e) => {
     ) }) }),
     u.current
   ) : null;
-  return /* @__PURE__ */ F(Me, { children: [
+  return /* @__PURE__ */ F(De, { children: [
     g,
     x
   ] });
-}, hr = (o) => /* @__PURE__ */ r(vr, { ...o, children: /* @__PURE__ */ r(fr, { ...o }) }), Ir = hr;
+}, hr = (o) => /* @__PURE__ */ n(vr, { ...o, children: /* @__PURE__ */ n(fr, { ...o }) }), Mr = hr;
 export {
-  Ir as Discussion
+  Mr as Discussion
 };