@gearbox-protocol/ui-kit 4.0.0-next.1 → 4.0.0-next.10

package/dist/esm/components/layout/footer/index.js

@@ -1,7 +0,0 @@
-import { Footer as r, FooterLink as t, FooterLinkSection as F, GearboxFooter as i } from "./footer.js";
-export {
-  r as Footer,
-  t as FooterLink,
-  F as FooterLinkSection,
-  i as GearboxFooter
-};

package/dist/esm/components/layout/header/header.js

@@ -1,93 +0,0 @@
-import { jsx as e, jsxs as f } from "react/jsx-runtime";
-import * as r from "react";
-import { AppBarDropdownMenu as k, AppBarHamburgerButton as C } from "../../app-bar/app-bar.js";
-import { SimpleDropdown as H } from "../../simple-dropdown/simple-dropdown.js";
-import "../../simple-dropdown/simple-dropdown-menu-item.js";
-import { cn as p } from "../../../utils/cn.js";
-const h = r.createContext(
-  null
-);
-function R() {
-  const t = r.useContext(h);
-  if (!t)
-    throw new Error("useMobileMenu must be used within Header component");
-  return t;
-}
-const O = r.forwardRef(
-  ({
-    navigation: t,
-    logo: s,
-    actions: n,
-    fixed: i = !1,
-    sticky: u = !1,
-    containerClassName: x,
-    className: b,
-    children: j,
-    mobileMenuContent: a,
-    mobileMenuOpen: o,
-    onMobileMenuOpenChange: c,
-    ...g
-  }, w) => {
-    const [v, N] = r.useState(!1), l = o !== void 0, M = l ? o : v, d = r.useCallback(
-      (m) => {
-        l || N(m), c?.(m);
-      },
-      [l, c]
-    );
-    return /* @__PURE__ */ e(
-      "header",
-      {
-        ref: w,
-        className: p(
-          "relative w-full bg-background h-18 flex flex-nowrap items-center",
-          i && "fixed top-0 left-0 right-0 z-50",
-          u && "sticky top-0 z-50",
-          b
-        ),
-        "data-fixed": i ? "true" : void 0,
-        ...g,
-        children: /* @__PURE__ */ f(
-          "div",
-          {
-            className: p(
-              "w-full h-full flex items-stretch justify-between mx-auto px-4 md:px-4 lg:px-10",
-              x
-            ),
-            children: [
-              /* @__PURE__ */ f("div", { className: "h-full flex items-center", children: [
-                /* @__PURE__ */ e("div", { className: "flex items-center gap-1 sm:gap-2 shrink-0 lg:hidden", children: a && /* @__PURE__ */ e(
-                  H,
-                  {
-                    open: M,
-                    onOpenChange: d,
-                    title: /* @__PURE__ */ e(C, { size: "md" }),
-                    asChild: !0,
-                    align: "start",
-                    className: "p-0 border-0 bg-transparent shadow-none",
-                    children: /* @__PURE__ */ e(k, { children: /* @__PURE__ */ e(
-                      h.Provider,
-                      {
-                        value: {
-                          closeMobileMenu: () => d(!1)
-                        },
-                        children: a
-                      }
-                    ) })
-                  }
-                ) }),
-                s && /* @__PURE__ */ e("div", { className: "flex items-center shrink-0", children: s })
-              ] }),
-              t && /* @__PURE__ */ e("div", { className: "hidden lg:flex items-stretch flex-1 min-w-0 h-full", children: t }),
-              /* @__PURE__ */ e("div", { className: "flex items-center gap-1 sm:gap-2 shrink-0", children: n && /* @__PURE__ */ e("div", { className: "flex items-center gap-2", children: n }) })
-            ]
-          }
-        )
-      }
-    );
-  }
-);
-O.displayName = "Header";
-export {
-  O as Header,
-  R as useMobileMenu
-};

package/dist/esm/components/layout/header/index.js

@@ -1,5 +0,0 @@
-import { Header as r, useMobileMenu as u } from "./header.js";
-export {
-  r as Header,
-  u as useMobileMenu
-};

package/dist/esm/components/layout/legal-disclaimer/index.js

@@ -1,4 +0,0 @@
-import { LegalDisclaimer as a } from "./legal-disclaimer.js";
-export {
-  a as LegalDisclaimer
-};

package/dist/esm/components/layout/legal-disclaimer/legal-disclaimer.js

@@ -1,46 +0,0 @@
-import { jsxs as i, jsx as r } from "react/jsx-runtime";
-import { BaseLink as t } from "../../base-link/base-link.js";
-function c({
-  hrefs: e,
-  appName: s = "Permissionless Interface"
-}) {
-  return /* @__PURE__ */ i("p", { className: "text-muted-foreground max-w-md text-sm", children: [
-    "Any use of and/or interaction with the ",
-    s,
-    " is subject to the",
-    " ",
-    /* @__PURE__ */ r(
-      t,
-      {
-        href: e.termsOfService,
-        className: "underline hover:text-foreground transition-colors text-sm",
-        children: "Terms of Service"
-      }
-    ),
-    " ",
-    "and",
-    " ",
-    /* @__PURE__ */ r(
-      t,
-      {
-        href: e.privacyNotice,
-        className: "underline hover:text-foreground transition-colors text-sm",
-        children: "Privacy Notice"
-      }
-    ),
-    ", and acceptance of risks described in the",
-    " ",
-    /* @__PURE__ */ r(
-      t,
-      {
-        href: e.riskDisclosure,
-        className: "underline hover:text-foreground transition-colors text-sm",
-        children: "Risk Disclosure Statement"
-      }
-    ),
-    "."
-  ] });
-}
-export {
-  c as LegalDisclaimer
-};

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

@@ -1,4 +0,0 @@
-import { PageLayout as e } from "./page-layout.js";
-export {
-  e as PageLayout
-};

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

@@ -1,39 +0,0 @@
-import { jsxs as s, jsx as t } from "react/jsx-runtime";
-import { BackButton as c } from "../../buttons/back-button/back-button.js";
-import { PageTitle as f } from "../../page-title/page-title.js";
-import { Container as x } from "../container/container.js";
-function C({
-  children: e,
-  title: i,
-  description: o,
-  icon: m,
-  backButton: r,
-  actionButton: a,
-  maxContainerWidth: l = "xl",
-  containerClassName: n
-}) {
-  return /* @__PURE__ */ s(x, { maxWidth: l, className: n, children: [
-    /* @__PURE__ */ t(
-      f,
-      {
-        backButton: r ? /* @__PURE__ */ t(
-          c,
-          {
-            href: r.href,
-            text: r.text,
-            onClick: r.onClick
-          }
-        ) : void 0,
-        icon: m,
-        actions: a,
-        subtitle: o,
-        className: "mb-6",
-        children: i
-      }
-    ),
-    e
-  ] });
-}
-export {
-  C as PageLayout
-};

package/dist/esm/components/layout/social-icons/index.js

@@ -1,4 +0,0 @@
-import { SocialIcons as r } from "./social-icons.js";
-export {
-  r as SocialIcons
-};

package/dist/esm/components/layout/social-icons/social-icons.js

@@ -1,61 +0,0 @@
-import { jsxs as l, jsx as e } from "react/jsx-runtime";
-import { IconTwitter as c, IconDiscord as h, IconTelegram as u } from "@gearbox-protocol/static";
-import { BaseLink as n } from "../../base-link/base-link.js";
-import { cn as a } from "../../../utils/cn.js";
-const t = a(
-  "inline-flex items-center justify-center",
-  "w-8 h-8 rounded-full",
-  "border border-white/20 hover:border-white/30",
-  "bg-transparent text-white transition-colors duration-200"
-);
-function d({
-  twitterAddr: i,
-  discordAddr: r,
-  telegramAddr: s,
-  className: o
-}) {
-  return /* @__PURE__ */ l("div", { className: a("flex items-center gap-2.5", o), children: [
-    i && /* @__PURE__ */ e(
-      n,
-      {
-        href: i,
-        external: !0,
-        size: "unset",
-        variant: "unset",
-        className: t,
-        children: /* @__PURE__ */ e(
-          c,
-          {
-            size: 18,
-            style: { lineHeight: 0, padding: "1px 0 0 1px" }
-          }
-        )
-      }
-    ),
-    r && /* @__PURE__ */ e(
-      n,
-      {
-        href: r,
-        external: !0,
-        size: "unset",
-        variant: "unset",
-        className: t,
-        children: /* @__PURE__ */ e(h, { size: 19, style: { lineHeight: 0 } })
-      }
-    ),
-    s && /* @__PURE__ */ e(
-      n,
-      {
-        href: s,
-        external: !0,
-        size: "unset",
-        variant: "unset",
-        className: t,
-        children: /* @__PURE__ */ e(u, { size: 19, style: { lineHeight: 0 } })
-      }
-    )
-  ] });
-}
-export {
-  d as SocialIcons
-};

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

@@ -1,11 +0,0 @@
-import { Navbar as o, NavbarNav as v, navbarVariants as t } from "./navbar.js";
-import { NavbarIndicatorProvider as e, useNavbarIndicator as N } from "./navbar-indicator-context.js";
-import { NavbarWithOverflow as f } from "./navbar-with-overflow.js";
-export {
-  o as Navbar,
-  e as NavbarIndicatorProvider,
-  v as NavbarNav,
-  f as NavbarWithOverflow,
-  t as navbarVariants,
-  N as useNavbarIndicator
-};

package/dist/esm/components/navbar/navbar-indicator-context.js

@@ -1,46 +0,0 @@
-import { jsx as x } from "react/jsx-runtime";
-import { createContext as C, useRef as a, useState as h, useCallback as s, useEffect as l, useContext as b } from "react";
-const d = C(
-  null
-), z = ({ children: f }) => {
-  const i = a(/* @__PURE__ */ new Map()), [e, m] = h(null), r = a(null), c = a(null), v = s((t, o) => {
-    i.current.set(t, o);
-  }, []), I = s((t) => {
-    i.current.delete(t);
-  }, []), n = s((t) => {
-    if (!r.current || !c.current) return;
-    const o = i.current.get(t);
-    if (!o) return;
-    const u = o.getBoundingClientRect(), R = c.current.getBoundingClientRect(), p = u.left - R.left + c.current.scrollLeft, w = u.width;
-    r.current.style.opacity = "1", r.current.style.transform = `translateX(${p}px)`, r.current.style.width = `${w}px`;
-  }, []), g = s(
-    (t) => {
-      m(t), n(t);
-    },
-    [n]
-  );
-  return l(() => {
-    e && n(e);
-  }, [e, n]), l(() => {
-    const t = () => {
-      e && n(e);
-    };
-    return window.addEventListener("resize", t), () => window.removeEventListener("resize", t);
-  }, [e, n]), /* @__PURE__ */ x(
-    d.Provider,
-    {
-      value: {
-        registerItem: v,
-        unregisterItem: I,
-        setActiveItem: g,
-        containerRef: c,
-        indicatorRef: r
-      },
-      children: f
-    }
-  );
-}, A = () => b(d);
-export {
-  z as NavbarIndicatorProvider,
-  A as useNavbarIndicator
-};

package/dist/esm/components/navbar/navbar-with-overflow.js

@@ -1,181 +0,0 @@
-import { jsxs as h, jsx as n } from "react/jsx-runtime";
-import { faChevronDown as D } from "@fortawesome/free-solid-svg-icons";
-import { useRef as W, useState as g, useCallback as P, useEffect as k } from "react";
-import { AppBarDropdownMenu as S, AppBarMenuItem as B } from "../app-bar/app-bar.js";
-import { NavbarIndicatorProvider as X, useNavbarIndicator as F } from "./navbar-indicator-context.js";
-import { NavItem as R } from "../navitem/navitem.js";
-import { SimpleDropdown as G } from "../simple-dropdown/simple-dropdown.js";
-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";
-import { FaIcon as V } from "../icons/fa-icon.js";
-const b = 40;
-function _({
-  visibleItems: t,
-  overflowItems: a,
-  showMore: m,
-  moreOpen: i,
-  setMoreOpen: s,
-  moreLabel: c,
-  measured: p
-}) {
-  const f = F();
-  return /* @__PURE__ */ h(
-    "div",
-    {
-      ref: f?.containerRef,
-      className: "relative flex items-center gap-10 max-xs:gap-8 h-full",
-      style: { opacity: p ? 1 : 0 },
-      children: [
-        t.map((r) => /* @__PURE__ */ n(
-          R,
-          {
-            active: r.active,
-            onClick: r.onClick,
-            style: { cursor: "pointer" },
-            children: r.label
-          },
-          r.id
-        )),
-        m && /* @__PURE__ */ n(
-          G,
-          {
-            open: i,
-            onOpenChange: s,
-            title: /* @__PURE__ */ n(
-              R,
-              {
-                active: a.some((r) => r.active),
-                badge: /* @__PURE__ */ n(
-                  V,
-                  {
-                    icon: D,
-                    className: "size-3 text-foreground ml-1 transition-transform duration-200",
-                    style: {
-                      transform: i ? "rotate(180deg)" : void 0
-                    }
-                  }
-                ),
-                children: c
-              }
-            ),
-            asChild: !0,
-            align: "end",
-            className: "p-0 border-0 bg-transparent shadow-none",
-            children: /* @__PURE__ */ n(S, { children: a.map((r) => /* @__PURE__ */ n(B, { onClick: r.onClick, children: r.label }, r.id)) })
-          }
-        ),
-        /* @__PURE__ */ n(
-          "div",
-          {
-            ref: f?.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)"
-            }
-          }
-        )
-      ]
-    }
-  );
-}
-function ie({
-  items: t,
-  moreLabel: a = "More",
-  className: m
-}) {
-  const i = W(null), s = W(null), [c, p] = g(t.length), [f, r] = g(!1), [O, w] = g(!1), d = P(() => {
-    const o = i.current, l = s.current;
-    if (!o || !l || t.length === 0) return;
-    const u = o.clientWidth;
-    if (u <= 0) return;
-    const N = Array.from(l.children), v = N.slice(0, t.length).map((e) => e.offsetWidth), j = N[t.length]?.offsetWidth ?? 60;
-    if (v.every((e) => e === 0)) return;
-    let y = 0;
-    for (let e = 0; e < t.length; e++)
-      y += (e === 0 ? 0 : b) + v[e];
-    if (y <= u) {
-      p(t.length), w(!0);
-      return;
-    }
-    let C = 0, I = 0;
-    for (let e = 0; e < t.length; e++) {
-      const z = v[e], M = C + (e === 0 ? 0 : b) + z;
-      if (M + b + j > u) break;
-      C = M, I = e + 1;
-    }
-    p(I), w(!0);
-  }, [t]);
-  k(() => {
-    d();
-  }, [d]), k(() => {
-    const o = i.current;
-    if (!o) return;
-    const l = new ResizeObserver(d);
-    return l.observe(o), () => l.disconnect();
-  }, [d]);
-  const A = t.slice(0, c), x = t.slice(c), E = x.length > 0;
-  return /* @__PURE__ */ h(
-    "div",
-    {
-      ref: i,
-      className: T(
-        "relative flex-1 min-w-0 h-full flex items-center justify-center",
-        m
-      ),
-      children: [
-        /* @__PURE__ */ h(
-          "div",
-          {
-            ref: s,
-            "aria-hidden": !0,
-            style: {
-              position: "absolute",
-              visibility: "hidden",
-              height: 0,
-              overflow: "hidden",
-              whiteSpace: "nowrap",
-              pointerEvents: "none"
-            },
-            className: "flex items-center gap-10 max-xs:gap-8",
-            children: [
-              t.map((o) => /* @__PURE__ */ n(
-                "span",
-                {
-                  className: "inline-flex items-center whitespace-nowrap text-[15px] leading-[125%]",
-                  children: o.label
-                },
-                o.id
-              )),
-              /* @__PURE__ */ h("span", { className: "inline-flex items-center whitespace-nowrap text-[15px] leading-[125%] gap-2", children: [
-                a,
-                /* @__PURE__ */ n("span", { className: "size-3" })
-              ] })
-            ]
-          }
-        ),
-        /* @__PURE__ */ n(X, { children: /* @__PURE__ */ n(
-          _,
-          {
-            visibleItems: A,
-            overflowItems: x,
-            showMore: E,
-            moreOpen: f,
-            setMoreOpen: r,
-            moreLabel: a,
-            measured: O
-          }
-        ) })
-      ]
-    }
-  );
-}
-export {
-  ie as NavbarWithOverflow
-};

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
-};