art-bd-ui 1.0.39 → 1.0.41

package/dist/cjs/components/buttons/toggle/toggle.js

@@ -3,11 +3,11 @@
 
 var tslib_es6 = require('../../../node_modules/tslib/tslib.es6.js');
 var jsxRuntime = require('react/jsx-runtime');
-var index$1 = require('../../../node_modules/@radix-ui/react-toggle/dist/index.js');
-var index = require('../../../node_modules/class-variance-authority/dist/index.js');
+var index = require('../../../node_modules/@radix-ui/react-toggle/dist/index.js');
+var index$1 = require('../../../node_modules/class-variance-authority/dist/index.js');
 var utils = require('../../../lib/utils.js');
 
-const toggleVariants = index.cva([
+const toggleVariants = index$1.cva([
     "inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium hover:bg-muted hover:text-muted-foreground disabled:pointer-events-none disabled:opacity-50 whitespace-nowrap",
     "data-[state=on]:bg-accent",
     "data-[state=on]:text-accent-foreground",
@@ -31,7 +31,7 @@ const toggleVariants = index.cva([
 });
 const Toggle = (_a) => {
     var { className, variant, size } = _a, props = tslib_es6.__rest(_a, ["className", "variant", "size"]);
-    return jsxRuntime.jsx(index$1.Root, Object.assign({ "data-slot": "toggle", className: utils.cn(toggleVariants({ variant, size }), className) }, props));
+    return jsxRuntime.jsx(index.Root, Object.assign({ "data-slot": "toggle", className: utils.cn(toggleVariants({ variant, size }), className) }, props));
 };
 Toggle.displayName = "Toggle";
 

package/dist/cjs/components/quiz/builder/components/questions-sidebar/questions-sidebar.js

@@ -29,6 +29,11 @@ function _interopNamespaceDefault(e) {
 
 var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
 
+const SidebarRow = ({ item, index, onJump, active }) => {
+    const { attributes, listeners, setNodeRef, transform, transition, isDragging } = sortable_esm.useSortable({ id: item.id });
+    const style = { transform: utilities_esm.CSS.Transform.toString(transform), transition };
+    return (jsxRuntime.jsxs("li", { ref: setNodeRef, style: style, className: utils.cn("flex items-center gap-2 rounded-md border px-2 py-1 text-sm bg-background", "focus-within:ring-2 focus-within:ring-primary", active && "ring-2 ring-primary", isDragging && "opacity-70"), children: [jsxRuntime.jsx("button", Object.assign({ className: "p-1 rounded-md border bg-background hover:bg-accent", "aria-label": "Drag to reorder" }, attributes, listeners, { children: jsxRuntime.jsx(gripVertical.default, { className: "size-4 opacity-70" }) })), jsxRuntime.jsx("button", { type: "button", onClick: onJump, className: "flex-1 text-left truncate hover:underline", title: item.label || `Question ${index + 1}`, children: item.label || `Question ${index + 1}` }), jsxRuntime.jsx("span", { className: "text-xs text-muted-foreground", children: item.type })] }));
+};
 const QuestionsSidebar = ({ items, onReorder, onJump, activeId }) => {
     const sensors = core_esm.useSensors(core_esm.useSensor(core_esm.PointerSensor, { activationConstraint: { distance: 6 } }));
     const [dragging, setDragging] = React__namespace.useState(false);
@@ -55,14 +60,8 @@ const QuestionsSidebar = ({ items, onReorder, onJump, activeId }) => {
                 }, children: jsxRuntime.jsx(core_esm.DndContext, { sensors: sensors, collisionDetection: core_esm.closestCenter, 
                     // Keep dnd constrained to this scroll container
                     modifiers: [modifiers_esm.restrictToVerticalAxis, modifiers_esm.restrictToFirstScrollableAncestor], onDragStart: () => setDragging(true), onDragCancel: () => setDragging(false), onDragEnd: onDragEnd, autoScroll: false, children: jsxRuntime.jsx(sortable_esm.SortableContext, { items: items.map((x) => x.id), strategy: sortable_esm.verticalListSortingStrategy, children: jsxRuntime.jsx("ul", { className: "space-y-1", children: items.map((it, idx) => (jsxRuntime.jsx(SidebarRow, { item: it, index: idx, onJump: () => {
-                                    console.log("onJump", it.id);
                                     onJump(it.id);
                                 }, active: activeId === it.id }, it.id))) }) }) }) })] }));
 };
-const SidebarRow = ({ item, index, onJump, active }) => {
-    const { attributes, listeners, setNodeRef, transform, transition, isDragging } = sortable_esm.useSortable({ id: item.id });
-    const style = { transform: utilities_esm.CSS.Transform.toString(transform), transition };
-    return (jsxRuntime.jsxs("li", { ref: setNodeRef, style: style, className: utils.cn("flex items-center gap-2 rounded-md border px-2 py-1 text-sm bg-background", "focus-within:ring-2 focus-within:ring-primary", active && "ring-2 ring-primary", isDragging && "opacity-70"), children: [jsxRuntime.jsx("button", Object.assign({ className: "p-1 rounded-md border bg-background hover:bg-accent", "aria-label": "Drag to reorder" }, attributes, listeners, { children: jsxRuntime.jsx(gripVertical.default, { className: "size-4 opacity-70" }) })), jsxRuntime.jsx("button", { type: "button", onClick: onJump, className: "flex-1 text-left truncate hover:underline", title: item.label || `Question ${index + 1}`, children: item.label || `Question ${index + 1}` }), jsxRuntime.jsx("span", { className: "text-xs text-muted-foreground", children: item.type })] }));
-};
 
 exports.QuestionsSidebar = QuestionsSidebar;

package/dist/cjs/components/quiz/builder/components/quiz-settings/quiz-settings.js

@@ -8,13 +8,6 @@ var input = require('../../../../forms/input/input.js');
 var _switch = require('../../../../forms/switch/switch.js');
 var utils = require('../../../../../lib/utils.js');
 
-const QuizSettingsPanel = ({ value, onChange, className }) => {
-    var _a, _b, _c, _d, _e;
-    const set = (patch) => onChange(Object.assign(Object.assign({}, value), patch));
-    return (jsxRuntime.jsxs(card.Card, { className: utils.cn(
-        // Compact look & feel
-        "p-3 md:p-3 rounded-lg border bg-card", className), children: [jsxRuntime.jsx("div", { className: "text-xs font-medium text-muted-foreground mb-2", children: "Quiz settings" }), jsxRuntime.jsxs("div", { className: "grid grid-cols-2 gap-2 md:flex md:items-center md:gap-4", children: [jsxRuntime.jsx(ToggleItem, { id: "shuffle", label: "Shuffle questions", checked: !!value.shuffleQuestions, onCheckedChange: (v) => set({ shuffleQuestions: v }) }), jsxRuntime.jsx(ToggleItem, { id: "sequential", label: "Sequential mode", checked: !!value.sequentialMode, onCheckedChange: (v) => set({ sequentialMode: v }) }), jsxRuntime.jsx(ToggleItem, { id: "breakdown", label: "Show breakdown", checked: (_a = value.showResultBreakdown) !== null && _a !== void 0 ? _a : true, onCheckedChange: (v) => set({ showResultBreakdown: v }) })] }), jsxRuntime.jsxs("div", { className: "mt-2 grid grid-cols-2 md:grid-cols-4 gap-2", children: [jsxRuntime.jsx(Num, { id: "failfast", miniLabel: "Incorrect streak", value: (_b = value.failFastIncorrectStreak) !== null && _b !== void 0 ? _b : 0, min: 0, step: 1, onChange: (n) => set({ failFastIncorrectStreak: Math.max(0, n) }) }), jsxRuntime.jsx(Num, { id: "attempts", miniLabel: "Attempts", value: (_c = value.attemptsAllowed) !== null && _c !== void 0 ? _c : 0, min: 0, step: 1, suffix: value.attemptsAllowed === 0 ? "∞" : undefined, onChange: (n) => set({ attemptsAllowed: Math.max(0, n) }) }), jsxRuntime.jsx(Num, { id: "timelimit", miniLabel: "Total time", value: (_d = value.timeLimitSeconds) !== null && _d !== void 0 ? _d : 0, min: 0, step: 30, suffix: "sec", onChange: (n) => set({ timeLimitSeconds: Math.max(0, n) }) }), jsxRuntime.jsx(Num, { id: "perquestion", miniLabel: "Per question", value: (_e = value.perQuestionDefaultSeconds) !== null && _e !== void 0 ? _e : 0, min: 0, step: 10, suffix: "sec", onChange: (n) => set({ perQuestionDefaultSeconds: Math.max(0, n) }) })] })] }));
-};
 /* ——— UI bits —————————————————————————————— */
 const ToggleItem = ({ id, label, checked, onCheckedChange }) => {
     return (jsxRuntime.jsxs("label", { htmlFor: id, className: utils.cn("group inline-flex items-center justify-between gap-2", "rounded-md border px-2 py-1.5 bg-background hover:bg-accent/50", "cursor-pointer select-none"), children: [jsxRuntime.jsx("span", { className: "text-xs md:text-sm", children: label }), jsxRuntime.jsx(_switch.Switch, { id: id, checked: checked, onCheckedChange: onCheckedChange })] }));
@@ -30,5 +23,12 @@ function safeNum(v, min = 0) {
         return min;
     return n;
 }
+const QuizSettingsPanel = ({ value, onChange, className }) => {
+    var _a, _b, _c, _d, _e;
+    const set = (patch) => onChange(Object.assign(Object.assign({}, value), patch));
+    return (jsxRuntime.jsxs(card.Card, { className: utils.cn(
+        // Compact look & feel
+        "p-3 md:p-3 rounded-lg border bg-card", className), children: [jsxRuntime.jsx("div", { className: "text-xs font-medium text-muted-foreground mb-2", children: "Quiz settings" }), jsxRuntime.jsxs("div", { className: "grid grid-cols-2 gap-2 md:flex md:items-center md:gap-4", children: [jsxRuntime.jsx(ToggleItem, { id: "shuffle", label: "Shuffle questions", checked: !!value.shuffleQuestions, onCheckedChange: (v) => set({ shuffleQuestions: v }) }), jsxRuntime.jsx(ToggleItem, { id: "sequential", label: "Sequential mode", checked: !!value.sequentialMode, onCheckedChange: (v) => set({ sequentialMode: v }) }), jsxRuntime.jsx(ToggleItem, { id: "breakdown", label: "Show breakdown", checked: (_a = value.showResultBreakdown) !== null && _a !== void 0 ? _a : true, onCheckedChange: (v) => set({ showResultBreakdown: v }) })] }), jsxRuntime.jsxs("div", { className: "mt-2 grid grid-cols-2 md:grid-cols-4 gap-2", children: [jsxRuntime.jsx(Num, { id: "failfast", miniLabel: "Incorrect streak", value: (_b = value.failFastIncorrectStreak) !== null && _b !== void 0 ? _b : 0, min: 0, step: 1, onChange: (n) => set({ failFastIncorrectStreak: Math.max(0, n) }) }), jsxRuntime.jsx(Num, { id: "attempts", miniLabel: "Attempts", value: (_c = value.attemptsAllowed) !== null && _c !== void 0 ? _c : 0, min: 0, step: 1, suffix: value.attemptsAllowed === 0 ? "∞" : undefined, onChange: (n) => set({ attemptsAllowed: Math.max(0, n) }) }), jsxRuntime.jsx(Num, { id: "timelimit", miniLabel: "Total time", value: (_d = value.timeLimitSeconds) !== null && _d !== void 0 ? _d : 0, min: 0, step: 30, suffix: "sec", onChange: (n) => set({ timeLimitSeconds: Math.max(0, n) }) }), jsxRuntime.jsx(Num, { id: "perquestion", miniLabel: "Per question", value: (_e = value.perQuestionDefaultSeconds) !== null && _e !== void 0 ? _e : 0, min: 0, step: 10, suffix: "sec", onChange: (n) => set({ perQuestionDefaultSeconds: Math.max(0, n) }) })] })] }));
+};
 
 exports.QuizSettingsPanel = QuizSettingsPanel;

package/dist/cjs/components/quiz/builder/components/use-scroll-spy.js

@@ -54,7 +54,7 @@ function useScrollSpy(ids) {
             }
             // Get all visible entries with their ratios
             const visibleEntries = Array.from(visibilityMap.entries())
-                .filter(([_, ratio]) => ratio > 0)
+                .filter(([, ratio]) => ratio > 0)
                 .map(([element, ratio]) => ({
                 element,
                 id: element.dataset.spyId,

package/dist/cjs/components/quiz/builder/editors/choice-task-editor.js

@@ -51,7 +51,7 @@ const ToggleMarkButton = ({ checked, onToggle, mode }) => {
 /* ──────────────────────────────────────────────────────────────────────────────
  * Static ghost row for DragOverlay (collapsed, read-only)
  * ────────────────────────────────────────────────────────────────────────────── */
-const OptionRowGhost = ({ opt, mode }) => {
+const OptionRowGhost = ({ opt }) => {
     return (jsxRuntime.jsx("div", { className: utils.cn("rounded-lg border bg-background p-2.5 md:p-3 shadow-sm", opt.correct && "border-emerald-300 ring-1 ring-emerald-200/60 bg-emerald-50/30 dark:bg-emerald-900/10"), style: { pointerEvents: "none" }, children: jsxRuntime.jsxs("div", { className: "flex items-start gap-2", children: [jsxRuntime.jsx("span", { className: "mt-0.5 inline-flex h-6 w-6 items-center justify-center rounded-md border bg-background text-muted-foreground", "aria-hidden": true, children: jsxRuntime.jsx(gripVertical.default, { className: "size-4 opacity-70" }) }), jsxRuntime.jsx("span", { className: utils.cn("mt-0.5 inline-flex h-7 w-7 items-center justify-center rounded-md border", opt.correct
                         ? "border-emerald-500 bg-emerald-50 text-emerald-700 dark:bg-emerald-900/20"
                         : "border-border bg-muted/30 text-muted-foreground"), "aria-hidden": true, children: opt.correct ? jsxRuntime.jsx(check.default, { className: "h-4 w-4" }) : jsxRuntime.jsx(x.default, { className: "h-4 w-4" }) }), jsxRuntime.jsx("div", { className: "min-w-0 flex-1", children: jsxRuntime.jsx("div", { className: utils.cn("h-8 w-full truncate rounded-md border px-2.5 text-sm leading-8", opt.correct ? "border-emerald-300 bg-emerald-50/40 dark:bg-emerald-900/20" : "border-border bg-muted/30"), children: opt.label || "Option" }) }), jsxRuntime.jsxs("div", { className: "flex items-center gap-1", children: [jsxRuntime.jsx("span", { className: "h-8 w-8 rounded-md border bg-muted/40" }), jsxRuntime.jsx("span", { className: "h-8 w-8 rounded-md border bg-muted/40" })] })] }) }));

package/dist/cjs/components/quiz/builder/editors/match-pairs-task-editor.js

@@ -10,6 +10,9 @@ var button = require('../../../buttons/button/button.js');
 var plus = require('../../../../node_modules/lucide-react/dist/esm/icons/plus.js');
 var trash2 = require('../../../../node_modules/lucide-react/dist/esm/icons/trash-2.js');
 
+const PairRow = ({ pair, index, onChange, onDelete }) => {
+    return (jsxRuntime.jsxs("div", { className: "grid grid-cols-1 gap-3 rounded-lg border p-3 sm:grid-cols-[1fr_1fr_auto]", children: [jsxRuntime.jsxs("div", { className: "sm:col-span-3 text-xs font-medium text-muted-foreground", children: ["Pair ", index + 1] }), jsxRuntime.jsxs("div", { className: "space-y-2", children: [jsxRuntime.jsx(label.Label, { className: "text-xs", children: "Left (definition)" }), jsxRuntime.jsx(input.Input, { value: pair.left, onChange: (event) => onChange({ left: event.target.value }), placeholder: "Definition\u2026" })] }), jsxRuntime.jsxs("div", { className: "space-y-2", children: [jsxRuntime.jsx(label.Label, { className: "text-xs", children: "Right (answer)" }), jsxRuntime.jsx(input.Input, { value: pair.right, onChange: (event) => onChange({ right: event.target.value }), placeholder: "Answer\u2026" })] }), jsxRuntime.jsx("div", { className: "flex items-end justify-end", children: jsxRuntime.jsxs(button.Button, { variant: "ghost", size: "sm", className: "text-red-600 hover:text-red-600", onClick: onDelete, children: [jsxRuntime.jsx(trash2.default, { className: "mr-1 size-4" }), "Remove"] }) })] }));
+};
 const MatchPairsTaskEditor = ({ question, onChange }) => {
     var _a, _b;
     const updatePairs = (next) => {
@@ -26,8 +29,5 @@ const MatchPairsTaskEditor = ({ question, onChange }) => {
     };
     return (jsxRuntime.jsxs("div", { className: "space-y-4", children: [jsxRuntime.jsxs("div", { className: "flex items-center justify-between gap-3", children: [jsxRuntime.jsx(label.Label, { className: "text-sm", children: "Shuffle right column on attempt" }), jsxRuntime.jsx(_switch.Switch, { checked: (_b = (_a = question.settings) === null || _a === void 0 ? void 0 : _a.shuffleRightColumn) !== null && _b !== void 0 ? _b : true, onCheckedChange: (checked) => { var _a; return onChange(Object.assign(Object.assign({}, question), { settings: Object.assign(Object.assign({}, ((_a = question.settings) !== null && _a !== void 0 ? _a : {})), { shuffleRightColumn: checked }) })); } })] }), jsxRuntime.jsx("div", { className: "space-y-3", children: question.pairs.map((pair, index) => (jsxRuntime.jsx(PairRow, { pair: pair, index: index, onChange: (patch) => setPair(pair.id, patch), onDelete: () => removePair(pair.id) }, pair.id))) }), jsxRuntime.jsxs(button.Button, { variant: "secondary", size: "sm", onClick: addPair, children: [jsxRuntime.jsx(plus.default, { className: "mr-2 size-4" }), "Add pair"] })] }));
 };
-const PairRow = ({ pair, index, onChange, onDelete }) => {
-    return (jsxRuntime.jsxs("div", { className: "grid grid-cols-1 gap-3 rounded-lg border p-3 sm:grid-cols-[1fr_1fr_auto]", children: [jsxRuntime.jsxs("div", { className: "sm:col-span-3 text-xs font-medium text-muted-foreground", children: ["Pair ", index + 1] }), jsxRuntime.jsxs("div", { className: "space-y-2", children: [jsxRuntime.jsx(label.Label, { className: "text-xs", children: "Left (definition)" }), jsxRuntime.jsx(input.Input, { value: pair.left, onChange: (event) => onChange({ left: event.target.value }), placeholder: "Definition\u2026" })] }), jsxRuntime.jsxs("div", { className: "space-y-2", children: [jsxRuntime.jsx(label.Label, { className: "text-xs", children: "Right (answer)" }), jsxRuntime.jsx(input.Input, { value: pair.right, onChange: (event) => onChange({ right: event.target.value }), placeholder: "Answer\u2026" })] }), jsxRuntime.jsx("div", { className: "flex items-end justify-end", children: jsxRuntime.jsxs(button.Button, { variant: "ghost", size: "sm", className: "text-red-600 hover:text-red-600", onClick: onDelete, children: [jsxRuntime.jsx(trash2.default, { className: "mr-1 size-4" }), "Remove"] }) })] }));
-};
 
 exports.MatchPairsTaskEditor = MatchPairsTaskEditor;

package/dist/cjs/components/quiz/builder/editors/sequence-task-editor.js

@@ -37,6 +37,11 @@ function _interopNamespaceDefault(e) {
 
 var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
 
+const Row = ({ item, index, total, onChange, onDelete, onMoveUp, onMoveDown }) => {
+    const { attributes, listeners, setNodeRef, transform, transition, isDragging } = sortable_esm.useSortable({ id: item.id });
+    const style = { transform: utilities_esm.CSS.Transform.toString(transform), transition };
+    return (jsxRuntime.jsxs("div", { ref: setNodeRef, style: style, className: utils.cn("grid grid-cols-1 gap-2 rounded-lg border p-3 sm:grid-cols-[auto_1fr_auto_auto]", isDragging && "opacity-70 ring-2 ring-primary"), children: [jsxRuntime.jsx("button", Object.assign({ className: "self-start p-1 rounded-md border bg-background hover:bg-accent", "aria-label": "Drag step" }, attributes, listeners, { children: jsxRuntime.jsx(gripVertical.default, { className: "size-4 opacity-70" }) })), jsxRuntime.jsx(input.Input, { value: item.text, onChange: (event) => onChange({ text: event.target.value }), placeholder: "Step\u2026" }), jsxRuntime.jsxs("div", { className: "flex items-center gap-1 justify-end", children: [jsxRuntime.jsx(button.Button, { variant: "ghost", size: "icon", onClick: onMoveUp, "aria-label": "Move step up", disabled: index === 0, children: jsxRuntime.jsx(arrowUp.default, { className: "size-4" }) }), jsxRuntime.jsx(button.Button, { variant: "ghost", size: "icon", onClick: onMoveDown, "aria-label": "Move step down", disabled: index === total - 1, children: jsxRuntime.jsx(arrowDown.default, { className: "size-4" }) })] }), jsxRuntime.jsx(button.Button, { variant: "ghost", size: "icon", onClick: onDelete, "aria-label": "Remove step", children: jsxRuntime.jsx(trash2.default, { className: "size-4" }) })] }));
+};
 const SequenceTaskEditor = ({ question, onChange }) => {
     var _a, _b, _c, _d;
     const sensors = core_esm.useSensors(core_esm.useSensor(core_esm.PointerSensor, { activationConstraint: { distance: 6 } }));
@@ -76,10 +81,5 @@ const SequenceTaskEditor = ({ question, onChange }) => {
     };
     return (jsxRuntime.jsxs("div", { className: "space-y-4", children: [jsxRuntime.jsxs("div", { className: "grid grid-cols-1 gap-4 sm:grid-cols-2", children: [jsxRuntime.jsxs("div", { className: "flex items-center justify-between gap-3", children: [jsxRuntime.jsx(label.Label, { className: "text-sm", children: "Shuffle items on attempt" }), jsxRuntime.jsx(_switch.Switch, { checked: (_b = (_a = question.settings) === null || _a === void 0 ? void 0 : _a.shuffleItems) !== null && _b !== void 0 ? _b : true, onCheckedChange: (checked) => setSetting({ shuffleItems: checked }) })] }), jsxRuntime.jsxs("div", { className: "flex items-center justify-between gap-3", children: [jsxRuntime.jsx(label.Label, { className: "text-sm", children: "Show Up/Down buttons" }), jsxRuntime.jsx(_switch.Switch, { checked: (_d = (_c = question.settings) === null || _c === void 0 ? void 0 : _c.showMoveButtons) !== null && _d !== void 0 ? _d : true, onCheckedChange: (checked) => setSetting({ showMoveButtons: checked }) })] })] }), jsxRuntime.jsx(core_esm.DndContext, { sensors: sensors, collisionDetection: core_esm.closestCenter, onDragEnd: handleDragEnd, children: jsxRuntime.jsx(sortable_esm.SortableContext, { items: itemIds, strategy: sortable_esm.verticalListSortingStrategy, children: jsxRuntime.jsx("div", { className: "space-y-3", children: question.items.map((item, index) => (jsxRuntime.jsx(Row, { item: item, index: index, total: question.items.length, onChange: (patch) => setItem(item.id, patch), onDelete: () => removeItem(item.id), onMoveUp: () => moveById(item.id, -1), onMoveDown: () => moveById(item.id, 1) }, item.id))) }) }) }), jsxRuntime.jsxs(button.Button, { size: "sm", variant: "secondary", onClick: addItem, children: [jsxRuntime.jsx(plus.default, { className: "mr-2 size-4" }), " Add step"] })] }));
 };
-const Row = ({ item, index, total, onChange, onDelete, onMoveUp, onMoveDown }) => {
-    const { attributes, listeners, setNodeRef, transform, transition, isDragging } = sortable_esm.useSortable({ id: item.id });
-    const style = { transform: utilities_esm.CSS.Transform.toString(transform), transition };
-    return (jsxRuntime.jsxs("div", { ref: setNodeRef, style: style, className: utils.cn("grid grid-cols-1 gap-2 rounded-lg border p-3 sm:grid-cols-[auto_1fr_auto_auto]", isDragging && "opacity-70 ring-2 ring-primary"), children: [jsxRuntime.jsx("button", Object.assign({ className: "self-start p-1 rounded-md border bg-background hover:bg-accent", "aria-label": "Drag step" }, attributes, listeners, { children: jsxRuntime.jsx(gripVertical.default, { className: "size-4 opacity-70" }) })), jsxRuntime.jsx(input.Input, { value: item.text, onChange: (event) => onChange({ text: event.target.value }), placeholder: "Step\u2026" }), jsxRuntime.jsxs("div", { className: "flex items-center gap-1 justify-end", children: [jsxRuntime.jsx(button.Button, { variant: "ghost", size: "icon", onClick: onMoveUp, "aria-label": "Move step up", disabled: index === 0, children: jsxRuntime.jsx(arrowUp.default, { className: "size-4" }) }), jsxRuntime.jsx(button.Button, { variant: "ghost", size: "icon", onClick: onMoveDown, "aria-label": "Move step down", disabled: index === total - 1, children: jsxRuntime.jsx(arrowDown.default, { className: "size-4" }) })] }), jsxRuntime.jsx(button.Button, { variant: "ghost", size: "icon", onClick: onDelete, "aria-label": "Remove step", children: jsxRuntime.jsx(trash2.default, { className: "size-4" }) })] }));
-};
 
 exports.SequenceTaskEditor = SequenceTaskEditor;

package/dist/cjs/components/quiz/builder/quiz-builder.js

@@ -80,6 +80,28 @@ const DEFAULT_QUIZ_SETTINGS = {
     timeLimitSeconds: 0,
     perQuestionDefaultSeconds: 0,
 };
+const resolveIncomingQuestions = (quiz, value) => {
+    if (quiz)
+        return quiz.questions;
+    if (!value)
+        return undefined;
+    if (Array.isArray(value))
+        return value;
+    return value.questions;
+};
+const resolveIncomingSettings = (quiz, value, settings) => {
+    if (quiz === null || quiz === void 0 ? void 0 : quiz.settings)
+        return quiz.settings;
+    if (settings)
+        return settings;
+    if (value && !Array.isArray(value))
+        return value.settings;
+    return undefined;
+};
+/** Sidebar tile panel for adding questions */
+const AddQuestionTiles = ({ onAdd }) => {
+    return (jsxRuntime.jsxs("div", { className: "bg-card p-2", children: [jsxRuntime.jsx("div", { className: "px-1 pb-2 text-sm font-medium", children: "Add question" }), jsxRuntime.jsx("div", { className: "grid grid-cols-1 gap-2", children: questionTypeOptions.QUESTION_TYPE_OPTIONS.map(({ type, label, Icon, hint }) => (jsxRuntime.jsxs("button", { type: "button", onClick: () => onAdd(type), className: utils.cn("w-full rounded-lg border p-3 text-left", "bg-background hover:bg-accent/50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary", "flex items-start gap-3"), "aria-label": `Add ${label}`, children: [jsxRuntime.jsx("span", { className: "mt-0.5 inline-flex items-center justify-center rounded-md border p-1", children: jsxRuntime.jsx(Icon, { className: "h-4 w-4 opacity-80", "aria-hidden": true }) }), jsxRuntime.jsxs("span", { className: "flex-1", children: [jsxRuntime.jsx("div", { className: "text-sm font-medium leading-tight", children: label }), hint && jsxRuntime.jsx("div", { className: "text-xs text-muted-foreground", children: hint })] })] }, type))) })] }));
+};
 const QuizBuilder = ({ value, quiz, onChange, onQuizChange, settings, onSettingsChange, className, }) => {
     const incomingQuestions = resolveIncomingQuestions(quiz, value);
     const incomingSettings = resolveIncomingSettings(quiz, value, settings);
@@ -101,6 +123,12 @@ const QuizBuilder = ({ value, quiz, onChange, onQuizChange, settings, onSettings
         if (incomingSettings)
             setQuizSettings(incomingSettings);
     }, [JSON.stringify(incomingSettings)]);
+    const refs = React__namespace.useRef(new Map());
+    const scrollToId = (id) => {
+        const el = refs.current.get(id);
+        if (el)
+            el.scrollIntoView({ behavior: "smooth", block: "start" });
+    };
     const emit = (next) => {
         setQuestions(next);
         onChange === null || onChange === void 0 ? void 0 : onChange(next);
@@ -146,17 +174,11 @@ const QuizBuilder = ({ value, quiz, onChange, onQuizChange, settings, onSettings
     // Scroll spy + helpers
     const ids = questions.map((q) => q.id);
     const activeId = useScrollSpy.useScrollSpy(ids);
-    const refs = React__namespace.useRef(new Map());
     const setRef = (id) => (el) => {
         refs.current.set(id, el);
         if (el)
             el.setAttribute("data-spy-id", id);
     };
-    const scrollToId = (id) => {
-        const el = refs.current.get(id);
-        if (el)
-            el.scrollIntoView({ behavior: "smooth", block: "start" });
-    };
     return (jsxRuntime.jsxs("div", { className: utils.cn("space-y-4", className), children: [jsxRuntime.jsx("div", { className: "flex items-center justify-between gap-2 flex-wrap", children: jsxRuntime.jsx("div", { className: "min-w-[260px] flex-1", children: jsxRuntime.jsx(quizSettings.QuizSettingsPanel, { value: quizSettings$1, onChange: (s) => {
                             emitSettings(s);
                         } }) }) }), jsxRuntime.jsxs("div", { className: "grid grid-cols-1 gap-4 md:grid-cols-[280px_1fr]", children: [jsxRuntime.jsxs("div", { className: "sticky top-2 self-start", children: [jsxRuntime.jsx(questionsSidebar.QuestionsSidebar, { items: questions.map((q, i) => ({
@@ -165,27 +187,5 @@ const QuizBuilder = ({ value, quiz, onChange, onQuizChange, settings, onSettings
                                     type: q.type,
                                 })), onReorder: reorderByIds, onJump: (id) => scrollToId(id), activeId: activeId }), jsxRuntime.jsx(separator.Separator, { className: "my-4" }), jsxRuntime.jsx(AddQuestionTiles, { onAdd: addQuestion })] }), jsxRuntime.jsx("div", { className: "space-y-4", children: questions.map((q, idx) => (jsxRuntime.jsx("div", { "data-spy-id": q.id, ref: setRef(q.id), children: jsxRuntime.jsx(questionCard.QuestionCard, { index: idx, question: q, onChange: (n) => updateQuestion(q.id, n), onDelete: () => deleteQuestion(q.id), onDuplicate: () => duplicateQuestion(q.id), onTypeChange: (t) => changeType(q.id, t) }) }, q.id))) })] })] }));
 };
-/** Sidebar tile panel for adding questions */
-const AddQuestionTiles = ({ onAdd }) => {
-    return (jsxRuntime.jsxs("div", { className: "bg-card p-2", children: [jsxRuntime.jsx("div", { className: "px-1 pb-2 text-sm font-medium", children: "Add question" }), jsxRuntime.jsx("div", { className: "grid grid-cols-1 gap-2", children: questionTypeOptions.QUESTION_TYPE_OPTIONS.map(({ type, label, Icon, hint }) => (jsxRuntime.jsxs("button", { type: "button", onClick: () => onAdd(type), className: utils.cn("w-full rounded-lg border p-3 text-left", "bg-background hover:bg-accent/50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary", "flex items-start gap-3"), "aria-label": `Add ${label}`, children: [jsxRuntime.jsx("span", { className: "mt-0.5 inline-flex items-center justify-center rounded-md border p-1", children: jsxRuntime.jsx(Icon, { className: "h-4 w-4 opacity-80", "aria-hidden": true }) }), jsxRuntime.jsxs("span", { className: "flex-1", children: [jsxRuntime.jsx("div", { className: "text-sm font-medium leading-tight", children: label }), hint && jsxRuntime.jsx("div", { className: "text-xs text-muted-foreground", children: hint })] })] }, type))) })] }));
-};
-const resolveIncomingQuestions = (quiz, value) => {
-    if (quiz)
-        return quiz.questions;
-    if (!value)
-        return undefined;
-    if (Array.isArray(value))
-        return value;
-    return value.questions;
-};
-const resolveIncomingSettings = (quiz, value, settings) => {
-    if (quiz === null || quiz === void 0 ? void 0 : quiz.settings)
-        return quiz.settings;
-    if (settings)
-        return settings;
-    if (value && !Array.isArray(value))
-        return value.settings;
-    return undefined;
-};
 
 exports.QuizBuilder = QuizBuilder;

package/dist/cjs/components/quiz/runner/question/question.js

@@ -18,16 +18,17 @@ require('../../../ui/rich-editor/extensions.js');
 require('react-dom');
 require('../../../../node_modules/prosemirror-tables/dist/index.js');
 require('../../../ui/rich-editor/extensions/table/table-hover-extension.js');
+require('../../../ui/rich-editor/toolbar/color-constants.js');
 require('../../../ui/dropdown-menu/dropdown-menu.js');
 require('../../../buttons/button/button.js');
-require('../../../popovers/popover/popover.js');
-require('../../../forms/input/input.js');
 require('../../../popovers/tooltip/tooltip.js');
 require('../../../buttons/toggle/toggle.js');
 require('../../../ui/rich-editor/toolbar/constants.js');
+require('../../../popovers/popover/popover.js');
+require('../../../ui/rich-editor/toolbar/list-dropdown.js');
 require('../../../ui/rich-editor/toolbar/dropdowns.js');
-require('../../../forms/label/label.js');
 require('../../../utility/separator/separator.js');
+require('../../../forms/input/input.js');
 require('../../../popovers/shared/icon-close.js');
 require('../../../ui/rich-editor/extensions/code-block/utils.js');
 require('../../../ui/rich-editor/extensions/table/table.js');
@@ -42,7 +43,13 @@ require('../../../ui/rich-editor/bubble-menus/shared.js');
 require('../../../forms/select/select.js');
 require('../../../forms/dropzone/dropzone.js');
 require('../../../forms/input-number/input-number.js');
+require('../../../forms/label/label.js');
 require('../../../forms/switch/switch.js');
+require('../../../ui/rich-editor/bubble-menus/text-selection-bubble-menu.js');
+require('../../../../node_modules/@tiptap/extension-drag-handle/dist/index.js');
+require('../../../ui/rich-editor/extensions/slash/slash.js');
+require('../../../ui/rich-editor/extensions/slash/slash-menu.js');
+require('../../../../node_modules/@tiptap/suggestion/dist/index.js');
 var richContentRenderer = require('../../../ui/rich-editor/rich-content-renderer.js');
 
 const QuestionViewer = ({ question, value, onChange }) => {

package/dist/cjs/components/quiz/runner/quiz-runner.js

@@ -32,6 +32,55 @@ function _interopNamespaceDefault(e) {
 
 var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
 
+const toQuizDefinition = (quiz, questions) => {
+    var _a;
+    if (quiz) {
+        if (Array.isArray(quiz))
+            return { questions: quiz };
+        return { questions: (_a = quiz.questions) !== null && _a !== void 0 ? _a : [], settings: quiz.settings };
+    }
+    return { questions: questions !== null && questions !== void 0 ? questions : [] };
+};
+const prepareAttemptQuestions = (questions, settings) => {
+    const withQuestionSettings = questions.map((question) => {
+        var _a;
+        if ((question.type === "single-choice" || question.type === "multi-choice") && ((_a = question.settings) === null || _a === void 0 ? void 0 : _a.shuffleOptions)) {
+            return Object.assign(Object.assign({}, question), { options: shuffle.shuffle(question.options) });
+        }
+        return question;
+    });
+    if (settings === null || settings === void 0 ? void 0 : settings.shuffleQuestions)
+        return shuffle.shuffle(withQuestionSettings);
+    return withQuestionSettings;
+};
+const FIB_PUNCTUATION_RE = /[^\w\s]|_/g;
+const normalizeFibValue = (value, settings) => {
+    var _a;
+    let next = value;
+    if ((_a = settings === null || settings === void 0 ? void 0 : settings.trimWhitespace) !== null && _a !== void 0 ? _a : true) {
+        next = next.trim();
+    }
+    if (settings === null || settings === void 0 ? void 0 : settings.ignorePunctuation) {
+        next = next.replace(FIB_PUNCTUATION_RE, "");
+    }
+    return next;
+};
+const matchFibRule = (answer, expected, mode, settings) => {
+    var _a;
+    const normalizedAnswer = normalizeFibValue(answer, settings);
+    const normalizedExpected = normalizeFibValue(expected, settings);
+    const isCaseSensitive = (_a = settings === null || settings === void 0 ? void 0 : settings.caseSensitive) !== null && _a !== void 0 ? _a : false;
+    if (mode === "iexact" || !isCaseSensitive) {
+        return normalizedAnswer.toLowerCase() === normalizedExpected.toLowerCase();
+    }
+    return normalizedAnswer === normalizedExpected;
+};
+const Results = ({ questions, totals, showBreakdown }) => {
+    return (jsxRuntime.jsxs("div", { className: "space-y-4", children: [jsxRuntime.jsxs("div", { className: "text-lg font-semibold", children: ["Score: ", totals.earned, " / ", totals.total, " (", Math.round((totals.earned / Math.max(1, totals.total)) * 100), "%)"] }), showBreakdown && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(separator.Separator, {}), jsxRuntime.jsx("div", { className: "space-y-3", children: questions.map((q, i) => {
+                            var _a;
+                            return (jsxRuntime.jsx("div", { className: "rounded-md border p-3", children: jsxRuntime.jsxs("div", { className: "flex items-center justify-between", children: [jsxRuntime.jsx("div", { className: "font-medium", children: prompt.promptToPlainText(q.prompt) || `Question ${i + 1}` }), jsxRuntime.jsxs("div", { className: "text-sm text-muted-foreground", children: [totals.per[i], " / ", (_a = q.points) !== null && _a !== void 0 ? _a : 1, " pts"] })] }) }, q.id));
+                        }) })] }))] }));
+};
 const QuizRunner = ({ questions, quiz, onSubmit, showProgress = true, sequentialMode, showResultBreakdown, }) => {
     var _a, _b;
     const resolvedQuiz = React__namespace.useMemo(() => toQuizDefinition(quiz, questions), [quiz, questions]);
@@ -171,54 +220,5 @@ const QuizRunner = ({ questions, quiz, onSubmit, showProgress = true, sequential
     });
     return (jsxRuntime.jsx("div", { className: "space-y-6", children: !result ? (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [showProgress && total > 0 && (jsxRuntime.jsxs(text.Text, { size: 2, color: "muted", className: "self-end", children: [current + 1, " / ", total] })), currentQuestion ? (jsxRuntime.jsx(question.Question, { question: currentQuestion, value: answers[currentQuestion.id], onChange: handleAnswer })) : (jsxRuntime.jsx("div", { className: "rounded-md border p-3 text-sm text-muted-foreground", children: "No questions to run." })), jsxRuntime.jsxs("div", { className: "flex gap-2 justify-end", children: [jsxRuntime.jsx(button.Button, { variant: "secondary", onClick: () => setCurrent((idx) => Math.max(0, idx - 1)), disabled: current === 0, children: "Previous" }), currentQuestion && current < total - 1 ? (jsxRuntime.jsx(button.Button, { onClick: () => setCurrent((idx) => Math.min(total - 1, idx + 1)), disabled: !canProceed, children: "Next" })) : (jsxRuntime.jsx(button.Button, { onClick: submit, disabled: total === 0 || (currentQuestion && answers[currentQuestion.id] == null) || submitting, children: submitting ? "Scoring…" : "Submit" }))] })] })) : (jsxRuntime.jsx(Results, { questions: attemptQuestions, totals: result, showBreakdown: effectiveShowResultBreakdown })) }));
 };
-const Results = ({ questions, totals, showBreakdown }) => {
-    return (jsxRuntime.jsxs("div", { className: "space-y-4", children: [jsxRuntime.jsxs("div", { className: "text-lg font-semibold", children: ["Score: ", totals.earned, " / ", totals.total, " (", Math.round((totals.earned / Math.max(1, totals.total)) * 100), "%)"] }), showBreakdown && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(separator.Separator, {}), jsxRuntime.jsx("div", { className: "space-y-3", children: questions.map((q, i) => {
-                            var _a;
-                            return (jsxRuntime.jsx("div", { className: "rounded-md border p-3", children: jsxRuntime.jsxs("div", { className: "flex items-center justify-between", children: [jsxRuntime.jsx("div", { className: "font-medium", children: prompt.promptToPlainText(q.prompt) || `Question ${i + 1}` }), jsxRuntime.jsxs("div", { className: "text-sm text-muted-foreground", children: [totals.per[i], " / ", (_a = q.points) !== null && _a !== void 0 ? _a : 1, " pts"] })] }) }, q.id));
-                        }) })] }))] }));
-};
-const toQuizDefinition = (quiz, questions) => {
-    var _a;
-    if (quiz) {
-        if (Array.isArray(quiz))
-            return { questions: quiz };
-        return { questions: (_a = quiz.questions) !== null && _a !== void 0 ? _a : [], settings: quiz.settings };
-    }
-    return { questions: questions !== null && questions !== void 0 ? questions : [] };
-};
-const prepareAttemptQuestions = (questions, settings) => {
-    const withQuestionSettings = questions.map((question) => {
-        var _a;
-        if ((question.type === "single-choice" || question.type === "multi-choice") && ((_a = question.settings) === null || _a === void 0 ? void 0 : _a.shuffleOptions)) {
-            return Object.assign(Object.assign({}, question), { options: shuffle.shuffle(question.options) });
-        }
-        return question;
-    });
-    if (settings === null || settings === void 0 ? void 0 : settings.shuffleQuestions)
-        return shuffle.shuffle(withQuestionSettings);
-    return withQuestionSettings;
-};
-const FIB_PUNCTUATION_RE = /[^\w\s]|_/g;
-const normalizeFibValue = (value, settings) => {
-    var _a;
-    let next = value;
-    if ((_a = settings === null || settings === void 0 ? void 0 : settings.trimWhitespace) !== null && _a !== void 0 ? _a : true) {
-        next = next.trim();
-    }
-    if (settings === null || settings === void 0 ? void 0 : settings.ignorePunctuation) {
-        next = next.replace(FIB_PUNCTUATION_RE, "");
-    }
-    return next;
-};
-const matchFibRule = (answer, expected, mode, settings) => {
-    var _a;
-    const normalizedAnswer = normalizeFibValue(answer, settings);
-    const normalizedExpected = normalizeFibValue(expected, settings);
-    const isCaseSensitive = (_a = settings === null || settings === void 0 ? void 0 : settings.caseSensitive) !== null && _a !== void 0 ? _a : false;
-    if (mode === "iexact" || !isCaseSensitive) {
-        return normalizedAnswer.toLowerCase() === normalizedExpected.toLowerCase();
-    }
-    return normalizedAnswer === normalizedExpected;
-};
 
 exports.QuizRunner = QuizRunner;

package/dist/cjs/components/quiz/runner/viewers/match-pairs-viewer/match-pairs-viewer.js

@@ -30,6 +30,11 @@ function _interopNamespaceDefault(e) {
 
 var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
 
+const SortableRightRow = ({ item }) => {
+    const { attributes, listeners, setNodeRef, transform, transition, isDragging } = sortable_esm.useSortable({ id: item.id });
+    const style = { transform: utilities_esm.CSS.Transform.toString(transform), transition };
+    return (jsxRuntime.jsxs("li", { ref: setNodeRef, style: style, className: utils.cn("flex items-center gap-2 rounded-md border bg-background p-2", isDragging && "opacity-70 ring-2 ring-primary"), children: [jsxRuntime.jsx("button", Object.assign({ className: "p-1 rounded-md border bg-background hover:bg-accent", "aria-label": "Drag to reorder" }, attributes, listeners, { children: jsxRuntime.jsx(gripVertical.default, { className: "size-4 opacity-70" }) })), jsxRuntime.jsx("span", { className: "flex-1", children: item.text })] }));
+};
 const MatchPairsViewer = ({ question, value, onChange }) => {
     var _a, _b;
     const left = React__namespace.useMemo(() => question.pairs.map((pair) => ({ id: pair.id, text: pair.left })), [question.pairs]);
@@ -57,10 +62,5 @@ const MatchPairsViewer = ({ question, value, onChange }) => {
     };
     return (jsxRuntime.jsxs("div", { className: "mt-4 grid gap-4 md:grid-cols-2", children: [jsxRuntime.jsxs(card.Card, { className: "p-3", children: [jsxRuntime.jsx("div", { className: "font-medium mb-2", children: "Definitions" }), jsxRuntime.jsx("ol", { className: "space-y-2 list-decimal list-inside", children: left.map((l) => (jsxRuntime.jsx("li", { className: "rounded-md border bg-muted/40 p-2", children: l.text }, l.id))) })] }), jsxRuntime.jsxs(card.Card, { className: "p-3", children: [jsxRuntime.jsx("div", { className: "font-medium mb-2", children: "Match these" }), jsxRuntime.jsx(core_esm.DndContext, { sensors: sensors, collisionDetection: core_esm.closestCenter, onDragEnd: onDragEnd, children: jsxRuntime.jsx(sortable_esm.SortableContext, { items: currentOrder.map((r) => r.id), strategy: sortable_esm.verticalListSortingStrategy, children: jsxRuntime.jsx("ol", { className: "space-y-2 list-decimal list-inside", children: currentOrder.map((r) => (jsxRuntime.jsx(SortableRightRow, { item: r }, r.id))) }) }) })] })] }));
 };
-const SortableRightRow = ({ item }) => {
-    const { attributes, listeners, setNodeRef, transform, transition, isDragging } = sortable_esm.useSortable({ id: item.id });
-    const style = { transform: utilities_esm.CSS.Transform.toString(transform), transition };
-    return (jsxRuntime.jsxs("li", { ref: setNodeRef, style: style, className: utils.cn("flex items-center gap-2 rounded-md border bg-background p-2", isDragging && "opacity-70 ring-2 ring-primary"), children: [jsxRuntime.jsx("button", Object.assign({ className: "p-1 rounded-md border bg-background hover:bg-accent", "aria-label": "Drag to reorder" }, attributes, listeners, { children: jsxRuntime.jsx(gripVertical.default, { className: "size-4 opacity-70" }) })), jsxRuntime.jsx("span", { className: "flex-1", children: item.text })] }));
-};
 
 exports.MatchPairsViewer = MatchPairsViewer;

package/dist/cjs/components/quiz/runner/viewers/sequence-viewer/sequence-viewer.js

@@ -33,6 +33,11 @@ function _interopNamespaceDefault(e) {
 
 var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
 
+const SortableRow = ({ item, onUp, onDown, showButtons }) => {
+    const { attributes, listeners, setNodeRef, transform, transition, isDragging } = sortable_esm.useSortable({ id: item.id });
+    const style = { transform: utilities_esm.CSS.Transform.toString(transform), transition };
+    return (jsxRuntime.jsxs("li", { ref: setNodeRef, style: style, className: utils.cn("flex items-center gap-2 rounded-md border bg-background p-2", isDragging && "opacity-70 ring-2 ring-primary"), children: [jsxRuntime.jsx("button", Object.assign({ className: "p-1 rounded-md border bg-background hover:bg-accent", "aria-label": "Drag to reorder" }, attributes, listeners, { children: jsxRuntime.jsx(gripVertical.default, { className: "size-4 opacity-70" }) })), jsxRuntime.jsx("span", { className: "flex-1", children: item.text }), showButtons && (jsxRuntime.jsxs("div", { className: "flex items-center gap-1", children: [jsxRuntime.jsx(button.Button, { variant: "ghost", size: "icon", "aria-label": "Move up", onClick: onUp, children: jsxRuntime.jsx(arrowUp.default, { className: "size-4" }) }), jsxRuntime.jsx(button.Button, { variant: "ghost", size: "icon", "aria-label": "Move down", onClick: onDown, children: jsxRuntime.jsx(arrowDown.default, { className: "size-4" }) })] }))] }));
+};
 const SequenceViewer = ({ question, value, onChange }) => {
     var _a, _b, _c, _d;
     const authored = question.items;
@@ -70,10 +75,5 @@ const SequenceViewer = ({ question, value, onChange }) => {
                         return (jsxRuntime.jsx(SortableRow, { item: item, onUp: () => move(id, -1), onDown: () => move(id, 1), showButtons: showButtons }, id));
                     }) }) }) }) }));
 };
-const SortableRow = ({ item, onUp, onDown, showButtons }) => {
-    const { attributes, listeners, setNodeRef, transform, transition, isDragging } = sortable_esm.useSortable({ id: item.id });
-    const style = { transform: utilities_esm.CSS.Transform.toString(transform), transition };
-    return (jsxRuntime.jsxs("li", { ref: setNodeRef, style: style, className: utils.cn("flex items-center gap-2 rounded-md border bg-background p-2", isDragging && "opacity-70 ring-2 ring-primary"), children: [jsxRuntime.jsx("button", Object.assign({ className: "p-1 rounded-md border bg-background hover:bg-accent", "aria-label": "Drag to reorder" }, attributes, listeners, { children: jsxRuntime.jsx(gripVertical.default, { className: "size-4 opacity-70" }) })), jsxRuntime.jsx("span", { className: "flex-1", children: item.text }), showButtons && (jsxRuntime.jsxs("div", { className: "flex items-center gap-1", children: [jsxRuntime.jsx(button.Button, { variant: "ghost", size: "icon", "aria-label": "Move up", onClick: onUp, children: jsxRuntime.jsx(arrowUp.default, { className: "size-4" }) }), jsxRuntime.jsx(button.Button, { variant: "ghost", size: "icon", "aria-label": "Move down", onClick: onDown, children: jsxRuntime.jsx(arrowDown.default, { className: "size-4" }) })] }))] }));
-};
 
 exports.SequenceViewer = SequenceViewer;

package/dist/cjs/components/quiz/sandbox/run-code-tests.js

@@ -18,6 +18,7 @@ function runCodeInWorker(payload) {
             if (!data || data.requestId !== requestId)
                 return;
             worker.removeEventListener("message", handleMessage);
+            // eslint-disable-next-line @typescript-eslint/no-use-before-define
             worker.removeEventListener("error", handleError);
             if (data.kind === "result") {
                 resolve(data.results);

package/dist/cjs/components/quiz/utils/prompt.js

@@ -24,10 +24,7 @@ const promptToPlainText = (prompt) => {
         return "";
     if (!hasPromptHtml(prompt))
         return collapseWhitespace(prompt);
-    const withoutTags = prompt
-        .replace(HTML_BREAK_RE, " ")
-        .replace(HTML_BLOCK_CLOSE_RE, " ")
-        .replace(HTML_TAG_RE, " ");
+    const withoutTags = prompt.replace(HTML_BREAK_RE, " ").replace(HTML_BLOCK_CLOSE_RE, " ").replace(HTML_TAG_RE, " ");
     const decoded = withoutTags.replace(HTML_ENTITY_RE, (_, entity) => { var _a; return (_a = ENTITY_MAP[entity.toLowerCase()]) !== null && _a !== void 0 ? _a : " "; });
     return collapseWhitespace(decoded);
 };

package/dist/cjs/components/ui/course-composer/components/course-composer-actions.js

@@ -4,7 +4,7 @@ var jsxRuntime = require('react/jsx-runtime');
 var courseComposer_utils = require('../course-composer.utils.js');
 var button = require('../../../buttons/button/button.js');
 
-function CourseComposerActions({ node, onAdd, onDelete, onDeselect, onDuplicate, structure }) {
+function CourseComposerActions({ node, onAdd, onDelete, onDeselect, onDuplicate, structure, }) {
     const chapterIdForLesson = node.type === "lesson" ? courseComposer_utils.findParentChapterId(structure, node.id) : node.id;
     return (jsxRuntime.jsx("div", { className: "mt-6 border-t border-slate-200 pt-4", children: jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [jsxRuntime.jsx(button.Button, { variant: "outline", size: "sm", onClick: onDeselect, children: "Deselect" }), jsxRuntime.jsx(button.Button, { variant: "outline", size: "sm", onClick: () => {
                         onAdd(chapterIdForLesson, "lesson");

package/dist/cjs/components/ui/course-composer/components/course-composer-content-tab.js

@@ -3,8 +3,8 @@
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var constants = require('../constants.js');
-var card = require('../../card/card.js');
 var courseComposerLessonContentEditor = require('./course-composer-lesson-content-editor.js');
+var card = require('../../card/card.js');
 var listChecks = require('../../../../node_modules/lucide-react/dist/esm/icons/list-checks.js');
 var video = require('../../../../node_modules/lucide-react/dist/esm/icons/video.js');
 var fileText = require('../../../../node_modules/lucide-react/dist/esm/icons/file-text.js');

package/dist/cjs/components/ui/course-composer/components/course-structure-sidebar.js

@@ -6,7 +6,7 @@ var React = require('react');
 var sortableTree = require('./sortable-tree.js');
 var plus = require('../../../../node_modules/lucide-react/dist/esm/icons/plus.js');
 var folderPlus = require('../../../../node_modules/lucide-react/dist/esm/icons/folder-plus.js');
-var filePlus2 = require('../../../../node_modules/lucide-react/dist/esm/icons/file-plus-2.js');
+var filePlusCorner = require('../../../../node_modules/lucide-react/dist/esm/icons/file-plus-corner.js');
 
 function CourseStructureSidebar({ structure, expanded, selectedId, onSelect, onChange, onAdd, onDuplicate, onDelete, onToggleExpand, }) {
     const [rootMenuOpen, setRootMenuOpen] = React.useState(false);
@@ -28,7 +28,7 @@ function CourseStructureSidebar({ structure, expanded, selectedId, onSelect, onC
                                         }, children: [jsxRuntime.jsx(folderPlus.default, { className: "w-4 h-4" }), "Add Chapter"] }), jsxRuntime.jsxs("button", { className: "w-full flex items-center gap-2 px-3 py-2 text-sm hover:bg-slate-100 rounded-b-lg", onClick: () => {
                                             onAdd(null, "lesson");
                                             setRootMenuOpen(false);
-                                        }, children: [jsxRuntime.jsx(filePlus2.default, { className: "w-4 h-4" }), "Add Lesson"] })] }))] })] }), jsxRuntime.jsx(sortableTree.SortableTree, { structure: structure, selectedId: selectedId, expanded: expanded, onSelect: onSelect, onChange: onChange, onAdd: onAdd, onDuplicate: onDuplicate, onDelete: onDelete, onToggleExpand: onToggleExpand })] }));
+                                        }, children: [jsxRuntime.jsx(filePlusCorner.default, { className: "w-4 h-4" }), "Add Lesson"] })] }))] })] }), jsxRuntime.jsx(sortableTree.SortableTree, { structure: structure, selectedId: selectedId, expanded: expanded, onSelect: onSelect, onChange: onChange, onAdd: onAdd, onDuplicate: onDuplicate, onDelete: onDelete, onToggleExpand: onToggleExpand })] }));
 }
 
 exports.CourseStructureSidebar = CourseStructureSidebar;

package/dist/cjs/components/ui/course-composer/components/sortable-tree-row.js

@@ -75,7 +75,7 @@ const SortableRow = React__namespace.memo(function SortableRow({ isExpanded, isS
                             ? "bg-amber-50 border-amber-300"
                             : isOver
                                 ? "bg-slate-50 border-slate-200"
-                                : "hover:bg-slate-100 border-transparent"}`, style: { paddingLeft: depth * INDENT_PX + 8 }, onClick: () => onSelect(node), children: [jsxRuntime.jsx("div", Object.assign({}, attributes, listeners, { className: "cursor-grab active:cursor-grabbing", children: jsxRuntime.jsx(gripVertical.default, { className: "w-4 h-4 text-slate-400" }) })), isChapter && jsxRuntime.jsx(actionButtons.ExpandCollapseButton, { isExpanded: isExpanded, onClick: handleToggleExpand }), iconName && jsxRuntime.jsx(icon.Icon, { name: iconName, className: "w-4 h-4 text-slate-500" }), jsxRuntime.jsx("span", { className: `text-sm ml-[-4px] truncate flex-1 ${isChapter ? "font-semibold text-slate-900" : "text-slate-700"}`, children: node.name }), jsxRuntime.jsxs(flex.Flex, { align: "center", gap: 1, className: "opacity-0 group-hover:opacity-100", children: [canAddChildren && jsxRuntime.jsx(actionButtons.AddButton, { onAddChapter: () => onAddChapter(item.id), onAddLesson: () => onAddLesson(item.id) }), jsxRuntime.jsx(actionButtons.CopyButton, { onClick: handleDuplicate }), jsxRuntime.jsx(actionButtons.DeleteButton, { onClick: handleDelete })] })] }) }), showEmptyState && (jsxRuntime.jsx(emptyChapterDroppable.EmptyChapterDroppable, { chapterId: node.id, depth: depth, onAddChapter: () => onAddChapter(item.id), onAddLesson: () => onAddLesson(item.id) }))] }));
+                                : "hover:bg-slate-100 border-transparent"}`, style: { paddingLeft: depth * INDENT_PX + 8 }, onClick: () => onSelect(node), children: [jsxRuntime.jsx("div", Object.assign({}, attributes, listeners, { className: "cursor-grab active:cursor-grabbing", children: jsxRuntime.jsx(gripVertical.default, { className: "w-4 h-4 text-slate-400" }) })), isChapter && jsxRuntime.jsx(actionButtons.ExpandCollapseButton, { isExpanded: isExpanded, onClick: handleToggleExpand }), iconName && jsxRuntime.jsx(icon.Icon, { name: iconName, className: "w-4 h-4 text-slate-500" }), jsxRuntime.jsx("span", { className: `text-sm ml-[-4px] truncate flex-1 ${isChapter ? "font-semibold text-slate-900" : "text-slate-700"}`, children: node.name }), jsxRuntime.jsxs(flex.Flex, { align: "center", gap: 1, className: "opacity-0 group-hover:opacity-100", children: [canAddChildren && (jsxRuntime.jsx(actionButtons.AddButton, { onAddChapter: () => onAddChapter(item.id), onAddLesson: () => onAddLesson(item.id) })), jsxRuntime.jsx(actionButtons.CopyButton, { onClick: handleDuplicate }), jsxRuntime.jsx(actionButtons.DeleteButton, { onClick: handleDelete })] })] }) }), showEmptyState && (jsxRuntime.jsx(emptyChapterDroppable.EmptyChapterDroppable, { chapterId: node.id, depth: depth, onAddChapter: () => onAddChapter(item.id), onAddLesson: () => onAddLesson(item.id) }))] }));
 });
 const SortableTreeDragOverlay = React__namespace.memo(function SortableTreeDragOverlay() {
     var _a;

package/dist/cjs/components/ui/data-table/components/table-head.js

@@ -16,6 +16,7 @@ var addIf = require('../../../../utils/add-if.js');
 var tableHeader = require('../../table/components/table-header.js');
 var row = require('../../table/components/row.js');
 
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
 const HeaderCell = (_a) => {
     var { column, index } = _a, rest = tslib_es6.__rest(_a, ["column", "index"]);
     const { sortBy, sortDirection, onSortChange } = contextHooks.useTableSortContext();

package/dist/cjs/components/ui/date-pickers/date-input/date-input.js

@@ -47,7 +47,7 @@ const DateInput = React.forwardRef((_a, ref) => {
     const [open, setOpen] = React.useState(false);
     const [inputValue, setInputValue] = React.useState(value ? formatDate(value, locale) : "");
     const [month, setMonth] = React.useState(value !== null && value !== void 0 ? value : new Date());
-    const [_, startTransition] = React.useTransition();
+    const [, startTransition] = React.useTransition();
     const handleMonthChange = (newMonth) => {
         if (!newMonth)
             return;