fansunited-frontend-components 0.0.92 → 0.0.93

package/chunks/Link-brb09X-6.js

@@ -1,319 +0,0 @@
-import { F as ee, G as oe, _ as n, H as O, a3 as re, P as o, J as h } from "./PrizeCard-B2tBhY45.js";
-import * as u from "react";
-import { s as D, a as ne, h as L, g as te, u as ae, b as g, d as se, c as ie } from "./Typography-BsucZNXl.js";
-import { jsx as x, jsxs as le } from "react/jsx-runtime";
-import { u as ce } from "./colorInversionUtils-AoR_6ghW.js";
-function de(r) {
-  return oe("MuiLink", r);
-}
-const R = ee("MuiLink", ["root", "disabled", "focusVisible", "colorPrimary", "colorNeutral", "colorDanger", "colorSuccess", "colorWarning", "colorContext", "focusVisible", "variantPlain", "variantOutlined", "variantSoft", "variantSolid", "underlineNone", "underlineHover", "underlineAlways", "h1", "h2", "h3", "h4", "title-lg", "title-md", "title-sm", "body-lg", "body-md", "body-sm", "body-xs", "startDecorator", "endDecorator"]), pe = ["color", "textColor", "variant"], ue = ["children", "disabled", "onBlur", "onFocus", "level", "overlay", "underline", "endDecorator", "startDecorator", "component", "slots", "slotProps"], ve = (r) => {
-  const {
-    level: e,
-    color: a,
-    variant: t,
-    underline: s,
-    focusVisible: i,
-    disabled: l
-  } = r, c = {
-    root: ["root", a && `color${h(a)}`, l && "disabled", i && "focusVisible", e, s && `underline${h(s)}`, t && `variant${h(t)}`],
-    startDecorator: ["startDecorator"],
-    endDecorator: ["endDecorator"]
-  };
-  return ie(c, de, {});
-}, fe = D("span", {
-  name: "JoyLink",
-  slot: "StartDecorator",
-  overridesResolver: (r, e) => e.startDecorator
-})(({
-  ownerState: r
-}) => {
-  var e;
-  return n({
-    display: "inline-flex",
-    marginInlineEnd: "clamp(4px, var(--Link-gap, 0.375em), 0.75rem)"
-  }, typeof r.startDecorator != "string" && (r.alignItems === "flex-start" || ((e = r.sx) == null ? void 0 : e.alignItems) === "flex-start") && {
-    marginTop: "2px"
-    // this makes the alignment perfect in most cases
-  });
-}), me = D("span", {
-  name: "JoyLink",
-  slot: "endDecorator",
-  overridesResolver: (r, e) => e.endDecorator
-})(({
-  ownerState: r
-}) => {
-  var e;
-  return n({
-    display: "inline-flex",
-    marginInlineStart: "clamp(4px, var(--Link-gap, 0.25em), 0.5rem)"
-  }, typeof r.startDecorator != "string" && (r.alignItems === "flex-start" || ((e = r.sx) == null ? void 0 : e.alignItems) === "flex-start") && {
-    marginTop: "2px"
-    // this makes the alignment perfect in most cases
-  });
-}), ye = D("a", {
-  name: "JoyLink",
-  slot: "Root",
-  overridesResolver: (r, e) => e.root
-})(({
-  theme: r,
-  ownerState: e
-}) => {
-  var a, t, s, i, l, c, d;
-  return [n({
-    "--Icon-fontSize": "1.25em",
-    "--Icon-color": "currentColor",
-    "--CircularProgress-size": "1.25em",
-    "--CircularProgress-thickness": "3px"
-  }, e.level && e.level !== "inherit" && r.typography[e.level], e.level === "inherit" && {
-    font: "inherit"
-  }, e.underline === "none" && {
-    textDecoration: "none"
-  }, e.underline === "hover" && {
-    textDecoration: "none",
-    "&:hover": {
-      "@media (hover: hover)": {
-        textDecorationLine: "underline"
-      }
-    }
-  }, e.underline === "always" && {
-    textDecoration: "underline"
-  }, e.startDecorator && {
-    verticalAlign: "bottom"
-    // to make the link align with the parent's content
-  }, {
-    textDecorationThickness: "max(0.08em, 1px)",
-    // steal from https://moderncss.dev/modern-css-for-dynamic-component-based-architecture/#css-reset-additions
-    textUnderlineOffset: "0.15em",
-    // steal from https://moderncss.dev/modern-css-for-dynamic-component-based-architecture/#css-reset-additions
-    display: "inline-flex",
-    alignItems: "center",
-    WebkitTapHighlightColor: "transparent",
-    backgroundColor: "transparent",
-    // Reset default value
-    // We disable the focus ring for mouse, touch and keyboard users.
-    outline: 0,
-    border: 0,
-    margin: 0,
-    // Remove the margin in Safari
-    borderRadius: r.vars.radius.xs,
-    padding: 0,
-    // Remove the padding in Firefox
-    cursor: "pointer",
-    textDecorationColor: `var(--variant-outlinedBorder, rgba(${(a = r.vars.palette[e.color]) == null ? void 0 : a.mainChannel} / var(--Link-underlineOpacity, 0.72)))`
-  }, e.variant ? n({
-    paddingBlock: "min(0.1em, 4px)",
-    paddingInline: "0.25em"
-  }, !e.nesting && {
-    marginInline: "-0.25em"
-  }) : {
-    color: `var(--variant-plainColor, rgba(${(t = r.vars.palette[e.color]) == null ? void 0 : t.mainChannel} / 1))`,
-    [`&.${R.disabled}`]: {
-      pointerEvents: "none",
-      color: `var(--variant-plainDisabledColor, rgba(${(s = r.vars.palette[e.color]) == null ? void 0 : s.mainChannel} / 0.6))`
-    }
-  }, {
-    userSelect: e.component === "button" ? "none" : void 0,
-    MozAppearance: "none",
-    // Reset
-    WebkitAppearance: "none",
-    // Reset
-    "&::-moz-focus-inner": {
-      borderStyle: "none"
-      // Remove Firefox dotted outline.
-    }
-  }, e.overlay ? {
-    position: "initial",
-    "&::after": {
-      content: '""',
-      display: "block",
-      position: "absolute",
-      top: 0,
-      left: 0,
-      bottom: 0,
-      right: 0,
-      borderRadius: "var(--unstable_actionRadius, inherit)",
-      margin: "var(--unstable_actionMargin)"
-    },
-    [`${r.focus.selector}`]: {
-      "&::after": r.focus.default
-    }
-  } : {
-    position: "relative",
-    [r.focus.selector]: r.focus.default
-  }), e.variant && n({}, (i = r.variants[e.variant]) == null ? void 0 : i[e.color], {
-    "&:hover": {
-      "@media (hover: hover)": (l = r.variants[`${e.variant}Hover`]) == null ? void 0 : l[e.color]
-    },
-    "&:active": (c = r.variants[`${e.variant}Active`]) == null ? void 0 : c[e.color],
-    [`&.${R.disabled}`]: (d = r.variants[`${e.variant}Disabled`]) == null ? void 0 : d[e.color]
-  })];
-}), be = /* @__PURE__ */ u.forwardRef(function(e, a) {
-  const t = ne({
-    props: e,
-    name: "JoyLink"
-  }), {
-    color: s = "primary",
-    textColor: i,
-    variant: l
-  } = t, c = O(t, pe), d = u.useContext(L), F = u.useContext(te), m = re(n({}, c, {
-    color: i
-  })), {
-    children: v,
-    disabled: I = !1,
-    onBlur: C,
-    onFocus: T,
-    level: V = "body-md",
-    overlay: B = !1,
-    underline: j = "hover",
-    endDecorator: $,
-    startDecorator: k,
-    component: E,
-    slots: N = {},
-    slotProps: z = {}
-  } = m, A = O(m, ue), J = d || F ? e.level || "inherit" : V, {
-    isFocusVisibleRef: P,
-    onBlur: M,
-    onFocus: U,
-    ref: H
-  } = ce(), [W, _] = u.useState(!1), G = ae(a, H), q = (p) => {
-    M(p), P.current === !1 && _(!1), C && C(p);
-  }, K = (p) => {
-    U(p), P.current === !0 && _(!0), T && T(p);
-  }, f = n({}, m, {
-    color: s,
-    disabled: I,
-    focusVisible: W,
-    underline: j,
-    variant: l,
-    level: J,
-    overlay: B,
-    nesting: d
-  }), y = ve(f), b = n({}, A, {
-    component: E,
-    slots: N,
-    slotProps: z
-  }), [Q, X] = g("root", {
-    additionalProps: {
-      onBlur: q,
-      onFocus: K
-    },
-    ref: G,
-    className: y.root,
-    elementType: ye,
-    externalForwardedProps: b,
-    ownerState: f
-  }), [Y, Z] = g("startDecorator", {
-    className: y.startDecorator,
-    elementType: fe,
-    externalForwardedProps: b,
-    ownerState: f
-  }), [S, w] = g("endDecorator", {
-    className: y.endDecorator,
-    elementType: me,
-    externalForwardedProps: b,
-    ownerState: f
-  });
-  return /* @__PURE__ */ x(L.Provider, {
-    value: !0,
-    children: /* @__PURE__ */ le(Q, n({}, X, {
-      children: [k && /* @__PURE__ */ x(Y, n({}, Z, {
-        children: k
-      })), se(v, ["Skeleton"]) ? /* @__PURE__ */ u.cloneElement(v, {
-        variant: v.props.variant || "inline"
-      }) : v, $ && /* @__PURE__ */ x(S, n({}, w, {
-        children: $
-      }))]
-    }))
-  });
-});
-process.env.NODE_ENV !== "production" && (be.propTypes = {
-  // ┌────────────────────────────── Warning ──────────────────────────────┐
-  // │ These PropTypes are generated from the TypeScript type definitions. │
-  // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * The content of the component.
-   */
-  children: o.node,
-  /**
-   * The color of the link.
-   * @default 'primary'
-   */
-  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: o.elementType,
-  /**
-   * If `true`, the component is disabled.
-   * @default false
-   */
-  disabled: o.bool,
-  /**
-   * Element placed after the children.
-   */
-  endDecorator: o.node,
-  /**
-   * Applies the theme typography styles.
-   * @default 'body-md'
-   */
-  level: o.oneOfType([o.oneOf(["body1", "body2", "body3", "h1", "h2", "h3", "h4", "h5", "h6", "inherit"]), o.string]),
-  /**
-   * @ignore
-   */
-  onBlur: o.func,
-  /**
-   * @ignore
-   */
-  onFocus: o.func,
-  /**
-   * If `true`, the ::after pseudo element is added to cover the area of interaction.
-   * The parent of the overlay Link should have `relative` CSS position.
-   * @default false
-   */
-  overlay: o.bool,
-  /**
-   * The props used for each slot inside.
-   * @default {}
-   */
-  slotProps: o.shape({
-    endDecorator: o.oneOfType([o.func, o.object]),
-    root: o.oneOfType([o.func, o.object]),
-    startDecorator: o.oneOfType([o.func, o.object])
-  }),
-  /**
-   * The components used for each slot inside.
-   * @default {}
-   */
-  slots: o.shape({
-    endDecorator: o.elementType,
-    root: o.elementType,
-    startDecorator: o.elementType
-  }),
-  /**
-   * Element placed before the children.
-   */
-  startDecorator: o.node,
-  /**
-   * 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]),
-  /**
-   * The system color.
-   */
-  textColor: o.any,
-  /**
-   * Controls when the link should have an underline.
-   * @default 'hover'
-   */
-  underline: o.oneOf(["always", "hover", "none"]),
-  /**
-   * Applies the theme link styles.
-   * @default 'plain'
-   */
-  variant: o.oneOfType([o.oneOf(["outlined", "plain", "soft", "solid"]), o.string])
-});
-export {
-  be as L
-};