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

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

@@ -0,0 +1,95 @@
+import { Entity } from "../../../driver/types.js";
+import { ActivityPayload } 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/compound/context.d.ts
+/**
+ * Source of truth handed to `<Activity>` and `<ActivityDetail>` from whichever
+ * dialog (deposit / withdraw) mounts them. Each dialog assembles this value once from its own
+ * snapshot + actions and wraps the activity step body in
+ * `<ActivitySourceProvider 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 `activityList` and `activityDetail` as separate
+ * state names; the dialog's step router mounts {@link Activity} for the list step and
+ * {@link ActivityDetail} 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 ActivitySourceProvider}
+ * @see {@link useActivitySource}
+ */
+interface ActivitySourceValue {
+  /**
+   * The driver's `activity` entity. Same shape on both flows (`DepositSnapshot["activity"]`
+   * and `WithdrawSnapshot["activity"]` 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<ActivityPayload, ReadonlyArray<GatewayUdaDto>, GatewayPollResponse>;
+  /**
+   * Trigger a fresh one-shot fetch. Wired by each dialog to `driver.refreshActivity(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
+   * `watchActivity` 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 `activityList` to `activityDetail` carrying the selected `settlementId`.
+   */
+  selectSettlement: (settlementId: string) => void;
+  /**
+   * Back chevron handler. Wired to `actions.back()` — the FSM disambiguates via the current
+   * state name (`activityDetail → activityList → source`). The compound renders the chevron in
+   * both the list step's header AND inside the detail step's header composition.
+   *
+   * Optional. The per-flow source-bridge hook omits `back` when the active state's
+   * `backTarget.kind === "closed"` (imperative direct-entry — no source step to restore), so
+   * the header renders without a chevron. The user dismisses via the dialog's `X`.
+   */
+  back?: () => void;
+  /**
+   * Recovery fallback the detail compound invokes when the selected settlement has aged off
+   * the envelope (rare race — host calls `useActivity().open({ settlementId })`, then the
+   * background watcher tick lands a fresh response without that row). The compound prefers
+   * {@link back} when present; this slot only fires on direct-entry detail where `back` is
+   * undefined and the user would otherwise stare at an empty body until they hit `X`.
+   *
+   * Optional. The deposit / withdraw bridges always supply `back`, so they leave this unset.
+   * The standalone activity bridge wires it to a "re-open list" dispatch — `useActivity().open()`
+   * with no args — which the standalone reducer re-targets to `activityList` from `activityDetail`.
+   */
+  onLookupMiss?: () => void;
+  /**
+   * Selected settlement id when the dialog is mounting the detail step. Carried so the
+   * `<ActivityDetail>` 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 ActivitySourceValue}. Each dialog mounts one above its
+ * activity step body — see `DepositDialog` / `WithdrawDialog`.
+ */
+declare const ActivitySourceProvider: _$react.Provider<ActivitySourceValue | null>;
+/**
+ * Read the active {@link ActivitySourceValue}. Throws when called outside an
+ * `<ActivitySourceProvider>`.
+ */
+declare function useActivitySource(consumer: string): ActivitySourceValue;
+//#endregion
+export { ActivitySourceProvider, ActivitySourceValue, useActivitySource };

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

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

package/dist/shared/widgets/activity/compound/index.d.ts

@@ -0,0 +1,8 @@
+import { ActivityAmount, ActivityPayload, ActivityRowPayload } from "../payloads.js";
+import { ActivityHeader, ActivityListHeader } from "./components/ActivityHeader.js";
+import { ActivityRowProps } from "./components/Row.js";
+import { Activity } from "./Activity.js";
+import { ACTIVITY_SLOTS, ActivitySlot } from "./Activity.slots.js";
+import { ActivityDetail } from "./ActivityDetail.js";
+import { ActivitySourceProvider, ActivitySourceValue, useActivitySource } from "./context.js";
+import { ACTIVITY_ROW_SLOTS, ActivityRowSlot } from "./Row.slots.js";

package/dist/shared/widgets/activity/compound/index.js

@@ -0,0 +1 @@
+import"./Activity.slots.js";import"./context.js";import"./components/ActivityHeader.js";import"./Row.slots.js";import"./Activity.js";import"./ActivityDetail.js";

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

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

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

@@ -0,0 +1,108 @@
+//#region src/shared/widgets/activity/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 ActivityDirection = "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 ActivityStatusType = "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 ActivityStatusType} so the discriminator string stays stable as the shape grows.
+ */
+interface ActivityStatus {
+  kind: ActivityStatusType;
+}
+/**
+ * Discriminated row amount. Carries the raw numeric value plus the formatter the component
+ * layer should run against it:
+ *
+ * - `usd` — render via `formatUsd(value, i18n)`.
+ * - `token` — render via `formatTokenAmount(value, i18n, { maxDecimals: assetDecimals })` and
+ *   append the row's `assetSymbol`.
+ *
+ * Kept raw (not pre-formatted) so the row component re-formats on every render, matching the
+ * `t\`…\`` translation cadence used by deposit / withdraw chrome — locale flips and time-based
+ * formatters (e.g. `Intl.RelativeTimeFormat`) take effect on the same React commit instead of
+ * waiting for the next driver poll.
+ */
+type ActivityAmount = {
+  value: number;
+  kind: "usd";
+} | {
+  value: number;
+  kind: "token";
+};
+/**
+ * One settlement row in the activity list. Pre-shaped — but never pre-formatted — by
+ * the driver's transformer. The row component owns string formatting; it calls Lingui's
+ * `useLingui()` for the active locale and threads the result through `formatUsd` /
+ * `formatTokenAmount` / `formatSmartRelative` / `t\`…\`` per-render. That mirrors the
+ * deposit/withdraw widget pattern (see `AmountEntry.tsx`, `ConfirmDeposit.tsx`) and avoids the
+ * "row strings stuck in old locale until next fetch" lag that pre-formatted payloads exhibit.
+ *
+ * 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 ActivityRowPayload {
+  /** 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: ActivityDirection;
+  /** Lifecycle bucket. Drives the inline status indicator (spinner / red-X / none). */
+  status: ActivityStatus;
+  /**
+   * Discriminated amount. For deposits this is the credited receive leg; for withdrawals it
+   * is the source send leg. The row component formats this through the active locale.
+   */
+  amount: ActivityAmount;
+  /** Settlement `updated_at` as unix-ms. The row component formats this via smart-relative. */
+  updatedAtMs: number;
+  /** Destination asset symbol — what the leading {@link import("#/shared/ui").TokenLogo} renders. */
+  assetSymbol: string;
+  /** Destination asset decimals — caps the token-amount formatter precision when `amount.kind === "token"`. */
+  assetDecimals: number;
+  /** 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. Resolved at the
+   * driver layer from the cached `Gateway.assets()` catalog because the lookup map lives in
+   * the driver closure; not locale-dependent, so component-layer re-derivation is unnecessary.
+   */
+  chainLogoUrl?: 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 ActivityPayload {
+  /** Newest-first row payloads, capped at 20 per fetch. */
+  rows: ReadonlyArray<ActivityRowPayload>;
+  /**
+   * Merchant brand label echoed back on `uda.metadata.brand_name` (server-injected per-merchant
+   * at `gateway/start` time, constant across the merchant's UDAs). Extracted from the first UDA
+   * whose metadata carries a non-empty value. Threaded by activity source hooks into
+   * `settlementContext.brandName` so deposit detail rows render the merchant brand as the
+   * destination label; withdraw detail rows suppress it inside
+   * `settlementToWidgetProps` so they keep showing the recipient address.
+   */
+  brandName?: string;
+}
+//#endregion
+export { ActivityAmount, ActivityDirection, ActivityPayload, ActivityRowPayload, ActivityStatus, ActivityStatusType };

package/dist/shared/widgets/activity/transformers/activityResponseToPayload.js

@@ -0,0 +1 @@
+import{parseIsoMs as e}from"../../../../flows/shared/transformers/parseIsoMs.js";import{resolveDirection as t}from"./resolveDirection.js";function n(e,t){let n=t.ownerAddress.toLowerCase(),a=[];for(let t of e.udas)for(let e of t.settlements)a.push({settlement:e,uda:t});a.sort((e,t)=>e.settlement.updated_at===t.settlement.updated_at?0:e.settlement.updated_at<t.settlement.updated_at?1:-1);let o=[];for(let{settlement:e,uda:r}of a.slice(0,20))o.push(i(e,r,t,n));let s=r(e.udas);return{rows:o,...s?{brandName:s}:{}}}function r(e){for(let t of e){let e=t.metadata?.brand_name;if(typeof e!=`string`)continue;let n=e.trim();if(n.length>0)return n}}function i(n,r,i,s){let c=t(r,s),l=a(n.status),u=o(n,r),d=e(n.updated_at)??e(n.created_at)??Date.now(),f=r.destination.eip155_id?Number(r.destination.eip155_id):void 0,p=f===void 0?void 0:i.chainLogoFor?.(f),m=n.to?.logo??void 0;return{id:n.id,udaId:r.uda_id,direction:c,status:l,amount:u,updatedAtMs:d,assetSymbol:r.destination.asset_symbol,assetDecimals:r.destination.asset_decimals,...m?{assetLogoUrl:m}:{},...f===void 0?{}:{chainId:f},...r.destination.network_name?{chainName:r.destination.network_name}:{},...p?{chainLogoUrl:p}:{}}}function a(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 o(e,t){let n=e.to,r=e.from,i=n?.amount_usd??r?.amount_usd;if(i){let e=Number.parseFloat(i);if(Number.isFinite(e))return{value:e,kind:`usd`}}let a=t.destination.asset_decimals;return{value:s(n,a),kind:`token`}}function s(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}export{n as activityResponseToPayload};

package/dist/shared/widgets/activity/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,10 @@
-import { AmountEntryBodyProps, AmountEntryDialogProps, AmountEntryFlowProps, AmountEntryFooterProps, AmountEntryHeaderProps, AmountEntryHeroProps, AmountEntryPillsProps, AmountEntryProps } from "./types.js";
+import { AmountEntryBodyProps, AmountEntryDetailsProps, AmountEntryDetailsRowProps, AmountEntryDialogProps, AmountEntryFlowProps, AmountEntryFooterProps, AmountEntryHeaderProps, AmountEntryHeroProps, AmountEntryNoticeProps, AmountEntryPillsProps, AmountEntryProps } from "./types.js";
+import { AmountEntryHeader } from "./components/Header.js";
+import { AmountEntryDetails, AmountEntryDetailsRow } from "./components/Details.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 +48,9 @@ declare namespace AmountEntry {
   type PillsProps = AmountEntryPillsProps;
   type FlowProps = AmountEntryFlowProps;
   type FooterProps = AmountEntryFooterProps;
+  type NoticeProps = AmountEntryNoticeProps;
+  type DetailsProps = AmountEntryDetailsProps;
+  type DetailsRowProps = AmountEntryDetailsRowProps;
   type DialogProps = AmountEntryDialogProps;
   const Header: typeof AmountEntryHeader;
   const Body: typeof AmountEntryBody;
@@ -53,6 +58,9 @@ declare namespace AmountEntry {
   const Pills: typeof AmountEntryPills;
   const Flow: typeof AmountEntryFlow;
   const Footer: typeof AmountEntryFooter;
+  const Notice: typeof AmountEntryNotice;
+  const Details: typeof AmountEntryDetails;
+  const DetailsRow: typeof AmountEntryDetailsRow;
   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{AmountEntryDetails as o,AmountEntryDetailsRow as s}from"./components/Details.js";import{AmountEntryContext as c}from"./context.js";import{AmountEntryFlow as l}from"./components/Flow.js";import{AmountEntryFooter as u}from"./components/Footer.js";import{AmountEntryHeader as d}from"./components/Header.js";import{AmountEntryHero as f}from"./components/Hero/Hero.js";import"./components/Hero/index.js";import{AmountEntryNotice as p}from"./components/Notice.js";import{AmountEntryPills as m}from"./components/Pills.js";import{useMemo as h}from"react";import{jsx as g}from"react/jsx-runtime";import*as _ from"@stylexjs/stylex";const v={useGrouping:!0,maximumFractionDigits:8},y=[];function b(e){let{amount:t,sendToken:o,receiveToken:s,locale:l,format:u,min:d=0,max:f,onAmountChange:p,headerTitle:m,onBack:b,currencySymbol:x,subLine:S,subLineAmount:C,presets:w=y,activePreset:T,onPresetSelect:E,bridge:D,footerLabel:O,onContinue:k,notice:A,headerTrailing:j,children:M}=e,N=h(()=>({amount:t,sendToken:o,receiveToken:s,locale:l,format:u??v,min:d,max:f,onAmountChange:p,headerTitle:m,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,o,s,l,u,d,f,p,m,b,x,S,C,w,T,E,D,O,k,A,j]);return g(c.Provider,{value:N,children:g(n.Provider,{children:g(r,{"data-stridge-slot":i.root,..._.props(a.root),children:M})})})}function x(e){return g(t.Body,{"data-stridge-slot":i.body,...e})}function S({open:t,defaultOpen:n,onOpenChange:r,trigger:i,children:a,...o}){return g(e,{open:t,defaultOpen:n,onOpenChange:r,trigger:i,children:g(b,{...o,children:a})})}(function(e){e.Header=d,e.Body=x,e.Hero=f,e.Pills=m,e.Flow=l,e.Footer=u,e.Notice=p,e.Details=o,e.DetailsRow=s,e.Dialog=S})(b||={});export{b as AmountEntry};

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

@@ -9,6 +9,12 @@ 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";
+  readonly details: "amount-entry-details";
+  readonly detailsRow: "amount-entry-details-row";
+  readonly detailsRowLabel: "amount-entry-details-row-label";
+  readonly detailsRowValue: "amount-entry-details-row-value";
+  readonly detailsRowInfo: "amount-entry-details-row-info";
 };
 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`,details:`amount-entry-details`,detailsRow:`amount-entry-details-row`,detailsRowLabel:`amount-entry-details-row-label`,detailsRowValue:`amount-entry-details-row-value`,detailsRowInfo:`amount-entry-details-row-info`};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`},detailsWrap:{"AmountEntry__styles.detailsWrap":`AmountEntry__styles.detailsWrap`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`xdt5ytf`,"paddingTop-kLKAdn":`x9desvi`,"paddingInlineEnd-kwRFfy":`x1o5r3ls`,"paddingInlineStart-kZCmMZ":`xz7312c`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:275`},detailsCard:{"AmountEntry__styles.detailsCard":`AmountEntry__styles.detailsCard`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`xdt5ytf`,"gap-kOIVth":`x1v2ro7d`,"backgroundColor-kWkggS":`x12obg9s`,"borderColor-kVAM5u":`x1bue7yx`,"borderStyle-ksu8eU":`x1y0btm7`,"borderWidth-kMzoRj":`xmkeg23`,"borderRadius-kaIpWk":`x13pkpm2`,"paddingBlock-k8WAf4":`x1xn8qrt`,"paddingInline-kg3NbH":`x1hr3lfm`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:282`},detailsRow:{"AmountEntry__styles.detailsRow":`AmountEntry__styles.detailsRow`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`x1q0g3np`,"alignItems-kGNEyG":`x6s0dn4`,"justifyContent-kjj79g":`x1qughib`,"gap-kOIVth":`x1v2ro7d`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:294`},detailsRowLabelCell:{"AmountEntry__styles.detailsRowLabelCell":`AmountEntry__styles.detailsRowLabelCell`,"display-k1xSpc":`x3nfvp2`,"flexDirection-kXwgrk":`x1q0g3np`,"alignItems-kGNEyG":`x6s0dn4`,"gap-kOIVth":`x1jnr06f`,"minWidth-k7Eaqz":`xeuugli`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:301`},detailsRowLabel:{"AmountEntry__styles.detailsRowLabel":`AmountEntry__styles.detailsRowLabel`,"margin-kogj98":`x1ghz6dp`,"minWidth-k7Eaqz":`xeuugli`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:308`},detailsRowInfoTrigger:{"AmountEntry__styles.detailsRowInfoTrigger":`AmountEntry__styles.detailsRowInfoTrigger`,"appearance-kysU6D":`xjyslct`,"display-k1xSpc":`x3nfvp2`,"alignItems-kGNEyG":`x6s0dn4`,"justifyContent-kjj79g":`xl56j7k`,"margin-kogj98":`x1ghz6dp`,"padding-kmVPX3":`x1717udv`,"font-kVVagm":`xln7xf2`,"color-kMwMTN":`x137ha3m`,"cursor-kkrTdU":`x1146j2`,":hover_color-kDPRdz":`xpscirx`,":focus-visible_outline-k3Woio":`x67ar3w`,":focus-visible_outlineOffset-kiEn40":`x7s97pk`,":focus-visible_borderRadius-k7aC84":`x1o5aa3h`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:312`},detailsRowInfoIcon:{"AmountEntry__styles.detailsRowInfoIcon":`AmountEntry__styles.detailsRowInfoIcon`,"width-kzqmXN":`x1fxhmyf`,"height-kZKoxP":`x18gnavp`,"flexShrink-kmuXW":`x2lah0s`,"color-kMwMTN":`x1heor9g`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:333`},detailsRowValueCell:{"AmountEntry__styles.detailsRowValueCell":`AmountEntry__styles.detailsRowValueCell`,"display-k1xSpc":`x3nfvp2`,"flexDirection-kXwgrk":`x1q0g3np`,"alignItems-kGNEyG":`x6s0dn4`,"gap-kOIVth":`x17d4w8g`,"margin-kogj98":`x1ghz6dp`,"textAlign-k9WMMc":`xp4054r`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:339`}};export{e as styles};

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

@@ -0,0 +1,34 @@
+import { AmountEntryDetailsProps, AmountEntryDetailsRowProps } from "../types.js";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/shared/widgets/amount-entry/compound/components/Details.d.ts
+/**
+ * Details part — the labelled-value breakdown card under {@link AmountEntry.Pills}. Consumers
+ * compose {@link AmountEntry.DetailsRow} children freely; the part owns the surrounding card
+ * chrome, the body-side padding, and the inter-row spacing.
+ *
+ * Renders nothing decorative when no children are passed — drop the part entirely instead of
+ * rendering an empty card.
+ */
+declare function AmountEntryDetails({
+  className,
+  style,
+  children,
+  ...rest
+}: AmountEntryDetailsProps): _$react_jsx_runtime0.JSX.Element;
+/**
+ * Single row inside an {@link AmountEntry.Details} surface. Label on the start edge (with an
+ * optional info-icon tooltip), value on the end edge. The widget root provides a
+ * `<Tooltip.Provider>`, so `info` content shows on hover/focus without extra wiring.
+ */
+declare function AmountEntryDetailsRow({
+  label,
+  info,
+  infoLabel,
+  className,
+  style,
+  children,
+  ...rest
+}: AmountEntryDetailsRowProps): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { AmountEntryDetails, AmountEntryDetailsRow };

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

@@ -0,0 +1 @@
+"use client";import{useLingui as e}from"../../../../i18n/useLingui.js";import"../../../../../i18n/index.js";import{joinClassNames as t}from"../../../../utils/joinClassNames.js";import{InfoIcon as n}from"../../../../icons/InfoIcon.js";import"../../../../../icons/index.js";import{text as r}from"../../../../ui/Text/Text.js";import{Tooltip as i}from"../../../../ui/Tooltip/Tooltip.js";import"../../../../ui/Tooltip/index.js";import"../../../../../ui/index.js";import{AMOUNT_ENTRY_SLOTS as a}from"../AmountEntry.slots.js";import{styles as o}from"../AmountEntry.styles.js";import{jsx as s,jsxs as c}from"react/jsx-runtime";import*as l from"@stylexjs/stylex";function u({className:e,style:n,children:r,...i}){let c=l.props(o.detailsWrap),u=l.props(o.detailsCard);return s(`div`,{"data-stridge-slot":a.details,className:c.className,style:c.style,children:s(`div`,{...i,className:t(u.className,e),style:{...u.style,...n},children:r})})}function d({label:u,info:d,infoLabel:f,className:p,style:m,children:h,...g}){let{_}=e(),v=l.props(o.detailsRow),y=f??_({id:`kjrq_8`,message:`More information`});return c(`div`,{...g,"data-stridge-slot":a.detailsRow,className:t(v.className,p),style:{...v.style,...m},children:[c(`span`,{"data-stridge-slot":a.detailsRowLabel,...l.props(o.detailsRowLabelCell),children:[s(r.span,{size:`sm`,color:`subdued`,leading:`tight`,truncate:!0,...l.props(o.detailsRowLabel),children:u}),d?c(i.Root,{children:[s(i.Trigger,{"aria-label":y,"data-stridge-slot":a.detailsRowInfo,...l.props(o.detailsRowInfoTrigger),children:s(n,{"aria-hidden":!0,...l.props(o.detailsRowInfoIcon)})}),s(i.Content,{children:d})]}):null]}),s(`span`,{"data-stridge-slot":a.detailsRowValue,...l.props(o.detailsRowValueCell),children:s(r.span,{size:`sm`,color:`default`,leading:`tight`,children:h})})]})}export{u as AmountEntryDetails,d as AmountEntryDetailsRow};

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

@@ -16,7 +16,8 @@ import * as _$react_jsx_runtime0 from "react/jsx-runtime";
  */
 declare function AmountEntryFooter({
   label,
-  onContinue
+  onContinue,
+  children
 }?: AmountEntryFooterProps): _$react_jsx_runtime0.JSX.Element;
 //#endregion
 export { AmountEntryFooter };

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

@@ -1 +1 @@
-"use client";import{useLingui as e}from"../../../../i18n/useLingui.js";import"../../../../../i18n/index.js";import{Button as t}from"../../../../ui/Button/Button.js";import"../../../../ui/Button/index.js";import{AMOUNT_ENTRY_SLOTS as n}from"../AmountEntry.slots.js";import{styles as r}from"../AmountEntry.styles.js";import{useAmountEntryContext as i}from"../context.js";import{jsx as a}from"react/jsx-runtime";import*as o from"@stylexjs/stylex";function s({label:s,onContinue:c}={}){let l=i(`AmountEntry.Footer`),{_:u}=e(),d=c??l.onContinue,f=s??l.footerLabel??u({id:`xGVfLh`,message:`Continue`}),p=typeof d==`function`;return a(`div`,{"data-stridge-slot":n.footer,...o.props(r.footer),children:a(t,{size:`cta`,onClick:p?d:void 0,...o.props(r.cta,p?r.ctaInteractive:r.ctaInert),children:f})})}export{s as AmountEntryFooter};
+"use client";import{useLingui as e}from"../../../../i18n/useLingui.js";import"../../../../../i18n/index.js";import{Button as t}from"../../../../ui/Button/Button.js";import"../../../../ui/Button/index.js";import{AMOUNT_ENTRY_SLOTS as n}from"../AmountEntry.slots.js";import{styles as r}from"../AmountEntry.styles.js";import{useAmountEntryContext as i}from"../context.js";import{jsx as a,jsxs as o}from"react/jsx-runtime";import*as s from"@stylexjs/stylex";function c({label:c,onContinue:l,children:u}={}){let d=i(`AmountEntry.Footer`),{_:f}=e(),p=l??d.onContinue,m=c??d.footerLabel??f({id:`xGVfLh`,message:`Continue`}),h=typeof p==`function`;return o(`div`,{"data-stridge-slot":n.footer,...s.props(r.footer),children:[u,a(t,{size:`cta`,onClick:h?p:void 0,...s.props(r.cta,h?r.ctaInteractive:r.ctaInert),children:m})]})}export{c as AmountEntryFooter};

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

@@ -1,3 +1,3 @@
-import { AmountEntryBodyProps, AmountEntryDialogProps, AmountEntryFlowProps, AmountEntryFooterProps, AmountEntryHeaderProps, AmountEntryHeroProps, AmountEntryPercentPreset, AmountEntryPillsProps, AmountEntryProps, AmountEntryToken } from "./types.js";
+import { AmountEntryBodyProps, AmountEntryDetailsProps, AmountEntryDetailsRowProps, AmountEntryDialogProps, AmountEntryFlowProps, AmountEntryFooterProps, AmountEntryHeaderProps, AmountEntryHeroProps, AmountEntryNoticeProps, AmountEntryPercentPreset, AmountEntryPillsProps, AmountEntryProps, AmountEntryToken } from "./types.js";
 import { AmountEntry } from "./AmountEntry.js";
 import { AMOUNT_ENTRY_SLOTS, AmountEntrySlot } from "./AmountEntry.slots.js";

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

@@ -44,8 +44,7 @@ interface AmountEntryProps {
   sendToken: AmountEntryToken;
   /**
    * Destination token rendered on the right side of the FlowPill, and
-   * surfaced as the title fallback (`Deposit ${symbol}` — appends ` to ${brandName}`
-   * when `<KitProvider brandName="…">` is configured).
+   * surfaced as the title fallback (`Deposit ${symbol}`).
    */
   receiveToken: AmountEntryToken;
   /**
@@ -127,9 +126,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 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 +169,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.
@@ -205,6 +229,36 @@ interface AmountEntryFlowProps {
    */
   bridge?: ReactNode;
 }
+/**
+ * Details part props — the card surface that hosts a labelled-value breakdown under the Pills row.
+ * Consumers pass {@link AmountEntryDetailsRow} children freely; the part owns layout, spacing, and
+ * the surrounding card chrome.
+ */
+interface AmountEntryDetailsProps extends ComponentProps<"div"> {
+  children?: ReactNode;
+}
+/**
+ * Single row inside an {@link AmountEntryDetailsProps}-shaped card — a label on the start edge, an
+ * optional info-icon tooltip next to the label, and a value (passed as `children`) on the end
+ * edge. Renders inside the row's existing `<Tooltip.Provider>` (the AmountEntry root provides one),
+ * so `info` content is shown via a `<Tooltip.Root>` with no extra wiring.
+ */
+interface AmountEntryDetailsRowProps extends ComponentProps<"div"> {
+  /** Label rendered on the start edge of the row. */
+  label: ReactNode;
+  /**
+   * Optional tooltip content for the info icon rendered next to the label. When omitted, no icon
+   * is rendered. Plain text or rich nodes both work.
+   */
+  info?: ReactNode;
+  /**
+   * Accessible label for the info-icon trigger. Defaults to `"More information"`. Override when
+   * the row's label alone doesn't disambiguate the row for screen readers.
+   */
+  infoLabel?: string;
+  /** The row's value (e.g. `"200.00 USD"`). Forwarded as the end-edge cell. */
+  children?: ReactNode;
+}
 /**
  * Footer part props — owns the full-width primary Continue CTA.
  */
@@ -219,6 +273,12 @@ interface AmountEntryFooterProps {
    * `onContinue` set on the {@link AmountEntry} root.
    */
   onContinue?: () => void;
+  /**
+   * Optional nodes rendered above the CTA inside the footer's flex column. Useful when a
+   * validation hint (e.g. `<AmountEntry.Notice />`) should sit tight against the button rather
+   * than at the bottom of the body. Inherits the footer's `gap: 8px` for spacing.
+   */
+  children?: ReactNode;
 }
 //#endregion
-export { AmountEntryBodyProps, AmountEntryDialogProps, AmountEntryFlowProps, AmountEntryFooterProps, AmountEntryHeaderProps, AmountEntryHeroProps, AmountEntryPercentPreset, AmountEntryPillsProps, AmountEntryProps, AmountEntryToken };
+export { AmountEntryBodyProps, AmountEntryDetailsProps, AmountEntryDetailsRowProps, AmountEntryDialogProps, AmountEntryFlowProps, AmountEntryFooterProps, AmountEntryHeaderProps, AmountEntryHeroProps, AmountEntryNoticeProps, AmountEntryPercentPreset, AmountEntryPillsProps, AmountEntryProps, AmountEntryToken };