fansunited-widgets-cdn 0.0.85 → 0.0.86-RC1

package/chunks/Card-DRIT0wtY.js

@@ -0,0 +1,129 @@
+import { F as N, G as O, r as l, v as U, _ as I, w as c, x as $, y, E as k, j as F, z as v, D as J } from "./main-XP7dqk6g.js";
+import { i as L, r as T, g as V, h as A } from "./Button-BV7YIFkS.js";
+function G(a) {
+  return N("MuiCard", a);
+}
+const Y = O("MuiCard", ["root", "colorPrimary", "colorNeutral", "colorDanger", "colorSuccess", "colorWarning", "colorContext", "variantPlain", "variantOutlined", "variantSoft", "variantSolid", "sizeSm", "sizeMd", "sizeLg", "horizontal", "vertical"]), q = ["className", "color", "component", "invertedColors", "size", "variant", "children", "orientation", "slots", "slotProps"], B = (a) => {
+  const {
+    size: r,
+    variant: i,
+    color: o,
+    orientation: s
+  } = a, d = {
+    root: ["root", s, i && `variant${v(i)}`, o && `color${v(o)}`, r && `size${v(r)}`]
+  };
+  return J(d, G, {});
+}, H = y("div")(({
+  theme: a,
+  ownerState: r
+}) => {
+  var i;
+  const {
+    p: o,
+    padding: s,
+    borderRadius: d
+  } = T({
+    theme: a,
+    ownerState: r
+  }, ["p", "padding", "borderRadius"]);
+  return [c({
+    "--Icon-color": r.color !== "neutral" || r.variant === "solid" ? "currentColor" : a.vars.palette.text.icon,
+    // a context variable for any child component
+    "--Card-childRadius": "max((var(--Card-radius) - var(--variant-borderWidth, 0px)) - var(--Card-padding), min(var(--Card-padding) / 2, (var(--Card-radius) - var(--variant-borderWidth, 0px)) / 2))",
+    // AspectRatio integration
+    "--AspectRatio-radius": "var(--Card-childRadius)",
+    // Link integration
+    "--unstable_actionMargin": "calc(-1 * var(--variant-borderWidth, 0px))",
+    // Link, Radio, Checkbox integration
+    "--unstable_actionRadius": "var(--Card-radius)",
+    // CardCover integration
+    "--CardCover-radius": "calc(var(--Card-radius) - var(--variant-borderWidth, 0px))",
+    // CardOverflow integration
+    "--CardOverflow-offset": "calc(-1 * var(--Card-padding))",
+    "--CardOverflow-radius": "calc(var(--Card-radius) - var(--variant-borderWidth, 0px))",
+    // Divider integration
+    "--Divider-inset": "calc(-1 * var(--Card-padding))"
+  }, r.size === "sm" && {
+    "--Card-radius": a.vars.radius.sm,
+    "--Card-padding": "0.625rem",
+    gap: "0.5rem"
+  }, r.size === "md" && {
+    "--Card-radius": a.vars.radius.md,
+    "--Card-padding": "1rem",
+    gap: "0.75rem 1rem"
+  }, r.size === "lg" && {
+    "--Card-radius": a.vars.radius.lg,
+    "--Card-padding": "1.5rem",
+    gap: "1rem 1.5rem"
+  }, {
+    padding: "var(--Card-padding)",
+    borderRadius: "var(--Card-radius)",
+    backgroundColor: a.vars.palette.background.surface,
+    position: "relative",
+    display: "flex",
+    flexDirection: r.orientation === "horizontal" ? "row" : "column"
+  }, a.typography[`body-${r.size}`], r.variant === "solid" && r.color && r.invertedColors && V(r.color)(a), r.variant === "soft" && r.color && r.invertedColors && A(r.color)(a), (i = a.variants[r.variant]) == null ? void 0 : i[r.color]), o !== void 0 && {
+    "--Card-padding": o
+  }, s !== void 0 && {
+    "--Card-padding": s
+  }, d !== void 0 && {
+    "--Card-radius": d
+  }];
+}), K = y(H, {
+  name: "JoyCard",
+  slot: "Root",
+  overridesResolver: (a, r) => r.root
+})({}), Z = /* @__PURE__ */ l.forwardRef(function(r, i) {
+  const o = U({
+    props: r,
+    name: "JoyCard"
+  }), {
+    className: s,
+    color: d = "neutral",
+    component: p = "div",
+    invertedColors: z = !1,
+    size: b = "md",
+    variant: R = "outlined",
+    children: u,
+    orientation: C = "vertical",
+    slots: h = {},
+    slotProps: P = {}
+  } = o, W = I(o, q), g = c({}, o, {
+    color: d,
+    component: p,
+    orientation: C,
+    size: b,
+    variant: R,
+    invertedColors: z
+  }), E = B(g), D = c({}, W, {
+    component: p,
+    slots: h,
+    slotProps: P
+  }), [M, _] = $("root", {
+    ref: i,
+    className: k(E.root, s),
+    elementType: K,
+    externalForwardedProps: D,
+    ownerState: g
+  });
+  return /* @__PURE__ */ F.jsx(M, c({}, _, {
+    children: l.Children.map(u, (t, m) => {
+      if (!/* @__PURE__ */ l.isValidElement(t))
+        return t;
+      const n = {};
+      if (L(t, ["Divider"])) {
+        var f, x;
+        const e = t.props;
+        n.inset = (f = e == null ? void 0 : e.inset) != null ? f : "context";
+        const j = C === "vertical" ? "horizontal" : "vertical";
+        n.orientation = (x = e == null ? void 0 : e.orientation) != null ? x : j;
+      }
+      return m === 0 && (n["data-first-child"] = ""), m === l.Children.count(u) - 1 && (n["data-last-child"] = ""), /* @__PURE__ */ l.cloneElement(t, n);
+    })
+  }));
+});
+export {
+  Z as C,
+  H as S,
+  Y as c
+};

package/chunks/CardContent-CD-WZh1l.js

@@ -0,0 +1,60 @@
+import { G as e, F as f, r as P, v as R, _ as S, w as a, x as w, y as n, E as h, j as _, D as j } from "./main-XP7dqk6g.js";
+const N = e("MuiCardOverflow", ["root", "colorPrimary", "colorNeutral", "colorDanger", "colorSuccess", "colorWarning", "colorContext", "variantPlain", "variantOutlined", "variantSoft", "variantSolid"]);
+function U(o) {
+  return f("MuiCardContent", o);
+}
+e("MuiCardContent", ["root"]);
+const b = ["className", "component", "children", "orientation", "slots", "slotProps"], D = () => j({
+  root: ["root"]
+}, U, {}), E = n("div")(({
+  ownerState: o
+}) => ({
+  display: "flex",
+  flexDirection: o.orientation === "horizontal" ? "row" : "column",
+  flex: 9999,
+  // fill the available space in the Card and also shrink if needed
+  zIndex: 1,
+  columnGap: "var(--Card-padding)",
+  rowGap: "max(2px, calc(0.1875 * var(--Card-padding)))",
+  padding: "var(--unstable_padding)",
+  [`.${N.root} > &`]: {
+    "--unstable_padding": "calc(var(--Card-padding) * 0.75) 0px"
+  }
+})), G = n(E, {
+  name: "JoyCardContent",
+  slot: "Root",
+  overridesResolver: (o, t) => t.root
+})({}), z = /* @__PURE__ */ P.forwardRef(function(t, l) {
+  const s = R({
+    props: t,
+    name: "JoyCardContent"
+  }), {
+    className: i,
+    component: r = "div",
+    children: c,
+    orientation: d = "vertical",
+    slots: p = {},
+    slotProps: C = {}
+  } = s, u = S(s, b), x = a({}, u, {
+    component: r,
+    slots: p,
+    slotProps: C
+  }), m = a({}, s, {
+    component: r,
+    orientation: d
+  }), v = D(), [y, g] = w("root", {
+    ref: l,
+    className: h(v.root, i),
+    elementType: G,
+    externalForwardedProps: x,
+    ownerState: m
+  });
+  return /* @__PURE__ */ _.jsx(y, a({}, g, {
+    children: c
+  }));
+});
+export {
+  z as C,
+  E as S,
+  N as a
+};

package/chunks/ChevronRight-BrCKlr3T.js

@@ -0,0 +1,11 @@
+import { j as o } from "./main-XP7dqk6g.js";
+import { c as t } from "./createSvgIcon-DVA0KIUd.js";
+const n = t(/* @__PURE__ */ o.jsx("path", {
+  d: "M15.41 7.41 14 6l-6 6 6 6 1.41-1.41L10.83 12z"
+}), "ChevronLeft"), s = t(/* @__PURE__ */ o.jsx("path", {
+  d: "M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"
+}), "ChevronRight");
+export {
+  n as C,
+  s as a
+};

package/chunks/Chip-6HLNTHMI.js

@@ -0,0 +1,281 @@
+import { G as U, F, r as g, v as G, _ as q, w as e, x as h, y as C, E as K, a0 as Q, j as c, z as b, D as X } from "./main-XP7dqk6g.js";
+import { V as Y } from "./variantColorInheritance-DI3wUohX.js";
+import { u as Z, r as w } from "./Button-BV7YIFkS.js";
+function ii(o) {
+  return F("MuiChip", o);
+}
+const x = U("MuiChip", ["root", "clickable", "colorPrimary", "colorNeutral", "colorDanger", "colorSuccess", "colorWarning", "colorContext", "disabled", "endDecorator", "focusVisible", "label", "labelSm", "labelMd", "labelLg", "sizeSm", "sizeMd", "sizeLg", "startDecorator", "variantPlain", "variantSolid", "variantSoft", "variantOutlined"]), oi = /* @__PURE__ */ g.createContext({
+  disabled: void 0,
+  variant: void 0,
+  color: void 0
+}), ri = ["children", "className", "color", "onClick", "disabled", "size", "variant", "startDecorator", "endDecorator", "component", "slots", "slotProps"], ai = (o) => {
+  const {
+    disabled: i,
+    size: a,
+    color: r,
+    clickable: n,
+    variant: t,
+    focusVisible: l
+  } = o, u = {
+    root: ["root", i && "disabled", r && `color${b(r)}`, a && `size${b(a)}`, t && `variant${b(t)}`, n && "clickable"],
+    action: ["action", i && "disabled", l && "focusVisible"],
+    label: ["label", a && `label${b(a)}`],
+    startDecorator: ["startDecorator"],
+    endDecorator: ["endDecorator"]
+  };
+  return X(u, ii, {});
+}, ei = C("div", {
+  name: "JoyChip",
+  slot: "Root",
+  overridesResolver: (o, i) => i.root
+})(({
+  theme: o,
+  ownerState: i
+}) => {
+  var a, r, n;
+  const t = (a = o.variants[i.variant]) == null ? void 0 : a[i.color], {
+    borderRadius: l
+  } = w({
+    theme: o,
+    ownerState: i
+  }, ["borderRadius"]);
+  return [e({
+    // for controlling chip delete margin offset
+    "--Chip-decoratorChildOffset": "min(calc(var(--Chip-paddingInline) - (var(--_Chip-minHeight) - 2 * var(--variant-borderWidth, 0px) - var(--Chip-decoratorChildHeight)) / 2), var(--Chip-paddingInline))",
+    "--Chip-decoratorChildRadius": "max(var(--_Chip-radius) - var(--variant-borderWidth, 0px) - var(--_Chip-paddingBlock), min(var(--_Chip-paddingBlock) + var(--variant-borderWidth, 0px), var(--_Chip-radius) / 2))",
+    "--Chip-deleteRadius": "var(--Chip-decoratorChildRadius)",
+    "--Chip-deleteSize": "var(--Chip-decoratorChildHeight)",
+    "--Avatar-radius": "var(--Chip-decoratorChildRadius)",
+    "--Avatar-size": "var(--Chip-decoratorChildHeight)",
+    "--Icon-margin": "initial",
+    // reset the icon's margin.
+    "--Icon-color": "currentColor",
+    "--unstable_actionRadius": "var(--_Chip-radius)"
+  }, i.size === "sm" && {
+    "--Chip-paddingInline": "0.375rem",
+    "--Chip-decoratorChildHeight": "calc(var(--_Chip-minHeight) - 2 * var(--variant-borderWidth))",
+    "--Icon-fontSize": o.vars.fontSize.sm,
+    "--_Chip-minHeight": "var(--Chip-minHeight, 1.25rem)",
+    // 20px
+    gap: "3px"
+  }, i.size === "md" && {
+    "--Chip-paddingInline": "0.5rem",
+    "--Chip-decoratorChildHeight": "calc(var(--_Chip-minHeight) - 0.25rem - 2 * var(--variant-borderWidth))",
+    "--Icon-fontSize": o.vars.fontSize.md,
+    "--_Chip-minHeight": "var(--Chip-minHeight, 1.5rem)",
+    // 26px
+    gap: "0.25rem"
+  }, i.size === "lg" && {
+    "--Chip-paddingInline": "0.75rem",
+    "--Chip-decoratorChildHeight": "calc(var(--_Chip-minHeight) - 0.375rem - 2 * var(--variant-borderWidth))",
+    "--Icon-fontSize": o.vars.fontSize.lg,
+    "--_Chip-minHeight": "var(--Chip-minHeight, 1.75rem)",
+    // 28px
+    gap: "0.375rem"
+  }, {
+    "--_Chip-radius": "var(--Chip-radius, 1.5rem)",
+    "--_Chip-paddingBlock": "max((var(--_Chip-minHeight) - 2 * var(--variant-borderWidth, 0px) - var(--Chip-decoratorChildHeight)) / 2, 0px)",
+    minHeight: "var(--_Chip-minHeight)",
+    maxWidth: "max-content",
+    // to prevent Chip from stretching to full width when used with flexbox
+    paddingInline: "var(--Chip-paddingInline)",
+    borderRadius: "var(--_Chip-radius)",
+    position: "relative",
+    display: "inline-flex",
+    alignItems: "center",
+    justifyContent: "center",
+    whiteSpace: "nowrap",
+    textDecoration: "none",
+    verticalAlign: "middle",
+    boxSizing: "border-box"
+  }, o.typography[`body-${{
+    sm: "xs",
+    md: "sm",
+    lg: "md"
+  }[i.size]}`], {
+    fontWeight: o.vars.fontWeight.md,
+    [`&.${x.disabled}`]: {
+      color: (r = o.variants[`${i.variant}Disabled`]) == null || (r = r[i.color]) == null ? void 0 : r.color
+    }
+  }), ...i.clickable ? [{
+    "--variant-borderWidth": "0px",
+    color: t == null ? void 0 : t.color
+  }] : [e({
+    backgroundColor: o.vars.palette.background.surface
+  }, t, {
+    [`&.${x.disabled}`]: (n = o.variants[`${i.variant}Disabled`]) == null ? void 0 : n[i.color]
+  })], l !== void 0 && {
+    "--_Chip-radius": l
+  }];
+}), ti = C("span", {
+  name: "JoyChip",
+  slot: "Label",
+  overridesResolver: (o, i) => i.label
+})(({
+  ownerState: o
+}) => e({
+  display: "inline-block",
+  overflow: "hidden",
+  textOverflow: "ellipsis",
+  order: 1,
+  minInlineSize: 0,
+  flexGrow: 1
+}, o.clickable && {
+  zIndex: 1,
+  pointerEvents: "none"
+})), ni = C("button", {
+  name: "JoyChip",
+  slot: "Action",
+  overridesResolver: (o, i) => i.action
+})(({
+  theme: o,
+  ownerState: i
+}) => {
+  var a, r, n, t;
+  return [{
+    "--Icon-color": i.color !== "neutral" || i.variant === "solid" ? "currentColor" : o.vars.palette.text.icon,
+    position: "absolute",
+    zIndex: 0,
+    top: 0,
+    left: 0,
+    bottom: 0,
+    right: 0,
+    width: "100%",
+    // To fix Firefox issue (https://github.com/mui/material-ui/issues/36877)
+    border: "none",
+    cursor: "pointer",
+    padding: "initial",
+    margin: "initial",
+    backgroundColor: "initial",
+    textDecoration: "none",
+    borderRadius: "inherit",
+    [o.focus.selector]: o.focus.default
+  }, e({
+    backgroundColor: o.vars.palette.background.surface
+  }, (a = o.variants[i.variant]) == null ? void 0 : a[i.color]), {
+    "&:hover": {
+      "@media (hover: hover)": (r = o.variants[`${i.variant}Hover`]) == null ? void 0 : r[i.color]
+    }
+  }, {
+    "&:active": (n = o.variants[`${i.variant}Active`]) == null ? void 0 : n[i.color]
+  }, {
+    [`&.${x.disabled}`]: (t = o.variants[`${i.variant}Disabled`]) == null ? void 0 : t[i.color]
+  }];
+}), si = C("span", {
+  name: "JoyChip",
+  slot: "StartDecorator",
+  overridesResolver: (o, i) => i.startDecorator
+})({
+  "--Avatar-marginInlineStart": "calc(var(--Chip-decoratorChildOffset) * -1)",
+  "--IconButton-margin": "0 calc(-1 * var(--Chip-paddingInline) / 3) 0 calc(var(--Chip-decoratorChildOffset) * -1)",
+  "--Icon-margin": "0 0 0 calc(var(--Chip-paddingInline) / -4)",
+  display: "inherit",
+  // set zIndex to 1 with order to stay on top of other controls, for example Checkbox, Radio
+  order: 0,
+  zIndex: 1,
+  pointerEvents: "none"
+}), li = C("span", {
+  name: "JoyChip",
+  slot: "EndDecorator",
+  overridesResolver: (o, i) => i.endDecorator
+})({
+  "--IconButton-margin": "0 calc(var(--Chip-decoratorChildOffset) * -1) 0 calc(-1 * var(--Chip-paddingInline) / 3)",
+  "--Icon-margin": "0 calc(var(--Chip-paddingInline) / -4) 0 0",
+  display: "inherit",
+  // set zIndex to 1 with order to stay on top of other controls, for example Checkbox, Radio
+  order: 2,
+  zIndex: 1,
+  pointerEvents: "none"
+}), vi = /* @__PURE__ */ g.forwardRef(function(i, a) {
+  const r = G({
+    props: i,
+    name: "JoyChip"
+  }), {
+    children: n,
+    className: t,
+    color: l = "neutral",
+    onClick: u,
+    disabled: m = !1,
+    size: H = "md",
+    variant: D = "soft",
+    startDecorator: _,
+    endDecorator: y,
+    component: $,
+    slots: P = {},
+    slotProps: d = {}
+  } = r, k = q(r, ri), I = !!u || !!d.action, s = e({}, r, {
+    disabled: m,
+    size: H,
+    color: l,
+    variant: D,
+    clickable: I,
+    focusVisible: !1
+  }), f = typeof d.action == "function" ? d.action(s) : d.action, W = g.useRef(null), {
+    focusVisible: j,
+    getRootProps: V
+  } = Z(e({}, f, {
+    disabled: m,
+    rootRef: W
+  }));
+  s.focusVisible = j;
+  const p = ai(s), v = e({}, k, {
+    component: $,
+    slots: P,
+    slotProps: d
+  }), [A, E] = h("root", {
+    ref: a,
+    className: K(p.root, t),
+    elementType: ei,
+    externalForwardedProps: v,
+    ownerState: s
+  }), [S, z] = h("label", {
+    className: p.label,
+    elementType: ti,
+    externalForwardedProps: v,
+    ownerState: s
+  }), R = Q(z.id), [N, B] = h("action", {
+    className: p.action,
+    elementType: ni,
+    externalForwardedProps: v,
+    ownerState: s,
+    getSlotProps: V,
+    additionalProps: {
+      "aria-labelledby": R,
+      as: f == null ? void 0 : f.component,
+      onClick: u
+    }
+  }), [J, L] = h("startDecorator", {
+    className: p.startDecorator,
+    elementType: si,
+    externalForwardedProps: v,
+    ownerState: s
+  }), [O, T] = h("endDecorator", {
+    className: p.endDecorator,
+    elementType: li,
+    externalForwardedProps: v,
+    ownerState: s
+  }), M = g.useMemo(() => ({
+    disabled: m
+  }), [m]);
+  return /* @__PURE__ */ c.jsx(oi.Provider, {
+    value: M,
+    children: /* @__PURE__ */ c.jsx(Y, {
+      variant: D,
+      color: l,
+      children: /* @__PURE__ */ c.jsxs(A, e({}, E, {
+        children: [I && /* @__PURE__ */ c.jsx(N, e({}, B)), /* @__PURE__ */ c.jsx(S, e({}, z, {
+          id: R,
+          children: n
+        })), _ && /* @__PURE__ */ c.jsx(J, e({}, L, {
+          children: _
+        })), y && /* @__PURE__ */ c.jsx(O, e({}, T, {
+          children: y
+        }))]
+      }))
+    })
+  });
+});
+export {
+  vi as C,
+  oi as a
+};