kaleido-ui 0.1.81 → 0.1.82

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/dist/web/index.cjs +95 -112
  2. package/dist/web/index.d.cts +4 -0
  3. package/dist/web/index.d.ts +4 -0
  4. package/dist/web/index.js +95 -112
  5. package/package.json +1 -1
package/dist/web/index.cjs CHANGED
@@ -699,7 +699,7 @@ var SelectTrigger = React4.forwardRef(({ className, children, compact = false, .
699
699
  "w-auto gap-1 rounded-2xl bg-white/[0.09] px-2 py-1.5 text-xs leading-none backdrop-blur-md",
700
700
  "hover:bg-white/[0.13] data-[state=open]:bg-white/[0.13]"
701
701
  ] : [
702
- "w-full gap-3 rounded-xl border bg-white/[0.04] px-4 py-3 text-left text-sm",
702
+ "w-full gap-3 rounded-xl border border-transparent bg-white/[0.04] px-4 py-3 text-left text-sm",
703
703
  "hover:border-primary/30 hover:bg-white/[0.06] data-[state=open]:border-primary/30"
704
704
  ],
705
705
  "focus:ring-1 focus:ring-primary/50",
@@ -728,7 +728,7 @@ var SelectContent = React4.forwardRef(({ className, children, position = "popper
728
728
  {
729
729
  ref,
730
730
  className: cn(
731
- "relative min-w-[8rem] overflow-hidden rounded-2xl border border-primary/20 bg-popover/95 p-2 shadow-xl backdrop-blur",
731
+ "relative min-w-[8rem] overflow-hidden rounded-2xl bg-popover/95 p-2 shadow-xl backdrop-blur",
732
732
  "z-[var(--z-popover)]",
733
733
  position === "popper" && "w-[var(--radix-select-trigger-width)]",
734
734
  className
@@ -1732,7 +1732,7 @@ function AssetIcon({ ticker, logoUri, cdnBaseUrl, size = 40, className }) {
1732
1732
  "div",
1733
1733
  {
1734
1734
  className: cn(
1735
- "rounded-full flex items-center justify-center font-bold text-foreground shadow-inner border",
1735
+ "rounded-full flex items-center justify-center font-bold text-foreground shadow-inner",
1736
1736
  bgColor,
1737
1737
  className
1738
1738
  ),
@@ -2443,7 +2443,7 @@ function AccountStatusTabs({
2443
2443
  "div",
2444
2444
  {
2445
2445
  className: cn(
2446
- "pointer-events-none absolute bottom-[calc(100%+12px)] right-0 z-20 hidden w-64 rounded-2xl border bg-popover/95 p-3.5 opacity-0 shadow-2xl backdrop-blur-xl transition-all duration-150 group-hover:opacity-100 md:block"
2446
+ "pointer-events-none absolute bottom-[calc(100%+12px)] right-0 z-20 hidden w-64 rounded-2xl bg-popover/95 p-3.5 opacity-0 shadow-2xl backdrop-blur-xl transition-all duration-150 group-hover:opacity-100 md:block"
2447
2447
  ),
2448
2448
  children: [
2449
2449
  /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "flex items-start gap-3", children: [
@@ -2462,7 +2462,7 @@ function AccountStatusTabs({
2462
2462
  /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "mt-3 flex flex-wrap gap-1.5", children: account.capabilityBullets.map((capability) => /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
2463
2463
  "span",
2464
2464
  {
2465
- className: "rounded-full border bg-white/[0.05] px-2 py-1 text-xxs font-medium text-white/60",
2465
+ className: "rounded-full bg-white/8 px-2 py-1 text-xxs font-medium text-white/60",
2466
2466
  children: capability
2467
2467
  },
2468
2468
  capability
@@ -2476,19 +2476,9 @@ function AccountStatusTabs({
2476
2476
  {
2477
2477
  open: selectedAccountId !== null,
2478
2478
  onOpenChange: (open) => !open && setSelectedAccountId(null),
2479
- children: selectedAccount && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(DialogContent, { className: "max-w-md border bg-popover p-0 text-white", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "p-6", children: [
2479
+ children: selectedAccount && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(DialogContent, { className: "max-w-md bg-popover p-0 text-white", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "p-6", children: [
2480
2480
  /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(DialogHeader, { className: "text-left", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "flex items-start gap-3", children: [
2481
- /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
2482
- "div",
2483
- {
2484
- className: cn(
2485
- "rounded-2xl border p-3",
2486
- selectedAccount.accentBg,
2487
- selectedAccount.accentBorder
2488
- ),
2489
- children: selectedAccount.icon
2490
- }
2491
- ),
2481
+ /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: cn("rounded-2xl p-3", selectedAccount.accentBg), children: selectedAccount.icon }),
2492
2482
  /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "min-w-0", children: [
2493
2483
  /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "flex items-center gap-2", children: [
2494
2484
  /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { className: "text-xxs font-black uppercase tracking-[0.18em] text-muted-foreground", children: selectedAccount.label }),
@@ -2503,7 +2493,7 @@ function AccountStatusTabs({
2503
2493
  "div",
2504
2494
  {
2505
2495
  className: cn(
2506
- "rounded-2xl border px-4 py-3",
2496
+ "rounded-2xl px-4 py-3",
2507
2497
  selectedAccount.networkBannerClassName
2508
2498
  ),
2509
2499
  children: [
@@ -2512,7 +2502,7 @@ function AccountStatusTabs({
2512
2502
  ]
2513
2503
  }
2514
2504
  ),
2515
- /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "rounded-2xl border bg-white/[0.04] px-4 py-3", children: [
2505
+ /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "rounded-2xl bg-muted/40 px-4 py-3", children: [
2516
2506
  /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "text-icon-xxs font-black uppercase tracking-[0.18em] text-white/45", children: "Status" }),
2517
2507
  /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "mt-1 text-sm font-semibold text-white/90", children: selectedAccount.state })
2518
2508
  ] })
@@ -2523,7 +2513,7 @@ function AccountStatusTabs({
2523
2513
  /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "mt-3 flex flex-wrap gap-2", children: selectedAccount.capabilityBullets.map((capability) => /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
2524
2514
  "span",
2525
2515
  {
2526
- className: "inline-flex items-center gap-1.5 rounded-full border bg-white/[0.05] px-2.5 py-1 text-xxs font-medium text-white/70",
2516
+ className: "inline-flex items-center gap-1.5 rounded-full bg-white/8 px-2.5 py-1 text-xxs font-medium text-white/70",
2527
2517
  children: [
2528
2518
  /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { className: "size-1.5 rounded-full bg-primary/70" }),
2529
2519
  capability
@@ -2616,7 +2606,7 @@ function InlineSelector({
2616
2606
  {
2617
2607
  ref: panelRef,
2618
2608
  className: cn(
2619
- "absolute left-0 top-full z-[var(--z-popover)] mt-2 w-full rounded-2xl border border-white/[0.08] bg-popover/95 p-1.5 shadow-2xl backdrop-blur-xl duration-200 animate-in fade-in slide-in-from-top-1",
2609
+ "absolute left-0 top-full z-[var(--z-popover)] mt-2 w-full rounded-2xl bg-popover/95 p-1.5 shadow-2xl backdrop-blur-xl duration-200 animate-in fade-in slide-in-from-top-1",
2620
2610
  panelClassName
2621
2611
  ),
2622
2612
  children: [
@@ -2768,7 +2758,7 @@ function OptionSelector({
2768
2758
  options,
2769
2759
  onChange,
2770
2760
  className: cn(compact ? "w-auto shrink-0" : "w-full", className),
2771
- panelClassName: "right-0 left-auto min-w-[11rem] rounded-xl border-0 bg-card",
2761
+ panelClassName: "right-0 left-auto min-w-[11rem] rounded-xl bg-card",
2772
2762
  optionClassName: "px-3.5 py-2.5 hover:bg-white/6 data-[selected]:bg-transparent data-[selected]:shadow-none",
2773
2763
  onOpenPanelHeightChange,
2774
2764
  renderTrigger: ({ open }) => /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
@@ -3293,7 +3283,7 @@ function AssetSkeleton({ index }) {
3293
3283
  }
3294
3284
  function EmptyState({ state }) {
3295
3285
  return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "py-8 text-center", children: [
3296
- state.icon && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "mx-auto mb-3 flex size-12 items-center justify-center rounded-card border bg-card", children: state.icon }),
3286
+ state.icon && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "mx-auto mb-3 flex size-12 items-center justify-center rounded-card bg-card", children: state.icon }),
3297
3287
  state.title && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("p", { className: "mb-1 text-sm font-medium text-muted-foreground", children: state.title }),
3298
3288
  state.description && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("p", { className: "text-xs text-muted-foreground/70", children: state.description })
3299
3289
  ] });
@@ -3408,11 +3398,11 @@ function BalanceBreakdown({
3408
3398
  ] }) : /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(import_jsx_runtime36.Fragment, { children: [
3409
3399
  /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "flex min-w-0 max-w-full flex-wrap items-baseline gap-x-1.5 gap-y-1", children: [
3410
3400
  /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { className: "text-display font-black leading-[1.1] tracking-tighter text-white drop-shadow-sm transition-all duration-300 group-active:scale-95 group-active:text-primary", children: balanceVisible ? numberOnly(format(totalBTC)) : "\u2022\u2022\u2022\u2022\u2022\u2022" }),
3411
- unit !== "fiat" && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { className: "inline-block rounded-md border border-white/10 bg-white/5 px-2 py-0.5 text-tiny font-bold uppercase tracking-widest text-white/45", children: label }),
3401
+ unit !== "fiat" && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { className: "inline-block rounded-md bg-white/8 px-2 py-0.5 text-tiny font-bold uppercase tracking-widest text-white/45", children: label }),
3412
3402
  isPartial && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
3413
3403
  "span",
3414
3404
  {
3415
- className: "inline-flex size-4 items-center justify-center rounded-full border bg-white/[0.06]",
3405
+ className: "inline-flex size-4 items-center justify-center rounded-full bg-white/[0.06]",
3416
3406
  title: "Loading remaining balances",
3417
3407
  children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { className: "size-2 animate-spin rounded-full border border-primary/30 border-t-primary" })
3418
3408
  }
@@ -3464,7 +3454,7 @@ function BalanceBreakdown({
3464
3454
  expanded && /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
3465
3455
  "div",
3466
3456
  {
3467
- className: `space-y-1 border-t border-white/[0.08] duration-300 animate-in fade-in slide-in-from-top-2 ${compact ? "mt-3 pt-3" : "mt-4 pt-4"}`,
3457
+ className: `space-y-1 duration-300 animate-in fade-in slide-in-from-top-2 ${compact ? "mt-3 pt-3" : "mt-4 pt-4"}`,
3468
3458
  children: [
3469
3459
  /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("p", { className: "mb-3 text-xxs font-bold uppercase tracking-widest text-white/30", children: "Bitcoin" }),
3470
3460
  /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
@@ -3549,7 +3539,7 @@ function BalanceBreakdown({
3549
3539
  }
3550
3540
  ),
3551
3541
  rgbAssets.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(RgbAssetsBreakdown, { assets: rgbAssets, balanceVisible }),
3552
- tokenValueSats !== void 0 && tokenValueSats > 0 && /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "mt-3 border-t border-white/[0.08] pt-4", children: [
3542
+ tokenValueSats !== void 0 && tokenValueSats > 0 && /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "mt-4 pt-1", children: [
3553
3543
  /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("p", { className: "mb-3 text-xxs font-bold uppercase tracking-widest text-white/30", children: "Token Holdings" }),
3554
3544
  /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "flex items-center justify-between rounded-xl bg-white/[0.03] px-3 py-2", children: [
3555
3545
  /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "flex items-center gap-3", children: [
@@ -3566,7 +3556,7 @@ function BalanceBreakdown({
3566
3556
  ] })
3567
3557
  ] })
3568
3558
  ] }),
3569
- accounts.RGB?.connected && nodeInfo?.pubkey && /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "mt-3 border-t border-white/[0.08] pt-4", children: [
3559
+ accounts.RGB?.connected && nodeInfo?.pubkey && /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "mt-4 pt-1", children: [
3570
3560
  /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("p", { className: "mb-3 text-xxs font-bold uppercase tracking-widest text-white/30", children: "RLN Details" }),
3571
3561
  /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "grid grid-cols-3 gap-2", children: [
3572
3562
  /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
@@ -3586,7 +3576,7 @@ function BalanceBreakdown({
3586
3576
  /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
3587
3577
  "div",
3588
3578
  {
3589
- className: `relative z-10 flex gap-2.5 border-t border-white/[0.08] ${compact ? "mt-2 pt-2" : "mt-3 pt-3"}`,
3579
+ className: `relative z-10 flex gap-2.5 ${compact ? "mt-2 pt-2" : "mt-3 pt-3"}`,
3590
3580
  children: [
3591
3581
  /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
3592
3582
  ActionTile,
@@ -3626,7 +3616,7 @@ function RgbAssetsBreakdown({
3626
3616
  assets,
3627
3617
  balanceVisible
3628
3618
  }) {
3629
- return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "mt-3 border-t border-white/[0.08] pt-4", children: [
3619
+ return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "mt-4 pt-1", children: [
3630
3620
  /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("p", { className: "mb-3 text-xxs font-bold uppercase tracking-widest text-white/30", children: "RGB Assets" }),
3631
3621
  /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "space-y-2", children: assets.map((asset) => {
3632
3622
  const bal = asset.balance ?? {};
@@ -3637,7 +3627,7 @@ function RgbAssetsBreakdown({
3637
3627
  const formatRgb = (value) => (value / Math.pow(10, precision)).toFixed(precision);
3638
3628
  return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "flex items-start justify-between py-1", children: [
3639
3629
  /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "flex items-center gap-2.5", children: [
3640
- /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "flex size-5 items-center justify-center overflow-hidden rounded border border-network-rgb/20 bg-network-rgb/10", children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("img", { src: "/icons/rgb/rgb-logo.svg", alt: "RGB", className: "size-3.5 object-contain" }) }),
3630
+ /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "flex size-5 items-center justify-center overflow-hidden rounded bg-network-rgb/10", children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("img", { src: "/icons/rgb/rgb-logo.svg", alt: "RGB", className: "size-3.5 object-contain" }) }),
3641
3631
  /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "flex flex-col", children: [
3642
3632
  /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { className: "text-xs font-semibold text-white/90", children: asset.ticker }),
3643
3633
  /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { className: "max-w-[90px] truncate text-xxs text-white/40", children: asset.name })
@@ -3669,7 +3659,7 @@ function RgbAssetsBreakdown({
3669
3659
  ] });
3670
3660
  }
3671
3661
  function StatusChip({ label, value }) {
3672
- return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "rounded-xl border border-white/[0.08] bg-white/5 px-3 py-2", children: [
3662
+ return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "rounded-xl bg-muted/40 px-3 py-2", children: [
3673
3663
  /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "text-xxs font-bold uppercase tracking-widest text-white/30", children: label }),
3674
3664
  /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "mt-1 truncate text-xs font-semibold text-white/80", children: value })
3675
3665
  ] });
@@ -3709,7 +3699,7 @@ function NetworkRow({
3709
3699
  ] }),
3710
3700
  /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "flex flex-col items-end", children: isPending ? /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "flex items-center gap-1.5", children: [
3711
3701
  /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "h-3.5 w-12 animate-pulse rounded bg-white/10" }),
3712
- /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { className: "inline-flex size-3 items-center justify-center rounded-full border bg-white/[0.06]", children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { className: "size-1.5 animate-spin rounded-full border border-primary/30 border-t-primary" }) })
3702
+ /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { className: "inline-flex size-3 items-center justify-center rounded-full bg-white/[0.06]", children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { className: "size-1.5 animate-spin rounded-full border border-primary/30 border-t-primary" }) })
3713
3703
  ] }) : /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(import_jsx_runtime36.Fragment, { children: [
3714
3704
  /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { className: "tabular-nums text-xs font-bold text-white", children: visible ? format(amount) : "\u2022\u2022\u2022\u2022\u2022\u2022" }),
3715
3705
  fiat && visible && !isEmpty && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { className: "mt-0.5 font-mono text-xxs text-white/35", children: fiat })
@@ -3849,7 +3839,7 @@ function AssetSelector({
3849
3839
  children: /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(
3850
3840
  "div",
3851
3841
  {
3852
- className: "flex max-h-[85vh] w-full max-w-[26rem] flex-col overflow-hidden rounded-t-3xl bg-popover/95 shadow-popover backdrop-blur-2xl duration-300 animate-in slide-in-from-bottom-8 sm:max-h-[80vh] sm:rounded-3xl sm:border sm:slide-in-from-bottom-0 sm:zoom-in-95",
3842
+ className: "flex max-h-[85vh] w-full max-w-[26rem] flex-col overflow-hidden rounded-t-3xl bg-popover/95 shadow-popover backdrop-blur-2xl duration-300 animate-in slide-in-from-bottom-8 sm:max-h-[80vh] sm:rounded-3xl sm:slide-in-from-bottom-0 sm:zoom-in-95",
3853
3843
  onClick: (event) => event.stopPropagation(),
3854
3844
  children: [
3855
3845
  /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "flex-shrink-0 bg-white/[0.03] px-4 py-3.5", children: /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "flex items-center justify-between gap-3", children: [
@@ -3948,7 +3938,7 @@ function AssetSelector({
3948
3938
  },
3949
3939
  className: cn(
3950
3940
  "group flex w-full items-center gap-3 rounded-2xl border px-3 py-3 text-sm transition-all duration-200",
3951
- optionSelected ? "border-primary/30 bg-primary/[0.12]" : optionDisabled ? "cursor-not-allowed border-white/[0.04] bg-white/[0.015] opacity-45" : "border-transparent bg-transparent hover:border-border hover:bg-accent"
3941
+ optionSelected ? "border-primary/30 bg-primary/[0.12]" : optionDisabled ? "cursor-not-allowed border-transparent bg-white/[0.015] opacity-45" : "border-transparent bg-transparent hover:bg-accent"
3952
3942
  ),
3953
3943
  children: renderAssetOption(option, optionSelected, optionDisabled)
3954
3944
  },
@@ -3976,7 +3966,7 @@ function AssetSelector({
3976
3966
  },
3977
3967
  disabled,
3978
3968
  className: "space-y-1.5",
3979
- panelClassName: "border-border bg-popover/95 p-0 shadow-popover",
3969
+ panelClassName: "bg-popover/95 p-0 shadow-popover",
3980
3970
  optionClassName: "mx-1.5 px-3 py-3",
3981
3971
  onOpenPanelHeightChange,
3982
3972
  renderTrigger: ({ open: open2 }) => /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("span", { className: "block", children: [
@@ -4532,7 +4522,7 @@ function ActivityFilterBar({
4532
4522
  onValueChange: (value) => onStatusFilterChange(value),
4533
4523
  children: [
4534
4524
  /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(SelectTrigger, { className: "h-full rounded-2xl border-0 bg-surface-card px-3 py-0 text-xs font-bold text-white shadow-inner backdrop-blur-xl hover:bg-surface-elevated focus:ring-0 data-[state=open]:bg-surface-elevated", children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(SelectValue, {}) }),
4535
- /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(SelectContent, { className: "border-0 bg-popover/95 p-1.5 shadow-popover", children: statusOptions.map((option) => /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(SelectItem, { value: option.value, className: "py-2 text-xs", children: option.label }, option.value)) })
4525
+ /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(SelectContent, { className: "bg-popover/95 p-1.5 shadow-popover", children: statusOptions.map((option) => /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(SelectItem, { value: option.value, className: "py-2 text-xs", children: option.label }, option.value)) })
4536
4526
  ]
4537
4527
  }
4538
4528
  ) }),
@@ -4836,7 +4826,7 @@ function WithdrawAmountInput({
4836
4826
  )
4837
4827
  ] }),
4838
4828
  /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: cn(
4839
- "flex items-center justify-between border-t border-white/[0.05] px-4 py-2"
4829
+ "flex items-center justify-between bg-muted/40 px-4 py-2"
4840
4830
  ), children: [
4841
4831
  /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { className: "text-xxs text-white/40", children: "Available" }),
4842
4832
  /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("span", { className: cn(
@@ -4890,7 +4880,7 @@ function WithdrawAmountInput({
4890
4880
  setFeeRateMode?.(mode);
4891
4881
  if (mode !== "custom") setFeeRate(mode);
4892
4882
  },
4893
- className: `group relative overflow-hidden rounded-xl border px-2 py-3 shadow-sm transition-all active:scale-[0.98] ${selected ? "border-primary/40 bg-primary/10" : "border-border bg-card/40 hover:border-primary/40"}`,
4883
+ className: `group relative overflow-hidden rounded-xl border px-2 py-3 shadow-sm transition-all active:scale-[0.98] ${selected ? "border-primary/40 bg-primary/10" : "border-transparent bg-card/70 hover:border-primary/40"}`,
4894
4884
  children: [
4895
4885
  /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
4896
4886
  "span",
@@ -5012,7 +5002,7 @@ function WithdrawInvoiceInfo({
5012
5002
  maxLightningCapacity
5013
5003
  }) {
5014
5004
  if (decodedLnInvoice && addressType === "lightning") {
5015
- return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "space-y-3 rounded-2xl border bg-card p-5 shadow-inner", children: [
5005
+ return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "space-y-3 rounded-2xl bg-card p-5 shadow-inner", children: [
5016
5006
  /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("p", { className: "text-xs font-medium uppercase tracking-wide text-primary", children: "Lightning Invoice" }),
5017
5007
  decodedLnInvoice.amount != null && decodedLnInvoice.amount > 0 && /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "flex justify-between text-sm", children: [
5018
5008
  /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { className: "text-muted-foreground", children: "Amount" }),
@@ -5044,7 +5034,7 @@ function WithdrawInvoiceInfo({
5044
5034
  ] });
5045
5035
  }
5046
5036
  if (decodedRgbInvoice && addressType === "rgb") {
5047
- return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "space-y-3 rounded-2xl border bg-card p-5 shadow-inner", children: [
5037
+ return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "space-y-3 rounded-2xl bg-card p-5 shadow-inner", children: [
5048
5038
  /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("p", { className: "text-xs font-medium uppercase tracking-wide text-primary", children: "RGB Invoice" }),
5049
5039
  decodedRgbInvoice.asset_id && /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "flex justify-between text-sm", children: [
5050
5040
  /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { className: "text-muted-foreground", children: "Asset" }),
@@ -5072,7 +5062,7 @@ function WithdrawInvoiceInfo({
5072
5062
  ] });
5073
5063
  }
5074
5064
  if (addressType === "bitcoin" || addressType === "arkade") {
5075
- return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "rounded-2xl border bg-card p-5 shadow-inner", children: /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "flex justify-between text-sm", children: [
5065
+ return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "rounded-2xl bg-card p-5 shadow-inner", children: /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "flex justify-between text-sm", children: [
5076
5066
  /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { className: "text-muted-foreground", children: addressType === "arkade" ? "Available Arkade Balance" : "Available Balance" }),
5077
5067
  /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("span", { className: "font-bold text-white", children: [
5078
5068
  formatRawAmount(assetBalance, getAssetPrecisionForId(allAssets, selectedAssetId)),
@@ -5198,31 +5188,31 @@ function WithdrawConfirmation({
5198
5188
  /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("h1", { className: "mb-2 text-4xl font-bold", children: displayAmount.toLocaleString() }),
5199
5189
  /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("p", { className: "text-base text-muted-foreground", children: selectedAssetId === "BTC" ? "sats" : selectedAsset?.ticker ?? "units" })
5200
5190
  ] }),
5201
- /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: "overflow-hidden rounded-2xl border bg-card/90 shadow-inner backdrop-blur-2xl", children: [
5202
- /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: "flex items-center justify-between border-b border-border p-5", children: [
5191
+ /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: "overflow-hidden rounded-2xl bg-card/90 py-1 shadow-inner backdrop-blur-2xl", children: [
5192
+ /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: "flex items-center justify-between px-5 py-4", children: [
5203
5193
  /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("span", { className: "text-sm text-muted-foreground", children: "To" }),
5204
5194
  /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("span", { className: "max-w-[200px] truncate font-mono text-sm text-white", title: destination, children: destination.length > 24 ? `${destination.substring(0, 12)}...${destination.slice(-12)}` : destination })
5205
5195
  ] }),
5206
- /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: "flex items-center justify-between border-b border-border p-5", children: [
5196
+ /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: "flex items-center justify-between px-5 py-4", children: [
5207
5197
  /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("span", { className: "text-sm text-muted-foreground", children: "Network" }),
5208
5198
  /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: "flex items-center gap-1.5", children: [
5209
5199
  /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { className: "size-1.5 rounded-full bg-primary" }),
5210
5200
  /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("span", { className: "text-sm font-bold text-white", children: networkLabel })
5211
5201
  ] })
5212
5202
  ] }),
5213
- routeAccount && /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: "flex items-center justify-between border-b border-border p-5", children: [
5203
+ routeAccount && /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: "flex items-center justify-between px-5 py-4", children: [
5214
5204
  /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("span", { className: "text-sm text-muted-foreground", children: "From Account" }),
5215
5205
  /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("span", { className: "text-sm font-bold text-white", children: routeAccount })
5216
5206
  ] }),
5217
- routeMethod && /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: "flex items-center justify-between border-b border-border p-5", children: [
5207
+ routeMethod && /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: "flex items-center justify-between px-5 py-4", children: [
5218
5208
  /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("span", { className: "text-sm text-muted-foreground", children: "Route Method" }),
5219
5209
  /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("span", { className: "text-sm font-bold text-white", children: routeMethod })
5220
5210
  ] }),
5221
- /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: "flex items-center justify-between border-b border-border p-5", children: [
5211
+ /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: "flex items-center justify-between px-5 py-4", children: [
5222
5212
  /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("span", { className: "text-sm text-muted-foreground", children: "Asset" }),
5223
5213
  /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("span", { className: "text-sm font-bold text-white", children: selectedAsset?.ticker ?? selectedAssetId })
5224
5214
  ] }),
5225
- estimatedFee > 0 && /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: "flex items-center justify-between p-5", children: [
5215
+ estimatedFee > 0 && /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: "flex items-center justify-between px-5 py-4", children: [
5226
5216
  /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("span", { className: "text-sm text-muted-foreground", children: "Network Fee" }),
5227
5217
  /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: "flex flex-col items-end", children: [
5228
5218
  /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("span", { className: "text-sm text-white", children: [
@@ -5233,7 +5223,7 @@ function WithdrawConfirmation({
5233
5223
  /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("span", { className: "mt-0.5 text-xxs font-bold capitalize tracking-wider text-primary", children: feeRate })
5234
5224
  ] })
5235
5225
  ] }),
5236
- addressType === "rgb" && decodedRgbInvoice?.recipient_type === "Witness" && /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: "flex items-center justify-between border-t border-border p-4", children: [
5226
+ addressType === "rgb" && decodedRgbInvoice?.recipient_type === "Witness" && /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: "flex items-center justify-between px-5 py-4", children: [
5237
5227
  /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("span", { className: "text-sm text-muted-foreground", children: "Witness Amount" }),
5238
5228
  /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("span", { className: "text-sm text-white", children: [
5239
5229
  witnessAmountSat,
@@ -5241,7 +5231,7 @@ function WithdrawConfirmation({
5241
5231
  ] })
5242
5232
  ] })
5243
5233
  ] }),
5244
- selectedAssetId === "BTC" && estimatedFee > 0 && /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: "flex items-center justify-between rounded-2xl border border-primary/20 bg-primary/10 p-5 px-2 shadow-inner", children: [
5234
+ selectedAssetId === "BTC" && estimatedFee > 0 && /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: "flex items-center justify-between rounded-2xl bg-primary/10 p-5 px-2 shadow-inner", children: [
5245
5235
  /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("span", { className: "text-sm font-bold uppercase tracking-wider text-primary", children: "Total to deduct" }),
5246
5236
  /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("span", { className: "text-xl font-bold text-white", children: [
5247
5237
  (Math.round(parseFloat(amount) || 0) + estimatedFee).toLocaleString(),
@@ -5249,7 +5239,7 @@ function WithdrawConfirmation({
5249
5239
  /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("span", { className: "text-lg text-primary/70", children: "sats" })
5250
5240
  ] })
5251
5241
  ] }),
5252
- isPollingStatus && /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: "flex items-center gap-3 rounded-xl border border-primary/20 bg-primary/5 p-4", children: [
5242
+ isPollingStatus && /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: "flex items-center gap-3 rounded-xl bg-primary/10 p-4", children: [
5253
5243
  /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("span", { className: "material-symbols-outlined animate-spin text-primary", children: "progress_activity" }),
5254
5244
  /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { children: [
5255
5245
  /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("p", { className: "text-sm font-medium text-white", children: "Processing payment..." }),
@@ -5297,7 +5287,7 @@ function WithdrawSuccess({
5297
5287
  /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("h1", { className: "mb-2 text-3xl font-bold", children: "Payment Sent!" }),
5298
5288
  /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("p", { className: "max-w-xs text-center text-muted-foreground", children: "Your transaction has been successfully processed." }),
5299
5289
  /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: "mt-12 w-full max-w-xs space-y-4", children: [
5300
- /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: "flex items-center justify-between rounded-2xl border bg-card p-5 shadow-inner", children: [
5290
+ /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: "flex items-center justify-between rounded-2xl bg-card p-5 shadow-inner", children: [
5301
5291
  /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("span", { className: "text-sm text-muted-foreground", children: "Amount" }),
5302
5292
  /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("span", { className: "text-xl font-bold", children: [
5303
5293
  displayAmount.toLocaleString(),
@@ -5305,11 +5295,11 @@ function WithdrawSuccess({
5305
5295
  selectedAssetId === "BTC" ? /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("span", { className: "text-sm text-primary/70", children: "sats" }) : selectedAsset?.ticker ?? "units"
5306
5296
  ] })
5307
5297
  ] }),
5308
- (txResult?.paymentHash || txResult?.payment_hash) && /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: "rounded-2xl border bg-card p-5 shadow-inner", children: [
5298
+ (txResult?.paymentHash || txResult?.payment_hash) && /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: "rounded-2xl bg-card p-5 shadow-inner", children: [
5309
5299
  /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("p", { className: "mb-2 text-xs font-bold uppercase tracking-wider text-muted-foreground", children: "Payment Hash" }),
5310
5300
  /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("p", { className: "break-all font-mono text-xs leading-relaxed text-muted-foreground", children: txResult.paymentHash ?? txResult.payment_hash })
5311
5301
  ] }),
5312
- txResult?.txid && /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: "rounded-2xl border bg-card p-5 shadow-inner", children: [
5302
+ txResult?.txid && /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: "rounded-2xl bg-card p-5 shadow-inner", children: [
5313
5303
  /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("p", { className: "mb-2 text-xs font-bold uppercase tracking-wider text-muted-foreground", children: "Transaction ID" }),
5314
5304
  /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("p", { className: "break-all font-mono text-xs leading-relaxed text-muted-foreground", children: txResult.txid })
5315
5305
  ] })
@@ -5323,7 +5313,7 @@ function WithdrawSuccess({
5323
5313
  handleReset();
5324
5314
  onDone();
5325
5315
  },
5326
- className: "w-full rounded-2xl border bg-card py-4 text-lg font-bold text-white transition-all hover:bg-accent active:scale-[0.98]",
5316
+ className: "w-full rounded-2xl bg-card py-4 text-lg font-bold text-white transition-all hover:bg-accent active:scale-[0.98]",
5327
5317
  children: "Back to Dashboard"
5328
5318
  }
5329
5319
  ) })
@@ -5571,32 +5561,32 @@ function AlertBanner({ variant = "info", icon, children, className }) {
5571
5561
  var import_jsx_runtime58 = require("react/jsx-runtime");
5572
5562
  var toneClass = {
5573
5563
  default: {
5574
- panel: "border-white/8 bg-white/[0.03]",
5564
+ panel: "bg-card/70",
5575
5565
  icon: "text-muted-foreground",
5576
5566
  title: "text-foreground"
5577
5567
  },
5578
5568
  primary: {
5579
- panel: "border-primary/30 bg-primary/5",
5569
+ panel: "bg-primary/10",
5580
5570
  icon: "text-primary",
5581
5571
  title: "text-primary"
5582
5572
  },
5583
5573
  info: {
5584
- panel: "border-info/20 bg-info/10",
5574
+ panel: "bg-info/10",
5585
5575
  icon: "text-info",
5586
5576
  title: "text-info"
5587
5577
  },
5588
5578
  warning: {
5589
- panel: "border-warning/20 bg-warning/5",
5579
+ panel: "bg-warning/10",
5590
5580
  icon: "text-warning",
5591
5581
  title: "text-warning"
5592
5582
  },
5593
5583
  danger: {
5594
- panel: "border-danger/20 bg-danger/10",
5584
+ panel: "bg-danger/10",
5595
5585
  icon: "text-danger",
5596
5586
  title: "text-danger"
5597
5587
  },
5598
5588
  success: {
5599
- panel: "border-success/20 bg-success/10",
5589
+ panel: "bg-success/10",
5600
5590
  icon: "text-success",
5601
5591
  title: "text-success"
5602
5592
  }
@@ -5610,7 +5600,7 @@ function InfoPanel({
5610
5600
  }) {
5611
5601
  const styles = toneClass[tone];
5612
5602
  const renderedIcon = typeof icon === "string" ? /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Icon, { name: icon, className: cn("mt-0.5 shrink-0 text-icon-xl", styles.icon) }) : icon;
5613
- return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: cn("rounded-xl border p-4", styles.panel, className), children: /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "flex items-start gap-3", children: [
5603
+ return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: cn("rounded-xl p-4", styles.panel, className), children: /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "flex items-start gap-3", children: [
5614
5604
  renderedIcon,
5615
5605
  /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "min-w-0 flex-1", children: [
5616
5606
  title && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("p", { className: cn("text-sm font-bold", styles.title), children: title }),
@@ -5699,7 +5689,7 @@ function RecoveryPhraseCard({
5699
5689
  /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("span", { className: "font-mono text-sm text-white", children: word })
5700
5690
  ] }, `${index}-${word}`))
5701
5691
  }
5702
- ) : /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "rounded-xl border border-warning/30 bg-warning/10 px-4 py-3 text-sm text-warning", children: emptyMessage }),
5692
+ ) : /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "rounded-xl bg-warning/10 px-4 py-3 text-sm text-warning", children: emptyMessage }),
5703
5693
  hasWords && !revealed && onRevealChange && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(
5704
5694
  Button,
5705
5695
  {
@@ -5791,7 +5781,7 @@ function BottomSheet({
5791
5781
  "div",
5792
5782
  {
5793
5783
  className: cn(
5794
- "max-h-[90vh] w-full overflow-y-auto rounded-t-2xl border-t border-border bg-card px-4 pb-6 pt-5 shadow-xl animate-in slide-in-from-bottom-4 duration-200",
5784
+ "max-h-[90vh] w-full overflow-y-auto rounded-t-2xl bg-card px-4 pb-6 pt-5 shadow-xl animate-in slide-in-from-bottom-4 duration-200",
5795
5785
  contentClassName
5796
5786
  ),
5797
5787
  children: [
@@ -5843,7 +5833,7 @@ function DisclosureCard({
5843
5833
  type: "button",
5844
5834
  onClick: () => onOpenChange(!open),
5845
5835
  className: cn(
5846
- "flex w-full items-center justify-between rounded-xl border border-border bg-white/3 px-3 py-2 text-left transition-colors hover:bg-white/6",
5836
+ "flex w-full items-center justify-between rounded-xl bg-muted/40 px-3 py-2 text-left transition-colors hover:bg-muted/60",
5847
5837
  triggerClassName
5848
5838
  ),
5849
5839
  children: [
@@ -5865,7 +5855,7 @@ function DisclosureCard({
5865
5855
  "div",
5866
5856
  {
5867
5857
  className: cn(
5868
- "mt-3 rounded-xl border border-border bg-white/3 px-3 py-3",
5858
+ "mt-3 rounded-xl bg-muted/40 px-3 py-3",
5869
5859
  contentClassName
5870
5860
  ),
5871
5861
  children
@@ -5947,13 +5937,13 @@ function StepperNumberInput({
5947
5937
  // src/web/components/metric-card.tsx
5948
5938
  var import_jsx_runtime65 = require("react/jsx-runtime");
5949
5939
  var toneClasses2 = {
5950
- primary: "border-primary/20 bg-primary/10 text-primary",
5951
- purple: "border-network-arkade/20 bg-network-arkade/10 text-network-arkade",
5952
- blue: "border-info/20 bg-info/10 text-info",
5953
- info: "border-info/20 bg-info/10 text-info",
5954
- warning: "border-warning/20 bg-warning/10 text-warning",
5955
- success: "border-success/20 bg-success/10 text-success",
5956
- muted: "border-white/8 bg-white/5 text-muted-foreground"
5940
+ primary: "bg-primary/10 text-primary",
5941
+ purple: "bg-network-arkade/10 text-network-arkade",
5942
+ blue: "bg-info/10 text-info",
5943
+ info: "bg-info/10 text-info",
5944
+ warning: "bg-warning/10 text-warning",
5945
+ success: "bg-success/10 text-success",
5946
+ muted: "bg-white/8 text-muted-foreground"
5957
5947
  };
5958
5948
  function MetricCard({
5959
5949
  label,
@@ -5963,7 +5953,7 @@ function MetricCard({
5963
5953
  tone = "muted",
5964
5954
  className
5965
5955
  }) {
5966
- return /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: cn("space-y-1 rounded-xl border border-white/8 bg-white/3 p-2.5", className), children: [
5956
+ return /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: cn("space-y-1 rounded-xl bg-card/70 p-2.5", className), children: [
5967
5957
  /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: "flex items-center gap-1.5", children: [
5968
5958
  icon && /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("span", { className: cn("flex size-5 items-center justify-center rounded-md", toneClasses2[tone]), children: typeof icon === "string" ? /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(Icon, { name: icon, className: "text-icon-xs" }) : icon }),
5969
5959
  /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("span", { className: "text-xxs font-bold uppercase tracking-widest text-white/45", children: label })
@@ -6133,7 +6123,7 @@ function SecretRevealCard({
6133
6123
  {
6134
6124
  type: "button",
6135
6125
  onClick: () => onRevealChange(true),
6136
- className: "flex items-center gap-2 rounded-xl border border-white/20 bg-card px-4 py-2 text-sm font-bold text-foreground shadow-lg transition-all hover:bg-accent",
6126
+ className: "flex items-center gap-2 rounded-xl bg-card px-4 py-2 text-sm font-bold text-foreground shadow-lg transition-all hover:bg-accent",
6137
6127
  children: [
6138
6128
  /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(Icon, { name: "visibility", className: "text-icon-lg" }),
6139
6129
  revealLabel
@@ -6251,7 +6241,7 @@ function SelectableCard({
6251
6241
  ] });
6252
6242
  const cardClassName = cn(
6253
6243
  "w-full rounded-2xl border p-4 text-left transition-all duration-200",
6254
- selected ? "border-primary/40 bg-primary/10 shadow-sm" : "border-border bg-card hover:bg-accent",
6244
+ selected ? "border-primary/40 bg-primary/10 shadow-sm" : "border-transparent bg-card/70 hover:bg-card",
6255
6245
  className
6256
6246
  );
6257
6247
  if (onClick) {
@@ -7403,8 +7393,8 @@ function InvoiceStatusBanner({
7403
7393
  "div",
7404
7394
  {
7405
7395
  className: cn(
7406
- "flex items-center justify-center gap-2 rounded-xl border px-3 py-1.5 text-xs font-bold",
7407
- isInvoicePaid ? "border-primary/30 bg-primary/10 text-primary" : isInvoiceFailedOrExpired ? "border-danger/20 bg-danger/10 text-danger" : "border-warning/20 bg-warning/10 text-warning"
7396
+ "flex items-center justify-center gap-2 rounded-xl px-3 py-1.5 text-xs font-bold",
7397
+ isInvoicePaid ? "bg-primary/10 text-primary" : isInvoiceFailedOrExpired ? "bg-danger/10 text-danger" : "bg-warning/10 text-warning"
7408
7398
  ),
7409
7399
  children: [
7410
7400
  isInvoicePending && /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(import_jsx_runtime74.Fragment, { children: [
@@ -7512,7 +7502,7 @@ function NetworkInfoDisclosure({
7512
7502
  }) {
7513
7503
  const [open, setOpen] = (0, import_react15.useState)(false);
7514
7504
  if (networks.length === 0) return null;
7515
- return /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { className: cn("overflow-hidden rounded-xl border border-white/8 bg-white/3 transition-all", className), children: [
7505
+ return /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { className: cn("overflow-hidden rounded-xl bg-card/70 transition-all", className), children: [
7516
7506
  /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(
7517
7507
  "button",
7518
7508
  {
@@ -7588,11 +7578,11 @@ function DepositSuccessScreen({
7588
7578
  return /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("div", { className: "flex h-screen flex-col overflow-hidden bg-background font-display text-foreground", children: /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)("div", { className: "flex flex-1 flex-col items-center justify-center p-6 text-center", children: [
7589
7579
  /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)("div", { className: "relative mb-8", children: [
7590
7580
  /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("div", { className: "absolute inset-0 scale-150 animate-pulse rounded-full bg-primary/20 blur-2xl" }),
7591
- /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("div", { className: "relative flex size-20 items-center justify-center rounded-full border-2 border-primary/40 bg-primary/10 shadow-sm", children: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("span", { className: "material-symbols-outlined text-5xl text-primary animate-in zoom-in-50 duration-500", children: "check_circle" }) })
7581
+ /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("div", { className: "relative flex size-20 items-center justify-center rounded-full bg-primary/15 shadow-sm", children: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("span", { className: "material-symbols-outlined text-5xl text-primary animate-in zoom-in-50 duration-500", children: "check_circle" }) })
7592
7582
  ] }),
7593
7583
  /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("h1", { className: "mb-2 text-2xl font-bold text-white", children: title }),
7594
7584
  /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("p", { className: "mb-8 max-w-[260px] text-sm leading-relaxed text-muted-foreground", children: subtitle }),
7595
- /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)("div", { className: "mb-10 flex items-center gap-3 rounded-2xl border bg-white/5 px-4 py-3", children: [
7585
+ /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)("div", { className: "mb-10 flex items-center gap-3 rounded-2xl bg-card/70 px-4 py-3", children: [
7596
7586
  /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(AssetIcon, { ticker: displayTicker, size: 36 }),
7597
7587
  /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)("div", { className: "text-left", children: [
7598
7588
  /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("p", { className: "text-sm font-bold text-white", children: displayTicker }),
@@ -7664,7 +7654,7 @@ function DepositNetworkDefaultModal({
7664
7654
  }) {
7665
7655
  if (!open) return null;
7666
7656
  const options = availableAccounts.map((id) => NETWORK_OPTIONS[id]).filter(Boolean);
7667
- return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { className: "fixed inset-0 z-50 flex items-end justify-center bg-background/80 backdrop-blur-lg", children: /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: "w-full space-y-4 rounded-t-2xl border-t border-border bg-card px-4 pb-7 pt-5 animate-in slide-in-from-bottom-4 duration-200", children: [
7657
+ return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { className: "fixed inset-0 z-50 flex items-end justify-center bg-background/80 backdrop-blur-lg", children: /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: "w-full space-y-4 rounded-t-2xl bg-card px-4 pb-7 pt-5 animate-in slide-in-from-bottom-4 duration-200", children: [
7668
7658
  /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { className: "-mt-1 mb-1 flex justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { className: "h-1 w-10 rounded-full bg-white/15" }) }),
7669
7659
  /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { children: [
7670
7660
  /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("p", { className: "text-sm font-bold text-white", children: "Choose your default network" }),
@@ -7683,8 +7673,8 @@ function DepositNetworkDefaultModal({
7683
7673
  type: "button",
7684
7674
  onClick: () => onSelect(option.network),
7685
7675
  className: cn(
7686
- "flex w-full items-center gap-3 rounded-xl border p-3 text-left transition-all",
7687
- isSuggested ? cn("border-2", option.accentBorder, option.accentBg) : "border border-white/8 bg-white/4 hover:bg-white/8"
7676
+ "flex w-full items-center gap-3 rounded-xl p-3 text-left transition-all",
7677
+ isSuggested ? option.accentBg : "bg-muted/40 hover:bg-muted/60"
7688
7678
  ),
7689
7679
  children: [
7690
7680
  /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
@@ -7936,7 +7926,7 @@ function DepositGeneratedView({
7936
7926
  onRegenerate
7937
7927
  }) {
7938
7928
  return /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("div", { className: "space-y-3 animate-in fade-in zoom-in-95 duration-300", children: [
7939
- (network === "lightning" || network === "arkade" && arkSubMode === "ark") && isBtc && /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("div", { className: "flex flex-col gap-1.5 rounded-xl border border-white/8 bg-white/3 p-2.5", children: [
7929
+ (network === "lightning" || network === "arkade" && arkSubMode === "ark") && isBtc && /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("div", { className: "flex flex-col gap-1.5 rounded-xl bg-card/70 p-2.5", children: [
7940
7930
  /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: "flex items-center justify-between px-1", children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("label", { className: "text-xxs font-bold uppercase tracking-widest text-white/40", children: "Specify amount (optional)" }) }),
7941
7931
  /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
7942
7932
  "input",
@@ -7956,7 +7946,7 @@ function DepositGeneratedView({
7956
7946
  "..."
7957
7947
  ] }) : network === "arkade" ? `Unified URI for ${amount} ${getUnitLabel()}` : `Invoice for ${amount} ${getUnitLabel()}` })
7958
7948
  ] }),
7959
- network === "lightning" && !isBtc && /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("div", { className: "flex flex-col gap-1.5 rounded-xl border border-white/8 bg-white/3 p-2.5", children: [
7949
+ network === "lightning" && !isBtc && /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("div", { className: "flex flex-col gap-1.5 rounded-xl bg-card/70 p-2.5", children: [
7960
7950
  /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: "flex items-center justify-between px-1", children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("label", { className: "text-xxs font-bold uppercase tracking-widest text-white/40", children: "Specify amount (optional)" }) }),
7961
7951
  /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
7962
7952
  "input",
@@ -7973,7 +7963,7 @@ function DepositGeneratedView({
7973
7963
  /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("span", { className: "material-symbols-outlined animate-spin text-icon-xxs", children: "progress_activity" }),
7974
7964
  "Updating invoice..."
7975
7965
  ] }) : `Invoice for ${amount} ${getUnitLabel()}` }),
7976
- amount && maxDepositAmount > 0 && parseAssetAmount(amount, selectedAsset) > maxDepositAmount && /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("p", { className: "rounded-lg border border-danger/20 bg-danger/10 px-2.5 py-1.5 text-xxs text-danger", children: [
7966
+ amount && maxDepositAmount > 0 && parseAssetAmount(amount, selectedAsset) > maxDepositAmount && /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("p", { className: "rounded-lg bg-danger/10 px-2.5 py-1.5 text-xxs text-danger", children: [
7977
7967
  "Exceeds max: ",
7978
7968
  formatAssetAmount(maxDepositAmount, selectedAsset),
7979
7969
  " ",
@@ -7984,10 +7974,7 @@ function DepositGeneratedView({
7984
7974
  /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(
7985
7975
  "div",
7986
7976
  {
7987
- className: cn(
7988
- "relative flex flex-col items-center rounded-2xl border-2 bg-white p-3.5 transition-all",
7989
- net.qrBorder
7990
- ),
7977
+ className: "relative flex flex-col items-center rounded-2xl bg-white p-3.5 transition-all",
7991
7978
  style: net.qrGlow,
7992
7979
  children: [
7993
7980
  showQrNetworkBadge && network !== "spark" && network !== "arkade" && /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(
@@ -8049,11 +8036,9 @@ function DepositGeneratedView({
8049
8036
  "data-testid": "deposit-generated-address",
8050
8037
  "data-address": address,
8051
8038
  className: cn(
8052
- "group flex cursor-pointer items-center gap-2 rounded-xl border bg-white/3 px-2.5 py-1.5",
8053
- "transition-all hover:bg-white/6 active:scale-[0.98]",
8054
- net.border
8039
+ "group flex cursor-pointer items-center gap-2 rounded-xl bg-card/70 px-2.5 py-1.5",
8040
+ "transition-all hover:bg-card active:scale-[0.98]"
8055
8041
  ),
8056
- style: { borderLeftWidth: 3, borderLeftColor: net.color },
8057
8042
  onClick: () => void copyToClipboard(address),
8058
8043
  children: [
8059
8044
  /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: cn("flex size-5 flex-shrink-0 items-center justify-center rounded-md", net.bg), children: net.icon }),
@@ -8069,10 +8054,9 @@ function DepositGeneratedView({
8069
8054
  "div",
8070
8055
  {
8071
8056
  className: cn(
8072
- "group flex cursor-pointer items-center gap-2 rounded-xl border bg-primary/5 px-2.5 py-1.5",
8073
- "border-primary/20 transition-all hover:bg-primary/8 active:scale-[0.98]"
8057
+ "group flex cursor-pointer items-center gap-2 rounded-xl bg-primary/10 px-2.5 py-1.5",
8058
+ "transition-all hover:bg-primary/15 active:scale-[0.98]"
8074
8059
  ),
8075
- style: { borderLeftWidth: 3, borderLeftColor: "var(--primary)" },
8076
8060
  onClick: () => void copyToClipboard(recipientId),
8077
8061
  children: [
8078
8062
  /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: "flex size-5 flex-shrink-0 items-center justify-center rounded-md bg-primary/15", children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(Icon, { name: "person", size: "xs", className: "text-primary" }) }),
@@ -8161,7 +8145,7 @@ function DepositPreGeneration({
8161
8145
  const method = METHOD_META2[currentMethod];
8162
8146
  const isRgbOnchain = network === "onchain" && !isBtc;
8163
8147
  return /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: "space-y-3", children: [
8164
- showReceiveSummary && /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: "rounded-2xl border border-white/8 bg-white/4 p-3", children: [
8148
+ showReceiveSummary && /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: "rounded-2xl bg-card/70 p-3", children: [
8165
8149
  /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("p", { className: "text-xxs font-bold uppercase tracking-widest text-white/35", children: "Receive Summary" }),
8166
8150
  /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: "mt-2 grid grid-cols-1 gap-2 text-xs", children: [
8167
8151
  /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: "flex items-center justify-between gap-3", children: [
@@ -8179,7 +8163,7 @@ function DepositPreGeneration({
8179
8163
  /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("p", { className: "text-tiny text-white/35", children: method.summary })
8180
8164
  ] })
8181
8165
  ] }),
8182
- channelsLoading && selectedAccount === "RGB" && currentMethod === "lightning" && !isBtc && /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: "flex items-center gap-2.5 rounded-xl border bg-card p-3", children: [
8166
+ channelsLoading && selectedAccount === "RGB" && currentMethod === "lightning" && !isBtc && /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: "flex items-center gap-2.5 rounded-xl bg-card/70 p-3", children: [
8183
8167
  /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("span", { className: "material-symbols-outlined animate-spin text-icon-lg text-primary", children: "progress_activity" }),
8184
8168
  /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("span", { className: "text-xs font-medium text-white/60", children: "Checking channel availability..." })
8185
8169
  ] }),
@@ -8196,7 +8180,7 @@ function DepositPreGeneration({
8196
8180
  ] })
8197
8181
  ] }),
8198
8182
  isAutoGenerate && loading && /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: "flex flex-col items-center gap-4 py-10", children: [
8199
- /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { className: cn("flex size-16 items-center justify-center rounded-2xl border", net.bg, net.border), children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("span", { className: cn("material-symbols-outlined animate-spin text-icon-4xl", net.text), children: "progress_activity" }) }),
8183
+ /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { className: cn("flex size-16 items-center justify-center rounded-2xl", net.bg), children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("span", { className: cn("material-symbols-outlined animate-spin text-icon-4xl", net.text), children: "progress_activity" }) }),
8200
8184
  /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: "space-y-1 text-center", children: [
8201
8185
  /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("p", { className: "text-sm font-bold text-muted-foreground", children: [
8202
8186
  "Generating ",
@@ -8225,7 +8209,7 @@ function DepositPreGeneration({
8225
8209
  ),
8226
8210
  /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("p", { className: "text-xxs text-white/35", children: "Enter a specific asset ID to receive it, or leave empty to accept any RGB asset to this invoice." })
8227
8211
  ] }),
8228
- isRgbOnchain && /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: "space-y-2.5 rounded-xl border bg-card p-3", children: [
8212
+ isRgbOnchain && /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: "space-y-2.5 rounded-xl bg-card/70 p-3", children: [
8229
8213
  /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: "flex items-center justify-between gap-3", children: [
8230
8214
  /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: "min-w-0 flex-1", children: [
8231
8215
  /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("h4", { className: "text-xs font-bold text-white", children: usePrivacy ? "Blinded receive" : "Witness receive" }),
@@ -8237,7 +8221,7 @@ function DepositPreGeneration({
8237
8221
  type: "button",
8238
8222
  "aria-label": "Toggle blinded (private) receive",
8239
8223
  className: cn(
8240
- "relative inline-flex h-5 w-9 flex-shrink-0 items-center rounded-full border shadow-inner transition-colors",
8224
+ "relative inline-flex h-5 w-9 flex-shrink-0 items-center rounded-full shadow-inner transition-colors",
8241
8225
  usePrivacy ? "bg-primary" : "bg-white/10"
8242
8226
  ),
8243
8227
  onClick: () => setUsePrivacy(!usePrivacy),
@@ -8258,8 +8242,8 @@ function DepositPreGeneration({
8258
8242
  "div",
8259
8243
  {
8260
8244
  className: cn(
8261
- "flex items-center justify-between rounded-lg border px-2.5 py-1.5 text-xxs",
8262
- colorableUtxoCount > 0 ? "border-success/20 bg-success/5 text-success/80" : "border-warning/20 bg-warning/5 text-warning/80"
8245
+ "flex items-center justify-between rounded-lg px-2.5 py-1.5 text-xxs",
8246
+ colorableUtxoCount > 0 ? "bg-success/10 text-success/80" : "bg-warning/10 text-warning/80"
8263
8247
  ),
8264
8248
  children: [
8265
8249
  /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("span", { className: "font-medium", children: "Available colorable UTXOs" }),
@@ -8488,7 +8472,7 @@ function DepositAssetSelection({
8488
8472
  {
8489
8473
  type: "button",
8490
8474
  "data-testid": `deposit-asset-${asset.asset_id}`,
8491
- className: "group flex w-full min-w-0 items-center gap-3 overflow-hidden rounded-2xl border border-white/8 bg-white/3 px-4 py-3 text-sm transition-all hover:border-border hover:bg-accent",
8475
+ className: "group flex w-full min-w-0 items-center gap-3 overflow-hidden rounded-2xl bg-white/3 px-4 py-3 text-sm transition-all hover:bg-accent",
8492
8476
  onClick: () => onSelectAsset(asset),
8493
8477
  children: [
8494
8478
  /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(AssetIcon, { ticker: asset.ticker, size: 40, className: "flex-shrink-0" }),
@@ -8541,7 +8525,7 @@ function DepositAssetSelection({
8541
8525
  type: "button",
8542
8526
  "data-testid": "deposit-add-asset",
8543
8527
  onClick: () => setShowAddAssetModal(true),
8544
- className: "group flex w-full items-center gap-3 rounded-2xl border border-white/8 bg-white/3 p-3 transition-all hover:border-border hover:bg-accent",
8528
+ className: "group flex w-full items-center gap-3 rounded-2xl bg-white/3 p-3 transition-all hover:bg-accent",
8545
8529
  children: [
8546
8530
  /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("div", { className: "flex size-10 shrink-0 items-center justify-center rounded-xl bg-primary/15", children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(Icon, { name: "add", size: "md", className: "text-primary" }) }),
8547
8531
  /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { className: "flex-1 text-left", children: [
@@ -8770,7 +8754,7 @@ function DepositInvoiceGeneration({
8770
8754
  (() => {
8771
8755
  const hideDestinationRail = isNewAsset && (network === "spark" || network === "arkade");
8772
8756
  if (hideDestinationRail) return null;
8773
- return /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { className: "flex-shrink-0 border-b border-border bg-background px-4 py-2", children: /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("div", { className: "space-y-2", children: [
8757
+ return /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { className: "flex-shrink-0 bg-background px-4 py-2", children: /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("div", { className: "space-y-2", children: [
8774
8758
  /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("div", { children: [
8775
8759
  /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("p", { className: "text-xxs font-bold uppercase tracking-widest text-white/35", children: "Destination Account" }),
8776
8760
  /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { className: "mt-1.5 flex gap-1.5 overflow-x-auto no-scrollbar", children: availableAccounts.map((account) => /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
@@ -8839,9 +8823,8 @@ function DepositInvoiceGeneration({
8839
8823
  "div",
8840
8824
  {
8841
8825
  className: cn(
8842
- "flex size-16 items-center justify-center rounded-2xl border",
8843
- NETWORK_CONFIG[btcSelectedAccount === "SPARK" ? "spark" : btcSelectedAccount === "ARKADE" ? "arkade" : "onchain"].bg,
8844
- NETWORK_CONFIG[btcSelectedAccount === "SPARK" ? "spark" : btcSelectedAccount === "ARKADE" ? "arkade" : "onchain"].border
8826
+ "flex size-16 items-center justify-center rounded-2xl",
8827
+ NETWORK_CONFIG[btcSelectedAccount === "SPARK" ? "spark" : btcSelectedAccount === "ARKADE" ? "arkade" : "onchain"].bg
8845
8828
  ),
8846
8829
  children: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
8847
8830
  "span",