@gearbox-protocol/ui-kit 3.14.0-next.9 → 4.0.0-next.2

package/dist/esm/components/navbar/navbar.js

@@ -1,99 +0,0 @@
-import { jsx as r, jsxs as c } from "react/jsx-runtime";
-import { cva as d } from "class-variance-authority";
-import * as n from "react";
-import "@gearbox-protocol/sdk";
-import { cn as o } from "../../utils/cn.js";
-import "sonner";
-import "@gearbox-protocol/sdk/common-utils";
-import "luxon";
-import "../../utils/z-index.js";
-import { NavbarIndicatorProvider as p, useNavbarIndicator as v } from "./navbar-indicator-context.js";
-const u = d("flex items-center bg-background min-w-0", {
-  variants: {
-    variant: {
-      default: "justify-between",
-      centered: "justify-center",
-      left: "justify-start",
-      right: "justify-end"
-    },
-    size: {
-      sm: "h-12 px-4",
-      default: "h-full px-6",
-      lg: "h-20 px-8"
-    },
-    sticky: {
-      true: "sticky top-0 z-50",
-      false: ""
-    }
-  },
-  defaultVariants: {
-    variant: "default",
-    size: "default",
-    sticky: !1
-  }
-}), b = ({ containerClassName: a, children: e }) => {
-  const t = v();
-  return /* @__PURE__ */ c(
-    "div",
-    {
-      ref: t?.containerRef,
-      className: o(
-        "flex items-center gap-10 max-xs:gap-8 flex-1 h-full relative overflow-x-auto overflow-y-hidden",
-        "md:justify-center md:overflow-x-visible",
-        "px-1 pb-1 md:px-4 md:pb-0",
-        "navbar-scrollbar",
-        a
-      ),
-      children: [
-        e,
-        /* @__PURE__ */ r(
-          "div",
-          {
-            ref: t?.indicatorRef,
-            className: "absolute bottom-0 h-0.5 bg-accent transition-all duration-300 ease-out pointer-events-none",
-            style: {
-              left: 0,
-              width: 0,
-              opacity: 0,
-              transform: "translateX(0)"
-            }
-          }
-        )
-      ]
-    }
-  );
-}, x = n.forwardRef(
-  ({
-    className: a,
-    variant: e,
-    size: t,
-    sticky: i,
-    containerClassName: s,
-    children: l,
-    ...f
-  }, m) => /* @__PURE__ */ r(
-    "nav",
-    {
-      ref: m,
-      className: o(u({ variant: e, size: t, sticky: i, className: a })),
-      ...f,
-      children: /* @__PURE__ */ r(p, { children: /* @__PURE__ */ r(b, { containerClassName: s, children: l }) })
-    }
-  )
-);
-x.displayName = "Navbar";
-const N = n.forwardRef(({ className: a, children: e, ...t }, i) => /* @__PURE__ */ r(
-  "div",
-  {
-    ref: i,
-    className: o("flex items-center gap-1 min-w-max", a),
-    ...t,
-    children: e
-  }
-));
-N.displayName = "NavbarNav";
-export {
-  x as Navbar,
-  N as NavbarNav,
-  u as navbarVariants
-};

package/dist/esm/components/navitem/index.js

@@ -1,5 +0,0 @@
-import { NavItem as e, navitemVariants as m } from "./navitem.js";
-export {
-  e as NavItem,
-  m as navitemVariants
-};

package/dist/esm/components/navitem/navitem.js

@@ -1,124 +0,0 @@
-import { jsxs as s, jsx as o } from "react/jsx-runtime";
-import { Slot as k } from "@radix-ui/react-slot";
-import { cva as w } from "class-variance-authority";
-import * as t from "react";
-import { useNavbarIndicator as I } from "../navbar/navbar-indicator-context.js";
-import "@gearbox-protocol/sdk";
-import { cn as l } from "../../utils/cn.js";
-import "sonner";
-import "@gearbox-protocol/sdk/common-utils";
-import "luxon";
-import "../../utils/z-index.js";
-const R = w(
-  "inline-flex items-center whitespace-nowrap text-[15px] leading-[125%] text-foreground transition-colors cursor-pointer focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:pointer-events-none disabled:opacity-50 relative group/nav-item",
-  {
-    variants: {
-      variant: {
-        default: "text-decoration-none text-foreground hover:text-foreground data-[active=true]:text-foreground",
-        active: "text-foreground",
-        ghost: "text-decoration-none text-muted-foreground hover:text-foreground data-[active=true]:text-foreground",
-        link: "text-decoration-none text-muted-foreground hover:text-foreground underline-offset-4 hover:underline data-[active=true]:text-foreground data-[active=true]:underline active:bg-transparent focus:bg-transparent",
-        pill: "text-decoration-none text-muted-foreground hover:text-foreground hover:bg-accent rounded-full data-[active=true]:bg-secondary md:data-[active=true]:bg-accent data-[active=true]:text-foreground active:bg-transparent focus:bg-transparent md:focus:bg-accent",
-        tab: "text-decoration-none text-muted-foreground hover:text-foreground border-b-2 border-transparent hover:border-border data-[active=true]:border-primary data-[active=true]:text-foreground rounded-none active:bg-transparent focus:bg-transparent"
-      },
-      size: {
-        sm: "px-3 text-xs",
-        default: "",
-        lg: "px-5 text-base",
-        icon: "h-9 w-9"
-      }
-    },
-    defaultVariants: {
-      variant: "default",
-      size: "default"
-    }
-  }
-), y = /* @__PURE__ */ new Set(["default", "active", "ghost"]), E = t.forwardRef(
-  ({
-    className: f,
-    variant: v,
-    size: m,
-    asChild: p = !1,
-    active: a = !1,
-    icon: d,
-    badge: c,
-    external: i = !1,
-    children: g,
-    ...x
-  }, h) => {
-    const b = p ? k : "a", e = I(), n = t.useRef(null), r = t.useId();
-    t.useImperativeHandle(h, () => n.current), t.useEffect(() => {
-      if (e && n.current)
-        return e.registerItem(r, n.current), () => {
-          e.unregisterItem(r);
-        };
-    }, [e, r]), t.useEffect(() => {
-      e && a && e.setActiveItem(r);
-    }, [e, a, r]);
-    const u = e ? "default" : a ? "active" : v ?? "default", N = y.has(u);
-    return /* @__PURE__ */ s(
-      b,
-      {
-        ref: n,
-        className: l(
-          R({
-            variant: u,
-            size: m,
-            className: f
-          })
-        ),
-        "data-active": a,
-        target: i ? "_blank" : void 0,
-        rel: i ? "noopener noreferrer" : void 0,
-        ...x,
-        children: [
-          N && /* @__PURE__ */ o(
-            "div",
-            {
-              "aria-hidden": "true",
-              className: l(
-                "absolute -top-[6px] -left-[13px]",
-                "w-[calc(100%+26px)] h-[calc(100%+12px)]",
-                "rounded-[15px]",
-                "group-hover/nav-item:bg-gray-40",
-                "transition-colors"
-              )
-            }
-          ),
-          /* @__PURE__ */ s("div", { className: "relative flex items-center", children: [
-            d && /* @__PURE__ */ o("span", { className: "shrink-0", children: d }),
-            g,
-            c && /* @__PURE__ */ o("span", { className: "ml-auto", children: c }),
-            i && /* @__PURE__ */ s(
-              "svg",
-              {
-                className: "h-3 w-3 shrink-0",
-                fill: "none",
-                viewBox: "0 0 24 24",
-                stroke: "currentColor",
-                "aria-label": "External link",
-                children: [
-                  /* @__PURE__ */ o("title", { children: "External link" }),
-                  /* @__PURE__ */ o(
-                    "path",
-                    {
-                      strokeLinecap: "round",
-                      strokeLinejoin: "round",
-                      strokeWidth: 2,
-                      d: "M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"
-                    }
-                  )
-                ]
-              }
-            )
-          ] })
-        ]
-      }
-    );
-  }
-);
-E.displayName = "NavItem";
-export {
-  E as NavItem,
-  R as navitemVariants
-};

package/dist/esm/components/next/back-button.js

@@ -1,9 +0,0 @@
-import { jsx as o } from "react/jsx-runtime";
-import n from "next/link";
-import { BackButton as r } from "../buttons/back-button/back-button.js";
-function k(t) {
-  return /* @__PURE__ */ o(r, { ...t, LinkComponent: n });
-}
-export {
-  k as BackButton
-};

package/dist/esm/components/next/connectkit/index.js

@@ -1,4 +0,0 @@
-import { SIWEClientProvider as o } from "./siwe-provider.js";
-export {
-  o as SIWEClientProvider
-};

package/dist/esm/components/next/connectkit/siwe-provider.js

@@ -1,10 +0,0 @@
-import { jsx as o } from "react/jsx-runtime";
-import { useRouter as t } from "next/navigation";
-import { SIWEClientProvider as i } from "../../connectkit/siwe-provider.js";
-function s(r) {
-  const e = t();
-  return /* @__PURE__ */ o(i, { ...r, onRefresh: () => e.refresh() });
-}
-export {
-  s as SIWEClientProvider
-};

package/dist/esm/components/next/index.js

@@ -1,14 +0,0 @@
-import { SignInRequired as e } from "../auth/signin-required.js";
-import { preloadTokenIcons as n } from "../token-icon/token-icon.js";
-import { BackButton as p } from "./back-button.js";
-import { NextMarkdownViewer as i } from "./next-markdown-viewer.js";
-import { NextNavigationProvider as a } from "./next-navigation-provider.js";
-import { TokenIcon as k } from "./token-icon.js";
-export {
-  p as BackButton,
-  i as NextMarkdownViewer,
-  a as NextNavigationProvider,
-  e as SignInRequired,
-  k as TokenIcon,
-  n as preloadTokenIcons
-};

package/dist/esm/components/next/next-markdown-viewer.js

@@ -1,26 +0,0 @@
-import { jsx as i } from "react/jsx-runtime";
-import { useRouter as c } from "next/navigation";
-import { MarkdownViewer as k } from "../markdown-viewer/markdown-viewer.js";
-function f({
-  content: r,
-  title: o,
-  backButtonHref: t = "/",
-  backButtonText: e = "Back"
-}) {
-  const n = c();
-  return /* @__PURE__ */ i(
-    k,
-    {
-      content: r,
-      title: o,
-      backButton: {
-        href: t,
-        text: e,
-        onClick: () => n.back()
-      }
-    }
-  );
-}
-export {
-  f as NextMarkdownViewer
-};

package/dist/esm/components/next/next-navigation-provider.js

@@ -1,29 +0,0 @@
-import { jsx as o } from "react/jsx-runtime";
-import { NavigationProvider as h } from "../navigation-context/navigation-context.js";
-function v({
-  Link: i,
-  useRouter: e,
-  usePathname: r,
-  children: a
-}) {
-  return /* @__PURE__ */ o(
-    h,
-    {
-      Link: ({ to: n, ref: t, ...s }) => /* @__PURE__ */ o(i, { ref: t, href: n, ...s }),
-      useLocation: () => {
-        const n = r();
-        return { hash: typeof window < "u" ? window.location.hash : "", pathname: n };
-      },
-      useNavigate: () => {
-        const n = e();
-        return (t) => {
-          t.startsWith("#") ? window.location.hash = t : n.push(t);
-        };
-      },
-      children: a
-    }
-  );
-}
-export {
-  v as NextNavigationProvider
-};

package/dist/esm/components/next/token-icon.js

@@ -1,8 +0,0 @@
-import { jsx as n } from "react/jsx-runtime";
-import { TokenIcon as r } from "../token-icon/token-icon.js";
-function c(o) {
-  return /* @__PURE__ */ n(r, { ...o });
-}
-export {
-  c as TokenIcon
-};

package/dist/esm/components/not-found/index.js

@@ -1,4 +0,0 @@
-import { NotFound as t } from "./not-found.js";
-export {
-  t as NotFound
-};

package/dist/esm/components/not-found/not-found.js

@@ -1,30 +0,0 @@
-import { jsxs as o, jsx as t } from "react/jsx-runtime";
-import "react";
-import "@gearbox-protocol/sdk";
-import { cn as m } from "../../utils/cn.js";
-import "sonner";
-import "@gearbox-protocol/sdk/common-utils";
-import "luxon";
-import "../../utils/z-index.js";
-function x({
-  icon: e,
-  message: r,
-  className: i
-}) {
-  return /* @__PURE__ */ o(
-    "div",
-    {
-      className: m(
-        "flex w-full flex-col items-center justify-center gap-4 py-8",
-        i
-      ),
-      children: [
-        e && /* @__PURE__ */ t("div", { className: "flex items-center justify-center text-muted-foreground opacity-50", children: e }),
-        /* @__PURE__ */ t("div", { className: "flex items-center justify-center text-center text-lg text-muted-foreground", children: r })
-      ]
-    }
-  );
-}
-export {
-  x as NotFound
-};

package/dist/esm/components/options-list/index.js

@@ -1,5 +0,0 @@
-import { OptionsItem as i, OptionsList as p } from "./options-list.js";
-export {
-  i as OptionsItem,
-  p as OptionsList
-};

package/dist/esm/components/options-list/options-list.js

@@ -1,52 +0,0 @@
-import { jsx as e, jsxs as f } from "react/jsx-runtime";
-import "react";
-import "@gearbox-protocol/sdk";
-import { cn as i } from "../../utils/cn.js";
-import "sonner";
-import "@gearbox-protocol/sdk/common-utils";
-import "luxon";
-import "../../utils/z-index.js";
-function g({
-  className: t,
-  children: o,
-  ...r
-}) {
-  return /* @__PURE__ */ e("div", { className: i("m-0 p-0 w-full flex flex-wrap", t), ...r, children: o });
-}
-function v({
-  icon: t,
-  title: o,
-  subTitle: r,
-  onClick: a,
-  endingIcon: l,
-  last: s = !1,
-  className: n
-}) {
-  return /* @__PURE__ */ f(
-    "button",
-    {
-      type: "button",
-      onClick: a,
-      className: i(
-        "group relative z-0 pt-5 px-4 flex flex-row items-start gap-4 w-full cursor-pointer text-left",
-        "before:absolute before:-z-10 before:left-0 before:hidden before:w-full before:inset-y-0 before:content-[''] before:bg-muted/50 before:rounded-lg",
-        !s && "after:absolute after:bottom-0 after:inset-x-3 after:h-px after:content-[''] after:bg-border",
-        "hover:before:block",
-        "hover:after:hidden",
-        n
-      ),
-      children: [
-        t && /* @__PURE__ */ e("div", { className: "w-6 h-6 text-muted-foreground flex items-center justify-center", children: t }),
-        /* @__PURE__ */ e("div", { className: "pb-5 flex-1 flex flex-col gap-2", children: /* @__PURE__ */ f("div", { className: "flex flex-col gap-1.5", children: [
-          /* @__PURE__ */ e("div", { className: "text-base leading-[1.2] font-medium", children: o }),
-          r && /* @__PURE__ */ e("div", { className: "text-sm text-muted-foreground", children: r })
-        ] }) }),
-        l && /* @__PURE__ */ e("div", { className: "ml-4 text-muted-foreground transition-colors", children: l })
-      ]
-    }
-  );
-}
-export {
-  v as OptionsItem,
-  g as OptionsList
-};

package/dist/esm/components/overflow/index.js

@@ -1,5 +0,0 @@
-import { Overflow as e, OverflowWrap as f } from "./overflow.js";
-export {
-  e as Overflow,
-  f as OverflowWrap
-};

package/dist/esm/components/overflow/overflow.js

@@ -1,23 +0,0 @@
-import { jsx as t } from "react/jsx-runtime";
-import "react";
-import "@gearbox-protocol/sdk";
-import { cn as m } from "../../utils/cn.js";
-import "sonner";
-import "@gearbox-protocol/sdk/common-utils";
-import "luxon";
-import "../../utils/z-index.js";
-function v({ children: r, className: o, ...i }) {
-  return /* @__PURE__ */ t("div", { className: m("overflow-hidden", o), ...i, children: r });
-}
-function u({
-  children: r,
-  className: o,
-  size: i,
-  ...e
-}) {
-  return /* @__PURE__ */ t("div", { className: m("break-words", o), ...e, children: r });
-}
-export {
-  v as Overflow,
-  u as OverflowWrap
-};

package/dist/esm/components/overflow-container/index.js

@@ -1,4 +0,0 @@
-import { OverflowContainer as e } from "./overflow-container.js";
-export {
-  e as OverflowContainer
-};

package/dist/esm/components/overflow-container/overflow-container.js

@@ -1,51 +0,0 @@
-import { jsx as r } from "react/jsx-runtime";
-import "react";
-import "@gearbox-protocol/sdk";
-import { cn as t } from "../../utils/cn.js";
-import "sonner";
-import "@gearbox-protocol/sdk/common-utils";
-import "luxon";
-import "../../utils/z-index.js";
-const m = {
-  default: "rounded-lg",
-  small: "rounded-[8px]"
-}, u = {
-  default: "border border-gray-20",
-  light: "border border-gray-50",
-  none: ""
-};
-function w({
-  children: o,
-  maxHeight: e,
-  minHeight: p = e,
-  size: d = "default",
-  borderColor: s = "default",
-  outerPadding: a = "14px 12px 14px 0",
-  innerPadding: l = "0 22px 0 16px",
-  className: i,
-  overflowContainerClassName: n
-}) {
-  return /* @__PURE__ */ r(
-    "div",
-    {
-      className: t(
-        "pt-3.5 pr-3 pl-0 pb-3.5",
-        m[d],
-        u[s],
-        i
-      ),
-      style: { padding: a },
-      children: /* @__PURE__ */ r(
-        "div",
-        {
-          className: t("overflow-y-auto w-full", n),
-          style: { maxHeight: e, minHeight: p },
-          children: l !== null ? /* @__PURE__ */ r("div", { style: { padding: l }, children: o }) : o
-        }
-      )
-    }
-  );
-}
-export {
-  w as OverflowContainer
-};

package/dist/esm/components/page-title/index.js

@@ -1,6 +0,0 @@
-import { PageTitle as t, pageTitleRootVariants as i, pageTitleVariants as o } from "./page-title.js";
-export {
-  t as PageTitle,
-  i as pageTitleRootVariants,
-  o as pageTitleVariants
-};

package/dist/esm/components/page-title/page-title.js

@@ -1,120 +0,0 @@
-import { jsxs as r, jsx as t } from "react/jsx-runtime";
-import { cva as o } from "class-variance-authority";
-import * as b from "react";
-import "@gearbox-protocol/sdk";
-import { cn as s } from "../../utils/cn.js";
-import "sonner";
-import "@gearbox-protocol/sdk/common-utils";
-import "luxon";
-import "../../utils/z-index.js";
-const A = o(
-  "font-semibold leading-tight tracking-tight flex items-center gap-2",
-  {
-    variants: {
-      size: {
-        sm: "text-xl md:text-2xl",
-        default: "text-[16px] md:text-[26px]",
-        lg: "text-3xl md:text-4xl",
-        xl: "text-4xl md:text-5xl"
-      },
-      variant: {
-        default: "text-foreground",
-        primary: "text-primary",
-        muted: "text-muted-foreground",
-        gradient: "bg-gradient-to-r from-primary to-purple-600 bg-clip-text text-transparent"
-      }
-    },
-    defaultVariants: {
-      size: "default",
-      variant: "default"
-    }
-  }
-), T = o(
-  "flex flex-col md:flex-row items-start md:items-center",
-  {
-    variants: {
-      spacing: {
-        sm: "gap-2",
-        default: "gap-4",
-        lg: "gap-6"
-      }
-    },
-    defaultVariants: {
-      spacing: "default"
-    }
-  }
-), V = b.forwardRef(
-  ({
-    className: x,
-    size: g,
-    variant: p,
-    spacing: m,
-    backButton: n,
-    icon: d,
-    actions: l,
-    subtitle: c,
-    as: h = "h1",
-    children: u,
-    actionsPosition: w = "left",
-    actionsPositionMd: f,
-    ...v
-  }, N) => {
-    const e = w === "right", a = f ? f === "right" : e, i = e !== a, y = i ? s(
-      "flex",
-      m === "sm" ? "gap-2" : m === "lg" ? "gap-6" : "gap-4",
-      e ? "flex-row items-center justify-between w-full" : "flex-col items-start",
-      a ? "md:flex-row md:items-center md:justify-between md:w-full" : "md:flex-row md:items-center md:justify-start"
-    ) : s(
-      T({ spacing: m }),
-      e && "justify-between w-full"
-    ), j = i ? s(
-      "shrink-0 items-center gap-2",
-      e ? "hidden" : "flex",
-      a ? "md:hidden" : "md:flex"
-    ) : "shrink-0 flex items-center gap-2", R = i ? s(
-      "shrink-0 items-center gap-2",
-      e ? "flex" : "hidden",
-      a ? "md:flex" : "md:hidden"
-    ) : "shrink-0 flex items-center gap-2", k = i ? !0 : !e, C = i ? !0 : e;
-    return /* @__PURE__ */ r(
-      "div",
-      {
-        ref: N,
-        className: s(
-          "w-full flex items-center gap-4",
-          n ? "flex-col items-start" : "flex-row items-center",
-          x
-        ),
-        ...v,
-        children: [
-          n && /* @__PURE__ */ t("div", { className: "shrink-0 flex items-center", children: n }),
-          /* @__PURE__ */ r("div", { className: y, children: [
-            /* @__PURE__ */ t("div", { className: "flex flex-col md:flex-row md:items-center gap-4 w-full md:w-auto", children: /* @__PURE__ */ r("div", { className: "flex items-center gap-3 min-w-0", children: [
-              d && /* @__PURE__ */ t("div", { className: "shrink-0", children: d }),
-              /* @__PURE__ */ r("div", { className: "min-w-0", children: [
-                /* @__PURE__ */ r("div", { className: "flex items-center gap-4", children: [
-                  /* @__PURE__ */ t(
-                    h,
-                    {
-                      className: s(A({ size: g, variant: p }), "m-0"),
-                      children: u
-                    }
-                  ),
-                  l && k && /* @__PURE__ */ t("div", { className: j, children: l })
-                ] }),
-                c && /* @__PURE__ */ t("div", { className: "text-sm text-muted-foreground mt-1", children: c })
-              ] })
-            ] }) }),
-            l && C && /* @__PURE__ */ t("div", { className: R, children: l })
-          ] })
-        ]
-      }
-    );
-  }
-);
-V.displayName = "PageTitle";
-export {
-  V as PageTitle,
-  T as pageTitleRootVariants,
-  A as pageTitleVariants
-};

package/dist/esm/components/percent-indicator/index.js

@@ -1,4 +0,0 @@
-import { PercentIndicator as o } from "./percent-indicator.js";
-export {
-  o as PercentIndicator
-};