@gearbox-protocol/permissionless-ui 1.2.33 → 1.4.0

package/dist/cjs/components/navbar-indicator-context.js

@@ -0,0 +1,94 @@
+"use strict";
+"use client";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var navbar_indicator_context_exports = {};
+__export(navbar_indicator_context_exports, {
+  NavbarIndicatorProvider: () => NavbarIndicatorProvider,
+  useNavbarIndicator: () => useNavbarIndicator
+});
+module.exports = __toCommonJS(navbar_indicator_context_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+const NavbarIndicatorContext = (0, import_react.createContext)(
+  null
+);
+const NavbarIndicatorProvider = ({ children }) => {
+  const itemsRef = (0, import_react.useRef)(/* @__PURE__ */ new Map());
+  const [activeItemId, setActiveItemId] = (0, import_react.useState)(null);
+  const indicatorRef = (0, import_react.useRef)(null);
+  const containerRef = (0, import_react.useRef)(null);
+  const registerItem = (0, import_react.useCallback)((id, element) => {
+    itemsRef.current.set(id, element);
+  }, []);
+  const unregisterItem = (0, import_react.useCallback)((id) => {
+    itemsRef.current.delete(id);
+  }, []);
+  const updateIndicatorPosition = (0, import_react.useCallback)((id) => {
+    if (!indicatorRef.current || !containerRef.current) return;
+    const targetElement = itemsRef.current.get(id);
+    if (!targetElement) return;
+    const targetRect = targetElement.getBoundingClientRect();
+    const containerRect = containerRef.current.getBoundingClientRect();
+    const left = targetRect.left - containerRect.left + containerRef.current.scrollLeft;
+    const width = targetRect.width;
+    indicatorRef.current.style.opacity = "1";
+    indicatorRef.current.style.transform = `translateX(${left}px)`;
+    indicatorRef.current.style.width = `${width}px`;
+  }, []);
+  const handleSetActiveItem = (0, import_react.useCallback)(
+    (id) => {
+      setActiveItemId(id);
+      updateIndicatorPosition(id);
+    },
+    [updateIndicatorPosition]
+  );
+  (0, import_react.useEffect)(() => {
+    if (activeItemId) {
+      updateIndicatorPosition(activeItemId);
+    }
+  }, [activeItemId, updateIndicatorPosition]);
+  (0, import_react.useEffect)(() => {
+    const handleResize = () => {
+      if (activeItemId) {
+        updateIndicatorPosition(activeItemId);
+      }
+    };
+    window.addEventListener("resize", handleResize);
+    return () => window.removeEventListener("resize", handleResize);
+  }, [activeItemId, updateIndicatorPosition]);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    NavbarIndicatorContext.Provider,
+    {
+      value: {
+        registerItem,
+        unregisterItem,
+        setActiveItem: handleSetActiveItem,
+        containerRef,
+        indicatorRef
+      },
+      children
+    }
+  );
+};
+const useNavbarIndicator = () => (0, import_react.useContext)(NavbarIndicatorContext);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  NavbarIndicatorProvider,
+  useNavbarIndicator
+});

package/dist/cjs/components/navbar.js

@@ -0,0 +1,131 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var navbar_exports = {};
+__export(navbar_exports, {
+  Navbar: () => Navbar,
+  NavbarNav: () => NavbarNav,
+  navbarVariants: () => navbarVariants
+});
+module.exports = __toCommonJS(navbar_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_class_variance_authority = require("class-variance-authority");
+var React = __toESM(require("react"));
+var import_utils = __toESM(require('../utils/index.js'));
+var import_navbar_indicator_context = require('./navbar-indicator-context.js');
+const navbarVariants = (0, import_class_variance_authority.cva)("flex items-center bg-background", {
+  variants: {
+    variant: {
+      default: "justify-between",
+      centered: "justify-center",
+      left: "justify-start",
+      right: "justify-end"
+    },
+    size: {
+      sm: "h-12 px-4",
+      default: "h-full px-6",
+      lg: "h-20 px-8"
+    },
+    sticky: {
+      true: "sticky top-0 z-50",
+      false: ""
+    }
+  },
+  defaultVariants: {
+    variant: "default",
+    size: "default",
+    sticky: false
+  }
+});
+const NavbarContent = ({ containerClassName, children }) => {
+  const indicatorContext = (0, import_navbar_indicator_context.useNavbarIndicator)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    "div",
+    {
+      ref: indicatorContext?.containerRef,
+      className: (0, import_utils.default)(
+        "flex items-center gap-2 flex-1 justify-center overflow-x-auto h-full relative",
+        containerClassName
+      ),
+      children: [
+        children,
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "div",
+          {
+            ref: indicatorContext?.indicatorRef,
+            className: "absolute bottom-0 h-0.5 bg-pink-500 transition-all duration-300 ease-out pointer-events-none",
+            style: {
+              left: 0,
+              width: 0,
+              opacity: 0,
+              transform: "translateX(0)"
+            }
+          }
+        )
+      ]
+    }
+  );
+};
+const Navbar = React.forwardRef(
+  ({
+    className,
+    variant,
+    size,
+    sticky,
+    containerClassName,
+    children,
+    ...props
+  }, ref) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "nav",
+      {
+        ref,
+        className: (0, import_utils.default)(navbarVariants({ variant, size, sticky, className })),
+        ...props,
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_navbar_indicator_context.NavbarIndicatorProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(NavbarContent, { containerClassName, children }) })
+      }
+    );
+  }
+);
+Navbar.displayName = "Navbar";
+const NavbarNav = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+  "div",
+  {
+    ref,
+    className: (0, import_utils.default)("flex items-center gap-1", className),
+    ...props,
+    children
+  }
+));
+NavbarNav.displayName = "NavbarNav";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Navbar,
+  NavbarNav,
+  navbarVariants
+});

package/dist/cjs/components/navitem.js

@@ -0,0 +1,148 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var navitem_exports = {};
+__export(navitem_exports, {
+  NavItem: () => NavItem,
+  navitemVariants: () => navitemVariants
+});
+module.exports = __toCommonJS(navitem_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react_slot = require("@radix-ui/react-slot");
+var import_class_variance_authority = require("class-variance-authority");
+var React = __toESM(require("react"));
+var import_utils = __toESM(require('../utils/index.js'));
+var import_navbar_indicator_context = require('./navbar-indicator-context.js');
+const navitemVariants = (0, import_class_variance_authority.cva)(
+  "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:pointer-events-none disabled:opacity-50 relative",
+  {
+    variants: {
+      variant: {
+        default: "text-decoration-none text-foreground hover:text-foreground hover:bg-secondary",
+        active: "text-foreground",
+        ghost: "text-decoration-none text-muted-foreground hover:text-foreground hover:bg-secondary",
+        link: "text-decoration-none text-muted-foreground hover:text-foreground underline-offset-4 hover:underline",
+        pill: "text-decoration-none text-muted-foreground hover:text-foreground hover:bg-accent rounded-full",
+        tab: "text-decoration-none text-muted-foreground hover:text-foreground border-b-2 border-transparent hover:border-border data-[active=true]:border-primary data-[active=true]:text-foreground rounded-none"
+      },
+      size: {
+        sm: "h-8 px-3 text-xs",
+        default: "px-4 py-2",
+        lg: "h-10 px-5 text-base",
+        icon: "h-9 w-9"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+const NavItem = React.forwardRef(
+  ({
+    className,
+    variant,
+    size,
+    asChild = false,
+    active = false,
+    icon,
+    badge,
+    external = false,
+    children,
+    ...props
+  }, ref) => {
+    const Comp = asChild ? import_react_slot.Slot : "a";
+    const indicatorContext = (0, import_navbar_indicator_context.useNavbarIndicator)();
+    const itemRef = React.useRef(null);
+    const itemId = React.useId();
+    React.useImperativeHandle(ref, () => itemRef.current);
+    React.useEffect(() => {
+      if (indicatorContext && itemRef.current) {
+        indicatorContext.registerItem(itemId, itemRef.current);
+        return () => {
+          indicatorContext.unregisterItem(itemId);
+        };
+      }
+    }, [indicatorContext, itemId]);
+    React.useEffect(() => {
+      if (indicatorContext && active) {
+        indicatorContext.setActiveItem(itemId);
+      }
+    }, [indicatorContext, active, itemId]);
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      Comp,
+      {
+        ref: itemRef,
+        className: (0, import_utils.default)(
+          navitemVariants({
+            variant: indicatorContext ? "default" : active ? "active" : variant,
+            size,
+            className
+          })
+        ),
+        "data-active": active,
+        target: external ? "_blank" : void 0,
+        rel: external ? "noopener noreferrer" : void 0,
+        ...props,
+        children: [
+          icon && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "shrink-0", children: icon }),
+          children,
+          badge && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "ml-auto", children: badge }),
+          external && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+            "svg",
+            {
+              className: "h-3 w-3 shrink-0",
+              fill: "none",
+              viewBox: "0 0 24 24",
+              stroke: "currentColor",
+              "aria-label": "External link",
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)("title", { children: "External link" }),
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                  "path",
+                  {
+                    strokeLinecap: "round",
+                    strokeLinejoin: "round",
+                    strokeWidth: 2,
+                    d: "M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"
+                  }
+                )
+              ]
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+NavItem.displayName = "NavItem";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  NavItem,
+  navitemVariants
+});

package/dist/cjs/components/next/back-button.js

@@ -0,0 +1,43 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var back_button_exports = {};
+__export(back_button_exports, {
+  BackButton: () => BackButton
+});
+module.exports = __toCommonJS(back_button_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_link = __toESM(require("next/link"));
+var import_back_button = require('../buttons/back-button.js');
+function BackButton(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_back_button.BackButton, { ...props, LinkComponent: import_link.default });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  BackButton
+});

package/dist/cjs/components/next/index.js

@@ -0,0 +1,40 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var next_exports = {};
+__export(next_exports, {
+  BackButton: () => import_back_button.BackButton,
+  SIWEClientProvider: () => import_siwe_provider.SIWEClientProvider,
+  SignInRequired: () => import_signin_required.SignInRequired,
+  TokenIcon: () => import_token_icon.TokenIcon,
+  Web3Providers: () => import_web3_providers.Web3Providers
+});
+module.exports = __toCommonJS(next_exports);
+var import_signin_required = require('../auth/signin-required.js');
+var import_back_button = require('./back-button.js');
+var import_siwe_provider = require('./siwe-provider.js');
+var import_token_icon = require('./token-icon.js');
+var import_web3_providers = require('./web3-providers.js');
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  BackButton,
+  SIWEClientProvider,
+  SignInRequired,
+  TokenIcon,
+  Web3Providers
+});

package/dist/cjs/components/next/siwe-provider.js

@@ -0,0 +1,35 @@
+"use strict";
+"use client";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var siwe_provider_exports = {};
+__export(siwe_provider_exports, {
+  SIWEClientProvider: () => SIWEClientProvider
+});
+module.exports = __toCommonJS(siwe_provider_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_navigation = require("next/navigation");
+var import_siwe_provider = require('../auth/siwe-provider.js');
+function SIWEClientProvider(props) {
+  const router = (0, import_navigation.useRouter)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_siwe_provider.SIWEClientProvider, { ...props, onRefresh: () => router.refresh() });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  SIWEClientProvider
+});

package/dist/cjs/components/next/token-icon.js

@@ -0,0 +1,43 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var token_icon_exports = {};
+__export(token_icon_exports, {
+  TokenIcon: () => TokenIcon
+});
+module.exports = __toCommonJS(token_icon_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_image = __toESM(require("next/image"));
+var import_token_icon = require('../token-icon.js');
+function TokenIcon(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_token_icon.TokenIcon, { ...props, ImageComponent: import_image.default });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  TokenIcon
+});

package/dist/cjs/components/next/web3-providers.js

@@ -0,0 +1,116 @@
+"use strict";
+"use client";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var web3_providers_exports = {};
+__export(web3_providers_exports, {
+  Web3Providers: () => Web3Providers
+});
+module.exports = __toCommonJS(web3_providers_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react_query = require("@tanstack/react-query");
+var import_connectkit = require("connectkit");
+var import_react = require("react");
+var import_siwe = require("viem/siwe");
+var import_wagmi = require("wagmi");
+function makeQueryClient() {
+  return new import_react_query.QueryClient({
+    defaultOptions: {
+      queries: {
+        staleTime: 60 * 1e3
+      }
+    }
+  });
+}
+let browserQueryClient;
+function getQueryClient() {
+  if (typeof window === "undefined") {
+    return makeQueryClient();
+  }
+  if (!browserQueryClient) browserQueryClient = makeQueryClient();
+  return browserQueryClient;
+}
+function Web3Providers({
+  config,
+  apiRoutePrefix,
+  statement = "Sign In With Ethereum.",
+  children
+}) {
+  const [queryClient] = (0, import_react.useState)(() => getQueryClient());
+  const getNonce = async () => {
+    const res = await fetch(`${apiRoutePrefix}/nonce`);
+    if (!res.ok) {
+      throw new Error("Failed to fetch SIWE nonce");
+    }
+    return await res.text();
+  };
+  const createMessage = ({
+    nonce,
+    address,
+    chainId
+  }) => (0, import_siwe.createSiweMessage)({
+    version: "1",
+    domain: window.location.host,
+    uri: window.location.origin,
+    address,
+    chainId,
+    nonce,
+    statement
+  });
+  const verifyMessage = async ({
+    message,
+    signature
+  }) => {
+    const res = await fetch(`${apiRoutePrefix}/signin`, {
+      method: "POST",
+      body: JSON.stringify({ message, signature })
+    });
+    if (!res.ok) {
+      throw new Error("Failed to verify SIWE message");
+    }
+    return true;
+  };
+  const getSession = async () => {
+    const res = await fetch(`${apiRoutePrefix}/session`);
+    if (!res.ok) {
+      return null;
+    }
+    return res.json();
+  };
+  const signOut = async () => {
+    await fetch(`${apiRoutePrefix}/logout`, {
+      method: "POST"
+    });
+    return true;
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_wagmi.WagmiProvider, { config, reconnectOnMount: true, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_query.QueryClientProvider, { client: queryClient, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_connectkit.SIWEProvider,
+    {
+      getNonce,
+      createMessage,
+      verifyMessage,
+      getSession,
+      signOut,
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_connectkit.ConnectKitProvider, { children })
+    }
+  ) }) });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Web3Providers
+});