@airdraft/react-ui 0.1.0

package/dist/ui/aevr/aevr/info-box.js

@@ -0,0 +1,248 @@
+"use client";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import Link from "next/link";
+import React from "react";
+import { cva } from "class-variance-authority";
+import { cn } from "@/lib/utils";
+import { Button } from "@/components/ui/aevr/button";
+import Loader from "@/components/ui/aevr/loader";
+import { getActionSize, getActionVariant } from "@/utils/aevr/variants";
+import { AlertCircleIcon, CheckCircleIcon, Info, XIcon } from "lucide-react";
+// CVA variants for the main container
+const infoBoxVariants = cva("relative flex grow flex-wrap border transition-colors duration-200", {
+    variants: {
+        type: {
+            default: "",
+            warning: "",
+            error: "",
+            success: "",
+            info: "",
+            loading: "",
+        },
+        size: {
+            xs: "gap-2 rounded-xl p-2",
+            sm: "gap-3 rounded-2xl p-3",
+            md: "gap-4 rounded-3xl p-5 max-md:flex-col max-md:gap-2 max-md:p-3",
+            lg: "gap-5 rounded-3xl p-6",
+            xl: "gap-6 rounded-3xl p-8",
+            "2xl": "gap-8 rounded-3xl p-10",
+        },
+        colorScheme: {
+            default: "border-neutral-200 bg-neutral-50 text-neutral-900 dark:border-neutral-700 dark:bg-neutral-950 dark:text-neutral-100",
+            full: "",
+        },
+    },
+    compoundVariants: [
+        // Full color scheme variants
+        {
+            type: "warning",
+            colorScheme: "full",
+            className: "bg-yellow-50 dark:bg-yellow-950 border-yellow-200 dark:border-yellow-800 text-yellow-900 dark:text-yellow-100",
+        },
+        {
+            type: "error",
+            colorScheme: "full",
+            className: "bg-red-50 dark:bg-red-950 border-red-200 dark:border-red-800 text-red-900 dark:text-red-100",
+        },
+        {
+            type: "success",
+            colorScheme: "full",
+            className: "bg-green-50 dark:bg-green-950 border-green-200 dark:border-green-800 text-green-900 dark:text-green-100",
+        },
+        {
+            type: "info",
+            colorScheme: "full",
+            className: "bg-blue-50 dark:bg-blue-950 border-blue-200 dark:border-blue-800 text-blue-900 dark:text-blue-100",
+        },
+        {
+            type: "loading",
+            colorScheme: "full",
+            className: "bg-neutral-50 dark:bg-neutral-950 border-neutral-200 dark:border-neutral-800 text-neutral-900 dark:text-neutral-100",
+        },
+        {
+            type: "default",
+            colorScheme: "full",
+            className: "bg-neutral-50 dark:bg-neutral-950 border-neutral-200 dark:border-neutral-800 text-neutral-900 dark:text-neutral-100",
+        },
+    ],
+    defaultVariants: {
+        type: "default",
+        size: "md",
+        colorScheme: "full",
+    },
+});
+// CVA variants for the icon container
+const iconContainerVariants = cva("relative flex items-start justify-center", {
+    variants: {
+        type: {
+            default: "bg-neutral-100 dark:bg-neutral-800",
+            warning: "bg-yellow-100 dark:bg-yellow-900/20",
+            error: "bg-red-100 dark:bg-red-900/20",
+            success: "bg-green-100 dark:bg-green-900/20",
+            info: "bg-blue-100 dark:bg-blue-900/20",
+            loading: "bg-neutral-100 dark:bg-neutral-800",
+        },
+        size: {
+            xs: "rounded-md p-2",
+            sm: "rounded-lg p-2",
+            md: "rounded-lg p-3",
+            lg: "rounded-xl p-4",
+            xl: "rounded-2xl p-5",
+            "2xl": "rounded-3xl p-6",
+        },
+    },
+    defaultVariants: {
+        type: "default",
+        size: "md",
+    },
+});
+// CVA variants for icons
+const iconVariants = cva("icon", {
+    variants: {
+        type: {
+            default: "text-neutral-500",
+            warning: "text-yellow-500",
+            error: "text-red-500",
+            success: "text-green-500",
+            info: "text-blue-500",
+            loading: "text-neutral-500",
+        },
+        size: {
+            xs: "h-5 w-5",
+            sm: "h-6 w-6",
+            md: "h-8 w-8",
+            lg: "h-10 w-10",
+            xl: "h-12 w-12",
+            "2xl": "h-14 w-14",
+        },
+    },
+    defaultVariants: {
+        type: "default",
+        size: "md",
+    },
+});
+// CVA variants for title
+const titleVariants = cva("font-medium", {
+    variants: {
+        size: {
+            xs: "text-sm",
+            sm: "text-sm font-semibold",
+            md: "text-base font-semibold",
+            lg: "text-lg font-semibold",
+            xl: "text-xl font-semibold",
+            "2xl": "text-2xl font-bold",
+        },
+    },
+    defaultVariants: {
+        size: "md",
+    },
+});
+// CVA variants for description
+const descriptionVariants = cva("opacity-80", {
+    variants: {
+        size: {
+            xs: "text-xs",
+            sm: "text-sm",
+            md: "text-base max-md:text-sm",
+            lg: "text-lg",
+            xl: "text-xl",
+            "2xl": "text-2xl",
+        },
+    },
+    defaultVariants: {
+        size: "md",
+    },
+});
+// CVA variants for actions container
+const actionsVariants = cva("flex flex-wrap", {
+    variants: {
+        size: {
+            xs: "mt-1 gap-1",
+            sm: "mt-1.5 gap-1.5",
+            md: "mt-2 gap-2",
+            lg: "mt-3 gap-2.5",
+            xl: "mt-4 gap-3",
+            "2xl": "mt-5 gap-4",
+        },
+    },
+    defaultVariants: {
+        size: "md",
+    },
+});
+// CVA variants for close button
+const closeButtonVariants = cva("absolute", {
+    variants: {
+        size: {
+            xs: "right-1 top-1",
+            sm: "right-2 top-2",
+            md: "right-3 top-3",
+            lg: "right-4 top-4",
+            xl: "right-5 top-5",
+            "2xl": "right-6 top-6",
+        },
+    },
+    defaultVariants: {
+        size: "md",
+    },
+});
+// Safe type guard function
+const isActionObject = (action) => {
+    return (typeof action === "object" &&
+        action !== null &&
+        !React.isValidElement(action) &&
+        "name" in action);
+};
+const InfoBox = ({ loading, icon, description, actions, children, type = "default", size = "md", colorScheme = "default", className, onClose, title, ...props }) => {
+    // Map type to appropriate icon
+    const getIconByType = () => {
+        const iconProps = {
+            className: iconVariants({ type, size }),
+            strokeWidth: 2,
+        };
+        if (loading) {
+            return _jsx(Loader, { loading: true, className: iconVariants({ size }) });
+        }
+        switch (type) {
+            case "warning":
+                return _jsx(AlertCircleIcon, { ...iconProps });
+            case "error":
+                return _jsx(AlertCircleIcon, { ...iconProps });
+            case "success":
+                return _jsx(CheckCircleIcon, { ...iconProps });
+            case "info":
+                return _jsx(Info, { ...iconProps });
+            case "loading":
+                return _jsx(Loader, { loading: true, className: iconVariants({ size }) });
+            default:
+                return _jsx(Info, { ...iconProps });
+        }
+    };
+    const renderAction = (action, index) => {
+        const variant = getActionVariant(action.type || "default");
+        const buttonSize = getActionSize(size);
+        const content = (_jsxs(_Fragment, { children: [action.icon && action.iconStart && (_jsx("span", { className: "icon", children: action.icon })), _jsx("span", { children: action.name }), action.icon && !action.iconStart && (_jsx("span", { className: "icon", children: action.icon }))] }));
+        // If path exists, render Link with Button
+        if (action.path) {
+            return (_jsx(Button, { asChild: true, variant: variant, size: buttonSize, children: _jsx(Link, { href: action.path, children: content }) }, index));
+        }
+        // Otherwise render Button with onClick
+        return (_jsx(Button, { variant: variant, size: buttonSize, onClick: action.onClick, disabled: action.disabled, children: content }, index));
+    };
+    const renderActionItem = (action, index) => {
+        if (isActionObject(action)) {
+            return renderAction(action, index);
+        }
+        else {
+            return _jsx(React.Fragment, { children: action }, index);
+        }
+    };
+    const displayIcon = icon || getIconByType();
+    const hasContentStack = (!!title && !!description) ||
+        (!!actions && actions.length > 0) ||
+        !!children;
+    return (_jsxs("div", { className: cn(infoBoxVariants({ type, size, colorScheme }), 
+        // If content stack is present, align start. Otherwise center (for single line or icon+text)
+        hasContentStack ? "items-start" : "items-center", className), ...props, children: [displayIcon && (_jsx("div", { className: iconContainerVariants({ type, size }), children: displayIcon })), _jsxs("div", { className: "flex w-full flex-1 flex-col justify-center", children: [title && (_jsx("h3", { className: cn(titleVariants({ size }), "leading-tight"), children: title })), description && (_jsx("div", { className: cn(descriptionVariants({ size }), "break-words hyphens-auto whitespace-pre-wrap"), children: description })), actions && actions.length > 0 && (_jsx("div", { className: actionsVariants({ size }), children: actions.map((action, index) => renderActionItem(action, index)) })), children] }), onClose && (_jsx(Button, { onClick: onClose, variant: "ghost", size: getActionSize(), className: closeButtonVariants({ size }), "aria-label": "Close", children: _jsx(XIcon, { className: "icon" }) }))] }));
+};
+export { InfoBox, infoBoxVariants };
+//# sourceMappingURL=info-box.js.map

package/dist/ui/aevr/aevr/info-box.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"info-box.js","sourceRoot":"","sources":["../../../../src/ui/aevr/aevr/info-box.tsx"],"names":[],"mappings":"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"}

package/dist/ui/aevr/aevr/loader.d.ts

@@ -0,0 +1,6 @@
+declare const Loader: React.FC<{
+    loading?: boolean;
+    className?: string;
+}>;
+export default Loader;
+//# sourceMappingURL=loader.d.ts.map

package/dist/ui/aevr/aevr/loader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"loader.d.ts","sourceRoot":"","sources":["../../../../src/ui/aevr/aevr/loader.tsx"],"names":[],"mappings":"AA0BA,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,OAAO,CAAC,EAAE,OAAO,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAqB/D,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/dist/ui/aevr/aevr/loader.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from "@/lib/utils";
+import { AnimatePresence, motion } from "motion/react";
+const LoaderIcon = (props) => {
+    return (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "267", height: "267", fill: "none", viewBox: "0 0 267 267", ...props, children: [_jsx("path", { fill: "currentColor", fillOpacity: "0.3", d: "M133.5 0C207.23 0 267 59.77 267 133.5c0 73.73-59.77 133.5-133.5 133.5C59.77 267 0 207.23 0 133.5 0 59.77 59.77 0 133.5 0zm0 226.95c51.611 0 93.45-41.839 93.45-93.45 0-51.611-41.839-93.45-93.45-93.45-51.611 0-93.45 41.839-93.45 93.45 0 51.611 41.839 93.45 93.45 93.45z" }), _jsx("path", { fill: "currentColor", d: "M66.75 17.886A133.5 133.5 0 004.549 98.948l38.685 10.365A93.45 93.45 0 0186.775 52.57L66.75 17.886z" })] }));
+};
+const Loader = ({ loading = true, className, }) => {
+    return (_jsx(AnimatePresence, { children: loading && (_jsx(motion.div, { className: "overflow-clip", initial: { width: 0, scale: 0 }, animate: { width: loading ? "auto" : 0, scale: loading ? 1 : 0 }, exit: {
+                width: 0,
+                scale: 0,
+            }, children: _jsx(LoaderIcon, { className: cn("icon animate-spin", className) }) })) }));
+};
+export default Loader;
+//# sourceMappingURL=loader.js.map

package/dist/ui/aevr/aevr/loader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"loader.js","sourceRoot":"","sources":["../../../../src/ui/aevr/aevr/loader.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AACjC,OAAO,EAAE,eAAe,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AAEvD,MAAM,UAAU,GAA4C,CAAC,KAAK,EAAE,EAAE;IACpE,OAAO,CACL,eACE,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,KAAK,EACX,MAAM,EAAC,KAAK,EACZ,IAAI,EAAC,MAAM,EACX,OAAO,EAAC,aAAa,KACjB,KAAK,aAET,eACE,IAAI,EAAC,cAAc,EACnB,WAAW,EAAC,KAAK,EACjB,CAAC,EAAC,6QAA6Q,GACzQ,EACR,eACE,IAAI,EAAC,cAAc,EACnB,CAAC,EAAC,qGAAqG,GACjG,IACJ,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,MAAM,GAAwD,CAAC,EACnE,OAAO,GAAG,IAAI,EACd,SAAS,GACV,EAAE,EAAE;IACH,OAAO,CACL,KAAC,eAAe,cACb,OAAO,IAAI,CACV,KAAC,MAAM,CAAC,GAAG,IACT,SAAS,EAAC,eAAe,EACzB,OAAO,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,EAC/B,OAAO,EAAE,EAAE,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,EAChE,IAAI,EAAE;gBACJ,KAAK,EAAE,CAAC;gBACR,KAAK,EAAE,CAAC;aACT,YAED,KAAC,UAAU,IAAC,SAAS,EAAE,EAAE,CAAC,mBAAmB,EAAE,SAAS,CAAC,GAAI,GAClD,CACd,GACe,CACnB,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/dist/ui/aevr/aevr/mini-wallet-card.d.ts

@@ -0,0 +1,29 @@
+import { ReactNode } from "react";
+export interface WalletAction {
+    label: string;
+    icon: ReactNode;
+    onClick: () => void;
+    disabled?: boolean;
+}
+export interface WalletCardProps {
+    walletLabel: string;
+    walletBalance: number | null;
+    walletSymbol: string;
+    wallets: Array<{
+        symbol: string;
+        balance: number;
+        label?: string;
+    }>;
+    onWalletChange: (symbol: string) => void;
+    onRefresh?: () => void;
+    isRefreshing?: boolean;
+    isSwitching?: boolean;
+    variant?: "mini" | "full";
+    showSwitchButton?: boolean;
+    equivalentLoading?: boolean;
+    equivalentInfo?: ReactNode;
+    actions?: WalletAction[];
+    className?: string;
+}
+export declare function WalletCard({ walletLabel, walletBalance, walletSymbol, wallets, onWalletChange, onRefresh, isRefreshing, isSwitching, variant, showSwitchButton, equivalentLoading, equivalentInfo, actions, className, }: WalletCardProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=mini-wallet-card.d.ts.map

package/dist/ui/aevr/aevr/mini-wallet-card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mini-wallet-card.d.ts","sourceRoot":"","sources":["../../../../src/ui/aevr/aevr/mini-wallet-card.tsx"],"names":[],"mappings":"AAcA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,SAAS,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,eAAe;IAC9B,WAAW,EAAE,MAAM,CAAC;IACpB,aAAa,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,YAAY,EAAE,MAAM,CAAC;IACrB,OAAO,EAAE,KAAK,CAAC;QAAE,MAAM,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IACpE,cAAc,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC1B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,YAAY,EAAE,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAkBD,wBAAgB,UAAU,CAAC,EACzB,WAAW,EACX,aAAa,EACb,YAAY,EACZ,OAAO,EACP,cAAc,EACd,SAAS,EACT,YAAoB,EACpB,WAAmB,EACnB,OAAgB,EAChB,gBAAuB,EACvB,iBAAiB,EACjB,cAAc,EACd,OAAO,EACP,SAAS,GACV,EAAE,eAAe,2CA6NjB"}

package/dist/ui/aevr/aevr/mini-wallet-card.js

@@ -0,0 +1,31 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button } from "@/components/ui/button";
+import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger, } from "@/components/ui/dropdown-menu";
+import { cn } from "@/lib/utils";
+import { formatCurrency } from "@/utils/aevr/number-formatter";
+import { ChevronsUpDownIcon, RefreshCwIcon, WalletIcon } from "lucide-react";
+function formatBalance(balance, symbol) {
+    return formatCurrency(balance ?? 0, {
+        currency: symbol,
+        minimumFractionDigits: 0,
+        maximumFractionDigits: 3,
+    });
+}
+function formatWalletListAmount(balance, symbol) {
+    return formatCurrency(balance ?? 0, {
+        currency: symbol,
+        minimumFractionDigits: 0,
+        maximumFractionDigits: 3,
+    });
+}
+export function WalletCard({ walletLabel, walletBalance, walletSymbol, wallets, onWalletChange, onRefresh, isRefreshing = false, isSwitching = false, variant = "mini", showSwitchButton = true, equivalentLoading, equivalentInfo, actions, className, }) {
+    const isFull = variant === "full";
+    const controlsDisabled = isRefreshing || isSwitching;
+    if (isFull) {
+        return (_jsxs("div", { className: cn("bg-background overflow-hidden rounded-2xl border shadow-none", className), children: [_jsxs("div", { className: "flex flex-wrap items-center justify-between gap-3 border-b px-5 py-4", children: [_jsxs("div", { className: "flex items-center gap-3", children: [_jsx("div", { className: "bg-muted flex h-10 w-10 shrink-0 items-center justify-center rounded-full border", children: _jsx(WalletIcon, { className: "h-5 w-5" }) }), _jsxs("div", { children: [_jsx("p", { className: "text-sm text-neutral-500", children: "Active Wallet" }), _jsx("p", { className: "text-xl font-semibold", children: walletLabel })] })] }), _jsxs("div", { className: "flex items-center gap-2", children: [onRefresh && (_jsx(Button, { type: "button", variant: "outline", size: "icon", onClick: onRefresh, disabled: controlsDisabled, children: _jsx(RefreshCwIcon, { className: cn("h-4 w-4", isRefreshing ? "animate-spin" : "") }) })), showSwitchButton && (_jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsxs(Button, { type: "button", variant: "outline", disabled: controlsDisabled, children: ["Switch Wallet", _jsx(ChevronsUpDownIcon, { className: cn("h-4 w-4", isSwitching ? "animate-pulse" : "") })] }) }), _jsxs(DropdownMenuContent, { align: "end", className: "w-64", children: [_jsx(DropdownMenuLabel, { children: "Available Wallets" }), _jsx(DropdownMenuSeparator, {}), wallets.map((wallet) => (_jsxs(DropdownMenuItem, { onSelect: () => onWalletChange(wallet.symbol), disabled: controlsDisabled, className: "flex items-center justify-between gap-3", children: [_jsxs("div", { children: [_jsx("p", { className: "font-medium", children: wallet.label || `${wallet.symbol} Wallet` }), _jsx("p", { className: "text-muted-foreground text-xs", children: wallet.symbol })] }), _jsx("span", { className: "text-right text-xs font-medium", children: formatWalletListAmount(wallet.balance, wallet.symbol) })] }, wallet.symbol)))] })] }))] })] }), _jsxs("div", { className: "flex flex-col gap-3 px-5 py-5", children: [_jsxs("div", { children: [_jsx("p", { className: "text-muted-foreground text-sm", children: "Available Balance" }), _jsx("p", { className: "mt-2 text-4xl font-bold tracking-tight text-neutral-900 dark:text-neutral-100", children: formatBalance(walletBalance, walletSymbol) })] }), (equivalentLoading || equivalentInfo) && (_jsx("div", { children: equivalentLoading ? (_jsx("p", { className: "text-muted-foreground text-xs", children: "Calculating equivalent..." })) : (equivalentInfo) })), actions && actions.length > 0 && (_jsx("div", { className: "flex flex-wrap items-center gap-2", children: actions.map((action) => (_jsxs(Button, { type: "button", variant: "secondary", onClick: action.onClick, disabled: action.disabled || controlsDisabled, children: [action.icon, action.label] }, action.label))) }))] })] }));
+    }
+    // Mini variant
+    return (_jsxs("div", { className: cn("bg-muted/35 border-border space-y-3 rounded-xl border p-3", className), children: [_jsxs("div", { className: "flex items-center justify-between gap-3 border-b pb-3", children: [_jsxs("div", { className: "flex items-center gap-3", children: [_jsx("div", { className: "bg-muted flex h-9 w-9 items-center justify-center rounded-full border", children: _jsx(WalletIcon, { className: "h-4 w-4" }) }), _jsxs("div", { children: [_jsx("p", { className: "text-muted-foreground text-xs", children: "Active Wallet" }), _jsx("p", { className: "text-sm font-semibold", children: walletLabel })] })] }), showSwitchButton && (_jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsxs(Button, { type: "button", variant: "outline", size: "sm", disabled: controlsDisabled, children: ["Switch Wallet", _jsx(ChevronsUpDownIcon, { className: cn("size-4", isSwitching ? "animate-pulse" : "") })] }) }), _jsxs(DropdownMenuContent, { align: "end", className: "w-64", children: [_jsx(DropdownMenuLabel, { children: "Available Wallets" }), _jsx(DropdownMenuSeparator, {}), wallets.map((wallet) => (_jsxs(DropdownMenuItem, { onSelect: () => onWalletChange(wallet.symbol), disabled: controlsDisabled, className: "flex items-center justify-between gap-3", children: [_jsx("span", { className: "font-medium", children: wallet.label || `${wallet.symbol} Wallet` }), _jsx("span", { className: "text-xs font-medium", children: formatWalletListAmount(wallet.balance, wallet.symbol) })] }, wallet.symbol)))] })] }))] }), _jsxs("div", { children: [_jsx("p", { className: "text-muted-foreground text-xs", children: "Available Balance" }), _jsx("p", { className: "mt-1 text-2xl font-black tracking-tight", children: formatBalance(walletBalance, walletSymbol) })] }), equivalentLoading ? (_jsx("p", { className: "text-muted-foreground text-xs", children: "Calculating equivalent..." })) : equivalentInfo ? (equivalentInfo) : (_jsx("p", { className: "text-muted-foreground text-xs", children: "Equivalent amount unavailable." })), actions && actions.length > 0 && (_jsx("div", { className: "flex flex-wrap items-center gap-2", children: actions.map((action) => (_jsxs(Button, { type: "button", variant: "secondary", size: "sm", onClick: action.onClick, disabled: action.disabled || controlsDisabled, children: [action.icon, action.label] }, action.label))) }))] }));
+}
+//# sourceMappingURL=mini-wallet-card.js.map

package/dist/ui/aevr/aevr/mini-wallet-card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mini-wallet-card.js","sourceRoot":"","sources":["../../../../src/ui/aevr/aevr/mini-wallet-card.tsx"],"names":[],"mappings":"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"}

package/dist/ui/aevr/aevr/multistep.d.ts

@@ -0,0 +1,40 @@
+import { ReactNode } from "react";
+import { StatusRecord } from "@/hooks/aevr/use-status";
+import { Icon } from "iconsax-react";
+export interface MinimalStepProps<T = unknown> {
+    values: T;
+    setValues: (values: T | ((prev: T) => T)) => void;
+    next: (values?: T) => void;
+    prev: () => void;
+    isFirst: boolean;
+    isLast: boolean;
+    status: StatusRecord;
+    setStatus: (key: string, item: unknown) => void;
+    goToStep: (step: number) => void;
+    isProcessing?: boolean;
+    stepInfo?: {
+        currentStep: number;
+        totalSteps: number;
+    };
+}
+interface MinimalMultiStepProps<T> {
+    options?: {
+        showBackBtn?: boolean;
+    };
+    trigger?: ReactNode;
+    icon?: Icon | ReactNode;
+    title?: string;
+    description?: string;
+    steps: Array<(props: MinimalStepProps<T>) => ReactNode>;
+    initialValues: T;
+    storageKey?: string;
+    onComplete?: (values: T) => Promise<void> | void;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    persist?: boolean;
+    stepProps?: Record<string, unknown>;
+    isProcessing?: boolean;
+}
+export declare function MinimalMultiStep<T>({ icon, title, description, steps, initialValues, storageKey, onComplete, open: controlledOpen, persist, options, isProcessing, stepProps, }: MinimalMultiStepProps<T>): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=multistep.d.ts.map

package/dist/ui/aevr/aevr/multistep.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"multistep.d.ts","sourceRoot":"","sources":["../../../../src/ui/aevr/aevr/multistep.tsx"],"names":[],"mappings":"AAEA,OAAc,EAAY,SAAS,EAA0B,MAAM,OAAO,CAAC;AAE3E,OAAO,EAAa,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAElE,OAAO,EAAa,IAAI,EAAE,MAAM,eAAe,CAAC;AAGhD,MAAM,WAAW,gBAAgB,CAAC,CAAC,GAAG,OAAO;IAC3C,MAAM,EAAE,CAAC,CAAC;IACV,SAAS,EAAE,CAAC,MAAM,EAAE,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,KAAK,CAAC,CAAC,KAAK,IAAI,CAAC;IAClD,IAAI,EAAE,CAAC,MAAM,CAAC,EAAE,CAAC,KAAK,IAAI,CAAC;IAC3B,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,OAAO,EAAE,OAAO,CAAC;IACjB,MAAM,EAAE,OAAO,CAAC;IAChB,MAAM,EAAE,YAAY,CAAC;IACrB,SAAS,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAChD,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,QAAQ,CAAC,EAAE;QACT,WAAW,EAAE,MAAM,CAAC;QACpB,UAAU,EAAE,MAAM,CAAC;KACpB,CAAC;CACH;AAED,UAAU,qBAAqB,CAAC,CAAC;IAC/B,OAAO,CAAC,EAAE;QACR,WAAW,CAAC,EAAE,OAAO,CAAC;KACvB,CAAC;IACF,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,IAAI,CAAC,EAAE,IAAI,GAAG,SAAS,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,EAAE,KAAK,CAAC,CAAC,KAAK,EAAE,gBAAgB,CAAC,CAAC,CAAC,KAAK,SAAS,CAAC,CAAC;IACxD,aAAa,EAAE,CAAC,CAAC;IACjB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,CAAC,MAAM,EAAE,CAAC,KAAK,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC;IACjD,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACpC,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,wBAAgB,gBAAgB,CAAC,CAAC,EAAE,EAClC,IAAI,EACJ,KAAK,EACL,WAAW,EACX,KAAK,EACL,aAAa,EACb,UAAU,EACV,UAAU,EACV,IAAI,EAAE,cAAc,EAEpB,OAAc,EACd,OAEC,EACD,YAAoB,EACpB,SAAS,GACV,EAAE,qBAAqB,CAAC,CAAC,CAAC,2CAqL1B"}

package/dist/ui/aevr/aevr/multistep.js

@@ -0,0 +1,95 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useState, useCallback, useEffect } from "react";
+import { usePersistedState } from "@/hooks/aevr/use-persisted-state";
+import { useStatus } from "@/hooks/aevr/use-status";
+import { Button } from "@/components/ui/button";
+import { ArrowLeft, Icon } from "iconsax-react";
+import { motion, AnimatePresence } from "motion/react";
+export function MinimalMultiStep({ icon, title, description, steps, initialValues, storageKey, onComplete, open: controlledOpen, persist = true, options = {
+    showBackBtn: true,
+}, isProcessing = false, stepProps, }) {
+    const [internalOpen] = useState(true);
+    const isOpen = controlledOpen ?? internalOpen;
+    const [currentStep, setCurrentStep] = useState(0);
+    const [direction, setDirection] = useState(0);
+    const variants = {
+        enter: (direction) => ({
+            x: direction > 0 ? 20 : -20,
+            opacity: 0,
+            filter: "blur(4px)",
+        }),
+        center: {
+            zIndex: 1,
+            x: 0,
+            opacity: 1,
+            filter: "blur(0px)",
+        },
+        exit: (direction) => ({
+            zIndex: 0,
+            x: direction < 0 ? 20 : -20,
+            opacity: 0,
+            filter: "blur(4px)",
+        }),
+    };
+    // Conditional hook usage is tricky. We'll use both and pick one based on persist prop.
+    // However, hooks cannot be conditional. So we always run both or refactor.
+    // Better approach: Use a custom hook or just use persisted state but clear it if persist is false?
+    // Or just use a wrapper.
+    // Let's use a simple state for non-persisted.
+    const persistedState = usePersistedState(initialValues, {
+        storageKey: `${storageKey}_values`,
+    });
+    const simpleState = useState(initialValues);
+    const values = persist ? persistedState.state : simpleState[0];
+    const setValues = persist ? persistedState.setState : simpleState[1];
+    // Reset state on close if not persisting
+    useEffect(() => {
+        if (!persist && !isOpen) {
+            const timer = setTimeout(() => {
+                setCurrentStep(0);
+                setValues(initialValues);
+            }, 0);
+            return () => clearTimeout(timer);
+        }
+    }, [isOpen, persist, initialValues, setValues]);
+    const { status, setStatus } = useStatus({
+        namespace: storageKey,
+    });
+    const next = useCallback(async (providedValues) => {
+        if (currentStep < steps.length - 1) {
+            setDirection(1);
+            setCurrentStep((prev) => prev + 1);
+        }
+        else {
+            if (onComplete) {
+                await onComplete(providedValues || values);
+            }
+            // Optional: close dialog on complete?
+            // setOpen(false);
+        }
+    }, [currentStep, steps.length, onComplete, values]);
+    const prev = useCallback(() => {
+        if (currentStep > 0) {
+            setDirection(-1);
+            setCurrentStep((prev) => prev - 1);
+        }
+    }, [currentStep]);
+    const goToStep = useCallback((step) => {
+        if (step >= 0 && step < steps.length) {
+            setDirection(step > currentStep ? 1 : -1);
+            setCurrentStep(step);
+        }
+    }, [steps.length, currentStep]);
+    const CurrentStepComponent = steps[currentStep];
+    return (_jsxs(_Fragment, { children: [icon ||
+                title ||
+                (description && (_jsxs("div", { className: "mb-2 flex flex-col items-center gap-2", children: [_jsxs("div", { className: "flex items-center gap-2", children: [icon && (_jsx(Icon, { className: "icon h-6 w-6", color: "currentColor", variant: "Bulk" })), _jsx("div", { className: "divider" }), title && _jsx("h2", { className: "text-lg font-semibold", children: title })] }), description && (_jsx("p", { className: "text-muted-foreground text-sm", children: description }))] }))), _jsxs("div", { className: "space-y-4 p-1", children: [_jsx("div", { className: "mb-4 flex items-center gap-2", children: steps.map((_, idx) => (_jsx("div", { className: `h-1 flex-1 rounded-full transition-colors ${idx <= currentStep ? "bg-primary" : "bg-muted"}` }, idx))) }), options?.showBackBtn && currentStep > 0 && (_jsxs(Button, { variant: "ghost", size: "sm", onClick: prev, className: "text-muted-foreground hover:text-foreground mb-2 -ml-2", disabled: isProcessing, children: [_jsx(ArrowLeft, { size: 16, className: "", color: "currentColor", variant: "Bulk" }), "Back"] })), _jsx(AnimatePresence, { mode: "wait", custom: direction, children: _jsx(motion.div, { custom: direction, variants: variants, initial: "enter", animate: "center", exit: "exit", transition: {
+                                x: { type: "spring", stiffness: 300, damping: 30 },
+                                opacity: { duration: 0.2 },
+                            }, children: _jsx(CurrentStepComponent, { ...stepProps, values: values, setValues: setValues, next: next, prev: prev, isFirst: currentStep === 0, isLast: currentStep === steps.length - 1, status: status, setStatus: setStatus, goToStep: goToStep, isProcessing: isProcessing, stepInfo: {
+                                    currentStep,
+                                    totalSteps: steps.length,
+                                } }) }, currentStep) })] })] }));
+}
+//# sourceMappingURL=multistep.js.map

package/dist/ui/aevr/aevr/multistep.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"multistep.js","sourceRoot":"","sources":["../../../../src/ui/aevr/aevr/multistep.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAc,EAAE,QAAQ,EAAa,WAAW,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC3E,OAAO,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAC;AACrE,OAAO,EAAE,SAAS,EAAgB,MAAM,yBAAyB,CAAC;AAClE,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAChD,OAAO,EAAE,MAAM,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAsCvD,MAAM,UAAU,gBAAgB,CAAI,EAClC,IAAI,EACJ,KAAK,EACL,WAAW,EACX,KAAK,EACL,aAAa,EACb,UAAU,EACV,UAAU,EACV,IAAI,EAAE,cAAc,EAEpB,OAAO,GAAG,IAAI,EACd,OAAO,GAAG;IACR,WAAW,EAAE,IAAI;CAClB,EACD,YAAY,GAAG,KAAK,EACpB,SAAS,GACgB;IACzB,MAAM,CAAC,YAAY,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IACtC,MAAM,MAAM,GAAG,cAAc,IAAI,YAAY,CAAC;IAE9C,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IAClD,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IAE9C,MAAM,QAAQ,GAAG;QACf,KAAK,EAAE,CAAC,SAAiB,EAAE,EAAE,CAAC,CAAC;YAC7B,CAAC,EAAE,SAAS,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE;YAC3B,OAAO,EAAE,CAAC;YACV,MAAM,EAAE,WAAW;SACpB,CAAC;QACF,MAAM,EAAE;YACN,MAAM,EAAE,CAAC;YACT,CAAC,EAAE,CAAC;YACJ,OAAO,EAAE,CAAC;YACV,MAAM,EAAE,WAAW;SACpB;QACD,IAAI,EAAE,CAAC,SAAiB,EAAE,EAAE,CAAC,CAAC;YAC5B,MAAM,EAAE,CAAC;YACT,CAAC,EAAE,SAAS,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE;YAC3B,OAAO,EAAE,CAAC;YACV,MAAM,EAAE,WAAW;SACpB,CAAC;KACH,CAAC;IAEF,uFAAuF;IACvF,2EAA2E;IAC3E,mGAAmG;IACnG,yBAAyB;IACzB,8CAA8C;IAE9C,MAAM,cAAc,GAAG,iBAAiB,CAAI,aAAa,EAAE;QACzD,UAAU,EAAE,GAAG,UAAU,SAAS;KACnC,CAAC,CAAC;IAEH,MAAM,WAAW,GAAG,QAAQ,CAAI,aAAa,CAAC,CAAC;IAE/C,MAAM,MAAM,GAAG,OAAO,CAAC,CAAC,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC;IAC/D,MAAM,SAAS,GAAG,OAAO,CAAC,CAAC,CAAC,cAAc,CAAC,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC;IAErE,yCAAyC;IACzC,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,OAAO,IAAI,CAAC,MAAM,EAAE,CAAC;YACxB,MAAM,KAAK,GAAG,UAAU,CAAC,GAAG,EAAE;gBAC5B,cAAc,CAAC,CAAC,CAAC,CAAC;gBAClB,SAAS,CAAC,aAAa,CAAC,CAAC;YAC3B,CAAC,EAAE,CAAC,CAAC,CAAC;YACN,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;QACnC,CAAC;IACH,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,aAAa,EAAE,SAAS,CAAC,CAAC,CAAC;IAEhD,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,GAAG,SAAS,CAAC;QACtC,SAAS,EAAE,UAAU;KACtB,CAAC,CAAC;IAEH,MAAM,IAAI,GAAG,WAAW,CACtB,KAAK,EAAE,cAAkB,EAAE,EAAE;QAC3B,IAAI,WAAW,GAAG,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YACnC,YAAY,CAAC,CAAC,CAAC,CAAC;YAChB,cAAc,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,GAAG,CAAC,CAAC,CAAC;QACrC,CAAC;aAAM,CAAC;YACN,IAAI,UAAU,EAAE,CAAC;gBACf,MAAM,UAAU,CAAC,cAAc,IAAI,MAAM,CAAC,CAAC;YAC7C,CAAC;YACD,sCAAsC;YACtC,kBAAkB;QACpB,CAAC;IACH,CAAC,EACD,CAAC,WAAW,EAAE,KAAK,CAAC,MAAM,EAAE,UAAU,EAAE,MAAM,CAAC,CAChD,CAAC;IAEF,MAAM,IAAI,GAAG,WAAW,CAAC,GAAG,EAAE;QAC5B,IAAI,WAAW,GAAG,CAAC,EAAE,CAAC;YACpB,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC;YACjB,cAAc,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,GAAG,CAAC,CAAC,CAAC;QACrC,CAAC;IACH,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,MAAM,QAAQ,GAAG,WAAW,CAC1B,CAAC,IAAY,EAAE,EAAE;QACf,IAAI,IAAI,IAAI,CAAC,IAAI,IAAI,GAAG,KAAK,CAAC,MAAM,EAAE,CAAC;YACrC,YAAY,CAAC,IAAI,GAAG,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;YAC1C,cAAc,CAAC,IAAI,CAAC,CAAC;QACvB,CAAC;IACH,CAAC,EACD,CAAC,KAAK,CAAC,MAAM,EAAE,WAAW,CAAC,CAC5B,CAAC;IAEF,MAAM,oBAAoB,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC;IAEhD,OAAO,CACL,8BAEG,IAAI;gBACH,KAAK;gBACL,CAAC,WAAW,IAAI,CACd,eAAK,SAAS,EAAC,uCAAuC,aACpD,eAAK,SAAS,EAAC,yBAAyB,aACrC,IAAI,IAAI,CACP,KAAC,IAAI,IACH,SAAS,EAAC,cAAc,EACxB,KAAK,EAAC,cAAc,EACpB,OAAO,EAAE,MAAM,GACf,CACH,EACD,cAAK,SAAS,EAAC,SAAS,GAAO,EAC9B,KAAK,IAAI,aAAI,SAAS,EAAC,uBAAuB,YAAE,KAAK,GAAM,IACxD,EACL,WAAW,IAAI,CACd,YAAG,SAAS,EAAC,+BAA+B,YAAE,WAAW,GAAK,CAC/D,IACG,CACP,CAAC,EACJ,eAAK,SAAS,EAAC,eAAe,aAE5B,cAAK,SAAS,EAAC,8BAA8B,YAC1C,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,EAAE,CAAC,CACrB,cAEE,SAAS,EAAE,6CACT,GAAG,IAAI,WAAW,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,UACtC,EAAE,IAHG,GAAG,CAIR,CACH,CAAC,GACE,EAEL,OAAO,EAAE,WAAW,IAAI,WAAW,GAAG,CAAC,IAAI,CAC1C,MAAC,MAAM,IACL,OAAO,EAAC,OAAO,EACf,IAAI,EAAC,IAAI,EACT,OAAO,EAAE,IAAI,EACb,SAAS,EAAC,wDAAwD,EAClE,QAAQ,EAAE,YAAY,aAEtB,KAAC,SAAS,IACR,IAAI,EAAE,EAAE,EACR,SAAS,EAAC,EAAE,EACZ,KAAK,EAAC,cAAc,EACpB,OAAO,EAAC,MAAM,GACd,YAEK,CACV,EAED,KAAC,eAAe,IAAC,IAAI,EAAC,MAAM,EAAC,MAAM,EAAE,SAAS,YAC5C,KAAC,MAAM,CAAC,GAAG,IAET,MAAM,EAAE,SAAS,EACjB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAC,OAAO,EACf,OAAO,EAAC,QAAQ,EAChB,IAAI,EAAC,MAAM,EACX,UAAU,EAAE;gCACV,CAAC,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,EAAE,OAAO,EAAE,EAAE,EAAE;gCAClD,OAAO,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE;6BAC3B,YAED,KAAC,oBAAoB,OACf,SAAS,EACb,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,SAAS,EACpB,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,WAAW,KAAK,CAAC,EAC1B,MAAM,EAAE,WAAW,KAAK,KAAK,CAAC,MAAM,GAAG,CAAC,EACxC,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,SAAiD,EAC5D,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,YAAY,EAC1B,QAAQ,EAAE;oCACR,WAAW;oCACX,UAAU,EAAE,KAAK,CAAC,MAAM;iCACzB,GACD,IA3BG,WAAW,CA4BL,GACG,IACd,IACL,CACJ,CAAC;AACJ,CAAC"}

package/dist/ui/aevr/aevr/nav-user.d.ts

@@ -0,0 +1,35 @@
+import React from "react";
+import { type LucideIcon } from "lucide-react";
+export interface NavUserData {
+    displayName: string;
+    email: string;
+    avatarSrc?: string;
+    /** Pre-computed initials; derived from displayName if omitted */
+    initials?: string;
+    payTag?: string;
+}
+export interface NavUserMenuItem {
+    label: React.ReactNode;
+    href?: string;
+    icon: LucideIcon;
+    onClick?: () => void;
+}
+export interface NavUserMenuGroup {
+    items: NavUserMenuItem[];
+}
+interface NavUserProps {
+    variant?: "sidebar" | "header";
+    className?: string;
+    user?: NavUserData | null;
+    isLoading?: boolean;
+    /** href to wrap the profile header row in; e.g. "/settings/account" */
+    profileHref?: string;
+    onLogout?: () => void;
+    onCopyPayTag?: (tag: string) => void;
+    menuGroups?: NavUserMenuGroup[];
+    /** Extra ReactNode rendered right after the profile row (before menuGroups) */
+    extraContent?: React.ReactNode;
+}
+export declare function NavUser({ variant, className, user, isLoading, profileHref, onLogout, onCopyPayTag, menuGroups, extraContent, }: NavUserProps): import("react/jsx-runtime").JSX.Element | null;
+export {};
+//# sourceMappingURL=nav-user.d.ts.map

package/dist/ui/aevr/aevr/nav-user.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"nav-user.d.ts","sourceRoot":"","sources":["../../../../src/ui/aevr/aevr/nav-user.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAmB1B,OAAO,EAA4C,KAAK,UAAU,EAAE,MAAM,cAAc,CAAC;AAKzF,MAAM,WAAW,WAAW;IAC1B,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iEAAiE;IACjE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,UAAU,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,eAAe,EAAE,CAAC;CAC1B;AAED,UAAU,YAAY;IACpB,OAAO,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAC1B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,uEAAuE;IACvE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,YAAY,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,UAAU,CAAC,EAAE,gBAAgB,EAAE,CAAC;IAChC,+EAA+E;IAC/E,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAChC;AAID,wBAAgB,OAAO,CAAC,EACtB,OAAmB,EACnB,SAAS,EACT,IAAI,EACJ,SAAiB,EACjB,WAAW,EACX,QAAQ,EACR,YAAY,EACZ,UAAe,EACf,YAAY,GACb,EAAE,YAAY,kDAwKd"}

package/dist/ui/aevr/aevr/nav-user.js

@@ -0,0 +1,47 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from "react";
+import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar";
+import { DropdownMenu, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger, } from "@/components/ui/dropdown-menu";
+import { SidebarMenu, SidebarMenuButton, SidebarMenuItem, useSidebar, } from "@/components/ui/sidebar";
+import { Skeleton } from "@/components/ui/skeleton";
+import { Button } from "@/components/ui/button";
+import { ChevronsUpDownIcon, CopyIcon, LogOutIcon } from "lucide-react";
+import Link from "next/link";
+// ── Component ─────────────────────────────────────────────────────────────────
+export function NavUser({ variant = "sidebar", className, user, isLoading = false, profileHref, onLogout, onCopyPayTag, menuGroups = [], extraContent, }) {
+    const { isMobile } = useSidebar();
+    if (isLoading) {
+        if (variant === "header") {
+            return _jsx(Skeleton, { className: "h-8 w-8 rounded-full" });
+        }
+        return (_jsx(SidebarMenu, { children: _jsx(SidebarMenuItem, { children: _jsxs(SidebarMenuButton, { size: "lg", className: " ", children: [_jsx(Skeleton, { className: "h-8 w-8 rounded-full" }), _jsxs("div", { className: "grid flex-1 gap-1", children: [_jsx(Skeleton, { className: "h-4 w-24" }), _jsx(Skeleton, { className: "h-3 w-16" })] }), _jsx(Skeleton, { className: "ml-auto size-4" })] }) }) }));
+    }
+    if (!user)
+        return null;
+    const { displayName, email, avatarSrc = "", payTag } = user;
+    const initials = user.initials ||
+        displayName
+            .split(" ")
+            .map((n) => n[0])
+            .join("")
+            .toUpperCase()
+            .slice(0, 2);
+    const profileRow = (_jsxs(DropdownMenuItem, { className: "flex cursor-pointer items-center gap-2 px-1 py-1.5 text-left text-sm", onSelect: (e) => profileHref && e.preventDefault(), children: [_jsxs(Avatar, { className: "h-8 w-8 rounded-lg", children: [_jsx(AvatarImage, { src: avatarSrc, alt: displayName }), _jsx(AvatarFallback, { className: "rounded-lg", children: initials })] }), _jsxs("div", { className: "grid flex-1 text-left text-sm leading-tight", children: [_jsx("span", { className: "truncate font-medium", children: displayName }), _jsx("span", { className: "truncate text-xs", children: email }), payTag && (_jsxs("div", { className: "flex items-center justify-between gap-2", children: [_jsx("span", { className: "truncate text-xs", children: payTag }), onCopyPayTag && (_jsx(Button, { variant: "ghost", size: "icon", className: "h-6 w-6", onClick: (e) => {
+                                    e.preventDefault();
+                                    onCopyPayTag(payTag);
+                                }, children: _jsx(CopyIcon, { className: "h-3! w-3!" }) }))] }))] })] }));
+    const dropdownContent = (_jsxs(DropdownMenuContent, { className: "w-(--radix-dropdown-menu-trigger-width) min-w-56 rounded-lg", side: variant === "sidebar" && isMobile
+            ? "bottom"
+            : variant === "sidebar"
+                ? "right"
+                : "bottom", align: "end", sideOffset: 4, children: [_jsx(DropdownMenuLabel, { className: "p-0 font-normal", children: profileHref ? (_jsx(Link, { href: profileHref, children: profileRow })) : (profileRow) }), extraContent, menuGroups.map((group, gi) => (_jsxs(React.Fragment, { children: [_jsx(DropdownMenuSeparator, {}), _jsx(DropdownMenuGroup, { children: group.items.map((item, ii) => {
+                            const itemEl = (_jsxs(DropdownMenuItem, { className: "cursor-pointer", onClick: item.onClick, children: [_jsx(item.icon, {}), item.label] }, ii));
+                            return item.href ? (_jsx(Link, { href: item.href, children: itemEl }, ii)) : (_jsx(React.Fragment, { children: itemEl }, ii));
+                        }) })] }, gi))), _jsx(DropdownMenuSeparator, {}), _jsxs(DropdownMenuItem, { onClick: onLogout, className: "cursor-pointer", children: [_jsx(LogOutIcon, {}), "Log out"] })] }));
+    if (variant === "header") {
+        return (_jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { className: className, asChild: true, children: _jsx(Button, { className: "ring-ring flex h-8 w-8 items-center justify-center rounded-full outline-hidden hover:opacity-80 focus-visible:ring-2", children: _jsxs(Avatar, { className: "h-8 w-8", children: [_jsx(AvatarImage, { src: avatarSrc, alt: displayName }), _jsx(AvatarFallback, { className: "rounded-lg", children: initials })] }) }) }), dropdownContent] }));
+    }
+    return (_jsx(SidebarMenu, { children: _jsx(SidebarMenuItem, { className: "shrink-0", children: _jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsxs(SidebarMenuButton, { size: "lg", className: `data-[state=open]:bg-sidebar-accent data-[state=open]:text-sidebar-accent-foreground rounded-full group-data-[collapsible=icon]:h-12! group-data-[collapsible=icon]:w-12! ${className ?? ""}`, children: [_jsxs(Avatar, { className: "h-8 w-8 rounded-full group-data-[collapsible=icon]:h-11 group-data-[collapsible=icon]:w-11", children: [_jsx(AvatarImage, { src: avatarSrc, alt: displayName }), _jsx(AvatarFallback, { className: "rounded-lg", children: initials })] }), _jsxs("div", { className: "grid flex-1 text-left text-sm leading-tight", children: [_jsx("span", { className: "truncate font-medium", children: displayName }), _jsx("span", { className: "truncate text-xs", children: email })] }), _jsx(ChevronsUpDownIcon, { className: "ml-auto size-4" })] }) }), dropdownContent] }) }) }));
+}
+//# sourceMappingURL=nav-user.js.map