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

package/dist/esm/components/infinite-scroll/index.js

@@ -0,0 +1,4 @@
+import { InfiniteScrollWrapper as o } from "./infinite-scroll-wrapper.js";
+export {
+  o as InfiniteScrollWrapper
+};

package/dist/esm/components/infinite-scroll/infinite-scroll-wrapper.js

@@ -0,0 +1,30 @@
+import { jsxs as r, Fragment as a, jsx as e } from "react/jsx-runtime";
+import { DialogContainer as l } from "../dialog/dialog-container.js";
+import { FormattedMessageTyped as p } from "../typed-intl/index.js";
+import { Typography as s } from "../typography/typography.js";
+import { VSpace as m } from "../vspace/vspace.js";
+function g({
+  hasMore: o,
+  dataLength: t,
+  children: i,
+  onNextLoad: n
+}) {
+  return /* @__PURE__ */ r("div", { className: "w-full", children: [
+    i,
+    o && t > 0 && /* @__PURE__ */ r(a, { children: [
+      /* @__PURE__ */ e(m, { size: "md" }),
+      /* @__PURE__ */ e(l, { padding: !1, children: /* @__PURE__ */ e(
+        "button",
+        {
+          type: "button",
+          onClick: n,
+          className: "flex w-full cursor-pointer items-center justify-center gap-2 p-3.5 hover:text-white",
+          children: /* @__PURE__ */ e(s, { as: "span", variant: "bodySmall", color: "secondary", children: /* @__PURE__ */ e(p, { messageId: "components.infiniteScrollWrapper.showMore" }) })
+        }
+      ) })
+    ] })
+  ] });
+}
+export {
+  g as InfiniteScrollWrapper
+};

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

@@ -1,36 +1,17 @@
-import { AppFooter as e, DEFAULT_APP_FOOTER_LINKS as t } from "./app-footer/app-footer.js";
-import { AppHeader as m } from "./app-header/app-header.js";
-import { AppLogo as f, AppLogoLink as a } from "./app-logo/app-logo.js";
-import { Block as L } from "./block/block.js";
-import { Col as A } from "./col/col.js";
-import { Container as l } from "./container/container.js";
-import { Footer as u, FooterLink as d, FooterLinkSection as g, GearboxFooter as k } from "./footer/footer.js";
-import { Grid as y } from "./grid/grid.js";
-import { Header as P, useMobileMenu as S } from "./header/header.js";
-import { Layout as b } from "./layout/layout.js";
-import { LegalDisclaimer as D } from "./legal-disclaimer/legal-disclaimer.js";
-import { MainAsideLayout as G } from "./main-aside-layout/main-aside-layout.js";
-import { PageLayout as I } from "./page-layout/page-layout.js";
-import { SocialIcons as T } from "./social-icons/social-icons.js";
+import { AppFooter as e, DEFAULT_APP_FOOTER_LINKS as p } from "./app-footer/app-footer.js";
+import { AppHeader as f } from "./app-header/app-header.js";
+import { Col as x } from "./col/col.js";
+import { Container as A } from "./container/container.js";
+import { Grid as L } from "./grid/grid.js";
+import { Layout as n } from "./layout/layout.js";
+import { MainAsideLayout as _ } from "./main-aside-layout/main-aside-layout.js";
 export {
   e as AppFooter,
-  m as AppHeader,
-  f as AppLogo,
-  a as AppLogoLink,
-  L as Block,
-  A as Col,
-  l as Container,
-  t as DEFAULT_APP_FOOTER_LINKS,
-  u as Footer,
-  d as FooterLink,
-  g as FooterLinkSection,
-  k as GearboxFooter,
-  y as Grid,
-  P as Header,
-  b as Layout,
-  D as LegalDisclaimer,
-  G as MainAsideLayout,
-  I as PageLayout,
-  T as SocialIcons,
-  S as useMobileMenu
+  f as AppHeader,
+  x as Col,
+  A as Container,
+  p as DEFAULT_APP_FOOTER_LINKS,
+  L as Grid,
+  n as Layout,
+  _ as MainAsideLayout
 };

package/dist/esm/components/modal/modal.js

@@ -3,8 +3,8 @@ import * as a from "@radix-ui/react-dialog";
 import { cva as D } from "class-variance-authority";
 import * as i from "react";
 import "@gearbox-protocol/sdk/common-utils";
-import "@gearbox-protocol/sdk";
 import { useIsMobile as M } from "../../hooks/use-media-query.js";
+import "@gearbox-protocol/sdk";
 import { cn as o } from "../../utils/cn.js";
 import "sonner";
 import "luxon";

package/dist/esm/components/name-cell/index.js

@@ -0,0 +1,4 @@
+import { NameCell as m } from "./name-cell.js";
+export {
+  m as NameCell
+};

package/dist/esm/components/name-cell/name-cell.js

@@ -0,0 +1,35 @@
+import { jsxs as a, jsx as e } from "react/jsx-runtime";
+import { Typography as l } from "../typography/typography.js";
+function f({
+  title: c,
+  subtitle: r,
+  chips: o,
+  caption: s,
+  leading: n,
+  disabledStyle: t = !1
+}) {
+  const i = /* @__PURE__ */ a("div", { className: "flex min-w-0 flex-col items-start justify-center gap-0.5", children: [
+    /* @__PURE__ */ a("div", { className: "flex min-w-0 w-full items-start gap-x-2", children: [
+      /* @__PURE__ */ e("span", { className: "min-w-0 flex-1 break-words [overflow-wrap:anywhere]", children: c }),
+      o
+    ] }),
+    r && /* @__PURE__ */ e(
+      l,
+      {
+        variant: "caption",
+        color: "secondary",
+        as: "span",
+        className: "block min-w-0 text-xs",
+        children: r
+      }
+    ),
+    t && s && /* @__PURE__ */ e(l, { as: "span", variant: "caption", className: "leading-none", children: s })
+  ] });
+  return n ? /* @__PURE__ */ a("div", { className: "grid min-w-0 grid-cols-[auto_1fr] gap-x-3", children: [
+    n,
+    i
+  ] }) : i;
+}
+export {
+  f as NameCell
+};

package/dist/esm/components/network-icon/index.js

@@ -1,4 +1,6 @@
-import { NetworkIcon as e } from "./network-icon.js";
+import { NetworkIcon as t } from "./network-icon.js";
+import { NetworkIndicator as c } from "./network-indicator.js";
 export {
-  e as NetworkIcon
+  t as NetworkIcon,
+  c as NetworkIndicator
 };

package/dist/esm/components/network-icon/network-indicator.js

@@ -0,0 +1,82 @@
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { faChevronDown as h } from "@fortawesome/free-solid-svg-icons";
+import { forwardRef as b } from "react";
+import "../buttons/back-button/back-button.js";
+import { Button as y } from "../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 "@gearbox-protocol/sdk";
+import { cn as a } from "../../utils/cn.js";
+import "sonner";
+import "@gearbox-protocol/sdk/common-utils";
+import "luxon";
+import "../../utils/z-index.js";
+import "../buttons/tab-button/tab-button.js";
+import { FaIcon as u } from "../icons/fa-icon.js";
+import { FormattedMessageTyped as I } from "../typed-intl/index.js";
+import { Typography as w } from "../typography/typography.js";
+import { NetworkIcon as v } from "./network-icon.js";
+const x = {
+  sm: "sm",
+  md: "default",
+  default: "default",
+  lg: "lg"
+}, N = b(
+  ({
+    network: m,
+    chainId: k,
+    size: d = "md",
+    iconSize: n = 20,
+    chevronSize: o = 12,
+    showTitle: s = !0,
+    opened: p,
+    onClick: t,
+    interactive: l,
+    className: c,
+    ...f
+  }, g) => {
+    const e = l ?? !!t;
+    return /* @__PURE__ */ r(
+      y,
+      {
+        ref: g,
+        variant: "outline",
+        size: x[d],
+        disabled: !e,
+        onClick: t,
+        className: a(
+          c,
+          "min-w-fit",
+          "h-10 rounded-[20px]",
+          "hover:bg-transparent hover:border hover:border-gray-60",
+          "disabled:text-primary-foreground disabled:bg-transparent disabled:border disabled:border-gray-40"
+        ),
+        ...f,
+        children: /* @__PURE__ */ i("div", { className: "flex items-center gap-2", children: [
+          s && /* @__PURE__ */ i(w, { as: "span", variant: "bodySmall", color: "secondary", children: [
+            /* @__PURE__ */ r(I, { messageId: "components.networkIndicator.title" }),
+            ":"
+          ] }),
+          /* @__PURE__ */ r(v, { network: m, size: n }),
+          e && /* @__PURE__ */ r(
+            u,
+            {
+              icon: h,
+              className: a(
+                "text-secondary-foreground transition-transform",
+                p && "rotate-180"
+              ),
+              style: { width: o, height: o }
+            }
+          )
+        ] })
+      }
+    );
+  }
+);
+N.displayName = "NetworkIndicator";
+export {
+  N as NetworkIndicator
+};

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

@@ -1,54 +1,40 @@
-import { EditButton as r } from "./edit-button.js";
-import { GridTableCellAsset as o, GridTableCellUpdatable as d, GridTableEditable as b } from "./editable-grid-table.js";
-import { TableCellAsset as i, TableCellUpdatable as T, TableEditable as p } from "./editable-table.js";
-import { GridErrorLine as m } from "./grid-error-line.js";
-import { GridLoadingLine as f } from "./grid-loading-line.js";
-import { GridTable as C, GridTableBody as s, GridTableCaption as H, GridTableCell as L, GridTableFooter as V, GridTableHead as g, GridTableHeader as E, GridTableRow as u, Td as B, Th as S, gridTableCellVariants as U, gridTableHeadVariants as w, gridTableVariants as y } from "./grid-table.js";
-import { GridTableLoader as F } from "./grid-table-loader.js";
-import { SortingTableHead as h, Table as c, TableBody as j, TableCaption as k, TableCell as q, TableFooter as v, TableHead as z, TableHeader as D, TableRow as I, tableCellVariants as J, tableHeadVariants as K, tableVariants as M } from "./table.js";
-import { TableLoader as O } from "./table-loader.js";
-import { TableLoaderGuard as Q } from "./table-loader-guard.js";
-import { TableCellSm as X, TableLineSm as Y } from "./table-sm.js";
-import { UpdatedValue as _ } from "./updated-value.js";
+import { GridErrorLine as r } from "./grid-error-line.js";
+import { GridLoadingLine as o } from "./grid-loading-line.js";
+import { GridTable as d, GridTableBody as i, GridTableCaption as T, GridTableCell as t, GridTableFooter as n, GridTableHead as G, GridTableHeader as m, GridTableRow as p, Td as f, Th as x, gridTableCellVariants as C, gridTableHeadVariants as H, gridTableVariants as s } from "./grid-table.js";
+import { SortingTableHead as V, Table as g, TableBody as S, TableCaption as w, TableCell as y, TableFooter as B, TableHead as F, TableHeader as R, TableRow as h, tableCellVariants as u, tableHeadVariants as E, tableVariants as c } from "./table.js";
+import { TableLoader as k } from "./table-loader.js";
+import { TableLoaderGuard as v } from "./table-loader-guard.js";
+import { TableCellSm as A, TableLineSm as D } from "./table-sm.js";
 export {
-  r as EditButton,
-  m as GridErrorLine,
-  f as GridLoadingLine,
-  C as GridTable,
-  s as GridTableBody,
-  H as GridTableCaption,
-  L as GridTableCell,
-  o as GridTableCellAsset,
-  d as GridTableCellUpdatable,
-  b as GridTableEditable,
-  V as GridTableFooter,
-  g as GridTableHead,
-  E as GridTableHeader,
-  F as GridTableLoader,
-  u as GridTableRow,
-  h as SortingTableHead,
-  c as Table,
-  j as TableBody,
-  k as TableCaption,
-  q as TableCell,
-  i as TableCellAsset,
-  X as TableCellSm,
-  T as TableCellUpdatable,
-  p as TableEditable,
-  v as TableFooter,
-  z as TableHead,
-  D as TableHeader,
-  Y as TableLineSm,
-  O as TableLoader,
-  Q as TableLoaderGuard,
-  I as TableRow,
-  B as Td,
-  S as Th,
-  _ as UpdatedValue,
-  U as gridTableCellVariants,
-  w as gridTableHeadVariants,
-  y as gridTableVariants,
-  J as tableCellVariants,
-  K as tableHeadVariants,
-  M as tableVariants
+  r as GridErrorLine,
+  o as GridLoadingLine,
+  d as GridTable,
+  i as GridTableBody,
+  T as GridTableCaption,
+  t as GridTableCell,
+  n as GridTableFooter,
+  G as GridTableHead,
+  m as GridTableHeader,
+  p as GridTableRow,
+  V as SortingTableHead,
+  g as Table,
+  S as TableBody,
+  w as TableCaption,
+  y as TableCell,
+  A as TableCellSm,
+  B as TableFooter,
+  F as TableHead,
+  R as TableHeader,
+  D as TableLineSm,
+  k as TableLoader,
+  v as TableLoaderGuard,
+  h as TableRow,
+  f as Td,
+  x as Th,
+  C as gridTableCellVariants,
+  H as gridTableHeadVariants,
+  s as gridTableVariants,
+  u as tableCellVariants,
+  E as tableHeadVariants,
+  c as tableVariants
 };