fansunited-widgets-cdn 0.0.86-RC3 → 0.0.86-RC5

package/chunks/Error-BurPfBJw-DWYn31sK.js

@@ -0,0 +1,1119 @@
+import { f as P, v as F, x as H, P as p, K as z, Z as Y, ad as S, a1 as N, aJ as ge, ag as J, aK as U, a3 as fe, aL as _, U as w, aE as ye, aw as ee, aM as re, aN as te, aO as oe, aP as K, a2 as Ce, ap as M, a4 as T, aQ as V, aR as xe } from "./Portal-DegkUXpU-ByGP9zS1.js";
+import { r as v, j as y } from "./main-Bh6iw92_.js";
+import { B as ke, k as Se } from "./index-DUQ2LFod-Cw45tHim.js";
+function Q(r) {
+  return r.substring(2).toLowerCase();
+}
+function we(r, e) {
+  return e.documentElement.clientWidth < r.clientX || e.documentElement.clientHeight < r.clientY;
+}
+function Re(r) {
+  const {
+    children: e,
+    disableReactTree: o = !1,
+    mouseEvent: t = "onClick",
+    onClickAway: a,
+    touchEvent: n = "onTouchEnd"
+  } = r, i = v.useRef(!1), l = v.useRef(null), c = v.useRef(!1), u = v.useRef(!1);
+  v.useEffect(() => (setTimeout(() => {
+    c.current = !0;
+  }, 0), () => {
+    c.current = !1;
+  }), []);
+  const b = fe(
+    // @ts-expect-error TODO upstream fix
+    e.ref,
+    l
+  ), m = J((h) => {
+    const f = u.current;
+    u.current = !1;
+    const s = _(l.current);
+    if (!c.current || !l.current || "clientX" in h && we(h, s))
+      return;
+    if (i.current) {
+      i.current = !1;
+      return;
+    }
+    let d;
+    h.composedPath ? d = h.composedPath().indexOf(l.current) > -1 : d = !s.documentElement.contains(
+      // @ts-expect-error returns `false` as intended when not dispatched from a Node
+      h.target
+    ) || l.current.contains(
+      // @ts-expect-error returns `false` as intended when not dispatched from a Node
+      h.target
+    ), !d && (o || !f) && a(h);
+  }), k = (h) => (f) => {
+    u.current = !0;
+    const s = e.props[h];
+    s && s(f);
+  }, x = {
+    ref: b
+  };
+  return n !== !1 && (x[n] = k(n)), v.useEffect(() => {
+    if (n !== !1) {
+      const h = Q(n), f = _(l.current), s = () => {
+        i.current = !0;
+      };
+      return f.addEventListener(h, m), f.addEventListener("touchmove", s), () => {
+        f.removeEventListener(h, m), f.removeEventListener("touchmove", s);
+      };
+    }
+  }, [m, n]), t !== !1 && (x[t] = k(t)), v.useEffect(() => {
+    if (t !== !1) {
+      const h = Q(t), f = _(l.current);
+      return f.addEventListener(h, m), () => {
+        f.removeEventListener(h, m);
+      };
+    }
+  }, [m, t]), /* @__PURE__ */ y.jsx(v.Fragment, {
+    children: /* @__PURE__ */ v.cloneElement(e, x)
+  });
+}
+function ze(r = {}) {
+  const {
+    autoHideDuration: e = null,
+    disableWindowBlurListener: o = !1,
+    onClose: t,
+    open: a,
+    resumeHideDuration: n
+  } = r, i = ge();
+  v.useEffect(() => {
+    if (!a)
+      return;
+    function s(d) {
+      d.defaultPrevented || (d.key === "Escape" || d.key === "Esc") && (t == null || t(d, "escapeKeyDown"));
+    }
+    return document.addEventListener("keydown", s), () => {
+      document.removeEventListener("keydown", s);
+    };
+  }, [a, t]);
+  const l = J((s, d) => {
+    t == null || t(s, d);
+  }), c = J((s) => {
+    !t || s == null || i.start(s, () => {
+      l(null, "timeout");
+    });
+  });
+  v.useEffect(() => (a && c(e), i.clear), [a, e, c, i]);
+  const u = (s) => {
+    t == null || t(s, "clickaway");
+  }, b = i.clear, m = v.useCallback(() => {
+    e != null && c(n ?? e * 0.5);
+  }, [e, n, c]), k = (s) => (d) => {
+    const g = s.onBlur;
+    g == null || g(d), m();
+  }, x = (s) => (d) => {
+    const g = s.onFocus;
+    g == null || g(d), b();
+  }, h = (s) => (d) => {
+    const g = s.onMouseEnter;
+    g == null || g(d), b();
+  }, f = (s) => (d) => {
+    const g = s.onMouseLeave;
+    g == null || g(d), m();
+  };
+  return v.useEffect(() => {
+    if (!o && a)
+      return window.addEventListener("focus", m), window.addEventListener("blur", b), () => {
+        window.removeEventListener("focus", m), window.removeEventListener("blur", b);
+      };
+  }, [o, a, m, b]), {
+    getRootProps: (s = {}) => {
+      const d = p({}, U(r), U(s));
+      return p({
+        // ClickAwayListener adds an `onClick` prop which results in the alert not being announced.
+        // See https://github.com/mui/material-ui/issues/29080
+        role: "presentation"
+      }, s, d, {
+        onBlur: k(d),
+        onFocus: x(d),
+        onMouseEnter: h(d),
+        onMouseLeave: f(d)
+      });
+    },
+    onClickAway: u
+  };
+}
+const Ae = Ce(/* @__PURE__ */ y.jsx("path", {
+  d: "M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
+}), "Person");
+function Te(r) {
+  return M("MuiAvatar", r);
+}
+T("MuiAvatar", ["root", "colorPrimary", "colorNeutral", "colorDanger", "colorSuccess", "colorWarning", "colorContext", "fallback", "sizeSm", "sizeMd", "sizeLg", "img", "variantOutlined", "variantSoft", "variantSolid"]);
+T("MuiAvatarGroup", ["root"]);
+const Be = /* @__PURE__ */ v.createContext(void 0);
+w("div", {
+  name: "JoyAvatarGroup",
+  slot: "Root",
+  overridesResolver: (r, e) => e.root
+})(({
+  ownerState: r,
+  theme: e
+}) => p({}, r.size === "sm" && {
+  "--AvatarGroup-gap": "-0.375rem",
+  "--Avatar-ringSize": "2px"
+}, r.size === "md" && {
+  "--AvatarGroup-gap": "-0.5rem",
+  "--Avatar-ringSize": "2px"
+}, r.size === "lg" && {
+  "--AvatarGroup-gap": "-0.625rem",
+  "--Avatar-ringSize": "4px"
+}, {
+  "--Avatar-ring": `0 0 0 var(--Avatar-ringSize) var(--Avatar-ringColor, ${e.vars.palette.background.surface})`,
+  "--Avatar-marginInlineStart": "var(--AvatarGroup-gap)",
+  display: "flex",
+  marginInlineStart: "calc(-1 * var(--AvatarGroup-gap))"
+}));
+const Le = ["alt", "color", "size", "variant", "src", "srcSet", "children", "component", "slots", "slotProps"], $e = (r) => {
+  const {
+    size: e,
+    variant: o,
+    color: t,
+    src: a,
+    srcSet: n
+  } = r, i = {
+    root: ["root", o && `variant${S(o)}`, t && `color${S(t)}`, e && `size${S(e)}`],
+    img: [(a || n) && "img"],
+    fallback: ["fallback"]
+  };
+  return N(i, Te, {});
+}, Ee = w("div", {
+  name: "JoyAvatar",
+  slot: "Root",
+  overridesResolver: (r, e) => e.root
+})(({
+  theme: r,
+  ownerState: e
+}) => {
+  var o;
+  return p({
+    "--Icon-color": e.color !== "neutral" || e.variant === "solid" ? "currentColor" : r.vars.palette.text.icon
+  }, r.typography[`title-${e.size}`], e.size === "sm" && {
+    width: "var(--Avatar-size, 2rem)",
+    height: "var(--Avatar-size, 2rem)",
+    fontSize: "calc(var(--Avatar-size, 2rem) * 0.4375)"
+    // default as 14px
+  }, e.size === "md" && {
+    width: "var(--Avatar-size, 2.5rem)",
+    height: "var(--Avatar-size, 2.5rem)",
+    fontSize: "calc(var(--Avatar-size, 2.5rem) * 0.4)"
+    // default as 16px
+  }, e.size === "lg" && {
+    width: "var(--Avatar-size, 3rem)",
+    height: "var(--Avatar-size, 3rem)",
+    fontSize: "calc(var(--Avatar-size, 3rem) * 0.375)"
+    // default as 18px
+  }, {
+    marginInlineStart: "var(--Avatar-marginInlineStart)",
+    boxShadow: "var(--Avatar-ring)",
+    position: "relative",
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+    flexShrink: 0,
+    lineHeight: 1,
+    overflow: "hidden",
+    borderRadius: "var(--Avatar-radius, 50%)",
+    userSelect: "none"
+  }, (o = r.variants[e.variant]) == null ? void 0 : o[e.color]);
+}), Pe = w("img", {
+  name: "JoyAvatar",
+  slot: "Img",
+  overridesResolver: (r, e) => e.img
+})({
+  width: "100%",
+  height: "100%",
+  textAlign: "center",
+  // Handle non-square image. The property isn't supported by IE11.
+  objectFit: "cover",
+  // Hide alt text.
+  color: "transparent",
+  // Hide the image broken icon, only works on Chrome.
+  textIndent: 1e4
+}), De = w(Ae, {
+  name: "JoyAvatar",
+  slot: "Fallback",
+  overridesResolver: (r, e) => e.fallback
+})({
+  width: "64%",
+  height: "64%"
+});
+function We({
+  crossOrigin: r,
+  referrerPolicy: e,
+  src: o,
+  srcSet: t
+}) {
+  const [a, n] = v.useState(!1);
+  return v.useEffect(() => {
+    if (!o && !t)
+      return;
+    n(!1);
+    let i = !0;
+    const l = new Image();
+    return l.onload = () => {
+      i && n("loaded");
+    }, l.onerror = () => {
+      i && n("error");
+    }, l.crossOrigin = r, l.referrerPolicy = e, o && (l.src = o), t && (l.srcset = t), () => {
+      i = !1;
+    };
+  }, [r, e, o, t]), a;
+}
+const cr = /* @__PURE__ */ v.forwardRef(function(r, e) {
+  const o = F({
+    props: r,
+    name: "JoyAvatar"
+  }), t = v.useContext(Be), {
+    alt: a,
+    color: n = "neutral",
+    size: i = "md",
+    variant: l = "soft",
+    src: c,
+    srcSet: u,
+    children: b,
+    component: m,
+    slots: k = {},
+    slotProps: x = {}
+  } = o, h = H(o, Le), f = r.variant || (t == null ? void 0 : t.variant) || l, s = r.color || (t == null ? void 0 : t.color) || n, d = r.size || (t == null ? void 0 : t.size) || i;
+  let g = null;
+  const A = p({}, o, {
+    color: s,
+    size: d,
+    variant: f,
+    grouped: !!t
+  }), B = $e(A), L = p({}, h, {
+    component: m,
+    slots: k,
+    slotProps: x
+  }), [$, O] = z("root", {
+    ref: e,
+    className: B.root,
+    elementType: Ee,
+    externalForwardedProps: L,
+    ownerState: A
+  }), [D, E] = z("img", {
+    additionalProps: {
+      alt: a,
+      src: c,
+      srcSet: u
+    },
+    className: B.img,
+    elementType: Pe,
+    externalForwardedProps: L,
+    ownerState: A
+  }), [R, W] = z("fallback", {
+    className: B.fallback,
+    elementType: De,
+    externalForwardedProps: L,
+    ownerState: A
+  }), I = We(p({}, E, {
+    src: c,
+    srcSet: u
+  }));
+  return (c || u) && I !== "error" ? g = /* @__PURE__ */ y.jsx(D, p({}, E)) : b != null ? g = b : a ? g = a[0] : g = /* @__PURE__ */ y.jsx(R, p({}, W)), /* @__PURE__ */ y.jsx($, p({}, O, {
+    children: g
+  }));
+});
+T("MuiCardActions", ["root"]);
+const Fe = T("MuiDivider", ["root", "horizontal", "vertical", "insetContext", "insetNone"]), ae = w("div")(({
+  ownerState: r
+}) => {
+  var e;
+  return p({
+    "--Button-radius": "var(--Card-childRadius)",
+    "--IconButton-radius": "var(--Card-childRadius)",
+    display: "flex"
+  }, ((e = r.orientation) == null ? void 0 : e.startsWith("horizontal")) && {
+    alignItems: "center"
+    // it is common to have children aligned center in horizontal orientation, but not vertically.
+  }, {
+    flexDirection: r.orientation === "horizontal" ? "row" : "column"
+  }, r.orientation === "horizontal-reverse" && {
+    flexDirection: "row-reverse"
+  }, {
+    zIndex: 1,
+    // render above Link's overlay
+    gap: "calc(0.625 * var(--Card-padding))",
+    padding: "var(--unstable_padding)",
+    "--unstable_padding": "calc(0.75 * var(--Card-padding)) 0 0 0",
+    [`.${Se.root} > &`]: {
+      "--unstable_padding": "calc(0.75 * var(--Card-padding)) 0 var(--Card-padding)"
+    },
+    [`.${ke.root} > .${Fe.root} + &`]: {
+      "--unstable_padding": "0"
+    }
+  }, r.buttonFlex ? {
+    [`& > :not(.${xe.root})`]: {
+      flex: r.buttonFlex
+    },
+    [`& > :not(button) > .${V.root}`]: {
+      width: "100%"
+      // for button to fill its wrapper.
+    }
+  } : {
+    [`& > .${V.root}:only-child`]: {
+      flex: "auto"
+    }
+  });
+});
+w(ae, {
+  name: "JoyCardActions",
+  slot: "Root",
+  overridesResolver: (r, e) => e.root
+})({});
+function He(r) {
+  return M("MuiDialogActions", r);
+}
+T("MuiDialogActions", ["root"]);
+const Ne = ["component", "children", "buttonFlex", "orientation", "slots", "slotProps"], Me = () => N({
+  root: ["root"]
+}, He, {}), Oe = w(ae, {
+  name: "JoyDialogActions",
+  slot: "Root",
+  overridesResolver: (r, e) => e.root
+})({}), ur = /* @__PURE__ */ v.forwardRef(function(r, e) {
+  const o = F({
+    props: r,
+    name: "JoyDialogActions"
+  }), {
+    component: t = "div",
+    children: a,
+    buttonFlex: n,
+    orientation: i = "horizontal-reverse",
+    slots: l = {},
+    slotProps: c = {}
+  } = o, u = H(o, Ne), b = p({}, u, {
+    component: t,
+    slots: l,
+    slotProps: c
+  }), m = p({}, o, {
+    component: t,
+    buttonFlex: n,
+    orientation: i
+  }), k = Me(), [x, h] = z("root", {
+    ref: e,
+    className: k.root,
+    elementType: Oe,
+    externalForwardedProps: b,
+    ownerState: m
+  });
+  return /* @__PURE__ */ y.jsx(x, p({}, h, {
+    children: a
+  }));
+});
+function Ie(r) {
+  return M("MuiSheet", r);
+}
+T("MuiSheet", ["root", "colorPrimary", "colorNeutral", "colorDanger", "colorSuccess", "colorWarning", "colorContext", "variantPlain", "variantOutlined", "variantSoft", "variantSolid"]);
+const je = ["className", "color", "component", "variant", "invertedColors", "slots", "slotProps"], Xe = (r) => {
+  const {
+    variant: e,
+    color: o
+  } = r, t = {
+    root: ["root", e && `variant${S(e)}`, o && `color${S(o)}`]
+  };
+  return N(t, Ie, {});
+}, _e = w("div", {
+  name: "JoySheet",
+  slot: "Root",
+  overridesResolver: (r, e) => e.root
+})(({
+  theme: r,
+  ownerState: e
+}) => {
+  var o, t;
+  const a = (o = r.variants[e.variant]) == null ? void 0 : o[e.color], {
+    borderRadius: n,
+    bgcolor: i,
+    backgroundColor: l,
+    background: c
+  } = ee({
+    theme: r,
+    ownerState: e
+  }, ["borderRadius", "bgcolor", "backgroundColor", "background"]), u = K(r, `palette.${i}`) || i || K(r, `palette.${l}`) || l || c || (a == null ? void 0 : a.backgroundColor) || (a == null ? void 0 : a.background) || r.vars.palette.background.surface;
+  return [p({
+    "--Icon-color": e.color !== "neutral" || e.variant === "solid" ? "currentColor" : r.vars.palette.text.icon,
+    "--ListItem-stickyBackground": u === "transparent" ? "initial" : u,
+    // for sticky List
+    "--Sheet-background": u === "transparent" ? "initial" : u
+  }, n !== void 0 && {
+    "--List-radius": `calc(${n} - var(--variant-borderWidth, 0px))`,
+    "--unstable_actionRadius": `calc(${n} - var(--variant-borderWidth, 0px))`
+  }, {
+    backgroundColor: r.vars.palette.background.surface,
+    position: "relative"
+  }), p({}, r.typography["body-md"], e.variant === "solid" && e.color && e.invertedColors && te(e.color)(r), e.variant === "soft" && e.color && e.invertedColors && oe(e.color)(r), (t = r.variants[e.variant]) == null ? void 0 : t[e.color], a)];
+}), vr = /* @__PURE__ */ v.forwardRef(function(r, e) {
+  const o = F({
+    props: r,
+    name: "JoySheet"
+  }), {
+    className: t,
+    color: a = "neutral",
+    component: n = "div",
+    variant: i = "plain",
+    invertedColors: l = !1,
+    slots: c = {},
+    slotProps: u = {}
+  } = o, b = H(o, je), m = p({}, o, {
+    color: a,
+    component: n,
+    invertedColors: l,
+    variant: i
+  }), k = Xe(m), x = p({}, b, {
+    component: n,
+    slots: c,
+    slotProps: u
+  }), [h, f] = z("root", {
+    ref: e,
+    className: Y(k.root, t),
+    elementType: _e,
+    externalForwardedProps: x,
+    ownerState: m
+  });
+  return /* @__PURE__ */ y.jsx(h, p({}, f));
+});
+function Je(r) {
+  return M("MuiSnackbar", r);
+}
+T("MuiSnackbar", ["root", "anchorOriginTopCenter", "anchorOriginBottomCenter", "anchorOriginTopRight", "anchorOriginBottomRight", "anchorOriginTopLeft", "anchorOriginBottomLeft", "colorPrimary", "colorDanger", "colorNeutral", "colorSuccess", "colorWarning", "endDecorator", "sizeSm", "sizeMd", "sizeLg", "startDecorator", "variantPlain", "variantOutlined", "variantSoft", "variantSolid"]);
+const Ye = ["anchorOrigin", "animationDuration", "autoHideDuration", "color", "children", "className", "component", "disableWindowBlurListener", "endDecorator", "invertedColors", "onBlur", "onClose", "onFocus", "onMouseEnter", "onMouseLeave", "onUnmount", "open", "resumeHideDuration", "size", "slots", "slotProps", "startDecorator", "variant"];
+let ne = (r) => r, Z, q;
+const Ge = (r) => {
+  const {
+    variant: e,
+    color: o,
+    size: t,
+    anchorOrigin: a
+  } = r, n = {
+    root: ["root", t && `size${S(t)}`, o && `color${S(o)}`, e && `variant${S(e)}`, `anchorOrigin${S(a.vertical)}${S(a.horizontal)}`],
+    startDecorator: ["startDecorator"],
+    endDecorator: ["endDecorator"]
+  };
+  return N(n, Je, {});
+}, Ue = re(Z || (Z = ne`
+  0% {
+    transform: translateX(var(--Snackbar-translateX, 0px)) translateY(calc(var(--_Snackbar-anchorBottom, 1) * 100%));
+    opacity: 0;
+  }
+  50% {
+    opacity: 1;
+  }
+  100% {
+    transform: translateX(var(--Snackbar-translateX, 0px)) translateY(0);
+  }
+`)), Ke = re(q || (q = ne`
+  0% {
+    transform: translateX(var(--Snackbar-translateX, 0px)) translateY(0);
+    opacity: 1;
+  }
+  100% {
+    transform: translateX(var(--Snackbar-translateX, 0px)) translateY(calc(var(--_Snackbar-anchorBottom, 1) * 100%));
+    opacity: 0;
+  }
+`)), Ve = w("div", {
+  name: "JoySnackbar",
+  slot: "Root",
+  overridesResolver: (r, e) => e.root
+})(({
+  theme: r,
+  ownerState: e
+}) => {
+  var o, t, a, n, i, l, c;
+  const {
+    p: u,
+    padding: b,
+    borderRadius: m
+  } = ee({
+    theme: r,
+    ownerState: e
+  }, ["p", "padding", "borderRadius"]);
+  return [p({
+    "--Snackbar-radius": r.vars.radius.sm,
+    "--Snackbar-decoratorChildRadius": "max((var(--Snackbar-radius) - var(--variant-borderWidth, 0px)) - var(--Snackbar-padding), min(var(--Snackbar-padding) + var(--variant-borderWidth, 0px), var(--Snackbar-radius) / 2))",
+    "--Button-minHeight": "var(--Snackbar-decoratorChildHeight)",
+    "--IconButton-size": "var(--Snackbar-decoratorChildHeight)",
+    "--Button-radius": "var(--Snackbar-decoratorChildRadius)",
+    "--IconButton-radius": "var(--Snackbar-decoratorChildRadius)",
+    "--Icon-color": "currentColor"
+  }, e.size === "sm" && {
+    "--Snackbar-padding": "0.75rem",
+    "--Snackbar-inset": "0.5rem",
+    "--Snackbar-decoratorChildHeight": "1.5rem",
+    "--Icon-fontSize": r.vars.fontSize.xl,
+    gap: "0.5rem"
+  }, e.size === "md" && {
+    "--Snackbar-padding": "1rem",
+    "--Snackbar-inset": "0.75rem",
+    // the spacing between Snackbar and the viewport
+    "--Snackbar-decoratorChildHeight": "2rem",
+    "--Icon-fontSize": r.vars.fontSize.xl,
+    gap: "0.625rem"
+  }, e.size === "lg" && {
+    "--Snackbar-padding": "1.25rem",
+    "--Snackbar-inset": "1rem",
+    "--Snackbar-decoratorChildHeight": "2.375rem",
+    "--Icon-fontSize": r.vars.fontSize.xl2,
+    gap: "0.875rem"
+  }, {
+    zIndex: r.vars.zIndex.snackbar,
+    position: "fixed",
+    display: "flex",
+    alignItems: "center",
+    minWidth: 300,
+    top: ((o = e.anchorOrigin) == null ? void 0 : o.vertical) === "top" ? "var(--Snackbar-inset)" : void 0,
+    left: ((t = e.anchorOrigin) == null ? void 0 : t.horizontal) === "left" ? "var(--Snackbar-inset)" : void 0,
+    bottom: ((a = e.anchorOrigin) == null ? void 0 : a.vertical) === "bottom" ? "var(--Snackbar-inset)" : void 0,
+    right: ((n = e.anchorOrigin) == null ? void 0 : n.horizontal) === "right" ? "var(--Snackbar-inset)" : void 0
+  }, ((i = e.anchorOrigin) == null ? void 0 : i.horizontal) === "center" && {
+    "--Snackbar-translateX": "-50%",
+    left: "50%",
+    transform: "translateX(var(--Snackbar-translateX))"
+  }, ((l = e.anchorOrigin) == null ? void 0 : l.vertical) === "top" && {
+    "--_Snackbar-anchorBottom": "-1"
+  }, {
+    animation: `${Ue} ${e.animationDuration}ms forwards`
+  }, !e.open && {
+    animationName: Ke
+  }, {
+    boxShadow: r.vars.shadow.lg,
+    backgroundColor: r.vars.palette.background.surface,
+    padding: "var(--Snackbar-padding)",
+    borderRadius: "var(--Snackbar-radius)"
+  }, r.typography[`body-${{
+    sm: "xs",
+    md: "sm",
+    lg: "md"
+  }[e.size]}`], e.variant === "solid" && e.color && e.invertedColors && te(e.color)(r), e.variant === "soft" && e.color && e.invertedColors && oe(e.color)(r), (c = r.variants[e.variant]) == null ? void 0 : c[e.color]), u !== void 0 && {
+    "--Snackbar-padding": u
+  }, b !== void 0 && {
+    "--Snackbar-padding": b
+  }, m !== void 0 && {
+    "--Snackbar-radius": m
+  }];
+}), Qe = w("span", {
+  name: "JoySnackbar",
+  slot: "StartDecorator",
+  overridesResolver: (r, e) => e.startDecorator
+})({
+  display: "inherit",
+  flex: "none"
+}), Ze = w("span", {
+  name: "JoySnackbar",
+  slot: "EndDecorator",
+  overridesResolver: (r, e) => e.endDecorator
+})({
+  display: "inherit",
+  flex: "none",
+  marginLeft: "auto"
+}), qe = {
+  vertical: "bottom",
+  horizontal: "right"
+}, pr = /* @__PURE__ */ v.forwardRef(function(r, e) {
+  const o = F({
+    props: r,
+    name: "JoySnackbar"
+  }), {
+    anchorOrigin: t = qe,
+    animationDuration: a = 300,
+    autoHideDuration: n = null,
+    color: i = "neutral",
+    children: l,
+    className: c,
+    component: u,
+    disableWindowBlurListener: b = !1,
+    endDecorator: m,
+    invertedColors: k = !1,
+    onUnmount: x,
+    open: h,
+    size: f = "md",
+    slots: s = {},
+    slotProps: d,
+    startDecorator: g,
+    variant: A = "outlined"
+  } = o, B = H(o, Ye), [L, $] = v.useState(!0), [O, D] = v.useState(!1), E = v.useRef(x);
+  E.current = x, v.useEffect(() => {
+    if (h)
+      D(!1), $(!1);
+    else {
+      D(!0);
+      const X = setTimeout(() => {
+        var G;
+        $(!0), D(!1), (G = E.current) == null || G.call(E);
+      }, a);
+      return () => {
+        clearTimeout(X);
+      };
+    }
+  }, [h, a]);
+  const R = p({}, o, {
+    anchorOrigin: t,
+    autoHideDuration: n,
+    color: i,
+    animationDuration: a,
+    disableWindowBlurListener: b,
+    invertedColors: k,
+    size: f,
+    variant: A
+  });
+  delete R.onUnmount;
+  const W = Ge(R), {
+    getRootProps: I,
+    onClickAway: se
+  } = ze(R), de = (X) => {
+    O || se(X);
+  }, j = p({}, B, {
+    component: u,
+    slots: s,
+    slotProps: d
+  }), [ce, ue] = z("root", {
+    ref: e,
+    className: Y(W.root, c),
+    elementType: Ve,
+    externalForwardedProps: j,
+    getSlotProps: I,
+    ownerState: R
+  }), [ve, pe] = z("startDecorator", {
+    className: W.startDecorator,
+    elementType: Qe,
+    externalForwardedProps: j,
+    ownerState: R
+  }), [he, me] = z("endDecorator", {
+    className: W.endDecorator,
+    elementType: Ze,
+    externalForwardedProps: j,
+    ownerState: R
+  }), be = s.clickAway || Re;
+  return !h && L ? null : /* @__PURE__ */ y.jsx(be, p({
+    onClickAway: de
+  }, typeof (d == null ? void 0 : d.clickAway) == "function" ? d.clickAway(R) : d == null ? void 0 : d.clickAway, {
+    children: /* @__PURE__ */ y.jsxs(ce, p({}, ue, {
+      children: [g && /* @__PURE__ */ y.jsx(ve, p({}, pe, {
+        children: g
+      })), l, m && /* @__PURE__ */ y.jsx(he, p({}, me, {
+        children: m
+      }))]
+    }))
+  }));
+});
+function er(r) {
+  return M("MuiTable", r);
+}
+T("MuiTable", ["root", "colorPrimary", "colorNeutral", "colorDanger", "colorSuccess", "colorWarning", "colorContext", "variantPlain", "variantOutlined", "variantSoft", "variantSolid", "sizeSm", "sizeMd", "sizeLg", "stickyHeader", "stickyFooter", "noWrap", "hoverRow", "borderAxisNone", "borderAxisX", "borderAxisXBetween", "borderAxisY", "borderAxisYBetween", "borderAxisBoth", "borderAxisBothBetween"]);
+const rr = ["className", "component", "children", "borderAxis", "hoverRow", "noWrap", "size", "variant", "color", "stripe", "stickyHeader", "stickyFooter", "slots", "slotProps"], tr = (r) => {
+  const {
+    size: e,
+    variant: o,
+    color: t,
+    borderAxis: a,
+    stickyHeader: n,
+    stickyFooter: i,
+    noWrap: l,
+    hoverRow: c
+  } = r, u = {
+    root: ["root", n && "stickyHeader", i && "stickyFooter", l && "noWrap", c && "hoverRow", a && `borderAxis${S(a)}`, o && `variant${S(o)}`, t && `color${S(t)}`, e && `size${S(e)}`]
+  };
+  return N(u, er, {});
+}, C = {
+  /**
+   * According to https://www.w3.org/TR/2014/REC-html5-20141028/tabular-data.html#the-tr-element,
+   * `tr` can only have `td | th` as children, so using :first-of-type is better than :first-child to prevent emotion SSR warning
+   */
+  getColumnExceptFirst() {
+    return "& tr > *:not(:first-of-type), & tr > th + td, & tr > td + th";
+  },
+  /**
+   * Every cell in the table
+   */
+  getCell() {
+    return "& th, & td";
+  },
+  /**
+   * `th` cell of the table (could exist in the body)
+   */
+  getHeadCell() {
+    return "& th";
+  },
+  /**
+   * Only the cell of `thead`
+   */
+  getHeaderCell() {
+    return "& thead th";
+  },
+  getHeaderCellOfRow(r) {
+    return `& thead tr:nth-of-type(${r}) th`;
+  },
+  getBottomHeaderCell() {
+    return "& thead th:not([colspan])";
+  },
+  getHeaderNestedFirstColumn() {
+    return "& thead tr:not(:first-of-type) th:not([colspan]):first-of-type";
+  },
+  /**
+   * The body cell that contains data
+   */
+  getDataCell() {
+    return "& td";
+  },
+  getDataCellExceptLastRow() {
+    return "& tr:not(:last-of-type) > td";
+  },
+  /**
+   * The body cell either `td` or `th`
+   */
+  getBodyCellExceptLastRow() {
+    return `${this.getDataCellExceptLastRow()}, & tr:not(:last-of-type) > th[scope="row"]`;
+  },
+  getBodyCellOfRow(r) {
+    return typeof r == "number" && r < 0 ? `& tbody tr:nth-last-of-type(${Math.abs(r)}) td, & tbody tr:nth-last-of-type(${Math.abs(r)}) th[scope="row"]` : `& tbody tr:nth-of-type(${r}) td, & tbody tr:nth-of-type(${r}) th[scope="row"]`;
+  },
+  getBodyRow(r) {
+    return r === void 0 ? "& tbody tr" : `& tbody tr:nth-of-type(${r})`;
+  },
+  getFooterCell() {
+    return "& tfoot th, & tfoot td";
+  },
+  getFooterFirstRowCell() {
+    return "& tfoot tr:not(:last-of-type) th, & tfoot tr:not(:last-of-type) td";
+  }
+}, or = w("table", {
+  name: "JoyTable",
+  slot: "Root",
+  overridesResolver: (r, e) => e.root
+})(({
+  theme: r,
+  ownerState: e
+}) => {
+  var o, t, a, n, i, l, c;
+  const u = (o = r.variants[e.variant]) == null ? void 0 : o[e.color];
+  return [p({
+    "--Table-headerUnderlineThickness": "2px",
+    "--TableCell-borderColor": (t = u == null ? void 0 : u.borderColor) != null ? t : r.vars.palette.divider,
+    "--TableCell-headBackground": `var(--Sheet-background, ${r.vars.palette.background.surface})`
+  }, e.size === "sm" && {
+    "--unstable_TableCell-height": "var(--TableCell-height, 32px)",
+    "--TableCell-paddingX": "0.25rem",
+    "--TableCell-paddingY": "0.25rem"
+  }, e.size === "md" && {
+    "--unstable_TableCell-height": "var(--TableCell-height, 40px)",
+    "--TableCell-paddingX": "0.5rem",
+    "--TableCell-paddingY": "0.375rem"
+  }, e.size === "lg" && {
+    "--unstable_TableCell-height": "var(--TableCell-height, 48px)",
+    "--TableCell-paddingX": "0.75rem",
+    "--TableCell-paddingY": "0.5rem"
+  }, {
+    tableLayout: "fixed",
+    width: "100%",
+    borderSpacing: "0px",
+    borderCollapse: "separate",
+    borderRadius: "var(--TableCell-cornerRadius, var(--unstable_actionRadius))"
+  }, r.typography[`body-${{
+    sm: "xs",
+    md: "sm",
+    lg: "md"
+  }[e.size]}`], (a = r.variants[e.variant]) == null ? void 0 : a[e.color], {
+    "& caption": {
+      color: r.vars.palette.text.tertiary,
+      padding: "calc(2 * var(--TableCell-paddingY)) var(--TableCell-paddingX)"
+    },
+    [C.getDataCell()]: p({
+      padding: "var(--TableCell-paddingY) var(--TableCell-paddingX)",
+      height: "var(--unstable_TableCell-height)",
+      borderColor: "var(--TableCell-borderColor)",
+      // must come after border bottom
+      backgroundColor: "var(--TableCell-dataBackground)"
+    }, e.noWrap && {
+      textOverflow: "ellipsis",
+      whiteSpace: "nowrap",
+      overflow: "hidden"
+    }),
+    [C.getHeadCell()]: {
+      textAlign: "left",
+      padding: "var(--TableCell-paddingY) var(--TableCell-paddingX)",
+      backgroundColor: "var(--TableCell-headBackground)",
+      // use `background-color` in case the Sheet has gradient background
+      height: "var(--unstable_TableCell-height)",
+      fontWeight: r.vars.fontWeight.lg,
+      borderColor: "var(--TableCell-borderColor)",
+      color: r.vars.palette.text.secondary,
+      textOverflow: "ellipsis",
+      whiteSpace: "nowrap",
+      overflow: "hidden"
+    },
+    [C.getHeaderCell()]: {
+      verticalAlign: "bottom",
+      // Automatic radius adjustment with Sheet
+      "&:first-of-type": {
+        borderTopLeftRadius: "var(--TableCell-cornerRadius, var(--unstable_actionRadius))"
+      },
+      "&:last-of-type": {
+        borderTopRightRadius: "var(--TableCell-cornerRadius, var(--unstable_actionRadius))"
+      }
+    },
+    "& tfoot tr > *": {
+      backgroundColor: `var(--TableCell-footBackground, ${r.vars.palette.background.level1})`,
+      // Automatic radius adjustment with Sheet
+      "&:first-of-type": {
+        borderBottomLeftRadius: "var(--TableCell-cornerRadius, var(--unstable_actionRadius))"
+      },
+      "&:last-of-type": {
+        borderBottomRightRadius: "var(--TableCell-cornerRadius, var(--unstable_actionRadius))"
+      }
+    }
+  }), (((n = e.borderAxis) == null ? void 0 : n.startsWith("x")) || ((i = e.borderAxis) == null ? void 0 : i.startsWith("both"))) && {
+    // insert border between rows
+    [C.getHeaderCell()]: {
+      borderBottomWidth: 1,
+      borderBottomStyle: "solid"
+    },
+    [C.getBottomHeaderCell()]: {
+      borderBottomWidth: "var(--Table-headerUnderlineThickness)",
+      borderBottomStyle: "solid"
+    },
+    [C.getBodyCellExceptLastRow()]: {
+      borderBottomWidth: 1,
+      borderBottomStyle: "solid"
+    },
+    [C.getFooterCell()]: {
+      borderTopWidth: 1,
+      borderTopStyle: "solid"
+    }
+  }, (((l = e.borderAxis) == null ? void 0 : l.startsWith("y")) || ((c = e.borderAxis) == null ? void 0 : c.startsWith("both"))) && {
+    // insert border between columns
+    [`${C.getColumnExceptFirst()}, ${C.getHeaderNestedFirstColumn()}`]: {
+      borderLeftWidth: 1,
+      borderLeftStyle: "solid"
+    }
+  }, (e.borderAxis === "x" || e.borderAxis === "both") && {
+    // insert border at the top of header and bottom of body
+    [C.getHeaderCellOfRow(1)]: {
+      borderTopWidth: 1,
+      borderTopStyle: "solid"
+    },
+    [C.getBodyCellOfRow(-1)]: {
+      borderBottomWidth: 1,
+      borderBottomStyle: "solid"
+    },
+    [C.getFooterCell()]: {
+      borderBottomWidth: 1,
+      borderBottomStyle: "solid"
+    }
+  }, (e.borderAxis === "y" || e.borderAxis === "both") && {
+    // insert border on the left of first column and right of the last column
+    "& tr > *:first-of-type": {
+      borderLeftWidth: 1,
+      borderLeftStyle: "solid"
+    },
+    "& tr > *:last-of-type:not(:first-of-type)": {
+      borderRightWidth: 1,
+      borderRightStyle: "solid"
+    }
+  }, e.stripe && {
+    [C.getBodyRow(e.stripe)]: {
+      // For customization, a table cell can look for this variable with a fallback value.
+      background: `var(--TableRow-stripeBackground, ${r.vars.palette.background.level2})`,
+      color: r.vars.palette.text.primary
+    }
+  }, e.hoverRow && {
+    [C.getBodyRow()]: {
+      "&:hover": {
+        background: `var(--TableRow-hoverBackground, ${r.vars.palette.background.level3})`
+      }
+    }
+  }, e.stickyHeader && {
+    // The column header
+    [C.getHeaderCell()]: {
+      position: "sticky",
+      top: 0,
+      zIndex: r.vars.zIndex.table
+    },
+    [C.getHeaderCellOfRow(2)]: {
+      // support upto 2 rows for the sticky header
+      top: "var(--unstable_TableCell-height)"
+    }
+  }, e.stickyFooter && {
+    // The column header
+    [C.getFooterCell()]: {
+      position: "sticky",
+      bottom: 0,
+      zIndex: r.vars.zIndex.table,
+      color: r.vars.palette.text.secondary,
+      fontWeight: r.vars.fontWeight.lg
+    },
+    [C.getFooterFirstRowCell()]: {
+      // support upto 2 rows for the sticky footer
+      bottom: "var(--unstable_TableCell-height)"
+    }
+  }];
+}), hr = /* @__PURE__ */ v.forwardRef(function(r, e) {
+  const o = F({
+    props: r,
+    name: "JoyTable"
+  }), {
+    className: t,
+    component: a,
+    children: n,
+    borderAxis: i = "xBetween",
+    hoverRow: l = !1,
+    noWrap: c = !1,
+    size: u = "md",
+    variant: b = "plain",
+    color: m = "neutral",
+    stripe: k,
+    stickyHeader: x = !1,
+    stickyFooter: h = !1,
+    slots: f = {},
+    slotProps: s = {}
+  } = o, d = H(o, rr), g = p({}, o, {
+    borderAxis: i,
+    hoverRow: l,
+    noWrap: c,
+    component: a,
+    size: u,
+    color: m,
+    variant: b,
+    stripe: k,
+    stickyHeader: x,
+    stickyFooter: h
+  }), A = tr(g), B = p({}, d, {
+    component: a,
+    slots: f,
+    slotProps: s
+  }), [L, $] = z("root", {
+    ref: e,
+    className: Y(A.root, t),
+    elementType: or,
+    externalForwardedProps: B,
+    ownerState: g
+  });
+  return /* @__PURE__ */ y.jsx(ye.Provider, {
+    value: !0,
+    children: /* @__PURE__ */ y.jsx(L, p({}, $, {
+      children: n
+    }))
+  });
+}), mr = P(/* @__PURE__ */ y.jsx("path", {
+  d: "M15.41 16.59 10.83 12l4.58-4.59L14 6l-6 6 6 6z"
+}), "KeyboardArrowLeft"), br = P(/* @__PURE__ */ y.jsx("path", {
+  d: "M8.59 16.59 13.17 12 8.59 7.41 10 6l6 6-6 6z"
+}), "KeyboardArrowRight"), gr = P(/* @__PURE__ */ y.jsx("path", {
+  d: "M11 18h2v-2h-2zm1-16C6.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 8m0-14c-2.21 0-4 1.79-4 4h2c0-1.1.9-2 2-2s2 .9 2 2c0 2-3 1.75-3 5h2c0-2.25 3-2.5 3-5 0-2.21-1.79-4-4-4"
+}), "HelpOutline"), fr = P(/* @__PURE__ */ y.jsx("path", {
+  d: "M3 17.25V21h3.75L17.81 9.94l-3.75-3.75zM20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34a.996.996 0 0 0-1.41 0l-1.83 1.83 3.75 3.75z"
+}), "Edit"), yr = P(/* @__PURE__ */ y.jsx("path", {
+  d: "M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4m0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4"
+}), "Person");
+/**
+ * @license lucide-react v0.454.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const ar = (r) => r.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), le = (...r) => r.filter((e, o, t) => !!e && e.trim() !== "" && t.indexOf(e) === o).join(" ").trim();
+/**
+ * @license lucide-react v0.454.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+var nr = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: 24,
+  height: 24,
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  strokeWidth: 2,
+  strokeLinecap: "round",
+  strokeLinejoin: "round"
+};
+/**
+ * @license lucide-react v0.454.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const lr = v.forwardRef(
+  ({
+    color: r = "currentColor",
+    size: e = 24,
+    strokeWidth: o = 2,
+    absoluteStrokeWidth: t,
+    className: a = "",
+    children: n,
+    iconNode: i,
+    ...l
+  }, c) => v.createElement(
+    "svg",
+    {
+      ref: c,
+      ...nr,
+      width: e,
+      height: e,
+      stroke: r,
+      strokeWidth: t ? Number(o) * 24 / Number(e) : o,
+      className: le("lucide", a),
+      ...l
+    },
+    [
+      ...i.map(([u, b]) => v.createElement(u, b)),
+      ...Array.isArray(n) ? n : [n]
+    ]
+  )
+);
+/**
+ * @license lucide-react v0.454.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const ie = (r, e) => {
+  const o = v.forwardRef(
+    ({ className: t, ...a }, n) => v.createElement(lr, {
+      ref: n,
+      iconNode: e,
+      className: le(`lucide-${ar(r)}`, t),
+      ...a
+    })
+  );
+  return o.displayName = `${r}`, o;
+};
+/**
+ * @license lucide-react v0.454.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Cr = ie("ChevronLeft", [
+  ["path", { d: "m15 18-6-6 6-6", key: "1wnfg3" }]
+]);
+/**
+ * @license lucide-react v0.454.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const xr = ie("ChevronRight", [
+  ["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]
+]), kr = P(/* @__PURE__ */ y.jsx("path", {
+  d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m1 15h-2v-2h2zm0-4h-2V7h2z"
+}), "Error");
+export {
+  hr as A,
+  mr as B,
+  yr as F,
+  kr as H,
+  xr as I,
+  fr as L,
+  Cr as M,
+  gr as N,
+  pr as T,
+  cr as V,
+  br as _,
+  ie as g,
+  ur as s,
+  vr as u
+};