npm - @stridge/kit - Versions diffs - 0.1.0-alpha.43 → 0.1.0-alpha.45 - Mend

@stridge/kit 0.1.0-alpha.43 → 0.1.0-alpha.45

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (77) hide show

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

@@ -1,4 +1,12 @@
-import { ComponentProps } from "react";
+import { ErrorStateBodyProps, ErrorStateRowProps } from "../../../../shared/widgets/error-state/compound/types.js";
+import { ErrorStateActions } from "../../../../shared/widgets/error-state/compound/components/Actions.js";
+import { ErrorStateDetails } from "../../../../shared/widgets/error-state/compound/components/Details.js";
+import { ErrorStateHeader } from "../../../../shared/widgets/error-state/compound/components/Header.js";
+import { ErrorStateHelpInfo } from "../../../../shared/widgets/error-state/compound/components/HelpInfo.js";
+import { ErrorStateHero } from "../../../../shared/widgets/error-state/compound/components/Hero.js";
+import { ErrorStateMoreDetails } from "../../../../shared/widgets/error-state/compound/components/MoreDetails.js";
+import { ErrorStateDestinationRow, ErrorStateFailedAtRow, ErrorStateFillStatusRow, ErrorStateSourceRow, ErrorStateSubmittedAtRow, ErrorStateYouReceiveRow } from "../../../../shared/widgets/error-state/compound/components/Rows.js";
+import { ComponentProps, ReactNode } from "react";
 import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 //#region src/flows/withdraw/widgets/withdraw-error/WithdrawError.d.ts
@@ -17,6 +25,41 @@ import * as _$react_jsx_runtime0 from "react/jsx-runtime";
  *
  * 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;
+interface WithdrawErrorOwnProps {
+  /**
+   * Optional custom composition. Defaults vary by branch — settlement-derived failures render
+   * the receipt (`<Header />` + `<Body><Hero /><Details>…rows…</Details><HelpInfo /></Body>` +
+   * `<Actions />`); FSM-derived failures render the minimal headline-only shape. Pass children
+   * once and they apply to whichever branch renders.
+   */
+  children?: ReactNode;
+}
+declare function WithdrawError({
+  children,
+  ...props
+}: ComponentProps<"div"> & WithdrawErrorOwnProps): _$react_jsx_runtime0.JSX.Element | null;
+/**
+ * Withdraw-tuned default for the source-tx row label. Without this wrapper, hosts composing
+ * `<WithdrawError.DepositTxRow />` would inherit the deposit-flow's "Deposit tx" default —
+ * the wrong copy for a withdrawal. Host-supplied `label` overrides.
+ */
+declare function WithdrawErrorDepositTxRow(props?: ErrorStateRowProps): _$react_jsx_runtime0.JSX.Element;
+declare namespace WithdrawError {
+  type Props = ComponentProps<"div"> & WithdrawErrorOwnProps;
+  const Header: typeof ErrorStateHeader;
+  const Body: (props: ErrorStateBodyProps) => _$react_jsx_runtime0.JSX.Element;
+  const Hero: typeof ErrorStateHero;
+  const Details: typeof ErrorStateDetails;
+  const FillStatusRow: typeof ErrorStateFillStatusRow;
+  const SourceRow: typeof ErrorStateSourceRow;
+  const DestinationRow: typeof ErrorStateDestinationRow;
+  const YouReceiveRow: typeof ErrorStateYouReceiveRow;
+  const MoreDetails: typeof ErrorStateMoreDetails;
+  const DepositTxRow: typeof WithdrawErrorDepositTxRow;
+  const SubmittedAtRow: typeof ErrorStateSubmittedAtRow;
+  const FailedAtRow: typeof ErrorStateFailedAtRow;
+  const HelpInfo: typeof ErrorStateHelpInfo;
+  const Actions: typeof ErrorStateActions;
+}
 //#endregion
 export { WithdrawError };

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

	@@ -1 +1 @@
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};
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{Fragment as s,jsx as c,jsxs as l}from"react/jsx-runtime";function u({children:u,...d}){let f=n(),p=i(),{reset:m}=r(),{_:h}=e(),g=t();if(p.name!==`error`)return null;let _=f.settlement,v=_.status===`ready`&&_.payload.kind===`failed`?_.payload:void 0,y=p.ctx.failure,b=h({id:`KTNWsg`,message:`Withdrawal failed`}),x=v?g(v.failureKind):y?.reason;if(!v)return c(a,{...d,headerTitle:b,headline:b,reason:x,onTryAgain:m,children:u??l(s,{children:[c(a.Header,{}),c(a.Body,{children:c(a.Hero,{})}),c(a.Actions,{})]})});let S=v,C={address:S.recipient.formatted},w=o(S.receiveAsset)??{symbol:S.receiveAsset.symbol},T=S.txHash?{hash:S.txHash.formatted,explorerUrl:S.txExplorerUrl}:void 0;return c(a,{...d,headerTitle:b,headline:b,reason:x,destination:C,receiveAmount:S.receiveAmount.formatted,receiveAsset:w,depositTx:T,submittedAt:S.submittedAt.formatted,failedAt:S.failedAt.formatted,onTryAgain:m,children:u??l(s,{children:[c(a.Header,{}),l(a.Body,{children:[c(a.Hero,{}),l(a.Details,{children:[c(a.FillStatusRow,{}),c(a.DestinationRow,{}),c(a.YouReceiveRow,{}),l(a.MoreDetails,{children:[T?c(a.DepositTxRow,{label:h({id:`60ahSE`,message:`Withdrawal tx`})}):null,c(a.SubmittedAtRow,{}),c(a.FailedAtRow,{})]})]}),c(a.HelpInfo,{})]}),c(a.Actions,{})]})})}function d(t={}){let{_:n}=e();return c(a.DepositTxRow,{...t,label:t.label??n({id:`60ahSE`,message:`Withdrawal tx`})})}(function(e){e.Header=a.Header,e.Body=a.Body,e.Hero=a.Hero,e.Details=a.Details,e.FillStatusRow=a.FillStatusRow,e.SourceRow=a.SourceRow,e.DestinationRow=a.DestinationRow,e.YouReceiveRow=a.YouReceiveRow,e.MoreDetails=a.MoreDetails,e.DepositTxRow=d,e.SubmittedAtRow=a.SubmittedAtRow,e.FailedAtRow=a.FailedAtRow,e.HelpInfo=a.HelpInfo,e.Actions=a.Actions})(u\|\|={});export{u as WithdrawError};

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

@@ -1,3 +1,11 @@
+import { WithdrawFormAmountField } from "./compound/components/AmountField.js";
+import { WithdrawFormBody } from "./compound/components/Body.js";
+import { WithdrawFormBreakdownCard } from "./compound/components/BreakdownCard.js";
+import { WithdrawFormFooter } from "./compound/components/Footer.js";
+import { WithdrawFormHeader } from "./compound/components/Header.js";
+import { WithdrawFormReceiveSelectors } from "./compound/components/ReceiveSelectors.js";
+import { WithdrawFormRecipientField } from "./compound/components/RecipientField.js";
+import { ReactNode } from "react";
 import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 //#region src/flows/withdraw/widgets/withdraw-form/WithdrawForm.d.ts
@@ -16,6 +24,26 @@ import * as _$react_jsx_runtime0 from "react/jsx-runtime";
  * `withdraw.receive.token.changed`, `withdraw.receive.chain.changed`, `withdraw.submit.clicked`)
  * flow through the unified event bus — the form takes no callback props.
  */
-declare function WithdrawForm(): _$react_jsx_runtime0.JSX.Element | null;
+interface WithdrawFormOwnProps {
+  /**
+   * Optional custom composition. Defaults to `<Header />` + `<Body><RecipientField />
+   * <AmountField /><ReceiveSelectors /><BreakdownCard /></Body>` + `<Footer />`. Pass children
+   * to interleave your own elements between compound parts.
+   */
+  children?: ReactNode;
+}
+declare function WithdrawForm({
+  children
+}?: WithdrawFormOwnProps): _$react_jsx_runtime0.JSX.Element | null;
+declare namespace WithdrawForm {
+  type Props = WithdrawFormOwnProps;
+  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;
+}
 //#endregion
 export { WithdrawForm };

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

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

package/dist/flows/withdraw/widgets/withdraw-in-progress/WithdrawInProgress.d.ts CHANGED Viewed

@@ -1,4 +1,10 @@
-import { ComponentProps } from "react";
+import { ProcessingStateBodyProps, ProcessingStateRowProps } from "../../../../shared/widgets/processing-state/compound/types.js";
+import { ProcessingStateDetails } from "../../../../shared/widgets/processing-state/compound/components/Details.js";
+import { ProcessingStateHeader } from "../../../../shared/widgets/processing-state/compound/components/Header.js";
+import { ProcessingStateHero } from "../../../../shared/widgets/processing-state/compound/components/Hero.js";
+import { ProcessingStateDetectedAtRow, ProcessingStateSourceRow, ProcessingStateSubmittedAtRow } from "../../../../shared/widgets/processing-state/compound/components/Rows.js";
+import { ProcessingStateStatusPill } from "../../../../shared/widgets/processing-state/compound/components/StatusPill.js";
+import { ComponentProps, ReactNode } from "react";
 import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 //#region src/flows/withdraw/widgets/withdraw-in-progress/WithdrawInProgress.d.ts
@@ -15,6 +21,35 @@ import * as _$react_jsx_runtime0 from "react/jsx-runtime";
  *
  * Renders only while the FSM is on `inProgress`.
  */
-declare function WithdrawInProgress(props: ComponentProps<"div">): _$react_jsx_runtime0.JSX.Element | null;
+interface WithdrawInProgressOwnProps {
+  /**
+   * Optional custom composition. Defaults to `<Header />` + `<Body><Hero /><StatusPill />
+   * <Details><SourceTxRow label="Withdrawal tx" /><SubmittedAtRow /></Details></Body>`. Pass
+   * children to interleave your own elements between compound parts.
+   */
+  children?: ReactNode;
+}
+declare function WithdrawInProgress({
+  children,
+  ...props
+}: ComponentProps<"div"> & WithdrawInProgressOwnProps): _$react_jsx_runtime0.JSX.Element | null;
+/**
+ * Withdraw-tuned default for the source-tx row label. Without this wrapper, hosts composing
+ * `<WithdrawInProgress.SourceTxRow />` would inherit the deposit-flow's "Deposit tx" default —
+ * the wrong copy for a withdrawal. Host-supplied `label` overrides.
+ */
+declare function WithdrawInProgressSourceTxRow(props?: ProcessingStateRowProps): _$react_jsx_runtime0.JSX.Element;
+declare namespace WithdrawInProgress {
+  type Props = ComponentProps<"div"> & WithdrawInProgressOwnProps;
+  const Header: typeof ProcessingStateHeader;
+  const Body: (props: ProcessingStateBodyProps) => _$react_jsx_runtime0.JSX.Element;
+  const Hero: typeof ProcessingStateHero;
+  const StatusPill: typeof ProcessingStateStatusPill;
+  const Details: typeof ProcessingStateDetails;
+  const SourceRow: typeof ProcessingStateSourceRow;
+  const SourceTxRow: typeof WithdrawInProgressSourceTxRow;
+  const SubmittedAtRow: typeof ProcessingStateSubmittedAtRow;
+  const DetectedAtRow: typeof ProcessingStateDetectedAtRow;
+}
 //#endregion
 export { WithdrawInProgress };

package/dist/flows/withdraw/widgets/withdraw-in-progress/WithdrawInProgress.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use client";import{useLingui as e}from"../../../../shared/i18n/useLingui.js";import"../../../../i18n/index.js";import{useWithdrawSnapshot as t}from"../../driver/context.js";import{useWithdrawEffectiveState as n}from"../../orchestrator/controller.js";import{ProcessingState as r}from"../../../../shared/widgets/processing-state/compound/ProcessingState.js";import"../../../../shared/widgets/processing-state/compound/index.js";import{toAssetDescriptor as i}from"../../../../shared/widgets/asset-descriptor.js";import{~~jsx~~ as a,jsxs as o}from"react/jsx-runtime";function s(s){let c=t(),l=n(),{_:u}=e(),d=c.settlement,f=(d.status===`ready`\|\|d.status===`stale`)&&d.payload.kind===`pending`?d.payload:void 0;if(l.name!==`inProgress`)return null;let p=l.ctx.input,m=f?.txHash?.formatted,h=f?.txExplorerUrl,g=f?.recipient.formatted,_=c.quote,v=_.status===`ready`\|\|_.status===`stale`?_.payload:void 0,y=i(f?.receiveAsset??v?.receiveAsset)??{symbol:p.receiveTokenSymbol},b=f?.receiveAmount,x=b&&b.value>0?b.formatted:v?.receiveAmount.formatted,S=x===void 0,C=f?.receiveAmountUsd?.formatted??v?.receiveAmountUsd?.formatted??p.amountUsd,w=m?{hash:m,explorerUrl:h}:void 0;return o(r,{...s,headerTitle:u({id:`w-2VR9`,message:`Withdrawal in progress…`}),amount:x??``,...C?{amountUsd:C}:{},...S?{loading:!0}:{},creditedAsset:y,creditedTo:g,sourceTx:w,submittedAt:f?.submittedAt.formatted,children:[a(r.Header,{}),o(r.Body,{children:[a(r.Hero,{}),a(r.StatusPill,{}),o(r.Details,{children:[a(r.SourceTxRow,{label:u({id:`60ahSE`,message:`Withdrawal tx`})}),a(r.SubmittedAtRow,{})]})]})]})}export{s as WithdrawInProgress};
1	+ "use client";import{useLingui as e}from"../../../../shared/i18n/useLingui.js";import"../../../../i18n/index.js";import{useWithdrawSnapshot as t}from"../../driver/context.js";import{useWithdrawEffectiveState as n}from"../../orchestrator/controller.js";import{ProcessingState as r}from"../../../../shared/widgets/processing-state/compound/ProcessingState.js";import"../../../../shared/widgets/processing-state/compound/index.js";import{toAssetDescriptor as i}from"../../../../shared/widgets/asset-descriptor.js";import{Fragment as a,jsx as o,jsxs as s}from"react/jsx-runtime";function c({children:c,...l}){let u=t(),d=n(),{_:f}=e(),p=u.settlement,m=(p.status===`ready`\|\|p.status===`stale`)&&p.payload.kind===`pending`?p.payload:void 0;if(d.name!==`inProgress`)return null;let h=d.ctx.input,g=m?.txHash?.formatted,_=m?.txExplorerUrl,v=m?.recipient.formatted,y=u.quote,b=y.status===`ready`\|\|y.status===`stale`?y.payload:void 0,x=i(m?.receiveAsset??b?.receiveAsset)??{symbol:h.receiveTokenSymbol},S=m?.receiveAmount,C=S&&S.value>0?S.formatted:b?.receiveAmount.formatted,w=C===void 0,T=m?.receiveAmountUsd?.formatted??b?.receiveAmountUsd?.formatted??h.amountUsd,E=g?{hash:g,explorerUrl:_}:void 0;return o(r,{...l,headerTitle:f({id:`w-2VR9`,message:`Withdrawal in progress…`}),amount:C??``,...T?{amountUsd:T}:{},...w?{loading:!0}:{},creditedAsset:x,creditedTo:v,sourceTx:E,submittedAt:m?.submittedAt.formatted,children:c??s(a,{children:[o(r.Header,{}),s(r.Body,{children:[o(r.Hero,{}),o(r.StatusPill,{}),s(r.Details,{children:[o(r.SourceTxRow,{label:f({id:`60ahSE`,message:`Withdrawal tx`})}),o(r.SubmittedAtRow,{})]})]})]})})}function l(t={}){let{_:n}=e();return o(r.SourceTxRow,{...t,label:t.label??n({id:`60ahSE`,message:`Withdrawal tx`})})}(function(e){e.Header=r.Header,e.Body=r.Body,e.Hero=r.Hero,e.StatusPill=r.StatusPill,e.Details=r.Details,e.SourceRow=r.SourceRow,e.SourceTxRow=l,e.SubmittedAtRow=r.SubmittedAtRow,e.DetectedAtRow=r.DetectedAtRow})(c\|\|={});export{c as WithdrawInProgress};

package/dist/flows/withdraw/widgets/withdraw-success/WithdrawSuccess.d.ts CHANGED Viewed

@@ -1,4 +1,11 @@
-import { ComponentProps } from "react";
+import { SuccessStateBodyProps, SuccessStateRowProps } from "../../../../shared/widgets/success-state/compound/types.js";
+import { SuccessStateActions } from "../../../../shared/widgets/success-state/compound/components/Actions.js";
+import { SuccessStateDetails } from "../../../../shared/widgets/success-state/compound/components/Details.js";
+import { SuccessStateHeader } from "../../../../shared/widgets/success-state/compound/components/Header.js";
+import { SuccessStateHeadline } from "../../../../shared/widgets/success-state/compound/components/Headline.js";
+import { SuccessStateMoreDetails } from "../../../../shared/widgets/success-state/compound/components/MoreDetails.js";
+import { SuccessStateCompletionTxRow, SuccessStateDestinationRow, SuccessStateFillStatusRow, SuccessStateFilledAtRow, SuccessStateSourceRow, SuccessStateSubmittedAtRow, SuccessStateTotalTimeRow, SuccessStateYouReceiveRow } from "../../../../shared/widgets/success-state/compound/components/Rows.js";
+import { ComponentProps, ReactNode } from "react";
 import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 //#region src/flows/withdraw/widgets/withdraw-success/WithdrawSuccess.d.ts
@@ -15,6 +22,43 @@ import * as _$react_jsx_runtime0 from "react/jsx-runtime";
  *
  * Renders only when the FSM is on `success`.
  */
-declare function WithdrawSuccess(props: ComponentProps<"div">): _$react_jsx_runtime0.JSX.Element | null;
+interface WithdrawSuccessOwnProps {
+  /**
+   * Optional custom composition. Defaults to the withdraw-tuned receipt: `<Header />` +
+   * `<Body><Headline /><Details><FillStatusRow /><TotalTimeRow /><DestinationRow />
+   * <YouReceiveRow /><MoreDetails>…tx rows…</MoreDetails></Details></Body>` + `<Actions />`.
+   * The default conditionally mounts `<MoreDetails>` when at least one of the tx / timestamp
+   * fields is available. Pass children to interleave your own elements.
+   */
+  children?: ReactNode;
+}
+declare function WithdrawSuccess({
+  children,
+  ...props
+}: ComponentProps<"div"> & WithdrawSuccessOwnProps): _$react_jsx_runtime0.JSX.Element | null;
+/**
+ * Withdraw-tuned default for the source-tx row label. Without this wrapper, hosts composing
+ * `<WithdrawSuccess.DepositTxRow />` would inherit the deposit-flow's "Deposit tx" default —
+ * the wrong copy for a withdrawal. Host-supplied `label` overrides.
+ */
+declare function WithdrawSuccessDepositTxRow(props?: SuccessStateRowProps): _$react_jsx_runtime0.JSX.Element;
+declare namespace WithdrawSuccess {
+  type Props = ComponentProps<"div"> & WithdrawSuccessOwnProps;
+  const Header: typeof SuccessStateHeader;
+  const Body: (props: SuccessStateBodyProps) => _$react_jsx_runtime0.JSX.Element;
+  const Headline: typeof SuccessStateHeadline;
+  const Details: typeof SuccessStateDetails;
+  const FillStatusRow: typeof SuccessStateFillStatusRow;
+  const TotalTimeRow: typeof SuccessStateTotalTimeRow;
+  const SourceRow: typeof SuccessStateSourceRow;
+  const DestinationRow: typeof SuccessStateDestinationRow;
+  const YouReceiveRow: typeof SuccessStateYouReceiveRow;
+  const MoreDetails: typeof SuccessStateMoreDetails;
+  const DepositTxRow: typeof WithdrawSuccessDepositTxRow;
+  const CompletionTxRow: typeof SuccessStateCompletionTxRow;
+  const SubmittedAtRow: typeof SuccessStateSubmittedAtRow;
+  const FilledAtRow: typeof SuccessStateFilledAtRow;
+  const Actions: typeof SuccessStateActions;
+}
 //#endregion
 export { WithdrawSuccess };

package/dist/flows/withdraw/widgets/withdraw-success/WithdrawSuccess.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use client";import{useLingui as e}from"../../../../shared/i18n/useLingui.js";import"../../../../i18n/index.js";import{useWithdrawSnapshot as t}from"../../driver/context.js";import{useWithdrawActions as n,useWithdrawEffectiveState as r}from"../../orchestrator/controller.js";import{SuccessState as i}from"../../../../shared/widgets/success-state/compound/SuccessState.js";import"../../../../shared/widgets/success-state/compound/index.js";import{toAssetDescriptor as a}from"../../../../shared/widgets/asset-descriptor.js";import{~~jsx~~ as o,jsxs as s}from"react/jsx-runtime";function c(c){let l=t(),u=r(),{close:d}=n(),{_:f}=e();if(u.name!==`success`)return null;let p=l.settlement,m=(p.status===`ready`\|\|p.status===`stale`)&&p.payload.kind===`succeeded`?p.payload:void 0,h=u.ctx.input,g=l.quote,_=g.status===`ready`\|\|g.status===`stale`?g.payload:void 0,v=a(m?.receiveAsset??_?.receiveAsset)??{symbol:h.receiveTokenSymbol},y=m?.receiveAmount.formatted??_?.receiveAmount.formatted??``,b=m?.recipient.formatted,x=m?.txHash?{hash:m.txHash.formatted,explorerUrl:m.txExplorerUrl}:void 0,S=m?.completionTx?{hash:m.completionTx.hash.formatted,...m.completionTx.explorerUrl?{explorerUrl:m.completionTx.explorerUrl}:{}}:void 0;return s(i,{...c,amount:y,creditedAsset:v,creditedTo:b,depositTx:x,...S?{completionTx:S}:{},submittedAt:m?.submittedAt.formatted,filledAt:m?.filledAt.formatted,totalTime:m?.totalTime.formatted,headerTitle:f({id:`q32Nt8`,message:`Withdrawal complete`}),headlineTitle:f({id:`_girqu`,message:`Withdrawal successful`}),headlineDescription:f({id:`flMR3h`,message:`Your funds were successfully withdrawn.`}),onDone:d,doneLabel:f({id:`DPfwMq`,message:`Done`}),children:[o(i.Header,{}),s(i.Body,{children:[o(i.Headline,{}),s(i.Details,{children:[o(i.FillStatusRow,{}),o(i.TotalTimeRow,{}),o(i.DestinationRow,{}),o(i.YouReceiveRow,{}),x\|\|S\|\|m?.submittedAt\|\|m?.filledAt?s(i.MoreDetails,{children:[o(i.DepositTxRow,{label:f({id:`60ahSE`,message:`Withdrawal tx`})}),o(i.CompletionTxRow,{}),o(i.SubmittedAtRow,{}),o(i.FilledAtRow,{})]}):null]})]}),o(i.Actions,{})]})}export{c as WithdrawSuccess};
1	+ "use client";import{useLingui as e}from"../../../../shared/i18n/useLingui.js";import"../../../../i18n/index.js";import{useWithdrawSnapshot as t}from"../../driver/context.js";import{useWithdrawActions as n,useWithdrawEffectiveState as r}from"../../orchestrator/controller.js";import{SuccessState as i}from"../../../../shared/widgets/success-state/compound/SuccessState.js";import"../../../../shared/widgets/success-state/compound/index.js";import{toAssetDescriptor as a}from"../../../../shared/widgets/asset-descriptor.js";import{Fragment as o,jsx as s,jsxs as c}from"react/jsx-runtime";function l({children:l,...u}){let d=t(),f=r(),{close:p}=n(),{_:m}=e();if(f.name!==`success`)return null;let h=d.settlement,g=(h.status===`ready`\|\|h.status===`stale`)&&h.payload.kind===`succeeded`?h.payload:void 0,_=f.ctx.input,v=d.quote,y=v.status===`ready`\|\|v.status===`stale`?v.payload:void 0,b=a(g?.receiveAsset??y?.receiveAsset)??{symbol:_.receiveTokenSymbol},x=g?.receiveAmount.formatted??y?.receiveAmount.formatted??``,S=g?.recipient.formatted,C=g?.txHash?{hash:g.txHash.formatted,explorerUrl:g.txExplorerUrl}:void 0,w=g?.completionTx?{hash:g.completionTx.hash.formatted,...g.completionTx.explorerUrl?{explorerUrl:g.completionTx.explorerUrl}:{}}:void 0;return s(i,{...u,amount:x,creditedAsset:b,creditedTo:S,depositTx:C,...w?{completionTx:w}:{},submittedAt:g?.submittedAt.formatted,filledAt:g?.filledAt.formatted,totalTime:g?.totalTime.formatted,headerTitle:m({id:`q32Nt8`,message:`Withdrawal complete`}),headlineTitle:m({id:`_girqu`,message:`Withdrawal successful`}),headlineDescription:m({id:`flMR3h`,message:`Your funds were successfully withdrawn.`}),onDone:p,doneLabel:m({id:`DPfwMq`,message:`Done`}),children:l??c(o,{children:[s(i.Header,{}),c(i.Body,{children:[s(i.Headline,{}),c(i.Details,{children:[s(i.FillStatusRow,{}),s(i.TotalTimeRow,{}),s(i.DestinationRow,{}),s(i.YouReceiveRow,{}),C\|\|w\|\|g?.submittedAt\|\|g?.filledAt?c(i.MoreDetails,{children:[s(i.DepositTxRow,{label:m({id:`60ahSE`,message:`Withdrawal tx`})}),s(i.CompletionTxRow,{}),s(i.SubmittedAtRow,{}),s(i.FilledAtRow,{})]}):null]})]}),s(i.Actions,{})]})})}function u(t={}){let{_:n}=e();return s(i.DepositTxRow,{...t,label:t.label??n({id:`60ahSE`,message:`Withdrawal tx`})})}(function(e){e.Header=i.Header,e.Body=i.Body,e.Headline=i.Headline,e.Details=i.Details,e.FillStatusRow=i.FillStatusRow,e.TotalTimeRow=i.TotalTimeRow,e.SourceRow=i.SourceRow,e.DestinationRow=i.DestinationRow,e.YouReceiveRow=i.YouReceiveRow,e.MoreDetails=i.MoreDetails,e.DepositTxRow=u,e.CompletionTxRow=i.CompletionTxRow,e.SubmittedAtRow=i.SubmittedAtRow,e.FilledAtRow=i.FilledAtRow,e.Actions=i.Actions})(l\|\|={});export{l as WithdrawSuccess};

package/dist/package.js CHANGED Viewed

	@@ -1 +1 @@
1	- var e=`0.1.0-alpha.43`;export{e as version};
1	+ var e=`0.1.0-alpha.45`;export{e as version};

package/dist/shared/ui/Steps/Steps.d.ts ADDED Viewed

@@ -0,0 +1,52 @@
+import { ReactNode } from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+//#region src/shared/ui/Steps/Steps.d.ts
+interface StepsProps {
+  /**
+   * The active step's name. Determines which `<Step name="..." />` child renders. Pass the
+   * current FSM state name — typically piped through the flow-level wrapper that calls
+   * `useDepositEffectiveState()` / `useWithdrawEffectiveState()` so the matched step stays
+   * mounted through the parent dialog's close animation.
+   */
+  activeStep: string;
+  /**
+   * When true, the matched step renders without the kit's animated `StepTransition` wrapper.
+   * Use for static slot routing — for example when the consumer mounts their own animation
+   * primitive around `Steps`, or wants no transition at all.
+   */
+  plain?: boolean;
+  children: ReactNode;
+}
+interface StepProps {
+  /** Matches against the `activeStep` of the enclosing `Steps`. */
+  name: string;
+  children: ReactNode;
+}
+/**
+ * Declarative slot consumed by {@link Steps}. The component itself renders nothing — its
+ * `children` are lifted by the enclosing `Steps` when `name` matches the active step.
+ * Outside a `Steps` container the component is a no-op.
+ */
+declare function Step(_props: StepProps): null;
+declare namespace Step {
+  var displayName: string;
+}
+/**
+ * Slot-routing primitive for FSM-driven multi-screen composition. Renders only the `Step`
+ * child whose `name` matches `activeStep`; everything else is dropped from the tree.
+ *
+ * By default the matched child is wrapped in the kit's `StepTransition` (slide + blur on
+ * step change, animated height between commits). Pass `plain` to route without animation
+ * when the consumer wraps `Steps` in their own transition primitive.
+ *
+ * Unknown `activeStep` values render nothing (no fallback child). When two `Step` children
+ * declare the same `name`, the first one in source order wins.
+ */
+declare function Steps({
+  activeStep,
+  plain,
+  children
+}: StepsProps): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { Step, Steps };

package/dist/shared/ui/Steps/Steps.js ADDED Viewed

@@ -0,0 +1 @@

+ "use client";import{StepTransition as e}from"../../dialog/StepTransition.js";import{STEPS_SLOTS as t}from"./Steps.slots.js";import{styles as n}from"./Steps.styles.js";import{Children as r,isValidElement as i,useMemo as a}from"react";import{jsx as o}from"react/jsx-runtime";import*as s from"@stylexjs/stylex";function c(e){return null}c.displayName=`Steps.Step`;function l({activeStep:r,plain:i=!1,children:c}){let l=a(()=>u(c,r),[c,r]),d=o(`div`,{"data-stridge-slot":t.root,...s.props(n.root),children:l});return i?d:o(e,{stateKey:r,children:d})}function u(e,t){let n=null;return r.forEach(e,e=>{if(n!==null||!i(e)||e.type!==c)return;let r=e.props;r.name===t&&(n=r.children)}),n}export{c as Step,l as Steps};

package/dist/shared/ui/Steps/Steps.slots.d.ts ADDED Viewed

@@ -0,0 +1,7 @@
+//#region src/shared/ui/Steps/Steps.slots.d.ts
+declare const STEPS_SLOTS: {
+  readonly root: "steps-root";
+};
+type StepsSlot = (typeof STEPS_SLOTS)[keyof typeof STEPS_SLOTS];
+//#endregion
+export { STEPS_SLOTS, StepsSlot };

package/dist/shared/ui/Steps/Steps.slots.js ADDED Viewed

	@@ -0,0 +1 @@
1	+ const e={root:`steps-root`};export{e as STEPS_SLOTS};

package/dist/shared/ui/Steps/Steps.styles.js ADDED Viewed

	@@ -0,0 +1 @@
1	+ const e={root:{"Steps__styles.root":`Steps__styles.root`,"display-k1xSpc":`xjp7ctv`,$$css:`@stridge/kit:src/shared/ui/Steps/Steps.styles.ts:7`}};export{e as styles};

package/dist/shared/ui/Steps/index.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import { Step, Steps } from "./Steps.js";
2	+ import { STEPS_SLOTS, StepsSlot } from "./Steps.slots.js";

package/dist/shared/ui/Steps/index.js ADDED Viewed

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

package/dist/shared/widgets/amount-entry/compound/AmountEntry.d.ts CHANGED Viewed

@@ -1,8 +1,9 @@
-import { AmountEntryBodyProps, AmountEntryDialogProps, AmountEntryFlowProps, AmountEntryFooterProps, AmountEntryHeaderProps, AmountEntryHeroProps, AmountEntryPillsProps, AmountEntryProps } from "./types.js";
+import { AmountEntryBodyProps, AmountEntryDialogProps, AmountEntryFlowProps, AmountEntryFooterProps, AmountEntryHeaderProps, AmountEntryHeroProps, AmountEntryNoticeProps, AmountEntryPillsProps, AmountEntryProps } from "./types.js";
 import { AmountEntryFlow } from "./components/Flow.js";
 import { AmountEntryFooter } from "./components/Footer.js";
 import { AmountEntryHeader } from "./components/Header.js";
 import { AmountEntryHero } from "./components/Hero/Hero.js";
+import { AmountEntryNotice } from "./components/Notice.js";
 import { AmountEntryPills } from "./components/Pills.js";
 import * as _$react_jsx_runtime0 from "react/jsx-runtime";
@@ -46,6 +47,7 @@ declare namespace AmountEntry {
   type PillsProps = AmountEntryPillsProps;
   type FlowProps = AmountEntryFlowProps;
   type FooterProps = AmountEntryFooterProps;
+  type NoticeProps = AmountEntryNoticeProps;
   type DialogProps = AmountEntryDialogProps;
   const Header: typeof AmountEntryHeader;
   const Body: typeof AmountEntryBody;
@@ -53,6 +55,7 @@ declare namespace AmountEntry {
   const Pills: typeof AmountEntryPills;
   const Flow: typeof AmountEntryFlow;
   const Footer: typeof AmountEntryFooter;
+  const Notice: typeof AmountEntryNotice;
   const Dialog: typeof AmountEntryDialog;
 }
 //#endregion

package/dist/shared/widgets/amount-entry/compound/AmountEntry.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use client";import{DialogShell as e}from"../../../dialog/DialogShell.js";import{Card as t}from"../../../ui/Card/Card.js";import{Tooltip as n}from"../../../ui/Tooltip/Tooltip.js";import"../../../ui/Tooltip/index.js";import"../../../../ui/index.js";import{Frame as r}from"../../../dialog/Frame.js";import{AMOUNT_ENTRY_SLOTS as i}from"./AmountEntry.slots.js";import{styles as a}from"./AmountEntry.styles.js";import{AmountEntryContext as o}from"./context.js";import{AmountEntryFlow as s}from"./components/Flow.js";import{AmountEntryFooter as c}from"./components/Footer.js";import{AmountEntryHeader as l}from"./components/Header.js";import{AmountEntryHero as u}from"./components/Hero/Hero.js";import"./components/Hero/index.js";import{~~AmountEntryPills~~ as d}from"./components/Pills.js";import{useMemo as f}from"react";import{jsx as p}from"react/jsx-runtime";import*as m from"@stylexjs/stylex";const h={useGrouping:!0,maximumFractionDigits:8},g=[];function _(e){let{amount:t,sendToken:s,receiveToken:c,locale:l,format:u,min:d=0,max:_,onAmountChange:v,headerTitle:y,onBack:b,currencySymbol:x,subLine:S,subLineAmount:C,presets:w=g,activePreset:T,onPresetSelect:E,bridge:D,footerLabel:O,onContinue:k,children:A}=e,j=f(()=>({amount:t,sendToken:s,receiveToken:c,locale:l,format:u??h,min:d,max:_,onAmountChange:v,headerTitle:y,onBack:b,currencySymbol:x,subLine:S,subLineAmount:C,presets:w,activePreset:T,onPresetSelect:E,bridge:D,footerLabel:O,onContinue:k}),[t,s,c,l,u,d,_,v,y,b,x,S,C,w,T,E,D,O,k]);return p(o.Provider,{value:j,children:p(n.Provider,{children:p(r,{"data-stridge-slot":i.root,...m.props(a.root),children:A})})})}function v(e){return p(t.Body,{"data-stridge-slot":i.body,...e})}function y({open:t,defaultOpen:n,onOpenChange:r,trigger:i,children:a,...o}){return p(e,{open:t,defaultOpen:n,onOpenChange:r,trigger:i,children:p(_,{...o,children:a})})}(function(e){e.Header=l,e.Body=v,e.Hero=u,e.Pills=d,e.Flow=s,e.Footer=c,e.Dialog=y})(_\|\|={});export{_ as AmountEntry};
1	+ "use client";import{DialogShell as e}from"../../../dialog/DialogShell.js";import{Card as t}from"../../../ui/Card/Card.js";import{Tooltip as n}from"../../../ui/Tooltip/Tooltip.js";import"../../../ui/Tooltip/index.js";import"../../../../ui/index.js";import{Frame as r}from"../../../dialog/Frame.js";import{AMOUNT_ENTRY_SLOTS as i}from"./AmountEntry.slots.js";import{styles as a}from"./AmountEntry.styles.js";import{AmountEntryContext as o}from"./context.js";import{AmountEntryFlow as s}from"./components/Flow.js";import{AmountEntryFooter as c}from"./components/Footer.js";import{AmountEntryHeader as l}from"./components/Header.js";import{AmountEntryHero as u}from"./components/Hero/Hero.js";import"./components/Hero/index.js";import{AmountEntryNotice as d}from"./components/Notice.js";import{AmountEntryPills as f}from"./components/Pills.js";import{useMemo as p}from"react";import{jsx as m}from"react/jsx-runtime";import*as h from"@stylexjs/stylex";const g={useGrouping:!0,maximumFractionDigits:8},_=[];function v(e){let{amount:t,sendToken:s,receiveToken:c,locale:l,format:u,min:d=0,max:f,onAmountChange:v,headerTitle:y,onBack:b,currencySymbol:x,subLine:S,subLineAmount:C,presets:w=_,activePreset:T,onPresetSelect:E,bridge:D,footerLabel:O,onContinue:k,notice:A,children:j}=e,M=p(()=>({amount:t,sendToken:s,receiveToken:c,locale:l,format:u??g,min:d,max:f,onAmountChange:v,headerTitle:y,onBack:b,currencySymbol:x,subLine:S,subLineAmount:C,presets:w,activePreset:T,onPresetSelect:E,bridge:D,footerLabel:O,onContinue:k,notice:A}),[t,s,c,l,u,d,f,v,y,b,x,S,C,w,T,E,D,O,k,A]);return m(o.Provider,{value:M,children:m(n.Provider,{children:m(r,{"data-stridge-slot":i.root,...h.props(a.root),children:j})})})}function y(e){return m(t.Body,{"data-stridge-slot":i.body,...e})}function b({open:t,defaultOpen:n,onOpenChange:r,trigger:i,children:a,...o}){return m(e,{open:t,defaultOpen:n,onOpenChange:r,trigger:i,children:m(v,{...o,children:a})})}(function(e){e.Header=l,e.Body=y,e.Hero=u,e.Pills=f,e.Flow=s,e.Footer=c,e.Notice=d,e.Dialog=b})(v\|\|={});export{v as AmountEntry};

package/dist/shared/widgets/amount-entry/compound/AmountEntry.slots.d.ts CHANGED Viewed

@@ -9,6 +9,7 @@ declare const AMOUNT_ENTRY_SLOTS: {
   readonly hero: "amount-entry-hero";
   readonly heroBand: "amount-entry-hero-band";
   readonly heroSwap: "amount-entry-hero-swap";
+  readonly notice: "amount-entry-notice";
 };
 type AmountEntrySlot = (typeof AMOUNT_ENTRY_SLOTS)[keyof typeof AMOUNT_ENTRY_SLOTS];
 //#endregion

package/dist/shared/widgets/amount-entry/compound/AmountEntry.slots.js CHANGED Viewed

	@@ -1 +1 @@
1	- const e={root:`amount-entry`,header:`amount-entry-header`,body:`amount-entry-body`,footer:`amount-entry-footer`,flow:`amount-entry-flow`,pills:`amount-entry-pills`,hero:`amount-entry-hero`,heroBand:`amount-entry-hero-band`,heroSwap:`amount-entry-hero-swap`};export{e as AMOUNT_ENTRY_SLOTS};
1	+ const e={root:`amount-entry`,header:`amount-entry-header`,body:`amount-entry-body`,footer:`amount-entry-footer`,flow:`amount-entry-flow`,pills:`amount-entry-pills`,hero:`amount-entry-hero`,heroBand:`amount-entry-hero-band`,heroSwap:`amount-entry-hero-swap`,notice:`amount-entry-notice`};export{e as AMOUNT_ENTRY_SLOTS};

package/dist/shared/widgets/amount-entry/compound/AmountEntry.styles.js CHANGED Viewed

	@@ -1 +1 @@
1	- const e={root:{"AmountEntry__styles.root":`AmountEntry__styles.root`,"position-kVAEAm":`x1n2onr6`,"width-kzqmXN":`xh8yej3`,"maxWidth-ks0D6T":`x17fpy1y`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:18`},header:{"AmountEntry__styles.header":`AmountEntry__styles.header`,"gap-kOIVth":`x1v2ro7d`,"paddingTop-kLKAdn":`xyamay9`,"paddingInlineEnd-kwRFfy":`x1x5flf6`,"paddingBottom-kGO01o":`x1l90r2v`,"paddingInlineStart-kZCmMZ":`xf7dkkf`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:25`},headerTitle:{"AmountEntry__styles.headerTitle":`AmountEntry__styles.headerTitle`,"margin-kogj98":`x1ghz6dp`,"flexGrow-kzQI83":`x1iyjqo2`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:32`},backIcon:{"AmountEntry__styles.backIcon":`AmountEntry__styles.backIcon`,"color-kMwMTN":`xzn0pkc`,"strokeWidth-kfJifR":`xhxwl1`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:36`},closeIcon:{"AmountEntry__styles.closeIcon":`AmountEntry__styles.closeIcon`,"color-kMwMTN":`xzn0pkc`,"strokeWidth-kfJifR":`xhr4kjn`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:40`},heroBlock:{"AmountEntry__styles.heroBlock":`AmountEntry__styles.heroBlock`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`xdt5ytf`,"alignItems-kGNEyG":`x6s0dn4`,"paddingTop-kLKAdn":`x1byr4rc`,"paddingInlineEnd-kwRFfy":`x1o5r3ls`,"paddingBottom-kGO01o":`xwib8y2`,"paddingInlineStart-kZCmMZ":`xz7312c`,"gap-kOIVth":`x167g77z`,"textAlign-k9WMMc":`x2b8uid`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:52`},hero:{"AmountEntry__styles.hero":`AmountEntry__styles.hero`,"gap-kOIVth":`x1nj97wv`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:68`},heroCurrency:{"AmountEntry__styles.heroCurrency":`AmountEntry__styles.heroCurrency`,"display-k1xSpc":`x1rg5ohu`,"fontSize-kGuDYH":`xsfzzmd`,"lineHeight-kLWn49":`xo5v014`,"letterSpacing-kb6lSQ":`x1b4dsll`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:71`},heroAmount:{"AmountEntry__styles.heroAmount":`AmountEntry__styles.heroAmount`,"fontSize-kGuDYH":`xrv4cvt`,"lineHeight-kLWn49":`xo5v014`,"letterSpacing-kb6lSQ":`xo2cfqc`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:77`},subLine:{"AmountEntry__styles.subLine":`AmountEntry__styles.subLine`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`x1q0g3np`,"alignItems-kGNEyG":`x6s0dn4`,"gap-kOIVth":`x17d4w8g`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:82`},subLineIcon:{"AmountEntry__styles.subLineIcon":`AmountEntry__styles.subLineIcon`,"width-kzqmXN":`x6jxa94`,"height-kZKoxP":`x1v9usgg`,"flexShrink-kmuXW":`x2lah0s`,"color-kMwMTN":`x137ha3m`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:88`},bigSlot:{"AmountEntry__styles.bigSlot":`AmountEntry__styles.bigSlot`,"position-kVAEAm":`x1n2onr6`,"zIndex-kY2c9j":`x1fina04`,"display-k1xSpc":`x3nfvp2`,"alignItems-kGNEyG":`x1pha0wt`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:97`},swapToggle:{"AmountEntry__styles.swapToggle":`AmountEntry__styles.swapToggle`,"appearance-kysU6D":`xjyslct`,"display-k1xSpc":`x3nfvp2`,"flexDirection-kXwgrk":`x1q0g3np`,"alignItems-kGNEyG":`x6s0dn4`,"gap-kOIVth":`x17d4w8g`,"backgroundColor-kWkggS":`x1qkydf4`,"margin-kogj98":`x1ghz6dp`,"paddingBlock-k8WAf4":`x12ulsxz`,"paddingInline-kg3NbH":`x1awh872`,"font-kVVagm":`xln7xf2`,"color-kMwMTN":`xi96bwj`,"cursor-kkrTdU":`x1ypdohk`,"borderRadius-kaIpWk":`x1npxkrn`,"transitionProperty-k1ekBW":`xs2xxs2`,"transitionDuration-kIyJzY":`x9dyr19`,"transitionTimingFunction-kAMwcw":`x9lcvmn`,":hover_backgroundColor-kGzVvX":`x1tkvd9a`,":hover_color-kDPRdz":`xpscirx`,":focus-visible_outline-k3Woio":`x67ar3w`,":focus-visible_outlineOffset-kiEn40":`x7s97pk`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:104`},swapIcon:{"AmountEntry__styles.swapIcon":`AmountEntry__styles.swapIcon`,"display-k1xSpc":`x3nfvp2`,"alignItems-kGNEyG":`x6s0dn4`,"justifyContent-kjj79g":`xl56j7k`,"width-kzqmXN":`x6jxa94`,"height-kZKoxP":`x1v9usgg`,"flexShrink-kmuXW":`x2lah0s`,"color-kMwMTN":`x1heor9g`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:131`},swapTextWrap:{"AmountEntry__styles.swapTextWrap":`AmountEntry__styles.swapTextWrap`,"display-k1xSpc":`x3nfvp2`,"alignItems-kGNEyG":`x6s0dn4`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:140`},swapText:{"AmountEntry__styles.swapText":`AmountEntry__styles.swapText`,"position-kVAEAm":`x1n2onr6`,"zIndex-kY2c9j":`x11uqc5h`,"display-k1xSpc":`x1rg5ohu`,"fontSize-kGuDYH":`xkpwil5`,"lineHeight-kLWn49":`x132q4wb`,"fontWeight-k63SB2":`xk50ysn`,"letterSpacing-kb6lSQ":`xjat59b`,"whiteSpace-khDVqt":`xuxw1ft`,"color-kMwMTN":`x1heor9g`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:144`},swapSymbol:{"AmountEntry__styles.swapSymbol":`AmountEntry__styles.swapSymbol`,"display-k1xSpc":`x1rg5ohu`,"fontSize-kGuDYH":`xkpwil5`,"lineHeight-kLWn49":`x132q4wb`,"fontWeight-k63SB2":`xk50ysn`,"letterSpacing-kb6lSQ":`xjat59b`,"whiteSpace-khDVqt":`x1sdyfia`,"color-kMwMTN":`x1heor9g`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:155`},swapBackdrop:{"AmountEntry__styles.swapBackdrop":`AmountEntry__styles.swapBackdrop`,"position-kVAEAm":`x10l6tqk`,"inset-kpwlN0":`x1v1xp8j`,"zIndex-kY2c9j":`x8knxv4`,"filter-ku685b":`x1qgin71`,"pointerEvents-kfzvcC":`x47corl`,"backgroundImage-kKwaWg":`x1bmns5n`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:165`},pills:{"AmountEntry__styles.pills":`AmountEntry__styles.pills`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`x1q0g3np`,"width-kzqmXN":`xh8yej3`,"gap-kOIVth":`x167g77z`,"paddingTop-kLKAdn":`x9desvi`,"paddingInlineEnd-kwRFfy":`x1o5r3ls`,"paddingInlineStart-kZCmMZ":`xz7312c`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:178`},flowWrap:{"AmountEntry__styles.flowWrap":`AmountEntry__styles.flowWrap`,"display-k1xSpc":`x78zum5`,"justifyContent-kjj79g":`xl56j7k`,"paddingTop-kLKAdn":`x9desvi`,"paddingInlineEnd-kwRFfy":`x1o5r3ls`,"paddingInlineStart-kZCmMZ":`xz7312c`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:191`},flow:{"AmountEntry__styles.flow":`AmountEntry__styles.flow`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`x1q0g3np`,"alignItems-kGNEyG":`x6s0dn4`,"justifyContent-kjj79g":`xl56j7k`,"backgroundColor-kWkggS":`x12obg9s`,"borderColor-kVAM5u":`x1bue7yx`,"borderStyle-ksu8eU":`x1y0btm7`,"borderWidth-kMzoRj":`xmkeg23`,"borderRadius-kaIpWk":`x1npxkrn`,"paddingBlock-k8WAf4":`xxlmvz2`,"paddingInline-kg3NbH":`x65v0h`,"gap-kOIVth":`x1c1vhfx`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:198`},flowSide:{"AmountEntry__styles.flowSide":`AmountEntry__styles.flowSide`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`x1q0g3np`,"alignItems-kGNEyG":`x6s0dn4`,"gap-kOIVth":`x1v2ro7d`,"minWidth-k7Eaqz":`xeuugli`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:212`},flowLabels:{"AmountEntry__styles.flowLabels":`AmountEntry__styles.flowLabels`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`xdt5ytf`,"gap-kOIVth":`x12mrbbr`,"minWidth-k7Eaqz":`xeuugli`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:219`},flowBridge:{"AmountEntry__styles.flowBridge":`AmountEntry__styles.flowBridge`,"display-k1xSpc":`x78zum5`,"alignItems-kGNEyG":`x6s0dn4`,"justifyContent-kjj79g":`xl56j7k`,"flexShrink-kmuXW":`x2lah0s`,"color-kMwMTN":`x137ha3m`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:225`},flowBridgeIcon:{"AmountEntry__styles.flowBridgeIcon":`AmountEntry__styles.flowBridgeIcon`,"width-kzqmXN":`x1kky2od`,"height-kZKoxP":`xlup9mm`,"flexShrink-kmuXW":`x2lah0s`,"color-kMwMTN":`x137ha3m`,"strokeWidth-kfJifR":`xhr4kjn`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:232`},footer:{"AmountEntry__styles.footer":`AmountEntry__styles.footer`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`xdt5ytf`,"gap-kOIVth":`x167g77z`,"paddingTop-kLKAdn":`x9desvi`,"paddingInlineEnd-kwRFfy":`x1o5r3ls`,"paddingBottom-kGO01o":`x1t4gjm`,"paddingInlineStart-kZCmMZ":`xz7312c`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:240`},cta:{"AmountEntry__styles.cta":`AmountEntry__styles.cta`,"width-kzqmXN":`xh8yej3`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:250`},ctaInteractive:{"AmountEntry__styles.ctaInteractive":`AmountEntry__styles.ctaInteractive`,"cursor-kkrTdU":`x1ypdohk`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:253`},ctaInert:{"AmountEntry__styles.ctaInert":`AmountEntry__styles.ctaInert`,"cursor-kkrTdU":`xt0e3qv`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:256`}};export{e as styles};
1	+ const e={root:{"AmountEntry__styles.root":`AmountEntry__styles.root`,"position-kVAEAm":`x1n2onr6`,"width-kzqmXN":`xh8yej3`,"maxWidth-ks0D6T":`x17fpy1y`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:18`},header:{"AmountEntry__styles.header":`AmountEntry__styles.header`,"gap-kOIVth":`x1v2ro7d`,"paddingTop-kLKAdn":`xyamay9`,"paddingInlineEnd-kwRFfy":`x1x5flf6`,"paddingBottom-kGO01o":`x1l90r2v`,"paddingInlineStart-kZCmMZ":`xf7dkkf`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:25`},headerTitle:{"AmountEntry__styles.headerTitle":`AmountEntry__styles.headerTitle`,"margin-kogj98":`x1ghz6dp`,"flexGrow-kzQI83":`x1iyjqo2`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:32`},backIcon:{"AmountEntry__styles.backIcon":`AmountEntry__styles.backIcon`,"color-kMwMTN":`xzn0pkc`,"strokeWidth-kfJifR":`xhxwl1`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:36`},closeIcon:{"AmountEntry__styles.closeIcon":`AmountEntry__styles.closeIcon`,"color-kMwMTN":`xzn0pkc`,"strokeWidth-kfJifR":`xhr4kjn`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:40`},heroBlock:{"AmountEntry__styles.heroBlock":`AmountEntry__styles.heroBlock`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`xdt5ytf`,"alignItems-kGNEyG":`x6s0dn4`,"paddingTop-kLKAdn":`x1byr4rc`,"paddingInlineEnd-kwRFfy":`x1o5r3ls`,"paddingBottom-kGO01o":`xwib8y2`,"paddingInlineStart-kZCmMZ":`xz7312c`,"gap-kOIVth":`x167g77z`,"textAlign-k9WMMc":`x2b8uid`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:52`},hero:{"AmountEntry__styles.hero":`AmountEntry__styles.hero`,"gap-kOIVth":`x1nj97wv`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:68`},heroCurrency:{"AmountEntry__styles.heroCurrency":`AmountEntry__styles.heroCurrency`,"display-k1xSpc":`x1rg5ohu`,"fontSize-kGuDYH":`xsfzzmd`,"lineHeight-kLWn49":`xo5v014`,"letterSpacing-kb6lSQ":`x1b4dsll`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:71`},heroAmount:{"AmountEntry__styles.heroAmount":`AmountEntry__styles.heroAmount`,"fontSize-kGuDYH":`xrv4cvt`,"lineHeight-kLWn49":`xo5v014`,"letterSpacing-kb6lSQ":`xo2cfqc`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:77`},subLine:{"AmountEntry__styles.subLine":`AmountEntry__styles.subLine`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`x1q0g3np`,"alignItems-kGNEyG":`x6s0dn4`,"gap-kOIVth":`x17d4w8g`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:82`},subLineIcon:{"AmountEntry__styles.subLineIcon":`AmountEntry__styles.subLineIcon`,"width-kzqmXN":`x6jxa94`,"height-kZKoxP":`x1v9usgg`,"flexShrink-kmuXW":`x2lah0s`,"color-kMwMTN":`x137ha3m`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:88`},bigSlot:{"AmountEntry__styles.bigSlot":`AmountEntry__styles.bigSlot`,"position-kVAEAm":`x1n2onr6`,"zIndex-kY2c9j":`x1fina04`,"display-k1xSpc":`x3nfvp2`,"alignItems-kGNEyG":`x1pha0wt`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:97`},swapToggle:{"AmountEntry__styles.swapToggle":`AmountEntry__styles.swapToggle`,"appearance-kysU6D":`xjyslct`,"display-k1xSpc":`x3nfvp2`,"flexDirection-kXwgrk":`x1q0g3np`,"alignItems-kGNEyG":`x6s0dn4`,"gap-kOIVth":`x17d4w8g`,"backgroundColor-kWkggS":`x1qkydf4`,"margin-kogj98":`x1ghz6dp`,"paddingBlock-k8WAf4":`x12ulsxz`,"paddingInline-kg3NbH":`x1awh872`,"font-kVVagm":`xln7xf2`,"color-kMwMTN":`xi96bwj`,"cursor-kkrTdU":`x1ypdohk`,"borderRadius-kaIpWk":`x1npxkrn`,"transitionProperty-k1ekBW":`xs2xxs2`,"transitionDuration-kIyJzY":`x9dyr19`,"transitionTimingFunction-kAMwcw":`x9lcvmn`,":hover_backgroundColor-kGzVvX":`x1tkvd9a`,":hover_color-kDPRdz":`xpscirx`,":focus-visible_outline-k3Woio":`x67ar3w`,":focus-visible_outlineOffset-kiEn40":`x7s97pk`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:104`},swapIcon:{"AmountEntry__styles.swapIcon":`AmountEntry__styles.swapIcon`,"display-k1xSpc":`x3nfvp2`,"alignItems-kGNEyG":`x6s0dn4`,"justifyContent-kjj79g":`xl56j7k`,"width-kzqmXN":`x6jxa94`,"height-kZKoxP":`x1v9usgg`,"flexShrink-kmuXW":`x2lah0s`,"color-kMwMTN":`x1heor9g`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:131`},swapTextWrap:{"AmountEntry__styles.swapTextWrap":`AmountEntry__styles.swapTextWrap`,"display-k1xSpc":`x3nfvp2`,"alignItems-kGNEyG":`x6s0dn4`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:140`},swapText:{"AmountEntry__styles.swapText":`AmountEntry__styles.swapText`,"position-kVAEAm":`x1n2onr6`,"zIndex-kY2c9j":`x11uqc5h`,"display-k1xSpc":`x1rg5ohu`,"fontSize-kGuDYH":`xkpwil5`,"lineHeight-kLWn49":`x132q4wb`,"fontWeight-k63SB2":`xk50ysn`,"letterSpacing-kb6lSQ":`xjat59b`,"whiteSpace-khDVqt":`xuxw1ft`,"color-kMwMTN":`x1heor9g`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:144`},swapSymbol:{"AmountEntry__styles.swapSymbol":`AmountEntry__styles.swapSymbol`,"display-k1xSpc":`x1rg5ohu`,"fontSize-kGuDYH":`xkpwil5`,"lineHeight-kLWn49":`x132q4wb`,"fontWeight-k63SB2":`xk50ysn`,"letterSpacing-kb6lSQ":`xjat59b`,"whiteSpace-khDVqt":`x1sdyfia`,"color-kMwMTN":`x1heor9g`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:155`},swapBackdrop:{"AmountEntry__styles.swapBackdrop":`AmountEntry__styles.swapBackdrop`,"position-kVAEAm":`x10l6tqk`,"inset-kpwlN0":`x1v1xp8j`,"zIndex-kY2c9j":`x8knxv4`,"filter-ku685b":`x1qgin71`,"pointerEvents-kfzvcC":`x47corl`,"backgroundImage-kKwaWg":`x1bmns5n`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:165`},pills:{"AmountEntry__styles.pills":`AmountEntry__styles.pills`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`x1q0g3np`,"width-kzqmXN":`xh8yej3`,"gap-kOIVth":`x167g77z`,"paddingTop-kLKAdn":`x9desvi`,"paddingInlineEnd-kwRFfy":`x1o5r3ls`,"paddingInlineStart-kZCmMZ":`xz7312c`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:178`},flowWrap:{"AmountEntry__styles.flowWrap":`AmountEntry__styles.flowWrap`,"display-k1xSpc":`x78zum5`,"justifyContent-kjj79g":`xl56j7k`,"paddingTop-kLKAdn":`x9desvi`,"paddingInlineEnd-kwRFfy":`x1o5r3ls`,"paddingInlineStart-kZCmMZ":`xz7312c`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:191`},flow:{"AmountEntry__styles.flow":`AmountEntry__styles.flow`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`x1q0g3np`,"alignItems-kGNEyG":`x6s0dn4`,"justifyContent-kjj79g":`xl56j7k`,"backgroundColor-kWkggS":`x12obg9s`,"borderColor-kVAM5u":`x1bue7yx`,"borderStyle-ksu8eU":`x1y0btm7`,"borderWidth-kMzoRj":`xmkeg23`,"borderRadius-kaIpWk":`x1npxkrn`,"paddingBlock-k8WAf4":`xxlmvz2`,"paddingInline-kg3NbH":`x65v0h`,"gap-kOIVth":`x1c1vhfx`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:198`},flowSide:{"AmountEntry__styles.flowSide":`AmountEntry__styles.flowSide`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`x1q0g3np`,"alignItems-kGNEyG":`x6s0dn4`,"gap-kOIVth":`x1v2ro7d`,"minWidth-k7Eaqz":`xeuugli`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:212`},flowLabels:{"AmountEntry__styles.flowLabels":`AmountEntry__styles.flowLabels`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`xdt5ytf`,"gap-kOIVth":`x12mrbbr`,"minWidth-k7Eaqz":`xeuugli`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:219`},flowBridge:{"AmountEntry__styles.flowBridge":`AmountEntry__styles.flowBridge`,"display-k1xSpc":`x78zum5`,"alignItems-kGNEyG":`x6s0dn4`,"justifyContent-kjj79g":`xl56j7k`,"flexShrink-kmuXW":`x2lah0s`,"color-kMwMTN":`x137ha3m`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:225`},flowBridgeIcon:{"AmountEntry__styles.flowBridgeIcon":`AmountEntry__styles.flowBridgeIcon`,"width-kzqmXN":`x1kky2od`,"height-kZKoxP":`xlup9mm`,"flexShrink-kmuXW":`x2lah0s`,"color-kMwMTN":`x137ha3m`,"strokeWidth-kfJifR":`xhr4kjn`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:232`},footer:{"AmountEntry__styles.footer":`AmountEntry__styles.footer`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`xdt5ytf`,"gap-kOIVth":`x167g77z`,"paddingTop-kLKAdn":`x9desvi`,"paddingInlineEnd-kwRFfy":`x1o5r3ls`,"paddingBottom-kGO01o":`x1t4gjm`,"paddingInlineStart-kZCmMZ":`xz7312c`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:240`},cta:{"AmountEntry__styles.cta":`AmountEntry__styles.cta`,"width-kzqmXN":`xh8yej3`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:250`},ctaInteractive:{"AmountEntry__styles.ctaInteractive":`AmountEntry__styles.ctaInteractive`,"cursor-kkrTdU":`x1ypdohk`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:253`},ctaInert:{"AmountEntry__styles.ctaInert":`AmountEntry__styles.ctaInert`,"cursor-kkrTdU":`xt0e3qv`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:256`},noticeText:{"AmountEntry__styles.noticeText":`AmountEntry__styles.noticeText`,"marginBlock-kqGvvJ":`x10im51j`,"textAlign-k9WMMc":`x2b8uid`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:260`}};export{e as styles};

package/dist/shared/widgets/amount-entry/compound/components/Notice.d.ts ADDED Viewed

@@ -0,0 +1,7 @@
+import { AmountEntryNoticeProps } from "../types.js";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+//#region src/shared/widgets/amount-entry/compound/components/Notice.d.ts
+declare function AmountEntryNotice(_props?: AmountEntryNoticeProps): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { AmountEntryNotice };

package/dist/shared/widgets/amount-entry/compound/components/Notice.js ADDED Viewed

@@ -0,0 +1 @@

+ "use client";import{text as e}from"../../../../ui/Text/Text.js";import"../../../../../ui/index.js";import{AMOUNT_ENTRY_SLOTS as t}from"../AmountEntry.slots.js";import{styles as n}from"../AmountEntry.styles.js";import{useAmountEntryContext as r}from"../context.js";import{jsx as i}from"react/jsx-runtime";import{AnimatePresence as a,m as o}from"motion/react";import*as s from"@stylexjs/stylex";const c={enter:{opacity:0,height:0,filter:`blur(2px)`},center:{opacity:1,height:`auto`,filter:`blur(0px)`,transition:{duration:.22,delay:.05}},exit:{opacity:0,height:0,filter:`blur(2px)`,transition:{duration:.18}}};function l(l={}){let u=r(`AmountEntry.Notice`);return i(a,{initial:!1,children:u.notice?i(o.div,{variants:c,initial:`enter`,animate:`center`,exit:`exit`,style:{overflow:`hidden`},"data-stridge-slot":t.notice,role:`status`,"aria-live":`polite`,children:i(e.p,{size:`sm`,color:`subdued`,...s.props(n.noticeText),children:u.notice})},`notice-slot`):null})}export{l as AmountEntryNotice};

package/dist/shared/widgets/amount-entry/compound/types.d.ts CHANGED Viewed

@@ -127,9 +127,20 @@ interface AmountEntryProps {
    * Footer CTA click handler. When undefined the CTA renders inert.
    */
   onContinue?: () => void;
+  /**
+   * Validation hint surfaced below the swap-direction Flow row when the typed amount sits
+   * outside the host's allowed range (min / max / above balance). Omit when no hint is
+   * applicable; the {@link AmountEntry.Notice} part renders nothing in that case.
+   */
+  notice?: ReactNode;
   /** Compound parts; see `AmountEntry.Header`, `AmountEntry.Hero`, etc. */
   children?: ReactNode;
 }
+/**
+ * Notice part props — typically rendered without explicit props; the part reads `notice` from
+ * the {@link AmountEntry} root via context.
+ */
+type AmountEntryNoticeProps = ComponentProps<"div">;
 /**
  * Body slot part props. Forwards every native `<div>` prop through to the
  * underlying `Card.Body`, which becomes the scrollable region when the
@@ -221,4 +232,4 @@ interface AmountEntryFooterProps {
   onContinue?: () => void;
 }
 //#endregion
-export { AmountEntryBodyProps, AmountEntryDialogProps, AmountEntryFlowProps, AmountEntryFooterProps, AmountEntryHeaderProps, AmountEntryHeroProps, AmountEntryPercentPreset, AmountEntryPillsProps, AmountEntryProps, AmountEntryToken };
+export { AmountEntryBodyProps, AmountEntryDialogProps, AmountEntryFlowProps, AmountEntryFooterProps, AmountEntryHeaderProps, AmountEntryHeroProps, AmountEntryNoticeProps, AmountEntryPercentPreset, AmountEntryPillsProps, AmountEntryProps, AmountEntryToken };

package/dist/shared/widgets/error-state/compound/components/MoreDetails.d.ts CHANGED Viewed

@@ -13,6 +13,6 @@ declare function ErrorStateMoreDetails({
   open: openProp,
   onOpenChange,
   children
-}: ErrorStateMoreDetailsProps): _$react_jsx_runtime0.JSX.Element;
+}: ErrorStateMoreDetailsProps): _$react_jsx_runtime0.JSX.Element | null;
 //#endregion
 export { ErrorStateMoreDetails };

package/dist/shared/widgets/error-state/compound/components/MoreDetails.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use client";import{useLingui as e}from"../../../../i18n/useLingui.js";import"../../../../../i18n/index.js";import{ChevronRightIcon as t}from"../../../../icons/ChevronRightIcon.js";import"../../../../../icons/index.js";import{Collapsible as n}from"../../../../ui/Collapsible/Collapsible.js";import"../../../../ui/Collapsible/index.js";import{Details as r}from"../../../../ui/Details/Details.js";import"../../../../ui/Details/index.js";import{useDirectionalChevronTransform as i}from"../../../../dialog/useDirectionalChevronTransform.js";import{~~ERROR_STATE_SLOTS~~ as a}from"../ErrorState.slots.js";import{styles as o}from"../ErrorState.styles.js";import{useCallback as s,useState as c}from"react";import{jsx as l,jsxs as u}from"react/jsx-runtime";import*as d from"@stylexjs/stylex";function f({label:f,defaultOpen:p=!1,open:m,onOpenChange:h,children:g}){let{_}=e(),v=f??_({id:`LEbOpR`,message:`More details`}),y=typeof m==`boolean`,[b,x]=c(p),S=y?m:b,C=s(e=>{y\|\|x(e),h?.(e)},[y,h]),w=d.props(o.moreDetailsTrigger,S?null:o.moreDetailsTriggerClosed),T=d.props(o.moreDetailsChevron),E=i(S);return u(n,{open:S,onOpenChange:C,children:[l(n.Trigger,{nativeButton:!1,render:l(r.Row,{"data-stridge-slot":a.moreDetailsTrigger,label:v,className:w.className,style:w.style,children:l(t,{"aria-hidden":!0,className:T.className,style:{...T.style,transform:E}})})}),l(n.Panel,{children:g})]})}export{f as ErrorStateMoreDetails};
1	+ "use client";import{useLingui as e}from"../../../../i18n/useLingui.js";import"../../../../../i18n/index.js";import{ChevronRightIcon as t}from"../../../../icons/ChevronRightIcon.js";import"../../../../../icons/index.js";import{Collapsible as n}from"../../../../ui/Collapsible/Collapsible.js";import"../../../../ui/Collapsible/index.js";import{Details as r}from"../../../../ui/Details/Details.js";import"../../../../ui/Details/index.js";import{useDirectionalChevronTransform as i}from"../../../../dialog/useDirectionalChevronTransform.js";import{useErrorStateContext as a}from"../context.js";import{ERROR_STATE_SLOTS as o}from"../ErrorState.slots.js";import{styles as s}from"../ErrorState.styles.js";import{useCallback as c,useState as l}from"react";import{jsx as u,jsxs as d}from"react/jsx-runtime";import*as f from"@stylexjs/stylex";function p({label:p,defaultOpen:m=!1,open:h,onOpenChange:g,children:_}){let v=a(`ErrorState.MoreDetails`),{_:y}=e();if(!v.depositTx&&v.submittedAt===void 0&&v.failedAt===void 0)return null;let b=p??y({id:`LEbOpR`,message:`More details`}),x=typeof h==`boolean`,[S,C]=l(m),w=x?h:S,T=c(e=>{x\|\|C(e),g?.(e)},[x,g]),E=f.props(s.moreDetailsTrigger,w?null:s.moreDetailsTriggerClosed),D=f.props(s.moreDetailsChevron),O=i(w);return d(n,{open:w,onOpenChange:T,children:[u(n.Trigger,{nativeButton:!1,render:u(r.Row,{"data-stridge-slot":o.moreDetailsTrigger,label:b,className:E.className,style:E.style,children:u(t,{"aria-hidden":!0,className:D.className,style:{...D.style,transform:O}})})}),u(n.Panel,{children:_})]})}export{p as ErrorStateMoreDetails};

package/dist/shared/widgets/success-state/compound/components/MoreDetails.d.ts CHANGED Viewed

@@ -14,6 +14,6 @@ declare function SuccessStateMoreDetails({
   open: openProp,
   onOpenChange,
   children
-}: SuccessStateMoreDetailsProps): _$react_jsx_runtime0.JSX.Element;
+}: SuccessStateMoreDetailsProps): _$react_jsx_runtime0.JSX.Element | null;
 //#endregion
 export { SuccessStateMoreDetails };