@gearbox-protocol/ui-kit 4.0.0-next.5 → 4.0.0-next.51

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/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,82 +0,0 @@
-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/configs/design-tokens.js

@@ -1,85 +0,0 @@
-const e = {
-  colors: {
-    primary: "rgb(59, 130, 246)",
-    secondary: "rgb(100, 116, 139)",
-    destructive: "rgb(239, 68, 68)",
-    success: "rgb(34, 197, 94)",
-    warning: "rgb(251, 191, 36)"
-  },
-  spacing: {
-    xs: "0.5rem",
-    // 8px
-    sm: "0.75rem",
-    // 12px
-    md: "1rem",
-    // 16px
-    lg: "1.5rem",
-    // 24px
-    xl: "2rem"
-    // 32px
-  },
-  borderRadius: {
-    sm: "0.25rem",
-    md: "0.375rem",
-    lg: "0.5rem",
-    xl: "0.75rem",
-    full: "9999px"
-  },
-  typography: {
-    fontFamily: {
-      sans: 'system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif',
-      mono: 'ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace'
-    },
-    fontSize: {
-      xs: "0.75rem",
-      // 12px
-      sm: "0.875rem",
-      // 14px
-      base: "1rem",
-      // 16px
-      lg: "1.125rem",
-      // 18px
-      xl: "1.25rem",
-      // 20px
-      "2xl": "1.5rem",
-      // 24px
-      "3xl": "1.875rem",
-      // 30px
-      "4xl": "2.25rem"
-      // 36px
-    },
-    fontWeight: {
-      normal: "400",
-      medium: "500",
-      semibold: "600",
-      bold: "700"
-    },
-    lineHeight: {
-      tight: "1.25",
-      normal: "1.5",
-      relaxed: "1.75"
-    }
-  },
-  animation: {
-    duration: {
-      fast: "150ms",
-      normal: "300ms",
-      slow: "500ms"
-    },
-    easing: {
-      easeInOut: "cubic-bezier(0.4, 0, 0.2, 1)",
-      easeOut: "cubic-bezier(0.0, 0, 0.2, 1)",
-      easeIn: "cubic-bezier(0.4, 0, 1, 1)"
-    }
-  },
-  shadows: {
-    sm: "0 1px 2px 0 rgb(0 0 0 / 0.05)",
-    base: "0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)",
-    md: "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",
-    lg: "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)",
-    xl: "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)"
-  }
-};
-export {
-  e as designTokens
-};

package/dist/esm/configs/variants.js

@@ -1,28 +0,0 @@
-const e = {
-  xs: "text-xs",
-  sm: "text-sm",
-  default: "text-sm",
-  lg: "text-base",
-  xl: "text-lg"
-}, t = {
-  default: "",
-  error: "border-red-500 text-red-500 focus-visible:ring-red-500",
-  success: "border-green-500 text-green-500 focus-visible:ring-green-500",
-  warning: "border-yellow-500 text-yellow-500 focus-visible:ring-yellow-500"
-}, s = {
-  none: "p-0",
-  xs: "p-2",
-  sm: "p-4",
-  default: "p-6",
-  lg: "p-8",
-  xl: "p-10"
-}, r = {
-  default: "transition-colors duration-200",
-  disabled: "opacity-50 cursor-not-allowed pointer-events-none"
-};
-export {
-  r as interactiveVariants,
-  s as paddingVariants,
-  e as sizeVariants,
-  t as stateVariants
-};

package/dist/esm/hooks/use-checkbox-select.js

@@ -1,74 +0,0 @@
-import { useState as I, useMemo as s, useEffect as b, useCallback as p } from "react";
-import { usePrevious as C } from "./use-previous.js";
-const u = (e, n) => e.map((c, r) => ({
-  item: c,
-  index: r,
-  checked: Array.isArray(n) ? n[r] ?? !1 : n
-})), h = (e, n) => e.map(({ item: c, index: r }) => ({
-  item: c,
-  index: r,
-  checked: n
-})), S = (e, n) => {
-  const c = e[n];
-  return c ? [
-    ...e.slice(0, n),
-    { ...c, checked: !c.checked },
-    ...e.slice(n + 1)
-  ] : e;
-};
-function x(e, n = !0, c = !0) {
-  const [r, o] = I(
-    () => u(e, n)
-  ), a = s(() => Array.isArray(n) ? n.join(",") : String(n), [n]), i = C(a);
-  b(() => {
-    if (e.length > 0 && r.length === 0) {
-      o(u(e, n));
-      return;
-    }
-    if (e.length !== r.length) {
-      o(u(e, n));
-      return;
-    }
-    const m = i !== a && !c ? u(e, n) : r.map((A, v) => ({
-      ...A,
-      item: e[v]
-    }));
-    o(m);
-  }, [e, c, a]);
-  const l = s(
-    () => r.length > 0 && r.every(({ checked: t }) => t),
-    [r]
-  ), g = s(
-    () => r.filter(({ checked: t }) => t).map(({ item: t }) => t),
-    [r]
-  ), f = s(
-    () => r.filter(({ checked: t }) => t).length,
-    [r]
-  ), k = p(
-    (t) => {
-      if (t !== void 0) {
-        if (t === l) return;
-        o(h(r, t));
-      } else
-        o(h(r, !l));
-    },
-    [l, r]
-  ), y = p(
-    (t) => {
-      o(S(r, t));
-    },
-    [r]
-  );
-  return {
-    allChecked: l,
-    checkItems: r,
-    handleClickAll: k,
-    handleClickSingle: y,
-    setCheckItems: o,
-    checkedItems: g,
-    checkedCount: f
-  };
-}
-export {
-  x as useCheckboxSelect
-};

package/dist/esm/hooks/use-controllable-state.js

@@ -1,18 +0,0 @@
-import { useState as i, useCallback as f } from "react";
-function p({
-  value: s,
-  defaultValue: c,
-  onChange: l
-}) {
-  const [t, r] = i(c), o = s !== void 0, u = o ? s : t, a = f(
-    (e) => {
-      const n = typeof e == "function" ? e(t) : e;
-      o || r(n), l?.(n);
-    },
-    [o, l, t]
-  );
-  return [u, a];
-}
-export {
-  p as useControllableState
-};

package/dist/esm/hooks/use-hf.js

@@ -1,43 +0,0 @@
-import { calcHealthFactor as p } from "@gearbox-protocol/sdk/common-utils";
-import { useMemo as E } from "react";
-function H({
-  assets: t,
-  quotas: c,
-  prices: f,
-  liquidationThresholds: n,
-  underlyingToken: u,
-  debt: e,
-  quotasInfo: o,
-  allowZeroDebt: m = !1,
-  tokensList: l
-}) {
-  return { hf: E(() => {
-    try {
-      return e === 0n && !m ? 0 : p({
-        assets: t,
-        quotas: c,
-        prices: f,
-        liquidationThresholds: n,
-        underlyingToken: u,
-        debt: e,
-        quotasInfo: o,
-        tokensList: l
-      });
-    } catch (r) {
-      return typeof r == "object" && r !== null && "reason" in r && r.reason === "overflow" ? Number.MAX_SAFE_INTEGER : 0;
-    }
-  }, [
-    t,
-    c,
-    f,
-    n,
-    u,
-    e,
-    o,
-    m,
-    l
-  ]) };
-}
-export {
-  H as useHF
-};

package/dist/esm/hooks/use-opened-state.js

@@ -1,20 +0,0 @@
-import { useState as p, useCallback as t } from "react";
-function u(s = !1) {
-  const [n, e] = p(s), o = t(() => {
-    e(!0);
-  }, []), c = t(() => {
-    e(!1);
-  }, []), a = t(() => {
-    e((l) => !l);
-  }, []);
-  return {
-    isOpen: n,
-    open: o,
-    close: c,
-    toggle: a,
-    setIsOpen: e
-  };
-}
-export {
-  u as useOpenedState
-};

package/dist/esm/hooks/use-smart-number-input.js

@@ -1,10 +0,0 @@
-import { useState as t, useCallback as i } from "react";
-function p(n = 0n, e = "") {
-  const [o, u] = t(n), [m, a] = t(e), s = i((r, c) => {
-    u(r), a(c);
-  }, []);
-  return [o, m, s];
-}
-export {
-  p as useSmartNumberInput
-};