fansunited-frontend-components 0.0.39 → 0.0.40

package/chunks/Notification-Bwcoljir.js

@@ -1,961 +0,0 @@
-import { j as ve, U, V as j, P as e, X as me, Y as he, _ as h, Z as K, n as I, m as $, s as T, p as G, k as W, q as C, K as re, t as X, r as A, $ as ne, O as ge, Q as ye, R as be, d as ke, w as Se, v as ze, B as Oe, T as Q } from "./ConstantsProvider-BPJJz9fq.js";
-import * as d from "react";
-import { c as xe, C as Ae } from "./CheckCircle-D-GH16Lb.js";
-import { jsx as k, jsxs as te } from "react/jsx-runtime";
-import { e as Ce } from "./Spinner-m59ZJZ35.js";
-function Z(r) {
-  return r.substring(2).toLowerCase();
-}
-function Te(r, o) {
-  return o.documentElement.clientWidth < r.clientX || o.documentElement.clientHeight < r.clientY;
-}
-function M(r) {
-  const {
-    children: o,
-    disableReactTree: s = !1,
-    mouseEvent: n = "onClick",
-    onClickAway: a,
-    touchEvent: t = "onTouchEnd"
-  } = r, u = d.useRef(!1), l = d.useRef(null), g = d.useRef(!1), b = d.useRef(!1);
-  d.useEffect(() => (setTimeout(() => {
-    g.current = !0;
-  }, 0), () => {
-    g.current = !1;
-  }), []);
-  const y = ve(
-    // @ts-expect-error TODO upstream fix
-    o.ref,
-    l
-  ), f = U((p) => {
-    const v = b.current;
-    b.current = !1;
-    const S = j(l.current);
-    if (!g.current || !l.current || "clientX" in p && Te(p, S))
-      return;
-    if (u.current) {
-      u.current = !1;
-      return;
-    }
-    let i;
-    p.composedPath ? i = p.composedPath().indexOf(l.current) > -1 : i = !S.documentElement.contains(
-      // @ts-expect-error returns `false` as intended when not dispatched from a Node
-      p.target
-    ) || l.current.contains(
-      // @ts-expect-error returns `false` as intended when not dispatched from a Node
-      p.target
-    ), !i && (s || !v) && a(p);
-  }), O = (p) => (v) => {
-    b.current = !0;
-    const S = o.props[p];
-    S && S(v);
-  }, z = {
-    ref: y
-  };
-  return t !== !1 && (z[t] = O(t)), d.useEffect(() => {
-    if (t !== !1) {
-      const p = Z(t), v = j(l.current), S = () => {
-        u.current = !0;
-      };
-      return v.addEventListener(p, f), v.addEventListener("touchmove", S), () => {
-        v.removeEventListener(p, f), v.removeEventListener("touchmove", S);
-      };
-    }
-  }, [f, t]), n !== !1 && (z[n] = O(n)), d.useEffect(() => {
-    if (n !== !1) {
-      const p = Z(n), v = j(l.current);
-      return v.addEventListener(p, f), () => {
-        v.removeEventListener(p, f);
-      };
-    }
-  }, [f, n]), /* @__PURE__ */ k(d.Fragment, {
-    children: /* @__PURE__ */ d.cloneElement(o, z)
-  });
-}
-process.env.NODE_ENV !== "production" && (M.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: Ce.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: e.bool,
-  /**
-   * The mouse event to listen to. You can disable the listener by providing `false`.
-   * @default 'onClick'
-   */
-  mouseEvent: e.oneOf(["onClick", "onMouseDown", "onMouseUp", "onPointerDown", "onPointerUp", !1]),
-  /**
-   * Callback fired when a "click away" event is detected.
-   */
-  onClickAway: e.func.isRequired,
-  /**
-   * The touch event to listen to. You can disable the listener by providing `false`.
-   * @default 'onTouchEnd'
-   */
-  touchEvent: e.oneOf(["onTouchEnd", "onTouchStart", !1])
-});
-process.env.NODE_ENV !== "production" && (M.propTypes = me(M.propTypes));
-function Ee(r = {}) {
-  const {
-    autoHideDuration: o = null,
-    disableWindowBlurListener: s = !1,
-    onClose: n,
-    open: a,
-    resumeHideDuration: t
-  } = r, u = he();
-  d.useEffect(() => {
-    if (!a)
-      return;
-    function i(c) {
-      c.defaultPrevented || (c.key === "Escape" || c.key === "Esc") && (n == null || n(c, "escapeKeyDown"));
-    }
-    return document.addEventListener("keydown", i), () => {
-      document.removeEventListener("keydown", i);
-    };
-  }, [a, n]);
-  const l = U((i, c) => {
-    n == null || n(i, c);
-  }), g = U((i) => {
-    !n || i == null || u.start(i, () => {
-      l(null, "timeout");
-    });
-  });
-  d.useEffect(() => (a && g(o), u.clear), [a, o, g, u]);
-  const b = (i) => {
-    n == null || n(i, "clickaway");
-  }, y = u.clear, f = d.useCallback(() => {
-    o != null && g(t ?? o * 0.5);
-  }, [o, t, g]), O = (i) => (c) => {
-    const m = i.onBlur;
-    m == null || m(c), f();
-  }, z = (i) => (c) => {
-    const m = i.onFocus;
-    m == null || m(c), y();
-  }, p = (i) => (c) => {
-    const m = i.onMouseEnter;
-    m == null || m(c), y();
-  }, v = (i) => (c) => {
-    const m = i.onMouseLeave;
-    m == null || m(c), f();
-  };
-  return d.useEffect(() => {
-    if (!s && a)
-      return window.addEventListener("focus", f), window.addEventListener("blur", y), () => {
-        window.removeEventListener("focus", f), window.removeEventListener("blur", y);
-      };
-  }, [s, a, f, y]), {
-    getRootProps: (i = {}) => {
-      const c = h({}, K(r), K(i));
-      return h({
-        // ClickAwayListener adds an `onClick` prop which results in the alert not being announced.
-        // See https://github.com/mui/material-ui/issues/29080
-        role: "presentation"
-      }, i, c, {
-        onBlur: O(c),
-        onFocus: z(c),
-        onMouseEnter: p(c),
-        onMouseLeave: v(c)
-      });
-    },
-    onClickAway: b
-  };
-}
-const Re = xe(/* @__PURE__ */ k("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 De(r) {
-  return I("MuiAvatar", r);
-}
-$("MuiAvatar", ["root", "colorPrimary", "colorNeutral", "colorDanger", "colorSuccess", "colorWarning", "colorContext", "fallback", "sizeSm", "sizeMd", "sizeLg", "img", "variantOutlined", "variantSoft", "variantSolid"]);
-function Pe(r) {
-  return I("MuiAvatarGroup", r);
-}
-$("MuiAvatarGroup", ["root"]);
-const we = ["className", "color", "component", "size", "variant", "children", "slots", "slotProps"], J = /* @__PURE__ */ d.createContext(void 0);
-process.env.NODE_ENV !== "production" && (J.displayName = "AvatarGroupContext");
-const Ne = () => X({
-  root: ["root"]
-}, Pe, {}), Le = T("div", {
-  name: "JoyAvatarGroup",
-  slot: "Root",
-  overridesResolver: (r, o) => o.root
-})(({
-  ownerState: r,
-  theme: o
-}) => h({}, 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, ${o.vars.palette.background.surface})`,
-  "--Avatar-marginInlineStart": "var(--AvatarGroup-gap)",
-  display: "flex",
-  marginInlineStart: "calc(-1 * var(--AvatarGroup-gap))"
-})), Me = /* @__PURE__ */ d.forwardRef(function(o, s) {
-  const n = G({
-    props: o,
-    name: "JoyAvatarGroup"
-  }), {
-    className: a,
-    color: t,
-    component: u = "div",
-    size: l = "md",
-    variant: g,
-    children: b,
-    slots: y = {},
-    slotProps: f = {}
-  } = n, O = W(n, we), z = d.useMemo(() => h({}, n, {
-    color: t,
-    component: u,
-    size: l,
-    variant: g
-  }), [t, u, n, l, g]), p = Ne(), [v, S] = C("root", {
-    ref: s,
-    className: re(p.root, a),
-    elementType: Le,
-    externalForwardedProps: h({}, O, {
-      component: u,
-      slots: y,
-      slotProps: f
-    }),
-    ownerState: z
-  });
-  return /* @__PURE__ */ k(J.Provider, {
-    value: z,
-    children: /* @__PURE__ */ k(v, h({}, S, {
-      children: b
-    }))
-  });
-});
-process.env.NODE_ENV !== "production" && (Me.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: e.node,
-  /**
-   * @ignore
-   */
-  className: e.string,
-  /**
-   * The color of the component. It supports those theme colors that make sense for this component.
-   * @default 'neutral'
-   */
-  color: e.oneOfType([e.oneOf(["danger", "neutral", "primary", "success", "warning"]), e.string]),
-  /**
-   * The component used for the root node.
-   * Either a string to use a HTML element or a component.
-   */
-  component: e.elementType,
-  /**
-   * The size of the component.
-   * It accepts theme values between 'sm' and 'lg'.
-   * @default 'md'
-   */
-  size: e.oneOfType([e.oneOf(["lg", "md", "sm"]), e.string]),
-  /**
-   * The props used for each slot inside.
-   * @default {}
-   */
-  slotProps: e.shape({
-    root: e.oneOfType([e.func, e.object])
-  }),
-  /**
-   * The components used for each slot inside.
-   * @default {}
-   */
-  slots: e.shape({
-    root: e.elementType
-  }),
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
-   */
-  sx: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.object]),
-  /**
-   * The [global variant](https://mui.com/joy-ui/main-features/global-variants/) to use.
-   * @default 'soft'
-   */
-  variant: e.oneOfType([e.oneOf(["outlined", "plain", "soft", "solid"]), e.string])
-});
-const Ie = ["alt", "color", "size", "variant", "src", "srcSet", "children", "component", "slots", "slotProps"], $e = (r) => {
-  const {
-    size: o,
-    variant: s,
-    color: n,
-    src: a,
-    srcSet: t
-  } = r, u = {
-    root: ["root", s && `variant${A(s)}`, n && `color${A(n)}`, o && `size${A(o)}`],
-    img: [(a || t) && "img"],
-    fallback: ["fallback"]
-  };
-  return X(u, De, {});
-}, _e = T("div", {
-  name: "JoyAvatar",
-  slot: "Root",
-  overridesResolver: (r, o) => o.root
-})(({
-  theme: r,
-  ownerState: o
-}) => {
-  var s;
-  return h({
-    "--Icon-color": o.color !== "neutral" || o.variant === "solid" ? "currentColor" : r.vars.palette.text.icon
-  }, r.typography[`title-${o.size}`], o.size === "sm" && {
-    width: "var(--Avatar-size, 2rem)",
-    height: "var(--Avatar-size, 2rem)",
-    fontSize: "calc(var(--Avatar-size, 2rem) * 0.4375)"
-    // default as 14px
-  }, o.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
-  }, o.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"
-  }, (s = r.variants[o.variant]) == null ? void 0 : s[o.color]);
-}), He = T("img", {
-  name: "JoyAvatar",
-  slot: "Img",
-  overridesResolver: (r, o) => o.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
-}), Be = T(Re, {
-  name: "JoyAvatar",
-  slot: "Fallback",
-  overridesResolver: (r, o) => o.fallback
-})({
-  width: "64%",
-  height: "64%"
-});
-function Fe({
-  crossOrigin: r,
-  referrerPolicy: o,
-  src: s,
-  srcSet: n
-}) {
-  const [a, t] = d.useState(!1);
-  return d.useEffect(() => {
-    if (!s && !n)
-      return;
-    t(!1);
-    let u = !0;
-    const l = new Image();
-    return l.onload = () => {
-      u && t("loaded");
-    }, l.onerror = () => {
-      u && t("error");
-    }, l.crossOrigin = r, l.referrerPolicy = o, s && (l.src = s), n && (l.srcset = n), () => {
-      u = !1;
-    };
-  }, [r, o, s, n]), a;
-}
-const je = /* @__PURE__ */ d.forwardRef(function(o, s) {
-  const n = G({
-    props: o,
-    name: "JoyAvatar"
-  }), a = d.useContext(J), {
-    alt: t,
-    color: u = "neutral",
-    size: l = "md",
-    variant: g = "soft",
-    src: b,
-    srcSet: y,
-    children: f,
-    component: O,
-    slots: z = {},
-    slotProps: p = {}
-  } = n, v = W(n, Ie), S = o.variant || (a == null ? void 0 : a.variant) || g, i = o.color || (a == null ? void 0 : a.color) || u, c = o.size || (a == null ? void 0 : a.size) || l;
-  let m = null;
-  const E = h({}, n, {
-    color: i,
-    size: c,
-    variant: S,
-    grouped: !!a
-  }), D = $e(E), P = h({}, v, {
-    component: O,
-    slots: z,
-    slotProps: p
-  }), [L, _] = C("root", {
-    ref: s,
-    className: D.root,
-    elementType: _e,
-    externalForwardedProps: P,
-    ownerState: E
-  }), [w, R] = C("img", {
-    additionalProps: {
-      alt: t,
-      src: b,
-      srcSet: y
-    },
-    className: D.img,
-    elementType: He,
-    externalForwardedProps: P,
-    ownerState: E
-  }), [x, N] = C("fallback", {
-    className: D.fallback,
-    elementType: Be,
-    externalForwardedProps: P,
-    ownerState: E
-  }), H = Fe(h({}, R, {
-    src: b,
-    srcSet: y
-  }));
-  return (b || y) && H !== "error" ? m = /* @__PURE__ */ k(w, h({}, R)) : f != null ? m = f : t ? m = t[0] : m = /* @__PURE__ */ k(x, h({}, N)), /* @__PURE__ */ k(L, h({}, _, {
-    children: m
-  }));
-});
-process.env.NODE_ENV !== "production" && (je.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: e.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: e.node,
-  /**
-   * The color of the component. It supports those theme colors that make sense for this component.
-   * @default 'neutral'
-   */
-  color: e.oneOfType([e.oneOf(["danger", "neutral", "primary", "success", "warning"]), e.string]),
-  /**
-   * The component used for the root node.
-   * Either a string to use a HTML element or a component.
-   */
-  component: e.elementType,
-  /**
-   * The size of the component.
-   * It accepts theme values between 'sm' and 'lg'.
-   * @default 'md'
-   */
-  size: e.oneOfType([e.oneOf(["lg", "md", "sm"]), e.string]),
-  /**
-   * The props used for each slot inside.
-   * @default {}
-   */
-  slotProps: e.shape({
-    fallback: e.oneOfType([e.func, e.object]),
-    img: e.oneOfType([e.func, e.object]),
-    root: e.oneOfType([e.func, e.object])
-  }),
-  /**
-   * The components used for each slot inside.
-   * @default {}
-   */
-  slots: e.shape({
-    fallback: e.elementType,
-    img: e.elementType,
-    root: e.elementType
-  }),
-  /**
-   * The `src` attribute for the `img` element.
-   */
-  src: e.string,
-  /**
-   * The `srcSet` attribute for the `img` element.
-   * Use this attribute for responsive image display.
-   */
-  srcSet: e.string,
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
-   */
-  sx: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.object]),
-  /**
-   * The [global variant](https://mui.com/joy-ui/main-features/global-variants/) to use.
-   * @default 'soft'
-   */
-  variant: e.oneOfType([e.oneOf(["outlined", "plain", "soft", "solid"]), e.string])
-});
-function no(r) {
-  return I("MuiDivider", r);
-}
-const to = $("MuiDivider", ["root", "horizontal", "vertical", "insetContext", "insetNone"]);
-function Ue(r) {
-  return I("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 Ge = ["anchorOrigin", "animationDuration", "autoHideDuration", "color", "children", "className", "component", "disableWindowBlurListener", "endDecorator", "invertedColors", "onBlur", "onClose", "onFocus", "onMouseEnter", "onMouseLeave", "onUnmount", "open", "resumeHideDuration", "size", "slots", "slotProps", "startDecorator", "variant"];
-let ae = (r) => r, ee, oe;
-const We = (r) => {
-  const {
-    variant: o,
-    color: s,
-    size: n,
-    anchorOrigin: a
-  } = r, t = {
-    root: ["root", n && `size${A(n)}`, s && `color${A(s)}`, o && `variant${A(o)}`, `anchorOrigin${A(a.vertical)}${A(a.horizontal)}`],
-    startDecorator: ["startDecorator"],
-    endDecorator: ["endDecorator"]
-  };
-  return X(t, Ue, {});
-}, Xe = ne(ee || (ee = ae`
-  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);
-  }
-`)), Je = ne(oe || (oe = ae`
-  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 = T("div", {
-  name: "JoySnackbar",
-  slot: "Root",
-  overridesResolver: (r, o) => o.root
-})(({
-  theme: r,
-  ownerState: o
-}) => {
-  var s, n, a, t, u, l, g;
-  const {
-    p: b,
-    padding: y,
-    borderRadius: f
-  } = ge({
-    theme: r,
-    ownerState: o
-  }, ["p", "padding", "borderRadius"]);
-  return [h({
-    "--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"
-  }, o.size === "sm" && {
-    "--Snackbar-padding": "0.75rem",
-    "--Snackbar-inset": "0.5rem",
-    "--Snackbar-decoratorChildHeight": "1.5rem",
-    "--Icon-fontSize": r.vars.fontSize.xl,
-    gap: "0.5rem"
-  }, o.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"
-  }, o.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: ((s = o.anchorOrigin) == null ? void 0 : s.vertical) === "top" ? "var(--Snackbar-inset)" : void 0,
-    left: ((n = o.anchorOrigin) == null ? void 0 : n.horizontal) === "left" ? "var(--Snackbar-inset)" : void 0,
-    bottom: ((a = o.anchorOrigin) == null ? void 0 : a.vertical) === "bottom" ? "var(--Snackbar-inset)" : void 0,
-    right: ((t = o.anchorOrigin) == null ? void 0 : t.horizontal) === "right" ? "var(--Snackbar-inset)" : void 0
-  }, ((u = o.anchorOrigin) == null ? void 0 : u.horizontal) === "center" && {
-    "--Snackbar-translateX": "-50%",
-    left: "50%",
-    transform: "translateX(var(--Snackbar-translateX))"
-  }, ((l = o.anchorOrigin) == null ? void 0 : l.vertical) === "top" && {
-    "--_Snackbar-anchorBottom": "-1"
-  }, {
-    animation: `${Xe} ${o.animationDuration}ms forwards`
-  }, !o.open && {
-    animationName: Je
-  }, {
-    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"
-  }[o.size]}`], o.variant === "solid" && o.color && o.invertedColors && ye(o.color)(r), o.variant === "soft" && o.color && o.invertedColors && be(o.color)(r), (g = r.variants[o.variant]) == null ? void 0 : g[o.color]), b !== void 0 && {
-    "--Snackbar-padding": b
-  }, y !== void 0 && {
-    "--Snackbar-padding": y
-  }, f !== void 0 && {
-    "--Snackbar-radius": f
-  }];
-}), qe = T("span", {
-  name: "JoySnackbar",
-  slot: "StartDecorator",
-  overridesResolver: (r, o) => o.startDecorator
-})({
-  display: "inherit",
-  flex: "none"
-}), Ye = T("span", {
-  name: "JoySnackbar",
-  slot: "EndDecorator",
-  overridesResolver: (r, o) => o.endDecorator
-})({
-  display: "inherit",
-  flex: "none",
-  marginLeft: "auto"
-}), Ke = {
-  vertical: "bottom",
-  horizontal: "right"
-}, se = /* @__PURE__ */ d.forwardRef(function(o, s) {
-  const n = G({
-    props: o,
-    name: "JoySnackbar"
-  }), {
-    anchorOrigin: a = Ke,
-    animationDuration: t = 300,
-    autoHideDuration: u = null,
-    color: l = "neutral",
-    children: g,
-    className: b,
-    component: y,
-    disableWindowBlurListener: f = !1,
-    endDecorator: O,
-    invertedColors: z = !1,
-    onUnmount: p,
-    open: v,
-    size: S = "md",
-    slots: i = {},
-    slotProps: c,
-    startDecorator: m,
-    variant: E = "outlined"
-  } = n, D = W(n, Ge), [P, L] = d.useState(!0), [_, w] = d.useState(!1), R = d.useRef(p);
-  R.current = p, d.useEffect(() => {
-    if (v)
-      w(!1), L(!1);
-    else {
-      w(!0);
-      const F = setTimeout(() => {
-        var Y;
-        L(!0), w(!1), (Y = R.current) == null || Y.call(R);
-      }, t);
-      return () => {
-        clearTimeout(F);
-      };
-    }
-  }, [v, t]);
-  const x = h({}, n, {
-    anchorOrigin: a,
-    autoHideDuration: u,
-    color: l,
-    animationDuration: t,
-    disableWindowBlurListener: f,
-    invertedColors: z,
-    size: S,
-    variant: E
-  });
-  delete x.onUnmount;
-  const N = We(x), {
-    getRootProps: H,
-    onClickAway: V
-  } = Ee(x), q = (F) => {
-    _ || V(F);
-  }, B = h({}, D, {
-    component: y,
-    slots: i,
-    slotProps: c
-  }), [ie, ce] = C("root", {
-    ref: s,
-    className: re(N.root, b),
-    elementType: Ve,
-    externalForwardedProps: B,
-    getSlotProps: H,
-    ownerState: x
-  }), [le, ue] = C("startDecorator", {
-    className: N.startDecorator,
-    elementType: qe,
-    externalForwardedProps: B,
-    ownerState: x
-  }), [de, pe] = C("endDecorator", {
-    className: N.endDecorator,
-    elementType: Ye,
-    externalForwardedProps: B,
-    ownerState: x
-  }), fe = i.clickAway || M;
-  return !v && P ? null : /* @__PURE__ */ k(fe, h({
-    onClickAway: q
-  }, typeof (c == null ? void 0 : c.clickAway) == "function" ? c.clickAway(x) : c == null ? void 0 : c.clickAway, {
-    children: /* @__PURE__ */ te(ie, h({}, ce, {
-      children: [m && /* @__PURE__ */ k(le, h({}, ue, {
-        children: m
-      })), g, O && /* @__PURE__ */ k(de, h({}, pe, {
-        children: O
-      }))]
-    }))
-  }));
-});
-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 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: e.shape({
-    horizontal: e.oneOf(["center", "left", "right"]).isRequired,
-    vertical: e.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: e.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: e.number,
-  /**
-   * @ignore
-   */
-  children: e.node,
-  /**
-   * @ignore
-   */
-  className: e.string,
-  /**
-   * The color of the component. It supports those theme colors that make sense for this component.
-   * @default 'neutral'
-   */
-  color: e.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: e.elementType,
-  /**
-   * If `true`, the `autoHideDuration` timer will expire even if the window is not focused.
-   * @default false
-   */
-  disableWindowBlurListener: e.bool,
-  /**
-   * Element placed after the children.
-   */
-  endDecorator: e.node,
-  /**
-   * If `true`, the children with an implicit color prop invert their colors to match the component's variant and color.
-   * @default false
-   */
-  invertedColors: e.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: e.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: e.func,
-  /**
-   * @ignore
-   */
-  onFocus: e.func,
-  /**
-   * @ignore
-   */
-  onMouseEnter: e.func,
-  /**
-   * @ignore
-   */
-  onMouseLeave: e.func,
-  /**
-   * A callback fired when the component is about to be unmounted.
-   */
-  onUnmount: e.func,
-  /**
-   * If `true`, the component is shown.
-   */
-  open: e.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: e.number,
-  /**
-   * The size of the component.
-   * @default 'md'
-   */
-  size: e.oneOf(["sm", "md", "lg"]),
-  /**
-   * The props used for each slot inside.
-   * @default {}
-   */
-  slotProps: e.shape({
-    clickAway: e.oneOfType([e.func, e.shape({
-      children: e.element.isRequired,
-      disableReactTree: e.bool,
-      mouseEvent: e.oneOf(["onClick", "onMouseDown", "onMouseUp", "onPointerDown", "onPointerUp", !1]),
-      onClickAway: e.func.isRequired,
-      touchEvent: e.oneOf(["onTouchEnd", "onTouchStart", !1])
-    })]),
-    endDecorator: e.oneOfType([e.func, e.object]),
-    root: e.oneOfType([e.func, e.object]),
-    startDecorator: e.oneOfType([e.func, e.object])
-  }),
-  /**
-   * The components used for each slot inside.
-   * @default {}
-   */
-  slots: e.shape({
-    clickAway: e.elementType,
-    endDecorator: e.elementType,
-    root: e.elementType,
-    startDecorator: e.elementType
-  }),
-  /**
-   * Element placed before the children.
-   */
-  startDecorator: e.node,
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
-   */
-  sx: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.object]),
-  /**
-   * The [global variant](https://mui.com/joy-ui/main-features/global-variants/) to use.
-   * @default 'outlined'
-   */
-  variant: e.oneOf(["outlined", "plain", "soft", "solid"])
-});
-const Qe = ke(/* @__PURE__ */ k("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"), ao = ({
-  notification: r,
-  onClose: o
-}) => {
-  const s = Se(), n = ze();
-  return r.open ? /* @__PURE__ */ k(
-    se,
-    {
-      open: r.open,
-      onClose: o,
-      autoHideDuration: r.variant === "error" ? 5e3 : 3e3,
-      anchorOrigin: { vertical: "top", horizontal: "center" },
-      color: r.variant === "success" ? "success" : "danger",
-      variant: "soft",
-      startDecorator: r.variant === "success" ? /* @__PURE__ */ k(Ae, {}) : /* @__PURE__ */ k(Qe, {}),
-      sx: {
-        borderRadius: s.sm,
-        fontFamily: n.secondary,
-        minWidth: "300px",
-        maxWidth: "400px",
-        zIndex: 9999,
-        position: "fixed"
-      },
-      children: /* @__PURE__ */ te(Oe, { sx: { display: "flex", flexDirection: "column", gap: "4px" }, children: [
-        r.title && /* @__PURE__ */ k(
-          Q,
-          {
-            level: "title-md",
-            sx: {
-              fontWeight: 600,
-              fontSize: "16px",
-              lineHeight: 1.2,
-              color: "inherit"
-            },
-            children: r.title
-          }
-        ),
-        r.message && /* @__PURE__ */ k(
-          Q,
-          {
-            level: "body-sm",
-            sx: {
-              fontSize: "14px",
-              lineHeight: 1.3,
-              color: "inherit",
-              opacity: 0.9
-            },
-            children: r.message
-          }
-        )
-      ] })
-    }
-  ) : null;
-};
-export {
-  je as A,
-  ao as N,
-  to as d,
-  no as g
-};