kaleido-ui 0.2.2 → 0.2.5

package/dist/web/chunk-MKMZH4XD.js

@@ -0,0 +1,98 @@
+"use client";
+import {
+  GlyphButton
+} from "./chunk-JY3H7ZAI.js";
+import {
+  cn
+} from "./chunk-PMGIJMRO.js";
+import {
+  ArrowBack
+} from "./chunk-XXH4TYKZ.js";
+
+// src/web/components/page-header.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function PageHeader({
+  variant = "bar",
+  left,
+  title,
+  subtitle,
+  description,
+  action,
+  right,
+  className,
+  onBack,
+  backLabel = "Go back",
+  borderClassName
+}) {
+  if (variant === "page") {
+    return /* @__PURE__ */ jsxs(
+      "header",
+      {
+        "data-slot": "page-header",
+        "data-variant": "page",
+        className: cn("flex flex-wrap items-start justify-between gap-x-4 gap-y-3", className),
+        children: [
+          /* @__PURE__ */ jsxs("div", { "data-slot": "page-header-leading", className: "flex min-w-0 flex-[1_1_16rem] items-start gap-3", children: [
+            onBack && /* @__PURE__ */ jsx(GlyphButton, { icon: ArrowBack, label: backLabel, onClick: onBack, className: "-ml-2" }),
+            /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
+              /* @__PURE__ */ jsx("h1", { className: "m-0 text-title font-bold text-foreground", children: title }),
+              description && /* @__PURE__ */ jsx("p", { className: "m-0 mt-1 text-caption text-muted-foreground", children: description })
+            ] })
+          ] }),
+          (action ?? right) && // The title's line box is 28px; the action is centred on it, so it
+          // lines up with the title rather than with the title-plus-description block.
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              "data-slot": "page-header-actions",
+              className: "flex min-h-7 shrink-0 items-center gap-2",
+              children: action ?? right
+            }
+          )
+        ]
+      }
+    );
+  }
+  const backButton = onBack ? /* @__PURE__ */ jsx(GlyphButton, { icon: ArrowBack, label: backLabel, size: "lg", onClick: onBack }) : null;
+  const titleBlock = title ? /* @__PURE__ */ jsxs("div", { className: "min-w-0 text-left", children: [
+    /* @__PURE__ */ jsx("div", { className: "truncate font-bold text-body text-foreground", children: title }),
+    subtitle && /* @__PURE__ */ jsx("div", { className: "mt-1 truncate text-caption text-muted-foreground", children: subtitle })
+  ] }) : null;
+  return /* @__PURE__ */ jsxs("header", { className: cn(
+    "sticky top-0 z-[var(--z-header)] flex min-h-14 shrink-0 items-center bg-background bg-gradient-card px-4 py-2 shadow-header backdrop-blur-xl",
+    borderClassName && "border-b",
+    borderClassName,
+    className
+  ), children: [
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        "data-slot": "page-header-leading",
+        className: cn(
+          "flex min-w-0 items-center",
+          title ? "flex-1 gap-3" : "shrink-0"
+        ),
+        children: [
+          backButton,
+          left,
+          titleBlock
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        "data-slot": "page-header-actions",
+        className: cn(
+          "flex min-w-0 items-center justify-end gap-2",
+          title ? "ml-3 shrink-0" : "ml-auto"
+        ),
+        children: right
+      }
+    )
+  ] });
+}
+
+export {
+  PageHeader
+};

package/dist/web/chunk-MTQ22SKE.js

@@ -0,0 +1,39 @@
+"use client";
+
+// src/web/hooks/use-media-query.ts
+import { useEffect, useState } from "react";
+
+// src/tokens/breakpoints.ts
+var breakpoint = {
+  sm: "40rem",
+  // 640px
+  md: "48rem",
+  // 768px
+  lg: "64rem",
+  // 1024px
+  xl: "80rem"
+  // 1280px
+};
+
+// src/web/hooks/use-media-query.ts
+var matches = (query) => typeof window !== "undefined" && typeof window.matchMedia === "function" ? window.matchMedia(query).matches : false;
+function useMediaQuery(query) {
+  const [value, setValue] = useState(() => matches(query));
+  useEffect(() => {
+    if (typeof window === "undefined" || typeof window.matchMedia !== "function") return;
+    const list = window.matchMedia(query);
+    const update = () => setValue(list.matches);
+    update();
+    list.addEventListener?.("change", update);
+    return () => list.removeEventListener?.("change", update);
+  }, [query]);
+  return value;
+}
+function useIsNarrow() {
+  return useMediaQuery(`(max-width: calc(${breakpoint.sm} - 0.02px))`);
+}
+
+export {
+  useMediaQuery,
+  useIsNarrow
+};

package/dist/web/chunk-MTQOAMDW.js

@@ -0,0 +1,8 @@
+"use client";
+
+// src/web/utils/type-roles.ts
+var eyebrow = "text-mini font-medium uppercase tracking-eyebrow";
+
+export {
+  eyebrow
+};

package/dist/web/chunk-NEXA6VGG.js

@@ -0,0 +1,91 @@
+"use client";
+import {
+  ListSkeletonRows
+} from "./chunk-5MM5YGGG.js";
+import {
+  InfoPanel
+} from "./chunk-2Q5SSNFO.js";
+import {
+  EmptyState
+} from "./chunk-UZ4LWR4X.js";
+import {
+  Button
+} from "./chunk-OWSKP527.js";
+
+// src/web/components/query-state.tsx
+import { useEffect, useRef, useState } from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+function defaultClassifyError(error) {
+  const message = error instanceof Error ? error.message : typeof error === "string" ? error : "Something went wrong.";
+  return { title: "Could not load", message, tone: "danger", retryable: true };
+}
+function QueryState({ announce, ...props }) {
+  const message = useResultAnnouncement(announce, !props.isLoading && !props.error);
+  const body = /* @__PURE__ */ jsx(QueryStateBody, { ...props });
+  if (!announce) return body;
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("div", { role: "status", "aria-live": "polite", className: "sr-only", children: message }),
+    body
+  ] });
+}
+function useResultAnnouncement(announce, settled) {
+  const [message, setMessage] = useState("");
+  const spokenFor = useRef(null);
+  const key = announce?.key;
+  const next = announce?.message ?? "";
+  useEffect(() => {
+    if (key === void 0 || !settled) return;
+    if (spokenFor.current === null) {
+      spokenFor.current = key;
+      return;
+    }
+    if (spokenFor.current === key) return;
+    spokenFor.current = key;
+    setMessage(next);
+  }, [key, next, settled]);
+  return message;
+}
+function QueryStateBody({
+  isLoading = false,
+  error,
+  isEmpty = false,
+  children,
+  classifyError = defaultClassifyError,
+  onRetry,
+  retryLabel = "Try again",
+  errorConsequence,
+  emptyTitle = "Nothing here yet",
+  emptyDescription,
+  emptyAction,
+  skeletonRows = 3,
+  loadingLabel = "Loading",
+  errorDetail
+}) {
+  if (isLoading) {
+    return (
+      // aria-busy, so a screen reader reports the region as loading rather than empty.
+      /* @__PURE__ */ jsx("div", { role: "status", "aria-label": loadingLabel, "aria-busy": "true", "data-slot": "query-state", "data-state": "loading", children: /* @__PURE__ */ jsx(ListSkeletonRows, { rows: skeletonRows }) })
+    );
+  }
+  if (error) {
+    const view = classifyError(error);
+    const detail = errorDetail?.(error);
+    return /* @__PURE__ */ jsxs("div", { role: "alert", "data-slot": "query-state", "data-state": "error", className: "space-y-3", children: [
+      /* @__PURE__ */ jsx(InfoPanel, { tone: view.tone, title: view.title, children: /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
+        errorConsequence && /* @__PURE__ */ jsx("p", { className: "m-0 font-semibold", children: errorConsequence }),
+        /* @__PURE__ */ jsx("p", { className: "m-0", children: view.message }),
+        view.retryable && onRetry && /* @__PURE__ */ jsx(Button, { type: "button", variant: "surface", size: "sm", onClick: onRetry, children: retryLabel })
+      ] }) }),
+      detail ? /* @__PURE__ */ jsx("div", { "data-slot": "query-state-detail", className: "text-caption text-muted-foreground", children: detail }) : null
+    ] });
+  }
+  if (isEmpty) {
+    return /* @__PURE__ */ jsx("div", { "data-slot": "query-state", "data-state": "empty", children: /* @__PURE__ */ jsx(EmptyState, { title: emptyTitle, description: emptyDescription, action: emptyAction }) });
+  }
+  return /* @__PURE__ */ jsx(Fragment, { children });
+}
+
+export {
+  defaultClassifyError,
+  QueryState
+};

package/dist/web/chunk-NHOCTXPF.js

@@ -0,0 +1,151 @@
+"use client";
+import {
+  Input
+} from "./chunk-5GBURTY4.js";
+import {
+  Label
+} from "./chunk-H3GYLFHP.js";
+import {
+  IconGlyph
+} from "./chunk-YQQ7GDLZ.js";
+import {
+  cn
+} from "./chunk-PMGIJMRO.js";
+import {
+  Close
+} from "./chunk-XXH4TYKZ.js";
+
+// src/web/components/list-field.tsx
+import { useId, useState } from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var SEPARATORS = /[\s,]+/;
+function ListField({
+  label,
+  noun,
+  requirement,
+  items,
+  onChange,
+  check = () => null,
+  form,
+  example,
+  error,
+  emptyLabel = "None added.",
+  itemsLabel,
+  removeLabel = (item) => `Remove ${item}`,
+  mono = true,
+  className
+}) {
+  const id = useId();
+  const [draft, setDraft] = useState("");
+  const [draftError, setDraftError] = useState(null);
+  const commit = (text) => {
+    const pieces = text.split(SEPARATORS).filter(Boolean);
+    if (pieces.length === 0) {
+      setDraftError(null);
+      return;
+    }
+    const accepted = [];
+    const rejected = [];
+    let firstProblem = null;
+    for (const piece of pieces) {
+      const problem = check(piece);
+      if (problem === null) {
+        if (!items.includes(piece) && !accepted.includes(piece)) accepted.push(piece);
+      } else {
+        rejected.push(piece);
+        firstProblem ?? (firstProblem = problem);
+      }
+    }
+    if (accepted.length > 0) onChange([...items, ...accepted]);
+    setDraft(rejected.join(", "));
+    setDraftError(firstProblem);
+  };
+  const onKeyDown = (event) => {
+    if (event.key === "Enter" || event.key === ",") {
+      event.preventDefault();
+      commit(draft);
+    } else if (event.key === "Backspace" && draft === "" && items.length > 0) {
+      onChange(items.slice(0, -1));
+    }
+  };
+  const onPaste = (event) => {
+    const text = event.clipboardData.getData("text");
+    if (SEPARATORS.test(text.trim())) {
+      event.preventDefault();
+      commit(`${draft} ${text}`);
+    }
+  };
+  const shown = draftError ?? error ?? null;
+  const groupLabel = itemsLabel ?? (typeof label === "string" ? `${label}: added` : void 0);
+  return /* @__PURE__ */ jsxs("div", { "data-slot": "list-field", className: cn("space-y-2", className), children: [
+    /* @__PURE__ */ jsxs(Label, { htmlFor: id, children: [
+      label,
+      requirement && /* @__PURE__ */ jsxs("span", { className: "font-normal text-muted-foreground", children: [
+        " (",
+        requirement,
+        ")"
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx(
+      Input,
+      {
+        id,
+        value: draft,
+        onChange: (event) => {
+          setDraft(event.target.value);
+          if (draftError) setDraftError(null);
+        },
+        onKeyDown,
+        onPaste,
+        onBlur: () => draft.trim() !== "" && commit(draft),
+        placeholder: example,
+        autoComplete: "off",
+        spellCheck: false,
+        "aria-invalid": shown ? true : void 0,
+        "aria-describedby": `${id}-help${shown ? ` ${id}-error` : ""}`,
+        className: cn(mono && "font-mono")
+      }
+    ),
+    /* @__PURE__ */ jsxs("p", { id: `${id}-help`, className: "m-0 text-caption text-muted-foreground", children: [
+      form,
+      form ? " " : "",
+      example && /* @__PURE__ */ jsxs(Fragment, { children: [
+        "Example: ",
+        /* @__PURE__ */ jsx("span", { className: "font-mono", children: example }),
+        ".",
+        " "
+      ] }),
+      "Press Enter or comma to add each ",
+      noun,
+      "."
+    ] }),
+    shown && /* @__PURE__ */ jsx("p", { id: `${id}-error`, role: "alert", className: "m-0 text-caption text-danger-fg", children: shown }),
+    /* @__PURE__ */ jsx("div", { role: "group", "aria-label": groupLabel, children: items.length === 0 ? /* @__PURE__ */ jsx("p", { className: "m-0 text-caption text-muted-foreground", children: emptyLabel }) : /* @__PURE__ */ jsx("ul", { className: "m-0 flex list-none flex-wrap gap-2 p-0", children: items.map((item) => /* @__PURE__ */ jsxs(
+      "li",
+      {
+        className: cn(
+          "inline-flex items-center gap-1 rounded-full bg-foreground/[0.07] py-1 pl-3 pr-1 text-caption text-foreground",
+          mono && "font-mono"
+        ),
+        children: [
+          item,
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              "aria-label": removeLabel(item),
+              className: "flex rounded-full p-1 text-muted-foreground hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+              onClick: () => onChange(items.filter((other) => other !== item)),
+              children: /* @__PURE__ */ jsx(IconGlyph, { glyph: Close, className: "text-icon-xs" })
+            }
+          )
+        ]
+      },
+      item
+    )) }) })
+  ] });
+}
+
+export {
+  ListField
+};

package/dist/web/chunk-NNGVB3US.js

@@ -0,0 +1,176 @@
+"use client";
+import {
+  AssetIcon
+} from "./chunk-SGXLWU4V.js";
+import {
+  NetworkBadge
+} from "./chunk-EBQ35SOM.js";
+import {
+  eyebrow
+} from "./chunk-MTQOAMDW.js";
+import {
+  GlyphButton
+} from "./chunk-JY3H7ZAI.js";
+import {
+  cn
+} from "./chunk-PMGIJMRO.js";
+import {
+  Edit
+} from "./chunk-XXH4TYKZ.js";
+
+// src/web/components/info-chip.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var defaultStatusLabel = {
+  success: "Success",
+  warning: "Warning",
+  danger: "Error",
+  info: "Info"
+};
+var leadingToneClass = {
+  success: "bg-success/10 text-success-fg",
+  warning: "bg-warning/10 text-warning-fg",
+  danger: "bg-danger/10 text-danger-fg",
+  info: "bg-secondary/15 text-secondary-content"
+};
+var statusToneClass = {
+  success: "bg-success/10 text-success-fg",
+  warning: "bg-warning/10 text-warning-fg",
+  danger: "bg-danger/10 text-danger-fg",
+  info: "bg-secondary/15 text-secondary-content"
+};
+var statusDotClass = {
+  success: "bg-success",
+  warning: "bg-warning",
+  danger: "bg-danger",
+  info: "bg-secondary-content"
+};
+function StatusChip({ status, label, pulse = true, className }) {
+  return /* @__PURE__ */ jsxs(
+    "span",
+    {
+      "data-slot": "status-chip",
+      "data-status": status,
+      className: cn(
+        "inline-flex max-w-full items-center gap-1.5 rounded-full px-2 py-0.5 text-xxs font-bold leading-4",
+        statusToneClass[status],
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsxs("span", { "aria-hidden": "true", className: "relative flex size-1.5 shrink-0", children: [
+          pulse && /* @__PURE__ */ jsx(
+            "span",
+            {
+              "data-slot": "status-chip-pulse",
+              className: cn("absolute inset-0 rounded-full opacity-0 motion-safe:animate-ping motion-safe:opacity-75", statusDotClass[status])
+            }
+          ),
+          /* @__PURE__ */ jsx("span", { className: cn("relative size-1.5 rounded-full", statusDotClass[status]) })
+        ] }),
+        /* @__PURE__ */ jsx("span", { className: "truncate", children: label ?? defaultStatusLabel[status] })
+      ]
+    }
+  );
+}
+function InfoChip({
+  leading,
+  label,
+  value,
+  status,
+  statusLabel,
+  onEdit,
+  editLabel,
+  editDisabled,
+  className,
+  valueClassName,
+  "data-testid": dataTestId,
+  "data-info-kind": dataInfoKind
+}) {
+  const readableStatus = status ? statusLabel ?? defaultStatusLabel[status] : null;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "data-slot": "info-chip",
+      "data-status": status,
+      "data-info-kind": dataInfoKind,
+      "data-testid": dataTestId,
+      className: cn(
+        "flex w-full max-w-full items-center gap-3 rounded-xl bg-surface-card bg-gradient-card px-3 py-2.5 shadow-raised",
+        className
+      ),
+      children: [
+        leading && /* @__PURE__ */ jsx(
+          "span",
+          {
+            "aria-hidden": "true",
+            className: cn(
+              "flex size-9 shrink-0 items-center justify-center rounded-full bg-secondary/15 text-secondary-content [&_svg]:size-icon-lg",
+              status && leadingToneClass[status]
+            ),
+            children: leading
+          }
+        ),
+        /* @__PURE__ */ jsxs("dl", { className: "min-w-0 flex-1", children: [
+          /* @__PURE__ */ jsx("dt", { className: cn("truncate text-muted-foreground", eyebrow), children: label }),
+          /* @__PURE__ */ jsxs("dd", { className: "mt-0.5 flex min-w-0 flex-wrap items-center gap-x-2 gap-y-1", children: [
+            /* @__PURE__ */ jsx(
+              "span",
+              {
+                className: cn(
+                  "min-w-0 max-w-full [overflow-wrap:anywhere] text-body font-semibold leading-5 text-foreground",
+                  valueClassName
+                ),
+                children: value
+              }
+            ),
+            status && /* @__PURE__ */ jsx(StatusChip, { status, label: readableStatus ?? void 0 })
+          ] })
+        ] }),
+        onEdit && /* @__PURE__ */ jsx(GlyphButton, { icon: Edit, label: editLabel, onClick: onEdit, disabled: editDisabled })
+      ]
+    }
+  );
+}
+function NetworkInfoChip({
+  network,
+  label = "Network",
+  value = network,
+  iconBasePath,
+  ...infoChipProps
+}) {
+  return /* @__PURE__ */ jsx(
+    InfoChip,
+    {
+      ...infoChipProps,
+      "data-info-kind": "network",
+      leading: /* @__PURE__ */ jsx(NetworkBadge, { network, iconBasePath, size: "md" }),
+      label,
+      value
+    }
+  );
+}
+function AssetInfoChip({
+  ticker,
+  label = "Asset",
+  value = ticker,
+  logoUri,
+  cdnBaseUrl,
+  ...infoChipProps
+}) {
+  return /* @__PURE__ */ jsx(
+    InfoChip,
+    {
+      ...infoChipProps,
+      "data-info-kind": "asset",
+      leading: /* @__PURE__ */ jsx(AssetIcon, { ticker, logoUri, cdnBaseUrl, size: 28 }),
+      label,
+      value
+    }
+  );
+}
+
+export {
+  StatusChip,
+  InfoChip,
+  NetworkInfoChip,
+  AssetInfoChip
+};

package/dist/web/chunk-NXPVF5WX.js

@@ -0,0 +1,74 @@
+"use client";
+import {
+  formatAmount
+} from "./chunk-VM6AGMYO.js";
+import {
+  eyebrow
+} from "./chunk-MTQOAMDW.js";
+import {
+  IconGlyph
+} from "./chunk-YQQ7GDLZ.js";
+import {
+  cn
+} from "./chunk-PMGIJMRO.js";
+import {
+  Check
+} from "./chunk-XXH4TYKZ.js";
+
+// src/web/components/withdraw-success.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function WithdrawSuccess({
+  displayAmount,
+  selectedAssetId,
+  selectedAsset,
+  txResult,
+  handleReset,
+  onDone,
+  locale
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: "relative flex min-h-screen flex-col overflow-hidden bg-background bg-page-radial p-6 font-display text-foreground", children: [
+    /* @__PURE__ */ jsx("div", { className: "pointer-events-none absolute left-0 top-0 h-full w-full bg-[radial-gradient(ellipse_at_center,_var(--tw-gradient-stops))] from-secondary/40 to-transparent opacity-30" }),
+    /* @__PURE__ */ jsxs("div", { className: "z-10 flex flex-1 flex-col items-center justify-center", children: [
+      /* @__PURE__ */ jsxs("div", { className: "relative mb-8", children: [
+        /* @__PURE__ */ jsx("div", { className: "absolute inset-0 animate-pulse rounded-full bg-secondary/30 blur-2xl" }),
+        /* @__PURE__ */ jsx("div", { className: "relative scale-110 rounded-full bg-primary bg-gradient-primary p-6 text-background shadow-glow-brand", children: /* @__PURE__ */ jsx(IconGlyph, { glyph: Check, className: "text-icon-6xl" }) })
+      ] }),
+      /* @__PURE__ */ jsx("h1", { className: "mb-2 text-headline font-bold text-gradient-brand", children: "Payment Sent!" }),
+      /* @__PURE__ */ jsx("p", { className: "max-w-xs text-center text-muted-foreground", children: "Your transaction has been successfully processed." }),
+      /* @__PURE__ */ jsxs("div", { className: "mt-12 w-full max-w-xs space-y-4", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between rounded-2xl bg-card/55 backdrop-blur-xl backdrop-saturate-150 bg-gradient-card-hero p-5 shadow-card", children: [
+          /* @__PURE__ */ jsx("span", { className: "text-caption text-muted-foreground", children: "Amount" }),
+          /* @__PURE__ */ jsxs("span", { className: "text-title font-bold", children: [
+            formatAmount(displayAmount, { locale }),
+            " ",
+            selectedAssetId === "BTC" ? /* @__PURE__ */ jsx("span", { className: "text-body text-brand/70", children: "sats" }) : selectedAsset?.ticker ?? "units"
+          ] })
+        ] }),
+        (txResult?.paymentHash || txResult?.payment_hash) && /* @__PURE__ */ jsxs("div", { className: "rounded-2xl bg-card/55 backdrop-blur-xl backdrop-saturate-150 bg-gradient-card p-5 shadow-card", children: [
+          /* @__PURE__ */ jsx("p", { className: cn("mb-2 text-muted-foreground", eyebrow), children: "Payment Hash" }),
+          /* @__PURE__ */ jsx("p", { className: "break-all font-mono text-caption leading-relaxed text-muted-foreground", children: txResult.paymentHash ?? txResult.payment_hash })
+        ] }),
+        txResult?.txid && /* @__PURE__ */ jsxs("div", { className: "rounded-2xl bg-card/55 backdrop-blur-xl backdrop-saturate-150 bg-gradient-card p-5 shadow-card", children: [
+          /* @__PURE__ */ jsx("p", { className: cn("mb-2 text-muted-foreground", eyebrow), children: "Transaction ID" }),
+          /* @__PURE__ */ jsx("p", { className: "break-all font-mono text-caption leading-relaxed text-muted-foreground", children: txResult.txid })
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "z-10 space-y-3 py-6", children: /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        onClick: () => {
+          handleReset();
+          onDone();
+        },
+        className: "w-full rounded-2xl bg-card/55 backdrop-blur-xl backdrop-saturate-150 bg-gradient-card py-4 text-subhead font-bold text-foreground shadow-card transition-all hover-gradient-violet hover:shadow-card-hover active:scale-[0.98]",
+        children: "Back to Dashboard"
+      }
+    ) })
+  ] });
+}
+
+export {
+  WithdrawSuccess
+};

package/dist/web/chunk-O2TTO5FS.js

@@ -0,0 +1,24 @@
+"use client";
+import {
+  Icon
+} from "./chunk-A6MSV4MA.js";
+import {
+  GlyphButton
+} from "./chunk-JY3H7ZAI.js";
+
+// src/web/primitives/icon-button.tsx
+import * as React from "react";
+import { jsx } from "react/jsx-runtime";
+var IconButton = React.forwardRef(({ icon, ...props }, ref) => /* @__PURE__ */ jsx(
+  GlyphButton,
+  {
+    ref,
+    icon: typeof icon === "string" ? /* @__PURE__ */ jsx(Icon, { name: icon, "aria-hidden": "true" }) : icon,
+    ...props
+  }
+));
+IconButton.displayName = "IconButton";
+
+export {
+  IconButton
+};