@learnmd/default-theme 0.0.1-beta.0

package/dist/components/ProfileViewer.js

@@ -0,0 +1,31 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useEffect } from 'react';
+import { useLearnMD } from '@learnmd/core';
+import { MainLayout, Header } from '../layouts/MainLayout';
+import { Link } from 'react-router-dom';
+export function ProfileViewer() {
+    const { storage } = useLearnMD();
+    const [name, setName] = useState('');
+    const [email, setEmail] = useState('');
+    const [isSaving, setIsSaving] = useState(false);
+    const [saved, setSaved] = useState(false);
+    useEffect(() => {
+        async function loadProfile() {
+            const p = await storage.getUserProfile() || { id: '1', name: '', email: '', totalPoints: 0, badges: [], coursesProgress: {}, streak: { current: 0, longest: 0, lastActiveDate: '' }, achievements: [], createdAt: Date.now(), updatedAt: Date.now() };
+            setName(p.name || '');
+            setEmail(p.email || '');
+        }
+        loadProfile();
+    }, [storage]);
+    const handleSave = async (e) => {
+        e.preventDefault();
+        setIsSaving(true);
+        const p = await storage.getUserProfile() || { id: '1', name: '', email: '', totalPoints: 0, badges: [], coursesProgress: {}, streak: { current: 0, longest: 0, lastActiveDate: '' }, achievements: [], createdAt: Date.now(), updatedAt: Date.now() };
+        await storage.saveUserProfile({ ...p, name, email });
+        setIsSaving(false);
+        setSaved(true);
+        setTimeout(() => setSaved(false), 3000);
+    };
+    return (_jsxs(MainLayout, { children: [_jsx(Header, { title: "User Profile", actions: _jsx(Link, { to: "/", className: "text-sm font-medium hover:text-emerald-500", children: "\u00AB Back to Catalog" }) }), _jsx("div", { className: "container mx-auto px-4 py-8 max-w-2xl", children: _jsxs("div", { className: "bg-white dark:bg-gray-800 p-8 rounded-xl shadow-sm border border-gray-200 dark:border-gray-700", children: [_jsxs("div", { className: "flex items-center gap-4 mb-8 border-b border-gray-200 dark:border-gray-700 pb-6", children: [_jsx("div", { className: "w-16 h-16 rounded-full bg-emerald-100 dark:bg-emerald-900 flex items-center justify-center text-emerald-600 dark:text-emerald-400 text-2xl font-bold", children: name ? name.charAt(0).toUpperCase() : '?' }), _jsxs("div", { children: [_jsx("h1", { className: "text-2xl font-bold", children: "Your Account" }), _jsx("p", { className: "text-gray-500 dark:text-gray-400 text-sm", children: "Update your basic information" })] })] }), _jsxs("form", { onSubmit: handleSave, className: "space-y-6", children: [_jsxs("div", { children: [_jsx("label", { htmlFor: "name", className: "block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2", children: "Full Name" }), _jsx("input", { type: "text", id: "name", value: name, onChange: (e) => setName(e.target.value), required: true, className: "w-full px-4 py-2 bg-gray-50 dark:bg-gray-900 border border-gray-300 dark:border-gray-700 rounded-md focus:ring-2 focus:ring-emerald-500 focus:border-emerald-500 outline-none transition-shadow", placeholder: "John Doe" })] }), _jsxs("div", { children: [_jsx("label", { htmlFor: "email", className: "block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2", children: "Email Address" }), _jsx("input", { type: "email", id: "email", value: email, onChange: (e) => setEmail(e.target.value), className: "w-full px-4 py-2 bg-gray-50 dark:bg-gray-900 border border-gray-300 dark:border-gray-700 rounded-md focus:ring-2 focus:ring-emerald-500 focus:border-emerald-500 outline-none transition-shadow", placeholder: "john@example.com" })] }), _jsxs("div", { className: "flex items-center justify-between pt-4", children: [_jsx("span", { className: `text-sm font-medium text-emerald-600 transition-opacity duration-300 ${saved ? 'opacity-100' : 'opacity-0'}`, children: "\u2705 Profile saved successfully!" }), _jsx("button", { type: "submit", disabled: isSaving, className: "px-6 py-2 bg-emerald-600 hover:bg-emerald-700 text-white font-medium rounded-md shadow-sm transition-colors disabled:opacity-50", children: isSaving ? 'Saving...' : 'Save Changes' })] })] })] }) })] }));
+}
+//# sourceMappingURL=ProfileViewer.js.map

package/dist/components/ProfileViewer.js.map

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

package/dist/components/Progress.d.ts

@@ -0,0 +1,31 @@
+export interface ProgressProps {
+    value: number;
+    max?: number;
+    label?: string;
+    showPercentage?: boolean;
+    size?: 'sm' | 'md' | 'lg';
+    variant?: 'default' | 'success' | 'warning' | 'error';
+    animated?: boolean;
+    className?: string;
+}
+export interface ProgressRingProps {
+    value: number;
+    max?: number;
+    size?: number;
+    strokeWidth?: number;
+    label?: string;
+    showPercentage?: boolean;
+    variant?: 'default' | 'success' | 'warning' | 'error';
+}
+export declare function Progress({ value, max, label, showPercentage, size, variant, animated, className, }: ProgressProps): import("react/jsx-runtime").JSX.Element;
+export declare function ProgressRing({ value, max, size, strokeWidth, label, showPercentage, variant, }: ProgressRingProps): import("react/jsx-runtime").JSX.Element;
+export declare function ProgressSteps({ steps, currentStep, className, }: {
+    steps: Array<{
+        label: string;
+        completed?: boolean;
+    }>;
+    currentStep: number;
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;
+export default Progress;
+//# sourceMappingURL=Progress.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Progress.d.ts","sourceRoot":"","sources":["../../src/components/Progress.tsx"],"names":[],"mappings":"AAEA,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;IACtD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;CACvD;AAeD,wBAAgB,QAAQ,CAAC,EACvB,KAAK,EACL,GAAS,EACT,KAAK,EACL,cAAsB,EACtB,IAAW,EACX,OAAmB,EACnB,QAAe,EACf,SAAc,GACf,EAAE,aAAa,2CAqBf;AAED,wBAAgB,YAAY,CAAC,EAC3B,KAAK,EACL,GAAS,EACT,IAAS,EACT,WAAe,EACf,KAAK,EACL,cAAqB,EACrB,OAAmB,GACpB,EAAE,iBAAiB,2CA2CnB;AAED,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,WAAW,EACX,SAAc,GACf,EAAE;IACD,KAAK,EAAE,KAAK,CAAC;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,SAAS,CAAC,EAAE,OAAO,CAAA;KAAE,CAAC,CAAC;IACrD,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,2CA6CA;AAED,eAAe,QAAQ,CAAC"}

package/dist/components/Progress.js

@@ -0,0 +1,41 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+const sizeClasses = {
+    sm: 'h-1',
+    md: 'h-2',
+    lg: 'h-3',
+};
+const variantClasses = {
+    default: 'bg-[rgb(var(--color-primary-500))]',
+    success: 'bg-[rgb(var(--success))]',
+    warning: 'bg-[rgb(var(--warning))]',
+    error: 'bg-[rgb(var(--error))]',
+};
+export function Progress({ value, max = 100, label, showPercentage = false, size = 'md', variant = 'default', animated = true, className = '', }) {
+    const percentage = Math.min(Math.max((value / max) * 100, 0), 100);
+    return (_jsxs("div", { className: className, children: [(label || showPercentage) && (_jsxs("div", { className: "flex justify-between items-center mb-1", children: [label && _jsx("span", { className: "text-sm text-[rgb(var(--text-secondary))]", children: label }), showPercentage && _jsxs("span", { className: "text-sm font-medium", children: [Math.round(percentage), "%"] })] })), _jsx("div", { className: `progress-bar ${sizeClasses[size]}`, children: _jsx("div", { className: `progress-bar-fill ${variantClasses[variant]} ${animated ? 'transition-all duration-500 ease-out' : ''}`, style: { width: `${percentage}%` } }) })] }));
+}
+export function ProgressRing({ value, max = 100, size = 64, strokeWidth = 4, label, showPercentage = true, variant = 'default', }) {
+    const percentage = Math.min(Math.max((value / max) * 100, 0), 100);
+    const radius = (size - strokeWidth) / 2;
+    const circumference = radius * 2 * Math.PI;
+    const offset = circumference - (percentage / 100) * circumference;
+    const variantColors = {
+        default: 'var(--color-primary-500)',
+        success: 'rgb(var(--success))',
+        warning: 'rgb(var(--warning))',
+        error: 'rgb(var(--error))',
+    };
+    return (_jsxs("div", { className: "relative inline-flex items-center justify-center", children: [_jsxs("svg", { width: size, height: size, className: "-rotate-90", children: [_jsx("circle", { cx: size / 2, cy: size / 2, r: radius, fill: "none", stroke: "rgb(var(--bg-tertiary))", strokeWidth: strokeWidth }), _jsx("circle", { cx: size / 2, cy: size / 2, r: radius, fill: "none", stroke: variantColors[variant], strokeWidth: strokeWidth, strokeDasharray: circumference, strokeDashoffset: offset, strokeLinecap: "round", className: "transition-all duration-500 ease-out" })] }), _jsxs("div", { className: "absolute inset-0 flex flex-col items-center justify-center", children: [showPercentage && _jsxs("span", { className: "text-lg font-bold", children: [Math.round(percentage), "%"] }), label && _jsx("span", { className: "text-xs text-[rgb(var(--text-secondary))]", children: label })] })] }));
+}
+export function ProgressSteps({ steps, currentStep, className = '', }) {
+    return (_jsx("div", { className: className, children: _jsx("div", { className: "flex items-center", children: steps.map((step, index) => (_jsxs(React.Fragment, { children: [_jsxs("div", { className: "flex flex-col items-center", children: [_jsx("div", { className: `w-8 h-8 rounded-full flex items-center justify-center text-sm font-medium transition-colors ${index < currentStep || step.completed
+                                    ? 'bg-[rgb(var(--color-primary-500))] text-white'
+                                    : index === currentStep
+                                        ? 'bg-[rgb(var(--color-primary-500))] text-white ring-4 ring-[rgb(var(--color-primary-200))]'
+                                        : 'bg-[rgb(var(--bg-tertiary))] text-[rgb(var(--text-muted))]'}`, children: index < currentStep || step.completed ? (_jsx("svg", { className: "w-5 h-5", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M5 13l4 4L19 7" }) })) : (index + 1) }), _jsx("span", { className: "text-xs mt-1 text-[rgb(var(--text-secondary))]", children: step.label })] }), index < steps.length - 1 && (_jsx("div", { className: `flex-1 h-0.5 mx-2 ${index < currentStep
+                            ? 'bg-[rgb(var(--color-primary-500))]'
+                            : 'bg-[rgb(var(--bg-tertiary))]'}` }))] }, step.label))) }) }));
+}
+export default Progress;
+//# sourceMappingURL=Progress.js.map

package/dist/components/Progress.js.map

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

package/dist/components/Quiz.d.ts

@@ -0,0 +1,34 @@
+export interface QuizQuestion {
+    id: string;
+    type: 'multiple-choice' | 'true-false' | 'input';
+    question: string;
+    options?: Array<{
+        id: string;
+        label: string;
+    }>;
+    correctAnswer: string | string[];
+    explanation?: string;
+    points?: number;
+}
+export interface QuizProps {
+    id: string;
+    questions: QuizQuestion[];
+    passingScore?: number;
+    allowRetry?: boolean;
+    showCorrectAnswers?: boolean;
+    onComplete?: (results: QuizResults) => void;
+}
+export interface QuizResults {
+    score: number;
+    totalQuestions: number;
+    passed: boolean;
+    answers: QuizAnswer[];
+}
+export interface QuizAnswer {
+    questionId: string;
+    selectedAnswer: string;
+    correct: boolean;
+}
+export declare function Quiz({ questions, passingScore, allowRetry, showCorrectAnswers, onComplete, }: QuizProps): import("react/jsx-runtime").JSX.Element;
+export default Quiz;
+//# sourceMappingURL=Quiz.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Quiz.d.ts","sourceRoot":"","sources":["../../src/components/Quiz.tsx"],"names":[],"mappings":"AAIA,MAAM,WAAW,YAAY;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,iBAAiB,GAAG,YAAY,GAAG,OAAO,CAAC;IACjD,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,KAAK,CAAC;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAC/C,aAAa,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IACjC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,SAAS;IACxB,EAAE,EAAE,MAAM,CAAC;IACX,SAAS,EAAE,YAAY,EAAE,CAAC;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,WAAW,KAAK,IAAI,CAAC;CAC7C;AAED,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,cAAc,EAAE,MAAM,CAAC;IACvB,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,UAAU,EAAE,CAAC;CACvB;AAED,MAAM,WAAW,UAAU;IACzB,UAAU,EAAE,MAAM,CAAC;IACnB,cAAc,EAAE,MAAM,CAAC;IACvB,OAAO,EAAE,OAAO,CAAC;CAClB;AAED,wBAAgB,IAAI,CAAC,EACnB,SAAS,EACT,YAAiB,EACjB,UAAiB,EACjB,kBAAyB,EACzB,UAAU,GACX,EAAE,SAAS,2CA8PX;AAED,eAAe,IAAI,CAAC"}

package/dist/components/Quiz.js

@@ -0,0 +1,109 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useCallback } from 'react';
+import { getTranslatedString } from '@learnmd/core';
+import { useI18n } from '../hooks';
+export function Quiz({ questions, passingScore = 70, allowRetry = true, showCorrectAnswers = true, onComplete, }) {
+    const { currentLanguage } = useI18n();
+    const [currentQuestionIndex, setCurrentQuestionIndex] = useState(0);
+    const [answers, setAnswers] = useState([]);
+    const [selectedAnswer, setSelectedAnswer] = useState(null);
+    const [showExplanation, setShowExplanation] = useState(false);
+    const [submitted, setSubmitted] = useState(false);
+    const [quizCompleted, setQuizCompleted] = useState(false);
+    const [results, setResults] = useState(null);
+    const currentQuestion = questions[currentQuestionIndex];
+    const isLastQuestion = currentQuestionIndex === questions.length - 1;
+    const calculateScore = useCallback((quizAnswers) => {
+        const correctAnswers = quizAnswers.filter((a) => a.correct).length;
+        const score = Math.round((correctAnswers / questions.length) * 100);
+        return {
+            score,
+            totalQuestions: questions.length,
+            passed: score >= passingScore,
+            answers: quizAnswers,
+        };
+    }, [questions.length, passingScore]);
+    const handleAnswerSelect = (answer) => {
+        if (submitted)
+            return;
+        setSelectedAnswer(answer);
+    };
+    const handleSubmitAnswer = () => {
+        if (!selectedAnswer || submitted)
+            return;
+        const isCorrect = Array.isArray(currentQuestion.correctAnswer)
+            ? currentQuestion.correctAnswer.includes(selectedAnswer)
+            : selectedAnswer === currentQuestion.correctAnswer;
+        const newAnswer = {
+            questionId: currentQuestion.id,
+            selectedAnswer,
+            correct: isCorrect,
+        };
+        const newAnswers = [...answers, newAnswer];
+        setAnswers(newAnswers);
+        setSubmitted(true);
+        setShowExplanation(true);
+        if (isLastQuestion) {
+            const finalResults = calculateScore(newAnswers);
+            setResults(finalResults);
+            setQuizCompleted(true);
+            onComplete?.(finalResults);
+        }
+    };
+    const handleNextQuestion = () => {
+        setCurrentQuestionIndex((prev) => prev + 1);
+        setSelectedAnswer(null);
+        setSubmitted(false);
+        setShowExplanation(false);
+    };
+    const handleRetry = () => {
+        setCurrentQuestionIndex(0);
+        setAnswers([]);
+        setSelectedAnswer(null);
+        setSubmitted(false);
+        setShowExplanation(false);
+        setQuizCompleted(false);
+        setResults(null);
+    };
+    if (quizCompleted && results) {
+        return (_jsxs("div", { className: "bg-white dark:bg-[#202124] shadow-md border border-gray-200 dark:border-gray-800 rounded-xl p-8 my-8 transition-colors", children: [_jsxs("div", { className: "text-center mb-8", children: [_jsx("div", { className: `inline-flex items-center justify-center w-24 h-24 rounded-full mb-6 ${results.passed
+                                ? 'bg-emerald-100 dark:bg-emerald-900/40 text-emerald-600 dark:text-emerald-400'
+                                : 'bg-rose-100 dark:bg-rose-900/40 text-rose-600 dark:text-rose-400'}`, children: results.passed ? (_jsx("svg", { className: "w-12 h-12", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M5 13l4 4L19 7" }) })) : (_jsx("svg", { className: "w-12 h-12", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }) })) }), _jsx("h3", { className: "text-3xl font-extrabold mb-3 text-slate-900 dark:text-white", children: results.passed ? 'Congratulations!' : 'Keep Trying!' }), _jsxs("p", { className: "text-5xl font-black mb-3 text-emerald-600 dark:text-emerald-500", children: [results.score, "%"] }), _jsxs("p", { className: "text-lg font-medium text-slate-500 dark:text-gray-400", children: [results.answers.filter((a) => a.correct).length, " of ", results.totalQuestions, " correct"] })] }), showCorrectAnswers && (_jsxs("div", { className: "space-y-4 mb-8", children: [_jsx("h4", { className: "text-xl font-bold border-b border-gray-200 dark:border-gray-800 pb-2 mb-4 text-slate-800 dark:text-white", children: "Review Answers" }), results.answers.map((answer, index) => {
+                            const question = questions.find((q) => q.id === answer.questionId);
+                            return (_jsxs("div", { className: `p-5 rounded-lg border ${answer.correct
+                                    ? 'bg-emerald-50 dark:bg-emerald-900/10 border-emerald-200 dark:border-emerald-800/50'
+                                    : 'bg-rose-50 dark:bg-rose-900/10 border-rose-200 dark:border-rose-800/50'}`, children: [_jsxs("p", { className: "text-sm font-semibold tracking-wide uppercase text-slate-500 dark:text-gray-400 mb-2", children: ["Question ", index + 1] }), _jsx("p", { className: "text-lg font-medium text-slate-900 dark:text-gray-200 mb-3", children: question?.question }), _jsxs("p", { className: `font-semibold ${answer.correct ? 'text-emerald-700 dark:text-emerald-400' : 'text-rose-700 dark:text-rose-400'}`, children: ["Your answer: ", answer.selectedAnswer] }), !answer.correct && (_jsxs("p", { className: "font-semibold text-emerald-700 dark:text-emerald-400 mt-2", children: ["Correct answer:", ' ', Array.isArray(question?.correctAnswer)
+                                                ? question?.correctAnswer[0]
+                                                : question?.correctAnswer] }))] }, answer.questionId));
+                        })] })), allowRetry && !results.passed && (_jsx("button", { onClick: handleRetry, className: "w-full py-4 rounded-xl bg-slate-900 dark:bg-white text-white dark:text-slate-900 font-bold hover:bg-slate-800 dark:hover:bg-gray-100 transition-colors shadow-sm", children: "Try Again" }))] }));
+    }
+    return (_jsxs("div", { className: "bg-white dark:bg-[#202124] shadow-sm border border-gray-200 dark:border-gray-800 rounded-xl p-6 lg:p-8 my-8 transition-colors", children: [_jsxs("div", { className: "mb-6", children: [_jsxs("div", { className: "flex justify-between items-end mb-3", children: [_jsxs("span", { className: "text-sm font-bold uppercase tracking-wider text-slate-500 dark:text-gray-400", children: ["Question ", currentQuestionIndex + 1, " of ", questions.length] }), currentQuestion.points && (_jsxs("span", { className: "bg-emerald-100 dark:bg-emerald-900/40 text-emerald-700 dark:text-emerald-400 text-xs font-bold px-3 py-1 rounded-full", children: [currentQuestion.points, " pts"] }))] }), _jsx("div", { className: "h-2 w-full bg-gray-100 dark:bg-gray-800 rounded-full overflow-hidden", children: _jsx("div", { className: "h-full bg-emerald-500 rounded-full transition-all duration-500 ease-out", style: { width: `${((currentQuestionIndex + 1) / questions.length) * 100}%` } }) })] }), _jsx("h3", { className: "text-2xl font-bold mb-6 text-slate-900 dark:text-white leading-snug", children: getTranslatedString(currentQuestion.question, currentLanguage) }), _jsx("div", { className: "space-y-3 mb-8", children: currentQuestion.options?.map((option) => {
+                    const isSelected = selectedAnswer === option.id;
+                    const isCorrect = Array.isArray(currentQuestion.correctAnswer)
+                        ? currentQuestion.correctAnswer.includes(option.id)
+                        : currentQuestion.correctAnswer === option.id;
+                    const label = getTranslatedString(option.label, currentLanguage);
+                    let className = 'p-4 rounded-xl border-2 cursor-pointer transition-all duration-200';
+                    if (submitted) {
+                        if (isCorrect) {
+                            className += ' bg-emerald-50 dark:bg-emerald-900/20 border-emerald-500 dark:border-emerald-500 text-emerald-900 dark:text-emerald-100';
+                        }
+                        else if (isSelected && !isCorrect) {
+                            className += ' bg-rose-50 dark:bg-rose-900/20 border-rose-500 dark:border-rose-500 text-rose-900 dark:text-rose-100';
+                        }
+                        else {
+                            className += ' border-gray-200 dark:border-gray-800 opacity-50 text-slate-500 dark:text-gray-400';
+                        }
+                    }
+                    else {
+                        className += isSelected
+                            ? ' border-emerald-500 bg-emerald-50/50 dark:bg-emerald-900/10 text-emerald-900 dark:text-emerald-100 shadow-sm'
+                            : ' border-gray-200 dark:border-gray-700 hover:border-emerald-400 hover:bg-gray-50 dark:hover:bg-gray-800 text-slate-700 dark:text-gray-200';
+                    }
+                    return (_jsx("div", { className: className, onClick: () => handleAnswerSelect(option.id), children: _jsxs("div", { className: "flex items-center gap-4", children: [_jsx("div", { className: `w-6 h-6 rounded-full border-2 flex items-center justify-center transition-colors ${isSelected
+                                        ? 'border-emerald-500 bg-emerald-500'
+                                        : 'border-gray-300 dark:border-gray-600'}`, children: isSelected && _jsx("div", { className: "w-2.5 h-2.5 rounded-full bg-white" }) }), _jsx("span", { className: "font-medium text-lg", children: label })] }) }, option.id));
+                }) }), showExplanation && currentQuestion.explanation && (_jsx("div", { className: "bg-blue-50 dark:bg-blue-900/20 border-l-4 border-blue-500 rounded-r-lg p-5 mb-8", children: _jsxs("p", { className: "text-blue-800 dark:text-blue-200", children: [_jsx("strong", { className: "font-bold", children: "Explanation:" }), " ", getTranslatedString(currentQuestion.explanation, currentLanguage)] }) })), _jsx("div", { className: "flex gap-4", children: !submitted ? (_jsx("button", { onClick: handleSubmitAnswer, disabled: !selectedAnswer, className: "w-full py-4 rounded-xl bg-emerald-600 text-white font-bold text-lg hover:bg-emerald-700 disabled:opacity-50 disabled:cursor-not-allowed transition-colors shadow-sm", children: "Submit Answer" })) : (_jsx("button", { onClick: handleNextQuestion, className: "w-full py-4 rounded-xl bg-slate-900 dark:bg-white text-white dark:text-slate-900 font-bold text-lg hover:bg-slate-800 dark:hover:bg-gray-100 transition-colors shadow-sm", children: isLastQuestion ? 'Finish Quiz' : 'Next Question' })) })] }));
+}
+export default Quiz;
+//# sourceMappingURL=Quiz.js.map

package/dist/components/Quiz.js.map

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

package/dist/components/Quiz.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=Quiz.test.d.ts.map

package/dist/components/Quiz.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Quiz.test.d.ts","sourceRoot":"","sources":["../../src/components/Quiz.test.tsx"],"names":[],"mappings":""}

package/dist/components/Quiz.test.js

@@ -0,0 +1,48 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { render, screen, fireEvent } from '@testing-library/react';
+import { describe, it, expect, vi } from 'vitest';
+import Quiz from './Quiz';
+describe('Quiz', () => {
+    const mockQuestions = [
+        {
+            id: 'q1',
+            type: 'multiple-choice',
+            question: 'What is 1+1?',
+            options: [
+                { id: '1', label: '1' },
+                { id: '2', label: '2' },
+            ],
+            correctAnswer: '2',
+            explanation: 'Math basic',
+        },
+    ];
+    it('should render the first question', () => {
+        render(_jsx(Quiz, { id: "quiz-1", questions: mockQuestions }));
+        expect(screen.getByText('What is 1+1?')).toBeDefined();
+        expect(screen.getByText('Question 1 of 1')).toBeDefined();
+    });
+    it('should allow selecting and submitting an answer', () => {
+        const onComplete = vi.fn();
+        render(_jsx(Quiz, { id: "quiz-1", questions: mockQuestions, onComplete: onComplete }));
+        // Select answer
+        const option = screen.getByText('2');
+        fireEvent.click(option);
+        // Submit
+        const submitBtn = screen.getByText('Submit Answer');
+        fireEvent.click(submitBtn);
+        // The results view is shown immediately for the last question
+        expect(onComplete).toHaveBeenCalledWith(expect.objectContaining({
+            score: 100,
+            passed: true
+        }));
+        expect(screen.getByText('Congratulations!')).toBeDefined();
+    });
+    it('should show results on completion', () => {
+        render(_jsx(Quiz, { id: "quiz-1", questions: mockQuestions }));
+        fireEvent.click(screen.getByText('2'));
+        fireEvent.click(screen.getByText('Submit Answer'));
+        expect(screen.getByText('Congratulations!')).toBeDefined();
+        expect(screen.getByText('100%')).toBeDefined();
+    });
+});
+//# sourceMappingURL=Quiz.test.js.map

package/dist/components/Quiz.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Quiz.test.js","sourceRoot":"","sources":["../../src/components/Quiz.test.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnE,OAAO,EAAE,QAAQ,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,QAAQ,CAAC;AAClD,OAAO,IAAI,MAAM,QAAQ,CAAC;AAE1B,QAAQ,CAAC,MAAM,EAAE,GAAG,EAAE;IACpB,MAAM,aAAa,GAAG;QACpB;YACE,EAAE,EAAE,IAAI;YACR,IAAI,EAAE,iBAA0B;YAChC,QAAQ,EAAE,cAAc;YACxB,OAAO,EAAE;gBACP,EAAE,EAAE,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,EAAE;gBACvB,EAAE,EAAE,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,EAAE;aACxB;YACD,aAAa,EAAE,GAAG;YAClB,WAAW,EAAE,YAAY;SAC1B;KACF,CAAC;IAEF,EAAE,CAAC,kCAAkC,EAAE,GAAG,EAAE;QAC1C,MAAM,CAAC,KAAC,IAAI,IAAC,EAAE,EAAC,QAAQ,EAAC,SAAS,EAAE,aAAa,GAAI,CAAC,CAAC;QACvD,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC;QACvD,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,iBAAiB,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC;IAC5D,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,iDAAiD,EAAE,GAAG,EAAE;QACzD,MAAM,UAAU,GAAG,EAAE,CAAC,EAAE,EAAE,CAAC;QAC3B,MAAM,CAAC,KAAC,IAAI,IAAC,EAAE,EAAC,QAAQ,EAAC,SAAS,EAAE,aAAa,EAAE,UAAU,EAAE,UAAU,GAAI,CAAC,CAAC;QAE/E,gBAAgB;QAChB,MAAM,MAAM,GAAG,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC;QACrC,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;QAExB,SAAS;QACT,MAAM,SAAS,GAAG,MAAM,CAAC,SAAS,CAAC,eAAe,CAAC,CAAC;QACpD,SAAS,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;QAE3B,8DAA8D;QAC9D,MAAM,CAAC,UAAU,CAAC,CAAC,oBAAoB,CAAC,MAAM,CAAC,gBAAgB,CAAC;YAC9D,KAAK,EAAE,GAAG;YACV,MAAM,EAAE,IAAI;SACb,CAAC,CAAC,CAAC;QACJ,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,kBAAkB,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC;IAC7D,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,mCAAmC,EAAE,GAAG,EAAE;QAC3C,MAAM,CAAC,KAAC,IAAI,IAAC,EAAE,EAAC,QAAQ,EAAC,SAAS,EAAE,aAAa,GAAI,CAAC,CAAC;QAEvD,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC;QACvC,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,eAAe,CAAC,CAAC,CAAC;QAEnD,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,kBAAkB,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC;QAC3D,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC;IACjD,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

package/dist/components/Search.d.ts

@@ -0,0 +1,17 @@
+export interface SearchResult {
+    lessonSlug: string;
+    lessonTitle: string;
+    moduleId?: string;
+    moduleTitle?: string;
+    excerpt: string;
+    score: number;
+}
+export interface SearchProps {
+    results: SearchResult[];
+    onSearch: (query: string) => void;
+    placeholder?: string;
+    className?: string;
+}
+export declare function Search({ results, onSearch, placeholder, className, }: SearchProps): import("react/jsx-runtime").JSX.Element;
+export default Search;
+//# sourceMappingURL=Search.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Search.d.ts","sourceRoot":"","sources":["../../src/components/Search.tsx"],"names":[],"mappings":"AAEA,MAAM,WAAW,YAAY;IAC3B,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,WAAW;IAC1B,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,MAAM,CAAC,EACrB,OAAO,EACP,QAAQ,EACR,WAAyB,EACzB,SAAc,GACf,EAAE,WAAW,2CAqFb;AAsBD,eAAe,MAAM,CAAC"}

package/dist/components/Search.js

@@ -0,0 +1,30 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useCallback } from 'react';
+export function Search({ results, onSearch, placeholder = 'Search...', className = '', }) {
+    const [query, setQuery] = useState('');
+    const [isOpen, setIsOpen] = useState(false);
+    const handleChange = useCallback((e) => {
+        const value = e.target.value;
+        setQuery(value);
+        onSearch(value);
+        setIsOpen(value.length > 0);
+    }, [onSearch]);
+    const handleFocus = () => {
+        if (query.length > 0) {
+            setIsOpen(true);
+        }
+    };
+    const handleBlur = () => {
+        setTimeout(() => setIsOpen(false), 200);
+    };
+    return (_jsxs("div", { className: `relative ${className}`, children: [_jsxs("div", { className: "relative", children: [_jsx("svg", { className: "absolute left-3 top-1/2 -translate-y-1/2 w-5 h-5 text-[rgb(var(--text-muted))]", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" }) }), _jsx("input", { type: "text", value: query, onChange: handleChange, onFocus: handleFocus, onBlur: handleBlur, placeholder: placeholder, className: "input pl-10 pr-4" }), query && (_jsx("button", { onClick: () => {
+                            setQuery('');
+                            onSearch('');
+                            setIsOpen(false);
+                        }, className: "absolute right-3 top-1/2 -translate-y-1/2 text-[rgb(var(--text-muted))] hover:text-[rgb(var(--text-secondary))]", children: _jsx("svg", { className: "w-5 h-5", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }) }) }))] }), isOpen && results.length > 0 && (_jsx("div", { className: "absolute top-full left-0 right-0 mt-2 bg-[rgb(var(--bg-primary))] border border-[rgb(var(--border-color))] rounded-lg shadow-lg z-50 max-h-80 overflow-y-auto", children: results.map((result) => (_jsx(SearchResultItem, { result: result }, result.lessonSlug))) })), isOpen && query && results.length === 0 && (_jsx("div", { className: "absolute top-full left-0 right-0 mt-2 bg-[rgb(var(--bg-primary))] border border-[rgb(var(--border-color))] rounded-lg shadow-lg p-4 text-center text-[rgb(var(--text-secondary))]", children: "No results found" }))] }));
+}
+function SearchResultItem({ result }) {
+    return (_jsxs("a", { href: `#${result.lessonSlug}`, className: "block px-4 py-3 hover:bg-[rgb(var(--bg-tertiary))] transition-colors border-b border-[rgb(var(--border-color))] last:border-b-0", children: [_jsxs("div", { className: "flex items-center gap-2 mb-1", children: [result.moduleTitle && (_jsx("span", { className: "text-xs text-[rgb(var(--text-muted))]", children: result.moduleTitle })), _jsx("span", { className: "text-xs text-[rgb(var(--text-muted))]", children: "/" }), _jsx("span", { className: "text-sm font-medium text-[rgb(var(--text-primary))]", children: result.lessonTitle })] }), _jsx("p", { className: "text-sm text-[rgb(var(--text-secondary))] line-clamp-2", children: result.excerpt })] }));
+}
+export default Search;
+//# sourceMappingURL=Search.js.map

package/dist/components/Search.js.map

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

package/dist/components/VideoEmbed.d.ts

@@ -0,0 +1,15 @@
+export interface VideoEmbedProps {
+    provider: 'youtube' | 'vimeo' | 'onedrive' | 'googledrive' | 'custom';
+    id?: string;
+    url?: string;
+    title?: string;
+    startTime?: number;
+    endTime?: number;
+    autoplay?: boolean;
+    loop?: boolean;
+    showControls?: boolean;
+    aspectRatio?: '16:9' | '4:3' | '1:1';
+}
+export declare function VideoEmbed({ provider, id, url, title, startTime, endTime, autoplay, loop, showControls, aspectRatio, }: VideoEmbedProps): import("react/jsx-runtime").JSX.Element;
+export default VideoEmbed;
+//# sourceMappingURL=VideoEmbed.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"VideoEmbed.d.ts","sourceRoot":"","sources":["../../src/components/VideoEmbed.tsx"],"names":[],"mappings":"AAEA,MAAM,WAAW,eAAe;IAC9B,QAAQ,EAAE,SAAS,GAAG,OAAO,GAAG,UAAU,GAAG,aAAa,GAAG,QAAQ,CAAC;IACtE,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,KAAK,CAAC;CACtC;AA8CD,wBAAgB,UAAU,CAAC,EACzB,QAAQ,EACR,EAAE,EACF,GAAG,EACH,KAAK,EACL,SAAS,EACT,OAAO,EACP,QAAgB,EAChB,IAAY,EACZ,YAAmB,EACnB,WAAoB,GACrB,EAAE,eAAe,2CAiFjB;AAED,eAAe,UAAU,CAAC"}

package/dist/components/VideoEmbed.js

@@ -0,0 +1,83 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+function getYouTubeEmbedUrl(id, startTime, endTime) {
+    const params = new URLSearchParams();
+    params.set('embed', id);
+    params.set('rel', '0');
+    params.set('modestbranding', '1');
+    if (startTime)
+        params.set('start', String(startTime));
+    if (endTime)
+        params.set('end', String(endTime));
+    return `https://www.youtube.com/embed/${id}?${params.toString()}`;
+}
+function getYouTubeId(url) {
+    const patterns = [
+        /(?:youtube\.com\/watch\?v=|youtu\.be\/|youtube\.com\/embed\/)([^&\n?#]+)/,
+        /youtube\.com\/shorts\/([^&\n?#]+)/,
+    ];
+    for (const pattern of patterns) {
+        const match = url.match(pattern);
+        if (match)
+            return match[1];
+    }
+    return null;
+}
+function getVimeoEmbedUrl(id) {
+    return `https://player.vimeo.com/video/${id}?dnt=1`;
+}
+function getVimeoId(url) {
+    const match = url.match(/vimeo\.com\/(\d+)/);
+    return match ? match[1] : null;
+}
+function getOneDriveEmbedUrl(url) {
+    const encodedUrl = encodeURIComponent(url);
+    return `https://onedrive.live.com/embed?resid=${encodedUrl}`;
+}
+function getGoogleDriveEmbedUrl(url) {
+    const match = url.match(/\/file\/d\/([^/]+)/);
+    if (match) {
+        return `https://drive.google.com/file/d/${match[1]}/preview`;
+    }
+    return url;
+}
+export function VideoEmbed({ provider, id, url, title, startTime, endTime, autoplay = false, loop = false, showControls = true, aspectRatio = '16:9', }) {
+    const [isLoaded, setIsLoaded] = useState(false);
+    const resolvedUrl = (() => {
+        if (provider === 'youtube') {
+            if (url) {
+                const videoId = getYouTubeId(url);
+                return videoId ? getYouTubeEmbedUrl(videoId, startTime, endTime) : '';
+            }
+            return id ? getYouTubeEmbedUrl(id, startTime, endTime) : '';
+        }
+        if (provider === 'vimeo') {
+            if (url) {
+                const videoId = getVimeoId(url);
+                return videoId ? getVimeoEmbedUrl(videoId) : '';
+            }
+            return id ? getVimeoEmbedUrl(id) : '';
+        }
+        if (provider === 'onedrive' && url) {
+            return getOneDriveEmbedUrl(url);
+        }
+        if (provider === 'googledrive' && url) {
+            return getGoogleDriveEmbedUrl(url);
+        }
+        if (provider === 'custom' && url) {
+            return url;
+        }
+        return '';
+    })();
+    const aspectRatioClass = {
+        '16:9': 'aspect-video',
+        '4:3': 'aspect-[4/3]',
+        '1:1': 'aspect-square',
+    }[aspectRatio];
+    if (!resolvedUrl) {
+        return (_jsx("div", { className: "card my-4 bg-[rgb(var(--error))]/10 border-[rgb(var(--error))]/30", children: _jsx("p", { className: "text-[rgb(var(--error))]", children: "Invalid video URL or ID" }) }));
+    }
+    return (_jsxs("div", { className: "my-6", children: [title && _jsx("h4", { className: "font-semibold mb-2", children: title }), _jsxs("div", { className: `relative ${aspectRatioClass} rounded-lg overflow-hidden bg-black`, children: [!isLoaded && (_jsx("div", { className: "absolute inset-0 flex items-center justify-center bg-[rgb(var(--bg-tertiary))]", children: _jsx("button", { onClick: () => setIsLoaded(true), className: "w-16 h-16 rounded-full bg-[rgb(var(--color-primary-500))] text-white flex items-center justify-center hover:bg-[rgb(var(--color-primary-600))] transition-colors", "aria-label": "Load video", children: _jsx("svg", { className: "w-8 h-8 ml-1", fill: "currentColor", viewBox: "0 0 24 24", children: _jsx("path", { d: "M8 5v14l11-7z" }) }) }) })), (isLoaded || autoplay) && (_jsx("iframe", { src: `${resolvedUrl}${resolvedUrl.includes('?') ? '&' : '?'}autoplay=${autoplay}&loop=${loop}&controls=${showControls}`, title: title || 'Video player', allow: "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture", allowFullScreen: true, className: "absolute inset-0 w-full h-full", onLoad: () => setIsLoaded(true) }))] }), _jsxs("p", { className: "text-xs text-[rgb(var(--text-muted))] mt-2 capitalize", children: [provider === 'youtube' && 'YouTube', provider === 'vimeo' && 'Vimeo', provider === 'onedrive' && 'Microsoft OneDrive', provider === 'googledrive' && 'Google Drive', provider === 'custom' && 'Video'] })] }));
+}
+export default VideoEmbed;
+//# sourceMappingURL=VideoEmbed.js.map

package/dist/components/VideoEmbed.js.map

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

package/dist/components/index.d.ts

@@ -0,0 +1,13 @@
+export { Badge, BadgeCard, PointsDisplay, StreakDisplay, GamificationSummary, } from './Gamification';
+export * from './Callout';
+export * from './Paragraph';
+export * from './Quiz';
+export * from './Progress';
+export * from './VideoEmbed';
+export * from './ImageEmbed';
+export * from './Search';
+export * from './LanguageSwitcher';
+export * from './CourseViewer';
+export * from './CatalogViewer';
+export * from './ProfileViewer';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,EACL,SAAS,EACT,aAAa,EACb,aAAa,EACb,mBAAmB,GACpB,MAAM,gBAAgB,CAAC;AAExB,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,oBAAoB,CAAC;AACnC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC"}

package/dist/components/index.js

@@ -0,0 +1,13 @@
+export { Badge, BadgeCard, PointsDisplay, StreakDisplay, GamificationSummary, } from './Gamification';
+export * from './Callout';
+export * from './Paragraph';
+export * from './Quiz';
+export * from './Progress';
+export * from './VideoEmbed';
+export * from './ImageEmbed';
+export * from './Search';
+export * from './LanguageSwitcher';
+export * from './CourseViewer';
+export * from './CatalogViewer';
+export * from './ProfileViewer';
+//# sourceMappingURL=index.js.map

package/dist/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,EACL,SAAS,EACT,aAAa,EACb,aAAa,EACb,mBAAmB,GACpB,MAAM,gBAAgB,CAAC;AAExB,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,oBAAoB,CAAC;AACnC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC"}

package/dist/hooks/index.d.ts

@@ -0,0 +1,3 @@
+export { ThemeProvider, useTheme } from './useTheme';
+export { useI18n, i18nInstance } from './useI18n';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACrD,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC"}

package/dist/hooks/index.js

@@ -0,0 +1,3 @@
+export { ThemeProvider, useTheme } from './useTheme';
+export { useI18n, i18nInstance } from './useI18n';
+//# sourceMappingURL=index.js.map

package/dist/hooks/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACrD,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC"}