@orangecheck/design 0.2.0 → 0.3.0

package/dist/primitives.d.mts

@@ -202,4 +202,95 @@ declare function SelectScrollDownButton({ className, ...props }: React.Component
 
 declare const Toaster: ({ ...props }: ToasterProps) => react_jsx_runtime.JSX.Element;
 
-export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertTitle, AlertWithAction, type AlertWithActionProps, AlertWithCountdown, type AlertWithCountdownProps, Badge, Button, ConfirmHost, type ConfirmOptions, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, ErrorBoundary, Input, Label, Modal, type ModalProps, Pagination, type PaginationProps, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, PromptHost, type PromptOptions, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetContent, SheetDescription, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Skeleton, type SkeletonProps, Textarea, ThemeToggle, ThemeToggleLink, Toaster, Working, WorkingPanel, type WorkingProps, badgeVariants, buttonVariants, confirm, prompt };
+interface CardProps {
+    id?: string;
+    title: string;
+    subtitle?: string;
+    refreshedAt?: string | null;
+    actions?: ReactNode;
+    children: ReactNode;
+    className?: string;
+    tone?: 'default' | 'warning' | 'destructive' | 'muted';
+    expandable?: boolean;
+}
+declare function Card({ id, title, subtitle, refreshedAt, actions, children, className, tone, expandable, }: CardProps): react_jsx_runtime.JSX.Element;
+
+interface SparklineProps {
+    data: ReadonlyArray<number>;
+    width?: number;
+    height?: number;
+    className?: string;
+    area?: boolean;
+}
+declare function Sparkline({ data, width, height, area, className }: SparklineProps): react_jsx_runtime.JSX.Element;
+
+interface StatBlockProps {
+    label: string;
+    value: ReactNode;
+    sub?: ReactNode;
+    delta?: {
+        value: number;
+        suffix?: string;
+    } | null;
+    tone?: 'default' | 'success' | 'warning' | 'destructive';
+    className?: string;
+}
+declare function StatBlock({ label, value, sub, delta, tone, className }: StatBlockProps): react_jsx_runtime.JSX.Element;
+
+interface BarProps {
+    pct: number;
+    accent?: 'primary' | 'warning' | 'destructive' | 'success';
+    label?: string;
+    right?: string;
+    className?: string;
+}
+declare function Bar({ pct, accent, label, right, className }: BarProps): react_jsx_runtime.JSX.Element;
+
+type StatusTone = 'success' | 'warning' | 'destructive' | 'muted' | 'primary' | 'info';
+interface StatusPillProps {
+    label: string;
+    tone?: StatusTone;
+    icon?: ReactNode;
+    className?: string;
+}
+declare function StatusPill({ label, tone, icon, className }: StatusPillProps): react_jsx_runtime.JSX.Element;
+
+interface SatsAmountProps {
+    sats: number;
+    unit?: boolean;
+    usd?: boolean;
+    btcUsd?: number;
+    className?: string;
+}
+declare function SatsAmount({ sats, unit, usd, btcUsd, className }: SatsAmountProps): react_jsx_runtime.JSX.Element;
+
+interface BitcoinAddressProps {
+    address: string;
+    head?: number;
+    tail?: number;
+    copyable?: boolean;
+    full?: boolean;
+    className?: string;
+}
+declare function BitcoinAddress({ address, head, tail, copyable, full, className, }: BitcoinAddressProps): react_jsx_runtime.JSX.Element;
+
+interface CopyButtonProps {
+    value: string;
+    label?: string;
+    clearAfter?: number;
+    size?: 'sm' | 'md';
+    className?: string;
+    title?: string;
+    onCopied?: () => void;
+}
+declare function CopyButton({ value, label, clearAfter, size, className, title, onCopied, }: CopyButtonProps): react_jsx_runtime.JSX.Element;
+
+interface QrCodeProps {
+    value: string;
+    size?: number;
+    label?: string;
+    className?: string;
+}
+declare function QrCode({ value, size, label, className }: QrCodeProps): react_jsx_runtime.JSX.Element;
+
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertTitle, AlertWithAction, type AlertWithActionProps, AlertWithCountdown, type AlertWithCountdownProps, Badge, Bar, type BarProps, BitcoinAddress, type BitcoinAddressProps, Button, Card, type CardProps, ConfirmHost, type ConfirmOptions, CopyButton, type CopyButtonProps, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, ErrorBoundary, Input, Label, Modal, type ModalProps, Pagination, type PaginationProps, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, PromptHost, type PromptOptions, QrCode, type QrCodeProps, SatsAmount, type SatsAmountProps, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetContent, SheetDescription, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Skeleton, type SkeletonProps, Sparkline, type SparklineProps, StatBlock, type StatBlockProps, StatusPill, type StatusPillProps, type StatusTone, Textarea, ThemeToggle, ThemeToggleLink, Toaster, Working, WorkingPanel, type WorkingProps, badgeVariants, buttonVariants, confirm, prompt };

package/dist/primitives.d.ts

@@ -202,4 +202,95 @@ declare function SelectScrollDownButton({ className, ...props }: React.Component
 
 declare const Toaster: ({ ...props }: ToasterProps) => react_jsx_runtime.JSX.Element;
 
-export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertTitle, AlertWithAction, type AlertWithActionProps, AlertWithCountdown, type AlertWithCountdownProps, Badge, Button, ConfirmHost, type ConfirmOptions, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, ErrorBoundary, Input, Label, Modal, type ModalProps, Pagination, type PaginationProps, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, PromptHost, type PromptOptions, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetContent, SheetDescription, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Skeleton, type SkeletonProps, Textarea, ThemeToggle, ThemeToggleLink, Toaster, Working, WorkingPanel, type WorkingProps, badgeVariants, buttonVariants, confirm, prompt };
+interface CardProps {
+    id?: string;
+    title: string;
+    subtitle?: string;
+    refreshedAt?: string | null;
+    actions?: ReactNode;
+    children: ReactNode;
+    className?: string;
+    tone?: 'default' | 'warning' | 'destructive' | 'muted';
+    expandable?: boolean;
+}
+declare function Card({ id, title, subtitle, refreshedAt, actions, children, className, tone, expandable, }: CardProps): react_jsx_runtime.JSX.Element;
+
+interface SparklineProps {
+    data: ReadonlyArray<number>;
+    width?: number;
+    height?: number;
+    className?: string;
+    area?: boolean;
+}
+declare function Sparkline({ data, width, height, area, className }: SparklineProps): react_jsx_runtime.JSX.Element;
+
+interface StatBlockProps {
+    label: string;
+    value: ReactNode;
+    sub?: ReactNode;
+    delta?: {
+        value: number;
+        suffix?: string;
+    } | null;
+    tone?: 'default' | 'success' | 'warning' | 'destructive';
+    className?: string;
+}
+declare function StatBlock({ label, value, sub, delta, tone, className }: StatBlockProps): react_jsx_runtime.JSX.Element;
+
+interface BarProps {
+    pct: number;
+    accent?: 'primary' | 'warning' | 'destructive' | 'success';
+    label?: string;
+    right?: string;
+    className?: string;
+}
+declare function Bar({ pct, accent, label, right, className }: BarProps): react_jsx_runtime.JSX.Element;
+
+type StatusTone = 'success' | 'warning' | 'destructive' | 'muted' | 'primary' | 'info';
+interface StatusPillProps {
+    label: string;
+    tone?: StatusTone;
+    icon?: ReactNode;
+    className?: string;
+}
+declare function StatusPill({ label, tone, icon, className }: StatusPillProps): react_jsx_runtime.JSX.Element;
+
+interface SatsAmountProps {
+    sats: number;
+    unit?: boolean;
+    usd?: boolean;
+    btcUsd?: number;
+    className?: string;
+}
+declare function SatsAmount({ sats, unit, usd, btcUsd, className }: SatsAmountProps): react_jsx_runtime.JSX.Element;
+
+interface BitcoinAddressProps {
+    address: string;
+    head?: number;
+    tail?: number;
+    copyable?: boolean;
+    full?: boolean;
+    className?: string;
+}
+declare function BitcoinAddress({ address, head, tail, copyable, full, className, }: BitcoinAddressProps): react_jsx_runtime.JSX.Element;
+
+interface CopyButtonProps {
+    value: string;
+    label?: string;
+    clearAfter?: number;
+    size?: 'sm' | 'md';
+    className?: string;
+    title?: string;
+    onCopied?: () => void;
+}
+declare function CopyButton({ value, label, clearAfter, size, className, title, onCopied, }: CopyButtonProps): react_jsx_runtime.JSX.Element;
+
+interface QrCodeProps {
+    value: string;
+    size?: number;
+    label?: string;
+    className?: string;
+}
+declare function QrCode({ value, size, label, className }: QrCodeProps): react_jsx_runtime.JSX.Element;
+
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertTitle, AlertWithAction, type AlertWithActionProps, AlertWithCountdown, type AlertWithCountdownProps, Badge, Bar, type BarProps, BitcoinAddress, type BitcoinAddressProps, Button, Card, type CardProps, ConfirmHost, type ConfirmOptions, CopyButton, type CopyButtonProps, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, ErrorBoundary, Input, Label, Modal, type ModalProps, Pagination, type PaginationProps, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, PromptHost, type PromptOptions, QrCode, type QrCodeProps, SatsAmount, type SatsAmountProps, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetContent, SheetDescription, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Skeleton, type SkeletonProps, Sparkline, type SparklineProps, StatBlock, type StatBlockProps, StatusPill, type StatusPillProps, type StatusTone, Textarea, ThemeToggle, ThemeToggleLink, Toaster, Working, WorkingPanel, type WorkingProps, badgeVariants, buttonVariants, confirm, prompt };

package/dist/primitives.js

@@ -15,6 +15,9 @@ var PopoverPrimitive = require('@radix-ui/react-popover');
 var AccordionPrimitive = require('@radix-ui/react-accordion');
 var SelectPrimitive = require('@radix-ui/react-select');
 var sonner = require('sonner');
+var QRCode = require('qrcode');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
 function _interopNamespace(e) {
   if (e && e.__esModule) return e;
@@ -41,6 +44,7 @@ var DialogPrimitive__namespace = /*#__PURE__*/_interopNamespace(DialogPrimitive)
 var PopoverPrimitive__namespace = /*#__PURE__*/_interopNamespace(PopoverPrimitive);
 var AccordionPrimitive__namespace = /*#__PURE__*/_interopNamespace(AccordionPrimitive);
 var SelectPrimitive__namespace = /*#__PURE__*/_interopNamespace(SelectPrimitive);
+var QRCode__default = /*#__PURE__*/_interopDefault(QRCode);
 
 // src/primitives/button.tsx
 function cn(...inputs) {
@@ -1168,6 +1172,312 @@ var Toaster = ({ ...props }) => {
     }
   );
 };
+function Card({
+  id,
+  title,
+  subtitle,
+  refreshedAt,
+  actions,
+  children,
+  className,
+  tone = "default",
+  expandable = true
+}) {
+  const [expanded, setExpanded] = React2.useState(false);
+  const toneClass = tone === "warning" ? "border-warning/60" : tone === "destructive" ? "border-destructive/60" : tone === "muted" ? "border-border opacity-90" : "border-border";
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      "section",
+      {
+        id,
+        className: cn("terminal flex flex-col rounded-sm border scroll-mt-16", toneClass, className),
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "terminal-title flex items-center justify-between gap-3", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "terminal-dot", "aria-hidden": true }),
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "terminal-dot opacity-70", "aria-hidden": true }),
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "terminal-dot opacity-50", "aria-hidden": true }),
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ml-2 truncate", children: title }),
+              subtitle && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-muted-foreground/70 ml-1 truncate text-[10px] tracking-normal normal-case", children: [
+                "\xB7 ",
+                subtitle
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+              refreshedAt && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground/60 hidden text-[10px] tracking-normal normal-case sm:inline", children: refreshedAt }),
+              actions,
+              expandable && /* @__PURE__ */ jsxRuntime.jsx(
+                "button",
+                {
+                  type: "button",
+                  onClick: () => setExpanded(true),
+                  "aria-label": `expand ${title}`,
+                  title: "expand to fullscreen",
+                  className: "text-muted-foreground/70 hover:text-foreground inline-flex h-6 w-6 items-center justify-center rounded-sm",
+                  children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Maximize2, { className: "size-3" })
+                }
+              )
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 p-4 sm:p-5", children })
+        ]
+      }
+    ),
+    expandable && /* @__PURE__ */ jsxRuntime.jsx(
+      Modal,
+      {
+        open: expanded,
+        onOpenChange: setExpanded,
+        title,
+        ...subtitle ? { subtitle } : {},
+        actions: refreshedAt ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground/60 hidden text-[10px] tracking-normal normal-case sm:inline", children: refreshedAt }) : null,
+        children
+      }
+    )
+  ] });
+}
+function Sparkline({ data, width = 96, height = 24, area = false, className }) {
+  if (data.length === 0) {
+    return /* @__PURE__ */ jsxRuntime.jsx("svg", { width, height, className: cn(className), "aria-hidden": true, children: /* @__PURE__ */ jsxRuntime.jsx(
+      "line",
+      {
+        x1: 0,
+        x2: width,
+        y1: height / 2,
+        y2: height / 2,
+        stroke: "currentColor",
+        strokeWidth: 1,
+        opacity: 0.25
+      }
+    ) });
+  }
+  const min = Math.min(...data);
+  const max = Math.max(...data);
+  const range = max - min || 1;
+  const step = data.length === 1 ? width : width / (data.length - 1);
+  const points = data.map((v, i) => {
+    const x = i * step;
+    const y = height - (v - min) / range * (height - 2) - 1;
+    return [x, y];
+  });
+  const linePath = points.map(([x, y], i) => `${i === 0 ? "M" : "L"}${x.toFixed(2)},${y.toFixed(2)}`).join(" ");
+  const areaPath = area ? `${linePath} L${width.toFixed(2)},${height.toFixed(2)} L0,${height.toFixed(2)} Z` : null;
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "svg",
+    {
+      width,
+      height,
+      viewBox: `0 0 ${width} ${height}`,
+      className: cn("text-primary", className),
+      "aria-hidden": true,
+      children: [
+        areaPath && /* @__PURE__ */ jsxRuntime.jsx("path", { d: areaPath, fill: "currentColor", opacity: 0.12 }),
+        /* @__PURE__ */ jsxRuntime.jsx("path", { d: linePath, fill: "none", stroke: "currentColor", strokeWidth: 1.25 })
+      ]
+    }
+  );
+}
+function StatBlock({ label, value, sub, delta, tone = "default", className }) {
+  const toneClass = tone === "success" ? "text-success" : tone === "warning" ? "text-warning" : tone === "destructive" ? "text-destructive" : "text-foreground";
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("flex flex-col gap-1", className), children: [
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "label-mono text-[10px]", children: label }),
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: cn("font-display text-2xl leading-none", toneClass), children: value }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-baseline gap-2", children: [
+      sub && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground font-mono text-[11px] tracking-wide lowercase", children: sub }),
+      delta && /* @__PURE__ */ jsxRuntime.jsxs(
+        "span",
+        {
+          className: cn(
+            "font-mono text-[11px] tracking-wide",
+            delta.value > 0 ? "text-success" : delta.value < 0 ? "text-destructive" : "text-muted-foreground"
+          ),
+          children: [
+            delta.value > 0 ? "\u25B2" : delta.value < 0 ? "\u25BC" : "\xB7",
+            " ",
+            Math.abs(delta.value).toFixed(1),
+            delta.suffix ?? "%"
+          ]
+        }
+      )
+    ] })
+  ] });
+}
+var ACCENT = {
+  primary: "bg-primary",
+  warning: "bg-warning",
+  destructive: "bg-destructive",
+  success: "bg-success"
+};
+function Bar({ pct, accent = "primary", label, right, className }) {
+  const clamped = Math.max(0, Math.min(100, pct));
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn(className), children: [
+    (label || right) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-baseline justify-between font-mono text-[10.5px] tracking-widest uppercase", children: [
+      label && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground", children: label }),
+      right && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-foreground tabular-nums", children: right })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "bg-muted mt-1.5 h-1.5 w-full overflow-hidden", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("h-full", ACCENT[accent]), style: { width: `${clamped}%` } }) })
+  ] });
+}
+var TONE = {
+  success: "text-success",
+  warning: "text-warning",
+  destructive: "text-destructive",
+  muted: "text-muted-foreground",
+  primary: "text-primary",
+  info: "text-info"
+};
+function StatusPill({ label, tone = "muted", icon, className }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "span",
+    {
+      className: cn(
+        "inline-flex items-center gap-1.5 font-mono text-[11px] tracking-wider lowercase",
+        TONE[tone],
+        className
+      ),
+      children: [
+        icon,
+        label
+      ]
+    }
+  );
+}
+
+// src/format/index.ts
+var REFERENCE_BTC_USD = 95e3;
+function formatSats(sats) {
+  return new Intl.NumberFormat("en-US").format(Math.round(sats));
+}
+function satsToUsd(sats, btcUsd = REFERENCE_BTC_USD) {
+  const usd = sats / 1e8 * btcUsd;
+  if (usd > 0 && usd < 0.01) return "< $0.01";
+  const fractionDigits = usd >= 100 ? 0 : 2;
+  return new Intl.NumberFormat("en-US", {
+    style: "currency",
+    currency: "USD",
+    minimumFractionDigits: fractionDigits,
+    maximumFractionDigits: fractionDigits
+  }).format(usd);
+}
+function shortenAddress(value, head = 8, tail = 4) {
+  if (!value) return "";
+  if (value.length <= head + tail + 1) return value;
+  return `${value.slice(0, head)}\u2026${value.slice(-tail)}`;
+}
+function SatsAmount({ sats, unit = true, usd = false, btcUsd, className }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("span", { className: cn("font-mono tabular-nums", className), children: [
+    formatSats(sats),
+    unit && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground", children: " sats" }),
+    usd && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-muted-foreground", children: [
+      " \xB7 ",
+      satsToUsd(sats, btcUsd)
+    ] })
+  ] });
+}
+function CopyButton({
+  value,
+  label,
+  clearAfter,
+  size = "md",
+  className,
+  title,
+  onCopied
+}) {
+  const [copied, setCopied] = React2.useState(false);
+  const resetRef = React2.useRef(null);
+  const copy = React2.useCallback(async () => {
+    try {
+      await navigator.clipboard.writeText(value);
+      setCopied(true);
+      onCopied?.();
+      if (resetRef.current) clearTimeout(resetRef.current);
+      resetRef.current = setTimeout(() => setCopied(false), 1500);
+      if (clearAfter && clearAfter > 0) {
+        setTimeout(() => void wipeIfUnchanged(value), clearAfter * 1e3);
+      }
+    } catch {
+    }
+  }, [value, clearAfter, onCopied]);
+  const iconSize = size === "sm" ? "size-3" : "size-3.5";
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "button",
+    {
+      type: "button",
+      onClick: copy,
+      "aria-label": title ?? (copied ? "copied" : "copy"),
+      title: title ?? "copy",
+      className: cn(
+        "text-muted-foreground hover:text-foreground inline-flex items-center gap-1.5 rounded-sm transition-colors outline-none focus-visible:ring-[3px] focus-visible:ring-ring/50",
+        size === "sm" ? "text-[11px]" : "text-xs",
+        className
+      ),
+      children: [
+        copied ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { className: cn(iconSize, "text-success"), "aria-hidden": true }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Copy, { className: iconSize, "aria-hidden": true }),
+        label && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-mono", children: copied ? "copied" : label })
+      ]
+    }
+  );
+}
+async function wipeIfUnchanged(expected) {
+  try {
+    const current = await navigator.clipboard.readText();
+    if (current !== expected) return;
+    await navigator.clipboard.writeText("");
+  } catch {
+    try {
+      await navigator.clipboard.writeText("");
+    } catch {
+    }
+  }
+}
+function BitcoinAddress({
+  address,
+  head = 8,
+  tail = 4,
+  copyable = true,
+  full = false,
+  className
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("span", { className: cn("inline-flex items-center gap-1.5 font-mono text-xs", className), children: [
+    /* @__PURE__ */ jsxRuntime.jsx("span", { title: address, children: full ? address : shortenAddress(address, head, tail) }),
+    copyable && /* @__PURE__ */ jsxRuntime.jsx(CopyButton, { value: address, size: "sm", title: "copy address" })
+  ] });
+}
+function QrCode({ value, size = 200, label, className }) {
+  const [svg, setSvg] = React2.useState(null);
+  React2.useEffect(() => {
+    let cancelled = false;
+    QRCode__default.default.toString(value, {
+      type: "svg",
+      errorCorrectionLevel: "M",
+      margin: 1,
+      color: { dark: "#000000", light: "#ffffff" }
+    }).then((out) => {
+      if (!cancelled) setSvg(out);
+    }).catch(() => {
+      if (!cancelled) setSvg(null);
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [value]);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      role: "img",
+      "aria-label": label ?? `QR code for ${value.slice(0, 24)}\u2026`,
+      className: "inline-block overflow-hidden rounded-md bg-white p-3 " + (className ?? ""),
+      style: { width: size, height: size },
+      children: svg ? /* @__PURE__ */ jsxRuntime.jsx(
+        "div",
+        {
+          className: "size-full [&_svg]:block [&_svg]:size-full",
+          dangerouslySetInnerHTML: { __html: svg }
+        }
+      ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "bg-muted/40 size-full animate-pulse rounded", "aria-hidden": true })
+    }
+  );
+}
 
 exports.Accordion = Accordion;
 exports.AccordionContent = AccordionContent;
@@ -1179,8 +1489,12 @@ exports.AlertTitle = AlertTitle;
 exports.AlertWithAction = AlertWithAction;
 exports.AlertWithCountdown = AlertWithCountdown;
 exports.Badge = Badge;
+exports.Bar = Bar;
+exports.BitcoinAddress = BitcoinAddress;
 exports.Button = Button;
+exports.Card = Card;
 exports.ConfirmHost = ConfirmHost;
+exports.CopyButton = CopyButton;
 exports.Dialog = Dialog;
 exports.DialogClose = DialogClose;
 exports.DialogContent = DialogContent;
@@ -1201,6 +1515,8 @@ exports.PopoverAnchor = PopoverAnchor;
 exports.PopoverContent = PopoverContent;
 exports.PopoverTrigger = PopoverTrigger;
 exports.PromptHost = PromptHost;
+exports.QrCode = QrCode;
+exports.SatsAmount = SatsAmount;
 exports.Select = Select;
 exports.SelectContent = SelectContent;
 exports.SelectGroup = SelectGroup;
@@ -1221,6 +1537,9 @@ exports.SheetPortal = SheetPortal;
 exports.SheetTitle = SheetTitle;
 exports.SheetTrigger = SheetTrigger;
 exports.Skeleton = Skeleton;
+exports.Sparkline = Sparkline;
+exports.StatBlock = StatBlock;
+exports.StatusPill = StatusPill;
 exports.Textarea = Textarea;
 exports.ThemeToggle = ThemeToggle;
 exports.ThemeToggleLink = ThemeToggleLink;