@backbay/glia 0.2.0-alpha.1

package/dist/primitives/molecules/KPIStat/KPIStat.js

@@ -0,0 +1,84 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn, formatNumber, prefersReducedMotion } from "../../../lib/utils";
+import { cva } from "class-variance-authority";
+import { motion } from "framer-motion";
+import { Minus, MoreHorizontal, TrendingDown, TrendingUp } from "lucide-react";
+const kpiStatVariants = cva("relative min-h-[120px] flex flex-col justify-between p-4 rounded-xl border backdrop-blur-sm transition-all duration-200", {
+    variants: {
+        variant: {
+            default: "bg-card/30 border-border/30",
+            success: "bg-emerald-400/5 border-emerald-400/20",
+            warning: "bg-yellow-500/5 border-yellow-500/20",
+            danger: "bg-destructive/5 border-destructive/20",
+            accent: "bg-cyan-400/5 border-cyan-400/20",
+        },
+        size: {
+            default: "p-4",
+            compact: "p-3 min-h-[100px]",
+            expanded: "p-6 min-h-[140px]",
+        },
+    },
+    defaultVariants: {
+        variant: "default",
+        size: "default",
+    },
+});
+export function KPIStat({ className, variant, size, title, value, previousValue, suffix, prefix, delta, deltaType = "percentage", sparklineData, showTrend = true, description, loading = false, disableAnimations = false, onClick, ...props }) {
+    const reducedMotion = prefersReducedMotion();
+    const shouldAnimate = !disableAnimations && !reducedMotion;
+    // Calculate delta if not provided
+    const calculatedDelta = delta !== undefined
+        ? delta
+        : typeof value === "number" && previousValue !== undefined
+            ? deltaType === "percentage"
+                ? ((value - previousValue) / previousValue) * 100
+                : value - previousValue
+            : 0;
+    const deltaValue = Math.abs(calculatedDelta);
+    const deltaDirection = calculatedDelta > 0 ? "up" : calculatedDelta < 0 ? "down" : "neutral";
+    const DeltaIcon = deltaDirection === "up" ? TrendingUp : deltaDirection === "down" ? TrendingDown : Minus;
+    const deltaColor = deltaDirection === "up"
+        ? "text-emerald-neon"
+        : deltaDirection === "down"
+            ? "text-destructive"
+            : "text-muted-foreground";
+    // Format the main value
+    const formattedValue = typeof value === "number" ? formatNumber(value) : value;
+    // Generate simple sparkline path if data provided
+    const generateSparklinePath = (data) => {
+        if (data.length < 2)
+            return "";
+        const width = 60;
+        const height = 20;
+        const max = Math.max(...data);
+        const min = Math.min(...data);
+        const range = max - min || 1;
+        const points = data.map((point, index) => {
+            const x = (index / (data.length - 1)) * width;
+            const y = height - ((point - min) / range) * height;
+            return `${x},${y}`;
+        });
+        return `M ${points.join(" L ")}`;
+    };
+    return (_jsxs(motion.div, { className: cn(kpiStatVariants({ variant, size }), onClick && "cursor-pointer hover:shadow-lg", className), onClick: onClick, initial: shouldAnimate ? { opacity: 0, y: 20 } : {}, animate: { opacity: 1, y: 0 }, transition: { duration: 0.3 }, whileHover: shouldAnimate && onClick
+            ? {
+                scale: 1.02,
+                transition: { duration: 0.2 },
+            }
+            : {}, ...props, children: [_jsxs("div", { className: "flex items-start justify-between", children: [_jsx(motion.h3, { className: "text-sm font-medium text-muted-foreground leading-tight", initial: shouldAnimate ? { opacity: 0, x: -10 } : {}, animate: { opacity: 1, x: 0 }, transition: { duration: 0.3, delay: 0.1 }, children: title }), loading && (_jsx(motion.div, { initial: shouldAnimate ? { opacity: 0, scale: 0.8 } : {}, animate: { opacity: 1, scale: 1 }, transition: { duration: 0.2 }, children: _jsx(MoreHorizontal, { className: "h-4 w-4 text-muted-foreground animate-pulse" }) }))] }), _jsxs("div", { className: "flex items-end justify-between flex-1", children: [_jsxs(motion.div, { className: "space-y-1", initial: shouldAnimate ? { opacity: 0, y: 10 } : {}, animate: { opacity: 1, y: 0 }, transition: { duration: 0.3, delay: 0.2 }, children: [loading ? (_jsx("div", { className: "h-8 w-24 bg-muted/20 rounded animate-pulse" })) : (_jsxs("div", { className: "text-3xl font-bold text-foreground tabular-nums leading-none", children: [prefix, formattedValue, suffix] })), description && (_jsx("p", { className: "text-sm text-muted-foreground leading-tight", children: description }))] }), showTrend &&
+                        deltaType !== "none" &&
+                        !loading &&
+                        (calculatedDelta !== 0 || delta !== undefined) && (_jsxs(motion.div, { className: cn("flex items-center gap-1 text-xs", deltaColor), initial: shouldAnimate ? { opacity: 0, x: 10 } : {}, animate: { opacity: 1, x: 0 }, transition: { duration: 0.3, delay: 0.3 }, children: [_jsx(DeltaIcon, { className: "h-3 w-3" }), _jsx("span", { className: "font-medium tabular-nums", children: deltaType === "percentage"
+                                    ? `${deltaValue.toFixed(1)}%`
+                                    : formatNumber(deltaValue) })] }))] }), sparklineData && sparklineData.length > 1 && !loading && (_jsx(motion.div, { className: "flex justify-end", initial: shouldAnimate ? { opacity: 0, scaleX: 0 } : {}, animate: { opacity: 1, scaleX: 1 }, transition: { duration: 0.5, delay: 0.4 }, children: _jsxs("svg", { width: "60", height: "20", className: "text-cyan-neon/60", children: [_jsx("path", { d: generateSparklinePath(sparklineData), fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }), sparklineData.length > 0 && (_jsx("circle", { cx: "60", cy: 20 -
+                                ((sparklineData[sparklineData.length - 1] - Math.min(...sparklineData)) /
+                                    (Math.max(...sparklineData) - Math.min(...sparklineData) || 1)) *
+                                    20, r: "1.5", fill: "currentColor" }))] }) })), loading && shouldAnimate && (_jsx(motion.div, { className: "absolute inset-0 bg-gradient-to-r from-transparent via-foreground/5 to-transparent rounded-lg", animate: {
+                    x: [-100, 100],
+                }, transition: {
+                    duration: 1.5,
+                    repeat: Infinity,
+                    ease: "easeInOut",
+                } }))] }));
+}

package/dist/primitives/molecules/KPIStat/index.d.ts

@@ -0,0 +1,2 @@
+export { KPIStat, type KPIStatProps } from "./KPIStat";
+//# sourceMappingURL=index.d.ts.map

package/dist/primitives/molecules/KPIStat/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/primitives/molecules/KPIStat/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,WAAW,CAAC"}

package/dist/primitives/molecules/KPIStat/index.js

@@ -0,0 +1 @@
+export { KPIStat } from "./KPIStat";

package/dist/primitives/molecules/NeonToast/NeonToast.d.ts

@@ -0,0 +1,84 @@
+declare const toastPresets: {
+    readonly correct: {
+        readonly icon: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+        readonly className: "border-emerald-neon/40 bg-emerald-neon/10 text-emerald-neon shadow-neon-emerald/30";
+        readonly iconClassName: "text-emerald-neon";
+    };
+    readonly incorrect: {
+        readonly icon: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+        readonly className: "border-destructive/40 bg-destructive/10 text-destructive shadow-[0_0_20px_hsl(var(--destructive))]";
+        readonly iconClassName: "text-destructive";
+    };
+    readonly streak: {
+        readonly icon: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+        readonly className: "border-cyan-neon/40 bg-cyan-neon/10 text-cyan-neon shadow-neon-cyan/30";
+        readonly iconClassName: "text-cyan-neon";
+    };
+    readonly achievement: {
+        readonly icon: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+        readonly className: "border-magenta-neon/40 bg-magenta-neon/10 text-magenta-neon shadow-neon-magenta/30";
+        readonly iconClassName: "text-magenta-neon";
+    };
+    readonly goalMet: {
+        readonly icon: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+        readonly className: "border-emerald-neon/40 bg-emerald-neon/10 text-emerald-neon shadow-neon-emerald/30";
+        readonly iconClassName: "text-emerald-neon";
+    };
+    readonly xpGain: {
+        readonly icon: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+        readonly className: "border-cyan-neon/40 bg-cyan-neon/10 text-cyan-neon shadow-neon-cyan/30";
+        readonly iconClassName: "text-cyan-neon";
+    };
+    readonly warning: {
+        readonly icon: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+        readonly className: "border-yellow-500/40 bg-yellow-500/10 text-yellow-500";
+        readonly iconClassName: "text-yellow-500";
+    };
+    readonly info: {
+        readonly icon: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+        readonly className: "border-border/40 bg-card/80 text-foreground shadow-glass";
+        readonly iconClassName: "text-muted-foreground";
+    };
+};
+export type ToastType = keyof typeof toastPresets;
+export interface NeonToastProps {
+    /** Toast type (determines icon and styling) */
+    type: ToastType;
+    /** Toast message */
+    message: string;
+    /** Optional description */
+    description?: string;
+    /** Duration in milliseconds (0 = permanent) */
+    duration?: number;
+    /** Disable animations */
+    disableAnimations?: boolean;
+    /** Action button */
+    action?: {
+        label: string;
+        onClick: () => void;
+    };
+}
+export declare function showNeonToast({ type, message, description, duration, disableAnimations, action, }: NeonToastProps): string | number;
+export declare const neonToasts: {
+    correct: (message: string, description?: string) => string | number;
+    incorrect: (message: string, description?: string) => string | number;
+    streak: (count: number, description?: string) => string | number;
+    achievement: (title: string, description?: string) => string | number;
+    goalMet: (goal: string, description?: string) => string | number;
+    xpGain: (amount: number, description?: string) => string | number;
+    warning: (message: string, description?: string) => string | number;
+    info: (message: string, description?: string) => string | number;
+};
+export interface NeonToasterProps {
+    /** Position of toasts */
+    position?: "top-left" | "top-center" | "top-right" | "bottom-left" | "bottom-center" | "bottom-right";
+    /** Maximum number of toasts */
+    toastOptions?: {
+        duration?: number;
+        className?: string;
+    };
+}
+export declare function NeonToaster({ position, toastOptions }?: NeonToasterProps): import("react/jsx-runtime").JSX.Element;
+export declare const NeonToast: typeof NeonToaster;
+export {};
+//# sourceMappingURL=NeonToast.d.ts.map

package/dist/primitives/molecules/NeonToast/NeonToast.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NeonToast.d.ts","sourceRoot":"","sources":["../../../../src/primitives/molecules/NeonToast/NeonToast.tsx"],"names":[],"mappings":"AAmBA,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0CR,CAAC;AAEX,MAAM,MAAM,SAAS,GAAG,MAAM,OAAO,YAAY,CAAC;AAElD,MAAM,WAAW,cAAc;IAC7B,+CAA+C;IAC/C,IAAI,EAAE,SAAS,CAAC;IAChB,oBAAoB;IACpB,OAAO,EAAE,MAAM,CAAC;IAChB,2BAA2B;IAC3B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,yBAAyB;IACzB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,oBAAoB;IACpB,MAAM,CAAC,EAAE;QACP,KAAK,EAAE,MAAM,CAAC;QACd,OAAO,EAAE,MAAM,IAAI,CAAC;KACrB,CAAC;CACH;AAoHD,wBAAgB,aAAa,CAAC,EAC5B,IAAI,EACJ,OAAO,EACP,WAAW,EACX,QAAe,EACf,iBAAyB,EACzB,MAAM,GACP,EAAE,cAAc,mBAgBhB;AAGD,eAAO,MAAM,UAAU;uBACF,MAAM,gBAAgB,MAAM;yBAG1B,MAAM,gBAAgB,MAAM;oBAGjC,MAAM,gBAAgB,MAAM;yBAOvB,MAAM,gBAAgB,MAAM;oBAGjC,MAAM,gBAAgB,MAAM;qBAO3B,MAAM,gBAAgB,MAAM;uBAO1B,MAAM,gBAAgB,MAAM;oBAG/B,MAAM,gBAAgB,MAAM;CAE7C,CAAC;AAGF,MAAM,WAAW,gBAAgB;IAC/B,yBAAyB;IACzB,QAAQ,CAAC,EACL,UAAU,GACV,YAAY,GACZ,WAAW,GACX,aAAa,GACb,eAAe,GACf,cAAc,CAAC;IACnB,+BAA+B;IAC/B,YAAY,CAAC,EAAE;QACb,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,SAAS,CAAC,EAAE,MAAM,CAAC;KACpB,CAAC;CACH;AAED,wBAAgB,WAAW,CAAC,EAAE,QAAsB,EAAE,YAAY,EAAE,GAAE,gBAAqB,2CAY1F;AAGD,eAAO,MAAM,SAAS,oBAAc,CAAC"}

package/dist/primitives/molecules/NeonToast/NeonToast.js

@@ -0,0 +1,110 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { motion } from "framer-motion";
+import { AlertTriangle, CheckCircle2, Flame, Info, Target, Trophy, X, XCircle, Zap, } from "lucide-react";
+import { cn, prefersReducedMotion } from "../../../lib/utils";
+import { toast, Toaster } from "sonner";
+// Preset toast types with icons and styling
+const toastPresets = {
+    correct: {
+        icon: CheckCircle2,
+        className: "border-emerald-neon/40 bg-emerald-neon/10 text-emerald-neon shadow-neon-emerald/30",
+        iconClassName: "text-emerald-neon",
+    },
+    incorrect: {
+        icon: XCircle,
+        className: "border-destructive/40 bg-destructive/10 text-destructive shadow-[0_0_20px_hsl(var(--destructive))]",
+        iconClassName: "text-destructive",
+    },
+    streak: {
+        icon: Flame,
+        className: "border-cyan-neon/40 bg-cyan-neon/10 text-cyan-neon shadow-neon-cyan/30",
+        iconClassName: "text-cyan-neon",
+    },
+    achievement: {
+        icon: Trophy,
+        className: "border-magenta-neon/40 bg-magenta-neon/10 text-magenta-neon shadow-neon-magenta/30",
+        iconClassName: "text-magenta-neon",
+    },
+    goalMet: {
+        icon: Target,
+        className: "border-emerald-neon/40 bg-emerald-neon/10 text-emerald-neon shadow-neon-emerald/30",
+        iconClassName: "text-emerald-neon",
+    },
+    xpGain: {
+        icon: Zap,
+        className: "border-cyan-neon/40 bg-cyan-neon/10 text-cyan-neon shadow-neon-cyan/30",
+        iconClassName: "text-cyan-neon",
+    },
+    warning: {
+        icon: AlertTriangle,
+        className: "border-yellow-500/40 bg-yellow-500/10 text-yellow-500",
+        iconClassName: "text-yellow-500",
+    },
+    info: {
+        icon: Info,
+        className: "border-border/40 bg-card/80 text-foreground shadow-glass",
+        iconClassName: "text-muted-foreground",
+    },
+};
+// Custom toast component
+function CustomToast({ type, message, description, disableAnimations = false, action, onClose, }) {
+    const preset = toastPresets[type];
+    const Icon = preset.icon;
+    const reducedMotion = prefersReducedMotion();
+    const shouldAnimate = !disableAnimations && !reducedMotion;
+    return (_jsxs(motion.div, { className: cn("group pointer-events-auto relative flex w-full items-center justify-between space-x-4 overflow-hidden rounded-md border p-4 shadow-lg backdrop-blur-sm", preset.className), initial: shouldAnimate ? { opacity: 0, scale: 0.9, x: 100 } : {}, animate: { opacity: 1, scale: 1, x: 0 }, exit: shouldAnimate ? { opacity: 0, scale: 0.9, x: 100 } : {}, transition: {
+            duration: shouldAnimate ? 0.3 : 0,
+            type: "spring",
+            bounce: 0.2,
+        }, children: [shouldAnimate && (type === "correct" || type === "streak" || type === "achievement") && (_jsx(motion.div, { className: "absolute inset-0 opacity-20", animate: {
+                    opacity: [0.1, 0.3, 0.1],
+                }, transition: {
+                    duration: 2,
+                    repeat: Infinity,
+                    ease: "easeInOut",
+                } })), _jsxs("div", { className: "flex items-start gap-3 flex-1", children: [_jsx(motion.div, { className: cn("flex-shrink-0", preset.iconClassName), initial: shouldAnimate ? { opacity: 0, rotate: -180, scale: 0 } : {}, animate: { opacity: 1, rotate: 0, scale: 1 }, transition: {
+                            duration: shouldAnimate ? 0.4 : 0,
+                            delay: 0.1,
+                            type: "spring",
+                            bounce: 0.6,
+                        }, children: _jsx(Icon, { className: "h-5 w-5" }) }), _jsxs("div", { className: "flex-1 space-y-1", children: [_jsx(motion.p, { className: "text-sm font-medium leading-none", initial: shouldAnimate ? { opacity: 0, y: 10 } : {}, animate: { opacity: 1, y: 0 }, transition: { duration: shouldAnimate ? 0.3 : 0, delay: 0.2 }, children: message }), description && (_jsx(motion.p, { className: "text-xs opacity-80", initial: shouldAnimate ? { opacity: 0, y: 10 } : {}, animate: { opacity: 0.8, y: 0 }, transition: { duration: shouldAnimate ? 0.3 : 0, delay: 0.3 }, children: description }))] }), action && (_jsx(motion.button, { className: "text-xs font-medium hover:opacity-80 transition-opacity px-2 py-1 rounded border border-current/20 hover:bg-current/10", onClick: action.onClick, initial: shouldAnimate ? { opacity: 0, scale: 0.8 } : {}, animate: { opacity: 1, scale: 1 }, transition: { duration: shouldAnimate ? 0.2 : 0, delay: 0.4 }, children: action.label })), onClose && (_jsx(motion.button, { className: "flex-shrink-0 opacity-60 hover:opacity-100 transition-opacity", onClick: onClose, initial: shouldAnimate ? { opacity: 0, rotate: 90 } : {}, animate: { opacity: 0.6, rotate: 0 }, transition: { duration: shouldAnimate ? 0.2 : 0, delay: 0.5 }, children: _jsx(X, { className: "h-4 w-4" }) }))] })] }));
+}
+// Utility function to show neon toasts
+export function showNeonToast({ type, message, description, duration = 4000, disableAnimations = false, action, }) {
+    return toast.custom((t) => (_jsx(CustomToast, { type: type, message: message, description: description, disableAnimations: disableAnimations, action: action, onClose: () => toast.dismiss(t) })), {
+        duration: duration === 0 ? Infinity : duration,
+    });
+}
+// Pre-configured toast functions
+export const neonToasts = {
+    correct: (message, description) => showNeonToast({ type: "correct", message, description }),
+    incorrect: (message, description) => showNeonToast({ type: "incorrect", message, description }),
+    streak: (count, description) => showNeonToast({
+        type: "streak",
+        message: `${count} Day Streak!`,
+        description: description || "Keep up the great work!",
+    }),
+    achievement: (title, description) => showNeonToast({ type: "achievement", message: title, description }),
+    goalMet: (goal, description) => showNeonToast({
+        type: "goalMet",
+        message: `Goal Achieved: ${goal}`,
+        description,
+    }),
+    xpGain: (amount, description) => showNeonToast({
+        type: "xpGain",
+        message: `+${amount} XP`,
+        description: description || "Experience gained!",
+    }),
+    warning: (message, description) => showNeonToast({ type: "warning", message, description }),
+    info: (message, description) => showNeonToast({ type: "info", message, description }),
+};
+export function NeonToaster({ position = "top-right", toastOptions } = {}) {
+    return (_jsx(Toaster, { position: position, toastOptions: {
+            duration: 4000,
+            className: "backdrop-blur-md",
+            ...toastOptions,
+        }, theme: "dark" }));
+}
+// Export alias for the main component
+export const NeonToast = NeonToaster;

package/dist/primitives/molecules/NeonToast/index.d.ts

@@ -0,0 +1,2 @@
+export { NeonToast, showNeonToast, type NeonToastProps } from "./NeonToast";
+//# sourceMappingURL=index.d.ts.map

package/dist/primitives/molecules/NeonToast/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/primitives/molecules/NeonToast/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,KAAK,cAAc,EAAE,MAAM,aAAa,CAAC"}

package/dist/primitives/molecules/NeonToast/index.js

@@ -0,0 +1 @@
+export { NeonToast, showNeonToast } from "./NeonToast";

package/dist/primitives/molecules/ThreeDCard/ThreeDCard.d.ts

@@ -0,0 +1,24 @@
+import React from "react";
+export declare const CardContainer: ({ children, className, containerClassName, }: {
+    children?: React.ReactNode;
+    className?: string;
+    containerClassName?: string;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const CardBody: ({ children, className, }: {
+    children: React.ReactNode;
+    className?: string;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const CardItem: ({ as: Tag, children, className, translateX, translateY, translateZ, rotateX, rotateY, rotateZ, ...props }: {
+    as?: React.ElementType;
+    children: React.ReactNode;
+    className?: string;
+    translateX?: number | string;
+    translateY?: number | string;
+    translateZ?: number | string;
+    rotateX?: number | string;
+    rotateY?: number | string;
+    rotateZ?: number | string;
+    [key: string]: unknown;
+}) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+export declare const useMouseEnter: () => [boolean, React.Dispatch<React.SetStateAction<boolean>>];
+//# sourceMappingURL=ThreeDCard.d.ts.map

package/dist/primitives/molecules/ThreeDCard/ThreeDCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThreeDCard.d.ts","sourceRoot":"","sources":["../../../../src/primitives/molecules/ThreeDCard/ThreeDCard.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAkE,MAAM,OAAO,CAAC;AAMvF,eAAO,MAAM,aAAa,GAAI,8CAI3B;IACD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B,4CAiDA,CAAC;AAEF,eAAO,MAAM,QAAQ,GAAI,0BAGtB;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,4CAWA,CAAC;AAEF,eAAO,MAAM,QAAQ,GAAI,2GAWtB;IACD,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;IACvB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC7B,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC7B,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC7B,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC1B,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC1B,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC1B,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB,uEA0BA,CAAC;AAGF,eAAO,MAAM,aAAa,gEAMzB,CAAC"}

package/dist/primitives/molecules/ThreeDCard/ThreeDCard.js

@@ -0,0 +1,67 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from "../../../lib/utils";
+import React, { createContext, useContext, useRef, useState } from "react";
+const MouseEnterContext = createContext(undefined);
+export const CardContainer = ({ children, className, containerClassName, }) => {
+    const containerRef = useRef(null);
+    const [isMouseEntered, setIsMouseEntered] = useState(false);
+    const handleMouseMove = (e) => {
+        if (!containerRef.current)
+            return;
+        const { left, top, width, height } = containerRef.current.getBoundingClientRect();
+        const x = (e.clientX - left - width / 2) / 25;
+        const y = (e.clientY - top - height / 2) / 25;
+        containerRef.current.style.transform = `rotateY(${x}deg) rotateX(${y}deg)`;
+    };
+    const handleMouseEnter = () => {
+        setIsMouseEntered(true);
+        if (!containerRef.current)
+            return;
+    };
+    const handleMouseLeave = () => {
+        if (!containerRef.current)
+            return;
+        setIsMouseEntered(false);
+        containerRef.current.style.transform = `rotateY(0deg) rotateX(0deg)`;
+    };
+    return (_jsx(MouseEnterContext.Provider, { value: [isMouseEntered, setIsMouseEntered], children: _jsx("div", { className: cn("flex items-center justify-center py-20", containerClassName), style: {
+                perspective: "1000px",
+            }, children: _jsx("div", { ref: containerRef, onMouseEnter: handleMouseEnter, onMouseMove: handleMouseMove, onMouseLeave: handleMouseLeave, className: cn("flex items-center justify-center relative transition-all duration-200 ease-linear", className), style: {
+                    transformStyle: "preserve-3d",
+                }, children: children }) }) }));
+};
+export const CardBody = ({ children, className, }) => {
+    return (_jsx("div", { className: cn("h-96 w-96 [transform-style:preserve-3d]  [&>*]:[transform-style:preserve-3d]", className), children: children }));
+};
+export const CardItem = ({ as: Tag = "div", children, className, translateX = 0, translateY = 0, translateZ = 0, rotateX = 0, rotateY = 0, rotateZ = 0, ...props }) => {
+    const ref = useRef(null);
+    const [isMouseEntered] = useMouseEnter();
+    React.useEffect(() => {
+        const handleAnimations = () => {
+            if (!ref.current)
+                return;
+            if (isMouseEntered) {
+                ref.current.style.transform = `translateX(${translateX}px) translateY(${translateY}px) translateZ(${translateZ}px) rotateX(${rotateX}deg) rotateY(${rotateY}deg) rotateZ(${rotateZ}deg)`;
+            }
+            else {
+                ref.current.style.transform = `translateX(0px) translateY(0px) translateZ(0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg)`;
+            }
+        };
+        handleAnimations();
+    }, [isMouseEntered, translateX, translateY, translateZ, rotateX, rotateY, rotateZ]);
+    // Handle polymorphic component rendering properly
+    return React.createElement(Tag, {
+        ref,
+        className: cn("w-fit transition-transform duration-200 ease-linear", className),
+        ...props,
+    }, children);
+};
+// Hook to use the context
+export const useMouseEnter = () => {
+    const context = useContext(MouseEnterContext);
+    if (context === undefined) {
+        throw new Error("useMouseEnter must be used within a MouseEnterProvider");
+    }
+    return context;
+};

package/dist/primitives/molecules/ThreeDCard/index.d.ts

@@ -0,0 +1,2 @@
+export { CardContainer, CardBody, CardItem, useMouseEnter } from "./ThreeDCard";
+//# sourceMappingURL=index.d.ts.map

package/dist/primitives/molecules/ThreeDCard/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/primitives/molecules/ThreeDCard/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC"}

package/dist/primitives/molecules/ThreeDCard/index.js

@@ -0,0 +1 @@
+export { CardContainer, CardBody, CardItem, useMouseEnter } from "./ThreeDCard";

package/dist/primitives/molecules/index.d.ts

@@ -0,0 +1,4 @@
+export * from "./KPIStat";
+export * from "./NeonToast";
+export * from "./ThreeDCard";
+//# sourceMappingURL=index.d.ts.map

package/dist/primitives/molecules/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/primitives/molecules/index.ts"],"names":[],"mappings":"AACA,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC"}

package/dist/primitives/molecules/index.js

@@ -0,0 +1,4 @@
+// Molecules - Composed atomic components
+export * from "./KPIStat";
+export * from "./NeonToast";
+export * from "./ThreeDCard";

package/dist/primitives/organisms/BentoGrid/BentoGrid.d.ts

@@ -0,0 +1,13 @@
+import type { ReactNode } from "react";
+export declare const BentoGrid: ({ className, children, }: {
+    className?: string;
+    children?: ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const BentoGridItem: ({ className, title, description, header, icon, }: {
+    className?: string;
+    title?: string | ReactNode;
+    description?: string | ReactNode;
+    header?: ReactNode;
+    icon?: ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=BentoGrid.d.ts.map

package/dist/primitives/organisms/BentoGrid/BentoGrid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BentoGrid.d.ts","sourceRoot":"","sources":["../../../../src/primitives/organisms/BentoGrid/BentoGrid.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,eAAO,MAAM,SAAS,GAAI,0BAGvB;IACD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,4CAWA,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,kDAM3B;IACD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACjC,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB,4CAoBA,CAAC"}

package/dist/primitives/organisms/BentoGrid/BentoGrid.js

@@ -0,0 +1,9 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from "../../../lib/utils";
+export const BentoGrid = ({ className, children, }) => {
+    return (_jsx("div", { className: cn("grid md:auto-rows-[18rem] grid-cols-1 md:grid-cols-3 gap-4 max-w-7xl mx-auto ", className), children: children }));
+};
+export const BentoGridItem = ({ className, title, description, header, icon, }) => {
+    return (_jsxs("div", { className: cn("row-span-1 rounded-xl group/bento hover:shadow-xl transition duration-200 shadow-input dark:shadow-none p-4 dark:bg-black dark:border-white/[0.2] bg-white border border-transparent justify-between flex flex-col space-y-4", className), children: [header, _jsxs("div", { className: "group-hover/bento:translate-x-2 transition duration-200", children: [icon, _jsx("div", { className: "font-sans font-bold text-neutral-600 dark:text-neutral-200 mb-2 mt-2", children: title }), _jsx("div", { className: "font-sans font-normal text-neutral-600 dark:text-neutral-300 text-xs", children: description })] })] }));
+};

package/dist/primitives/organisms/BentoGrid/index.d.ts

@@ -0,0 +1,2 @@
+export { BentoGrid, BentoGridItem } from "./BentoGrid";
+//# sourceMappingURL=index.d.ts.map

package/dist/primitives/organisms/BentoGrid/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/primitives/organisms/BentoGrid/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC"}

package/dist/primitives/organisms/BentoGrid/index.js

@@ -0,0 +1 @@
+export { BentoGrid, BentoGridItem } from "./BentoGrid";

package/dist/primitives/organisms/CommandPalette/CommandPalette.d.ts

@@ -0,0 +1,39 @@
+import { type VariantProps } from "class-variance-authority";
+import * as React from "react";
+declare const commandPaletteVariants: (props?: ({
+    variant?: "default" | "light" | "dark" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface CommandPaletteItem {
+    id: string;
+    title: string;
+    description?: string;
+    icon?: React.ReactNode;
+    shortcut?: string[];
+    group?: string;
+    action: () => void;
+    keywords?: string[];
+}
+export interface CommandPaletteProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "children" | "onDrag" | "onDragEnd" | "onDragEnter" | "onDragExit" | "onDragLeave" | "onDragOver" | "onDragStart" | "onDrop" | "onAnimationStart" | "onAnimationEnd" | "onAnimationIteration">, VariantProps<typeof commandPaletteVariants> {
+    /** Whether the palette is open */
+    open: boolean;
+    /** Callback when open state changes */
+    onOpenChange: (open: boolean) => void;
+    /** Command items */
+    items: CommandPaletteItem[];
+    /** Placeholder text */
+    placeholder?: string;
+    /** Empty state text */
+    emptyText?: string;
+    /** Loading state */
+    loading?: boolean;
+    /** Disable animations */
+    disableAnimations?: boolean;
+    /** Custom footer */
+    footer?: React.ReactNode;
+    /** Recent commands */
+    recentCommands?: string[];
+}
+export declare function CommandPalette({ className, variant, open, onOpenChange, items, placeholder, emptyText, loading, disableAnimations, footer, recentCommands, ...props }: CommandPaletteProps): import("react/jsx-runtime").JSX.Element;
+export declare const defaultCommands: CommandPaletteItem[];
+export {};
+//# sourceMappingURL=CommandPalette.d.ts.map

package/dist/primitives/organisms/CommandPalette/CommandPalette.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommandPalette.d.ts","sourceRoot":"","sources":["../../../../src/primitives/organisms/CommandPalette/CommandPalette.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AA0BlE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,QAAA,MAAM,sBAAsB;;8EAW1B,CAAC;AAEH,MAAM,WAAW,kBAAkB;IACjC,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;CACrB;AAED,MAAM,WAAW,mBACf,SACE,IAAI,CACF,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAClC,UAAU,GACV,QAAQ,GACR,WAAW,GACX,aAAa,GACb,YAAY,GACZ,aAAa,GACb,YAAY,GACZ,aAAa,GACb,QAAQ,GACR,kBAAkB,GAClB,gBAAgB,GAChB,sBAAsB,CACzB,EACD,YAAY,CAAC,OAAO,sBAAsB,CAAC;IAC7C,kCAAkC;IAClC,IAAI,EAAE,OAAO,CAAC;IACd,uCAAuC;IACvC,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,oBAAoB;IACpB,KAAK,EAAE,kBAAkB,EAAE,CAAC;IAC5B,uBAAuB;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,uBAAuB;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oBAAoB;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,yBAAyB;IACzB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,oBAAoB;IACpB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,sBAAsB;IACtB,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC;CAC3B;AAED,wBAAgB,cAAc,CAAC,EAC7B,SAAS,EACT,OAAO,EACP,IAAI,EACJ,YAAY,EACZ,KAAK,EACL,WAAkC,EAClC,SAA+B,EAC/B,OAAe,EACf,iBAAyB,EACzB,MAAM,EACN,cAAmB,EACnB,GAAG,KAAK,EACT,EAAE,mBAAmB,2CA2LrB;AAGD,eAAO,MAAM,eAAe,EAAE,kBAAkB,EAqH/C,CAAC"}