fansunited-widgets-cdn 0.0.93 → 0.0.94

package/chunks/{AlertMessage-C2aBXCrl-DMEpVllO.js → AlertMessage-BBIRgWGu-BRXawIQx.js}

@@ -1,7 +1,7 @@
-import { a as sr, g as lr, h as dr, w as $, _ as T, n as N, o as l, D as f, N as u, q as M, e as _, a9 as cr, r as S, s as O, t as pr, A as ur, B as vr, aa as mr, ab as E, ac as F, ad as hr, ae as gr, af as J, ag as Ir, a6 as fr, I as L, F as G, ah as xr, ai as br, a8 as Sr } from "./ConstantsProvider-BPJJz9fq-DsiaVKq7.js";
-import { j as d, r as R } from "./main-Crd2Ko2z.js";
-import { i as yr, s as Cr } from "./CheckCircle-D-GH16Lb-cavKstqp.js";
-const zr = cr(), Dr = ["component", "direction", "spacing", "divider", "children", "className", "useFlexGap"], wr = xr(), Rr = zr("div", {
+import { a as sr, N as lr, E as dr, c as $, h as F, m as N, i as l, D as f, n as u, q as M, G as _, aa as cr, s as S, l as E, t as pr, x as ur, V as vr, ab as mr, ac as O, ad as T, ae as hr, af as gr, ag as J, ah as Ir, a7 as fr, B as L, o as G, ai as xr, aj as br, a9 as Sr } from "./PrizeCard-Daz27Vrl-CxGr97qS.js";
+import { j as d, r as R } from "./main-DgdGPAG0.js";
+import { i as yr, s as zr } from "./CheckCircle-BN-6n2s4-R-q5t3Vt.js";
+const Cr = cr(), Dr = ["component", "direction", "spacing", "divider", "children", "className", "useFlexGap"], wr = xr(), Rr = Cr("div", {
   name: "MuiStack",
   slot: "Root",
   overridesResolver: (r, e) => e.root
@@ -13,13 +13,13 @@ function kr(r) {
     defaultTheme: wr
   });
 }
-function Ar(r, e) {
+function Hr(r, e) {
   const t = R.Children.toArray(r).filter(Boolean);
   return t.reduce((o, n, a) => (o.push(n), a < t.length - 1 && o.push(/* @__PURE__ */ R.cloneElement(e, {
     key: `separator-${a}`
   })), o), []);
 }
-const Hr = (r) => ({
+const Ar = (r) => ({
   row: "Left",
   "row-reverse": "Right",
   column: "Top",
@@ -31,19 +31,19 @@ const Hr = (r) => ({
   let t = l({
     display: "flex",
     flexDirection: "column"
-  }, E({
+  }, O({
     theme: e
-  }, F({
+  }, T({
     values: r.direction,
     breakpoints: e.breakpoints.values
   }), (o) => ({
     flexDirection: o
   })));
   if (r.spacing) {
-    const o = hr(e), n = Object.keys(e.breakpoints.values).reduce((i, s) => ((typeof r.spacing == "object" && r.spacing[s] != null || typeof r.direction == "object" && r.direction[s] != null) && (i[s] = !0), i), {}), a = F({
+    const o = hr(e), n = Object.keys(e.breakpoints.values).reduce((i, s) => ((typeof r.spacing == "object" && r.spacing[s] != null || typeof r.direction == "object" && r.direction[s] != null) && (i[s] = !0), i), {}), a = T({
       values: r.direction,
       base: n
-    }), c = F({
+    }), c = T({
       values: r.spacing,
       base: n
     });
@@ -52,7 +52,7 @@ const Hr = (r) => ({
         const v = s > 0 ? a[m[s - 1]] : "column";
         a[i] = v;
       }
-    }), t = gr(t, E({
+    }), t = gr(t, O({
       theme: e
     }, c, (i, s) => r.useFlexGap ? {
       gap: J(o, i)
@@ -63,7 +63,7 @@ const Hr = (r) => ({
         margin: 0
       },
       "& > :not(style) ~ :not(style)": {
-        [`margin${Hr(s ? a[s] : r.direction)}`]: J(o, i)
+        [`margin${Ar(s ? a[s] : r.direction)}`]: J(o, i)
       }
     }));
   }
@@ -75,30 +75,30 @@ function Wr(r = {}) {
     createStyledComponent: e = Rr,
     useThemeProps: t = kr,
     componentName: o = "MuiStack"
-  } = r, n = () => O({
+  } = r, n = () => E({
     root: ["root"]
   }, (i) => br(o, i), {}), a = e(Pr);
   return /* @__PURE__ */ R.forwardRef(function(i, s) {
     const m = t(i), v = fr(m), {
       component: x = "div",
       direction: y = "column",
-      spacing: C = 0,
+      spacing: z = 0,
       divider: b,
       children: p,
       className: h,
       useFlexGap: g = !1
-    } = v, I = N(v, Dr), z = {
+    } = v, I = N(v, Dr), C = {
       direction: y,
-      spacing: C,
+      spacing: z,
       useFlexGap: g
     }, D = n();
     return /* @__PURE__ */ d.jsx(a, l({
       as: x,
-      ownerState: z,
+      ownerState: C,
       ref: s,
       className: M(D.root, h)
     }, I, {
-      children: b ? Ar(p, b) : p
+      children: b ? Hr(p, b) : p
     }));
   });
 }
@@ -116,8 +116,8 @@ const Br = ["children", "className", "color", "invertedColors", "role", "variant
     startDecorator: ["startDecorator"],
     endDecorator: ["endDecorator"]
   };
-  return O(n, jr, {});
-}, Fr = u("div", {
+  return E(n, jr, {});
+}, Tr = u("div", {
   name: "JoyAlert",
   slot: "Root",
   overridesResolver: (r, e) => e.root
@@ -177,7 +177,7 @@ const Br = ["children", "className", "color", "invertedColors", "role", "variant
   }, a !== void 0 && {
     "--Alert-radius": a
   }];
-}), Tr = u("span", {
+}), Fr = u("span", {
   name: "JoyAlert",
   slot: "StartDecorator",
   overridesResolver: (r, e) => e.startDecorator
@@ -192,8 +192,8 @@ const Br = ["children", "className", "color", "invertedColors", "role", "variant
   display: "inherit",
   flex: "none",
   marginLeft: "auto"
-}), Or = /* @__PURE__ */ R.forwardRef(function(r, e) {
-  const t = T({
+}), Er = /* @__PURE__ */ R.forwardRef(function(r, e) {
+  const t = F({
     props: r,
     name: "JoyAlert"
   }), {
@@ -207,7 +207,7 @@ const Br = ["children", "className", "color", "invertedColors", "role", "variant
     startDecorator: v,
     endDecorator: x,
     component: y,
-    slots: C = {},
+    slots: z = {},
     slotProps: b = {}
   } = t, p = N(t, Br), h = l({}, t, {
     color: a,
@@ -216,12 +216,12 @@ const Br = ["children", "className", "color", "invertedColors", "role", "variant
     size: m
   }), g = $r(h), I = l({}, p, {
     component: y,
-    slots: C,
+    slots: z,
     slotProps: b
-  }), [z, D] = f("root", {
+  }), [C, D] = f("root", {
     ref: e,
     className: M(g.root, n),
-    elementType: Fr,
+    elementType: Tr,
     externalForwardedProps: I,
     ownerState: h,
     additionalProps: {
@@ -229,24 +229,24 @@ const Br = ["children", "className", "color", "invertedColors", "role", "variant
     }
   }), [W, j] = f("startDecorator", {
     className: g.startDecorator,
-    elementType: Tr,
+    elementType: Fr,
     externalForwardedProps: I,
     ownerState: h
-  }), [k, A] = f("endDecorator", {
+  }), [k, H] = f("endDecorator", {
     className: g.endDecorator,
     elementType: Nr,
     externalForwardedProps: I,
     ownerState: h
   });
-  return /* @__PURE__ */ d.jsxs(z, l({}, D, {
+  return /* @__PURE__ */ d.jsxs(C, l({}, D, {
     children: [v && /* @__PURE__ */ d.jsx(W, l({}, j, {
       children: v
-    })), o, x && /* @__PURE__ */ d.jsx(k, l({}, A, {
+    })), o, x && /* @__PURE__ */ d.jsx(k, l({}, H, {
       children: x
     }))]
   }));
 });
-function Er(r) {
+function Or(r) {
   return G("MuiInput", r);
 }
 const V = L("MuiInput", ["root", "input", "formControl", "focused", "disabled", "error", "adornedStart", "adornedEnd", "colorPrimary", "colorNeutral", "colorDanger", "colorSuccess", "colorWarning", "colorContext", "sizeSm", "sizeMd", "sizeLg", "variantPlain", "variantOutlined", "variantSoft", "variantSolid", "fullWidth", "startDecorator", "endDecorator"]), Jr = ["propsToForward", "rootStateClasses", "inputStateClasses", "getRootProps", "getInputProps", "formControl", "focused", "error", "disabled", "fullWidth", "size", "color", "variant", "startDecorator", "endDecorator", "component", "slots", "slotProps"], Mr = (r) => {
@@ -262,7 +262,7 @@ const V = L("MuiInput", ["root", "input", "formControl", "focused", "disabled",
     startDecorator: ["startDecorator"],
     endDecorator: ["endDecorator"]
   };
-  return O(c, Er, {});
+  return E(c, Or, {});
 }, _r = u("div")(({
   theme: r,
   ownerState: e
@@ -426,67 +426,67 @@ const V = L("MuiInput", ["root", "input", "formControl", "focused", "disabled",
   marginInlineStart: "var(--Input-gap)",
   color: "var(--Input-decoratorColor)",
   cursor: "initial"
-}), Xr = u(_r, {
+}), Kr = u(_r, {
   name: "JoyInput",
   slot: "Root",
   overridesResolver: (r, e) => e.root
-})({}), Yr = u(Lr, {
+})({}), qr = u(Lr, {
   name: "JoyInput",
   slot: "Input",
   overridesResolver: (r, e) => e.input
-})({}), qr = u(Gr, {
+})({}), Qr = u(Gr, {
   name: "JoyInput",
   slot: "StartDecorator",
   overridesResolver: (r, e) => e.startDecorator
-})({}), Kr = u(Vr, {
+})({}), Xr = u(Vr, {
   name: "JoyInput",
   slot: "EndDecorator",
   overridesResolver: (r, e) => e.endDecorator
 })({}), ne = /* @__PURE__ */ R.forwardRef(function(r, e) {
   var t, o, n, a, c, i;
-  const s = T({
+  const s = F({
     props: r,
     name: "JoyInput"
-  }), m = Cr(l({}, s, {
+  }), m = zr(l({}, s, {
     disabledInProp: r.disabled
   }), V), {
     propsToForward: v,
     rootStateClasses: x,
     inputStateClasses: y,
-    getRootProps: C,
+    getRootProps: z,
     getInputProps: b,
     formControl: p,
     focused: h,
     error: g = !1,
     disabled: I,
-    fullWidth: z = !1,
+    fullWidth: C = !1,
     size: D = "md",
     color: W = "neutral",
     variant: j = "outlined",
     startDecorator: k,
-    endDecorator: A,
-    component: X,
-    slots: Y = {},
-    slotProps: q = {}
-  } = m, K = N(m, Jr), B = (t = (o = r.error) != null ? o : p == null ? void 0 : p.error) != null ? t : g, Q = (n = (a = r.size) != null ? a : p == null ? void 0 : p.size) != null ? n : D, Z = (c = r.color) != null ? c : B ? "danger" : (i = p == null ? void 0 : p.color) != null ? i : W, w = l({
+    endDecorator: H,
+    component: K,
+    slots: q = {},
+    slotProps: Q = {}
+  } = m, X = N(m, Jr), B = (t = (o = r.error) != null ? o : p == null ? void 0 : p.error) != null ? t : g, Y = (n = (a = r.size) != null ? a : p == null ? void 0 : p.size) != null ? n : D, Z = (c = r.color) != null ? c : B ? "danger" : (i = p == null ? void 0 : p.color) != null ? i : W, w = l({
     instanceColor: B ? "danger" : r.color
   }, s, {
-    fullWidth: z,
+    fullWidth: C,
     color: Z,
     disabled: I,
     error: B,
     focused: h,
-    size: Q,
+    size: Y,
     variant: j
-  }), H = Mr(w), P = l({}, K, {
-    component: X,
-    slots: Y,
-    slotProps: q
+  }), A = Mr(w), P = l({}, X, {
+    component: K,
+    slots: q,
+    slotProps: Q
   }), [U, rr] = f("root", {
     ref: e,
-    className: [H.root, x],
-    elementType: Xr,
-    getSlotProps: C,
+    className: [A.root, x],
+    elementType: Kr,
+    getSlotProps: z,
     externalForwardedProps: P,
     ownerState: w
   }), [er, tr] = f("input", l({}, p && {
@@ -495,37 +495,37 @@ const V = L("MuiInput", ["root", "input", "formControl", "focused", "disabled",
       "aria-describedby": p["aria-describedby"]
     }
   }, {
-    className: [H.input, y],
-    elementType: Yr,
+    className: [A.input, y],
+    elementType: qr,
     getSlotProps: b,
     internalForwardedProps: v,
     externalForwardedProps: P,
     ownerState: w
   })), [or, ar] = f("startDecorator", {
-    className: H.startDecorator,
-    elementType: qr,
+    className: A.startDecorator,
+    elementType: Qr,
     externalForwardedProps: P,
     ownerState: w
   }), [nr, ir] = f("endDecorator", {
-    className: H.endDecorator,
-    elementType: Kr,
+    className: A.endDecorator,
+    elementType: Xr,
     externalForwardedProps: P,
     ownerState: w
   });
   return /* @__PURE__ */ d.jsxs(U, l({}, rr, {
     children: [k && /* @__PURE__ */ d.jsx(or, l({}, ar, {
       children: k
-    })), /* @__PURE__ */ d.jsx(er, l({}, tr)), A && /* @__PURE__ */ d.jsx(nr, l({}, ir, {
-      children: A
+    })), /* @__PURE__ */ d.jsx(er, l({}, tr)), H && /* @__PURE__ */ d.jsx(nr, l({}, ir, {
+      children: H
     }))]
   }));
-}), Qr = Wr({
+}), Yr = Wr({
   createStyledComponent: u("div", {
     name: "JoyStack",
     slot: "Root",
     overridesResolver: (r, e) => e.root
   }),
-  useThemeProps: (r) => T({
+  useThemeProps: (r) => F({
     props: r,
     name: "JoyStack"
   })
@@ -562,7 +562,7 @@ const V = L("MuiInput", ["root", "input", "formControl", "focused", "disabled",
 }) => {
   const n = sr(), a = lr(), c = dr().secondary, i = ee(r);
   return /* @__PURE__ */ d.jsx(
-    Or,
+    Er,
     {
       variant: "soft",
       color: i,
@@ -577,7 +577,7 @@ const V = L("MuiInput", ["root", "input", "formControl", "focused", "disabled",
         "--Icon-fontSize": "1.25em"
       },
       children: /* @__PURE__ */ d.jsxs(
-        Qr,
+        Yr,
         {
           sx: {
             fontSize: "1.5em"
@@ -616,11 +616,11 @@ const V = L("MuiInput", ["root", "input", "formControl", "focused", "disabled",
   );
 };
 export {
-  _r as K,
-  Lr as Q,
-  Or as X,
-  Vr as Y,
-  Qr as Z,
+  Vr as K,
+  Yr as Q,
+  _r as X,
+  Lr as Y,
+  Er as Z,
   Gr as a,
   ne as e,
   Ur as n,

package/chunks/ArrowRightAlt-BuGlVWmA-SQpe5AU1.js

@@ -0,0 +1,83 @@
+import { j as d } from "./main-DgdGPAG0.js";
+import { a as u, S as p, b as h, G as k } from "./PrizeCard-Daz27Vrl-CxGr97qS.js";
+const x = (r) => ({
+  // Main container with background overlay (with ScoreStateWrapper)
+  mainContainerWithWrapper: {
+    boxShadow: "md",
+    border: `${r.borderSize} solid ${r.borderColor}`,
+    overflow: "hidden",
+    backgroundImage: r.backgroundImage,
+    backgroundSize: "cover",
+    backgroundPosition: "center",
+    position: "relative",
+    borderRadius: r.mdBorderRadius,
+    minHeight: "250px",
+    "&::before": {
+      content: '""',
+      position: "absolute",
+      top: 0,
+      left: 0,
+      right: 0,
+      bottom: 0,
+      borderRadius: "inherit",
+      zIndex: 0,
+      background: r.imageBackgroundGradient
+    }
+  },
+  // Main container with background overlay (without ScoreStateWrapper)
+  mainContainer: {
+    display: "flex",
+    flexDirection: "column",
+    gap: "40px",
+    p: r.spacingScale.xl,
+    boxShadow: "md",
+    border: `${r.borderSize} solid ${r.borderColor}`,
+    overflow: "hidden",
+    backgroundImage: r.backgroundImage,
+    backgroundPosition: "center",
+    backgroundSize: "cover",
+    position: "relative",
+    borderRadius: r.mdBorderRadius,
+    minHeight: "250px",
+    "&::before": {
+      content: '""',
+      position: "absolute",
+      top: 0,
+      left: 0,
+      right: 0,
+      bottom: 0,
+      borderRadius: "inherit",
+      zIndex: 0,
+      background: r.imageBackgroundGradient
+    }
+  }
+}), v = ({
+  entity: r,
+  backgroundImage: n,
+  imageBackgroundGradient: t,
+  children: s,
+  isWrappedWithScoreStateWrapper: b = !1
+}) => {
+  var e;
+  const o = u(), c = p(), i = ((e = r.branding) == null ? void 0 : e.colors) || null, g = o.customRadius.light.md, l = o.border.light.size, m = (i == null ? void 0 : i.borderColor) || o.colorSchemes.dark.secondaryContainer, a = x({
+    spacingScale: c,
+    mdBorderRadius: g,
+    borderSize: l,
+    borderColor: m,
+    backgroundImage: n,
+    imageBackgroundGradient: t
+  });
+  return /* @__PURE__ */ d.jsx(
+    h,
+    {
+      sx: b ? a.mainContainerWithWrapper : a.mainContainer,
+      children: s
+    }
+  );
+}, R = k(/* @__PURE__ */ d.jsx("path", {
+  d: "M16.01 11H4v2h12.01v3L20 12l-3.99-4z"
+}), "ArrowRightAlt");
+export {
+  v as R,
+  R as z
+};

package/chunks/Avatar-D5Ca-p3i-BcCjgzWs.js

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