@gearbox-protocol/permissionless-ui 1.22.0-next.7 → 1.22.0-next.70

package/dist/esm/components/alert-badge/alert-badge.js

@@ -1,26 +1,43 @@
-import { jsxs as p, jsx as l } from "react/jsx-runtime";
-import { cva as g } from "class-variance-authority";
-import { Info as e, CheckCircle as x, AlertTriangle as b, AlertCircle as y } from "lucide-react";
-import * as v from "react";
-import { cn as h } from "../../utils/cn.js";
-import "sonner";
+import { jsxs as v, jsx as t } from "react/jsx-runtime";
+import { IconInfo as s } from "@gearbox-protocol/static";
+import { cva as w } from "class-variance-authority";
+import * as y from "react";
+import { faCircleCheck as I, faTriangleExclamation as A, faCircleExclamation as f } from "@fortawesome/free-solid-svg-icons";
+import { FaIcon as F } from "../icons/fa-icon.js";
 import "@gearbox-protocol/sdk";
-const w = g(
-  "inline-flex items-center rounded-lg text-primary-foreground",
+import { cn as c } from "../../utils/cn.js";
+import "sonner";
+import "luxon";
+function r({
+  icon: e,
+  size: a,
+  className: n
+}) {
+  return /* @__PURE__ */ t(
+    F,
+    {
+      icon: e,
+      style: { fontSize: a, width: a, height: a },
+      className: c("shrink-0", n)
+    }
+  );
+}
+const N = w(
+  "inline-flex flex-row flex-nowrap items-center text-foreground",
   {
     variants: {
       variant: {
-        default: "bg-muted",
+        default: "bg-gray-30",
         alert: "bg-destructive",
-        warning: "bg-yellow-600",
-        success: "bg-green-600",
+        warning: "bg-warning",
+        success: "bg-success",
         info: "bg-blue-600",
-        primary: "bg-gradient-to-r from-pink-600 to-pink-500"
+        primary: "bg-gradient-to-l from-[#FF29AA] to-[#FF2974]"
       },
       size: {
-        sm: "px-2 py-1.5 text-xs gap-1.5",
-        default: "px-3 py-2.5 text-sm gap-2",
-        lg: "px-4 py-3 text-base gap-2.5"
+        sm: "px-[7px] py-1.5 text-sm leading-[17px] gap-[5px] rounded-[5px]",
+        default: "min-h-[44px] px-[13px] py-2.5 text-base leading-[19px] gap-2 rounded-sm",
+        lg: "px-4 py-3 text-base leading-[24px] gap-2.5 rounded-lg"
       },
       fullWidth: {
         true: "w-full",
@@ -33,48 +50,49 @@ const w = g(
       fullWidth: !1
     }
   }
-), k = {
+), C = {
   sm: 14,
   default: 18,
   lg: 22
-}, z = {
-  default: e,
-  alert: y,
-  warning: b,
-  success: x,
-  info: e,
-  primary: e
-}, A = v.forwardRef(
+}, k = {
+  default: (e) => /* @__PURE__ */ t(r, { icon: f, ...e }),
+  alert: (e) => /* @__PURE__ */ t(r, { icon: f, ...e }),
+  warning: (e) => /* @__PURE__ */ t(r, { icon: A, ...e }),
+  success: (e) => /* @__PURE__ */ t(r, { icon: I, ...e }),
+  info: s,
+  primary: s
+}, z = y.forwardRef(
   ({
-    className: n,
-    variant: t = "default",
-    size: r = "default",
-    fullWidth: i,
-    icon: a,
-    hideIcon: s = !1,
-    children: o,
-    ...f
-  }, d) => {
-    const u = z[t || "default"], c = k[r || "default"], m = () => s ? null : a || /* @__PURE__ */ l(u, { size: c, className: "shrink-0" });
-    return /* @__PURE__ */ p(
+    className: e,
+    variant: a,
+    color: n,
+    size: i = "default",
+    fullWidth: d,
+    icon: o,
+    hideIcon: m = !1,
+    children: p,
+    ...u
+  }, g) => {
+    const l = a ?? n ?? "default", x = k[l || "default"], h = C[i || "default"], b = () => m ? null : o || /* @__PURE__ */ t(x, { size: h, className: "shrink-0" });
+    return /* @__PURE__ */ v(
       "div",
       {
-        ref: d,
-        className: h(
-          w({ variant: t, size: r, fullWidth: i }),
-          n
+        ref: g,
+        className: c(
+          N({ variant: l, size: i, fullWidth: d }),
+          e
         ),
-        ...f,
+        ...u,
         children: [
-          m(),
-          /* @__PURE__ */ l("div", { className: "flex-1", children: o })
+          b(),
+          /* @__PURE__ */ t("div", { className: "flex-1", children: p })
         ]
       }
     );
   }
 );
-A.displayName = "AlertBadge";
+z.displayName = "AlertBadge";
 export {
-  A as AlertBadge,
-  w as alertBadgeVariants
+  z as AlertBadge,
+  N as alertBadgeVariants
 };

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

@@ -7,11 +7,12 @@ 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 "@gearbox-protocol/sdk";
 import { cn as r } from "../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk";
+import "luxon";
 import "../buttons/tab-button/tab-button.js";
-const P = t.Root, h = t.Trigger, d = t.Portal, m = i.forwardRef(({ className: e, ...a }, o) => /* @__PURE__ */ l(
+const h = t.Root, k = t.Trigger, d = t.Portal, m = i.forwardRef(({ className: e, ...a }, o) => /* @__PURE__ */ l(
   t.Overlay,
   {
     className: r(
@@ -107,7 +108,7 @@ const x = i.forwardRef(({ className: e, ...a }, o) => /* @__PURE__ */ l(
 ));
 x.displayName = t.Cancel.displayName;
 export {
-  P as AlertDialog,
+  h as AlertDialog,
   y as AlertDialogAction,
   x as AlertDialogCancel,
   c as AlertDialogContent,
@@ -117,5 +118,5 @@ export {
   m as AlertDialogOverlay,
   d as AlertDialogPortal,
   g as AlertDialogTitle,
-  h as AlertDialogTrigger
+  k as AlertDialogTrigger
 };

package/dist/esm/components/app-bar/app-bar.js

@@ -0,0 +1,198 @@
+import { jsx as n, jsxs as d } from "react/jsx-runtime";
+import { faBars as f } from "@fortawesome/free-solid-svg-icons";
+import * as p from "react";
+import { Button as m } from "../buttons/button/button.js";
+import { FaIcon as u } from "../icons/fa-icon.js";
+import "@gearbox-protocol/sdk";
+import { cn as t } from "../../utils/cn.js";
+import "sonner";
+import "luxon";
+const x = p.forwardRef(
+  ({ className: e, children: a, ...r }, o) => /* @__PURE__ */ n(
+    "nav",
+    {
+      ref: o,
+      className: t(
+        "relative flex flex-row flex-nowrap items-center w-full",
+        "py-4 px-4 md:px-10",
+        e
+      ),
+      ...r,
+      children: a
+    }
+  )
+);
+x.displayName = "AppBar";
+const g = p.forwardRef(({ className: e, children: a, ...r }, o) => /* @__PURE__ */ n(
+  "div",
+  {
+    ref: o,
+    className: t("flex flex-row flex-nowrap items-center gap-2", e),
+    ...r,
+    children: a
+  }
+));
+g.displayName = "AppBarSidePanel";
+const w = p.forwardRef(
+  ({ className: e, children: a, ...r }, o) => /* @__PURE__ */ n(
+    "div",
+    {
+      ref: o,
+      className: t(
+        "relative grow shrink-0 basis-[0%] flex justify-center self-end",
+        "px-0 md:px-3",
+        e
+      ),
+      ...r,
+      children: a
+    }
+  )
+);
+w.displayName = "AppBarCenter";
+const v = p.forwardRef(({ className: e, children: a, ...r }, o) => /* @__PURE__ */ n(
+  "div",
+  {
+    ref: o,
+    className: t(
+      "absolute bottom-[-15px] [&>div>div]:overflow-visible whitespace-nowrap w-min",
+      "hidden md:block",
+      e
+    ),
+    ...r,
+    children: a
+  }
+));
+v.displayName = "AppBarCenterContent";
+const N = p.forwardRef(({ attribute: e, hasHover: a = !0, children: r, className: o, ...s }, i) => /* @__PURE__ */ d(
+  "div",
+  {
+    ref: i,
+    className: t(
+      "relative text-[15px] leading-[125%] text-foreground cursor-pointer group/app-nav-item",
+      o
+    ),
+    ...s,
+    children: [
+      a && /* @__PURE__ */ n(
+        "div",
+        {
+          "aria-hidden": "true",
+          className: t(
+            "absolute -top-[6px] -left-[13px]",
+            "w-[calc(100%+26px)] h-[calc(100%+12px)]",
+            "rounded-[15px]",
+            "group-hover/app-nav-item:bg-gray-40",
+            "transition-colors"
+          )
+        }
+      ),
+      /* @__PURE__ */ d("div", { className: "relative flex items-center", children: [
+        r,
+        e != null && /* @__PURE__ */ n(
+          "div",
+          {
+            className: t(
+              "ml-1.5 -mr-[7px] px-[7px] py-1",
+              "text-[9px] font-medium leading-[125%]",
+              "bg-gray-40 rounded-[10px]",
+              "group-hover/app-nav-item:bg-gray-80",
+              "transition-colors"
+            ),
+            children: e
+          }
+        )
+      ] })
+    ]
+  }
+));
+N.displayName = "AppBarNavItem";
+const c = {
+  sm: "sm",
+  md: "default",
+  lg: "lg"
+}, B = p.forwardRef(({ size: e = "lg", className: a, ...r }, o) => /* @__PURE__ */ n(
+  m,
+  {
+    ref: o,
+    variant: "outline",
+    size: c[e],
+    width: "compact",
+    className: t("inline-flex", a),
+    ...r,
+    children: /* @__PURE__ */ n(u, { icon: f, className: "text-foreground" })
+  }
+));
+B.displayName = "AppBarHamburgerButton";
+const y = p.forwardRef(({ size: e = "lg", className: a, ...r }, o) => /* @__PURE__ */ n(
+  m,
+  {
+    ref: o,
+    variant: "outline",
+    size: c[e],
+    width: "compact",
+    className: t("inline-flex", a),
+    ...r,
+    children: /* @__PURE__ */ n(h, {})
+  }
+));
+y.displayName = "AppBarDotsButton";
+function h() {
+  return /* @__PURE__ */ d("span", { className: "inline-flex items-center justify-center gap-[2px]", children: [
+    /* @__PURE__ */ n("span", { className: "block w-1 h-1 rounded-full bg-foreground" }),
+    /* @__PURE__ */ n("span", { className: "block w-1 h-1 rounded-full bg-foreground" }),
+    /* @__PURE__ */ n("span", { className: "block w-1 h-1 rounded-full bg-foreground" })
+  ] });
+}
+const b = p.forwardRef(({ children: e, className: a, onClick: r, onKeyDown: o, ...s }, i) => /* @__PURE__ */ n(
+  "div",
+  {
+    ref: i,
+    role: "menuitem",
+    tabIndex: 0,
+    className: t(
+      "flex w-full items-center",
+      "px-3 py-3",
+      "text-sm leading-[17px] font-normal text-foreground",
+      "bg-transparent rounded-lg",
+      "cursor-pointer select-none",
+      "hover:bg-gray-80",
+      "transition-colors",
+      a
+    ),
+    onClick: r,
+    onKeyDown: (l) => {
+      (l.key === "Enter" || l.key === " ") && r?.(l), o?.(l);
+    },
+    ...s,
+    children: e
+  }
+));
+b.displayName = "AppBarMenuItem";
+const A = p.forwardRef(({ children: e, className: a, ...r }, o) => /* @__PURE__ */ n(
+  "div",
+  {
+    ref: o,
+    role: "menu",
+    className: t(
+      "mt-2 p-1 overflow-hidden min-w-[10rem]",
+      "bg-gray-40 rounded-xl",
+      "shadow-[0_2px_16px_rgba(0,0,0,0.6)]",
+      "z-50",
+      a
+    ),
+    ...r,
+    children: e
+  }
+));
+A.displayName = "AppBarDropdownMenu";
+export {
+  x as AppBar,
+  w as AppBarCenter,
+  v as AppBarCenterContent,
+  y as AppBarDotsButton,
+  A as AppBarDropdownMenu,
+  B as AppBarHamburgerButton,
+  b as AppBarMenuItem,
+  N as AppBarNavItem,
+  g as AppBarSidePanel
+};

package/dist/esm/components/app-bar/index.js

@@ -0,0 +1,12 @@
+import { AppBar as e, AppBarCenter as a, AppBarCenterContent as t, AppBarDotsButton as B, AppBarDropdownMenu as n, AppBarHamburgerButton as A, AppBarMenuItem as o, AppBarNavItem as u, AppBarSidePanel as m } from "./app-bar.js";
+export {
+  e as AppBar,
+  a as AppBarCenter,
+  t as AppBarCenterContent,
+  B as AppBarDotsButton,
+  n as AppBarDropdownMenu,
+  A as AppBarHamburgerButton,
+  o as AppBarMenuItem,
+  u as AppBarNavItem,
+  m as AppBarSidePanel
+};

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

@@ -1,14 +1,16 @@
-import { jsx as r, jsxs as s } from "react/jsx-runtime";
-import { TooltipProvider as c, Tooltip as m, TooltipTrigger as p, TooltipContent as u } from "../tooltip/tooltip.js";
+import { jsx as r, jsxs as m } from "react/jsx-runtime";
+import "../tooltip/simple-tooltip.js";
+import { TooltipProvider as p, Tooltip as s, TooltipTrigger as c, TooltipContent as u } from "../tooltip/tooltip.js";
 import "react";
+import "@gearbox-protocol/sdk";
 import { cn as t } from "../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk";
-function g({
-  apy: e,
-  tooltip: n,
+import "luxon";
+function j({
+  apy: o,
+  tooltip: e,
   decimals: l = 2,
-  className: o,
+  className: i,
   loading: d
 }) {
   if (d)
@@ -17,16 +19,16 @@ function g({
       {
         className: t(
           "inline-block w-12 h-4 bg-muted animate-pulse rounded",
-          o
+          i
         )
       }
     );
-  const i = /* @__PURE__ */ r("span", { className: t("tabular-nums", o), children: e == null ? "N/A" : `${(e * 100).toFixed(l)}%` });
-  return n ? /* @__PURE__ */ r(c, { children: /* @__PURE__ */ s(m, { children: [
-    /* @__PURE__ */ r(p, { asChild: !0, children: /* @__PURE__ */ r("span", { className: "cursor-help underline decoration-dotted underline-offset-2", children: i }) }),
-    /* @__PURE__ */ r(u, { children: n })
-  ] }) }) : i;
+  const n = /* @__PURE__ */ r("span", { className: t("tabular-nums", i), children: o == null ? "N/A" : `${(o * 100).toFixed(l)}%` });
+  return e ? /* @__PURE__ */ r(p, { children: /* @__PURE__ */ m(s, { children: [
+    /* @__PURE__ */ r(c, { asChild: !0, children: /* @__PURE__ */ r("span", { className: "cursor-help underline decoration-dotted underline-offset-2", children: n }) }),
+    /* @__PURE__ */ r(u, { children: e })
+  ] }) }) : n;
 }
 export {
-  g as Apy
+  j as Apy
 };

package/dist/esm/components/arc-loader/arc-loader.js

@@ -1,13 +1,14 @@
 import { jsxs as s, jsx as a } from "react/jsx-runtime";
 import "react";
-import { cn as l } from "../../utils/cn.js";
-import "sonner";
 import "@gearbox-protocol/sdk";
-function u({
+import { cn as m } from "../../utils/cn.js";
+import "sonner";
+import "luxon";
+function g({
   size: r = 24,
-  color: e = "currentColor",
+  color: i = "currentColor",
   strokeWidth: o = 2,
-  className: i
+  className: e
 }) {
   const t = (r - o) / 2, n = 2 * Math.PI * t, c = n * 0.75;
   return /* @__PURE__ */ s(
@@ -16,7 +17,7 @@ function u({
       width: r,
       height: r,
       viewBox: `0 0 ${r} ${r}`,
-      className: l("animate-spin", i),
+      className: m("animate-spin", e),
       style: { animationDuration: "1s" },
       role: "img",
       "aria-label": "Loading",
@@ -29,7 +30,7 @@ function u({
             cy: r / 2,
             r: t,
             fill: "none",
-            stroke: e,
+            stroke: i,
             strokeWidth: o,
             strokeDasharray: n,
             strokeDashoffset: c,
@@ -41,5 +42,5 @@ function u({
   );
 }
 export {
-  u as ArcLoader
+  g as ArcLoader
 };

package/dist/esm/components/asset-line/asset-line.js

@@ -5,9 +5,10 @@ import { ShortString as h } from "../short-string/short-string.js";
 import { GridTableRow as I, GridTableCell as p } from "../table/grid-table.js";
 import { TokenSymbol as j } from "../token-symbol/token-symbol.js";
 import { VSpace as g } from "../vspace/vspace.js";
+import "@gearbox-protocol/sdk";
 import { cn as y } from "../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk";
+import "luxon";
 const E = {
   default: 24,
   sm: 20,
@@ -22,11 +23,11 @@ const E = {
   ({
     token: i,
     tokenLabel: S,
-    tokenDescription: l,
+    tokenDescription: m,
     network: N,
     chainId: b,
     value: s,
-    valueDescription: m,
+    valueDescription: l,
     size: e = "default",
     iconSize: u = e,
     gapSize: a = e,
@@ -61,21 +62,21 @@ const E = {
             ),
             /* @__PURE__ */ t("div", { className: "flex-1 min-w-0", children: [
               o && /* @__PURE__ */ r(h, { maxLength: L, children: o }),
-              o && l && /* @__PURE__ */ r(g, { height: x[a] }),
-              l && /* @__PURE__ */ r(n, { children: /* @__PURE__ */ r(
+              o && m && /* @__PURE__ */ r(g, { height: x[a] }),
+              m && /* @__PURE__ */ r(n, { children: /* @__PURE__ */ r(
                 h,
                 {
                   maxLength: R,
                   showTooltip: !1,
-                  children: String(l)
+                  children: String(m)
                 }
               ) })
             ] })
           ] }) }),
           !d && /* @__PURE__ */ t(p, { size: f, className: "text-right", children: [
             s,
-            s && m && /* @__PURE__ */ r(g, { height: x[a] }),
-            m && /* @__PURE__ */ r(n, { children: m })
+            s && l && /* @__PURE__ */ r(g, { height: x[a] }),
+            l && /* @__PURE__ */ r(n, { children: l })
           ] })
         ]
       }

package/dist/esm/components/assets-list-cell/assets-list-cell.js

@@ -1,48 +1,125 @@
-import { jsxs as e, jsx as t } from "react/jsx-runtime";
-import { ExternalLink as d } from "lucide-react";
+import { jsx as t, jsxs as i } from "react/jsx-runtime";
+import { IconExternal as z } from "@gearbox-protocol/static";
+import { useMemo as O } from "react";
 import "../buttons/back-button/back-button.js";
-import { Button as p } from "../buttons/button/button.js";
+import { Button as $ } from "../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 "react";
-import { cn as c } from "../../utils/cn.js";
-import "sonner";
 import "@gearbox-protocol/sdk";
+import { cn as g } from "../../utils/cn.js";
+import "sonner";
+import "luxon";
 import "../buttons/tab-button/tab-button.js";
-import { TokenIcon as l } from "../token-icon/token-icon.js";
-function b({
-  assetAddress: m,
-  symbol: r,
+import { TokenIcon as C } from "../token-icon/token-icon.js";
+import "../tooltip/simple-tooltip.js";
+import { TooltipProvider as B, Tooltip as y, TooltipTrigger as b, TooltipContent as w } from "../tooltip/tooltip.js";
+function E(e) {
+  return "balances" in e && e.balances !== void 0;
+}
+function H({
+  assetAddress: e,
+  symbol: o,
   iconSymbol: s,
-  comment: o,
-  explorerUrl: i,
-  iconSize: n = 24,
-  className: a
+  comment: n,
+  explorerUrl: a,
+  iconSize: p = 24,
+  className: f
 }) {
-  return /* @__PURE__ */ e("div", { className: c("flex items-center gap-3", a), children: [
-    /* @__PURE__ */ t(l, { symbol: s ?? r, size: n }),
-    /* @__PURE__ */ e("div", { className: "flex items-center gap-1", children: [
-      /* @__PURE__ */ t("div", { className: "font-medium", children: r }),
-      o && /* @__PURE__ */ e("div", { className: "text-md text-muted-foreground", children: [
+  return /* @__PURE__ */ i("div", { className: g("flex items-center gap-3", f), children: [
+    /* @__PURE__ */ t(C, { symbol: s ?? o, size: p }),
+    /* @__PURE__ */ i("div", { className: "flex items-center gap-1", children: [
+      /* @__PURE__ */ t("div", { className: "font-medium", children: o }),
+      n && /* @__PURE__ */ i("div", { className: "text-md text-muted-foreground", children: [
         "(",
-        o,
+        n,
         ")"
       ] }),
-      i && /* @__PURE__ */ t(
-        p,
+      a && /* @__PURE__ */ t(
+        $,
         {
           variant: "ghost",
           size: "sm",
           className: "text-muted-foreground hover:text-foreground p-0 h-auto",
-          onClick: () => window.open(`${i}/address/${m}`, "_blank"),
-          children: /* @__PURE__ */ t(d, { className: "h-3 w-3" })
+          onClick: () => window.open(`${a}/address/${e}`, "_blank"),
+          children: /* @__PURE__ */ t(z, { size: 12, className: "size-3" })
         }
       )
     ] })
   ] });
 }
+function P({
+  balances: e,
+  tokensList: o,
+  maxAssets: s = 3,
+  iconSize: n = 24,
+  options: a,
+  className: p
+}) {
+  const {
+    mode: f = "default",
+    showIconTooltip: N = !0,
+    otherTooltip: k,
+    onOtherClick: T
+  } = a || {}, x = f === "cascade", [I, j, M, A] = O(() => {
+    const r = e, l = r.slice(0, s), c = r.slice(s), h = c.map((m) => {
+      const u = typeof m == "string" ? m : m.token;
+      return o[u]?.title || o[u]?.symbol || "unknown";
+    }).join(", "), d = r.length > s;
+    return [l, c, h, d];
+  }, [e, s, o]);
+  return /* @__PURE__ */ t(B, { children: /* @__PURE__ */ i("div", { className: g("relative inline-flex items-center", p), children: [
+    I.map((r, l, c) => {
+      const h = typeof r == "string" ? r : r.token, d = o[h], m = l === c.length - 1, u = x ? c.length - l : void 0, v = /* @__PURE__ */ t(C, { symbol: d?.symbol, size: n });
+      return /* @__PURE__ */ t(
+        "div",
+        {
+          className: "flex-shrink-0",
+          style: {
+            zIndex: u,
+            marginRight: m ? 0 : x ? -Math.round(n * 0.5) : 4
+          },
+          children: N ? /* @__PURE__ */ i(y, { children: [
+            /* @__PURE__ */ t(b, { asChild: !0, children: /* @__PURE__ */ t("span", { children: v }) }),
+            /* @__PURE__ */ t(w, { children: d?.title || d?.symbol || "unknown" })
+          ] }) : v
+        },
+        h ?? l
+      );
+    }),
+    A && /* @__PURE__ */ i(y, { children: [
+      /* @__PURE__ */ t(b, { asChild: !0, children: /* @__PURE__ */ t(
+        "button",
+        {
+          type: "button",
+          onClick: T,
+          className: g(
+            "inline-flex items-center justify-center rounded-full shrink-0",
+            "cursor-pointer",
+            "bg-gray-50 hover:bg-gray-70 text-foreground transition-colors",
+            "ml-1!"
+          ),
+          style: {
+            width: n,
+            height: n,
+            minWidth: n,
+            minHeight: n,
+            zIndex: 0
+          },
+          children: /* @__PURE__ */ i("span", { className: "text-[10px]! leading-[10px] font-medium", children: [
+            "+",
+            j.length
+          ] })
+        }
+      ) }),
+      /* @__PURE__ */ t(w, { children: k || M })
+    ] })
+  ] }) });
+}
+function tt(e) {
+  return E(e) ? /* @__PURE__ */ t(P, { ...e }) : /* @__PURE__ */ t(H, { ...e });
+}
 export {
-  b as AssetsListCell
+  tt as AssetsListCell
 };