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

package/dist/esm/components/table/table-loader.js

@@ -1,25 +0,0 @@
-import { jsx as i } from "react/jsx-runtime";
-import { GridLoadingLine as d } from "./grid-loading-line.js";
-import { GridTableBody as f } from "./grid-table.js";
-function c({
-  height: t = "70px",
-  columns: e = 6,
-  rows: r = 5,
-  cellClassName: m,
-  className: a,
-  ...n
-}) {
-  return /* @__PURE__ */ i(f, { className: a, ...n, children: Array.from({ length: r }, (l, o) => /* @__PURE__ */ i(
-    d,
-    {
-      height: t,
-      columns: e,
-      cellClassName: m,
-      last: o === r - 1
-    },
-    `${o}-${r}`
-  )) });
-}
-export {
-  c as TableLoader
-};

package/dist/esm/components/with-title/index.js

@@ -1,4 +0,0 @@
-import { WithTitle as i } from "./with-title.js";
-export {
-  i as WithTitle
-};

package/dist/esm/components/with-title/with-title.js

@@ -1,46 +0,0 @@
-import { jsxs as p, jsx as i } from "react/jsx-runtime";
-import { cva as x } from "class-variance-authority";
-import "react";
-import "@gearbox-protocol/sdk";
-import { cn as e } from "../../utils/cn.js";
-import "sonner";
-import "@gearbox-protocol/sdk/common-utils";
-import "luxon";
-import "../../utils/z-index.js";
-const a = x("", {
-  variants: {
-    size: {
-      sm: "text-[14px] mb-[14px]",
-      default: "text-body mb-[18px]",
-      md: "text-lg mb-[22px]",
-      lg: "text-[21px] mb-[22px]"
-    }
-  },
-  defaultVariants: {
-    size: "default"
-  }
-});
-function g({
-  title: m,
-  children: t,
-  size: o = "default",
-  className: r
-}) {
-  return /* @__PURE__ */ p("div", { className: e("flex flex-col"), children: [
-    /* @__PURE__ */ i(
-      "div",
-      {
-        className: e(
-          "text-foreground font-medium",
-          a({ size: o }),
-          r
-        ),
-        children: m
-      }
-    ),
-    t !== void 0 && /* @__PURE__ */ i("div", { children: t })
-  ] });
-}
-export {
-  g as WithTitle
-};

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-debounce.js

@@ -1,21 +0,0 @@
-import { useMemo as c, useEffect as r } from "react";
-const i = (t, o) => {
-  let e = null;
-  const n = () => {
-    e && (clearTimeout(e), e = null);
-  }, s = (u) => () => {
-    t(u), n();
-  };
-  return [(u) => {
-    n(), e = window.setTimeout(s(u), o);
-  }, n];
-};
-function f(t, o = 1e3) {
-  const [e, n] = c(() => i(t, o), [t, o]);
-  return r(() => function() {
-    n();
-  }, [n]), e;
-}
-export {
-  f as useDebounce
-};

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
-};