kaleido-ui 0.1.0

package/dist/web/index.d.cts

@@ -0,0 +1,308 @@
+import { ClassValue } from 'clsx';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as React$1 from 'react';
+import { HTMLAttributes, ReactNode, Component } from 'react';
+import { VariantProps } from 'class-variance-authority';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as DialogPrimitive from '@radix-ui/react-dialog';
+import * as TabsPrimitive from '@radix-ui/react-tabs';
+import * as LabelPrimitive from '@radix-ui/react-label';
+import * as ToastPrimitives from '@radix-ui/react-toast';
+
+declare function cn(...inputs: ClassValue[]): string;
+
+declare const buttonVariants: (props?: ({
+    variant?: "default" | "destructive" | "outline" | "secondary" | "ghost" | "link" | "glow" | "surface" | "cta" | "cta-gradient" | "danger-subtle" | null | undefined;
+    size?: "default" | "cta" | "sm" | "lg" | "xl" | "cta-lg" | "icon" | "icon-lg" | "icon-xl" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface ButtonProps extends React$1.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
+    asChild?: boolean;
+}
+declare const Button: React$1.ForwardRefExoticComponent<ButtonProps & React$1.RefAttributes<HTMLButtonElement>>;
+
+declare const Card: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
+declare const CardHeader: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
+declare const CardTitle: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLHeadingElement> & React$1.RefAttributes<HTMLParagraphElement>>;
+declare const CardDescription: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLParagraphElement> & React$1.RefAttributes<HTMLParagraphElement>>;
+declare const CardContent: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
+declare const CardFooter: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
+
+interface InputProps extends React$1.InputHTMLAttributes<HTMLInputElement> {
+}
+declare const Input: React$1.ForwardRefExoticComponent<InputProps & React$1.RefAttributes<HTMLInputElement>>;
+
+declare const Dialog: React$1.FC<DialogPrimitive.DialogProps>;
+declare const DialogTrigger: React$1.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
+declare const DialogPortal: React$1.FC<DialogPrimitive.DialogPortalProps>;
+declare const DialogClose: React$1.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React$1.RefAttributes<HTMLButtonElement>>;
+declare const DialogOverlay: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const DialogContent: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const DialogHeader: {
+    ({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+declare const DialogFooter: {
+    ({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+declare const DialogTitle: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React$1.RefAttributes<HTMLHeadingElement>, "ref"> & React$1.RefAttributes<HTMLHeadingElement>>;
+declare const DialogDescription: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React$1.RefAttributes<HTMLParagraphElement>, "ref"> & React$1.RefAttributes<HTMLParagraphElement>>;
+
+declare const Tabs: React$1.ForwardRefExoticComponent<TabsPrimitive.TabsProps & React$1.RefAttributes<HTMLDivElement>>;
+declare const TabsList: React$1.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsListProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const TabsTrigger: React$1.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsTriggerProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
+declare const TabsContent: React$1.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+
+declare const Label: React$1.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & React$1.RefAttributes<HTMLLabelElement>, "ref"> & VariantProps<(props?: class_variance_authority_types.ClassProp | undefined) => string> & React$1.RefAttributes<HTMLLabelElement>>;
+
+declare const ToastProvider: React$1.FC<ToastPrimitives.ToastProviderProps>;
+declare const ToastViewport: React$1.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastViewportProps & React$1.RefAttributes<HTMLOListElement>, "ref"> & React$1.RefAttributes<HTMLOListElement>>;
+declare const Toast$1: React$1.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastProps & React$1.RefAttributes<HTMLLIElement>, "ref"> & VariantProps<(props?: ({
+    variant?: "default" | "destructive" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string> & React$1.RefAttributes<HTMLLIElement>>;
+declare const ToastAction: React$1.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastActionProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
+declare const ToastClose: React$1.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastCloseProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
+declare const ToastTitle: React$1.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastTitleProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const ToastDescription: React$1.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastDescriptionProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+type ToastProps = React$1.ComponentPropsWithoutRef<typeof Toast$1>;
+type ToastActionElement = React$1.ReactElement<typeof ToastAction>;
+
+declare function Toaster(): react_jsx_runtime.JSX.Element;
+
+interface IconProps extends HTMLAttributes<HTMLSpanElement> {
+    /** Material Symbols icon name (e.g., "home", "settings", "arrow_back") */
+    name: string;
+    /** Use filled variant of the icon */
+    filled?: boolean;
+    /** Icon size */
+    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
+}
+declare function Icon({ name, filled, size, className, ...props }: IconProps): react_jsx_runtime.JSX.Element;
+/**
+ * Convenience components for common icons
+ */
+declare const Icons: {
+    ArrowBack: (props: Omit<IconProps, "name">) => react_jsx_runtime.JSX.Element;
+    ArrowForward: (props: Omit<IconProps, "name">) => react_jsx_runtime.JSX.Element;
+    Close: (props: Omit<IconProps, "name">) => react_jsx_runtime.JSX.Element;
+    Menu: (props: Omit<IconProps, "name">) => react_jsx_runtime.JSX.Element;
+    Send: (props: Omit<IconProps, "name">) => react_jsx_runtime.JSX.Element;
+    Receive: (props: Omit<IconProps, "name">) => react_jsx_runtime.JSX.Element;
+    Swap: (props: Omit<IconProps, "name">) => react_jsx_runtime.JSX.Element;
+    Copy: (props: Omit<IconProps, "name">) => react_jsx_runtime.JSX.Element;
+    Paste: (props: Omit<IconProps, "name">) => react_jsx_runtime.JSX.Element;
+    Refresh: (props: Omit<IconProps, "name">) => react_jsx_runtime.JSX.Element;
+    Share: (props: Omit<IconProps, "name">) => react_jsx_runtime.JSX.Element;
+    QrCode: (props: Omit<IconProps, "name">) => react_jsx_runtime.JSX.Element;
+    QrScanner: (props: Omit<IconProps, "name">) => react_jsx_runtime.JSX.Element;
+    Check: (props: Omit<IconProps, "name">) => react_jsx_runtime.JSX.Element;
+    CheckCircle: (props: Omit<IconProps, "name">) => react_jsx_runtime.JSX.Element;
+    Error: (props: Omit<IconProps, "name">) => react_jsx_runtime.JSX.Element;
+    Warning: (props: Omit<IconProps, "name">) => react_jsx_runtime.JSX.Element;
+    Info: (props: Omit<IconProps, "name">) => react_jsx_runtime.JSX.Element;
+    Pending: (props: Omit<IconProps, "name">) => react_jsx_runtime.JSX.Element;
+    Wallet: (props: Omit<IconProps, "name">) => react_jsx_runtime.JSX.Element;
+    Activity: (props: Omit<IconProps, "name">) => react_jsx_runtime.JSX.Element;
+    Settings: (props: Omit<IconProps, "name">) => react_jsx_runtime.JSX.Element;
+    Lightning: (props: Omit<IconProps, "name">) => react_jsx_runtime.JSX.Element;
+    Bitcoin: (props: Omit<IconProps, "name">) => react_jsx_runtime.JSX.Element;
+    Ark: (props: Omit<IconProps, "name">) => react_jsx_runtime.JSX.Element;
+    Lock: (props: Omit<IconProps, "name">) => react_jsx_runtime.JSX.Element;
+    Unlock: (props: Omit<IconProps, "name">) => react_jsx_runtime.JSX.Element;
+    Shield: (props: Omit<IconProps, "name">) => react_jsx_runtime.JSX.Element;
+    Key: (props: Omit<IconProps, "name">) => react_jsx_runtime.JSX.Element;
+    Fingerprint: (props: Omit<IconProps, "name">) => react_jsx_runtime.JSX.Element;
+    Visibility: (props: Omit<IconProps, "name">) => react_jsx_runtime.JSX.Element;
+    VisibilityOff: (props: Omit<IconProps, "name">) => react_jsx_runtime.JSX.Element;
+    ExpandMore: (props: Omit<IconProps, "name">) => react_jsx_runtime.JSX.Element;
+    ExpandLess: (props: Omit<IconProps, "name">) => react_jsx_runtime.JSX.Element;
+    ChevronRight: (props: Omit<IconProps, "name">) => react_jsx_runtime.JSX.Element;
+    OpenInNew: (props: Omit<IconProps, "name">) => react_jsx_runtime.JSX.Element;
+    Search: (props: Omit<IconProps, "name">) => react_jsx_runtime.JSX.Element;
+    Add: (props: Omit<IconProps, "name">) => react_jsx_runtime.JSX.Element;
+    Download: (props: Omit<IconProps, "name">) => react_jsx_runtime.JSX.Element;
+    Upload: (props: Omit<IconProps, "name">) => react_jsx_runtime.JSX.Element;
+    Edit: (props: Omit<IconProps, "name">) => react_jsx_runtime.JSX.Element;
+    Delete: (props: Omit<IconProps, "name">) => react_jsx_runtime.JSX.Element;
+    Timer: (props: Omit<IconProps, "name">) => react_jsx_runtime.JSX.Element;
+    Person: (props: Omit<IconProps, "name">) => react_jsx_runtime.JSX.Element;
+    Hub: (props: Omit<IconProps, "name">) => react_jsx_runtime.JSX.Element;
+    Verified: (props: Omit<IconProps, "name">) => react_jsx_runtime.JSX.Element;
+    SmartToy: (props: Omit<IconProps, "name">) => react_jsx_runtime.JSX.Element;
+    Psychology: (props: Omit<IconProps, "name">) => react_jsx_runtime.JSX.Element;
+    Event: (props: Omit<IconProps, "name">) => react_jsx_runtime.JSX.Element;
+    PlayArrow: (props: Omit<IconProps, "name">) => react_jsx_runtime.JSX.Element;
+    ChatBubble: (props: Omit<IconProps, "name">) => react_jsx_runtime.JSX.Element;
+    Progress: (props: Omit<IconProps, "name">) => react_jsx_runtime.JSX.Element;
+};
+
+type StatusType = 'success' | 'pending' | 'failed' | 'completed' | 'error';
+interface StatusBadgeProps {
+    status: StatusType;
+    className?: string;
+}
+declare function StatusBadge({ status, className }: StatusBadgeProps): react_jsx_runtime.JSX.Element;
+
+type NetworkType = 'L1' | 'LN' | 'RGB20' | 'RGB21' | 'RGB-L1' | 'RGB-LN' | 'Spark' | 'Arkade';
+interface NetworkBadgeProps {
+    network: NetworkType;
+    /** Override the icon path (consumer provides asset path) */
+    iconBasePath?: string;
+    className?: string;
+}
+declare function NetworkBadge({ network, iconBasePath, className }: NetworkBadgeProps): react_jsx_runtime.JSX.Element;
+
+interface AssetIconProps {
+    ticker: string;
+    logoUri?: string;
+    /** CDN base URL for icon resolution (defaults to KaleidoSwap CDN) */
+    cdnBaseUrl?: string;
+    size?: number;
+    className?: string;
+}
+/**
+ * Renders a circular asset icon.
+ * First checks local SVG map, then tries CDN, then placeholder.
+ */
+declare function AssetIcon({ ticker, logoUri, cdnBaseUrl, size, className }: AssetIconProps): react_jsx_runtime.JSX.Element;
+
+interface AssetCardProps {
+    /** Asset ticker symbol (e.g. "BTC", "USDT") */
+    ticker: string;
+    /** Display name (e.g. "Bitcoin") */
+    name: string;
+    /** Formatted display balance string */
+    displayBalance: string;
+    /** Networks this asset is available on */
+    networks?: NetworkType[];
+    /** Logo URI override */
+    logoUri?: string;
+    /** Whether balance should be masked */
+    balanceVisible?: boolean;
+    onClick?: () => void;
+    className?: string;
+}
+declare function AssetCard({ ticker, name, displayBalance, networks, logoUri, balanceVisible, onClick, className, }: AssetCardProps): react_jsx_runtime.JSX.Element;
+
+interface TransactionCardProps {
+    /** Direction of the transaction */
+    direction: 'inbound' | 'outbound';
+    /** Status of the transaction */
+    status: StatusType;
+    /** Formatted amount string (e.g. "1,234") */
+    displayAmount: string;
+    /** Unit label (e.g. "sats", "BTC") */
+    unit?: string;
+    /** Unix timestamp in seconds */
+    timestamp: number;
+    onClick?: () => void;
+    className?: string;
+}
+declare function TransactionCard({ direction, status, displayAmount, unit, timestamp, onClick, className, }: TransactionCardProps): react_jsx_runtime.JSX.Element;
+
+interface PageHeaderProps {
+    left?: ReactNode;
+    title?: string;
+    right?: ReactNode;
+    /** Border class for network-aware styling (e.g. "border-network-bitcoin/30") */
+    borderClassName?: string;
+}
+declare function PageHeader({ left, title, right, borderClassName }: PageHeaderProps): react_jsx_runtime.JSX.Element;
+
+interface SettingItemProps {
+    icon?: string;
+    iconSrc?: string;
+    iconAlt?: string;
+    title: string;
+    description?: string;
+    value?: string | ReactNode;
+    onClick?: () => void;
+    showChevron?: boolean;
+    className?: string;
+    iconColor?: string;
+}
+declare function SettingItem({ icon, iconSrc, iconAlt, title, description, value, onClick, showChevron, className, iconColor, }: SettingItemProps): react_jsx_runtime.JSX.Element;
+
+interface SectionLabelProps {
+    children: ReactNode;
+    className?: string;
+}
+declare function SectionLabel({ children, className }: SectionLabelProps): react_jsx_runtime.JSX.Element;
+
+declare const variantStyles: {
+    readonly error: {
+        readonly container: "bg-red-500/10 border-red-500/20";
+        readonly icon: "text-red-400";
+        readonly iconName: "error";
+    };
+    readonly warning: {
+        readonly container: "bg-amber-500/10 border-amber-500/20";
+        readonly icon: "text-amber-400";
+        readonly iconName: "warning";
+    };
+    readonly info: {
+        readonly container: "bg-blue-500/10 border-blue-500/20";
+        readonly icon: "text-blue-400";
+        readonly iconName: "info";
+    };
+    readonly success: {
+        readonly container: "bg-primary/10 border-primary/20";
+        readonly icon: "text-primary";
+        readonly iconName: "check_circle";
+    };
+};
+interface AlertBannerProps {
+    variant?: keyof typeof variantStyles;
+    icon?: string;
+    children: ReactNode;
+    className?: string;
+}
+declare function AlertBanner({ variant, icon, children, className }: AlertBannerProps): react_jsx_runtime.JSX.Element;
+
+interface Props {
+    children: ReactNode;
+    fallback?: ReactNode;
+    onReset?: () => void;
+}
+interface State {
+    hasError: boolean;
+    error: Error | null;
+}
+declare class ErrorBoundary extends Component<Props, State> {
+    constructor(props: Props);
+    static getDerivedStateFromError(error: Error): State;
+    componentDidCatch(error: Error, info: React.ErrorInfo): void;
+    render(): string | number | bigint | boolean | react_jsx_runtime.JSX.Element | Iterable<ReactNode> | Promise<string | number | bigint | boolean | React$1.ReactPortal | React$1.ReactElement<unknown, string | React$1.JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | null | undefined;
+}
+
+type ToasterToast = ToastProps & {
+    id: string;
+    title?: React$1.ReactNode;
+    description?: React$1.ReactNode;
+    action?: ToastActionElement;
+    duration?: number;
+};
+interface Toast extends Omit<ToasterToast, 'id'> {
+}
+declare function toast({ duration, ...props }: Toast): {
+    id: string;
+    dismiss: () => void;
+    update: (props: ToasterToast) => void;
+};
+declare function useToast(): {
+    toast: typeof toast;
+    dismiss: (toastId?: string) => void;
+    toasts: ToasterToast[];
+};
+
+/**
+ * Build the CDN icon URL for a given ticker.
+ */
+declare function getAssetIconUrl(ticker: string, cdnBaseUrl?: string): string;
+declare function getFallbackAssetIconUrl(seed: string): string;
+/**
+ * Hook that returns a CDN icon URL for a given asset ticker.
+ */
+declare function useAssetIcon(ticker: string, cdnBaseUrl?: string): string;
+
+export { AlertBanner, AssetCard, type AssetCardProps, AssetIcon, Button, type ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, ErrorBoundary, Icon, type IconProps, Icons, Input, type InputProps, Label, NetworkBadge, type NetworkType, PageHeader, type PageHeaderProps, SectionLabel, SettingItem, StatusBadge, type StatusType, Tabs, TabsContent, TabsList, TabsTrigger, Toast$1 as Toast, ToastAction, type ToastActionElement, ToastClose, ToastDescription, type ToastProps, ToastProvider, ToastTitle, ToastViewport, Toaster, TransactionCard, type TransactionCardProps, buttonVariants, cn, getAssetIconUrl, getFallbackAssetIconUrl, toast, useAssetIcon, useToast };

package/dist/web/index.d.ts

@@ -0,0 +1,308 @@
+import { ClassValue } from 'clsx';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as React$1 from 'react';
+import { HTMLAttributes, ReactNode, Component } from 'react';
+import { VariantProps } from 'class-variance-authority';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as DialogPrimitive from '@radix-ui/react-dialog';
+import * as TabsPrimitive from '@radix-ui/react-tabs';
+import * as LabelPrimitive from '@radix-ui/react-label';
+import * as ToastPrimitives from '@radix-ui/react-toast';
+
+declare function cn(...inputs: ClassValue[]): string;
+
+declare const buttonVariants: (props?: ({
+    variant?: "default" | "destructive" | "outline" | "secondary" | "ghost" | "link" | "glow" | "surface" | "cta" | "cta-gradient" | "danger-subtle" | null | undefined;
+    size?: "default" | "cta" | "sm" | "lg" | "xl" | "cta-lg" | "icon" | "icon-lg" | "icon-xl" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface ButtonProps extends React$1.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
+    asChild?: boolean;
+}
+declare const Button: React$1.ForwardRefExoticComponent<ButtonProps & React$1.RefAttributes<HTMLButtonElement>>;
+
+declare const Card: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
+declare const CardHeader: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
+declare const CardTitle: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLHeadingElement> & React$1.RefAttributes<HTMLParagraphElement>>;
+declare const CardDescription: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLParagraphElement> & React$1.RefAttributes<HTMLParagraphElement>>;
+declare const CardContent: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
+declare const CardFooter: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
+
+interface InputProps extends React$1.InputHTMLAttributes<HTMLInputElement> {
+}
+declare const Input: React$1.ForwardRefExoticComponent<InputProps & React$1.RefAttributes<HTMLInputElement>>;
+
+declare const Dialog: React$1.FC<DialogPrimitive.DialogProps>;
+declare const DialogTrigger: React$1.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
+declare const DialogPortal: React$1.FC<DialogPrimitive.DialogPortalProps>;
+declare const DialogClose: React$1.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React$1.RefAttributes<HTMLButtonElement>>;
+declare const DialogOverlay: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const DialogContent: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const DialogHeader: {
+    ({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+declare const DialogFooter: {
+    ({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+declare const DialogTitle: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React$1.RefAttributes<HTMLHeadingElement>, "ref"> & React$1.RefAttributes<HTMLHeadingElement>>;
+declare const DialogDescription: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React$1.RefAttributes<HTMLParagraphElement>, "ref"> & React$1.RefAttributes<HTMLParagraphElement>>;
+
+declare const Tabs: React$1.ForwardRefExoticComponent<TabsPrimitive.TabsProps & React$1.RefAttributes<HTMLDivElement>>;
+declare const TabsList: React$1.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsListProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const TabsTrigger: React$1.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsTriggerProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
+declare const TabsContent: React$1.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+
+declare const Label: React$1.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & React$1.RefAttributes<HTMLLabelElement>, "ref"> & VariantProps<(props?: class_variance_authority_types.ClassProp | undefined) => string> & React$1.RefAttributes<HTMLLabelElement>>;
+
+declare const ToastProvider: React$1.FC<ToastPrimitives.ToastProviderProps>;
+declare const ToastViewport: React$1.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastViewportProps & React$1.RefAttributes<HTMLOListElement>, "ref"> & React$1.RefAttributes<HTMLOListElement>>;
+declare const Toast$1: React$1.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastProps & React$1.RefAttributes<HTMLLIElement>, "ref"> & VariantProps<(props?: ({
+    variant?: "default" | "destructive" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string> & React$1.RefAttributes<HTMLLIElement>>;
+declare const ToastAction: React$1.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastActionProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
+declare const ToastClose: React$1.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastCloseProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
+declare const ToastTitle: React$1.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastTitleProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const ToastDescription: React$1.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastDescriptionProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+type ToastProps = React$1.ComponentPropsWithoutRef<typeof Toast$1>;
+type ToastActionElement = React$1.ReactElement<typeof ToastAction>;
+
+declare function Toaster(): react_jsx_runtime.JSX.Element;
+
+interface IconProps extends HTMLAttributes<HTMLSpanElement> {
+    /** Material Symbols icon name (e.g., "home", "settings", "arrow_back") */
+    name: string;
+    /** Use filled variant of the icon */
+    filled?: boolean;
+    /** Icon size */
+    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
+}
+declare function Icon({ name, filled, size, className, ...props }: IconProps): react_jsx_runtime.JSX.Element;
+/**
+ * Convenience components for common icons
+ */
+declare const Icons: {
+    ArrowBack: (props: Omit<IconProps, "name">) => react_jsx_runtime.JSX.Element;
+    ArrowForward: (props: Omit<IconProps, "name">) => react_jsx_runtime.JSX.Element;
+    Close: (props: Omit<IconProps, "name">) => react_jsx_runtime.JSX.Element;
+    Menu: (props: Omit<IconProps, "name">) => react_jsx_runtime.JSX.Element;
+    Send: (props: Omit<IconProps, "name">) => react_jsx_runtime.JSX.Element;
+    Receive: (props: Omit<IconProps, "name">) => react_jsx_runtime.JSX.Element;
+    Swap: (props: Omit<IconProps, "name">) => react_jsx_runtime.JSX.Element;
+    Copy: (props: Omit<IconProps, "name">) => react_jsx_runtime.JSX.Element;
+    Paste: (props: Omit<IconProps, "name">) => react_jsx_runtime.JSX.Element;
+    Refresh: (props: Omit<IconProps, "name">) => react_jsx_runtime.JSX.Element;
+    Share: (props: Omit<IconProps, "name">) => react_jsx_runtime.JSX.Element;
+    QrCode: (props: Omit<IconProps, "name">) => react_jsx_runtime.JSX.Element;
+    QrScanner: (props: Omit<IconProps, "name">) => react_jsx_runtime.JSX.Element;
+    Check: (props: Omit<IconProps, "name">) => react_jsx_runtime.JSX.Element;
+    CheckCircle: (props: Omit<IconProps, "name">) => react_jsx_runtime.JSX.Element;
+    Error: (props: Omit<IconProps, "name">) => react_jsx_runtime.JSX.Element;
+    Warning: (props: Omit<IconProps, "name">) => react_jsx_runtime.JSX.Element;
+    Info: (props: Omit<IconProps, "name">) => react_jsx_runtime.JSX.Element;
+    Pending: (props: Omit<IconProps, "name">) => react_jsx_runtime.JSX.Element;
+    Wallet: (props: Omit<IconProps, "name">) => react_jsx_runtime.JSX.Element;
+    Activity: (props: Omit<IconProps, "name">) => react_jsx_runtime.JSX.Element;
+    Settings: (props: Omit<IconProps, "name">) => react_jsx_runtime.JSX.Element;
+    Lightning: (props: Omit<IconProps, "name">) => react_jsx_runtime.JSX.Element;
+    Bitcoin: (props: Omit<IconProps, "name">) => react_jsx_runtime.JSX.Element;
+    Ark: (props: Omit<IconProps, "name">) => react_jsx_runtime.JSX.Element;
+    Lock: (props: Omit<IconProps, "name">) => react_jsx_runtime.JSX.Element;
+    Unlock: (props: Omit<IconProps, "name">) => react_jsx_runtime.JSX.Element;
+    Shield: (props: Omit<IconProps, "name">) => react_jsx_runtime.JSX.Element;
+    Key: (props: Omit<IconProps, "name">) => react_jsx_runtime.JSX.Element;
+    Fingerprint: (props: Omit<IconProps, "name">) => react_jsx_runtime.JSX.Element;
+    Visibility: (props: Omit<IconProps, "name">) => react_jsx_runtime.JSX.Element;
+    VisibilityOff: (props: Omit<IconProps, "name">) => react_jsx_runtime.JSX.Element;
+    ExpandMore: (props: Omit<IconProps, "name">) => react_jsx_runtime.JSX.Element;
+    ExpandLess: (props: Omit<IconProps, "name">) => react_jsx_runtime.JSX.Element;
+    ChevronRight: (props: Omit<IconProps, "name">) => react_jsx_runtime.JSX.Element;
+    OpenInNew: (props: Omit<IconProps, "name">) => react_jsx_runtime.JSX.Element;
+    Search: (props: Omit<IconProps, "name">) => react_jsx_runtime.JSX.Element;
+    Add: (props: Omit<IconProps, "name">) => react_jsx_runtime.JSX.Element;
+    Download: (props: Omit<IconProps, "name">) => react_jsx_runtime.JSX.Element;
+    Upload: (props: Omit<IconProps, "name">) => react_jsx_runtime.JSX.Element;
+    Edit: (props: Omit<IconProps, "name">) => react_jsx_runtime.JSX.Element;
+    Delete: (props: Omit<IconProps, "name">) => react_jsx_runtime.JSX.Element;
+    Timer: (props: Omit<IconProps, "name">) => react_jsx_runtime.JSX.Element;
+    Person: (props: Omit<IconProps, "name">) => react_jsx_runtime.JSX.Element;
+    Hub: (props: Omit<IconProps, "name">) => react_jsx_runtime.JSX.Element;
+    Verified: (props: Omit<IconProps, "name">) => react_jsx_runtime.JSX.Element;
+    SmartToy: (props: Omit<IconProps, "name">) => react_jsx_runtime.JSX.Element;
+    Psychology: (props: Omit<IconProps, "name">) => react_jsx_runtime.JSX.Element;
+    Event: (props: Omit<IconProps, "name">) => react_jsx_runtime.JSX.Element;
+    PlayArrow: (props: Omit<IconProps, "name">) => react_jsx_runtime.JSX.Element;
+    ChatBubble: (props: Omit<IconProps, "name">) => react_jsx_runtime.JSX.Element;
+    Progress: (props: Omit<IconProps, "name">) => react_jsx_runtime.JSX.Element;
+};
+
+type StatusType = 'success' | 'pending' | 'failed' | 'completed' | 'error';
+interface StatusBadgeProps {
+    status: StatusType;
+    className?: string;
+}
+declare function StatusBadge({ status, className }: StatusBadgeProps): react_jsx_runtime.JSX.Element;
+
+type NetworkType = 'L1' | 'LN' | 'RGB20' | 'RGB21' | 'RGB-L1' | 'RGB-LN' | 'Spark' | 'Arkade';
+interface NetworkBadgeProps {
+    network: NetworkType;
+    /** Override the icon path (consumer provides asset path) */
+    iconBasePath?: string;
+    className?: string;
+}
+declare function NetworkBadge({ network, iconBasePath, className }: NetworkBadgeProps): react_jsx_runtime.JSX.Element;
+
+interface AssetIconProps {
+    ticker: string;
+    logoUri?: string;
+    /** CDN base URL for icon resolution (defaults to KaleidoSwap CDN) */
+    cdnBaseUrl?: string;
+    size?: number;
+    className?: string;
+}
+/**
+ * Renders a circular asset icon.
+ * First checks local SVG map, then tries CDN, then placeholder.
+ */
+declare function AssetIcon({ ticker, logoUri, cdnBaseUrl, size, className }: AssetIconProps): react_jsx_runtime.JSX.Element;
+
+interface AssetCardProps {
+    /** Asset ticker symbol (e.g. "BTC", "USDT") */
+    ticker: string;
+    /** Display name (e.g. "Bitcoin") */
+    name: string;
+    /** Formatted display balance string */
+    displayBalance: string;
+    /** Networks this asset is available on */
+    networks?: NetworkType[];
+    /** Logo URI override */
+    logoUri?: string;
+    /** Whether balance should be masked */
+    balanceVisible?: boolean;
+    onClick?: () => void;
+    className?: string;
+}
+declare function AssetCard({ ticker, name, displayBalance, networks, logoUri, balanceVisible, onClick, className, }: AssetCardProps): react_jsx_runtime.JSX.Element;
+
+interface TransactionCardProps {
+    /** Direction of the transaction */
+    direction: 'inbound' | 'outbound';
+    /** Status of the transaction */
+    status: StatusType;
+    /** Formatted amount string (e.g. "1,234") */
+    displayAmount: string;
+    /** Unit label (e.g. "sats", "BTC") */
+    unit?: string;
+    /** Unix timestamp in seconds */
+    timestamp: number;
+    onClick?: () => void;
+    className?: string;
+}
+declare function TransactionCard({ direction, status, displayAmount, unit, timestamp, onClick, className, }: TransactionCardProps): react_jsx_runtime.JSX.Element;
+
+interface PageHeaderProps {
+    left?: ReactNode;
+    title?: string;
+    right?: ReactNode;
+    /** Border class for network-aware styling (e.g. "border-network-bitcoin/30") */
+    borderClassName?: string;
+}
+declare function PageHeader({ left, title, right, borderClassName }: PageHeaderProps): react_jsx_runtime.JSX.Element;
+
+interface SettingItemProps {
+    icon?: string;
+    iconSrc?: string;
+    iconAlt?: string;
+    title: string;
+    description?: string;
+    value?: string | ReactNode;
+    onClick?: () => void;
+    showChevron?: boolean;
+    className?: string;
+    iconColor?: string;
+}
+declare function SettingItem({ icon, iconSrc, iconAlt, title, description, value, onClick, showChevron, className, iconColor, }: SettingItemProps): react_jsx_runtime.JSX.Element;
+
+interface SectionLabelProps {
+    children: ReactNode;
+    className?: string;
+}
+declare function SectionLabel({ children, className }: SectionLabelProps): react_jsx_runtime.JSX.Element;
+
+declare const variantStyles: {
+    readonly error: {
+        readonly container: "bg-red-500/10 border-red-500/20";
+        readonly icon: "text-red-400";
+        readonly iconName: "error";
+    };
+    readonly warning: {
+        readonly container: "bg-amber-500/10 border-amber-500/20";
+        readonly icon: "text-amber-400";
+        readonly iconName: "warning";
+    };
+    readonly info: {
+        readonly container: "bg-blue-500/10 border-blue-500/20";
+        readonly icon: "text-blue-400";
+        readonly iconName: "info";
+    };
+    readonly success: {
+        readonly container: "bg-primary/10 border-primary/20";
+        readonly icon: "text-primary";
+        readonly iconName: "check_circle";
+    };
+};
+interface AlertBannerProps {
+    variant?: keyof typeof variantStyles;
+    icon?: string;
+    children: ReactNode;
+    className?: string;
+}
+declare function AlertBanner({ variant, icon, children, className }: AlertBannerProps): react_jsx_runtime.JSX.Element;
+
+interface Props {
+    children: ReactNode;
+    fallback?: ReactNode;
+    onReset?: () => void;
+}
+interface State {
+    hasError: boolean;
+    error: Error | null;
+}
+declare class ErrorBoundary extends Component<Props, State> {
+    constructor(props: Props);
+    static getDerivedStateFromError(error: Error): State;
+    componentDidCatch(error: Error, info: React.ErrorInfo): void;
+    render(): string | number | bigint | boolean | react_jsx_runtime.JSX.Element | Iterable<ReactNode> | Promise<string | number | bigint | boolean | React$1.ReactPortal | React$1.ReactElement<unknown, string | React$1.JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | null | undefined;
+}
+
+type ToasterToast = ToastProps & {
+    id: string;
+    title?: React$1.ReactNode;
+    description?: React$1.ReactNode;
+    action?: ToastActionElement;
+    duration?: number;
+};
+interface Toast extends Omit<ToasterToast, 'id'> {
+}
+declare function toast({ duration, ...props }: Toast): {
+    id: string;
+    dismiss: () => void;
+    update: (props: ToasterToast) => void;
+};
+declare function useToast(): {
+    toast: typeof toast;
+    dismiss: (toastId?: string) => void;
+    toasts: ToasterToast[];
+};
+
+/**
+ * Build the CDN icon URL for a given ticker.
+ */
+declare function getAssetIconUrl(ticker: string, cdnBaseUrl?: string): string;
+declare function getFallbackAssetIconUrl(seed: string): string;
+/**
+ * Hook that returns a CDN icon URL for a given asset ticker.
+ */
+declare function useAssetIcon(ticker: string, cdnBaseUrl?: string): string;
+
+export { AlertBanner, AssetCard, type AssetCardProps, AssetIcon, Button, type ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, ErrorBoundary, Icon, type IconProps, Icons, Input, type InputProps, Label, NetworkBadge, type NetworkType, PageHeader, type PageHeaderProps, SectionLabel, SettingItem, StatusBadge, type StatusType, Tabs, TabsContent, TabsList, TabsTrigger, Toast$1 as Toast, ToastAction, type ToastActionElement, ToastClose, ToastDescription, type ToastProps, ToastProvider, ToastTitle, ToastViewport, Toaster, TransactionCard, type TransactionCardProps, buttonVariants, cn, getAssetIconUrl, getFallbackAssetIconUrl, toast, useAssetIcon, useToast };