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

package/dist/esm/components/auth/connect-required.js

@@ -1,4 +1,4 @@
-import { jsx as n } from "react/jsx-runtime";
+import { jsx as i } from "react/jsx-runtime";
 import { useModal as u } from "connectkit";
 import { useAccount as c } from "wagmi";
 import "../buttons/back-button/back-button.js";
@@ -12,15 +12,16 @@ import "@gearbox-protocol/sdk";
 import "clsx";
 import "tailwind-merge";
 import "sonner";
+import "luxon";
 import { TabButton as a } from "../buttons/tab-button/tab-button.js";
-function y({
-  children: i,
+function A({
+  children: n,
   owner: o,
   ...t
 }) {
   const { setOpen: m } = u(), { isConnected: p, address: r } = c(), e = Object.keys(t).length > 0 ? s : a;
-  return p && r ? o && r?.toLowerCase() !== o.toLowerCase() ? /* @__PURE__ */ n(e, { ...t, disabled: !0, children: "You are not the author" }) : i : /* @__PURE__ */ n(e, { ...t, onClick: () => m(!0), children: "Connect Wallet" });
+  return p && r ? o && r?.toLowerCase() !== o.toLowerCase() ? /* @__PURE__ */ i(e, { ...t, disabled: !0, children: "You are not the author" }) : n : /* @__PURE__ */ i(e, { ...t, onClick: () => m(!0), children: "Connect Wallet" });
 }
 export {
-  y as ConnectRequired
+  A as ConnectRequired
 };

package/dist/esm/components/auth/signin-required.js

@@ -13,19 +13,20 @@ import "clsx";
 import "tailwind-merge";
 import "sonner";
 import { shortenHash as b } from "../../utils/format.js";
+import "luxon";
 import { TabButton as I } from "../buttons/tab-button/tab-button.js";
-function M({
-  children: a,
-  owner: n,
-  skipSignIn: m,
+function Y({
+  children: m,
+  owner: o,
+  skipSignIn: a,
   ...t
 }) {
-  const { setOpen: o, openSIWE: s } = f(), { isConnected: p, address: d } = C(), { isRejected: u, isLoading: i, isSignedIn: c, data: l } = h(), e = Object.keys(t).length > 0 ? g : I;
-  return c || m ? n && l?.address?.toLowerCase() !== n.toLowerCase() ? /* @__PURE__ */ r(e, { ...t, disabled: !0, children: "You are not the author" }) : a : p && d ? u ? /* @__PURE__ */ r(
+  const { setOpen: n, openSIWE: s } = f(), { isConnected: p, address: d } = C(), { isRejected: u, isLoading: i, isSignedIn: c, data: l } = h(), e = Object.keys(t).length > 0 ? g : I;
+  return c || a ? o && l?.address?.toLowerCase() !== o.toLowerCase() ? /* @__PURE__ */ r(e, { ...t, disabled: !0, children: "You are not the author" }) : m : p && d ? u ? /* @__PURE__ */ r(
     e,
     {
       ...t,
-      onClick: () => o(!0),
+      onClick: () => n(!0),
       disabled: i,
       children: "Try Again"
     }
@@ -37,8 +38,8 @@ function M({
       disabled: i,
       children: i ? "Awaiting request..." : `Sign In as ${b(d)}`
     }
-  ) : /* @__PURE__ */ r(e, { ...t, onClick: () => o(!0), children: "Connect Wallet" });
+  ) : /* @__PURE__ */ r(e, { ...t, onClick: () => n(!0), children: "Connect Wallet" });
 }
 export {
-  M as SignInRequired
+  Y as SignInRequired
 };

package/dist/esm/components/avatar/avatar.js

@@ -1,13 +1,14 @@
-import { jsx as t } from "react/jsx-runtime";
+import { jsx as l } from "react/jsx-runtime";
 import * as a from "@radix-ui/react-avatar";
 import * as m from "react";
 import "@gearbox-protocol/sdk";
 import { cn as o } from "../../utils/cn.js";
 import "sonner";
-const s = m.forwardRef(({ className: e, ...r }, l) => /* @__PURE__ */ t(
+import "luxon";
+const s = m.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ l(
   a.Root,
   {
-    ref: l,
+    ref: t,
     className: o(
       "relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full",
       e
@@ -16,19 +17,19 @@ const s = m.forwardRef(({ className: e, ...r }, l) => /* @__PURE__ */ t(
   }
 ));
 s.displayName = a.Root.displayName;
-const f = m.forwardRef(({ className: e, ...r }, l) => /* @__PURE__ */ t(
+const f = m.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ l(
   a.Image,
   {
-    ref: l,
+    ref: t,
     className: o("aspect-square h-full w-full", e),
     ...r
   }
 ));
 f.displayName = a.Image.displayName;
-const i = m.forwardRef(({ className: e, ...r }, l) => /* @__PURE__ */ t(
+const i = m.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ l(
   a.Fallback,
   {
-    ref: l,
+    ref: t,
     className: o(
       "flex h-full w-full items-center justify-center rounded-full bg-muted text-muted-foreground text-sm font-medium",
       e

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

@@ -4,6 +4,7 @@ import "react";
 import "@gearbox-protocol/sdk";
 import { cn as a } from "../../utils/cn.js";
 import "sonner";
+import "luxon";
 const i = n(
   "inline-flex items-center rounded-md border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 cursor-auto",
   {
@@ -20,10 +21,10 @@ const i = n(
     }
   }
 );
-function m({ className: r, variant: t, ...e }) {
+function g({ className: r, variant: t, ...e }) {
   return /* @__PURE__ */ o("div", { className: a(i({ variant: t }), r), ...e });
 }
 export {
-  m as Badge,
+  g as Badge,
   i as badgeVariants
 };

package/dist/esm/components/base-link/base-link.js

@@ -1,15 +1,16 @@
-import { jsx as i } from "react/jsx-runtime";
-import { Slot as m } from "@radix-ui/react-slot";
+import { jsx as m } from "react/jsx-runtime";
+import { Slot as a } from "@radix-ui/react-slot";
 import * as s from "react";
 import "@gearbox-protocol/sdk";
-import { cn as f } from "../../utils/cn.js";
+import { cn as p } from "../../utils/cn.js";
 import "sonner";
-const p = s.forwardRef(
-  ({ className: r, asChild: e = !1, external: o = !1, children: t, ...n }, a) => /* @__PURE__ */ i(
-    e ? m : "a",
+import "luxon";
+const f = s.forwardRef(
+  ({ className: r, asChild: e = !1, external: o = !1, children: t, ...n }, i) => /* @__PURE__ */ m(
+    e ? a : "a",
     {
-      ref: a,
-      className: f(
+      ref: i,
+      className: p(
         "text-foreground no-underline hover:text-foreground/80 transition-colors",
         r
       ),
@@ -20,7 +21,7 @@ const p = s.forwardRef(
     }
   )
 );
-p.displayName = "BaseLink";
+f.displayName = "BaseLink";
 export {
-  p as BaseLink
+  f as BaseLink
 };

package/dist/esm/components/block-sync/block-sync.js

@@ -9,6 +9,7 @@ import "@fortawesome/free-solid-svg-icons";
 import "../icons/fa-icon.js";
 import "@gearbox-protocol/sdk";
 import "sonner";
+import "luxon";
 import "../alert-badge/alert-badge.js";
 import "../alert-dialog/alert-dialog.js";
 import "../asset-line/asset-line.js";
@@ -125,13 +126,14 @@ import "../table/table.js";
 import "../table/grid-table-loader.js";
 import "../textarea/textarea.js";
 import "../theme-provider.js";
+import "../time-to-liquidation/time-to-liquidation.js";
 import "../tip-card/tip-card.js";
 import "../typography/typography.js";
 import "../vertical-indicator/vertical-indicator.js";
 import "../vertical-list/vertical-list.js";
 import "../with-filter-button/with-filter-button.js";
 const D = 1e3 * 60 * 10;
-function to({
+function oo({
   blockByChain: i,
   explorerAddresses: S,
   networkById: v
@@ -195,5 +197,5 @@ function to({
   return i ? /* @__PURE__ */ o(j, { title: d(), children: N() }) : /* @__PURE__ */ o("div", { className: "select-none", children: d() });
 }
 export {
-  to as BlockSync
+  oo as BlockSync
 };

package/dist/esm/components/breadcrumbs/breadcrumbs.js

@@ -5,7 +5,8 @@ import "react";
 import "@gearbox-protocol/sdk";
 import { cn as c } from "../../utils/cn.js";
 import "sonner";
-function j({
+import "luxon";
+function w({
   items: o,
   onClick: u,
   currentStep: f,
@@ -77,5 +78,5 @@ function j({
   );
 }
 export {
-  j as BreadCrumbs
+  w as BreadCrumbs
 };

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

@@ -5,18 +5,19 @@ import "react";
 import "@gearbox-protocol/sdk";
 import { cn as m } from "../../utils/cn.js";
 import "sonner";
+import "luxon";
 const x = {
   sm: "px-2 py-1 text-xs gap-1",
   md: "px-3 py-1.5 text-sm gap-1.5",
   lg: "px-4 py-2 text-base gap-2"
 };
-function C({
+function k({
   checked: o = !1,
   onChange: n,
-  children: s,
+  children: p,
   disabled: t = !1,
   size: r = "md",
-  className: a
+  className: s
 }) {
   return /* @__PURE__ */ i(
     "label",
@@ -26,7 +27,7 @@ function C({
         x[r],
         o ? "bg-primary text-primary-foreground border-primary" : "bg-background text-foreground border-input hover:bg-accent",
         t && "opacity-50 cursor-not-allowed",
-        a
+        s
       ),
       children: [
         /* @__PURE__ */ e(
@@ -34,7 +35,7 @@ function C({
           {
             type: "checkbox",
             checked: o,
-            onChange: (p) => n?.(p.target.checked),
+            onChange: (a) => n?.(a.target.checked),
             disabled: t,
             className: "sr-only"
           }
@@ -50,11 +51,11 @@ function C({
             )
           }
         ),
-        s
+        p
       ]
     }
   );
 }
 export {
-  C as ButtonCheckbox
+  k as ButtonCheckbox
 };

package/dist/esm/components/buttons/back-button/back-button.js

@@ -6,7 +6,8 @@ import "react";
 import "@gearbox-protocol/sdk";
 import { cn as x } from "../../../utils/cn.js";
 import "sonner";
-const l = f("flex items-center transition-colors", {
+import "luxon";
+const p = f("flex items-center transition-colors", {
   variants: {
     variant: {
       default: "text-muted-foreground hover:text-foreground",
@@ -24,7 +25,7 @@ const l = f("flex items-center transition-colors", {
     size: "default"
   }
 });
-function p({
+function l({
   href: t,
   className: r,
   onClick: e,
@@ -32,20 +33,20 @@ function p({
 }) {
   return /* @__PURE__ */ a("a", { href: t, className: r, onClick: e, children: o });
 }
-function b({
+function j({
   href: t,
   text: r,
   onClick: e,
   className: o,
   variant: i,
   size: n,
-  LinkComponent: m = p
+  LinkComponent: m = l
 }) {
   return /* @__PURE__ */ s(
     m,
     {
       href: t,
-      className: x(l({ variant: i, size: n, className: o })),
+      className: x(p({ variant: i, size: n, className: o })),
       onClick: e,
       children: [
         /* @__PURE__ */ a(c, { icon: u, className: "mr-2 size-4" }),
@@ -55,6 +56,6 @@ function b({
   );
 }
 export {
-  b as BackButton,
-  l as backButtonVariants
+  j as BackButton,
+  p as backButtonVariants
 };

package/dist/esm/components/buttons/button/button.js

@@ -5,6 +5,7 @@ import * as y from "react";
 import "@gearbox-protocol/sdk";
 import { cn as e } from "../../../utils/cn.js";
 import "sonner";
+import "luxon";
 const h = x(
   // TODO: remove !
   "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors cursor-pointer disabled:!cursor-not-allowed [&_svg]:pointer-events-none [&_svg:not([style*='width']):not([style*='height'])]:size-4 [&_svg]:shrink-0 border border-transparent outline-none focus-visible:outline-none",

package/dist/esm/components/buttons/copy-button/copy-button.js

@@ -7,6 +7,7 @@ import { FaIcon as w } from "../../icons/fa-icon.js";
 import "@gearbox-protocol/sdk";
 import { cn as a } from "../../../utils/cn.js";
 import "sonner";
+import "luxon";
 const N = {
   3: "h-3 w-3",
   "3.5": "h-3.5 w-3.5",

package/dist/esm/components/buttons/external-button/external-button.js

@@ -5,6 +5,7 @@ import { Button as s } from "../button/button.js";
 import "@gearbox-protocol/sdk";
 import { cn as r } from "../../../utils/cn.js";
 import "sonner";
+import "luxon";
 const c = {
   3: "!h-3 !w-3",
   "3.5": "!h-3.5 !w-3.5",

package/dist/esm/components/buttons/navigation-button/navigation-button.js

@@ -4,6 +4,7 @@ import { BaseLink as s } from "../../base-link/base-link.js";
 import "@gearbox-protocol/sdk";
 import { cn as d } from "../../../utils/cn.js";
 import "sonner";
+import "luxon";
 const m = a.forwardRef(({ href: o, text: r, isActive: e, ...t }, n) => /* @__PURE__ */ i(
   s,
   {

package/dist/esm/components/buttons/range-buttons/range-buttons.js

@@ -3,7 +3,8 @@ import "react";
 import "@gearbox-protocol/sdk";
 import { cn as t } from "../../../utils/cn.js";
 import "sonner";
-function p({
+import "luxon";
+function x({
   range: n,
   rangeList: o,
   setRange: i,
@@ -29,5 +30,5 @@ function p({
   )) });
 }
 export {
-  p as RangeButtons
+  x as RangeButtons
 };

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

@@ -4,6 +4,7 @@ import * as e from "react";
 import "@gearbox-protocol/sdk";
 import { cn as n } from "../../utils/cn.js";
 import "sonner";
+import "luxon";
 const p = a("grid w-full", {
   variants: {
     columns: {
@@ -62,10 +63,10 @@ const p = a("grid w-full", {
     className: s,
     columns: r,
     columnsLg: i,
-    columnsMd: d,
-    columnsSm: o,
-    gap: l,
-    justifyItemContent: t,
+    columnsMd: o,
+    columnsSm: d,
+    gap: t,
+    justifyItemContent: l,
     ...c
   }, g) => /* @__PURE__ */ m(
     "div",
@@ -75,10 +76,10 @@ const p = a("grid w-full", {
         p({
           columns: r,
           columnsLg: i,
-          columnsMd: d,
-          columnsSm: o,
-          gap: l,
-          justifyItemContent: t,
+          columnsMd: o,
+          columnsSm: d,
+          gap: t,
+          justifyItemContent: l,
           className: s
         })
       ),

package/dist/esm/components/cards/card/card.js

@@ -1,10 +1,11 @@
 import { jsx as t } from "react/jsx-runtime";
-import { cva as i } from "class-variance-authority";
+import { cva as s } from "class-variance-authority";
 import * as o from "react";
 import "@gearbox-protocol/sdk";
 import { cn as d } from "../../../utils/cn.js";
 import "sonner";
-const n = i(
+import "luxon";
+const n = s(
   "rounded-xl border border-border bg-card text-card-foreground",
   {
     variants: {
@@ -19,10 +20,10 @@ const n = i(
     }
   }
 ), c = o.forwardRef(
-  ({ className: r, variant: a, ...e }, s) => /* @__PURE__ */ t(
+  ({ className: r, variant: a, ...e }, i) => /* @__PURE__ */ t(
     "div",
     {
-      ref: s,
+      ref: i,
       className: d(n({ variant: a, className: r })),
       ...e
     }

package/dist/esm/components/cards/expandable-call/expandable-call.js

@@ -5,25 +5,26 @@ import { FaIcon as c } from "../../icons/fa-icon.js";
 import "@gearbox-protocol/sdk";
 import { cn as p } from "../../../utils/cn.js";
 import "sonner";
-function b({
+import "luxon";
+function h({
   header: a,
   children: s,
-  index: n,
+  index: i,
   isExpandable: t = !0
 }) {
-  const [r, i] = m.useState(!1);
+  const [r, n] = m.useState(!1);
   return /* @__PURE__ */ e("div", { className: "rounded bg-gray-900/50", children: [
     /* @__PURE__ */ e(
       "div",
       {
         className: `flex ${t ? "cursor-pointer" : ""} items-center gap-2 p-3`,
         onClick: () => {
-          t && i(!r);
+          t && n(!r);
         },
         children: [
           /* @__PURE__ */ e("span", { className: "text-muted-foreground", children: [
             "#",
-            n
+            i
           ] }),
           a,
           /* @__PURE__ */ o(
@@ -44,5 +45,5 @@ function b({
   ] });
 }
 export {
-  b as ExpandablCall
+  h as ExpandablCall
 };

package/dist/esm/components/cards/expandable-card/expandable-card.js

@@ -5,8 +5,9 @@ import { FaIcon as c } from "../../icons/fa-icon.js";
 import "@gearbox-protocol/sdk";
 import { cn as n } from "../../../utils/cn.js";
 import "sonner";
-import { Card as f, CardContent as u } from "../card/card.js";
-function N({
+import "luxon";
+import { Card as f, CardContent as p } from "../card/card.js";
+function j({
   header: i,
   children: s,
   alwaysExpanded: r = !1
@@ -40,9 +41,9 @@ function N({
         ]
       }
     ),
-    t && /* @__PURE__ */ e(u, { className: "border-t border-input bg-gray-900/30", children: s })
+    t && /* @__PURE__ */ e(p, { className: "border-t border-input bg-gray-900/30", children: s })
   ] });
 }
 export {
-  N as ExpandableCard
+  j as ExpandableCard
 };

package/dist/esm/components/carousel/carousel.js

@@ -4,10 +4,11 @@ import { jsxs as d, jsx as r } from "react/jsx-runtime";
 import * as v from "react";
 import x from "../../_virtual/index2.js";
 import { faChevronRight as N, faChevronLeft as h } from "@fortawesome/free-solid-svg-icons";
-import { FaIcon as i } from "../icons/fa-icon.js";
+import { FaIcon as s } from "../icons/fa-icon.js";
 import "@gearbox-protocol/sdk";
 import { cn as t } from "../../utils/cn.js";
 import "sonner";
+import "luxon";
 const w = ({ onClick: e, className: o }) => /* @__PURE__ */ r(
   "button",
   {
@@ -15,7 +16,7 @@ const w = ({ onClick: e, className: o }) => /* @__PURE__ */ r(
     onClick: e,
     className: t("slick-arrow slick-prev", o),
     "aria-label": "Previous slide",
-    children: /* @__PURE__ */ r(i, { icon: h, className: "size-4" })
+    children: /* @__PURE__ */ r(s, { icon: h, className: "size-4" })
   }
 ), b = ({ onClick: e, className: o }) => /* @__PURE__ */ r(
   "button",
@@ -24,7 +25,7 @@ const w = ({ onClick: e, className: o }) => /* @__PURE__ */ r(
     onClick: e,
     className: t("slick-arrow slick-next", o),
     "aria-label": "Next slide",
-    children: /* @__PURE__ */ r(i, { icon: N, className: "size-4" })
+    children: /* @__PURE__ */ r(s, { icon: N, className: "size-4" })
   }
 ), g = v.forwardRef(
   ({
@@ -35,7 +36,7 @@ const w = ({ onClick: e, className: o }) => /* @__PURE__ */ r(
     dots: c = !0,
     autoplay: m = !1,
     autoplaySpeed: n = 5e3,
-    slidesToShow: s = 1,
+    slidesToShow: i = 1,
     gap: k = 16,
     ...p
   }, f) => {
@@ -45,7 +46,7 @@ const w = ({ onClick: e, className: o }) => /* @__PURE__ */ r(
       dots: c,
       autoplay: m,
       autoplaySpeed: n,
-      slidesToShow: s,
+      slidesToShow: i,
       prevArrow: /* @__PURE__ */ r(w, {}),
       nextArrow: /* @__PURE__ */ r(b, {}),
       ...p
@@ -53,7 +54,7 @@ const w = ({ onClick: e, className: o }) => /* @__PURE__ */ r(
     return /* @__PURE__ */ d("div", { className: t("carousel-root relative w-full", e), children: [
       /* @__PURE__ */ r("style", { children: `
             .carousel-root .slick-slide {
-              margin-right: ${s === 1 ? "1px" : "0"};
+              margin-right: ${i === 1 ? "1px" : "0"};
             }
           ` }),
       /* @__PURE__ */ r(x, { ref: f, ...u, children: o })

package/dist/esm/components/checkbox/checkbox-labeled.js

@@ -4,6 +4,7 @@ import * as o from "react";
 import "@gearbox-protocol/sdk";
 import { cn as h } from "../../utils/cn.js";
 import "sonner";
+import "luxon";
 import "../accordion/accordion.js";
 import "@gearbox-protocol/static";
 import "@fortawesome/free-solid-svg-icons";
@@ -125,6 +126,7 @@ import "../table/table.js";
 import "../table/grid-table-loader.js";
 import "../textarea/textarea.js";
 import "../theme-provider.js";
+import "../time-to-liquidation/time-to-liquidation.js";
 import "../tip-card/tip-card.js";
 import "../typography/typography.js";
 import "../vertical-indicator/vertical-indicator.js";

package/dist/esm/components/checkbox/checkbox.js

@@ -7,6 +7,7 @@ import { FaIcon as o } from "../icons/fa-icon.js";
 import "@gearbox-protocol/sdk";
 import { cn as r } from "../../utils/cn.js";
 import "sonner";
+import "luxon";
 const h = y("", {
   variants: {
     size: {
@@ -22,10 +23,10 @@ const h = y("", {
     size: "md",
     color: "primary"
   }
-}), i = "absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2", s = "size-3", c = "text-current", u = f.forwardRef(({ className: d, color: n, size: p, ...l }, m) => /* @__PURE__ */ b(
+}), i = "absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2", s = "size-3", c = "text-current", u = f.forwardRef(({ className: d, color: n, size: p, ...m }, l) => /* @__PURE__ */ b(
   a.Root,
   {
-    ref: m,
+    ref: l,
     className: r(
       "group peer relative shrink-0 border shadow cursor-pointer transition-colors overflow-hidden flex items-center justify-center",
       "data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground",
@@ -36,7 +37,7 @@ const h = y("", {
       "data-[state=checked]:disabled:bg-gray-20 data-[state=checked]:disabled:border-gray-50",
       d
     ),
-    ...l,
+    ...m,
     children: [
       /* @__PURE__ */ e(
         o,

package/dist/esm/components/checkbox-item/checkbox-item.js

@@ -5,6 +5,7 @@ import { FaIcon as x } from "../icons/fa-icon.js";
 import "@gearbox-protocol/sdk";
 import { cn as t } from "../../utils/cn.js";
 import "sonner";
+import "luxon";
 const d = l.forwardRef(
   ({ className: n, children: s, checked: e, onCheckedChange: a, disabled: o, ...i }, m) => /* @__PURE__ */ p(
     "label",

package/dist/esm/components/client-adapters/styled-button/styled-button.js

@@ -4,6 +4,7 @@ import { Button as l } from "../../buttons/button/button.js";
 import "@gearbox-protocol/sdk";
 import { cn as s } from "../../../utils/cn.js";
 import "sonner";
+import "luxon";
 const c = {
   primary: "default",
   outlined: "outline",
@@ -16,16 +17,16 @@ const c = {
     $width: r = "compact",
     $color: o = "primary",
     className: e,
-    ...a
-  }, i) => /* @__PURE__ */ m(
+    ...i
+  }, a) => /* @__PURE__ */ m(
     l,
     {
-      ref: i,
+      ref: a,
       size: t === "md" ? "default" : t,
       width: r,
       variant: c[o],
       className: s("inline-block whitespace-normal", e),
-      ...a
+      ...i
     }
   )
 );