@hydralms/components 0.2.0 → 0.3.0

package/dist/ui/badge.d.ts

@@ -1,7 +1,7 @@
 import { VariantProps } from 'class-variance-authority';
 import * as React from "react";
 declare const badgeVariants: (props?: ({
-    variant?: "info" | "warning" | "default" | "destructive" | "success" | "muted" | "outline" | "secondary" | null | undefined;
+    variant?: "info" | "warning" | "default" | "destructive" | "success" | "muted" | "outline" | "secondary" | "palette0" | "palette1" | "palette2" | "palette3" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 declare function Badge({ className, variant, asChild, ...props }: React.ComponentProps<"span"> & VariantProps<typeof badgeVariants> & {
     asChild?: boolean;

package/dist/ui/index.d.ts

@@ -16,3 +16,5 @@ export { Skeleton } from './skeleton';
 export { Tooltip, TooltipTrigger, TooltipContent } from './tooltip';
 export { RichTextEditor } from './rich-text-editor';
 export type { RichTextEditorProps, RichTextEditorVariant } from './rich-text-editor';
+export { ToastProvider, Toaster, useToast, toastVariants } from './toast';
+export type { ToastOptions, ToastVariant } from './toast';

package/dist/ui/progress.d.ts

@@ -1,7 +1,7 @@
 import { VariantProps } from 'class-variance-authority';
 import * as React from "react";
 declare const progressVariants: (props?: ({
-    variant?: "info" | "warning" | "default" | "success" | null | undefined;
+    variant?: "info" | "warning" | "default" | "success" | "palette0" | "palette1" | "palette2" | "palette3" | null | undefined;
     size?: "default" | "sm" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 interface ProgressProps extends Omit<React.ComponentProps<"div">, "children">, VariantProps<typeof progressVariants> {

package/dist/ui/rich-text-editor.d.ts

@@ -12,6 +12,8 @@ export interface RichTextEditorProps {
     disabled?: boolean;
     /** `"default"` shows full toolbar; `"minimal"` shows only basic formatting */
     variant?: RichTextEditorVariant;
+    /** Accessible label for screen readers (defaults to "Rich text editor") */
+    ariaLabel?: string;
     className?: string;
     style?: React.CSSProperties;
 }
@@ -27,4 +29,4 @@ export interface RichTextEditorProps {
  *   variant="default"
  * />
  */
-export declare function RichTextEditor({ value, onChange, placeholder, readOnly, disabled, variant, className, style, }: RichTextEditorProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function RichTextEditor({ value, onChange, placeholder, readOnly, disabled, variant, ariaLabel, className, style, }: RichTextEditorProps): import("react/jsx-runtime").JSX.Element | null;

package/dist/ui/toast.d.ts

@@ -0,0 +1,43 @@
+import { ReactNode } from 'react';
+declare const toastVariants: (props?: ({
+    variant?: "info" | "warning" | "success" | "error" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+type ToastVariant = "success" | "error" | "warning" | "info";
+/** Options for creating a toast notification. */
+interface ToastOptions {
+    /** Toast message */
+    message: string;
+    /** Optional title */
+    title?: string;
+    /** Visual variant */
+    variant?: ToastVariant;
+    /** Auto-dismiss duration in ms (default 5000, 0 = no auto-dismiss) */
+    duration?: number;
+}
+interface ToastContextValue {
+    toast: (options: ToastOptions) => void;
+}
+/**
+ * ToastProvider wraps your app to enable toast notifications.
+ * Renders a fixed-position toast container via portal.
+ *
+ * @example
+ * <ToastProvider>
+ *   <App />
+ * </ToastProvider>
+ */
+declare function ToastProvider({ children }: {
+    children: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+/**
+ * Hook to trigger toast notifications. Must be used within a ToastProvider.
+ *
+ * @example
+ * const { toast } = useToast();
+ * toast({ message: "Saved!", variant: "success" });
+ */
+declare function useToast(): ToastContextValue;
+/** Convenience alias for ToastProvider. */
+declare const Toaster: typeof ToastProvider;
+export { ToastProvider, Toaster, useToast, toastVariants };
+export type { ToastOptions, ToastVariant };

package/dist/utils/debounce.d.ts

@@ -1 +1,5 @@
-export declare function debounce<T extends (...args: Parameters<T>) => void>(fn: T, delay: number): (...args: Parameters<T>) => void;
+type Cancellable<T extends (...args: Parameters<T>) => void> = ((...args: Parameters<T>) => void) & {
+    cancel: () => void;
+};
+export declare function debounce<T extends (...args: Parameters<T>) => void>(fn: T, delay: number): Cancellable<T>;
+export {};

package/dist/utils/pick-palette-color.d.ts

@@ -0,0 +1,19 @@
+/**
+ * Palette CSS variable names matching --palette-0 through --palette-3
+ * defined in globals.css.
+ */
+export declare const PALETTE_VARS: readonly ["var(--palette-0)", "var(--palette-1)", "var(--palette-2)", "var(--palette-3)"];
+/** Number of palette colors available. */
+export declare const PALETTE_COUNT: 4;
+/**
+ * Pick a palette CSS variable by cycling through the 4 palette colors.
+ * Useful for assigning varied colors to list items by index.
+ */
+export declare function pickPaletteColor(index: number): string;
+/** Palette variant name for CVA-based components (badge, progress). */
+export type PaletteVariant = "palette0" | "palette1" | "palette2" | "palette3";
+/**
+ * Pick a palette variant name by cycling through the 4 palette variants.
+ * Useful for assigning varied CVA variants to list items by index.
+ */
+export declare function pickPaletteVariant(index: number): PaletteVariant;

package/dist/video/types.d.ts

@@ -9,6 +9,19 @@
  *   onEnded={() => markLessonComplete()}
  * />
  */
+/** A text track (captions, subtitles) for the video element. */
+export interface VideoTrack {
+    /** URL of the track file (e.g., .vtt) */
+    src: string;
+    /** Track kind */
+    kind: "captions" | "subtitles" | "descriptions" | "chapters" | "metadata";
+    /** Human-readable track label (e.g., "English") */
+    label: string;
+    /** BCP 47 language code (e.g., "en") */
+    srcLang: string;
+    /** Whether this track should be active by default */
+    default?: boolean;
+}
 export interface VideoPlayerProps {
     /** URL of the video source */
     src?: string;
@@ -30,6 +43,8 @@ export interface VideoPlayerProps {
     readOnly?: boolean;
     /** Aspect ratio of the video container */
     aspectRatio?: "16/9" | "4/3" | "1/1";
+    /** Array of text tracks (captions, subtitles) for the video */
+    tracks?: VideoTrack[];
     /** CSS class name for the root element */
     className?: string;
     /** Inline styles for the root element */

package/dist/video/video-player.d.ts

@@ -1,2 +1,2 @@
 import { VideoPlayerProps } from './types';
-export declare const VideoPlayer: ({ src, poster, title, autoPlay, onPlay, onPause, onEnded, onTimeUpdate, readOnly, aspectRatio, className, style, }: VideoPlayerProps) => import("react/jsx-runtime").JSX.Element;
+export declare const VideoPlayer: ({ src, poster, title, autoPlay, onPlay, onPause, onEnded, onTimeUpdate, readOnly, aspectRatio, tracks, className, style, }: VideoPlayerProps) => import("react/jsx-runtime").JSX.Element;

package/dist/withProGate-BWqcKdPM.js

@@ -0,0 +1,137 @@
+import { jsx as a, jsxs as c } from "react/jsx-runtime";
+import { createContext as f, useState as p, useEffect as h, useContext as y } from "react";
+const s = "hydra_key_v", g = 300 * 1e3;
+function k(e) {
+  try {
+    const t = sessionStorage.getItem(s);
+    if (t) {
+      const { result: n, ts: r, key: o } = JSON.parse(t);
+      if (o === e && Date.now() - r < g) return n;
+    }
+  } catch {
+  }
+  return null;
+}
+function m(e, t) {
+  try {
+    sessionStorage.setItem(s, JSON.stringify({ result: t, ts: Date.now(), key: e }));
+  } catch {
+  }
+}
+function l(e) {
+  try {
+    const t = sessionStorage.getItem(s);
+    if (t) {
+      const { result: n, key: r } = JSON.parse(t);
+      if (r === e && n === "valid-pro") return "valid-pro";
+    }
+  } catch {
+  }
+  return "invalid";
+}
+async function v(e, t) {
+  if (!t) return "skip";
+  if (!e) return "no-key";
+  const n = k(e);
+  if (n) return n;
+  try {
+    const r = await fetch(`${t}?key=${encodeURIComponent(e)}`, {
+      method: "GET",
+      signal: AbortSignal.timeout(4e3)
+    });
+    if (!r.ok) return l(e);
+    const o = await r.json();
+    let i;
+    return o.valid ? o.plan === "pro" || o.plan === "enterprise" ? i = "valid-pro" : i = "valid-free" : i = "invalid", m(e, i), i;
+  } catch {
+    return l(e);
+  }
+}
+const u = f({
+  plan: "free",
+  isPro: !1
+});
+function x(e) {
+  switch (e) {
+    case "valid-pro":
+    case "skip":
+      return "pro";
+    case "valid-free":
+    case "no-key":
+      return "free";
+    case "invalid":
+      return "invalid";
+  }
+}
+function H({ licenseKey: e, validateUrl: t = "", children: n }) {
+  const [r, o] = p(() => t ? e ? "validating" : "free" : "pro");
+  return h(() => {
+    if (!t) {
+      o("pro");
+      return;
+    }
+    let i = !1;
+    return v(e ?? null, t).then((d) => {
+      i || o(x(d));
+    }), () => {
+      i = !0;
+    };
+  }, [e, t]), /* @__PURE__ */ a(u.Provider, { value: { plan: r, isPro: r === "pro" }, children: n });
+}
+function P() {
+  return y(u);
+}
+function S({ children: e, feature: t }) {
+  return /* @__PURE__ */ c("div", { style: { position: "relative" }, children: [
+    e,
+    /* @__PURE__ */ c(
+      "a",
+      {
+        href: "https://hydralms.com/pro",
+        target: "_blank",
+        rel: "noopener noreferrer",
+        style: {
+          position: "absolute",
+          bottom: 14,
+          right: 16,
+          zIndex: 9999,
+          display: "flex",
+          alignItems: "center",
+          gap: 5,
+          padding: "4px 10px 4px 8px",
+          background: "rgba(0,0,0,0.5)",
+          backdropFilter: "blur(6px)",
+          borderRadius: 20,
+          fontFamily: "system-ui, -apple-system, sans-serif",
+          fontSize: 11,
+          fontWeight: 500,
+          color: "rgba(255,255,255,0.85)",
+          letterSpacing: "0.01em",
+          whiteSpace: "nowrap",
+          lineHeight: 1,
+          pointerEvents: "auto",
+          textDecoration: "none"
+        },
+        title: t ? `"${t}" is a HydraLMS Pro module` : "Upgrade to HydraLMS Pro",
+        children: [
+          /* @__PURE__ */ a("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", style: { opacity: 0.8 }, children: /* @__PURE__ */ a("path", { d: "M12 2.69l5.66 5.66a8 8 0 1 1-11.31 0z" }) }),
+          "HydraLMS Pro"
+        ]
+      }
+    )
+  ] });
+}
+function L(e, t) {
+  const n = (r) => {
+    const { isPro: o } = P();
+    return o ? /* @__PURE__ */ a(e, { ...r }) : /* @__PURE__ */ a(S, { feature: t, children: /* @__PURE__ */ a(e, { ...r }) });
+  };
+  return n.displayName = `ProGated(${t})`, n;
+}
+export {
+  H,
+  S as P,
+  u as a,
+  P as u,
+  L as w
+};

package/dist/withProGate-DX6XqKLp.cjs

@@ -0,0 +1 @@
+"use strict";const s=require("react/jsx-runtime"),a=require("react"),c="hydra_key_v",h=300*1e3;function y(e){try{const t=sessionStorage.getItem(c);if(t){const{result:n,ts:r,key:i}=JSON.parse(t);if(i===e&&Date.now()-r<h)return n}}catch{}return null}function g(e,t){try{sessionStorage.setItem(c,JSON.stringify({result:t,ts:Date.now(),key:e}))}catch{}}function l(e){try{const t=sessionStorage.getItem(c);if(t){const{result:n,key:r}=JSON.parse(t);if(r===e&&n==="valid-pro")return"valid-pro"}}catch{}return"invalid"}async function x(e,t){if(!t)return"skip";if(!e)return"no-key";const n=y(e);if(n)return n;try{const r=await fetch(`${t}?key=${encodeURIComponent(e)}`,{method:"GET",signal:AbortSignal.timeout(4e3)});if(!r.ok)return l(e);const i=await r.json();let o;return i.valid?i.plan==="pro"||i.plan==="enterprise"?o="valid-pro":o="valid-free":o="invalid",g(e,o),o}catch{return l(e)}}const u=a.createContext({plan:"free",isPro:!1});function k(e){switch(e){case"valid-pro":case"skip":return"pro";case"valid-free":case"no-key":return"free";case"invalid":return"invalid"}}function v({licenseKey:e,validateUrl:t="",children:n}){const[r,i]=a.useState(()=>t?e?"validating":"free":"pro");return a.useEffect(()=>{if(!t){i("pro");return}let o=!1;return x(e??null,t).then(p=>{o||i(k(p))}),()=>{o=!0}},[e,t]),s.jsx(u.Provider,{value:{plan:r,isPro:r==="pro"},children:n})}function d(){return a.useContext(u)}function f({children:e,feature:t}){return s.jsxs("div",{style:{position:"relative"},children:[e,s.jsxs("a",{href:"https://hydralms.com/pro",target:"_blank",rel:"noopener noreferrer",style:{position:"absolute",bottom:14,right:16,zIndex:9999,display:"flex",alignItems:"center",gap:5,padding:"4px 10px 4px 8px",background:"rgba(0,0,0,0.5)",backdropFilter:"blur(6px)",borderRadius:20,fontFamily:"system-ui, -apple-system, sans-serif",fontSize:11,fontWeight:500,color:"rgba(255,255,255,0.85)",letterSpacing:"0.01em",whiteSpace:"nowrap",lineHeight:1,pointerEvents:"auto",textDecoration:"none"},title:t?`"${t}" is a HydraLMS Pro module`:"Upgrade to HydraLMS Pro",children:[s.jsx("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round",style:{opacity:.8},children:s.jsx("path",{d:"M12 2.69l5.66 5.66a8 8 0 1 1-11.31 0z"})}),"HydraLMS Pro"]})]})}function P(e,t){const n=r=>{const{isPro:i}=d();return i?s.jsx(e,{...r}):s.jsx(f,{feature:t,children:s.jsx(e,{...r})})};return n.displayName=`ProGated(${t})`,n}exports.HydraLicenseContext=u;exports.HydraLicenseProvider=v;exports.ProBadge=f;exports.useHydraLicense=d;exports.withProGate=P;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hydralms/components",
-  "version": "0.2.0",
+  "version": "0.3.0",
   "description": "React component library for LMS platforms",
   "license": "MIT",
   "author": "HydraLMS",
@@ -26,9 +26,9 @@
     "course"
   ],
   "type": "module",
-  "main": "./src/index.ts",
-  "module": "./src/index.ts",
-  "types": "./src/index.ts",
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
   "files": [
     "src",
     "dist",
@@ -40,132 +40,32 @@
   ],
   "exports": {
     ".": {
-      "types": "./src/index.ts",
-      "default": "./src/index.ts"
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
     },
     "./sections": {
-      "types": "./src/sections/index.ts",
-      "default": "./src/sections/index.ts"
+      "types": "./dist/sections/index.d.ts",
+      "import": "./dist/sections.js",
+      "require": "./dist/sections.cjs"
     },
-    "./sections/QuizSession": {
-      "types": "./src/sections/QuizSession/QuizSession.tsx",
-      "default": "./src/sections/QuizSession/QuizSession.tsx"
-    },
-    "./sections/LecturePlayer": {
-      "types": "./src/sections/LecturePlayer/LecturePlayer.tsx",
-      "default": "./src/sections/LecturePlayer/LecturePlayer.tsx"
-    },
-    "./sections/FlashcardStudySession": {
-      "types": "./src/sections/FlashcardStudySession/FlashcardStudySession.tsx",
-      "default": "./src/sections/FlashcardStudySession/FlashcardStudySession.tsx"
-    },
-    "./sections/AssessmentReview": {
-      "types": "./src/sections/AssessmentReview/AssessmentReview.tsx",
-      "default": "./src/sections/AssessmentReview/AssessmentReview.tsx"
-    },
-    "./sections/CourseOutline": {
-      "types": "./src/sections/CourseOutline/CourseOutline.tsx",
-      "default": "./src/sections/CourseOutline/CourseOutline.tsx"
-    },
-    "./sections/ScrollableQuiz": {
-      "types": "./src/sections/ScrollableQuiz/ScrollableQuiz.tsx",
-      "default": "./src/sections/ScrollableQuiz/ScrollableQuiz.tsx"
-    },
-    "./sections/PracticeQuiz": {
-      "types": "./src/sections/PracticeQuiz/PracticeQuiz.tsx",
-      "default": "./src/sections/PracticeQuiz/PracticeQuiz.tsx"
-    },
-    "./sections/ExamSession": {
-      "types": "./src/sections/ExamSession/ExamSession.tsx",
-      "default": "./src/sections/ExamSession/ExamSession.tsx"
-    },
-    "./sections/SurveyForm": {
-      "types": "./src/sections/SurveyForm/SurveyForm.tsx",
-      "default": "./src/sections/SurveyForm/SurveyForm.tsx"
-    },
-    "./sections/LessonPage": {
-      "types": "./src/sections/LessonPage/LessonPage.tsx",
-      "default": "./src/sections/LessonPage/LessonPage.tsx"
-    },
-    "./sections/ResourceLibrary": {
-      "types": "./src/sections/ResourceLibrary/ResourceLibrary.tsx",
-      "default": "./src/sections/ResourceLibrary/ResourceLibrary.tsx"
-    },
-    "./sections/AnnouncementFeed": {
-      "types": "./src/sections/AnnouncementFeed/AnnouncementFeed.tsx",
-      "default": "./src/sections/AnnouncementFeed/AnnouncementFeed.tsx"
-    },
-    "./sections/DiscussionThread": {
-      "types": "./src/sections/DiscussionThread/DiscussionThread.tsx",
-      "default": "./src/sections/DiscussionThread/DiscussionThread.tsx"
-    },
-    "./sections/AssignmentSubmission": {
-      "types": "./src/sections/AssignmentSubmission/AssignmentSubmission.tsx",
-      "default": "./src/sections/AssignmentSubmission/AssignmentSubmission.tsx"
-    },
-    "./sections/GradebookTable": {
-      "types": "./src/sections/GradebookTable/GradebookTable.tsx",
-      "default": "./src/sections/GradebookTable/GradebookTable.tsx"
-    },
-    "./sections/ProgressDashboard": {
-      "types": "./src/sections/ProgressDashboard/ProgressDashboard.tsx",
-      "default": "./src/sections/ProgressDashboard/ProgressDashboard.tsx"
-    },
-    "./sections/CertificateViewer": {
-      "types": "./src/sections/CertificateViewer/CertificateViewer.tsx",
-      "default": "./src/sections/CertificateViewer/CertificateViewer.tsx"
-    },
-    "./sections/RubricView": {
-      "types": "./src/sections/RubricView/RubricView.tsx",
-      "default": "./src/sections/RubricView/RubricView.tsx"
-    },
-    "./sections/RequirementsChecklist": {
-      "types": "./src/sections/RequirementsChecklist/RequirementsChecklist.tsx",
-      "default": "./src/sections/RequirementsChecklist/RequirementsChecklist.tsx"
-    },
-    "./sections/ForumBoard": {
-      "types": "./src/sections/ForumBoard/ForumBoard.tsx",
-      "default": "./src/sections/ForumBoard/ForumBoard.tsx"
+    "./sections/*": {
+      "types": "./src/sections/*/index.ts",
+      "default": "./src/sections/*/index.ts"
     },
     "./modules": {
-      "types": "./src/modules/index.ts",
-      "default": "./src/modules/index.ts"
-    },
-    "./modules/QuizModule": {
-      "types": "./src/modules/QuizModule/QuizModule.tsx",
-      "default": "./src/modules/QuizModule/QuizModule.tsx"
-    },
-    "./modules/FlashcardLab": {
-      "types": "./src/modules/FlashcardLab/FlashcardLab.tsx",
-      "default": "./src/modules/FlashcardLab/FlashcardLab.tsx"
-    },
-    "./modules/CoursePlayer": {
-      "types": "./src/modules/CoursePlayer/CoursePlayer.tsx",
-      "default": "./src/modules/CoursePlayer/CoursePlayer.tsx"
-    },
-    "./modules/ExamModule": {
-      "types": "./src/modules/ExamModule/ExamModule.tsx",
-      "default": "./src/modules/ExamModule/ExamModule.tsx"
+      "types": "./dist/modules/index.d.ts",
+      "import": "./dist/modules.js",
+      "require": "./dist/modules.cjs"
     },
-    "./modules/SurveyModule": {
-      "types": "./src/modules/SurveyModule/SurveyModule.tsx",
-      "default": "./src/modules/SurveyModule/SurveyModule.tsx"
+    "./modules/*": {
+      "types": "./src/modules/*/index.ts",
+      "default": "./src/modules/*/index.ts"
     },
-    "./modules/GradeCenterModule": {
-      "types": "./src/modules/GradeCenterModule/GradeCenterModule.tsx",
-      "default": "./src/modules/GradeCenterModule/GradeCenterModule.tsx"
-    },
-    "./modules/AssignmentModule": {
-      "types": "./src/modules/AssignmentModule/AssignmentModule.tsx",
-      "default": "./src/modules/AssignmentModule/AssignmentModule.tsx"
-    },
-    "./modules/CertificateModule": {
-      "types": "./src/modules/CertificateModule/CertificateModule.tsx",
-      "default": "./src/modules/CertificateModule/CertificateModule.tsx"
-    },
-    "./modules/DiscussionModule": {
-      "types": "./src/modules/DiscussionModule/DiscussionModule.tsx",
-      "default": "./src/modules/DiscussionModule/DiscussionModule.tsx"
+    "./license": {
+      "types": "./dist/license/index.d.ts",
+      "import": "./dist/license.js",
+      "require": "./dist/license.cjs"
     },
     "./provider": {
       "types": "./src/provider/index.ts",
@@ -207,104 +107,9 @@
       "types": "./src/social/index.ts",
       "default": "./src/social/index.ts"
     },
-    "./ui/card": {
-      "types": "./src/ui/card.tsx",
-      "default": "./src/ui/card.tsx"
-    },
-    "./ui/progress": {
-      "types": "./src/ui/progress.tsx",
-      "default": "./src/ui/progress.tsx"
-    },
-    "./provider/HydraProvider": {
-      "types": "./src/provider/HydraProvider.tsx",
-      "default": "./src/provider/HydraProvider.tsx"
-    },
-    "./styles.css": "./src/styles/globals.css",
-    "./styles/globals.css": "./src/styles/globals.css",
+    "./styles.css": "./dist/components.css",
     "./package.json": "./package.json"
   },
-  "publishConfig": {
-    "main": "./dist/index.cjs",
-    "module": "./dist/index.js",
-    "types": "./dist/index.d.ts",
-    "exports": {
-      ".": {
-        "types": "./dist/index.d.ts",
-        "import": "./dist/index.js",
-        "require": "./dist/index.cjs"
-      },
-      "./sections": {
-        "types": "./dist/sections/index.d.ts",
-        "import": "./dist/sections.js",
-        "require": "./dist/sections.cjs"
-      },
-      "./sections/*": {
-        "types": "./src/sections/*/index.ts",
-        "default": "./src/sections/*/index.ts"
-      },
-      "./modules": {
-        "types": "./dist/modules/index.d.ts",
-        "import": "./dist/modules.js",
-        "require": "./dist/modules.cjs"
-      },
-      "./modules/*": {
-        "types": "./src/modules/*/index.ts",
-        "default": "./src/modules/*/index.ts"
-      },
-      "./provider": {
-        "types": "./src/provider/index.ts",
-        "default": "./src/provider/index.ts"
-      },
-      "./questions": {
-        "types": "./src/questions/index.ts",
-        "default": "./src/questions/index.ts"
-      },
-      "./assessment-toolbar": {
-        "types": "./src/assessment-toolbar/index.ts",
-        "default": "./src/assessment-toolbar/index.ts"
-      },
-      "./flashcards": {
-        "types": "./src/flashcards/index.ts",
-        "default": "./src/flashcards/index.ts"
-      },
-      "./curriculum": {
-        "types": "./src/curriculum/index.ts",
-        "default": "./src/curriculum/index.ts"
-      },
-      "./video": {
-        "types": "./src/video/index.ts",
-        "default": "./src/video/index.ts"
-      },
-      "./progress": {
-        "types": "./src/progress/index.ts",
-        "default": "./src/progress/index.ts"
-      },
-      "./feedback": {
-        "types": "./src/feedback/index.ts",
-        "default": "./src/feedback/index.ts"
-      },
-      "./content": {
-        "types": "./src/content/index.ts",
-        "default": "./src/content/index.ts"
-      },
-      "./social": {
-        "types": "./src/social/index.ts",
-        "default": "./src/social/index.ts"
-      },
-      "./styles.css": "./dist/components.css",
-      "./package.json": "./package.json"
-    }
-  },
-  "scripts": {
-    "build": "vite build",
-    "dev": "vite build --watch",
-    "generate-docs": "tsx scripts/generate-docs.ts",
-    "check-docs": "tsx scripts/generate-docs.ts --check",
-    "typecheck": "tsc --noEmit",
-    "test": "vitest run",
-    "test:watch": "vitest",
-    "prepublishOnly": "pnpm run build"
-  },
   "peerDependencies": {
     "react": "^18.0.0 || ^19.0.0",
     "react-dom": "^18.0.0 || ^19.0.0",
@@ -339,5 +144,14 @@
     "vite": "^6.0.0",
     "vite-plugin-dts": "^4.0.0",
     "vitest": "^4.0.18"
+  },
+  "scripts": {
+    "build": "vite build",
+    "dev": "vite build --watch",
+    "generate-docs": "tsx scripts/generate-docs.ts",
+    "check-docs": "tsx scripts/generate-docs.ts --check",
+    "typecheck": "tsc --noEmit",
+    "test": "vitest run",
+    "test:watch": "vitest"
   }
-}
+}

package/src/assessment-toolbar/question-navigator.tsx

@@ -1,3 +1,4 @@
+import { memo } from "react";
 import type { QuestionNavigatorProps } from "./types";
 import { cn } from "../lib/utils";
 
@@ -18,12 +19,12 @@ const getChipVariant = (
   return "default";
 };
 
-export const QuestionNavigator = ({
+export const QuestionNavigator = memo(function QuestionNavigator({
   questions,
   currentQuestionUid,
   onNavigate,
   readOnly = false,
-}: QuestionNavigatorProps) => {
+}: QuestionNavigatorProps) {
   const getTooltipContent = (q: (typeof questions)[0]): string => {
     const parts: string[] = [`Question ${q.sequence + 1}`];
     if (q.isFlagged) parts.push("Flagged");
@@ -37,22 +38,26 @@ export const QuestionNavigator = ({
       {questions.map((q) => {
         const variant = getChipVariant(q, currentQuestionUid);
         return (
-          <div
+          <button
+            type="button"
             key={q.uid}
             title={getTooltipContent(q)}
+            aria-label={getTooltipContent(q)}
+            aria-current={q.uid === currentQuestionUid ? "step" : undefined}
             className={cn(
               "inline-flex items-center justify-center px-1.5 py-0.5 rounded border text-[11px] leading-tight transition-all duration-150 min-w-5.5",
               CHIP_CLASSES[variant],
               readOnly ? "cursor-default" : "cursor-pointer hover:shadow-sm hover:-translate-y-px",
             )}
             onClick={readOnly ? undefined : () => onNavigate?.(q.uid)}
+            disabled={readOnly}
           >
             <span className="font-semibold min-w-3.5 text-center">
               {q.sequence + 1}
             </span>
-          </div>
+          </button>
         );
       })}
     </div>
   );
-};
+});