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

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/asset-picker/compound/components/Empty.d.ts

@@ -0,0 +1,15 @@
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/shared/widgets/asset-picker/compound/components/Empty.d.ts
+/**
+ * Empty-state body for the asset picker. Reached when the on-chain balance lookup resolved but
+ * surfaced no depositable assets for the connected wallet — a fresh wallet, or one whose holdings
+ * are all spam / unsupported / below the gateway's dust floor. Mirrors {@link ActivityEmpty}:
+ * centered icon + headline + subline, no CTA — the user is inside an active dialog, so its header
+ * (back / close) is the implicit next step.
+ *
+ * @internal
+ */
+declare function AssetPickerEmpty(): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { AssetPickerEmpty };

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

@@ -0,0 +1 @@
+"use client";import{useLingui as e}from"../../../../i18n/useLingui.js";import"../../../../../i18n/index.js";import{WalletIcon as t}from"../../../../icons/WalletIcon.js";import"../../../../../icons/index.js";import{text as n}from"../../../../ui/Text/Text.js";import"../../../../ui/Text/index.js";import{ASSET_PICKER_SLOTS as r}from"../AssetPicker.slots.js";import{styles as i}from"../AssetPicker.styles.js";import{jsx as a,jsxs as o}from"react/jsx-runtime";import*as s from"@stylexjs/stylex";function c(){let{_:c}=e();return o(`div`,{"data-stridge-slot":r.empty,...s.props(i.empty),children:[a(t,{"aria-hidden":!0,"data-stridge-slot":r.emptyIcon,...s.props(i.emptyIcon)}),a(n.span,{size:`base`,fontWeight:`semibold`,color:`default`,children:c({id:`tTnE4T`,message:`No assets to deposit`})}),a(n.span,{size:`sm`,fontWeight:`medium`,color:`subdued`,children:c({id:`i1MfcA`,message:`Tokens available to deposit from your wallet will appear here.`})})]})}export{c as AssetPickerEmpty};

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

@@ -10,10 +10,15 @@ import * as _$react_jsx_runtime0 from "react/jsx-runtime";
  * Reads the title and back callback from the {@link AssetPicker} root by
  * default; pass `title` / `onBack` to override per-instance, or `onBack:
  * null` to force the chevron hidden even when the root supplies one.
+ *
+ * Optional `trailing` slot — Renders before the close X (e.g. the
+ * activity icon). Defaults to the root's `headerTrailing`; pass
+ * `trailing: null` to force the slot empty even when the root supplies a node.
  */
 declare function AssetPickerHeader({
   title,
-  onBack
+  onBack,
+  trailing
 }?: AssetPickerHeaderProps): _$react_jsx_runtime0.JSX.Element;
 //#endregion
 export { AssetPickerHeader };

package/dist/shared/widgets/asset-picker/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{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{ASSET_PICKER_SLOTS as o}from"../AssetPicker.slots.js";import{styles as s}from"../AssetPicker.styles.js";import{useAssetPickerContext as c}from"../context.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=c(`AssetPicker.Header`),{_:h}=e(),g=m.token?.symbol??`USDC`,_=f??m.headerTitle??h({id:`oFmN8a`,message:`Deposit {symbol}`,values:{symbol:g}}),v=p===null?void 0:p??m.onBack;return u(i.Header,{"data-stridge-slot":o.header,...d.props(s.header),children:[typeof v==`function`?l(n,{"aria-label":h({id:`iH8pgl`,message:`Back`}),onClick:v,children:l(t,{"aria-hidden":!0,...d.props(s.backIcon)})}):null,l(a.span,{size:`base`,fontWeight:`semibold`,leading:`tight`,tracking:`tight`,truncate:!0,...d.props(s.headerTitle),children:_}),l(r.CloseButton,{})]})}export{f as AssetPickerHeader};
+"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{ASSET_PICKER_SLOTS as o}from"../AssetPicker.slots.js";import{styles as s}from"../AssetPicker.styles.js";import{useAssetPickerContext as c}from"../context.js";import{jsx as l,jsxs as u}from"react/jsx-runtime";import*as d from"@stylexjs/stylex";function f({title:f,onBack:p,trailing:m}={}){let h=c(`AssetPicker.Header`),{_:g}=e(),_=h.token?.symbol??`USDC`,v=f??h.headerTitle??g({id:`oFmN8a`,message:`Deposit {symbol}`,values:{symbol:_}}),y=p===null?void 0:p??h.onBack,b=m===null?null:m??h.headerTrailing;return u(i.Header,{"data-stridge-slot":o.header,...d.props(s.header),children:[typeof y==`function`?l(n,{"aria-label":g({id:`iH8pgl`,message:`Back`}),onClick:y,children:l(t,{"aria-hidden":!0,...d.props(s.backIcon)})}):null,l(a.span,{size:`base`,fontWeight:`semibold`,leading:`tight`,tracking:`tight`,truncate:!0,...d.props(s.headerTitle),children:v}),u(`div`,{...d.props(s.headerTrailing),children:[b,l(r.CloseButton,{})]})]})}export{f as AssetPickerHeader};

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

@@ -5,7 +5,7 @@ import { OnchainBalanceResponse, OnchainTokenDto } from "@stridge/sdk";
 //#region src/shared/widgets/asset-picker/compound/types.d.ts
 /**
  * Destination token surfaced through context. The Header uses it to generate the default modal title
- * (e.g. `"Deposit USDC"`, or `"Deposit USDC to {brandName}"` when `<KitProvider brandName="…">` is set).
+ * (e.g. `"Deposit USDC"`).
  */
 interface AssetPickerToken {
   /**
@@ -144,6 +144,13 @@ interface AssetPickerProps {
    * Footer CTA click handler. When undefined the CTA renders inert.
    */
   onContinue?: () => void;
+  /**
+   * Optional trailing-edge chrome rendered next to the `<Dialog.CloseButton />` inside
+   * `AssetPicker.Header`. Use this slot to attach flow-specific affordances such as the
+   * activity trigger. Per-Header `trailing` overrides this root-level prop; pass
+   * `trailing: null` on the Header to force the slot empty.
+   */
+  headerTrailing?: ReactNode;
   /**
    * Compound parts; see `AssetPicker.Header`, `AssetPicker.List`, etc.
    */
@@ -172,6 +179,13 @@ interface AssetPickerHeaderProps {
    * the chevron hidden even when the root supplies a callback.
    */
   onBack?: (() => void) | null;
+  /**
+   * Optional override for the trailing-edge chrome rendered next to
+   * `<Dialog.CloseButton />`. Defaults to the `headerTrailing` set on the
+   * {@link AssetPicker} root. Pass `null` to force the slot empty even
+   * when the root supplies a node (mirroring `onBack`).
+   */
+  trailing?: ReactNode | null;
 }
 /**
  * Props for `AssetPicker.List`.

package/dist/shared/widgets/confirm-transfer/compound/ConfirmTransfer.styles.js

@@ -1 +1 @@
-const e={root:{"ConfirmTransfer__styles.root":`ConfirmTransfer__styles.root`,"position-kVAEAm":`x1n2onr6`,"width-kzqmXN":`xh8yej3`,"maxWidth-ks0D6T":`x17fpy1y`,$$css:`@stridge/kit:src/shared/widgets/confirm-transfer/compound/ConfirmTransfer.styles.ts:4`},header:{"ConfirmTransfer__styles.header":`ConfirmTransfer__styles.header`,"gap-kOIVth":`x1v2ro7d`,"paddingTop-kLKAdn":`xyamay9`,"paddingInlineEnd-kwRFfy":`x1x5flf6`,"paddingBottom-kGO01o":`x1l90r2v`,"paddingInlineStart-kZCmMZ":`xf7dkkf`,$$css:`@stridge/kit:src/shared/widgets/confirm-transfer/compound/ConfirmTransfer.styles.ts:11`},backIcon:{"ConfirmTransfer__styles.backIcon":`ConfirmTransfer__styles.backIcon`,"color-kMwMTN":`x15rks2t`,"strokeWidth-kfJifR":`xhxwl1`,$$css:`@stridge/kit:src/shared/widgets/confirm-transfer/compound/ConfirmTransfer.styles.ts:18`},headerTitle:{"ConfirmTransfer__styles.headerTitle":`ConfirmTransfer__styles.headerTitle`,"margin-kogj98":`x1ghz6dp`,"flexGrow-kzQI83":`x1iyjqo2`,$$css:`@stridge/kit:src/shared/widgets/confirm-transfer/compound/ConfirmTransfer.styles.ts:22`},timerSlot:{"ConfirmTransfer__styles.timerSlot":`ConfirmTransfer__styles.timerSlot`,"display-k1xSpc":`x78zum5`,"alignItems-kGNEyG":`x6s0dn4`,"justifyContent-kjj79g":`xl56j7k`,"width-kzqmXN":`x1td3qas`,"height-kZKoxP":`x10w6t97`,"flexShrink-kmuXW":`x2lah0s`,$$css:`@stridge/kit:src/shared/widgets/confirm-transfer/compound/ConfirmTransfer.styles.ts:26`},timerWrap:{"ConfirmTransfer__styles.timerWrap":`ConfirmTransfer__styles.timerWrap`,"position-kVAEAm":`x1n2onr6`,"width-kzqmXN":`x1td3qas`,"height-kZKoxP":`x10w6t97`,$$css:`@stridge/kit:src/shared/widgets/confirm-transfer/compound/ConfirmTransfer.styles.ts:35`},timerSvg:{"ConfirmTransfer__styles.timerSvg":`ConfirmTransfer__styles.timerSvg`,"position-kVAEAm":`x10l6tqk`,"inset-kpwlN0":`x10a8y8t`,"width-kzqmXN":`xh8yej3`,"height-kZKoxP":`x5yr21d`,"transform-k3aq6I":`x17t9sex`,$$css:`@stridge/kit:src/shared/widgets/confirm-transfer/compound/ConfirmTransfer.styles.ts:40`},timerTrack:{"ConfirmTransfer__styles.timerTrack":`ConfirmTransfer__styles.timerTrack`,"fill-kDwRjp":`xbh8q5q`,"stroke-kjVXCG":`xrjhcif`,"strokeWidth-kfJifR":`xvlca1e`,$$css:`@stridge/kit:src/shared/widgets/confirm-transfer/compound/ConfirmTransfer.styles.ts:47`},timerProgress:{"ConfirmTransfer__styles.timerProgress":`ConfirmTransfer__styles.timerProgress`,"fill-kDwRjp":`xbh8q5q`,"stroke-kjVXCG":`x1uhruij`,"strokeWidth-kfJifR":`xvlca1e`,"strokeLinecap-kU5bRw":`x1owpc8m`,$$css:`@stridge/kit:src/shared/widgets/confirm-transfer/compound/ConfirmTransfer.styles.ts:52`},timerDigits:{"ConfirmTransfer__styles.timerDigits":`ConfirmTransfer__styles.timerDigits`,"position-kVAEAm":`x1n2onr6`,"zIndex-kY2c9j":`x1vjfegm`,"display-k1xSpc":`x78zum5`,"alignItems-kGNEyG":`x6s0dn4`,"justifyContent-kjj79g":`xl56j7k`,"width-kzqmXN":`xh8yej3`,"height-kZKoxP":`x5yr21d`,$$css:`@stridge/kit:src/shared/widgets/confirm-transfer/compound/ConfirmTransfer.styles.ts:58`},sectionFirst:{"ConfirmTransfer__styles.sectionFirst":`ConfirmTransfer__styles.sectionFirst`,"marginTop-keoZOQ":`xqui205`,"marginInlineEnd-k71WvV":`xnqxrjt`,"marginInlineStart-keTefX":`xnzr9dm`,$$css:`@stridge/kit:src/shared/widgets/confirm-transfer/compound/ConfirmTransfer.styles.ts:77`},section:{"ConfirmTransfer__styles.section":`ConfirmTransfer__styles.section`,"marginTop-keoZOQ":`x1hmvnq2`,"marginInlineEnd-k71WvV":`xnqxrjt`,"marginInlineStart-keTefX":`xnzr9dm`,$$css:`@stridge/kit:src/shared/widgets/confirm-transfer/compound/ConfirmTransfer.styles.ts:82`},sectionLast:{"ConfirmTransfer__styles.sectionLast":`ConfirmTransfer__styles.sectionLast`,"marginTop-keoZOQ":`x1hmvnq2`,"marginInlineEnd-k71WvV":`xnqxrjt`,"marginInlineStart-keTefX":`xnzr9dm`,"marginBottom-k1K539":`x91k8ka`,$$css:`@stridge/kit:src/shared/widgets/confirm-transfer/compound/ConfirmTransfer.styles.ts:87`},hero:{"ConfirmTransfer__styles.hero":`ConfirmTransfer__styles.hero`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`xdt5ytf`,"alignItems-kGNEyG":`x6s0dn4`,"justifyContent-kjj79g":`xl56j7k`,"gap-kOIVth":`x17d4w8g`,"paddingTop-kLKAdn":`x1y1aw1k`,"paddingBottom-kGO01o":`x1g2khh7`,$$css:`@stridge/kit:src/shared/widgets/confirm-transfer/compound/ConfirmTransfer.styles.ts:98`},heroAmountRow:{"ConfirmTransfer__styles.heroAmountRow":`ConfirmTransfer__styles.heroAmountRow`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`x1q0g3np`,"alignItems-kGNEyG":`x1pha0wt`,"justifyContent-kjj79g":`xl56j7k`,"gap-kOIVth":`x195vfkc`,$$css:`@stridge/kit:src/shared/widgets/confirm-transfer/compound/ConfirmTransfer.styles.ts:107`},heroGlyph:{"ConfirmTransfer__styles.heroGlyph":`ConfirmTransfer__styles.heroGlyph`,"display-k1xSpc":`x1rg5ohu`,"fontSize-kGuDYH":`x1fhusgw`,"fontWeight-k63SB2":`xk50ysn`,"lineHeight-kLWn49":`xo5v014`,"letterSpacing-kb6lSQ":`x1b4dsll`,$$css:`@stridge/kit:src/shared/widgets/confirm-transfer/compound/ConfirmTransfer.styles.ts:114`},heroDigits:{"ConfirmTransfer__styles.heroDigits":`ConfirmTransfer__styles.heroDigits`,"display-k1xSpc":`x1rg5ohu`,"fontSize-kGuDYH":`x1xceadr`,"fontWeight-k63SB2":`xk50ysn`,"lineHeight-kLWn49":`xo5v014`,"letterSpacing-kb6lSQ":`xo2cfqc`,$$css:`@stridge/kit:src/shared/widgets/confirm-transfer/compound/ConfirmTransfer.styles.ts:121`},heroSubLine:{"ConfirmTransfer__styles.heroSubLine":`ConfirmTransfer__styles.heroSubLine`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`x1q0g3np`,"alignItems-kGNEyG":`x6s0dn4`,"gap-kOIVth":`x17d4w8g`,"marginTop-keoZOQ":`xr9ek0c`,$$css:`@stridge/kit:src/shared/widgets/confirm-transfer/compound/ConfirmTransfer.styles.ts:132`},heroSubLineIcon:{"ConfirmTransfer__styles.heroSubLineIcon":`ConfirmTransfer__styles.heroSubLineIcon`,"flexShrink-kmuXW":`x2lah0s`,$$css:`@stridge/kit:src/shared/widgets/confirm-transfer/compound/ConfirmTransfer.styles.ts:139`},breakdown:{"ConfirmTransfer__styles.breakdown":`ConfirmTransfer__styles.breakdown`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`xdt5ytf`,"paddingBlock-k8WAf4":`x12ulsxz`,"paddingInline-kg3NbH":`xfn1xvj`,$$css:`@stridge/kit:src/shared/widgets/confirm-transfer/compound/ConfirmTransfer.styles.ts:146`},breakdownTrigger:{"ConfirmTransfer__styles.breakdownTrigger":`ConfirmTransfer__styles.breakdownTrigger`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`x1q0g3np`,"alignItems-kGNEyG":`x6s0dn4`,"justifyContent-kjj79g":`x1qughib`,"width-kzqmXN":`xh8yej3`,"gap-kOIVth":`x1v2ro7d`,"paddingBlock-k8WAf4":`x12ulsxz`,"paddingInline-kg3NbH":`xaope02`,"outline-kI3sdo":`x1a2a7pz`,"cursor-kkrTdU":`x1ypdohk`,"backgroundColor-kWkggS":`xjbqb8w`,"borderWidth-kMzoRj":`xc342km`,"borderStyle-ksu8eU":`x1y0btm7`,"borderRadius-kaIpWk":`x1s7mj9v`,":focus-visible_boxShadow-kEtg5x":`xhatipn`,$$css:`@stridge/kit:src/shared/widgets/confirm-transfer/compound/ConfirmTransfer.styles.ts:152`},breakdownChevron:{"ConfirmTransfer__styles.breakdownChevron":`ConfirmTransfer__styles.breakdownChevron`,"width-kzqmXN":`x6jxa94`,"height-kZKoxP":`x1v9usgg`,"flexShrink-kmuXW":`x2lah0s`,"color-kMwMTN":`xdksllq`,"strokeWidth-kfJifR":`xhr4kjn`,"transitionProperty-k1ekBW":`x11xpdln`,"transitionDuration-kIyJzY":`xx6bhzk`,"transitionTimingFunction-kAMwcw":`x4ognrn`,$$css:`@stridge/kit:src/shared/widgets/confirm-transfer/compound/ConfirmTransfer.styles.ts:171`},breakdownChevronOpen:{"ConfirmTransfer__styles.breakdownChevronOpen":`ConfirmTransfer__styles.breakdownChevronOpen`,"transform-k3aq6I":`x1iffjtl`,$$css:`@stridge/kit:src/shared/widgets/confirm-transfer/compound/ConfirmTransfer.styles.ts:187`},breakdownPanel:{"ConfirmTransfer__styles.breakdownPanel":`ConfirmTransfer__styles.breakdownPanel`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`xdt5ytf`,"gap-kOIVth":`x167g77z`,"paddingTop-kLKAdn":`xz9dl7a`,$$css:`@stridge/kit:src/shared/widgets/confirm-transfer/compound/ConfirmTransfer.styles.ts:190`},breakdownRow:{"ConfirmTransfer__styles.breakdownRow":`ConfirmTransfer__styles.breakdownRow`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`x1q0g3np`,"alignItems-kGNEyG":`x6s0dn4`,"justifyContent-kjj79g":`x1qughib`,"gap-kOIVth":`x1v2ro7d`,"paddingInline-kg3NbH":`xaope02`,$$css:`@stridge/kit:src/shared/widgets/confirm-transfer/compound/ConfirmTransfer.styles.ts:196`},breakdownLabelGroup:{"ConfirmTransfer__styles.breakdownLabelGroup":`ConfirmTransfer__styles.breakdownLabelGroup`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`x1q0g3np`,"alignItems-kGNEyG":`x6s0dn4`,"gap-kOIVth":`x17d4w8g`,"minWidth-k7Eaqz":`xeuugli`,$$css:`@stridge/kit:src/shared/widgets/confirm-transfer/compound/ConfirmTransfer.styles.ts:204`},breakdownValueGroup:{"ConfirmTransfer__styles.breakdownValueGroup":`ConfirmTransfer__styles.breakdownValueGroup`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`x1q0g3np`,"alignItems-kGNEyG":`x6s0dn4`,"gap-kOIVth":`x17d4w8g`,"flexShrink-kmuXW":`x2lah0s`,$$css:`@stridge/kit:src/shared/widgets/confirm-transfer/compound/ConfirmTransfer.styles.ts:211`},breakdownInfoTrigger:{"ConfirmTransfer__styles.breakdownInfoTrigger":`ConfirmTransfer__styles.breakdownInfoTrigger`,"display-k1xSpc":`x3nfvp2`,"alignItems-kGNEyG":`x6s0dn4`,"justifyContent-kjj79g":`xl56j7k`,"width-kzqmXN":`x10vfzb2`,"height-kZKoxP":`x6w4g8m`,"padding-kmVPX3":`x1717udv`,"backgroundColor-kWkggS":`xjbqb8w`,"borderWidth-kMzoRj":`xc342km`,"borderStyle-ksu8eU":`x1y0btm7`,"outline-kI3sdo":`x1a2a7pz`,"cursor-kkrTdU":`x1146j2`,"color-kMwMTN":`xi96bwj`,"borderRadius-kaIpWk":`x1npxkrn`,":focus-visible_boxShadow-kEtg5x":`xhatipn`,$$css:`@stridge/kit:src/shared/widgets/confirm-transfer/compound/ConfirmTransfer.styles.ts:218`},breakdownInfoIcon:{"ConfirmTransfer__styles.breakdownInfoIcon":`ConfirmTransfer__styles.breakdownInfoIcon`,"width-kzqmXN":`x10vfzb2`,"height-kZKoxP":`x6w4g8m`,"flexShrink-kmuXW":`x2lah0s`,"color-kMwMTN":`x15rks2t`,$$css:`@stridge/kit:src/shared/widgets/confirm-transfer/compound/ConfirmTransfer.styles.ts:236`},cta:{"ConfirmTransfer__styles.cta":`ConfirmTransfer__styles.cta`,"alignSelf-kSGwAc":`xkh2ocl`,"borderWidth-kMzoRj":`xc342km`,"cursor-kkrTdU":`x1ypdohk`,$$css:`@stridge/kit:src/shared/widgets/confirm-transfer/compound/ConfirmTransfer.styles.ts:252`},footerStack:{"ConfirmTransfer__styles.footerStack":`ConfirmTransfer__styles.footerStack`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`xdt5ytf`,"alignItems-kGNEyG":`x6s0dn4`,"gap-kOIVth":`x883omv`,"marginTop-keoZOQ":`x1hmvnq2`,"marginInlineEnd-k71WvV":`xnqxrjt`,"marginInlineStart-keTefX":`xnzr9dm`,"marginBottom-k1K539":`x91k8ka`,$$css:`@stridge/kit:src/shared/widgets/confirm-transfer/compound/ConfirmTransfer.styles.ts:263`},footerNotice:{"ConfirmTransfer__styles.footerNotice":`ConfirmTransfer__styles.footerNotice`,"margin-kogj98":`x1ghz6dp`,"textAlign-k9WMMc":`x2b8uid`,$$css:`@stridge/kit:src/shared/widgets/confirm-transfer/compound/ConfirmTransfer.styles.ts:273`},disclaimerTermsLink:{"ConfirmTransfer__styles.disclaimerTermsLink":`ConfirmTransfer__styles.disclaimerTermsLink`,"color-kMwMTN":`x1me39qh`,"textDecorationLine-kMnn75":`xujl8zx`,"textDecorationThickness-kNySMw":`xyi4chj`,$$css:`@stridge/kit:src/shared/widgets/confirm-transfer/compound/ConfirmTransfer.styles.ts:277`}};export{e as styles};
+const e={root:{"ConfirmTransfer__styles.root":`ConfirmTransfer__styles.root`,"position-kVAEAm":`x1n2onr6`,"width-kzqmXN":`xh8yej3`,"maxWidth-ks0D6T":`x17fpy1y`,$$css:`@stridge/kit:src/shared/widgets/confirm-transfer/compound/ConfirmTransfer.styles.ts:4`},header:{"ConfirmTransfer__styles.header":`ConfirmTransfer__styles.header`,"gap-kOIVth":`x1v2ro7d`,"paddingTop-kLKAdn":`xyamay9`,"paddingInlineEnd-kwRFfy":`x1x5flf6`,"paddingBottom-kGO01o":`x1l90r2v`,"paddingInlineStart-kZCmMZ":`xf7dkkf`,$$css:`@stridge/kit:src/shared/widgets/confirm-transfer/compound/ConfirmTransfer.styles.ts:11`},backIcon:{"ConfirmTransfer__styles.backIcon":`ConfirmTransfer__styles.backIcon`,"color-kMwMTN":`x15rks2t`,"strokeWidth-kfJifR":`xhxwl1`,$$css:`@stridge/kit:src/shared/widgets/confirm-transfer/compound/ConfirmTransfer.styles.ts:18`},headerTitle:{"ConfirmTransfer__styles.headerTitle":`ConfirmTransfer__styles.headerTitle`,"margin-kogj98":`x1ghz6dp`,"flexGrow-kzQI83":`x1iyjqo2`,$$css:`@stridge/kit:src/shared/widgets/confirm-transfer/compound/ConfirmTransfer.styles.ts:22`},timerSlot:{"ConfirmTransfer__styles.timerSlot":`ConfirmTransfer__styles.timerSlot`,"display-k1xSpc":`x78zum5`,"alignItems-kGNEyG":`x6s0dn4`,"justifyContent-kjj79g":`xl56j7k`,"width-kzqmXN":`x1td3qas`,"height-kZKoxP":`x10w6t97`,"flexShrink-kmuXW":`x2lah0s`,$$css:`@stridge/kit:src/shared/widgets/confirm-transfer/compound/ConfirmTransfer.styles.ts:26`},timerWrap:{"ConfirmTransfer__styles.timerWrap":`ConfirmTransfer__styles.timerWrap`,"position-kVAEAm":`x1n2onr6`,"width-kzqmXN":`x1td3qas`,"height-kZKoxP":`x10w6t97`,$$css:`@stridge/kit:src/shared/widgets/confirm-transfer/compound/ConfirmTransfer.styles.ts:35`},timerSvg:{"ConfirmTransfer__styles.timerSvg":`ConfirmTransfer__styles.timerSvg`,"position-kVAEAm":`x10l6tqk`,"inset-kpwlN0":`x10a8y8t`,"width-kzqmXN":`xh8yej3`,"height-kZKoxP":`x5yr21d`,$$css:`@stridge/kit:src/shared/widgets/confirm-transfer/compound/ConfirmTransfer.styles.ts:40`},timerRing:{"ConfirmTransfer__styles.timerRing":`ConfirmTransfer__styles.timerRing`,"transform-k3aq6I":`x17t9sex`,"transformOrigin-k3nNDw":`x1ybzjv4`,$$css:`@stridge/kit:src/shared/widgets/confirm-transfer/compound/ConfirmTransfer.styles.ts:46`},timerTrack:{"ConfirmTransfer__styles.timerTrack":`ConfirmTransfer__styles.timerTrack`,"fill-kDwRjp":`xbh8q5q`,"stroke-kjVXCG":`xrjhcif`,"strokeWidth-kfJifR":`xvlca1e`,$$css:`@stridge/kit:src/shared/widgets/confirm-transfer/compound/ConfirmTransfer.styles.ts:50`},timerProgress:{"ConfirmTransfer__styles.timerProgress":`ConfirmTransfer__styles.timerProgress`,"fill-kDwRjp":`xbh8q5q`,"stroke-kjVXCG":`x1uhruij`,"strokeWidth-kfJifR":`xvlca1e`,"strokeLinecap-kU5bRw":`x1owpc8m`,$$css:`@stridge/kit:src/shared/widgets/confirm-transfer/compound/ConfirmTransfer.styles.ts:55`},timerDigits:{"ConfirmTransfer__styles.timerDigits":`ConfirmTransfer__styles.timerDigits`,"fill-kDwRjp":`x117rol3`,"fontFamily-kMv6JI":`xlaww2m`,"fontSize-kGuDYH":`x1qvzm30`,"fontWeight-k63SB2":`xi0sa8g`,"letterSpacing-kb6lSQ":`x17krmmv`,$$css:`@stridge/kit:src/shared/widgets/confirm-transfer/compound/ConfirmTransfer.styles.ts:61`},sectionFirst:{"ConfirmTransfer__styles.sectionFirst":`ConfirmTransfer__styles.sectionFirst`,"marginTop-keoZOQ":`xqui205`,"marginInlineEnd-k71WvV":`xnqxrjt`,"marginInlineStart-keTefX":`xnzr9dm`,$$css:`@stridge/kit:src/shared/widgets/confirm-transfer/compound/ConfirmTransfer.styles.ts:78`},section:{"ConfirmTransfer__styles.section":`ConfirmTransfer__styles.section`,"marginTop-keoZOQ":`x1hmvnq2`,"marginInlineEnd-k71WvV":`xnqxrjt`,"marginInlineStart-keTefX":`xnzr9dm`,$$css:`@stridge/kit:src/shared/widgets/confirm-transfer/compound/ConfirmTransfer.styles.ts:83`},sectionLast:{"ConfirmTransfer__styles.sectionLast":`ConfirmTransfer__styles.sectionLast`,"marginTop-keoZOQ":`x1hmvnq2`,"marginInlineEnd-k71WvV":`xnqxrjt`,"marginInlineStart-keTefX":`xnzr9dm`,"marginBottom-k1K539":`x91k8ka`,$$css:`@stridge/kit:src/shared/widgets/confirm-transfer/compound/ConfirmTransfer.styles.ts:88`},hero:{"ConfirmTransfer__styles.hero":`ConfirmTransfer__styles.hero`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`xdt5ytf`,"alignItems-kGNEyG":`x6s0dn4`,"justifyContent-kjj79g":`xl56j7k`,"gap-kOIVth":`x17d4w8g`,"paddingTop-kLKAdn":`x1y1aw1k`,"paddingBottom-kGO01o":`x1g2khh7`,$$css:`@stridge/kit:src/shared/widgets/confirm-transfer/compound/ConfirmTransfer.styles.ts:99`},heroAmountRow:{"ConfirmTransfer__styles.heroAmountRow":`ConfirmTransfer__styles.heroAmountRow`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`x1q0g3np`,"alignItems-kGNEyG":`x1pha0wt`,"justifyContent-kjj79g":`xl56j7k`,"gap-kOIVth":`x195vfkc`,$$css:`@stridge/kit:src/shared/widgets/confirm-transfer/compound/ConfirmTransfer.styles.ts:108`},heroGlyph:{"ConfirmTransfer__styles.heroGlyph":`ConfirmTransfer__styles.heroGlyph`,"display-k1xSpc":`x1rg5ohu`,"fontSize-kGuDYH":`x1fhusgw`,"fontWeight-k63SB2":`xk50ysn`,"lineHeight-kLWn49":`xo5v014`,"letterSpacing-kb6lSQ":`x1b4dsll`,$$css:`@stridge/kit:src/shared/widgets/confirm-transfer/compound/ConfirmTransfer.styles.ts:115`},heroDigits:{"ConfirmTransfer__styles.heroDigits":`ConfirmTransfer__styles.heroDigits`,"display-k1xSpc":`x1rg5ohu`,"fontSize-kGuDYH":`x1xceadr`,"fontWeight-k63SB2":`xk50ysn`,"lineHeight-kLWn49":`xo5v014`,"letterSpacing-kb6lSQ":`xo2cfqc`,$$css:`@stridge/kit:src/shared/widgets/confirm-transfer/compound/ConfirmTransfer.styles.ts:122`},heroSubLine:{"ConfirmTransfer__styles.heroSubLine":`ConfirmTransfer__styles.heroSubLine`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`x1q0g3np`,"alignItems-kGNEyG":`x6s0dn4`,"gap-kOIVth":`x17d4w8g`,"marginTop-keoZOQ":`xr9ek0c`,$$css:`@stridge/kit:src/shared/widgets/confirm-transfer/compound/ConfirmTransfer.styles.ts:133`},heroSubLineIcon:{"ConfirmTransfer__styles.heroSubLineIcon":`ConfirmTransfer__styles.heroSubLineIcon`,"flexShrink-kmuXW":`x2lah0s`,$$css:`@stridge/kit:src/shared/widgets/confirm-transfer/compound/ConfirmTransfer.styles.ts:140`},breakdown:{"ConfirmTransfer__styles.breakdown":`ConfirmTransfer__styles.breakdown`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`xdt5ytf`,"paddingBlock-k8WAf4":`x12ulsxz`,"paddingInline-kg3NbH":`xfn1xvj`,$$css:`@stridge/kit:src/shared/widgets/confirm-transfer/compound/ConfirmTransfer.styles.ts:147`},breakdownTrigger:{"ConfirmTransfer__styles.breakdownTrigger":`ConfirmTransfer__styles.breakdownTrigger`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`x1q0g3np`,"alignItems-kGNEyG":`x6s0dn4`,"justifyContent-kjj79g":`x1qughib`,"width-kzqmXN":`xh8yej3`,"gap-kOIVth":`x1v2ro7d`,"paddingBlock-k8WAf4":`x12ulsxz`,"paddingInline-kg3NbH":`xaope02`,"outline-kI3sdo":`x1a2a7pz`,"cursor-kkrTdU":`x1ypdohk`,"backgroundColor-kWkggS":`xjbqb8w`,"borderWidth-kMzoRj":`xc342km`,"borderStyle-ksu8eU":`x1y0btm7`,"borderRadius-kaIpWk":`x1s7mj9v`,":focus-visible_boxShadow-kEtg5x":`xhatipn`,$$css:`@stridge/kit:src/shared/widgets/confirm-transfer/compound/ConfirmTransfer.styles.ts:153`},breakdownChevron:{"ConfirmTransfer__styles.breakdownChevron":`ConfirmTransfer__styles.breakdownChevron`,"width-kzqmXN":`x6jxa94`,"height-kZKoxP":`x1v9usgg`,"flexShrink-kmuXW":`x2lah0s`,"color-kMwMTN":`xdksllq`,"strokeWidth-kfJifR":`xhr4kjn`,"transitionProperty-k1ekBW":`x11xpdln`,"transitionDuration-kIyJzY":`xx6bhzk`,"transitionTimingFunction-kAMwcw":`x4ognrn`,$$css:`@stridge/kit:src/shared/widgets/confirm-transfer/compound/ConfirmTransfer.styles.ts:172`},breakdownChevronOpen:{"ConfirmTransfer__styles.breakdownChevronOpen":`ConfirmTransfer__styles.breakdownChevronOpen`,"transform-k3aq6I":`x1iffjtl`,$$css:`@stridge/kit:src/shared/widgets/confirm-transfer/compound/ConfirmTransfer.styles.ts:188`},breakdownPanel:{"ConfirmTransfer__styles.breakdownPanel":`ConfirmTransfer__styles.breakdownPanel`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`xdt5ytf`,"gap-kOIVth":`x167g77z`,"paddingTop-kLKAdn":`xz9dl7a`,$$css:`@stridge/kit:src/shared/widgets/confirm-transfer/compound/ConfirmTransfer.styles.ts:191`},breakdownRow:{"ConfirmTransfer__styles.breakdownRow":`ConfirmTransfer__styles.breakdownRow`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`x1q0g3np`,"alignItems-kGNEyG":`x6s0dn4`,"justifyContent-kjj79g":`x1qughib`,"gap-kOIVth":`x1v2ro7d`,"paddingInline-kg3NbH":`xaope02`,$$css:`@stridge/kit:src/shared/widgets/confirm-transfer/compound/ConfirmTransfer.styles.ts:197`},breakdownLabelGroup:{"ConfirmTransfer__styles.breakdownLabelGroup":`ConfirmTransfer__styles.breakdownLabelGroup`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`x1q0g3np`,"alignItems-kGNEyG":`x6s0dn4`,"gap-kOIVth":`x17d4w8g`,"minWidth-k7Eaqz":`xeuugli`,$$css:`@stridge/kit:src/shared/widgets/confirm-transfer/compound/ConfirmTransfer.styles.ts:205`},breakdownValueGroup:{"ConfirmTransfer__styles.breakdownValueGroup":`ConfirmTransfer__styles.breakdownValueGroup`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`x1q0g3np`,"alignItems-kGNEyG":`x6s0dn4`,"gap-kOIVth":`x17d4w8g`,"flexShrink-kmuXW":`x2lah0s`,$$css:`@stridge/kit:src/shared/widgets/confirm-transfer/compound/ConfirmTransfer.styles.ts:212`},breakdownInfoTrigger:{"ConfirmTransfer__styles.breakdownInfoTrigger":`ConfirmTransfer__styles.breakdownInfoTrigger`,"display-k1xSpc":`x3nfvp2`,"alignItems-kGNEyG":`x6s0dn4`,"justifyContent-kjj79g":`xl56j7k`,"width-kzqmXN":`x10vfzb2`,"height-kZKoxP":`x6w4g8m`,"padding-kmVPX3":`x1717udv`,"backgroundColor-kWkggS":`xjbqb8w`,"borderWidth-kMzoRj":`xc342km`,"borderStyle-ksu8eU":`x1y0btm7`,"outline-kI3sdo":`x1a2a7pz`,"cursor-kkrTdU":`x1146j2`,"color-kMwMTN":`xi96bwj`,"borderRadius-kaIpWk":`x1npxkrn`,":focus-visible_boxShadow-kEtg5x":`xhatipn`,$$css:`@stridge/kit:src/shared/widgets/confirm-transfer/compound/ConfirmTransfer.styles.ts:219`},breakdownInfoIcon:{"ConfirmTransfer__styles.breakdownInfoIcon":`ConfirmTransfer__styles.breakdownInfoIcon`,"width-kzqmXN":`x10vfzb2`,"height-kZKoxP":`x6w4g8m`,"flexShrink-kmuXW":`x2lah0s`,"color-kMwMTN":`x15rks2t`,$$css:`@stridge/kit:src/shared/widgets/confirm-transfer/compound/ConfirmTransfer.styles.ts:237`},cta:{"ConfirmTransfer__styles.cta":`ConfirmTransfer__styles.cta`,"alignSelf-kSGwAc":`xkh2ocl`,"borderWidth-kMzoRj":`xc342km`,"cursor-kkrTdU":`x1ypdohk`,$$css:`@stridge/kit:src/shared/widgets/confirm-transfer/compound/ConfirmTransfer.styles.ts:253`},footerStack:{"ConfirmTransfer__styles.footerStack":`ConfirmTransfer__styles.footerStack`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`xdt5ytf`,"alignItems-kGNEyG":`x6s0dn4`,"gap-kOIVth":`x883omv`,"marginTop-keoZOQ":`x1hmvnq2`,"marginInlineEnd-k71WvV":`xnqxrjt`,"marginInlineStart-keTefX":`xnzr9dm`,"marginBottom-k1K539":`x91k8ka`,$$css:`@stridge/kit:src/shared/widgets/confirm-transfer/compound/ConfirmTransfer.styles.ts:264`},footerNotice:{"ConfirmTransfer__styles.footerNotice":`ConfirmTransfer__styles.footerNotice`,"margin-kogj98":`x1ghz6dp`,"textAlign-k9WMMc":`x2b8uid`,$$css:`@stridge/kit:src/shared/widgets/confirm-transfer/compound/ConfirmTransfer.styles.ts:274`},disclaimerTermsLink:{"ConfirmTransfer__styles.disclaimerTermsLink":`ConfirmTransfer__styles.disclaimerTermsLink`,"color-kMwMTN":`x1me39qh`,"textDecorationLine-kMnn75":`xujl8zx`,"textDecorationThickness-kNySMw":`xyi4chj`,$$css:`@stridge/kit:src/shared/widgets/confirm-transfer/compound/ConfirmTransfer.styles.ts:278`}};export{e as styles};

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

@@ -1 +1 @@
-"use client";import{useLingui as e}from"../../../../i18n/useLingui.js";import"../../../../../i18n/index.js";import{ChevronRightIcon as t}from"../../../../icons/ChevronRightIcon.js";import{InfoIcon as n}from"../../../../icons/InfoIcon.js";import"../../../../../icons/index.js";import{Collapsible as r}from"../../../../ui/Collapsible/Collapsible.js";import"../../../../ui/Collapsible/index.js";import{Skeleton as i}from"../../../../ui/Skeleton/Skeleton.js";import"../../../../ui/Skeleton/index.js";import{text as a}from"../../../../ui/Text/Text.js";import{Tooltip as o}from"../../../../ui/Tooltip/Tooltip.js";import"../../../../ui/Tooltip/index.js";import"../../../../../ui/index.js";import{CONFIRM_TRANSFER_SLOTS as s}from"../ConfirmTransfer.slots.js";import{styles as c}from"../ConfirmTransfer.styles.js";import{useConfirmTransferContext as l}from"../context.js";import{useDirectionalChevronTransform as u}from"../../../../dialog/useDirectionalChevronTransform.js";import{useEffect as d,useState as f}from"react";import{jsx as p,jsxs as m}from"react/jsx-runtime";import*as h from"@stylexjs/stylex";const g=[`selectedRoute`,`networkCost`,`priceImpact`,`maxSlippage`];function _({label:t,defaultOpen:n=!1,open:o,onOpenChange:u}){let _=l(`ConfirmTransfer.Breakdown`),{_:b}=e(),S=t??b({id:`5joj8M`,message:`Transaction breakdown`}),{breakdown:C,loading:w}=_,[T,E]=f(o??n);d(()=>{o!==void 0&&E(o)},[o]);let D=w?!1:T;return m(r,{"data-stridge-slot":s.breakdown,open:D,onOpenChange:e=>{w||(E(e),u?.(e))},disabled:w,...h.props(c.section,c.breakdown),children:[p(r.Trigger,{render:(e,{open:t})=>m(`button`,{type:`button`,...e,children:[p(a.span,{size:`meta`,fontWeight:`medium`,leading:`tight`,tracking:`tight`,children:S}),w?p(i,{width:56,height:12}):p(x,{open:t})]}),"aria-label":S,disabled:w,...h.props(c.breakdownTrigger)}),p(r.Panel,{children:p(`div`,{...h.props(c.breakdownPanel),children:g.map(e=>{let t=v(e,C);return t?p(y,{...t},e):null})})})]})}function v(e,t){switch(e){case`selectedRoute`:return t.selectedRoute?{kind:`selectedRoute`,row:t.selectedRoute}:null;case`networkCost`:return t.networkCost?{kind:`networkCost`,row:t.networkCost}:null;case`priceImpact`:return t.priceImpact?{kind:`priceImpact`,row:t.priceImpact}:null;case`maxSlippage`:return t.maxSlippage?{kind:`maxSlippage`,row:t.maxSlippage}:null;default:return S(e)}}function y(t){let{_:n}=e(),{row:r}=t,i=b(t,e=>n({id:`KGoAE6`,message:`Auto · {value}`,values:{value:e}}));return m(`div`,{...h.props(c.breakdownRow),children:[m(`div`,{...h.props(c.breakdownLabelGroup),children:[p(a.span,{size:`xs`,fontWeight:`medium`,leading:`tight`,tracking:`tight`,color:`subdued`,children:r.label}),r.tooltip?p(C,{content:r.tooltip,label:r.label}):null]}),m(`div`,{...h.props(c.breakdownValueGroup),children:[r.valueAdornment,p(a.span,{size:`xs`,fontWeight:`semibold`,leading:`tight`,tracking:`tight`,children:i})]})]})}function b(e,t){switch(e.kind){case`selectedRoute`:return e.row.value;case`networkCost`:return e.row.valueUsd;case`priceImpact`:return e.row.valuePercent;case`maxSlippage`:return e.row.auto?t(e.row.valuePercent):e.row.valuePercent;default:return S(e)}}function x({open:e}){let n=u(e),r=h.props(c.breakdownChevron);return p(t,{"aria-hidden":!0,className:r.className,style:{...r.style,transform:n}})}function S(e){throw Error(`Unhandled breakdown row variant: ${JSON.stringify(e)}`)}function C({content:t,label:r}){let{_:i}=e();function a(e){e.stopPropagation()}return m(o.Root,{children:[p(o.Trigger,{"aria-label":i({id:`-tu7Q8`,message:`More about {0}`,values:{0:r.toLowerCase()}}),onClick:a,...h.props(c.breakdownInfoTrigger),children:p(n,{"aria-hidden":!0,...h.props(c.breakdownInfoIcon)})}),p(o.Content,{children:t})]})}export{_ as ConfirmTransferBreakdown};
+"use client";import{useLingui as e}from"../../../../i18n/useLingui.js";import"../../../../../i18n/index.js";import{assertNever as t}from"../../../../utils/assertNever.js";import{ChevronRightIcon as n}from"../../../../icons/ChevronRightIcon.js";import{InfoIcon as r}from"../../../../icons/InfoIcon.js";import"../../../../../icons/index.js";import{Collapsible as i}from"../../../../ui/Collapsible/Collapsible.js";import"../../../../ui/Collapsible/index.js";import{Skeleton as a}from"../../../../ui/Skeleton/Skeleton.js";import"../../../../ui/Skeleton/index.js";import{text as o}from"../../../../ui/Text/Text.js";import{Tooltip as s}from"../../../../ui/Tooltip/Tooltip.js";import"../../../../ui/Tooltip/index.js";import"../../../../../ui/index.js";import{useDirectionalChevronTransform as c}from"../../../../dialog/useDirectionalChevronTransform.js";import{CONFIRM_TRANSFER_SLOTS as l}from"../ConfirmTransfer.slots.js";import{styles as u}from"../ConfirmTransfer.styles.js";import{useConfirmTransferContext as d}from"../context.js";import{useEffect as f,useState as p}from"react";import{jsx as m,jsxs as h}from"react/jsx-runtime";import*as g from"@stylexjs/stylex";const _=[`selectedRoute`,`networkCost`,`priceImpact`,`maxSlippage`];function v({label:t,defaultOpen:n=!1,open:r,onOpenChange:s}){let c=d(`ConfirmTransfer.Breakdown`),{_:v}=e(),x=t??v({id:`5joj8M`,message:`Transaction breakdown`}),{breakdown:C,loading:w}=c,[T,E]=p(r??n);f(()=>{r!==void 0&&E(r)},[r]);let D=w?!1:T;return h(i,{"data-stridge-slot":l.breakdown,open:D,onOpenChange:e=>{w||(E(e),s?.(e))},disabled:w,...g.props(u.section,u.breakdown),children:[m(i.Trigger,{render:(e,{open:t})=>h(`button`,{type:`button`,...e,children:[m(o.span,{size:`meta`,fontWeight:`medium`,leading:`tight`,tracking:`tight`,children:x}),w?m(a,{width:56,height:12}):m(S,{open:t})]}),"aria-label":x,disabled:w,...g.props(u.breakdownTrigger)}),m(i.Panel,{children:m(`div`,{...g.props(u.breakdownPanel),children:_.map(e=>{let t=y(e,C);return t?m(b,{...t},e):null})})})]})}function y(e,n){switch(e){case`selectedRoute`:return n.selectedRoute?{kind:`selectedRoute`,row:n.selectedRoute}:null;case`networkCost`:return n.networkCost?{kind:`networkCost`,row:n.networkCost}:null;case`priceImpact`:return n.priceImpact?{kind:`priceImpact`,row:n.priceImpact}:null;case`maxSlippage`:return n.maxSlippage?{kind:`maxSlippage`,row:n.maxSlippage}:null;default:return t(e)}}function b(t){let{_:n}=e(),{row:r}=t,i=x(t,e=>n({id:`KGoAE6`,message:`Auto · {value}`,values:{value:e}}));return h(`div`,{...g.props(u.breakdownRow),children:[h(`div`,{...g.props(u.breakdownLabelGroup),children:[m(o.span,{size:`xs`,fontWeight:`medium`,leading:`tight`,tracking:`tight`,color:`subdued`,children:r.label}),r.tooltip?m(C,{content:r.tooltip,label:r.label}):null]}),h(`div`,{...g.props(u.breakdownValueGroup),children:[r.valueAdornment,m(o.span,{size:`xs`,fontWeight:`semibold`,leading:`tight`,tracking:`tight`,children:i})]})]})}function x(e,n){switch(e.kind){case`selectedRoute`:return e.row.value;case`networkCost`:return e.row.valueUsd;case`priceImpact`:return e.row.valuePercent;case`maxSlippage`:return e.row.auto?n(e.row.valuePercent):e.row.valuePercent;default:return t(e)}}function S({open:e}){let t=c(e),r=g.props(u.breakdownChevron);return m(n,{"aria-hidden":!0,className:r.className,style:{...r.style,transform:t}})}function C({content:t,label:n}){let{_:i}=e();function a(e){e.stopPropagation()}return h(s.Root,{children:[m(s.Trigger,{"aria-label":i({id:`-tu7Q8`,message:`More about {0}`,values:{0:n.toLowerCase()}}),onClick:a,...g.props(u.breakdownInfoTrigger),children:m(r,{"aria-hidden":!0,...g.props(u.breakdownInfoIcon)})}),m(s.Content,{children:t})]})}export{v as ConfirmTransferBreakdown};

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/confirm-transfer/compound/components/QuoteTimer.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{CONFIRM_TRANSFER_SLOTS as n}from"../ConfirmTransfer.slots.js";import{styles as r}from"../ConfirmTransfer.styles.js";import{useEffect as i,useRef as a}from"react";import{jsx as o,jsxs as s}from"react/jsx-runtime";import*as c from"@stylexjs/stylex";const l=2*Math.PI*13;function u({seconds:u,total:d=30}){let{_:f}=e(),p=Math.max(d,1),m=Math.max(0,Math.min(u,p)),h=a(null),g=a((typeof performance<`u`?performance.now():0)+m*1e3),_=a(p);return i(()=>{if(typeof performance>`u`)return;let e=Math.max(0,(g.current-performance.now())/1e3);Math.abs(e-m)>.25&&(g.current=performance.now()+m*1e3),_.current=p},[m,p]),i(()=>{let e=h.current;if(!e)return;let t=0,n=()=>{let r=Math.max(0,(g.current-performance.now())/1e3),i=Math.max(0,Math.min(r/_.current,1));e.style.strokeDashoffset=String(l-i*l),r>0&&(t=window.requestAnimationFrame(n))};return t=window.requestAnimationFrame(n),()=>window.cancelAnimationFrame(t)},[]),s(`div`,{"data-stridge-slot":n.quoteTimer,role:`timer`,"aria-label":f({id:`IDt4jm`,message:`{0, plural, one {# second} other {# seconds}} left on quote`,values:{0:Math.ceil(m)}}),...c.props(r.timerWrap),children:[s(`svg`,{viewBox:`0 0 32 32`,"aria-hidden":!0,...c.props(r.timerSvg),children:[o(`circle`,{cx:`16`,cy:`16`,r:13,...c.props(r.timerTrack)}),o(`circle`,{ref:h,cx:`16`,cy:`16`,r:13,...c.props(r.timerProgress),strokeDasharray:l})]}),o(t.span,{size:`caption`,fontWeight:`medium`,leading:`tight`,tracking:`tight`,...c.props(r.timerDigits),children:Math.ceil(m)})]})}export{u as QuoteTimer};
+"use client";import{useLingui as e}from"../../../../i18n/useLingui.js";import"../../../../../i18n/index.js";import{CONFIRM_TRANSFER_SLOTS as t}from"../ConfirmTransfer.slots.js";import{styles as n}from"../ConfirmTransfer.styles.js";import{useEffect as r,useRef as i}from"react";import{jsx as a,jsxs as o}from"react/jsx-runtime";import*as s from"@stylexjs/stylex";const c=2*Math.PI*13;function l({seconds:l,total:u=30}){let{_:d}=e(),f=Math.max(u,1),p=Math.max(0,Math.min(l,f)),m=i(null),h=i((typeof performance<`u`?performance.now():0)+p*1e3),g=i(f);return r(()=>{if(typeof performance>`u`)return;let e=Math.max(0,(h.current-performance.now())/1e3);Math.abs(e-p)>.25&&(h.current=performance.now()+p*1e3),g.current=f},[p,f]),r(()=>{let e=m.current;if(!e)return;let t=0,n=()=>{let r=Math.max(0,(h.current-performance.now())/1e3),i=Math.max(0,Math.min(r/g.current,1));e.style.strokeDashoffset=String(c-i*c),r>0&&(t=window.requestAnimationFrame(n))};return t=window.requestAnimationFrame(n),()=>window.cancelAnimationFrame(t)},[]),a(`div`,{"data-stridge-slot":t.quoteTimer,role:`timer`,"aria-label":d({id:`IDt4jm`,message:`{0, plural, one {# second} other {# seconds}} left on quote`,values:{0:Math.ceil(p)}}),...s.props(n.timerWrap),children:o(`svg`,{viewBox:`0 0 32 32`,"aria-hidden":!0,...s.props(n.timerSvg),children:[o(`g`,{...s.props(n.timerRing),children:[a(`circle`,{cx:`16`,cy:`16`,r:13,...s.props(n.timerTrack)}),a(`circle`,{ref:m,cx:`16`,cy:`16`,r:13,...s.props(n.timerProgress),strokeDasharray:c})]}),a(`text`,{x:`16`,y:`16`,textAnchor:`middle`,dominantBaseline:`central`,...s.props(n.timerDigits),children:Math.ceil(p)})]})})}export{l as QuoteTimer};

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/MoreDetails.d.ts

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

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

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

package/dist/shared/widgets/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";