@spicenet-io/spiceflow-ui 3.2.1 → 3.2.3

package/dist/components/SpiceWithdraw/SpiceWithdraw.d.ts

@@ -1,29 +1,5 @@
 import React from "react";
-import { Address } from "viem";
-import { CustomStyles } from "../../types/theme";
-import { ChainBatch } from "../../types/authorization";
-import { DestinationToken } from "../../types/withdraw";
-export interface SpiceWithdrawProps {
-    isOpen: boolean;
-    onClose: () => void;
-    styles?: CustomStyles;
-    onWithdrawExecute?: (withdrawnAmount: string) => Promise<void> | void;
-    withdrawActionLabel?: string;
-    onWithdrawSuccess?: (data: {
-        token: string;
-        amount: string;
-        chainId: number;
-    }) => void;
-    onWithdrawError?: (error: string) => void;
-    autoCloseDelay?: number;
-    supportedChains?: number[];
-    availableTokens?: Record<number, DestinationToken[]>;
-    buildSpicenetBatch?: (params: {
-        destinationChainId: number;
-        deliveryToken: Address;
-        deliveryAmount: bigint;
-        deliveryRecipient: Address;
-    }) => ChainBatch | null;
-}
+import type { SpiceWithdrawProps } from "../../types/withdraw";
+export type { SpiceWithdrawProps };
 export declare const SpiceWithdrawFlow: React.FC<SpiceWithdrawProps>;
 export declare const SpiceWithdraw: React.FC<SpiceWithdrawProps>;

package/dist/components/StatusDisplay/StatusIcon.d.ts

@@ -1,9 +1,3 @@
 import React from "react";
-import { Theme } from "../../types/theme";
-import { StepStatus, OverallStatus } from "../../types/status";
-export interface StatusIconProps {
-    status: StepStatus | OverallStatus;
-    size?: number;
-    theme?: Theme;
-}
+import type { StatusIconProps } from "../../types/status";
 export declare const StatusIcon: React.FC<StatusIconProps>;

package/dist/components/StatusDisplay/StatusPanel.d.ts

@@ -1,33 +1,4 @@
 import React from "react";
-import { Theme, CustomStyles } from "../../types/theme";
-import { IntentStatus } from "../../types/status";
-export interface StatusResultItem {
-    asset: {
-        symbol: string;
-        address: string;
-    };
-    txHash: string;
-    success: boolean;
-    error?: string;
-    amount?: string;
-}
-export interface StatusPanelProps {
-    isOpen?: boolean;
-    onClose: () => void;
-    onComplete?: () => void;
-    closeOnComplete?: boolean;
-    type: "deposit" | "withdraw" | "payment";
-    results?: StatusResultItem[];
-    chainName?: string;
-    explorerUrl?: string;
-    theme?: Theme;
-    styles?: CustomStyles;
-    dark?: boolean;
-    intentStatus?: IntentStatus | null;
-    onRetry?: () => void;
-    onNewTx?: () => void;
-    onRetryTx?: () => void;
-    asOverlay?: boolean;
-    isProcessing?: boolean;
-}
+import type { StatusResultItem, StatusPanelProps } from "../../types/status";
+export type { StatusResultItem, StatusPanelProps };
 export declare const StatusPanel: React.FC<StatusPanelProps>;

package/dist/components/StatusDisplay/StepItem.d.ts

@@ -1,10 +1,3 @@
 import React from "react";
-import { Theme } from "../../types/theme";
-import { SwapStep } from "../../types/status";
-export interface StepItemProps {
-    step: SwapStep;
-    explorerUrlBuilder?: (chainId: number, txHash: string) => string;
-    animationDelay?: number;
-    theme?: Theme;
-}
+import type { StepItemProps } from "../../types/status";
 export declare const StepItem: React.FC<StepItemProps>;

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

@@ -1,5 +1,4 @@
 export { StatusDisplay } from "./StatusDisplay";
 export { StatusIcon } from "./StatusIcon";
 export { StepItem } from "./StepItem";
-export type { StatusIconProps } from "./StatusIcon";
-export type { StepItemProps } from "./StepItem";
+export type { StatusIconProps, StepItemProps } from "../../types/status";

package/dist/components/index.d.ts

@@ -4,5 +4,3 @@ export * from "./ProviderLogins";
 export * from "./SpiceBalance";
 export * from "./SpiceWithdraw";
 export * from "./ui";
-export * from "./LpModal";
-export * from "./DepositWidget";

package/dist/components/ui/AddFundsLink.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import type { AddFundsLinkProps } from "../../types/ui";
+export declare const AddFundsLink: React.FC<AddFundsLinkProps>;

package/dist/components/ui/Button.d.ts

@@ -1,13 +1,3 @@
 import React from "react";
-import { Theme, CustomStyles } from "../../types/theme";
-export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
-    variant?: "primary" | "secondary" | "success" | "error" | "ghost" | "outline";
-    size?: "sm" | "md" | "lg";
-    loading?: boolean;
-    fullWidth?: boolean;
-    children: React.ReactNode;
-    theme?: Theme;
-    styles?: CustomStyles;
-    dark?: boolean;
-}
+import type { ButtonProps } from "../../types/ui";
 export declare const Button: React.FC<ButtonProps>;

package/dist/components/ui/CloseIcon.d.ts

@@ -1,8 +1,3 @@
 import React from "react";
-export interface CloseIconProps {
-    size?: number;
-    strokeWidth?: number;
-    color?: string;
-    style?: React.CSSProperties;
-}
+import type { CloseIconProps } from "../../types/ui";
 export declare const CloseIcon: React.FC<CloseIconProps>;

package/dist/components/ui/DetailRow.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import type { DetailRowProps } from "../../types/ui";
+export declare const DetailRow: React.FC<DetailRowProps>;

package/dist/components/ui/FeeBreakdownCard.d.ts

@@ -1,14 +1,6 @@
 import React from "react";
-export type FeePreview = {
-    symbol: string;
-    decimals: number;
-    grossAmount: bigint;
-    netAmount: bigint;
-    totalFee?: bigint;
-    gasFee: bigint;
-    spicenetFee: bigint;
-    gasQuoteSource: "estimated" | "configured_fallback" | "static_zero";
-};
+import type { FeePreview } from "../../types/ui";
+export type { FeePreview };
 type FeeBreakdownCardProps = {
     fontFamily: string;
     textPrimary: string;
@@ -24,4 +16,3 @@ type FeeBreakdownCardProps = {
     directExecutionFeeNote?: boolean;
 };
 export declare const FeeBreakdownCard: React.FC<FeeBreakdownCardProps>;
-export {};

package/dist/components/ui/Input.d.ts

@@ -1,12 +1,3 @@
 import React from "react";
-import { Theme } from "../../types/theme";
-export interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {
-    label?: string;
-    error?: string;
-    helper?: string;
-    fullWidth?: boolean;
-    startAdornment?: React.ReactNode;
-    endAdornment?: React.ReactNode;
-    theme?: Theme;
-}
+import type { InputProps } from "../../types/ui";
 export declare const Input: React.FC<InputProps>;

package/dist/components/ui/Modal.d.ts

@@ -1,12 +1,3 @@
 import React from "react";
-import { Theme } from "../../types/theme";
-export interface ModalProps {
-    isOpen: boolean;
-    onClose: () => void;
-    title?: string;
-    children: React.ReactNode;
-    maxWidth?: string;
-    className?: string;
-    theme?: Theme;
-}
+import type { ModalProps } from "../../types/ui";
 export declare const Modal: React.FC<ModalProps>;

package/dist/components/ui/SearchInput.d.ts

@@ -0,0 +1,15 @@
+import React from "react";
+import type { CustomStyles } from "../../types/theme";
+export interface SearchInputProps {
+    value: string;
+    onChange: (value: string) => void;
+    ariaLabel: string;
+    placeholder?: string;
+    endAdornment?: React.ReactNode;
+    size?: "md" | "lg";
+    dark?: boolean;
+    styles?: CustomStyles;
+    inputRef?: React.Ref<HTMLInputElement>;
+    autoFocus?: boolean;
+}
+export declare const SearchInput: React.FC<SearchInputProps>;

package/dist/components/ui/SpiceModalShell.d.ts

@@ -1,19 +1,3 @@
 import React from "react";
-import { Theme, CustomStyles } from "../../types/theme";
-export interface SpiceModalShellProps {
-    isOpen: boolean;
-    onClose: () => void;
-    title: string;
-    subtitle?: React.ReactNode;
-    children: React.ReactNode;
-    overlayContent?: React.ReactNode;
-    overlayDimmed?: boolean;
-    styles?: CustomStyles;
-    theme?: Theme;
-    maxWidth?: string;
-    dark?: boolean;
-    footerLinkText?: string;
-    bannerSrc?: string;
-    bannerAlt?: string;
-}
+import type { SpiceModalShellProps } from "../../types/ui";
 export declare const SpiceModalShell: React.FC<SpiceModalShellProps>;

package/dist/components/ui/Spinner.d.ts

@@ -1,8 +1,3 @@
 import React from "react";
-export interface SpinnerProps {
-    size?: number;
-    borderWidth?: number;
-    color?: string;
-    style?: React.CSSProperties;
-}
+import type { SpinnerProps } from "../../types/ui";
 export declare const Spinner: React.FC<SpinnerProps>;

package/dist/components/ui/StatusBanner.d.ts

@@ -1,12 +1,3 @@
 import React from "react";
-import type { ResolvedDarkPalette } from "../../utils/resolveTheme";
-export type StatusVariant = "success" | "warning" | "error" | "info";
-export interface StatusBannerProps {
-    variant: StatusVariant;
-    palette: ResolvedDarkPalette;
-    children: React.ReactNode;
-    icon?: React.ReactNode;
-    style?: React.CSSProperties;
-    fontFamily?: string;
-}
+import type { StatusBannerProps } from "../../types/ui";
 export declare const StatusBanner: React.FC<StatusBannerProps>;

package/dist/components/ui/icons.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+export interface IconProps {
+    size?: number;
+    color?: string;
+    strokeWidth?: number;
+    style?: React.CSSProperties;
+    className?: string;
+    "aria-hidden"?: boolean;
+}
+export declare const ChevronIcon: React.FC<IconProps & {
+    direction?: "down" | "up";
+}>;
+export declare const CheckIcon: React.FC<IconProps>;

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

@@ -2,13 +2,12 @@ export { Button } from "./Button";
 export { Input } from "./Input";
 export { Modal } from "./Modal";
 export { Spinner } from "./Spinner";
-export { Toast } from "./Toast";
 export { StatusBanner } from "./StatusBanner";
+export { DetailRow } from "./DetailRow";
+export { AddFundsLink } from "./AddFundsLink";
 export { CloseIcon } from "./CloseIcon";
-export type { ButtonProps } from "./Button";
-export type { InputProps } from "./Input";
-export type { ModalProps } from "./Modal";
-export type { SpinnerProps } from "./Spinner";
-export type { ToastProps } from "./Toast";
-export type { StatusBannerProps, StatusVariant } from "./StatusBanner";
-export type { CloseIconProps } from "./CloseIcon";
+export { SearchInput } from "./SearchInput";
+export type { SearchInputProps } from "./SearchInput";
+export { ChevronIcon, CheckIcon } from "./icons";
+export type { IconProps } from "./icons";
+export type { ButtonProps, InputProps, ModalProps, SpinnerProps, StatusBannerProps, StatusBannerSize, StatusVariant, CloseIconProps, DetailRowProps, AddFundsLinkProps, } from "../../types/ui";