@gearbox-protocol/ui-kit 3.14.0-next.13 → 3.14.0-next.15

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

@@ -0,0 +1,12 @@
+import { default as React } from 'react';
+import { TokenFullData } from '../../../../../types/common';
+export interface TransactionConfirmAmountFieldProps {
+    readonly label: React.ReactNode;
+    readonly amount: string;
+    readonly token?: Omit<TokenFullData, "address">;
+    readonly usdPrice?: number;
+    readonly loading?: boolean;
+    readonly position: "primary" | "receive";
+    readonly size?: "sm" | "md";
+}
+export declare function TransactionConfirmAmountField({ label, amount, token, usdPrice, loading, position, size, }: TransactionConfirmAmountFieldProps): React.ReactElement;

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

@@ -0,0 +1,15 @@
+import { default as React } from 'react';
+import { TokenFullData } from '../../../../../types/common';
+export interface TransactionConfirmAmountPairProps {
+    readonly primaryLabel: React.ReactNode;
+    readonly primaryAmount: string;
+    readonly primaryToken?: Omit<TokenFullData, "address">;
+    readonly primaryUsdPrice?: number;
+    readonly receiveLabel: React.ReactNode;
+    readonly receiveAmount: string;
+    readonly receiveToken?: Omit<TokenFullData, "address">;
+    readonly receiveUsdPrice?: number;
+    readonly loading?: boolean;
+    readonly size?: "sm" | "md";
+}
+export declare function TransactionConfirmAmountPair({ primaryLabel, primaryAmount, primaryToken, primaryUsdPrice, receiveLabel, receiveAmount, receiveToken, receiveUsdPrice, loading, size, }: TransactionConfirmAmountPairProps): React.ReactElement;

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/formatUsdAmount.d.ts

@@ -0,0 +1 @@
+export declare function formatUsdAmount(amount: string, usdPrice: number): string | null;

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

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

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

@@ -1,15 +1,20 @@
 import { default as React } from 'react';
-import { TransactionExecutionStepLabelKey, TransactionExecutionStepView } from '../stepper';
+import { TransactionExecutionStepView } from '../stepper/computeTransactionExecutionSteps';
+import { TransactionConfirmPhase } from './transactionConfirmPhase';
 export interface TransactionConfirmDialogViewProps {
     readonly open: boolean;
     readonly onClose: () => void;
+    readonly phase?: TransactionConfirmPhase;
     readonly title: React.ReactNode;
+    readonly titleAddon?: React.ReactNode;
     readonly preview: React.ReactNode;
     readonly previewLoading?: boolean;
     readonly previewError?: Error | null;
     readonly previewErrorTitle?: string;
     readonly execution: React.ReactNode;
-    readonly steps: ReadonlyArray<TransactionExecutionStepView>;
-    readonly renderStepLabel: (labelKey: TransactionExecutionStepLabelKey) => React.ReactNode;
+    readonly progressSteps?: ReadonlyArray<TransactionExecutionStepView>;
+    readonly renderProgressStepLabel?: (step: TransactionExecutionStepView) => React.ReactNode;
+    readonly result?: React.ReactNode;
+    readonly hideTitleAddonOnResult?: boolean;
 }
-export declare function TransactionConfirmDialogView({ open, onClose, title, preview, previewLoading, previewError, previewErrorTitle, execution, steps, renderStepLabel, }: TransactionConfirmDialogViewProps): React.ReactElement | null;
+export declare function TransactionConfirmDialogView({ open, onClose, phase, title, titleAddon, preview, previewLoading, previewError, previewErrorTitle, execution, progressSteps, renderProgressStepLabel, result, hideTitleAddonOnResult, }: TransactionConfirmDialogViewProps): React.ReactElement | null;

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

@@ -0,0 +1,23 @@
+import { default as React } from 'react';
+import { TransactionExecutionStepView } from '../stepper/computeTransactionExecutionSteps';
+import { TransactionConfirmPhase } from './transactionConfirmPhase';
+export interface TransactionConfirmPageViewProps {
+    readonly phase?: TransactionConfirmPhase;
+    readonly onClose?: () => void;
+    readonly title: React.ReactNode;
+    readonly titleAddon?: 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 hideTitleAddonOnResult?: boolean;
+    readonly containerClassName?: string;
+    readonly containerTestId?: string;
+    readonly shellTestId?: string;
+}
+export declare function TransactionConfirmPageView({ onClose, phase, title, titleAddon, preview, previewLoading, previewError, previewErrorTitle, previewClassName, execution, progressSteps, renderProgressStepLabel, result, hideTitleAddonOnResult, containerClassName, containerTestId, shellTestId, }: TransactionConfirmPageViewProps): React.ReactElement;

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

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

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

@@ -0,0 +1,19 @@
+import { default as React } from 'react';
+import { TransactionExecutionStepView } from '../stepper/computeTransactionExecutionSteps';
+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;
+}
+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

@@ -1,4 +1,11 @@
 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;
+/** 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;
+export type TransactionConfirmAuthPhase = "agreement" | "awaiting_signature" | "blocked" | "ready";

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

@@ -1,3 +1,9 @@
+export * from './computeTransactionConfirmDialogLayout';
 export * from './constants';
 export * from './TransactionConfirmDialogView';
+export * from './TransactionConfirmPageView';
+export * from './TransactionConfirmShell';
+export * from './TransactionConfirmShell.constants';
+export * from './transactionConfirmPhase';
 export * from './useTransactionConfirmDialog';
+export * from './useTransactionConfirmFlow';

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/dialog/useTransactionConfirmFlow.d.ts

@@ -0,0 +1,14 @@
+import { TransactionConfirmPhase, TransactionConfirmSubmittedTx } from './transactionConfirmPhase';
+export interface UseTransactionConfirmFlowReturn {
+    readonly open: boolean;
+    readonly phase: TransactionConfirmPhase;
+    readonly submittedTx: TransactionConfirmSubmittedTx | undefined;
+    readonly refreshNonce: number;
+    readonly openDialog: () => void;
+    readonly closeDialog: () => void;
+    readonly bumpRefreshNonce: () => void;
+    readonly beginAwaitingReceipt: (tx: TransactionConfirmSubmittedTx) => void;
+    readonly markSuccess: () => void;
+    readonly markFailure: () => void;
+}
+export declare function useTransactionConfirmFlow(): UseTransactionConfirmFlowReturn;

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

@@ -1,4 +1,8 @@
+export * from './amounts';
 export * from './dialog';
+export * from './execution';
 export * from './hooks';
 export * from './preview';
+export * from './result';
 export * from './stepper';
+export * from './summary';

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

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+export interface TransactionConfirmFailureResultProps {
+    readonly title: React.ReactNode;
+    readonly description: React.ReactNode;
+    readonly footerAction?: React.ReactNode;
+    readonly iconSize?: number;
+}
+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,8 @@
+import { default as React } from 'react';
+export interface TransactionConfirmSuccessResultProps {
+    readonly headline: React.ReactNode;
+    readonly subtitle: React.ReactNode;
+    readonly txHashRow?: React.ReactNode;
+    readonly footerAction?: React.ReactNode;
+}
+export declare function TransactionConfirmSuccessResult({ 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/TransactionProgressStepper.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+import { TransactionExecutionStepView } from './computeTransactionExecutionSteps';
+export interface TransactionProgressStepperProps {
+    readonly steps: ReadonlyArray<TransactionExecutionStepView>;
+    readonly renderLabel: (step: TransactionExecutionStepView) => React.ReactNode;
+}
+export declare function TransactionProgressStepper({ steps, renderLabel, }: TransactionProgressStepperProps): React.ReactElement;

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

@@ -1,21 +1,30 @@
-export type TransactionExecutionStepId = "connect" | "network" | "approve" | "execute";
+export type TransactionExecutionStepId = "approve" | "auth" | "execute";
+export type TransactionExecutionPrerequisiteStepId = Exclude<TransactionExecutionStepId, "execute">;
 export type StepStatus = "completed" | "active" | "upcoming";
-export type TransactionExecutionStepLabelKey = "connect" | "network" | "approve" | "approveBatch" | "execute";
+export type TransactionExecutionStepLabelKey = "approve" | "approveBatch" | "auth" | "execute";
+export interface TransactionExecutionStepRequirements {
+    readonly approve: boolean;
+    readonly auth: boolean;
+}
 export interface TransactionExecutionStepInput {
-    isConnected: boolean;
     isCorrectChain: boolean;
     isAuthReady: boolean;
     needsApproval: boolean;
     isApprovalPending: boolean;
     allowWalletBatching: boolean;
     isExecuting?: boolean;
+    /** Prerequisite steps completed in this confirm session; kept visible until reset. */
+    completedStepsInSession?: ReadonlyArray<TransactionExecutionPrerequisiteStepId>;
 }
 export interface TransactionExecutionStepView {
     id: TransactionExecutionStepId;
     labelKey: TransactionExecutionStepLabelKey;
     status: StepStatus;
 }
+export declare function getTransactionExecutionStepRequirements(input: Pick<TransactionExecutionStepInput, "needsApproval" | "allowWalletBatching" | "isAuthReady" | "isApprovalPending">): TransactionExecutionStepRequirements;
+export declare function shouldShowTransactionProgressStepper(steps: ReadonlyArray<Pick<TransactionExecutionStepView, "id">>): boolean;
 export declare function computeTransactionExecutionSteps(input: TransactionExecutionStepInput): {
     steps: TransactionExecutionStepView[];
     activeStepId: TransactionExecutionStepId;
+    showProgressStepper: boolean;
 };

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

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

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

@@ -1,3 +1,4 @@
 export * from './computeTransactionExecutionSteps';
 export * from './constants';
-export * from './HorizontalTransactionStepper';
+export * from './TransactionProgressStepper';
+export * from './useCompletedStepsInSession';

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

@@ -0,0 +1,16 @@
+import { TransactionExecutionPrerequisiteStepId, TransactionExecutionStepRequirements } from './computeTransactionExecutionSteps';
+export declare function mergeStepsSeenInSession(prev: ReadonlyArray<TransactionExecutionPrerequisiteStepId>, requirements: TransactionExecutionStepRequirements): TransactionExecutionPrerequisiteStepId[];
+export declare function mergeCompletedStepsInSession(prev: ReadonlyArray<TransactionExecutionPrerequisiteStepId>, stepsSeenInSession: ReadonlyArray<TransactionExecutionPrerequisiteStepId>, requirements: TransactionExecutionStepRequirements): TransactionExecutionPrerequisiteStepId[];
+export interface UseCompletedStepsInSessionInput {
+    /** When false, session memory is cleared (e.g. confirm modal closed). */
+    readonly sessionActive: boolean;
+    readonly needsApproval: boolean;
+    readonly isApprovalPending?: boolean;
+    readonly allowWalletBatching: boolean;
+    readonly isAuthReady: boolean;
+}
+/**
+ * Tracks prerequisite steps that were required and later completed during a confirm
+ * session. Completed steps stay in the stepper until {@link sessionActive} resets.
+ */
+export declare function useCompletedStepsInSession({ sessionActive, needsApproval, isApprovalPending, allowWalletBatching, isAuthReady, }: UseCompletedStepsInSessionInput): ReadonlyArray<TransactionExecutionPrerequisiteStepId>;

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

@@ -0,0 +1,15 @@
+import { default as React } from 'react';
+export interface PoolOperationConfirmDetailsProps {
+    readonly apyLabel?: React.ReactNode;
+    readonly apy?: React.ReactNode;
+    readonly apyLoading?: boolean;
+    readonly poolTvlLabel: React.ReactNode;
+    readonly poolTvl: React.ReactNode;
+    readonly poolUtilizationLabel: React.ReactNode;
+    readonly poolUtilization: React.ReactNode;
+    readonly curatorLabel: React.ReactNode;
+    readonly curatorValue: React.ReactNode;
+    readonly poolLabel: React.ReactNode;
+    readonly poolContractValue: React.ReactNode;
+}
+export declare function PoolOperationConfirmDetails({ apyLabel, apy, apyLoading, poolTvlLabel, poolTvl, poolUtilizationLabel, poolUtilization, curatorLabel, curatorValue, poolLabel, poolContractValue, }: PoolOperationConfirmDetailsProps): React.ReactElement;

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

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

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

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

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/legal-agreement/index.d.ts

@@ -1 +1,5 @@
-export { type AppName, BlockedRegionDialog, type BlockedRegionDialogProps, createGearboxAppConfig, createLegalAgreementConfig, createPermissionlessInterfaceConfig, createPermissionlessSafeConfig, type LegalAgreementCheckboxItem, LegalAgreementDialog, type LegalAgreementDialogConfig, type LegalAgreementDialogLinks, type LegalAgreementDialogProps, } from './legal-agreement-dialog';
+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';

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

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+import { LegalAgreementVisualTheme } from './legal-agreement-theme';
+export declare class LegalAgreementAwaitingPanelTest {
+    static root: string;
+}
+export interface LegalAgreementAwaitingPanelProps {
+    readonly waitingForSignatureText?: string;
+    readonly theme?: LegalAgreementVisualTheme;
+}
+export declare function LegalAgreementAwaitingPanel({ waitingForSignatureText, theme, }: LegalAgreementAwaitingPanelProps): React.ReactElement;

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

@@ -1,13 +1,9 @@
+import { LegalAgreementVisualTheme } from './legal-agreement-theme';
 import * as React from "react";
 export interface LegalAgreementCheckboxItem {
     id: string;
     content: React.ReactNode;
 }
-export interface LegalAgreementDialogLinks {
-    termsOfService: string;
-    privacyNotice: string;
-    riskDisclosure: string;
-}
 export interface LegalAgreementDialogConfig {
     /**
      * Product/service name (e.g., "Permissionless Interface", "Permissionless Safe", "Gearbox App")
@@ -41,6 +37,15 @@ export interface LegalAgreementDialogConfig {
      * 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;
@@ -50,6 +55,7 @@ export interface LegalAgreementDialogProps {
     hasV2Signature?: boolean;
     isAwaitingSignature?: boolean;
     config: LegalAgreementDialogConfig;
+    theme?: LegalAgreementVisualTheme;
 }
 /**
  * LegalAgreementDialog — dialog component for legal agreement signing.
@@ -77,59 +83,20 @@ export interface LegalAgreementDialogProps {
  * Note: Displays checkboxes for user agreement and handles signing flow.
  * Shows waiting state during signature process.
  *
- * Example usage with helper function:
+ * Example usage — host app supplies config (legal copy is app-owned):
  * ```tsx
- * import { LegalAgreementDialog, createLegalAgreementConfig } from '@gearbox-protocol/ui-kit';
+ * import { LegalAgreementDialog, LegalAgreementLink } from '@gearbox-protocol/ui-kit';
  *
- * const links = {
- *   termsOfService: 'https://gearbox.fi/terms',
- *   privacyNotice: 'https://gearbox.fi/privacy',
- *   riskDisclosure: 'https://gearbox.fi/risks',
+ * const config = {
+ *   productName: 'My App',
+ *   notificationText: <>…your legal copy with <LegalAgreementLink href="…">ToS</LegalAgreementLink>…</>,
+ *   checkboxItems: [{ id: 'consent', content: <>…</> }],
  * };
  *
- * // You can use any app name. For "Permissionless Interface" and "Permissionless Safe"
- * // it uses simplified consent flow. For other names (e.g., "Gearbox App") it uses
- * // extended consent flow with additional checkboxes.
- * const config = createLegalAgreementConfig("Permissionless Interface", links);
- *
- * <LegalAgreementDialog
- *   open={isOpen}
- *   onClose={handleClose}
- *   onSign={handleSign}
- *   isSigning={isSigning}
- *   config={config}
- * />
+ * <LegalAgreementDialog open={isOpen} onClose={handleClose} onSign={handleSign} isSigning={isSigning} config={config} />
  * ```
  */
-export declare function LegalAgreementDialog({ open, onClose, onSign, isSigning, hasV2Signature, isAwaitingSignature, config, }: LegalAgreementDialogProps): import("react/jsx-runtime").JSX.Element;
-export type AppName = string;
-/**
- * Creates configuration for legal agreement dialog based on app name.
- * @param appName - Name of the application (any string, e.g., "Permissionless Interface", "Permissionless Safe", "Gearbox App", etc.)
- * @param links - URLs for legal documents
- * @param options - Optional configuration overrides
- */
-export declare function createLegalAgreementConfig(appName: AppName, links: LegalAgreementDialogLinks, options?: {
-    agreeButtonText?: string;
-}): LegalAgreementDialogConfig;
-/**
- * @deprecated Use createLegalAgreementConfig("Permissionless Interface", links, options) instead
- */
-export declare function createPermissionlessInterfaceConfig(links: LegalAgreementDialogLinks, options?: {
-    agreeButtonText?: string;
-}): LegalAgreementDialogConfig;
-/**
- * @deprecated Use createLegalAgreementConfig("Permissionless Safe", links, options) instead
- */
-export declare function createPermissionlessSafeConfig(links: LegalAgreementDialogLinks, options?: {
-    agreeButtonText?: string;
-}): LegalAgreementDialogConfig;
-/**
- * @deprecated Use createLegalAgreementConfig("Gearbox App", links, options) instead
- */
-export declare function createGearboxAppConfig(links: LegalAgreementDialogLinks, options?: {
-    agreeButtonText?: string;
-}): LegalAgreementDialogConfig;
+export declare function LegalAgreementDialog({ open, onClose, onSign, isSigning, hasV2Signature, isAwaitingSignature, config, theme, }: LegalAgreementDialogProps): import("react/jsx-runtime").JSX.Element;
 export interface BlockedRegionDialogProps {
     open: boolean;
     onClose: () => void;

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

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+import { LegalAgreementVisualTheme } from './legal-agreement-theme';
+export interface LegalAgreementLinkProps {
+    readonly href: string;
+    readonly children: React.ReactNode;
+    readonly theme?: LegalAgreementVisualTheme;
+}
+/**
+ * Styled external link for legal agreement copy supplied by the host app.
+ */
+export declare function LegalAgreementLink({ href, children, theme, }: LegalAgreementLinkProps): React.ReactElement;

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

@@ -0,0 +1,16 @@
+import { default as React } from 'react';
+import { LegalAgreementDialogConfig } from './legal-agreement-dialog';
+import { LegalAgreementVisualTheme } from './legal-agreement-theme';
+export declare class LegalAgreementPanelTest {
+    static root: string;
+}
+export interface LegalAgreementPanelProps {
+    readonly config: LegalAgreementDialogConfig;
+    readonly checkedItems: Readonly<Record<string, boolean>>;
+    readonly onCheckedChange: (id: string) => void;
+    readonly hasV2Signature?: boolean;
+    readonly showTitle?: boolean;
+    readonly checkboxIdPrefix?: string;
+    readonly theme?: LegalAgreementVisualTheme;
+}
+export declare function LegalAgreementPanel({ config, checkedItems, onCheckedChange, hasV2Signature, showTitle, checkboxIdPrefix, theme, }: LegalAgreementPanelProps): React.ReactElement;

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

@@ -0,0 +1,36 @@
+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

@@ -0,0 +1,11 @@
+import { LegalAgreementDialogConfig } from './legal-agreement-dialog';
+import { LegalAgreementVisualTheme } from './legal-agreement-theme';
+export declare function createStoryPermissionlessLegalConfig(theme?: LegalAgreementVisualTheme): LegalAgreementDialogConfig;
+export declare function createStoryExtendedLegalConfig(theme?: LegalAgreementVisualTheme): LegalAgreementDialogConfig;
+export declare function createStoryRwaLegalConfig(theme?: LegalAgreementVisualTheme): LegalAgreementDialogConfig;
+/** Storybook-only sample config (single-checkbox flow). Not exported from ui-kit. */
+export declare const storyPermissionlessLegalConfig: LegalAgreementDialogConfig;
+/** Storybook-only sample config (three-checkbox flow). Not exported from ui-kit. */
+export declare const storyExtendedLegalConfig: LegalAgreementDialogConfig;
+/** Storybook-only RWA sample config. Not exported from ui-kit. */
+export declare const storyRwaLegalConfig: LegalAgreementDialogConfig;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gearbox-protocol/ui-kit",
-  "version": "3.14.0-next.13",
+  "version": "3.14.0-next.15",
   "description": "Internal UI components",
   "repository": "https://github.com/gearbox-protocol/ui-kit",
   "license": "MIT",

package/dist/cjs/components/composites/tx-preview/confirm/stepper/HorizontalTransactionStepper.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime");require("react");require("@gearbox-protocol/sdk");const s=require("../../../../../utils/cn.cjs");require("sonner");require("@gearbox-protocol/sdk/common-utils");require("luxon");require("../../../../../utils/z-index.cjs");const c=require("./constants.cjs"),i=20;function l({label:r,status:t,isLast:n}){return e.jsxs("li",{className:"flex min-w-0 flex-1 flex-col items-center",children:[e.jsxs("div",{className:"flex w-full items-center",children:[e.jsx("div",{className:s.cn("h-0.5 flex-1",t==="upcoming"?"bg-gray-40":"bg-success"),"aria-hidden":!0}),e.jsx(a,{status:t}),e.jsx("div",{className:s.cn("h-0.5 flex-1",n||t==="upcoming"?"bg-gray-40":"bg-success"),"aria-hidden":!0})]}),e.jsx("span",{className:s.cn("mt-2 truncate px-1 text-center text-xs",t==="active"?"font-bold text-foreground":t==="completed"?"text-foreground":"text-secondary-foreground"),children:r})]})}function a({status:r}){return r==="completed"?e.jsx("div",{className:"flex shrink-0 items-center justify-center rounded-full bg-success",style:{width:i,height:i},"aria-hidden":!0,children:e.jsxs("svg",{width:"12",height:"10",viewBox:"0 0 12 10",fill:"none",className:"text-success-foreground",role:"img","aria-hidden":!0,children:[e.jsx("title",{children:"Completed step"}),e.jsx("path",{d:"M1 5L4.5 8.5L11 1.5",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})]})}):e.jsx("div",{className:s.cn("flex shrink-0 items-center justify-center rounded-full border text-xs font-bold",r==="active"?"border-gray-50 bg-gray-50 text-foreground":"border-gray-40 bg-transparent text-gray-90"),style:{width:i,height:i},"aria-hidden":!0})}function d({steps:r,renderLabel:t}){return e.jsx("ol",{className:"flex w-full list-none p-0 m-0","data-testid":c.TransactionStepperTest.root,children:r.map((n,o)=>e.jsx(l,{label:t(n.labelKey),status:n.status,isLast:o===r.length-1},n.id))})}exports.HorizontalTransactionStepper=d;