@gearbox-protocol/permissionless-ui 1.27.0 → 2.0.0-next.1

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

@@ -4,6 +4,7 @@ import * as d from "react";
 import "@gearbox-protocol/sdk";
 import { cn as u } from "../../utils/cn.js";
 import "sonner";
+import "@gearbox-protocol/sdk/common-utils";
 import "luxon";
 import "../../utils/z-index.js";
 const f = x("", {

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

@@ -7,6 +7,7 @@ import "@gearbox-protocol/sdk";
 import { parseInputToBN as j } from "../../utils/parse-input-to-bn.js";
 import { cn as L } from "../../utils/cn.js";
 import "sonner";
+import "@gearbox-protocol/sdk/common-utils";
 import "luxon";
 import "../../utils/z-index.js";
 import "../accordion/accordion.js";
@@ -160,7 +161,7 @@ import "../tip-card/tip-card.js";
 import "../toggle/toggle.js";
 import "../typography/typography.js";
 import "../with-filter-button/with-filter-button.js";
-function yi({
+function Ai({
   titleProps: s,
   inputProps: a,
   balanceIndicatorProps: c
@@ -223,5 +224,5 @@ function yi({
   );
 }
 export {
-  yi as ComplexInput
+  Ai as ComplexInput
 };

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

@@ -13,6 +13,7 @@ import "@gearbox-protocol/sdk";
 import "clsx";
 import "tailwind-merge";
 import "sonner";
+import "@gearbox-protocol/sdk/common-utils";
 import "luxon";
 import "../../utils/z-index.js";
 import "../alert-badge/alert-badge.js";
@@ -165,7 +166,7 @@ function C(i, p) {
   const e = i?.symbol || p;
   return e === "GEAR" ? { icon: j("/logo/logo_symbol.png") } : L(i) || e;
 }
-function Or({
+function Wr({
   totalAPY: i,
   totalAPYLoading: p,
   baseAPY: e,
@@ -267,6 +268,6 @@ function Or({
   ) : b();
 }
 export {
-  Or as CompoundAPY,
+  Wr as CompoundAPY,
   C as getRewardTokenSymbol
 };

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

@@ -6,16 +6,17 @@ import { FaIcon as c } from "../icons/fa-icon.js";
 import "@gearbox-protocol/sdk";
 import { cn as i } from "../../utils/cn.js";
 import "sonner";
+import "@gearbox-protocol/sdk/common-utils";
 import "luxon";
 import "../../utils/z-index.js";
 const f = a.forwardRef(
-  ({ title: o, onClose: e, className: n }, m) => /* @__PURE__ */ l(
+  ({ title: o, onClose: e, className: m }, n) => /* @__PURE__ */ l(
     "div",
     {
-      ref: m,
+      ref: n,
       className: i(
         "flex flex-nowrap items-center w-full max-w-full shrink-0 basis-full",
-        n
+        m
       ),
       children: [
         /* @__PURE__ */ r("div", { className: "flex min-w-0 grow shrink-0 basis-[0%] flex-nowrap", children: /* @__PURE__ */ r(

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

@@ -3,6 +3,7 @@ import "react";
 import "@gearbox-protocol/sdk";
 import { cn as r } from "../../utils/cn.js";
 import "sonner";
+import "@gearbox-protocol/sdk/common-utils";
 import "luxon";
 import "../../utils/z-index.js";
 const o = {
@@ -13,7 +14,7 @@ const o = {
   liquidateExpired: "bg-red-500",
   liquidatePaused: "bg-red-500"
 };
-function c({
+function l({
   status: e,
   className: i
 }) {
@@ -34,5 +35,5 @@ function c({
   );
 }
 export {
-  c as CreditSessionStatus
+  l as CreditSessionStatus
 };

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

@@ -1,4 +1,4 @@
-import { jsxs as b, jsx as r } from "react/jsx-runtime";
+import { jsxs as b, jsx as e } from "react/jsx-runtime";
 import { IconExpand as g } from "@gearbox-protocol/static";
 import { cva as u } from "class-variance-authority";
 import { TokenSymbol as k } from "../token-symbol/token-symbol.js";
@@ -6,6 +6,7 @@ import "react";
 import "@gearbox-protocol/sdk";
 import { cn as x } from "../../utils/cn.js";
 import "sonner";
+import "@gearbox-protocol/sdk/common-utils";
 import "luxon";
 import "../../utils/z-index.js";
 const w = 13, N = u(
@@ -39,12 +40,12 @@ const w = 13, N = u(
     defaultVariants: { size: "md", active: !1 }
   }
 );
-function h({
+function G({
   title: o,
   maxLength: l = w,
   token: m,
   disabled: d,
-  showSelectDialog: e,
+  showSelectDialog: r,
   size: n,
   active: f = !1,
   chainId: v,
@@ -52,7 +53,7 @@ function h({
   className: z,
   children: c
 }) {
-  const s = !d && e ? e : void 0, t = !!(e && !d), a = n === "xs" ? "sm" : n ?? "md", p = V[a];
+  const s = !d && r ? r : void 0, t = !!(r && !d), a = n === "xs" ? "sm" : n ?? "md", p = V[a];
   return (
     // biome-ignore lint/a11y/noStaticElementInteractions: A uses div (CurrencyBlock); role + keyboard for a11y
     /* @__PURE__ */ b(
@@ -74,7 +75,7 @@ function h({
           z
         ),
         children: [
-          /* @__PURE__ */ r(
+          /* @__PURE__ */ e(
             k,
             {
               title: o,
@@ -87,15 +88,15 @@ function h({
               network: y
             }
           ),
-          !m && (c ?? o) ? /* @__PURE__ */ r("span", { className: "text-muted-foreground truncate", children: c ?? o }) : null,
-          e && /* @__PURE__ */ r(
+          !m && (c ?? o) ? /* @__PURE__ */ e("span", { className: "text-muted-foreground truncate", children: c ?? o }) : null,
+          r && /* @__PURE__ */ e(
             "span",
             {
               className: x(
                 "expand-wrap",
                 B({ size: a, active: f })
               ),
-              children: /* @__PURE__ */ r(g, { size: p.arrow })
+              children: /* @__PURE__ */ e(g, { size: p.arrow })
             }
           )
         ]
@@ -104,5 +105,5 @@ function h({
   );
 }
 export {
-  h as CurrencyButton
+  G as CurrencyButton
 };

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

@@ -3,6 +3,7 @@ import * as m from "react";
 import "@gearbox-protocol/sdk";
 import { cn as a } from "../../utils/cn.js";
 import "sonner";
+import "@gearbox-protocol/sdk/common-utils";
 import "luxon";
 import "../../utils/z-index.js";
 import { Typography as c } from "../typography/typography.js";

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

@@ -1,13 +1,14 @@
 import { jsx as r, jsxs as m } from "react/jsx-runtime";
-import { forwardRef as y, useMemo as l } from "react";
+import { forwardRef as y, useMemo as i } 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 "clsx";
 import "tailwind-merge";
 import "sonner";
-import { percentTemplate as i } from "../../utils/format-money.js";
+import { percentTemplate as l } from "../../utils/format-money.js";
 import { getStatic as c } from "../../utils/static.js";
+import "@gearbox-protocol/sdk/common-utils";
 import "luxon";
 import "../../utils/z-index.js";
 function h({
@@ -30,7 +31,7 @@ function h({
   );
 }
 const d = y(({ poolAPY: t, extraAPY: n, tokensList: a }, o) => /* @__PURE__ */ r("div", { ref: o, className: "inline-block", children: n.length > 0 && /* @__PURE__ */ r("span", { className: "text-xs", children: /* @__PURE__ */ m("span", { className: "flex items-start text-secondary-foreground font-normal", children: [
-  i(t),
+  l(t),
   " +",
   /* @__PURE__ */ r("span", { className: "flex flex-col items-end flex-wrap", children: n.map((e) => {
     const s = e.apy || 0;
@@ -39,7 +40,7 @@ const d = y(({ poolAPY: t, extraAPY: n, tokensList: a }, o) => /* @__PURE__ */ r
       {
         children: [
           /* @__PURE__ */ r(h, { reward: e, tokensList: a }),
-          i(s)
+          l(s)
         ]
       },
       `${e.token}-${e.rewardToken}-${e.apy}-${e.endTimestamp}`
@@ -47,17 +48,17 @@ const d = y(({ poolAPY: t, extraAPY: n, tokensList: a }, o) => /* @__PURE__ */ r
   }) })
 ] }) }) }));
 d.displayName = "ApyParts";
-function j({
+function v({
   totalAPY: t,
   totalAPYLoading: n,
   baseAPY: a,
   extraAPY: o,
   tokensList: e
 }) {
-  const s = l(
+  const s = i(
     () => a.reduce((p, x) => p + x.apy, 0),
     [a]
-  ), f = l(() => o.filter((p) => (p.apy || 0) > 0), [o]);
+  ), f = i(() => o.filter((p) => (p.apy || 0) > 0), [o]);
   return /* @__PURE__ */ r(g, { width: 80, loading: n, children: t >= 1e-3 && /* @__PURE__ */ r(
     d,
     {
@@ -68,6 +69,6 @@ function j({
   ) });
 }
 export {
-  j as DetailedApy,
+  v as DetailedApy,
   h as PoolRewardsIcon
 };

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

@@ -11,6 +11,7 @@ import { useIsMobile as h } from "../../hooks/use-media-query.js";
 import "@gearbox-protocol/sdk";
 import { cn as s } from "../../utils/cn.js";
 import "sonner";
+import "@gearbox-protocol/sdk/common-utils";
 import "luxon";
 import "../../utils/z-index.js";
 const I = r.forwardRef(function({ toCopy: t, className: n }, c) {

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

@@ -9,6 +9,7 @@ import { useIsMobile as u } from "../../hooks/use-media-query.js";
 import "@gearbox-protocol/sdk";
 import { cn as h } from "../../utils/cn.js";
 import "sonner";
+import "@gearbox-protocol/sdk/common-utils";
 import "luxon";
 import "../../utils/z-index.js";
 const x = a.forwardRef(function({ explorerLinks: o, className: i, title: l }, n) {

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

@@ -5,6 +5,7 @@ import { TokenIcon as D } from "../token-icon/token-icon.js";
 import "@gearbox-protocol/sdk";
 import { cn as m } from "../../utils/cn.js";
 import "sonner";
+import "@gearbox-protocol/sdk/common-utils";
 import "luxon";
 import "../../utils/z-index.js";
 import "../accordion/accordion.js";

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

@@ -1,12 +1,13 @@
-import { jsx as n } from "react/jsx-runtime";
-import { cva as s } from "class-variance-authority";
-import * as i from "react";
+import { jsx as i } from "react/jsx-runtime";
+import { cva as n } from "class-variance-authority";
+import * as s from "react";
 import "@gearbox-protocol/sdk";
 import { cn as p } from "../../utils/cn.js";
 import "sonner";
+import "@gearbox-protocol/sdk/common-utils";
 import "luxon";
 import "../../utils/z-index.js";
-const x = s("", {
+const x = n("", {
   variants: {
     padding: {
       md: "p-5",
@@ -38,7 +39,7 @@ const x = s("", {
     colorTheme: "default",
     maxWidth: "full"
   }
-}), f = i.forwardRef(
+}), f = s.forwardRef(
   ({
     maxWidth: r = "full",
     padding: a = !0,
@@ -47,7 +48,7 @@ const x = s("", {
     className: d,
     children: t,
     ...l
-  }, m) => /* @__PURE__ */ n(
+  }, m) => /* @__PURE__ */ i(
     "div",
     {
       ref: m,

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

@@ -6,6 +6,7 @@ import { FaIcon as l } from "../icons/fa-icon.js";
 import "@gearbox-protocol/sdk";
 import { cn as m } from "../../utils/cn.js";
 import "sonner";
+import "@gearbox-protocol/sdk/common-utils";
 import "luxon";
 import { Z_INDEX as p } from "../../utils/z-index.js";
 import { DialogPortal as c } from "./dialog.js";

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

@@ -1,16 +1,17 @@
 import { jsx as m } from "react/jsx-runtime";
 import * as o from "@radix-ui/react-dialog";
-import * as e from "react";
+import * as p from "react";
 import "@gearbox-protocol/sdk";
-import { cn as p } from "../../utils/cn.js";
+import { cn as e } from "../../utils/cn.js";
 import "sonner";
+import "@gearbox-protocol/sdk/common-utils";
 import "luxon";
 import "../../utils/z-index.js";
-const a = e.forwardRef(({ className: i, ...r }, t) => /* @__PURE__ */ m(
+const a = p.forwardRef(({ className: i, ...r }, t) => /* @__PURE__ */ m(
   o.Description,
   {
     ref: t,
-    className: p("text-sm text-muted-foreground", i),
+    className: e("text-sm text-muted-foreground", i),
     ...r
   }
 ));

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

@@ -3,6 +3,7 @@ import "react";
 import "@gearbox-protocol/sdk";
 import { cn as e } from "../../utils/cn.js";
 import "sonner";
+import "@gearbox-protocol/sdk/common-utils";
 import "luxon";
 import "../../utils/z-index.js";
 const i = ({

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

@@ -1,9 +1,10 @@
 import { jsx as e, jsxs as i } from "react/jsx-runtime";
-import { Button as m } from "../buttons/button/button.js";
+import { Button as n } from "../buttons/button/button.js";
 import "react";
 import "@gearbox-protocol/sdk";
 import { cn as b } from "../../utils/cn.js";
 import "sonner";
+import "@gearbox-protocol/sdk/common-utils";
 import "luxon";
 import "../../utils/z-index.js";
 import { Dialog as g } from "./dialog.js";
@@ -11,11 +12,11 @@ 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 I({
+function J({
   title: c,
-  isFormValid: s,
+  isFormValid: p,
   isLoading: l,
-  saveButtonText: p = "Save changes",
+  saveButtonText: s = "Save changes",
   loadingText: f = "Saving...",
   onCancel: t,
   onSubmit: d,
@@ -28,15 +29,15 @@ function I({
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
   aiHelpDisabled: H
 }) {
-  const x = (n) => {
-    n.preventDefault(), d(n);
+  const x = (m) => {
+    m.preventDefault(), d(m);
   }, a = /* @__PURE__ */ e(
-    m,
+    n,
     {
-      disabled: !s || l,
+      disabled: !p || l,
       type: "submit",
       variant: r,
-      children: l ? f : p
+      children: l ? f : s
     }
   );
   return /* @__PURE__ */ e(g, { open: !0, onOpenChange: t, children: /* @__PURE__ */ e(
@@ -53,7 +54,7 @@ function I({
         /* @__PURE__ */ e(D, { className: "w-full mt-8", children: /* @__PURE__ */ i("div", { className: "flex items-center w-full justify-between", children: [
           /* @__PURE__ */ e("div", { className: "flex items-center space-x-2" }),
           /* @__PURE__ */ i("div", { className: "flex items-center space-x-2", children: [
-            /* @__PURE__ */ e(m, { type: "button", variant: "outline", onClick: t, children: "Cancel" }),
+            /* @__PURE__ */ e(n, { type: "button", variant: "outline", onClick: t, children: "Cancel" }),
             o ? /* @__PURE__ */ e(o, { variant: r, children: a }) : a
           ] })
         ] }) })
@@ -62,5 +63,5 @@ function I({
   ) });
 }
 export {
-  I as DialogForm
+  J as DialogForm
 };

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

@@ -3,19 +3,20 @@ import "react";
 import "@gearbox-protocol/sdk";
 import { cn as r } from "../../utils/cn.js";
 import "sonner";
+import "@gearbox-protocol/sdk/common-utils";
 import "luxon";
 import "../../utils/z-index.js";
 const m = ({
-  className: e,
-  ...t
+  className: t,
+  ...e
 }) => /* @__PURE__ */ o(
   "div",
   {
     className: r(
       "flex flex-col space-y-1.5 text-center sm:text-left",
-      e
+      t
     ),
-    ...t
+    ...e
   }
 );
 m.displayName = "DialogHeader";

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

@@ -4,6 +4,7 @@ import * as c from "react";
 import "@gearbox-protocol/sdk";
 import { cn as w } from "../../utils/cn.js";
 import "sonner";
+import "@gearbox-protocol/sdk/common-utils";
 import "luxon";
 import "../../utils/z-index.js";
 import { Modal as g } from "../modal/modal.js";

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

@@ -4,18 +4,19 @@ import * as r from "react";
 import "@gearbox-protocol/sdk";
 import { cn as m } from "../../utils/cn.js";
 import "sonner";
+import "@gearbox-protocol/sdk/common-utils";
 import "luxon";
 import { Z_INDEX as s } from "../../utils/z-index.js";
-const p = r.forwardRef(({ className: t, ...e }, o) => /* @__PURE__ */ i(
+const p = r.forwardRef(({ className: t, ...o }, e) => /* @__PURE__ */ i(
   a.Overlay,
   {
-    ref: o,
+    ref: e,
     className: m(
       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
+    ...o
   }
 ));
 p.displayName = a.Overlay.displayName;

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

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

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

@@ -1,10 +1,11 @@
-import { jsxs as m, jsx as a } from "react/jsx-runtime";
+import { jsxs as y, 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 "@gearbox-protocol/sdk/common-utils";
 import "luxon";
 import "../../utils/z-index.js";
 const s = {
@@ -19,7 +20,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 A({
+function C({
   children: i,
   label: p,
   opened: g,
@@ -31,14 +32,14 @@ function A({
   iconSize: u = 16,
   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__ */ m(
+  const o = typeof r == "string" && r in l, m = 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__ */ y(
     f,
     {
       onClick: t,
       className: n(
         "inline-flex items-center cursor-pointer transition-colors",
-        y ? [
+        m ? [
           "w-full justify-between border-0 text-foreground",
           s[e],
           o && l[r]
@@ -63,5 +64,5 @@ function A({
   );
 }
 export {
-  A as DefaultDropdownLabel
+  C as DefaultDropdownLabel
 };

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

@@ -6,6 +6,7 @@ import { FaIcon as p } from "../icons/fa-icon.js";
 import "@gearbox-protocol/sdk";
 import { cn as f } from "../../utils/cn.js";
 import "sonner";
+import "@gearbox-protocol/sdk/common-utils";
 import "luxon";
 import "../../utils/z-index.js";
 const u = d.forwardRef(

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

@@ -2,17 +2,18 @@ import { jsx as t } from "react/jsx-runtime";
 import * as o from "@radix-ui/react-dropdown-menu";
 import * as i from "react";
 import "@gearbox-protocol/sdk";
-import { cn as n } from "../../utils/cn.js";
+import { cn as m } from "../../utils/cn.js";
 import "sonner";
+import "@gearbox-protocol/sdk/common-utils";
 import "luxon";
-import { Z_INDEX as m } from "../../utils/z-index.js";
+import { Z_INDEX as n } from "../../utils/z-index.js";
 const s = i.forwardRef(({ className: e, sideOffset: a = 4, ...r }, d) => /* @__PURE__ */ t(o.Portal, { children: /* @__PURE__ */ t(
   o.Content,
   {
     ref: d,
     sideOffset: a,
-    className: n(
-      m.DROPDOWN,
+    className: m(
+      n.DROPDOWN,
       "min-w-32 overflow-hidden rounded-lg border border-border bg-gray-40 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",
       e

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

@@ -1,15 +1,16 @@
-import { jsx as i } from "react/jsx-runtime";
+import { jsx as s } from "react/jsx-runtime";
 import * as o from "@radix-ui/react-dropdown-menu";
 import * as n from "react";
 import "@gearbox-protocol/sdk";
 import { cn as a } from "../../utils/cn.js";
 import "sonner";
+import "@gearbox-protocol/sdk/common-utils";
 import "luxon";
 import "../../utils/z-index.js";
-const m = n.forwardRef(({ className: e, inset: r, ...t }, s) => /* @__PURE__ */ i(
+const m = n.forwardRef(({ className: e, inset: r, ...t }, i) => /* @__PURE__ */ s(
   o.Item,
   {
-    ref: s,
+    ref: i,
     className: a(
       "relative flex cursor-pointer select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none transition-colors hover:text-foreground hover:bg-secondary focus-visible:outline-none focus:bg-secondary focus:text-foreground data-[disabled]:cursor-not-allowed data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&>svg]:size-3! [&>svg]:shrink-0",
       r && "pl-8",

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

@@ -1,12 +1,13 @@
-import { jsx as e } from "react/jsx-runtime";
+import { jsx as i } from "react/jsx-runtime";
 import * as o from "@radix-ui/react-dropdown-menu";
-import * as i from "react";
+import * as e from "react";
 import "@gearbox-protocol/sdk";
 import { cn as a } from "../../utils/cn.js";
 import "sonner";
+import "@gearbox-protocol/sdk/common-utils";
 import "luxon";
 import "../../utils/z-index.js";
-const s = i.forwardRef(({ className: m, inset: r, ...p }, t) => /* @__PURE__ */ e(
+const s = e.forwardRef(({ className: m, inset: r, ...p }, t) => /* @__PURE__ */ i(
   o.Label,
   {
     ref: t,

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

@@ -6,17 +6,18 @@ import { FaIcon as c } from "../icons/fa-icon.js";
 import "@gearbox-protocol/sdk";
 import { cn as d } from "../../utils/cn.js";
 import "sonner";
+import "@gearbox-protocol/sdk/common-utils";
 import "luxon";
 import "../../utils/z-index.js";
-const l = s.forwardRef(({ className: t, children: r, ...a }, i) => /* @__PURE__ */ n(
+const l = s.forwardRef(({ className: t, children: r, ...i }, a) => /* @__PURE__ */ n(
   o.RadioItem,
   {
-    ref: i,
+    ref: a,
     className: d(
       "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]:cursor-not-allowed data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
       t
     ),
-    ...a,
+    ...i,
     children: [
       /* @__PURE__ */ e("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ e(o.ItemIndicator, { children: /* @__PURE__ */ e(c, { icon: m, className: "size-2 fill-current" }) }) }),
       r