@gearbox-protocol/permissionless-ui 1.5.0 → 1.6.1

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

@@ -1,5 +1,4 @@
 "use strict";
-"use client";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;

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

@@ -44,7 +44,7 @@ const buttonVariants = (0, import_class_variance_authority.cva)(
       variant: {
         default: "bg-primary text-primary-foreground shadow hover:bg-primary/90",
         destructive: "bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90",
-        outline: "border-border bg-background shadow-sm hover:bg-accent hover:text-accent-foreground",
+        outline: "border-border bg-background shadow-sm hover:bg-secondary hover:text-white text-white",
         secondary: "bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/80",
         ghost: "hover:bg-accent hover:text-accent-foreground",
         link: "text-primary underline-offset-4 hover:underline",

package/dist/cjs/components/buttons/tab-button.js

@@ -33,7 +33,6 @@ __export(tab_button_exports, {
 module.exports = __toCommonJS(tab_button_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var React = __toESM(require("react"));
-var import_utils = __toESM(require('../../utils/index.js'));
 var import_button = require('./button.js');
 const TabButton = React.forwardRef(
   ({ className, children, size = "sm", ...props }, ref) => {
@@ -43,10 +42,7 @@ const TabButton = React.forwardRef(
         ref,
         variant: "outline",
         size,
-        className: (0, import_utils.default)(
-          "bg-gray-900 text-gray-100 border-gray-700 hover:bg-gray-800 border-gray-300",
-          className
-        ),
+        className,
         ...props,
         children
       }

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

@@ -40,18 +40,21 @@ 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'));
-const cardVariants = (0, import_class_variance_authority.cva)("rounded-xl border bg-card text-card-foreground", {
-  variants: {
-    variant: {
-      default: "",
-      interactive: "hover:bg-accent/50 transition-colors cursor-pointer",
-      transparent: "bg-card/0"
+const cardVariants = (0, import_class_variance_authority.cva)(
+  "rounded-xl border border-border bg-card text-card-foreground hover:bg-secondary",
+  {
+    variants: {
+      variant: {
+        default: "",
+        interactive: "hover:bg-secondary transition-colors cursor-pointer",
+        transparent: "bg-card/0"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
     }
-  },
-  defaultVariants: {
-    variant: "default"
   }
-});
+);
 const Card = React.forwardRef(
   ({ className, variant, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     "div",

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

@@ -49,7 +49,7 @@ function ExpandableCard({
       {
         className: (0, import_utils.default)(
           "flex items-center justify-between gap-4 p-4 rounded-t-xl",
-          alwaysExpanded ? "" : "cursor-pointer hover:bg-accent/50",
+          alwaysExpanded ? "" : "cursor-pointer hover:bg-secondary",
           isExpanded ? "" : "rounded-b-xl"
         ),
         onClick: () => {

package/dist/cjs/components/detailed-page-title.js

@@ -48,7 +48,7 @@ function DetailedPageTitle({
   explorerLinks,
   className
 }) {
-  const intl = (0, import_typed_intl.useIntlTyped)();
+  const _intl = (0, import_typed_intl.useIntlTyped)();
   const [isPressed, setIsPressed] = React.useState(false);
   const handleCopy = () => {
     if (toCopy) {

package/dist/cjs/components/layout/footer.js

@@ -58,7 +58,7 @@ const Footer = import_react.default.forwardRef(
       {
         ref,
         className: (0, import_cn.cn)(
-          "relative w-full border-t bg-card border-border mt-6 flex items-center justify-center",
+          "relative w-full border-t bg-card border-border flex items-center justify-center",
           className
         ),
         ...props,
@@ -138,7 +138,7 @@ function GearboxFooter({
     "footer",
     {
       className: (0, import_cn.cn)(
-        "relative w-full border-t bg-card border-border mt-6 flex items-center justify-center",
+        "relative w-full border-t bg-card border-border flex items-center justify-center",
         className
       ),
       children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4 items-top py-6 w-full px-4 max-w-[1440px]", children: [

package/dist/cjs/components/layout/header.js

@@ -65,7 +65,7 @@ const Header = import_react.default.forwardRef(
       {
         ref,
         className: (0, import_cn.cn)(
-          "relative w-full bg-background h-18 mb-6 border-b flex flex-nowrap items-center border-border",
+          "relative w-full bg-background h-18 border-b flex flex-nowrap items-center border-border",
           fixed && "fixed top-0 left-0 right-0 z-50",
           sticky && "sticky top-0 z-50",
           className

package/dist/cjs/components/layout/layout.js

@@ -51,7 +51,18 @@ const Layout = import_react.default.forwardRef(
         ...props,
         children: [
           header && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: { gridArea: "header" }, children: header }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("main", { className: "overflow-x-hidden", style: { gridArea: "main" }, children }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            "main",
+            {
+              className: "overflow-x-hidden py-6",
+              style: {
+                gridArea: "main",
+                backgroundColor: "hsl(var(--main-background))",
+                color: "hsl(var(--main-foreground))"
+              },
+              children
+            }
+          ),
           footer && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: { gridArea: "footer" }, children: footer })
         ]
       }

package/dist/cjs/components/layout/page-layout.js

@@ -23,15 +23,18 @@ __export(page_layout_exports, {
 module.exports = __toCommonJS(page_layout_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_back_button = require('../buttons/back-button.js');
+var import_container = require('./container.js');
 function PageLayout({
   children,
   title,
   description,
   icon,
   backButton,
-  actionButton
+  actionButton,
+  maxContainerWidth = "xl",
+  containerClassName
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "min-h-screen bg-black text-white p-6 overflow-y-auto", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_container.Container, { maxWidth: maxContainerWidth, className: containerClassName, children: [
     backButton && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       import_back_button.BackButton,
       {

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

@@ -22,8 +22,7 @@ __export(next_exports, {
   MarkdownViewer: () => import_markdown_viewer.MarkdownViewer,
   SIWEClientProvider: () => import_siwe_provider.SIWEClientProvider,
   SignInRequired: () => import_signin_required.SignInRequired,
-  TokenIcon: () => import_token_icon.TokenIcon,
-  Web3Providers: () => import_web3_providers.Web3Providers
+  TokenIcon: () => import_token_icon.TokenIcon
 });
 module.exports = __toCommonJS(next_exports);
 var import_signin_required = require('../auth/signin-required.js');
@@ -31,13 +30,11 @@ var import_back_button = require('./back-button.js');
 var import_markdown_viewer = require('./markdown-viewer.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,
   MarkdownViewer,
   SIWEClientProvider,
   SignInRequired,
-  TokenIcon,
-  Web3Providers
+  TokenIcon
 });

package/dist/cjs/components/signatures/vertical-timeline.js

@@ -61,8 +61,8 @@ function VerticalTimeline({
                     !showAll[index],
                     ...showAll.slice(index + 1)
                   ]),
-                  className: "ml-10 text-green-500 hover:underline",
-                  children: showAll ? "Hide all" : "Show all"
+                  className: "ml-10 text-green-500 hover:underline cursor-pointer",
+                  children: showAll[index] ? "Hide all" : "Show all"
                 }
               )
             ] }),

package/dist/cjs/components/tabs.js

@@ -56,7 +56,7 @@ const TabsTrigger = React.forwardRef(({ className, ...props }, ref) => /* @__PUR
   {
     ref,
     className: (0, import_utils.default)(
-      "inline-flex items-center justify-center whitespace-nowrap rounded-md px-3 py-1 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow rounded-none border-b-2 border-transparent px-2 py-2 text-gray-400 hover:text-white data-[state=active]:border-white data-[state=active]:bg-transparent data-[state=active]:text-white focus:outline-none",
+      "inline-flex items-center justify-center whitespace-nowrap rounded-md px-3 py-1 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow rounded-none border-b-2 border-transparent px-2 py-2 text-gray-400 hover:text-white data-[state=active]:border-white data-[state=active]:bg-transparent data-[state=active]:text-white focus:outline-none cursor-pointer",
       className
     ),
     ...props

package/dist/esm/components/auth/siwe-provider.js

@@ -1,4 +1,3 @@
-"use client";
 import { jsx } from "react/jsx-runtime";
 import { SIWEProvider } from "connectkit";
 import { createSiweMessage } from "viem/siwe";

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

@@ -10,7 +10,7 @@ const buttonVariants = cva(
       variant: {
         default: "bg-primary text-primary-foreground shadow hover:bg-primary/90",
         destructive: "bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90",
-        outline: "border-border bg-background shadow-sm hover:bg-accent hover:text-accent-foreground",
+        outline: "border-border bg-background shadow-sm hover:bg-secondary hover:text-white text-white",
         secondary: "bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/80",
         ghost: "hover:bg-accent hover:text-accent-foreground",
         link: "text-primary underline-offset-4 hover:underline",

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

@@ -1,6 +1,5 @@
 import { jsx } from "react/jsx-runtime";
 import * as React from "react";
-import cn from "../../utils/index.js";
 import { Button } from "./button.js";
 const TabButton = React.forwardRef(
   ({ className, children, size = "sm", ...props }, ref) => {
@@ -10,10 +9,7 @@ const TabButton = React.forwardRef(
         ref,
         variant: "outline",
         size,
-        className: cn(
-          "bg-gray-900 text-gray-100 border-gray-700 hover:bg-gray-800 border-gray-300",
-          className
-        ),
+        className,
         ...props,
         children
       }

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

@@ -2,18 +2,21 @@ import { jsx } from "react/jsx-runtime";
 import { cva } from "class-variance-authority";
 import * as React from "react";
 import cn from "../../utils/index.js";
-const cardVariants = cva("rounded-xl border bg-card text-card-foreground", {
-  variants: {
-    variant: {
-      default: "",
-      interactive: "hover:bg-accent/50 transition-colors cursor-pointer",
-      transparent: "bg-card/0"
+const cardVariants = cva(
+  "rounded-xl border border-border bg-card text-card-foreground hover:bg-secondary",
+  {
+    variants: {
+      variant: {
+        default: "",
+        interactive: "hover:bg-secondary transition-colors cursor-pointer",
+        transparent: "bg-card/0"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
     }
-  },
-  defaultVariants: {
-    variant: "default"
   }
-});
+);
 const Card = React.forwardRef(
   ({ className, variant, ...props }, ref) => /* @__PURE__ */ jsx(
     "div",

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

@@ -16,7 +16,7 @@ function ExpandableCard({
       {
         className: cn(
           "flex items-center justify-between gap-4 p-4 rounded-t-xl",
-          alwaysExpanded ? "" : "cursor-pointer hover:bg-accent/50",
+          alwaysExpanded ? "" : "cursor-pointer hover:bg-secondary",
           isExpanded ? "" : "rounded-b-xl"
         ),
         onClick: () => {

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

@@ -20,7 +20,7 @@ function DetailedPageTitle({
   explorerLinks,
   className
 }) {
-  const intl = useIntlTyped();
+  const _intl = useIntlTyped();
   const [isPressed, setIsPressed] = React.useState(false);
   const handleCopy = () => {
     if (toCopy) {

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

@@ -22,7 +22,7 @@ const Footer = React.forwardRef(
       {
         ref,
         className: cn(
-          "relative w-full border-t bg-card border-border mt-6 flex items-center justify-center",
+          "relative w-full border-t bg-card border-border flex items-center justify-center",
           className
         ),
         ...props,
@@ -102,7 +102,7 @@ function GearboxFooter({
     "footer",
     {
       className: cn(
-        "relative w-full border-t bg-card border-border mt-6 flex items-center justify-center",
+        "relative w-full border-t bg-card border-border flex items-center justify-center",
         className
       ),
       children: /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4 items-top py-6 w-full px-4 max-w-[1440px]", children: [

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

@@ -31,7 +31,7 @@ const Header = React.forwardRef(
       {
         ref,
         className: cn(
-          "relative w-full bg-background h-18 mb-6 border-b flex flex-nowrap items-center border-border",
+          "relative w-full bg-background h-18 border-b flex flex-nowrap items-center border-border",
           fixed && "fixed top-0 left-0 right-0 z-50",
           sticky && "sticky top-0 z-50",
           className

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

@@ -18,7 +18,18 @@ const Layout = React.forwardRef(
         ...props,
         children: [
           header && /* @__PURE__ */ jsx("div", { style: { gridArea: "header" }, children: header }),
-          /* @__PURE__ */ jsx("main", { className: "overflow-x-hidden", style: { gridArea: "main" }, children }),
+          /* @__PURE__ */ jsx(
+            "main",
+            {
+              className: "overflow-x-hidden py-6",
+              style: {
+                gridArea: "main",
+                backgroundColor: "hsl(var(--main-background))",
+                color: "hsl(var(--main-foreground))"
+              },
+              children
+            }
+          ),
           footer && /* @__PURE__ */ jsx("div", { style: { gridArea: "footer" }, children: footer })
         ]
       }

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

@@ -1,14 +1,17 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { BackButton } from "../buttons/back-button.js";
+import { Container } from "./container.js";
 function PageLayout({
   children,
   title,
   description,
   icon,
   backButton,
-  actionButton
+  actionButton,
+  maxContainerWidth = "xl",
+  containerClassName
 }) {
-  return /* @__PURE__ */ jsxs("div", { className: "min-h-screen bg-black text-white p-6 overflow-y-auto", children: [
+  return /* @__PURE__ */ jsxs(Container, { maxWidth: maxContainerWidth, className: containerClassName, children: [
     backButton && /* @__PURE__ */ jsx(
       BackButton,
       {

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

@@ -3,12 +3,10 @@ import { BackButton } from "./back-button.js";
 import { MarkdownViewer } from "./markdown-viewer.js";
 import { SIWEClientProvider } from "./siwe-provider.js";
 import { TokenIcon } from "./token-icon.js";
-import { Web3Providers } from "./web3-providers.js";
 export {
   BackButton,
   MarkdownViewer,
   SIWEClientProvider,
   SignInRequired,
-  TokenIcon,
-  Web3Providers
+  TokenIcon
 };

package/dist/esm/components/signatures/vertical-timeline.js

@@ -38,8 +38,8 @@ function VerticalTimeline({
                     !showAll[index],
                     ...showAll.slice(index + 1)
                   ]),
-                  className: "ml-10 text-green-500 hover:underline",
-                  children: showAll ? "Hide all" : "Show all"
+                  className: "ml-10 text-green-500 hover:underline cursor-pointer",
+                  children: showAll[index] ? "Hide all" : "Show all"
                 }
               )
             ] }),

package/dist/esm/components/tabs.js

@@ -20,7 +20,7 @@ const TabsTrigger = React.forwardRef(({ className, ...props }, ref) => /* @__PUR
   {
     ref,
     className: cn(
-      "inline-flex items-center justify-center whitespace-nowrap rounded-md px-3 py-1 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow rounded-none border-b-2 border-transparent px-2 py-2 text-gray-400 hover:text-white data-[state=active]:border-white data-[state=active]:bg-transparent data-[state=active]:text-white focus:outline-none",
+      "inline-flex items-center justify-center whitespace-nowrap rounded-md px-3 py-1 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow rounded-none border-b-2 border-transparent px-2 py-2 text-gray-400 hover:text-white data-[state=active]:border-white data-[state=active]:bg-transparent data-[state=active]:text-white focus:outline-none cursor-pointer",
       className
     ),
     ...props

package/dist/globals.css

@@ -1,5 +1,5 @@
-@import "tailwindcss";
 @import url("https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;500;600;700&display=swap");
+@import "tailwindcss";
 @import "./grid-safelist.css";
 
 @layer base {
@@ -32,6 +32,8 @@
     --white: 0 0% 100%;
     --black: 0 0% 0%;
     --border: 0 0% 89.8%;
+    --main-background: 240 10% 3.9%;
+    --main-foreground: 0 0% 98%;
   }
 
   .dark {
@@ -74,6 +76,8 @@
     --white: 0 0% 100%;
     --black: 0 0% 0%;
     --border: 225 7% 22%;
+    --main-background: 240 10% 3.9%;
+    --main-foreground: 0 0% 98%;
   }
 }
 

package/dist/types/components/layout/page-layout.d.ts

@@ -9,6 +9,8 @@ interface PageLayoutProps {
         onClick?: () => void;
     };
     actionButton?: JSX.Element;
+    maxContainerWidth?: "sm" | "md" | "lg" | "xl" | "2xl" | "full";
+    containerClassName?: string;
 }
 /**
  * PageLayout — main layout component for application pages.
@@ -35,5 +37,5 @@ interface PageLayoutProps {
  * - for modal dialogs or overlays (use Dialog component instead).
  * - for nested page sections (use Card or other container components).
  */
-export declare function PageLayout({ children, title, description, icon, backButton, actionButton, }: PageLayoutProps): import("react/jsx-runtime").JSX.Element;
+export declare function PageLayout({ children, title, description, icon, backButton, actionButton, maxContainerWidth, containerClassName, }: PageLayoutProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/types/components/next/index.d.ts

@@ -8,4 +8,3 @@ export { BackButton } from "./back-button";
 export { MarkdownViewer } from "./markdown-viewer";
 export { SIWEClientProvider } from "./siwe-provider";
 export { TokenIcon } from "./token-icon";
-export { Web3Providers } from "./web3-providers";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gearbox-protocol/permissionless-ui",
-  "version": "1.5.0",
+  "version": "1.6.1",
   "description": "Internal UI components",
   "license": "MIT",
   "main": "./dist/cjs/index.js",
@@ -72,7 +72,7 @@
   },
   "peerDependencies": {
     "@gearbox-protocol/sdk": "*",
-    "@tanstack/react-query": "^5.0.0",
+    "@tanstack/react-query": "^5.64.1",
     "@types/react": "^18 || ^19",
     "@types/react-dom": "^18 || ^19",
     "connectkit": "^1.8.0",

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

@@ -1,116 +0,0 @@
-"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
-});

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

@@ -1,92 +0,0 @@
-"use client";
-import { jsx } from "react/jsx-runtime";
-import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
-import { ConnectKitProvider, SIWEProvider } from "connectkit";
-import { useState } from "react";
-import { createSiweMessage } from "viem/siwe";
-import { WagmiProvider } from "wagmi";
-function makeQueryClient() {
-  return new 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] = 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
-  }) => 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__ */ jsx(WagmiProvider, { config, reconnectOnMount: true, children: /* @__PURE__ */ jsx(QueryClientProvider, { client: queryClient, children: /* @__PURE__ */ jsx(
-    SIWEProvider,
-    {
-      getNonce,
-      createMessage,
-      verifyMessage,
-      getSession,
-      signOut,
-      children: /* @__PURE__ */ jsx(ConnectKitProvider, { children })
-    }
-  ) }) });
-}
-export {
-  Web3Providers
-};

package/dist/types/components/next/web3-providers.d.ts

@@ -1,29 +0,0 @@
-import type { ReactNode } from "react";
-import type { Config } from "wagmi";
-/**
- * Web3Providers — all-in-one provider component for Web3 apps with Wagmi, ConnectKit, SIWE, and React Query.
- *
- * @usage
- * Use Web3Providers to wrap your Next.js application and enable Web3 functionality:
- * app root, authentication context, wallet connection.
- *
- * Props:
- * - `config` — Wagmi config object (required).
- * - `apiRoutePrefix` — API route prefix for SIWE endpoints (required):
- *   - `/api/nonce` — endpoint for fetching nonce.
- *   - `/api/signin` — endpoint for verifying signature.
- *   - `/api/session` — endpoint for getting current session.
- *   - `/api/logout` — endpoint for signing out.
- * - `statement` — optional custom statement for SIWE message (defaults to "Sign In With Ethereum.").
- * - `children` — application content wrapped by provider (required).
- *
- * Note: Web3Providers wraps WagmiProvider, QueryClientProvider, ConnectKitProvider, and SIWEProvider with correct order and configuration.
- */
-interface Web3ProvidersProps {
-    config: Config;
-    apiRoutePrefix: string;
-    statement?: string;
-    children: ReactNode;
-}
-export declare function Web3Providers({ config, apiRoutePrefix, statement, children, }: Web3ProvidersProps): import("react/jsx-runtime").JSX.Element;
-export {};