@blockend/widget 1.0.30 → 1.0.32

package/dist/index-DW3W7zaF.js

@@ -0,0 +1,473 @@
+import { g as G, p as P, r as U, _ as H, b as u, d, e as m, P as r } from "./index-CLzkn733.js";
+import * as v from "react";
+import { g as q, d as J, s as W, c as M, a as K, r as Q } from "./useRegisterError-C_YLA1dw.js";
+import { jsx as V, jsxs as X } from "react/jsx-runtime";
+import { B as Y } from "./getChainIds-CJd2TZYT.js";
+function Z(o) {
+  return G("MuiButton", o);
+}
+const O = q("MuiButton", ["root", "text", "textInherit", "textPrimary", "textSecondary", "textSuccess", "textError", "textInfo", "textWarning", "outlined", "outlinedInherit", "outlinedPrimary", "outlinedSecondary", "outlinedSuccess", "outlinedError", "outlinedInfo", "outlinedWarning", "contained", "containedInherit", "containedPrimary", "containedSecondary", "containedSuccess", "containedError", "containedInfo", "containedWarning", "disableElevation", "focusVisible", "disabled", "colorInherit", "colorPrimary", "colorSecondary", "colorSuccess", "colorError", "colorInfo", "colorWarning", "textSizeSmall", "textSizeMedium", "textSizeLarge", "outlinedSizeSmall", "outlinedSizeMedium", "outlinedSizeLarge", "containedSizeSmall", "containedSizeMedium", "containedSizeLarge", "sizeMedium", "sizeSmall", "sizeLarge", "fullWidth", "startIcon", "endIcon", "icon", "iconSizeSmall", "iconSizeMedium", "iconSizeLarge"]), _ = /* @__PURE__ */ v.createContext({});
+P.env.NODE_ENV !== "production" && (_.displayName = "ButtonGroupContext");
+const L = /* @__PURE__ */ v.createContext(void 0);
+P.env.NODE_ENV !== "production" && (L.displayName = "ButtonGroupButtonContext");
+const w = ["children", "color", "component", "className", "disabled", "disableElevation", "disableFocusRipple", "endIcon", "focusVisibleClassName", "fullWidth", "size", "startIcon", "type", "variant"], oo = (o) => {
+  const {
+    color: n,
+    disableElevation: i,
+    fullWidth: s,
+    size: l,
+    variant: t,
+    classes: e
+  } = o, a = {
+    root: ["root", t, `${t}${d(n)}`, `size${d(l)}`, `${t}Size${d(l)}`, `color${d(n)}`, i && "disableElevation", s && "fullWidth"],
+    label: ["label"],
+    startIcon: ["icon", "startIcon", `iconSize${d(l)}`],
+    endIcon: ["icon", "endIcon", `iconSize${d(l)}`]
+  }, c = K(a, Z, e);
+  return u({}, e, c);
+}, j = (o) => u({}, o.size === "small" && {
+  "& > *:nth-of-type(1)": {
+    fontSize: 18
+  }
+}, o.size === "medium" && {
+  "& > *:nth-of-type(1)": {
+    fontSize: 20
+  }
+}, o.size === "large" && {
+  "& > *:nth-of-type(1)": {
+    fontSize: 22
+  }
+}), no = W(Y, {
+  shouldForwardProp: (o) => Q(o) || o === "classes",
+  name: "MuiButton",
+  slot: "Root",
+  overridesResolver: (o, n) => {
+    const {
+      ownerState: i
+    } = o;
+    return [n.root, n[i.variant], n[`${i.variant}${d(i.color)}`], n[`size${d(i.size)}`], n[`${i.variant}Size${d(i.size)}`], i.color === "inherit" && n.colorInherit, i.disableElevation && n.disableElevation, i.fullWidth && n.fullWidth];
+  }
+})(({
+  theme: o,
+  ownerState: n
+}) => {
+  var i, s;
+  const l = o.palette.mode === "light" ? o.palette.grey[300] : o.palette.grey[800], t = o.palette.mode === "light" ? o.palette.grey.A100 : o.palette.grey[700];
+  return u({}, o.typography.button, {
+    minWidth: 64,
+    padding: "6px 16px",
+    borderRadius: (o.vars || o).shape.borderRadius,
+    transition: o.transitions.create(["background-color", "box-shadow", "border-color", "color"], {
+      duration: o.transitions.duration.short
+    }),
+    "&:hover": u({
+      textDecoration: "none",
+      backgroundColor: o.vars ? `rgba(${o.vars.palette.text.primaryChannel} / ${o.vars.palette.action.hoverOpacity})` : m.alpha(o.palette.text.primary, o.palette.action.hoverOpacity),
+      // Reset on touch devices, it doesn't add specificity
+      "@media (hover: none)": {
+        backgroundColor: "transparent"
+      }
+    }, n.variant === "text" && n.color !== "inherit" && {
+      backgroundColor: o.vars ? `rgba(${o.vars.palette[n.color].mainChannel} / ${o.vars.palette.action.hoverOpacity})` : m.alpha(o.palette[n.color].main, o.palette.action.hoverOpacity),
+      // Reset on touch devices, it doesn't add specificity
+      "@media (hover: none)": {
+        backgroundColor: "transparent"
+      }
+    }, n.variant === "outlined" && n.color !== "inherit" && {
+      border: `1px solid ${(o.vars || o).palette[n.color].main}`,
+      backgroundColor: o.vars ? `rgba(${o.vars.palette[n.color].mainChannel} / ${o.vars.palette.action.hoverOpacity})` : m.alpha(o.palette[n.color].main, o.palette.action.hoverOpacity),
+      // Reset on touch devices, it doesn't add specificity
+      "@media (hover: none)": {
+        backgroundColor: "transparent"
+      }
+    }, n.variant === "contained" && {
+      backgroundColor: o.vars ? o.vars.palette.Button.inheritContainedHoverBg : t,
+      boxShadow: (o.vars || o).shadows[4],
+      // Reset on touch devices, it doesn't add specificity
+      "@media (hover: none)": {
+        boxShadow: (o.vars || o).shadows[2],
+        backgroundColor: (o.vars || o).palette.grey[300]
+      }
+    }, n.variant === "contained" && n.color !== "inherit" && {
+      backgroundColor: (o.vars || o).palette[n.color].dark,
+      // Reset on touch devices, it doesn't add specificity
+      "@media (hover: none)": {
+        backgroundColor: (o.vars || o).palette[n.color].main
+      }
+    }),
+    "&:active": u({}, n.variant === "contained" && {
+      boxShadow: (o.vars || o).shadows[8]
+    }),
+    [`&.${O.focusVisible}`]: u({}, n.variant === "contained" && {
+      boxShadow: (o.vars || o).shadows[6]
+    }),
+    [`&.${O.disabled}`]: u({
+      color: (o.vars || o).palette.action.disabled
+    }, n.variant === "outlined" && {
+      border: `1px solid ${(o.vars || o).palette.action.disabledBackground}`
+    }, n.variant === "contained" && {
+      color: (o.vars || o).palette.action.disabled,
+      boxShadow: (o.vars || o).shadows[0],
+      backgroundColor: (o.vars || o).palette.action.disabledBackground
+    })
+  }, n.variant === "text" && {
+    padding: "6px 8px"
+  }, n.variant === "text" && n.color !== "inherit" && {
+    color: (o.vars || o).palette[n.color].main
+  }, n.variant === "outlined" && {
+    padding: "5px 15px",
+    border: "1px solid currentColor"
+  }, n.variant === "outlined" && n.color !== "inherit" && {
+    color: (o.vars || o).palette[n.color].main,
+    border: o.vars ? `1px solid rgba(${o.vars.palette[n.color].mainChannel} / 0.5)` : `1px solid ${m.alpha(o.palette[n.color].main, 0.5)}`
+  }, n.variant === "contained" && {
+    color: o.vars ? (
+      // this is safe because grey does not change between default light/dark mode
+      o.vars.palette.text.primary
+    ) : (i = (s = o.palette).getContrastText) == null ? void 0 : i.call(s, o.palette.grey[300]),
+    backgroundColor: o.vars ? o.vars.palette.Button.inheritContainedBg : l,
+    boxShadow: (o.vars || o).shadows[2]
+  }, n.variant === "contained" && n.color !== "inherit" && {
+    color: (o.vars || o).palette[n.color].contrastText,
+    backgroundColor: (o.vars || o).palette[n.color].main
+  }, n.color === "inherit" && {
+    color: "inherit",
+    borderColor: "currentColor"
+  }, n.size === "small" && n.variant === "text" && {
+    padding: "4px 5px",
+    fontSize: o.typography.pxToRem(13)
+  }, n.size === "large" && n.variant === "text" && {
+    padding: "8px 11px",
+    fontSize: o.typography.pxToRem(15)
+  }, n.size === "small" && n.variant === "outlined" && {
+    padding: "3px 9px",
+    fontSize: o.typography.pxToRem(13)
+  }, n.size === "large" && n.variant === "outlined" && {
+    padding: "7px 21px",
+    fontSize: o.typography.pxToRem(15)
+  }, n.size === "small" && n.variant === "contained" && {
+    padding: "4px 10px",
+    fontSize: o.typography.pxToRem(13)
+  }, n.size === "large" && n.variant === "contained" && {
+    padding: "8px 22px",
+    fontSize: o.typography.pxToRem(15)
+  }, n.fullWidth && {
+    width: "100%"
+  });
+}, ({
+  ownerState: o
+}) => o.disableElevation && {
+  boxShadow: "none",
+  "&:hover": {
+    boxShadow: "none"
+  },
+  [`&.${O.focusVisible}`]: {
+    boxShadow: "none"
+  },
+  "&:active": {
+    boxShadow: "none"
+  },
+  [`&.${O.disabled}`]: {
+    boxShadow: "none"
+  }
+}), ro = W("span", {
+  name: "MuiButton",
+  slot: "StartIcon",
+  overridesResolver: (o, n) => {
+    const {
+      ownerState: i
+    } = o;
+    return [n.startIcon, n[`iconSize${d(i.size)}`]];
+  }
+})(({
+  ownerState: o
+}) => u({
+  display: "inherit",
+  marginRight: 8,
+  marginLeft: -4
+}, o.size === "small" && {
+  marginLeft: -2
+}, j(o))), io = W("span", {
+  name: "MuiButton",
+  slot: "EndIcon",
+  overridesResolver: (o, n) => {
+    const {
+      ownerState: i
+    } = o;
+    return [n.endIcon, n[`iconSize${d(i.size)}`]];
+  }
+})(({
+  ownerState: o
+}) => u({
+  display: "inherit",
+  marginRight: -4,
+  marginLeft: 8
+}, o.size === "small" && {
+  marginRight: -2
+}, j(o))), ao = /* @__PURE__ */ v.forwardRef(function(n, i) {
+  const s = v.useContext(_), l = v.useContext(L), t = U(s, n), e = J({
+    props: t,
+    name: "MuiButton"
+  }), {
+    children: a,
+    color: c = "primary",
+    component: f = "button",
+    className: g,
+    disabled: x = !1,
+    disableElevation: T = !1,
+    disableFocusRipple: y = !1,
+    endIcon: z,
+    focusVisibleClassName: $,
+    fullWidth: C = !1,
+    size: B = "medium",
+    startIcon: p,
+    type: b,
+    variant: R = "text"
+  } = e, I = H(e, w), E = u({}, e, {
+    color: c,
+    component: f,
+    disabled: x,
+    disableElevation: T,
+    disableFocusRipple: y,
+    fullWidth: C,
+    size: B,
+    type: b,
+    variant: R
+  }), h = oo(E), A = p && /* @__PURE__ */ V(ro, {
+    className: h.startIcon,
+    ownerState: E,
+    children: p
+  }), D = z && /* @__PURE__ */ V(io, {
+    className: h.endIcon,
+    ownerState: E,
+    children: z
+  }), F = l || "";
+  return /* @__PURE__ */ X(no, u({
+    ownerState: E,
+    className: M(s.className, h.root, g, F),
+    component: f,
+    disabled: x,
+    focusRipple: !y,
+    focusVisibleClassName: M(h.focusVisible, $),
+    ref: i,
+    type: b
+  }, I, {
+    classes: h,
+    children: [A, a, D]
+  }));
+});
+P.env.NODE_ENV !== "production" && (ao.propTypes = {
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
+  // └─────────────────────────────────────────────────────────────────────┘
+  /**
+   * The content of the component.
+   */
+  children: r.node,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: r.object,
+  /**
+   * @ignore
+   */
+  className: r.string,
+  /**
+   * The color of the component.
+   * It supports both default and custom theme colors, which can be added as shown in the
+   * [palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors).
+   * @default 'primary'
+   */
+  color: r.oneOfType([r.oneOf(["inherit", "primary", "secondary", "success", "error", "info", "warning"]), r.string]),
+  /**
+   * The component used for the root node.
+   * Either a string to use a HTML element or a component.
+   */
+  component: r.elementType,
+  /**
+   * If `true`, the component is disabled.
+   * @default false
+   */
+  disabled: r.bool,
+  /**
+   * If `true`, no elevation is used.
+   * @default false
+   */
+  disableElevation: r.bool,
+  /**
+   * If `true`, the  keyboard focus ripple is disabled.
+   * @default false
+   */
+  disableFocusRipple: r.bool,
+  /**
+   * If `true`, the ripple effect is disabled.
+   *
+   * ⚠️ Without a ripple there is no styling for :focus-visible by default. Be sure
+   * to highlight the element by applying separate styles with the `.Mui-focusVisible` class.
+   * @default false
+   */
+  disableRipple: r.bool,
+  /**
+   * Element placed after the children.
+   */
+  endIcon: r.node,
+  /**
+   * @ignore
+   */
+  focusVisibleClassName: r.string,
+  /**
+   * If `true`, the button will take up the full width of its container.
+   * @default false
+   */
+  fullWidth: r.bool,
+  /**
+   * The URL to link to when the button is clicked.
+   * If defined, an `a` element will be used as the root node.
+   */
+  href: r.string,
+  /**
+   * The size of the component.
+   * `small` is equivalent to the dense button styling.
+   * @default 'medium'
+   */
+  size: r.oneOfType([r.oneOf(["small", "medium", "large"]), r.string]),
+  /**
+   * Element placed before the children.
+   */
+  startIcon: r.node,
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: r.oneOfType([r.arrayOf(r.oneOfType([r.func, r.object, r.bool])), r.func, r.object]),
+  /**
+   * @ignore
+   */
+  type: r.oneOfType([r.oneOf(["button", "reset", "submit"]), r.string]),
+  /**
+   * The variant to use.
+   * @default 'text'
+   */
+  variant: r.oneOfType([r.oneOf(["contained", "outlined", "text"]), r.string])
+});
+var S = /* @__PURE__ */ new Map(), N = /* @__PURE__ */ new WeakMap(), k = 0, to = void 0;
+function eo(o) {
+  return o ? (N.has(o) || (k += 1, N.set(o, k.toString())), N.get(o)) : "0";
+}
+function so(o) {
+  return Object.keys(o).sort().filter(
+    (n) => o[n] !== void 0
+  ).map((n) => `${n}_${n === "root" ? eo(o.root) : o[n]}`).toString();
+}
+function lo(o) {
+  const n = so(o);
+  let i = S.get(n);
+  if (!i) {
+    const s = /* @__PURE__ */ new Map();
+    let l;
+    const t = new IntersectionObserver((e) => {
+      e.forEach((a) => {
+        var c;
+        const f = a.isIntersecting && l.some((g) => a.intersectionRatio >= g);
+        o.trackVisibility && typeof a.isVisible > "u" && (a.isVisible = f), (c = s.get(a.target)) == null || c.forEach((g) => {
+          g(f, a);
+        });
+      });
+    }, o);
+    l = t.thresholds || (Array.isArray(o.threshold) ? o.threshold : [o.threshold || 0]), i = {
+      id: n,
+      observer: t,
+      elements: s
+    }, S.set(n, i);
+  }
+  return i;
+}
+function co(o, n, i = {}, s = to) {
+  if (typeof window.IntersectionObserver > "u" && s !== void 0) {
+    const c = o.getBoundingClientRect();
+    return n(s, {
+      isIntersecting: s,
+      target: o,
+      intersectionRatio: typeof i.threshold == "number" ? i.threshold : 0,
+      time: 0,
+      boundingClientRect: c,
+      intersectionRect: c,
+      rootBounds: c
+    }), () => {
+    };
+  }
+  const { id: l, observer: t, elements: e } = lo(i), a = e.get(o) || [];
+  return e.has(o) || e.set(o, a), a.push(n), t.observe(o), function() {
+    a.splice(a.indexOf(n), 1), a.length === 0 && (e.delete(o), t.unobserve(o)), e.size === 0 && (t.disconnect(), S.delete(l));
+  };
+}
+function fo({
+  threshold: o,
+  delay: n,
+  trackVisibility: i,
+  rootMargin: s,
+  root: l,
+  triggerOnce: t,
+  skip: e,
+  initialInView: a,
+  fallbackInView: c,
+  onChange: f
+} = {}) {
+  var g;
+  const [x, T] = v.useState(null), y = v.useRef(f), [z, $] = v.useState({
+    inView: !!a,
+    entry: void 0
+  });
+  y.current = f, v.useEffect(
+    () => {
+      if (e || !x) return;
+      let b;
+      return b = co(
+        x,
+        (R, I) => {
+          $({
+            inView: R,
+            entry: I
+          }), y.current && y.current(R, I), I.isIntersecting && t && b && (b(), b = void 0);
+        },
+        {
+          root: l,
+          rootMargin: s,
+          threshold: o,
+          // @ts-ignore
+          trackVisibility: i,
+          // @ts-ignore
+          delay: n
+        },
+        c
+      ), () => {
+        b && b();
+      };
+    },
+    // We break the rule here, because we aren't including the actual `threshold` variable
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [
+      // If the threshold is an array, convert it to a string, so it won't change between renders.
+      Array.isArray(o) ? o.toString() : o,
+      x,
+      l,
+      s,
+      t,
+      e,
+      i,
+      c,
+      n
+    ]
+  );
+  const C = (g = z.entry) == null ? void 0 : g.target, B = v.useRef(void 0);
+  !x && C && !t && !e && B.current !== C && (B.current = C, $({
+    inView: !!a,
+    entry: void 0
+  }));
+  const p = [T, z.inView, z.entry];
+  return p.ref = p[0], p.inView = p[1], p.entry = p[2], p;
+}
+export {
+  ao as B,
+  fo as u
+};