@gearbox-protocol/permissionless-ui 1.7.3 → 1.7.5

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

@@ -0,0 +1,200 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import * as React from 'react';
+import { Description } from '../description/description.js';
+import { TokenIcon } from '../token-icon/token-icon.js';
+import { TooltipProvider, Tooltip, TooltipTrigger, TooltipContent } from '../tooltip/tooltip.js';
+import { FormattedMessageTyped } from '../typed-intl/index.js';
+import { cn } from '../../utils/cn.js';
+import 'sonner';
+import '@gearbox-protocol/sdk';
+import { formatPercentAmount } from '../../utils/format-money.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/compound-apy/index.js

@@ -0,0 +1 @@
+export { CompoundAPY } from './compound-apy.js';

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

@@ -0,0 +1,36 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import 'react';
+import { cn } from '../../utils/cn.js';
+import 'sonner';
+import '@gearbox-protocol/sdk';
+
+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/credit-session-status/index.js

@@ -0,0 +1 @@
+export { CreditSessionStatus } from './credit-session-status.js';

package/dist/esm/components/description/description.js

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

package/dist/esm/components/description/index.js

@@ -0,0 +1 @@
+export { Description } from './description.js';

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

@@ -0,0 +1,80 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { Copy, ExternalLink } from 'lucide-react';
+import * as React from 'react';
+import { Button } from '../buttons/button/button.js';
+import { DropdownMenu, DropdownMenuTrigger } from '../dropdown-menu/dropdown-menu.js';
+import '../dropdown-menu/dropdown-menu-checkbox-item.js';
+import { DropdownMenuContent } from '../dropdown-menu/dropdown-menu-content.js';
+import { DropdownMenuItem } from '../dropdown-menu/dropdown-menu-item.js';
+import '../dropdown-menu/dropdown-menu-label.js';
+import '../dropdown-menu/dropdown-menu-radio-item.js';
+import '../dropdown-menu/dropdown-menu-separator.js';
+import '../dropdown-menu/dropdown-menu-shortcut.js';
+import '../dropdown-menu/dropdown-menu-sub-content.js';
+import '../dropdown-menu/dropdown-menu-sub-trigger.js';
+import { PageTitle } from '../page-title/page-title.js';
+import { TokenIcon } from '../token-icon/token-icon.js';
+import { useIntlTyped } from '../typed-intl/index.js';
+import { cn } from '../../utils/cn.js';
+import { copyToClipboard } from '../../utils/copy.js';
+import '@gearbox-protocol/sdk';
+
+function DetailedPageTitle({
+  title,
+  token,
+  toCopy,
+  explorerLinks,
+  className
+}) {
+  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/detailed-page-title/index.js

@@ -0,0 +1 @@
+export { DetailedPageTitle } from './detailed-page-title.js';

package/dist/esm/components/dialog/dialog-container.js

@@ -1,6 +1,9 @@
-import { jsx } from "react/jsx-runtime";
-import * as React from "react";
-import cn from "../../utils/index.js";
+import { jsx } from 'react/jsx-runtime';
+import * as React from 'react';
+import { cn } from '../../utils/cn.js';
+import 'sonner';
+import '@gearbox-protocol/sdk';
+
 const maxWidthClasses = {
   sm: "max-w-screen-sm",
   md: "max-w-screen-md",
@@ -36,6 +39,5 @@ const DialogContainer = React.forwardRef(
   }
 );
 DialogContainer.displayName = "DialogContainer";
-export {
-  DialogContainer
-};
+
+export { DialogContainer };

package/dist/esm/components/dialog/dialog-content.js

@@ -1,10 +1,13 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import * as DialogPrimitive from "@radix-ui/react-dialog";
-import { X } from "lucide-react";
-import * as React from "react";
-import cn from "../../utils/index.js";
-import { DialogPortal } from "./dialog.js";
-import { DialogOverlay } from "./dialog-overlay.js";
+import { jsxs, jsx } from 'react/jsx-runtime';
+import * as DialogPrimitive from '@radix-ui/react-dialog';
+import { X } from 'lucide-react';
+import * as React from 'react';
+import { cn } from '../../utils/cn.js';
+import 'sonner';
+import '@gearbox-protocol/sdk';
+import { DialogPortal } from './dialog.js';
+import { DialogOverlay } from './dialog-overlay.js';
+
 const DialogContent = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(DialogPortal, { children: [
   /* @__PURE__ */ jsx(DialogOverlay, {}),
   /* @__PURE__ */ jsxs(
@@ -12,13 +15,13 @@ const DialogContent = React.forwardRef(({ className, children, ...props }, ref)
     {
       ref,
       className: cn(
-        "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border border-border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[-10%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[-10%] rounded-lg",
+        "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border border-border bg-card p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[-10%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[-10%] rounded-lg",
         className
       ),
       ...props,
       children: [
         children,
-        /* @__PURE__ */ jsxs(DialogPrimitive.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground cursor-pointer hover:text-white", children: [
+        /* @__PURE__ */ jsxs(DialogPrimitive.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground cursor-pointer hover:text-foreground", children: [
           /* @__PURE__ */ jsx(X, { className: "h-4 w-4" }),
           /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Close" })
         ] })
@@ -27,6 +30,5 @@ const DialogContent = React.forwardRef(({ className, children, ...props }, ref)
   )
 ] }));
 DialogContent.displayName = DialogPrimitive.Content.displayName;
-export {
-  DialogContent
-};
+
+export { DialogContent };

package/dist/esm/components/dialog/dialog-description.js

@@ -1,7 +1,10 @@
-import { jsx } from "react/jsx-runtime";
-import * as DialogPrimitive from "@radix-ui/react-dialog";
-import * as React from "react";
-import cn from "../../utils/index.js";
+import { jsx } from 'react/jsx-runtime';
+import * as DialogPrimitive from '@radix-ui/react-dialog';
+import * as React from 'react';
+import { cn } from '../../utils/cn.js';
+import 'sonner';
+import '@gearbox-protocol/sdk';
+
 const DialogDescription = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   DialogPrimitive.Description,
   {
@@ -11,6 +14,5 @@ const DialogDescription = React.forwardRef(({ className, ...props }, ref) => /*
   }
 ));
 DialogDescription.displayName = DialogPrimitive.Description.displayName;
-export {
-  DialogDescription
-};
+
+export { DialogDescription };

package/dist/esm/components/dialog/dialog-footer.js

@@ -1,5 +1,9 @@
-import { jsx } from "react/jsx-runtime";
-import cn from "../../utils/index.js";
+import { jsx } from 'react/jsx-runtime';
+import 'react';
+import { cn } from '../../utils/cn.js';
+import 'sonner';
+import '@gearbox-protocol/sdk';
+
 const DialogFooter = ({
   className,
   ...props
@@ -14,6 +18,5 @@ const DialogFooter = ({
   }
 );
 DialogFooter.displayName = "DialogFooter";
-export {
-  DialogFooter
-};
+
+export { DialogFooter };

package/dist/esm/components/dialog/dialog-header.js

@@ -1,5 +1,9 @@
-import { jsx } from "react/jsx-runtime";
-import cn from "../../utils/index.js";
+import { jsx } from 'react/jsx-runtime';
+import 'react';
+import { cn } from '../../utils/cn.js';
+import 'sonner';
+import '@gearbox-protocol/sdk';
+
 const DialogHeader = ({
   className,
   ...props
@@ -14,6 +18,5 @@ const DialogHeader = ({
   }
 );
 DialogHeader.displayName = "DialogHeader";
-export {
-  DialogHeader
-};
+
+export { DialogHeader };

package/dist/esm/components/dialog/dialog-overlay.js

@@ -1,7 +1,10 @@
-import { jsx } from "react/jsx-runtime";
-import * as DialogPrimitive from "@radix-ui/react-dialog";
-import * as React from "react";
-import cn from "../../utils/index.js";
+import { jsx } from 'react/jsx-runtime';
+import * as DialogPrimitive from '@radix-ui/react-dialog';
+import * as React from 'react';
+import { cn } from '../../utils/cn.js';
+import 'sonner';
+import '@gearbox-protocol/sdk';
+
 const DialogOverlay = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   DialogPrimitive.Overlay,
   {
@@ -14,6 +17,5 @@ const DialogOverlay = React.forwardRef(({ className, ...props }, ref) => /* @__P
   }
 ));
 DialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
-export {
-  DialogOverlay
-};
+
+export { DialogOverlay };

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

@@ -1,16 +1,18 @@
-import { jsx } from "react/jsx-runtime";
-import * as DialogPrimitive from "@radix-ui/react-dialog";
-import * as React from "react";
-import cn from "../../utils/index.js";
+import { jsx } from 'react/jsx-runtime';
+import * as DialogPrimitive from '@radix-ui/react-dialog';
+import * as React from 'react';
+import { cn } from '../../utils/cn.js';
+import 'sonner';
+import '@gearbox-protocol/sdk';
+
 const DialogTitle = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   DialogPrimitive.Title,
   {
     ref,
-    className: cn("text-xl font-bold text-white", className),
+    className: cn("text-xl font-bold text-foreground", className),
     ...props
   }
 ));
 DialogTitle.displayName = DialogPrimitive.Title.displayName;
-export {
-  DialogTitle
-};
+
+export { DialogTitle };

package/dist/esm/components/dialog/dialog.js

@@ -1,9 +1,7 @@
-import * as DialogPrimitive from "@radix-ui/react-dialog";
+import * as DialogPrimitive from '@radix-ui/react-dialog';
+
 const Dialog = DialogPrimitive.Root;
 const DialogTrigger = DialogPrimitive.Trigger;
 const DialogPortal = DialogPrimitive.Portal;
-export {
-  Dialog,
-  DialogPortal,
-  DialogTrigger
-};
+
+export { Dialog, DialogPortal, DialogTrigger };

package/dist/esm/components/dialog/index.js

@@ -1,8 +1,8 @@
-export * from "./dialog.js";
-export * from "./dialog-container.js";
-export * from "./dialog-content.js";
-export * from "./dialog-description.js";
-export * from "./dialog-footer.js";
-export * from "./dialog-header.js";
-export * from "./dialog-overlay.js";
-export * from "./dialog-title.js";
+export { Dialog, DialogPortal, DialogTrigger } from './dialog.js';
+export { DialogContainer } from './dialog-container.js';
+export { DialogContent } from './dialog-content.js';
+export { DialogDescription } from './dialog-description.js';
+export { DialogFooter } from './dialog-footer.js';
+export { DialogHeader } from './dialog-header.js';
+export { DialogOverlay } from './dialog-overlay.js';
+export { DialogTitle } from './dialog-title.js';

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

@@ -1,15 +1,18 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
-import { Check } from "lucide-react";
-import * as React from "react";
-import cn from "../../utils/index.js";
+import { jsxs, jsx } from 'react/jsx-runtime';
+import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
+import { Check } from 'lucide-react';
+import * as React from 'react';
+import { cn } from '../../utils/cn.js';
+import 'sonner';
+import '@gearbox-protocol/sdk';
+
 const DropdownMenuCheckboxItem = React.forwardRef(
   ({ className, children, checked, onCheckedChange, disabled, ...props }, ref) => /* @__PURE__ */ jsxs(
     DropdownMenuPrimitive.CheckboxItem,
     {
       ref,
       className: cn(
-        "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+        "relative flex cursor-pointer select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors hover:text-foreground hover:bg-secondary focus-visible:outline-none focus:bg-secondary focus:text-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
         className
       ),
       checked,
@@ -24,6 +27,5 @@ const DropdownMenuCheckboxItem = React.forwardRef(
   )
 );
 DropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive.CheckboxItem.displayName;
-export {
-  DropdownMenuCheckboxItem
-};
+
+export { DropdownMenuCheckboxItem };

package/dist/esm/components/dropdown-menu/dropdown-menu-content.js

@@ -1,14 +1,17 @@
-import { jsx } from "react/jsx-runtime";
-import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
-import * as React from "react";
-import cn from "../../utils/index.js";
+import { jsx } from 'react/jsx-runtime';
+import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
+import * as React from 'react';
+import { cn } from '../../utils/cn.js';
+import 'sonner';
+import '@gearbox-protocol/sdk';
+
 const DropdownMenuContent = React.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx(
   DropdownMenuPrimitive.Content,
   {
     ref,
     sideOffset,
     className: cn(
-      "z-50 min-w-[8rem] overflow-hidden rounded-md border border-border bg-popover p-1 text-popover-foreground shadow-md",
+      "z-50 min-w-[8rem] overflow-hidden rounded-lg border border-border bg-card p-1 text-popover-foreground shadow-lg",
       "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
       className
     ),
@@ -16,6 +19,5 @@ const DropdownMenuContent = React.forwardRef(({ className, sideOffset = 4, ...pr
   }
 ) }));
 DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;
-export {
-  DropdownMenuContent
-};
+
+export { DropdownMenuContent };