@kids-games/core 0.1.0

package/dist/celebrations/confetti.d.ts

@@ -0,0 +1,18 @@
+export interface ConfettiParticle {
+    x: number;
+    y: number;
+    vx: number;
+    vy: number;
+    rotation: number;
+    rotationSpeed: number;
+    color: string;
+    size: number;
+    opacity: number;
+    /** Shape determined at creation — "circle" or "rect" */
+    shape: "circle" | "rect";
+}
+/** Create a burst of confetti particles */
+export declare function createConfettiBurst(count: number): ConfettiParticle[];
+/** Advance confetti particles by one frame */
+export declare function tickConfetti(particles: ConfettiParticle[]): ConfettiParticle[];
+//# sourceMappingURL=confetti.d.ts.map

package/dist/celebrations/confetti.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"confetti.d.ts","sourceRoot":"","sources":["../../celebrations/confetti.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,gBAAgB;IAC/B,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,EAAE,MAAM,CAAC;IACjB,aAAa,EAAE,MAAM,CAAC;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,wDAAwD;IACxD,KAAK,EAAE,QAAQ,GAAG,MAAM,CAAC;CAC1B;AAQD,2CAA2C;AAC3C,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,MAAM,GAAG,gBAAgB,EAAE,CAarE;AAED,8CAA8C;AAC9C,wBAAgB,YAAY,CAAC,SAAS,EAAE,gBAAgB,EAAE,GAAG,gBAAgB,EAAE,CAW9E"}

package/dist/celebrations/confetti.js

@@ -0,0 +1,35 @@
+"use client";
+const CONFETTI_COLORS = [
+    "#FF6B6B", "#FFE66D", "#4ECDC4", "#45B7D1",
+    "#96CEB4", "#FFEAA7", "#DDA0DD", "#98D8C8",
+    "#F7DC6F", "#82E0AA", "#F1948A", "#85C1E9",
+];
+/** Create a burst of confetti particles */
+export function createConfettiBurst(count) {
+    return Array.from({ length: count }, () => ({
+        x: Math.random() * 100,
+        y: -10 - Math.random() * 20,
+        vx: (Math.random() - 0.5) * 3,
+        vy: Math.random() * 2 + 1,
+        rotation: Math.random() * 360,
+        rotationSpeed: (Math.random() - 0.5) * 10,
+        color: CONFETTI_COLORS[Math.floor(Math.random() * CONFETTI_COLORS.length)],
+        size: Math.random() * 8 + 4,
+        opacity: 1,
+        shape: Math.random() > 0.5 ? "circle" : "rect",
+    }));
+}
+/** Advance confetti particles by one frame */
+export function tickConfetti(particles) {
+    return particles
+        .map((p) => ({
+        ...p,
+        x: p.x + p.vx,
+        y: p.y + p.vy,
+        vy: p.vy + 0.05, // gravity
+        rotation: p.rotation + p.rotationSpeed,
+        opacity: p.opacity - 0.005,
+    }))
+        .filter((p) => p.opacity > 0 && p.y < 120);
+}
+//# sourceMappingURL=confetti.js.map

package/dist/celebrations/confetti.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"confetti.js","sourceRoot":"","sources":["../../celebrations/confetti.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAgBb,MAAM,eAAe,GAAG;IACtB,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS;IAC1C,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS;IAC1C,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS;CAC3C,CAAC;AAEF,2CAA2C;AAC3C,MAAM,UAAU,mBAAmB,CAAC,KAAa;IAC/C,OAAO,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,GAAG,EAAE,CAAC,CAAC;QAC1C,CAAC,EAAE,IAAI,CAAC,MAAM,EAAE,GAAG,GAAG;QACtB,CAAC,EAAE,CAAC,EAAE,GAAG,IAAI,CAAC,MAAM,EAAE,GAAG,EAAE;QAC3B,EAAE,EAAE,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,GAAG,CAAC,GAAG,CAAC;QAC7B,EAAE,EAAE,IAAI,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,CAAC;QACzB,QAAQ,EAAE,IAAI,CAAC,MAAM,EAAE,GAAG,GAAG;QAC7B,aAAa,EAAE,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,GAAG,CAAC,GAAG,EAAE;QACzC,KAAK,EAAE,eAAe,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,eAAe,CAAC,MAAM,CAAC,CAAC;QAC1E,IAAI,EAAE,IAAI,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,CAAC;QAC3B,OAAO,EAAE,CAAC;QACV,KAAK,EAAE,IAAI,CAAC,MAAM,EAAE,GAAG,GAAG,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM;KAC/C,CAAC,CAAC,CAAC;AACN,CAAC;AAED,8CAA8C;AAC9C,MAAM,UAAU,YAAY,CAAC,SAA6B;IACxD,OAAO,SAAS;SACb,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;QACX,GAAG,CAAC;QACJ,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,EAAE;QACb,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,EAAE;QACb,EAAE,EAAE,CAAC,CAAC,EAAE,GAAG,IAAI,EAAE,UAAU;QAC3B,QAAQ,EAAE,CAAC,CAAC,QAAQ,GAAG,CAAC,CAAC,aAAa;QACtC,OAAO,EAAE,CAAC,CAAC,OAAO,GAAG,KAAK;KAC3B,CAAC,CAAC;SACF,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,OAAO,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC;AAC/C,CAAC"}

package/dist/celebrations/index.d.ts

@@ -0,0 +1,3 @@
+export { CELEBRATION_CONFIGS, type CelebrationConfig } from "./types";
+export { createConfettiBurst, tickConfetti, type ConfettiParticle } from "./confetti";
+//# sourceMappingURL=index.d.ts.map

package/dist/celebrations/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../celebrations/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,KAAK,iBAAiB,EAAE,MAAM,SAAS,CAAC;AACtE,OAAO,EAAE,mBAAmB,EAAE,YAAY,EAAE,KAAK,gBAAgB,EAAE,MAAM,YAAY,CAAC"}

package/dist/celebrations/index.js

@@ -0,0 +1,3 @@
+export { CELEBRATION_CONFIGS } from "./types";
+export { createConfettiBurst, tickConfetti } from "./confetti";
+//# sourceMappingURL=index.js.map

package/dist/celebrations/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../celebrations/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAA0B,MAAM,SAAS,CAAC;AACtE,OAAO,EAAE,mBAAmB,EAAE,YAAY,EAAyB,MAAM,YAAY,CAAC"}

package/dist/celebrations/types.d.ts

@@ -0,0 +1,13 @@
+import type { CelebrationLevel } from "../voice/types";
+export interface CelebrationConfig {
+    /** Celebration intensity */
+    level: CelebrationLevel;
+    /** Number of confetti particles */
+    particleCount: number;
+    /** Duration in ms */
+    duration: number;
+    /** Show overlay text */
+    showText: boolean;
+}
+export declare const CELEBRATION_CONFIGS: Record<CelebrationLevel, CelebrationConfig>;
+//# sourceMappingURL=types.d.ts.map

package/dist/celebrations/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../celebrations/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAEvD,MAAM,WAAW,iBAAiB;IAChC,4BAA4B;IAC5B,KAAK,EAAE,gBAAgB,CAAC;IACxB,mCAAmC;IACnC,aAAa,EAAE,MAAM,CAAC;IACtB,qBAAqB;IACrB,QAAQ,EAAE,MAAM,CAAC;IACjB,wBAAwB;IACxB,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED,eAAO,MAAM,mBAAmB,EAAE,MAAM,CAAC,gBAAgB,EAAE,iBAAiB,CAmB3E,CAAC"}

package/dist/celebrations/types.js

@@ -0,0 +1,21 @@
+export const CELEBRATION_CONFIGS = {
+    small: {
+        level: "small",
+        particleCount: 15,
+        duration: 1200,
+        showText: false,
+    },
+    medium: {
+        level: "medium",
+        particleCount: 40,
+        duration: 2000,
+        showText: true,
+    },
+    big: {
+        level: "big",
+        particleCount: 80,
+        duration: 3000,
+        showText: true,
+    },
+};
+//# sourceMappingURL=types.js.map

package/dist/celebrations/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../celebrations/types.ts"],"names":[],"mappings":"AAaA,MAAM,CAAC,MAAM,mBAAmB,GAAgD;IAC9E,KAAK,EAAE;QACL,KAAK,EAAE,OAAO;QACd,aAAa,EAAE,EAAE;QACjB,QAAQ,EAAE,IAAI;QACd,QAAQ,EAAE,KAAK;KAChB;IACD,MAAM,EAAE;QACN,KAAK,EAAE,QAAQ;QACf,aAAa,EAAE,EAAE;QACjB,QAAQ,EAAE,IAAI;QACd,QAAQ,EAAE,IAAI;KACf;IACD,GAAG,EAAE;QACH,KAAK,EAAE,KAAK;QACZ,aAAa,EAAE,EAAE;QACjB,QAAQ,EAAE,IAAI;QACd,QAAQ,EAAE,IAAI;KACf;CACF,CAAC"}

package/dist/components/CelebrationOverlay.d.ts

@@ -0,0 +1,20 @@
+import type { CelebrationLevel } from "../voice/types";
+interface CelebrationOverlayProps {
+    /** Celebration level to show. Set to null to hide. */
+    level: CelebrationLevel | null;
+    /** Text to display (e.g., "Great Job!"). Only shown for medium/big. */
+    text?: string;
+    /** Called when the celebration animation completes */
+    onComplete?: () => void;
+}
+/**
+ * Full-screen celebration overlay with confetti and optional text.
+ * Respects prefers-reduced-motion — shows static text banner instead of confetti.
+ *
+ * ```tsx
+ * <CelebrationOverlay level="medium" text="Great Job!" onComplete={() => setLevel(null)} />
+ * ```
+ */
+export declare function CelebrationOverlay({ level, text, onComplete }: CelebrationOverlayProps): import("react/jsx-runtime").JSX.Element | null;
+export {};
+//# sourceMappingURL=CelebrationOverlay.d.ts.map

package/dist/components/CelebrationOverlay.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CelebrationOverlay.d.ts","sourceRoot":"","sources":["../../components/CelebrationOverlay.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAIvD,UAAU,uBAAuB;IAC/B,sDAAsD;IACtD,KAAK,EAAE,gBAAgB,GAAG,IAAI,CAAC;IAC/B,uEAAuE;IACvE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,sDAAsD;IACtD,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;CACzB;AAED;;;;;;;GAOG;AACH,wBAAgB,kBAAkB,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,UAAU,EAAE,EAAE,uBAAuB,kDAyGtF"}

package/dist/components/CelebrationOverlay.js

@@ -0,0 +1,92 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState, useRef } from "react";
+import { CELEBRATION_CONFIGS } from "../celebrations/types";
+import { createConfettiBurst, tickConfetti } from "../celebrations/confetti";
+/**
+ * Full-screen celebration overlay with confetti and optional text.
+ * Respects prefers-reduced-motion — shows static text banner instead of confetti.
+ *
+ * ```tsx
+ * <CelebrationOverlay level="medium" text="Great Job!" onComplete={() => setLevel(null)} />
+ * ```
+ */
+export function CelebrationOverlay({ level, text, onComplete }) {
+    const [visible, setVisible] = useState(false);
+    const particlesRef = useRef([]);
+    const animRef = useRef(0);
+    const timerRef = useRef(undefined);
+    const onCompleteRef = useRef(onComplete);
+    const containerRef = useRef(null);
+    const [reducedMotion, setReducedMotion] = useState(false);
+    // Keep onComplete ref current without triggering re-renders (P0 fix)
+    onCompleteRef.current = onComplete;
+    // Check reduced motion preference (P1 fix)
+    useEffect(() => {
+        if (typeof window === "undefined")
+            return;
+        const mq = window.matchMedia("(prefers-reduced-motion: reduce)");
+        setReducedMotion(mq.matches);
+        const handler = (e) => setReducedMotion(e.matches);
+        mq.addEventListener("change", handler);
+        return () => mq.removeEventListener("change", handler);
+    }, []);
+    // Start/stop celebration based on level prop
+    useEffect(() => {
+        if (!level) {
+            setVisible(false);
+            particlesRef.current = [];
+            return;
+        }
+        const config = CELEBRATION_CONFIGS[level];
+        if (!reducedMotion) {
+            particlesRef.current = createConfettiBurst(config.particleCount);
+            // Ref-based animation loop — no setState per frame (P0 + P2 perf fix)
+            const animate = () => {
+                particlesRef.current = tickConfetti(particlesRef.current);
+                renderParticles();
+                if (particlesRef.current.length > 0) {
+                    animRef.current = requestAnimationFrame(animate);
+                }
+            };
+            animRef.current = requestAnimationFrame(animate);
+        }
+        setVisible(true);
+        timerRef.current = setTimeout(() => {
+            setVisible(false);
+            particlesRef.current = [];
+            if (animRef.current)
+                cancelAnimationFrame(animRef.current);
+            onCompleteRef.current?.();
+        }, config.duration);
+        return () => {
+            if (timerRef.current)
+                clearTimeout(timerRef.current);
+            if (animRef.current)
+                cancelAnimationFrame(animRef.current);
+        };
+    }, [level, reducedMotion]);
+    /** Direct DOM manipulation for confetti — avoids React re-renders at 60fps */
+    function renderParticles() {
+        const container = containerRef.current;
+        if (!container)
+            return;
+        const confettiLayer = container.querySelector("[data-confetti]");
+        if (!confettiLayer)
+            return;
+        // Clear and re-render (simpler than tracking individual elements)
+        confettiLayer.innerHTML = "";
+        for (const p of particlesRef.current) {
+            const el = document.createElement("div");
+            el.style.cssText = `position:absolute;left:${p.x}%;top:${p.y}%;width:${p.size}px;height:${p.size}px;background:${p.color};border-radius:${p.shape === "circle" ? "50%" : "2px"};transform:rotate(${p.rotation}deg);opacity:${p.opacity};will-change:transform;`;
+            confettiLayer.appendChild(el);
+        }
+    }
+    if (!visible || !level)
+        return null;
+    const config = CELEBRATION_CONFIGS[level];
+    return (_jsxs("div", { ref: containerRef, className: "fixed inset-0 z-[100] pointer-events-none overflow-hidden", "aria-hidden": "true", children: [!reducedMotion && _jsx("div", { "data-confetti": "" }), config.showText && text && (_jsx("div", { className: "absolute inset-0 flex items-center justify-center", children: _jsx("div", { className: `text-4xl sm:text-5xl md:text-6xl font-bold text-white drop-shadow-lg ${reducedMotion ? "" : "animate-bounce"}`, style: {
+                        textShadow: "0 4px 12px rgba(0,0,0,0.3), 0 2px 4px rgba(0,0,0,0.2)",
+                    }, children: text }) }))] }));
+}
+//# sourceMappingURL=CelebrationOverlay.js.map

package/dist/components/CelebrationOverlay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CelebrationOverlay.js","sourceRoot":"","sources":["../../components/CelebrationOverlay.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAEpD,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,mBAAmB,EAAE,YAAY,EAAyB,MAAM,0BAA0B,CAAC;AAWpG;;;;;;;GAOG;AACH,MAAM,UAAU,kBAAkB,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,UAAU,EAA2B;IACrF,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC9C,MAAM,YAAY,GAAG,MAAM,CAAqB,EAAE,CAAC,CAAC;IACpD,MAAM,OAAO,GAAG,MAAM,CAAS,CAAC,CAAC,CAAC;IAClC,MAAM,QAAQ,GAAG,MAAM,CAAgC,SAAS,CAAC,CAAC;IAClE,MAAM,aAAa,GAAG,MAAM,CAAC,UAAU,CAAC,CAAC;IACzC,MAAM,YAAY,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAClD,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE1D,qEAAqE;IACrE,aAAa,CAAC,OAAO,GAAG,UAAU,CAAC;IAEnC,2CAA2C;IAC3C,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,OAAO,MAAM,KAAK,WAAW;YAAE,OAAO;QAC1C,MAAM,EAAE,GAAG,MAAM,CAAC,UAAU,CAAC,kCAAkC,CAAC,CAAC;QACjE,gBAAgB,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC;QAC7B,MAAM,OAAO,GAAG,CAAC,CAAsB,EAAE,EAAE,CAAC,gBAAgB,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC;QACxE,EAAE,CAAC,gBAAgB,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC;QACvC,OAAO,GAAG,EAAE,CAAC,EAAE,CAAC,mBAAmB,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC;IACzD,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,6CAA6C;IAC7C,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,KAAK,EAAE,CAAC;YACX,UAAU,CAAC,KAAK,CAAC,CAAC;YAClB,YAAY,CAAC,OAAO,GAAG,EAAE,CAAC;YAC1B,OAAO;QACT,CAAC;QAED,MAAM,MAAM,GAAG,mBAAmB,CAAC,KAAK,CAAC,CAAC;QAE1C,IAAI,CAAC,aAAa,EAAE,CAAC;YACnB,YAAY,CAAC,OAAO,GAAG,mBAAmB,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC;YACjE,sEAAsE;YACtE,MAAM,OAAO,GAAG,GAAG,EAAE;gBACnB,YAAY,CAAC,OAAO,GAAG,YAAY,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;gBAC1D,eAAe,EAAE,CAAC;gBAClB,IAAI,YAAY,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;oBACpC,OAAO,CAAC,OAAO,GAAG,qBAAqB,CAAC,OAAO,CAAC,CAAC;gBACnD,CAAC;YACH,CAAC,CAAC;YACF,OAAO,CAAC,OAAO,GAAG,qBAAqB,CAAC,OAAO,CAAC,CAAC;QACnD,CAAC;QAED,UAAU,CAAC,IAAI,CAAC,CAAC;QAEjB,QAAQ,CAAC,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE;YACjC,UAAU,CAAC,KAAK,CAAC,CAAC;YAClB,YAAY,CAAC,OAAO,GAAG,EAAE,CAAC;YAC1B,IAAI,OAAO,CAAC,OAAO;gBAAE,oBAAoB,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;YAC3D,aAAa,CAAC,OAAO,EAAE,EAAE,CAAC;QAC5B,CAAC,EAAE,MAAM,CAAC,QAAQ,CAAC,CAAC;QAEpB,OAAO,GAAG,EAAE;YACV,IAAI,QAAQ,CAAC,OAAO;gBAAE,YAAY,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;YACrD,IAAI,OAAO,CAAC,OAAO;gBAAE,oBAAoB,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;QAC7D,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC;IAE3B,8EAA8E;IAC9E,SAAS,eAAe;QACtB,MAAM,SAAS,GAAG,YAAY,CAAC,OAAO,CAAC;QACvC,IAAI,CAAC,SAAS;YAAE,OAAO;QAEvB,MAAM,aAAa,GAAG,SAAS,CAAC,aAAa,CAAC,iBAAiB,CAAC,CAAC;QACjE,IAAI,CAAC,aAAa;YAAE,OAAO;QAE3B,kEAAkE;QAClE,aAAa,CAAC,SAAS,GAAG,EAAE,CAAC;QAC7B,KAAK,MAAM,CAAC,IAAI,YAAY,CAAC,OAAO,EAAE,CAAC;YACrC,MAAM,EAAE,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;YACzC,EAAE,CAAC,KAAK,CAAC,OAAO,GAAG,0BAA0B,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,IAAI,aAAa,CAAC,CAAC,IAAI,iBAAiB,CAAC,CAAC,KAAK,kBAAkB,CAAC,CAAC,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,qBAAqB,CAAC,CAAC,QAAQ,gBAAgB,CAAC,CAAC,OAAO,yBAAyB,CAAC;YAChQ,aAAa,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC;QAChC,CAAC;IACH,CAAC;IAED,IAAI,CAAC,OAAO,IAAI,CAAC,KAAK;QAAE,OAAO,IAAI,CAAC;IAEpC,MAAM,MAAM,GAAG,mBAAmB,CAAC,KAAK,CAAC,CAAC;IAE1C,OAAO,CACL,eACE,GAAG,EAAE,YAAY,EACjB,SAAS,EAAC,2DAA2D,iBACzD,MAAM,aAGjB,CAAC,aAAa,IAAI,+BAAmB,EAAE,GAAG,EAG1C,MAAM,CAAC,QAAQ,IAAI,IAAI,IAAI,CAC1B,cAAK,SAAS,EAAC,mDAAmD,YAChE,cACE,SAAS,EAAE,wEAAwE,aAAa,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,gBAAgB,EAAE,EAC1H,KAAK,EAAE;wBACL,UAAU,EAAE,uDAAuD;qBACpE,YAEA,IAAI,GACD,GACF,CACP,IACG,CACP,CAAC;AACJ,CAAC"}

package/dist/components/MuteButton.d.ts

@@ -0,0 +1,14 @@
+interface MuteButtonProps {
+    /** CSS class overrides. Defaults to fixed top-right. */
+    className?: string;
+    /** Size of the button in pixels. Default 48. */
+    size?: number;
+}
+/**
+ * Unified mute toggle button for all kids games.
+ * Reads mute state from KidsAudioProvider context.
+ * Must be inside a <KidsAudioProvider>.
+ */
+export declare function MuteButton({ className, size }: MuteButtonProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=MuteButton.d.ts.map

package/dist/components/MuteButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MuteButton.d.ts","sourceRoot":"","sources":["../../components/MuteButton.tsx"],"names":[],"mappings":"AAKA,UAAU,eAAe;IACvB,wDAAwD;IACxD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gDAAgD;IAChD,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,EAAE,SAAS,EAAE,IAAS,EAAE,EAAE,eAAe,2CAiDnE"}

package/dist/components/MuteButton.js

@@ -0,0 +1,16 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useContext } from "react";
+import { KidsAudioContext } from "../voice/provider";
+/**
+ * Unified mute toggle button for all kids games.
+ * Reads mute state from KidsAudioProvider context.
+ * Must be inside a <KidsAudioProvider>.
+ */
+export function MuteButton({ className, size = 48 }) {
+    const { muted, toggleMute } = useContext(KidsAudioContext);
+    const defaultClass = "fixed top-4 right-4 z-50 rounded-full bg-white/80 backdrop-blur-sm shadow-lg flex items-center justify-center active:scale-90 transition-transform";
+    const iconSize = Math.round(size * 0.5);
+    return (_jsx("button", { onClick: toggleMute, className: className ?? defaultClass, style: { width: size, height: size }, "aria-label": muted ? "Unmute sounds" : "Mute sounds", type: "button", children: muted ? (_jsxs("svg", { width: iconSize, height: iconSize, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [_jsx("polygon", { points: "11 5 6 9 2 9 2 15 6 15 11 19 11 5", fill: "#374151" }), _jsx("line", { x1: "23", y1: "9", x2: "17", y2: "15", stroke: "#ef4444" }), _jsx("line", { x1: "17", y1: "9", x2: "23", y2: "15", stroke: "#ef4444" })] })) : (_jsxs("svg", { width: iconSize, height: iconSize, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [_jsx("polygon", { points: "11 5 6 9 2 9 2 15 6 15 11 19 11 5", fill: "#374151" }), _jsx("path", { d: "M15.54 8.46a5 5 0 0 1 0 7.07", stroke: "#374151" }), _jsx("path", { d: "M19.07 4.93a10 10 0 0 1 0 14.14", stroke: "#374151" })] })) }));
+}
+//# sourceMappingURL=MuteButton.js.map

package/dist/components/MuteButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MuteButton.js","sourceRoot":"","sources":["../../components/MuteButton.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AASrD;;;;GAIG;AACH,MAAM,UAAU,UAAU,CAAC,EAAE,SAAS,EAAE,IAAI,GAAG,EAAE,EAAmB;IAClE,MAAM,EAAE,KAAK,EAAE,UAAU,EAAE,GAAG,UAAU,CAAC,gBAAgB,CAAC,CAAC;IAE3D,MAAM,YAAY,GAChB,oJAAoJ,CAAC;IAEvJ,MAAM,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,GAAG,GAAG,CAAC,CAAC;IAExC,OAAO,CACL,iBACE,OAAO,EAAE,UAAU,EACnB,SAAS,EAAE,SAAS,IAAI,YAAY,EACpC,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,gBACxB,KAAK,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,aAAa,EACnD,IAAI,EAAC,QAAQ,YAEZ,KAAK,CAAC,CAAC,CAAC,CACP,eACE,KAAK,EAAE,QAAQ,EACf,MAAM,EAAE,QAAQ,EAChB,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,GAAG,EACf,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,aAEtB,kBAAS,MAAM,EAAC,mCAAmC,EAAC,IAAI,EAAC,SAAS,GAAG,EACrE,eAAM,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,MAAM,EAAC,SAAS,GAAG,EACxD,eAAM,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,MAAM,EAAC,SAAS,GAAG,IACpD,CACP,CAAC,CAAC,CAAC,CACF,eACE,KAAK,EAAE,QAAQ,EACf,MAAM,EAAE,QAAQ,EAChB,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,GAAG,EACf,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,aAEtB,kBAAS,MAAM,EAAC,mCAAmC,EAAC,IAAI,EAAC,SAAS,GAAG,EACrE,eAAM,CAAC,EAAC,8BAA8B,EAAC,MAAM,EAAC,SAAS,GAAG,EAC1D,eAAM,CAAC,EAAC,iCAAiC,EAAC,MAAM,EAAC,SAAS,GAAG,IACzD,CACP,GACM,CACV,CAAC;AACJ,CAAC"}

package/dist/components/PersonaPicker.d.ts

@@ -0,0 +1,17 @@
+import type { PersonaId } from "../voice/types";
+interface PersonaPickerProps {
+    /** Which personas are available in this game */
+    availablePersonas: PersonaId[];
+    /** Called when user picks a persona (also called on mount with initial selection) */
+    onSelect: (personaId: PersonaId) => void;
+    /** localStorage key for persisting choice */
+    storageKey?: string;
+}
+/**
+ * Simple character selector for kids. Shows available personas as tappable cards.
+ * Persists selection to localStorage if storageKey provided.
+ * Reports initial selection to parent on mount.
+ */
+export declare function PersonaPicker({ availablePersonas, onSelect, storageKey, }: PersonaPickerProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=PersonaPicker.d.ts.map

package/dist/components/PersonaPicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PersonaPicker.d.ts","sourceRoot":"","sources":["../../components/PersonaPicker.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAGhD,UAAU,kBAAkB;IAC1B,gDAAgD;IAChD,iBAAiB,EAAE,SAAS,EAAE,CAAC;IAC/B,qFAAqF;IACrF,QAAQ,EAAE,CAAC,SAAS,EAAE,SAAS,KAAK,IAAI,CAAC;IACzC,6CAA6C;IAC7C,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAmBD;;;;GAIG;AACH,wBAAgB,aAAa,CAAC,EAC5B,iBAAiB,EACjB,QAAQ,EACR,UAAU,GACX,EAAE,kBAAkB,2CAgEpB"}

package/dist/components/PersonaPicker.js

@@ -0,0 +1,62 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useEffect, useRef } from "react";
+import { PERSONAS } from "../voice/personas";
+/** Persona visual placeholders (emoji-based until real character art is added) */
+const PERSONA_EMOJI = {
+    sunny: "\u2600\uFE0F",
+    bloop: "\uD83D\uDC99",
+    maple: "\uD83D\uDC3B",
+    fizz: "\uD83E\uDDEA",
+    pip: "\uD83D\uDC26",
+};
+const PERSONA_COLORS = {
+    sunny: "#FFD93D",
+    bloop: "#6CB4EE",
+    maple: "#C4A882",
+    fizz: "#77DD77",
+    pip: "#FFB6C1",
+};
+/**
+ * Simple character selector for kids. Shows available personas as tappable cards.
+ * Persists selection to localStorage if storageKey provided.
+ * Reports initial selection to parent on mount.
+ */
+export function PersonaPicker({ availablePersonas, onSelect, storageKey, }) {
+    const [selected, setSelected] = useState(availablePersonas[0]);
+    const mountedRef = useRef(false);
+    // Resolve initial selection from localStorage and notify parent
+    useEffect(() => {
+        let initial = availablePersonas[0];
+        if (storageKey && typeof window !== "undefined") {
+            const saved = localStorage.getItem(storageKey);
+            if (saved && availablePersonas.includes(saved)) {
+                initial = saved;
+            }
+        }
+        setSelected(initial);
+        onSelect(initial);
+        mountedRef.current = true;
+    }, [storageKey, availablePersonas]);
+    const handleSelect = (id) => {
+        setSelected(id);
+        onSelect(id);
+        if (storageKey && typeof window !== "undefined") {
+            localStorage.setItem(storageKey, id);
+        }
+    };
+    return (_jsx("div", { className: "flex gap-4 justify-center flex-wrap", children: availablePersonas.map((id) => {
+            const persona = PERSONAS[id];
+            const isSelected = selected === id;
+            return (_jsxs("button", { onClick: () => handleSelect(id), className: "flex flex-col items-center gap-2 p-3 rounded-2xl transition-all active:scale-95 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-blue-400", style: {
+                    backgroundColor: isSelected
+                        ? PERSONA_COLORS[id]
+                        : `${PERSONA_COLORS[id]}40`,
+                    border: isSelected
+                        ? `3px solid ${PERSONA_COLORS[id]}`
+                        : "3px solid transparent",
+                    minWidth: 80,
+                }, "aria-label": `Choose ${persona.name}`, "aria-pressed": isSelected, type: "button", children: [_jsx("span", { className: "text-3xl", role: "img", "aria-hidden": "true", children: PERSONA_EMOJI[id] }), _jsx("span", { className: "text-sm font-bold", style: { color: isSelected ? "#1a1a2e" : "#555" }, children: persona.name })] }, id));
+        }) }));
+}
+//# sourceMappingURL=PersonaPicker.js.map

package/dist/components/PersonaPicker.js.map

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

package/dist/components/index.d.ts

@@ -0,0 +1,4 @@
+export { MuteButton } from "./MuteButton";
+export { CelebrationOverlay } from "./CelebrationOverlay";
+export { PersonaPicker } from "./PersonaPicker";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/components/index.js

@@ -0,0 +1,4 @@
+export { MuteButton } from "./MuteButton";
+export { CelebrationOverlay } from "./CelebrationOverlay";
+export { PersonaPicker } from "./PersonaPicker";
+//# sourceMappingURL=index.js.map

package/dist/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/sfx/index.d.ts

@@ -0,0 +1,2 @@
+export { playTap, playPop, playCelebrationChime, playCorrect, playIncorrect, playWhoosh, } from "./synth";
+//# sourceMappingURL=index.d.ts.map

package/dist/sfx/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../sfx/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,OAAO,EACP,OAAO,EACP,oBAAoB,EACpB,WAAW,EACX,aAAa,EACb,UAAU,GACX,MAAM,SAAS,CAAC"}

package/dist/sfx/index.js

@@ -0,0 +1,2 @@
+export { playTap, playPop, playCelebrationChime, playCorrect, playIncorrect, playWhoosh, } from "./synth";
+//# sourceMappingURL=index.js.map

package/dist/sfx/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../sfx/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,OAAO,EACP,OAAO,EACP,oBAAoB,EACpB,WAAW,EACX,aAAa,EACb,UAAU,GACX,MAAM,SAAS,CAAC"}

package/dist/sfx/synth.d.ts

@@ -0,0 +1,18 @@
+/**
+ * Standalone synthesized sound effects (no React dependency).
+ * These are the same effects available via useSoundEffects() hook,
+ * but can be used outside React components if needed.
+ */
+/** Play a short tap/ding sound (880Hz → 1320Hz → 880Hz) */
+export declare function playTap(ctx: AudioContext): void;
+/** Play a descending pop sound (600Hz → 200Hz) */
+export declare function playPop(ctx: AudioContext): void;
+/** Play ascending celebration chime (C5-E5-G5-C6 arpeggio) */
+export declare function playCelebrationChime(ctx: AudioContext): void;
+/** Play two ascending notes — gentle "ding-ding!" for correct answers */
+export declare function playCorrect(ctx: AudioContext): void;
+/** Play gentle descending tone — never harsh, for "try again" moments */
+export declare function playIncorrect(ctx: AudioContext): void;
+/** Play a short whoosh transition sound */
+export declare function playWhoosh(ctx: AudioContext): void;
+//# sourceMappingURL=synth.d.ts.map

package/dist/sfx/synth.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"synth.d.ts","sourceRoot":"","sources":["../../sfx/synth.ts"],"names":[],"mappings":"AAEA;;;;GAIG;AAEH,2DAA2D;AAC3D,wBAAgB,OAAO,CAAC,GAAG,EAAE,YAAY,GAAG,IAAI,CAa/C;AAED,kDAAkD;AAClD,wBAAgB,OAAO,CAAC,GAAG,EAAE,YAAY,GAAG,IAAI,CAW/C;AAED,8DAA8D;AAC9D,wBAAgB,oBAAoB,CAAC,GAAG,EAAE,YAAY,GAAG,IAAI,CAe5D;AAED,yEAAyE;AACzE,wBAAgB,WAAW,CAAC,GAAG,EAAE,YAAY,GAAG,IAAI,CAcnD;AAED,yEAAyE;AACzE,wBAAgB,aAAa,CAAC,GAAG,EAAE,YAAY,GAAG,IAAI,CAYrD;AAED,2CAA2C;AAC3C,wBAAgB,UAAU,CAAC,GAAG,EAAE,YAAY,GAAG,IAAI,CAalD"}

package/dist/sfx/synth.js

@@ -0,0 +1,97 @@
+"use client";
+/**
+ * Standalone synthesized sound effects (no React dependency).
+ * These are the same effects available via useSoundEffects() hook,
+ * but can be used outside React components if needed.
+ */
+/** Play a short tap/ding sound (880Hz → 1320Hz → 880Hz) */
+export function playTap(ctx) {
+    const osc = ctx.createOscillator();
+    const gain = ctx.createGain();
+    osc.connect(gain);
+    gain.connect(ctx.destination);
+    osc.type = "sine";
+    osc.frequency.setValueAtTime(880, ctx.currentTime);
+    osc.frequency.exponentialRampToValueAtTime(1320, ctx.currentTime + 0.05);
+    osc.frequency.exponentialRampToValueAtTime(880, ctx.currentTime + 0.1);
+    gain.gain.setValueAtTime(0.3, ctx.currentTime);
+    gain.gain.exponentialRampToValueAtTime(0.01, ctx.currentTime + 0.15);
+    osc.start(ctx.currentTime);
+    osc.stop(ctx.currentTime + 0.15);
+}
+/** Play a descending pop sound (600Hz → 200Hz) */
+export function playPop(ctx) {
+    const osc = ctx.createOscillator();
+    const gain = ctx.createGain();
+    osc.connect(gain);
+    gain.connect(ctx.destination);
+    osc.frequency.setValueAtTime(600, ctx.currentTime);
+    osc.frequency.exponentialRampToValueAtTime(200, ctx.currentTime + 0.1);
+    gain.gain.setValueAtTime(0.3, ctx.currentTime);
+    gain.gain.exponentialRampToValueAtTime(0.01, ctx.currentTime + 0.1);
+    osc.start(ctx.currentTime);
+    osc.stop(ctx.currentTime + 0.1);
+}
+/** Play ascending celebration chime (C5-E5-G5-C6 arpeggio) */
+export function playCelebrationChime(ctx) {
+    const notes = [523.25, 659.25, 783.99, 1046.5];
+    notes.forEach((freq, i) => {
+        const osc = ctx.createOscillator();
+        const gain = ctx.createGain();
+        osc.connect(gain);
+        gain.connect(ctx.destination);
+        osc.type = "sine";
+        osc.frequency.value = freq;
+        const startTime = ctx.currentTime + i * 0.12;
+        gain.gain.setValueAtTime(0.25, startTime);
+        gain.gain.exponentialRampToValueAtTime(0.01, startTime + 0.3);
+        osc.start(startTime);
+        osc.stop(startTime + 0.3);
+    });
+}
+/** Play two ascending notes — gentle "ding-ding!" for correct answers */
+export function playCorrect(ctx) {
+    [660, 880].forEach((freq, i) => {
+        const osc = ctx.createOscillator();
+        const gain = ctx.createGain();
+        osc.connect(gain);
+        gain.connect(ctx.destination);
+        osc.type = "sine";
+        osc.frequency.value = freq;
+        const startTime = ctx.currentTime + i * 0.12;
+        gain.gain.setValueAtTime(0.25, startTime);
+        gain.gain.exponentialRampToValueAtTime(0.01, startTime + 0.2);
+        osc.start(startTime);
+        osc.stop(startTime + 0.2);
+    });
+}
+/** Play gentle descending tone — never harsh, for "try again" moments */
+export function playIncorrect(ctx) {
+    const osc = ctx.createOscillator();
+    const gain = ctx.createGain();
+    osc.connect(gain);
+    gain.connect(ctx.destination);
+    osc.type = "sine";
+    osc.frequency.setValueAtTime(440, ctx.currentTime);
+    osc.frequency.exponentialRampToValueAtTime(330, ctx.currentTime + 0.2);
+    gain.gain.setValueAtTime(0.15, ctx.currentTime);
+    gain.gain.exponentialRampToValueAtTime(0.01, ctx.currentTime + 0.3);
+    osc.start(ctx.currentTime);
+    osc.stop(ctx.currentTime + 0.3);
+}
+/** Play a short whoosh transition sound */
+export function playWhoosh(ctx) {
+    const osc = ctx.createOscillator();
+    const gain = ctx.createGain();
+    osc.connect(gain);
+    gain.connect(ctx.destination);
+    osc.type = "sawtooth";
+    osc.frequency.setValueAtTime(200, ctx.currentTime);
+    osc.frequency.exponentialRampToValueAtTime(800, ctx.currentTime + 0.1);
+    osc.frequency.exponentialRampToValueAtTime(100, ctx.currentTime + 0.2);
+    gain.gain.setValueAtTime(0.1, ctx.currentTime);
+    gain.gain.exponentialRampToValueAtTime(0.01, ctx.currentTime + 0.25);
+    osc.start(ctx.currentTime);
+    osc.stop(ctx.currentTime + 0.25);
+}
+//# sourceMappingURL=synth.js.map

package/dist/sfx/synth.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"synth.js","sourceRoot":"","sources":["../../sfx/synth.ts"],"names":[],"mappings":"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"}

package/dist/tokens/colors.d.ts

@@ -0,0 +1,51 @@
+/**
+ * Kid-friendly color palette.
+ * Bright, warm, high-contrast colors suitable for ages 2-6.
+ * All colors meet WCAG AA contrast requirements when paired with white or dark text.
+ */
+export declare const COLORS: {
+    /** Primary game colors — bright and engaging */
+    readonly primary: {
+        readonly red: "#FF6B6B";
+        readonly orange: "#FFA07A";
+        readonly yellow: "#FFD93D";
+        readonly green: "#77DD77";
+        readonly blue: "#6CB4EE";
+        readonly purple: "#DDA0DD";
+        readonly pink: "#FFB6C1";
+        readonly teal: "#4ECDC4";
+    };
+    /** Background colors — soft and easy on the eyes */
+    readonly background: {
+        readonly warm: "#FFF8F0";
+        readonly cool: "#F0F8FF";
+        readonly neutral: "#F5F5F5";
+        readonly sky: "#E8F4FD";
+        readonly meadow: "#F0FFF0";
+        readonly sunset: "#FFF0E6";
+    };
+    /** Text colors */
+    readonly text: {
+        readonly primary: "#2D3748";
+        readonly secondary: "#4A5568";
+        readonly muted: "#A0AEC0";
+        readonly onDark: "#FFFFFF";
+        readonly onLight: "#1A202C";
+    };
+    /** Feedback colors */
+    readonly feedback: {
+        readonly success: "#48BB78";
+        readonly warning: "#F6AD55";
+        readonly error: "#FC8181";
+        readonly info: "#63B3ED";
+    };
+    /** Persona colors */
+    readonly persona: {
+        readonly sunny: "#FFD93D";
+        readonly bloop: "#6CB4EE";
+        readonly maple: "#C4A882";
+        readonly fizz: "#77DD77";
+        readonly pip: "#FFB6C1";
+    };
+};
+//# sourceMappingURL=colors.d.ts.map

package/dist/tokens/colors.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../../tokens/colors.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,eAAO,MAAM,MAAM;IACjB,gDAAgD;;;;;;;;;;;IAYhD,oDAAoD;;;;;;;;;IAUpD,kBAAkB;;;;;;;;IASlB,sBAAsB;;;;;;;IAQtB,qBAAqB;;;;;;;;CAQb,CAAC"}