@gearbox-protocol/permissionless-ui 1.22.0-next.98 → 1.22.0

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

@@ -1,75 +1,67 @@
-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 { jsx as r, jsxs as l } from "react/jsx-runtime";
+import { forwardRef as y, useMemo as m } from "react";
+import { RoundedImage as u } from "../rounded-image/rounded-image.js";
+import { Skeleton as g } from "../skeleton/skeleton.js";
 import "@gearbox-protocol/sdk";
-import { cn as c } from "../../utils/cn.js";
+import "clsx";
+import "tailwind-merge";
 import "sonner";
+import { percentTemplate as i } from "../../utils/format-money.js";
+import { getStatic as c } from "../../utils/static.js";
 import "luxon";
-import "../tooltip/simple-tooltip.js";
-import { TooltipProvider as x, Tooltip as N, TooltipTrigger as g, TooltipContent as b } from "../tooltip/tooltip.js";
-function D({
+import "../../utils/z-index.js";
+function h({
+  reward: t,
+  tokensList: n,
+  ...a
+}) {
+  const e = n?.[t?.rewardToken || ""]?.symbol || t?.rewardTokenSymbol, {
+    size: o = e === "GEAR" ? 11 : 12,
+    margin: s = e === "GEAR" ? "-5px 2px 0 2px" : "-3px 2px 0 2px"
+  } = a;
+  return /* @__PURE__ */ r(
+    u,
+    {
+      src: e === "GEAR" ? c("/logo/logo_symbol.png") : c(`/tokens/${e?.toLowerCase()}.svg`),
+      size: o,
+      rounded: !1,
+      style: { margin: s, height: "auto" }
+    }
+  );
+}
+const d = y(({ poolAPY: t, extraAPY: n, tokensList: a }, e) => /* @__PURE__ */ r("div", { ref: e, className: "inline-block", children: n.length > 0 && /* @__PURE__ */ r("span", { className: "text-xs", children: /* @__PURE__ */ l("span", { className: "flex items-start text-secondary-foreground font-normal", children: [
+  i(t),
+  " +",
+  /* @__PURE__ */ r("span", { className: "flex flex-col items-end flex-wrap", children: n.map((o) => {
+    const s = o.apy || 0;
+    return s > 0 && /* @__PURE__ */ l("span", { children: [
+      /* @__PURE__ */ r(h, { reward: o, tokensList: a }),
+      i(s)
+    ] }, o.rewardToken ?? o.token ?? `${o.apy}`);
+  }) })
+] }) }) }));
+d.displayName = "ApyParts";
+function v({
   totalAPY: t,
-  totalAPYLoading: p,
-  baseAPY: l,
-  extraAPY: a,
-  tokensList: i,
-  children: m,
-  className: o
+  totalAPYLoading: n,
+  baseAPY: a,
+  extraAPY: e,
+  tokensList: o
 }) {
-  const h = l && l.length > 0 || a && a.length > 0;
-  if (p)
-    return /* @__PURE__ */ n(y, { className: c("h-4 w-12", o) });
-  const s = m ?? /* @__PURE__ */ n("span", { className: c("tabular-nums", o), children: t !== void 0 ? `${t.toFixed(2)}%` : "N/A" });
-  return h ? /* @__PURE__ */ n(x, { children: /* @__PURE__ */ r(N, { children: [
-    /* @__PURE__ */ n(g, { asChild: !0, children: /* @__PURE__ */ n("span", { className: "cursor-help underline decoration-dotted underline-offset-2", children: s }) }),
-    /* @__PURE__ */ n(b, { className: "max-w-xs", children: /* @__PURE__ */ r("div", { className: "space-y-2 text-sm", children: [
-      l && l.length > 0 && /* @__PURE__ */ r("div", { children: [
-        /* @__PURE__ */ n("div", { className: "font-medium text-muted-foreground mb-1", children: "Base APY" }),
-        l.map((e, d) => /* @__PURE__ */ r(
-          "div",
-          {
-            className: "flex justify-between gap-4",
-            children: [
-              /* @__PURE__ */ n("span", { children: e.label || e.type || "Supply" }),
-              /* @__PURE__ */ r("span", { className: "tabular-nums", children: [
-                e.apy.toFixed(2),
-                "%"
-              ] })
-            ]
-          },
-          `base-${e.type || d}-${e.apy}`
-        ))
-      ] }),
-      a && a.length > 0 && /* @__PURE__ */ r("div", { children: [
-        /* @__PURE__ */ n("div", { className: "font-medium text-muted-foreground mb-1", children: "Extra Rewards" }),
-        a.map((e, d) => {
-          const u = e.token && i ? i[e.token]?.symbol : e.token;
-          return /* @__PURE__ */ r(
-            "div",
-            {
-              className: "flex justify-between gap-4",
-              children: [
-                /* @__PURE__ */ n("span", { children: e.label || u || e.type || "Rewards" }),
-                /* @__PURE__ */ r("span", { className: "tabular-nums", children: [
-                  e.apy.toFixed(2),
-                  "%"
-                ] })
-              ]
-            },
-            `extra-${e.token || d}-${e.apy}`
-          );
-        })
-      ] }),
-      t !== void 0 && /* @__PURE__ */ r("div", { className: "border-t pt-2 flex justify-between gap-4 font-medium", children: [
-        /* @__PURE__ */ n("span", { children: "Total" }),
-        /* @__PURE__ */ r("span", { className: "tabular-nums", children: [
-          t.toFixed(2),
-          "%"
-        ] })
-      ] })
-    ] }) })
-  ] }) }) : /* @__PURE__ */ n(f, { children: s });
+  const s = m(
+    () => a.reduce((p, x) => p + x.apy, 0),
+    [a]
+  ), f = m(() => e.filter((p) => (p.apy || 0) > 0), [e]);
+  return /* @__PURE__ */ r(g, { width: 80, loading: n, children: t >= 1e-3 && /* @__PURE__ */ r(
+    d,
+    {
+      extraAPY: f,
+      poolAPY: s,
+      tokensList: o
+    }
+  ) });
 }
 export {
-  D as DetailedApy
+  v as DetailedApy,
+  h as PoolRewardsIcon
 };

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

@@ -1,4 +1,5 @@
-import { DetailedApy as p } from "./detailed-apy.js";
+import { DetailedApy as r, PoolRewardsIcon as a } from "./detailed-apy.js";
 export {
-  p as DetailedApy
+  r as DetailedApy,
+  a as PoolRewardsIcon
 };

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

@@ -12,6 +12,7 @@ import "@gearbox-protocol/sdk";
 import { cn as s } from "../../utils/cn.js";
 import "sonner";
 import "luxon";
+import "../../utils/z-index.js";
 const I = r.forwardRef(function({ toCopy: t, className: n }, c) {
   const l = h(), [o, a] = r.useState(!1), i = r.useRef(null), p = l ? 32 : 40, m = async () => {
     if (t)

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

@@ -10,6 +10,7 @@ import "@gearbox-protocol/sdk";
 import { cn as h } from "../../utils/cn.js";
 import "sonner";
 import "luxon";
+import "../../utils/z-index.js";
 const x = a.forwardRef(function({ explorerLinks: o, className: i, title: l }, n) {
   const m = u() ? 32 : 40;
   return /* @__PURE__ */ e(

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

@@ -1,38 +1,191 @@
-import { jsx as e, jsxs as n } from "react/jsx-runtime";
-import * as d from "react";
-import { PageTitle as p } from "../page-title/page-title.js";
-import { TokenIcon as f } from "../token-icon/token-icon.js";
+import { jsx as i, jsxs as f } from "react/jsx-runtime";
+import * as g from "react";
+import { PageTitle as T } from "../page-title/page-title.js";
+import { TokenIcon as D } from "../token-icon/token-icon.js";
 import "@gearbox-protocol/sdk";
-import { cn as a } from "../../utils/cn.js";
+import { cn as m } from "../../utils/cn.js";
 import "sonner";
 import "luxon";
-import { DetailedPageTitleCopyButton as g } from "./detailed-page-title-copy-button.js";
-import { DetailedPageTitleExplorerDropdown as T } from "./detailed-page-title-explorer-dropdown.js";
-const D = d.forwardRef(function({
-  title: r,
-  token: o,
-  toCopy: t,
-  explorerLinks: i,
-  buttonsSlot: l,
-  disabled: m = !1,
-  className: s
-}, c) {
-  return /* @__PURE__ */ e(
-    p,
+import "../../utils/z-index.js";
+import "../accordion/accordion.js";
+import "@gearbox-protocol/static";
+import "@fortawesome/free-solid-svg-icons";
+import "../icons/fa-icon.js";
+import "../alert-badge/alert-badge.js";
+import "../alert-dialog/alert-dialog.js";
+import "../alert-modal/alert-modal.js";
+import "../tooltip/simple-tooltip.js";
+import "../tooltip/tooltip.js";
+import "react-intl";
+import "../arc-loader/arc-loader.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 "connectkit";
+import "wagmi";
+import "viem/siwe";
+import "../avatar/avatar.js";
+import "../badge/badge.js";
+import "../base-link/base-link.js";
+import "../navigation-context/navigation-context.js";
+import "../button-checkbox/button-checkbox.js";
+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 "../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 "../with-title/with-title.js";
+import "../smart-number-input/balance-indicator.js";
+import "../smart-number-input/smart-number-input.js";
+import "../points-icon/points-icon.js";
+import "../skeleton/skeleton.js";
+import "../vertical-indicator/vertical-indicator.js";
+import "../vertical-list/vertical-list.js";
+import "../confirm-menu/confirm-menu.js";
+import "../currency-button/currency-button.js";
+import "../description/description.js";
+import "../detailed-apy/detailed-apy.js";
+import { DetailedPageTitleCopyButton as P } from "./detailed-page-title-copy-button.js";
+import { DetailedPageTitleExplorerDropdown as h } from "./detailed-page-title-explorer-dropdown.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 "../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 "../edit-input/edit-input.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 "../health-factor/health-factor.js";
+import "../horizontal-indicator/horizontal-indicator.js";
+import "../icon-button/icon-button.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 "../layout/social-icons/social-icons.js";
+import "../link/link.js";
+import { getSymbolOrIcon as y } from "../token-symbol/token-symbol.js";
+import "../../utils/reactochart-compat.js";
+import "../status-elements/status-elements.js";
+import "../text-button/text-button.js";
+import "../loader/loader.js";
+import "../loading/loading.js";
+import "../loading-bar/loading-bar.js";
+import "react-markdown";
+import "remark-gfm";
+import "../navbar/navbar.js";
+import "../navbar/navbar-indicator-context.js";
+import "../app-bar/app-bar.js";
+import "../navitem/navitem.js";
+import "../simple-dropdown/simple-dropdown.js";
+import "../pool-indicator-icon/pool-indicator-icon.js";
+import "../progress/progress.js";
+import "../progress-bar/progress-bar.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";
+import "../separate-line/separate-line.js";
+import "../separator/separator.js";
+import "../simple-accordion/simple-accordion.js";
+import "../simple-dropdown/simple-dropdown-menu-item.js";
+import "../slider/slider.js";
+import "../slider/slider-context.js";
+import "@radix-ui/react-slider";
+import "../spinner/spinner.js";
+import "../spinner-loader/spinner-loader.js";
+import "../split-list/split-list.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 "../textarea/textarea.js";
+import "../theme-provider.js";
+import "../time-to-liquidation/time-to-liquidation.js";
+import "../tip-card/tip-card.js";
+import "../toggle/toggle.js";
+import "../typography/typography.js";
+import "../with-filter-button/with-filter-button.js";
+const b = g.forwardRef(function({
+  title: p,
+  token: t,
+  toCopy: r,
+  explorerLinks: o,
+  buttonsSlot: e,
+  actionsPosition: a,
+  actionsPositionMd: l,
+  tokenIconSize: s = 36,
+  disabled: c = !1,
+  className: n
+}, d) {
+  return /* @__PURE__ */ i(
+    T,
     {
-      ref: c,
-      icon: o?.symbol ? /* @__PURE__ */ e("div", { className: a("inline-block shrink-0", m && "grayscale"), children: /* @__PURE__ */ e(f, { symbol: o.symbol, size: 36 }) }) : void 0,
-      actions: /* @__PURE__ */ n("div", { className: "flex flex-wrap items-center gap-2", children: [
-        l,
-        t && /* @__PURE__ */ e(g, { toCopy: t }),
-        i && i.length > 0 && /* @__PURE__ */ e(T, { explorerLinks: i })
+      ref: d,
+      actionsPosition: a,
+      actionsPositionMd: l,
+      icon: t?.symbol ? /* @__PURE__ */ i("div", { className: m("inline-block shrink-0", c && "grayscale"), children: /* @__PURE__ */ i(D, { symbol: y(t), size: s }) }) : void 0,
+      actions: /* @__PURE__ */ f("div", { className: "flex flex-wrap items-center gap-2", children: [
+        e,
+        r && /* @__PURE__ */ i(P, { toCopy: r }),
+        o && o.length > 0 && /* @__PURE__ */ i(h, { explorerLinks: o })
       ] }),
-      className: a(s),
-      children: r
+      className: m(n),
+      children: p
     }
   );
 });
-D.displayName = "DetailedPageTitle";
+b.displayName = "DetailedPageTitle";
 export {
-  D as DetailedPageTitle
+  b as DetailedPageTitle
 };

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

@@ -5,6 +5,7 @@ import "@gearbox-protocol/sdk";
 import { cn as p } from "../../utils/cn.js";
 import "sonner";
 import "luxon";
+import "../../utils/z-index.js";
 const x = s("", {
   variants: {
     padding: {
@@ -44,8 +45,8 @@ const x = s("", {
     colorTheme: e = "default",
     sticky: o = !1,
     className: d,
-    children: l,
-    ...t
+    children: t,
+    ...l
   }, m) => /* @__PURE__ */ n(
     "div",
     {
@@ -56,8 +57,8 @@ const x = s("", {
         x({ padding: a, colorTheme: e, maxWidth: r, sticky: o }),
         d
       ),
-      ...t,
-      children: l
+      ...l,
+      children: t
     }
   )
 );

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

@@ -7,16 +7,18 @@ import "@gearbox-protocol/sdk";
 import { cn as m } from "../../utils/cn.js";
 import "sonner";
 import "luxon";
-import { DialogPortal as p } from "./dialog.js";
-import { DialogOverlay as c } from "./dialog-overlay.js";
-const f = d.forwardRef(({ className: e, children: r, ...s }, i) => /* @__PURE__ */ t(p, { children: [
-  /* @__PURE__ */ o(c, {}),
+import { Z_INDEX as p } from "../../utils/z-index.js";
+import { DialogPortal as c } from "./dialog.js";
+import { DialogOverlay as f } from "./dialog-overlay.js";
+const u = d.forwardRef(({ className: e, children: r, ...s }, i) => /* @__PURE__ */ t(c, { children: [
+  /* @__PURE__ */ o(f, {}),
   /* @__PURE__ */ t(
     a.Content,
     {
       ref: i,
       className: m(
-        "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",
+        p.MODAL,
+        "fixed left-[50%] top-[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",
         e
       ),
       ...s,
@@ -30,7 +32,7 @@ const f = d.forwardRef(({ className: e, children: r, ...s }, i) => /* @__PURE__
     }
   )
 ] }));
-f.displayName = a.Content.displayName;
+u.displayName = a.Content.displayName;
 export {
-  f as DialogContent
+  u as DialogContent
 };

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

@@ -5,6 +5,7 @@ import "@gearbox-protocol/sdk";
 import { cn as p } from "../../utils/cn.js";
 import "sonner";
 import "luxon";
+import "../../utils/z-index.js";
 const a = e.forwardRef(({ className: i, ...r }, t) => /* @__PURE__ */ m(
   o.Description,
   {

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

@@ -1,16 +1,17 @@
-import { jsx as e } from "react/jsx-runtime";
+import { jsx as m } from "react/jsx-runtime";
 import "react";
 import "@gearbox-protocol/sdk";
-import { cn as m } from "../../utils/cn.js";
+import { cn as e } from "../../utils/cn.js";
 import "sonner";
 import "luxon";
+import "../../utils/z-index.js";
 const i = ({
   className: o,
   ...r
-}) => /* @__PURE__ */ e(
+}) => /* @__PURE__ */ m(
   "div",
   {
-    className: m(
+    className: e(
       "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
       o
     ),

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

@@ -5,12 +5,13 @@ import "@gearbox-protocol/sdk";
 import { cn as b } from "../../utils/cn.js";
 import "sonner";
 import "luxon";
+import "../../utils/z-index.js";
 import { Dialog as g } from "./dialog.js";
 import { DialogContent as v } from "./dialog-content.js";
 import { DialogFooter as D } from "./dialog-footer.js";
 import { DialogHeader as w } from "./dialog-header.js";
 import { DialogTitle as N } from "./dialog-title.js";
-function G({
+function I({
   title: c,
   isFormValid: s,
   isLoading: l,
@@ -61,5 +62,5 @@ function G({
   ) });
 }
 export {
-  G as DialogForm
+  I as DialogForm
 };

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

@@ -4,6 +4,7 @@ import "@gearbox-protocol/sdk";
 import { cn as r } from "../../utils/cn.js";
 import "sonner";
 import "luxon";
+import "../../utils/z-index.js";
 const m = ({
   className: e,
   ...t

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

@@ -5,6 +5,7 @@ import "@gearbox-protocol/sdk";
 import { cn as w } from "../../utils/cn.js";
 import "sonner";
 import "luxon";
+import "../../utils/z-index.js";
 import { Modal as g } from "../modal/modal.js";
 import { DialogContainer as h } from "./dialog-container.js";
 const u = f("", {
@@ -18,7 +19,7 @@ const u = f("", {
   defaultVariants: {
     width: "default"
   }
-}), x = c.forwardRef(({ show: a, onClickOutside: r, modal: i, dialog: t, children: l }, m) => {
+}), x = c.forwardRef(({ show: a, onClickOutside: r, modal: i, dialog: t, children: m }, l) => {
   const {
     className: d,
     colorTheme: e = "modal",
@@ -29,7 +30,7 @@ const u = f("", {
   return /* @__PURE__ */ o(g, { ...i, show: a, onClickOutside: r, children: /* @__PURE__ */ o(
     h,
     {
-      ref: m,
+      ref: l,
       className: w(
         "w-full sm:w-[440px] min-h-screen sm:min-h-0",
         u({ width: s }),
@@ -38,7 +39,7 @@ const u = f("", {
       colorTheme: e,
       padding: n,
       ...p,
-      children: l
+      children: m
     }
   ) });
 });

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

@@ -5,18 +5,20 @@ import "@gearbox-protocol/sdk";
 import { cn as m } from "../../utils/cn.js";
 import "sonner";
 import "luxon";
-const s = r.forwardRef(({ className: t, ...e }, o) => /* @__PURE__ */ i(
+import { Z_INDEX as s } from "../../utils/z-index.js";
+const p = r.forwardRef(({ className: t, ...e }, o) => /* @__PURE__ */ i(
   a.Overlay,
   {
     ref: o,
     className: m(
-      "fixed inset-0 z-50 bg-black/80  data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+      s.MODAL,
+      "fixed inset-0 bg-black/80  data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
       t
     ),
     ...e
   }
 ));
-s.displayName = a.Overlay.displayName;
+p.displayName = a.Overlay.displayName;
 export {
-  s as DialogOverlay
+  p as DialogOverlay
 };

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

@@ -5,7 +5,8 @@ import "@gearbox-protocol/sdk";
 import { cn as a } from "../../utils/cn.js";
 import "sonner";
 import "luxon";
-const l = e.forwardRef(({ className: t, ...i }, r) => /* @__PURE__ */ m(
+import "../../utils/z-index.js";
+const p = e.forwardRef(({ className: t, ...i }, r) => /* @__PURE__ */ m(
   o.Title,
   {
     ref: r,
@@ -13,7 +14,7 @@ const l = e.forwardRef(({ className: t, ...i }, r) => /* @__PURE__ */ m(
     ...i
   }
 ));
-l.displayName = o.Title.displayName;
+p.displayName = o.Title.displayName;
 export {
-  l as DialogTitle
+  p as DialogTitle
 };

package/dist/esm/components/dropdown-label/dropdown-label.js

@@ -1,11 +1,12 @@
-import { jsxs as b, jsx as a } from "react/jsx-runtime";
-import { faCaretDown as m } from "@fortawesome/free-solid-svg-icons";
+import { jsxs as m, jsx as a } from "react/jsx-runtime";
+import { faCaretDown as b } from "@fortawesome/free-solid-svg-icons";
 import { FaIcon as h } from "../icons/fa-icon.js";
 import "react";
 import "@gearbox-protocol/sdk";
 import { cn as n } from "../../utils/cn.js";
 import "sonner";
 import "luxon";
+import "../../utils/z-index.js";
 const s = {
   filled: "bg-gray-60 hover:bg-gray-80 disabled:text-secondary-foreground disabled:bg-gray-20 disabled:cursor-default shadow-[0_2px_2px_rgba(0,0,0,0.25)]",
   filledDark: "bg-gray-10 hover:bg-gray-20 disabled:text-secondary-foreground disabled:bg-gray-20 disabled:cursor-default shadow-[0_2px_2px_rgba(0,0,0,0.25)]",
@@ -18,7 +19,7 @@ const s = {
   default: "py-[13px] pr-3 pl-4 text-sm leading-[17px] rounded-xl",
   lg: "py-[13px] pr-3 pl-4 text-lg leading-[17px] rounded-xl"
 };
-function N({
+function A({
   children: i,
   label: p,
   opened: g,
@@ -31,7 +32,7 @@ function N({
   className: c
 }) {
   const o = typeof r == "string" && r in l, y = typeof e == "string" && e in s, d = o ? void 0 : typeof r == "string" ? r === "sm" ? 14 : r === "default" ? 16 : r === "lg" ? 18 : 16 : r;
-  return /* @__PURE__ */ b(
+  return /* @__PURE__ */ m(
     f,
     {
       onClick: t,
@@ -54,7 +55,7 @@ function N({
               "inline-flex transition-transform duration-100",
               g && "rotate-180"
             ),
-            children: x ?? /* @__PURE__ */ a(h, { icon: m, style: { fontSize: u } })
+            children: x ?? /* @__PURE__ */ a(h, { icon: b, style: { fontSize: u } })
           }
         )
       ]
@@ -62,5 +63,5 @@ function N({
   );
 }
 export {
-  N as DefaultDropdownLabel
+  A as DefaultDropdownLabel
 };