@gearbox-protocol/permissionless-ui 1.7.3 → 1.7.5

package/dist/esm/components/cards/card.js

@@ -1,82 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { cva } from "class-variance-authority";
-import * as React from "react";
-import cn from "../../utils/index.js";
-const cardVariants = cva(
-  "rounded-xl border border-border bg-card text-card-foreground",
-  {
-    variants: {
-      variant: {
-        default: "",
-        interactive: "hover:bg-secondary transition-colors cursor-pointer",
-        transparent: "bg-transparent hover:bg-transparent"
-      }
-    },
-    defaultVariants: {
-      variant: "default"
-    }
-  }
-);
-const Card = React.forwardRef(
-  ({ className, variant, ...props }, ref) => /* @__PURE__ */ jsx(
-    "div",
-    {
-      ref,
-      className: cn(cardVariants({ variant, className })),
-      ...props
-    }
-  )
-);
-Card.displayName = "Card";
-const CardHeader = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  "div",
-  {
-    ref,
-    className: cn(
-      "flex items-center py-2 px-4 border-b border-input",
-      className
-    ),
-    ...props
-  }
-));
-CardHeader.displayName = "CardHeader";
-const CardTitle = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  "div",
-  {
-    ref,
-    className: cn(
-      "font-semibold leading-none tracking-tight text-lg",
-      className
-    ),
-    ...props
-  }
-));
-CardTitle.displayName = "CardTitle";
-const CardDescription = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  "div",
-  {
-    ref,
-    className: cn("text-sm text-muted-foreground", className),
-    ...props
-  }
-));
-CardDescription.displayName = "CardDescription";
-const CardContent = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("p-4", className), ...props }));
-CardContent.displayName = "CardContent";
-const CardFooter = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  "div",
-  {
-    ref,
-    className: cn("flex items-center p-4 border-t border-input", className),
-    ...props
-  }
-));
-CardFooter.displayName = "CardFooter";
-export {
-  Card,
-  CardContent,
-  CardDescription,
-  CardFooter,
-  CardHeader,
-  CardTitle
-};

package/dist/esm/components/cards/danger-zone.js

@@ -1,11 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { Card, CardContent, CardHeader, CardTitle } from ".";
-function DangerZone({ children }) {
-  return /* @__PURE__ */ jsxs(Card, { className: "border-destructive", children: [
-    /* @__PURE__ */ jsx(CardHeader, { className: "border-destructive", children: /* @__PURE__ */ jsx(CardTitle, { className: "text-destructive", children: "Danger Zone" }) }),
-    /* @__PURE__ */ jsx(CardContent, { children })
-  ] });
-}
-export {
-  DangerZone
-};

package/dist/esm/components/cards/expandable-call.js

@@ -1,47 +0,0 @@
-"use client";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { ChevronDown } from "lucide-react";
-import * as React from "react";
-import cn from "../../utils/index.js";
-function ExpandablCall({
-  header,
-  children,
-  index,
-  isExpandable = true
-}) {
-  const [isExpanded, setIsExpanded] = React.useState(false);
-  return /* @__PURE__ */ jsxs("div", { className: "rounded bg-gray-900/50", children: [
-    /* @__PURE__ */ jsxs(
-      "div",
-      {
-        className: `flex ${isExpandable ? "cursor-pointer" : ""} items-center gap-2 p-3`,
-        onClick: () => {
-          if (isExpandable) {
-            setIsExpanded(!isExpanded);
-          }
-        },
-        children: [
-          /* @__PURE__ */ jsxs("span", { className: "text-muted-foreground", children: [
-            "#",
-            index
-          ] }),
-          header,
-          /* @__PURE__ */ jsx(
-            ChevronDown,
-            {
-              className: cn(
-                "ml-auto h-4 w-4 text-muted-foreground",
-                isExpanded ? "rotate-180" : "",
-                "transition-transform duration-200 ease-in-out"
-              )
-            }
-          )
-        ]
-      }
-    ),
-    isExpanded && /* @__PURE__ */ jsx("div", { className: "border-t border-gray-800 p-4 space-y-2", children })
-  ] });
-}
-export {
-  ExpandablCall
-};

package/dist/esm/components/cards/expandable-card.js

@@ -1,46 +0,0 @@
-"use client";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { ChevronDown } from "lucide-react";
-import * as React from "react";
-import cn from "../../utils/index.js";
-import { Card, CardContent } from "./card.js";
-function ExpandableCard({
-  header,
-  children,
-  alwaysExpanded = false
-}) {
-  const [isExpanded, setIsExpanded] = React.useState(alwaysExpanded);
-  return /* @__PURE__ */ jsxs(Card, { children: [
-    /* @__PURE__ */ jsxs(
-      "div",
-      {
-        className: cn(
-          "flex items-center justify-between gap-4 p-4 rounded-t-xl",
-          alwaysExpanded ? "" : "cursor-pointer hover:bg-secondary",
-          isExpanded ? "" : "rounded-b-xl"
-        ),
-        onClick: () => {
-          if (alwaysExpanded) return;
-          setIsExpanded(!isExpanded);
-        },
-        children: [
-          /* @__PURE__ */ jsx("div", { className: "flex-1", children: header }),
-          !alwaysExpanded && /* @__PURE__ */ jsx("span", { className: "text-muted-foreground transform transition-transform", children: /* @__PURE__ */ jsx(
-            ChevronDown,
-            {
-              className: cn(
-                "h-4 w-4 text-muted-foreground",
-                isExpanded ? "rotate-180" : "",
-                "transition-transform duration-200 ease-in-out"
-              )
-            }
-          ) })
-        ]
-      }
-    ),
-    isExpanded && /* @__PURE__ */ jsx(CardContent, { className: "border-t border-input bg-gray-900/30", children })
-  ] });
-}
-export {
-  ExpandableCard
-};

package/dist/esm/components/checkbox-item.js

@@ -1,48 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { Check } from "lucide-react";
-import * as React from "react";
-import cn from "../utils/index.js";
-const CheckboxItem = React.forwardRef(
-  ({ className, children, checked, onCheckedChange, disabled, ...props }, ref) => {
-    return /* @__PURE__ */ jsxs(
-      "label",
-      {
-        ref,
-        className: cn(
-          "relative flex cursor-pointer select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors",
-          "hover:bg-secondary",
-          disabled && "pointer-events-none opacity-50",
-          className
-        ),
-        ...props,
-        children: [
-          /* @__PURE__ */ jsx(
-            "input",
-            {
-              type: "checkbox",
-              checked,
-              onChange: (e) => onCheckedChange?.(e.target.checked),
-              disabled,
-              className: "sr-only"
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            "span",
-            {
-              className: cn(
-                "absolute left-2 flex h-4 w-4 items-center justify-center rounded-[4px] border border-primary shadow transition-colors",
-                checked && "bg-primary text-primary-foreground"
-              ),
-              children: checked && /* @__PURE__ */ jsx(Check, { className: "h-4 w-4" })
-            }
-          ),
-          children
-        ]
-      }
-    );
-  }
-);
-CheckboxItem.displayName = "CheckboxItem";
-export {
-  CheckboxItem
-};

package/dist/esm/components/checkbox.js

@@ -1,27 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
-import { Check } from "lucide-react";
-import * as React from "react";
-import cn from "../utils/index.js";
-const Checkbox = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  CheckboxPrimitive.Root,
-  {
-    ref,
-    className: cn(
-      "peer h-4 w-4 shrink-0 rounded-sm border border-primary shadow cursor-pointer focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground",
-      className
-    ),
-    ...props,
-    children: /* @__PURE__ */ jsx(
-      CheckboxPrimitive.Indicator,
-      {
-        className: cn("flex items-center justify-center text-current"),
-        children: /* @__PURE__ */ jsx(Check, { className: "h-4 w-4" })
-      }
-    )
-  }
-));
-Checkbox.displayName = CheckboxPrimitive.Root.displayName;
-export {
-  Checkbox
-};

package/dist/esm/components/compound-apy.js

@@ -1,203 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import * as React from "react";
-import cn from "../utils/index.js";
-import { formatPercentAmount } from "../utils/format-money.js";
-import { Description } from "./description.js";
-import { TokenIcon } from "./token-icon.js";
-import {
-  Tooltip,
-  TooltipContent,
-  TooltipProvider,
-  TooltipTrigger
-} from "./tooltip.js";
-import { FormattedMessageTyped } from "./typed-intl/index.js";
-function CompoundAPY({
-  totalAPY,
-  baseAPY,
-  extraAPY,
-  externalAPY,
-  tokensList,
-  decimals = 2,
-  className
-}) {
-  const nonZeroExtraAPY = React.useMemo(() => {
-    return extraAPY.filter((apy) => (apy.apy || 0) > 0);
-  }, [extraAPY]);
-  const hasNonZeroExtraAPY = nonZeroExtraAPY.length > 0;
-  const hasExternalAPY = externalAPY && externalAPY.totalValue > 0 && externalAPY.totalValue !== totalAPY;
-  const hasBreakdown = hasNonZeroExtraAPY || hasExternalAPY || baseAPY.length > 1;
-  const apyString = React.useMemo(() => {
-    const number = [
-      formatPercentAmount(totalAPY, decimals),
-      ...hasExternalAPY ? [formatPercentAmount(externalAPY.totalValue, decimals)] : []
-    ].join("-");
-    return `${number}%`;
-  }, [totalAPY, hasExternalAPY, externalAPY, decimals]);
-  if (!hasBreakdown) {
-    return /* @__PURE__ */ jsxs("div", { className: cn("font-medium", className), children: [
-      formatPercentAmount(totalAPY, decimals),
-      "%"
-    ] });
-  }
-  const BASE_TITLE = {
-    supplyAPY: "components.apyParts.supplyAPY",
-    tokenYield: "components.apyParts.tokenYield"
-  };
-  const BASE_TITLE_DESCRIPTION = {
-    supplyAPY: "components.apyParts.supplyAPY.tip",
-    tokenYield: "components.apyParts.tokenYield.tip"
-  };
-  return /* @__PURE__ */ jsx(TooltipProvider, { children: /* @__PURE__ */ jsxs(Tooltip, { children: [
-    /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxs("div", { className: "inline-flex flex-col", children: [
-      /* @__PURE__ */ jsxs(
-        "div",
-        {
-          className: cn(
-            "inline-flex items-center gap-1.5 font-medium cursor-help",
-            className
-          ),
-          children: [
-            apyString,
-            /* @__PURE__ */ jsxs(
-              "svg",
-              {
-                className: "h-3.5 w-3.5 ",
-                fill: "none",
-                viewBox: "0 0 24 24",
-                stroke: "currentColor",
-                role: "img",
-                "aria-label": "APY Information",
-                children: [
-                  /* @__PURE__ */ jsx("title", { children: "APY Information" }),
-                  /* @__PURE__ */ jsx(
-                    "path",
-                    {
-                      strokeLinecap: "round",
-                      strokeLinejoin: "round",
-                      strokeWidth: 2,
-                      d: "M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
-                    }
-                  )
-                ]
-              }
-            )
-          ]
-        }
-      ),
-      hasNonZeroExtraAPY && /* @__PURE__ */ jsx("div", { className: "flex gap-1 mt-1 justify-end", children: nonZeroExtraAPY.map((r) => {
-        const token = tokensList?.[r.rewardToken];
-        const symbol = token?.symbol || r.rewardTokenSymbol;
-        return /* @__PURE__ */ jsx(
-          TokenIcon,
-          {
-            symbol,
-            size: 18
-          },
-          `icon-${r.rewardToken}-${r.apy}`
-        );
-      }) })
-    ] }) }),
-    /* @__PURE__ */ jsx(TooltipContent, { className: "max-w-xs", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2 text-sm", children: [
-      baseAPY.map((r) => /* @__PURE__ */ jsxs(
-        "div",
-        {
-          className: "flex justify-between items-start gap-4",
-          children: [
-            /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-0.5", children: [
-              /* @__PURE__ */ jsxs("span", { className: "", children: [
-                /* @__PURE__ */ jsx(FormattedMessageTyped, { messageId: BASE_TITLE[r.type] }),
-                ":"
-              ] }),
-              /* @__PURE__ */ jsx(Description, { className: "text-xs", children: /* @__PURE__ */ jsx(
-                FormattedMessageTyped,
-                {
-                  messageId: BASE_TITLE_DESCRIPTION[r.type]
-                }
-              ) })
-            ] }),
-            /* @__PURE__ */ jsxs("span", { className: "font-medium", children: [
-              formatPercentAmount(r.apy, decimals),
-              "%"
-            ] })
-          ]
-        },
-        `base-${r.type}-${r.apy}`
-      )),
-      nonZeroExtraAPY.map((r) => {
-        const token = tokensList?.[r.rewardToken];
-        const symbol = token?.symbol || r.rewardTokenSymbol;
-        return /* @__PURE__ */ jsxs(
-          "div",
-          {
-            className: "flex justify-between items-start gap-4",
-            children: [
-              /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-0.5", children: [
-                /* @__PURE__ */ jsxs("span", { className: " flex items-center gap-1.5", children: [
-                  /* @__PURE__ */ jsx(TokenIcon, { symbol, size: 16 }),
-                  /* @__PURE__ */ jsx(
-                    FormattedMessageTyped,
-                    {
-                      messageId: "components.apyParts.extraAPY",
-                      values: { symbol }
-                    }
-                  ),
-                  ":"
-                ] }),
-                /* @__PURE__ */ jsx(Description, { className: "text-xs", children: /* @__PURE__ */ jsx(FormattedMessageTyped, { messageId: "components.apyParts.extraAPY.tip" }) })
-              ] }),
-              /* @__PURE__ */ jsxs("span", { className: "font-medium text-green-500", children: [
-                "+",
-                formatPercentAmount(r.apy, decimals),
-                "%"
-              ] })
-            ]
-          },
-          `extra-${r.rewardToken}-${r.apy}`
-        );
-      }),
-      /* @__PURE__ */ jsxs("div", { className: "flex justify-between gap-4 pt-2 border-t border-border", children: [
-        /* @__PURE__ */ jsxs("span", { className: "font-medium", children: [
-          /* @__PURE__ */ jsx(FormattedMessageTyped, { messageId: "components.apyParts.totalAPY" }),
-          ":"
-        ] }),
-        /* @__PURE__ */ jsxs("span", { className: "font-bold", children: [
-          formatPercentAmount(totalAPY, decimals),
-          "%"
-        ] })
-      ] }),
-      externalAPY?.tooltip && /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-2 pt-2 border-t border-border text-xs opacity-80", children: [
-        /* @__PURE__ */ jsxs(
-          "svg",
-          {
-            className: "h-3.5 w-3.5 mt-0.5 flex-shrink-0",
-            fill: "currentColor",
-            viewBox: "0 0 20 20",
-            role: "img",
-            "aria-label": "External APY",
-            children: [
-              /* @__PURE__ */ jsx("title", { children: "External APY" }),
-              /* @__PURE__ */ jsx("path", { d: "M11 3a1 1 0 10-2 0v1a1 1 0 102 0V3zM15.657 5.757a1 1 0 00-1.414-1.414l-.707.707a1 1 0 001.414 1.414l.707-.707zM18 10a1 1 0 01-1 1h-1a1 1 0 110-2h1a1 1 0 011 1zM5.05 6.464A1 1 0 106.464 5.05l-.707-.707a1 1 0 00-1.414 1.414l.707.707zM5 10a1 1 0 01-1 1H3a1 1 0 110-2h1a1 1 0 011 1zM8 16v-1h4v1a2 2 0 11-4 0zM12 14c.015-.34.208-.646.477-.859a4 4 0 10-4.954 0c.27.213.462.519.476.859h4.002z" })
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsx("div", { className: "font-medium", children: /* @__PURE__ */ jsx(
-          FormattedMessageTyped,
-          {
-            messageId: externalAPY.tooltip,
-            values: {
-              name: externalAPY.name,
-              value: /* @__PURE__ */ jsxs("span", { className: "font-bold", children: [
-                "+",
-                formatPercentAmount(externalAPY.value, decimals),
-                "%"
-              ] })
-            }
-          }
-        ) })
-      ] })
-    ] }) })
-  ] }) });
-}
-export {
-  CompoundAPY
-};

package/dist/esm/components/credit-session-status.js

@@ -1,33 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import cn from "../utils/index.js";
-const COLOR_BY_STATUS = {
-  active: "bg-green-500",
-  closed: "bg-gray-500",
-  repaid: "bg-gray-500",
-  liquidated: "bg-red-500",
-  liquidateExpired: "bg-red-500",
-  liquidatePaused: "bg-red-500"
-};
-function CreditSessionStatus({
-  status,
-  className
-}) {
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      className: cn(
-        "inline-flex items-center gap-1.5 px-3 py-1.5",
-        "text-xs font-medium uppercase tracking-wider",
-        "bg-muted border border-border rounded-md",
-        className
-      ),
-      children: [
-        /* @__PURE__ */ jsx("div", { className: cn("w-2 h-2 rounded-full", COLOR_BY_STATUS[status]) }),
-        status
-      ]
-    }
-  );
-}
-export {
-  CreditSessionStatus
-};

package/dist/esm/components/description.js

@@ -1,14 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import cn from "../utils/index.js";
-function Description({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    "span",
-    {
-      className: cn("text-sm text-muted-foreground", className),
-      ...props
-    }
-  );
-}
-export {
-  Description
-};

package/dist/esm/components/detailed-page-title.js

@@ -1,75 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { Copy, ExternalLink } from "lucide-react";
-import * as React from "react";
-import cn from "../utils/index.js";
-import { copyToClipboard } from "../utils/copy.js";
-import { Button } from "./buttons/button.js";
-import {
-  DropdownMenu,
-  DropdownMenuContent,
-  DropdownMenuItem,
-  DropdownMenuTrigger
-} from "./dropdown-menu/index.js";
-import { PageTitle } from "./page-title.js";
-import { TokenIcon } from "./token-icon.js";
-import { useIntlTyped } from "./typed-intl/index.js";
-function DetailedPageTitle({
-  title,
-  token,
-  toCopy,
-  explorerLinks,
-  className
-}) {
-  const _intl = useIntlTyped();
-  const [isPressed, setIsPressed] = React.useState(false);
-  const handleCopy = () => {
-    if (toCopy) {
-      copyToClipboard({ text: toCopy });
-      setIsPressed(true);
-      setTimeout(() => setIsPressed(false), 150);
-    }
-  };
-  return /* @__PURE__ */ jsx(
-    PageTitle,
-    {
-      icon: token?.symbol && /* @__PURE__ */ jsx(TokenIcon, { symbol: token.symbol, size: 36 }),
-      actions: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-        toCopy && /* @__PURE__ */ jsx(
-          Button,
-          {
-            variant: "ghost",
-            size: "icon",
-            onClick: handleCopy,
-            title: "Copy address",
-            className: cn(
-              "transition-all",
-              isPressed ? "scale-75" : "scale-100"
-            ),
-            children: /* @__PURE__ */ jsx(Copy, { className: "h-4 w-4" })
-          }
-        ),
-        explorerLinks && explorerLinks.length > 0 && /* @__PURE__ */ jsxs(DropdownMenu, { children: [
-          /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsx(Button, { variant: "ghost", size: "icon", title: "View in explorer", children: /* @__PURE__ */ jsx(ExternalLink, { className: "h-4 w-4" }) }) }),
-          /* @__PURE__ */ jsx(DropdownMenuContent, { align: "end", children: explorerLinks.map((explorer) => /* @__PURE__ */ jsx(DropdownMenuItem, { asChild: true, children: /* @__PURE__ */ jsxs(
-            "a",
-            {
-              href: explorer.link,
-              target: "_blank",
-              rel: "noopener noreferrer",
-              className: "flex items-center gap-2",
-              children: [
-                explorer.label,
-                /* @__PURE__ */ jsx(ExternalLink, { className: "h-3 w-3 ml-auto" })
-              ]
-            }
-          ) }, explorer.link)) })
-        ] })
-      ] }),
-      className: cn(className),
-      children: title
-    }
-  );
-}
-export {
-  DetailedPageTitle
-};

package/dist/esm/components/error-message.js

@@ -1,36 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { FormattedMessage } from "react-intl";
-import cn from "../utils/index.js";
-import { Button } from "./buttons/button.js";
-import { DialogContainer } from "./dialog/dialog-container.js";
-import { FormattedMessageTyped } from "./typed-intl/index.js";
-function ErrorMessage({
-  err,
-  btnTitle,
-  onClick,
-  theme = "default"
-}) {
-  return /* @__PURE__ */ jsx(
-    DialogContainer,
-    {
-      maxWidth: "md",
-      padding: true,
-      className: cn(
-        "min-h-[200px] min-w-[320px] max-w-[600px]",
-        theme === "dark" && "bg-slate-900",
-        theme === "light" && "bg-white"
-      ),
-      children: /* @__PURE__ */ jsxs("div", { className: "flex w-full flex-wrap justify-center", children: [
-        /* @__PURE__ */ jsxs("div", { className: "w-full text-center text-xl font-medium text-muted-foreground", children: [
-          /* @__PURE__ */ jsx(FormattedMessageTyped, { messageId: "components.errorMessage.oops" }),
-          "\u{1F62C}"
-        ] }),
-        /* @__PURE__ */ jsx("div", { className: "flex w-full min-h-[100px] justify-center items-start pt-5 pr-8 pl-3 text-lg text-center", children: /* @__PURE__ */ jsx(FormattedMessage, { id: err.message, defaultMessage: err.message }) }),
-        /* @__PURE__ */ jsx(Button, { onClick, className: "w-1/2", children: btnTitle })
-      ] })
-    }
-  );
-}
-export {
-  ErrorMessage
-};

package/dist/esm/components/guard.js

@@ -1,10 +0,0 @@
-function Guard({
-  showGuard,
-  guard,
-  children
-}) {
-  return showGuard ? guard : children;
-}
-export {
-  Guard
-};