fansunited-frontend-components 0.0.49 → 0.0.52

package/chunks/{AlertMessage-Ds45MBHB.js → AlertMessage-CQ9WJHSb.js}

@@ -1,23 +1,24 @@
 import { jsxs as D, jsx as s } from "react/jsx-runtime";
-import { C as H } from "./CheckCircle-CV9iMpkZ.js";
-import { t as M, s as _, v as y, Y as $, _ as i, ab as k, ac as B, y as J, z as L, A as f, D as U, P as r, X as v, E as V, m as z, u as X, b as Y, c as q, T as g } from "./PrizeCard-DF3QxwQJ.js";
-import * as G from "react";
-import { S as K } from "./Stack-BpHk5eb0.js";
-function Q(e) {
-  return M("MuiAlert", e);
+import { C as M } from "./CheckCircle-h7-xLUq-.js";
+import { s as _, r as E, _ as i, t as J, v as $, P as r, J as f, l as z, u as k, b as B, c as L } from "./PrizeCard-DgHyperX.js";
+import * as U from "react";
+import { s as y, r as V, t as q, v as G, u as K, a as v, c as Q, T as g } from "./Button-COvmPv4P.js";
+import { S as X } from "./Stack-INH9bhkC.js";
+function Y(e) {
+  return _("MuiAlert", e);
 }
-_("MuiAlert", ["root", "startDecorator", "endDecorator", "colorPrimary", "colorDanger", "colorNeutral", "colorSuccess", "colorWarning", "colorContext", "sizeSm", "sizeMd", "sizeLg", "variantPlain", "variantOutlined", "variantSoft", "variantSolid"]);
+E("MuiAlert", ["root", "startDecorator", "endDecorator", "colorPrimary", "colorDanger", "colorNeutral", "colorSuccess", "colorWarning", "colorContext", "sizeSm", "sizeMd", "sizeLg", "variantPlain", "variantOutlined", "variantSoft", "variantSolid"]);
 const Z = ["children", "className", "color", "invertedColors", "role", "variant", "size", "startDecorator", "endDecorator", "component", "slots", "slotProps"], w = (e) => {
   const {
     variant: o,
     color: a,
     size: t
   } = e, n = {
-    root: ["root", t && `size${v(t)}`, a && `color${v(a)}`, o && `variant${v(o)}`],
+    root: ["root", t && `size${f(t)}`, a && `color${f(a)}`, o && `variant${f(o)}`],
     startDecorator: ["startDecorator"],
     endDecorator: ["endDecorator"]
   };
-  return V(n, Q, {});
+  return Q(n, Y, {});
 }, rr = y("div", {
   name: "JoyAlert",
   slot: "Root",
@@ -31,7 +32,7 @@ const Z = ["children", "className", "color", "invertedColors", "role", "variant"
     p: t,
     padding: n,
     borderRadius: l
-  } = $({
+  } = V({
     theme: e,
     ownerState: o
   }, ["p", "padding", "borderRadius"]);
@@ -71,7 +72,7 @@ const Z = ["children", "className", "color", "invertedColors", "role", "variant"
     lg: "md"
   }[o.size]}`], {
     fontWeight: e.vars.fontWeight.md
-  }, o.variant === "solid" && o.color && o.invertedColors && k(o.color)(e), o.variant === "soft" && o.color && o.invertedColors && B(o.color)(e), (a = e.variants[o.variant]) == null ? void 0 : a[o.color]), t !== void 0 && {
+  }, o.variant === "solid" && o.color && o.invertedColors && q(o.color)(e), o.variant === "soft" && o.color && o.invertedColors && G(o.color)(e), (a = e.variants[o.variant]) == null ? void 0 : a[o.color]), t !== void 0 && {
     "--Alert-padding": t
   }, n !== void 0 && {
     "--Alert-padding": n
@@ -93,8 +94,8 @@ const Z = ["children", "className", "color", "invertedColors", "role", "variant"
   display: "inherit",
   flex: "none",
   marginLeft: "auto"
-}), C = /* @__PURE__ */ G.forwardRef(function(o, a) {
-  const t = J({
+}), C = /* @__PURE__ */ U.forwardRef(function(o, a) {
+  const t = K({
     props: o,
     name: "JoyAlert"
   }), {
@@ -110,7 +111,7 @@ const Z = ["children", "className", "color", "invertedColors", "role", "variant"
     component: I,
     slots: S = {},
     slotProps: R = {}
-  } = t, O = L(t, Z), p = i({}, t, {
+  } = t, O = J(t, Z), p = i({}, t, {
     color: c,
     invertedColors: d,
     variant: b,
@@ -119,21 +120,21 @@ const Z = ["children", "className", "color", "invertedColors", "role", "variant"
     component: I,
     slots: S,
     slotProps: R
-  }), [P, W] = f("root", {
+  }), [P, W] = v("root", {
     ref: a,
-    className: U(u.root, l),
+    className: $(u.root, l),
     elementType: rr,
     externalForwardedProps: m,
     ownerState: p,
     additionalProps: {
       role: x
     }
-  }), [N, j] = f("startDecorator", {
+  }), [N, j] = v("startDecorator", {
     className: u.startDecorator,
     elementType: or,
     externalForwardedProps: m,
     ownerState: p
-  }), [F, E] = f("endDecorator", {
+  }), [F, H] = v("endDecorator", {
     className: u.endDecorator,
     elementType: er,
     externalForwardedProps: m,
@@ -142,7 +143,7 @@ const Z = ["children", "className", "color", "invertedColors", "role", "variant"
   return /* @__PURE__ */ D(P, i({}, W, {
     children: [h && /* @__PURE__ */ s(N, i({}, j, {
       children: h
-    })), n, A && /* @__PURE__ */ s(F, i({}, E, {
+    })), n, A && /* @__PURE__ */ s(F, i({}, H, {
       children: A
     }))]
   }));
@@ -228,7 +229,7 @@ const tr = z(/* @__PURE__ */ s("path", {
 }), "Warning"), ar = (e, o) => {
   switch (e) {
     case "success":
-      return /* @__PURE__ */ s(H, {});
+      return /* @__PURE__ */ s(M, {});
     case "error":
       return /* @__PURE__ */ s(sr, { sx: { color: o } });
     case "info":
@@ -246,13 +247,13 @@ const tr = z(/* @__PURE__ */ s("path", {
     case "neutral":
       return "neutral";
   }
-}, pr = ({
+}, ur = ({
   variant: e,
   title: o,
   message: a,
   description: t
 }) => {
-  const n = X(), l = Y(), c = q().secondary, d = nr(e);
+  const n = k(), l = B(), c = L().secondary, d = nr(e);
   return /* @__PURE__ */ s(
     C,
     {
@@ -269,7 +270,7 @@ const tr = z(/* @__PURE__ */ s("path", {
         "--Icon-fontSize": "1.25em"
       },
       children: /* @__PURE__ */ D(
-        K,
+        X,
         {
           sx: {
             fontSize: "1.5em"
@@ -311,5 +312,5 @@ export {
   C as A,
   tr as I,
   sr as W,
-  pr as a
+  ur as a
 };

package/chunks/{ArrowRightAlt-DKADQN2o.js → ArrowRightAlt-C1U8SNu-.js}

@@ -1,5 +1,5 @@
 import { jsx as a } from "react/jsx-runtime";
-import { u, e as h, B as S, m as k } from "./PrizeCard-DF3QxwQJ.js";
+import { u, e as h, B as S, l as k } from "./PrizeCard-DgHyperX.js";
 const x = (e) => ({
   // Main container with background overlay (with ScoreStateWrapper)
   mainContainerWithWrapper: {
@@ -55,12 +55,12 @@ const x = (e) => ({
   entity: e,
   backgroundImage: d,
   imageBackgroundGradient: c,
-  children: s,
+  children: l,
   isWrappedWithScoreStateWrapper: n = !1
 }) => {
   var t;
-  const o = u(), l = h(), r = ((t = e.branding) == null ? void 0 : t.colors) || null, b = o.customRadius.light.md, g = o.border.light.size, m = (r == null ? void 0 : r.borderColor) || o.colorSchemes.dark.secondaryContainer, i = x({
-    spacingScale: l,
+  const o = u(), s = h(), r = ((t = e.branding) == null ? void 0 : t.colors) || null, b = o.customRadius.light.md, g = o.border.light.size, m = (r == null ? void 0 : r.borderColor) || o.colorSchemes.dark.secondaryContainer, i = x({
+    spacingScale: s,
     mdBorderRadius: b,
     borderSize: g,
     borderColor: m,
@@ -72,7 +72,7 @@ const x = (e) => ({
     S,
     {
       sx: n ? i.mainContainerWithWrapper : i.mainContainer,
-      children: s
+      children: l
     }
   );
 }, z = k(/* @__PURE__ */ a("path", {

package/chunks/{Avatar-K1EWhhkA.js → Avatar-COVJnfGS.js}

@@ -1,6 +1,7 @@
-import { t as I, s as k, v as z, _ as c, P as e, y as R, z as j, A as h, D as L, E as _, X as N } from "./PrizeCard-DF3QxwQJ.js";
+import { s as I, r as k, _ as c, P as o, t as R, v as L, J as N } from "./PrizeCard-DgHyperX.js";
 import * as p from "react";
-import { c as V } from "./CheckCircle-CV9iMpkZ.js";
+import { s as z, u as j, a as h, c as _ } from "./Button-COvmPv4P.js";
+import { c as V } from "./CheckCircle-h7-xLUq-.js";
 import { jsx as v } from "react/jsx-runtime";
 const W = V(/* @__PURE__ */ v("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"
@@ -9,21 +10,21 @@ function H(r) {
   return I("MuiAvatar", r);
 }
 k("MuiAvatar", ["root", "colorPrimary", "colorNeutral", "colorDanger", "colorSuccess", "colorWarning", "colorContext", "fallback", "sizeSm", "sizeMd", "sizeLg", "img", "variantOutlined", "variantSoft", "variantSolid"]);
-function X(r) {
+function q(r) {
   return I("MuiAvatarGroup", r);
 }
 k("MuiAvatarGroup", ["root"]);
-const q = ["className", "color", "component", "size", "variant", "children", "slots", "slotProps"], C = /* @__PURE__ */ p.createContext(void 0);
+const B = ["className", "color", "component", "size", "variant", "children", "slots", "slotProps"], C = /* @__PURE__ */ p.createContext(void 0);
 process.env.NODE_ENV !== "production" && (C.displayName = "AvatarGroupContext");
-const B = () => _({
+const K = () => _({
   root: ["root"]
-}, X, {}), K = z("div", {
+}, q, {}), Q = z("div", {
   name: "JoyAvatarGroup",
   slot: "Root",
-  overridesResolver: (r, o) => o.root
+  overridesResolver: (r, e) => e.root
 })(({
   ownerState: r,
-  theme: o
+  theme: e
 }) => c({}, r.size === "sm" && {
   "--AvatarGroup-gap": "-0.375rem",
   "--Avatar-ringSize": "2px"
@@ -34,13 +35,13 @@ const B = () => _({
   "--AvatarGroup-gap": "-0.625rem",
   "--Avatar-ringSize": "4px"
 }, {
-  "--Avatar-ring": `0 0 0 var(--Avatar-ringSize) var(--Avatar-ringColor, ${o.vars.palette.background.surface})`,
+  "--Avatar-ring": `0 0 0 var(--Avatar-ringSize) var(--Avatar-ringColor, ${e.vars.palette.background.surface})`,
   "--Avatar-marginInlineStart": "var(--AvatarGroup-gap)",
   display: "flex",
   marginInlineStart: "calc(-1 * var(--AvatarGroup-gap))"
-})), Q = /* @__PURE__ */ p.forwardRef(function(o, a) {
-  const t = R({
-    props: o,
+})), X = /* @__PURE__ */ p.forwardRef(function(e, a) {
+  const t = j({
+    props: e,
     name: "JoyAvatarGroup"
   }), {
     className: s,
@@ -51,15 +52,15 @@ const B = () => _({
     children: d,
     slots: m = {},
     slotProps: g = {}
-  } = t, T = j(t, q), y = p.useMemo(() => c({}, t, {
+  } = t, T = R(t, B), y = p.useMemo(() => c({}, t, {
     color: n,
     component: i,
     size: l,
     variant: f
-  }), [n, i, t, l, f]), b = B(), [x, O] = h("root", {
+  }), [n, i, t, l, f]), b = K(), [x, O] = h("root", {
     ref: a,
     className: L(b.root, s),
-    elementType: K,
+    elementType: Q,
     externalForwardedProps: c({}, T, {
       component: i,
       slots: m,
@@ -74,7 +75,7 @@ const B = () => _({
     }))
   });
 });
-process.env.NODE_ENV !== "production" && (Q.propTypes = {
+process.env.NODE_ENV !== "production" && (X.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │
@@ -83,86 +84,86 @@ process.env.NODE_ENV !== "production" && (Q.propTypes = {
    * Used to render icon or text elements inside the AvatarGroup if `src` is not set.
    * This can be an element, or just a string.
    */
-  children: e.node,
+  children: o.node,
   /**
    * @ignore
    */
-  className: e.string,
+  className: o.string,
   /**
    * The color of the component. It supports those theme colors that make sense for this component.
    * @default 'neutral'
    */
-  color: e.oneOfType([e.oneOf(["danger", "neutral", "primary", "success", "warning"]), e.string]),
+  color: o.oneOfType([o.oneOf(["danger", "neutral", "primary", "success", "warning"]), o.string]),
   /**
    * The component used for the root node.
    * Either a string to use a HTML element or a component.
    */
-  component: e.elementType,
+  component: o.elementType,
   /**
    * The size of the component.
    * It accepts theme values between 'sm' and 'lg'.
    * @default 'md'
    */
-  size: e.oneOfType([e.oneOf(["lg", "md", "sm"]), e.string]),
+  size: o.oneOfType([o.oneOf(["lg", "md", "sm"]), o.string]),
   /**
    * The props used for each slot inside.
    * @default {}
    */
-  slotProps: e.shape({
-    root: e.oneOfType([e.func, e.object])
+  slotProps: o.shape({
+    root: o.oneOfType([o.func, o.object])
   }),
   /**
    * The components used for each slot inside.
    * @default {}
    */
-  slots: e.shape({
-    root: e.elementType
+  slots: o.shape({
+    root: o.elementType
   }),
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.object]),
+  sx: o.oneOfType([o.arrayOf(o.oneOfType([o.func, o.object, o.bool])), o.func, o.object]),
   /**
    * The [global variant](https://mui.com/joy-ui/main-features/global-variants/) to use.
    * @default 'soft'
    */
-  variant: e.oneOfType([e.oneOf(["outlined", "plain", "soft", "solid"]), e.string])
+  variant: o.oneOfType([o.oneOf(["outlined", "plain", "soft", "solid"]), o.string])
 });
 const Y = ["alt", "color", "size", "variant", "src", "srcSet", "children", "component", "slots", "slotProps"], Z = (r) => {
   const {
-    size: o,
+    size: e,
     variant: a,
     color: t,
     src: s,
     srcSet: n
   } = r, i = {
-    root: ["root", a && `variant${N(a)}`, t && `color${N(t)}`, o && `size${N(o)}`],
+    root: ["root", a && `variant${N(a)}`, t && `color${N(t)}`, e && `size${N(e)}`],
     img: [(s || n) && "img"],
     fallback: ["fallback"]
   };
   return _(i, H, {});
-}, ee = z("div", {
+}, oo = z("div", {
   name: "JoyAvatar",
   slot: "Root",
-  overridesResolver: (r, o) => o.root
+  overridesResolver: (r, e) => e.root
 })(({
   theme: r,
-  ownerState: o
+  ownerState: e
 }) => {
   var a;
   return c({
-    "--Icon-color": o.color !== "neutral" || o.variant === "solid" ? "currentColor" : r.vars.palette.text.icon
-  }, r.typography[`title-${o.size}`], o.size === "sm" && {
+    "--Icon-color": e.color !== "neutral" || e.variant === "solid" ? "currentColor" : r.vars.palette.text.icon
+  }, r.typography[`title-${e.size}`], e.size === "sm" && {
     width: "var(--Avatar-size, 2rem)",
     height: "var(--Avatar-size, 2rem)",
     fontSize: "calc(var(--Avatar-size, 2rem) * 0.4375)"
     // default as 14px
-  }, o.size === "md" && {
+  }, e.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
-  }, o.size === "lg" && {
+  }, e.size === "lg" && {
     width: "var(--Avatar-size, 3rem)",
     height: "var(--Avatar-size, 3rem)",
     fontSize: "calc(var(--Avatar-size, 3rem) * 0.375)"
@@ -179,11 +180,11 @@ const Y = ["alt", "color", "size", "variant", "src", "srcSet", "children", "comp
     overflow: "hidden",
     borderRadius: "var(--Avatar-radius, 50%)",
     userSelect: "none"
-  }, (a = r.variants[o.variant]) == null ? void 0 : a[o.color]);
-}), oe = z("img", {
+  }, (a = r.variants[e.variant]) == null ? void 0 : a[e.color]);
+}), eo = z("img", {
   name: "JoyAvatar",
   slot: "Img",
-  overridesResolver: (r, o) => o.img
+  overridesResolver: (r, e) => e.img
 })({
   width: "100%",
   height: "100%",
@@ -194,17 +195,17 @@ const Y = ["alt", "color", "size", "variant", "src", "srcSet", "children", "comp
   color: "transparent",
   // Hide the image broken icon, only works on Chrome.
   textIndent: 1e4
-}), re = z(W, {
+}), ro = z(W, {
   name: "JoyAvatar",
   slot: "Fallback",
-  overridesResolver: (r, o) => o.fallback
+  overridesResolver: (r, e) => e.fallback
 })({
   width: "64%",
   height: "64%"
 });
-function te({
+function to({
   crossOrigin: r,
-  referrerPolicy: o,
+  referrerPolicy: e,
   src: a,
   srcSet: t
 }) {
@@ -219,14 +220,14 @@ function te({
       i && n("loaded");
     }, l.onerror = () => {
       i && n("error");
-    }, l.crossOrigin = r, l.referrerPolicy = o, a && (l.src = a), t && (l.srcset = t), () => {
+    }, l.crossOrigin = r, l.referrerPolicy = e, a && (l.src = a), t && (l.srcset = t), () => {
       i = !1;
     };
-  }, [r, o, a, t]), s;
+  }, [r, e, a, t]), s;
 }
-const ae = /* @__PURE__ */ p.forwardRef(function(o, a) {
-  const t = R({
-    props: o,
+const ao = /* @__PURE__ */ p.forwardRef(function(e, a) {
+  const t = j({
+    props: e,
     name: "JoyAvatar"
   }), s = p.useContext(C), {
     alt: n,
@@ -239,47 +240,47 @@ const ae = /* @__PURE__ */ p.forwardRef(function(o, a) {
     component: T,
     slots: y = {},
     slotProps: b = {}
-  } = t, x = j(t, Y), O = o.variant || (s == null ? void 0 : s.variant) || f, E = o.color || (s == null ? void 0 : s.color) || i, F = o.size || (s == null ? void 0 : s.size) || l;
+  } = t, x = R(t, Y), O = e.variant || (s == null ? void 0 : s.variant) || f, F = e.color || (s == null ? void 0 : s.color) || i, $ = e.size || (s == null ? void 0 : s.size) || l;
   let u = null;
   const A = c({}, t, {
-    color: E,
-    size: F,
+    color: F,
+    size: $,
     variant: O,
     grouped: !!s
   }), P = Z(A), S = c({}, x, {
     component: T,
     slots: y,
     slotProps: b
-  }), [$, w] = h("root", {
+  }), [w, E] = h("root", {
     ref: a,
     className: P.root,
-    elementType: ee,
+    elementType: oo,
     externalForwardedProps: S,
     ownerState: A
-  }), [M, G] = h("img", {
+  }), [J, G] = h("img", {
     additionalProps: {
       alt: n,
       src: d,
       srcSet: m
     },
     className: P.img,
-    elementType: oe,
+    elementType: eo,
     externalForwardedProps: S,
     ownerState: A
-  }), [J, U] = h("fallback", {
+  }), [M, U] = h("fallback", {
     className: P.fallback,
-    elementType: re,
+    elementType: ro,
     externalForwardedProps: S,
     ownerState: A
-  }), D = te(c({}, G, {
+  }), D = to(c({}, G, {
     src: d,
     srcSet: m
   }));
-  return (d || m) && D !== "error" ? u = /* @__PURE__ */ v(M, c({}, G)) : g != null ? u = g : n ? u = n[0] : u = /* @__PURE__ */ v(J, c({}, U)), /* @__PURE__ */ v($, c({}, w, {
+  return (d || m) && D !== "error" ? u = /* @__PURE__ */ v(J, c({}, G)) : g != null ? u = g : n ? u = n[0] : u = /* @__PURE__ */ v(M, c({}, U)), /* @__PURE__ */ v(w, c({}, E, {
     children: u
   }));
 });
-process.env.NODE_ENV !== "production" && (ae.propTypes = {
+process.env.NODE_ENV !== "production" && (ao.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │
@@ -288,65 +289,65 @@ process.env.NODE_ENV !== "production" && (ae.propTypes = {
    * Used in combination with `src` or `srcSet` to
    * provide an alt attribute for the rendered `img` element.
    */
-  alt: e.string,
+  alt: o.string,
   /**
    * Used to render icon or text elements inside the Avatar if `src` is not set.
    * This can be an element, or just a string.
    */
-  children: e.node,
+  children: o.node,
   /**
    * The color of the component. It supports those theme colors that make sense for this component.
    * @default 'neutral'
    */
-  color: e.oneOfType([e.oneOf(["danger", "neutral", "primary", "success", "warning"]), e.string]),
+  color: o.oneOfType([o.oneOf(["danger", "neutral", "primary", "success", "warning"]), o.string]),
   /**
    * The component used for the root node.
    * Either a string to use a HTML element or a component.
    */
-  component: e.elementType,
+  component: o.elementType,
   /**
    * The size of the component.
    * It accepts theme values between 'sm' and 'lg'.
    * @default 'md'
    */
-  size: e.oneOfType([e.oneOf(["lg", "md", "sm"]), e.string]),
+  size: o.oneOfType([o.oneOf(["lg", "md", "sm"]), o.string]),
   /**
    * The props used for each slot inside.
    * @default {}
    */
-  slotProps: e.shape({
-    fallback: e.oneOfType([e.func, e.object]),
-    img: e.oneOfType([e.func, e.object]),
-    root: e.oneOfType([e.func, e.object])
+  slotProps: o.shape({
+    fallback: o.oneOfType([o.func, o.object]),
+    img: o.oneOfType([o.func, o.object]),
+    root: o.oneOfType([o.func, o.object])
   }),
   /**
    * The components used for each slot inside.
    * @default {}
    */
-  slots: e.shape({
-    fallback: e.elementType,
-    img: e.elementType,
-    root: e.elementType
+  slots: o.shape({
+    fallback: o.elementType,
+    img: o.elementType,
+    root: o.elementType
   }),
   /**
    * The `src` attribute for the `img` element.
    */
-  src: e.string,
+  src: o.string,
   /**
    * The `srcSet` attribute for the `img` element.
    * Use this attribute for responsive image display.
    */
-  srcSet: e.string,
+  srcSet: o.string,
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.object]),
+  sx: o.oneOfType([o.arrayOf(o.oneOfType([o.func, o.object, o.bool])), o.func, o.object]),
   /**
    * The [global variant](https://mui.com/joy-ui/main-features/global-variants/) to use.
    * @default 'soft'
    */
-  variant: e.oneOfType([e.oneOf(["outlined", "plain", "soft", "solid"]), e.string])
+  variant: o.oneOfType([o.oneOf(["outlined", "plain", "soft", "solid"]), o.string])
 });
 export {
-  ae as A
+  ao as A
 };