@learnmd/default-theme 0.0.1-beta.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2024 LearnMD Contributors
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,30 @@
+# 🎨 @learnmd/default-theme
+
+A premium, Docusaurus-inspired UI theme for LearnMD courses. Built with **Tailwind CSS** and **React**, it provides a polished, interactive experience out of the box.
+
+## ✨ Highlights
+
+- **Docusaurus-like Layout**: Clean header, collapsible sidebar, and intuitive lesson navigation.
+- **Dark Mode**: High-contrast, elegant dark theme support.
+- **Interactive Components**:
+  - `Quiz`: Beautifully styled emerald/rose feedback.
+  - `Callout`: Informational alerts (Info, Tip, Warning, Danger).
+  - `VideoEmbed`: Support for YouTube, Vimeo, and more.
+  - `Progress`: Visual completion tracking.
+- **Tailwind Native**: Fully customizable via Tailwind configuration.
+
+## 🛠️ Integration
+
+Import the styles and components in your React application:
+
+```tsx
+import { CourseViewer } from '@learnmd/default-theme';
+import '@learnmd/default-theme/styles';
+```
+
+## 📂 Components
+
+- `CourseLayout`: The main shell for the course.
+- `CourseViewer`: The orchestrator that renders lessons and navigation.
+- `Quiz`: The assessment engine.
+- `Callout`: The alert system.

package/dist/components/Callout.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+export type CalloutType = 'info' | 'warning' | 'tip' | 'danger' | 'success';
+export interface CalloutProps {
+    type?: CalloutType;
+    title?: string;
+    children: React.ReactNode;
+}
+export declare function Callout({ type, title, children }: CalloutProps): import("react/jsx-runtime").JSX.Element;
+export default Callout;
+//# sourceMappingURL=Callout.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Callout.d.ts","sourceRoot":"","sources":["../../src/components/Callout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,SAAS,GAAG,KAAK,GAAG,QAAQ,GAAG,SAAS,CAAC;AAE5E,MAAM,WAAW,YAAY;IAC3B,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AA2CD,wBAAgB,OAAO,CAAC,EAAE,IAAa,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,YAAY,2CAwBvE;AAED,eAAe,OAAO,CAAC"}

package/dist/components/Callout.js

@@ -0,0 +1,44 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const calloutConfig = {
+    info: {
+        bg: 'bg-blue-50 dark:bg-blue-900/20',
+        border: 'border-blue-200 dark:border-blue-800/50 border-l-4 border-l-blue-500',
+        text: 'text-blue-700 dark:text-blue-400',
+        icon: 'M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z',
+        title: 'Info',
+    },
+    warning: {
+        bg: 'bg-amber-50 dark:bg-amber-900/20',
+        border: 'border-amber-200 dark:border-amber-800/50 border-l-4 border-l-amber-500',
+        text: 'text-amber-700 dark:text-amber-400',
+        icon: 'M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z',
+        title: 'Warning',
+    },
+    tip: {
+        bg: 'bg-emerald-50 dark:bg-emerald-900/20',
+        border: 'border-emerald-200 dark:border-emerald-800/50 border-l-4 border-l-emerald-500',
+        text: 'text-emerald-700 dark:text-emerald-400',
+        icon: 'M9.663 17h4.673M12 3v1m6.364 1.636l-.707.707M21 12h-1M4 12H3m3.343-5.657l-.707-.707m2.828 9.9a5 5 0 117.072 0l-.548.547A3.374 3.374 0 0014 18.469V19a2 2 0 11-4 0v-.531c0-.895-.356-1.754-.988-2.386l-.548-.547z',
+        title: 'Tip',
+    },
+    danger: {
+        bg: 'bg-rose-50 dark:bg-rose-900/20',
+        border: 'border-rose-200 dark:border-rose-800/50 border-l-4 border-l-rose-500',
+        text: 'text-rose-700 dark:text-rose-400',
+        icon: 'M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z',
+        title: 'Danger',
+    },
+    success: {
+        bg: 'bg-emerald-50 dark:bg-emerald-900/20',
+        border: 'border-emerald-200 dark:border-emerald-800/50 border-l-4 border-l-emerald-500',
+        text: 'text-emerald-700 dark:text-emerald-400',
+        icon: 'M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z',
+        title: 'Success',
+    },
+};
+export function Callout({ type = 'info', title, children }) {
+    const config = calloutConfig[type];
+    return (_jsx("div", { className: `${config.bg} border-y border-r ${config.border} rounded-r-lg p-5 my-6 shadow-sm`, children: _jsxs("div", { className: "flex gap-4", children: [_jsx("svg", { className: `w-6 h-6 flex-shrink-0 ${config.text} mt-0.5`, fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 2, children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: config.icon }) }), _jsxs("div", { className: "flex-1", children: [_jsx("h5", { className: `font-bold mb-2 ${config.text} text-lg tracking-tight`, children: title || config.title }), _jsx("div", { className: "text-[15px] leading-relaxed text-slate-700 dark:text-gray-300 [&>p]:mb-3 [&>p:last-child]:mb-0", children: children })] })] }) }));
+}
+export default Callout;
+//# sourceMappingURL=Callout.js.map

package/dist/components/Callout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Callout.js","sourceRoot":"","sources":["../../src/components/Callout.tsx"],"names":[],"mappings":";AAUA,MAAM,aAAa,GAGf;IACF,IAAI,EAAE;QACJ,EAAE,EAAE,gCAAgC;QACpC,MAAM,EAAE,sEAAsE;QAC9E,IAAI,EAAE,kCAAkC;QACxC,IAAI,EAAE,2DAA2D;QACjE,KAAK,EAAE,MAAM;KACd;IACD,OAAO,EAAE;QACP,EAAE,EAAE,kCAAkC;QACtC,MAAM,EAAE,yEAAyE;QACjF,IAAI,EAAE,oCAAoC;QAC1C,IAAI,EAAE,sIAAsI;QAC5I,KAAK,EAAE,SAAS;KACjB;IACD,GAAG,EAAE;QACH,EAAE,EAAE,sCAAsC;QAC1C,MAAM,EAAE,+EAA+E;QACvF,IAAI,EAAE,wCAAwC;QAC9C,IAAI,EAAE,kNAAkN;QACxN,KAAK,EAAE,KAAK;KACb;IACD,MAAM,EAAE;QACN,EAAE,EAAE,gCAAgC;QACpC,MAAM,EAAE,sEAAsE;QAC9E,IAAI,EAAE,kCAAkC;QACxC,IAAI,EAAE,mDAAmD;QACzD,KAAK,EAAE,QAAQ;KAChB;IACD,OAAO,EAAE;QACP,EAAE,EAAE,sCAAsC;QAC1C,MAAM,EAAE,+EAA+E;QACvF,IAAI,EAAE,wCAAwC;QAC9C,IAAI,EAAE,+CAA+C;QACrD,KAAK,EAAE,SAAS;KACjB;CACF,CAAC;AAEF,MAAM,UAAU,OAAO,CAAC,EAAE,IAAI,GAAG,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAgB;IACtE,MAAM,MAAM,GAAG,aAAa,CAAC,IAAI,CAAC,CAAC;IAEnC,OAAO,CACL,cAAK,SAAS,EAAE,GAAG,MAAM,CAAC,EAAE,sBAAsB,MAAM,CAAC,MAAM,kCAAkC,YAC/F,eAAK,SAAS,EAAC,YAAY,aACzB,cACE,SAAS,EAAE,yBAAyB,MAAM,CAAC,IAAI,SAAS,EACxD,IAAI,EAAC,MAAM,EACX,OAAO,EAAC,WAAW,EACnB,MAAM,EAAC,cAAc,EACrB,WAAW,EAAE,CAAC,YAEd,eAAM,aAAa,EAAC,OAAO,EAAC,cAAc,EAAC,OAAO,EAAC,CAAC,EAAE,MAAM,CAAC,IAAI,GAAI,GACjE,EACN,eAAK,SAAS,EAAC,QAAQ,aACrB,aAAI,SAAS,EAAE,kBAAkB,MAAM,CAAC,IAAI,yBAAyB,YAAG,KAAK,IAAI,MAAM,CAAC,KAAK,GAAM,EACnG,cAAK,SAAS,EAAC,gGAAgG,YAC5G,QAAQ,GACL,IACF,IACF,GACF,CACP,CAAC;AACJ,CAAC;AAED,eAAe,OAAO,CAAC"}

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

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

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

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

package/dist/components/Callout.test.js

@@ -0,0 +1,24 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { render, screen } from '@testing-library/react';
+import { describe, it, expect } from 'vitest';
+import Callout from './Callout';
+describe('Callout', () => {
+    it('should render children content', () => {
+        render(_jsx(Callout, { children: "Test Content" }));
+        expect(screen.getByText('Test Content')).toBeDefined();
+    });
+    it('should render with correct title', () => {
+        render(_jsx(Callout, { title: "Custom Title", children: "Content" }));
+        expect(screen.getByText('Custom Title')).toBeDefined();
+    });
+    it('should apply correct classes based on type', () => {
+        const { container } = render(_jsx(Callout, { type: "danger", children: "Danger Content" }));
+        // Check for rose classes (danger)
+        expect(container.firstChild).toHaveClass('bg-rose-50');
+    });
+    it('should render default title if none provided', () => {
+        render(_jsx(Callout, { type: "warning", children: "Warning Content" }));
+        expect(screen.getByText('Warning')).toBeDefined();
+    });
+});
+//# sourceMappingURL=Callout.test.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Callout.test.js","sourceRoot":"","sources":["../../src/components/Callout.test.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AACxD,OAAO,EAAE,QAAQ,EAAE,EAAE,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAC;AAC9C,OAAO,OAAO,MAAM,WAAW,CAAC;AAEhC,QAAQ,CAAC,SAAS,EAAE,GAAG,EAAE;IACvB,EAAE,CAAC,gCAAgC,EAAE,GAAG,EAAE;QACxC,MAAM,CAAC,KAAC,OAAO,+BAAuB,CAAC,CAAC;QACxC,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC;IACzD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,kCAAkC,EAAE,GAAG,EAAE;QAC1C,MAAM,CAAC,KAAC,OAAO,IAAC,KAAK,EAAC,cAAc,wBAAkB,CAAC,CAAC;QACxD,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC;IACzD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,4CAA4C,EAAE,GAAG,EAAE;QACpD,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC,KAAC,OAAO,IAAC,IAAI,EAAC,QAAQ,+BAAyB,CAAC,CAAC;QAC9E,kCAAkC;QAClC,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,WAAW,CAAC,YAAY,CAAC,CAAC;IACzD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,8CAA8C,EAAE,GAAG,EAAE;QACtD,MAAM,CAAC,KAAC,OAAO,IAAC,IAAI,EAAC,SAAS,gCAA0B,CAAC,CAAC;QAC1D,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC;IACpD,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

package/dist/components/CatalogViewer.d.ts

@@ -0,0 +1,9 @@
+export interface CatalogViewerProps {
+    courses: Array<{
+        courseSlug: string;
+        slug: string;
+        frontmatter: Record<string, unknown>;
+    }>;
+}
+export declare function CatalogViewer({ courses }: CatalogViewerProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=CatalogViewer.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CatalogViewer.d.ts","sourceRoot":"","sources":["../../src/components/CatalogViewer.tsx"],"names":[],"mappings":"AAIA,MAAM,WAAW,kBAAkB;IACjC,OAAO,EAAE,KAAK,CAAC;QAAE,UAAU,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;KAAE,CAAC,CAAC;CAC5F;AAED,wBAAgB,aAAa,CAAC,EAAE,OAAO,EAAE,EAAE,kBAAkB,2CAkE5D"}

package/dist/components/CatalogViewer.js

@@ -0,0 +1,24 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { MainLayout, Header } from '../layouts/MainLayout';
+import { Link } from 'react-router-dom';
+export function CatalogViewer({ courses }) {
+    // Remove unused storage
+    // Group lessons by courseSlug
+    const courseMap = new Map();
+    courses.forEach(lesson => {
+        if (!courseMap.has(lesson.courseSlug)) {
+            courseMap.set(lesson.courseSlug, {
+                id: lesson.courseSlug,
+                title: lesson.courseSlug.replace(/-/g, ' ').toUpperCase(),
+                totalLessons: 0,
+            });
+        }
+        const course = courseMap.get(lesson.courseSlug);
+        if (course) {
+            course.totalLessons += 1;
+        }
+    });
+    const uniqueCourses = Array.from(courseMap.values());
+    return (_jsxs(MainLayout, { children: [_jsx(Header, { title: "Course Catalog", actions: _jsx(Link, { to: "/profile", className: "text-sm font-medium hover:text-emerald-500", children: "Profile" }) }), _jsxs("div", { className: "container mx-auto px-4 py-8 max-w-5xl", children: [_jsx("h1", { className: "text-3xl font-bold mb-8", children: "Available Courses" }), uniqueCourses.length === 0 ? (_jsx("div", { className: "text-center py-12 text-gray-500", children: "No courses available yet. Add some courses in the 'courses/' folder!" })) : (_jsx("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6", children: uniqueCourses.map(course => (_jsxs(Link, { to: `/courses/${course.id}`, className: "block p-6 bg-white dark:bg-gray-800 rounded-xl shadow-sm border border-gray-200 dark:border-gray-700 hover:shadow-md hover:border-emerald-500 transition-all group", children: [_jsx("h2", { className: "text-xl font-semibold mb-2 group-hover:text-emerald-500 transition-colors", children: course.title }), _jsxs("p", { className: "text-sm text-gray-500 dark:text-gray-400 mb-4", children: [course.totalLessons, " lessons inside"] }), _jsxs("div", { className: "text-emerald-600 dark:text-emerald-400 text-sm font-medium flex items-center", children: ["Start Course", _jsx("svg", { className: "w-4 h-4 ml-1 group-hover:translate-x-1 transition-transform", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 5l7 7-7 7" }) })] })] }, course.id))) }))] })] }));
+}
+//# sourceMappingURL=CatalogViewer.js.map

package/dist/components/CatalogViewer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CatalogViewer.js","sourceRoot":"","sources":["../../src/components/CatalogViewer.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAC3D,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAMxC,MAAM,UAAU,aAAa,CAAC,EAAE,OAAO,EAAsB;IAC3D,wBAAwB;IAGxB,8BAA8B;IAC9B,MAAM,SAAS,GAAG,IAAI,GAAG,EAA+D,CAAC;IACzF,OAAO,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE;QACvB,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,MAAM,CAAC,UAAU,CAAC,EAAE,CAAC;YACtC,SAAS,CAAC,GAAG,CAAC,MAAM,CAAC,UAAU,EAAE;gBAC/B,EAAE,EAAE,MAAM,CAAC,UAAU;gBACrB,KAAK,EAAE,MAAM,CAAC,UAAU,CAAC,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC,WAAW,EAAE;gBACzD,YAAY,EAAE,CAAC;aAChB,CAAC,CAAC;QACL,CAAC;QACD,MAAM,MAAM,GAAG,SAAS,CAAC,GAAG,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC;QAChD,IAAI,MAAM,EAAE,CAAC;YACX,MAAM,CAAC,YAAY,IAAI,CAAC,CAAC;QAC3B,CAAC;IACH,CAAC,CAAC,CAAC;IAEH,MAAM,aAAa,GAAG,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,EAAE,CAAC,CAAC;IAErD,OAAO,CACL,MAAC,UAAU,eACT,KAAC,MAAM,IACL,KAAK,EAAC,gBAAgB,EACtB,OAAO,EACL,KAAC,IAAI,IAAC,EAAE,EAAC,UAAU,EAAC,SAAS,EAAC,4CAA4C,wBAEnE,GAET,EACF,eAAK,SAAS,EAAC,uCAAuC,aACpD,aAAI,SAAS,EAAC,yBAAyB,kCAAuB,EAE7D,aAAa,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,CAC5B,cAAK,SAAS,EAAC,iCAAiC,qFAE1C,CACP,CAAC,CAAC,CAAC,CACF,cAAK,SAAS,EAAC,sDAAsD,YAClE,aAAa,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,CAC3B,MAAC,IAAI,IAEH,EAAE,EAAE,YAAY,MAAM,CAAC,EAAE,EAAE,EAC3B,SAAS,EAAC,oKAAoK,aAE9K,aAAI,SAAS,EAAC,2EAA2E,YACtF,MAAM,CAAC,KAAK,GACV,EACL,aAAG,SAAS,EAAC,+CAA+C,aACzD,MAAM,CAAC,YAAY,uBAClB,EACJ,eAAK,SAAS,EAAC,8EAA8E,6BAE3F,cAAK,SAAS,EAAC,6DAA6D,EAAC,IAAI,EAAC,MAAM,EAAC,OAAO,EAAC,WAAW,EAAC,MAAM,EAAC,cAAc,YAChI,eAAM,aAAa,EAAC,OAAO,EAAC,cAAc,EAAC,OAAO,EAAC,WAAW,EAAE,CAAC,EAAE,CAAC,EAAC,cAAc,GAAG,GAClF,IACF,KAfD,MAAM,CAAC,EAAE,CAgBT,CACR,CAAC,GACE,CACP,IACG,IACK,CACd,CAAC;AACJ,CAAC"}

package/dist/components/CourseViewer.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+export interface CourseViewerProps {
+    allLessons: Array<{
+        courseSlug: string;
+        slug: string;
+        Component: React.ComponentType;
+        frontmatter: Record<string, unknown>;
+    }>;
+}
+export declare function CourseViewer({ allLessons }: CourseViewerProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=CourseViewer.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CourseViewer.d.ts","sourceRoot":"","sources":["../../src/components/CourseViewer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAe1B,MAAM,WAAW,iBAAiB;IAChC,UAAU,EAAE,KAAK,CAAC;QAAE,UAAU,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,SAAS,EAAE,KAAK,CAAC,aAAa,CAAC;QAAC,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;KAAE,CAAC,CAAC;CAC/H;AAWD,wBAAgB,YAAY,CAAC,EAAE,UAAU,EAAE,EAAE,iBAAiB,2CAiD7D"}

package/dist/components/CourseViewer.js

@@ -0,0 +1,45 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ThemeProvider } from '../hooks';
+import { CourseLayout } from '../layouts';
+// @ts-ignore
+import { MDXProvider } from '@mdx-js/react';
+import { Callout } from './Callout';
+import { Quiz } from './Quiz';
+import { VideoEmbed } from './VideoEmbed';
+import { Progress } from './Progress';
+import { LanguageSwitcher } from './LanguageSwitcher';
+import { Paragraph } from './Paragraph';
+import { getTranslatedString } from '@learnmd/core';
+import { useParams, useNavigate } from 'react-router-dom';
+const components = {
+    Callout,
+    Quiz,
+    VideoEmbed,
+    Progress,
+    LanguageSwitcher,
+    Paragraph,
+};
+export function CourseViewer({ allLessons }) {
+    const { courseId, '*': pathLessonSlug } = useParams();
+    const navigate = useNavigate();
+    const courseLessons = allLessons.filter(l => l.courseSlug === courseId);
+    const currentSlug = pathLessonSlug || courseLessons[0]?.slug;
+    const currentLesson = courseLessons.find(l => l.slug === currentSlug) || courseLessons[0];
+    const Component = currentLesson?.Component;
+    const navigation = [{
+            type: 'module',
+            id: `module-${courseId}`,
+            title: String(courseId).replace(/-/g, ' ').toUpperCase(),
+            children: courseLessons.map(l => ({
+                type: 'lesson',
+                id: l.slug,
+                title: getTranslatedString(l.frontmatter?.title, 'en') || l.slug,
+                slug: l.slug,
+            }))
+        }];
+    const handleNavigate = (slug) => {
+        navigate(`/courses/${courseId}/${slug}`);
+    };
+    return (_jsx(ThemeProvider, { children: _jsx(CourseLayout, { courseTitle: String(courseId).replace(/-/g, ' ').toUpperCase(), navigation: navigation, currentLessonSlug: currentSlug, completedLessons: [], progress: 0, onNavigate: handleNavigate, children: _jsx("div", { className: "prose px-8 py-4", children: Component ? (_jsx(MDXProvider, { components: components, children: _jsx(Component, {}) })) : (_jsx("div", { className: "text-center p-8", children: _jsx("p", { className: "text-lg text-[rgb(var(--text-muted))]", children: "Add markdown lessons in the \\`lessons/\\` folder to get started." }) })) }) }) }));
+}
+//# sourceMappingURL=CourseViewer.js.map

package/dist/components/CourseViewer.js.map

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

package/dist/components/Gamification.d.ts

@@ -0,0 +1,32 @@
+export interface BadgeProps {
+    id: string;
+    name: string;
+    description?: string;
+    icon?: string;
+    earnedAt?: number;
+    size?: 'sm' | 'md' | 'lg';
+    showTooltip?: boolean;
+}
+export declare function Badge({ name, description, icon, size, showTooltip }: BadgeProps): import("react/jsx-runtime").JSX.Element;
+export declare function BadgeCard({ badge, earnedAt, }: {
+    badge: Omit<BadgeProps, 'size' | 'showTooltip'>;
+    earnedAt?: number;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function PointsDisplay({ points, label, showAnimation, }: {
+    points: number;
+    label?: string;
+    showAnimation?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function StreakDisplay({ current, longest }: {
+    current: number;
+    longest: number;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function GamificationSummary({ totalPoints, badgesEarned, totalBadges, currentStreak, longestStreak, }: {
+    totalPoints: number;
+    badgesEarned: number;
+    totalBadges: number;
+    currentStreak: number;
+    longestStreak: number;
+}): import("react/jsx-runtime").JSX.Element;
+export default Badge;
+//# sourceMappingURL=Gamification.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Gamification.d.ts","sourceRoot":"","sources":["../../src/components/Gamification.tsx"],"names":[],"mappings":"AAEA,MAAM,WAAW,UAAU;IACzB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,wBAAgB,KAAK,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,IAAI,EAAE,IAAW,EAAE,WAAkB,EAAE,EAAE,UAAU,2CAsB7F;AAED,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,QAAQ,GACT,EAAE;IACD,KAAK,EAAE,IAAI,CAAC,UAAU,EAAE,MAAM,GAAG,aAAa,CAAC,CAAC;IAChD,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,2CAuBA;AAED,wBAAgB,aAAa,CAAC,EAC5B,MAAM,EACN,KAAK,EACL,aAAqB,GACtB,EAAE;IACD,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB,2CA6BA;AAED,wBAAgB,aAAa,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,EAAE;IAAE,OAAO,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,MAAM,CAAA;CAAE,2CAoBvF;AAED,wBAAgB,mBAAmB,CAAC,EAClC,WAAW,EACX,YAAY,EACZ,WAAW,EACX,aAAa,EACb,aAAa,GACd,EAAE;IACD,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,MAAM,CAAC;IACpB,aAAa,EAAE,MAAM,CAAC;IACtB,aAAa,EAAE,MAAM,CAAC;CACvB,2CAsBA;AAED,eAAe,KAAK,CAAC"}

package/dist/components/Gamification.js

@@ -0,0 +1,27 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function Badge({ name, description, icon, size = 'md', showTooltip = true }) {
+    const sizeClasses = {
+        sm: 'w-8 h-8 text-lg',
+        md: 'w-12 h-12 text-2xl',
+        lg: 'w-16 h-16 text-3xl',
+    };
+    const badge = (_jsx("div", { className: `${sizeClasses[size]} rounded-full bg-gradient-to-br from-[rgb(var(--color-primary-400))] to-[rgb(var(--color-primary-600))] flex items-center justify-center shadow-lg hover:scale-105 transition-transform cursor-pointer`, title: showTooltip ? description : undefined, children: icon || '🏆' }));
+    return (_jsxs("div", { className: "flex flex-col items-center gap-2", children: [badge, _jsx("span", { className: "text-sm font-medium text-center", children: name })] }));
+}
+export function BadgeCard({ badge, earnedAt, }) {
+    const formatDate = (timestamp) => {
+        return new Date(timestamp).toLocaleDateString();
+    };
+    return (_jsxs("div", { className: "card flex items-start gap-4 hover:shadow-md transition-shadow", children: [_jsx("div", { className: "w-14 h-14 rounded-full bg-gradient-to-br from-[rgb(var(--color-primary-400))] to-[rgb(var(--color-primary-600))] flex items-center justify-center text-2xl shadow-md flex-shrink-0", children: badge.icon || '🏆' }), _jsxs("div", { className: "flex-1 min-w-0", children: [_jsx("h4", { className: "font-semibold text-[rgb(var(--text-primary))]", children: badge.name }), badge.description && (_jsx("p", { className: "text-sm text-[rgb(var(--text-secondary))] mt-1", children: badge.description })), earnedAt && (_jsxs("p", { className: "text-xs text-[rgb(var(--text-muted))] mt-2", children: ["Earned on ", formatDate(earnedAt)] }))] })] }));
+}
+export function PointsDisplay({ points, label, showAnimation = false, }) {
+    return (_jsxs("div", { className: "flex items-center gap-2", children: [_jsxs("div", { className: "relative", children: [_jsx("svg", { className: "w-8 h-8 text-[rgb(var(--color-primary-500))]", viewBox: "0 0 24 24", fill: "currentColor", children: _jsx("path", { d: "M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z" }) }), showAnimation && (_jsx("span", { className: "absolute inset-0 animate-ping opacity-50", children: _jsx("svg", { className: "w-8 h-8 text-[rgb(var(--color-primary-500))]", viewBox: "0 0 24 24", fill: "currentColor", children: _jsx("path", { d: "M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z" }) }) }))] }), _jsxs("div", { children: [_jsx("span", { className: "text-xl font-bold", children: points.toLocaleString() }), label && _jsx("p", { className: "text-xs text-[rgb(var(--text-muted))]", children: label })] })] }));
+}
+export function StreakDisplay({ current, longest }) {
+    return (_jsxs("div", { className: "flex items-center gap-4", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("span", { className: "text-2xl", children: "\uD83D\uDD25" }), _jsxs("div", { children: [_jsx("span", { className: "text-2xl font-bold", children: current }), _jsx("p", { className: "text-xs text-[rgb(var(--text-muted))]", children: "Current Streak" })] })] }), _jsx("div", { className: "h-8 w-px bg-[rgb(var(--border-color))]" }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx("span", { className: "text-2xl", children: "\uD83C\uDFC6" }), _jsxs("div", { children: [_jsx("span", { className: "text-xl font-bold", children: longest }), _jsx("p", { className: "text-xs text-[rgb(var(--text-muted))]", children: "Best Streak" })] })] })] }));
+}
+export function GamificationSummary({ totalPoints, badgesEarned, totalBadges, currentStreak, longestStreak, }) {
+    return (_jsxs("div", { className: "grid grid-cols-1 md:grid-cols-4 gap-4", children: [_jsx("div", { className: "card flex items-center gap-4", children: _jsx(PointsDisplay, { points: totalPoints, label: "Total Points" }) }), _jsx("div", { className: "card", children: _jsxs("div", { className: "flex items-center gap-2", children: [_jsx("span", { className: "text-2xl", children: "\uD83C\uDFC5" }), _jsxs("div", { children: [_jsxs("span", { className: "text-xl font-bold", children: [badgesEarned, "/", totalBadges] }), _jsx("p", { className: "text-xs text-[rgb(var(--text-muted))]", children: "Badges Earned" })] })] }) }), _jsx("div", { className: "card", children: _jsx(StreakDisplay, { current: currentStreak, longest: longestStreak }) })] }));
+}
+export default Badge;
+//# sourceMappingURL=Gamification.js.map

package/dist/components/Gamification.js.map

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

package/dist/components/ImageEmbed.d.ts

@@ -0,0 +1,23 @@
+export interface ImageEmbedProps {
+    src: string;
+    alt: string;
+    caption?: string;
+    width?: number | string;
+    height?: number | string;
+    rounded?: boolean;
+    shadow?: boolean;
+    zoomable?: boolean;
+    fallbackSrc?: string;
+}
+export declare function ImageEmbed({ src, alt, caption, width, height, rounded, shadow, zoomable, fallbackSrc, }: ImageEmbedProps): import("react/jsx-runtime").JSX.Element;
+export interface ImageGalleryProps {
+    images: Array<{
+        src: string;
+        alt: string;
+        caption?: string;
+    }>;
+    columns?: 2 | 3 | 4;
+}
+export declare function ImageGallery({ images, columns }: ImageGalleryProps): import("react/jsx-runtime").JSX.Element;
+export default ImageEmbed;
+//# sourceMappingURL=ImageEmbed.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ImageEmbed.d.ts","sourceRoot":"","sources":["../../src/components/ImageEmbed.tsx"],"names":[],"mappings":"AAEA,MAAM,WAAW,eAAe;IAC9B,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,wBAAgB,UAAU,CAAC,EACzB,GAAG,EACH,GAAG,EACH,OAAO,EACP,KAAK,EACL,MAAM,EACN,OAAc,EACd,MAAa,EACb,QAAe,EACf,WAAW,GACZ,EAAE,eAAe,2CAgGjB;AAED,MAAM,WAAW,iBAAiB;IAChC,MAAM,EAAE,KAAK,CAAC;QACZ,GAAG,EAAE,MAAM,CAAC;QACZ,GAAG,EAAE,MAAM,CAAC;QACZ,OAAO,CAAC,EAAE,MAAM,CAAC;KAClB,CAAC,CAAC;IACH,OAAO,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;CACrB;AAED,wBAAgB,YAAY,CAAC,EAAE,MAAM,EAAE,OAAW,EAAE,EAAE,iBAAiB,2CA0CtE;AAED,eAAe,UAAU,CAAC"}

package/dist/components/ImageEmbed.js

@@ -0,0 +1,39 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useState } from 'react';
+export function ImageEmbed({ src, alt, caption, width, height, rounded = true, shadow = true, zoomable = true, fallbackSrc, }) {
+    const [isLoading, setIsLoading] = useState(true);
+    const [hasError, setHasError] = useState(false);
+    const [isZoomed, setIsZoomed] = useState(false);
+    const handleError = () => {
+        if (fallbackSrc && !hasError) {
+            setHasError(true);
+        }
+        else {
+            setHasError(true);
+        }
+        setIsLoading(false);
+    };
+    const handleLoad = () => {
+        setIsLoading(false);
+        setHasError(false);
+    };
+    const displaySrc = hasError && fallbackSrc ? fallbackSrc : src;
+    const imageClasses = `
+    ${rounded ? 'rounded-lg' : ''}
+    ${shadow ? 'shadow-md' : ''}
+    ${isLoading ? 'opacity-0' : 'opacity-100'}
+    transition-opacity duration-300
+  `;
+    return (_jsxs(_Fragment, { children: [_jsxs("figure", { className: "my-6", children: [_jsxs("div", { className: "relative", children: [isLoading && (_jsx("div", { className: "absolute inset-0 flex items-center justify-center bg-[rgb(var(--bg-tertiary))] rounded-lg", children: _jsx("div", { className: "w-8 h-8 border-4 border-[rgb(var(--color-primary-500))] border-t-transparent rounded-full animate-spin" }) })), hasError ? (_jsxs("div", { className: "flex flex-col items-center justify-center p-8 bg-[rgb(var(--bg-tertiary))] rounded-lg text-[rgb(var(--text-muted))]", children: [_jsx("svg", { className: "w-12 h-12 mb-2", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M4 16l4.586-4.586a2 2 0 012.828 0L16 16m-2-2l1.586-1.586a2 2 0 012.828 0L20 14m-6-6h.01M6 20h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z" }) }), _jsx("span", { className: "text-sm", children: "Failed to load image" })] })) : (_jsx("img", { src: displaySrc, alt: alt, width: width, height: height, className: `${imageClasses} ${zoomable ? 'cursor-zoom-in' : ''}`, onClick: () => zoomable && setIsZoomed(true), onLoad: handleLoad, onError: handleError }))] }), caption && (_jsx("figcaption", { className: "text-center text-sm text-[rgb(var(--text-muted))] mt-2", children: caption }))] }), isZoomed && (_jsxs("div", { className: "fixed inset-0 z-50 bg-black/90 flex items-center justify-center p-4 cursor-zoom-out", onClick: () => setIsZoomed(false), children: [_jsx("img", { src: displaySrc, alt: alt, className: "max-w-full max-h-full object-contain rounded-lg" }), _jsx("button", { className: "absolute top-4 right-4 text-white hover:text-[rgb(var(--text-secondary))] transition-colors", onClick: () => setIsZoomed(false), children: _jsx("svg", { className: "w-8 h-8", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }) }) })] }))] }));
+}
+export function ImageGallery({ images, columns = 3 }) {
+    const [selectedImage, setSelectedImage] = useState(null);
+    const gridCols = {
+        2: 'grid-cols-2',
+        3: 'grid-cols-2 md:grid-cols-3',
+        4: 'grid-cols-2 md:grid-cols-4',
+    };
+    return (_jsxs(_Fragment, { children: [_jsx("div", { className: `grid ${gridCols[columns]} gap-4 my-6`, children: images.map((image) => (_jsx(ImageEmbed, { src: image.src, alt: image.alt, caption: image.caption, zoomable: true }, image.src))) }), selectedImage !== null && (_jsxs("div", { className: "fixed inset-0 z-50 bg-black/90 flex items-center justify-center p-4 cursor-zoom-out", onClick: () => setSelectedImage(null), children: [_jsx("img", { src: images[selectedImage].src, alt: images[selectedImage].alt, className: "max-w-full max-h-full object-contain rounded-lg" }), images[selectedImage].caption && (_jsx("div", { className: "absolute bottom-4 left-1/2 -translate-x-1/2 bg-black/50 px-4 py-2 rounded-lg text-white text-sm", children: images[selectedImage].caption }))] }))] }));
+}
+export default ImageEmbed;
+//# sourceMappingURL=ImageEmbed.js.map

package/dist/components/ImageEmbed.js.map

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

package/dist/components/LanguageSwitcher.d.ts

@@ -0,0 +1,8 @@
+export interface LanguageSwitcherProps {
+    className?: string;
+    showLabel?: boolean;
+    variant?: 'dropdown' | 'buttons' | 'flags';
+}
+export declare function LanguageSwitcher({ className, showLabel, variant, }: LanguageSwitcherProps): import("react/jsx-runtime").JSX.Element;
+export default LanguageSwitcher;
+//# sourceMappingURL=LanguageSwitcher.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LanguageSwitcher.d.ts","sourceRoot":"","sources":["../../src/components/LanguageSwitcher.tsx"],"names":[],"mappings":"AAGA,MAAM,WAAW,qBAAqB;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,UAAU,GAAG,SAAS,GAAG,OAAO,CAAC;CAC5C;AAgCD,wBAAgB,gBAAgB,CAAC,EAC/B,SAAc,EACd,SAAgB,EAChB,OAAoB,GACrB,EAAE,qBAAqB,2CAwHvB;AAED,eAAe,gBAAgB,CAAC"}

package/dist/components/LanguageSwitcher.js

@@ -0,0 +1,61 @@
+import { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { useState, useRef, useEffect } from 'react';
+import { useI18n } from '../hooks';
+const languageFlags = {
+    en: '🇺🇸',
+    es: '🇪🇸',
+    fr: '🇫🇷',
+    de: '🇩🇪',
+    pt: '🇧🇷',
+    zh: '🇨🇳',
+    ja: '🇯🇵',
+    ko: '🇰🇷',
+    it: '🇮🇹',
+    ru: '🇷🇺',
+    ar: '🇸🇦',
+    hi: '🇮🇳',
+};
+const languageNames = {
+    en: 'English',
+    es: 'Español',
+    fr: 'Français',
+    de: 'Deutsch',
+    pt: 'Português',
+    zh: '中文',
+    ja: '日本語',
+    ko: '한국어',
+    it: 'Italiano',
+    ru: 'Русский',
+    ar: 'العربية',
+    hi: 'हिन्दी',
+};
+export function LanguageSwitcher({ className = '', showLabel = true, variant = 'dropdown', }) {
+    const { currentLanguage, availableLanguages, setLanguage } = useI18n();
+    const [isOpen, setIsOpen] = useState(false);
+    const dropdownRef = useRef(null);
+    useEffect(() => {
+        function handleClickOutside(event) {
+            if (dropdownRef.current && !dropdownRef.current.contains(event.target)) {
+                setIsOpen(false);
+            }
+        }
+        document.addEventListener('mousedown', handleClickOutside);
+        return () => document.removeEventListener('mousedown', handleClickOutside);
+    }, []);
+    if (variant === 'buttons') {
+        return (_jsx("div", { className: `flex gap-1 ${className}`, children: availableLanguages.map((lang) => (_jsxs("button", { onClick: () => setLanguage(lang), className: `px-3 py-1.5 rounded-md text-sm font-medium transition-colors ${currentLanguage === lang
+                    ? 'bg-[rgb(var(--color-primary-500))] text-white'
+                    : 'bg-[rgb(var(--bg-tertiary))] text-[rgb(var(--text-secondary))] hover:bg-[rgb(var(--border-color))]'}`, children: [languageFlags[lang], " ", showLabel && languageNames[lang]] }, lang))) }));
+    }
+    if (variant === 'flags') {
+        return (_jsx("div", { className: `flex gap-2 ${className}`, children: availableLanguages.map((lang) => (_jsx("button", { onClick: () => setLanguage(lang), className: `text-2xl transition-transform ${currentLanguage === lang ? 'scale-110' : 'opacity-50 hover:opacity-75'}`, title: languageNames[lang], children: languageFlags[lang] }, lang))) }));
+    }
+    return (_jsxs("div", { className: `relative ${className}`, ref: dropdownRef, children: [_jsxs("button", { onClick: () => setIsOpen(!isOpen), className: "flex items-center gap-2 px-3 py-2 rounded-lg bg-[rgb(var(--bg-tertiary))] hover:bg-[rgb(var(--border-color))] transition-colors", children: [_jsx("span", { className: "text-xl", children: languageFlags[currentLanguage] }), showLabel && (_jsxs(_Fragment, { children: [_jsx("span", { className: "text-sm font-medium", children: languageNames[currentLanguage] }), _jsx("svg", { className: `w-4 h-4 transition-transform ${isOpen ? 'rotate-180' : ''}`, fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M19 9l-7 7-7-7" }) })] }))] }), isOpen && (_jsx("div", { className: "absolute right-0 mt-2 w-48 bg-[rgb(var(--bg-primary))] border border-[rgb(var(--border-color))] rounded-lg shadow-lg z-50 overflow-hidden", children: availableLanguages.map((lang) => (_jsxs("button", { onClick: () => {
+                        setLanguage(lang);
+                        setIsOpen(false);
+                    }, className: `w-full flex items-center gap-3 px-4 py-2.5 text-left hover:bg-[rgb(var(--bg-tertiary))] transition-colors ${currentLanguage === lang
+                        ? 'bg-[rgb(var(--color-primary-50))] dark:bg-[rgb(var(--color-primary-900))]/30'
+                        : ''}`, children: [_jsx("span", { className: "text-xl", children: languageFlags[lang] }), _jsx("span", { className: "text-sm font-medium", children: languageNames[lang] }), currentLanguage === lang && (_jsx("svg", { className: "w-4 h-4 ml-auto text-[rgb(var(--color-primary-500))]", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M5 13l4 4L19 7" }) }))] }, lang))) }))] }));
+}
+export default LanguageSwitcher;
+//# sourceMappingURL=LanguageSwitcher.js.map

package/dist/components/LanguageSwitcher.js.map

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

package/dist/components/Paragraph.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+export interface ParagraphProps {
+    i18n?: string;
+    children: React.ReactNode;
+}
+export declare function Paragraph({ children }: ParagraphProps): import("react/jsx-runtime").JSX.Element;
+export default Paragraph;
+//# sourceMappingURL=Paragraph.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Paragraph.d.ts","sourceRoot":"","sources":["../../src/components/Paragraph.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,WAAW,cAAc;IAC7B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,wBAAgB,SAAS,CAAC,EAAE,QAAQ,EAAE,EAAE,cAAc,2CAqBrD;AAED,eAAe,SAAS,CAAC"}

package/dist/components/Paragraph.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import { useI18n } from '../hooks';
+export function Paragraph({ children }) {
+    const { currentLanguage } = useI18n();
+    // If children is an array, try to find the one matching the current language tag
+    let matchedChild = null;
+    React.Children.forEach(children, (child) => {
+        if (React.isValidElement(child)) {
+            // For elements like <en> or <es>, the type is the string 'en' or 'es'
+            if (typeof child.type === 'string' && child.type === currentLanguage) {
+                matchedChild = child.props.children;
+            }
+        }
+    });
+    // Fallback to displaying all children if no specific language tag is found
+    if (!matchedChild) {
+        matchedChild = children;
+    }
+    return _jsx("div", { className: "mb-4", children: matchedChild });
+}
+export default Paragraph;
+//# sourceMappingURL=Paragraph.js.map

package/dist/components/Paragraph.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Paragraph.js","sourceRoot":"","sources":["../../src/components/Paragraph.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AAOnC,MAAM,UAAU,SAAS,CAAC,EAAE,QAAQ,EAAkB;IACpD,MAAM,EAAE,eAAe,EAAE,GAAG,OAAO,EAAE,CAAC;IAEtC,iFAAiF;IACjF,IAAI,YAAY,GAAoB,IAAI,CAAC;IAEzC,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;QACzC,IAAI,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,CAAC;YAChC,sEAAsE;YACtE,IAAI,OAAO,KAAK,CAAC,IAAI,KAAK,QAAQ,IAAI,KAAK,CAAC,IAAI,KAAK,eAAe,EAAE,CAAC;gBACrE,YAAY,GAAG,KAAK,CAAC,KAAK,CAAC,QAAQ,CAAC;YACtC,CAAC;QACH,CAAC;IACH,CAAC,CAAC,CAAC;IAEH,2EAA2E;IAC3E,IAAI,CAAC,YAAY,EAAE,CAAC;QAClB,YAAY,GAAG,QAAQ,CAAC;IAC1B,CAAC;IAED,OAAO,cAAK,SAAS,EAAC,MAAM,YAAE,YAAY,GAAO,CAAC;AACpD,CAAC;AAED,eAAe,SAAS,CAAC"}

package/dist/components/ProfileViewer.d.ts

@@ -0,0 +1,2 @@
+export declare function ProfileViewer(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ProfileViewer.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ProfileViewer.d.ts","sourceRoot":"","sources":["../../src/components/ProfileViewer.tsx"],"names":[],"mappings":"AAKA,wBAAgB,aAAa,4CAkG5B"}