@stridge/kit 0.1.0-alpha.0

package/dist/shared/icons/exchanges/KrakenIcon.js

@@ -0,0 +1 @@
+import{jsx as e,jsxs as t}from"react/jsx-runtime";function n(n){return t(`svg`,{xmlns:`http://www.w3.org/2000/svg`,width:`20`,height:`20`,viewBox:`0 0 20 20`,fill:`none`,"aria-hidden":!0,...n,children:[e(`path`,{d:`M16 0H4a4 4 0 0 0-4 4v12a4 4 0 0 0 4 4h12a4 4 0 0 0 4-4V4a4 4 0 0 0-4-4`,fill:`#5741D9`}),e(`path`,{d:`M4 11.78v-.67a6.4 6.4 0 0 1 .83-3.26 6 6 0 0 1 2.64-2.3A6 6 0 0 1 9.89 5q1.84-.02 3.4.96a5.6 5.6 0 0 1 2.64 4.18q.1.9.07 1.82l-.01.98q0 .22-.05.43c-.15.54-.8.8-1.27.49a.8.8 0 0 1-.35-.57l-.04-.48v-1.98q0-.4-.26-.68a.83.83 0 0 0-1.17-.04 1 1 0 0 0-.32.65v.28l-.01 2.19c0 .41-.33.73-.76.76a1 1 0 0 1-.56-.17.8.8 0 0 1-.3-.48l-.03-.33v-2.2a1 1 0 0 0-.26-.65.84.84 0 0 0-1.25.02 1 1 0 0 0-.24.64V13q0 .28-.1.54a1 1 0 0 1-.32.34.8.8 0 0 1-1.17-.4 1 1 0 0 1-.07-.38V11q.01-.24-.05-.47a.9.9 0 0 0-.72-.62c-.37-.06-.65.11-.85.4q-.14.22-.14.46v2q.02.3-.04.59a.84.84 0 0 1-.87.63.9.9 0 0 1-.74-.63A1 1 0 0 1 4 13z`,fill:`#fff`})]})}export{n as KrakenIcon};

package/dist/shared/icons/exchanges/OkxIcon.d.ts

@@ -0,0 +1,7 @@
+import { SVGProps } from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/shared/icons/exchanges/OkxIcon.d.ts
+declare function OkxIcon(props: SVGProps<SVGSVGElement>): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { OkxIcon };

package/dist/shared/icons/exchanges/OkxIcon.js

@@ -0,0 +1 @@
+import{jsx as e,jsxs as t}from"react/jsx-runtime";function n(n){return t(`svg`,{xmlns:`http://www.w3.org/2000/svg`,width:`20`,height:`20`,viewBox:`0 0 20 20`,fill:`none`,"aria-hidden":!0,...n,children:[e(`path`,{d:`M16 0H4a4 4 0 0 0-4 4v12a4 4 0 0 0 4 4h12a4 4 0 0 0 4-4V4a4 4 0 0 0-4-4`,fill:`#58C8E6`}),e(`path`,{d:`M15.025 7.686H8.661a3.21 3.21 0 0 1 3.182-2.746 3.21 3.21 0 0 1 3.182 2.746m-3.653.94v2.746H8.626V8.626zm-.035 3.686a3.21 3.21 0 0 1-3.182 2.746 3.21 3.21 0 0 1-3.183-2.746zm-6.365-.94A3.23 3.23 0 0 1 7.686 8.66v2.71zm10.053-2.746a3.23 3.23 0 0 1-2.711 2.71v-2.71zM11.843 4C9.734 4 7.937 5.624 7.712 7.712A4.18 4.18 0 0 0 4 11.843 4.16 4.16 0 0 0 8.157 16c2.109 0 3.909-1.624 4.131-3.712C14.376 12.063 16 10.266 16 8.157A4.16 4.16 0 0 0 11.843 4`,fill:`#fff`})]})}export{n as OkxIcon};

package/dist/shared/icons/exchanges/RobinhoodIcon.d.ts

@@ -0,0 +1,7 @@
+import { SVGProps } from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/shared/icons/exchanges/RobinhoodIcon.d.ts
+declare function RobinhoodIcon(props: SVGProps<SVGSVGElement>): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { RobinhoodIcon };

package/dist/shared/icons/exchanges/RobinhoodIcon.js

@@ -0,0 +1 @@
+import{jsx as e,jsxs as t}from"react/jsx-runtime";function n(n){return t(`svg`,{xmlns:`http://www.w3.org/2000/svg`,width:`20`,height:`20`,viewBox:`0 0 25 25`,fill:`none`,"aria-hidden":!0,...n,children:[e(`rect`,{width:`25`,height:`25`,rx:`5.357`,fill:`#fff`}),t(`g`,{clipPath:`url(#robinhood-icon-a)`,children:[e(`mask`,{id:`robinhood-icon-b`,maskUnits:`userSpaceOnUse`,x:`5`,y:`5`,width:`15`,height:`15`,style:{maskType:`luminance`},children:e(`path`,{d:`M5 5h15v15H5V5Z`,fill:`#fff`})}),e(`g`,{mask:`url(#robinhood-icon-b)`,children:e(`path`,{fillRule:`evenodd`,clipRule:`evenodd`,d:`M12.5 16.625a4.125 4.125 0 0 1 0-8.25V5a7.5 7.5 0 1 0 7.5 7.5h-3.375a4.125 4.125 0 0 1-4.125 4.125Z`,fill:`#2354E6`})}),e(`path`,{fillRule:`evenodd`,clipRule:`evenodd`,d:`M12.5 12.5h4.125V8.375H12.5V12.5Z`,fill:`#17E6A1`})]}),e(`defs`,{children:e(`clipPath`,{id:`robinhood-icon-a`,children:e(`path`,{fill:`#fff`,transform:`translate(5 5)`,d:`M0 0h15v15H0z`})})})]})}export{n as RobinhoodIcon};

package/dist/shared/icons/exchanges/index.d.ts

@@ -0,0 +1,5 @@
+import { BinanceIcon } from "./BinanceIcon.js";
+import { CoinbaseIcon } from "./CoinbaseIcon.js";
+import { KrakenIcon } from "./KrakenIcon.js";
+import { OkxIcon } from "./OkxIcon.js";
+import { RobinhoodIcon } from "./RobinhoodIcon.js";

package/dist/shared/icons/exchanges/index.js

@@ -0,0 +1 @@
+import"./BinanceIcon.js";import"./CoinbaseIcon.js";import"./KrakenIcon.js";import"./OkxIcon.js";import"./RobinhoodIcon.js";

package/dist/shared/orchestrator/failureReason.js

@@ -0,0 +1 @@
+"use client";import{useLingui as e}from"../i18n/useLingui.js";import"../../i18n/index.js";import{useCallback as t}from"react";function n(){let{_:n}=e();return t((e,t)=>{switch(e){case`slippage`:return n({id:`oBNGNc`,message:`The route's expected output drifted while your transaction was pending.`});case`insufficient-gas`:return n({id:`cHPbBJ`,message:`The bridge could not fund the destination transaction (gas budget exhausted).`});case`execution-reverted`:return n({id:`mgLWEL`,message:`The destination-leg transaction reverted on-chain.`});default:return t??n({id:`ob8R_m`,message:`Please try again or contact us if the issue persists.`})}},[n])}export{n as useFailureReasonForKind};

package/dist/shared/orchestrator/index.js

@@ -0,0 +1 @@
+import"./failureReason.js";import"./toFailure.js";import"./useDialogLifecycle.js";import"./useDriverSettlementListener.js";import"./useEffectiveState.js";import"./userRejection.js";import"./useSettlementWatcher.js";

package/dist/shared/orchestrator/toFailure.js

@@ -0,0 +1 @@
+function e(e,t){if(e instanceof Error){let n=e.cause;if(n&&typeof n==`object`){let r=n;if(r.success===!1&&typeof r.error==`string`&&r.error.trim())return{reason:e.message||t,code:r.error}}return{reason:e.message||t,code:e.name}}return{reason:t}}export{e as toFailure};

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

@@ -0,0 +1,20 @@
+//#region src/shared/orchestrator/types.d.ts
+/**
+ * Shared orchestrator-layer types. Both deposit and withdraw FSMs route quote / submission
+ * rejections through the same failure record, so the type lives here rather than in either
+ * flow's `orchestrator/types.ts`. Per-flow modules re-export for back-compat with their public
+ * surfaces.
+ */
+/**
+ * Failure detail produced by a quote / submission rejection — distinct from settlement failures
+ * (which are surfaced via the driver's `settlement` entity in the `failed` variant). `code` is a
+ * stable machine-readable discriminator (`"UserRejectedRequestError"`, `"ACTION_REJECTED"`,
+ * backend error code, etc.) populated by {@link import("./toFailure").toFailure} from the wire
+ * envelope or the raw thrown `Error`.
+ */
+interface FailureInfo {
+  reason: string;
+  code?: string;
+}
+//#endregion
+export { FailureInfo };

package/dist/shared/orchestrator/useDialogLifecycle.js

@@ -0,0 +1 @@
+import{useEffect as e,useRef as t}from"react";function n(n){let r=t(n);r.current=n;let i=t(n.state),a=t(null),o=t(null);e(()=>{let e=i.current;try{e!==n.state&&r.current.fireFsm(e,n.state)}finally{i.current=n.state}},[n.state]),e(()=>{let e=n.settlement,t=e.status===`ready`||e.status===`stale`?e.payload.kind:null,i=a.current;try{t&&(t!==i||t===`pending`)&&r.current.fireSettlement(i,e)}finally{a.current=t}},[n.settlement]),e(()=>{let e=n.quote,t=o.current;try{e.status!==t&&r.current.fireQuote(t,e)}finally{o.current=e.status}},[n.quote])}export{n as useDialogLifecycle};

package/dist/shared/orchestrator/useDriverSettlementListener.js

@@ -0,0 +1 @@
+import{useEffect as e,useRef as t}from"react";function n(n,r){let i=t(r);i.current=r;let a=t(null);e(()=>{a.current=null;let e=()=>{let e=n.getSnapshot(),t=e.settlement,r=t.status===`ready`||t.status===`stale`?t.payload.kind:t.status;r!==a.current&&(a.current=r,i.current(r,e))},t=n.subscribe(e);return e(),t},[n])}export{n as useDriverSettlementListener};

package/dist/shared/orchestrator/useEffectiveState.js

@@ -0,0 +1 @@
+import{useRef as e}from"react";function t(t,n=`closed`){let r=e(t);return t.name!==n&&(r.current=t),t.name===n?r.current:t}export{t as useEffectiveState};

package/dist/shared/orchestrator/useSettlementWatcher.js

@@ -0,0 +1 @@
+import{useEffect as e}from"react";function t(t,n){let r=n?.hash;e(()=>{if(!n)return;let e=new AbortController;return t.watchSettlement({tx:n},()=>void 0,e.signal),()=>e.abort()},[r,t])}export{t as useSettlementWatcher};

package/dist/shared/orchestrator/userRejection.js

@@ -0,0 +1 @@
+const e=new Set([`UserRejectedRequestError`,`ACTION_REJECTED`]);function t(t){return t?.code?e.has(t.code):!1}export{e as USER_REJECTION_CODES,t as isUserRejectionFailure};

package/dist/shared/primitives/TxHashValue/TxHashValue.d.ts

@@ -0,0 +1,20 @@
+import { TxHashValueProps } from "./types.js";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/shared/primitives/TxHashValue/TxHashValue.d.ts
+/**
+ * Renders a pre-formatted transaction hash as `0x…<tail> ↗`. Pure layout: the caller is
+ * responsible for truncation (driver transformer code calls `shortenAddress`).
+ *
+ * @example
+ * ```tsx
+ * <TxHashValue hash={depositTx.hash.formatted} explorerUrl={depositTx.explorerUrl} />
+ * ```
+ */
+declare function TxHashValue({
+  hash,
+  explorerUrl,
+  linkColor
+}: TxHashValueProps): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { TxHashValue };

package/dist/shared/primitives/TxHashValue/TxHashValue.js

@@ -0,0 +1 @@
+"use client";import{ExternalLinkIcon as e}from"../../icons/ExternalLinkIcon.js";import"../../../icons/index.js";import{toSafeHref as t}from"../../ui/ExternalLink/toSafeHref.js";import{ExternalLink as n}from"../../ui/ExternalLink/ExternalLink.js";import"../../ui/ExternalLink/index.js";import{LtrAtom as r}from"../../ui/LtrAtom/LtrAtom.js";import"../../ui/LtrAtom/index.js";import{text as i}from"../../ui/Text/Text.js";import"../../ui/Text/index.js";import{TX_HASH_VALUE_SLOTS as a}from"./TxHashValue.slots.js";import{styles as o}from"./TxHashValue.styles.js";import{jsx as s}from"react/jsx-runtime";import*as c from"@stylexjs/stylex";function l({hash:l,explorerUrl:u,linkColor:d=`var(--stridge-kit-primary)`}){let f=t(u),p=c.props(o.root),m=s(i.span,{size:`meta`,fontWeight:`medium`,leading:`tight`,tracking:`normal`,font:`mono`,color:`inherit`,children:s(r,{children:l})});return f?s(n,{dir:`ltr`,href:f,suffix:s(e,{"aria-hidden":!0}),"data-stridge-slot":a.root,className:p.className,style:{...p.style,color:d},children:m}):s(`span`,{dir:`ltr`,"data-stridge-slot":a.root,className:p.className,style:p.style,children:m})}export{l as TxHashValue};

package/dist/shared/primitives/TxHashValue/TxHashValue.slots.js

@@ -0,0 +1 @@
+const e={root:`tx-hash-value`};export{e as TX_HASH_VALUE_SLOTS};

package/dist/shared/primitives/TxHashValue/TxHashValue.styles.js

@@ -0,0 +1 @@
+const e={root:{"TxHashValue__styles.root":`TxHashValue__styles.root`,"display-k1xSpc":`x3nfvp2`,"alignItems-kGNEyG":`x6s0dn4`,"gap-kOIVth":`x17d4w8g`,$$css:`@stridge/kit:src/shared/primitives/TxHashValue/TxHashValue.styles.ts:3`}};export{e as styles};

package/dist/shared/primitives/TxHashValue/index.d.ts

@@ -0,0 +1,2 @@
+import { TxHashValueProps } from "./types.js";
+import { TxHashValue } from "./TxHashValue.js";

package/dist/shared/primitives/TxHashValue/index.js

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

package/dist/shared/primitives/TxHashValue/types.d.ts

@@ -0,0 +1,25 @@
+//#region src/shared/primitives/TxHashValue/types.d.ts
+/**
+ * Public props for the `TxHashValue` primitive — `0x<head>…<tail> ↗`, the canonical composition
+ * rendered inside the Source-tx row across the kit's gateway widgets.
+ *
+ * The primitive is pure layout: the caller passes a pre-formatted hash (driver-truncated to
+ * `0x…<last 4>`) and the primitive never reformats. When `explorerUrl` resolves to a valid
+ * `http(s)` URL via `toSafeHref` the value renders as an external link in
+ * {@link TxHashValueProps.linkColor} with an external-link glyph appended; otherwise it falls
+ * through to plain mono text.
+ */
+interface TxHashValueProps {
+  /** Pre-formatted hash string (e.g. `"0x…f6b72a"`). */
+  hash: string;
+  /** Optional explorer URL the row links out to. */
+  explorerUrl?: string;
+  /**
+   * Override the link color. Defaults to `var(--stridge-kit-primary)` so the kit accent flows
+   * through automatically. Consumers that need a different tone (e.g. an error context) pass
+   * an explicit CSS color string here.
+   */
+  linkColor?: string;
+}
+//#endregion
+export { TxHashValueProps };

package/dist/shared/primitives/WalletValue/WalletValue.d.ts

@@ -0,0 +1,40 @@
+import { WalletRowDensity } from "../../ui/WalletRow/WalletRow.js";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/shared/primitives/WalletValue/WalletValue.d.ts
+/**
+ * Typography rhythm for the wallet name span. Defaults to `"regular"`.
+ */
+type WalletValueDensity = WalletRowDensity;
+/**
+ * Public props for the compound's `WalletValue` helper. Widgets expect pre-formatted strings —
+ * pass the driver-formatted address (e.g. `wallet.payload.address.formatted`) as `address`.
+ */
+interface WalletValueProps {
+  /** Pre-formatted wallet address (driver-truncated to `0x…<last 4>`). */
+  address: string;
+  /** Wallet display name (e.g. `"Wallet"`). */
+  name: string;
+  /** Optional URL of the wallet brand icon. */
+  iconUrl?: string;
+  /** Optional explorer URL. When valid, the row becomes an external link. */
+  explorerUrl?: string;
+  /** Typography rhythm for the name span. Defaults to `"regular"`. */
+  density?: WalletValueDensity;
+  /** When `true`, suppress the leading icon. */
+  hideIcon?: boolean;
+}
+/**
+ * Compound-surface re-export of {@link WalletRow}. Same semantics, but accepts the address as a
+ * pre-formatted string field. New code can reach for `<WalletRow>` directly.
+ */
+declare function WalletValue({
+  address,
+  name,
+  iconUrl,
+  explorerUrl,
+  density,
+  hideIcon
+}: WalletValueProps): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { WalletValue, WalletValueDensity, WalletValueProps };

package/dist/shared/primitives/WalletValue/WalletValue.js

@@ -0,0 +1 @@
+"use client";import{WalletRow as e}from"../../ui/WalletRow/WalletRow.js";import"../../ui/WalletRow/index.js";import{jsx as t}from"react/jsx-runtime";function n({address:n,name:r,iconUrl:i,explorerUrl:a,density:o,hideIcon:s}){return t(e,{formattedAddress:n,name:r,...i===void 0?{}:{iconUrl:i},...a===void 0?{}:{explorerUrl:a},...o===void 0?{}:{density:o},...s===void 0?{}:{hideIcon:s}})}export{n as WalletValue};

package/dist/shared/primitives/WalletValue/index.d.ts

@@ -0,0 +1 @@
+import { WalletValue, WalletValueDensity, WalletValueProps } from "./WalletValue.js";

package/dist/shared/primitives/WalletValue/index.js

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

package/dist/shared/quote/index.js

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

package/dist/shared/quote/useQuoteCountdown.js

@@ -0,0 +1 @@
+"use client";import{useEffect as e,useState as t}from"react";function n({expiresAt:n,enabled:r,tickMs:i=1e3}){let[a,o]=t(()=>Date.now()),s=r&&n!==void 0;if(e(()=>{if(!s)return;o(Date.now());let e=setInterval(()=>o(Date.now()),i);return()=>clearInterval(e)},[s,i]),!(!s||n===void 0))return Math.max(0,Math.ceil((n-a)/1e3))}export{n as useQuoteCountdown};

package/dist/shared/styles/tokens.stylex.js

@@ -0,0 +1 @@
+const e={background:`var(--stridge-kit-background)`,foreground:`var(--stridge-kit-foreground)`,card:`var(--stridge-kit-card)`,cardForeground:`var(--stridge-kit-card-foreground)`,popover:`var(--stridge-kit-popover)`,popoverForeground:`var(--stridge-kit-popover-foreground)`,primary:`var(--stridge-kit-primary)`,primaryForeground:`var(--stridge-kit-primary-foreground)`,secondary:`var(--stridge-kit-secondary)`,secondaryForeground:`var(--stridge-kit-secondary-foreground)`,muted:`var(--stridge-kit-muted)`,mutedForeground:`var(--stridge-kit-muted-foreground)`,mutedForegroundFaint:`var(--stridge-kit-muted-foreground-faint)`,iconStroke:`var(--stridge-kit-icon-stroke)`,surfaceHover:`var(--stridge-kit-surface-hover)`,accent:`var(--stridge-kit-accent)`,accentForeground:`var(--stridge-kit-accent-foreground)`,destructive:`var(--stridge-kit-destructive)`,destructiveForeground:`var(--stridge-kit-destructive-foreground)`,destructiveSoft:`var(--stridge-kit-destructive-soft)`,destructiveSoftForeground:`var(--stridge-kit-destructive-soft-foreground)`,destructiveBorder:`var(--stridge-kit-destructive-border)`,success:`var(--stridge-kit-success)`,successForeground:`var(--stridge-kit-success-foreground)`,warning:`var(--stridge-kit-warning)`,warningForeground:`var(--stridge-kit-warning-foreground)`,info:`var(--stridge-kit-info)`,infoForeground:`var(--stridge-kit-info-foreground)`,border:`var(--stridge-kit-border)`,input:`var(--stridge-kit-input)`,ring:`var(--stridge-kit-ring)`,overlay:`var(--stridge-kit-overlay)`};export{e as colors};

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

@@ -0,0 +1,105 @@
+import { ComponentProps, ReactNode } from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/shared/ui/Alert/Alert.d.ts
+type AlertVariant = "default" | "primary" | "info" | "success" | "warning" | "danger";
+/**
+ * Notice banner with an optional leading icon and freeform body content. Use for status messages — info banners,
+ * success confirmations, warnings, and inline error notices.
+ *
+ * Body text stays neutral; the icon and any nested {@link Alert.Link} inherit the variant accent automatically.
+ *
+ * @example
+ * ```tsx
+ * <Alert variant="primary" icon={<InfoIcon />}>
+ *   Experiencing problems? <Alert.Link href="/help">Get help.</Alert.Link>
+ * </Alert>
+ * ```
+ */
+declare function Alert({
+  variant,
+  role,
+  icon,
+  className,
+  style,
+  children,
+  ...props
+}: Alert.Props): _$react_jsx_runtime0.JSX.Element;
+/**
+ * Raw alert shell. Renders the same bordered surface and variant styles as {@link Alert} but does not inject an
+ * `Alert.Icon` wrapper — the consumer composes {@link Alert.Icon} and content children themselves.
+ *
+ * Use when the icon placement or markup structure must differ from `Alert`'s fixed icon-then-content layout.
+ */
+declare function AlertRoot({
+  variant,
+  role,
+  className,
+  style,
+  children,
+  ...props
+}: Alert.RootProps): _$react_jsx_runtime0.JSX.Element;
+/**
+ * Icon slot for an alert. Renders `aria-hidden` and applies the variant accent color — inherited from the nearest
+ * `AlertVariantContext` when `variant` is omitted. Stretches the icon node to fill the slot via `cloneElement`.
+ */
+declare function AlertIcon({
+  variant: variantProp,
+  children,
+  className,
+  style,
+  ...props
+}: Alert.IconProps): _$react_jsx_runtime0.JSX.Element;
+/**
+ * Inline anchor styled to match the parent alert's variant accent. Inherits `variant` from
+ * `AlertVariantContext`; an explicit `variant` prop overrides the context value.
+ */
+declare function AlertLink({
+  variant: variantProp,
+  className,
+  style,
+  ...props
+}: Alert.LinkProps): _$react_jsx_runtime0.JSX.Element;
+declare namespace Alert {
+  type Props = ComponentProps<"div"> & {
+    /**
+     * Color treatment. Defaults to `"default"`.
+     */
+    variant?: AlertVariant;
+    /**
+     * Leading icon node. Omit to render without an indicator.
+     */
+    icon?: ReactNode;
+    /**
+     * ARIA role. Defaults to `"status"`; escalate to `"alert"` for urgent failure states.
+     */
+    role?: ComponentProps<"div">["role"];
+  };
+  type RootProps = ComponentProps<"div"> & {
+    /**
+     * Color treatment. Defaults to `"default"`.
+     */
+    variant?: AlertVariant;
+    /**
+     * ARIA role. Defaults to `"status"`; escalate to `"alert"` for urgent failure states.
+     */
+    role?: ComponentProps<"div">["role"];
+  };
+  type IconProps = ComponentProps<"span"> & {
+    /**
+     * Override the variant inherited from the parent Alert.
+     */
+    variant?: AlertVariant;
+  };
+  type LinkProps = ComponentProps<"a"> & {
+    /**
+     * Override the variant inherited from the parent Alert.
+     */
+    variant?: AlertVariant;
+  };
+  const Root: typeof AlertRoot;
+  const Icon: typeof AlertIcon;
+  const Link: typeof AlertLink;
+}
+//#endregion
+export { Alert, AlertVariant };

package/dist/shared/ui/Alert/Alert.js

@@ -0,0 +1 @@
+"use client";import{joinClassNames as e}from"../../utils/joinClassNames.js";import{ALERT_SLOTS as t}from"./Alert.slots.js";import{accentColorStyles as n,styles as r,variantStyles as i}from"./Alert.styles.js";import{cloneElement as a,createContext as o,isValidElement as s,use as c}from"react";import{jsx as l,jsxs as u}from"react/jsx-runtime";import*as d from"@stylexjs/stylex";const f=o(`default`);function p({variant:n=`default`,role:a=`status`,icon:o,className:s,style:c,children:p,...m}){let g=d.props(r.root,i[n]);return l(f.Provider,{value:n,children:u(`div`,{"data-stridge-slot":t.root,"data-variant":n,...m,role:a,className:e(g.className,s),style:{...g.style,...c},children:[o==null?null:l(h,{children:o}),l(`div`,{"data-stridge-slot":t.content,...d.props(r.content),children:p})]})})}function m({variant:n=`default`,role:a=`status`,className:o,style:s,children:c,...u}){let p=d.props(r.root,i[n]);return l(f.Provider,{value:n,children:l(`div`,{"data-stridge-slot":t.root,"data-variant":n,...u,role:a,className:e(p.className,o),style:{...p.style,...s},children:c})})}function h({variant:i,children:a,className:o,style:s,...u}){let p=c(f),m=i??p,h=d.props(r.icon,n[m]);return l(`span`,{"aria-hidden":!0,"data-stridge-slot":t.icon,...u,className:e(h.className,o),style:{...h.style,...s},children:_(a)})}function g({variant:i,className:a,style:o,...s}){let u=c(f),p=i??u,m=d.props(r.link,n[p]);return l(`a`,{"data-stridge-slot":t.link,...s,className:e(m.className,a),style:{...m.style,...o}})}function _(e){if(!s(e))return e;let t=d.props(r.iconSvg);return a(e,{className:[e.props.className,t.className].filter(Boolean).join(` `),style:{...e.props.style,...t.style}})}(function(e){e.Root=m,e.Icon=h,e.Link=g})(p||={});export{p as Alert};

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

@@ -0,0 +1,10 @@
+//#region src/shared/ui/Alert/Alert.slots.d.ts
+declare const ALERT_SLOTS: {
+  readonly root: "alert";
+  readonly icon: "alert-icon";
+  readonly content: "alert-content";
+  readonly link: "alert-link";
+};
+type AlertSlot = (typeof ALERT_SLOTS)[keyof typeof ALERT_SLOTS];
+//#endregion
+export { ALERT_SLOTS, AlertSlot };

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

@@ -0,0 +1 @@
+const e={root:`alert`,icon:`alert-icon`,content:`alert-content`,link:`alert-link`};export{e as ALERT_SLOTS};

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

@@ -0,0 +1 @@
+const e={root:{"Alert__styles.root":`Alert__styles.root`,"display-k1xSpc":`x78zum5`,"alignItems-kGNEyG":`x6s0dn4`,"flexShrink-kmuXW":`x2lah0s`,"gap-kOIVth":`x883omv`,"overflow-kVQacm":`xb3r6kr`,"paddingBlock-k8WAf4":`x10dr8xq`,"paddingInline-kg3NbH":`xqin4a2`,"borderRadius-kaIpWk":`x12ur2as`,"borderWidth-kMzoRj":`xmkeg23`,"borderStyle-ksu8eU":`x1y0btm7`,"fontFamily-kMv6JI":`xlaww2m`,"fontSize-kGuDYH":`x4z9k3i`,"fontWeight-k63SB2":`xxjjie5`,"lineHeight-kLWn49":`x1d3mw78`,$$css:`@stridge/kit:src/shared/ui/Alert/Alert.styles.ts:4`},content:{"Alert__styles.content":`Alert__styles.content`,"flexGrow-kzQI83":`x1iyjqo2`,"minWidth-k7Eaqz":`xeuugli`,"textWrap-kN2L0X":`x1fzhlzt`,$$css:`@stridge/kit:src/shared/ui/Alert/Alert.styles.ts:20`},icon:{"Alert__styles.icon":`Alert__styles.icon`,"display-k1xSpc":`x3nfvp2`,"alignItems-kGNEyG":`x6s0dn4`,"justifyContent-kjj79g":`xl56j7k`,"flexShrink-kmuXW":`x2lah0s`,"width-kzqmXN":`x1kky2od`,"height-kZKoxP":`xlup9mm`,$$css:`@stridge/kit:src/shared/ui/Alert/Alert.styles.ts:25`},iconSvg:{"Alert__styles.iconSvg":`Alert__styles.iconSvg`,"display-k1xSpc":`x1lliihq`,"width-kzqmXN":`x1kky2od`,"height-kZKoxP":`xlup9mm`,"flexShrink-kmuXW":`x2lah0s`,$$css:`@stridge/kit:src/shared/ui/Alert/Alert.styles.ts:33`},link:{"Alert__styles.link":`Alert__styles.link`,"fontWeight-k63SB2":`xi0sa8g`,"textDecorationLine-kMnn75":`xujl8zx`,"textDecorationThickness-kNySMw":`xyi4chj`,"textUnderlineOffset-kcSHmL":`xda060z`,$$css:`@stridge/kit:src/shared/ui/Alert/Alert.styles.ts:39`}},t={default:{"Alert__variantStyles.default":`Alert__variantStyles.default`,"backgroundColor-kWkggS":`xfg9wsz`,"borderColor-kVAM5u":`x12c9lpl`,"color-kMwMTN":`xzn0pkc`,$$css:`@stridge/kit:src/shared/ui/Alert/Alert.styles.ts:47`},primary:{"Alert__variantStyles.primary":`Alert__variantStyles.primary`,"backgroundColor-kWkggS":`x1mkdsbu`,"borderColor-kVAM5u":`xx0pcxh`,"color-kMwMTN":`xzn0pkc`,$$css:`@stridge/kit:src/shared/ui/Alert/Alert.styles.ts:52`},info:{"Alert__variantStyles.info":`Alert__variantStyles.info`,"backgroundColor-kWkggS":`x15josac`,"borderColor-kVAM5u":`xqx95iw`,"color-kMwMTN":`xzn0pkc`,$$css:`@stridge/kit:src/shared/ui/Alert/Alert.styles.ts:57`},success:{"Alert__variantStyles.success":`Alert__variantStyles.success`,"backgroundColor-kWkggS":`x15q4ulg`,"borderColor-kVAM5u":`x1u8w7k4`,"color-kMwMTN":`xzn0pkc`,$$css:`@stridge/kit:src/shared/ui/Alert/Alert.styles.ts:62`},warning:{"Alert__variantStyles.warning":`Alert__variantStyles.warning`,"backgroundColor-kWkggS":`x19hrvbb`,"borderColor-kVAM5u":`x6rlbl3`,"color-kMwMTN":`xzn0pkc`,$$css:`@stridge/kit:src/shared/ui/Alert/Alert.styles.ts:67`},danger:{"Alert__variantStyles.danger":`Alert__variantStyles.danger`,"backgroundColor-kWkggS":`xfhhmty`,"borderColor-kVAM5u":`x1smv8d1`,"color-kMwMTN":`x19vemxs`,$$css:`@stridge/kit:src/shared/ui/Alert/Alert.styles.ts:72`}},n={default:{"Alert__accentColorStyles.default":`Alert__accentColorStyles.default`,"color-kMwMTN":`xi96bwj`,$$css:`@stridge/kit:src/shared/ui/Alert/Alert.styles.ts:79`},primary:{"Alert__accentColorStyles.primary":`Alert__accentColorStyles.primary`,"color-kMwMTN":`x1me39qh`,$$css:`@stridge/kit:src/shared/ui/Alert/Alert.styles.ts:82`},info:{"Alert__accentColorStyles.info":`Alert__accentColorStyles.info`,"color-kMwMTN":`x1b9tnpo`,$$css:`@stridge/kit:src/shared/ui/Alert/Alert.styles.ts:85`},success:{"Alert__accentColorStyles.success":`Alert__accentColorStyles.success`,"color-kMwMTN":`xwiqrka`,$$css:`@stridge/kit:src/shared/ui/Alert/Alert.styles.ts:88`},warning:{"Alert__accentColorStyles.warning":`Alert__accentColorStyles.warning`,"color-kMwMTN":`x1a3v400`,$$css:`@stridge/kit:src/shared/ui/Alert/Alert.styles.ts:91`},danger:{"Alert__accentColorStyles.danger":`Alert__accentColorStyles.danger`,"color-kMwMTN":`xreodjm`,$$css:`@stridge/kit:src/shared/ui/Alert/Alert.styles.ts:94`}};export{n as accentColorStyles,e as styles,t as variantStyles};

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

@@ -0,0 +1,2 @@
+import { Alert, AlertVariant } from "./Alert.js";
+import { ALERT_SLOTS, AlertSlot } from "./Alert.slots.js";

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

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

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

@@ -0,0 +1,132 @@
+import { CSSProperties, ComponentProps, ReactNode } from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/shared/ui/AmountInput/AmountInput.d.ts
+/**
+ * Amount input with caret-preserving live formatting, locale-aware grouping/decimal rules, and an auto-shrinking
+ * font-size that lets the visible digits dominate the row without overflowing.
+ *
+ * Compose with {@link AmountInput.Prefix}, {@link AmountInput.Field}, and {@link AmountInput.Suffix}. Wire up
+ * through `value` / `defaultValue` (locale-formatted strings) and `onValueChange`. Use {@link parseAmountInputValue}
+ * to convert the display string to a number.
+ *
+ * @example
+ * ```tsx
+ * <AmountInput value={value} onValueChange={setValue}>
+ *   <AmountInput.Prefix>$</AmountInput.Prefix>
+ *   <AmountInput.Field />
+ *   <AmountInput.Suffix>USDC</AmountInput.Suffix>
+ * </AmountInput>
+ * ```
+ */
+declare function AmountInput({
+  value,
+  defaultValue,
+  onValueChange,
+  locale,
+  maxDecimals,
+  useGrouping,
+  decimalsColor,
+  placeholder,
+  disabled,
+  children,
+  className,
+  role,
+  style,
+  ...rest
+}: AmountInput.Props): _$react_jsx_runtime0.JSX.Element;
+/**
+ * Leading slot rendered before the input field within the `AmountInput` row. Stamped with the
+ * `prefix` slot so host styles can target it, and measured by the auto-shrink hook to account for
+ * its width when computing font size.
+ */
+declare function AmountInputPrefix({
+  children,
+  className,
+  style,
+  ...props
+}: AmountInput.PrefixProps): _$react_jsx_runtime0.JSX.Element;
+/**
+ * Trailing slot rendered after the input field within the `AmountInput` row. Stamped with the
+ * `suffix` slot so host styles can target it, and measured by the auto-shrink hook to account for
+ * its width when computing font size.
+ */
+declare function AmountInputSuffix({
+  children,
+  className,
+  style,
+  ...props
+}: AmountInput.SuffixProps): _$react_jsx_runtime0.JSX.Element;
+/**
+ * Input slot that renders the formatted `<input>` and, when `decimalsColor` is set, an
+ * `aria-hidden` overlay that splits the display value into integer and decimal spans so the
+ * fraction digits can be colored independently. Forwards `ref` to `ctx.inputRef` so both the
+ * auto-shrink hook and any consumer-supplied ref share the same node. Blurs on `wheel` events
+ * to prevent scroll from changing the numeric value.
+ */
+declare function AmountInputField({
+  className,
+  style,
+  inputClassName,
+  inputStyle,
+  ref,
+  ...props
+}: AmountInput.FieldProps): _$react_jsx_runtime0.JSX.Element;
+declare namespace AmountInput {
+  interface Props extends Omit<ComponentProps<"div">, "children" | "onChange" | "defaultValue" | "ref"> {
+    /**
+     * Controlled display value (locale-formatted).
+     */
+    value?: string;
+    /**
+     * Initial value when uncontrolled. Defaults to `""`.
+     */
+    defaultValue?: string;
+    /**
+     * Fired with the post-normalization display value on every change.
+     */
+    onValueChange?: (value: string) => void;
+    /**
+     * Locale used for thousand/decimal separators. Defaults to `"en-US"`.
+     */
+    locale?: Intl.LocalesArgument;
+    /**
+     * Cap on fraction digits. Defaults to `5`.
+     */
+    maxDecimals?: number;
+    /**
+     * Insert locale-aware grouping separators as the user types. Defaults to `true`.
+     */
+    useGrouping?: boolean;
+    /**
+     * CSS color for the fraction-digits overlay. When set, decimals render in this color.
+     */
+    decimalsColor?: string;
+    /**
+     * Placeholder shown when the value is empty. Defaults to `"0"`.
+     */
+    placeholder?: string;
+    /**
+     * Disables editing while preserving the current display value.
+     */
+    disabled?: boolean;
+    children?: ReactNode;
+  }
+  type PrefixProps = ComponentProps<"span">;
+  type SuffixProps = ComponentProps<"span">;
+  interface FieldProps extends Omit<ComponentProps<"input">, "value" | "defaultValue" | "onChange"> {
+    /**
+     * Class name applied to the underlying `<input>`.
+     */
+    inputClassName?: string;
+    /**
+     * Style applied to the underlying `<input>`.
+     */
+    inputStyle?: CSSProperties;
+  }
+  const Prefix: typeof AmountInputPrefix;
+  const Suffix: typeof AmountInputSuffix;
+  const Field: typeof AmountInputField;
+}
+//#endregion
+export { AmountInput };

package/dist/shared/ui/AmountInput/AmountInput.js

@@ -0,0 +1 @@
+"use client";import{joinClassNames as e}from"../../utils/joinClassNames.js";import{AMOUNT_INPUT_SLOTS as t}from"./AmountInput.slots.js";import{styles as n}from"./AmountInput.styles.js";import{getNumberSeparators as r}from"./utils.js";import{attachInputNormalization as i}from"./attachInputNormalization.js";import{AmountInputContext as a,useAmountInputContext as o}from"./context.js";import{useAutoShrinkFontSize as s}from"./useAutoShrinkFontSize.js";import{useCallback as c,useEffect as l,useLayoutEffect as u,useMemo as d,useRef as f,useState as p}from"react";import{jsx as m,jsxs as h}from"react/jsx-runtime";import*as g from"@stylexjs/stylex";function _({value:i,defaultValue:o=``,onValueChange:l,locale:u=`en-US`,maxDecimals:h=5,useGrouping:_=!0,decimalsColor:v,placeholder:y=`0`,disabled:b=!1,children:x,className:S,role:C=`group`,style:w,...T}){let E=f(i!==void 0).current,[D,O]=p(o),k=E?i??``:D,A=c(e=>{E||O(e),l?.(e)},[E,l]),j=f(null),M=f(null),N=f(null),P=f(null),F=d(()=>r(u),[u]),{fontSize:I,inputWidth:L,isInitial:R}=s({rootRef:j,inputRef:M,prefixRef:N,suffixRef:P,text:k||y}),z=d(()=>({value:k,setInputValue:A,locale:u,maxDecimals:h,useGrouping:_,decimalsColor:v,placeholder:y,disabled:b,separators:F,fontSize:I,inputRef:M,prefixRef:N,suffixRef:P}),[k,A,u,h,_,v,y,b,F,I]),B=g.props(n.root),V={...B.style,fontSize:`${I}px`,...L===null?null:{width:`${L}px`},...R?{transition:`none`}:null,...v?{"--stridge-amt-decimals-color":v}:null,...w};return m(a.Provider,{value:z,children:m(`div`,{...T,ref:j,"data-stridge-slot":t.root,"data-disabled":b?``:void 0,role:C,className:e(B.className,S),style:V,children:x})})}function v({children:r,className:i,style:a,...s}){let c=o(`AmountInput.Prefix`),l=g.props(n.affix);return m(`span`,{...s,ref:c.prefixRef,"data-stridge-slot":t.prefix,className:e(l.className,i),style:{...l.style,...a},children:r})}function y({children:r,className:i,style:a,...s}){let c=o(`AmountInput.Suffix`),l=g.props(n.affix);return m(`span`,{...s,ref:c.suffixRef,"data-stridge-slot":t.suffix,className:e(l.className,i),style:{...l.style,...a},children:r})}function b({className:r,style:a,inputClassName:s,inputStyle:d,ref:f,...p}){let _=o(`AmountInput.Field`),v=c(e=>{_.inputRef.current=e,typeof f==`function`?f(e):f&&(f.current=e)},[_.inputRef,f]);u(()=>{let e=_.inputRef.current;e&&e.value!==_.value&&(e.value=_.value)},[_.value,_.inputRef]),l(()=>{let e=_.inputRef.current;if(e)return i(e,_.maxDecimals,_.locale,_.useGrouping)},[_.inputRef,_.maxDecimals,_.locale,_.useGrouping]);let y=c(e=>{_.setInputValue(e.target.value)},[_.setInputValue]),b=_.value.indexOf(_.separators.decimalSeparator),x=_.value===``,S=x?_.placeholder:b===-1?_.value:_.value.slice(0,b),C=!x&&b!==-1?_.value.slice(b):null,w=_.decimalsColor!==void 0,T=g.props(n.field),E=g.props(n.overlay,x&&n.overlayPlaceholder,!w&&n.overlayHidden),D=g.props(n.overlayDecimal),O=g.props(n.input,w?n.inputDimmed:n.inputSolid,_.disabled&&n.inputDisabled);return h(`span`,{"data-stridge-slot":t.field,className:e(T.className,r),style:{...T.style,...a},children:[h(`span`,{"aria-hidden":!0,className:E.className,style:E.style,children:[m(`span`,{children:S}),C===null?null:m(`span`,{className:D.className,style:D.style,children:C})]}),m(`input`,{"data-stridge-slot":t.input,placeholder:_.placeholder,disabled:_.disabled,...p,inputMode:`decimal`,spellCheck:!1,autoComplete:`off`,ref:v,value:_.value,onChange:y,onWheel:e=>{e.currentTarget.blur(),p.onWheel?.(e)},className:e(O.className,s),style:{...O.style,...d}})]})}(function(e){e.Prefix=v,e.Suffix=y,e.Field=b})(_||={});export{_ as AmountInput};

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

@@ -0,0 +1,11 @@
+//#region src/shared/ui/AmountInput/AmountInput.slots.d.ts
+declare const AMOUNT_INPUT_SLOTS: {
+  readonly root: "amount-input";
+  readonly prefix: "amount-input-prefix";
+  readonly suffix: "amount-input-suffix";
+  readonly field: "amount-input-field";
+  readonly input: "amount-input-input";
+};
+type AmountInputSlot = (typeof AMOUNT_INPUT_SLOTS)[keyof typeof AMOUNT_INPUT_SLOTS];
+//#endregion
+export { AMOUNT_INPUT_SLOTS, AmountInputSlot };

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

@@ -0,0 +1 @@
+const e={root:`amount-input`,prefix:`amount-input-prefix`,suffix:`amount-input-suffix`,field:`amount-input-field`,input:`amount-input-input`};export{e as AMOUNT_INPUT_SLOTS};

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

@@ -0,0 +1 @@
+const e={root:{"AmountInput__styles.root":`AmountInput__styles.root`,"display-k1xSpc":`x3nfvp2`,"flexDirection-kXwgrk":`x1q0g3np`,"alignItems-kGNEyG":`x1pha0wt`,"justifyContent-kjj79g":`xl56j7k`,"position-kVAEAm":`x1n2onr6`,"maxWidth-ks0D6T":`x193iq5w`,"color-kMwMTN":`x1heor9g`,"fontFamily-kMv6JI":`x47j52l`,"fontWeight-k63SB2":`xk50ysn`,"fontVariantNumeric-kcqcaj":`xss6m8b`,"letterSpacing-kb6lSQ":`xo2cfqc`,"whiteSpace-khDVqt":`xuxw1ft`,"transitionProperty-k1ekBW":`x1vma9ed`,"transitionDuration-kIyJzY":`x16gg8jk`,"transitionTimingFunction-kAMwcw":`x1f7qsgr`,$$css:`@stridge/kit:src/shared/ui/AmountInput/AmountInput.styles.ts:4`},affix:{"AmountInput__styles.affix":`AmountInput__styles.affix`,"display-k1xSpc":`x1rg5ohu`,"flexShrink-kmuXW":`x2lah0s`,"whiteSpace-khDVqt":`x1sdyfia`,"userSelect-kfSwDN":`x87ps6o`,$$css:`@stridge/kit:src/shared/ui/AmountInput/AmountInput.styles.ts:21`},field:{"AmountInput__styles.field":`AmountInput__styles.field`,"position-kVAEAm":`x1n2onr6`,"display-k1xSpc":`x1rg5ohu`,"verticalAlign-kXLuUW":`x11njtxf`,"maxWidth-ks0D6T":`x193iq5w`,"minWidth-k7Eaqz":`x17g2nzx`,$$css:`@stridge/kit:src/shared/ui/AmountInput/AmountInput.styles.ts:27`},overlay:{"AmountInput__styles.overlay":`AmountInput__styles.overlay`,"display-k1xSpc":`x1rg5ohu`,"position-kVAEAm":`x1n2onr6`,"whiteSpace-khDVqt":`x1sdyfia`,"pointerEvents-kfzvcC":`x47corl`,"userSelect-kfSwDN":`x87ps6o`,"visibility-k33iCy":`xnpuxes`,$$css:`@stridge/kit:src/shared/ui/AmountInput/AmountInput.styles.ts:34`},overlayHidden:{"AmountInput__styles.overlayHidden":`AmountInput__styles.overlayHidden`,"visibility-k33iCy":`xlshs6z`,$$css:`@stridge/kit:src/shared/ui/AmountInput/AmountInput.styles.ts:42`},overlayDecimal:{"AmountInput__styles.overlayDecimal":`AmountInput__styles.overlayDecimal`,"color-kMwMTN":`x9h8u6b`,$$css:`@stridge/kit:src/shared/ui/AmountInput/AmountInput.styles.ts:45`},overlayPlaceholder:{"AmountInput__styles.overlayPlaceholder":`AmountInput__styles.overlayPlaceholder`,"opacity-kSiTet":`xwq05k6`,$$css:`@stridge/kit:src/shared/ui/AmountInput/AmountInput.styles.ts:48`},input:{"AmountInput__styles.input":`AmountInput__styles.input`,"position-kVAEAm":`x10l6tqk`,"top-k87sOh":`x13vifvy`,"insetInlineStart-kLqNvP":`x1o0tod`,"width-kzqmXN":`xh8yej3`,"height-kZKoxP":`x5yr21d`,"margin-kogj98":`x1ghz6dp`,"padding-kmVPX3":`x1717udv`,"outline-kI3sdo":`x1a2a7pz`,"backgroundColor-kWkggS":`xjbqb8w`,"textAlign-k9WMMc":`x16tdsg8`,"cursor-kkrTdU":`x1ed109x`,"whiteSpace-khDVqt":`x1sdyfia`,"fontFamily-kMv6JI":`xjb2p0i`,"fontSize-kGuDYH":`x1qlqyl8`,"fontWeight-k63SB2":`x1pd3egz`,"letterSpacing-kb6lSQ":`x4gjf66`,"lineHeight-kLWn49":`x15bjb6t`,"fontVariantNumeric-kcqcaj":`x1wgrp8u`,$$css:`@stridge/kit:src/shared/ui/AmountInput/AmountInput.styles.ts:51`},inputDimmed:{"AmountInput__styles.inputDimmed":`AmountInput__styles.inputDimmed`,"color-kMwMTN":`x19co3pv`,"caretColor-knGrYV":`x1lwfdfr`,$$css:`@stridge/kit:src/shared/ui/AmountInput/AmountInput.styles.ts:72`},inputSolid:{"AmountInput__styles.inputSolid":`AmountInput__styles.inputSolid`,"color-kMwMTN":`x1heor9g`,"caretColor-knGrYV":`xv247kb`,$$css:`@stridge/kit:src/shared/ui/AmountInput/AmountInput.styles.ts:76`},inputDisabled:{"AmountInput__styles.inputDisabled":`AmountInput__styles.inputDisabled`,"cursor-kkrTdU":`x1h6gzvc`,$$css:`@stridge/kit:src/shared/ui/AmountInput/AmountInput.styles.ts:80`}};export{e as styles};

package/dist/shared/ui/AmountInput/attachInputNormalization.js

@@ -0,0 +1 @@
+import{getNumberSeparators as e,parseNumberInputValue as t,reformatDecimalPart as n,reformatIntegerPart as r,replaceStringRange as i}from"./utils.js";function a(a,o,s,c=!0){let l=e(s),{decimalSeparator:u,groupSeparator:d}=l;function f(){a.setRangeText(``,0,a.value.length,`end`),a.dispatchEvent(new Event(`input`,{bubbles:!0}))}function p(e,t){a.setRangeText(e,0,a.value.length,`end`),t!==void 0&&a.setSelectionRange(t,t),a.dispatchEvent(new Event(`input`,{bubbles:!0}))}function m(e){let n=a.value,{decimalPart:r,integerPart:i}=t(n,l);if(e!==0){if(n[e-1]?.match(d)){g(e-2,e,``);return}if(e===1&&i.length===1){if(!r?.match(/[1-9]/)){f();return}a.setRangeText(`0`,0,1,`end`),a.dispatchEvent(new Event(`input`,{bubbles:!0}));return}g(e-1,e,``)}}function h(e){let n=a.value,{decimalPart:r,integerPart:i}=t(n,l);if(e!==n.length){if(n[e]?.match(d)){g(e,e+2,``);return}if(e===0&&i.length===1){if(!r?.match(/[1-9]/)){f();return}a.setRangeText(`0`,0,1,`end`),a.dispatchEvent(new Event(`input`,{bubbles:!0}));return}g(e,e+1,``)}}function g(e,m,h){let g=a.value,{amountString:_}=t(g,l);if(h===u||h===`.`){if(o===0)return;let t=r(_.slice(0,e).replace(/[^0-9]/g,``),s,!1,c);p(`${t}${u}${n(_.slice(m).replace(/[^0-9]/g,``),o)}`,t.length+1);return}let v=h===``?``:h.match(RegExp(`[0-9]+(${d.source}[0-9]+)*([${u}.][0-9]*)?`))?.[0]?.replace(`.`,h.includes(u)?`.`:u);if(v===void 0)return;let y=i(_,v,e,m);if(_&&!y){f();return}let b=y.split(u,2),x=b[0]??``,S=b[1]?.replace(/[^0-9]/g,``)??null,C=r(x,s,!x.slice(0,e).match(/[1-9]/)&&(!v||v.startsWith(`0`)),c),w=S===null?C:`${C}${u}${n(S,o)}`,T=e+v.length;T>0&&(T<x.length?T=C.length-r(x.slice(T),s,!0,c).length:T+=C.length-x.length),p(w,T)}function _(e){switch(e.inputType){case`deleteContentBackward`:{let t=a.selectionStart;if(t!==null){let n=a.selectionEnd??t;n===t?m(t):g(t,n,``),e.preventDefault()}break}case`deleteContentForward`:{let t=a.selectionStart;if(t!==null){let n=a.selectionEnd??t;n===t?h(t):g(t,n,``),e.preventDefault()}break}case`insertFromDrop`:case`insertFromPaste`:case`insertText`:{let t=a.selectionStart;t!==null&&e.data!=null&&(g(t,a.selectionEnd??t,e.data),e.preventDefault());break}case`historyRedo`:case`historyUndo`:e.preventDefault();break}}return a.addEventListener(`beforeinput`,_),()=>a.removeEventListener(`beforeinput`,_)}export{a as attachInputNormalization};

package/dist/shared/ui/AmountInput/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 <AmountInput>.`);return r}export{n as AmountInputContext,r as useAmountInputContext};

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

@@ -0,0 +1,3 @@
+import { AmountInput } from "./AmountInput.js";
+import { AMOUNT_INPUT_SLOTS, AmountInputSlot } from "./AmountInput.slots.js";
+import { formatAmountForInput, parseAmountInputValue } from "./utils.js";

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

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

package/dist/shared/ui/AmountInput/useAutoShrinkFontSize.js

@@ -0,0 +1,14 @@
+"use client";import{useCallback as e,useEffect as t,useLayoutEffect as n,useState as r}from"react";function i({rootRef:i,inputRef:c,prefixRef:l,suffixRef:u,text:d}){let[f,p]=r(57),[m,h]=r(null),[g,_]=r(!0),v=e(()=>{let e=i.current,t=c.current;if(!e||!t)return;let n=window.getComputedStyle(e),r=a(n,`--stridge-amt-max-font-size`,57),d=a(n,`--stridge-amt-min-font-size`,16),f=o(e);if(f<=0){p(e=>e===r?e:r);return}let m=t.value||t.placeholder||``,g=l.current?.textContent??``,_=u.current?.textContent??``,v=g+m+_,y=s(t,v,r);if(y===0){p(e=>e===r?e:r),h(0);return}let b=Math.min(r,Math.max(d,Math.floor(r*f/y))),x=b===r?y:s(t,v,b);b<r&&x>f&&b>d&&(--b,x=s(t,v,b)),p(e=>e===b?e:b),h(e=>e===x?e:x)},[i,c,l,u]);return n(()=>{v()},[v,d]),t(()=>{_(!1)},[]),t(()=>{let e=i.current;if(!e||typeof ResizeObserver>`u`)return;let t=new ResizeObserver(v);t.observe(e);let n=e.parentElement;return n&&t.observe(n),()=>t.disconnect()},[v,i]),{fontSize:f,inputWidth:m,isInitial:g}}function a(e,t,n){let r=e.getPropertyValue(t).trim();if(!r)return n;let i=Number.parseFloat(r);return Number.isFinite(i)?i:n}function o(e){let t=a(window.getComputedStyle(e),`--stridge-amt-available-width`,NaN);if(Number.isFinite(t)&&t>0)return t;let n=e.parentElement;if(!n)return e.clientWidth;let r=window.getComputedStyle(n),i=(Number.parseFloat(r.paddingInlineStart)||0)+(Number.parseFloat(r.paddingInlineEnd)||0),o=n.clientWidth-i;return o>0?o:e.clientWidth}function s(e,t,n){if(t===``)return 0;let r=window.getComputedStyle(e),i=document.createElement(`span`);i.style.cssText=`
+        position: absolute;
+        visibility: hidden;
+        white-space: nowrap;
+        width: max-content;
+        padding: 0;
+        margin: 0;
+        font-family: ${r.fontFamily};
+        font-weight: ${r.fontWeight};
+        font-size: ${n}px;
+        letter-spacing: ${r.letterSpacing};
+        text-transform: ${r.textTransform};
+        font-variant-numeric: ${r.fontVariantNumeric};
+    `,i.textContent=t,document.body.appendChild(i);let a=i.offsetWidth;return document.body.removeChild(i),Math.ceil(a)}export{i as useAutoShrinkFontSize};

package/dist/shared/ui/AmountInput/utils.d.ts

@@ -0,0 +1,12 @@
+//#region src/shared/ui/AmountInput/utils.d.ts
+/**
+ * Parse an {@link AmountInput} display value to a number, or `null` when blank or invalid.
+ */
+declare function parseAmountInputValue(value: string, locale?: Intl.LocalesArgument): number | null;
+/**
+ * Format a numeric amount as a locale-formatted display string suitable for {@link AmountInput}'s `value` or
+ * `defaultValue`.
+ */
+declare function formatAmountForInput(value: number, locale?: Intl.LocalesArgument, maxDecimals?: number, useGrouping?: boolean): string;
+//#endregion
+export { formatAmountForInput, parseAmountInputValue };

package/dist/shared/ui/AmountInput/utils.js

@@ -0,0 +1 @@
+function e(e){let t=new Intl.NumberFormat(e,{currency:`USD`,currencyDisplay:`narrowSymbol`,style:`currency`}).formatToParts(123456789.123456),n=`.`,r=`,`;for(let e of t)e.type===`group`?r=e.value:e.type===`decimal`&&(n=e.value);return{decimalSeparator:n,groupSeparator:r.match(/\s/)?/[^\S\t\r\n\f\v]/g:RegExp(`[${r}]`,`g`)}}function t(e,t){let{decimalSeparator:n,groupSeparator:r}=t,i=RegExp(`^[0-9]+(${r.source}[0-9]+)*([${n}][0-9]*)?$`),a=e.match(i);if(a===null)return{amount:null,amountString:``,amountStringNormalized:``,decimalPart:null,integerPart:``};let o=a[0],s=o.replace(RegExp(`[^0-9${n}]`,`g`),``).replace(RegExp(`[${n}]`,`g`),`.`),[c,l=null]=o.split(n),u=Number.parseFloat(s);return{amount:Number.isFinite(u)?u:null,amountString:o,amountStringNormalized:s,decimalPart:l,integerPart:c??``}}function n(e,t,n,r){return e.slice(0,Math.max(0,n))+t+e.slice(r)}function r(e,t){return e.slice(0,t)}function i(e,t,n,r=!0){let i=e.replace(/[^0-9]/g,``)||`0`;return n?new Intl.NumberFormat(t,{useGrouping:r}).format(Number.parseInt(`1${i}`,10)).replace(/^[1-9][^0-9]*/,``):new Intl.NumberFormat(t,{useGrouping:r}).format(Number.parseInt(i,10))}function a(n,r=`en-US`){let i=n.trim();if(i===``)return null;let{amount:a}=t(i,e(r));return a}function o(e,t=`en-US`,n=5,r=!0){return new Intl.NumberFormat(t,{maximumFractionDigits:n,useGrouping:r}).format(e)}export{o as formatAmountForInput,e as getNumberSeparators,a as parseAmountInputValue,t as parseNumberInputValue,r as reformatDecimalPart,i as reformatIntegerPart,n as replaceStringRange};