@spicenet-io/spiceflow-ui 3.2.1 → 3.2.2

package/dist/providerWallet-DDywdl9_.js

@@ -0,0 +1,2 @@
+"use client";
+import{createWalletClient as l,custom as d}from"viem";import{g as c}from"./Button-dU4UsC56.js";const o=t=>{if(!t)return!1;const e=t.connector;if(!e)return!1;if(e.isEmbeddedWallet===!0)return!0;const r=(e.key||e.connectorKey||"").toLowerCase();if(r.includes("embedded")||r.includes("turnkey"))return!0;const n=(e.name||t.walletName||"").toLowerCase();return!!(n.includes("embedded")||n.includes("turnkey"))},u=t=>(t?.connectedWallets||[]).find(e=>o(e))||(o(t?.primaryWallet)?t.primaryWallet:null),f=t=>(t?.connectedWallets||[]).find(e=>e?.address&&e?.connector&&!o(e))||null,i=async(t,e)=>{if(!t?.address)throw new Error("Wallet not available");if(typeof t.getWalletClient=="function"){const r=e===void 0?[void 0]:[String(e),e,void 0];let n=null;for(const s of r)try{const a=await t.getWalletClient(s);if(a)return a}catch(a){n=a}if(n)throw n}if(typeof t.getEthereumProvider=="function"){const r=await t.getEthereumProvider(),n=e?c(e)?.viemChain:void 0;return l({account:t.address,chain:n,transport:d(r)})}throw new Error("Wallet client not available")},m=async(t,e)=>{if(!t?.address)throw new Error("Wallet not available");if(typeof t.getEthereumProvider=="function")return t.getEthereumProvider();const r=await i(t,e);return{request:n=>r.request(n)}},y=(t,e)=>({address:t?.address||e.address,chainId:Number(t?.chainId??e.chainId),contractAddress:t?.contractAddress||t?.delegate||e.contractAddress,nonce:BigInt(t?.nonce??e.nonce),r:t?.r,s:t?.s,yParity:(()=>{if(typeof t?.yParity=="number")return t.yParity;const r=Number(t?.v??27);return Number.isFinite(r)?r>=27?r-27:r:0})()});export{m as a,f as b,i as c,u as g,y as n};

package/dist/providerWallet-cDeDz-zR.js

@@ -0,0 +1,2 @@
+"use client";
+"use strict";const o=require("viem"),c=require("./Button-B--Fjq1m.js"),a=e=>{if(!e)return!1;const t=e.connector;if(!t)return!1;if(t.isEmbeddedWallet===!0)return!0;const r=(t.key||t.connectorKey||"").toLowerCase();if(r.includes("embedded")||r.includes("turnkey"))return!0;const n=(t.name||e.walletName||"").toLowerCase();return!!(n.includes("embedded")||n.includes("turnkey"))},s=e=>(e?.connectedWallets||[]).find(t=>a(t))||(a(e?.primaryWallet)?e.primaryWallet:null),u=e=>(e?.connectedWallets||[]).find(t=>t?.address&&t?.connector&&!a(t))||null,l=async(e,t)=>{if(!e?.address)throw new Error("Wallet not available");if(typeof e.getWalletClient=="function"){const r=t===void 0?[void 0]:[String(t),t,void 0];let n=null;for(const d of r)try{const i=await e.getWalletClient(d);if(i)return i}catch(i){n=i}if(n)throw n}if(typeof e.getEthereumProvider=="function"){const r=await e.getEthereumProvider(),n=t?c.getChainConfig(t)?.viemChain:void 0;return o.createWalletClient({account:e.address,chain:n,transport:o.custom(r)})}throw new Error("Wallet client not available")},m=async(e,t)=>{if(!e?.address)throw new Error("Wallet not available");if(typeof e.getEthereumProvider=="function")return e.getEthereumProvider();const r=await l(e,t);return{request:n=>r.request(n)}},f=(e,t)=>({address:e?.address||t.address,chainId:Number(e?.chainId??t.chainId),contractAddress:e?.contractAddress||e?.delegate||t.contractAddress,nonce:BigInt(e?.nonce??t.nonce),r:e?.r,s:e?.s,yParity:(()=>{if(typeof e?.yParity=="number")return e.yParity;const r=Number(e?.v??27);return Number.isFinite(r)?r>=27?r-27:r:0})()});exports.getDynamicEmbeddedWallet=s,exports.getDynamicExternalWallet=u,exports.getProviderEthereumProvider=m,exports.getProviderWalletClient=l,exports.normalizeAuthorization=f;

package/dist/providers/custom.css

@@ -1 +1 @@
-@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@100;200;300;400;500;600;700&display=swap");@keyframes spiceflow-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.ibm-plex-mono-thin{font-weight:100}.ibm-plex-mono-extralight,.ibm-plex-mono-thin{font-family:IBM Plex Mono,monospace!important;font-style:normal}.ibm-plex-mono-extralight{font-weight:200}.ibm-plex-mono-light{font-weight:300}.ibm-plex-mono-light,.ibm-plex-mono-regular{font-family:IBM Plex Mono,monospace!important;font-style:normal}.ibm-plex-mono-regular{font-weight:400}.ibm-plex-mono-medium{font-weight:500}.ibm-plex-mono-medium,.ibm-plex-mono-semibold{font-family:IBM Plex Mono,monospace!important;font-style:normal}.ibm-plex-mono-semibold{font-weight:600}.ibm-plex-mono-bold{font-family:IBM Plex Mono,monospace!important;font-style:normal;font-weight:700}#privy-modal-content button{border-radius:6px;font-family:IBM Plex Mono,monospace!important;font-size:small;letter-spacing:-.5px;text-transform:uppercase}#privy-modal-content input{background:#fff;border-radius:6px;padding-top:5px!important}#privy-dialog-title{display:none!important;font-size:18px;padding-bottom:10px;padding-top:10px}.AppLogoContainer-sc-a206bd44-0{display:none}#privy-modal-content{background:var(--Neutral-0,#fafafa);border:6px solid var(--Neutral-1,#e9e9e9);box-shadow:inset 0 0 0 1px rgba(0,0,0,.15),0 330px 92px transparent,0 211px 84px rgba(0,0,0,.01),0 119px 71px rgba(0,0,0,.05),0 53px 53px rgba(0,0,0,.09),0 13px 29px rgba(0,0,0,.1);height:auto!important;padding-bottom:10px}.Subtitle-sc-ddbf22b4-4{font-size:12px;margin-top:-14px;opacity:.5}.StyledLink-sc-1c6127e5-0{background:none!important}.StyledLink-sc-c8577138-0,.login-method-button{font-family:IBM Plex Mono,monospace!important}.StyledLink-sc-c8577138-0{font-style:uppercase}#protected-by-privy{color:#000!important}
+@keyframes spiceflow-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}}.spiceflow-focus-ring:focus-visible,[data-spiceflow-focus]:focus-visible{border-radius:4px;outline:2px solid currentColor;outline-offset:2px}@media (forced-colors:active){.spiceflow-focus-ring:focus-visible,[data-spiceflow-focus]:focus-visible{outline:2px solid Highlight}}.ibm-plex-mono-thin{font-weight:100}.ibm-plex-mono-extralight,.ibm-plex-mono-thin{font-family:IBM Plex Mono,monospace!important;font-style:normal}.ibm-plex-mono-extralight{font-weight:200}.ibm-plex-mono-light{font-weight:300}.ibm-plex-mono-light,.ibm-plex-mono-regular{font-family:IBM Plex Mono,monospace!important;font-style:normal}.ibm-plex-mono-regular{font-weight:400}.ibm-plex-mono-medium{font-weight:500}.ibm-plex-mono-medium,.ibm-plex-mono-semibold{font-family:IBM Plex Mono,monospace!important;font-style:normal}.ibm-plex-mono-semibold{font-weight:600}.ibm-plex-mono-bold{font-family:IBM Plex Mono,monospace!important;font-style:normal;font-weight:700}#privy-modal-content button{border-radius:6px;font-family:IBM Plex Mono,monospace!important;font-size:small;letter-spacing:-.5px;text-transform:uppercase}#privy-modal-content input{background:#fff;border-radius:6px;padding-top:5px!important}#privy-dialog-title{display:none!important;font-size:18px;padding-bottom:10px;padding-top:10px}.AppLogoContainer-sc-a206bd44-0{display:none}#privy-modal-content{background:var(--Neutral-0,#fafafa);border:6px solid var(--Neutral-1,#e9e9e9);box-shadow:inset 0 0 0 1px rgba(0,0,0,.15),0 330px 92px transparent,0 211px 84px rgba(0,0,0,.01),0 119px 71px rgba(0,0,0,.05),0 53px 53px rgba(0,0,0,.09),0 13px 29px rgba(0,0,0,.1);height:auto!important;padding-bottom:10px}.Subtitle-sc-ddbf22b4-4{font-size:12px;margin-top:-14px;opacity:.5}.StyledLink-sc-1c6127e5-0{background:none!important}.StyledLink-sc-c8577138-0,.login-method-button{font-family:IBM Plex Mono,monospace!important}.StyledLink-sc-c8577138-0{font-style:uppercase}#protected-by-privy{color:#000!important}

package/dist/types/assets.d.ts

@@ -56,3 +56,25 @@ export interface AssetSelectorProps {
     dark?: boolean;
     onViewAllAssets?: () => void;
 }
+export interface TokenIconProps {
+    symbol: string;
+    logoURI?: string;
+    size?: number;
+    theme?: Theme;
+}
+export interface ChainIconProps {
+    chainId?: number;
+    name?: string;
+    size?: number;
+    theme?: Theme;
+}
+export interface AssetDropdownProps {
+    selectedAsset?: SelectedAsset;
+    assets: Asset[];
+    onAssetSelect: (asset: Asset) => void;
+    showDropdown: boolean;
+    onToggleDropdown: () => void;
+    disabled?: boolean;
+    theme?: Theme;
+    onViewAllAssets?: () => void;
+}

package/dist/types/authorization.d.ts

@@ -1,6 +1,9 @@
 import { Address } from "viem";
-import type { Call, TokenTransferConfig } from "@spicenet-io/spiceflow-core";
-export type { Call, SwapIntent, BatchEntry, TokenTransferConfig, } from "@spicenet-io/spiceflow-core";
+import type { Call, TokenTransferConfig as CoreTokenTransferConfig } from "@spicenet-io/spiceflow-core";
+export type { Call, SwapIntent, BatchEntry } from "@spicenet-io/spiceflow-core";
+export type TokenTransferConfig = Omit<CoreTokenTransferConfig, "from"> & {
+    from: CoreTokenTransferConfig["from"] | "escrow";
+};
 export interface Authorization {
     address: Address;
     chainId: number;

package/dist/types/deposit.d.ts

@@ -2,7 +2,10 @@ import { Address } from "viem";
 import { ChainBatch } from ".";
 import { UseAssetInputReturn } from "../hooks/useAssetInput";
 import { Asset } from "./assets";
-import { CustomStyles, ThemeMode } from "./theme";
+import { CustomStyles, Theme } from "./theme";
+import type { IntentStatus } from "./status";
+import type { Network } from "@spicenet-io/spiceflow-core";
+import type { VerifiedPendingDeposit } from "../hooks/usePendingDeposit";
 export interface PostDepositContext {
     sourceChainId: number;
     depositTokenAddress: Address;
@@ -30,31 +33,6 @@ export interface SpiceDepositResponse {
         message: string;
     };
 }
-export interface DepositWidgetProps {
-    depositBatches: ChainBatch[];
-    tokenAddress: Address;
-    tokenDecimals: number;
-    tokenTransferAmount?: bigint;
-    supportedChains: number[];
-    supportedTokens?: string[];
-    theme?: ThemeMode;
-    styles?: CustomStyles;
-    className?: string;
-    depositInputHook?: UseAssetInputReturn;
-    onDepositSuccess?: (intentId: string) => void;
-    onDepositError?: (error: string) => void;
-    onTopUp?: () => void;
-    onComplete?: () => void;
-    submitButtonText?: string;
-    maxAmount?: string;
-    userToSolverTransfers?: Array<{
-        token: Address;
-        amount: bigint;
-    }>;
-    includeWalletAssets?: boolean;
-    destinationTokenAddress?: Address;
-    walletAssetChainId?: number;
-}
 export interface DepositModalProps {
     isOpen: boolean;
     onClose: () => void;
@@ -78,7 +56,6 @@ export interface DepositModalProps {
     onDepositExecute?: (bridgedAmount: string) => Promise<void> | void;
     depositActionLabel?: string;
     nativeChainId?: number;
-    airdrop?: boolean;
     sponsorGas?: boolean;
     preSelectedAsset?: Asset;
     escrowOnly?: boolean;
@@ -96,3 +73,93 @@ export interface DepositModalProps {
     }) => void;
     onViewAllAssets?: () => void;
 }
+export interface EscrowRecovery {
+    chainId: number;
+    tokenAddress: string;
+    tokenSymbol: string;
+    tokenDecimals: number;
+    amount: string;
+}
+export interface SpiceDepositProps {
+    isOpen: boolean;
+    onClose: () => void;
+    styles?: CustomStyles;
+    depositBatches?: ChainBatch[] | ((context: PostDepositContext) => Promise<ChainBatch[]>) | ((depositAmount: string, depositTokenAddress: string) => Promise<ChainBatch[]>);
+    allowedTokens?: string[];
+    onDepositAmountChange?: (amount: string) => void;
+    destinationChainId?: number;
+    destinationTokenAddress?: string;
+    onDepositExecute?: (bridgedAmount: string) => Promise<void> | void;
+    depositActionLabel?: string;
+    sponsorGas?: boolean;
+    escrowRecovery?: EscrowRecovery;
+    skipTokenSelection?: boolean;
+    onDepositSuccess?: (detail: {
+        type: "deposit";
+        status: "success";
+        amount?: string;
+        asset?: string;
+        sourceChain?: string;
+        txHash?: string;
+    }) => void;
+    skipRecovery?: boolean;
+}
+export interface SelectTokenModalProps {
+    isOpen: boolean;
+    onClose: () => void;
+    onTokenSelect: (asset: Asset) => void;
+    walletAddress: Address;
+    supportedChainIds?: number[];
+    network?: Network;
+    prefetchedAssets?: Asset[] | null;
+    styles?: CustomStyles;
+    dark?: boolean;
+    allowedTokens?: string[];
+}
+export interface DepositConfirmationData {
+    network: string;
+    amount: string;
+    symbol: string;
+    chainId?: number;
+    creditedAmount?: string;
+    spicenetFee?: string;
+    networkFee?: string;
+    quoteSource?: string;
+}
+export interface DepositConfirmationModalProps {
+    isOpen: boolean;
+    onClose: () => void;
+    onConfirm: () => void;
+    data: DepositConfirmationData | null;
+    isExecuting?: boolean;
+    error?: string | null;
+    theme: Theme;
+    styles?: CustomStyles;
+    intentStatus?: IntentStatus | null;
+    postDepositStatus?: "idle" | "executing" | "success" | "error";
+    hasPostDepositInstruction?: boolean;
+}
+export interface StatusToastProps {
+    intentStatus: IntentStatus | null;
+    postDepositSuccess?: boolean;
+    postDepositAmount?: string | null;
+    postDepositStatus?: "idle" | "executing" | "success" | "error";
+    depositActionLabel?: string;
+    sourceChainName?: string;
+    directDepositStatus?: "idle" | "processing" | "success";
+    directDepositTxHash?: string | null;
+    directDepositChainId?: number | null;
+    styles?: CustomStyles;
+}
+export interface DepositRecoveryPromptProps {
+    isOpen: boolean;
+    onClose: () => void;
+    deposits: VerifiedPendingDeposit[];
+    onComplete: (deposit: VerifiedPendingDeposit) => void;
+    onCancel: (deposit: VerifiedPendingDeposit) => void;
+    onSkip: () => void;
+    onChangeWallet?: () => void;
+    isProcessing: boolean;
+    error?: string | null;
+    styles?: CustomStyles;
+}

package/dist/types/index.d.ts

@@ -8,3 +8,5 @@ export * from "./wallet";
 export * from "./balance";
 export * from "./unified";
 export * from "./rollup";
+export * from "./ui";
+export * from "./pay";

package/dist/types/lock.d.ts

@@ -56,3 +56,47 @@ export interface SpiceLockModalProps {
     styles?: CustomStyles;
     dark?: boolean;
 }
+export interface LockDurationSliderProps {
+    options: SpiceLockModalProps["durationOptions"];
+    selectedIndex: number;
+    onSelect: (index: number) => void;
+    primaryColor: string;
+    dark?: boolean;
+    textPrimary?: string;
+    textSecondary?: string;
+    trackColor?: string;
+}
+export interface LockExpiryRowProps {
+    durationMonths: number | undefined;
+    fontFamily: string;
+    dark?: boolean;
+    textPrimary?: string;
+    textSecondary?: string;
+}
+export interface VotingPowerRowProps {
+    votes: number | undefined;
+    fontFamily: string;
+    dark?: boolean;
+    textPrimary?: string;
+    textSecondary?: string;
+}
+export interface LockConfirmationData {
+    sourceNetwork: string;
+    depositedAmount: string;
+    depositedSymbol: string;
+    reppoReceived: string;
+    reppoSymbol: string;
+    txHash?: string;
+    explorerUrl?: string;
+}
+export interface LockConfirmationPanelProps {
+    isOpen: boolean;
+    data: LockConfirmationData | null;
+    isLocking: boolean;
+    lockError: string | null;
+    onContinue: () => void;
+    onClose: () => void;
+    primaryColor: string;
+    fontFamily: string;
+    dark?: boolean;
+}

package/dist/types/pay.d.ts

@@ -0,0 +1,30 @@
+import type React from "react";
+import type { Address } from "viem";
+import type { Call } from "./authorization";
+import type { CustomStyles } from "./theme";
+import type { BuildActionCallsContext, SpiceSupplyProps } from "./supply";
+export interface SpicePayProps {
+    isOpen: boolean;
+    onClose: () => void;
+    paymentTokenAddress: Address;
+    paymentTokenSymbol: string;
+    paymentTokenDecimals: number;
+    paymentTokenLogoURI?: string;
+    paymentChainId: number;
+    paymentAmount?: string;
+    amountInputMode?: "fixed" | "adjustable";
+    minPaymentAmount?: string;
+    maxPaymentAmount?: string;
+    onAmountChange?: (amount: string) => void;
+    buildActionCalls: (amount: bigint, ctx: BuildActionCallsContext) => Call[];
+    buildSpicenetBatch?: SpiceSupplyProps["buildSpicenetBatch"];
+    sourceChains?: number[];
+    onPaymentSuccess?: (txHash?: string) => void;
+    onPaymentError?: (error: Error) => void;
+    styles?: CustomStyles;
+    dark?: boolean;
+    title?: string;
+    subtitle?: React.ReactNode;
+    ctaLabel?: string;
+    onAddFunds?: () => void;
+}

package/dist/types/status.d.ts

@@ -1,4 +1,4 @@
-import { Theme } from "./theme";
+import { Theme, CustomStyles } from "./theme";
 export type StepStatus = "pending" | "processing" | "success" | "failed";
 export type OverallStatus = "processing" | "success" | "failed";
 export interface SwapStep {
@@ -23,3 +23,43 @@ export interface StatusDisplayProps {
     explorerUrlBuilder?: (chainId: number, txHash: string) => string;
     theme?: Theme;
 }
+export interface StepItemProps {
+    step: SwapStep;
+    explorerUrlBuilder?: (chainId: number, txHash: string) => string;
+    animationDelay?: number;
+    theme?: Theme;
+}
+export interface StatusIconProps {
+    status: StepStatus | OverallStatus;
+    size?: number;
+    theme?: Theme;
+}
+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;
+}

package/dist/types/supply.d.ts

@@ -59,3 +59,16 @@ export interface SpiceSupplyProps {
     onSuccess?: (txHash: string) => void;
     onError?: (error: Error) => void;
 }
+export interface SupplyEstimateProps {
+    isQuoting: boolean;
+    quoteError: string | null;
+    estimatedOutput: string | null;
+    destinationSymbol: string;
+    destinationLogoURI?: string;
+    textPrimary: string;
+    textSecondary: string;
+    cardBg: string;
+    cardBorder: string;
+    fontFamily: string;
+    primaryColor: string;
+}

package/dist/types/ui.d.ts

@@ -0,0 +1,95 @@
+import type React from "react";
+import type { Theme, CustomStyles } from "./theme";
+import type { ResolvedDarkPalette } from "../utils/resolveTheme";
+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;
+}
+export interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {
+    label?: string;
+    error?: string;
+    helper?: string;
+    fullWidth?: boolean;
+    startAdornment?: React.ReactNode;
+    endAdornment?: React.ReactNode;
+    theme?: Theme;
+}
+export interface ModalProps {
+    isOpen: boolean;
+    onClose: () => void;
+    title?: string;
+    children: React.ReactNode;
+    maxWidth?: string;
+    className?: string;
+    theme?: Theme;
+}
+export interface SpinnerProps {
+    size?: number;
+    borderWidth?: number;
+    color?: string;
+    style?: React.CSSProperties;
+}
+export interface CloseIconProps {
+    size?: number;
+    strokeWidth?: number;
+    color?: string;
+    style?: React.CSSProperties;
+}
+export type StatusVariant = "success" | "warning" | "error" | "info";
+export type StatusBannerSize = "default" | "compact";
+export interface StatusBannerProps {
+    variant: StatusVariant;
+    palette: ResolvedDarkPalette;
+    children: React.ReactNode;
+    icon?: React.ReactNode;
+    style?: React.CSSProperties;
+    fontFamily?: string;
+    size?: StatusBannerSize;
+}
+export interface DetailRowProps {
+    label: React.ReactNode;
+    value: React.ReactNode;
+    palette: ResolvedDarkPalette;
+    valueColor?: string;
+    labelColor?: string;
+    style?: React.CSSProperties;
+}
+export interface AddFundsLinkProps {
+    onClick: () => void;
+    label?: string;
+    color: string;
+    fontFamily?: string;
+    style?: React.CSSProperties;
+}
+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;
+}
+export type FeePreview = {
+    symbol: string;
+    decimals: number;
+    grossAmount: bigint;
+    netAmount: bigint;
+    totalFee?: bigint;
+    gasFee: bigint;
+    spicenetFee: bigint;
+    gasQuoteSource: "estimated" | "configured_fallback" | "static_zero";
+};

package/dist/types/wallet.d.ts

@@ -46,3 +46,34 @@ export interface WalletLoginProps {
     className?: string;
     buttonText?: string;
 }
+export interface ProviderLoginProps {
+    onAuthSuccess?: (address: string) => void;
+    onAuthError?: (error: string) => void;
+    theme?: "light" | "dark";
+    className?: string;
+    buttonText?: string;
+    autoTrigger?: boolean;
+}
+export interface PrivyLoginProps {
+    onAuthSuccess?: (address: string) => void;
+    onAuthError?: (error: string) => void;
+    theme?: "light" | "dark";
+    className?: string;
+    buttonText?: string;
+    autoTrigger?: boolean;
+}
+export interface DynamicLoginProps {
+    onAuthSuccess?: (address: string) => void;
+    onAuthError?: (error: string) => void;
+    theme?: "light" | "dark";
+    className?: string;
+    buttonText?: string;
+    autoTrigger?: boolean;
+}
+export interface ExportWalletButtonProps {
+    label?: string;
+    style?: React.CSSProperties;
+    className?: string;
+    onExport?: () => void;
+    onError?: (error: string) => void;
+}

package/dist/types/withdraw.d.ts

@@ -1,4 +1,6 @@
 import { Address } from "viem";
+import type { CustomStyles } from "./theme";
+import type { ChainBatch } from "./authorization";
 export interface DestinationToken {
     address: Address;
     symbol: string;
@@ -6,6 +8,34 @@ export interface DestinationToken {
     decimals: number;
     logoURI?: string;
 }
+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;
+}
+export interface SelectPopoverItem {
+    id: string;
+    label: string;
+    icon?: string;
+    detail?: string;
+}
 export interface SpiceWithdrawRequest {
     user: string;
     txHash: string;

package/dist/utils/loadFonts.d.ts

@@ -0,0 +1 @@
+export declare function injectFontStylesheet(): void;

package/dist/utils/relayer/index.d.ts

@@ -42,26 +42,6 @@ export declare class RelayerService {
             transactionHash?: string;
         };
     }>;
-    requestSpiceUsdAirdrop(params: {
-        chainId: number;
-        address: string;
-    }): Promise<{
-        success: boolean;
-        txHash?: string;
-        amount?: string;
-        errorMessage?: string;
-    }>;
-    requestAirdrop(params: {
-        chainId: number;
-        tokenId: string;
-        wallet: string;
-        amount?: string;
-        tag: string;
-    }): Promise<{
-        success: boolean;
-        txHash?: string;
-        errorMessage?: string;
-    }>;
     createWallet(address: string, request: CreateWalletRequest): Promise<WalletInfo>;
     getWallet(address: string): Promise<WalletInfo>;
     createWithdrawal(request: CreateWithdrawalRequest): Promise<CreateWithdrawalResponse>;

package/dist/utils/tokens.d.ts

@@ -0,0 +1,43 @@
+export declare const z: {
+    readonly base: 0;
+    readonly raised: 1;
+    readonly sticky: 10;
+    readonly overlay: 20;
+    readonly popover: 40;
+    readonly modal: 1000;
+    readonly dropdown: 1100;
+    readonly toast: 1200;
+    readonly tooltip: 1300;
+};
+export type ZIndex = (typeof z)[keyof typeof z];
+export declare const radius: {
+    readonly none: "0";
+    readonly sm: "4px";
+    readonly md: "6px";
+    readonly card: "8px";
+    readonly input: "10px";
+    readonly shell: "9px";
+    readonly modal: "12px";
+    readonly pill: "9999px";
+    readonly circle: "50%";
+};
+export declare const easing: {
+    readonly out: "cubic-bezier(0.22, 1, 0.36, 1)";
+    readonly inOut: "cubic-bezier(0.65, 0, 0.35, 1)";
+    readonly linear: "linear";
+};
+export declare const duration: {
+    readonly fast: "120ms";
+    readonly normal: "150ms";
+    readonly slow: "300ms";
+    readonly progress: "400ms";
+};
+export declare const transition: {
+    readonly interactive: "transform 150ms cubic-bezier(0.22, 1, 0.36, 1), box-shadow 150ms cubic-bezier(0.22, 1, 0.36, 1), background-color 150ms cubic-bezier(0.22, 1, 0.36, 1), border-color 150ms cubic-bezier(0.22, 1, 0.36, 1), color 150ms cubic-bezier(0.22, 1, 0.36, 1)";
+    readonly color: "background-color 150ms cubic-bezier(0.22, 1, 0.36, 1), border-color 150ms cubic-bezier(0.22, 1, 0.36, 1), color 150ms cubic-bezier(0.22, 1, 0.36, 1)";
+    readonly popover: "opacity 150ms cubic-bezier(0.22, 1, 0.36, 1), transform 150ms cubic-bezier(0.22, 1, 0.36, 1)";
+};
+export declare const font: {
+    readonly ui: "\"Helvetica Neue\", sans-serif";
+    readonly mono: "\"IBM Plex Mono\", monospace";
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@spicenet-io/spiceflow-ui",
-  "version": "3.2.1",
+  "version": "3.2.2",
   "description": "Spiceflow UI SDK",
   "type": "module",
   "main": "dist/index.cjs.js",
@@ -22,11 +22,6 @@
       "import": "./dist/auth-dynamic.js",
       "require": "./dist/auth-dynamic.cjs.js"
     },
-    "./auth/starknet": {
-      "types": "./dist/auth-starknet.d.ts",
-      "import": "./dist/auth-starknet.js",
-      "require": "./dist/auth-starknet.cjs.js"
-    },
     "./styles.css": "./dist/providers/custom.css"
   },
   "sideEffects": [
@@ -36,8 +31,6 @@
     "./dist/auth-privy.cjs.js",
     "./dist/auth-dynamic.js",
     "./dist/auth-dynamic.cjs.js",
-    "./dist/auth-starknet.js",
-    "./dist/auth-starknet.cjs.js",
     "./dist/providers/custom.css"
   ],
   "files": [
@@ -76,10 +69,8 @@
     "@privy-io/react-auth": ">=2.24.0 <4.0.0",
     "@tanstack/react-query": ">=5.0.0",
     "axios": ">=1.0.0",
-    "get-starknet-core": ">=4.0.0",
     "react": "^18.0.0",
     "react-dom": "^18.0.0",
-    "starknet": ">=6.0.0",
     "viem": ">=2.21.0",
     "wagmi": ">=2.12.0"
   },
@@ -95,12 +86,6 @@
     },
     "@privy-io/react-auth": {
       "optional": true
-    },
-    "starknet": {
-      "optional": true
-    },
-    "get-starknet-core": {
-      "optional": true
     }
   },
   "devDependencies": {
@@ -126,7 +111,6 @@
     "eslint-config-prettier": "^10.1.8",
     "eslint-plugin-react": "^7.33.0",
     "eslint-plugin-react-hooks": "^4.6.0",
-    "get-starknet-core": "^4.0.0",
     "husky": "^9.1.7",
     "jest": "^29.6.0",
     "lint-staged": "^16.2.5",
@@ -141,7 +125,6 @@
     "rollup-plugin-peer-deps-external": "^2.2.4",
     "rollup-plugin-postcss": "^4.0.2",
     "sharp": "^0.34.5",
-    "starknet": "^9.4.2",
     "ts-node": "^10.9.2",
     "typescript": "^5.9.2",
     "viem": "2.33.1",