@gearbox-protocol/permissionless-ui 1.22.0-next.3 → 1.22.0-next.31

package/dist/esm/components/card-grid/card-grid.js

@@ -1,9 +1,9 @@
 import { jsx as m } from "react/jsx-runtime";
 import { cva as a } from "class-variance-authority";
 import * as e from "react";
+import "@gearbox-protocol/sdk";
 import { cn as n } from "../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk";
 const p = a("grid w-full", {
   variants: {
     columns: {

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

@@ -1,9 +1,9 @@
 import { jsx as t } from "react/jsx-runtime";
 import { cva as i } from "class-variance-authority";
 import * as o from "react";
+import "@gearbox-protocol/sdk";
 import { cn as d } from "../../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk";
 const n = i(
   "rounded-xl border border-border bg-card text-card-foreground",
   {

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

@@ -1,9 +1,9 @@
 import { jsxs as e, jsx as o } from "react/jsx-runtime";
 import { ChevronDown as m } from "lucide-react";
 import * as d from "react";
+import "@gearbox-protocol/sdk";
 import { cn as c } from "../../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk";
 function g({
   header: a,
   children: s,

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

@@ -1,9 +1,9 @@
 import { jsxs as o, jsx as t } from "react/jsx-runtime";
 import { ChevronDown as m } from "lucide-react";
 import * as d from "react";
+import "@gearbox-protocol/sdk";
 import { cn as n } from "../../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk";
 import { Card as c, CardContent as f } from "../card/card.js";
 function g({
   header: s,

package/dist/esm/components/carousel/carousel.js

@@ -4,9 +4,9 @@ import { jsxs as f, jsx as r } from "react/jsx-runtime";
 import { ChevronRight as d, ChevronLeft as h } from "lucide-react";
 import * as w from "react";
 import v from "../../_virtual/index2.js";
+import "@gearbox-protocol/sdk";
 import { cn as o } from "../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk";
 const x = ({ onClick: e, className: t }) => /* @__PURE__ */ r(
   "button",
   {

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

@@ -1,9 +1,9 @@
 import { jsxs as f, jsx as t } from "react/jsx-runtime";
 import { cva as b } from "class-variance-authority";
 import * as o from "react";
+import "@gearbox-protocol/sdk";
 import { cn as h } from "../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk";
 import "../accordion/accordion.js";
 import "lucide-react";
 import "../alert-badge/alert-badge.js";
@@ -17,6 +17,7 @@ import "../buttons/external-button/external-button.js";
 import "../buttons/filter-button/filter-button.js";
 import "../buttons/navigation-button/navigation-button.js";
 import "../buttons/tab-button/tab-button.js";
+import "../token-icon/token-icon.js";
 import "connectkit";
 import "wagmi";
 import "viem/siwe";
@@ -30,10 +31,14 @@ import "../carousel/carousel.js";
 import { Checkbox as g } from "./checkbox.js";
 import "../checkbox-item/checkbox-item.js";
 import "../client-adapters/styled-button/styled-button.js";
+import "../client-adapters/styled-dialog-container/styled-dialog-container.js";
+import "../client-adapters/styled-rounded-image/styled-rounded-image.js";
 import "../colored-text/colored-text.js";
 import "../input/input.js";
+import "../description/description.js";
 import "react-intl";
 import "../icon-button/icon-button.js";
+import "../token-symbol/token-symbol.js";
 import "../skeleton/skeleton.js";
 import "../dropdown-menu/dropdown-menu.js";
 import "../dropdown-menu/dropdown-menu-checkbox-item.js";
@@ -46,6 +51,7 @@ import "../dropdown-menu/dropdown-menu-shortcut.js";
 import "../dropdown-menu/dropdown-menu-sub-content.js";
 import "../dropdown-menu/dropdown-menu-sub-trigger.js";
 import "../page-title/page-title.js";
+import "../modal/modal.js";
 import "@radix-ui/react-dialog";
 import "../dialog/dialog-container.js";
 import "../dialog/dialog-content.js";
@@ -53,7 +59,6 @@ import "../dialog/dialog-description.js";
 import "../dialog/dialog-footer.js";
 import "../dialog/dialog-header.js";
 import "../dialog/dialog-title.js";
-import "../dialog/dialog-modal.js";
 import "../dialog/dialog-modal-container.js";
 import "../dialog/dialog-overlay.js";
 import "viem";
@@ -92,6 +97,7 @@ import "../navitem/navitem.js";
 import "../points-icon/points-icon.js";
 import "../progress/progress.js";
 import "../radio-group/radio-group.js";
+import "../rounded-image/rounded-image.js";
 import "../search-bar/search-bar.js";
 import "../segmented-control/segmented-control.js";
 import "../select/select.js";

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

@@ -3,9 +3,9 @@ import * as t from "@radix-ui/react-checkbox";
 import { cva as h } from "class-variance-authority";
 import { Check as a } from "lucide-react";
 import * as y from "react";
+import "@gearbox-protocol/sdk";
 import { cn as r } from "../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk";
 const u = h("", {
   variants: {
     size: {

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

@@ -1,9 +1,9 @@
 import { jsxs as p, jsx as r } from "react/jsx-runtime";
 import { Check as l } from "lucide-react";
 import * as f from "react";
+import "@gearbox-protocol/sdk";
 import { cn as t } from "../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk";
 const x = f.forwardRef(
   ({ className: n, children: s, checked: e, onCheckedChange: a, disabled: o, ...i }, m) => /* @__PURE__ */ p(
     "label",

package/dist/esm/components/client-adapters/index.js

@@ -1,4 +1,8 @@
-import { StyledButton as e } from "./styled-button/styled-button.js";
+import { StyledButton as t } from "./styled-button/styled-button.js";
+import { StyledDialogContainer as d } from "./styled-dialog-container/styled-dialog-container.js";
+import { StyledRoundedImage as m } from "./styled-rounded-image/styled-rounded-image.js";
 export {
-  e as StyledButton
+  t as StyledButton,
+  d as StyledDialogContainer,
+  m as StyledRoundedImage
 };

package/dist/esm/components/client-adapters/styled-button/styled-button.js

@@ -1,24 +1,35 @@
-import { jsx as i } from "react/jsx-runtime";
-import l from "react";
-import { Button as m } from "../../buttons/button/button.js";
-const n = {
+import { jsx as m } from "react/jsx-runtime";
+import * as n from "react";
+import { Button as l } from "../../buttons/button/button.js";
+import "@gearbox-protocol/sdk";
+import { cn as s } from "../../../utils/cn.js";
+import "sonner";
+const c = {
   primary: "default",
   outlined: "outline",
   neutral: "neutral",
-  white: "white"
-}, u = l.forwardRef(
-  ({ $size: t = "lg", $width: r = "compact", $color: e = "primary", ...o }, a) => /* @__PURE__ */ i(
-    m,
+  white: "white",
+  success: "success"
+}, p = n.forwardRef(
+  ({
+    $size: t = "lg",
+    $width: r = "compact",
+    $color: o = "primary",
+    className: e,
+    ...a
+  }, i) => /* @__PURE__ */ m(
+    l,
     {
-      ref: a,
+      ref: i,
       size: t === "md" ? "default" : t,
       width: r,
-      variant: n[e],
-      ...o
+      variant: c[o],
+      className: s("inline-block whitespace-normal", e),
+      ...a
     }
   )
 );
-u.displayName = "StyledButton";
+p.displayName = "StyledButton";
 export {
-  u as StyledButton
+  p as StyledButton
 };

package/dist/esm/components/client-adapters/styled-dialog-container/index.js

@@ -0,0 +1,4 @@
+import { StyledDialogContainer as r } from "./styled-dialog-container.js";
+export {
+  r as StyledDialogContainer
+};

package/dist/esm/components/client-adapters/styled-dialog-container/styled-dialog-container.js

@@ -0,0 +1,39 @@
+import { jsx as f } from "react/jsx-runtime";
+import * as p from "react";
+import { DialogContainer as d } from "../../dialog/dialog-container.js";
+import "@gearbox-protocol/sdk";
+import { cn as c } from "../../../utils/cn.js";
+import "sonner";
+const g = p.forwardRef(
+  ({
+    $padding: o = "lg",
+    $width: r,
+    $minWidth: e,
+    $maxWidth: t,
+    $minHeight: i,
+    $colorTheme: a = "box",
+    className: m,
+    style: l,
+    ...n
+  }, s) => /* @__PURE__ */ f(
+    d,
+    {
+      ref: s,
+      padding: o === "none" ? !1 : o === "lg" ? !0 : o,
+      colorTheme: a,
+      className: c(m),
+      ...n,
+      style: {
+        ...l,
+        width: r || void 0,
+        minWidth: e || void 0,
+        maxWidth: t || void 0,
+        minHeight: i || void 0
+      }
+    }
+  )
+);
+g.displayName = "StyledDialogContainer";
+export {
+  g as StyledDialogContainer
+};

package/dist/esm/components/client-adapters/styled-rounded-image/index.js

@@ -0,0 +1,4 @@
+import { StyledRoundedImage as o } from "./styled-rounded-image.js";
+export {
+  o as StyledRoundedImage
+};

package/dist/esm/components/client-adapters/styled-rounded-image/styled-rounded-image.js

@@ -0,0 +1,136 @@
+import { jsx as p } from "react/jsx-runtime";
+import * as e from "react";
+import "../../accordion/accordion.js";
+import "lucide-react";
+import "@gearbox-protocol/sdk";
+import "clsx";
+import "tailwind-merge";
+import "sonner";
+import "../../alert-badge/alert-badge.js";
+import "../../alert-dialog/alert-dialog.js";
+import "../../tooltip/tooltip.js";
+import "../../asset-line/asset-line.js";
+import "../../buttons/back-button/back-button.js";
+import "../../buttons/button/button.js";
+import "../../buttons/copy-button/copy-button.js";
+import "../../buttons/external-button/external-button.js";
+import "../../buttons/filter-button/filter-button.js";
+import "../../buttons/navigation-button/navigation-button.js";
+import "../../buttons/tab-button/tab-button.js";
+import "../../token-icon/token-icon.js";
+import "connectkit";
+import "wagmi";
+import "viem/siwe";
+import "../../avatar/avatar.js";
+import "../../badge/badge.js";
+import "../../base-link/base-link.js";
+import "react-router-dom";
+import "../../card-grid/card-grid.js";
+import "../../cards/card/card.js";
+import "../../carousel/carousel.js";
+import "../../checkbox/checkbox.js";
+import "../../checkbox/checkbox-labeled.js";
+import "../../checkbox-item/checkbox-item.js";
+import "../styled-button/styled-button.js";
+import "../styled-dialog-container/styled-dialog-container.js";
+import "../../colored-text/colored-text.js";
+import "../../input/input.js";
+import "../../description/description.js";
+import "react-intl";
+import "../../icon-button/icon-button.js";
+import "../../token-symbol/token-symbol.js";
+import "../../skeleton/skeleton.js";
+import "../../dropdown-menu/dropdown-menu.js";
+import "../../dropdown-menu/dropdown-menu-checkbox-item.js";
+import "../../dropdown-menu/dropdown-menu-content.js";
+import "../../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 "../../page-title/page-title.js";
+import "../../modal/modal.js";
+import "@radix-ui/react-dialog";
+import "../../dialog/dialog-container.js";
+import "../../dialog/dialog-content.js";
+import "../../dialog/dialog-description.js";
+import "../../dialog/dialog-footer.js";
+import "../../dialog/dialog-header.js";
+import "../../dialog/dialog-title.js";
+import "../../dialog/dialog-modal-container.js";
+import "../../dialog/dialog-overlay.js";
+import "viem";
+import "../../label/label.js";
+import "../../fadeout-loading/fadeout-loading.js";
+import "../../filter/filter-block.js";
+import "../../filter/filter-checkbox-item.js";
+import "../../filter/filter-chip.js";
+import "../../filter/filter-chips.js";
+import "../../filter/filter-dropdown-item.js";
+import "../../filter/filter-group.js";
+import "../../filter/filter-label.js";
+import "../../search-line/search-line.js";
+import "../../tabs/tabs.js";
+import "../../filter/filter-modal-item.js";
+import "../../filter/filter-radio-item.js";
+import "../../filter/filter-separator.js";
+import "../../filter/variants.js";
+import "../../graph/formatters.js";
+import "lightweight-charts";
+import "../../graph/graph-view.js";
+import "../../help-tip/help-tip.js";
+import "../../horizontal-indicator/horizontal-indicator.js";
+import "../../layout/col/col.js";
+import "../../layout/container/container.js";
+import "../../layout/footer/footer.js";
+import "../../layout/grid/grid.js";
+import "../../layout/header/header.js";
+import "../../layout/layout/layout.js";
+import "../../../utils/reactochart-compat.js";
+import "react-markdown";
+import "remark-gfm";
+import "../../navbar/navbar.js";
+import "../../navbar/navbar-indicator-context.js";
+import "../../navitem/navitem.js";
+import "../../points-icon/points-icon.js";
+import "../../progress/progress.js";
+import "../../radio-group/radio-group.js";
+import { RoundedImage as d } from "../../rounded-image/rounded-image.js";
+import "../../search-bar/search-bar.js";
+import "../../segmented-control/segmented-control.js";
+import "../../select/select.js";
+import "../../separator/separator.js";
+import "../../slider/slider.js";
+import "../../smart-number-input/smart-number-input.js";
+import "../../spinner/spinner.js";
+import "../../stat-badge/stat-badge.js";
+import "../../status-dot/status-dot.js";
+import "../../stepper/stepper.js";
+import "../../switch/switch.js";
+import "../../table/grid-table.js";
+import "../../table/table.js";
+import "../../table/grid-table-loader.js";
+import "../../text-button/text-button.js";
+import "../../textarea/textarea.js";
+import "../../theme-provider.js";
+import "../../tip-card/tip-card.js";
+import "../../typography/typography.js";
+import "../../vertical-indicator/vertical-indicator.js";
+import "../../vertical-list/vertical-list.js";
+import "../../with-filter-button/with-filter-button.js";
+const a = e.forwardRef(({ $size: o, $rounded: r, $defaultIcon: m, ...t }, i) => /* @__PURE__ */ p(
+  d,
+  {
+    ref: i,
+    size: o,
+    rounded: r,
+    defaultIcon: m,
+    ...t
+  }
+));
+a.displayName = "StyledRoundedImage";
+export {
+  a as StyledRoundedImage
+};

package/dist/esm/components/colored-text/colored-text.js

@@ -1,9 +1,9 @@
 import { jsx as l } from "react/jsx-runtime";
 import { cva as x } from "class-variance-authority";
 import * as d from "react";
+import "@gearbox-protocol/sdk";
 import { cn as u } from "../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk";
 const f = x("", {
   variants: {
     color: {

package/dist/esm/components/complex-input/complex-input.js

@@ -3,10 +3,10 @@ import { Input as T } from "../input/input.js";
 import { WithTitle as k } from "../with-title/with-title.js";
 import "react";
 import { bnToInputView as y } from "../../utils/bn-to-input-view.js";
-import { cn as M } from "../../utils/cn.js";
-import "sonner";
 import "@gearbox-protocol/sdk";
-import { parseInputToBN as N } from "../../utils/parse-input-to-bn.js";
+import { parseInputToBN as M } from "../../utils/parse-input-to-bn.js";
+import { cn as N } from "../../utils/cn.js";
+import "sonner";
 function P({
   title: i = "Max",
   maxAmount: r,
@@ -27,7 +27,7 @@ function P({
         type: "button",
         onClick: l,
         disabled: a,
-        className: M(
+        className: N(
           "px-1.5 py-0.5 text-xs font-medium rounded",
           "bg-secondary hover:bg-secondary/80 text-secondary-foreground",
           "disabled:opacity-50 disabled:cursor-not-allowed"
@@ -50,7 +50,7 @@ function G({
     maxAmount: u,
     ...B
   } = s, { decimals: x = 18 } = f || {}, { onChange: g, inputSize: e, ...C } = r, I = (n) => {
-    const d = n.target.value, [h, b] = N(d, x);
+    const d = n.target.value, [h, b] = M(d, x);
     h === null || b === null || g?.(h, b);
   }, v = () => {
     const n = u || 0n, d = y(n, x);

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

@@ -4,9 +4,9 @@ import { Description as g } from "../description/description.js";
 import { TokenIcon as N } from "../token-icon/token-icon.js";
 import { TooltipProvider as P, Tooltip as A, TooltipTrigger as Y, TooltipContent as z } from "../tooltip/tooltip.js";
 import { FormattedMessageTyped as r } from "../typed-intl/index.js";
+import "@gearbox-protocol/sdk";
 import { cn as u } from "../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk";
 import { formatPercentAmount as s } from "../../utils/format-money.js";
 function D({
   totalAPY: l,

package/dist/esm/components/confirm-menu/confirm-menu.js

@@ -2,9 +2,9 @@ import { jsxs as i, jsx as e } from "react/jsx-runtime";
 import { X as m } from "lucide-react";
 import { IconButton as l } from "../icon-button/icon-button.js";
 import "react";
+import "@gearbox-protocol/sdk";
 import { cn as n } from "../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk";
 function u({ title: r, onClose: o, className: t }) {
   return /* @__PURE__ */ i(
     "div",

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

@@ -1,8 +1,8 @@
 import { jsxs as i, jsx as t } from "react/jsx-runtime";
 import "react";
+import "@gearbox-protocol/sdk";
 import { cn as r } from "../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk";
 const o = {
   active: "bg-green-500",
   closed: "bg-gray-500",

package/dist/esm/components/currency-button/currency-button.js

@@ -2,9 +2,9 @@ import { jsxs as g, jsx as n } from "react/jsx-runtime";
 import { ChevronDown as x } from "lucide-react";
 import { TokenSymbol as b } from "../token-symbol/token-symbol.js";
 import "react";
+import "@gearbox-protocol/sdk";
 import { cn as i } from "../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk";
 const w = {
   old: { symbol: 16, arrow: 8 },
   sm: { symbol: 16, arrow: 8 },

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

@@ -1,17 +1,23 @@
-import { jsx as o } from "react/jsx-runtime";
-import "react";
+import { jsx as p } from "react/jsx-runtime";
+import * as a from "react";
+import "@gearbox-protocol/sdk";
 import { cn as m } from "../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk";
-function c({ className: t, ...r }) {
-  return /* @__PURE__ */ o(
-    "span",
+import { Typography as c } from "../typography/typography.js";
+const e = a.forwardRef(
+  ({ className: r, as: o = "div", ...i }, t) => /* @__PURE__ */ p(
+    c,
     {
-      className: m("text-sm text-muted-foreground", t),
-      ...r
+      ref: t,
+      className: m(r),
+      variant: "caption",
+      color: "secondary",
+      as: o,
+      ...i
     }
-  );
-}
+  )
+);
+e.displayName = "Description";
 export {
-  c as Description
+  e as Description
 };

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

@@ -1,9 +1,9 @@
 import { jsx as n, Fragment as f, jsxs as r } from "react/jsx-runtime";
 import { Skeleton as y } from "../skeleton/skeleton.js";
 import "react";
+import "@gearbox-protocol/sdk";
 import { cn as c } from "../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk";
 import { TooltipProvider as x, Tooltip as N, TooltipTrigger as g, TooltipContent as b } from "../tooltip/tooltip.js";
 function S({
   totalAPY: d,

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

@@ -14,9 +14,9 @@ import "../dropdown-menu/dropdown-menu-sub-content.js";
 import "../dropdown-menu/dropdown-menu-sub-trigger.js";
 import { PageTitle as T } from "../page-title/page-title.js";
 import { TokenIcon as b } from "../token-icon/token-icon.js";
+import "@gearbox-protocol/sdk";
 import { cn as s } from "../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk";
 function H({
   title: u,
   token: l,

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

@@ -1,32 +1,66 @@
-import { jsx as s } from "react/jsx-runtime";
-import * as n from "react";
-import { cn as t } from "../../utils/cn.js";
-import "sonner";
+import { jsx as n } from "react/jsx-runtime";
+import { cva as s } from "class-variance-authority";
+import * as i from "react";
 import "@gearbox-protocol/sdk";
-const x = {
-  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"
-}, d = n.forwardRef(
-  ({ maxWidth: r = "full", padding: e = !0, className: m, children: l, ...a }, o) => /* @__PURE__ */ s(
+import { cn as p } from "../../utils/cn.js";
+import "sonner";
+const x = s("", {
+  variants: {
+    padding: {
+      md: "p-5",
+      xl: "p-10",
+      true: "p-4 sm:p-6 lg:p-8",
+      false: ""
+    },
+    colorTheme: {
+      box: "bg-card border border-gray-10",
+      transparent: "bg-transparent border border-border",
+      modal: "bg-modal border border-gray-10 shadow-[0_4px_28px_4px_rgba(0,0,0,0.15)]",
+      default: "bg-card border border-border"
+    },
+    maxWidth: {
+      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"
+    },
+    sticky: {
+      true: "sticky top-5 z-[1]",
+      false: ""
+    }
+  },
+  defaultVariants: {
+    padding: !0,
+    colorTheme: "default",
+    maxWidth: "full"
+  }
+}), f = i.forwardRef(
+  ({
+    maxWidth: r = "full",
+    padding: a = !0,
+    colorTheme: e = "default",
+    sticky: o = !1,
+    className: d,
+    children: l,
+    ...t
+  }, m) => /* @__PURE__ */ n(
     "div",
     {
-      ref: o,
-      className: t(
-        "w-full border bg-card rounded-lg border-border",
-        x[r],
-        e && "p-4 sm:p-6 lg:p-8",
-        m
+      ref: m,
+      className: p(
+        "w-full",
+        "rounded-[10px] md:rounded-2xl",
+        x({ padding: a, colorTheme: e, maxWidth: r, sticky: o }),
+        d
       ),
-      ...a,
+      ...t,
       children: l
     }
   )
 );
-d.displayName = "DialogContainer";
+f.displayName = "DialogContainer";
 export {
-  d as DialogContainer
+  f as DialogContainer
 };

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

@@ -2,9 +2,9 @@ import { jsxs as t, jsx as o } from "react/jsx-runtime";
 import * as a from "@radix-ui/react-dialog";
 import { X as n } from "lucide-react";
 import * as i from "react";
+import "@gearbox-protocol/sdk";
 import { cn as l } from "../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk";
 import { DialogPortal as m } from "./dialog.js";
 import { DialogOverlay as p } from "./dialog-overlay.js";
 const c = i.forwardRef(({ className: e, children: r, ...s }, d) => /* @__PURE__ */ t(m, { children: [