fansunited-widgets-cdn 0.0.85 → 0.0.86-RC2

package/chunks/TeamNextMatchPrediction-C7HilNqW.js

@@ -0,0 +1,6 @@
+import { j as o } from "./main-XP7dqk6g.js";
+import r from "./MatchPredictionContainer-Ct6gXvLw.js";
+const i = ({ contentId: t, market: e }) => /* @__PURE__ */ o.jsx(r, { contentId: t, market: e, contentType: "team" });
+export {
+  i as default
+};

package/chunks/Tutorial-DFNZxmAx.js

@@ -0,0 +1,427 @@
+import { F as O, G as B, r as c, v as E, _ as M, w as g, x as P, y as A, E as $, j as t, D as U, I as C, u as V, B as D } from "./main-XP7dqk6g.js";
+import { d as F } from "./default-quiz-bg-CTzaADn7.js";
+import { c as x } from "./createSvgIcon-DVA0KIUd.js";
+import { S as j } from "./Stack-Dgf2LXN0.js";
+import { A as G } from "./AspectRatio-D3Sgxj7p.js";
+import { C as w } from "./Card-DRIT0wtY.js";
+import { C as L } from "./CardContent-CD-WZh1l.js";
+import { B as m, T as v } from "./Button-BV7YIFkS.js";
+import { M as N, a as Y } from "./ModalDialog-Ci3hulZA.js";
+import { G as S } from "./Grid-Dpv_ZL23.js";
+function H(e) {
+  return O("MuiCardCover", e);
+}
+B("MuiCardCover", ["root"]);
+const _ = ["className", "component", "children", "slots", "slotProps"], J = () => U({
+  root: ["root"]
+}, H, {}), Q = A("div", {
+  name: "JoyCardCover",
+  slot: "Root",
+  overridesResolver: (e, r) => r.root
+})({
+  position: "absolute",
+  zIndex: 0,
+  top: 0,
+  left: 0,
+  right: 0,
+  bottom: 0,
+  borderRadius: "var(--CardCover-radius)",
+  // 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",
+    width: "100%",
+    height: "100%",
+    objectFit: "cover",
+    boxSizing: "border-box",
+    borderRadius: "var(--CardCover-radius)",
+    margin: 0,
+    padding: 0,
+    "& > img": {
+      // support art-direction that uses <picture><img /></picture>
+      width: "100%",
+      height: "100%",
+      objectFit: "cover"
+    }
+  }
+}), k = /* @__PURE__ */ c.forwardRef(function(r, a) {
+  const i = E({
+    props: r,
+    name: "JoyCardCover"
+  }), {
+    className: h,
+    component: s = "div",
+    children: o,
+    slots: u = {},
+    slotProps: n = {}
+  } = i, p = M(i, _), l = g({}, i, {
+    component: s
+  }), f = J(), R = g({}, p, {
+    component: s,
+    slots: u,
+    slotProps: n
+  }), [z, T] = P("root", {
+    ref: a,
+    className: $(f.root, h),
+    elementType: Q,
+    externalForwardedProps: R,
+    ownerState: l
+  });
+  return /* @__PURE__ */ t.jsx(z, g({}, T, {
+    children: c.Children.map(o, (b, W) => W === 0 && /* @__PURE__ */ c.isValidElement(b) ? /* @__PURE__ */ c.cloneElement(b, {
+      "data-first-child": ""
+    }) : b)
+  }));
+}), Z = x(/* @__PURE__ */ t.jsx("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-6h2zm0-8h-2V7h2z"
+}), "Info"), pt = {
+  LOADING: "loading",
+  TUTORIAL: "tutorial",
+  PLAYING: "playing",
+  RESULTS: "results"
+}, q = x(/* @__PURE__ */ t.jsx("path", {
+  d: "m12 21.35-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54z"
+}), "Favorite"), K = C`
+  0% {
+    opacity: 1;
+    transform: translateY(0);
+  }
+  100% {
+    opacity: 0;
+    transform: translateY(-20px);
+  }
+`, mt = {
+  pointsAdded: {
+    position: "absolute",
+    top: -20,
+    right: 0,
+    color: "primary.500",
+    animation: `${K} 1s ease-out forwards`
+  },
+  optionWrapper: {
+    position: "relative",
+    flex: 1,
+    transition: "transform 0.2s"
+  },
+  dividerWrapper: {
+    width: { xs: "100%", sm: "40px" },
+    my: { xs: 2, sm: 0 }
+  },
+  dividerButton: {
+    borderRadius: "50%",
+    bgcolor: "background.surface",
+    boxShadow: "sm",
+    width: "30px",
+    height: "30px",
+    "&:hover": { bgcolor: "background.level1" }
+  },
+  dividerText: {
+    fontWeight: "lg",
+    color: "text.secondary",
+    display: { xs: "none", sm: "block" },
+    textTransform: "uppercase",
+    fontSize: "0.675em !important"
+  },
+  timerProgressWrapper: {
+    position: "relative",
+    width: "100%",
+    height: 8,
+    bgcolor: "neutral.200",
+    borderRadius: "4px",
+    overflow: "hidden"
+  },
+  timerProgress: {
+    position: "absolute",
+    left: 0,
+    top: 0,
+    height: "100%",
+    transition: "width 1s linear, background-color 0.3s ease",
+    borderRadius: "inherit",
+    transform: "translateZ(0)"
+  }
+}, xt = (e, r) => ({
+  flex: 1,
+  mx: 0.5,
+  height: 4,
+  bgcolor: r < e ? "primary.500" : "primary.softBg",
+  borderRadius: "2px",
+  transition: "background-color 0.3s ease"
+}), y = {
+  fadeInUp: C`
+      from {
+        opacity: 0;
+        transform: translateY(20px);
+      }
+      to {
+        opacity: 1;
+        transform: translateY(0);
+      }
+    `,
+  pulse: C`
+      0% {
+        transform: scale(1);
+      }
+      50% {
+        transform: scale(1.02);
+      }
+      100% {
+        transform: scale(1);
+      }
+    `
+}, ht = {
+  wrapper: {
+    animation: `${y.fadeInUp} 0.6s ease-out`
+  },
+  mainCard: {
+    mb: 3,
+    minHeight: "300px",
+    position: "relative",
+    overflow: "hidden",
+    background: (e) => `linear-gradient(135deg, ${e.vars.palette.background.level2} 0%, ${e.vars.palette.background.surface} 100%)`
+  },
+  fieldPattern: {
+    position: "absolute",
+    top: 0,
+    left: 0,
+    right: 0,
+    bottom: 0,
+    opacity: 0.1,
+    pointerEvents: "none",
+    background: (e) => `
+        linear-gradient(to right, ${e.vars.palette.neutral[400]} 1px, transparent 1px) 0 0 / 50px 100%,
+        linear-gradient(${e.vars.palette.neutral[400]} 1px, transparent 1px) 0 0 / 100% 50px
+      `
+  },
+  mainContent: {
+    height: "100%",
+    position: "relative",
+    zIndex: 1,
+    p: 2
+  },
+  scoreSection: {
+    color: "primary.500"
+  },
+  scoreValue: {
+    fontSize: "4.5em",
+    fontWeight: "bold",
+    color: "primary.500",
+    animation: `${y.pulse} 2s infinite`,
+    textShadow: "0 2px 4px rgba(0,0,0,0.1)"
+  },
+  statsSection: {
+    width: "100%",
+    direction: { xs: "column", sm: "row" }
+  },
+  statsCard: {
+    p: 2,
+    borderRadius: "lg",
+    minWidth: "200px",
+    display: "flex",
+    flexDirection: "column",
+    alignItems: "center",
+    gap: 1
+  },
+  leaderboardCard: {
+    mb: 3,
+    background: "background.surface",
+    borderColor: "divider",
+    "&:hover": { borderColor: "divider" }
+  },
+  rankNumber: {
+    width: 20,
+    textAlign: "center"
+  },
+  actionButton: {
+    transition: "all 0.2s",
+    "&:hover": {
+      transform: "translateY(-2px)"
+    },
+    animation: `${y.fadeInUp} 0.6s ease-out 0.3s backwards`
+  },
+  getLeaderboardItemStyles: {
+    bgcolor: "transparent",
+    borderRadius: "sm",
+    transition: "all 0.2s",
+    "&:hover": {
+      bgcolor: (e) => `${e.vars.palette.primary[500]}10`
+    }
+  }
+}, ut = (e) => ({
+  fontWeight: "bold",
+  color: (r) => e ? r.vars.palette.primary[500] : "inherit"
+}), ft = (e) => (r) => e === 0 ? r.vars.palette.warning[400] : e === 1 ? r.vars.palette.neutral[400] : r.vars.palette.warning[700], I = {
+  shadow: {
+    background: {
+      xs: "linear-gradient(to top, rgba(0,0,0,0.4), rgba(0,0,0,0) 120px), linear-gradient(to top, rgba(0,0,0,0.8), rgba(0,0,0,0) 180px)",
+      md: "linear-gradient(to top, rgba(0,0,0,0.4), rgba(0,0,0,0) 200px), linear-gradient(to top, rgba(0,0,0,0.8), rgba(0,0,0,0) 300px)"
+    }
+  },
+  contentWrapper: {
+    justifyContent: "flex-end",
+    pb: { xs: 3, sm: 4, md: 5 },
+    px: { xs: 2, md: 5 },
+    width: "100%"
+  }
+}, d = {
+  iconWrapper: {
+    mb: 2,
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+    width: 48,
+    height: 48,
+    borderRadius: "50%",
+    bgcolor: "primary.100",
+    color: "primary.500"
+  },
+  ruleCard: {
+    display: "flex",
+    flexDirection: "column",
+    alignItems: "center",
+    p: 3,
+    mb: 2,
+    textAlign: "center",
+    backgroundColor: "background.level1"
+  },
+  mainButton: {
+    px: 10,
+    position: "relative",
+    transition: "transform 0.2s ease",
+    animation: "pulse 2s infinite",
+    "@keyframes pulse": {
+      "0%": {
+        boxShadow: "0 0 0 0 rgba(var(--joy-palette-primary-500), 0.4)",
+        transform: "scale(1)"
+      },
+      "70%": {
+        boxShadow: "0 0 0 10px rgba(var(--joy-palette-primary-500), 0)",
+        transform: "scale(1.02)"
+      },
+      "100%": {
+        boxShadow: "0 0 0 0 rgba(var(--joy-palette-primary-500), 0)",
+        transform: "scale(1)"
+      }
+    },
+    "&:hover": {
+      animation: "none",
+      transform: "scale(1.05)",
+      transition: "transform 0.2s ease"
+    }
+  },
+  infoButton: {
+    position: "absolute",
+    top: 8,
+    right: 8,
+    minWidth: 40,
+    p: 1
+  }
+}, bt = {
+  wrapper: {
+    cursor: "pointer",
+    border: "none",
+    "&:hover": { border: "none" },
+    "&:focus": { border: "none" },
+    "&:active": { border: "none" }
+  },
+  card: {
+    position: "absolute",
+    width: "100%",
+    height: "100%",
+    borderRadius: "sm",
+    border: "none",
+    "--Card-padding": "0px"
+  },
+  image: {
+    width: "100%",
+    height: "100%",
+    objectFit: "cover"
+  },
+  overlay: {
+    transition: "background 0.3s ease"
+  },
+  iconWrapper: {
+    position: "absolute",
+    top: "50%",
+    left: "50%",
+    transform: "translate(-50%, -50%)",
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+    zIndex: 2
+  },
+  icon: {
+    fontSize: 64,
+    width: 64,
+    height: 64,
+    filter: "drop-shadow(0 2px 4px rgba(0,0,0,0.4))"
+  },
+  content: {
+    justifyContent: "flex-end",
+    p: 2
+  },
+  label: {
+    color: "#fff",
+    textAlign: "center",
+    fontWeight: 700,
+    textShadow: "0 1px 2px rgba(0,0,0,0.4)"
+  }
+}, X = x(/* @__PURE__ */ t.jsx("path", {
+  d: "M19 5h-2V3H7v2H5c-1.1 0-2 .9-2 2v1c0 2.55 1.92 4.63 4.39 4.94.63 1.5 1.98 2.63 3.61 2.96V19H7v2h10v-2h-4v-3.1c1.63-.33 2.98-1.46 3.61-2.96C19.08 12.63 21 10.55 21 8V7c0-1.1-.9-2-2-2M5 8V7h2v3.82C5.84 10.4 5 9.3 5 8m14 0c0 1.3-.84 2.4-2 2.82V7h2z"
+}), "EmojiEvents"), tt = x(/* @__PURE__ */ t.jsx("path", {
+  d: "M9 1h6v2H9zm10.03 6.39 1.42-1.42c-.43-.51-.9-.99-1.41-1.41l-1.42 1.42C16.07 4.74 14.12 4 12 4c-4.97 0-9 4.03-9 9s4.02 9 9 9 9-4.03 9-9c0-2.12-.74-4.07-1.97-5.61M13 14h-2V8h2z"
+}), "Timer"), gt = ({ onStart: e, game: r, signInCTA: a, showSignInCTA: i }) => {
+  var p;
+  const [h, s] = c.useState(!1), { t: o } = V(), u = [
+    {
+      icon: /* @__PURE__ */ t.jsx(tt, {}),
+      title: o("eitherOr.tutorial.step1Title"),
+      description: o("eitherOr.tutorial.step1Description", { seconds: (r == null ? void 0 : r.time) ?? 10 })
+    },
+    {
+      icon: /* @__PURE__ */ t.jsx(q, {}),
+      title: o("eitherOr.tutorial.step2Title", { lives: (r == null ? void 0 : r.lives) ?? 3 }),
+      description: o("eitherOr.tutorial.step2Description", { lives: (r == null ? void 0 : r.lives) ?? 3 })
+    },
+    {
+      icon: /* @__PURE__ */ t.jsx(X, {}),
+      title: o("eitherOr.tutorial.step3Title"),
+      description: o("eitherOr.tutorial.step3Description")
+    }
+  ];
+  if (!r) return null;
+  const n = ((p = r == null ? void 0 : r.images) == null ? void 0 : p.main) || F;
+  return /* @__PURE__ */ t.jsxs(j, { spacing: 3, children: [
+    /* @__PURE__ */ t.jsx(G, { ratio: 16 / 9, children: /* @__PURE__ */ t.jsxs(w, { sx: { borderColor: "divider", "&:hover": { borderColor: "divider" } }, children: [
+      /* @__PURE__ */ t.jsx(k, { children: /* @__PURE__ */ t.jsx("img", { src: n, srcSet: `${n} 1x, ${n} 2x`, loading: "lazy", alt: r.title }) }),
+      /* @__PURE__ */ t.jsx(k, { sx: I.shadow }),
+      /* @__PURE__ */ t.jsxs(L, { sx: I.contentWrapper, children: [
+        /* @__PURE__ */ t.jsx(m, { size: "sm", variant: "soft", color: "primary", onClick: () => s(!0), sx: d.infoButton, children: /* @__PURE__ */ t.jsx(Z, {}) }),
+        /* @__PURE__ */ t.jsx(j, { justifyContent: "center", alignItems: "center", spacing: 2, children: i && a ? /* @__PURE__ */ t.jsx(m, { size: "md", variant: "solid", color: "primary", onClick: a.onClick, sx: d.mainButton, children: a.defaultLabel }) : /* @__PURE__ */ t.jsx(m, { size: "md", variant: "solid", color: "primary", onClick: e, sx: d.mainButton, children: o("eitherOr.buttons.start") }) })
+      ] })
+    ] }) }),
+    /* @__PURE__ */ t.jsx(N, { open: h, onClose: () => s(!1), children: /* @__PURE__ */ t.jsxs(Y, { children: [
+      /* @__PURE__ */ t.jsx(v, { level: "h4", sx: { mb: 3, textAlign: "center" }, children: o("eitherOr.tutorial.howToPlay") }),
+      /* @__PURE__ */ t.jsx(S, { container: !0, spacing: 2, sx: { overflow: "auto" }, children: u.map((l, f) => /* @__PURE__ */ t.jsx(S, { xs: 12, md: 4, children: /* @__PURE__ */ t.jsxs(w, { sx: d.ruleCard, variant: "outlined", children: [
+        /* @__PURE__ */ t.jsx(D, { sx: d.iconWrapper, children: l.icon }),
+        /* @__PURE__ */ t.jsx(v, { level: "h4", sx: { mb: 1 }, children: l.title }),
+        /* @__PURE__ */ t.jsx(v, { level: "body-sm", children: l.description })
+      ] }) }, f)) }),
+      /* @__PURE__ */ t.jsx(m, { size: "lg", variant: "solid", color: "primary", onClick: () => s(!1), sx: { mt: 3, alignSelf: "center" }, children: o("common.close") })
+    ] }) })
+  ] });
+};
+export {
+  k as C,
+  q as F,
+  pt as G,
+  Z as I,
+  gt as T,
+  mt as a,
+  ht as b,
+  ft as c,
+  ut as d,
+  bt as e,
+  xt as g
+};

package/chunks/createLucideIcon-B6NxpYkb.js

@@ -0,0 +1,79 @@
+import { r as a } from "./main-XP7dqk6g.js";
+/**
+ * @license lucide-react v0.474.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const w = (r) => r.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), c = (...r) => r.filter((e, t, o) => !!e && e.trim() !== "" && o.indexOf(e) === t).join(" ").trim();
+/**
+ * @license lucide-react v0.474.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+var f = {
+  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.474.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const p = a.forwardRef(
+  ({
+    color: r = "currentColor",
+    size: e = 24,
+    strokeWidth: t = 2,
+    absoluteStrokeWidth: o,
+    className: s = "",
+    children: n,
+    iconNode: i,
+    ...l
+  }, u) => a.createElement(
+    "svg",
+    {
+      ref: u,
+      ...f,
+      width: e,
+      height: e,
+      stroke: r,
+      strokeWidth: o ? Number(t) * 24 / Number(e) : t,
+      className: c("lucide", s),
+      ...l
+    },
+    [
+      ...i.map(([m, d]) => a.createElement(m, d)),
+      ...Array.isArray(n) ? n : [n]
+    ]
+  )
+);
+/**
+ * @license lucide-react v0.474.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const h = (r, e) => {
+  const t = a.forwardRef(
+    ({ className: o, ...s }, n) => a.createElement(p, {
+      ref: n,
+      iconNode: e,
+      className: c(`lucide-${w(r)}`, o),
+      ...s
+    })
+  );
+  return t.displayName = `${r}`, t;
+};
+export {
+  h as c
+};

package/chunks/createSvgIcon-7h7XC877.js

@@ -0,0 +1,119 @@
+import { F as P, G as M, r as l, v as X, _, w as t, x as b, y as A, E as B, j as z, z as a, D as E } from "./main-XP7dqk6g.js";
+function U(e) {
+  return P("MuiSvgIcon", e);
+}
+M("MuiSvgIcon", ["root", "colorInherit", "colorPrimary", "colorNeutral", "colorDanger", "colorSuccess", "colorWarning", "fontSizeInherit", "fontSizeXs", "fontSizeSm", "fontSizeMd", "fontSizeLg", "fontSizeXl", "fontSizeXl2", "fontSizeXl3", "fontSizeXl4", "sizeSm", "sizeMd", "sizeLg"]);
+const L = ["children", "className", "color", "component", "fontSize", "htmlColor", "inheritViewBox", "titleAccess", "viewBox", "size", "slots", "slotProps"], V = (e) => {
+  const {
+    color: o,
+    size: s,
+    fontSize: n
+  } = e, i = {
+    root: ["root", o && o !== "inherit" && `color${a(o)}`, s && `size${a(s)}`, n && `fontSize${a(n)}`]
+  };
+  return E(i, U, {});
+}, p = {
+  sm: "xl",
+  md: "xl2",
+  lg: "xl3"
+}, k = A("svg", {
+  name: "JoySvgIcon",
+  slot: "Root",
+  overridesResolver: (e, o) => o.root
+})(({
+  theme: e,
+  ownerState: o
+}) => {
+  var s;
+  return t({}, o.instanceSize && {
+    "--Icon-fontSize": e.vars.fontSize[p[o.instanceSize]]
+  }, o.instanceFontSize && o.instanceFontSize !== "inherit" && {
+    "--Icon-fontSize": e.vars.fontSize[o.instanceFontSize]
+  }, {
+    userSelect: "none",
+    margin: "var(--Icon-margin)",
+    width: "1em",
+    height: "1em",
+    display: "inline-block",
+    // the <svg> will define the property that has `currentColor`
+    // for example heroicons uses fill="none" and stroke="currentColor"
+    fill: o.hasSvgAsChild ? void 0 : "currentColor",
+    flexShrink: 0,
+    fontSize: `var(--Icon-fontSize, ${e.vars.fontSize[p[o.size]] || "unset"})`
+  }, o.fontSize && o.fontSize !== "inherit" && {
+    fontSize: `var(--Icon-fontSize, ${e.fontSize[o.fontSize]})`
+  }, !o.htmlColor && t({
+    color: `var(--Icon-color, ${e.vars.palette.text.icon})`
+  }, o.color === "inherit" && {
+    color: "inherit"
+  }, o.color !== "inherit" && e.vars.palette[o.color] && {
+    color: `rgba(${(s = e.vars.palette[o.color]) == null ? void 0 : s.mainChannel} / 1)`
+  }));
+}), m = /* @__PURE__ */ l.forwardRef(function(o, s) {
+  const n = X({
+    props: o,
+    name: "JoySvgIcon"
+  }), {
+    children: i,
+    className: u,
+    color: g,
+    component: f = "svg",
+    fontSize: h,
+    htmlColor: x,
+    inheritViewBox: S = !1,
+    titleAccess: r,
+    viewBox: v = "0 0 24 24",
+    size: I = "md",
+    slots: C = {},
+    slotProps: y = {}
+  } = n, $ = _(n, L), c = /* @__PURE__ */ l.isValidElement(i) && i.type === "svg", d = t({}, n, {
+    color: g,
+    component: f,
+    size: I,
+    instanceSize: o.size,
+    fontSize: h,
+    instanceFontSize: o.fontSize,
+    inheritViewBox: S,
+    viewBox: v,
+    hasSvgAsChild: c
+  }), R = V(d), j = t({}, $, {
+    component: f,
+    slots: C,
+    slotProps: y
+  }), [F, N] = b("root", {
+    ref: s,
+    className: B(R.root, u),
+    elementType: k,
+    externalForwardedProps: j,
+    ownerState: d,
+    additionalProps: t({
+      color: x,
+      focusable: !1
+    }, r && {
+      role: "img"
+    }, !r && {
+      "aria-hidden": !0
+    }, !S && {
+      viewBox: v
+    }, c && i.props)
+  });
+  return /* @__PURE__ */ z.jsxs(F, t({}, N, {
+    children: [c ? i.props.children : i, r ? /* @__PURE__ */ z.jsx("title", {
+      children: r
+    }) : null]
+  }));
+});
+function J(e, o) {
+  function s(n, i) {
+    return /* @__PURE__ */ z.jsx(m, t({
+      "data-testid": `${o}Icon`,
+      ref: i
+    }, n, {
+      children: e
+    }));
+  }
+  return s.muiName = m.muiName, /* @__PURE__ */ l.memo(/* @__PURE__ */ l.forwardRef(s));
+}
+export {
+  J as c
+};