fansunited-widgets-cdn 0.0.85 → 0.0.86-RC1

package/chunks/Alert-CuOsmojH.js

@@ -0,0 +1,149 @@
+import { F as H, G as N, r as W, v as _, _ as $, w as s, x as c, y as u, E as B, j as p, z as v, D as J } from "./main-XP7dqk6g.js";
+import { r as T, g as U, h as L } from "./Button-BV7YIFkS.js";
+function M(o) {
+  return H("MuiAlert", o);
+}
+N("MuiAlert", ["root", "startDecorator", "endDecorator", "colorPrimary", "colorDanger", "colorNeutral", "colorSuccess", "colorWarning", "colorContext", "sizeSm", "sizeMd", "sizeLg", "variantPlain", "variantOutlined", "variantSoft", "variantSolid"]);
+const k = ["children", "className", "color", "invertedColors", "role", "variant", "size", "startDecorator", "endDecorator", "component", "slots", "slotProps"], F = (o) => {
+  const {
+    variant: r,
+    color: e,
+    size: t
+  } = o, a = {
+    root: ["root", t && `size${v(t)}`, e && `color${v(e)}`, r && `variant${v(r)}`],
+    startDecorator: ["startDecorator"],
+    endDecorator: ["endDecorator"]
+  };
+  return J(a, M, {});
+}, G = u("div", {
+  name: "JoyAlert",
+  slot: "Root",
+  overridesResolver: (o, r) => r.root
+})(({
+  theme: o,
+  ownerState: r
+}) => {
+  var e;
+  const {
+    p: t,
+    padding: a,
+    borderRadius: l
+  } = T({
+    theme: o,
+    ownerState: r
+  }, ["p", "padding", "borderRadius"]);
+  return [s({
+    "--Alert-radius": o.vars.radius.sm,
+    "--Alert-decoratorChildRadius": "max((var(--Alert-radius) - var(--variant-borderWidth, 0px)) - var(--Alert-padding), min(var(--Alert-padding) + var(--variant-borderWidth, 0px), var(--Alert-radius) / 2))",
+    "--Button-minHeight": "var(--Alert-decoratorChildHeight)",
+    "--IconButton-size": "var(--Alert-decoratorChildHeight)",
+    "--Button-radius": "var(--Alert-decoratorChildRadius)",
+    "--IconButton-radius": "var(--Alert-decoratorChildRadius)",
+    "--Icon-color": "currentColor"
+  }, r.size === "sm" && {
+    "--Alert-padding": "0.5rem",
+    "--Alert-decoratorChildHeight": "1.5rem",
+    "--Icon-fontSize": o.vars.fontSize.xl,
+    gap: "0.5rem"
+  }, r.size === "md" && {
+    "--Alert-padding": "0.75rem",
+    "--Alert-decoratorChildHeight": "2rem",
+    "--Icon-fontSize": o.vars.fontSize.xl,
+    gap: "0.625rem"
+  }, r.size === "lg" && {
+    "--Alert-padding": "1rem",
+    "--Alert-decoratorChildHeight": "2.375rem",
+    "--Icon-fontSize": o.vars.fontSize.xl2,
+    gap: "0.875rem"
+  }, {
+    backgroundColor: o.vars.palette.background.surface,
+    display: "flex",
+    position: "relative",
+    alignItems: "center",
+    padding: "var(--Alert-padding)",
+    borderRadius: "var(--Alert-radius)"
+  }, o.typography[`body-${{
+    sm: "xs",
+    md: "sm",
+    lg: "md"
+  }[r.size]}`], {
+    fontWeight: o.vars.fontWeight.md
+  }, r.variant === "solid" && r.color && r.invertedColors && U(r.color)(o), r.variant === "soft" && r.color && r.invertedColors && L(r.color)(o), (e = o.variants[r.variant]) == null ? void 0 : e[r.color]), t !== void 0 && {
+    "--Alert-padding": t
+  }, a !== void 0 && {
+    "--Alert-padding": a
+  }, l !== void 0 && {
+    "--Alert-radius": l
+  }];
+}), O = u("span", {
+  name: "JoyAlert",
+  slot: "StartDecorator",
+  overridesResolver: (o, r) => r.startDecorator
+})({
+  display: "inherit",
+  flex: "none"
+}), V = u("span", {
+  name: "JoyAlert",
+  slot: "EndDecorator",
+  overridesResolver: (o, r) => r.endDecorator
+})({
+  display: "inherit",
+  flex: "none",
+  marginLeft: "auto"
+}), Q = /* @__PURE__ */ W.forwardRef(function(r, e) {
+  const t = _({
+    props: r,
+    name: "JoyAlert"
+  }), {
+    children: a,
+    className: l,
+    color: A = "neutral",
+    invertedColors: D = !1,
+    role: f = "alert",
+    variant: x = "soft",
+    size: y = "md",
+    startDecorator: m,
+    endDecorator: g,
+    component: h,
+    slots: z = {},
+    slotProps: C = {}
+  } = t, R = $(t, k), i = s({}, t, {
+    color: A,
+    invertedColors: D,
+    variant: x,
+    size: y
+  }), n = F(i), d = s({}, R, {
+    component: h,
+    slots: z,
+    slotProps: C
+  }), [P, b] = c("root", {
+    ref: e,
+    className: B(n.root, l),
+    elementType: G,
+    externalForwardedProps: d,
+    ownerState: i,
+    additionalProps: {
+      role: f
+    }
+  }), [I, S] = c("startDecorator", {
+    className: n.startDecorator,
+    elementType: O,
+    externalForwardedProps: d,
+    ownerState: i
+  }), [j, E] = c("endDecorator", {
+    className: n.endDecorator,
+    elementType: V,
+    externalForwardedProps: d,
+    ownerState: i
+  });
+  return /* @__PURE__ */ p.jsxs(P, s({}, b, {
+    children: [m && /* @__PURE__ */ p.jsx(I, s({}, S, {
+      children: m
+    })), a, g && /* @__PURE__ */ p.jsx(j, s({}, E, {
+      children: g
+    }))]
+  }));
+});
+export {
+  Q as A
+};

package/chunks/AspectRatio-D3Sgxj7p.js

@@ -0,0 +1,125 @@
+import { F as U, G as z, r as a, v as B, _ as D, w as s, x as p, y as h, j as d, z as m, D as J } from "./main-XP7dqk6g.js";
+function N(t) {
+  return U("MuiAspectRatio", t);
+}
+z("MuiAspectRatio", ["root", "content", "colorPrimary", "colorNeutral", "colorDanger", "colorSuccess", "colorWarning", "colorContext", "variantPlain", "variantOutlined", "variantSoft", "variantSolid"]);
+const T = ["children", "ratio", "minHeight", "maxHeight", "objectFit", "color", "variant", "component", "flex", "slots", "slotProps"], W = (t) => {
+  const {
+    variant: o,
+    color: e
+  } = t, i = {
+    root: ["root"],
+    content: ["content", o && `variant${m(o)}`, e && `color${m(e)}`]
+  };
+  return J(i, N, {});
+}, I = h("div", {
+  name: "JoyAspectRatio",
+  slot: "Root",
+  overridesResolver: (t, o) => o.root
+})(({
+  ownerState: t,
+  theme: o
+}) => {
+  const e = typeof t.minHeight == "number" ? `${t.minHeight}px` : t.minHeight, i = typeof t.maxHeight == "number" ? `${t.maxHeight}px` : t.maxHeight;
+  return {
+    // a context variable for any child component
+    "--AspectRatio-paddingBottom": `clamp(var(--AspectRatio-minHeight), calc(100% / (${t.ratio})), var(--AspectRatio-maxHeight))`,
+    "--AspectRatio-maxHeight": i || "9999px",
+    "--AspectRatio-minHeight": e || "0px",
+    "--Icon-color": t.color !== "neutral" || t.variant === "solid" ? "currentColor" : o.vars.palette.text.icon,
+    borderRadius: "var(--AspectRatio-radius)",
+    display: t.flex ? "flex" : "block",
+    flex: t.flex ? 1 : "initial",
+    flexDirection: "column",
+    margin: "var(--AspectRatio-margin)"
+  };
+}), M = h("div", {
+  name: "JoyAspectRatio",
+  slot: "Content",
+  overridesResolver: (t, o) => o.content
+})(({
+  theme: t,
+  ownerState: o
+}) => {
+  var e;
+  return s({
+    flex: 1,
+    position: "relative",
+    borderRadius: "inherit",
+    height: 0,
+    paddingBottom: "calc(var(--AspectRatio-paddingBottom) - 2 * var(--variant-borderWidth, 0px))",
+    overflow: "hidden",
+    transition: "inherit",
+    // makes it easy to add transition to the content
+    // use data-attribute instead of :first-child to support zero config SSR (emotion)
+    // use nested selector for integrating with nextjs image `fill` layout (spans are inserted on top of the img)
+    "& [data-first-child]": {
+      display: "flex",
+      justifyContent: "center",
+      alignItems: "center",
+      boxSizing: "border-box",
+      position: "absolute",
+      width: "100%",
+      height: "100%",
+      objectFit: o.objectFit,
+      margin: 0,
+      padding: 0,
+      "& > img": {
+        // support art-direction that uses <picture><img /></picture>
+        width: "100%",
+        height: "100%",
+        objectFit: o.objectFit
+      }
+    }
+  }, t.typography["body-md"], (e = t.variants[o.variant]) == null ? void 0 : e[o.color]);
+}), G = /* @__PURE__ */ a.forwardRef(function(o, e) {
+  const i = B({
+    props: o,
+    name: "JoyAspectRatio"
+  }), {
+    children: x,
+    ratio: g = "16 / 9",
+    minHeight: v,
+    maxHeight: u,
+    objectFit: R = "cover",
+    color: f = "neutral",
+    variant: y = "soft",
+    component: A,
+    flex: b = !1,
+    slots: H = {},
+    slotProps: j = {}
+  } = i, C = D(i, T), r = s({}, i, {
+    flex: b,
+    minHeight: v,
+    maxHeight: u,
+    objectFit: R,
+    ratio: g,
+    color: f,
+    variant: y
+  }), c = W(r), l = s({}, C, {
+    component: A,
+    slots: H,
+    slotProps: j
+  }), [P, F] = p("root", {
+    ref: e,
+    className: c.root,
+    elementType: I,
+    externalForwardedProps: l,
+    ownerState: r
+  }), [$, _] = p("content", {
+    className: c.content,
+    elementType: M,
+    externalForwardedProps: l,
+    ownerState: r
+  });
+  return /* @__PURE__ */ d.jsx(P, s({}, F, {
+    children: /* @__PURE__ */ d.jsx($, s({}, _, {
+      children: a.Children.map(x, (n, E) => E === 0 && /* @__PURE__ */ a.isValidElement(n) ? /* @__PURE__ */ a.cloneElement(n, {
+        "data-first-child": ""
+      }) : n)
+    }))
+  }));
+});
+export {
+  G as A
+};

package/chunks/Avatar-BTsEKfhc.js

@@ -0,0 +1,186 @@
+import { j as d, F as L, G as M, r as v, y as p, w as l, v as T, _ as U, x as z, z as h, D as w } from "./main-XP7dqk6g.js";
+import { c as E } from "./createSvgIcon-7h7XC877.js";
+const D = E(/* @__PURE__ */ d.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 W(r) {
+  return L("MuiAvatar", r);
+}
+M("MuiAvatar", ["root", "colorPrimary", "colorNeutral", "colorDanger", "colorSuccess", "colorWarning", "colorContext", "fallback", "sizeSm", "sizeMd", "sizeLg", "img", "variantOutlined", "variantSoft", "variantSolid"]);
+const H = /* @__PURE__ */ v.createContext(void 0);
+p("div", {
+  name: "JoyAvatarGroup",
+  slot: "Root",
+  overridesResolver: (r, a) => a.root
+})(({
+  ownerState: r,
+  theme: a
+}) => l({}, 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, ${a.vars.palette.background.surface})`,
+  "--Avatar-marginInlineStart": "var(--AvatarGroup-gap)",
+  display: "flex",
+  marginInlineStart: "calc(-1 * var(--AvatarGroup-gap))"
+}));
+const O = ["alt", "color", "size", "variant", "src", "srcSet", "children", "component", "slots", "slotProps"], q = (r) => {
+  const {
+    size: a,
+    variant: t,
+    color: e,
+    src: o,
+    srcSet: s
+  } = r, n = {
+    root: ["root", t && `variant${h(t)}`, e && `color${h(e)}`, a && `size${h(a)}`],
+    img: [(o || s) && "img"],
+    fallback: ["fallback"]
+  };
+  return w(n, W, {});
+}, B = p("div", {
+  name: "JoyAvatar",
+  slot: "Root",
+  overridesResolver: (r, a) => a.root
+})(({
+  theme: r,
+  ownerState: a
+}) => {
+  var t;
+  return l({
+    "--Icon-color": a.color !== "neutral" || a.variant === "solid" ? "currentColor" : r.vars.palette.text.icon
+  }, r.typography[`title-${a.size}`], a.size === "sm" && {
+    width: "var(--Avatar-size, 2rem)",
+    height: "var(--Avatar-size, 2rem)",
+    fontSize: "calc(var(--Avatar-size, 2rem) * 0.4375)"
+    // default as 14px
+  }, a.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
+  }, a.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"
+  }, (t = r.variants[a.variant]) == null ? void 0 : t[a.color]);
+}), K = p("img", {
+  name: "JoyAvatar",
+  slot: "Img",
+  overridesResolver: (r, a) => a.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
+}), Q = p(D, {
+  name: "JoyAvatar",
+  slot: "Fallback",
+  overridesResolver: (r, a) => a.fallback
+})({
+  width: "64%",
+  height: "64%"
+});
+function V({
+  crossOrigin: r,
+  referrerPolicy: a,
+  src: t,
+  srcSet: e
+}) {
+  const [o, s] = v.useState(!1);
+  return v.useEffect(() => {
+    if (!t && !e)
+      return;
+    s(!1);
+    let n = !0;
+    const i = new Image();
+    return i.onload = () => {
+      n && s("loaded");
+    }, i.onerror = () => {
+      n && s("error");
+    }, i.crossOrigin = r, i.referrerPolicy = a, t && (i.src = t), e && (i.srcset = e), () => {
+      n = !1;
+    };
+  }, [r, a, t, e]), o;
+}
+const ra = /* @__PURE__ */ v.forwardRef(function(a, t) {
+  const e = T({
+    props: a,
+    name: "JoyAvatar"
+  }), o = v.useContext(H), {
+    alt: s,
+    color: n = "neutral",
+    size: i = "md",
+    variant: I = "soft",
+    src: g,
+    srcSet: u,
+    children: x,
+    component: S,
+    slots: b = {},
+    slotProps: C = {}
+  } = e, P = U(e, O), k = a.variant || (o == null ? void 0 : o.variant) || I, R = a.color || (o == null ? void 0 : o.color) || n, j = a.size || (o == null ? void 0 : o.size) || i;
+  let c = null;
+  const m = l({}, e, {
+    color: R,
+    size: j,
+    variant: k,
+    grouped: !!o
+  }), A = q(m), f = l({}, P, {
+    component: S,
+    slots: b,
+    slotProps: C
+  }), [F, G] = z("root", {
+    ref: t,
+    className: A.root,
+    elementType: B,
+    externalForwardedProps: f,
+    ownerState: m
+  }), [N, y] = z("img", {
+    additionalProps: {
+      alt: s,
+      src: g,
+      srcSet: u
+    },
+    className: A.img,
+    elementType: K,
+    externalForwardedProps: f,
+    ownerState: m
+  }), [$, J] = z("fallback", {
+    className: A.fallback,
+    elementType: Q,
+    externalForwardedProps: f,
+    ownerState: m
+  }), _ = V(l({}, y, {
+    src: g,
+    srcSet: u
+  }));
+  return (g || u) && _ !== "error" ? c = /* @__PURE__ */ d.jsx(N, l({}, y)) : x != null ? c = x : s ? c = s[0] : c = /* @__PURE__ */ d.jsx($, l({}, J)), /* @__PURE__ */ d.jsx(F, l({}, G, {
+    children: c
+  }));
+});
+export {
+  ra as A
+};