@stridge/kit 0.1.0-alpha.4 → 0.1.0-alpha.40

package/dist/shared/ui/Details/Details.styles.js

@@ -1 +1 @@
-const e={root:{"Details__styles.root":`Details__styles.root`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`xdt5ytf`,"backgroundColor-kWkggS":`x14ogoj5`,"borderColor-kVAM5u":`xbeer74`,"borderRadius-kaIpWk":`xxbqt08`,"borderStyle-ksu8eU":`x1y0btm7`,"borderWidth-kMzoRj":`xmkeg23`,"color-kMwMTN":`x1i40r7x`,"fontFamily-kMv6JI":`xlaww2m`,"overflow-kVQacm":`x7giv3`,$$css:`@stridge/kit:src/shared/ui/Details/Details.styles.ts:4`},row:{"Details__styles.row":`Details__styles.row`,"alignItems-kGNEyG":`x6s0dn4`,"borderBottomColor-kL6WhQ":`x2kdqbz`,"borderBottomStyle-kfdmCh":`x1q0q8m5`,"borderBottomWidth-kt9PQ7":`xso031l`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`x1q0g3np`,"gap-kOIVth":`x1v2ro7d`,"justifyContent-kjj79g":`x1qughib`,"paddingBlock-k8WAf4":`xxlmvz2`,"paddingInline-kg3NbH":`x1hr3lfm`,":last-child_borderBottomWidth-kx8K5S":`x1t1lzn6`,$$css:`@stridge/kit:src/shared/ui/Details/Details.styles.ts:16`},label:{"Details__styles.label":`Details__styles.label`,"color-kMwMTN":`x18cw6k6`,"fontSize-kGuDYH":`x4z9k3i`,"fontWeight-k63SB2":`xk50ysn`,"letterSpacing-kb6lSQ":`x1ixy4ik`,"lineHeight-kLWn49":`x1d3mw78`,$$css:`@stridge/kit:src/shared/ui/Details/Details.styles.ts:31`},value:{"Details__styles.value":`Details__styles.value`,"alignItems-kGNEyG":`x6s0dn4`,"color-kMwMTN":`x1i40r7x`,"display-k1xSpc":`x3nfvp2`,"flexDirection-kXwgrk":`x1q0g3np`,"fontSize-kGuDYH":`x4z9k3i`,"fontWeight-k63SB2":`x1s688f`,"gap-kOIVth":`x167g77z`,"letterSpacing-kb6lSQ":`x1ixy4ik`,"lineHeight-kLWn49":`x1d3mw78`,"minWidth-k7Eaqz":`xeuugli`,"textAlign-k9WMMc":`xp4054r`,$$css:`@stridge/kit:src/shared/ui/Details/Details.styles.ts:38`}};export{e as styles};
+const e={root:{"Details__styles.root":`Details__styles.root`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`xdt5ytf`,"backgroundColor-kWkggS":`x14ogoj5`,"borderColor-kVAM5u":`xbeer74`,"borderRadius-kaIpWk":`xxbqt08`,"borderStyle-ksu8eU":`x1y0btm7`,"borderWidth-kMzoRj":`xmkeg23`,"color-kMwMTN":`x1i40r7x`,"fontFamily-kMv6JI":`xlaww2m`,"overflow-kVQacm":`x7giv3`,$$css:`@stridge/kit:src/shared/ui/Details/Details.styles.ts:4`},row:{"Details__styles.row":`Details__styles.row`,"alignItems-kGNEyG":`x6s0dn4`,"borderBottomColor-kL6WhQ":`x2kdqbz`,"borderBottomStyle-kfdmCh":`x1q0q8m5`,"borderBottomWidth-kt9PQ7":`xso031l`,"color-kMwMTN":`x1i40r7x`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`x1q0g3np`,"fontSize-kGuDYH":`x1oae1zf`,"fontWeight-k63SB2":`x1qvi77d`,"gap-kOIVth":`x1v2ro7d`,"justifyContent-kjj79g":`x1qughib`,"letterSpacing-kb6lSQ":`x1ixy4ik`,"lineHeight-kLWn49":`x2fnr2h`,"paddingBlock-k8WAf4":`xxlmvz2`,"paddingInline-kg3NbH":`x1hr3lfm`,":last-child_borderBottomWidth-kx8K5S":`x1t1lzn6`,$$css:`@stridge/kit:src/shared/ui/Details/Details.styles.ts:16`},label:{"Details__styles.label":`Details__styles.label`,"color-kMwMTN":`x18cw6k6`,"fontWeight-k63SB2":`xi0sa8g`,$$css:`@stridge/kit:src/shared/ui/Details/Details.styles.ts:36`},value:{"Details__styles.value":`Details__styles.value`,"alignItems-kGNEyG":`x6s0dn4`,"display-k1xSpc":`x3nfvp2`,"flexDirection-kXwgrk":`x1q0g3np`,"gap-kOIVth":`x167g77z`,"minWidth-k7Eaqz":`xeuugli`,"textAlign-k9WMMc":`xp4054r`,$$css:`@stridge/kit:src/shared/ui/Details/Details.styles.ts:40`}};export{e as styles};

package/dist/shared/ui/Dialog/Dialog.js

@@ -1 +1 @@
-"use client";import{useLingui as e}from"../../i18n/useLingui.js";import"../../../i18n/index.js";import{KitPortalScope as t}from"../../../scope/KitPortalScope.js";import"../../../scope/index.js";import{XIcon as n}from"../../icons/XIcon.js";import"../../../icons/index.js";import{joinClassNames as r}from"../../utils/joinClassNames.js";import{mergeClassName as i}from"../../utils/mergeClassName.js";import{mergeStyle as a}from"../../utils/mergeStyle.js";import{IconButton as o}from"../IconButton/IconButton.js";import"../IconButton/index.js";import{ScrollArea as s}from"../ScrollArea/ScrollArea.js";import"../ScrollArea/index.js";import{DIALOG_SLOTS as c}from"./Dialog.slots.js";import{styles as l}from"./Dialog.styles.js";import{createContext as u,use as d}from"react";import{jsx as f,jsxs as p}from"react/jsx-runtime";import*as m from"@stylexjs/stylex";import{Dialog as h}from"@base-ui/react/dialog";const g=u(!1);function _(){return d(g)}function v(e){return f(h.Root,{"data-stridge-slot":c.root,...e})}function y(e){return f(h.Trigger,{"data-stridge-slot":c.trigger,...e})}function b(e){return f(h.Portal,{"data-stridge-slot":c.portal,...e})}function x(e){return f(h.Close,{"data-stridge-slot":c.close,...e})}function S({className:e,style:t,...n}){let r=m.props(l.overlay);return f(h.Backdrop,{"data-stridge-slot":c.overlay,...n,className:i(r.className,e),style:a(r.style,t)})}function C({children:e,className:n,style:r,container:o,...s}){let u=m.props(l.content);return f(b,{container:o??void 0,children:p(t,{children:[f(S,{}),f(h.Popup,{"data-stridge-slot":c.content,...s,className:i(u.className,n),style:a(u.style,r),children:f(g.Provider,{value:!0,children:e})})]})})}function w(){let t=_(),{_:r}=e();return t?f(h.Close,{"data-stridge-slot":c.close,render:f(o,{"aria-label":r({id:`yz7wBu`,message:`Close`}),...m.props(l.closeButton),children:f(n,{"aria-hidden":!0})})}):null}function T({className:e,style:t,...n}){let i=m.props(l.header);return f(`div`,{"data-stridge-slot":c.header,...n,className:r(i.className,e),style:{...i.style,...t}})}function E({className:e,style:t,children:n,...i}){let a=m.props(l.body),o=m.props(l.bodyScrollArea),u=m.props(l.bodyScrollViewport),d=m.props(l.bodyInner);return f(`div`,{"data-stridge-slot":c.body,className:a.className,style:a.style,children:p(s,{className:o.className,style:o.style,children:[f(s.Viewport,{...i,className:r(u.className,e),style:{...u.style,...t},children:f(`div`,{className:d.className,style:d.style,children:n})}),f(s.Scrollbar,{orientation:`vertical`,children:f(s.Thumb,{})})]})})}function D({className:e,style:t,...n}){let i=m.props(l.footer);return f(`div`,{"data-stridge-slot":c.footer,...n,className:r(i.className,e),style:{...i.style,...t}})}function O({className:e,style:t,...n}){let r=m.props(l.title);return f(h.Title,{"data-stridge-slot":c.title,...n,className:i(r.className,e),style:a(r.style,t)})}function k({className:e,style:t,...n}){let r=m.props(l.description);return f(h.Description,{"data-stridge-slot":c.description,...n,className:i(r.className,e),style:a(r.style,t)})}(function(e){e.Trigger=y,e.Close=x,e.CloseButton=w,e.Portal=b,e.Overlay=S,e.Content=C,e.Header=T,e.Body=E,e.Footer=D,e.Title=O,e.Description=k})(v||={});export{v as Dialog,_ as useIsInsideDialogContent};
+"use client";import{useLingui as e}from"../../i18n/useLingui.js";import"../../../i18n/index.js";import{KitPortalScope as t}from"../../../scope/KitPortalScope.js";import"../../../scope/index.js";import{joinClassNames as n}from"../../utils/joinClassNames.js";import{XIcon as r}from"../../icons/XIcon.js";import"../../../icons/index.js";import{mergeClassName as i}from"../../utils/mergeClassName.js";import{mergeStyle as a}from"../../utils/mergeStyle.js";import{IconButton as o}from"../IconButton/IconButton.js";import"../IconButton/index.js";import{ScrollArea as s}from"../ScrollArea/ScrollArea.js";import"../ScrollArea/index.js";import{DIALOG_SLOTS as c}from"./Dialog.slots.js";import{styles as l}from"./Dialog.styles.js";import{createContext as u,use as d}from"react";import{jsx as f,jsxs as p}from"react/jsx-runtime";import*as m from"@stylexjs/stylex";import{Dialog as h}from"@base-ui/react/dialog";const g=u(!1);function _(){return d(g)}function v(e){return f(h.Root,{"data-stridge-slot":c.root,...e})}function y(e){return f(h.Trigger,{"data-stridge-slot":c.trigger,...e})}function b(e){return f(h.Portal,{"data-stridge-slot":c.portal,...e})}function x(e){return f(h.Close,{"data-stridge-slot":c.close,...e})}function S({className:e,style:t,...n}){let r=m.props(l.overlay);return f(h.Backdrop,{"data-stridge-slot":c.overlay,...n,className:i(r.className,e),style:a(r.style,t)})}function C({children:e,className:n,style:r,container:o,...s}){let u=m.props(l.content);return f(b,{container:o??void 0,children:p(t,{children:[f(S,{}),f(h.Popup,{"data-stridge-slot":c.content,...s,className:i(u.className,n),style:a(u.style,r),children:f(g.Provider,{value:!0,children:e})})]})})}function w(){let t=_(),{_:n}=e();return t?f(h.Close,{"data-stridge-slot":c.close,render:f(o,{"aria-label":n({id:`yz7wBu`,message:`Close`}),...m.props(l.closeButton),children:f(r,{"aria-hidden":!0})})}):null}function T({className:e,style:t,...r}){let i=m.props(l.header);return f(`div`,{"data-stridge-slot":c.header,...r,className:n(i.className,e),style:{...i.style,...t}})}function E({className:e,style:t,children:r,...i}){let a=m.props(l.body),o=m.props(l.bodyScrollArea),u=m.props(l.bodyScrollViewport),d=m.props(l.bodyInner);return f(`div`,{"data-stridge-slot":c.body,className:a.className,style:a.style,children:p(s,{className:o.className,style:o.style,children:[f(s.Viewport,{...i,className:n(u.className,e),style:{...u.style,...t},children:f(`div`,{className:d.className,style:d.style,children:r})}),f(s.Scrollbar,{orientation:`vertical`,children:f(s.Thumb,{})})]})})}function D({className:e,style:t,...r}){let i=m.props(l.footer);return f(`div`,{"data-stridge-slot":c.footer,...r,className:n(i.className,e),style:{...i.style,...t}})}function O({className:e,style:t,...n}){let r=m.props(l.title);return f(h.Title,{"data-stridge-slot":c.title,...n,className:i(r.className,e),style:a(r.style,t)})}function k({className:e,style:t,...n}){let r=m.props(l.description);return f(h.Description,{"data-stridge-slot":c.description,...n,className:i(r.className,e),style:a(r.style,t)})}(function(e){e.Trigger=y,e.Close=x,e.CloseButton=w,e.Portal=b,e.Overlay=S,e.Content=C,e.Header=T,e.Body=E,e.Footer=D,e.Title=O,e.Description=k})(v||={});export{v as Dialog,_ as useIsInsideDialogContent};

package/dist/shared/ui/Dialog/Dialog.styles.js

@@ -1 +1 @@
-const e={overlay:{"Dialog__styles.overlay":`Dialog__styles.overlay`,"position-kVAEAm":`xixxii4`,"inset-kpwlN0":`x10a8y8t`,"zIndex-kY2c9j":`xg4qres`,"backgroundColor-kWkggS":`xyxldge`,"[data-open]_animationName-k6MjMx":`x12nsbnh`,"[data-open]_animationDuration-kQT8Nr":`x1e1ssmj`,"[data-open]_animationTimingFunction-kGrMy9":`x1o9hdch`,"[data-open]_animationFillMode-kmxUqy":`x1je04mk`,"[data-closed]_animationName-khiDtg":`x5l6jkr`,"[data-closed]_animationDuration-kfqKPr":`x1ej03p1`,"[data-closed]_animationTimingFunction-kBIjI2":`x7w1vdx`,"[data-closed]_animationFillMode-kd5yZw":`x1i76y9b`,"@media (prefers-reduced-motion: reduce)_animationName-kjO2d4":`x1aquc0h`,"@media (prefers-reduced-motion: reduce)_animationDuration-kkDQuc":`x1u6grsq`,$$css:`@stridge/kit:src/shared/ui/Dialog/Dialog.styles.ts:26`},content:{"Dialog__styles.content":`Dialog__styles.content`,"position-kVAEAm":`xixxii4`,"inset-kpwlN0":`x10a8y8t`,"margin-kogj98":`x1bpp3o7`,"zIndex-kY2c9j":`x51lqrf`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`xdt5ytf`,"width-kzqmXN":`xh8yej3`,"height-kZKoxP":`xg7h5cd`,"maxWidth-ks0D6T":`xvq9yp0`,"maxHeight-kskxy":`x1q5actc`,"borderWidth-kMzoRj":`xmkeg23`,"borderStyle-ksu8eU":`x1y0btm7`,"borderColor-kVAM5u":`x1aqcfi1`,"borderRadius-kaIpWk":`x1c2egtx`,"backgroundColor-kWkggS":`x3cgcfv`,"color-kMwMTN":`xzn0pkc`,"boxShadow-kGVxlE":`xa2vu2y`,"fontFamily-kMv6JI":`xlaww2m`,"outline-kI3sdo":`x1a2a7pz`,"overflow-kVQacm":`x7giv3`,"transform-k3aq6I":`x3oybdh`,"transformOrigin-k3nNDw":`x1g0ag68`,"willChange-k6sLGO":`x6my1t9`,"[data-open]_animationName-k6MjMx":`x1lhd1x2`,"[data-open]_animationDuration-kQT8Nr":`x1e1ssmj`,"[data-open]_animationTimingFunction-kGrMy9":`x1o9hdch`,"[data-open]_animationFillMode-kmxUqy":`x1je04mk`,"[data-closed]_animationName-khiDtg":`x1t6nk59`,"[data-closed]_animationDuration-kfqKPr":`x1ej03p1`,"[data-closed]_animationTimingFunction-kBIjI2":`x7w1vdx`,"[data-closed]_animationFillMode-kd5yZw":`x1i76y9b`,"@media (prefers-reduced-motion: reduce)_animationName-kjO2d4":`x1aquc0h`,"@media (prefers-reduced-motion: reduce)_animationDuration-kkDQuc":`x1u6grsq`,$$css:`@stridge/kit:src/shared/ui/Dialog/Dialog.styles.ts:66`},closeButton:{"Dialog__styles.closeButton":`Dialog__styles.closeButton`,"marginInlineStart-keTefX":`xvc5jky`,$$css:`@stridge/kit:src/shared/ui/Dialog/Dialog.styles.ts:121`},header:{"Dialog__styles.header":`Dialog__styles.header`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`x1q0g3np`,"alignItems-kGNEyG":`x6s0dn4`,"flexShrink-kmuXW":`x2lah0s`,"paddingTop-kLKAdn":`x1cnzs8`,"paddingInlineEnd-kwRFfy":`x1o5r3ls`,"paddingBottom-kGO01o":`x1hhzuzn`,"paddingInlineStart-kZCmMZ":`xz7312c`,"borderBottomWidth-kt9PQ7":`xso031l`,"borderBottomStyle-kfdmCh":`x1q0q8m5`,"borderBottomColor-kL6WhQ":`x188r5k3`,$$css:`@stridge/kit:src/shared/ui/Dialog/Dialog.styles.ts:129`},body:{"Dialog__styles.body":`Dialog__styles.body`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`xdt5ytf`,"flex-kUk6DE":`x12lumcd`,"minHeight-kAzted":`x2lwn1j`,$$css:`@stridge/kit:src/shared/ui/Dialog/Dialog.styles.ts:154`},bodyScrollArea:{"Dialog__styles.bodyScrollArea":`Dialog__styles.bodyScrollArea`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`xdt5ytf`,"flex-kUk6DE":`x12lumcd`,"minHeight-kAzted":`x2lwn1j`,$$css:`@stridge/kit:src/shared/ui/Dialog/Dialog.styles.ts:167`},bodyScrollViewport:{"Dialog__styles.bodyScrollViewport":`Dialog__styles.bodyScrollViewport`,"flex-kUk6DE":`x845mor`,"minHeight-kAzted":`x2lwn1j`,"width-kzqmXN":`xh8yej3`,"maxWidth-ks0D6T":`x193iq5w`,"height-kZKoxP":`xt7dq6l`,"maxHeight-kskxy":`xmz0i5r`,"overflowX-kXHlph":`x6ikm8r`,"overflowY-kORKVm":`x1rife3k`,$$css:`@stridge/kit:src/shared/ui/Dialog/Dialog.styles.ts:173`},bodyInner:{"Dialog__styles.bodyInner":`Dialog__styles.bodyInner`,"boxSizing-kB7OPa":`x9f619`,"width-kzqmXN":`xh8yej3`,"maxWidth-ks0D6T":`x193iq5w`,"minWidth-k7Eaqz":`xeuugli`,"paddingTop-kLKAdn":`x1h03h88`,"paddingBottom-kGO01o":`xfvigk`,"paddingInlineStart-kZCmMZ":`xz7312c`,"paddingInlineEnd-kwRFfy":`x1o5r3ls`,$$css:`@stridge/kit:src/shared/ui/Dialog/Dialog.styles.ts:189`},footer:{"Dialog__styles.footer":`Dialog__styles.footer`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`x1q0g3np`,"alignItems-kGNEyG":`x6s0dn4`,"flexShrink-kmuXW":`x2lah0s`,"borderTopWidth-kEafiO":`x178xt8z`,"borderTopStyle-kPef9Z":`x13fuv20`,"borderTopColor-kLZC3w":`x1wc9ssx`,$$css:`@stridge/kit:src/shared/ui/Dialog/Dialog.styles.ts:204`},title:{"Dialog__styles.title":`Dialog__styles.title`,"marginTop-keoZOQ":`xdj266r`,"marginBottom-k1K539":`xat24cr`,"color-kMwMTN":`xzn0pkc`,"fontFamily-kMv6JI":`xlaww2m`,"fontSize-kGuDYH":`x126f79r`,"fontWeight-k63SB2":`x1qvi77d`,"lineHeight-kLWn49":`xfh9y1j`,$$css:`@stridge/kit:src/shared/ui/Dialog/Dialog.styles.ts:213`},description:{"Dialog__styles.description":`Dialog__styles.description`,"marginTop-keoZOQ":`xdj266r`,"marginBottom-k1K539":`xat24cr`,"color-kMwMTN":`xi96bwj`,"fontFamily-kMv6JI":`xlaww2m`,"fontSize-kGuDYH":`x14qa7mu`,"lineHeight-kLWn49":`x14vj8e1`,$$css:`@stridge/kit:src/shared/ui/Dialog/Dialog.styles.ts:222`}};export{e as styles};
+const e={overlay:{"Dialog__styles.overlay":`Dialog__styles.overlay`,"position-kVAEAm":`xixxii4`,"inset-kpwlN0":`x10a8y8t`,"zIndex-kY2c9j":`xg4qres`,"backgroundColor-kWkggS":`xyxldge`,"[data-open]_animationName-k6MjMx":`x12nsbnh`,"[data-open]_animationDuration-kQT8Nr":`x1e1ssmj`,"[data-open]_animationTimingFunction-kGrMy9":`x1o9hdch`,"[data-open]_animationFillMode-kmxUqy":`x1je04mk`,"[data-closed]_animationName-khiDtg":`x5l6jkr`,"[data-closed]_animationDuration-kfqKPr":`x1ej03p1`,"[data-closed]_animationTimingFunction-kBIjI2":`x7w1vdx`,"[data-closed]_animationFillMode-kd5yZw":`x1i76y9b`,"@media (prefers-reduced-motion: reduce)_animationName-kjO2d4":`x1aquc0h`,"@media (prefers-reduced-motion: reduce)_animationDuration-kkDQuc":`x1u6grsq`,$$css:`@stridge/kit:src/shared/ui/Dialog/Dialog.styles.ts:26`},content:{"Dialog__styles.content":`Dialog__styles.content`,"position-kVAEAm":`xixxii4`,"inset-kpwlN0":`x10a8y8t`,"margin-kogj98":`x1bpp3o7`,"zIndex-kY2c9j":`x51lqrf`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`xdt5ytf`,"width-kzqmXN":`xh8yej3`,"height-kZKoxP":`xg7h5cd`,"maxWidth-ks0D6T":`xvq9yp0`,"maxHeight-kskxy":`x1q5actc`,"borderWidth-kMzoRj":`xmkeg23`,"borderStyle-ksu8eU":`x1y0btm7`,"borderColor-kVAM5u":`x1aqcfi1`,"borderRadius-kaIpWk":`x1c2egtx`,"backgroundColor-kWkggS":`x3cgcfv`,"color-kMwMTN":`xzn0pkc`,"boxShadow-kGVxlE":`xa2vu2y`,"fontFamily-kMv6JI":`xlaww2m`,"outline-kI3sdo":`x1a2a7pz`,"overflow-kVQacm":`x7giv3`,"transformOrigin-k3nNDw":`x1g0ag68`,"[data-open]_animationName-k6MjMx":`x1lhd1x2`,"[data-open]_animationDuration-kQT8Nr":`x1e1ssmj`,"[data-open]_animationTimingFunction-kGrMy9":`x1o9hdch`,"[data-open]_animationFillMode-kmxUqy":`x1je04mk`,"[data-closed]_animationName-khiDtg":`x1t6nk59`,"[data-closed]_animationDuration-kfqKPr":`x1ej03p1`,"[data-closed]_animationTimingFunction-kBIjI2":`x7w1vdx`,"[data-closed]_animationFillMode-kd5yZw":`x1i76y9b`,"@media (prefers-reduced-motion: reduce)_animationName-kjO2d4":`x1aquc0h`,"@media (prefers-reduced-motion: reduce)_animationDuration-kkDQuc":`x1u6grsq`,$$css:`@stridge/kit:src/shared/ui/Dialog/Dialog.styles.ts:66`},closeButton:{"Dialog__styles.closeButton":`Dialog__styles.closeButton`,"marginInlineStart-keTefX":`xvc5jky`,$$css:`@stridge/kit:src/shared/ui/Dialog/Dialog.styles.ts:131`},header:{"Dialog__styles.header":`Dialog__styles.header`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`x1q0g3np`,"alignItems-kGNEyG":`x6s0dn4`,"flexShrink-kmuXW":`x2lah0s`,"paddingTop-kLKAdn":`x1cnzs8`,"paddingInlineEnd-kwRFfy":`x1o5r3ls`,"paddingBottom-kGO01o":`x1hhzuzn`,"paddingInlineStart-kZCmMZ":`xz7312c`,"borderBottomWidth-kt9PQ7":`xso031l`,"borderBottomStyle-kfdmCh":`x1q0q8m5`,"borderBottomColor-kL6WhQ":`x188r5k3`,$$css:`@stridge/kit:src/shared/ui/Dialog/Dialog.styles.ts:139`},body:{"Dialog__styles.body":`Dialog__styles.body`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`xdt5ytf`,"flex-kUk6DE":`x12lumcd`,"minHeight-kAzted":`x2lwn1j`,$$css:`@stridge/kit:src/shared/ui/Dialog/Dialog.styles.ts:164`},bodyScrollArea:{"Dialog__styles.bodyScrollArea":`Dialog__styles.bodyScrollArea`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`xdt5ytf`,"flex-kUk6DE":`x12lumcd`,"minHeight-kAzted":`x2lwn1j`,$$css:`@stridge/kit:src/shared/ui/Dialog/Dialog.styles.ts:177`},bodyScrollViewport:{"Dialog__styles.bodyScrollViewport":`Dialog__styles.bodyScrollViewport`,"flex-kUk6DE":`x845mor`,"minHeight-kAzted":`x2lwn1j`,"width-kzqmXN":`xh8yej3`,"maxWidth-ks0D6T":`x193iq5w`,"height-kZKoxP":`xt7dq6l`,"maxHeight-kskxy":`xmz0i5r`,"overflowX-kXHlph":`x6ikm8r`,"overflowY-kORKVm":`x1odjw0f`,$$css:`@stridge/kit:src/shared/ui/Dialog/Dialog.styles.ts:183`},bodyInner:{"Dialog__styles.bodyInner":`Dialog__styles.bodyInner`,"boxSizing-kB7OPa":`x9f619`,"width-kzqmXN":`xh8yej3`,"maxWidth-ks0D6T":`x193iq5w`,"minWidth-k7Eaqz":`xeuugli`,"paddingTop-kLKAdn":`x1h03h88`,"paddingBottom-kGO01o":`xfvigk`,"paddingInlineStart-kZCmMZ":`xz7312c`,"paddingInlineEnd-kwRFfy":`x1o5r3ls`,$$css:`@stridge/kit:src/shared/ui/Dialog/Dialog.styles.ts:203`},footer:{"Dialog__styles.footer":`Dialog__styles.footer`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`x1q0g3np`,"alignItems-kGNEyG":`x6s0dn4`,"flexShrink-kmuXW":`x2lah0s`,"borderTopWidth-kEafiO":`x178xt8z`,"borderTopStyle-kPef9Z":`x13fuv20`,"borderTopColor-kLZC3w":`x1wc9ssx`,$$css:`@stridge/kit:src/shared/ui/Dialog/Dialog.styles.ts:218`},title:{"Dialog__styles.title":`Dialog__styles.title`,"marginTop-keoZOQ":`xdj266r`,"marginBottom-k1K539":`xat24cr`,"color-kMwMTN":`xzn0pkc`,"fontFamily-kMv6JI":`xlaww2m`,"fontSize-kGuDYH":`x126f79r`,"fontWeight-k63SB2":`x1qvi77d`,"lineHeight-kLWn49":`xfh9y1j`,$$css:`@stridge/kit:src/shared/ui/Dialog/Dialog.styles.ts:227`},description:{"Dialog__styles.description":`Dialog__styles.description`,"marginTop-keoZOQ":`xdj266r`,"marginBottom-k1K539":`xat24cr`,"color-kMwMTN":`xi96bwj`,"fontFamily-kMv6JI":`xlaww2m`,"fontSize-kGuDYH":`x14qa7mu`,"lineHeight-kLWn49":`x14vj8e1`,$$css:`@stridge/kit:src/shared/ui/Dialog/Dialog.styles.ts:236`}};export{e as styles};

package/dist/shared/ui/Select/Select.js

@@ -1 +1 @@
-"use client";import{KitPortalScope as e}from"../../../scope/KitPortalScope.js";import"../../../scope/index.js";import{ChevronDownIcon as t}from"../../icons/ChevronDownIcon.js";import{ChevronUpIcon as n}from"../../icons/ChevronUpIcon.js";import"../../../icons/index.js";import{joinClassNames as r}from"../../utils/joinClassNames.js";import{mergeClassName as i}from"../../utils/mergeClassName.js";import{mergeStyle as a}from"../../utils/mergeStyle.js";import{ScrollArea as o}from"../ScrollArea/ScrollArea.js";import"../ScrollArea/index.js";import{DEFAULT_SELECT_CONTEXT as s,SelectContext as c,useSelectContext as l}from"./Select.context.js";import{SELECT_SLOTS as u}from"./Select.slots.js";import{styles as d}from"./Select.styles.js";import{jsx as f,jsxs as p}from"react/jsx-runtime";import*as m from"@stylexjs/stylex";import{Select as h}from"@base-ui/react/select";function g({variant:e=s.variant,...t}){return f(c.Provider,{value:{variant:e},children:f(h.Root,{"data-stridge-slot":u.root,...t})})}function _(e){return f(h.Group,{"data-stridge-slot":u.group,...e})}function v({placeholder:e,className:t,style:n,...r}){let o=m.props(d.value),s=m.props(d.value,d.placeholder);return e?f(h.Value,{render:(c,{value:l})=>(Array.isArray(l)?l.length>0:l!=null)?f(h.Value,{"data-stridge-slot":u.value,...r,className:i(o.className,t),style:a(o.style,n)}):f(`span`,{"data-stridge-slot":u.value,...s,children:e}),...r}):f(h.Value,{"data-stridge-slot":u.value,...r,className:i(o.className,t),style:a(o.style,n)})}function y({children:e,className:n,style:r,...o}){let{variant:s}=l(),c=m.props(d.triggerBase,s===`tile`?d.triggerTile:d.triggerOutline),g=m.props(d.triggerContent),_=m.props(d.iconBase,s===`tile`?d.iconTile:d.iconOutline);return p(h.Trigger,{"data-stridge-slot":u.trigger,...o,className:i(c.className,n),style:a(c.style,r),children:[f(`span`,{...g,children:e}),f(h.Icon,{children:f(t,{"data-stridge-slot":u.icon,..._})})]})}function b({variant:e=s.variant,children:n,className:i,style:a,...o}){let c=m.props(d.triggerBase,e===`tile`?d.triggerTile:d.triggerOutline,d.triggerStatic),l=m.props(d.triggerContent),h=m.props(d.iconBase,e===`tile`?d.iconTile:d.iconOutline);return p(`div`,{"data-stridge-slot":u.staticTrigger,...o,className:r(c.className,i),style:{...c.style,...a},children:[f(`span`,{...l,children:n}),f(t,{"data-stridge-slot":u.icon,"aria-hidden":!0,...h})]})}function x(e){return f(h.Portal,{"data-stridge-slot":u.portal,...e})}function S(e){return f(h.Positioner,{"data-stridge-slot":u.positioner,...e,...m.props(d.positioner)})}function C({position:t=`popper`,side:n=`bottom`,align:s=`center`,sideOffset:c=4,scrollArrows:g=!0,className:_,style:v,children:y,...b}){let{variant:C}=l(),w=m.props(d.popupBase,C===`tile`?d.popupTile:d.popupOutline),T=m.props(d.popupScrollArea),E=m.props(d.popupViewport);return f(x,{children:f(e,{children:p(S,{align:s,alignItemWithTrigger:t===`item-aligned`,side:n,sideOffset:c,children:[g?f(O,{}):null,f(h.Popup,{"data-stridge-slot":u.content,...b,render:e=>{let{children:t,className:n,style:i,...a}=e;return p(o,{className:T.className,style:T.style,children:[f(o.Viewport,{...a,className:r(E.className,n),style:{...E.style,...i},children:t}),f(o.Scrollbar,{orientation:`vertical`,children:f(o.Thumb,{})})]})},className:i(w.className,_),style:a(w.style,v),children:y}),g?f(k,{}):null]})})})}function w({className:e,style:t,...n}){let r=m.props(d.label);return f(h.GroupLabel,{"data-stridge-slot":u.label,...n,className:i(r.className,e),style:a(r.style,t)})}function T({children:e,className:t,style:n,...r}){let{variant:o}=l(),s=m.props(d.itemBase,o===`tile`?d.itemTile:d.itemOutline),c=m.props(d.itemText);return f(h.Item,{"data-stridge-slot":u.item,...r,className:i(s.className,t),style:a(s.style,n),children:f(h.ItemText,{...c,children:e})})}function E({children:e,className:t,style:n,...i}){let{variant:a}=l(),o=m.props(d.itemBase,a===`tile`?d.itemTile:d.itemOutline,d.itemDisabled),s=m.props(d.itemText);return f(`div`,{role:`option`,"aria-disabled":`true`,"aria-selected":`false`,tabIndex:-1,"data-stridge-slot":u.item,"data-disabled":``,...i,className:r(o.className,t),style:{...o.style,...n},children:f(`span`,{...s,children:e})})}function D({className:e,style:t,...n}){let r=m.props(d.separator);return f(h.Separator,{"data-stridge-slot":u.separator,...n,className:i(r.className,e),style:a(r.style,t)})}function O({className:e,style:t,...r}){let o=m.props(d.scrollButton,d.scrollUpButton),s=m.props(d.scrollIcon);return f(h.ScrollUpArrow,{"data-stridge-slot":u.scrollUpButton,...r,className:i(o.className,e),style:a(o.style,t),children:f(n,{...s})})}function k({className:e,style:n,...r}){let o=m.props(d.scrollButton,d.scrollDownButton),s=m.props(d.scrollIcon);return f(h.ScrollDownArrow,{"data-stridge-slot":u.scrollDownButton,...r,className:i(o.className,e),style:a(o.style,n),children:f(t,{...s})})}(function(e){e.Group=_,e.Value=v,e.Trigger=y,e.StaticTrigger=b,e.Portal=x,e.Positioner=S,e.Content=C,e.Label=w,e.Item=T,e.DisabledItem=E,e.Separator=D,e.ScrollUpButton=O,e.ScrollDownButton=k})(g||={});export{g as Select};
+"use client";import{KitPortalScope as e}from"../../../scope/KitPortalScope.js";import"../../../scope/index.js";import{joinClassNames as t}from"../../utils/joinClassNames.js";import{ChevronDownIcon as n}from"../../icons/ChevronDownIcon.js";import{ChevronUpIcon as r}from"../../icons/ChevronUpIcon.js";import"../../../icons/index.js";import{mergeClassName as i}from"../../utils/mergeClassName.js";import{mergeStyle as a}from"../../utils/mergeStyle.js";import{ScrollArea as o}from"../ScrollArea/ScrollArea.js";import"../ScrollArea/index.js";import{DEFAULT_SELECT_CONTEXT as s,SelectContext as c,useSelectContext as l}from"./Select.context.js";import{SELECT_SLOTS as u}from"./Select.slots.js";import{styles as d}from"./Select.styles.js";import{jsx as f,jsxs as p}from"react/jsx-runtime";import*as m from"@stylexjs/stylex";import{Select as h}from"@base-ui/react/select";function g({variant:e=s.variant,...t}){return f(c.Provider,{value:{variant:e},children:f(h.Root,{"data-stridge-slot":u.root,...t})})}function _(e){return f(h.Group,{"data-stridge-slot":u.group,...e})}function v({placeholder:e,className:t,style:n,...r}){let o=m.props(d.value),s=m.props(d.value,d.placeholder);return e?f(h.Value,{render:(c,{value:l})=>(Array.isArray(l)?l.length>0:l!=null)?f(h.Value,{"data-stridge-slot":u.value,...r,className:i(o.className,t),style:a(o.style,n)}):f(`span`,{"data-stridge-slot":u.value,...s,children:e}),...r}):f(h.Value,{"data-stridge-slot":u.value,...r,className:i(o.className,t),style:a(o.style,n)})}function y({children:e,className:t,style:r,...o}){let{variant:s}=l(),c=m.props(d.triggerBase,s===`tile`?d.triggerTile:d.triggerOutline),g=m.props(d.triggerContent),_=m.props(d.iconBase,s===`tile`?d.iconTile:d.iconOutline);return p(h.Trigger,{"data-stridge-slot":u.trigger,...o,className:i(c.className,t),style:a(c.style,r),children:[f(`span`,{...g,children:e}),f(h.Icon,{children:f(n,{"data-stridge-slot":u.icon,..._})})]})}function b({variant:e=s.variant,children:r,className:i,style:a,...o}){let c=m.props(d.triggerBase,e===`tile`?d.triggerTile:d.triggerOutline,d.triggerStatic),l=m.props(d.triggerContent),h=m.props(d.iconBase,e===`tile`?d.iconTile:d.iconOutline);return p(`div`,{"data-stridge-slot":u.staticTrigger,...o,className:t(c.className,i),style:{...c.style,...a},children:[f(`span`,{...l,children:r}),f(n,{"data-stridge-slot":u.icon,"aria-hidden":!0,...h})]})}function x(e){return f(h.Portal,{"data-stridge-slot":u.portal,...e})}function S(e){return f(h.Positioner,{"data-stridge-slot":u.positioner,...e,...m.props(d.positioner)})}function C({position:n=`popper`,side:r=`bottom`,align:s=`center`,sideOffset:c=4,scrollArrows:g=!0,className:_,style:v,children:y,...b}){let{variant:C}=l(),w=m.props(d.popupBase,C===`tile`?d.popupTile:d.popupOutline),T=m.props(d.popupScrollArea),E=m.props(d.popupViewport);return f(x,{children:f(e,{children:p(S,{align:s,alignItemWithTrigger:n===`item-aligned`,side:r,sideOffset:c,children:[g?f(O,{}):null,f(h.Popup,{"data-stridge-slot":u.content,...b,render:e=>{let{children:n,className:r,style:i,...a}=e;return p(o,{className:T.className,style:T.style,children:[f(o.Viewport,{...a,className:t(E.className,r),style:{...E.style,...i},children:n}),f(o.Scrollbar,{orientation:`vertical`,children:f(o.Thumb,{})})]})},className:i(w.className,_),style:a(w.style,v),children:y}),g?f(k,{}):null]})})})}function w({className:e,style:t,...n}){let r=m.props(d.label);return f(h.GroupLabel,{"data-stridge-slot":u.label,...n,className:i(r.className,e),style:a(r.style,t)})}function T({children:e,className:t,style:n,...r}){let{variant:o}=l(),s=m.props(d.itemBase,o===`tile`?d.itemTile:d.itemOutline),c=m.props(d.itemText);return f(h.Item,{"data-stridge-slot":u.item,...r,className:i(s.className,t),style:a(s.style,n),children:f(h.ItemText,{...c,children:e})})}function E({children:e,className:n,style:r,...i}){let{variant:a}=l(),o=m.props(d.itemBase,a===`tile`?d.itemTile:d.itemOutline,d.itemDisabled),s=m.props(d.itemText);return f(`div`,{role:`option`,"aria-disabled":`true`,"aria-selected":`false`,tabIndex:-1,"data-stridge-slot":u.item,"data-disabled":``,...i,className:t(o.className,n),style:{...o.style,...r},children:f(`span`,{...s,children:e})})}function D({className:e,style:t,...n}){let r=m.props(d.separator);return f(h.Separator,{"data-stridge-slot":u.separator,...n,className:i(r.className,e),style:a(r.style,t)})}function O({className:e,style:t,...n}){let o=m.props(d.scrollButton,d.scrollUpButton),s=m.props(d.scrollIcon);return f(h.ScrollUpArrow,{"data-stridge-slot":u.scrollUpButton,...n,className:i(o.className,e),style:a(o.style,t),children:f(r,{...s})})}function k({className:e,style:t,...r}){let o=m.props(d.scrollButton,d.scrollDownButton),s=m.props(d.scrollIcon);return f(h.ScrollDownArrow,{"data-stridge-slot":u.scrollDownButton,...r,className:i(o.className,e),style:a(o.style,t),children:f(n,{...s})})}(function(e){e.Group=_,e.Value=v,e.Trigger=y,e.StaticTrigger=b,e.Portal=x,e.Positioner=S,e.Content=C,e.Label=w,e.Item=T,e.DisabledItem=E,e.Separator=D,e.ScrollUpButton=O,e.ScrollDownButton=k})(g||={});export{g as Select};

package/dist/shared/ui/WalletRow/WalletRow.d.ts

@@ -3,7 +3,7 @@ import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 //#region src/shared/ui/WalletRow/WalletRow.d.ts
 /**
  * Typography rhythm for the name span. `regular` renders at `sm/medium`; `compact` at
- * `meta/semibold` for denser layouts (error-state receipt rows).
+ * `xs/semibold` for denser layouts (error-, success-, and processing-state receipt rows).
  */
 type WalletRowDensity = "regular" | "compact";
 interface WalletRowProps {

package/dist/shared/ui/WalletRow/WalletRow.js

@@ -1 +1 @@
-"use client";import{ExternalLinkIcon as e}from"../../icons/ExternalLinkIcon.js";import"../../../icons/index.js";import{toSafeHref as t}from"../ExternalLink/toSafeHref.js";import{ExternalLink as n}from"../ExternalLink/ExternalLink.js";import"../ExternalLink/index.js";import{Image as r}from"../Image/Image.js";import"../Image/index.js";import{LtrAtom as i}from"../LtrAtom/LtrAtom.js";import"../LtrAtom/index.js";import{text as a}from"../Text/Text.js";import"../Text/index.js";import{WALLET_ROW_SLOTS as o}from"./WalletRow.slots.js";import{styles as s}from"./WalletRow.styles.js";import{Fragment as c,jsx as l,jsxs as u}from"react/jsx-runtime";import*as d from"@stylexjs/stylex";function f({iconUrl:f,name:p,formattedAddress:m,explorerUrl:h,density:g=`regular`,hideIcon:_=!1}){let v=t(h),y=d.props(s.root),b=u(c,{children:[_?null:l(r,{size:`md`,src:f,alt:p??``}),p?g===`compact`?l(a.span,{size:`meta`,fontWeight:`semibold`,leading:`tight`,children:p}):l(a.span,{size:`sm`,fontWeight:`medium`,leading:`tight`,children:p}):null,l(a.span,{size:`meta`,fontWeight:`medium`,leading:`tight`,tracking:`normal`,font:`mono`,color:`subdued`,children:l(i,{children:p?`(${m})`:m})})]});return v?l(n,{dir:`ltr`,href:v,suffix:l(e,{"aria-hidden":!0}),"data-stridge-slot":o.root,className:y.className,style:y.style,children:b}):l(`span`,{dir:`ltr`,"data-stridge-slot":o.root,className:y.className,style:y.style,children:b})}export{f as WalletRow};
+"use client";import{toSafeHref as e}from"../ExternalLink/toSafeHref.js";import{ExternalLink as t}from"../ExternalLink/ExternalLink.js";import"../ExternalLink/index.js";import{ExternalLinkIcon as n}from"../../icons/ExternalLinkIcon.js";import"../../../icons/index.js";import{Image as r}from"../Image/Image.js";import"../Image/index.js";import{LtrAtom as i}from"../LtrAtom/LtrAtom.js";import"../LtrAtom/index.js";import{text as a}from"../Text/Text.js";import"../Text/index.js";import{WALLET_ROW_SLOTS as o}from"./WalletRow.slots.js";import{styles as s}from"./WalletRow.styles.js";import{Fragment as c,jsx as l,jsxs as u}from"react/jsx-runtime";import*as d from"@stylexjs/stylex";function f({iconUrl:f,name:p,formattedAddress:m,explorerUrl:h,density:g=`regular`,hideIcon:_=!1}){let v=e(h),y=d.props(s.root),b=u(c,{children:[_?null:l(r,{size:`md`,src:f,alt:p??``}),p?g===`compact`?l(a.span,{size:`xs`,fontWeight:`semibold`,leading:`tight`,children:p}):l(a.span,{size:`sm`,fontWeight:`medium`,leading:`tight`,children:p}):null,l(a.span,{size:g===`compact`?`xs`:`meta`,fontWeight:`medium`,leading:`tight`,tracking:`normal`,font:`mono`,color:`subdued`,children:l(i,{children:p?`(${m})`:m})})]});return v?l(t,{dir:`ltr`,href:v,suffix:l(n,{"aria-hidden":!0}),"data-stridge-slot":o.root,className:y.className,style:y.style,children:b}):l(`span`,{dir:`ltr`,"data-stridge-slot":o.root,className:y.className,style:y.style,children:b})}export{f as WalletRow};

package/dist/shared/utils/useDeepMemo.js

@@ -0,0 +1 @@
+import{useRef as e}from"react";function t(t){let r=e(null),i=n(t);return(r.current===null||r.current.serialized!==i)&&(r.current={value:t,serialized:i}),r.current.value}function n(e){return JSON.stringify(e,(e,t)=>t&&typeof t==`object`&&!Array.isArray(t)?Object.keys(t).sort().reduce((e,n)=>(e[n]=t[n],e),{}):t)}export{t as useDeepMemo};

package/dist/shared/wallet/ConnectWalletContext.d.ts

@@ -0,0 +1,17 @@
+//#region src/shared/wallet/ConnectWalletContext.d.ts
+/**
+ * Host-supplied "Connect a wallet" affordance. When the user opens the deposit dialog without a
+ * resolvable owner (no `flows.deposit.owner`, no wagmi connection, no `dev.userAddressOverride`),
+ * the dialog renders `<WalletRequiredState>` with the `onClick` CTA labeled with `label` (or the
+ * kit's default copy when omitted). When the host doesn't supply this config, the state still
+ * renders — just without an actionable button, leaving the host to surface the connect affordance
+ * elsewhere on the page.
+ */
+interface ConnectWalletConfig {
+  /** Click handler invoked by the dialog's "Connect wallet" button. */
+  onClick: () => void;
+  /** Optional override for the button label. Defaults to the kit's localized "Connect wallet" copy. */
+  label?: string;
+}
+//#endregion
+export { ConnectWalletConfig };

package/dist/shared/wallet/ConnectWalletContext.js

@@ -0,0 +1 @@
+"use client";import{createContext as e,use as t}from"react";const n=e(null);n.displayName=`ConnectWalletContext`;function r(){return t(n)}export{n as ConnectWalletContext,r as useConnectWallet};

package/dist/shared/widgets/amount-entry/compound/components/Hero/Hero.js

@@ -1 +1 @@
-"use client";import{useLingui as e}from"../../../../../i18n/useLingui.js";import"../../../../../../i18n/index.js";import{ArrowRightLeftIcon as t}from"../../../../../icons/ArrowRightLeftIcon.js";import"../../../../../../icons/index.js";import{parseAmountInputValue as n}from"../../../../../ui/AmountInput/utils.js";import{AmountInput as r}from"../../../../../ui/AmountInput/AmountInput.js";import"../../../../../ui/AmountInput/index.js";import{AMOUNT_ENTRY_SLOTS as i}from"../../AmountEntry.slots.js";import{styles as a}from"../../AmountEntry.styles.js";import{useAmountEntryContext as o}from"../../context.js";import{detectAssetDecimals as s,formatAmountForBand as c,formatFiatLine as l,splitSubLine as u}from"./utils.js";import{StaticBand as ee}from"./StaticBand.js";import{ICON_TRANSITION as d,SWAP_TRANSITION as f,SYMBOL_TRANSITION as p,WIDTH_TRANSITION as te}from"./transitions.js";import{SwapBackdrop as m}from"./SwapBackdrop.js";import{useSwapState as h}from"./useSwapState.js";import{useCallback as g,useEffect as _,useId as v,useRef as y,useState as b}from"react";import{jsx as x,jsxs as S}from"react/jsx-runtime";import*as C from"@stylexjs/stylex";import{LayoutGroup as w,motion as T}from"motion/react";function E({currencySymbol:l,subLine:u,subLineAmount:E}={}){let D=o(`AmountEntry.Hero`),O=l??D.currencySymbol??`$`,k=u??D.subLine,A=E??D.subLineAmount,{_:j}=e(),M=typeof D.onAmountChange==`function`,N=v(),P=y(null),F=y(null),[I,re]=b(null);_(()=>{let e=F.current;if(!e||typeof ResizeObserver>`u`)return;let t=()=>{let t=window.getComputedStyle(e),n=(Number.parseFloat(t.paddingInlineStart)||0)+(Number.parseFloat(t.paddingInlineEnd)||0),r=e.clientWidth-n;re(e=>e===r||r<=0?e:r)};t();let n=new ResizeObserver(t);return n.observe(e),()=>n.disconnect()},[]);let L=D.format?.maximumFractionDigits??5,R=D.format?.useGrouping!==!1,z=s(A,L),B=g((e,t)=>c(e,t,{locale:D.locale,fiatFormat:D.format,fiatMaxDecimals:L,assetDecimals:z,useGrouping:R}),[D.locale,D.format,L,z,R]),{swapped:V,isAnimating:H,onSwap:U}=h({inputRef:P,onAfterSwap:g(e=>{D.amount!==null&&K(B(D.amount,e))},[D.amount,B])}),W=D.amount===null?``:B(D.amount,V),[G,K]=b(W);_(()=>{document.activeElement!==P.current&&K(W)},[W]);let q=e=>{K(e),D.onAmountChange?.(n(e,D.locale))},J=`${N}-fiat`,Y=`${N}-asset`,X=V?Y:J,Z=V?J:Y,Q=ne({swapped:V,ctx:D,currencySymbol:O,subLineAmount:A}),$=C.props(a.heroBlock),ie=I===null?void 0:{"--stridge-amt-available-width":`${I}px`};return x(w,{id:N,children:S(`div`,{ref:F,"data-stridge-slot":i.hero,className:$.className,style:$.style,children:[S(T.div,{layoutId:X,dir:`ltr`,transition:f,...C.props(a.bigSlot),children:[x(m,{active:H}),M?S(r,{"data-stridge-slot":i.heroBand,value:G,onValueChange:q,locale:D.locale??`en-US`,maxDecimals:V?z:L,useGrouping:R,placeholder:`0`,className:C.props(a.hero).className,style:{...C.props(a.hero).style,...ie},children:[!V&&x(r.Prefix,{...C.props(a.heroCurrency),children:O}),x(r.Field,{"aria-label":V?`Amount in ${D.receiveToken.symbol}`:`Amount in ${O}`,ref:P,autoFocus:!0,...C.props(a.heroAmount)})]}):x(ee,{swapped:V,ctx:D,currencySymbol:O,assetDecimals:z})]},X),k??S(`button`,{type:`button`,dir:`ltr`,"data-stridge-slot":i.heroSwap,"aria-label":j({id:`GwkmPx`,message:`Swap displayed amount`}),"aria-pressed":V,onClick:U,...C.props(a.swapToggle),children:[x(T.span,{"aria-hidden":!0,animate:{scaleY:V?-1:1},transition:d,...C.props(a.swapIcon),children:x(t,{width:`14`,height:`14`})}),S(T.span,{layout:!0,transition:te,...C.props(a.swapTextWrap),children:[S(T.span,{layoutId:Z,transition:f,...C.props(a.swapText),children:[Q.digits,x(m,{active:H})]},Z),Q.symbol&&x(T.span,{initial:{opacity:0},animate:{opacity:1},transition:p,...C.props(a.swapSymbol),children:Q.symbol},`symbol-${Q.symbol}`)]})]})]})})}function ne({swapped:e,ctx:t,currencySymbol:n,subLineAmount:r}){if(e)return{digits:l(t.amount,n,t.locale,t.format),symbol:null};let i=u(r);return{digits:i.digits||`${t.amount??0}`,symbol:i.symbol||` ${t.receiveToken.symbol}`}}export{E as AmountEntryHero};
+"use client";import{useLingui as e}from"../../../../../i18n/useLingui.js";import"../../../../../../i18n/index.js";import{ArrowRightLeftIcon as t}from"../../../../../icons/ArrowRightLeftIcon.js";import"../../../../../../icons/index.js";import{parseAmountInputValue as n}from"../../../../../ui/AmountInput/utils.js";import{AmountInput as r}from"../../../../../ui/AmountInput/AmountInput.js";import"../../../../../ui/AmountInput/index.js";import{AMOUNT_ENTRY_SLOTS as i}from"../../AmountEntry.slots.js";import{styles as a}from"../../AmountEntry.styles.js";import{useAmountEntryContext as o}from"../../context.js";import{detectAssetDecimals as s,formatAmountForBand as c,formatFiatLine as l,splitSubLine as u}from"./utils.js";import{StaticBand as ee}from"./StaticBand.js";import{ICON_TRANSITION as d,SWAP_TRANSITION as f,SYMBOL_TRANSITION as p,WIDTH_TRANSITION as te}from"./transitions.js";import{SwapBackdrop as m}from"./SwapBackdrop.js";import{useSwapState as h}from"./useSwapState.js";import{useCallback as g,useEffect as _,useId as v,useRef as y,useState as b}from"react";import{jsx as x,jsxs as S}from"react/jsx-runtime";import{LayoutGroup as C,m as w}from"motion/react";import*as T from"@stylexjs/stylex";function E({currencySymbol:l,subLine:u,subLineAmount:E}={}){let D=o(`AmountEntry.Hero`),O=l??D.currencySymbol??`$`,k=u??D.subLine,A=E??D.subLineAmount,{_:j}=e(),M=typeof D.onAmountChange==`function`,N=v(),P=y(null),F=y(null),[I,re]=b(null);_(()=>{let e=F.current;if(!e||typeof ResizeObserver>`u`)return;let t=()=>{let t=window.getComputedStyle(e),n=(Number.parseFloat(t.paddingInlineStart)||0)+(Number.parseFloat(t.paddingInlineEnd)||0),r=e.clientWidth-n;re(e=>e===r||r<=0?e:r)};t();let n=new ResizeObserver(t);return n.observe(e),()=>n.disconnect()},[]);let L=D.format?.maximumFractionDigits??5,R=D.format?.useGrouping!==!1,z=s(A,L),B=g((e,t)=>c(e,t,{locale:D.locale,fiatFormat:D.format,fiatMaxDecimals:L,assetDecimals:z,useGrouping:R}),[D.locale,D.format,L,z,R]),{swapped:V,isAnimating:H,onSwap:U}=h({inputRef:P,onAfterSwap:g(e=>{D.amount!==null&&K(B(D.amount,e))},[D.amount,B])}),W=D.amount===null?``:B(D.amount,V),[G,K]=b(W);_(()=>{document.activeElement!==P.current&&K(W)},[W]);let q=e=>{K(e),D.onAmountChange?.(n(e,D.locale))},J=`${N}-fiat`,Y=`${N}-asset`,X=V?Y:J,Z=V?J:Y,Q=ne({swapped:V,ctx:D,currencySymbol:O,subLineAmount:A}),$=T.props(a.heroBlock),ie=I===null?void 0:{"--stridge-amt-available-width":`${I}px`};return x(C,{id:N,children:S(`div`,{ref:F,"data-stridge-slot":i.hero,className:$.className,style:$.style,children:[S(w.div,{layoutId:X,dir:`ltr`,transition:f,...T.props(a.bigSlot),children:[x(m,{active:H}),M?S(r,{"data-stridge-slot":i.heroBand,value:G,onValueChange:q,locale:D.locale??`en-US`,maxDecimals:V?z:L,useGrouping:R,placeholder:`0`,className:T.props(a.hero).className,style:{...T.props(a.hero).style,...ie},children:[!V&&x(r.Prefix,{...T.props(a.heroCurrency),children:O}),x(r.Field,{"aria-label":V?`Amount in ${D.receiveToken.symbol}`:`Amount in ${O}`,ref:P,autoFocus:!0,...T.props(a.heroAmount)})]}):x(ee,{swapped:V,ctx:D,currencySymbol:O,assetDecimals:z})]},X),k??S(`button`,{type:`button`,dir:`ltr`,"data-stridge-slot":i.heroSwap,"aria-label":j({id:`GwkmPx`,message:`Swap displayed amount`}),"aria-pressed":V,onClick:U,...T.props(a.swapToggle),children:[x(w.span,{"aria-hidden":!0,animate:{scaleY:V?-1:1},transition:d,...T.props(a.swapIcon),children:x(t,{width:`14`,height:`14`})}),S(w.span,{layout:!0,transition:te,...T.props(a.swapTextWrap),children:[S(w.span,{layoutId:Z,transition:f,...T.props(a.swapText),children:[Q.digits,x(m,{active:H})]},Z),Q.symbol&&x(w.span,{initial:{opacity:0},animate:{opacity:1},transition:p,...T.props(a.swapSymbol),children:Q.symbol},`symbol-${Q.symbol}`)]})]})]})})}function ne({swapped:e,ctx:t,currencySymbol:n,subLineAmount:r}){if(e)return{digits:l(t.amount,n,t.locale,t.format),symbol:null};let i=u(r);return{digits:i.digits||`${t.amount??0}`,symbol:i.symbol||` ${t.receiveToken.symbol}`}}export{E as AmountEntryHero};

package/dist/shared/widgets/amount-entry/compound/components/Hero/SwapBackdrop.js

@@ -1 +1 @@
-"use client";import{styles as e}from"../../AmountEntry.styles.js";import{SWAP_TRANSITION as t}from"./transitions.js";import{jsx as n}from"react/jsx-runtime";import*as r from"@stylexjs/stylex";import{motion as i}from"motion/react";function a({active:a}){return n(i.span,{"aria-hidden":!0,initial:{opacity:0},animate:{opacity:+!!a},transition:t,...r.props(e.swapBackdrop)})}export{a as SwapBackdrop};
+"use client";import{styles as e}from"../../AmountEntry.styles.js";import{SWAP_TRANSITION as t}from"./transitions.js";import{jsx as n}from"react/jsx-runtime";import{m as r}from"motion/react";import*as i from"@stylexjs/stylex";function a({active:a}){return n(r.span,{"aria-hidden":!0,initial:{opacity:0},animate:{opacity:+!!a},transition:t,...i.props(e.swapBackdrop)})}export{a as SwapBackdrop};

package/dist/shared/widgets/asset-picker/compound/components/Asset.d.ts

@@ -6,7 +6,13 @@ import * as _$react_jsx_runtime0 from "react/jsx-runtime";
  * A single row inside `AssetPicker.List`, laid out as:
  *
  *     [icon + chain badge]   [symbol]               [low balance?]   [fiat]
- *                            [balance]
+ *                            [chain · balance]
+ *
+ * The chain prefix on the secondary line disambiguates same-symbol rows on multi-chain
+ * pickers (e.g. `BSC · 5.7166 USDC` next to `Ethereum · 4 USDC`) so sighted users don't
+ * have to decode the small chain badge on the token logo to tell rows apart. The screen-
+ * reader announcement still comes from the row's `aria-label` (`"USDC on BSC"`) because the
+ * native concat of icon `alt`s + dual symbol text + chain badge `alt` is verbose and stutters.
  *
  * Selection state is read from context, so consumers only manage a single `selectedId` on the root rather than
  * threading `isSelected` onto each row.

package/dist/shared/widgets/asset-picker/compound/components/Asset.js

@@ -1 +1 @@
-"use client";import{useLingui as e}from"../../../../i18n/useLingui.js";import"../../../../../i18n/index.js";import{Badge as t}from"../../../../ui/Badge/Badge.js";import"../../../../ui/Badge/index.js";import{SelectableTile as n}from"../../../../ui/SelectableTile/SelectableTile.js";import"../../../../ui/SelectableTile/index.js";import{text as r}from"../../../../ui/Text/Text.js";import{TokenLogo as i}from"../../../../ui/TokenLogo/TokenLogo.js";import"../../../../ui/TokenLogo/index.js";import"../../../../../ui/index.js";import{styles as a}from"../AssetPicker.styles.js";import{useAssetPickerContext as o}from"../context.js";import{jsx as s,jsxs as c}from"react/jsx-runtime";import*as l from"@stylexjs/stylex";function u({id:u,symbol:d,chain:f,balanceFormatted:p,fiatFormatted:m,lowBalance:h=!1,disabled:g=!1,chainId:_,contractAddress:v,isNative:y,logoUrl:b,chainLogoUrl:x,pinnedLogoUrl:S}){let C=o(`AssetPicker.Asset`),{_:w}=e();return c(n,{shape:`card`,value:u,selected:C.selectedId===u,disabled:g,"aria-label":`${d} on ${f}`,"data-asset-id":u,"data-chain":f,...l.props(a.assetRow),children:[s(i,{size:36,symbol:d,..._===void 0?{}:{chainId:_},...v===void 0?{}:{address:v},...y===void 0?{}:{isNative:y},...b===void 0?{}:{logoUrl:b},...x===void 0?{}:{chainLogoUrl:x},...S===void 0?{}:{pinnedLogoUrl:S}}),c(`span`,{...l.props(a.textBlock),children:[s(r.span,{size:`callout`,fontWeight:`semibold`,leading:`tight`,tracking:`tight`,truncate:!0,children:d}),s(r.span,{size:`meta`,fontWeight:`medium`,leading:`tight`,color:`subdued`,truncate:!0,children:p})]}),h?s(t,{variant:`outline`,color:`secondary`,size:`sm`,roundness:`lg`,...l.props(a.lowBalanceBadge),children:w({id:`Wqz0SO`,message:`Low Balance`})}):null,s(r.span,{size:`callout`,fontWeight:`semibold`,leading:`tight`,tracking:`tight`,...l.props(a.fiat),children:m})]})}export{u as AssetPickerAsset};
+"use client";import{useLingui as e}from"../../../../i18n/useLingui.js";import"../../../../../i18n/index.js";import{Badge as t}from"../../../../ui/Badge/Badge.js";import"../../../../ui/Badge/index.js";import{SelectableTile as n}from"../../../../ui/SelectableTile/SelectableTile.js";import"../../../../ui/SelectableTile/index.js";import{text as r}from"../../../../ui/Text/Text.js";import{TokenLogo as i}from"../../../../ui/TokenLogo/TokenLogo.js";import"../../../../ui/TokenLogo/index.js";import"../../../../../ui/index.js";import{styles as a}from"../AssetPicker.styles.js";import{useAssetPickerContext as o}from"../context.js";import{jsx as s,jsxs as c}from"react/jsx-runtime";import*as l from"@stylexjs/stylex";function u({id:u,symbol:d,chain:f,balanceFormatted:p,fiatFormatted:m,lowBalance:h=!1,disabled:g=!1,chainId:_,contractAddress:v,isNative:y,logoUrl:b,chainLogoUrl:x,pinnedLogoUrl:S}){let C=o(`AssetPicker.Asset`),{_:w}=e();return c(n,{shape:`card`,value:u,selected:C.selectedId===u,disabled:g,"aria-label":`${d} on ${f}`,"data-asset-id":u,"data-chain":f,...l.props(a.assetRow),children:[s(i,{size:36,symbol:d,..._===void 0?{}:{chainId:_},...v===void 0?{}:{address:v},...y===void 0?{}:{isNative:y},...b===void 0?{}:{logoUrl:b},...x===void 0?{}:{chainLogoUrl:x},...S===void 0?{}:{pinnedLogoUrl:S}}),c(`span`,{...l.props(a.textBlock),children:[s(r.span,{size:`callout`,fontWeight:`semibold`,leading:`tight`,tracking:`tight`,truncate:!0,children:d}),c(r.span,{size:`xs`,fontWeight:`medium`,leading:`tight`,color:`subdued`,truncate:!0,children:[f,` · `,p]})]}),h?s(t,{variant:`outline`,color:`secondary`,size:`sm`,roundness:`lg`,...l.props(a.lowBalanceBadge),children:w({id:`Wqz0SO`,message:`Low Balance`})}):null,s(r.span,{size:`callout`,fontWeight:`semibold`,leading:`tight`,tracking:`tight`,...l.props(a.fiat),children:m})]})}export{u as AssetPickerAsset};

package/dist/shared/widgets/confirm-transfer/compound/components/Disclaimer.d.ts

@@ -4,9 +4,10 @@ import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 //#region src/shared/widgets/confirm-transfer/compound/components/Disclaimer.d.ts
 /**
  * Disclaimer part — soft-tinted notice row with an info glyph and legal copy.
- * Defaults to "By clicking Confirm Deposit, you agree to our terms.", with
- * `terms` linking to the Stridge terms page. Pass `children` to override the
- * full copy (link included).
+ * Defaults to "By clicking Confirm Deposit, you agree to our terms.", with the
+ * `terms` link routed through {@link TermsLink} so consumers can swap in their
+ * own URL or click handler via `<StridgeProvider terms>`. Pass `children` to
+ * override the full copy (link included).
  */
 declare function ConfirmTransferDisclaimer({
   children

package/dist/shared/widgets/confirm-transfer/compound/components/Disclaimer.js

@@ -1 +1 @@
-"use client";import{Trans as e}from"../../../../i18n/Trans.js";import"../../../../../i18n/index.js";import{InfoIcon as t}from"../../../../icons/InfoIcon.js";import"../../../../../icons/index.js";import{Alert as n}from"../../../../ui/Alert/Alert.js";import{ExternalLink as r}from"../../../../ui/ExternalLink/ExternalLink.js";import"../../../../ui/ExternalLink/index.js";import"../../../../../ui/index.js";import{BRAND_LINKS as i}from"../../../../constants/brand-links.js";import{CONFIRM_TRANSFER_SLOTS as a}from"../ConfirmTransfer.slots.js";import{styles as o}from"../ConfirmTransfer.styles.js";import{jsx as s}from"react/jsx-runtime";import*as c from"@stylexjs/stylex";const l=s(e,{id:`kR8ayx`,message:`By clicking Confirm Deposit, you agree to our <0>terms</0>.`,components:{0:s(r,{href:i.terms,...c.props(o.disclaimerTermsLink)})}});function u({children:e=l}){return s(n,{"data-stridge-slot":a.disclaimer,variant:`default`,icon:s(t,{}),...c.props(o.section),children:e})}export{u as ConfirmTransferDisclaimer};
+"use client";import{Trans as e}from"../../../../i18n/Trans.js";import"../../../../../i18n/index.js";import{InfoIcon as t}from"../../../../icons/InfoIcon.js";import"../../../../../icons/index.js";import{Alert as n}from"../../../../ui/Alert/Alert.js";import"../../../../../ui/index.js";import{TermsLink as r}from"../../../../terms/TermsLink.js";import"../../../../terms/index.js";import{CONFIRM_TRANSFER_SLOTS as i}from"../ConfirmTransfer.slots.js";import{styles as a}from"../ConfirmTransfer.styles.js";import{jsx as o}from"react/jsx-runtime";import*as s from"@stylexjs/stylex";const c=o(e,{id:`kR8ayx`,message:`By clicking Confirm Deposit, you agree to our <0>terms</0>.`,components:{0:o(r,{...s.props(a.disclaimerTermsLink)})}});function l({children:e=c}){return o(n,{"data-stridge-slot":i.disclaimer,variant:`default`,icon:o(t,{}),...s.props(a.section),children:e})}export{l as ConfirmTransferDisclaimer};

package/dist/shared/widgets/error-state/compound/components/AssetValue.js

@@ -1 +1 @@
-"use client";import{text as e}from"../../../../ui/Text/Text.js";import{TokenLogo as t}from"../../../../ui/TokenLogo/TokenLogo.js";import"../../../../ui/TokenLogo/index.js";import"../../../../../ui/index.js";import{ERROR_STATE_SLOTS as n}from"../ErrorState.slots.js";import{styles as r}from"../ErrorState.styles.js";import{jsx as i,jsxs as a}from"react/jsx-runtime";import*as o from"@stylexjs/stylex";function s({amount:s,symbol:c,chainId:l,address:u,isNative:d,logoUrl:f,struck:p=!0}){return a(`span`,{dir:`ltr`,"data-stridge-slot":n.assetValue,...o.props(r.assetValue),children:[i(t,{size:`md`,symbol:c,...l===void 0?{}:{chainId:l},...u===void 0?{}:{address:u},...d===void 0?{}:{isNative:d},...f===void 0?{}:{logoUrl:f},hideChainBadge:!0}),a(`span`,{...o.props(r.assetValueText),children:[i(e.span,{size:`meta`,fontWeight:`medium`,leading:`tight`,font:`mono`,color:p?`tertiary`:`default`,...o.props(p?r.assetValueStruck:null),children:s}),i(e.span,{size:`meta`,fontWeight:`medium`,leading:`tight`,color:p?`tertiary`:`default`,...o.props(p?r.assetValueStruck:null),children:c})]})]})}export{s as ErrorStateAssetValue};
+"use client";import{text as e}from"../../../../ui/Text/Text.js";import{TokenLogo as t}from"../../../../ui/TokenLogo/TokenLogo.js";import"../../../../ui/TokenLogo/index.js";import"../../../../../ui/index.js";import{ERROR_STATE_SLOTS as n}from"../ErrorState.slots.js";import{styles as r}from"../ErrorState.styles.js";import{jsx as i,jsxs as a}from"react/jsx-runtime";import*as o from"@stylexjs/stylex";function s({amount:s,symbol:c,chainId:l,address:u,isNative:d,logoUrl:f,struck:p=!0}){return a(`span`,{dir:`ltr`,"data-stridge-slot":n.assetValue,...o.props(r.assetValue),children:[i(t,{size:`md`,symbol:c,...l===void 0?{}:{chainId:l},...u===void 0?{}:{address:u},...d===void 0?{}:{isNative:d},...f===void 0?{}:{logoUrl:f},hideChainBadge:!0}),a(`span`,{...o.props(r.assetValueText),children:[i(e.span,{size:`xs`,fontWeight:`medium`,leading:`tight`,font:`mono`,color:p?`tertiary`:`default`,...o.props(p?r.assetValueStruck:null),children:s}),i(e.span,{size:`xs`,fontWeight:`medium`,leading:`tight`,color:p?`tertiary`:`default`,...o.props(p?r.assetValueStruck:null),children:c})]})]})}export{s as ErrorStateAssetValue};

package/dist/shared/widgets/error-state/compound/components/HelpInfo.js

@@ -1 +1 @@
-"use client";import{useLingui as e}from"../../../../i18n/useLingui.js";import"../../../../../i18n/index.js";import{ExternalLinkIcon as t}from"../../../../icons/ExternalLinkIcon.js";import{InfoIcon as n}from"../../../../icons/InfoIcon.js";import"../../../../../icons/index.js";import{Alert as r}from"../../../../ui/Alert/Alert.js";import"../../../../ui/Alert/index.js";import{toSafeHref as i}from"../../../../ui/ExternalLink/toSafeHref.js";import{ExternalLink as a}from"../../../../ui/ExternalLink/ExternalLink.js";import"../../../../ui/ExternalLink/index.js";import{useErrorStateContext as o}from"../context.js";import{ERROR_STATE_SLOTS as s}from"../ErrorState.slots.js";import{styles as c}from"../ErrorState.styles.js";import{jsx as l,jsxs as u}from"react/jsx-runtime";import*as d from"@stylexjs/stylex";function f(){let f=o(`ErrorState.HelpInfo`),{_:p}=e(),m=f.help;if(!m)return null;let h=i(m.url);return h?u(r,{"data-stridge-slot":s.helpInfo,variant:`primary`,icon:l(n,{}),...d.props(c.helpInfo),children:[m.message??p({id:`Dd7jP5`,message:`Experiencing problems?`}),` `,l(a,{href:h,suffix:l(t,{"aria-hidden":!0}),...d.props(c.helpInfoLink),children:m.ctaLabel??p({id:`AWtGgd`,message:`Get help`})})]}):null}export{f as ErrorStateHelpInfo};
+"use client";import{useLingui as e}from"../../../../i18n/useLingui.js";import"../../../../../i18n/index.js";import{toSafeHref as t}from"../../../../ui/ExternalLink/toSafeHref.js";import{ExternalLink as n}from"../../../../ui/ExternalLink/ExternalLink.js";import"../../../../ui/ExternalLink/index.js";import{ExternalLinkIcon as r}from"../../../../icons/ExternalLinkIcon.js";import{InfoIcon as i}from"../../../../icons/InfoIcon.js";import"../../../../../icons/index.js";import{Alert as a}from"../../../../ui/Alert/Alert.js";import"../../../../ui/Alert/index.js";import{useErrorStateContext as o}from"../context.js";import{ERROR_STATE_SLOTS as s}from"../ErrorState.slots.js";import{styles as c}from"../ErrorState.styles.js";import{jsx as l,jsxs as u}from"react/jsx-runtime";import*as d from"@stylexjs/stylex";function f(){let f=o(`ErrorState.HelpInfo`),{_:p}=e(),m=f.help;if(!m)return null;let h=t(m.url);return h?u(a,{"data-stridge-slot":s.helpInfo,variant:`primary`,icon:l(i,{}),...d.props(c.helpInfo),children:[m.message??p({id:`Dd7jP5`,message:`Experiencing problems?`}),` `,l(n,{href:h,suffix:l(r,{"aria-hidden":!0}),...d.props(c.helpInfoLink),children:m.ctaLabel??p({id:`AWtGgd`,message:`Get help`})})]}):null}export{f as ErrorStateHelpInfo};

package/dist/shared/widgets/error-state/compound/components/StatusValue.js

@@ -1 +1 @@
-"use client";import{text as e}from"../../../../ui/Text/Text.js";import"../../../../../ui/index.js";import{ERROR_STATE_SLOTS as t}from"../ErrorState.slots.js";import{styles as n}from"../ErrorState.styles.js";import{jsx as r}from"react/jsx-runtime";import*as i from"@stylexjs/stylex";function a({tone:a=`failed`,children:o}){return r(e.span,{"data-stridge-slot":t.statusValue,size:`meta`,fontWeight:`semibold`,leading:`tight`,tracking:`tight`,color:a===`failed`?`inherit`:`default`,...i.props(a===`failed`?n.statusValueFailed:null),children:o})}export{a as ErrorStateStatusValue};
+"use client";import{text as e}from"../../../../ui/Text/Text.js";import"../../../../../ui/index.js";import{ERROR_STATE_SLOTS as t}from"../ErrorState.slots.js";import{styles as n}from"../ErrorState.styles.js";import{jsx as r}from"react/jsx-runtime";import*as i from"@stylexjs/stylex";function a({tone:a=`failed`,children:o}){return r(e.span,{"data-stridge-slot":t.statusValue,size:`xs`,fontWeight:`semibold`,leading:`tight`,tracking:`tight`,color:a===`failed`?`inherit`:`default`,...i.props(a===`failed`?n.statusValueFailed:null),children:o})}export{a as ErrorStateStatusValue};

package/dist/shared/widgets/processing-state/compound/ProcessingState.d.ts

@@ -1,8 +1,7 @@
 import { TxHashValueProps } from "../../../primitives/TxHashValue/types.js";
 import { TxHashValue } from "../../../primitives/TxHashValue/TxHashValue.js";
 import { WalletValue, WalletValueProps } from "../../../primitives/WalletValue/WalletValue.js";
-import { ProcessingStateActionsProps, ProcessingStateBodyProps, ProcessingStateDetailProps, ProcessingStateDetailsProps, ProcessingStateDialogProps, ProcessingStateHeaderProps, ProcessingStateHeroProps, ProcessingStateProps, ProcessingStateRowProps, ProcessingStateStatusPillProps } from "./types.js";
-import { ProcessingStateActions } from "./components/Actions.js";
+import { ProcessingStateBodyProps, ProcessingStateDetailProps, ProcessingStateDetailsProps, ProcessingStateDialogProps, ProcessingStateHeaderProps, ProcessingStateHeroProps, ProcessingStateProps, ProcessingStateRowProps, ProcessingStateStatusPillProps } from "./types.js";
 import { ProcessingStateDetail } from "./components/Detail.js";
 import { ProcessingStateDetails } from "./components/Details.js";
 import { ProcessingStateHeader } from "./components/Header.js";
@@ -24,7 +23,6 @@ import * as _$react_jsx_runtime0 from "react/jsx-runtime";
  * - {@link ProcessingState.StatusPill}
  * - {@link ProcessingState.Details}
  * - {@link ProcessingState.Detail}
- * - {@link ProcessingState.Actions}
  *
  * Helpers:
  * - {@link ProcessingState.WalletValue} — wallet icon + name + truncated address + explorer link
@@ -53,7 +51,6 @@ declare namespace ProcessingState {
   type StatusPillProps = ProcessingStateStatusPillProps;
   type DetailsProps = ProcessingStateDetailsProps;
   type DetailProps = ProcessingStateDetailProps;
-  type ActionsProps = ProcessingStateActionsProps;
   type RowProps = ProcessingStateRowProps;
   type WalletValueProps = WalletValueProps;
   type TxHashValueProps = TxHashValueProps;
@@ -64,7 +61,6 @@ declare namespace ProcessingState {
   const StatusPill: typeof ProcessingStateStatusPill;
   const Details: typeof ProcessingStateDetails;
   const Detail: typeof ProcessingStateDetail;
-  const Actions: typeof ProcessingStateActions;
   const SourceRow: typeof ProcessingStateSourceRow;
   const SourceTxRow: typeof ProcessingStateSourceTxRow;
   const SubmittedAtRow: typeof ProcessingStateSubmittedAtRow;

package/dist/shared/widgets/processing-state/compound/ProcessingState.js

@@ -1 +1 @@
-"use client";import{DialogShell as e}from"../../../dialog/DialogShell.js";import{Card as t}from"../../../ui/Card/Card.js";import"../../../../ui/index.js";import{Frame as n}from"../../../dialog/Frame.js";import{TxHashValue as r}from"../../../primitives/TxHashValue/TxHashValue.js";import"../../../primitives/TxHashValue/index.js";import{WalletValue as i}from"../../../primitives/WalletValue/WalletValue.js";import"../../../primitives/WalletValue/index.js";import{ProcessingStateContext as a}from"./context.js";import{PROCESSING_STATE_SLOTS as o}from"./ProcessingState.slots.js";import{styles as s}from"./ProcessingState.styles.js";import{ProcessingStateActions as c}from"./components/Actions.js";import{ProcessingStateDetail as l}from"./components/Detail.js";import{ProcessingStateDetails as u}from"./components/Details.js";import{ProcessingStateHeader as d}from"./components/Header.js";import{ProcessingStateHero as f}from"./components/Hero.js";import{ProcessingStateDetectedAtRow as p,ProcessingStateSourceRow as m,ProcessingStateSourceTxRow as h,ProcessingStateSubmittedAtRow as g}from"./components/Rows.js";import{ProcessingStateStatusPill as _}from"./components/StatusPill.js";import{useMemo as v}from"react";import{jsx as y}from"react/jsx-runtime";import*as b from"@stylexjs/stylex";function x(e){let{amount:t,creditedAsset:r,creditedTo:i,loading:c,headerTitle:l,onBack:u,statusPillLabel:d,sourceWallet:f,sourceTx:p,submittedAt:m,detectedAt:h,onClose:g,closeLabel:_,children:x}=e,S=v(()=>({amount:t,creditedAsset:r,creditedTo:i,...c?{loading:!0}:{},headerTitle:l,onBack:u,statusPillLabel:d,sourceWallet:f,sourceTx:p,submittedAt:m,detectedAt:h,onClose:g,closeLabel:_}),[t,r,i,c,l,u,d,f,p,m,h,g,_]);return y(a.Provider,{value:S,children:y(n,{"data-stridge-slot":o.root,...b.props(s.root),children:x})})}function S(e){return y(t.Body,{"data-stridge-slot":o.body,...e})}function C({open:t,defaultOpen:n,onOpenChange:r,trigger:i,children:a,...o}){return y(e,{open:t,defaultOpen:n,onOpenChange:r,trigger:i,children:y(x,{...o,children:a})})}(function(e){e.Header=d,e.Body=S,e.Hero=f,e.StatusPill=_,e.Details=u,e.Detail=l,e.Actions=c,e.SourceRow=m,e.SourceTxRow=h,e.SubmittedAtRow=g,e.DetectedAtRow=p,e.WalletValue=i,e.TxHashValue=r,e.Dialog=C})(x||={});export{x as ProcessingState};
+"use client";import{DialogShell as e}from"../../../dialog/DialogShell.js";import{Card as t}from"../../../ui/Card/Card.js";import"../../../../ui/index.js";import{Frame as n}from"../../../dialog/Frame.js";import{TxHashValue as r}from"../../../primitives/TxHashValue/TxHashValue.js";import"../../../primitives/TxHashValue/index.js";import{WalletValue as i}from"../../../primitives/WalletValue/WalletValue.js";import"../../../primitives/WalletValue/index.js";import{PROCESSING_STATE_SLOTS as a}from"./ProcessingState.slots.js";import{ProcessingStateDetail as o}from"./components/Detail.js";import{ProcessingStateContext as s}from"./context.js";import{styles as c}from"./ProcessingState.styles.js";import{ProcessingStateDetails as l}from"./components/Details.js";import{ProcessingStateHeader as u}from"./components/Header.js";import{ProcessingStateHero as d}from"./components/Hero.js";import{ProcessingStateDetectedAtRow as f,ProcessingStateSourceRow as p,ProcessingStateSourceTxRow as m,ProcessingStateSubmittedAtRow as h}from"./components/Rows.js";import{ProcessingStateStatusPill as g}from"./components/StatusPill.js";import{useMemo as _}from"react";import{jsx as v}from"react/jsx-runtime";import*as y from"@stylexjs/stylex";function b(e){let{amount:t,amountUsd:r,creditedAsset:i,creditedTo:o,loading:l,headerTitle:u,onBack:d,statusPillLabel:f,sourceWallet:p,sourceTx:m,submittedAt:h,detectedAt:g,children:b}=e,x=_(()=>({amount:t,...r?{amountUsd:r}:{},creditedAsset:i,creditedTo:o,...l?{loading:!0}:{},headerTitle:u,onBack:d,statusPillLabel:f,sourceWallet:p,sourceTx:m,submittedAt:h,detectedAt:g}),[t,r,i,o,l,u,d,f,p,m,h,g]);return v(s.Provider,{value:x,children:v(n,{"data-stridge-slot":a.root,...y.props(c.root),children:b})})}function x(e){return v(t.Body,{"data-stridge-slot":a.body,...e})}function S({open:t,defaultOpen:n,onOpenChange:r,trigger:i,children:a,...o}){return v(e,{open:t,defaultOpen:n,onOpenChange:r,trigger:i,children:v(b,{...o,children:a})})}(function(e){e.Header=u,e.Body=x,e.Hero=d,e.StatusPill=g,e.Details=l,e.Detail=o,e.SourceRow=p,e.SourceTxRow=m,e.SubmittedAtRow=h,e.DetectedAtRow=f,e.WalletValue=i,e.TxHashValue=r,e.Dialog=S})(b||={});export{b as ProcessingState};

package/dist/shared/widgets/processing-state/compound/ProcessingState.slots.d.ts

@@ -6,7 +6,6 @@ declare const PROCESSING_STATE_SLOTS: {
   readonly hero: "processing-state-hero";
   readonly statusPill: "processing-state-status-pill";
   readonly statusPillWrap: "processing-state-status-pill-wrap";
-  readonly actions: "processing-state-actions";
   readonly details: "processing-state-details";
   readonly detail: "processing-state-detail";
 };

package/dist/shared/widgets/processing-state/compound/ProcessingState.slots.js

@@ -1 +1 @@
-const e={root:`processing-state`,header:`processing-state-header`,body:`processing-state-body`,hero:`processing-state-hero`,statusPill:`processing-state-status-pill`,statusPillWrap:`processing-state-status-pill-wrap`,actions:`processing-state-actions`,details:`processing-state-details`,detail:`processing-state-detail`};export{e as PROCESSING_STATE_SLOTS};
+const e={root:`processing-state`,header:`processing-state-header`,body:`processing-state-body`,hero:`processing-state-hero`,statusPill:`processing-state-status-pill`,statusPillWrap:`processing-state-status-pill-wrap`,details:`processing-state-details`,detail:`processing-state-detail`};export{e as PROCESSING_STATE_SLOTS};

package/dist/shared/widgets/processing-state/compound/ProcessingState.styles.js

@@ -1 +1 @@
-const e={root:{"ProcessingState__styles.root":`ProcessingState__styles.root`,"position-kVAEAm":`x1n2onr6`,"width-kzqmXN":`xh8yej3`,"maxWidth-ks0D6T":`x17fpy1y`,$$css:`@stridge/kit:src/shared/widgets/processing-state/compound/ProcessingState.styles.ts:26`},header:{"ProcessingState__styles.header":`ProcessingState__styles.header`,"justifyContent-kjj79g":`x1qughib`,$$css:`@stridge/kit:src/shared/widgets/processing-state/compound/ProcessingState.styles.ts:34`},headerLeft:{"ProcessingState__styles.headerLeft":`ProcessingState__styles.headerLeft`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`x1q0g3np`,"alignItems-kGNEyG":`x6s0dn4`,"gap-kOIVth":`x1v2ro7d`,"minWidth-k7Eaqz":`xeuugli`,$$css:`@stridge/kit:src/shared/widgets/processing-state/compound/ProcessingState.styles.ts:37`},closeIcon:{"ProcessingState__styles.closeIcon":`ProcessingState__styles.closeIcon`,"width-kzqmXN":`xsmyaan`,"height-kZKoxP":`x1kpxq89`,"flexShrink-kmuXW":`x2lah0s`,"color-kMwMTN":`xdksllq`,"strokeWidth-kfJifR":`x1k315e8`,$$css:`@stridge/kit:src/shared/widgets/processing-state/compound/ProcessingState.styles.ts:44`},backIcon:{"ProcessingState__styles.backIcon":`ProcessingState__styles.backIcon`,"width-kzqmXN":`x6jxa94`,"height-kZKoxP":`x1v9usgg`,"flexShrink-kmuXW":`x2lah0s`,"color-kMwMTN":`xdksllq`,"strokeWidth-kfJifR":`xhxwl1`,$$css:`@stridge/kit:src/shared/widgets/processing-state/compound/ProcessingState.styles.ts:51`},hero:{"ProcessingState__styles.hero":`ProcessingState__styles.hero`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`xdt5ytf`,"alignItems-kGNEyG":`x6s0dn4`,"gap-kOIVth":`x1v2ro7d`,"paddingTop-kLKAdn":`x1miatn0`,"paddingInlineEnd-kwRFfy":`x1o5r3ls`,"paddingBottom-kGO01o":`xwib8y2`,"paddingInlineStart-kZCmMZ":`xz7312c`,"animationName-kKVMdj":`xv305lp`,"animationDuration-k44tkh":`xmprevt x1s1fvk8`,"animationTimingFunction-kyAemX":`xa3vuyk`,"animationFillMode-kWV6AL":`x1u6ievf`,$$css:`@stridge/kit:src/shared/widgets/processing-state/compound/ProcessingState.styles.ts:59`},heroAmountRow:{"ProcessingState__styles.heroAmountRow":`ProcessingState__styles.heroAmountRow`,"display-k1xSpc":`x3nfvp2`,"alignItems-kGNEyG":`x1pha0wt`,"justifyContent-kjj79g":`xl56j7k`,"gap-kOIVth":`x883omv`,"marginTop-keoZOQ":`xdj266r`,$$css:`@stridge/kit:src/shared/widgets/processing-state/compound/ProcessingState.styles.ts:76`},heroAmountIcon:{"ProcessingState__styles.heroAmountIcon":`ProcessingState__styles.heroAmountIcon`,"alignSelf-kSGwAc":`xamitd3`,$$css:`@stridge/kit:src/shared/widgets/processing-state/compound/ProcessingState.styles.ts:83`},statusPillWrap:{"ProcessingState__styles.statusPillWrap":`ProcessingState__styles.statusPillWrap`,"display-k1xSpc":`x78zum5`,"justifyContent-kjj79g":`xl56j7k`,"paddingTop-kLKAdn":`xyinxu5`,"paddingInlineEnd-kwRFfy":`x1o5r3ls`,"paddingBottom-kGO01o":`x1t4gjm`,"paddingInlineStart-kZCmMZ":`xz7312c`,$$css:`@stridge/kit:src/shared/widgets/processing-state/compound/ProcessingState.styles.ts:87`},statusPill:{"ProcessingState__styles.statusPill":`ProcessingState__styles.statusPill`,"display-k1xSpc":`x3nfvp2`,"flexDirection-kXwgrk":`x1q0g3np`,"alignItems-kGNEyG":`x6s0dn4`,"gap-kOIVth":`x883omv`,"paddingBlock-k8WAf4":`x1vvogim`,"paddingInlineStart-kZCmMZ":`x1g0dm76`,"paddingInlineEnd-kwRFfy":`x1pic42t`,"borderRadius-kaIpWk":`x1npxkrn`,"backgroundColor-kWkggS":`x407w7c`,"borderWidth-kMzoRj":`xmkeg23`,"borderStyle-ksu8eU":`x1y0btm7`,"borderColor-kVAM5u":`x1bue7yx`,$$css:`@stridge/kit:src/shared/widgets/processing-state/compound/ProcessingState.styles.ts:95`},statusPillIcon:{"ProcessingState__styles.statusPillIcon":`ProcessingState__styles.statusPillIcon`,"display-k1xSpc":`x1lliihq`,"width-kzqmXN":`x6jxa94`,"height-kZKoxP":`xmix8c7`,"flexShrink-kmuXW":`x2lah0s`,"color-kMwMTN":`x1me39qh`,$$css:`@stridge/kit:src/shared/widgets/processing-state/compound/ProcessingState.styles.ts:109`},statusPillDot:{"ProcessingState__styles.statusPillDot":`ProcessingState__styles.statusPillDot`,"animationName-kKVMdj":`x194e4vk x1aquc0h`,"animationDuration-k44tkh":`x1m9vv7p`,"animationIterationCount-ko0y90":`xa4qsjk`,"animationTimingFunction-kyAemX":`x4hg4is`,"opacity-kSiTet":`x197sbye`,$$css:`@stridge/kit:src/shared/widgets/processing-state/compound/ProcessingState.styles.ts:116`},statusPillDotDelay0:{"ProcessingState__styles.statusPillDotDelay0":`ProcessingState__styles.statusPillDotDelay0`,"animationDelay-kKxzle":`x1uzojwf`,$$css:`@stridge/kit:src/shared/widgets/processing-state/compound/ProcessingState.styles.ts:126`},statusPillDotDelay1:{"ProcessingState__styles.statusPillDotDelay1":`ProcessingState__styles.statusPillDotDelay1`,"animationDelay-kKxzle":`x1k0bccz`,$$css:`@stridge/kit:src/shared/widgets/processing-state/compound/ProcessingState.styles.ts:129`},statusPillDotDelay2:{"ProcessingState__styles.statusPillDotDelay2":`ProcessingState__styles.statusPillDotDelay2`,"animationDelay-kKxzle":`x1t83zlg`,$$css:`@stridge/kit:src/shared/widgets/processing-state/compound/ProcessingState.styles.ts:132`},statusPillDotDelay3:{"ProcessingState__styles.statusPillDotDelay3":`ProcessingState__styles.statusPillDotDelay3`,"animationDelay-kKxzle":`x1x1c4bx`,$$css:`@stridge/kit:src/shared/widgets/processing-state/compound/ProcessingState.styles.ts:135`},statusPillDotDelay4:{"ProcessingState__styles.statusPillDotDelay4":`ProcessingState__styles.statusPillDotDelay4`,"animationDelay-kKxzle":`x1xwhvez`,$$css:`@stridge/kit:src/shared/widgets/processing-state/compound/ProcessingState.styles.ts:138`},statusPillDotDelay5:{"ProcessingState__styles.statusPillDotDelay5":`ProcessingState__styles.statusPillDotDelay5`,"animationDelay-kKxzle":`xfjzax6`,$$css:`@stridge/kit:src/shared/widgets/processing-state/compound/ProcessingState.styles.ts:141`},detailsSection:{"ProcessingState__styles.detailsSection":`ProcessingState__styles.detailsSection`,"marginInlineStart-keTefX":`xnzr9dm`,"marginInlineEnd-k71WvV":`xnqxrjt`,$$css:`@stridge/kit:src/shared/widgets/processing-state/compound/ProcessingState.styles.ts:151`},actions:{"ProcessingState__styles.actions":`ProcessingState__styles.actions`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`xdt5ytf`,"alignItems-kGNEyG":`x1qjc9v5`,"gap-kOIVth":`x1v2ro7d`,"paddingTop-kLKAdn":`x1xy6bms`,"paddingInlineEnd-kwRFfy":`x1o5r3ls`,"paddingBottom-kGO01o":`x1t4gjm`,"paddingInlineStart-kZCmMZ":`xz7312c`,$$css:`@stridge/kit:src/shared/widgets/processing-state/compound/ProcessingState.styles.ts:156`},closeCta:{"ProcessingState__styles.closeCta":`ProcessingState__styles.closeCta`,"width-kzqmXN":`xh8yej3`,":focus-visible_boxShadow-kEtg5x":`xhatipn`,$$css:`@stridge/kit:src/shared/widgets/processing-state/compound/ProcessingState.styles.ts:174`},closeCtaInteractive:{"ProcessingState__styles.closeCtaInteractive":`ProcessingState__styles.closeCtaInteractive`,"cursor-kkrTdU":`x1ypdohk`,$$css:`@stridge/kit:src/shared/widgets/processing-state/compound/ProcessingState.styles.ts:180`},closeCtaInert:{"ProcessingState__styles.closeCtaInert":`ProcessingState__styles.closeCtaInert`,"cursor-kkrTdU":`xt0e3qv`,$$css:`@stridge/kit:src/shared/widgets/processing-state/compound/ProcessingState.styles.ts:183`}};export{e as styles};
+const e={root:{"ProcessingState__styles.root":`ProcessingState__styles.root`,"position-kVAEAm":`x1n2onr6`,"width-kzqmXN":`xh8yej3`,"maxWidth-ks0D6T":`x17fpy1y`,$$css:`@stridge/kit:src/shared/widgets/processing-state/compound/ProcessingState.styles.ts:26`},header:{"ProcessingState__styles.header":`ProcessingState__styles.header`,"justifyContent-kjj79g":`x1qughib`,$$css:`@stridge/kit:src/shared/widgets/processing-state/compound/ProcessingState.styles.ts:34`},headerLeft:{"ProcessingState__styles.headerLeft":`ProcessingState__styles.headerLeft`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`x1q0g3np`,"alignItems-kGNEyG":`x6s0dn4`,"gap-kOIVth":`x1v2ro7d`,"minWidth-k7Eaqz":`xeuugli`,$$css:`@stridge/kit:src/shared/widgets/processing-state/compound/ProcessingState.styles.ts:37`},backIcon:{"ProcessingState__styles.backIcon":`ProcessingState__styles.backIcon`,"width-kzqmXN":`x6jxa94`,"height-kZKoxP":`x1v9usgg`,"flexShrink-kmuXW":`x2lah0s`,"color-kMwMTN":`xdksllq`,"strokeWidth-kfJifR":`xhxwl1`,$$css:`@stridge/kit:src/shared/widgets/processing-state/compound/ProcessingState.styles.ts:44`},hero:{"ProcessingState__styles.hero":`ProcessingState__styles.hero`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`xdt5ytf`,"alignItems-kGNEyG":`x6s0dn4`,"gap-kOIVth":`x1v2ro7d`,"paddingTop-kLKAdn":`x1miatn0`,"paddingInlineEnd-kwRFfy":`x1o5r3ls`,"paddingBottom-kGO01o":`xwib8y2`,"paddingInlineStart-kZCmMZ":`xz7312c`,"animationName-kKVMdj":`xv305lp`,"animationDuration-k44tkh":`xmprevt x1s1fvk8`,"animationTimingFunction-kyAemX":`xa3vuyk`,"animationFillMode-kWV6AL":`x1u6ievf`,$$css:`@stridge/kit:src/shared/widgets/processing-state/compound/ProcessingState.styles.ts:52`},heroAmountRow:{"ProcessingState__styles.heroAmountRow":`ProcessingState__styles.heroAmountRow`,"display-k1xSpc":`x3nfvp2`,"alignItems-kGNEyG":`x1pha0wt`,"justifyContent-kjj79g":`xl56j7k`,"gap-kOIVth":`x883omv`,"marginTop-keoZOQ":`xdj266r`,$$css:`@stridge/kit:src/shared/widgets/processing-state/compound/ProcessingState.styles.ts:69`},heroAmountIcon:{"ProcessingState__styles.heroAmountIcon":`ProcessingState__styles.heroAmountIcon`,"alignSelf-kSGwAc":`xamitd3`,$$css:`@stridge/kit:src/shared/widgets/processing-state/compound/ProcessingState.styles.ts:76`},heroSubLine:{"ProcessingState__styles.heroSubLine":`ProcessingState__styles.heroSubLine`,"display-k1xSpc":`x3nfvp2`,"flexDirection-kXwgrk":`x1q0g3np`,"alignItems-kGNEyG":`x6s0dn4`,"justifyContent-kjj79g":`xl56j7k`,"gap-kOIVth":`x17d4w8g`,"marginTop-keoZOQ":`xr9ek0c`,$$css:`@stridge/kit:src/shared/widgets/processing-state/compound/ProcessingState.styles.ts:80`},heroSubLineIcon:{"ProcessingState__styles.heroSubLineIcon":`ProcessingState__styles.heroSubLineIcon`,"flexShrink-kmuXW":`x2lah0s`,$$css:`@stridge/kit:src/shared/widgets/processing-state/compound/ProcessingState.styles.ts:88`},statusPillWrap:{"ProcessingState__styles.statusPillWrap":`ProcessingState__styles.statusPillWrap`,"display-k1xSpc":`x78zum5`,"justifyContent-kjj79g":`xl56j7k`,"paddingTop-kLKAdn":`xyinxu5`,"paddingInlineEnd-kwRFfy":`x1o5r3ls`,"paddingBottom-kGO01o":`x1t4gjm`,"paddingInlineStart-kZCmMZ":`xz7312c`,$$css:`@stridge/kit:src/shared/widgets/processing-state/compound/ProcessingState.styles.ts:92`},statusPill:{"ProcessingState__styles.statusPill":`ProcessingState__styles.statusPill`,"display-k1xSpc":`x3nfvp2`,"flexDirection-kXwgrk":`x1q0g3np`,"alignItems-kGNEyG":`x6s0dn4`,"gap-kOIVth":`x883omv`,"paddingBlock-k8WAf4":`x1vvogim`,"paddingInlineStart-kZCmMZ":`x1g0dm76`,"paddingInlineEnd-kwRFfy":`x1pic42t`,"borderRadius-kaIpWk":`x1npxkrn`,"backgroundColor-kWkggS":`x407w7c`,"borderWidth-kMzoRj":`xmkeg23`,"borderStyle-ksu8eU":`x1y0btm7`,"borderColor-kVAM5u":`x1bue7yx`,$$css:`@stridge/kit:src/shared/widgets/processing-state/compound/ProcessingState.styles.ts:100`},statusPillIcon:{"ProcessingState__styles.statusPillIcon":`ProcessingState__styles.statusPillIcon`,"display-k1xSpc":`x1lliihq`,"width-kzqmXN":`x6jxa94`,"height-kZKoxP":`xmix8c7`,"flexShrink-kmuXW":`x2lah0s`,"color-kMwMTN":`x1me39qh`,$$css:`@stridge/kit:src/shared/widgets/processing-state/compound/ProcessingState.styles.ts:114`},statusPillDot:{"ProcessingState__styles.statusPillDot":`ProcessingState__styles.statusPillDot`,"animationName-kKVMdj":`x194e4vk x1aquc0h`,"animationDuration-k44tkh":`x1m9vv7p`,"animationIterationCount-ko0y90":`xa4qsjk`,"animationTimingFunction-kyAemX":`x4hg4is`,"opacity-kSiTet":`x197sbye`,$$css:`@stridge/kit:src/shared/widgets/processing-state/compound/ProcessingState.styles.ts:121`},statusPillDotDelay0:{"ProcessingState__styles.statusPillDotDelay0":`ProcessingState__styles.statusPillDotDelay0`,"animationDelay-kKxzle":`x1uzojwf`,$$css:`@stridge/kit:src/shared/widgets/processing-state/compound/ProcessingState.styles.ts:131`},statusPillDotDelay1:{"ProcessingState__styles.statusPillDotDelay1":`ProcessingState__styles.statusPillDotDelay1`,"animationDelay-kKxzle":`x1k0bccz`,$$css:`@stridge/kit:src/shared/widgets/processing-state/compound/ProcessingState.styles.ts:134`},statusPillDotDelay2:{"ProcessingState__styles.statusPillDotDelay2":`ProcessingState__styles.statusPillDotDelay2`,"animationDelay-kKxzle":`x1t83zlg`,$$css:`@stridge/kit:src/shared/widgets/processing-state/compound/ProcessingState.styles.ts:137`},statusPillDotDelay3:{"ProcessingState__styles.statusPillDotDelay3":`ProcessingState__styles.statusPillDotDelay3`,"animationDelay-kKxzle":`x1x1c4bx`,$$css:`@stridge/kit:src/shared/widgets/processing-state/compound/ProcessingState.styles.ts:140`},statusPillDotDelay4:{"ProcessingState__styles.statusPillDotDelay4":`ProcessingState__styles.statusPillDotDelay4`,"animationDelay-kKxzle":`x1xwhvez`,$$css:`@stridge/kit:src/shared/widgets/processing-state/compound/ProcessingState.styles.ts:143`},statusPillDotDelay5:{"ProcessingState__styles.statusPillDotDelay5":`ProcessingState__styles.statusPillDotDelay5`,"animationDelay-kKxzle":`xfjzax6`,$$css:`@stridge/kit:src/shared/widgets/processing-state/compound/ProcessingState.styles.ts:146`},detailsSection:{"ProcessingState__styles.detailsSection":`ProcessingState__styles.detailsSection`,"marginInlineStart-keTefX":`xnzr9dm`,"marginInlineEnd-k71WvV":`xnqxrjt`,"marginBottom-k1K539":`x91k8ka`,$$css:`@stridge/kit:src/shared/widgets/processing-state/compound/ProcessingState.styles.ts:158`}};export{e as styles};

package/dist/shared/widgets/processing-state/compound/components/Details.d.ts

@@ -4,9 +4,14 @@ import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 //#region src/shared/widgets/processing-state/compound/components/Details.d.ts
 /**
  * Bordered card containing `ProcessingState.Detail` children.
+ *
+ * Every predefined row ({@link ProcessingState.SourceRow} etc.) gates itself out when its
+ * backing payload is absent, so a frame with no detail data would otherwise paint an empty
+ * bordered card. The container mirrors those gating conditions and renders nothing when none
+ * of the predefined rows can produce content.
  */
 declare function ProcessingStateDetails({
   children
-}: ProcessingStateDetailsProps): _$react_jsx_runtime0.JSX.Element;
+}: ProcessingStateDetailsProps): _$react_jsx_runtime0.JSX.Element | null;
 //#endregion
 export { ProcessingStateDetails };

package/dist/shared/widgets/processing-state/compound/components/Details.js

@@ -1 +1 @@
-"use client";import{Details as e}from"../../../../ui/Details/Details.js";import"../../../../ui/Details/index.js";import{PROCESSING_STATE_SLOTS as t}from"../ProcessingState.slots.js";import{styles as n}from"../ProcessingState.styles.js";import{jsx as r}from"react/jsx-runtime";import*as i from"@stylexjs/stylex";function a({children:a}){let o=i.props(n.detailsSection);return r(e,{"data-stridge-slot":t.details,className:o.className,style:o.style,children:a})}export{a as ProcessingStateDetails};
+"use client";import{Details as e}from"../../../../ui/Details/Details.js";import"../../../../ui/Details/index.js";import{PROCESSING_STATE_SLOTS as t}from"../ProcessingState.slots.js";import{useProcessingStateContext as n}from"../context.js";import{styles as r}from"../ProcessingState.styles.js";import{jsx as i}from"react/jsx-runtime";import*as a from"@stylexjs/stylex";function o({children:o}){let s=n(`ProcessingState.Details`),c=a.props(r.detailsSection);return s.sourceWallet||s.sourceTx?.hash||s.submittedAt!==void 0||s.detectedAt!==void 0?i(e,{"data-stridge-slot":t.details,className:c.className,style:c.style,children:o}):null}export{o as ProcessingStateDetails};

package/dist/shared/widgets/processing-state/compound/components/Header.d.ts

@@ -3,9 +3,10 @@ import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/shared/widgets/processing-state/compound/components/Header.d.ts
 /**
- * Header row with optional back button and title. The back button
- * renders only when `onBack` is provided. Dismiss is the dialog frame's
- * concern; the widget does not paint a close affordance.
+ * Header row with optional back button, title, and dialog close affordance.
+ * The back button renders only when `onBack` is provided. `Dialog.CloseButton`
+ * renders as the trailing flex child only when the widget is mounted inside
+ * `Dialog.Content`; card-mode renders no close affordance.
  */
 declare function ProcessingStateHeader({
   title,

package/dist/shared/widgets/processing-state/compound/components/Header.js

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

package/dist/shared/widgets/processing-state/compound/components/Hero.d.ts

@@ -2,14 +2,21 @@ import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/shared/widgets/processing-state/compound/components/Hero.d.ts
 /**
- * Hero block: uppercase "CREDITING" caption, the token amount row, and a destination subcaption. Reads its data
- * from the `ProcessingState` root context.
+ * Hero block: uppercase "CREDITING" caption, the amount row, and a destination subcaption. Reads
+ * its data from the `ProcessingState` root context.
  *
- * When `loading=true`, the amount span is omitted entirely so the row reads `[icon] USDC` instead
- * of `[icon] 0 USDC` or a shimmer placeholder. Used by the transfer-crypto path where the
- * credited amount isn't known until the indexer settles — showing a literal `0` reads as
- * "credited zero", and a shimmer over a number we never had reads as a fake placeholder.
- * Surfacing only the symbol is the truthful UX.
+ * Two amount layouts:
+ *
+ * - **Token hero** (default) — `[icon] <amount> <symbol>`. When `loading=true` the amount span is
+ *   omitted entirely so the row reads `[icon] USDC` instead of `[icon] 0 USDC` or a shimmer
+ *   placeholder (the transfer-crypto path waits on the indexer for the credited figure; a literal
+ *   `0` reads as "credited zero" and a shimmer over a number we never had reads as fake).
+ * - **USD hero** — when `amountUsd` is set, the fiat figure becomes the primary line and
+ *   `[icon] <amount> <symbol>` is demoted to a subline beneath it. Mirrors the deposit confirm
+ *   screen's hero treatment. When `loading=true` the subline drops the amount the same way the
+ *   token-hero variant does, so the row reads `[icon] USDC` instead of leaving a phantom space
+ *   between the icon and the symbol (the withdraw flow can resolve `amountUsd` from the priced
+ *   settlement leg before the token-side `amount` lands).
  */
 declare function ProcessingStateHero(): _$react_jsx_runtime0.JSX.Element;
 //#endregion

package/dist/shared/widgets/processing-state/compound/components/Hero.js

@@ -1 +1 @@
-"use client";import{useLingui as e}from"../../../../i18n/useLingui.js";import"../../../../../i18n/index.js";import{text as t}from"../../../../ui/Text/Text.js";import{TokenLogo as n}from"../../../../ui/TokenLogo/TokenLogo.js";import"../../../../ui/TokenLogo/index.js";import"../../../../../ui/index.js";import{useProcessingStateContext as r}from"../context.js";import{PROCESSING_STATE_SLOTS as i}from"../ProcessingState.slots.js";import{styles as a}from"../ProcessingState.styles.js";import{jsx as o,jsxs as s}from"react/jsx-runtime";import*as c from"@stylexjs/stylex";function l(){let l=r(`ProcessingState.Hero`),{_:u}=e(),d=l.creditedTo??l.creditedAsset.symbol;return s(`div`,{"data-stridge-slot":i.hero,...c.props(a.hero),children:[o(t.span,{size:`caption`,fontWeight:`semibold`,leading:`tight`,tracking:`widest`,transform:`uppercase`,align:`center`,color:`tertiary`,children:u({id:`zYD5xm`,message:`Crediting`})}),s(`div`,{dir:`ltr`,...c.props(a.heroAmountRow),children:[o(n,{size:30,symbol:l.creditedAsset.symbol,...l.creditedAsset.chainId===void 0?{}:{chainId:l.creditedAsset.chainId},...l.creditedAsset.address===void 0?{}:{address:l.creditedAsset.address},...l.creditedAsset.isNative===void 0?{}:{isNative:l.creditedAsset.isNative},...l.creditedAsset.logoUrl===void 0?{}:{logoUrl:l.creditedAsset.logoUrl},hideChainBadge:!0,...c.props(a.heroAmountIcon)}),l.loading?null:o(t.span,{size:`4xl`,fontWeight:`semibold`,leading:`none`,tracking:`tight`,children:l.amount}),o(t.span,{size:l.loading?`4xl`:`xl`,fontWeight:`semibold`,leading:`none`,tracking:`tight`,children:l.creditedAsset.symbol})]}),o(t.span,{size:`meta`,fontWeight:`medium`,leading:`tight`,align:`center`,color:`subdued`,children:d})]})}export{l as ProcessingStateHero};
+"use client";import{useLingui as e}from"../../../../i18n/useLingui.js";import"../../../../../i18n/index.js";import{text as t}from"../../../../ui/Text/Text.js";import{TokenLogo as n}from"../../../../ui/TokenLogo/TokenLogo.js";import"../../../../ui/TokenLogo/index.js";import"../../../../../ui/index.js";import{PROCESSING_STATE_SLOTS as r}from"../ProcessingState.slots.js";import{useProcessingStateContext as i}from"../context.js";import{styles as a}from"../ProcessingState.styles.js";import{splitAmount as o}from"./splitAmount.js";import{Fragment as s,jsx as c,jsxs as l}from"react/jsx-runtime";import*as u from"@stylexjs/stylex";function d(){let d=i(`ProcessingState.Hero`),{_:f}=e(),p=d.creditedTo??d.creditedAsset.symbol,m={symbol:d.creditedAsset.symbol,...d.creditedAsset.chainId===void 0?{}:{chainId:d.creditedAsset.chainId},...d.creditedAsset.address===void 0?{}:{address:d.creditedAsset.address},...d.creditedAsset.isNative===void 0?{}:{isNative:d.creditedAsset.isNative},...d.creditedAsset.logoUrl===void 0?{}:{logoUrl:d.creditedAsset.logoUrl}},h=d.amountUsd?o(d.amountUsd):void 0;return l(`div`,{"data-stridge-slot":r.hero,...u.props(a.hero),children:[c(t.span,{size:`caption`,fontWeight:`semibold`,leading:`tight`,tracking:`widest`,transform:`uppercase`,align:`center`,color:`tertiary`,children:f({id:`zYD5xm`,message:`Crediting`})}),h?l(s,{children:[l(`div`,{dir:`ltr`,...u.props(a.heroAmountRow),children:[h.glyph?c(t.span,{size:`2xl`,fontWeight:`semibold`,leading:`none`,tracking:`tight`,children:h.glyph}):null,c(t.span,{size:`4xl`,fontWeight:`semibold`,leading:`none`,tracking:`tight`,children:h.digits})]}),l(`div`,{dir:`ltr`,...u.props(a.heroSubLine),children:[c(n,{size:18,...m,hideChainBadge:!0,...u.props(a.heroSubLineIcon)}),c(t.span,{size:`sm`,fontWeight:`medium`,leading:`tight`,tracking:`tight`,color:`subdued`,children:d.loading?d.creditedAsset.symbol:`${d.amount} ${d.creditedAsset.symbol}`})]})]}):l(`div`,{dir:`ltr`,...u.props(a.heroAmountRow),children:[c(n,{size:30,...m,hideChainBadge:!0,...u.props(a.heroAmountIcon)}),d.loading?null:c(t.span,{size:`4xl`,fontWeight:`semibold`,leading:`none`,tracking:`tight`,children:d.amount}),c(t.span,{size:d.loading?`4xl`:`xl`,fontWeight:`semibold`,leading:`none`,tracking:`tight`,children:d.creditedAsset.symbol})]}),c(t.span,{size:`meta`,fontWeight:`medium`,leading:`tight`,align:`center`,color:`subdued`,children:p})]})}export{d as ProcessingStateHero};

package/dist/shared/widgets/processing-state/compound/components/Rows.js

@@ -1 +1 @@
-"use client";import{useLingui as e}from"../../../../i18n/useLingui.js";import"../../../../../i18n/index.js";import{TxHashValue as t}from"../../../../primitives/TxHashValue/TxHashValue.js";import"../../../../primitives/TxHashValue/index.js";import{WalletValue as n}from"../../../../primitives/WalletValue/WalletValue.js";import"../../../../primitives/WalletValue/index.js";import{useProcessingStateContext as r}from"../context.js";import{ProcessingStateDetail as i}from"./Detail.js";import{jsx as a}from"react/jsx-runtime";function o({label:t}={}){let o=r(`ProcessingState.SourceRow`),{_:s}=e();if(!o.sourceWallet)return null;let{name:c,address:l,explorerUrl:u}=o.sourceWallet;return a(i,{label:t??s({id:`wdxz7K`,message:`Source`}),value:a(n,{name:c??s({id:`sb9Y58`,message:`Wallet`}),address:l,...u?{explorerUrl:u}:{}})})}function s({label:n}={}){let o=r(`ProcessingState.SourceTxRow`),{_:s}=e();return o.sourceTx?.hash?a(i,{label:n??s({id:`yrvWai`,message:`Source tx`}),value:a(t,{hash:o.sourceTx.hash,...o.sourceTx.explorerUrl?{explorerUrl:o.sourceTx.explorerUrl}:{}})}):null}function c({label:t}={}){let n=r(`ProcessingState.SubmittedAtRow`),{_:o}=e();return n.submittedAt===void 0?null:a(i,{label:t??o({id:`TT0aVH`,message:`Order submitted`}),value:n.submittedAt})}function l({label:t}={}){let n=r(`ProcessingState.DetectedAtRow`),{_:o}=e();return n.detectedAt===void 0?null:a(i,{label:t??o({id:`mvYQx_`,message:`Detected`}),value:n.detectedAt})}export{l as ProcessingStateDetectedAtRow,o as ProcessingStateSourceRow,s as ProcessingStateSourceTxRow,c as ProcessingStateSubmittedAtRow};
+"use client";import{useLingui as e}from"../../../../i18n/useLingui.js";import"../../../../../i18n/index.js";import{TxHashValue as t}from"../../../../primitives/TxHashValue/TxHashValue.js";import"../../../../primitives/TxHashValue/index.js";import{WalletValue as n}from"../../../../primitives/WalletValue/WalletValue.js";import"../../../../primitives/WalletValue/index.js";import{ProcessingStateDetail as r}from"./Detail.js";import{useProcessingStateContext as i}from"../context.js";import{jsx as a}from"react/jsx-runtime";function o({label:t}={}){let o=i(`ProcessingState.SourceRow`),{_:s}=e();if(!o.sourceWallet)return null;let{name:c,address:l,explorerUrl:u}=o.sourceWallet;return a(r,{label:t??s({id:`wdxz7K`,message:`Source`}),value:a(n,{name:c??s({id:`sb9Y58`,message:`Wallet`}),address:l,...u?{explorerUrl:u}:{},density:`compact`,hideIcon:!0})})}function s({label:n}={}){let o=i(`ProcessingState.SourceTxRow`),{_:s}=e();return o.sourceTx?.hash?a(r,{label:n??s({id:`yrvWai`,message:`Source tx`}),value:a(t,{hash:o.sourceTx.hash,...o.sourceTx.explorerUrl?{explorerUrl:o.sourceTx.explorerUrl}:{}})}):null}function c({label:t}={}){let n=i(`ProcessingState.SubmittedAtRow`),{_:o}=e();return n.submittedAt===void 0?null:a(r,{label:t??o({id:`TT0aVH`,message:`Order submitted`}),value:n.submittedAt})}function l({label:t}={}){let n=i(`ProcessingState.DetectedAtRow`),{_:o}=e();return n.detectedAt===void 0?null:a(r,{label:t??o({id:`mvYQx_`,message:`Detected`}),value:n.detectedAt})}export{l as ProcessingStateDetectedAtRow,o as ProcessingStateSourceRow,s as ProcessingStateSourceTxRow,c as ProcessingStateSubmittedAtRow};

package/dist/shared/widgets/processing-state/compound/components/StatusPill.js

@@ -1 +1 @@
-"use client";import{useLingui as e}from"../../../../i18n/useLingui.js";import"../../../../../i18n/index.js";import{text as t}from"../../../../ui/Text/Text.js";import"../../../../../ui/index.js";import{useProcessingStateContext as n}from"../context.js";import{PROCESSING_STATE_SLOTS as r}from"../ProcessingState.slots.js";import{styles as i}from"../ProcessingState.styles.js";import{jsx as a,jsxs as o}from"react/jsx-runtime";import*as s from"@stylexjs/stylex";const c=[i.statusPillDotDelay0,i.statusPillDotDelay1,i.statusPillDotDelay2,i.statusPillDotDelay3,i.statusPillDotDelay4,i.statusPillDotDelay5],l=[{cx:3,cy:3},{cx:11,cy:3},{cx:3,cy:9},{cx:11,cy:9},{cx:3,cy:15},{cx:11,cy:15}];function u({label:u}={}){let d=n(`ProcessingState.StatusPill`),{_:f}=e(),p=u??d.statusPillLabel??f({id:`0lHlRj`,message:`In transit`});return a(`div`,{"data-stridge-slot":r.statusPillWrap,...s.props(i.statusPillWrap),children:o(`div`,{"data-stridge-slot":r.statusPill,...s.props(i.statusPill),children:[a(`svg`,{"aria-hidden":!0,viewBox:`0 0 14 18`,xmlns:`http://www.w3.org/2000/svg`,fill:`currentColor`,...s.props(i.statusPillIcon),children:l.map((e,t)=>a(`circle`,{cx:e.cx,cy:e.cy,r:`1.6`,...s.props(i.statusPillDot,c[t])},`dot-${e.cx}-${e.cy}`))}),a(t.span,{size:`sm`,fontWeight:`medium`,leading:`tight`,children:p})]})})}export{u as ProcessingStateStatusPill};
+"use client";import{useLingui as e}from"../../../../i18n/useLingui.js";import"../../../../../i18n/index.js";import{text as t}from"../../../../ui/Text/Text.js";import"../../../../../ui/index.js";import{PROCESSING_STATE_SLOTS as n}from"../ProcessingState.slots.js";import{useProcessingStateContext as r}from"../context.js";import{styles as i}from"../ProcessingState.styles.js";import{jsx as a,jsxs as o}from"react/jsx-runtime";import*as s from"@stylexjs/stylex";const c=[i.statusPillDotDelay0,i.statusPillDotDelay1,i.statusPillDotDelay2,i.statusPillDotDelay3,i.statusPillDotDelay4,i.statusPillDotDelay5],l=[{cx:3,cy:3},{cx:11,cy:3},{cx:3,cy:9},{cx:11,cy:9},{cx:3,cy:15},{cx:11,cy:15}];function u({label:u}={}){let d=r(`ProcessingState.StatusPill`),{_:f}=e(),p=u??d.statusPillLabel??f({id:`0lHlRj`,message:`In transit`});return a(`div`,{"data-stridge-slot":n.statusPillWrap,...s.props(i.statusPillWrap),children:o(`div`,{"data-stridge-slot":n.statusPill,...s.props(i.statusPill),children:[a(`svg`,{"aria-hidden":!0,viewBox:`0 0 14 18`,xmlns:`http://www.w3.org/2000/svg`,fill:`currentColor`,...s.props(i.statusPillIcon),children:l.map((e,t)=>a(`circle`,{cx:e.cx,cy:e.cy,r:`1.6`,...s.props(i.statusPillDot,c[t])},`dot-${e.cx}-${e.cy}`))}),a(t.span,{size:`sm`,fontWeight:`medium`,leading:`tight`,children:p})]})})}export{u as ProcessingStateStatusPill};

package/dist/shared/widgets/processing-state/compound/components/splitAmount.js

@@ -0,0 +1 @@
+function e(e){let t=e.charAt(0);return!t||/[0-9<]/.test(t)?{glyph:``,digits:e}:{glyph:t,digits:e.slice(1)}}export{e as splitAmount};

package/dist/shared/widgets/processing-state/compound/index.d.ts

@@ -1,3 +1,3 @@
-import { ProcessingStateActionsProps, ProcessingStateAsset, ProcessingStateBodyProps, ProcessingStateDetailProps, ProcessingStateDetailsProps, ProcessingStateDialogProps, ProcessingStateHeaderProps, ProcessingStateHeroProps, ProcessingStateProps, ProcessingStateRowProps, ProcessingStateSourceWallet, ProcessingStateStatusPillProps, ProcessingStateTxRef } from "./types.js";
+import { ProcessingStateAsset, ProcessingStateBodyProps, ProcessingStateDetailProps, ProcessingStateDetailsProps, ProcessingStateDialogProps, ProcessingStateHeaderProps, ProcessingStateHeroProps, ProcessingStateProps, ProcessingStateRowProps, ProcessingStateSourceWallet, ProcessingStateStatusPillProps, ProcessingStateTxRef } from "./types.js";
 import { ProcessingState } from "./ProcessingState.js";
 import { PROCESSING_STATE_SLOTS, ProcessingStateSlot } from "./ProcessingState.slots.js";

package/dist/shared/widgets/processing-state/compound/types.d.ts

@@ -58,6 +58,12 @@ type ProcessingStateDialogProps = ProcessingStateProps & DialogShellControls;
 interface ProcessingStateProps {
   /** Pre-formatted hero amount string (e.g. `"1.99580"`). Pure layout — no widget-side format. */
   amount: string;
+  /**
+   * Optional pre-formatted USD hero figure (e.g. `"$4.01"`, `"< $0.01"`). When set, the Hero
+   * promotes it to the primary line and demotes `amount` + `creditedAsset.symbol` to a subline.
+   * When omitted, the Hero renders the token amount as the primary line (default).
+   */
+  amountUsd?: string;
   /**
    * The asset that's crediting. Drives the Hero icon, the Hero amount-line symbol, and the default destination
    * caption.
@@ -107,15 +113,6 @@ interface ProcessingStateProps {
    * inside `<ProcessingState.DetectedAtRow />`.
    */
   detectedAt?: string;
-  /**
-   * Click handler routed to {@link ProcessingState.Actions}.
-   */
-  onClose?: () => void;
-  /**
-   * Optional override for the Actions CTA label. Defaults to
-   * `"Close — we'll notify you"`.
-   */
-  closeLabel?: string;
   /**
    * Compound parts; see `ProcessingState.Header`, `ProcessingState.Hero`, etc.
    */
@@ -196,21 +193,5 @@ interface ProcessingStateRowProps {
   /** Override the row label. */
   label?: string;
 }
-/**
- * Props for `ProcessingState.Actions`.
- */
-interface ProcessingStateActionsProps {
-  /**
-   * Optional override for the CTA click handler. Defaults to the
-   * `onClose` set on the {@link ProcessingState} root.
-   */
-  onClose?: () => void;
-  /**
-   * Optional override for the CTA label. Defaults to the `closeLabel`
-   * set on the {@link ProcessingState} root, falling back to
-   * `"Close — we'll notify you"`.
-   */
-  closeLabel?: string;
-}
 //#endregion
-export { ProcessingStateActionsProps, ProcessingStateAsset, ProcessingStateBodyProps, ProcessingStateDetailProps, ProcessingStateDetailsProps, ProcessingStateDialogProps, ProcessingStateHeaderProps, ProcessingStateHeroProps, ProcessingStateProps, ProcessingStateRowProps, ProcessingStateSourceWallet, ProcessingStateStatusPillProps, ProcessingStateTxRef };
+export { ProcessingStateAsset, ProcessingStateBodyProps, ProcessingStateDetailProps, ProcessingStateDetailsProps, ProcessingStateDialogProps, ProcessingStateHeaderProps, ProcessingStateHeroProps, ProcessingStateProps, ProcessingStateRowProps, ProcessingStateSourceWallet, ProcessingStateStatusPillProps, ProcessingStateTxRef };

package/dist/shared/widgets/success-state/compound/components/Actions.js

@@ -1 +1 @@
-"use client";import{useLingui as e}from"../../../../i18n/useLingui.js";import"../../../../../i18n/index.js";import{ExternalLinkIcon as t}from"../../../../icons/ExternalLinkIcon.js";import"../../../../../icons/index.js";import{Button as n}from"../../../../ui/Button/Button.js";import"../../../../ui/Button/index.js";import{ExternalLink as r}from"../../../../ui/ExternalLink/ExternalLink.js";import"../../../../ui/ExternalLink/index.js";import{text as i}from"../../../../ui/Text/Text.js";import"../../../../../ui/index.js";import{useSuccessStateContext as a}from"../context.js";import{SUCCESS_STATE_SLOTS as o}from"../SuccessState.slots.js";import{styles as s}from"../SuccessState.styles.js";import{jsx as c,jsxs as l}from"react/jsx-runtime";import*as u from"@stylexjs/stylex";function d({onDone:d,onClose:f,doneLabel:p,closeLabel:m}={}){let h=a(`SuccessState.Actions`),{_:g}=e(),_=d??h.onDone,v=f??h.onClose,y=typeof _==`function`,b=typeof v==`function`,x=p??h.doneLabel??g({id:`DPfwMq`,message:`Done`}),S=m??h.closeLabel??g({id:`yz7wBu`,message:`Close`});return l(`div`,{"data-stridge-slot":o.actions,...u.props(s.actions),children:[l(`div`,{...u.props(s.actionRow,b&&s.actionRowPair),children:[b?c(n,{size:`cta`,variant:`secondary`,onClick:v,...u.props(s.closeButton,s.doneButtonInteractive),children:c(i.span,{size:`callout`,fontWeight:`semibold`,leading:`tight`,tracking:`tight`,color:`inherit`,children:S})}):null,c(n,{size:`cta`,onClick:y?_:void 0,...u.props(s.doneButton,y?s.doneButtonInteractive:s.doneButtonInert),children:c(i.span,{size:`callout`,fontWeight:`semibold`,leading:`tight`,tracking:`tight`,color:`inherit`,children:x})})]}),h.explorer?c(r,{href:h.explorer.url,suffix:c(t,{"aria-hidden":!0}),...u.props(s.explorerLink),children:c(i.span,{size:`meta`,fontWeight:`medium`,leading:`tight`,color:`inherit`,children:h.explorer.label??g({id:`Sjplg3`,message:`View on Explorer`})})}):null]})}export{d as SuccessStateActions};
+"use client";import{useLingui as e}from"../../../../i18n/useLingui.js";import"../../../../../i18n/index.js";import{ExternalLink as t}from"../../../../ui/ExternalLink/ExternalLink.js";import"../../../../ui/ExternalLink/index.js";import{ExternalLinkIcon as n}from"../../../../icons/ExternalLinkIcon.js";import"../../../../../icons/index.js";import{Button as r}from"../../../../ui/Button/Button.js";import"../../../../ui/Button/index.js";import{text as i}from"../../../../ui/Text/Text.js";import"../../../../../ui/index.js";import{useSuccessStateContext as a}from"../context.js";import{SUCCESS_STATE_SLOTS as o}from"../SuccessState.slots.js";import{styles as s}from"../SuccessState.styles.js";import{jsx as c,jsxs as l}from"react/jsx-runtime";import*as u from"@stylexjs/stylex";function d({onDone:d,onClose:f,doneLabel:p,closeLabel:m}={}){let h=a(`SuccessState.Actions`),{_:g}=e(),_=d??h.onDone,v=f??h.onClose,y=typeof _==`function`,b=typeof v==`function`,x=p??h.doneLabel??g({id:`DPfwMq`,message:`Done`}),S=m??h.closeLabel??g({id:`yz7wBu`,message:`Close`});return l(`div`,{"data-stridge-slot":o.actions,...u.props(s.actions),children:[l(`div`,{...u.props(s.actionRow,b&&s.actionRowPair),children:[b?c(r,{size:`cta`,variant:`secondary`,onClick:v,...u.props(s.closeButton,s.doneButtonInteractive),children:c(i.span,{size:`callout`,fontWeight:`semibold`,leading:`tight`,tracking:`tight`,color:`inherit`,children:S})}):null,c(r,{size:`cta`,onClick:y?_:void 0,...u.props(s.doneButton,y?s.doneButtonInteractive:s.doneButtonInert),children:c(i.span,{size:`callout`,fontWeight:`semibold`,leading:`tight`,tracking:`tight`,color:`inherit`,children:x})})]}),h.explorer?c(t,{href:h.explorer.url,suffix:c(n,{"aria-hidden":!0}),...u.props(s.explorerLink),children:c(i.span,{size:`meta`,fontWeight:`medium`,leading:`tight`,color:`inherit`,children:h.explorer.label??g({id:`Sjplg3`,message:`View on Explorer`})})}):null]})}export{d as SuccessStateActions};