fansunited-frontend-components 0.0.39 → 0.0.40

package/chunks/{Textarea-Bzlb89Zp.js → Textarea-BdN2xj4j.js}

@@ -1,7 +1,7 @@
-import { g as de, h as ue, j as J, _ as f, k as j, o as M, l as A, P as r, m as pe, n as xe, s as F, p as fe, q as $, r as V, t as ge } from "./ConstantsProvider-BPJJz9fq.js";
+import { G as de, H as ue, I as J, _ as f, t as L, J as M, K as A, P as r, m as pe, l as xe, s as F, q as fe, v as $, x as V, y as ge } from "./PrizeCard-gMp7I66d.js";
 import * as g from "react";
-import { c as he, u as ve } from "./CheckCircle-D-GH16Lb.js";
-import { jsxs as L, jsx as w } from "react/jsx-runtime";
+import { c as ve, u as he } from "./CheckCircle-ClY-iOQ5.js";
+import { jsxs as U, jsx as w } from "react/jsx-runtime";
 function me(a, e = 166) {
   let u;
   function i(...s) {
@@ -21,18 +21,18 @@ function _e(a) {
     disabled: i,
     onBlur: s,
     onChange: l,
-    onFocus: h,
-    onFocusVisible: v,
+    onFocus: v,
+    onFocusVisible: h,
     readOnly: m,
-    required: S
-  } = a, [y, H] = de({
+    required: H
+  } = a, [y, S] = de({
     controlled: e,
     default: !!u,
     name: "Switch",
     state: "checked"
   }), k = (n) => (t) => {
     var x;
-    t.nativeEvent.defaultPrevented || (H(t.target.checked), l == null || l(t), (x = n.onChange) == null || x.call(n, t));
+    t.nativeEvent.defaultPrevented || (S(t.target.checked), l == null || l(t), (x = n.onChange) == null || x.call(n, t));
   }, {
     isFocusVisibleRef: b,
     onBlur: C,
@@ -44,7 +44,7 @@ function _e(a) {
   }, [p, b]);
   const d = g.useRef(null), R = (n) => (t) => {
     var x;
-    d.current || (d.current = t.currentTarget), I(t), b.current === !0 && (o(!0), v == null || v(t)), h == null || h(t), (x = n.onFocus) == null || x.call(n, t);
+    d.current || (d.current = t.currentTarget), I(t), b.current === !0 && (o(!0), h == null || h(t)), v == null || v(t), (x = n.onFocus) == null || x.call(n, t);
   }, z = (n) => (t) => {
     var x;
     C(t), b.current === !1 && o(!1), s == null || s(t), (x = n.onBlur) == null || x.call(n, t);
@@ -59,7 +59,7 @@ function _e(a) {
       disabled: i,
       readOnly: m,
       ref: T,
-      required: S,
+      required: H,
       type: "checkbox",
       role: "switch",
       "aria-checked": e
@@ -94,16 +94,16 @@ const be = {
 function ye(a) {
   return a == null || Object.keys(a).length === 0 || a.outerHeightStyle === 0 && !a.overflowing;
 }
-const U = /* @__PURE__ */ g.forwardRef(function(e, u) {
+const j = /* @__PURE__ */ g.forwardRef(function(e, u) {
   const {
     onChange: i,
     maxRows: s,
     minRows: l = 1,
-    style: h,
-    value: v
-  } = e, m = j(e, Te), {
-    current: S
-  } = g.useRef(v != null), y = g.useRef(null), H = J(u, y), k = g.useRef(null), b = g.useCallback(() => {
+    style: v,
+    value: h
+  } = e, m = L(e, Te), {
+    current: H
+  } = g.useRef(h != null), y = g.useRef(null), S = J(u, y), k = g.useRef(null), b = g.useCallback(() => {
     const c = y.current, o = M(c).getComputedStyle(c);
     if (o.width === "0px")
       return {
@@ -149,29 +149,29 @@ const U = /* @__PURE__ */ g.forwardRef(function(e, u) {
     C();
   });
   const I = (c) => {
-    S || C(), i && i(c);
+    H || C(), i && i(c);
   };
-  return /* @__PURE__ */ L(g.Fragment, {
+  return /* @__PURE__ */ U(g.Fragment, {
     children: [/* @__PURE__ */ w("textarea", f({
-      value: v,
+      value: h,
       onChange: I,
-      ref: H,
+      ref: S,
       rows: l,
-      style: h
+      style: v
     }, m)), /* @__PURE__ */ w("textarea", {
       "aria-hidden": !0,
       className: e.className,
       readOnly: !0,
       ref: k,
       tabIndex: -1,
-      style: f({}, be.shadow, h, {
+      style: f({}, be.shadow, v, {
         paddingTop: 0,
         paddingBottom: 0
       })
     })]
   });
 });
-process.env.NODE_ENV !== "production" && (U.propTypes = {
+process.env.NODE_ENV !== "production" && (j.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │
@@ -206,7 +206,7 @@ process.env.NODE_ENV !== "production" && (U.propTypes = {
    */
   value: r.oneOfType([r.arrayOf(r.string), r.number, r.string])
 });
-const $e = he(/* @__PURE__ */ w("path", {
+const $e = ve(/* @__PURE__ */ w("path", {
   d: "M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"
 }), "Close");
 function Ce(a) {
@@ -233,7 +233,7 @@ const q = pe("MuiTextarea", ["root", "textarea", "startDecorator", "endDecorator
   theme: a,
   ownerState: e
 }) => {
-  var u, i, s, l, h, v;
+  var u, i, s, l, v, h;
   const m = (u = a.variants[`${e.variant}`]) == null ? void 0 : u[e.color];
   return [f({
     "--Textarea-radius": a.vars.radius.sm,
@@ -312,17 +312,17 @@ const q = pe("MuiTextarea", ["root", "textarea", "startDecorator", "endDecorator
       boxShadow: "var(--Textarea-focusedInset, inset) 0 0 0 calc(var(--Textarea-focused) * var(--Textarea-focusedThickness)) var(--Textarea-focusedHighlight)"
     }
   }), {
-    "&:hover": f({}, (h = a.variants[`${e.variant}Hover`]) == null ? void 0 : h[e.color], {
+    "&:hover": f({}, (v = a.variants[`${e.variant}Hover`]) == null ? void 0 : v[e.color], {
       backgroundColor: null,
       // it is not common to change background on hover for Textarea
       cursor: "text"
     }),
-    [`&.${q.disabled}`]: (v = a.variants[`${e.variant}Disabled`]) == null ? void 0 : v[e.color],
+    [`&.${q.disabled}`]: (h = a.variants[`${e.variant}Disabled`]) == null ? void 0 : h[e.color],
     "&:focus-within::before": {
       "--Textarea-focused": "1"
     }
   }];
-}), Se = F(U, {
+}), He = F(j, {
   name: "JoyTextarea",
   slot: "Textarea",
   overridesResolver: (a, e) => e.textarea
@@ -365,7 +365,7 @@ const q = pe("MuiTextarea", ["root", "textarea", "startDecorator", "endDecorator
     color: "var(--Textarea-placeholderColor)",
     opacity: "var(--Textarea-placeholderOpacity)"
   }
-}), He = F("div", {
+}), Se = F("div", {
   name: "JoyTextarea",
   slot: "StartDecorator",
   overridesResolver: (a, e) => e.startDecorator
@@ -388,11 +388,11 @@ const q = pe("MuiTextarea", ["root", "textarea", "startDecorator", "endDecorator
   color: "var(--Textarea-decoratorColor)",
   cursor: "initial"
 }), Ie = /* @__PURE__ */ g.forwardRef(function(e, u) {
-  var i, s, l, h, v, m, S, y;
-  const H = fe({
+  var i, s, l, v, h, m, H, y;
+  const S = fe({
     props: e,
     name: "JoyTextarea"
-  }), k = ve(H, q), {
+  }), k = he(S, q), {
     propsToForward: b,
     rootStateClasses: C,
     inputStateClasses: I,
@@ -408,11 +408,11 @@ const q = pe("MuiTextarea", ["root", "textarea", "startDecorator", "endDecorator
     startDecorator: t,
     endDecorator: x,
     minRows: P,
-    maxRows: Z,
-    component: G,
-    slots: K = {},
+    maxRows: G,
+    component: K,
+    slots: Z = {},
     slotProps: Q = {}
-  } = k, X = j(k, Re);
+  } = k, X = L(k, Re);
   if (process.env.NODE_ENV !== "production") {
     const W = o == null ? void 0 : o.registerEffect;
     g.useEffect(() => {
@@ -420,9 +420,9 @@ const q = pe("MuiTextarea", ["root", "textarea", "startDecorator", "endDecorator
         return W();
     }, [W]);
   }
-  const Y = (i = (s = e.disabled) != null ? s : o == null ? void 0 : o.disabled) != null ? i : z, N = (l = (h = e.error) != null ? h : o == null ? void 0 : o.error) != null ? l : R, ee = (v = (m = e.size) != null ? m : o == null ? void 0 : o.size) != null ? v : T, re = (S = e.color) != null ? S : N ? "danger" : (y = o == null ? void 0 : o.color) != null ? y : B, D = f({
+  const Y = (i = (s = e.disabled) != null ? s : o == null ? void 0 : o.disabled) != null ? i : z, N = (l = (v = e.error) != null ? v : o == null ? void 0 : o.error) != null ? l : R, ee = (h = (m = e.size) != null ? m : o == null ? void 0 : o.size) != null ? h : T, re = (H = e.color) != null ? H : N ? "danger" : (y = o == null ? void 0 : o.color) != null ? y : B, D = f({
     instanceColor: N ? "danger" : e.color
-  }, H, {
+  }, S, {
     color: re,
     disabled: Y,
     error: N,
@@ -430,8 +430,8 @@ const q = pe("MuiTextarea", ["root", "textarea", "startDecorator", "endDecorator
     size: ee,
     variant: n
   }), O = ze(D), _ = f({}, X, {
-    component: G,
-    slots: K,
+    component: K,
+    slots: Z,
     slotProps: Q
   }), [ae, oe] = $("root", {
     ref: u,
@@ -446,17 +446,17 @@ const q = pe("MuiTextarea", ["root", "textarea", "startDecorator", "endDecorator
       "aria-describedby": o == null ? void 0 : o["aria-describedby"]
     },
     className: [O.textarea, I],
-    elementType: Se,
+    elementType: He,
     internalForwardedProps: f({}, b, {
       minRows: P,
-      maxRows: Z
+      maxRows: G
     }),
     externalForwardedProps: _,
     getSlotProps: p,
     ownerState: D
   }), [ie, se] = $("startDecorator", {
     className: O.startDecorator,
-    elementType: He,
+    elementType: Se,
     externalForwardedProps: _,
     ownerState: D
   }), [le, ce] = $("endDecorator", {
@@ -465,7 +465,7 @@ const q = pe("MuiTextarea", ["root", "textarea", "startDecorator", "endDecorator
     externalForwardedProps: _,
     ownerState: D
   });
-  return /* @__PURE__ */ L(ae, f({}, oe, {
+  return /* @__PURE__ */ U(ae, f({}, oe, {
     children: [t && /* @__PURE__ */ w(ie, f({}, se, {
       children: t
     })), /* @__PURE__ */ w(te, f({}, ne)), x && /* @__PURE__ */ w(le, f({}, ce, {

package/chunks/{TimerOutlined-DiX8hCoC.js → TimerOutlined-DmKZDDI-.js}

@@ -1,5 +1,5 @@
 import { jsx as c } from "react/jsx-runtime";
-import { d as m } from "./ConstantsProvider-BPJJz9fq.js";
+import { c as m } from "./PrizeCard-gMp7I66d.js";
 const t = m(/* @__PURE__ */ c("path", {
   d: "M15 1H9v2h6zm-4 13h2V8h-2zm8.03-6.61 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.61M12 20c-3.87 0-7-3.13-7-7s3.13-7 7-7 7 3.13 7 7-3.13 7-7 7"
 }), "TimerOutlined");

package/chunks/chevron-right-DGEksBI7.js

@@ -0,0 +1,330 @@
+import { m as w, l as R, s as x, _ as i, a8 as F, a9 as A, P as o, q as T, t as O, v as z, w as I, y as P, c as m } from "./PrizeCard-gMp7I66d.js";
+import * as D from "react";
+import { forwardRef as $, createElement as b } from "react";
+import { c as M } from "./Spinner-BBA89t5s.js";
+import { a as E } from "./NotFoundSkeleton-B3RNa8KJ.js";
+import { d as k } from "./Notification-BTtUhfZQ.js";
+import { jsx as l } from "react/jsx-runtime";
+function K(t) {
+  return R("MuiCardActions", t);
+}
+w("MuiCardActions", ["root"]);
+const U = ["className", "component", "children", "buttonFlex", "orientation", "slots", "slotProps"], B = () => P({
+  root: ["root"]
+}, K, {}), _ = x("div")(({
+  ownerState: t
+}) => {
+  var e;
+  return i({
+    "--Button-radius": "var(--Card-childRadius)",
+    "--IconButton-radius": "var(--Card-childRadius)",
+    display: "flex"
+  }, ((e = t.orientation) == null ? void 0 : e.startsWith("horizontal")) && {
+    alignItems: "center"
+    // it is common to have children aligned center in horizontal orientation, but not vertically.
+  }, {
+    flexDirection: t.orientation === "horizontal" ? "row" : "column"
+  }, t.orientation === "horizontal-reverse" && {
+    flexDirection: "row-reverse"
+  }, {
+    zIndex: 1,
+    // render above Link's overlay
+    gap: "calc(0.625 * var(--Card-padding))",
+    padding: "var(--unstable_padding)",
+    "--unstable_padding": "calc(0.75 * var(--Card-padding)) 0 0 0",
+    [`.${E.root} > &`]: {
+      "--unstable_padding": "calc(0.75 * var(--Card-padding)) 0 var(--Card-padding)"
+    },
+    [`.${M.root} > .${k.root} + &`]: {
+      "--unstable_padding": "0"
+    }
+  }, t.buttonFlex ? {
+    [`& > :not(.${F.root})`]: {
+      flex: t.buttonFlex
+    },
+    [`& > :not(button) > .${A.root}`]: {
+      width: "100%"
+      // for button to fill its wrapper.
+    }
+  } : {
+    [`& > .${A.root}:only-child`]: {
+      flex: "auto"
+    }
+  });
+}), S = x(_, {
+  name: "JoyCardActions",
+  slot: "Root",
+  overridesResolver: (t, e) => e.root
+})({}), J = /* @__PURE__ */ D.forwardRef(function(e, r) {
+  const s = T({
+    props: e,
+    name: "JoyCardActions"
+  }), {
+    className: a,
+    component: n = "div",
+    children: c,
+    buttonFlex: d,
+    orientation: p = "horizontal",
+    slots: u = {},
+    slotProps: h = {}
+  } = s, f = O(s, U), y = i({}, f, {
+    component: n,
+    slots: u,
+    slotProps: h
+  }), g = i({}, s, {
+    component: n,
+    buttonFlex: d,
+    orientation: p
+  }), v = B(), [C, j] = z("root", {
+    ref: r,
+    className: I(v.root, a),
+    elementType: S,
+    externalForwardedProps: y,
+    ownerState: g
+  });
+  return /* @__PURE__ */ l(C, i({}, j, {
+    children: c
+  }));
+});
+process.env.NODE_ENV !== "production" && (J.propTypes = {
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │
+  // └─────────────────────────────────────────────────────────────────────┘
+  /**
+   * The CSS `flex` for the Button and its wrapper.
+   */
+  buttonFlex: o.oneOfType([o.number, o.string]),
+  /**
+   * Used to render icon or text elements inside the CardActions if `src` is not set.
+   * This can be an element, or just a string.
+   */
+  children: o.node,
+  /**
+   * @ignore
+   */
+  className: o.string,
+  /**
+   * The component used for the root node.
+   * Either a string to use a HTML element or a component.
+   */
+  component: o.elementType,
+  /**
+   * The component orientation.
+   * @default 'horizontal'
+   */
+  orientation: o.oneOf(["horizontal-reverse", "horizontal", "vertical"]),
+  /**
+   * The props used for each slot inside.
+   * @default {}
+   */
+  slotProps: o.shape({
+    root: o.oneOfType([o.func, o.object])
+  }),
+  /**
+   * The components used for each slot inside.
+   * @default {}
+   */
+  slots: o.shape({
+    root: o.elementType
+  }),
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: o.oneOfType([o.arrayOf(o.oneOfType([o.func, o.object, o.bool])), o.func, o.object])
+});
+function H(t) {
+  return R("MuiDialogActions", t);
+}
+w("MuiDialogActions", ["root"]);
+const V = ["component", "children", "buttonFlex", "orientation", "slots", "slotProps"], W = () => P({
+  root: ["root"]
+}, H, {}), q = x(_, {
+  name: "JoyDialogActions",
+  slot: "Root",
+  overridesResolver: (t, e) => e.root
+})({}), Z = /* @__PURE__ */ D.forwardRef(function(e, r) {
+  const s = T({
+    props: e,
+    name: "JoyDialogActions"
+  }), {
+    component: a = "div",
+    children: n,
+    buttonFlex: c,
+    orientation: d = "horizontal-reverse",
+    slots: p = {},
+    slotProps: u = {}
+  } = s, h = O(s, V), f = i({}, h, {
+    component: a,
+    slots: p,
+    slotProps: u
+  }), y = i({}, s, {
+    component: a,
+    buttonFlex: c,
+    orientation: d
+  }), g = W(), [v, C] = z("root", {
+    ref: r,
+    className: g.root,
+    elementType: q,
+    externalForwardedProps: f,
+    ownerState: y
+  });
+  return /* @__PURE__ */ l(v, i({}, C, {
+    children: n
+  }));
+});
+process.env.NODE_ENV !== "production" && (Z.propTypes = {
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │
+  // └─────────────────────────────────────────────────────────────────────┘
+  /**
+   * The CSS `flex` for the Button and its wrapper.
+   */
+  buttonFlex: o.oneOfType([o.number, o.string]),
+  /**
+   * Used to render icon or text elements inside the DialogActions if `src` is not set.
+   * This can be an element, or just a string.
+   */
+  children: o.node,
+  /**
+   * The component used for the root node.
+   * Either a string to use a HTML element or a component.
+   */
+  component: o.elementType,
+  /**
+   * The component orientation.
+   * @default 'horizontal-reverse'
+   */
+  orientation: o.oneOf(["horizontal-reverse", "horizontal", "vertical"]),
+  /**
+   * The props used for each slot inside.
+   * @default {}
+   */
+  slotProps: o.shape({
+    root: o.oneOfType([o.func, o.object])
+  }),
+  /**
+   * The components used for each slot inside.
+   * @default {}
+   */
+  slots: o.shape({
+    root: o.elementType
+  }),
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: o.oneOfType([o.arrayOf(o.oneOfType([o.func, o.object, o.bool])), o.func, o.object])
+});
+const no = m(/* @__PURE__ */ l("path", {
+  d: "M15.41 16.59 10.83 12l4.58-4.59L14 6l-6 6 6 6z"
+}), "KeyboardArrowLeft"), ao = m(/* @__PURE__ */ l("path", {
+  d: "M8.59 16.59 13.17 12 8.59 7.41 10 6l6 6-6 6z"
+}), "KeyboardArrowRight"), io = m(/* @__PURE__ */ l("path", {
+  d: "M11 18h2v-2h-2zm1-16C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8m0-14c-2.21 0-4 1.79-4 4h2c0-1.1.9-2 2-2s2 .9 2 2c0 2-3 1.75-3 5h2c0-2.25 3-2.5 3-5 0-2.21-1.79-4-4-4"
+}), "HelpOutline"), lo = m(/* @__PURE__ */ l("path", {
+  d: "M3 17.25V21h3.75L17.81 9.94l-3.75-3.75zM20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34a.996.996 0 0 0-1.41 0l-1.83 1.83 3.75 3.75z"
+}), "Edit");
+/**
+ * @license lucide-react v0.454.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const G = (t) => t.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), L = (...t) => t.filter((e, r, s) => !!e && e.trim() !== "" && s.indexOf(e) === r).join(" ").trim();
+/**
+ * @license lucide-react v0.454.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+var Q = {
+  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.454.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const X = $(
+  ({
+    color: t = "currentColor",
+    size: e = 24,
+    strokeWidth: r = 2,
+    absoluteStrokeWidth: s,
+    className: a = "",
+    children: n,
+    iconNode: c,
+    ...d
+  }, p) => b(
+    "svg",
+    {
+      ref: p,
+      ...Q,
+      width: e,
+      height: e,
+      stroke: t,
+      strokeWidth: s ? Number(r) * 24 / Number(e) : r,
+      className: L("lucide", a),
+      ...d
+    },
+    [
+      ...c.map(([u, h]) => b(u, h)),
+      ...Array.isArray(n) ? n : [n]
+    ]
+  )
+);
+/**
+ * @license lucide-react v0.454.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const N = (t, e) => {
+  const r = $(
+    ({ className: s, ...a }, n) => b(X, {
+      ref: n,
+      iconNode: e,
+      className: L(`lucide-${G(t)}`, s),
+      ...a
+    })
+  );
+  return r.displayName = `${t}`, r;
+};
+/**
+ * @license lucide-react v0.454.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const co = N("ChevronLeft", [
+  ["path", { d: "m15 18-6-6 6-6", key: "1wnfg3" }]
+]);
+/**
+ * @license lucide-react v0.454.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const po = N("ChevronRight", [
+  ["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]
+]);
+export {
+  co as C,
+  Z as D,
+  lo as E,
+  io as H,
+  no as K,
+  ao as a,
+  po as b,
+  N as c
+};