kaleido-ui 0.2.1 → 0.2.4

package/dist/native/index.js

@@ -1372,60 +1372,6 @@ function ModeToggle({ icon, size = 40, onToggle }) {
   );
 }
 
-// src/tokens/app-semantic.ts
-var appSemanticDark = {
-  // Near-black ramp with a violet cast (~245 deg, low saturation): the
-  // surfaces lean violet, the accents carry the colour — green first.
-  "surface-base": "14 13 22",
-  //  #0E0D16 — deepest bg, sidebar
-  "surface-raised": "20 19 30",
-  // #14131E — page body bg
-  "surface-overlay": "28 26 42",
-  // #1C1A2A — card bg
-  "surface-elevated": "40 38 56",
-  // #282638 — sections inside cards
-  "surface-high": "54 51 74",
-  //    #36334A — hover/active highlights
-  // An inset box inside a card (DisclosureCard), used at /40: on dark it is
-  // the muted fill; on light a cool grey, so the box still reads on white.
-  "surface-inset": "20 19 30",
-  //   #14131E
-  primary: "21 233 154",
-  //         #15E99A
-  "primary-emphasis": "18 201 126",
-  // #12C97E
-  "primary-foreground": "14 13 22",
-  secondary: "111 50 255",
-  //       #6F32FF — brand violet
-  "secondary-emphasis": "84 32 204",
-  // #5420CC
-  "secondary-foreground": "255 255 255",
-  "secondary-content": "164 138 255",
-  // #A48AFF — violet text/icons on dark
-  "content-primary": "237 236 246",
-  // #EDECF6 — cool white
-  "content-secondary": "152 149 180",
-  // #9895B4
-  "content-tertiary": "98 95 124",
-  // #625F7C
-  "content-inverse": "14 13 22",
-  "border-subtle": "38 36 54",
-  //   #262436
-  "border-default": "52 50 72",
-  //  #343248
-  "border-strong": "21 233 154",
-  "status-success": "34 197 94",
-  "status-danger": "248 113 113",
-  "status-warning": "245 158 11",
-  "status-info": "56 189 248",
-  divider: "86 83 110",
-  //          #56536E
-  // Spark's mark is white on dark, black on light.
-  "network-spark": "255 255 255"
-  // #FFFFFF
-};
-var appSemanticOrder = Object.keys(appSemanticDark);
-
 // src/tokens/typography.ts
 var fontFamily = {
   display: "'Satoshi', system-ui, -apple-system, sans-serif",
@@ -1555,84 +1501,12 @@ var shadowLight = {
   toast: `0 0 0 1px ${lightInk(0.06)}, 0 10px 28px -10px ${lightInk(0.2)}`
 };
 
-// src/tokens/brand.ts
-var brandMark = {
-  violet: "#6F32FF",
-  green: "#17B581",
-  mint: "#15E99A"
-};
-var themedForeground = {
-  light: {
-    // Brand green at full saturation (no red), as light as it goes and still
-    // clears 4.5:1 on every light surface (4.55:1 on #EFEFF4).
-    brand: "#007D49",
-    "accent-send-fg": "#6428F0",
-    "accent-recv-fg": "#007D49",
-    "success-fg": "#076A43",
-    // a shade under brand: it also sits on a 14% mint tint
-    // Tailwind -800 shades: -700 measured only 3.7 to 4.3:1 on the light ramp.
-    "warning-fg": "#92400E",
-    "danger-fg": "#991B1B",
-    "info-fg": "#1E40AF",
-    "network-bitcoin-fg": "#92400E",
-    "network-lightning-fg": "#854D0E",
-    "network-liquid-fg": "#115E59",
-    "network-arkade-fg": "#5B21B6",
-    "network-spark-fg": "#0D0C14",
-    // Spark is black on light
-    "network-rgb-fg": "#991B1B",
-    "network-taproot-fg": "#464A69"
-  },
-  dark: {
-    brand: colors.primary,
-    "accent-send-fg": "#AD94FB",
-    "accent-recv-fg": colors.primary,
-    "success-fg": colors.success,
-    "warning-fg": colors.warning,
-    // danger #E53535 and info #4290FF are 3.0:1 and 3.2:1 on the elevated
-    // surface. Same hues, lifted until they clear 4.5:1.
-    "danger-fg": "#FF9999",
-    "info-fg": "#8BBDFF",
-    "network-bitcoin-fg": colors.networkText.bitcoin,
-    "network-lightning-fg": colors.networkText.lightning,
-    "network-liquid-fg": colors.networkText.liquid,
-    // The rgb and arkade *-text tokens dip under 4.5:1 on the elevated
-    // surface (3.9 and 4.1), so their -fg twins are lifted a step.
-    "network-arkade-fg": "#B49CF5",
-    "network-spark-fg": colors.network.spark,
-    // and white on dark
-    "network-rgb-fg": "#F09490",
-    "network-taproot-fg": colors.networkText.taproot
-  }
-};
-var themedForegroundOrder = Object.keys(themedForeground.light);
-var halo = {
-  primary: colors.tx.receive,
-  secondary: brandMark.violet,
-  blur: "110px"
-};
-var brandTheme = {
-  /** AA-safe light primary: white on it is 6.3:1, it is 5.1:1 on the light ramp. */
-  lightPrimary: themedForeground.light.brand,
-  /** Lifted dark status colours (see `themedForeground.dark`). */
-  darkDanger: themedForeground.dark["danger-fg"],
-  darkInfo: themedForeground.dark["info-fg"]
-};
-
 // src/tokens/transitions.ts
 var transition = {
   fast: "150ms ease-out",
   default: "200ms ease-out",
   slow: "300ms ease-out"
 };
-
-// src/tokens/chart.ts
-var chartSeries = {
-  /** green, violet, azzurro, then yellow, magenta, orange */
-  dark: ["#17b581", "#8374da", "#179fd4", "#b3880f", "#db589e", "#de6907"],
-  light: ["#17b581", "#6851c3", "#0f9cd0", "#dea805", "#c34189", "#fe904d"]
-};
-var chartSeriesLimit = chartSeries.dark.length;
 export {
   ActionButton,
   AlertBanner,

package/dist/web/assets/kaleidoswap-brand.js

@@ -0,0 +1,11 @@
+"use client";
+import {
+  kaleidoswapLogoHorizontalArtwork,
+  kaleidoswapLogoVerticalArtwork,
+  kaleidoswapMarkArtwork
+} from "../chunk-FSQV54O4.js";
+export {
+  kaleidoswapLogoHorizontalArtwork,
+  kaleidoswapLogoVerticalArtwork,
+  kaleidoswapMarkArtwork
+};

package/dist/web/assets/protocol-icons.js

@@ -0,0 +1,7 @@
+"use client";
+import {
+  protocolIcons
+} from "../chunk-WEPSTI3Z.js";
+export {
+  protocolIcons
+};

package/dist/web/chunk-25RRZDZ2.js

@@ -0,0 +1,269 @@
+"use client";
+import {
+  protocolIcons
+} from "./chunk-WEPSTI3Z.js";
+
+// src/web/components/mobile-hero-animation.tsx
+import { useRef, useEffect, useState } from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var PROTOCOLS = [
+  { name: "Bitcoin", network: "Bitcoin", iconSuffix: "bitcoin/bitcoin-logo.svg" },
+  { name: "Lightning", network: "LN", iconSuffix: "lightning/lightning.svg" },
+  { name: "RGB", network: "RGB20", iconSuffix: "rgb/rgb-logo.svg" },
+  { name: "Spark", network: "Spark", iconSuffix: "spark/Asterisk/Spark Asterisk White.svg" },
+  { name: "Arkade", network: "Arkade", iconSuffix: "arkade/arkade-icon.svg" },
+  { name: "Liquid", network: "Liquid", iconSuffix: "liquid/logo-liquid.svg" },
+  { name: "Taproot Assets", network: "Taproot", iconSuffix: "taproot-assets/tapass-logo.svg" }
+];
+var C = 140;
+var ORBIT_R = 118;
+var BADGE_SIZE = 40;
+var BADGE_HALF = BADGE_SIZE / 2;
+var N = PROTOCOLS.length;
+var PROTOCOL_COLORS = {
+  Bitcoin: "#F7931A",
+  LN: "#fbbf24",
+  RGB20: "#EF4444",
+  Spark: "#FFFFFF",
+  Arkade: "#8B5CF6",
+  Liquid: "#22e1c9",
+  Taproot: "#D1D6D8"
+};
+var hexPath = (r) => {
+  const pts = Array.from({ length: 6 }, (_, i) => {
+    const a = Math.PI / 3 * i - Math.PI / 6;
+    return `${r * Math.cos(a)},${r * Math.sin(a)}`;
+  });
+  return `M${pts.join("L")}Z`;
+};
+var KEYFRAMES = `
+@keyframes mha-orbit-spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }
+@keyframes mha-counter-spin { from { transform: rotate(0deg); } to { transform: rotate(-360deg); } }
+`;
+var MobileHeroAnimation = ({
+  size = 280,
+  className,
+  iconBasePath
+}) => {
+  const containerRef = useRef(null);
+  const [reducedMotion, setReducedMotion] = useState(false);
+  const [isVisible, setIsVisible] = useState(true);
+  useEffect(() => {
+    const mq = window.matchMedia("(prefers-reduced-motion: reduce)");
+    setReducedMotion(mq.matches);
+    const handler = (e) => setReducedMotion(e.matches);
+    mq.addEventListener("change", handler);
+    return () => mq.removeEventListener("change", handler);
+  }, []);
+  useEffect(() => {
+    const el = containerRef.current;
+    if (!el) return;
+    const observer = new IntersectionObserver(([entry]) => setIsVisible(entry.isIntersecting), { threshold: 0.1 });
+    observer.observe(el);
+    return () => observer.disconnect();
+  }, []);
+  const anim = !reducedMotion && isVisible;
+  const scale = size / 280;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ref: containerRef,
+      className,
+      style: { position: "relative", width: size, height: size },
+      children: [
+        /* @__PURE__ */ jsx("style", { children: KEYFRAMES }),
+        /* @__PURE__ */ jsxs("div", { style: {
+          position: "absolute",
+          top: 0,
+          left: 0,
+          width: 280,
+          height: 280,
+          transformOrigin: "top left",
+          transform: scale !== 1 ? `scale(${scale})` : void 0
+        }, children: [
+          /* @__PURE__ */ jsxs(
+            "svg",
+            {
+              viewBox: "0 0 280 280",
+              width: "280",
+              height: "280",
+              style: { position: "absolute", inset: 0 },
+              xmlns: "http://www.w3.org/2000/svg",
+              children: [
+                /* @__PURE__ */ jsxs("defs", { children: [
+                  /* @__PURE__ */ jsxs("radialGradient", { id: "mh-center-glow", cx: "50%", cy: "50%", r: "50%", children: [
+                    /* @__PURE__ */ jsx("stop", { offset: "0%", stopColor: "#0e9dff", stopOpacity: "0.3" }),
+                    /* @__PURE__ */ jsx("stop", { offset: "40%", stopColor: "#8a5cf6", stopOpacity: "0.15" }),
+                    /* @__PURE__ */ jsx("stop", { offset: "100%", stopColor: "transparent", stopOpacity: "0" })
+                  ] }),
+                  /* @__PURE__ */ jsxs("linearGradient", { id: "mh-gp", x1: "0%", y1: "0%", x2: "100%", y2: "100%", children: [
+                    /* @__PURE__ */ jsx("stop", { offset: "0%", stopColor: "#22c55e" }),
+                    /* @__PURE__ */ jsx("stop", { offset: "100%", stopColor: "#8a5cf6" })
+                  ] }),
+                  /* @__PURE__ */ jsxs("linearGradient", { id: "mh-bp", x1: "0%", y1: "0%", x2: "100%", y2: "100%", children: [
+                    /* @__PURE__ */ jsx("stop", { offset: "0%", stopColor: "#0e9dff" }),
+                    /* @__PURE__ */ jsx("stop", { offset: "100%", stopColor: "#8a5cf6" })
+                  ] }),
+                  /* @__PURE__ */ jsxs("filter", { id: "mh-glow", x: "-50%", y: "-50%", width: "200%", height: "200%", children: [
+                    /* @__PURE__ */ jsx("feGaussianBlur", { stdDeviation: "2.5", result: "blur" }),
+                    /* @__PURE__ */ jsxs("feMerge", { children: [
+                      /* @__PURE__ */ jsx("feMergeNode", { in: "blur" }),
+                      /* @__PURE__ */ jsx("feMergeNode", { in: "SourceGraphic" })
+                    ] })
+                  ] })
+                ] }),
+                /* @__PURE__ */ jsx("circle", { cx: C, cy: C, r: ORBIT_R, fill: "none", stroke: "#0e9dff", strokeWidth: "1", strokeOpacity: "0.25", opacity: "0.4", children: anim && /* @__PURE__ */ jsxs(Fragment, { children: [
+                  /* @__PURE__ */ jsx("animate", { attributeName: "r", values: `${ORBIT_R};${Math.round(ORBIT_R * 1.12)};${ORBIT_R}`, dur: "2.5s", repeatCount: "indefinite" }),
+                  /* @__PURE__ */ jsx("animate", { attributeName: "opacity", values: "0.4;0;0.4", dur: "2.5s", repeatCount: "indefinite" })
+                ] }) }),
+                /* @__PURE__ */ jsx("circle", { cx: C, cy: C, r: 80, fill: "none", stroke: "rgba(255,255,255,0.1)", strokeWidth: "1", strokeDasharray: "4 4" }),
+                /* @__PURE__ */ jsx(
+                  "g",
+                  {
+                    style: {
+                      animation: anim ? "mha-orbit-spin 20s linear infinite" : void 0,
+                      transformOrigin: "50% 50%",
+                      transformBox: "view-box"
+                    },
+                    children: PROTOCOLS.map((protocol, i) => {
+                      const angle = i / N * 2 * Math.PI;
+                      const dx = Math.cos(angle);
+                      const dy = Math.sin(angle);
+                      const x1 = C + dx * 28;
+                      const y1 = C + dy * 28;
+                      const x2 = C + dx * (ORBIT_R - BADGE_HALF);
+                      const y2 = C + dy * (ORBIT_R - BADGE_HALF);
+                      const color = PROTOCOL_COLORS[protocol.network] ?? "#ffffff";
+                      const dur = `${2 + i * 0.3}s`;
+                      return /* @__PURE__ */ jsxs("g", { children: [
+                        /* @__PURE__ */ jsx(
+                          "line",
+                          {
+                            x1,
+                            y1,
+                            x2,
+                            y2,
+                            stroke: color,
+                            strokeWidth: "0.8",
+                            strokeDasharray: "2 4",
+                            opacity: "0.25",
+                            children: anim && /* @__PURE__ */ jsx("animate", { attributeName: "stroke-dashoffset", from: "0", to: "-12", dur: `${1.5 + i * 0.2}s`, repeatCount: "indefinite" })
+                          }
+                        ),
+                        /* @__PURE__ */ jsx("circle", { r: "2", fill: color, opacity: "0", children: anim && /* @__PURE__ */ jsxs(Fragment, { children: [
+                          /* @__PURE__ */ jsx("animate", { attributeName: "cx", values: `${x1};${x2}`, dur, repeatCount: "indefinite" }),
+                          /* @__PURE__ */ jsx("animate", { attributeName: "cy", values: `${y1};${y2}`, dur, repeatCount: "indefinite" }),
+                          /* @__PURE__ */ jsx("animate", { attributeName: "opacity", values: "0;0.85;0", dur, repeatCount: "indefinite" }),
+                          /* @__PURE__ */ jsx("animate", { attributeName: "r", values: "1.5;2.5;1.5", dur, repeatCount: "indefinite" })
+                        ] }) })
+                      ] }, `line-${i}`);
+                    })
+                  }
+                ),
+                /* @__PURE__ */ jsx("circle", { cx: C, cy: C, r: "42", fill: "url(#mh-center-glow)", children: anim && /* @__PURE__ */ jsx("animate", { attributeName: "r", values: "38;46;38", dur: "4s", repeatCount: "indefinite" }) }),
+                /* @__PURE__ */ jsx("circle", { cx: C, cy: C, r: "29", fill: "none", stroke: "url(#mh-bp)", strokeWidth: "1", opacity: "0", children: anim && /* @__PURE__ */ jsxs(Fragment, { children: [
+                  /* @__PURE__ */ jsx("animate", { attributeName: "r", values: "27;38", dur: "3s", repeatCount: "indefinite" }),
+                  /* @__PURE__ */ jsx("animate", { attributeName: "opacity", values: "0.4;0", dur: "3s", repeatCount: "indefinite" })
+                ] }) }),
+                /* @__PURE__ */ jsx("circle", { cx: C, cy: C, r: "27", fill: "none", stroke: "url(#mh-gp)", strokeWidth: "0.8", opacity: "0", children: anim && /* @__PURE__ */ jsxs(Fragment, { children: [
+                  /* @__PURE__ */ jsx("animate", { attributeName: "r", values: "27;36", dur: "3s", repeatCount: "indefinite", begin: "1.5s" }),
+                  /* @__PURE__ */ jsx("animate", { attributeName: "opacity", values: "0.3;0", dur: "3s", repeatCount: "indefinite", begin: "1.5s" })
+                ] }) }),
+                /* @__PURE__ */ jsx("g", { transform: `translate(${C},${C})`, children: /* @__PURE__ */ jsxs("g", { children: [
+                  anim && /* @__PURE__ */ jsx(
+                    "animateTransform",
+                    {
+                      attributeName: "transform",
+                      type: "rotate",
+                      from: "0",
+                      to: "360",
+                      dur: "40s",
+                      repeatCount: "indefinite",
+                      additive: "sum"
+                    }
+                  ),
+                  /* @__PURE__ */ jsx("path", { d: hexPath(34), fill: "none", stroke: "url(#mh-gp)", strokeWidth: "1.5", opacity: "0.4", filter: "url(#mh-glow)", children: anim && /* @__PURE__ */ jsxs(Fragment, { children: [
+                    /* @__PURE__ */ jsx("animate", { attributeName: "opacity", values: "0.3;0.65;0.3", dur: "3s", repeatCount: "indefinite" }),
+                    /* @__PURE__ */ jsx("animate", { attributeName: "stroke-width", values: "1.5;2.5;1.5", dur: "3s", repeatCount: "indefinite" })
+                  ] }) })
+                ] }) }),
+                /* @__PURE__ */ jsx("g", { transform: `translate(${C},${C})`, children: /* @__PURE__ */ jsxs("g", { children: [
+                  anim && /* @__PURE__ */ jsx(
+                    "animateTransform",
+                    {
+                      attributeName: "transform",
+                      type: "rotate",
+                      from: "0",
+                      to: "-360",
+                      dur: "40s",
+                      repeatCount: "indefinite",
+                      additive: "sum"
+                    }
+                  ),
+                  /* @__PURE__ */ jsx("path", { d: hexPath(32), fill: "rgba(10,15,30,0.75)", stroke: "rgba(255,255,255,0.08)", strokeWidth: "0.5" })
+                ] }) }),
+                /* @__PURE__ */ jsxs("g", { transform: `translate(${C - 18.8},${C - 18.8}) scale(0.0912)`, children: [
+                  /* @__PURE__ */ jsx("path", { d: "M137.306 411.865H0.000244141L68.6795 343.29L137.306 411.865Z", fill: "#6F32FF" }),
+                  /* @__PURE__ */ jsx("path", { d: "M0 0H137.306L68.6267 68.574L0 0Z", fill: "#6F32FF" }),
+                  /* @__PURE__ */ jsx("path", { d: "M137.148 274.559H274.455L411.708 411.866H274.401L137.148 274.559Z", fill: "#17B581" }),
+                  /* @__PURE__ */ jsx("path", { d: "M137.149 274.559L68.6274 205.933L137.201 137.306L274.455 137.411L205.776 206.038L274.456 274.559H137.149Z", fill: "#15E99A" }),
+                  /* @__PURE__ */ jsx("path", { d: "M274.479 0.104797H411.786L274.533 137.411H137.226L274.479 0.104797Z", fill: "#17B581" })
+                ] })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsx("div", { style: {
+            position: "absolute",
+            inset: 0,
+            width: 280,
+            height: 280,
+            animation: anim ? "mha-orbit-spin 20s linear infinite" : "none"
+          }, children: PROTOCOLS.map((protocol, i) => {
+            const angle = i / N * 2 * Math.PI;
+            const x = C + Math.cos(angle) * ORBIT_R - BADGE_HALF;
+            const y = C + Math.sin(angle) * ORBIT_R - BADGE_HALF;
+            const color = PROTOCOL_COLORS[protocol.network] ?? "#ffffff";
+            return /* @__PURE__ */ jsx(
+              "div",
+              {
+                style: {
+                  position: "absolute",
+                  left: x,
+                  top: y,
+                  width: BADGE_SIZE,
+                  height: BADGE_SIZE,
+                  animation: anim ? "mha-counter-spin 20s linear infinite" : "none"
+                },
+                children: /* @__PURE__ */ jsx("div", { style: {
+                  width: "100%",
+                  height: "100%",
+                  borderRadius: "50%",
+                  overflow: "hidden",
+                  background: "rgba(255,255,255,0.05)",
+                  backdropFilter: "blur(4px)",
+                  border: `1px solid ${color}55`,
+                  display: "flex",
+                  alignItems: "center",
+                  justifyContent: "center"
+                }, children: /* @__PURE__ */ jsx(
+                  "img",
+                  {
+                    src: iconBasePath ? `${iconBasePath}/${protocol.iconSuffix}` : protocolIcons[protocol.network] ?? protocol.iconSuffix,
+                    alt: protocol.name,
+                    className: protocol.network === "Spark" ? "kui-mono-icon" : void 0,
+                    style: { width: 20, height: 20, objectFit: "contain" }
+                  }
+                ) })
+              },
+              i
+            );
+          }) })
+        ] })
+      ]
+    }
+  );
+};
+
+export {
+  MobileHeroAnimation
+};

package/dist/web/chunk-27CY5EHL.js

@@ -0,0 +1,230 @@
+"use client";
+import {
+  Label
+} from "./chunk-H3GYLFHP.js";
+import {
+  AlertBanner
+} from "./chunk-ZTVV4KBT.js";
+import {
+  Button
+} from "./chunk-OWSKP527.js";
+import {
+  eyebrow
+} from "./chunk-MTQOAMDW.js";
+import {
+  IconGlyph
+} from "./chunk-YQQ7GDLZ.js";
+import {
+  AddCircle,
+  ProgressActivity,
+  QrCode_2
+} from "./chunk-XXH4TYKZ.js";
+import {
+  cn
+} from "./chunk-PMGIJMRO.js";
+
+// src/web/components/deposit-pre-generation.tsx
+import { useId } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var ACCOUNT_TITLES = {
+  RGB: "RGB & Lightning",
+  SPARK: "Spark",
+  ARKADE: "Arkade",
+  LIQUID: "Liquid"
+};
+var METHOD_META = {
+  bitcoin_l1: { label: "Bitcoin address", summary: "Standard on-chain BTC transfer." },
+  lightning: { label: "Lightning invoice", summary: "Fast payment over Lightning." },
+  spark: { label: "Spark transfer", summary: "Funds land directly in the Spark account." },
+  arkade: { label: "Arkade transfer", summary: "Funds land directly in the Arkade account." },
+  boarding: { label: "Boarding", summary: "Send on-chain BTC into Arkade." },
+  submarine_swap: {
+    label: "LN via swap",
+    summary: "Uses Arkade as the source account and bridges to Lightning."
+  }
+};
+function DepositPreGeneration({
+  selectedAsset,
+  isBtc,
+  network,
+  net,
+  selectedAccount,
+  currentMethod,
+  channelsLoading,
+  showChannelWarning,
+  showLiquidityWarning,
+  isAutoGenerate,
+  loading,
+  usePrivacy,
+  setUsePrivacy,
+  amount,
+  handleAmountChange,
+  getUnitLabel,
+  generateInvoice,
+  needsColorableUtxos = false,
+  onOpenCreateUtxos,
+  showReceiveSummary = true,
+  isNewRgbAsset = false,
+  newAssetId = "",
+  setNewAssetId,
+  colorableUtxoCount
+}) {
+  const assetIdInputId = useId();
+  const amountId = useId();
+  const method = METHOD_META[currentMethod];
+  const isRgbOnchain = network === "onchain" && !isBtc;
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
+    showReceiveSummary && /* @__PURE__ */ jsxs("div", { className: "rounded-2xl bg-card/55 backdrop-blur-xl backdrop-saturate-150 bg-gradient-card p-3 shadow-card", children: [
+      /* @__PURE__ */ jsx("p", { className: cn("text-muted-foreground", eyebrow), children: "Receive Summary" }),
+      /* @__PURE__ */ jsxs("div", { className: "mt-2 grid grid-cols-1 gap-2 text-caption", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-3", children: [
+          /* @__PURE__ */ jsx("span", { className: "text-foreground/55", children: "Asset" }),
+          /* @__PURE__ */ jsx("span", { className: "font-bold text-foreground", children: selectedAsset?.ticker ?? (isBtc ? "BTC" : "Asset") })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-3", children: [
+          /* @__PURE__ */ jsx("span", { className: "text-foreground/55", children: "Destination account" }),
+          /* @__PURE__ */ jsx("span", { className: "font-bold text-foreground", children: ACCOUNT_TITLES[selectedAccount] })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-3", children: [
+          /* @__PURE__ */ jsx("span", { className: "text-foreground/55", children: "Transfer method" }),
+          /* @__PURE__ */ jsx("span", { className: "font-bold text-foreground", children: method.label })
+        ] }),
+        /* @__PURE__ */ jsx("p", { className: "text-tiny text-foreground/55", children: method.summary })
+      ] })
+    ] }),
+    channelsLoading && selectedAccount === "RGB" && currentMethod === "lightning" && !isBtc && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2.5 rounded-xl bg-card/55 backdrop-blur-xl backdrop-saturate-150 bg-gradient-card p-3 shadow-card", children: [
+      /* @__PURE__ */ jsx(IconGlyph, { glyph: ProgressActivity, className: "animate-spin text-icon-lg text-secondary-content" }),
+      /* @__PURE__ */ jsx("span", { className: "text-caption font-medium text-foreground/60", children: "Checking channel availability..." })
+    ] }),
+    showChannelWarning && /* @__PURE__ */ jsxs(AlertBanner, { variant: "warning", children: [
+      /* @__PURE__ */ jsx("p", { className: "mb-0.5 text-caption font-bold text-warning-fg", children: "No Lightning Channels" }),
+      /* @__PURE__ */ jsx("p", { className: "text-tiny text-warning-fg/70", children: "Only on-chain deposits are available." })
+    ] }),
+    showLiquidityWarning && /* @__PURE__ */ jsxs(AlertBanner, { variant: "warning", children: [
+      /* @__PURE__ */ jsx("p", { className: "mb-0.5 text-caption font-bold text-warning-fg", children: "No Inbound Liquidity" }),
+      /* @__PURE__ */ jsxs("p", { className: "text-tiny text-warning-fg/70", children: [
+        "No channels with inbound capacity for ",
+        selectedAsset?.ticker ?? "this asset",
+        "."
+      ] })
+    ] }),
+    isAutoGenerate && loading && /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-4 py-10", children: [
+      /* @__PURE__ */ jsx("div", { className: cn("flex size-16 items-center justify-center rounded-2xl shadow-raised", net.bg), children: /* @__PURE__ */ jsx(IconGlyph, { glyph: ProgressActivity, className: cn("animate-spin text-icon-4xl", net.text) }) }),
+      /* @__PURE__ */ jsxs("div", { className: "space-y-1 text-center", children: [
+        /* @__PURE__ */ jsxs("p", { className: "text-caption font-bold text-muted-foreground", children: [
+          "Generating ",
+          network === "lightning" ? "invoice" : "address",
+          "..."
+        ] }),
+        /* @__PURE__ */ jsxs("p", { className: "text-caption text-foreground/55", children: [
+          net.label,
+          " network"
+        ] })
+      ] })
+    ] }),
+    isRgbOnchain && isNewRgbAsset && setNewAssetId && /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
+      /* @__PURE__ */ jsx(Label, { htmlFor: assetIdInputId, children: "RGB Asset ID - Optional" }),
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          id: assetIdInputId,
+          type: "text",
+          value: newAssetId,
+          onChange: (event) => setNewAssetId(event.target.value),
+          placeholder: "rgb:... (leave empty for any asset)",
+          spellCheck: false,
+          autoCapitalize: "off",
+          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 text-foreground shadow-inner transition-all placeholder:text-muted-foreground focus:ring-primary/50 focus:shadow-glow-primary-soft focus:outline-none"
+        }
+      ),
+      /* @__PURE__ */ jsx("p", { className: "text-xxs text-foreground/55", children: "Enter a specific asset ID to receive it, or leave empty to accept any RGB asset to this invoice." })
+    ] }),
+    isRgbOnchain && /* @__PURE__ */ jsxs("div", { className: "space-y-2.5 rounded-xl bg-card/55 backdrop-blur-xl backdrop-saturate-150 bg-gradient-card p-3 shadow-card", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-3", children: [
+        /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+          /* @__PURE__ */ jsx("h4", { className: "text-caption font-bold text-foreground", children: usePrivacy ? "Blinded receive" : "Witness receive" }),
+          /* @__PURE__ */ jsx("p", { className: "mt-0.5 text-xxs text-muted-foreground", children: usePrivacy ? "Private - recommended" : "Simpler - less private" })
+        ] }),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            "aria-label": "Toggle blinded (private) receive",
+            className: cn(
+              "relative inline-flex h-5 w-9 flex-shrink-0 items-center rounded-full shadow-inner transition-colors",
+              usePrivacy ? "bg-primary bg-gradient-primary shadow-glow-primary-soft" : "bg-foreground/10"
+            ),
+            onClick: () => setUsePrivacy(!usePrivacy),
+            children: /* @__PURE__ */ jsx(
+              "span",
+              {
+                className: cn(
+                  "inline-block h-3.5 w-3.5 rounded-full shadow-md transition-all",
+                  usePrivacy ? "translate-x-5 bg-black" : "translate-x-0.5 bg-foreground/80"
+                )
+              }
+            )
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsx("p", { className: "text-tiny leading-relaxed text-foreground/55", children: usePrivacy ? "Blinded: the sender never sees which UTXO you receive into. Spends one of your colorable UTXOs as the receiving slot." : "Witness: the sender creates the receiving UTXO for you. No colorable UTXO needed, but the sender sees the receiving output." }),
+      usePrivacy && colorableUtxoCount !== void 0 && /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: cn(
+            "flex items-center justify-between rounded-lg px-2.5 py-1.5 text-xxs",
+            colorableUtxoCount > 0 ? "bg-success/10 text-success-fg/80" : "bg-warning/10 text-warning-fg/80"
+          ),
+          children: [
+            /* @__PURE__ */ jsx("span", { className: "font-medium", children: "Available colorable UTXOs" }),
+            /* @__PURE__ */ jsx("span", { className: "font-bold tabular-nums", children: colorableUtxoCount })
+          ]
+        }
+      ),
+      usePrivacy && colorableUtxoCount === 0 && /* @__PURE__ */ jsx("p", { className: "text-tiny text-warning-fg/70", children: "None available \u2014 create a colorable UTXO below to receive privately, or switch off privacy to use a witness receive." })
+    ] }),
+    network === "onchain" && !isBtc && /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+        /* @__PURE__ */ jsxs(Label, { htmlFor: amountId, children: [
+          "Amount (",
+          getUnitLabel(),
+          ") - Optional"
+        ] }),
+        selectedAsset && /* @__PURE__ */ jsxs("span", { className: "text-xxs text-foreground/55", children: [
+          selectedAsset.precision ?? 0,
+          " decimals"
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          id: amountId,
+          type: "text",
+          value: amount,
+          onChange: handleAmountChange,
+          placeholder: `e.g. 10.00 ${selectedAsset?.ticker ?? ""}`,
+          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:ring-primary/50 focus:shadow-glow-primary-soft focus:outline-none",
+          inputMode: "decimal"
+        }
+      )
+    ] }),
+    needsColorableUtxos && /* @__PURE__ */ jsxs(AlertBanner, { variant: "warning", children: [
+      /* @__PURE__ */ jsx("p", { className: "mb-0.5 text-caption font-bold text-warning-fg", children: "Colorable UTXOs Required" }),
+      /* @__PURE__ */ jsx("p", { className: "text-tiny text-warning-fg/70", children: "To receive RGB assets on-chain you need at least one uncolored UTXO. Create some now and the invoice will be generated automatically." })
+    ] }),
+    !isAutoGenerate && ((needsColorableUtxos || isRgbOnchain && usePrivacy && colorableUtxoCount === 0) && onOpenCreateUtxos ? /* @__PURE__ */ jsx(Button, { variant: "cta", size: "cta", onClick: onOpenCreateUtxos, disabled: loading, children: /* @__PURE__ */ jsxs("span", { className: "flex items-center justify-center gap-2", children: [
+      /* @__PURE__ */ jsx(IconGlyph, { glyph: AddCircle, className: "text-icon-md" }),
+      "Create Colorable UTXOs"
+    ] }) }) : /* @__PURE__ */ jsx(Button, { variant: "cta", size: "cta", onClick: generateInvoice, disabled: loading, children: loading ? /* @__PURE__ */ jsxs("span", { className: "flex items-center justify-center gap-2", children: [
+      /* @__PURE__ */ jsx(IconGlyph, { glyph: ProgressActivity, className: "animate-spin text-icon-md" }),
+      "Generating..."
+    ] }) : /* @__PURE__ */ jsxs("span", { className: "flex items-center justify-center gap-2", children: [
+      /* @__PURE__ */ jsx(IconGlyph, { glyph: QrCode_2, className: "text-icon-md" }),
+      "Generate Address"
+    ] }) }))
+  ] });
+}
+
+export {
+  DepositPreGeneration
+};