@gearbox-protocol/permissionless-ui 1.7.2 → 1.7.4

package/dist/esm/components/health-factor.js

@@ -1,61 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import cn from "../utils/index.js";
-import { formatPercentAmount, PERCENTAGE_FACTOR } from "../utils/format-money.js";
-const GOOD_HF = 15e3;
-const BAD_HF = 11e3;
-const CRITICAL_HF = 10500;
-const getHFZones = (hf) => {
-  if (!hf) return void 0;
-  const hfInBasisPoints = Number(hf);
-  if (hfInBasisPoints >= GOOD_HF) return "good";
-  if (hfInBasisPoints > BAD_HF) return "medium";
-  if (hfInBasisPoints > CRITICAL_HF) return "bad";
-  if (hfInBasisPoints > PERCENTAGE_FACTOR) return "critical";
-  return "liquidation";
-};
-function HealthFactor({
-  value,
-  debt,
-  decimals = 3,
-  zone,
-  showColor = true,
-  className,
-  ...props
-}) {
-  const zeroDebt = debt !== void 0 && debt === 0n;
-  const getZone = () => {
-    if (zeroDebt) return void 0;
-    return zone === void 0 || zone === null ? getHFZones(value) : zone;
-  };
-  const currentZone = getZone();
-  const getColorClass = () => {
-    if (!showColor || currentZone === void 0) return "";
-    switch (currentZone) {
-      case "good":
-        return "text-green-600";
-      case "medium":
-        return "text-yellow-600";
-      case "bad":
-        return "text-orange-500";
-      case "critical":
-      case "liquidation":
-        return "text-destructive";
-      default:
-        return "";
-    }
-  };
-  const renderValue = () => {
-    if (zeroDebt) return "N/A";
-    const numValue = Number(value);
-    const hfDecimal = numValue / PERCENTAGE_FACTOR;
-    const formatted = formatPercentAmount(hfDecimal, decimals);
-    return String(formatted);
-  };
-  return /* @__PURE__ */ jsx("div", { className: cn("font-medium", getColorClass(), className), ...props, children: renderValue() });
-}
-export {
-  BAD_HF,
-  GOOD_HF,
-  HealthFactor,
-  getHFZones
-};

package/dist/esm/components/help-center-container.js

@@ -1,83 +0,0 @@
-"use client";
-import { jsx } from "react/jsx-runtime";
-import { useEffect, useState } from "react";
-import { cn } from "../utils/cn.js";
-import { BlockSync } from "./block-sync.js";
-function usePageParams() {
-  const [pageVerticalOffset, setPageVerticalOffset] = useState(
-    typeof window !== "undefined" ? window.scrollY : 0
-  );
-  const [clientHeight, setClientHeight] = useState(
-    typeof document !== "undefined" ? document.documentElement.clientHeight : 0
-  );
-  useEffect(() => {
-    const handleWindowScroll = () => {
-      setPageVerticalOffset(window.scrollY);
-    };
-    const handleDocumentResize = () => {
-      setClientHeight(document.documentElement.clientHeight);
-    };
-    window.addEventListener("scroll", handleWindowScroll);
-    window.addEventListener("resize", handleDocumentResize);
-    return () => {
-      window.removeEventListener("scroll", handleWindowScroll);
-      window.removeEventListener("resize", handleDocumentResize);
-    };
-  }, []);
-  const clientOffsetHeight = typeof document !== "undefined" ? Math.max(
-    document.body.scrollHeight,
-    document.documentElement.scrollHeight,
-    document.body.offsetHeight,
-    document.documentElement.offsetHeight,
-    document.body.clientHeight,
-    document.documentElement.clientHeight
-  ) : 0;
-  return {
-    pageVerticalOffset,
-    clientHeight,
-    clientOffsetHeight
-  };
-}
-function HelpCenterContainer({
-  blockSyncProps,
-  footerHeight,
-  gapFromFooter
-}) {
-  const [bottomDistance, setBottomDistance] = useState(gapFromFooter);
-  const { pageVerticalOffset, clientOffsetHeight, clientHeight } = usePageParams();
-  useEffect(() => {
-    const gapFromBottom = footerHeight + gapFromFooter;
-    const distance = clientOffsetHeight - (clientHeight + pageVerticalOffset);
-    const visibleFooter = distance < gapFromBottom ? gapFromBottom - distance : 0;
-    setBottomDistance(gapFromFooter + visibleFooter);
-  }, [
-    pageVerticalOffset,
-    clientHeight,
-    clientOffsetHeight,
-    footerHeight,
-    gapFromFooter
-  ]);
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: cn(
-        // Desktop: fixed position with dynamic bottom
-        "hidden sm:flex",
-        "fixed right-9 flex-col items-end gap-2 text-xs text-muted-foreground z-[100]",
-        "transition-[bottom] duration-300 ease-in-out"
-      ),
-      style: { bottom: `${bottomDistance}px` },
-      children: /* @__PURE__ */ jsx(
-        BlockSync,
-        {
-          blockByChain: blockSyncProps.blockByChain,
-          explorerAddresses: blockSyncProps.explorerAddresses,
-          networkById: blockSyncProps.networkById
-        }
-      )
-    }
-  );
-}
-export {
-  HelpCenterContainer
-};

package/dist/esm/components/hide-on.js

@@ -1,41 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { cn } from "../utils/cn.js";
-const breakpointClasses = {
-  small: "sm:hidden",
-  medium: "md:hidden",
-  large: "lg:hidden",
-  xlarge: "xl:hidden"
-};
-function HideOn({
-  $breakpoint,
-  children,
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx("div", { className: cn(breakpointClasses[$breakpoint], className), ...props, children });
-}
-const showBreakpointClasses = {
-  small: "hidden sm:block",
-  medium: "hidden md:block",
-  large: "hidden lg:block",
-  xlarge: "hidden xl:block"
-};
-function ShowOn({
-  $breakpoint,
-  children,
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: cn(showBreakpointClasses[$breakpoint], className),
-      ...props,
-      children
-    }
-  );
-}
-export {
-  HideOn,
-  ShowOn
-};

package/dist/esm/components/horizontal-indicator.js

@@ -1,34 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { HelpCircle } from "lucide-react";
-import * as React from "react";
-import cn from "../utils/index.js";
-import {
-  Tooltip,
-  TooltipContent,
-  TooltipProvider,
-  TooltipTrigger
-} from "./tooltip.js";
-const HorizontalIndicator = React.forwardRef(({ label, value, tip, valueDescription, className }, ref) => /* @__PURE__ */ jsxs("div", { ref, className: cn("flex flex-col gap-2 w-full", className), children: [
-  /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-sm text-muted-foreground", children: [
-    /* @__PURE__ */ jsx("span", { children: label }),
-    tip && /* @__PURE__ */ jsx(TooltipProvider, { delayDuration: 0, children: /* @__PURE__ */ jsxs(Tooltip, { children: [
-      /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
-        "button",
-        {
-          type: "button",
-          className: "inline-flex items-center justify-center text-muted-foreground hover:text-foreground transition-colors cursor-help",
-          children: /* @__PURE__ */ jsx(HelpCircle, { className: "h-3.5 w-3.5" })
-        }
-      ) }),
-      /* @__PURE__ */ jsx(TooltipContent, { side: "top", className: "max-w-xs", children: /* @__PURE__ */ jsx("p", { children: tip }) })
-    ] }) })
-  ] }),
-  /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1", children: [
-    /* @__PURE__ */ jsx("div", { className: "text-base font-semibold text-foreground", children: value }),
-    valueDescription && /* @__PURE__ */ jsx("div", { className: "text-sm text-muted-foreground", children: valueDescription })
-  ] })
-] }));
-HorizontalIndicator.displayName = "HorizontalIndicator";
-export {
-  HorizontalIndicator
-};

package/dist/esm/components/image.js

@@ -1,32 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-function Image({
-  src,
-  alt,
-  width,
-  height,
-  onError,
-  onLoad,
-  className,
-  loading = "lazy"
-}) {
-  return (
-    // biome-ignore lint: This is a universal component that works outside Next.js
-    /* @__PURE__ */ jsx(
-      "img",
-      {
-        src,
-        alt,
-        width,
-        height,
-        className,
-        onError,
-        onLoad,
-        loading,
-        decoding: "async"
-      }
-    )
-  );
-}
-export {
-  Image
-};

package/dist/esm/components/input.js

@@ -1,56 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { cva } from "class-variance-authority";
-import cn from "../utils/index.js";
-const inputVariants = cva(
-  "flex w-full rounded-md border border-input px-3 py-1 shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground/70 focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm bg-[rgb(40,40,40)] text-white border-[rgb(100,100,100)] focus:bg-[rgb(40,40,40)] active:bg-[rgb(40,40,40)] [&:not(:placeholder-shown)]:bg-[rgb(40,40,40)] autofill:bg-[rgb(40,40,40)] [-webkit-autofill]:bg-[rgb(40,40,40)] [&:-webkit-autofill]:shadow-[0_0_0_1000px_rgb(40,40,40)_inset] [&:-webkit-autofill]:[text-fill-color:rgb(255,255,255)] outline-none",
-  {
-    variants: {
-      size: {
-        sm: "h-8 text-xs px-2",
-        default: "h-9",
-        lg: "h-11 text-base px-4"
-      },
-      variant: {
-        default: "",
-        error: "border-red-500",
-        success: "border-green-500"
-      }
-    },
-    defaultVariants: {
-      size: "default",
-      variant: "default"
-    }
-  }
-);
-function Input({
-  hasError,
-  errorMessage,
-  value,
-  size,
-  variant,
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col space-y-2", children: [
-    /* @__PURE__ */ jsx(
-      "input",
-      {
-        ...props,
-        value,
-        className: cn(
-          inputVariants({
-            size,
-            variant: hasError ? "error" : variant,
-            className
-          })
-        ),
-        onWheel: props.type === "number" ? (e) => e.currentTarget.blur() : void 0
-      }
-    ),
-    hasError && errorMessage && /* @__PURE__ */ jsx("p", { className: "text-destructive text-sm", children: errorMessage })
-  ] });
-}
-export {
-  Input,
-  inputVariants
-};

package/dist/esm/components/label.js

@@ -1,43 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import * as LabelPrimitive from "@radix-ui/react-label";
-import { cva } from "class-variance-authority";
-import * as React from "react";
-import cn from "../utils//index.js";
-const labelVariants = cva(
-  "flex font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70 mb-2 ",
-  {
-    variants: {
-      size: {
-        sm: "text-sm",
-        default: "text-md",
-        lg: "text-xl"
-      },
-      variant: {
-        default: "text-foreground",
-        muted: "text-muted-foreground",
-        error: "text-destructive",
-        success: "text-green-500"
-      },
-      required: {
-        true: "after:content-['*'] after:ml-0.5 after:text-destructive"
-      }
-    },
-    defaultVariants: {
-      size: "default",
-      variant: "default"
-    }
-  }
-);
-const Label = React.forwardRef(({ className, size, variant, required, ...props }, ref) => /* @__PURE__ */ jsx(
-  LabelPrimitive.Root,
-  {
-    ref,
-    className: cn(labelVariants({ size, variant, required, className })),
-    ...props
-  }
-));
-Label.displayName = LabelPrimitive.Root.displayName;
-export {
-  Label,
-  labelVariants
-};

package/dist/esm/components/layout/app-logo.js

@@ -1,33 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { cn } from "../../utils/cn.js";
-import { Image } from "../image.js";
-function AppLogo({
-  appName,
-  size = "default"
-}) {
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      className: cn(
-        "text-foreground flex items-center gap-2",
-        size === "default" ? "text-xl" : "text-md"
-      ),
-      children: [
-        /* @__PURE__ */ jsx(
-          Image,
-          {
-            src: "https://static.gearbox.fi/logo/logo_monochrome_white@2x.png",
-            alt: "Gearbox Protocol",
-            width: size === "default" ? 120 : 100,
-            height: size === "default" ? 24 : 20,
-            loading: "eager"
-          }
-        ),
-        /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: appName })
-      ]
-    }
-  );
-}
-export {
-  AppLogo
-};

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

@@ -1,158 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import React from "react";
-import { cn } from "../../utils/cn.js";
-const COL_SPAN_CLASSES = {
-  1: "col-span-1",
-  2: "col-span-2",
-  3: "col-span-3",
-  4: "col-span-4",
-  5: "col-span-5",
-  6: "col-span-6",
-  7: "col-span-7",
-  8: "col-span-8",
-  9: "col-span-9",
-  10: "col-span-10",
-  11: "col-span-11",
-  12: "col-span-12",
-  full: "col-span-full",
-  auto: "col-auto"
-};
-const COL_SPAN_SM_CLASSES = {
-  1: "sm:col-span-1",
-  2: "sm:col-span-2",
-  3: "sm:col-span-3",
-  4: "sm:col-span-4",
-  5: "sm:col-span-5",
-  6: "sm:col-span-6",
-  7: "sm:col-span-7",
-  8: "sm:col-span-8",
-  9: "sm:col-span-9",
-  10: "sm:col-span-10",
-  11: "sm:col-span-11",
-  12: "sm:col-span-12",
-  full: "sm:col-span-full",
-  auto: "sm:col-auto"
-};
-const COL_SPAN_MD_CLASSES = {
-  1: "md:col-span-1",
-  2: "md:col-span-2",
-  3: "md:col-span-3",
-  4: "md:col-span-4",
-  5: "md:col-span-5",
-  6: "md:col-span-6",
-  7: "md:col-span-7",
-  8: "md:col-span-8",
-  9: "md:col-span-9",
-  10: "md:col-span-10",
-  11: "md:col-span-11",
-  12: "md:col-span-12",
-  full: "md:col-span-full",
-  auto: "md:col-auto"
-};
-const COL_SPAN_LG_CLASSES = {
-  1: "lg:col-span-1",
-  2: "lg:col-span-2",
-  3: "lg:col-span-3",
-  4: "lg:col-span-4",
-  5: "lg:col-span-5",
-  6: "lg:col-span-6",
-  7: "lg:col-span-7",
-  8: "lg:col-span-8",
-  9: "lg:col-span-9",
-  10: "lg:col-span-10",
-  11: "lg:col-span-11",
-  12: "lg:col-span-12",
-  full: "lg:col-span-full",
-  auto: "lg:col-auto"
-};
-const COL_SPAN_XL_CLASSES = {
-  1: "xl:col-span-1",
-  2: "xl:col-span-2",
-  3: "xl:col-span-3",
-  4: "xl:col-span-4",
-  5: "xl:col-span-5",
-  6: "xl:col-span-6",
-  7: "xl:col-span-7",
-  8: "xl:col-span-8",
-  9: "xl:col-span-9",
-  10: "xl:col-span-10",
-  11: "xl:col-span-11",
-  12: "xl:col-span-12",
-  full: "xl:col-span-full",
-  auto: "xl:col-auto"
-};
-const getColSpanClass = (span, breakpoint) => {
-  if (!span) return "";
-  if (breakpoint === "sm") return COL_SPAN_SM_CLASSES[span] || "";
-  if (breakpoint === "md") return COL_SPAN_MD_CLASSES[span] || "";
-  if (breakpoint === "lg") return COL_SPAN_LG_CLASSES[span] || "";
-  if (breakpoint === "xl") return COL_SPAN_XL_CLASSES[span] || "";
-  return COL_SPAN_CLASSES[span] || "";
-};
-const COL_START_CLASSES = {
-  1: "col-start-1",
-  2: "col-start-2",
-  3: "col-start-3",
-  4: "col-start-4",
-  5: "col-start-5",
-  6: "col-start-6",
-  7: "col-start-7",
-  8: "col-start-8",
-  9: "col-start-9",
-  10: "col-start-10",
-  11: "col-start-11",
-  12: "col-start-12",
-  13: "col-start-13",
-  auto: "col-start-auto"
-};
-const ORDER_CLASSES = {
-  1: "order-1",
-  2: "order-2",
-  3: "order-3",
-  4: "order-4",
-  5: "order-5",
-  6: "order-6",
-  7: "order-7",
-  8: "order-8",
-  9: "order-9",
-  10: "order-10",
-  11: "order-11",
-  12: "order-12",
-  first: "order-first",
-  last: "order-last",
-  none: "order-none"
-};
-const getColStartClass = (start) => {
-  if (!start) return "";
-  return COL_START_CLASSES[start] || "";
-};
-const getOrderClass = (order) => {
-  if (!order) return "";
-  return ORDER_CLASSES[order] || "";
-};
-const Col = React.forwardRef(
-  ({ span = 12, sm, md, lg, xl, start, order, className, children, ...props }, ref) => {
-    return /* @__PURE__ */ jsx(
-      "div",
-      {
-        ref,
-        className: cn(
-          getColSpanClass(span),
-          getColSpanClass(sm, "sm"),
-          getColSpanClass(md, "md"),
-          getColSpanClass(lg, "lg"),
-          getColSpanClass(xl, "xl"),
-          getColStartClass(start),
-          getOrderClass(order),
-          className
-        ),
-        ...props,
-        children
-      }
-    );
-  }
-);
-Col.displayName = "Col";
-export {
-  Col
-};

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

@@ -1,41 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import React from "react";
-import { cn } from "../../utils/cn.js";
-const maxWidthClasses = {
-  sm: "max-w-screen-sm",
-  md: "max-w-screen-md",
-  lg: "max-w-screen-lg",
-  xl: "max-w-screen-xl",
-  "2xl": "max-w-screen-2xl",
-  full: "max-w-full"
-};
-const Container = React.forwardRef(
-  ({
-    maxWidth = "xl",
-    padding = true,
-    center = true,
-    className,
-    children,
-    ...props
-  }, ref) => {
-    return /* @__PURE__ */ jsx(
-      "div",
-      {
-        ref,
-        className: cn(
-          "w-full",
-          maxWidthClasses[maxWidth],
-          center && "mx-auto",
-          padding && "px-4 sm:px-6 lg:px-8",
-          className
-        ),
-        ...props,
-        children
-      }
-    );
-  }
-);
-Container.displayName = "Container";
-export {
-  Container
-};