@gearbox-protocol/ui-kit 2.1.0-next.1 → 3.0.0

package/dist/types/components/auth/connect-required.d.ts

@@ -2,27 +2,28 @@ import { ReactNode } from 'react';
 import { Address } from 'viem';
 import { TabButtonProps } from '../buttons';
 /**
- * ConnectRequired — component that requires a connected wallet to display content.
+ * SignInRequired — component that requires SIWE authentication to display content.
  *
  * @usage
- * Use ConnectRequired to protect content that requires a wallet connection:
- * action buttons, editable content, owner-specific features.
+ * Use SignInRequired to protect content that requires authentication:
+ * action buttons, editable content, owner-specific features, authenticated actions.
  *
  * Props:
- * - `owner` — optional address that must match connected address to display content.
- * - `children` — content displayed when connected (required).
+ * - `owner` — optional address that must match signed-in address to display content.
+ * - `children` — content displayed when authenticated (required).
  * - All Button props are supported (variant, size, className, onClick, etc.).
  *
  * Behavior:
  * - If user is connected: renders children (or "You are not the author" if owner mismatch).
- * - If wallet not connected: shows "Connect Wallet" button that calls `openConnectModal` from {@link WalletUIProvider}.
- *
- * When no {@link WalletUIProvider} is mounted, the gate is skipped and `children` are rendered (graceful degradation).
+ * - If wallet connected but not signed in: shows "Sign In as {address}" button or "Try Again" if rejected.
+ * - If wallet not connected: shows "Connect Wallet" button.
  *
  * Note: Uses TabButton by default, but switches to Button if custom props are provided.
+ * Button text changes based on authentication state and loading status.
  *
- * Do NOT use ConnectRequired:
- * - for public content that does not require a wallet (render content directly).
+ * Do NOT use SignInRequired:
+ * - for public content that doesn't require authentication (render content directly).
+ * - when you need different authentication flow (use appropriate authentication components).
  */
 export interface ConnectRequiredProps extends TabButtonProps {
     owner?: Address;

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

@@ -1,3 +1,3 @@
 export * from './connect-required';
 export * from './signin-required';
-export * from './wallet-ui-context';
+export * from './siwe-provider';

package/dist/types/components/auth/signin-required.d.ts

@@ -16,17 +16,15 @@ import { TabButtonProps } from '../buttons';
  *
  * Behavior:
  * - If `skipSignIn={true}` or user is signed in: renders children (or "You are not the author" if owner mismatch).
- * - If wallet connected but not signed in: shows "Sign In as {address}" or "Try Again".
- * - If wallet not connected: shows "Connect Wallet".
- *
- * Requires {@link WalletUIProvider} with SIWE state (e.g. {@link ConnectKitWalletAdapter} from
- * `@gearbox-protocol/ui-kit/connectkit`). Without a provider, the sign-in gate is skipped and `children`
- * are rendered (graceful degradation).
+ * - If wallet connected but not signed in: shows "Sign In as {address}" button or "Try Again" if rejected.
+ * - If wallet not connected: shows "Connect Wallet" button.
  *
  * Note: Uses TabButton by default, but switches to Button if custom props are provided.
+ * Button text changes based on authentication state and loading status.
  *
  * Do NOT use SignInRequired:
- * - for public content that does not require authentication (render content directly).
+ * - for public content that doesn't require authentication (render content directly).
+ * - when you need different authentication flow (use appropriate authentication components).
  */
 export interface SignInRequiredProps extends TabButtonProps {
     owner?: Address;

package/dist/types/components/auth/siwe-provider.d.ts

@@ -0,0 +1,31 @@
+/**
+ * SIWEClientProvider — provider component for Sign-In With Ethereum (SIWE) authentication.
+ *
+ * @usage
+ * Use SIWEClientProvider to wrap your application and enable SIWE authentication:
+ * app root, authentication context, wallet-based authentication.
+ *
+ * Props:
+ * - `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: SIWEClientProvider wraps ConnectKit's SIWEProvider with custom API integration.
+ * Handles nonce generation, message creation, signature verification, session management, and sign out.
+ * Automatically refreshes router on sign in/out.
+ *
+ * Do NOT use SIWEClientProvider:
+ * - when you don't need SIWE authentication (use regular ConnectKit providers).
+ */
+interface SIWEProviderProps {
+    apiRoutePrefix: string;
+    statement?: string;
+    children?: React.ReactNode;
+    onRefresh?: () => void;
+}
+export declare function SIWEClientProvider({ apiRoutePrefix, statement, children, onRefresh, ...props }: SIWEProviderProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/components/filter/filter-modal.d.ts

@@ -1,7 +1,7 @@
 import { SelectFilterList } from './interface';
 import * as React from "react";
 /**
- * FilterModal component - a wrapper for filter modals using ui-kit Dialog
+ * FilterModal component - a wrapper for filter modals using @gearbox-protocol/ui-kit Dialog
  *
  * This component provides a complete modal interface for selecting multiple filter options
  * with checkbox-like behavior. It manages the modal state and provides callbacks for

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

@@ -8,4 +8,5 @@ export { preloadTokenIcons } from '../token-icon';
 export { BackButton } from './back-button';
 export { NextMarkdownViewer, type NextMarkdownViewerProps, } from './next-markdown-viewer';
 export { NextNavigationProvider } from './next-navigation-provider';
+export { SIWEClientProvider } from './siwe-provider';
 export { TokenIcon } from './token-icon';

package/dist/types/components/next/siwe-provider.d.ts

@@ -0,0 +1,7 @@
+interface SIWEProviderProps {
+    apiRoutePrefix: string;
+    statement?: string;
+    children?: React.ReactNode;
+}
+export declare function SIWEClientProvider(props: SIWEProviderProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/components/simple-accordion/simple-accordion.d.ts

@@ -58,7 +58,7 @@ export interface SimpleAccordionProps {
 /**
  * `SimpleAccordion` — a single-component accordion that mirrors the
  * Accordion API from `../interface` while reusing the base Accordion
- * primitives from ui-kit.
+ * primitives from @gearbox-protocol/ui-kit.
  *
  * Uses `SimpleAccordionItem` for individual expandable sections.
  *

package/package.json

@@ -1,7 +1,8 @@
 {
   "name": "@gearbox-protocol/ui-kit",
-  "version": "2.1.0-next.1",
+  "version": "3.0.0",
   "description": "Internal UI components",
+  "repository": "https://github.com/gearbox-protocol/ui-kit",
   "license": "MIT",
   "main": "./dist/cjs/index.cjs",
   "module": "./dist/esm/index.js",
@@ -33,22 +34,7 @@
     "./globals.css": "./dist/globals.css",
     "./grid-safelist.css": "./dist/grid-safelist.css",
     "./theme.css": "./src/styles/theme.css",
-    "./base.css": "./src/styles/base.css",
-    "./sdk-legacy": {
-      "types": "./dist/types/sdk-legacy/index.d.ts",
-      "import": "./dist/esm/sdk-legacy/index.js",
-      "default": "./dist/cjs/sdk-legacy/index.cjs"
-    },
-    "./connectkit": {
-      "types": "./dist/types/components/connectkit/index.d.ts",
-      "import": "./dist/esm/components/connectkit/index.js",
-      "default": "./dist/cjs/components/connectkit/index.cjs"
-    },
-    "./next/connectkit": {
-      "types": "./dist/types/components/next/connectkit/index.d.ts",
-      "import": "./dist/esm/components/next/connectkit/index.js",
-      "default": "./dist/cjs/components/next/connectkit/index.cjs"
-    }
+    "./base.css": "./src/styles/base.css"
   },
   "files": [
     "dist",
@@ -65,8 +51,8 @@
     "check": "biome check --write",
     "check:ci": "biome check --diagnostic-level=error",
     "typecheck:ci": "tsc --noEmit",
-    "test": "pnpm exec vitest run",
-    "test:watch": "pnpm exec vitest",
+    "test": "vitest run",
+    "test:watch": "vitest",
     "storybook": "storybook dev -p 6006",
     "build-storybook": "storybook build"
   },
@@ -107,7 +93,6 @@
     "tailwindcss-animate": "^1.0.7"
   },
   "peerDependencies": {
-    "axios": "^1.0.0",
     "@gearbox-protocol/sdk": "*",
     "@tanstack/react-query": "^5.64.1",
     "@types/react": "^18 || ^19",
@@ -141,7 +126,6 @@
     }
   },
   "devDependencies": {
-    "axios": "^1.12.2",
     "@biomejs/biome": "^2.2.4",
     "@chromatic-com/storybook": "^4.1.3",
     "@commitlint/cli": "^20.1.0",
@@ -214,5 +198,15 @@
     "Firefox >= 80",
     "Safari >= 13",
     "Edge >= 80"
-  ]
+  ],
+  "pnpm": {
+    "onlyBuiltDependencies": [
+      "bufferutil",
+      "esbuild",
+      "keccak",
+      "secp256k1",
+      "sharp",
+      "utf-8-validate"
+    ]
+  }
 }

package/dist/cjs/components/auth/wallet-ui-context.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),e=require("react"),t=e.createContext(null);function o({value:r,children:n}){return l.jsx(t.Provider,{value:r,children:n})}function u(){return e.useContext(t)}exports.WalletUIProvider=o;exports.useWalletUI=u;

package/dist/cjs/components/connectkit/connect-kit-wallet-adapter.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),i=require("connectkit"),c=require("react"),d=require("../auth/wallet-ui-context.cjs");function r({children:o}){const{setOpen:t,openSIWE:n}=i.useModal(),e=i.useSIWE(),s=c.useMemo(()=>({openConnectModal:()=>t(!0),openSIWE:n,siwe:{isSignedIn:e.isSignedIn,isRejected:e.isRejected,isLoading:e.isLoading,data:e.data}}),[t,n,e.isSignedIn,e.isRejected,e.isLoading,e.data]);return a.jsx(d.WalletUIProvider,{value:s,children:o})}exports.ConnectKitWalletAdapter=r;

package/dist/cjs/components/connectkit/index.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./connect-kit-wallet-adapter.cjs"),t=require("./siwe-provider.cjs");exports.ConnectKitWalletAdapter=e.ConnectKitWalletAdapter;exports.SIWEClientProvider=t.SIWEClientProvider;

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

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./siwe-provider.cjs");exports.SIWEClientProvider=e.SIWEClientProvider;

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

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),n=require("next/navigation"),o=require("../../connectkit/siwe-provider.cjs");function i(e){const r=n.useRouter();return t.jsx(o.SIWEClientProvider,{...e,onRefresh:()=>r.refresh()})}exports.SIWEClientProvider=i;

package/dist/esm/components/auth/wallet-ui-context.js

@@ -1,13 +0,0 @@
-import { jsx as o } from "react/jsx-runtime";
-import { createContext as n, useContext as l } from "react";
-const t = n(null);
-function x({ value: e, children: r }) {
-  return /* @__PURE__ */ o(t.Provider, { value: e, children: r });
-}
-function a() {
-  return l(t);
-}
-export {
-  x as WalletUIProvider,
-  a as useWalletUI
-};

package/dist/esm/components/connectkit/connect-kit-wallet-adapter.js

@@ -1,32 +0,0 @@
-import { jsx as s } from "react/jsx-runtime";
-import { useModal as d, useSIWE as a } from "connectkit";
-import { useMemo as r } from "react";
-import { WalletUIProvider as c } from "../auth/wallet-ui-context.js";
-function g({
-  children: t
-}) {
-  const { setOpen: i, openSIWE: o } = d(), e = a(), n = r(
-    () => ({
-      openConnectModal: () => i(!0),
-      openSIWE: o,
-      siwe: {
-        isSignedIn: e.isSignedIn,
-        isRejected: e.isRejected,
-        isLoading: e.isLoading,
-        data: e.data
-      }
-    }),
-    [
-      i,
-      o,
-      e.isSignedIn,
-      e.isRejected,
-      e.isLoading,
-      e.data
-    ]
-  );
-  return /* @__PURE__ */ s(c, { value: n, children: t });
-}
-export {
-  g as ConnectKitWalletAdapter
-};

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

@@ -1,6 +0,0 @@
-import { ConnectKitWalletAdapter as t } from "./connect-kit-wallet-adapter.js";
-import { SIWEClientProvider as i } from "./siwe-provider.js";
-export {
-  t as ConnectKitWalletAdapter,
-  i as SIWEClientProvider
-};

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

@@ -1,4 +0,0 @@
-import { SIWEClientProvider as o } from "./siwe-provider.js";
-export {
-  o as SIWEClientProvider
-};

package/dist/types/components/auth/wallet-ui-context.d.ts

@@ -1,36 +0,0 @@
-import { ReactNode } from 'react';
-/**
- * SIWE-related state exposed by a wallet UI adapter (e.g. ConnectKit).
- */
-export interface WalletUISIWEState {
-    isSignedIn: boolean;
-    isRejected: boolean;
-    isLoading: boolean;
-    data: {
-        address?: string;
-    } | null;
-}
-/**
- * Values provided by {@link WalletUIProvider} so auth helpers work without importing ConnectKit.
- */
-export interface WalletUIContextValue {
-    openConnectModal: () => void;
-    openSIWE?: () => void;
-    siwe?: WalletUISIWEState;
-}
-export interface WalletUIProviderProps {
-    value: WalletUIContextValue;
-    children?: ReactNode;
-}
-/**
- * Supplies wallet modal + optional SIWE actions for {@link ConnectRequired}, {@link SignInRequired},
- * and editable tables that use them.
- *
- * Use {@link ConnectKitWalletAdapter} from `@gearbox-protocol/ui-kit/connectkit` when using ConnectKit,
- * or provide your own `value` (e.g. RainbowKit `useConnectModal`).
- */
-export declare function WalletUIProvider({ value, children }: WalletUIProviderProps): import("react/jsx-runtime").JSX.Element;
-/**
- * Returns the wallet UI adapter value, or `null` when no {@link WalletUIProvider} is mounted.
- */
-export declare function useWalletUI(): WalletUIContextValue | null;

package/dist/types/components/connectkit/connect-kit-wallet-adapter.d.ts

@@ -1,12 +0,0 @@
-import { ReactNode } from 'react';
-export interface ConnectKitWalletAdapterProps {
-    children?: ReactNode;
-}
-/**
- * Bridges ConnectKit (`useModal`, `useSIWE`) into {@link WalletUIProvider} so
- * {@link ConnectRequired}, {@link SignInRequired}, and editable tables work without importing ConnectKit
- * from application code.
- *
- * Place inside `ConnectKitProvider` (and typically inside or beside {@link SIWEClientProvider} when using SIWE).
- */
-export declare function ConnectKitWalletAdapter({ children, }: ConnectKitWalletAdapterProps): import("react/jsx-runtime").JSX.Element;

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

@@ -1,2 +0,0 @@
-export { ConnectKitWalletAdapter, type ConnectKitWalletAdapterProps, } from './connect-kit-wallet-adapter';
-export { SIWEClientProvider, type SIWEClientProviderProps, } from './siwe-provider';

package/dist/types/components/connectkit/siwe-provider.d.ts

@@ -1,30 +0,0 @@
-/**
- * SIWEClientProvider — provider component for Sign-In With Ethereum (SIWE) authentication.
- *
- * Requires `connectkit` and must be used under `ConnectKitProvider` + `WagmiProvider`.
- *
- * @usage
- * Use SIWEClientProvider to wrap your application and enable SIWE authentication:
- * app root, authentication context, wallet-based authentication.
- *
- * Props:
- * - `apiRoutePrefix` — API route prefix for SIWE endpoints (required):
- *   - `/nonce` — endpoint for fetching nonce (relative to prefix).
- *   - `/signin` — endpoint for verifying signature.
- *   - `/session` — endpoint for getting current session.
- *   - `/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).
- * - `onRefresh` — optional callback after sign-in or sign-out (e.g. Next.js `router.refresh()`).
- *
- * Note: wraps ConnectKit's `SIWEProvider` with custom HTTP API integration.
- *
- * Import from `@gearbox-protocol/ui-kit/connectkit` so `connectkit` stays an optional peer dependency.
- */
-export interface SIWEClientProviderProps {
-    apiRoutePrefix: string;
-    statement?: string;
-    children?: React.ReactNode;
-    onRefresh?: () => void;
-}
-export declare function SIWEClientProvider({ apiRoutePrefix, statement, children, onRefresh, ...props }: SIWEClientProviderProps): import("react/jsx-runtime").JSX.Element;

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

@@ -1 +0,0 @@
-export { type NextSIWEClientProviderProps, SIWEClientProvider, } from './siwe-provider';

package/dist/types/components/next/connectkit/siwe-provider.d.ts

@@ -1,8 +0,0 @@
-import { SIWEClientProviderProps as BaseSIWEClientProviderProps } from '../../connectkit/siwe-provider';
-export type NextSIWEClientProviderProps = Omit<BaseSIWEClientProviderProps, "onRefresh">;
-/**
- * Next.js variant of {@link SIWEClientProvider} that calls `router.refresh()` after sign-in and sign-out.
- *
- * Import from `@gearbox-protocol/ui-kit/next/connectkit`.
- */
-export declare function SIWEClientProvider(props: NextSIWEClientProviderProps): import("react/jsx-runtime").JSX.Element;