@stridge/kit 0.1.0-alpha.6 → 0.1.0-alpha.60

package/dist/flows/deposit/widgets/asset-picker/AssetPicker.js

@@ -1 +1 @@
-"use client";import{useDepositSnapshot as e}from"../../driver/context.js";import{useDepositActions as t,useDepositEffectiveState as n}from"../../orchestrator/controller.js";import{DialogShell as r}from"../../../../shared/dialog/DialogShell.js";import{AssetPicker as i}from"../../../../shared/widgets/asset-picker/compound/AssetPicker.js";import"../../../../shared/widgets/asset-picker/compound/index.js";import{useMemo as a,useState as o}from"react";import{jsx as s,jsxs as c}from"react/jsx-runtime";function l(r){let l=e(),f=n(),{confirmAsset:p,back:m}=t(),[h,g]=o(void 0),_=l.balances,v=_.status===`ready`||_.status===`stale`?_.payload:[],y=a(()=>v.map(u),[v]),b=a(()=>(e=>e!==void 0&&y.some(t=>t.id===e&&!t.disabled))(h)?h:y.find(e=>!e.disabled)?.id,[h,y]),x=l.target,S=x.status===`ready`||x.status===`stale`?x.payload:void 0;if(f.name!==`assetPicker`)return null;let C=f.ctx.backTarget===`closed`?void 0:m,w=()=>{if(!b)return;let e=v.find(e=>d(e)===b);e&&p(e)};return c(i,{...r,...S?{token:{symbol:S.symbol}}:{},...b?{selectedId:b}:{},onSelect:g,assets:y,...C?{onBack:C}:{},onContinue:w,children:[s(i.Header,{}),s(i.Body,{children:s(i.List,{})}),s(i.Footer,{})]})}function u(e){let t=d(e),n=`${e.amount.formatted} ${e.symbol}`,r=e.amountUsd?.formatted??`—`;return{id:t,symbol:e.symbol,chain:e.networkName,balance:e.amount.value,balanceFormatted:n,fiatFormatted:r,...e.eip155Id?{chainId:Number(e.eip155Id)}:{},...e.address?{contractAddress:e.address}:{},isNative:e.isNative,...e.assetLogoUrl?{logoUrl:e.assetLogoUrl}:{},...e.chainLogoUrl?{chainLogoUrl:e.chainLogoUrl}:{},decimals:e.decimals,...e.priceUsd===void 0?{}:{priceUsd:e.priceUsd},...e.lowBalance?{lowBalance:!0}:{},...e.disabled?{disabled:!0}:{}}}function d(e){return e.eip155Id?`${e.eip155Id}:${e.address||`native`}`:e.symbol.toLowerCase()}function f({open:e,defaultOpen:t,onOpenChange:n,trigger:i,...a}){return s(r,{open:e,defaultOpen:t,onOpenChange:n,trigger:i,children:s(l,{...a})})}(function(e){e.Dialog=f})(l||={});export{l as AssetPicker};
+"use client";import{useOptionalActivityDriverInstance as e}from"../../../activity/driver/context.js";import{useDepositSnapshot as t}from"../../driver/context.js";import{useDepositActions as n,useDepositEffectiveState as r}from"../../orchestrator/controller.js";import{DialogShell as i}from"../../../../shared/dialog/DialogShell.js";import{ActivityTrigger as a}from"../../../../shared/widgets/activity/ActivityTrigger.js";import"../../../../shared/widgets/activity/index.js";import{AssetPicker as o}from"../../../../shared/widgets/asset-picker/compound/AssetPicker.js";import"../../../../shared/widgets/asset-picker/compound/index.js";import{useMemo as s,useState as c}from"react";import{Fragment as l,jsx as u,jsxs as d}from"react/jsx-runtime";const f=d(l,{children:[u(o.Header,{}),u(o.Body,{children:u(o.List,{})}),u(o.Footer,{})]}),p=d(l,{children:[u(o.Header,{}),u(o.Body,{children:u(o.Empty,{})})]});function m({children:i,...l}){let d=t(),m=r(),{confirmAsset:_,back:v,openActivity:y}=n(),b=e()!==null,[x,S]=c(void 0),C=d.balances,w=C.status===`ready`||C.status===`stale`?C.payload:[],T=s(()=>w.map(h),[w]),E=(C.status===`ready`||C.status===`stale`)&&T.length===0,D=s(()=>(e=>e!==void 0&&T.some(t=>t.id===e&&!t.disabled))(x)?x:T.find(e=>!e.disabled)?.id,[x,T]),O=d.target,k=O.status===`ready`||O.status===`stale`?O.payload:void 0;if(m.name!==`assetPicker`)return null;let A=m.ctx.backTarget===`closed`?void 0:v,j=()=>{if(!D)return;let e=w.find(e=>g(e)===D);e&&_(e)};return u(o,{...l,...k?{token:{symbol:k.symbol}}:{},...D?{selectedId:D}:{},onSelect:S,assets:T,...A?{onBack:A}:{},onContinue:j,...b?{headerTrailing:u(a,{onOpen:y})}:{},children:i??(E?p:f)})}function h(e){let t=g(e),n=`${e.amount.formatted} ${e.symbol}`,r=e.amountUsd?.formatted??`—`;return{id:t,symbol:e.symbol,chain:e.networkName,balance:e.amount.value,balanceFormatted:n,fiatFormatted:r,...e.eip155Id?{chainId:Number(e.eip155Id)}:{},...e.address?{contractAddress:e.address}:{},isNative:e.isNative,...e.assetLogoUrl?{logoUrl:e.assetLogoUrl}:{},...e.chainLogoUrl?{chainLogoUrl:e.chainLogoUrl}:{},decimals:e.decimals,...e.priceUsd===void 0?{}:{priceUsd:e.priceUsd},...e.lowBalance?{lowBalance:!0}:{},...e.disabled?{disabled:!0}:{}}}function g(e){return e.eip155Id?`${e.eip155Id}:${e.address||`native`}`:e.symbol.toLowerCase()}function _({open:e,defaultOpen:t,onOpenChange:n,trigger:r,...a}){return u(i,{open:e,defaultOpen:t,onOpenChange:n,trigger:r,children:u(m,{...a})})}(function(e){e.Dialog=_,e.Header=o.Header,e.Body=o.Body,e.List=o.List,e.Footer=o.Footer,e.Empty=o.Empty})(m||={});export{m as AssetPicker};

package/dist/flows/deposit/widgets/cash-amount-entry/CashAmountEntry.d.ts

@@ -0,0 +1,71 @@
+import { DialogShellControls } from "../../../../shared/dialog/DialogShell.js";
+import { AmountEntryBodyProps } from "../../../../shared/widgets/amount-entry/compound/types.js";
+import { AmountEntryHeader } from "../../../../shared/widgets/amount-entry/compound/components/Header.js";
+import { AmountEntryDetails, AmountEntryDetailsRow } from "../../../../shared/widgets/amount-entry/compound/components/Details.js";
+import { AmountEntryFlow } from "../../../../shared/widgets/amount-entry/compound/components/Flow.js";
+import { AmountEntryFooter } from "../../../../shared/widgets/amount-entry/compound/components/Footer.js";
+import { AmountEntryHero } from "../../../../shared/widgets/amount-entry/compound/components/Hero/Hero.js";
+import { AmountEntryNotice } from "../../../../shared/widgets/amount-entry/compound/components/Notice.js";
+import { AmountEntryPills } from "../../../../shared/widgets/amount-entry/compound/components/Pills.js";
+import { CashAmountEntryHeroLabel } from "./compound/components/HeroLabel.js";
+import { CashAmountEntryMethodChip } from "./compound/components/MethodChip.js";
+import { CashAmountEntryReceiveChip } from "./compound/components/ReceiveChip.js";
+import { ComponentProps, ReactNode } from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/flows/deposit/widgets/cash-amount-entry/CashAmountEntry.d.ts
+interface CashAmountEntryProps extends ComponentProps<"div"> {
+  /**
+   * Optional custom composition. When omitted, the canonical default composition renders —
+   * `<Header />` + `<Body>` with method chip + YOU PAY label + Hero (Receive chip subLine) +
+   * fiat-absolute Pills + Details breakdown + Notice + `<Footer />`. Pass children to interleave
+   * your own elements between compound parts or replace the composition entirely.
+   */
+  children?: ReactNode;
+}
+/**
+ * Orchestrated `CashAmountEntry` widget — the screen between the cash-method picker and the
+ * per-method confirmation form. Reads the chosen cash method from the FSM's `cashAmountEntry.ctx`,
+ * the per-method limit from the driver's `cashMethods` entity, and computes the fee breakdown
+ * from the mock fixture in {@link computeMockCashBreakdown}. The `cashQuote` driver entity that
+ * backs this in production is deferred.
+ *
+ * Renders nothing on any other FSM state — the dialog routes it under
+ * `<Deposit.Step name="cashAmountEntry">`, and the guard inside this component is a belt-and-
+ * braces check against host compositions that don't honour the step routing.
+ */
+declare function CashAmountEntry({
+  children,
+  ...props
+}: CashAmountEntryProps): _$react_jsx_runtime0.JSX.Element | null;
+declare function CashAmountEntryDialog({
+  open,
+  defaultOpen,
+  onOpenChange,
+  trigger,
+  ...rootProps
+}: CashAmountEntry.DialogProps): _$react_jsx_runtime0.JSX.Element;
+declare namespace CashAmountEntry {
+  type Props = CashAmountEntryProps;
+  type DialogProps = CashAmountEntryProps & DialogShellControls;
+  const Dialog: typeof CashAmountEntryDialog;
+  /**
+   * Compound sub-parts aliased on the orchestrated widget so consumers can compose without
+   * importing the headless compound separately. Identity-equal to the parts on the compound
+   * exported from `@stridge/kit/deposit/compound`.
+   */
+  const MethodChip: typeof CashAmountEntryMethodChip;
+  const HeroLabel: typeof CashAmountEntryHeroLabel;
+  const ReceiveChip: typeof CashAmountEntryReceiveChip;
+  const Header: typeof AmountEntryHeader;
+  const Body: (props: AmountEntryBodyProps) => _$react_jsx_runtime0.JSX.Element;
+  const Hero: typeof AmountEntryHero;
+  const Pills: typeof AmountEntryPills;
+  const Flow: typeof AmountEntryFlow;
+  const Footer: typeof AmountEntryFooter;
+  const Notice: typeof AmountEntryNotice;
+  const Details: typeof AmountEntryDetails;
+  const DetailsRow: typeof AmountEntryDetailsRow;
+}
+//#endregion
+export { CashAmountEntry };

package/dist/flows/deposit/widgets/cash-amount-entry/CashAmountEntry.js

@@ -0,0 +1 @@
+"use client";import{useKitI18n as e}from"../../../../shared/i18n/useKitI18n.js";import{Trans as t}from"../../../../shared/i18n/Trans.js";import{useLingui as n}from"../../../../shared/i18n/useLingui.js";import"../../../../i18n/index.js";import{useDepositSnapshot as r}from"../../driver/context.js";import{useDepositActions as i,useDepositEffectiveState as a}from"../../orchestrator/controller.js";import{formatTokenAmount as o}from"../../../../shared/format/formatTokenAmount.js";import{formatUsd as s}from"../../../../shared/format/formatUsd.js";import{DialogShell as c}from"../../../../shared/dialog/DialogShell.js";import{MOCK_CASH_PRESETS as l,MOCK_RECEIVE_TOKEN as u,computeMockCashBreakdown as d}from"../../shared/cash.js";import{CashAmountEntry as f}from"./compound/CashAmountEntry.js";import"./compound/index.js";import{useEffect as p,useMemo as m,useRef as h,useState as g}from"react";import{Fragment as _,jsx as v,jsxs as y}from"react/jsx-runtime";function b({children:c,...b}){let x=r(),S=a(),{back:C,confirmCashAmount:w}=i(),{_:T}=n(),E=e(),D=S.name===`cashAmountEntry`?S.ctx.cashMethod:void 0,O=S.name===`cashAmountEntry`?S.ctx.amount:void 0,k=x.cashMethods,A=k?.status===`ready`||k?.status===`stale`?k.payload:void 0,j=D?A?.[D]?.limit?.value:void 0,M=D?A?.[D]?.limit?.formatted:void 0,N=l[0]?.value??0,P=O??N,[F,I]=g(P),[L,R]=g(()=>{let e=l.find(e=>e.value===P);return e?String(e.value):void 0}),z=h(D);p(()=>{D&&z.current!==D&&(z.current=D,I(N),R(String(N)))},[D,N]);let B=m(()=>l.map(e=>({value:String(e.value),label:e.label})),[]),V=e=>{let t=Number.parseInt(e,10);Number.isFinite(t)&&(I(t),R(e))},H=e=>{I(e),R(void 0)},U=j===0,W=()=>{if(!U){if(typeof j==`number`&&F!==null&&F>j){I(j),R(void 0);return}F===null||F<=0||!D||w(F)}};if(S.name!==`cashAmountEntry`||!D)return null;let G=!U&&typeof j==`number`&&F!==null&&F>j,K=U?v(t,{id:`FWbwx6`,message:`Cash deposit unavailable for your account`}):G&&M?v(t,{id:`GXkBas`,message:`Max {formattedLimit}`,values:{formattedLimit:M}}):void 0,q=G?T({id:`wkskq5`,message:`Use max`}):void 0,J=d(F,D),Y=o(J.receiveAmount,E,{maxDecimals:2,useGrouping:!0}),X=S.ctx.backTarget===`closed`?void 0:C;return v(f,{...b,cashMethod:D,breakdown:J,formattedReceive:Y,...X?{onChangeMethod:X}:{},amount:F,sendToken:{symbol:`USD`},receiveToken:u,...typeof j==`number`?{max:j}:{},headerTitle:T({id:`kj3M8S`,message:`Deposit`}),currencySymbol:`$`,onAmountChange:H,...X?{onBack:X}:{},presets:B,...L===void 0?{}:{activePreset:L},onPresetSelect:V,...q===void 0?{}:{footerLabel:q},...U?{}:{onContinue:W},notice:K,children:c??y(_,{children:[v(f.Header,{}),y(f.Body,{children:[v(f.MethodChip,{}),v(f.HeroLabel,{children:v(t,{id:`VAxOSg`,message:`You pay`})}),v(f.Hero,{}),v(f.Pills,{}),y(f.Details,{children:[v(f.DetailsRow,{label:v(t,{id:`hehnjM`,message:`Amount`}),children:s(J.amountUsd,E,{showSmallValueClamp:!1})}),v(f.DetailsRow,{label:v(t,{id:`vepIdX`,message:`Crypto price`}),children:v(t,{id:`eUbBqz`,message:`1 {0} = {1}`,values:{0:u.symbol,1:s(J.rate,E,{showSmallValueClamp:!1})}})}),y(f.DetailsRow,{label:v(t,{id:`QFwptY`,message:`Processing fee`}),info:v(t,{id:`C7cyXd`,message:`The processing fee covers the cost of processing your payment through the selected payment method.`}),children:[`− `,s(J.processingFeeUsd,E,{showSmallValueClamp:!1})]}),y(f.DetailsRow,{label:v(t,{id:`y62Dys`,message:`Network fee`}),info:v(t,{id:`f-nEg4`,message:`The network fee is paid to miners and validators of the blockchain to make sure the transaction is processed and confirmed.`}),children:[`− `,s(J.networkFeeUsd,E,{showSmallValueClamp:!1})]})]})]}),v(f.Footer,{children:v(f.Notice,{})})]})})}function x({open:e,defaultOpen:t,onOpenChange:n,trigger:r,...i}){return v(c,{open:e,defaultOpen:t,onOpenChange:n,trigger:r,children:v(b,{...i})})}(function(e){e.Dialog=x,e.MethodChip=f.MethodChip,e.HeroLabel=f.HeroLabel,e.ReceiveChip=f.ReceiveChip,e.Header=f.Header,e.Body=f.Body,e.Hero=f.Hero,e.Pills=f.Pills,e.Flow=f.Flow,e.Footer=f.Footer,e.Notice=f.Notice,e.Details=f.Details,e.DetailsRow=f.DetailsRow})(b||={});export{b as CashAmountEntry};

package/dist/flows/deposit/widgets/cash-amount-entry/compound/CashAmountEntry.d.ts

@@ -0,0 +1,69 @@
+import { AmountEntryBodyProps } from "../../../../../shared/widgets/amount-entry/compound/types.js";
+import { AmountEntryHeader } from "../../../../../shared/widgets/amount-entry/compound/components/Header.js";
+import { AmountEntryDetails, AmountEntryDetailsRow } from "../../../../../shared/widgets/amount-entry/compound/components/Details.js";
+import { AmountEntryFlow } from "../../../../../shared/widgets/amount-entry/compound/components/Flow.js";
+import { AmountEntryFooter } from "../../../../../shared/widgets/amount-entry/compound/components/Footer.js";
+import { AmountEntryHero } from "../../../../../shared/widgets/amount-entry/compound/components/Hero/Hero.js";
+import { AmountEntryNotice } from "../../../../../shared/widgets/amount-entry/compound/components/Notice.js";
+import { AmountEntryPills } from "../../../../../shared/widgets/amount-entry/compound/components/Pills.js";
+import { CashAmountEntryDialogProps, CashAmountEntryHeroLabelProps, CashAmountEntryMethodChipProps, CashAmountEntryProps } from "./types.js";
+import { CashAmountEntryHeroLabel } from "./components/HeroLabel.js";
+import { CashAmountEntryMethodChip } from "./components/MethodChip.js";
+import { CashAmountEntryReceiveChip } from "./components/ReceiveChip.js";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/flows/deposit/widgets/cash-amount-entry/compound/CashAmountEntry.d.ts
+/**
+ * Root of the CashAmountEntry compound. Wraps the shared {@link AmountEntryCompound} and provides
+ * cash-flow-specific context (cashMethod, breakdown, formattedReceive, onChangeMethod) to the
+ * three cash-flow-internal sub-parts (`MethodChip`, `HeroLabel`, `ReceiveChip`) so children render
+ * without prop-drilling from the host.
+ *
+ * Defaults the `subLine` slot to a `<CashAmountEntry.ReceiveChip />` when the host doesn't provide
+ * one explicitly — that's the canonical Paper composition. Pass `subLine={…}` to override.
+ *
+ * Parts:
+ * - {@link CashAmountEntry.MethodChip}
+ * - {@link CashAmountEntry.HeroLabel}
+ * - {@link CashAmountEntry.ReceiveChip}
+ *
+ * The AmountEntry compound parts (`Header`, `Body`, `Hero`, `Pills`, `Details`, `DetailsRow`,
+ * `Notice`, `Footer`) are re-exposed off the namespace too so consumers can compose the full tree
+ * without importing two compounds. Identity-equal to the parts on
+ * {@link AmountEntryCompound}.
+ *
+ * Dialog form: {@link CashAmountEntry.Dialog} pre-composes the widget into a
+ * `Dialog.Root + Dialog.Trigger + Dialog.Content` shell.
+ */
+declare function CashAmountEntry(props: CashAmountEntryProps): _$react_jsx_runtime0.JSX.Element;
+declare function CashAmountEntryDialog({
+  open,
+  defaultOpen,
+  onOpenChange,
+  trigger,
+  children,
+  ...rootProps
+}: CashAmountEntryDialogProps): _$react_jsx_runtime0.JSX.Element;
+declare namespace CashAmountEntry {
+  type Props = CashAmountEntryProps;
+  type MethodChipProps = CashAmountEntryMethodChipProps;
+  type HeroLabelProps = CashAmountEntryHeroLabelProps;
+  type DialogProps = CashAmountEntryDialogProps;
+  /** Cash-flow-specific sub-parts. */
+  const MethodChip: typeof CashAmountEntryMethodChip;
+  const HeroLabel: typeof CashAmountEntryHeroLabel;
+  const ReceiveChip: typeof CashAmountEntryReceiveChip;
+  /** AmountEntry compound parts re-exposed for one-stop composition. */
+  const Header: typeof AmountEntryHeader;
+  const Body: (props: AmountEntryBodyProps) => _$react_jsx_runtime0.JSX.Element;
+  const Hero: typeof AmountEntryHero;
+  const Pills: typeof AmountEntryPills;
+  const Flow: typeof AmountEntryFlow;
+  const Footer: typeof AmountEntryFooter;
+  const Notice: typeof AmountEntryNotice;
+  const Details: typeof AmountEntryDetails;
+  const DetailsRow: typeof AmountEntryDetailsRow;
+  const Dialog: typeof CashAmountEntryDialog;
+}
+//#endregion
+export { CashAmountEntry };

package/dist/flows/deposit/widgets/cash-amount-entry/compound/CashAmountEntry.js

@@ -0,0 +1 @@
+"use client";import{DialogShell as e}from"../../../../../shared/dialog/DialogShell.js";import{AmountEntry as t}from"../../../../../shared/widgets/amount-entry/compound/AmountEntry.js";import"../../../../../shared/widgets/amount-entry/compound/index.js";import{CashAmountEntryHeroLabel as n}from"./components/HeroLabel.js";import{CashAmountEntryContext as r}from"./context.js";import{CashAmountEntryMethodChip as i}from"./components/MethodChip.js";import{CashAmountEntryReceiveChip as a}from"./components/ReceiveChip.js";import{useMemo as o}from"react";import{jsx as s}from"react/jsx-runtime";const c=s(a,{});function l(e){let{cashMethod:n,breakdown:i,formattedReceive:a,onChangeMethod:l,subLine:u,children:d,...f}=e;return s(r,{value:o(()=>({cashMethod:n,breakdown:i,formattedReceive:a,...l?{onChangeMethod:l}:{}}),[n,i,a,l]),children:s(t,{...f,subLine:u??c,children:d})})}function u({open:t,defaultOpen:n,onOpenChange:r,trigger:i,children:a,...o}){return s(e,{open:t,defaultOpen:n,onOpenChange:r,trigger:i,children:s(l,{...o,children:a})})}(function(e){e.MethodChip=i,e.HeroLabel=n,e.ReceiveChip=a,e.Header=t.Header,e.Body=t.Body,e.Hero=t.Hero,e.Pills=t.Pills,e.Flow=t.Flow,e.Footer=t.Footer,e.Notice=t.Notice,e.Details=t.Details,e.DetailsRow=t.DetailsRow,e.Dialog=u})(l||={});export{l as CashAmountEntry};

package/dist/flows/deposit/widgets/cash-amount-entry/compound/CashAmountEntry.slots.d.ts

@@ -0,0 +1,16 @@
+//#region src/flows/deposit/widgets/cash-amount-entry/compound/CashAmountEntry.slots.d.ts
+/**
+ * `data-stridge-slot` constants for the cash-amount-entry widget's cash-flow-internal sub-parts
+ * (method chip, hero label, receive chip). The amount-input chrome itself stamps the shared
+ * `AMOUNT_ENTRY_SLOTS` from `#/shared/widgets/amount-entry`; this file only covers the cash
+ * additions.
+ */
+declare const CASH_AMOUNT_ENTRY_SLOTS: {
+  readonly methodChip: "cash-amount-entry-method-chip";
+  readonly methodChipChange: "cash-amount-entry-method-chip-change";
+  readonly heroLabel: "cash-amount-entry-hero-label";
+  readonly receiveChip: "cash-amount-entry-receive-chip";
+};
+type CashAmountEntrySlot = (typeof CASH_AMOUNT_ENTRY_SLOTS)[keyof typeof CASH_AMOUNT_ENTRY_SLOTS];
+//#endregion
+export { CASH_AMOUNT_ENTRY_SLOTS, CashAmountEntrySlot };

package/dist/flows/deposit/widgets/cash-amount-entry/compound/CashAmountEntry.slots.js

@@ -0,0 +1 @@
+const e={methodChip:`cash-amount-entry-method-chip`,methodChipChange:`cash-amount-entry-method-chip-change`,heroLabel:`cash-amount-entry-hero-label`,receiveChip:`cash-amount-entry-receive-chip`};export{e as CASH_AMOUNT_ENTRY_SLOTS};

package/dist/flows/deposit/widgets/cash-amount-entry/compound/CashAmountEntry.styles.js

@@ -0,0 +1 @@
+const e={heroLabelWrap:{"CashAmountEntry__styles.heroLabelWrap":`CashAmountEntry__styles.heroLabelWrap`,"display-k1xSpc":`x78zum5`,"justifyContent-kjj79g":`xl56j7k`,"paddingInlineEnd-kwRFfy":`x1o5r3ls`,"paddingInlineStart-kZCmMZ":`xz7312c`,"paddingTop-kLKAdn":`xyamay9`,$$css:`@stridge/kit:src/flows/deposit/widgets/cash-amount-entry/compound/CashAmountEntry.styles.ts:12`},heroLabel:{"CashAmountEntry__styles.heroLabel":`CashAmountEntry__styles.heroLabel`,"margin-kogj98":`x1ghz6dp`,"letterSpacing-kb6lSQ":`x1labic3`,$$css:`@stridge/kit:src/flows/deposit/widgets/cash-amount-entry/compound/CashAmountEntry.styles.ts:19`},methodChipWrap:{"CashAmountEntry__styles.methodChipWrap":`CashAmountEntry__styles.methodChipWrap`,"display-k1xSpc":`x78zum5`,"justifyContent-kjj79g":`xl56j7k`,"paddingTop-kLKAdn":`xyamay9`,"paddingInlineEnd-kwRFfy":`x1o5r3ls`,"paddingInlineStart-kZCmMZ":`xz7312c`,$$css:`@stridge/kit:src/flows/deposit/widgets/cash-amount-entry/compound/CashAmountEntry.styles.ts:24`},methodChip:{"CashAmountEntry__styles.methodChip":`CashAmountEntry__styles.methodChip`,"display-k1xSpc":`x3nfvp2`,"alignItems-kGNEyG":`x6s0dn4`,"gap-kOIVth":`x167g77z`,"paddingBlock-k8WAf4":`x1t0vds8`,"paddingInlineStart-kZCmMZ":`x25sj25`,"paddingInlineEnd-kwRFfy":`xpdmqnj`,"borderRadius-kaIpWk":`x1npxkrn`,"backgroundColor-kWkggS":`x1qkydf4`,"borderColor-kVAM5u":`x12c9lpl`,"borderStyle-ksu8eU":`x1y0btm7`,"borderWidth-kMzoRj":`xmkeg23`,$$css:`@stridge/kit:src/flows/deposit/widgets/cash-amount-entry/compound/CashAmountEntry.styles.ts:31`},methodChipIcon:{"CashAmountEntry__styles.methodChipIcon":`CashAmountEntry__styles.methodChipIcon`,"display-k1xSpc":`x3nfvp2`,"alignItems-kGNEyG":`x6s0dn4`,"justifyContent-kjj79g":`xl56j7k`,"width-kzqmXN":`x17z2i9w`,"height-kZKoxP":`x17rw0jw`,"flexShrink-kmuXW":`x2lah0s`,"color-kMwMTN":`xzn0pkc`,$$css:`@stridge/kit:src/flows/deposit/widgets/cash-amount-entry/compound/CashAmountEntry.styles.ts:44`},methodChipLabel:{"CashAmountEntry__styles.methodChipLabel":`CashAmountEntry__styles.methodChipLabel`,"margin-kogj98":`x1ghz6dp`,$$css:`@stridge/kit:src/flows/deposit/widgets/cash-amount-entry/compound/CashAmountEntry.styles.ts:53`},methodChipChange:{"CashAmountEntry__styles.methodChipChange":`CashAmountEntry__styles.methodChipChange`,"appearance-kysU6D":`xjyslct`,"margin-kogj98":`x1ghz6dp`,"padding-kmVPX3":`x1717udv`,"font-kVVagm":`xln7xf2`,"color-kMwMTN":`xi96bwj`,"cursor-kkrTdU":`x1ypdohk`,":hover_color-kDPRdz":`xpscirx`,":focus-visible_outline-k3Woio":`x67ar3w`,":focus-visible_outlineOffset-kiEn40":`x7s97pk`,":focus-visible_borderRadius-k7aC84":`x63abuj`,$$css:`@stridge/kit:src/flows/deposit/widgets/cash-amount-entry/compound/CashAmountEntry.styles.ts:56`},receiveLine:{"CashAmountEntry__styles.receiveLine":`CashAmountEntry__styles.receiveLine`,"display-k1xSpc":`x3nfvp2`,"alignItems-kGNEyG":`x6s0dn4`,"gap-kOIVth":`x167g77z`,$$css:`@stridge/kit:src/flows/deposit/widgets/cash-amount-entry/compound/CashAmountEntry.styles.ts:76`},receiveLabel:{"CashAmountEntry__styles.receiveLabel":`CashAmountEntry__styles.receiveLabel`,"margin-kogj98":`x1ghz6dp`,$$css:`@stridge/kit:src/flows/deposit/widgets/cash-amount-entry/compound/CashAmountEntry.styles.ts:81`},receiveChip:{"CashAmountEntry__styles.receiveChip":`CashAmountEntry__styles.receiveChip`,"display-k1xSpc":`x3nfvp2`,"alignItems-kGNEyG":`x6s0dn4`,"gap-kOIVth":`x17d4w8g`,"paddingBlock-k8WAf4":`x12ulsxz`,"paddingInlineStart-kZCmMZ":`x25sj25`,"paddingInlineEnd-kwRFfy":`x2vl965`,"borderRadius-kaIpWk":`x1npxkrn`,"backgroundColor-kWkggS":`xvaq5cg`,"borderColor-kVAM5u":`x12c9lpl`,"borderStyle-ksu8eU":`x1y0btm7`,"borderWidth-kMzoRj":`xmkeg23`,$$css:`@stridge/kit:src/flows/deposit/widgets/cash-amount-entry/compound/CashAmountEntry.styles.ts:84`},receiveChipAmount:{"CashAmountEntry__styles.receiveChipAmount":`CashAmountEntry__styles.receiveChipAmount`,"margin-kogj98":`x1ghz6dp`,$$css:`@stridge/kit:src/flows/deposit/widgets/cash-amount-entry/compound/CashAmountEntry.styles.ts:97`}};export{e as styles};

package/dist/flows/deposit/widgets/cash-amount-entry/compound/components/HeroLabel.d.ts

@@ -0,0 +1,13 @@
+import { CashAmountEntryHeroLabelProps } from "../types.js";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/flows/deposit/widgets/cash-amount-entry/compound/components/HeroLabel.d.ts
+/**
+ * Small uppercase label rendered above the hero band on cash amount-entry. Mirrors the Paper
+ * design's "YOU PAY" reading. Cash-flow-internal — the wallet path doesn't use a hero label.
+ */
+declare function CashAmountEntryHeroLabel({
+  children
+}: CashAmountEntryHeroLabelProps): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { CashAmountEntryHeroLabel };

package/dist/flows/deposit/widgets/cash-amount-entry/compound/components/HeroLabel.js

@@ -0,0 +1 @@
+"use client";import{text as e}from"../../../../../../shared/ui/Text/Text.js";import"../../../../../../ui/index.js";import{CASH_AMOUNT_ENTRY_SLOTS as t}from"../CashAmountEntry.slots.js";import{styles as n}from"../CashAmountEntry.styles.js";import{jsx as r}from"react/jsx-runtime";import*as i from"@stylexjs/stylex";function a({children:a}){return r(`div`,{...i.props(n.heroLabelWrap),children:r(e.span,{size:`meta`,fontWeight:`medium`,leading:`tight`,color:`subdued`,transform:`uppercase`,"data-stridge-slot":t.heroLabel,...i.props(n.heroLabel),children:a})})}export{a as CashAmountEntryHeroLabel};

package/dist/flows/deposit/widgets/cash-amount-entry/compound/components/MethodChip.d.ts

@@ -0,0 +1,18 @@
+import { CashAmountEntryMethodChipProps } from "../types.js";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/flows/deposit/widgets/cash-amount-entry/compound/components/MethodChip.d.ts
+/**
+ * Compact chip above the hero showing which cash method the user picked, with a `Change` link
+ * that takes them back to the method picker. Cash-flow-internal — the crypto path has no equivalent
+ * (the asset picker fills the same "what's selected, change it" role inline on the deposit method
+ * tile).
+ *
+ * Reads `cashMethod` and `onChangeMethod` from context. Pass `onChange={null}` to suppress the
+ * `Change` link even when context supplies a callback; pass an explicit function to override.
+ */
+declare function CashAmountEntryMethodChip({
+  onChange
+}?: CashAmountEntryMethodChipProps): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { CashAmountEntryMethodChip };

package/dist/flows/deposit/widgets/cash-amount-entry/compound/components/MethodChip.js

@@ -0,0 +1 @@
+"use client";import{Trans as e}from"../../../../../../shared/i18n/Trans.js";import"../../../../../../i18n/index.js";import{ApplePayIcon as t}from"../../../../../../shared/icons/ApplePayIcon.js";import{CardIcon as n}from"../../../../../../shared/icons/CardIcon.js";import{GooglePayIcon as r}from"../../../../../../shared/icons/GooglePayIcon.js";import"../../../../../../icons/index.js";import{text as i}from"../../../../../../shared/ui/Text/Text.js";import"../../../../../../ui/index.js";import{CASH_AMOUNT_ENTRY_SLOTS as a}from"../CashAmountEntry.slots.js";import{styles as o}from"../CashAmountEntry.styles.js";import{useCashAmountEntryContext as s}from"../context.js";import{jsx as c,jsxs as l}from"react/jsx-runtime";import*as u from"@stylexjs/stylex";const d={width:13,height:13,"aria-hidden":!0};function f({onChange:t}={}){let n=s(`CashAmountEntry.MethodChip`),r=t===null?void 0:t??n.onChangeMethod;return c(`div`,{...u.props(o.methodChipWrap),children:l(`div`,{"data-stridge-slot":a.methodChip,...u.props(o.methodChip),children:[c(`span`,{...u.props(o.methodChipIcon),children:p(n.cashMethod)}),c(i.span,{size:`sm`,fontWeight:`medium`,leading:`tight`,...u.props(o.methodChipLabel),children:m(n.cashMethod)}),r?c(`button`,{type:`button`,onClick:r,"data-stridge-slot":a.methodChipChange,...u.props(o.methodChipChange),children:c(i.span,{size:`sm`,fontWeight:`medium`,leading:`tight`,color:`inherit`,children:c(e,{id:`o-XJ9D`,message:`Change`})})}):null]})})}function p(e){return c(e===`applePay`?t:e===`googlePay`?r:n,{...d})}function m(t){return t===`applePay`?c(e,{id:`TMA5Ot`,message:`Paying with Apple Pay`}):t===`googlePay`?c(e,{id:`FkAVbF`,message:`Paying with Google Pay`}):c(e,{id:`tInLgk`,message:`Paying with Card`})}export{f as CashAmountEntryMethodChip};

package/dist/flows/deposit/widgets/cash-amount-entry/compound/components/ReceiveChip.d.ts

@@ -0,0 +1,14 @@
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/flows/deposit/widgets/cash-amount-entry/compound/components/ReceiveChip.d.ts
+/**
+ * Read-only receive chip slotted into the hero's `subLine` for cash amount-entry. Mirrors the
+ * Paper design's "Receive [USDC logo] 24.21 USDC" reading. Cash-flow-internal — the wallet path's
+ * Hero uses the swap toggle in this slot, not a static chip.
+ *
+ * Reads `formattedReceive` from context. The token is sourced from
+ * {@link MOCK_RECEIVE_TOKEN} while the cash backend is mocked.
+ */
+declare function CashAmountEntryReceiveChip(): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { CashAmountEntryReceiveChip };

package/dist/flows/deposit/widgets/cash-amount-entry/compound/components/ReceiveChip.js

@@ -0,0 +1 @@
+"use client";import{Trans as e}from"../../../../../../shared/i18n/Trans.js";import"../../../../../../i18n/index.js";import{text as t}from"../../../../../../shared/ui/Text/Text.js";import{TokenLogo as n}from"../../../../../../shared/ui/TokenLogo/TokenLogo.js";import"../../../../../../shared/ui/TokenLogo/index.js";import"../../../../../../ui/index.js";import{CASH_AMOUNT_ENTRY_SLOTS as r}from"../CashAmountEntry.slots.js";import{styles as i}from"../CashAmountEntry.styles.js";import{useCashAmountEntryContext as a}from"../context.js";import{MOCK_RECEIVE_TOKEN as o}from"../../../../shared/cash.js";import{jsx as s,jsxs as c}from"react/jsx-runtime";import*as l from"@stylexjs/stylex";function u(){let{formattedReceive:u}=a(`CashAmountEntry.ReceiveChip`),d=o;return c(`span`,{...l.props(i.receiveLine),children:[s(t.span,{size:`sm`,leading:`tight`,color:`subdued`,...l.props(i.receiveLabel),children:s(e,{id:`lDgVWA`,message:`Receive`})}),c(`span`,{"data-stridge-slot":r.receiveChip,...l.props(i.receiveChip),children:[s(n,{size:18,symbol:d.symbol,...d.chainId===void 0?{}:{chainId:d.chainId},...d.address===void 0?{}:{address:d.address},...d.isNative===void 0?{}:{isNative:d.isNative},...d.logoUrl===void 0?{}:{logoUrl:d.logoUrl},hideChainBadge:!0}),c(t.span,{size:`sm`,fontWeight:`medium`,leading:`tight`,...l.props(i.receiveChipAmount),children:[u,` `,d.symbol]})]})]})}export{u as CashAmountEntryReceiveChip};

package/dist/flows/deposit/widgets/cash-amount-entry/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 <CashAmountEntry>.`);return r}export{n as CashAmountEntryContext,r as useCashAmountEntryContext};

package/dist/flows/deposit/widgets/cash-amount-entry/compound/index.d.ts

@@ -0,0 +1,3 @@
+import { CashAmountEntryDialogProps, CashAmountEntryHeroLabelProps, CashAmountEntryMethodChipProps, CashAmountEntryProps } from "./types.js";
+import { CashAmountEntry } from "./CashAmountEntry.js";
+import { CASH_AMOUNT_ENTRY_SLOTS, CashAmountEntrySlot } from "./CashAmountEntry.slots.js";

package/dist/flows/deposit/widgets/cash-amount-entry/compound/index.js

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

package/dist/flows/deposit/widgets/cash-amount-entry/compound/types.d.ts

@@ -0,0 +1,42 @@
+import { CashMethodId } from "../../../orchestrator/types.js";
+import { DialogShellControls } from "../../../../../shared/dialog/DialogShell.js";
+import { AmountEntryProps } from "../../../../../shared/widgets/amount-entry/compound/types.js";
+import { CashAmountBreakdown } from "../../../shared/cash.js";
+import { ReactNode } from "react";
+
+//#region src/flows/deposit/widgets/cash-amount-entry/compound/types.d.ts
+/**
+ * Public props accepted by the {@link CashAmountEntry} compound root. Extends the underlying
+ * {@link AmountEntryProps} shape with cash-flow-specific fields the orchestrated wrapper populates
+ * from the deposit FSM ctx + the mock cash breakdown.
+ */
+interface CashAmountEntryProps extends AmountEntryProps {
+  /** Cash method picked on the previous step. */
+  cashMethod: CashMethodId;
+  /** Mock fee + receive breakdown computed from the entered amount + chosen method. */
+  breakdown: CashAmountBreakdown;
+  /** Pre-formatted receive amount (e.g. `"24.21"`). Rendered inside the ReceiveChip. */
+  formattedReceive: string;
+  /**
+   * Callback invoked when the user clicks `Change` on the method chip. When omitted, the chip
+   * renders without the `Change` link.
+   */
+  onChangeMethod?: () => void;
+}
+/** Props for {@link CashAmountEntry.MethodChip}. */
+interface CashAmountEntryMethodChipProps {
+  /** Override the context's `onChangeMethod`. Pass `null` to suppress the `Change` link. */
+  onChange?: (() => void) | null;
+}
+/** Props for {@link CashAmountEntry.HeroLabel}. */
+interface CashAmountEntryHeroLabelProps {
+  children: ReactNode;
+}
+/**
+ * Props for `<CashAmountEntry.Dialog>` — the dialog form of the CashAmountEntry widget. Combines
+ * the widget root props with the shared dialog shell controls (`open` / `defaultOpen` /
+ * `onOpenChange` / `trigger`).
+ */
+type CashAmountEntryDialogProps = CashAmountEntryProps & DialogShellControls;
+//#endregion
+export { CashAmountEntryDialogProps, CashAmountEntryHeroLabelProps, CashAmountEntryMethodChipProps, CashAmountEntryProps };

package/dist/flows/deposit/widgets/cash-amount-entry/index.d.ts

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

package/dist/flows/deposit/widgets/cash-amount-entry/index.js

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

package/dist/flows/deposit/widgets/cash-confirm/CashConfirm.d.ts

@@ -0,0 +1,63 @@
+import { DialogShellControls } from "../../../../shared/dialog/DialogShell.js";
+import { CashConfirmApplePayBody } from "./compound/components/ApplePayBody.js";
+import { CashConfirmBody } from "./compound/components/Body.js";
+import { CashConfirmCardBody } from "./compound/components/CardBody.js";
+import { CashConfirmGooglePayBody } from "./compound/components/GooglePayBody.js";
+import { CashConfirmHeader } from "./compound/components/Header.js";
+import { CashConfirmSummary } from "./compound/components/Summary.js";
+import { ComponentProps, ReactNode } from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/flows/deposit/widgets/cash-confirm/CashConfirm.d.ts
+interface CashConfirmProps extends ComponentProps<"div"> {
+  /**
+   * Optional custom composition. When omitted, the canonical default composition renders —
+   * `<Header />` + `<Body>` (which auto-renders `<Summary />` + the cashMethod-branched per-method
+   * body). Pass children to interleave your own elements between compound parts or replace the
+   * composition entirely.
+   */
+  children?: ReactNode;
+}
+/**
+ * Orchestrated `CashConfirm` widget — the per-method confirm screen that follows
+ * `cashAmountEntry`. Reads the chosen cash method + amount + phase from the FSM ctx and the brand
+ * name from the driver's `brand` entity, then renders the {@link CashConfirmCompound}. Schedules
+ * its own `cashMethodReady` dispatch after a short delay so the loading → ready phase transition
+ * is observable in the mock canvas.
+ *
+ * Renders nothing on any other FSM state — the dialog routes the widget under
+ * `<Deposit.Step name="cashConfirm">`, and the guard below is a belt-and-braces check for hosts
+ * that bypass the step routing.
+ *
+ * Real card-form / Apple Pay merchant session / Google Pay `PaymentRequest` SDK integrations are
+ * deferred. The mock loading lifecycle here is the seam those will replace.
+ */
+declare function CashConfirm({
+  children,
+  ...props
+}: CashConfirmProps): _$react_jsx_runtime0.JSX.Element | null;
+declare function CashConfirmDialog({
+  open,
+  defaultOpen,
+  onOpenChange,
+  trigger,
+  ...rootProps
+}: CashConfirm.DialogProps): _$react_jsx_runtime0.JSX.Element;
+declare namespace CashConfirm {
+  type Props = CashConfirmProps;
+  type DialogProps = CashConfirmProps & DialogShellControls;
+  const Dialog: typeof CashConfirmDialog;
+  /**
+   * Compound sub-parts aliased on the orchestrated widget so consumers can compose without
+   * importing the headless compound separately. Identity-equal to the parts on the compound
+   * exported from `@stridge/kit/deposit/compound`.
+   */
+  const Header: typeof CashConfirmHeader;
+  const Body: typeof CashConfirmBody;
+  const Summary: typeof CashConfirmSummary;
+  const CardBody: typeof CashConfirmCardBody;
+  const ApplePayBody: typeof CashConfirmApplePayBody;
+  const GooglePayBody: typeof CashConfirmGooglePayBody;
+}
+//#endregion
+export { CashConfirm };

package/dist/flows/deposit/widgets/cash-confirm/CashConfirm.js

@@ -0,0 +1 @@
+"use client";import{useDepositSnapshot as e}from"../../driver/context.js";import{useDepositActions as t,useDepositEffectiveState as n}from"../../orchestrator/controller.js";import{DialogShell as r}from"../../../../shared/dialog/DialogShell.js";import{LOADING_TRANSITION_MS as i}from"./mocks.js";import{CashConfirm as a}from"./compound/CashConfirm.js";import"./compound/index.js";import{useEffect as o}from"react";import{Fragment as s,jsx as c,jsxs as l}from"react/jsx-runtime";const u=l(s,{children:[c(a.Header,{}),c(a.Body,{})]});function d({children:r,...s}){let l=e(),d=n(),{back:f,cashMethodReady:p}=t(),m=d.name===`cashConfirm`?d.ctx.phase.kind:void 0;if(o(()=>{if(m!==`loading`)return;let e=setTimeout(()=>{p()},i);return()=>clearTimeout(e)},[m,d.name===`cashConfirm`?d.ctx.cashMethod:void 0,p]),d.name!==`cashConfirm`)return null;let{cashMethod:h,amount:g,phase:_}=d.ctx,v=l.brand.status===`ready`||l.brand.status===`stale`?l.brand.payload:void 0;return c(a,{...s,phase:_,cashMethod:h,amount:g,...v?.name?{brandName:v.name}:{},onBack:f,children:r??u})}function f({open:e,defaultOpen:t,onOpenChange:n,trigger:i,...a}){return c(r,{open:e,defaultOpen:t,onOpenChange:n,trigger:i,children:c(d,{...a})})}(function(e){e.Dialog=f,e.Header=a.Header,e.Body=a.Body,e.Summary=a.Summary,e.CardBody=a.CardBody,e.ApplePayBody=a.ApplePayBody,e.GooglePayBody=a.GooglePayBody})(d||={});export{d as CashConfirm};

package/dist/flows/deposit/widgets/cash-confirm/compound/CashConfirm.d.ts

@@ -0,0 +1,54 @@
+import { CashConfirmApplePayBody } from "./components/ApplePayBody.js";
+import { CashConfirmBodyProps, CashConfirmDialogProps, CashConfirmHeaderProps, CashConfirmProps, CashConfirmSummaryProps } from "./types.js";
+import { CashConfirmBody } from "./components/Body.js";
+import { CashConfirmCardBody } from "./components/CardBody.js";
+import { CashConfirmGooglePayBody } from "./components/GooglePayBody.js";
+import { CashConfirmHeader } from "./components/Header.js";
+import { CashConfirmSummary } from "./components/Summary.js";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/flows/deposit/widgets/cash-confirm/compound/CashConfirm.d.ts
+/**
+ * Per-method confirm widget — the screen that follows `cashAmountEntry`. Renders the chosen cash
+ * method's confirm body (Card / Apple Pay / Google Pay) inside the shared frame + header + summary
+ * card. Real PSP card-form / Apple Pay merchant session / Google Pay `PaymentRequest` SDK
+ * integrations are deferred; the mock loading lifecycle the orchestrated wrapper schedules is the
+ * seam those will replace.
+ *
+ * Parts:
+ * - {@link CashConfirm.Header}
+ * - {@link CashConfirm.Body}
+ * - {@link CashConfirm.Summary}
+ * - {@link CashConfirm.CardBody}
+ * - {@link CashConfirm.ApplePayBody}
+ * - {@link CashConfirm.GooglePayBody}
+ *
+ * Dialog form: {@link CashConfirm.Dialog} pre-composes the widget into a
+ * `Dialog.Root + Dialog.Trigger + Dialog.Content` shell. Use the bare `CashConfirm` form when
+ * you want the widget mounted inline.
+ */
+declare function CashConfirm(props: CashConfirmProps): _$react_jsx_runtime0.JSX.Element;
+declare function CashConfirmDialog({
+  open,
+  defaultOpen,
+  onOpenChange,
+  trigger,
+  children,
+  ...rootProps
+}: CashConfirmDialogProps): _$react_jsx_runtime0.JSX.Element;
+declare namespace CashConfirm {
+  type Props = CashConfirmProps;
+  type HeaderProps = CashConfirmHeaderProps;
+  type BodyProps = CashConfirmBodyProps;
+  type SummaryProps = CashConfirmSummaryProps;
+  type DialogProps = CashConfirmDialogProps;
+  const Header: typeof CashConfirmHeader;
+  const Body: typeof CashConfirmBody;
+  const Summary: typeof CashConfirmSummary;
+  const CardBody: typeof CashConfirmCardBody;
+  const ApplePayBody: typeof CashConfirmApplePayBody;
+  const GooglePayBody: typeof CashConfirmGooglePayBody;
+  const Dialog: typeof CashConfirmDialog;
+}
+//#endregion
+export { CashConfirm };

package/dist/flows/deposit/widgets/cash-confirm/compound/CashConfirm.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{CASH_CONFIRM_SLOTS as r}from"./CashConfirm.slots.js";import{styles as i}from"./CashConfirm.styles.js";import{CashConfirmContext as a}from"./context.js";import{CashConfirmApplePayBody as o}from"./components/ApplePayBody.js";import{CashConfirmCardBody as s}from"./components/CardBody.js";import{CashConfirmGooglePayBody as c}from"./components/GooglePayBody.js";import{CashConfirmSummary as l}from"./components/Summary.js";import{CashConfirmBody as u}from"./components/Body.js";import{CashConfirmHeader as d}from"./components/Header.js";import{useMemo as f}from"react";import{jsx as p}from"react/jsx-runtime";import*as m from"@stylexjs/stylex";function h(e){let{phase:o,cashMethod:s,amount:c,brandName:l,onBack:u,children:d,...h}=e;return p(a,{value:f(()=>({phase:o,cashMethod:s,amount:c,...l===void 0?{}:{brandName:l},...u?{onBack:u}:{}}),[o,s,c,l,u]),children:p(t.Provider,{children:p(n,{...h,"data-stridge-slot":r.root,...m.props(i.root),children:d})})})}function g({open:t,defaultOpen:n,onOpenChange:r,trigger:i,children:a,...o}){return p(e,{open:t,defaultOpen:n,onOpenChange:r,trigger:i,children:p(h,{...o,children:a})})}(function(e){e.Header=d,e.Body=u,e.Summary=l,e.CardBody=s,e.ApplePayBody=o,e.GooglePayBody=c,e.Dialog=g})(h||={});export{h as CashConfirm};

package/dist/flows/deposit/widgets/cash-confirm/compound/CashConfirm.slots.d.ts

@@ -0,0 +1,33 @@
+//#region src/flows/deposit/widgets/cash-confirm/compound/CashConfirm.slots.d.ts
+/**
+ * `data-stridge-slot` constants for the cash-confirm compound widget. Hosts target these via CSS
+ * selectors like `[data-stridge-slot="cash-confirm-header"]` without forking the kit.
+ */
+declare const CASH_CONFIRM_SLOTS: {
+  readonly root: "cash-confirm";
+  readonly header: "cash-confirm-header";
+  readonly body: "cash-confirm-body";
+  readonly summary: "cash-confirm-summary";
+  readonly summaryStaticRow: "cash-confirm-summary-static-row";
+  readonly summaryRowLabel: "cash-confirm-summary-row-label";
+  readonly summaryRowValue: "cash-confirm-summary-row-value";
+  readonly summaryBreakdown: "cash-confirm-summary-breakdown";
+  readonly breakdownTrigger: "cash-confirm-breakdown-trigger";
+  readonly breakdownChevron: "cash-confirm-breakdown-chevron";
+  readonly breakdownRow: "cash-confirm-breakdown-row";
+  readonly breakdownRowLabel: "cash-confirm-breakdown-row-label";
+  readonly breakdownRowValue: "cash-confirm-breakdown-row-value";
+  readonly methodBody: "cash-confirm-method-body";
+  readonly bodyLabel: "cash-confirm-body-label";
+  readonly cardForm: "cash-confirm-card-form";
+  readonly cardPan: "cash-confirm-card-pan";
+  readonly cardExp: "cash-confirm-card-exp";
+  readonly cardCvc: "cash-confirm-card-cvc";
+  readonly qr: "cash-confirm-qr";
+  readonly qrArena: "cash-confirm-qr-arena";
+  readonly googlePayButton: "cash-confirm-google-pay-button";
+  readonly cta: "cash-confirm-cta";
+};
+type CashConfirmSlot = (typeof CASH_CONFIRM_SLOTS)[keyof typeof CASH_CONFIRM_SLOTS];
+//#endregion
+export { CASH_CONFIRM_SLOTS, CashConfirmSlot };

package/dist/flows/deposit/widgets/cash-confirm/compound/CashConfirm.slots.js

@@ -0,0 +1 @@
+const e={root:`cash-confirm`,header:`cash-confirm-header`,body:`cash-confirm-body`,summary:`cash-confirm-summary`,summaryStaticRow:`cash-confirm-summary-static-row`,summaryRowLabel:`cash-confirm-summary-row-label`,summaryRowValue:`cash-confirm-summary-row-value`,summaryBreakdown:`cash-confirm-summary-breakdown`,breakdownTrigger:`cash-confirm-breakdown-trigger`,breakdownChevron:`cash-confirm-breakdown-chevron`,breakdownRow:`cash-confirm-breakdown-row`,breakdownRowLabel:`cash-confirm-breakdown-row-label`,breakdownRowValue:`cash-confirm-breakdown-row-value`,methodBody:`cash-confirm-method-body`,bodyLabel:`cash-confirm-body-label`,cardForm:`cash-confirm-card-form`,cardPan:`cash-confirm-card-pan`,cardExp:`cash-confirm-card-exp`,cardCvc:`cash-confirm-card-cvc`,qr:`cash-confirm-qr`,qrArena:`cash-confirm-qr-arena`,googlePayButton:`cash-confirm-google-pay-button`,cta:`cash-confirm-cta`};export{e as CASH_CONFIRM_SLOTS};

package/dist/flows/deposit/widgets/cash-confirm/compound/CashConfirm.styles.js

@@ -0,0 +1 @@
+const e={root:{"CashConfirm__styles.root":`CashConfirm__styles.root`,"position-kVAEAm":`x1n2onr6`,"width-kzqmXN":`xh8yej3`,"maxWidth-ks0D6T":`x17fpy1y`,$$css:`@stridge/kit:src/flows/deposit/widgets/cash-confirm/compound/CashConfirm.styles.ts:18`},body:{"CashConfirm__styles.body":`CashConfirm__styles.body`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`xdt5ytf`,"gap-kOIVth":`xsfdumc`,"paddingTop-kLKAdn":`xtgch2x`,"paddingBottom-kGO01o":`xpnfv0q`,"paddingInlineEnd-kwRFfy":`x1hvdk87`,"paddingInlineStart-kZCmMZ":`xmg6hw8`,$$css:`@stridge/kit:src/flows/deposit/widgets/cash-confirm/compound/CashConfirm.styles.ts:27`},summary:{"CashConfirm__styles.summary":`CashConfirm__styles.summary`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`xdt5ytf`,$$css:`@stridge/kit:src/flows/deposit/widgets/cash-confirm/compound/CashConfirm.styles.ts:38`},summaryStaticRow:{"CashConfirm__styles.summaryStaticRow":`CashConfirm__styles.summaryStaticRow`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`x1q0g3np`,"alignItems-kGNEyG":`x1pha0wt`,"justifyContent-kjj79g":`x1qughib`,"gap-kOIVth":`x2blr79`,"paddingBlock-k8WAf4":`x1yowcxs`,"paddingInline-kg3NbH":`xqsvw4s`,"borderBottomColor-kL6WhQ":`x2kdqbz`,"borderBottomStyle-kfdmCh":`x1q0q8m5`,"borderBottomWidth-kt9PQ7":`xso031l`,$$css:`@stridge/kit:src/flows/deposit/widgets/cash-confirm/compound/CashConfirm.styles.ts:42`},summaryLabel:{"CashConfirm__styles.summaryLabel":`CashConfirm__styles.summaryLabel`,"color-kMwMTN":`x18cw6k6`,"fontWeight-k63SB2":`xi0sa8g`,"margin-kogj98":`x1ghz6dp`,$$css:`@stridge/kit:src/flows/deposit/widgets/cash-confirm/compound/CashConfirm.styles.ts:54`},summaryValue:{"CashConfirm__styles.summaryValue":`CashConfirm__styles.summaryValue`,"color-kMwMTN":`x1i40r7x`,"fontWeight-k63SB2":`x1qvi77d`,"margin-kogj98":`x1ghz6dp`,"textAlign-k9WMMc":`xp4054r`,$$css:`@stridge/kit:src/flows/deposit/widgets/cash-confirm/compound/CashConfirm.styles.ts:59`},breakdownTrigger:{"CashConfirm__styles.breakdownTrigger":`CashConfirm__styles.breakdownTrigger`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`x1q0g3np`,"alignItems-kGNEyG":`x6s0dn4`,"justifyContent-kjj79g":`x13a6bvl`,"gap-kOIVth":`x1r05nms`,"paddingBlock-k8WAf4":`x1yowcxs`,"paddingInline-kg3NbH":`xqsvw4s`,"width-kzqmXN":`xh8yej3`,"backgroundColor-kWkggS":`xjbqb8w`,"borderColor-kVAM5u":`x9r1u3d`,"borderStyle-ksu8eU":`x1y0btm7`,"borderWidth-kMzoRj":`xmkeg23`,"borderRadius-kaIpWk":`x2u8bby`,"color-kMwMTN":`xi96bwj`,"cursor-kkrTdU":`x1ypdohk`,"outline-kI3sdo":`x1a2a7pz`,":hover_color-kDPRdz":`xpscirx`,":focus-visible_borderColor-kOJeXU":`x1mt3fz5`,":focus-visible_boxShadow-kEtg5x":`x159teg`,$$css:`@stridge/kit:src/flows/deposit/widgets/cash-confirm/compound/CashConfirm.styles.ts:68`},breakdownChevron:{"CashConfirm__styles.breakdownChevron":`CashConfirm__styles.breakdownChevron`,"width-kzqmXN":`xsmyaan`,"height-kZKoxP":`x1kpxq89`,"flexShrink-kmuXW":`x2lah0s`,"color-kMwMTN":`x15rks2t`,"strokeWidth-kfJifR":`xhxwl1`,"transitionProperty-k1ekBW":`x11xpdln`,"transitionDuration-kIyJzY":`x1vhb3u9`,"transitionTimingFunction-kAMwcw":`x1xv5090`,$$css:`@stridge/kit:src/flows/deposit/widgets/cash-confirm/compound/CashConfirm.styles.ts:93`},breakdownPanel:{"CashConfirm__styles.breakdownPanel":`CashConfirm__styles.breakdownPanel`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`xdt5ytf`,"backgroundColor-kWkggS":`x407w7c`,"borderTopColor-kLZC3w":`x19bq4ie`,"borderTopStyle-kPef9Z":`x13fuv20`,"borderTopWidth-kEafiO":`x178xt8z`,"paddingBlock-k8WAf4":`xpuy6co`,"paddingInline-kg3NbH":`xqsvw4s`,$$css:`@stridge/kit:src/flows/deposit/widgets/cash-confirm/compound/CashConfirm.styles.ts:103`},breakdownRow:{"CashConfirm__styles.breakdownRow":`CashConfirm__styles.breakdownRow`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`x1q0g3np`,"alignItems-kGNEyG":`x6s0dn4`,"justifyContent-kjj79g":`x1qughib`,"gap-kOIVth":`x2blr79`,"paddingBlock-k8WAf4":`xpuy6co`,$$css:`@stridge/kit:src/flows/deposit/widgets/cash-confirm/compound/CashConfirm.styles.ts:113`},breakdownLabel:{"CashConfirm__styles.breakdownLabel":`CashConfirm__styles.breakdownLabel`,"color-kMwMTN":`x18cw6k6`,"fontWeight-k63SB2":`xi0sa8g`,"margin-kogj98":`x1ghz6dp`,$$css:`@stridge/kit:src/flows/deposit/widgets/cash-confirm/compound/CashConfirm.styles.ts:121`},breakdownValue:{"CashConfirm__styles.breakdownValue":`CashConfirm__styles.breakdownValue`,"color-kMwMTN":`x1i40r7x`,"fontWeight-k63SB2":`x1qvi77d`,"margin-kogj98":`x1ghz6dp`,"textAlign-k9WMMc":`xp4054r`,$$css:`@stridge/kit:src/flows/deposit/widgets/cash-confirm/compound/CashConfirm.styles.ts:126`},methodBody:{"CashConfirm__styles.methodBody":`CashConfirm__styles.methodBody`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`xdt5ytf`,"gap-kOIVth":`x2blr79`,$$css:`@stridge/kit:src/flows/deposit/widgets/cash-confirm/compound/CashConfirm.styles.ts:134`},bodyLabel:{"CashConfirm__styles.bodyLabel":`CashConfirm__styles.bodyLabel`,"color-kMwMTN":`x137ha3m`,"fontWeight-k63SB2":`x1qvi77d`,"letterSpacing-kb6lSQ":`x1labic3`,"margin-kogj98":`x1ghz6dp`,$$css:`@stridge/kit:src/flows/deposit/widgets/cash-confirm/compound/CashConfirm.styles.ts:139`},bodyHint:{"CashConfirm__styles.bodyHint":`CashConfirm__styles.bodyHint`,"color-kMwMTN":`xi96bwj`,"margin-kogj98":`x1ghz6dp`,"textAlign-k9WMMc":`x2b8uid`,$$css:`@stridge/kit:src/flows/deposit/widgets/cash-confirm/compound/CashConfirm.styles.ts:145`},bodyCenter:{"CashConfirm__styles.bodyCenter":`CashConfirm__styles.bodyCenter`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`xdt5ytf`,"alignItems-kGNEyG":`x6s0dn4`,"gap-kOIVth":`x1a6yh9e`,$$css:`@stridge/kit:src/flows/deposit/widgets/cash-confirm/compound/CashConfirm.styles.ts:150`},qrFrame:{"CashConfirm__styles.qrFrame":`CashConfirm__styles.qrFrame`,"position-kVAEAm":`x1n2onr6`,"display-k1xSpc":`x78zum5`,"alignItems-kGNEyG":`x6s0dn4`,"justifyContent-kjj79g":`xl56j7k`,"width-kzqmXN":`xq1dxzn`,"height-kZKoxP":`x1ymw6g`,"backgroundColor-kWkggS":`x19u6ldj`,"borderColor-kVAM5u":`x1bue7yx`,"borderStyle-ksu8eU":`x1y0btm7`,"borderWidth-kMzoRj":`xmkeg23`,"borderRadius-kaIpWk":`x13pkpm2`,"overflow-kVQacm":`x7giv3`,"color-kMwMTN":`xzn0pkc`,$$css:`@stridge/kit:src/flows/deposit/widgets/cash-confirm/compound/CashConfirm.styles.ts:163`},qrSvg:{"CashConfirm__styles.qrSvg":`CashConfirm__styles.qrSvg`,"width-kzqmXN":`xh8yej3`,"height-kZKoxP":`x5yr21d`,"color-kMwMTN":`xzn0pkc`,$$css:`@stridge/kit:src/flows/deposit/widgets/cash-confirm/compound/CashConfirm.styles.ts:178`},qrArenaOverlay:{"CashConfirm__styles.qrArenaOverlay":`CashConfirm__styles.qrArenaOverlay`,"position-kVAEAm":`x10l6tqk`,"insetInlineStart-kLqNvP":`xbudbmw`,"top-k87sOh":`xwa60dl`,"transform-k3aq6I":`x11lhmoz`,"display-k1xSpc":`x3nfvp2`,"alignItems-kGNEyG":`x6s0dn4`,"justifyContent-kjj79g":`xl56j7k`,"width-kzqmXN":`xgd8bvy`,"height-kZKoxP":`x1fgtraw`,"color-kMwMTN":`xzn0pkc`,"pointerEvents-kfzvcC":`x47corl`,$$css:`@stridge/kit:src/flows/deposit/widgets/cash-confirm/compound/CashConfirm.styles.ts:183`},googlePayButton:{"CashConfirm__styles.googlePayButton":`CashConfirm__styles.googlePayButton`,"display-k1xSpc":`x3nfvp2`,"flexDirection-kXwgrk":`x1q0g3np`,"alignItems-kGNEyG":`x6s0dn4`,"justifyContent-kjj79g":`xl56j7k`,"gap-kOIVth":`x1a6yh9e`,"width-kzqmXN":`xh8yej3`,"height-kZKoxP":`xwvwv9b`,"paddingInline-kg3NbH":`x1fk34n2`,"backgroundColor-kWkggS":`x12obg9s`,"color-kMwMTN":`xzn0pkc`,"borderColor-kVAM5u":`x1bue7yx`,"borderStyle-ksu8eU":`x1y0btm7`,"borderWidth-kMzoRj":`xmkeg23`,"borderRadius-kaIpWk":`x1s7mj9v`,"cursor-kkrTdU":`x1ypdohk`,"appearance-kysU6D":`xjyslct`,"fontFamily-kMv6JI":`xlaww2m`,"fontSize-kGuDYH":`x1jvydc1`,"fontWeight-k63SB2":`x1qvi77d`,"lineHeight-kLWn49":`xd4r4e8`,"transitionProperty-k1ekBW":`xgzoi8n`,"transitionDuration-kIyJzY":`x1vhb3u9`,"transitionTimingFunction-kAMwcw":`x9lcvmn`,"outline-kI3sdo":`x1a2a7pz`,":hover:not(:disabled)_backgroundColor-kIa11j":`x16sea6d`,":active:not(:disabled)_backgroundColor-kDKVdO":`x3ppix8`,":focus-visible_borderColor-kOJeXU":`x1mt3fz5`,":focus-visible_boxShadow-kEtg5x":`x159teg`,$$css:`@stridge/kit:src/flows/deposit/widgets/cash-confirm/compound/CashConfirm.styles.ts:204`},googlePayIcon:{"CashConfirm__styles.googlePayIcon":`CashConfirm__styles.googlePayIcon`,"width-kzqmXN":`xw4jnvo`,"height-kZKoxP":`x1qx5ct2`,"flexShrink-kmuXW":`x2lah0s`,$$css:`@stridge/kit:src/flows/deposit/widgets/cash-confirm/compound/CashConfirm.styles.ts:240`},cta:{"CashConfirm__styles.cta":`CashConfirm__styles.cta`,"alignSelf-kSGwAc":`xkh2ocl`,"borderWidth-kMzoRj":`xc342km`,"cursor-kkrTdU":`x1ypdohk`,"borderRadius-kaIpWk":`x1s7mj9v`,$$css:`@stridge/kit:src/flows/deposit/widgets/cash-confirm/compound/CashConfirm.styles.ts:247`},header:{"CashConfirm__styles.header":`CashConfirm__styles.header`,"justifyContent-kjj79g":`x1qughib`,"gap-kOIVth":`x2blr79`,"paddingTop-kLKAdn":`x1h03h88`,"paddingInlineEnd-kwRFfy":`x1hvdk87`,"paddingBottom-kGO01o":`xfvigk`,"paddingInlineStart-kZCmMZ":`xiplbrm`,$$css:`@stridge/kit:src/flows/deposit/widgets/cash-confirm/compound/CashConfirm.styles.ts:256`},headerLeft:{"CashConfirm__styles.headerLeft":`CashConfirm__styles.headerLeft`,"display-k1xSpc":`x78zum5`,"alignItems-kGNEyG":`x6s0dn4`,"gap-kOIVth":`x2blr79`,$$css:`@stridge/kit:src/flows/deposit/widgets/cash-confirm/compound/CashConfirm.styles.ts:264`},headerTitle:{"CashConfirm__styles.headerTitle":`CashConfirm__styles.headerTitle`,"margin-kogj98":`x1ghz6dp`,$$css:`@stridge/kit:src/flows/deposit/widgets/cash-confirm/compound/CashConfirm.styles.ts:269`},backIcon:{"CashConfirm__styles.backIcon":`CashConfirm__styles.backIcon`,"color-kMwMTN":`x15rks2t`,"strokeWidth-kfJifR":`xhxwl1`,$$css:`@stridge/kit:src/flows/deposit/widgets/cash-confirm/compound/CashConfirm.styles.ts:272`}};export{e as styles};

package/dist/flows/deposit/widgets/cash-confirm/compound/cashConfirmDimensions.js

@@ -0,0 +1 @@
+const e={qrSize:160,qrSkeletonRadius:12,ctaHeight:44,cardRowRadius:10,googlePayPillRadius:999};export{e as cashConfirmDimensions};

package/dist/flows/deposit/widgets/cash-confirm/compound/components/ApplePayBody.d.ts

@@ -0,0 +1,15 @@
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/flows/deposit/widgets/cash-confirm/compound/components/ApplePayBody.d.ts
+/**
+ * Apple-Pay confirm body. Loading paints a `SCAN TO PAY` label above a 160×160 skeleton square.
+ * Ready renders the same label above the Cuer-driven QR with the kit's Apple Pay glyph overlaid
+ * at the cleared arena, with a "Scan with your iPhone camera" helper below. The QR encodes a
+ * mock `data:` URI carrying a plain-text "Demo Apple Pay $<amount>" payload — no DNS, no
+ * resolving host, so a user who follows the helper copy and actually scans it sees an inert
+ * text preview instead of an iOS Safari DNS error. A real merchant-session integration will
+ * replace it.
+ */
+declare function CashConfirmApplePayBody(): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { CashConfirmApplePayBody };

package/dist/flows/deposit/widgets/cash-confirm/compound/components/ApplePayBody.js

@@ -0,0 +1 @@
+"use client";import{Trans as e}from"../../../../../../shared/i18n/Trans.js";import"../../../../../../i18n/index.js";import{ApplePayIcon as t}from"../../../../../../shared/icons/ApplePayIcon.js";import"../../../../../../icons/index.js";import{Skeleton as n}from"../../../../../../shared/ui/Skeleton/Skeleton.js";import"../../../../../../shared/ui/Skeleton/index.js";import{text as r}from"../../../../../../shared/ui/Text/Text.js";import"../../../../../../ui/index.js";import{CASH_CONFIRM_SLOTS as i}from"../CashConfirm.slots.js";import{styles as a}from"../CashConfirm.styles.js";import{Cuer as o}from"../../../../../../shared/cuer/Cuer.js";import"../../../../../../shared/cuer/index.js";import{cashConfirmDimensions as s}from"../cashConfirmDimensions.js";import{useCashConfirmContext as c}from"../context.js";import{BodyLabel as l}from"./BodyLabel.js";import{jsx as u,jsxs as d}from"react/jsx-runtime";import*as f from"@stylexjs/stylex";function p(){let{phase:p,amount:m}=c(`CashConfirm.ApplePayBody`),h=p.kind===`loading`,g=`data:text/plain;charset=utf-8,Demo%20Apple%20Pay%20%24${m}`;return d(`div`,{"data-stridge-slot":i.methodBody,...f.props(a.methodBody,a.bodyCenter),children:[u(l,{children:u(e,{id:`pfAinS`,message:`Scan to pay`})}),h?u(n,{width:s.qrSize,height:s.qrSize,radius:s.qrSkeletonRadius}):d(`div`,{"data-stridge-slot":i.qr,...f.props(a.qrFrame),children:[d(o.Root,{value:g,size:s.qrSize,...f.props(a.qrSvg),children:[u(o.Finder,{}),u(o.Cells,{}),u(o.Arena,{href:`data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201%201%22%2F%3E`,"aria-hidden":!0})]}),u(`span`,{"aria-hidden":!0,"data-stridge-slot":i.qrArena,...f.props(a.qrArenaOverlay),children:u(t,{width:20,height:20})})]}),u(r.p,{size:`sm`,leading:`tight`,color:`subdued`,...f.props(a.bodyHint),children:u(e,{id:`wB8KqP`,message:`Scan with your iPhone camera`})})]})}export{p as CashConfirmApplePayBody};

package/dist/flows/deposit/widgets/cash-confirm/compound/components/Body.d.ts

@@ -0,0 +1,22 @@
+import { CashConfirmBodyProps } from "../types.js";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/flows/deposit/widgets/cash-confirm/compound/components/Body.d.ts
+/**
+ * Card.Body wrapper for the cash-confirm widget. When `children` is omitted, auto-renders
+ * `<Summary />` + the cashMethod-branched per-method body so the canonical composition just works.
+ * Pass children to override either or both — host-supplied children replace the entire body content
+ * (the wrapper still applies its padding + gap rhythm).
+ *
+ * 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` and `padding` apply where the children actually live
+ * (i.e. as siblings) instead of getting redirected to the viewport. Mirrors `WithdrawFormBody`.
+ */
+declare function CashConfirmBody({
+  children,
+  ...props
+}?: CashConfirmBodyProps): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { CashConfirmBody };

package/dist/flows/deposit/widgets/cash-confirm/compound/components/Body.js

@@ -0,0 +1 @@
+"use client";import{Card as e}from"../../../../../../shared/ui/Card/Card.js";import"../../../../../../ui/index.js";import{CASH_CONFIRM_SLOTS as t}from"../CashConfirm.slots.js";import{styles as n}from"../CashConfirm.styles.js";import{useCashConfirmContext as r}from"../context.js";import{CashConfirmApplePayBody as i}from"./ApplePayBody.js";import{CashConfirmCardBody as a}from"./CardBody.js";import{CashConfirmGooglePayBody as o}from"./GooglePayBody.js";import{CashConfirmSummary as s}from"./Summary.js";import{Fragment as c,jsx as l,jsxs as u}from"react/jsx-runtime";import*as d from"@stylexjs/stylex";function f({children:r,...i}={}){return l(e.Body,{...i,children:l(`div`,{"data-stridge-slot":t.body,...d.props(n.body),children:r??l(p,{})})})}function p(){let e=r(`CashConfirm.Body`);return u(c,{children:[l(s,{}),m(e.cashMethod)]})}function m(e){return l(e===`applePay`?i:e===`googlePay`?o:a,{})}export{f as CashConfirmBody};

package/dist/flows/deposit/widgets/cash-confirm/compound/components/BodyLabel.js

@@ -0,0 +1 @@
+"use client";import{text as e}from"../../../../../../shared/ui/Text/Text.js";import"../../../../../../ui/index.js";import{CASH_CONFIRM_SLOTS as t}from"../CashConfirm.slots.js";import{styles as n}from"../CashConfirm.styles.js";import{jsx as r}from"react/jsx-runtime";import*as i from"@stylexjs/stylex";function a({children:a}){return r(e.span,{size:`2xs`,fontWeight:`semibold`,tracking:`widest`,transform:`uppercase`,color:`subdued`,"data-stridge-slot":t.bodyLabel,...i.props(n.bodyLabel),children:a})}export{a as BodyLabel};