@tinyweb_dev/oe-exam-sdk 0.1.28 → 0.1.29

package/dist/components/ui/separator.js

@@ -1 +1,8 @@
-"use client";import{jsx as t}from"react/jsx-runtime";import*as a from"@radix-ui/react-separator";import{cn as o}from"../../shared/lib/utils";function r({className:r,orientation:i="horizontal",decorative:e=!0,...n}){return t(a.Root,{"data-slot":"separator",decorative:e,orientation:i,className:o("bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px",r),...n})}export{r as Separator};
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as SeparatorPrimitive from '@radix-ui/react-separator';
+import { cn } from '../../shared/lib/utils';
+function Separator({ className, orientation = 'horizontal', decorative = true, ...props }) {
+    return (_jsx(SeparatorPrimitive.Root, { "data-slot": "separator", decorative: decorative, orientation: orientation, className: cn('bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px', className), ...props }));
+}
+export { Separator };

package/dist/components/ui/sheet.js

@@ -1 +1,40 @@
-"use client";import{jsx as t,jsxs as e}from"react/jsx-runtime";import*as a from"@radix-ui/react-dialog";import{XIcon as o}from"lucide-react";import{cn as s}from"../../shared/lib/utils";function n({...e}){return t(a.Root,{"data-slot":"sheet",...e})}function i({...e}){return t(a.Trigger,{"data-slot":"sheet-trigger",...e})}function r({...e}){return t(a.Close,{"data-slot":"sheet-close",...e})}function l({...e}){return t(a.Portal,{"data-slot":"sheet-portal",...e})}function d({className:e,...o}){return t(a.Overlay,{"data-slot":"sheet-overlay",className:s("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50",e),...o})}function c({className:n,children:i,side:r="right",...c}){return e(l,{children:[t(d,{}),e(a.Content,{"data-slot":"sheet-content",className:s("bg-background data-[state=open]:animate-in data-[state=closed]:animate-out fixed z-50 flex flex-col gap-4 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500","right"===r&&"data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm","left"===r&&"data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm","top"===r&&"data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top inset-x-0 top-0 h-auto border-b","bottom"===r&&"data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom inset-x-0 bottom-0 h-auto border-t",n),...c,children:[i,e(a.Close,{className:"data-[state=open]:bg-secondary absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-ring/20 focus:ring-[3px] focus:ring-offset-0 focus:outline-hidden disabled:pointer-events-none",children:[t(o,{className:"size-4"}),t("span",{className:"sr-only",children:"Close"})]})]})]})}function u({className:e,...a}){return t("div",{"data-slot":"sheet-header",className:s("flex flex-col gap-1.5 p-4",e),...a})}function m({className:e,...a}){return t("div",{"data-slot":"sheet-footer",className:s("mt-auto flex flex-col gap-2 p-4",e),...a})}function f({className:e,...o}){return t(a.Title,{"data-slot":"sheet-title",className:s("text-foreground font-semibold",e),...o})}function p({className:e,...o}){return t(a.Description,{"data-slot":"sheet-description",className:s("text-muted-foreground text-sm",e),...o})}export{n as Sheet,i as SheetTrigger,r as SheetClose,c as SheetContent,u as SheetHeader,m as SheetFooter,f as SheetTitle,p as SheetDescription};
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as SheetPrimitive from '@radix-ui/react-dialog';
+import { XIcon } from 'lucide-react';
+import { cn } from '../../shared/lib/utils';
+function Sheet({ ...props }) {
+    return _jsx(SheetPrimitive.Root, { "data-slot": "sheet", ...props });
+}
+function SheetTrigger({ ...props }) {
+    return _jsx(SheetPrimitive.Trigger, { "data-slot": "sheet-trigger", ...props });
+}
+function SheetClose({ ...props }) {
+    return _jsx(SheetPrimitive.Close, { "data-slot": "sheet-close", ...props });
+}
+function SheetPortal({ ...props }) {
+    return _jsx(SheetPrimitive.Portal, { "data-slot": "sheet-portal", ...props });
+}
+function SheetOverlay({ className, ...props }) {
+    return (_jsx(SheetPrimitive.Overlay, { "data-slot": "sheet-overlay", className: cn('data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50', className), ...props }));
+}
+function SheetContent({ className, children, side = 'right', ...props }) {
+    return (_jsxs(SheetPortal, { children: [_jsx(SheetOverlay, {}), _jsxs(SheetPrimitive.Content, { "data-slot": "sheet-content", className: cn('bg-background data-[state=open]:animate-in data-[state=closed]:animate-out fixed z-50 flex flex-col gap-4 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500', side === 'right' &&
+                    'data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm', side === 'left' &&
+                    'data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm', side === 'top' &&
+                    'data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top inset-x-0 top-0 h-auto border-b', side === 'bottom' &&
+                    'data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom inset-x-0 bottom-0 h-auto border-t', className), ...props, children: [children, _jsxs(SheetPrimitive.Close, { className: "data-[state=open]:bg-secondary absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-ring/20 focus:ring-[3px] focus:ring-offset-0 focus:outline-hidden disabled:pointer-events-none", children: [_jsx(XIcon, { className: "size-4" }), _jsx("span", { className: "sr-only", children: "Close" })] })] })] }));
+}
+function SheetHeader({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "sheet-header", className: cn('flex flex-col gap-1.5 p-4', className), ...props }));
+}
+function SheetFooter({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "sheet-footer", className: cn('mt-auto flex flex-col gap-2 p-4', className), ...props }));
+}
+function SheetTitle({ className, ...props }) {
+    return (_jsx(SheetPrimitive.Title, { "data-slot": "sheet-title", className: cn('text-foreground font-semibold', className), ...props }));
+}
+function SheetDescription({ className, ...props }) {
+    return (_jsx(SheetPrimitive.Description, { "data-slot": "sheet-description", className: cn('text-muted-foreground text-sm', className), ...props }));
+}
+export { Sheet, SheetTrigger, SheetClose, SheetContent, SheetHeader, SheetFooter, SheetTitle, SheetDescription, };

package/dist/components/ui/single-select.js

@@ -1 +1,76 @@
-"use client";import{jsx as e,jsxs as t}from"react/jsx-runtime";import*as n from"react";import{X as o,ChevronDown as r,Check as s,Search as a,Loader2 as i}from"lucide-react";import{Input as c}from"../../components/ui/input";import{cn as l}from"../../shared/lib/utils";export function SingleSelect({options:u,selected:d,onChange:m,placeholder:p="Chọn...",className:f,disabled:h=!1,loading:v=!1}){const[g,x]=n.useState(!1),[b,y]=n.useState(""),w=n.useRef(null),N=n.useRef(null);n.useEffect(()=>{if(!g)return;const e=e=>{w.current&&!w.current.contains(e.target)&&x(!1)},t=e=>{"Escape"===e.key&&x(!1)};return document.addEventListener("mousedown",e),document.addEventListener("keydown",t),()=>{document.removeEventListener("mousedown",e),document.removeEventListener("keydown",t)}},[g]),n.useEffect(()=>{g&&N.current?setTimeout(()=>{N.current?.focus()},0):y("")},[g]);const k=e=>{e.preventDefault(),e.stopPropagation(),m(null)},C=u.find(e=>e.value===d),E=n.useMemo(()=>{if(!b)return u;const e=b.toLowerCase();return u.filter(t=>t.label.toLowerCase().includes(e)||t.description?.toLowerCase().includes(e))},[u,b]);return t("div",{ref:w,className:l("relative",f),children:[t("div",{role:"button",tabIndex:h||v?-1:0,"aria-disabled":h||v,onClick:()=>!h&&!v&&x(!g),onKeyDown:e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),h||v||x(!g))},className:l("border-input bg-background focus:border-ring focus:ring-ring/20 flex h-9 w-full cursor-pointer items-center justify-between rounded-md border px-3 py-2 text-sm shadow-xs transition-[color,box-shadow] focus:ring-[3px] focus:ring-offset-0 focus:outline-none",(h||v)&&"cursor-not-allowed opacity-50",!d&&"text-muted-foreground"),children:[e("span",{className:"truncate",children:v?t("span",{className:"flex items-center gap-2",children:[e(i,{className:"h-4 w-4 animate-spin"}),e("span",{children:"Đang tải..."})]}):d&&C?C.label:p}),t("div",{className:"group/icons relative flex h-4 w-4 shrink-0 items-center justify-center",children:[d&&!h&&!v&&e("span",{role:"button",tabIndex:0,"aria-label":"Xóa lựa chọn",className:"absolute inset-0 inline-flex cursor-pointer items-center justify-center rounded-sm opacity-0 transition-opacity hover:opacity-100 focus:opacity-100 focus:outline-none focus:ring-[3px] focus:ring-ring/20 focus:ring-offset-0 group-hover/icons:opacity-100",onClick:k,onKeyDown:e=>{"Enter"!==e.key&&" "!==e.key||k(e)},children:e(o,{className:"h-3.5 w-3.5 text-muted-foreground"})}),e(r,{className:l("h-4 w-4 opacity-50 transition-opacity",d&&!h&&!v&&"group-hover/icons:opacity-0")})]})]}),g&&t("div",{className:"bg-popover animate-in fade-in-0 zoom-in-95 absolute z-50 mt-1 w-full rounded-md border shadow-md",children:[e("div",{className:"border-b p-2",children:t("div",{className:"relative",children:[e(a,{className:"text-muted-foreground absolute top-1/2 left-2 h-4 w-4 -translate-y-1/2"}),e(c,{ref:N,type:"text",placeholder:"Tìm kiếm...",value:b,onChange:e=>y(e.target.value),className:"h-8 pl-8",onClick:e=>e.stopPropagation()})]})}),e("div",{className:"max-h-[300px] overflow-auto p-1",children:0===E.length?e("div",{className:"text-muted-foreground py-6 text-center text-sm",children:b?"Không tìm thấy kết quả":"Không có lựa chọn nào"}):E.map(n=>{const o=d===n.value;return t("div",{className:l("hover:bg-accent hover:text-accent-foreground relative flex cursor-pointer items-center rounded-sm px-2 py-1.5 text-sm transition-colors outline-none select-none",o&&"bg-accent"),onClick:()=>{return e=n.value,m(e),void x(!1);var e},children:[e("div",{className:"flex flex-1 items-center gap-2",children:t("div",{className:"flex flex-col",children:[e("span",{children:n.label}),n.description&&e("span",{className:"text-muted-foreground text-xs",children:n.description})]})}),o&&e(s,{className:"ml-auto h-4 w-4"})]},n.value)})})]})]})}
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { X, ChevronDown, Check, Search, Loader2 } from 'lucide-react';
+import { Input } from '../../components/ui/input';
+import { cn } from '../../shared/lib/utils';
+export function SingleSelect({ options, selected, onChange, placeholder = 'Chọn...', className, disabled = false, loading = false, }) {
+    const [open, setOpen] = React.useState(false);
+    const [searchQuery, setSearchQuery] = React.useState('');
+    const containerRef = React.useRef(null);
+    const searchInputRef = React.useRef(null);
+    // Close dropdown when clicking outside
+    React.useEffect(() => {
+        if (!open)
+            return;
+        const handleClickOutside = (event) => {
+            if (containerRef.current && !containerRef.current.contains(event.target)) {
+                setOpen(false);
+            }
+        };
+        const handleKeyDown = (event) => {
+            if (event.key === 'Escape')
+                setOpen(false);
+        };
+        document.addEventListener('mousedown', handleClickOutside);
+        document.addEventListener('keydown', handleKeyDown);
+        return () => {
+            document.removeEventListener('mousedown', handleClickOutside);
+            document.removeEventListener('keydown', handleKeyDown);
+        };
+    }, [open]);
+    // Focus search input when dropdown opens
+    React.useEffect(() => {
+        if (open && searchInputRef.current) {
+            setTimeout(() => {
+                searchInputRef.current?.focus();
+            }, 0);
+        }
+        else {
+            setSearchQuery('');
+        }
+    }, [open]);
+    const handleSelect = (value) => {
+        onChange(value);
+        setOpen(false);
+    };
+    const handleClear = (e) => {
+        e.preventDefault();
+        e.stopPropagation();
+        onChange(null);
+    };
+    const selectedOption = options.find((option) => option.value === selected);
+    // Filter options based on search query
+    const filteredOptions = React.useMemo(() => {
+        if (!searchQuery)
+            return options;
+        const query = searchQuery.toLowerCase();
+        return options.filter((option) => option.label.toLowerCase().includes(query) ||
+            option.description?.toLowerCase().includes(query));
+    }, [options, searchQuery]);
+    return (_jsxs("div", { ref: containerRef, className: cn('relative', className), children: [_jsxs("div", { role: "button", tabIndex: disabled || loading ? -1 : 0, "aria-disabled": disabled || loading, onClick: () => !disabled && !loading && setOpen(!open), onKeyDown: (e) => {
+                    if (e.key === 'Enter' || e.key === ' ') {
+                        e.preventDefault();
+                        if (!disabled && !loading) {
+                            setOpen(!open);
+                        }
+                    }
+                }, className: cn('border-input bg-background focus:border-ring focus:ring-ring/20 flex h-9 w-full cursor-pointer items-center justify-between rounded-md border px-3 py-2 text-sm shadow-xs transition-[color,box-shadow] focus:ring-[3px] focus:ring-offset-0 focus:outline-none', (disabled || loading) && 'cursor-not-allowed opacity-50', !selected && 'text-muted-foreground'), children: [_jsx("span", { className: "truncate", children: loading ? (_jsxs("span", { className: "flex items-center gap-2", children: [_jsx(Loader2, { className: "h-4 w-4 animate-spin" }), _jsx("span", { children: "\u0110ang t\u1EA3i..." })] })) : selected && selectedOption ? (selectedOption.label) : (placeholder) }), _jsxs("div", { className: "group/icons relative flex h-4 w-4 shrink-0 items-center justify-center", children: [selected && !disabled && !loading && (_jsx("span", { role: "button", tabIndex: 0, "aria-label": "X\u00F3a l\u1EF1a ch\u1ECDn", className: "absolute inset-0 inline-flex cursor-pointer items-center justify-center rounded-sm opacity-0 transition-opacity hover:opacity-100 focus:opacity-100 focus:outline-none focus:ring-[3px] focus:ring-ring/20 focus:ring-offset-0 group-hover/icons:opacity-100", onClick: handleClear, onKeyDown: (e) => {
+                                    if (e.key === 'Enter' || e.key === ' ') {
+                                        handleClear(e);
+                                    }
+                                }, children: _jsx(X, { className: "h-3.5 w-3.5 text-muted-foreground" }) })), _jsx(ChevronDown, { className: cn('h-4 w-4 opacity-50 transition-opacity', selected && !disabled && !loading && 'group-hover/icons:opacity-0') })] })] }), open && (_jsxs("div", { className: "bg-popover animate-in fade-in-0 zoom-in-95 absolute z-50 mt-1 w-full rounded-md border shadow-md", children: [_jsx("div", { className: "border-b p-2", children: _jsxs("div", { className: "relative", children: [_jsx(Search, { className: "text-muted-foreground absolute top-1/2 left-2 h-4 w-4 -translate-y-1/2" }), _jsx(Input, { ref: searchInputRef, type: "text", placeholder: "T\u00ECm ki\u1EBFm...", value: searchQuery, onChange: (e) => setSearchQuery(e.target.value), className: "h-8 pl-8", onClick: (e) => e.stopPropagation() })] }) }), _jsx("div", { className: "max-h-[300px] overflow-auto p-1", children: filteredOptions.length === 0 ? (_jsx("div", { className: "text-muted-foreground py-6 text-center text-sm", children: searchQuery ? 'Không tìm thấy kết quả' : 'Không có lựa chọn nào' })) : (filteredOptions.map((option) => {
+                            const isSelected = selected === option.value;
+                            return (_jsxs("div", { className: cn('hover:bg-accent hover:text-accent-foreground relative flex cursor-pointer items-center rounded-sm px-2 py-1.5 text-sm transition-colors outline-none select-none', isSelected && 'bg-accent'), onClick: () => handleSelect(option.value), children: [_jsx("div", { className: "flex flex-1 items-center gap-2", children: _jsxs("div", { className: "flex flex-col", children: [_jsx("span", { children: option.label }), option.description && (_jsx("span", { className: "text-muted-foreground text-xs", children: option.description }))] }) }), isSelected && _jsx(Check, { className: "ml-auto h-4 w-4" })] }, option.value));
+                        })) })] }))] }));
+}

package/dist/components/ui/skeleton.js

@@ -1 +1,6 @@
-import{jsx as r}from"react/jsx-runtime";import{cn as a}from"../../shared/lib/utils";function e({className:e,...s}){return r("div",{className:a("animate-pulse rounded-md bg-gray-200",e),...s})}export{e as Skeleton};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from '../../shared/lib/utils';
+function Skeleton({ className, ...props }) {
+    return _jsx("div", { className: cn('animate-pulse rounded-md bg-gray-200', className), ...props });
+}
+export { Skeleton };

package/dist/components/ui/switch.js

@@ -1 +1,8 @@
-"use client";import{jsx as e}from"react/jsx-runtime";import*as t from"@radix-ui/react-switch";import{cn as a}from"../../shared/lib/utils";function r({className:r,...s}){return e(t.Root,{"data-slot":"switch",className:a("peer data-[state=checked]:bg-primary data-[state=unchecked]:bg-input focus-visible:border-ring focus-visible:ring-ring/20 dark:data-[state=unchecked]:bg-input/80 inline-flex h-[1.15rem] w-8 shrink-0 items-center rounded-full border border-transparent shadow-xs transition-all outline-none focus-visible:ring-[3px] focus-visible:ring-offset-0 disabled:cursor-not-allowed disabled:opacity-50",r),...s,children:e(t.Thumb,{"data-slot":"switch-thumb",className:a("bg-background dark:data-[state=unchecked]:bg-foreground dark:data-[state=checked]:bg-primary-foreground pointer-events-none block size-4 rounded-full ring-0 transition-transform data-[state=checked]:translate-x-[calc(100%-2px)] data-[state=unchecked]:translate-x-0")})})}export{r as Switch};
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as SwitchPrimitive from '@radix-ui/react-switch';
+import { cn } from '../../shared/lib/utils';
+function Switch({ className, ...props }) {
+    return (_jsx(SwitchPrimitive.Root, { "data-slot": "switch", className: cn('peer data-[state=checked]:bg-primary data-[state=unchecked]:bg-input focus-visible:border-ring focus-visible:ring-ring/20 dark:data-[state=unchecked]:bg-input/80 inline-flex h-[1.15rem] w-8 shrink-0 items-center rounded-full border border-transparent shadow-xs transition-all outline-none focus-visible:ring-[3px] focus-visible:ring-offset-0 disabled:cursor-not-allowed disabled:opacity-50', className), ...props, children: _jsx(SwitchPrimitive.Thumb, { "data-slot": "switch-thumb", className: cn('bg-background dark:data-[state=unchecked]:bg-foreground dark:data-[state=checked]:bg-primary-foreground pointer-events-none block size-4 rounded-full ring-0 transition-transform data-[state=checked]:translate-x-[calc(100%-2px)] data-[state=unchecked]:translate-x-0') }) }));
+}
+export { Switch };

package/dist/components/ui/table.js

@@ -1 +1,20 @@
-import{jsx as e}from"react/jsx-runtime";import*as a from"react";import{cn as s}from"../../shared/lib/utils";const r=a.forwardRef(({className:a,...r},t)=>e("div",{className:"relative w-full overflow-auto",children:e("table",{ref:t,className:s("w-full caption-bottom text-sm",a),...r})}));r.displayName="Table";const t=a.forwardRef(({className:a,...r},t)=>e("thead",{ref:t,className:s("[&_tr]:border-b",a),...r}));t.displayName="TableHeader";const l=a.forwardRef(({className:a,...r},t)=>e("tbody",{ref:t,className:s("[&_tr:last-child]:border-0",a),...r}));l.displayName="TableBody";const o=a.forwardRef(({className:a,...r},t)=>e("tfoot",{ref:t,className:s("bg-muted/50 border-t font-medium [&>tr]:last:border-b-0",a),...r}));o.displayName="TableFooter";const m=a.forwardRef(({className:a,...r},t)=>e("tr",{ref:t,className:s("hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors",a),...r}));m.displayName="TableRow";const d=a.forwardRef(({className:a,...r},t)=>e("th",{ref:t,className:s("text-muted-foreground h-12 px-4 text-left align-middle font-medium [&:has([role=checkbox])]:pr-0",a),...r}));d.displayName="TableHead";const c=a.forwardRef(({className:a,...r},t)=>e("td",{ref:t,className:s("p-4 align-middle [&:has([role=checkbox])]:pr-0",a),...r}));c.displayName="TableCell";const f=a.forwardRef(({className:a,...r},t)=>e("caption",{ref:t,className:s("text-muted-foreground mt-4 text-sm",a),...r}));f.displayName="TableCaption";export{r as Table,t as TableHeader,l as TableBody,o as TableFooter,d as TableHead,m as TableRow,c as TableCell,f as TableCaption};
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { cn } from '../../shared/lib/utils';
+const Table = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { className: "relative w-full overflow-auto", children: _jsx("table", { ref: ref, className: cn('w-full caption-bottom text-sm', className), ...props }) })));
+Table.displayName = 'Table';
+const TableHeader = React.forwardRef(({ className, ...props }, ref) => (_jsx("thead", { ref: ref, className: cn('[&_tr]:border-b', className), ...props })));
+TableHeader.displayName = 'TableHeader';
+const TableBody = React.forwardRef(({ className, ...props }, ref) => (_jsx("tbody", { ref: ref, className: cn('[&_tr:last-child]:border-0', className), ...props })));
+TableBody.displayName = 'TableBody';
+const TableFooter = React.forwardRef(({ className, ...props }, ref) => (_jsx("tfoot", { ref: ref, className: cn('bg-muted/50 border-t font-medium [&>tr]:last:border-b-0', className), ...props })));
+TableFooter.displayName = 'TableFooter';
+const TableRow = React.forwardRef(({ className, ...props }, ref) => (_jsx("tr", { ref: ref, className: cn('hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors', className), ...props })));
+TableRow.displayName = 'TableRow';
+const TableHead = React.forwardRef(({ className, ...props }, ref) => (_jsx("th", { ref: ref, className: cn('text-muted-foreground h-12 px-4 text-left align-middle font-medium [&:has([role=checkbox])]:pr-0', className), ...props })));
+TableHead.displayName = 'TableHead';
+const TableCell = React.forwardRef(({ className, ...props }, ref) => (_jsx("td", { ref: ref, className: cn('p-4 align-middle [&:has([role=checkbox])]:pr-0', className), ...props })));
+TableCell.displayName = 'TableCell';
+const TableCaption = React.forwardRef(({ className, ...props }, ref) => (_jsx("caption", { ref: ref, className: cn('text-muted-foreground mt-4 text-sm', className), ...props })));
+TableCaption.displayName = 'TableCaption';
+export { Table, TableHeader, TableBody, TableFooter, TableHead, TableRow, TableCell, TableCaption };

package/dist/components/ui/tabs.js

@@ -1 +1,17 @@
-"use client";import{jsx as t}from"react/jsx-runtime";import*as e from"@radix-ui/react-tabs";import{cn as s}from"../../shared/lib/utils";function a({className:a,...i}){return t(e.Root,{"data-slot":"tabs",className:s("flex flex-col gap-2",a),...i})}function i({className:a,...i}){return t(e.List,{"data-slot":"tabs-list",className:s("bg-muted text-muted-foreground inline-flex h-9 w-fit items-center justify-center rounded-lg p-[3px]",a),...i})}function r({className:a,...i}){return t(e.Trigger,{"data-slot":"tabs-trigger",className:s("data-[state=active]:bg-background dark:data-[state=active]:text-foreground focus-visible:border-ring focus-visible:ring-ring/20 focus-visible:outline-ring dark:data-[state=active]:border-input dark:data-[state=active]:bg-input/30 text-foreground dark:text-muted-foreground inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-2 py-1 text-sm font-medium whitespace-nowrap transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:ring-offset-0 focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:shadow-sm [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",a),...i})}function n({className:a,...i}){return t(e.Content,{"data-slot":"tabs-content",className:s("flex-1 outline-none",a),...i})}export{a as Tabs,i as TabsList,r as TabsTrigger,n as TabsContent};
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as TabsPrimitive from '@radix-ui/react-tabs';
+import { cn } from '../../shared/lib/utils';
+function Tabs({ className, ...props }) {
+    return (_jsx(TabsPrimitive.Root, { "data-slot": "tabs", className: cn('flex flex-col gap-2', className), ...props }));
+}
+function TabsList({ className, ...props }) {
+    return (_jsx(TabsPrimitive.List, { "data-slot": "tabs-list", className: cn('bg-muted text-muted-foreground inline-flex h-9 w-fit items-center justify-center rounded-lg p-[3px]', className), ...props }));
+}
+function TabsTrigger({ className, ...props }) {
+    return (_jsx(TabsPrimitive.Trigger, { "data-slot": "tabs-trigger", className: cn("data-[state=active]:bg-background dark:data-[state=active]:text-foreground focus-visible:border-ring focus-visible:ring-ring/20 focus-visible:outline-ring dark:data-[state=active]:border-input dark:data-[state=active]:bg-input/30 text-foreground dark:text-muted-foreground inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-2 py-1 text-sm font-medium whitespace-nowrap transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:ring-offset-0 focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:shadow-sm [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className), ...props }));
+}
+function TabsContent({ className, ...props }) {
+    return (_jsx(TabsPrimitive.Content, { "data-slot": "tabs-content", className: cn('flex-1 outline-none', className), ...props }));
+}
+export { Tabs, TabsList, TabsTrigger, TabsContent };

package/dist/components/ui/textarea.js

@@ -1 +1,8 @@
-import{jsx as e}from"react/jsx-runtime";import*as r from"react";import{cn as o}from"../../shared/lib/utils";const s=r.forwardRef(({className:r,...s},i)=>e("textarea",{className:o("border-input bg-background placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/20 flex min-h-[150px] w-full rounded-md border px-3 py-2 text-sm shadow-xs transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:ring-offset-0 focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50",r),ref:i,...s}));s.displayName="Textarea";export{s as Textarea};
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { cn } from '../../shared/lib/utils';
+const Textarea = React.forwardRef(({ className, ...props }, ref) => {
+    return (_jsx("textarea", { className: cn('border-input bg-background placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/20 flex min-h-[150px] w-full rounded-md border px-3 py-2 text-sm shadow-xs transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:ring-offset-0 focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50', className), ref: ref, ...props }));
+});
+Textarea.displayName = 'Textarea';
+export { Textarea };

package/dist/components/ui/tooltip.js

@@ -1 +1,11 @@
-"use client";import{jsx as t}from"react/jsx-runtime";import*as e from"react";import*as o from"@radix-ui/react-tooltip";import{cn as a}from"../../shared/lib/utils";const i=o.Provider,r=o.Root,d=o.Trigger,s=e.forwardRef(({className:e,sideOffset:i=4,...r},d)=>t(o.Portal,{children:t(o.Content,{ref:d,sideOffset:i,className:a("bg-primary text-primary-foreground z-50 overflow-hidden rounded-md px-3 py-1.5 text-xs animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",e),...r})}));s.displayName=o.Content.displayName;export{r as Tooltip,d as TooltipTrigger,s as TooltipContent,i as TooltipProvider};
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import * as TooltipPrimitive from '@radix-ui/react-tooltip';
+import { cn } from '../../shared/lib/utils';
+const TooltipProvider = TooltipPrimitive.Provider;
+const Tooltip = TooltipPrimitive.Root;
+const TooltipTrigger = TooltipPrimitive.Trigger;
+const TooltipContent = React.forwardRef(({ className, sideOffset = 4, ...props }, ref) => (_jsx(TooltipPrimitive.Portal, { children: _jsx(TooltipPrimitive.Content, { ref: ref, sideOffset: sideOffset, className: cn('bg-primary text-primary-foreground z-50 overflow-hidden rounded-md px-3 py-1.5 text-xs animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2', className), ...props }) })));
+TooltipContent.displayName = TooltipPrimitive.Content.displayName;
+export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider };

package/dist/index.d.ts

@@ -15,6 +15,8 @@ export { QuestionCreator } from './components/questions/creator/QuestionCreator'
 export type { QuestionCreatorProps } from './components/questions/creator/QuestionCreator';
 export { QuestionGroupCreator } from './components/questions/creator/QuestionGroupCreator';
 export type { QuestionGroupCreatorProps } from './components/questions/creator/QuestionGroupCreator';
+export { DifficultyLevel, EditQuestionBankDialog, QuestionBankEditorType, QuestionEditorRenderer, } from './components/questions/question-bank';
+export type { EditQuestionBankDialogProps, QuestionBankEditItem, QuestionEditorChangeData, QuestionEditorRendererProps, SkillType as QuestionBankSkillType, UpdateQuestionBankDto, } from './components/questions/question-bank';
 export { renderDedicatedComponent } from './components/questions/creator/dedicated-component-router';
 export type { DedicatedComponentRouterProps, ValidationRef, } from './components/questions/creator/dedicated-component-router';
 export { questionTypeRegistry } from './components/questions/creator/question-type-registry';
@@ -24,3 +26,4 @@ export { validateQuestion } from './components/questions/_shared/utils/question-
 export { buildAnswerPayload } from './components/questions/_shared/utils/answer-builder';
 export type { QuestionFormState } from './components/questions/_shared/hooks/useQuestionFormState';
 export * from './components/questions/_shared/types';
+export { QuestionViewer, QuestionGroupViewer, WordFillStructuredFormViewer, ChooseTheCorrectAnswerGroupViewer, TrueFalseGroupViewer, CrossOutWordGroupViewer, SpontaneousQaGroupViewer, WordOrderAndMatchGroupViewer, } from './components/questions/viewer';

package/dist/index.js

@@ -1 +1,24 @@
-export*as Api from"./api";export*as Components from"./components";export*as Exams from"./components/exams";export*as Questions from"./components/questions";export*as Results from"./components/results";export*as Themes from"./components/themes";export*as Shared from"./shared";export{buildExamTemplatePayload,createContestRoomsApi,createExamCreateApi,createExamEntryApi,createExamQuestionsApi,createExamQuestionsFetchApi,createExamTakingApi,createMockContestRoomsApi,createMockCreateExamApi,createMockExamEntryApi,createMockExamQuestionsApi,createMockExamTakingApi,createMockResultReviewApi,createResultReviewApi}from"./api";export{CreateExamPageContainer,ExamPreviewDialog,ExamQuestionsPageContainer,ExamTakingPageContainer,ExamViewDialog,StudentContestRoomsPageContainer,StudentExamEntryPageContainer}from"./components/exams";export{ResultReviewPageContainer}from"./components/results";export{QuestionCreator}from"./components/questions/creator/QuestionCreator";export{QuestionGroupCreator}from"./components/questions/creator/QuestionGroupCreator";export{renderDedicatedComponent}from"./components/questions/creator/dedicated-component-router";export{questionTypeRegistry}from"./components/questions/creator/question-type-registry";export{QUESTION_TYPE_CONFIG,QUESTION_TYPES_WITH_DEDICATED_COMPONENTS}from"./components/questions/_shared/config/question-types.config";export{validateQuestion}from"./components/questions/_shared/utils/question-validation";export{buildAnswerPayload}from"./components/questions/_shared/utils/answer-builder";export*from"./components/questions/_shared/types";
+export * as Api from './api';
+export * as Components from './components';
+// MCP is Node/stdio-only (node:fs, @modelcontextprotocol). Do NOT re-export from the
+// browser barrel — host client bundles that import `@tinyweb_dev/oe-exam-sdk` would
+// pull `node:fs/promises` and fail webpack (UnhandledSchemeError). Use subpath:
+//   import { startOeExamMcpServer } from '@tinyweb_dev/oe-exam-sdk/mcp'
+export * as Exams from './components/exams';
+export * as Questions from './components/questions';
+export * as Results from './components/results';
+export * as Themes from './components/themes';
+export * as Shared from './shared';
+export { buildExamTemplatePayload, createContestRoomsApi, createExamCreateApi, createExamEntryApi, createExamQuestionsApi, createExamQuestionsFetchApi, createExamTakingApi, createMockContestRoomsApi, createMockCreateExamApi, createMockExamEntryApi, createMockExamQuestionsApi, createMockExamTakingApi, createMockResultReviewApi, createResultReviewApi } from './api';
+export { CreateExamPageContainer, ExamPreviewDialog, ExamQuestionsPageContainer, ExamTakingPageContainer, ExamViewDialog, StudentContestRoomsPageContainer, StudentExamEntryPageContainer } from './components/exams';
+export { ResultReviewPageContainer } from './components/results';
+export { QuestionCreator } from './components/questions/creator/QuestionCreator';
+export { QuestionGroupCreator } from './components/questions/creator/QuestionGroupCreator';
+export { DifficultyLevel, EditQuestionBankDialog, QuestionBankEditorType, QuestionEditorRenderer, } from './components/questions/question-bank';
+export { renderDedicatedComponent } from './components/questions/creator/dedicated-component-router';
+export { questionTypeRegistry } from './components/questions/creator/question-type-registry';
+export { QUESTION_TYPE_CONFIG, QUESTION_TYPES_WITH_DEDICATED_COMPONENTS } from './components/questions/_shared/config/question-types.config';
+export { validateQuestion } from './components/questions/_shared/utils/question-validation';
+export { buildAnswerPayload } from './components/questions/_shared/utils/answer-builder';
+export * from './components/questions/_shared/types';
+export { QuestionViewer, QuestionGroupViewer, WordFillStructuredFormViewer, ChooseTheCorrectAnswerGroupViewer, TrueFalseGroupViewer, CrossOutWordGroupViewer, SpontaneousQaGroupViewer, WordOrderAndMatchGroupViewer, } from './components/questions/viewer';

package/dist/shared/constants/ApiConstant.d.ts

@@ -175,6 +175,7 @@ export declare const API_ENDPOINTS: {
         readonly ATTEMPT_SUBMIT: (id: string) => string;
         readonly ATTEMPT_CANCEL: (id: string) => string;
         readonly ATTEMPT_AUDIO_ANSWER: (id: string) => string;
+        readonly ATTEMPT_AUDIO_ANSWER_ITEM: (id: string) => string;
         readonly ATTEMPT_PROCTORING_SNAPSHOT: (id: string) => string;
         readonly ATTEMPT_GRADING_SUMMARY: (id: string) => string;
         readonly ATTEMPT_ANSWERS_GRADING_STATUS: (id: string) => string;