@hydralms/components 0.2.0 → 0.3.0

package/dist/progress/types.d.ts

@@ -68,6 +68,8 @@ export interface StatCardProps {
         value: number;
         direction: "up" | "down" | "flat";
     };
+    /** Accent color CSS value for the icon background. Defaults to primary. */
+    accent?: string;
     /** CSS class name for the root element */
     className?: string;
     /** Inline styles for the root element */

package/dist/provider/HydraProvider.d.ts

@@ -3,7 +3,11 @@ export interface HydraProviderProps {
     children: ReactNode;
     /** Controls color mode. Defaults to `"dark"`. Set to `"light"` to use the light theme. */
     colorMode?: "light" | "dark";
+    /** HydraLMS Pro license key. Omit for free tier. */
+    licenseKey?: string;
+    /** Validation endpoint URL. When empty (default), all features are unlocked (dev mode). */
+    validateUrl?: string;
     className?: string;
     style?: React.CSSProperties;
 }
-export declare function HydraProvider({ children, colorMode, className, style, }: HydraProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare function HydraProvider({ children, colorMode, licenseKey, validateUrl, className, style, }: HydraProviderProps): import("react/jsx-runtime").JSX.Element;

package/dist/questions/choice.d.ts

@@ -8,4 +8,4 @@ import { QuestionProps } from './types';
  *   onAnswer={(answers) => handleAnswer(answers)}
  * />
  */
-export declare const Choice: ({ question, sessionAnswers, onAnswer, readOnly, showCorrectAnswers, disabled, }: QuestionProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Choice: import('react').NamedExoticComponent<QuestionProps>;

package/dist/questions/confidence-indicator.d.ts

@@ -0,0 +1,37 @@
+import { ReactNode } from 'react';
+/** A single confidence level option. */
+export interface ConfidenceLevel {
+    /** Value stored in SessionAnswer.confidence */
+    value: string;
+    /** Display label */
+    label: string;
+    /** Optional icon */
+    icon?: ReactNode;
+}
+/**
+ * ConfidenceIndicator lets learners self-report their answer confidence,
+ * supporting metacognitive assessment strategies.
+ *
+ * @example
+ * <ConfidenceIndicator
+ *   value={answer.confidence}
+ *   onChange={(level) => updateConfidence(level)}
+ * />
+ */
+export interface ConfidenceIndicatorProps {
+    /** Currently selected confidence level value */
+    value: string | null;
+    /** Called when the user selects a confidence level */
+    onChange: (level: string) => void;
+    /** Custom confidence levels (defaults to 3 levels) */
+    levels?: ConfidenceLevel[];
+    /** When true, disables interaction */
+    disabled?: boolean;
+    /** When true, shows selected state but disables interaction */
+    readOnly?: boolean;
+    /** CSS class name for the root element */
+    className?: string;
+    /** Inline styles for the root element */
+    style?: React.CSSProperties;
+}
+export declare const ConfidenceIndicator: import('react').NamedExoticComponent<ConfidenceIndicatorProps>;

package/dist/questions/essay.d.ts

@@ -8,4 +8,4 @@ import { QuestionProps } from './types';
  *   onAnswer={(answers) => handleAnswer(answers)}
  * />
  */
-export declare const Essay: ({ question, sessionAnswers, onAnswer, readOnly, disabled, }: QuestionProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Essay: import('react').NamedExoticComponent<QuestionProps>;

package/dist/questions/fill-in-the-blank.d.ts

@@ -8,4 +8,4 @@ import { QuestionProps } from './types';
  *   onAnswer={(answers) => handleAnswer(answers)}
  * />
  */
-export declare const FillInTheBlank: ({ question, sessionAnswers, onAnswer, readOnly, showCorrectAnswers, disabled, }: QuestionProps) => import("react/jsx-runtime").JSX.Element;
+export declare const FillInTheBlank: import('react').NamedExoticComponent<QuestionProps>;

package/dist/questions/hotspot.d.ts

@@ -18,4 +18,4 @@ import { QuestionProps } from './types';
  *   onAnswer={(answers) => handleAnswer(answers)}
  * />
  */
-export declare const Hotspot: ({ question, sessionAnswers, onAnswer, readOnly, showCorrectAnswers, disabled, }: QuestionProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Hotspot: import('react').NamedExoticComponent<QuestionProps>;

package/dist/questions/index.d.ts

@@ -12,4 +12,6 @@ export { InlineChoice } from './inline-choice';
 export { Scenario } from './scenario';
 export { Spreadsheet } from './spreadsheet';
 export { scoreQuestion, scoreScenarioSubQuestions } from './scoring';
+export { ConfidenceIndicator } from './confidence-indicator';
+export type { ConfidenceIndicatorProps, ConfidenceLevel } from './confidence-indicator';
 export type { QuestionProps, QuestionData, QuestionTypeEnum, QuestionMaterial, AnswerOption, SessionAnswer, MatchingPair, HotspotRegion, InlineBlank, ScenarioScoringMode, SpreadsheetColumn, SpreadsheetCell, SpreadsheetRow, } from './types';

package/dist/questions/inline-choice.d.ts

@@ -18,4 +18,4 @@ import { QuestionProps } from './types';
  *   onAnswer={(answers) => handleAnswer(answers)}
  * />
  */
-export declare const InlineChoice: ({ question, sessionAnswers, onAnswer, readOnly, showCorrectAnswers, disabled, }: QuestionProps) => import("react/jsx-runtime").JSX.Element;
+export declare const InlineChoice: import('react').NamedExoticComponent<QuestionProps>;

package/dist/questions/matching.d.ts

@@ -19,4 +19,4 @@ import { QuestionProps } from './types';
  *   onAnswer={(answers) => handleAnswer(answers)}
  * />
  */
-export declare const Matching: ({ question, sessionAnswers, onAnswer, readOnly, showCorrectAnswers, disabled, }: QuestionProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Matching: import('react').NamedExoticComponent<QuestionProps>;

package/dist/questions/multiple-choice.d.ts

@@ -8,4 +8,4 @@ import { QuestionProps } from './types';
  *   onAnswer={(answers) => handleAnswer(answers)}
  * />
  */
-export declare const MultipleChoice: ({ question, sessionAnswers, onAnswer, readOnly, showCorrectAnswers, disabled, }: QuestionProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MultipleChoice: import('react').NamedExoticComponent<QuestionProps>;

package/dist/questions/numeric.d.ts

@@ -8,4 +8,4 @@ import { QuestionProps } from './types';
  *   onAnswer={(answers) => handleAnswer(answers)}
  * />
  */
-export declare const Numeric: ({ question, sessionAnswers, onAnswer, readOnly, showCorrectAnswers, disabled, }: QuestionProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Numeric: import('react').NamedExoticComponent<QuestionProps>;

package/dist/questions/ordering.d.ts

@@ -9,4 +9,4 @@ import { QuestionProps } from './types';
  *   onAnswer={(answers) => handleAnswer(answers)}
  * />
  */
-export declare const Ordering: ({ question, sessionAnswers, onAnswer, readOnly, showCorrectAnswers, disabled, }: QuestionProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Ordering: import('react').NamedExoticComponent<QuestionProps>;

package/dist/questions/question-renderer.d.ts

@@ -9,4 +9,4 @@ import { QuestionProps } from './types';
  *   onAnswer={handleAnswer}
  * />
  */
-export declare const QuestionRenderer: (props: QuestionProps) => import("react/jsx-runtime").JSX.Element;
+export declare const QuestionRenderer: import('react').NamedExoticComponent<QuestionProps>;

package/dist/questions/scenario.d.ts

@@ -20,4 +20,4 @@ import { QuestionProps } from './types';
  *   onAnswer={(answers) => handleAnswer(answers)}
  * />
  */
-export declare const Scenario: ({ question, sessionAnswers, onAnswer, readOnly, showCorrectAnswers, disabled, }: QuestionProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Scenario: import('react').NamedExoticComponent<QuestionProps>;

package/dist/questions/spreadsheet.d.ts

@@ -26,4 +26,4 @@ import { QuestionProps } from './types';
  *   onAnswer={(answers) => handleAnswer(answers)}
  * />
  */
-export declare const Spreadsheet: ({ question, sessionAnswers, onAnswer, readOnly, showCorrectAnswers, disabled, }: QuestionProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Spreadsheet: import('react').NamedExoticComponent<QuestionProps>;

package/dist/questions/true-false.d.ts

@@ -8,4 +8,4 @@ import { QuestionProps } from './types';
  *   onAnswer={(answers) => handleAnswer(answers)}
  * />
  */
-export declare const TrueFalse: ({ question, sessionAnswers, onAnswer, readOnly, showCorrectAnswers, disabled, }: QuestionProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TrueFalse: import('react').NamedExoticComponent<QuestionProps>;

package/dist/sections/AnnouncementFeed/AnnouncementFeed.d.ts

@@ -1,2 +1,2 @@
 import { AnnouncementFeedProps } from './types';
-export declare function AnnouncementFeed({ announcements, onMarkRead, onSelect, showAvatars, previewLines, emptyMessage, readOnly, className, style, }: AnnouncementFeedProps): import("react/jsx-runtime").JSX.Element;
+export declare function AnnouncementFeed({ announcements, onMarkRead, onSelect, showAvatars, previewLines, emptyMessage, readOnly, isLoading, error, onRetry, pageSize, currentPage, totalItems, onPageChange, className, style, }: AnnouncementFeedProps): import("react/jsx-runtime").JSX.Element;

package/dist/sections/AnnouncementFeed/types.d.ts

@@ -25,6 +25,20 @@ export interface AnnouncementFeedProps {
     emptyMessage?: string;
     /** When true, disables interactions */
     readOnly?: boolean;
+    /** Render skeleton placeholders instead of content */
+    isLoading?: boolean;
+    /** Error message — renders an error state with optional retry */
+    error?: string | null;
+    /** Called when the user clicks retry in the error state */
+    onRetry?: () => void;
+    /** Number of items per page (enables pagination when set with onPageChange) */
+    pageSize?: number;
+    /** Current page (1-indexed) */
+    currentPage?: number;
+    /** Total number of items (for server-side pagination) */
+    totalItems?: number;
+    /** Called when the user navigates to a different page */
+    onPageChange?: (page: number) => void;
     /** CSS class name for the root element */
     className?: string;
     /** Inline styles for the root element */
@@ -35,7 +49,7 @@ export interface Announcement {
     uid: string;
     /** Announcement title */
     title: string;
-    /** Announcement body content */
+    /** Announcement body content. May contain HTML from a rich-text editor. */
     content: string;
     /** Author information */
     author: {

package/dist/sections/AssessmentReview/AssessmentReview.d.ts

@@ -1,2 +1,2 @@
 import { AssessmentReviewProps } from './types';
-export declare function AssessmentReview({ questions, sessionAnswers, score, questionGroups, showCorrectAnswers, className, style, }: AssessmentReviewProps): import("react/jsx-runtime").JSX.Element;
+export declare function AssessmentReview({ questions, sessionAnswers, score, questionGroups, showCorrectAnswers, isLoading, error, onRetry, className, style, }: AssessmentReviewProps): import("react/jsx-runtime").JSX.Element;

package/dist/sections/AssessmentReview/types.d.ts

@@ -33,6 +33,12 @@ export interface AssessmentReviewProps {
      * @default true
      */
     showCorrectAnswers?: boolean;
+    /** Render skeleton placeholders instead of content */
+    isLoading?: boolean;
+    /** Error message — renders an error state with optional retry */
+    error?: string | null;
+    /** Called when the user clicks retry in the error state */
+    onRetry?: () => void;
     /** CSS class name for the root element */
     className?: string;
     /** Inline styles for the root element */

package/dist/sections/AssignmentSubmission/AssignmentSubmission.d.ts

@@ -1,2 +1,2 @@
 import { AssignmentSubmissionProps } from './types';
-export declare function AssignmentSubmission({ title, instructions, dueDate, maxScore, status, submissionTypes, existingSubmission, fileConstraints, onSubmit, onSaveDraft, grade, isSubmitting, readOnly, className, style, }: AssignmentSubmissionProps): import("react/jsx-runtime").JSX.Element;
+export declare function AssignmentSubmission({ title, instructions, dueDate, maxScore, status, submissionTypes, existingSubmission, fileConstraints, onSubmit, onSaveDraft, grade, isSubmitting, readOnly, isLoading, error, onRetry, className, style, }: AssignmentSubmissionProps): import("react/jsx-runtime").JSX.Element;

package/dist/sections/AssignmentSubmission/types.d.ts

@@ -50,6 +50,12 @@ export interface AssignmentSubmissionProps {
     isSubmitting?: boolean;
     /** When true, disables all interactions */
     readOnly?: boolean;
+    /** Render skeleton placeholders instead of content */
+    isLoading?: boolean;
+    /** Error message — renders an error state with optional retry */
+    error?: string | null;
+    /** Called when the user clicks retry in the error state */
+    onRetry?: () => void;
     /** CSS class name for the root element */
     className?: string;
     /** Inline styles for the root element */

package/dist/sections/CertificateViewer/CertificateViewer.d.ts

@@ -1,2 +1,2 @@
 import { CertificateViewerProps } from './types';
-export declare function CertificateViewer({ recipientName, courseTitle, completionDate, organizationName, organizationLogo, signatory, certificateId, variant, showActions, onPrint, onDownload, className, style, }: CertificateViewerProps): import("react/jsx-runtime").JSX.Element;
+export declare function CertificateViewer({ recipientName, courseTitle, completionDate, organizationName, organizationLogo, signatory, certificateId, variant, showActions, onPrint, onDownload, isLoading, error, onRetry, className, style, }: CertificateViewerProps): import("react/jsx-runtime").JSX.Element;

package/dist/sections/CertificateViewer/certificate-variants.d.ts

@@ -0,0 +1,42 @@
+import { CertificateVariant } from './types';
+export interface CornerConfig {
+    size: number;
+    paths: {
+        d: string;
+        strokeWidth: number;
+    }[];
+    dots?: {
+        cx: number;
+        cy: number;
+        r: number;
+    }[];
+    color: string;
+}
+export declare const CORNER_CONFIGS: Record<CertificateVariant, CornerConfig | null>;
+export declare const CORNER_POSITIONS: readonly [{
+    readonly key: "tl";
+    readonly pos: "top-3 left-3";
+    readonly transform: undefined;
+}, {
+    readonly key: "tr";
+    readonly pos: "top-3 right-3";
+    readonly transform: "scaleX(-1)";
+}, {
+    readonly key: "bl";
+    readonly pos: "bottom-3 left-3";
+    readonly transform: "scaleY(-1)";
+}, {
+    readonly key: "br";
+    readonly pos: "bottom-3 right-3";
+    readonly transform: "scale(-1)";
+}];
+export interface DividerConfig {
+    lineColor: string;
+    motif: React.ReactNode;
+}
+export declare const DIVIDER_CONFIGS: Record<CertificateVariant, DividerConfig>;
+export declare const BACKGROUND_GLOW: Record<CertificateVariant, React.CSSProperties | null>;
+export declare const ICON_COLORS: Record<CertificateVariant, string>;
+export declare const HEADING_STYLES: Record<CertificateVariant, string>;
+export declare const COURSE_TITLE_COLORS: Record<CertificateVariant, string>;
+export declare const SERIF_VARIANTS: ReadonlySet<CertificateVariant>;

package/dist/sections/CertificateViewer/types.d.ts

@@ -42,6 +42,12 @@ export interface CertificateViewerProps {
     onPrint?: () => void;
     /** Called when download is triggered */
     onDownload?: () => void;
+    /** Render skeleton placeholders instead of content */
+    isLoading?: boolean;
+    /** Error message — renders an error state with optional retry */
+    error?: string | null;
+    /** Called when the user clicks retry in the error state */
+    onRetry?: () => void;
     /** CSS class name for the root element */
     className?: string;
     /** Inline styles for the root element */

package/dist/sections/CourseCatalog/CourseCatalog.d.ts

@@ -0,0 +1,2 @@
+import { CourseCatalogProps } from './types';
+export declare function CourseCatalog({ courses, categories, onCourseClick, onEnroll, viewMode: initialViewMode, allowViewToggle, showSearch, emptyMessage, readOnly, isLoading, error, onRetry, pageSize, currentPage, totalItems, onPageChange, className, style, }: CourseCatalogProps): import("react/jsx-runtime").JSX.Element;

package/dist/sections/CourseCatalog/types.d.ts

@@ -0,0 +1,80 @@
+/**
+ * CourseCatalog section — a searchable, filterable course catalog.
+ *
+ * Displays courses in a grid or list view with search, category tabs,
+ * view mode toggling, and optional pagination.
+ *
+ * @example
+ * <CourseCatalog
+ *   courses={courses}
+ *   categories={categories}
+ *   onCourseClick={(c) => navigate(`/courses/${c.uid}`)}
+ *   onEnroll={(c) => enroll(c.uid)}
+ * />
+ */
+export interface CourseCatalogProps {
+    /** Courses to display */
+    courses: CourseInfo[];
+    /** Optional categories for tab filtering */
+    categories?: {
+        uid: string;
+        label: string;
+    }[];
+    /** Called when the user clicks a course */
+    onCourseClick: (course: CourseInfo) => void;
+    /** Called when the user clicks enroll on a course */
+    onEnroll?: (course: CourseInfo) => void;
+    /** Layout view mode */
+    viewMode?: "grid" | "list";
+    /** Whether the user can toggle between grid and list */
+    allowViewToggle?: boolean;
+    /** Whether to show search */
+    showSearch?: boolean;
+    /** Empty state message */
+    emptyMessage?: string;
+    /** When true, disables interactions */
+    readOnly?: boolean;
+    /** Render skeleton placeholders instead of content */
+    isLoading?: boolean;
+    /** Error message — renders an error state with optional retry */
+    error?: string | null;
+    /** Called when the user clicks retry in the error state */
+    onRetry?: () => void;
+    /** Number of items per page (enables pagination when set with onPageChange) */
+    pageSize?: number;
+    /** Current page (1-indexed) */
+    currentPage?: number;
+    /** Total number of items (for server-side pagination) */
+    totalItems?: number;
+    /** Called when the user navigates to a different page */
+    onPageChange?: (page: number) => void;
+    /** CSS class name for the root element */
+    className?: string;
+    /** Inline styles for the root element */
+    style?: React.CSSProperties;
+}
+export interface CourseInfo {
+    /** Unique identifier */
+    uid: string;
+    /** Course title */
+    title: string;
+    /** Course description */
+    description?: string;
+    /** Thumbnail image URL */
+    thumbnailUrl?: string;
+    /** Instructor info */
+    instructor?: {
+        displayName: string;
+        avatarUrl?: string;
+    };
+    /** Category UID for filtering */
+    categoryUid?: string;
+    /** Progress percentage (0-100) */
+    progress?: number;
+    /** Enrollment status */
+    enrollmentStatus?: "enrolled" | "completed" | "available" | "locked";
+    /** Number of enrolled students */
+    studentCount?: number;
+    /** Estimated duration (e.g. "12 hours") */
+    duration?: string;
+}

package/dist/sections/CourseOutline/CourseOutline.d.ts

@@ -1,2 +1,2 @@
 import { CourseOutlineProps } from './types';
-export declare function CourseOutline({ items, progress, courseTitle, activeItemUid, onItemClick, showOverallProgress, showDuration, showIcons, readOnly, className, style, }: CourseOutlineProps): import("react/jsx-runtime").JSX.Element;
+export declare function CourseOutline({ items, progress, courseTitle, activeItemUid, onItemClick, showOverallProgress, showDuration, showIcons, readOnly, isLoading, error, onRetry, className, style, }: CourseOutlineProps): import("react/jsx-runtime").JSX.Element;

package/dist/sections/CourseOutline/types.d.ts

@@ -42,6 +42,12 @@ export interface CourseOutlineProps {
     showIcons?: boolean;
     /** When true, disables all click interactions */
     readOnly?: boolean;
+    /** Render skeleton placeholders instead of content */
+    isLoading?: boolean;
+    /** Error message — renders an error state with optional retry */
+    error?: string | null;
+    /** Called when the user clicks retry in the error state */
+    onRetry?: () => void;
     /** CSS class name for the root element */
     className?: string;
     /** Inline styles for the root element */

package/dist/sections/DiscussionThread/DiscussionThread.d.ts

@@ -1,2 +1,2 @@
 import { DiscussionThreadProps } from './types';
-export declare function DiscussionThread({ title, rootPost, replies, currentUser, onReply, onToggleLike, onMarkAnswer, maxDepth, allowReplies, sortOrder, readOnly, className, style, }: DiscussionThreadProps): import("react/jsx-runtime").JSX.Element;
+export declare function DiscussionThread({ title, rootPost, replies, currentUser, onReply, onToggleLike, onMarkAnswer, maxDepth, allowReplies, sortOrder, readOnly, isLoading, error, onRetry, className, style, }: DiscussionThreadProps): import("react/jsx-runtime").JSX.Element;

package/dist/sections/DiscussionThread/types.d.ts

@@ -37,6 +37,12 @@ export interface DiscussionThreadProps {
     sortOrder?: "newest" | "oldest" | "most_liked";
     /** When true, disables interactions */
     readOnly?: boolean;
+    /** Render skeleton placeholders instead of content */
+    isLoading?: boolean;
+    /** Error message — renders an error state with optional retry */
+    error?: string | null;
+    /** Called when the user clicks retry in the error state */
+    onRetry?: () => void;
     /** CSS class name for the root element */
     className?: string;
     /** Inline styles for the root element */

package/dist/sections/EnrollmentWizard/EnrollmentWizard.d.ts

@@ -0,0 +1,2 @@
+import { EnrollmentWizardProps } from './types';
+export declare function EnrollmentWizard({ course, prerequisites, onEnroll, onCancel, enrollLabel, isEnrolling, isLoading, error, onRetry, className, style, }: EnrollmentWizardProps): import("react/jsx-runtime").JSX.Element;

package/dist/sections/EnrollmentWizard/types.d.ts

@@ -0,0 +1,66 @@
+/**
+ * EnrollmentWizard section — a multi-step course enrollment flow.
+ *
+ * Guides users through course details, prerequisite checks, and enrollment
+ * confirmation with visual step progress.
+ *
+ * @example
+ * <EnrollmentWizard
+ *   course={{ uid: "c1", title: "React 101", description: "Learn React" }}
+ *   prerequisites={[{ uid: "p1", label: "JavaScript Basics", isMet: true }]}
+ *   onEnroll={(courseUid) => enroll(courseUid)}
+ * />
+ */
+export interface EnrollmentWizardProps {
+    /** Course information to display */
+    course: EnrollmentCourse;
+    /** Prerequisites for enrollment */
+    prerequisites?: Prerequisite[];
+    /** Called when the user confirms enrollment */
+    onEnroll: (courseUid: string) => void;
+    /** Called when the user cancels the wizard */
+    onCancel?: () => void;
+    /** Label for the enroll button */
+    enrollLabel?: string;
+    /** Whether enrollment is in progress (shows spinner) */
+    isEnrolling?: boolean;
+    /** Render skeleton placeholders instead of content */
+    isLoading?: boolean;
+    /** Error message — renders an error state with optional retry */
+    error?: string | null;
+    /** Called when the user clicks retry in the error state */
+    onRetry?: () => void;
+    /** CSS class name for the root element */
+    className?: string;
+    /** Inline styles for the root element */
+    style?: React.CSSProperties;
+}
+export interface EnrollmentCourse {
+    /** Course UID */
+    uid: string;
+    /** Course title */
+    title: string;
+    /** Course description */
+    description?: string;
+    /** Thumbnail image URL */
+    thumbnailUrl?: string;
+    /** Instructor info */
+    instructor?: {
+        displayName: string;
+        avatarUrl?: string;
+    };
+    /** Estimated duration */
+    duration?: string;
+    /** Syllabus bullet points */
+    syllabus?: string[];
+}
+export interface Prerequisite {
+    /** Unique identifier */
+    uid: string;
+    /** Prerequisite label */
+    label: string;
+    /** Whether this prerequisite has been met */
+    isMet: boolean;
+    /** Optional description */
+    description?: string;
+}

package/dist/sections/ExamSession/ExamSession.d.ts

@@ -1,2 +1,2 @@
 import { ExamSessionProps } from './types';
-export declare function ExamSession({ questions, initialAnswers, onSubmit, onAnswerChange, timeLimitSeconds, timeElapsedSeconds, autoSubmitOnTimeout, timeWarningThreshold, allowBackNavigation, confirmBeforeSubmit, examTitle, instructions, questionMaterials, isSubmitting, readOnly, className, style, }: ExamSessionProps): import("react/jsx-runtime").JSX.Element;
+export declare function ExamSession({ questions, initialAnswers, onSubmit, onAnswerChange, timeLimitSeconds, timeElapsedSeconds, autoSubmitOnTimeout, timeWarningThreshold, allowBackNavigation, confirmBeforeSubmit, examTitle, instructions, questionMaterials, isSubmitting, readOnly, isLoading, error, onRetry, className, style, }: ExamSessionProps): import("react/jsx-runtime").JSX.Element;

package/dist/sections/ExamSession/types.d.ts

@@ -50,6 +50,12 @@ export interface ExamSessionProps {
     questionMaterials?: QuestionMaterial[];
     /** When true, all inputs are disabled */
     readOnly?: boolean;
+    /** Render skeleton placeholders instead of content */
+    isLoading?: boolean;
+    /** Error message — renders an error state with optional retry */
+    error?: string | null;
+    /** Called when the user clicks retry in the error state */
+    onRetry?: () => void;
     /** CSS class name for the root element */
     className?: string;
     /** Inline styles for the root element */

package/dist/sections/FlashcardStudySession/FlashcardStudySession.d.ts

@@ -1,2 +1,2 @@
 import { FlashcardStudySessionProps } from './types';
-export declare function FlashcardStudySession({ cards, title, description, shuffled, onComplete, readOnly, className, style, }: FlashcardStudySessionProps): import("react/jsx-runtime").JSX.Element;
+export declare function FlashcardStudySession({ cards, title, description, shuffled, onComplete, readOnly, isLoading, error, onRetry, className, style, }: FlashcardStudySessionProps): import("react/jsx-runtime").JSX.Element;

package/dist/sections/FlashcardStudySession/types.d.ts

@@ -27,6 +27,12 @@ export interface FlashcardStudySessionProps {
     onComplete?: (stats: FlashcardSessionStats) => void;
     /** When true, disables card flipping */
     readOnly?: boolean;
+    /** Render skeleton placeholders instead of content */
+    isLoading?: boolean;
+    /** Error message — renders an error state with optional retry */
+    error?: string | null;
+    /** Called when the user clicks retry in the error state */
+    onRetry?: () => void;
     /** CSS class name for the root element */
     className?: string;
     /** Inline styles for the root element */

package/dist/sections/ForumBoard/ForumBoard.d.ts

@@ -5,4 +5,4 @@ import { ForumBoardProps } from './types';
  * Displays a searchable, sortable list of discussion topics with author info,
  * reply/like counts, timestamps, and new topic creation.
  */
-export declare function ForumBoard({ title, topics, onTopicClick, onCreateTopic, sortOrder, onSortChange, searchQuery, onSearchChange, readOnly, className, style, }: ForumBoardProps): import("react/jsx-runtime").JSX.Element;
+export declare function ForumBoard({ title, topics, onTopicClick, onCreateTopic, sortOrder, onSortChange, searchQuery, onSearchChange, readOnly, isLoading, error, onRetry, pageSize, currentPage, totalItems, onPageChange, className, style, }: ForumBoardProps): import("react/jsx-runtime").JSX.Element;

package/dist/sections/ForumBoard/types.d.ts

@@ -35,6 +35,20 @@ export interface ForumBoardProps {
     onSearchChange?: (query: string) => void;
     /** When true, disables create and interactions */
     readOnly?: boolean;
+    /** Render skeleton placeholders instead of content */
+    isLoading?: boolean;
+    /** Error message — renders an error state with optional retry */
+    error?: string | null;
+    /** Called when the user clicks retry in the error state */
+    onRetry?: () => void;
+    /** Number of items per page (enables pagination when set with onPageChange) */
+    pageSize?: number;
+    /** Current page (1-indexed) */
+    currentPage?: number;
+    /** Total number of items (for server-side pagination) */
+    totalItems?: number;
+    /** Called when the user navigates to a different page */
+    onPageChange?: (page: number) => void;
     /** CSS class name for the root element */
     className?: string;
     /** Inline styles for the root element */

package/dist/sections/GradebookTable/GradebookTable.d.ts

@@ -1,2 +1,2 @@
 import { GradebookTableProps } from './types';
-export declare function GradebookTable({ items, categories, overallGrade, showWeights, showCategoryTotals, onItemClick, readOnly, className, style, }: GradebookTableProps): import("react/jsx-runtime").JSX.Element;
+export declare function GradebookTable({ items, categories, overallGrade, showWeights, showCategoryTotals, onItemClick, readOnly, isLoading, error, onRetry, pageSize, currentPage, totalItems, onPageChange, className, style, }: GradebookTableProps): import("react/jsx-runtime").JSX.Element;

package/dist/sections/GradebookTable/types.d.ts

@@ -26,6 +26,20 @@ export interface GradebookTableProps {
     onItemClick?: (item: GradeItem) => void;
     /** When true, disables interactions */
     readOnly?: boolean;
+    /** Render skeleton placeholders instead of content */
+    isLoading?: boolean;
+    /** Error message — renders an error state with optional retry */
+    error?: string | null;
+    /** Called when the user clicks retry in the error state */
+    onRetry?: () => void;
+    /** Number of items per page (enables pagination when set with onPageChange) */
+    pageSize?: number;
+    /** Current page (1-indexed) */
+    currentPage?: number;
+    /** Total number of items (for server-side pagination) */
+    totalItems?: number;
+    /** Called when the user navigates to a different page */
+    onPageChange?: (page: number) => void;
     /** CSS class name for the root element */
     className?: string;
     /** Inline styles for the root element */

package/dist/sections/LecturePlayer/LecturePlayer.d.ts

@@ -1,2 +1,2 @@
 import { LecturePlayerProps } from './types';
-export declare function LecturePlayer({ video, notes, layout, notesPanelWidth, notesPanelHeight, className, style, }: LecturePlayerProps): import("react/jsx-runtime").JSX.Element;
+export declare function LecturePlayer({ video, notes, layout, notesPanelWidth, notesPanelHeight, isLoading, error, onRetry, onComplete, className, style, }: LecturePlayerProps): import("react/jsx-runtime").JSX.Element;

package/dist/sections/LecturePlayer/types.d.ts

@@ -40,6 +40,14 @@ export interface LecturePlayerProps {
      * @default "240px"
      */
     notesPanelHeight?: string | number;
+    /** Render skeleton placeholders instead of content */
+    isLoading?: boolean;
+    /** Error message — renders an error state with optional retry */
+    error?: string | null;
+    /** Called when the user clicks retry in the error state */
+    onRetry?: () => void;
+    /** Called when the video playback ends. */
+    onComplete?: () => void;
     /** CSS class name for the root element */
     className?: string;
     /** Inline styles for the root element */

package/dist/sections/LessonPage/LessonPage.d.ts

@@ -1,2 +1,2 @@
 import { LessonPageProps } from './types';
-export declare function LessonPage({ title, blocks, isCompleted, onMarkComplete, onNextLesson, nextLessonTitle, estimatedDuration, showDuration, readOnly, className, style, }: LessonPageProps): import("react/jsx-runtime").JSX.Element;
+export declare function LessonPage({ title, blocks, isCompleted, onMarkComplete, onNextLesson, nextLessonTitle, estimatedDuration, showDuration, readOnly, isLoading, error, onRetry, className, style, }: LessonPageProps): import("react/jsx-runtime").JSX.Element;