@gearbox-protocol/permissionless-ui 1.22.0-next.98 → 1.22.0

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

@@ -1,19 +1,20 @@
 import { jsxs as r, jsx as e } from "react/jsx-runtime";
-import { IconPending as a } from "@gearbox-protocol/static";
-import * as m from "react";
+import { IconPending as m } from "@gearbox-protocol/static";
+import * as a from "react";
 import { FormattedMessageTyped as s } from "../typed-intl/index.js";
 import "@gearbox-protocol/sdk";
 import { cn as t } from "../../utils/cn.js";
 import "sonner";
 import "luxon";
-const n = m.forwardRef(function({ className: o }, i) {
+import "../../utils/z-index.js";
+const n = a.forwardRef(function({ className: o }, i) {
   return /* @__PURE__ */ r(
     "div",
     {
       ref: i,
       className: t("flex flex-wrap justify-center items-center", o),
       children: [
-        /* @__PURE__ */ e("div", { className: "mr-2 overflow-hidden", children: /* @__PURE__ */ e(a, { size: 24, className: "animate-spin" }) }),
+        /* @__PURE__ */ e("div", { className: "mr-2 overflow-hidden", children: /* @__PURE__ */ e(m, { size: 24, className: "animate-spin" }) }),
         /* @__PURE__ */ r("div", { className: "flex flex-col", children: [
           /* @__PURE__ */ e(s, { messageId: "components.loading.loading" }),
           "..."

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

@@ -1,28 +1,29 @@
 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 { Guard as e } from "../guard/guard.js";
+import "../base-link/base-link.js";
 import "react";
 import "@gearbox-protocol/sdk";
+import "clsx";
+import "tailwind-merge";
 import "sonner";
 import "luxon";
+import "../../utils/z-index.js";
 import "../layout/col/col.js";
 import { Container as p } from "../layout/container/container.js";
 import "../layout/footer/footer.js";
 import "../layout/grid/grid.js";
 import "../layout/header/header.js";
 import "../layout/layout/layout.js";
-import "../base-link/base-link.js";
 import "../buttons/back-button/back-button.js";
 import "../page-title/page-title.js";
 import "../layout/social-icons/social-icons.js";
 import { Skeleton as r } from "../skeleton/skeleton.js";
-function q({
+function z({
   showGuard: s,
   children: a,
   loader: i
 }) {
-  const e = /* @__PURE__ */ m(p, { children: /* @__PURE__ */ o("div", { className: "flex flex-col gap-4 p-4 sm:p-6 w-full", children: [
+  const t = /* @__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__ */ o("div", { className: "space-y-2 mb-4", children: [
       /* @__PURE__ */ m(r, { className: "h-3 sm:h-4 w-full" }),
@@ -34,8 +35,8 @@ function q({
       /* @__PURE__ */ m(r, { className: "h-48 sm:h-64 md:h-72 md:w-1/3 w-full" })
     ] })
   ] }) }), l = s;
-  return /* @__PURE__ */ m(t, { showGuard: l, guard: l && (i || e), children: a });
+  return /* @__PURE__ */ m(e, { showGuard: l, guard: l && (i || t), children: a });
 }
 export {
-  q as LoaderGuard
+  z as LoaderGuard
 };

package/dist/esm/components/loading-bar/loading-bar.js

@@ -1,19 +1,20 @@
 import { jsx as r, jsxs as o } from "react/jsx-runtime";
 import { cva as m } from "class-variance-authority";
-import * as l from "react";
-import { Modal as d } from "../modal/modal.js";
+import * as d from "react";
+import { Modal as l } from "../modal/modal.js";
 import { SpinnerLoader as c } from "../spinner-loader/spinner-loader.js";
 import "@gearbox-protocol/sdk";
-import { cn as s } from "../../utils/cn.js";
+import { cn as p } from "../../utils/cn.js";
 import "sonner";
 import "luxon";
-const p = m(
+import "../../utils/z-index.js";
+const s = m(
   [
     "w-[250px] min-h-[120px] p-[16px] flex flex-col justify-center items-center text-center",
     "bg-gray-10 rounded-md"
   ].join(" ")
-), f = l.forwardRef(
-  ({ message: t, subMessage: e, show: n = !0, className: a }, i) => /* @__PURE__ */ r(d, { show: n, xsCentered: !0, children: /* @__PURE__ */ o("div", { ref: i, className: s(p(), a), children: [
+), x = d.forwardRef(
+  ({ message: t, subMessage: e, show: n = !0, className: a }, i) => /* @__PURE__ */ r(l, { show: n, xsCentered: !0, zIndexLayer: "LOADING", children: /* @__PURE__ */ o("div", { ref: i, className: p(s(), a), children: [
     /* @__PURE__ */ r("div", { className: "mb-5", children: /* @__PURE__ */ r(c, {}) }),
     /* @__PURE__ */ o("div", { className: "flex w-full flex-col gap-0", children: [
       /* @__PURE__ */ r("span", { className: "text-sm text-foreground", children: t }),
@@ -21,7 +22,7 @@ const p = m(
     ] })
   ] }) })
 );
-f.displayName = "LoadingBar";
+x.displayName = "LoadingBar";
 export {
-  f as LoadingBar
+  x as LoadingBar
 };

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

@@ -2,17 +2,18 @@ import { jsx as r } from "react/jsx-runtime";
 import { useEffect as y } from "react";
 import h from "react-markdown";
 import k from "remark-gfm";
-import { cn as p } from "../../utils/cn.js";
+import "../base-link/base-link.js";
 import "@gearbox-protocol/sdk";
+import { cn as p } from "../../utils/cn.js";
 import "sonner";
 import "luxon";
+import "../../utils/z-index.js";
 import "../layout/col/col.js";
 import "../layout/container/container.js";
 import "../layout/footer/footer.js";
 import "../layout/grid/grid.js";
 import "../layout/header/header.js";
 import "../layout/layout/layout.js";
-import "../base-link/base-link.js";
 import { PageLayout as w } from "../layout/page-layout/page-layout.js";
 import "../layout/social-icons/social-icons.js";
 import "../accordion/accordion.js";
@@ -40,7 +41,7 @@ import "wagmi";
 import "viem/siwe";
 import "../avatar/avatar.js";
 import "../badge/badge.js";
-import "react-router-dom";
+import "../navigation-context/navigation-context.js";
 import "../button-checkbox/button-checkbox.js";
 import "../card-grid/card-grid.js";
 import "../cards/card/card.js";
@@ -63,6 +64,7 @@ import "../vertical-list/vertical-list.js";
 import "../confirm-menu/confirm-menu.js";
 import "../currency-button/currency-button.js";
 import "../description/description.js";
+import "../detailed-apy/detailed-apy.js";
 import "../detailed-page-title/detailed-page-title.js";
 import "../detailed-page-title/detailed-page-title-copy-button.js";
 import "../detailed-page-title/detailed-page-title-explorer-dropdown.js";
@@ -120,7 +122,9 @@ import "../loading/loading.js";
 import "../loading-bar/loading-bar.js";
 import "../navbar/navbar.js";
 import "../navbar/navbar-indicator-context.js";
+import "../app-bar/app-bar.js";
 import "../navitem/navitem.js";
+import "../simple-dropdown/simple-dropdown.js";
 import "../page-title/page-title.js";
 import "../pool-indicator-icon/pool-indicator-icon.js";
 import "../progress/progress.js";
@@ -133,10 +137,10 @@ import "../select/select.js";
 import "../separate-line/separate-line.js";
 import "../separator/separator.js";
 import "../simple-accordion/simple-accordion.js";
-import "../simple-dropdown/simple-dropdown.js";
 import "../simple-dropdown/simple-dropdown-menu-item.js";
 import "../slider/slider.js";
 import "../slider/slider-context.js";
+import "@radix-ui/react-slider";
 import "../spinner/spinner.js";
 import "../spinner-loader/spinner-loader.js";
 import "../split-list/split-list.js";
@@ -174,7 +178,7 @@ function a(o) {
   }
   return { id: T(l), displayText: o };
 }
-function hr({
+function Tr({
   content: o,
   title: l,
   backButton: s,
@@ -386,5 +390,5 @@ function hr({
   return c ? d : /* @__PURE__ */ r(w, { title: l || "", backButton: s, children: d });
 }
 export {
-  hr as MarkdownViewer
+  Tr as MarkdownViewer
 };

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

@@ -1,16 +1,16 @@
-import { jsx as r, jsxs as c } from "react/jsx-runtime";
-import * as t from "@radix-ui/react-dialog";
-import { cva as k } from "class-variance-authority";
-import * as i from "react";
+import { jsx as t, jsxs as m } from "react/jsx-runtime";
+import * as a from "@radix-ui/react-dialog";
+import { cva as D } from "class-variance-authority";
+import * as s from "react";
 import "@gearbox-protocol/sdk";
-import { useIsMobile as v } from "../../hooks/use-media-query.js";
+import { useIsMobile as M } from "../../hooks/use-media-query.js";
 import { cn as o } from "../../utils/cn.js";
 import "sonner";
 import "luxon";
-import { Z_INDEX as f } from "../../utils/z-index.js";
-const d = "gb-modal-open";
-let l = 0;
-const m = "before:content-[''] before:absolute before:inset-0 after:z-[-1] before:opacity-40", M = k("", {
+import { Z_INDEX as O, Z_INDEX_VALUES as N } from "../../utils/z-index.js";
+const u = "gb-modal-open";
+let n = 0;
+const b = "before:content-[''] before:absolute before:inset-0 after:z-[-1] before:opacity-40", L = D("", {
   variants: {
     colorTheme: {
       default: "bg-black/30",
@@ -18,8 +18,8 @@ const m = "before:content-[''] before:absolute before:inset-0 after:z-[-1] befor
       "dark-transparent": "bg-black/85"
     },
     backdrop: {
-      success: `${m} before:bg-[linear-gradient(180deg,rgba(146,255,176,0.85)_0%,rgba(146,255,176,0)_50%)]`,
-      failure: `${m} before:bg-[linear-gradient(180deg,rgba(255,61,64,0.85)_0%,rgba(255,61,64,0)_50%)]`,
+      success: `${b} before:bg-[linear-gradient(180deg,rgba(146,255,176,0.85)_0%,rgba(146,255,176,0)_50%)]`,
+      failure: `${b} before:bg-[linear-gradient(180deg,rgba(255,61,64,0.85)_0%,rgba(255,61,64,0)_50%)]`,
       default: ""
     }
   },
@@ -27,50 +27,63 @@ const m = "before:content-[''] before:absolute before:inset-0 after:z-[-1] befor
     colorTheme: "default",
     backdrop: "default"
   }
-}), _ = i.forwardRef(
+}), w = s.forwardRef(
   ({
-    show: a = !0,
-    colorTheme: u = "default",
-    backdrop: b = "default",
-    xsCentered: p = !1,
-    onClickOutside: s,
-    className: g,
-    children: h,
-    ...y
-  }, x) => {
-    const C = v();
-    i.useEffect(() => {
-      if (!(typeof document > "u") && a)
-        return l += 1, document.body.classList.add(d), () => {
-          l = Math.max(0, l - 1), l === 0 && document.body.classList.remove(d);
+    show: r = !0,
+    colorTheme: g = "default",
+    backdrop: p = "default",
+    xsCentered: v = !1,
+    onClickOutside: i,
+    zIndexLayer: c = "MODAL",
+    className: x,
+    children: y,
+    ...h
+  }, C) => {
+    const _ = M(), d = O[c], f = { zIndex: N[c] };
+    s.useEffect(() => {
+      if (!(typeof document > "u") && r)
+        return n += 1, document.body.classList.add(u), () => {
+          n = Math.max(0, n - 1), n === 0 && document.body.classList.remove(u);
         };
-    }, [a]);
-    const n = i.useCallback(
+    }, [r]);
+    const l = s.useCallback(
       (e) => {
-        e || s?.();
+        e || i?.();
       },
-      [s]
+      [i]
     );
-    return a ? /* @__PURE__ */ r(t.Root, { open: a, onOpenChange: n, modal: !0, children: /* @__PURE__ */ c(t.Portal, { children: [
-      /* @__PURE__ */ r(
-        t.Overlay,
+    return r ? /* @__PURE__ */ t(a.Root, { open: r, onOpenChange: l, modal: !0, children: /* @__PURE__ */ m(a.Portal, { children: [
+      /* @__PURE__ */ t(
+        a.Overlay,
         {
           className: o(
             "fixed inset-0",
             "pointer-events-auto",
-            f.MODAL,
-            M({ colorTheme: u, backdrop: b })
-          )
+            d,
+            L({ colorTheme: g, backdrop: p })
+          ),
+          style: f
         }
       ),
-      /* @__PURE__ */ r(
-        t.Content,
+      /* @__PURE__ */ t(
+        a.Content,
         {
-          className: o("fixed inset-0", "overflow-y-auto", f.MODAL),
+          className: o("fixed inset-0", "overflow-y-auto", d),
+          style: f,
+          onPointerDownOutside: (e) => {
+            e.detail.originalEvent.target?.closest?.(
+              "[data-sonner-toaster], [data-sonner-toast], [data-gearbox-banner]"
+            ) && e.preventDefault();
+          },
+          onInteractOutside: (e) => {
+            e.detail.originalEvent.target?.closest?.(
+              "[data-sonner-toaster], [data-sonner-toast], [data-gearbox-banner]"
+            ) && e.preventDefault();
+          },
           onClick: (e) => {
-            e.target === e.currentTarget && n(!1);
+            e.target === e.currentTarget && l(!1);
           },
-          children: /* @__PURE__ */ r(
+          children: /* @__PURE__ */ t(
             "div",
             {
               className: o(
@@ -80,24 +93,24 @@ const m = "before:content-[''] before:absolute before:inset-0 after:z-[-1] befor
               ),
               role: "presentation",
               onClick: (e) => {
-                e.target === e.currentTarget && n(!1);
+                e.target === e.currentTarget && l(!1);
               },
-              children: /* @__PURE__ */ c(
+              children: /* @__PURE__ */ m(
                 "div",
                 {
-                  ref: x,
+                  ref: C,
                   className: o(
                     "relative",
                     "w-full sm:w-auto",
                     "m-auto py-0 px-0 sm:py-5",
-                    C && "w-full",
-                    p && "min-h-screen flex flex-nowrap items-center justify-center sm:min-h-0 sm:block",
-                    g
+                    _ && "w-full",
+                    v && "min-h-screen flex flex-nowrap items-center justify-center sm:min-h-0 sm:block",
+                    x
                   ),
-                  ...y,
+                  ...h,
                   children: [
-                    /* @__PURE__ */ r(t.Title, { className: "sr-only", children: "Modal Window" }),
-                    h
+                    /* @__PURE__ */ t(a.Title, { className: "sr-only", children: "Modal Window" }),
+                    y
                   ]
                 }
               )
@@ -108,7 +121,7 @@ const m = "before:content-[''] before:absolute before:inset-0 after:z-[-1] befor
     ] }) }) : null;
   }
 );
-_.displayName = "Modal";
+w.displayName = "Modal";
 export {
-  _ as Modal
+  w as Modal
 };

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

@@ -1,9 +1,11 @@
-import { Navbar as o, NavbarNav as v, navbarVariants as b } from "./navbar.js";
-import { NavbarIndicatorProvider as N, useNavbarIndicator as e } from "./navbar-indicator-context.js";
+import { Navbar as o, NavbarNav as v, navbarVariants as t } from "./navbar.js";
+import { NavbarIndicatorProvider as e, useNavbarIndicator as N } from "./navbar-indicator-context.js";
+import { NavbarWithOverflow as f } from "./navbar-with-overflow.js";
 export {
   o as Navbar,
-  N as NavbarIndicatorProvider,
+  e as NavbarIndicatorProvider,
   v as NavbarNav,
-  b as navbarVariants,
-  e as useNavbarIndicator
+  f as NavbarWithOverflow,
+  t as navbarVariants,
+  N as useNavbarIndicator
 };

package/dist/esm/components/navbar/navbar-with-overflow.js

@@ -0,0 +1,180 @@
+import { jsxs as h, jsx as n } from "react/jsx-runtime";
+import { faChevronDown as D } from "@fortawesome/free-solid-svg-icons";
+import { useRef as W, useState as b, useCallback as P, useEffect as k } from "react";
+import { AppBarDropdownMenu as S, AppBarMenuItem as B } from "../app-bar/app-bar.js";
+import { NavbarIndicatorProvider as X, useNavbarIndicator as F } from "./navbar-indicator-context.js";
+import { NavItem as R } from "../navitem/navitem.js";
+import { SimpleDropdown as G } from "../simple-dropdown/simple-dropdown.js";
+import "@gearbox-protocol/sdk";
+import { cn as T } from "../../utils/cn.js";
+import "sonner";
+import "luxon";
+import "../../utils/z-index.js";
+import { FaIcon as V } from "../icons/fa-icon.js";
+const w = 24;
+function _({
+  visibleItems: t,
+  overflowItems: a,
+  showMore: u,
+  moreOpen: i,
+  setMoreOpen: s,
+  moreLabel: c,
+  measured: f
+}) {
+  const p = F();
+  return /* @__PURE__ */ h(
+    "div",
+    {
+      ref: p?.containerRef,
+      className: "relative flex items-center gap-6 h-full",
+      style: { opacity: f ? 1 : 0 },
+      children: [
+        t.map((r) => /* @__PURE__ */ n(
+          R,
+          {
+            active: r.active,
+            onClick: r.onClick,
+            style: { cursor: "pointer" },
+            children: r.label
+          },
+          r.id
+        )),
+        u && /* @__PURE__ */ n(
+          G,
+          {
+            open: i,
+            onOpenChange: s,
+            title: /* @__PURE__ */ n(
+              R,
+              {
+                active: a.some((r) => r.active),
+                badge: /* @__PURE__ */ n(
+                  V,
+                  {
+                    icon: D,
+                    className: "size-3 text-foreground ml-1 transition-transform duration-200",
+                    style: {
+                      transform: i ? "rotate(180deg)" : void 0
+                    }
+                  }
+                ),
+                children: c
+              }
+            ),
+            asChild: !0,
+            align: "end",
+            className: "p-0 border-0 bg-transparent shadow-none",
+            children: /* @__PURE__ */ n(S, { children: a.map((r) => /* @__PURE__ */ n(B, { onClick: r.onClick, children: r.label }, r.id)) })
+          }
+        ),
+        /* @__PURE__ */ n(
+          "div",
+          {
+            ref: p?.indicatorRef,
+            className: "absolute bottom-0 h-0.5 bg-accent transition-all duration-300 ease-out pointer-events-none",
+            style: {
+              left: 0,
+              width: 0,
+              opacity: 0,
+              transform: "translateX(0)"
+            }
+          }
+        )
+      ]
+    }
+  );
+}
+function oe({
+  items: t,
+  moreLabel: a = "More",
+  className: u
+}) {
+  const i = W(null), s = W(null), [c, f] = b(t.length), [p, r] = b(!1), [O, g] = b(!1), d = P(() => {
+    const o = i.current, l = s.current;
+    if (!o || !l || t.length === 0) return;
+    const m = o.clientWidth;
+    if (m <= 0) return;
+    const N = Array.from(l.children), v = N.slice(0, t.length).map((e) => e.offsetWidth), j = N[t.length]?.offsetWidth ?? 60;
+    if (v.every((e) => e === 0)) return;
+    let y = 0;
+    for (let e = 0; e < t.length; e++)
+      y += (e === 0 ? 0 : w) + v[e];
+    if (y <= m) {
+      f(t.length), g(!0);
+      return;
+    }
+    let C = 0, I = 0;
+    for (let e = 0; e < t.length; e++) {
+      const z = v[e], M = C + (e === 0 ? 0 : w) + z;
+      if (M + w + j > m) break;
+      C = M, I = e + 1;
+    }
+    f(I), g(!0);
+  }, [t]);
+  k(() => {
+    d();
+  }, [d]), k(() => {
+    const o = i.current;
+    if (!o) return;
+    const l = new ResizeObserver(d);
+    return l.observe(o), () => l.disconnect();
+  }, [d]);
+  const A = t.slice(0, c), x = t.slice(c), E = x.length > 0;
+  return /* @__PURE__ */ h(
+    "div",
+    {
+      ref: i,
+      className: T(
+        "relative flex-1 min-w-0 h-full flex items-center justify-center",
+        u
+      ),
+      children: [
+        /* @__PURE__ */ h(
+          "div",
+          {
+            ref: s,
+            "aria-hidden": !0,
+            style: {
+              position: "absolute",
+              visibility: "hidden",
+              height: 0,
+              overflow: "hidden",
+              whiteSpace: "nowrap",
+              pointerEvents: "none"
+            },
+            className: "flex items-center gap-6",
+            children: [
+              t.map((o) => /* @__PURE__ */ n(
+                "span",
+                {
+                  className: "inline-flex items-center whitespace-nowrap text-[15px] leading-[125%]",
+                  children: o.label
+                },
+                o.id
+              )),
+              /* @__PURE__ */ h("span", { className: "inline-flex items-center whitespace-nowrap text-[15px] leading-[125%] gap-2", children: [
+                a,
+                /* @__PURE__ */ n("span", { className: "size-3" })
+              ] })
+            ]
+          }
+        ),
+        /* @__PURE__ */ n(X, { children: /* @__PURE__ */ n(
+          _,
+          {
+            visibleItems: A,
+            overflowItems: x,
+            showMore: E,
+            moreOpen: p,
+            setMoreOpen: r,
+            moreLabel: a,
+            measured: O
+          }
+        ) })
+      ]
+    }
+  );
+}
+export {
+  oe as NavbarWithOverflow
+};

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

@@ -1,12 +1,13 @@
-import { jsx as r, jsxs as d } from "react/jsx-runtime";
-import { cva as m } from "class-variance-authority";
+import { jsx as r, jsxs as m } from "react/jsx-runtime";
+import { cva as d } from "class-variance-authority";
 import * as o from "react";
 import "@gearbox-protocol/sdk";
 import { cn as n } from "../../utils/cn.js";
 import "sonner";
 import "luxon";
+import "../../utils/z-index.js";
 import { NavbarIndicatorProvider as v, useNavbarIndicator as p } from "./navbar-indicator-context.js";
-const u = m("flex items-center bg-background", {
+const u = d("flex items-center bg-background min-w-0", {
   variants: {
     variant: {
       default: "justify-between",
@@ -31,14 +32,14 @@ const u = m("flex items-center bg-background", {
   }
 }), b = ({ containerClassName: a, children: e }) => {
   const t = p();
-  return /* @__PURE__ */ d(
+  return /* @__PURE__ */ m(
     "div",
     {
       ref: t?.containerRef,
       className: n(
-        "flex items-center gap-2 flex-1 h-full relative overflow-x-auto overflow-y-hidden",
+        "flex items-center gap-6 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",
+        "px-1 pb-1 md:px-4 md:pb-0",
         "navbar-scrollbar",
         a
       ),
@@ -48,7 +49,7 @@ const u = m("flex items-center bg-background", {
           "div",
           {
             ref: t?.indicatorRef,
-            className: "absolute bottom-0 h-0.5 bg-pink-500 transition-all duration-300 ease-out pointer-events-none",
+            className: "absolute bottom-0 h-0.5 bg-accent transition-all duration-300 ease-out pointer-events-none",
             style: {
               left: 0,
               width: 0,

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

@@ -4,7 +4,8 @@ import "@gearbox-protocol/sdk";
 import { cn as a } from "../../utils/cn.js";
 import "sonner";
 import "luxon";
-function d({
+import "../../utils/z-index.js";
+function y({
   size: o,
   className: t,
   style: i,
@@ -27,5 +28,5 @@ function d({
   );
 }
 export {
-  d as NavBarLogo
+  y as NavBarLogo
 };

package/dist/esm/components/navigation-context/index.js

@@ -0,0 +1,5 @@
+import { NavigationProvider as o, useNavigationAdapter as r } from "./navigation-context.js";
+export {
+  o as NavigationProvider,
+  r as useNavigationAdapter
+};

package/dist/esm/components/navigation-context/navigation-context.js

@@ -0,0 +1,36 @@
+import { jsx as i } from "react/jsx-runtime";
+import * as e from "react";
+const t = e.createContext(null);
+function p({
+  Link: o,
+  useLocation: n,
+  useNavigate: a,
+  children: s
+}) {
+  const l = e.useMemo(
+    () => ({ Link: o, useLocation: n, useNavigate: a }),
+    [o, n, a]
+  );
+  return /* @__PURE__ */ i(t.Provider, { value: l, children: s });
+}
+const r = e.forwardRef(
+  ({ to: o, ...n }, a) => /* @__PURE__ */ i("a", { ref: a, href: o, ...n })
+);
+r.displayName = "FallbackLink";
+const c = {
+  Link: r,
+  useLocation: () => typeof window < "u" ? { hash: window.location.hash, pathname: window.location.pathname } : { hash: "", pathname: "/" },
+  useNavigate: () => (o) => {
+    typeof window < "u" && (window.location.href = o);
+  }
+};
+function f() {
+  const o = e.useContext(t);
+  return o || (process.env.NODE_ENV === "development" && console.warn(
+    "NavigationProvider is missing. Wrap your app with <NavigationProvider> or <NextNavigationProvider> (from @gearbox-protocol/permissionless-ui/next). Falling back to plain <a> links."
+  ), c);
+}
+export {
+  p as NavigationProvider,
+  f as useNavigationAdapter
+};