@stridge/kit 0.1.0-alpha.0

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

@@ -0,0 +1,36 @@
+import { ProcessingStateRowProps } from "../types.js";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/shared/widgets/processing-state/compound/components/Rows.d.ts
+/**
+ * Predefined `Source` row — wallet icon + name + truncated address +
+ * explorer link. Reads `sourceWallet` from the {@link ProcessingState}
+ * root and renders nothing when the wallet payload is missing.
+ */
+declare function ProcessingStateSourceRow({
+  label
+}?: ProcessingStateRowProps): _$react_jsx_runtime0.JSX.Element | null;
+/**
+ * Predefined `Source tx` row. Reads `sourceTx` from the
+ * {@link ProcessingState} root and renders nothing when the hash is
+ * missing.
+ */
+declare function ProcessingStateSourceTxRow({
+  label
+}?: ProcessingStateRowProps): _$react_jsx_runtime0.JSX.Element | null;
+/**
+ * Predefined `Order submitted` row. Renders only when the root supplies a
+ * pre-formatted `submittedAt` timestamp.
+ */
+declare function ProcessingStateSubmittedAtRow({
+  label
+}?: ProcessingStateRowProps): _$react_jsx_runtime0.JSX.Element | null;
+/**
+ * Predefined `Detected` row. Renders only when the root supplies a
+ * pre-formatted `detectedAt` timestamp.
+ */
+declare function ProcessingStateDetectedAtRow({
+  label
+}?: ProcessingStateRowProps): _$react_jsx_runtime0.JSX.Element | null;
+//#endregion
+export { ProcessingStateDetectedAtRow, ProcessingStateSourceRow, ProcessingStateSourceTxRow, ProcessingStateSubmittedAtRow };

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

@@ -0,0 +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};

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

@@ -0,0 +1,13 @@
+import { ProcessingStateStatusPillProps } from "../types.js";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/shared/widgets/processing-state/compound/components/StatusPill.d.ts
+/**
+ * Surfaces the in-flight status via an animated 6-dot indicator next to a label. Defaults to `"In transit"`; pass
+ * `label` to override (e.g. `"Detecting"`, `"Confirming"`).
+ */
+declare function ProcessingStateStatusPill({
+  label
+}?: ProcessingStateStatusPillProps): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { ProcessingStateStatusPill };

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

@@ -0,0 +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};

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

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

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

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

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

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

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

@@ -0,0 +1,216 @@
+import { DialogShellControls } from "../../../dialog/DialogShell.js";
+import { AssetDescriptor } from "../../asset-descriptor.js";
+import { ComponentProps, ReactNode } from "react";
+import { DestinationDto, GatewayPollResponse } from "@stridge/sdk";
+
+//#region src/shared/widgets/processing-state/compound/types.d.ts
+/**
+ * The credited asset rendered in the Hero (icon + symbol) and used as the default suffix for the
+ * "CREDITING" caption. Extends the kit-wide {@link AssetDescriptor} with the DTO + response slots
+ * headless integrators can read for the matched settlement.
+ */
+interface ProcessingStateAsset extends AssetDescriptor {
+  /**
+   * Destination DTO carried from the matched settlement / poll response.
+   */
+  raw?: DestinationDto;
+  /**
+   * Full `gateway/{owner}` poll response that produced the destination.
+   */
+  responseRaw?: GatewayPollResponse;
+}
+/**
+ * Source-wallet payload backing the predefined `Source` row.
+ */
+interface ProcessingStateSourceWallet {
+  /**
+   * Wallet display name (e.g. `"Wallet"` or a host-supplied label).
+   */
+  name?: string;
+  /**
+   * Pre-formatted address string (e.g. `"0x12…34ab"`).
+   */
+  address: string;
+  /**
+   * Explorer URL for the wallet on its native chain.
+   */
+  explorerUrl?: string;
+}
+/**
+ * Source-tx payload backing the predefined `Source tx` row.
+ */
+interface ProcessingStateTxRef {
+  /** Pre-formatted hash string. */
+  hash: string;
+  /** Explorer URL for the tx. */
+  explorerUrl?: string;
+}
+/**
+ * Props for `<ProcessingState.Dialog>` — the dialog form of the
+ * ProcessingState widget. Combines the widget root props with the
+ * shared dialog shell controls (`open` / `defaultOpen` / `onOpenChange`
+ * / `trigger`).
+ */
+type ProcessingStateDialogProps = ProcessingStateProps & DialogShellControls;
+/**
+ * Public props accepted by the {@link ProcessingState} root.
+ */
+interface ProcessingStateProps {
+  /** Pre-formatted hero amount string (e.g. `"1.99580"`). Pure layout — no widget-side format. */
+  amount: string;
+  /**
+   * The asset that's crediting. Drives the Hero icon, the Hero amount-line symbol, and the default destination
+   * caption.
+   */
+  creditedAsset: ProcessingStateAsset;
+  /**
+   * Optional caption suffix shown below the amount. Defaults to `creditedAsset.symbol`. Pass a custom string to
+   * add destination context (e.g. `"USDC (PERPS)"`, `"ETH (Spot)"`).
+   */
+  creditedTo?: string;
+  /**
+   * When `true`, the Hero swaps the formatted amount for a shimmer skeleton — used while the
+   * credited figure isn't known yet (transfer-crypto flow waiting on the indexer). The asset
+   * chrome and destination caption keep rendering.
+   */
+  loading?: boolean;
+  /**
+   * Optional override for the `Header` title. Defaults to `"Processing"`.
+   */
+  headerTitle?: string;
+  /**
+   * Optional back-button callback for the `Header`. When undefined the
+   * chevron is hidden.
+   */
+  onBack?: () => void;
+  /**
+   * Optional override for the `StatusPill` label. Defaults to `"In transit"`.
+   */
+  statusPillLabel?: string;
+  /**
+   * Source-wallet payload — surfaces as the `Source` row inside
+   * `<ProcessingState.SourceRow />`.
+   */
+  sourceWallet?: ProcessingStateSourceWallet;
+  /**
+   * Source-chain deposit tx — surfaces as the `Source tx` row inside
+   * `<ProcessingState.SourceTxRow />`.
+   */
+  sourceTx?: ProcessingStateTxRef;
+  /**
+   * Pre-formatted "order submitted" timestamp — surfaces as the
+   * `Order submitted` row inside `<ProcessingState.SubmittedAtRow />`.
+   */
+  submittedAt?: string;
+  /**
+   * Pre-formatted "detected" timestamp — surfaces as the `Detected` row
+   * inside `<ProcessingState.DetectedAtRow />`.
+   */
+  detectedAt?: string;
+  /**
+   * Click handler routed to {@link ProcessingState.Actions}.
+   */
+  onClose?: () => void;
+  /**
+   * Optional override for the Actions CTA label. Defaults to
+   * `"Close — we'll notify you"`.
+   */
+  closeLabel?: string;
+  /**
+   * Compound parts; see `ProcessingState.Header`, `ProcessingState.Hero`, etc.
+   */
+  children?: ReactNode;
+}
+/**
+ * Body slot part props. Forwards every native `<div>` prop through to the
+ * underlying `Card.Body`, which becomes the scrollable region when the
+ * widget is mounted inside `Dialog.Content`.
+ */
+type ProcessingStateBodyProps = ComponentProps<"div">;
+/**
+ * Props for `ProcessingState.Header`.
+ */
+interface ProcessingStateHeaderProps {
+  /**
+   * Optional override for the title rendered in this slot. Defaults to
+   * the `headerTitle` set on the {@link ProcessingState} root, falling
+   * back to `"Processing"`.
+   */
+  title?: string;
+  /**
+   * Optional override for the back-button callback. Defaults to the
+   * `onBack` set on the {@link ProcessingState} root. Pass `null` to
+   * force the chevron hidden even when the root supplies a callback.
+   */
+  onBack?: (() => void) | null;
+}
+/**
+ * Props for `ProcessingState.Hero`. Accepts no overrides; reads everything from context.
+ */
+type ProcessingStateHeroProps = Record<string, never>;
+/**
+ * Props for `ProcessingState.StatusPill`. Surfaces the in-flight status (default `"In transit"`) with an animated
+ * dot indicator.
+ */
+interface ProcessingStateStatusPillProps {
+  /**
+   * Optional override for the pill label. Defaults to the
+   * `statusPillLabel` set on the {@link ProcessingState} root, falling
+   * back to `"In transit"`.
+   */
+  label?: string;
+}
+/**
+ * Props for `ProcessingState.Details` (list container).
+ */
+interface ProcessingStateDetailsProps {
+  /**
+   * `ProcessingState.Detail` children.
+   */
+  children?: ReactNode;
+}
+/**
+ * Props for `ProcessingState.Detail` (single row).
+ */
+interface ProcessingStateDetailProps {
+  /**
+   * Row label rendered on the leading edge.
+   */
+  label: string;
+  /**
+   * Row value rendered on the trailing edge. Accepts a free-form `ReactNode`, so callers can mount the canonical
+   * helpers or arbitrary inline content.
+   */
+  value: ReactNode;
+}
+/**
+ * Props for the predefined detail rows
+ * ({@link ProcessingState.SourceRow},
+ * {@link ProcessingState.SourceTxRow},
+ * {@link ProcessingState.SubmittedAtRow},
+ * {@link ProcessingState.DetectedAtRow}). Each row pulls its value from
+ * the {@link ProcessingState} root's payload props and renders nothing
+ * when the value is missing.
+ */
+interface ProcessingStateRowProps {
+  /** Override the row label. */
+  label?: string;
+}
+/**
+ * Props for `ProcessingState.Actions`.
+ */
+interface ProcessingStateActionsProps {
+  /**
+   * Optional override for the CTA click handler. Defaults to the
+   * `onClose` set on the {@link ProcessingState} root.
+   */
+  onClose?: () => void;
+  /**
+   * Optional override for the CTA label. Defaults to the `closeLabel`
+   * set on the {@link ProcessingState} root, falling back to
+   * `"Close — we'll notify you"`.
+   */
+  closeLabel?: string;
+}
+//#endregion
+export { ProcessingStateActionsProps, ProcessingStateAsset, ProcessingStateBodyProps, ProcessingStateDetailProps, ProcessingStateDetailsProps, ProcessingStateDialogProps, ProcessingStateHeaderProps, ProcessingStateHeroProps, ProcessingStateProps, ProcessingStateRowProps, ProcessingStateSourceWallet, ProcessingStateStatusPillProps, ProcessingStateTxRef };

package/dist/shared/widgets/success-state/compound/SuccessState.d.ts

@@ -0,0 +1,105 @@
+import { TxHashValueProps } from "../../../primitives/TxHashValue/types.js";
+import { TxHashValue } from "../../../primitives/TxHashValue/TxHashValue.js";
+import { WalletValue, WalletValueProps } from "../../../primitives/WalletValue/WalletValue.js";
+import { SuccessStateActionsProps, SuccessStateAssetValueProps, SuccessStateBodyProps, SuccessStateDetailProps, SuccessStateDetailsProps, SuccessStateDialogProps, SuccessStateHeaderProps, SuccessStateHeadlineProps, SuccessStateMoreDetailsProps, SuccessStateProps, SuccessStateRouteValueProps, SuccessStateRowProps, SuccessStateStatusPillProps } from "./types.js";
+import { SuccessStateActions } from "./components/Actions.js";
+import { SuccessStateAssetValue } from "./components/AssetValue.js";
+import { SuccessStateDetail } from "./components/Detail.js";
+import { SuccessStateDetails } from "./components/Details.js";
+import { SuccessStateHeader } from "./components/Header.js";
+import { SuccessStateHeadline } from "./components/Headline.js";
+import { SuccessStateHero } from "./components/Hero.js";
+import { SuccessStateMoreDetails } from "./components/MoreDetails.js";
+import { SuccessStateRouteValue } from "./components/RouteValue.js";
+import { SuccessStateCompletionTxRow, SuccessStateDepositTxRow, SuccessStateDestinationRow, SuccessStateFillStatusRow, SuccessStateFilledAtRow, SuccessStateSourceRow, SuccessStateSubmittedAtRow, SuccessStateTotalTimeRow, SuccessStateYouReceiveRow } from "./components/Rows.js";
+import { SuccessStateStatusPill } from "./components/StatusPill.js";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/shared/widgets/success-state/compound/SuccessState.d.ts
+/**
+ * Root of the Success State compound. Renders the modal-frame card
+ * surface and surfaces the credited transaction (amount + asset +
+ * destination context + explorer link) to every compound part rendered
+ * inside it.
+ *
+ * Success State is the kit's terminal screen for any successful gateway
+ * deposit — regardless of which method (Wallet / Transfer Crypto /
+ * Connect Exchange) produced the credit.
+ *
+ * Parts:
+ * - {@link SuccessState.Header}
+ * - {@link SuccessState.Body}
+ * - {@link SuccessState.Hero}
+ * - {@link SuccessState.Details}
+ * - {@link SuccessState.Detail}
+ * - {@link SuccessState.Actions}
+ *
+ * Predefined rows:
+ * - {@link SuccessState.FillStatusRow} / {@link SuccessState.TotalTimeRow}
+ * - {@link SuccessState.SourceRow} / {@link SuccessState.DestinationRow}
+ * - {@link SuccessState.YouReceiveRow}
+ * - {@link SuccessState.DepositTxRow} / {@link SuccessState.CompletionTxRow}
+ * - {@link SuccessState.SubmittedAtRow} / {@link SuccessState.FilledAtRow}
+ *
+ * Helpers:
+ * - {@link SuccessState.WalletValue} — wallet icon + name + truncated address + explorer link
+ * - {@link SuccessState.AssetValue} — `[icon] amount symbol`
+ * - {@link SuccessState.RouteValue} — `Hop1 → Hop2 → Hop3`
+ *
+ * Dialog form: {@link SuccessState.Dialog} pre-composes the widget into
+ * a `Dialog.Root + Dialog.Trigger + Dialog.Content` shell — the
+ * production-recommended entry point. Use the bare `SuccessState` form
+ * when you want the widget mounted inline.
+ */
+declare function SuccessState(props: SuccessStateProps): _$react_jsx_runtime0.JSX.Element;
+declare function SuccessStateBody(props: SuccessStateBodyProps): _$react_jsx_runtime0.JSX.Element;
+declare function SuccessStateDialog({
+  open,
+  defaultOpen,
+  onOpenChange,
+  trigger,
+  children,
+  ...rootProps
+}: SuccessStateDialogProps): _$react_jsx_runtime0.JSX.Element;
+declare namespace SuccessState {
+  type Props = SuccessStateProps;
+  type HeaderProps = SuccessStateHeaderProps;
+  type BodyProps = SuccessStateBodyProps;
+  type DetailsProps = SuccessStateDetailsProps;
+  type DetailProps = SuccessStateDetailProps;
+  type ActionsProps = SuccessStateActionsProps;
+  type AssetValueProps = SuccessStateAssetValueProps;
+  type RouteValueProps = SuccessStateRouteValueProps;
+  type HeadlineProps = SuccessStateHeadlineProps;
+  type MoreDetailsProps = SuccessStateMoreDetailsProps;
+  type StatusPillProps = SuccessStateStatusPillProps;
+  type RowProps = SuccessStateRowProps;
+  type WalletValueProps = WalletValueProps;
+  type TxHashValueProps = TxHashValueProps;
+  type DialogProps = SuccessStateDialogProps;
+  const Header: typeof SuccessStateHeader;
+  const Body: typeof SuccessStateBody;
+  const Hero: typeof SuccessStateHero;
+  const Headline: typeof SuccessStateHeadline;
+  const Details: typeof SuccessStateDetails;
+  const Detail: typeof SuccessStateDetail;
+  const Actions: typeof SuccessStateActions;
+  const AssetValue: typeof SuccessStateAssetValue;
+  const RouteValue: typeof SuccessStateRouteValue;
+  const StatusPill: typeof SuccessStateStatusPill;
+  const MoreDetails: typeof SuccessStateMoreDetails;
+  const FillStatusRow: typeof SuccessStateFillStatusRow;
+  const TotalTimeRow: typeof SuccessStateTotalTimeRow;
+  const SourceRow: typeof SuccessStateSourceRow;
+  const DestinationRow: typeof SuccessStateDestinationRow;
+  const YouReceiveRow: typeof SuccessStateYouReceiveRow;
+  const DepositTxRow: typeof SuccessStateDepositTxRow;
+  const CompletionTxRow: typeof SuccessStateCompletionTxRow;
+  const SubmittedAtRow: typeof SuccessStateSubmittedAtRow;
+  const FilledAtRow: typeof SuccessStateFilledAtRow;
+  const WalletValue: typeof WalletValue;
+  const TxHashValue: typeof TxHashValue;
+  const Dialog: typeof SuccessStateDialog;
+}
+//#endregion
+export { SuccessState };

package/dist/shared/widgets/success-state/compound/SuccessState.js

@@ -0,0 +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{SuccessStateContext as a}from"./context.js";import{SUCCESS_STATE_SLOTS as o}from"./SuccessState.slots.js";import{styles as s}from"./SuccessState.styles.js";import{SuccessStateActions as c}from"./components/Actions.js";import{SuccessStateAssetValue as l}from"./components/AssetValue.js";import{SuccessStateDetail as u}from"./components/Detail.js";import{SuccessStateDetails as d}from"./components/Details.js";import{SuccessStateHeader as f}from"./components/Header.js";import{SuccessStateHeadline as p}from"./components/Headline.js";import{SuccessStateHero as m}from"./components/Hero.js";import{SuccessStateMoreDetails as h}from"./components/MoreDetails.js";import{SuccessStateRouteValue as g}from"./components/RouteValue.js";import{SuccessStateStatusPill as _}from"./components/StatusPill.js";import{SuccessStateCompletionTxRow as v,SuccessStateDepositTxRow as y,SuccessStateDestinationRow as b,SuccessStateFillStatusRow as x,SuccessStateFilledAtRow as S,SuccessStateSourceRow as C,SuccessStateSubmittedAtRow as w,SuccessStateTotalTimeRow as T,SuccessStateYouReceiveRow as E}from"./components/Rows.js";import{useMemo as D}from"react";import{jsx as O}from"react/jsx-runtime";import*as k from"@stylexjs/stylex";function A(e){let{amount:t,creditedAsset:r,creditedTo:i,explorer:c,depositTx:l,completionTx:u,submittedAt:d,filledAt:f,totalTime:p,sourceWallet:m,headerTitle:h,headlineTitle:g,headlineDescription:_,onDone:v,onClose:y,doneLabel:b,closeLabel:x,children:S}=e,C=D(()=>({amount:t,creditedAsset:r,creditedTo:i,explorer:c,depositTx:l,completionTx:u,submittedAt:d,filledAt:f,totalTime:p,sourceWallet:m,headerTitle:h,headlineTitle:g,headlineDescription:_,onDone:v,onClose:y,doneLabel:b,closeLabel:x}),[t,r,i,c,l,u,d,f,p,m,h,g,_,v,y,b,x]);return O(a.Provider,{value:C,children:O(n,{"data-stridge-slot":o.root,...k.props(s.root),children:S})})}function j(e){return O(t.Body,{"data-stridge-slot":o.body,...e})}function M({open:t,defaultOpen:n,onOpenChange:r,trigger:i,children:a,...o}){return O(e,{open:t,defaultOpen:n,onOpenChange:r,trigger:i,children:O(A,{...o,children:a})})}(function(e){e.Header=f,e.Body=j,e.Hero=m,e.Headline=p,e.Details=d,e.Detail=u,e.Actions=c,e.AssetValue=l,e.RouteValue=g,e.StatusPill=_,e.MoreDetails=h,e.FillStatusRow=x,e.TotalTimeRow=T,e.SourceRow=C,e.DestinationRow=b,e.YouReceiveRow=E,e.DepositTxRow=y,e.CompletionTxRow=v,e.SubmittedAtRow=w,e.FilledAtRow=S,e.WalletValue=i,e.TxHashValue=r,e.Dialog=M})(A||={});export{A as SuccessState};

package/dist/shared/widgets/success-state/compound/SuccessState.slots.d.ts

@@ -0,0 +1,21 @@
+//#region src/shared/widgets/success-state/compound/SuccessState.slots.d.ts
+declare const SUCCESS_STATE_SLOTS: {
+  readonly root: "success-state";
+  readonly header: "success-state-header";
+  readonly body: "success-state-body";
+  readonly hero: "success-state-hero";
+  readonly headline: "success-state-headline";
+  readonly actions: "success-state-actions";
+  readonly details: "success-state-details";
+  readonly detail: "success-state-detail";
+  readonly routeValue: "success-state-route-value";
+  readonly assetValue: "success-state-asset-value";
+  readonly txHashValue: "success-state-tx-hash-value";
+  readonly statusPill: "success-state-status-pill";
+  readonly moreDetails: "success-state-more-details";
+  readonly moreDetailsTrigger: "success-state-more-details-trigger";
+  readonly moreDetailsPanel: "success-state-more-details-panel";
+};
+type SuccessStateSlot = (typeof SUCCESS_STATE_SLOTS)[keyof typeof SUCCESS_STATE_SLOTS];
+//#endregion
+export { SUCCESS_STATE_SLOTS, SuccessStateSlot };

package/dist/shared/widgets/success-state/compound/SuccessState.slots.js

@@ -0,0 +1 @@
+const e={root:`success-state`,header:`success-state-header`,body:`success-state-body`,hero:`success-state-hero`,headline:`success-state-headline`,actions:`success-state-actions`,details:`success-state-details`,detail:`success-state-detail`,routeValue:`success-state-route-value`,assetValue:`success-state-asset-value`,txHashValue:`success-state-tx-hash-value`,statusPill:`success-state-status-pill`,moreDetails:`success-state-more-details`,moreDetailsTrigger:`success-state-more-details-trigger`,moreDetailsPanel:`success-state-more-details-panel`};export{e as SUCCESS_STATE_SLOTS};

package/dist/shared/widgets/success-state/compound/SuccessState.styles.js

@@ -0,0 +1 @@
+const e={root:{"SuccessState__styles.root":`SuccessState__styles.root`,"position-kVAEAm":`x1n2onr6`,"width-kzqmXN":`xh8yej3`,"maxWidth-ks0D6T":`x17fpy1y`,$$css:`@stridge/kit:src/shared/widgets/success-state/compound/SuccessState.styles.ts:53`},header:{"SuccessState__styles.header":`SuccessState__styles.header`,"justifyContent-kjj79g":`x1qughib`,$$css:`@stridge/kit:src/shared/widgets/success-state/compound/SuccessState.styles.ts:61`},closeIcon:{"SuccessState__styles.closeIcon":`SuccessState__styles.closeIcon`,"width-kzqmXN":`xsmyaan`,"height-kZKoxP":`x1kpxq89`,"flexShrink-kmuXW":`x2lah0s`,"color-kMwMTN":`xdksllq`,"strokeWidth-kfJifR":`x1k315e8`,$$css:`@stridge/kit:src/shared/widgets/success-state/compound/SuccessState.styles.ts:64`},hero:{"SuccessState__styles.hero":`SuccessState__styles.hero`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`xdt5ytf`,"alignItems-kGNEyG":`x6s0dn4`,"gap-kOIVth":`x883omv`,"paddingTop-kLKAdn":`x9desvi`,"paddingInlineEnd-kwRFfy":`x1o5r3ls`,"paddingBottom-kGO01o":`x1t4gjm`,"paddingInlineStart-kZCmMZ":`xz7312c`,$$css:`@stridge/kit:src/shared/widgets/success-state/compound/SuccessState.styles.ts:72`},heroRing:{"SuccessState__styles.heroRing":`SuccessState__styles.heroRing`,"display-k1xSpc":`x1lliihq`,"width-kzqmXN":`x1fu8urw`,"height-kZKoxP":`x1peatla`,"marginBottom-k1K539":`xzueoph`,"flexShrink-kmuXW":`x2lah0s`,"transformOrigin-k3nNDw":`x1g0ag68`,"animationName-kKVMdj":`xdozz8d`,"animationDuration-k44tkh":`xl8t4ro x1s1fvk8`,"animationTimingFunction-kyAemX":`xa3vuyk`,"animationFillMode-kWV6AL":`x1u6ievf`,$$css:`@stridge/kit:src/shared/widgets/success-state/compound/SuccessState.styles.ts:82`},heroRingCheck:{"SuccessState__styles.heroRingCheck":`SuccessState__styles.heroRingCheck`,"strokeDasharray-k5rJSQ":`x19f38uw`,"strokeDashoffset-kDRTOe":`x1f9z5db`,"animationName-kKVMdj":`xdi478p`,"animationDuration-k44tkh":`x4afe7t x1s1fvk8`,"animationDelay-kKxzle":`x192tdn3 x14q22ui`,"animationTimingFunction-kyAemX":`xa3vuyk`,"animationFillMode-kWV6AL":`x10e4vud`,$$css:`@stridge/kit:src/shared/widgets/success-state/compound/SuccessState.styles.ts:97`},heroAmountRow:{"SuccessState__styles.heroAmountRow":`SuccessState__styles.heroAmountRow`,"display-k1xSpc":`x3nfvp2`,"alignItems-kGNEyG":`x1pha0wt`,"justifyContent-kjj79g":`xl56j7k`,"gap-kOIVth":`x883omv`,"marginTop-keoZOQ":`xr9ek0c`,$$css:`@stridge/kit:src/shared/widgets/success-state/compound/SuccessState.styles.ts:112`},heroAmountIcon:{"SuccessState__styles.heroAmountIcon":`SuccessState__styles.heroAmountIcon`,"alignSelf-kSGwAc":`xamitd3`,$$css:`@stridge/kit:src/shared/widgets/success-state/compound/SuccessState.styles.ts:119`},detailsSection:{"SuccessState__styles.detailsSection":`SuccessState__styles.detailsSection`,"marginTop-keoZOQ":`x1gslohp`,"marginInlineStart-keTefX":`xnzr9dm`,"marginInlineEnd-k71WvV":`xnqxrjt`,$$css:`@stridge/kit:src/shared/widgets/success-state/compound/SuccessState.styles.ts:128`},assetValue:{"SuccessState__styles.assetValue":`SuccessState__styles.assetValue`,"display-k1xSpc":`x3nfvp2`,"alignItems-kGNEyG":`x6s0dn4`,"gap-kOIVth":`x167g77z`,$$css:`@stridge/kit:src/shared/widgets/success-state/compound/SuccessState.styles.ts:134`},routeValue:{"SuccessState__styles.routeValue":`SuccessState__styles.routeValue`,"display-k1xSpc":`x3nfvp2`,"alignItems-kGNEyG":`x6s0dn4`,"gap-kOIVth":`x167g77z`,$$css:`@stridge/kit:src/shared/widgets/success-state/compound/SuccessState.styles.ts:140`},routeArrow:{"SuccessState__styles.routeArrow":`SuccessState__styles.routeArrow`,"width-kzqmXN":`xsmyaan`,"height-kZKoxP":`xegnrdp`,"flexShrink-kmuXW":`x2lah0s`,"color-kMwMTN":`x137ha3m`,$$css:`@stridge/kit:src/shared/widgets/success-state/compound/SuccessState.styles.ts:145`},actions:{"SuccessState__styles.actions":`SuccessState__styles.actions`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`xdt5ytf`,"alignItems-kGNEyG":`x6s0dn4`,"gap-kOIVth":`xou54vl`,"paddingTop-kLKAdn":`x1xy6bms`,"paddingInlineEnd-kwRFfy":`x1o5r3ls`,"paddingBottom-kGO01o":`x1t4gjm`,"paddingInlineStart-kZCmMZ":`xz7312c`,$$css:`@stridge/kit:src/shared/widgets/success-state/compound/SuccessState.styles.ts:152`},actionRow:{"SuccessState__styles.actionRow":`SuccessState__styles.actionRow`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`x1q0g3np`,"width-kzqmXN":`xh8yej3`,"gap-kOIVth":`x883omv`,$$css:`@stridge/kit:src/shared/widgets/success-state/compound/SuccessState.styles.ts:162`},actionRowPair:{"SuccessState__styles.actionRowPair":`SuccessState__styles.actionRowPair`,"alignItems-kGNEyG":`x1qjc9v5`,$$css:`@stridge/kit:src/shared/widgets/success-state/compound/SuccessState.styles.ts:168`},doneButton:{"SuccessState__styles.doneButton":`SuccessState__styles.doneButton`,"flex-kUk6DE":`x98rzlu`,"width-kzqmXN":`xh8yej3`,"borderWidth-kMzoRj":`xc342km`,$$css:`@stridge/kit:src/shared/widgets/success-state/compound/SuccessState.styles.ts:174`},closeButton:{"SuccessState__styles.closeButton":`SuccessState__styles.closeButton`,"flex-kUk6DE":`x98rzlu`,"width-kzqmXN":`xh8yej3`,$$css:`@stridge/kit:src/shared/widgets/success-state/compound/SuccessState.styles.ts:180`},doneButtonInteractive:{"SuccessState__styles.doneButtonInteractive":`SuccessState__styles.doneButtonInteractive`,"cursor-kkrTdU":`x1ypdohk`,$$css:`@stridge/kit:src/shared/widgets/success-state/compound/SuccessState.styles.ts:184`},doneButtonInert:{"SuccessState__styles.doneButtonInert":`SuccessState__styles.doneButtonInert`,"cursor-kkrTdU":`xt0e3qv`,$$css:`@stridge/kit:src/shared/widgets/success-state/compound/SuccessState.styles.ts:187`},explorerLink:{"SuccessState__styles.explorerLink":`SuccessState__styles.explorerLink`,"color-kMwMTN":`x1me39qh`,"textDecorationLine-kMnn75":`xujl8zx`,"textDecorationThickness-kNySMw":`xyi4chj`,"textUnderlineOffset-kcSHmL":`xda060z`,"--stridge-kit-external-link-align":`x5oa300`,$$css:`@stridge/kit:src/shared/widgets/success-state/compound/SuccessState.styles.ts:195`},headline:{"SuccessState__styles.headline":`SuccessState__styles.headline`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`xdt5ytf`,"alignItems-kGNEyG":`x6s0dn4`,"gap-kOIVth":`x883omv`,"paddingTop-kLKAdn":`x9desvi`,"paddingInlineEnd-kwRFfy":`x1o5r3ls`,"paddingBottom-kGO01o":`x1hhzuzn`,"paddingInlineStart-kZCmMZ":`xz7312c`,$$css:`@stridge/kit:src/shared/widgets/success-state/compound/SuccessState.styles.ts:203`},headlineTitle:{"SuccessState__styles.headlineTitle":`SuccessState__styles.headlineTitle`,"margin-kogj98":`x1ghz6dp`,$$css:`@stridge/kit:src/shared/widgets/success-state/compound/SuccessState.styles.ts:213`},headlineDescription:{"SuccessState__styles.headlineDescription":`SuccessState__styles.headlineDescription`,"margin-kogj98":`x1ghz6dp`,"maxWidth-ks0D6T":`x1va8c73`,$$css:`@stridge/kit:src/shared/widgets/success-state/compound/SuccessState.styles.ts:216`},moreDetailsTrigger:{"SuccessState__styles.moreDetailsTrigger":`SuccessState__styles.moreDetailsTrigger`,"cursor-kkrTdU":`x1ypdohk`,"outline-kI3sdo":`x1a2a7pz`,"userSelect-kfSwDN":`x87ps6o`,"WebkitTapHighlightColor-kQizK7":`x1i10hfl`,":focus-visible_boxShadow-kEtg5x":`xf4a2cz`,$$css:`@stridge/kit:src/shared/widgets/success-state/compound/SuccessState.styles.ts:226`},moreDetailsTriggerClosed:{"SuccessState__styles.moreDetailsTriggerClosed":`SuccessState__styles.moreDetailsTriggerClosed`,"borderBottomWidth-kt9PQ7":`x1qhh985`,$$css:`@stridge/kit:src/shared/widgets/success-state/compound/SuccessState.styles.ts:235`},moreDetailsChevron:{"SuccessState__styles.moreDetailsChevron":`SuccessState__styles.moreDetailsChevron`,"width-kzqmXN":`x6jxa94`,"height-kZKoxP":`x1v9usgg`,"flexShrink-kmuXW":`x2lah0s`,"color-kMwMTN":`x137ha3m`,"strokeWidth-kfJifR":`xhr4kjn`,"transformOrigin-k3nNDw":`x1g0ag68`,"transitionProperty-k1ekBW":`x11xpdln`,"transitionDuration-kIyJzY":`x9dyr19 x12w9bfk`,"transitionTimingFunction-kAMwcw":`x9lcvmn`,$$css:`@stridge/kit:src/shared/widgets/success-state/compound/SuccessState.styles.ts:238`},moreDetailsChevronOpen:{"SuccessState__styles.moreDetailsChevronOpen":`SuccessState__styles.moreDetailsChevronOpen`,"transform-k3aq6I":`x1iffjtl`,$$css:`@stridge/kit:src/shared/widgets/success-state/compound/SuccessState.styles.ts:252`}};export{e as styles};

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

@@ -0,0 +1,18 @@
+import { SuccessStateActionsProps } from "../types.js";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/shared/widgets/success-state/compound/components/Actions.d.ts
+/**
+ * Actions part — primary Done/New deposit CTA optionally paired with
+ * a secondary Close button (rendered as a side-by-side pair when
+ * `onClose` is supplied), plus the optional "View on …" explorer
+ * link. Explorer config flows through context.
+ */
+declare function SuccessStateActions({
+  onDone,
+  onClose,
+  doneLabel,
+  closeLabel
+}?: SuccessStateActionsProps): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { SuccessStateActions };

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

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

package/dist/shared/widgets/success-state/compound/components/AssetValue.d.ts

@@ -0,0 +1,18 @@
+import { SuccessStateAssetValueProps } from "../types.js";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/shared/widgets/success-state/compound/components/AssetValue.d.ts
+/**
+ * AssetValue helper — `[icon] amount symbol`, the canonical composition used inside receipt
+ * rows. Pure layout: `amount` arrives pre-formatted from driver transformer code.
+ */
+declare function SuccessStateAssetValue({
+  amount,
+  symbol,
+  chainId,
+  address,
+  isNative,
+  logoUrl
+}: SuccessStateAssetValueProps): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { SuccessStateAssetValue };

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

@@ -0,0 +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{SUCCESS_STATE_SLOTS as n}from"../SuccessState.slots.js";import{styles as r}from"../SuccessState.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}){return a(`span`,{"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}),i(e.span,{size:`sm`,fontWeight:`medium`,leading:`tight`,children:s}),i(e.span,{size:`sm`,fontWeight:`medium`,leading:`tight`,color:`subdued`,children:c})]})}export{s as SuccessStateAssetValue};

package/dist/shared/widgets/success-state/compound/components/Detail.d.ts

@@ -0,0 +1,18 @@
+import { SuccessStateDetailProps } from "../types.js";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/shared/widgets/success-state/compound/components/Detail.d.ts
+/**
+ * Detail part — a single label/value row inside `SuccessState.Details`.
+ *
+ * `value` is a freeform `ReactNode` so callers can compose with the
+ * canonical helpers (`AssetValue`, `RouteValue`, `WalletValue`) or
+ * arbitrary inline content. The row chrome flows from the kit-level
+ * `Details.Row` primitive.
+ */
+declare function SuccessStateDetail({
+  label,
+  value
+}: SuccessStateDetailProps): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { SuccessStateDetail };

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

@@ -0,0 +1 @@
+"use client";import{Details as e}from"../../../../ui/Details/Details.js";import"../../../../ui/Details/index.js";import{SUCCESS_STATE_SLOTS as t}from"../SuccessState.slots.js";import{jsx as n}from"react/jsx-runtime";function r({label:r,value:i}){return n(e.Row,{"data-stridge-slot":t.detail,label:r,children:i})}export{r as SuccessStateDetail};

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

@@ -0,0 +1,16 @@
+import { SuccessStateDetailsProps } from "../types.js";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/shared/widgets/success-state/compound/components/Details.d.ts
+/**
+ * Details part — bordered card containing `SuccessState.Detail` children.
+ *
+ * The card chrome and row typography come from the kit-level `Details`
+ * primitive; this wrapper only contributes the modal's outer inline
+ * margins so the card sits flush with the Hero/Actions sections.
+ */
+declare function SuccessStateDetails({
+  children
+}: SuccessStateDetailsProps): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { SuccessStateDetails };

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

@@ -0,0 +1 @@
+"use client";import{Details as e}from"../../../../ui/Details/Details.js";import"../../../../ui/Details/index.js";import{SUCCESS_STATE_SLOTS as t}from"../SuccessState.slots.js";import{styles as n}from"../SuccessState.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 SuccessStateDetails};

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

@@ -0,0 +1,13 @@
+import { SuccessStateHeaderProps } from "../types.js";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/shared/widgets/success-state/compound/components/Header.d.ts
+/**
+ * Header part — title and a trailing `Dialog.CloseButton` (the X). The X only paints when the
+ * widget is mounted inside `Dialog.Content`; card-mode renders just the title.
+ */
+declare function SuccessStateHeader({
+  title
+}?: SuccessStateHeaderProps): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { SuccessStateHeader };

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

@@ -0,0 +1 @@
+"use client";import{useLingui as e}from"../../../../i18n/useLingui.js";import"../../../../../i18n/index.js";import{Dialog as t}from"../../../../ui/Dialog/Dialog.js";import"../../../../ui/Dialog/index.js";import{Card as n}from"../../../../ui/Card/Card.js";import{text as r}from"../../../../ui/Text/Text.js";import"../../../../../ui/index.js";import{useSuccessStateContext as i}from"../context.js";import{SUCCESS_STATE_SLOTS as a}from"../SuccessState.slots.js";import{styles as o}from"../SuccessState.styles.js";import{jsx as s,jsxs as c}from"react/jsx-runtime";import*as l from"@stylexjs/stylex";function u({title:u}={}){let d=i(`SuccessState.Header`),{_:f}=e(),p=u??d.headerTitle??f({id:`e3xU5E`,message:`Deposit received`});return c(n.Header,{"data-stridge-slot":a.header,...l.props(o.header),children:[s(r.span,{size:`base`,fontWeight:`semibold`,leading:`tight`,tracking:`tight`,style:{margin:0},children:p}),s(t.CloseButton,{})]})}export{u as SuccessStateHeader};

package/dist/shared/widgets/success-state/compound/components/Headline.d.ts

@@ -0,0 +1,16 @@
+import { SuccessStateHeadlineProps } from "../types.js";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/shared/widgets/success-state/compound/components/Headline.d.ts
+/**
+ * Headline part — success ring + title + sub-line. Textual variant
+ * of {@link SuccessStateHero}: leads with a brief outcome statement
+ * (`"Deposit successful"` / `"Your funds were successfully deposited."`)
+ * and lets the rows below carry the numeric payload.
+ */
+declare function SuccessStateHeadline({
+  title,
+  description
+}?: SuccessStateHeadlineProps): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { SuccessStateHeadline };

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

@@ -0,0 +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{useSuccessStateContext as n}from"../context.js";import{SUCCESS_STATE_SLOTS as r}from"../SuccessState.slots.js";import{styles as i}from"../SuccessState.styles.js";import{jsx as a,jsxs as o}from"react/jsx-runtime";import*as s from"@stylexjs/stylex";function c({title:c,description:u}={}){let d=n(`SuccessState.Headline`),{_:f}=e(),p=c??d.headlineTitle??f({id:`--OGth`,message:`Deposit successful`}),m=u??d.headlineDescription??f({id:`oW1G8i`,message:`Your funds were successfully deposited.`});return o(`div`,{"data-stridge-slot":r.headline,...s.props(i.headline),children:[a(l,{}),a(t.h2,{size:`xl`,fontWeight:`semibold`,leading:`tight`,tracking:`tight`,align:`center`,...s.props(i.headlineTitle),children:p}),m?a(t.p,{size:`sm`,leading:`normal`,align:`center`,color:`subdued`,...s.props(i.headlineDescription),children:m}):null]})}function l(){return o(`svg`,{"aria-hidden":!0,viewBox:`0 0 64 64`,xmlns:`http://www.w3.org/2000/svg`,fill:`none`,...s.props(i.heroRing),children:[a(`circle`,{cx:`32`,cy:`32`,r:`28`,strokeWidth:`2.5`,style:{stroke:`var(--stridge-kit-success-ring)`}}),a(`circle`,{cx:`32`,cy:`32`,r:`20`,style:{fill:`var(--stridge-kit-success)`}}),a(`path`,{d:`M23 32.5L29 38.5L41 26.5`,strokeWidth:`2.6`,strokeLinecap:`round`,strokeLinejoin:`round`,...s.props(i.heroRingCheck),style:{stroke:`var(--stridge-kit-success-foreground)`}})]})}export{c as SuccessStateHeadline};

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

@@ -0,0 +1,10 @@
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/shared/widgets/success-state/compound/components/Hero.d.ts
+/**
+ * Hero part — success ring + caption + amount row. Reads the pre-formatted hero amount string
+ * from compound context; never formats internally.
+ */
+declare function SuccessStateHero(): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { SuccessStateHero };

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

@@ -0,0 +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{useSuccessStateContext as r}from"../context.js";import{SUCCESS_STATE_SLOTS as i}from"../SuccessState.slots.js";import{styles as a}from"../SuccessState.styles.js";import{jsx as o,jsxs as s}from"react/jsx-runtime";import*as c from"@stylexjs/stylex";function l(){let l=r(`SuccessState.Hero`),{_:d}=e(),f=l.creditedTo??l.creditedAsset.symbol;return s(`div`,{"data-stridge-slot":i.hero,...c.props(a.hero),children:[o(u,{}),o(t.span,{size:`2xs`,fontWeight:`medium`,leading:`tight`,tracking:`widest`,transform:`uppercase`,align:`center`,color:`subdued`,children:d({id:`GcuGHR`,message:`Credited to {captionSuffix}`,values:{captionSuffix:f}})}),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)}),o(t.span,{size:`4xl`,fontWeight:`semibold`,leading:`none`,tracking:`tight`,children:l.amount}),o(t.span,{size:`xl`,fontWeight:`medium`,leading:`tight`,tracking:`tight`,children:l.creditedAsset.symbol})]})]})}function u(){return s(`svg`,{"aria-hidden":!0,viewBox:`0 0 64 64`,xmlns:`http://www.w3.org/2000/svg`,fill:`none`,...c.props(a.heroRing),children:[o(`circle`,{cx:`32`,cy:`32`,r:`28`,strokeWidth:`2.5`,style:{stroke:`var(--stridge-kit-success-ring)`}}),o(`circle`,{cx:`32`,cy:`32`,r:`20`,style:{fill:`var(--stridge-kit-success)`}}),o(`path`,{d:`M23 32.5L29 38.5L41 26.5`,strokeWidth:`2.6`,strokeLinecap:`round`,strokeLinejoin:`round`,...c.props(a.heroRingCheck),style:{stroke:`var(--stridge-kit-success-foreground)`}})]})}export{l as SuccessStateHero};

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

@@ -0,0 +1,19 @@
+import { SuccessStateMoreDetailsProps } from "../types.js";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/shared/widgets/success-state/compound/components/MoreDetails.d.ts
+/**
+ * Collapsible row that expands inline to surface additional context
+ * (deposit + completion tx hashes, order timestamps). The trigger
+ * renders as a `Details.Row`; children render as flat sibling rows
+ * underneath when expanded.
+ */
+declare function SuccessStateMoreDetails({
+  label,
+  defaultOpen,
+  open: openProp,
+  onOpenChange,
+  children
+}: SuccessStateMoreDetailsProps): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { SuccessStateMoreDetails };