@gearbox-protocol/ui-kit 3.14.0-next.14 → 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 { 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: (step: TransactionExecutionStepView) => 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,7 +1,11 @@
 export declare class TransactionConfirmDialogTest {
     static root: string;
     static execution: string;
+    static progress: string;
+    static result: string;
 }
-/** Mobile-first: full width on mobile, fixed 560px from md up. */
+/** 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,5 +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/{HorizontalTransactionStepper.d.ts → TransactionProgressStepper.d.ts}

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

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

@@ -22,7 +22,9 @@ export interface TransactionExecutionStepView {
     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,4 +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

@@ -1,4 +1,6 @@
-import { TransactionExecutionPrerequisiteStepId } from './computeTransactionExecutionSteps';
+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;

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

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

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

@@ -1,2 +1,2 @@
 export * from './constants';
-export * from './PoolOperationConfirmSummary';
+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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gearbox-protocol/ui-kit",
-  "version": "3.14.0-next.14",
+  "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 x=require("./constants.cjs"),a=12,g=24,m=a+g;function f({status:t,stepNumber:i}){const r=t==="active";return t==="completed"?e.jsx("div",{className:"flex h-6 w-6 shrink-0 items-center justify-center rounded-full bg-gray-40","aria-hidden":!0,children:e.jsxs("svg",{width:"12",height:"10",viewBox:"0 0 12 10",fill:"none",className:"text-gray-110",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 h-6 w-6 shrink-0 items-center justify-center rounded-full text-xs font-bold",r?"bg-white text-gray-10":"bg-gray-40 text-gray-110"),"aria-hidden":!0,children:i})}function y({active:t}){return e.jsx("span",{className:s.cn("pointer-events-none absolute top-0 z-10 block h-full",t?"bg-gray-40":"bg-gray-10"),style:{right:-a,width:a,clipPath:"polygon(0 0, 100% 50%, 0 100%)"},"aria-hidden":!0})}function j({step:t,stepNumber:i,index:r,total:n,label:p}){const{status:u}=t,l=r===0,d=r===n-1,c=n===1,o=u==="active",h=l?g:m;return e.jsx("li",{className:s.cn("relative min-w-0 flex-1 list-none",!l&&"-ml-3"),style:{zIndex:n-r},"aria-current":o?"step":void 0,children:e.jsxs("div",{className:s.cn("relative flex min-h-12 w-full items-center gap-2 py-2.5 text-xs",o?"bg-gray-40 text-foreground":"bg-gray-10 text-gray-110",c&&"rounded-lg pr-6",!c&&l&&"rounded-l-lg pr-2",!c&&d&&"rounded-r-lg pr-6"),style:{paddingLeft:h},children:[e.jsx(f,{status:u,stepNumber:i}),e.jsx("span",{className:s.cn("min-w-0 truncate",o&&"font-bold"),children:p}),d?null:e.jsx(y,{active:o})]})})}function v({steps:t,renderLabel:i}){return e.jsx("ol",{className:"flex w-full list-none p-0 m-0","data-testid":x.TransactionStepperTest.root,children:t.map((r,n)=>e.jsx(j,{step:r,stepNumber:n+1,index:n,total:t.length,label:i(r)},r.id))})}exports.HorizontalTransactionStepper=v;

package/dist/cjs/components/composites/tx-preview/confirm/summary/PoolOperationConfirmSummary.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),h=require("@gearbox-protocol/sdk"),v=require("../../../../fadeout-loading/fadeout-loading.cjs"),y=require("../../../../tip-card/tip-card.cjs"),t=require("../../../../vertical-indicator/vertical-indicator.cjs"),C=require("../../../../vertical-list/vertical-list.cjs"),b=require("../../../../with-copy/with-copy.cjs"),f=require("./constants.cjs");function n({amount:o,symbol:i}){return e.jsxs("span",{children:[o," ",i]})}function q({primaryLabel:o,primaryAmount:i,primaryTokenSymbol:a,receiveLabel:l,receiveAmount:c,receiveTokenSymbol:m,apyLabel:u,apy:r,apyLoading:d=!1,curatorLabel:p,curatorName:x,poolLabel:j,poolAddress:s}){const _=h.shortAddress(s);return e.jsx(y.TipCard,{textColor:"light","data-testid":f.PoolOperationConfirmSummaryTest.root,children:e.jsxs(C.VerticalList,{children:[e.jsx(t.VerticalIndicator,{size:"sm",label:o,value:e.jsx(n,{amount:i,symbol:a})}),e.jsx(t.VerticalIndicator,{size:"sm",label:l,value:e.jsx(n,{amount:c,symbol:m})}),r!==void 0?e.jsx(t.VerticalIndicator,{size:"sm",label:u,value:e.jsx(v.FadeoutLoading,{loading:d,children:r})}):null,e.jsx(t.VerticalIndicator,{size:"sm",label:p,value:x}),e.jsx(t.VerticalIndicator,{size:"sm",label:j,value:e.jsx(b.WithCopy,{toCopy:s,children:e.jsx("span",{children:_})})})]})})}exports.PoolOperationConfirmSummary=q;

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

@@ -1,136 +0,0 @@
-import { jsx as e, jsxs as p } from "react/jsx-runtime";
-import "react";
-import "@gearbox-protocol/sdk";
-import { cn as o } from "../../../../../utils/cn.js";
-import "sonner";
-import "@gearbox-protocol/sdk/common-utils";
-import "luxon";
-import "../../../../../utils/z-index.js";
-import { TransactionStepperTest as f } from "./constants.js";
-const c = 12, u = 24, y = c + u;
-function x({
-  status: t,
-  stepNumber: i
-}) {
-  const r = t === "active";
-  return t === "completed" ? /* @__PURE__ */ e(
-    "div",
-    {
-      className: "flex h-6 w-6 shrink-0 items-center justify-center rounded-full bg-gray-40",
-      "aria-hidden": !0,
-      children: /* @__PURE__ */ p(
-        "svg",
-        {
-          width: "12",
-          height: "10",
-          viewBox: "0 0 12 10",
-          fill: "none",
-          className: "text-gray-110",
-          role: "img",
-          "aria-hidden": !0,
-          children: [
-            /* @__PURE__ */ e("title", { children: "Completed step" }),
-            /* @__PURE__ */ e(
-              "path",
-              {
-                d: "M1 5L4.5 8.5L11 1.5",
-                stroke: "currentColor",
-                strokeWidth: "2",
-                strokeLinecap: "round",
-                strokeLinejoin: "round"
-              }
-            )
-          ]
-        }
-      )
-    }
-  ) : /* @__PURE__ */ e(
-    "div",
-    {
-      className: o(
-        "flex h-6 w-6 shrink-0 items-center justify-center rounded-full text-xs font-bold",
-        r ? "bg-white text-gray-10" : "bg-gray-40 text-gray-110"
-      ),
-      "aria-hidden": !0,
-      children: i
-    }
-  );
-}
-function v({ active: t }) {
-  return /* @__PURE__ */ e(
-    "span",
-    {
-      className: o(
-        "pointer-events-none absolute top-0 z-10 block h-full",
-        t ? "bg-gray-40" : "bg-gray-10"
-      ),
-      style: {
-        right: -c,
-        width: c,
-        clipPath: "polygon(0 0, 100% 50%, 0 100%)"
-      },
-      "aria-hidden": !0
-    }
-  );
-}
-function N({
-  step: t,
-  stepNumber: i,
-  index: r,
-  total: n,
-  label: g
-}) {
-  const { status: d } = t, s = r === 0, m = r === n - 1, a = n === 1, l = d === "active", h = s ? u : y;
-  return /* @__PURE__ */ e(
-    "li",
-    {
-      className: o("relative min-w-0 flex-1 list-none", !s && "-ml-3"),
-      style: { zIndex: n - r },
-      "aria-current": l ? "step" : void 0,
-      children: /* @__PURE__ */ p(
-        "div",
-        {
-          className: o(
-            "relative flex min-h-12 w-full items-center gap-2 py-2.5 text-xs",
-            l ? "bg-gray-40 text-foreground" : "bg-gray-10 text-gray-110",
-            a && "rounded-lg pr-6",
-            !a && s && "rounded-l-lg pr-2",
-            !a && m && "rounded-r-lg pr-6"
-          ),
-          style: { paddingLeft: h },
-          children: [
-            /* @__PURE__ */ e(x, { status: d, stepNumber: i }),
-            /* @__PURE__ */ e("span", { className: o("min-w-0 truncate", l && "font-bold"), children: g }),
-            m ? null : /* @__PURE__ */ e(v, { active: l })
-          ]
-        }
-      )
-    }
-  );
-}
-function _({
-  steps: t,
-  renderLabel: i
-}) {
-  return /* @__PURE__ */ e(
-    "ol",
-    {
-      className: "flex w-full list-none p-0 m-0",
-      "data-testid": f.root,
-      children: t.map((r, n) => /* @__PURE__ */ e(
-        N,
-        {
-          step: r,
-          stepNumber: n + 1,
-          index: n,
-          total: t.length,
-          label: i(r)
-        },
-        r.id
-      ))
-    }
-  );
-}
-export {
-  _ as HorizontalTransactionStepper
-};

package/dist/esm/components/composites/tx-preview/confirm/summary/PoolOperationConfirmSummary.js

@@ -1,92 +0,0 @@
-import { jsx as o, jsxs as a } from "react/jsx-runtime";
-import { shortAddress as y } from "@gearbox-protocol/sdk";
-import { FadeoutLoading as C } from "../../../../fadeout-loading/fadeout-loading.js";
-import { TipCard as z } from "../../../../tip-card/tip-card.js";
-import { VerticalIndicator as r } from "../../../../vertical-indicator/vertical-indicator.js";
-import { VerticalList as x } from "../../../../vertical-list/vertical-list.js";
-import { WithCopy as g } from "../../../../with-copy/with-copy.js";
-import { PoolOperationConfirmSummaryTest as P } from "./constants.js";
-function m({
-  amount: i,
-  symbol: t
-}) {
-  return /* @__PURE__ */ a("span", { children: [
-    i,
-    " ",
-    t
-  ] });
-}
-function F({
-  primaryLabel: i,
-  primaryAmount: t,
-  primaryTokenSymbol: n,
-  receiveLabel: s,
-  receiveAmount: d,
-  receiveTokenSymbol: u,
-  apyLabel: p,
-  apy: e,
-  apyLoading: f = !1,
-  curatorLabel: c,
-  curatorName: h,
-  poolLabel: b,
-  poolAddress: l
-}) {
-  const v = y(l);
-  return /* @__PURE__ */ o(
-    z,
-    {
-      textColor: "light",
-      "data-testid": P.root,
-      children: /* @__PURE__ */ a(x, { children: [
-        /* @__PURE__ */ o(
-          r,
-          {
-            size: "sm",
-            label: i,
-            value: /* @__PURE__ */ o(
-              m,
-              {
-                amount: t,
-                symbol: n
-              }
-            )
-          }
-        ),
-        /* @__PURE__ */ o(
-          r,
-          {
-            size: "sm",
-            label: s,
-            value: /* @__PURE__ */ o(
-              m,
-              {
-                amount: d,
-                symbol: u
-              }
-            )
-          }
-        ),
-        e !== void 0 ? /* @__PURE__ */ o(
-          r,
-          {
-            size: "sm",
-            label: p,
-            value: /* @__PURE__ */ o(C, { loading: f, children: e })
-          }
-        ) : null,
-        /* @__PURE__ */ o(r, { size: "sm", label: c, value: h }),
-        /* @__PURE__ */ o(
-          r,
-          {
-            size: "sm",
-            label: b,
-            value: /* @__PURE__ */ o(g, { toCopy: l, children: /* @__PURE__ */ o("span", { children: v }) })
-          }
-        )
-      ] })
-    }
-  );
-}
-export {
-  F as PoolOperationConfirmSummary
-};

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

@@ -1,18 +0,0 @@
-import { default as React } from 'react';
-import { Address } from 'viem';
-export interface PoolOperationConfirmSummaryProps {
-    readonly primaryLabel: React.ReactNode;
-    readonly primaryAmount: string;
-    readonly primaryTokenSymbol: string;
-    readonly receiveLabel: React.ReactNode;
-    readonly receiveAmount: string;
-    readonly receiveTokenSymbol: string;
-    readonly apyLabel?: React.ReactNode;
-    readonly apy?: React.ReactNode;
-    readonly apyLoading?: boolean;
-    readonly curatorLabel: React.ReactNode;
-    readonly curatorName: string;
-    readonly poolLabel: React.ReactNode;
-    readonly poolAddress: Address;
-}
-export declare function PoolOperationConfirmSummary({ primaryLabel, primaryAmount, primaryTokenSymbol, receiveLabel, receiveAmount, receiveTokenSymbol, apyLabel, apy, apyLoading, curatorLabel, curatorName, poolLabel, poolAddress, }: PoolOperationConfirmSummaryProps): React.ReactElement;