@stridge/kit 0.1.0-alpha.0

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

@@ -0,0 +1,32 @@
+//#region src/shared/utils/logos/chains.d.ts
+/**
+ * Static chain registry used by the logo resolver. Maps EIP-155 chain ids to the metadata required
+ * to build convention CDN URLs (`trustwallet/assets` repo) and to render a friendly chain label
+ * underneath the gradient+letter fallback when the CDN entry 404s.
+ *
+ * Keep this list aligned with the chains the gateway provisions today. Adding a new chain is a
+ * purely additive change — the resolver returns `undefined` for unknown ids and falls through to
+ * the backend-supplied URL automatically.
+ */
+/**
+ * Visual identity record bundled per chain.
+ */
+interface ChainLogoMeta {
+  /**
+   * EIP-155 chain id (e.g. `1`, `42161`).
+   */
+  chainId: number;
+  /**
+   * Human-readable label rendered as the chain badge's `alt` text and as the seed for the
+   * deterministic gradient+letter fallback when no CDN entry exists.
+   */
+  name: string;
+  /**
+   * Slug used inside the `trustwallet/assets/blockchains/{slug}` path. Some chains use legacy
+   * naming (BNB Chain → `smartchain`, Avalanche → `avalanchec`) that doesn't match the chain id
+   * directly.
+   */
+  assetRepoSlug: string;
+}
+//#endregion
+export { ChainLogoMeta };

package/dist/shared/utils/logos/chains.js

@@ -0,0 +1 @@
+const e=new Map([[1,{chainId:1,name:`Ethereum`,assetRepoSlug:`ethereum`}],[10,{chainId:10,name:`Optimism`,assetRepoSlug:`optimism`}],[56,{chainId:56,name:`BNB Chain`,assetRepoSlug:`smartchain`}],[100,{chainId:100,name:`Gnosis`,assetRepoSlug:`xdai`}],[137,{chainId:137,name:`Polygon`,assetRepoSlug:`polygon`}],[250,{chainId:250,name:`Fantom`,assetRepoSlug:`fantom`}],[324,{chainId:324,name:`zkSync Era`,assetRepoSlug:`zksync`}],[5e3,{chainId:5e3,name:`Mantle`,assetRepoSlug:`mantle`}],[8453,{chainId:8453,name:`Base`,assetRepoSlug:`base`}],[42161,{chainId:42161,name:`Arbitrum One`,assetRepoSlug:`arbitrum`}],[43114,{chainId:43114,name:`Avalanche`,assetRepoSlug:`avalanchec`}],[59144,{chainId:59144,name:`Linea`,assetRepoSlug:`linea`}],[81457,{chainId:81457,name:`Blast`,assetRepoSlug:`blast`}],[534352,{chainId:534352,name:`Scroll`,assetRepoSlug:`scroll`}]]);function t(t){if(!(t===void 0||!Number.isFinite(t)))return e.get(t)}function n(){return Array.from(e.values())}export{t as getChainLogoMeta,n as listChainLogoMeta};

package/dist/shared/utils/logos/conventionUrls.js

@@ -0,0 +1 @@
+import{getChainLogoMeta as e}from"./chains.js";import{getAddress as t,isAddress as n}from"viem";const r=`https://raw.githubusercontent.com/trustwallet/assets/master/blockchains`;function i(i,a){let o=e(i);if(!o||!a||!n(a))return;let s=t(a);return`${r}/${o.assetRepoSlug}/assets/${s}/logo.png`}function a(t){let n=e(t);if(n)return`${r}/${n.assetRepoSlug}/info/logo.png`}const o={USDC:{chainId:1,address:`0xA0b86991c6218b36c1d19D4a2e9Eb0cE3606eB48`},USDT:{chainId:1,address:`0xdAC17F958D2ee523a2206206994597C13D831ec7`},DAI:{chainId:1,address:`0x6B175474E89094C44Da98b954EedeAC495271d0F`},WBTC:{chainId:1,address:`0x2260FAC5E5542a773Aa44fBCfeDf7C193bc2C599`},WETH:{chainId:1,address:`0xC02aaA39b223FE8D0A0e5C4F27eAD9083C756Cc2`},TUSD:{chainId:1,address:`0x0000000000085d4780B73119b644AE5ecd22b376`},BUSD:{chainId:1,address:`0x4Fabb145d64652a948d72533023f6E7A623C7C53`},FRAX:{chainId:1,address:`0x853d955aCEf822Db058eb8505911ED77F175b99e`},LINK:{chainId:1,address:`0x514910771AF9Ca656af840dff83E8264EcF986CA`},PYUSD:{chainId:1,address:`0x6c3ea9036406852006290770BEdFcAbA0e23A0e8`}};function s(e){if(!e)return;let t=o[u(e)];if(t)return i(t.chainId,t.address)}const c={ETH:1,BNB:56,MATIC:137,POL:137,AVAX:43114,FTM:250,XDAI:100};function l(e){if(!e)return;let t=c[u(e)];if(t!==void 0)return a(t)}function u(e){return e.replace(/\s*\(.*?\)\s*$/,``).trim().toUpperCase()}export{s as buildCanonicalLogoUrl,l as buildCanonicalNativeLogoUrl,a as buildChainLogoUrl,i as buildErc20LogoUrl};

package/dist/shared/utils/logos/index.js

@@ -0,0 +1 @@
+import"./chains.js";import"./conventionUrls.js";import"./resolveLogoSrc.js";import"./api.js";

package/dist/shared/utils/logos/resolveLogoSrc.js

@@ -0,0 +1 @@
+import{buildCanonicalLogoUrl as e,buildCanonicalNativeLogoUrl as t,buildChainLogoUrl as n,buildErc20LogoUrl as r}from"./conventionUrls.js";function i(i){if(i.pinnedLogoUrl)return[i.pinnedLogoUrl];let a=[];if(i.isNative){let e=t(i.symbol);e&&a.push(e)}else{let t=e(i.symbol);t&&a.push(t)}let s=i.isNative?n(i.chainId):r(i.chainId,i.address);return s&&a.push(s),i.logoUrl&&a.push(i.logoUrl),o(a)}function a(e){let t=[],r=n(e.chainId);return r&&t.push(r),e.chainLogoUrl&&t.push(e.chainLogoUrl),o(t)}function o(e){let t=new Set,n=[];for(let r of e)t.has(r)||(t.add(r),n.push(r));return n}export{a as resolveChainLogoChain,i as resolveTokenLogoChain};

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

@@ -0,0 +1,62 @@
+//#region src/shared/utils/logos/types.d.ts
+/**
+ * Input to {@link logos.token | `logos.token()`}. Every field is optional — pass what is
+ * available and the resolver falls back gracefully when fields are missing.
+ *
+ * Two URL fields with distinct semantics:
+ *
+ * - `pinnedLogoUrl` — when set, `logos.token` returns it as the only candidate. Bypasses the
+ *   Trustwallet CDN and the gradient+letter fallback. Use when a definitive logo URL is
+ *   available and no CDN probing is desired.
+ * - `logoUrl` — appended after the CDN candidates. Used when the convention URLs 404. Typical
+ *   source: a backend's per-token `logo` field (e.g. Stridge's `Uda.supportedAssets()` payload).
+ */
+interface TokenLogoInput {
+  /**
+   * EIP-155 chain id (e.g. `1`, `42161`). Drives the convention CDN URL and (in `<TokenLogo>`)
+   * the chain-badge overlay rendered on the bottom-right of the disc.
+   */
+  chainId?: number;
+  /**
+   * ERC-20 contract address on `chainId`. Omit for chain-native tokens (set `isNative`). Either
+   * checksum or lowercase is fine.
+   */
+  address?: string;
+  /**
+   * `true` for chain-native tokens (ETH on Ethereum, MATIC on Polygon, BNB on BSC, …). Drives
+   * the resolver toward `…/blockchains/{slug}/info/logo.png` instead of the per-token path.
+   */
+  isNative?: boolean;
+  /**
+   * Token symbol (e.g. `"USDC"`). When present, the resolver consults a curated canonical
+   * mapping (USDC, USDT, DAI, WBTC, WETH, …) for blue-chip tokens whose Trustwallet entry is
+   * missing on some chains but identical to the Ethereum-mainnet artwork.
+   */
+  symbol?: string;
+  /**
+   * Logo URL appended after the CDN candidates. Used as the final URL fallback before the
+   * gradient+letter visual.
+   */
+  logoUrl?: string;
+  /**
+   * Pinned logo URL. When set, `logos.token` returns `[pinnedLogoUrl]` and skips every other
+   * source. Use when a definitive URL is available and CDN probing is not desired.
+   */
+  pinnedLogoUrl?: string;
+}
+/**
+ * Input to {@link logos.chain | `logos.chain()`}.
+ */
+interface ChainLogoInput {
+  /**
+   * EIP-155 chain id used to look up the bundled chain entry.
+   */
+  chainId?: number;
+  /**
+   * Logo URL appended after the CDN candidate. Used as the final URL fallback when the chain
+   * isn't in the bundled registry or its CDN entry 404s.
+   */
+  chainLogoUrl?: string;
+}
+//#endregion
+export { ChainLogoInput, TokenLogoInput };

package/dist/shared/utils/mergeClassName.js

@@ -0,0 +1 @@
+function e(e,t){return n=>[e,typeof t==`function`?t(n):t].filter(Boolean).join(` `)}export{e as mergeClassName};

package/dist/shared/utils/mergeStyle.js

@@ -0,0 +1 @@
+function e(e,t){return n=>{let r=typeof t==`function`?t(n):t;return{...e,...r}}}export{e as mergeStyle};

package/dist/shared/wallet/resolveSupportedChainIds.js

@@ -0,0 +1 @@
+function e(e){return e.map(e=>e.id)}export{e as resolveSupportedChainIds};

package/dist/shared/wallet/resolveSupportedChains.js

@@ -0,0 +1 @@
+import{mainnet as e}from"wagmi/chains";const t=[e];function n(e){return e&&e.length>0?e:t}export{n as resolveSupportedChains};

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

@@ -0,0 +1,103 @@
+import { Address, Chain } from "viem";
+
+//#region src/shared/wallet/types.d.ts
+/**
+ * Options accepted by `useWalletState`.
+ */
+interface UseWalletStateOptions {
+  /**
+   * Chains supported by the kit.
+   *
+   * When omitted or empty, Ethereum mainnet is used by default.
+   */
+  chains?: readonly Chain[];
+}
+/**
+ * Shared metadata included in all wallet states.
+ */
+interface WalletStateBase {
+  /**
+   * The chains accepted as valid networks.
+   */
+  supportedChains: readonly Chain[];
+  /**
+   * The EIP-155 numeric IDs of the accepted chains.
+   */
+  supportedChainIds: readonly number[];
+}
+/**
+ * Represents a wallet state in which the connection is being established or restored.
+ */
+interface WalletConnectingState extends WalletStateBase {
+  /**
+   * Discriminant identifying this state as `connecting`.
+   */
+  kind: "connecting";
+}
+/**
+ * Represents a wallet state in which no active connection is available.
+ */
+interface WalletDisconnectedState extends WalletStateBase {
+  /**
+   * Discriminant identifying this state as `disconnected`.
+   */
+  kind: "disconnected";
+}
+/**
+ * Represents a wallet state in which a wallet is connected but the active network is not
+ * in the supported chain list.
+ */
+interface WalletWrongChainState extends WalletStateBase {
+  /**
+   * Discriminant identifying this state as `wrong_chain`.
+   */
+  kind: "wrong_chain";
+  /**
+   * The primary connected address.
+   */
+  address: Address;
+  /**
+   * All addresses exposed by the connected wallet.
+   */
+  addresses: readonly Address[];
+  /**
+   * The active chain object, or `undefined` when wagmi cannot resolve it.
+   */
+  chain: Chain | undefined;
+  /**
+   * The active EIP-155 chain ID, or `undefined` when wagmi cannot resolve it.
+   */
+  chainId: number | undefined;
+}
+/**
+ * Represents a wallet state in which a wallet is connected and the active network is in the
+ * supported chain list.
+ */
+interface WalletReadyState extends WalletStateBase {
+  /**
+   * Discriminant identifying this state as `ready`.
+   */
+  kind: "ready";
+  /**
+   * The primary connected address.
+   */
+  address: Address;
+  /**
+   * All addresses exposed by the connected wallet; guaranteed non-empty.
+   */
+  addresses: readonly [Address, ...Address[]];
+  /**
+   * The active chain object.
+   */
+  chain: Chain;
+  /**
+   * The active EIP-155 chain ID.
+   */
+  chainId: number;
+}
+/**
+ * State returned by {@link useWalletState}.
+ */
+type WalletState = WalletConnectingState | WalletDisconnectedState | WalletWrongChainState | WalletReadyState;
+//#endregion
+export { UseWalletStateOptions, WalletConnectingState, WalletDisconnectedState, WalletReadyState, WalletState, WalletStateBase, WalletWrongChainState };

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

@@ -0,0 +1,21 @@
+import { UseWalletStateOptions, WalletState } from "./types.js";
+
+//#region src/shared/wallet/useWalletState.d.ts
+/**
+ * Reads the current wagmi connection and classifies it as one of `connecting` / `disconnected` /
+ * `wrong_chain` / `ready`.
+ *
+ * Does not initiate connections; the caller remains responsible for connecting the wallet.
+ *
+ * @example
+ *
+ * ```tsx
+ * const wallet = useWalletState({ chains: [mainnet, base] });
+ * if (wallet.kind === "ready") {
+ *   console.log(wallet.address, wallet.chainId);
+ * }
+ * ```
+ */
+declare function useWalletState(options?: UseWalletStateOptions): WalletState;
+//#endregion
+export { useWalletState };

package/dist/shared/wallet/useWalletState.js

@@ -0,0 +1 @@
+"use client";import{resolveSupportedChainIds as e}from"./resolveSupportedChainIds.js";import{resolveSupportedChains as t}from"./resolveSupportedChains.js";import{useMemo as n}from"react";import{useConnection as r}from"wagmi";function i(i={}){let a=r(),o=n(()=>t(i.chains),[i.chains]),s=n(()=>e(o),[o]),c=n(()=>({supportedChains:o,supportedChainIds:s}),[o,s]);if(a.status===`connecting`||a.status===`reconnecting`)return{kind:`connecting`,...c};if(a.status===`disconnected`)return{kind:`disconnected`,...c};let{address:l,addresses:u,chain:d,chainId:f}=a;return!s.includes(f)||!d?{kind:`wrong_chain`,address:l,addresses:u,chain:d,chainId:f,...c}:{kind:`ready`,address:l,addresses:u,chain:d,chainId:f,...c}}export{i as useWalletState};

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

@@ -0,0 +1,59 @@
+import { AmountEntryBodyProps, AmountEntryDialogProps, AmountEntryFlowProps, AmountEntryFooterProps, AmountEntryHeaderProps, AmountEntryHeroProps, 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 { AmountEntryPills } from "./components/Pills.js";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/shared/widgets/amount-entry/compound/AmountEntry.d.ts
+/**
+ * Root of the AmountEntry compound. Renders the modal-frame card surface
+ * and provides shared state (amount + send/receive tokens + slot wiring)
+ * to every compound part rendered inside it.
+ *
+ * AmountEntry is the screen the user reaches after picking an asset on
+ * the Asset picker — they enter an amount here and confirm to continue.
+ *
+ * Parts:
+ * - {@link AmountEntry.Header}
+ * - {@link AmountEntry.Body}
+ * - {@link AmountEntry.Hero}
+ * - {@link AmountEntry.Pills}
+ * - {@link AmountEntry.Flow}
+ * - {@link AmountEntry.Footer}
+ *
+ * Dialog form: {@link AmountEntry.Dialog} pre-composes the widget into
+ * a `Dialog.Root + Dialog.Trigger + Dialog.Content` shell — the
+ * production-recommended entry point. Use the bare `AmountEntry` form
+ * when you want the widget mounted inline.
+ */
+declare function AmountEntry(props: AmountEntryProps): _$react_jsx_runtime0.JSX.Element;
+declare function AmountEntryBody(props: AmountEntryBodyProps): _$react_jsx_runtime0.JSX.Element;
+declare function AmountEntryDialog({
+  open,
+  defaultOpen,
+  onOpenChange,
+  trigger,
+  children,
+  ...rootProps
+}: AmountEntryDialogProps): _$react_jsx_runtime0.JSX.Element;
+declare namespace AmountEntry {
+  type Props = AmountEntryProps;
+  type HeaderProps = AmountEntryHeaderProps;
+  type BodyProps = AmountEntryBodyProps;
+  type HeroProps = AmountEntryHeroProps;
+  type PillsProps = AmountEntryPillsProps;
+  type FlowProps = AmountEntryFlowProps;
+  type FooterProps = AmountEntryFooterProps;
+  type DialogProps = AmountEntryDialogProps;
+  const Header: typeof AmountEntryHeader;
+  const Body: typeof AmountEntryBody;
+  const Hero: typeof AmountEntryHero;
+  const Pills: typeof AmountEntryPills;
+  const Flow: typeof AmountEntryFlow;
+  const Footer: typeof AmountEntryFooter;
+  const Dialog: typeof AmountEntryDialog;
+}
+//#endregion
+export { AmountEntry };

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

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

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

@@ -0,0 +1,15 @@
+//#region src/shared/widgets/amount-entry/compound/AmountEntry.slots.d.ts
+declare const AMOUNT_ENTRY_SLOTS: {
+  readonly root: "amount-entry";
+  readonly header: "amount-entry-header";
+  readonly body: "amount-entry-body";
+  readonly footer: "amount-entry-footer";
+  readonly flow: "amount-entry-flow";
+  readonly pills: "amount-entry-pills";
+  readonly hero: "amount-entry-hero";
+  readonly heroBand: "amount-entry-hero-band";
+  readonly heroSwap: "amount-entry-hero-swap";
+};
+type AmountEntrySlot = (typeof AMOUNT_ENTRY_SLOTS)[keyof typeof AMOUNT_ENTRY_SLOTS];
+//#endregion
+export { AMOUNT_ENTRY_SLOTS, AmountEntrySlot };

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

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

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

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

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

@@ -0,0 +1,14 @@
+import { AmountEntryFlowProps } from "../types.js";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/shared/widgets/amount-entry/compound/components/Flow.d.ts
+/**
+ * Flow part — Send → Receive pill bridging the source and destination
+ * tokens. Reads both tokens from context, and falls back to the
+ * {@link AmountEntry} root's `bridge` for the divider glyph.
+ */
+declare function AmountEntryFlow({
+  bridge
+}?: AmountEntryFlowProps): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { AmountEntryFlow };

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

@@ -0,0 +1 @@
+"use client";import{useLingui as e}from"../../../../i18n/useLingui.js";import"../../../../../i18n/index.js";import{ArrowRightIcon as t}from"../../../../icons/ArrowRightIcon.js";import"../../../../../icons/index.js";import{text as n}from"../../../../ui/Text/Text.js";import{TokenLogo as r}from"../../../../ui/TokenLogo/TokenLogo.js";import"../../../../ui/TokenLogo/index.js";import"../../../../../ui/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{jsx as s,jsxs as c}from"react/jsx-runtime";import*as l from"@stylexjs/stylex";function u({bridge:t}={}){let n=o(`AmountEntry.Flow`),{_:r}=e(),u=t??n.bridge??s(f,{});return s(`div`,{"data-stridge-slot":i.flow,...l.props(a.flowWrap),children:c(`div`,{...l.props(a.flow),children:[s(d,{token:n.sendToken,fallbackLabel:r({id:`Ck1xL4`,message:`You send`})}),u,s(d,{token:n.receiveToken,fallbackLabel:r({id:`88cUW-`,message:`You receive`})})]})})}function d({token:e,fallbackLabel:t}){return c(`div`,{...l.props(a.flowSide),children:[s(r,{size:32,symbol:e.symbol,...e.chainId===void 0?{}:{chainId:e.chainId},...e.address===void 0?{}:{address:e.address},...e.isNative===void 0?{}:{isNative:e.isNative},...e.logoUrl===void 0?{}:{logoUrl:e.logoUrl}}),c(`span`,{...l.props(a.flowLabels),children:[s(n.span,{size:`caption`,fontWeight:`medium`,leading:`tight`,color:`subdued`,truncate:!0,children:e.label??t}),s(n.span,{size:`sm`,fontWeight:`semibold`,leading:`tight`,tracking:`tight`,truncate:!0,children:e.symbol})]})]})}function f(){return s(`span`,{"aria-hidden":!0,...l.props(a.flowBridge),children:s(t,{...l.props(a.flowBridgeIcon)})})}export{u as AmountEntryFlow};

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

@@ -0,0 +1,22 @@
+import { AmountEntryFooterProps } from "../types.js";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/shared/widgets/amount-entry/compound/components/Footer.d.ts
+/**
+ * Footer part — owns the action row at the bottom of the modal and
+ * renders the canonical full-width Continue CTA.
+ *
+ * Built on Button at `size="cta"` + `variant="default"` — Button owns
+ * the height, typography, and primary fill (via `--stridge-kit-primary`).
+ * The widget contributes only the full-width layout, since button width
+ * is a layout concern of the consuming Footer.
+ *
+ * Reads `footerLabel` and `onContinue` from the {@link AmountEntry} root
+ * by default; pass `label` / `onContinue` to override per-instance.
+ */
+declare function AmountEntryFooter({
+  label,
+  onContinue
+}?: AmountEntryFooterProps): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { AmountEntryFooter };

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

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

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

@@ -0,0 +1,15 @@
+import { AmountEntryHeaderProps } from "../types.js";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/shared/widgets/amount-entry/compound/components/Header.d.ts
+/**
+ * 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`.
+ */
+declare function AmountEntryHeader({
+  title,
+  onBack
+}?: AmountEntryHeaderProps): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { AmountEntryHeader };

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

@@ -0,0 +1 @@
+"use client";import{useLingui as e}from"../../../../i18n/useLingui.js";import"../../../../../i18n/index.js";import{ChevronLeftIcon as t}from"../../../../icons/ChevronLeftIcon.js";import"../../../../../icons/index.js";import{IconButton as n}from"../../../../ui/IconButton/IconButton.js";import{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};

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

@@ -0,0 +1,22 @@
+import { AmountEntryHeroProps } from "../../types.js";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/shared/widgets/amount-entry/compound/components/Hero/Hero.d.ts
+/**
+ * Hero part — oversized amount centered in the modal, with a swap-mode
+ * toggle. Tapping the sub-line pill flips the display between
+ * **fiat-primary** (`$10` big, `10.00000 USDC` sub-line) and
+ * **asset-primary** (`10.00000` big, `$10` sub-line); the two views
+ * cross-morph between positions.
+ *
+ * When `onAmountChange` is wired through the root the digits become
+ * editable (caret-preserving live formatting, locale-aware grouping,
+ * auto-shrink typography). Otherwise the band is read-only.
+ */
+declare function AmountEntryHero({
+  currencySymbol: currencySymbolProp,
+  subLine: subLineProp,
+  subLineAmount: subLineAmountProp
+}?: AmountEntryHeroProps): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { AmountEntryHero };

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

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

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

@@ -0,0 +1 @@
+"use client";import{styles as e}from"../../AmountEntry.styles.js";import{formatAmountForBand as t}from"./utils.js";import{jsx as n,jsxs as r}from"react/jsx-runtime";import*as i from"@stylexjs/stylex";function a({swapped:a,ctx:o,currencySymbol:s,assetDecimals:c}){let l=o.format?.useGrouping!==!1,u=o.format?.maximumFractionDigits??5,d=o.amount===null?`0`:t(o.amount,a,{locale:o.locale,fiatFormat:o.format,fiatMaxDecimals:u,assetDecimals:c,useGrouping:l});return r(`div`,{...i.props(e.hero),children:[!a&&n(`span`,{...i.props(e.heroCurrency),children:s}),n(`span`,{...i.props(e.heroAmount),children:d})]})}export{a as StaticBand};

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

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

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

@@ -0,0 +1 @@
+import { AmountEntryHero } from "./Hero.js";

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

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

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

@@ -0,0 +1 @@
+const e=[.25,1,.5,1],t=[.33,1,.68,1],n={duration:.2,ease:e,layout:{delay:.05,duration:.2,ease:e}},r={duration:.4,ease:e},i={duration:.15,ease:t},a={duration:.4,ease:e};export{r as ICON_TRANSITION,n as SWAP_TRANSITION,a as SYMBOL_TRANSITION,i as WIDTH_TRANSITION};

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

@@ -0,0 +1 @@
+"use client";import{useCallback as e,useEffect as t,useRef as n,useState as r}from"react";function i({inputRef:i,onAfterSwap:a}){let[o,s]=r(!1),[c,l]=r(!1),u=n(null),d=()=>{u.current&&=(window.clearTimeout(u.current),null)},f=e(()=>{let e=!o;l(!0),s(e),a?.(e),d(),u.current=window.setTimeout(()=>{l(!1),u.current=null},300),requestAnimationFrame(()=>i.current?.focus())},[i,a,o]);return t(()=>()=>d(),[]),{swapped:o,isAnimating:c,onSwap:f}}export{i as useSwapState};

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

@@ -0,0 +1 @@
+import{formatAmountForInput as e}from"../../../../../ui/AmountInput/utils.js";import"../../../../../ui/AmountInput/index.js";function t(e){if(!e)return{digits:``,symbol:``};let t=e.match(/^(\d[\d.,]*)(.*)$/);return t?{digits:t[1],symbol:t[2]}:{digits:``,symbol:``}}function n(e,n){let{digits:r}=t(e);if(!r)return n;let i=r.lastIndexOf(`.`),a=r.lastIndexOf(`,`),o=Math.max(i,a);if(o===-1)return 0;let s=r.slice(o+1).replace(/[^\d]/g,``).length;return s>0?s:n}function r(t,n,r){return n?new Intl.NumberFormat(r.locale,{minimumFractionDigits:r.assetDecimals,maximumFractionDigits:r.assetDecimals,useGrouping:r.useGrouping}).format(t):e(t,r.locale,r.fiatMaxDecimals,r.useGrouping)}function i(e,t,n,r){return`${t}${new Intl.NumberFormat(n,r).format(e??0)}`}export{n as detectAssetDecimals,r as formatAmountForBand,i as formatFiatLine,t as splitSubLine};

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

@@ -0,0 +1,22 @@
+import { AmountEntryPillsProps } from "../types.js";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/shared/widgets/amount-entry/compound/components/Pills.d.ts
+/**
+ * Pills part — horizontal segmented row of percent presets, wired as a
+ * single-select `SelectableTileGroup`. The group provides arrow-key
+ * navigation (Left / Right) and roving tabindex; click/Enter/Space
+ * dispatches `onSelect` via the group's `onValueChange`. When no
+ * `onSelect` is supplied the group emits no events and the chips render
+ * inert.
+ *
+ * Reads `presets`, `activePreset`, and `onPresetSelect` from the
+ * {@link AmountEntry} root by default; pass props to override per-instance.
+ */
+declare function AmountEntryPills({
+  presets,
+  activeValue,
+  onSelect
+}?: AmountEntryPillsProps): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { AmountEntryPills };

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

@@ -0,0 +1 @@
+"use client";import{SelectableTile as e}from"../../../../ui/SelectableTile/SelectableTile.js";import{SelectableTileGroup as t}from"../../../../ui/SelectableTile/SelectableTileGroup.js";import"../../../../ui/SelectableTile/index.js";import{text as n}from"../../../../ui/Text/Text.js";import"../../../../../ui/index.js";import{AMOUNT_ENTRY_SLOTS as r}from"../AmountEntry.slots.js";import{styles as i}from"../AmountEntry.styles.js";import{useAmountEntryContext as a}from"../context.js";import{jsx as o}from"react/jsx-runtime";import*as s from"@stylexjs/stylex";function c({presets:c,activeValue:l,onSelect:u}={}){let d=a(`AmountEntry.Pills`),f=c??d.presets,p=l??d.activePreset,m=u??d.onPresetSelect,h=p===void 0?[]:[p];return o(t,{"data-stridge-slot":r.pills,orientation:`horizontal`,value:h,onValueChange:m?e=>{let t=e[0];t!==void 0&&m(t)}:void 0,...s.props(i.pills),children:f.map(t=>o(e,{shape:`pill`,value:t.value,children:o(n.span,{size:`callout`,fontWeight:`semibold`,leading:`tight`,tracking:`tight`,children:t.label})},t.value))})}export{c as AmountEntryPills};

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

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

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

@@ -0,0 +1,3 @@
+import { AmountEntryBodyProps, AmountEntryDialogProps, AmountEntryFlowProps, AmountEntryFooterProps, AmountEntryHeaderProps, AmountEntryHeroProps, 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/index.js

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