@backbay/glia 0.2.0-alpha.1

package/dist/primitives/atoms/StatBadge/StatBadge.js

@@ -0,0 +1,73 @@
+"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 { Clock, Flame, Star, Target, Trophy, Zap, Shield, Box, Cpu } from "lucide-react";
+const statBadgeVariants = cva("inline-flex items-center gap-1.5 rounded-full px-2.5 py-1 text-xs font-medium transition-all duration-200 border", {
+    variants: {
+        variant: {
+            // Original variants
+            xp: "bg-emerald-neon/10 text-emerald-neon border-emerald-neon/30 shadow-neon-emerald/20",
+            streak: "bg-cyan-neon/10 text-cyan-neon border-cyan-neon/30 shadow-neon-cyan/20",
+            difficulty: "bg-muted/50 text-muted-foreground border-border/50",
+            achievement: "bg-magenta-neon/10 text-magenta-neon border-magenta-neon/30 shadow-neon-magenta/20",
+            time: "bg-card/80 text-foreground border-border/40 shadow-glass",
+            score: "bg-primary/10 text-primary border-primary/30",
+            // Backbay variants
+            jobs: "bg-cyan-neon/10 text-cyan-neon border-cyan-neon/30 shadow-neon-cyan/20",
+            receipts: "bg-emerald-neon/10 text-emerald-neon border-emerald-neon/30 shadow-neon-emerald/20",
+            nodes: "bg-amber-500/10 text-amber-400 border-amber-500/30",
+            trust: "bg-yellow-500/10 text-yellow-400 border-yellow-500/30",
+            disputes: "bg-rose-500/10 text-rose-400 border-rose-500/30",
+        },
+        size: {
+            sm: "px-2 py-0.5 text-xs",
+            default: "px-2.5 py-1 text-xs",
+            lg: "px-3 py-1.5 text-sm",
+        },
+        glow: {
+            none: "",
+            subtle: "animate-soft-glow",
+            intense: "shadow-glow animate-pulse",
+        },
+    },
+    defaultVariants: {
+        variant: "xp",
+        size: "default",
+        glow: "none",
+    },
+});
+const iconMap = {
+    xp: Zap,
+    streak: Flame,
+    difficulty: Target,
+    achievement: Trophy,
+    time: Clock,
+    score: Star,
+    jobs: Cpu,
+    receipts: Shield,
+    nodes: Box,
+    trust: Trophy,
+    disputes: Flame,
+};
+export function StatBadge({ className, variant = "xp", size, glow, value, suffix, prefix, icon, showIcon = true, animateValue = false, disableAnimations = false, ...props }) {
+    const reducedMotion = prefersReducedMotion();
+    const shouldAnimate = !disableAnimations && !reducedMotion;
+    // Get default icon for variant
+    const DefaultIcon = iconMap[variant];
+    const displayIcon = icon || (DefaultIcon && _jsx(DefaultIcon, { className: "h-3 w-3" }));
+    // Format value if it's a number
+    const formattedValue = typeof value === "number" ? formatNumber(value) : value;
+    const displayText = `${prefix || ""}${formattedValue}${suffix || ""}`;
+    return (_jsxs(motion.div, { className: cn(statBadgeVariants({
+            variant,
+            size,
+            glow: shouldAnimate ? glow : "none",
+        }), className), initial: shouldAnimate ? { opacity: 0, scale: 0.9 } : {}, animate: { opacity: 1, scale: 1 }, transition: { duration: 0.2 }, whileHover: shouldAnimate
+            ? {
+                scale: 1.05,
+                transition: { duration: 0.1 },
+            }
+            : {}, ...props, children: [showIcon && displayIcon && (_jsx(motion.div, { className: "flex-shrink-0", initial: shouldAnimate ? { opacity: 0, rotate: -10 } : {}, animate: { opacity: 1, rotate: 0 }, transition: { duration: 0.3, delay: 0.1 }, children: displayIcon })), _jsx(motion.span, { className: "font-semibold tabular-nums", initial: shouldAnimate && animateValue ? { opacity: 0, y: 5 } : {}, animate: { opacity: 1, y: 0 }, transition: { duration: 0.2, delay: showIcon ? 0.2 : 0.1 }, children: displayText })] }));
+}

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

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

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

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

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

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

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

@@ -0,0 +1,7 @@
+export declare const TextGenerateEffect: ({ words, className, filter, duration, }: {
+    words: string;
+    className?: string;
+    filter?: boolean;
+    duration?: number;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=TextGenerateEffect.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TextGenerateEffect.d.ts","sourceRoot":"","sources":["../../../../src/primitives/atoms/TextGenerateEffect/TextGenerateEffect.tsx"],"names":[],"mappings":"AAKA,eAAO,MAAM,kBAAkB,GAAI,yCAKhC;IACD,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,4CA8CA,CAAC"}

package/dist/primitives/atoms/TextGenerateEffect/TextGenerateEffect.js

@@ -0,0 +1,26 @@
+"use client";
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { useEffect } from "react";
+import { motion, stagger, useAnimate } from "framer-motion";
+import { cn } from "../../../lib/utils";
+export const TextGenerateEffect = ({ words, className, filter = true, duration = 0.5, }) => {
+    const [scope, animate] = useAnimate();
+    let wordsArray = words.split(" ");
+    useEffect(() => {
+        animate("span", {
+            opacity: 1,
+            filter: filter ? "blur(0px)" : "none",
+        }, {
+            duration: duration ? duration : 1,
+            delay: stagger(0.2),
+        });
+    }, [animate, duration, filter, words]);
+    const renderWords = () => {
+        return (_jsx(motion.div, { ref: scope, children: wordsArray.map((word, idx) => {
+                return (_jsxs(motion.span, { className: "dark:text-white text-black opacity-0", style: {
+                        filter: filter ? "blur(10px)" : "none",
+                    }, children: [word, " "] }, word + idx));
+            }) }));
+    };
+    return (_jsx("div", { className: cn("font-bold", className), children: _jsx("div", { className: "mt-4", children: _jsx("div", { className: " dark:text-white text-black text-2xl leading-snug tracking-wide", children: renderWords() }) }) }));
+};

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

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

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

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

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

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

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

@@ -0,0 +1,20 @@
+import { MotionProps } from "framer-motion";
+export interface TypingAnimationProps extends MotionProps {
+    children?: string;
+    words?: string[];
+    className?: string;
+    duration?: number;
+    typeSpeed?: number;
+    deleteSpeed?: number;
+    delay?: number;
+    pauseDelay?: number;
+    loop?: boolean;
+    startOnView?: boolean;
+    showCursor?: boolean;
+    blinkCursor?: boolean;
+    cursorStyle?: "line" | "block" | "underscore";
+    whitespaceClassName?: string;
+    onFinish?: () => void;
+}
+export declare const TypingAnimation: ({ words, className, whitespaceClassName, typeSpeed, deleteSpeed, delay, pauseDelay, loop, showCursor, blinkCursor, cursorStyle, onFinish, ...props }: TypingAnimationProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=TypingAnimation.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TypingAnimation.d.ts","sourceRoot":"","sources":["../../../../src/primitives/atoms/TypingAnimation/TypingAnimation.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAU,MAAM,eAAe,CAAC;AAGpD,MAAM,WAAW,oBAAqB,SAAQ,WAAW;IACvD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,YAAY,CAAC;IAC9C,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,eAAO,MAAM,eAAe,GAAI,sJAc7B,oBAAoB,4CAiGtB,CAAC"}

package/dist/primitives/atoms/TypingAnimation/TypingAnimation.js

@@ -0,0 +1,84 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from "../../../lib/utils";
+import { motion } from "framer-motion";
+import { useEffect, useRef, useState } from "react";
+export const TypingAnimation = ({ words = [], className, whitespaceClassName = "whitespace-pre", typeSpeed = 50, deleteSpeed = 30, delay = 0, pauseDelay = 1200, loop = true, showCursor = true, blinkCursor = true, cursorStyle = "line", onFinish, ...props }) => {
+    const [displayText, setDisplayText] = useState("");
+    const [wordIndex, setWordIndex] = useState(0);
+    const [isDeleting, setIsDeleting] = useState(false);
+    const [started, setStarted] = useState(delay === 0);
+    const [isComplete, setIsComplete] = useState(false);
+    const hasCompletedRef = useRef(false);
+    useEffect(() => {
+        if (delay > 0) {
+            const timer = setTimeout(() => setStarted(true), delay);
+            return () => clearTimeout(timer);
+        }
+    }, [delay]);
+    useEffect(() => {
+        if (isComplete || !started)
+            return;
+        // Reduced-motion / instant render: if speeds are zero, show full word immediately.
+        if (typeSpeed === 0 || deleteSpeed === 0) {
+            const currentWord = words[wordIndex] ?? "";
+            setDisplayText(currentWord);
+            if (!loop && wordIndex === words.length - 1) {
+                setIsComplete(true);
+                return;
+            }
+            setIsDeleting(false);
+            setWordIndex((prev) => (prev + 1) % words.length);
+            return;
+        }
+        const currentWord = words[wordIndex] ?? "";
+        let timeout;
+        if (!isDeleting) {
+            if (displayText.length < currentWord.length) {
+                timeout = setTimeout(() => {
+                    setDisplayText(currentWord.slice(0, displayText.length + 1));
+                }, typeSpeed);
+            }
+            else {
+                if (!loop && wordIndex === words.length - 1) {
+                    const doneTimer = setTimeout(() => setIsComplete(true), pauseDelay);
+                    return () => clearTimeout(doneTimer);
+                }
+                timeout = setTimeout(() => setIsDeleting(true), pauseDelay);
+            }
+        }
+        else {
+            if (displayText.length > 0) {
+                timeout = setTimeout(() => {
+                    setDisplayText(currentWord.slice(0, displayText.length - 1));
+                }, deleteSpeed);
+            }
+            else {
+                setIsDeleting(false);
+                setWordIndex((prev) => (prev + 1) % words.length);
+            }
+        }
+        return () => {
+            if (timeout)
+                clearTimeout(timeout);
+        };
+    }, [
+        displayText,
+        isDeleting,
+        isComplete,
+        started,
+        words,
+        wordIndex,
+        typeSpeed,
+        deleteSpeed,
+        pauseDelay,
+        loop,
+    ]);
+    useEffect(() => {
+        if (isComplete && !hasCompletedRef.current) {
+            hasCompletedRef.current = true;
+            onFinish?.();
+        }
+    }, [isComplete, onFinish]);
+    const cursorChar = cursorStyle === "block" ? "▮" : cursorStyle === "underscore" ? "_" : "|";
+    return (_jsxs(motion.span, { ...props, className: cn("relative inline-flex items-center gap-1", whitespaceClassName, className), children: [_jsx("span", { children: displayText }), showCursor && (_jsx("span", { className: cn("inline-block text-cyan-neon", blinkCursor && "animate-pulse"), "aria-hidden": "true", children: cursorChar }))] }));
+};

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

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

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

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

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

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

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

@@ -0,0 +1,16 @@
+export interface VoiceCaptionsProps {
+    /** The full text to display */
+    text: string;
+    /** Sync with audio playback state */
+    isPlaying?: boolean;
+    /** Words per second for timing sync (default ~2.5) */
+    wordsPerSecond?: number;
+    /** Callback when all text has been revealed and dissolved */
+    onComplete?: () => void;
+    /** Additional className for the container */
+    className?: string;
+    /** Max lines visible before older lines dissolve (default 3) */
+    maxLines?: number;
+}
+export declare const VoiceCaptions: ({ text, isPlaying, wordsPerSecond, onComplete, className, maxLines, }: VoiceCaptionsProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=VoiceCaptions.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"VoiceCaptions.d.ts","sourceRoot":"","sources":["../../../../src/primitives/atoms/VoiceCaptions/VoiceCaptions.tsx"],"names":[],"mappings":"AAoBA,MAAM,WAAW,kBAAkB;IACjC,+BAA+B;IAC/B,IAAI,EAAE,MAAM,CAAC;IACb,qCAAqC;IACrC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,sDAAsD;IACtD,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,6DAA6D;IAC7D,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,6CAA6C;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gEAAgE;IAChE,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAmBD,eAAO,MAAM,aAAa,GAAI,uEAO3B,kBAAkB,4CAmMpB,CAAC"}

package/dist/primitives/atoms/VoiceCaptions/VoiceCaptions.js

@@ -0,0 +1,192 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useRef, useState, useMemo, useCallback } from "react";
+import { motion, AnimatePresence } from "framer-motion";
+import { cn, prefersReducedMotion } from "../../../lib/utils";
+/** Hook to detect reduced motion preference */
+function useReducedMotion() {
+    const [reduced, setReduced] = useState(() => prefersReducedMotion());
+    useEffect(() => {
+        const mediaQuery = window.matchMedia("(prefers-reduced-motion: reduce)");
+        const handler = (e) => setReduced(e.matches);
+        mediaQuery.addEventListener("change", handler);
+        return () => mediaQuery.removeEventListener("change", handler);
+    }, []);
+    return reduced;
+}
+const WORD_STAGGER_MS = 60;
+const GLOW_PULSE_MS = 200;
+const LINGER_MS = 2000;
+const DISSOLVE_MS = 400;
+const WORDS_PER_LINE = 8;
+const GOLDEN_COLOR = "rgba(212, 168, 75, 0.95)";
+const GOLDEN_GLOW = "0 0 12px #d4a84b";
+const GOLDEN_GLOW_INTENSE = "0 0 20px #d4a84b, 0 0 32px #d4a84b";
+export const VoiceCaptions = ({ text, isPlaying = true, wordsPerSecond = 2.5, onComplete, className, maxLines = 3, }) => {
+    const reducedMotion = useReducedMotion();
+    const [lines, setLines] = useState([]);
+    const [currentWordIndex, setCurrentWordIndex] = useState(0);
+    const [isComplete, setIsComplete] = useState(false);
+    const hasCalledComplete = useRef(false);
+    const lineIdCounter = useRef(0);
+    const allWords = useMemo(() => {
+        return text.trim().split(/\s+/).filter(Boolean);
+    }, [text]);
+    // Reset state when text changes
+    useEffect(() => {
+        setLines([]);
+        setCurrentWordIndex(0);
+        setIsComplete(false);
+        hasCalledComplete.current = false;
+        lineIdCounter.current = 0;
+    }, [text]);
+    // Word reveal timing
+    useEffect(() => {
+        if (!isPlaying || isComplete || currentWordIndex >= allWords.length)
+            return;
+        const interval = reducedMotion
+            ? 1000 / wordsPerSecond
+            : WORD_STAGGER_MS;
+        const timer = setTimeout(() => {
+            setCurrentWordIndex((prev) => prev + 1);
+        }, interval);
+        return () => clearTimeout(timer);
+    }, [isPlaying, currentWordIndex, allWords.length, isComplete, reducedMotion, wordsPerSecond]);
+    // Manage lines based on current word index
+    useEffect(() => {
+        if (currentWordIndex === 0 && allWords.length > 0) {
+            // Initialize first line
+            const firstLineWords = allWords.slice(0, WORDS_PER_LINE);
+            setLines([
+                {
+                    id: lineIdCounter.current++,
+                    words: firstLineWords,
+                    phase: "entering",
+                    revealedCount: 0,
+                },
+            ]);
+            return;
+        }
+        setLines((prevLines) => {
+            const newLines = [...prevLines];
+            let totalWordsInLines = 0;
+            // Calculate revealed words per line
+            for (let i = 0; i < newLines.length; i++) {
+                const line = newLines[i];
+                const lineStartIndex = i * WORDS_PER_LINE;
+                const revealedInLine = Math.max(0, Math.min(currentWordIndex - lineStartIndex, line.words.length));
+                newLines[i] = {
+                    ...line,
+                    revealedCount: revealedInLine,
+                    phase: revealedInLine > 0 ? "visible" : line.phase,
+                };
+                totalWordsInLines += line.words.length;
+            }
+            // Check if we need a new line
+            if (currentWordIndex >= totalWordsInLines && currentWordIndex < allWords.length) {
+                const newLineStartIndex = totalWordsInLines;
+                const newLineWords = allWords.slice(newLineStartIndex, newLineStartIndex + WORDS_PER_LINE);
+                if (newLineWords.length > 0) {
+                    newLines.push({
+                        id: lineIdCounter.current++,
+                        words: newLineWords,
+                        phase: "entering",
+                        revealedCount: 0,
+                    });
+                    // Mark oldest line for exit if we exceed maxLines
+                    if (newLines.length > maxLines) {
+                        newLines[0] = { ...newLines[0], phase: "exiting" };
+                    }
+                }
+            }
+            return newLines;
+        });
+    }, [currentWordIndex, allWords, maxLines]);
+    // Remove exited lines after animation
+    const handleExitComplete = useCallback((lineId) => {
+        setLines((prev) => prev.filter((line) => line.id !== lineId));
+    }, []);
+    // Handle completion with linger
+    useEffect(() => {
+        if (currentWordIndex >= allWords.length && allWords.length > 0 && !isComplete) {
+            const lingerTimer = setTimeout(() => {
+                setIsComplete(true);
+                // Dissolve all remaining lines
+                setLines((prev) => prev.map((line) => ({ ...line, phase: "exiting" })));
+            }, LINGER_MS);
+            return () => clearTimeout(lingerTimer);
+        }
+    }, [currentWordIndex, allWords.length, isComplete]);
+    // Call onComplete when all lines have dissolved
+    useEffect(() => {
+        if (isComplete && lines.length === 0 && !hasCalledComplete.current) {
+            hasCalledComplete.current = true;
+            onComplete?.();
+        }
+    }, [isComplete, lines.length, onComplete]);
+    // Reduced motion: instant reveal, simple fade
+    if (reducedMotion) {
+        return (_jsx("div", { className: cn("voice-captions-container text-center", className), style: {
+                fontFamily: "'Cormorant Garamond', serif",
+                fontSize: "18px",
+                letterSpacing: "0.05em",
+                color: GOLDEN_COLOR,
+            }, role: "status", "aria-live": "polite", "aria-label": "Voice captions", children: _jsx(AnimatePresence, { mode: "popLayout", children: lines.map((line) => (_jsx(motion.div, { initial: { opacity: 0 }, animate: { opacity: 1 }, exit: { opacity: 0 }, transition: { duration: 0.3 }, onAnimationComplete: (definition) => {
+                        if (definition === "exit") {
+                            handleExitComplete(line.id);
+                        }
+                    }, className: "caption-line", children: line.words.slice(0, line.revealedCount).join(" ") }, line.id))) }) }));
+    }
+    return (_jsx("div", { className: cn("voice-captions-container text-center", className), style: {
+            fontFamily: "'Cormorant Garamond', serif",
+            fontSize: "18px",
+            letterSpacing: "0.05em",
+            color: GOLDEN_COLOR,
+        }, role: "status", "aria-live": "polite", "aria-label": "Voice captions", children: _jsx(AnimatePresence, { mode: "popLayout", children: lines.map((line) => (_jsx(CaptionLineComponent, { line: line, onExitComplete: () => handleExitComplete(line.id) }, line.id))) }) }));
+};
+const CaptionLineComponent = ({ line, onExitComplete, }) => {
+    return (_jsx(motion.div, { className: "caption-line mb-1", initial: { opacity: 1 }, animate: { opacity: 1 }, exit: {
+            opacity: 0,
+            filter: "blur(4px)",
+            textShadow: "0 0 0px transparent",
+        }, transition: {
+            exit: {
+                duration: DISSOLVE_MS / 1000,
+                ease: "easeOut",
+            },
+        }, onAnimationComplete: (definition) => {
+            if (definition === "exit") {
+                onExitComplete();
+            }
+        }, children: line.words.map((word, wordIdx) => (_jsx(CaptionWord, { word: word, isRevealed: wordIdx < line.revealedCount, isLastRevealed: wordIdx === line.revealedCount - 1 }, `${line.id}-${wordIdx}`))) }));
+};
+const CaptionWord = ({ word, isRevealed, isLastRevealed }) => {
+    const [glowPhase, setGlowPhase] = useState("intense");
+    useEffect(() => {
+        if (isLastRevealed) {
+            setGlowPhase("intense");
+            const timer = setTimeout(() => {
+                setGlowPhase("settled");
+            }, GLOW_PULSE_MS);
+            return () => clearTimeout(timer);
+        }
+    }, [isLastRevealed]);
+    return (_jsx(motion.span, { className: "inline-block mr-[0.25em]", initial: { opacity: 0, y: 8, filter: "blur(4px)" }, animate: isRevealed
+            ? {
+                opacity: 1,
+                y: 0,
+                filter: "blur(0px)",
+                textShadow: isLastRevealed && glowPhase === "intense"
+                    ? GOLDEN_GLOW_INTENSE
+                    : GOLDEN_GLOW,
+            }
+            : { opacity: 0, y: 8, filter: "blur(4px)" }, transition: {
+            opacity: { duration: 0.15, ease: "easeOut" },
+            y: { duration: 0.2, ease: "easeOut" },
+            filter: { duration: 0.2, ease: "easeOut" },
+            textShadow: {
+                duration: glowPhase === "intense" ? 0.1 : GLOW_PULSE_MS / 1000,
+                ease: "easeOut",
+            },
+        }, children: word }));
+};

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

@@ -0,0 +1,3 @@
+export { VoiceCaptions } from "./VoiceCaptions";
+export type { VoiceCaptionsProps } from "./VoiceCaptions";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/primitives/atoms/VoiceCaptions/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,YAAY,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC"}

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

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

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

@@ -0,0 +1,12 @@
+export * from "./PixelCanvas";
+export * from "./GlowButton";
+export * from "./GlowInput";
+export * from "./HUDProgressRing";
+export * from "./TypingAnimation";
+export * from "./TextGenerateEffect";
+export * from "./GlitchText";
+export * from "./AuroraBackground";
+export * from "./StatBadge";
+export * from "./IconPulse";
+export * from "./VoiceCaptions";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/primitives/atoms/index.ts"],"names":[],"mappings":"AACA,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,sBAAsB,CAAC;AACrC,cAAc,cAAc,CAAC;AAC7B,cAAc,oBAAoB,CAAC;AACnC,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC"}

package/dist/primitives/atoms/index.js

@@ -0,0 +1,12 @@
+// Atoms - Basic building blocks
+export * from "./PixelCanvas";
+export * from "./GlowButton";
+export * from "./GlowInput";
+export * from "./HUDProgressRing";
+export * from "./TypingAnimation";
+export * from "./TextGenerateEffect";
+export * from "./GlitchText";
+export * from "./AuroraBackground";
+export * from "./StatBadge";
+export * from "./IconPulse";
+export * from "./VoiceCaptions";

package/dist/primitives/environment/AuroraLayer/AuroraLayer.d.ts

@@ -0,0 +1,3 @@
+import type { AuroraLayerProps } from "./types";
+export declare function AuroraLayer({ type, colors: propColors, intensity, speed, stylePreset, complexity: propComplexity, direction, blend, enabled, className, style, }: AuroraLayerProps): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=AuroraLayer.d.ts.map

package/dist/primitives/environment/AuroraLayer/AuroraLayer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AuroraLayer.d.ts","sourceRoot":"","sources":["../../../../src/primitives/environment/AuroraLayer/AuroraLayer.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAGhD,wBAAgB,WAAW,CAAC,EAC1B,IAAI,EACJ,MAAM,EAAE,UAAU,EAClB,SAAa,EACb,KAAS,EACT,WAAkB,EAClB,UAAU,EAAE,cAAc,EAC1B,SAAsB,EACtB,KAAgB,EAChB,OAAc,EACd,SAAS,EACT,KAAK,GACN,EAAE,gBAAgB,kDAiLlB"}