@gearbox-protocol/ui-kit 4.0.0-next.9 → 4.0.1

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

@@ -1,4 +1,3 @@
-export * from './accordion';
 export * from './alert-badge';
 export * from './alert-dialog';
 export * from './alert-modal';
@@ -7,19 +6,16 @@ export * from './badge';
 export * from './base';
 export * from './base-link';
 export * from './base-table';
-export * from './block-sync-pill';
 export * from './breadcrumbs';
-export * from './breakpoint-provider';
+export * from './breakpoints';
 export * from './buttons';
 export * from './cards';
 export * from './checkbox';
-export * from './checkbox-item';
 export * from './client-adapters';
 export * from './collateral-allocation-tooltip';
 export * from './composites';
 export * from './compound-apy';
 export * from './confirm-menu';
-export * from './detailed-apy';
 export * from './detailed-page-title';
 export * from './dialog';
 export * from './disabled-wrap';
@@ -28,7 +24,6 @@ export * from './edit-input';
 export * from './error-message';
 export * from './explorer-links-dropdown';
 export * from './fadeout-loading';
-export * from './filter';
 export * from './formatted-number';
 export * from './graph';
 export * from './guard';
@@ -46,30 +41,28 @@ export * from './legal-agreement';
 export * from './link';
 export * from './loader';
 export * from './loading';
-export * from './loading-bar';
+export * from './markdown-text';
 export * from './modal';
 export * from './name-cell';
 export * from './navbar-logo';
 export * from './navigation-context';
+export * from './no-value';
 export * from './points-icon';
 export * from './pool-points-indicator';
-export * from './rounded-image';
+export * from './radio-group';
 export * from './rwa-feature';
-export * from './rwa-styles';
+export * from './sdk-status-pill';
 export * from './search-line';
 export * from './segmented-control';
 export * from './select';
 export * from './separate-line';
 export * from './short-string';
-export * from './simple-accordion';
 export * from './simple-dropdown';
 export * from './skeleton';
 export * from './slider';
 export * from './spinner';
 export * from './spinner-loader';
 export * from './split-list';
-export * from './status-dot';
-export * from './status-elements';
 export * from './tab-control';
 export * from './table';
 export * from './tabs';
@@ -82,10 +75,10 @@ export * from './token-symbol';
 export * from './token-template';
 export * from './tooltip';
 export * from './trading-view';
+export * from './truncated-text';
 export * from './typed-intl';
 export * from './typography';
 export * from './vertical-indicator';
 export * from './vspace';
 export * from './with-copy';
-export * from './with-title';
 export * from './yield-breakdown-tooltip';

package/dist/types/components/input/input.d.ts

@@ -3,7 +3,7 @@ import * as React from "react";
 declare const inputVariants: (props?: ({
     size?: "default" | "sm" | "lg" | "xs" | null | undefined;
     colorTheme?: "outlined" | "filledDark" | "filledLight" | null | undefined;
-    variant?: "default" | "success" | "error" | null | undefined;
+    variant?: "default" | "error" | "success" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 /**
  * InputProps — props for Input component.
@@ -46,4 +46,4 @@ export interface InputProps extends Omit<React.ComponentProps<"input">, "size">,
  * ```
  */
 export declare const Input: React.ForwardRefExoticComponent<Omit<InputProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
-export { inputVariants };
+export {};

package/dist/types/components/label/label.d.ts

@@ -1,12 +1,6 @@
 import { VariantProps } from 'class-variance-authority';
 import * as LabelPrimitive from "@radix-ui/react-label";
 import * as React from "react";
-declare const labelVariants: (props?: ({
-    disabledStyle?: "none" | "default" | null | undefined;
-    size?: "default" | "sm" | "lg" | null | undefined;
-    variant?: "default" | "muted" | "success" | "error" | null | undefined;
-    required?: boolean | null | undefined;
-} & import('class-variance-authority/types').ClassProp) | undefined) => string;
 /**
  * Label — component for form field labels with size and variant options.
  *
@@ -35,9 +29,9 @@ declare const labelVariants: (props?: ({
  * ```
  */
 declare const Label: React.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & React.RefAttributes<HTMLLabelElement>, "ref"> & VariantProps<(props?: ({
-    disabledStyle?: "none" | "default" | null | undefined;
+    disabledStyle?: "default" | "none" | null | undefined;
     size?: "default" | "sm" | "lg" | null | undefined;
-    variant?: "default" | "muted" | "success" | "error" | null | undefined;
+    variant?: "default" | "error" | "success" | "muted" | null | undefined;
     required?: boolean | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string> & React.RefAttributes<HTMLLabelElement>>;
-export { Label, labelVariants };
+export { Label };

package/dist/types/components/layout/app-footer/app-footer.d.ts

@@ -1,4 +1,3 @@
-import { BlockSyncProps } from '../../../types/footer';
 import * as React from "react";
 /**
  * A single legal/navigation link rendered in {@link AppFooter}.
@@ -7,13 +6,6 @@ export interface AppFooterLink {
     label: string;
     href: string;
 }
-/**
- * Default footer links used by the Gearbox App (client-v3) shell footer.
- *
- * `Support` points to the Gearbox Discord invite, matching `DISCORD_ADDR`
- * in the app config.
- */
-export declare const DEFAULT_APP_FOOTER_LINKS: ReadonlyArray<AppFooterLink>;
 export interface AppFooterProps extends React.HTMLAttributes<HTMLElement> {
     /**
      * Legal / navigation links rendered on the right side.
@@ -30,20 +22,14 @@ export interface AppFooterProps extends React.HTMLAttributes<HTMLElement> {
      */
     year?: number;
     /**
-     * Whether to show the status pill on the far right. Defaults to `true`.
-     */
-    showStatus?: boolean;
-    /**
-     * Label rendered inside the status pill. Defaults to `Status`.
-     */
-    statusLabel?: React.ReactNode;
-    /**
-     * When provided, the status pill becomes a live network-synchronization
-     * indicator ({@link BlockSyncPill}): the dot color reflects the time since
-     * the last block update and hovering reveals per-chain block details.
-     * Without it, a static green status pill is rendered.
+     * Slot between the copyright and the links — typically a
+     * {@link SyncStatusPill}. The footer knows nothing about what goes in it.
+     *
+     * A slot rather than sync-specific props: the footer used to accept a fixed
+     * `blockSyncProps` shape and render its own pill from it, which made every
+     * change to the indicator a change to the footer's API.
      */
-    blockSyncProps?: BlockSyncProps;
+    status?: React.ReactNode;
 }
 /**
  * AppFooter — minimal, Hyperliquid-style footer used by the Gearbox App
@@ -56,7 +42,8 @@ export interface AppFooterProps extends React.HTMLAttributes<HTMLElement> {
  * @example
  * ```tsx
  * <AppFooter />
- * <AppFooter links={myLinks} copyright="© Acme, 2026" showStatus={false} />
+ * <AppFooter links={myLinks} copyright="© Acme, 2026" />
+ * <AppFooter status={<SyncStatusPill {...syncProps} />} />
  * ```
  */
 export declare const AppFooter: React.ForwardRefExoticComponent<AppFooterProps & React.RefAttributes<HTMLElement>>;

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

@@ -4,4 +4,3 @@ export * from './col';
 export * from './container';
 export * from './grid';
 export * from './layout';
-export * from './main-aside-layout';

package/dist/types/components/legal-agreement/index.d.ts

@@ -1,5 +1,3 @@
-export { LegalAgreementAwaitingPanel, type LegalAgreementAwaitingPanelProps, LegalAgreementAwaitingPanelTest, } from './legal-agreement-awaiting-panel';
-export { BlockedRegionDialog, type BlockedRegionDialogProps, type LegalAgreementCheckboxItem, LegalAgreementDialog, type LegalAgreementDialogConfig, type LegalAgreementDialogProps, } from './legal-agreement-dialog';
-export { LegalAgreementLink, type LegalAgreementLinkProps, } from './legal-agreement-link';
-export { LegalAgreementPanel, type LegalAgreementPanelProps, LegalAgreementPanelTest, } from './legal-agreement-panel';
-export { type LegalAgreementThemeVariantProps, type LegalAgreementVisualTheme, legalAgreementAwaitingDescriptionVariants, legalAgreementAwaitingRootVariants, legalAgreementAwaitingTitleVariants, legalAgreementLinkVariants, legalAgreementPanelCheckboxLabelVariants, legalAgreementPanelCheckboxListTitleVariants, legalAgreementPanelCheckboxListVariants, legalAgreementPanelCheckboxRowVariants, legalAgreementPanelNotificationVariants, legalAgreementPanelRootVariants, legalAgreementPanelV2BannerVariants, } from './legal-agreement-theme';
+export * from './legal-agreement-dialog';
+export * from './legal-agreement-link';
+export * from './legal-agreement-theme';

package/dist/types/components/legal-agreement/legal-agreement-awaiting-panel.d.ts

@@ -1,8 +1,8 @@
 import { default as React } from 'react';
 import { LegalAgreementVisualTheme } from './legal-agreement-theme';
-export declare class LegalAgreementAwaitingPanelTest {
-    static root: string;
-}
+export declare const LegalAgreementAwaitingPanelTest: {
+    readonly root: "legal-agreement-awaiting-panel-root";
+};
 export interface LegalAgreementAwaitingPanelProps {
     readonly waitingForSignatureText?: string;
     readonly theme?: LegalAgreementVisualTheme;

package/dist/types/components/legal-agreement/legal-agreement-config.d.ts

@@ -0,0 +1,53 @@
+import { default as React } from 'react';
+/**
+ * What a legal agreement says and asks for. Its own module: the dialog renders
+ * it and the panel reads it, and naming the type from either would close a
+ * cycle between the two.
+ */
+export interface LegalAgreementCheckboxItem {
+    id: string;
+    content: React.ReactNode;
+}
+export interface LegalAgreementDialogConfig {
+    /**
+     * Product/service name (e.g., "Permissionless Interface", "Permissionless Safe", "Gearbox App")
+     */
+    productName: string;
+    /**
+     * Notification text displayed at the top of the dialog.
+     * Should mention that use is subject to Terms of Service, Privacy Notice, and Risk Disclosure Statement.
+     */
+    notificationText: React.ReactNode;
+    /**
+     * Array of checkbox items that user must check to proceed.
+     * Each item should have an id and content (React node).
+     */
+    checkboxItems: LegalAgreementCheckboxItem[];
+    /**
+     * Title of the dialog. Defaults to "Legal Agreement" or "Terms of Service Updated" if hasV2Signature is true.
+     */
+    title?: string;
+    /**
+     * Title shown when terms are updated (hasV2Signature is true).
+     * Defaults to "Terms of Service Updated".
+     */
+    updatedTitle?: string;
+    /**
+     * Text for the agree button. Defaults to "Agree & Connect".
+     */
+    agreeButtonText?: string;
+    /**
+     * Text shown while waiting for wallet signature.
+     * Defaults to "Please sign the message in your wallet to agree to the Terms of Service."
+     */
+    waitingForSignatureText?: string;
+    /**
+     * Notice shown when terms are updated (hasV2Signature is true).
+     * Host app supplies legal copy; ui-kit only renders layout.
+     */
+    updatedTermsNoticeText?: React.ReactNode;
+    /**
+     * Optional heading above checkbox list (e.g. warranty section title).
+     */
+    checkboxListTitle?: React.ReactNode;
+}

package/dist/types/components/legal-agreement/legal-agreement-dialog.d.ts

@@ -1,52 +1,6 @@
+import { LegalAgreementDialogConfig } from './legal-agreement-config';
 import { LegalAgreementVisualTheme } from './legal-agreement-theme';
 import * as React from "react";
-export interface LegalAgreementCheckboxItem {
-    id: string;
-    content: React.ReactNode;
-}
-export interface LegalAgreementDialogConfig {
-    /**
-     * Product/service name (e.g., "Permissionless Interface", "Permissionless Safe", "Gearbox App")
-     */
-    productName: string;
-    /**
-     * Notification text displayed at the top of the dialog.
-     * Should mention that use is subject to Terms of Service, Privacy Notice, and Risk Disclosure Statement.
-     */
-    notificationText: React.ReactNode;
-    /**
-     * Array of checkbox items that user must check to proceed.
-     * Each item should have an id and content (React node).
-     */
-    checkboxItems: LegalAgreementCheckboxItem[];
-    /**
-     * Title of the dialog. Defaults to "Legal Agreement" or "Terms of Service Updated" if hasV2Signature is true.
-     */
-    title?: string;
-    /**
-     * Title shown when terms are updated (hasV2Signature is true).
-     * Defaults to "Terms of Service Updated".
-     */
-    updatedTitle?: string;
-    /**
-     * Text for the agree button. Defaults to "Agree & Connect".
-     */
-    agreeButtonText?: string;
-    /**
-     * Text shown while waiting for wallet signature.
-     * Defaults to "Please sign the message in your wallet to agree to the Terms of Service."
-     */
-    waitingForSignatureText?: string;
-    /**
-     * Notice shown when terms are updated (hasV2Signature is true).
-     * Host app supplies legal copy; ui-kit only renders layout.
-     */
-    updatedTermsNoticeText?: React.ReactNode;
-    /**
-     * Optional heading above checkbox list (e.g. warranty section title).
-     */
-    checkboxListTitle?: React.ReactNode;
-}
 export interface LegalAgreementDialogProps {
     open: boolean;
     onClose: () => void;
@@ -96,7 +50,7 @@ export interface LegalAgreementDialogProps {
  * <LegalAgreementDialog open={isOpen} onClose={handleClose} onSign={handleSign} isSigning={isSigning} config={config} />
  * ```
  */
-export declare function LegalAgreementDialog({ open, onClose, onSign, isSigning, hasV2Signature, isAwaitingSignature, config, theme, }: LegalAgreementDialogProps): import("react/jsx-runtime").JSX.Element;
+export declare function LegalAgreementDialog({ open, onClose, onSign, isSigning, hasV2Signature, isAwaitingSignature, config, theme, }: LegalAgreementDialogProps): React.JSX.Element;
 export interface BlockedRegionDialogProps {
     open: boolean;
     onClose: () => void;
@@ -116,4 +70,4 @@ export interface BlockedRegionDialogProps {
  *
  * Note: Displays information about access restriction with link to terms of service.
  */
-export declare function BlockedRegionDialog({ open, onClose, termsOfServiceLink, }: BlockedRegionDialogProps): import("react/jsx-runtime").JSX.Element;
+export declare function BlockedRegionDialog({ open, onClose, termsOfServiceLink, }: BlockedRegionDialogProps): React.JSX.Element;

package/dist/types/components/legal-agreement/legal-agreement-panel.d.ts

@@ -1,9 +1,9 @@
 import { default as React } from 'react';
-import { LegalAgreementDialogConfig } from './legal-agreement-dialog';
+import { LegalAgreementDialogConfig } from './legal-agreement-config';
 import { LegalAgreementVisualTheme } from './legal-agreement-theme';
-export declare class LegalAgreementPanelTest {
-    static root: string;
-}
+export declare const LegalAgreementPanelTest: {
+    readonly root: "legal-agreement-panel-root";
+};
 export interface LegalAgreementPanelProps {
     readonly config: LegalAgreementDialogConfig;
     readonly checkedItems: Readonly<Record<string, boolean>>;

package/dist/types/components/legal-agreement/legal-agreement-theme.d.ts

@@ -1,36 +1 @@
-import { VariantProps } from 'class-variance-authority';
 export type LegalAgreementVisualTheme = "default" | "gearboxV3";
-export declare const legalAgreementPanelRootVariants: (props?: ({
-    theme?: "default" | "gearboxV3" | null | undefined;
-} & import('class-variance-authority/types').ClassProp) | undefined) => string;
-export declare const legalAgreementPanelNotificationVariants: (props?: ({
-    theme?: "default" | "gearboxV3" | null | undefined;
-} & import('class-variance-authority/types').ClassProp) | undefined) => string;
-export declare const legalAgreementPanelCheckboxListVariants: (props?: ({
-    readonly theme?: "default" | "gearboxV3" | null | undefined;
-} & import('class-variance-authority/types').ClassProp) | undefined) => string;
-export declare const legalAgreementPanelCheckboxListTitleVariants: (props?: ({
-    theme?: "default" | "gearboxV3" | null | undefined;
-} & import('class-variance-authority/types').ClassProp) | undefined) => string;
-export declare const legalAgreementPanelCheckboxRowVariants: (props?: ({
-    theme?: "default" | "gearboxV3" | null | undefined;
-} & import('class-variance-authority/types').ClassProp) | undefined) => string;
-export declare const legalAgreementPanelCheckboxLabelVariants: (props?: ({
-    theme?: "default" | "gearboxV3" | null | undefined;
-} & import('class-variance-authority/types').ClassProp) | undefined) => string;
-export declare const legalAgreementPanelV2BannerVariants: (props?: ({
-    theme?: "default" | "gearboxV3" | null | undefined;
-} & import('class-variance-authority/types').ClassProp) | undefined) => string;
-export declare const legalAgreementAwaitingRootVariants: (props?: ({
-    theme?: "default" | "gearboxV3" | null | undefined;
-} & import('class-variance-authority/types').ClassProp) | undefined) => string;
-export declare const legalAgreementAwaitingTitleVariants: (props?: ({
-    theme?: "default" | "gearboxV3" | null | undefined;
-} & import('class-variance-authority/types').ClassProp) | undefined) => string;
-export declare const legalAgreementAwaitingDescriptionVariants: (props?: ({
-    theme?: "default" | "gearboxV3" | null | undefined;
-} & import('class-variance-authority/types').ClassProp) | undefined) => string;
-export declare const legalAgreementLinkVariants: (props?: ({
-    theme?: "default" | "gearboxV3" | null | undefined;
-} & import('class-variance-authority/types').ClassProp) | undefined) => string;
-export type LegalAgreementThemeVariantProps = VariantProps<typeof legalAgreementPanelRootVariants>;

package/dist/types/components/legal-agreement/legal-agreement.stories-config.d.ts

@@ -1,4 +1,4 @@
-import { LegalAgreementDialogConfig } from './legal-agreement-dialog';
+import { LegalAgreementDialogConfig } from './legal-agreement-config';
 import { LegalAgreementVisualTheme } from './legal-agreement-theme';
 export declare function createStoryPermissionlessLegalConfig(theme?: LegalAgreementVisualTheme): LegalAgreementDialogConfig;
 export declare function createStoryExtendedLegalConfig(theme?: LegalAgreementVisualTheme): LegalAgreementDialogConfig;

package/dist/types/components/legal-agreement/legal-agreement.variants.d.ts

@@ -0,0 +1,33 @@
+export declare const legalAgreementPanelRootVariants: (props?: ({
+    theme?: "default" | "gearboxV3" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export declare const legalAgreementPanelNotificationVariants: (props?: ({
+    theme?: "default" | "gearboxV3" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export declare const legalAgreementPanelCheckboxListVariants: (props?: ({
+    readonly theme?: "default" | "gearboxV3" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export declare const legalAgreementPanelCheckboxListTitleVariants: (props?: ({
+    theme?: "default" | "gearboxV3" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export declare const legalAgreementPanelCheckboxRowVariants: (props?: ({
+    theme?: "default" | "gearboxV3" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export declare const legalAgreementPanelCheckboxLabelVariants: (props?: ({
+    theme?: "default" | "gearboxV3" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export declare const legalAgreementPanelV2BannerVariants: (props?: ({
+    theme?: "default" | "gearboxV3" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export declare const legalAgreementAwaitingRootVariants: (props?: ({
+    theme?: "default" | "gearboxV3" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export declare const legalAgreementAwaitingTitleVariants: (props?: ({
+    theme?: "default" | "gearboxV3" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export declare const legalAgreementAwaitingDescriptionVariants: (props?: ({
+    theme?: "default" | "gearboxV3" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export declare const legalAgreementLinkVariants: (props?: ({
+    theme?: "default" | "gearboxV3" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;

package/dist/types/components/link/link.d.ts

@@ -3,6 +3,12 @@ import type * as React from "react";
 export interface LinkProps extends BaseLinkProps {
     /** When true, opens in new tab and shows external icon after content */
     external?: boolean;
+    /**
+     * An icon before the text — a token logo, most often. Rendered inside the
+     * anchor so it stays part of the click target, but outside `.content-wrap`
+     * so the underline stops at the words, exactly as the external icon does.
+     */
+    leadingIcon?: React.ReactNode;
 }
 /**
  * Link — wraps BaseLink with ContentWrap and optional IconWrap (external icon).
@@ -12,9 +18,10 @@ export interface LinkProps extends BaseLinkProps {
  * ```tsx
  * <Link href="/page">Internal</Link>
  * <Link href="https://example.com" external>External</Link>
+ * <Link href="/token" leadingIcon={<TokenIcon token={t} size={16} />}>wstETH</Link>
  * ```
  */
-export declare function Link({ className, children, href, target, variant, size, color, external, asChild, ...rest }: React.PropsWithChildren<LinkProps>): React.ReactElement;
+export declare function Link({ className, children, href, target, variant, size, color, external, asChild, leadingIcon, ...rest }: React.PropsWithChildren<LinkProps>): React.ReactElement;
 export declare namespace Link {
     var displayName: string;
 }

package/dist/types/{utils/loading.d.ts → components/loading/loading-progress.d.ts}

@@ -1,3 +1,2 @@
-export declare function allLoaded(itemsToLoad: Array<unknown>): boolean;
 export declare function round5(value: number): number;
 export declare function loadingProgress(itemsToLoad: Array<unknown>): number;

package/dist/types/components/loading/loading.d.ts

@@ -21,7 +21,7 @@ export interface LoadingProps {
  * <Loading data={items} message={customMessage} />
  * ```
  */
-declare function Loading({ data, loadingFunction, message, subMessage, }: LoadingProps): import("react/jsx-runtime").JSX.Element;
+declare function Loading({ data, loadingFunction, message, subMessage, }: LoadingProps): import("react").JSX.Element;
 declare namespace Loading {
     var displayName: string;
 }

package/dist/types/components/markdown-text/index.d.ts

@@ -0,0 +1 @@
+export * from './markdown-text';

package/dist/types/components/markdown-text/markdown-text.d.ts

@@ -0,0 +1,6 @@
+import type * as React from "react";
+export interface MarkdownTextProps {
+    readonly content: string;
+    readonly className?: string;
+}
+export declare const MarkdownText: React.NamedExoticComponent<MarkdownTextProps>;

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

@@ -1,9 +1,9 @@
 import { VariantProps } from 'class-variance-authority';
-import { ZIndexLayer } from '../../utils';
+import { ZIndexLayer } from '../../utils/internal/z-index-values';
 import * as React from "react";
 declare const dialogModalVariants: (props?: ({
-    colorTheme?: "default" | "dark" | "dark-transparent" | null | undefined;
-    backdrop?: "default" | "success" | "failure" | null | undefined;
+    colorTheme?: "default" | "dark-transparent" | null | undefined;
+    backdrop?: "default" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 /** Layer key for stacking: MODAL (default), MODAL_ALERT (above modals), LOADING (below modals), BANNERS. */
 export type ModalZIndexLayer = Extract<ZIndexLayer, "MODAL" | "MODAL_ALERT" | "LOADING" | "BANNERS">;

package/dist/types/components/navbar-logo/navbar-logo.d.ts

@@ -8,4 +8,4 @@ export interface NavBarLogoProps extends React.ImgHTMLAttributes<HTMLImageElemen
 /**
  * NavBarLogo — a logo image for navigation bar
  */
-export declare function NavBarLogo({ size, className, style, ...props }: NavBarLogoProps): import("react/jsx-runtime").JSX.Element;
+export declare function NavBarLogo({ size, className, style, ...props }: NavBarLogoProps): React.JSX.Element;

package/dist/types/components/navigation-context/index.d.ts

@@ -1 +1 @@
-export { type NavigationAdapter, type NavigationLinkProps, NavigationProvider, useNavigationAdapter, } from './navigation-context';
+export * from './navigation-provider';

package/dist/types/components/navigation-context/navigation-context.d.ts

@@ -1,12 +1,4 @@
 import * as React from "react";
-export interface NavigationLinkProps {
-    to: string;
-    className?: string;
-    target?: string;
-    rel?: string;
-    ref?: React.Ref<HTMLAnchorElement>;
-    children?: React.ReactNode;
-}
 export interface NavigationAdapter {
     Link: React.ComponentType<any>;
     useLocation: () => {
@@ -15,31 +7,5 @@ export interface NavigationAdapter {
     };
     useNavigate: () => (to: string) => void;
 }
-interface NavigationProviderProps extends NavigationAdapter {
-    children: React.ReactNode;
-}
-/**
- * Universal navigation provider.
- * Pass your router's Link component, useLocation, and useNavigate directly.
- *
- * @example react-router-dom
- * ```tsx
- * import { Link, useLocation, useNavigate } from "react-router-dom";
- *
- * <NavigationProvider Link={Link} useLocation={useLocation} useNavigate={useNavigate}>
- *   <App />
- * </NavigationProvider>
- * ```
- *
- * @example Next.js (via @gearbox-protocol/ui-kit/next)
- * ```tsx
- * import { NextNavigationProvider } from "@gearbox-protocol/ui-kit/next";
- *
- * <NextNavigationProvider Link={NextLink} useRouter={useRouter} usePathname={usePathname}>
- *   <App />
- * </NextNavigationProvider>
- * ```
- */
-export declare function NavigationProvider({ Link, useLocation, useNavigate, children, }: NavigationProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare const NavigationContext: React.Context<NavigationAdapter | null>;
 export declare function useNavigationAdapter(): NavigationAdapter;
-export {};

package/dist/types/components/navigation-context/navigation-provider.d.ts

@@ -0,0 +1,29 @@
+import { NavigationAdapter } from './navigation-context';
+import * as React from "react";
+interface NavigationProviderProps extends NavigationAdapter {
+    children: React.ReactNode;
+}
+/**
+ * Universal navigation provider.
+ * Pass your router's Link component, useLocation, and useNavigate directly.
+ *
+ * @example react-router-dom
+ * ```tsx
+ * import { Link, useLocation, useNavigate } from "react-router-dom";
+ *
+ * <NavigationProvider Link={Link} useLocation={useLocation} useNavigate={useNavigate}>
+ *   <App />
+ * </NavigationProvider>
+ * ```
+ *
+ * @example Next.js (via @gearbox-protocol/ui-kit/next)
+ * ```tsx
+ * import { NextNavigationProvider } from "@gearbox-protocol/ui-kit/next";
+ *
+ * <NextNavigationProvider Link={NextLink} useRouter={useRouter} usePathname={usePathname}>
+ *   <App />
+ * </NextNavigationProvider>
+ * ```
+ */
+export declare function NavigationProvider({ Link, useLocation, useNavigate, children, }: NavigationProviderProps): React.JSX.Element;
+export {};

package/dist/types/components/network-icon/index.d.ts

@@ -1,3 +1 @@
-export type { NetworkIconProps } from './network-icon';
 export * from './network-icon';
-export * from './network-indicator';

package/dist/types/components/network-icon/network-icon.d.ts

@@ -25,4 +25,4 @@ export interface NetworkIconProps {
     rounded?: boolean;
     className?: string;
 }
-export declare function NetworkIcon({ network, size, isTest, suffixSize, showTooltip, rounded, className, }: NetworkIconProps): import("react/jsx-runtime").JSX.Element;
+export declare function NetworkIcon({ network, size, isTest, suffixSize, showTooltip, rounded, className, }: NetworkIconProps): import("react").JSX.Element;

package/dist/types/components/no-value/index.d.ts

@@ -0,0 +1 @@
+export * from './no-value';

package/dist/types/components/no-value/no-value.d.ts

@@ -0,0 +1,25 @@
+import { default as React } from 'react';
+export interface NoValueProps {
+    /**
+     * Why the figure is absent, when the absence has an explanation worth
+     * giving. `"7d"` — the trailing seven-day average has not been computed yet
+     * — is the only one so far; anything else, including a spot figure that is
+     * simply not there, keeps the dash.
+     */
+    readonly reason?: "7d";
+}
+/**
+ * Whatever stands where a figure would be.
+ *
+ * One component rather than a dash per call site, so no two surfaces can
+ * quietly disagree about what an absent value looks like — and so an absence
+ * that has an explanation carries it everywhere at once rather than wherever
+ * someone remembered to add it.
+ *
+ * The explained form is deliberately not a skeleton: a skeleton promises the
+ * value in a moment, and this one waits on days of history.
+ *
+ * The visually-hidden copy is load-bearing — `HelpTipIcon` is `aria-hidden`,
+ * so without it the cell would reach a screen reader as nothing at all.
+ */
+export declare function NoValue({ reason }: NoValueProps): React.ReactElement;

package/dist/types/components/points-icon/index.d.ts

@@ -1 +1 @@
-export { PointsIcon, type PointsIconProps, type PointsIconReward, type PointsReward, } from './points-icon';
+export * from './points-icon';

package/dist/types/components/points-icon/points-icon.d.ts

@@ -16,11 +16,6 @@ export interface PointsIconReward {
      */
     type: string;
 }
-/**
- * @deprecated Use {@link PointsIconReward}. The bare name conflicts with SDK
- * `PointsReward<T>` from `@gearbox-protocol/sdk/rewards`.
- */
-export type PointsReward = PointsIconReward;
 export interface PointsIconProps extends React.HTMLAttributes<HTMLImageElement>, Omit<RoundedImageProps, "size" | "src" | "alt"> {
     /**
      * Reward information with name and type