@academy-sdk/sdk 0.1.1 → 0.2.1

package/dist/components/index.js

@@ -1,1245 +0,0 @@
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-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 __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-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;
-};
-
-// src/components/utils.ts
-import { clsx } from "clsx";
-import { twMerge } from "tailwind-merge";
-function cn(...inputs) {
-  return twMerge(clsx(inputs));
-}
-
-// src/components/atoms/Button.tsx
-import * as React from "react";
-import { cva } from "class-variance-authority";
-import { jsx } from "react/jsx-runtime";
-var buttonVariants = 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__ */ jsx(
-      "button",
-      __spreadValues({
-        className: cn(buttonVariants({ variant, size, className })),
-        ref
-      }, props)
-    );
-  }
-);
-Button.displayName = "Button";
-
-// src/components/atoms/Input.tsx
-import * as React2 from "react";
-import { jsx as jsx2, jsxs } from "react/jsx-runtime";
-var Input = React2.forwardRef(
-  (_a, ref) => {
-    var _b = _a, { className, type, label } = _b, props = __objRest(_b, ["className", "type", "label"]);
-    const inputElement = /* @__PURE__ */ jsx2(
-      "input",
-      __spreadValues({
-        type,
-        className: cn(
-          "flex h-10 w-full rounded-md border border-theme-border-primary bg-theme-bg-primary px-3 py-2 text-sm text-theme-text-primary file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-[rgb(var(--text-muted))] focus-visible:outline-none focus-visible:border-theme-accent-primary transition-colors disabled:cursor-not-allowed disabled:opacity-50",
-          className
-        ),
-        ref
-      }, props)
-    );
-    if (label) {
-      return /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ jsxs("label", { className: "text-sm font-medium text-theme-text-primary", children: [
-          label,
-          props.required && /* @__PURE__ */ jsx2("span", { className: "text-red-500 ml-1", children: "*" })
-        ] }),
-        inputElement
-      ] });
-    }
-    return inputElement;
-  }
-);
-Input.displayName = "Input";
-
-// src/components/atoms/Card.tsx
-import { jsx as jsx3 } from "react/jsx-runtime";
-function Card(_a) {
-  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx3(
-    "div",
-    __spreadValues({
-      className: cn("rounded-lg border border-theme-border-primary bg-theme-bg-primary shadow-sm", className)
-    }, props)
-  );
-}
-function CardHeader(_a) {
-  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx3("div", __spreadValues({ className: cn("flex flex-col space-y-1.5 p-6", className) }, props));
-}
-function CardTitle(_a) {
-  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx3("h3", __spreadValues({ className: cn("text-2xl font-semibold leading-none tracking-tight", className) }, props));
-}
-function CardDescription(_a) {
-  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx3("p", __spreadValues({ className: cn("text-sm text-theme-text-secondary", className) }, props));
-}
-function CardContent(_a) {
-  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx3("div", __spreadValues({ className: cn("p-6 pt-0", className) }, props));
-}
-function CardFooter(_a) {
-  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx3("div", __spreadValues({ className: cn("flex items-center p-6 pt-0", className) }, props));
-}
-
-// src/components/atoms/Badge.tsx
-import { cva as cva2 } from "class-variance-authority";
-import { jsx as jsx4 } from "react/jsx-runtime";
-var badgeVariants = cva2(
-  "inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2",
-  {
-    variants: {
-      variant: {
-        default: "bg-theme-accent-primary text-white",
-        secondary: "bg-theme-bg-tertiary text-theme-text-primary",
-        success: "border-transparent bg-green-600 text-white",
-        warning: "border-transparent bg-yellow-500 text-white",
-        destructive: "border-transparent bg-red-600 text-white",
-        outline: "text-theme-text-primary border-theme-border-primary"
-      }
-    },
-    defaultVariants: {
-      variant: "default"
-    }
-  }
-);
-function Badge(_a) {
-  var _b = _a, { className, variant } = _b, props = __objRest(_b, ["className", "variant"]);
-  return /* @__PURE__ */ jsx4("div", __spreadValues({ className: cn(badgeVariants({ variant }), className) }, props));
-}
-
-// src/components/atoms/Avatar.tsx
-import * as React3 from "react";
-import { jsx as jsx5 } from "react/jsx-runtime";
-var Avatar = React3.forwardRef(
-  (_a, ref) => {
-    var _b = _a, { className, src, alt, fallback } = _b, props = __objRest(_b, ["className", "src", "alt", "fallback"]);
-    return /* @__PURE__ */ jsx5(
-      "div",
-      __spreadProps(__spreadValues({
-        ref,
-        className: cn(
-          "relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full",
-          className
-        )
-      }, props), {
-        children: src ? /* @__PURE__ */ jsx5(
-          "img",
-          {
-            src,
-            alt: alt || "Avatar",
-            className: "aspect-square h-full w-full object-cover"
-          }
-        ) : /* @__PURE__ */ jsx5("div", { className: "flex h-full w-full items-center justify-center bg-gray-200 text-gray-600 text-sm font-medium", children: fallback || "?" })
-      })
-    );
-  }
-);
-Avatar.displayName = "Avatar";
-
-// src/components/atoms/ProgressBar.tsx
-import { jsx as jsx6, jsxs as jsxs2 } from "react/jsx-runtime";
-var sizeClasses = {
-  sm: "h-1.5",
-  md: "h-2.5",
-  lg: "h-3.5"
-};
-var variantClasses = {
-  default: "bg-theme-accent-primary",
-  success: "bg-green-600",
-  warning: "bg-yellow-500",
-  error: "bg-red-600"
-};
-function ProgressBar(_a) {
-  var _b = _a, {
-    value,
-    max = 100,
-    showLabel = false,
-    size = "md",
-    variant = "default",
-    className
-  } = _b, props = __objRest(_b, [
-    "value",
-    "max",
-    "showLabel",
-    "size",
-    "variant",
-    "className"
-  ]);
-  const percentage = Math.min(Math.max(value / max * 100, 0), 100);
-  return /* @__PURE__ */ jsxs2("div", __spreadProps(__spreadValues({ className: cn("w-full", className) }, props), { children: [
-    showLabel && /* @__PURE__ */ jsxs2("div", { className: "mb-1 flex items-center justify-between text-sm", children: [
-      /* @__PURE__ */ jsx6("span", { className: "text-theme-text-secondary", children: "Progress" }),
-      /* @__PURE__ */ jsxs2("span", { className: "font-medium text-theme-text-primary", children: [
-        Math.round(percentage),
-        "%"
-      ] })
-    ] }),
-    /* @__PURE__ */ jsx6("div", { className: cn("w-full overflow-hidden rounded-full bg-theme-bg-tertiary", sizeClasses[size]), children: /* @__PURE__ */ jsx6(
-      "div",
-      {
-        className: cn("h-full transition-all duration-300 ease-in-out", variantClasses[variant]),
-        style: { width: `${percentage}%` }
-      }
-    ) })
-  ] }));
-}
-
-// src/components/atoms/Tabs.tsx
-import { jsx as jsx7, jsxs as jsxs3 } from "react/jsx-runtime";
-function Tabs({ tabs, activeTab, onTabChange, className, actions }) {
-  return /* @__PURE__ */ jsx7("div", { className: cn("border-b border-theme-border-primary", className), children: /* @__PURE__ */ jsx7("div", { className: "px-4 sm:px-6 pt-4", children: /* @__PURE__ */ jsxs3("div", { className: "p-0.5 flex items-center justify-between overflow-x-auto", children: [
-    /* @__PURE__ */ jsx7("nav", { className: "flex gap-4 sm:gap-8 min-w-min", children: tabs.map((tab) => /* @__PURE__ */ jsxs3(
-      "button",
-      {
-        onClick: () => onTabChange(tab.id),
-        className: cn(
-          "pb-3 px-1 text-sm font-medium border-b-2 transition-all flex items-center gap-2 cursor-pointer whitespace-nowrap",
-          activeTab === tab.id ? "border-theme-accent-primary text-theme-accent-primary" : "border-transparent text-theme-text-secondary hover:text-theme-text-primary hover:border-theme-accent-primary/40"
-        ),
-        children: [
-          tab.icon && /* @__PURE__ */ jsx7("span", { className: "flex-shrink-0", children: tab.icon }),
-          tab.label
-        ]
-      },
-      tab.id
-    )) }),
-    actions && /* @__PURE__ */ jsx7("div", { className: "pb-3", children: actions })
-  ] }) }) });
-}
-
-// src/components/molecules/CourseCard.tsx
-import { useState } from "react";
-import { BookOpen, Clock, Grid2X2 } from "lucide-react";
-import { jsx as jsx8, jsxs as jsxs4 } from "react/jsx-runtime";
-function CourseCard({
-  id,
-  title,
-  thumbnail,
-  thumbnails,
-  totalLessons,
-  progress,
-  status,
-  isFree,
-  price = 0,
-  currency = "USD",
-  description,
-  showPrice = true,
-  showProgress = true,
-  category,
-  duration,
-  instructorName,
-  instructorAvatar,
-  originalPrice,
-  isBundle = false,
-  onClick,
-  className
-}) {
-  const [imageError, setImageError] = useState(false);
-  const clampedProgress = Math.min(Math.max(progress, 0), 100);
-  const stripHtml = (html) => {
-    if (typeof document === "undefined") return html;
-    const tmp = document.createElement("div");
-    tmp.innerHTML = html;
-    return tmp.textContent || tmp.innerText || "";
-  };
-  const displayCategory = category || "Design";
-  const displayDuration = duration || "3 Month";
-  const displayInstructorName = instructorName || (description ? stripHtml(description).slice(0, 15) : "Instructor");
-  return /* @__PURE__ */ jsxs4(
-    "div",
-    {
-      className: cn(
-        "group overflow-hidden rounded-2xl border border-gray-100 bg-white shadow-sm hover:shadow-lg transition-all duration-300 hover:-translate-y-1 h-full flex flex-col min-w-0 w-full cursor-pointer",
-        className
-      ),
-      onClick,
-      children: [
-        /* @__PURE__ */ jsxs4("div", { className: "relative h-[238.66px] w-full overflow-hidden mx-auto px-3 pt-3", children: [
-          /* @__PURE__ */ jsx8("div", { className: "relative w-full h-full rounded-xl overflow-hidden bg-gray-100", children: isBundle && thumbnails && thumbnails.length > 0 && !imageError ? /* @__PURE__ */ jsxs4("div", { className: "relative w-full h-full flex", children: [
-            /* @__PURE__ */ jsx8("div", { className: "relative h-full w-1/2", children: /* @__PURE__ */ jsx8(
-              "img",
-              {
-                src: thumbnails[0],
-                alt: `${title} - image 1`,
-                className: "w-full h-full object-cover transition-transform duration-300 group-hover:scale-110",
-                onError: () => setImageError(true)
-              }
-            ) }),
-            /* @__PURE__ */ jsxs4("div", { className: "flex flex-col w-1/2 h-full", children: [
-              thumbnails[1] && /* @__PURE__ */ jsx8("div", { className: cn("relative w-full overflow-hidden", thumbnails.length > 2 ? "h-1/2" : "h-full"), children: /* @__PURE__ */ jsx8(
-                "img",
-                {
-                  src: thumbnails[1],
-                  alt: `${title} - image 2`,
-                  className: "w-full h-full object-cover transition-transform duration-300 group-hover:scale-110",
-                  onError: () => setImageError(true)
-                }
-              ) }),
-              thumbnails.length > 2 && thumbnails[2] && /* @__PURE__ */ jsx8("div", { className: "relative w-full h-1/2 overflow-hidden", children: /* @__PURE__ */ jsx8(
-                "img",
-                {
-                  src: thumbnails[2],
-                  alt: `${title} - image 3`,
-                  className: "w-full h-full object-cover transition-transform duration-300 group-hover:scale-110",
-                  onError: () => setImageError(true)
-                }
-              ) })
-            ] })
-          ] }) : thumbnail && !imageError ? /* @__PURE__ */ jsx8(
-            "img",
-            {
-              src: thumbnail,
-              alt: title,
-              className: "w-full h-full object-cover transition-transform duration-300 group-hover:scale-110",
-              onError: () => setImageError(true)
-            }
-          ) : /* @__PURE__ */ jsx8("div", { className: "w-full h-full flex items-center justify-center bg-gray-200", children: /* @__PURE__ */ jsx8(BookOpen, { className: "w-12 h-12 text-gray-400" }) }) }),
-          status && /* @__PURE__ */ jsx8("div", { className: "absolute right-6 top-5", children: /* @__PURE__ */ jsx8(
-            "span",
-            {
-              className: `rounded-full px-3 py-1.5 text-xs font-medium text-white shadow-md ${status === "completed" ? "bg-green-500" : "bg-[rgb(var(--accent-primary))]"}`,
-              children: status
-            }
-          ) })
-        ] }),
-        /* @__PURE__ */ jsxs4("div", { className: "p-5 space-y-3 flex-1 flex flex-col min-w-0", children: [
-          (displayCategory || displayDuration) && /* @__PURE__ */ jsxs4("div", { className: "flex items-center justify-between text-xs text-gray-500", children: [
-            displayCategory && /* @__PURE__ */ jsxs4("div", { className: "flex items-center gap-1.5", children: [
-              /* @__PURE__ */ jsx8(Grid2X2, { className: "w-3.5 h-3.5 text-gray-400" }),
-              /* @__PURE__ */ jsx8("span", { children: displayCategory })
-            ] }),
-            displayDuration && /* @__PURE__ */ jsxs4("div", { className: "flex items-center gap-1.5", children: [
-              /* @__PURE__ */ jsx8(Clock, { className: "w-3.5 h-3.5 text-gray-400" }),
-              /* @__PURE__ */ jsx8("span", { children: displayDuration })
-            ] })
-          ] }),
-          /* @__PURE__ */ jsx8("h3", { className: "text-base font-bold text-gray-900 line-clamp-2 leading-snug", children: title }),
-          description && /* @__PURE__ */ jsx8("p", { className: "text-sm text-gray-500 line-clamp-3 leading-relaxed", children: stripHtml(description) }),
-          /* @__PURE__ */ jsx8("div", { className: "flex-1" }),
-          showProgress && /* @__PURE__ */ jsxs4("div", { className: "space-y-2", children: [
-            /* @__PURE__ */ jsx8("div", { className: "h-2 overflow-hidden rounded-full bg-gray-100", children: /* @__PURE__ */ jsx8(
-              "div",
-              {
-                className: "h-full rounded-full bg-[rgb(var(--accent-primary))] transition-all duration-300",
-                style: { width: `${clampedProgress}%` }
-              }
-            ) }),
-            /* @__PURE__ */ jsxs4("div", { className: "flex items-center justify-between text-xs", children: [
-              /* @__PURE__ */ jsx8("span", { className: "text-gray-400" }),
-              /* @__PURE__ */ jsxs4("span", { className: "text-gray-500", children: [
-                isBundle ? "Course" : "Lesson",
-                " ",
-                Math.ceil(clampedProgress / 100 * totalLessons),
-                " of ",
-                totalLessons
-              ] })
-            ] })
-          ] }),
-          showPrice && /* @__PURE__ */ jsxs4("div", { className: "flex items-center justify-between pt-3 border-t border-gray-100", children: [
-            /* @__PURE__ */ jsxs4("div", { className: "flex items-center gap-2", children: [
-              instructorAvatar ? /* @__PURE__ */ jsx8("div", { className: "w-7 h-7 rounded-full overflow-hidden flex-shrink-0", children: /* @__PURE__ */ jsx8("img", { src: instructorAvatar, alt: displayInstructorName, className: "w-full h-full object-cover" }) }) : /* @__PURE__ */ jsx8("div", { className: "w-7 h-7 rounded-full bg-gray-200 flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx8("span", { className: "text-[10px] font-semibold text-gray-500", children: displayInstructorName.charAt(0).toUpperCase() }) }),
-              /* @__PURE__ */ jsx8("span", { className: "text-sm text-gray-600 font-medium truncate max-w-[80px]", children: displayInstructorName })
-            ] }),
-            /* @__PURE__ */ jsxs4("div", { className: "flex items-center gap-2", children: [
-              !isFree && originalPrice && originalPrice > price && /* @__PURE__ */ jsxs4("span", { className: "text-sm text-gray-400 line-through", children: [
-                "$",
-                originalPrice
-              ] }),
-              /* @__PURE__ */ jsx8("span", { className: "text-lg font-bold text-[rgb(var(--accent-primary))]", children: isFree ? "Free" : `$${price}` })
-            ] })
-          ] })
-        ] })
-      ]
-    }
-  );
-}
-
-// src/components/molecules/Pagination.tsx
-import { ChevronLeft, ChevronRight } from "lucide-react";
-import { jsx as jsx9, jsxs as jsxs5 } from "react/jsx-runtime";
-function Pagination({
-  currentPage,
-  totalPages,
-  total,
-  pageSize,
-  hasNextPage,
-  hasPreviousPage,
-  onPageChange,
-  maxVisiblePages = 5,
-  className
-}) {
-  const renderPageNumbers = () => {
-    const pages = [];
-    let startPage = Math.max(1, currentPage - Math.floor(maxVisiblePages / 2));
-    let endPage = Math.min(totalPages, startPage + maxVisiblePages - 1);
-    if (endPage - startPage < maxVisiblePages - 1) {
-      startPage = Math.max(1, endPage - maxVisiblePages + 1);
-    }
-    for (let i = startPage; i <= endPage; i++) {
-      pages.push(
-        /* @__PURE__ */ jsx9(
-          "button",
-          {
-            onClick: () => onPageChange(i),
-            className: cn(
-              "px-3 py-1 rounded cursor-pointer transition-colors",
-              i === currentPage ? "bg-theme-accent-primary text-white" : "text-theme-text-primary border border-theme-border-primary hover:bg-theme-bg-tertiary"
-            ),
-            children: i
-          },
-          i
-        )
-      );
-    }
-    return pages;
-  };
-  return /* @__PURE__ */ jsxs5("div", { className: cn("flex items-center justify-between border-t border-theme-border-primary pt-4", className), children: [
-    /* @__PURE__ */ jsxs5("div", { className: "text-sm text-theme-text-secondary", children: [
-      "Showing ",
-      (currentPage - 1) * pageSize + 1,
-      " to ",
-      Math.min(currentPage * pageSize, total),
-      " of ",
-      total,
-      " results"
-    ] }),
-    /* @__PURE__ */ jsxs5("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ jsx9(
-        "button",
-        {
-          onClick: () => onPageChange(currentPage - 1),
-          disabled: !hasPreviousPage,
-          className: "p-2 rounded border border-theme-border-primary hover:bg-theme-bg-tertiary disabled:opacity-50 disabled:cursor-not-allowed cursor-pointer transition-colors",
-          "aria-label": "Previous page",
-          children: /* @__PURE__ */ jsx9(ChevronLeft, { className: "h-4 w-4" })
-        }
-      ),
-      renderPageNumbers(),
-      /* @__PURE__ */ jsx9(
-        "button",
-        {
-          onClick: () => onPageChange(currentPage + 1),
-          disabled: !hasNextPage,
-          className: "p-2 rounded border border-theme-border-primary hover:bg-theme-bg-tertiary disabled:opacity-50 disabled:cursor-not-allowed cursor-pointer transition-colors",
-          "aria-label": "Next page",
-          children: /* @__PURE__ */ jsx9(ChevronRight, { className: "h-4 w-4" })
-        }
-      )
-    ] })
-  ] });
-}
-
-// src/components/molecules/PageHeader.tsx
-import { jsx as jsx10, jsxs as jsxs6 } from "react/jsx-runtime";
-function PageHeader({ title, description, actions, className }) {
-  return /* @__PURE__ */ jsxs6("div", { className: cn("flex flex-col sm:flex-row sm:items-center justify-between gap-4 mb-6", className), children: [
-    /* @__PURE__ */ jsxs6("div", { children: [
-      /* @__PURE__ */ jsx10("h1", { className: "text-2xl font-bold text-theme-text-primary", children: title }),
-      description && /* @__PURE__ */ jsx10("p", { className: "text-sm text-theme-text-secondary mt-1", children: description })
-    ] }),
-    actions && /* @__PURE__ */ jsx10("div", { className: "flex items-center gap-2", children: actions })
-  ] });
-}
-
-// src/components/molecules/SearchInput.tsx
-import { Search, X } from "lucide-react";
-import { jsx as jsx11, jsxs as jsxs7 } from "react/jsx-runtime";
-function SearchInput({ value, onChange, placeholder = "Search...", className }) {
-  return /* @__PURE__ */ jsxs7("div", { className: cn("relative", className), children: [
-    /* @__PURE__ */ jsx11(Search, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-theme-text-muted" }),
-    /* @__PURE__ */ jsx11(
-      "input",
-      {
-        type: "text",
-        value,
-        onChange: (e) => onChange(e.target.value),
-        placeholder,
-        className: "w-full pl-10 pr-10 py-2 text-sm rounded-lg border border-theme-border-primary bg-theme-bg-primary text-theme-text-primary placeholder:text-[rgb(var(--text-muted))] focus:outline-none focus:border-theme-accent-primary transition-colors"
-      }
-    ),
-    value && /* @__PURE__ */ jsx11(
-      "button",
-      {
-        onClick: () => onChange(""),
-        className: "absolute right-3 top-1/2 -translate-y-1/2 text-theme-text-muted hover:text-theme-text-primary cursor-pointer",
-        "aria-label": "Clear search",
-        children: /* @__PURE__ */ jsx11(X, { className: "h-4 w-4" })
-      }
-    )
-  ] });
-}
-
-// src/components/molecules/EmptyState.tsx
-import { jsx as jsx12, jsxs as jsxs8 } from "react/jsx-runtime";
-function EmptyState({ icon, title, description, action, className }) {
-  return /* @__PURE__ */ jsxs8("div", { className: cn("flex flex-col items-center justify-center py-12 text-center", className), children: [
-    icon && /* @__PURE__ */ jsx12("div", { className: "mb-4 text-theme-text-muted", children: icon }),
-    /* @__PURE__ */ jsx12("h3", { className: "text-lg font-semibold text-theme-text-primary", children: title }),
-    description && /* @__PURE__ */ jsx12("p", { className: "mt-2 text-sm text-theme-text-secondary max-w-md", children: description }),
-    action && /* @__PURE__ */ jsx12("div", { className: "mt-4", children: action })
-  ] });
-}
-
-// src/components/molecules/LoadingSpinner.tsx
-import { jsx as jsx13, jsxs as jsxs9 } from "react/jsx-runtime";
-var sizeClasses2 = {
-  sm: "h-4 w-4",
-  md: "h-8 w-8",
-  lg: "h-12 w-12"
-};
-function LoadingSpinner({ size = "md", className, text }) {
-  return /* @__PURE__ */ jsxs9("div", { className: cn("flex flex-col items-center justify-center gap-3", className), children: [
-    /* @__PURE__ */ jsx13(
-      "div",
-      {
-        className: cn(
-          "animate-spin rounded-full border-2 border-theme-bg-tertiary border-t-theme-accent-primary",
-          sizeClasses2[size]
-        )
-      }
-    ),
-    text && /* @__PURE__ */ jsx13("p", { className: "text-sm text-theme-text-secondary", children: text })
-  ] });
-}
-
-// src/components/organisms/LearnerNavbar.tsx
-import { useEffect, useRef, useState as useState2 } from "react";
-import { User, Menu, ChevronDown, LogOut } from "lucide-react";
-
-// src/hooks/sdk-context.tsx
-import { createContext, useContext } from "react";
-import { jsx as jsx14 } from "react/jsx-runtime";
-var SDKContext = createContext(null);
-function useSDK() {
-  const ctx = 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/components/organisms/LearnerNavbar.tsx
-import { jsx as jsx15, jsxs as jsxs10 } from "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] = useState2(false);
-  const closeTimeoutRef = useRef(null);
-  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__ */ jsx15("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__ */ jsxs10("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__ */ jsx15("div", { className: "flex items-center gap-4", children: !hideMenuButton && /* @__PURE__ */ jsx15(
-      "button",
-      {
-        onClick: onMenuClick,
-        className: "rounded-lg p-2 hover:bg-theme-bg-tertiary lg:hidden",
-        children: /* @__PURE__ */ jsx15(Menu, { className: "h-5 w-5 text-theme-text-primary" })
-      }
-    ) }),
-    /* @__PURE__ */ jsx15("div", { className: "ml-auto flex items-center", children: /* @__PURE__ */ jsxs10(
-      "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__ */ jsxs10(
-            "button",
-            {
-              onClick: () => setProfileDropdownOpen((o) => !o),
-              className: "flex items-center gap-2 sm:gap-3 hover:opacity-80 cursor-pointer transition-opacity",
-              children: [
-                /* @__PURE__ */ jsx15("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__ */ jsx15("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__ */ jsxs10("div", { className: "hidden md:flex items-center gap-3", children: [
-                  /* @__PURE__ */ jsx15("div", { className: "text-sm font-medium text-theme-text-primary", children: user.name }),
-                  /* @__PURE__ */ jsx15(
-                    ChevronDown,
-                    {
-                      className: cn(
-                        "h-4 w-4 text-theme-text-secondary transition-transform group-hover:rotate-180",
-                        profileDropdownOpen && "rotate-180"
-                      )
-                    }
-                  )
-                ] })
-              ]
-            }
-          ),
-          profileDropdownOpen && /* @__PURE__ */ jsxs10(
-            "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__ */ jsxs10("div", { className: "border-b border-theme-border-primary p-3", children: [
-                  /* @__PURE__ */ jsx15("p", { className: "text-sm font-medium text-theme-text-primary", children: user == null ? void 0 : user.name }),
-                  /* @__PURE__ */ jsx15("p", { className: "text-xs text-theme-text-muted", children: user == null ? void 0 : user.email })
-                ] }),
-                /* @__PURE__ */ jsx15("div", { className: "p-2", children: /* @__PURE__ */ jsxs10(
-                  "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__ */ jsx15(User, { className: "h-4 w-4" }),
-                      "My Profile"
-                    ]
-                  }
-                ) }),
-                /* @__PURE__ */ jsx15("div", { className: "border-t border-theme-border-primary p-2", children: /* @__PURE__ */ jsxs10(
-                  "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__ */ jsx15(LogOut, { className: "h-4 w-4" }),
-                      "Logout"
-                    ]
-                  }
-                ) })
-              ]
-            }
-          )
-        ]
-      }
-    ) })
-  ] }) });
-}
-
-// src/components/organisms/LearnerSidebar.tsx
-import { BookOpen as BookOpen3, GraduationCap, MessageSquare, ClipboardCheck, UserCircle, Settings, LogOut as LogOut2, ChevronLeft as ChevronLeft2, ChevronRight as ChevronRight2 } from "lucide-react";
-import { Fragment, jsx as jsx16, jsxs as jsxs11 } from "react/jsx-runtime";
-var defaultItems = [
-  { label: "My Learning", href: "/my-learning", icon: BookOpen3 },
-  { label: "Catalog", href: "/catalog/courses", icon: GraduationCap },
-  { label: "Messages", href: "/messages", icon: MessageSquare },
-  { label: "Manual Review", href: "/manual-review", icon: ClipboardCheck },
-  { label: "Account", href: "/account", icon: 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__ */ jsxs11(Fragment, { children: [
-    /* @__PURE__ */ jsxs11(
-      "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__ */ jsxs11("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__ */ jsxs11(
-              "button",
-              {
-                onClick: () => handleNav("/my-learning"),
-                className: "flex items-center gap-2 sm:gap-3 hover:opacity-80 transition-opacity cursor-pointer",
-                children: [
-                  /* @__PURE__ */ jsx16("div", { className: "flex h-8 w-8 items-center justify-center rounded bg-theme-accent-primary", children: /* @__PURE__ */ jsx16(BookOpen3, { className: "h-5 w-5 text-white" }) }),
-                  /* @__PURE__ */ jsx16("span", { className: "text-xl font-bold text-theme-text-primary leading-none whitespace-nowrap", children: "Academy" })
-                ]
-              }
-            ),
-            /* @__PURE__ */ jsx16(
-              Button,
-              {
-                variant: "ghost",
-                size: "icon",
-                onClick: onToggle,
-                className: cn("hover:bg-theme-bg-tertiary rounded-lg transition-colors", isCollapsed && "mx-auto"),
-                children: isCollapsed ? /* @__PURE__ */ jsx16(ChevronRight2, { className: "h-5 w-5" }) : /* @__PURE__ */ jsx16(ChevronLeft2, { className: "h-5 w-5" })
-              }
-            )
-          ] }),
-          /* @__PURE__ */ jsx16("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__ */ jsxs11(
-              "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__ */ jsx16(Icon, { className: "h-5 w-5 shrink-0" }),
-                  !isCollapsed && /* @__PURE__ */ jsx16("span", { className: "whitespace-nowrap", children: item.label })
-                ]
-              },
-              item.href
-            );
-          }) }),
-          user && /* @__PURE__ */ jsx16("div", { className: "border-t border-theme-border-primary p-4", children: /* @__PURE__ */ jsxs11("div", { className: "space-y-1", children: [
-            /* @__PURE__ */ jsxs11(
-              "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__ */ jsx16(Settings, { className: "h-5 w-5 shrink-0" }),
-                  !isCollapsed && /* @__PURE__ */ jsx16("span", { className: "whitespace-nowrap", children: "Settings" })
-                ]
-              }
-            ),
-            /* @__PURE__ */ jsxs11(
-              "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__ */ jsx16(LogOut2, { className: "h-5 w-5 shrink-0" }),
-                  !isCollapsed && /* @__PURE__ */ jsx16("span", { className: "whitespace-nowrap", children: "Logout" })
-                ]
-              }
-            )
-          ] }) })
-        ]
-      }
-    ),
-    isOpen && /* @__PURE__ */ jsx16("div", { className: "fixed inset-0 z-30 bg-black/50 lg:hidden", onClick: onClose })
-  ] });
-}
-
-// src/components/organisms/CourseSidebar.tsx
-import { useState as useState3, useMemo } from "react";
-import { ArrowLeft, Search as Search2, X as X2, Lock, ClipboardList, Award, Check, ChevronRight as ChevronRight3 } from "lucide-react";
-import { Fragment as Fragment2, jsx as jsx17, jsxs as jsxs12 } from "react/jsx-runtime";
-var lessonColors = [
-  "bg-[#E2F0FF] border-l-4 border-[#3aa3a5]",
-  "bg-[#fcddb5] border-l-4 border-[#d67a05]",
-  "bg-[#FAD1CE] border-l-4 border-[#7ab3f0]"
-];
-function CourseSidebar({
-  courseTitle,
-  modules,
-  currentLessonId,
-  expandedModules,
-  completedCount,
-  totalCount,
-  onToggleModule,
-  onSelectLesson,
-  hideProgress = false,
-  hideSearch = false,
-  certificateEnabled = false,
-  isCompleted = false,
-  onDownloadCertificate,
-  isDownloadingCertificate = false,
-  onBack,
-  showBackButton = true,
-  className
-}) {
-  const [searchQuery, setSearchQuery] = useState3("");
-  const filteredModules = useMemo(() => {
-    if (!searchQuery.trim()) return modules;
-    const query = searchQuery.toLowerCase();
-    return modules.map((mod) => __spreadProps(__spreadValues({}, mod), {
-      lessons: mod.lessons.filter((l) => l.title.toLowerCase().includes(query))
-    })).filter((mod) => mod.lessons.length > 0);
-  }, [modules, searchQuery]);
-  const totalResults = filteredModules.reduce((sum, m) => sum + m.lessons.length, 0);
-  const progressPct = totalCount > 0 ? completedCount / totalCount * 100 : 0;
-  const formatDuration = (duration) => {
-    if (!duration) return "";
-    const text = duration.trim();
-    if (!text) return "";
-    if (/[a-zA-Z]/.test(text)) return text;
-    const parts = text.split(":").map(Number);
-    if (parts.some(isNaN)) return text;
-    if (parts.length === 3) {
-      const [hrs, mins] = parts;
-      if (hrs > 0 && mins > 0) return `${hrs} ${hrs === 1 ? "hour" : "hours"} ${mins} min`;
-      if (hrs > 0) return `${hrs} ${hrs === 1 ? "hour" : "hours"}`;
-      return `${mins} min`;
-    }
-    if (parts.length === 2) {
-      const [mins, secs] = parts;
-      return `${mins > 0 ? mins : secs > 0 ? 1 : 0} min`;
-    }
-    return `${Math.max(1, Math.round(parts[0] / 60))} min`;
-  };
-  let globalLessonIndex = 0;
-  return /* @__PURE__ */ jsxs12("div", { className: cn("w-full lg:w-[350px] bg-white flex-shrink-0 flex flex-col border-r border-gray-100 lg:h-screen lg:sticky lg:top-0 overflow-y-auto", className), children: [
-    /* @__PURE__ */ jsxs12("div", { className: "p-6", children: [
-      showBackButton && onBack && /* @__PURE__ */ jsx17(
-        "button",
-        {
-          onClick: onBack,
-          className: "w-10 h-10 bg-[#4ecdc4] rounded-md flex items-center justify-center text-white hover:bg-[#3dbdb4] transition-colors mb-6 cursor-pointer",
-          "aria-label": "Go back",
-          children: /* @__PURE__ */ jsx17(ArrowLeft, { className: "w-5 h-5" })
-        }
-      ),
-      /* @__PURE__ */ jsx17("h3", { className: "text-3xl font-semibold text-[#1f2937] leading-tight", children: courseTitle ? `${courseTitle.charAt(0).toUpperCase()}${courseTitle.slice(1)}` : "" }),
-      !hideProgress && /* @__PURE__ */ jsxs12("div", { className: "mt-4", children: [
-        /* @__PURE__ */ jsx17(ProgressBar, { value: progressPct, size: "sm" }),
-        /* @__PURE__ */ jsxs12("p", { className: "text-xs text-gray-400 mt-1 text-right", children: [
-          completedCount,
-          " / ",
-          totalCount,
-          " lessons \xB7 ",
-          Math.round(progressPct),
-          "%"
-        ] })
-      ] }),
-      certificateEnabled && isCompleted && onDownloadCertificate && completedCount === totalCount && totalCount > 0 && /* @__PURE__ */ jsxs12(
-        Button,
-        {
-          onClick: onDownloadCertificate,
-          disabled: isDownloadingCertificate,
-          className: "w-full mt-3 bg-green-600 hover:bg-green-700 disabled:opacity-50 text-white",
-          children: [
-            /* @__PURE__ */ jsx17(Award, { className: "w-4 h-4 mr-2" }),
-            isDownloadingCertificate ? "Downloading..." : "Download Certificate"
-          ]
-        }
-      ),
-      !hideSearch && /* @__PURE__ */ jsxs12("div", { className: "mt-3 relative", children: [
-        /* @__PURE__ */ jsx17(Search2, { className: "absolute left-3 top-1/2 -translate-y-1/2 w-4 h-4 text-gray-400" }),
-        /* @__PURE__ */ jsx17(
-          "input",
-          {
-            type: "text",
-            placeholder: "Search lessons...",
-            value: searchQuery,
-            onChange: (e) => setSearchQuery(e.target.value),
-            className: "w-full pl-9 pr-9 py-2 text-sm bg-gray-50 border border-gray-200 text-gray-700 placeholder:text-gray-400 rounded-lg focus:outline-none focus:border-[#49BBBD] transition-colors"
-          }
-        ),
-        searchQuery && /* @__PURE__ */ jsxs12(Fragment2, { children: [
-          /* @__PURE__ */ jsx17(
-            "button",
-            {
-              onClick: () => setSearchQuery(""),
-              className: "absolute right-3 top-1/2 -translate-y-1/2 text-gray-400 hover:text-gray-600 cursor-pointer",
-              "aria-label": "Clear search",
-              children: /* @__PURE__ */ jsx17(X2, { className: "w-4 h-4" })
-            }
-          ),
-          /* @__PURE__ */ jsxs12("p", { className: "text-xs text-gray-400 mt-1", children: [
-            totalResults,
-            " ",
-            totalResults === 1 ? "lesson" : "lessons",
-            " found"
-          ] })
-        ] })
-      ] })
-    ] }),
-    /* @__PURE__ */ jsx17("div", { className: "flex-1 px-4 space-y-8 pb-10", children: filteredModules.length === 0 ? /* @__PURE__ */ jsxs12("div", { className: "text-center py-8", children: [
-      /* @__PURE__ */ jsx17(Search2, { className: "w-10 h-10 text-gray-300 mx-auto mb-2" }),
-      /* @__PURE__ */ jsxs12("p", { className: "text-sm text-gray-400", children: [
-        "No lessons found for \u201C",
-        searchQuery,
-        "\u201D"
-      ] }),
-      /* @__PURE__ */ jsx17("button", { onClick: () => setSearchQuery(""), className: "mt-2 text-sm text-[#49BBBD] hover:underline font-medium cursor-pointer", children: "Clear search" })
-    ] }) : filteredModules.map((module) => {
-      const isExpanded = expandedModules.has(module.id) || !!searchQuery.trim();
-      return /* @__PURE__ */ jsxs12("div", { children: [
-        /* @__PURE__ */ jsxs12(
-          "button",
-          {
-            type: "button",
-            onClick: () => onToggleModule(module.id),
-            "aria-expanded": isExpanded,
-            className: "w-full flex items-center justify-between text-left mb-3 px-2 cursor-pointer",
-            children: [
-              /* @__PURE__ */ jsx17("h3", { className: "text-sm font-bold text-gray-500 uppercase tracking-wider", children: module.title }),
-              /* @__PURE__ */ jsx17(ChevronRight3, { className: cn("w-4 h-4 transition-transform", isExpanded ? "rotate-90 text-[#49BBBD]" : "text-gray-400") })
-            ]
-          }
-        ),
-        isExpanded && /* @__PURE__ */ jsx17("div", { className: "space-y-3", children: module.lessons.map((lesson) => {
-          const isCurrent = currentLessonId === lesson.id;
-          const isLocked = lesson.locked === true;
-          const colorClass = lessonColors[globalLessonIndex % lessonColors.length];
-          globalLessonIndex++;
-          let availabilityText = "";
-          if (isLocked) {
-            if (lesson.availableAt) {
-              const diffDays = Math.ceil((new Date(lesson.availableAt).getTime() - Date.now()) / 864e5);
-              availabilityText = diffDays > 0 ? `Available in ${diffDays}d` : `Available on ${new Date(lesson.availableAt).toLocaleDateString()}`;
-            } else if (lesson.hasPrerequisite) {
-              availabilityText = "Complete previous lesson";
-            }
-          }
-          return /* @__PURE__ */ jsxs12(
-            "button",
-            {
-              title: lesson.title,
-              onClick: () => !isLocked && onSelectLesson(lesson.id),
-              disabled: isLocked,
-              className: cn(
-                "w-full text-left p-4 rounded-lg flex items-center justify-between transition-transform",
-                isLocked ? "opacity-50 cursor-not-allowed" : "hover:scale-[1.02] active:scale-[0.98] cursor-pointer",
-                isCurrent ? "bg-[#49BBBD] text-white shadow-md ring-2 ring-[#2a9ea0]/40" : colorClass
-              ),
-              children: [
-                /* @__PURE__ */ jsxs12("div", { className: "flex items-center gap-3 overflow-hidden", children: [
-                  lesson.completed ? /* @__PURE__ */ jsx17("div", { className: "w-5 h-5 rounded-full border-2 bg-green-500 border-green-500 flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx17(Check, { className: "w-3 h-3 text-white" }) }) : isLocked ? /* @__PURE__ */ jsx17("div", { className: "w-5 h-5 rounded-full border-2 border-gray-400 flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx17(Lock, { className: "w-2.5 h-2.5 text-gray-500" }) }) : /* @__PURE__ */ jsx17("div", { className: cn("w-5 h-5 rounded-full border-2 flex items-center justify-center flex-shrink-0", isCurrent ? "border-white/60" : "border-gray-400"), children: /* @__PURE__ */ jsx17("div", { className: cn("w-2.5 h-2.5 rounded-sm", isCurrent ? "bg-white/80" : "bg-[#1f2a44]") }) }),
-                  /* @__PURE__ */ jsxs12("div", { className: "overflow-hidden", children: [
-                    /* @__PURE__ */ jsxs12("div", { className: "flex items-center gap-1.5", children: [
-                      lesson.type === "ASSESSMENT" ? /* @__PURE__ */ jsx17(ClipboardList, { className: cn("w-3.5 h-3.5 flex-shrink-0", isCurrent ? "text-white" : "text-gray-600") }) : null,
-                      /* @__PURE__ */ jsx17("span", { className: cn("text-sm font-medium truncate", isCurrent ? "text-white" : "text-gray-800"), children: lesson.title })
-                    ] }),
-                    isLocked && availabilityText && /* @__PURE__ */ jsx17("p", { className: "text-xs text-gray-600 mt-0.5 truncate", children: availabilityText })
-                  ] })
-                ] }),
-                lesson.type === "ASSESSMENT" ? /* @__PURE__ */ jsx17("span", { className: cn("text-xs font-semibold flex-shrink-0 ml-2", isCurrent ? "text-white/90" : "text-gray-600"), children: "Quiz" }) : lesson.duration ? /* @__PURE__ */ jsx17("span", { className: cn("text-xs font-semibold flex-shrink-0 ml-2", isCurrent ? "text-white/90" : "text-gray-600"), children: formatDuration(lesson.duration) }) : null
-              ]
-            },
-            lesson.id
-          );
-        }) })
-      ] }, module.id);
-    }) })
-  ] });
-}
-
-// src/components/organisms/LessonNotes.tsx
-import { useState as useState4, useEffect as useEffect2 } from "react";
-import { Pencil, Trash2 } from "lucide-react";
-import { Fragment as Fragment3, jsx as jsx18, jsxs as jsxs13 } from "react/jsx-runtime";
-function formatTimestamp(seconds) {
-  if (seconds === void 0 || seconds === null) return "";
-  const total = Math.floor(seconds);
-  const hrs = Math.floor(total / 3600);
-  const mins = Math.floor(total % 3600 / 60);
-  const secs = Math.floor(total % 60);
-  if (hrs > 0) return `${String(hrs).padStart(2, "0")}:${String(mins).padStart(2, "0")}:${String(secs).padStart(2, "0")}`;
-  return `${String(mins).padStart(2, "0")}:${String(secs).padStart(2, "0")}`;
-}
-function LessonNotes({ activityId, currentVideoTime, getLiveCurrentTime, onTimestampClick }) {
-  const sdk = useSDK();
-  const { data: apiNotes, isLoading, refetch } = sdk.useLessonNotes(activityId);
-  const { createNote, isLoading: isCreating } = sdk.useCreateNote();
-  const { updateNote, isLoading: isUpdating } = sdk.useUpdateNote();
-  const { deleteNote, isLoading: isDeleting } = sdk.useDeleteNote();
-  const [noteText, setNoteText] = useState4("");
-  const [editingNoteId, setEditingNoteId] = useState4(null);
-  const [editingText, setEditingText] = useState4("");
-  const notes = Array.isArray(apiNotes) ? apiNotes : [];
-  useEffect2(() => {
-    setNoteText("");
-    setEditingNoteId(null);
-    setEditingText("");
-  }, [activityId]);
-  const handleSaveNote = async () => {
-    if (!noteText.trim()) return;
-    const effectiveTime = getLiveCurrentTime ? getLiveCurrentTime() : currentVideoTime;
-    const result = await createNote({
-      activityId,
-      text: noteText.trim(),
-      timestamp: effectiveTime !== void 0 ? Math.floor(effectiveTime) : void 0
-    });
-    if (result) {
-      setNoteText("");
-      refetch();
-    }
-  };
-  const handleSaveEdit = async (noteId) => {
-    if (!editingText.trim()) return;
-    const result = await updateNote(noteId, { text: editingText.trim() });
-    if (result) {
-      setEditingNoteId(null);
-      setEditingText("");
-      refetch();
-    }
-  };
-  const handleDeleteNote = async (noteId) => {
-    const success = await deleteNote(noteId);
-    if (success) refetch();
-  };
-  const handleTimestampClick = (timestamp) => {
-    onTimestampClick == null ? void 0 : onTimestampClick(timestamp);
-    window.scrollTo({ top: 0, behavior: "smooth" });
-  };
-  return /* @__PURE__ */ jsx18("div", { className: "space-y-6", children: isLoading ? /* @__PURE__ */ jsx18("div", { className: "flex items-center justify-center py-8", children: /* @__PURE__ */ jsx18("div", { className: "text-theme-text-secondary", children: "Loading notes..." }) }) : /* @__PURE__ */ jsxs13(Fragment3, { children: [
-    /* @__PURE__ */ jsxs13("div", { className: "space-y-3", children: [
-      /* @__PURE__ */ jsx18(
-        "textarea",
-        {
-          placeholder: "Write a note...",
-          value: noteText,
-          onChange: (e) => setNoteText(e.target.value),
-          rows: notes.length === 0 ? 6 : 4,
-          className: "w-full resize-none rounded-md border border-theme-border-primary bg-theme-bg-primary px-3 py-2 text-sm text-theme-text-primary placeholder:text-[rgb(var(--text-muted))] focus-visible:outline-none focus-visible:border-theme-accent-primary transition-colors"
-        }
-      ),
-      /* @__PURE__ */ jsx18("div", { className: "flex justify-end", children: /* @__PURE__ */ jsx18(
-        Button,
-        {
-          onClick: handleSaveNote,
-          disabled: !noteText.trim() || isCreating,
-          className: "bg-theme-accent-primary hover:bg-theme-accent-primary/90 text-white",
-          children: isCreating ? "Saving..." : "Save note"
-        }
-      ) })
-    ] }),
-    notes.length === 0 ? /* @__PURE__ */ jsxs13("div", { className: "space-y-2", children: [
-      /* @__PURE__ */ jsx18("h3", { className: "text-xl font-bold text-theme-text-primary", children: "No notes yet" }),
-      /* @__PURE__ */ jsx18("p", { className: "text-base text-theme-text-secondary", children: "Add notes for this lesson to remember key points." })
-    ] }) : /* @__PURE__ */ jsxs13("div", { className: "space-y-4", children: [
-      /* @__PURE__ */ jsx18("h3", { className: "text-lg font-bold text-theme-text-primary", children: "Your notes for this lesson" }),
-      /* @__PURE__ */ jsx18("div", { className: "space-y-3", children: notes.map((note) => /* @__PURE__ */ jsxs13("div", { className: "border border-theme-border-primary bg-theme-bg-secondary rounded-lg p-3 md:p-4 space-y-2 relative w-full", children: [
-        editingNoteId !== note.id && /* @__PURE__ */ jsxs13("div", { className: "absolute top-3 right-3 flex gap-2", children: [
-          /* @__PURE__ */ jsx18(Button, { variant: "ghost", size: "sm", onClick: () => {
-            setEditingNoteId(note.id);
-            setEditingText(note.text);
-          }, disabled: isDeleting, className: "text-theme-accent-primary hover:text-theme-accent-primary/80 p-1 h-auto", children: /* @__PURE__ */ jsx18(Pencil, { className: "w-4 h-4" }) }),
-          /* @__PURE__ */ jsx18(Button, { variant: "ghost", size: "sm", onClick: () => handleDeleteNote(note.id), disabled: isDeleting, className: "text-red-600 hover:text-red-800 p-1 h-auto", children: /* @__PURE__ */ jsx18(Trash2, { className: "w-4 h-4" }) })
-        ] }),
-        note.timestamp !== void 0 && note.timestamp !== null && /* @__PURE__ */ jsx18("button", { onClick: () => handleTimestampClick(note.timestamp), className: "text-theme-accent-primary font-mono font-semibold hover:underline text-sm", disabled: !onTimestampClick, children: note.formattedTimestamp || formatTimestamp(note.timestamp) }),
-        editingNoteId === note.id ? /* @__PURE__ */ jsxs13("div", { className: "space-y-2", children: [
-          /* @__PURE__ */ jsx18("textarea", { value: editingText, onChange: (e) => setEditingText(e.target.value), rows: 3, className: "w-full resize-none rounded-md border border-theme-border-primary bg-theme-bg-primary px-3 py-2 text-sm text-theme-text-primary focus-visible:outline-none focus-visible:border-theme-accent-primary transition-colors" }),
-          /* @__PURE__ */ jsxs13("div", { className: "flex gap-2 justify-end", children: [
-            /* @__PURE__ */ jsx18(Button, { variant: "outline", onClick: () => {
-              setEditingNoteId(null);
-              setEditingText("");
-            }, disabled: isUpdating, children: "Cancel" }),
-            /* @__PURE__ */ jsx18(Button, { onClick: () => handleSaveEdit(note.id), disabled: !editingText.trim() || isUpdating, className: "bg-theme-accent-primary hover:bg-theme-accent-primary/90 text-white", children: isUpdating ? "Saving..." : "Save" })
-          ] })
-        ] }) : /* @__PURE__ */ jsx18("p", { className: "text-theme-text-primary", children: note.text })
-      ] }, note.id)) })
-    ] })
-  ] }) });
-}
-
-// src/components/organisms/LessonBookmarks.tsx
-import { useState as useState5, useEffect as useEffect3 } from "react";
-import { Pencil as Pencil2, Trash2 as Trash22, Bookmark as BookmarkIcon } from "lucide-react";
-import { jsx as jsx19, jsxs as jsxs14 } from "react/jsx-runtime";
-function formatTime(seconds) {
-  const hrs = Math.floor(seconds / 3600);
-  const mins = Math.floor(seconds % 3600 / 60);
-  const secs = Math.floor(seconds % 60);
-  if (hrs > 0) return `${hrs}:${mins.toString().padStart(2, "0")}:${secs.toString().padStart(2, "0")}`;
-  return `${mins.toString().padStart(2, "0")}:${secs.toString().padStart(2, "0")}`;
-}
-function LessonBookmarks({ activityId, currentVideoTime, getLiveCurrentTime, onTimestampClick }) {
-  const sdk = useSDK();
-  const { data: apiBookmarks, isLoading, refetch } = sdk.useLessonBookmarks(activityId);
-  const { createBookmark, isLoading: isCreating } = sdk.useCreateBookmark();
-  const { updateBookmark, isLoading: isUpdating } = sdk.useUpdateBookmark();
-  const { deleteBookmark, isLoading: isDeleting } = sdk.useDeleteBookmark();
-  const [label, setLabel] = useState5("");
-  const [editingId, setEditingId] = useState5(null);
-  const [editingLabel, setEditingLabel] = useState5("");
-  const bookmarks = Array.isArray(apiBookmarks) ? [...apiBookmarks].sort((a, b) => a.second - b.second) : [];
-  useEffect3(() => {
-    setLabel("");
-    setEditingId(null);
-    setEditingLabel("");
-  }, [activityId]);
-  const handleAdd = async () => {
-    const effectiveTime = getLiveCurrentTime ? getLiveCurrentTime() : currentVideoTime;
-    if (effectiveTime === void 0) return;
-    const result = await createBookmark({ activityId, second: Math.floor(effectiveTime), label: label.trim() || void 0 });
-    if (result) {
-      setLabel("");
-      await refetch();
-    }
-  };
-  const handleSaveEdit = async (id) => {
-    const result = await updateBookmark(id, { label: editingLabel.trim() || void 0 });
-    if (result) {
-      setEditingId(null);
-      setEditingLabel("");
-      refetch();
-    }
-  };
-  const handleDelete = async (id) => {
-    const success = await deleteBookmark(id);
-    if (success) refetch();
-  };
-  const handleClick = (second) => {
-    onTimestampClick == null ? void 0 : onTimestampClick(second);
-    window.scrollTo({ top: 0, behavior: "smooth" });
-  };
-  return /* @__PURE__ */ jsxs14("div", { className: "flex flex-col h-full", children: [
-    /* @__PURE__ */ jsxs14("div", { className: "p-4 border-b border-theme-border-primary bg-theme-bg-secondary sticky top-0 z-10", children: [
-      /* @__PURE__ */ jsx19("h3", { className: "text-lg font-bold text-theme-text-primary mb-2", children: "Bookmarks for this lesson" }),
-      /* @__PURE__ */ jsx19("p", { className: "text-base text-theme-text-secondary mb-4", children: "Save key moments in the video for quick access" }),
-      /* @__PURE__ */ jsxs14("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ jsx19(Input, { value: label, onChange: (e) => setLabel(e.target.value), placeholder: "Optional label...", className: "w-full" }),
-        /* @__PURE__ */ jsx19("div", { className: "flex justify-end", children: /* @__PURE__ */ jsxs14(Button, { onClick: handleAdd, disabled: isCreating || currentVideoTime === void 0, className: "bg-theme-accent-primary hover:bg-theme-accent-primary/90 text-white", children: [
-          /* @__PURE__ */ jsx19(BookmarkIcon, { className: "h-4 w-4 mr-2" }),
-          "Add Bookmark"
-        ] }) })
-      ] })
-    ] }),
-    /* @__PURE__ */ jsx19("div", { className: "flex-1 overflow-y-auto p-4", children: isLoading ? /* @__PURE__ */ jsx19("div", { className: "text-theme-text-secondary", children: "Loading bookmarks..." }) : bookmarks.length === 0 ? /* @__PURE__ */ jsxs14("div", { className: "text-center py-8", children: [
-      /* @__PURE__ */ jsx19(BookmarkIcon, { className: "h-12 w-12 mx-auto text-theme-text-muted mb-3" }),
-      /* @__PURE__ */ jsx19("h3", { className: "text-xl font-bold text-theme-text-primary", children: "No bookmarks yet" }),
-      /* @__PURE__ */ jsx19("p", { className: "text-base text-theme-text-secondary mt-2", children: "Click \u201CAdd Bookmark\u201D to save important moments" })
-    ] }) : /* @__PURE__ */ jsx19("div", { className: "space-y-3", children: bookmarks.map((bm) => /* @__PURE__ */ jsx19("div", { className: "rounded-lg border border-theme-border-primary bg-theme-bg-secondary p-3 hover:border-theme-accent-primary transition-colors", children: editingId === bm.id ? /* @__PURE__ */ jsxs14("div", { className: "space-y-2", children: [
-      /* @__PURE__ */ jsx19(Input, { value: editingLabel, onChange: (e) => setEditingLabel(e.target.value), placeholder: "Label...", className: "w-full", autoFocus: true }),
-      /* @__PURE__ */ jsxs14("div", { className: "flex gap-2 justify-end", children: [
-        /* @__PURE__ */ jsx19(Button, { onClick: () => handleSaveEdit(bm.id), disabled: isUpdating, className: "bg-theme-accent-primary hover:bg-theme-accent-primary/90 text-white", children: "Save" }),
-        /* @__PURE__ */ jsx19(Button, { variant: "outline", onClick: () => {
-          setEditingId(null);
-          setEditingLabel("");
-        }, disabled: isUpdating, children: "Cancel" })
-      ] })
-    ] }) : /* @__PURE__ */ jsxs14("div", { className: "flex items-start justify-between gap-3", children: [
-      /* @__PURE__ */ jsxs14("div", { className: "flex-1 min-w-0", children: [
-        /* @__PURE__ */ jsx19("button", { onClick: () => handleClick(bm.second), className: "text-theme-accent-primary font-mono font-semibold hover:underline text-sm", children: formatTime(bm.second) }),
-        bm.label && /* @__PURE__ */ jsx19("p", { className: "text-theme-text-secondary text-sm mt-1 break-words", children: bm.label })
-      ] }),
-      /* @__PURE__ */ jsxs14("div", { className: "flex gap-1 flex-shrink-0", children: [
-        /* @__PURE__ */ jsx19(Button, { onClick: () => {
-          setEditingId(bm.id);
-          setEditingLabel(bm.label || "");
-        }, variant: "ghost", size: "icon", className: "text-theme-accent-primary hover:text-theme-accent-primary/80 h-8 w-8", title: "Edit", children: /* @__PURE__ */ jsx19(Pencil2, { className: "h-4 w-4" }) }),
-        /* @__PURE__ */ jsx19(Button, { onClick: () => handleDelete(bm.id), disabled: isDeleting, variant: "ghost", size: "icon", className: "text-red-600 hover:text-red-800 h-8 w-8", title: "Delete", children: /* @__PURE__ */ jsx19(Trash22, { className: "h-4 w-4" }) })
-      ] })
-    ] }) }, bm.id)) }) })
-  ] });
-}
-export {
-  Avatar,
-  Badge,
-  Button,
-  Card,
-  CardContent,
-  CardDescription,
-  CardFooter,
-  CardHeader,
-  CardTitle,
-  CourseCard,
-  CourseSidebar,
-  EmptyState,
-  Input,
-  LearnerNavbar,
-  LearnerSidebar,
-  LessonBookmarks,
-  LessonNotes,
-  LoadingSpinner,
-  PageHeader,
-  Pagination,
-  ProgressBar,
-  SearchInput,
-  Tabs,
-  badgeVariants,
-  buttonVariants,
-  cn
-};