@blockend/widget 1.0.60 → 1.0.61

package/dist/{index-BNAc3BNQ.js → index-D_8iklL2.js}

@@ -1,17 +1,17 @@
 import { jsxs as p, jsx as e, Fragment as J } from "react/jsx-runtime";
 import de, { useState as v, useEffect as j, useRef as B1, Suspense as A1 } from "react";
-import { B as j1, i as Ee, u as ke, F as e1, f as $e, C as Se, W as i1 } from "./useRegisterError-D0oAcJrb.js";
-import { u as c, l as pe, a as Ve, c as _e, S as L1, M as P1 } from "./index-BzlNNUJC.js";
-import { C as t1, M as F1, g as n1 } from "./getChainIds-hFBaLC3P.js";
+import { B as j1, i as Ee, u as ke, F as e1, f as $e, C as Se, W as i1 } from "./useRegisterError-DVG0sgLq.js";
+import { u as c, l as pe, a as Ve, c as _e, S as L1, M as P1 } from "./index-D0J1OD73.js";
+import { C as t1, M as F1, g as n1 } from "./getChainIds-AaKb_MmO.js";
 import { useQuery as c1 } from "@tanstack/react-query";
 import { useAccount as ge, useConnect as M1, useConnections as E1, useBalance as O1 } from "wagmi";
 import { useDynamicContext as Ne, useIsLoggedIn as R1 } from "@dynamic-labs/sdk-react-core";
 import { S as $1 } from "./shareicon-CG3v7iKI.js";
-import { u as S1, B as _1 } from "./index-D-h2D2T4.js";
+import { u as S1, B as _1 } from "./index-GlSAE8hE.js";
 import { useAccount as Oe, useStargateClient as l1, useSuggestChainAndConnect as V1, WalletType as z1 } from "graz";
-import { S as Z1, D as H1 } from "./down-CbXkinMO.js";
+import { S as Z1, D as H1 } from "./down-hvB7J3FG.js";
 import { R as G1 } from "./index-CDq3vNnP.js";
-import { C as ze, P as be, u as K1, g as r1 } from "./getCosmosAddress-wW2QvGf4.js";
+import { C as ze, P as be, u as K1, g as r1 } from "./getCosmosAddress-X_cfoAnv.js";
 function b1({ fill: t }) {
   return /* @__PURE__ */ p(
     "svg",
@@ -1330,7 +1330,7 @@ function vt(t, n) {
     isBalanceLoading: (i == null ? void 0 : i.networkType) == "evm" ? y : b
   };
 }
-const kt = de.lazy(() => import("./SwapAsset-ClNXL1XN.js")), Nt = de.lazy(() => import("./InputComp-B7JBOOCL.js")), Tt = de.lazy(() => import("./QuotesProgress-DaVjqEE8.js")), It = de.lazy(() => import("./TxnButton-41zPru_N.js")), Bt = de.lazy(() => import("./index-Dfnahm9u.js").then((t) => t.i)), At = de.lazy(() => import("./index-cmkdh21h.js")), jt = de.lazy(() => import("./LoadRoute-KBCAhdb3.js")), Lt = de.lazy(() => import("./AllRoutes-Bi2Qb6vT.js"));
+const kt = de.lazy(() => import("./SwapAsset-CkRat7Ok.js")), Nt = de.lazy(() => import("./InputComp-Dl4M7E5v.js")), Tt = de.lazy(() => import("./QuotesProgress-Covy7wmW.js")), It = de.lazy(() => import("./TxnButton-CPMFPFA_.js")), Bt = de.lazy(() => import("./index-CI-V1HdQ.js").then((t) => t.i)), At = de.lazy(() => import("./index-DjHDqI7m.js")), jt = de.lazy(() => import("./LoadRoute-cBSl34Bs.js")), Lt = de.lazy(() => import("./AllRoutes-CIe7ZLbW.js"));
 function Pt({ handleShowWallet: t, showWallet: n, fetchChains: s }) {
   var Ke, Je, qe, Xe, Qe, Ue, Ye;
   const [o, r] = v(), [l, b] = v(!1), [d, i] = v(!1), [g, x] = v(!1), [k, B] = v(!1), [M, F] = v("all"), [h, m] = v(!1), { primaryWallet: I } = Ne(), { address: y } = ge(), { address: S } = Ve(), { getbal: _, isBalanceLoading: ne } = vt(h), { data: E, isConnected: K } = Oe({ chainId: "cosmoshub-4" }), O = c((a) => a.persist), V = c((a) => a.setPersist), f = c((a) => a.route), C = c((a) => a.fromChain), P = c((a) => a.toChain), H = c((a) => a.fromCoin), $ = c((a) => a.toCoin), w = c((a) => a.setFromChain), T = c((a) => a.setToChain), A = c((a) => a.setFromCoin), L = c((a) => a.setToCoin), N = c((a) => a.amount), R = c((a) => a.setAmount), ae = c((a) => a.customWallet), Te = c((a) => a.setCosmosChainIds), W = c((a) => a.customFee), G = c((a) => a.broadCastMode), Q = c((a) => a.evmGas), z = c((a) => a.evmSpeed), Ie = c((a) => a.slippage), ye = c((a) => a.option), Be = c((a) => a.setCustomWallet), Ae = c((a) => a.setSelectedProvider), { balanceSol: u } = mt(C, h, Re), { suggestAndConnectAsync: D } = V1(), re = !!(N.length && C.chain.length && H.coin.length && P.chain.length && $.coin.length && !g && k), ce = ["routes", y, C, P, H, $, N, I == null ? void 0 : I.address, S, ae, E == null ? void 0 : E.bech32Address, W, Q, z, Ie, G, ye.value];

package/dist/{index-D-h2D2T4.js → index-DhZwdjPQ.js}

@@ -1,7 +1,7 @@
-import { b as G, g as U, p as P, y as H, i as q, _ as J, d as u, s as W, e as M, f as d, h as K, r as Q, j as m, P as i } from "./index-BzlNNUJC.js";
+import { b as G, g as U, p as P, y as H, i as q, _ as J, d as u, s as W, e as M, f as d, h as K, r as Q, j as m, P as i } from "./index-BYmiFoJh.js";
 import * as v from "react";
 import { jsx as V, jsxs as X } from "react/jsx-runtime";
-import { B as Y } from "./getChainIds-hFBaLC3P.js";
+import { B as Y } from "./getChainIds-DXEtLb1g.js";
 function Z(o) {
   return U("MuiButton", o);
 }

package/dist/{index-cmkdh21h.js → index-DjHDqI7m.js}

@@ -1,9 +1,9 @@
 import { jsxs as c, jsx as r, Fragment as A } from "react/jsx-runtime";
 import O, { useContext as J, useState as y, useEffect as g, useRef as K } from "react";
-import { a as Q, e as V, T as W, H as X, b as F, c as Y, E as Z, d as R } from "./EstGas-w0MeYkJr.js";
-import { u as s, l as ee } from "./index-BzlNNUJC.js";
-import { i as U, C as L, A as te } from "./useRegisterError-D0oAcJrb.js";
-import { B as re } from "./Box-DofFTOO9.js";
+import { a as Q, e as V, T as W, H as X, b as F, c as Y, E as Z, d as R } from "./EstGas-C_ldluj6.js";
+import { u as s, l as ee } from "./index-D0J1OD73.js";
+import { i as U, C as L, A as te } from "./useRegisterError-DVG0sgLq.js";
+import { B as re } from "./Box-QpYIDD-V.js";
 function ne() {
   var d, w, a, e, u, b, m, p, x, l, h, C, v, S;
   const t = s((T) => T.persist), n = s((T) => T.configuration), { defaultCoin: i } = U;

package/dist/{index-Doq8prid.js → index-DoNokw4Q.js}

@@ -1,4 +1,4 @@
-import { g as O, b as Y, i as M, _ as w, d as P, s as z, e as L, f as v, h as b, p as g, P as c } from "./index-BzlNNUJC.js";
+import { g as O, b as Y, i as M, _ as w, d as P, s as z, e as L, f as v, h as b, p as g, P as c } from "./index-D0J1OD73.js";
 import * as C from "react";
 import { jsxs as F, jsx as x } from "react/jsx-runtime";
 function Z(r, i = 166) {

package/dist/index-GlSAE8hE.js

@@ -0,0 +1,472 @@
+import { b as G, g as U, p as P, y as H, i as q, _ as J, d as u, s as W, e as M, f as d, h as K, r as Q, j as m, P as i } from "./index-D0J1OD73.js";
+import * as v from "react";
+import { jsx as V, jsxs as X } from "react/jsx-runtime";
+import { B as Y } from "./getChainIds-AaKb_MmO.js";
+function Z(o) {
+  return U("MuiButton", o);
+}
+const O = G("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: r,
+    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)}`, r && "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: r
+    } = o;
+    return [n.root, n[r.variant], n[`${r.variant}${d(r.color)}`], n[`size${d(r.size)}`], n[`${r.variant}Size${d(r.size)}`], r.color === "inherit" && n.colorInherit, r.disableElevation && n.disableElevation, r.fullWidth && n.fullWidth];
+  }
+})(({
+  theme: o,
+  ownerState: n
+}) => {
+  var r, 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
+    ) : (r = (s = o.palette).getContrastText) == null ? void 0 : r.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"
+  }
+}), io = W("span", {
+  name: "MuiButton",
+  slot: "StartIcon",
+  overridesResolver: (o, n) => {
+    const {
+      ownerState: r
+    } = o;
+    return [n.startIcon, n[`iconSize${d(r.size)}`]];
+  }
+})(({
+  ownerState: o
+}) => u({
+  display: "inherit",
+  marginRight: 8,
+  marginLeft: -4
+}, o.size === "small" && {
+  marginLeft: -2
+}, j(o))), ro = W("span", {
+  name: "MuiButton",
+  slot: "EndIcon",
+  overridesResolver: (o, n) => {
+    const {
+      ownerState: r
+    } = o;
+    return [n.endIcon, n[`iconSize${d(r.size)}`]];
+  }
+})(({
+  ownerState: o
+}) => u({
+  display: "inherit",
+  marginRight: -4,
+  marginLeft: 8
+}, o.size === "small" && {
+  marginRight: -2
+}, j(o))), ao = /* @__PURE__ */ v.forwardRef(function(n, r) {
+  const s = v.useContext(_), l = v.useContext(L), t = H(s, n), e = q({
+    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 = J(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(io, {
+    className: h.startIcon,
+    ownerState: E,
+    children: p
+  }), D = z && /* @__PURE__ */ V(ro, {
+    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: r,
+    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: i.node,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: i.object,
+  /**
+   * @ignore
+   */
+  className: i.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: i.oneOfType([i.oneOf(["inherit", "primary", "secondary", "success", "error", "info", "warning"]), i.string]),
+  /**
+   * The component used for the root node.
+   * Either a string to use a HTML element or a component.
+   */
+  component: i.elementType,
+  /**
+   * If `true`, the component is disabled.
+   * @default false
+   */
+  disabled: i.bool,
+  /**
+   * If `true`, no elevation is used.
+   * @default false
+   */
+  disableElevation: i.bool,
+  /**
+   * If `true`, the  keyboard focus ripple is disabled.
+   * @default false
+   */
+  disableFocusRipple: i.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: i.bool,
+  /**
+   * Element placed after the children.
+   */
+  endIcon: i.node,
+  /**
+   * @ignore
+   */
+  focusVisibleClassName: i.string,
+  /**
+   * If `true`, the button will take up the full width of its container.
+   * @default false
+   */
+  fullWidth: i.bool,
+  /**
+   * The URL to link to when the button is clicked.
+   * If defined, an `a` element will be used as the root node.
+   */
+  href: i.string,
+  /**
+   * The size of the component.
+   * `small` is equivalent to the dense button styling.
+   * @default 'medium'
+   */
+  size: i.oneOfType([i.oneOf(["small", "medium", "large"]), i.string]),
+  /**
+   * Element placed before the children.
+   */
+  startIcon: i.node,
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: i.oneOfType([i.arrayOf(i.oneOfType([i.func, i.object, i.bool])), i.func, i.object]),
+  /**
+   * @ignore
+   */
+  type: i.oneOfType([i.oneOf(["button", "reset", "submit"]), i.string]),
+  /**
+   * The variant to use.
+   * @default 'text'
+   */
+  variant: i.oneOfType([i.oneOf(["contained", "outlined", "text"]), i.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 r = S.get(n);
+  if (!r) {
+    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]), r = {
+      id: n,
+      observer: t,
+      elements: s
+    }, S.set(n, r);
+  }
+  return r;
+}
+function co(o, n, r = {}, s = to) {
+  if (typeof window.IntersectionObserver > "u" && s !== void 0) {
+    const c = o.getBoundingClientRect();
+    return n(s, {
+      isIntersecting: s,
+      target: o,
+      intersectionRatio: typeof r.threshold == "number" ? r.threshold : 0,
+      time: 0,
+      boundingClientRect: c,
+      intersectionRect: c,
+      rootBounds: c
+    }), () => {
+    };
+  }
+  const { id: l, observer: t, elements: e } = lo(r), 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 bo({
+  threshold: o,
+  delay: n,
+  trackVisibility: r,
+  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: r,
+          // @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,
+      r,
+      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,
+  bo as u
+};