@backbay/glia 0.2.0-alpha.1

package/dist/primitives/ambient/DustMotesLayer.js

@@ -0,0 +1,93 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn, prefersReducedMotion } from "../../lib/utils";
+import { useAmbientTokens } from "../../theme";
+import { motion, useReducedMotion } from "framer-motion";
+import * as React from "react";
+// ============================================================================
+// MOTE GENERATION
+// ============================================================================
+function generateMotes(count, colors, sizeRange, speed) {
+    return Array.from({ length: count }, (_, i) => ({
+        id: i,
+        x: Math.random() * 100,
+        y: Math.random() * 100,
+        size: sizeRange[0] + Math.random() * (sizeRange[1] - sizeRange[0]),
+        color: colors[Math.floor(Math.random() * colors.length)],
+        delay: Math.random() * 5,
+        duration: (8 + Math.random() * 8) / speed,
+        driftX: (Math.random() - 0.5) * 30,
+        driftY: -20 - Math.random() * 40, // Upward drift
+    }));
+}
+const MoteParticle = React.memo(function MoteParticle({ mote, speedMultiplier, }) {
+    const reducedMotion = useReducedMotion();
+    if (reducedMotion) {
+        return (_jsx("div", { className: "absolute rounded-full", style: {
+                left: `${mote.x}%`,
+                top: `${mote.y}%`,
+                width: mote.size,
+                height: mote.size,
+                backgroundColor: mote.color,
+                opacity: 0.3,
+            } }));
+    }
+    return (_jsx(motion.div, { className: "absolute rounded-full will-change-transform", style: {
+            left: `${mote.x}%`,
+            top: `${mote.y}%`,
+            width: mote.size,
+            height: mote.size,
+            backgroundColor: mote.color,
+            filter: `blur(${mote.size > 4 ? 1 : 0}px)`,
+        }, initial: { opacity: 0, scale: 0.5 }, animate: {
+            opacity: [0, 0.6, 0.4, 0.7, 0],
+            scale: [0.5, 1, 0.9, 1.1, 0.8],
+            x: [0, mote.driftX * 0.3, mote.driftX * 0.7, mote.driftX],
+            y: [0, mote.driftY * 0.3, mote.driftY * 0.7, mote.driftY],
+        }, transition: {
+            duration: mote.duration / speedMultiplier,
+            delay: mote.delay,
+            repeat: Infinity,
+            ease: "easeInOut",
+        } }));
+});
+// ============================================================================
+// DUST MOTES LAYER
+// ============================================================================
+export function DustMotesLayer({ colors: propColors, density: propDensity, speed: propSpeed, sizeRange: propSizeRange, className, disabled = false, }) {
+    const ambientTokens = useAmbientTokens();
+    const reducedMotion = prefersReducedMotion();
+    // Use props or fall back to theme tokens
+    const colors = propColors ?? ambientTokens.particleColors;
+    const density = propDensity ?? ambientTokens.particleDensity;
+    const speed = propSpeed ?? ambientTokens.particleSpeed;
+    const sizeRange = propSizeRange ?? ambientTokens.particleSizeRange;
+    // Calculate mote count based on viewport and density
+    const [motes, setMotes] = React.useState([]);
+    React.useEffect(() => {
+        if (disabled || reducedMotion) {
+            setMotes([]);
+            return;
+        }
+        // Base count on viewport, scaled by density
+        const viewportArea = typeof window !== "undefined" ? (window.innerWidth * window.innerHeight) / 10000 : 100;
+        const count = Math.floor(viewportArea * density * 2);
+        const clampedCount = Math.min(Math.max(count, 15), 80);
+        setMotes(generateMotes(clampedCount, colors, sizeRange, speed));
+    }, [colors, density, disabled, reducedMotion, sizeRange, speed]);
+    // Don't render if ambient type is not dust-motes
+    if (disabled || motes.length === 0) {
+        return null;
+    }
+    return (_jsxs("div", { className: cn("pointer-events-none absolute inset-0 overflow-hidden", className), "aria-hidden": "true", children: [_jsx("div", { className: "absolute inset-0", style: {
+                    background: ambientTokens.horizonGradient,
+                } }), motes.map((mote) => (_jsx(MoteParticle, { mote: mote, speedMultiplier: speed }, mote.id))), _jsx("div", { className: "absolute inset-0 opacity-30", style: {
+                    background: `
+            radial-gradient(
+              ellipse 60% 100% at 70% 0%,
+              ${colors[0]}15,
+              transparent 70%
+            )
+          `,
+                } })] }));
+}

package/dist/primitives/ambient/NebulaStarsLayer.d.ts

@@ -0,0 +1,12 @@
+export interface NebulaStarsLayerProps {
+    /** Override particle colors */
+    colors?: string[];
+    /** Override density (0-1) */
+    density?: number;
+    /** Container className */
+    className?: string;
+    /** Disable animations */
+    disabled?: boolean;
+}
+export declare function NebulaStarsLayer({ colors: propColors, density: propDensity, className, disabled, }: NebulaStarsLayerProps): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=NebulaStarsLayer.d.ts.map

package/dist/primitives/ambient/NebulaStarsLayer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NebulaStarsLayer.d.ts","sourceRoot":"","sources":["../../../src/primitives/ambient/NebulaStarsLayer.tsx"],"names":[],"mappings":"AAsBA,MAAM,WAAW,qBAAqB;IACpC,+BAA+B;IAC/B,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB,6BAA6B;IAC7B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,0BAA0B;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yBAAyB;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAiFD,wBAAgB,gBAAgB,CAAC,EAC/B,MAAM,EAAE,UAAU,EAClB,OAAO,EAAE,WAAW,EACpB,SAAS,EACT,QAAgB,GACjB,EAAE,qBAAqB,kDAqEvB"}

package/dist/primitives/ambient/NebulaStarsLayer.js

@@ -0,0 +1,99 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn, prefersReducedMotion } from "../../lib/utils";
+import { useAmbientTokens } from "../../theme";
+import { motion, useReducedMotion } from "framer-motion";
+import * as React from "react";
+// ============================================================================
+// STAR GENERATION
+// ============================================================================
+function generateStars(count, colors, sizeRange) {
+    return Array.from({ length: count }, (_, i) => ({
+        id: i,
+        x: Math.random() * 100,
+        y: Math.random() * 100,
+        size: sizeRange[0] + Math.random() * (sizeRange[1] - sizeRange[0]),
+        color: colors[Math.floor(Math.random() * colors.length)],
+        delay: Math.random() * 3,
+        duration: 2 + Math.random() * 4,
+        brightness: 0.3 + Math.random() * 0.7,
+    }));
+}
+const StarParticle = React.memo(function StarParticle({ star }) {
+    const reducedMotion = useReducedMotion();
+    if (reducedMotion) {
+        return (_jsx("div", { className: "absolute rounded-full", style: {
+                left: `${star.x}%`,
+                top: `${star.y}%`,
+                width: star.size,
+                height: star.size,
+                backgroundColor: star.color,
+                opacity: star.brightness * 0.5,
+            } }));
+    }
+    return (_jsx(motion.div, { className: "absolute rounded-full will-change-[opacity,transform]", style: {
+            left: `${star.x}%`,
+            top: `${star.y}%`,
+            width: star.size,
+            height: star.size,
+            backgroundColor: star.color,
+            boxShadow: `0 0 ${star.size * 2}px ${star.color}`,
+        }, animate: {
+            opacity: [
+                star.brightness * 0.3,
+                star.brightness,
+                star.brightness * 0.5,
+                star.brightness * 0.8,
+                star.brightness * 0.3,
+            ],
+            scale: [1, 1.2, 1, 1.1, 1],
+        }, transition: {
+            duration: star.duration,
+            delay: star.delay,
+            repeat: Infinity,
+            ease: "easeInOut",
+        } }));
+});
+// ============================================================================
+// NEBULA STARS LAYER
+// ============================================================================
+export function NebulaStarsLayer({ colors: propColors, density: propDensity, className, disabled = false, }) {
+    const ambientTokens = useAmbientTokens();
+    const reducedMotion = prefersReducedMotion();
+    // Use props or fall back to theme tokens
+    const colors = propColors ?? ambientTokens.particleColors;
+    const density = propDensity ?? ambientTokens.particleDensity;
+    const sizeRange = ambientTokens.particleSizeRange;
+    // Calculate star count based on viewport and density
+    const [stars, setStars] = React.useState([]);
+    React.useEffect(() => {
+        if (disabled || reducedMotion) {
+            setStars([]);
+            return;
+        }
+        // Base count on viewport, scaled by density
+        const viewportArea = typeof window !== "undefined" ? (window.innerWidth * window.innerHeight) / 10000 : 100;
+        const count = Math.floor(viewportArea * density * 3);
+        const clampedCount = Math.min(Math.max(count, 30), 150);
+        setStars(generateStars(clampedCount, colors, sizeRange));
+    }, [colors, density, disabled, reducedMotion, sizeRange]);
+    if (disabled || stars.length === 0) {
+        return null;
+    }
+    return (_jsxs("div", { className: cn("pointer-events-none absolute inset-0 overflow-hidden", className), "aria-hidden": "true", children: [_jsx("div", { className: "absolute inset-0", style: {
+                    background: ambientTokens.horizonGradient,
+                } }), stars.map((star) => (_jsx(StarParticle, { star: star }, star.id))), _jsx("div", { className: "absolute inset-0 opacity-60", style: {
+                    background: `
+            radial-gradient(
+              circle at 20% 30%,
+              ${colors[0]}10,
+              transparent 40%
+            ),
+            radial-gradient(
+              circle at 80% 70%,
+              ${colors[1]}08,
+              transparent 50%
+            )
+          `,
+                } })] }));
+}

package/dist/primitives/ambient/ThemedAmbientLayer.d.ts

@@ -0,0 +1,15 @@
+export interface ThemedAmbientLayerProps {
+    /** Additional className */
+    className?: string;
+    /** Force a specific ambient type (override theme) */
+    forceType?: "nebula-stars" | "dust-motes";
+    /** Disable the ambient layer */
+    disabled?: boolean;
+}
+/**
+ * Theme-aware ambient background layer.
+ * Automatically switches between Nebula stars and Solarpunk dust motes
+ * based on the current UI theme.
+ */
+export declare function ThemedAmbientLayer({ className, forceType, disabled, }: ThemedAmbientLayerProps): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=ThemedAmbientLayer.d.ts.map

package/dist/primitives/ambient/ThemedAmbientLayer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemedAmbientLayer.d.ts","sourceRoot":"","sources":["../../../src/primitives/ambient/ThemedAmbientLayer.tsx"],"names":[],"mappings":"AAMA,MAAM,WAAW,uBAAuB;IACtC,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qDAAqD;IACrD,SAAS,CAAC,EAAE,cAAc,GAAG,YAAY,CAAC;IAC1C,gCAAgC;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;;;GAIG;AACH,wBAAgB,kBAAkB,CAAC,EACjC,SAAS,EACT,SAAS,EACT,QAAgB,GACjB,EAAE,uBAAuB,kDAgBzB"}

package/dist/primitives/ambient/ThemedAmbientLayer.js

@@ -0,0 +1,23 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useAmbientTokens, useUiTheme } from "../../theme";
+import { DustMotesLayer } from "./DustMotesLayer";
+import { NebulaStarsLayer } from "./NebulaStarsLayer";
+/**
+ * Theme-aware ambient background layer.
+ * Automatically switches between Nebula stars and Solarpunk dust motes
+ * based on the current UI theme.
+ */
+export function ThemedAmbientLayer({ className, forceType, disabled = false, }) {
+    const { isHydrating } = useUiTheme();
+    const ambientTokens = useAmbientTokens();
+    // Don't render during hydration to prevent flash
+    if (isHydrating || disabled) {
+        return null;
+    }
+    const ambientType = forceType ?? ambientTokens.type;
+    if (ambientType === "dust-motes") {
+        return _jsx(DustMotesLayer, { className: className });
+    }
+    return _jsx(NebulaStarsLayer, { className: className });
+}

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

@@ -0,0 +1,4 @@
+export { NebulaStarsLayer, type NebulaStarsLayerProps } from "./NebulaStarsLayer";
+export { DustMotesLayer, type DustMotesLayerProps } from "./DustMotesLayer";
+export { ThemedAmbientLayer, type ThemedAmbientLayerProps } from "./ThemedAmbientLayer";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/primitives/ambient/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,KAAK,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAClF,OAAO,EAAE,cAAc,EAAE,KAAK,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAC5E,OAAO,EAAE,kBAAkB,EAAE,KAAK,uBAAuB,EAAE,MAAM,sBAAsB,CAAC"}

package/dist/primitives/ambient/index.js

@@ -0,0 +1,3 @@
+export { NebulaStarsLayer } from "./NebulaStarsLayer";
+export { DustMotesLayer } from "./DustMotesLayer";
+export { ThemedAmbientLayer } from "./ThemedAmbientLayer";

package/dist/primitives/atoms/AuroraBackground/AuroraBackground.d.ts

@@ -0,0 +1,8 @@
+import React, { ReactNode } from "react";
+interface AuroraBackgroundProps extends React.HTMLProps<HTMLDivElement> {
+    children: ReactNode;
+    showRadialGradient?: boolean;
+}
+export declare const AuroraBackground: ({ className, children, showRadialGradient, ...props }: AuroraBackgroundProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=AuroraBackground.d.ts.map

package/dist/primitives/atoms/AuroraBackground/AuroraBackground.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AuroraBackground.d.ts","sourceRoot":"","sources":["../../../../src/primitives/atoms/AuroraBackground/AuroraBackground.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEzC,UAAU,qBAAsB,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IACrE,QAAQ,EAAE,SAAS,CAAC;IACpB,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B;AAED,eAAO,MAAM,gBAAgB,GAAI,uDAK9B,qBAAqB,4CA8BvB,CAAC"}

package/dist/primitives/atoms/AuroraBackground/AuroraBackground.js

@@ -0,0 +1,16 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from "../../../lib/utils";
+export const AuroraBackground = ({ className, children, showRadialGradient = true, ...props }) => {
+    return (_jsxs("div", { className: cn("relative flex flex-col h-[100vh] items-center justify-center bg-background text-foreground transition-colors", className), ...props, children: [_jsx("div", { className: "absolute inset-0 overflow-hidden pointer-events-none", children: _jsx("div", { className: cn(`
+            [--aurora:repeating-linear-gradient(100deg,var(--cyan-neon)_10%,var(--magenta-neon)_15%,var(--emerald-neon)_20%,var(--cyan-neon)_30%)]
+            [background-image:var(--aurora)]
+            [background-size:300%,_200%]
+            [background-position:50%_50%,50%_50%]
+            filter blur-[10px] opacity-20
+            after:content-[""] after:absolute after:inset-0 after:[background-image:var(--aurora)] 
+            after:[background-size:200%,_100%] 
+            after:animate-aurora after:[background-attachment:fixed] after:mix-blend-difference
+            absolute -inset-[10px] will-change-transform`, showRadialGradient &&
+                        `[mask-image:radial-gradient(ellipse_at_100%_0%,black_10%,transparent_70%)]`) }) }), _jsx("div", { className: "relative z-10", children: children })] }));
+};

package/dist/primitives/atoms/AuroraBackground/index.d.ts

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

package/dist/primitives/atoms/AuroraBackground/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/primitives/atoms/AuroraBackground/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC"}

package/dist/primitives/atoms/AuroraBackground/index.js

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

package/dist/primitives/atoms/GlitchText/GlitchText.d.ts

@@ -0,0 +1,9 @@
+export interface GlitchTextProps {
+    variants: string[];
+    interval?: number;
+    className?: string;
+    steps?: number;
+    onComplete?: () => void;
+}
+export declare const GlitchText: ({ variants, interval, className, steps, onComplete, }: GlitchTextProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=GlitchText.d.ts.map

package/dist/primitives/atoms/GlitchText/GlitchText.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GlitchText.d.ts","sourceRoot":"","sources":["../../../../src/primitives/atoms/GlitchText/GlitchText.tsx"],"names":[],"mappings":"AAGA,MAAM,WAAW,eAAe;IAC9B,QAAQ,EAAE,MAAM,EAAE,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;CACzB;AAED,eAAO,MAAM,UAAU,GAAI,uDAMxB,eAAe,4CAsEjB,CAAC"}

package/dist/primitives/atoms/GlitchText/GlitchText.js

@@ -0,0 +1,46 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from "../../../lib/utils";
+import { useEffect, useState } from "react";
+export const GlitchText = ({ variants, interval = 3000, className, steps, onComplete, }) => {
+    const [index, setIndex] = useState(0);
+    const [isGlitching, setIsGlitching] = useState(false);
+    const [text, setText] = useState(variants[0]);
+    const [stepCount, setStepCount] = useState(0);
+    useEffect(() => {
+        if (typeof steps === "number" && stepCount >= steps) {
+            setIndex(variants.length - 1);
+            setText(variants[variants.length - 1]);
+            setIsGlitching(false);
+            onComplete?.();
+            return;
+        }
+        const timer = setInterval(() => {
+            setIsGlitching(true);
+            setTimeout(() => {
+                setIndex((prev) => (prev + 1) % variants.length);
+                setStepCount((prev) => prev + 1);
+                setIsGlitching(false);
+            }, 400); // Glitch duration
+        }, interval);
+        return () => clearInterval(timer);
+    }, [variants, interval, steps, stepCount, onComplete]);
+    // Simple glitch text effect during transition
+    useEffect(() => {
+        if (isGlitching) {
+            const glitchInterval = setInterval(() => {
+                const chars = "ABCDEFGHIJKLMNOPQRSTUVWXYZ1234567890!@#$%^&*()";
+                const currentTarget = variants[(index + 1) % variants.length];
+                const randomText = currentTarget
+                    .split("")
+                    .map((char) => Math.random() > 0.5 ? chars[Math.floor(Math.random() * chars.length)] : char)
+                    .join("");
+                setText(randomText);
+            }, 50);
+            return () => clearInterval(glitchInterval);
+        }
+        else {
+            setText(variants[index]);
+        }
+    }, [isGlitching, index, variants]);
+    return (_jsxs("span", { className: cn("relative inline-block", className), children: [_jsx("span", { className: cn("block", isGlitching && "animate-glitch text-cyan-neon blur-[0.5px]"), children: text }), isGlitching && (_jsxs(_Fragment, { children: [_jsx("span", { className: "absolute top-0 left-0 -ml-[2px] text-red-500 opacity-70 animate-glitch", "aria-hidden": "true", children: text }), _jsx("span", { className: "absolute top-0 left-0 ml-[2px] text-blue-500 opacity-70 animate-glitch", "aria-hidden": "true", children: text })] }))] }));
+};

package/dist/primitives/atoms/GlitchText/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./GlitchText";
+//# sourceMappingURL=index.d.ts.map

package/dist/primitives/atoms/GlitchText/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/primitives/atoms/GlitchText/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC"}

package/dist/primitives/atoms/GlitchText/index.js

@@ -0,0 +1 @@
+export * from "./GlitchText";

package/dist/primitives/atoms/GlowButton/GlowButton.d.ts

@@ -0,0 +1,19 @@
+import { type VariantProps } from "class-variance-authority";
+import { type HTMLMotionProps } from "framer-motion";
+import React from "react";
+declare const glowButtonVariants: (props?: ({
+    variant?: "default" | "secondary" | "ghost" | "destructive" | "outline" | null | undefined;
+    size?: "default" | "icon" | "sm" | "lg" | null | undefined;
+    glow?: "low" | "high" | "none" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface GlowButtonProps extends Omit<HTMLMotionProps<"button">, "children">, VariantProps<typeof glowButtonVariants> {
+    /** Show loading spinner */
+    loading?: boolean;
+    /** Button content */
+    children?: React.ReactNode;
+    /** Disable glow animations */
+    disableAnimations?: boolean;
+}
+export declare function GlowButton({ className, variant, size, glow, loading, disabled, disableAnimations, children, ...props }: GlowButtonProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=GlowButton.d.ts.map

package/dist/primitives/atoms/GlowButton/GlowButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GlowButton.d.ts","sourceRoot":"","sources":["../../../../src/primitives/atoms/GlowButton/GlowButton.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAU,KAAK,eAAe,EAAE,MAAM,eAAe,CAAC;AAE7D,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,QAAA,MAAM,kBAAkB;;;;8EAkCvB,CAAC;AAEF,MAAM,WAAW,eACf,SAAQ,IAAI,CAAC,eAAe,CAAC,QAAQ,CAAC,EAAE,UAAU,CAAC,EAAE,YAAY,CAAC,OAAO,kBAAkB,CAAC;IAC5F,2BAA2B;IAC3B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,qBAAqB;IACrB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,8BAA8B;IAC9B,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B;AAED,wBAAgB,UAAU,CAAC,EACzB,SAAS,EACT,OAAO,EACP,IAAI,EACJ,IAAI,EACJ,OAAe,EACf,QAAQ,EACR,iBAAyB,EACzB,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,eAAe,2CAyEjB"}

package/dist/primitives/atoms/GlowButton/GlowButton.js

@@ -0,0 +1,59 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn, prefersReducedMotion } from "../../../lib/utils";
+import { cva } from "class-variance-authority";
+import { motion } from "framer-motion";
+import { Loader2 } from "lucide-react";
+const glowButtonVariants = cva("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all duration-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 relative overflow-hidden", {
+    variants: {
+        variant: {
+            default: "bg-primary text-primary-foreground hover:bg-primary/90 shadow-neon-cyan hover:shadow-neon-cyan/80",
+            ghost: "border border-border/40 bg-transparent hover:bg-accent hover:text-accent-foreground shadow-glass hover:shadow-neon-cyan/40",
+            outline: "border border-cyan-neon/60 bg-transparent text-cyan-neon hover:bg-cyan-neon/10 hover:border-cyan-neon shadow-neon-cyan/40 hover:shadow-neon-cyan",
+            destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/90 shadow-[0_0_20px_hsl(var(--destructive))]",
+            secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80 shadow-neon-magenta/60 hover:shadow-neon-magenta",
+        },
+        size: {
+            default: "h-10 px-4 py-2",
+            sm: "h-9 rounded-md px-3",
+            lg: "h-11 rounded-md px-8",
+            icon: "h-10 w-10",
+        },
+        glow: {
+            none: "",
+            low: "animate-soft-glow",
+            high: "shadow-glow animate-pulse",
+        },
+    },
+    defaultVariants: {
+        variant: "default",
+        size: "default",
+        glow: "none",
+    },
+});
+export function GlowButton({ className, variant, size, glow, loading = false, disabled, disableAnimations = false, children, ...props }) {
+    const reducedMotion = prefersReducedMotion();
+    const shouldAnimate = !disableAnimations && !reducedMotion;
+    const isDisabled = disabled || loading;
+    return (_jsxs(motion.button, { className: cn(glowButtonVariants({
+            variant,
+            size,
+            glow: shouldAnimate ? glow : "none",
+        }), className), disabled: isDisabled, whileHover: shouldAnimate && !isDisabled
+            ? {
+                scale: 1.02,
+                transition: { duration: 0.1 },
+            }
+            : {}, whileTap: shouldAnimate && !isDisabled
+            ? {
+                scale: 0.98,
+                transition: { duration: 0.1 },
+            }
+            : {}, ...props, children: [shouldAnimate && glow !== "none" && (_jsx(motion.div, { className: "absolute inset-0 bg-gradient-to-r from-cyan-neon/20 via-magenta-neon/20 to-emerald-neon/20 opacity-0 rounded-md", animate: {
+                    opacity: [0, 0.3, 0],
+                }, transition: {
+                    duration: 2,
+                    repeat: Infinity,
+                    ease: "easeInOut",
+                } })), _jsxs("div", { className: "relative z-10 flex items-center justify-center gap-2", children: [loading && (_jsx(motion.div, { initial: shouldAnimate ? { opacity: 0, scale: 0.8 } : {}, animate: { opacity: 1, scale: 1 }, transition: { duration: 0.2 }, children: _jsx(Loader2, { className: "h-4 w-4 animate-spin" }) })), children && (_jsx(motion.span, { initial: shouldAnimate && loading ? { opacity: 0, x: -10 } : {}, animate: { opacity: 1, x: 0 }, transition: { duration: 0.2, delay: loading ? 0.1 : 0 }, children: children }))] })] }));
+}

package/dist/primitives/atoms/GlowButton/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./GlowButton";
+//# sourceMappingURL=index.d.ts.map

package/dist/primitives/atoms/GlowButton/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/primitives/atoms/GlowButton/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC"}

package/dist/primitives/atoms/GlowButton/index.js

@@ -0,0 +1 @@
+export * from "./GlowButton";

package/dist/primitives/atoms/GlowInput/GlowInput.d.ts

@@ -0,0 +1,25 @@
+import { type VariantProps } from "class-variance-authority";
+import React from "react";
+declare const glowInputVariants: (props?: ({
+    variant?: "success" | "error" | "default" | null | undefined;
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface GlowInputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "onDrag" | "onDragEnd" | "onDragEnter" | "onDragExit" | "onDragLeave" | "onDragOver" | "onDragStart" | "onDrop" | "onAnimationStart" | "onAnimationEnd" | "onAnimationIteration">, VariantProps<typeof glowInputVariants> {
+    /** Input label */
+    label?: string;
+    /** Helper description text */
+    description?: string;
+    /** Error message */
+    error?: string;
+    /** Left icon */
+    leftIcon?: React.ReactNode;
+    /** Right icon */
+    rightIcon?: React.ReactNode;
+    /** Disable glow animations */
+    disableAnimations?: boolean;
+    /** Container class name */
+    containerClassName?: string;
+}
+export declare function GlowInput({ className, containerClassName, variant, size, label, description, error, leftIcon, rightIcon, disableAnimations, id, ...props }: GlowInputProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=GlowInput.d.ts.map

package/dist/primitives/atoms/GlowInput/GlowInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GlowInput.d.ts","sourceRoot":"","sources":["../../../../src/primitives/atoms/GlowInput/GlowInput.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAGlE,OAAO,KAAgB,MAAM,OAAO,CAAC;AAErC,QAAA,MAAM,iBAAiB;;;8EAsBtB,CAAC;AAeF,MAAM,WAAW,cACf,SACE,IAAI,CACF,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EACzC,MAAM,GACN,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,iBAAiB,CAAC;IACxC,kBAAkB;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,8BAA8B;IAC9B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,oBAAoB;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,gBAAgB;IAChB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,iBAAiB;IACjB,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,8BAA8B;IAC9B,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,2BAA2B;IAC3B,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED,wBAAgB,SAAS,CAAC,EACxB,SAAS,EACT,kBAAkB,EAClB,OAAO,EACP,IAAI,EACJ,KAAK,EACL,WAAW,EACX,KAAK,EACL,QAAQ,EACR,SAAS,EACT,iBAAyB,EACzB,EAAE,EACF,GAAG,KAAK,EACT,EAAE,cAAc,2CA6GhB"}

package/dist/primitives/atoms/GlowInput/GlowInput.js

@@ -0,0 +1,55 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn, prefersReducedMotion } from "../../../lib/utils";
+import { cva } from "class-variance-authority";
+import { motion } from "framer-motion";
+import { AlertCircle } from "lucide-react";
+import { useId } from "react";
+const glowInputVariants = cva("flex h-10 w-full rounded-md border bg-background px-3 py-2 text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 transition-all duration-200", {
+    variants: {
+        variant: {
+            default: "border-border focus-visible:border-cyan-neon focus-visible:shadow-neon-cyan/40",
+            error: "border-destructive focus-visible:border-destructive focus-visible:shadow-[0_0_20px_hsl(var(--destructive))]",
+            success: "border-emerald-neon focus-visible:border-emerald-neon focus-visible:shadow-neon-emerald/40",
+        },
+        size: {
+            default: "h-10 px-3 py-2",
+            sm: "h-9 px-3 py-2 text-sm",
+            lg: "h-11 px-4 py-2",
+        },
+    },
+    defaultVariants: {
+        variant: "default",
+        size: "default",
+    },
+});
+const containerVariants = cva("space-y-2", {
+    variants: {
+        size: {
+            default: "space-y-2",
+            sm: "space-y-1.5",
+            lg: "space-y-2.5",
+        },
+    },
+    defaultVariants: {
+        size: "default",
+    },
+});
+export function GlowInput({ className, containerClassName, variant, size, label, description, error, leftIcon, rightIcon, disableAnimations = false, id, ...props }) {
+    const inputId = useId();
+    const finalId = id || inputId;
+    const descriptionId = `${finalId}-description`;
+    const errorId = `${finalId}-error`;
+    const reducedMotion = prefersReducedMotion();
+    const shouldAnimate = !disableAnimations && !reducedMotion;
+    // Use error variant if error is present
+    const finalVariant = error ? "error" : variant;
+    return (_jsxs("div", { className: cn(containerVariants({ size }), containerClassName), children: [label && (_jsx(motion.label, { htmlFor: finalId, className: "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70", initial: shouldAnimate ? { opacity: 0, y: -5 } : {}, animate: { opacity: 1, y: 0 }, transition: { duration: 0.2 }, children: label })), _jsxs("div", { className: "relative", children: [leftIcon && (_jsx("div", { className: "absolute left-3 top-1/2 -translate-y-1/2 text-muted-foreground", children: leftIcon })), _jsx(motion.input, { id: finalId, className: cn(glowInputVariants({ variant: finalVariant, size }), leftIcon && "pl-10", rightIcon && "pr-10", className), "aria-describedby": description || error
+                            ? `${description ? descriptionId : ""} ${error ? errorId : ""}`.trim()
+                            : undefined, "aria-invalid": error ? "true" : undefined, initial: shouldAnimate ? { opacity: 0, scale: 0.98 } : {}, animate: { opacity: 1, scale: 1 }, transition: { duration: 0.2, delay: 0.1 }, whileFocus: shouldAnimate
+                            ? {
+                                scale: 1.01,
+                                transition: { duration: 0.1 },
+                            }
+                            : {}, ...props }), _jsx("div", { className: "absolute right-3 top-1/2 -translate-y-1/2 text-muted-foreground", children: error ? (_jsx(motion.div, { initial: shouldAnimate ? { opacity: 0, scale: 0.8 } : {}, animate: { opacity: 1, scale: 1 }, transition: { duration: 0.2 }, children: _jsx(AlertCircle, { className: "h-4 w-4 text-destructive" }) })) : (rightIcon) })] }), description && !error && (_jsx(motion.p, { id: descriptionId, className: "text-sm text-muted-foreground", initial: shouldAnimate ? { opacity: 0, y: 5 } : {}, animate: { opacity: 1, y: 0 }, transition: { duration: 0.2, delay: 0.2 }, children: description })), error && (_jsxs(motion.p, { id: errorId, className: "text-sm text-destructive flex items-center gap-1", initial: shouldAnimate ? { opacity: 0, y: 5 } : {}, animate: { opacity: 1, y: 0 }, transition: { duration: 0.2, delay: 0.2 }, children: [_jsx(AlertCircle, { className: "h-3 w-3" }), error] }))] }));
+}

package/dist/primitives/atoms/GlowInput/index.d.ts

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

package/dist/primitives/atoms/GlowInput/index.d.ts.map

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

package/dist/primitives/atoms/GlowInput/index.js

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

package/dist/primitives/atoms/HUDProgressRing/HUDProgressRing.d.ts

@@ -0,0 +1,27 @@
+import React from "react";
+export interface HUDProgressRingProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Progress value (0-1) */
+    value: number;
+    /** Display value (defaults to value * 100) */
+    displayValue?: number;
+    /** Ring size in pixels */
+    size?: number;
+    /** Ring thickness */
+    strokeWidth?: number;
+    /** Color theme */
+    theme?: "cyan" | "magenta" | "emerald" | "rainbow";
+    /** Show animated number in center */
+    showValue?: boolean;
+    /** Value suffix (e.g., '%', 'XP') */
+    suffix?: string;
+    /** Animation duration in ms */
+    animationDuration?: number;
+    /** Disable animations */
+    disableAnimations?: boolean;
+    /** Label text below the ring */
+    label?: string;
+    /** Optional class name */
+    className?: string;
+}
+export declare function HUDProgressRing({ value, displayValue, size, strokeWidth, theme, showValue, suffix, animationDuration, disableAnimations, label, className, ...props }: HUDProgressRingProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=HUDProgressRing.d.ts.map

package/dist/primitives/atoms/HUDProgressRing/HUDProgressRing.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HUDProgressRing.d.ts","sourceRoot":"","sources":["../../../../src/primitives/atoms/HUDProgressRing/HUDProgressRing.tsx"],"names":[],"mappings":"AAIA,OAAO,KAA8C,MAAM,OAAO,CAAC;AAEnE,MAAM,WAAW,oBAAqB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAChF,2BAA2B;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,8CAA8C;IAC9C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,0BAA0B;IAC1B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,qBAAqB;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,kBAAkB;IAClB,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,CAAC;IACnD,qCAAqC;IACrC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,qCAAqC;IACrC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,+BAA+B;IAC/B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,yBAAyB;IACzB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,gCAAgC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,0BAA0B;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,eAAe,CAAC,EAC9B,KAAK,EACL,YAAY,EACZ,IAAU,EACV,WAAe,EACf,KAAiB,EACjB,SAAgB,EAChB,MAAY,EACZ,iBAAwB,EACxB,iBAAyB,EACzB,KAAK,EACL,SAAS,EACT,GAAG,KAAK,EACT,EAAE,oBAAoB,2CAiLtB"}