@bod.ee/ai-avatar 1.0.0

package/dist/react.js

@@ -0,0 +1,503 @@
+import { c as I, g as j, a as tt } from "./PlaybackSync-CZsM--xy.js";
+import { A as mt, E as ft, F as xt, P as yt, S as gt, e as vt, b as bt, d as $t, r as Et, s as Mt, f as St, u as Pt, u as wt, w as Gt } from "./PlaybackSync-CZsM--xy.js";
+import { jsxs as C, jsx as v } from "react/jsx-runtime";
+import { useState as D, useRef as G, useCallback as m, useEffect as N, useMemo as b } from "react";
+const et = (t = {}) => {
+  const {
+    enabled: o = !0,
+    maxOffset: i = 0.35,
+    smoothing: $ = 0.15,
+    containerRef: d,
+    deadZone: g = 0.1
+  } = t, [A, F] = D({ x: 0, y: 0 }), c = G({ x: 0, y: 0 }), n = G(), e = G({ x: 0, y: 0 }), u = m(() => {
+    const s = c.current.x - e.current.x, y = c.current.y - e.current.y;
+    e.current.x += s * $, e.current.y += y * $, (Math.abs(s) > 1e-3 || Math.abs(y) > 1e-3) && F({
+      x: e.current.x,
+      y: e.current.y
+    }), n.current = requestAnimationFrame(u);
+  }, [$]), f = m(
+    (s) => {
+      if (!o) return;
+      let y, S, a, q;
+      if (d != null && d.current) {
+        const r = d.current.getBoundingClientRect();
+        y = r.left + r.width / 2, S = r.top + r.height / 2, a = r.width / 2, q = r.height / 2;
+      } else
+        y = window.innerWidth / 2, S = window.innerHeight / 2, a = window.innerWidth / 2, q = window.innerHeight / 2;
+      let P = (s.clientX - y) / a, p = (s.clientY - S) / q;
+      Math.abs(P) < g ? P = 0 : P = (P - Math.sign(P) * g) / (1 - g), Math.abs(p) < g ? p = 0 : p = (p - Math.sign(p) * g) / (1 - g), c.current = {
+        x: Math.max(-1, Math.min(1, P)) * i,
+        y: Math.max(-1, Math.min(1, p)) * i * 0.6
+        // Less vertical movement
+      };
+    },
+    [o, d, i, g]
+  ), x = m(() => {
+    c.current = { x: 0, y: 0 };
+  }, []);
+  N(() => {
+    if (!o) {
+      c.current = { x: 0, y: 0 };
+      return;
+    }
+    return n.current = requestAnimationFrame(u), window.addEventListener("mousemove", f), document.addEventListener("mouseleave", x), () => {
+      n.current && cancelAnimationFrame(n.current), window.removeEventListener("mousemove", f), document.removeEventListener("mouseleave", x);
+    };
+  }, [o, u, f, x]);
+  const E = m(() => {
+    c.current = { x: 0, y: 0 }, e.current = { x: 0, y: 0 }, F({ x: 0, y: 0 });
+  }, []), T = m((s) => {
+    c.current = s;
+  }, []);
+  return {
+    eyePosition: A,
+    resetPosition: E,
+    setPosition: T,
+    isTracking: o
+  };
+}, W = {
+  shakeX: 0,
+  shakeY: 0,
+  scaleDistort: 1,
+  isGlitching: !1,
+  opacity: 1
+}, st = () => {
+  const [t, o] = D(W), i = G([]), $ = m(() => {
+    i.current.forEach(clearTimeout), i.current = [];
+  }, []), d = m(
+    (n = {}) => {
+      const { duration: e = 300, intensity: u = 0.8, frames: f = 8 } = n;
+      return new Promise((x) => {
+        $(), o((s) => ({ ...s, isGlitching: !0 }));
+        const E = e / f;
+        for (let s = 0; s < f; s++) {
+          const y = setTimeout(() => {
+            const S = s / f, a = u * (1 - S * 0.5);
+            o({
+              shakeX: (Math.random() - 0.5) * 20 * a,
+              shakeY: (Math.random() - 0.5) * 10 * a,
+              scaleDistort: 1 + (Math.random() - 0.5) * 0.1 * a,
+              isGlitching: !0,
+              opacity: Math.random() > 0.3 ? 1 : 0.7 + Math.random() * 0.3
+            });
+          }, s * E);
+          i.current.push(y);
+        }
+        const T = setTimeout(() => {
+          o(W), x();
+        }, e);
+        i.current.push(T);
+      });
+    },
+    [$]
+  ), g = m(() => d({ duration: 100, intensity: 0.3, frames: 3 }), [d]), A = m(() => d({ duration: 500, intensity: 1, frames: 12 }), [d]), F = m(() => new Promise((n) => {
+    $(), o((x) => ({ ...x, isGlitching: !0 }));
+    const e = [50, 30, 80, 20, 60, 40];
+    let u = 0;
+    e.forEach((x, E) => {
+      const T = setTimeout(() => {
+        o({
+          shakeX: E % 2 === 0 ? (Math.random() - 0.5) * 15 : 0,
+          shakeY: E % 2 === 0 ? (Math.random() - 0.5) * 8 : 0,
+          scaleDistort: E % 2 === 0 ? 0.95 + Math.random() * 0.1 : 1,
+          isGlitching: !0,
+          opacity: E % 2 === 0 ? 0.8 : 1
+        });
+      }, u);
+      i.current.push(T), u += x;
+    });
+    const f = setTimeout(() => {
+      o(W), n();
+    }, u);
+    i.current.push(f);
+  }), [$]), c = m(
+    (n = "") => {
+      if (!t.isGlitching) return n;
+      const e = `translate(${t.shakeX}px, ${t.shakeY}px) scale(${t.scaleDistort})`;
+      return n ? `${n} ${e}` : e;
+    },
+    [t]
+  );
+  return {
+    glitchState: t,
+    triggerGlitch: d,
+    microGlitch: g,
+    heavyGlitch: A,
+    stutterGlitch: F,
+    getGlitchTransform: c,
+    isGlitching: t.isGlitching
+  };
+}, nt = {
+  closed: 1,
+  M: 1,
+  neutral: 1.2,
+  O: 1.2,
+  open: 1.5,
+  A: 1.5,
+  F: 1.5,
+  E: 2,
+  I: 2,
+  smile: 2.5,
+  W: 0.8,
+  U: 0.8
+}, it = {
+  closed: 0,
+  M: 0.05,
+  F: 0.15,
+  E: 0.35,
+  I: 0.3,
+  neutral: 0.4,
+  smile: 0.55,
+  W: 0.65,
+  U: 0.65,
+  open: 0.8,
+  A: 0.85,
+  O: 0.95
+};
+function at(t) {
+  if (t.shape) {
+    const o = t.openness ?? it[t.shape], i = t.width ?? nt[t.shape];
+    return { shape: t.shape, openness: o, widthMultiplier: i };
+  }
+  return {
+    shape: t.visible ? "open" : "closed",
+    openness: t.scale ?? 1,
+    widthMultiplier: 1
+  };
+}
+const ht = ({
+  controller: t,
+  state: o,
+  expression: i,
+  autoAnimate: $ = !1,
+  className: d = "",
+  eyeSize: g,
+  eyeGap: A,
+  mouthSize: F,
+  glowColor: c,
+  glowIntensity: n = 0.4,
+  cursorTracking: e = !0,
+  enableGlitch: u = !0,
+  speechText: f,
+  playIntro: x,
+  onIntroComplete: E
+}) => {
+  const T = G(null), [s, y] = D(
+    x === void 0 ? "done" : "pixel"
+  ), S = G(E);
+  S.current = E, N(() => {
+    if (x === void 0) {
+      y("done");
+      return;
+    }
+    if (!x) return;
+    y("pixel");
+    const h = [
+      setTimeout(() => y("grow"), 900),
+      setTimeout(() => y("split"), 1400),
+      setTimeout(() => {
+        var M;
+        y("done"), (M = S.current) == null || M.call(S);
+      }, 1900)
+    ];
+    return () => h.forEach(clearTimeout);
+  }, [x]);
+  const a = g ?? 90, q = A ?? 120, P = F ?? 40, { eyePosition: p } = et({
+    enabled: e && !(t != null && t.isPlaying),
+    containerRef: T,
+    maxOffset: 0.4,
+    smoothing: 0.12,
+    deadZone: 0.08
+  }), { glitchState: r, getGlitchTransform: X } = st(), l = b(() => {
+    var h;
+    return t ? t.state : o || (i ? ((h = I(i)) == null ? void 0 : h.state) ?? j() : j());
+  }, [t, o, i]), _ = G({ x: 0, y: 0, tilt: 0 }), B = G(l.face);
+  B.current !== l.face && (B.current = l.face, _.current = {
+    x: (Math.random() - 0.5) * 0.08,
+    y: (Math.random() - 0.5) * 0.08,
+    tilt: (Math.random() - 0.5) * 3
+  });
+  const z = b(() => {
+    const h = l.face ?? { x: 0, y: 0, tilt: 0 }, M = e && !(t != null && t.isPlaying) ? 0.15 : 0, O = _.current;
+    return {
+      x: h.x + p.x * M + O.x,
+      y: h.y + p.y * M + O.y,
+      tilt: (h.tilt ?? 0) + O.tilt
+    };
+  }, [l.face, p, e, t == null ? void 0 : t.isPlaying]), R = b(() => {
+    const h = l.eyes.position ?? { x: 0, y: 0 };
+    return t != null && t.isPlaying ? h : {
+      x: h.x + p.x,
+      y: h.y + p.y
+    };
+  }, [l.eyes.position, p, t == null ? void 0 : t.isPlaying]), L = b(() => ({
+    x: R.x * (a * 0.4),
+    y: R.y * (a * 0.4)
+  }), [R, a]), k = b(() => {
+    if (!e || t != null && t.isPlaying)
+      return { squintFactor: 1, crossEyeFactor: 0 };
+    const h = Math.sqrt(p.x ** 2 + p.y ** 2);
+    if (h < 0.15) {
+      const M = 1 - h / 0.15;
+      return {
+        // Squint up to 60% (scaleY from 1.0 to 0.4)
+        squintFactor: 1 - M * 0.6,
+        // Cross eyes inward (cute effect)
+        crossEyeFactor: M * 0.35
+        // Max 35% inward
+      };
+    }
+    return { squintFactor: 1, crossEyeFactor: 0 };
+  }, [p, e, t == null ? void 0 : t.isPlaying]), w = b(() => ({
+    width: `min(${a}px, 12vmin)`,
+    height: `min(${a}px, 12vmin)`,
+    transition: r.isGlitching ? "none" : "transform 0.15s cubic-bezier(0.34, 1.56, 0.64, 1)",
+    boxShadow: c ? `0 0 ${25 * n}px ${4 * n}px ${c}` : `0 0 ${25 * n}px ${4 * n}px hsl(var(--avatar-glow) / ${n})`,
+    opacity: r.opacity
+  }), [a, c, n, r]), U = b(() => ({
+    ...w,
+    transform: X(
+      `scaleY(${(l.eyes.leftScaleY ?? l.eyes.scaleY) * k.squintFactor}) scaleX(${l.eyes.scaleX ?? 1})`
+    )
+  }), [w, l.eyes, X, k.squintFactor]), V = b(() => ({
+    ...w,
+    transform: X(
+      `scaleY(${(l.eyes.rightScaleY ?? l.eyes.scaleY) * k.squintFactor}) scaleX(${l.eyes.scaleX ?? 1})`
+    )
+  }), [w, l.eyes, X, k.squintFactor]), K = b(
+    () => ({
+      transform: `translate(${L.x + k.crossEyeFactor * a * 0.4}px, ${L.y}px)`,
+      transition: r.isGlitching ? "none" : "transform 0.08s ease-out"
+    }),
+    [L, k.crossEyeFactor, a, r.isGlitching]
+  ), Z = b(
+    () => ({
+      transform: `translate(${L.x - k.crossEyeFactor * a * 0.4}px, ${L.y}px)`,
+      transition: r.isGlitching ? "none" : "transform 0.08s ease-out"
+    }),
+    [L, k.crossEyeFactor, a, r.isGlitching]
+  ), Y = b(() => at(l.mouth), [l.mouth]), J = b(
+    () => {
+      const h = Y.openness, M = Y.widthMultiplier * (0.6 + h * 0.4), O = P * M, H = h * 0.9 + 0.1, Q = P * H;
+      return {
+        width: `min(${O}px, ${4 * M}vmin)`,
+        height: `min(${Q}px, ${4 * H}vmin)`,
+        marginTop: `min(${a * 0.6}px, 7.2vmin)`,
+        opacity: Y.shape === "closed" ? 0 : r.opacity,
+        transform: X(
+          `scale(${Y.shape === "closed" ? 0 : 1})`
+        ),
+        transition: r.isGlitching ? "none" : "opacity 0.05s, transform 0.08s cubic-bezier(0.68, -0.55, 0.265, 1.55), width 0.1s ease-out, height 0.1s ease-out",
+        boxShadow: c ? `0 0 ${20 * n}px ${3 * n}px ${c}` : `0 0 ${20 * n}px ${3 * n}px hsl(var(--avatar-glow) / ${n})`
+      };
+    },
+    [P, a, Y.shape, Y.openness, Y.widthMultiplier, c, n, X, r]
+  );
+  return /* @__PURE__ */ C(
+    "div",
+    {
+      ref: T,
+      className: d || void 0,
+      style: {
+        ...{
+          "--avatar-bg": "var(--background, #000)",
+          "--avatar-fg": "var(--foreground, #fff)",
+          "--avatar-glow-color": c || "var(--avatar-glow, 210 100% 60%)"
+        },
+        position: "relative",
+        width: "100%",
+        height: "100%",
+        backgroundColor: "hsl(var(--avatar-bg))",
+        overflow: "hidden"
+      },
+      children: [
+        /* @__PURE__ */ v(
+          "div",
+          {
+            style: {
+              position: "absolute",
+              inset: 0,
+              pointerEvents: "none",
+              background: "radial-gradient(ellipse at center, transparent 35%, hsl(var(--avatar-bg) / 0.3) 70%, hsl(var(--avatar-bg) / 0.6) 100%)"
+            }
+          }
+        ),
+        /* @__PURE__ */ v(
+          "div",
+          {
+            style: {
+              position: "absolute",
+              inset: 0,
+              pointerEvents: "none",
+              opacity: 0.03,
+              backgroundImage: "repeating-linear-gradient(0deg, transparent, transparent 2px, hsl(var(--avatar-fg)) 2px, hsl(var(--avatar-fg)) 4px)"
+            }
+          }
+        ),
+        f && /* @__PURE__ */ v("div", { style: {
+          position: "absolute",
+          bottom: 32,
+          left: "50%",
+          transform: "translateX(-50%)",
+          zIndex: 10
+        }, children: /* @__PURE__ */ C("div", { style: {
+          position: "relative",
+          backgroundColor: "hsl(var(--avatar-bg))",
+          border: "2px solid hsl(var(--avatar-fg))",
+          borderRadius: 16,
+          padding: "12px 24px",
+          boxShadow: "0 -10px 15px -3px rgba(0,0,0,0.1)",
+          maxWidth: 448
+        }, children: [
+          /* @__PURE__ */ v("div", { style: {
+            position: "absolute",
+            top: -12,
+            left: "50%",
+            transform: "translateX(-50%)",
+            width: 0,
+            height: 0,
+            borderLeft: "12px solid transparent",
+            borderRight: "12px solid transparent",
+            borderBottom: "12px solid hsl(var(--avatar-fg))"
+          } }),
+          /* @__PURE__ */ v("div", { style: {
+            position: "absolute",
+            top: -10,
+            left: "50%",
+            transform: "translateX(-50%)",
+            width: 0,
+            height: 0,
+            borderLeft: "10px solid transparent",
+            borderRight: "10px solid transparent",
+            borderBottom: "10px solid hsl(var(--avatar-bg))"
+          } }),
+          /* @__PURE__ */ v("p", { style: { fontSize: 14, fontWeight: 500, color: "hsl(var(--avatar-fg))", margin: 0 }, children: f })
+        ] }) }),
+        /* @__PURE__ */ v("div", { style: { position: "absolute", inset: 0, display: "flex", alignItems: "center", justifyContent: "center" }, children: /* @__PURE__ */ C(
+          "div",
+          {
+            style: {
+              position: "relative",
+              display: "flex",
+              flexDirection: "column",
+              alignItems: "center",
+              marginTop: "-5%",
+              transform: s !== "done" ? "none" : r.isGlitching ? `translate(${r.shakeX * 0.5}px, ${r.shakeY * 0.5}px)` : `translate(calc(${z.x * 60}px + ${z.x * 8}vmin), calc(${z.y * 60}px + ${z.y * 8}vmin)) rotate(${z.tilt}deg)`,
+              transition: r.isGlitching ? "none" : "transform 0.6s cubic-bezier(0.34, 1.56, 0.64, 1)"
+            },
+            children: [
+              /* @__PURE__ */ C("div", { style: {
+                display: "flex",
+                alignItems: "center",
+                justifyContent: "center",
+                gap: s === "split" || s === "done" ? `min(${q}px, 16vmin)` : "0px",
+                transition: "gap 0.5s cubic-bezier(0.34, 1.56, 0.64, 1)"
+              }, children: [
+                /* @__PURE__ */ v("div", { style: {
+                  position: "relative",
+                  ...s === "done" ? U : {
+                    ...w,
+                    width: s === "pixel" ? "20px" : w.width,
+                    height: s === "pixel" ? "20px" : w.height,
+                    transform: "scaleY(1)",
+                    transition: "all 0.5s cubic-bezier(0.34, 1.56, 0.64, 1)"
+                  }
+                }, children: /* @__PURE__ */ v(
+                  "div",
+                  {
+                    style: {
+                      position: "absolute",
+                      inset: 0,
+                      backgroundColor: "hsl(var(--avatar-fg))",
+                      ...s === "done" ? K : {}
+                    }
+                  }
+                ) }),
+                /* @__PURE__ */ v("div", { style: {
+                  position: "relative",
+                  ...s === "done" ? V : {
+                    ...w,
+                    width: s === "pixel" ? "20px" : w.width,
+                    height: s === "pixel" ? "20px" : w.height,
+                    transform: "scaleY(1)",
+                    transition: "all 0.5s cubic-bezier(0.34, 1.56, 0.64, 1)",
+                    marginLeft: s === "pixel" ? "-20px" : s === "grow" ? `calc(-1 * min(${a}px, 12vmin))` : void 0
+                  }
+                }, children: /* @__PURE__ */ v(
+                  "div",
+                  {
+                    style: {
+                      position: "absolute",
+                      inset: 0,
+                      backgroundColor: "hsl(var(--avatar-fg))",
+                      ...s === "done" ? Z : {}
+                    }
+                  }
+                ) })
+              ] }),
+              /* @__PURE__ */ v("div", { style: {
+                backgroundColor: "hsl(var(--avatar-fg))",
+                ...J,
+                ...s !== "done" ? { opacity: 0, transform: "scale(0)" } : {}
+              } })
+            ]
+          }
+        ) })
+      ]
+    }
+  );
+};
+function lt(t, o) {
+  const i = G(null), [$, d] = D(!1);
+  N(() => (i.current = new tt(t, o), () => {
+    var e;
+    (e = i.current) == null || e.destroy(), i.current = null;
+  }), [t]);
+  const g = m((e) => {
+    var u;
+    (u = i.current) == null || u.feedTimestamps(e);
+  }, []), A = m((e) => {
+    var u;
+    (u = i.current) == null || u.connectElement(e);
+  }, []), F = m((e, u) => {
+    var f;
+    (f = i.current) == null || f.connectSource(e, u);
+  }, []), c = m(() => {
+    var e;
+    (e = i.current) == null || e.start(), d(!0);
+  }, []), n = m(() => {
+    var e;
+    (e = i.current) == null || e.stop(), d(!1);
+  }, []);
+  return {
+    feedTimestamps: g,
+    connectElement: A,
+    connectSource: F,
+    start: c,
+    stop: n,
+    isSpeaking: $
+  };
+}
+export {
+  ht as Avatar,
+  mt as AvatarControllerClass,
+  ft as EMOTION_ACTIONS,
+  xt as FALLBACK_MAP,
+  yt as PlaybackSync,
+  gt as SpeechBubbleGrouper,
+  tt as SpeechController,
+  vt as expressionList,
+  bt as expressions,
+  j as getDefaultState,
+  I as getExpression,
+  $t as getSequence,
+  Et as resolveEmotionKey,
+  Mt as sequenceList,
+  St as sequences,
+  Pt as useAvatarController,
+  wt as useAvatarControllerDefault,
+  et as useCursorTracking,
+  st as useGlitchEffect,
+  lt as useSpeech,
+  Gt as wordToViseme
+};

package/dist/robots.txt

@@ -0,0 +1,14 @@
+User-agent: Googlebot
+Allow: /
+
+User-agent: Bingbot
+Allow: /
+
+User-agent: Twitterbot
+Allow: /
+
+User-agent: facebookexternalhit
+Allow: /
+
+User-agent: *
+Allow: /

package/package.json

@@ -0,0 +1,121 @@
+{
+  "name": "@bod.ee/ai-avatar",
+  "version": "1.0.0",
+  "type": "module",
+  "main": "./dist/core.cjs",
+  "module": "./dist/core.js",
+  "types": "./dist/lib/avatar/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/lib/avatar/index.d.ts",
+      "import": "./dist/core.js",
+      "require": "./dist/core.cjs"
+    },
+    "./react": {
+      "types": "./dist/avatar-react.d.ts",
+      "import": "./dist/react.js",
+      "require": "./dist/react.cjs"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "sideEffects": false,
+  "scripts": {
+    "dev": "vite",
+    "dev:lib": "chokidar 'src/lib/avatar/**/*' 'src/components/Avatar.tsx' -c 'bun run build:lib' --initial",
+    "build": "vite build",
+    "build:dev": "vite build --mode development",
+    "build:lib": "vite build --config vite.lib.config.ts && tsc --project tsconfig.lib.json",
+    "lint": "eslint .",
+    "preview": "vite preview",
+    "test": "vitest run",
+    "test:watch": "vitest"
+  },
+  "peerDependencies": {
+    "react": "^18.0.0 || ^19.0.0",
+    "react-dom": "^18.0.0 || ^19.0.0"
+  },
+  "peerDependenciesMeta": {
+    "react": {
+      "optional": true
+    },
+    "react-dom": {
+      "optional": true
+    }
+  },
+  "dependencies": {
+    "@hookform/resolvers": "^3.10.0",
+    "@radix-ui/react-accordion": "^1.2.11",
+    "@radix-ui/react-alert-dialog": "^1.1.14",
+    "@radix-ui/react-aspect-ratio": "^1.1.7",
+    "@radix-ui/react-avatar": "^1.1.10",
+    "@radix-ui/react-checkbox": "^1.3.2",
+    "@radix-ui/react-collapsible": "^1.1.11",
+    "@radix-ui/react-context-menu": "^2.2.15",
+    "@radix-ui/react-dialog": "^1.1.14",
+    "@radix-ui/react-dropdown-menu": "^2.1.15",
+    "@radix-ui/react-hover-card": "^1.1.14",
+    "@radix-ui/react-label": "^2.1.7",
+    "@radix-ui/react-menubar": "^1.1.15",
+    "@radix-ui/react-navigation-menu": "^1.2.13",
+    "@radix-ui/react-popover": "^1.1.14",
+    "@radix-ui/react-progress": "^1.1.7",
+    "@radix-ui/react-radio-group": "^1.3.7",
+    "@radix-ui/react-scroll-area": "^1.2.9",
+    "@radix-ui/react-select": "^2.2.5",
+    "@radix-ui/react-separator": "^1.1.7",
+    "@radix-ui/react-slider": "^1.3.5",
+    "@radix-ui/react-slot": "^1.2.3",
+    "@radix-ui/react-switch": "^1.2.5",
+    "@radix-ui/react-tabs": "^1.1.12",
+    "@radix-ui/react-toast": "^1.2.14",
+    "@radix-ui/react-toggle": "^1.1.9",
+    "@radix-ui/react-toggle-group": "^1.1.10",
+    "@radix-ui/react-tooltip": "^1.2.7",
+    "@tanstack/react-query": "^5.83.0",
+    "class-variance-authority": "^0.7.1",
+    "clsx": "^2.1.1",
+    "cmdk": "^1.1.1",
+    "date-fns": "^3.6.0",
+    "embla-carousel-react": "^8.6.0",
+    "input-otp": "^1.4.2",
+    "lucide-react": "^0.462.0",
+    "next-themes": "^0.3.0",
+    "react": "^18.0.0 || ^19.0.0",
+    "react-day-picker": "^8.10.1",
+    "react-dom": "^18.0.0 || ^19.0.0",
+    "react-hook-form": "^7.61.1",
+    "react-resizable-panels": "^2.1.9",
+    "react-router-dom": "^6.30.1",
+    "recharts": "^2.15.4",
+    "sonner": "^1.7.4",
+    "tailwind-merge": "^2.6.0",
+    "tailwindcss-animate": "^1.0.7",
+    "vaul": "^0.9.9",
+    "zod": "^3.25.76"
+  },
+  "devDependencies": {
+    "@eslint/js": "^9.32.0",
+    "@tailwindcss/typography": "^0.5.16",
+    "@testing-library/jest-dom": "^6.6.0",
+    "@testing-library/react": "^16.0.0",
+    "@types/node": "^22.16.5",
+    "@types/react": "^18.3.23",
+    "@types/react-dom": "^18.3.7",
+    "@vitejs/plugin-react-swc": "^3.11.0",
+    "autoprefixer": "^10.4.21",
+    "chokidar-cli": "^3.0.0",
+    "eslint": "^9.32.0",
+    "eslint-plugin-react-hooks": "^5.2.0",
+    "eslint-plugin-react-refresh": "^0.4.20",
+    "globals": "^15.15.0",
+    "jsdom": "^20.0.3",
+    "postcss": "^8.5.6",
+    "tailwindcss": "^3.4.17",
+    "typescript": "^5.8.3",
+    "typescript-eslint": "^8.38.0",
+    "vite": "^5.4.19",
+    "vitest": "^3.2.4"
+  }
+}