@stridge/kit 0.1.0-alpha.5 → 0.1.0-alpha.50

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

@@ -7,13 +7,20 @@ type SelectableTileShape = "card" | "pill";
  * Selectable surface. Use `shape="card"` for full-width rows, `shape="pill"`
  * for equal-width chips.
  *
- * The interactive form renders Base UI's `Toggle` — a button that carries
- * `aria-pressed` semantics and integrates with `<SelectableTileGroup>`'s
- * roving-tabindex / arrow-key navigation. Pass a `value` to participate in
- * a group's shared selection state; the parent group derives `pressed` from
- * its `value` array (single-select with `multiple={false}`, multi-select
- * otherwise). Outside a group, drive the visual state via `selected` and
- * the click via `onClick`.
+ * The default interactive form renders Base UI's `Toggle` — a button that
+ * carries `aria-pressed` semantics and integrates with
+ * `<SelectableTileGroup>`'s roving-tabindex / arrow-key navigation. Pass a
+ * `value` to participate in a group's shared selection state; the parent
+ * group derives `pressed` from its `value` array (single-select with
+ * `multiple={false}`, multi-select otherwise). Outside a group, drive the
+ * visual state via `selected` and the click via `onClick`.
+ *
+ * Pass `interactive="navigation"` for rows that route to a new view rather
+ * than toggle a selection — e.g. activity-history rows. The navigation
+ * branch renders a plain `<button type="button">` with the same surface
+ * chrome and hover/focus treatment (different ARIA, same look), so
+ * navigation rows match toggle rows visually while staying semantically
+ * correct for screen readers.
  *
  * The inert form (no `onClick`) renders a `<div role="option">` with
  * `aria-selected` so showcase / static surfaces (asset-list previews,
@@ -54,8 +61,14 @@ declare namespace SelectableTile {
     shape?: SelectableTileShape;
     /**
      * Force interactive vs inert rendering. Defaults to `typeof onClick === "function" || typeof value === "string"`.
+     *
+     * Pass `"navigation"` for rows that route to a new view rather than toggle a
+     * selection — the kit renders a plain `<button type="button">` with the same surface
+     * chrome and hover/focus treatment, but without `aria-pressed` or
+     * `<SelectableTileGroup>` registration. `value` / `selected` are ignored at runtime in
+     * this branch.
      */
-    interactive?: boolean;
+    interactive?: boolean | "navigation";
     /**
      * Disables the underlying button when interactive; renders `aria-disabled` when inert.
      */

package/dist/shared/ui/SelectableTile/SelectableTile.js

@@ -1 +1 @@
-"use client";import{joinClassNames as e}from"../../utils/joinClassNames.js";import{SELECTABLE_TILE_SLOTS as t}from"./SelectableTile.slots.js";import{shapeStyles as n,styles as r}from"./SelectableTile.styles.js";import{jsx as i}from"react/jsx-runtime";import*as a from"@stylexjs/stylex";import{Toggle as o}from"@base-ui/react/toggle";function s({selected:s=!1,shape:c=`card`,interactive:l,disabled:u=!1,onClick:d,value:f,className:p,style:m,children:h,...g}){let _=l??(typeof d==`function`||typeof f==`string`),v=a.props(r.base,n[c],_?r.interactive:r.inert,s&&r.selected,u&&r.disabled),y={"data-stridge-slot":t.root,"data-shape":c,"data-selected":s||void 0,"data-interactive":_||void 0,className:e(v.className,p),style:{...v.style,...m}};return _?i(o,{...g,...y,value:f,pressed:s,disabled:u,onClick:d,children:h}):i(`div`,{role:`option`,tabIndex:-1,"aria-selected":s,"aria-disabled":u||void 0,...y,...g,children:h})}export{s as SelectableTile};
+"use client";import{joinClassNames as e}from"../../utils/joinClassNames.js";import{SELECTABLE_TILE_SLOTS as t}from"./SelectableTile.slots.js";import{shapeStyles as n,styles as r}from"./SelectableTile.styles.js";import{jsx as i}from"react/jsx-runtime";import*as a from"@stylexjs/stylex";import{Toggle as o}from"@base-ui/react/toggle";function s({selected:s=!1,shape:c=`card`,interactive:l,disabled:u=!1,onClick:d,value:f,className:p,style:m,children:h,...g}){let _=l??(typeof d==`function`||typeof f==`string`),{"data-stridge-slot":v,...y}=g,b=a.props(r.base,n[c],_===!1?r.inert:r.interactive,s&&r.selected,u&&r.disabled),x={"data-stridge-slot":v??t.root,"data-shape":c,"data-selected":s||void 0,"data-interactive":_===!1?void 0:_,className:e(b.className,p),style:{...b.style,...m}};return _===`navigation`?i(`button`,{type:`button`,...y,...x,disabled:u,onClick:d,children:h}):_?i(o,{...y,...x,value:f,pressed:s,disabled:u,onClick:d,children:h}):i(`div`,{role:`option`,tabIndex:-1,"aria-selected":s,"aria-disabled":u||void 0,...x,...y,children:h})}export{s as SelectableTile};

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

@@ -0,0 +1,52 @@
+import { ReactNode } from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/shared/ui/Steps/Steps.d.ts
+interface StepsProps {
+  /**
+   * The active step's name. Determines which `<Step name="..." />` child renders. Pass the
+   * current FSM state name — typically piped through the flow-level wrapper that calls
+   * `useDepositEffectiveState()` / `useWithdrawEffectiveState()` so the matched step stays
+   * mounted through the parent dialog's close animation.
+   */
+  activeStep: string;
+  /**
+   * When true, the matched step renders without the kit's animated `StepTransition` wrapper.
+   * Use for static slot routing — for example when the consumer mounts their own animation
+   * primitive around `Steps`, or wants no transition at all.
+   */
+  plain?: boolean;
+  children: ReactNode;
+}
+interface StepProps {
+  /** Matches against the `activeStep` of the enclosing `Steps`. */
+  name: string;
+  children: ReactNode;
+}
+/**
+ * Declarative slot consumed by {@link Steps}. The component itself renders nothing — its
+ * `children` are lifted by the enclosing `Steps` when `name` matches the active step.
+ * Outside a `Steps` container the component is a no-op.
+ */
+declare function Step(_props: StepProps): null;
+declare namespace Step {
+  var displayName: string;
+}
+/**
+ * Slot-routing primitive for FSM-driven multi-screen composition. Renders only the `Step`
+ * child whose `name` matches `activeStep`; everything else is dropped from the tree.
+ *
+ * By default the matched child is wrapped in the kit's `StepTransition` (slide + blur on
+ * step change, animated height between commits). Pass `plain` to route without animation
+ * when the consumer wraps `Steps` in their own transition primitive.
+ *
+ * Unknown `activeStep` values render nothing (no fallback child). When two `Step` children
+ * declare the same `name`, the first one in source order wins.
+ */
+declare function Steps({
+  activeStep,
+  plain,
+  children
+}: StepsProps): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { Step, Steps };

package/dist/shared/ui/Steps/Steps.js

@@ -0,0 +1 @@
+"use client";import{StepTransition as e}from"../../dialog/StepTransition.js";import{STEPS_SLOTS as t}from"./Steps.slots.js";import{styles as n}from"./Steps.styles.js";import{Children as r,isValidElement as i,useMemo as a}from"react";import{jsx as o}from"react/jsx-runtime";import*as s from"@stylexjs/stylex";function c(e){return null}c.displayName=`Steps.Step`;function l({activeStep:r,plain:i=!1,children:c}){let l=a(()=>u(c,r),[c,r]),d=o(`div`,{"data-stridge-slot":t.root,...s.props(n.root),children:l});return i?d:o(e,{stateKey:r,children:d})}function u(e,t){let n=null;return r.forEach(e,e=>{if(n!==null||!i(e)||e.type!==c)return;let r=e.props;r.name===t&&(n=r.children)}),n}export{c as Step,l as Steps};

package/dist/shared/ui/Steps/Steps.slots.d.ts

@@ -0,0 +1,7 @@
+//#region src/shared/ui/Steps/Steps.slots.d.ts
+declare const STEPS_SLOTS: {
+  readonly root: "steps-root";
+};
+type StepsSlot = (typeof STEPS_SLOTS)[keyof typeof STEPS_SLOTS];
+//#endregion
+export { STEPS_SLOTS, StepsSlot };

package/dist/shared/ui/Steps/Steps.slots.js

@@ -0,0 +1 @@
+const e={root:`steps-root`};export{e as STEPS_SLOTS};

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

@@ -0,0 +1 @@
+const e={root:{"Steps__styles.root":`Steps__styles.root`,"display-k1xSpc":`xjp7ctv`,$$css:`@stridge/kit:src/shared/ui/Steps/Steps.styles.ts:7`}};export{e as styles};

package/dist/shared/ui/Steps/index.d.ts

@@ -0,0 +1,2 @@
+import { Step, Steps } from "./Steps.js";
+import { STEPS_SLOTS, StepsSlot } from "./Steps.slots.js";

package/dist/shared/ui/Steps/index.js

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

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

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

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

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

package/dist/shared/utils/logos/types.d.ts

@@ -9,7 +9,7 @@
  *   Trustwallet CDN and the gradient+letter fallback. Use when a definitive logo URL is
  *   available and no CDN probing is desired.
  * - `logoUrl` — appended after the CDN candidates. Used when the convention URLs 404. Typical
- *   source: a backend's per-token `logo` field (e.g. Stridge's `Uda.supportedAssets()` payload).
+ *   source: a backend's per-token `logo` field (e.g. Stridge's `Gateway.assets()` payload).
  */
 interface TokenLogoInput {
   /**

package/dist/shared/utils/useDeepMemo.js

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

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

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

package/dist/shared/wallet/ConnectWalletContext.js

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

package/dist/shared/widgets/activity-history/ActivityTrigger.js

@@ -0,0 +1 @@
+"use client";import{useLingui as e}from"../../i18n/useLingui.js";import"../../../i18n/index.js";import{HistoryIcon as t}from"../../icons/HistoryIcon.js";import"../../../icons/index.js";import{IconButton as n}from"../../ui/IconButton/IconButton.js";import"../../../ui/index.js";import{styles as r}from"./ActivityTrigger.styles.js";import{jsx as i}from"react/jsx-runtime";import*as a from"@stylexjs/stylex";function o({onOpen:o}){let{_:s}=e();return i(n,{"aria-label":s({id:`Vj6_6B`,message:`View activity history`}),onClick:o,children:i(t,{"aria-hidden":!0,...a.props(r.icon)})})}export{o as ActivityTrigger};

package/dist/shared/widgets/activity-history/ActivityTrigger.styles.js

@@ -0,0 +1 @@
+const e={icon:{"ActivityTrigger__styles.icon":`ActivityTrigger__styles.icon`,"width-kzqmXN":`x1xp8n7a`,"height-kZKoxP":`xmix8c7`,"flexShrink-kmuXW":`x2lah0s`,"color-kMwMTN":`x15rks2t`,"strokeWidth-kfJifR":`xhxwl1`,$$css:`@stridge/kit:src/shared/widgets/activity-history/ActivityTrigger.styles.ts:3`}};export{e as styles};

package/dist/shared/widgets/activity-history/adapters/settlementToWidgetProps.js

@@ -0,0 +1 @@
+import{settlementToPayload as e}from"../../../../flows/deposit/driver/transformers/settlementToPayload.js";import{resolveDirection as t}from"../transformers/resolveDirection.js";function n(n,r,i){let a=i.sourceWallet.address.toLowerCase();for(let o of n)for(let n of o.settlements)if(n.id===r)return{payload:e(n,o,i),uda:o,direction:t(o,a)};return null}export{n as settlementToWidgetProps};

package/dist/shared/widgets/activity-history/compound/ActivityHistory.d.ts

@@ -0,0 +1,95 @@
+import { ActivityHistoryEmpty } from "./components/Empty.js";
+import { ActivityHistoryErrorView } from "./components/ErrorView.js";
+import { ActivityHistoryHeader, ActivityHistoryListHeader } from "./components/HistoryHeader.js";
+import { ActivityHistoryList } from "./components/List.js";
+import { ActivityHistoryRow } from "./components/Row.js";
+import { ComponentProps, ReactNode } from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/shared/widgets/activity-history/compound/ActivityHistory.d.ts
+interface ActivityHistoryOwnProps {
+  /**
+   * Optional custom composition. Defaults to `<Header /> + <List />`. Pass children to
+   * interleave host-supplied elements between compound parts.
+   */
+  children?: ReactNode;
+}
+/**
+ * Root of the `<ActivityHistory>` list compound. Flow-agnostic — every flow-specific concern
+ * (snapshot read, action dispatch, owner address derivation) is encapsulated in the
+ * `<ActivityHistorySourceProvider>` value the dialog mounts above. The same JSX renders from
+ * both `<DepositDialog>` and `<WithdrawDialog>` without imports across the flow boundary.
+ *
+ * Mounted by the dialog's `historyList` step. The peer compound {@link ActivityHistoryDetail}
+ * handles the per-settlement detail step; the kit's `Steps` primitive routes between them via
+ * the FSM state name, so the slide+blur step transition is supplied automatically.
+ *
+ * Compound parts:
+ * - {@link ActivityHistory.Header} — back chevron + title + close X.
+ * - {@link ActivityHistory.ListHeader} — underlying header primitive that accepts explicit
+ *   `title` + `onBack` props. Public because the detail compound's per-kind parts mount it
+ *   inside their delegated success / error / processing composition.
+ * - {@link ActivityHistory.List} — list body (skeleton / empty / error / rows). Pure reader
+ *   of the `history` entity; recurring updates land via the controller-mounted `watchHistory`
+ *   watcher with adaptive cadence.
+ * - {@link ActivityHistory.Row} — single row primitive (button-semantic).
+ * - {@link ActivityHistory.Empty} — empty-state body.
+ * - {@link ActivityHistory.ErrorView} — initial-error body with retry.
+ *
+ * @example
+ * ```tsx
+ * <ActivityHistorySourceProvider value={sourceValue}>
+ *   <ActivityHistory />
+ * </ActivityHistorySourceProvider>
+ * ```
+ *
+ * @example Custom composition — interleave between parts
+ * ```tsx
+ * <ActivityHistorySourceProvider value={sourceValue}>
+ *   <ActivityHistory>
+ *     <ActivityHistory.Header />
+ *     <ActivityHistory.List />
+ *   </ActivityHistory>
+ * </ActivityHistorySourceProvider>
+ * ```
+ */
+declare function ActivityHistory({
+  children,
+  ...props
+}: ComponentProps<"div"> & ActivityHistoryOwnProps): _$react_jsx_runtime0.JSX.Element;
+declare namespace ActivityHistory {
+  type Props = ComponentProps<"div"> & ActivityHistoryOwnProps;
+  /**
+   * Card header — back chevron + title + close X. Mounted by the default composition above
+   * the list body. The peer detail compound supplies its own header inside the
+   * SuccessState / ErrorState / ProcessingState composition.
+   */
+  const Header: typeof ActivityHistoryHeader;
+  /**
+   * Underlying list-view header primitive — accepts explicit `title` and `onBack` props
+   * and renders unconditionally. The detail compound's per-kind parts mount this inside
+   * their delegated state composition to keep the back chevron + title affordance
+   * consistent across the surface.
+   */
+  const ListHeader: typeof ActivityHistoryListHeader;
+  /**
+   * List body — skeleton / empty / error / rows. Pure reader; the controller-mounted
+   * `watchHistory` watcher drives recurring updates.
+   */
+  const List: typeof ActivityHistoryList;
+  /**
+   * Single row primitive. Hosts that want a fully-headless surface can mount Row directly
+   * with their own payload assembly.
+   */
+  const Row: typeof ActivityHistoryRow;
+  /**
+   * Empty-state body — centered icon + headline + subline.
+   */
+  const Empty: typeof ActivityHistoryEmpty;
+  /**
+   * Initial-error body — `Alert` + retry button.
+   */
+  const ErrorView: typeof ActivityHistoryErrorView;
+}
+//#endregion
+export { ActivityHistory };

package/dist/shared/widgets/activity-history/compound/ActivityHistory.js

@@ -0,0 +1 @@
+"use client";import{Frame as e}from"../../../dialog/Frame.js";import{ACTIVITY_HISTORY_SLOTS as t}from"./ActivityHistory.slots.js";import{styles as n}from"./ActivityHistory.styles.js";import{ActivityHistoryEmpty as r}from"./components/Empty.js";import{ActivityHistoryErrorView as i}from"./components/ErrorView.js";import{ActivityHistoryHeader as a,ActivityHistoryListHeader as o}from"./components/HistoryHeader.js";import{ActivityHistoryRow as s}from"./components/Row.js";import{ActivityHistoryList as c}from"./components/List.js";import{Fragment as l,jsx as u,jsxs as d}from"react/jsx-runtime";import*as f from"@stylexjs/stylex";const p=d(l,{children:[u(a,{}),u(c,{})]});function m({children:r,...i}){return u(e,{"data-stridge-slot":t.root,...f.props(n.root),...i,children:r??p})}(function(e){e.Header=a,e.ListHeader=o,e.List=c,e.Row=s,e.Empty=r,e.ErrorView=i})(m||={});export{m as ActivityHistory};

package/dist/shared/widgets/activity-history/compound/ActivityHistory.slots.d.ts

@@ -0,0 +1,22 @@
+//#region src/shared/widgets/activity-history/compound/ActivityHistory.slots.d.ts
+/**
+ * Slot vocabulary for `<ActivityHistory>`. Each meaningful element carries
+ * `data-stridge-slot={ACTIVITY_HISTORY_SLOTS.<part>}` so hosts can target a sub-part with
+ * `[data-stridge-slot="activity-history-row"]` without forking the kit. Slots are public API —
+ * renames are breaking changes.
+ */
+declare const ACTIVITY_HISTORY_SLOTS: {
+  readonly root: "activity-history";
+  readonly header: "activity-history-header";
+  readonly body: "activity-history-body";
+  readonly list: "activity-history-list";
+  readonly empty: "activity-history-empty";
+  readonly emptyIcon: "activity-history-empty-icon";
+  readonly error: "activity-history-error";
+  readonly retry: "activity-history-retry";
+  readonly skeleton: "activity-history-skeleton";
+  readonly skeletonRow: "activity-history-skeleton-row";
+};
+type ActivityHistorySlot = (typeof ACTIVITY_HISTORY_SLOTS)[keyof typeof ACTIVITY_HISTORY_SLOTS];
+//#endregion
+export { ACTIVITY_HISTORY_SLOTS, ActivityHistorySlot };

package/dist/shared/widgets/activity-history/compound/ActivityHistory.slots.js

@@ -0,0 +1 @@
+const e={root:`activity-history`,header:`activity-history-header`,body:`activity-history-body`,list:`activity-history-list`,empty:`activity-history-empty`,emptyIcon:`activity-history-empty-icon`,error:`activity-history-error`,retry:`activity-history-retry`,skeleton:`activity-history-skeleton`,skeletonRow:`activity-history-skeleton-row`};export{e as ACTIVITY_HISTORY_SLOTS};

package/dist/shared/widgets/activity-history/compound/ActivityHistory.styles.js

@@ -0,0 +1 @@
+const e={root:{"ActivityHistory__styles.root":`ActivityHistory__styles.root`,"position-kVAEAm":`x1n2onr6`,"width-kzqmXN":`xh8yej3`,"maxWidth-ks0D6T":`x17fpy1y`,$$css:`@stridge/kit:src/shared/widgets/activity-history/compound/ActivityHistory.styles.ts:21`},header:{"ActivityHistory__styles.header":`ActivityHistory__styles.header`,"justifyContent-kjj79g":`x1qughib`,$$css:`@stridge/kit:src/shared/widgets/activity-history/compound/ActivityHistory.styles.ts:28`},headerLeft:{"ActivityHistory__styles.headerLeft":`ActivityHistory__styles.headerLeft`,"display-k1xSpc":`x78zum5`,"alignItems-kGNEyG":`x6s0dn4`,"gap-kOIVth":`x1a6yh9e`,"minWidth-k7Eaqz":`xeuugli`,$$css:`@stridge/kit:src/shared/widgets/activity-history/compound/ActivityHistory.styles.ts:31`},headerRight:{"ActivityHistory__styles.headerRight":`ActivityHistory__styles.headerRight`,"display-k1xSpc":`x78zum5`,"alignItems-kGNEyG":`x6s0dn4`,"gap-kOIVth":`x1a6yh9e`,$$css:`@stridge/kit:src/shared/widgets/activity-history/compound/ActivityHistory.styles.ts:37`},backIcon:{"ActivityHistory__styles.backIcon":`ActivityHistory__styles.backIcon`,"width-kzqmXN":`x1xp8n7a`,"height-kZKoxP":`xmix8c7`,"flexShrink-kmuXW":`x2lah0s`,"color-kMwMTN":`xdksllq`,"strokeWidth-kfJifR":`x1k315e8`,$$css:`@stridge/kit:src/shared/widgets/activity-history/compound/ActivityHistory.styles.ts:42`},body:{"ActivityHistory__styles.body":`ActivityHistory__styles.body`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`xdt5ytf`,"gap-kOIVth":`x1a6yh9e`,"paddingTop-kLKAdn":`x4xct4k`,"paddingBottom-kGO01o":`xpnfv0q`,"paddingInlineStart-kZCmMZ":`xmg6hw8`,"paddingInlineEnd-kwRFfy":`x1hvdk87`,$$css:`@stridge/kit:src/shared/widgets/activity-history/compound/ActivityHistory.styles.ts:51`},skeletonRow:{"ActivityHistory__styles.skeletonRow":`ActivityHistory__styles.skeletonRow`,"display-k1xSpc":`x78zum5`,"alignItems-kGNEyG":`x6s0dn4`,"gap-kOIVth":`x2blr79`,"paddingBlock-k8WAf4":`x1yowcxs`,"paddingInline-kg3NbH":`xqsvw4s`,"backgroundColor-kWkggS":`xjbqb8w`,$$css:`@stridge/kit:src/shared/widgets/activity-history/compound/ActivityHistory.styles.ts:62`},skeletonText:{"ActivityHistory__styles.skeletonText":`ActivityHistory__styles.skeletonText`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`xdt5ytf`,"flexBasis-kCS8Yb":`x1r8uery`,"flexGrow-kzQI83":`x1iyjqo2`,"flexShrink-kmuXW":`xs83m0k`,"gap-kOIVth":`x1r05nms`,"minWidth-k7Eaqz":`xeuugli`,$$css:`@stridge/kit:src/shared/widgets/activity-history/compound/ActivityHistory.styles.ts:70`},empty:{"ActivityHistory__styles.empty":`ActivityHistory__styles.empty`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`xdt5ytf`,"alignItems-kGNEyG":`x6s0dn4`,"justifyContent-kjj79g":`xl56j7k`,"gap-kOIVth":`x1a6yh9e`,"paddingTop-kLKAdn":`x1saie51`,"paddingBottom-kGO01o":`x1ej8hiu`,"paddingInlineStart-kZCmMZ":`xmg6hw8`,"paddingInlineEnd-kwRFfy":`x1hvdk87`,"textAlign-k9WMMc":`x2b8uid`,$$css:`@stridge/kit:src/shared/widgets/activity-history/compound/ActivityHistory.styles.ts:81`},emptyIcon:{"ActivityHistory__styles.emptyIcon":`ActivityHistory__styles.emptyIcon`,"width-kzqmXN":`x1td3qas`,"height-kZKoxP":`x10w6t97`,"color-kMwMTN":`x137ha3m`,"strokeWidth-kfJifR":`x1k315e8`,$$css:`@stridge/kit:src/shared/widgets/activity-history/compound/ActivityHistory.styles.ts:93`},error:{"ActivityHistory__styles.error":`ActivityHistory__styles.error`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`xdt5ytf`,"gap-kOIVth":`x2blr79`,"paddingTop-kLKAdn":`x2tg1xt`,"paddingBottom-kGO01o":`x1ww8orz`,$$css:`@stridge/kit:src/shared/widgets/activity-history/compound/ActivityHistory.styles.ts:101`},retryRow:{"ActivityHistory__styles.retryRow":`ActivityHistory__styles.retryRow`,"display-k1xSpc":`x78zum5`,"justifyContent-kjj79g":`xl56j7k`,$$css:`@stridge/kit:src/shared/widgets/activity-history/compound/ActivityHistory.styles.ts:108`},bodyEnter:{"ActivityHistory__styles.bodyEnter":`ActivityHistory__styles.bodyEnter`,"animationName-kKVMdj":`xqcmdr3`,"animationDuration-k44tkh":`x19y0sg2`,"animationTimingFunction-kyAemX":`xrkt6z0`,"animationFillMode-kWV6AL":`x1u6ievf`,$$css:`@stridge/kit:src/shared/widgets/activity-history/compound/ActivityHistory.styles.ts:113`}};export{e as styles};

package/dist/shared/widgets/activity-history/compound/ActivityHistoryDetail.d.ts

@@ -0,0 +1,75 @@
+import { ReactNode } from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/shared/widgets/activity-history/compound/ActivityHistoryDetail.d.ts
+interface ActivityHistoryDetailOwnProps {
+  /**
+   * Optional custom composition. Defaults to mounting all three per-kind parts — each gates
+   * internally on the resolved payload's `kind`, so only the matching one renders.
+   */
+  children?: ReactNode;
+}
+/**
+ * Per-settlement detail compound — peer of {@link ActivityHistory}. Mounted by the dialog's
+ * `historyDetail` step. Resolves the selected settlement against
+ * `source.entity.raw[].settlements[]`, exposes the discriminated payload via the inner
+ * context, and lets per-kind parts (`Processing` / `Succeeded` / `Failed`) render the matching
+ * existing state compound with derived props.
+ *
+ * Returns `null` when the entity hasn't materialised raw data yet or when the settlement id
+ * misses (e.g. it aged out between row render and row tap). The lookup-miss arm silently
+ * dispatches `back()` so the next paint shows the list.
+ */
+declare function ActivityHistoryDetail({
+  children
+}: ActivityHistoryDetailOwnProps): _$react_jsx_runtime0.JSX.Element | null;
+/**
+ * Pending-payload branch. Mounts the kit's `<ProcessingStateCompound>` with the resolved
+ * settlement details and an `<ActivityHistoryListHeader>` in the header slot so the back
+ * chevron + title affordance matches the list view.
+ */
+declare function ActivityHistoryDetailProcessing({
+  children
+}: {
+  children?: ReactNode;
+}): _$react_jsx_runtime0.JSX.Element | null;
+/**
+ * Succeeded-payload branch. Mounts `<SuccessStateCompound>` with per-direction headline copy
+ * so a withdraw row drilling into detail keeps `Withdrawal successful` (matching the row
+ * title vocabulary) instead of falling through to the deposit-only default.
+ */
+declare function ActivityHistoryDetailSucceeded({
+  children
+}: {
+  children?: ReactNode;
+}): _$react_jsx_runtime0.JSX.Element | null;
+/**
+ * Failed-payload branch. Mounts `<ErrorStateCompound>` with per-direction failure headline so
+ * a withdraw row keeps `Withdrawal failed` (the deposit branch is a no-op explicit set —
+ * matches the existing default; symmetric explicit form keeps both branches aligned).
+ */
+declare function ActivityHistoryDetailFailed({
+  children
+}: {
+  children?: ReactNode;
+}): _$react_jsx_runtime0.JSX.Element | null;
+declare namespace ActivityHistoryDetail {
+  type Props = ActivityHistoryDetailOwnProps;
+  /**
+   * Pending-payload branch. Mounts `<ProcessingStateCompound>` with the resolved settlement
+   * details. Returns `null` when the resolved payload's kind isn't `"pending"`.
+   */
+  const Processing: typeof ActivityHistoryDetailProcessing;
+  /**
+   * Succeeded-payload branch. Mounts `<SuccessStateCompound>` with per-direction headline
+   * copy. Returns `null` when the resolved payload's kind isn't `"succeeded"`.
+   */
+  const Succeeded: typeof ActivityHistoryDetailSucceeded;
+  /**
+   * Failed-payload branch. Mounts `<ErrorStateCompound>` with per-direction failure headline.
+   * Returns `null` when the resolved payload's kind isn't `"failed"`.
+   */
+  const Failed: typeof ActivityHistoryDetailFailed;
+}
+//#endregion
+export { ActivityHistoryDetail };

package/dist/shared/widgets/activity-history/compound/ActivityHistoryDetail.js

@@ -0,0 +1 @@
+"use client";import{useLingui as e}from"../../../i18n/useLingui.js";import"../../../../i18n/index.js";import{useFailureReasonForKind as t}from"../../../orchestrator/failureReason.js";import"../../../orchestrator/index.js";import{ErrorState as n}from"../../error-state/compound/ErrorState.js";import"../../error-state/compound/index.js";import{ProcessingState as r}from"../../processing-state/compound/ProcessingState.js";import"../../processing-state/compound/index.js";import{SuccessState as i}from"../../success-state/compound/SuccessState.js";import"../../success-state/compound/index.js";import{useActivityHistorySource as a}from"./context.js";import{ActivityHistoryListHeader as o}from"./components/HistoryHeader.js";import{toAssetDescriptor as s}from"../../asset-descriptor.js";import{settlementToWidgetProps as c}from"../adapters/settlementToWidgetProps.js";import{createContext as l,use as u,useEffect as d}from"react";import{Fragment as f,jsx as p,jsxs as m}from"react/jsx-runtime";const h=l(null);h.displayName=`ActivityHistoryDetailContext`;const g=m(f,{children:[p(v,{}),p(y,{}),p(b,{})]});function _({children:t}){let n=a(`ActivityHistoryDetail`),{_:r}=e(),i=n.entity,o=i.status===`ready`||i.status===`stale`,s=o?i.raw:void 0,l=n.settlementId,u=s&&l?c(s,l,n.settlementContext):null,f=o&&l!==void 0&&!u,m=n.back;return d(()=>{f&&m()},[f,m]),u?p(h,{value:{payload:u.payload,direction:u.direction,headerTitle:r({id:`XdtTGf`,message:`Activity details`}),onBack:m},children:t??g}):null}function v({children:e}){let t=u(h);if(!t||t.payload.kind!==`pending`)return null;let{payload:n,headerTitle:i,onBack:a}=t,c=s(n.creditedAsset)??{symbol:n.creditedAsset.symbol},l={...n.sourceWallet.name===void 0?{}:{name:n.sourceWallet.name},address:n.sourceWallet.address.formatted,...n.sourceWallet.explorerUrl?{explorerUrl:n.sourceWallet.explorerUrl}:{}};return m(r,{amount:n.receiveAmount.formatted,creditedAsset:c,creditedTo:n.creditedTo,headerTitle:i,...n.txHash?{sourceTx:{hash:n.txHash.formatted,...n.txExplorerUrl?{explorerUrl:n.txExplorerUrl}:{}}}:{},...l.address?{sourceWallet:l}:{},submittedAt:n.submittedAt.formatted,...n.detectedAt?{detectedAt:n.detectedAt.formatted}:{},children:[p(o,{title:i,onBack:a}),e??m(r.Body,{children:[p(r.Hero,{}),p(r.StatusPill,{}),m(r.Details,{children:[p(r.SourceRow,{}),p(r.SourceTxRow,{}),p(r.SubmittedAtRow,{}),p(r.DetectedAtRow,{})]})]})]})}function y({children:t}){let{_:n}=e(),r=u(h);if(!r||r.payload.kind!==`succeeded`)return null;let{payload:a,direction:c,headerTitle:l,onBack:d}=r,f=s(a.creditedAsset)??{symbol:a.creditedAsset.symbol},g={...a.sourceWallet.name===void 0?{}:{name:a.sourceWallet.name},address:a.sourceWallet.address.formatted,...a.sourceWallet.explorerUrl?{explorerUrl:a.sourceWallet.explorerUrl}:{}},_=a.destination.name??a.creditedAsset.symbol,v=a.aggregatorExplorerUrl?{url:a.aggregatorExplorerUrl}:void 0,y=a.depositTx||a.completionTx||a.submittedAt||a.filledAt,b=n(c===`withdraw`?{id:`_girqu`,message:`Withdrawal successful`}:{id:`--OGth`,message:`Deposit successful`}),x=n(c===`withdraw`?{id:`_QZdX-`,message:`Your withdrawal was completed successfully.`}:{id:`oW1G8i`,message:`Your funds were successfully deposited.`});return m(i,{amount:a.receiveAmount.formatted,creditedAsset:f,creditedTo:_,headerTitle:l,headlineTitle:b,headlineDescription:x,...v?{explorer:v}:{},...a.depositTx?{depositTx:{hash:a.depositTx.hash.formatted,...a.depositTx.explorerUrl?{explorerUrl:a.depositTx.explorerUrl}:{}}}:{},...a.completionTx?{completionTx:{hash:a.completionTx.hash.formatted,...a.completionTx.explorerUrl?{explorerUrl:a.completionTx.explorerUrl}:{}}}:{},submittedAt:a.submittedAt.formatted,filledAt:a.filledAt.formatted,totalTime:a.totalTime.formatted,sourceWallet:g,children:[p(o,{title:l,onBack:d}),t??m(i.Body,{children:[p(i.Headline,{}),m(i.Details,{children:[p(i.FillStatusRow,{}),p(i.TotalTimeRow,{}),p(i.SourceRow,{}),p(i.DestinationRow,{}),p(i.YouReceiveRow,{}),y?m(i.MoreDetails,{children:[p(i.DepositTxRow,{}),p(i.CompletionTxRow,{}),p(i.SubmittedAtRow,{}),p(i.FilledAtRow,{})]}):null]})]})]})}function b({children:r}){let{_:i}=e(),a=t(),c=u(h);if(!c||c.payload.kind!==`failed`)return null;let{payload:l,direction:d,headerTitle:f,onBack:g}=c,_={...l.sourceWallet.name===void 0?{}:{name:l.sourceWallet.name},address:l.sourceWallet.address.formatted,...l.sourceWallet.explorerUrl?{explorerUrl:l.sourceWallet.explorerUrl}:{}},v={...l.destination.name===void 0?{}:{name:l.destination.name},address:l.destination.address.formatted},y=s(l.creditedAsset)??{symbol:l.creditedAsset.symbol},b={hash:l.txHash.formatted,...l.txExplorerUrl?{explorerUrl:l.txExplorerUrl}:{}},x=a(l.failureKind);return m(n,{headline:i(d===`withdraw`?{id:`KTNWsg`,message:`Withdrawal failed`}:{id:`i-4Fbp`,message:`Deposit failed`}),reason:x,headerTitle:f,sourceWallet:_,destination:v,receiveAmount:l.receiveAmount.formatted,receiveAsset:y,depositTx:b,submittedAt:l.submittedAt.formatted,failedAt:l.failedAt.formatted,children:[p(o,{title:f,onBack:g}),r??m(n.Body,{children:[p(n.Hero,{}),m(n.Details,{children:[p(n.FillStatusRow,{}),p(n.SourceRow,{}),p(n.DestinationRow,{}),p(n.YouReceiveRow,{}),m(n.MoreDetails,{children:[p(n.DepositTxRow,{}),p(n.SubmittedAtRow,{}),p(n.FailedAtRow,{})]})]}),p(n.HelpInfo,{})]})]})}(function(e){e.Processing=v,e.Succeeded=y,e.Failed=b})(_||={});export{_ as ActivityHistoryDetail};

package/dist/shared/widgets/activity-history/compound/Row.slots.d.ts

@@ -0,0 +1,21 @@
+//#region src/shared/widgets/activity-history/compound/Row.slots.d.ts
+/**
+ * Slot vocabulary for `<ActivityHistory.Row>`. Same `data-stridge-slot` convention as the parent
+ * compound — see {@link import("./ActivityHistory.slots").ACTIVITY_HISTORY_SLOTS}. Kept in its
+ * own file so the Row primitive stays a self-contained unit (matches the
+ * `<PrimitiveName>.slots.ts` convention used across `packages/kit/src/shared/ui/`).
+ */
+declare const ACTIVITY_HISTORY_ROW_SLOTS: {
+  readonly root: "activity-history-row";
+  readonly leading: "activity-history-row-leading";
+  readonly statusPip: "activity-history-row-status-pip";
+  readonly text: "activity-history-row-text";
+  readonly title: "activity-history-row-title";
+  readonly date: "activity-history-row-date";
+  readonly trailing: "activity-history-row-trailing";
+  readonly amount: "activity-history-row-amount";
+  readonly chevron: "activity-history-row-chevron";
+};
+type ActivityHistoryRowSlot = (typeof ACTIVITY_HISTORY_ROW_SLOTS)[keyof typeof ACTIVITY_HISTORY_ROW_SLOTS];
+//#endregion
+export { ACTIVITY_HISTORY_ROW_SLOTS, ActivityHistoryRowSlot };

package/dist/shared/widgets/activity-history/compound/Row.slots.js

@@ -0,0 +1 @@
+const e={root:`activity-history-row`,leading:`activity-history-row-leading`,statusPip:`activity-history-row-status-pip`,text:`activity-history-row-text`,title:`activity-history-row-title`,date:`activity-history-row-date`,trailing:`activity-history-row-trailing`,amount:`activity-history-row-amount`,chevron:`activity-history-row-chevron`};export{e as ACTIVITY_HISTORY_ROW_SLOTS};

package/dist/shared/widgets/activity-history/compound/Row.styles.js

@@ -0,0 +1 @@
+const e={rowLayout:{"Row__styles.rowLayout":`Row__styles.rowLayout`,"gap-kOIVth":`x2blr79`,"paddingBlock-k8WAf4":`x1yowcxs`,"paddingInlineStart-kZCmMZ":`xiplbrm`,"paddingInlineEnd-kwRFfy":`xvkiva6`,$$css:`@stridge/kit:src/shared/widgets/activity-history/compound/Row.styles.ts:35`},leading:{"Row__styles.leading":`Row__styles.leading`,"position-kVAEAm":`x1n2onr6`,"flexShrink-kmuXW":`x2lah0s`,"width-kzqmXN":`x187nhsf`,"height-kZKoxP":`xn3w4p2`,"overflow-kVQacm":`x1rea2x4`,$$css:`@stridge/kit:src/shared/widgets/activity-history/compound/Row.styles.ts:44`},statusPip:{"Row__styles.statusPip":`Row__styles.statusPip`,"position-kVAEAm":`x10l6tqk`,"zIndex-kY2c9j":`x1vjfegm`,"bottom-krVfgx":`x1t1qrwb`,"insetInlineEnd-kt4wiu":`x1d0qlrl`,"width-kzqmXN":`x1xp8n7a`,"height-kZKoxP":`xmix8c7`,"display-k1xSpc":`x78zum5`,"alignItems-kGNEyG":`x6s0dn4`,"justifyContent-kjj79g":`xl56j7k`,"borderRadius-kaIpWk":`x1e6avla`,"borderWidth-kMzoRj":`xdh2fpr`,"borderStyle-ksu8eU":`x1y0btm7`,"borderColor-kVAM5u":`xv87bwv`,"pointerEvents-kfzvcC":`x47corl`,$$css:`@stridge/kit:src/shared/widgets/activity-history/compound/Row.styles.ts:59`},statusPipCompleted:{"Row__styles.statusPipCompleted":`Row__styles.statusPipCompleted`,"backgroundColor-kWkggS":`xelfwhf`,"color-kMwMTN":`x1e8cn3g`,$$css:`@stridge/kit:src/shared/widgets/activity-history/compound/Row.styles.ts:88`},statusPipFailed:{"Row__styles.statusPipFailed":`Row__styles.statusPipFailed`,"backgroundColor-kWkggS":`x1qvyn6m`,"color-kMwMTN":`x18o46el`,$$css:`@stridge/kit:src/shared/widgets/activity-history/compound/Row.styles.ts:92`},statusPipPending:{"Row__styles.statusPipPending":`Row__styles.statusPipPending`,"backgroundColor-kWkggS":`x1qkydf4`,"color-kMwMTN":`xi96bwj`,$$css:`@stridge/kit:src/shared/widgets/activity-history/compound/Row.styles.ts:96`},statusPipIcon:{"Row__styles.statusPipIcon":`Row__styles.statusPipIcon`,"width-kzqmXN":`x1fsd2vl`,"height-kZKoxP":`x170jfvy`,"strokeWidth-kfJifR":`x1ip4yf`,$$css:`@stridge/kit:src/shared/widgets/activity-history/compound/Row.styles.ts:100`},statusPipSpinner:{"Row__styles.statusPipSpinner":`Row__styles.statusPipSpinner`,"width-kzqmXN":`x1fsd2vl`,"height-kZKoxP":`x170jfvy`,"animationName-kKVMdj":`x1aerksh`,"animationDuration-k44tkh":`x1q3qbx4`,"animationTimingFunction-kyAemX":`x1esw782`,"animationIterationCount-ko0y90":`xa4qsjk`,$$css:`@stridge/kit:src/shared/widgets/activity-history/compound/Row.styles.ts:105`},text:{"Row__styles.text":`Row__styles.text`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`xdt5ytf`,"flexBasis-kCS8Yb":`x1r8uery`,"flexGrow-kzQI83":`x1iyjqo2`,"flexShrink-kmuXW":`xs83m0k`,"gap-kOIVth":`x1r05nms`,"minWidth-k7Eaqz":`xeuugli`,$$css:`@stridge/kit:src/shared/widgets/activity-history/compound/Row.styles.ts:123`},title:{"Row__styles.title":`Row__styles.title`,"overflow-kVQacm":`xb3r6kr`,"textOverflow-kg5iWk":`xlyipyv`,"whiteSpace-khDVqt":`xuxw1ft`,$$css:`@stridge/kit:src/shared/widgets/activity-history/compound/Row.styles.ts:132`},date:{"Row__styles.date":`Row__styles.date`,"overflow-kVQacm":`xb3r6kr`,"textOverflow-kg5iWk":`xlyipyv`,"whiteSpace-khDVqt":`xuxw1ft`,$$css:`@stridge/kit:src/shared/widgets/activity-history/compound/Row.styles.ts:137`},trailing:{"Row__styles.trailing":`Row__styles.trailing`,"display-k1xSpc":`x78zum5`,"alignItems-kGNEyG":`x6s0dn4`,"flexShrink-kmuXW":`x2lah0s`,"gap-kOIVth":`x1a6yh9e`,$$css:`@stridge/kit:src/shared/widgets/activity-history/compound/Row.styles.ts:144`},chevron:{"Row__styles.chevron":`Row__styles.chevron`,"width-kzqmXN":`xsmyaan`,"height-kZKoxP":`x1kpxq89`,"flexShrink-kmuXW":`x2lah0s`,"color-kMwMTN":`x137ha3m`,"strokeWidth-kfJifR":`xvlca1e`,$$css:`@stridge/kit:src/shared/widgets/activity-history/compound/Row.styles.ts:150`}};export{e as styles};

package/dist/shared/widgets/activity-history/compound/components/Empty.d.ts

@@ -0,0 +1,15 @@
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/shared/widgets/activity-history/compound/components/Empty.d.ts
+/**
+ * Empty-state body for the activity surface. Reached when the gateway's poll returned an
+ * empty UDA list for the connected owner — typically a brand-new wallet that hasn't deposited
+ * or withdrawn yet. Renders centered icon + headline + subline; no CTA — the user is already
+ * inside an active dialog, so the surrounding flow (deposit method picker, withdraw form) is
+ * the implicit next step.
+ *
+ * @internal
+ */
+declare function ActivityHistoryEmpty(): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { ActivityHistoryEmpty };

package/dist/shared/widgets/activity-history/compound/components/Empty.js

@@ -0,0 +1 @@
+"use client";import{useLingui as e}from"../../../../i18n/useLingui.js";import"../../../../../i18n/index.js";import{ClockIcon as t}from"../../../../icons/ClockIcon.js";import"../../../../../icons/index.js";import{text as n}from"../../../../ui/Text/Text.js";import"../../../../ui/Text/index.js";import{ACTIVITY_HISTORY_SLOTS as r}from"../ActivityHistory.slots.js";import{styles as i}from"../ActivityHistory.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:`aXFOuf`,message:`No activity yet`})}),a(n.span,{size:`sm`,fontWeight:`medium`,color:`subdued`,children:c({id:`Xzw7uC`,message:`Your deposits and withdrawals will appear here.`})})]})}export{c as ActivityHistoryEmpty};

package/dist/shared/widgets/activity-history/compound/components/ErrorView.d.ts

@@ -0,0 +1,26 @@
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/shared/widgets/activity-history/compound/components/ErrorView.d.ts
+interface ActivityHistoryErrorViewProps {
+  /**
+   * Retry handler. Wired by the List to fire a fresh `refresh(signal)` against the source
+   * context — the entity transitions back through `loading → ready | error`.
+   */
+  onRetry: () => void;
+}
+/**
+ * Initial-error body for the activity surface. Rendered only when the first fetch failed
+ * AND the entity has no prior payload to fall back to (status `error` from `idle | loading`).
+ * Refresh failures while a payload is already cached are silent — the entity stays `stale`
+ * and the next controller-driven `watchHistory` tick retries; that branch never reaches this
+ * component.
+ *
+ * @internal
+ * @see {@link ActivityHistoryList} for the entity-status branching that decides when this
+ * renders vs the silent stale-while-revalidate path.
+ */
+declare function ActivityHistoryErrorView({
+  onRetry
+}: ActivityHistoryErrorViewProps): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { ActivityHistoryErrorView };

package/dist/shared/widgets/activity-history/compound/components/ErrorView.js

@@ -0,0 +1 @@
+"use client";import{useLingui as e}from"../../../../i18n/useLingui.js";import"../../../../../i18n/index.js";import{AlertIcon as t}from"../../../../icons/AlertIcon.js";import"../../../../../icons/index.js";import{Button as n}from"../../../../ui/Button/Button.js";import"../../../../ui/Button/index.js";import{Alert as r}from"../../../../ui/Alert/Alert.js";import"../../../../ui/Alert/index.js";import{ACTIVITY_HISTORY_SLOTS as i}from"../ActivityHistory.slots.js";import{styles as a}from"../ActivityHistory.styles.js";import{jsx as o,jsxs as s}from"react/jsx-runtime";import*as c from"@stylexjs/stylex";function l({onRetry:l}){let{_:u}=e();return s(`div`,{"data-stridge-slot":i.error,...c.props(a.error),children:[o(r,{variant:`danger`,icon:o(t,{}),children:u({id:`B-4zEC`,message:`Couldn't load activity. Please try again.`})}),o(`div`,{...c.props(a.retryRow),children:o(n,{type:`button`,variant:`secondary`,size:`sm`,onClick:l,"data-stridge-slot":i.retry,children:u({id:`KDw4GX`,message:`Try again`})})})]})}export{l as ActivityHistoryErrorView};

package/dist/shared/widgets/activity-history/compound/components/HistoryHeader.d.ts

@@ -0,0 +1,39 @@
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/shared/widgets/activity-history/compound/components/HistoryHeader.d.ts
+interface Props {
+  /**
+   * Optional override for the title. Defaults to `t\`Activity\`` for the list view; detail
+   * views pass their own (e.g. `t\`Activity details\``).
+   */
+  title?: string;
+  /**
+   * Back chevron handler. When set, renders the chevron on the leading edge; when omitted,
+   * the title aligns flush with the leading edge. The list view always supplies a handler;
+   * detail views always supply one.
+   */
+  onBack?: () => void;
+}
+/**
+ * Shared `Card.Header` for the activity surface. Renders a back chevron (when `onBack` is
+ * set) on the leading edge + title + trailing `Dialog.CloseButton`. Mirrors the rhythm of
+ * `WithdrawForm.Header` (the kit's other multi-element dialog header) so the header chrome
+ * stays consistent across flows.
+ *
+ * Mounted by both the List view and the Detail view's per-payload compound — the chevron
+ * routes `actions.back()` through the source context, which the FSM disambiguates via the
+ * active state name (`historyDetail → historyList → source`).
+ */
+declare function ActivityHistoryListHeader({
+  title,
+  onBack
+}: Props): _$react_jsx_runtime0.JSX.Element;
+/**
+ * Public `<ActivityHistory.Header>` part — thin wrapper around {@link ActivityHistoryListHeader}
+ * that reads `back` from the source context so hosts get a zero-prop part to drop into list
+ * compositions. The peer detail compound mounts `<ActivityHistory.ListHeader>` itself with an
+ * explicit title and back handler.
+ */
+declare function ActivityHistoryHeader(): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { ActivityHistoryHeader, ActivityHistoryListHeader };

package/dist/shared/widgets/activity-history/compound/components/HistoryHeader.js

@@ -0,0 +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"../../../../ui/IconButton/index.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"../../../../ui/Card/index.js";import{text as a}from"../../../../ui/Text/Text.js";import"../../../../ui/Text/index.js";import{ACTIVITY_HISTORY_SLOTS as o}from"../ActivityHistory.slots.js";import{styles as s}from"../ActivityHistory.styles.js";import{useActivityHistorySource 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:c,onBack:f}){let{_:p}=e(),m=c??p({id:`XJOV1Y`,message:`Activity`});return u(i.Header,{"data-stridge-slot":o.header,...d.props(s.header),children:[u(`div`,{...d.props(s.headerLeft),children:[typeof f==`function`?l(n,{"aria-label":p({id:`iH8pgl`,message:`Back`}),onClick:f,children:l(t,{"aria-hidden":!0,...d.props(s.backIcon)})}):null,l(a.span,{size:`base`,fontWeight:`semibold`,leading:`tight`,tracking:`tight`,style:{margin:0},children:m})]}),l(`div`,{...d.props(s.headerRight),children:l(r.CloseButton,{})})]})}function p(){return l(f,{onBack:c(`ActivityHistory.Header`).back})}export{p as ActivityHistoryHeader,f as ActivityHistoryListHeader};

package/dist/shared/widgets/activity-history/compound/components/List.d.ts

@@ -0,0 +1,23 @@
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/shared/widgets/activity-history/compound/components/List.d.ts
+/**
+ * List body for the activity surface. Reads the `history` entity from
+ * {@link useActivityHistorySource} and branches on status:
+ *
+ * - `idle | loading` (cold path, no prior payload) → skeleton × 4.
+ * - `ready | stale` → rows. `stale` keeps the prior list rendered while a refresh is in
+ *   flight so the user never sees an empty pause. The refresh is silent — no spinner.
+ * - `error` (cold path) → {@link ActivityHistoryErrorView} with a retry button.
+ * - `ready` with zero rows → {@link ActivityHistoryEmpty}.
+ *
+ * Recurring updates land via the controller-mounted `watchHistory` watcher (mounted on entry
+ * to `historyList` / `historyDetail`, with adaptive cadence — short while any row is
+ * `pending`, long once all rows are terminal). The widget itself is a pure reader; the only
+ * imperative surface left here is the retry button, which fires `source.refresh(signal)` once.
+ *
+ * @internal
+ */
+declare function ActivityHistoryList(): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { ActivityHistoryList };

package/dist/shared/widgets/activity-history/compound/components/List.js

@@ -0,0 +1 @@
+"use client";import{Card as e}from"../../../../ui/Card/Card.js";import"../../../../ui/Card/index.js";import{Skeleton as t}from"../../../../ui/Skeleton/Skeleton.js";import"../../../../ui/Skeleton/index.js";import{ACTIVITY_HISTORY_SLOTS as n}from"../ActivityHistory.slots.js";import{styles as r}from"../ActivityHistory.styles.js";import{ActivityHistoryEmpty as i}from"./Empty.js";import{ActivityHistoryErrorView as a}from"./ErrorView.js";import{useActivityHistorySource as o}from"../context.js";import{ActivityHistoryRow as s}from"./Row.js";import{useRef as c}from"react";import{jsx as l,jsxs as u}from"react/jsx-runtime";import*as d from"@stylexjs/stylex";const f=[`skeleton-1`,`skeleton-2`,`skeleton-3`,`skeleton-4`];function p(){let t=o(`ActivityHistory.List`),u=c(null),f=c(t.refresh);f.current=t.refresh;let p=t.entity;if(p.status===`error`)return l(e.Body,{"data-stridge-slot":n.body,...d.props(r.body),children:l(a,{onRetry:()=>{u.current?.abort();let e=new AbortController;u.current=e,f.current(e.signal)}})});if(p.status===`idle`||p.status===`loading`)return l(e.Body,{"data-stridge-slot":n.body,...d.props(r.body),"aria-busy":`true`,"aria-live":`polite`,children:l(g,{})});let _=p.payload.rows;return _.length===0?l(e.Body,{"data-stridge-slot":n.body,...d.props(r.body),children:l(i,{})}):l(e.Body,{"data-stridge-slot":n.body,...d.props(r.body,r.bodyEnter),children:l(`ul`,{"data-stridge-slot":n.list,style:m,children:_.map(e=>l(`li`,{style:h,children:l(s,{payload:e,onSelect:t.selectSettlement})},`${e.udaId}:${e.id}`))})})}const m={display:`flex`,flexDirection:`column`,gap:`var(--stridge-kit-space-2)`,listStyle:`none`,marginBlock:0,marginInline:0,paddingBlock:0,paddingInline:0},h={listStyle:`none`};function g(){return l(`div`,{"data-stridge-slot":n.skeleton,children:f.map(e=>u(`div`,{"data-stridge-slot":n.skeletonRow,...d.props(r.skeletonRow),children:[l(t,{width:44,height:44,radius:999}),u(`div`,{...d.props(r.skeletonText),children:[l(t,{width:`60%`,height:14}),l(t,{width:`40%`,height:12})]}),l(t,{width:56,height:14})]},e))})}export{p as ActivityHistoryList};