fansunited-frontend-components 0.0.31-RC5 → 0.0.31-RC7

package/chunks/Error-BurPfBJw.js

@@ -0,0 +1,1739 @@
+import { q as Ro, $ as V, a0 as Y, N as o, a1 as Oo, a2 as Ao, _ as c, D as eo, a3 as zo, G as w, F as $, H as A, I as B, J as _, K as z, a4 as W, Q as N, O, a5 as So, a6 as ro, Y as lo, Z as to, a7 as io, a8 as co, a9 as uo, aa as Eo, ab as M } from "./Portal-DegkUXpU.js";
+import * as h from "react";
+import { forwardRef as po, createElement as q } from "react";
+import { jsx as T, jsxs as $o } from "react/jsx-runtime";
+import { e as Do, b as Po, c as wo } from "./index-DUQ2LFod.js";
+function no(r) {
+  return r.substring(2).toLowerCase();
+}
+function Bo(r, e) {
+  return e.documentElement.clientWidth < r.clientX || e.documentElement.clientHeight < r.clientY;
+}
+function j(r) {
+  const {
+    children: e,
+    disableReactTree: a = !1,
+    mouseEvent: t = "onClick",
+    onClickAway: s,
+    touchEvent: n = "onTouchEnd"
+  } = r, l = h.useRef(!1), i = h.useRef(null), u = h.useRef(!1), d = h.useRef(!1);
+  h.useEffect(() => (setTimeout(() => {
+    u.current = !0;
+  }, 0), () => {
+    u.current = !1;
+  }), []);
+  const m = Ro(
+    // @ts-expect-error TODO upstream fix
+    e.ref,
+    i
+  ), b = V((p) => {
+    const g = d.current;
+    d.current = !1;
+    const C = Y(i.current);
+    if (!u.current || !i.current || "clientX" in p && Bo(p, C))
+      return;
+    if (l.current) {
+      l.current = !1;
+      return;
+    }
+    let v;
+    p.composedPath ? v = p.composedPath().indexOf(i.current) > -1 : v = !C.documentElement.contains(
+      // @ts-expect-error returns `false` as intended when not dispatched from a Node
+      p.target
+    ) || i.current.contains(
+      // @ts-expect-error returns `false` as intended when not dispatched from a Node
+      p.target
+    ), !v && (a || !g) && s(p);
+  }), k = (p) => (g) => {
+    d.current = !0;
+    const C = e.props[p];
+    C && C(g);
+  }, x = {
+    ref: m
+  };
+  return n !== !1 && (x[n] = k(n)), h.useEffect(() => {
+    if (n !== !1) {
+      const p = no(n), g = Y(i.current), C = () => {
+        l.current = !0;
+      };
+      return g.addEventListener(p, b), g.addEventListener("touchmove", C), () => {
+        g.removeEventListener(p, b), g.removeEventListener("touchmove", C);
+      };
+    }
+  }, [b, n]), t !== !1 && (x[t] = k(t)), h.useEffect(() => {
+    if (t !== !1) {
+      const p = no(t), g = Y(i.current);
+      return g.addEventListener(p, b), () => {
+        g.removeEventListener(p, b);
+      };
+    }
+  }, [b, t]), /* @__PURE__ */ T(h.Fragment, {
+    children: /* @__PURE__ */ h.cloneElement(e, x)
+  });
+}
+process.env.NODE_ENV !== "production" && (j.propTypes = {
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │
+  // └─────────────────────────────────────────────────────────────────────┘
+  /**
+   * The wrapped element.
+   */
+  children: Do.isRequired,
+  /**
+   * If `true`, the React tree is ignored and only the DOM tree is considered.
+   * This prop changes how portaled elements are handled.
+   * @default false
+   */
+  disableReactTree: o.bool,
+  /**
+   * The mouse event to listen to. You can disable the listener by providing `false`.
+   * @default 'onClick'
+   */
+  mouseEvent: o.oneOf(["onClick", "onMouseDown", "onMouseUp", "onPointerDown", "onPointerUp", !1]),
+  /**
+   * Callback fired when a "click away" event is detected.
+   */
+  onClickAway: o.func.isRequired,
+  /**
+   * The touch event to listen to. You can disable the listener by providing `false`.
+   * @default 'onTouchEnd'
+   */
+  touchEvent: o.oneOf(["onTouchEnd", "onTouchStart", !1])
+});
+process.env.NODE_ENV !== "production" && (j.propTypes = Oo(j.propTypes));
+function _o(r = {}) {
+  const {
+    autoHideDuration: e = null,
+    disableWindowBlurListener: a = !1,
+    onClose: t,
+    open: s,
+    resumeHideDuration: n
+  } = r, l = Ao();
+  h.useEffect(() => {
+    if (!s)
+      return;
+    function v(f) {
+      f.defaultPrevented || (f.key === "Escape" || f.key === "Esc") && (t == null || t(f, "escapeKeyDown"));
+    }
+    return document.addEventListener("keydown", v), () => {
+      document.removeEventListener("keydown", v);
+    };
+  }, [s, t]);
+  const i = V((v, f) => {
+    t == null || t(v, f);
+  }), u = V((v) => {
+    !t || v == null || l.start(v, () => {
+      i(null, "timeout");
+    });
+  });
+  h.useEffect(() => (s && u(e), l.clear), [s, e, u, l]);
+  const d = (v) => {
+    t == null || t(v, "clickaway");
+  }, m = l.clear, b = h.useCallback(() => {
+    e != null && u(n ?? e * 0.5);
+  }, [e, n, u]), k = (v) => (f) => {
+    const y = v.onBlur;
+    y == null || y(f), b();
+  }, x = (v) => (f) => {
+    const y = v.onFocus;
+    y == null || y(f), m();
+  }, p = (v) => (f) => {
+    const y = v.onMouseEnter;
+    y == null || y(f), m();
+  }, g = (v) => (f) => {
+    const y = v.onMouseLeave;
+    y == null || y(f), b();
+  };
+  return h.useEffect(() => {
+    if (!a && s)
+      return window.addEventListener("focus", b), window.addEventListener("blur", m), () => {
+        window.removeEventListener("focus", b), window.removeEventListener("blur", m);
+      };
+  }, [a, s, b, m]), {
+    getRootProps: (v = {}) => {
+      const f = c({}, eo(r), eo(v));
+      return c({
+        // ClickAwayListener adds an `onClick` prop which results in the alert not being announced.
+        // See https://github.com/mui/material-ui/issues/29080
+        role: "presentation"
+      }, v, f, {
+        onBlur: k(f),
+        onFocus: x(f),
+        onMouseEnter: p(f),
+        onMouseLeave: g(f)
+      });
+    },
+    onClickAway: d
+  };
+}
+const No = zo(/* @__PURE__ */ T("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 Lo(r) {
+  return w("MuiAvatar", r);
+}
+$("MuiAvatar", ["root", "colorPrimary", "colorNeutral", "colorDanger", "colorSuccess", "colorWarning", "colorContext", "fallback", "sizeSm", "sizeMd", "sizeLg", "img", "variantOutlined", "variantSoft", "variantSolid"]);
+function Fo(r) {
+  return w("MuiAvatarGroup", r);
+}
+$("MuiAvatarGroup", ["root"]);
+const Mo = ["className", "color", "component", "size", "variant", "children", "slots", "slotProps"], K = /* @__PURE__ */ h.createContext(void 0);
+process.env.NODE_ENV !== "production" && (K.displayName = "AvatarGroupContext");
+const Io = () => N({
+  root: ["root"]
+}, Fo, {}), Ho = A("div", {
+  name: "JoyAvatarGroup",
+  slot: "Root",
+  overridesResolver: (r, e) => e.root
+})(({
+  ownerState: r,
+  theme: e
+}) => c({}, 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))"
+})), Wo = /* @__PURE__ */ h.forwardRef(function(e, a) {
+  const t = B({
+    props: e,
+    name: "JoyAvatarGroup"
+  }), {
+    className: s,
+    color: n,
+    component: l = "div",
+    size: i = "md",
+    variant: u,
+    children: d,
+    slots: m = {},
+    slotProps: b = {}
+  } = t, k = _(t, Mo), x = h.useMemo(() => c({}, t, {
+    color: n,
+    component: l,
+    size: i,
+    variant: u
+  }), [n, l, t, i, u]), p = Io(), [g, C] = z("root", {
+    ref: a,
+    className: W(p.root, s),
+    elementType: Ho,
+    externalForwardedProps: c({}, k, {
+      component: l,
+      slots: m,
+      slotProps: b
+    }),
+    ownerState: x
+  });
+  return /* @__PURE__ */ T(K.Provider, {
+    value: x,
+    children: /* @__PURE__ */ T(g, c({}, C, {
+      children: d
+    }))
+  });
+});
+process.env.NODE_ENV !== "production" && (Wo.propTypes = {
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │
+  // └─────────────────────────────────────────────────────────────────────┘
+  /**
+   * Used to render icon or text elements inside the AvatarGroup if `src` is not set.
+   * This can be an element, or just a string.
+   */
+  children: o.node,
+  /**
+   * @ignore
+   */
+  className: o.string,
+  /**
+   * The color of the component. It supports those theme colors that make sense for this component.
+   * @default 'neutral'
+   */
+  color: o.oneOfType([o.oneOf(["danger", "neutral", "primary", "success", "warning"]), o.string]),
+  /**
+   * The component used for the root node.
+   * Either a string to use a HTML element or a component.
+   */
+  component: o.elementType,
+  /**
+   * The size of the component.
+   * It accepts theme values between 'sm' and 'lg'.
+   * @default 'md'
+   */
+  size: o.oneOfType([o.oneOf(["lg", "md", "sm"]), o.string]),
+  /**
+   * The props used for each slot inside.
+   * @default {}
+   */
+  slotProps: o.shape({
+    root: o.oneOfType([o.func, o.object])
+  }),
+  /**
+   * The components used for each slot inside.
+   * @default {}
+   */
+  slots: o.shape({
+    root: o.elementType
+  }),
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: o.oneOfType([o.arrayOf(o.oneOfType([o.func, o.object, o.bool])), o.func, o.object]),
+  /**
+   * The [global variant](https://mui.com/joy-ui/main-features/global-variants/) to use.
+   * @default 'soft'
+   */
+  variant: o.oneOfType([o.oneOf(["outlined", "plain", "soft", "solid"]), o.string])
+});
+const jo = ["alt", "color", "size", "variant", "src", "srcSet", "children", "component", "slots", "slotProps"], Uo = (r) => {
+  const {
+    size: e,
+    variant: a,
+    color: t,
+    src: s,
+    srcSet: n
+  } = r, l = {
+    root: ["root", a && `variant${O(a)}`, t && `color${O(t)}`, e && `size${O(e)}`],
+    img: [(s || n) && "img"],
+    fallback: ["fallback"]
+  };
+  return N(l, Lo, {});
+}, Xo = A("div", {
+  name: "JoyAvatar",
+  slot: "Root",
+  overridesResolver: (r, e) => e.root
+})(({
+  theme: r,
+  ownerState: e
+}) => {
+  var a;
+  return c({
+    "--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"
+  }, (a = r.variants[e.variant]) == null ? void 0 : a[e.color]);
+}), Jo = A("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
+}), Go = A(No, {
+  name: "JoyAvatar",
+  slot: "Fallback",
+  overridesResolver: (r, e) => e.fallback
+})({
+  width: "64%",
+  height: "64%"
+});
+function Yo({
+  crossOrigin: r,
+  referrerPolicy: e,
+  src: a,
+  srcSet: t
+}) {
+  const [s, n] = h.useState(!1);
+  return h.useEffect(() => {
+    if (!a && !t)
+      return;
+    n(!1);
+    let l = !0;
+    const i = new Image();
+    return i.onload = () => {
+      l && n("loaded");
+    }, i.onerror = () => {
+      l && n("error");
+    }, i.crossOrigin = r, i.referrerPolicy = e, a && (i.src = a), t && (i.srcset = t), () => {
+      l = !1;
+    };
+  }, [r, e, a, t]), s;
+}
+const Vo = /* @__PURE__ */ h.forwardRef(function(e, a) {
+  const t = B({
+    props: e,
+    name: "JoyAvatar"
+  }), s = h.useContext(K), {
+    alt: n,
+    color: l = "neutral",
+    size: i = "md",
+    variant: u = "soft",
+    src: d,
+    srcSet: m,
+    children: b,
+    component: k,
+    slots: x = {},
+    slotProps: p = {}
+  } = t, g = _(t, jo), C = e.variant || (s == null ? void 0 : s.variant) || u, v = e.color || (s == null ? void 0 : s.color) || l, f = e.size || (s == null ? void 0 : s.size) || i;
+  let y = null;
+  const E = c({}, t, {
+    color: v,
+    size: f,
+    variant: C,
+    grouped: !!s
+  }), D = Uo(E), P = c({}, g, {
+    component: k,
+    slots: x,
+    slotProps: p
+  }), [L, U] = z("root", {
+    ref: a,
+    className: D.root,
+    elementType: Xo,
+    externalForwardedProps: P,
+    ownerState: E
+  }), [I, F] = z("img", {
+    additionalProps: {
+      alt: n,
+      src: d,
+      srcSet: m
+    },
+    className: D.img,
+    elementType: Jo,
+    externalForwardedProps: P,
+    ownerState: E
+  }), [S, H] = z("fallback", {
+    className: D.fallback,
+    elementType: Go,
+    externalForwardedProps: P,
+    ownerState: E
+  }), X = Yo(c({}, F, {
+    src: d,
+    srcSet: m
+  }));
+  return (d || m) && X !== "error" ? y = /* @__PURE__ */ T(I, c({}, F)) : b != null ? y = b : n ? y = n[0] : y = /* @__PURE__ */ T(S, c({}, H)), /* @__PURE__ */ T(L, c({}, U, {
+    children: y
+  }));
+});
+process.env.NODE_ENV !== "production" && (Vo.propTypes = {
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │
+  // └─────────────────────────────────────────────────────────────────────┘
+  /**
+   * Used in combination with `src` or `srcSet` to
+   * provide an alt attribute for the rendered `img` element.
+   */
+  alt: o.string,
+  /**
+   * Used to render icon or text elements inside the Avatar if `src` is not set.
+   * This can be an element, or just a string.
+   */
+  children: o.node,
+  /**
+   * The color of the component. It supports those theme colors that make sense for this component.
+   * @default 'neutral'
+   */
+  color: o.oneOfType([o.oneOf(["danger", "neutral", "primary", "success", "warning"]), o.string]),
+  /**
+   * The component used for the root node.
+   * Either a string to use a HTML element or a component.
+   */
+  component: o.elementType,
+  /**
+   * The size of the component.
+   * It accepts theme values between 'sm' and 'lg'.
+   * @default 'md'
+   */
+  size: o.oneOfType([o.oneOf(["lg", "md", "sm"]), o.string]),
+  /**
+   * The props used for each slot inside.
+   * @default {}
+   */
+  slotProps: o.shape({
+    fallback: o.oneOfType([o.func, o.object]),
+    img: o.oneOfType([o.func, o.object]),
+    root: o.oneOfType([o.func, o.object])
+  }),
+  /**
+   * The components used for each slot inside.
+   * @default {}
+   */
+  slots: o.shape({
+    fallback: o.elementType,
+    img: o.elementType,
+    root: o.elementType
+  }),
+  /**
+   * The `src` attribute for the `img` element.
+   */
+  src: o.string,
+  /**
+   * The `srcSet` attribute for the `img` element.
+   * Use this attribute for responsive image display.
+   */
+  srcSet: o.string,
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: o.oneOfType([o.arrayOf(o.oneOfType([o.func, o.object, o.bool])), o.func, o.object]),
+  /**
+   * The [global variant](https://mui.com/joy-ui/main-features/global-variants/) to use.
+   * @default 'soft'
+   */
+  variant: o.oneOfType([o.oneOf(["outlined", "plain", "soft", "solid"]), o.string])
+});
+function qo(r) {
+  return w("MuiCardActions", r);
+}
+$("MuiCardActions", ["root"]);
+const Ko = $("MuiDivider", ["root", "horizontal", "vertical", "insetContext", "insetNone"]), Zo = ["className", "component", "children", "buttonFlex", "orientation", "slots", "slotProps"], Qo = () => N({
+  root: ["root"]
+}, qo, {}), vo = A("div")(({
+  ownerState: r
+}) => {
+  var e;
+  return c({
+    "--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",
+    [`.${Po.root} > &`]: {
+      "--unstable_padding": "calc(0.75 * var(--Card-padding)) 0 var(--Card-padding)"
+    },
+    [`.${wo.root} > .${Ko.root} + &`]: {
+      "--unstable_padding": "0"
+    }
+  }, r.buttonFlex ? {
+    [`& > :not(.${So.root})`]: {
+      flex: r.buttonFlex
+    },
+    [`& > :not(button) > .${ro.root}`]: {
+      width: "100%"
+      // for button to fill its wrapper.
+    }
+  } : {
+    [`& > .${ro.root}:only-child`]: {
+      flex: "auto"
+    }
+  });
+}), oe = A(vo, {
+  name: "JoyCardActions",
+  slot: "Root",
+  overridesResolver: (r, e) => e.root
+})({}), ee = /* @__PURE__ */ h.forwardRef(function(e, a) {
+  const t = B({
+    props: e,
+    name: "JoyCardActions"
+  }), {
+    className: s,
+    component: n = "div",
+    children: l,
+    buttonFlex: i,
+    orientation: u = "horizontal",
+    slots: d = {},
+    slotProps: m = {}
+  } = t, b = _(t, Zo), k = c({}, b, {
+    component: n,
+    slots: d,
+    slotProps: m
+  }), x = c({}, t, {
+    component: n,
+    buttonFlex: i,
+    orientation: u
+  }), p = Qo(), [g, C] = z("root", {
+    ref: a,
+    className: W(p.root, s),
+    elementType: oe,
+    externalForwardedProps: k,
+    ownerState: x
+  });
+  return /* @__PURE__ */ T(g, c({}, C, {
+    children: l
+  }));
+});
+process.env.NODE_ENV !== "production" && (ee.propTypes = {
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │
+  // └─────────────────────────────────────────────────────────────────────┘
+  /**
+   * The CSS `flex` for the Button and its wrapper.
+   */
+  buttonFlex: o.oneOfType([o.number, o.string]),
+  /**
+   * Used to render icon or text elements inside the CardActions if `src` is not set.
+   * This can be an element, or just a string.
+   */
+  children: o.node,
+  /**
+   * @ignore
+   */
+  className: o.string,
+  /**
+   * The component used for the root node.
+   * Either a string to use a HTML element or a component.
+   */
+  component: o.elementType,
+  /**
+   * The component orientation.
+   * @default 'horizontal'
+   */
+  orientation: o.oneOf(["horizontal-reverse", "horizontal", "vertical"]),
+  /**
+   * The props used for each slot inside.
+   * @default {}
+   */
+  slotProps: o.shape({
+    root: o.oneOfType([o.func, o.object])
+  }),
+  /**
+   * The components used for each slot inside.
+   * @default {}
+   */
+  slots: o.shape({
+    root: o.elementType
+  }),
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: o.oneOfType([o.arrayOf(o.oneOfType([o.func, o.object, o.bool])), o.func, o.object])
+});
+function re(r) {
+  return w("MuiDialogActions", r);
+}
+$("MuiDialogActions", ["root"]);
+const te = ["component", "children", "buttonFlex", "orientation", "slots", "slotProps"], ne = () => N({
+  root: ["root"]
+}, re, {}), ae = A(vo, {
+  name: "JoyDialogActions",
+  slot: "Root",
+  overridesResolver: (r, e) => e.root
+})({}), se = /* @__PURE__ */ h.forwardRef(function(e, a) {
+  const t = B({
+    props: e,
+    name: "JoyDialogActions"
+  }), {
+    component: s = "div",
+    children: n,
+    buttonFlex: l,
+    orientation: i = "horizontal-reverse",
+    slots: u = {},
+    slotProps: d = {}
+  } = t, m = _(t, te), b = c({}, m, {
+    component: s,
+    slots: u,
+    slotProps: d
+  }), k = c({}, t, {
+    component: s,
+    buttonFlex: l,
+    orientation: i
+  }), x = ne(), [p, g] = z("root", {
+    ref: a,
+    className: x.root,
+    elementType: ae,
+    externalForwardedProps: b,
+    ownerState: k
+  });
+  return /* @__PURE__ */ T(p, c({}, g, {
+    children: n
+  }));
+});
+process.env.NODE_ENV !== "production" && (se.propTypes = {
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │
+  // └─────────────────────────────────────────────────────────────────────┘
+  /**
+   * The CSS `flex` for the Button and its wrapper.
+   */
+  buttonFlex: o.oneOfType([o.number, o.string]),
+  /**
+   * Used to render icon or text elements inside the DialogActions if `src` is not set.
+   * This can be an element, or just a string.
+   */
+  children: o.node,
+  /**
+   * The component used for the root node.
+   * Either a string to use a HTML element or a component.
+   */
+  component: o.elementType,
+  /**
+   * The component orientation.
+   * @default 'horizontal-reverse'
+   */
+  orientation: o.oneOf(["horizontal-reverse", "horizontal", "vertical"]),
+  /**
+   * The props used for each slot inside.
+   * @default {}
+   */
+  slotProps: o.shape({
+    root: o.oneOfType([o.func, o.object])
+  }),
+  /**
+   * The components used for each slot inside.
+   * @default {}
+   */
+  slots: o.shape({
+    root: o.elementType
+  }),
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: o.oneOfType([o.arrayOf(o.oneOfType([o.func, o.object, o.bool])), o.func, o.object])
+});
+function le(r) {
+  return w("MuiSheet", r);
+}
+$("MuiSheet", ["root", "colorPrimary", "colorNeutral", "colorDanger", "colorSuccess", "colorWarning", "colorContext", "variantPlain", "variantOutlined", "variantSoft", "variantSolid"]);
+const ie = ["className", "color", "component", "variant", "invertedColors", "slots", "slotProps"], ce = (r) => {
+  const {
+    variant: e,
+    color: a
+  } = r, t = {
+    root: ["root", e && `variant${O(e)}`, a && `color${O(a)}`]
+  };
+  return N(t, le, {});
+}, de = A("div", {
+  name: "JoySheet",
+  slot: "Root",
+  overridesResolver: (r, e) => e.root
+})(({
+  theme: r,
+  ownerState: e
+}) => {
+  var a, t;
+  const s = (a = r.variants[e.variant]) == null ? void 0 : a[e.color], {
+    borderRadius: n,
+    bgcolor: l,
+    backgroundColor: i,
+    background: u
+  } = lo({
+    theme: r,
+    ownerState: e
+  }, ["borderRadius", "bgcolor", "backgroundColor", "background"]), d = to(r, `palette.${l}`) || l || to(r, `palette.${i}`) || i || u || (s == null ? void 0 : s.backgroundColor) || (s == null ? void 0 : s.background) || r.vars.palette.background.surface;
+  return [c({
+    "--Icon-color": e.color !== "neutral" || e.variant === "solid" ? "currentColor" : r.vars.palette.text.icon,
+    "--ListItem-stickyBackground": d === "transparent" ? "initial" : d,
+    // for sticky List
+    "--Sheet-background": d === "transparent" ? "initial" : d
+  }, 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"
+  }), c({}, r.typography["body-md"], e.variant === "solid" && e.color && e.invertedColors && io(e.color)(r), e.variant === "soft" && e.color && e.invertedColors && co(e.color)(r), (t = r.variants[e.variant]) == null ? void 0 : t[e.color], s)];
+}), ue = /* @__PURE__ */ h.forwardRef(function(e, a) {
+  const t = B({
+    props: e,
+    name: "JoySheet"
+  }), {
+    className: s,
+    color: n = "neutral",
+    component: l = "div",
+    variant: i = "plain",
+    invertedColors: u = !1,
+    slots: d = {},
+    slotProps: m = {}
+  } = t, b = _(t, ie), k = c({}, t, {
+    color: n,
+    component: l,
+    invertedColors: u,
+    variant: i
+  }), x = ce(k), p = c({}, b, {
+    component: l,
+    slots: d,
+    slotProps: m
+  }), [g, C] = z("root", {
+    ref: a,
+    className: W(x.root, s),
+    elementType: de,
+    externalForwardedProps: p,
+    ownerState: k
+  });
+  return /* @__PURE__ */ T(g, c({}, C));
+});
+process.env.NODE_ENV !== "production" && (ue.propTypes = {
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │
+  // └─────────────────────────────────────────────────────────────────────┘
+  /**
+   * The content of the component.
+   */
+  children: o.node,
+  /**
+   * @ignore
+   */
+  className: o.string,
+  /**
+   * The color of the component. It supports those theme colors that make sense for this component.
+   * @default 'neutral'
+   */
+  color: o.oneOfType([o.oneOf(["danger", "neutral", "primary", "success", "warning"]), o.string]),
+  /**
+   * The component used for the root node.
+   * Either a string to use a HTML element or a component.
+   */
+  component: o.elementType,
+  /**
+   * If `true`, the children with an implicit color prop invert their colors to match the component's variant and color.
+   * @default false
+   */
+  invertedColors: o.bool,
+  /**
+   * The props used for each slot inside.
+   * @default {}
+   */
+  slotProps: o.shape({
+    root: o.oneOfType([o.func, o.object])
+  }),
+  /**
+   * The components used for each slot inside.
+   * @default {}
+   */
+  slots: o.shape({
+    root: o.elementType
+  }),
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: o.oneOfType([o.arrayOf(o.oneOfType([o.func, o.object, o.bool])), o.func, o.object]),
+  /**
+   * The [global variant](https://mui.com/joy-ui/main-features/global-variants/) to use.
+   * @default 'plain'
+   */
+  variant: o.oneOfType([o.oneOf(["outlined", "plain", "soft", "solid"]), o.string])
+});
+function pe(r) {
+  return w("MuiSnackbar", r);
+}
+$("MuiSnackbar", ["root", "anchorOriginTopCenter", "anchorOriginBottomCenter", "anchorOriginTopRight", "anchorOriginBottomRight", "anchorOriginTopLeft", "anchorOriginBottomLeft", "colorPrimary", "colorDanger", "colorNeutral", "colorSuccess", "colorWarning", "endDecorator", "sizeSm", "sizeMd", "sizeLg", "startDecorator", "variantPlain", "variantOutlined", "variantSoft", "variantSolid"]);
+const ve = ["anchorOrigin", "animationDuration", "autoHideDuration", "color", "children", "className", "component", "disableWindowBlurListener", "endDecorator", "invertedColors", "onBlur", "onClose", "onFocus", "onMouseEnter", "onMouseLeave", "onUnmount", "open", "resumeHideDuration", "size", "slots", "slotProps", "startDecorator", "variant"];
+let fo = (r) => r, ao, so;
+const fe = (r) => {
+  const {
+    variant: e,
+    color: a,
+    size: t,
+    anchorOrigin: s
+  } = r, n = {
+    root: ["root", t && `size${O(t)}`, a && `color${O(a)}`, e && `variant${O(e)}`, `anchorOrigin${O(s.vertical)}${O(s.horizontal)}`],
+    startDecorator: ["startDecorator"],
+    endDecorator: ["endDecorator"]
+  };
+  return N(n, pe, {});
+}, be = uo(ao || (ao = fo`
+  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);
+  }
+`)), ge = uo(so || (so = fo`
+  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;
+  }
+`)), he = A("div", {
+  name: "JoySnackbar",
+  slot: "Root",
+  overridesResolver: (r, e) => e.root
+})(({
+  theme: r,
+  ownerState: e
+}) => {
+  var a, t, s, n, l, i, u;
+  const {
+    p: d,
+    padding: m,
+    borderRadius: b
+  } = lo({
+    theme: r,
+    ownerState: e
+  }, ["p", "padding", "borderRadius"]);
+  return [c({
+    "--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: ((a = e.anchorOrigin) == null ? void 0 : a.vertical) === "top" ? "var(--Snackbar-inset)" : void 0,
+    left: ((t = e.anchorOrigin) == null ? void 0 : t.horizontal) === "left" ? "var(--Snackbar-inset)" : void 0,
+    bottom: ((s = e.anchorOrigin) == null ? void 0 : s.vertical) === "bottom" ? "var(--Snackbar-inset)" : void 0,
+    right: ((n = e.anchorOrigin) == null ? void 0 : n.horizontal) === "right" ? "var(--Snackbar-inset)" : void 0
+  }, ((l = e.anchorOrigin) == null ? void 0 : l.horizontal) === "center" && {
+    "--Snackbar-translateX": "-50%",
+    left: "50%",
+    transform: "translateX(var(--Snackbar-translateX))"
+  }, ((i = e.anchorOrigin) == null ? void 0 : i.vertical) === "top" && {
+    "--_Snackbar-anchorBottom": "-1"
+  }, {
+    animation: `${be} ${e.animationDuration}ms forwards`
+  }, !e.open && {
+    animationName: ge
+  }, {
+    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 && io(e.color)(r), e.variant === "soft" && e.color && e.invertedColors && co(e.color)(r), (u = r.variants[e.variant]) == null ? void 0 : u[e.color]), d !== void 0 && {
+    "--Snackbar-padding": d
+  }, m !== void 0 && {
+    "--Snackbar-padding": m
+  }, b !== void 0 && {
+    "--Snackbar-radius": b
+  }];
+}), me = A("span", {
+  name: "JoySnackbar",
+  slot: "StartDecorator",
+  overridesResolver: (r, e) => e.startDecorator
+})({
+  display: "inherit",
+  flex: "none"
+}), ye = A("span", {
+  name: "JoySnackbar",
+  slot: "EndDecorator",
+  overridesResolver: (r, e) => e.endDecorator
+})({
+  display: "inherit",
+  flex: "none",
+  marginLeft: "auto"
+}), Ce = {
+  vertical: "bottom",
+  horizontal: "right"
+}, Te = /* @__PURE__ */ h.forwardRef(function(e, a) {
+  const t = B({
+    props: e,
+    name: "JoySnackbar"
+  }), {
+    anchorOrigin: s = Ce,
+    animationDuration: n = 300,
+    autoHideDuration: l = null,
+    color: i = "neutral",
+    children: u,
+    className: d,
+    component: m,
+    disableWindowBlurListener: b = !1,
+    endDecorator: k,
+    invertedColors: x = !1,
+    onUnmount: p,
+    open: g,
+    size: C = "md",
+    slots: v = {},
+    slotProps: f,
+    startDecorator: y,
+    variant: E = "outlined"
+  } = t, D = _(t, ve), [P, L] = h.useState(!0), [U, I] = h.useState(!1), F = h.useRef(p);
+  F.current = p, h.useEffect(() => {
+    if (g)
+      I(!1), L(!1);
+    else {
+      I(!0);
+      const G = setTimeout(() => {
+        var oo;
+        L(!0), I(!1), (oo = F.current) == null || oo.call(F);
+      }, n);
+      return () => {
+        clearTimeout(G);
+      };
+    }
+  }, [g, n]);
+  const S = c({}, t, {
+    anchorOrigin: s,
+    autoHideDuration: l,
+    color: i,
+    animationDuration: n,
+    disableWindowBlurListener: b,
+    invertedColors: x,
+    size: C,
+    variant: E
+  });
+  delete S.onUnmount;
+  const H = fe(S), {
+    getRootProps: X,
+    onClickAway: Z
+  } = _o(S), Q = (G) => {
+    U || Z(G);
+  }, J = c({}, D, {
+    component: m,
+    slots: v,
+    slotProps: f
+  }), [ho, mo] = z("root", {
+    ref: a,
+    className: W(H.root, d),
+    elementType: he,
+    externalForwardedProps: J,
+    getSlotProps: X,
+    ownerState: S
+  }), [yo, Co] = z("startDecorator", {
+    className: H.startDecorator,
+    elementType: me,
+    externalForwardedProps: J,
+    ownerState: S
+  }), [To, ko] = z("endDecorator", {
+    className: H.endDecorator,
+    elementType: ye,
+    externalForwardedProps: J,
+    ownerState: S
+  }), xo = v.clickAway || j;
+  return !g && P ? null : /* @__PURE__ */ T(xo, c({
+    onClickAway: Q
+  }, typeof (f == null ? void 0 : f.clickAway) == "function" ? f.clickAway(S) : f == null ? void 0 : f.clickAway, {
+    children: /* @__PURE__ */ $o(ho, c({}, mo, {
+      children: [y && /* @__PURE__ */ T(yo, c({}, Co, {
+        children: y
+      })), u, k && /* @__PURE__ */ T(To, c({}, ko, {
+        children: k
+      }))]
+    }))
+  }));
+});
+process.env.NODE_ENV !== "production" && (Te.propTypes = {
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │
+  // └─────────────────────────────────────────────────────────────────────┘
+  /**
+   * The anchor of the `Snackbar`.
+   * On smaller screens, the component grows to occupy all the available width,
+   * the horizontal alignment is ignored.
+   * @default { vertical: 'bottom', horizontal: 'right' }
+   */
+  anchorOrigin: o.shape({
+    horizontal: o.oneOf(["center", "left", "right"]).isRequired,
+    vertical: o.oneOf(["bottom", "top"]).isRequired
+  }),
+  /**
+   * The duration of the animation in milliseconds. This value is used to control
+   * the length of time it takes for an animation to complete one cycle. It is also
+   * utilized for delaying the unmount of the component.
+   * Provide this value if you have your own animation so that we can precisely
+   * time the component's unmount to match your custom animation.
+   * @default 300
+   */
+  animationDuration: o.number,
+  /**
+   * The number of milliseconds to wait before automatically calling the
+   * `onClose` function. `onClose` should then set the state of the `open`
+   * prop to hide the Snackbar. This behavior is disabled by default with
+   * the `null` value.
+   * @default null
+   */
+  autoHideDuration: o.number,
+  /**
+   * @ignore
+   */
+  children: o.node,
+  /**
+   * @ignore
+   */
+  className: o.string,
+  /**
+   * The color of the component. It supports those theme colors that make sense for this component.
+   * @default 'neutral'
+   */
+  color: o.oneOf(["danger", "neutral", "primary", "success", "warning"]),
+  /**
+   * The component used for the root node.
+   * Either a string to use a HTML element or a component.
+   */
+  component: o.elementType,
+  /**
+   * If `true`, the `autoHideDuration` timer will expire even if the window is not focused.
+   * @default false
+   */
+  disableWindowBlurListener: o.bool,
+  /**
+   * Element placed after the children.
+   */
+  endDecorator: o.node,
+  /**
+   * If `true`, the children with an implicit color prop invert their colors to match the component's variant and color.
+   * @default false
+   */
+  invertedColors: o.bool,
+  /**
+   * When displaying multiple consecutive snackbars using a single parent-rendered
+   * `<Snackbar/>`, add the `key` prop to ensure independent treatment of each message.
+   * For instance, use `<Snackbar key={message} />`. Otherwise, messages might update
+   * in place, and features like `autoHideDuration` could be affected.
+   */
+  key: () => null,
+  /**
+   * @ignore
+   */
+  onBlur: o.func,
+  /**
+   * Callback fired when the component requests to be closed.
+   * Typically `onClose` is used to set state in the parent component,
+   * which is used to control the `Snackbar` `open` prop.
+   * The `reason` parameter can optionally be used to control the response to `onClose`,
+   * for example ignoring `clickaway`.
+   *
+   * @param {React.SyntheticEvent<any> | Event} event The event source of the callback.
+   * @param {string} reason Can be: `"timeout"` (`autoHideDuration` expired), `"clickaway"`, or `"escapeKeyDown"`.
+   */
+  onClose: o.func,
+  /**
+   * @ignore
+   */
+  onFocus: o.func,
+  /**
+   * @ignore
+   */
+  onMouseEnter: o.func,
+  /**
+   * @ignore
+   */
+  onMouseLeave: o.func,
+  /**
+   * A callback fired when the component is about to be unmounted.
+   */
+  onUnmount: o.func,
+  /**
+   * If `true`, the component is shown.
+   */
+  open: o.bool.isRequired,
+  /**
+   * The number of milliseconds to wait before dismissing after user interaction.
+   * If `autoHideDuration` prop isn't specified, it does nothing.
+   * If `autoHideDuration` prop is specified but `resumeHideDuration` isn't,
+   * we default to `autoHideDuration / 2` ms.
+   */
+  resumeHideDuration: o.number,
+  /**
+   * The size of the component.
+   * @default 'md'
+   */
+  size: o.oneOf(["sm", "md", "lg"]),
+  /**
+   * The props used for each slot inside.
+   * @default {}
+   */
+  slotProps: o.shape({
+    clickAway: o.oneOfType([o.func, o.shape({
+      children: o.element.isRequired,
+      disableReactTree: o.bool,
+      mouseEvent: o.oneOf(["onClick", "onMouseDown", "onMouseUp", "onPointerDown", "onPointerUp", !1]),
+      onClickAway: o.func.isRequired,
+      touchEvent: o.oneOf(["onTouchEnd", "onTouchStart", !1])
+    })]),
+    endDecorator: o.oneOfType([o.func, o.object]),
+    root: o.oneOfType([o.func, o.object]),
+    startDecorator: o.oneOfType([o.func, o.object])
+  }),
+  /**
+   * The components used for each slot inside.
+   * @default {}
+   */
+  slots: o.shape({
+    clickAway: o.elementType,
+    endDecorator: o.elementType,
+    root: o.elementType,
+    startDecorator: o.elementType
+  }),
+  /**
+   * Element placed before the children.
+   */
+  startDecorator: o.node,
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: o.oneOfType([o.arrayOf(o.oneOfType([o.func, o.object, o.bool])), o.func, o.object]),
+  /**
+   * The [global variant](https://mui.com/joy-ui/main-features/global-variants/) to use.
+   * @default 'outlined'
+   */
+  variant: o.oneOf(["outlined", "plain", "soft", "solid"])
+});
+function ke(r) {
+  return w("MuiTable", r);
+}
+$("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 xe = ["className", "component", "children", "borderAxis", "hoverRow", "noWrap", "size", "variant", "color", "stripe", "stickyHeader", "stickyFooter", "slots", "slotProps"], Re = (r) => {
+  const {
+    size: e,
+    variant: a,
+    color: t,
+    borderAxis: s,
+    stickyHeader: n,
+    stickyFooter: l,
+    noWrap: i,
+    hoverRow: u
+  } = r, d = {
+    root: ["root", n && "stickyHeader", l && "stickyFooter", i && "noWrap", u && "hoverRow", s && `borderAxis${O(s)}`, a && `variant${O(a)}`, t && `color${O(t)}`, e && `size${O(e)}`]
+  };
+  return N(d, ke, {});
+}, R = {
+  /**
+   * 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";
+  }
+}, Oe = A("table", {
+  name: "JoyTable",
+  slot: "Root",
+  overridesResolver: (r, e) => e.root
+})(({
+  theme: r,
+  ownerState: e
+}) => {
+  var a, t, s, n, l, i, u;
+  const d = (a = r.variants[e.variant]) == null ? void 0 : a[e.color];
+  return [c({
+    "--Table-headerUnderlineThickness": "2px",
+    "--TableCell-borderColor": (t = d == null ? void 0 : d.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]}`], (s = r.variants[e.variant]) == null ? void 0 : s[e.color], {
+    "& caption": {
+      color: r.vars.palette.text.tertiary,
+      padding: "calc(2 * var(--TableCell-paddingY)) var(--TableCell-paddingX)"
+    },
+    [R.getDataCell()]: c({
+      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"
+    }),
+    [R.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"
+    },
+    [R.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")) || ((l = e.borderAxis) == null ? void 0 : l.startsWith("both"))) && {
+    // insert border between rows
+    [R.getHeaderCell()]: {
+      borderBottomWidth: 1,
+      borderBottomStyle: "solid"
+    },
+    [R.getBottomHeaderCell()]: {
+      borderBottomWidth: "var(--Table-headerUnderlineThickness)",
+      borderBottomStyle: "solid"
+    },
+    [R.getBodyCellExceptLastRow()]: {
+      borderBottomWidth: 1,
+      borderBottomStyle: "solid"
+    },
+    [R.getFooterCell()]: {
+      borderTopWidth: 1,
+      borderTopStyle: "solid"
+    }
+  }, (((i = e.borderAxis) == null ? void 0 : i.startsWith("y")) || ((u = e.borderAxis) == null ? void 0 : u.startsWith("both"))) && {
+    // insert border between columns
+    [`${R.getColumnExceptFirst()}, ${R.getHeaderNestedFirstColumn()}`]: {
+      borderLeftWidth: 1,
+      borderLeftStyle: "solid"
+    }
+  }, (e.borderAxis === "x" || e.borderAxis === "both") && {
+    // insert border at the top of header and bottom of body
+    [R.getHeaderCellOfRow(1)]: {
+      borderTopWidth: 1,
+      borderTopStyle: "solid"
+    },
+    [R.getBodyCellOfRow(-1)]: {
+      borderBottomWidth: 1,
+      borderBottomStyle: "solid"
+    },
+    [R.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 && {
+    [R.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 && {
+    [R.getBodyRow()]: {
+      "&:hover": {
+        background: `var(--TableRow-hoverBackground, ${r.vars.palette.background.level3})`
+      }
+    }
+  }, e.stickyHeader && {
+    // The column header
+    [R.getHeaderCell()]: {
+      position: "sticky",
+      top: 0,
+      zIndex: r.vars.zIndex.table
+    },
+    [R.getHeaderCellOfRow(2)]: {
+      // support upto 2 rows for the sticky header
+      top: "var(--unstable_TableCell-height)"
+    }
+  }, e.stickyFooter && {
+    // The column header
+    [R.getFooterCell()]: {
+      position: "sticky",
+      bottom: 0,
+      zIndex: r.vars.zIndex.table,
+      color: r.vars.palette.text.secondary,
+      fontWeight: r.vars.fontWeight.lg
+    },
+    [R.getFooterFirstRowCell()]: {
+      // support upto 2 rows for the sticky footer
+      bottom: "var(--unstable_TableCell-height)"
+    }
+  }];
+}), Ae = /* @__PURE__ */ h.forwardRef(function(e, a) {
+  const t = B({
+    props: e,
+    name: "JoyTable"
+  }), {
+    className: s,
+    component: n,
+    children: l,
+    borderAxis: i = "xBetween",
+    hoverRow: u = !1,
+    noWrap: d = !1,
+    size: m = "md",
+    variant: b = "plain",
+    color: k = "neutral",
+    stripe: x,
+    stickyHeader: p = !1,
+    stickyFooter: g = !1,
+    slots: C = {},
+    slotProps: v = {}
+  } = t, f = _(t, xe), y = c({}, t, {
+    borderAxis: i,
+    hoverRow: u,
+    noWrap: d,
+    component: n,
+    size: m,
+    color: k,
+    variant: b,
+    stripe: x,
+    stickyHeader: p,
+    stickyFooter: g
+  }), E = Re(y), D = c({}, f, {
+    component: n,
+    slots: C,
+    slotProps: v
+  }), [P, L] = z("root", {
+    ref: a,
+    className: W(E.root, s),
+    elementType: Oe,
+    externalForwardedProps: D,
+    ownerState: y
+  });
+  return /* @__PURE__ */ T(Eo.Provider, {
+    value: !0,
+    children: /* @__PURE__ */ T(P, c({}, L, {
+      children: l
+    }))
+  });
+});
+process.env.NODE_ENV !== "production" && (Ae.propTypes = {
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │
+  // └─────────────────────────────────────────────────────────────────────┘
+  /**
+   * The axis to display a border on the table cell.
+   * @default 'xBetween'
+   */
+  borderAxis: o.oneOfType([o.oneOf(["both", "bothBetween", "none", "x", "xBetween", "y", "yBetween"]), o.string]),
+  /**
+   * Children of the table
+   */
+  children: o.node,
+  /**
+   * @ignore
+   */
+  className: o.string,
+  /**
+   * The color of the component. It supports those theme colors that make sense for this component.
+   * @default 'neutral'
+   */
+  color: o.oneOfType([o.oneOf(["danger", "neutral", "primary", "success", "warning"]), o.string]),
+  /**
+   * The component used for the root node.
+   * Either a string to use a HTML element or a component.
+   */
+  component: o.elementType,
+  /**
+   * If `true`, the table row will shade on hover.
+   * @default false
+   */
+  hoverRow: o.bool,
+  /**
+   * If `true`, the body cells will not wrap, but instead will truncate with a text overflow ellipsis.
+   *
+   * Note: Header cells are always truncated with overflow ellipsis.
+   *
+   * @default false
+   */
+  noWrap: o.bool,
+  /**
+   * The size of the component.
+   * It accepts theme values between 'sm' and 'lg'.
+   * @default 'md'
+   */
+  size: o.oneOfType([o.oneOf(["sm", "md", "lg"]), o.string]),
+  /**
+   * The props used for each slot inside.
+   * @default {}
+   */
+  slotProps: o.shape({
+    root: o.oneOfType([o.func, o.object])
+  }),
+  /**
+   * The components used for each slot inside.
+   * @default {}
+   */
+  slots: o.shape({
+    root: o.elementType
+  }),
+  /**
+   * If `true`, the footer always appear at the bottom of the overflow table.
+   *
+   * ⚠️ It doesn't work with IE11.
+   * @default false
+   */
+  stickyFooter: o.bool,
+  /**
+   * If `true`, the header always appear at the top of the overflow table.
+   *
+   * ⚠️ It doesn't work with IE11.
+   * @default false
+   */
+  stickyHeader: o.bool,
+  /**
+   * The odd or even row of the table body will have subtle background color.
+   */
+  stripe: o.oneOfType([o.oneOf(["odd", "even"]), o.string]),
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: o.oneOfType([o.arrayOf(o.oneOfType([o.func, o.object, o.bool])), o.func, o.object]),
+  /**
+   * The [global variant](https://mui.com/joy-ui/main-features/global-variants/) to use.
+   * @default 'plain'
+   */
+  variant: o.oneOfType([o.oneOf(["outlined", "plain", "soft", "solid"]), o.string])
+});
+const Be = M(/* @__PURE__ */ T("path", {
+  d: "M15.41 16.59 10.83 12l4.58-4.59L14 6l-6 6 6 6z"
+}), "KeyboardArrowLeft"), _e = M(/* @__PURE__ */ T("path", {
+  d: "M8.59 16.59 13.17 12 8.59 7.41 10 6l6 6-6 6z"
+}), "KeyboardArrowRight"), Ne = M(/* @__PURE__ */ T("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"), Le = M(/* @__PURE__ */ T("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"), Fe = M(/* @__PURE__ */ T("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 ze = (r) => r.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), bo = (...r) => r.filter((e, a, t) => !!e && e.trim() !== "" && t.indexOf(e) === a).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 Se = {
+  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 Ee = po(
+  ({
+    color: r = "currentColor",
+    size: e = 24,
+    strokeWidth: a = 2,
+    absoluteStrokeWidth: t,
+    className: s = "",
+    children: n,
+    iconNode: l,
+    ...i
+  }, u) => q(
+    "svg",
+    {
+      ref: u,
+      ...Se,
+      width: e,
+      height: e,
+      stroke: r,
+      strokeWidth: t ? Number(a) * 24 / Number(e) : a,
+      className: bo("lucide", s),
+      ...i
+    },
+    [
+      ...l.map(([d, m]) => q(d, m)),
+      ...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 go = (r, e) => {
+  const a = po(
+    ({ className: t, ...s }, n) => q(Ee, {
+      ref: n,
+      iconNode: e,
+      className: bo(`lucide-${ze(r)}`, t),
+      ...s
+    })
+  );
+  return a.displayName = `${r}`, a;
+};
+/**
+ * @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 Me = go("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 Ie = go("ChevronRight", [
+  ["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]
+]), He = M(/* @__PURE__ */ T("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 {
+  Vo as A,
+  Me as C,
+  se as D,
+  Le as E,
+  Ne as H,
+  Be as K,
+  Fe as P,
+  ue as S,
+  Ae as T,
+  _e as a,
+  Ie as b,
+  Te as c,
+  He as d,
+  go as e
+};