@learnmd/default-theme 0.0.1-beta.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (96) hide show
  1. package/LICENSE +21 -0
  2. package/README.md +30 -0
  3. package/dist/components/Callout.d.ts +10 -0
  4. package/dist/components/Callout.d.ts.map +1 -0
  5. package/dist/components/Callout.js +44 -0
  6. package/dist/components/Callout.js.map +1 -0
  7. package/dist/components/Callout.test.d.ts +2 -0
  8. package/dist/components/Callout.test.d.ts.map +1 -0
  9. package/dist/components/Callout.test.js +24 -0
  10. package/dist/components/Callout.test.js.map +1 -0
  11. package/dist/components/CatalogViewer.d.ts +9 -0
  12. package/dist/components/CatalogViewer.d.ts.map +1 -0
  13. package/dist/components/CatalogViewer.js +24 -0
  14. package/dist/components/CatalogViewer.js.map +1 -0
  15. package/dist/components/CourseViewer.d.ts +11 -0
  16. package/dist/components/CourseViewer.d.ts.map +1 -0
  17. package/dist/components/CourseViewer.js +45 -0
  18. package/dist/components/CourseViewer.js.map +1 -0
  19. package/dist/components/Gamification.d.ts +32 -0
  20. package/dist/components/Gamification.d.ts.map +1 -0
  21. package/dist/components/Gamification.js +27 -0
  22. package/dist/components/Gamification.js.map +1 -0
  23. package/dist/components/ImageEmbed.d.ts +23 -0
  24. package/dist/components/ImageEmbed.d.ts.map +1 -0
  25. package/dist/components/ImageEmbed.js +39 -0
  26. package/dist/components/ImageEmbed.js.map +1 -0
  27. package/dist/components/LanguageSwitcher.d.ts +8 -0
  28. package/dist/components/LanguageSwitcher.d.ts.map +1 -0
  29. package/dist/components/LanguageSwitcher.js +61 -0
  30. package/dist/components/LanguageSwitcher.js.map +1 -0
  31. package/dist/components/Paragraph.d.ts +8 -0
  32. package/dist/components/Paragraph.d.ts.map +1 -0
  33. package/dist/components/Paragraph.js +23 -0
  34. package/dist/components/Paragraph.js.map +1 -0
  35. package/dist/components/ProfileViewer.d.ts +2 -0
  36. package/dist/components/ProfileViewer.d.ts.map +1 -0
  37. package/dist/components/ProfileViewer.js +31 -0
  38. package/dist/components/ProfileViewer.js.map +1 -0
  39. package/dist/components/Progress.d.ts +31 -0
  40. package/dist/components/Progress.d.ts.map +1 -0
  41. package/dist/components/Progress.js +41 -0
  42. package/dist/components/Progress.js.map +1 -0
  43. package/dist/components/Quiz.d.ts +34 -0
  44. package/dist/components/Quiz.d.ts.map +1 -0
  45. package/dist/components/Quiz.js +109 -0
  46. package/dist/components/Quiz.js.map +1 -0
  47. package/dist/components/Quiz.test.d.ts +2 -0
  48. package/dist/components/Quiz.test.d.ts.map +1 -0
  49. package/dist/components/Quiz.test.js +48 -0
  50. package/dist/components/Quiz.test.js.map +1 -0
  51. package/dist/components/Search.d.ts +17 -0
  52. package/dist/components/Search.d.ts.map +1 -0
  53. package/dist/components/Search.js +30 -0
  54. package/dist/components/Search.js.map +1 -0
  55. package/dist/components/VideoEmbed.d.ts +15 -0
  56. package/dist/components/VideoEmbed.d.ts.map +1 -0
  57. package/dist/components/VideoEmbed.js +83 -0
  58. package/dist/components/VideoEmbed.js.map +1 -0
  59. package/dist/components/index.d.ts +13 -0
  60. package/dist/components/index.d.ts.map +1 -0
  61. package/dist/components/index.js +13 -0
  62. package/dist/components/index.js.map +1 -0
  63. package/dist/hooks/index.d.ts +3 -0
  64. package/dist/hooks/index.d.ts.map +1 -0
  65. package/dist/hooks/index.js +3 -0
  66. package/dist/hooks/index.js.map +1 -0
  67. package/dist/hooks/useI18n.d.ts +11 -0
  68. package/dist/hooks/useI18n.d.ts.map +1 -0
  69. package/dist/hooks/useI18n.js +39 -0
  70. package/dist/hooks/useI18n.js.map +1 -0
  71. package/dist/hooks/useTheme.d.ts +13 -0
  72. package/dist/hooks/useTheme.d.ts.map +1 -0
  73. package/dist/hooks/useTheme.js +49 -0
  74. package/dist/hooks/useTheme.js.map +1 -0
  75. package/dist/index.d.ts +5 -0
  76. package/dist/index.d.ts.map +1 -0
  77. package/dist/index.js +5 -0
  78. package/dist/index.js.map +1 -0
  79. package/dist/layouts/CourseLayout.d.ts +40 -0
  80. package/dist/layouts/CourseLayout.d.ts.map +1 -0
  81. package/dist/layouts/CourseLayout.js +40 -0
  82. package/dist/layouts/CourseLayout.js.map +1 -0
  83. package/dist/layouts/MainLayout.d.ts +18 -0
  84. package/dist/layouts/MainLayout.d.ts.map +1 -0
  85. package/dist/layouts/MainLayout.js +23 -0
  86. package/dist/layouts/MainLayout.js.map +1 -0
  87. package/dist/layouts/index.d.ts +5 -0
  88. package/dist/layouts/index.d.ts.map +1 -0
  89. package/dist/layouts/index.js +3 -0
  90. package/dist/layouts/index.js.map +1 -0
  91. package/dist/styles/output.css +2586 -0
  92. package/dist/test/setup.d.ts +2 -0
  93. package/dist/test/setup.d.ts.map +1 -0
  94. package/dist/test/setup.js +22 -0
  95. package/dist/test/setup.js.map +1 -0
  96. package/package.json +68 -0
@@ -0,0 +1,11 @@
1
+ declare function getI18n(): import("@learnmd/core").I18nManager;
2
+ export declare function useI18n(): {
3
+ currentLanguage: string;
4
+ availableLanguages: string[];
5
+ setLanguage: (lang: string) => void;
6
+ t: (key: string) => string;
7
+ translate: (key: string) => string;
8
+ i18n: import("@learnmd/core").I18nManager;
9
+ };
10
+ export { getI18n as i18nInstance };
11
+ //# sourceMappingURL=useI18n.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"useI18n.d.ts","sourceRoot":"","sources":["../../src/hooks/useI18n.ts"],"names":[],"mappings":"AAMA,iBAAS,OAAO,wCAKf;AAED,wBAAgB,OAAO;;;wBAYkB,MAAM;aAMrC,MAAM;qBAAN,MAAM;;EAgBf;AAED,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,CAAC"}
@@ -0,0 +1,39 @@
1
+ import { useState, useEffect, useCallback } from 'react';
2
+ // @ts-ignore - This will be resolved at runtime
3
+ import { initializeI18n } from '@learnmd/core';
4
+ let i18nInstance = null;
5
+ function getI18n() {
6
+ if (!i18nInstance) {
7
+ i18nInstance = initializeI18n();
8
+ }
9
+ return i18nInstance;
10
+ }
11
+ export function useI18n() {
12
+ const i18n = getI18n();
13
+ const [currentLanguage, setCurrentLanguage] = useState(i18n.currentLanguage);
14
+ const [availableLanguages] = useState(i18n.availableLanguages);
15
+ useEffect(() => {
16
+ const unsubscribe = i18n.onLanguageChange((lang) => {
17
+ setCurrentLanguage(lang);
18
+ });
19
+ return unsubscribe;
20
+ }, [i18n]);
21
+ const setLanguage = useCallback((lang) => {
22
+ i18n.setLanguage(lang);
23
+ setCurrentLanguage(lang);
24
+ }, [i18n]);
25
+ const translate = useCallback((key) => {
26
+ return i18n.translate(key);
27
+ }, [i18n]);
28
+ const t = translate;
29
+ return {
30
+ currentLanguage,
31
+ availableLanguages,
32
+ setLanguage,
33
+ t,
34
+ translate,
35
+ i18n,
36
+ };
37
+ }
38
+ export { getI18n as i18nInstance };
39
+ //# sourceMappingURL=useI18n.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"useI18n.js","sourceRoot":"","sources":["../../src/hooks/useI18n.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AACzD,gDAAgD;AAChD,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAE/C,IAAI,YAAY,GAA6C,IAAI,CAAC;AAElE,SAAS,OAAO;IACd,IAAI,CAAC,YAAY,EAAE,CAAC;QAClB,YAAY,GAAG,cAAc,EAAE,CAAC;IAClC,CAAC;IACD,OAAO,YAAY,CAAC;AACtB,CAAC;AAED,MAAM,UAAU,OAAO;IACrB,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC;IACvB,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC;IAC7E,MAAM,CAAC,kBAAkB,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAC;IAE/D,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,WAAW,GAAG,IAAI,CAAC,gBAAgB,CAAC,CAAC,IAAY,EAAE,EAAE;YACzD,kBAAkB,CAAC,IAAI,CAAC,CAAC;QAC3B,CAAC,CAAC,CAAC;QACH,OAAO,WAAW,CAAC;IACrB,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEX,MAAM,WAAW,GAAG,WAAW,CAAC,CAAC,IAAY,EAAE,EAAE;QAC/C,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;QACvB,kBAAkB,CAAC,IAAI,CAAC,CAAC;IAC3B,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEX,MAAM,SAAS,GAAG,WAAW,CAC3B,CAAC,GAAW,EAAE,EAAE;QACd,OAAO,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC;IAC7B,CAAC,EACD,CAAC,IAAI,CAAC,CACP,CAAC;IAEF,MAAM,CAAC,GAAG,SAAS,CAAC;IAEpB,OAAO;QACL,eAAe;QACf,kBAAkB;QAClB,WAAW;QACX,CAAC;QACD,SAAS;QACT,IAAI;KACL,CAAC;AACJ,CAAC;AAED,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,CAAC"}
@@ -0,0 +1,13 @@
1
+ import { type ReactNode } from 'react';
2
+ type Theme = 'light' | 'dark' | 'system';
3
+ interface ThemeContextType {
4
+ theme: Theme;
5
+ setTheme: (theme: Theme) => void;
6
+ resolvedTheme: 'light' | 'dark';
7
+ }
8
+ export declare function ThemeProvider({ children }: {
9
+ children: ReactNode;
10
+ }): import("react/jsx-runtime").JSX.Element;
11
+ export declare function useTheme(): ThemeContextType;
12
+ export {};
13
+ //# sourceMappingURL=useTheme.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"useTheme.d.ts","sourceRoot":"","sources":["../../src/hooks/useTheme.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAkD,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAE9F,KAAK,KAAK,GAAG,OAAO,GAAG,MAAM,GAAG,QAAQ,CAAC;AAEzC,UAAU,gBAAgB;IACxB,KAAK,EAAE,KAAK,CAAC;IACb,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACjC,aAAa,EAAE,OAAO,GAAG,MAAM,CAAC;CACjC;AASD,wBAAgB,aAAa,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,2CA2ClE;AAED,wBAAgB,QAAQ,IAAI,gBAAgB,CAM3C"}
@@ -0,0 +1,49 @@
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
+ import { createContext, useContext, useState, useEffect } from 'react';
3
+ const ThemeContext = createContext(undefined);
4
+ function getSystemTheme() {
5
+ if (typeof window === 'undefined')
6
+ return 'light';
7
+ return window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';
8
+ }
9
+ export function ThemeProvider({ children }) {
10
+ const [theme, setThemeState] = useState(() => {
11
+ if (typeof window === 'undefined')
12
+ return 'system';
13
+ return localStorage.getItem('learnmd-theme') || 'system';
14
+ });
15
+ const [resolvedTheme, setResolvedTheme] = useState(() => getSystemTheme());
16
+ useEffect(() => {
17
+ const mediaQuery = window.matchMedia('(prefers-color-scheme: dark)');
18
+ const handleChange = () => {
19
+ if (theme === 'system') {
20
+ setResolvedTheme(getSystemTheme());
21
+ }
22
+ };
23
+ mediaQuery.addEventListener('change', handleChange);
24
+ return () => mediaQuery.removeEventListener('change', handleChange);
25
+ }, [theme]);
26
+ useEffect(() => {
27
+ const resolved = theme === 'system' ? getSystemTheme() : theme;
28
+ setResolvedTheme(resolved);
29
+ if (theme === 'dark' || (theme === 'system' && resolved === 'dark')) {
30
+ document.documentElement.classList.add('dark');
31
+ }
32
+ else {
33
+ document.documentElement.classList.remove('dark');
34
+ }
35
+ localStorage.setItem('learnmd-theme', theme);
36
+ }, [theme]);
37
+ const setTheme = (newTheme) => {
38
+ setThemeState(newTheme);
39
+ };
40
+ return (_jsx(ThemeContext.Provider, { value: { theme, setTheme, resolvedTheme }, children: children }));
41
+ }
42
+ export function useTheme() {
43
+ const context = useContext(ThemeContext);
44
+ if (!context) {
45
+ throw new Error('useTheme must be used within a ThemeProvider');
46
+ }
47
+ return context;
48
+ }
49
+ //# sourceMappingURL=useTheme.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"useTheme.js","sourceRoot":"","sources":["../../src/hooks/useTheme.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,aAAa,EAAE,UAAU,EAAE,QAAQ,EAAE,SAAS,EAAkB,MAAM,OAAO,CAAC;AAU9F,MAAM,YAAY,GAAG,aAAa,CAA+B,SAAS,CAAC,CAAC;AAE5E,SAAS,cAAc;IACrB,IAAI,OAAO,MAAM,KAAK,WAAW;QAAE,OAAO,OAAO,CAAC;IAClD,OAAO,MAAM,CAAC,UAAU,CAAC,8BAA8B,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC;AACtF,CAAC;AAED,MAAM,UAAU,aAAa,CAAC,EAAE,QAAQ,EAA2B;IACjE,MAAM,CAAC,KAAK,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAQ,GAAG,EAAE;QAClD,IAAI,OAAO,MAAM,KAAK,WAAW;YAAE,OAAO,QAAQ,CAAC;QACnD,OAAQ,YAAY,CAAC,OAAO,CAAC,eAAe,CAAW,IAAI,QAAQ,CAAC;IACtE,CAAC,CAAC,CAAC;IAEH,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAmB,GAAG,EAAE,CAAC,cAAc,EAAE,CAAC,CAAC;IAE7F,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,UAAU,GAAG,MAAM,CAAC,UAAU,CAAC,8BAA8B,CAAC,CAAC;QAErE,MAAM,YAAY,GAAG,GAAG,EAAE;YACxB,IAAI,KAAK,KAAK,QAAQ,EAAE,CAAC;gBACvB,gBAAgB,CAAC,cAAc,EAAE,CAAC,CAAC;YACrC,CAAC;QACH,CAAC,CAAC;QAEF,UAAU,CAAC,gBAAgB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;QACpD,OAAO,GAAG,EAAE,CAAC,UAAU,CAAC,mBAAmB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;IACtE,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,QAAQ,GAAG,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,cAAc,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC;QAC/D,gBAAgB,CAAC,QAAQ,CAAC,CAAC;QAE3B,IAAI,KAAK,KAAK,MAAM,IAAI,CAAC,KAAK,KAAK,QAAQ,IAAI,QAAQ,KAAK,MAAM,CAAC,EAAE,CAAC;YACpE,QAAQ,CAAC,eAAe,CAAC,SAAS,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;QACjD,CAAC;aAAM,CAAC;YACN,QAAQ,CAAC,eAAe,CAAC,SAAS,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;QACpD,CAAC;QAED,YAAY,CAAC,OAAO,CAAC,eAAe,EAAE,KAAK,CAAC,CAAC;IAC/C,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,MAAM,QAAQ,GAAG,CAAC,QAAe,EAAE,EAAE;QACnC,aAAa,CAAC,QAAQ,CAAC,CAAC;IAC1B,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,YAAY,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,aAAa,EAAE,YAC7D,QAAQ,GACa,CACzB,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,QAAQ;IACtB,MAAM,OAAO,GAAG,UAAU,CAAC,YAAY,CAAC,CAAC;IACzC,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,MAAM,IAAI,KAAK,CAAC,8CAA8C,CAAC,CAAC;IAClE,CAAC;IACD,OAAO,OAAO,CAAC;AACjB,CAAC"}
@@ -0,0 +1,5 @@
1
+ export { ThemeProvider, useTheme, useI18n, i18nInstance } from './hooks';
2
+ export * from './components';
3
+ export * from './layouts';
4
+ export declare const VERSION = "0.0.1";
5
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAEzE,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAE1B,eAAO,MAAM,OAAO,UAAU,CAAC"}
package/dist/index.js ADDED
@@ -0,0 +1,5 @@
1
+ export { ThemeProvider, useTheme, useI18n, i18nInstance } from './hooks';
2
+ export * from './components';
3
+ export * from './layouts';
4
+ export const VERSION = '0.0.1';
5
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAEzE,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAE1B,MAAM,CAAC,MAAM,OAAO,GAAG,OAAO,CAAC"}
@@ -0,0 +1,40 @@
1
+ import { type ReactNode } from 'react';
2
+ export interface NavigationItem {
3
+ type: 'module' | 'lesson';
4
+ id: string;
5
+ title: string;
6
+ slug?: string;
7
+ moduleId?: string;
8
+ completed?: boolean;
9
+ active?: boolean;
10
+ children?: NavigationItem[];
11
+ }
12
+ export interface CourseLayoutProps {
13
+ children: ReactNode;
14
+ courseTitle: string;
15
+ navigation: NavigationItem[];
16
+ currentLessonSlug?: string;
17
+ completedLessons: string[];
18
+ progress: number;
19
+ onNavigate: (lessonSlug: string) => void;
20
+ sidebarCollapsible?: boolean;
21
+ showProgress?: boolean;
22
+ showNavigation?: boolean;
23
+ footer?: ReactNode;
24
+ }
25
+ export declare function CourseLayout({ children, courseTitle, navigation, currentLessonSlug, completedLessons, progress, onNavigate, sidebarCollapsible, showProgress, showNavigation, footer, }: CourseLayoutProps): import("react/jsx-runtime").JSX.Element;
26
+ export interface LessonNavigationProps {
27
+ previousLesson?: {
28
+ slug: string;
29
+ title: string;
30
+ };
31
+ nextLesson?: {
32
+ slug: string;
33
+ title: string;
34
+ };
35
+ onPrevious?: () => void;
36
+ onNext?: () => void;
37
+ }
38
+ export declare function LessonNavigation({ previousLesson, nextLesson, onPrevious, onNext, }: LessonNavigationProps): import("react/jsx-runtime").JSX.Element;
39
+ export default CourseLayout;
40
+ //# sourceMappingURL=CourseLayout.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"CourseLayout.d.ts","sourceRoot":"","sources":["../../src/layouts/CourseLayout.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,KAAK,SAAS,EAAY,MAAM,OAAO,CAAC;AAIxD,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAC1B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,cAAc,EAAE,CAAC;CAC7B;AAED,MAAM,WAAW,iBAAiB;IAChC,QAAQ,EAAE,SAAS,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,cAAc,EAAE,CAAC;IAC7B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,gBAAgB,EAAE,MAAM,EAAE,CAAC;IAC3B,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,MAAM,CAAC,EAAE,SAAS,CAAC;CACpB;AA2BD,wBAAgB,YAAY,CAAC,EAC3B,QAAQ,EACR,WAAW,EACX,UAAU,EACV,iBAAiB,EACjB,gBAAgB,EAChB,QAAQ,EACR,UAAU,EACV,kBAAyB,EACzB,YAAmB,EACnB,cAAqB,EACrB,MAAM,GACP,EAAE,iBAAiB,2CAkGnB;AA+DD,MAAM,WAAW,qBAAqB;IACpC,cAAc,CAAC,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC;IACjD,UAAU,CAAC,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC;IAC7C,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,cAAc,EACd,UAAU,EACV,UAAU,EACV,MAAM,GACP,EAAE,qBAAqB,2CAoCvB;AAED,eAAe,YAAY,CAAC"}
@@ -0,0 +1,40 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import { useState } from 'react';
3
+ import { Progress } from '../components';
4
+ import { useTheme } from '../hooks';
5
+ function ThemeToggle() {
6
+ const { resolvedTheme, setTheme } = useTheme();
7
+ const isDark = resolvedTheme === 'dark';
8
+ return (_jsx("button", { onClick: () => setTheme(isDark ? 'light' : 'dark'), className: "p-2 rounded-md hover:bg-gray-100 dark:hover:bg-gray-800 transition-colors", "aria-label": "Toggle Dark Mode", children: isDark ? (
9
+ // Sun Icon
10
+ _jsx("svg", { className: "w-5 h-5 text-yellow-400", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: _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" }) })) : (
11
+ // Moon Icon
12
+ _jsx("svg", { className: "w-5 h-5 text-slate-700", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: _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" }) })) }));
13
+ }
14
+ export function CourseLayout({ children, courseTitle, navigation, currentLessonSlug, completedLessons, progress, onNavigate, sidebarCollapsible = true, showProgress = true, showNavigation = true, footer, }) {
15
+ const [isSidebarOpen, setIsSidebarOpen] = useState(true);
16
+ const [expandedModules, setExpandedModules] = useState(new Set(navigation.map((m) => m.id)));
17
+ const toggleModule = (moduleId) => {
18
+ setExpandedModules((prev) => {
19
+ const next = new Set(prev);
20
+ if (next.has(moduleId)) {
21
+ next.delete(moduleId);
22
+ }
23
+ else {
24
+ next.add(moduleId);
25
+ }
26
+ return next;
27
+ });
28
+ };
29
+ return (_jsxs("div", { className: "flex flex-col min-h-screen font-sans bg-white dark:bg-[#1b1b1d] text-slate-900 dark:text-gray-200 transition-colors duration-200", children: [_jsx("header", { className: "sticky top-0 z-40 bg-white dark:bg-[#242526] shadow-sm border-b border-gray-200 dark:border-gray-800 transition-colors duration-200", children: _jsxs("div", { className: "flex items-center justify-between px-6 h-16", children: [_jsxs("div", { className: "flex items-center gap-4", children: [sidebarCollapsible && (_jsx("button", { onClick: () => setIsSidebarOpen(!isSidebarOpen), className: "xl:hidden p-2 -ml-2 rounded-md hover:bg-gray-100 dark:hover:bg-gray-800", children: _jsx("svg", { className: "w-6 h-6", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M4 6h16M4 12h16M4 18h16" }) }) })), _jsxs("a", { href: "/", className: "flex items-center gap-2", children: [_jsx("svg", { className: "w-8 h-8 text-emerald-600 dark:text-emerald-400", viewBox: "0 0 24 24", fill: "currentColor", children: _jsx("path", { d: "M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5" }) }), _jsx("h1", { className: "text-xl font-bold tracking-tight text-slate-900 dark:text-white truncate", children: courseTitle })] })] }), _jsxs("div", { className: "flex items-center gap-4", children: [_jsxs("div", { className: "hidden md:flex items-center bg-gray-100 dark:bg-gray-800 px-3 py-1.5 rounded-md text-sm text-gray-500 dark:text-gray-400", children: [_jsx("svg", { className: "w-4 h-4 mr-2", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", 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" }) }), "Search... ", _jsx("span", { className: "ml-8 border border-gray-300 dark:border-gray-600 rounded px-1 text-xs", children: "Ctrl+K" })] }), showProgress && (_jsxs("div", { className: "hidden lg:flex items-center gap-3 w-48 border-l border-gray-200 dark:border-gray-700 pl-4", children: [_jsx(Progress, { value: progress, size: "sm" }), _jsxs("span", { className: "text-sm font-medium text-gray-500 dark:text-gray-400", children: [Math.round(progress), "%"] })] })), _jsx(ThemeToggle, {})] })] }) }), _jsxs("div", { className: "flex flex-1 overflow-hidden", children: [showNavigation && (_jsx("aside", { className: `${isSidebarOpen ? 'w-72 translate-x-0' : 'w-0 -translate-x-full'} fixed inset-y-0 left-0 z-30 mt-16 xl:static xl:mt-0 flex-shrink-0 overflow-y-auto bg-[#f5f6f7] dark:bg-[#1c1e21] border-r border-gray-200 dark:border-gray-800 transition-all duration-300`, children: _jsx("nav", { className: "p-4 space-y-1", children: navigation.map((module) => (_jsx(ModuleItem, { module: module, isExpanded: expandedModules.has(module.id), currentLessonSlug: currentLessonSlug, completedLessons: completedLessons, onToggle: () => toggleModule(module.id), onNavigate: onNavigate }, module.id))) }) })), _jsx("main", { className: "flex-1 overflow-y-auto w-full", children: _jsxs("div", { className: "max-w-[800px] mx-auto px-6 py-10 lg:px-12 lg:py-16", children: [children, footer && (_jsx("div", { className: "mt-16", children: footer }))] }) })] })] }));
30
+ }
31
+ function ModuleItem({ module, isExpanded, currentLessonSlug, completedLessons, onToggle, onNavigate, }) {
32
+ return (_jsxs("div", { className: "mb-4", children: [_jsxs("button", { onClick: onToggle, className: "w-full flex items-center justify-between px-3 py-2 text-sm font-bold text-slate-900 dark:text-gray-100 uppercase tracking-wider hover:bg-gray-200 dark:hover:bg-gray-800 rounded-md transition-colors", children: [_jsx("span", { className: "truncate", children: module.title }), _jsx("svg", { className: `w-4 h-4 transition-transform duration-200 ${isExpanded ? 'rotate-90' : ''}`, fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 5l7 7-7 7" }) })] }), isExpanded && module.children && module.children.length > 0 && (_jsx("ul", { className: "mt-2 space-y-1 border-l border-gray-200 dark:border-gray-700 ml-4 pl-1", children: module.children.map((lesson) => (_jsx("li", { children: _jsxs("button", { onClick: () => lesson.slug && onNavigate(lesson.slug), className: `w-full flex items-center gap-3 px-3 py-2 text-sm rounded-md transition-colors ${currentLessonSlug === lesson.id
33
+ ? 'bg-emerald-50 dark:bg-emerald-900/30 text-emerald-600 dark:text-emerald-400 font-semibold'
34
+ : 'text-slate-700 dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-800 hover:text-slate-900 dark:hover:text-gray-100'}`, children: [completedLessons.includes(lesson.id) ? (_jsx("svg", { className: "w-4 h-4 flex-shrink-0 text-emerald-500", fill: "currentColor", viewBox: "0 0 20 20", children: _jsx("path", { fillRule: "evenodd", d: "M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z", clipRule: "evenodd" }) })) : (_jsx("div", { className: `w-1.5 h-1.5 rounded-full flex-shrink-0 ml-1.5 ${currentLessonSlug === lesson.id ? 'bg-emerald-500' : 'bg-gray-300 dark:bg-gray-600'}` })), _jsx("span", { className: "truncate text-left", children: lesson.title })] }) }, lesson.id))) }))] }));
35
+ }
36
+ export function LessonNavigation({ previousLesson, nextLesson, onPrevious, onNext, }) {
37
+ return (_jsxs("nav", { className: "grid grid-cols-2 gap-4 py-8 mt-12 mb-8 border-t border-gray-200 dark:border-gray-800", children: [previousLesson ? (_jsxs("button", { onClick: onPrevious, className: "flex flex-col items-start px-6 py-4 rounded-lg border border-gray-200 dark:border-gray-700 hover:border-emerald-500 dark:hover:border-emerald-500 hover:shadow-md transition-all group text-left", children: [_jsx("span", { className: "text-xs font-semibold text-gray-500 dark:text-gray-400 group-hover:text-emerald-500 transition-colors uppercase tracking-wider mb-1", children: "\u00AB Previous" }), _jsx("span", { className: "text-lg font-medium text-emerald-600 dark:text-emerald-400 group-hover:text-emerald-700 transition-colors", children: previousLesson.title })] })) : (_jsx("div", {})), nextLesson ? (_jsxs("button", { onClick: onNext, className: "flex flex-col items-end px-6 py-4 rounded-lg border border-gray-200 dark:border-gray-700 hover:border-emerald-500 dark:hover:border-emerald-500 hover:shadow-md transition-all group text-right", children: [_jsx("span", { className: "text-xs font-semibold text-gray-500 dark:text-gray-400 group-hover:text-emerald-500 transition-colors uppercase tracking-wider mb-1", children: "Next \u00BB" }), _jsx("span", { className: "text-lg font-medium text-emerald-600 dark:text-emerald-400 group-hover:text-emerald-700 transition-colors", children: nextLesson.title })] })) : (_jsx("div", {}))] }));
38
+ }
39
+ export default CourseLayout;
40
+ //# sourceMappingURL=CourseLayout.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"CourseLayout.js","sourceRoot":"","sources":["../../src/layouts/CourseLayout.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,18 @@
1
+ import { type ReactNode } from 'react';
2
+ export interface LayoutProps {
3
+ children: ReactNode;
4
+ title?: string;
5
+ description?: string;
6
+ }
7
+ export declare function MainLayout({ children }: LayoutProps): import("react/jsx-runtime").JSX.Element;
8
+ export interface HeaderProps {
9
+ logo?: ReactNode;
10
+ title?: string;
11
+ showThemeToggle?: boolean;
12
+ showSearch?: boolean;
13
+ showLanguageSwitcher?: boolean;
14
+ actions?: ReactNode;
15
+ }
16
+ export declare function Header({ logo, title, showThemeToggle, showLanguageSwitcher, actions, }: HeaderProps): import("react/jsx-runtime").JSX.Element;
17
+ export default MainLayout;
18
+ //# sourceMappingURL=MainLayout.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"MainLayout.d.ts","sourceRoot":"","sources":["../../src/layouts/MainLayout.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,KAAK,SAAS,EAAY,MAAM,OAAO,CAAC;AAGxD,MAAM,WAAW,WAAW;IAC1B,QAAQ,EAAE,SAAS,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,wBAAgB,UAAU,CAAC,EAAE,QAAQ,EAAE,EAAE,WAAW,2CAMnD;AAED,MAAM,WAAW,WAAW;IAC1B,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,OAAO,CAAC,EAAE,SAAS,CAAC;CACrB;AAED,wBAAgB,MAAM,CAAC,EACrB,IAAI,EACJ,KAAK,EACL,eAAsB,EACtB,oBAA4B,EAC5B,OAAO,GACR,EAAE,WAAW,2CA4Db;AA2CD,eAAe,UAAU,CAAC"}
@@ -0,0 +1,23 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import React, { useState } from 'react';
3
+ import { ThemeProvider, useTheme } from '../hooks';
4
+ export function MainLayout({ children }) {
5
+ return (_jsx(ThemeProvider, { children: _jsx("div", { className: "min-h-screen bg-[rgb(var(--bg-primary))]", children: children }) }));
6
+ }
7
+ export function Header({ logo, title, showThemeToggle = true, showLanguageSwitcher = false, actions, }) {
8
+ const [isMobileMenuOpen, setIsMobileMenuOpen] = useState(false);
9
+ return (_jsxs("header", { className: "sticky top-0 z-40 bg-[rgb(var(--bg-primary))]/95 backdrop-blur border-b border-[rgb(var(--border-color))]", children: [_jsx("div", { className: "container mx-auto px-4", children: _jsxs("div", { className: "flex items-center justify-between h-16", children: [_jsxs("div", { className: "flex items-center gap-4", children: [logo || (_jsxs("a", { href: "/", className: "flex items-center gap-2", children: [_jsx("span", { className: "text-2xl", children: "\uD83D\uDCDA" }), _jsx("span", { className: "font-bold text-xl", children: "LearnMD" })] })), title && (_jsxs("span", { className: "hidden md:block text-[rgb(var(--text-secondary))]", children: ["/ ", title] }))] }), _jsxs("div", { className: "flex items-center gap-4", children: [actions, showLanguageSwitcher && (_jsx("div", { className: "hidden md:block" })), showThemeToggle && _jsx(ThemeToggle, {}), _jsx("button", { className: "md:hidden p-2", onClick: () => setIsMobileMenuOpen(!isMobileMenuOpen), children: _jsx("svg", { className: "w-6 h-6", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: isMobileMenuOpen ? (_jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" })) : (_jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M4 6h16M4 12h16M4 18h16" })) }) })] })] }) }), isMobileMenuOpen && (_jsx("div", { className: "md:hidden border-t border-[rgb(var(--border-color))]", children: _jsx("nav", { className: "px-4 py-4 space-y-2" }) }))] }));
10
+ }
11
+ function ThemeToggle() {
12
+ const [mounted, setMounted] = useState(false);
13
+ const { setTheme, resolvedTheme } = useTheme();
14
+ React.useEffect(() => {
15
+ setMounted(true);
16
+ }, []);
17
+ if (!mounted) {
18
+ return _jsx("div", { className: "w-10 h-10" });
19
+ }
20
+ return (_jsx("button", { onClick: () => setTheme(resolvedTheme === 'dark' ? 'light' : 'dark'), className: "p-2 rounded-lg hover:bg-[rgb(var(--bg-tertiary))] transition-colors", title: `Switch to ${resolvedTheme === 'dark' ? 'light' : 'dark'} mode`, children: resolvedTheme === 'dark' ? (_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: "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" }) })) : (_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: "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" }) })) }));
21
+ }
22
+ export default MainLayout;
23
+ //# sourceMappingURL=MainLayout.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"MainLayout.js","sourceRoot":"","sources":["../../src/layouts/MainLayout.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,5 @@
1
+ export { MainLayout, Header } from './MainLayout';
2
+ export type { LayoutProps, HeaderProps } from './MainLayout';
3
+ export { CourseLayout, LessonNavigation } from './CourseLayout';
4
+ export type { CourseLayoutProps, LessonNavigationProps } from './CourseLayout';
5
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/layouts/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AAClD,YAAY,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAE7D,OAAO,EAAE,YAAY,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAChE,YAAY,EAAE,iBAAiB,EAAE,qBAAqB,EAAE,MAAM,gBAAgB,CAAC"}
@@ -0,0 +1,3 @@
1
+ export { MainLayout, Header } from './MainLayout';
2
+ export { CourseLayout, LessonNavigation } from './CourseLayout';
3
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/layouts/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AAGlD,OAAO,EAAE,YAAY,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC"}