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

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

@@ -0,0 +1,54 @@
+import { ActivityHistoryRowPayload } from "../../payloads.js";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/shared/widgets/activity-history/compound/components/Row.d.ts
+/**
+ * Props the row needs to render — pre-formatted by the driver's transformer. The widget
+ * never re-formats inputs (`title` / `formattedAmount.formatted` / `formattedDate.formatted`
+ * are display strings already). Click fires the row's settlement id back to the source
+ * context so the FSM can transition into the detail view.
+ */
+interface Props {
+  /**
+   * Pre-formatted payload from the driver. Carries every visible string (`title`,
+   * `formattedAmount`, `formattedDate`, `ariaLabel`) plus the asset / chain identity slots
+   * the leading {@link TokenLogo} resolves against.
+   */
+  payload: ActivityHistoryRowPayload;
+  /**
+   * Row click handler. Receives the settlement id from the payload; the parent compound
+   * forwards it to {@link import("../context").ActivityHistorySourceValue.selectSettlement}.
+   */
+  onSelect: (settlementId: string) => void;
+}
+/**
+ * Public alias for {@link Props}. Preserved as the externally visible name so the
+ * compound's `index.ts` and the API-extractor snapshot keep referencing
+ * `ActivityHistoryRowProps`.
+ */
+type ActivityHistoryRowProps = Props;
+/**
+ * One row of the activity surface — leading asset glyph (with corner status pip), title +
+ * date stack, trailing amount + chevron. Composes
+ * `<SelectableTile shape="card" interactive="navigation">` so the surface treatment (hover
+ * wash, focus ring, border palette) matches the kit's asset-picker rows; the `rowLayout`
+ * override keeps the row's 68px height byte-identical to the design (44px disc + 12px block
+ * padding + 16px inline padding + 12px gap). `aria-label` encodes direction + amount + date
+ * because the leading icon doesn't carry direction on its own.
+ *
+ * Designed against Paper artboard `1HA2-0` (Deposit Tracker — Cards, Dark) — see
+ * {@link import("../Row.styles").styles} for the per-property snap rationale.
+ *
+ * **Asset glyph composition (Paper artboard `1HA2-0`).** The artboard shows the status pip
+ * in the bottom-trailing corner of the asset logo AND omits the chain glyph badge entirely.
+ * Row density is the optimization target, and the user is already inside the brand's dialog
+ * so chain identity carries lower weight than recognising the action+status at a glance.
+ * {@link TokenLogo}'s built-in chain badge is therefore disabled via `hideChainBadge` and
+ * the {@link StatusPip} renders inside the row's leading slot instead.
+ */
+declare function ActivityHistoryRow({
+  payload,
+  onSelect
+}: Props): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { ActivityHistoryRow, ActivityHistoryRowProps };

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

@@ -0,0 +1 @@
+"use client";import{ChevronRightIcon as e}from"../../../../icons/ChevronRightIcon.js";import"../../../../../icons/index.js";import{SelectableTile as t}from"../../../../ui/SelectableTile/SelectableTile.js";import"../../../../ui/SelectableTile/index.js";import{text as n}from"../../../../ui/Text/Text.js";import"../../../../ui/Text/index.js";import{TokenLogo as r}from"../../../../ui/TokenLogo/TokenLogo.js";import"../../../../ui/TokenLogo/index.js";import{ACTIVITY_HISTORY_ROW_SLOTS as i}from"../Row.slots.js";import{styles as a}from"../Row.styles.js";import{StatusPip as o}from"./StatusPip.js";import{jsx as s,jsxs as c}from"react/jsx-runtime";import*as l from"@stylexjs/stylex";function u({payload:u,onSelect:d}){return c(t,{shape:`card`,interactive:`navigation`,"data-stridge-slot":i.root,"aria-label":u.ariaLabel,onClick:()=>d(u.id),...l.props(a.rowLayout),children:[c(`span`,{"data-stridge-slot":i.leading,...l.props(a.leading),children:[s(r,{symbol:u.assetSymbol,...u.chainId===void 0?{}:{chainId:u.chainId},...u.assetLogoUrl===void 0?{}:{logoUrl:u.assetLogoUrl},...u.chainLogoUrl===void 0?{}:{chainLogoUrl:u.chainLogoUrl},size:44,hideChainBadge:!0}),s(o,{kind:u.status.kind})]}),c(`span`,{"data-stridge-slot":i.text,...l.props(a.text),children:[s(n.span,{size:`sm`,fontWeight:`semibold`,leading:`tight`,color:`default`,"data-stridge-slot":i.title,...l.props(a.title),children:u.title}),s(n.span,{size:`xs`,fontWeight:`medium`,leading:`tight`,color:`subdued`,"data-stridge-slot":i.date,...l.props(a.date),children:u.formattedDate.formatted})]}),c(`span`,{"data-stridge-slot":i.trailing,...l.props(a.trailing),children:[s(n.span,{size:`sm`,fontWeight:`semibold`,leading:`tight`,color:`default`,"data-stridge-slot":i.amount,children:u.formattedAmount.formatted}),s(e,{"aria-hidden":!0,"data-stridge-slot":i.chevron,...l.props(a.chevron)})]})]})}export{u as ActivityHistoryRow};

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

@@ -0,0 +1 @@
+"use client";import{CheckIcon as e}from"../../../../icons/CheckIcon.js";import{LoaderIcon as t}from"../../../../icons/LoaderIcon.js";import{XIcon as n}from"../../../../icons/XIcon.js";import"../../../../../icons/index.js";import{ACTIVITY_HISTORY_ROW_SLOTS as r}from"../Row.slots.js";import{styles as i}from"../Row.styles.js";import{jsx as a}from"react/jsx-runtime";import*as o from"@stylexjs/stylex";function s({kind:s}){let c=s===`completed`?i.statusPipCompleted:s===`failed`?i.statusPipFailed:i.statusPipPending;return a(`span`,{"data-stridge-slot":r.statusPip,...o.props(i.statusPip,c),children:s===`completed`?a(e,{"aria-hidden":!0,...o.props(i.statusPipIcon)}):s===`failed`?a(n,{"aria-hidden":!0,...o.props(i.statusPipIcon)}):a(t,{"aria-hidden":!0,...o.props(i.statusPipSpinner)})})}export{s as StatusPip};

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

@@ -0,0 +1,79 @@
+import { Entity } from "../../../driver/types.js";
+import { ActivityHistoryPayload } from "../payloads.js";
+import { SettlementPayloadContext } from "../../../../flows/deposit/driver/transformers/settlementToPayload.js";
+import * as _$react from "react";
+import { GatewayPollResponse, GatewayUdaDto } from "@stridge/sdk";
+
+//#region src/shared/widgets/activity-history/compound/context.d.ts
+/**
+ * Source of truth handed to `<ActivityHistory>` and `<ActivityHistoryDetail>` from whichever
+ * dialog (deposit / withdraw) mounts them. Each dialog assembles this value once from its own
+ * snapshot + actions and wraps the activity-history step body in
+ * `<ActivityHistorySourceProvider value={…}>`. The compound stays flow-agnostic — it reads
+ * the entity and the imperative actions from this single value.
+ *
+ * View routing is external: the FSM now exposes `historyList` and `historyDetail` as separate
+ * state names; the dialog's step router mounts {@link ActivityHistory} for the list step and
+ * {@link ActivityHistoryDetail} for the detail step. Each orchestrated wrapper supplies the
+ * source value with the slots its step needs (the list wrapper omits `settlementId`; the
+ * detail wrapper sets it).
+ *
+ * @see {@link ActivityHistorySourceProvider}
+ * @see {@link useActivityHistorySource}
+ */
+interface ActivityHistorySourceValue {
+  /**
+   * The driver's `history` entity. Same shape on both flows (`DepositSnapshot["history"]`
+   * and `WithdrawSnapshot["history"]` are structurally identical — both back onto the
+   * multi-UDA envelope from `GET /gateway/{owner}`). Status discriminator drives the
+   * compound's branch (idle / loading → skeleton; ready / stale → rows; error → retry).
+   */
+  entity: Entity<ActivityHistoryPayload, ReadonlyArray<GatewayUdaDto>, GatewayPollResponse>;
+  /**
+   * Trigger a fresh one-shot fetch. Wired by each dialog to `driver.refreshHistory(signal)`.
+   * The compound calls this from the error-view retry button; each call passes an
+   * `AbortSignal` the compound owns so it can cancel mid-fetch on rapid re-clicks. Recurring
+   * updates while the list is visible land separately via the controller-mounted
+   * `watchHistory` watcher — this callback is not the steady-state polling surface.
+   */
+  refresh: (signal: AbortSignal) => void;
+  /**
+   * Dispatch a row selection. Wired to `actions.selectSettlement(id)` — the FSM transitions
+   * from `historyList` to `historyDetail` carrying the selected `settlementId`.
+   */
+  selectSettlement: (settlementId: string) => void;
+  /**
+   * Back chevron handler. Wired to `actions.back()` — the FSM disambiguates via the current
+   * state name (`historyDetail → historyList → source`). The compound renders the chevron in
+   * both the list step's header AND inside the detail step's header composition.
+   */
+  back: () => void;
+  /**
+   * Selected settlement id when the dialog is mounting the detail step. Carried so the
+   * `<ActivityHistoryDetail>` compound can look up the matching `GatewaySettlementDto`
+   * inside `entity.raw[].settlements[]` and feed it to {@link
+   * import("../adapters").settlementToWidgetProps}. Absent when the list wrapper supplies
+   * the source value.
+   */
+  settlementId?: string;
+  /**
+   * Context the detail compound's adapter passes to {@link
+   * import("#/flows/deposit/driver/transformers").settlementToPayload}. Each dialog
+   * assembles this from its own driver snapshot — deposit reads `wallet`, `brand`, the
+   * driver's explorers map; withdraw reads its equivalents. Carrying the resolved context
+   * here keeps the compound flow-agnostic.
+   */
+  settlementContext: SettlementPayloadContext;
+}
+/**
+ * Provider for {@link ActivityHistorySourceValue}. Each dialog mounts one above its
+ * activity-history step body — see `DepositDialog` / `WithdrawDialog`.
+ */
+declare const ActivityHistorySourceProvider: _$react.Provider<ActivityHistorySourceValue | null>;
+/**
+ * Read the active {@link ActivityHistorySourceValue}. Throws when called outside an
+ * `<ActivityHistorySourceProvider>`.
+ */
+declare function useActivityHistorySource(consumer: string): ActivityHistorySourceValue;
+//#endregion
+export { ActivityHistorySourceProvider, ActivityHistorySourceValue, useActivityHistorySource };

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

@@ -0,0 +1 @@
+"use client";import{createContext as e,use as t}from"react";const n=e(null);n.displayName=`ActivityHistorySourceContext`;const r=n.Provider;function i(e){let r=t(n);if(!r)throw Error(`${e} must be rendered inside <ActivityHistorySourceProvider>. Mount the provider above <ActivityHistory> with the value derived from the flow's snapshot + actions — see DepositDialog / WithdrawDialog for the canonical wiring.`);return r}export{r as ActivityHistorySourceProvider,i as useActivityHistorySource};

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

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

package/dist/shared/widgets/activity-history/payloads.d.ts

@@ -0,0 +1,81 @@
+import { FormattedField } from "../../format/types.js";
+//#region src/shared/widgets/activity-history/payloads.d.ts
+/**
+ * Which flow produced the settlement — `"deposit"` for UDAs whose destination is the connected
+ * wallet, `"withdraw"` for UDAs whose source is the brand-currency balance the user is cashing
+ * out from. Discriminated by `uda.metadata.kit_flow` when present, with an address-comparison
+ * fallback for legacy UDAs that pre-date the metadata convention.
+ */
+type ActivityHistoryDirection = "deposit" | "withdraw";
+/**
+ * Lifecycle bucket for a single settlement row. Maps onto the kit's existing settlement-status
+ * model (`pending → succeeded → failed`) but flattens it to the 3-value set the row renders
+ * against — the inline status indicator picks an icon from this discriminator alone.
+ */
+type ActivityHistoryStatusType = "pending" | "completed" | "failed";
+/**
+ * Wrapper carrying the lifecycle bucket plus room for future status-scoped metadata (e.g. a
+ * settlement-level `failureKind` tag the row could surface). Kept separate from
+ * {@link ActivityHistoryStatusType} so the discriminator string stays stable as the shape grows.
+ */
+interface ActivityHistoryStatus {
+  kind: ActivityHistoryStatusType;
+}
+/**
+ * One settlement row in the activity history list. Pre-formatted by the driver's transformer —
+ * widgets render directly from these fields and never re-format inputs themselves.
+ *
+ * Detail-view rendering happens off the entity's `raw: ReadonlyArray<GatewayUdaDto>` slot: the
+ * row carries `udaId` + `id` so the detail component can locate the matching
+ * `GatewaySettlementDto` and feed it back through {@link
+ * import("#/flows/deposit/driver/transformers").settlementToPayload} to produce a full
+ * `SuccessStateProps` / `ErrorStateProps` / pending payload at display time.
+ */
+interface ActivityHistoryRowPayload {
+  /** Settlement id — unique within the multi-UDA envelope. The detail lookup keys on this. */
+  id: string;
+  /** Parent UDA id — settlements nest inside UDAs; the detail walker scans `udas[].settlements[]`. */
+  udaId: string;
+  /** Flow that produced this settlement. Drives the title prefix and the accessible label. */
+  direction: ActivityHistoryDirection;
+  /** Lifecycle bucket. Drives the inline status indicator (spinner / red-X / none). */
+  status: ActivityHistoryStatus;
+  /** Localized action+status string (e.g. `"Deposit completed"`, `"Withdrawal in progress"`). */
+  title: string;
+  /**
+   * USD-formatted amount for this row. For deposits this is the credited receive amount; for
+   * withdrawals the source send amount. The widget renders `formatted` verbatim.
+   */
+  formattedAmount: FormattedField<number>;
+  /**
+   * Settlement `updated_at` (unix-ms in `value`). `formatted` is the smart-relative form for
+   * settlements younger than 7 days, otherwise an absolute date — both follow the active Lingui
+   * locale.
+   */
+  formattedDate: FormattedField<number>;
+  /** Destination asset symbol — what the leading {@link import("#/shared/ui").TokenLogo} renders. */
+  assetSymbol: string;
+  /** Resolved token icon URL, when known. */
+  assetLogoUrl?: string;
+  /** EIP-155 chain id of the destination chain. */
+  chainId?: number;
+  /** Human-readable destination network name (e.g. `"Ethereum"`, `"BSC"`). */
+  chainName?: string;
+  /** Resolved chain glyph URL — overlaid in the corner of the asset logo. */
+  chainLogoUrl?: string;
+  /**
+   * Accessible label rendered as the row's `aria-label`. Encodes direction + amount + date
+   * because the leading icon does not carry direction.
+   */
+  ariaLabel: string;
+}
+/**
+ * Entity payload for the owner-scoped activity surface. Backed by the multi-UDA envelope from
+ * `GET /gateway/{owner}`; `rows` is sorted newest-first and capped at 20 entries per fetch.
+ */
+interface ActivityHistoryPayload {
+  /** Newest-first row payloads, capped at 20 per fetch. */
+  rows: ReadonlyArray<ActivityHistoryRowPayload>;
+}
+//#endregion
+export { ActivityHistoryDirection, ActivityHistoryPayload, ActivityHistoryRowPayload, ActivityHistoryStatus, ActivityHistoryStatusType };

package/dist/shared/widgets/activity-history/transformers/historyResponseToPayload.js

@@ -0,0 +1 @@
+import{parseIsoMs as e}from"../../../../flows/shared/transformers/parseIsoMs.js";import{formatTimestamp as t}from"../../../format/formatTimestamp.js";import{formatTokenAmount as n}from"../../../format/formatTokenAmount.js";import{formatUsd as r}from"../../../format/formatUsd.js";import{resolveDirection as i}from"./resolveDirection.js";function a(e,t){let n=t.now??Date.now(),r=t.ownerAddress.toLowerCase(),i=[];for(let t of e.udas)for(let e of t.settlements)i.push({settlement:e,uda:t});i.sort((e,t)=>e.settlement.updated_at===t.settlement.updated_at?0:e.settlement.updated_at<t.settlement.updated_at?1:-1);let a=[];for(let{settlement:e,uda:s}of i.slice(0,20))a.push(o(e,s,t,n,r));return{rows:a}}function o(t,n,r,a,o){let u=i(n,o),d=s(t.status),f=c(u,d.kind,r.i18n),p=l(t,n,u,r.i18n),g=e(t.updated_at)??e(t.created_at)??a,_={value:g,formatted:m(g,a,r.i18n)},v=h(u,p.formatted,_.formatted,r.i18n),y=n.destination.eip155_id?Number(n.destination.eip155_id):void 0,b=y===void 0?void 0:r.chainLogoFor?.(y),x=t.to?.logo??void 0;return{id:t.id,udaId:n.uda_id,direction:u,status:d,title:f,formattedAmount:p,formattedDate:_,assetSymbol:n.destination.asset_symbol,...x?{assetLogoUrl:x}:{},...y===void 0?{}:{chainId:y},...n.destination.network_name?{chainName:n.destination.network_name}:{},...b?{chainLogoUrl:b}:{},ariaLabel:v}}function s(e){switch(e){case`created`:case`routing`:return{kind:`pending`};case`completed`:return{kind:`completed`};case`failed`:return{kind:`failed`};default:return{kind:`pending`}}}function c(e,t,n){return e===`deposit`?t===`completed`?n._({id:`Deposit completed`,message:`Deposit completed`}):t===`failed`?n._({id:`Deposit failed`,message:`Deposit failed`}):n._({id:`Deposit in progress`,message:`Deposit in progress`}):t===`completed`?n._({id:`Withdrawal completed`,message:`Withdrawal completed`}):t===`failed`?n._({id:`Withdrawal failed`,message:`Withdrawal failed`}):n._({id:`Withdrawal in progress`,message:`Withdrawal in progress`})}function l(e,t,i,a){let o=i===`deposit`?e.to:e.from,s=o?.amount_usd;if(s){let e=Number.parseFloat(s);if(Number.isFinite(e))return{value:e,formatted:r(e,a)}}let c=t.destination.asset_decimals,l=u(o,c),d=t.destination.asset_symbol;return{value:l,formatted:`${n(l,a,{maxDecimals:c})} ${d}`}}function u(e,t){if(!e)return 0;if(e.amount){let t=Number.parseFloat(e.amount);if(Number.isFinite(t)&&t>=0)return t}if(e.raw_amount){let n=e.raw_amount;try{let e=BigInt(n);if(t===0)return Number(e);let r=10n**BigInt(t),i=e/r,a=(e%r).toString().padStart(t,`0`);return Number(`${i}.${a}`)}catch{return 0}}return 0}const d=6e4,f=36e5,p=864e5;function m(e,n,r){let i=n-e;if(i<d)return r._({id:`Just now`,message:`Just now`});let a=new Intl.RelativeTimeFormat(r.locale,{numeric:`auto`});if(i<f){let e=Math.floor(i/d);return a.format(-e,`minute`)}if(i<p){let e=Math.floor(i/f);return a.format(-e,`hour`)}let o=Math.floor(i/p);return o===1?r._({id:`Yesterday`,message:`Yesterday`}):o<7?a.format(-o,`day`):t(e,r)}function h(e,t,n,r){return e===`deposit`?r._({id:`Deposit of {amount}, {date}`,message:`Deposit of {amount}, {date}`,values:{amount:t,date:n}}):r._({id:`Withdrawal of {amount}, {date}`,message:`Withdrawal of {amount}, {date}`,values:{amount:t,date:n}})}export{a as historyResponseToPayload};

package/dist/shared/widgets/activity-history/transformers/resolveDirection.js

@@ -0,0 +1 @@
+function e(e,t){let n=e.metadata?.kit_flow;return n===`deposit`?`deposit`:n===`withdraw`?`withdraw`:(e.destination.address??``).toLowerCase()===t?`deposit`:`withdraw`}export{e as resolveDirection};

package/dist/shared/widgets/amount-entry/compound/AmountEntry.d.ts

@@ -1,8 +1,9 @@
-import { AmountEntryBodyProps, AmountEntryDialogProps, AmountEntryFlowProps, AmountEntryFooterProps, AmountEntryHeaderProps, AmountEntryHeroProps, AmountEntryPillsProps, AmountEntryProps } from "./types.js";
+import { AmountEntryBodyProps, AmountEntryDialogProps, AmountEntryFlowProps, AmountEntryFooterProps, AmountEntryHeaderProps, AmountEntryHeroProps, AmountEntryNoticeProps, AmountEntryPillsProps, AmountEntryProps } from "./types.js";
 import { AmountEntryFlow } from "./components/Flow.js";
 import { AmountEntryFooter } from "./components/Footer.js";
 import { AmountEntryHeader } from "./components/Header.js";
 import { AmountEntryHero } from "./components/Hero/Hero.js";
+import { AmountEntryNotice } from "./components/Notice.js";
 import { AmountEntryPills } from "./components/Pills.js";
 import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 
@@ -46,6 +47,7 @@ declare namespace AmountEntry {
   type PillsProps = AmountEntryPillsProps;
   type FlowProps = AmountEntryFlowProps;
   type FooterProps = AmountEntryFooterProps;
+  type NoticeProps = AmountEntryNoticeProps;
   type DialogProps = AmountEntryDialogProps;
   const Header: typeof AmountEntryHeader;
   const Body: typeof AmountEntryBody;
@@ -53,6 +55,7 @@ declare namespace AmountEntry {
   const Pills: typeof AmountEntryPills;
   const Flow: typeof AmountEntryFlow;
   const Footer: typeof AmountEntryFooter;
+  const Notice: typeof AmountEntryNotice;
   const Dialog: typeof AmountEntryDialog;
 }
 //#endregion

package/dist/shared/widgets/amount-entry/compound/AmountEntry.js

@@ -1 +1 @@
-"use client";import{DialogShell as e}from"../../../dialog/DialogShell.js";import{Card as t}from"../../../ui/Card/Card.js";import{Tooltip as n}from"../../../ui/Tooltip/Tooltip.js";import"../../../ui/Tooltip/index.js";import"../../../../ui/index.js";import{Frame as r}from"../../../dialog/Frame.js";import{AMOUNT_ENTRY_SLOTS as i}from"./AmountEntry.slots.js";import{styles as a}from"./AmountEntry.styles.js";import{AmountEntryContext as o}from"./context.js";import{AmountEntryFlow as s}from"./components/Flow.js";import{AmountEntryFooter as c}from"./components/Footer.js";import{AmountEntryHeader as l}from"./components/Header.js";import{AmountEntryHero as u}from"./components/Hero/Hero.js";import"./components/Hero/index.js";import{AmountEntryPills as d}from"./components/Pills.js";import{useMemo as f}from"react";import{jsx as p}from"react/jsx-runtime";import*as m from"@stylexjs/stylex";const h={useGrouping:!0,maximumFractionDigits:8},g=[];function _(e){let{amount:t,sendToken:s,receiveToken:c,locale:l,format:u,min:d=0,max:_,onAmountChange:v,headerTitle:y,onBack:b,currencySymbol:x,subLine:S,subLineAmount:C,presets:w=g,activePreset:T,onPresetSelect:E,bridge:D,footerLabel:O,onContinue:k,children:A}=e,j=f(()=>({amount:t,sendToken:s,receiveToken:c,locale:l,format:u??h,min:d,max:_,onAmountChange:v,headerTitle:y,onBack:b,currencySymbol:x,subLine:S,subLineAmount:C,presets:w,activePreset:T,onPresetSelect:E,bridge:D,footerLabel:O,onContinue:k}),[t,s,c,l,u,d,_,v,y,b,x,S,C,w,T,E,D,O,k]);return p(o.Provider,{value:j,children:p(n.Provider,{children:p(r,{"data-stridge-slot":i.root,...m.props(a.root),children:A})})})}function v(e){return p(t.Body,{"data-stridge-slot":i.body,...e})}function y({open:t,defaultOpen:n,onOpenChange:r,trigger:i,children:a,...o}){return p(e,{open:t,defaultOpen:n,onOpenChange:r,trigger:i,children:p(_,{...o,children:a})})}(function(e){e.Header=l,e.Body=v,e.Hero=u,e.Pills=d,e.Flow=s,e.Footer=c,e.Dialog=y})(_||={});export{_ as AmountEntry};
+"use client";import{DialogShell as e}from"../../../dialog/DialogShell.js";import{Card as t}from"../../../ui/Card/Card.js";import{Tooltip as n}from"../../../ui/Tooltip/Tooltip.js";import"../../../ui/Tooltip/index.js";import"../../../../ui/index.js";import{Frame as r}from"../../../dialog/Frame.js";import{AMOUNT_ENTRY_SLOTS as i}from"./AmountEntry.slots.js";import{styles as a}from"./AmountEntry.styles.js";import{AmountEntryContext as o}from"./context.js";import{AmountEntryFlow as s}from"./components/Flow.js";import{AmountEntryFooter as c}from"./components/Footer.js";import{AmountEntryHeader as l}from"./components/Header.js";import{AmountEntryHero as u}from"./components/Hero/Hero.js";import"./components/Hero/index.js";import{AmountEntryNotice as d}from"./components/Notice.js";import{AmountEntryPills as f}from"./components/Pills.js";import{useMemo as p}from"react";import{jsx as m}from"react/jsx-runtime";import*as h from"@stylexjs/stylex";const g={useGrouping:!0,maximumFractionDigits:8},_=[];function v(e){let{amount:t,sendToken:s,receiveToken:c,locale:l,format:u,min:d=0,max:f,onAmountChange:v,headerTitle:y,onBack:b,currencySymbol:x,subLine:S,subLineAmount:C,presets:w=_,activePreset:T,onPresetSelect:E,bridge:D,footerLabel:O,onContinue:k,notice:A,headerTrailing:j,children:M}=e,N=p(()=>({amount:t,sendToken:s,receiveToken:c,locale:l,format:u??g,min:d,max:f,onAmountChange:v,headerTitle:y,onBack:b,currencySymbol:x,subLine:S,subLineAmount:C,presets:w,activePreset:T,onPresetSelect:E,bridge:D,footerLabel:O,onContinue:k,notice:A,headerTrailing:j}),[t,s,c,l,u,d,f,v,y,b,x,S,C,w,T,E,D,O,k,A,j]);return m(o.Provider,{value:N,children:m(n.Provider,{children:m(r,{"data-stridge-slot":i.root,...h.props(a.root),children:M})})})}function y(e){return m(t.Body,{"data-stridge-slot":i.body,...e})}function b({open:t,defaultOpen:n,onOpenChange:r,trigger:i,children:a,...o}){return m(e,{open:t,defaultOpen:n,onOpenChange:r,trigger:i,children:m(v,{...o,children:a})})}(function(e){e.Header=l,e.Body=y,e.Hero=u,e.Pills=f,e.Flow=s,e.Footer=c,e.Notice=d,e.Dialog=b})(v||={});export{v as AmountEntry};

package/dist/shared/widgets/amount-entry/compound/AmountEntry.slots.d.ts

@@ -9,6 +9,7 @@ declare const AMOUNT_ENTRY_SLOTS: {
   readonly hero: "amount-entry-hero";
   readonly heroBand: "amount-entry-hero-band";
   readonly heroSwap: "amount-entry-hero-swap";
+  readonly notice: "amount-entry-notice";
 };
 type AmountEntrySlot = (typeof AMOUNT_ENTRY_SLOTS)[keyof typeof AMOUNT_ENTRY_SLOTS];
 //#endregion

package/dist/shared/widgets/amount-entry/compound/AmountEntry.slots.js

@@ -1 +1 @@
-const e={root:`amount-entry`,header:`amount-entry-header`,body:`amount-entry-body`,footer:`amount-entry-footer`,flow:`amount-entry-flow`,pills:`amount-entry-pills`,hero:`amount-entry-hero`,heroBand:`amount-entry-hero-band`,heroSwap:`amount-entry-hero-swap`};export{e as AMOUNT_ENTRY_SLOTS};
+const e={root:`amount-entry`,header:`amount-entry-header`,body:`amount-entry-body`,footer:`amount-entry-footer`,flow:`amount-entry-flow`,pills:`amount-entry-pills`,hero:`amount-entry-hero`,heroBand:`amount-entry-hero-band`,heroSwap:`amount-entry-hero-swap`,notice:`amount-entry-notice`};export{e as AMOUNT_ENTRY_SLOTS};

package/dist/shared/widgets/amount-entry/compound/AmountEntry.styles.js

@@ -1 +1 @@
-const e={root:{"AmountEntry__styles.root":`AmountEntry__styles.root`,"position-kVAEAm":`x1n2onr6`,"width-kzqmXN":`xh8yej3`,"maxWidth-ks0D6T":`x17fpy1y`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:18`},header:{"AmountEntry__styles.header":`AmountEntry__styles.header`,"gap-kOIVth":`x1v2ro7d`,"paddingTop-kLKAdn":`xyamay9`,"paddingInlineEnd-kwRFfy":`x1x5flf6`,"paddingBottom-kGO01o":`x1l90r2v`,"paddingInlineStart-kZCmMZ":`xf7dkkf`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:25`},headerTitle:{"AmountEntry__styles.headerTitle":`AmountEntry__styles.headerTitle`,"margin-kogj98":`x1ghz6dp`,"flexGrow-kzQI83":`x1iyjqo2`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:32`},backIcon:{"AmountEntry__styles.backIcon":`AmountEntry__styles.backIcon`,"color-kMwMTN":`xzn0pkc`,"strokeWidth-kfJifR":`xhxwl1`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:36`},closeIcon:{"AmountEntry__styles.closeIcon":`AmountEntry__styles.closeIcon`,"color-kMwMTN":`xzn0pkc`,"strokeWidth-kfJifR":`xhr4kjn`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:40`},heroBlock:{"AmountEntry__styles.heroBlock":`AmountEntry__styles.heroBlock`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`xdt5ytf`,"alignItems-kGNEyG":`x6s0dn4`,"paddingTop-kLKAdn":`x1byr4rc`,"paddingInlineEnd-kwRFfy":`x1o5r3ls`,"paddingBottom-kGO01o":`xwib8y2`,"paddingInlineStart-kZCmMZ":`xz7312c`,"gap-kOIVth":`x167g77z`,"textAlign-k9WMMc":`x2b8uid`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:52`},hero:{"AmountEntry__styles.hero":`AmountEntry__styles.hero`,"gap-kOIVth":`x1nj97wv`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:68`},heroCurrency:{"AmountEntry__styles.heroCurrency":`AmountEntry__styles.heroCurrency`,"display-k1xSpc":`x1rg5ohu`,"fontSize-kGuDYH":`xsfzzmd`,"lineHeight-kLWn49":`xo5v014`,"letterSpacing-kb6lSQ":`x1b4dsll`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:71`},heroAmount:{"AmountEntry__styles.heroAmount":`AmountEntry__styles.heroAmount`,"fontSize-kGuDYH":`xrv4cvt`,"lineHeight-kLWn49":`xo5v014`,"letterSpacing-kb6lSQ":`xo2cfqc`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:77`},subLine:{"AmountEntry__styles.subLine":`AmountEntry__styles.subLine`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`x1q0g3np`,"alignItems-kGNEyG":`x6s0dn4`,"gap-kOIVth":`x17d4w8g`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:82`},subLineIcon:{"AmountEntry__styles.subLineIcon":`AmountEntry__styles.subLineIcon`,"width-kzqmXN":`x6jxa94`,"height-kZKoxP":`x1v9usgg`,"flexShrink-kmuXW":`x2lah0s`,"color-kMwMTN":`x137ha3m`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:88`},bigSlot:{"AmountEntry__styles.bigSlot":`AmountEntry__styles.bigSlot`,"position-kVAEAm":`x1n2onr6`,"zIndex-kY2c9j":`x1fina04`,"display-k1xSpc":`x3nfvp2`,"alignItems-kGNEyG":`x1pha0wt`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:97`},swapToggle:{"AmountEntry__styles.swapToggle":`AmountEntry__styles.swapToggle`,"appearance-kysU6D":`xjyslct`,"display-k1xSpc":`x3nfvp2`,"flexDirection-kXwgrk":`x1q0g3np`,"alignItems-kGNEyG":`x6s0dn4`,"gap-kOIVth":`x17d4w8g`,"backgroundColor-kWkggS":`x1qkydf4`,"margin-kogj98":`x1ghz6dp`,"paddingBlock-k8WAf4":`x12ulsxz`,"paddingInline-kg3NbH":`x1awh872`,"font-kVVagm":`xln7xf2`,"color-kMwMTN":`xi96bwj`,"cursor-kkrTdU":`x1ypdohk`,"borderRadius-kaIpWk":`x1npxkrn`,"transitionProperty-k1ekBW":`xs2xxs2`,"transitionDuration-kIyJzY":`x9dyr19`,"transitionTimingFunction-kAMwcw":`x9lcvmn`,":hover_backgroundColor-kGzVvX":`x1tkvd9a`,":hover_color-kDPRdz":`xpscirx`,":focus-visible_outline-k3Woio":`x67ar3w`,":focus-visible_outlineOffset-kiEn40":`x7s97pk`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:104`},swapIcon:{"AmountEntry__styles.swapIcon":`AmountEntry__styles.swapIcon`,"display-k1xSpc":`x3nfvp2`,"alignItems-kGNEyG":`x6s0dn4`,"justifyContent-kjj79g":`xl56j7k`,"width-kzqmXN":`x6jxa94`,"height-kZKoxP":`x1v9usgg`,"flexShrink-kmuXW":`x2lah0s`,"color-kMwMTN":`x1heor9g`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:131`},swapTextWrap:{"AmountEntry__styles.swapTextWrap":`AmountEntry__styles.swapTextWrap`,"display-k1xSpc":`x3nfvp2`,"alignItems-kGNEyG":`x6s0dn4`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:140`},swapText:{"AmountEntry__styles.swapText":`AmountEntry__styles.swapText`,"position-kVAEAm":`x1n2onr6`,"zIndex-kY2c9j":`x11uqc5h`,"display-k1xSpc":`x1rg5ohu`,"fontSize-kGuDYH":`xkpwil5`,"lineHeight-kLWn49":`x132q4wb`,"fontWeight-k63SB2":`xk50ysn`,"letterSpacing-kb6lSQ":`xjat59b`,"whiteSpace-khDVqt":`xuxw1ft`,"color-kMwMTN":`x1heor9g`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:144`},swapSymbol:{"AmountEntry__styles.swapSymbol":`AmountEntry__styles.swapSymbol`,"display-k1xSpc":`x1rg5ohu`,"fontSize-kGuDYH":`xkpwil5`,"lineHeight-kLWn49":`x132q4wb`,"fontWeight-k63SB2":`xk50ysn`,"letterSpacing-kb6lSQ":`xjat59b`,"whiteSpace-khDVqt":`x1sdyfia`,"color-kMwMTN":`x1heor9g`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:155`},swapBackdrop:{"AmountEntry__styles.swapBackdrop":`AmountEntry__styles.swapBackdrop`,"position-kVAEAm":`x10l6tqk`,"inset-kpwlN0":`x1v1xp8j`,"zIndex-kY2c9j":`x8knxv4`,"filter-ku685b":`x1qgin71`,"pointerEvents-kfzvcC":`x47corl`,"backgroundImage-kKwaWg":`x1bmns5n`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:165`},pills:{"AmountEntry__styles.pills":`AmountEntry__styles.pills`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`x1q0g3np`,"width-kzqmXN":`xh8yej3`,"gap-kOIVth":`x167g77z`,"paddingTop-kLKAdn":`x9desvi`,"paddingInlineEnd-kwRFfy":`x1o5r3ls`,"paddingInlineStart-kZCmMZ":`xz7312c`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:178`},flowWrap:{"AmountEntry__styles.flowWrap":`AmountEntry__styles.flowWrap`,"display-k1xSpc":`x78zum5`,"justifyContent-kjj79g":`xl56j7k`,"paddingTop-kLKAdn":`x9desvi`,"paddingInlineEnd-kwRFfy":`x1o5r3ls`,"paddingInlineStart-kZCmMZ":`xz7312c`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:191`},flow:{"AmountEntry__styles.flow":`AmountEntry__styles.flow`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`x1q0g3np`,"alignItems-kGNEyG":`x6s0dn4`,"justifyContent-kjj79g":`xl56j7k`,"backgroundColor-kWkggS":`x12obg9s`,"borderColor-kVAM5u":`x1bue7yx`,"borderStyle-ksu8eU":`x1y0btm7`,"borderWidth-kMzoRj":`xmkeg23`,"borderRadius-kaIpWk":`x1npxkrn`,"paddingBlock-k8WAf4":`xxlmvz2`,"paddingInline-kg3NbH":`x65v0h`,"gap-kOIVth":`x1c1vhfx`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:198`},flowSide:{"AmountEntry__styles.flowSide":`AmountEntry__styles.flowSide`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`x1q0g3np`,"alignItems-kGNEyG":`x6s0dn4`,"gap-kOIVth":`x1v2ro7d`,"minWidth-k7Eaqz":`xeuugli`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:212`},flowLabels:{"AmountEntry__styles.flowLabels":`AmountEntry__styles.flowLabels`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`xdt5ytf`,"gap-kOIVth":`x12mrbbr`,"minWidth-k7Eaqz":`xeuugli`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:219`},flowBridge:{"AmountEntry__styles.flowBridge":`AmountEntry__styles.flowBridge`,"display-k1xSpc":`x78zum5`,"alignItems-kGNEyG":`x6s0dn4`,"justifyContent-kjj79g":`xl56j7k`,"flexShrink-kmuXW":`x2lah0s`,"color-kMwMTN":`x137ha3m`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:225`},flowBridgeIcon:{"AmountEntry__styles.flowBridgeIcon":`AmountEntry__styles.flowBridgeIcon`,"width-kzqmXN":`x1kky2od`,"height-kZKoxP":`xlup9mm`,"flexShrink-kmuXW":`x2lah0s`,"color-kMwMTN":`x137ha3m`,"strokeWidth-kfJifR":`xhr4kjn`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:232`},footer:{"AmountEntry__styles.footer":`AmountEntry__styles.footer`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`xdt5ytf`,"gap-kOIVth":`x167g77z`,"paddingTop-kLKAdn":`x9desvi`,"paddingInlineEnd-kwRFfy":`x1o5r3ls`,"paddingBottom-kGO01o":`x1t4gjm`,"paddingInlineStart-kZCmMZ":`xz7312c`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:240`},cta:{"AmountEntry__styles.cta":`AmountEntry__styles.cta`,"width-kzqmXN":`xh8yej3`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:250`},ctaInteractive:{"AmountEntry__styles.ctaInteractive":`AmountEntry__styles.ctaInteractive`,"cursor-kkrTdU":`x1ypdohk`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:253`},ctaInert:{"AmountEntry__styles.ctaInert":`AmountEntry__styles.ctaInert`,"cursor-kkrTdU":`xt0e3qv`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:256`}};export{e as styles};
+const e={root:{"AmountEntry__styles.root":`AmountEntry__styles.root`,"position-kVAEAm":`x1n2onr6`,"width-kzqmXN":`xh8yej3`,"maxWidth-ks0D6T":`x17fpy1y`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:18`},header:{"AmountEntry__styles.header":`AmountEntry__styles.header`,"gap-kOIVth":`x1v2ro7d`,"paddingTop-kLKAdn":`xyamay9`,"paddingInlineEnd-kwRFfy":`x1x5flf6`,"paddingBottom-kGO01o":`x1l90r2v`,"paddingInlineStart-kZCmMZ":`xf7dkkf`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:25`},headerTitle:{"AmountEntry__styles.headerTitle":`AmountEntry__styles.headerTitle`,"margin-kogj98":`x1ghz6dp`,"flexGrow-kzQI83":`x1iyjqo2`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:32`},headerTrailing:{"AmountEntry__styles.headerTrailing":`AmountEntry__styles.headerTrailing`,"display-k1xSpc":`x78zum5`,"alignItems-kGNEyG":`x6s0dn4`,"gap-kOIVth":`x1a6yh9e`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:39`},backIcon:{"AmountEntry__styles.backIcon":`AmountEntry__styles.backIcon`,"color-kMwMTN":`xzn0pkc`,"strokeWidth-kfJifR":`xhxwl1`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:44`},closeIcon:{"AmountEntry__styles.closeIcon":`AmountEntry__styles.closeIcon`,"color-kMwMTN":`xzn0pkc`,"strokeWidth-kfJifR":`xhr4kjn`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:48`},heroBlock:{"AmountEntry__styles.heroBlock":`AmountEntry__styles.heroBlock`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`xdt5ytf`,"alignItems-kGNEyG":`x6s0dn4`,"paddingTop-kLKAdn":`x1byr4rc`,"paddingInlineEnd-kwRFfy":`x1o5r3ls`,"paddingBottom-kGO01o":`xwib8y2`,"paddingInlineStart-kZCmMZ":`xz7312c`,"gap-kOIVth":`x167g77z`,"textAlign-k9WMMc":`x2b8uid`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:60`},hero:{"AmountEntry__styles.hero":`AmountEntry__styles.hero`,"gap-kOIVth":`x1nj97wv`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:76`},heroCurrency:{"AmountEntry__styles.heroCurrency":`AmountEntry__styles.heroCurrency`,"display-k1xSpc":`x1rg5ohu`,"fontSize-kGuDYH":`xsfzzmd`,"lineHeight-kLWn49":`xo5v014`,"letterSpacing-kb6lSQ":`x1b4dsll`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:79`},heroAmount:{"AmountEntry__styles.heroAmount":`AmountEntry__styles.heroAmount`,"fontSize-kGuDYH":`xrv4cvt`,"lineHeight-kLWn49":`xo5v014`,"letterSpacing-kb6lSQ":`xo2cfqc`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:85`},subLine:{"AmountEntry__styles.subLine":`AmountEntry__styles.subLine`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`x1q0g3np`,"alignItems-kGNEyG":`x6s0dn4`,"gap-kOIVth":`x17d4w8g`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:90`},subLineIcon:{"AmountEntry__styles.subLineIcon":`AmountEntry__styles.subLineIcon`,"width-kzqmXN":`x6jxa94`,"height-kZKoxP":`x1v9usgg`,"flexShrink-kmuXW":`x2lah0s`,"color-kMwMTN":`x137ha3m`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:96`},bigSlot:{"AmountEntry__styles.bigSlot":`AmountEntry__styles.bigSlot`,"position-kVAEAm":`x1n2onr6`,"zIndex-kY2c9j":`x1fina04`,"display-k1xSpc":`x3nfvp2`,"alignItems-kGNEyG":`x1pha0wt`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:105`},swapToggle:{"AmountEntry__styles.swapToggle":`AmountEntry__styles.swapToggle`,"appearance-kysU6D":`xjyslct`,"display-k1xSpc":`x3nfvp2`,"flexDirection-kXwgrk":`x1q0g3np`,"alignItems-kGNEyG":`x6s0dn4`,"gap-kOIVth":`x17d4w8g`,"backgroundColor-kWkggS":`x1qkydf4`,"margin-kogj98":`x1ghz6dp`,"paddingBlock-k8WAf4":`x12ulsxz`,"paddingInline-kg3NbH":`x1awh872`,"font-kVVagm":`xln7xf2`,"color-kMwMTN":`xi96bwj`,"cursor-kkrTdU":`x1ypdohk`,"borderRadius-kaIpWk":`x1npxkrn`,"transitionProperty-k1ekBW":`xs2xxs2`,"transitionDuration-kIyJzY":`x9dyr19`,"transitionTimingFunction-kAMwcw":`x9lcvmn`,":hover_backgroundColor-kGzVvX":`x1tkvd9a`,":hover_color-kDPRdz":`xpscirx`,":focus-visible_outline-k3Woio":`x67ar3w`,":focus-visible_outlineOffset-kiEn40":`x7s97pk`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:112`},swapIcon:{"AmountEntry__styles.swapIcon":`AmountEntry__styles.swapIcon`,"display-k1xSpc":`x3nfvp2`,"alignItems-kGNEyG":`x6s0dn4`,"justifyContent-kjj79g":`xl56j7k`,"width-kzqmXN":`x6jxa94`,"height-kZKoxP":`x1v9usgg`,"flexShrink-kmuXW":`x2lah0s`,"color-kMwMTN":`x1heor9g`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:139`},swapTextWrap:{"AmountEntry__styles.swapTextWrap":`AmountEntry__styles.swapTextWrap`,"display-k1xSpc":`x3nfvp2`,"alignItems-kGNEyG":`x6s0dn4`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:148`},swapText:{"AmountEntry__styles.swapText":`AmountEntry__styles.swapText`,"position-kVAEAm":`x1n2onr6`,"zIndex-kY2c9j":`x11uqc5h`,"display-k1xSpc":`x1rg5ohu`,"fontSize-kGuDYH":`xkpwil5`,"lineHeight-kLWn49":`x132q4wb`,"fontWeight-k63SB2":`xk50ysn`,"letterSpacing-kb6lSQ":`xjat59b`,"whiteSpace-khDVqt":`xuxw1ft`,"color-kMwMTN":`x1heor9g`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:152`},swapSymbol:{"AmountEntry__styles.swapSymbol":`AmountEntry__styles.swapSymbol`,"display-k1xSpc":`x1rg5ohu`,"fontSize-kGuDYH":`xkpwil5`,"lineHeight-kLWn49":`x132q4wb`,"fontWeight-k63SB2":`xk50ysn`,"letterSpacing-kb6lSQ":`xjat59b`,"whiteSpace-khDVqt":`x1sdyfia`,"color-kMwMTN":`x1heor9g`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:163`},swapBackdrop:{"AmountEntry__styles.swapBackdrop":`AmountEntry__styles.swapBackdrop`,"position-kVAEAm":`x10l6tqk`,"inset-kpwlN0":`x1v1xp8j`,"zIndex-kY2c9j":`x8knxv4`,"filter-ku685b":`x1qgin71`,"pointerEvents-kfzvcC":`x47corl`,"backgroundImage-kKwaWg":`x1bmns5n`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:173`},pills:{"AmountEntry__styles.pills":`AmountEntry__styles.pills`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`x1q0g3np`,"width-kzqmXN":`xh8yej3`,"gap-kOIVth":`x167g77z`,"paddingTop-kLKAdn":`x9desvi`,"paddingInlineEnd-kwRFfy":`x1o5r3ls`,"paddingInlineStart-kZCmMZ":`xz7312c`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:186`},flowWrap:{"AmountEntry__styles.flowWrap":`AmountEntry__styles.flowWrap`,"display-k1xSpc":`x78zum5`,"justifyContent-kjj79g":`xl56j7k`,"paddingTop-kLKAdn":`x9desvi`,"paddingInlineEnd-kwRFfy":`x1o5r3ls`,"paddingInlineStart-kZCmMZ":`xz7312c`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:199`},flow:{"AmountEntry__styles.flow":`AmountEntry__styles.flow`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`x1q0g3np`,"alignItems-kGNEyG":`x6s0dn4`,"justifyContent-kjj79g":`xl56j7k`,"backgroundColor-kWkggS":`x12obg9s`,"borderColor-kVAM5u":`x1bue7yx`,"borderStyle-ksu8eU":`x1y0btm7`,"borderWidth-kMzoRj":`xmkeg23`,"borderRadius-kaIpWk":`x1npxkrn`,"paddingBlock-k8WAf4":`xxlmvz2`,"paddingInline-kg3NbH":`x65v0h`,"gap-kOIVth":`x1c1vhfx`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:206`},flowSide:{"AmountEntry__styles.flowSide":`AmountEntry__styles.flowSide`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`x1q0g3np`,"alignItems-kGNEyG":`x6s0dn4`,"gap-kOIVth":`x1v2ro7d`,"minWidth-k7Eaqz":`xeuugli`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:220`},flowLabels:{"AmountEntry__styles.flowLabels":`AmountEntry__styles.flowLabels`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`xdt5ytf`,"gap-kOIVth":`x12mrbbr`,"minWidth-k7Eaqz":`xeuugli`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:227`},flowBridge:{"AmountEntry__styles.flowBridge":`AmountEntry__styles.flowBridge`,"display-k1xSpc":`x78zum5`,"alignItems-kGNEyG":`x6s0dn4`,"justifyContent-kjj79g":`xl56j7k`,"flexShrink-kmuXW":`x2lah0s`,"color-kMwMTN":`x137ha3m`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:233`},flowBridgeIcon:{"AmountEntry__styles.flowBridgeIcon":`AmountEntry__styles.flowBridgeIcon`,"width-kzqmXN":`x1kky2od`,"height-kZKoxP":`xlup9mm`,"flexShrink-kmuXW":`x2lah0s`,"color-kMwMTN":`x137ha3m`,"strokeWidth-kfJifR":`xhr4kjn`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:240`},footer:{"AmountEntry__styles.footer":`AmountEntry__styles.footer`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`xdt5ytf`,"gap-kOIVth":`x167g77z`,"paddingTop-kLKAdn":`x9desvi`,"paddingInlineEnd-kwRFfy":`x1o5r3ls`,"paddingBottom-kGO01o":`x1t4gjm`,"paddingInlineStart-kZCmMZ":`xz7312c`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:248`},cta:{"AmountEntry__styles.cta":`AmountEntry__styles.cta`,"width-kzqmXN":`xh8yej3`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:258`},ctaInteractive:{"AmountEntry__styles.ctaInteractive":`AmountEntry__styles.ctaInteractive`,"cursor-kkrTdU":`x1ypdohk`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:261`},ctaInert:{"AmountEntry__styles.ctaInert":`AmountEntry__styles.ctaInert`,"cursor-kkrTdU":`xt0e3qv`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:264`},noticeText:{"AmountEntry__styles.noticeText":`AmountEntry__styles.noticeText`,"marginBlock-kqGvvJ":`x10im51j`,"textAlign-k9WMMc":`x2b8uid`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:268`}};export{e as styles};

package/dist/shared/widgets/amount-entry/compound/components/Header.d.ts

@@ -6,10 +6,15 @@ import * as _$react_jsx_runtime0 from "react/jsx-runtime";
  * Header part — back button and title laid out over `Card.Header`.
  * `Dialog.CloseButton` renders as the trailing flex child only when the
  * widget is mounted inside `Dialog.Content`.
+ *
+ * Optional `trailing` slot — Renders before the close X (e.g. the
+ * activity-history icon). Defaults to the root's `headerTrailing`; pass
+ * `trailing: null` to force the slot empty even when the root supplies a node.
  */
 declare function AmountEntryHeader({
   title,
-  onBack
+  onBack,
+  trailing
 }?: AmountEntryHeaderProps): _$react_jsx_runtime0.JSX.Element;
 //#endregion
 export { AmountEntryHeader };

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

@@ -1 +1 @@
-"use client";import{useLingui as e}from"../../../../i18n/useLingui.js";import"../../../../../i18n/index.js";import{ChevronLeftIcon as t}from"../../../../icons/ChevronLeftIcon.js";import"../../../../../icons/index.js";import{IconButton as n}from"../../../../ui/IconButton/IconButton.js";import{Dialog as r}from"../../../../ui/Dialog/Dialog.js";import"../../../../ui/Dialog/index.js";import{Card as i}from"../../../../ui/Card/Card.js";import{text as a}from"../../../../ui/Text/Text.js";import"../../../../../ui/index.js";import{AMOUNT_ENTRY_SLOTS as o}from"../AmountEntry.slots.js";import{styles as s}from"../AmountEntry.styles.js";import{useAmountEntryContext as c}from"../context.js";import{jsx as l,jsxs as u}from"react/jsx-runtime";import*as d from"@stylexjs/stylex";function f({title:f,onBack:p}={}){let m=c(`AmountEntry.Header`),{_:h}=e(),g=f??m.headerTitle??h({id:`AOPSKq`,message:`Deposit {0}`,values:{0:m.receiveToken.symbol}}),_=p===null?void 0:p??m.onBack;return u(i.Header,{"data-stridge-slot":o.header,...d.props(s.header),children:[typeof _==`function`?l(n,{"aria-label":h({id:`iH8pgl`,message:`Back`}),onClick:_,children:l(t,{"aria-hidden":!0,...d.props(s.backIcon)})}):null,l(a.span,{size:`base`,fontWeight:`semibold`,leading:`tight`,tracking:`tight`,...d.props(s.headerTitle),children:g}),l(r.CloseButton,{})]})}export{f as AmountEntryHeader};
+"use client";import{useLingui as e}from"../../../../i18n/useLingui.js";import"../../../../../i18n/index.js";import{ChevronLeftIcon as t}from"../../../../icons/ChevronLeftIcon.js";import"../../../../../icons/index.js";import{IconButton as n}from"../../../../ui/IconButton/IconButton.js";import{Dialog as r}from"../../../../ui/Dialog/Dialog.js";import"../../../../ui/Dialog/index.js";import{Card as i}from"../../../../ui/Card/Card.js";import{text as a}from"../../../../ui/Text/Text.js";import"../../../../../ui/index.js";import{AMOUNT_ENTRY_SLOTS as o}from"../AmountEntry.slots.js";import{styles as s}from"../AmountEntry.styles.js";import{useAmountEntryContext as c}from"../context.js";import{jsx as l,jsxs as u}from"react/jsx-runtime";import*as d from"@stylexjs/stylex";function f({title:f,onBack:p,trailing:m}={}){let h=c(`AmountEntry.Header`),{_:g}=e(),_=f??h.headerTitle??g({id:`AOPSKq`,message:`Deposit {0}`,values:{0:h.receiveToken.symbol}}),v=p===null?void 0:p??h.onBack,y=m===null?null:m??h.headerTrailing;return u(i.Header,{"data-stridge-slot":o.header,...d.props(s.header),children:[typeof v==`function`?l(n,{"aria-label":g({id:`iH8pgl`,message:`Back`}),onClick:v,children:l(t,{"aria-hidden":!0,...d.props(s.backIcon)})}):null,l(a.span,{size:`base`,fontWeight:`semibold`,leading:`tight`,tracking:`tight`,...d.props(s.headerTitle),children:_}),u(`div`,{...d.props(s.headerTrailing),children:[y,l(r.CloseButton,{})]})]})}export{f as AmountEntryHeader};

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

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

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

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

package/dist/shared/widgets/amount-entry/compound/components/Notice.d.ts

@@ -0,0 +1,7 @@
+import { AmountEntryNoticeProps } from "../types.js";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/shared/widgets/amount-entry/compound/components/Notice.d.ts
+declare function AmountEntryNotice(_props?: AmountEntryNoticeProps): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { AmountEntryNotice };

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

@@ -0,0 +1 @@
+"use client";import{text as e}from"../../../../ui/Text/Text.js";import"../../../../../ui/index.js";import{AMOUNT_ENTRY_SLOTS as t}from"../AmountEntry.slots.js";import{styles as n}from"../AmountEntry.styles.js";import{useAmountEntryContext as r}from"../context.js";import{jsx as i}from"react/jsx-runtime";import{AnimatePresence as a,m as o}from"motion/react";import*as s from"@stylexjs/stylex";const c={enter:{opacity:0,height:0,filter:`blur(2px)`},center:{opacity:1,height:`auto`,filter:`blur(0px)`,transition:{duration:.22,delay:.05}},exit:{opacity:0,height:0,filter:`blur(2px)`,transition:{duration:.18}}};function l(l={}){let u=r(`AmountEntry.Notice`);return i(a,{initial:!1,children:u.notice?i(o.div,{variants:c,initial:`enter`,animate:`center`,exit:`exit`,style:{overflow:`hidden`},"data-stridge-slot":t.notice,role:`status`,"aria-live":`polite`,children:i(e.p,{size:`sm`,color:`subdued`,...s.props(n.noticeText),children:u.notice})},`notice-slot`):null})}export{l as AmountEntryNotice};

package/dist/shared/widgets/amount-entry/compound/types.d.ts

@@ -127,9 +127,27 @@ interface AmountEntryProps {
    * Footer CTA click handler. When undefined the CTA renders inert.
    */
   onContinue?: () => void;
+  /**
+   * Validation hint surfaced below the swap-direction Flow row when the typed amount sits
+   * outside the host's allowed range (min / max / above balance). Omit when no hint is
+   * applicable; the {@link AmountEntry.Notice} part renders nothing in that case.
+   */
+  notice?: ReactNode;
+  /**
+   * Optional trailing-edge chrome rendered next to the `<Dialog.CloseButton />` inside
+   * `AmountEntry.Header`. Use this slot to attach flow-specific affordances such as the
+   * activity-history trigger. Per-Header `trailing` overrides this root-level prop; pass
+   * `trailing: null` on the Header to force the slot empty.
+   */
+  headerTrailing?: ReactNode;
   /** Compound parts; see `AmountEntry.Header`, `AmountEntry.Hero`, etc. */
   children?: ReactNode;
 }
+/**
+ * Notice part props — typically rendered without explicit props; the part reads `notice` from
+ * the {@link AmountEntry} root via context.
+ */
+type AmountEntryNoticeProps = ComponentProps<"div">;
 /**
  * Body slot part props. Forwards every native `<div>` prop through to the
  * underlying `Card.Body`, which becomes the scrollable region when the
@@ -152,6 +170,13 @@ interface AmountEntryHeaderProps {
    * the chevron hidden even when the root supplies a callback.
    */
   onBack?: (() => void) | null;
+  /**
+   * Optional override for the trailing-edge chrome rendered next to
+   * `<Dialog.CloseButton />`. Defaults to the `headerTrailing` set on the
+   * {@link AmountEntry} root. Pass `null` to force the slot empty even
+   * when the root supplies a node (mirroring `onBack`).
+   */
+  trailing?: ReactNode | null;
 }
 /**
  * Hero (large fiat amount block) part props.
@@ -221,4 +246,4 @@ interface AmountEntryFooterProps {
   onContinue?: () => void;
 }
 //#endregion
-export { AmountEntryBodyProps, AmountEntryDialogProps, AmountEntryFlowProps, AmountEntryFooterProps, AmountEntryHeaderProps, AmountEntryHeroProps, AmountEntryPercentPreset, AmountEntryPillsProps, AmountEntryProps, AmountEntryToken };
+export { AmountEntryBodyProps, AmountEntryDialogProps, AmountEntryFlowProps, AmountEntryFooterProps, AmountEntryHeaderProps, AmountEntryHeroProps, AmountEntryNoticeProps, AmountEntryPercentPreset, AmountEntryPillsProps, AmountEntryProps, AmountEntryToken };

package/dist/shared/widgets/asset-picker/compound/AssetPicker.js

@@ -1 +1 @@
-"use client";import{DialogShell as e}from"../../../dialog/DialogShell.js";import{Card as t}from"../../../ui/Card/Card.js";import{Tooltip as n}from"../../../ui/Tooltip/Tooltip.js";import"../../../ui/Tooltip/index.js";import"../../../../ui/index.js";import{Frame as r}from"../../../dialog/Frame.js";import{ASSET_PICKER_SLOTS as i}from"./AssetPicker.slots.js";import{styles as a}from"./AssetPicker.styles.js";import{AssetPickerContext as o}from"./context.js";import{AssetPickerAsset as s}from"./components/Asset.js";import{AssetPickerFooter as c}from"./components/Footer.js";import{AssetPickerHeader as l}from"./components/Header.js";import{AssetPickerList as u}from"./components/List.js";import{useMemo as d}from"react";import{jsx as f}from"react/jsx-runtime";import*as p from"@stylexjs/stylex";const m=[];function h(e){let{token:t,selectedId:s,onSelect:c,assets:l=m,headerTitle:u,onBack:h,footerLabel:g,onContinue:_,children:v}=e,y=d(()=>({token:t,selectedId:s,onSelect:c,assets:l,headerTitle:u,onBack:h,footerLabel:g,onContinue:_}),[t,s,c,l,u,h,g,_]);return f(o.Provider,{value:y,children:f(n.Provider,{children:f(r,{"data-stridge-slot":i.root,...p.props(a.root),children:v})})})}function g(e){return f(t.Body,{"data-stridge-slot":i.body,...e})}function _({open:t,defaultOpen:n,onOpenChange:r,trigger:i,children:a,...o}){return f(e,{open:t,defaultOpen:n,onOpenChange:r,trigger:i,children:f(h,{...o,children:a})})}(function(e){e.Header=l,e.Body=g,e.List=u,e.Asset=s,e.Footer=c,e.Dialog=_})(h||={});export{h as AssetPicker};
+"use client";import{DialogShell as e}from"../../../dialog/DialogShell.js";import{Card as t}from"../../../ui/Card/Card.js";import{Tooltip as n}from"../../../ui/Tooltip/Tooltip.js";import"../../../ui/Tooltip/index.js";import"../../../../ui/index.js";import{Frame as r}from"../../../dialog/Frame.js";import{ASSET_PICKER_SLOTS as i}from"./AssetPicker.slots.js";import{styles as a}from"./AssetPicker.styles.js";import{AssetPickerContext as o}from"./context.js";import{AssetPickerAsset as s}from"./components/Asset.js";import{AssetPickerFooter as c}from"./components/Footer.js";import{AssetPickerHeader as l}from"./components/Header.js";import{AssetPickerList as u}from"./components/List.js";import{useMemo as d}from"react";import{jsx as f}from"react/jsx-runtime";import*as p from"@stylexjs/stylex";const m=[];function h(e){let{token:t,selectedId:s,onSelect:c,assets:l=m,headerTitle:u,onBack:h,footerLabel:g,onContinue:_,headerTrailing:v,children:y}=e,b=d(()=>({token:t,selectedId:s,onSelect:c,assets:l,headerTitle:u,onBack:h,footerLabel:g,onContinue:_,headerTrailing:v}),[t,s,c,l,u,h,g,_,v]);return f(o.Provider,{value:b,children:f(n.Provider,{children:f(r,{"data-stridge-slot":i.root,...p.props(a.root),children:y})})})}function g(e){return f(t.Body,{"data-stridge-slot":i.body,...e})}function _({open:t,defaultOpen:n,onOpenChange:r,trigger:i,children:a,...o}){return f(e,{open:t,defaultOpen:n,onOpenChange:r,trigger:i,children:f(h,{...o,children:a})})}(function(e){e.Header=l,e.Body=g,e.List=u,e.Asset=s,e.Footer=c,e.Dialog=_})(h||={});export{h as AssetPicker};

package/dist/shared/widgets/asset-picker/compound/AssetPicker.styles.js

@@ -1 +1 @@
-const e={root:{"AssetPicker__styles.root":`AssetPicker__styles.root`,"position-kVAEAm":`x1n2onr6`,"width-kzqmXN":`xh8yej3`,"maxWidth-ks0D6T":`x17fpy1y`,$$css:`@stridge/kit:src/shared/widgets/asset-picker/compound/AssetPicker.styles.ts:5`},header:{"AssetPicker__styles.header":`AssetPicker__styles.header`,"gap-kOIVth":`x1v2ro7d`,"paddingTop-kLKAdn":`xyamay9`,"paddingInlineEnd-kwRFfy":`x1x5flf6`,"paddingBottom-kGO01o":`x1l90r2v`,"paddingInlineStart-kZCmMZ":`xf7dkkf`,$$css:`@stridge/kit:src/shared/widgets/asset-picker/compound/AssetPicker.styles.ts:12`},headerTitle:{"AssetPicker__styles.headerTitle":`AssetPicker__styles.headerTitle`,"flexGrow-kzQI83":`x1iyjqo2`,"margin-kogj98":`x1ghz6dp`,$$css:`@stridge/kit:src/shared/widgets/asset-picker/compound/AssetPicker.styles.ts:19`},backIcon:{"AssetPicker__styles.backIcon":`AssetPicker__styles.backIcon`,"width-kzqmXN":`x6jxa94`,"height-kZKoxP":`x1v9usgg`,"flexShrink-kmuXW":`x2lah0s`,"color-kMwMTN":`xzn0pkc`,"strokeWidth-kfJifR":`xhxwl1`,$$css:`@stridge/kit:src/shared/widgets/asset-picker/compound/AssetPicker.styles.ts:23`},closeIcon:{"AssetPicker__styles.closeIcon":`AssetPicker__styles.closeIcon`,"width-kzqmXN":`xsmyaan`,"height-kZKoxP":`x1kpxq89`,"flexShrink-kmuXW":`x2lah0s`,"color-kMwMTN":`xzn0pkc`,"strokeWidth-kfJifR":`xhr4kjn`,$$css:`@stridge/kit:src/shared/widgets/asset-picker/compound/AssetPicker.styles.ts:30`},list:{"AssetPicker__styles.list":`AssetPicker__styles.list`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`xdt5ytf`,"gap-kOIVth":`x167g77z`,"paddingTop-kLKAdn":`x109j2v6`,"paddingInlineEnd-kwRFfy":`x1x5flf6`,"paddingInlineStart-kZCmMZ":`xwn43p0`,$$css:`@stridge/kit:src/shared/widgets/asset-picker/compound/AssetPicker.styles.ts:38`},assetRow:{"AssetPicker__styles.assetRow":`AssetPicker__styles.assetRow`,"gap-kOIVth":`x1af02g3`,$$css:`@stridge/kit:src/shared/widgets/asset-picker/compound/AssetPicker.styles.ts:51`},textBlock:{"AssetPicker__styles.textBlock":`AssetPicker__styles.textBlock`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`xdt5ytf`,"flexBasis-kCS8Yb":`x1r8uery`,"flexGrow-kzQI83":`x1iyjqo2`,"flexShrink-kmuXW":`xs83m0k`,"minWidth-k7Eaqz":`xeuugli`,"gap-kOIVth":`x195vfkc`,$$css:`@stridge/kit:src/shared/widgets/asset-picker/compound/AssetPicker.styles.ts:55`},fiat:{"AssetPicker__styles.fiat":`AssetPicker__styles.fiat`,"flexShrink-kmuXW":`x2lah0s`,"whiteSpace-khDVqt":`xuxw1ft`,$$css:`@stridge/kit:src/shared/widgets/asset-picker/compound/AssetPicker.styles.ts:65`},lowBalanceBadge:{"AssetPicker__styles.lowBalanceBadge":`AssetPicker__styles.lowBalanceBadge`,"flexShrink-kmuXW":`x2lah0s`,"backgroundColor-kWkggS":`xp5aqsh`,"borderColor-kVAM5u":`x1bue7yx`,"color-kMwMTN":`x137ha3m`,"fontSize-kGuDYH":`x1j6dyjg`,"fontWeight-k63SB2":`xk50ysn`,"lineHeight-kLWn49":`x1xxsxie`,"letterSpacing-kb6lSQ":`x1ixy4ik`,"minHeight-kAzted":`xj9xw9b`,"paddingInlineStart-kZCmMZ":`x7coems`,"paddingInlineEnd-kwRFfy":`xrw5ot4`,$$css:`@stridge/kit:src/shared/widgets/asset-picker/compound/AssetPicker.styles.ts:78`},footer:{"AssetPicker__styles.footer":`AssetPicker__styles.footer`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`xdt5ytf`,"paddingTop-kLKAdn":`xyamay9`,"paddingInlineEnd-kwRFfy":`x1x5flf6`,"paddingBottom-kGO01o":`x1t4gjm`,"paddingInlineStart-kZCmMZ":`xwn43p0`,$$css:`@stridge/kit:src/shared/widgets/asset-picker/compound/AssetPicker.styles.ts:92`},cta:{"AssetPicker__styles.cta":`AssetPicker__styles.cta`,"width-kzqmXN":`xh8yej3`,$$css:`@stridge/kit:src/shared/widgets/asset-picker/compound/AssetPicker.styles.ts:100`},ctaInteractive:{"AssetPicker__styles.ctaInteractive":`AssetPicker__styles.ctaInteractive`,"cursor-kkrTdU":`x1ypdohk`,$$css:`@stridge/kit:src/shared/widgets/asset-picker/compound/AssetPicker.styles.ts:103`},ctaInert:{"AssetPicker__styles.ctaInert":`AssetPicker__styles.ctaInert`,"cursor-kkrTdU":`xt0e3qv`,$$css:`@stridge/kit:src/shared/widgets/asset-picker/compound/AssetPicker.styles.ts:106`}};export{e as styles};
+const e={root:{"AssetPicker__styles.root":`AssetPicker__styles.root`,"position-kVAEAm":`x1n2onr6`,"width-kzqmXN":`xh8yej3`,"maxWidth-ks0D6T":`x17fpy1y`,$$css:`@stridge/kit:src/shared/widgets/asset-picker/compound/AssetPicker.styles.ts:5`},header:{"AssetPicker__styles.header":`AssetPicker__styles.header`,"gap-kOIVth":`x1v2ro7d`,"paddingTop-kLKAdn":`xyamay9`,"paddingInlineEnd-kwRFfy":`x1x5flf6`,"paddingBottom-kGO01o":`x1l90r2v`,"paddingInlineStart-kZCmMZ":`xf7dkkf`,$$css:`@stridge/kit:src/shared/widgets/asset-picker/compound/AssetPicker.styles.ts:12`},headerTitle:{"AssetPicker__styles.headerTitle":`AssetPicker__styles.headerTitle`,"flexGrow-kzQI83":`x1iyjqo2`,"margin-kogj98":`x1ghz6dp`,$$css:`@stridge/kit:src/shared/widgets/asset-picker/compound/AssetPicker.styles.ts:19`},headerTrailing:{"AssetPicker__styles.headerTrailing":`AssetPicker__styles.headerTrailing`,"display-k1xSpc":`x78zum5`,"alignItems-kGNEyG":`x6s0dn4`,"gap-kOIVth":`x1a6yh9e`,$$css:`@stridge/kit:src/shared/widgets/asset-picker/compound/AssetPicker.styles.ts:26`},backIcon:{"AssetPicker__styles.backIcon":`AssetPicker__styles.backIcon`,"width-kzqmXN":`x6jxa94`,"height-kZKoxP":`x1v9usgg`,"flexShrink-kmuXW":`x2lah0s`,"color-kMwMTN":`xzn0pkc`,"strokeWidth-kfJifR":`xhxwl1`,$$css:`@stridge/kit:src/shared/widgets/asset-picker/compound/AssetPicker.styles.ts:31`},closeIcon:{"AssetPicker__styles.closeIcon":`AssetPicker__styles.closeIcon`,"width-kzqmXN":`xsmyaan`,"height-kZKoxP":`x1kpxq89`,"flexShrink-kmuXW":`x2lah0s`,"color-kMwMTN":`xzn0pkc`,"strokeWidth-kfJifR":`xhr4kjn`,$$css:`@stridge/kit:src/shared/widgets/asset-picker/compound/AssetPicker.styles.ts:38`},list:{"AssetPicker__styles.list":`AssetPicker__styles.list`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`xdt5ytf`,"gap-kOIVth":`x167g77z`,"paddingTop-kLKAdn":`x109j2v6`,"paddingInlineEnd-kwRFfy":`x1x5flf6`,"paddingInlineStart-kZCmMZ":`xwn43p0`,$$css:`@stridge/kit:src/shared/widgets/asset-picker/compound/AssetPicker.styles.ts:46`},assetRow:{"AssetPicker__styles.assetRow":`AssetPicker__styles.assetRow`,"gap-kOIVth":`x1af02g3`,$$css:`@stridge/kit:src/shared/widgets/asset-picker/compound/AssetPicker.styles.ts:59`},textBlock:{"AssetPicker__styles.textBlock":`AssetPicker__styles.textBlock`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`xdt5ytf`,"flexBasis-kCS8Yb":`x1r8uery`,"flexGrow-kzQI83":`x1iyjqo2`,"flexShrink-kmuXW":`xs83m0k`,"minWidth-k7Eaqz":`xeuugli`,"gap-kOIVth":`x195vfkc`,$$css:`@stridge/kit:src/shared/widgets/asset-picker/compound/AssetPicker.styles.ts:63`},fiat:{"AssetPicker__styles.fiat":`AssetPicker__styles.fiat`,"flexShrink-kmuXW":`x2lah0s`,"whiteSpace-khDVqt":`xuxw1ft`,$$css:`@stridge/kit:src/shared/widgets/asset-picker/compound/AssetPicker.styles.ts:73`},lowBalanceBadge:{"AssetPicker__styles.lowBalanceBadge":`AssetPicker__styles.lowBalanceBadge`,"flexShrink-kmuXW":`x2lah0s`,"backgroundColor-kWkggS":`xp5aqsh`,"borderColor-kVAM5u":`x1bue7yx`,"color-kMwMTN":`x137ha3m`,"fontSize-kGuDYH":`x1j6dyjg`,"fontWeight-k63SB2":`xk50ysn`,"lineHeight-kLWn49":`x1xxsxie`,"letterSpacing-kb6lSQ":`x1ixy4ik`,"minHeight-kAzted":`xj9xw9b`,"paddingInlineStart-kZCmMZ":`x7coems`,"paddingInlineEnd-kwRFfy":`xrw5ot4`,$$css:`@stridge/kit:src/shared/widgets/asset-picker/compound/AssetPicker.styles.ts:86`},footer:{"AssetPicker__styles.footer":`AssetPicker__styles.footer`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`xdt5ytf`,"paddingTop-kLKAdn":`xyamay9`,"paddingInlineEnd-kwRFfy":`x1x5flf6`,"paddingBottom-kGO01o":`x1t4gjm`,"paddingInlineStart-kZCmMZ":`xwn43p0`,$$css:`@stridge/kit:src/shared/widgets/asset-picker/compound/AssetPicker.styles.ts:100`},cta:{"AssetPicker__styles.cta":`AssetPicker__styles.cta`,"width-kzqmXN":`xh8yej3`,$$css:`@stridge/kit:src/shared/widgets/asset-picker/compound/AssetPicker.styles.ts:108`},ctaInteractive:{"AssetPicker__styles.ctaInteractive":`AssetPicker__styles.ctaInteractive`,"cursor-kkrTdU":`x1ypdohk`,$$css:`@stridge/kit:src/shared/widgets/asset-picker/compound/AssetPicker.styles.ts:111`},ctaInert:{"AssetPicker__styles.ctaInert":`AssetPicker__styles.ctaInert`,"cursor-kkrTdU":`xt0e3qv`,$$css:`@stridge/kit:src/shared/widgets/asset-picker/compound/AssetPicker.styles.ts:114`}};export{e as styles};

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

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

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

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

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

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

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

@@ -1 +1 @@
-"use client";import{useLingui as e}from"../../../../i18n/useLingui.js";import"../../../../../i18n/index.js";import{ChevronLeftIcon as t}from"../../../../icons/ChevronLeftIcon.js";import"../../../../../icons/index.js";import{IconButton as n}from"../../../../ui/IconButton/IconButton.js";import{Dialog as r}from"../../../../ui/Dialog/Dialog.js";import"../../../../ui/Dialog/index.js";import{Card as i}from"../../../../ui/Card/Card.js";import{text as a}from"../../../../ui/Text/Text.js";import"../../../../../ui/index.js";import{ASSET_PICKER_SLOTS as o}from"../AssetPicker.slots.js";import{styles as s}from"../AssetPicker.styles.js";import{useAssetPickerContext as c}from"../context.js";import{jsx as l,jsxs as u}from"react/jsx-runtime";import*as d from"@stylexjs/stylex";function f({title:f,onBack:p}={}){let m=c(`AssetPicker.Header`),{_:h}=e(),g=m.token?.symbol??`USDC`,_=f??m.headerTitle??h({id:`oFmN8a`,message:`Deposit {symbol}`,values:{symbol:g}}),v=p===null?void 0:p??m.onBack;return u(i.Header,{"data-stridge-slot":o.header,...d.props(s.header),children:[typeof v==`function`?l(n,{"aria-label":h({id:`iH8pgl`,message:`Back`}),onClick:v,children:l(t,{"aria-hidden":!0,...d.props(s.backIcon)})}):null,l(a.span,{size:`base`,fontWeight:`semibold`,leading:`tight`,tracking:`tight`,truncate:!0,...d.props(s.headerTitle),children:_}),l(r.CloseButton,{})]})}export{f as AssetPickerHeader};
+"use client";import{useLingui as e}from"../../../../i18n/useLingui.js";import"../../../../../i18n/index.js";import{ChevronLeftIcon as t}from"../../../../icons/ChevronLeftIcon.js";import"../../../../../icons/index.js";import{IconButton as n}from"../../../../ui/IconButton/IconButton.js";import{Dialog as r}from"../../../../ui/Dialog/Dialog.js";import"../../../../ui/Dialog/index.js";import{Card as i}from"../../../../ui/Card/Card.js";import{text as a}from"../../../../ui/Text/Text.js";import"../../../../../ui/index.js";import{ASSET_PICKER_SLOTS as o}from"../AssetPicker.slots.js";import{styles as s}from"../AssetPicker.styles.js";import{useAssetPickerContext as c}from"../context.js";import{jsx as l,jsxs as u}from"react/jsx-runtime";import*as d from"@stylexjs/stylex";function f({title:f,onBack:p,trailing:m}={}){let h=c(`AssetPicker.Header`),{_:g}=e(),_=h.token?.symbol??`USDC`,v=f??h.headerTitle??g({id:`oFmN8a`,message:`Deposit {symbol}`,values:{symbol:_}}),y=p===null?void 0:p??h.onBack,b=m===null?null:m??h.headerTrailing;return u(i.Header,{"data-stridge-slot":o.header,...d.props(s.header),children:[typeof y==`function`?l(n,{"aria-label":g({id:`iH8pgl`,message:`Back`}),onClick:y,children:l(t,{"aria-hidden":!0,...d.props(s.backIcon)})}):null,l(a.span,{size:`base`,fontWeight:`semibold`,leading:`tight`,tracking:`tight`,truncate:!0,...d.props(s.headerTitle),children:v}),u(`div`,{...d.props(s.headerTrailing),children:[b,l(r.CloseButton,{})]})]})}export{f as AssetPickerHeader};