fansunited-widgets-cdn 0.0.85 → 0.0.86-RC1

package/chunks/Grid-Dpv_ZL23.js

@@ -0,0 +1,279 @@
+import { w as y, r as d, P as ie, Q as le, _ as oe, j as A, E as ce, S as ae, D as ue, V as fe, W as pe, y as de, v as ge } from "./main-XP7dqk6g.js";
+import { s as me, i as be } from "./Button-BV7YIFkS.js";
+const $e = (e, n) => e.filter((r) => n.includes(r)), g = (e, n, r) => {
+  const t = e.keys[0];
+  Array.isArray(n) ? n.forEach((i, s) => {
+    r((l, u) => {
+      s <= e.keys.length - 1 && (s === 0 ? Object.assign(l, u) : l[e.up(e.keys[s])] = u);
+    }, i);
+  }) : n && typeof n == "object" ? (Object.keys(n).length > e.keys.length ? e.keys : $e(e.keys, Object.keys(n))).forEach((s) => {
+    if (e.keys.indexOf(s) !== -1) {
+      const l = n[s];
+      l !== void 0 && r((u, m) => {
+        t === s ? Object.assign(u, m) : u[e.up(s)] = m;
+      }, l);
+    }
+  }) : (typeof n == "number" || typeof n == "string") && r((i, s) => {
+    Object.assign(i, s);
+  }, n);
+};
+function a(e) {
+  return e ? `Level${e}` : "";
+}
+function G(e) {
+  return e.unstable_level > 0 && e.container;
+}
+function M(e) {
+  return function(r) {
+    return `var(--Grid-${r}Spacing${a(e.unstable_level)})`;
+  };
+}
+function N(e) {
+  return function(r) {
+    return e.unstable_level === 0 ? `var(--Grid-${r}Spacing)` : `var(--Grid-${r}Spacing${a(e.unstable_level - 1)})`;
+  };
+}
+function k(e) {
+  return e.unstable_level === 0 ? "var(--Grid-columns)" : `var(--Grid-columns${a(e.unstable_level - 1)})`;
+}
+const ye = ({
+  theme: e,
+  ownerState: n
+}) => {
+  const r = M(n), t = {};
+  return g(e.breakpoints, n.gridSize, (i, s) => {
+    let l = {};
+    s === !0 && (l = {
+      flexBasis: 0,
+      flexGrow: 1,
+      maxWidth: "100%"
+    }), s === "auto" && (l = {
+      flexBasis: "auto",
+      flexGrow: 0,
+      flexShrink: 0,
+      maxWidth: "none",
+      width: "auto"
+    }), typeof s == "number" && (l = {
+      flexGrow: 0,
+      flexBasis: "auto",
+      width: `calc(100% * ${s} / ${k(n)}${G(n) ? ` + ${r("column")}` : ""})`
+    }), i(t, l);
+  }), t;
+}, Ge = ({
+  theme: e,
+  ownerState: n
+}) => {
+  const r = {};
+  return g(e.breakpoints, n.gridOffset, (t, i) => {
+    let s = {};
+    i === "auto" && (s = {
+      marginLeft: "auto"
+    }), typeof i == "number" && (s = {
+      marginLeft: i === 0 ? "0px" : `calc(100% * ${i} / ${k(n)})`
+    }), t(r, s);
+  }), r;
+}, xe = ({
+  theme: e,
+  ownerState: n
+}) => {
+  if (!n.container)
+    return {};
+  const r = G(n) ? {
+    [`--Grid-columns${a(n.unstable_level)}`]: k(n)
+  } : {
+    "--Grid-columns": 12
+  };
+  return g(e.breakpoints, n.columns, (t, i) => {
+    t(r, {
+      [`--Grid-columns${a(n.unstable_level)}`]: i
+    });
+  }), r;
+}, ve = ({
+  theme: e,
+  ownerState: n
+}) => {
+  if (!n.container)
+    return {};
+  const r = N(n), t = G(n) ? {
+    // Set the default spacing as its parent spacing.
+    // It will be overridden if spacing props are provided
+    [`--Grid-rowSpacing${a(n.unstable_level)}`]: r("row")
+  } : {};
+  return g(e.breakpoints, n.rowSpacing, (i, s) => {
+    var l;
+    i(t, {
+      [`--Grid-rowSpacing${a(n.unstable_level)}`]: typeof s == "string" ? s : (l = e.spacing) == null ? void 0 : l.call(e, s)
+    });
+  }), t;
+}, Se = ({
+  theme: e,
+  ownerState: n
+}) => {
+  if (!n.container)
+    return {};
+  const r = N(n), t = G(n) ? {
+    // Set the default spacing as its parent spacing.
+    // It will be overridden if spacing props are provided
+    [`--Grid-columnSpacing${a(n.unstable_level)}`]: r("column")
+  } : {};
+  return g(e.breakpoints, n.columnSpacing, (i, s) => {
+    var l;
+    i(t, {
+      [`--Grid-columnSpacing${a(n.unstable_level)}`]: typeof s == "string" ? s : (l = e.spacing) == null ? void 0 : l.call(e, s)
+    });
+  }), t;
+}, he = ({
+  theme: e,
+  ownerState: n
+}) => {
+  if (!n.container)
+    return {};
+  const r = {};
+  return g(e.breakpoints, n.direction, (t, i) => {
+    t(r, {
+      flexDirection: i
+    });
+  }), r;
+}, Oe = ({
+  ownerState: e
+}) => {
+  const n = M(e), r = N(e);
+  return y({
+    minWidth: 0,
+    boxSizing: "border-box"
+  }, e.container && y({
+    display: "flex",
+    flexWrap: "wrap"
+  }, e.wrap && e.wrap !== "wrap" && {
+    flexWrap: e.wrap
+  }, {
+    margin: `calc(${n("row")} / -2) calc(${n("column")} / -2)`
+  }, e.disableEqualOverflow && {
+    margin: `calc(${n("row")} * -1) 0px 0px calc(${n("column")} * -1)`
+  }), (!e.container || G(e)) && y({
+    padding: `calc(${r("row")} / 2) calc(${r("column")} / 2)`
+  }, (e.disableEqualOverflow || e.parentDisableEqualOverflow) && {
+    padding: `${r("row")} 0px 0px ${r("column")}`
+  }));
+}, _e = (e) => {
+  const n = [];
+  return Object.entries(e).forEach(([r, t]) => {
+    t !== !1 && t !== void 0 && n.push(`grid-${r}-${String(t)}`);
+  }), n;
+}, Ee = (e, n = "xs") => {
+  function r(t) {
+    return t === void 0 ? !1 : typeof t == "string" && !Number.isNaN(Number(t)) || typeof t == "number" && t > 0;
+  }
+  if (r(e))
+    return [`spacing-${n}-${String(e)}`];
+  if (typeof e == "object" && !Array.isArray(e)) {
+    const t = [];
+    return Object.entries(e).forEach(([i, s]) => {
+      r(s) && t.push(`spacing-${i}-${String(s)}`);
+    }), t;
+  }
+  return [];
+}, Ce = (e) => e === void 0 ? [] : typeof e == "object" ? Object.entries(e).map(([n, r]) => `direction-${n}-${r}`) : [`direction-xs-${String(e)}`], je = ["className", "children", "columns", "container", "component", "direction", "wrap", "spacing", "rowSpacing", "columnSpacing", "disableEqualOverflow", "unstable_level"], Pe = pe(), we = me("div", {
+  name: "MuiGrid",
+  slot: "Root",
+  overridesResolver: (e, n) => n.root
+});
+function Ne(e) {
+  return ae({
+    props: e,
+    name: "MuiGrid",
+    defaultTheme: Pe
+  });
+}
+function ke(e = {}) {
+  const {
+    // This will allow adding custom styled fn (for example for custom sx style function)
+    createStyledComponent: n = we,
+    useThemeProps: r = Ne,
+    componentName: t = "MuiGrid"
+  } = e, i = /* @__PURE__ */ d.createContext(void 0), s = (m, c) => {
+    const {
+      container: x,
+      direction: v,
+      spacing: S,
+      wrap: b,
+      gridSize: h
+    } = m, O = {
+      root: ["root", x && "container", b !== "wrap" && `wrap-xs-${String(b)}`, ...Ce(v), ..._e(h), ...x ? Ee(S, c.breakpoints.keys[0]) : []]
+    };
+    return ue(O, (_) => fe(t, _), {});
+  }, l = n(xe, Se, ve, ye, he, Oe, Ge), u = /* @__PURE__ */ d.forwardRef(function(c, x) {
+    var v, S, b, h, O, _, q, D;
+    const C = ie(), V = r(c), j = le(V), E = d.useContext(i), {
+      className: J,
+      children: U,
+      columns: K = 12,
+      container: Q = !1,
+      component: F = "div",
+      direction: H = "row",
+      wrap: I = "wrap",
+      spacing: P = 0,
+      rowSpacing: X = P,
+      columnSpacing: Y = P,
+      disableEqualOverflow: R,
+      unstable_level: f = 0
+    } = j, Z = oe(j, je);
+    let $ = R;
+    f && R !== void 0 && ($ = c.disableEqualOverflow);
+    const T = {}, W = {}, z = {};
+    Object.entries(Z).forEach(([o, p]) => {
+      C.breakpoints.values[o] !== void 0 ? T[o] = p : C.breakpoints.values[o.replace("Offset", "")] !== void 0 ? W[o.replace("Offset", "")] = p : z[o] = p;
+    });
+    const ee = (v = c.columns) != null ? v : f ? void 0 : K, ne = (S = c.spacing) != null ? S : f ? void 0 : P, re = (b = (h = c.rowSpacing) != null ? h : c.spacing) != null ? b : f ? void 0 : X, se = (O = (_ = c.columnSpacing) != null ? _ : c.spacing) != null ? O : f ? void 0 : Y, B = y({}, j, {
+      level: f,
+      columns: ee,
+      container: Q,
+      direction: H,
+      wrap: I,
+      spacing: ne,
+      rowSpacing: re,
+      columnSpacing: se,
+      gridSize: T,
+      gridOffset: W,
+      disableEqualOverflow: (q = (D = $) != null ? D : E) != null ? q : !1,
+      // use context value if exists.
+      parentDisableEqualOverflow: E
+      // for nested grid
+    }), te = s(B, C);
+    let w = /* @__PURE__ */ A.jsx(l, y({
+      ref: x,
+      as: F,
+      ownerState: B,
+      className: ce(te.root, J)
+    }, z, {
+      children: d.Children.map(U, (o) => {
+        if (/* @__PURE__ */ d.isValidElement(o) && be(o, ["Grid"])) {
+          var p, L;
+          return /* @__PURE__ */ d.cloneElement(o, {
+            unstable_level: (p = (L = o.props) == null ? void 0 : L.unstable_level) != null ? p : f + 1
+          });
+        }
+        return o;
+      })
+    }));
+    return $ !== void 0 && $ !== (E ?? !1) && (w = /* @__PURE__ */ A.jsx(i.Provider, {
+      value: $,
+      children: w
+    })), w;
+  });
+  return u.muiName = "Grid", u;
+}
+const Re = ke({
+  createStyledComponent: de("div", {
+    name: "JoyGrid",
+    slot: "Root",
+    overridesResolver: (e, n) => n.root
+  }),
+  useThemeProps: (e) => ge({
+    props: e,
+    name: "JoyGrid"
+  })
+});
+export {
+  Re as G
+};

package/chunks/IconButton-Lt9Xks7c.js

@@ -0,0 +1,207 @@
+import { F as Z, G as q, r as v, y as x, v as K, _ as Q, Z as Y, w as t, x as F, j as b, z as B, D as w, C as oo } from "./main-XP7dqk6g.js";
+import { j as no, k as ro, u as io } from "./Button-BV7YIFkS.js";
+function so(n) {
+  return Z("MuiIconButton", n);
+}
+const go = q("MuiIconButton", ["root", "colorPrimary", "colorNeutral", "colorDanger", "colorSuccess", "colorWarning", "colorContext", "variantPlain", "variantOutlined", "variantSoft", "variantSolid", "focusVisible", "disabled", "sizeSm", "sizeMd", "sizeLg", "loading", "loadingIndicator"]), to = ["children", "action", "component", "color", "disabled", "variant", "loading", "loadingIndicator", "size", "slots", "slotProps"], ao = (n) => {
+  const {
+    color: o,
+    disabled: s,
+    focusVisible: i,
+    focusVisibleClassName: r,
+    size: l,
+    variant: p,
+    loading: g
+  } = n, I = {
+    root: ["root", s && "disabled", i && "focusVisible", p && `variant${B(p)}`, o && `color${B(o)}`, l && `size${B(l)}`, g && "loading"],
+    loadingIndicator: ["loadingIndicator"]
+  }, m = w(I, so, {});
+  return i && r && (m.root += ` ${r}`), m;
+}, eo = x("button")(({
+  theme: n,
+  ownerState: o
+}) => {
+  var s, i, r, l;
+  return [t({
+    "--Icon-margin": "initial",
+    // reset the icon's margin.
+    "--Icon-color": o.color !== "neutral" || o.variant === "solid" ? "currentColor" : n.vars.palette.text.icon
+  }, o.instanceSize && {
+    "--IconButton-size": {
+      sm: "2rem",
+      md: "2.25rem",
+      lg: "2.75rem"
+    }[o.instanceSize]
+  }, o.size === "sm" && {
+    "--Icon-fontSize": "calc(var(--IconButton-size, 2rem) / 1.6)",
+    // 1.25rem by default
+    "--CircularProgress-size": "20px",
+    "--CircularProgress-thickness": "2px",
+    minWidth: "var(--IconButton-size, 2rem)",
+    // use min-width instead of height to make the button resilient to its content
+    minHeight: "var(--IconButton-size, 2rem)",
+    // use min-height instead of height to make the button resilient to its content
+    fontSize: n.vars.fontSize.sm,
+    paddingInline: "2px"
+    // add a gap, in case the content is long, for example multiple icons
+  }, o.size === "md" && {
+    "--Icon-fontSize": "calc(var(--IconButton-size, 2.25rem) / 1.5)",
+    // 1.5rem by default
+    "--CircularProgress-size": "20px",
+    "--CircularProgress-thickness": "2px",
+    minWidth: "var(--IconButton-size, 2.25rem)",
+    minHeight: "var(--IconButton-size, 2.25rem)",
+    fontSize: n.vars.fontSize.md,
+    paddingInline: "0.25rem"
+  }, o.size === "lg" && {
+    "--Icon-fontSize": "calc(var(--IconButton-size, 2.75rem) / 1.571)",
+    // 1.75rem by default
+    "--CircularProgress-size": "28px",
+    "--CircularProgress-thickness": "4px",
+    minWidth: "var(--IconButton-size, 2.75rem)",
+    minHeight: "var(--IconButton-size, 2.75rem)",
+    fontSize: n.vars.fontSize.lg,
+    paddingInline: "0.375rem"
+  }, {
+    WebkitTapHighlightColor: "transparent",
+    paddingBlock: 0,
+    fontFamily: n.vars.fontFamily.body,
+    fontWeight: n.vars.fontWeight.md,
+    margin: "var(--IconButton-margin)",
+    // to be controlled by other components, for example Input
+    borderRadius: `var(--IconButton-radius, ${n.vars.radius.sm})`,
+    // to be controlled by other components, for example Input
+    border: "none",
+    boxSizing: "border-box",
+    backgroundColor: "transparent",
+    cursor: "pointer",
+    display: "inline-flex",
+    alignItems: "center",
+    justifyContent: "center",
+    position: "relative",
+    [n.focus.selector]: t({
+      "--Icon-color": "currentColor"
+    }, n.focus.default)
+  }), t({}, (s = n.variants[o.variant]) == null ? void 0 : s[o.color], {
+    "&:hover": {
+      "@media (hover: hover)": t({
+        "--Icon-color": "currentColor"
+      }, (i = n.variants[`${o.variant}Hover`]) == null ? void 0 : i[o.color])
+    },
+    '&:active, &[aria-pressed="true"]': t({
+      "--Icon-color": "currentColor"
+    }, (r = n.variants[`${o.variant}Active`]) == null ? void 0 : r[o.color]),
+    "&:disabled": (l = n.variants[`${o.variant}Disabled`]) == null ? void 0 : l[o.color]
+  })];
+}), lo = x(eo, {
+  name: "JoyIconButton",
+  slot: "Root",
+  overridesResolver: (n, o) => o.root
+})({}), co = x("span", {
+  name: "JoyIconButton",
+  slot: "LoadingIndicator",
+  overridesResolver: (n, o) => o.loadingIndicator
+})(({
+  theme: n,
+  ownerState: o
+}) => {
+  var s, i;
+  return t({
+    display: "inherit",
+    position: "absolute",
+    left: "50%",
+    transform: "translateX(-50%)",
+    color: (s = n.variants[o.variant]) == null || (s = s[o.color]) == null ? void 0 : s.color
+  }, o.disabled && {
+    color: (i = n.variants[`${o.variant}Disabled`]) == null || (i = i[o.color]) == null ? void 0 : i.color
+  });
+}), uo = /* @__PURE__ */ v.forwardRef(function(o, s) {
+  var i;
+  const r = K({
+    props: o,
+    name: "JoyIconButton"
+  }), {
+    children: l,
+    action: p,
+    component: g = "button",
+    color: I = "neutral",
+    disabled: m,
+    variant: H = "plain",
+    loading: z = !1,
+    loadingIndicator: y,
+    size: S = "md",
+    slots: L = {},
+    slotProps: a = {}
+  } = r, N = Q(r, to), f = v.useContext(no), e = v.useContext(ro), T = o.variant || f.variant || H, h = o.size || f.size || S, P = o.color || f.color || I, k = (i = o.loading || o.disabled) != null ? i : f.disabled || z || m, R = v.useRef(null), D = Y(R, s), {
+    focusVisible: G,
+    setFocusVisible: $,
+    getRootProps: U
+  } = io(t({}, r, {
+    disabled: k,
+    rootRef: D
+  })), A = y ?? /* @__PURE__ */ b.jsx(oo, {
+    color: P,
+    thickness: {
+      sm: 2,
+      md: 3,
+      lg: 4
+    }[h] || 3
+  });
+  v.useImperativeHandle(p, () => ({
+    focusVisible: () => {
+      var u;
+      $(!0), (u = R.current) == null || u.focus();
+    }
+  }), [$]);
+  const c = t({}, r, {
+    component: g,
+    color: P,
+    disabled: k,
+    variant: T,
+    loading: z,
+    size: h,
+    focusVisible: G,
+    instanceSize: o.size
+  }), _ = ao(c), J = (u) => {
+    var W;
+    let C = r.onClick;
+    if (typeof a.root == "function" ? C = a.root(c).onClick : a.root && (C = a.root.onClick), (W = C) == null || W(u), e) {
+      var V;
+      (V = e.onClick) == null || V.call(e, u, r.value);
+    }
+  };
+  let d = r["aria-pressed"];
+  typeof a.root == "function" ? d = a.root(c)["aria-pressed"] : a.root && (d = a.root["aria-pressed"]), e != null && e.value && (Array.isArray(e.value) ? d = e.value.indexOf(r.value) !== -1 : d = e.value === r.value);
+  const j = t({}, N, {
+    component: g,
+    slots: L,
+    slotProps: a
+  }), [M, E] = F("root", {
+    ref: s,
+    className: _.root,
+    elementType: lo,
+    getSlotProps: U,
+    externalForwardedProps: j,
+    ownerState: c,
+    additionalProps: {
+      onClick: J,
+      "aria-pressed": d
+    }
+  }), [O, X] = F("loadingIndicator", {
+    className: _.loadingIndicator,
+    elementType: co,
+    externalForwardedProps: j,
+    ownerState: c
+  });
+  return /* @__PURE__ */ b.jsx(M, t({}, E, {
+    children: z ? /* @__PURE__ */ b.jsx(O, t({}, X, {
+      children: A
+    })) : l
+  }));
+});
+uo.muiName = "IconButton";
+export {
+  uo as I,
+  eo as S,
+  go as i
+};