@gearbox-protocol/permissionless-ui 1.22.0-next.45 → 1.22.0-next.47

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

@@ -6,8 +6,9 @@ import { TooltipProvider as y, Tooltip as T, TooltipTrigger as k, TooltipContent
 import "@gearbox-protocol/sdk";
 import { cn as v } from "../../utils/cn.js";
 import "sonner";
-function F({
-  balances: p,
+import "luxon";
+function G({
+  balances: a,
   tokensList: d,
   maxAssets: s = 3,
   iconSize: h = 24,
@@ -20,12 +21,12 @@ function F({
     otherTooltip: j,
     onOtherClick: u
   } = w || {}, [I, N, R, g] = O.useMemo(() => {
-    const t = p, n = t.slice(0, s), o = t.slice(s), i = o.map((r) => {
-      const a = typeof r == "string" ? r : r.token;
-      return d[a]?.symbol || "unknown";
+    const t = a, n = t.slice(0, s), o = t.slice(s), i = o.map((r) => {
+      const p = typeof r == "string" ? r : r.token;
+      return d[p]?.symbol || "unknown";
     }).join(", "), l = t.length > s;
     return [n, o, i, l];
-  }, [p, s, d]), S = (t) => typeof t == "string" ? t : t.token, M = (t, n, o) => m === "cascade" ? {
+  }, [a, s, d]), S = (t) => typeof t == "string" ? t : t.token, M = (t, n, o) => m === "cascade" ? {
     zIndex: o - n,
     marginRight: t ? 0 : -12
   } : {
@@ -33,8 +34,8 @@ function F({
   };
   return /* @__PURE__ */ c("div", { className: v("relative inline-flex items-center", C), children: [
     I.map((t, n, o) => {
-      const i = S(t), l = d[i], r = n === o.length - 1 && !g, a = M(r, n, o.length), f = /* @__PURE__ */ e(z, { symbol: l?.symbol, size: h });
-      return /* @__PURE__ */ e("div", { className: "relative", style: a, children: x ? /* @__PURE__ */ e(y, { children: /* @__PURE__ */ c(T, { children: [
+      const i = S(t), l = d[i], r = n === o.length - 1 && !g, p = M(r, n, o.length), f = /* @__PURE__ */ e(z, { symbol: l?.symbol, size: h });
+      return /* @__PURE__ */ e("div", { className: "relative", style: p, children: x ? /* @__PURE__ */ e(y, { children: /* @__PURE__ */ c(T, { children: [
         /* @__PURE__ */ e(k, { asChild: !0, children: /* @__PURE__ */ e("span", { className: "cursor-help", children: f }) }),
         /* @__PURE__ */ e(b, { children: l?.symbol || "Unknown" })
       ] }) }) : f }, i);
@@ -69,5 +70,5 @@ function F({
   ] });
 }
 export {
-  F as TokensListCell
+  G as TokensListCell
 };

package/dist/esm/components/tooltip/simple-tooltip.js

@@ -2,8 +2,9 @@ import { jsx as i, jsxs as x } from "react/jsx-runtime";
 import * as r from "@radix-ui/react-tooltip";
 import * as o from "react";
 import "@gearbox-protocol/sdk";
-import { cn as p } from "../../utils/cn.js";
+import { cn as d } from "../../utils/cn.js";
 import "sonner";
+import "luxon";
 const C = 7, j = 12;
 function S({
   children: D,
@@ -43,17 +44,17 @@ function S({
   );
   o.useEffect(() => {
     if (n !== "click" || !a) return;
-    const e = (d) => {
-      const v = d.target;
+    const e = (p) => {
+      const v = p.target;
       c.current && !c.current.contains(v) && s.current && !s.current.contains(v) && t(!1);
-    }, w = (d) => {
-      d.key === "Escape" && t(!1);
+    }, w = (p) => {
+      p.key === "Escape" && t(!1);
     };
     return document.addEventListener("pointerdown", e), document.addEventListener("keydown", w), () => {
       document.removeEventListener("pointerdown", e), document.removeEventListener("keydown", w);
     };
   }, [n, a, t]);
-  const y = P === "modal-tooltip", b = T && !y, W = p(
+  const y = P === "modal-tooltip", b = T && !y, W = d(
     // Base
     "break-all",
     "z-50 pointer-events-auto",
@@ -82,7 +83,7 @@ function S({
                 type: "button",
                 onClick: I,
                 onKeyDown: K,
-                className: p(
+                className: d(
                   "inline-flex appearance-none border-0 bg-transparent p-0 text-inherit font-inherit cursor-pointer",
                   h
                 ),
@@ -92,7 +93,7 @@ function S({
               "span",
               {
                 ref: s,
-                className: p("inline-flex", h),
+                className: d("inline-flex", h),
                 children: u
               }
             ) }),

package/dist/esm/components/tooltip/tooltip.js

@@ -2,24 +2,25 @@ import { jsx as t } from "react/jsx-runtime";
 import * as o from "@radix-ui/react-tooltip";
 import * as a from "react";
 import "@gearbox-protocol/sdk";
-import { cn as s } from "../../utils/cn.js";
+import { cn as m } from "../../utils/cn.js";
 import "sonner";
-const c = o.Provider, g = o.Root, T = o.Trigger, m = a.forwardRef(({ className: e, sideOffset: r = 4, ...i }, d) => /* @__PURE__ */ t(o.Portal, { children: /* @__PURE__ */ t(
+import "luxon";
+const g = o.Provider, T = o.Root, b = o.Trigger, s = a.forwardRef(({ className: e, sideOffset: r = 4, ...i }, d) => /* @__PURE__ */ t(o.Portal, { children: /* @__PURE__ */ t(
   o.Content,
   {
     ref: d,
     sideOffset: r,
-    className: s(
+    className: m(
       "z-50 overflow-hidden rounded-md border border-border bg-popover px-3 py-1.5 text-xs text-popover-foreground shadow-md animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-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
     ),
     ...i
   }
 ) }));
-m.displayName = o.Content.displayName;
+s.displayName = o.Content.displayName;
 export {
-  g as Tooltip,
-  m as TooltipContent,
-  c as TooltipProvider,
-  T as TooltipTrigger
+  T as Tooltip,
+  s as TooltipContent,
+  g as TooltipProvider,
+  b as TooltipTrigger
 };

package/dist/esm/components/typography/typography.js

@@ -2,9 +2,10 @@ import { jsx as s } from "react/jsx-runtime";
 import { cva as x } from "class-variance-authority";
 import * as c from "react";
 import "@gearbox-protocol/sdk";
-import { cn as g } from "../../utils/cn.js";
+import { cn as p } from "../../utils/cn.js";
 import "sonner";
-const p = x("", {
+import "luxon";
+const g = x("", {
   variants: {
     variant: {
       inherit: "",
@@ -90,8 +91,8 @@ const p = x("", {
       m,
       {
         ref: d,
-        className: g(
-          p({
+        className: p(
+          g({
             variant: t,
             color: i,
             weight: r,
@@ -109,5 +110,5 @@ const p = x("", {
 u.displayName = "Typography";
 export {
   u as Typography,
-  p as typographyVariants
+  g as typographyVariants
 };

package/dist/esm/components/vertical-indicator/vertical-indicator.js

@@ -4,6 +4,7 @@ import * as V from "react";
 import "@gearbox-protocol/sdk";
 import { cn as a } from "../../utils/cn.js";
 import "sonner";
+import "luxon";
 import { Description as f } from "../description/description.js";
 import { HelpTip as v } from "../help-tip/help-tip.js";
 const y = l(
@@ -69,8 +70,8 @@ const y = l(
     label: s,
     description: n,
     valueDescription: m,
-    tip: d,
-    value: o,
+    tip: o,
+    value: d,
     valueTo: r,
     size: i = "sm",
     weight: c = "medium",
@@ -87,11 +88,11 @@ const y = l(
         (s || n) && /* @__PURE__ */ t("div", { className: "grow shrink-0 basis-[0%] h-min flex flex-col", children: [
           s && /* @__PURE__ */ t("div", { className: a(k({ size: i })), children: [
             s,
-            d && /* @__PURE__ */ e("span", { className: "ml-2 inline-block leading-none", children: /* @__PURE__ */ e(v, { onPointerEnter: p, children: d }) })
+            o && /* @__PURE__ */ e("span", { className: "ml-2 inline-block leading-none", children: /* @__PURE__ */ e(v, { onPointerEnter: p, children: o }) })
           ] }),
           n && /* @__PURE__ */ e(f, { className: "text-left", children: n })
         ] }),
-        o && /* @__PURE__ */ t("div", { className: "w-auto grow-0 shrink-0 basis-auto flex flex-col", children: [
+        d && /* @__PURE__ */ t("div", { className: "w-auto grow-0 shrink-0 basis-auto flex flex-col", children: [
           /* @__PURE__ */ t(
             "div",
             {
@@ -108,7 +109,7 @@ const y = l(
                       u({ size: i, weight: c, color: x }),
                       r && "line-through [&>*]:line-through"
                     ),
-                    children: o
+                    children: d
                   }
                 ),
                 r && /* @__PURE__ */ t(b, { children: [

package/dist/esm/components/vertical-list/vertical-list.js

@@ -4,6 +4,7 @@ import * as r from "react";
 import "@gearbox-protocol/sdk";
 import { cn as t } from "../../utils/cn.js";
 import "sonner";
+import "luxon";
 const u = c("flex flex-col [&>li:empty]:hidden", {
   variants: {
     rowGap: {
@@ -31,33 +32,33 @@ const u = c("flex flex-col [&>li:empty]:hidden", {
   }
 }), y = r.forwardRef(
   ({
-    className: f,
-    rowGap: i = "default",
+    className: i,
+    rowGap: f = "default",
     divided: a = !1,
     nested: n = !1,
     children: p,
-    ...d
-  }, m) => {
-    const l = r.Children.toArray(p).filter(
+    ...m
+  }, d) => {
+    const o = r.Children.toArray(p).filter(
       (e) => e != null
     );
     return /* @__PURE__ */ s(
       "ul",
       {
-        ref: m,
+        ref: d,
         className: t(
-          u({ rowGap: i, divided: a, nested: n }),
+          u({ rowGap: f, divided: a, nested: n }),
           "list-none",
-          f
+          i
         ),
-        ...d,
-        children: l.map((e, o) => {
-          const b = r.isValidElement(e) && e.key ? e.key : `vertical-list-item-${o}`;
+        ...m,
+        children: o.map((e, l) => {
+          const b = r.isValidElement(e) && e.key ? e.key : `vertical-list-item-${l}`;
           return /* @__PURE__ */ s(
             "li",
             {
               className: t(
-                a && o !== l.length - 1 && "pb-3 border-b border-border"
+                a && l !== o.length - 1 && "pb-3 border-b border-border"
               ),
               children: e
             },

package/dist/esm/components/with-copy/with-copy.js

@@ -6,7 +6,8 @@ import { FaIcon as N } from "../icons/fa-icon.js";
 import "@gearbox-protocol/sdk";
 import { cn as r } from "../../utils/cn.js";
 import "sonner";
-function R({
+import "luxon";
+function W({
   toCopy: n,
   children: c,
   onCopySuccess: l,
@@ -72,5 +73,5 @@ function R({
   ] });
 }
 export {
-  R as WithCopy
+  W as WithCopy
 };

package/dist/esm/components/with-filter-button/with-filter-button.js

@@ -5,6 +5,7 @@ import { FilterButton as F } from "../buttons/filter-button/filter-button.js";
 import "@gearbox-protocol/sdk";
 import { cn as g } from "../../utils/cn.js";
 import "sonner";
+import "luxon";
 const j = z.forwardRef(
   ({
     children: r,
@@ -18,15 +19,15 @@ const j = z.forwardRef(
     hideIcon: f,
     hasChecked: u,
     className: h,
-    buttonClassName: x,
+    buttonClassName: p,
     onClearAll: e,
     buttonProps: i
-  }, p) => {
+  }, x) => {
     const w = a || n, v = d ?? !f, N = i?.color === "neutral" ? "default" : s, b = i?.size || c, k = r || l;
     return /* @__PURE__ */ o(
       "div",
       {
-        ref: p,
+        ref: x,
         "data-has-checked": u,
         className: g(
           "w-full flex items-start md:items-center justify-between gap-4 flex-col md:flex-row",
@@ -42,7 +43,7 @@ const j = z.forwardRef(
                 variant: N,
                 size: b,
                 onClick: w,
-                className: x,
+                className: p,
                 label: m,
                 showIcon: v
               }

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

@@ -1,9 +1,10 @@
-import { jsxs as x, jsx as e } from "react/jsx-runtime";
+import { jsxs as x, jsx as i } from "react/jsx-runtime";
 import { cva as a } from "class-variance-authority";
 import "react";
 import "@gearbox-protocol/sdk";
-import { cn as i } from "../../utils/cn.js";
+import { cn as e } from "../../utils/cn.js";
 import "sonner";
+import "luxon";
 const l = a("", {
   variants: {
     size: {
@@ -17,17 +18,17 @@ const l = a("", {
     size: "default"
   }
 });
-function u({
+function v({
   title: m,
   children: t,
   size: o = "default",
   className: r
 }) {
-  return /* @__PURE__ */ x("div", { className: i("flex flex-col"), children: [
-    /* @__PURE__ */ e(
+  return /* @__PURE__ */ x("div", { className: e("flex flex-col"), children: [
+    /* @__PURE__ */ i(
       "div",
       {
-        className: i(
+        className: e(
           "text-foreground font-medium",
           l({ size: o }),
           r
@@ -35,9 +36,9 @@ function u({
         children: m
       }
     ),
-    t !== void 0 && /* @__PURE__ */ e("div", { children: t })
+    t !== void 0 && /* @__PURE__ */ i("div", { children: t })
   ] });
 }
 export {
-  u as WithTitle
+  v as WithTitle
 };