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

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

@@ -1,11 +1,11 @@
 import { jsx as s } from "react/jsx-runtime";
-import { cva as y } from "class-variance-authority";
+import { cva as g } from "class-variance-authority";
 import * as l from "react";
-import { BaseLink as D } from "../base-link/base-link.js";
+import { BaseLink as k } from "../base-link/base-link.js";
 import { Col as j } from "../layout/col/col.js";
-import { Grid as w } from "../layout/grid/grid.js";
+import { Grid as D } from "../layout/grid/grid.js";
 import { cn as r } from "../../utils/cn.js";
-const K = y("w-full", {
+const K = g("w-full", {
   variants: {
     size: {
       sm: "text-xs",
@@ -17,10 +17,10 @@ const K = y("w-full", {
     size: "default"
   }
 }), A = l.forwardRef(
-  ({ className: e, size: t, cols: a = 12, gap: n = 0, wrapperClassName: i, ...f }, m) => /* @__PURE__ */ s("div", { className: r("relative w-full overflow-auto", i), children: /* @__PURE__ */ s(
-    w,
+  ({ className: e, size: t, cols: a = 12, gap: n = 0, wrapperClassName: i, ...f }, c) => /* @__PURE__ */ s("div", { className: r("relative w-full overflow-auto", i), children: /* @__PURE__ */ s(
+    D,
     {
-      ref: m,
+      ref: c,
       cols: a,
       gap: n,
       className: r(K({ size: t, className: e })),
@@ -74,14 +74,14 @@ const E = l.forwardRef(
     last: n,
     height: i,
     hideValue: f,
-    noHover: m,
-    noRound: g,
+    noHover: c,
+    noRound: y,
     onRowClick: o,
     href: x,
-    target: V,
-    rel: C,
-    style: H,
-    children: c,
+    target: B,
+    rel: V,
+    style: C,
+    children: m,
     ...u
   }, b) => {
     const T = typeof i == "number" ? `${i}px` : i, v = l.useCallback(
@@ -104,18 +104,18 @@ const E = l.forwardRef(
       [o]
     ), N = r(
       "[&>*]:relative [&>*]:transition-colors data-[state=selected]:[&>*]:bg-muted",
-      "md:[&>*]:after:absolute md:[&>*]:after:bottom-0 md:[&>*]:after:inset-x-0 md:[&>*]:after:h-px md:[&>*]:after:bg-border",
-      !g && [
-        "md:[&>*:first-child]:after:left-3",
-        "md:[&>*:last-child]:after:right-3"
+      "[&>*]:after:absolute [&>*]:after:bottom-0 [&>*]:after:inset-x-0 [&>*]:after:h-px [&>*]:after:bg-border",
+      !y && [
+        "[&>*:first-child]:after:left-3",
+        "[&>*:last-child]:after:right-3"
       ],
-      !m && [
+      !c && [
         "[&>*]:z-0",
         "[&>*]:before:absolute [&>*]:before:inset-x-0 [&>*]:before:top-0 [&>*]:before:bottom-px [&>*]:before:-z-10 [&>*]:before:bg-muted/50 [&>*]:before:opacity-0 [&>*]:before:transition-opacity",
         "hover:[&>*]:before:opacity-100",
-        !g && "[&>*:first-child]:before:rounded-l-lg [&>*:last-child]:before:rounded-r-lg"
+        !y && "[&>*:first-child]:before:rounded-l-lg [&>*:last-child]:before:rounded-r-lg"
       ],
-      n && "md:[&>*]:after:hidden",
+      n && "[&>*]:after:hidden",
       f && "[&>*]:opacity-0"
     ), G = r(
       "grid grid-cols-subgrid col-span-full",
@@ -123,16 +123,16 @@ const E = l.forwardRef(
       "cursor-pointer",
       e
     ), p = {
-      ...H,
+      ...C,
       ...T ? { height: T } : {}
     };
     return x ? /* @__PURE__ */ s(
-      D,
+      k,
       {
         ref: b,
         href: x,
-        target: V,
-        rel: C,
+        target: B,
+        rel: V,
         size: "unset",
         variant: "unset",
         className: r("no-underline text-foreground!", G),
@@ -140,7 +140,7 @@ const E = l.forwardRef(
         onClick: o ? v : void 0,
         onKeyDown: o ? h : void 0,
         ...u,
-        children: c
+        children: m
       }
     ) : o ? (
       // biome-ignore lint/a11y/useSemanticElements: Using div with subgrid layout, not a semantic table
@@ -155,25 +155,27 @@ const E = l.forwardRef(
           onClick: v,
           onKeyDown: h,
           ...u,
-          children: c
+          children: m
         }
       )
     ) : /* @__PURE__ */ s(
-      w,
+      "div",
       {
         ref: b,
-        cols: t,
-        gap: a,
-        className: r("contents", N, e),
+        className: r(
+          "grid grid-cols-subgrid col-span-full",
+          N,
+          e
+        ),
         style: p,
         ...u,
-        children: c
+        children: m
       }
     );
   }
 );
 E.displayName = "GridTableRow";
-const I = y(
+const I = g(
   "flex items-center justify-start text-left align-middle font-medium text-muted-foreground !bg-transparent",
   {
     variants: {
@@ -199,11 +201,11 @@ const I = y(
       gapBefore: "none"
     }
   }
-), z = l.forwardRef(
-  ({ className: e, size: t, span: a = 1, justify: n = "start", gapBefore: i, ...f }, m) => /* @__PURE__ */ s(
+), w = l.forwardRef(
+  ({ className: e, size: t, span: a = 1, justify: n = "start", gapBefore: i, ...f }, c) => /* @__PURE__ */ s(
     j,
     {
-      ref: m,
+      ref: c,
       span: a,
       className: r(
         I({ size: t, justify: n, gapBefore: i, className: e })
@@ -212,8 +214,8 @@ const I = y(
     }
   )
 );
-z.displayName = "GridTableHead";
-const L = y("flex items-center align-middle", {
+w.displayName = "GridTableHead";
+const L = g("flex items-center align-middle", {
   variants: {
     size: {
       sm: "px-1 py-2",
@@ -236,11 +238,11 @@ const L = y("flex items-center align-middle", {
     textAlign: "left",
     gapBefore: "none"
   }
-}), B = l.forwardRef(
-  ({ className: e, size: t, span: a = 1, textAlign: n, gapBefore: i, ...f }, m) => /* @__PURE__ */ s(
+}), z = l.forwardRef(
+  ({ className: e, size: t, span: a = 1, textAlign: n, gapBefore: i, ...f }, c) => /* @__PURE__ */ s(
     j,
     {
-      ref: m,
+      ref: c,
       span: a,
       className: r(
         L({ size: t, textAlign: n, gapBefore: i, className: e })
@@ -249,7 +251,7 @@ const L = y("flex items-center align-middle", {
     }
   )
 );
-B.displayName = "GridTableCell";
+z.displayName = "GridTableCell";
 const $ = l.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ s(
   "div",
   {
@@ -262,14 +264,14 @@ const $ = l.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ s(
   }
 ));
 $.displayName = "GridTableCaption";
-const U = B, W = z;
+const U = z, W = w;
 export {
   A as GridTable,
   R as GridTableBody,
   $ as GridTableCaption,
-  B as GridTableCell,
+  z as GridTableCell,
   S as GridTableFooter,
-  z as GridTableHead,
+  w as GridTableHead,
   F as GridTableHeader,
   E as GridTableRow,
   U as Td,

package/dist/esm/components/table/table-sm.js

@@ -1,23 +1,24 @@
-import { jsxs as i, jsx as e } from "react/jsx-runtime";
+import { jsxs as i, jsx as r } from "react/jsx-runtime";
 import "react";
 import "@gearbox-protocol/sdk";
 import { cn as t } from "../../utils/cn.js";
 import "sonner";
 import "luxon";
-function S({
+import "../../utils/z-index.js";
+function j({
   title: s,
-  className: r,
+  className: e,
   children: o,
   ...l
 }) {
-  return /* @__PURE__ */ i("div", { className: t("flex flex-col gap-1", r), ...l, children: [
-    s && /* @__PURE__ */ e("div", { className: "text-xs text-muted-foreground font-medium uppercase", children: s }),
-    /* @__PURE__ */ e("div", { className: "text-sm", children: o })
+  return /* @__PURE__ */ i("div", { className: t("flex flex-col gap-1", e), ...l, children: [
+    s && /* @__PURE__ */ r("div", { className: "text-xs text-muted-foreground font-medium uppercase", children: s }),
+    /* @__PURE__ */ r("div", { className: "text-sm", children: o })
   ] });
 }
-function j({
+function y({
   title: s,
-  columnsXs: r = 1,
+  columnsXs: e = 1,
   columnsSm: o,
   columnsMd: l,
   columns: a,
@@ -25,7 +26,7 @@ function j({
   children: p,
   ...x
 }) {
-  const m = r, c = o ?? m, d = l ?? c, g = a ?? d;
+  const m = e, c = o ?? m, d = l ?? c, g = a ?? d;
   return /* @__PURE__ */ i(
     "div",
     {
@@ -35,8 +36,8 @@ function j({
       ),
       ...x,
       children: [
-        s && /* @__PURE__ */ e("div", { className: "font-medium mb-2", children: s }),
-        /* @__PURE__ */ e(
+        s && /* @__PURE__ */ r("div", { className: "font-medium mb-2", children: s }),
+        /* @__PURE__ */ r(
           "div",
           {
             className: "grid gap-2 md:gap-4 table-sm-grid",
@@ -54,6 +55,6 @@ function j({
   );
 }
 export {
-  S as TableCellSm,
-  j as TableLineSm
+  j as TableCellSm,
+  y as TableLineSm
 };

package/dist/esm/components/table/table.js

@@ -1,6 +1,6 @@
 import { jsx as r, jsxs as d } from "react/jsx-runtime";
 import { cva as n } from "class-variance-authority";
-import * as l from "react";
+import * as i from "react";
 import { Button as u } from "../buttons/button/button.js";
 import { faArrowDown as g } from "@fortawesome/free-solid-svg-icons";
 import { FaIcon as x } from "../icons/fa-icon.js";
@@ -10,7 +10,8 @@ import "@gearbox-protocol/sdk";
 import { cn as o } from "../../utils/cn.js";
 import "sonner";
 import "luxon";
-const w = n("w-full caption-bottom", {
+import "../../utils/z-index.js";
+const v = n("w-full caption-bottom", {
   variants: {
     size: {
       sm: "text-xs",
@@ -21,8 +22,8 @@ const w = n("w-full caption-bottom", {
   defaultVariants: {
     size: "default"
   }
-}), v = l.forwardRef(
-  ({ className: t, size: a, wrapperClassName: e, ...i }, s) => /* @__PURE__ */ r(
+}), w = i.forwardRef(
+  ({ className: t, size: a, wrapperClassName: e, ...l }, s) => /* @__PURE__ */ r(
     "div",
     {
       className: o(
@@ -33,15 +34,15 @@ const w = n("w-full caption-bottom", {
         "table",
         {
           ref: s,
-          className: o(w({ size: a, className: t })),
-          ...i
+          className: o(v({ size: a, className: t })),
+          ...l
         }
       )
     }
   )
 );
-v.displayName = "Table";
-const R = l.forwardRef(({ className: t, ...a }, e) => /* @__PURE__ */ r(
+w.displayName = "Table";
+const R = i.forwardRef(({ className: t, ...a }, e) => /* @__PURE__ */ r(
   "thead",
   {
     ref: e,
@@ -53,7 +54,7 @@ const R = l.forwardRef(({ className: t, ...a }, e) => /* @__PURE__ */ r(
   }
 ));
 R.displayName = "TableHeader";
-const z = l.forwardRef(({ className: t, ...a }, e) => /* @__PURE__ */ r(
+const z = i.forwardRef(({ className: t, ...a }, e) => /* @__PURE__ */ r(
   "tbody",
   {
     ref: e,
@@ -62,7 +63,7 @@ const z = l.forwardRef(({ className: t, ...a }, e) => /* @__PURE__ */ r(
   }
 ));
 z.displayName = "TableBody";
-const C = l.forwardRef(({ className: t, ...a }, e) => /* @__PURE__ */ r(
+const C = i.forwardRef(({ className: t, ...a }, e) => /* @__PURE__ */ r(
   "tfoot",
   {
     ref: e,
@@ -74,14 +75,14 @@ const C = l.forwardRef(({ className: t, ...a }, e) => /* @__PURE__ */ r(
   }
 ));
 C.displayName = "TableFooter";
-const H = l.forwardRef(({ className: t, ...a }, e) => /* @__PURE__ */ r(
+const H = i.forwardRef(({ className: t, ...a }, e) => /* @__PURE__ */ r(
   "tr",
   {
     ref: e,
     className: o(
-      "relative transition-colors data-[state=selected]:bg-muted",
+      "relative isolate transition-colors data-[state=selected]:bg-muted",
       // Hover background with rounded corners
-      "before:absolute before:inset-0 before:-z-10 before:rounded-lg before:bg-muted/50 before:opacity-0 before:transition-opacity",
+      "before:absolute before:inset-0 before:-z-10 before:rounded-lg before:bg-muted/50 before:opacity-0 before:transition-opacity before:pointer-events-none",
       "hover:before:opacity-100",
       // Border line that doesn't extend to rounded corners
       "after:absolute after:bottom-0 after:inset-x-3 after:h-px after:bg-border",
@@ -92,7 +93,7 @@ const H = l.forwardRef(({ className: t, ...a }, e) => /* @__PURE__ */ r(
 ));
 H.displayName = "TableRow";
 const V = n(
-  "border-b bg-muted/50 text-left align-middle font-medium text-muted-foreground border-input flex items-center",
+  "border-b bg-muted/50 text-left align-middle font-medium text-muted-foreground border-input",
   {
     variants: {
       size: {
@@ -105,18 +106,18 @@ const V = n(
       size: "default"
     }
   }
-), f = l.forwardRef(
-  ({ className: t, size: a, ...e }, i) => /* @__PURE__ */ r(
+), f = i.forwardRef(
+  ({ className: t, size: a, ...e }, l) => /* @__PURE__ */ r(
     "th",
     {
-      ref: i,
+      ref: l,
       className: o(V({ size: a, className: t })),
       ...e
     }
   )
 );
 f.displayName = "TableHead";
-const _ = n("align-middle flex items-center", {
+const _ = n("align-middle", {
   variants: {
     size: {
       sm: "p-1",
@@ -127,18 +128,18 @@ const _ = n("align-middle flex items-center", {
   defaultVariants: {
     size: "default"
   }
-}), B = l.forwardRef(
-  ({ className: t, size: a, ...e }, i) => /* @__PURE__ */ r(
+}), B = i.forwardRef(
+  ({ className: t, size: a, ...e }, l) => /* @__PURE__ */ r(
     "td",
     {
-      ref: i,
+      ref: l,
       className: o(_({ size: a, className: t })),
       ...e
     }
   )
 );
 B.displayName = "TableCell";
-const F = l.forwardRef(({ className: t, ...a }, e) => /* @__PURE__ */ r(
+const F = i.forwardRef(({ className: t, ...a }, e) => /* @__PURE__ */ r(
   "caption",
   {
     ref: e,
@@ -147,17 +148,17 @@ const F = l.forwardRef(({ className: t, ...a }, e) => /* @__PURE__ */ r(
   }
 ));
 F.displayName = "TableCaption";
-const S = l.forwardRef(
+const S = i.forwardRef(
   ({
     title: t,
     isSorted: a,
     direction: e,
-    setSort: i,
+    setSort: l,
     placement: s = "right",
     children: m,
-    className: c,
-    ...b
-  }, p) => /* @__PURE__ */ r(f, { ref: p, className: c, ...b, children: /* @__PURE__ */ r(h, { children: /* @__PURE__ */ d(T, { delayDuration: 200, children: [
+    className: b,
+    ...c
+  }, p) => /* @__PURE__ */ r(f, { ref: p, className: b, ...c, children: /* @__PURE__ */ r(h, { children: /* @__PURE__ */ d(T, { delayDuration: 200, children: [
     /* @__PURE__ */ r(N, { asChild: !0, children: /* @__PURE__ */ d(
       "div",
       {
@@ -165,7 +166,7 @@ const S = l.forwardRef(
           "group flex items-center gap-1 w-fit cursor-pointer hover:text-foreground",
           s === "left" ? "flex-row-reverse" : "flex-row"
         ),
-        onClick: () => i(e === "asc" ? "desc" : "asc"),
+        onClick: () => l(e === "asc" ? "desc" : "asc"),
         children: [
           m,
           /* @__PURE__ */ r(
@@ -199,7 +200,7 @@ const S = l.forwardRef(
 S.displayName = "SortingTableHead";
 export {
   S as SortingTableHead,
-  v as Table,
+  w as Table,
   z as TableBody,
   F as TableCaption,
   B as TableCell,
@@ -209,5 +210,5 @@ export {
   H as TableRow,
   _ as tableCellVariants,
   V as tableHeadVariants,
-  w as tableVariants
+  v as tableVariants
 };

package/dist/esm/components/tabs/tabs.js

@@ -1,14 +1,15 @@
-import { jsx as o } from "react/jsx-runtime";
+import { jsx as a } from "react/jsx-runtime";
 import * as e from "@radix-ui/react-tabs";
 import * as i from "react";
 import "@gearbox-protocol/sdk";
 import { cn as s } from "../../utils/cn.js";
 import "sonner";
 import "luxon";
-const p = e.Root, n = i.forwardRef(({ className: t, ...r }, a) => /* @__PURE__ */ o(
+import "../../utils/z-index.js";
+const u = e.Root, n = i.forwardRef(({ className: t, ...r }, o) => /* @__PURE__ */ a(
   e.List,
   {
-    ref: a,
+    ref: o,
     className: s(
       "inline-flex h-fit items-center justify-start bg-muted p-1 text-muted-foreground bg-transparent p-0 space-x-6 overflow-x-auto overflow-y-hidden navbar-scrollbar min-w-max",
       t
@@ -17,10 +18,10 @@ const p = e.Root, n = i.forwardRef(({ className: t, ...r }, a) => /* @__PURE__ *
   }
 ));
 n.displayName = e.List.displayName;
-const d = i.forwardRef(({ className: t, ...r }, a) => /* @__PURE__ */ o(
+const d = i.forwardRef(({ className: t, ...r }, o) => /* @__PURE__ */ a(
   e.Trigger,
   {
-    ref: a,
+    ref: o,
     className: s(
       "inline-flex items-center justify-center whitespace-nowrap px-3 py-1 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow rounded-none border-b-2 border-transparent px-2 py-2 text-gray-400 hover:text-foreground data-[state=active]:border-foreground data-[state=active]:bg-transparent data-[state=active]:text-foreground focus:outline-none cursor-pointer shrink-0",
       t
@@ -29,10 +30,10 @@ const d = i.forwardRef(({ className: t, ...r }, a) => /* @__PURE__ */ o(
   }
 ));
 d.displayName = e.Trigger.displayName;
-const f = i.forwardRef(({ className: t, ...r }, a) => /* @__PURE__ */ o(
+const f = i.forwardRef(({ className: t, ...r }, o) => /* @__PURE__ */ a(
   e.Content,
   {
-    ref: a,
+    ref: o,
     className: s(
       "mt-2 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
       t
@@ -42,7 +43,7 @@ const f = i.forwardRef(({ className: t, ...r }, a) => /* @__PURE__ */ o(
 ));
 f.displayName = e.Content.displayName;
 export {
-  p as Tabs,
+  u as Tabs,
   f as TabsContent,
   n as TabsList,
   d as TabsTrigger

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

@@ -5,6 +5,7 @@ import "@gearbox-protocol/sdk";
 import { cn as o } from "../../utils/cn.js";
 import "sonner";
 import "luxon";
+import "../../utils/z-index.js";
 const f = n("", {
   variants: {
     buttonColor: {

package/dist/esm/components/textarea/textarea.js

@@ -5,6 +5,7 @@ import "@gearbox-protocol/sdk";
 import { cn as n } from "../../utils/cn.js";
 import "sonner";
 import "luxon";
+import "../../utils/z-index.js";
 const d = l(
   "flex w-full rounded-md border border-[rgb(100,100,100)] px-3 py-2 shadow-sm transition-colors placeholder:text-muted-foreground/70 focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm bg-[rgb(40,40,40)] text-foreground focus:bg-[rgb(40,40,40)] active:bg-[rgb(40,40,40)] [&:not(:placeholder-shown)]:bg-[rgb(40,40,40)] autofill:bg-[rgb(40,40,40)] [-webkit-autofill]:bg-[rgb(40,40,40)] [&:-webkit-autofill]:shadow-[0_0_0_1000px_rgb(40,40,40)_inset] [&:-webkit-autofill]:[text-fill-color:currentColor] outline-none",
   {

package/dist/esm/components/time-to-liquidation/time-to-liquidation.js

@@ -5,6 +5,7 @@ import "@gearbox-protocol/sdk";
 import { cn as f } from "../../utils/cn.js";
 import "sonner";
 import { ttlLeft as h } from "../../utils/ttl.js";
+import "../../utils/z-index.js";
 import "../accordion/accordion.js";
 import "@gearbox-protocol/static";
 import "@fortawesome/free-solid-svg-icons";
@@ -31,7 +32,7 @@ import "viem/siwe";
 import "../avatar/avatar.js";
 import "../badge/badge.js";
 import "../base-link/base-link.js";
-import "react-router-dom";
+import "../navigation-context/navigation-context.js";
 import "../button-checkbox/button-checkbox.js";
 import "../card-grid/card-grid.js";
 import "../cards/card/card.js";
@@ -54,6 +55,7 @@ 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 "../detailed-page-title/detailed-page-title.js";
 import "../detailed-page-title/detailed-page-title-copy-button.js";
 import "../detailed-page-title/detailed-page-title-explorer-dropdown.js";
@@ -121,7 +123,9 @@ 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";
@@ -133,10 +137,10 @@ 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.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";

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

@@ -5,7 +5,8 @@ import "@gearbox-protocol/sdk";
 import { cn as e } from "../../utils/cn.js";
 import "sonner";
 import "luxon";
-const p = t("rounded-lg p-5 text-[14px]", {
+import "../../utils/z-index.js";
+const p = t("rounded-lg p-5 text-sm", {
   variants: {
     backgroundColor: {
       transparent: "bg-transparent",

package/dist/esm/components/toggle/toggle.js

@@ -1,11 +1,12 @@
 import { jsx as r } from "react/jsx-runtime";
-import { cva as i } from "class-variance-authority";
+import { cva as f } from "class-variance-authority";
 import * as s from "react";
 import "@gearbox-protocol/sdk";
 import { cn as l } from "../../utils/cn.js";
 import "sonner";
 import "luxon";
-const c = i(
+import "../../utils/z-index.js";
+const c = f(
   [
     "relative inline-flex h-5 w-8 items-center",
     "cursor-pointer rounded-[21px] bg-gray-60",
@@ -33,7 +34,7 @@ const c = i(
     }
   }
 ), d = s.forwardRef(
-  ({ checked: a, onChange: t, disabled: e = !1, className: o, ...n }, f) => /* @__PURE__ */ r(
+  ({ checked: a, onChange: t, disabled: e = !1, className: o, ...i }, n) => /* @__PURE__ */ r(
     "label",
     {
       "data-checked": a,
@@ -48,7 +49,7 @@ const c = i(
       children: /* @__PURE__ */ r(
         "input",
         {
-          ref: f,
+          ref: n,
           type: "checkbox",
           checked: a,
           disabled: e,
@@ -56,7 +57,7 @@ const c = i(
           className: "sr-only",
           "aria-checked": a,
           "aria-disabled": e,
-          ...n
+          ...i
         }
       )
     }

package/dist/esm/components/token-symbol/index.js

@@ -1,4 +1,5 @@
-import { TokenSymbol as m } from "./token-symbol.js";
+import { TokenSymbol as m, getSymbolOrIcon as r } from "./token-symbol.js";
 export {
-  m as TokenSymbol
+  m as TokenSymbol,
+  r as getSymbolOrIcon
 };

package/dist/esm/components/token-symbol/token-symbol.js

@@ -11,6 +11,7 @@ import { cn as I } from "../../utils/cn.js";
 import "sonner";
 import { getNetworkIcon as T } from "../../utils/network-icons.js";
 import "luxon";
+import "../../utils/z-index.js";
 const R = N("", {
   variants: {
     marginSize: {
@@ -102,5 +103,6 @@ const z = x.forwardRef(
 );
 z.displayName = "TokenSymbol";
 export {
-  z as TokenSymbol
+  z as TokenSymbol,
+  _ as getSymbolOrIcon
 };