@gearbox-protocol/ui-kit 3.14.0-next.8 → 4.0.0-next.1

package/dist/types/components/breakpoint-provider.d.ts

@@ -0,0 +1,56 @@
+import { ReactElement, ReactNode } from 'react';
+/**
+ * Named breakpoint media queries. Keep in sync with the semantic hooks in
+ * `use-media-query.ts` (`useIsExtraSmall`, `useIsMobile`, …).
+ */
+export declare const BREAKPOINT_QUERIES: {
+    readonly isExtraSmall: "(max-width: 500px)";
+    readonly isMobile: "(max-width: 768px)";
+    readonly isTablet: "(min-width: 768px) and (max-width: 1024px)";
+    readonly isMedium: "(max-width: 1024px)";
+    readonly isDesktop: "(min-width: 1024px)";
+};
+export type BreakpointKey = keyof typeof BREAKPOINT_QUERIES;
+export type BreakpointState = {
+    readonly [K in BreakpointKey]: boolean;
+};
+export declare const DEFAULT_BREAKPOINT_STATE: BreakpointState;
+type MatchMediaLike = (query: string) => Pick<MediaQueryList, "matches">;
+/**
+ * Snapshot named breakpoints from a `matchMedia` implementation.
+ * Exported for unit tests; used by `BreakpointProvider` for the initial state.
+ */
+export declare function getBreakpointState(matchMedia: MatchMediaLike): BreakpointState;
+type MediaQueryListLike = {
+    matches: boolean;
+    addEventListener: (type: "change", listener: (event: MediaQueryListEvent) => void) => void;
+    removeEventListener: (type: "change", listener: (event: MediaQueryListEvent) => void) => void;
+};
+type MatchMediaSubscribe = (query: string) => MediaQueryListLike;
+/**
+ * Subscribe once to all named breakpoints. Returns an unsubscribe function.
+ * Exported for unit tests (deduplication / change propagation).
+ */
+export declare function subscribeBreakpoints(matchMedia: MatchMediaSubscribe, onChange: (state: BreakpointState) => void): () => void;
+/**
+ * Shared breakpoint context. `undefined` means no provider is mounted and
+ * semantic hooks should fall back to their own `matchMedia` subscription.
+ */
+export declare const BreakpointContext: import('react').Context<BreakpointState | undefined>;
+/**
+ * Hook that returns the provider state, or `undefined` when no
+ * `BreakpointProvider` is mounted.
+ */
+export declare function useBreakpointContext(): BreakpointState | undefined;
+export interface BreakpointProviderProps {
+    readonly children: ReactNode;
+}
+/**
+ * Owns a single set of `matchMedia` listeners for the five named breakpoints
+ * and shares the result via context. Mount once near the app root.
+ *
+ * Semantic hooks (`useIsMobile`, …) read from this context when present and
+ * otherwise keep their self-contained fallback behaviour.
+ */
+export declare function BreakpointProvider({ children, }: BreakpointProviderProps): ReactElement;
+export {};

package/dist/types/components/buttons/button/button.d.ts

@@ -1,8 +1,8 @@
 import { VariantProps } from 'class-variance-authority';
 import * as React from "react";
 declare const buttonVariants: (props?: ({
-    variant?: "link" | "text" | "default" | "success" | "destructive" | "ghost" | "outline" | "secondary" | "white" | "neutral" | "pink" | "pink-outline" | "blue" | "blue-outline" | null | undefined;
-    size?: "default" | "icon" | "auto" | "xs" | "sm" | "lg" | "md" | null | undefined;
+    variant?: "link" | "text" | "default" | "success" | "destructive" | "ghost" | "blue" | "pink" | "white" | "secondary" | "outline" | "neutral" | "pink-outline" | "blue-outline" | null | undefined;
+    size?: "auto" | "default" | "icon" | "xs" | "sm" | "lg" | "md" | null | undefined;
     width?: "compact" | "wide" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 /**

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

@@ -1,6 +1,3 @@
-export * from './oracles-and-lt-table';
+export * from './notification-center';
 export * from './pool-assets-table';
-export * from './pool-credit-manager-info';
-export * from './pool-credit-managers-table';
-export * from './pool-table';
-export * from './strategies-table';
+export * from './tx-preview';

package/dist/types/components/composites/notification-center/index.d.ts

@@ -0,0 +1,2 @@
+export * from './notification-center';
+export * from './types';

package/dist/types/components/composites/notification-center/notification-center.d.ts

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+import { NotificationCenterProps } from './types';
+/**
+ * Presentational notification center: a bell trigger with a request-count badge
+ * and a dropdown listing deferred ("Requests") and settled ("Recent")
+ * operations. Fully controlled and data-agnostic — the host builds the row view
+ * models (titles, status labels, timestamps) and wires the callbacks.
+ */
+export declare function NotificationCenter({ open, onOpenChange, deferredRows, successRows, deferredCount, hasReady, hasAny, onClear, }: NotificationCenterProps): React.ReactElement;

package/dist/types/components/composites/notification-center/types.d.ts

@@ -0,0 +1,31 @@
+import { default as React } from 'react';
+/** A deferred (two-phase) request row shown in the "Requests" section. */
+export interface DeferredRowView {
+    readonly id: string;
+    readonly title: React.ReactNode;
+    readonly positionName: React.ReactNode;
+    readonly isReady: boolean;
+    readonly isClickable: boolean;
+    readonly statusLabel: React.ReactNode;
+    /** Present only for reopenable (matured) rows; makes the row clickable. */
+    readonly onExecute?: () => void;
+}
+/** A settled operation row shown in the "Recent" section. */
+export interface SuccessRowView {
+    readonly id: string;
+    readonly label: React.ReactNode;
+    readonly timestampLabel: React.ReactNode;
+    readonly onView?: () => void;
+}
+export interface NotificationCenterProps {
+    readonly open: boolean;
+    readonly onOpenChange: (open: boolean) => void;
+    readonly deferredRows: DeferredRowView[];
+    readonly successRows: SuccessRowView[];
+    readonly deferredCount: number;
+    /** At least one deferred request has matured (drives the badge/status color). */
+    readonly hasReady: boolean;
+    readonly hasAny: boolean;
+    /** Optional action: wipe settled ("Recent") notifications. Rendered in the Recent section header; hidden when omitted. */
+    readonly onClear?: () => void;
+}

package/dist/types/components/composites/tx-preview/confirm/amounts/TransactionConfirmAmountField.d.ts

@@ -0,0 +1,29 @@
+import { VariantProps } from 'class-variance-authority';
+import { default as React } from 'react';
+import { TokenTemplateProps } from '../../../../token-template';
+declare const rootVariants: (props?: ({
+    position?: "first" | "last" | "inBetween" | "solo" | null | undefined;
+    size?: "sm" | "md" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export interface TransactionConfirmAmountFieldProps extends VariantProps<typeof rootVariants> {
+    readonly label: React.ReactNode;
+    readonly primaryAmount: {
+        readonly value: TokenTemplateProps["value"];
+        readonly token?: TokenTemplateProps["token"];
+    } | {
+        node: React.ReactNode;
+    };
+    readonly secondaryAmount?: {
+        readonly valueUSD?: bigint | number;
+    } | {
+        node: React.ReactNode;
+    };
+    readonly loading?: boolean;
+    readonly maxLength?: number;
+    readonly approximate?: {
+        isApproximate?: boolean;
+        approximateSymbol?: string;
+    };
+}
+export declare function TransactionConfirmAmountField({ label, primaryAmount, secondaryAmount, loading, position, size, maxLength, approximate, }: TransactionConfirmAmountFieldProps): React.ReactElement;
+export {};

package/dist/types/components/composites/tx-preview/confirm/amounts/constants.d.ts

@@ -0,0 +1,6 @@
+export declare class TransactionConfirmAmountFieldTest {
+    static root: string;
+}
+export declare class TransactionConfirmAmountPairTest {
+    static root: string;
+}

package/dist/types/components/composites/tx-preview/confirm/amounts/index.d.ts

@@ -0,0 +1,2 @@
+export * from './constants';
+export * from './TransactionConfirmAmountField';

package/dist/types/components/composites/tx-preview/confirm/dialog/TransactionConfirmModalView.d.ts

@@ -0,0 +1,17 @@
+import { default as React } from 'react';
+import { TransactionConfirmShellProps } from './TransactionConfirmShell';
+export interface TransactionConfirmModalViewProps extends Omit<TransactionConfirmShellProps, "header" | "data-testid"> {
+    readonly open: boolean;
+    readonly onClose: () => void;
+    readonly title: React.ReactNode;
+    readonly titleAddon?: React.ReactNode | undefined;
+    readonly hideTitleAddonOnResult?: boolean | undefined;
+    readonly containerClassName?: string | undefined;
+    readonly containerTestId?: string | undefined;
+    readonly shellTestId?: string | undefined;
+}
+/**
+ *
+ * Base shell on page as a dialog
+ */
+export declare function TransactionConfirmModalView({ open, onClose, title, titleAddon, hideTitleAddonOnResult, containerClassName, containerTestId, shellTestId, phase, ...rest }: TransactionConfirmModalViewProps): React.ReactElement | null;

package/dist/types/components/composites/tx-preview/confirm/dialog/TransactionConfirmPageView.d.ts

@@ -0,0 +1,16 @@
+import { default as React } from 'react';
+import { TransactionConfirmShellProps } from './TransactionConfirmShell';
+export interface TransactionConfirmPageViewProps extends Omit<TransactionConfirmShellProps, "header" | "data-testid"> {
+    readonly onClose?: () => void;
+    readonly title: React.ReactNode;
+    readonly titleAddon?: React.ReactNode | undefined;
+    readonly hideTitleAddonOnResult?: boolean | undefined;
+    readonly containerClassName?: string | undefined;
+    readonly containerTestId?: string | undefined;
+    readonly shellTestId?: string | undefined;
+}
+/**
+ *
+ * Base shell in modal
+ */
+export declare function TransactionConfirmPageView({ onClose, title, titleAddon, hideTitleAddonOnResult, containerClassName, containerTestId, shellTestId, phase, ...rest }: TransactionConfirmPageViewProps): React.ReactElement;

package/dist/types/components/composites/tx-preview/confirm/dialog/TransactionConfirmShell.d.ts

@@ -0,0 +1,23 @@
+import { default as React } from 'react';
+import { TransactionExecutionStepView } from '../stepper/transactionExecutionStepTypes';
+import { TransactionConfirmPhase } from './transactionConfirmPhase';
+export interface TransactionConfirmShellProps {
+    readonly phase?: TransactionConfirmPhase;
+    readonly header?: React.ReactNode;
+    readonly preview: React.ReactNode;
+    readonly previewLoading?: boolean;
+    readonly previewError?: Error | null;
+    readonly previewErrorTitle?: string;
+    readonly previewClassName?: string;
+    readonly execution: React.ReactNode;
+    readonly progressSteps?: ReadonlyArray<TransactionExecutionStepView>;
+    readonly renderProgressStepLabel?: (step: TransactionExecutionStepView) => React.ReactNode;
+    readonly result?: React.ReactNode;
+    readonly className?: string;
+    readonly "data-testid"?: string;
+}
+/**
+ *
+ * Base shell component
+ */
+export declare function TransactionConfirmShell({ phase, header, preview, previewLoading, previewError, previewErrorTitle, previewClassName, execution, progressSteps, renderProgressStepLabel, result, className, "data-testid": dataTestId, }: TransactionConfirmShellProps): React.ReactElement;

package/dist/types/components/composites/tx-preview/confirm/dialog/computeTransactionConfirmDialogLayout.d.ts

@@ -0,0 +1,8 @@
+import { TransactionConfirmPhase } from './transactionConfirmPhase';
+export interface TransactionConfirmDialogLayout {
+    readonly showPreview: boolean;
+    readonly showExecution: boolean;
+    readonly showProgressStepper: boolean;
+    readonly showResult: boolean;
+}
+export declare function computeTransactionConfirmDialogLayout(phase: TransactionConfirmPhase, hasProgressSteps: boolean): TransactionConfirmDialogLayout;

package/dist/types/components/composites/tx-preview/confirm/dialog/constants.d.ts

@@ -0,0 +1,17 @@
+export declare class TransactionConfirmDialogTest {
+    static root: string;
+    static execution: string;
+    static progress: string;
+    static result: string;
+}
+/** Outer dialog card: mobile-first full width, fixed 560px from md up. */
+export declare const transactionConfirmDialogShellVariants: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
+/**
+ * Modal confirm: use available viewport height; inner preview scrolls only when
+ * content overflows (see `transactionConfirmPreviewScrollVariants`).
+ */
+export declare const transactionConfirmModalContainerVariants: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
+/** Scrollable preview column inside confirm / execute body. */
+export declare const transactionConfirmPreviewScrollVariants: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
+/** Inner shell content: fill the padded dialog container without re-applying width. */
+export declare const transactionConfirmShellContentVariants: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;

package/dist/types/components/composites/tx-preview/confirm/dialog/index.d.ts

@@ -0,0 +1,5 @@
+export * from './computeTransactionConfirmDialogLayout';
+export * from './constants';
+export * from './TransactionConfirmModalView';
+export * from './TransactionConfirmPageView';
+export * from './transactionConfirmPhase';

package/dist/types/components/composites/tx-preview/confirm/dialog/transactionConfirmPhase.d.ts

@@ -0,0 +1,4 @@
+export type TransactionConfirmPhase = "confirm" | "awaiting_receipt" | "success" | "failure";
+export interface TransactionConfirmSubmittedTx {
+    readonly hash: `0x${string}`;
+}

package/dist/types/components/composites/tx-preview/confirm/execution/TransactionConfirmExecuteButton.d.ts

@@ -0,0 +1,6 @@
+import { default as React } from 'react';
+import { ButtonProps } from '../../../../buttons/button/button';
+export interface TransactionConfirmExecuteButtonProps extends ButtonProps {
+    readonly isLoading?: boolean;
+}
+export declare function TransactionConfirmExecuteButton({ isLoading, disabled, children, width, size, ...rest }: TransactionConfirmExecuteButtonProps): React.ReactElement;

package/dist/types/components/composites/tx-preview/confirm/execution/index.d.ts

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

package/dist/types/components/composites/tx-preview/confirm/index.d.ts

@@ -0,0 +1,5 @@
+export * from './amounts';
+export * from './dialog';
+export * from './execution';
+export * from './result';
+export * from './stepper';

package/dist/types/components/composites/tx-preview/confirm/result/TransactionConfirmFailureResult.d.ts

@@ -0,0 +1,12 @@
+import { default as React } from 'react';
+export interface TransactionConfirmFailureResultProps {
+    readonly title: React.ReactNode;
+    readonly description: React.ReactNode;
+    readonly footerAction?: React.ReactNode;
+    readonly iconSize?: number;
+}
+/**
+ * Failure result follows the shell's confirm layout: the main content scrolls
+ * while `footerAction` remains outside the scroll container.
+ */
+export declare function TransactionConfirmFailureResult({ title, description, footerAction, iconSize, }: TransactionConfirmFailureResultProps): React.ReactElement;

package/dist/types/components/composites/tx-preview/confirm/result/TransactionConfirmSuccessIcon.d.ts

@@ -0,0 +1,2 @@
+import { default as React } from 'react';
+export declare function TransactionConfirmSuccessIcon(): React.ReactElement;

package/dist/types/components/composites/tx-preview/confirm/result/TransactionConfirmSuccessResult.d.ts

@@ -0,0 +1,14 @@
+import { default as React } from 'react';
+export interface TransactionConfirmSuccessResultProps {
+    readonly icon?: React.ReactNode;
+    readonly headline: React.ReactNode;
+    readonly subtitle: React.ReactNode;
+    readonly txHashRow?: React.ReactNode;
+    /** Extra scrollable body below the subtitle (e.g. summary tables). */
+    readonly footerAction?: React.ReactNode;
+}
+/**
+ * Success result follows the shell's confirm layout: the main content scrolls
+ * while `footerAction` remains outside the scroll container.
+ */
+export declare function TransactionConfirmSuccessResult({ icon, headline, subtitle, txHashRow, footerAction, }: TransactionConfirmSuccessResultProps): React.ReactElement;

package/dist/types/components/composites/tx-preview/confirm/result/TransactionConfirmTxHashRow.d.ts

@@ -0,0 +1,6 @@
+import { default as React } from 'react';
+export interface TransactionConfirmTxHashRowProps {
+    readonly txHashLink: React.ReactNode;
+    readonly addToWalletLink?: React.ReactNode;
+}
+export declare function TransactionConfirmTxHashRow({ txHashLink, addToWalletLink, }: TransactionConfirmTxHashRowProps): React.ReactElement;

package/dist/types/components/composites/tx-preview/confirm/result/constants.d.ts

@@ -0,0 +1,18 @@
+export declare class TransactionConfirmSuccessResultTest {
+    static root: string;
+    static headline: string;
+    static subtitle: string;
+    static footer: string;
+}
+export declare class TransactionConfirmFailureResultTest {
+    static root: string;
+    static footer: string;
+}
+export declare class TransactionConfirmTxHashRowTest {
+    static root: string;
+    static txHashLink: string;
+    static addToWallet: string;
+}
+export declare class TransactionConfirmExecuteButtonTest {
+    static root: string;
+}

package/dist/types/components/composites/tx-preview/confirm/result/index.d.ts

@@ -0,0 +1,5 @@
+export * from './constants';
+export * from './TransactionConfirmFailureResult';
+export * from './TransactionConfirmSuccessIcon';
+export * from './TransactionConfirmSuccessResult';
+export * from './TransactionConfirmTxHashRow';

package/dist/types/components/composites/tx-preview/confirm/stepper/ProgressStepper.d.ts

@@ -0,0 +1,36 @@
+import { default as React } from 'react';
+import { StepStatus } from './transactionExecutionStepTypes';
+export interface ProgressStepperStep {
+    /** Stable identity used as the React key. */
+    readonly id: string;
+    readonly label: React.ReactNode;
+    readonly status: StepStatus;
+    /**
+     * Marker centered on the connector that precedes this step — e.g. a delay
+     * clock shown between "Request" and "Withdraw". Ignored on the first step.
+     */
+    readonly connectorMarker?: React.ReactNode;
+    /** Render the connector that precedes this step as dashed. */
+    readonly connectorDashed?: boolean;
+}
+/**
+ * Visual tone of the reached (completed + active) track.
+ * - `foreground`: solid white dots and connectors (default).
+ * - `muted`: grey `gray-50` track; the active dot stays white, completed dots
+ *   and reached connectors render in `gray-50`.
+ */
+export type ProgressStepperTone = "foreground" | "muted";
+export interface ProgressStepperProps {
+    readonly steps: ReadonlyArray<ProgressStepperStep>;
+    readonly tone?: ProgressStepperTone;
+    readonly className?: string;
+}
+/**
+ * Generic progress stepper: a row of dots + labels joined by connectors.
+ *
+ * Each connector is two half-lines living in the same row as the dot, so the
+ * lines butt directly against the 9px dots. Supports an optional per-connector
+ * `marker` (centered on the connector midpoint, e.g. a waiting clock) and a
+ * `dashed` connector style. The reached track color follows `tone`.
+ */
+export declare function ProgressStepper({ steps, tone, className, }: ProgressStepperProps): React.ReactElement;

package/dist/types/components/composites/tx-preview/confirm/stepper/constants.d.ts

@@ -0,0 +1,3 @@
+export declare class ProgressStepperTest {
+    static root: string;
+}

package/dist/types/components/composites/tx-preview/confirm/stepper/index.d.ts

@@ -0,0 +1,3 @@
+export * from './constants';
+export * from './ProgressStepper';
+export * from './transactionExecutionStepTypes';

package/dist/types/components/composites/tx-preview/confirm/stepper/transactionExecutionStepTypes.d.ts

@@ -0,0 +1,10 @@
+export type TransactionExecutionStepId = "approve" | "auth" | "execute";
+export type TransactionExecutionPrerequisiteStepId = Exclude<TransactionExecutionStepId, "execute">;
+export type StepStatus = "completed" | "active" | "upcoming";
+export type TransactionExecutionStepLabelKey = "approve" | "approveBatch" | "auth" | "execute";
+export interface TransactionExecutionStepView {
+    id: TransactionExecutionStepId;
+    labelKey: TransactionExecutionStepLabelKey;
+    status: StepStatus;
+}
+export declare function shouldShowTransactionProgressStepper(steps: ReadonlyArray<Pick<TransactionExecutionStepView, "id">>): boolean;

package/dist/types/components/composites/tx-preview/index.d.ts

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

package/dist/types/components/compound-apy/compound-apy.d.ts

@@ -1,110 +1,34 @@
-import { PoolAPYPointsTip } from '../pool-apy-tooltip';
-import { LocaleKeys } from '../../locale';
-import { TokenMetaInfo } from '../../types/common';
-/**
- * For GEAR token, use the logo symbol instead of the standard token icon.
- * The standard gear.svg has a white background circle that looks bad on dark themes.
- */
-export declare function getRewardTokenSymbol(token: TokenMetaInfo | undefined, rewardTokenSymbol: string | undefined): import('../token-icon').SymbolOrIcon | undefined;
-export interface PoolBaseAPY {
-    type: "supplyAPY" | "tokenYield";
-    apy: number;
-}
-export interface ExtraRewardApy {
-    apy: number;
-    rewardToken: string;
-    rewardTokenSymbol: string;
-}
-export interface ExternalAPYData {
-    /**
-     * The total value including external APY
-     */
-    totalValue: number;
-    /**
-     * The external APY value
-     */
-    value?: number;
-    /**
-     * The external APY value (backward compatibility alias for value)
-     * @deprecated Use value instead
-     */
-    apy?: number;
-    /**
-     * Name/label of the external APY source
-     */
-    name: string;
-    /**
-     * Localization key for the external APY tooltip
-     * Will be rendered with FormattedMessageTyped with values: { name, value }
-     */
-    tooltip?: LocaleKeys;
-}
+import { ApyBreakdown, Bps, Leverage } from '@gearbox-protocol/sdk/model';
 export interface CompoundAPYProps {
     /**
-     * Total APY value (already in percent form, e.g., 5 for 5%)
-     */
-    totalAPY: number;
-    /**
-     * Whether the total APY is loading (backward compatibility)
-     */
-    totalAPYLoading?: boolean;
-    /**
-     * Base APY array with different types
-     */
-    baseAPY: Array<PoolBaseAPY>;
-    /**
-     * Extra/rewards APY array
+     * SDK `ApyBreakdown`. When undefined, renders an em-dash placeholder.
+     * Display-only: values are final; the component does not look up rates.
      */
-    extraAPY: Array<ExtraRewardApy>;
+    apy: ApyBreakdown | undefined;
     /**
-     * External APY data (e.g., from external protocols)
+     * Strategy-only plain leverage multiplier (e.g. `13.6` for 13.6x).
+     * Forwarded to {@link YieldBreakdownTooltip}.
      */
-    externalAPY?: ExternalAPYData;
+    maxLeverage?: Leverage;
     /**
-     * Pool points data (backward compatibility)
+     * Strategy collateral yield for Base / Incentive rows in the tooltip.
      */
-    points?: Array<PoolAPYPointsTip>;
+    collateralApy?: ApyBreakdown;
+    /** Strategy base borrow cost in bps. */
+    borrowApy?: Bps;
+    /** Strategy additional (quota) borrow cost in bps. */
+    additionalBorrowApy?: Bps;
     /**
-     * APY data from 7 days ago (backward compatibility)
-     */
-    apy7DAgo?: {
-        baseAPY?: Array<PoolBaseAPY>;
-        totalAPY?: number;
-        totalAPYLoading?: boolean;
-    };
-    /**
-     * Token list for displaying token symbols in tooltips
-     */
-    tokensList?: Record<string, TokenMetaInfo>;
-    /**
-     * Number of decimal places
+     * Number of decimal places for the total APY string.
      * @default 2
      */
     decimals?: number;
-    /**
-     * Custom className
-     */
     className?: string;
 }
 /**
- * CompoundAPY component for displaying breakdown of APY with base, extra, and external components.
- *
- * Renders an APY string with an info icon, cascading reward token icons, and points icons.
- * When APY >= 0.001 and not loading, wraps content in PoolAPYTooltip for detailed breakdown.
+ * Compound APY display fed by an SDK `ApyBreakdown`.
  *
- * @example
- * ```tsx
- * <CompoundAPY
- *   totalAPY={15}
- *   baseAPY={[{ type: "supplyAPY", apy: 10 }]}
- *   extraAPY={[{ apy: 3, rewardToken: "0x...", rewardTokenSymbol: "GEAR" }]}
- *   externalAPY={{
- *     totalValue: 15,
- *     value: 2,
- *     name: "Curve",
- *     tooltip: "External APY from Curve"
- *   }}
- * />
- * ```
+ * No `tokensList`, no external APY, no 7D history, no "soon" points state.
+ * For the legacy percent-based API see {@link CompoundAPYLegacy}.
  */
-export declare function CompoundAPY({ totalAPY, totalAPYLoading, baseAPY, extraAPY, externalAPY: externalAPYProp, points, apy7DAgo, tokensList, decimals, className, }: CompoundAPYProps): import("react/jsx-runtime").JSX.Element;
+export declare function CompoundAPY({ apy, maxLeverage, collateralApy, borrowApy, additionalBorrowApy, decimals, className, }: CompoundAPYProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/confirm-menu/confirm-menu.d.ts

@@ -2,8 +2,10 @@ import * as React from "react";
 export interface ConfirmMenuProps {
     /** Title text or element shown in the header */
     title: React.ReactNode;
-    /** Callback when the close button is clicked */
-    onClose: () => void;
+    /** Optional badge or addon rendered after the title (e.g. LP pill). */
+    titleAddon?: React.ReactNode;
+    /** Callback when the close button is clicked. Omit to hide the close control. */
+    onClose?: () => void;
     /** Additional CSS class applied to the root element */
     className?: string;
 }

package/dist/types/components/detailed-page-title/detailed-page-title-explorer-dropdown.d.ts

@@ -2,7 +2,7 @@ import { ExplorerLink } from '../explorer-links-dropdown';
 import * as React from "react";
 export interface DetailedPageTitleExplorerDropdownProps {
     /** List of explorer links to show in the dropdown */
-    explorerLinks?: Array<ExplorerLink>;
+    explorerLinks?: ReadonlyArray<ExplorerLink>;
     /** Optional class name for the trigger */
     className?: string;
     title?: React.ReactNode;

package/dist/types/components/detailed-page-title/index.d.ts

@@ -1,3 +1,2 @@
-export * from './detailed-page-title';
 export * from './detailed-page-title-copy-button';
 export * from './detailed-page-title-explorer-dropdown';

package/dist/types/components/dialog/dialog-container.d.ts

@@ -2,7 +2,7 @@ import { VariantProps } from 'class-variance-authority';
 import * as React from "react";
 declare const dialogContainerVariants: (props?: ({
     padding?: boolean | "xl" | "md" | null | undefined;
-    colorTheme?: "default" | "box" | "modal" | "transparent" | null | undefined;
+    colorTheme?: "default" | "modal" | "box" | "transparent" | null | undefined;
     maxWidth?: "full" | "sm" | "lg" | "xl" | "2xl" | "md" | null | undefined;
     sticky?: boolean | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;

package/dist/types/components/disabled-wrap/disabled-wrap.d.ts

@@ -0,0 +1,6 @@
+import { default as React, HTMLAttributes } from 'react';
+export interface DisabledWrapProps extends HTMLAttributes<HTMLDivElement> {
+    disabled?: boolean;
+}
+/** Dims and disables pointer events on its children when `disabled`. */
+export declare function DisabledWrap({ disabled, className, ...props }: DisabledWrapProps): React.ReactElement;

package/dist/types/components/disabled-wrap/index.d.ts

@@ -0,0 +1 @@
+export * from './disabled-wrap';