@academy-sdk/sdk 0.1.0

package/dist/index.cjs

@@ -0,0 +1,630 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var src_exports = {};
+__export(src_exports, {
+  DefaultLayout: () => DefaultLayout,
+  SDKProvider: () => SDKProvider,
+  calculateProgress: () => calculateProgress,
+  formatDate: () => formatDate,
+  formatDuration: () => formatDuration,
+  formatPrice: () => formatPrice,
+  formatRelativeTime: () => formatRelativeTime,
+  truncateText: () => truncateText,
+  useAiCoachAvailability: () => useAiCoachAvailability,
+  useAiCoachChat: () => useAiCoachChat,
+  useAiCoachHistory: () => useAiCoachHistory,
+  useCourseSearch: () => useCourseSearch,
+  useCreateBookmark: () => useCreateBookmark,
+  useCreateNote: () => useCreateNote,
+  useDebounce: () => useDebounce,
+  useDeleteBookmark: () => useDeleteBookmark,
+  useDeleteNote: () => useDeleteNote,
+  useLessonBookmarks: () => useLessonBookmarks,
+  useLessonNotes: () => useLessonNotes,
+  useLogout: () => useLogout,
+  useMyBundles: () => useMyBundles,
+  useMyCourses: () => useMyCourses,
+  useNotifications: () => useNotifications,
+  useSDK: () => useSDK,
+  useTheme: () => useTheme,
+  useToast: () => useToast,
+  useUpdateBookmark: () => useUpdateBookmark,
+  useUpdateNote: () => useUpdateNote,
+  useUser: () => useUser,
+  validateTemplateManifest: () => validateTemplateManifest
+});
+module.exports = __toCommonJS(src_exports);
+
+// src/hooks/sdk-context.tsx
+var import_react = require("react");
+var import_jsx_runtime = require("react/jsx-runtime");
+var SDKContext = (0, import_react.createContext)(null);
+function SDKProvider({ implementations, children }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SDKContext.Provider, { value: implementations, children });
+}
+function useSDK() {
+  const ctx = (0, import_react.useContext)(SDKContext);
+  if (!ctx) {
+    throw new Error(
+      "useSDK must be used within an SDKProvider. Make sure your learner routes are wrapped with <SDKProvider>."
+    );
+  }
+  return ctx;
+}
+
+// src/hooks/useUser.ts
+function useUser() {
+  const sdk = useSDK();
+  return sdk.useUser();
+}
+function useLogout() {
+  const sdk = useSDK();
+  return sdk.useLogout();
+}
+
+// src/hooks/useMyCourses.ts
+function useMyCourses(status, page, limit) {
+  const sdk = useSDK();
+  return sdk.useMyCourses(status, page, limit);
+}
+
+// src/hooks/useMyBundles.ts
+function useMyBundles(status, page, limit, search) {
+  const sdk = useSDK();
+  return sdk.useMyBundles(status, page, limit, search);
+}
+
+// src/hooks/useCourseSearch.ts
+function useCourseSearch(query) {
+  const sdk = useSDK();
+  return sdk.useCourseSearch(query);
+}
+
+// src/hooks/useNotes.ts
+function useLessonNotes(activityId) {
+  const sdk = useSDK();
+  return sdk.useLessonNotes(activityId);
+}
+function useCreateNote() {
+  const sdk = useSDK();
+  return sdk.useCreateNote();
+}
+function useUpdateNote() {
+  const sdk = useSDK();
+  return sdk.useUpdateNote();
+}
+function useDeleteNote() {
+  const sdk = useSDK();
+  return sdk.useDeleteNote();
+}
+
+// src/hooks/useBookmarks.ts
+function useLessonBookmarks(activityId) {
+  const sdk = useSDK();
+  return sdk.useLessonBookmarks(activityId);
+}
+function useCreateBookmark() {
+  const sdk = useSDK();
+  return sdk.useCreateBookmark();
+}
+function useUpdateBookmark() {
+  const sdk = useSDK();
+  return sdk.useUpdateBookmark();
+}
+function useDeleteBookmark() {
+  const sdk = useSDK();
+  return sdk.useDeleteBookmark();
+}
+
+// src/hooks/useAiCoach.ts
+function useAiCoachAvailability(courseId) {
+  const sdk = useSDK();
+  return sdk.useAiCoachAvailability(courseId);
+}
+function useAiCoachChat(courseId) {
+  const sdk = useSDK();
+  return sdk.useAiCoachChat(courseId);
+}
+function useAiCoachHistory(courseId, enabled) {
+  const sdk = useSDK();
+  return sdk.useAiCoachHistory(courseId, enabled);
+}
+
+// src/hooks/useNotifications.ts
+function useNotifications() {
+  const sdk = useSDK();
+  return sdk.useNotifications();
+}
+
+// src/hooks/useTheme.ts
+function useTheme() {
+  const sdk = useSDK();
+  return sdk.useTheme();
+}
+
+// src/hooks/useDebounce.ts
+function useDebounce(value, delay) {
+  const sdk = useSDK();
+  return sdk.useDebounce(value, delay);
+}
+
+// src/hooks/useToast.ts
+function useToast() {
+  const sdk = useSDK();
+  return sdk.useToast();
+}
+
+// src/contracts/template.contract.ts
+function validateTemplateManifest(manifest) {
+  if (!manifest.name) throw new Error("Template manifest must have a name");
+  if (!manifest.version) throw new Error("Template manifest must have a version");
+  if (!manifest.LearnerLayout) throw new Error("Template must provide LearnerLayout");
+  const requiredPages = [
+    "MyLearningPage",
+    "CatalogCoursesPage",
+    "CatalogBundlesPage",
+    "CourseDetailPage",
+    "BundleDetailPage",
+    "CoursePlayerPage",
+    "MessagesPage",
+    "ManualReviewPage",
+    "ManualReviewDetailPage",
+    "LearnerSettingsPage",
+    "PaymentSuccessPage",
+    "PaymentCancelPage",
+    "CreatorProfilePage"
+  ];
+  for (const page of requiredPages) {
+    if (!manifest.pages[page]) {
+      throw new Error(`Template must provide pages.${page}`);
+    }
+  }
+}
+
+// src/utils/formatters.ts
+function formatDuration(seconds) {
+  if (!seconds || seconds < 0) return "0:00";
+  const hours = Math.floor(seconds / 3600);
+  const minutes = Math.floor(seconds % 3600 / 60);
+  const secs = Math.floor(seconds % 60);
+  if (hours > 0) {
+    return `${hours}:${minutes.toString().padStart(2, "0")}:${secs.toString().padStart(2, "0")}`;
+  }
+  return `${minutes}:${secs.toString().padStart(2, "0")}`;
+}
+function formatPrice(amount, currency = "USD") {
+  return new Intl.NumberFormat("en-US", {
+    style: "currency",
+    currency,
+    minimumFractionDigits: 0,
+    maximumFractionDigits: 2
+  }).format(amount);
+}
+function formatDate(dateString, options) {
+  const date = new Date(dateString);
+  return date.toLocaleDateString("en-US", options != null ? options : {
+    year: "numeric",
+    month: "short",
+    day: "numeric"
+  });
+}
+function formatRelativeTime(dateString) {
+  const date = new Date(dateString);
+  const now = /* @__PURE__ */ new Date();
+  const diffMs = now.getTime() - date.getTime();
+  const diffSecs = Math.floor(diffMs / 1e3);
+  const diffMins = Math.floor(diffSecs / 60);
+  const diffHours = Math.floor(diffMins / 60);
+  const diffDays = Math.floor(diffHours / 24);
+  if (diffSecs < 60) return "just now";
+  if (diffMins < 60) return `${diffMins}m ago`;
+  if (diffHours < 24) return `${diffHours}h ago`;
+  if (diffDays < 7) return `${diffDays}d ago`;
+  return formatDate(dateString);
+}
+function calculateProgress(completed, total) {
+  if (total === 0) return 0;
+  return Math.round(completed / total * 100);
+}
+function truncateText(text, maxLength) {
+  if (text.length <= maxLength) return text;
+  return text.slice(0, maxLength).trimEnd() + "...";
+}
+
+// src/layouts/DefaultLayout.tsx
+var import_react3 = require("react");
+
+// src/components/organisms/LearnerNavbar.tsx
+var import_react2 = require("react");
+var import_lucide_react = require("lucide-react");
+
+// src/components/utils.ts
+var import_clsx = require("clsx");
+var import_tailwind_merge = require("tailwind-merge");
+function cn(...inputs) {
+  return (0, import_tailwind_merge.twMerge)((0, import_clsx.clsx)(inputs));
+}
+
+// src/components/organisms/LearnerNavbar.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+function LearnerNavbar({ hideMenuButton = false, onMenuClick, onProfileClick, onLogoClick }) {
+  var _a;
+  const sdk = useSDK();
+  const { user } = sdk.useUser();
+  const { logout } = sdk.useLogout();
+  const [profileDropdownOpen, setProfileDropdownOpen] = (0, import_react2.useState)(false);
+  const closeTimeoutRef = (0, import_react2.useRef)(null);
+  (0, import_react2.useEffect)(() => {
+    return () => {
+      if (closeTimeoutRef.current) clearTimeout(closeTimeoutRef.current);
+    };
+  }, []);
+  const openDropdown = () => {
+    if (closeTimeoutRef.current) {
+      clearTimeout(closeTimeoutRef.current);
+      closeTimeoutRef.current = null;
+    }
+    setProfileDropdownOpen(true);
+  };
+  const closeDropdownWithDelay = () => {
+    if (closeTimeoutRef.current) clearTimeout(closeTimeoutRef.current);
+    closeTimeoutRef.current = setTimeout(() => {
+      setProfileDropdownOpen(false);
+      closeTimeoutRef.current = null;
+    }, 150);
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("header", { style: { top: "var(--preview-toolbar-h, 0px)" }, className: "fixed left-0 right-0 z-30 h-20 border-b border-theme-border-primary bg-theme-bg-secondary", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "flex h-full items-center justify-between px-4 sm:px-6 lg:px-10 xl:px-12 2xl:px-16", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "flex items-center gap-4", children: !hideMenuButton && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      "button",
+      {
+        onClick: onMenuClick,
+        className: "rounded-lg p-2 hover:bg-theme-bg-tertiary lg:hidden",
+        children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_lucide_react.Menu, { className: "h-5 w-5 text-theme-text-primary" })
+      }
+    ) }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "ml-auto flex items-center", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+      "div",
+      {
+        className: "relative group ml-2 sm:ml-4 border-l border-theme-border-primary pl-3 sm:pl-5",
+        onMouseEnter: openDropdown,
+        onMouseLeave: closeDropdownWithDelay,
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+            "button",
+            {
+              onClick: () => setProfileDropdownOpen((o) => !o),
+              className: "flex items-center gap-2 sm:gap-3 hover:opacity-80 cursor-pointer transition-opacity",
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "relative flex h-8 w-8 sm:h-10 sm:w-10 items-center justify-center rounded-full bg-theme-accent-primary text-sm font-semibold text-white overflow-hidden", children: (user == null ? void 0 : user.profileImage) ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("img", { src: user.profileImage, alt: "Profile", className: "w-full h-full object-cover" }) : ((_a = user == null ? void 0 : user.name) == null ? void 0 : _a.charAt(0)) || "S" }),
+                user && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "hidden md:flex items-center gap-3", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "text-sm font-medium text-theme-text-primary", children: user.name }),
+                  /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                    import_lucide_react.ChevronDown,
+                    {
+                      className: cn(
+                        "h-4 w-4 text-theme-text-secondary transition-transform group-hover:rotate-180",
+                        profileDropdownOpen && "rotate-180"
+                      )
+                    }
+                  )
+                ] })
+              ]
+            }
+          ),
+          profileDropdownOpen && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+            "div",
+            {
+              className: "absolute right-0 top-full z-50 mt-2 w-56 rounded-lg border border-theme-border-primary bg-theme-bg-secondary shadow-lg",
+              onMouseEnter: openDropdown,
+              onMouseLeave: closeDropdownWithDelay,
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "border-b border-theme-border-primary p-3", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: "text-sm font-medium text-theme-text-primary", children: user == null ? void 0 : user.name }),
+                  /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: "text-xs text-theme-text-muted", children: user == null ? void 0 : user.email })
+                ] }),
+                /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "p-2", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+                  "button",
+                  {
+                    onClick: () => {
+                      onProfileClick == null ? void 0 : onProfileClick();
+                      setProfileDropdownOpen(false);
+                    },
+                    className: "flex w-full items-center gap-3 rounded-lg px-3 py-2 text-sm text-theme-text-secondary transition-colors hover:bg-[rgb(var(--accent-primary))]/15 hover:text-[rgb(var(--accent-primary))] cursor-pointer",
+                    children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_lucide_react.User, { className: "h-4 w-4" }),
+                      "My Profile"
+                    ]
+                  }
+                ) }),
+                /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "border-t border-theme-border-primary p-2", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+                  "button",
+                  {
+                    onClick: () => {
+                      logout();
+                      setProfileDropdownOpen(false);
+                    },
+                    className: "flex w-full items-center gap-3 rounded-lg px-3 py-2 text-sm text-theme-text-secondary transition-colors hover:bg-[rgb(var(--accent-primary))]/15 hover:text-[rgb(var(--accent-primary))] cursor-pointer",
+                    children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_lucide_react.LogOut, { className: "h-4 w-4" }),
+                      "Logout"
+                    ]
+                  }
+                ) })
+              ]
+            }
+          )
+        ]
+      }
+    ) })
+  ] }) });
+}
+
+// src/components/organisms/LearnerSidebar.tsx
+var import_lucide_react2 = require("lucide-react");
+
+// src/components/atoms/Button.tsx
+var React = __toESM(require("react"));
+var import_class_variance_authority = require("class-variance-authority");
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var buttonVariants = (0, import_class_variance_authority.cva)(
+  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 cursor-pointer",
+  {
+    variants: {
+      variant: {
+        default: "bg-theme-accent-primary text-white hover:opacity-90",
+        destructive: "bg-red-600 text-white hover:bg-red-700",
+        outline: "border border-theme-border-primary bg-theme-bg-secondary hover:bg-theme-bg-tertiary text-theme-text-primary",
+        secondary: "bg-theme-bg-tertiary text-theme-text-primary hover:opacity-80",
+        ghost: "hover:bg-theme-bg-tertiary text-theme-text-primary",
+        link: "text-[rgb(var(--accent-primary))] underline-offset-4 hover:underline"
+      },
+      size: {
+        default: "h-10 px-4 py-2",
+        sm: "h-9 rounded-md px-3",
+        lg: "h-11 rounded-md px-8",
+        icon: "h-10 w-10"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+var Button = React.forwardRef(
+  (_a, ref) => {
+    var _b = _a, { className, variant, size } = _b, props = __objRest(_b, ["className", "variant", "size"]);
+    return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+      "button",
+      __spreadValues({
+        className: cn(buttonVariants({ variant, size, className })),
+        ref
+      }, props)
+    );
+  }
+);
+Button.displayName = "Button";
+
+// src/components/organisms/LearnerSidebar.tsx
+var import_jsx_runtime4 = require("react/jsx-runtime");
+var defaultItems = [
+  { label: "My Learning", href: "/my-learning", icon: import_lucide_react2.BookOpen },
+  { label: "Catalog", href: "/catalog/courses", icon: import_lucide_react2.GraduationCap },
+  { label: "Messages", href: "/messages", icon: import_lucide_react2.MessageSquare },
+  { label: "Manual Review", href: "/manual-review", icon: import_lucide_react2.ClipboardCheck },
+  { label: "Account", href: "/account", icon: import_lucide_react2.UserCircle }
+];
+function LearnerSidebar({
+  isOpen,
+  isCollapsed,
+  onClose,
+  onToggle,
+  currentPath,
+  onNavigate,
+  items = defaultItems
+}) {
+  const sdk = useSDK();
+  const { user } = sdk.useUser();
+  const { logout } = sdk.useLogout();
+  const isActive = (href, label) => {
+    if (label === "Catalog" && currentPath.startsWith("/catalog")) return true;
+    return currentPath === href || currentPath.startsWith(href + "/");
+  };
+  const handleNav = (href) => {
+    onNavigate(href);
+    onClose();
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+      "aside",
+      {
+        style: { top: "var(--preview-toolbar-h, 0px)", height: "calc(100vh - var(--preview-toolbar-h, 0px))" },
+        className: cn(
+          "fixed left-0 z-40 border-r border-theme-border-primary bg-theme-bg-secondary transition-all duration-300 flex flex-col",
+          isOpen ? "translate-x-0" : "-translate-x-full lg:translate-x-0",
+          isCollapsed ? "w-16" : "w-64"
+        ),
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "flex h-20 items-center justify-between border-b border-theme-border-primary px-4 bg-theme-bg-secondary/50 backdrop-blur-sm", children: [
+            !isCollapsed && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+              "button",
+              {
+                onClick: () => handleNav("/my-learning"),
+                className: "flex items-center gap-2 sm:gap-3 hover:opacity-80 transition-opacity cursor-pointer",
+                children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "flex h-8 w-8 items-center justify-center rounded bg-theme-accent-primary", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_lucide_react2.BookOpen, { className: "h-5 w-5 text-white" }) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "text-xl font-bold text-theme-text-primary leading-none whitespace-nowrap", children: "Academy" })
+                ]
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+              Button,
+              {
+                variant: "ghost",
+                size: "icon",
+                onClick: onToggle,
+                className: cn("hover:bg-theme-bg-tertiary rounded-lg transition-colors", isCollapsed && "mx-auto"),
+                children: isCollapsed ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_lucide_react2.ChevronRight, { className: "h-5 w-5" }) : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_lucide_react2.ChevronLeft, { className: "h-5 w-5" })
+              }
+            )
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("nav", { className: "flex-1 overflow-y-auto p-4 space-y-1", children: items.map((item) => {
+            const Icon = item.icon;
+            const active = isActive(item.href, item.label);
+            return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+              "button",
+              {
+                onClick: () => handleNav(item.href),
+                className: cn(
+                  "flex w-full items-center gap-3 rounded-lg px-3 py-2 text-sm font-medium transition-colors cursor-pointer",
+                  active ? "bg-theme-accent-primary text-white hover:opacity-90" : "text-theme-text-secondary hover:bg-theme-bg-tertiary hover:text-theme-text-primary",
+                  isCollapsed && "justify-center"
+                ),
+                title: isCollapsed ? item.label : void 0,
+                children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Icon, { className: "h-5 w-5 shrink-0" }),
+                  !isCollapsed && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "whitespace-nowrap", children: item.label })
+                ]
+              },
+              item.href
+            );
+          }) }),
+          user && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "border-t border-theme-border-primary p-4", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "space-y-1", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+              "button",
+              {
+                onClick: () => handleNav("/learner-settings"),
+                className: cn(
+                  "flex w-full items-center gap-3 rounded-lg px-3 py-2 text-sm font-medium transition-colors cursor-pointer",
+                  currentPath === "/learner-settings" ? "bg-theme-accent-primary text-white" : "text-theme-text-secondary hover:bg-theme-bg-tertiary hover:text-theme-text-primary",
+                  isCollapsed && "justify-center"
+                ),
+                title: isCollapsed ? "Settings" : void 0,
+                children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_lucide_react2.Settings, { className: "h-5 w-5 shrink-0" }),
+                  !isCollapsed && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "whitespace-nowrap", children: "Settings" })
+                ]
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+              "button",
+              {
+                onClick: logout,
+                className: cn(
+                  "flex w-full items-center gap-3 rounded-lg px-3 py-2 text-sm font-medium transition-colors hover:bg-red-50 hover:text-red-600 text-theme-text-secondary cursor-pointer",
+                  isCollapsed && "justify-center"
+                ),
+                children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_lucide_react2.LogOut, { className: "h-5 w-5 shrink-0" }),
+                  !isCollapsed && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "whitespace-nowrap", children: "Logout" })
+                ]
+              }
+            )
+          ] }) })
+        ]
+      }
+    ),
+    isOpen && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "fixed inset-0 z-30 bg-black/50 lg:hidden", onClick: onClose })
+  ] });
+}
+
+// src/layouts/DefaultLayout.tsx
+var import_jsx_runtime5 = require("react/jsx-runtime");
+function DefaultLayout({ children, currentPath = "/my-learning", onNavigate }) {
+  const [sidebarCollapsed, setSidebarCollapsed] = (0, import_react3.useState)(false);
+  const [sidebarOpen, setSidebarOpen] = (0, import_react3.useState)(false);
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "min-h-screen bg-theme-bg-primary", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { style: { position: "fixed", top: "var(--preview-toolbar-h, 0px)", left: 0, right: 0, zIndex: 40 }, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+      LearnerNavbar,
+      {
+        onMenuClick: () => {
+          if (typeof window !== "undefined" && window.innerWidth >= 1024) {
+            setSidebarCollapsed((c) => !c);
+          } else {
+            setSidebarOpen((o) => !o);
+          }
+        }
+      }
+    ) }),
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { style: { paddingTop: "calc(80px + var(--preview-toolbar-h, 0px))", display: "flex", minHeight: "100vh" }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+        LearnerSidebar,
+        {
+          currentPath,
+          isCollapsed: sidebarCollapsed,
+          isOpen: sidebarOpen,
+          onClose: () => setSidebarOpen(false),
+          onToggle: () => setSidebarCollapsed((c) => !c),
+          onNavigate: onNavigate != null ? onNavigate : () => {
+          }
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+        "main",
+        {
+          style: {
+            flex: 1,
+            minWidth: 0,
+            transition: "margin-left 0.3s"
+          },
+          className: "px-4 sm:px-6 lg:px-8 py-6",
+          children
+        }
+      )
+    ] })
+  ] });
+}