@gearbox-protocol/permissionless-ui 1.7.2 → 1.7.4

package/dist/cjs/components/typed-intl/index.cjs

@@ -0,0 +1,36 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const React = require('react');
+const reactIntl = require('react-intl');
+
+const renderStrong = (chunks) => /* @__PURE__ */ jsxRuntime.jsx("strong", { children: chunks });
+function FormattedMessageTyped({
+  messageId,
+  values
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    reactIntl.FormattedMessage,
+    {
+      id: messageId,
+      values: { strong: renderStrong, ...values }
+    }
+  );
+}
+function useIntlTyped() {
+  const intl = reactIntl.useIntl();
+  const formatMessage = React.useCallback(
+    ({ messageId }, values) => intl.formatMessage({ id: messageId }, values),
+    [intl]
+  );
+  const intlTyped = React.useMemo(
+    () => ({ formatMessage, intl }),
+    [intl, formatMessage]
+  );
+  return intlTyped;
+}
+
+exports.FormattedMessageTyped = FormattedMessageTyped;
+exports.useIntlTyped = useIntlTyped;

package/dist/cjs/components/vspace/index.cjs

@@ -0,0 +1,9 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const components_vspace_vspace = require('./vspace.cjs');
+
+
+
+exports.VSpace = components_vspace_vspace.VSpace;

package/dist/cjs/components/vspace/vspace.cjs

@@ -0,0 +1,11 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+
+function VSpace({ height }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { style: { height: `${height}px` } });
+}
+
+exports.VSpace = VSpace;

package/dist/cjs/components/with-filter-button/index.cjs

@@ -0,0 +1,9 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const components_withFilterButton_withFilterButton = require('./with-filter-button.cjs');
+
+
+
+exports.WithFilterButton = components_withFilterButton_withFilterButton.WithFilterButton;

package/dist/cjs/components/with-filter-button/with-filter-button.cjs

@@ -0,0 +1,75 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const React = require('react');
+const components_buttons_button_button = require('../buttons/button/button.cjs');
+const components_buttons_filterButton_filterButton = require('../buttons/filter-button/filter-button.cjs');
+const utils_cn = require('../../utils/cn.cjs');
+require('sonner');
+require('@gearbox-protocol/sdk');
+
+function _interopNamespaceDefault(e) {
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: 'Module' } });
+  if (e) {
+    for (const k in e) {
+      if (k !== 'default') {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+const React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+
+const WithFilterButton = React__namespace.forwardRef(
+  ({
+    children,
+    onClick,
+    buttonVariant = "outline",
+    buttonSize = "default",
+    buttonLabel = "Filter",
+    showIcon = true,
+    className,
+    buttonClassName,
+    onClearAll
+  }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        ref,
+        className: utils_cn.cn(
+          "w-full flex items-center justify-between gap-4",
+          className
+        ),
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1", children }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-shrink-0", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+            onClearAll && /* @__PURE__ */ jsxRuntime.jsx(components_buttons_button_button.Button, { variant: "ghost", size: "default", onClick: onClearAll, children: "Clear all" }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              components_buttons_filterButton_filterButton.FilterButton,
+              {
+                variant: buttonVariant,
+                size: buttonSize,
+                onClick,
+                className: buttonClassName,
+                label: buttonLabel,
+                showIcon
+              }
+            )
+          ] }) })
+        ]
+      }
+    );
+  }
+);
+WithFilterButton.displayName = "WithFilterButton";
+
+exports.WithFilterButton = WithFilterButton;

package/dist/cjs/configs/design-tokens.cjs

@@ -0,0 +1,88 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const designTokens = {
+  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)"
+  }
+};
+
+exports.designTokens = designTokens;

package/dist/cjs/configs/index.cjs

@@ -0,0 +1,19 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const configs_designTokens = require('./design-tokens.cjs');
+const configs_tailwind_config = require('./tailwind.config.cjs');
+const configs_tailwindPreset = require('./tailwind-preset.cjs');
+const configs_variants = require('./variants.cjs');
+
+
+
+exports.designTokens = configs_designTokens.designTokens;
+exports.tailwindConfig = configs_tailwind_config.default;
+exports.preset = configs_tailwindPreset.preset;
+exports.tailwindPreset = configs_tailwindPreset.preset;
+exports.interactiveVariants = configs_variants.interactiveVariants;
+exports.paddingVariants = configs_variants.paddingVariants;
+exports.sizeVariants = configs_variants.sizeVariants;
+exports.stateVariants = configs_variants.stateVariants;

package/dist/cjs/configs/tailwind-preset.cjs

@@ -0,0 +1,131 @@
+'use strict';
+
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+
+const tailwindAnimate = require('tailwindcss-animate');
+
+const preset = {
+  darkMode: "class",
+  safelist: [
+    // Grid columns - dynamically generated in Grid component
+    { pattern: /^grid-cols-(1|2|3|4|5|6|7|8|9|10|11|12)$/ },
+    { pattern: /^(sm|md|lg|xl):grid-cols-(1|2|3|4|5|6|7|8|9|10|11|12)$/ },
+    // Column spans - dynamically generated in Col component
+    { pattern: /^col-span-(1|2|3|4|5|6|7|8|9|10|11|12|full|auto)$/ },
+    {
+      pattern: /^(sm|md|lg|xl):col-span-(1|2|3|4|5|6|7|8|9|10|11|12|full|auto)$/
+    },
+    // Column start positions - dynamically generated in Col component
+    { pattern: /^col-start-(1|2|3|4|5|6|7|8|9|10|11|12|13|auto)$/ },
+    // Order utilities - dynamically generated in Col component
+    { pattern: /^order-(1|2|3|4|5|6|7|8|9|10|11|12|first|last|none)$/ },
+    // Gap utilities - dynamically generated in Grid component
+    { pattern: /^gap-(0|1|2|3|4|5|6|7|8|9|10|12|16|20|24)$/ },
+    { pattern: /^gap-(x|y)-(0|1|2|3|4|5|6|7|8|9|10|12|16|20|24)$/ }
+  ],
+  theme: {
+    extend: {
+      colors: {
+        background: "hsl(var(--background))",
+        foreground: "hsl(var(--foreground))",
+        card: {
+          DEFAULT: "hsl(var(--card))",
+          foreground: "hsl(var(--card-foreground))"
+        },
+        popover: {
+          DEFAULT: "hsl(var(--popover))",
+          foreground: "hsl(var(--popover-foreground))"
+        },
+        primary: {
+          DEFAULT: "hsl(var(--primary))",
+          foreground: "hsl(var(--primary-foreground))"
+        },
+        secondary: {
+          DEFAULT: "hsl(var(--secondary))",
+          foreground: "hsl(var(--secondary-foreground))"
+        },
+        muted: {
+          DEFAULT: "hsl(var(--muted))",
+          foreground: "hsl(var(--muted-foreground))"
+        },
+        accent: {
+          DEFAULT: "hsl(var(--accent))",
+          foreground: "hsl(var(--accent-foreground))"
+        },
+        destructive: {
+          DEFAULT: "hsl(var(--destructive))",
+          foreground: "hsl(var(--destructive-foreground))"
+        },
+        success: "hsl(var(--success))",
+        warning: "hsl(var(--warning))",
+        liquidation: "hsl(var(--liquidation))",
+        border: "hsl(var(--border))",
+        input: "hsl(var(--input))",
+        ring: "hsl(var(--ring))",
+        "text-secondary": "hsl(var(--text-secondary))",
+        "dropdown-dark-button": "hsl(var(--dropdown-dark-button))",
+        white: "hsl(var(--white))",
+        black: "hsl(var(--black))",
+        gray: {
+          10: "hsl(var(--gray-10))",
+          20: "hsl(var(--gray-20))",
+          30: "hsl(var(--gray-30))",
+          40: "hsl(var(--gray-40))",
+          50: "hsl(var(--gray-50))",
+          60: "hsl(var(--gray-60))",
+          70: "hsl(var(--gray-70))",
+          80: "hsl(var(--gray-80))",
+          90: "hsl(var(--gray-90))",
+          100: "hsl(var(--gray-100))",
+          110: "hsl(var(--gray-110))"
+        },
+        chart: {
+          "1": "hsl(var(--chart-1))",
+          "2": "hsl(var(--chart-2))",
+          "3": "hsl(var(--chart-3))",
+          "4": "hsl(var(--chart-4))",
+          "5": "hsl(var(--chart-5))"
+        }
+      },
+      fontFamily: {
+        sans: [
+          "Rubik",
+          "-apple-system",
+          "BlinkMacSystemFont",
+          "Segoe UI",
+          "Roboto",
+          "Oxygen",
+          "Ubuntu",
+          "Cantarell",
+          "Fira Sans",
+          "Droid Sans",
+          "Helvetica Neue",
+          "sans-serif"
+        ]
+      },
+      borderRadius: {
+        lg: "var(--radius)",
+        md: "calc(var(--radius) - 2px)",
+        sm: "calc(var(--radius) - 4px)"
+      },
+      keyframes: {
+        "accordion-down": {
+          from: { height: "0" },
+          to: { height: "var(--radix-accordion-content-height)" }
+        },
+        "accordion-up": {
+          from: { height: "var(--radix-accordion-content-height)" },
+          to: { height: "0" }
+        }
+      },
+      animation: {
+        "accordion-down": "accordion-down 0.2s ease-out",
+        "accordion-up": "accordion-up 0.2s ease-out"
+      }
+    }
+  },
+  plugins: [tailwindAnimate]
+};
+
+exports.default = preset;
+exports.preset = preset;

package/dist/cjs/configs/tailwind.config.cjs

@@ -0,0 +1,30 @@
+'use strict';
+
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+
+const configs_tailwindPreset = require('./tailwind-preset.cjs');
+
+const tailwindConfig = {
+  ...configs_tailwindPreset.preset,
+  content: {
+    files: [
+      "./pages/**/*.{js,ts,jsx,tsx,mdx}",
+      "./components/**/*.{js,ts,jsx,tsx,mdx}",
+      "./app/**/*.{js,ts,jsx,tsx,mdx}",
+      "./src/**/*.{js,ts,jsx,tsx,mdx}"
+    ]
+  },
+  theme: {
+    ...configs_tailwindPreset.preset.theme,
+    extend: {
+      ...configs_tailwindPreset.preset.theme?.extend,
+      fontFamily: {
+        ...configs_tailwindPreset.preset.theme?.extend?.fontFamily,
+        mono: ["var(--font-geist-mono)", "monospace"]
+      }
+    }
+  }
+};
+
+exports.preset = configs_tailwindPreset.preset;
+exports.default = tailwindConfig;

package/dist/cjs/configs/variants.cjs

@@ -0,0 +1,34 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const sizeVariants = {
+  xs: "text-xs",
+  sm: "text-sm",
+  default: "text-sm",
+  lg: "text-base",
+  xl: "text-lg"
+};
+const stateVariants = {
+  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"
+};
+const paddingVariants = {
+  none: "p-0",
+  xs: "p-2",
+  sm: "p-4",
+  default: "p-6",
+  lg: "p-8",
+  xl: "p-10"
+};
+const interactiveVariants = {
+  default: "transition-colors duration-200",
+  disabled: "opacity-50 cursor-not-allowed pointer-events-none"
+};
+
+exports.interactiveVariants = interactiveVariants;
+exports.paddingVariants = paddingVariants;
+exports.sizeVariants = sizeVariants;
+exports.stateVariants = stateVariants;

package/dist/cjs/hooks/index.cjs

@@ -0,0 +1,52 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const hooks_useControllableState = require('./use-controllable-state.cjs');
+const hooks_useDebounce = require('./use-debounce.cjs');
+const hooks_useFilter = require('./use-filter.cjs');
+const hooks_useHf = require('./use-hf.cjs');
+const hooks_useLiquidation_index = require('./use-liquidation/index.cjs');
+const hooks_useMediaQuery = require('./use-media-query.cjs');
+const hooks_usePrevious = require('./use-previous.cjs');
+const hooks_useLiquidation_utils = require('./use-liquidation/utils.cjs');
+
+
+
+exports.useControllableState = hooks_useControllableState.useControllableState;
+exports.useDebounce = hooks_useDebounce.useDebounce;
+exports.useDebounceCall = hooks_useDebounce.useDebounceCall;
+exports.getSortForField = hooks_useFilter.getSortForField;
+exports.useFilterAllSelected = hooks_useFilter.useFilterAllSelected;
+exports.useRangeFilter = hooks_useFilter.useRangeFilter;
+exports.useSelectFilter = hooks_useFilter.useSelectFilter;
+exports.useSort = hooks_useFilter.useSort;
+exports.useHF = hooks_useHf.useHF;
+exports.useEditPriceManually = hooks_useLiquidation_index.useEditPriceManually;
+exports.useLiquidationGraphParams = hooks_useLiquidation_index.useLiquidationGraphParams;
+exports.useLiquidationHeatmap = hooks_useLiquidation_index.useLiquidationHeatmap;
+exports.useIsDesktop = hooks_useMediaQuery.useIsDesktop;
+exports.useIsMobile = hooks_useMediaQuery.useIsMobile;
+exports.useIsTablet = hooks_useMediaQuery.useIsTablet;
+exports.useMediaQuery = hooks_useMediaQuery.useMediaQuery;
+exports.usePrevious = hooks_usePrevious.usePrevious;
+exports.CELL_BAD = hooks_useLiquidation_utils.CELL_BAD;
+exports.CELL_CURRENT = hooks_useLiquidation_utils.CELL_CURRENT;
+exports.CELL_GOOD = hooks_useLiquidation_utils.CELL_GOOD;
+exports.CELL_HOVERED = hooks_useLiquidation_utils.CELL_HOVERED;
+exports.CELL_LIQUIDATION = hooks_useLiquidation_utils.CELL_LIQUIDATION;
+exports.CELL_OK = hooks_useLiquidation_utils.CELL_OK;
+exports.DEFAULT_AXIS_MAX = hooks_useLiquidation_utils.DEFAULT_AXIS_MAX;
+exports.DEFAULT_AXIS_MIN = hooks_useLiquidation_utils.DEFAULT_AXIS_MIN;
+exports.formatAxisLabel = hooks_useLiquidation_utils.formatAxisLabel;
+exports.formatAxisTipLabel = hooks_useLiquidation_utils.formatAxisTipLabel;
+exports.formatAxisTipPrice = hooks_useLiquidation_utils.formatAxisTipPrice;
+exports.getCellClass = hooks_useLiquidation_utils.getCellClass;
+exports.isPointInCell = hooks_useLiquidation_utils.isPointInCell;
+exports.useAxis = hooks_useLiquidation_utils.useAxis;
+exports.useFixedAssets = hooks_useLiquidation_utils.useFixedAssets;
+exports.useIsAxisInRelativeUnits = hooks_useLiquidation_utils.useIsAxisInRelativeUnits;
+exports.useLiquidationGraphActivePrice = hooks_useLiquidation_utils.useLiquidationGraphActivePrice;
+exports.useLiquidationGraphCurrentActiveValue = hooks_useLiquidation_utils.useLiquidationGraphCurrentActiveValue;
+exports.usePriceInNumber = hooks_useLiquidation_utils.usePriceInNumber;
+exports.useWithLiquidationGraphActivePrices = hooks_useLiquidation_utils.useWithLiquidationGraphActivePrices;

package/dist/cjs/hooks/use-controllable-state.cjs

@@ -0,0 +1,29 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const React = require('react');
+
+function useControllableState({
+  value: controlledValue,
+  defaultValue,
+  onChange
+}) {
+  const [uncontrolledValue, setUncontrolledValue] = React.useState(defaultValue);
+  const isControlled = controlledValue !== void 0;
+  const value = isControlled ? controlledValue : uncontrolledValue;
+  const setValue = React.useCallback(
+    (nextValue) => {
+      const setter = nextValue;
+      const value2 = typeof nextValue === "function" ? setter(uncontrolledValue) : nextValue;
+      if (!isControlled) {
+        setUncontrolledValue(value2);
+      }
+      onChange?.(value2);
+    },
+    [isControlled, onChange, uncontrolledValue]
+  );
+  return [value, setValue];
+}
+
+exports.useControllableState = useControllableState;

package/dist/cjs/hooks/use-debounce.cjs

@@ -0,0 +1,46 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const React = require('react');
+
+const debounce = (func, delay) => {
+  let timer = null;
+  const cleanup = () => {
+    if (timer) {
+      clearTimeout(timer);
+      timer = null;
+    }
+  };
+  const makeSyncTask = (arg) => () => {
+    func(arg);
+    cleanup();
+  };
+  const setTask = (arg) => {
+    cleanup();
+    timer = window.setTimeout(makeSyncTask(arg), delay);
+  };
+  return [setTask, cleanup];
+};
+function useDebounce(call, delay = 1e3) {
+  const [set, clean] = React.useMemo(() => debounce(call, delay), [call, delay]);
+  React.useEffect(() => {
+    return function cleanOnUnmount() {
+      clean();
+    };
+  }, [clean]);
+  return set;
+}
+const anyCall = (c) => c();
+function useDebounceCall(delay) {
+  const debounced = useDebounce(anyCall, delay);
+  return React.useCallback(
+    (call) => {
+      debounced(call);
+    },
+    [debounced]
+  );
+}
+
+exports.useDebounce = useDebounce;
+exports.useDebounceCall = useDebounceCall;

package/dist/cjs/hooks/use-filter.cjs

@@ -0,0 +1,55 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const React = require('react');
+
+function useRangeFilter() {
+  const [range, setRange] = React.useState(null);
+  const resetRange = React.useCallback(() => setRange(null), []);
+  return [range, setRange, resetRange];
+}
+function useSelectFilter(initialState = null) {
+  const [list, setList] = React.useState(initialState);
+  const resetList = React.useCallback(() => setList(null), []);
+  return [list, setList, resetList];
+}
+const getNextSortType = (s) => s === "asc" ? "desc" : "asc";
+const getSortForField = (s, state) => {
+  if (s !== state?.field) return void 0;
+  return state.sort;
+};
+function useSort(initialState = null) {
+  const [currentSort, setCurrentSort] = React.useState(
+    initialState
+  );
+  const sort = React.useCallback(
+    (field, startFromSort = "asc") => {
+      if (field === currentSort?.field) {
+        setCurrentSort({ field, sort: getNextSortType(currentSort.sort) });
+      } else {
+        setCurrentSort({ field, sort: startFromSort });
+      }
+    },
+    [currentSort]
+  );
+  return [currentSort, sort];
+}
+function useFilterAllSelected(filterState) {
+  const r = React.useMemo(() => {
+    return Object.values(filterState).reduce(
+      ([s, a], i) => {
+        const selected = !!i.state;
+        return [s || selected, a && selected];
+      },
+      [false, true]
+    );
+  }, [filterState]);
+  return r;
+}
+
+exports.getSortForField = getSortForField;
+exports.useFilterAllSelected = useFilterAllSelected;
+exports.useRangeFilter = useRangeFilter;
+exports.useSelectFilter = useSelectFilter;
+exports.useSort = useSort;

package/dist/cjs/hooks/use-hf.cjs

@@ -0,0 +1,42 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const sdk = require('@gearbox-protocol/sdk');
+const React = require('react');
+
+function useHF({
+  assets,
+  quotas,
+  prices,
+  liquidationThresholds,
+  underlyingToken,
+  debt,
+  quotasInfo,
+  tokensList
+}) {
+  const hf = React.useMemo(() => {
+    return sdk.CreditAccountData_Legacy.calcHealthFactor({
+      assets,
+      quotas,
+      prices,
+      liquidationThresholds,
+      underlyingToken,
+      debt,
+      quotasInfo,
+      tokensList
+    });
+  }, [
+    assets,
+    quotas,
+    prices,
+    liquidationThresholds,
+    underlyingToken,
+    debt,
+    quotasInfo,
+    tokensList
+  ]);
+  return { hf };
+}
+
+exports.useHF = useHF;