@stridge/kit 0.1.0-alpha.0

package/dist/flows/deposit/widgets/deposit-status-banner/compound/DepositStatusBanner.slots.js

@@ -0,0 +1 @@
+const e={root:`deposit-status-banner`,body:`deposit-status-banner-body`,hero:`deposit-status-banner-hero`,logo:`deposit-status-banner-logo`,badge:`deposit-status-banner-badge`,text:`deposit-status-banner-text`,headline:`deposit-status-banner-headline`,subline:`deposit-status-banner-subline`,close:`deposit-status-banner-close`,details:`deposit-status-banner-details`,detail:`deposit-status-banner-detail`,footer:`deposit-status-banner-footer`,toggle:`deposit-status-banner-toggle`,primaryAction:`deposit-status-banner-primary-action`};export{e as DEPOSIT_STATUS_BANNER_SLOTS};

package/dist/flows/deposit/widgets/deposit-status-banner/compound/DepositStatusBanner.styles.js

@@ -0,0 +1 @@
+const e={root:{"DepositStatusBanner__styles.root":`DepositStatusBanner__styles.root`,"position-kVAEAm":`x10l6tqk`,"left-kbCHJM":`x1nrll8i`,"bottom-krVfgx":`x191j7n5`,"width-kzqmXN":`xfxxnmn`,"maxWidth-ks0D6T":`x1dt7z5j`,"zIndex-kY2c9j":`x1u8a7rm`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`xdt5ytf`,"backgroundColor-kWkggS":`x3cgcfv`,"borderWidth-kMzoRj":`xmkeg23`,"borderStyle-ksu8eU":`x1y0btm7`,"borderColor-kVAM5u":`x1aqcfi1`,"borderRadius-kaIpWk":`x5bw3pk`,"boxShadow-kGVxlE":`x1g7ug4b`,"overflow-kVQacm":`xb3r6kr`,$$css:`@stridge/kit:src/flows/deposit/widgets/deposit-status-banner/compound/DepositStatusBanner.styles.ts:24`},rootInline:{"DepositStatusBanner__styles.rootInline":`DepositStatusBanner__styles.rootInline`,"position-kVAEAm":`x1uhb9sk`,"left-kbCHJM":`x1t8mvi6`,"bottom-krVfgx":`xdd4er5`,$$css:`@stridge/kit:src/flows/deposit/widgets/deposit-status-banner/compound/DepositStatusBanner.styles.ts:53`},body:{"DepositStatusBanner__styles.body":`DepositStatusBanner__styles.body`,"display-k1xSpc":`x78zum5`,"alignItems-kGNEyG":`x1cy8zhl`,"gap-kOIVth":`x1v2ro7d`,"paddingTop-kLKAdn":`xyinxu5`,"paddingBottom-kGO01o":`xsag5q8`,"paddingInlineStart-kZCmMZ":`x1onr9mi`,"paddingInlineEnd-kwRFfy":`xpdmqnj`,$$css:`@stridge/kit:src/flows/deposit/widgets/deposit-status-banner/compound/DepositStatusBanner.styles.ts:58`},logo:{"DepositStatusBanner__styles.logo":`DepositStatusBanner__styles.logo`,"position-kVAEAm":`x1n2onr6`,"flexShrink-kmuXW":`x2lah0s`,"width-kzqmXN":`x1td3qas`,"height-kZKoxP":`x10w6t97`,$$css:`@stridge/kit:src/flows/deposit/widgets/deposit-status-banner/compound/DepositStatusBanner.styles.ts:67`},badge:{"DepositStatusBanner__styles.badge":`DepositStatusBanner__styles.badge`,"position-kVAEAm":`x10l6tqk`,"bottom-krVfgx":`x1t1qrwb`,"insetInlineEnd-kt4wiu":`x1d0qlrl`,"width-kzqmXN":`x1kky2od`,"height-kZKoxP":`xlup9mm`,"borderRadius-kaIpWk":`x1npxkrn`,"display-k1xSpc":`x78zum5`,"alignItems-kGNEyG":`x6s0dn4`,"justifyContent-kjj79g":`xl56j7k`,"borderWidth-kMzoRj":`xdh2fpr`,"borderStyle-ksu8eU":`x1y0btm7`,"borderColor-kVAM5u":`xfbvt8z`,"zIndex-kY2c9j":`xhtitgo`,$$css:`@stridge/kit:src/flows/deposit/widgets/deposit-status-banner/compound/DepositStatusBanner.styles.ts:73`},badgePending:{"DepositStatusBanner__styles.badgePending":`DepositStatusBanner__styles.badgePending`,"backgroundColor-kWkggS":`xelfwhf`,"color-kMwMTN":`x1e8cn3g`,"animationName-kKVMdj":`x15qid8x x1aquc0h`,"animationDuration-k44tkh":`x1xixsfh`,"animationIterationCount-ko0y90":`xa4qsjk`,"animationTimingFunction-kyAemX":`x1s7li7e`,$$css:`@stridge/kit:src/flows/deposit/widgets/deposit-status-banner/compound/DepositStatusBanner.styles.ts:93`},badgeSucceeded:{"DepositStatusBanner__styles.badgeSucceeded":`DepositStatusBanner__styles.badgeSucceeded`,"backgroundColor-kWkggS":`xelfwhf`,"color-kMwMTN":`x1e8cn3g`,$$css:`@stridge/kit:src/flows/deposit/widgets/deposit-status-banner/compound/DepositStatusBanner.styles.ts:104`},badgeFailed:{"DepositStatusBanner__styles.badgeFailed":`DepositStatusBanner__styles.badgeFailed`,"backgroundColor-kWkggS":`x1qvyn6m`,"color-kMwMTN":`x18o46el`,$$css:`@stridge/kit:src/flows/deposit/widgets/deposit-status-banner/compound/DepositStatusBanner.styles.ts:108`},badgeIcon:{"DepositStatusBanner__styles.badgeIcon":`DepositStatusBanner__styles.badgeIcon`,"width-kzqmXN":`x1fsd2vl`,"height-kZKoxP":`x170jfvy`,$$css:`@stridge/kit:src/flows/deposit/widgets/deposit-status-banner/compound/DepositStatusBanner.styles.ts:112`},text:{"DepositStatusBanner__styles.text":`DepositStatusBanner__styles.text`,"flex-kUk6DE":`x12lumcd`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`xdt5ytf`,"gap-kOIVth":`x195vfkc`,"minWidth-k7Eaqz":`xeuugli`,$$css:`@stridge/kit:src/flows/deposit/widgets/deposit-status-banner/compound/DepositStatusBanner.styles.ts:116`},headline:{"DepositStatusBanner__styles.headline":`DepositStatusBanner__styles.headline`,"fontFamily-kMv6JI":`xlaww2m`,"fontSize-kGuDYH":`x14qa7mu`,"fontWeight-k63SB2":`x1qvi77d`,"lineHeight-kLWn49":`x2fnr2h`,"color-kMwMTN":`x1vits3x`,"margin-kogj98":`x1ghz6dp`,$$css:`@stridge/kit:src/flows/deposit/widgets/deposit-status-banner/compound/DepositStatusBanner.styles.ts:123`},subline:{"DepositStatusBanner__styles.subline":`DepositStatusBanner__styles.subline`,"fontFamily-kMv6JI":`xlaww2m`,"fontSize-kGuDYH":`x1oae1zf`,"fontWeight-k63SB2":`xxjjie5`,"lineHeight-kLWn49":`x14vj8e1`,"color-kMwMTN":`xi96bwj`,"margin-kogj98":`x1ghz6dp`,$$css:`@stridge/kit:src/flows/deposit/widgets/deposit-status-banner/compound/DepositStatusBanner.styles.ts:131`},detailsInner:{"DepositStatusBanner__styles.detailsInner":`DepositStatusBanner__styles.detailsInner`,"paddingInline-kg3NbH":`xqin4a2`,"paddingBottom-kGO01o":`xsag5q8`,$$css:`@stridge/kit:src/flows/deposit/widgets/deposit-status-banner/compound/DepositStatusBanner.styles.ts:145`},details:{"DepositStatusBanner__styles.details":`DepositStatusBanner__styles.details`,"borderRadius-kaIpWk":`x12ur2as`,"backgroundColor-kWkggS":`x407w7c`,"borderWidth-kMzoRj":`xmkeg23`,"borderStyle-ksu8eU":`x1y0btm7`,"borderColor-kVAM5u":`x1bue7yx`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`xdt5ytf`,$$css:`@stridge/kit:src/flows/deposit/widgets/deposit-status-banner/compound/DepositStatusBanner.styles.ts:153`},detailsRow:{"DepositStatusBanner__styles.detailsRow":`DepositStatusBanner__styles.detailsRow`,"display-k1xSpc":`x78zum5`,"alignItems-kGNEyG":`x6s0dn4`,"justifyContent-kjj79g":`x1qughib`,"paddingBlock-k8WAf4":`x1vvogim`,"paddingInline-kg3NbH":`xaope02`,"gap-kOIVth":`x1v2ro7d`,"borderTopWidth-kEafiO":`x178xt8z x1g31smg`,"borderTopStyle-kPef9Z":`x13fuv20`,"borderTopColor-kLZC3w":`x1ooxri5`,"fontFamily-kMv6JI":`xlaww2m`,"fontSize-kGuDYH":`x1oae1zf`,"fontWeight-k63SB2":`xi0sa8g`,"lineHeight-kLWn49":`x2fnr2h`,"color-kMwMTN":`x1vits3x`,$$css:`@stridge/kit:src/flows/deposit/widgets/deposit-status-banner/compound/DepositStatusBanner.styles.ts:162`},detailsLabel:{"DepositStatusBanner__styles.detailsLabel":`DepositStatusBanner__styles.detailsLabel`,"fontFamily-kMv6JI":`xlaww2m`,"fontSize-kGuDYH":`x1oae1zf`,"fontWeight-k63SB2":`xi0sa8g`,"lineHeight-kLWn49":`x2fnr2h`,"color-kMwMTN":`xi96bwj`,$$css:`@stridge/kit:src/flows/deposit/widgets/deposit-status-banner/compound/DepositStatusBanner.styles.ts:188`},detailsValue:{"DepositStatusBanner__styles.detailsValue":`DepositStatusBanner__styles.detailsValue`,"fontFamily-kMv6JI":`xlaww2m`,"fontSize-kGuDYH":`x1oae1zf`,"fontWeight-k63SB2":`xi0sa8g`,"lineHeight-kLWn49":`x2fnr2h`,"color-kMwMTN":`x1vits3x`,$$css:`@stridge/kit:src/flows/deposit/widgets/deposit-status-banner/compound/DepositStatusBanner.styles.ts:195`},detailsValueMono:{"DepositStatusBanner__styles.detailsValueMono":`DepositStatusBanner__styles.detailsValueMono`,"fontFamily-kMv6JI":`x47j52l`,$$css:`@stridge/kit:src/flows/deposit/widgets/deposit-status-banner/compound/DepositStatusBanner.styles.ts:202`},footer:{"DepositStatusBanner__styles.footer":`DepositStatusBanner__styles.footer`,"display-k1xSpc":`x78zum5`,"alignItems-kGNEyG":`x6s0dn4`,"justifyContent-kjj79g":`x1qughib`,"gap-kOIVth":`x1v2ro7d`,"paddingBlock-k8WAf4":`xp59q4u`,"paddingInline-kg3NbH":`xaope02`,"borderTopWidth-kEafiO":`x178xt8z`,"borderTopStyle-kPef9Z":`x13fuv20`,"borderTopColor-kLZC3w":`x1ooxri5`,$$css:`@stridge/kit:src/flows/deposit/widgets/deposit-status-banner/compound/DepositStatusBanner.styles.ts:209`}};export{e as styles};

package/dist/flows/deposit/widgets/deposit-status-banner/compound/components/Body.d.ts

@@ -0,0 +1,17 @@
+import { DepositStatusBannerBodyProps } from "../types.js";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/flows/deposit/widgets/deposit-status-banner/compound/components/Body.d.ts
+/**
+ * Top row container. Hosts the Hero on the leading edge and the Close affordance on the trailing
+ * edge. Consumers can compose `<DepositStatusBanner.Hero />` + `<DepositStatusBanner.Close />`
+ * inside, or replace either part with custom JSX while keeping the layout.
+ */
+declare function DepositStatusBannerBody({
+  className,
+  style,
+  children,
+  ...rest
+}: DepositStatusBannerBodyProps): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { DepositStatusBannerBody };

package/dist/flows/deposit/widgets/deposit-status-banner/compound/components/Body.js

@@ -0,0 +1 @@
+"use client";import{DEPOSIT_STATUS_BANNER_SLOTS as e}from"../DepositStatusBanner.slots.js";import{styles as t}from"../DepositStatusBanner.styles.js";import{jsx as n}from"react/jsx-runtime";import*as r from"@stylexjs/stylex";function i({className:i,style:a,children:o,...s}){let c=r.props(t.body);return n(`div`,{"data-stridge-slot":e.body,...s,className:[c.className,i].filter(Boolean).join(` `),style:{...c.style,...a},children:o})}export{i as DepositStatusBannerBody};

package/dist/flows/deposit/widgets/deposit-status-banner/compound/components/Close.d.ts

@@ -0,0 +1,13 @@
+import { DepositStatusBannerCloseProps } from "../types.js";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/flows/deposit/widgets/deposit-status-banner/compound/components/Close.d.ts
+/**
+ * X close affordance positioned on the trailing edge of the Body. Reads `onDismiss` from context
+ * and renders nothing when the host hasn't supplied a handler — that's how callers opt out of
+ * the dismiss control while still rendering everything else. Wraps the kit's `IconButton` so
+ * radius / variant / hover styles track host theming.
+ */
+declare function DepositStatusBannerClose(props: DepositStatusBannerCloseProps): _$react_jsx_runtime0.JSX.Element | null;
+//#endregion
+export { DepositStatusBannerClose };

package/dist/flows/deposit/widgets/deposit-status-banner/compound/components/Close.js

@@ -0,0 +1 @@
+"use client";import{useLingui as e}from"../../../../../../shared/i18n/useLingui.js";import"../../../../../../i18n/index.js";import{XIcon as t}from"../../../../../../shared/icons/XIcon.js";import"../../../../../../icons/index.js";import{IconButton as n}from"../../../../../../shared/ui/IconButton/IconButton.js";import"../../../../../../shared/ui/IconButton/index.js";import{DEPOSIT_STATUS_BANNER_SLOTS as r}from"../DepositStatusBanner.slots.js";import{useDepositStatusBannerContext as i}from"../context.js";import{jsx as a}from"react/jsx-runtime";function o(o){let{onDismiss:s}=i(`DepositStatusBanner.Close`),{_:c}=e();return s?a(n,{"aria-label":o[`aria-label`]??c({id:`UqHbdz`,message:`Dismiss pending deposit notice`}),onClick:s,"data-stridge-slot":r.close,children:a(t,{"aria-hidden":!0})}):null}export{o as DepositStatusBannerClose};

package/dist/flows/deposit/widgets/deposit-status-banner/compound/components/Detail.d.ts

@@ -0,0 +1,14 @@
+import { DepositStatusBannerDetailProps } from "../types.js";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/flows/deposit/widgets/deposit-status-banner/compound/components/Detail.d.ts
+/**
+ * Single detail row inside `DepositStatusBanner.Details`. Renders label on the leading edge,
+ * value on the trailing edge.
+ */
+declare function DepositStatusBannerDetail({
+  label,
+  value
+}: DepositStatusBannerDetailProps): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { DepositStatusBannerDetail };

package/dist/flows/deposit/widgets/deposit-status-banner/compound/components/Detail.js

@@ -0,0 +1 @@
+"use client";import{DEPOSIT_STATUS_BANNER_SLOTS as e}from"../DepositStatusBanner.slots.js";import{styles as t}from"../DepositStatusBanner.styles.js";import{jsx as n,jsxs as r}from"react/jsx-runtime";import*as i from"@stylexjs/stylex";function a({label:a,value:o}){return r(`div`,{"data-stridge-slot":e.detail,...i.props(t.detailsRow),children:[n(`span`,{...i.props(t.detailsLabel),children:a}),o]})}export{a as DepositStatusBannerDetail};

package/dist/flows/deposit/widgets/deposit-status-banner/compound/components/Details.d.ts

@@ -0,0 +1,20 @@
+import { DepositStatusBannerDetailsProps } from "../types.js";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/flows/deposit/widgets/deposit-status-banner/compound/components/Details.d.ts
+/**
+ * Expanded detail panel container — renders a `Collapsible.Panel` so the show/hide transition
+ * animates smoothly via the kit's shared collapsible primitive (height transition + reduced-motion
+ * fallback baked in). The Panel reads `open` from the parent `Collapsible` that the banner root
+ * set up against the `expanded` prop.
+ *
+ * The Panel is intentionally style-free; an inner `detailsInner` wrapper owns the framing
+ * padding so the panel-element box only carries the height transition. Mixing padding with the
+ * transition caused the open/close motion to feel jumpy. Row dividers are handled by the row
+ * style itself via `:first-child`, so callers compose Detail rows in whatever order they like.
+ */
+declare function DepositStatusBannerDetails({
+  children
+}: DepositStatusBannerDetailsProps): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { DepositStatusBannerDetails };

package/dist/flows/deposit/widgets/deposit-status-banner/compound/components/Details.js

@@ -0,0 +1 @@
+"use client";import{Collapsible as e}from"../../../../../../shared/ui/Collapsible/Collapsible.js";import"../../../../../../shared/ui/Collapsible/index.js";import{DEPOSIT_STATUS_BANNER_SLOTS as t}from"../DepositStatusBanner.slots.js";import{styles as n}from"../DepositStatusBanner.styles.js";import{jsx as r}from"react/jsx-runtime";import*as i from"@stylexjs/stylex";function a({children:a}){return r(e.Panel,{"data-stridge-slot":t.details,children:r(`div`,{...i.props(n.detailsInner),children:r(`div`,{...i.props(n.details),children:a})})})}export{a as DepositStatusBannerDetails};

package/dist/flows/deposit/widgets/deposit-status-banner/compound/components/Footer.d.ts

@@ -0,0 +1,17 @@
+import { DepositStatusBannerFooterProps } from "../types.js";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/flows/deposit/widgets/deposit-status-banner/compound/components/Footer.d.ts
+/**
+ * Bottom row container. Holds the toggle on the leading edge and the primary action on the
+ * trailing edge. Consumers compose `<DepositStatusBanner.Toggle />` +
+ * `<DepositStatusBanner.PrimaryAction />` inside.
+ */
+declare function DepositStatusBannerFooter({
+  className,
+  style,
+  children,
+  ...rest
+}: DepositStatusBannerFooterProps): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { DepositStatusBannerFooter };

package/dist/flows/deposit/widgets/deposit-status-banner/compound/components/Footer.js

@@ -0,0 +1 @@
+"use client";import{DEPOSIT_STATUS_BANNER_SLOTS as e}from"../DepositStatusBanner.slots.js";import{styles as t}from"../DepositStatusBanner.styles.js";import{jsx as n}from"react/jsx-runtime";import*as r from"@stylexjs/stylex";function i({className:i,style:a,children:o,...s}){let c=r.props(t.footer);return n(`div`,{"data-stridge-slot":e.footer,...s,className:[c.className,i].filter(Boolean).join(` `),style:{...c.style,...a},children:o})}export{i as DepositStatusBannerFooter};

package/dist/flows/deposit/widgets/deposit-status-banner/compound/components/Hero.d.ts

@@ -0,0 +1,17 @@
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/flows/deposit/widgets/deposit-status-banner/compound/components/Hero.d.ts
+/**
+ * Hero block: token logo with status badge, headline, and subline. Reads everything from
+ * `DepositStatusBanner` context — pass `kind`, `asset`, `headline`, and `subline` on the root
+ * to drive what renders here.
+ *
+ * Lifecycle transitions (pending → succeeded → failed) animate via `motion/react` — the same
+ * library the orchestrator uses for step jumps. The badge icon scales in/out and the headline +
+ * subline cross-fade with a slight slide + blur. The token logo and the badge ring stay
+ * mounted across kind changes (their surface chrome shouldn't blink) so only the meaningful
+ * content moves.
+ */
+declare function DepositStatusBannerHero(): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { DepositStatusBannerHero };

package/dist/flows/deposit/widgets/deposit-status-banner/compound/components/Hero.js

@@ -0,0 +1 @@
+"use client";import{AlertIcon as e}from"../../../../../../shared/icons/AlertIcon.js";import{ArrowDownIcon as t}from"../../../../../../shared/icons/ArrowDownIcon.js";import{CheckIcon as n}from"../../../../../../shared/icons/CheckIcon.js";import"../../../../../../icons/index.js";import{TokenLogo as r}from"../../../../../../shared/ui/TokenLogo/TokenLogo.js";import"../../../../../../shared/ui/TokenLogo/index.js";import{DEPOSIT_STATUS_BANNER_SLOTS as i}from"../DepositStatusBanner.slots.js";import{styles as a}from"../DepositStatusBanner.styles.js";import{useDepositStatusBannerContext as o}from"../context.js";import{Fragment as s,jsx as c,jsxs as l}from"react/jsx-runtime";import*as u from"@stylexjs/stylex";import{AnimatePresence as d,motion as f}from"motion/react";const p=[.16,1,.3,1],m=.22,h=.08,g=.14,_={enter:{opacity:0,y:6,filter:`blur(4px)`},center:{opacity:1,y:0,filter:`blur(0px)`,transition:{duration:m,delay:h,ease:p}},exit:{opacity:0,y:-6,filter:`blur(4px)`,transition:{duration:g,ease:p}}},v={enter:{opacity:0,scale:.6},center:{opacity:1,scale:1,transition:{duration:m,delay:h,ease:p}},exit:{opacity:0,scale:.6,transition:{duration:g,ease:p}}};function y(){let{kind:e,asset:t,headline:n,subline:p}=o(`DepositStatusBanner.Hero`);return l(s,{children:[l(`span`,{"data-stridge-slot":i.logo,...u.props(a.logo),children:[c(r,{size:32,symbol:t.symbol,...typeof t.chainId==`number`?{chainId:t.chainId}:{},...t.address?{address:t.address}:{},...t.isNative===void 0?{}:{isNative:t.isNative},...t.logoUrl?{logoUrl:t.logoUrl}:{},hideChainBadge:!0}),c(`span`,{"aria-hidden":!0,"data-stridge-slot":i.badge,...u.props(a.badge,e===`succeeded`&&a.badgeSucceeded,e===`failed`&&a.badgeFailed,e===`pending`&&a.badgePending),children:c(d,{mode:`wait`,initial:!1,children:c(f.span,{variants:v,initial:`enter`,animate:`center`,exit:`exit`,style:{display:`flex`,alignItems:`center`,justifyContent:`center`},children:c(b,{kind:e})},e)})})]}),c(`div`,{"data-stridge-slot":i.text,...u.props(a.text),children:c(d,{mode:`wait`,initial:!1,children:l(f.div,{variants:_,initial:`enter`,animate:`center`,exit:`exit`,style:{display:`flex`,flexDirection:`column`,gap:`2px`,minWidth:0},children:[c(`span`,{"data-stridge-slot":i.headline,...u.props(a.headline),children:n}),c(`span`,{"data-stridge-slot":i.subline,...u.props(a.subline),children:p})]},e)})})]})}function b({kind:r}){let i=u.props(a.badgeIcon);return c(r===`succeeded`?n:r===`failed`?e:t,{"aria-hidden":!0,...i})}export{y as DepositStatusBannerHero};

package/dist/flows/deposit/widgets/deposit-status-banner/compound/components/PrimaryAction.d.ts

@@ -0,0 +1,26 @@
+import { DepositStatusBannerPrimaryActionProps } from "../types.js";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/flows/deposit/widgets/deposit-status-banner/compound/components/PrimaryAction.d.ts
+/**
+ * Primary CTA — kind-aware label, always-primary fill. Renders nothing when `onClick` is
+ * omitted (the host opted out of navigation for that lifecycle).
+ *
+ * Default labels:
+ * - `pending`   → `View progress`
+ * - `succeeded` → `View receipt`
+ * - `failed`    → `View details`
+ *
+ * The button uses the kit's `default` (primary fill) variant across every kind — a variant
+ * swap during the lifecycle transition reads as glitchy because the Button's background-color
+ * transition fights with `AnimatePresence`'s entry/exit. Holding the variant constant lets
+ * the label own the motion: the new word slides up from below as the old one slides off the
+ * top, both fading. The chevron suffix stays mounted so the affordance feels stable while the
+ * words change.
+ */
+declare function DepositStatusBannerPrimaryAction({
+  onClick,
+  label
+}?: DepositStatusBannerPrimaryActionProps): _$react_jsx_runtime0.JSX.Element | null;
+//#endregion
+export { DepositStatusBannerPrimaryAction };

package/dist/flows/deposit/widgets/deposit-status-banner/compound/components/PrimaryAction.js

@@ -0,0 +1 @@
+"use client";import{useLingui as e}from"../../../../../../shared/i18n/useLingui.js";import"../../../../../../i18n/index.js";import{ChevronRightIcon as t}from"../../../../../../shared/icons/ChevronRightIcon.js";import"../../../../../../icons/index.js";import{Button as n}from"../../../../../../shared/ui/Button/Button.js";import"../../../../../../shared/ui/Button/index.js";import{DEPOSIT_STATUS_BANNER_SLOTS as r}from"../DepositStatusBanner.slots.js";import{useDepositStatusBannerContext as i}from"../context.js";import{jsx as a,jsxs as o}from"react/jsx-runtime";import{AnimatePresence as s,motion as c}from"motion/react";const l=[.16,1,.3,1],u={enter:{opacity:0,y:`60%`},center:{opacity:1,y:`0%`,transition:{duration:.22,ease:l}},exit:{opacity:0,y:`-60%`,transition:{duration:.18,ease:l}}};function d({onClick:l,label:d}={}){let f=i(`DepositStatusBanner.PrimaryAction`),{kind:p}=f,m=l??f.onPrimaryAction,{_:h}=e();if(!m)return null;let g=d??h(p===`succeeded`?{id:`AO44G_`,message:`View receipt`}:p===`failed`?{id:`2Eoi_a`,message:`View details`}:{id:`Oi8TiZ`,message:`View progress`}),_=d??[h({id:`Oi8TiZ`,message:`View progress`}),h({id:`AO44G_`,message:`View receipt`}),h({id:`2Eoi_a`,message:`View details`})].reduce((e,t)=>t.length>e.length?t:e);return a(n,{type:`button`,onClick:m,variant:`default`,size:`sm`,suffix:a(t,{"aria-hidden":!0}),"data-stridge-slot":r.primaryAction,children:o(`span`,{style:{position:`relative`,display:`inline-flex`,alignItems:`center`,overflow:`hidden`},children:[a(`span`,{"aria-hidden":!0,style:{visibility:`hidden`,whiteSpace:`nowrap`},children:_}),a(s,{mode:`popLayout`,initial:!1,children:a(c.span,{variants:u,initial:`enter`,animate:`center`,exit:`exit`,style:{position:`absolute`,insetInlineStart:0,insetBlockStart:0,width:`100%`,display:`inline-flex`,alignItems:`center`,justifyContent:`center`,whiteSpace:`nowrap`},children:g},g)})]})})}export{d as DepositStatusBannerPrimaryAction};

package/dist/flows/deposit/widgets/deposit-status-banner/compound/components/Rows.d.ts

@@ -0,0 +1,35 @@
+import { DepositStatusBannerRowProps } from "../types.js";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/flows/deposit/widgets/deposit-status-banner/compound/components/Rows.d.ts
+/**
+ * Predefined `Deposit tx` row inside `DepositStatusBanner.Details`. Reads
+ * `depositTx` from the {@link DepositStatusBanner} root and renders nothing
+ * when the value is missing.
+ */
+declare function DepositStatusBannerDepositTxRow({
+  label
+}?: DepositStatusBannerRowProps): _$react_jsx_runtime0.JSX.Element | null;
+/**
+ * Predefined `Completion tx` row. Renders only when the lifecycle is
+ * `succeeded` and the root supplies a `completionTx`.
+ */
+declare function DepositStatusBannerCompletionTxRow({
+  label
+}?: DepositStatusBannerRowProps): _$react_jsx_runtime0.JSX.Element | null;
+/**
+ * Predefined `Order submitted` row. Renders only when the root supplies a
+ * pre-formatted `submittedAt` timestamp.
+ */
+declare function DepositStatusBannerSubmittedAtRow({
+  label
+}?: DepositStatusBannerRowProps): _$react_jsx_runtime0.JSX.Element | null;
+/**
+ * Predefined `Order filled` row. Renders only when the root supplies a
+ * pre-formatted `filledAt` timestamp.
+ */
+declare function DepositStatusBannerFilledAtRow({
+  label
+}?: DepositStatusBannerRowProps): _$react_jsx_runtime0.JSX.Element | null;
+//#endregion
+export { DepositStatusBannerCompletionTxRow, DepositStatusBannerDepositTxRow, DepositStatusBannerFilledAtRow, DepositStatusBannerSubmittedAtRow };

package/dist/flows/deposit/widgets/deposit-status-banner/compound/components/Rows.js

@@ -0,0 +1 @@
+"use client";import{useLingui as e}from"../../../../../../shared/i18n/useLingui.js";import"../../../../../../i18n/index.js";import{useDepositStatusBannerContext as t}from"../context.js";import{DepositStatusBannerDetail as n}from"./Detail.js";import{TxHashValue as r}from"../../../../../../shared/primitives/TxHashValue/TxHashValue.js";import"../../../../../../shared/primitives/TxHashValue/index.js";import{jsx as i}from"react/jsx-runtime";function a({label:a}={}){let o=t(`DepositStatusBanner.DepositTxRow`),{_:s}=e();return o.depositTx?i(n,{label:a??s({id:`Q12Rrs`,message:`Deposit tx`}),value:i(r,{hash:o.depositTx.hash,...o.depositTx.explorerUrl?{explorerUrl:o.depositTx.explorerUrl}:{}})}):null}function o({label:a}={}){let o=t(`DepositStatusBanner.CompletionTxRow`),{_:s}=e();return o.completionTx?i(n,{label:a??s({id:`rZdp61`,message:`Completion tx`}),value:i(r,{hash:o.completionTx.hash,...o.completionTx.explorerUrl?{explorerUrl:o.completionTx.explorerUrl}:{}})}):null}function s({label:r}={}){let a=t(`DepositStatusBanner.SubmittedAtRow`),{_:o}=e();return a.submittedAt===void 0?null:i(n,{label:r??o({id:`TT0aVH`,message:`Order submitted`}),value:a.submittedAt})}function c({label:r}={}){let a=t(`DepositStatusBanner.FilledAtRow`),{_:o}=e();return a.filledAt===void 0?null:i(n,{label:r??o({id:`lOEm_1`,message:`Order filled`}),value:a.filledAt})}export{o as DepositStatusBannerCompletionTxRow,a as DepositStatusBannerDepositTxRow,c as DepositStatusBannerFilledAtRow,s as DepositStatusBannerSubmittedAtRow};

package/dist/flows/deposit/widgets/deposit-status-banner/compound/components/Toggle.d.ts

@@ -0,0 +1,18 @@
+import { DepositStatusBannerToggleProps } from "../types.js";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/flows/deposit/widgets/deposit-status-banner/compound/components/Toggle.d.ts
+/**
+ * See more / See less toggle. Renders a `Collapsible.Trigger` so the click hooks straight into
+ * the banner's `<Collapsible>` root — height transition, ARIA wiring, and reduced-motion
+ * fallback all flow through the kit's shared collapsible primitive.
+ *
+ * The `expanded` flag still reads from banner context so the label flips in lockstep with the
+ * controlled root state. Pass `expandLabel` / `collapseLabel` to override the defaults.
+ */
+declare function DepositStatusBannerToggle({
+  expandLabel,
+  collapseLabel
+}: DepositStatusBannerToggleProps): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { DepositStatusBannerToggle };

package/dist/flows/deposit/widgets/deposit-status-banner/compound/components/Toggle.js

@@ -0,0 +1 @@
+"use client";import{useLingui as e}from"../../../../../../shared/i18n/useLingui.js";import"../../../../../../i18n/index.js";import{Button as t}from"../../../../../../shared/ui/Button/Button.js";import"../../../../../../shared/ui/Button/index.js";import{Collapsible as n}from"../../../../../../shared/ui/Collapsible/Collapsible.js";import"../../../../../../shared/ui/Collapsible/index.js";import{DEPOSIT_STATUS_BANNER_SLOTS as r}from"../DepositStatusBanner.slots.js";import{useDepositStatusBannerContext as i}from"../context.js";import{jsx as a}from"react/jsx-runtime";function o({expandLabel:o,collapseLabel:s}){let{expanded:c}=i(`DepositStatusBanner.Toggle`),{_:l}=e(),u=o??l({id:`V1fa9u`,message:`See more`}),d=s??l({id:`uPo3PQ`,message:`See less`});return a(n.Trigger,{"data-stridge-slot":r.toggle,render:a(t,{type:`button`,variant:`secondary`,size:`sm`,children:c?d:u})})}export{o as DepositStatusBannerToggle};

package/dist/flows/deposit/widgets/deposit-status-banner/compound/context.js

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

package/dist/flows/deposit/widgets/deposit-status-banner/compound/index.d.ts

@@ -0,0 +1,3 @@
+import { DepositStatusBannerAsset, DepositStatusBannerBodyProps, DepositStatusBannerCloseProps, DepositStatusBannerDetailProps, DepositStatusBannerDetailsProps, DepositStatusBannerFooterProps, DepositStatusBannerHeroProps, DepositStatusBannerKind, DepositStatusBannerPrimaryActionProps, DepositStatusBannerProps, DepositStatusBannerRowProps, DepositStatusBannerToggleProps, DepositStatusBannerTxRef } from "./types.js";
+import { DepositStatusBanner } from "./DepositStatusBanner.js";
+import { DEPOSIT_STATUS_BANNER_SLOTS, DepositStatusBannerSlot } from "./DepositStatusBanner.slots.js";

package/dist/flows/deposit/widgets/deposit-status-banner/compound/index.js

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

package/dist/flows/deposit/widgets/deposit-status-banner/compound/types.d.ts

@@ -0,0 +1,188 @@
+import { ComponentProps, ReactNode } from "react";
+import { DestinationDto, GatewayLegFromDto, GatewayLegToDto, GatewayPollResponse } from "@stridge/sdk";
+
+//#region src/flows/deposit/widgets/deposit-status-banner/compound/types.d.ts
+/**
+ * Discriminator for the banner's lifecycle. The orchestrator-bound wrapper derives this from the
+ * deposit's processing watcher; canvas / showcase mounts pass it directly.
+ *
+ * - `pending` — the deposit is in flight. Hero shows the down-arrow status badge over the
+ *   destination logo and the primary CTA navigates to the full processing screen.
+ * - `succeeded` — the deposit landed. Hero swaps to the check badge and the CTA navigates to the
+ *   full success widget so the user can inspect the receipt.
+ * - `failed` — the deposit didn't complete. The CTA is hidden (the user routes through the
+ *   error widget via the standard processing flow); the banner just surfaces the bad news.
+ */
+type DepositStatusBannerKind = "pending" | "succeeded" | "failed";
+/**
+ * Tx hash + optional explorer URL surfaced in the expanded detail panel.
+ */
+interface DepositStatusBannerTxRef {
+  hash: string;
+  explorerUrl?: string;
+  /**
+   * Source leg DTO (`from` for the deposit tx, `to` for the completion tx).
+   */
+  raw?: GatewayLegFromDto | GatewayLegToDto;
+  /**
+   * Full `gateway/{owner}` poll response that produced the leg.
+   */
+  responseRaw?: GatewayPollResponse;
+}
+/**
+ * Destination chrome rendered in the Hero. Drives the `<TokenLogo>` resolution.
+ */
+interface DepositStatusBannerAsset {
+  symbol: string;
+  chainId?: number;
+  address?: string;
+  isNative?: boolean;
+  logoUrl?: string;
+  /**
+   * Destination DTO carried from the matched settlement / poll response.
+   */
+  raw?: DestinationDto;
+  /**
+   * Full `gateway/{owner}` poll response that produced the destination.
+   */
+  responseRaw?: GatewayPollResponse;
+}
+/**
+ * Public props accepted by the {@link DepositStatusBanner} root.
+ */
+interface DepositStatusBannerProps {
+  /** Lifecycle stage — drives the badge glyph, the default copy, and which CTA renders. */
+  kind: DepositStatusBannerKind;
+  /** Destination asset shown in the Hero next to the headline. */
+  asset: DepositStatusBannerAsset;
+  /**
+   * Optional headline override. When omitted the banner picks the canonical line for `kind`
+   * (`"Deposit received and processing…"` / `"Deposit completed"` / `"Deposit didn't complete"`).
+   */
+  headline?: string;
+  /**
+   * Optional subline override. When omitted the banner picks the canonical copy for `kind`.
+   */
+  subline?: string;
+  /** Whether the expanded detail panel is open. Controlled — pair with `onToggleExpanded`. */
+  expanded: boolean;
+  /** Toggle handler for the See more / See less affordance. */
+  onToggleExpanded: () => void;
+  /** Dismiss handler for the X close affordance. Omit `onDismiss` to hide the X entirely. */
+  onDismiss?: () => void;
+  /**
+   * Source-chain deposit tx — surfaces as the `Deposit tx` row inside
+   * `<DepositStatusBanner.DepositTxRow />`.
+   */
+  depositTx?: DepositStatusBannerTxRef;
+  /**
+   * Destination-chain completion tx — surfaces as the `Completion tx`
+   * row inside `<DepositStatusBanner.CompletionTxRow />`. Renders only
+   * for the `succeeded` lifecycle.
+   */
+  completionTx?: DepositStatusBannerTxRef;
+  /**
+   * Pre-formatted "order submitted" timestamp — surfaces as the
+   * `Order submitted` row inside `<DepositStatusBanner.SubmittedAtRow />`.
+   */
+  submittedAt?: string;
+  /**
+   * Pre-formatted "order filled" timestamp — surfaces as the
+   * `Order filled` row inside `<DepositStatusBanner.FilledAtRow />`.
+   */
+  filledAt?: string;
+  /**
+   * Click handler routed to {@link DepositStatusBannerPrimaryAction}.
+   * Omit to hide the CTA entirely.
+   */
+  onPrimaryAction?: () => void;
+  /**
+   * Strips the floating absolute-positioned chrome so the banner flows inline. Use only in
+   * canvas / showcase / storybook contexts; production should leave this `false` so the banner
+   * anchors at the bottom of the dialog frame.
+   */
+  inline?: boolean;
+  /**
+   * Children. The recommended composition is `<DepositStatusBanner.Body />`,
+   * `<DepositStatusBanner.Details />`, `<DepositStatusBanner.Footer />`. Hosts that want a
+   * trimmed banner can drop sections.
+   */
+  children?: ReactNode;
+}
+/**
+ * Props for `DepositStatusBanner.Body` — the top row container holding the Hero + close
+ * affordance.
+ */
+type DepositStatusBannerBodyProps = ComponentProps<"div">;
+/**
+ * Props for `DepositStatusBanner.Hero` — token logo with status badge plus headline + subline.
+ * Reads everything from context.
+ */
+type DepositStatusBannerHeroProps = Record<string, never>;
+/**
+ * Props for `DepositStatusBanner.Close` — the X dismiss affordance. Reads `onDismiss` from
+ * context; renders nothing when none is set.
+ */
+interface DepositStatusBannerCloseProps {
+  /** Override the default `aria-label` (`"Dismiss pending deposit notice"`). */
+  "aria-label"?: string;
+}
+/**
+ * Props for `DepositStatusBanner.Details` — the expanded detail panel container. Children are
+ * `DepositStatusBanner.Detail` rows. Hidden when `expanded === false`.
+ */
+interface DepositStatusBannerDetailsProps {
+  children?: ReactNode;
+}
+/**
+ * Props for `DepositStatusBanner.Detail` — a single label/value row inside Details.
+ */
+interface DepositStatusBannerDetailProps {
+  label: string;
+  value: ReactNode;
+}
+/**
+ * Props for `DepositStatusBanner.Footer` — the bottom row container (toggle on the leading edge,
+ * primary action on the trailing edge).
+ */
+type DepositStatusBannerFooterProps = ComponentProps<"div">;
+/**
+ * Props for `DepositStatusBanner.Toggle` — the See more / See less control. Reads `expanded` and
+ * `onToggleExpanded` from context.
+ */
+interface DepositStatusBannerToggleProps {
+  /** Override the collapsed-state label. Defaults to `"See more"`. */
+  expandLabel?: string;
+  /** Override the expanded-state label. Defaults to `"See less"`. */
+  collapseLabel?: string;
+}
+/**
+ * Props for `DepositStatusBanner.PrimaryAction` — the CTA pill. Hidden by default; the host
+ * provides an `onClick` (or sets `onPrimaryAction` on the {@link DepositStatusBanner} root) to
+ * opt in. The label defaults are kind-aware (`"View progress"` for pending, `"View receipt"`
+ * for succeeded).
+ */
+interface DepositStatusBannerPrimaryActionProps {
+  /**
+   * Optional override for the click handler. Defaults to the
+   * `onPrimaryAction` set on the {@link DepositStatusBanner} root.
+   */
+  onClick?: () => void;
+  /** Override the auto-selected label. */
+  label?: string;
+}
+/**
+ * Props for the predefined detail rows
+ * ({@link DepositStatusBannerDepositTxRow},
+ * {@link DepositStatusBannerCompletionTxRow},
+ * {@link DepositStatusBannerSubmittedAtRow},
+ * {@link DepositStatusBannerFilledAtRow}). Each row pulls its value from
+ * the {@link DepositStatusBanner} root's payload props and renders
+ * nothing when the value is missing.
+ */
+interface DepositStatusBannerRowProps {
+  /** Override the row label. */
+  label?: string;
+}
+//#endregion
+export { DepositStatusBannerAsset, DepositStatusBannerBodyProps, DepositStatusBannerCloseProps, DepositStatusBannerDetailProps, DepositStatusBannerDetailsProps, DepositStatusBannerFooterProps, DepositStatusBannerHeroProps, DepositStatusBannerKind, DepositStatusBannerPrimaryActionProps, DepositStatusBannerProps, DepositStatusBannerRowProps, DepositStatusBannerToggleProps, DepositStatusBannerTxRef };

package/dist/flows/deposit/widgets/deposit-status-banner/index.d.ts

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

package/dist/flows/deposit/widgets/deposit-status-banner/index.js

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

package/dist/flows/deposit/widgets/error-state/ErrorState.d.ts

@@ -0,0 +1,30 @@
+import { DialogShellControls } from "../../../../shared/dialog/DialogShell.js";
+import { ComponentProps } from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/flows/deposit/widgets/error-state/ErrorState.d.ts
+/**
+ * Orchestrated `ErrorState` widget. Two render paths:
+ *
+ * - Settlement-derived failure (driver's `settlement` entity reached `ready` with
+ *   `payload.kind === "failed"`). Renders the full failure receipt — source wallet,
+ *   destination, intended receive amount, deposit tx, timestamps.
+ * - FSM-derived failure (the orchestrator routed to `error` after a quote / submission
+ *   rejection). The widget renders just the headline + reason + Try again, since there's
+ *   no settlement record to surface.
+ */
+declare function ErrorState(props: ComponentProps<"div">): _$react_jsx_runtime0.JSX.Element | null;
+declare function ErrorStateDialog({
+  open,
+  defaultOpen,
+  onOpenChange,
+  trigger,
+  ...rootProps
+}: ErrorState.DialogProps): _$react_jsx_runtime0.JSX.Element;
+declare namespace ErrorState {
+  type Props = ComponentProps<"div">;
+  type DialogProps = ComponentProps<"div"> & DialogShellControls;
+  const Dialog: typeof ErrorStateDialog;
+}
+//#endregion
+export { ErrorState };

package/dist/flows/deposit/widgets/error-state/ErrorState.js

@@ -0,0 +1 @@
+"use client";import{useDepositSnapshot as e}from"../../driver/context.js";import{useLingui as t}from"../../../../shared/i18n/useLingui.js";import"../../../../i18n/index.js";import{useFailureReasonForKind as n}from"../../../../shared/orchestrator/failureReason.js";import"../../../../shared/orchestrator/index.js";import{useDepositActions as r,useDepositEffectiveState as i}from"../../orchestrator/controller.js";import{DialogShell as a}from"../../../../shared/dialog/DialogShell.js";import{ErrorState as o}from"../../../../shared/widgets/error-state/compound/ErrorState.js";import"../../../../shared/widgets/error-state/compound/index.js";import{toAssetDescriptor as s}from"../../../../shared/widgets/asset-descriptor.js";import{jsx as c,jsxs as l}from"react/jsx-runtime";function u(a){let u=e(),d=i(),{tryAgain:f}=r(),{_:p}=t(),m=n();if(d.name!==`error`)return null;let h=u.settlement,g=h.status===`ready`&&h.payload.kind===`failed`?h.payload:void 0,_=d.name===`error`?d.ctx.failure:void 0,v=p({id:`i-4Fbp`,message:`Deposit failed`}),y=g?m(g.failureKind):_?.reason;if(!g)return l(o,{...a,headline:v,...y?{reason:y}:{},onTryAgain:f,children:[c(o.Header,{}),c(o.Body,{children:c(o.Hero,{})}),c(o.Actions,{})]});let b=g,x={...b.sourceWallet.name===void 0?{}:{name:b.sourceWallet.name},address:b.sourceWallet.address.formatted,...b.sourceWallet.explorerUrl?{explorerUrl:b.sourceWallet.explorerUrl}:{}},S={...b.destination.name===void 0?{}:{name:b.destination.name},address:b.destination.address.formatted},C=s(b.creditedAsset)??{symbol:b.creditedAsset.symbol},w={hash:b.txHash.formatted,...b.txExplorerUrl?{explorerUrl:b.txExplorerUrl}:{}};return l(o,{...a,headline:v,...y?{reason:y}:{},sourceWallet:x,destination:S,receiveAmount:b.receiveAmount.formatted,receiveAsset:C,depositTx:w,submittedAt:b.submittedAt.formatted,failedAt:b.failedAt.formatted,onTryAgain:f,children:[c(o.Header,{}),l(o.Body,{children:[c(o.Hero,{}),l(o.Details,{children:[c(o.FillStatusRow,{}),c(o.SourceRow,{}),c(o.DestinationRow,{}),c(o.YouReceiveRow,{}),l(o.MoreDetails,{children:[c(o.DepositTxRow,{}),c(o.SubmittedAtRow,{}),c(o.FailedAtRow,{})]})]}),c(o.HelpInfo,{})]}),c(o.Actions,{})]})}function d({open:e,defaultOpen:t,onOpenChange:n,trigger:r,...i}){return c(a,{open:e,defaultOpen:t,onOpenChange:n,trigger:r,children:c(u,{...i})})}(function(e){e.Dialog=d})(u||={});export{u as ErrorState};

package/dist/flows/deposit/widgets/error-state/index.d.ts

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

package/dist/flows/deposit/widgets/error-state/index.js

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

package/dist/flows/deposit/widgets/processing-state/ProcessingState.d.ts

@@ -0,0 +1,31 @@
+import { DialogShellControls } from "../../../../shared/dialog/DialogShell.js";
+import { ComponentProps } from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/flows/deposit/widgets/processing-state/ProcessingState.d.ts
+/**
+ * Orchestrated `ProcessingState` widget. Mounts as soon as the FSM enters `processing` —
+ * **does not** wait for the driver's `settlement` entity to reach `pending`.
+ *
+ * The wallet flow gives the kit a `TxRef` synchronously (the wallet's broadcast hash) before the
+ * gateway's poll catches up, so the user sees the processing chrome immediately even though the
+ * indexer hasn't recorded the source-chain deposit yet. As the settlement entity transitions
+ * through the pending lifecycle, the widget upgrades its rows in place — the credited amount,
+ * `detectedAt` timestamp, and source-wallet adornment land when the indexer picks them up; the
+ * deposit-tx hash is shown immediately from `state.ctx.tx`.
+ */
+declare function ProcessingState(props: ComponentProps<"div">): _$react_jsx_runtime0.JSX.Element | null;
+declare function ProcessingStateDialog({
+  open,
+  defaultOpen,
+  onOpenChange,
+  trigger,
+  ...rootProps
+}: ProcessingState.DialogProps): _$react_jsx_runtime0.JSX.Element;
+declare namespace ProcessingState {
+  type Props = ComponentProps<"div">;
+  type DialogProps = ComponentProps<"div"> & DialogShellControls;
+  const Dialog: typeof ProcessingStateDialog;
+}
+//#endregion
+export { ProcessingState };

package/dist/flows/deposit/widgets/processing-state/ProcessingState.js

@@ -0,0 +1 @@
+"use client";import{useDepositSnapshot as e}from"../../driver/context.js";import{useLingui as t}from"../../../../shared/i18n/useLingui.js";import"../../../../i18n/index.js";import{useDepositActions as n,useDepositEffectiveState as r}from"../../orchestrator/controller.js";import{shortenAddress as i}from"../../../../shared/format/shortenAddress.js";import{DialogShell as a}from"../../../../shared/dialog/DialogShell.js";import{ProcessingState as o}from"../../../../shared/widgets/processing-state/compound/ProcessingState.js";import"../../../../shared/widgets/processing-state/compound/index.js";import{jsx as s,jsxs as c}from"react/jsx-runtime";function l(a){let l=e(),u=r(),{back:d,close:f}=n(),{_:p}=t();if(u.name!==`processing`)return null;let m=l.settlement,h=(m.status===`ready`||m.status===`stale`)&&m.payload.kind===`pending`?m.payload:void 0,g=l.brand,_=g.status===`ready`||g.status===`stale`?g.payload.name:void 0,v=l.target,y=v.status===`ready`||v.status===`stale`?v.payload:void 0,b=l.wallet,x=b.status===`ready`||b.status===`stale`?b.payload:void 0,S=!h||h.receiveAmount.value===0,C=h?h.receiveAmount.formatted:``,w=h?.creditedAsset.symbol??y?.symbol??``,T=h?.creditedTo||_||w,E=u.ctx.tx,D=h?.txHash?.formatted??(E.hash?i(E.hash):``),O=h?.txExplorerUrl??E.explorerUrl,k=h?.sourceWallet.name??p({id:`sb9Y58`,message:`Wallet`}),A=h?.sourceWallet.address.formatted??x?.address.formatted??``,j=h?.sourceWallet.explorerUrl,M=A?{name:k,address:A,...j?{explorerUrl:j}:{}}:void 0,N=D?{hash:D,...O?{explorerUrl:O}:{}}:void 0;return c(o,{...a,amount:C,creditedAsset:{symbol:w},creditedTo:T,...S?{loading:!0}:{},onBack:d,...M?{sourceWallet:M}:{},...N?{sourceTx:N}:{},...h?.submittedAt?{submittedAt:h.submittedAt.formatted}:{},...h?.detectedAt?{detectedAt:h.detectedAt.formatted}:{},onClose:f,children:[s(o.Header,{}),c(o.Body,{children:[s(o.Hero,{}),s(o.StatusPill,{}),c(o.Details,{children:[s(o.SourceRow,{}),s(o.SourceTxRow,{}),s(o.SubmittedAtRow,{}),s(o.DetectedAtRow,{})]})]}),s(o.Actions,{})]})}function u({open:e,defaultOpen:t,onOpenChange:n,trigger:r,...i}){return s(a,{open:e,defaultOpen:t,onOpenChange:n,trigger:r,children:s(l,{...i})})}(function(e){e.Dialog=u})(l||={});export{l as ProcessingState};

package/dist/flows/deposit/widgets/processing-state/index.d.ts

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

package/dist/flows/deposit/widgets/processing-state/index.js

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

package/dist/flows/deposit/widgets/success-state/SuccessState.d.ts

@@ -0,0 +1,30 @@
+import { DialogShellControls } from "../../../../shared/dialog/DialogShell.js";
+import { ComponentProps } from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/flows/deposit/widgets/success-state/SuccessState.d.ts
+/**
+ * Orchestrated `SuccessState` widget. Reads the matched (succeeded) settlement entity from the
+ * active {@link import("#/flows/deposit/driver").DepositDriver} and routes the done affordance through the
+ * orchestrator actions surface.
+ *
+ * Renders nothing until the driver's `settlement` entity reaches `ready` with
+ * `payload.kind === "succeeded"`. Production callers mount the widget inside the kit's
+ * `<DepositDialog />` shell; the dialog's lifecycle gates the render on the FSM's `success`
+ * state.
+ */
+declare function SuccessState(props: ComponentProps<"div">): _$react_jsx_runtime0.JSX.Element | null;
+declare function SuccessStateDialog({
+  open,
+  defaultOpen,
+  onOpenChange,
+  trigger,
+  ...rootProps
+}: SuccessState.DialogProps): _$react_jsx_runtime0.JSX.Element;
+declare namespace SuccessState {
+  type Props = ComponentProps<"div">;
+  type DialogProps = ComponentProps<"div"> & DialogShellControls;
+  const Dialog: typeof SuccessStateDialog;
+}
+//#endregion
+export { SuccessState };

package/dist/flows/deposit/widgets/success-state/SuccessState.js

@@ -0,0 +1 @@
+"use client";import{useDepositSnapshot as e}from"../../driver/context.js";import{useDepositActions as t,useDepositEffectiveState as n}from"../../orchestrator/controller.js";import{DialogShell as r}from"../../../../shared/dialog/DialogShell.js";import{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(r){let c=e(),l=n().name,{successDone:u}=t();if(l!==`success`)return null;let d=c.settlement;if(d.status!==`ready`||d.payload.kind!==`succeeded`)return null;let f=d.payload,p=c.brand,m=p.status===`ready`||p.status===`stale`?p.payload.name:void 0,h=f.destination.name??m??f.creditedAsset.symbol,g=f.aggregatorExplorerUrl?{url:f.aggregatorExplorerUrl}:void 0,_=f.depositTx||f.completionTx||f.submittedAt||f.filledAt,v=a(f.creditedAsset)??{symbol:f.creditedAsset.symbol},y={...f.sourceWallet.name===void 0?{}:{name:f.sourceWallet.name},address:f.sourceWallet.address.formatted,...f.sourceWallet.explorerUrl?{explorerUrl:f.sourceWallet.explorerUrl}:{}};return s(i,{...r,amount:f.receiveAmount.formatted,creditedAsset:v,creditedTo:h,...g?{explorer:g}:{},...f.depositTx?{depositTx:{hash:f.depositTx.hash.formatted,...f.depositTx.explorerUrl?{explorerUrl:f.depositTx.explorerUrl}:{}}}:{},...f.completionTx?{completionTx:{hash:f.completionTx.hash.formatted,...f.completionTx.explorerUrl?{explorerUrl:f.completionTx.explorerUrl}:{}}}:{},submittedAt:f.submittedAt.formatted,filledAt:f.filledAt.formatted,totalTime:f.totalTime.formatted,sourceWallet:y,onDone:u,children:[o(i.Header,{}),s(i.Body,{children:[o(i.Headline,{}),s(i.Details,{children:[o(i.FillStatusRow,{}),o(i.TotalTimeRow,{}),o(i.SourceRow,{}),o(i.DestinationRow,{}),o(i.YouReceiveRow,{}),_?s(i.MoreDetails,{children:[o(i.DepositTxRow,{}),o(i.CompletionTxRow,{}),o(i.SubmittedAtRow,{}),o(i.FilledAtRow,{})]}):null]})]}),o(i.Actions,{})]})}function l({open:e,defaultOpen:t,onOpenChange:n,trigger:i,...a}){return o(r,{open:e,defaultOpen:t,onOpenChange:n,trigger:i,children:o(c,{...a})})}(function(e){e.Dialog=l})(c||={});export{c as SuccessState};

package/dist/flows/deposit/widgets/success-state/index.d.ts

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

package/dist/flows/deposit/widgets/success-state/index.js

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