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

package/dist/esm/components/error-view/index.js

@@ -1,4 +0,0 @@
-import { ErrorView as e } from "./error-view.js";
-export {
-  e as ErrorView
-};

package/dist/esm/components/form/form-field.js

@@ -1,42 +0,0 @@
-import { jsxs as l, jsx as o } from "react/jsx-runtime";
-import { Input as p } from "../input/input.js";
-import { Label as f } from "../label/label.js";
-import { useFormFieldIds as u } from "../../utils/a11y.js";
-import { cn as F } from "../../utils/cn.js";
-function g({
-  label: m,
-  error: d,
-  required: e,
-  helperText: i,
-  inputProps: s,
-  className: n
-}) {
-  const { inputId: a, errorId: c, helperId: t } = u(), r = !!d;
-  return /* @__PURE__ */ l("div", { className: F("space-y-2", n), children: [
-    /* @__PURE__ */ o(
-      f,
-      {
-        htmlFor: a,
-        required: e,
-        variant: r ? "error" : "default",
-        children: m
-      }
-    ),
-    /* @__PURE__ */ o(
-      p,
-      {
-        ...s,
-        id: a,
-        hasError: r,
-        errorMessage: d,
-        "aria-invalid": r,
-        "aria-describedby": r ? c : i ? t : void 0,
-        "aria-required": e
-      }
-    ),
-    !r && i && /* @__PURE__ */ o("p", { id: t, className: "text-sm text-muted-foreground", children: i })
-  ] });
-}
-export {
-  g as FormField
-};

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

@@ -1,4 +0,0 @@
-import { FormField as e } from "./form-field.js";
-export {
-  e as FormField
-};

package/dist/esm/components/grid-td-cell/grid-td-cell.js

@@ -1,14 +0,0 @@
-import { jsx as o } 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";
-function s({ children: r, className: i, ...m }) {
-  return /* @__PURE__ */ o("td", { className: t("px-3 py-2 align-middle", i), ...m, children: r });
-}
-export {
-  s as GridTDCell
-};

package/dist/esm/components/grid-td-cell/index.js

@@ -1,4 +0,0 @@
-import { GridTDCell as l } from "./grid-td-cell.js";
-export {
-  l as GridTDCell
-};

package/dist/esm/components/help-center-container/help-center-container.js

@@ -1,64 +0,0 @@
-import { jsx as f } from "react/jsx-runtime";
-import { useState as s, useEffect as a } from "react";
-import { BlockSync as h } from "../block-sync/block-sync.js";
-import { cn as g } from "../../utils/cn.js";
-function y({
-  blockSyncProps: e,
-  footerHeight: i,
-  gapFromFooter: t
-}) {
-  const [c, o] = s(t), { pageVerticalOffset: n, clientOffsetHeight: d, clientHeight: l } = H();
-  return a(() => {
-    const r = i + t, m = d - (l + n), u = m < r ? r - m : 0;
-    o(t + u);
-  }, [n, l, d]), /* @__PURE__ */ f(
-    "div",
-    {
-      className: g(
-        // Desktop: fixed position with dynamic bottom.
-        // Breakpoint synced with mobile BlockSync fallback in GearboxFooter (md:hidden).
-        "hidden md:flex",
-        "fixed right-9 flex-col items-end gap-2 text-xs text-muted-foreground z-[100]"
-      ),
-      style: { bottom: `${c}px` },
-      children: /* @__PURE__ */ f(
-        h,
-        {
-          blockByChain: e.blockByChain,
-          explorerAddresses: e.explorerAddresses,
-          networkById: e.networkById
-        }
-      )
-    }
-  );
-}
-const w = () => Math.max(
-  document.body.scrollHeight,
-  document.documentElement.scrollHeight,
-  document.body.offsetHeight,
-  document.documentElement.offsetHeight,
-  document.body.clientHeight,
-  document.documentElement.clientHeight
-);
-function H() {
-  const [e, i] = s(window.scrollY), [t, c] = s(
-    document.documentElement.clientHeight
-  );
-  return a(() => {
-    const o = () => {
-      i(window.scrollY);
-    }, n = () => {
-      c(document.documentElement.clientHeight);
-    };
-    return window.addEventListener("scroll", o), window.addEventListener("resize", n), () => {
-      window.removeEventListener("scroll", o), window.removeEventListener("resize", n);
-    };
-  }, []), {
-    pageVerticalOffset: e,
-    clientHeight: t,
-    clientOffsetHeight: w()
-  };
-}
-export {
-  y as HelpCenterContainer
-};

package/dist/esm/components/help-center-container/index.js

@@ -1,4 +0,0 @@
-import { HelpCenterContainer as n } from "./help-center-container.js";
-export {
-  n as HelpCenterContainer
-};

package/dist/esm/components/help-sections/help-sections.js

@@ -1,21 +0,0 @@
-import { jsx as r, jsxs as i } from "react/jsx-runtime";
-import "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";
-function l({ children: t, className: e }) {
-  return /* @__PURE__ */ r("div", { className: o("space-y-4", e), children: t });
-}
-function x({ title: t, children: e, className: m }) {
-  return /* @__PURE__ */ i("div", { className: o("space-y-2", m), children: [
-    t && /* @__PURE__ */ r("h3", { className: "text-sm font-medium text-foreground", children: t }),
-    /* @__PURE__ */ r("div", { className: "text-sm text-muted-foreground", children: e })
-  ] });
-}
-export {
-  x as HelpSection,
-  l as HelpSections
-};

package/dist/esm/components/help-sections/index.js

@@ -1,5 +0,0 @@
-import { HelpSection as p, HelpSections as t } from "./help-sections.js";
-export {
-  p as HelpSection,
-  t as HelpSections
-};

package/dist/esm/components/hide-on/hide-on.js

@@ -1,65 +0,0 @@
-import * as o from "react";
-import { cn as a } from "../../utils/cn.js";
-const c = {
-  xs: "hidden",
-  sm: "sm:hidden",
-  md: "md:hidden",
-  lg: "lg:hidden",
-  xl: "xl:hidden",
-  extraSmall: "hidden",
-  small: "sm:hidden",
-  medium: "md:hidden",
-  large: "lg:hidden",
-  xlarge: "xl:hidden"
-}, h = {
-  xs: "block",
-  sm: "hidden sm:block",
-  md: "hidden md:block",
-  lg: "hidden lg:block",
-  xl: "hidden xl:block",
-  extraSmall: "block",
-  small: "hidden sm:block",
-  medium: "hidden md:block",
-  large: "hidden lg:block",
-  xlarge: "hidden xl:block"
-};
-function r({
-  $breakpoint: d,
-  breakpoint: e,
-  as: l = "div",
-  children: n,
-  className: i,
-  ...m
-}) {
-  const s = d ?? e ?? "sm";
-  return o.createElement(
-    l,
-    {
-      className: a(c[s], i),
-      ...m
-    },
-    n
-  );
-}
-function x({
-  $breakpoint: d,
-  breakpoint: e,
-  as: l = "div",
-  children: n,
-  className: i,
-  ...m
-}) {
-  const s = d ?? e ?? "md";
-  return o.createElement(
-    l,
-    {
-      className: a(h[s], i),
-      ...m
-    },
-    n
-  );
-}
-export {
-  r as HideOn,
-  x as ShowOn
-};

package/dist/esm/components/hide-on/index.js

@@ -1,5 +0,0 @@
-import { HideOn as n, ShowOn as r } from "./hide-on.js";
-export {
-  n as HideOn,
-  r as ShowOn
-};

package/dist/esm/components/horizontal-indicator/horizontal-indicator.js

@@ -1,35 +0,0 @@
-import { jsxs as o, jsx as e } from "react/jsx-runtime";
-import { IconQuestionCircle as a } from "@gearbox-protocol/static";
-import * as d from "react";
-import "../tooltip/simple-tooltip.js";
-import { TooltipProvider as m, Tooltip as c, TooltipTrigger as p, TooltipContent as f } from "../tooltip/tooltip.js";
-import "@gearbox-protocol/sdk";
-import { cn as x } from "../../utils/cn.js";
-import "sonner";
-import "@gearbox-protocol/sdk/common-utils";
-import "luxon";
-import "../../utils/z-index.js";
-const h = d.forwardRef(({ label: i, value: l, tip: r, valueDescription: t, className: n }, s) => /* @__PURE__ */ o("div", { ref: s, className: x("flex flex-col gap-2 w-full", n), children: [
-  /* @__PURE__ */ o("div", { className: "flex items-center gap-2 text-sm text-muted-foreground", children: [
-    /* @__PURE__ */ e("span", { children: i }),
-    r && /* @__PURE__ */ e(m, { delayDuration: 0, children: /* @__PURE__ */ o(c, { children: [
-      /* @__PURE__ */ e(p, { asChild: !0, children: /* @__PURE__ */ e(
-        "button",
-        {
-          type: "button",
-          className: "inline-flex items-center justify-center text-muted-foreground hover:text-foreground transition-colors cursor-help",
-          children: /* @__PURE__ */ e(a, { size: 14, className: "size-3.5" })
-        }
-      ) }),
-      /* @__PURE__ */ e(f, { side: "top", className: "max-w-xs", children: /* @__PURE__ */ e("p", { children: r }) })
-    ] }) })
-  ] }),
-  /* @__PURE__ */ o("div", { className: "flex flex-col gap-1", children: [
-    /* @__PURE__ */ e("div", { className: "text-base font-semibold text-foreground", children: l }),
-    t && /* @__PURE__ */ e("div", { className: "text-sm text-muted-foreground", children: t })
-  ] })
-] }));
-h.displayName = "HorizontalIndicator";
-export {
-  h as HorizontalIndicator
-};

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

@@ -1,4 +0,0 @@
-import { HorizontalIndicator as t } from "./horizontal-indicator.js";
-export {
-  t as HorizontalIndicator
-};

package/dist/esm/components/image/image.js

@@ -1,32 +0,0 @@
-import { jsx as c } from "react/jsx-runtime";
-function d({
-  src: n,
-  alt: o,
-  width: r,
-  height: e,
-  onError: i,
-  onLoad: m,
-  className: t,
-  loading: a = "lazy"
-}) {
-  return (
-    // biome-ignore lint: This is a universal component that works outside Next.js
-    /* @__PURE__ */ c(
-      "img",
-      {
-        src: n,
-        alt: o,
-        width: r,
-        height: e,
-        className: t,
-        onError: i,
-        onLoad: m,
-        loading: a,
-        decoding: "async"
-      }
-    )
-  );
-}
-export {
-  d as Image
-};

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

@@ -1,4 +0,0 @@
-import { Image as o } from "./image.js";
-export {
-  o as Image
-};

package/dist/esm/components/layout/app-logo/app-logo.js

@@ -1,99 +0,0 @@
-import { jsxs as i, jsx as e, Fragment as m } from "react/jsx-runtime";
-import { BaseLink as l } from "../../base-link/base-link.js";
-import { Image as g } from "../../image/image.js";
-import { NavBarLogo as a } from "../../navbar-logo/navbar-logo.js";
-import { cn as r } from "../../../utils/cn.js";
-import { getStatic as o } from "../../../utils/static.js";
-function u({
-  appName: n,
-  size: t = "default"
-}) {
-  return /* @__PURE__ */ i(
-    "div",
-    {
-      className: r(
-        "text-foreground flex items-center gap-1 sm:gap-2",
-        t === "default" ? "text-base sm:text-lg md:text-xl" : "text-sm sm:text-base md:text-md"
-      ),
-      children: [
-        /* @__PURE__ */ e(
-          g,
-          {
-            src: o("/logo/logo_monochrome_white@2x.png"),
-            alt: "Gearbox Protocol",
-            width: t === "default" ? 113 : 100,
-            height: t === "default" ? 36 : 24,
-            loading: "eager",
-            className: r(
-              "h-auto shrink-0",
-              t === "default" ? "w-auto h-[36px]" : "w-auto h-[24px]"
-            )
-          }
-        ),
-        n && /* @__PURE__ */ e("span", { className: "text-muted-foreground whitespace-nowrap", children: n })
-      ]
-    }
-  );
-}
-function f({
-  appName: n,
-  className: t
-}) {
-  return /* @__PURE__ */ i(m, { children: [
-    /* @__PURE__ */ e("div", { className: r("hidden lg:block", t), children: /* @__PURE__ */ i(
-      l,
-      {
-        size: "unset",
-        variant: "unset",
-        color: "main",
-        href: "/",
-        className: "inline-flex items-center gap-2",
-        children: [
-          /* @__PURE__ */ e(
-            a,
-            {
-              src: o("/logo/logo_monochrome_white.png"),
-              srcSet: `${o(
-                "/logo/logo_monochrome_white.png"
-              )} 1x, ${o(
-                "/logo/logo_monochrome_white@2x.png"
-              )} 2x, ${o("/logo/logo_monochrome_white@2x.png")} 3x`,
-              alt: "Logo",
-              style: { height: "40px" },
-              className: "w-auto cursor-pointer"
-            }
-          ),
-          n && /* @__PURE__ */ e("span", { className: "text-muted-foreground whitespace-nowrap", children: n })
-        ]
-      }
-    ) }),
-    /* @__PURE__ */ e("div", { className: r("block lg:hidden", t), children: /* @__PURE__ */ e(
-      l,
-      {
-        size: "unset",
-        variant: "unset",
-        color: "main",
-        href: "/",
-        className: "inline-flex",
-        children: /* @__PURE__ */ e(
-          a,
-          {
-            src: o("/logo/sign_monochrome_white.png"),
-            srcSet: `${o(
-              "/logo/sign_monochrome_white.png"
-            )} 1x, ${o(
-              "/logo/sign_monochrome_white@2x.png"
-            )} 2x, ${o("/logo/sign_monochrome_white@2x.png")} 3x`,
-            alt: "Logo",
-            style: { height: "34px", marginLeft: "4px", marginTop: "4px" },
-            className: "w-auto cursor-pointer"
-          }
-        )
-      }
-    ) })
-  ] });
-}
-export {
-  u as AppLogo,
-  f as AppLogoLink
-};

package/dist/esm/components/layout/app-logo/index.js

@@ -1,5 +0,0 @@
-import { AppLogo as L, AppLogoLink as g } from "./app-logo.js";
-export {
-  L as AppLogo,
-  g as AppLogoLink
-};

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

@@ -1,50 +0,0 @@
-import { jsx as i } from "react/jsx-runtime";
-import "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";
-const f = {
-  none: "mb-0",
-  sm: "mb-4",
-  md: "mb-6",
-  lg: "mb-8"
-}, l = {
-  "flex-start": "justify-start",
-  center: "justify-center",
-  "flex-end": "justify-end",
-  between: "justify-between"
-}, a = {
-  "flex-start": "items-start",
-  center: "items-center",
-  "flex-end": "items-end",
-  stretch: "items-stretch"
-};
-function w({
-  children: t,
-  margin: e = "md",
-  justify: s = "flex-start",
-  align: r = "flex-start",
-  className: m,
-  ...n
-}) {
-  return /* @__PURE__ */ i(
-    "div",
-    {
-      className: o(
-        "flex flex-row flex-nowrap",
-        f[e],
-        l[s],
-        a[r],
-        m
-      ),
-      ...n,
-      children: t
-    }
-  );
-}
-export {
-  w as Block
-};

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

@@ -1,4 +0,0 @@
-import { Block as c } from "./block.js";
-export {
-  c as Block
-};