@stridge/kit 0.1.0-alpha.0

package/dist/flows/withdraw/orchestrator/types.d.ts

@@ -0,0 +1,156 @@
+import { TxRef } from "../../../shared/driver/types.js";
+import { FailureInfo } from "../../../shared/orchestrator/types.js";
+
+//#region src/flows/withdraw/orchestrator/types.d.ts
+/**
+ * Form values captured at submit time. The orchestrator carries this snapshot through every
+ * post-form state so widgets can keep rendering recipient / receive details after the form
+ * unmounts (in-progress, success, error screens).
+ */
+interface WithdrawalFormSnapshot {
+  /** Source-asset symbol (e.g. `"USDC"`). */
+  sourceAssetSymbol: string;
+  /** Source-chain id (EIP-155 numeric). */
+  sourceChainId: number;
+  /** Send amount in display units (post-decimals). */
+  amount: number;
+  /** Recipient address (full hex; orchestrator does not truncate). */
+  recipientAddress: string;
+  /** Receive-side token symbol the user picked on the form. */
+  receiveTokenSymbol: string;
+  /** Receive-side chain id (EIP-155 numeric). */
+  receiveChainId: number;
+}
+/**
+ * State machine state for the orchestrated withdraw dialog. Per-state discriminated `ctx` narrows
+ * what data is available — illegal states (e.g. `inProgress` without a tx ref) are
+ * unrepresentable.
+ *
+ * The reducer carries navigation intent only — entity-derived data (quote payload, settlement
+ * payload, balances) lives on the driver and is read directly by widgets.
+ */
+type WithdrawState = {
+  name: "closed";
+} | {
+  name: "form";
+  /**
+   * Optional notice rendered inline near the submit footer. Currently set when the user
+   * declines the wallet signature: the FSM lands the user back on the form (preserving
+   * recipient + amount + receive selection) with `notice = "Signature declined…"` so they
+   * can retry without losing context. Cleared on the next SUBMIT or CLOSE.
+   */
+  ctx?: {
+    notice?: string;
+  };
+} | {
+  name: "submitting";
+  ctx: {
+    input: WithdrawalFormSnapshot;
+  };
+} | {
+  name: "inProgress";
+  ctx: {
+    input: WithdrawalFormSnapshot;
+    tx: TxRef;
+  };
+} | {
+  name: "success";
+  ctx: {
+    input: WithdrawalFormSnapshot;
+    tx: TxRef;
+  };
+} | {
+  name: "error";
+  ctx: {
+    /**
+     * Form snapshot captured at submit time. Set when error follows a submit attempt;
+     * absent when the error path was reached without a known prior submit (currently
+     * unreachable in V2 — kept optional so resume-style entries can re-use the slot).
+     */
+    input?: WithdrawalFormSnapshot; /** Optional non-settlement failure (quote / submission rejection). */
+    failure?: FailureInfo; /** Source-chain broadcast tx hash when the error followed a successful broadcast. */
+    tx?: TxRef;
+  };
+};
+/**
+ * Public state-name discriminator — useful for analytics and React-side gating without unwrapping
+ * the discriminated union.
+ */
+type WithdrawStateName = WithdrawState["name"];
+/**
+ * Reducer event union. Strict discriminated; no stringly-typed transitions.
+ */
+type WithdrawEvent = {
+  type: "OPEN";
+} | {
+  type: "CLOSE";
+} | {
+  type: "SUBMIT";
+  input: WithdrawalFormSnapshot;
+} | {
+  type: "SUBMIT_CONFIRMED";
+  tx: TxRef;
+} | {
+  type: "SUBMIT_FAILED";
+  failure: FailureInfo;
+  input: WithdrawalFormSnapshot;
+} | {
+  type: "SETTLEMENT_SUCCEEDED";
+} | {
+  type: "SETTLEMENT_FAILED";
+  failure?: FailureInfo;
+} | {
+  type: "RESET";
+}
+/**
+ * Drops the inline notice on the `form` state. Dispatched by the form widget when the user
+ * starts editing again after a wallet-rejection landed them back on `form{notice}`. Mirror of
+ * deposit's `regenerating → ready` transition (where the notice clears as a side-effect of
+ * the next quote resolving) — withdraw's form has no FSM-driven phase to ride on, so the
+ * widget signals it explicitly.
+ */
+| {
+  type: "CLEAR_NOTICE";
+};
+/**
+ * Imperative controller returned by `useWithdraw()`. Mirrors {@link import("#/flows/deposit/orchestrator").DepositController}'s
+ * surface so hosts can drive both flows symmetrically. Stable across re-renders.
+ */
+interface WithdrawController {
+  /** Open the withdraw dialog. Idempotent. */
+  open(): void;
+  /** Close the withdraw dialog. Idempotent. */
+  close(): void;
+  /**
+   * Action dispatchers — fire the same FSM transitions the kit's compound widgets fire. Use
+   * these when building fully-custom headless UI; the dialog and compound layers wire them up
+   * automatically.
+   */
+  actions: WithdrawActions;
+}
+/**
+ * Imperative actions consumed by withdraw widgets. Read with `useWithdrawActions()` and dispatch
+ * directly into the FSM — there's no host-supplied transitions handler in between.
+ */
+interface WithdrawActions {
+  /**
+   * Submits the withdrawal through the driver. Dispatches `SUBMIT` synchronously (so the form
+   * flips to the loading-button state) and then `SUBMIT_CONFIRMED` / `SUBMIT_FAILED` based on
+   * the driver's `submitWithdrawal` resolution.
+   */
+  submit(input: WithdrawalFormSnapshot): void;
+  /** Close the dialog. Idempotent. */
+  close(): void;
+  /**
+   * Re-enter the form from a terminal state (`success` / `error`) — drives the "New withdrawal"
+   * CTA on V2-5, V2-6, and the error screen.
+   */
+  reset(): void;
+  /**
+   * Clear the form's inline notice (typically the post-rejection "Signature declined." hint).
+   * No-op when there's no notice or the FSM isn't on `form`.
+   */
+  clearNotice(): void;
+}
+//#endregion
+export { WithdrawActions, WithdrawController, WithdrawEvent, WithdrawState, WithdrawStateName, WithdrawalFormSnapshot };

package/dist/flows/withdraw/orchestrator/useWithdraw.d.ts

@@ -0,0 +1,23 @@
+import { WithdrawController } from "./types.js";
+
+//#region src/flows/withdraw/orchestrator/useWithdraw.d.ts
+/**
+ * Imperative handle to the orchestrated withdraw flow. Use to open / close the withdraw dialog
+ * from anywhere in the host app.
+ *
+ * Mount `<KitProvider withdraw={…} />` once at the host's app root first — the hook throws when
+ * called outside.
+ *
+ * @example
+ * ```tsx
+ * import { useWithdraw } from "@stridge/kit";
+ *
+ * function WithdrawButton() {
+ *     const { open } = useWithdraw();
+ *     return <button onClick={() => open()}>Withdraw</button>;
+ * }
+ * ```
+ */
+declare function useWithdraw(): WithdrawController;
+//#endregion
+export { useWithdraw };

package/dist/flows/withdraw/orchestrator/useWithdraw.js

@@ -0,0 +1 @@
+"use client";import{useControllerContext as e}from"./controller.js";function t(){return e().controller}export{t as useWithdraw};

package/dist/flows/withdraw/widgets/withdraw-error/WithdrawError.d.ts

@@ -0,0 +1,22 @@
+import { ComponentProps } from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/flows/withdraw/widgets/withdraw-error/WithdrawError.d.ts
+/**
+ * Orchestrated `WithdrawError` widget — uses the shared `ErrorState` compound directly. V2 ships
+ * no withdraw-native error design (out of scope per the ticket); this is the temporary stop-gap.
+ *
+ * Two render paths mirror the deposit-flow `ErrorState`:
+ *
+ * - **FSM-derived** — when the orchestrator routed to `error` after a quote / submission
+ *   rejection. Renders the lightweight `<Header + Body{Hero} + Actions>` shape with a localized
+ *   reason line.
+ * - **Settlement-derived** — when the driver's `settlement` entity reaches `ready` with
+ *   `payload.kind === "failed"`. Renders the rich receipt (destination, receive amount, tx hash,
+ *   submitted / failed timestamps) by mapping the payload onto the shared compound's row parts.
+ *
+ * The CTA wires to `actions.reset()` so clicking `Try again` returns the user to the empty form.
+ */
+declare function WithdrawError(props: ComponentProps<"div">): _$react_jsx_runtime0.JSX.Element | null;
+//#endregion
+export { WithdrawError };

package/dist/flows/withdraw/widgets/withdraw-error/WithdrawError.js

@@ -0,0 +1 @@
+"use client";import{useLingui as e}from"../../../../shared/i18n/useLingui.js";import"../../../../i18n/index.js";import{useFailureReasonForKind as t}from"../../../../shared/orchestrator/failureReason.js";import"../../../../shared/orchestrator/index.js";import{useWithdrawSnapshot as n}from"../../driver/context.js";import{useWithdrawActions as r,useWithdrawEffectiveState as i}from"../../orchestrator/controller.js";import{ErrorState as a}from"../../../../shared/widgets/error-state/compound/ErrorState.js";import"../../../../shared/widgets/error-state/compound/index.js";import{toAssetDescriptor as o}from"../../../../shared/widgets/asset-descriptor.js";import{jsx as s,jsxs as c}from"react/jsx-runtime";function l(l){let u=n(),d=i(),{reset:f}=r(),{_:p}=e(),m=t();if(d.name!==`error`)return null;let h=u.settlement,g=h.status===`ready`&&h.payload.kind===`failed`?h.payload:void 0,_=d.ctx.failure,v=p({id:`KTNWsg`,message:`Withdrawal failed`}),y=g?m(g.failureKind):_?.reason;if(!g)return c(a,{...l,headerTitle:v,headline:v,reason:y,onTryAgain:f,children:[s(a.Header,{}),s(a.Body,{children:s(a.Hero,{})}),s(a.Actions,{})]});let b=g,x={address:b.recipient.formatted},S=o(b.receiveAsset)??{symbol:b.receiveAsset.symbol},C=b.txHash?{hash:b.txHash.formatted,explorerUrl:b.txExplorerUrl}:void 0;return c(a,{...l,headerTitle:v,headline:v,reason:y,destination:x,receiveAmount:b.receiveAmount.formatted,receiveAsset:S,depositTx:C,submittedAt:b.submittedAt.formatted,failedAt:b.failedAt.formatted,onTryAgain:f,children:[s(a.Header,{}),c(a.Body,{children:[s(a.Hero,{}),c(a.Details,{children:[s(a.FillStatusRow,{}),s(a.DestinationRow,{}),s(a.YouReceiveRow,{}),c(a.MoreDetails,{children:[C?s(a.DepositTxRow,{label:p({id:`60ahSE`,message:`Withdrawal tx`})}):null,s(a.SubmittedAtRow,{}),s(a.FailedAtRow,{})]})]}),s(a.HelpInfo,{})]}),s(a.Actions,{})]})}export{l as WithdrawError};

package/dist/flows/withdraw/widgets/withdraw-error/index.d.ts

@@ -0,0 +1 @@
+import { WithdrawError } from "./WithdrawError.js";

package/dist/flows/withdraw/widgets/withdraw-error/index.js

@@ -0,0 +1 @@
+import"./WithdrawError.js";

package/dist/flows/withdraw/widgets/withdraw-form/WithdrawForm.d.ts

@@ -0,0 +1,29 @@
+import { WithdrawFormEventCallbacks } from "../../dialog/WithdrawDialogEventsContext.js";
+import { ComponentProps } from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/flows/withdraw/widgets/withdraw-form/WithdrawForm.d.ts
+type OrchestratedProps = ComponentProps<"div"> & {
+  /**
+   * Form-level event callbacks. Optional — when omitted, the form falls back to whatever the
+   * enclosing `<WithdrawDialog>` provides via context. Hosts using `<WithdrawForm>` directly
+   * (custom UI without the dialog) can pass callbacks here.
+   */
+  events?: WithdrawFormEventCallbacks;
+};
+/**
+ * Orchestrated `WithdrawForm` widget. Reads source-side balances, the receive-options catalog,
+ * and the active quote payload from the driver, drives the FSM via `useWithdrawActions().submit`,
+ * and owns the local form state (recipient + amount + receive chain + receive token). Renders
+ * only while the FSM is in `form` or `submitting` — the dialog body switcher hides everything
+ * else.
+ *
+ * Quote lifecycle: the form fires `driver.requestQuote(...)` (debounced ~400ms) whenever both
+ * `recipientAddress` and `amount > 0` are populated and re-fires on receive-side changes. Stale
+ * entity transitions keep showing the last-known payload until the user changes a field.
+ */
+declare function WithdrawForm({
+  events: localEvents
+}: OrchestratedProps): _$react_jsx_runtime0.JSX.Element | null;
+//#endregion
+export { WithdrawForm };

package/dist/flows/withdraw/widgets/withdraw-form/WithdrawForm.js

@@ -0,0 +1 @@
+"use client";import{useKitI18n as e}from"../../../../shared/i18n/useKitI18n.js";import{useLingui as t}from"../../../../shared/i18n/useLingui.js";import"../../../../i18n/index.js";import{useWithdrawDriverInstance as n,useWithdrawSnapshot as r}from"../../driver/context.js";import{useWithdrawActions as i,useWithdrawEffectiveState as ee}from"../../orchestrator/controller.js";import{parseAmountInputValue as a}from"../../../../shared/ui/AmountInput/utils.js";import"../../../../shared/ui/AmountInput/index.js";import{toAssetDescriptor as o}from"../../../../shared/widgets/asset-descriptor.js";import{useQuoteCountdown as te}from"../../../../shared/quote/useQuoteCountdown.js";import"../../../../shared/quote/index.js";import{WithdrawForm as s}from"./compound/WithdrawForm.js";import"./compound/index.js";import{useWithdrawDialogEvents as ne}from"../../dialog/WithdrawDialogEventsContext.js";import{isValidEvmAddress as re,resolveSubmitLabel as ie}from"./validation.js";import{useCallback as c,useEffect as l,useMemo as u,useRef as d,useState as f}from"react";import{jsx as p,jsxs as ae}from"react/jsx-runtime";import{useAccount as oe}from"wagmi";function m({events:m}){let h=r(),g=n(),_=ee(),v=i(),{_:y}=t(),b=ne(),se=u(()=>({...b,...m??{}}),[b,m]),x=d(se);x.current=se;let{address:ce}=oe(),le=ce??``,[S,ue]=f(``),[de,fe]=f(``),C=_.name===`submitting`,w=_.name===`form`?_.ctx?.notice:void 0,T=d(w);T.current=w;let E=h.withdrawableBalances.status===`ready`||h.withdrawableBalances.status===`stale`?h.withdrawableBalances.payload[0]:void 0,D=u(()=>o(E)??{symbol:`USDC`},[E]),pe=u(()=>o(E?{symbol:E.networkName,eip155Id:E.eip155Id,isNative:!0,logoUrl:E.chainLogoUrl}:void 0)??{symbol:`BSC`},[E]),me=E?{amount:E.amount.formatted,symbol:E.symbol}:void 0,O=h.receiveOptions.status===`ready`||h.receiveOptions.status===`stale`?h.receiveOptions.payload:[],k=E?.eip155Id?Number(E.eip155Id):void 0,A=E?.symbol??D.symbol,j=u(()=>{let e=new Map;for(let t of O)for(let n of t.tokens){let r=n.symbol.toUpperCase(),i=e.get(r);i?i.push({chain:t,token:n}):e.set(r,[{chain:t,token:n}])}return e},[O]),M=u(()=>{if(j.size===0)return;let e=A.toUpperCase();return j.has(e)?e:j.keys().next().value},[j,A]),N=c(e=>{let t=j.get(e);if(!(!t||t.length===0))return(k===void 0?void 0:t.find(e=>e.chain.eip155Id===k))??t[0]},[j,k]),[P,F]=f(void 0),[I,L]=f(void 0);l(()=>{if(I||!M)return;let e=N(M);e&&(F(e.chain),L(e.token))},[M,N,I]);let R=c(()=>{T.current&&v.clearNotice()},[v]),he=c(e=>{R(),ue(e),x.current.onRecipientChanged?.(e)},[R]),z=e().locale,B=c(e=>{R(),fe(e);let t=a(e,z);x.current.onAmountChanged?.({raw:e,numeric:t})},[R,z]),V=c(e=>{R();let t=e.symbol.toUpperCase(),n=j.get(t)?.find(e=>e.chain.eip155Id===P?.eip155Id)??N(t);n&&(F(n.chain),L(n.token),x.current.onReceiveTokenChanged?.(n.token),n.chain.eip155Id!==P?.eip155Id&&x.current.onReceiveChainChanged?.(n.chain))},[R,j,N,P?.eip155Id]),ge=c(e=>{R(),F(e);let t=I?.symbol.toUpperCase(),n=(t?e.tokens.find(e=>e.symbol.toUpperCase()===t):void 0)??e.tokens[0];n&&L(n),x.current.onReceiveChainChanged?.(e),n&&n.symbol!==I?.symbol&&x.current.onReceiveTokenChanged?.(n)},[R,I?.symbol]),H=a(de,z),U=H!==null&&H>0,_e=S.trim(),ve=_e.length>0,W=re(_e),G=P!==void 0&&I!==void 0,K=U&&E!==void 0&&H>E.amount.value,[q,ye]=f(null),J=(h.quote.status===`ready`||h.quote.status===`stale`)&&ve&&U&&G&&q!==null&&q.recipient===S&&q.amount===H&&q.receiveChainId===P.eip155Id&&q.receiveSymbol===I.symbol?h.quote.payload:void 0,be=u(()=>j.size===0?[D]:[...j.values()].map(e=>{let t=e[0];return o({symbol:t.token.symbol,eip155Id:t.chain.eip155Id,address:t.token.address,isNative:t.token.isNative,logoUrl:t.token.assetLogoUrl})??{symbol:t.token.symbol}}),[j,D]),xe=u(()=>{let e=I?.symbol.toUpperCase(),t=e?j.get(e):void 0;return(t?t.map(e=>e.chain):O).map(e=>o({symbol:e.networkName,eip155Id:e.eip155Id,isNative:!0,logoUrl:e.chainLogoUrl})??{symbol:e.networkName})},[I?.symbol,j,O]),Se=I?o({symbol:I.symbol,eip155Id:P?.eip155Id,address:I.address,isNative:I.isNative,logoUrl:I.assetLogoUrl}):D,Ce=P?o({symbol:P.networkName,eip155Id:P.eip155Id,isNative:!0,logoUrl:P.chainLogoUrl}):pe,we=u(()=>{if(J?.breakdown)return{route:J.breakdown.selectedRoute?.label,networkCost:J.breakdown.networkCost?.formatted,priceImpact:J.breakdown.priceImpact?.formatted}},[J]),Te=u(()=>{if(U)return J?.receiveAmountUsd?J.receiveAmountUsd.formatted:`$${H.toFixed(2)}`},[H,U,J]),Ee=J&&U?J.receiveAmount.formatted:void 0,De=J?.receiveAmountUsd?.formatted,Y=W&&U&&!K&&G&&J===void 0&&h.quote.status!==`error`,X=W&&U&&!K&&G&&J!==void 0,Oe=te({expiresAt:J?.expiresAt,enabled:X}),ke=X&&J?J.quoteTotalSeconds:void 0,[Z,Q]=f(!1);l(()=>{Q(!1)},[S,H,P?.eip155Id,I?.symbol,_.name]),l(()=>{if(!X||!J||_.name!==`form`||Z)return;let e=Math.max(0,J.expiresAt-Date.now()),t=setTimeout(()=>{Q(!0)},e);return()=>clearTimeout(t)},[X,J,_.name,Z]),l(()=>{if(!Z||_.name!==`form`||k===void 0||!P||!I||!W||!U||K)return;let e=new AbortController,t={recipient:S,amount:H??0,receiveChainId:P.eip155Id,receiveSymbol:I.symbol},n={sourceAssetSymbol:A,sourceChainId:k,amount:H??0,receiveTokenSymbol:I.symbol,receiveChainId:P.eip155Id,recipientAddress:S};return x.current.onQuoteRequested?.(n),g.requestQuote(n,e.signal).then(()=>{e.signal.aborted||ye(t)}).catch(()=>{}).finally(()=>{e.signal.aborted||Q(!1)}),()=>e.abort()},[Z,g,S,H,W,U,K,k,A,P,I,_.name]);let $=!W||!U||K||!G||Y||Z,Ae=ie({enterRecipientAddress:y({id:`nr03QI`,message:`Enter Recipient Address`}),enterValidRecipientAddress:y({id:`GZPxmc`,message:`Enter Valid Recipient Address`}),enterAmount:y({id:`yH9V_J`,message:`Enter Amount`}),insufficientBalance:y({id:`N2DUxS`,message:`Insufficient Balance`}),regeneratingQuote:y({id:`Ly6geA`,message:`Regenerating quote…`}),estimatingQuote:y({id:`Uevt3L`,message:`Estimating quote`})},{isRecipientFilled:ve,isRecipientValid:W,isAmountValid:U,exceedsBalance:K,quoteEstimating:Y,quoteRegenerating:Z}),je=d(null);l(()=>{if(je.current?.abort(),!W||!U||K||!G||_.name!==`form`||k===void 0)return;let e=new AbortController;je.current=e;let t={recipient:S,amount:H,receiveChainId:P.eip155Id,receiveSymbol:I.symbol},n=setTimeout(()=>{let n={sourceAssetSymbol:A,sourceChainId:k,amount:H,receiveTokenSymbol:I.symbol,receiveChainId:P.eip155Id,recipientAddress:S};x.current.onQuoteRequested?.(n),g.requestQuote(n,e.signal).then(()=>{e.signal.aborted||ye(t)}).catch(()=>{})},400);return()=>{clearTimeout(n),e.abort()}},[g,S,H,W,U,K,G,k,A,P?.eip155Id,I?.symbol,_.name]);let Me=c(()=>{E&&B(E.amount.formatted)},[E,B]),Ne=c(()=>{C||$||k===void 0||!P||!I||v.submit({sourceAssetSymbol:A,sourceChainId:k,amount:H??0,recipientAddress:S,receiveTokenSymbol:I.symbol,receiveChainId:P.eip155Id})},[v,H,k,A,P,I,S,$,C]),Pe=c(e=>{let t=O.find(t=>String(t.eip155Id)===String(e.chainId));t&&ge(t)},[ge,O]),Fe=c(e=>{let t=e.symbol.toUpperCase(),n=j.get(t);!n||n.length===0||V((n.find(e=>e.chain.eip155Id===P?.eip155Id)??n[0]).token)},[V,j,P?.eip155Id]);return _.name!==`form`&&_.name!==`submitting`?null:ae(s,{recipientAddress:S,onRecipientChange:he,connectedAddress:le,amount:de,onAmountChange:B,onAmountMax:Me,sourceAsset:D,sourceChain:pe,receiveAsset:Se,receiveChain:Ce,receiveAssetOptions:be,onReceiveAssetChange:Fe,receiveChainOptions:xe,onReceiveChainChange:Pe,balance:me,amountUsd:Te,receiveAmount:Ee,receiveAmountUsd:De,breakdown:we,quoteEstimating:Y,quoteRegenerating:Z,...Oe===void 0?{}:{quoteSeconds:Oe},...ke===void 0?{}:{quoteTotalSeconds:ke},submitting:C,submitDisabled:$,submitLabel:Ae,...w?{notice:w}:{},onSubmit:Ne,children:[p(s.Header,{}),ae(s.Body,{children:[p(s.RecipientField,{}),p(s.AmountField,{}),p(s.ReceiveSelectors,{}),p(s.BreakdownCard,{})]}),p(s.Footer,{})]})}export{m as WithdrawForm};

package/dist/flows/withdraw/widgets/withdraw-form/compound/WithdrawForm.d.ts

@@ -0,0 +1,55 @@
+import { WithdrawFormAmountField } from "./components/AmountField.js";
+import { WithdrawFormBodyProps, WithdrawFormDialogProps, WithdrawFormHeaderProps, WithdrawFormProps } from "./types.js";
+import { WithdrawFormBody } from "./components/Body.js";
+import { WithdrawFormBreakdownCard } from "./components/BreakdownCard.js";
+import { WithdrawFormFooter } from "./components/Footer.js";
+import { WithdrawFormHeader } from "./components/Header.js";
+import { WithdrawFormReceiveSelectors } from "./components/ReceiveSelectors.js";
+import { WithdrawFormRecipientField } from "./components/RecipientField.js";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/flows/withdraw/widgets/withdraw-form/compound/WithdrawForm.d.ts
+/**
+ * Root of the `WithdrawForm` compound. Renders the modal-frame surface and provides shared
+ * state to every compound part rendered inside it. Mirrors `TransferCrypto`'s layout shape so
+ * both flows share the same tooltip provider + container-query rhythm.
+ *
+ * Parts:
+ *
+ * - {@link WithdrawForm.Header}
+ * - {@link WithdrawForm.Body}
+ * - {@link WithdrawForm.RecipientField}
+ * - {@link WithdrawForm.AmountField}
+ * - {@link WithdrawForm.ReceiveSelectors}
+ * - {@link WithdrawForm.BreakdownCard}
+ * - {@link WithdrawForm.Footer}
+ *
+ * Dialog form: {@link WithdrawForm.Dialog} pre-composes the widget into a `Dialog.Root +
+ * Dialog.Trigger + Dialog.Content` shell — the production-recommended entry point. Use the bare
+ * `WithdrawForm` form when mounting inline (canvas tiles, Storybook).
+ */
+declare function WithdrawForm(props: WithdrawFormProps): _$react_jsx_runtime0.JSX.Element;
+declare function WithdrawFormDialog({
+  open,
+  defaultOpen,
+  onOpenChange,
+  trigger,
+  children,
+  ...rootProps
+}: WithdrawFormDialogProps): _$react_jsx_runtime0.JSX.Element;
+declare namespace WithdrawForm {
+  type Props = WithdrawFormProps;
+  type HeaderProps = WithdrawFormHeaderProps;
+  type BodyProps = WithdrawFormBodyProps;
+  type DialogProps = WithdrawFormDialogProps;
+  const Header: typeof WithdrawFormHeader;
+  const Body: typeof WithdrawFormBody;
+  const RecipientField: typeof WithdrawFormRecipientField;
+  const AmountField: typeof WithdrawFormAmountField;
+  const ReceiveSelectors: typeof WithdrawFormReceiveSelectors;
+  const BreakdownCard: typeof WithdrawFormBreakdownCard;
+  const Footer: typeof WithdrawFormFooter;
+  const Dialog: typeof WithdrawFormDialog;
+}
+//#endregion
+export { WithdrawForm };

package/dist/flows/withdraw/widgets/withdraw-form/compound/WithdrawForm.js

@@ -0,0 +1 @@
+"use client";import{DialogShell as e}from"../../../../../shared/dialog/DialogShell.js";import{Tooltip as t}from"../../../../../shared/ui/Tooltip/Tooltip.js";import"../../../../../shared/ui/Tooltip/index.js";import{Frame as n}from"../../../../../shared/dialog/Frame.js";import{WithdrawFormContext as r}from"./context.js";import{WITHDRAW_FORM_SLOTS as i}from"./WithdrawForm.slots.js";import{styles as a}from"./WithdrawForm.styles.js";import{WithdrawFormAmountField as o}from"./components/AmountField.js";import{WithdrawFormBody as s}from"./components/Body.js";import{WithdrawFormBreakdownCard as c}from"./components/BreakdownCard.js";import{WithdrawFormFooter as l}from"./components/Footer.js";import{WithdrawFormHeader as u}from"./components/Header.js";import{WithdrawFormReceiveSelectors as d}from"./components/ReceiveSelectors.js";import{WithdrawFormRecipientField as f}from"./components/RecipientField.js";import{useCallback as p,useMemo as m,useState as h}from"react";import{jsx as g}from"react/jsx-runtime";import*as _ from"@stylexjs/stylex";const v=()=>void 0;function y(e){let{recipientAddress:o=``,onRecipientChange:s,connectedAddress:c,amount:l=``,onAmountChange:u,onAmountMax:d,sourceAsset:f,sourceChain:y,receiveAsset:b,receiveChain:x,receiveAssetOptions:S,onReceiveAssetChange:C,receiveChainOptions:w,onReceiveChainChange:T,balance:E,amountUsd:D,receiveAmount:O,receiveAmountUsd:k,breakdown:A,quoteEstimating:j=!1,quoteRegenerating:M=!1,quoteSeconds:N,quoteTotalSeconds:P,submitting:F=!1,submitDisabled:I=!1,submitLabel:L,notice:R,onSubmit:z,defaultBreakdownOpen:B=!1,breakdownOpen:V,onBreakdownOpenChange:H,children:U}=e,[W,G]=h(B),K=V!==void 0,q=K?V:W,J=p(e=>{K||G(e),H?.(e)},[K,H]),Y=b??f,X=x??y;return g(r,{value:m(()=>({recipientAddress:o,onRecipientChange:s??v,connectedAddress:c,amount:l,onAmountChange:u??v,onAmountMax:d,sourceAsset:f,sourceChain:y,receiveAsset:Y,receiveChain:X,receiveAssetOptions:S,onReceiveAssetChange:C,receiveChainOptions:w,onReceiveChainChange:T,balance:E,amountUsd:D,receiveAmount:O,receiveAmountUsd:k,breakdown:A,quoteEstimating:j,quoteRegenerating:M,quoteSeconds:N,quoteTotalSeconds:P,submitting:F,submitDisabled:I,submitLabel:L,notice:R,onSubmit:z,breakdownOpen:q,onBreakdownOpenChange:J}),[o,s,c,l,u,d,f,y,Y,X,S,C,w,T,E,D,O,k,A,j,M,N,P,F,I,L,R,z,q,J]),children:g(t.Provider,{children:g(n,{"data-stridge-slot":i.root,..._.props(a.root),children:U})})})}function b({open:t,defaultOpen:n,onOpenChange:r,trigger:i,children:a,...o}){return g(e,{open:t,defaultOpen:n,onOpenChange:r,trigger:i,children:g(y,{...o,children:a})})}(function(e){e.Header=u,e.Body=s,e.RecipientField=f,e.AmountField=o,e.ReceiveSelectors=d,e.BreakdownCard=c,e.Footer=l,e.Dialog=b})(y||={});export{y as WithdrawForm};

package/dist/flows/withdraw/widgets/withdraw-form/compound/WithdrawForm.slots.d.ts

@@ -0,0 +1,31 @@
+//#region src/flows/withdraw/widgets/withdraw-form/compound/WithdrawForm.slots.d.ts
+/**
+ * Stable `data-stridge-slot` identifiers for every part of the `WithdrawForm` compound. Hosts
+ * keying off these can target slots from CSS / analytics without depending on rendered class
+ * names or DOM positions.
+ */
+declare const WITHDRAW_FORM_SLOTS: {
+  readonly root: "withdraw-form";
+  readonly header: "withdraw-form-header";
+  readonly body: "withdraw-form-body";
+  readonly recipientField: "withdraw-form-recipient-field";
+  readonly recipientInput: "withdraw-form-recipient-input";
+  readonly recipientPill: "withdraw-form-recipient-pill";
+  readonly amountField: "withdraw-form-amount-field";
+  readonly amountInput: "withdraw-form-amount-input";
+  readonly amountUnit: "withdraw-form-amount-unit";
+  readonly amountHelper: "withdraw-form-amount-helper";
+  readonly receiveSelectors: "withdraw-form-receive-selectors";
+  readonly receiveTokenSelect: "withdraw-form-receive-token";
+  readonly receiveChainSelect: "withdraw-form-receive-chain";
+  readonly summaryRow: "withdraw-form-summary-row";
+  readonly breakdownCard: "withdraw-form-breakdown";
+  readonly breakdownHeader: "withdraw-form-breakdown-header";
+  readonly breakdownRows: "withdraw-form-breakdown-rows";
+  readonly footer: "withdraw-form-footer";
+  readonly notice: "withdraw-form-notice";
+  readonly submitButton: "withdraw-form-submit";
+};
+type WithdrawFormSlot = (typeof WITHDRAW_FORM_SLOTS)[keyof typeof WITHDRAW_FORM_SLOTS];
+//#endregion
+export { WITHDRAW_FORM_SLOTS, WithdrawFormSlot };

package/dist/flows/withdraw/widgets/withdraw-form/compound/WithdrawForm.slots.js

@@ -0,0 +1 @@
+const e={root:`withdraw-form`,header:`withdraw-form-header`,body:`withdraw-form-body`,recipientField:`withdraw-form-recipient-field`,recipientInput:`withdraw-form-recipient-input`,recipientPill:`withdraw-form-recipient-pill`,amountField:`withdraw-form-amount-field`,amountInput:`withdraw-form-amount-input`,amountUnit:`withdraw-form-amount-unit`,amountHelper:`withdraw-form-amount-helper`,receiveSelectors:`withdraw-form-receive-selectors`,receiveTokenSelect:`withdraw-form-receive-token`,receiveChainSelect:`withdraw-form-receive-chain`,summaryRow:`withdraw-form-summary-row`,breakdownCard:`withdraw-form-breakdown`,breakdownHeader:`withdraw-form-breakdown-header`,breakdownRows:`withdraw-form-breakdown-rows`,footer:`withdraw-form-footer`,notice:`withdraw-form-notice`,submitButton:`withdraw-form-submit`};export{e as WITHDRAW_FORM_SLOTS};

package/dist/flows/withdraw/widgets/withdraw-form/compound/WithdrawForm.styles.js

@@ -0,0 +1 @@
+const e={root:{"WithdrawForm__styles.root":`WithdrawForm__styles.root`,"position-kVAEAm":`x1n2onr6`,"width-kzqmXN":`xh8yej3`,"maxWidth-ks0D6T":`x17fpy1y`,"containerType-k9g6sI":`x12h1iku`,"containerName-kanfag":`x1fsbacl`,$$css:`@stridge/kit:src/flows/withdraw/widgets/withdraw-form/compound/WithdrawForm.styles.ts:16`},header:{"WithdrawForm__styles.header":`WithdrawForm__styles.header`,"justifyContent-kjj79g":`x1qughib`,"paddingTop-kLKAdn":`xyamay9`,"paddingInlineEnd-kwRFfy":`x1x5flf6`,"paddingBottom-kGO01o":`x1l90r2v`,"paddingInlineStart-kZCmMZ":`xf7dkkf`,$$css:`@stridge/kit:src/flows/withdraw/widgets/withdraw-form/compound/WithdrawForm.styles.ts:24`},headerLeft:{"WithdrawForm__styles.headerLeft":`WithdrawForm__styles.headerLeft`,"display-k1xSpc":`x78zum5`,"alignItems-kGNEyG":`x6s0dn4`,"gap-kOIVth":`x1v2ro7d`,$$css:`@stridge/kit:src/flows/withdraw/widgets/withdraw-form/compound/WithdrawForm.styles.ts:31`},headerRight:{"WithdrawForm__styles.headerRight":`WithdrawForm__styles.headerRight`,"display-k1xSpc":`x78zum5`,"alignItems-kGNEyG":`x6s0dn4`,"gap-kOIVth":`x167g77z`,$$css:`@stridge/kit:src/flows/withdraw/widgets/withdraw-form/compound/WithdrawForm.styles.ts:37`},backIcon:{"WithdrawForm__styles.backIcon":`WithdrawForm__styles.backIcon`,"color-kMwMTN":`x15rks2t`,"strokeWidth-kfJifR":`xhxwl1`,$$css:`@stridge/kit:src/flows/withdraw/widgets/withdraw-form/compound/WithdrawForm.styles.ts:42`},body:{"WithdrawForm__styles.body":`WithdrawForm__styles.body`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`xdt5ytf`,"gap-kOIVth":`xmt3bw4`,"paddingTop-kLKAdn":`x7sb2j6`,"paddingInlineEnd-kwRFfy":`x1o5r3ls`,"paddingBottom-kGO01o":`x1t4gjm`,"paddingInlineStart-kZCmMZ":`xz7312c`,$$css:`@stridge/kit:src/flows/withdraw/widgets/withdraw-form/compound/WithdrawForm.styles.ts:47`},fieldLabel:{"WithdrawForm__styles.fieldLabel":`WithdrawForm__styles.fieldLabel`,"fontSize-kGuDYH":`x1jvydc1`,"lineHeight-kLWn49":`xd4r4e8`,"fontWeight-k63SB2":`x1s688f`,"letterSpacing-kb6lSQ":`x1ixy4ik`,"color-kMwMTN":`xzn0pkc`,"margin-kogj98":`x1ghz6dp`,$$css:`@stridge/kit:src/flows/withdraw/widgets/withdraw-form/compound/WithdrawForm.styles.ts:61`},recipientInputMono:{"WithdrawForm__styles.recipientInputMono":`WithdrawForm__styles.recipientInputMono`,"fontFamily-kMv6JI":`x47j52l`,"::placeholder_fontFamily-k1qiKJ":`x90y9lf`,$$css:`@stridge/kit:src/flows/withdraw/widgets/withdraw-form/compound/WithdrawForm.styles.ts:74`},pillBase:{"WithdrawForm__styles.pillBase":`WithdrawForm__styles.pillBase`,"display-k1xSpc":`x3nfvp2`,"alignItems-kGNEyG":`x6s0dn4`,"flexShrink-kmuXW":`x2lah0s`,"backgroundColor-kWkggS":`x1kgqhw8`,"borderRadius-kaIpWk":`x1npxkrn`,"borderWidth-kMzoRj":`xmkeg23`,"borderStyle-ksu8eU":`x1y0btm7`,"borderColor-kVAM5u":`x1bue7yx`,"paddingBlock-k8WAf4":`x1t0vds8`,"paddingInline-kg3NbH":`x1awh872`,"color-kMwMTN":`xzn0pkc`,$$css:`@stridge/kit:src/flows/withdraw/widgets/withdraw-form/compound/WithdrawForm.styles.ts:84`},pillInteractive:{"WithdrawForm__styles.pillInteractive":`WithdrawForm__styles.pillInteractive`,"appearance-kysU6D":`xjyslct`,"margin-kogj98":`x1ghz6dp`,"font-kVVagm":`xln7xf2`,"cursor-kkrTdU":`x1ypdohk`,"outline-kI3sdo":`x1a2a7pz`,"transitionProperty-k1ekBW":`x1eaenvl`,"transitionDuration-kIyJzY":`xx6bhzk`,"transitionTimingFunction-kAMwcw":`x9lcvmn`,":hover_backgroundColor-kGzVvX":`x158g6bj`,":hover_borderColor-kaVNsj":`x7b72fw`,":active_backgroundColor-kSReZ0":`xldr1qn`,":focus-visible_boxShadow-kEtg5x":`xhatipn`,$$css:`@stridge/kit:src/flows/withdraw/widgets/withdraw-form/compound/WithdrawForm.styles.ts:102`},recipientPill:{"WithdrawForm__styles.recipientPill":`WithdrawForm__styles.recipientPill`,"gap-kOIVth":`x1j9xkj6`,$$css:`@stridge/kit:src/flows/withdraw/widgets/withdraw-form/compound/WithdrawForm.styles.ts:122`},recipientPillText:{"WithdrawForm__styles.recipientPillText":`WithdrawForm__styles.recipientPillText`,"fontFamily-kMv6JI":`x47j52l`,"fontSize-kGuDYH":`xfifm61`,"lineHeight-kLWn49":`x1xxsxie`,"fontWeight-k63SB2":`x1s688f`,"letterSpacing-kb6lSQ":`x1yf5rgg`,"color-kMwMTN":`xzn0pkc`,"whiteSpace-khDVqt":`xuxw1ft`,$$css:`@stridge/kit:src/flows/withdraw/widgets/withdraw-form/compound/WithdrawForm.styles.ts:125`},amountInputEmpty:{"WithdrawForm__styles.amountInputEmpty":`WithdrawForm__styles.amountInputEmpty`,"color-kMwMTN":`x137ha3m`,$$css:`@stridge/kit:src/flows/withdraw/widgets/withdraw-form/compound/WithdrawForm.styles.ts:136`},amountSymbol:{"WithdrawForm__styles.amountSymbol":`WithdrawForm__styles.amountSymbol`,"fontSize-kGuDYH":`x1jvydc1`,"lineHeight-kLWn49":`xd4r4e8`,"fontWeight-k63SB2":`x1s688f`,"color-kMwMTN":`xzn0pkc`,$$css:`@stridge/kit:src/flows/withdraw/widgets/withdraw-form/compound/WithdrawForm.styles.ts:139`},amountMaxPill:{"WithdrawForm__styles.amountMaxPill":`WithdrawForm__styles.amountMaxPill`,"paddingInline-kg3NbH":`xaope02`,"fontSize-kGuDYH":`xfifm61`,"lineHeight-kLWn49":`x1xxsxie`,"fontWeight-k63SB2":`x1s688f`,"letterSpacing-kb6lSQ":`x1yf5rgg`,$$css:`@stridge/kit:src/flows/withdraw/widgets/withdraw-form/compound/WithdrawForm.styles.ts:149`},amountHelper:{"WithdrawForm__styles.amountHelper":`WithdrawForm__styles.amountHelper`,"display-k1xSpc":`x78zum5`,"alignItems-kGNEyG":`x6s0dn4`,"justifyContent-kjj79g":`x1qughib`,"paddingInline-kg3NbH":`xfn1xvj`,$$css:`@stridge/kit:src/flows/withdraw/widgets/withdraw-form/compound/WithdrawForm.styles.ts:156`},amountHelperLeft:{"WithdrawForm__styles.amountHelperLeft":`WithdrawForm__styles.amountHelperLeft`,"fontSize-kGuDYH":`x4z9k3i`,"lineHeight-kLWn49":`x1d3mw78`,"fontWeight-k63SB2":`xk50ysn`,"color-kMwMTN":`x137ha3m`,$$css:`@stridge/kit:src/flows/withdraw/widgets/withdraw-form/compound/WithdrawForm.styles.ts:162`},amountHelperRight:{"WithdrawForm__styles.amountHelperRight":`WithdrawForm__styles.amountHelperRight`,"fontSize-kGuDYH":`x4z9k3i`,"lineHeight-kLWn49":`x1d3mw78`,"fontWeight-k63SB2":`xk50ysn`,"color-kMwMTN":`xi96bwj`,$$css:`@stridge/kit:src/flows/withdraw/widgets/withdraw-form/compound/WithdrawForm.styles.ts:168`},receiveSelectors:{"WithdrawForm__styles.receiveSelectors":`WithdrawForm__styles.receiveSelectors`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`x1q0g3np`,"gap-kOIVth":`x1v2ro7d`,$$css:`@stridge/kit:src/flows/withdraw/widgets/withdraw-form/compound/WithdrawForm.styles.ts:175`},receiveColumn:{"WithdrawForm__styles.receiveColumn":`WithdrawForm__styles.receiveColumn`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`xdt5ytf`,"gap-kOIVth":`x883omv`,"flexGrow-kzQI83":`x1iyjqo2`,"flexShrink-kmuXW":`xs83m0k`,"flexBasis-kCS8Yb":`x1r8uery`,"minWidth-k7Eaqz":`xeuugli`,$$css:`@stridge/kit:src/flows/withdraw/widgets/withdraw-form/compound/WithdrawForm.styles.ts:180`},summarySection:{"WithdrawForm__styles.summarySection":`WithdrawForm__styles.summarySection`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`xdt5ytf`,"gap-kOIVth":`x1af02g3`,"paddingInline-kg3NbH":`xfn1xvj`,$$css:`@stridge/kit:src/flows/withdraw/widgets/withdraw-form/compound/WithdrawForm.styles.ts:193`},summaryRow:{"WithdrawForm__styles.summaryRow":`WithdrawForm__styles.summaryRow`,"display-k1xSpc":`x78zum5`,"alignItems-kGNEyG":`x6s0dn4`,"justifyContent-kjj79g":`x1qughib`,"gap-kOIVth":`x167g77z`,$$css:`@stridge/kit:src/flows/withdraw/widgets/withdraw-form/compound/WithdrawForm.styles.ts:199`},summaryLabel:{"WithdrawForm__styles.summaryLabel":`WithdrawForm__styles.summaryLabel`,"fontSize-kGuDYH":`x1jvydc1`,"lineHeight-kLWn49":`xd4r4e8`,"fontWeight-k63SB2":`x1s688f`,"color-kMwMTN":`xzn0pkc`,$$css:`@stridge/kit:src/flows/withdraw/widgets/withdraw-form/compound/WithdrawForm.styles.ts:205`},summaryValue:{"WithdrawForm__styles.summaryValue":`WithdrawForm__styles.summaryValue`,"display-k1xSpc":`x78zum5`,"alignItems-kGNEyG":`x1pha0wt`,"gap-kOIVth":`x17d4w8g`,$$css:`@stridge/kit:src/flows/withdraw/widgets/withdraw-form/compound/WithdrawForm.styles.ts:211`},summaryValuePrimary:{"WithdrawForm__styles.summaryValuePrimary":`WithdrawForm__styles.summaryValuePrimary`,"fontSize-kGuDYH":`x1jvydc1`,"lineHeight-kLWn49":`xd4r4e8`,"fontWeight-k63SB2":`x1s688f`,"color-kMwMTN":`xzn0pkc`,$$css:`@stridge/kit:src/flows/withdraw/widgets/withdraw-form/compound/WithdrawForm.styles.ts:216`},summaryValueSecondary:{"WithdrawForm__styles.summaryValueSecondary":`WithdrawForm__styles.summaryValueSecondary`,"fontSize-kGuDYH":`x4z9k3i`,"lineHeight-kLWn49":`x1d3mw78`,"fontWeight-k63SB2":`xk50ysn`,"color-kMwMTN":`xi96bwj`,$$css:`@stridge/kit:src/flows/withdraw/widgets/withdraw-form/compound/WithdrawForm.styles.ts:222`},summaryDash:{"WithdrawForm__styles.summaryDash":`WithdrawForm__styles.summaryDash`,"fontSize-kGuDYH":`x1jvydc1`,"lineHeight-kLWn49":`xd4r4e8`,"color-kMwMTN":`x137ha3m`,$$css:`@stridge/kit:src/flows/withdraw/widgets/withdraw-form/compound/WithdrawForm.styles.ts:228`},breakdownCollapsibleRoot:{"WithdrawForm__styles.breakdownCollapsibleRoot":`WithdrawForm__styles.breakdownCollapsibleRoot`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`xdt5ytf`,$$css:`@stridge/kit:src/flows/withdraw/widgets/withdraw-form/compound/WithdrawForm.styles.ts:243`},breakdownTrigger:{"WithdrawForm__styles.breakdownTrigger":`WithdrawForm__styles.breakdownTrigger`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`x1q0g3np`,"alignItems-kGNEyG":`x6s0dn4`,"justifyContent-kjj79g":`x1qughib`,"width-kzqmXN":`xh8yej3`,"gap-kOIVth":`x167g77z`,"padding-kmVPX3":`x1717udv`,"textAlign-k9WMMc":`x1yc453h`,"outline-kI3sdo":`x1a2a7pz`,"cursor-kkrTdU":`x1ypdohk`,"color-kMwMTN":`xzn0pkc`,":focus-visible_boxShadow-kEtg5x":`xhatipn`,":focus-visible_borderRadius-k7aC84":`x63abuj`,$$css:`@stridge/kit:src/flows/withdraw/widgets/withdraw-form/compound/WithdrawForm.styles.ts:247`},breakdownEmptyRow:{"WithdrawForm__styles.breakdownEmptyRow":`WithdrawForm__styles.breakdownEmptyRow`,"display-k1xSpc":`x78zum5`,"alignItems-kGNEyG":`x6s0dn4`,"justifyContent-kjj79g":`x1qughib`,"gap-kOIVth":`x167g77z`,"cursor-kkrTdU":`xt0e3qv`,$$css:`@stridge/kit:src/flows/withdraw/widgets/withdraw-form/compound/WithdrawForm.styles.ts:266`},breakdownCollapsedLabel:{"WithdrawForm__styles.breakdownCollapsedLabel":`WithdrawForm__styles.breakdownCollapsedLabel`,"fontSize-kGuDYH":`x1jvydc1`,"lineHeight-kLWn49":`xd4r4e8`,"fontWeight-k63SB2":`xk50ysn`,"color-kMwMTN":`xi96bwj`,$$css:`@stridge/kit:src/flows/withdraw/widgets/withdraw-form/compound/WithdrawForm.styles.ts:273`},breakdownCollapsedValueGroup:{"WithdrawForm__styles.breakdownCollapsedValueGroup":`WithdrawForm__styles.breakdownCollapsedValueGroup`,"display-k1xSpc":`x3nfvp2`,"alignItems-kGNEyG":`x6s0dn4`,"gap-kOIVth":`x17d4w8g`,$$css:`@stridge/kit:src/flows/withdraw/widgets/withdraw-form/compound/WithdrawForm.styles.ts:279`},breakdownCollapsedValue:{"WithdrawForm__styles.breakdownCollapsedValue":`WithdrawForm__styles.breakdownCollapsedValue`,"fontSize-kGuDYH":`x1jvydc1`,"lineHeight-kLWn49":`xd4r4e8`,"fontWeight-k63SB2":`xk50ysn`,"color-kMwMTN":`x137ha3m`,$$css:`@stridge/kit:src/flows/withdraw/widgets/withdraw-form/compound/WithdrawForm.styles.ts:284`},breakdownRows:{"WithdrawForm__styles.breakdownRows":`WithdrawForm__styles.breakdownRows`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`xdt5ytf`,"gap-kOIVth":`x883omv`,"paddingTop-kLKAdn":`xz9dl7a`,$$css:`@stridge/kit:src/flows/withdraw/widgets/withdraw-form/compound/WithdrawForm.styles.ts:290`},breakdownRow:{"WithdrawForm__styles.breakdownRow":`WithdrawForm__styles.breakdownRow`,"display-k1xSpc":`x78zum5`,"alignItems-kGNEyG":`x6s0dn4`,"justifyContent-kjj79g":`x1qughib`,"gap-kOIVth":`x167g77z`,$$css:`@stridge/kit:src/flows/withdraw/widgets/withdraw-form/compound/WithdrawForm.styles.ts:296`},breakdownRowLabel:{"WithdrawForm__styles.breakdownRowLabel":`WithdrawForm__styles.breakdownRowLabel`,"display-k1xSpc":`x3nfvp2`,"alignItems-kGNEyG":`x6s0dn4`,"gap-kOIVth":`x17d4w8g`,"fontSize-kGuDYH":`xif65rj`,"lineHeight-kLWn49":`xd4r4e8`,"fontWeight-k63SB2":`xk50ysn`,"color-kMwMTN":`xi96bwj`,$$css:`@stridge/kit:src/flows/withdraw/widgets/withdraw-form/compound/WithdrawForm.styles.ts:302`},breakdownRowValue:{"WithdrawForm__styles.breakdownRowValue":`WithdrawForm__styles.breakdownRowValue`,"fontSize-kGuDYH":`xif65rj`,"lineHeight-kLWn49":`xd4r4e8`,"fontWeight-k63SB2":`xk50ysn`,"color-kMwMTN":`xzn0pkc`,$$css:`@stridge/kit:src/flows/withdraw/widgets/withdraw-form/compound/WithdrawForm.styles.ts:311`},breakdownInfoIcon:{"WithdrawForm__styles.breakdownInfoIcon":`WithdrawForm__styles.breakdownInfoIcon`,"width-kzqmXN":`x10vfzb2`,"height-kZKoxP":`x6w4g8m`,"flexShrink-kmuXW":`x2lah0s`,"color-kMwMTN":`x137ha3m`,$$css:`@stridge/kit:src/flows/withdraw/widgets/withdraw-form/compound/WithdrawForm.styles.ts:317`},breakdownChevron:{"WithdrawForm__styles.breakdownChevron":`WithdrawForm__styles.breakdownChevron`,"width-kzqmXN":`x6jxa94`,"height-kZKoxP":`x1v9usgg`,"flexShrink-kmuXW":`x2lah0s`,"color-kMwMTN":`xi96bwj`,$$css:`@stridge/kit:src/flows/withdraw/widgets/withdraw-form/compound/WithdrawForm.styles.ts:323`},breakdownNetworkIcon:{"WithdrawForm__styles.breakdownNetworkIcon":`WithdrawForm__styles.breakdownNetworkIcon`,"width-kzqmXN":`x1fxhmyf`,"height-kZKoxP":`x18gnavp`,"flexShrink-kmuXW":`x2lah0s`,"color-kMwMTN":`xi96bwj`,$$css:`@stridge/kit:src/flows/withdraw/widgets/withdraw-form/compound/WithdrawForm.styles.ts:329`},infoTrigger:{"WithdrawForm__styles.infoTrigger":`WithdrawForm__styles.infoTrigger`,"display-k1xSpc":`x3nfvp2`,"alignItems-kGNEyG":`x6s0dn4`,"justifyContent-kjj79g":`xl56j7k`,"padding-kmVPX3":`x1717udv`,"cursor-kkrTdU":`x1146j2`,$$css:`@stridge/kit:src/flows/withdraw/widgets/withdraw-form/compound/WithdrawForm.styles.ts:335`},footer:{"WithdrawForm__styles.footer":`WithdrawForm__styles.footer`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`xdt5ytf`,"gap-kOIVth":`x167g77z`,"paddingTop-kLKAdn":`x1yrsyyn`,"paddingInlineEnd-kwRFfy":`x1o5r3ls`,"paddingBottom-kGO01o":`x1t4gjm`,"paddingInlineStart-kZCmMZ":`xz7312c`,$$css:`@stridge/kit:src/flows/withdraw/widgets/withdraw-form/compound/WithdrawForm.styles.ts:349`},submitButton:{"WithdrawForm__styles.submitButton":`WithdrawForm__styles.submitButton`,"width-kzqmXN":`xh8yej3`,"justifyContent-kjj79g":`xl56j7k`,$$css:`@stridge/kit:src/flows/withdraw/widgets/withdraw-form/compound/WithdrawForm.styles.ts:358`},notice:{"WithdrawForm__styles.notice":`WithdrawForm__styles.notice`,"textAlign-k9WMMc":`x2b8uid`,"color-kMwMTN":`x1gvmkps`,$$css:`@stridge/kit:src/flows/withdraw/widgets/withdraw-form/compound/WithdrawForm.styles.ts:363`},submitSpinner:{"WithdrawForm__styles.submitSpinner":`WithdrawForm__styles.submitSpinner`,"width-kzqmXN":`x1kky2od`,"height-kZKoxP":`xlup9mm`,"animationName-kKVMdj":`x1ka1v4i`,"animationDuration-k44tkh":`xegkacw`,"animationIterationCount-ko0y90":`xa4qsjk`,"animationTimingFunction-kyAemX":`x1esw782`,$$css:`@stridge/kit:src/flows/withdraw/widgets/withdraw-form/compound/WithdrawForm.styles.ts:367`},summarySpinner:{"WithdrawForm__styles.summarySpinner":`WithdrawForm__styles.summarySpinner`,"width-kzqmXN":`x6jxa94`,"height-kZKoxP":`x1v9usgg`,"flexShrink-kmuXW":`x2lah0s`,"color-kMwMTN":`x137ha3m`,"animationName-kKVMdj":`x1ka1v4i`,"animationDuration-k44tkh":`xegkacw`,"animationIterationCount-ko0y90":`xa4qsjk`,"animationTimingFunction-kyAemX":`x1esw782`,$$css:`@stridge/kit:src/flows/withdraw/widgets/withdraw-form/compound/WithdrawForm.styles.ts:379`}};export{e as styles};

package/dist/flows/withdraw/widgets/withdraw-form/compound/components/AmountField.d.ts

@@ -0,0 +1,12 @@
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/flows/withdraw/widgets/withdraw-form/compound/components/AmountField.d.ts
+/**
+ * Amount field — label + numeric input with trailing currency badge and `Max` pill, plus a helper
+ * row (leading USD value, trailing source balance). Amount text is muted while empty and
+ * full-foreground once filled. The helper row sits outside `<Field>` because it's a two-sided
+ * layout — `Field.Description` is for single-string helpers only.
+ */
+declare function WithdrawFormAmountField(): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { WithdrawFormAmountField };

package/dist/flows/withdraw/widgets/withdraw-form/compound/components/AmountField.js

@@ -0,0 +1 @@
+"use client";import{useLingui as e}from"../../../../../../shared/i18n/useLingui.js";import"../../../../../../i18n/index.js";import{Field as t}from"../../../../../../shared/ui/Field/Field.js";import"../../../../../../shared/ui/Field/index.js";import{InputGroup as n}from"../../../../../../shared/ui/InputGroup/InputGroup.js";import"../../../../../../shared/ui/InputGroup/index.js";import{useWithdrawFormContext as r}from"../context.js";import{WITHDRAW_FORM_SLOTS as i}from"../WithdrawForm.slots.js";import{styles as a}from"../WithdrawForm.styles.js";import{useCallback as o,useId as s}from"react";import{jsx as c,jsxs as l}from"react/jsx-runtime";import*as u from"@stylexjs/stylex";function d(){let d=r(`WithdrawForm.AmountField`),{_:f}=e(),p=f({id:`hehnjM`,message:`Amount`}),m=d.sourceAsset.symbol,h=d.amount.length===0,g=s(),_=o(e=>{d.onAmountChange(e.target.value)},[d.onAmountChange]),v=o(()=>{d.onAmountMax?.()},[d]),y=d.balance?f({id:`ZqugiS`,message:`Balance: {0} {1}`,values:{0:d.balance.amount,1:d.balance.symbol}}):``;return l(t,{"data-stridge-slot":i.amountField,children:[c(t.Label,{htmlFor:g,children:p}),l(n,{children:[c(n.Input,{id:g,"data-stridge-slot":i.amountInput,type:`text`,inputMode:`decimal`,autoComplete:`off`,spellCheck:!1,placeholder:`0.00`,value:d.amount,onChange:_,...u.props(h&&a.amountInputEmpty)}),l(n.Addon,{align:`inline-end`,"data-stridge-slot":i.amountUnit,children:[c(`span`,{...u.props(a.amountSymbol),children:m}),d.onAmountMax?c(`button`,{type:`button`,onClick:v,...u.props(a.pillBase,a.pillInteractive,a.amountMaxPill),children:f({id:`CK1KXz`,message:`Max`})}):null]})]}),l(`div`,{"data-stridge-slot":i.amountHelper,...u.props(a.amountHelper),children:[c(`span`,{...u.props(a.amountHelperLeft),children:d.amountUsd??`$0.00`}),c(`span`,{...u.props(a.amountHelperRight),children:y})]})]})}export{d as WithdrawFormAmountField};

package/dist/flows/withdraw/widgets/withdraw-form/compound/components/Body.d.ts

@@ -0,0 +1,20 @@
+import { WithdrawFormBodyProps } from "../types.js";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/flows/withdraw/widgets/withdraw-form/compound/components/Body.d.ts
+/**
+ * Body part — vertical stack hosting the form fields, selectors, summary row, and breakdown
+ * card. Becomes the scrollable region when the widget is mounted inside `Dialog.Content`.
+ *
+ * In dialog mode, `Card.Body` injects its own scroll-area + viewport + inner-flex chain (see
+ * `bodyStyles.root` in `Card.styles.ts`), which wraps the children in an extra `<div>` that
+ * isolates them from any padding / gap a caller passes via spread props. We wrap the children
+ * in our own slot div so the body's `gap: 22px` and `padding: 28/22/22/22` apply where the
+ * fields actually live (i.e. as siblings) instead of getting redirected to the viewport.
+ */
+declare function WithdrawFormBody({
+  children,
+  ...props
+}: WithdrawFormBodyProps): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { WithdrawFormBody };

package/dist/flows/withdraw/widgets/withdraw-form/compound/components/Body.js

@@ -0,0 +1 @@
+"use client";import{Card as e}from"../../../../../../shared/ui/Card/Card.js";import"../../../../../../ui/index.js";import{WITHDRAW_FORM_SLOTS as t}from"../WithdrawForm.slots.js";import{styles as n}from"../WithdrawForm.styles.js";import{jsx as r}from"react/jsx-runtime";import*as i from"@stylexjs/stylex";function a({children:a,...o}){return r(e.Body,{...o,children:r(`div`,{"data-stridge-slot":t.body,...i.props(n.body),children:a})})}export{a as WithdrawFormBody};

package/dist/flows/withdraw/widgets/withdraw-form/compound/components/BreakdownCard.d.ts

@@ -0,0 +1,17 @@
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/flows/withdraw/widgets/withdraw-form/compound/components/BreakdownCard.d.ts
+/**
+ * Receive-summary section. Two rows live here:
+ *
+ * - **You will receive** — always visible; shows the receive amount + USD when a quote payload is
+ *   around, and falls back to an em-dash when nothing has resolved yet.
+ * - **Transaction breakdown** — a kit `Collapsible` that follows the same chrome as the
+ *   `confirm-transfer` widget's breakdown card. Empty (no quote) renders as an inert label + em-dash;
+ *   filled (any breakdown row populated) flips on the trailing canister glyph + network-cost figure
+ *   + chevron-right and lets the user expand the panel for `Route` / `Network cost` / `Price impact`
+ *   / `Max slippage` details.
+ */
+declare function WithdrawFormBreakdownCard(): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { WithdrawFormBreakdownCard };

package/dist/flows/withdraw/widgets/withdraw-form/compound/components/BreakdownCard.js

@@ -0,0 +1 @@
+"use client";import{useLingui as e}from"../../../../../../shared/i18n/useLingui.js";import"../../../../../../i18n/index.js";import{ChevronRightIcon as t}from"../../../../../../shared/icons/ChevronRightIcon.js";import{InfoIcon as n}from"../../../../../../shared/icons/InfoIcon.js";import{LoaderIcon as r}from"../../../../../../shared/icons/LoaderIcon.js";import"../../../../../../icons/index.js";import{Collapsible as i}from"../../../../../../shared/ui/Collapsible/Collapsible.js";import"../../../../../../shared/ui/Collapsible/index.js";import{useDirectionalChevronTransform as a}from"../../../../../../shared/dialog/useDirectionalChevronTransform.js";import{useWithdrawFormContext as o}from"../context.js";import{WITHDRAW_FORM_SLOTS as s}from"../WithdrawForm.slots.js";import{styles as c}from"../WithdrawForm.styles.js";import{InfoTooltip as l}from"./InfoTooltip.js";import{jsx as u,jsxs as d}from"react/jsx-runtime";import*as f from"@stylexjs/stylex";function p(){let t=o(`WithdrawForm.BreakdownCard`),{_:n}=e(),a=n({id:`5joj8M`,message:`Transaction breakdown`}),l=t.breakdown?.networkCost,p=g(t.breakdown),v=n({id:`Uevt3L`,message:`Estimating quote`});return d(`div`,{"data-stridge-slot":s.breakdownCard,...f.props(c.summarySection),children:[d(`div`,{"data-stridge-slot":s.summaryRow,...f.props(c.summaryRow),children:[u(`span`,{...f.props(c.summaryLabel),children:n({id:`AeZIvT`,message:`You will receive`})}),t.receiveAmount?d(`span`,{...f.props(c.summaryValue),children:[d(`span`,{...f.props(c.summaryValuePrimary),children:[t.receiveAmount,` `,t.receiveAsset.symbol]}),t.receiveAmountUsd?u(`span`,{...f.props(c.summaryValueSecondary),children:t.receiveAmountUsd}):null]}):t.quoteEstimating?u(r,{"aria-hidden":!1,"aria-label":v,role:`status`,...f.props(c.summarySpinner)}):u(`span`,{...f.props(c.summaryDash),children:`—`})]}),p?d(i,{open:t.breakdownOpen,onOpenChange:t.onBreakdownOpenChange,...f.props(c.breakdownCollapsibleRoot),children:[u(i.Trigger,{render:(e,{open:t})=>d(`button`,{type:`button`,"data-stridge-slot":s.breakdownHeader,...e,children:[u(`span`,{...f.props(c.breakdownCollapsedLabel),children:a}),t?u(h,{open:!0}):d(`span`,{...f.props(c.breakdownCollapsedValueGroup),children:[u(_,{"aria-hidden":!0,...f.props(c.breakdownNetworkIcon)}),u(`span`,{...f.props(c.breakdownCollapsedValue),children:l??`—`}),u(h,{open:!1})]})]}),"aria-label":a,...f.props(c.breakdownTrigger)}),u(i.Panel,{children:d(`div`,{"data-stridge-slot":s.breakdownRows,...f.props(c.breakdownRows),children:[t.breakdown?.route?u(m,{label:n({id:`rT8e1f`,message:`Route`}),tooltip:n({id:`lxjao1`,message:`The selected liquidity route used to settle this withdrawal.`}),value:t.breakdown.route}):null,t.breakdown?.networkCost?u(m,{label:n({id:`bZnukT`,message:`Network cost`}),tooltip:n({id:`i-EgW-`,message:`The estimated cost to broadcast this transaction on the destination chain.`}),value:t.breakdown.networkCost,leadingIcon:u(_,{"aria-hidden":!0,...f.props(c.breakdownNetworkIcon)})}):null,t.breakdown?.priceImpact?u(m,{label:n({id:`kH6wUX`,message:`Price impact`}),tooltip:n({id:`hKMHs1`,message:`Difference between the route's expected output and the underlying market mid-price.`}),value:t.breakdown.priceImpact}):null]})})]}):d(`div`,{"data-stridge-slot":s.breakdownHeader,"aria-disabled":`true`,...f.props(c.breakdownEmptyRow),children:[u(`span`,{...f.props(c.breakdownCollapsedLabel),children:a}),t.quoteEstimating?u(r,{"aria-hidden":!1,"aria-label":v,role:`status`,...f.props(c.summarySpinner)}):u(`span`,{...f.props(c.summaryDash),children:`—`})]})]})}function m({label:e,tooltip:t,value:r,leadingIcon:i}){return d(`div`,{...f.props(c.breakdownRow),children:[d(`span`,{...f.props(c.breakdownRowLabel),children:[e,u(l,{content:t,stopToggle:!0,children:u(n,{"aria-hidden":!0,...f.props(c.breakdownInfoIcon)})})]}),d(`span`,{...f.props(c.breakdownCollapsedValueGroup),children:[i,u(`span`,{...f.props(c.breakdownRowValue),children:r??`—`})]})]})}function h({open:e}){let n=a(e),r=f.props(c.breakdownChevron);return u(t,{"aria-hidden":!0,className:r.className,style:{...r.style,transform:n}})}function g(e){return e?!!(e.route??e.networkCost??e.priceImpact):!1}function _(e){return d(`svg`,{xmlns:`http://www.w3.org/2000/svg`,width:`14`,height:`14`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:1.6,strokeLinecap:`round`,strokeLinejoin:`round`,...e,children:[u(`path`,{d:`M3 22h12V2H3z`}),u(`path`,{d:`M3 9h12`}),u(`path`,{d:`M15 5l3 3v10a2 2 0 0 1-2 2`}),u(`path`,{d:`M18 8l2 1`})]})}export{p as WithdrawFormBreakdownCard};

package/dist/flows/withdraw/widgets/withdraw-form/compound/components/Footer.d.ts

@@ -0,0 +1,18 @@
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/flows/withdraw/widgets/withdraw-form/compound/components/Footer.d.ts
+/**
+ * Footer slot — renders the single submit CTA. Reads `submitting` / `quoteRegenerating` /
+ * `submitDisabled` / `onSubmit` from compound context. The CTA's busy treatment (leading
+ * spinner + status label) covers two cases: `submitting` (wagmi prompt is up) and
+ * `quoteRegenerating` (active quote expired, fresh fetch in flight). Disabled-empty state
+ * shows the resolved `submitLabel` (e.g. `Enter Recipient Address`); enabled state shows
+ * `Withdraw`.
+ *
+ * Optionally renders an inline notice (e.g. "Signature declined. Please try again.") above the
+ * CTA when the orchestrator threads one through — currently used by the user-rejection retry
+ * flow so the user lands back on the form with context, instead of the dedicated error screen.
+ */
+declare function WithdrawFormFooter(): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { WithdrawFormFooter };

package/dist/flows/withdraw/widgets/withdraw-form/compound/components/Footer.js

@@ -0,0 +1 @@
+"use client";import{useLingui as e}from"../../../../../../shared/i18n/useLingui.js";import"../../../../../../i18n/index.js";import{LoaderIcon as t}from"../../../../../../shared/icons/LoaderIcon.js";import"../../../../../../icons/index.js";import{Button as n}from"../../../../../../shared/ui/Button/Button.js";import"../../../../../../shared/ui/Button/index.js";import{text as r}from"../../../../../../shared/ui/Text/Text.js";import"../../../../../../ui/index.js";import{useWithdrawFormContext as i}from"../context.js";import{WITHDRAW_FORM_SLOTS as a}from"../WithdrawForm.slots.js";import{styles as o}from"../WithdrawForm.styles.js";import{jsx as s,jsxs as c}from"react/jsx-runtime";import*as l from"@stylexjs/stylex";function u(){let u=i(`WithdrawForm.Footer`),{_:d}=e(),f=u.submitting||u.quoteRegenerating,p=u.submitting?d({id:`vrnnn9`,message:`Processing`}):u.quoteRegenerating?d({id:`Ly6geA`,message:`Regenerating quote…`}):u.submitDisabled?u.submitLabel??d({id:`nr03QI`,message:`Enter Recipient Address`}):d({id:`OsyKSt`,message:`Withdraw`});return c(`div`,{"data-stridge-slot":a.footer,...l.props(o.footer),children:[u.notice?s(r.span,{"data-stridge-slot":a.notice,role:`alert`,size:`caption`,leading:`normal`,...l.props(o.notice),children:u.notice}):null,c(n,{"data-stridge-slot":a.submitButton,size:`cta`,disabled:u.submitDisabled||u.submitting,onClick:u.onSubmit,...l.props(o.submitButton),children:[f?s(t,{"aria-hidden":!0,...l.props(o.submitSpinner)}):null,p]})]})}export{u as WithdrawFormFooter};

package/dist/flows/withdraw/widgets/withdraw-form/compound/components/Header.d.ts

@@ -0,0 +1,21 @@
+import { WithdrawFormHeaderProps } from "../types.js";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/flows/withdraw/widgets/withdraw-form/compound/components/Header.d.ts
+/**
+ * Header part — back chevron + title + (optional) quote countdown ring + dialog close. Mirrors
+ * `TransferCrypto.Header`'s shape so both flows render the same modal-chrome rhythm. The chevron
+ * only renders when `onBack` is supplied; in V2 the orchestrated wrapper omits it (`form` has no
+ * parent step).
+ *
+ * The quote countdown ring renders only when the orchestrated wrapper supplies both
+ * `quoteSeconds` and `quoteTotalSeconds` — i.e. when there's an actively-tracked quote whose
+ * freshness window is meaningful (recipient is valid, amount > 0, balance covers it). Mirrors
+ * deposit's confirm-deposit timer.
+ */
+declare function WithdrawFormHeader({
+  onBack,
+  title
+}: WithdrawFormHeaderProps): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { WithdrawFormHeader };

package/dist/flows/withdraw/widgets/withdraw-form/compound/components/Header.js

@@ -0,0 +1 @@
+"use client";import{useLingui as e}from"../../../../../../shared/i18n/useLingui.js";import"../../../../../../i18n/index.js";import{ChevronLeftIcon as t}from"../../../../../../shared/icons/ChevronLeftIcon.js";import"../../../../../../icons/index.js";import{IconButton as n}from"../../../../../../shared/ui/IconButton/IconButton.js";import{Dialog as r}from"../../../../../../shared/ui/Dialog/Dialog.js";import"../../../../../../shared/ui/Dialog/index.js";import{Card as i}from"../../../../../../shared/ui/Card/Card.js";import{text as a}from"../../../../../../shared/ui/Text/Text.js";import"../../../../../../ui/index.js";import{QuoteTimer as o}from"../../../../../../shared/widgets/confirm-transfer/compound/components/QuoteTimer.js";import{useWithdrawFormContext as s}from"../context.js";import{WITHDRAW_FORM_SLOTS as c}from"../WithdrawForm.slots.js";import{styles as l}from"../WithdrawForm.styles.js";import{jsx as u,jsxs as d}from"react/jsx-runtime";import*as f from"@stylexjs/stylex";function p({onBack:p,title:m}){let{_:h}=e(),g=s(`WithdrawForm.Header`),_=m??h({id:`OsyKSt`,message:`Withdraw`}),v=g.quoteSeconds!==void 0&&g.quoteTotalSeconds!==void 0&&g.quoteTotalSeconds>0;return d(i.Header,{"data-stridge-slot":c.header,...f.props(l.header),children:[d(`div`,{...f.props(l.headerLeft),children:[typeof p==`function`?u(n,{"aria-label":h({id:`iH8pgl`,message:`Back`}),onClick:p,children:u(t,{"aria-hidden":!0,...f.props(l.backIcon)})}):null,u(a.span,{size:`base`,fontWeight:`semibold`,leading:`tight`,tracking:`tight`,style:{margin:0},children:_})]}),d(`div`,{...f.props(l.headerRight),children:[v?u(o,{seconds:g.quoteSeconds??0,total:g.quoteTotalSeconds}):null,u(r.CloseButton,{})]})]})}export{p as WithdrawFormHeader};

package/dist/flows/withdraw/widgets/withdraw-form/compound/components/InfoTooltip.js

@@ -0,0 +1 @@
+"use client";import{useLingui as e}from"../../../../../../shared/i18n/useLingui.js";import"../../../../../../i18n/index.js";import{Tooltip as t}from"../../../../../../shared/ui/Tooltip/Tooltip.js";import"../../../../../../shared/ui/Tooltip/index.js";import{styles as n}from"../WithdrawForm.styles.js";import{jsx as r,jsxs as i}from"react/jsx-runtime";import*as a from"@stylexjs/stylex";function o({content:o,children:s,stopToggle:c=!1,label:l}){let{_:u}=e(),d=c?e=>e.stopPropagation():void 0,f=l??u({id:`kjrq_8`,message:`More information`});return i(t.Root,{children:[r(t.Trigger,{"aria-label":f,onClick:d,...a.props(n.infoTrigger),children:s}),r(t.Content,{children:o})]})}export{o as InfoTooltip};

package/dist/flows/withdraw/widgets/withdraw-form/compound/components/ReceiveSelectors.d.ts

@@ -0,0 +1,13 @@
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/flows/withdraw/widgets/withdraw-form/compound/components/ReceiveSelectors.d.ts
+/**
+ * Two-up `Receive token` / `Receive chain` selectors. Each cell renders a kit `Select`
+ * with the same `tile` chrome as the transfer-crypto Tokens/Chains pickers, so the form
+ * stays visually consistent with the rest of the deposit / transfer flows. When a column
+ * has no `options` + `onChange` wired, the trigger falls back to `Select.StaticTrigger`
+ * (read-only) so hosts that haven't surfaced live options still get a clean disabled look.
+ */
+declare function WithdrawFormReceiveSelectors(): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { WithdrawFormReceiveSelectors };

package/dist/flows/withdraw/widgets/withdraw-form/compound/components/ReceiveSelectors.js

@@ -0,0 +1 @@
+"use client";import{useLingui as e}from"../../../../../../shared/i18n/useLingui.js";import"../../../../../../i18n/index.js";import{Image as t}from"../../../../../../shared/ui/Image/Image.js";import"../../../../../../shared/ui/Image/index.js";import{Select as n}from"../../../../../../shared/ui/Select/Select.js";import"../../../../../../shared/ui/Select/index.js";import{text as r}from"../../../../../../shared/ui/Text/Text.js";import"../../../../../../shared/ui/Text/index.js";import{useWithdrawFormContext as i}from"../context.js";import{WITHDRAW_FORM_SLOTS as a}from"../WithdrawForm.slots.js";import{styles as o}from"../WithdrawForm.styles.js";import{Fragment as s,jsx as c,jsxs as l}from"react/jsx-runtime";import*as u from"@stylexjs/stylex";function d(){let t=i(`WithdrawForm.ReceiveSelectors`),{_:n}=e(),r=n({id:`a2WllD`,message:`Receive token`}),s=n({id:`sSiLKx`,message:`Receive chain`});return l(`div`,{"data-stridge-slot":a.receiveSelectors,...u.props(o.receiveSelectors),children:[l(`div`,{...u.props(o.receiveColumn),children:[c(`span`,{...u.props(o.fieldLabel),children:r}),c(f,{slot:a.receiveTokenSelect,value:t.receiveAsset,options:t.receiveAssetOptions,onChange:t.onReceiveAssetChange,ariaLabel:r})]}),l(`div`,{...u.props(o.receiveColumn),children:[c(`span`,{...u.props(o.fieldLabel),children:s}),c(f,{slot:a.receiveChainSelect,value:t.receiveChain,options:t.receiveChainOptions,onChange:t.onReceiveChainChange,ariaLabel:s})]})]})}function f({slot:e,value:r,options:i,onChange:a,ariaLabel:o}){return!i||i.length===0||!a?c(n.StaticTrigger,{variant:`tile`,"data-stridge-slot":e,role:`presentation`,"aria-label":o,children:c(p,{value:r})}):l(n,{variant:`tile`,value:r.symbol,onValueChange:e=>{if(!e)return;let t=i.find(t=>t.symbol===e);t&&a(t)},children:[c(n.Trigger,{"data-stridge-slot":e,"aria-label":o,children:c(p,{value:r})}),c(n.Content,{sideOffset:4,scrollArrows:!1,children:i.map(e=>l(n.Item,{value:e.symbol,children:[c(t,{size:`sm`,src:e.logoUrl,alt:e.label??e.symbol}),c(`span`,{style:{flex:1,minWidth:0},children:e.label??e.symbol})]},e.symbol))})]})}function p({value:e}){return l(s,{children:[c(t,{size:`md`,src:e.logoUrl,alt:e.label??e.symbol}),c(r.span,{size:`sm`,fontWeight:`semibold`,leading:`tight`,truncate:!0,children:e.label??e.symbol})]})}export{d as WithdrawFormReceiveSelectors};

package/dist/flows/withdraw/widgets/withdraw-form/compound/components/RecipientField.d.ts

@@ -0,0 +1,19 @@
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/flows/withdraw/widgets/withdraw-form/compound/components/RecipientField.d.ts
+/**
+ * Recipient address field — label + auto-growing textarea + trailing wallet pill.
+ *
+ * The textarea wraps long hex addresses up to `maxBlockSize`, then scrolls. Single-line semantics
+ * are kept by stripping any `\r\n` in `onChange` — no `onKeyDown` Enter-blocker, since that would
+ * also swallow IME composition keys for CJK input. The stripping handler lives here (not in
+ * `InputGroup.Textarea`) so the kit primitive stays neutral on the single-vs-multi-line decision.
+ *
+ * The pill becomes an interactive button when `connectedAddress` is set; clicking it fills the
+ * input. Omitted entirely when `connectedAddress` is absent. The pill renders the truncated
+ * address (`0xCA…1685`) — the user recognizes their own address, making the action self-evident
+ * while keeping pill width deterministic across locales.
+ */
+declare function WithdrawFormRecipientField(): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { WithdrawFormRecipientField };

package/dist/flows/withdraw/widgets/withdraw-form/compound/components/RecipientField.js

@@ -0,0 +1 @@
+"use client";import{useLingui as e}from"../../../../../../shared/i18n/useLingui.js";import"../../../../../../i18n/index.js";import{Field as t}from"../../../../../../shared/ui/Field/Field.js";import"../../../../../../shared/ui/Field/index.js";import{Image as n}from"../../../../../../shared/ui/Image/Image.js";import"../../../../../../shared/ui/Image/index.js";import{InputGroup as r}from"../../../../../../shared/ui/InputGroup/InputGroup.js";import"../../../../../../shared/ui/InputGroup/index.js";import{useWithdrawFormContext as i}from"../context.js";import{WITHDRAW_FORM_SLOTS as a}from"../WithdrawForm.slots.js";import{styles as o}from"../WithdrawForm.styles.js";import{useCallback as s,useId as c}from"react";import{jsx as l,jsxs as u}from"react/jsx-runtime";import*as d from"@stylexjs/stylex";function f(){let f=i(`WithdrawForm.RecipientField`),{_:m}=e(),h=m({id:`yy2rkt`,message:`0x…`}),g=m({id:`MZ_nQf`,message:`Recipient address`}),_=c(),{connectedAddress:v,onRecipientChange:y}=f,b=s(e=>{y(e.target.value.replace(/[\r\n]+/g,``))},[y]),x=s(()=>{v&&y(v)},[v,y]),S=v?p(v):``;return u(t,{"data-stridge-slot":a.recipientField,children:[l(t.Label,{htmlFor:_,children:g}),u(r,{children:[l(r.Textarea,{id:_,"data-stridge-slot":a.recipientInput,rows:1,spellCheck:!1,autoComplete:`off`,autoCorrect:`off`,autoCapitalize:`off`,placeholder:h,value:f.recipientAddress,onChange:b,...d.props(o.recipientInputMono)}),v?l(r.Addon,{align:`inline-end`,children:u(`button`,{type:`button`,"data-stridge-slot":a.recipientPill,onClick:x,"aria-label":m({id:`8Fcmiu`,message:`Use connected wallet address`}),...d.props(o.pillBase,o.pillInteractive,o.recipientPill),children:[l(n,{size:`sm`,alt:m({id:`sb9Y58`,message:`Wallet`})}),l(`span`,{...d.props(o.recipientPillText),children:S})]})}):null]})]})}function p(e){return e.length<=10?e:`${e.slice(0,4)}…${e.slice(-4)}`}export{f as WithdrawFormRecipientField};

package/dist/flows/withdraw/widgets/withdraw-form/compound/context.js

@@ -0,0 +1 @@
+"use client";import{createContext as e,use as t}from"react";const n=e(null);function r(e){let r=t(n);if(!r)throw Error(`${e} must be rendered inside <WithdrawForm>.`);return r}export{n as WithdrawFormContext,r as useWithdrawFormContext};

package/dist/flows/withdraw/widgets/withdraw-form/compound/index.d.ts

@@ -0,0 +1,3 @@
+import { WithdrawFormAsset, WithdrawFormBalance, WithdrawFormBodyProps, WithdrawFormBreakdown, WithdrawFormDialogProps, WithdrawFormHeaderProps, WithdrawFormProps } from "./types.js";
+import { WithdrawForm } from "./WithdrawForm.js";
+import { WITHDRAW_FORM_SLOTS, WithdrawFormSlot } from "./WithdrawForm.slots.js";