@hydralms/components 0.1.0

package/dist/curriculum/types.d.ts

@@ -0,0 +1,79 @@
+/**
+ * CurriculumTree component for rendering a hierarchical course curriculum with expand/collapse support.
+ *
+ * @example
+ * <CurriculumTree
+ *   items={curriculum}
+ *   progress={userProgress}
+ *   activeItemUid={currentLessonUid}
+ *   onItemClick={(item) => navigate(item.uid)}
+ *   showProgress
+ * />
+ */
+export interface CurriculumTreeProps {
+    /** Hierarchical curriculum items to display */
+    items: CurriculumItem[];
+    /** User progress data for completion indicators */
+    progress?: CurriculumItemProgress[];
+    /** UID of the currently active item */
+    activeItemUid?: string;
+    /** Called when the user clicks a curriculum item */
+    onItemClick?: (item: CurriculumItem) => void;
+    /** When true, disables item click interactions */
+    readOnly?: boolean;
+    /** Whether to show estimated duration for each item */
+    showDuration?: boolean;
+    /** Whether to show learning object type icons */
+    showIcons?: boolean;
+    /** Whether to show completion progress indicators */
+    showProgress?: boolean;
+}
+/**
+ * CurriculumItemRow renders a single row in the curriculum tree.
+ *
+ * @example
+ * <CurriculumItemRow
+ *   item={item}
+ *   level={0}
+ *   isActive
+ *   hasChildren={false}
+ * />
+ */
+export interface CurriculumItemRowProps {
+    item: CurriculumItem;
+    level: number;
+    isActive?: boolean;
+    isCompleted?: boolean;
+    isExpanded?: boolean;
+    hasChildren: boolean;
+    onToggleExpand?: () => void;
+    onClick?: () => void;
+    showDuration?: boolean;
+    showIcon?: boolean;
+    showProgress?: boolean;
+}
+/**
+ * LearningObjectIcon renders the appropriate icon for a given learning object type.
+ *
+ * @example
+ * <LearningObjectIcon type="video" size={18} />
+ */
+export interface LearningObjectIconProps {
+    /** Learning object type string (e.g. "video", "quiz", "document") */
+    type: string;
+    /** Icon size in pixels */
+    size?: number;
+}
+export interface CurriculumItem {
+    uid: string;
+    name: string;
+    type: string;
+    duration: number;
+    sequence: number;
+    children?: CurriculumItem[];
+}
+export interface CurriculumItemProgress {
+    resourceUid: string;
+    isCompleted: boolean;
+    timeSpent?: number;
+}

package/dist/feedback/feedback-banner.d.ts

@@ -0,0 +1,2 @@
+import { FeedbackBannerProps } from './types';
+export declare function FeedbackBanner({ isCorrect, explanation, onRetry, retryLabel, className, style, }: FeedbackBannerProps): import("react/jsx-runtime").JSX.Element;

package/dist/feedback/index.d.ts

@@ -0,0 +1,4 @@
+export { FeedbackBanner } from './feedback-banner';
+export { LikertScale } from './likert-scale';
+export { StarRating } from './star-rating';
+export type { FeedbackBannerProps, LikertScaleProps, StarRatingProps, } from './types';

package/dist/feedback/likert-scale.d.ts

@@ -0,0 +1,2 @@
+import { LikertScaleProps } from './types';
+export declare function LikertScale({ value, onChange, points, lowLabel, highLabel, disabled, readOnly, className, style, }: LikertScaleProps): import("react/jsx-runtime").JSX.Element;

package/dist/feedback/star-rating.d.ts

@@ -0,0 +1,2 @@
+import { StarRatingProps } from './types';
+export declare function StarRating({ value, onChange, maxStars, allowHalf, size, disabled, readOnly, className, style, }: StarRatingProps): import("react/jsx-runtime").JSX.Element;

package/dist/feedback/types.d.ts

@@ -0,0 +1,83 @@
+/**
+ * FeedbackBanner shows a correct/incorrect status banner with an optional
+ * explanation and retry button after answering a question.
+ *
+ * @example
+ * <FeedbackBanner
+ *   isCorrect={false}
+ *   explanation="The correct answer is React because it uses a virtual DOM."
+ *   onRetry={() => resetAnswer()}
+ * />
+ */
+export interface FeedbackBannerProps {
+    /** Whether the answer was correct */
+    isCorrect: boolean;
+    /** Explanation text shown below the status */
+    explanation?: string;
+    /** Called when the user clicks the retry button */
+    onRetry?: () => void;
+    /** Label for the retry button */
+    retryLabel?: string;
+    /** CSS class name for the root element */
+    className?: string;
+    /** Inline styles for the root element */
+    style?: React.CSSProperties;
+}
+/**
+ * LikertScale renders a horizontal 5 or 7 point agreement scale
+ * commonly used in surveys and feedback forms.
+ *
+ * @example
+ * <LikertScale
+ *   value={3}
+ *   onChange={(v) => setRating(v)}
+ *   lowLabel="Strongly Disagree"
+ *   highLabel="Strongly Agree"
+ * />
+ */
+export interface LikertScaleProps {
+    /** Currently selected value (1-based), or null if none selected */
+    value: number | null;
+    /** Called when the user selects a point */
+    onChange: (value: number) => void;
+    /** Number of scale points */
+    points?: 5 | 7;
+    /** Label for the low end of the scale */
+    lowLabel?: string;
+    /** Label for the high end of the scale */
+    highLabel?: string;
+    /** Whether the input is disabled */
+    disabled?: boolean;
+    /** When true, disables interaction */
+    readOnly?: boolean;
+    /** CSS class name for the root element */
+    className?: string;
+    /** Inline styles for the root element */
+    style?: React.CSSProperties;
+}
+/**
+ * StarRating renders a 1–5 star rating input with hover preview.
+ *
+ * @example
+ * <StarRating value={4} onChange={(v) => setRating(v)} />
+ */
+export interface StarRatingProps {
+    /** Current rating value */
+    value: number;
+    /** Called when the user selects a rating */
+    onChange: (value: number) => void;
+    /** Maximum number of stars */
+    maxStars?: number;
+    /** Whether to allow half-star increments */
+    allowHalf?: boolean;
+    /** Star size */
+    size?: "small" | "medium" | "large";
+    /** Whether the input is disabled */
+    disabled?: boolean;
+    /** When true, disables interaction */
+    readOnly?: boolean;
+    /** CSS class name for the root element */
+    className?: string;
+    /** Inline styles for the root element */
+    style?: React.CSSProperties;
+}

package/dist/flashcards/flashcard-deck.d.ts

@@ -0,0 +1,2 @@
+import { FlashcardDeckProps } from './types';
+export declare const FlashcardDeck: ({ cards, deckName, deckDescription, currentIndex: controlledIndex, onNavigate, onComplete, readOnly, showProgress, shuffled, }: FlashcardDeckProps) => import("react/jsx-runtime").JSX.Element;

package/dist/flashcards/flashcard.d.ts

@@ -0,0 +1,2 @@
+import { FlashcardProps } from './types';
+export declare const Flashcard: ({ card, isFlipped: controlledFlipped, onFlip, readOnly, size, }: FlashcardProps) => import("react/jsx-runtime").JSX.Element;

package/dist/flashcards/index.d.ts

@@ -0,0 +1,3 @@
+export { Flashcard } from './flashcard';
+export { FlashcardDeck } from './flashcard-deck';
+export type { FlashcardData, FlashcardProps, FlashcardDeckProps } from './types';

package/dist/flashcards/types.d.ts

@@ -0,0 +1,58 @@
+/**
+ * Flashcard component with 3D flip animation. Supports controlled and uncontrolled flip state.
+ *
+ * @example
+ * <Flashcard
+ *   card={{ uid: "1", front: "What is React?", back: "A JavaScript library for building UIs", color: "color1" }}
+ *   size="medium"
+ * />
+ */
+export interface FlashcardProps {
+    /** The flashcard data to display */
+    card: FlashcardData;
+    /** Controlled flip state — if provided, flip state is managed externally */
+    isFlipped?: boolean;
+    /** Called when the card is flipped */
+    onFlip?: () => void;
+    /** When true, disables the flip interaction */
+    readOnly?: boolean;
+    /** Card size variant */
+    size?: "small" | "medium" | "large";
+}
+/**
+ * FlashcardDeck component for navigating through a collection of flashcards.
+ *
+ * @example
+ * <FlashcardDeck
+ *   cards={cards}
+ *   deckName="React Fundamentals"
+ *   showProgress
+ *   onComplete={() => alert('Deck complete!')}
+ * />
+ */
+export interface FlashcardDeckProps {
+    /** Array of flashcard data to display */
+    cards: FlashcardData[];
+    /** Title shown above the deck */
+    deckName?: string;
+    /** Description shown below the deck name */
+    deckDescription?: string;
+    /** Controlled current card index */
+    currentIndex?: number;
+    /** Called when the user navigates to a different card */
+    onNavigate?: (index: number) => void;
+    /** Called when the user finishes the last card */
+    onComplete?: () => void;
+    /** When true, disables card flipping */
+    readOnly?: boolean;
+    /** Whether to show the progress bar and counter */
+    showProgress?: boolean;
+    /** Whether to shuffle the cards randomly */
+    shuffled?: boolean;
+}
+export interface FlashcardData {
+    uid: string;
+    front: string;
+    back: string;
+    color: string;
+}

package/dist/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./table-DSBBqb9X.cjs"),r=require("react/jsx-runtime");function i({children:a,colorMode:t,className:l,style:o}){return r.jsx("div",{className:`hydra-root${t==="dark"?" dark":""}${l?` ${l}`:""}`,style:o,children:a})}function n({className:a,...t}){return r.jsx("span",{"data-slot":"avatar",className:e.cn("relative flex size-9 shrink-0 overflow-hidden rounded-full",a),...t})}function s({className:a,onError:t,...l}){return r.jsx("img",{"data-slot":"avatar-image",className:e.cn("aspect-square size-full object-cover",a),onError:t,...l})}function d({className:a,...t}){return r.jsx("span",{"data-slot":"avatar-fallback",className:e.cn("bg-muted text-muted-foreground flex size-full items-center justify-center rounded-full text-xs font-medium",a),...t})}function c({className:a,...t}){return r.jsx("div",{"data-slot":"skeleton",className:e.cn("bg-muted animate-pulse rounded-md",a),...t})}exports.Alert=e.Alert;exports.AlertDescription=e.AlertDescription;exports.AlertDialog=e.AlertDialog;exports.AlertDialogAction=e.AlertDialogAction;exports.AlertDialogBackdrop=e.AlertDialogBackdrop;exports.AlertDialogCancel=e.AlertDialogCancel;exports.AlertDialogContent=e.AlertDialogContent;exports.AlertDialogDescription=e.AlertDialogDescription;exports.AlertDialogFooter=e.AlertDialogFooter;exports.AlertDialogHeader=e.AlertDialogHeader;exports.AlertDialogPortal=e.AlertDialogPortal;exports.AlertDialogTitle=e.AlertDialogTitle;exports.AlertDialogTrigger=e.AlertDialogTrigger;exports.AlertTitle=e.AlertTitle;exports.AssessmentToolbar=e.AssessmentToolbar;exports.Badge=e.Badge;exports.Button=e.Button;exports.Card=e.Card;exports.CardAction=e.CardAction;exports.CardContent=e.CardContent;exports.CardDescription=e.CardDescription;exports.CardFooter=e.CardFooter;exports.CardHeader=e.CardHeader;exports.CardTitle=e.CardTitle;exports.Choice=e.Choice;exports.ConfirmDialog=e.ConfirmDialog;exports.ContentBlock=e.ContentBlock;exports.CurriculumItemRow=e.CurriculumItemRow;exports.CurriculumTree=e.CurriculumTree;exports.DueDateDisplay=e.DueDateDisplay;exports.EmptyState=e.EmptyState;exports.Essay=e.Essay;exports.FeedbackBanner=e.FeedbackBanner;exports.FileUploadZone=e.FileUploadZone;exports.FillInTheBlank=e.FillInTheBlank;exports.Flashcard=e.Flashcard;exports.FlashcardDeck=e.FlashcardDeck;exports.GradeIndicator=e.GradeIndicator;exports.Input=e.Input;exports.LearningObjectIcon=e.LearningObjectIcon;exports.LikertScale=e.LikertScale;exports.MultipleChoice=e.MultipleChoice;exports.PostCard=e.PostCard;exports.Progress=e.Progress;exports.ProgressRing=e.ProgressRing;exports.QuestionNavigator=e.QuestionNavigator;exports.QuestionRenderer=e.QuestionRenderer;exports.SearchInput=e.SearchInput;exports.Separator=e.Separator;exports.StarRating=e.StarRating;exports.StatCard=e.StatCard;exports.StatusBadge=e.StatusBadge;exports.Table=e.Table;exports.TableBody=e.TableBody;exports.TableCaption=e.TableCaption;exports.TableCell=e.TableCell;exports.TableFooter=e.TableFooter;exports.TableHead=e.TableHead;exports.TableHeader=e.TableHeader;exports.TableRow=e.TableRow;exports.Tabs=e.Tabs;exports.TabsContent=e.TabsContent;exports.TabsList=e.TabsList;exports.TabsTrigger=e.TabsTrigger;exports.Textarea=e.Textarea;exports.TimerDisplay=e.TimerDisplay;exports.Tooltip=e.Tooltip;exports.TooltipContent=e.TooltipContent;exports.TooltipTrigger=e.TooltipTrigger;exports.TrueFalse=e.TrueFalse;exports.UserAvatar=e.UserAvatar;exports.VideoPlayer=e.VideoPlayer;exports.alertVariants=e.alertVariants;exports.badgeVariants=e.badgeVariants;exports.buttonVariants=e.buttonVariants;exports.cn=e.cn;exports.progressVariants=e.progressVariants;exports.Avatar=n;exports.AvatarFallback=d;exports.AvatarImage=s;exports.HydraProvider=i;exports.Skeleton=c;

package/dist/index.d.ts

@@ -0,0 +1,13 @@
+export * from './questions';
+export * from './assessment-toolbar';
+export * from './flashcards';
+export * from './curriculum';
+export * from './video';
+export * from './common';
+export * from './feedback';
+export * from './progress';
+export * from './social';
+export * from './content';
+export * from './provider';
+export * from './ui';
+export { cn } from './lib/utils';

package/dist/index.js

@@ -0,0 +1,159 @@
+import { c as r } from "./table-CW4_BYny.js";
+import { A as p, a as b, b as C, d as f, e as A, f as D, g as k, h as v, i as h, j as F, k as x, l as y, m as B, n as S, o as I, B as P, p as j, C as H, q as N, r as R, s as V, t as w, u as z, v as L, w as $, x as E, y as Q, z as U, D as q, E as G, F as M, G as O, H as Z, I as J, J as K, K as W, L as X, M as Y, N as _, O as aa, P as ea, Q as sa, R as ta, S as ra, T as oa, U as la, V as ia, W as na, X as da, Y as ua, Z as ca, _ as ga, $ as ma, a0 as Ta, a1 as pa, a2 as ba, a3 as Ca, a4 as fa, a5 as Aa, a6 as Da, a7 as ka, a8 as va, a9 as ha, aa as Fa, ab as xa, ac as ya, ad as Ba, ae as Sa, af as Ia, ag as Pa, ah as ja, ai as Ha, aj as Na, ak as Ra, al as Va, am as wa } from "./table-CW4_BYny.js";
+import { jsx as s } from "react/jsx-runtime";
+function n({
+  children: a,
+  colorMode: e,
+  className: t,
+  style: o
+}) {
+  return /* @__PURE__ */ s(
+    "div",
+    {
+      className: `hydra-root${e === "dark" ? " dark" : ""}${t ? ` ${t}` : ""}`,
+      style: o,
+      children: a
+    }
+  );
+}
+function d({
+  className: a,
+  ...e
+}) {
+  return /* @__PURE__ */ s(
+    "span",
+    {
+      "data-slot": "avatar",
+      className: r(
+        "relative flex size-9 shrink-0 overflow-hidden rounded-full",
+        a
+      ),
+      ...e
+    }
+  );
+}
+function u({
+  className: a,
+  onError: e,
+  ...t
+}) {
+  return /* @__PURE__ */ s(
+    "img",
+    {
+      "data-slot": "avatar-image",
+      className: r("aspect-square size-full object-cover", a),
+      onError: e,
+      ...t
+    }
+  );
+}
+function c({
+  className: a,
+  ...e
+}) {
+  return /* @__PURE__ */ s(
+    "span",
+    {
+      "data-slot": "avatar-fallback",
+      className: r(
+        "bg-muted text-muted-foreground flex size-full items-center justify-center rounded-full text-xs font-medium",
+        a
+      ),
+      ...e
+    }
+  );
+}
+function g({ className: a, ...e }) {
+  return /* @__PURE__ */ s(
+    "div",
+    {
+      "data-slot": "skeleton",
+      className: r("bg-muted animate-pulse rounded-md", a),
+      ...e
+    }
+  );
+}
+export {
+  p as Alert,
+  b as AlertDescription,
+  C as AlertDialog,
+  f as AlertDialogAction,
+  A as AlertDialogBackdrop,
+  D as AlertDialogCancel,
+  k as AlertDialogContent,
+  v as AlertDialogDescription,
+  h as AlertDialogFooter,
+  F as AlertDialogHeader,
+  x as AlertDialogPortal,
+  y as AlertDialogTitle,
+  B as AlertDialogTrigger,
+  S as AlertTitle,
+  I as AssessmentToolbar,
+  d as Avatar,
+  c as AvatarFallback,
+  u as AvatarImage,
+  P as Badge,
+  j as Button,
+  H as Card,
+  N as CardAction,
+  R as CardContent,
+  V as CardDescription,
+  w as CardFooter,
+  z as CardHeader,
+  L as CardTitle,
+  $ as Choice,
+  E as ConfirmDialog,
+  Q as ContentBlock,
+  U as CurriculumItemRow,
+  q as CurriculumTree,
+  G as DueDateDisplay,
+  M as EmptyState,
+  O as Essay,
+  Z as FeedbackBanner,
+  J as FileUploadZone,
+  K as FillInTheBlank,
+  W as Flashcard,
+  X as FlashcardDeck,
+  Y as GradeIndicator,
+  n as HydraProvider,
+  _ as Input,
+  aa as LearningObjectIcon,
+  ea as LikertScale,
+  sa as MultipleChoice,
+  ta as PostCard,
+  ra as Progress,
+  oa as ProgressRing,
+  la as QuestionNavigator,
+  ia as QuestionRenderer,
+  na as SearchInput,
+  da as Separator,
+  g as Skeleton,
+  ua as StarRating,
+  ca as StatCard,
+  ga as StatusBadge,
+  ma as Table,
+  Ta as TableBody,
+  pa as TableCaption,
+  ba as TableCell,
+  Ca as TableFooter,
+  fa as TableHead,
+  Aa as TableHeader,
+  Da as TableRow,
+  ka as Tabs,
+  va as TabsContent,
+  ha as TabsList,
+  Fa as TabsTrigger,
+  xa as Textarea,
+  ya as TimerDisplay,
+  Ba as Tooltip,
+  Sa as TooltipContent,
+  Ia as TooltipTrigger,
+  Pa as TrueFalse,
+  ja as UserAvatar,
+  Ha as VideoPlayer,
+  Na as alertVariants,
+  Ra as badgeVariants,
+  Va as buttonVariants,
+  r as cn,
+  wa as progressVariants
+};

package/dist/lib/utils.d.ts

@@ -0,0 +1,2 @@
+import { ClassValue } from 'clsx';
+export declare function cn(...inputs: ClassValue[]): string;

package/dist/progress/grade-indicator.d.ts

@@ -0,0 +1,2 @@
+import { GradeIndicatorProps } from './types';
+export declare function GradeIndicator({ percentage, letterGrade, variant, size, passingThreshold, showLabel, className, style, }: GradeIndicatorProps): import("react/jsx-runtime").JSX.Element;

package/dist/progress/index.d.ts

@@ -0,0 +1,4 @@
+export { ProgressRing } from './progress-ring';
+export { GradeIndicator } from './grade-indicator';
+export { StatCard } from './stat-card';
+export type { ProgressRingProps, GradeIndicatorProps, StatCardProps, } from './types';

package/dist/progress/progress-ring.d.ts

@@ -0,0 +1,2 @@
+import { ProgressRingProps } from './types';
+export declare function ProgressRing({ value, size, strokeWidth, label, color, className, style, }: ProgressRingProps): import("react/jsx-runtime").JSX.Element;

package/dist/progress/stat-card.d.ts

@@ -0,0 +1,2 @@
+import { StatCardProps } from './types';
+export declare function StatCard({ icon, label, value, subtitle, trend, className, style, }: StatCardProps): import("react/jsx-runtime").JSX.Element;

package/dist/progress/types.d.ts

@@ -0,0 +1,73 @@
+import { ReactNode } from 'react';
+/**
+ * ProgressRing renders a circular SVG progress indicator with a centered label.
+ *
+ * @example
+ * <ProgressRing value={75} size={120} />
+ */
+export interface ProgressRingProps {
+    /** Progress value from 0 to 100 */
+    value: number;
+    /** Diameter of the ring in pixels */
+    size?: number;
+    /** Stroke width in pixels */
+    strokeWidth?: number;
+    /** Override text in the center of the ring */
+    label?: string;
+    /** Ring color — defaults to the theme primary */
+    color?: string;
+    /** CSS class name for the root element */
+    className?: string;
+    /** Inline styles for the root element */
+    style?: React.CSSProperties;
+}
+/**
+ * GradeIndicator displays a grade as a circular or linear percentage badge
+ * with pass/fail coloring based on a configurable threshold.
+ *
+ * @example
+ * <GradeIndicator percentage={85} letterGrade="B+" passingThreshold={70} />
+ */
+export interface GradeIndicatorProps {
+    /** Grade percentage from 0 to 100 */
+    percentage: number;
+    /** Optional letter grade label */
+    letterGrade?: string;
+    /** Display variant */
+    variant?: "circular" | "linear";
+    /** Component size */
+    size?: "small" | "medium" | "large";
+    /** Below this percentage the indicator shows warning/error colors */
+    passingThreshold?: number;
+    /** Whether to show the percentage label */
+    showLabel?: boolean;
+    /** CSS class name for the root element */
+    className?: string;
+    /** Inline styles for the root element */
+    style?: React.CSSProperties;
+}
+/**
+ * StatCard displays a single key-value statistic with an icon and optional trend indicator.
+ *
+ * @example
+ * <StatCard label="Lessons Completed" value={12} />
+ */
+export interface StatCardProps {
+    /** Optional icon displayed at the top */
+    icon?: ReactNode;
+    /** Stat label */
+    label: string;
+    /** Stat value */
+    value: string | number;
+    /** Secondary text below the value */
+    subtitle?: string;
+    /** Optional trend data */
+    trend?: {
+        value: number;
+        direction: "up" | "down" | "flat";
+    };
+    /** CSS class name for the root element */
+    className?: string;
+    /** Inline styles for the root element */
+    style?: React.CSSProperties;
+}

package/dist/provider/HydraProvider.d.ts

@@ -0,0 +1,9 @@
+import { ReactNode } from 'react';
+export interface HydraProviderProps {
+    children: ReactNode;
+    /** Controls dark mode. When "dark", sets the .dark class on the root element. */
+    colorMode?: "light" | "dark";
+    className?: string;
+    style?: React.CSSProperties;
+}
+export declare function HydraProvider({ children, colorMode, className, style, }: HydraProviderProps): import("react/jsx-runtime").JSX.Element;

package/dist/provider/index.d.ts

@@ -0,0 +1,2 @@
+export { HydraProvider } from './HydraProvider';
+export type { HydraProviderProps } from './HydraProvider';

package/dist/questions/choice.d.ts

@@ -0,0 +1,11 @@
+import { QuestionProps } from './types';
+/**
+ * Choice renders a single-answer question using radio buttons.
+ *
+ * @example
+ * <Choice
+ *   question={question}
+ *   onAnswer={(answers) => handleAnswer(answers)}
+ * />
+ */
+export declare const Choice: ({ question, sessionAnswers, onAnswer, readOnly, showCorrectAnswers, disabled, }: QuestionProps) => import("react/jsx-runtime").JSX.Element;

package/dist/questions/essay.d.ts

@@ -0,0 +1,11 @@
+import { QuestionProps } from './types';
+/**
+ * Essay renders a long-form text input question with a multiline textarea.
+ *
+ * @example
+ * <Essay
+ *   question={question}
+ *   onAnswer={(answers) => handleAnswer(answers)}
+ * />
+ */
+export declare const Essay: ({ question, sessionAnswers, onAnswer, readOnly, disabled, }: QuestionProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,11 @@
+import { QuestionProps } from './types';
+/**
+ * FillInTheBlank renders a short text input question with debounced answer submission.
+ *
+ * @example
+ * <FillInTheBlank
+ *   question={question}
+ *   onAnswer={(answers) => handleAnswer(answers)}
+ * />
+ */
+export declare const FillInTheBlank: ({ question, sessionAnswers, onAnswer, readOnly, showCorrectAnswers, disabled, }: QuestionProps) => import("react/jsx-runtime").JSX.Element;

package/dist/questions/index.d.ts

@@ -0,0 +1,7 @@
+export { QuestionRenderer } from './question-renderer';
+export { MultipleChoice } from './multiple-choice';
+export { Choice } from './choice';
+export { TrueFalse } from './true-false';
+export { FillInTheBlank } from './fill-in-the-blank';
+export { Essay } from './essay';
+export type { QuestionProps, QuestionData, QuestionTypeEnum, AnswerOption, SessionAnswer, } from './types';

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

@@ -0,0 +1,11 @@
+import { QuestionProps } from './types';
+/**
+ * MultipleChoice renders a question with multiple correct answers using checkboxes.
+ *
+ * @example
+ * <MultipleChoice
+ *   question={question}
+ *   onAnswer={(answers) => handleAnswer(answers)}
+ * />
+ */
+export declare const MultipleChoice: ({ question, sessionAnswers, onAnswer, readOnly, showCorrectAnswers, disabled, }: QuestionProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,12 @@
+import { QuestionProps } from './types';
+/**
+ * QuestionRenderer dispatches to the appropriate question component based on question type.
+ *
+ * @example
+ * <QuestionRenderer
+ *   question={question}
+ *   sessionAnswers={answers}
+ *   onAnswer={handleAnswer}
+ * />
+ */
+export declare const QuestionRenderer: (props: QuestionProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,11 @@
+import { QuestionProps } from './types';
+/**
+ * TrueFalse renders a true/false question with two radio button options.
+ *
+ * @example
+ * <TrueFalse
+ *   question={question}
+ *   onAnswer={(answers) => handleAnswer(answers)}
+ * />
+ */
+export declare const TrueFalse: ({ question, sessionAnswers, onAnswer, readOnly, showCorrectAnswers, disabled, }: QuestionProps) => import("react/jsx-runtime").JSX.Element;