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

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

@@ -0,0 +1,47 @@
+import { CSSProperties, Ref } from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/shared/ui/Checkbox/Checkbox.d.ts
+/**
+ * Accessible checkbox control — a themed box that renders a check indicator when ticked. Wraps Base
+ * UI's headless `Checkbox` (keyboard + screen-reader semantics, hidden native input) and stamps the
+ * kit's token-driven surface. Label the control via `aria-label` / `aria-labelledby` — the box
+ * itself carries no visible label, so rich label content (e.g. a sentence with inline links) can
+ * live as a sibling without the links toggling the box.
+ *
+ * @example
+ * ```tsx
+ * <Checkbox checked={agreed} onCheckedChange={setAgreed} aria-labelledby="consent-text" />
+ * ```
+ */
+declare function Checkbox({
+  checked,
+  defaultChecked,
+  onCheckedChange,
+  disabled,
+  className,
+  style,
+  ...props
+}: Checkbox.Props): _$react_jsx_runtime0.JSX.Element;
+declare namespace Checkbox {
+  interface Props {
+    /** Controlled checked state. */
+    checked?: boolean;
+    /** Initial checked state for uncontrolled usage. */
+    defaultChecked?: boolean;
+    /** Fires with the next checked state on toggle. */
+    onCheckedChange?: (checked: boolean) => void;
+    /** When true, the control is non-interactive and dimmed. */
+    disabled?: boolean;
+    /** DOM id (associate an external `<label htmlFor>` or `aria-labelledby` target). */
+    id?: string;
+    "aria-label"?: string;
+    "aria-labelledby"?: string;
+    "aria-describedby"?: string;
+    className?: string;
+    style?: CSSProperties;
+    ref?: Ref<HTMLButtonElement>;
+  }
+}
+//#endregion
+export { Checkbox };

package/dist/shared/ui/Checkbox/Checkbox.js

@@ -0,0 +1 @@
+import{joinClassNames as e}from"../../utils/joinClassNames.js";import{CheckIcon as t}from"../../icons/CheckIcon.js";import"../../../icons/index.js";import{CHECKBOX_SLOTS as n}from"./Checkbox.slots.js";import{styles as r}from"./Checkbox.styles.js";import{jsx as i}from"react/jsx-runtime";import*as a from"@stylexjs/stylex";import{Checkbox as o}from"@base-ui/react/checkbox";function s({checked:s,defaultChecked:c,onCheckedChange:l,disabled:u,className:d,style:f,...p}){let m=a.props(r.root,u?r.disabled:null);return i(o.Root,{...s===void 0?{}:{checked:s},...c===void 0?{}:{defaultChecked:c},...l?{onCheckedChange:e=>l(e)}:{},...u===void 0?{}:{disabled:u},"data-stridge-slot":n.root,...p,className:e(m.className,d),style:{...m.style,...f},children:i(o.Indicator,{"data-stridge-slot":n.indicator,...a.props(r.indicator),children:i(t,{"aria-hidden":!0,...a.props(r.icon)})})})}export{s as Checkbox};

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

@@ -0,0 +1,12 @@
+//#region src/shared/ui/Checkbox/Checkbox.slots.d.ts
+/**
+ * `data-stridge-slot` values for {@link import("./Checkbox").Checkbox}. Host CSS targets
+ * `[data-stridge-slot="checkbox"]` / `"checkbox-indicator"` to restyle the control.
+ */
+declare const CHECKBOX_SLOTS: {
+  readonly root: "checkbox";
+  readonly indicator: "checkbox-indicator";
+};
+type CheckboxSlot = (typeof CHECKBOX_SLOTS)[keyof typeof CHECKBOX_SLOTS];
+//#endregion
+export { CHECKBOX_SLOTS, CheckboxSlot };

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

@@ -0,0 +1 @@
+const e={root:`checkbox`,indicator:`checkbox-indicator`};export{e as CHECKBOX_SLOTS};

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

@@ -0,0 +1 @@
+const e={root:{"Checkbox__styles.root":`Checkbox__styles.root`,"position-kVAEAm":`x1n2onr6`,"display-k1xSpc":`x3nfvp2`,"alignItems-kGNEyG":`x6s0dn4`,"justifyContent-kjj79g":`xl56j7k`,"flexShrink-kmuXW":`x2lah0s`,"width-kzqmXN":`x1xp8n7a`,"height-kZKoxP":`xmix8c7`,"padding-kmVPX3":`x1717udv`,"margin-kogj98":`x1ghz6dp`,"borderRadius-kaIpWk":`x143j3yi`,"borderWidth-kMzoRj":`xvndefy`,"borderStyle-ksu8eU":`x1y0btm7`,"borderColor-kVAM5u":`x12c9lpl`,"backgroundColor-kWkggS":`x19u6ldj`,"appearance-kysU6D":`xjyslct`,"cursor-kkrTdU":`x1ypdohk`,"transitionProperty-k1ekBW":`x11vqxbs`,"transitionDuration-kIyJzY":`xx6bhzk`,"transitionTimingFunction-kAMwcw":`x9lcvmn`,"outline-kI3sdo":`x1a2a7pz`,"boxShadow-kGVxlE":`x159teg`,$$css:`@stridge/kit:src/shared/ui/Checkbox/Checkbox.styles.ts:4`},disabled:{"Checkbox__styles.disabled":`Checkbox__styles.disabled`,"cursor-kkrTdU":`x1h6gzvc`,"opacity-kSiTet":`xbyyjgo`,$$css:`@stridge/kit:src/shared/ui/Checkbox/Checkbox.styles.ts:30`},indicator:{"Checkbox__styles.indicator":`Checkbox__styles.indicator`,"position-kVAEAm":`x10l6tqk`,"top-k87sOh":`x13vifvy`,"insetInlineStart-kLqNvP":`x1o0tod`,"display-k1xSpc":`x78zum5`,"alignItems-kGNEyG":`x6s0dn4`,"justifyContent-kjj79g":`xl56j7k`,"width-kzqmXN":`xh8yej3`,"height-kZKoxP":`x5yr21d`,"borderRadius-kaIpWk":`x2zroun`,"backgroundColor-kWkggS":`xdmxa9o`,$$css:`@stridge/kit:src/shared/ui/Checkbox/Checkbox.styles.ts:34`},icon:{"Checkbox__styles.icon":`Checkbox__styles.icon`,"width-kzqmXN":`xsmyaan`,"height-kZKoxP":`x1kpxq89`,"color-kMwMTN":`x1kho0d4`,"strokeWidth-kfJifR":`xqjr0vm`,$$css:`@stridge/kit:src/shared/ui/Checkbox/Checkbox.styles.ts:46`}};export{e as styles};

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

@@ -0,0 +1,2 @@
+import { Checkbox } from "./Checkbox.js";
+import { CHECKBOX_SLOTS, CheckboxSlot } from "./Checkbox.slots.js";

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

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

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

@@ -0,0 +1,36 @@
+import { ComponentProps } from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/shared/ui/CurrencyGlyph/CurrencyGlyph.d.ts
+/**
+ * Currency emblem for currency rows and the amount-entry chip. Resolves the currency's country flag
+ * by CDN convention (clipped to a circle) and renders it via {@link Image}; when the flag 404s or
+ * the currency has no mapped flag, the `Image` fallback shows a themed circle with the currency
+ * `symbol` (or 3-letter `code`). A driver-supplied `iconUrl` overrides the convention flag.
+ * RTL-safe and crisp at every density.
+ *
+ * @example
+ * ```tsx
+ * <CurrencyGlyph code="EUR" symbol="€" />
+ * <CurrencyGlyph code="JPY" symbol="¥" size={18} />
+ * ```
+ */
+declare function CurrencyGlyph({
+  code,
+  symbol,
+  iconUrl,
+  size,
+  className,
+  style,
+  ...props
+}: CurrencyGlyph.Props): _$react_jsx_runtime0.JSX.Element;
+declare namespace CurrencyGlyph {
+  type Props = Omit<ComponentProps<"span">, "children"> & {
+    /** ISO-4217 currency code (e.g. `"USD"`). Drives the bundled-flag lookup + the fallback glyph. */code: string; /** Currency symbol (e.g. `"$"`). Rendered when no flag is bundled and it is 1–2 chars. */
+    symbol?: string; /** Optional driver-supplied emblem URL — overrides the bundled flag + symbol fallback. */
+    iconUrl?: string; /** Diameter in pixels. Defaults to `36` (row size); pass `18`–`20` for an inline chip. */
+    size?: number;
+  };
+}
+//#endregion
+export { CurrencyGlyph };

package/dist/shared/ui/CurrencyGlyph/CurrencyGlyph.js

@@ -0,0 +1 @@
+import{joinClassNames as e}from"../../utils/joinClassNames.js";import{Image as t}from"../Image/Image.js";import"../Image/index.js";import{CURRENCY_GLYPH_SLOTS as n}from"./CurrencyGlyph.slots.js";import{styles as r}from"./CurrencyGlyph.styles.js";import{buildCurrencyFlagUrl as i}from"./flags.js";import{jsx as a}from"react/jsx-runtime";import*as o from"@stylexjs/stylex";function s(e,t){let n=t?.trim();return n&&n.length<=2?n:e.slice(0,3).toUpperCase()}function c({code:c,symbol:l,iconUrl:u,size:d=36,className:f,style:p,...m}){let h=u??i(c);if(h)return a(t,{src:h,alt:c,size:d,shape:`circle`,letter:s(c,l),"data-stridge-slot":n.root,...m,...f?{className:f}:{},...p?{style:p}:{}});let g=o.props(r.root),_=o.props(r.label),v=Math.max(9,Math.round(d*.4));return a(`span`,{"data-stridge-slot":n.root,"aria-hidden":`true`,...m,className:e(g.className,f),style:{...g.style,width:`${d}px`,height:`${d}px`,fontSize:`${v}px`,...p},children:a(`span`,{"data-stridge-slot":n.label,..._,children:s(c,l)})})}export{c as CurrencyGlyph};

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

@@ -0,0 +1,12 @@
+//#region src/shared/ui/CurrencyGlyph/CurrencyGlyph.slots.d.ts
+/**
+ * `data-stridge-slot` values for {@link import("./CurrencyGlyph").CurrencyGlyph}. Host CSS targets
+ * `[data-stridge-slot="currency-glyph"]` to restyle the chip without reaching into kit internals.
+ */
+declare const CURRENCY_GLYPH_SLOTS: {
+  readonly root: "currency-glyph";
+  readonly label: "currency-glyph-label";
+};
+type CurrencyGlyphSlot = (typeof CURRENCY_GLYPH_SLOTS)[keyof typeof CURRENCY_GLYPH_SLOTS];
+//#endregion
+export { CURRENCY_GLYPH_SLOTS, CurrencyGlyphSlot };

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

@@ -0,0 +1 @@
+const e={root:`currency-glyph`,label:`currency-glyph-label`};export{e as CURRENCY_GLYPH_SLOTS};

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

@@ -0,0 +1 @@
+const e={root:{"CurrencyGlyph__styles.root":`CurrencyGlyph__styles.root`,"display-k1xSpc":`x3nfvp2`,"alignItems-kGNEyG":`x6s0dn4`,"justifyContent-kjj79g":`xl56j7k`,"flexShrink-kmuXW":`x2lah0s`,"borderRadius-kaIpWk":`x1npxkrn`,"backgroundColor-kWkggS":`x1qkydf4`,"color-kMwMTN":`xzn0pkc`,"borderWidth-kMzoRj":`xmkeg23`,"borderStyle-ksu8eU":`x1y0btm7`,"borderColor-kVAM5u":`x12c9lpl`,"fontFamily-kMv6JI":`xlaww2m`,"fontWeight-k63SB2":`x1qvi77d`,"lineHeight-kLWn49":`xo5v014`,"overflow-kVQacm":`xb3r6kr`,"userSelect-kfSwDN":`x87ps6o`,$$css:`@stridge/kit:src/shared/ui/CurrencyGlyph/CurrencyGlyph.styles.ts:4`},label:{"CurrencyGlyph__styles.label":`CurrencyGlyph__styles.label`,"display-k1xSpc":`x1lliihq`,"textAlign-k9WMMc":`x2b8uid`,"letterSpacing-kb6lSQ":`x17krmmv`,$$css:`@stridge/kit:src/shared/ui/CurrencyGlyph/CurrencyGlyph.styles.ts:21`}};export{e as styles};

package/dist/shared/ui/CurrencyGlyph/flags.js

@@ -0,0 +1 @@
+const e={USD:`us`,EUR:`eu`,GBP:`gb`,JPY:`jp`,CNY:`cn`,AUD:`au`,CAD:`ca`,CHF:`ch`,HKD:`hk`,NZD:`nz`,SGD:`sg`,SEK:`se`,NOK:`no`,DKK:`dk`,PLN:`pl`,CZK:`cz`,HUF:`hu`,RON:`ro`,TRY:`tr`,RUB:`ru`,UAH:`ua`,AED:`ae`,SAR:`sa`,QAR:`qa`,KWD:`kw`,BHD:`bh`,OMR:`om`,ILS:`il`,INR:`in`,PKR:`pk`,BDT:`bd`,LKR:`lk`,IDR:`id`,MYR:`my`,PHP:`ph`,VND:`vn`,THB:`th`,KRW:`kr`,TWD:`tw`,KZT:`kz`,ZAR:`za`,NGN:`ng`,EGP:`eg`,KES:`ke`,GHS:`gh`,MAD:`ma`,BRL:`br`,MXN:`mx`,ARS:`ar`,CLP:`cl`,COP:`co`,PEN:`pe`,UYU:`uy`};function t(t){let n=e[t.toUpperCase()];return n?`https://raw.githubusercontent.com/lipis/flag-icons/main/flags/1x1/${n}.svg`:void 0}export{t as buildCurrencyFlagUrl};

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

@@ -0,0 +1,2 @@
+import { CurrencyGlyph } from "./CurrencyGlyph.js";
+import { CURRENCY_GLYPH_SLOTS, CurrencyGlyphSlot } from "./CurrencyGlyph.slots.js";

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

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

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

@@ -0,0 +1,56 @@
+import { Details } from "../Details/Details.js";
+import { ComponentProps, ReactNode } from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/shared/ui/DisclosureRow/DisclosureRow.d.ts
+/**
+ * Inline "More details" disclosure: a labelled {@link Details.Row} trigger with a rotating chevron
+ * that expands a panel of sibling rows below. The single shared shape behind every disclosure of
+ * this kind in the kit — success, failure / error, and the onramp confirm breakdown — so they stay
+ * pixel-identical (no per-call hover shift, the same quarter-turn chevron animation).
+ *
+ * Controlled (`open` + `onOpenChange`) or uncontrolled (`defaultOpen`). Self-gating stays with the
+ * caller: render `<DisclosureRow>` only when there's something to reveal — it always shows its
+ * trigger.
+ *
+ * @example
+ * ```tsx
+ * <DisclosureRow label={t`More details`} triggerProps={{ "data-stridge-slot": SLOTS.moreDetailsTrigger }}>
+ *   <SubmittedAtRow />
+ *   <DepositTxRow />
+ * </DisclosureRow>
+ * ```
+ */
+declare function DisclosureRow({
+  label,
+  open: openProp,
+  defaultOpen,
+  onOpenChange,
+  children,
+  triggerProps
+}: DisclosureRow.Props): _$react_jsx_runtime0.JSX.Element;
+declare namespace DisclosureRow {
+  interface Props {
+    /** Leading-edge label rendered in the trigger row (e.g. "More details"). */
+    label: ReactNode;
+    /** Controlled open state. Omit for uncontrolled — seed the initial state with `defaultOpen`. */
+    open?: boolean;
+    /** Initial open state when uncontrolled. Defaults to `false`. */
+    defaultOpen?: boolean;
+    /** Fires with the next open state whenever the trigger toggles. */
+    onOpenChange?: (open: boolean) => void;
+    /** Panel content revealed when open — typically a stack of sibling `Details.Row`s. */
+    children?: ReactNode;
+    /**
+     * Extra props forwarded to the trigger `Details.Row` — pass a call-site `data-stridge-slot`
+     * (so existing slot queries keep resolving), `aria-label`, or className/style overrides. The
+     * `data-*` index signature is explicit because React's DOM prop types reject `data-` keys in
+     * an object literal.
+     */
+    triggerProps?: Omit<ComponentProps<typeof Details.Row>, "label" | "children"> & {
+      [dataAttribute: `data-${string}`]: string | undefined;
+    };
+  }
+}
+//#endregion
+export { DisclosureRow };

package/dist/shared/ui/DisclosureRow/DisclosureRow.js

@@ -0,0 +1 @@
+"use client";import{joinClassNames as e}from"../../utils/joinClassNames.js";import{ChevronRightIcon as t}from"../../icons/ChevronRightIcon.js";import"../../../icons/index.js";import{Collapsible as n}from"../Collapsible/Collapsible.js";import"../Collapsible/index.js";import{Details as r}from"../Details/Details.js";import"../Details/index.js";import{useDirectionalChevronTransform as i}from"../../dialog/useDirectionalChevronTransform.js";import{DISCLOSURE_ROW_SLOTS as a}from"./DisclosureRow.slots.js";import{styles as o}from"./DisclosureRow.styles.js";import{useCallback as s,useState as c}from"react";import{jsx as l,jsxs as u}from"react/jsx-runtime";import*as d from"@stylexjs/stylex";function f({label:f,open:p,defaultOpen:m=!1,onOpenChange:h,children:g,triggerProps:_}){let v=typeof p==`boolean`,[y,b]=c(m),x=v?p:y,S=s(e=>{v||b(e),h?.(e)},[v,h]),C=d.props(o.trigger,x?null:o.triggerClosed),w=d.props(o.chevron),T=i(x),{className:E,style:D,...O}=_??{};return u(n,{open:x,onOpenChange:S,children:[l(n.Trigger,{nativeButton:!1,render:l(r.Row,{"data-stridge-slot":a.trigger,...O,label:f,className:e(C.className,E),style:{...C.style,...D},children:l(t,{"aria-hidden":!0,"data-stridge-slot":a.chevron,className:w.className,style:{...w.style,transform:T}})})}),l(n.Panel,{children:g})]})}export{f as DisclosureRow};

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

@@ -0,0 +1,8 @@
+//#region src/shared/ui/DisclosureRow/DisclosureRow.slots.d.ts
+declare const DISCLOSURE_ROW_SLOTS: {
+  readonly trigger: "disclosure-row-trigger";
+  readonly chevron: "disclosure-row-chevron";
+};
+type DisclosureRowSlot = (typeof DISCLOSURE_ROW_SLOTS)[keyof typeof DISCLOSURE_ROW_SLOTS];
+//#endregion
+export { DISCLOSURE_ROW_SLOTS, DisclosureRowSlot };

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

@@ -0,0 +1 @@
+const e={trigger:`disclosure-row-trigger`,chevron:`disclosure-row-chevron`};export{e as DISCLOSURE_ROW_SLOTS};

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

@@ -0,0 +1 @@
+const e={trigger:{"DisclosureRow__styles.trigger":`DisclosureRow__styles.trigger`,"cursor-kkrTdU":`x1ypdohk`,"outline-kI3sdo":`x1a2a7pz`,"userSelect-kfSwDN":`x87ps6o`,"WebkitTapHighlightColor-kQizK7":`x1i10hfl`,":focus-visible_boxShadow-kEtg5x":`xf4a2cz`,$$css:`@stridge/kit:src/shared/ui/DisclosureRow/DisclosureRow.styles.ts:8`},triggerClosed:{"DisclosureRow__styles.triggerClosed":`DisclosureRow__styles.triggerClosed`,"borderBottomWidth-kt9PQ7":`x1qhh985`,$$css:`@stridge/kit:src/shared/ui/DisclosureRow/DisclosureRow.styles.ts:18`},chevron:{"DisclosureRow__styles.chevron":`DisclosureRow__styles.chevron`,"width-kzqmXN":`x6jxa94`,"height-kZKoxP":`x1v9usgg`,"flexShrink-kmuXW":`x2lah0s`,"color-kMwMTN":`x137ha3m`,"strokeWidth-kfJifR":`xhr4kjn`,"transformOrigin-k3nNDw":`x1g0ag68`,"transitionProperty-k1ekBW":`x11xpdln`,"transitionDuration-kIyJzY":`x9dyr19 x12w9bfk`,"transitionTimingFunction-kAMwcw":`x9lcvmn`,$$css:`@stridge/kit:src/shared/ui/DisclosureRow/DisclosureRow.styles.ts:22`}};export{e as styles};

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

@@ -0,0 +1,2 @@
+import { DisclosureRow } from "./DisclosureRow.js";
+import { DISCLOSURE_ROW_SLOTS, DisclosureRowSlot } from "./DisclosureRow.slots.js";

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

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

package/dist/shared/ui/FiatSymbol/FiatAmount.d.ts

@@ -0,0 +1,32 @@
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/shared/ui/FiatSymbol/FiatAmount.d.ts
+/**
+ * Props for {@link FiatAmount}.
+ */
+interface FiatAmountProps {
+  /** Numeric amount in major units (e.g. `28.5`). Formatted locale-aware via `Intl.NumberFormat`. */
+  value: number;
+  /** ISO-4217 currency code (e.g. `"AED"`, `"EUR"`). */
+  currency: string;
+  /** BCP-47 locale driving grouping, decimals, and symbol placement (e.g. `i18n.locale`, `ctx.locale`). */
+  locale?: Intl.LocalesArgument;
+  /** Extra `Intl.NumberFormat` overrides merged on top of the currency defaults (e.g. fraction digits). */
+  format?: Intl.NumberFormatOptions;
+}
+/**
+ * Render a fiat amount with its symbol, locale-correct, where the symbol routes through
+ * {@link FiatSymbol}. Identical output to `formatFiat` for every currency except those whose modern
+ * sign lacks font coverage (the UAE dirham), which draw the official SVG inline instead of a tofu
+ * box. Splits the formatted output via `formatToParts` so the symbol is swapped in place — grouping,
+ * decimals, and symbol-before/after placement all follow the currency's CLDR rules. The SVG inherits
+ * the surrounding `font-size` and `color`, so it sits like text wherever this is used.
+ */
+declare function FiatAmount({
+  value,
+  currency,
+  locale,
+  format
+}: FiatAmountProps): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { FiatAmount, FiatAmountProps };

package/dist/shared/ui/FiatSymbol/FiatAmount.js

@@ -0,0 +1 @@
+import{FiatSymbol as e}from"./FiatSymbol.js";import{Fragment as t,jsx as n,jsxs as r}from"react/jsx-runtime";function i({value:i,currency:a,locale:o,format:s}){let c=new Intl.NumberFormat(o,{style:`currency`,currency:a,currencyDisplay:`narrowSymbol`,...s}).formatToParts(i),l=c.findIndex(e=>e.type===`currency`);if(l===-1)return n(t,{children:c.map(e=>e.value).join(``)});let u=c.slice(0,l).map(e=>e.value).join(``),d=c.slice(l+1).map(e=>e.value).join(``);return r(`span`,{style:{whiteSpace:`nowrap`},children:[u,n(e,{code:a,symbol:c[l]?.value}),d]})}export{i as FiatAmount};

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

@@ -0,0 +1,30 @@
+import { SVGProps } from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/shared/ui/FiatSymbol/FiatSymbol.d.ts
+/**
+ * Props for {@link FiatSymbol}.
+ */
+interface FiatSymbolProps {
+  /** ISO-4217 currency code (e.g. `"AED"`, `"USD"`) — drives the SVG-sign special-case lookup. */
+  code: string;
+  /** Pre-resolved text symbol rendered when the code has no dedicated SVG sign (`"$"`, `"€"`, `"¥"`). */
+  symbol?: string;
+  /** Props forwarded to the SVG sign when one is used — e.g. `style` to tweak its size or alignment. */
+  iconProps?: SVGProps<SVGSVGElement>;
+}
+/**
+ * Render a fiat currency's symbol. For a currency whose modern sign has no font coverage yet —
+ * currently only the UAE dirham ({@link DirhamSignIcon}, `U+20C3`) — this draws the official mark as
+ * an inline SVG that inherits the surrounding font size and colour, sidestepping the tofu box the
+ * bare codepoint would produce on today's devices. Every other currency renders its text `symbol`
+ * (falling back to the bare `code`), so the component is a drop-in anywhere a symbol string was
+ * printed.
+ */
+declare function FiatSymbol({
+  code,
+  symbol,
+  iconProps
+}: FiatSymbolProps): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { FiatSymbol, FiatSymbolProps };

package/dist/shared/ui/FiatSymbol/FiatSymbol.js

@@ -0,0 +1 @@
+import{DirhamSignIcon as e}from"../../icons/DirhamSignIcon.js";import"../../../icons/index.js";import{Fragment as t,jsx as n}from"react/jsx-runtime";const r={AED:e};function i({code:e,symbol:i,iconProps:a}){let o=r[e.toUpperCase()];return o?n(o,{"aria-label":e,...a}):n(t,{children:i??e})}export{i as FiatSymbol};

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

@@ -0,0 +1,2 @@
+import { FiatAmount, FiatAmountProps } from "./FiatAmount.js";
+import { FiatSymbol, FiatSymbolProps } from "./FiatSymbol.js";

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

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

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

@@ -26,11 +26,11 @@ type TabsVariant = "default" | "line" | "ghost";
  * <Tabs.Root defaultValue="crypto">
  *   <Tabs.List variant="default">
  *     <Tabs.Tab value="crypto">Crypto</Tabs.Tab>
- *     <Tabs.Tab value="cash">Cash</Tabs.Tab>
+ *     <Tabs.Tab value="onramp">Cash</Tabs.Tab>
  *     <Tabs.Indicator />
  *   </Tabs.List>
  *   <Tabs.Panel value="crypto">…</Tabs.Panel>
- *   <Tabs.Panel value="cash">…</Tabs.Panel>
+ *   <Tabs.Panel value="onramp">…</Tabs.Panel>
  * </Tabs.Root>
  * ```
  */

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

@@ -1 +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};
+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 n=e(i.symbol);n&&a.push(n);let r=t(i.symbol);r&&a.push(r)}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/widgets/activity/compound/ActivityDetail.js

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

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

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

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

@@ -1 +1 @@
-const e={root:{"AmountEntry__styles.root":`AmountEntry__styles.root`,"position-kVAEAm":`x1n2onr6`,"width-kzqmXN":`xh8yej3`,"maxWidth-ks0D6T":`x17fpy1y`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:18`},header:{"AmountEntry__styles.header":`AmountEntry__styles.header`,"gap-kOIVth":`x1v2ro7d`,"paddingTop-kLKAdn":`xyamay9`,"paddingInlineEnd-kwRFfy":`x1x5flf6`,"paddingBottom-kGO01o":`x1l90r2v`,"paddingInlineStart-kZCmMZ":`xf7dkkf`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:25`},headerTitle:{"AmountEntry__styles.headerTitle":`AmountEntry__styles.headerTitle`,"margin-kogj98":`x1ghz6dp`,"flexGrow-kzQI83":`x1iyjqo2`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:32`},headerTrailing:{"AmountEntry__styles.headerTrailing":`AmountEntry__styles.headerTrailing`,"display-k1xSpc":`x78zum5`,"alignItems-kGNEyG":`x6s0dn4`,"gap-kOIVth":`x1a6yh9e`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:39`},backIcon:{"AmountEntry__styles.backIcon":`AmountEntry__styles.backIcon`,"color-kMwMTN":`xzn0pkc`,"strokeWidth-kfJifR":`xhxwl1`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:44`},closeIcon:{"AmountEntry__styles.closeIcon":`AmountEntry__styles.closeIcon`,"color-kMwMTN":`xzn0pkc`,"strokeWidth-kfJifR":`xhr4kjn`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:48`},heroBlock:{"AmountEntry__styles.heroBlock":`AmountEntry__styles.heroBlock`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`xdt5ytf`,"alignItems-kGNEyG":`x6s0dn4`,"paddingTop-kLKAdn":`x1byr4rc`,"paddingInlineEnd-kwRFfy":`x1o5r3ls`,"paddingBottom-kGO01o":`xwib8y2`,"paddingInlineStart-kZCmMZ":`xz7312c`,"gap-kOIVth":`x167g77z`,"textAlign-k9WMMc":`x2b8uid`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:60`},hero:{"AmountEntry__styles.hero":`AmountEntry__styles.hero`,"gap-kOIVth":`x1nj97wv`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:76`},heroCurrency:{"AmountEntry__styles.heroCurrency":`AmountEntry__styles.heroCurrency`,"display-k1xSpc":`x1rg5ohu`,"fontSize-kGuDYH":`xsfzzmd`,"lineHeight-kLWn49":`xo5v014`,"letterSpacing-kb6lSQ":`x1b4dsll`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:79`},heroAmount:{"AmountEntry__styles.heroAmount":`AmountEntry__styles.heroAmount`,"fontSize-kGuDYH":`xrv4cvt`,"lineHeight-kLWn49":`xo5v014`,"letterSpacing-kb6lSQ":`xo2cfqc`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:85`},subLine:{"AmountEntry__styles.subLine":`AmountEntry__styles.subLine`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`x1q0g3np`,"alignItems-kGNEyG":`x6s0dn4`,"gap-kOIVth":`x17d4w8g`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:90`},subLineIcon:{"AmountEntry__styles.subLineIcon":`AmountEntry__styles.subLineIcon`,"width-kzqmXN":`x6jxa94`,"height-kZKoxP":`x1v9usgg`,"flexShrink-kmuXW":`x2lah0s`,"color-kMwMTN":`x137ha3m`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:96`},bigSlot:{"AmountEntry__styles.bigSlot":`AmountEntry__styles.bigSlot`,"position-kVAEAm":`x1n2onr6`,"zIndex-kY2c9j":`x1fina04`,"display-k1xSpc":`x3nfvp2`,"alignItems-kGNEyG":`x1pha0wt`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:105`},swapToggle:{"AmountEntry__styles.swapToggle":`AmountEntry__styles.swapToggle`,"appearance-kysU6D":`xjyslct`,"display-k1xSpc":`x3nfvp2`,"flexDirection-kXwgrk":`x1q0g3np`,"alignItems-kGNEyG":`x6s0dn4`,"gap-kOIVth":`x17d4w8g`,"backgroundColor-kWkggS":`x1qkydf4`,"margin-kogj98":`x1ghz6dp`,"paddingBlock-k8WAf4":`x12ulsxz`,"paddingInline-kg3NbH":`x1awh872`,"font-kVVagm":`xln7xf2`,"color-kMwMTN":`xi96bwj`,"cursor-kkrTdU":`x1ypdohk`,"borderRadius-kaIpWk":`x1npxkrn`,"transitionProperty-k1ekBW":`xs2xxs2`,"transitionDuration-kIyJzY":`x9dyr19`,"transitionTimingFunction-kAMwcw":`x9lcvmn`,":hover_backgroundColor-kGzVvX":`x1tkvd9a`,":hover_color-kDPRdz":`xpscirx`,":focus-visible_outline-k3Woio":`x67ar3w`,":focus-visible_outlineOffset-kiEn40":`x7s97pk`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:112`},swapIcon:{"AmountEntry__styles.swapIcon":`AmountEntry__styles.swapIcon`,"display-k1xSpc":`x3nfvp2`,"alignItems-kGNEyG":`x6s0dn4`,"justifyContent-kjj79g":`xl56j7k`,"width-kzqmXN":`x6jxa94`,"height-kZKoxP":`x1v9usgg`,"flexShrink-kmuXW":`x2lah0s`,"color-kMwMTN":`x1heor9g`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:139`},swapTextWrap:{"AmountEntry__styles.swapTextWrap":`AmountEntry__styles.swapTextWrap`,"display-k1xSpc":`x3nfvp2`,"alignItems-kGNEyG":`x6s0dn4`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:148`},swapText:{"AmountEntry__styles.swapText":`AmountEntry__styles.swapText`,"position-kVAEAm":`x1n2onr6`,"zIndex-kY2c9j":`x11uqc5h`,"display-k1xSpc":`x1rg5ohu`,"fontSize-kGuDYH":`xkpwil5`,"lineHeight-kLWn49":`x132q4wb`,"fontWeight-k63SB2":`xk50ysn`,"letterSpacing-kb6lSQ":`xjat59b`,"whiteSpace-khDVqt":`xuxw1ft`,"color-kMwMTN":`x1heor9g`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:152`},swapSymbol:{"AmountEntry__styles.swapSymbol":`AmountEntry__styles.swapSymbol`,"display-k1xSpc":`x1rg5ohu`,"fontSize-kGuDYH":`xkpwil5`,"lineHeight-kLWn49":`x132q4wb`,"fontWeight-k63SB2":`xk50ysn`,"letterSpacing-kb6lSQ":`xjat59b`,"whiteSpace-khDVqt":`x1sdyfia`,"color-kMwMTN":`x1heor9g`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:163`},swapBackdrop:{"AmountEntry__styles.swapBackdrop":`AmountEntry__styles.swapBackdrop`,"position-kVAEAm":`x10l6tqk`,"inset-kpwlN0":`x1v1xp8j`,"zIndex-kY2c9j":`x8knxv4`,"filter-ku685b":`x1qgin71`,"pointerEvents-kfzvcC":`x47corl`,"backgroundImage-kKwaWg":`x1bmns5n`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:173`},pills:{"AmountEntry__styles.pills":`AmountEntry__styles.pills`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`x1q0g3np`,"width-kzqmXN":`xh8yej3`,"gap-kOIVth":`x167g77z`,"paddingTop-kLKAdn":`x9desvi`,"paddingInlineEnd-kwRFfy":`x1o5r3ls`,"paddingInlineStart-kZCmMZ":`xz7312c`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:186`},flowWrap:{"AmountEntry__styles.flowWrap":`AmountEntry__styles.flowWrap`,"display-k1xSpc":`x78zum5`,"justifyContent-kjj79g":`xl56j7k`,"paddingTop-kLKAdn":`x9desvi`,"paddingInlineEnd-kwRFfy":`x1o5r3ls`,"paddingInlineStart-kZCmMZ":`xz7312c`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:199`},flow:{"AmountEntry__styles.flow":`AmountEntry__styles.flow`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`x1q0g3np`,"alignItems-kGNEyG":`x6s0dn4`,"justifyContent-kjj79g":`xl56j7k`,"backgroundColor-kWkggS":`x12obg9s`,"borderColor-kVAM5u":`x1bue7yx`,"borderStyle-ksu8eU":`x1y0btm7`,"borderWidth-kMzoRj":`xmkeg23`,"borderRadius-kaIpWk":`x1npxkrn`,"paddingBlock-k8WAf4":`xxlmvz2`,"paddingInline-kg3NbH":`x65v0h`,"gap-kOIVth":`x1c1vhfx`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:206`},flowSide:{"AmountEntry__styles.flowSide":`AmountEntry__styles.flowSide`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`x1q0g3np`,"alignItems-kGNEyG":`x6s0dn4`,"gap-kOIVth":`x1v2ro7d`,"minWidth-k7Eaqz":`xeuugli`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:220`},flowLabels:{"AmountEntry__styles.flowLabels":`AmountEntry__styles.flowLabels`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`xdt5ytf`,"gap-kOIVth":`x12mrbbr`,"minWidth-k7Eaqz":`xeuugli`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:227`},flowBridge:{"AmountEntry__styles.flowBridge":`AmountEntry__styles.flowBridge`,"display-k1xSpc":`x78zum5`,"alignItems-kGNEyG":`x6s0dn4`,"justifyContent-kjj79g":`xl56j7k`,"flexShrink-kmuXW":`x2lah0s`,"color-kMwMTN":`x137ha3m`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:233`},flowBridgeIcon:{"AmountEntry__styles.flowBridgeIcon":`AmountEntry__styles.flowBridgeIcon`,"width-kzqmXN":`x1kky2od`,"height-kZKoxP":`xlup9mm`,"flexShrink-kmuXW":`x2lah0s`,"color-kMwMTN":`x137ha3m`,"strokeWidth-kfJifR":`xhr4kjn`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:240`},footer:{"AmountEntry__styles.footer":`AmountEntry__styles.footer`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`xdt5ytf`,"gap-kOIVth":`x167g77z`,"paddingTop-kLKAdn":`x9desvi`,"paddingInlineEnd-kwRFfy":`x1o5r3ls`,"paddingBottom-kGO01o":`x1t4gjm`,"paddingInlineStart-kZCmMZ":`xz7312c`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:248`},cta:{"AmountEntry__styles.cta":`AmountEntry__styles.cta`,"width-kzqmXN":`xh8yej3`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:258`},ctaInteractive:{"AmountEntry__styles.ctaInteractive":`AmountEntry__styles.ctaInteractive`,"cursor-kkrTdU":`x1ypdohk`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:261`},ctaInert:{"AmountEntry__styles.ctaInert":`AmountEntry__styles.ctaInert`,"cursor-kkrTdU":`xt0e3qv`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:264`},noticeText:{"AmountEntry__styles.noticeText":`AmountEntry__styles.noticeText`,"marginBlock-kqGvvJ":`x10im51j`,"textAlign-k9WMMc":`x2b8uid`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:268`},detailsWrap:{"AmountEntry__styles.detailsWrap":`AmountEntry__styles.detailsWrap`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`xdt5ytf`,"paddingTop-kLKAdn":`x9desvi`,"paddingInlineEnd-kwRFfy":`x1o5r3ls`,"paddingInlineStart-kZCmMZ":`xz7312c`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:275`},detailsCard:{"AmountEntry__styles.detailsCard":`AmountEntry__styles.detailsCard`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`xdt5ytf`,"gap-kOIVth":`x1v2ro7d`,"backgroundColor-kWkggS":`x12obg9s`,"borderColor-kVAM5u":`x1bue7yx`,"borderStyle-ksu8eU":`x1y0btm7`,"borderWidth-kMzoRj":`xmkeg23`,"borderRadius-kaIpWk":`x13pkpm2`,"paddingBlock-k8WAf4":`x1xn8qrt`,"paddingInline-kg3NbH":`x1hr3lfm`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:282`},detailsRow:{"AmountEntry__styles.detailsRow":`AmountEntry__styles.detailsRow`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`x1q0g3np`,"alignItems-kGNEyG":`x6s0dn4`,"justifyContent-kjj79g":`x1qughib`,"gap-kOIVth":`x1v2ro7d`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:294`},detailsRowLabelCell:{"AmountEntry__styles.detailsRowLabelCell":`AmountEntry__styles.detailsRowLabelCell`,"display-k1xSpc":`x3nfvp2`,"flexDirection-kXwgrk":`x1q0g3np`,"alignItems-kGNEyG":`x6s0dn4`,"gap-kOIVth":`x1jnr06f`,"minWidth-k7Eaqz":`xeuugli`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:301`},detailsRowLabel:{"AmountEntry__styles.detailsRowLabel":`AmountEntry__styles.detailsRowLabel`,"margin-kogj98":`x1ghz6dp`,"minWidth-k7Eaqz":`xeuugli`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:308`},detailsRowInfoTrigger:{"AmountEntry__styles.detailsRowInfoTrigger":`AmountEntry__styles.detailsRowInfoTrigger`,"appearance-kysU6D":`xjyslct`,"display-k1xSpc":`x3nfvp2`,"alignItems-kGNEyG":`x6s0dn4`,"justifyContent-kjj79g":`xl56j7k`,"margin-kogj98":`x1ghz6dp`,"padding-kmVPX3":`x1717udv`,"font-kVVagm":`xln7xf2`,"color-kMwMTN":`x137ha3m`,"cursor-kkrTdU":`x1146j2`,":hover_color-kDPRdz":`xpscirx`,":focus-visible_outline-k3Woio":`x67ar3w`,":focus-visible_outlineOffset-kiEn40":`x7s97pk`,":focus-visible_borderRadius-k7aC84":`x1o5aa3h`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:312`},detailsRowInfoIcon:{"AmountEntry__styles.detailsRowInfoIcon":`AmountEntry__styles.detailsRowInfoIcon`,"width-kzqmXN":`x1fxhmyf`,"height-kZKoxP":`x18gnavp`,"flexShrink-kmuXW":`x2lah0s`,"color-kMwMTN":`x1heor9g`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:333`},detailsRowValueCell:{"AmountEntry__styles.detailsRowValueCell":`AmountEntry__styles.detailsRowValueCell`,"display-k1xSpc":`x3nfvp2`,"flexDirection-kXwgrk":`x1q0g3np`,"alignItems-kGNEyG":`x6s0dn4`,"gap-kOIVth":`x17d4w8g`,"margin-kogj98":`x1ghz6dp`,"textAlign-k9WMMc":`xp4054r`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:339`}};export{e as styles};
+const e={root:{"AmountEntry__styles.root":`AmountEntry__styles.root`,"position-kVAEAm":`x1n2onr6`,"width-kzqmXN":`xh8yej3`,"maxWidth-ks0D6T":`x17fpy1y`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:18`},header:{"AmountEntry__styles.header":`AmountEntry__styles.header`,"gap-kOIVth":`x1v2ro7d`,"paddingTop-kLKAdn":`xyamay9`,"paddingInlineEnd-kwRFfy":`x1x5flf6`,"paddingBottom-kGO01o":`x1l90r2v`,"paddingInlineStart-kZCmMZ":`xf7dkkf`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:25`},headerTitle:{"AmountEntry__styles.headerTitle":`AmountEntry__styles.headerTitle`,"margin-kogj98":`x1ghz6dp`,"flexGrow-kzQI83":`x1iyjqo2`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:32`},headerTrailing:{"AmountEntry__styles.headerTrailing":`AmountEntry__styles.headerTrailing`,"display-k1xSpc":`x78zum5`,"alignItems-kGNEyG":`x6s0dn4`,"gap-kOIVth":`x1a6yh9e`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:39`},backIcon:{"AmountEntry__styles.backIcon":`AmountEntry__styles.backIcon`,"color-kMwMTN":`xzn0pkc`,"strokeWidth-kfJifR":`xhxwl1`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:44`},closeIcon:{"AmountEntry__styles.closeIcon":`AmountEntry__styles.closeIcon`,"color-kMwMTN":`xzn0pkc`,"strokeWidth-kfJifR":`xhr4kjn`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:48`},heroBlock:{"AmountEntry__styles.heroBlock":`AmountEntry__styles.heroBlock`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`xdt5ytf`,"alignItems-kGNEyG":`x6s0dn4`,"paddingTop-kLKAdn":`x1byr4rc`,"paddingInlineEnd-kwRFfy":`x1o5r3ls`,"paddingBottom-kGO01o":`xwib8y2`,"paddingInlineStart-kZCmMZ":`xz7312c`,"gap-kOIVth":`x167g77z`,"textAlign-k9WMMc":`x2b8uid`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:60`},heroBlockCompact:{"AmountEntry__styles.heroBlockCompact":`AmountEntry__styles.heroBlockCompact`,"paddingTop-kLKAdn":`x1yrsyyn`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:73`},hero:{"AmountEntry__styles.hero":`AmountEntry__styles.hero`,"gap-kOIVth":`x1nj97wv`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:81`},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:84`},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:90`},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:95`},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:101`},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:110`},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:117`},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:144`},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:153`},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:157`},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:168`},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:178`},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:191`},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:204`},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:211`},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:225`},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:232`},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:238`},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:245`},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:253`},cta:{"AmountEntry__styles.cta":`AmountEntry__styles.cta`,"width-kzqmXN":`xh8yej3`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:263`},ctaInteractive:{"AmountEntry__styles.ctaInteractive":`AmountEntry__styles.ctaInteractive`,"cursor-kkrTdU":`x1ypdohk`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:266`},ctaInert:{"AmountEntry__styles.ctaInert":`AmountEntry__styles.ctaInert`,"cursor-kkrTdU":`xt0e3qv`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:269`},noticeText:{"AmountEntry__styles.noticeText":`AmountEntry__styles.noticeText`,"marginBlock-kqGvvJ":`x10im51j`,"textAlign-k9WMMc":`x2b8uid`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:273`},detailsWrap:{"AmountEntry__styles.detailsWrap":`AmountEntry__styles.detailsWrap`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`xdt5ytf`,"paddingTop-kLKAdn":`x9desvi`,"paddingInlineEnd-kwRFfy":`x1o5r3ls`,"paddingInlineStart-kZCmMZ":`xz7312c`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:280`},detailsCard:{"AmountEntry__styles.detailsCard":`AmountEntry__styles.detailsCard`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`xdt5ytf`,"gap-kOIVth":`x1v2ro7d`,"backgroundColor-kWkggS":`x12obg9s`,"borderColor-kVAM5u":`x1bue7yx`,"borderStyle-ksu8eU":`x1y0btm7`,"borderWidth-kMzoRj":`xmkeg23`,"borderRadius-kaIpWk":`x13pkpm2`,"paddingBlock-k8WAf4":`x1xn8qrt`,"paddingInline-kg3NbH":`x1hr3lfm`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:287`},detailsRow:{"AmountEntry__styles.detailsRow":`AmountEntry__styles.detailsRow`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`x1q0g3np`,"alignItems-kGNEyG":`x6s0dn4`,"justifyContent-kjj79g":`x1qughib`,"gap-kOIVth":`x1v2ro7d`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:299`},detailsRowLabelCell:{"AmountEntry__styles.detailsRowLabelCell":`AmountEntry__styles.detailsRowLabelCell`,"display-k1xSpc":`x3nfvp2`,"flexDirection-kXwgrk":`x1q0g3np`,"alignItems-kGNEyG":`x6s0dn4`,"gap-kOIVth":`x1jnr06f`,"minWidth-k7Eaqz":`xeuugli`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:306`},detailsRowLabel:{"AmountEntry__styles.detailsRowLabel":`AmountEntry__styles.detailsRowLabel`,"margin-kogj98":`x1ghz6dp`,"minWidth-k7Eaqz":`xeuugli`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:313`},detailsRowInfoTrigger:{"AmountEntry__styles.detailsRowInfoTrigger":`AmountEntry__styles.detailsRowInfoTrigger`,"appearance-kysU6D":`xjyslct`,"display-k1xSpc":`x3nfvp2`,"alignItems-kGNEyG":`x6s0dn4`,"justifyContent-kjj79g":`xl56j7k`,"margin-kogj98":`x1ghz6dp`,"padding-kmVPX3":`x1717udv`,"font-kVVagm":`xln7xf2`,"color-kMwMTN":`x137ha3m`,"cursor-kkrTdU":`x1146j2`,":hover_color-kDPRdz":`xpscirx`,":focus-visible_outline-k3Woio":`x67ar3w`,":focus-visible_outlineOffset-kiEn40":`x7s97pk`,":focus-visible_borderRadius-k7aC84":`x1o5aa3h`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:317`},detailsRowInfoIcon:{"AmountEntry__styles.detailsRowInfoIcon":`AmountEntry__styles.detailsRowInfoIcon`,"width-kzqmXN":`x1fxhmyf`,"height-kZKoxP":`x18gnavp`,"flexShrink-kmuXW":`x2lah0s`,"color-kMwMTN":`x1heor9g`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:338`},detailsRowValueCell:{"AmountEntry__styles.detailsRowValueCell":`AmountEntry__styles.detailsRowValueCell`,"display-k1xSpc":`x3nfvp2`,"flexDirection-kXwgrk":`x1q0g3np`,"alignItems-kGNEyG":`x6s0dn4`,"gap-kOIVth":`x17d4w8g`,"margin-kogj98":`x1ghz6dp`,"textAlign-k9WMMc":`xp4054r`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:344`}};export{e as styles};

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

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

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

@@ -16,7 +16,8 @@ import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 declare function AmountEntryHero({
   currencySymbol: currencySymbolProp,
   subLine: subLineProp,
-  subLineAmount: subLineAmountProp
+  subLineAmount: subLineAmountProp,
+  compact: compactProp
 }?: AmountEntryHeroProps): _$react_jsx_runtime0.JSX.Element;
 //#endregion
 export { AmountEntryHero };

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

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

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

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

@@ -86,6 +86,11 @@ interface AmountEntryProps {
    * Defaults to `"$"`.
    */
   currencySymbol?: string;
+  /**
+   * ISO-4217 code of the hero currency (e.g. `"AED"`, `"USD"`). When set, the symbol renders via
+   * {@link import("#/shared/ui").FiatSymbol}; otherwise it falls back to the plain `currencySymbol` text.
+   */
+  currencyCode?: string;
   /**
    * Sub-line slot rendered below the hero amount. When omitted, a
    * default sub-line composed from `subLineAmount` (or the receive
@@ -126,6 +131,12 @@ interface AmountEntryProps {
    * Footer CTA click handler. When undefined the CTA renders inert.
    */
   onContinue?: () => void;
+  /**
+   * Renders the Footer CTA as a disabled `Button` (greyed, non-interactive) without withholding
+   * {@link onContinue}. Use for transient "not ready yet" states — e.g. the onramp quote is still
+   * loading — where the action exists but shouldn't fire yet.
+   */
+  ctaDisabled?: boolean;
   /**
    * Validation hint surfaced below the swap-direction Flow row when the typed amount sits
    * outside the host's allowed range (min / max / above balance). Omit when no hint is
@@ -197,6 +208,11 @@ interface AmountEntryHeroProps {
    * to the `subLineAmount` set on the {@link AmountEntry} root.
    */
   subLineAmount?: string;
+  /**
+   * Collapse the band's large top padding. Use when the flow renders its own label directly above
+   * the band (e.g. the onramp "YOU PAY") so the amount sits right under it.
+   */
+  compact?: boolean;
 }
 /**
  * Pills (percent-preset row) part props.

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

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