@gearbox-protocol/permissionless-ui 1.17.8 → 1.18.0

package/dist/esm/_virtual/track.js

@@ -0,0 +1,4 @@
+var r = {};
+export {
+  r as __exports
+};

package/dist/esm/components/address/address.js

@@ -0,0 +1,21 @@
+import { jsx as m } from "react/jsx-runtime";
+import { WithCopy as f } from "../with-copy/with-copy.js";
+import "react";
+import { cn as u } from "../../utils/cn.js";
+import "sonner";
+import "@gearbox-protocol/sdk";
+function g({
+  address: o = "",
+  short: p = !0,
+  startChars: t = 6,
+  endChars: i = 4,
+  copyable: r = !1,
+  children: c,
+  className: e
+}) {
+  const l = p && o.length > t + i + 3 ? `${o.slice(0, t)}...${o.slice(-i)}` : o, n = /* @__PURE__ */ m("span", { className: u("font-mono text-sm", e), children: c || l });
+  return r && o ? /* @__PURE__ */ m(f, { toCopy: o, children: n }) : n;
+}
+export {
+  g as Address
+};

package/dist/esm/components/address/index.js

@@ -0,0 +1,4 @@
+import { Address as e } from "./address.js";
+export {
+  e as Address
+};

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

@@ -0,0 +1,32 @@
+import { jsx as e, jsxs as t } from "react/jsx-runtime";
+import { AlertDialog as D, AlertDialogContent as f, AlertDialogHeader as m, AlertDialogTitle as O, AlertDialogDescription as u, AlertDialogFooter as j, AlertDialogCancel as k, AlertDialogAction as x } from "../alert-dialog/alert-dialog.js";
+function M({
+  open: a,
+  show: h,
+  title: l,
+  body: i,
+  children: o,
+  onClose: c,
+  onHide: d,
+  confirmText: s = "OK",
+  cancelText: r,
+  onConfirm: g,
+  className: C
+}) {
+  const A = a ?? h ?? !1, n = c ?? d;
+  return /* @__PURE__ */ e(D, { open: A, onOpenChange: (p) => {
+    !p && n && n();
+  }, children: /* @__PURE__ */ t(f, { className: C, children: [
+    l && /* @__PURE__ */ e(m, { children: /* @__PURE__ */ e(O, { children: l }) }),
+    (i || o) && /* @__PURE__ */ e(u, { asChild: !0, children: /* @__PURE__ */ e("div", { children: i || o }) }),
+    /* @__PURE__ */ t(j, { children: [
+      r && /* @__PURE__ */ e(k, { onClick: n, children: r }),
+      /* @__PURE__ */ e(x, { onClick: () => {
+        g?.(), n?.();
+      }, children: s })
+    ] })
+  ] }) });
+}
+export {
+  M as AlertModal
+};

package/dist/esm/components/alert-modal/index.js

@@ -0,0 +1,4 @@
+import { AlertModal as e } from "./alert-modal.js";
+export {
+  e as AlertModal
+};

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

@@ -0,0 +1,32 @@
+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 "react";
+import { cn as t } from "../../utils/cn.js";
+import "sonner";
+import "@gearbox-protocol/sdk";
+function g({
+  apy: e,
+  tooltip: n,
+  decimals: l = 2,
+  className: o,
+  loading: d
+}) {
+  if (d)
+    return /* @__PURE__ */ r(
+      "span",
+      {
+        className: t(
+          "inline-block w-12 h-4 bg-muted animate-pulse rounded",
+          o
+        )
+      }
+    );
+  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;
+}
+export {
+  g as Apy
+};

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

@@ -0,0 +1,4 @@
+import { Apy as r } from "./apy.js";
+export {
+  r as Apy
+};

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

@@ -0,0 +1,45 @@
+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({
+  size: r = 24,
+  color: e = "currentColor",
+  strokeWidth: o = 2,
+  className: i
+}) {
+  const t = (r - o) / 2, n = 2 * Math.PI * t, c = n * 0.75;
+  return /* @__PURE__ */ s(
+    "svg",
+    {
+      width: r,
+      height: r,
+      viewBox: `0 0 ${r} ${r}`,
+      className: l("animate-spin", i),
+      style: { animationDuration: "1s" },
+      role: "img",
+      "aria-label": "Loading",
+      children: [
+        /* @__PURE__ */ a("title", { children: "Loading" }),
+        /* @__PURE__ */ a(
+          "circle",
+          {
+            cx: r / 2,
+            cy: r / 2,
+            r: t,
+            fill: "none",
+            stroke: e,
+            strokeWidth: o,
+            strokeDasharray: n,
+            strokeDashoffset: c,
+            strokeLinecap: "round"
+          }
+        )
+      ]
+    }
+  );
+}
+export {
+  u as ArcLoader
+};

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

@@ -0,0 +1,4 @@
+import { ArcLoader as e } from "./arc-loader.js";
+export {
+  e as ArcLoader
+};

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

@@ -1,45 +1,75 @@
-import { jsx as r, jsxs as m } from "react/jsx-runtime";
-import { ChevronRight as c } from "lucide-react";
-import { Link as f } from "react-router-dom";
+import { jsx as e, jsxs as h } from "react/jsx-runtime";
+import { ChevronRight as g } from "lucide-react";
+import { Link as x } from "react-router-dom";
 import "react";
-import { cn as l } from "../../utils/cn.js";
+import { cn as c } from "../../utils/cn.js";
 import "sonner";
 import "@gearbox-protocol/sdk";
-function b({
+function j({
   items: o,
-  className: n
+  onClick: u,
+  currentStep: f,
+  disabledSteps: i,
+  className: m
 }) {
-  return /* @__PURE__ */ r(
+  if (!o || o.length === 0)
+    return null;
+  const d = !!u;
+  return /* @__PURE__ */ e(
     "nav",
     {
       "aria-label": "breadcrumb",
-      className: l("flex items-center gap-2", n),
-      children: /* @__PURE__ */ r("ol", { className: "flex items-center gap-2 flex-wrap", children: o.map((e, a) => {
-        const t = a === o.length - 1, s = e.href || `${e.label}-${a}`;
-        return /* @__PURE__ */ m("li", { className: "flex items-center gap-2", children: [
-          e.href && !t ? /* @__PURE__ */ r(
-            f,
-            {
-              to: e.href,
-              className: "text-sm text-muted-foreground hover:text-foreground transition-colors",
-              children: e.label
-            }
-          ) : /* @__PURE__ */ r(
-            "span",
-            {
-              className: l(
-                "text-sm",
-                t ? "text-foreground font-medium" : "text-muted-foreground"
-              ),
-              children: e.label
-            }
+      className: c("flex items-center gap-2", m),
+      children: /* @__PURE__ */ e("ol", { className: "flex items-center gap-2 flex-wrap", children: o.map((r, t) => {
+        const s = t === o.length - 1, l = f === t, n = i?.(r, t) ?? !1, a = d && !n, p = r.href || r.step || `${r.label}-${t}`;
+        return /* @__PURE__ */ h("li", { className: "flex items-center gap-2", children: [
+          d ? (
+            // Wizard mode: use button
+            /* @__PURE__ */ e(
+              "button",
+              {
+                type: "button",
+                onClick: () => a && u(r, t),
+                disabled: n,
+                className: c(
+                  "text-sm transition-colors",
+                  l ? "text-foreground font-medium" : "text-muted-foreground",
+                  a && !l && "hover:text-foreground cursor-pointer",
+                  n && "opacity-50 cursor-not-allowed",
+                  !a && !l && "cursor-default"
+                ),
+                children: r.label
+              }
+            )
+          ) : r.href && !s ? (
+            // Navigation mode with href
+            /* @__PURE__ */ e(
+              x,
+              {
+                to: r.href,
+                className: "text-sm text-muted-foreground hover:text-foreground transition-colors",
+                children: r.label
+              }
+            )
+          ) : (
+            // Navigation mode without href (last item or no href)
+            /* @__PURE__ */ e(
+              "span",
+              {
+                className: c(
+                  "text-sm",
+                  s ? "text-foreground font-medium" : "text-muted-foreground"
+                ),
+                children: r.label
+              }
+            )
           ),
-          !t && /* @__PURE__ */ r(c, { className: "h-4 w-4 text-muted-foreground" })
-        ] }, s);
+          !s && /* @__PURE__ */ e(g, { className: "h-4 w-4 text-muted-foreground" })
+        ] }, p);
       }) })
     }
   );
 }
 export {
-  b as BreadCrumbs
+  j as BreadCrumbs
 };

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

@@ -0,0 +1,53 @@
+import { jsxs as i, jsx as e } from "react/jsx-runtime";
+import { Check as a } from "lucide-react";
+import "react";
+import { cn as c } from "../../utils/cn.js";
+import "sonner";
+import "@gearbox-protocol/sdk";
+const l = {
+  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"
+}, x = {
+  sm: 12,
+  md: 14,
+  lg: 16
+};
+function h({
+  checked: r = !1,
+  onChange: n,
+  children: s,
+  disabled: o = !1,
+  size: t = "md",
+  className: m
+}) {
+  return /* @__PURE__ */ i(
+    "label",
+    {
+      className: c(
+        "inline-flex items-center rounded-md border font-medium transition-colors cursor-pointer",
+        l[t],
+        r ? "bg-primary text-primary-foreground border-primary" : "bg-background text-foreground border-input hover:bg-accent",
+        o && "opacity-50 cursor-not-allowed",
+        m
+      ),
+      children: [
+        /* @__PURE__ */ e(
+          "input",
+          {
+            type: "checkbox",
+            checked: r,
+            onChange: (p) => n?.(p.target.checked),
+            disabled: o,
+            className: "sr-only"
+          }
+        ),
+        r && /* @__PURE__ */ e(a, { size: x[t] }),
+        s
+      ]
+    }
+  );
+}
+export {
+  h as ButtonCheckbox
+};

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

@@ -0,0 +1,4 @@
+import { ButtonCheckbox as e } from "./button-checkbox.js";
+export {
+  e as ButtonCheckbox
+};

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

@@ -0,0 +1,65 @@
+import { jsxs as f, jsx as r } from "react/jsx-runtime";
+/* empty css                                                                                                     */
+/* empty css                                                                                                           */
+import { ChevronRight as d, ChevronLeft as h } from "lucide-react";
+import * as w from "react";
+import v from "../../_virtual/index2.js";
+import { cn as o } from "../../utils/cn.js";
+import "sonner";
+import "@gearbox-protocol/sdk";
+const x = ({ onClick: e, className: t }) => /* @__PURE__ */ r(
+  "button",
+  {
+    type: "button",
+    onClick: e,
+    className: o("slick-arrow slick-prev", t),
+    "aria-label": "Previous slide",
+    children: /* @__PURE__ */ r(h, { className: "h-4 w-4" })
+  }
+), N = ({ onClick: e, className: t }) => /* @__PURE__ */ r(
+  "button",
+  {
+    type: "button",
+    onClick: e,
+    className: o("slick-arrow slick-next", t),
+    "aria-label": "Next slide",
+    children: /* @__PURE__ */ r(d, { className: "h-4 w-4" })
+  }
+), b = w.forwardRef(
+  ({
+    className: e,
+    children: t,
+    infinite: a = !0,
+    arrows: l = !1,
+    dots: i = !0,
+    autoplay: c = !1,
+    autoplaySpeed: m = 5e3,
+    slidesToShow: s = 1,
+    gap: g = 16,
+    ...n
+  }, p) => {
+    const u = {
+      infinite: a,
+      arrows: l,
+      dots: i,
+      autoplay: c,
+      autoplaySpeed: m,
+      slidesToShow: s,
+      prevArrow: /* @__PURE__ */ r(x, {}),
+      nextArrow: /* @__PURE__ */ r(N, {}),
+      ...n
+    };
+    return /* @__PURE__ */ f("div", { className: o("carousel-root relative w-full", e), children: [
+      /* @__PURE__ */ r("style", { children: `
+            .carousel-root .slick-slide {
+              margin-right: ${s === 1 ? "1px" : "0"};
+            }
+          ` }),
+      /* @__PURE__ */ r(v, { ref: p, ...u, children: t })
+    ] });
+  }
+);
+b.displayName = "Carousel";
+export {
+  b as Carousel
+};

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

@@ -0,0 +1,4 @@
+import { Carousel as e } from "./carousel.js";
+export {
+  e as Carousel
+};

package/dist/esm/components/complex-input/complex-input.js

@@ -0,0 +1,85 @@
+import { jsx as o, jsxs as p } from "react/jsx-runtime";
+import { Input as T } from "../input/input.js";
+import { WithTitle as k } from "../with-title/with-title.js";
+import "react";
+import { bnToInputView as y } from "../../utils/bn-to-input-view.js";
+import { cn as M } from "../../utils/cn.js";
+import "sonner";
+import "@gearbox-protocol/sdk";
+import { parseInputToBN as N } from "../../utils/parse-input-to-bn.js";
+function P({
+  title: i = "Max",
+  maxAmount: r,
+  token: s,
+  disabled: a,
+  maxButton: t = !0,
+  onMaxButtonClick: l
+}) {
+  const { decimals: c = 18 } = s || {}, m = y(r, c);
+  return /* @__PURE__ */ p("div", { className: "flex items-center gap-1 text-sm text-muted-foreground", children: [
+    /* @__PURE__ */ p("span", { children: [
+      "Balance: ",
+      m
+    ] }),
+    t && /* @__PURE__ */ o(
+      "button",
+      {
+        type: "button",
+        onClick: l,
+        disabled: a,
+        className: M(
+          "px-1.5 py-0.5 text-xs font-medium rounded",
+          "bg-secondary hover:bg-secondary/80 text-secondary-foreground",
+          "disabled:opacity-50 disabled:cursor-not-allowed"
+        ),
+        children: i
+      }
+    )
+  ] });
+}
+function G({
+  titleProps: i,
+  inputProps: r,
+  balanceIndicatorProps: s
+}) {
+  const { title: a, size: t = "sm", ...l } = i, {
+    size: c = "sm",
+    title: m = "Max",
+    maxButton: z = !0,
+    token: f,
+    maxAmount: u,
+    ...B
+  } = s, { decimals: x = 18 } = f || {}, { onChange: g, inputSize: e, ...C } = r, I = (n) => {
+    const d = n.target.value, [h, b] = N(d, x);
+    h === null || b === null || g?.(h, b);
+  }, v = () => {
+    const n = u || 0n, d = y(n, x);
+    g?.(n, d);
+  }, w = typeof e == "string" && (e === "sm" || e === "lg" || e === "default") ? e : t === "sm" ? "sm" : t === "lg" ? "lg" : "default";
+  return /* @__PURE__ */ o(
+    k,
+    {
+      size: t,
+      title: /* @__PURE__ */ p("div", { className: "flex justify-between items-center", children: [
+        a,
+        u !== void 0 && /* @__PURE__ */ o(
+          P,
+          {
+            token: f,
+            title: m,
+            size: c,
+            maxButton: z,
+            maxAmount: u,
+            onMaxButtonClick: v,
+            ...B
+          }
+        )
+      ] }),
+      ...l,
+      children: /* @__PURE__ */ o(T, { onChange: I, size: w, ...C })
+    }
+  );
+}
+export {
+  G as ComplexInput
+};

package/dist/esm/components/complex-input/index.js

@@ -0,0 +1,4 @@
+import { ComplexInput as e } from "./complex-input.js";
+export {
+  e as ComplexInput
+};