kaleido-ui 0.2.2 → 0.2.4

package/dist/web/chunk-A3TKIXSI.js

@@ -0,0 +1,197 @@
+"use client";
+import {
+  QrCode
+} from "./chunk-F2LIZX5K.js";
+import {
+  Label
+} from "./chunk-H3GYLFHP.js";
+import {
+  BottomSheet
+} from "./chunk-JYM5NHBA.js";
+import {
+  CopyIcon,
+  InvoiceStatusBanner,
+  NETWORK_CONFIG,
+  PaidOverlay
+} from "./chunk-GX7GBHJ6.js";
+import {
+  GlyphButton
+} from "./chunk-JY3H7ZAI.js";
+import {
+  Button
+} from "./chunk-OWSKP527.js";
+import {
+  eyebrow
+} from "./chunk-MTQOAMDW.js";
+import {
+  IconGlyph
+} from "./chunk-YQQ7GDLZ.js";
+import {
+  Check,
+  ContentCopy,
+  Edit,
+  ProgressActivity,
+  Refresh
+} from "./chunk-XXH4TYKZ.js";
+import {
+  cn
+} from "./chunk-PMGIJMRO.js";
+
+// src/web/components/btc-unified-receive.tsx
+import { useId, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function formatSatsForRow(value) {
+  if (!value || value <= 0 || !Number.isFinite(value)) return null;
+  return `${value.toLocaleString("en-US")} sats`;
+}
+function BtcUnifiedReceive({
+  accountReceiveResult,
+  invoiceStatus,
+  isInvoicePending,
+  isInvoicePaid,
+  isInvoiceFailedOrExpired,
+  amount,
+  handleAmountChange,
+  loading,
+  copied,
+  copyToClipboard,
+  setAddress,
+  setAmount,
+  setInvoiceStatus,
+  setAccountReceiveResult,
+  showRegenerate = true,
+  description,
+  onDescriptionChange
+}) {
+  const amountId = useId();
+  const descriptionId = useId();
+  const [showEdit, setShowEdit] = useState(false);
+  const isQrCopied = copied === accountReceiveResult.qrValue;
+  const handleNewAddress = () => {
+    setAddress("");
+    setAmount("");
+    setInvoiceStatus(null);
+    setAccountReceiveResult(null);
+  };
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-3 animate-in fade-in zoom-in-95 duration-300", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-3", children: [
+      /* @__PURE__ */ jsxs("div", { className: "relative flex flex-col items-center p-2", children: [
+        /* @__PURE__ */ jsx(QrCode, { value: accountReceiveResult.qrValue, size: 200, tone: "onDark" }),
+        isInvoicePaid && /* @__PURE__ */ jsx(PaidOverlay, {})
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-center gap-2.5", children: [
+        /* @__PURE__ */ jsx(
+          GlyphButton,
+          {
+            label: `Copy ${accountReceiveResult.qrLabel}`,
+            variant: "surface",
+            size: "lg",
+            icon: isQrCopied ? Check : ContentCopy,
+            onClick: () => void copyToClipboard(accountReceiveResult.qrValue)
+          }
+        ),
+        showRegenerate && /* @__PURE__ */ jsx(GlyphButton, { label: "New address", variant: "surface", size: "lg", icon: Refresh, onClick: handleNewAddress }),
+        /* @__PURE__ */ jsx(
+          GlyphButton,
+          {
+            label: "Edit amount and description",
+            variant: "surface",
+            size: "lg",
+            icon: Edit,
+            onClick: () => setShowEdit(true)
+          }
+        )
+      ] })
+    ] }),
+    invoiceStatus && /* @__PURE__ */ jsx(
+      InvoiceStatusBanner,
+      {
+        isInvoicePending,
+        isInvoicePaid,
+        isInvoiceFailedOrExpired,
+        invoiceStatus
+      }
+    ),
+    /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
+      /* @__PURE__ */ jsx("p", { className: cn("text-muted-foreground", eyebrow), children: "Available Addresses" }),
+      accountReceiveResult.addresses.map((address) => {
+        const network = NETWORK_CONFIG[address.network];
+        return /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: cn(
+              "group flex cursor-pointer items-center gap-2 rounded-xl bg-card/55 backdrop-blur-xl backdrop-saturate-150 bg-gradient-card px-2.5 py-1.5 shadow-raised",
+              "transition-all hover-gradient-violet hover:shadow-card-hover active:scale-[0.98]"
+            ),
+            style: { borderLeftWidth: 3, borderLeftColor: network.color },
+            onClick: () => void copyToClipboard(address.value),
+            children: [
+              /* @__PURE__ */ jsx("div", { className: cn("flex size-5 flex-shrink-0 items-center justify-center rounded-md", network.bg), children: network.icon }),
+              /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+                /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5", children: [
+                  /* @__PURE__ */ jsx("p", { className: cn(eyebrow, network.text), children: address.label }),
+                  (() => {
+                    const amountLabel = formatSatsForRow(address.amountSats);
+                    return amountLabel ? /* @__PURE__ */ jsx("span", { className: "rounded-full bg-secondary/15 px-1.5 py-0.5 text-tiny font-bold tabular-nums text-secondary-content", children: amountLabel }) : null;
+                  })()
+                ] }),
+                /* @__PURE__ */ jsx("p", { className: "mt-0.5 truncate font-mono text-tiny text-muted-foreground", children: address.value.length > 50 ? `${address.value.slice(0, 18)}...${address.value.slice(-14)}` : address.value })
+              ] }),
+              /* @__PURE__ */ jsx(CopyIcon, { copied: copied === address.value })
+            ]
+          },
+          address.network
+        );
+      })
+    ] }),
+    /* @__PURE__ */ jsx(
+      BottomSheet,
+      {
+        open: showEdit,
+        title: "Edit request",
+        icon: /* @__PURE__ */ jsx(IconGlyph, { glyph: Edit, size: "md" }),
+        onClose: () => setShowEdit(false),
+        children: /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
+            /* @__PURE__ */ jsx(Label, { htmlFor: amountId, children: "Amount (optional)" }),
+            /* @__PURE__ */ jsx(
+              "input",
+              {
+                id: amountId,
+                type: "text",
+                value: amount,
+                onChange: handleAmountChange,
+                placeholder: "Any amount",
+                className: "w-full rounded-xl bg-card/55 bg-gradient-card ring-1 ring-inset ring-secondary/15 hover:ring-secondary/35 px-3 py-2.5 font-mono text-caption font-bold text-foreground shadow-inner transition-all placeholder:text-muted-foreground focus:outline-none focus:ring-1 focus:ring-primary/50 focus:shadow-glow-primary-soft",
+                inputMode: "decimal"
+              }
+            ),
+            amount && loading && /* @__PURE__ */ jsxs("p", { className: "flex items-center gap-1 text-xxs text-warning-fg/70", children: [
+              /* @__PURE__ */ jsx(IconGlyph, { glyph: ProgressActivity, className: "animate-spin text-icon-xxs" }),
+              "Updating invoice..."
+            ] })
+          ] }),
+          onDescriptionChange && /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
+            /* @__PURE__ */ jsx(Label, { htmlFor: descriptionId, children: "Description (optional)" }),
+            /* @__PURE__ */ jsx(
+              "input",
+              {
+                id: descriptionId,
+                type: "text",
+                value: description ?? "",
+                onChange: (event) => onDescriptionChange(event.target.value),
+                placeholder: "What's this for?",
+                className: "w-full rounded-xl bg-card/55 bg-gradient-card ring-1 ring-inset ring-secondary/15 hover:ring-secondary/35 px-3 py-2.5 text-caption text-foreground shadow-inner transition-all placeholder:text-muted-foreground focus:outline-none focus:ring-1 focus:ring-primary/50 focus:shadow-glow-primary-soft"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsx(Button, { variant: "cta", className: "w-full", onClick: () => setShowEdit(false), children: "Done" })
+        ] })
+      }
+    )
+  ] });
+}
+
+export {
+  BtcUnifiedReceive
+};

package/dist/web/chunk-A3XHFJ6J.js

@@ -0,0 +1,120 @@
+"use client";
+import {
+  IconGlyph
+} from "./chunk-YQQ7GDLZ.js";
+import {
+  Error
+} from "./chunk-XXH4TYKZ.js";
+import {
+  cn
+} from "./chunk-PMGIJMRO.js";
+
+// src/web/components/page-shell.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function PageShell({
+  children,
+  fullHeight = true,
+  centered = true,
+  className
+}) {
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(
+        "relative overflow-hidden bg-background text-foreground font-display",
+        fullHeight ? "min-h-screen" : "h-screen",
+        centered && "flex flex-col items-center justify-center p-6",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsx("div", { "aria-hidden": true, className: "absolute inset-0 bg-page-radial pointer-events-none" }),
+        /* @__PURE__ */ jsx("div", { className: cn("relative z-10 w-full", !centered && "h-full min-h-0"), children })
+      ]
+    }
+  );
+}
+function HeadlineGradient({
+  children,
+  as: Tag = "h1",
+  className
+}) {
+  return /* @__PURE__ */ jsx(
+    Tag,
+    {
+      className: cn(
+        "font-bold tracking-tight bg-gradient-headline bg-clip-text text-transparent",
+        className
+      ),
+      children
+    }
+  );
+}
+function LoadingCard({ message = "Loading...", className }) {
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(
+        "flex flex-col items-center justify-center py-16 text-muted-foreground",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsx("div", { className: "mb-4 size-12 animate-spin rounded-full border-4 border-secondary/25 border-t-primary shadow-glow-violet-soft" }),
+        /* @__PURE__ */ jsx("p", { className: "text-body", children: message })
+      ]
+    }
+  );
+}
+function ErrorCard({
+  title = "Something went wrong",
+  description,
+  onRetry,
+  retryLabel = "Try Again",
+  className
+}) {
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn("flex flex-col items-center justify-center py-16 text-center", className),
+      children: [
+        /* @__PURE__ */ jsx("div", { className: "mb-4 flex size-16 items-center justify-center rounded-full bg-danger/10 shadow-raised", children: /* @__PURE__ */ jsx(IconGlyph, { glyph: Error, className: "text-danger-fg text-icon-4xl" }) }),
+        /* @__PURE__ */ jsx("h3", { className: "mb-1 text-body font-semibold", children: title }),
+        /* @__PURE__ */ jsx("p", { className: "mb-4 max-w-xs text-caption text-muted-foreground", children: description }),
+        onRetry && /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            onClick: onRetry,
+            className: "rounded-xl bg-secondary/15 bg-gradient-surface px-4 py-2 text-caption font-semibold text-secondary-content shadow-raised transition-all hover-gradient-violet hover:shadow-button-surface-hover",
+            children: retryLabel
+          }
+        )
+      ]
+    }
+  );
+}
+function FadeOverlay({
+  edge = "bottom",
+  heightClassName = "h-12",
+  className
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "aria-hidden": true,
+      className: cn(
+        "pointer-events-none absolute inset-x-0 z-10",
+        heightClassName,
+        edge === "bottom" ? "bottom-0 bg-gradient-to-t from-background to-transparent" : "top-0 bg-gradient-to-b from-background to-transparent",
+        className
+      )
+    }
+  );
+}
+
+export {
+  PageShell,
+  HeadlineGradient,
+  LoadingCard,
+  ErrorCard,
+  FadeOverlay
+};

package/dist/web/chunk-A6MSV4MA.js

@@ -0,0 +1,83 @@
+"use client";
+import {
+  filledMap,
+  outlinedMap
+} from "./chunk-VYQHGSK6.js";
+import {
+  IconGlyph
+} from "./chunk-YQQ7GDLZ.js";
+
+// src/web/primitives/icon.tsx
+import { jsx } from "react/jsx-runtime";
+function createIcon(outlined, filled = {}) {
+  return function Icon2({ name, filled: preferFilled = false, ...props }) {
+    const glyph = (preferFilled ? filled[name] : void 0) ?? outlined[name];
+    if (!glyph) return null;
+    return /* @__PURE__ */ jsx(IconGlyph, { glyph, ...props });
+  };
+}
+var Icon = /* @__PURE__ */ createIcon(outlinedMap, filledMap);
+var Icons = {
+  // Navigation
+  ArrowBack: (props) => /* @__PURE__ */ jsx(Icon, { name: "arrow_back", ...props }),
+  ArrowForward: (props) => /* @__PURE__ */ jsx(Icon, { name: "arrow_forward", ...props }),
+  Close: (props) => /* @__PURE__ */ jsx(Icon, { name: "close", ...props }),
+  Menu: (props) => /* @__PURE__ */ jsx(Icon, { name: "menu", ...props }),
+  // Actions
+  Send: (props) => /* @__PURE__ */ jsx(Icon, { name: "arrow_outward", ...props }),
+  Receive: (props) => /* @__PURE__ */ jsx(Icon, { name: "south_west", ...props }),
+  Swap: (props) => /* @__PURE__ */ jsx(Icon, { name: "swap_horiz", ...props }),
+  Copy: (props) => /* @__PURE__ */ jsx(Icon, { name: "content_copy", ...props }),
+  Paste: (props) => /* @__PURE__ */ jsx(Icon, { name: "content_paste", ...props }),
+  Refresh: (props) => /* @__PURE__ */ jsx(Icon, { name: "refresh", ...props }),
+  QrCode: (props) => /* @__PURE__ */ jsx(Icon, { name: "qr_code_2", ...props }),
+  QrScanner: (props) => /* @__PURE__ */ jsx(Icon, { name: "qr_code_scanner", ...props }),
+  // Status
+  Check: (props) => /* @__PURE__ */ jsx(Icon, { name: "check", ...props }),
+  CheckCircle: (props) => /* @__PURE__ */ jsx(Icon, { name: "check_circle", ...props }),
+  Error: (props) => /* @__PURE__ */ jsx(Icon, { name: "error", ...props }),
+  Warning: (props) => /* @__PURE__ */ jsx(Icon, { name: "warning", ...props }),
+  Info: (props) => /* @__PURE__ */ jsx(Icon, { name: "info", ...props }),
+  Pending: (props) => /* @__PURE__ */ jsx(Icon, { name: "hourglass_top", ...props }),
+  Progress: (props) => /* @__PURE__ */ jsx(Icon, { name: "autorenew", ...props }),
+  // Navigation tabs
+  Wallet: (props) => /* @__PURE__ */ jsx(Icon, { name: "account_balance_wallet", ...props }),
+  Activity: (props) => /* @__PURE__ */ jsx(Icon, { name: "history", ...props }),
+  Settings: (props) => /* @__PURE__ */ jsx(Icon, { name: "settings", ...props }),
+  // Networks
+  Lightning: (props) => /* @__PURE__ */ jsx(Icon, { name: "bolt", ...props }),
+  Bitcoin: (props) => /* @__PURE__ */ jsx(Icon, { name: "currency_bitcoin", ...props }),
+  Ark: (props) => /* @__PURE__ */ jsx(Icon, { name: "hexagon", ...props }),
+  // Security
+  Lock: (props) => /* @__PURE__ */ jsx(Icon, { name: "lock", ...props }),
+  Unlock: (props) => /* @__PURE__ */ jsx(Icon, { name: "lock_open", ...props }),
+  Shield: (props) => /* @__PURE__ */ jsx(Icon, { name: "shield", ...props }),
+  Key: (props) => /* @__PURE__ */ jsx(Icon, { name: "key", ...props }),
+  Fingerprint: (props) => /* @__PURE__ */ jsx(Icon, { name: "fingerprint", ...props }),
+  Visibility: (props) => /* @__PURE__ */ jsx(Icon, { name: "visibility", ...props }),
+  VisibilityOff: (props) => /* @__PURE__ */ jsx(Icon, { name: "visibility_off", ...props }),
+  // Misc
+  ExpandMore: (props) => /* @__PURE__ */ jsx(Icon, { name: "expand_more", ...props }),
+  ExpandLess: (props) => /* @__PURE__ */ jsx(Icon, { name: "expand_less", ...props }),
+  ChevronRight: (props) => /* @__PURE__ */ jsx(Icon, { name: "chevron_right", ...props }),
+  OpenInNew: (props) => /* @__PURE__ */ jsx(Icon, { name: "open_in_new", ...props }),
+  Search: (props) => /* @__PURE__ */ jsx(Icon, { name: "search", ...props }),
+  Add: (props) => /* @__PURE__ */ jsx(Icon, { name: "add", ...props }),
+  Download: (props) => /* @__PURE__ */ jsx(Icon, { name: "download", ...props }),
+  Upload: (props) => /* @__PURE__ */ jsx(Icon, { name: "upload", ...props }),
+  Edit: (props) => /* @__PURE__ */ jsx(Icon, { name: "edit", ...props }),
+  Delete: (props) => /* @__PURE__ */ jsx(Icon, { name: "delete", ...props }),
+  Timer: (props) => /* @__PURE__ */ jsx(Icon, { name: "timer", ...props }),
+  Person: (props) => /* @__PURE__ */ jsx(Icon, { name: "person", ...props }),
+  Hub: (props) => /* @__PURE__ */ jsx(Icon, { name: "hub", ...props }),
+  Verified: (props) => /* @__PURE__ */ jsx(Icon, { name: "verified", ...props }),
+  // Agent / AI
+  SmartToy: (props) => /* @__PURE__ */ jsx(Icon, { name: "smart_toy", ...props }),
+  Psychology: (props) => /* @__PURE__ */ jsx(Icon, { name: "psychology", ...props })
+};
+
+export {
+  createIcon,
+  Icon,
+  Icons
+};

package/dist/web/chunk-A7MPRLJL.js

@@ -0,0 +1,169 @@
+"use client";
+
+// src/tokens/colors.ts
+var darkSemanticColors = {
+  background: "#0E0D16",
+  // surface-base (deepest, near-black with a violet cast)
+  foreground: "#EDECF6",
+  // content-primary (cool white)
+  border: "rgba(200, 192, 240, 0.11)",
+  // lavender hairline
+  input: "rgba(200, 192, 240, 0.16)",
+  destructive: "hsl(0 62% 50%)",
+  secondary: "#282638",
+  // neutral surface (bg-secondary utility is brand violet via app token)
+  secondaryFg: "#EDECF6",
+  muted: "#14131E",
+  //     surface-raised
+  mutedFg: "rgba(232, 230, 245, 0.58)",
+  primary: "#15E99A",
+  //   brand green (dark)
+  primaryFg: "#0E0D16",
+  accent: "#282638",
+  //    surface-elevated
+  accentFg: "#EDECF6",
+  ring: "#15E99A",
+  card: "#1C1A2A",
+  //      surface-overlay (card)
+  cardFg: "#EDECF6",
+  popover: "#211F31",
+  popoverFg: "#EDECF6",
+  chart1: "#2BEE79",
+  chart2: "#F6C343",
+  chart3: "#F7931A",
+  chart4: "#8B5CF6",
+  chart5: "#DD352E",
+  semanticBackground: "#1C1A2A",
+  semanticBorder: "rgba(200, 192, 240, 0.11)"
+};
+var colors = {
+  ...darkSemanticColors,
+  textPrimary: darkSemanticColors.foreground,
+  textSecondary: darkSemanticColors.mutedFg,
+  textMuted: darkSemanticColors.border,
+  textDimmed: darkSemanticColors.ring,
+  /** Semantic intent colors (use as text-success, bg-warning/15, etc.) */
+  success: darkSemanticColors.primary,
+  warning: "#FACC15",
+  danger: "#E53535",
+  info: "#4290FF",
+  /** @deprecated alias for `danger` — kept for back-compat. */
+  error: darkSemanticColors.destructive,
+  /** Surface elevation — translucent overlays applied over the page background */
+  surface: {
+    base: "rgba(255, 255, 255, 0.03)",
+    card: "rgba(255, 255, 255, 0.05)",
+    elevated: "rgba(255, 255, 255, 0.08)",
+    overlay: "rgba(0, 0, 0, 0.20)",
+    overlayStrong: "rgba(0, 0, 0, 0.35)",
+    scrim: "rgba(0, 0, 0, 0.60)"
+  },
+  /** Border ladder — translucent edges on dark surfaces */
+  borderToken: {
+    subtle: "rgba(200, 192, 240, 0.05)",
+    default: "rgba(200, 192, 240, 0.09)",
+    strong: "rgba(200, 192, 240, 0.18)"
+  },
+  /** Text ladder for dark surfaces */
+  text: {
+    primary: "#ffffff",
+    secondary: "rgba(255, 255, 255, 0.65)",
+    muted: "rgba(255, 255, 255, 0.45)",
+    dimmed: "rgba(255, 255, 255, 0.35)",
+    disabled: "rgba(255, 255, 255, 0.25)",
+    onAccent: "#051B10"
+  },
+  /** Scrollbar treatment for app-owned scroll regions */
+  scrollbar: {
+    thumb: "rgba(255, 255, 255, 0.16)",
+    thumbHover: "rgba(21, 233, 154, 0.55)",
+    /** While the thumb is dragged: the full brand green, brighter than hover. */
+    thumbActive: "#2BF5A8",
+    track: "transparent"
+  },
+  /** External bridge chains — third-party brand colors for network tags.
+   * Keyed by the lowercase chain id the bridge API uses. */
+  bridgeChain: {
+    ethereum: "#627EEA",
+    base: "#0052FF",
+    arbitrum: "#28A0F0",
+    optimism: "#FF0420",
+    polygon: "#8247E5",
+    solana: "#9945FF",
+    tron: "#FF4B4B",
+    bitcoin: "#F7931A",
+    lightning: "#F6C343",
+    spark: "#FFFFFF",
+    avalanche: "#E84142",
+    bsc: "#F0B90B",
+    litecoin: "#4A7BD4",
+    ton: "#0098EA",
+    monad: "#836EF9"
+  },
+  /** Network / Layer */
+  network: {
+    bitcoin: "#F7931A",
+    rgb: "#DD352E",
+    arkade: "#7C3AED",
+    // Spark is white on dark, black on light: the themed value is the
+    // `network-spark` app token (app-semantic.ts). This is the dark one.
+    spark: "#FFFFFF",
+    lightning: "#F6C343",
+    liquid: "#22e1c9",
+    taproot: "#D1D6D8"
+  },
+  networkChip: {
+    bitcoin: "#44341F",
+    rgb: "#44282B",
+    arkade: "#362B55",
+    spark: "#2B2A35",
+    lightning: "#3D421F",
+    liquid: "#0D2A2E",
+    taproot: "#1E2328"
+  },
+  networkText: {
+    bitcoin: "#F2B063",
+    rgb: "#E87872",
+    arkade: "#A98CF2",
+    spark: "#E8E7F0",
+    lightning: "#E4D56F",
+    liquid: "#5DE5D6",
+    taproot: "#C4CACD"
+  },
+  /** Light-theme network chips: a pale tint of each hue (`networkChip` is the dark one). */
+  networkChipLight: {
+    bitcoin: "#FBEFD9",
+    rgb: "#FBE3E1",
+    arkade: "#ECE4FF",
+    spark: "#E6E5EE",
+    lightning: "#FCF6D6",
+    liquid: "#D8F5F1",
+    taproot: "#E9ECEE"
+  },
+  /** Light-theme chip text: each hue darkened until it clears 4.5:1 on its chip. */
+  networkTextLight: {
+    bitcoin: "#92400E",
+    rgb: "#991B1B",
+    arkade: "#5B21B6",
+    spark: "#0D0C14",
+    lightning: "#854D0E",
+    liquid: "#115E59",
+    taproot: "#464A69"
+  },
+  /** Asset icon brand colors — used as solid backgrounds behind glyphs */
+  assetIcon: {
+    eth: "#627EEA",
+    usdt: "#26A17B",
+    usdc: "#2775CA"
+  },
+  /** Transaction direction */
+  tx: {
+    sent: "#F94040",
+    receive: "#2BEE79",
+    swap: "#4290FF"
+  }
+};
+
+export {
+  colors
+};

package/dist/web/chunk-AP7Q2FCS.js

@@ -0,0 +1,43 @@
+"use client";
+import {
+  NetworkBadge
+} from "./chunk-IV6AAVUE.js";
+import {
+  cn
+} from "./chunk-PMGIJMRO.js";
+
+// src/web/components/swap-badge.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function SwapBadge({ from, to, size = "md", className }) {
+  const arrowSize = size === "sm" ? "size-2.5" : "size-3";
+  return /* @__PURE__ */ jsxs(
+    "span",
+    {
+      className: cn("inline-flex items-center gap-1", className),
+      role: "img",
+      "aria-label": `${from} to ${to}`,
+      children: [
+        /* @__PURE__ */ jsx(NetworkBadge, { network: from, size: size === "sm" ? "sm" : "md" }),
+        /* @__PURE__ */ jsx(
+          "svg",
+          {
+            className: cn(arrowSize, "shrink-0 text-secondary-content"),
+            viewBox: "0 0 24 24",
+            fill: "none",
+            stroke: "currentColor",
+            strokeWidth: 3,
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+            "aria-hidden": "true",
+            children: /* @__PURE__ */ jsx("path", { d: "M5 12h14M13 6l6 6-6 6" })
+          }
+        ),
+        /* @__PURE__ */ jsx(NetworkBadge, { network: to, size: size === "sm" ? "sm" : "md" })
+      ]
+    }
+  );
+}
+
+export {
+  SwapBadge
+};

package/dist/web/chunk-ASHU5XNR.js

@@ -0,0 +1,21 @@
+"use client";
+import {
+  cn
+} from "./chunk-PMGIJMRO.js";
+
+// src/web/components/amount.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function Amount({ figure, asset, missingAsset = "asset not reported", stacked = false, className }) {
+  if (figure === null || figure === void 0 || figure === "" || figure === "\u2014") {
+    return /* @__PURE__ */ jsx("span", { "data-slot": "amount", className: cn("text-muted-foreground", className), children: "\u2014" });
+  }
+  return /* @__PURE__ */ jsxs("span", { "data-slot": "amount", className: cn(stacked ? "inline-flex flex-col items-start" : "inline", "tabular-nums", className), children: [
+    /* @__PURE__ */ jsx("span", { className: "whitespace-nowrap", children: figure }),
+    " ",
+    /* @__PURE__ */ jsx("span", { className: "whitespace-nowrap text-caption font-normal text-muted-foreground", children: asset ?? missingAsset })
+  ] });
+}
+
+export {
+  Amount
+};

package/dist/web/chunk-BGUBHWIO.js

@@ -0,0 +1,41 @@
+"use client";
+
+// src/web/hooks/use-copy-to-clipboard.ts
+import { useCallback, useRef, useState } from "react";
+function useCopyToClipboard() {
+  const [state, setState] = useState("idle");
+  const [error, setError] = useState(void 0);
+  const attempt = useRef(0);
+  const copy = useCallback(async (value, callbacks) => {
+    const id = ++attempt.current;
+    try {
+      if (typeof navigator === "undefined" || !navigator.clipboard?.writeText) {
+        throw new Error("The clipboard is not available in this context");
+      }
+      await navigator.clipboard.writeText(value);
+      if (id === attempt.current) {
+        setError(void 0);
+        setState("copied");
+      }
+      callbacks?.onSuccess?.();
+      return true;
+    } catch (cause) {
+      if (id === attempt.current) {
+        setError(cause);
+        setState("failed");
+      }
+      callbacks?.onError?.(cause);
+      return false;
+    }
+  }, []);
+  const reset = useCallback(() => {
+    attempt.current += 1;
+    setError(void 0);
+    setState("idle");
+  }, []);
+  return { state, copy, reset, error };
+}
+
+export {
+  useCopyToClipboard
+};