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

package/dist/esm/components/layout/block/block.js

@@ -3,12 +3,13 @@ import "react";
 import "@gearbox-protocol/sdk";
 import { cn as f } from "../../../utils/cn.js";
 import "sonner";
-const l = {
+import "luxon";
+const o = {
   none: "mb-0",
   sm: "mb-4",
   md: "mb-6",
   lg: "mb-8"
-}, o = {
+}, l = {
   "flex-start": "justify-start",
   center: "justify-center",
   "flex-end": "justify-end",
@@ -19,7 +20,7 @@ const l = {
   "flex-end": "items-end",
   stretch: "items-stretch"
 };
-function b({
+function j({
   children: t,
   margin: e = "md",
   justify: s = "flex-start",
@@ -32,8 +33,8 @@ function b({
     {
       className: f(
         "flex flex-row flex-nowrap",
-        l[e],
-        o[s],
+        o[e],
+        l[s],
         a[r],
         n
       ),
@@ -43,5 +44,5 @@ function b({
   );
 }
 export {
-  b as Block
+  j as Block
 };

package/dist/esm/components/liquidation-price/liquidation-price.js

@@ -8,8 +8,9 @@ import "react";
 import { bnToLiquidationPriceView as b } from "../../utils/parse-input-to-bn.js";
 import { cn as v } from "../../utils/cn.js";
 import "sonner";
+import "luxon";
 const w = { type: "text" };
-function E({
+function F({
   liquidationPrice: t = 0,
   type: o = w,
   hfZone: e,
@@ -29,8 +30,8 @@ function E({
         return null;
     }
   }, a = () => {
-    const l = typeof t != "bigint" ? u(String(t), 8) : t, p = b(l, 4);
-    return /* @__PURE__ */ r(h, { value: p, decimalPartLength: 4 });
+    const p = typeof t != "bigint" ? u(String(t), 8) : t, l = b(p, 4);
+    return /* @__PURE__ */ r(h, { value: l, decimalPartLength: 4 });
   }, c = t > 0;
   return /* @__PURE__ */ d("div", { className: v("flex flex-nowrap items-center", m), children: [
     e && n === "bars" && /* @__PURE__ */ r("div", { className: "mr-1.5", children: /* @__PURE__ */ r(x, { zone: e }) }),
@@ -39,5 +40,5 @@ function E({
   ] });
 }
 export {
-  E as LiquidationPrice
+  F as LiquidationPrice
 };

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

@@ -1,10 +1,11 @@
-import { jsx as m, jsxs as l } from "react/jsx-runtime";
+import { jsx as m, jsxs as o } from "react/jsx-runtime";
 import { Guard as t } from "../guard/guard.js";
 import "clsx";
 import "tailwind-merge";
 import "react";
 import "@gearbox-protocol/sdk";
 import "sonner";
+import "luxon";
 import "../layout/col/col.js";
 import { Container as p } from "../layout/container/container.js";
 import "../layout/footer/footer.js";
@@ -15,25 +16,25 @@ import "../base-link/base-link.js";
 import "../buttons/back-button/back-button.js";
 import "../page-title/page-title.js";
 import { Skeleton as r } from "../skeleton/skeleton.js";
-function C({
+function S({
   showGuard: s,
   children: a,
   loader: e
 }) {
-  const i = /* @__PURE__ */ m(p, { children: /* @__PURE__ */ l("div", { className: "flex flex-col gap-4 p-4 sm:p-6 w-full", children: [
+  const i = /* @__PURE__ */ m(p, { children: /* @__PURE__ */ o("div", { className: "flex flex-col gap-4 p-4 sm:p-6 w-full", children: [
     /* @__PURE__ */ m(r, { className: "h-6 sm:h-8 w-48 sm:w-64" }),
-    /* @__PURE__ */ l("div", { className: "space-y-2 mb-4", children: [
+    /* @__PURE__ */ o("div", { className: "space-y-2 mb-4", children: [
       /* @__PURE__ */ m(r, { className: "h-3 sm:h-4 w-full" }),
       /* @__PURE__ */ m(r, { className: "h-3 sm:h-4 w-full" }),
       /* @__PURE__ */ m(r, { className: "h-3 sm:h-4 w-3/4" })
     ] }),
-    /* @__PURE__ */ l("div", { className: "flex gap-4 md:flex-row flex-col w-full", children: [
+    /* @__PURE__ */ o("div", { className: "flex gap-4 md:flex-row flex-col w-full", children: [
       /* @__PURE__ */ m(r, { className: "h-48 sm:h-64 md:h-72 md:w-2/3 w-full" }),
       /* @__PURE__ */ m(r, { className: "h-48 sm:h-64 md:h-72 md:w-1/3 w-full" })
     ] })
-  ] }) }), o = s;
-  return /* @__PURE__ */ m(t, { showGuard: o, guard: o && (e || i), children: a });
+  ] }) }), l = s;
+  return /* @__PURE__ */ m(t, { showGuard: l, guard: l && (e || i), children: a });
 }
 export {
-  C as LoaderGuard
+  S as LoaderGuard
 };

package/dist/esm/components/markdown-viewer/markdown-viewer.js

@@ -6,6 +6,7 @@ import "clsx";
 import "tailwind-merge";
 import "@gearbox-protocol/sdk";
 import "sonner";
+import "luxon";
 import "../layout/col/col.js";
 import "../layout/container/container.js";
 import "../layout/footer/footer.js";
@@ -34,7 +35,7 @@ function c(e) {
   }
   return { id: y(i), displayText: e };
 }
-function B({
+function P({
   content: e,
   title: i,
   backButton: l,
@@ -176,5 +177,5 @@ function B({
   return a ? m : /* @__PURE__ */ o(b, { title: i || "", backButton: l, children: m });
 }
 export {
-  B as MarkdownViewer
+  P as MarkdownViewer
 };

package/dist/esm/components/modal/modal.js

@@ -5,6 +5,7 @@ import * as i from "react";
 import "@gearbox-protocol/sdk";
 import { cn as o } from "../../utils/cn.js";
 import "sonner";
+import "luxon";
 import { Z_INDEX as c } from "../../utils/z-index.js";
 const f = "gb-modal-open";
 let n = 0;

package/dist/esm/components/navbar/navbar.js

@@ -1,9 +1,10 @@
 import { jsx as r, jsxs as d } from "react/jsx-runtime";
 import { cva as m } from "class-variance-authority";
-import * as s from "react";
+import * as o from "react";
 import "@gearbox-protocol/sdk";
 import { cn as n } from "../../utils/cn.js";
 import "sonner";
+import "luxon";
 import { NavbarIndicatorProvider as v, useNavbarIndicator as p } from "./navbar-indicator-context.js";
 const u = m("flex items-center bg-background", {
   variants: {
@@ -28,25 +29,25 @@ const u = m("flex items-center bg-background", {
     size: "default",
     sticky: !1
   }
-}), b = ({ containerClassName: t, children: e }) => {
-  const a = p();
+}), b = ({ containerClassName: a, children: e }) => {
+  const t = p();
   return /* @__PURE__ */ d(
     "div",
     {
-      ref: a?.containerRef,
+      ref: t?.containerRef,
       className: n(
         "flex items-center gap-2 flex-1 h-full relative overflow-x-auto overflow-y-hidden",
         "md:justify-center md:overflow-x-visible",
         "px-1 pb-1 md:px-0 md:pb-0",
         "navbar-scrollbar",
-        t
+        a
       ),
       children: [
         e,
         /* @__PURE__ */ r(
           "div",
           {
-            ref: a?.indicatorRef,
+            ref: t?.indicatorRef,
             className: "absolute bottom-0 h-0.5 bg-pink-500 transition-all duration-300 ease-out pointer-events-none",
             style: {
               left: 0,
@@ -59,32 +60,32 @@ const u = m("flex items-center bg-background", {
       ]
     }
   );
-}, x = s.forwardRef(
+}, x = o.forwardRef(
   ({
-    className: t,
+    className: a,
     variant: e,
-    size: a,
+    size: t,
     sticky: i,
-    containerClassName: o,
+    containerClassName: s,
     children: l,
     ...f
   }, c) => /* @__PURE__ */ r(
     "nav",
     {
       ref: c,
-      className: n(u({ variant: e, size: a, sticky: i, className: t })),
+      className: n(u({ variant: e, size: t, sticky: i, className: a })),
       ...f,
-      children: /* @__PURE__ */ r(v, { children: /* @__PURE__ */ r(b, { containerClassName: o, children: l }) })
+      children: /* @__PURE__ */ r(v, { children: /* @__PURE__ */ r(b, { containerClassName: s, children: l }) })
     }
   )
 );
 x.displayName = "Navbar";
-const N = s.forwardRef(({ className: t, children: e, ...a }, i) => /* @__PURE__ */ r(
+const N = o.forwardRef(({ className: a, children: e, ...t }, i) => /* @__PURE__ */ r(
   "div",
   {
     ref: i,
-    className: n("flex items-center gap-1 min-w-max", t),
-    ...a,
+    className: n("flex items-center gap-1 min-w-max", a),
+    ...t,
     children: e
   }
 ));

package/dist/esm/components/navbar-logo/navbar-logo.js

@@ -1,23 +1,24 @@
-import { jsx as a } from "react/jsx-runtime";
+import { jsx as n } from "react/jsx-runtime";
 import "react";
 import "@gearbox-protocol/sdk";
-import { cn as m } from "../../utils/cn.js";
+import { cn as a } from "../../utils/cn.js";
 import "sonner";
-function s({
+import "luxon";
+function d({
   size: o,
   className: t,
   style: i,
   ...r
 }) {
-  const n = o ? { width: o, height: o } : {};
+  const m = o ? { width: o, height: o } : {};
   return (
     // biome-ignore lint/performance/noImgElement: Universal component that works outside Next.js
-    /* @__PURE__ */ a(
+    /* @__PURE__ */ n(
       "img",
       {
         alt: "Logo",
-        className: m("object-contain", t),
-        style: { ...n, ...i },
+        className: a("object-contain", t),
+        style: { ...m, ...i },
         loading: "lazy",
         decoding: "async",
         ...r
@@ -26,5 +27,5 @@ function s({
   );
 }
 export {
-  s as NavBarLogo
+  d as NavBarLogo
 };

package/dist/esm/components/navitem/navitem.js

@@ -6,6 +6,7 @@ import { useNavbarIndicator as y } from "../navbar/navbar-indicator-context.js";
 import "@gearbox-protocol/sdk";
 import { cn as k } from "../../utils/cn.js";
 import "sonner";
+import "luxon";
 const I = h(
   "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all cursor-pointer focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:pointer-events-none disabled:opacity-50 relative",
   {
@@ -37,11 +38,11 @@ const I = h(
     size: l,
     asChild: g = !1,
     active: a = !1,
-    icon: i,
+    icon: d,
     badge: s,
-    external: d = !1,
-    children: v,
-    ...m
+    external: i = !1,
+    children: m,
+    ...v
   }, p) => {
     const b = g ? x : "a", e = y(), n = t.useRef(null), r = t.useId();
     return t.useImperativeHandle(p, () => n.current), t.useEffect(() => {
@@ -63,14 +64,14 @@ const I = h(
           })
         ),
         "data-active": a,
-        target: d ? "_blank" : void 0,
-        rel: d ? "noopener noreferrer" : void 0,
-        ...m,
+        target: i ? "_blank" : void 0,
+        rel: i ? "noopener noreferrer" : void 0,
+        ...v,
         children: [
-          i && /* @__PURE__ */ o("span", { className: "shrink-0", children: i }),
-          v,
+          d && /* @__PURE__ */ o("span", { className: "shrink-0", children: d }),
+          m,
           s && /* @__PURE__ */ o("span", { className: "ml-auto", children: s }),
-          d && /* @__PURE__ */ c(
+          i && /* @__PURE__ */ c(
             "svg",
             {
               className: "h-3 w-3 shrink-0",

package/dist/esm/components/not-found/not-found.js

@@ -1,17 +1,18 @@
-import { jsxs as c, jsx as t } from "react/jsx-runtime";
+import { jsxs as o, jsx as t } from "react/jsx-runtime";
 import "react";
 import "@gearbox-protocol/sdk";
-import { cn as n } from "../../utils/cn.js";
+import { cn as c } from "../../utils/cn.js";
 import "sonner";
-function d({
+import "luxon";
+function u({
   icon: e,
   message: r,
   className: i
 }) {
-  return /* @__PURE__ */ c(
+  return /* @__PURE__ */ o(
     "div",
     {
-      className: n(
+      className: c(
         "flex w-full flex-col items-center justify-center gap-4 py-8",
         i
       ),
@@ -23,5 +24,5 @@ function d({
   );
 }
 export {
-  d as NotFound
+  u as NotFound
 };

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

@@ -3,14 +3,15 @@ import * as n from "react";
 import "@gearbox-protocol/sdk";
 import { cn as m } from "../../utils/cn.js";
 import "sonner";
-function g({
+import "luxon";
+function v({
   className: r,
   children: o,
   ...l
 }) {
-  const s = n.Children.toArray(o).length, a = n.Children.map(o, (t, i) => {
+  const s = n.Children.toArray(o).length, i = n.Children.map(o, (t, f) => {
     if (n.isValidElement(t)) {
-      const d = i === 0, u = i === s - 1;
+      const d = f === 0, u = f === s - 1;
       return n.cloneElement(t, {
         first: d,
         last: u
@@ -18,27 +19,27 @@ function g({
     }
     return t;
   });
-  return /* @__PURE__ */ e("div", { className: m("m-0 p-0 w-full flex flex-wrap", r), ...l, children: a });
+  return /* @__PURE__ */ e("div", { className: m("m-0 p-0 w-full flex flex-wrap", r), ...l, children: i });
 }
-function v({
+function N({
   icon: r,
   title: o,
   subTitle: l,
-  onClick: f,
+  onClick: a,
   endingIcon: s,
-  last: a = !1,
+  last: i = !1,
   className: t
 }) {
   return /* @__PURE__ */ c(
     "button",
     {
       type: "button",
-      onClick: f,
+      onClick: a,
       className: m(
         "relative z-0 pt-5 px-4 flex flex-row items-start gap-4 w-full cursor-pointer text-left",
         "before:absolute before:-z-10 before:left-0 before:hidden before:w-full before:inset-y-0 before:content-[''] before:bg-muted/50 before:rounded-lg",
         "hover:before:block",
-        !a && "after:absolute after:bottom-0 after:inset-x-3 after:h-px after:content-[''] after:bg-border",
+        !i && "after:absolute after:bottom-0 after:inset-x-3 after:h-px after:content-[''] after:bg-border",
         t
       ),
       children: [
@@ -53,6 +54,6 @@ function v({
   );
 }
 export {
-  v as OptionsItem,
-  g as OptionsList
+  N as OptionsItem,
+  v as OptionsList
 };

package/dist/esm/components/overflow/overflow.js

@@ -1,20 +1,21 @@
-import { jsx as i } from "react/jsx-runtime";
+import { jsx as e } from "react/jsx-runtime";
 import "react";
 import "@gearbox-protocol/sdk";
 import { cn as t } from "../../utils/cn.js";
 import "sonner";
-function c({ children: r, className: o, ...e }) {
-  return /* @__PURE__ */ i("div", { className: t("overflow-hidden", o), ...e, children: r });
+import "luxon";
+function d({ children: r, className: o, ...i }) {
+  return /* @__PURE__ */ e("div", { className: t("overflow-hidden", o), ...i, children: r });
 }
-function d({
+function l({
   children: r,
   className: o,
-  size: e,
+  size: i,
   ...m
 }) {
-  return /* @__PURE__ */ i("div", { className: t("break-words", o), ...m, children: r });
+  return /* @__PURE__ */ e("div", { className: t("break-words", o), ...m, children: r });
 }
 export {
-  c as Overflow,
-  d as OverflowWrap
+  d as Overflow,
+  l as OverflowWrap
 };

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

@@ -1,38 +1,39 @@
 import { jsx as r } from "react/jsx-runtime";
 import "react";
 import "@gearbox-protocol/sdk";
-import { cn as a } from "../../utils/cn.js";
+import { cn as n } from "../../utils/cn.js";
 import "sonner";
-const i = {
+import "luxon";
+const a = {
   default: "rounded-lg",
   small: "rounded-md"
-}, f = {
+}, m = {
   default: "border border-border",
   light: "border border-border/50",
   none: ""
 };
-function v({
+function C({
   children: o,
   maxHeight: e,
   minHeight: l = e,
   size: t = "default",
   borderColor: s = "default",
   innerPadding: d = "0 22px 0 16px",
-  className: n
+  className: i
 }) {
   return /* @__PURE__ */ r(
     "div",
     {
-      className: a(
+      className: n(
         "overflow-hidden",
-        i[t],
-        f[s],
-        n
+        a[t],
+        m[s],
+        i
       ),
       children: /* @__PURE__ */ r("div", { className: "overflow-auto", style: { maxHeight: e, minHeight: l }, children: d !== null ? /* @__PURE__ */ r("div", { style: { padding: d }, children: o }) : o })
     }
   );
 }
 export {
-  v as OverflowContainer
+  C as OverflowContainer
 };

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

@@ -4,6 +4,7 @@ import * as u from "react";
 import "@gearbox-protocol/sdk";
 import { cn as r } from "../../utils/cn.js";
 import "sonner";
+import "luxon";
 const v = d(
   "font-semibold leading-tight tracking-tight flex items-center gap-2",
   {

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

@@ -1,18 +1,19 @@
-import { jsx as n } from "react/jsx-runtime";
+import { jsx as m } from "react/jsx-runtime";
 import "react";
 import "@gearbox-protocol/sdk";
-import { cn as m } from "../../utils/cn.js";
+import { cn as n } from "../../utils/cn.js";
 import "sonner";
 import { percentTemplate as u } from "../../utils/format-money.js";
-function d({
+import "luxon";
+function g({
   percent: t,
   decimals: r = 2,
   showColor: e = !0,
   className: o,
   ...i
 }) {
-  return /* @__PURE__ */ n("div", { className: m("font-medium", e ? t >= 90 ? "text-destructive" : t >= 70 ? "text-orange-500" : t >= 50 ? "text-yellow-600" : "text-green-600" : "", o), ...i, children: u(t, r) });
+  return /* @__PURE__ */ m("div", { className: n("font-medium", e ? t >= 90 ? "text-destructive" : t >= 70 ? "text-orange-500" : t >= 50 ? "text-yellow-600" : "text-green-600" : "", o), ...i, children: u(t, r) });
 }
 export {
-  d as PercentIndicator
+  g as PercentIndicator
 };

package/dist/esm/components/pool-indicator-icon/pool-indicator-icon.js

@@ -1,17 +1,18 @@
-import { jsx as e } from "react/jsx-runtime";
+import { jsx as i } from "react/jsx-runtime";
 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";
 function f({
   children: o,
   size: t = 24,
   className: r
 }) {
-  return /* @__PURE__ */ e(
+  return /* @__PURE__ */ i(
     "div",
     {
-      className: i(
+      className: e(
         "inline-flex items-center justify-center rounded-full bg-muted",
         r
       ),

package/dist/esm/components/pool-points-indicator/pool-points-indicator.js

@@ -3,6 +3,7 @@ import "react";
 import "@gearbox-protocol/sdk";
 import { cn as o } from "../../utils/cn.js";
 import "sonner";
+import "luxon";
 const a = {
   primary: "border-primary bg-primary",
   secondary: "border-secondary bg-secondary",
@@ -10,27 +11,27 @@ const a = {
   blue: "border-blue-600 bg-blue-600",
   yellow: "border-yellow-600 bg-yellow-600"
 };
-function p({
+function u({
   size: e = 24,
   color: n = "primary",
   className: s,
   children: d
 }) {
-  const l = e + 8, t = a[n];
+  const t = e + 8, l = a[n];
   return /* @__PURE__ */ i("div", { className: o("relative inline-block", s), children: [
     /* @__PURE__ */ r(
       "div",
       {
         className: o(
           "absolute flex items-center justify-center rounded-full border-2",
-          t.split(" ")[0]
+          l.split(" ")[0]
           // border color
         ),
         style: {
           top: -4,
           left: -4,
-          width: l,
-          height: l
+          width: t,
+          height: t
         }
       }
     ),
@@ -39,7 +40,7 @@ function p({
       {
         className: o(
           "absolute flex items-center justify-center rounded-full",
-          t.split(" ")[1]
+          l.split(" ")[1]
         ),
         style: {
           top: -e / 4,
@@ -71,5 +72,5 @@ function p({
   ] });
 }
 export {
-  p as PoolPointsIndicator
+  u as PoolPointsIndicator
 };

package/dist/esm/components/progress/progress.js

@@ -1,13 +1,14 @@
 import { jsxs as t, jsx as l } from "react/jsx-runtime";
-import * as e from "@radix-ui/react-progress";
+import * as r from "@radix-ui/react-progress";
 import * as u from "react";
 import "@gearbox-protocol/sdk";
 import { cn as s } from "../../utils/cn.js";
 import "sonner";
+import "luxon";
 const g = u.forwardRef(
   ({
     className: o,
-    value: r,
+    value: e,
     variant: i = "default",
     size: n = "default",
     showLabel: a = !1,
@@ -25,7 +26,7 @@ const g = u.forwardRef(
     };
     return /* @__PURE__ */ t("div", { className: s("flex w-full items-center", a && "gap-3"), children: [
       /* @__PURE__ */ l(
-        e.Root,
+        r.Root,
         {
           ref: d,
           className: s(
@@ -35,25 +36,25 @@ const g = u.forwardRef(
           ),
           ...m,
           children: /* @__PURE__ */ l(
-            e.Indicator,
+            r.Indicator,
             {
               className: s(
                 "h-full w-full flex-1 transition-all",
                 c[i]
               ),
-              style: { transform: `translateX(-${100 - (r || 0)}%)` }
+              style: { transform: `translateX(-${100 - (e || 0)}%)` }
             }
           )
         }
       ),
       a && /* @__PURE__ */ t("span", { className: "shrink-0 text-xs text-muted-foreground tabular-nums", children: [
-        r,
+        e,
         "%"
       ] })
     ] });
   }
 );
-g.displayName = e.Root.displayName;
+g.displayName = r.Root.displayName;
 export {
   g as Progress
 };