@tinyweb_dev/oe-exam-sdk 0.1.28 → 0.1.30

package/dist/components/ui/file-upload.js

@@ -1 +1,155 @@
-"use client";import{jsx as e,jsxs as r}from"react/jsx-runtime";import{useRef as t,useState as i,useCallback as a}from"react";import{Button as o}from"../../components/ui/button";import{Input as l}from"../../components/ui/input";import{Label as s}from"../../components/ui/label";import{Upload as n,X as c,Play as d,Square as u,Loader2 as p}from"lucide-react";import{toast as m}from"sonner";import{useFileUpload as h}from"../../shared/lib/hooks/useFileUpload";import{useAudioUpload as f}from"../../shared/lib/hooks/useAudioUpload";import{usePresignedFileUrl as b}from"../../shared/lib/hooks/usePresignedFileUrl";import{t as U}from"../../shared/lib/i18n";export function FileUpload({label:v,accept:g,value:x,onChange:w,onPresignedUrlChange:y,disabled:L=!1,maxSize:W=10,placeholder:C="Paste URL or upload file",icon:k,required:N=!1,id:F,onFileLoad:z,showPlayButton:E=!1,onPlay:P,autoUpload:j=!1,prefix:R,examId:B,partId:I}){const S=t(null),A=t(null),[O,T]=i(""),[q,D]=i(!1),G=Boolean(B),H=Boolean(x&&!x.startsWith("blob:")&&!x.startsWith("http")),{previewUrl:J}=b(E&&H&&!O?x:void 0),K=O||J||(x?.startsWith("http")||x?.startsWith("blob:")?x:""),M=a(()=>{if(K){if(q&&A.current)return A.current.pause(),A.current.currentTime=0,void D(!1);if(!A.current||A.current.src!==K){A.current&&A.current.pause();const e=new Audio(K);e.addEventListener("ended",()=>D(!1)),e.addEventListener("error",()=>{m.error(U("fileUpload.audio.playError")),D(!1)}),A.current=e}A.current.play().then(()=>D(!0)).catch(()=>{m.error(U("fileUpload.audio.playError")),D(!1)})}else m.error(U("fileUpload.audio.noUrl"))},[K,q]),{uploadFile:Q,isUploading:V}=h({prefix:R,onSuccess:(e,r)=>{w(e),r&&(T(r),y?.(r)),z?.(),m.success(U("fileUpload.success"))},onError:()=>{}}),{uploadAudio:X,isUploading:Y}=f({examId:B||"",partId:I,onSuccess:(e,r)=>{w(e),r&&(T(r),y?.(r)),z?.(),m.success(U("fileUpload.audio.success"))},onError:()=>{}}),Z=G?Y:V,$=x.startsWith("blob:")?"Tải lên file":x,_=F||v.toLowerCase().replace(/\s+/g,"-"),ee=Boolean(x&&!x.startsWith("blob:")&&!x.startsWith("http"));return r("div",{children:[r(s,{htmlFor:_,children:[v," ",N&&e("span",{className:"text-red-500",children:"*"})]}),e("div",{className:"mt-1 space-y-2",children:r("div",{className:"flex gap-2",children:[e(l,{id:_,value:$,onChange:e=>w(e.target.value),placeholder:C,disabled:L||ee,readOnly:ee}),e("input",{ref:S,type:"file",accept:g,onChange:async e=>{const r=e.target.files?.[0];if(!r)return;const t=g.split(",").map(e=>e.trim()),i=r.type,a=t.some(e=>{if(e.endsWith("/*")){const r=e.split("/")[0];return i.startsWith(r+"/")}return i===e});if(!a)return void m.error(U("fileUpload.invalidFormat",{accept:g}));if(r.size/1048576>W)m.error(U("fileUpload.tooLarge",{maxSize:W}));else if(j)G?await X(r):await Q(r);else{const e=URL.createObjectURL(r);w(e),z?.(),m.success(U("fileUpload.uploaded",{name:r.name}))}},className:"hidden",disabled:L}),e(o,{variant:"outline",size:"icon",disabled:L||Z,onClick:()=>S.current?.click(),title:"Tải lên file",children:Z?e(p,{className:"h-4 w-4 animate-spin"}):k||e(n,{className:"h-4 w-4"})}),E&&x&&e(o,{variant:"outline",size:"icon",onClick:P||M,title:q?"Dừng âm thanh":"Phát âm thanh",disabled:L,children:e(q?u:d,{className:"h-4 w-4"})}),x&&e(o,{variant:"outline",size:"icon",onClick:()=>{x.startsWith("blob:")&&URL.revokeObjectURL(x),A.current&&(A.current.pause(),A.current=null,D(!1)),w(""),T(""),y?.(""),S.current&&(S.current.value="")},title:"Clear",disabled:L,children:e(c,{className:"h-4 w-4"})})]})})]})}
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useRef, useState, useCallback } from 'react';
+import { Button } from '../../components/ui/button';
+import { Input } from '../../components/ui/input';
+import { Label } from '../../components/ui/label';
+import { Upload, X, Play, Square, Loader2 } from 'lucide-react';
+import { toast } from 'sonner';
+import { useFileUpload } from '../../shared/lib/hooks/useFileUpload';
+import { useAudioUpload } from '../../shared/lib/hooks/useAudioUpload';
+import { usePresignedFileUrl } from '../../shared/lib/hooks/usePresignedFileUrl';
+import { t } from '../../shared/lib/i18n';
+export function FileUpload({ label, accept, value, onChange, onPresignedUrlChange, disabled = false, maxSize = 10, placeholder = 'Paste URL or upload file', icon, required = false, id, onFileLoad, showPlayButton = false, onPlay, autoUpload = false, prefix, examId, partId, }) {
+    const fileInputRef = useRef(null);
+    const audioRef = useRef(null);
+    const [presignedUrl, setPresignedUrl] = useState(''); // Store presignedUrl for preview
+    const [isPlayingAudio, setIsPlayingAudio] = useState(false);
+    // Determine if we should use the audio-specific upload API
+    const useAudioApi = Boolean(examId);
+    // Determine if value is an S3 key (not blob, not http) to fetch presigned URL for playback
+    const isS3Key = Boolean(value && !value.startsWith('blob:') && !value.startsWith('http'));
+    const { previewUrl: fetchedPresignedUrl } = usePresignedFileUrl(showPlayButton && isS3Key && !presignedUrl ? value : undefined);
+    // Resolve the best available playable URL for audio
+    const playableAudioUrl = presignedUrl || fetchedPresignedUrl || (value?.startsWith('http') || value?.startsWith('blob:') ? value : '');
+    // Built-in audio play/stop handler when no external onPlay is provided
+    const handleInternalPlay = useCallback(() => {
+        if (!playableAudioUrl) {
+            toast.error(t('fileUpload.audio.noUrl'));
+            return;
+        }
+        if (isPlayingAudio && audioRef.current) {
+            audioRef.current.pause();
+            audioRef.current.currentTime = 0;
+            setIsPlayingAudio(false);
+            return;
+        }
+        // Create or reuse audio element
+        if (!audioRef.current || audioRef.current.src !== playableAudioUrl) {
+            if (audioRef.current) {
+                audioRef.current.pause();
+            }
+            const audio = new Audio(playableAudioUrl);
+            audio.addEventListener('ended', () => setIsPlayingAudio(false));
+            audio.addEventListener('error', () => {
+                toast.error(t('fileUpload.audio.playError'));
+                setIsPlayingAudio(false);
+            });
+            audioRef.current = audio;
+        }
+        audioRef.current.play()
+            .then(() => setIsPlayingAudio(true))
+            .catch(() => {
+            toast.error(t('fileUpload.audio.playError'));
+            setIsPlayingAudio(false);
+        });
+    }, [playableAudioUrl, isPlayingAudio]);
+    const { uploadFile, isUploading: isUploadingFile } = useFileUpload({
+        prefix,
+        onSuccess: (key, presignedUrl) => {
+            // Save key (for API), store presignedUrl (for preview)
+            onChange(key);
+            if (presignedUrl) {
+                setPresignedUrl(presignedUrl);
+                onPresignedUrlChange?.(presignedUrl);
+            }
+            onFileLoad?.();
+            toast.success(t('fileUpload.success'));
+        },
+        onError: () => {
+            // Error handling is done in the hook
+        },
+    });
+    const { uploadAudio, isUploading: isUploadingAudio } = useAudioUpload({
+        examId: examId || '',
+        partId,
+        onSuccess: (key, presignedUrl) => {
+            onChange(key);
+            if (presignedUrl) {
+                setPresignedUrl(presignedUrl);
+                onPresignedUrlChange?.(presignedUrl);
+            }
+            onFileLoad?.();
+            toast.success(t('fileUpload.audio.success'));
+        },
+        onError: () => {
+            // Error handling is done in the hook
+        },
+    });
+    const isUploading = useAudioApi ? isUploadingAudio : isUploadingFile;
+    const handleFileUpload = async (e) => {
+        const file = e.target.files?.[0];
+        if (!file)
+            return;
+        // Validate file type
+        const acceptedTypes = accept.split(',').map((t) => t.trim());
+        const fileType = file.type;
+        const isValid = acceptedTypes.some((type) => {
+            if (type.endsWith('/*')) {
+                const prefix = type.split('/')[0];
+                return fileType.startsWith(prefix + '/');
+            }
+            return fileType === type;
+        });
+        if (!isValid) {
+            toast.error(t('fileUpload.invalidFormat', { accept }));
+            return;
+        }
+        // Validate file size
+        const fileSizeMB = file.size / (1024 * 1024);
+        if (fileSizeMB > maxSize) {
+            toast.error(t('fileUpload.tooLarge', { maxSize }));
+            return;
+        }
+        if (autoUpload) {
+            if (useAudioApi) {
+                // Use dedicated audio upload API
+                await uploadAudio(file);
+            }
+            else {
+                // Use generic file upload API
+                await uploadFile(file);
+            }
+        }
+        else {
+            // Create object URL for preview (local only)
+            const url = URL.createObjectURL(file);
+            onChange(url);
+            onFileLoad?.(); // Call the callback if provided
+            toast.success(t('fileUpload.uploaded', { name: file.name }));
+        }
+    };
+    const handleClear = () => {
+        if (value.startsWith('blob:')) {
+            URL.revokeObjectURL(value);
+        }
+        // Stop audio playback if playing
+        if (audioRef.current) {
+            audioRef.current.pause();
+            audioRef.current = null;
+            setIsPlayingAudio(false);
+        }
+        onChange('');
+        setPresignedUrl('');
+        onPresignedUrlChange?.(''); // Also notify parent to clear the preview URL
+        if (fileInputRef.current) {
+            fileInputRef.current.value = '';
+        }
+    };
+    const displayValue = value.startsWith('blob:') ? 'Tải lên file' : value;
+    const inputId = id || label.toLowerCase().replace(/\s+/g, '-');
+    // If value exists and is not a blob URL, it means file has been uploaded (has key)
+    // Disable input editing in this case, only allow clearing
+    const isUploaded = Boolean(value && !value.startsWith('blob:') && !value.startsWith('http'));
+    return (_jsxs("div", { children: [_jsxs(Label, { htmlFor: inputId, children: [label, " ", required && _jsx("span", { className: "text-red-500", children: "*" })] }), _jsx("div", { className: "mt-1 space-y-2", children: _jsxs("div", { className: "flex gap-2", children: [_jsx(Input, { id: inputId, value: displayValue, onChange: (e) => onChange(e.target.value), placeholder: placeholder, disabled: disabled || isUploaded, readOnly: isUploaded }), _jsx("input", { ref: fileInputRef, type: "file", accept: accept, onChange: handleFileUpload, className: "hidden", disabled: disabled }), _jsx(Button, { variant: "outline", size: "icon", disabled: disabled || isUploading, onClick: () => fileInputRef.current?.click(), title: "T\u1EA3i l\u00EAn file", children: isUploading ? (_jsx(Loader2, { className: "h-4 w-4 animate-spin" })) : (icon || _jsx(Upload, { className: "h-4 w-4" })) }), showPlayButton && value && (_jsx(Button, { variant: "outline", size: "icon", onClick: onPlay || handleInternalPlay, title: isPlayingAudio ? "Dừng âm thanh" : "Phát âm thanh", disabled: disabled, children: isPlayingAudio ? _jsx(Square, { className: "h-4 w-4" }) : _jsx(Play, { className: "h-4 w-4" }) })), value && (_jsx(Button, { variant: "outline", size: "icon", onClick: handleClear, title: "Clear", disabled: disabled, children: _jsx(X, { className: "h-4 w-4" }) }))] }) })] }));
+}

package/dist/components/ui/form.js

@@ -1 +1,62 @@
-import{jsx as e}from"react/jsx-runtime";import*as r from"react";import{Slot as t}from"@radix-ui/react-slot";import{Controller as o,FormProvider as s,useFormContext as m}from"react-hook-form";import{cn as a}from"../../shared/lib/utils";import{Label as i}from"../../components/ui/label";const d=s,n=r.createContext({}),c=({...r})=>e(n.Provider,{value:{name:r.name},children:e(o,{...r})}),f=()=>{const e=r.useContext(n),t=r.useContext(l),{getFieldState:o,formState:s}=m(),a=o(e.name,s);if(!e)throw new Error("useFormField should be used within <FormField>");const{id:i}=t;return{id:i,name:e.name,formItemId:`${i}-form-item`,formDescriptionId:`${i}-form-item-description`,formMessageId:`${i}-form-item-message`,...a}},l=r.createContext({}),u=r.forwardRef(({className:t,...o},s)=>{const m=r.useId();return e(l.Provider,{value:{id:m},children:e("div",{ref:s,className:a("space-y-2",t),...o})})});u.displayName="FormItem";const p=r.forwardRef(({className:r,...t},o)=>{const{error:s,formItemId:m}=f();return e(i,{ref:o,className:a(s&&"text-destructive",r),htmlFor:m,...t})});p.displayName="FormLabel";const I=r.forwardRef(({...r},o)=>{const{error:s,formItemId:m,formDescriptionId:a,formMessageId:i}=f();return e(t,{ref:o,id:m,"aria-describedby":s?`${a} ${i}`:`${a}`,"aria-invalid":!!s,...r})});I.displayName="FormControl";const x=r.forwardRef(({className:r,...t},o)=>{const{formDescriptionId:s}=f();return e("p",{ref:o,id:s,className:a("text-sm text-muted-foreground",r),...t})});x.displayName="FormDescription";const N=r.forwardRef(({className:r,children:t,...o},s)=>{const{error:m,formMessageId:i}=f(),d=m?String(m?.message):t;return d?e("p",{ref:s,id:i,className:a("text-sm font-medium text-destructive",r),...o,children:d}):null});N.displayName="FormMessage";export{f as useFormField,d as Form,u as FormItem,p as FormLabel,I as FormControl,x as FormDescription,N as FormMessage,c as FormField};
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { Slot } from "@radix-ui/react-slot";
+import { Controller, FormProvider, useFormContext, } from "react-hook-form";
+import { cn } from "../../shared/lib/utils";
+import { Label } from "../../components/ui/label";
+const Form = FormProvider;
+const FormFieldContext = React.createContext({});
+const FormField = ({ ...props }) => {
+    return (_jsx(FormFieldContext.Provider, { value: { name: props.name }, children: _jsx(Controller, { ...props }) }));
+};
+const useFormField = () => {
+    const fieldContext = React.useContext(FormFieldContext);
+    const itemContext = React.useContext(FormItemContext);
+    const { getFieldState, formState } = useFormContext();
+    const fieldState = getFieldState(fieldContext.name, formState);
+    if (!fieldContext) {
+        throw new Error("useFormField should be used within <FormField>");
+    }
+    const { id } = itemContext;
+    return {
+        id,
+        name: fieldContext.name,
+        formItemId: `${id}-form-item`,
+        formDescriptionId: `${id}-form-item-description`,
+        formMessageId: `${id}-form-item-message`,
+        ...fieldState,
+    };
+};
+const FormItemContext = React.createContext({});
+const FormItem = React.forwardRef(({ className, ...props }, ref) => {
+    const id = React.useId();
+    return (_jsx(FormItemContext.Provider, { value: { id }, children: _jsx("div", { ref: ref, className: cn("space-y-2", className), ...props }) }));
+});
+FormItem.displayName = "FormItem";
+const FormLabel = React.forwardRef(({ className, ...props }, ref) => {
+    const { error, formItemId } = useFormField();
+    return (_jsx(Label, { ref: ref, className: cn(error && "text-destructive", className), htmlFor: formItemId, ...props }));
+});
+FormLabel.displayName = "FormLabel";
+const FormControl = React.forwardRef(({ ...props }, ref) => {
+    const { error, formItemId, formDescriptionId, formMessageId } = useFormField();
+    return (_jsx(Slot, { ref: ref, id: formItemId, "aria-describedby": !error
+            ? `${formDescriptionId}`
+            : `${formDescriptionId} ${formMessageId}`, "aria-invalid": !!error, ...props }));
+});
+FormControl.displayName = "FormControl";
+const FormDescription = React.forwardRef(({ className, ...props }, ref) => {
+    const { formDescriptionId } = useFormField();
+    return (_jsx("p", { ref: ref, id: formDescriptionId, className: cn("text-sm text-muted-foreground", className), ...props }));
+});
+FormDescription.displayName = "FormDescription";
+const FormMessage = React.forwardRef(({ className, children, ...props }, ref) => {
+    const { error, formMessageId } = useFormField();
+    const body = error ? String(error?.message) : children;
+    if (!body) {
+        return null;
+    }
+    return (_jsx("p", { ref: ref, id: formMessageId, className: cn("text-sm font-medium text-destructive", className), ...props, children: body }));
+});
+FormMessage.displayName = "FormMessage";
+export { useFormField, Form, FormItem, FormLabel, FormControl, FormDescription, FormMessage, FormField, };

package/dist/components/ui/hover-card.js

@@ -1 +1,10 @@
-"use client";import{jsx as t}from"react/jsx-runtime";import*as e from"react";import*as a from"@radix-ui/react-hover-card";import{cn as o}from"../../shared/lib/utils";const d=a.Root,i=a.Trigger,s=e.forwardRef(({className:e,align:d="center",sideOffset:i=4,...s},r)=>t(a.Content,{ref:r,align:d,sideOffset:i,className:o("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-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 z-50 w-64 rounded-md border p-4 shadow-md outline-none",e),...s}));s.displayName=a.Content.displayName;export{d as HoverCard,i as HoverCardTrigger,s as HoverCardContent};
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import * as HoverCardPrimitive from '@radix-ui/react-hover-card';
+import { cn } from '../../shared/lib/utils';
+const HoverCard = HoverCardPrimitive.Root;
+const HoverCardTrigger = HoverCardPrimitive.Trigger;
+const HoverCardContent = React.forwardRef(({ className, align = 'center', sideOffset = 4, ...props }, ref) => (_jsx(HoverCardPrimitive.Content, { ref: ref, align: align, sideOffset: sideOffset, className: cn('bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-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 z-50 w-64 rounded-md border p-4 shadow-md outline-none', className), ...props })));
+HoverCardContent.displayName = HoverCardPrimitive.Content.displayName;
+export { HoverCard, HoverCardTrigger, HoverCardContent };

package/dist/components/ui/image-preview.js

@@ -1 +1,29 @@
-"use client";import{Fragment as e,jsx as t,jsxs as a}from"react/jsx-runtime";import{useState as r,useCallback as s,useEffect as c}from"react";import{ImageOff as n}from"lucide-react";import{cn as i}from"../../shared/lib/utils";export function ImagePreview({src:l,alt:m="",className:o,fallback:x,...f}){const[d,g]=r(!1);c(()=>{g(!1)},[l]);const h=s(()=>{g(!0)},[]),p=s(()=>{g(!1)},[]);return d||!l?x?t(e,{children:x}):a("div",{className:i("flex flex-col items-center justify-center gap-2 bg-gray-50 text-gray-400",o),children:[t(n,{className:"h-8 w-8"}),t("span",{className:"text-xs font-medium",children:"Không thể tải ảnh"}),t("span",{className:"max-w-[80%] truncate text-[10px] text-gray-300",title:l,children:l})]}):t("img",{src:l,alt:m,className:i("object-contain",o),onError:h,onLoad:p,...f})}
+'use client';
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useCallback, useEffect } from 'react';
+import { ImageOff } from 'lucide-react';
+import { cn } from '../../shared/lib/utils';
+/**
+ * `ImagePreview` – a drop-in replacement for `<img>` that gracefully handles
+ * broken / invalid image URLs by showing a friendly placeholder instead of the
+ * browser's default broken-image icon.
+ */
+export function ImagePreview({ src, alt = '', className, fallback, ...props }) {
+    const [hasError, setHasError] = useState(false);
+    // Reset error state when src changes so a new URL gets a fresh attempt
+    useEffect(() => {
+        setHasError(false);
+    }, [src]);
+    const handleError = useCallback(() => {
+        setHasError(true);
+    }, []);
+    const handleLoad = useCallback(() => {
+        setHasError(false);
+    }, []);
+    if (hasError || !src) {
+        if (fallback)
+            return _jsx(_Fragment, { children: fallback });
+        return (_jsxs("div", { className: cn('flex flex-col items-center justify-center gap-2 bg-gray-50 text-gray-400', className), children: [_jsx(ImageOff, { className: "h-8 w-8" }), _jsx("span", { className: "text-xs font-medium", children: "Kh\u00F4ng th\u1EC3 t\u1EA3i \u1EA3nh" }), _jsx("span", { className: "max-w-[80%] truncate text-[10px] text-gray-300", title: src, children: src })] }));
+    }
+    return (_jsx("img", { src: src, alt: alt, className: cn('object-contain', className), onError: handleError, onLoad: handleLoad, ...props }));
+}

package/dist/components/ui/input.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 i=r.forwardRef(({className:r,type:i,...s},t)=>e("input",{type:i,className:o("border-input bg-background file:text-foreground placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/20 flex h-10 w-full rounded-md border px-3 py-2 text-base shadow-xs transition-[color,box-shadow] file:border-0 file:bg-transparent file:text-sm file:font-medium focus-visible:ring-[3px] focus-visible:ring-offset-0 focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",r),ref:t,...s}));i.displayName="Input";export{i as Input};
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { cn } from '../../shared/lib/utils';
+const Input = React.forwardRef(({ className, type, ...props }, ref) => {
+    return (_jsx("input", { type: type, className: cn('border-input bg-background file:text-foreground placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/20 flex h-10 w-full rounded-md border px-3 py-2 text-base shadow-xs transition-[color,box-shadow] file:border-0 file:bg-transparent file:text-sm file:font-medium focus-visible:ring-[3px] focus-visible:ring-offset-0 focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm', className), ref: ref, ...props }));
+});
+Input.displayName = 'Input';
+export { Input };

package/dist/components/ui/label.js

@@ -1 +1,9 @@
-import{jsx as a}from"react/jsx-runtime";import*as r from"react";import*as e from"@radix-ui/react-label";import{cva as o}from"class-variance-authority";import{cn as t}from"../../shared/lib/utils";const s=o("text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"),i=r.forwardRef(({className:r,...o},i)=>a(e.Root,{ref:i,className:t(s(),r),...o}));i.displayName=e.Root.displayName;export{i as Label};
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import * as LabelPrimitive from '@radix-ui/react-label';
+import { cva } from 'class-variance-authority';
+import { cn } from '../../shared/lib/utils';
+const labelVariants = cva('text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70');
+const Label = React.forwardRef(({ className, ...props }, ref) => (_jsx(LabelPrimitive.Root, { ref: ref, className: cn(labelVariants(), className), ...props })));
+Label.displayName = LabelPrimitive.Root.displayName;
+export { Label };

package/dist/components/ui/language-switcher.js

@@ -1 +1,15 @@
-"use client";import{jsx as e,jsxs as r}from"react/jsx-runtime";import{useLocaleStore as i}from"../../shared/lib/stores/localeStore";import{SUPPORTED_LOCALES as o}from"../../shared/lib/i18n";import{Select as t,SelectContent as n,SelectItem as l,SelectTrigger as s,SelectValue as a}from"../../components/ui/select";import{Globe as c}from"lucide-react";const m={vi:"Tiếng Việt",en:"English"};export function LanguageSwitcher(){const h=i(e=>e.locale),u=i(e=>e.setLocale);return r(t,{value:h,onValueChange:e=>u(e),children:[r(s,{children:[e(c,{className:"mr-2 h-4 w-4"}),e(a,{})]}),e(n,{children:o.map(r=>e(l,{value:r,children:m[r]},r))})]})}
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useLocaleStore } from '../../shared/lib/stores/localeStore';
+import { SUPPORTED_LOCALES } from '../../shared/lib/i18n';
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from '../../components/ui/select';
+import { Globe } from 'lucide-react';
+const LOCALE_LABELS = {
+    vi: 'Tiếng Việt',
+    en: 'English',
+};
+export function LanguageSwitcher() {
+    const locale = useLocaleStore((s) => s.locale);
+    const setLocale = useLocaleStore((s) => s.setLocale);
+    return (_jsxs(Select, { value: locale, onValueChange: (v) => setLocale(v), children: [_jsxs(SelectTrigger, { children: [_jsx(Globe, { className: "mr-2 h-4 w-4" }), _jsx(SelectValue, {})] }), _jsx(SelectContent, { children: SUPPORTED_LOCALES.map((l) => (_jsx(SelectItem, { value: l, children: LOCALE_LABELS[l] }, l))) })] }));
+}

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

@@ -1 +1,90 @@
-"use client";import{jsx as e,jsxs as r,Fragment as t}from"react/jsx-runtime";import*as n from"react";import{X as a,ChevronDown as o,Check as s,Search as l}from"lucide-react";import{Badge as i}from"../../components/ui/badge";import{Input as c}from"../../components/ui/input";import{cn as d}from"../../shared/lib/utils";export function MultiSelect({options:u,selected:m,onChange:p,placeholder:f="Select items...",className:h,disabled:x=!1}){const[g,v]=n.useState(!1),[b,N]=n.useState(""),y=n.useRef(null),w=n.useRef(null);n.useEffect(()=>{const e=e=>{y.current&&!y.current.contains(e.target)&&v(!1)};return g&&document.addEventListener("mousedown",e),()=>{document.removeEventListener("mousedown",e)}},[g]),n.useEffect(()=>{g&&w.current?setTimeout(()=>{w.current?.focus()},0):N("")},[g]);const k=e=>{p(m.filter(r=>r!==e))},C=u.filter(e=>m.includes(e.value)),D=n.useMemo(()=>{if(!b)return u;const e=b.toLowerCase();return u.filter(r=>r.label.toLowerCase().includes(e)||r.description?.toLowerCase().includes(e))},[u,b]);return r("div",{ref:y,className:d("relative",h),children:[r("div",{role:"button",tabIndex:x?-1:0,"aria-disabled":x,onClick:()=>!x&&v(!g),onKeyDown:e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),x||v(!g))},className:d("border-input bg-background placeholder:text-muted-foreground focus:border-ring focus:ring-ring/20 flex min-h-10 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",x&&"cursor-not-allowed opacity-50",!m.length&&"text-muted-foreground"),children:[e("div",{className:"flex flex-1 flex-wrap gap-1",children:0===m.length?e("span",{className:"text-muted-foreground",children:f}):r(t,{children:[C.slice(0,5).map(t=>r(i,{variant:"secondary",className:"py-0.5 pr-1 pl-2",children:[e("span",{className:"text-xs",children:t.label}),e("span",{role:"button",tabIndex:0,className:"ml-1 inline-flex cursor-pointer rounded-full outline-none focus:ring-ring/20 focus:ring-[3px] focus:ring-offset-0",onClick:e=>{e.preventDefault(),e.stopPropagation(),k(t.value)},onKeyDown:e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),e.stopPropagation(),k(t.value))},children:e(a,{className:"text-muted-foreground hover:text-foreground h-3 w-3"})})]},t.value)),C.length>5&&e(i,{variant:"secondary",className:"py-0.5 px-2",children:r("span",{className:"text-xs",children:["+",C.length-5]})})]})}),e(o,{className:"ml-2 h-4 w-4 shrink-0 opacity-50"})]}),g&&r("div",{className:"bg-popover animate-in fade-in-0 zoom-in-95 absolute z-50 mt-2 w-full rounded-md border shadow-md",children:[e("div",{className:"border-b p-2",children:r("div",{className:"relative",children:[e(l,{className:"text-muted-foreground absolute top-1/2 left-2 h-4 w-4 -translate-y-1/2"}),e(c,{ref:w,type:"text",placeholder:"Tìm kiếm...",value:b,onChange:e=>N(e.target.value),className:"h-9 pl-8",onClick:e=>e.stopPropagation()})]})}),m.length>0&&e("div",{className:"border-b bg-gray-50 p-2",children:r("div",{className:"flex flex-wrap gap-1",children:[C.slice(0,5).map(t=>r(i,{variant:"secondary",className:"py-1 pr-1 pl-2",children:[e("span",{className:"text-xs",children:t.label}),e("span",{role:"button",tabIndex:0,className:"ml-1 inline-flex cursor-pointer rounded-full outline-none focus:ring-ring/20 focus:ring-[3px] focus:ring-offset-0",onClick:e=>{e.preventDefault(),e.stopPropagation(),k(t.value)},onKeyDown:e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),e.stopPropagation(),k(t.value))},children:e(a,{className:"text-muted-foreground hover:text-foreground h-3 w-3"})})]},t.value)),C.length>5&&e(i,{variant:"secondary",className:"py-1 px-2",children:r("span",{className:"text-xs",children:["+",C.length-5," mục khác"]})})]})}),e("div",{className:"max-h-[260px] overflow-auto p-1",children:0===D.length?e("div",{className:"text-muted-foreground py-6 text-center text-sm",children:b?"Không tìm thấy kết quả":"No options available"}):D.map(t=>{const n=m.includes(t.value);return r("div",{className:d("hover:bg-accent hover:text-accent-foreground relative flex cursor-pointer items-center rounded-sm px-2 py-2 text-sm transition-colors outline-none select-none",n&&"bg-accent"),onClick:()=>{return e=t.value,void(m.includes(e)?p(m.filter(r=>r!==e)):p([...m,e]));var e},children:[r("div",{className:"flex flex-1 items-center gap-2",children:[e("span",{"aria-hidden":"true","data-state":n?"checked":"unchecked",className:d("border-input size-4 shrink-0 rounded-[4px] border shadow-xs","flex items-center justify-center transition-colors",n&&"border-primary bg-primary text-primary-foreground"),children:n&&e(s,{className:"size-3.5"})}),r("div",{className:"flex flex-col",children:[e("span",{children:t.label}),t.description&&e("span",{className:"text-muted-foreground text-xs",children:t.description})]})]}),n&&e(s,{className:"ml-auto h-4 w-4"})]},t.value)})})]})]})}
+'use client';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import * as React from 'react';
+import { X, ChevronDown, Check, Search } from 'lucide-react';
+import { Badge } from '../../components/ui/badge';
+import { Input } from '../../components/ui/input';
+import { cn } from '../../shared/lib/utils';
+const MAX_VISIBLE_BADGES = 5;
+export function MultiSelect({ options, selected, onChange, placeholder = 'Select items...', className, disabled = false, }) {
+    const [open, setOpen] = React.useState(false);
+    const [searchQuery, setSearchQuery] = React.useState('');
+    const dropdownRef = React.useRef(null);
+    const searchInputRef = React.useRef(null);
+    // Close dropdown when clicking outside
+    React.useEffect(() => {
+        const handleClickOutside = (event) => {
+            if (dropdownRef.current && !dropdownRef.current.contains(event.target)) {
+                setOpen(false);
+            }
+        };
+        if (open) {
+            document.addEventListener('mousedown', handleClickOutside);
+        }
+        return () => {
+            document.removeEventListener('mousedown', handleClickOutside);
+        };
+    }, [open]);
+    // Focus search input when dropdown opens
+    React.useEffect(() => {
+        if (open && searchInputRef.current) {
+            setTimeout(() => {
+                searchInputRef.current?.focus();
+            }, 0);
+        }
+        else {
+            setSearchQuery('');
+        }
+    }, [open]);
+    const handleToggle = (value) => {
+        if (selected.includes(value)) {
+            onChange(selected.filter((v) => v !== value));
+        }
+        else {
+            onChange([...selected, value]);
+        }
+    };
+    const handleRemove = (value) => {
+        onChange(selected.filter((v) => v !== value));
+    };
+    const selectedOptions = options.filter((option) => selected.includes(option.value));
+    // 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: dropdownRef, className: cn('relative', className), children: [_jsxs("div", { role: "button", tabIndex: disabled ? -1 : 0, "aria-disabled": disabled, onClick: () => !disabled && setOpen(!open), onKeyDown: (e) => {
+                    if (e.key === 'Enter' || e.key === ' ') {
+                        e.preventDefault();
+                        if (!disabled) {
+                            setOpen(!open);
+                        }
+                    }
+                }, className: cn('border-input bg-background placeholder:text-muted-foreground focus:border-ring focus:ring-ring/20 flex min-h-10 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 && 'cursor-not-allowed opacity-50', !selected.length && 'text-muted-foreground'), children: [_jsx("div", { className: "flex flex-1 flex-wrap gap-1", children: selected.length === 0 ? (_jsx("span", { className: "text-muted-foreground", children: placeholder })) : (_jsxs(_Fragment, { children: [selectedOptions.slice(0, MAX_VISIBLE_BADGES).map((option) => (_jsxs(Badge, { variant: "secondary", className: "py-0.5 pr-1 pl-2", children: [_jsx("span", { className: "text-xs", children: option.label }), _jsx("span", { role: "button", tabIndex: 0, className: "ml-1 inline-flex cursor-pointer rounded-full outline-none focus:ring-ring/20 focus:ring-[3px] focus:ring-offset-0", onClick: (e) => {
+                                                e.preventDefault();
+                                                e.stopPropagation();
+                                                handleRemove(option.value);
+                                            }, onKeyDown: (e) => {
+                                                if (e.key === 'Enter' || e.key === ' ') {
+                                                    e.preventDefault();
+                                                    e.stopPropagation();
+                                                    handleRemove(option.value);
+                                                }
+                                            }, children: _jsx(X, { className: "text-muted-foreground hover:text-foreground h-3 w-3" }) })] }, option.value))), selectedOptions.length > MAX_VISIBLE_BADGES && (_jsx(Badge, { variant: "secondary", className: "py-0.5 px-2", children: _jsxs("span", { className: "text-xs", children: ["+", selectedOptions.length - MAX_VISIBLE_BADGES] }) }))] })) }), _jsx(ChevronDown, { className: "ml-2 h-4 w-4 shrink-0 opacity-50" })] }), open && (_jsxs("div", { className: "bg-popover animate-in fade-in-0 zoom-in-95 absolute z-50 mt-2 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-9 pl-8", onClick: (e) => e.stopPropagation() })] }) }), selected.length > 0 && (_jsx("div", { className: "border-b bg-gray-50 p-2", children: _jsxs("div", { className: "flex flex-wrap gap-1", children: [selectedOptions.slice(0, MAX_VISIBLE_BADGES).map((option) => (_jsxs(Badge, { variant: "secondary", className: "py-1 pr-1 pl-2", children: [_jsx("span", { className: "text-xs", children: option.label }), _jsx("span", { role: "button", tabIndex: 0, className: "ml-1 inline-flex cursor-pointer rounded-full outline-none focus:ring-ring/20 focus:ring-[3px] focus:ring-offset-0", onClick: (e) => {
+                                                e.preventDefault();
+                                                e.stopPropagation();
+                                                handleRemove(option.value);
+                                            }, onKeyDown: (e) => {
+                                                if (e.key === 'Enter' || e.key === ' ') {
+                                                    e.preventDefault();
+                                                    e.stopPropagation();
+                                                    handleRemove(option.value);
+                                                }
+                                            }, children: _jsx(X, { className: "text-muted-foreground hover:text-foreground h-3 w-3" }) })] }, option.value))), selectedOptions.length > MAX_VISIBLE_BADGES && (_jsx(Badge, { variant: "secondary", className: "py-1 px-2", children: _jsxs("span", { className: "text-xs", children: ["+", selectedOptions.length - MAX_VISIBLE_BADGES, " m\u1EE5c kh\u00E1c"] }) }))] }) })), _jsx("div", { className: "max-h-[260px] 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ả' : 'No options available' })) : (filteredOptions.map((option) => {
+                            const isSelected = selected.includes(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-2 text-sm transition-colors outline-none select-none', isSelected && 'bg-accent'), onClick: () => handleToggle(option.value), children: [_jsxs("div", { className: "flex flex-1 items-center gap-2", children: [_jsx("span", { "aria-hidden": "true", "data-state": isSelected ? 'checked' : 'unchecked', className: cn('border-input size-4 shrink-0 rounded-[4px] border shadow-xs', 'flex items-center justify-center transition-colors', isSelected && 'border-primary bg-primary text-primary-foreground'), children: isSelected && _jsx(Check, { className: "size-3.5" }) }), _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/points-input.js

@@ -1 +1,33 @@
-"use client";import{jsx as e,jsxs as t}from"react/jsx-runtime";import{forwardRef as r}from"react";import{Input as s}from"../../components/ui/input";import{Label as n}from"../../components/ui/label";import{cn as i}from"../../shared/lib/utils";export const PointsInput=r(({label:r="Điểm số",error:o,required:a=!0,allowZero:m=!1,className:l,id:c,...p},u)=>{const d=c||"points";return t("div",{className:"flex items-center gap-2",children:[t(n,{htmlFor:d,className:"whitespace-nowrap text-sm font-medium",children:[r," ",a&&e("span",{className:"text-red-500",children:"*"})]}),e(s,{ref:u,id:d,type:"number",step:"1",min:m?"0":"1",onInput:e=>{const t=e.target;if(""===t.value)return;const r=t.value.replace(/[^0-9]/g,"");if(""===r)t.value="";else{const e=parseInt(r,10),s=m?0:1;t.value=e<s?s.toString():e.toString()}},className:i("w-20",o&&"border-red-500 focus:ring-red-500",l),...p}),o&&e("p",{className:"text-sm text-red-600",children:o})]})});PointsInput.displayName="PointsInput";
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import { Input } from '../../components/ui/input';
+import { Label } from '../../components/ui/label';
+import { cn } from '../../shared/lib/utils';
+/**
+ * A specialized input component for "Điểm số" (points/score) fields.
+ * - Only accepts positive integers
+ * - Allows clearing the input to enter new values
+ * - Strips non-digit characters automatically
+ */
+export const PointsInput = forwardRef(({ label = 'Điểm số', error, required = true, allowZero = false, className, id, ...props }, ref) => {
+    const inputId = id || 'points';
+    const handleInput = (e) => {
+        const input = e.target;
+        // Allow empty value for clearing
+        if (input.value === '')
+            return;
+        // Remove any non-digit characters and parse as integer
+        const value = input.value.replace(/[^0-9]/g, '');
+        if (value === '') {
+            input.value = '';
+        }
+        else {
+            const intValue = parseInt(value, 10);
+            const minVal = allowZero ? 0 : 1;
+            input.value = intValue < minVal ? minVal.toString() : intValue.toString();
+        }
+    };
+    return (_jsxs("div", { className: "flex items-center gap-2", children: [_jsxs(Label, { htmlFor: inputId, className: "whitespace-nowrap text-sm font-medium", children: [label, " ", required && _jsx("span", { className: "text-red-500", children: "*" })] }), _jsx(Input, { ref: ref, id: inputId, type: "number", step: "1", min: allowZero ? "0" : "1", onInput: handleInput, className: cn('w-20', error && 'border-red-500 focus:ring-red-500', className), ...props }), error && _jsx("p", { className: "text-sm text-red-600", children: error })] }));
+});
+PointsInput.displayName = 'PointsInput';

package/dist/components/ui/popover.js

@@ -1 +1,26 @@
-"use client";import{jsx as t}from"react/jsx-runtime";import{Popover as o}from"radix-ui";import{cn as e}from"../../shared/lib/utils";function a({...e}){return t(o.Root,{"data-slot":"popover",...e})}function r({...e}){return t(o.Trigger,{"data-slot":"popover-trigger",...e})}function n({className:a,align:r="center",sideOffset:n=4,...i}){return t(o.Portal,{children:t(o.Content,{"data-slot":"popover-content",align:r,sideOffset:n,className:e("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-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 z-50 w-72 origin-(--radix-popover-content-transform-origin) rounded-md border p-4 shadow-md outline-hidden",a),...i})})}function i({...e}){return t(o.Anchor,{"data-slot":"popover-anchor",...e})}function s({className:o,...a}){return t("div",{"data-slot":"popover-header",className:e("flex flex-col gap-1 text-sm",o),...a})}function d({className:o,...a}){return t("div",{"data-slot":"popover-title",className:e("font-medium",o),...a})}function l({className:o,...a}){return t("p",{"data-slot":"popover-description",className:e("text-muted-foreground",o),...a})}export{a as Popover,r as PopoverTrigger,n as PopoverContent,i as PopoverAnchor,s as PopoverHeader,d as PopoverTitle,l as PopoverDescription};
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Popover as PopoverPrimitive } from "radix-ui";
+import { cn } from "../../shared/lib/utils";
+function Popover({ ...props }) {
+    return _jsx(PopoverPrimitive.Root, { "data-slot": "popover", ...props });
+}
+function PopoverTrigger({ ...props }) {
+    return _jsx(PopoverPrimitive.Trigger, { "data-slot": "popover-trigger", ...props });
+}
+function PopoverContent({ className, align = "center", sideOffset = 4, ...props }) {
+    return (_jsx(PopoverPrimitive.Portal, { children: _jsx(PopoverPrimitive.Content, { "data-slot": "popover-content", align: align, sideOffset: sideOffset, className: cn("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-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 z-50 w-72 origin-(--radix-popover-content-transform-origin) rounded-md border p-4 shadow-md outline-hidden", className), ...props }) }));
+}
+function PopoverAnchor({ ...props }) {
+    return _jsx(PopoverPrimitive.Anchor, { "data-slot": "popover-anchor", ...props });
+}
+function PopoverHeader({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "popover-header", className: cn("flex flex-col gap-1 text-sm", className), ...props }));
+}
+function PopoverTitle({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "popover-title", className: cn("font-medium", className), ...props }));
+}
+function PopoverDescription({ className, ...props }) {
+    return (_jsx("p", { "data-slot": "popover-description", className: cn("text-muted-foreground", className), ...props }));
+}
+export { Popover, PopoverTrigger, PopoverContent, PopoverAnchor, PopoverHeader, PopoverTitle, PopoverDescription, };

package/dist/components/ui/progress.js

@@ -1 +1,16 @@
-"use client";import{jsx as r}from"react/jsx-runtime";import*as e from"react";import*as a from"@radix-ui/react-progress";import{cn as l}from"../../shared/lib/utils";const o=e.forwardRef(({className:e,value:o,...s},t)=>r(a.Root,{ref:t,className:l("relative h-2 w-full overflow-hidden rounded-full bg-gray-200",e),...s,children:r(a.Indicator,{className:l("h-full w-full flex-1 rounded-full transition-all",o&&o>=80?"bg-green-500":o&&o>=50?"bg-blue-500":o&&o>=30?"bg-orange-500":"bg-red-500"),style:{transform:`translateX(-${100-(o||0)}%)`}})}));o.displayName=a.Root.displayName;export{o as Progress};
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import * as ProgressPrimitive from '@radix-ui/react-progress';
+import { cn } from '../../shared/lib/utils';
+const Progress = React.forwardRef(({ className, value, ...props }, ref) => (_jsx(ProgressPrimitive.Root, { ref: ref, className: cn('relative h-2 w-full overflow-hidden rounded-full bg-gray-200', className), ...props, children: _jsx(ProgressPrimitive.Indicator, { className: cn('h-full w-full flex-1 rounded-full transition-all', 
+        // Mantis style - Green progress bar
+        value && value >= 80
+            ? 'bg-green-500'
+            : value && value >= 50
+                ? 'bg-blue-500'
+                : value && value >= 30
+                    ? 'bg-orange-500'
+                    : 'bg-red-500'), style: { transform: `translateX(-${100 - (value || 0)}%)` } }) })));
+Progress.displayName = ProgressPrimitive.Root.displayName;
+export { Progress };

package/dist/components/ui/radio-group.js

@@ -1 +1,12 @@
-"use client";import{jsx as r}from"react/jsx-runtime";import*as i from"@radix-ui/react-radio-group";import{CircleIcon as a}from"lucide-react";import{cn as e}from"../../shared/lib/utils";function t({className:a,...t}){return r(i.Root,{"data-slot":"radio-group",className:e("grid gap-3",a),...t})}function s({className:t,...s}){return r(i.Item,{"data-slot":"radio-group-item",className:e("border-input text-primary focus-visible:border-ring focus-visible:ring-ring/20 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 aspect-square size-4 shrink-0 rounded-full border shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:ring-offset-0 disabled:cursor-not-allowed disabled:opacity-50",t),...s,children:r(i.Indicator,{"data-slot":"radio-group-indicator",className:"relative flex items-center justify-center",children:r(a,{className:"fill-primary absolute top-1/2 left-1/2 size-2 -translate-x-1/2 -translate-y-1/2"})})})}export{t as RadioGroup,s as RadioGroupItem};
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
+import { CircleIcon } from 'lucide-react';
+import { cn } from '../../shared/lib/utils';
+function RadioGroup({ className, ...props }) {
+    return (_jsx(RadioGroupPrimitive.Root, { "data-slot": "radio-group", className: cn('grid gap-3', className), ...props }));
+}
+function RadioGroupItem({ className, ...props }) {
+    return (_jsx(RadioGroupPrimitive.Item, { "data-slot": "radio-group-item", className: cn('border-input text-primary focus-visible:border-ring focus-visible:ring-ring/20 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 aspect-square size-4 shrink-0 rounded-full border shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:ring-offset-0 disabled:cursor-not-allowed disabled:opacity-50', className), ...props, children: _jsx(RadioGroupPrimitive.Indicator, { "data-slot": "radio-group-indicator", className: "relative flex items-center justify-center", children: _jsx(CircleIcon, { className: "fill-primary absolute top-1/2 left-1/2 size-2 -translate-x-1/2 -translate-y-1/2" }) }) }));
+}
+export { RadioGroup, RadioGroupItem };

package/dist/components/ui/scroll-area.js

@@ -1 +1,11 @@
-"use client";import{jsx as r,jsxs as e}from"react/jsx-runtime";import*as l from"@radix-ui/react-scroll-area";import{cn as o}from"../../shared/lib/utils";function a({className:a,children:s,...i}){return e(l.Root,{"data-slot":"scroll-area",className:o("relative",a),...i,children:[r(l.Viewport,{"data-slot":"scroll-area-viewport",className:"focus-visible:ring-ring/20 size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:ring-offset-0 focus-visible:outline-1",children:s}),r(t,{}),r(l.Corner,{})]})}function t({className:e,orientation:a="vertical",...t}){return r(l.ScrollAreaScrollbar,{"data-slot":"scroll-area-scrollbar",orientation:a,className:o("flex touch-none p-px transition-colors select-none","vertical"===a&&"h-full w-2.5 border-l border-l-transparent","horizontal"===a&&"h-2.5 flex-col border-t border-t-transparent",e),...t,children:r(l.ScrollAreaThumb,{"data-slot":"scroll-area-thumb",className:"bg-border relative flex-1 rounded-full"})})}export{a as ScrollArea,t as ScrollBar};
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
+import { cn } from '../../shared/lib/utils';
+function ScrollArea({ className, children, ...props }) {
+    return (_jsxs(ScrollAreaPrimitive.Root, { "data-slot": "scroll-area", className: cn('relative', className), ...props, children: [_jsx(ScrollAreaPrimitive.Viewport, { "data-slot": "scroll-area-viewport", className: "focus-visible:ring-ring/20 size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:ring-offset-0 focus-visible:outline-1", children: children }), _jsx(ScrollBar, {}), _jsx(ScrollAreaPrimitive.Corner, {})] }));
+}
+function ScrollBar({ className, orientation = 'vertical', ...props }) {
+    return (_jsx(ScrollAreaPrimitive.ScrollAreaScrollbar, { "data-slot": "scroll-area-scrollbar", orientation: orientation, className: cn('flex touch-none p-px transition-colors select-none', orientation === 'vertical' && 'h-full w-2.5 border-l border-l-transparent', orientation === 'horizontal' && 'h-2.5 flex-col border-t border-t-transparent', className), ...props, children: _jsx(ScrollAreaPrimitive.ScrollAreaThumb, { "data-slot": "scroll-area-thumb", className: "bg-border relative flex-1 rounded-full" }) }));
+}
+export { ScrollArea, ScrollBar };

package/dist/components/ui/select.js

@@ -1 +1,38 @@
-"use client";import{jsx as e,jsxs as t}from"react/jsx-runtime";import*as a from"@radix-ui/react-select";import{CheckIcon as s,ChevronDownIcon as r,ChevronUpIcon as o}from"lucide-react";import{cn as i}from"../../shared/lib/utils";function n({...t}){return e(a.Root,{"data-slot":"select",...t})}function l({...t}){return e(a.Group,{"data-slot":"select-group",...t})}function d({...t}){return e(a.Value,{"data-slot":"select-value",...t})}function c({className:s,size:o="default",children:n,...l}){return t(a.Trigger,{"data-slot":"select-trigger","data-size":o,className:i("border-input data-[placeholder]:text-muted-foreground [&_svg:not([class*='text-'])]:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/20 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 dark:hover:bg-input/50 flex w-fit items-center justify-between gap-2 rounded-md border bg-transparent px-3 py-2 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:ring-offset-0 disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",s),...l,children:[n,e(a.Icon,{asChild:!0,children:e(r,{className:"size-4 opacity-50"})})]})}function u({className:s,children:r,position:o="popper",align:n="center",...l}){return e(a.Portal,{children:t(a.Content,{"data-slot":"select-content",className:i("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-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 relative z-50 max-h-(--radix-select-content-available-height) min-w-[8rem] origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border shadow-md","popper"===o&&"data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",s),position:o,align:n,...l,children:[e(g,{}),e(a.Viewport,{className:i("p-1","popper"===o&&"h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1"),children:r}),e(h,{})]})})}function m({className:t,...s}){return e(a.Label,{"data-slot":"select-label",className:i("text-muted-foreground px-2 py-1.5 text-xs",t),...s})}function p({className:r,children:o,...n}){return t(a.Item,{"data-slot":"select-item",className:i("focus:bg-accent focus:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2",r),...n,children:[e("span",{className:"absolute right-2 flex size-3.5 items-center justify-center",children:e(a.ItemIndicator,{children:e(s,{className:"size-4"})})}),e(a.ItemText,{children:o})]})}function f({className:t,...s}){return e(a.Separator,{"data-slot":"select-separator",className:i("bg-border pointer-events-none -mx-1 my-1 h-px",t),...s})}function g({className:t,...s}){return e(a.ScrollUpButton,{"data-slot":"select-scroll-up-button",className:i("flex cursor-default items-center justify-center py-1",t),...s,children:e(o,{className:"size-4"})})}function h({className:t,...s}){return e(a.ScrollDownButton,{"data-slot":"select-scroll-down-button",className:i("flex cursor-default items-center justify-center py-1",t),...s,children:e(r,{className:"size-4"})})}export{n as Select,u as SelectContent,l as SelectGroup,p as SelectItem,m as SelectLabel,h as SelectScrollDownButton,g as SelectScrollUpButton,f as SelectSeparator,c as SelectTrigger,d as SelectValue};
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as SelectPrimitive from '@radix-ui/react-select';
+import { CheckIcon, ChevronDownIcon, ChevronUpIcon } from 'lucide-react';
+import { cn } from '../../shared/lib/utils';
+function Select({ ...props }) {
+    return _jsx(SelectPrimitive.Root, { "data-slot": "select", ...props });
+}
+function SelectGroup({ ...props }) {
+    return _jsx(SelectPrimitive.Group, { "data-slot": "select-group", ...props });
+}
+function SelectValue({ ...props }) {
+    return _jsx(SelectPrimitive.Value, { "data-slot": "select-value", ...props });
+}
+function SelectTrigger({ className, size = 'default', children, ...props }) {
+    return (_jsxs(SelectPrimitive.Trigger, { "data-slot": "select-trigger", "data-size": size, className: cn("border-input data-[placeholder]:text-muted-foreground [&_svg:not([class*='text-'])]:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/20 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 dark:hover:bg-input/50 flex w-fit items-center justify-between gap-2 rounded-md border bg-transparent px-3 py-2 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:ring-offset-0 disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className), ...props, children: [children, _jsx(SelectPrimitive.Icon, { asChild: true, children: _jsx(ChevronDownIcon, { className: "size-4 opacity-50" }) })] }));
+}
+function SelectContent({ className, children, position = 'popper', align = 'center', ...props }) {
+    return (_jsx(SelectPrimitive.Portal, { children: _jsxs(SelectPrimitive.Content, { "data-slot": "select-content", className: cn('bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-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 relative z-50 max-h-(--radix-select-content-available-height) min-w-[8rem] origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border shadow-md', position === 'popper' &&
+                'data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1', className), position: position, align: align, ...props, children: [_jsx(SelectScrollUpButton, {}), _jsx(SelectPrimitive.Viewport, { className: cn('p-1', position === 'popper' &&
+                        'h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1'), children: children }), _jsx(SelectScrollDownButton, {})] }) }));
+}
+function SelectLabel({ className, ...props }) {
+    return (_jsx(SelectPrimitive.Label, { "data-slot": "select-label", className: cn('text-muted-foreground px-2 py-1.5 text-xs', className), ...props }));
+}
+function SelectItem({ className, children, ...props }) {
+    return (_jsxs(SelectPrimitive.Item, { "data-slot": "select-item", className: cn("focus:bg-accent focus:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2", className), ...props, children: [_jsx("span", { className: "absolute right-2 flex size-3.5 items-center justify-center", children: _jsx(SelectPrimitive.ItemIndicator, { children: _jsx(CheckIcon, { className: "size-4" }) }) }), _jsx(SelectPrimitive.ItemText, { children: children })] }));
+}
+function SelectSeparator({ className, ...props }) {
+    return (_jsx(SelectPrimitive.Separator, { "data-slot": "select-separator", className: cn('bg-border pointer-events-none -mx-1 my-1 h-px', className), ...props }));
+}
+function SelectScrollUpButton({ className, ...props }) {
+    return (_jsx(SelectPrimitive.ScrollUpButton, { "data-slot": "select-scroll-up-button", className: cn('flex cursor-default items-center justify-center py-1', className), ...props, children: _jsx(ChevronUpIcon, { className: "size-4" }) }));
+}
+function SelectScrollDownButton({ className, ...props }) {
+    return (_jsx(SelectPrimitive.ScrollDownButton, { "data-slot": "select-scroll-down-button", className: cn('flex cursor-default items-center justify-center py-1', className), ...props, children: _jsx(ChevronDownIcon, { className: "size-4" }) }));
+}
+export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, };