@gearbox-protocol/ui-kit 4.0.0-next.47 → 4.0.0-next.49

package/dist/esm/components/filter/filter-chip.js

@@ -1,43 +0,0 @@
-import { jsx as r, jsxs as c } from "react/jsx-runtime";
-import * as m from "react";
-import { Badge as s } from "../badge/badge.js";
-import "../badge/chip.js";
-import { faXmark as f } from "@fortawesome/free-solid-svg-icons";
-import { FaIcon as l } from "../icons/fa-icon.js";
-import "@gearbox-protocol/sdk/onchain";
-import { cn as u } from "../../utils/cn.js";
-import "sonner";
-import "luxon";
-import "../../utils/z-index.js";
-const d = m.forwardRef(
-  ({ className: e, label: i, value: g, onRemove: o, showRemove: t = !0, ...a }, n) => /* @__PURE__ */ r("div", { ref: n, ...a, children: /* @__PURE__ */ c(
-    s,
-    {
-      variant: "secondary",
-      className: u(
-        "gap-1.5 px-2 py-1 pr-1.5",
-        t && o && "cursor-pointer",
-        e
-      ),
-      children: [
-        /* @__PURE__ */ r("span", { children: i }),
-        t && o && /* @__PURE__ */ r(
-          "button",
-          {
-            type: "button",
-            onClick: (p) => {
-              p.stopPropagation(), o();
-            },
-            className: "ml-1 rounded-sm hover:bg-accent hover:text-accent-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
-            "aria-label": `Remove filter: ${i}`,
-            children: /* @__PURE__ */ r(l, { icon: f, className: "size-3" })
-          }
-        )
-      ]
-    }
-  ) })
-);
-d.displayName = "FilterChip";
-export {
-  d as FilterChip
-};

package/dist/esm/components/filter/filter-chips.js

@@ -1,49 +0,0 @@
-import { jsxs as p, jsx as i } from "react/jsx-runtime";
-import * as d from "react";
-import "@gearbox-protocol/sdk/onchain";
-import { cn as s } from "../../utils/cn.js";
-import "sonner";
-import "luxon";
-import "../../utils/z-index.js";
-import { FilterChip as u } from "./filter-chip.js";
-const c = d.forwardRef(
-  ({
-    className: m,
-    filters: r = [],
-    onRemoveFilter: t,
-    onClearAll: o,
-    showClearAll: n = !0,
-    ...a
-  }, l) => r.length === 0 ? null : /* @__PURE__ */ p(
-    "div",
-    {
-      ref: l,
-      className: s("flex flex-wrap items-center gap-2", m),
-      ...a,
-      children: [
-        r.map((e) => /* @__PURE__ */ i(
-          u,
-          {
-            label: e.label,
-            value: e.value,
-            onRemove: t ? () => t(e.id) : void 0
-          },
-          e.id
-        )),
-        n && o && r.length > 1 && /* @__PURE__ */ i(
-          "button",
-          {
-            type: "button",
-            onClick: o,
-            className: "text-sm text-muted-foreground hover:text-foreground underline underline-offset-4",
-            children: "Clear all"
-          }
-        )
-      ]
-    }
-  )
-);
-c.displayName = "FilterChips";
-export {
-  c as FilterChips
-};

package/dist/esm/components/filter/filter-dropdown-item.js

@@ -1,54 +0,0 @@
-import { jsxs as p, jsx as r } from "react/jsx-runtime";
-import * as d from "react";
-import "@gearbox-protocol/sdk/onchain";
-import { cn as u } from "../../utils/cn.js";
-import "sonner";
-import "luxon";
-import "../../utils/z-index.js";
-const x = d.forwardRef(
-  ({
-    className: n,
-    inset: a,
-    title: s,
-    decimals: f,
-    maxValue: h,
-    state: e,
-    onSave: v,
-    onReset: t,
-    children: i,
-    ...m
-  }, l) => {
-    const o = e != null;
-    return /* @__PURE__ */ p(
-      "div",
-      {
-        ref: l,
-        "data-has-state": o,
-        className: u(
-          "relative flex cursor-default select-none items-center justify-between gap-2 rounded-sm px-2 py-1.5 text-sm outline-none transition-colors hover:bg-accent hover:text-accent-foreground",
-          a && "pl-8",
-          n
-        ),
-        ...m,
-        children: [
-          /* @__PURE__ */ r("span", { children: s || i }),
-          o && t && /* @__PURE__ */ r(
-            "button",
-            {
-              type: "button",
-              onClick: (c) => {
-                c.stopPropagation(), t();
-              },
-              className: "text-xs text-muted-foreground hover:text-foreground",
-              children: "Reset"
-            }
-          )
-        ]
-      }
-    );
-  }
-);
-x.displayName = "FilterDropdownItem";
-export {
-  x as FilterDropdownItem
-};

package/dist/esm/components/filter/filter-group.js

@@ -1,13 +0,0 @@
-import { jsx as i } from "react/jsx-runtime";
-import * as r from "@radix-ui/react-dropdown-menu";
-import * as t from "react";
-import "@gearbox-protocol/sdk/onchain";
-import { cn as a } from "../../utils/cn.js";
-import "sonner";
-import "luxon";
-import "../../utils/z-index.js";
-const e = t.forwardRef(({ className: o, ...m }, p) => /* @__PURE__ */ i(r.Group, { ref: p, className: a(o), ...m }));
-e.displayName = r.Group.displayName;
-export {
-  e as FilterGroup
-};

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

@@ -1,24 +0,0 @@
-import { jsx as p } from "react/jsx-runtime";
-import * as o from "@radix-ui/react-dropdown-menu";
-import * as e from "react";
-import "@gearbox-protocol/sdk/onchain";
-import { cn as a } from "../../utils/cn.js";
-import "sonner";
-import "luxon";
-import "../../utils/z-index.js";
-const s = e.forwardRef(({ className: m, inset: r, ...t }, i) => /* @__PURE__ */ p(
-  o.Label,
-  {
-    ref: i,
-    className: a(
-      "px-2 py-1.5 text-sm font-semibold",
-      r && "pl-8",
-      m
-    ),
-    ...t
-  }
-));
-s.displayName = o.Label.displayName;
-export {
-  s as FilterLabel
-};

package/dist/esm/components/filter/filter-modal-item.js

@@ -1,60 +0,0 @@
-import { jsxs as d, jsx as n } from "react/jsx-runtime";
-import * as x from "react";
-import "@gearbox-protocol/sdk/onchain";
-import { cn as g } from "../../utils/cn.js";
-import "sonner";
-import "luxon";
-import "../../utils/z-index.js";
-const b = x.forwardRef(
-  ({
-    className: i,
-    active: s,
-    disabled: t,
-    title: c,
-    state: e,
-    onOpen: a,
-    onReset: o,
-    children: l,
-    onClick: p,
-    ...u
-  }, m) => {
-    const r = e != null;
-    return /* @__PURE__ */ d(
-      "button",
-      {
-        ref: m,
-        type: "button",
-        "data-has-state": r,
-        className: g(
-          "flex cursor-pointer select-none items-center justify-between gap-2 rounded-sm px-3 py-2 text-sm outline-none transition-colors w-full text-left",
-          "hover:bg-accent hover:text-accent-foreground",
-          "focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
-          s && "bg-accent text-accent-foreground",
-          t && "cursor-not-allowed pointer-events-none opacity-50",
-          i
-        ),
-        onClick: p || a,
-        disabled: t,
-        ...u,
-        children: [
-          /* @__PURE__ */ n("span", { children: c || l }),
-          r && o && /* @__PURE__ */ n(
-            "button",
-            {
-              type: "button",
-              onClick: (f) => {
-                f.stopPropagation(), o();
-              },
-              className: "text-xs text-muted-foreground hover:text-foreground",
-              children: "Reset"
-            }
-          )
-        ]
-      }
-    );
-  }
-);
-b.displayName = "FilterModalItem";
-export {
-  b as FilterModalItem
-};

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

@@ -1,217 +0,0 @@
-import { jsx as r, jsxs as x } from "react/jsx-runtime";
-import * as l from "react";
-import "../buttons/back-button/back-button.js";
-import { Button as N } 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/onchain";
-import { cn as D } from "../../utils/cn.js";
-import "sonner";
-import { extractTextFromLabel as j, serializeValue as R } from "../../utils/react.js";
-import "luxon";
-import "../../utils/z-index.js";
-import "../buttons/tab-button/tab-button.js";
-import { CheckboxItem as z } from "../checkbox-item/checkbox-item.js";
-import "../modal/modal.js";
-import { Dialog as X } from "../dialog/dialog.js";
-import "../dialog/dialog-container.js";
-import { DialogContent as Y } from "../dialog/dialog-content.js";
-import "../dialog/dialog-description.js";
-import { DialogFooter as Z } from "../dialog/dialog-footer.js";
-import { DialogHeader as _ } from "../dialog/dialog-header.js";
-import { DialogTitle as $ } from "../dialog/dialog-title.js";
-import "../dialog/dialog-modal-container.js";
-import "../dialog/dialog-overlay.js";
-import "viem";
-import "../input/input.js";
-import "../label/label.js";
-import { SearchLine as ee } from "../search-line/search-line.js";
-import { Tabs as te, TabsList as re, TabsTrigger as oe, TabsContent as le } from "../tabs/tabs.js";
-import { useIntlTyped as ae } from "../typed-intl/index.js";
-function d(m, o) {
-  return m ? Array.isArray(m) ? m.includes(o) : m.has(o) : !1;
-}
-function qe({
-  title: m,
-  state: o,
-  modalShow: f,
-  onOpen: F,
-  onClose: v,
-  onReset: T,
-  options: p,
-  tabbedOptions: n,
-  onSelect: C,
-  className: q,
-  optionsClassName: Q,
-  resetLabel: V,
-  applyLabel: B,
-  showApplyButton: E = !1,
-  showSearch: H = !1
-}) {
-  const { formatMessage: i } = ae(), [c, S] = l.useState(""), P = V ?? i({
-    messageId: "components.filterModal.reset",
-    defaultMessage: "Reset"
-  }), k = B ?? i({
-    messageId: "components.filterModal.apply",
-    defaultMessage: "Apply"
-  }), [y, G] = l.useState([]), [M, J] = l.useState([]), K = l.useCallback(() => {
-    T();
-  }, [T]), U = l.useCallback(() => {
-    v();
-  }, [v]), A = l.useMemo(() => {
-    if (!y) return [];
-    if (!c.trim())
-      return y;
-    const e = c.toLowerCase().trim();
-    return y.filter((t) => j(t.label).toLowerCase().includes(e));
-  }, [y, c]), u = l.useMemo(() => {
-    if (!M) return [];
-    if (!c.trim())
-      return M;
-    const e = c.toLowerCase().trim();
-    return M.map((t) => ({
-      ...t,
-      options: t.options.filter((a) => j(a.label).toLowerCase().includes(e))
-    })).filter((t) => t.options.length > 0);
-  }, [M, c]), I = l.useMemo(() => u.length > 0 ? u[0].tab : "", [u]), w = l.useRef(f);
-  l.useEffect(() => {
-    const e = w.current, t = f;
-    if (!e && t) {
-      if (p) {
-        const a = [...p].sort((s, h) => {
-          const b = d(o, s.value), g = d(o, h.value);
-          return b && !g ? -1 : !b && g ? 1 : 0;
-        });
-        G(a);
-      }
-      if (n) {
-        const a = n.map((s) => ({
-          ...s,
-          options: [...s.options].sort((h, b) => {
-            const g = d(o, h.value), O = d(o, b.value);
-            return g && !O ? -1 : !g && O ? 1 : 0;
-          })
-        }));
-        J(a);
-      }
-    } else e && !t && S("");
-    w.current = f;
-  }, [f, o, p, n]);
-  const L = l.useMemo(() => n ? n.reduce((e, t) => e + t.options.length, 0) : p?.length ?? 0, [p, n]), W = l.useMemo(
-    () => ({
-      value: c,
-      handleInput: (e) => {
-        S(e.target.value);
-      },
-      handleSubmit: (e) => {
-        e.preventDefault();
-      }
-    }),
-    [c]
-  );
-  return /* @__PURE__ */ r(
-    X,
-    {
-      open: f,
-      onOpenChange: (e) => e ? F() : v(),
-      children: /* @__PURE__ */ x(Y, { className: D("max-w-lg", q), children: [
-        /* @__PURE__ */ r(_, { children: /* @__PURE__ */ r($, { children: m }) }),
-        H && /* @__PURE__ */ r(
-          ee,
-          {
-            searchState: W,
-            placeholder: i({
-              messageId: "components.filterModal.searchPlaceholder",
-              defaultMessage: "Search options..."
-            }),
-            size: "full"
-          }
-        ),
-        /* @__PURE__ */ r(
-          "div",
-          {
-            className: D(
-              n ? "" : "max-h-[60vh] overflow-y-auto",
-              Q
-            ),
-            children: n ? u.length === 0 ? /* @__PURE__ */ r("div", { className: "text-center text-sm text-muted-foreground", children: i(L === 0 ? {
-              messageId: "components.filterModal.noOptionsAvailable",
-              defaultMessage: "No options available"
-            } : {
-              messageId: "components.filterModal.noOptionsMatchSearch",
-              defaultMessage: "No options match your search"
-            }) }) : /* @__PURE__ */ x(
-              te,
-              {
-                defaultValue: I,
-                className: "w-full",
-                children: [
-                  /* @__PURE__ */ r(re, { className: "w-full justify-start", children: u.map((e) => /* @__PURE__ */ r(oe, { value: e.tab, children: e.label }, e.tab)) }),
-                  u.map((e) => /* @__PURE__ */ r(
-                    le,
-                    {
-                      value: e.tab,
-                      className: "mt-4 max-h-[60vh] overflow-y-auto",
-                      children: e.options.length === 0 ? /* @__PURE__ */ r("div", { className: "text-center text-sm text-muted-foreground", children: i({
-                        messageId: "components.filterModal.noOptionsAvailable",
-                        defaultMessage: "No options available"
-                      }) }) : /* @__PURE__ */ r("div", { className: "space-y-1", children: e.options.map((t) => {
-                        const a = d(o, t.value), s = R(t.value);
-                        return /* @__PURE__ */ r(
-                          z,
-                          {
-                            checked: a,
-                            onCheckedChange: (h) => C(t.value, h),
-                            children: t.label
-                          },
-                          s
-                        );
-                      }) })
-                    },
-                    e.tab
-                  ))
-                ]
-              },
-              I
-            ) : A.length === 0 ? /* @__PURE__ */ r("div", { className: "text-center text-sm text-muted-foreground", children: i(L === 0 ? {
-              messageId: "components.filterModal.noOptionsAvailable",
-              defaultMessage: "No options available"
-            } : {
-              messageId: "components.filterModal.noOptionsMatchSearch",
-              defaultMessage: "No options match your search"
-            }) }) : /* @__PURE__ */ r("div", { className: "space-y-1", children: A.map((e) => {
-              const t = d(o, e.value), a = R(e.value);
-              return /* @__PURE__ */ r(
-                z,
-                {
-                  checked: t,
-                  onCheckedChange: (s) => C(e.value, s),
-                  children: e.label
-                },
-                a
-              );
-            }) })
-          }
-        ),
-        /* @__PURE__ */ x(Z, { className: "flex-row justify-between gap-2 sm:justify-between", children: [
-          /* @__PURE__ */ r(
-            N,
-            {
-              type: "button",
-              variant: "outline",
-              onClick: K,
-              disabled: !o || (Array.isArray(o) ? o.length === 0 : o.size === 0),
-              children: P
-            }
-          ),
-          E ? /* @__PURE__ */ r(N, { type: "button", onClick: U, children: k }) : /* @__PURE__ */ r(N, { type: "button", variant: "default", onClick: v, children: k })
-        ] })
-      ] })
-    }
-  );
-}
-export {
-  qe as FilterModal
-};

package/dist/esm/components/filter/filter-radio-item.js

@@ -1,29 +0,0 @@
-import { jsxs as s, jsx as e } from "react/jsx-runtime";
-import * as t from "@radix-ui/react-dropdown-menu";
-import * as n from "react";
-import { faCircle as m } from "@fortawesome/free-solid-svg-icons";
-import { FaIcon as c } from "../icons/fa-icon.js";
-import "@gearbox-protocol/sdk/onchain";
-import { cn as l } from "../../utils/cn.js";
-import "sonner";
-import "luxon";
-import "../../utils/z-index.js";
-const d = n.forwardRef(({ className: o, children: r, ...i }, a) => /* @__PURE__ */ s(
-  t.RadioItem,
-  {
-    ref: a,
-    className: l(
-      "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:cursor-not-allowed data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
-      o
-    ),
-    ...i,
-    children: [
-      /* @__PURE__ */ e("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ e(t.ItemIndicator, { children: /* @__PURE__ */ e(c, { icon: m, className: "size-2 fill-current" }) }) }),
-      r
-    ]
-  }
-));
-d.displayName = t.RadioItem.displayName;
-export {
-  d as FilterRadioItem
-};

package/dist/esm/components/filter/filter-separator.js

@@ -1,20 +0,0 @@
-import { jsx as a } from "react/jsx-runtime";
-import * as r from "@radix-ui/react-dropdown-menu";
-import * as p from "react";
-import "@gearbox-protocol/sdk/onchain";
-import { cn as i } from "../../utils/cn.js";
-import "sonner";
-import "luxon";
-import "../../utils/z-index.js";
-const e = p.forwardRef(({ className: o, ...m }, t) => /* @__PURE__ */ a(
-  r.Separator,
-  {
-    ref: t,
-    className: i("-mx-1 my-1 h-px bg-muted", o),
-    ...m
-  }
-));
-e.displayName = r.Separator.displayName;
-export {
-  e as FilterSeparator
-};

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

@@ -1,26 +0,0 @@
-import { FilterBlock as e } from "./filter-block.js";
-import { FilterCheckboxItem as l } from "./filter-checkbox-item.js";
-import { FilterChip as i } from "./filter-chip.js";
-import { FilterChips as f } from "./filter-chips.js";
-import { FilterDropdownItem as F } from "./filter-dropdown-item.js";
-import { FilterGroup as d } from "./filter-group.js";
-import { FilterLabel as c } from "./filter-label.js";
-import { FilterModal as k } from "./filter-modal.js";
-import { FilterModalItem as b } from "./filter-modal-item.js";
-import { FilterRadioItem as s } from "./filter-radio-item.js";
-import { FilterSeparator as M } from "./filter-separator.js";
-import { filterBlockVariants as w } from "./variants.js";
-export {
-  e as FilterBlock,
-  l as FilterCheckboxItem,
-  i as FilterChip,
-  f as FilterChips,
-  F as FilterDropdownItem,
-  d as FilterGroup,
-  c as FilterLabel,
-  k as FilterModal,
-  b as FilterModalItem,
-  s as FilterRadioItem,
-  M as FilterSeparator,
-  w as filterBlockVariants
-};

package/dist/esm/components/filter/interface.js

@@ -1 +0,0 @@
-

package/dist/esm/components/filter/variants.js

@@ -1,17 +0,0 @@
-import { cva as a } from "class-variance-authority";
-const r = a("w-full", {
-  variants: {
-    variant: {
-      default: "",
-      elevated: "shadow-lg",
-      outlined: "border-2",
-      ghost: "border-0 shadow-none"
-    }
-  },
-  defaultVariants: {
-    variant: "default"
-  }
-});
-export {
-  r as filterBlockVariants
-};

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

@@ -1,81 +0,0 @@
-import { jsx as r, jsxs as a } 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/onchain";
-import { cn as i } from "../../utils/cn.js";
-import "sonner";
-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: i(
-          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__ */ a("div", { className: "flex items-center gap-2", children: [
-          s && /* @__PURE__ */ a(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: i(
-                "text-secondary-foreground transition-transform",
-                p && "rotate-180"
-              ),
-              style: { width: o, height: o }
-            }
-          )
-        ] })
-      }
-    );
-  }
-);
-N.displayName = "NetworkIndicator";
-export {
-  N as NetworkIndicator
-};