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

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

@@ -1,194 +0,0 @@
-import { jsx as i, jsxs as f } from "react/jsx-runtime";
-import * as g from "react";
-import { PageTitle as T } from "../page-title/page-title.js";
-import { TokenIcon as D } from "../token-icon/token-icon.js";
-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";
-import "../accordion/accordion.js";
-import "@gearbox-protocol/static";
-import "@fortawesome/free-solid-svg-icons";
-import "../icons/fa-icon.js";
-import "../alert-badge/alert-badge.js";
-import "../alert-dialog/alert-dialog.js";
-import "../alert-modal/alert-modal.js";
-import "../tooltip/simple-tooltip.js";
-import "../tooltip/tooltip.js";
-import "react-intl";
-import "../arc-loader/arc-loader.js";
-import "../asset-line/asset-line.js";
-import "../buttons/back-button/back-button.js";
-import "../buttons/button/button.js";
-import "../buttons/copy-button/copy-button.js";
-import "../buttons/external-button/external-button.js";
-import "../buttons/filter-button/filter-button.js";
-import "../buttons/navigation-button/navigation-button.js";
-import "../buttons/tab-button/tab-button.js";
-import "wagmi";
-import "../auth/wallet-ui-context.js";
-import "../avatar/avatar.js";
-import "../badge/badge.js";
-import "../base-link/base-link.js";
-import "../navigation-context/navigation-context.js";
-import "../button-checkbox/button-checkbox.js";
-import "../card-grid/card-grid.js";
-import "../cards/card/card.js";
-import "../carousel/carousel.js";
-import "../checkbox/checkbox.js";
-import "../checkbox/checkbox-labeled.js";
-import "../checkbox-item/checkbox-item.js";
-import "../client-adapters/styled-button/styled-button.js";
-import "../client-adapters/styled-dialog-container/styled-dialog-container.js";
-import "../client-adapters/styled-rounded-image/styled-rounded-image.js";
-import "../colored-text/colored-text.js";
-import "../input/input.js";
-import "../with-title/with-title.js";
-import "../smart-number-input/balance-indicator.js";
-import "../smart-number-input/smart-number-input.js";
-import "../table/grid-table.js";
-import { getSymbolOrIcon as P } from "../token-symbol/token-symbol.js";
-import "../typography/typography.js";
-import "../help-tip/help-tip.js";
-import "../description/description.js";
-import "../confirm-menu/confirm-menu.js";
-import "../dialog/dialog-modal-container.js";
-import "../text-button/text-button.js";
-import "../vertical-indicator/vertical-indicator.js";
-import "../points-icon/points-icon.js";
-import "../skeleton/skeleton.js";
-import "../vertical-list/vertical-list.js";
-import "../rounded-image/rounded-image.js";
-import "../progress/progress.js";
-import "../pool-indicator-icon/pool-indicator-icon.js";
-import "../composites/strategies-table/components/feature/feature.styles.js";
-import "viem";
-import "../icon-button/icon-button.js";
-import "../separate-line/separate-line.js";
-import "../tip-card/tip-card.js";
-import "../composites/strategies-table/components/rewards-tooltip/rewards-tooltip-root.js";
-import "../currency-button/currency-button.js";
-import "../detailed-apy/detailed-apy.js";
-import { DetailedPageTitleCopyButton as h } from "./detailed-page-title-copy-button.js";
-import { DetailedPageTitleExplorerDropdown as y } from "./detailed-page-title-explorer-dropdown.js";
-import "../modal/modal.js";
-import "@radix-ui/react-dialog";
-import "../dialog/dialog-container.js";
-import "../dialog/dialog-content.js";
-import "../dialog/dialog-description.js";
-import "../dialog/dialog-footer.js";
-import "../dialog/dialog-header.js";
-import "../dialog/dialog-title.js";
-import "../dialog/dialog-overlay.js";
-import "../label/label.js";
-import "../dropdown-menu/dropdown-menu.js";
-import "../dropdown-menu/dropdown-menu-checkbox-item.js";
-import "../dropdown-menu/dropdown-menu-content.js";
-import "../dropdown-menu/dropdown-menu-item.js";
-import "../dropdown-menu/dropdown-menu-label.js";
-import "../dropdown-menu/dropdown-menu-radio-item.js";
-import "../dropdown-menu/dropdown-menu-separator.js";
-import "../dropdown-menu/dropdown-menu-shortcut.js";
-import "../dropdown-menu/dropdown-menu-sub-content.js";
-import "../dropdown-menu/dropdown-menu-sub-trigger.js";
-import "../edit-input/edit-input.js";
-import "../fadeout-loading/fadeout-loading.js";
-import "../filter/filter-block.js";
-import "../filter/filter-checkbox-item.js";
-import "../filter/filter-chip.js";
-import "../filter/filter-chips.js";
-import "../filter/filter-dropdown-item.js";
-import "../filter/filter-group.js";
-import "../filter/filter-label.js";
-import "../search-line/search-line.js";
-import "../tabs/tabs.js";
-import "../filter/filter-modal-item.js";
-import "../filter/filter-radio-item.js";
-import "../filter/filter-separator.js";
-import "../filter/variants.js";
-import "../graph/formatters.js";
-import "lightweight-charts";
-import "../graph/graph-view.js";
-import "../health-factor/health-factor.js";
-import "../horizontal-indicator/horizontal-indicator.js";
-import "../layout/col/col.js";
-import "../layout/container/container.js";
-import "../layout/footer/footer.js";
-import "../layout/grid/grid.js";
-import "../layout/header/header.js";
-import "../layout/layout/layout.js";
-import "../layout/main-aside-layout/main-aside-layout.js";
-import "../layout/social-icons/social-icons.js";
-import "../link/link.js";
-import "../../utils/reactochart-compat.js";
-import "../status-elements/status-elements.js";
-import "../loader/loader.js";
-import "../loading/loading.js";
-import "../loading-bar/loading-bar.js";
-import "react-markdown";
-import "remark-gfm";
-import "../navbar/navbar.js";
-import "../navbar/navbar-indicator-context.js";
-import "../app-bar/app-bar.js";
-import "../navitem/navitem.js";
-import "../simple-dropdown/simple-dropdown.js";
-import "../progress-bar/progress-bar.js";
-import "../radio-group/radio-group.js";
-import "../search-bar/search-bar.js";
-import "../segmented-control/segmented-control.js";
-import "../select/select.js";
-import "../separator/separator.js";
-import "../simple-accordion/simple-accordion.js";
-import "../simple-dropdown/simple-dropdown-menu-item.js";
-import "../slider/slider.js";
-import "../slider/slider-context.js";
-import "@radix-ui/react-slider";
-import "../spinner/spinner.js";
-import "../spinner-loader/spinner-loader.js";
-import "../split-list/split-list.js";
-import "../stat-badge/stat-badge.js";
-import "../status-dot/status-dot.js";
-import "../stepper/stepper.js";
-import "../switch/switch.js";
-import "../table/table.js";
-import "../table/grid-table-loader.js";
-import "../textarea/textarea.js";
-import "../theme-provider.js";
-import "../time-to-liquidation/time-to-liquidation.js";
-import "../toggle/toggle.js";
-import "../with-filter-button/with-filter-button.js";
-const b = g.forwardRef(function({
-  title: p,
-  token: t,
-  toCopy: r,
-  explorerLinks: o,
-  buttonsSlot: e,
-  actionsPosition: a,
-  actionsPositionMd: l,
-  tokenIconSize: s = 36,
-  disabled: c = !1,
-  className: n
-}, d) {
-  return /* @__PURE__ */ i(
-    T,
-    {
-      ref: d,
-      actionsPosition: a,
-      actionsPositionMd: l,
-      icon: t?.symbol ? /* @__PURE__ */ i("div", { className: m("inline-block shrink-0", c && "grayscale"), children: /* @__PURE__ */ i(D, { symbol: P(t), size: s }) }) : void 0,
-      actions: /* @__PURE__ */ f("div", { className: "flex flex-wrap items-center gap-2", children: [
-        e,
-        r && /* @__PURE__ */ i(h, { toCopy: r }),
-        o && o.length > 0 && /* @__PURE__ */ i(y, { explorerLinks: o })
-      ] }),
-      className: m(n),
-      children: p
-    }
-  );
-});
-b.displayName = "DetailedPageTitle";
-export {
-  b as DetailedPageTitle
-};

package/dist/esm/components/dropdown-label/dropdown-label.js

@@ -1,68 +0,0 @@
-import { jsxs as y, jsx as a } from "react/jsx-runtime";
-import { faCaretDown as b } from "@fortawesome/free-solid-svg-icons";
-import { FaIcon as h } from "../icons/fa-icon.js";
-import "react";
-import "@gearbox-protocol/sdk";
-import { cn as n } from "../../utils/cn.js";
-import "sonner";
-import "@gearbox-protocol/sdk/common-utils";
-import "luxon";
-import "../../utils/z-index.js";
-const s = {
-  filled: "bg-gray-60 hover:bg-gray-80 disabled:text-secondary-foreground disabled:bg-gray-20 disabled:cursor-default shadow-[0_2px_2px_rgba(0,0,0,0.25)]",
-  filledDark: "bg-gray-10 hover:bg-gray-20 disabled:text-secondary-foreground disabled:bg-gray-20 disabled:cursor-default shadow-[0_2px_2px_rgba(0,0,0,0.25)]",
-  empty: "bg-transparent hover:text-secondary-foreground disabled:text-secondary-foreground disabled:cursor-default",
-  dark: "bg-transparent hover:text-secondary-foreground disabled:text-secondary-foreground disabled:cursor-default",
-  light: "bg-transparent hover:text-secondary-foreground disabled:text-secondary-foreground disabled:cursor-default"
-}, l = {
-  sm: "py-[7px] px-2.5 pl-3 text-sm leading-[17px] rounded-lg",
-  md: "py-[13px] pr-3 pl-4 text-sm leading-[17px] rounded-xl",
-  default: "py-[13px] pr-3 pl-4 text-sm leading-[17px] rounded-xl",
-  lg: "py-[13px] pr-3 pl-4 text-lg leading-[17px] rounded-xl"
-};
-function C({
-  children: i,
-  label: p,
-  opened: g,
-  size: r,
-  theme: e,
-  as: f = "span",
-  onClick: t,
-  icon: x,
-  iconSize: u = 16,
-  className: c
-}) {
-  const o = typeof r == "string" && r in l, m = typeof e == "string" && e in s, d = o ? void 0 : typeof r == "string" ? r === "sm" ? 14 : r === "default" ? 16 : r === "lg" ? 18 : 16 : r;
-  return /* @__PURE__ */ y(
-    f,
-    {
-      onClick: t,
-      className: n(
-        "inline-flex items-center cursor-pointer transition-colors",
-        m ? [
-          "w-full justify-between border-0 text-foreground",
-          s[e],
-          o && l[r]
-        ] : ["gap-1", t && "hover:text-primary"],
-        c
-      ),
-      style: d ? { fontSize: d } : void 0,
-      children: [
-        p || i,
-        /* @__PURE__ */ a(
-          "span",
-          {
-            className: n(
-              "inline-flex transition-transform duration-100",
-              g && "rotate-180"
-            ),
-            children: x ?? /* @__PURE__ */ a(h, { icon: b, style: { fontSize: u } })
-          }
-        )
-      ]
-    }
-  );
-}
-export {
-  C as DefaultDropdownLabel
-};

package/dist/esm/components/dropdown-label/index.js

@@ -1,4 +0,0 @@
-import { DefaultDropdownLabel as r } from "./dropdown-label.js";
-export {
-  r as DefaultDropdownLabel
-};

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

@@ -1,52 +0,0 @@
-import { jsx as e, jsxs as i } from "react/jsx-runtime";
-import { BackButton as x } from "../buttons/back-button/back-button.js";
-import "react";
-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";
-function N({
-  status: m,
-  message: t,
-  backButton: r,
-  className: n
-}) {
-  const o = t.length > 32 ? "default" : "large";
-  return /* @__PURE__ */ e(
-    "div",
-    {
-      className: l(
-        "w-full h-full flex items-center justify-center py-16",
-        n
-      ),
-      children: /* @__PURE__ */ i(
-        "div",
-        {
-          className: l(
-            "flex flex-col items-center max-w-md mx-auto px-4 py-8 text-center",
-            o === "default" && "gap-4"
-          ),
-          children: [
-            /* @__PURE__ */ e("h1", { className: "text-6xl md:text-9xl font-bold text-foreground font-mono", children: m }),
-            /* @__PURE__ */ i("div", { className: l("flex flex-col items-center gap-4"), children: [
-              o === "large" ? /* @__PURE__ */ e("h2", { className: "text-2xl font-semibold text-foreground", children: t }) : /* @__PURE__ */ e("p", { className: "text-lg text-foreground", children: t }),
-              r && /* @__PURE__ */ e(
-                x,
-                {
-                  text: r.text,
-                  href: r.href,
-                  className: "inline-flex items-center text-md"
-                }
-              )
-            ] })
-          ]
-        }
-      )
-    }
-  );
-}
-export {
-  N as ErrorView
-};

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/liquidation/index.js

@@ -1,10 +0,0 @@
-import { LiquidationModellingAssetsTable as r } from "./liquidation-assets-table/liquidation-assets-table.js";
-import { LiquidationGraph as t } from "./liquidation-graph/liquidation-graph.js";
-import { LiquidationGraphLegend as p } from "./liquidation-graph-legend/liquidation-graph-legend.js";
-import { LiquidationGraphTip as n } from "./liquidation-graph-tip/liquidation-graph-tip.js";
-export {
-  t as LiquidationGraph,
-  p as LiquidationGraphLegend,
-  n as LiquidationGraphTip,
-  r as LiquidationModellingAssetsTable
-};

package/dist/esm/components/liquidation/liquidation-assets-table/index.js

@@ -1,4 +0,0 @@
-import { LiquidationModellingAssetsTable as o } from "./liquidation-assets-table.js";
-export {
-  o as LiquidationModellingAssetsTable
-};