@stridge/kit 0.1.0-alpha.0

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

@@ -0,0 +1,212 @@
+import { DialogShellControls } from "../../../dialog/DialogShell.js";
+import { ComponentProps, ReactNode } from "react";
+import { OnchainBalanceResponse, OnchainTokenDto } from "@stridge/sdk";
+
+//#region src/shared/widgets/asset-picker/compound/types.d.ts
+/**
+ * Destination token surfaced through context. The Header uses it to generate the default modal title
+ * (e.g. `"Deposit USDC"`, or `"Deposit USDC to {brandName}"` when `<KitProvider brandName="…">` is set).
+ */
+interface AssetPickerToken {
+  /**
+   * Symbol shown in the default header title (e.g. `"USDC"`).
+   */
+  symbol: string;
+}
+/**
+ * A single wallet asset listed in `AssetPicker.List` and accepted by `AssetPicker.Asset` as a destructured shape.
+ */
+interface AssetOption {
+  /**
+   * Stable id, used as the React key and as the value matched against `selectedId`.
+   */
+  id: string;
+  /**
+   * Token symbol shown as the row's primary label (e.g. `"USDT"`).
+   */
+  symbol: string;
+  /**
+   * Source chain identifier (e.g. `"arbitrum"`). Surfaced as a data attribute on the rendered row.
+   */
+  chain: string;
+  /**
+   * Optional raw balance, kept distinct from the formatted string so callers can sort or filter without re-parsing.
+   */
+  balance?: number;
+  /**
+   * Formatted balance string shown below the symbol (e.g. `"64.79481 USDT"`).
+   */
+  balanceFormatted: string;
+  /**
+   * Formatted fiat value rendered on the trailing edge of the row (e.g. `"$64.79"`).
+   */
+  fiatFormatted: string;
+  /**
+   * When true, renders the muted "Low Balance" badge inline.
+   */
+  lowBalance?: boolean;
+  /**
+   * When true, the row dims and stops responding to clicks. Independent of `lowBalance`, which is purely
+   * informational, so consumers can combine or use either flag on its own.
+   */
+  disabled?: boolean;
+  /**
+   * EIP-155 chain id (e.g. `1`, `56`). Drives the row's logo resolution and the chain badge.
+   */
+  chainId?: number;
+  /**
+   * On-chain contract address of the token on `chainId`. Use the conventional native sentinel
+   * (or set `isNative`) for chain-native tokens.
+   */
+  contractAddress?: string;
+  /**
+   * `true` when the asset is a chain native (ETH, MATIC, BNB, …).
+   */
+  isNative?: boolean;
+  /**
+   * Logo URL — the final URL fallback after the CDN convention URL.
+   * Used when Uniswap's assets repo doesn't have an entry for this token.
+   */
+  logoUrl?: string;
+  /**
+   * Chain logo URL — fallback for the chain badge when the chain isn't in the
+   * bundled registry or when its CDN entry 404s.
+   */
+  chainLogoUrl?: string;
+  /**
+   * Caller-supplied logo URL that short-circuits the convention CDN and backend fallbacks.
+   */
+  pinnedLogoUrl?: string;
+  /**
+   * Token decimals (e.g. `6` for USDC, `18` for ETH). Optional at the widget
+   * layer. Driver-backed flows use it to convert the user-entered amount
+   * into base units for the quote request.
+   */
+  decimals?: number;
+  /**
+   * Per-unit USD price (e.g. `1` for USDC, `2351.23` for ETH). Optional at the widget layer; the picker
+   * already renders `fiatFormatted`. Driver-backed flows use it to convert the user-entered amount and
+   * the wire's smallest-unit fees into USD figures for the confirm-deposit hero + breakdown rows.
+   */
+  priceUsd?: number;
+  /**
+   * Source on-chain token DTO from `balance/onchain` — drilled into for `is_spam`, `usd_price`, etc.
+   */
+  raw?: OnchainTokenDto;
+  /**
+   * Full `balance/onchain` response that produced the token row.
+   */
+  responseRaw?: OnchainBalanceResponse;
+}
+/**
+ * Props for `<AssetPicker.Dialog>` — the dialog form of the AssetPicker
+ * widget. Combines the widget root props with the shared dialog shell
+ * controls (`open` / `defaultOpen` / `onOpenChange` / `trigger`).
+ */
+type AssetPickerDialogProps = AssetPickerProps & DialogShellControls;
+/**
+ * Public props accepted by the {@link AssetPicker} root.
+ */
+interface AssetPickerProps {
+  /**
+   * Destination token surfaced through context. The Header uses it to build the default title; when omitted the
+   * title falls back to a `"USDC"` placeholder.
+   */
+  token?: AssetPickerToken;
+  /**
+   * Currently selected asset id. Surfaced through context so each `AssetPicker.Asset` can self-style.
+   */
+  selectedId?: string;
+  /**
+   * Fired when an `AssetPicker.Asset` row is clicked, with the id of the clicked asset. When undefined the rows
+   * render inert (cursor stays default, no click handler).
+   */
+  onSelect?: (id: string) => void;
+  /**
+   * Asset rows rendered inside `AssetPicker.List`.
+   */
+  assets?: readonly AssetOption[];
+  /**
+   * Optional override for the `Header` title. When omitted the default
+   * `"Deposit {symbol}"` (built from `token.symbol`) is used.
+   */
+  headerTitle?: string;
+  /**
+   * Optional back-button callback for the `Header`. When undefined the
+   * chevron is hidden.
+   */
+  onBack?: () => void;
+  /**
+   * Optional override for the footer CTA label. Defaults to `"Continue"`.
+   */
+  footerLabel?: string;
+  /**
+   * Footer CTA click handler. When undefined the CTA renders inert.
+   */
+  onContinue?: () => void;
+  /**
+   * Compound parts; see `AssetPicker.Header`, `AssetPicker.List`, etc.
+   */
+  children?: ReactNode;
+}
+/**
+ * Body slot part props. Forwards every native `<div>` prop through to the
+ * underlying `Card.Body`, which becomes the scrollable region when the
+ * widget is mounted inside `Dialog.Content`.
+ */
+type AssetPickerBodyProps = ComponentProps<"div">;
+/**
+ * Props for `AssetPicker.Header`.
+ */
+interface AssetPickerHeaderProps {
+  /**
+   * Optional override for the title rendered in this slot. Defaults to
+   * the `headerTitle` set on the {@link AssetPicker} root, falling back
+   * to `"Deposit {symbol}"` (filled from the destination token in
+   * context, `"Deposit USDC"` when no token is set).
+   */
+  title?: string;
+  /**
+   * Optional override for the back-button callback. Defaults to the
+   * `onBack` set on the {@link AssetPicker} root. Pass `null` to force
+   * the chevron hidden even when the root supplies a callback.
+   */
+  onBack?: (() => void) | null;
+}
+/**
+ * Props for `AssetPicker.List`.
+ */
+interface AssetPickerListProps {
+  /**
+   * Optional override for the rendered asset rows. Defaults to the
+   * `assets` set on the {@link AssetPicker} root.
+   */
+  assets?: readonly AssetOption[];
+  /**
+   * Optional `AssetPicker.Asset` children. Power-user escape hatch —
+   * when provided, replaces the default rendering of `assets` from
+   * context.
+   */
+  children?: ReactNode;
+}
+/**
+ * Props for `AssetPicker.Asset` (single row).
+ */
+type AssetPickerAssetProps = AssetOption;
+/**
+ * Props for `AssetPicker.Footer`. Owns the full-width primary Continue CTA.
+ */
+interface AssetPickerFooterProps {
+  /**
+   * Optional override for the CTA label. Defaults to the `footerLabel`
+   * set on the {@link AssetPicker} root, falling back to `"Continue"`.
+   */
+  label?: string;
+  /**
+   * Optional override for the CTA click handler. Defaults to the
+   * `onContinue` set on the {@link AssetPicker} root.
+   */
+  onContinue?: () => void;
+}
+//#endregion
+export { AssetOption, AssetPickerAssetProps, AssetPickerBodyProps, AssetPickerDialogProps, AssetPickerFooterProps, AssetPickerHeaderProps, AssetPickerListProps, AssetPickerProps, AssetPickerToken };

package/dist/shared/widgets/confirm-transfer/compound/ConfirmTransfer.d.ts

@@ -0,0 +1,64 @@
+import { ConfirmTransferAmountsProps, ConfirmTransferBodyProps, ConfirmTransferBreakdownProps, ConfirmTransferDialogProps, ConfirmTransferDisclaimerProps, ConfirmTransferFooterProps, ConfirmTransferHeaderProps, ConfirmTransferHeroProps, ConfirmTransferMetaProps, ConfirmTransferProps } from "./types.js";
+import { ConfirmTransferAmounts } from "./components/Amounts.js";
+import { ConfirmTransferBreakdown } from "./components/Breakdown.js";
+import { ConfirmTransferDisclaimer } from "./components/Disclaimer.js";
+import { ConfirmTransferFooter } from "./components/Footer.js";
+import { ConfirmTransferHeader } from "./components/Header.js";
+import { ConfirmTransferHero } from "./components/Hero.js";
+import { ConfirmTransferMeta } from "./components/Meta.js";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/shared/widgets/confirm-transfer/compound/ConfirmTransfer.d.ts
+/**
+ * Review-and-confirm screen for a deposit. Renders the fiat hero, source/destination/timing,
+ * send/receive amounts, an expandable transaction breakdown, a terms disclaimer, and a primary CTA.
+ * Pass `loading` to swap each leaf to its shimmer placeholder while data resolves.
+ *
+ * Parts:
+ * - {@link ConfirmTransfer.Header}
+ * - {@link ConfirmTransfer.Body}
+ * - {@link ConfirmTransfer.Hero}
+ * - {@link ConfirmTransfer.Meta}
+ * - {@link ConfirmTransfer.Amounts}
+ * - {@link ConfirmTransfer.Breakdown}
+ * - {@link ConfirmTransfer.Disclaimer}
+ * - {@link ConfirmTransfer.Footer}
+ *
+ * Dialog form: {@link ConfirmTransfer.Dialog} pre-composes the widget
+ * into a `Dialog.Root + Dialog.Trigger + Dialog.Content` shell — the
+ * production-recommended entry point. Use the bare `ConfirmTransfer`
+ * form when you want the widget mounted inline.
+ */
+declare function ConfirmTransfer(props: ConfirmTransferProps): _$react_jsx_runtime0.JSX.Element;
+declare function ConfirmTransferBody(props: ConfirmTransferBodyProps): _$react_jsx_runtime0.JSX.Element;
+declare function ConfirmTransferDialog({
+  open,
+  defaultOpen,
+  onOpenChange,
+  trigger,
+  children,
+  ...rootProps
+}: ConfirmTransferDialogProps): _$react_jsx_runtime0.JSX.Element;
+declare namespace ConfirmTransfer {
+  type Props = ConfirmTransferProps;
+  type HeaderProps = ConfirmTransferHeaderProps;
+  type BodyProps = ConfirmTransferBodyProps;
+  type HeroProps = ConfirmTransferHeroProps;
+  type MetaProps = ConfirmTransferMetaProps;
+  type AmountsProps = ConfirmTransferAmountsProps;
+  type BreakdownProps = ConfirmTransferBreakdownProps;
+  type DisclaimerProps = ConfirmTransferDisclaimerProps;
+  type FooterProps = ConfirmTransferFooterProps;
+  type DialogProps = ConfirmTransferDialogProps;
+  const Header: typeof ConfirmTransferHeader;
+  const Body: typeof ConfirmTransferBody;
+  const Hero: typeof ConfirmTransferHero;
+  const Meta: typeof ConfirmTransferMeta;
+  const Amounts: typeof ConfirmTransferAmounts;
+  const Breakdown: typeof ConfirmTransferBreakdown;
+  const Disclaimer: typeof ConfirmTransferDisclaimer;
+  const Footer: typeof ConfirmTransferFooter;
+  const Dialog: typeof ConfirmTransferDialog;
+}
+//#endregion
+export { ConfirmTransfer };

package/dist/shared/widgets/confirm-transfer/compound/ConfirmTransfer.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{CONFIRM_TRANSFER_SLOTS as i}from"./ConfirmTransfer.slots.js";import{styles as a}from"./ConfirmTransfer.styles.js";import{ConfirmTransferContext as o}from"./context.js";import{ConfirmTransferAmounts as s}from"./components/Amounts.js";import{ConfirmTransferBreakdown as c}from"./components/Breakdown.js";import{ConfirmTransferDisclaimer as l}from"./components/Disclaimer.js";import{ConfirmTransferFooter as u}from"./components/Footer.js";import{ConfirmTransferHeader as d}from"./components/Header.js";import{ConfirmTransferHero as f}from"./components/Hero.js";import{ConfirmTransferMeta as p}from"./components/Meta.js";import{useMemo as m}from"react";import{jsx as h}from"react/jsx-runtime";import*as g from"@stylexjs/stylex";const _=Object.freeze({});function v(e){let{transfer:t,breakdown:s=_,heroAmountUsd:c,loading:l=!1,phase:u=`loading`,notice:d,error:f,quoteSeconds:p,quoteTotalSeconds:v=30,headerTitle:y,onBack:b,onConfirm:x,children:S}=e,C=m(()=>({transfer:t,breakdown:s,heroAmountUsd:c,loading:l,quoteSeconds:p,quoteTotalSeconds:v,phase:u,notice:d,...f?{error:f}:{},headerTitle:y,onBack:b,onConfirm:x}),[t,s,c,l,p,v,u,d,f,y,b,x]);return h(o.Provider,{value:C,children:h(n.Provider,{children:h(r,{"data-stridge-slot":i.root,"data-loading":l||void 0,...g.props(a.root),children:S})})})}function y(e){return h(t.Body,{"data-stridge-slot":i.body,...e})}function b({open:t,defaultOpen:n,onOpenChange:r,trigger:i,children:a,...o}){return h(e,{open:t,defaultOpen:n,onOpenChange:r,trigger:i,children:h(v,{...o,children:a})})}(function(e){e.Header=d,e.Body=y,e.Hero=f,e.Meta=p,e.Amounts=s,e.Breakdown=c,e.Disclaimer=l,e.Footer=u,e.Dialog=b})(v||={});export{v as ConfirmTransfer};

package/dist/shared/widgets/confirm-transfer/compound/ConfirmTransfer.slots.d.ts

@@ -0,0 +1,16 @@
+//#region src/shared/widgets/confirm-transfer/compound/ConfirmTransfer.slots.d.ts
+declare const CONFIRM_TRANSFER_SLOTS: {
+  readonly root: "confirm-transfer";
+  readonly header: "confirm-transfer-header";
+  readonly body: "confirm-transfer-body";
+  readonly hero: "confirm-transfer-hero";
+  readonly meta: "confirm-transfer-meta";
+  readonly amounts: "confirm-transfer-amounts";
+  readonly breakdown: "confirm-transfer-breakdown";
+  readonly quoteTimer: "confirm-transfer-quote-timer";
+  readonly disclaimer: "confirm-transfer-disclaimer";
+  readonly cta: "confirm-transfer-cta";
+};
+type ConfirmTransferSlot = (typeof CONFIRM_TRANSFER_SLOTS)[keyof typeof CONFIRM_TRANSFER_SLOTS];
+//#endregion
+export { CONFIRM_TRANSFER_SLOTS, ConfirmTransferSlot };

package/dist/shared/widgets/confirm-transfer/compound/ConfirmTransfer.slots.js

@@ -0,0 +1 @@
+const e={root:`confirm-transfer`,header:`confirm-transfer-header`,body:`confirm-transfer-body`,hero:`confirm-transfer-hero`,meta:`confirm-transfer-meta`,amounts:`confirm-transfer-amounts`,breakdown:`confirm-transfer-breakdown`,quoteTimer:`confirm-transfer-quote-timer`,disclaimer:`confirm-transfer-disclaimer`,cta:`confirm-transfer-cta`};export{e as CONFIRM_TRANSFER_SLOTS};

package/dist/shared/widgets/confirm-transfer/compound/ConfirmTransfer.styles.js

@@ -0,0 +1 @@
+const e={root:{"ConfirmTransfer__styles.root":`ConfirmTransfer__styles.root`,"position-kVAEAm":`x1n2onr6`,"width-kzqmXN":`xh8yej3`,"maxWidth-ks0D6T":`x17fpy1y`,$$css:`@stridge/kit:src/shared/widgets/confirm-transfer/compound/ConfirmTransfer.styles.ts:4`},header:{"ConfirmTransfer__styles.header":`ConfirmTransfer__styles.header`,"gap-kOIVth":`x1v2ro7d`,"paddingTop-kLKAdn":`xyamay9`,"paddingInlineEnd-kwRFfy":`x1x5flf6`,"paddingBottom-kGO01o":`x1l90r2v`,"paddingInlineStart-kZCmMZ":`xf7dkkf`,$$css:`@stridge/kit:src/shared/widgets/confirm-transfer/compound/ConfirmTransfer.styles.ts:11`},backIcon:{"ConfirmTransfer__styles.backIcon":`ConfirmTransfer__styles.backIcon`,"color-kMwMTN":`x15rks2t`,"strokeWidth-kfJifR":`xhxwl1`,$$css:`@stridge/kit:src/shared/widgets/confirm-transfer/compound/ConfirmTransfer.styles.ts:18`},headerTitle:{"ConfirmTransfer__styles.headerTitle":`ConfirmTransfer__styles.headerTitle`,"margin-kogj98":`x1ghz6dp`,"flexGrow-kzQI83":`x1iyjqo2`,$$css:`@stridge/kit:src/shared/widgets/confirm-transfer/compound/ConfirmTransfer.styles.ts:22`},timerSlot:{"ConfirmTransfer__styles.timerSlot":`ConfirmTransfer__styles.timerSlot`,"display-k1xSpc":`x78zum5`,"alignItems-kGNEyG":`x6s0dn4`,"justifyContent-kjj79g":`xl56j7k`,"width-kzqmXN":`x1td3qas`,"height-kZKoxP":`x10w6t97`,"flexShrink-kmuXW":`x2lah0s`,$$css:`@stridge/kit:src/shared/widgets/confirm-transfer/compound/ConfirmTransfer.styles.ts:26`},timerWrap:{"ConfirmTransfer__styles.timerWrap":`ConfirmTransfer__styles.timerWrap`,"position-kVAEAm":`x1n2onr6`,"width-kzqmXN":`x1td3qas`,"height-kZKoxP":`x10w6t97`,$$css:`@stridge/kit:src/shared/widgets/confirm-transfer/compound/ConfirmTransfer.styles.ts:35`},timerSvg:{"ConfirmTransfer__styles.timerSvg":`ConfirmTransfer__styles.timerSvg`,"position-kVAEAm":`x10l6tqk`,"inset-kpwlN0":`x10a8y8t`,"width-kzqmXN":`xh8yej3`,"height-kZKoxP":`x5yr21d`,"transform-k3aq6I":`x17t9sex`,$$css:`@stridge/kit:src/shared/widgets/confirm-transfer/compound/ConfirmTransfer.styles.ts:40`},timerTrack:{"ConfirmTransfer__styles.timerTrack":`ConfirmTransfer__styles.timerTrack`,"fill-kDwRjp":`xbh8q5q`,"stroke-kjVXCG":`xrjhcif`,"strokeWidth-kfJifR":`xvlca1e`,$$css:`@stridge/kit:src/shared/widgets/confirm-transfer/compound/ConfirmTransfer.styles.ts:47`},timerProgress:{"ConfirmTransfer__styles.timerProgress":`ConfirmTransfer__styles.timerProgress`,"fill-kDwRjp":`xbh8q5q`,"stroke-kjVXCG":`x1uhruij`,"strokeWidth-kfJifR":`xvlca1e`,"strokeLinecap-kU5bRw":`x1owpc8m`,$$css:`@stridge/kit:src/shared/widgets/confirm-transfer/compound/ConfirmTransfer.styles.ts:52`},timerDigits:{"ConfirmTransfer__styles.timerDigits":`ConfirmTransfer__styles.timerDigits`,"position-kVAEAm":`x1n2onr6`,"zIndex-kY2c9j":`x1vjfegm`,"display-k1xSpc":`x78zum5`,"alignItems-kGNEyG":`x6s0dn4`,"justifyContent-kjj79g":`xl56j7k`,"width-kzqmXN":`xh8yej3`,"height-kZKoxP":`x5yr21d`,$$css:`@stridge/kit:src/shared/widgets/confirm-transfer/compound/ConfirmTransfer.styles.ts:58`},sectionFirst:{"ConfirmTransfer__styles.sectionFirst":`ConfirmTransfer__styles.sectionFirst`,"marginTop-keoZOQ":`xqui205`,"marginInlineEnd-k71WvV":`xnqxrjt`,"marginInlineStart-keTefX":`xnzr9dm`,$$css:`@stridge/kit:src/shared/widgets/confirm-transfer/compound/ConfirmTransfer.styles.ts:77`},section:{"ConfirmTransfer__styles.section":`ConfirmTransfer__styles.section`,"marginTop-keoZOQ":`x1hmvnq2`,"marginInlineEnd-k71WvV":`xnqxrjt`,"marginInlineStart-keTefX":`xnzr9dm`,$$css:`@stridge/kit:src/shared/widgets/confirm-transfer/compound/ConfirmTransfer.styles.ts:82`},sectionLast:{"ConfirmTransfer__styles.sectionLast":`ConfirmTransfer__styles.sectionLast`,"marginTop-keoZOQ":`x1hmvnq2`,"marginInlineEnd-k71WvV":`xnqxrjt`,"marginInlineStart-keTefX":`xnzr9dm`,"marginBottom-k1K539":`x91k8ka`,$$css:`@stridge/kit:src/shared/widgets/confirm-transfer/compound/ConfirmTransfer.styles.ts:87`},hero:{"ConfirmTransfer__styles.hero":`ConfirmTransfer__styles.hero`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`xdt5ytf`,"alignItems-kGNEyG":`x6s0dn4`,"justifyContent-kjj79g":`xl56j7k`,"gap-kOIVth":`x17d4w8g`,"paddingTop-kLKAdn":`x1y1aw1k`,"paddingBottom-kGO01o":`x1g2khh7`,$$css:`@stridge/kit:src/shared/widgets/confirm-transfer/compound/ConfirmTransfer.styles.ts:98`},heroAmountRow:{"ConfirmTransfer__styles.heroAmountRow":`ConfirmTransfer__styles.heroAmountRow`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`x1q0g3np`,"alignItems-kGNEyG":`x1pha0wt`,"justifyContent-kjj79g":`xl56j7k`,"gap-kOIVth":`x195vfkc`,$$css:`@stridge/kit:src/shared/widgets/confirm-transfer/compound/ConfirmTransfer.styles.ts:107`},heroGlyph:{"ConfirmTransfer__styles.heroGlyph":`ConfirmTransfer__styles.heroGlyph`,"display-k1xSpc":`x1rg5ohu`,"fontSize-kGuDYH":`x1fhusgw`,"fontWeight-k63SB2":`xk50ysn`,"lineHeight-kLWn49":`xo5v014`,"letterSpacing-kb6lSQ":`x1b4dsll`,$$css:`@stridge/kit:src/shared/widgets/confirm-transfer/compound/ConfirmTransfer.styles.ts:114`},heroDigits:{"ConfirmTransfer__styles.heroDigits":`ConfirmTransfer__styles.heroDigits`,"display-k1xSpc":`x1rg5ohu`,"fontSize-kGuDYH":`x1xceadr`,"fontWeight-k63SB2":`xk50ysn`,"lineHeight-kLWn49":`xo5v014`,"letterSpacing-kb6lSQ":`xo2cfqc`,$$css:`@stridge/kit:src/shared/widgets/confirm-transfer/compound/ConfirmTransfer.styles.ts:121`},heroSubLine:{"ConfirmTransfer__styles.heroSubLine":`ConfirmTransfer__styles.heroSubLine`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`x1q0g3np`,"alignItems-kGNEyG":`x6s0dn4`,"gap-kOIVth":`x17d4w8g`,"marginTop-keoZOQ":`xr9ek0c`,$$css:`@stridge/kit:src/shared/widgets/confirm-transfer/compound/ConfirmTransfer.styles.ts:132`},heroSubLineIcon:{"ConfirmTransfer__styles.heroSubLineIcon":`ConfirmTransfer__styles.heroSubLineIcon`,"flexShrink-kmuXW":`x2lah0s`,$$css:`@stridge/kit:src/shared/widgets/confirm-transfer/compound/ConfirmTransfer.styles.ts:139`},breakdown:{"ConfirmTransfer__styles.breakdown":`ConfirmTransfer__styles.breakdown`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`xdt5ytf`,"paddingBlock-k8WAf4":`x12ulsxz`,"paddingInline-kg3NbH":`xfn1xvj`,$$css:`@stridge/kit:src/shared/widgets/confirm-transfer/compound/ConfirmTransfer.styles.ts:146`},breakdownTrigger:{"ConfirmTransfer__styles.breakdownTrigger":`ConfirmTransfer__styles.breakdownTrigger`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`x1q0g3np`,"alignItems-kGNEyG":`x6s0dn4`,"justifyContent-kjj79g":`x1qughib`,"width-kzqmXN":`xh8yej3`,"gap-kOIVth":`x1v2ro7d`,"paddingBlock-k8WAf4":`x12ulsxz`,"paddingInline-kg3NbH":`xaope02`,"outline-kI3sdo":`x1a2a7pz`,"cursor-kkrTdU":`x1ypdohk`,"backgroundColor-kWkggS":`xjbqb8w`,"borderWidth-kMzoRj":`xc342km`,"borderStyle-ksu8eU":`x1y0btm7`,"borderRadius-kaIpWk":`x1s7mj9v`,":focus-visible_boxShadow-kEtg5x":`xhatipn`,$$css:`@stridge/kit:src/shared/widgets/confirm-transfer/compound/ConfirmTransfer.styles.ts:152`},breakdownChevron:{"ConfirmTransfer__styles.breakdownChevron":`ConfirmTransfer__styles.breakdownChevron`,"width-kzqmXN":`x6jxa94`,"height-kZKoxP":`x1v9usgg`,"flexShrink-kmuXW":`x2lah0s`,"color-kMwMTN":`xdksllq`,"strokeWidth-kfJifR":`xhr4kjn`,"transitionProperty-k1ekBW":`x11xpdln`,"transitionDuration-kIyJzY":`xx6bhzk`,"transitionTimingFunction-kAMwcw":`x4ognrn`,$$css:`@stridge/kit:src/shared/widgets/confirm-transfer/compound/ConfirmTransfer.styles.ts:171`},breakdownChevronOpen:{"ConfirmTransfer__styles.breakdownChevronOpen":`ConfirmTransfer__styles.breakdownChevronOpen`,"transform-k3aq6I":`x1iffjtl`,$$css:`@stridge/kit:src/shared/widgets/confirm-transfer/compound/ConfirmTransfer.styles.ts:187`},breakdownPanel:{"ConfirmTransfer__styles.breakdownPanel":`ConfirmTransfer__styles.breakdownPanel`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`xdt5ytf`,"gap-kOIVth":`x167g77z`,"paddingTop-kLKAdn":`xz9dl7a`,$$css:`@stridge/kit:src/shared/widgets/confirm-transfer/compound/ConfirmTransfer.styles.ts:190`},breakdownRow:{"ConfirmTransfer__styles.breakdownRow":`ConfirmTransfer__styles.breakdownRow`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`x1q0g3np`,"alignItems-kGNEyG":`x6s0dn4`,"justifyContent-kjj79g":`x1qughib`,"gap-kOIVth":`x1v2ro7d`,"paddingInline-kg3NbH":`xaope02`,$$css:`@stridge/kit:src/shared/widgets/confirm-transfer/compound/ConfirmTransfer.styles.ts:196`},breakdownLabelGroup:{"ConfirmTransfer__styles.breakdownLabelGroup":`ConfirmTransfer__styles.breakdownLabelGroup`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`x1q0g3np`,"alignItems-kGNEyG":`x6s0dn4`,"gap-kOIVth":`x17d4w8g`,"minWidth-k7Eaqz":`xeuugli`,$$css:`@stridge/kit:src/shared/widgets/confirm-transfer/compound/ConfirmTransfer.styles.ts:204`},breakdownValueGroup:{"ConfirmTransfer__styles.breakdownValueGroup":`ConfirmTransfer__styles.breakdownValueGroup`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`x1q0g3np`,"alignItems-kGNEyG":`x6s0dn4`,"gap-kOIVth":`x17d4w8g`,"flexShrink-kmuXW":`x2lah0s`,$$css:`@stridge/kit:src/shared/widgets/confirm-transfer/compound/ConfirmTransfer.styles.ts:211`},breakdownInfoTrigger:{"ConfirmTransfer__styles.breakdownInfoTrigger":`ConfirmTransfer__styles.breakdownInfoTrigger`,"display-k1xSpc":`x3nfvp2`,"alignItems-kGNEyG":`x6s0dn4`,"justifyContent-kjj79g":`xl56j7k`,"width-kzqmXN":`x10vfzb2`,"height-kZKoxP":`x6w4g8m`,"padding-kmVPX3":`x1717udv`,"backgroundColor-kWkggS":`xjbqb8w`,"borderWidth-kMzoRj":`xc342km`,"borderStyle-ksu8eU":`x1y0btm7`,"outline-kI3sdo":`x1a2a7pz`,"cursor-kkrTdU":`x1146j2`,"color-kMwMTN":`xi96bwj`,"borderRadius-kaIpWk":`x1npxkrn`,":focus-visible_boxShadow-kEtg5x":`xhatipn`,$$css:`@stridge/kit:src/shared/widgets/confirm-transfer/compound/ConfirmTransfer.styles.ts:218`},breakdownInfoIcon:{"ConfirmTransfer__styles.breakdownInfoIcon":`ConfirmTransfer__styles.breakdownInfoIcon`,"width-kzqmXN":`x10vfzb2`,"height-kZKoxP":`x6w4g8m`,"flexShrink-kmuXW":`x2lah0s`,"color-kMwMTN":`x15rks2t`,$$css:`@stridge/kit:src/shared/widgets/confirm-transfer/compound/ConfirmTransfer.styles.ts:236`},cta:{"ConfirmTransfer__styles.cta":`ConfirmTransfer__styles.cta`,"alignSelf-kSGwAc":`xkh2ocl`,"borderWidth-kMzoRj":`xc342km`,"cursor-kkrTdU":`x1ypdohk`,$$css:`@stridge/kit:src/shared/widgets/confirm-transfer/compound/ConfirmTransfer.styles.ts:252`},footerStack:{"ConfirmTransfer__styles.footerStack":`ConfirmTransfer__styles.footerStack`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`xdt5ytf`,"alignItems-kGNEyG":`x6s0dn4`,"gap-kOIVth":`x883omv`,"marginTop-keoZOQ":`x1hmvnq2`,"marginInlineEnd-k71WvV":`xnqxrjt`,"marginInlineStart-keTefX":`xnzr9dm`,"marginBottom-k1K539":`x91k8ka`,$$css:`@stridge/kit:src/shared/widgets/confirm-transfer/compound/ConfirmTransfer.styles.ts:263`},footerNotice:{"ConfirmTransfer__styles.footerNotice":`ConfirmTransfer__styles.footerNotice`,"margin-kogj98":`x1ghz6dp`,"textAlign-k9WMMc":`x2b8uid`,$$css:`@stridge/kit:src/shared/widgets/confirm-transfer/compound/ConfirmTransfer.styles.ts:273`},disclaimerTermsLink:{"ConfirmTransfer__styles.disclaimerTermsLink":`ConfirmTransfer__styles.disclaimerTermsLink`,"color-kMwMTN":`x1me39qh`,"textDecorationLine-kMnn75":`xujl8zx`,"textDecorationThickness-kNySMw":`xyi4chj`,$$css:`@stridge/kit:src/shared/widgets/confirm-transfer/compound/ConfirmTransfer.styles.ts:277`}};export{e as styles};

package/dist/shared/widgets/confirm-transfer/compound/components/Amounts.d.ts

@@ -0,0 +1,15 @@
+import { ConfirmTransferAmountsProps } from "../types.js";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/shared/widgets/confirm-transfer/compound/components/Amounts.d.ts
+/**
+ * Amounts part — two-row card showing what the user sends and what they receive.
+ * While the root is loading both row values are replaced by shimmer pills sized
+ * to match the resolved token icon + value text.
+ */
+declare function ConfirmTransferAmounts({
+  sendLabel,
+  receiveLabel
+}: ConfirmTransferAmountsProps): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { ConfirmTransferAmounts };

package/dist/shared/widgets/confirm-transfer/compound/components/Amounts.js

@@ -0,0 +1 @@
+"use client";import{useLingui as e}from"../../../../i18n/useLingui.js";import"../../../../../i18n/index.js";import{Details as t}from"../../../../ui/Details/Details.js";import"../../../../ui/Details/index.js";import{Skeleton as n}from"../../../../ui/Skeleton/Skeleton.js";import"../../../../ui/Skeleton/index.js";import{TokenLogo as r}from"../../../../ui/TokenLogo/TokenLogo.js";import"../../../../ui/TokenLogo/index.js";import{CONFIRM_TRANSFER_SLOTS as i}from"../ConfirmTransfer.slots.js";import{styles as a}from"../ConfirmTransfer.styles.js";import{useConfirmTransferContext as o}from"../context.js";import{jsx as s,jsxs as c}from"react/jsx-runtime";import*as l from"@stylexjs/stylex";function u({sendLabel:n,receiveLabel:r}){let u=o(`ConfirmTransfer.Amounts`),{_:p}=e(),{transfer:m,loading:h}=u,g=l.props(a.section),_=n??p({id:`Ck1xL4`,message:`You send`}),v=r??p({id:`88cUW-`,message:`You receive`});return c(t,{"data-stridge-slot":i.amounts,className:g.className,style:g.style,children:[s(t.Row,{label:_,children:h?s(f,{width:92}):s(d,{amount:m.sendAmount,token:m.sendToken})}),s(t.Row,{label:v,children:h?s(f,{width:124}):s(d,{amount:m.receiveAmount,token:m.receiveToken})})]})}function d({amount:e,token:n}){return c(t.Value,{icon:s(r,{size:`sm`,symbol:n.symbol,...n.chainId===void 0?{}:{chainId:n.chainId},...n.address===void 0?{}:{address:n.address},...n.isNative===void 0?{}:{isNative:n.isNative},...n.logoUrl===void 0?{}:{logoUrl:n.logoUrl}}),children:[e,` `,n.symbol,n.suffix?` ${n.suffix}`:``]})}function f({width:e}){return c(t.Value,{children:[s(n,{width:12,height:12,radius:`var(--stridge-kit-radius-full)`}),s(n,{width:e,height:14})]})}export{u as ConfirmTransferAmounts};

package/dist/shared/widgets/confirm-transfer/compound/components/Breakdown.d.ts

@@ -0,0 +1,17 @@
+import { ConfirmTransferBreakdownProps } from "../types.js";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/shared/widgets/confirm-transfer/compound/components/Breakdown.d.ts
+/**
+ * Breakdown part — collapsible card listing the route, network cost, price
+ * impact, and max slippage rows. While the root is loading the panel locks
+ * closed and the chevron slot is replaced by a shimmer.
+ */
+declare function ConfirmTransferBreakdown({
+  label,
+  defaultOpen,
+  open,
+  onOpenChange
+}: ConfirmTransferBreakdownProps): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { ConfirmTransferBreakdown };

package/dist/shared/widgets/confirm-transfer/compound/components/Breakdown.js

@@ -0,0 +1 @@
+"use client";import{useLingui as e}from"../../../../i18n/useLingui.js";import"../../../../../i18n/index.js";import{ChevronRightIcon as t}from"../../../../icons/ChevronRightIcon.js";import{InfoIcon as n}from"../../../../icons/InfoIcon.js";import"../../../../../icons/index.js";import{Collapsible as r}from"../../../../ui/Collapsible/Collapsible.js";import"../../../../ui/Collapsible/index.js";import{Skeleton as i}from"../../../../ui/Skeleton/Skeleton.js";import"../../../../ui/Skeleton/index.js";import{text as a}from"../../../../ui/Text/Text.js";import{Tooltip as o}from"../../../../ui/Tooltip/Tooltip.js";import"../../../../ui/Tooltip/index.js";import"../../../../../ui/index.js";import{CONFIRM_TRANSFER_SLOTS as s}from"../ConfirmTransfer.slots.js";import{styles as c}from"../ConfirmTransfer.styles.js";import{useConfirmTransferContext as l}from"../context.js";import{useDirectionalChevronTransform as u}from"../../../../dialog/useDirectionalChevronTransform.js";import{useEffect as d,useState as f}from"react";import{jsx as p,jsxs as m}from"react/jsx-runtime";import*as h from"@stylexjs/stylex";const g=[`selectedRoute`,`networkCost`,`priceImpact`,`maxSlippage`];function _({label:t,defaultOpen:n=!1,open:o,onOpenChange:u}){let _=l(`ConfirmTransfer.Breakdown`),{_:b}=e(),S=t??b({id:`5joj8M`,message:`Transaction breakdown`}),{breakdown:C,loading:w}=_,[T,E]=f(o??n);d(()=>{o!==void 0&&E(o)},[o]);let D=w?!1:T;return m(r,{"data-stridge-slot":s.breakdown,open:D,onOpenChange:e=>{w||(E(e),u?.(e))},disabled:w,...h.props(c.section,c.breakdown),children:[p(r.Trigger,{render:(e,{open:t})=>m(`button`,{type:`button`,...e,children:[p(a.span,{size:`meta`,fontWeight:`medium`,leading:`tight`,tracking:`tight`,children:S}),w?p(i,{width:56,height:12}):p(x,{open:t})]}),"aria-label":S,disabled:w,...h.props(c.breakdownTrigger)}),p(r.Panel,{children:p(`div`,{...h.props(c.breakdownPanel),children:g.map(e=>{let t=v(e,C);return t?p(y,{...t},e):null})})})]})}function v(e,t){switch(e){case`selectedRoute`:return t.selectedRoute?{kind:`selectedRoute`,row:t.selectedRoute}:null;case`networkCost`:return t.networkCost?{kind:`networkCost`,row:t.networkCost}:null;case`priceImpact`:return t.priceImpact?{kind:`priceImpact`,row:t.priceImpact}:null;case`maxSlippage`:return t.maxSlippage?{kind:`maxSlippage`,row:t.maxSlippage}:null;default:return S(e)}}function y(t){let{_:n}=e(),{row:r}=t,i=b(t,e=>n({id:`KGoAE6`,message:`Auto · {value}`,values:{value:e}}));return m(`div`,{...h.props(c.breakdownRow),children:[m(`div`,{...h.props(c.breakdownLabelGroup),children:[p(a.span,{size:`xs`,fontWeight:`medium`,leading:`tight`,tracking:`tight`,color:`subdued`,children:r.label}),r.tooltip?p(C,{content:r.tooltip,label:r.label}):null]}),m(`div`,{...h.props(c.breakdownValueGroup),children:[r.valueAdornment,p(a.span,{size:`xs`,fontWeight:`semibold`,leading:`tight`,tracking:`tight`,children:i})]})]})}function b(e,t){switch(e.kind){case`selectedRoute`:return e.row.value;case`networkCost`:return e.row.valueUsd;case`priceImpact`:return e.row.valuePercent;case`maxSlippage`:return e.row.auto?t(e.row.valuePercent):e.row.valuePercent;default:return S(e)}}function x({open:e}){let n=u(e),r=h.props(c.breakdownChevron);return p(t,{"aria-hidden":!0,className:r.className,style:{...r.style,transform:n}})}function S(e){throw Error(`Unhandled breakdown row variant: ${JSON.stringify(e)}`)}function C({content:t,label:r}){let{_:i}=e();function a(e){e.stopPropagation()}return m(o.Root,{children:[p(o.Trigger,{"aria-label":i({id:`-tu7Q8`,message:`More about {0}`,values:{0:r.toLowerCase()}}),onClick:a,...h.props(c.breakdownInfoTrigger),children:p(n,{"aria-hidden":!0,...h.props(c.breakdownInfoIcon)})}),p(o.Content,{children:t})]})}export{_ as ConfirmTransferBreakdown};

package/dist/shared/widgets/confirm-transfer/compound/components/Disclaimer.d.ts

@@ -0,0 +1,15 @@
+import { ConfirmTransferDisclaimerProps } from "../types.js";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/shared/widgets/confirm-transfer/compound/components/Disclaimer.d.ts
+/**
+ * Disclaimer part — soft-tinted notice row with an info glyph and legal copy.
+ * Defaults to "By clicking Confirm Deposit, you agree to our terms.", with
+ * `terms` linking to the Stridge terms page. Pass `children` to override the
+ * full copy (link included).
+ */
+declare function ConfirmTransferDisclaimer({
+  children
+}: ConfirmTransferDisclaimerProps): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { ConfirmTransferDisclaimer };

package/dist/shared/widgets/confirm-transfer/compound/components/Disclaimer.js

@@ -0,0 +1 @@
+"use client";import{Trans as e}from"../../../../i18n/Trans.js";import"../../../../../i18n/index.js";import{InfoIcon as t}from"../../../../icons/InfoIcon.js";import"../../../../../icons/index.js";import{Alert as n}from"../../../../ui/Alert/Alert.js";import{ExternalLink as r}from"../../../../ui/ExternalLink/ExternalLink.js";import"../../../../ui/ExternalLink/index.js";import"../../../../../ui/index.js";import{BRAND_LINKS as i}from"../../../../constants/brand-links.js";import{CONFIRM_TRANSFER_SLOTS as a}from"../ConfirmTransfer.slots.js";import{styles as o}from"../ConfirmTransfer.styles.js";import{jsx as s}from"react/jsx-runtime";import*as c from"@stylexjs/stylex";const l=s(e,{id:`kR8ayx`,message:`By clicking Confirm Deposit, you agree to our <0>terms</0>.`,components:{0:s(r,{href:i.terms,...c.props(o.disclaimerTermsLink)})}});function u({children:e=l}){return s(n,{"data-stridge-slot":a.disclaimer,variant:`default`,icon:s(t,{}),...c.props(o.section),children:e})}export{u as ConfirmTransferDisclaimer};

package/dist/shared/widgets/confirm-transfer/compound/components/Footer.d.ts

@@ -0,0 +1,26 @@
+import { ConfirmTransferFooterProps } from "../types.js";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/shared/widgets/confirm-transfer/compound/components/Footer.d.ts
+/**
+ * Footer part — primary CTA. The label adapts to the current phase:
+ * `"Confirm Deposit"` when ready, `"Estimating gas…"` for the initial
+ * quote fetch, `"Confirm transaction in your wallet"` while the user is
+ * signing, `"Regenerating quote…"` while a fresh quote is being fetched
+ * (e.g. after expiry or a declined wallet prompt), and `"Try again"`
+ * when the quote step has errored. Renders `notice` from context (e.g.
+ * "Signature declined. Please try again.") above the CTA when present;
+ * in the `"error"` phase the failure message takes that slot instead.
+ * Click is inert when `onConfirm` is undefined or while loading; in the
+ * error phase the button stays interactive so retry is one click away.
+ */
+declare function ConfirmTransferFooter({
+  label,
+  loadingLabel,
+  submittingLabel,
+  regeneratingLabel,
+  retryLabel,
+  onConfirm
+}?: ConfirmTransferFooterProps): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { ConfirmTransferFooter };

package/dist/shared/widgets/confirm-transfer/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{text as n}from"../../../../ui/Text/Text.js";import"../../../../../ui/index.js";import{CONFIRM_TRANSFER_SLOTS as r}from"../ConfirmTransfer.slots.js";import{styles as i}from"../ConfirmTransfer.styles.js";import{useConfirmTransferContext as a}from"../context.js";import{jsx as o,jsxs as s}from"react/jsx-runtime";import*as c from"@stylexjs/stylex";function l({label:l,loadingLabel:u,submittingLabel:d,regeneratingLabel:f,retryLabel:p,onConfirm:m}={}){let h=a(`ConfirmTransfer.Footer`),{_:g}=e(),{phase:_,notice:v,error:y}=h,b=m??h.onConfirm,x=l??g({id:`qj0vvX`,message:`Confirm Deposit`}),S=u??g({id:`0eg2g7`,message:`Estimating gas…`}),C=d??g({id:`njn4bC`,message:`Confirm transaction in your wallet`}),w=f??g({id:`Ly6geA`,message:`Regenerating quote…`}),T=p??g({id:`KDw4GX`,message:`Try again`}),E=_===`error`,D=_!==`ready`&&!E,O=(_===`ready`||E)&&typeof b==`function`,k=E?T:D?_===`submitting`?C:_===`regenerating`?w:S:x,A=E?y?.message??g({id:`fWsBTs`,message:`Something went wrong. Please try again.`}):v;return s(`div`,{...c.props(i.footerStack),children:[A?o(n.p,{size:`sm`,leading:`tight`,color:E?`danger`:`subdued`,...c.props(i.footerNotice),children:A}):null,o(t,{"data-stridge-slot":r.cta,"data-loading":D||void 0,"aria-busy":D||void 0,size:`cta`,isLoading:D,onClick:O?b:void 0,...c.props(i.cta),children:o(n.span,{size:`callout`,fontWeight:`semibold`,leading:`tight`,tracking:`tight`,color:`inherit`,children:k})})]})}export{l as ConfirmTransferFooter};

package/dist/shared/widgets/confirm-transfer/compound/components/Header.d.ts

@@ -0,0 +1,13 @@
+import { ConfirmTransferHeaderProps } from "../types.js";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/shared/widgets/confirm-transfer/compound/components/Header.d.ts
+/**
+ * Header part — back button, title, and quote-timer slot.
+ */
+declare function ConfirmTransferHeader({
+  title,
+  onBack
+}?: ConfirmTransferHeaderProps): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { ConfirmTransferHeader };

package/dist/shared/widgets/confirm-transfer/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{CONFIRM_TRANSFER_SLOTS as o}from"../ConfirmTransfer.slots.js";import{styles as s}from"../ConfirmTransfer.styles.js";import{useConfirmTransferContext as c}from"../context.js";import{QuoteTimer as l}from"./QuoteTimer.js";import{jsx as u,jsxs as d}from"react/jsx-runtime";import*as f from"@stylexjs/stylex";function p({title:p,onBack:m}={}){let h=c(`ConfirmTransfer.Header`),{_:g}=e(),_=p??h.headerTitle??g({id:`AOPSKq`,message:`Deposit {0}`,values:{0:h.transfer.receiveToken.symbol}}),v=m===null?void 0:m??h.onBack,y=!h.loading&&typeof h.quoteSeconds==`number`;return d(i.Header,{"data-stridge-slot":o.header,...f.props(s.header),children:[typeof v==`function`?u(n,{"aria-label":g({id:`iH8pgl`,message:`Back`}),onClick:v,children:u(t,{"aria-hidden":!0,...f.props(s.backIcon)})}):null,u(a.span,{size:`base`,fontWeight:`semibold`,leading:`tight`,tracking:`tight`,...f.props(s.headerTitle),children:_}),u(`span`,{"aria-hidden":!y,...f.props(s.timerSlot),children:y?u(l,{seconds:h.quoteSeconds??0,total:h.quoteTotalSeconds}):null}),u(r.CloseButton,{})]})}export{p as ConfirmTransferHeader};

package/dist/shared/widgets/confirm-transfer/compound/components/Hero.d.ts

@@ -0,0 +1,16 @@
+import { ConfirmTransferHeroProps } from "../types.js";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/shared/widgets/confirm-transfer/compound/components/Hero.d.ts
+/**
+ * Hero part — oversized fiat amount centred at the top of the modal body.
+ * The leading currency glyph is rendered on a smaller font scale than the
+ * digits, with a small subline below showing the destination token amount
+ * (icon + `1.99580 USDC` style). Reads `heroAmountUsd` and the receive
+ * token from context; `amountUsd` overrides the headline figure.
+ */
+declare function ConfirmTransferHero({
+  amountUsd
+}: ConfirmTransferHeroProps): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { ConfirmTransferHero };

package/dist/shared/widgets/confirm-transfer/compound/components/Hero.js

@@ -0,0 +1 @@
+"use client";import{Skeleton as e}from"../../../../ui/Skeleton/Skeleton.js";import"../../../../ui/Skeleton/index.js";import{text as t}from"../../../../ui/Text/Text.js";import{TokenLogo as n}from"../../../../ui/TokenLogo/TokenLogo.js";import"../../../../ui/TokenLogo/index.js";import"../../../../../ui/index.js";import{CONFIRM_TRANSFER_SLOTS as r}from"../ConfirmTransfer.slots.js";import{styles as i}from"../ConfirmTransfer.styles.js";import{useConfirmTransferContext as a}from"../context.js";import{splitAmount as o}from"./splitAmount.js";import{jsx as s,jsxs as c}from"react/jsx-runtime";import*as l from"@stylexjs/stylex";function u({amountUsd:u}){let d=a(`ConfirmTransfer.Hero`),{glyph:f,digits:p}=o(u??d.heroAmountUsd),m=d.transfer.receiveToken;return c(`div`,{"data-stridge-slot":r.hero,...l.props(i.sectionFirst,i.hero),children:[c(`div`,{dir:`ltr`,...l.props(i.heroAmountRow),children:[f?s(`span`,{...l.props(i.heroGlyph),children:f}):null,s(`span`,{...l.props(i.heroDigits),children:p})]}),c(`div`,{dir:`ltr`,...l.props(i.heroSubLine),children:[s(n,{size:`md`,symbol:m.symbol,...m.chainId===void 0?{}:{chainId:m.chainId},...m.address===void 0?{}:{address:m.address},...m.isNative===void 0?{}:{isNative:m.isNative},...m.logoUrl===void 0?{}:{logoUrl:m.logoUrl},hideChainBadge:!0,...l.props(i.heroSubLineIcon)}),d.loading?s(e,{width:88,height:14}):c(t.span,{size:`sm`,fontWeight:`medium`,leading:`tight`,tracking:`tight`,color:`subdued`,children:[d.transfer.receiveAmount,` `,m.symbol,m.suffix?` ${m.suffix}`:``]})]})]})}export{u as ConfirmTransferHero};

package/dist/shared/widgets/confirm-transfer/compound/components/Meta.d.ts

@@ -0,0 +1,16 @@
+import { ConfirmTransferMetaProps } from "../types.js";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/shared/widgets/confirm-transfer/compound/components/Meta.d.ts
+/**
+ * Meta part — three-row card showing source, destination, and estimated time.
+ * While the root is loading the estimated-time value is replaced by a shimmer;
+ * source and destination continue to render their resolved values.
+ */
+declare function ConfirmTransferMeta({
+  sourceLabel,
+  destinationLabel,
+  etaLabel
+}: ConfirmTransferMetaProps): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { ConfirmTransferMeta };

package/dist/shared/widgets/confirm-transfer/compound/components/Meta.js

@@ -0,0 +1 @@
+"use client";import{useLingui as e}from"../../../../i18n/useLingui.js";import"../../../../../i18n/index.js";import{Details as t}from"../../../../ui/Details/Details.js";import"../../../../ui/Details/index.js";import{Skeleton as n}from"../../../../ui/Skeleton/Skeleton.js";import"../../../../ui/Skeleton/index.js";import{CONFIRM_TRANSFER_SLOTS as r}from"../ConfirmTransfer.slots.js";import{styles as i}from"../ConfirmTransfer.styles.js";import{useConfirmTransferContext as a}from"../context.js";import{jsx as o,jsxs as s}from"react/jsx-runtime";import*as c from"@stylexjs/stylex";function l({sourceLabel:l,destinationLabel:u,etaLabel:d}){let f=a(`ConfirmTransfer.Meta`),{_:p}=e(),{transfer:m,loading:h}=f,g=c.props(i.section),_=l??p({id:`wdxz7K`,message:`Source`}),v=u??p({id:`Enslfm`,message:`Destination`}),y=d??p({id:`-nuEh_`,message:`Estimated time`});return s(t,{"data-stridge-slot":r.meta,className:g.className,style:g.style,children:[o(t.Row,{label:_,children:o(t.Value,{icon:m.sourceIcon,children:m.sourceLabel})}),o(t.Row,{label:v,children:o(t.Value,{icon:m.destinationIcon,children:m.destinationLabel})}),o(t.Row,{label:y,children:h?o(n,{width:64,height:14}):o(t.Value,{children:m.eta})})]})}export{l as ConfirmTransferMeta};

package/dist/shared/widgets/confirm-transfer/compound/components/QuoteTimer.js

@@ -0,0 +1 @@
+"use client";import{useLingui as e}from"../../../../i18n/useLingui.js";import"../../../../../i18n/index.js";import{text as t}from"../../../../ui/Text/Text.js";import"../../../../../ui/index.js";import{CONFIRM_TRANSFER_SLOTS as n}from"../ConfirmTransfer.slots.js";import{styles as r}from"../ConfirmTransfer.styles.js";import{useEffect as i,useRef as a}from"react";import{jsx as o,jsxs as s}from"react/jsx-runtime";import*as c from"@stylexjs/stylex";const l=2*Math.PI*13;function u({seconds:u,total:d=30}){let{_:f}=e(),p=Math.max(d,1),m=Math.max(0,Math.min(u,p)),h=a(null),g=a((typeof performance<`u`?performance.now():0)+m*1e3),_=a(p);return i(()=>{if(typeof performance>`u`)return;let e=Math.max(0,(g.current-performance.now())/1e3);Math.abs(e-m)>.25&&(g.current=performance.now()+m*1e3),_.current=p},[m,p]),i(()=>{let e=h.current;if(!e)return;let t=0,n=()=>{let r=Math.max(0,(g.current-performance.now())/1e3),i=Math.max(0,Math.min(r/_.current,1));e.style.strokeDashoffset=String(l-i*l),r>0&&(t=window.requestAnimationFrame(n))};return t=window.requestAnimationFrame(n),()=>window.cancelAnimationFrame(t)},[]),s(`div`,{"data-stridge-slot":n.quoteTimer,role:`timer`,"aria-label":f({id:`IDt4jm`,message:`{0, plural, one {# second} other {# seconds}} left on quote`,values:{0:Math.ceil(m)}}),...c.props(r.timerWrap),children:[s(`svg`,{viewBox:`0 0 32 32`,"aria-hidden":!0,...c.props(r.timerSvg),children:[o(`circle`,{cx:`16`,cy:`16`,r:13,...c.props(r.timerTrack)}),o(`circle`,{ref:h,cx:`16`,cy:`16`,r:13,...c.props(r.timerProgress),strokeDasharray:l})]}),o(t.span,{size:`caption`,fontWeight:`medium`,leading:`tight`,tracking:`tight`,...c.props(r.timerDigits),children:Math.ceil(m)})]})}export{u as QuoteTimer};

package/dist/shared/widgets/confirm-transfer/compound/components/splitAmount.js

@@ -0,0 +1 @@
+function e(e){let t=e.charAt(0);return!t||/[0-9]/.test(t)?{glyph:``,digits:e}:{glyph:t,digits:e.slice(1)}}export{e as splitAmount};

package/dist/shared/widgets/confirm-transfer/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 <ConfirmTransfer>.`);return r}export{n as ConfirmTransferContext,r as useConfirmTransferContext};

package/dist/shared/widgets/confirm-transfer/compound/index.d.ts

@@ -0,0 +1,3 @@
+import { ConfirmTransferAmountsProps, ConfirmTransferBodyProps, ConfirmTransferBreakdown, ConfirmTransferBreakdownPercentRow, ConfirmTransferBreakdownProps, ConfirmTransferBreakdownTextRow, ConfirmTransferBreakdownUsdRow, ConfirmTransferDialogProps, ConfirmTransferDisclaimerProps, ConfirmTransferFooterProps, ConfirmTransferHeaderProps, ConfirmTransferHeroProps, ConfirmTransferMetaProps, ConfirmTransferProps, ConfirmTransferToken, ConfirmTransferTransfer } from "./types.js";
+import { ConfirmTransfer } from "./ConfirmTransfer.js";
+import { CONFIRM_TRANSFER_SLOTS, ConfirmTransferSlot } from "./ConfirmTransfer.slots.js";

package/dist/shared/widgets/confirm-transfer/compound/index.js

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