@gearbox-protocol/permissionless-ui 1.22.0-next.46 → 1.22.0-next.48

package/dist/esm/components/slider/slider.js

@@ -5,23 +5,24 @@ import { useMemo as v } from "react";
 import "@gearbox-protocol/sdk";
 import { cn as x } from "../../utils/cn.js";
 import "sonner";
-function A(r) {
+import "luxon";
+function A(e) {
   return {
-    start: r.start ?? r.from ?? 0,
-    end: r.end ?? r.to ?? 0
+    start: e.start ?? e.from ?? 0,
+    end: e.end ?? e.to ?? 0
   };
 }
-function E(r, a) {
+function E(e, a) {
   if (a)
     for (const o of a) {
       const { start: c, end: f } = A(o);
-      if (r >= c && r <= f)
+      if (e >= c && e <= f)
         return o.color;
     }
 }
 const G = D.forwardRef(
   ({
-    className: r,
+    className: e,
     variant: a = "default",
     // New API
     value: o,
@@ -42,19 +43,19 @@ const G = D.forwardRef(
     const n = f ?? M ?? 0, s = k ?? V ?? 100, N = Array.isArray(u) ? u[0] : u, B = R ?? (N ? 10 ** -N : 1), m = v(() => {
       if (Array.isArray(o)) return o;
       if (typeof o == "number") return [o];
-    }, [o]), F = (e) => {
-      c?.(e), y && e.length > 0 && y(e[0]);
-    }, K = (e) => {
-      w && e.length > 0 && w(e[0]);
+    }, [o]), F = (r) => {
+      c?.(r), y && r.length > 0 && y(r[0]);
+    }, K = (r) => {
+      w && r.length > 0 && w(r[0]);
     }, P = m?.[0] ?? 0, S = E(P, p), C = (m ?? [0]).length, _ = v(
-      () => Array.from({ length: C }, (e, t) => `thumb-${t}`),
+      () => Array.from({ length: C }, (r, t) => `thumb-${t}`),
       [C]
     ), h = v(() => {
       if (!d) return;
-      const e = [];
+      const r = [];
       for (let t = n; t <= s; t += d)
-        e.push(t);
-      return e;
+        r.push(t);
+      return r;
     }, [n, s, d]);
     return /* @__PURE__ */ g("div", { className: "relative w-full", children: [
       /* @__PURE__ */ g(
@@ -63,7 +64,7 @@ const G = D.forwardRef(
           ref: T,
           className: x(
             "relative flex w-full touch-none select-none items-center",
-            r
+            e
           ),
           min: n,
           max: s,
@@ -74,8 +75,8 @@ const G = D.forwardRef(
           ...j,
           children: [
             /* @__PURE__ */ g(l.Track, { className: "relative h-2 w-full grow overflow-hidden rounded-full bg-secondary", children: [
-              p?.map((e, t) => {
-                const { start: b, end: $ } = A(e), q = (b - n) / (s - n) * 100, z = ($ - b) / (s - n) * 100;
+              p?.map((r, t) => {
+                const { start: b, end: $ } = A(r), q = (b - n) / (s - n) * 100, z = ($ - b) / (s - n) * 100;
                 return /* @__PURE__ */ i(
                   "div",
                   {
@@ -83,7 +84,7 @@ const G = D.forwardRef(
                     style: {
                       left: `${q}%`,
                       width: `${z}%`,
-                      backgroundColor: e.color ?? "var(--primary)",
+                      backgroundColor: r.color ?? "var(--primary)",
                       opacity: 0.3
                     }
                   },
@@ -100,25 +101,25 @@ const G = D.forwardRef(
                 }
               )
             ] }),
-            _.map((e) => /* @__PURE__ */ i(
+            _.map((r) => /* @__PURE__ */ i(
               l.Thumb,
               {
                 className: "block h-5 w-5 rounded-full border-2 border-primary bg-background shadow-md transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 cursor-grab active:cursor-grabbing hover:bg-accent"
               },
-              e
+              r
             ))
           ]
         }
       ),
-      h && h.length > 0 && /* @__PURE__ */ i("div", { className: "relative w-full h-2 mt-1", children: h.map((e) => {
-        const t = (e - n) / (s - n) * 100;
+      h && h.length > 0 && /* @__PURE__ */ i("div", { className: "relative w-full h-2 mt-1", children: h.map((r) => {
+        const t = (r - n) / (s - n) * 100;
         return /* @__PURE__ */ i(
           "div",
           {
             className: "absolute w-0.5 h-1 bg-muted-foreground/50",
             style: { left: `${t}%` }
           },
-          `mark-${e}`
+          `mark-${r}`
         );
       }) })
     ] });

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

@@ -1,14 +1,15 @@
-import { jsxs as l, jsx as o } from "react/jsx-runtime";
+import { jsxs as m, jsx as o } from "react/jsx-runtime";
 import { Slider as b } from "../slider/slider.js";
 import { TokenSymbol as v } from "../token-symbol/token-symbol.js";
 import "react";
 import "@gearbox-protocol/sdk";
 import { cn as N } from "../../utils/cn.js";
 import "sonner";
-function z({
+import "luxon";
+function F({
   from: s = 0,
   to: r = 100,
-  value: m = 0,
+  value: l = 0,
   token: c,
   step: p = 1,
   setValue: h,
@@ -30,11 +31,11 @@ function z({
     }
     h?.(n);
   };
-  return /* @__PURE__ */ l("div", { className: N("space-y-2", u), children: [
-    c && /* @__PURE__ */ l("div", { className: "flex items-center gap-2", children: [
+  return /* @__PURE__ */ m("div", { className: N("space-y-2", u), children: [
+    c && /* @__PURE__ */ m("div", { className: "flex items-center gap-2", children: [
       /* @__PURE__ */ o(v, { token: c, size: 20, showSymbol: !0 }),
-      /* @__PURE__ */ l("span", { className: "text-sm text-muted-foreground", children: [
-        m.toFixed(2),
+      /* @__PURE__ */ m("span", { className: "text-sm text-muted-foreground", children: [
+        l.toFixed(2),
         "%"
       ] })
     ] }),
@@ -44,7 +45,7 @@ function z({
         min: s,
         max: r,
         step: p,
-        value: [m],
+        value: [l],
         onValueChange: d
       }
     ),
@@ -64,5 +65,5 @@ function z({
   ] });
 }
 export {
-  z as SliderToken
+  F as SliderToken
 };

package/dist/esm/components/smart-number-input/balance-indicator.js

@@ -6,6 +6,7 @@ import "react";
 import "@gearbox-protocol/sdk";
 import { cn as a } from "../../utils/cn.js";
 import "sonner";
+import "luxon";
 const b = x("font-normal leading-[130%] text-foreground", {
   variants: {
     size: {
@@ -15,7 +16,7 @@ const b = x("font-normal leading-[130%] text-foreground", {
   },
   defaultVariants: { size: "md" }
 });
-function j({
+function w({
   title: m = "Balance",
   className: i,
   maxAmount: l,
@@ -56,5 +57,5 @@ function j({
   );
 }
 export {
-  j as BalanceIndicator
+  w as BalanceIndicator
 };

package/dist/esm/components/smart-number-input/smart-number-input.js

@@ -10,6 +10,7 @@ import "@gearbox-protocol/sdk";
 import { parseInputToBN as Q } from "../../utils/parse-input-to-bn.js";
 import { cn as x } from "../../utils/cn.js";
 import "sonner";
+import "luxon";
 import { BalanceIndicator as U } from "./balance-indicator.js";
 const W = u(
   "relative w-full text-foreground bg-gray-20 border border-gray-30 transition-[background-color] duration-100 ease-linear [&:hover]:bg-gray-30 [&:hover]:border-gray-40 data-[active=true]:bg-gray-30 data-[active=true]:outline data-[active=true]:outline-2 data-[active=true]:outline-primary data-[active=true]:outline-offset-[-2px] data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 data-[disabled=true]:cursor-not-allowed",

package/dist/esm/components/spinner/spinner.js

@@ -4,6 +4,7 @@ import * as i from "react";
 import "@gearbox-protocol/sdk";
 import { cn as a } from "../../utils/cn.js";
 import "sonner";
+import "luxon";
 const m = i.forwardRef(
   ({ className: s, size: e = "default", label: r, ...n }, o) => {
     const l = {

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

@@ -4,6 +4,7 @@ import * as t from "react";
 import "@gearbox-protocol/sdk";
 import { cn as m } from "../../utils/cn.js";
 import "sonner";
+import "luxon";
 const u = c(
   [
     /* layout */
@@ -23,7 +24,7 @@ const u = c(
     defaultVariants: { colSize: "equal" }
   }
 ), b = t.forwardRef(
-  ({ children: i, colSize: r = !0, className: l }, s) => {
+  ({ children: i, colSize: e = !0, className: l }, s) => {
     const n = t.Children.toArray(i).filter(Boolean);
     return /* @__PURE__ */ a(
       "div",
@@ -34,15 +35,15 @@ const u = c(
           "items-stretch",
           l
         ),
-        children: n.map((e, o) => {
-          const f = typeof r == "function" ? r(o) : r, p = t.isValidElement(e) && e.key != null ? e.key : `split-item-${o}`;
+        children: n.map((r, o) => {
+          const f = typeof e == "function" ? e(o) : e, p = t.isValidElement(r) && r.key != null ? r.key : `split-item-${o}`;
           return /* @__PURE__ */ a(
             "div",
             {
               className: u({
                 colSize: f === "auto" ? "auto" : "equal"
               }),
-              children: e
+              children: r
             },
             p
           );

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

@@ -7,6 +7,7 @@ import { TooltipProvider as B, Tooltip as V, TooltipTrigger as T, TooltipContent
 import "@gearbox-protocol/sdk";
 import { cn as a } from "../../utils/cn.js";
 import "sonner";
+import "luxon";
 const y = l(
   "w-full h-full rounded-lg border transition-colors",
   {

package/dist/esm/components/status-dot/status-dot.js

@@ -4,6 +4,7 @@ import * as n from "react";
 import "@gearbox-protocol/sdk";
 import { cn as u } from "../../utils/cn.js";
 import "sonner";
+import "luxon";
 const d = m("rounded-full shrink-0", {
   variants: {
     variant: {
@@ -28,12 +29,12 @@ const d = m("rounded-full shrink-0", {
     size: "sm"
   }
 }), c = n.forwardRef(
-  ({ className: t, variant: a, size: r, pulse: s, ...e }, i) => /* @__PURE__ */ o(
+  ({ className: t, variant: r, size: a, pulse: s, ...e }, i) => /* @__PURE__ */ o(
     "div",
     {
       ref: i,
       className: u(
-        d({ variant: a, size: r }),
+        d({ variant: r, size: a }),
         s && "animate-pulse",
         t
       ),

package/dist/esm/components/status-elements/status-elements.js

@@ -4,6 +4,7 @@ import "react";
 import "@gearbox-protocol/sdk";
 import { cn as o } from "../../utils/cn.js";
 import "sonner";
+import "luxon";
 const d = {
   good: "bg-success",
   medium: "bg-warning",
@@ -11,7 +12,7 @@ const d = {
   critical: "bg-destructive",
   liquidation: "bg-liquidation"
 };
-function O({ zone: i, size: t = 8 }) {
+function B({ zone: i, size: t = 8 }) {
   return /* @__PURE__ */ a(
     "div",
     {
@@ -50,7 +51,7 @@ const l = {
     }
   }
 );
-function B({ zone: i }) {
+function q({ zone: i }) {
   const t = l[i], e = m[i], n = Array.from({ length: g }, (s, r) => {
     const c = r < t;
     return {
@@ -61,6 +62,6 @@ function B({ zone: i }) {
   return /* @__PURE__ */ a("div", { className: o("flex flex-wrap gap-0.5 w-2"), "aria-hidden": !0, children: n.map(({ key: s, color: r }) => /* @__PURE__ */ a("div", { className: b({ color: r }) }, s)) });
 }
 export {
-  O as HealthDot,
-  B as StatusBars
+  B as HealthDot,
+  q as StatusBars
 };

package/dist/esm/components/status-triangle/status-triangle.js

@@ -3,19 +3,20 @@ import "react";
 import "@gearbox-protocol/sdk";
 import { cn as d } from "../../utils/cn.js";
 import "sonner";
-const c = {
+import "luxon";
+const m = {
   xs: 4,
   sm: 5,
   md: 6,
   lg: 8
 };
-function x({
+function u({
   isNegative: i,
   $isNegative: o,
   size: t = 5,
   className: n
 }) {
-  const e = i ?? o ?? !1, r = typeof t == "string" ? c[t] || 5 : t, s = r - 1;
+  const e = i ?? o ?? !1, r = typeof t == "string" ? m[t] || 5 : t, s = r - 1;
   return /* @__PURE__ */ a(
     "div",
     {
@@ -33,5 +34,5 @@ function x({
   );
 }
 export {
-  x as StatusTriangle
+  u as StatusTriangle
 };

package/dist/esm/components/stepper/stepper.js

@@ -5,6 +5,7 @@ import { FaIcon as h } from "../icons/fa-icon.js";
 import "@gearbox-protocol/sdk";
 import { cn as r } from "../../utils/cn.js";
 import "sonner";
+import "luxon";
 const v = p.forwardRef(
   ({
     className: g,

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

@@ -13,13 +13,14 @@ import "react";
 import "@gearbox-protocol/sdk";
 import { cn as c } from "../../utils/cn.js";
 import "sonner";
-function U({
+import "luxon";
+function V({
   children: g,
   open: u,
   onOpenChange: h,
   trigger: b,
   label: y,
-  items: i,
+  items: a,
   onSelect: f,
   theme: x = "default",
   size: w = "md",
@@ -31,7 +32,7 @@ function U({
   triggerClassName: C,
   onClickAnalytics: M
 }) {
-  const s = b || y, p = {
+  const p = b || y, s = {
     xs: "text-xs px-1.5 py-0.5",
     sm: "text-sm px-2 py-1",
     md: "text-sm px-3 py-1.5",
@@ -47,7 +48,7 @@ function U({
     if (N) {
       const { icon: r } = t;
       if (!r) return null;
-      const [o, n, , , a] = r;
+      const [o, n, , , i] = r;
       return /* @__PURE__ */ e(
         "svg",
         {
@@ -55,25 +56,25 @@ function U({
           className: "inline-block fill-current",
           style: { width: l || 12, height: l || 12 },
           viewBox: `0 0 ${o} ${n}`,
-          children: /* @__PURE__ */ e("path", { d: Array.isArray(a) ? a[0] : a })
+          children: /* @__PURE__ */ e("path", { d: Array.isArray(i) ? i[0] : i })
         }
       );
     }
     return t;
   };
   return /* @__PURE__ */ m(I, { open: u, onOpenChange: h, children: [
-    s && /* @__PURE__ */ e($, { asChild: !0, children: /* @__PURE__ */ m(
+    p && /* @__PURE__ */ e($, { asChild: !0, children: /* @__PURE__ */ m(
       "button",
       {
         type: "button",
         className: c(
           "inline-flex items-center gap-1 rounded transition-colors",
-          p[w] || p.md,
+          s[w] || s.md,
           d[x] || d.default,
           C
         ),
         children: [
-          s,
+          p,
           j()
         ]
       }
@@ -84,7 +85,7 @@ function U({
         align: v,
         side: D,
         className: c("min-w-[8rem]", k),
-        children: i ? i.map((r, o) => {
+        children: a ? a.map((r, o) => {
           const n = typeof r.value == "string" || typeof r.value == "number" ? r.value : `item-${o}`;
           return /* @__PURE__ */ e(
             B,
@@ -102,5 +103,5 @@ function U({
   ] });
 }
 export {
-  U as StyledDropdown
+  V as StyledDropdown
 };

package/dist/esm/components/switch/switch.js

@@ -4,6 +4,7 @@ import * as l from "react";
 import "@gearbox-protocol/sdk";
 import { cn as s } from "../../utils/cn.js";
 import "sonner";
+import "luxon";
 const d = l.forwardRef(({ className: r, size: t = "default", ...o }, i) => {
   const n = {
     sm: "h-4 w-7",

package/dist/esm/components/tab-control/tab-control.js

@@ -4,6 +4,7 @@ import { useLocation as U, useNavigate as N } from "react-router-dom";
 import "@gearbox-protocol/sdk";
 import { cn as b } from "../../utils/cn.js";
 import "sonner";
+import "luxon";
 function $(r) {
   if (!r) return null;
   const { width: t = 0, height: o = 0 } = r?.getBoundingClientRect() || {}, i = r?.offsetTop || 0, s = r?.offsetLeft || 0;
@@ -32,7 +33,7 @@ function L(r, t, o) {
     };
   }, [t]), s;
 }
-function q({
+function B({
   tabs: r,
   state: t,
   variant: o = "auto",
@@ -92,7 +93,7 @@ function q({
     }
   ) });
 }
-function B({
+function F({
   icon: r,
   label: t,
   selected: o,
@@ -124,13 +125,13 @@ function B({
     !!s && /* @__PURE__ */ f("div", { className: "ml-1.5", children: /* @__PURE__ */ f("div", { className: "px-2.5 py-0.5 text-[11px] leading-[150%] font-normal bg-muted rounded-[19px]", children: s }) })
   ] });
 }
-function F(r, t = 0) {
+function I(r, t = 0) {
   const [o, i] = v(r), [s, c] = v(t), d = m((l, e) => {
     i(l), c(e);
   }, []);
   return { id: o, index: s, handleTabChange: d };
 }
-function I(r) {
+function M(r) {
   const { hash: t } = U(), o = N(), i = w(
     () => r.reduce(
       (e, n, a) => (e[n.id] = { id: n.id, index: a }, e),
@@ -149,7 +150,7 @@ function I(r) {
     handleTabChange: l
   };
 }
-function M({
+function A({
   defaultTabs: r,
   pathRoot: t,
   selectedSection: o
@@ -169,9 +170,9 @@ function M({
   return { id: d, index: l, handleTabChange: c };
 }
 export {
-  q as TabControl,
-  B as TabItem,
-  I as useHashTabs,
-  M as useSectionTab,
-  F as useTabControl
+  B as TabControl,
+  F as TabItem,
+  M as useHashTabs,
+  A as useSectionTab,
+  I as useTabControl
 };

package/dist/esm/components/table/edit-button.js

@@ -10,8 +10,9 @@ import "react";
 import "@gearbox-protocol/sdk";
 import { cn as r } from "../../utils/cn.js";
 import "sonner";
+import "luxon";
 import "../buttons/tab-button/tab-button.js";
-function P({
+function W({
   onClick: m,
   customButton: p,
   children: e,
@@ -41,5 +42,5 @@ function P({
   ) });
 }
 export {
-  P as EditButton
+  W as EditButton
 };

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

@@ -13,13 +13,14 @@ import "@gearbox-protocol/sdk";
 import "clsx";
 import "tailwind-merge";
 import "sonner";
+import "luxon";
 import { TabButton as u } from "../buttons/tab-button/tab-button.js";
 import { SignInRequired as b } from "../auth/signin-required.js";
 import "viem/siwe";
 import { TokenIcon as v } from "../token-icon/token-icon.js";
 import { GridTableCell as h, GridTable as N } from "./grid-table.js";
 import { UpdatedValue as C } from "./updated-value.js";
-function H({
+function J({
   assetAddress: o,
   symbol: i,
   iconSymbol: s,
@@ -49,7 +50,7 @@ function H({
     ] })
   ] }) });
 }
-function J({
+function K({
   oldValue: o,
   newValue: i,
   onEdit: s,
@@ -81,7 +82,7 @@ function J({
     }
   ) }) });
 }
-function K({
+function M({
   title: o,
   onNew: i,
   newButtonText: s = "New",
@@ -113,7 +114,7 @@ function K({
   ] });
 }
 export {
-  H as GridTableCellAsset,
-  J as GridTableCellUpdatable,
-  K as GridTableEditable
+  J as GridTableCellAsset,
+  K as GridTableCellUpdatable,
+  M as GridTableEditable
 };

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

@@ -1,4 +1,4 @@
-import { jsx as e, jsxs as n } from "react/jsx-runtime";
+import { jsx as e, jsxs as m } from "react/jsx-runtime";
 import "connectkit";
 import "wagmi";
 import "../buttons/back-button/back-button.js";
@@ -12,34 +12,35 @@ import "@gearbox-protocol/sdk";
 import "clsx";
 import "tailwind-merge";
 import "sonner";
+import "luxon";
 import { TabButton as f } from "../buttons/tab-button/tab-button.js";
 import { SignInRequired as x } from "../auth/signin-required.js";
 import "viem/siwe";
 import { TokenIcon as b } from "../token-icon/token-icon.js";
 import { TableCell as u, Table as g } from "./table.js";
 import { UpdatedValue as v } from "./updated-value.js";
-function F({
-  assetAddress: m,
+function G({
+  assetAddress: n,
   symbol: t,
   iconSymbol: s,
   comment: l,
   explorerUrl: i
 }) {
-  return /* @__PURE__ */ e(u, { children: /* @__PURE__ */ n("div", { className: "flex items-center gap-3", children: [
+  return /* @__PURE__ */ e(u, { children: /* @__PURE__ */ m("div", { className: "flex items-center gap-3", children: [
     /* @__PURE__ */ e(b, { symbol: s ?? t, size: 24 }),
-    /* @__PURE__ */ n("div", { className: "flex items-center gap-1", children: [
+    /* @__PURE__ */ m("div", { className: "flex items-center gap-1", children: [
       /* @__PURE__ */ e("div", { className: "font-medium", children: t }),
-      l && /* @__PURE__ */ n("div", { className: "text-md text-muted-foreground", children: [
+      l && /* @__PURE__ */ m("div", { className: "text-md text-muted-foreground", children: [
         "(",
         l,
         ")"
       ] }),
-      i && /* @__PURE__ */ e(h, { url: `${i}/address/${m}` })
+      i && /* @__PURE__ */ e(h, { url: `${i}/address/${n}` })
     ] })
   ] }) });
 }
-function G({
-  oldValue: m,
+function H({
+  oldValue: n,
   newValue: t,
   onEdit: s,
   isEditable: l = !0,
@@ -58,7 +59,7 @@ function G({
   return /* @__PURE__ */ e(u, { className: i, children: /* @__PURE__ */ e("div", { className: `flex ${p} w-full text-${d}`, children: /* @__PURE__ */ e(
     v,
     {
-      oldValue: m,
+      oldValue: n,
       newValue: t,
       onEdit: s,
       isEditable: l,
@@ -69,8 +70,8 @@ function G({
     }
   ) }) });
 }
-function H({
-  title: m,
+function J({
+  title: n,
   onNew: t,
   newButtonText: s = "New",
   buttonLoadingText: l = "Adding...",
@@ -80,10 +81,10 @@ function H({
   disabled: a = !1,
   skipSignIn: c = !0
 }) {
-  return /* @__PURE__ */ n("div", { className: "space-y-4", children: [
-    /* @__PURE__ */ n("div", { className: "flex justify-between items-center", children: [
-      /* @__PURE__ */ e("h2", { className: "text-2xl font-bold", children: m }),
-      /* @__PURE__ */ e(x, { skipSignIn: c, variant: "pink", size: "sm", children: /* @__PURE__ */ n("div", { className: "flex items-center gap-2", children: [
+  return /* @__PURE__ */ m("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ m("div", { className: "flex justify-between items-center", children: [
+      /* @__PURE__ */ e("h2", { className: "text-2xl font-bold", children: n }),
+      /* @__PURE__ */ e(x, { skipSignIn: c, variant: "pink", size: "sm", children: /* @__PURE__ */ m("div", { className: "flex items-center gap-2", children: [
         t && /* @__PURE__ */ e(f, { onClick: t, disabled: i || a, children: i ? l : s }),
         d?.map((r, p) => /* @__PURE__ */ e(
           f,
@@ -100,7 +101,7 @@ function H({
   ] });
 }
 export {
-  F as TableCellAsset,
-  G as TableCellUpdatable,
-  H as TableEditable
+  G as TableCellAsset,
+  H as TableCellUpdatable,
+  J as TableEditable
 };