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

package/dist/flows/deposit/widgets/onramp-confirm/compound/OnrampConfirm.slots.d.ts

@@ -0,0 +1,31 @@
+//#region src/flows/deposit/widgets/onramp-confirm/compound/OnrampConfirm.slots.d.ts
+/**
+ * `data-stridge-slot` constants for the onramp-confirm compound widget. Hosts target these via CSS
+ * selectors like `[data-stridge-slot="onramp-confirm-header"]` without forking the kit.
+ */
+declare const ONRAMP_CONFIRM_SLOTS: {
+  readonly root: "onramp-confirm";
+  readonly header: "onramp-confirm-header";
+  readonly body: "onramp-confirm-body";
+  readonly summary: "onramp-confirm-summary";
+  readonly summaryStaticRow: "onramp-confirm-summary-static-row";
+  readonly summaryRowLabel: "onramp-confirm-summary-row-label";
+  readonly summaryRowValue: "onramp-confirm-summary-row-value";
+  readonly summaryBreakdown: "onramp-confirm-summary-breakdown";
+  readonly breakdownTrigger: "onramp-confirm-breakdown-trigger";
+  readonly breakdownChevron: "onramp-confirm-breakdown-chevron";
+  readonly breakdownRow: "onramp-confirm-breakdown-row";
+  readonly breakdownRowLabel: "onramp-confirm-breakdown-row-label";
+  readonly breakdownRowValue: "onramp-confirm-breakdown-row-value";
+  readonly cta: "onramp-confirm-cta";
+  readonly disclaimer: "onramp-confirm-disclaimer";
+  readonly disclaimerProvider: "onramp-confirm-disclaimer-provider";
+  readonly disclaimerReceive: "onramp-confirm-disclaimer-receive";
+  readonly disclaimerBody: "onramp-confirm-disclaimer-body";
+  readonly disclaimerLink: "onramp-confirm-disclaimer-link";
+  readonly disclaimerCheckbox: "onramp-confirm-disclaimer-checkbox";
+  readonly disclaimerCheckboxLabel: "onramp-confirm-disclaimer-checkbox-label";
+};
+type OnrampConfirmSlot = (typeof ONRAMP_CONFIRM_SLOTS)[keyof typeof ONRAMP_CONFIRM_SLOTS];
+//#endregion
+export { ONRAMP_CONFIRM_SLOTS, OnrampConfirmSlot };

package/dist/flows/deposit/widgets/onramp-confirm/compound/OnrampConfirm.slots.js

@@ -0,0 +1 @@
+const e={root:`onramp-confirm`,header:`onramp-confirm-header`,body:`onramp-confirm-body`,summary:`onramp-confirm-summary`,summaryStaticRow:`onramp-confirm-summary-static-row`,summaryRowLabel:`onramp-confirm-summary-row-label`,summaryRowValue:`onramp-confirm-summary-row-value`,summaryBreakdown:`onramp-confirm-summary-breakdown`,breakdownTrigger:`onramp-confirm-breakdown-trigger`,breakdownChevron:`onramp-confirm-breakdown-chevron`,breakdownRow:`onramp-confirm-breakdown-row`,breakdownRowLabel:`onramp-confirm-breakdown-row-label`,breakdownRowValue:`onramp-confirm-breakdown-row-value`,cta:`onramp-confirm-cta`,disclaimer:`onramp-confirm-disclaimer`,disclaimerProvider:`onramp-confirm-disclaimer-provider`,disclaimerReceive:`onramp-confirm-disclaimer-receive`,disclaimerBody:`onramp-confirm-disclaimer-body`,disclaimerLink:`onramp-confirm-disclaimer-link`,disclaimerCheckbox:`onramp-confirm-disclaimer-checkbox`,disclaimerCheckboxLabel:`onramp-confirm-disclaimer-checkbox-label`};export{e as ONRAMP_CONFIRM_SLOTS};

package/dist/flows/deposit/widgets/onramp-confirm/compound/OnrampConfirm.styles.js

@@ -0,0 +1 @@
+const e={root:{"OnrampConfirm__styles.root":`OnrampConfirm__styles.root`,"position-kVAEAm":`x1n2onr6`,"width-kzqmXN":`xh8yej3`,"maxWidth-ks0D6T":`x17fpy1y`,$$css:`@stridge/kit:src/flows/deposit/widgets/onramp-confirm/compound/OnrampConfirm.styles.ts:11`},body:{"OnrampConfirm__styles.body":`OnrampConfirm__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/onramp-confirm/compound/OnrampConfirm.styles.ts:18`},summary:{"OnrampConfirm__styles.summary":`OnrampConfirm__styles.summary`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`xdt5ytf`,$$css:`@stridge/kit:src/flows/deposit/widgets/onramp-confirm/compound/OnrampConfirm.styles.ts:28`},summaryStaticRow:{"OnrampConfirm__styles.summaryStaticRow":`OnrampConfirm__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/onramp-confirm/compound/OnrampConfirm.styles.ts:32`},summaryLabel:{"OnrampConfirm__styles.summaryLabel":`OnrampConfirm__styles.summaryLabel`,"color-kMwMTN":`x18cw6k6`,"fontWeight-k63SB2":`xi0sa8g`,"margin-kogj98":`x1ghz6dp`,$$css:`@stridge/kit:src/flows/deposit/widgets/onramp-confirm/compound/OnrampConfirm.styles.ts:44`},summaryValue:{"OnrampConfirm__styles.summaryValue":`OnrampConfirm__styles.summaryValue`,"color-kMwMTN":`x1i40r7x`,"fontWeight-k63SB2":`x1qvi77d`,"margin-kogj98":`x1ghz6dp`,"textAlign-k9WMMc":`xp4054r`,$$css:`@stridge/kit:src/flows/deposit/widgets/onramp-confirm/compound/OnrampConfirm.styles.ts:49`},breakdownPanel:{"OnrampConfirm__styles.breakdownPanel":`OnrampConfirm__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/onramp-confirm/compound/OnrampConfirm.styles.ts:55`},breakdownRow:{"OnrampConfirm__styles.breakdownRow":`OnrampConfirm__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/onramp-confirm/compound/OnrampConfirm.styles.ts:65`},breakdownLabel:{"OnrampConfirm__styles.breakdownLabel":`OnrampConfirm__styles.breakdownLabel`,"color-kMwMTN":`x18cw6k6`,"fontWeight-k63SB2":`xi0sa8g`,"margin-kogj98":`x1ghz6dp`,$$css:`@stridge/kit:src/flows/deposit/widgets/onramp-confirm/compound/OnrampConfirm.styles.ts:73`},breakdownValue:{"OnrampConfirm__styles.breakdownValue":`OnrampConfirm__styles.breakdownValue`,"color-kMwMTN":`x1i40r7x`,"fontWeight-k63SB2":`x1qvi77d`,"margin-kogj98":`x1ghz6dp`,"textAlign-k9WMMc":`xp4054r`,$$css:`@stridge/kit:src/flows/deposit/widgets/onramp-confirm/compound/OnrampConfirm.styles.ts:78`},cta:{"OnrampConfirm__styles.cta":`OnrampConfirm__styles.cta`,"alignSelf-kSGwAc":`xkh2ocl`,"borderWidth-kMzoRj":`xc342km`,"cursor-kkrTdU":`x1ypdohk`,"borderRadius-kaIpWk":`x1s7mj9v`,$$css:`@stridge/kit:src/flows/deposit/widgets/onramp-confirm/compound/OnrampConfirm.styles.ts:85`},failureNotice:{"OnrampConfirm__styles.failureNotice":`OnrampConfirm__styles.failureNotice`,"color-kMwMTN":`xreodjm`,"margin-kogj98":`x1ghz6dp`,"textAlign-k9WMMc":`x2b8uid`,$$css:`@stridge/kit:src/flows/deposit/widgets/onramp-confirm/compound/OnrampConfirm.styles.ts:91`},header:{"OnrampConfirm__styles.header":`OnrampConfirm__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/onramp-confirm/compound/OnrampConfirm.styles.ts:97`},headerLeft:{"OnrampConfirm__styles.headerLeft":`OnrampConfirm__styles.headerLeft`,"display-k1xSpc":`x78zum5`,"alignItems-kGNEyG":`x6s0dn4`,"gap-kOIVth":`x2blr79`,$$css:`@stridge/kit:src/flows/deposit/widgets/onramp-confirm/compound/OnrampConfirm.styles.ts:105`},headerTitle:{"OnrampConfirm__styles.headerTitle":`OnrampConfirm__styles.headerTitle`,"margin-kogj98":`x1ghz6dp`,$$css:`@stridge/kit:src/flows/deposit/widgets/onramp-confirm/compound/OnrampConfirm.styles.ts:110`},backIcon:{"OnrampConfirm__styles.backIcon":`OnrampConfirm__styles.backIcon`,"color-kMwMTN":`x15rks2t`,"strokeWidth-kfJifR":`xhxwl1`,$$css:`@stridge/kit:src/flows/deposit/widgets/onramp-confirm/compound/OnrampConfirm.styles.ts:113`},disclaimer:{"OnrampConfirm__styles.disclaimer":`OnrampConfirm__styles.disclaimer`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`xdt5ytf`,"gap-kOIVth":`x2blr79`,"padding-kmVPX3":`x163h9xw`,"borderRadius-kaIpWk":`x5bw3pk`,"borderWidth-kMzoRj":`xmkeg23`,"borderStyle-ksu8eU":`x1y0btm7`,"borderColor-kVAM5u":`x12c9lpl`,"backgroundColor-kWkggS":`x407w7c`,$$css:`@stridge/kit:src/flows/deposit/widgets/onramp-confirm/compound/OnrampConfirm.styles.ts:118`},disclaimerProvider:{"OnrampConfirm__styles.disclaimerProvider":`OnrampConfirm__styles.disclaimerProvider`,"display-k1xSpc":`x78zum5`,"alignItems-kGNEyG":`x6s0dn4`,"gap-kOIVth":`x1a6yh9e`,$$css:`@stridge/kit:src/flows/deposit/widgets/onramp-confirm/compound/OnrampConfirm.styles.ts:129`},disclaimerProviderText:{"OnrampConfirm__styles.disclaimerProviderText":`OnrampConfirm__styles.disclaimerProviderText`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`xdt5ytf`,"gap-kOIVth":`x12mrbbr`,"minWidth-k7Eaqz":`xeuugli`,$$css:`@stridge/kit:src/flows/deposit/widgets/onramp-confirm/compound/OnrampConfirm.styles.ts:134`},disclaimerReceive:{"OnrampConfirm__styles.disclaimerReceive":`OnrampConfirm__styles.disclaimerReceive`,"margin-kogj98":`x1ghz6dp`,$$css:`@stridge/kit:src/flows/deposit/widgets/onramp-confirm/compound/OnrampConfirm.styles.ts:140`},disclaimerBody:{"OnrampConfirm__styles.disclaimerBody":`OnrampConfirm__styles.disclaimerBody`,"margin-kogj98":`x1ghz6dp`,$$css:`@stridge/kit:src/flows/deposit/widgets/onramp-confirm/compound/OnrampConfirm.styles.ts:143`},disclaimerLink:{"OnrampConfirm__styles.disclaimerLink":`OnrampConfirm__styles.disclaimerLink`,"color-kMwMTN":`x1me39qh`,"textDecorationLine-kMnn75":`xujl8zx`,"textUnderlineOffset-kcSHmL":`xrys4gj`,"borderRadius-kaIpWk":`x1cum3z5`,"outline-kI3sdo":`x1a2a7pz`,"boxShadow-kGVxlE":`x159teg`,$$css:`@stridge/kit:src/flows/deposit/widgets/onramp-confirm/compound/OnrampConfirm.styles.ts:146`},disclaimerLinks:{"OnrampConfirm__styles.disclaimerLinks":`OnrampConfirm__styles.disclaimerLinks`,"display-k1xSpc":`x78zum5`,"flexWrap-kwnvtZ":`x1a02dak`,"alignItems-kGNEyG":`x6s0dn4`,"gap-kOIVth":`x2blr79`,$$css:`@stridge/kit:src/flows/deposit/widgets/onramp-confirm/compound/OnrampConfirm.styles.ts:157`},disclaimerCheckboxRow:{"OnrampConfirm__styles.disclaimerCheckboxRow":`OnrampConfirm__styles.disclaimerCheckboxRow`,"display-k1xSpc":`x78zum5`,"alignItems-kGNEyG":`x1cy8zhl`,"gap-kOIVth":`x1a6yh9e`,$$css:`@stridge/kit:src/flows/deposit/widgets/onramp-confirm/compound/OnrampConfirm.styles.ts:163`},disclaimerCheckboxLabel:{"OnrampConfirm__styles.disclaimerCheckboxLabel":`OnrampConfirm__styles.disclaimerCheckboxLabel`,"margin-kogj98":`x1ghz6dp`,"flexBasis-kCS8Yb":`x1r8uery`,"flexGrow-kzQI83":`x1iyjqo2`,"minWidth-k7Eaqz":`xeuugli`,"fontSize-kGuDYH":`x1oae1zf`,"lineHeight-kLWn49":`x14vj8e1`,"cursor-kkrTdU":`x1ypdohk`,$$css:`@stridge/kit:src/flows/deposit/widgets/onramp-confirm/compound/OnrampConfirm.styles.ts:174`}};export{e as styles};

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

@@ -0,0 +1,16 @@
+import { OnrampConfirmBodyProps } from "../types.js";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/flows/deposit/widgets/onramp-confirm/compound/components/Body.d.ts
+/**
+ * Card.Body wrapper for the onramp-confirm widget. When `children` is omitted, auto-renders
+ * `<Summary />` + the primary CTA so the canonical composition just works. Pass children to
+ * override. Wraps children in a slot div so the body's `gap` + `padding` apply where the children
+ * actually live (Card.Body's scroll viewport otherwise redirects them).
+ */
+declare function OnrampConfirmBody({
+  children,
+  ...props
+}?: OnrampConfirmBodyProps): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { OnrampConfirmBody };

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

@@ -0,0 +1 @@
+"use client";import{Trans as e}from"../../../../../../shared/i18n/Trans.js";import"../../../../../../i18n/index.js";import{Button as t}from"../../../../../../shared/ui/Button/Button.js";import{Card as n}from"../../../../../../shared/ui/Card/Card.js";import{text as r}from"../../../../../../shared/ui/Text/Text.js";import"../../../../../../ui/index.js";import{useOnrampConfirmContext as i}from"../context.js";import{ONRAMP_CONFIRM_SLOTS as a}from"../OnrampConfirm.slots.js";import{styles as o}from"../OnrampConfirm.styles.js";import{OnrampConfirmDisclaimer as s}from"./Disclaimer.js";import{OnrampConfirmSummary as c}from"./Summary.js";import{useState as l}from"react";import{Fragment as u,jsx as d,jsxs as f}from"react/jsx-runtime";import*as p from"@stylexjs/stylex";function m({children:e,...t}={}){return d(n.Body,{...t,children:d(`div`,{"data-stridge-slot":a.body,...p.props(o.body),children:e??d(h,{})})})}function h(){let{phase:n,failureReason:m,onConfirm:h,disclaimer:g}=i(`OnrampConfirm.Body`),_=n.kind===`creating`,v=n.kind===`loading`,[y,b]=l(!1),x=g!==void 0&&!y;return f(u,{children:[d(c,{}),g?d(s,{checked:y,onCheckedChange:b}):null,n.kind===`failed`&&m?d(r.span,{size:`sm`,leading:`normal`,...p.props(o.failureNotice),children:m}):null,d(t,{variant:`default`,size:`cta`,isLoading:_,disabled:v||_||!h||x,"aria-disabled":x?!0:void 0,onClick:h,"data-stridge-slot":a.cta,...p.props(o.cta),children:_?d(e,{id:`9k9fRZ`,message:`Opening checkout…`}):d(e,{id:`hMqszB`,message:`Continue to payment`})})]})}export{m as OnrampConfirmBody};

package/dist/flows/deposit/widgets/onramp-confirm/compound/components/Disclaimer.d.ts

@@ -0,0 +1,21 @@
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/flows/deposit/widgets/onramp-confirm/compound/components/Disclaimer.d.ts
+interface OnrampConfirmDisclaimerProps {
+  /** Controlled acknowledgement state (owned by the Body so it can gate the CTA). */
+  checked: boolean;
+  /** Fires with the next acknowledgement state on toggle. */
+  onCheckedChange: (checked: boolean) => void;
+}
+/**
+ * Pre-redirect third-party-consent block. Renders the active provider's identity, the receive
+ * estimate + delivery time, a translated acknowledgement body interpolating the driver-supplied
+ * provider name + legal links (or a verbatim `bodyOverride`), and a required acknowledgement
+ * checkbox the Body gates the CTA on. Renders nothing when no disclaimer is wired.
+ */
+declare function OnrampConfirmDisclaimer({
+  checked,
+  onCheckedChange
+}: OnrampConfirmDisclaimerProps): _$react_jsx_runtime0.JSX.Element | null;
+//#endregion
+export { OnrampConfirmDisclaimer };

package/dist/flows/deposit/widgets/onramp-confirm/compound/components/Disclaimer.js

@@ -0,0 +1 @@
+"use client";import{Trans as e}from"../../../../../../shared/i18n/Trans.js";import{useLingui as t}from"../../../../../../shared/i18n/useLingui.js";import"../../../../../../i18n/index.js";import{Checkbox as n}from"../../../../../../shared/ui/Checkbox/Checkbox.js";import"../../../../../../shared/ui/Checkbox/index.js";import{Image as r}from"../../../../../../shared/ui/Image/Image.js";import"../../../../../../shared/ui/Image/index.js";import{Skeleton as i}from"../../../../../../shared/ui/Skeleton/Skeleton.js";import{text as a}from"../../../../../../shared/ui/Text/Text.js";import"../../../../../../ui/index.js";import{useOnrampConfirmContext as o}from"../context.js";import{ONRAMP_CONFIRM_SLOTS as s}from"../OnrampConfirm.slots.js";import{styles as c}from"../OnrampConfirm.styles.js";import{useId as l}from"react";import{jsx as u,jsxs as d}from"react/jsx-runtime";import*as f from"@stylexjs/stylex";const p={target:`_blank`,rel:`noopener noreferrer`};function m({checked:m,onCheckedChange:h}){let g=o(`OnrampConfirm.Disclaimer`),{_}=t(),v=l(),y=g.disclaimer;if(!y)return null;let b=y.providerName,x=e=>y.links.find(t=>t.kind===e)?.url,S=x(`terms`)??`#`,C=x(`privacy`)??`#`,w=g.summary?`${g.summary.receive} ${g.summary.receiveSymbol}`:void 0,T=!w&&g.phase.kind===`loading`;return d(`div`,{"data-stridge-slot":s.disclaimer,...f.props(c.disclaimer),children:[d(`div`,{"data-stridge-slot":s.disclaimerProvider,...f.props(c.disclaimerProvider),children:[u(r,{...y.logoUrl?{src:y.logoUrl}:{},alt:b,size:28,shape:`rounded`}),d(`span`,{...f.props(c.disclaimerProviderText),children:[u(a.span,{size:`sm`,fontWeight:`semibold`,leading:`tight`,tracking:`tight`,truncate:!0,children:b}),y.deliveryTime?u(a.span,{size:`xs`,fontWeight:`medium`,leading:`tight`,color:`subdued`,children:u(e,{id:`6A8Mts`,message:`Up to {0}`,values:{0:y.deliveryTime}})}):null]})]}),w?u(a.span,{size:`sm`,fontWeight:`semibold`,leading:`normal`,"data-stridge-slot":s.disclaimerReceive,...f.props(c.disclaimerReceive),children:u(e,{id:`EqcUuN`,message:`You will receive ≈ {receive}`,values:{receive:w}})}):T?u(i,{width:172,height:16,"data-stridge-slot":s.disclaimerReceive}):null,u(a.span,{size:`xs`,leading:`normal`,color:`subdued`,"data-stridge-slot":s.disclaimerBody,...f.props(c.disclaimerBody),children:y.bodyOverride?y.bodyOverride:u(e,{id:`ReCJDz`,message:`You are now leaving for {provider}, a separate third-party platform. By proceeding, you acknowledge that you have read and agree to {provider}'s <0>Terms of Use</0> and <1>Privacy Policy</1>.`,values:{provider:b},components:{0:u(`a`,{href:S,...p,"data-stridge-slot":s.disclaimerLink,...f.props(c.disclaimerLink)}),1:u(`a`,{href:C,...p,"data-stridge-slot":s.disclaimerLink,...f.props(c.disclaimerLink)})}})}),y.bodyOverride?d(`div`,{...f.props(c.disclaimerLinks),children:[u(`a`,{href:S,...p,...f.props(c.disclaimerLink),children:u(a.span,{size:`xs`,fontWeight:`medium`,children:_({id:`PSGjEt`,message:`Terms of Use`})})}),u(`a`,{href:C,...p,...f.props(c.disclaimerLink),children:u(a.span,{size:`xs`,fontWeight:`medium`,children:_({id:`LcET2C`,message:`Privacy Policy`})})})]}):null,d(`div`,{...f.props(c.disclaimerCheckboxRow),children:[u(n,{id:v,checked:m,onCheckedChange:h,"data-stridge-slot":s.disclaimerCheckbox}),u(`label`,{htmlFor:v,"data-stridge-slot":s.disclaimerCheckboxLabel,...f.props(c.disclaimerCheckboxLabel),children:u(a.span,{size:`xs`,leading:`normal`,color:`subdued`,children:u(e,{id:`pJ3YlV`,message:`I understand that I'm purchasing crypto directly through a third-party provider and agree to the disclaimer.`})})})]})]})}export{m as OnrampConfirmDisclaimer};

package/dist/flows/deposit/widgets/onramp-confirm/compound/components/Header.d.ts

@@ -0,0 +1,15 @@
+import { OnrampConfirmHeaderProps } from "../types.js";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/flows/deposit/widgets/onramp-confirm/compound/components/Header.d.ts
+/**
+ * Header row for the onramp confirm screen. Renders a back affordance + "Cash" title in a
+ * start-aligned cluster, with the dialog close button as the trailing element. Mirrors the other
+ * back-bearing flow headers so they share the same chrome rhythm.
+ */
+declare function OnrampConfirmHeader({
+  title,
+  onBack
+}?: OnrampConfirmHeaderProps): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { OnrampConfirmHeader };

package/dist/flows/deposit/widgets/onramp-confirm/compound/components/Header.js

@@ -0,0 +1 @@
+"use client";import{Trans as e}from"../../../../../../shared/i18n/Trans.js";import{useLingui as t}from"../../../../../../shared/i18n/useLingui.js";import"../../../../../../i18n/index.js";import{ChevronLeftIcon as n}from"../../../../../../shared/icons/ChevronLeftIcon.js";import"../../../../../../icons/index.js";import{IconButton as r}from"../../../../../../shared/ui/IconButton/IconButton.js";import{Dialog as i}from"../../../../../../shared/ui/Dialog/Dialog.js";import"../../../../../../shared/ui/Dialog/index.js";import{Card as a}from"../../../../../../shared/ui/Card/Card.js";import{text as o}from"../../../../../../shared/ui/Text/Text.js";import"../../../../../../ui/index.js";import{useOnrampConfirmContext as s}from"../context.js";import{ONRAMP_CONFIRM_SLOTS as c}from"../OnrampConfirm.slots.js";import{styles as l}from"../OnrampConfirm.styles.js";import{jsx as u,jsxs as d}from"react/jsx-runtime";import*as f from"@stylexjs/stylex";function p({title:p,onBack:m}={}){let h=s(`OnrampConfirm.Header`),{_:g}=t(),_=m===null?void 0:m??h.onBack,v=p??u(e,{id:`_rHUhS`,message:`Cash`});return d(a.Header,{"data-stridge-slot":c.header,...f.props(l.header),children:[d(`div`,{...f.props(l.headerLeft),children:[typeof _==`function`?u(r,{"aria-label":g({id:`iH8pgl`,message:`Back`}),onClick:_,children:u(n,{"aria-hidden":!0,...f.props(l.backIcon)})}):null,u(o.span,{size:`base`,fontWeight:`semibold`,leading:`tight`,tracking:`tight`,...f.props(l.headerTitle),children:v})]}),u(i.CloseButton,{})]})}export{p as OnrampConfirmHeader};

package/dist/flows/deposit/widgets/onramp-confirm/compound/components/Summary.d.ts

@@ -0,0 +1,15 @@
+import { OnrampConfirmSummaryProps } from "../types.js";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/flows/deposit/widgets/onramp-confirm/compound/components/Summary.d.ts
+/**
+ * Read-only summary card sitting above the CTA. Renders three static rows (Top up on / You receive
+ * / Total) followed by a shared {@link DisclosureRow} "More details" disclosure whose panel reveals
+ * the quote breakdown rows. Reads the pre-formatted summary from context so the part stays
+ * render-only.
+ */
+declare function OnrampConfirmSummary({
+  brandName: brandNameOverride
+}?: OnrampConfirmSummaryProps): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { OnrampConfirmSummary };

package/dist/flows/deposit/widgets/onramp-confirm/compound/components/Summary.js

@@ -0,0 +1 @@
+"use client";import{Trans as e}from"../../../../../../shared/i18n/Trans.js";import"../../../../../../i18n/index.js";import{Card as t}from"../../../../../../shared/ui/Card/Card.js";import{DisclosureRow as n}from"../../../../../../shared/ui/DisclosureRow/DisclosureRow.js";import{Skeleton as r}from"../../../../../../shared/ui/Skeleton/Skeleton.js";import{text as i}from"../../../../../../shared/ui/Text/Text.js";import"../../../../../../ui/index.js";import{useOnrampConfirmContext as a}from"../context.js";import{ONRAMP_CONFIRM_SLOTS as o}from"../OnrampConfirm.slots.js";import{styles as s}from"../OnrampConfirm.styles.js";import{Fragment as c,jsx as l,jsxs as u}from"react/jsx-runtime";import*as d from"@stylexjs/stylex";function f({brandName:i}={}){let{summary:f,brandName:h,phase:g}=a(`OnrampConfirm.Summary`),_=i??h,v=g.kind===`loading`;return u(t,{variant:`default`,"data-stridge-slot":o.summary,...d.props(s.summary),children:[l(p,{label:l(e,{id:`HalPBQ`,message:`Top up on`}),value:_??(v?l(r,{width:104,height:14}):``)}),l(p,{label:l(e,{id:`88cUW-`,message:`You receive`}),value:f?`${f.receive} ${f.receiveSymbol}`:v?l(r,{width:84,height:14}):``}),l(p,{label:l(e,{id:`72c5Qo`,message:`Total`}),value:f?.totalUsd??(v?l(r,{width:68,height:14}):``)}),l(n,{label:l(e,{id:`LEbOpR`,message:`More details`}),triggerProps:{"data-stridge-slot":o.breakdownTrigger},children:u(`div`,{"data-stridge-slot":o.summaryBreakdown,...d.props(s.breakdownPanel),children:[l(m,{label:l(e,{id:`hehnjM`,message:`Amount`}),value:f?.amountUsd??(v?l(r,{width:64,height:12}):``)}),l(m,{label:l(e,{id:`vepIdX`,message:`Crypto price`}),value:f?l(e,{id:`eUbBqz`,message:`1 {0} = {1}`,values:{0:f.receiveSymbol,1:f.rate}}):v?l(r,{width:96,height:12}):``}),f?.processingFee?l(m,{label:l(e,{id:`QFwptY`,message:`Processing fee`}),value:u(c,{children:[`− `,f.processingFee]})}):null,f?.networkFee?l(m,{label:l(e,{id:`y62Dys`,message:`Network fee`}),value:u(c,{children:[`− `,f.networkFee]})}):null]})})]})}function p({label:e,value:t}){return u(`div`,{"data-stridge-slot":o.summaryStaticRow,...d.props(s.summaryStaticRow),children:[l(i.span,{size:`sm`,leading:`tight`,"data-stridge-slot":o.summaryRowLabel,...d.props(s.summaryLabel),children:e}),l(i.span,{size:`sm`,leading:`tight`,"data-stridge-slot":o.summaryRowValue,...d.props(s.summaryValue),children:t})]})}function m({label:e,value:t}){return u(`div`,{"data-stridge-slot":o.breakdownRow,...d.props(s.breakdownRow),children:[l(i.span,{size:`xs`,leading:`tight`,"data-stridge-slot":o.breakdownRowLabel,...d.props(s.breakdownLabel),children:e}),l(i.span,{size:`xs`,leading:`tight`,"data-stridge-slot":o.breakdownRowValue,...d.props(s.breakdownValue),children:t})]})}export{f as OnrampConfirmSummary};

package/dist/flows/deposit/widgets/onramp-confirm/compound/context.d.ts

@@ -0,0 +1,46 @@
+import { ReactNode } from "react";
+
+//#region src/flows/deposit/widgets/onramp-confirm/compound/context.d.ts
+/**
+ * Pre-formatted summary rows projected from the driver's `onrampQuote` entity. The orchestrated
+ * wrapper formats once and hands the strings to the compound so the Summary part stays render-only.
+ */
+interface OnrampConfirmSummary {
+  /** What the user pays end-to-end (the FSM `amount`). Renders in the static "Total" row. */
+  totalUsd: ReactNode;
+  /** Crypto the user receives after fees. Renders in the static "You receive" row + breakdown. */
+  receive: string;
+  /** Receive asset symbol (e.g. `"USDC"`). */
+  receiveSymbol: string;
+  /** Principal that converts to crypto. Renders in the breakdown "Amount" row. */
+  amountUsd: ReactNode;
+  /** Crypto-per-fiat rate string. Renders in the breakdown "Crypto price" row. */
+  rate: string;
+  /** Processing fee value (unprefixed — the row prepends the `−`). */
+  processingFee?: ReactNode;
+  /** Network fee value (unprefixed — the row prepends the `−`). */
+  networkFee?: ReactNode;
+}
+/**
+ * Third-party-consent content for the pre-redirect disclaimer gate. `providerName` + `links` are
+ * driver-supplied (the single sanctioned surface that names the integrated provider); the kit
+ * renders its own translated acknowledgement copy around them. `bodyOverride` substitutes exact
+ * mandated legal wording.
+ */
+interface OnrampConfirmDisclaimer {
+  /** Driver-supplied provider name interpolated into the kit's acknowledgement copy. */
+  providerName: string;
+  /** Legal links rendered as inline anchors (new tab, `rel="noopener noreferrer"`). */
+  links: ReadonlyArray<{
+    kind: "terms" | "privacy" | "support";
+    url: string;
+  }>;
+  /** Optional driver-supplied provider logo — rendered through `Image`; else a neutral monogram. */
+  logoUrl?: string;
+  /** When set, rendered verbatim instead of the kit's translated body template (still with checkbox + links). */
+  bodyOverride?: string;
+  /** Pre-formatted estimated delivery time (`onrampMethods.processingTime.formatted`), shown as "Up to …". */
+  deliveryTime?: string;
+}
+//#endregion
+export { OnrampConfirmDisclaimer, OnrampConfirmSummary };

package/dist/flows/deposit/widgets/{cash-confirm → onramp-confirm}/compound/context.js

@@ -1 +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 <CashConfirm>.`);return r}export{n as CashConfirmContext,r as useCashConfirmContext};
+"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 <OnrampConfirm>.`);return r}export{n as OnrampConfirmContext,r as useOnrampConfirmContext};

package/dist/flows/deposit/widgets/onramp-confirm/compound/index.d.ts

@@ -0,0 +1,4 @@
+import { OnrampConfirmDisclaimer, OnrampConfirmSummary } from "./context.js";
+import { OnrampConfirmBodyProps, OnrampConfirmDialogProps, OnrampConfirmHeaderProps, OnrampConfirmProps, OnrampConfirmSummaryProps } from "./types.js";
+import { OnrampConfirm } from "./OnrampConfirm.js";
+import { ONRAMP_CONFIRM_SLOTS, OnrampConfirmSlot } from "./OnrampConfirm.slots.js";

package/dist/flows/deposit/widgets/onramp-confirm/compound/index.js

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

package/dist/flows/deposit/widgets/onramp-confirm/compound/types.d.ts

@@ -0,0 +1,67 @@
+import { OnrampConfirmPhase } from "../../../orchestrator/types.js";
+import { DialogShellControls } from "../../../../../shared/dialog/DialogShell.js";
+import { OnrampConfirmDisclaimer, OnrampConfirmSummary } from "./context.js";
+import { ComponentProps, ReactNode } from "react";
+
+//#region src/flows/deposit/widgets/onramp-confirm/compound/types.d.ts
+/**
+ * Public props accepted by the {@link OnrampConfirm} compound root. Required FSM-derived data on
+ * the root + optional callbacks the orchestrated wrapper supplies. Standalone compositions feed
+ * these directly.
+ */
+interface OnrampConfirmProps extends ComponentProps<"div"> {
+  /** Onramp-confirm phase. Drives the CTA's loading / creating / failed chrome. */
+  phase: OnrampConfirmPhase;
+  /** USD amount the user is paying. */
+  amount: number;
+  /** Pre-formatted summary rows from the resolved quote. Absent while the quote is loading. */
+  summary?: OnrampConfirmSummary;
+  /** Brand name for the summary card's "Top up on" row. */
+  brandName?: string;
+  /** Inline failure reason shown above the CTA when `phase.kind === "failed"`. */
+  failureReason?: ReactNode;
+  /** Back-affordance handler. When omitted, the header renders without the back button. */
+  onBack?: () => void;
+  /** CTA handler — promotes the FSM into `creating` (open checkout). */
+  onConfirm?: () => void;
+  /**
+   * Pre-redirect third-party-consent content. When present, the disclaimer block renders above the
+   * CTA and the CTA is gated on an acknowledgement checkbox.
+   */
+  disclaimer?: OnrampConfirmDisclaimer;
+  /**
+   * Optional custom composition. When omitted, the canonical default composition renders —
+   * `<Header />` + `<Body>` (Summary + Disclaimer + CTA). Pass children to interleave your own elements.
+   */
+  children?: ReactNode;
+}
+/** Props for {@link OnrampConfirm.Header}. */
+interface OnrampConfirmHeaderProps {
+  /** Override the default "Cash" title. */
+  title?: ReactNode;
+  /**
+   * Override the context's `onBack`. Pass `null` explicitly to suppress the back affordance even
+   * when the context provides one.
+   */
+  onBack?: (() => void) | null;
+}
+/** Props for {@link OnrampConfirm.Body}. */
+interface OnrampConfirmBodyProps extends ComponentProps<"div"> {
+  /**
+   * Optional custom composition. When omitted, Body auto-renders `<Summary />` + the CTA. Pass
+   * children to override.
+   */
+  children?: ReactNode;
+}
+/** Props for {@link OnrampConfirm.Summary}. */
+interface OnrampConfirmSummaryProps {
+  /** Override the context's `brandName` for the "Top up on" row value. */
+  brandName?: string;
+}
+/**
+ * Props for `<OnrampConfirm.Dialog>` — the dialog form of the OnrampConfirm widget. Combines the
+ * widget root props with the shared dialog shell controls.
+ */
+type OnrampConfirmDialogProps = OnrampConfirmProps & DialogShellControls;
+//#endregion
+export { OnrampConfirmBodyProps, OnrampConfirmDialogProps, OnrampConfirmHeaderProps, OnrampConfirmProps, OnrampConfirmSummaryProps };

package/dist/flows/deposit/widgets/onramp-confirm/index.d.ts

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

package/dist/flows/deposit/widgets/onramp-confirm/index.js

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

package/dist/flows/deposit/widgets/onramp-currency-picker/OnrampCurrencyPicker.d.ts

@@ -0,0 +1,39 @@
+import { DialogShellControls } from "../../../../shared/dialog/DialogShell.js";
+import { OnrampCurrencyPickerBody } from "./compound/components/Body.js";
+import { OnrampCurrencyPickerRow } from "./compound/components/CurrencyRow.js";
+import { OnrampCurrencyPickerHeader } from "./compound/components/Header.js";
+import { OnrampCurrencyPickerSearch } from "./compound/components/Search.js";
+import { ComponentProps, ReactNode } from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/flows/deposit/widgets/onramp-currency-picker/OnrampCurrencyPicker.d.ts
+interface OnrampCurrencyPickerOwnProps {
+  children?: ReactNode;
+}
+type OnrampCurrencyPickerProps = ComponentProps<"div"> & OnrampCurrencyPickerOwnProps;
+/**
+ * Orchestrated fiat-currency picker — wires the `onrampCurrencies` entity + the deposit FSM into the
+ * `OnrampCurrencyPicker` compound. Renders only on the `onrampCurrencyPicker` state. Selecting a
+ * currency persists it to kit storage, dispatches `selectOnrampCurrency` (returns to amount entry +
+ * re-quotes), and the back chevron returns without changing the currency.
+ */
+declare function OnrampCurrencyPicker(props: OnrampCurrencyPickerProps): _$react_jsx_runtime0.JSX.Element | null;
+declare function OnrampCurrencyPickerDialog({
+  open,
+  defaultOpen,
+  onOpenChange,
+  trigger,
+  children,
+  ...rest
+}: OnrampCurrencyPickerProps & DialogShellControls): _$react_jsx_runtime0.JSX.Element;
+declare namespace OnrampCurrencyPicker {
+  type Props = OnrampCurrencyPickerProps;
+  type DialogProps = OnrampCurrencyPickerProps & DialogShellControls;
+  const Dialog: typeof OnrampCurrencyPickerDialog;
+  const Header: typeof OnrampCurrencyPickerHeader;
+  const Search: typeof OnrampCurrencyPickerSearch;
+  const Body: typeof OnrampCurrencyPickerBody;
+  const Row: typeof OnrampCurrencyPickerRow;
+}
+//#endregion
+export { OnrampCurrencyPicker };

package/dist/flows/deposit/widgets/onramp-currency-picker/OnrampCurrencyPicker.js

@@ -0,0 +1 @@
+"use client";import{useOptionalKitStorage as e}from"../../../../storage/context.js";import"../../../../storage/index.js";import{useDepositSnapshot as t}from"../../driver/context.js";import{useDepositActions as n,useDepositEffectiveState as r}from"../../orchestrator/controller.js";import{LAST_DEPOSIT_CURRENCY_KEY as i}from"../../shared/onramp.js";import{DialogShell as a}from"../../../../shared/dialog/DialogShell.js";import{OnrampCurrencyPicker as o}from"./compound/OnrampCurrencyPicker.js";import"./compound/index.js";import{useCallback as s,useMemo as c}from"react";import{jsx as l}from"react/jsx-runtime";const u=[];function d(a){let{children:d,...f}=a,p=t(),m=r(),{back:h,selectOnrampCurrency:g}=n(),_=e(),v=p.onrampCurrencies,y=v?.status===`ready`||v?.status===`stale`,b=!v||v.status===`idle`||v.status===`loading`,x=c(()=>y?v.payload.currencies.map(e=>({code:e.code,name:e.name,symbol:e.symbol,...e.popular===void 0?{}:{popular:e.popular},...e.iconUrl===void 0?{}:{iconUrl:e.iconUrl}})):u,[y,v]),S=s(e=>{_?.set(i,e),g(e)},[_,g]);if(m.name!==`onrampCurrencyPicker`)return null;let C=m.ctx.currency;return l(o,{...f,currencies:x,selectedCode:C,onSelect:S,onBack:h,loading:b,children:d})}function f({open:e,defaultOpen:t,onOpenChange:n,trigger:r,children:i,...o}){return l(a,{...e===void 0?{}:{open:e},...t===void 0?{}:{defaultOpen:t},...n?{onOpenChange:n}:{},...r===void 0?{}:{trigger:r},children:l(d,{...o,children:i})})}(function(e){e.Dialog=f,e.Header=o.Header,e.Search=o.Search,e.Body=o.Body,e.Row=o.Row})(d||={});export{d as OnrampCurrencyPicker};

package/dist/flows/deposit/widgets/onramp-currency-picker/compound/OnrampCurrencyPicker.d.ts

@@ -0,0 +1,37 @@
+import { OnrampCurrencyPickerBody } from "./components/Body.js";
+import { OnrampCurrencyPickerBodyProps, OnrampCurrencyPickerDialogProps, OnrampCurrencyPickerHeaderProps, OnrampCurrencyPickerProps, OnrampCurrencyPickerRowProps } from "./types.js";
+import { OnrampCurrencyPickerRow } from "./components/CurrencyRow.js";
+import { OnrampCurrencyPickerHeader } from "./components/Header.js";
+import { OnrampCurrencyPickerSearch } from "./components/Search.js";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/flows/deposit/widgets/onramp-currency-picker/compound/OnrampCurrencyPicker.d.ts
+/**
+ * Searchable fiat-currency picker — the buy-with-card currency sub-screen. Mirrors the asset-picker
+ * compound: a `Frame`-wrapped, slotted surface (`Header` → `Search` → `Body`) driven by a single
+ * context. The Root owns the live search `query`; the Body derives its Popular / All sections and
+ * filtering from it. Vendor-neutral by construction — rows render the kit-owned `CurrencyGlyph`.
+ */
+declare function OnrampCurrencyPicker(props: OnrampCurrencyPickerProps): _$react_jsx_runtime0.JSX.Element;
+declare function OnrampCurrencyPickerDialog({
+  open,
+  defaultOpen,
+  onOpenChange,
+  trigger,
+  children,
+  ...rootProps
+}: OnrampCurrencyPickerDialogProps): _$react_jsx_runtime0.JSX.Element;
+declare namespace OnrampCurrencyPicker {
+  type Props = OnrampCurrencyPickerProps;
+  type HeaderProps = OnrampCurrencyPickerHeaderProps;
+  type BodyProps = OnrampCurrencyPickerBodyProps;
+  type RowProps = OnrampCurrencyPickerRowProps;
+  type DialogProps = OnrampCurrencyPickerDialogProps;
+  const Header: typeof OnrampCurrencyPickerHeader;
+  const Search: typeof OnrampCurrencyPickerSearch;
+  const Body: typeof OnrampCurrencyPickerBody;
+  const Row: typeof OnrampCurrencyPickerRow;
+  const Dialog: typeof OnrampCurrencyPickerDialog;
+}
+//#endregion
+export { OnrampCurrencyPicker };

package/dist/flows/deposit/widgets/onramp-currency-picker/compound/OnrampCurrencyPicker.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{OnrampCurrencyPickerContext as r}from"./context.js";import{ONRAMP_CURRENCY_PICKER_SLOTS as i}from"./OnrampCurrencyPicker.slots.js";import{styles as a}from"./OnrampCurrencyPicker.styles.js";import{OnrampCurrencyPickerRow as o}from"./components/CurrencyRow.js";import{OnrampCurrencyPickerBody as s}from"./components/Body.js";import{OnrampCurrencyPickerHeader as c}from"./components/Header.js";import{OnrampCurrencyPickerSearch as l}from"./components/Search.js";import{useMemo as u,useState as d}from"react";import{Fragment as f,jsx as p,jsxs as m}from"react/jsx-runtime";import*as h from"@stylexjs/stylex";const g=[],_=m(f,{children:[p(c,{}),p(l,{}),p(s,{})]});function v(e){let{currencies:o=g,selectedCode:s,onSelect:c,onBack:l,headerTitle:f,loading:m=!1,children:v}=e,[y,b]=d(``);return p(r,{value:u(()=>({currencies:o,loading:m,query:y,setQuery:b,...s===void 0?{}:{selectedCode:s},...c?{onSelect:c}:{},...l?{onBack:l}:{},...f===void 0?{}:{headerTitle:f}}),[o,m,y,s,c,l,f]),children:p(t.Provider,{children:p(n,{"data-stridge-slot":i.root,...h.props(a.root),children:v??_})})})}function y({open:t,defaultOpen:n,onOpenChange:r,trigger:i,children:a,...o}){return p(e,{...t===void 0?{}:{open:t},...n===void 0?{}:{defaultOpen:n},...r?{onOpenChange:r}:{},...i===void 0?{}:{trigger:i},children:p(v,{...o,children:a})})}(function(e){e.Header=c,e.Search=l,e.Body=s,e.Row=o,e.Dialog=y})(v||={});export{v as OnrampCurrencyPicker};

package/dist/flows/deposit/widgets/onramp-currency-picker/compound/OnrampCurrencyPicker.slots.d.ts

@@ -0,0 +1,17 @@
+//#region src/flows/deposit/widgets/onramp-currency-picker/compound/OnrampCurrencyPicker.slots.d.ts
+declare const ONRAMP_CURRENCY_PICKER_SLOTS: {
+  readonly root: "onramp-currency-picker";
+  readonly header: "onramp-currency-picker-header";
+  readonly search: "onramp-currency-picker-search";
+  readonly body: "onramp-currency-picker-body";
+  readonly list: "onramp-currency-picker-list";
+  readonly row: "onramp-currency-picker-row";
+  readonly rowGlyph: "onramp-currency-picker-row-glyph";
+  readonly rowLabel: "onramp-currency-picker-row-label";
+  readonly rowCode: "onramp-currency-picker-row-code";
+  readonly rowCheck: "onramp-currency-picker-row-check";
+  readonly empty: "onramp-currency-picker-empty";
+};
+type OnrampCurrencyPickerSlot = (typeof ONRAMP_CURRENCY_PICKER_SLOTS)[keyof typeof ONRAMP_CURRENCY_PICKER_SLOTS];
+//#endregion
+export { ONRAMP_CURRENCY_PICKER_SLOTS, OnrampCurrencyPickerSlot };

package/dist/flows/deposit/widgets/onramp-currency-picker/compound/OnrampCurrencyPicker.slots.js

@@ -0,0 +1 @@
+const e={root:`onramp-currency-picker`,header:`onramp-currency-picker-header`,search:`onramp-currency-picker-search`,body:`onramp-currency-picker-body`,list:`onramp-currency-picker-list`,row:`onramp-currency-picker-row`,rowGlyph:`onramp-currency-picker-row-glyph`,rowLabel:`onramp-currency-picker-row-label`,rowCode:`onramp-currency-picker-row-code`,rowCheck:`onramp-currency-picker-row-check`,empty:`onramp-currency-picker-empty`};export{e as ONRAMP_CURRENCY_PICKER_SLOTS};

package/dist/flows/deposit/widgets/onramp-currency-picker/compound/OnrampCurrencyPicker.styles.js

@@ -0,0 +1 @@
+const e={root:{"OnrampCurrencyPicker__styles.root":`OnrampCurrencyPicker__styles.root`,"position-kVAEAm":`x1n2onr6`,"width-kzqmXN":`xh8yej3`,"maxWidth-ks0D6T":`x17fpy1y`,$$css:`@stridge/kit:src/flows/deposit/widgets/onramp-currency-picker/compound/OnrampCurrencyPicker.styles.ts:4`},header:{"OnrampCurrencyPicker__styles.header":`OnrampCurrencyPicker__styles.header`,"gap-kOIVth":`x1v2ro7d`,"paddingTop-kLKAdn":`xyamay9`,"paddingInlineEnd-kwRFfy":`x1x5flf6`,"paddingBottom-kGO01o":`x1l90r2v`,"paddingInlineStart-kZCmMZ":`xf7dkkf`,$$css:`@stridge/kit:src/flows/deposit/widgets/onramp-currency-picker/compound/OnrampCurrencyPicker.styles.ts:9`},headerTitle:{"OnrampCurrencyPicker__styles.headerTitle":`OnrampCurrencyPicker__styles.headerTitle`,"flexGrow-kzQI83":`x1iyjqo2`,"margin-kogj98":`x1ghz6dp`,$$css:`@stridge/kit:src/flows/deposit/widgets/onramp-currency-picker/compound/OnrampCurrencyPicker.styles.ts:16`},headerTrailing:{"OnrampCurrencyPicker__styles.headerTrailing":`OnrampCurrencyPicker__styles.headerTrailing`,"display-k1xSpc":`x78zum5`,"alignItems-kGNEyG":`x6s0dn4`,"gap-kOIVth":`x1a6yh9e`,$$css:`@stridge/kit:src/flows/deposit/widgets/onramp-currency-picker/compound/OnrampCurrencyPicker.styles.ts:20`},backIcon:{"OnrampCurrencyPicker__styles.backIcon":`OnrampCurrencyPicker__styles.backIcon`,"width-kzqmXN":`x6jxa94`,"height-kZKoxP":`x1v9usgg`,"flexShrink-kmuXW":`x2lah0s`,"color-kMwMTN":`xzn0pkc`,"strokeWidth-kfJifR":`xhxwl1`,$$css:`@stridge/kit:src/flows/deposit/widgets/onramp-currency-picker/compound/OnrampCurrencyPicker.styles.ts:25`},search:{"OnrampCurrencyPicker__styles.search":`OnrampCurrencyPicker__styles.search`,"paddingTop-kLKAdn":`xyinxu5`,"paddingInlineEnd-kwRFfy":`x1x5flf6`,"paddingInlineStart-kZCmMZ":`xwn43p0`,"paddingBottom-kGO01o":`x1a8lsjc`,$$css:`@stridge/kit:src/flows/deposit/widgets/onramp-currency-picker/compound/OnrampCurrencyPicker.styles.ts:32`},searchIcon:{"OnrampCurrencyPicker__styles.searchIcon":`OnrampCurrencyPicker__styles.searchIcon`,"width-kzqmXN":`x1kky2od`,"height-kZKoxP":`xlup9mm`,"color-kMwMTN":`xi96bwj`,"strokeWidth-kfJifR":`xhxwl1`,$$css:`@stridge/kit:src/flows/deposit/widgets/onramp-currency-picker/compound/OnrampCurrencyPicker.styles.ts:38`},searchInput:{"OnrampCurrencyPicker__styles.searchInput":`OnrampCurrencyPicker__styles.searchInput`,"::-webkit-search-cancel-button_display-k9l4BL":`x1hcrkkg`,"::-webkit-search-cancel-button_appearance-kONv6d":`x1ad04t7`,"::-webkit-search-decoration_display-kIPbS0":`xzwh6sb`,"::-webkit-search-decoration_appearance-kWSwxL":`x1glnyev`,$$css:`@stridge/kit:src/flows/deposit/widgets/onramp-currency-picker/compound/OnrampCurrencyPicker.styles.ts:45`},clearIcon:{"OnrampCurrencyPicker__styles.clearIcon":`OnrampCurrencyPicker__styles.clearIcon`,"width-kzqmXN":`x6jxa94`,"height-kZKoxP":`x1v9usgg`,"color-kMwMTN":`xi96bwj`,"strokeWidth-kfJifR":`xhxwl1`,$$css:`@stridge/kit:src/flows/deposit/widgets/onramp-currency-picker/compound/OnrampCurrencyPicker.styles.ts:55`},body:{"OnrampCurrencyPicker__styles.body":`OnrampCurrencyPicker__styles.body`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`xdt5ytf`,"paddingTop-kLKAdn":`x1y1aw1k`,"paddingInlineEnd-kwRFfy":`x1x5flf6`,"paddingBottom-kGO01o":`x1hhzuzn`,"paddingInlineStart-kZCmMZ":`xwn43p0`,"maxHeight-kskxy":`x2z3yb8`,$$css:`@stridge/kit:src/flows/deposit/widgets/onramp-currency-picker/compound/OnrampCurrencyPicker.styles.ts:61`},list:{"OnrampCurrencyPicker__styles.list":`OnrampCurrencyPicker__styles.list`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`xdt5ytf`,"gap-kOIVth":`x167g77z`,$$css:`@stridge/kit:src/flows/deposit/widgets/onramp-currency-picker/compound/OnrampCurrencyPicker.styles.ts:71`},row:{"OnrampCurrencyPicker__styles.row":`OnrampCurrencyPicker__styles.row`,"gap-kOIVth":`x1v2ro7d`,$$css:`@stridge/kit:src/flows/deposit/widgets/onramp-currency-picker/compound/OnrampCurrencyPicker.styles.ts:76`},rowText:{"OnrampCurrencyPicker__styles.rowText":`OnrampCurrencyPicker__styles.rowText`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`xdt5ytf`,"flexBasis-kCS8Yb":`x1r8uery`,"flexGrow-kzQI83":`x1iyjqo2`,"flexShrink-kmuXW":`xs83m0k`,"minWidth-k7Eaqz":`xeuugli`,"gap-kOIVth":`x195vfkc`,$$css:`@stridge/kit:src/flows/deposit/widgets/onramp-currency-picker/compound/OnrampCurrencyPicker.styles.ts:79`},rowCheck:{"OnrampCurrencyPicker__styles.rowCheck":`OnrampCurrencyPicker__styles.rowCheck`,"width-kzqmXN":`x1xp8n7a`,"height-kZKoxP":`xmix8c7`,"flexShrink-kmuXW":`x2lah0s`,"color-kMwMTN":`x1me39qh`,"strokeWidth-kfJifR":`xvlca1e`,$$css:`@stridge/kit:src/flows/deposit/widgets/onramp-currency-picker/compound/OnrampCurrencyPicker.styles.ts:88`},empty:{"OnrampCurrencyPicker__styles.empty":`OnrampCurrencyPicker__styles.empty`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`xdt5ytf`,"alignItems-kGNEyG":`x6s0dn4`,"justifyContent-kjj79g":`xl56j7k`,"gap-kOIVth":`x1a6yh9e`,"paddingTop-kLKAdn":`x5gat22`,"paddingBottom-kGO01o":`x1vc98yp`,"paddingInlineStart-kZCmMZ":`xmg6hw8`,"paddingInlineEnd-kwRFfy":`x1hvdk87`,"textAlign-k9WMMc":`x2b8uid`,$$css:`@stridge/kit:src/flows/deposit/widgets/onramp-currency-picker/compound/OnrampCurrencyPicker.styles.ts:95`},skeletonRow:{"OnrampCurrencyPicker__styles.skeletonRow":`OnrampCurrencyPicker__styles.skeletonRow`,"height-kZKoxP":`xdd8jsf`,"borderRadius-kaIpWk":`x4pepcl`,$$css:`@stridge/kit:src/flows/deposit/widgets/onramp-currency-picker/compound/OnrampCurrencyPicker.styles.ts:107`}};export{e as styles};

package/dist/flows/deposit/widgets/onramp-currency-picker/compound/components/Body.d.ts

@@ -0,0 +1,6 @@
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/flows/deposit/widgets/onramp-currency-picker/compound/components/Body.d.ts
+declare function OnrampCurrencyPickerBody(): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { OnrampCurrencyPickerBody };

package/dist/flows/deposit/widgets/onramp-currency-picker/compound/components/Body.js

@@ -0,0 +1 @@
+"use client";import{useLingui as e}from"../../../../../../shared/i18n/useLingui.js";import"../../../../../../i18n/index.js";import{Card as t}from"../../../../../../shared/ui/Card/Card.js";import{SelectableTileGroup as n}from"../../../../../../shared/ui/SelectableTile/SelectableTileGroup.js";import"../../../../../../shared/ui/SelectableTile/index.js";import{Skeleton as r}from"../../../../../../shared/ui/Skeleton/Skeleton.js";import"../../../../../../shared/ui/Skeleton/index.js";import"../../../../../../ui/index.js";import{currencyMatchesQuery as i,useOnrampCurrencyPickerContext as a}from"../context.js";import{ONRAMP_CURRENCY_PICKER_SLOTS as o}from"../OnrampCurrencyPicker.slots.js";import{styles as s}from"../OnrampCurrencyPicker.styles.js";import{OnrampCurrencyPickerRow as c}from"./CurrencyRow.js";import{OnrampCurrencyPickerEmpty as l}from"./Empty.js";import{useMemo as u}from"react";import{jsx as d}from"react/jsx-runtime";import*as f from"@stylexjs/stylex";const p=[0,1,2,3,4,5];function m(){let m=a(`OnrampCurrencyPicker.Body`),{_:h}=e(),g=u(()=>{let e=m.currencies.filter(e=>i(e,m.query)),t=e.filter(e=>e.popular),n=e.filter(e=>!e.popular).sort((e,t)=>e.name.localeCompare(t.name));return[...t,...n]},[m.currencies,m.query]);return m.loading?d(t.Body,{"data-stridge-slot":o.body,...f.props(s.body),children:p.map(e=>d(r,{...f.props(s.skeletonRow)},e))}):d(t.Body,{"data-stridge-slot":o.body,...f.props(s.body),children:g.length===0?d(l,{}):d(n,{"aria-label":h({id:`W9narx`,message:`Currencies`}),value:m.selectedCode?[m.selectedCode]:[],onValueChange:e=>{let t=e[0]??m.selectedCode;t&&m.onSelect&&m.onSelect(t)},"data-stridge-slot":o.list,...f.props(s.list),children:g.map(e=>d(c,{...e},e.code))})})}export{m as OnrampCurrencyPickerBody};

package/dist/flows/deposit/widgets/onramp-currency-picker/compound/components/CurrencyRow.d.ts

@@ -0,0 +1,12 @@
+import { OnrampCurrencyPickerRowProps } from "../types.js";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/flows/deposit/widgets/onramp-currency-picker/compound/components/CurrencyRow.d.ts
+declare function OnrampCurrencyPickerRow({
+  code,
+  name,
+  symbol,
+  iconUrl
+}: OnrampCurrencyPickerRowProps): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { OnrampCurrencyPickerRow };

package/dist/flows/deposit/widgets/onramp-currency-picker/compound/components/CurrencyRow.js

@@ -0,0 +1 @@
+"use client";import{CheckIcon as e}from"../../../../../../shared/icons/CheckIcon.js";import"../../../../../../icons/index.js";import{CurrencyGlyph as t}from"../../../../../../shared/ui/CurrencyGlyph/CurrencyGlyph.js";import"../../../../../../shared/ui/CurrencyGlyph/index.js";import{SelectableTile as n}from"../../../../../../shared/ui/SelectableTile/SelectableTile.js";import"../../../../../../shared/ui/SelectableTile/index.js";import{text as r}from"../../../../../../shared/ui/Text/Text.js";import"../../../../../../ui/index.js";import{useOnrampCurrencyPickerContext as i}from"../context.js";import{ONRAMP_CURRENCY_PICKER_SLOTS as a}from"../OnrampCurrencyPicker.slots.js";import{styles as o}from"../OnrampCurrencyPicker.styles.js";import{jsx as s,jsxs as c}from"react/jsx-runtime";import*as l from"@stylexjs/stylex";function u({code:u,name:d,symbol:f,iconUrl:p}){let m=i(`OnrampCurrencyPicker.Row`).selectedCode===u;return c(n,{shape:`card`,value:u,selected:m,"aria-label":`${d} (${u})`,"data-currency-code":u,"data-stridge-slot":a.row,...l.props(o.row),children:[s(t,{code:u,symbol:f,size:36,...p===void 0?{}:{iconUrl:p},"data-stridge-slot":a.rowGlyph}),c(`span`,{...l.props(o.rowText),children:[s(r.span,{size:`callout`,fontWeight:`semibold`,leading:`tight`,tracking:`tight`,truncate:!0,"data-stridge-slot":a.rowLabel,children:d}),s(r.span,{size:`xs`,fontWeight:`medium`,leading:`tight`,color:`subdued`,truncate:!0,"data-stridge-slot":a.rowCode,children:u})]}),m?s(e,{"aria-hidden":!0,"data-stridge-slot":a.rowCheck,...l.props(o.rowCheck)}):null]})}export{u as OnrampCurrencyPickerRow};

package/dist/flows/deposit/widgets/onramp-currency-picker/compound/components/Empty.js

@@ -0,0 +1 @@
+"use client";import{Trans as e}from"../../../../../../shared/i18n/Trans.js";import"../../../../../../i18n/index.js";import{SearchIcon as t}from"../../../../../../shared/icons/SearchIcon.js";import"../../../../../../icons/index.js";import{text as n}from"../../../../../../shared/ui/Text/Text.js";import"../../../../../../ui/index.js";import{useOnrampCurrencyPickerContext as r}from"../context.js";import{ONRAMP_CURRENCY_PICKER_SLOTS as i}from"../OnrampCurrencyPicker.slots.js";import{styles as a}from"../OnrampCurrencyPicker.styles.js";import{jsx as o,jsxs as s}from"react/jsx-runtime";import*as c from"@stylexjs/stylex";function l(){let l=r(`OnrampCurrencyPicker.Empty`);return s(`div`,{"data-stridge-slot":i.empty,...c.props(a.empty),children:[o(t,{"aria-hidden":!0,...c.props(a.searchIcon)}),o(n.span,{size:`sm`,fontWeight:`medium`,color:`subdued`,children:o(e,{id:`RO6we5`,message:`No currencies match “{0}”`,values:{0:l.query}})})]})}export{l as OnrampCurrencyPickerEmpty};

package/dist/flows/deposit/widgets/onramp-currency-picker/compound/components/Header.d.ts

@@ -0,0 +1,10 @@
+import { OnrampCurrencyPickerHeaderProps } from "../types.js";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/flows/deposit/widgets/onramp-currency-picker/compound/components/Header.d.ts
+declare function OnrampCurrencyPickerHeader({
+  title,
+  onBack
+}?: OnrampCurrencyPickerHeaderProps): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { OnrampCurrencyPickerHeader };

package/dist/flows/deposit/widgets/onramp-currency-picker/compound/components/Header.js

@@ -0,0 +1 @@
+"use client";import{useLingui as e}from"../../../../../../shared/i18n/useLingui.js";import"../../../../../../i18n/index.js";import{ChevronLeftIcon as t}from"../../../../../../shared/icons/ChevronLeftIcon.js";import"../../../../../../icons/index.js";import{IconButton as n}from"../../../../../../shared/ui/IconButton/IconButton.js";import{Dialog as r}from"../../../../../../shared/ui/Dialog/Dialog.js";import"../../../../../../shared/ui/Dialog/index.js";import{Card as i}from"../../../../../../shared/ui/Card/Card.js";import{text as a}from"../../../../../../shared/ui/Text/Text.js";import"../../../../../../ui/index.js";import{useOnrampCurrencyPickerContext as o}from"../context.js";import{ONRAMP_CURRENCY_PICKER_SLOTS as s}from"../OnrampCurrencyPicker.slots.js";import{styles as c}from"../OnrampCurrencyPicker.styles.js";import{jsx as l,jsxs as u}from"react/jsx-runtime";import*as d from"@stylexjs/stylex";function f({title:f,onBack:p}={}){let m=o(`OnrampCurrencyPicker.Header`),{_:h}=e(),g=f??m.headerTitle??h({id:`Q2lUR2`,message:`Currency`}),_=p===null?void 0:p??m.onBack;return u(i.Header,{"data-stridge-slot":s.header,...d.props(c.header),children:[typeof _==`function`?l(n,{"aria-label":h({id:`iH8pgl`,message:`Back`}),onClick:_,children:l(t,{"aria-hidden":!0,...d.props(c.backIcon)})}):null,l(a.span,{size:`base`,fontWeight:`semibold`,leading:`tight`,tracking:`tight`,truncate:!0,...d.props(c.headerTitle),children:g}),l(`div`,{...d.props(c.headerTrailing),children:l(r.CloseButton,{})})]})}export{f as OnrampCurrencyPickerHeader};

package/dist/flows/deposit/widgets/onramp-currency-picker/compound/components/Search.d.ts

@@ -0,0 +1,6 @@
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/flows/deposit/widgets/onramp-currency-picker/compound/components/Search.d.ts
+declare function OnrampCurrencyPickerSearch(): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { OnrampCurrencyPickerSearch };

package/dist/flows/deposit/widgets/onramp-currency-picker/compound/components/Search.js

@@ -0,0 +1 @@
+"use client";import{useLingui as e}from"../../../../../../shared/i18n/useLingui.js";import"../../../../../../i18n/index.js";import{SearchIcon as t}from"../../../../../../shared/icons/SearchIcon.js";import{XIcon as n}from"../../../../../../shared/icons/XIcon.js";import"../../../../../../icons/index.js";import{InputGroup as r}from"../../../../../../shared/ui/InputGroup/InputGroup.js";import"../../../../../../shared/ui/InputGroup/index.js";import{useOnrampCurrencyPickerContext as i}from"../context.js";import{ONRAMP_CURRENCY_PICKER_SLOTS as a}from"../OnrampCurrencyPicker.slots.js";import{styles as o}from"../OnrampCurrencyPicker.styles.js";import{jsx as s,jsxs as c}from"react/jsx-runtime";import*as l from"@stylexjs/stylex";function u(){let u=i(`OnrampCurrencyPicker.Search`),{_:d}=e();return s(`div`,{"data-stridge-slot":a.search,...l.props(o.search),children:c(r,{children:[s(r.Addon,{align:`inline-start`,children:s(t,{"aria-hidden":!0,...l.props(o.searchIcon)})}),s(r.Input,{type:`search`,inputMode:`search`,autoComplete:`off`,"aria-label":d({id:`L3PYgw`,message:`Search currencies`}),placeholder:d({id:`L3PYgw`,message:`Search currencies`}),value:u.query,onChange:e=>u.setQuery(e.currentTarget.value),...l.props(o.searchInput)}),u.query?s(r.Addon,{align:`inline-end`,children:s(r.Button,{size:`icon-sm`,"aria-label":d({id:`V8yTm6`,message:`Clear search`}),onClick:()=>u.setQuery(``),children:s(n,{"aria-hidden":!0,...l.props(o.clearIcon)})})}):null]})})}export{u as OnrampCurrencyPickerSearch};

package/dist/flows/deposit/widgets/onramp-currency-picker/compound/context.js

@@ -0,0 +1 @@
+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 <OnrampCurrencyPicker>.`);return r}function i(e,t){let n=t.trim().toLowerCase();return n?e.code.toLowerCase().includes(n)||e.name.toLowerCase().includes(n)||e.symbol.toLowerCase().includes(n):!0}export{n as OnrampCurrencyPickerContext,i as currencyMatchesQuery,r as useOnrampCurrencyPickerContext};

package/dist/flows/deposit/widgets/onramp-currency-picker/compound/index.d.ts

@@ -0,0 +1,3 @@
+import { CurrencyOption, OnrampCurrencyPickerBodyProps, OnrampCurrencyPickerDialogProps, OnrampCurrencyPickerHeaderProps, OnrampCurrencyPickerProps, OnrampCurrencyPickerRowProps } from "./types.js";
+import { OnrampCurrencyPicker } from "./OnrampCurrencyPicker.js";
+import { ONRAMP_CURRENCY_PICKER_SLOTS, OnrampCurrencyPickerSlot } from "./OnrampCurrencyPicker.slots.js";

package/dist/flows/deposit/widgets/onramp-currency-picker/compound/index.js

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

package/dist/flows/deposit/widgets/onramp-currency-picker/compound/types.d.ts

@@ -0,0 +1,48 @@
+import { DialogShellControls } from "../../../../../shared/dialog/DialogShell.js";
+import { ComponentProps, ReactNode } from "react";
+
+//#region src/flows/deposit/widgets/onramp-currency-picker/compound/types.d.ts
+/**
+ * One selectable currency row. Mirrors `OnrampCurrencyPayload` plus a UI-only `popular` flag the
+ * picker uses to split the Popular / All sections.
+ */
+interface CurrencyOption {
+  /** ISO-4217 code (e.g. `"USD"`) — the stable row id + selection value. */
+  code: string;
+  /** Display name (e.g. `"US Dollar"`) — the primary row label + a search target. */
+  name: string;
+  /** Narrow currency symbol (e.g. `"$"`) — drives the row glyph. */
+  symbol: string;
+  /** When true, the row sorts to the top of the list ahead of the alphabetical rest. */
+  popular?: boolean;
+  /** Optional driver-supplied emblem URL — rendered through the glyph's `Image` fallback. */
+  iconUrl?: string;
+}
+/**
+ * Root props for the `OnrampCurrencyPicker` compound. Each per-part prop is an optional override of
+ * the corresponding context value.
+ */
+interface OnrampCurrencyPickerProps {
+  /** Full selectable currency list (popular-first split is derived from each option's `popular`). */
+  currencies?: readonly CurrencyOption[];
+  /** Currently-selected currency code — drives the selected row's check + ring. */
+  selectedCode?: string;
+  /** Selection handler — fires with the chosen code. */
+  onSelect?: (code: string) => void;
+  /** Back-chevron handler. Omit to hide the chevron. */
+  onBack?: () => void;
+  /** Header title override (defaults to the translated "Currency"). */
+  headerTitle?: string;
+  /** When true, the body renders skeleton rows instead of the list. */
+  loading?: boolean;
+  children?: ReactNode;
+}
+type OnrampCurrencyPickerDialogProps = OnrampCurrencyPickerProps & DialogShellControls;
+type OnrampCurrencyPickerBodyProps = ComponentProps<"div">;
+interface OnrampCurrencyPickerHeaderProps {
+  title?: string;
+  onBack?: (() => void) | null;
+}
+type OnrampCurrencyPickerRowProps = CurrencyOption;
+//#endregion
+export { CurrencyOption, OnrampCurrencyPickerBodyProps, OnrampCurrencyPickerDialogProps, OnrampCurrencyPickerHeaderProps, OnrampCurrencyPickerProps, OnrampCurrencyPickerRowProps };

package/dist/flows/deposit/widgets/onramp-currency-picker/index.d.ts

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

package/dist/flows/deposit/widgets/onramp-currency-picker/index.js

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