@open-ai-school/ai-ui-library 0.1.0

package/dist/index.mjs

@@ -0,0 +1,482 @@
+import { createContext, forwardRef, useState, useEffect, useContext, useRef, useCallback } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import Link2 from 'next/link';
+import { motion } from 'framer-motion';
+
+// src/components/ThemeProvider.tsx
+var ThemeContext = createContext({
+  theme: "system",
+  resolvedTheme: "light",
+  setTheme: () => {
+  }
+});
+function ThemeProvider({ children }) {
+  const [theme, setThemeState] = useState("system");
+  const [resolvedTheme, setResolvedTheme] = useState("light");
+  function applyTheme(t) {
+    const root = document.documentElement;
+    let resolved;
+    if (t === "system") {
+      resolved = window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
+    } else {
+      resolved = t;
+    }
+    root.classList.remove("light", "dark");
+    root.classList.add(resolved);
+    setResolvedTheme(resolved);
+  }
+  function setTheme(t) {
+    setThemeState(t);
+    localStorage.setItem("theme", t);
+    applyTheme(t);
+  }
+  useEffect(() => {
+    const stored = localStorage.getItem("theme");
+    const initial = stored || "system";
+    setThemeState(initial);
+    applyTheme(initial);
+  }, []);
+  useEffect(() => {
+    if (theme !== "system") return;
+    const mq = window.matchMedia("(prefers-color-scheme: dark)");
+    const handler = () => applyTheme("system");
+    mq.addEventListener("change", handler);
+    return () => mq.removeEventListener("change", handler);
+  }, [theme]);
+  return /* @__PURE__ */ jsx(ThemeContext.Provider, { value: { theme, resolvedTheme, setTheme }, children });
+}
+var useTheme = () => useContext(ThemeContext);
+function ThemeToggle() {
+  const { resolvedTheme, setTheme } = useTheme();
+  return /* @__PURE__ */ jsxs(
+    "button",
+    {
+      onClick: () => setTheme(resolvedTheme === "dark" ? "light" : "dark"),
+      className: "relative w-9 h-9 flex items-center justify-center rounded-xl border border-[var(--color-border)] hover:bg-[var(--color-bg-card)] transition-all duration-200 active:scale-95",
+      "aria-label": "Toggle theme",
+      children: [
+        /* @__PURE__ */ jsx(
+          "svg",
+          {
+            className: `w-4 h-4 absolute transition-all duration-300 ${resolvedTheme === "dark" ? "opacity-0 rotate-90 scale-0" : "opacity-100 rotate-0 scale-100"}`,
+            fill: "none",
+            stroke: "currentColor",
+            viewBox: "0 0 24 24",
+            children: /* @__PURE__ */ jsx(
+              "path",
+              {
+                strokeLinecap: "round",
+                strokeLinejoin: "round",
+                strokeWidth: 2,
+                d: "M12 3v1m0 16v1m9-9h-1M4 12H3m15.364 6.364l-.707-.707M6.343 6.343l-.707-.707m12.728 0l-.707.707M6.343 17.657l-.707.707M16 12a4 4 0 11-8 0 4 4 0 018 0z"
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "svg",
+          {
+            className: `w-4 h-4 absolute transition-all duration-300 ${resolvedTheme === "dark" ? "opacity-100 rotate-0 scale-100" : "opacity-0 -rotate-90 scale-0"}`,
+            fill: "none",
+            stroke: "currentColor",
+            viewBox: "0 0 24 24",
+            children: /* @__PURE__ */ jsx(
+              "path",
+              {
+                strokeLinecap: "round",
+                strokeLinejoin: "round",
+                strokeWidth: 2,
+                d: "M20.354 15.354A9 9 0 018.646 3.646 9.003 9.003 0 0012 21a9.003 9.003 0 008.354-5.646z"
+              }
+            )
+          }
+        )
+      ]
+    }
+  );
+}
+function ScrollReveal({
+  children,
+  animation = "fade-up",
+  delay = 0,
+  className = "",
+  stagger = false
+}) {
+  const ref = useRef(null);
+  const [isVisible, setIsVisible] = useState(false);
+  useEffect(() => {
+    const el = ref.current;
+    if (!el) return;
+    const observer = new IntersectionObserver(
+      ([entry]) => {
+        if (entry.isIntersecting) {
+          setIsVisible(true);
+          observer.unobserve(el);
+        }
+      },
+      { threshold: 0.1, rootMargin: "0px 0px -40px 0px" }
+    );
+    observer.observe(el);
+    return () => observer.disconnect();
+  }, []);
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      className: `${className} ${stagger ? "stagger-children" : ""}`,
+      style: {
+        opacity: isVisible ? 1 : 0,
+        animation: isVisible ? `${animation} 0.7s cubic-bezier(0.22, 1, 0.36, 1) ${delay}ms both` : "none"
+      },
+      children
+    }
+  );
+}
+function FloatingParticles() {
+  const canvasRef = useRef(null);
+  useEffect(() => {
+    const canvas = canvasRef.current;
+    if (!canvas) return;
+    const ctx = canvas.getContext("2d");
+    if (!ctx) return;
+    let animId;
+    const particles = [];
+    const resize = () => {
+      canvas.width = canvas.offsetWidth;
+      canvas.height = canvas.offsetHeight;
+    };
+    resize();
+    window.addEventListener("resize", resize);
+    for (let i = 0; i < 40; i++) {
+      particles.push({
+        x: Math.random() * canvas.width,
+        y: Math.random() * canvas.height,
+        r: Math.random() * 2 + 0.5,
+        dx: (Math.random() - 0.5) * 0.3,
+        dy: (Math.random() - 0.5) * 0.3,
+        o: Math.random() * 0.3 + 0.05
+      });
+    }
+    const draw = () => {
+      ctx.clearRect(0, 0, canvas.width, canvas.height);
+      const style = getComputedStyle(document.documentElement);
+      const primary = style.getPropertyValue("--color-primary").trim() || "#0071e3";
+      for (const p of particles) {
+        p.x += p.dx;
+        p.y += p.dy;
+        if (p.x < 0) p.x = canvas.width;
+        if (p.x > canvas.width) p.x = 0;
+        if (p.y < 0) p.y = canvas.height;
+        if (p.y > canvas.height) p.y = 0;
+        ctx.beginPath();
+        ctx.arc(p.x, p.y, p.r, 0, Math.PI * 2);
+        ctx.fillStyle = primary;
+        ctx.globalAlpha = p.o;
+        ctx.fill();
+      }
+      ctx.globalAlpha = 0.04;
+      ctx.strokeStyle = primary;
+      ctx.lineWidth = 0.5;
+      for (let i = 0; i < particles.length; i++) {
+        for (let j = i + 1; j < particles.length; j++) {
+          const dx = particles[i].x - particles[j].x;
+          const dy = particles[i].y - particles[j].y;
+          const dist = Math.sqrt(dx * dx + dy * dy);
+          if (dist < 120) {
+            ctx.beginPath();
+            ctx.moveTo(particles[i].x, particles[i].y);
+            ctx.lineTo(particles[j].x, particles[j].y);
+            ctx.stroke();
+          }
+        }
+      }
+      ctx.globalAlpha = 1;
+      animId = requestAnimationFrame(draw);
+    };
+    draw();
+    return () => {
+      cancelAnimationFrame(animId);
+      window.removeEventListener("resize", resize);
+    };
+  }, []);
+  return /* @__PURE__ */ jsx(
+    "canvas",
+    {
+      ref: canvasRef,
+      className: "absolute inset-0 w-full h-full pointer-events-none",
+      "aria-hidden": "true"
+    }
+  );
+}
+var STORAGE_KEY = "open-ai-school-progress";
+function emptyProgram() {
+  return { completed: [], timestamps: {} };
+}
+function migrateOldFormat(stored) {
+  try {
+    const parsed = JSON.parse(stored);
+    if (Array.isArray(parsed)) {
+      return { "ai-seeds": { completed: parsed, timestamps: {} } };
+    }
+    if (parsed.completed && Array.isArray(parsed.completed)) {
+      return { "ai-seeds": parsed };
+    }
+    return parsed;
+  } catch {
+    return {};
+  }
+}
+function useProgress(programSlug) {
+  const [data, setData] = useState({});
+  useEffect(() => {
+    const stored = localStorage.getItem(STORAGE_KEY);
+    if (stored) {
+      setData(migrateOldFormat(stored));
+    }
+  }, []);
+  const getProgram = useCallback(
+    (slug) => data[slug] || emptyProgram(),
+    [data]
+  );
+  const markComplete = useCallback((lessonKey) => {
+    setData((prev) => {
+      const parts = lessonKey.split("/");
+      const pSlug = parts.length > 1 ? parts[0] : programSlug || "ai-seeds";
+      const lSlug = parts.length > 1 ? parts.slice(1).join("/") : parts[0];
+      const prog2 = prev[pSlug] || emptyProgram();
+      if (prog2.completed.includes(lSlug)) return prev;
+      const next = {
+        ...prev,
+        [pSlug]: {
+          completed: [...prog2.completed, lSlug],
+          timestamps: { ...prog2.timestamps, [lSlug]: (/* @__PURE__ */ new Date()).toISOString() }
+        }
+      };
+      localStorage.setItem(STORAGE_KEY, JSON.stringify(next));
+      return next;
+    });
+  }, [programSlug]);
+  const isCompleted = useCallback(
+    (lessonKey) => {
+      const parts = lessonKey.split("/");
+      const pSlug = parts.length > 1 ? parts[0] : programSlug || "ai-seeds";
+      const lSlug = parts.length > 1 ? parts.slice(1).join("/") : parts[0];
+      return (data[pSlug]?.completed || []).includes(lSlug);
+    },
+    [data, programSlug]
+  );
+  const getCompletedAt = useCallback(
+    (lessonKey) => {
+      const parts = lessonKey.split("/");
+      const pSlug = parts.length > 1 ? parts[0] : programSlug || "ai-seeds";
+      const lSlug = parts.length > 1 ? parts.slice(1).join("/") : parts[0];
+      return data[pSlug]?.timestamps[lSlug] || null;
+    },
+    [data, programSlug]
+  );
+  const reset = useCallback(() => {
+    setData({});
+    localStorage.removeItem(STORAGE_KEY);
+  }, []);
+  const prog = programSlug ? getProgram(programSlug) : null;
+  const completed = prog ? prog.completed : Object.values(data).flatMap((p) => p.completed);
+  const completedCount = completed.length;
+  const totalCompleted = Object.values(data).reduce((sum, p) => sum + p.completed.length, 0);
+  return {
+    completed,
+    completedCount,
+    totalCompleted,
+    markComplete,
+    isCompleted,
+    getCompletedAt,
+    getProgram,
+    allData: data,
+    reset
+  };
+}
+function CourseProgress({
+  totalLessons,
+  basePath,
+  programSlug
+}) {
+  const { completedCount } = useProgress(programSlug);
+  if (completedCount === 0) return null;
+  const percentage = Math.round(completedCount / totalLessons * 100);
+  return /* @__PURE__ */ jsxs("div", { className: "max-w-md mx-auto mt-10 p-5 rounded-2xl bg-[var(--color-bg-card)] border border-[var(--color-border)]", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between text-sm mb-3", children: [
+      /* @__PURE__ */ jsx("span", { className: "font-medium", children: "\u{1F4DA} Your Progress" }),
+      /* @__PURE__ */ jsxs("span", { className: "text-[var(--color-text-muted)]", children: [
+        completedCount,
+        "/",
+        totalLessons,
+        " lessons (",
+        percentage,
+        "%)"
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "progress-bar mb-4", children: /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: "progress-bar-fill",
+        style: { width: `${percentage}%` }
+      }
+    ) }),
+    completedCount === totalLessons ? /* @__PURE__ */ jsx("p", { className: "text-center text-sm font-semibold text-[var(--color-accent)]", children: "\u{1F3C6} All lessons completed!" }) : /* @__PURE__ */ jsx(
+      Link2,
+      {
+        href: basePath,
+        className: "block text-center text-sm font-medium text-[var(--color-primary)] hover:underline",
+        children: "Continue learning \u2192"
+      }
+    )
+  ] });
+}
+var GuestProfileContext = createContext({
+  profile: null,
+  saveProfile: () => {
+  },
+  clearProfile: () => {
+  },
+  isSignedIn: false
+});
+function useGuestProfile() {
+  return useContext(GuestProfileContext);
+}
+var ALL_SLUGS = ["what-is-ai", "how-machines-learn", "your-first-ai-model"];
+function WelcomeBanner({ basePath }) {
+  const { profile, isSignedIn } = useGuestProfile();
+  const { completed, completedCount } = useProgress();
+  if (!isSignedIn) return null;
+  const nextSlug = ALL_SLUGS.find((s) => !completed.includes(s)) || ALL_SLUGS[0];
+  const percentage = Math.round(completedCount / ALL_SLUGS.length * 100);
+  return /* @__PURE__ */ jsx("div", { className: "max-w-2xl mx-auto mt-10 animate-fade-up", style: { animationDelay: "600ms" }, children: /* @__PURE__ */ jsxs("div", { className: "p-6 rounded-2xl glass-card", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-4 mb-4", children: [
+      /* @__PURE__ */ jsx("span", { className: "text-3xl", children: profile?.avatar }),
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsxs("p", { className: "font-semibold", children: [
+          "Welcome back, ",
+          profile?.name,
+          "! \u{1F44B}"
+        ] }),
+        /* @__PURE__ */ jsx("p", { className: "text-sm text-[var(--color-text-muted)]", children: completedCount === ALL_SLUGS.length ? "You've completed all available lessons! \u{1F389}" : `${completedCount} of ${ALL_SLUGS.length} lessons completed` })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "h-2 rounded-full bg-[var(--color-border)] overflow-hidden mb-4", children: /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: "h-full rounded-full bg-gradient-to-r from-[var(--color-primary)] via-purple-500 to-[var(--color-accent)] transition-all duration-1000",
+        style: { width: `${percentage}%` }
+      }
+    ) }),
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ jsx(
+        Link2,
+        {
+          href: `${basePath}/dashboard`,
+          className: "text-sm text-[var(--color-text-muted)] hover:text-[var(--color-primary)] transition-colors",
+          children: "View Dashboard \u2192"
+        }
+      ),
+      completedCount < ALL_SLUGS.length && /* @__PURE__ */ jsx(
+        Link2,
+        {
+          href: `${basePath}/lessons/${nextSlug}`,
+          className: "px-4 py-2 bg-[var(--color-primary)] text-white rounded-xl text-sm font-medium hover:brightness-110 transition-all active:scale-95",
+          children: "Continue Learning \u2192"
+        }
+      )
+    ] })
+  ] }) });
+}
+var variantStyles = {
+  primary: "bg-[var(--color-primary)] text-white hover:brightness-110 active:brightness-95",
+  secondary: "bg-[var(--color-bg-card)] text-[var(--color-text)] border border-[var(--color-border)] hover:bg-[var(--color-bg-secondary)]",
+  ghost: "text-[var(--color-text-muted)] hover:text-[var(--color-text)] hover:bg-[var(--color-bg-secondary)]",
+  outline: "border border-[var(--color-primary)] text-[var(--color-primary)] hover:bg-[var(--color-primary)] hover:text-white",
+  accent: "bg-[var(--color-accent)] text-white hover:brightness-110 active:brightness-95"
+};
+var sizeStyles = {
+  sm: "px-3 py-1.5 text-sm rounded-lg",
+  md: "px-5 py-2.5 text-base rounded-xl",
+  lg: "px-7 py-3.5 text-lg rounded-2xl"
+};
+var Button = forwardRef(
+  ({ variant = "primary", size = "md", loading, className = "", children, disabled, ...props }, ref) => {
+    return /* @__PURE__ */ jsxs(
+      motion.button,
+      {
+        ref,
+        whileTap: { scale: 0.97 },
+        whileHover: { scale: 1.02 },
+        transition: { type: "spring", stiffness: 400, damping: 17 },
+        className: `inline-flex items-center justify-center font-semibold transition-all cursor-pointer disabled:opacity-50 disabled:cursor-not-allowed ${variantStyles[variant]} ${sizeStyles[size]} ${className}`,
+        disabled: disabled || loading,
+        ...props,
+        children: [
+          loading && /* @__PURE__ */ jsxs("svg", { className: "animate-spin -ml-1 mr-2 h-4 w-4", fill: "none", viewBox: "0 0 24 24", children: [
+            /* @__PURE__ */ jsx("circle", { className: "opacity-25", cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "4" }),
+            /* @__PURE__ */ jsx("path", { className: "opacity-75", fill: "currentColor", d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4z" })
+          ] }),
+          children
+        ]
+      }
+    );
+  }
+);
+Button.displayName = "Button";
+var variantStyles2 = {
+  default: "bg-[var(--color-bg-card)] border border-[var(--color-border)]",
+  elevated: "bg-[var(--color-bg-card)] border border-[var(--color-border)] shadow-lg",
+  glass: "bg-[var(--color-bg-card)]/80 backdrop-blur-xl border border-[var(--color-border)]/50",
+  outline: "bg-transparent border-2 border-[var(--color-border)]"
+};
+function Card({
+  children,
+  variant = "default",
+  hover = false,
+  className = "",
+  onClick
+}) {
+  return /* @__PURE__ */ jsx(
+    motion.div,
+    {
+      whileHover: hover ? { y: -4, scale: 1.01 } : void 0,
+      transition: { type: "spring", stiffness: 300, damping: 20 },
+      className: `rounded-2xl p-6 transition-all ${variantStyles2[variant]} ${hover ? "cursor-pointer" : ""} ${className}`,
+      onClick,
+      children
+    }
+  );
+}
+var variantStyles3 = {
+  default: "bg-[var(--color-bg-secondary)] text-[var(--color-text-muted)]",
+  success: "bg-green-100 text-green-800 dark:bg-green-900/30 dark:text-green-400",
+  warning: "bg-yellow-100 text-yellow-800 dark:bg-yellow-900/30 dark:text-yellow-400",
+  error: "bg-red-100 text-red-800 dark:bg-red-900/30 dark:text-red-400",
+  info: "bg-blue-100 text-blue-800 dark:bg-blue-900/30 dark:text-blue-400"
+};
+var sizeStyles2 = {
+  sm: "px-2 py-0.5 text-xs",
+  md: "px-2.5 py-1 text-sm"
+};
+function Badge({
+  children,
+  variant = "default",
+  size = "sm",
+  color,
+  className = ""
+}) {
+  const customStyle = color ? { backgroundColor: `${color}20`, color } : void 0;
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      className: `inline-flex items-center font-medium rounded-full ${color ? "" : variantStyles3[variant]} ${sizeStyles2[size]} ${className}`,
+      style: customStyle,
+      children
+    }
+  );
+}
+
+export { Badge, Button, Card, CourseProgress, FloatingParticles, ScrollReveal, ThemeProvider, ThemeToggle, WelcomeBanner, useGuestProfile, useProgress, useTheme };
+//# sourceMappingURL=index.mjs.map
+//# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/ThemeProvider.tsx","../src/components/ThemeToggle.tsx","../src/components/ScrollReveal.tsx","../src/components/FloatingParticles.tsx","../src/hooks/useProgress.ts","../src/components/CourseProgress.tsx","../src/hooks/useGuestProfile.ts","../src/components/WelcomeBanner.tsx","../src/components/Button.tsx","../src/components/Card.tsx","../src/components/Badge.tsx"],"names":["jsx","useState","useEffect","useRef","prog","jsxs","Link","createContext","useContext","variantStyles","motion","sizeStyles"],"mappings":"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","file":"index.mjs","sourcesContent":["\"use client\";\n\nimport { createContext, useContext, useEffect, useState } from \"react\";\n\ntype Theme = \"light\" | \"dark\" | \"system\";\n\nconst ThemeContext = createContext<{\n  theme: Theme;\n  resolvedTheme: \"light\" | \"dark\";\n  setTheme: (theme: Theme) => void;\n}>({\n  theme: \"system\",\n  resolvedTheme: \"light\",\n  setTheme: () => {},\n});\n\nexport function ThemeProvider({ children }: { children: React.ReactNode }) {\n  const [theme, setThemeState] = useState<Theme>(\"system\");\n  const [resolvedTheme, setResolvedTheme] = useState<\"light\" | \"dark\">(\"light\");\n\n  function applyTheme(t: Theme) {\n    const root = document.documentElement;\n    let resolved: \"light\" | \"dark\";\n\n    if (t === \"system\") {\n      resolved = window.matchMedia(\"(prefers-color-scheme: dark)\").matches\n        ? \"dark\"\n        : \"light\";\n    } else {\n      resolved = t;\n    }\n\n    root.classList.remove(\"light\", \"dark\");\n    root.classList.add(resolved);\n    setResolvedTheme(resolved);\n  }\n\n  function setTheme(t: Theme) {\n    setThemeState(t);\n    localStorage.setItem(\"theme\", t);\n    applyTheme(t);\n  }\n\n  useEffect(() => {\n    const stored = localStorage.getItem(\"theme\") as Theme | null;\n    const initial = stored || \"system\";\n    setThemeState(initial);\n    applyTheme(initial);\n  }, []);\n\n  // Listen for system theme changes when in \"system\" mode\n  useEffect(() => {\n    if (theme !== \"system\") return;\n    const mq = window.matchMedia(\"(prefers-color-scheme: dark)\");\n    const handler = () => applyTheme(\"system\");\n    mq.addEventListener(\"change\", handler);\n    return () => mq.removeEventListener(\"change\", handler);\n  }, [theme]);\n\n  return (\n    <ThemeContext.Provider value={{ theme, resolvedTheme, setTheme }}>\n      {children}\n    </ThemeContext.Provider>\n  );\n}\n\nexport const useTheme = () => useContext(ThemeContext);\n","\"use client\";\n\nimport { useTheme } from \"./ThemeProvider\";\n\nexport function ThemeToggle() {\n  const { resolvedTheme, setTheme } = useTheme();\n\n  return (\n    <button\n      onClick={() => setTheme(resolvedTheme === \"dark\" ? \"light\" : \"dark\")}\n      className=\"relative w-9 h-9 flex items-center justify-center rounded-xl border border-[var(--color-border)] hover:bg-[var(--color-bg-card)] transition-all duration-200 active:scale-95\"\n      aria-label=\"Toggle theme\"\n    >\n      {/* Sun icon */}\n      <svg\n        className={`w-4 h-4 absolute transition-all duration-300 ${\n          resolvedTheme === \"dark\"\n            ? \"opacity-0 rotate-90 scale-0\"\n            : \"opacity-100 rotate-0 scale-100\"\n        }`}\n        fill=\"none\"\n        stroke=\"currentColor\"\n        viewBox=\"0 0 24 24\"\n      >\n        <path\n          strokeLinecap=\"round\"\n          strokeLinejoin=\"round\"\n          strokeWidth={2}\n          d=\"M12 3v1m0 16v1m9-9h-1M4 12H3m15.364 6.364l-.707-.707M6.343 6.343l-.707-.707m12.728 0l-.707.707M6.343 17.657l-.707.707M16 12a4 4 0 11-8 0 4 4 0 018 0z\"\n        />\n      </svg>\n      {/* Moon icon */}\n      <svg\n        className={`w-4 h-4 absolute transition-all duration-300 ${\n          resolvedTheme === \"dark\"\n            ? \"opacity-100 rotate-0 scale-100\"\n            : \"opacity-0 -rotate-90 scale-0\"\n        }`}\n        fill=\"none\"\n        stroke=\"currentColor\"\n        viewBox=\"0 0 24 24\"\n      >\n        <path\n          strokeLinecap=\"round\"\n          strokeLinejoin=\"round\"\n          strokeWidth={2}\n          d=\"M20.354 15.354A9 9 0 018.646 3.646 9.003 9.003 0 0012 21a9.003 9.003 0 008.354-5.646z\"\n        />\n      </svg>\n    </button>\n  );\n}\n","\"use client\";\n\nimport { useEffect, useRef, useState, type ReactNode } from \"react\";\n\ntype Animation = \"fade-up\" | \"fade-in\" | \"scale-in\" | \"slide-left\" | \"slide-right\";\n\ninterface ScrollRevealProps {\n  children: ReactNode;\n  animation?: Animation;\n  delay?: number;\n  className?: string;\n  stagger?: boolean;\n}\n\nexport function ScrollReveal({\n  children,\n  animation = \"fade-up\",\n  delay = 0,\n  className = \"\",\n  stagger = false,\n}: ScrollRevealProps) {\n  const ref = useRef<HTMLDivElement>(null);\n  const [isVisible, setIsVisible] = useState(false);\n\n  useEffect(() => {\n    const el = ref.current;\n    if (!el) return;\n\n    const observer = new IntersectionObserver(\n      ([entry]) => {\n        if (entry.isIntersecting) {\n          setIsVisible(true);\n          observer.unobserve(el);\n        }\n      },\n      { threshold: 0.1, rootMargin: \"0px 0px -40px 0px\" }\n    );\n\n    observer.observe(el);\n    return () => observer.disconnect();\n  }, []);\n\n  return (\n    <div\n      ref={ref}\n      className={`${className} ${stagger ? \"stagger-children\" : \"\"}`}\n      style={{\n        opacity: isVisible ? 1 : 0,\n        animation: isVisible\n          ? `${animation} 0.7s cubic-bezier(0.22, 1, 0.36, 1) ${delay}ms both`\n          : \"none\",\n      }}\n    >\n      {children}\n    </div>\n  );\n}\n","\"use client\";\n\nimport { useEffect, useRef } from \"react\";\n\nexport function FloatingParticles() {\n  const canvasRef = useRef<HTMLCanvasElement>(null);\n\n  useEffect(() => {\n    const canvas = canvasRef.current;\n    if (!canvas) return;\n    const ctx = canvas.getContext(\"2d\");\n    if (!ctx) return;\n\n    let animId: number;\n    const particles: { x: number; y: number; r: number; dx: number; dy: number; o: number }[] = [];\n\n    const resize = () => {\n      canvas.width = canvas.offsetWidth;\n      canvas.height = canvas.offsetHeight;\n    };\n    resize();\n    window.addEventListener(\"resize\", resize);\n\n    // Create subtle floating dots\n    for (let i = 0; i < 40; i++) {\n      particles.push({\n        x: Math.random() * canvas.width,\n        y: Math.random() * canvas.height,\n        r: Math.random() * 2 + 0.5,\n        dx: (Math.random() - 0.5) * 0.3,\n        dy: (Math.random() - 0.5) * 0.3,\n        o: Math.random() * 0.3 + 0.05,\n      });\n    }\n\n    const draw = () => {\n      ctx.clearRect(0, 0, canvas.width, canvas.height);\n\n      // Get theme from CSS var\n      const style = getComputedStyle(document.documentElement);\n      const primary = style.getPropertyValue(\"--color-primary\").trim() || \"#0071e3\";\n\n      for (const p of particles) {\n        p.x += p.dx;\n        p.y += p.dy;\n\n        // Wrap around\n        if (p.x < 0) p.x = canvas.width;\n        if (p.x > canvas.width) p.x = 0;\n        if (p.y < 0) p.y = canvas.height;\n        if (p.y > canvas.height) p.y = 0;\n\n        ctx.beginPath();\n        ctx.arc(p.x, p.y, p.r, 0, Math.PI * 2);\n        ctx.fillStyle = primary;\n        ctx.globalAlpha = p.o;\n        ctx.fill();\n      }\n\n      // Draw faint connecting lines between nearby particles\n      ctx.globalAlpha = 0.04;\n      ctx.strokeStyle = primary;\n      ctx.lineWidth = 0.5;\n      for (let i = 0; i < particles.length; i++) {\n        for (let j = i + 1; j < particles.length; j++) {\n          const dx = particles[i].x - particles[j].x;\n          const dy = particles[i].y - particles[j].y;\n          const dist = Math.sqrt(dx * dx + dy * dy);\n          if (dist < 120) {\n            ctx.beginPath();\n            ctx.moveTo(particles[i].x, particles[i].y);\n            ctx.lineTo(particles[j].x, particles[j].y);\n            ctx.stroke();\n          }\n        }\n      }\n\n      ctx.globalAlpha = 1;\n      animId = requestAnimationFrame(draw);\n    };\n\n    draw();\n\n    return () => {\n      cancelAnimationFrame(animId);\n      window.removeEventListener(\"resize\", resize);\n    };\n  }, []);\n\n  return (\n    <canvas\n      ref={canvasRef}\n      className=\"absolute inset-0 w-full h-full pointer-events-none\"\n      aria-hidden=\"true\"\n    />\n  );\n}\n","\"use client\";\n\nimport { useCallback, useEffect, useState } from \"react\";\n\nconst STORAGE_KEY = \"open-ai-school-progress\";\n\ninterface ProgramProgress {\n  completed: string[];\n  timestamps: Record<string, string>;\n}\n\ntype ProgressData = Record<string, ProgramProgress>;\n\nfunction emptyProgram(): ProgramProgress {\n  return { completed: [], timestamps: {} };\n}\n\nfunction migrateOldFormat(stored: string): ProgressData {\n  try {\n    const parsed = JSON.parse(stored);\n    // Old format: plain array of slugs\n    if (Array.isArray(parsed)) {\n      return { \"ai-seeds\": { completed: parsed, timestamps: {} } };\n    }\n    // Old format: { completed: [...], timestamps: {...} }\n    if (parsed.completed && Array.isArray(parsed.completed)) {\n      return { \"ai-seeds\": parsed as ProgramProgress };\n    }\n    // New format: already namespaced\n    return parsed as ProgressData;\n  } catch {\n    return {};\n  }\n}\n\nexport function useProgress(programSlug?: string) {\n  const [data, setData] = useState<ProgressData>({});\n\n  useEffect(() => {\n    const stored = localStorage.getItem(STORAGE_KEY);\n    if (stored) {\n      setData(migrateOldFormat(stored));\n    }\n  }, []);\n\n  const getProgram = useCallback(\n    (slug: string): ProgramProgress => data[slug] || emptyProgram(),\n    [data]\n  );\n\n  const markComplete = useCallback((lessonKey: string) => {\n    setData((prev) => {\n      // lessonKey can be \"programSlug/lessonSlug\" or just \"lessonSlug\" (backward compat)\n      const parts = lessonKey.split(\"/\");\n      const pSlug = parts.length > 1 ? parts[0] : (programSlug || \"ai-seeds\");\n      const lSlug = parts.length > 1 ? parts.slice(1).join(\"/\") : parts[0];\n\n      const prog = prev[pSlug] || emptyProgram();\n      if (prog.completed.includes(lSlug)) return prev;\n\n      const next: ProgressData = {\n        ...prev,\n        [pSlug]: {\n          completed: [...prog.completed, lSlug],\n          timestamps: { ...prog.timestamps, [lSlug]: new Date().toISOString() },\n        },\n      };\n      localStorage.setItem(STORAGE_KEY, JSON.stringify(next));\n      return next;\n    });\n  }, [programSlug]);\n\n  const isCompleted = useCallback(\n    (lessonKey: string) => {\n      const parts = lessonKey.split(\"/\");\n      const pSlug = parts.length > 1 ? parts[0] : (programSlug || \"ai-seeds\");\n      const lSlug = parts.length > 1 ? parts.slice(1).join(\"/\") : parts[0];\n      return (data[pSlug]?.completed || []).includes(lSlug);\n    },\n    [data, programSlug]\n  );\n\n  const getCompletedAt = useCallback(\n    (lessonKey: string) => {\n      const parts = lessonKey.split(\"/\");\n      const pSlug = parts.length > 1 ? parts[0] : (programSlug || \"ai-seeds\");\n      const lSlug = parts.length > 1 ? parts.slice(1).join(\"/\") : parts[0];\n      return data[pSlug]?.timestamps[lSlug] || null;\n    },\n    [data, programSlug]\n  );\n\n  const reset = useCallback(() => {\n    setData({});\n    localStorage.removeItem(STORAGE_KEY);\n  }, []);\n\n  // Per-program counts\n  const prog = programSlug ? getProgram(programSlug) : null;\n  const completed = prog ? prog.completed : Object.values(data).flatMap((p) => p.completed);\n  const completedCount = completed.length;\n\n  // Total across all programs\n  const totalCompleted = Object.values(data).reduce((sum, p) => sum + p.completed.length, 0);\n\n  return {\n    completed,\n    completedCount,\n    totalCompleted,\n    markComplete,\n    isCompleted,\n    getCompletedAt,\n    getProgram,\n    allData: data,\n    reset,\n  };\n}\n","\"use client\";\n\nimport { useProgress } from \"../hooks/useProgress\";\nimport Link from \"next/link\";\n\nexport function CourseProgress({\n  totalLessons,\n  basePath,\n  programSlug,\n}: {\n  totalLessons: number;\n  basePath: string;\n  programSlug?: string;\n}) {\n  const { completedCount } = useProgress(programSlug);\n\n  if (completedCount === 0) return null;\n\n  const percentage = Math.round((completedCount / totalLessons) * 100);\n\n  return (\n    <div className=\"max-w-md mx-auto mt-10 p-5 rounded-2xl bg-[var(--color-bg-card)] border border-[var(--color-border)]\">\n      <div className=\"flex items-center justify-between text-sm mb-3\">\n        <span className=\"font-medium\">📚 Your Progress</span>\n        <span className=\"text-[var(--color-text-muted)]\">\n          {completedCount}/{totalLessons} lessons ({percentage}%)\n        </span>\n      </div>\n      <div className=\"progress-bar mb-4\">\n        <div\n          className=\"progress-bar-fill\"\n          style={{ width: `${percentage}%` }}\n        />\n      </div>\n      {completedCount === totalLessons ? (\n        <p className=\"text-center text-sm font-semibold text-[var(--color-accent)]\">\n          🏆 All lessons completed!\n        </p>\n      ) : (\n        <Link\n          href={basePath}\n          className=\"block text-center text-sm font-medium text-[var(--color-primary)] hover:underline\"\n        >\n          Continue learning →\n        </Link>\n      )}\n    </div>\n  );\n}\n","\"use client\";\n\nimport { createContext, useContext, useCallback, useState, useEffect } from \"react\";\n\nconst PROFILE_KEY = \"open-ai-school-profile\";\n\nexport interface GuestProfile {\n  name: string;\n  avatar: string;\n  joinedAt: string;\n}\n\ninterface GuestProfileContextValue {\n  profile: GuestProfile | null;\n  saveProfile: (name: string) => void;\n  clearProfile: () => void;\n  isSignedIn: boolean;\n}\n\nconst avatars = [\"🧑‍🎓\", \"👨‍💻\", \"👩‍💻\", \"🧑‍🔬\", \"👨‍🔬\", \"👩‍🔬\", \"🧑‍🏫\", \"👨‍🏫\", \"👩‍🏫\", \"🦊\", \"🐱\", \"🐼\", \"🦉\", \"🐬\", \"🦋\", \"🌻\", \"🍄\", \"🌈\"];\n\nfunction pickAvatar(name: string): string {\n  let hash = 0;\n  for (let i = 0; i < name.length; i++) {\n    hash = ((hash << 5) - hash + name.charCodeAt(i)) | 0;\n  }\n  return avatars[Math.abs(hash) % avatars.length];\n}\n\nexport function useGuestProfileState(): GuestProfileContextValue {\n  const [profile, setProfile] = useState<GuestProfile | null>(null);\n\n  useEffect(() => {\n    try {\n      const stored = localStorage.getItem(PROFILE_KEY);\n      if (stored) setProfile(JSON.parse(stored));\n    } catch {\n      // ignore\n    }\n  }, []);\n\n  const saveProfile = useCallback((name: string) => {\n    const newProfile: GuestProfile = {\n      name: name.trim(),\n      avatar: pickAvatar(name),\n      joinedAt: new Date().toISOString(),\n    };\n    localStorage.setItem(PROFILE_KEY, JSON.stringify(newProfile));\n    setProfile(newProfile);\n  }, []);\n\n  const clearProfile = useCallback(() => {\n    localStorage.removeItem(PROFILE_KEY);\n    setProfile(null);\n  }, []);\n\n  return {\n    profile,\n    saveProfile,\n    clearProfile,\n    isSignedIn: !!profile,\n  };\n}\n\nexport const GuestProfileContext = createContext<GuestProfileContextValue>({\n  profile: null,\n  saveProfile: () => {},\n  clearProfile: () => {},\n  isSignedIn: false,\n});\n\nexport function useGuestProfile() {\n  return useContext(GuestProfileContext);\n}\n","\"use client\";\n\nimport Link from \"next/link\";\nimport { useGuestProfile } from \"../hooks/useGuestProfile\";\nimport { useProgress } from \"../hooks/useProgress\";\n\nconst ALL_SLUGS = [\"what-is-ai\", \"how-machines-learn\", \"your-first-ai-model\"];\n\nexport function WelcomeBanner({ basePath }: { basePath: string }) {\n  const { profile, isSignedIn } = useGuestProfile();\n  const { completed, completedCount } = useProgress();\n\n  if (!isSignedIn) return null;\n\n  const nextSlug = ALL_SLUGS.find((s) => !completed.includes(s)) || ALL_SLUGS[0];\n  const percentage = Math.round((completedCount / ALL_SLUGS.length) * 100);\n\n  return (\n    <div className=\"max-w-2xl mx-auto mt-10 animate-fade-up\" style={{ animationDelay: \"600ms\" }}>\n      <div className=\"p-6 rounded-2xl glass-card\">\n        <div className=\"flex items-center gap-4 mb-4\">\n          <span className=\"text-3xl\">{profile?.avatar}</span>\n          <div>\n            <p className=\"font-semibold\">\n              Welcome back, {profile?.name}! 👋\n            </p>\n            <p className=\"text-sm text-[var(--color-text-muted)]\">\n              {completedCount === ALL_SLUGS.length\n                ? \"You've completed all available lessons! 🎉\"\n                : `${completedCount} of ${ALL_SLUGS.length} lessons completed`}\n            </p>\n          </div>\n        </div>\n        {/* Progress bar */}\n        <div className=\"h-2 rounded-full bg-[var(--color-border)] overflow-hidden mb-4\">\n          <div\n            className=\"h-full rounded-full bg-gradient-to-r from-[var(--color-primary)] via-purple-500 to-[var(--color-accent)] transition-all duration-1000\"\n            style={{ width: `${percentage}%` }}\n          />\n        </div>\n        <div className=\"flex items-center justify-between\">\n          <Link\n            href={`${basePath}/dashboard`}\n            className=\"text-sm text-[var(--color-text-muted)] hover:text-[var(--color-primary)] transition-colors\"\n          >\n            View Dashboard →\n          </Link>\n          {completedCount < ALL_SLUGS.length && (\n            <Link\n              href={`${basePath}/lessons/${nextSlug}`}\n              className=\"px-4 py-2 bg-[var(--color-primary)] text-white rounded-xl text-sm font-medium hover:brightness-110 transition-all active:scale-95\"\n            >\n              Continue Learning →\n            </Link>\n          )}\n        </div>\n      </div>\n    </div>\n  );\n}\n","\"use client\";\n\nimport { forwardRef, type ButtonHTMLAttributes } from \"react\";\nimport { motion, type HTMLMotionProps } from \"framer-motion\";\n\nexport interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {\n  variant?: \"primary\" | \"secondary\" | \"ghost\" | \"outline\" | \"accent\";\n  size?: \"sm\" | \"md\" | \"lg\";\n  loading?: boolean;\n}\n\nconst variantStyles: Record<string, string> = {\n  primary:\n    \"bg-[var(--color-primary)] text-white hover:brightness-110 active:brightness-95\",\n  secondary:\n    \"bg-[var(--color-bg-card)] text-[var(--color-text)] border border-[var(--color-border)] hover:bg-[var(--color-bg-secondary)]\",\n  ghost:\n    \"text-[var(--color-text-muted)] hover:text-[var(--color-text)] hover:bg-[var(--color-bg-secondary)]\",\n  outline:\n    \"border border-[var(--color-primary)] text-[var(--color-primary)] hover:bg-[var(--color-primary)] hover:text-white\",\n  accent:\n    \"bg-[var(--color-accent)] text-white hover:brightness-110 active:brightness-95\",\n};\n\nconst sizeStyles: Record<string, string> = {\n  sm: \"px-3 py-1.5 text-sm rounded-lg\",\n  md: \"px-5 py-2.5 text-base rounded-xl\",\n  lg: \"px-7 py-3.5 text-lg rounded-2xl\",\n};\n\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>(\n  ({ variant = \"primary\", size = \"md\", loading, className = \"\", children, disabled, ...props }, ref) => {\n    return (\n      <motion.button\n        ref={ref}\n        whileTap={{ scale: 0.97 }}\n        whileHover={{ scale: 1.02 }}\n        transition={{ type: \"spring\", stiffness: 400, damping: 17 }}\n        className={`inline-flex items-center justify-center font-semibold transition-all cursor-pointer disabled:opacity-50 disabled:cursor-not-allowed ${variantStyles[variant]} ${sizeStyles[size]} ${className}`}\n        disabled={disabled || loading}\n        {...(props as HTMLMotionProps<\"button\">)}\n      >\n        {loading && (\n          <svg className=\"animate-spin -ml-1 mr-2 h-4 w-4\" fill=\"none\" viewBox=\"0 0 24 24\">\n            <circle className=\"opacity-25\" cx=\"12\" cy=\"12\" r=\"10\" stroke=\"currentColor\" strokeWidth=\"4\" />\n            <path className=\"opacity-75\" fill=\"currentColor\" d=\"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4z\" />\n          </svg>\n        )}\n        {children}\n      </motion.button>\n    );\n  }\n);\nButton.displayName = \"Button\";\n","\"use client\";\n\nimport { type ReactNode } from \"react\";\nimport { motion } from \"framer-motion\";\n\nexport interface CardProps {\n  children: ReactNode;\n  variant?: \"default\" | \"elevated\" | \"glass\" | \"outline\";\n  hover?: boolean;\n  className?: string;\n  onClick?: () => void;\n}\n\nconst variantStyles: Record<string, string> = {\n  default:\n    \"bg-[var(--color-bg-card)] border border-[var(--color-border)]\",\n  elevated:\n    \"bg-[var(--color-bg-card)] border border-[var(--color-border)] shadow-lg\",\n  glass:\n    \"bg-[var(--color-bg-card)]/80 backdrop-blur-xl border border-[var(--color-border)]/50\",\n  outline:\n    \"bg-transparent border-2 border-[var(--color-border)]\",\n};\n\nexport function Card({\n  children,\n  variant = \"default\",\n  hover = false,\n  className = \"\",\n  onClick,\n}: CardProps) {\n  return (\n    <motion.div\n      whileHover={hover ? { y: -4, scale: 1.01 } : undefined}\n      transition={{ type: \"spring\", stiffness: 300, damping: 20 }}\n      className={`rounded-2xl p-6 transition-all ${variantStyles[variant]} ${\n        hover ? \"cursor-pointer\" : \"\"\n      } ${className}`}\n      onClick={onClick}\n    >\n      {children}\n    </motion.div>\n  );\n}\n","import { type ReactNode } from \"react\";\n\nexport interface BadgeProps {\n  children: ReactNode;\n  variant?: \"default\" | \"success\" | \"warning\" | \"error\" | \"info\";\n  size?: \"sm\" | \"md\";\n  color?: string;\n  className?: string;\n}\n\nconst variantStyles: Record<string, string> = {\n  default: \"bg-[var(--color-bg-secondary)] text-[var(--color-text-muted)]\",\n  success: \"bg-green-100 text-green-800 dark:bg-green-900/30 dark:text-green-400\",\n  warning: \"bg-yellow-100 text-yellow-800 dark:bg-yellow-900/30 dark:text-yellow-400\",\n  error: \"bg-red-100 text-red-800 dark:bg-red-900/30 dark:text-red-400\",\n  info: \"bg-blue-100 text-blue-800 dark:bg-blue-900/30 dark:text-blue-400\",\n};\n\nconst sizeStyles: Record<string, string> = {\n  sm: \"px-2 py-0.5 text-xs\",\n  md: \"px-2.5 py-1 text-sm\",\n};\n\nexport function Badge({\n  children,\n  variant = \"default\",\n  size = \"sm\",\n  color,\n  className = \"\",\n}: BadgeProps) {\n  const customStyle = color\n    ? { backgroundColor: `${color}20`, color }\n    : undefined;\n\n  return (\n    <span\n      className={`inline-flex items-center font-medium rounded-full ${\n        color ? \"\" : variantStyles[variant]\n      } ${sizeStyles[size]} ${className}`}\n      style={customStyle}\n    >\n      {children}\n    </span>\n  );\n}\n"]}

package/package.json

@@ -0,0 +1,75 @@
+{
+  "name": "@open-ai-school/ai-ui-library",
+  "version": "0.1.0",
+  "description": "Shared UI component library for Open AI School — React, TypeScript, Tailwind CSS, Framer Motion",
+  "main": "dist/index.js",
+  "module": "dist/index.mjs",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.js"
+    },
+    "./styles.css": "./dist/styles.css"
+  },
+  "files": [
+    "dist"
+  ],
+  "sideEffects": [
+    "**/*.css"
+  ],
+  "scripts": {
+    "build": "tsup",
+    "dev": "tsup --watch",
+    "lint": "eslint src/",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build",
+    "prepublishOnly": "npm run build"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/open-ai-school/ai-ui-library"
+  },
+  "keywords": [
+    "react",
+    "ui",
+    "components",
+    "tailwindcss",
+    "education",
+    "open-ai-school",
+    "design-system"
+  ],
+  "author": "Ramesh Reddy Adutla <rameshreddy.adutla@gmail.com>",
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/open-ai-school/ai-ui-library/issues"
+  },
+  "homepage": "https://github.com/open-ai-school/ai-ui-library#readme",
+  "peerDependencies": {
+    "next": ">=14.0.0",
+    "react": ">=18.0.0",
+    "react-dom": ">=18.0.0"
+  },
+  "devDependencies": {
+    "@storybook/addon-essentials": "^8.6.14",
+    "@storybook/addon-interactions": "^8.6.14",
+    "@storybook/addon-themes": "^8.6.14",
+    "@storybook/react": "^8.6.14",
+    "@storybook/react-vite": "^8.6.14",
+    "@types/react": "^19.0.0",
+    "@types/react-dom": "^19.0.0",
+    "eslint": "^9.39.3",
+    "next": "^16.1.6",
+    "react": "^19.2.4",
+    "react-dom": "^19.2.4",
+    "storybook": "^8.6.14",
+    "tsup": "^8.5.0",
+    "typescript": "^5.9.3"
+  },
+  "dependencies": {
+    "framer-motion": "^12.15.0",
+    "lucide-react": "^0.525.0",
+    "next-themes": "^0.4.6"
+  }
+}