@gearbox-protocol/permissionless-ui 1.6.0 → 1.6.1

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

@@ -41,7 +41,7 @@ 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 border-border bg-card text-card-foreground",
+  "rounded-xl border border-border bg-card text-card-foreground hover:bg-secondary",
   {
     variants: {
       variant: {

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/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/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

@@ -3,7 +3,7 @@ import { cva } from "class-variance-authority";
 import * as React from "react";
 import cn from "../../utils/index.js";
 const cardVariants = cva(
-  "rounded-xl border border-border bg-card text-card-foreground",
+  "rounded-xl border border-border bg-card text-card-foreground hover:bg-secondary",
   {
     variants: {
       variant: {

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/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/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.6.0",
+  "version": "1.6.1",
   "description": "Internal UI components",
   "license": "MIT",
   "main": "./dist/cjs/index.js",

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 {};