@stridge/kit 0.1.0-alpha.0

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

@@ -0,0 +1,338 @@
+import { DialogShellControls } from "../../../dialog/DialogShell.js";
+import { ComponentProps, ReactNode } from "react";
+import { QuoteResponse } from "@stridge/sdk";
+
+//#region src/shared/widgets/confirm-transfer/compound/types.d.ts
+/**
+ * A token entry rendered alongside an amount inside `ConfirmTransfer.Amounts`.
+ */
+interface ConfirmTransferToken {
+  /**
+   * Symbol shown next to the amount (e.g. `"USDT"`, `"USDC"`).
+   */
+  symbol: string;
+  /**
+   * EIP-155 chain id used to resolve the token's logo.
+   */
+  chainId?: number;
+  /**
+   * ERC-20 contract address on `chainId`. Omit for chain-native tokens.
+   */
+  address?: string;
+  /**
+   * `true` for chain-native tokens (ETH, MATIC, …).
+   */
+  isNative?: boolean;
+  /**
+   * Logo URL — final URL fallback before the gradient+letter visual.
+   */
+  logoUrl?: string;
+  /**
+   * Optional trailing label rendered after the symbol in the same line, inheriting the value
+   * text style. Hosts use it for venue-style suffixes (e.g. `"(Spot)"` on the receive row).
+   */
+  suffix?: string;
+}
+/**
+ * Transfer payload shared by `ConfirmTransfer.Meta` (source/destination/timing rows)
+ * and `ConfirmTransfer.Amounts` (send/receive rows).
+ */
+interface ConfirmTransferTransfer {
+  /**
+   * Source-row primary text — e.g. `"Wallet (…685c)"`.
+   */
+  sourceLabel: string;
+  /**
+   * Source-row leading icon, rendered at 14×14.
+   */
+  sourceIcon?: ReactNode;
+  /**
+   * Destination-row primary text — e.g. `"Account"` or the host's brand-prefixed equivalent.
+   */
+  destinationLabel: string;
+  /**
+   * Destination-row leading icon, rendered at 16×16.
+   */
+  destinationIcon?: ReactNode;
+  /** Pre-formatted ETA string (e.g. `"< 1 min"`, `"5 min"`, `"1 hr"`). */
+  eta: string;
+  /** Pre-formatted send amount (e.g. `"2.0"`). */
+  sendAmount: string;
+  sendToken: ConfirmTransferToken;
+  /** Pre-formatted receive amount (e.g. `"1.99580"`). */
+  receiveAmount: string;
+  receiveToken: ConfirmTransferToken;
+  /**
+   * Source quote DTO (the full `Uda.quote()` response — there's no narrower piece). Optional
+   * because the data-source's chrome-only loading placeholder predates any quote; the driver
+   * always populates it once a quote arrives.
+   */
+  raw?: QuoteResponse;
+}
+/**
+ * Common fields on every breakdown row — the kit owns row-level chrome
+ * (label + optional info-tooltip on the leading edge, optional adornment +
+ * value on the trailing edge); each row variant adds the typed payload the
+ * widget formats.
+ */
+interface ConfirmTransferBreakdownRowBase {
+  /**
+   * Label text, e.g. `"Network cost"`.
+   */
+  label: string;
+  /**
+   * Tooltip content rendered when the user hovers the row's info glyph.
+   * When omitted the glyph is hidden.
+   */
+  tooltip?: ReactNode;
+  /**
+   * Optional leading element rendered in front of the value (icon, badge).
+   */
+  valueAdornment?: ReactNode;
+}
+/**
+ * Identifier-style row — the value is opaque text the host owns (route name,
+ * label, etc.). Used for `selectedRoute`.
+ */
+interface ConfirmTransferBreakdownTextRow extends ConfirmTransferBreakdownRowBase {
+  /**
+   * Trailing value text.
+   */
+  value: string;
+}
+/**
+ * USD-amount row. Pre-formatted by driver transformer code (e.g. `"$0.00"`, `"$1.99"`).
+ */
+interface ConfirmTransferBreakdownUsdRow extends ConfirmTransferBreakdownRowBase {
+  /** Pre-formatted USD value (e.g. `"$0.001859"` rounded to `"$0.00"`). */
+  valueUsd: string;
+}
+/**
+ * Percent row. Pre-formatted by driver transformer code (e.g. `"0.21%"`). When `auto` is
+ * `true`, the row prefixes the rendered value with `"Auto · "`.
+ */
+interface ConfirmTransferBreakdownPercentRow extends ConfirmTransferBreakdownRowBase {
+  /** Pre-formatted percent string (e.g. `"0.21%"`). */
+  valuePercent: string;
+  /** When `true`, the row prefixes the rendered value with `"Auto · "`. */
+  auto?: boolean;
+}
+/**
+ * Breakdown payload backing the rows in `ConfirmTransfer.Breakdown`. Each row is
+ * optional and is omitted from the rendered list when undefined.
+ */
+interface ConfirmTransferBreakdown {
+  selectedRoute?: ConfirmTransferBreakdownTextRow;
+  networkCost?: ConfirmTransferBreakdownUsdRow;
+  priceImpact?: ConfirmTransferBreakdownPercentRow;
+  maxSlippage?: ConfirmTransferBreakdownPercentRow;
+  /**
+   * Source quote DTO. Optional because the data-source's loading-state breakdown is an empty
+   * `{}` placeholder before any quote arrives; once the driver emits the breakdown, `raw` is
+   * always populated.
+   */
+  raw?: QuoteResponse;
+}
+/**
+ * Props for `<ConfirmTransfer.Dialog>` — the dialog form of the
+ * ConfirmTransfer widget. Combines the widget root props with the
+ * shared dialog shell controls (`open` / `defaultOpen` / `onOpenChange`
+ * / `trigger`).
+ */
+type ConfirmTransferDialogProps = ConfirmTransferProps & DialogShellControls;
+/**
+ * Public props accepted by the {@link ConfirmTransfer} root.
+ */
+interface ConfirmTransferProps {
+  /**
+   * Transfer payload shown across the Meta and Amounts cards.
+   */
+  transfer: ConfirmTransferTransfer;
+  /**
+   * Breakdown payload rendered inside `ConfirmTransfer.Breakdown`. Defaults to an
+   * empty object, in which case the breakdown header renders with no rows.
+   */
+  breakdown?: ConfirmTransferBreakdown;
+  /** Pre-formatted hero amount in USD (e.g. `"$2.00"`). */
+  heroAmountUsd: string;
+  /**
+   * When true, every leaf swaps to its loading variant: the quote timer is hidden,
+   * Meta/Amounts/Breakdown rows show shimmer placeholders, and the CTA renders a
+   * spinner with the phase-appropriate label.
+   */
+  loading?: boolean;
+  /**
+   * Coarse phase discriminator — drives the CTA copy (`"loading"` →
+   * "Estimating gas…", `"submitting"` → "Confirm transaction in your
+   * wallet", `"regenerating"` → "Regenerating quote…", `"error"` →
+   * "Try again" with the failure message rendered inline). Defaults to
+   * `"loading"` when omitted.
+   */
+  phase?: "loading" | "ready" | "regenerating" | "submitting" | "error";
+  /**
+   * Optional inline notice rendered above the CTA — e.g. the
+   * "Signature declined. Please try again." hint shown after the
+   * user closes the wallet prompt. Hidden when omitted.
+   */
+  notice?: string;
+  /**
+   * Failure detail surfaced when `phase === "error"`. The widget swaps shimmer leaves for
+   * a friendly inline message and the footer flips to a retry CTA. `code` mirrors the
+   * SDK's machine-readable error string (e.g. `"upstream_unavailable"`); hosts can branch
+   * on it for localised copy.
+   */
+  error?: {
+    message?: string;
+    code?: string;
+  };
+  /**
+   * Seconds left on the active quote. When provided, `ConfirmTransfer.Header` shows
+   * the circular timer. The host owns the tick interval.
+   */
+  quoteSeconds?: number;
+  /**
+   * Total seconds the timer started from. Drives the progress ratio
+   * (`seconds / totalSeconds`). Defaults to `30`.
+   */
+  quoteTotalSeconds?: number;
+  /**
+   * Optional override for the `Header` title. Defaults to
+   * `"Deposit {symbol}"` (filled from `transfer.receiveToken.symbol`).
+   */
+  headerTitle?: string;
+  /**
+   * Optional back-button callback for the `Header`. When undefined the
+   * chevron is hidden.
+   */
+  onBack?: () => void;
+  /**
+   * Footer CTA click handler. When undefined the CTA renders inert.
+   * In the `"error"` phase this doubles as the retry handler.
+   */
+  onConfirm?: () => void;
+  /**
+   * Compound parts.
+   */
+  children?: ReactNode;
+}
+/**
+ * Body slot part props. Forwards every native `<div>` prop through to the
+ * underlying `Card.Body`, which becomes the scrollable region when the
+ * widget is mounted inside `Dialog.Content`.
+ */
+type ConfirmTransferBodyProps = ComponentProps<"div">;
+interface ConfirmTransferHeaderProps {
+  /**
+   * Optional override for the title rendered in this slot. Defaults to
+   * the `headerTitle` set on the {@link ConfirmTransfer} root, falling
+   * back to `"Deposit {receiveToken.symbol}"`.
+   */
+  title?: string;
+  /**
+   * Optional override for the back-button callback. Defaults to the
+   * `onBack` set on the {@link ConfirmTransfer} root. Pass `null` to
+   * force the chevron hidden even when the root supplies a callback.
+   */
+  onBack?: (() => void) | null;
+}
+interface ConfirmTransferHeroProps {
+  /** Pre-formatted USD override. Defaults to the root's `heroAmountUsd`. */
+  amountUsd?: string;
+}
+/**
+ * Meta-card props. The card renders three rows in a fixed order
+ * (Source / Destination / Estimated time); only the labels are configurable.
+ */
+interface ConfirmTransferMetaProps {
+  /**
+   * Section label for the source row. Defaults to `"Source"`.
+   */
+  sourceLabel?: string;
+  /**
+   * Section label for the destination row. Defaults to `"Destination"`.
+   */
+  destinationLabel?: string;
+  /**
+   * Section label for the estimated-time row. Defaults to `"Estimated time"`.
+   */
+  etaLabel?: string;
+}
+/**
+ * Amounts-card props. The card renders two rows in a fixed order
+ * (You send / You receive); only the labels are configurable.
+ */
+interface ConfirmTransferAmountsProps {
+  /**
+   * Section label for the send row. Defaults to `"You send"`.
+   */
+  sendLabel?: string;
+  /**
+   * Section label for the receive row. Defaults to `"You receive"`.
+   */
+  receiveLabel?: string;
+}
+interface ConfirmTransferBreakdownProps {
+  /**
+   * Header label. Defaults to `"Transaction breakdown"`.
+   */
+  label?: string;
+  /**
+   * Whether the body is open by default (uncontrolled). Defaults
+   * to `false` so the user opts into detail when they want it.
+   * Ignored while the root is `loading`; the body stays collapsed
+   * until data arrives.
+   */
+  defaultOpen?: boolean;
+  /**
+   * Controlled open state.
+   */
+  open?: boolean;
+  /**
+   * Fired when the user toggles the panel via the chevron.
+   */
+  onOpenChange?: (open: boolean) => void;
+}
+interface ConfirmTransferDisclaimerProps {
+  /**
+   * Disclaimer copy. Defaults to `"By clicking Confirm Deposit, you agree to our terms."`,
+   * with `terms` linking to the Stridge terms page.
+   */
+  children?: ReactNode;
+}
+interface ConfirmTransferFooterProps {
+  /**
+   * CTA label rendered when not loading. Defaults to `"Confirm Deposit"`.
+   */
+  label?: string;
+  /**
+   * CTA label rendered while the orchestrator is fetching the
+   * initial quote. Defaults to `"Estimating gas…"`.
+   */
+  loadingLabel?: string;
+  /**
+   * CTA label rendered while the user is signing in their wallet
+   * (post-Confirm click). Defaults to `"Confirm transaction in your wallet"`.
+   */
+  submittingLabel?: string;
+  /**
+   * CTA label rendered while the orchestrator is fetching a fresh
+   * quote after a previous one expired or the user declined a
+   * wallet prompt. Defaults to `"Regenerating quote…"`.
+   */
+  regeneratingLabel?: string;
+  /**
+   * CTA label rendered when the quote / submit step has errored and the user can retry.
+   * Defaults to `"Try again"`.
+   */
+  retryLabel?: string;
+  /**
+   * Optional override for the click handler. Defaults to the
+   * `onConfirm` set on the {@link ConfirmTransfer} root. Inert when
+   * undefined or when the root is loading. In the `"error"` phase this
+   * doubles as the retry handler — orchestrated hosts route this back
+   * to a fresh quote fetch.
+   */
+  onConfirm?: () => void;
+}
+//#endregion
+export { ConfirmTransferAmountsProps, ConfirmTransferBodyProps, ConfirmTransferBreakdown, ConfirmTransferBreakdownPercentRow, ConfirmTransferBreakdownProps, ConfirmTransferBreakdownTextRow, ConfirmTransferBreakdownUsdRow, ConfirmTransferDialogProps, ConfirmTransferDisclaimerProps, ConfirmTransferFooterProps, ConfirmTransferHeaderProps, ConfirmTransferHeroProps, ConfirmTransferMetaProps, ConfirmTransferProps, ConfirmTransferToken, ConfirmTransferTransfer };

package/dist/shared/widgets/error-state/compound/ErrorState.d.ts

@@ -0,0 +1,96 @@
+import { TxHashValueProps } from "../../../primitives/TxHashValue/types.js";
+import { TxHashValue } from "../../../primitives/TxHashValue/TxHashValue.js";
+import { WalletValue, WalletValueProps } from "../../../primitives/WalletValue/WalletValue.js";
+import { ErrorStateActionsProps, ErrorStateAssetValueProps, ErrorStateBodyProps, ErrorStateDetailProps, ErrorStateDetailsProps, ErrorStateDialogProps, ErrorStateDisclosureChevronProps, ErrorStateHeaderProps, ErrorStateHelpInfoProps, ErrorStateHeroProps, ErrorStateMoreDetailsProps, ErrorStateProps, ErrorStateRowProps, ErrorStateStatusValueProps } from "./types.js";
+import { ErrorStateActions } from "./components/Actions.js";
+import { ErrorStateAssetValue } from "./components/AssetValue.js";
+import { ErrorStateDetail } from "./components/Detail.js";
+import { ErrorStateDetails } from "./components/Details.js";
+import { ErrorStateDisclosureChevron } from "./components/DisclosureChevron.js";
+import { ErrorStateHeader } from "./components/Header.js";
+import { ErrorStateHelpInfo } from "./components/HelpInfo.js";
+import { ErrorStateHero } from "./components/Hero.js";
+import { ErrorStateMoreDetails } from "./components/MoreDetails.js";
+import { ErrorStateDepositTxRow, ErrorStateDestinationRow, ErrorStateFailedAtRow, ErrorStateFillStatusRow, ErrorStateSourceRow, ErrorStateSubmittedAtRow, ErrorStateYouReceiveRow } from "./components/Rows.js";
+import { ErrorStateStatusValue } from "./components/StatusValue.js";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/shared/widgets/error-state/compound/ErrorState.d.ts
+/**
+ * Root of the ErrorState compound. Renders the modal-frame card surface and surfaces the failed transaction
+ * (headline + reason + optional help config) to every compound part rendered inside it. Use this as the terminal
+ * screen for any unsuccessful gateway deposit.
+ *
+ * Parts:
+ * - {@link ErrorState.Header}
+ * - {@link ErrorState.Body}
+ * - {@link ErrorState.Hero}
+ * - {@link ErrorState.Details}
+ * - {@link ErrorState.Detail}
+ * - {@link ErrorState.MoreDetails} — collapsible disclosure for additional context
+ * - {@link ErrorState.HelpInfo}
+ * - {@link ErrorState.Actions}
+ *
+ * Helpers:
+ * - {@link ErrorState.StatusValue} — danger-toned status text
+ * - {@link ErrorState.WalletValue} — wallet icon + name + truncated address (+ optional explorer link)
+ * - {@link ErrorState.AssetValue} — `amount symbol` with optional strike-through
+ * - {@link ErrorState.TxHashValue} — `0x…tail ↗` tx hash + explorer link
+ * - {@link ErrorState.DisclosureChevron} — trailing chevron-right for static "more details" rows
+ *
+ * Dialog form: {@link ErrorState.Dialog} pre-composes the widget into a
+ * `Dialog.Root + Dialog.Trigger + Dialog.Content` shell — the
+ * production-recommended entry point. Use the bare `ErrorState` form
+ * when you want the widget mounted inline.
+ */
+declare function ErrorState(props: ErrorStateProps): _$react_jsx_runtime0.JSX.Element;
+declare function ErrorStateBody(props: ErrorStateBodyProps): _$react_jsx_runtime0.JSX.Element;
+declare function ErrorStateDialog({
+  open,
+  defaultOpen,
+  onOpenChange,
+  trigger,
+  children,
+  ...rootProps
+}: ErrorStateDialogProps): _$react_jsx_runtime0.JSX.Element;
+declare namespace ErrorState {
+  type Props = ErrorStateProps;
+  type HeaderProps = ErrorStateHeaderProps;
+  type BodyProps = ErrorStateBodyProps;
+  type HeroProps = ErrorStateHeroProps;
+  type DetailsProps = ErrorStateDetailsProps;
+  type DetailProps = ErrorStateDetailProps;
+  type MoreDetailsProps = ErrorStateMoreDetailsProps;
+  type HelpInfoProps = ErrorStateHelpInfoProps;
+  type ActionsProps = ErrorStateActionsProps;
+  type StatusValueProps = ErrorStateStatusValueProps;
+  type AssetValueProps = ErrorStateAssetValueProps;
+  type RowProps = ErrorStateRowProps;
+  type WalletValueProps = WalletValueProps;
+  type TxHashValueProps = TxHashValueProps;
+  type DisclosureChevronProps = ErrorStateDisclosureChevronProps;
+  type DialogProps = ErrorStateDialogProps;
+  const Header: typeof ErrorStateHeader;
+  const Body: typeof ErrorStateBody;
+  const Hero: typeof ErrorStateHero;
+  const Details: typeof ErrorStateDetails;
+  const Detail: typeof ErrorStateDetail;
+  const MoreDetails: typeof ErrorStateMoreDetails;
+  const HelpInfo: typeof ErrorStateHelpInfo;
+  const Actions: typeof ErrorStateActions;
+  const StatusValue: typeof ErrorStateStatusValue;
+  const AssetValue: typeof ErrorStateAssetValue;
+  const FillStatusRow: typeof ErrorStateFillStatusRow;
+  const SourceRow: typeof ErrorStateSourceRow;
+  const DestinationRow: typeof ErrorStateDestinationRow;
+  const YouReceiveRow: typeof ErrorStateYouReceiveRow;
+  const DepositTxRow: typeof ErrorStateDepositTxRow;
+  const SubmittedAtRow: typeof ErrorStateSubmittedAtRow;
+  const FailedAtRow: typeof ErrorStateFailedAtRow;
+  const WalletValue: typeof WalletValue;
+  const TxHashValue: typeof TxHashValue;
+  const DisclosureChevron: typeof ErrorStateDisclosureChevron;
+  const Dialog: typeof ErrorStateDialog;
+}
+//#endregion
+export { ErrorState };

package/dist/shared/widgets/error-state/compound/ErrorState.js

@@ -0,0 +1 @@
+"use client";import{useLingui as e}from"../../../i18n/useLingui.js";import"../../../../i18n/index.js";import{DialogShell as t}from"../../../dialog/DialogShell.js";import{Card as n}from"../../../ui/Card/Card.js";import"../../../../ui/index.js";import{Frame as r}from"../../../dialog/Frame.js";import{TxHashValue as i}from"../../../primitives/TxHashValue/TxHashValue.js";import"../../../primitives/TxHashValue/index.js";import{WalletValue as a}from"../../../primitives/WalletValue/WalletValue.js";import"../../../primitives/WalletValue/index.js";import{ErrorStateContext as o}from"./context.js";import{ERROR_STATE_SLOTS as s}from"./ErrorState.slots.js";import{styles as c}from"./ErrorState.styles.js";import{ErrorStateActions as l}from"./components/Actions.js";import{ErrorStateAssetValue as u}from"./components/AssetValue.js";import{ErrorStateDetail as d}from"./components/Detail.js";import{ErrorStateDetails as f}from"./components/Details.js";import{ErrorStateDisclosureChevron as p}from"./components/DisclosureChevron.js";import{ErrorStateHeader as m}from"./components/Header.js";import{ErrorStateHelpInfo as h}from"./components/HelpInfo.js";import{ErrorStateHero as g}from"./components/Hero.js";import{ErrorStateMoreDetails as _}from"./components/MoreDetails.js";import{ErrorStateStatusValue as v}from"./components/StatusValue.js";import{ErrorStateDepositTxRow as y,ErrorStateDestinationRow as b,ErrorStateFailedAtRow as x,ErrorStateFillStatusRow as S,ErrorStateSourceRow as C,ErrorStateSubmittedAtRow as w,ErrorStateYouReceiveRow as T}from"./components/Rows.js";import{useMemo as E}from"react";import{jsx as D}from"react/jsx-runtime";import*as O from"@stylexjs/stylex";function k(t){let{_:n}=e(),{headline:i=n({id:`i-4Fbp`,message:`Deposit failed`}),reason:a,help:l,headerTitle:u,fillStatusLabel:d,sourceWallet:f,destination:p,receiveAmount:m,receiveAsset:h,depositTx:g,submittedAt:_,failedAt:v,onTryAgain:y,tryAgainLabel:b,children:x}=t,S=E(()=>({headline:i,reason:a,help:l,headerTitle:u,fillStatusLabel:d,sourceWallet:f,destination:p,receiveAmount:m,receiveAsset:h,depositTx:g,submittedAt:_,failedAt:v,onTryAgain:y,tryAgainLabel:b}),[i,a,l,u,d,f,p,m,h,g,_,v,y,b]);return D(o.Provider,{value:S,children:D(r,{"data-stridge-slot":s.root,...O.props(c.root),children:x})})}function A(e){return D(n.Body,{"data-stridge-slot":s.body,...e})}function j({open:e,defaultOpen:n,onOpenChange:r,trigger:i,children:a,...o}){return D(t,{open:e,defaultOpen:n,onOpenChange:r,trigger:i,children:D(k,{...o,children:a})})}(function(e){e.Header=m,e.Body=A,e.Hero=g,e.Details=f,e.Detail=d,e.MoreDetails=_,e.HelpInfo=h,e.Actions=l,e.StatusValue=v,e.AssetValue=u,e.FillStatusRow=S,e.SourceRow=C,e.DestinationRow=b,e.YouReceiveRow=T,e.DepositTxRow=y,e.SubmittedAtRow=w,e.FailedAtRow=x,e.WalletValue=a,e.TxHashValue=i,e.DisclosureChevron=p,e.Dialog=j})(k||={});export{k as ErrorState};

package/dist/shared/widgets/error-state/compound/ErrorState.slots.d.ts

@@ -0,0 +1,18 @@
+//#region src/shared/widgets/error-state/compound/ErrorState.slots.d.ts
+declare const ERROR_STATE_SLOTS: {
+  readonly root: "error-state";
+  readonly header: "error-state-header";
+  readonly body: "error-state-body";
+  readonly hero: "error-state-hero";
+  readonly helpInfo: "error-state-help-info";
+  readonly actions: "error-state-actions";
+  readonly details: "error-state-details";
+  readonly detail: "error-state-detail";
+  readonly moreDetailsTrigger: "error-state-more-details-trigger";
+  readonly disclosureChevron: "error-state-disclosure-chevron";
+  readonly statusValue: "error-state-status-value";
+  readonly assetValue: "error-state-asset-value";
+};
+type ErrorStateSlot = (typeof ERROR_STATE_SLOTS)[keyof typeof ERROR_STATE_SLOTS];
+//#endregion
+export { ERROR_STATE_SLOTS, ErrorStateSlot };

package/dist/shared/widgets/error-state/compound/ErrorState.slots.js

@@ -0,0 +1 @@
+const e={root:`error-state`,header:`error-state-header`,body:`error-state-body`,hero:`error-state-hero`,helpInfo:`error-state-help-info`,actions:`error-state-actions`,details:`error-state-details`,detail:`error-state-detail`,moreDetailsTrigger:`error-state-more-details-trigger`,disclosureChevron:`error-state-disclosure-chevron`,statusValue:`error-state-status-value`,assetValue:`error-state-asset-value`};export{e as ERROR_STATE_SLOTS};

package/dist/shared/widgets/error-state/compound/ErrorState.styles.js

@@ -0,0 +1 @@
+const e={root:{"ErrorState__styles.root":`ErrorState__styles.root`,"position-kVAEAm":`x1n2onr6`,"width-kzqmXN":`xh8yej3`,"maxWidth-ks0D6T":`x17fpy1y`,$$css:`@stridge/kit:src/shared/widgets/error-state/compound/ErrorState.styles.ts:32`},header:{"ErrorState__styles.header":`ErrorState__styles.header`,"justifyContent-kjj79g":`x1qughib`,$$css:`@stridge/kit:src/shared/widgets/error-state/compound/ErrorState.styles.ts:40`},closeIcon:{"ErrorState__styles.closeIcon":`ErrorState__styles.closeIcon`,"color-kMwMTN":`xdksllq`,"strokeWidth-kfJifR":`x1k315e8`,$$css:`@stridge/kit:src/shared/widgets/error-state/compound/ErrorState.styles.ts:43`},hero:{"ErrorState__styles.hero":`ErrorState__styles.hero`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`xdt5ytf`,"alignItems-kGNEyG":`x6s0dn4`,"gap-kOIVth":`x883omv`,"paddingTop-kLKAdn":`x9desvi`,"paddingInlineEnd-kwRFfy":`x1o5r3ls`,"paddingBottom-kGO01o":`x1t4gjm`,"paddingInlineStart-kZCmMZ":`xz7312c`,"animationName-kKVMdj":`xv305lp`,"animationDuration-k44tkh":`xmprevt x1s1fvk8`,"animationTimingFunction-kyAemX":`xa3vuyk`,"animationFillMode-kWV6AL":`x1u6ievf`,$$css:`@stridge/kit:src/shared/widgets/error-state/compound/ErrorState.styles.ts:48`},heroRing:{"ErrorState__styles.heroRing":`ErrorState__styles.heroRing`,"display-k1xSpc":`x1lliihq`,"width-kzqmXN":`x1fu8urw`,"height-kZKoxP":`x1peatla`,"marginBottom-k1K539":`xat24cr`,"flexShrink-kmuXW":`x2lah0s`,$$css:`@stridge/kit:src/shared/widgets/error-state/compound/ErrorState.styles.ts:65`},heroRingMark:{"ErrorState__styles.heroRingMark":`ErrorState__styles.heroRingMark`,"transformOrigin-k3nNDw":`x1g0ag68`,"animationName-kKVMdj":`x14k796y x1aquc0h`,"animationDuration-k44tkh":`xmprevt`,"animationDelay-kKxzle":`x1x1c4bx x14q22ui`,"animationTimingFunction-kyAemX":`x4hg4is`,"animationFillMode-kWV6AL":`x1u6ievf`,"animationIterationCount-ko0y90":`x1v7wizp`,$$css:`@stridge/kit:src/shared/widgets/error-state/compound/ErrorState.styles.ts:72`},heroHeadline:{"ErrorState__styles.heroHeadline":`ErrorState__styles.heroHeadline`,"marginTop-keoZOQ":`x1xmf6yo`,$$css:`@stridge/kit:src/shared/widgets/error-state/compound/ErrorState.styles.ts:87`},heroReason:{"ErrorState__styles.heroReason":`ErrorState__styles.heroReason`,"maxWidth-ks0D6T":`x1va8c73`,$$css:`@stridge/kit:src/shared/widgets/error-state/compound/ErrorState.styles.ts:90`},detailsSection:{"ErrorState__styles.detailsSection":`ErrorState__styles.detailsSection`,"marginInlineStart-keTefX":`xnzr9dm`,"marginInlineEnd-k71WvV":`xnqxrjt`,$$css:`@stridge/kit:src/shared/widgets/error-state/compound/ErrorState.styles.ts:100`},statusValueFailed:{"ErrorState__styles.statusValueFailed":`ErrorState__styles.statusValueFailed`,"color-kMwMTN":`x19vemxs`,$$css:`@stridge/kit:src/shared/widgets/error-state/compound/ErrorState.styles.ts:105`},assetValue:{"ErrorState__styles.assetValue":`ErrorState__styles.assetValue`,"display-k1xSpc":`x3nfvp2`,"alignItems-kGNEyG":`x6s0dn4`,"gap-kOIVth":`x167g77z`,$$css:`@stridge/kit:src/shared/widgets/error-state/compound/ErrorState.styles.ts:109`},assetValueText:{"ErrorState__styles.assetValueText":`ErrorState__styles.assetValueText`,"display-k1xSpc":`x3nfvp2`,"alignItems-kGNEyG":`x1pha0wt`,"gap-kOIVth":`x17d4w8g`,$$css:`@stridge/kit:src/shared/widgets/error-state/compound/ErrorState.styles.ts:114`},assetValueStruck:{"ErrorState__styles.assetValueStruck":`ErrorState__styles.assetValueStruck`,"textDecorationLine-kMnn75":`x5lhwog`,"textDecorationThickness-kNySMw":`xyi4chj`,"textUnderlineOffset-kcSHmL":`xrys4gj`,$$css:`@stridge/kit:src/shared/widgets/error-state/compound/ErrorState.styles.ts:123`},disclosureChevron:{"ErrorState__styles.disclosureChevron":`ErrorState__styles.disclosureChevron`,"width-kzqmXN":`x6jxa94`,"height-kZKoxP":`x1v9usgg`,"flexShrink-kmuXW":`x2lah0s`,"color-kMwMTN":`x137ha3m`,"strokeWidth-kfJifR":`xhr4kjn`,$$css:`@stridge/kit:src/shared/widgets/error-state/compound/ErrorState.styles.ts:129`},moreDetailsTrigger:{"ErrorState__styles.moreDetailsTrigger":`ErrorState__styles.moreDetailsTrigger`,"cursor-kkrTdU":`x1ypdohk`,"outline-kI3sdo":`x1a2a7pz`,"userSelect-kfSwDN":`x87ps6o`,"WebkitTapHighlightColor-kQizK7":`x1i10hfl`,":focus-visible_boxShadow-kEtg5x":`xf4a2cz`,$$css:`@stridge/kit:src/shared/widgets/error-state/compound/ErrorState.styles.ts:137`},moreDetailsTriggerClosed:{"ErrorState__styles.moreDetailsTriggerClosed":`ErrorState__styles.moreDetailsTriggerClosed`,"borderBottomWidth-kt9PQ7":`x1qhh985`,$$css:`@stridge/kit:src/shared/widgets/error-state/compound/ErrorState.styles.ts:146`},moreDetailsChevron:{"ErrorState__styles.moreDetailsChevron":`ErrorState__styles.moreDetailsChevron`,"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/widgets/error-state/compound/ErrorState.styles.ts:149`},moreDetailsChevronOpen:{"ErrorState__styles.moreDetailsChevronOpen":`ErrorState__styles.moreDetailsChevronOpen`,"transform-k3aq6I":`x1iffjtl`,$$css:`@stridge/kit:src/shared/widgets/error-state/compound/ErrorState.styles.ts:163`},helpInfo:{"ErrorState__styles.helpInfo":`ErrorState__styles.helpInfo`,"marginTop-keoZOQ":`xhrpt6u`,"marginInlineStart-keTefX":`xnzr9dm`,"marginInlineEnd-k71WvV":`xnqxrjt`,"borderRadius-kaIpWk":`x1s7mj9v`,$$css:`@stridge/kit:src/shared/widgets/error-state/compound/ErrorState.styles.ts:166`},helpInfoLink:{"ErrorState__styles.helpInfoLink":`ErrorState__styles.helpInfoLink`,"color-kMwMTN":`x1me39qh`,"textDecorationLine-kMnn75":`xujl8zx`,"textDecorationThickness-kNySMw":`xyi4chj`,"textUnderlineOffset-kcSHmL":`xda060z`,"--stridge-kit-external-link-align":`x5oa300`,$$css:`@stridge/kit:src/shared/widgets/error-state/compound/ErrorState.styles.ts:172`},actions:{"ErrorState__styles.actions":`ErrorState__styles.actions`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`xdt5ytf`,"alignItems-kGNEyG":`x1qjc9v5`,"paddingTop-kLKAdn":`x109j2v6`,"paddingInlineEnd-kwRFfy":`x1o5r3ls`,"paddingBottom-kGO01o":`x1t4gjm`,"paddingInlineStart-kZCmMZ":`xz7312c`,$$css:`@stridge/kit:src/shared/widgets/error-state/compound/ErrorState.styles.ts:180`},cta:{"ErrorState__styles.cta":`ErrorState__styles.cta`,"width-kzqmXN":`xh8yej3`,"alignSelf-kSGwAc":`xkh2ocl`,":focus-visible_boxShadow-kEtg5x":`xhatipn`,$$css:`@stridge/kit:src/shared/widgets/error-state/compound/ErrorState.styles.ts:189`},ctaInteractive:{"ErrorState__styles.ctaInteractive":`ErrorState__styles.ctaInteractive`,"cursor-kkrTdU":`x1ypdohk`,$$css:`@stridge/kit:src/shared/widgets/error-state/compound/ErrorState.styles.ts:196`},ctaInert:{"ErrorState__styles.ctaInert":`ErrorState__styles.ctaInert`,"cursor-kkrTdU":`xt0e3qv`,$$css:`@stridge/kit:src/shared/widgets/error-state/compound/ErrorState.styles.ts:199`},ctaPrimary:{"ErrorState__styles.ctaPrimary":`ErrorState__styles.ctaPrimary`,"borderWidth-kMzoRj":`xc342km`,$$css:`@stridge/kit:src/shared/widgets/error-state/compound/ErrorState.styles.ts:202`}};export{e as styles};

package/dist/shared/widgets/error-state/compound/components/Actions.d.ts

@@ -0,0 +1,17 @@
+import { ErrorStateActionsProps } from "../types.js";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/shared/widgets/error-state/compound/components/Actions.d.ts
+/**
+ * Action row with a single full-width primary `Try again` CTA. Dismissal lives on the header close control. The
+ * button renders even when `onTryAgain` is omitted; in that case click is a no-op and the cursor stays default.
+ *
+ * Reads `onTryAgain` and `tryAgainLabel` from the {@link ErrorState}
+ * root by default; pass props to override per-instance.
+ */
+declare function ErrorStateActions({
+  onTryAgain,
+  tryAgainLabel
+}?: ErrorStateActionsProps): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { ErrorStateActions };

package/dist/shared/widgets/error-state/compound/components/Actions.js

@@ -0,0 +1 @@
+"use client";import{useLingui as e}from"../../../../i18n/useLingui.js";import"../../../../../i18n/index.js";import{Button as t}from"../../../../ui/Button/Button.js";import"../../../../ui/Button/index.js";import{text as n}from"../../../../ui/Text/Text.js";import"../../../../../ui/index.js";import{useErrorStateContext as r}from"../context.js";import{ERROR_STATE_SLOTS as i}from"../ErrorState.slots.js";import{styles as a}from"../ErrorState.styles.js";import{jsx as o}from"react/jsx-runtime";import*as s from"@stylexjs/stylex";function c({onTryAgain:c,tryAgainLabel:l}={}){let u=r(`ErrorState.Actions`),{_:d}=e(),f=c??u.onTryAgain,p=typeof f==`function`,m=l??u.tryAgainLabel??d({id:`KDw4GX`,message:`Try again`});return o(`div`,{"data-stridge-slot":i.actions,...s.props(a.actions),children:o(t,{size:`cta`,onClick:p?f:void 0,...s.props(a.cta,a.ctaPrimary,p?a.ctaInteractive:a.ctaInert),children:o(n.span,{size:`callout`,fontWeight:`semibold`,leading:`tight`,tracking:`tight`,color:`inherit`,children:m})})})}export{c as ErrorStateActions};

package/dist/shared/widgets/error-state/compound/components/AssetValue.d.ts

@@ -0,0 +1,20 @@
+import { ErrorStateAssetValueProps } from "../types.js";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/shared/widgets/error-state/compound/components/AssetValue.d.ts
+/**
+ * Renders `[icon] amount symbol`, optionally struck-through. Pure layout — `amount` arrives
+ * pre-formatted from driver transformer code. Defaults to `struck = true` to signal an
+ * intended-but-unsettled credit.
+ */
+declare function ErrorStateAssetValue({
+  amount,
+  symbol,
+  chainId,
+  address,
+  isNative,
+  logoUrl,
+  struck
+}: ErrorStateAssetValueProps): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { ErrorStateAssetValue };

package/dist/shared/widgets/error-state/compound/components/AssetValue.js

@@ -0,0 +1 @@
+"use client";import{text as e}from"../../../../ui/Text/Text.js";import{TokenLogo as t}from"../../../../ui/TokenLogo/TokenLogo.js";import"../../../../ui/TokenLogo/index.js";import"../../../../../ui/index.js";import{ERROR_STATE_SLOTS as n}from"../ErrorState.slots.js";import{styles as r}from"../ErrorState.styles.js";import{jsx as i,jsxs as a}from"react/jsx-runtime";import*as o from"@stylexjs/stylex";function s({amount:s,symbol:c,chainId:l,address:u,isNative:d,logoUrl:f,struck:p=!0}){return a(`span`,{dir:`ltr`,"data-stridge-slot":n.assetValue,...o.props(r.assetValue),children:[i(t,{size:`md`,symbol:c,...l===void 0?{}:{chainId:l},...u===void 0?{}:{address:u},...d===void 0?{}:{isNative:d},...f===void 0?{}:{logoUrl:f},hideChainBadge:!0}),a(`span`,{...o.props(r.assetValueText),children:[i(e.span,{size:`meta`,fontWeight:`medium`,leading:`tight`,font:`mono`,color:p?`tertiary`:`default`,...o.props(p?r.assetValueStruck:null),children:s}),i(e.span,{size:`meta`,fontWeight:`medium`,leading:`tight`,color:p?`tertiary`:`default`,...o.props(p?r.assetValueStruck:null),children:c})]})]})}export{s as ErrorStateAssetValue};

package/dist/shared/widgets/error-state/compound/components/Detail.d.ts

@@ -0,0 +1,14 @@
+import { ErrorStateDetailProps } from "../types.js";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/shared/widgets/error-state/compound/components/Detail.d.ts
+/**
+ * A single label/value row inside `ErrorState.Details`. `value` is freeform, so callers can compose with the
+ * canonical helpers or any inline content.
+ */
+declare function ErrorStateDetail({
+  label,
+  value
+}: ErrorStateDetailProps): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { ErrorStateDetail };

package/dist/shared/widgets/error-state/compound/components/Detail.js

@@ -0,0 +1 @@
+"use client";import{Details as e}from"../../../../ui/Details/Details.js";import"../../../../ui/Details/index.js";import{ERROR_STATE_SLOTS as t}from"../ErrorState.slots.js";import{jsx as n}from"react/jsx-runtime";function r({label:r,value:i}){return n(e.Row,{"data-stridge-slot":t.detail,label:r,children:i})}export{r as ErrorStateDetail};

package/dist/shared/widgets/error-state/compound/components/Details.d.ts

@@ -0,0 +1,12 @@
+import { ErrorStateDetailsProps } from "../types.js";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/shared/widgets/error-state/compound/components/Details.d.ts
+/**
+ * Bordered card containing `ErrorState.Detail` children.
+ */
+declare function ErrorStateDetails({
+  children
+}: ErrorStateDetailsProps): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { ErrorStateDetails };

package/dist/shared/widgets/error-state/compound/components/Details.js

@@ -0,0 +1 @@
+"use client";import{Details as e}from"../../../../ui/Details/Details.js";import"../../../../ui/Details/index.js";import{ERROR_STATE_SLOTS as t}from"../ErrorState.slots.js";import{styles as n}from"../ErrorState.styles.js";import{jsx as r}from"react/jsx-runtime";import*as i from"@stylexjs/stylex";function a({children:a}){let o=i.props(n.detailsSection);return r(e,{"data-stridge-slot":t.details,className:o.className,style:o.style,children:a})}export{a as ErrorStateDetails};

package/dist/shared/widgets/error-state/compound/components/DisclosureChevron.d.ts

@@ -0,0 +1,11 @@
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/shared/widgets/error-state/compound/components/DisclosureChevron.d.ts
+/**
+ * Trailing chevron-right glyph for static "more details" rows that link out. Renders the glyph only — wrap the
+ * surrounding `<ErrorState.Detail>` value in a click target for navigation behavior. For inline expand/collapse,
+ * use `ErrorState.MoreDetails` instead.
+ */
+declare function ErrorStateDisclosureChevron(): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { ErrorStateDisclosureChevron };

package/dist/shared/widgets/error-state/compound/components/DisclosureChevron.js

@@ -0,0 +1 @@
+"use client";import{ChevronRightIcon as e}from"../../../../icons/ChevronRightIcon.js";import"../../../../../icons/index.js";import{ERROR_STATE_SLOTS as t}from"../ErrorState.slots.js";import{styles as n}from"../ErrorState.styles.js";import{jsx as r}from"react/jsx-runtime";import*as i from"@stylexjs/stylex";function a(){return r(e,{"aria-hidden":!0,"data-stridge-slot":t.disclosureChevron,...i.props(n.disclosureChevron)})}export{a as ErrorStateDisclosureChevron};

package/dist/shared/widgets/error-state/compound/components/Header.d.ts

@@ -0,0 +1,13 @@
+import { ErrorStateHeaderProps } from "../types.js";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/shared/widgets/error-state/compound/components/Header.d.ts
+/**
+ * Header row with the title and a trailing `Dialog.CloseButton` (the X). The X only paints when
+ * the widget is mounted inside `Dialog.Content` — card-mode renders just the title.
+ */
+declare function ErrorStateHeader({
+  title
+}?: ErrorStateHeaderProps): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { ErrorStateHeader };

package/dist/shared/widgets/error-state/compound/components/Header.js

@@ -0,0 +1 @@
+"use client";import{useLingui as e}from"../../../../i18n/useLingui.js";import"../../../../../i18n/index.js";import{Dialog as t}from"../../../../ui/Dialog/Dialog.js";import"../../../../ui/Dialog/index.js";import{Card as n}from"../../../../ui/Card/Card.js";import{text as r}from"../../../../ui/Text/Text.js";import"../../../../../ui/index.js";import{useErrorStateContext as i}from"../context.js";import{ERROR_STATE_SLOTS as a}from"../ErrorState.slots.js";import{styles as o}from"../ErrorState.styles.js";import{jsx as s,jsxs as c}from"react/jsx-runtime";import*as l from"@stylexjs/stylex";function u({title:u}={}){let d=i(`ErrorState.Header`),{_:f}=e(),p=u??d.headerTitle??f({id:`i-4Fbp`,message:`Deposit failed`});return c(n.Header,{"data-stridge-slot":a.header,...l.props(o.header),children:[s(r.span,{size:`base`,fontWeight:`semibold`,leading:`tight`,tracking:`tight`,style:{margin:0},children:p}),s(t.CloseButton,{})]})}export{u as ErrorStateHeader};

package/dist/shared/widgets/error-state/compound/components/HelpInfo.d.ts

@@ -0,0 +1,10 @@
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/shared/widgets/error-state/compound/components/HelpInfo.d.ts
+/**
+ * Primary-tinted notice banner with a help message and external link. Renders only when `help` is set on the
+ * root and its URL passes the kit's safety check; otherwise returns `null`.
+ */
+declare function ErrorStateHelpInfo(): _$react_jsx_runtime0.JSX.Element | null;
+//#endregion
+export { ErrorStateHelpInfo };

package/dist/shared/widgets/error-state/compound/components/HelpInfo.js

@@ -0,0 +1 @@
+"use client";import{useLingui as e}from"../../../../i18n/useLingui.js";import"../../../../../i18n/index.js";import{ExternalLinkIcon as t}from"../../../../icons/ExternalLinkIcon.js";import{InfoIcon as n}from"../../../../icons/InfoIcon.js";import"../../../../../icons/index.js";import{Alert as r}from"../../../../ui/Alert/Alert.js";import"../../../../ui/Alert/index.js";import{toSafeHref as i}from"../../../../ui/ExternalLink/toSafeHref.js";import{ExternalLink as a}from"../../../../ui/ExternalLink/ExternalLink.js";import"../../../../ui/ExternalLink/index.js";import{useErrorStateContext as o}from"../context.js";import{ERROR_STATE_SLOTS as s}from"../ErrorState.slots.js";import{styles as c}from"../ErrorState.styles.js";import{jsx as l,jsxs as u}from"react/jsx-runtime";import*as d from"@stylexjs/stylex";function f(){let f=o(`ErrorState.HelpInfo`),{_:p}=e(),m=f.help;if(!m)return null;let h=i(m.url);return h?u(r,{"data-stridge-slot":s.helpInfo,variant:`primary`,icon:l(n,{}),...d.props(c.helpInfo),children:[m.message??p({id:`Dd7jP5`,message:`Experiencing problems?`}),` `,l(a,{href:h,suffix:l(t,{"aria-hidden":!0}),...d.props(c.helpInfoLink),children:m.ctaLabel??p({id:`AWtGgd`,message:`Get help`})})]}):null}export{f as ErrorStateHelpInfo};

package/dist/shared/widgets/error-state/compound/components/Hero.d.ts

@@ -0,0 +1,9 @@
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/shared/widgets/error-state/compound/components/Hero.d.ts
+/**
+ * Hero block: error ring, headline, and optional reason subtext. Reads its data from the `ErrorState` root context.
+ */
+declare function ErrorStateHero(): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { ErrorStateHero };

package/dist/shared/widgets/error-state/compound/components/Hero.js

@@ -0,0 +1 @@
+"use client";import{text as e}from"../../../../ui/Text/Text.js";import"../../../../../ui/index.js";import{useErrorStateContext as t}from"../context.js";import{ERROR_STATE_SLOTS as n}from"../ErrorState.slots.js";import{styles as r}from"../ErrorState.styles.js";import{jsx as i,jsxs as a}from"react/jsx-runtime";import*as o from"@stylexjs/stylex";function s(){let s=t(`ErrorState.Hero`);return a(`div`,{"data-stridge-slot":n.hero,...o.props(r.hero),children:[i(c,{}),i(e.span,{size:`xl`,fontWeight:`semibold`,leading:`tight`,tracking:`tight`,align:`center`,...o.props(r.heroHeadline),children:s.headline}),s.reason?i(e.span,{size:`sm`,fontWeight:`normal`,leading:`tight`,align:`center`,color:`subdued`,...o.props(r.heroReason),children:s.reason}):null]})}function c(){return a(`svg`,{"aria-hidden":!0,viewBox:`0 0 64 64`,xmlns:`http://www.w3.org/2000/svg`,fill:`none`,...o.props(r.heroRing),children:[i(`circle`,{cx:`32`,cy:`32`,r:`28`,strokeWidth:`2.5`,style:{stroke:`var(--stridge-kit-destructive-ring)`}}),i(`circle`,{cx:`32`,cy:`32`,r:`20`,style:{fill:`var(--stridge-kit-destructive)`}}),i(`g`,{...o.props(r.heroRingMark),children:i(`path`,{d:`M25 25L39 39M39 25L25 39`,strokeWidth:`2.6`,strokeLinecap:`round`,strokeLinejoin:`round`,style:{stroke:`var(--stridge-kit-destructive-foreground)`}})})]})}export{s as ErrorStateHero};