@tinyweb_dev/oe-exam-sdk 0.1.0 → 0.1.2

package/dist/components/themes/summer-sky/SummerSkyWaitingRoom.js

@@ -1,195 +1 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState, useEffect, useRef } from 'react';
-import Image from 'next/image';
-import { SummerSkyLayout } from './SummerSkyLayout';
-import { useSpeakingRecorder } from '../../../components/exams/take/hooks/useSpeakingRecorder';
-import styles from './assets/styles/SummerSkyWaitingRoom.module.css';
-import instructionStepImg from './assets/images/instruction-step.png';
-import mascotImg from './assets/images/oceanedu-mascot.png';
-import radioCheckImg from './assets/images/radio-check.png';
-import nextBtnImg from './assets/images/next-btn.png';
-import startExamImg from './assets/images/start-exam.png';
-import checkMicBtnImg from './assets/images/check-mic-btn.png';
-import stopMicImg from './assets/images/stop-mic.png';
-import micIconImg from './assets/images/mic-icon.png';
-import audioIconImg from './assets/images/audio-icon.png';
-const INSTRUCTION_VIDEO_SRC = '/speaking/video/instruction.webm';
-const CHECK_MICROPHONE_VIDEO_SRC = '/speaking/video/check_microphone.webm';
-const TEACHER_VIDEO_PLAYBACK_RATE = 1.25;
-export function SummerSkyWaitingRoom({ room, onStart, isStarting, onExit }) {
-    const [step, setStep] = useState('instructions');
-    const [progressMs, setProgressMs] = useState(0);
-    // Playback state for after recording
-    const audioRef = useRef(null);
-    const [isPlaying, setIsPlaying] = useState(false);
-    const [playProgress, setPlayProgress] = useState(0);
-    const [totalDurationSec, setTotalDurationSec] = useState(null);
-    // Teacher video
-    const teacherVideoRef = useRef(null);
-    const [teacherVideoEnded, setTeacherVideoEnded] = useState(false);
-    const skipWaitingRoomAudio = process.env.NEXT_PUBLIC_SKIP_WAITING_ROOM_AUDIO === 'true';
-    const canProceed = teacherVideoEnded || skipWaitingRoomAudio;
-    useEffect(() => {
-        const video = teacherVideoRef.current;
-        if (!video)
-            return;
-        video.muted = false;
-        video.playbackRate = TEACHER_VIDEO_PLAYBACK_RATE;
-        const playPromise = video.play();
-        if (playPromise !== undefined) {
-            playPromise.catch(() => {
-                // Autoplay with sound blocked by browser — mute and retry.
-                if (teacherVideoRef.current) {
-                    teacherVideoRef.current.muted = true;
-                    teacherVideoRef.current.playbackRate = TEACHER_VIDEO_PLAYBACK_RATE;
-                    // Guard the retry: if the source is still unplayable (e.g. unsupported
-                    // codec), play() rejects again — swallow it so it never surfaces as an
-                    // unhandledrejection. The <video> onError handler lets the user proceed.
-                    const retryPromise = teacherVideoRef.current.play();
-                    if (retryPromise !== undefined) {
-                        retryPromise.catch(() => {
-                            setTeacherVideoEnded(true);
-                        });
-                    }
-                }
-            });
-        }
-    }, [step]);
-    // Reset video state when switching steps so new video plays
-    useEffect(() => {
-        setTeacherVideoEnded(false);
-        if (teacherVideoRef.current) {
-            teacherVideoRef.current.currentTime = 0;
-            teacherVideoRef.current.playbackRate = TEACHER_VIDEO_PLAYBACK_RATE;
-        }
-    }, [step]);
-    const recorder = useSpeakingRecorder({
-        attemptId: 'mock-attempt-speaking',
-        questionId: 'mock-question',
-        maxDurationMs: 10000,
-        onRecordingComplete: () => { },
-    });
-    useEffect(() => {
-        let interval;
-        if (recorder.status === 'recording') {
-            const startTime = Date.now();
-            interval = setInterval(() => {
-                setProgressMs(Date.now() - startTime);
-            }, 50);
-        }
-        else {
-            setProgressMs(0);
-        }
-        return () => clearInterval(interval);
-    }, [recorder.status]);
-    const examName = room.exam?.name || 'BÀI THI NÓI';
-    const formatTime = (ms) => {
-        const totalSec = Math.floor(ms / 1000);
-        const min = Math.floor(totalSec / 60);
-        const sec = totalSec % 60;
-        return `${min}:${sec.toString().padStart(2, '0')} / 0:10`;
-    };
-    const togglePlayback = (e) => {
-        e.stopPropagation();
-        if (!audioRef.current)
-            return;
-        if (isPlaying) {
-            audioRef.current.pause();
-            setIsPlaying(false);
-        }
-        else {
-            audioRef.current.play().catch(() => {
-                // Source unplayable — keep UI consistent instead of throwing.
-                setIsPlaying(false);
-            });
-            setIsPlaying(true);
-        }
-    };
-    const handleAudioTimeUpdate = () => {
-        if (audioRef.current && audioRef.current.duration) {
-            setPlayProgress((audioRef.current.currentTime / audioRef.current.duration) * 100);
-        }
-    };
-    const handleAudioEnded = () => {
-        setIsPlaying(false);
-        setPlayProgress(0);
-    };
-    return (_jsx(SummerSkyLayout, { onExit: onExit, partName: examName, instruction: "", audioUrl: "", canGoPrev: false, canGoNext: false, onPrev: () => {
-            if (step === 'mic-test')
-                setStep('instructions');
-        }, onNext: () => {
-            if (step === 'instructions')
-                setStep('mic-test');
-        }, hideAudioBar: true, hideFooterTitle: true, questionNumber: 1, recorder: null, headerRight: null, children: _jsxs("div", { className: styles.waitingRoomContainer, children: [_jsxs("div", { className: styles.teacherFloating, children: [_jsx("div", { className: styles.teacherGlow }), _jsxs("div", { style: { position: 'relative' }, children: [_jsx("video", { ref: teacherVideoRef, className: styles.teacherVideo, src: step === 'mic-test' ? CHECK_MICROPHONE_VIDEO_SRC : INSTRUCTION_VIDEO_SRC, autoPlay: true, muted: true, playsInline: true, onEnded: () => setTeacherVideoEnded(true), onError: () => {
-                                        // If the video source fails to load/decode, treat it as ended so
-                                        // the student is never stuck in the waiting room.
-                                        setTeacherVideoEnded(true);
-                                    }, style: {
-                                        opacity: teacherVideoEnded ? 0 : 1,
-                                        transition: 'opacity 0.6s ease-in-out',
-                                    } }), _jsx("img", { className: styles.teacherVideo, src: "/speaking/image/teacher_ai_smile.png", alt: "AI Teacher", style: {
-                                        position: 'absolute',
-                                        top: 0,
-                                        left: 0,
-                                        opacity: teacherVideoEnded ? 1 : 0,
-                                        transition: 'opacity 0.6s ease-in-out',
-                                    } })] })] }), step === 'instructions' && (_jsxs("div", { className: styles.introBoard, children: [_jsx("h2", { className: styles.title, children: "H\u01B0\u1EDBng d\u1EABn chung" }), _jsx("div", { className: styles.instructionIconsWrap, style: { display: 'flex', justifyContent: 'center', width: '100%', marginBottom: '48px', marginTop: '5%' }, children: _jsx(Image, { src: instructionStepImg, alt: "H\u01B0\u1EDBng d\u1EABn c\u00E1c b\u01B0\u1EDBc", style: { width: '75%', height: 'auto', objectFit: 'contain' } }) }), _jsxs("div", { className: styles.aiBanner, children: [_jsx("div", { className: styles.aiBannerIcon, children: _jsx(Image, { src: mascotImg, alt: "OceanEdu Mascot", width: 100, height: 100, style: { borderRadius: '50%', objectFit: 'cover' } }) }), _jsxs("div", { className: styles.aiBannerContent, children: [_jsx("p", { className: styles.aiBannerTitle, children: "Y\u00EAu c\u1EA7u Ocean Edu AI Ch\u1EA5m \u0111i\u1EC3m" }), _jsx("p", { className: styles.aiBannerDesc, children: "H\u1EC7 th\u1ED1ng AI chuy\u00EAn gia s\u1EBD t\u1EF1 \u0111\u1ED9ng ch\u1EA5m \u0111i\u1EC3m b\u00E0i thi c\u1EE7a b\u1EA1n 1 c\u00E1ch ch\u00EDnh x\u00E1c v\u00E0 kh\u00E1ch quan nh\u1EA5t." })] }), _jsx("div", { className: styles.aiBannerRadio, children: _jsx(Image, { src: radioCheckImg, alt: "Radio Check", width: 56, height: 56 }) })] }), _jsx("div", { className: styles.stepButtonContainer, children: _jsx("div", { className: `transition-transform ${canProceed ? 'cursor-pointer hover:scale-[1.02] active:scale-[0.98]' : 'cursor-not-allowed opacity-50 grayscale'}`, tabIndex: canProceed ? 0 : -1, onClick: () => {
-                                    if (!canProceed)
-                                        return;
-                                    setStep('mic-test');
-                                }, children: _jsx(Image, { src: nextBtnImg, alt: "B\u01B0\u1EDBc ti\u1EBFp theo", style: { width: '280px', height: 'auto' } }) }) }), _jsx("div", { className: styles.spacer })] })), step === 'mic-test' && (_jsxs("div", { className: styles.introBoard, children: [_jsx("h2", { className: styles.title, style: { marginBottom: '40px' }, children: "KI\u1EC2M TRA MIC" }), _jsxs("div", { className: styles.micTestContainer, children: [_jsxs("div", { className: styles.micTestInstructionWrap, style: { margin: '-100px auto 48px auto', width: 'fit-content', textAlign: 'left' }, children: [_jsx("h3", { style: {
-                                                color: '#2C38B6',
-                                                fontFamily: '"SVN-Volte Rounded", sans-serif',
-                                                fontSize: '28px',
-                                                fontWeight: 700,
-                                                lineHeight: '1.5',
-                                                textTransform: 'uppercase',
-                                                marginBottom: '24px',
-                                                letterSpacing: '-0.01em'
-                                            }, children: "H\u01AF\u1EDANG D\u1EAAN" }), _jsxs("ul", { style: {
-                                                listStyle: 'none',
-                                                padding: 0,
-                                                margin: 0,
-                                                color: '#343A40',
-                                                fontFamily: '"SVN-Volte Rounded", sans-serif',
-                                                fontSize: '20px',
-                                                fontWeight: 600,
-                                                lineHeight: '1.8',
-                                                letterSpacing: '-0.01em'
-                                            }, children: [_jsx("li", { children: "1. Nh\u1EA5n n\u00FAt Ki\u1EC3m tra mic b\u00EAn d\u01B0\u1EDBi" }), _jsx("li", { children: "2. Ch\u1ECDn Cho Ph\u00E9p (Allow) khi tr\u00ECnh duy\u1EC7t y\u00EAu c\u1EA7u quy\u1EC1n truy c\u1EADp" }), _jsx("li", { children: "3. Sau khi ki\u1EC3m tra Micro th\u00E0nh c\u00F4ng, nh\u1EA5n n\u00FAt B\u1EAFt \u0111\u1EA7u b\u00E0i thi" })] })] }), _jsxs("div", { className: `transition-transform hover:scale-[1.02] active:scale-[0.98] ${recorder.status === 'recording' ? 'animate-pulse' : ''}`, style: {
-                                        background: '#044E96',
-                                        borderRadius: '28px',
-                                        width: '700px',
-                                        height: '56px',
-                                        display: 'flex',
-                                        alignItems: 'center',
-                                        cursor: 'pointer',
-                                        padding: '0 24px 0 2px',
-                                        gap: '16px',
-                                        margin: '0 auto'
-                                    }, onClick: (e) => {
-                                        if (recorder.previewUrl) {
-                                            togglePlayback(e);
-                                        }
-                                        else {
-                                            recorder.status === 'recording' ? recorder.stopRecording() : recorder.startRecording();
-                                        }
-                                    }, children: [recorder.previewUrl && (_jsx("audio", { ref: audioRef, src: recorder.previewUrl, onTimeUpdate: handleAudioTimeUpdate, onEnded: handleAudioEnded, onLoadedMetadata: (e) => {
-                                                setTotalDurationSec(Math.round(e.target.duration));
-                                            }, style: { display: 'none' } })), recorder.previewUrl ? (_jsx(Image, { src: audioIconImg, alt: "Ph\u00E1t \u00E2m thanh", style: { width: '72px', height: '72px', objectFit: 'contain', marginLeft: '-16px' } })) : (_jsx(Image, { src: micIconImg, alt: "Microphone", style: { width: '72px', height: '72px', objectFit: 'contain', marginLeft: '-16px' } })), _jsx("div", { style: { flex: 1, height: '12px', background: '#FFF', borderRadius: '6px', overflow: 'hidden' }, children: _jsx("div", { style: {
-                                                    height: '100%',
-                                                    background: '#7DB5FA',
-                                                    width: recorder.previewUrl ? `${playProgress}%` : `${Math.min((progressMs / 10000) * 100, 100)}%`,
-                                                    transition: 'width 0.1s linear'
-                                                } }) }), _jsxs("div", { style: {
-                                                color: '#FFF',
-                                                fontSize: '20px',
-                                                fontWeight: 600,
-                                                fontFamily: '"SVN-Volte Rounded", sans-serif',
-                                                width: '60px',
-                                                textAlign: 'right',
-                                                letterSpacing: '1px'
-                                            }, children: ["00:", (recorder.previewUrl ? (totalDurationSec || 0) : Math.min(Math.floor(progressMs / 1000), 10)).toString().padStart(2, '0')] })] })] }), _jsx("div", { className: styles.stepButtonContainer, children: recorder.previewUrl ? (_jsx("div", { className: `transition-transform ${(!isStarting && canProceed) ? 'cursor-pointer hover:scale-[1.02] active:scale-[0.98]' : 'cursor-not-allowed opacity-70 grayscale'}`, tabIndex: (!isStarting && canProceed) ? 0 : -1, onClick: (!isStarting && canProceed) ? onStart : undefined, children: _jsx(Image, { src: startExamImg, alt: "B\u1EAFt \u0111\u1EA7u b\u00E0i thi", style: { width: '280px', height: 'auto' } }) })) : (_jsx("div", { className: `transition-transform ${canProceed ? 'cursor-pointer hover:scale-[1.02] active:scale-[0.98]' : 'cursor-not-allowed opacity-70 grayscale'}`, tabIndex: canProceed ? 0 : -1, onClick: canProceed ? (recorder.status === 'recording' ? recorder.stopRecording : recorder.startRecording) : undefined, children: _jsx(Image, { src: recorder.status === 'recording' ? stopMicImg : checkMicBtnImg, alt: recorder.status === 'recording' ? "Dừng kiểm tra" : "Kiểm tra mic", style: { width: '280px', height: 'auto' } }) })) })] }))] }) }));
-}
-//# sourceMappingURL=SummerSkyWaitingRoom.js.map
+"use client";import{jsx as t,jsxs as e}from"react/jsx-runtime";import{useState as i,useEffect as n,useRef as r}from"react";import a from"next/image";import{SummerSkyLayout as o}from"./SummerSkyLayout";import{useSpeakingRecorder as s}from"../../../components/exams/take/hooks/useSpeakingRecorder";import c from"./assets/styles/SummerSkyWaitingRoom.module.css";import l from"./assets/images/instruction-step.png";import d from"./assets/images/oceanedu-mascot.png";import m from"./assets/images/radio-check.png";import h from"./assets/images/next-btn.png";import p from"./assets/images/start-exam.png";import u from"./assets/images/check-mic-btn.png";import g from"./assets/images/stop-mic.png";import y from"./assets/images/mic-icon.png";import v from"./assets/images/audio-icon.png";const x=1.25;export function SummerSkyWaitingRoom({room:f,onStart:N,isStarting:w,onExit:k}){const[b,I]=i("instructions"),[R,S]=i(0),B=r(null),[C,F]=i(!1),[T,A]=i(0),[M,U]=i(null),E=r(null),[j,D]=i(!1),P="true"===process.env.NEXT_PUBLIC_SKIP_WAITING_ROOM_AUDIO,V=j||P;n(()=>{const t=E.current;if(!t)return;t.muted=!1,t.playbackRate=x;const e=t.play();void 0!==e&&e.catch(()=>{if(E.current){E.current.muted=!0,E.current.playbackRate=x;const t=E.current.play();void 0!==t&&t.catch(()=>{D(!0)})}})},[b]),n(()=>{D(!1),E.current&&(E.current.currentTime=0,E.current.playbackRate=x)},[b]);const W=s({attemptId:"mock-attempt-speaking",questionId:"mock-question",maxDurationMs:1e4,onRecordingComplete:()=>{}});n(()=>{let t;if("recording"===W.status){const e=Date.now();t=setInterval(()=>{S(Date.now()-e)},50)}else S(0);return()=>clearInterval(t)},[W.status]);const _=f.exam?.name||"BÀI THI NÓI";return t(o,{onExit:k,partName:_,instruction:"",audioUrl:"",canGoPrev:!1,canGoNext:!1,onPrev:()=>{"mic-test"===b&&I("instructions")},onNext:()=>{"instructions"===b&&I("mic-test")},hideAudioBar:!0,hideFooterTitle:!0,questionNumber:1,recorder:null,headerRight:null,children:e("div",{className:c.waitingRoomContainer,children:[e("div",{className:c.teacherFloating,children:[t("div",{className:c.teacherGlow}),e("div",{style:{position:"relative"},children:[t("video",{ref:E,className:c.teacherVideo,src:"mic-test"===b?"/speaking/video/check_microphone.webm":"/speaking/video/instruction.webm",autoPlay:!0,muted:!0,playsInline:!0,onEnded:()=>D(!0),onError:()=>{D(!0)},style:{opacity:j?0:1,transition:"opacity 0.6s ease-in-out"}}),t("img",{className:c.teacherVideo,src:"/speaking/image/teacher_ai_smile.png",alt:"AI Teacher",style:{position:"absolute",top:0,left:0,opacity:j?1:0,transition:"opacity 0.6s ease-in-out"}})]})]}),"instructions"===b&&e("div",{className:c.introBoard,children:[t("h2",{className:c.title,children:"Hướng dẫn chung"}),t("div",{className:c.instructionIconsWrap,style:{display:"flex",justifyContent:"center",width:"100%",marginBottom:"48px",marginTop:"5%"},children:t(a,{src:l,alt:"Hướng dẫn các bước",style:{width:"75%",height:"auto",objectFit:"contain"}})}),e("div",{className:c.aiBanner,children:[t("div",{className:c.aiBannerIcon,children:t(a,{src:d,alt:"OceanEdu Mascot",width:100,height:100,style:{borderRadius:"50%",objectFit:"cover"}})}),e("div",{className:c.aiBannerContent,children:[t("p",{className:c.aiBannerTitle,children:"Yêu cầu Ocean Edu AI Chấm điểm"}),t("p",{className:c.aiBannerDesc,children:"Hệ thống AI chuyên gia sẽ tự động chấm điểm bài thi của bạn 1 cách chính xác và khách quan nhất."})]}),t("div",{className:c.aiBannerRadio,children:t(a,{src:m,alt:"Radio Check",width:56,height:56})})]}),t("div",{className:c.stepButtonContainer,children:t("div",{className:"transition-transform "+(V?"cursor-pointer hover:scale-[1.02] active:scale-[0.98]":"cursor-not-allowed opacity-50 grayscale"),tabIndex:V?0:-1,onClick:()=>{V&&I("mic-test")},children:t(a,{src:h,alt:"Bước tiếp theo",style:{width:"280px",height:"auto"}})})}),t("div",{className:c.spacer})]}),"mic-test"===b&&e("div",{className:c.introBoard,children:[t("h2",{className:c.title,style:{marginBottom:"40px"},children:"KIỂM TRA MIC"}),e("div",{className:c.micTestContainer,children:[e("div",{className:c.micTestInstructionWrap,style:{margin:"-100px auto 48px auto",width:"fit-content",textAlign:"left"},children:[t("h3",{style:{color:"#2C38B6",fontFamily:'"SVN-Volte Rounded", sans-serif',fontSize:"28px",fontWeight:700,lineHeight:"1.5",textTransform:"uppercase",marginBottom:"24px",letterSpacing:"-0.01em"},children:"HƯỚNG DẪN"}),e("ul",{style:{listStyle:"none",padding:0,margin:0,color:"#343A40",fontFamily:'"SVN-Volte Rounded", sans-serif',fontSize:"20px",fontWeight:600,lineHeight:"1.8",letterSpacing:"-0.01em"},children:[t("li",{children:"1. Nhấn nút Kiểm tra mic bên dưới"}),t("li",{children:"2. Chọn Cho Phép (Allow) khi trình duyệt yêu cầu quyền truy cập"}),t("li",{children:"3. Sau khi kiểm tra Micro thành công, nhấn nút Bắt đầu bài thi"})]})]}),e("div",{className:"transition-transform hover:scale-[1.02] active:scale-[0.98] "+("recording"===W.status?"animate-pulse":""),style:{background:"#044E96",borderRadius:"28px",width:"700px",height:"56px",display:"flex",alignItems:"center",cursor:"pointer",padding:"0 24px 0 2px",gap:"16px",margin:"0 auto"},onClick:t=>{W.previewUrl?(t=>{t.stopPropagation(),B.current&&(C?(B.current.pause(),F(!1)):(B.current.play().catch(()=>{F(!1)}),F(!0)))})(t):"recording"===W.status?W.stopRecording():W.startRecording()},children:[W.previewUrl&&t("audio",{ref:B,src:W.previewUrl,onTimeUpdate:()=>{B.current&&B.current.duration&&A(B.current.currentTime/B.current.duration*100)},onEnded:()=>{F(!1),A(0)},onLoadedMetadata:t=>{U(Math.round(t.target.duration))},style:{display:"none"}}),W.previewUrl?t(a,{src:v,alt:"Phát âm thanh",style:{width:"72px",height:"72px",objectFit:"contain",marginLeft:"-16px"}}):t(a,{src:y,alt:"Microphone",style:{width:"72px",height:"72px",objectFit:"contain",marginLeft:"-16px"}}),t("div",{style:{flex:1,height:"12px",background:"#FFF",borderRadius:"6px",overflow:"hidden"},children:t("div",{style:{height:"100%",background:"#7DB5FA",width:W.previewUrl?`${T}%`:`${Math.min(R/1e4*100,100)}%`,transition:"width 0.1s linear"}})}),e("div",{style:{color:"#FFF",fontSize:"20px",fontWeight:600,fontFamily:'"SVN-Volte Rounded", sans-serif',width:"60px",textAlign:"right",letterSpacing:"1px"},children:["00:",(W.previewUrl?M||0:Math.min(Math.floor(R/1e3),10)).toString().padStart(2,"0")]})]})]}),t("div",{className:c.stepButtonContainer,children:W.previewUrl?t("div",{className:"transition-transform "+(!w&&V?"cursor-pointer hover:scale-[1.02] active:scale-[0.98]":"cursor-not-allowed opacity-70 grayscale"),tabIndex:!w&&V?0:-1,onClick:!w&&V?N:void 0,children:t(a,{src:p,alt:"Bắt đầu bài thi",style:{width:"280px",height:"auto"}})}):t("div",{className:"transition-transform "+(V?"cursor-pointer hover:scale-[1.02] active:scale-[0.98]":"cursor-not-allowed opacity-70 grayscale"),tabIndex:V?0:-1,onClick:V?"recording"===W.status?W.stopRecording:W.startRecording:void 0,children:t(a,{src:"recording"===W.status?g:u,alt:"recording"===W.status?"Dừng kiểm tra":"Kiểm tra mic",style:{width:"280px",height:"auto"}})})})]})]})})}

package/dist/components/themes/types.d.ts

@@ -59,4 +59,3 @@ export interface StandardQuestionCardProps {
     className?: string;
     partName?: string;
 }
-//# sourceMappingURL=types.d.ts.map

package/dist/components/themes/types.js

@@ -1,2 +1 @@
-export {};
-//# sourceMappingURL=types.js.map
+export{};

package/dist/components/ui/alert-dialog.d.ts

@@ -18,4 +18,3 @@ declare const AlertDialogDescription: React.ForwardRefExoticComponent<Omit<Alert
 declare const AlertDialogAction: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogActionProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 declare const AlertDialogCancel: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogCancelProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 export { AlertDialog, AlertDialogPortal, AlertDialogOverlay, AlertDialogTrigger, AlertDialogContent, AlertDialogHeader, AlertDialogFooter, AlertDialogTitle, AlertDialogDescription, AlertDialogAction, AlertDialogCancel, };
-//# sourceMappingURL=alert-dialog.d.ts.map

package/dist/components/ui/alert-dialog.js

@@ -1,27 +1 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from 'react';
-import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
-import { cn } from '../../shared/lib/utils';
-import { buttonVariants } from '../../components/ui/button';
-const AlertDialog = AlertDialogPrimitive.Root;
-const AlertDialogTrigger = AlertDialogPrimitive.Trigger;
-const AlertDialogPortal = AlertDialogPrimitive.Portal;
-const AlertDialogOverlay = React.forwardRef(({ className, ...props }, ref) => (_jsx(AlertDialogPrimitive.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/80', className), ...props, ref: ref })));
-AlertDialogOverlay.displayName = AlertDialogPrimitive.Overlay.displayName;
-const AlertDialogContent = React.forwardRef(({ className, ...props }, ref) => (_jsxs(AlertDialogPortal, { children: [_jsx(AlertDialogOverlay, {}), _jsx(AlertDialogPrimitive.Content, { ref: ref, className: cn('bg-background 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-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] fixed top-[50%] left-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border p-6 shadow-lg duration-200 sm:rounded-lg', className), ...props })] })));
-AlertDialogContent.displayName = AlertDialogPrimitive.Content.displayName;
-const AlertDialogHeader = ({ className, ...props }) => (_jsx("div", { className: cn('flex flex-col space-y-2 text-center sm:text-left', className), ...props }));
-AlertDialogHeader.displayName = 'AlertDialogHeader';
-const AlertDialogFooter = ({ className, ...props }) => (_jsx("div", { className: cn('flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2', className), ...props }));
-AlertDialogFooter.displayName = 'AlertDialogFooter';
-const AlertDialogTitle = React.forwardRef(({ className, ...props }, ref) => (_jsx(AlertDialogPrimitive.Title, { ref: ref, className: cn('text-lg font-semibold', className), ...props })));
-AlertDialogTitle.displayName = AlertDialogPrimitive.Title.displayName;
-const AlertDialogDescription = React.forwardRef(({ className, ...props }, ref) => (_jsx(AlertDialogPrimitive.Description, { ref: ref, className: cn('text-muted-foreground text-sm', className), ...props })));
-AlertDialogDescription.displayName = AlertDialogPrimitive.Description.displayName;
-const AlertDialogAction = React.forwardRef(({ className, ...props }, ref) => (_jsx(AlertDialogPrimitive.Action, { ref: ref, className: cn(buttonVariants(), className), ...props })));
-AlertDialogAction.displayName = AlertDialogPrimitive.Action.displayName;
-const AlertDialogCancel = React.forwardRef(({ className, ...props }, ref) => (_jsx(AlertDialogPrimitive.Cancel, { ref: ref, className: cn(buttonVariants({ variant: 'outline' }), 'mt-2 sm:mt-0', className), ...props })));
-AlertDialogCancel.displayName = AlertDialogPrimitive.Cancel.displayName;
-export { AlertDialog, AlertDialogPortal, AlertDialogOverlay, AlertDialogTrigger, AlertDialogContent, AlertDialogHeader, AlertDialogFooter, AlertDialogTitle, AlertDialogDescription, AlertDialogAction, AlertDialogCancel, };
-//# sourceMappingURL=alert-dialog.js.map
+"use client";import{jsx as a,jsxs as e}from"react/jsx-runtime";import*as t from"react";import*as s from"@radix-ui/react-alert-dialog";import{cn as o}from"../../shared/lib/utils";import{buttonVariants as l}from"../../components/ui/button";const d=s.Root,i=s.Trigger,r=s.Portal,m=t.forwardRef(({className:e,...t},l)=>a(s.Overlay,{className:o("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/80",e),...t,ref:l}));m.displayName=s.Overlay.displayName;const n=t.forwardRef(({className:t,...l},d)=>e(r,{children:[a(m,{}),a(s.Content,{ref:d,className:o("bg-background 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-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] fixed top-[50%] left-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border p-6 shadow-lg duration-200 sm:rounded-lg",t),...l})]}));n.displayName=s.Content.displayName;const c=({className:e,...t})=>a("div",{className:o("flex flex-col space-y-2 text-center sm:text-left",e),...t});c.displayName="AlertDialogHeader";const f=({className:e,...t})=>a("div",{className:o("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",e),...t});f.displayName="AlertDialogFooter";const p=t.forwardRef(({className:e,...t},l)=>a(s.Title,{ref:l,className:o("text-lg font-semibold",e),...t}));p.displayName=s.Title.displayName;const N=t.forwardRef(({className:e,...t},l)=>a(s.Description,{ref:l,className:o("text-muted-foreground text-sm",e),...t}));N.displayName=s.Description.displayName;const u=t.forwardRef(({className:e,...t},d)=>a(s.Action,{ref:d,className:o(l(),e),...t}));u.displayName=s.Action.displayName;const x=t.forwardRef(({className:e,...t},d)=>a(s.Cancel,{ref:d,className:o(l({variant:"outline"}),"mt-2 sm:mt-0",e),...t}));x.displayName=s.Cancel.displayName;export{d as AlertDialog,r as AlertDialogPortal,m as AlertDialogOverlay,i as AlertDialogTrigger,n as AlertDialogContent,c as AlertDialogHeader,f as AlertDialogFooter,p as AlertDialogTitle,N as AlertDialogDescription,u as AlertDialogAction,x as AlertDialogCancel};

package/dist/components/ui/alert.d.ts

@@ -6,4 +6,3 @@ declare const Alert: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDi
 declare const AlertTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLHeadingElement> & React.RefAttributes<HTMLParagraphElement>>;
 declare const AlertDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
 export { Alert, AlertTitle, AlertDescription };
-//# sourceMappingURL=alert.d.ts.map

package/dist/components/ui/alert.js

@@ -1,23 +1 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import * as React from "react";
-import { cva } from "class-variance-authority";
-import { cn } from "../../shared/lib/utils";
-const alertVariants = cva("relative w-full rounded-lg border p-4 [&>svg~*]:pl-7 [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-foreground", {
-    variants: {
-        variant: {
-            default: "bg-background text-foreground",
-            destructive: "border-destructive/50 text-destructive dark:border-destructive [&>svg]:text-destructive",
-        },
-    },
-    defaultVariants: {
-        variant: "default",
-    },
-});
-const Alert = React.forwardRef(({ className, variant, ...props }, ref) => (_jsx("div", { ref: ref, role: "alert", className: cn(alertVariants({ variant }), className), ...props })));
-Alert.displayName = "Alert";
-const AlertTitle = React.forwardRef(({ className, ...props }, ref) => (_jsx("h5", { ref: ref, className: cn("mb-1 font-medium leading-none tracking-tight", className), ...props })));
-AlertTitle.displayName = "AlertTitle";
-const AlertDescription = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: cn("text-sm [&_p]:leading-relaxed", className), ...props })));
-AlertDescription.displayName = "AlertDescription";
-export { Alert, AlertTitle, AlertDescription };
-//# sourceMappingURL=alert.js.map
+import{jsx as e}from"react/jsx-runtime";import*as t from"react";import{cva as r}from"class-variance-authority";import{cn as a}from"../../shared/lib/utils";const s=r("relative w-full rounded-lg border p-4 [&>svg~*]:pl-7 [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-foreground",{variants:{variant:{default:"bg-background text-foreground",destructive:"border-destructive/50 text-destructive dark:border-destructive [&>svg]:text-destructive"}},defaultVariants:{variant:"default"}}),i=t.forwardRef(({className:t,variant:r,...i},l)=>e("div",{ref:l,role:"alert",className:a(s({variant:r}),t),...i}));i.displayName="Alert";const l=t.forwardRef(({className:t,...r},s)=>e("h5",{ref:s,className:a("mb-1 font-medium leading-none tracking-tight",t),...r}));l.displayName="AlertTitle";const d=t.forwardRef(({className:t,...r},s)=>e("div",{ref:s,className:a("text-sm [&_p]:leading-relaxed",t),...r}));d.displayName="AlertDescription";export{i as Alert,l as AlertTitle,d as AlertDescription};

package/dist/components/ui/avatar.d.ts

@@ -4,4 +4,3 @@ declare const Avatar: React.ForwardRefExoticComponent<Omit<AvatarPrimitive.Avata
 declare const AvatarImage: React.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarImageProps & React.RefAttributes<HTMLImageElement>, "ref"> & React.RefAttributes<HTMLImageElement>>;
 declare const AvatarFallback: React.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarFallbackProps & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
 export { Avatar, AvatarImage, AvatarFallback };
-//# sourceMappingURL=avatar.d.ts.map

package/dist/components/ui/avatar.js

@@ -1,13 +1 @@
-'use client';
-import { jsx as _jsx } from "react/jsx-runtime";
-import * as React from 'react';
-import * as AvatarPrimitive from '@radix-ui/react-avatar';
-import { cn } from '../../shared/lib/utils';
-const Avatar = React.forwardRef(({ className, ...props }, ref) => (_jsx(AvatarPrimitive.Root, { ref: ref, className: cn('relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full', className), ...props })));
-Avatar.displayName = AvatarPrimitive.Root.displayName;
-const AvatarImage = React.forwardRef(({ className, ...props }, ref) => (_jsx(AvatarPrimitive.Image, { ref: ref, className: cn('aspect-square h-full w-full', className), ...props })));
-AvatarImage.displayName = AvatarPrimitive.Image.displayName;
-const AvatarFallback = React.forwardRef(({ className, ...props }, ref) => (_jsx(AvatarPrimitive.Fallback, { ref: ref, className: cn('bg-muted flex h-full w-full items-center justify-center rounded-full', className), ...props })));
-AvatarFallback.displayName = AvatarPrimitive.Fallback.displayName;
-export { Avatar, AvatarImage, AvatarFallback };
-//# sourceMappingURL=avatar.js.map
+"use client";import{jsx as a}from"react/jsx-runtime";import*as e from"react";import*as l from"@radix-ui/react-avatar";import{cn as s}from"../../shared/lib/utils";const r=e.forwardRef(({className:e,...r},m)=>a(l.Root,{ref:m,className:s("relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full",e),...r}));r.displayName=l.Root.displayName;const m=e.forwardRef(({className:e,...r},m)=>a(l.Image,{ref:m,className:s("aspect-square h-full w-full",e),...r}));m.displayName=l.Image.displayName;const t=e.forwardRef(({className:e,...r},m)=>a(l.Fallback,{ref:m,className:s("bg-muted flex h-full w-full items-center justify-center rounded-full",e),...r}));t.displayName=l.Fallback.displayName;export{r as Avatar,m as AvatarImage,t as AvatarFallback};

package/dist/components/ui/badge.d.ts

@@ -13,4 +13,3 @@ export interface BadgeProps extends React.HTMLAttributes<HTMLDivElement>, Varian
 }
 declare function Badge({ className, variant, ...props }: BadgeProps): React.JSX.Element;
 export { Badge, badgeVariants };
-//# sourceMappingURL=badge.d.ts.map

package/dist/components/ui/badge.js

@@ -1,39 +1 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { cva } from 'class-variance-authority';
-import { cn } from '../../shared/lib/utils';
-/**
- * Badge Component - Mantis Dashboard Style
- * Design: Dark text on light background (same color family)
- * Border radius: 4px (rounded, not rounded-full)
- * No border by default
- */
-const badgeVariants = cva('inline-flex items-center rounded px-2 py-0.5 text-xs font-medium transition-colors border-0', {
-    variants: {
-        variant: {
-            // Default - Blue (Ant Design style)
-            default: 'bg-blue-50 text-blue-700 hover:bg-blue-100',
-            // Success - Green (Ant Design #52C41A family)
-            success: 'bg-green-50 text-green-700 hover:bg-green-100',
-            // Warning - Gold/Orange (Ant Design #FAAD14 family)
-            warning: 'bg-orange-50 text-orange-700 hover:bg-orange-100',
-            // Error/Destructive - Red (Ant Design #F5222D family)
-            destructive: 'bg-red-50 text-red-700 hover:bg-red-100',
-            // Info - Cyan (Ant Design #13C2C2 family)
-            info: 'bg-cyan-50 text-cyan-700 hover:bg-cyan-100',
-            // Secondary - Gray
-            secondary: 'bg-gray-100 text-gray-600 hover:bg-gray-200',
-            // Outline - for special cases
-            outline: 'border border-gray-300 bg-transparent text-gray-700 hover:bg-gray-50',
-            // Dark - for special emphasis (like Teacher role)
-            dark: 'bg-gray-800 text-white hover:bg-gray-900',
-        },
-    },
-    defaultVariants: {
-        variant: 'default',
-    },
-});
-function Badge({ className, variant, ...props }) {
-    return _jsx("div", { className: cn(badgeVariants({ variant }), className), ...props });
-}
-export { Badge, badgeVariants };
-//# sourceMappingURL=badge.js.map
+import{jsx as r}from"react/jsx-runtime";import{cva as e}from"class-variance-authority";import{cn as t}from"../../shared/lib/utils";const a=e("inline-flex items-center rounded px-2 py-0.5 text-xs font-medium transition-colors border-0",{variants:{variant:{default:"bg-blue-50 text-blue-700 hover:bg-blue-100",success:"bg-green-50 text-green-700 hover:bg-green-100",warning:"bg-orange-50 text-orange-700 hover:bg-orange-100",destructive:"bg-red-50 text-red-700 hover:bg-red-100",info:"bg-cyan-50 text-cyan-700 hover:bg-cyan-100",secondary:"bg-gray-100 text-gray-600 hover:bg-gray-200",outline:"border border-gray-300 bg-transparent text-gray-700 hover:bg-gray-50",dark:"bg-gray-800 text-white hover:bg-gray-900"}},defaultVariants:{variant:"default"}});function n({className:e,variant:n,...o}){return r("div",{className:t(a({variant:n}),e),...o})}export{n as Badge,a as badgeVariants};

package/dist/components/ui/button.d.ts

@@ -8,4 +8,3 @@ declare function Button({ className, variant, size, asChild, ...props }: React.C
     asChild?: boolean;
 }): React.JSX.Element;
 export { Button, buttonVariants };
-//# sourceMappingURL=button.d.ts.map

package/dist/components/ui/button.js

@@ -1,36 +1 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { cva } from "class-variance-authority";
-import { Slot } from "radix-ui";
-import { cn } from "../../shared/lib/utils";
-const buttonVariants = cva("inline-flex shrink-0 cursor-pointer items-center justify-center gap-2 rounded-md text-sm font-medium whitespace-nowrap transition-all outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/20 focus-visible:ring-offset-0 disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", {
-    variants: {
-        variant: {
-            default: "bg-primary text-primary-foreground hover:bg-primary/90",
-            destructive: "bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:bg-destructive/60 dark:focus-visible:ring-destructive/40",
-            outline: "border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:border-input dark:bg-input/30 dark:hover:bg-input/50",
-            secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
-            ghost: "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",
-            link: "text-primary underline-offset-4 hover:underline",
-        },
-        size: {
-            default: "h-9 px-4 py-2 has-[>svg]:px-3",
-            xs: "h-6 gap-1 rounded-md px-2 text-xs has-[>svg]:px-1.5 [&_svg:not([class*='size-'])]:size-3",
-            sm: "h-8 gap-1.5 rounded-md px-3 has-[>svg]:px-2.5",
-            lg: "h-10 rounded-md px-6 has-[>svg]:px-4",
-            icon: "size-10",
-            "icon-xs": "size-6 rounded-md [&_svg:not([class*='size-'])]:size-3",
-            "icon-sm": "size-8",
-            "icon-lg": "size-10",
-        },
-    },
-    defaultVariants: {
-        variant: "default",
-        size: "default",
-    },
-});
-function Button({ className, variant = "default", size = "default", asChild = false, ...props }) {
-    const Comp = asChild ? Slot.Root : "button";
-    return (_jsx(Comp, { "data-slot": "button", "data-variant": variant, "data-size": size, className: cn(buttonVariants({ variant, size, className })), ...props }));
-}
-export { Button, buttonVariants };
-//# sourceMappingURL=button.js.map
+import{jsx as e}from"react/jsx-runtime";import{cva as r}from"class-variance-authority";import{Slot as i}from"radix-ui";import{cn as t}from"../../shared/lib/utils";const s=r("inline-flex shrink-0 cursor-pointer items-center justify-center gap-2 rounded-md text-sm font-medium whitespace-nowrap transition-all outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/20 focus-visible:ring-offset-0 disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",{variants:{variant:{default:"bg-primary text-primary-foreground hover:bg-primary/90",destructive:"bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:bg-destructive/60 dark:focus-visible:ring-destructive/40",outline:"border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:border-input dark:bg-input/30 dark:hover:bg-input/50",secondary:"bg-secondary text-secondary-foreground hover:bg-secondary/80",ghost:"hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",link:"text-primary underline-offset-4 hover:underline"},size:{default:"h-9 px-4 py-2 has-[>svg]:px-3",xs:"h-6 gap-1 rounded-md px-2 text-xs has-[>svg]:px-1.5 [&_svg:not([class*='size-'])]:size-3",sm:"h-8 gap-1.5 rounded-md px-3 has-[>svg]:px-2.5",lg:"h-10 rounded-md px-6 has-[>svg]:px-4",icon:"size-10","icon-xs":"size-6 rounded-md [&_svg:not([class*='size-'])]:size-3","icon-sm":"size-8","icon-lg":"size-10"}},defaultVariants:{variant:"default",size:"default"}});function a({className:r,variant:a="default",size:n="default",asChild:o=!1,...d}){const c=o?i.Root:"button";return e(c,{"data-slot":"button","data-variant":a,"data-size":n,className:t(s({variant:a,size:n,className:r})),...d})}export{a as Button,s as buttonVariants};

package/dist/components/ui/calendar.d.ts

@@ -6,4 +6,3 @@ declare function Calendar({ className, classNames, showOutsideDays, captionLayou
 }): React.JSX.Element;
 declare function CalendarDayButton({ className, day, modifiers, ...props }: React.ComponentProps<typeof DayButton>): React.JSX.Element;
 export { Calendar, CalendarDayButton };
-//# sourceMappingURL=calendar.d.ts.map

package/dist/components/ui/calendar.js

@@ -1,77 +1 @@
-"use client";
-import { jsx as _jsx } from "react/jsx-runtime";
-import * as React from "react";
-import { ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, } from "lucide-react";
-import { DayPicker, getDefaultClassNames, } from "react-day-picker";
-import { cn } from "../../shared/lib/utils";
-import { Button, buttonVariants } from "../../components/ui/button";
-function Calendar({ className, classNames, showOutsideDays = true, captionLayout = "label", buttonVariant = "ghost", formatters, components, ...props }) {
-    const defaultClassNames = getDefaultClassNames();
-    return (_jsx(DayPicker, { showOutsideDays: showOutsideDays, className: cn("bg-background group/calendar p-3 [--cell-size:--spacing(8)] [[data-slot=card-content]_&]:bg-transparent [[data-slot=popover-content]_&]:bg-transparent", String.raw `rtl:**:[.rdp-button\_next>svg]:rotate-180`, String.raw `rtl:**:[.rdp-button\_previous>svg]:rotate-180`, className), captionLayout: captionLayout, formatters: {
-            formatMonthDropdown: (date) => date.toLocaleString("default", { month: "short" }),
-            ...formatters,
-        }, classNames: {
-            root: cn("w-fit", defaultClassNames.root),
-            months: cn("flex gap-4 flex-col md:flex-row relative", defaultClassNames.months),
-            month: cn("flex flex-col w-full gap-4", defaultClassNames.month),
-            nav: cn("flex items-center gap-1 w-full absolute top-0 inset-x-0 justify-between", defaultClassNames.nav),
-            button_previous: cn(buttonVariants({ variant: buttonVariant }), "size-(--cell-size) aria-disabled:opacity-50 p-0 select-none", defaultClassNames.button_previous),
-            button_next: cn(buttonVariants({ variant: buttonVariant }), "size-(--cell-size) aria-disabled:opacity-50 p-0 select-none", defaultClassNames.button_next),
-            month_caption: cn("flex items-center justify-center h-(--cell-size) w-full px-(--cell-size)", defaultClassNames.month_caption),
-            dropdowns: cn("w-full flex items-center text-sm font-medium justify-center h-(--cell-size) gap-1.5", defaultClassNames.dropdowns),
-            dropdown_root: cn("relative has-focus:border-ring border border-input shadow-xs has-focus:ring-ring/20 has-focus:ring-[3px] has-focus:ring-offset-0 rounded-md", defaultClassNames.dropdown_root),
-            dropdown: cn("absolute bg-popover inset-0 opacity-0", defaultClassNames.dropdown),
-            caption_label: cn("select-none font-medium", captionLayout === "label"
-                ? "text-sm"
-                : "rounded-md pl-2 pr-1 flex items-center gap-1 text-sm h-8 [&>svg]:text-muted-foreground [&>svg]:size-3.5", defaultClassNames.caption_label),
-            table: "w-full border-collapse",
-            weekdays: cn("flex", defaultClassNames.weekdays),
-            weekday: cn("text-muted-foreground rounded-md flex-1 font-normal text-[0.8rem] select-none", defaultClassNames.weekday),
-            week: cn("flex w-full mt-2", defaultClassNames.week),
-            week_number_header: cn("select-none w-(--cell-size)", defaultClassNames.week_number_header),
-            week_number: cn("text-[0.8rem] select-none text-muted-foreground", defaultClassNames.week_number),
-            day: cn("relative w-full h-full p-0 text-center [&:last-child[data-selected=true]_button]:rounded-r-md group/day aspect-square select-none", props.showWeekNumber
-                ? "[&:nth-child(2)[data-selected=true]_button]:rounded-l-md"
-                : "[&:first-child[data-selected=true]_button]:rounded-l-md", defaultClassNames.day),
-            range_start: cn("rounded-l-md bg-accent", defaultClassNames.range_start),
-            range_middle: cn("rounded-none", defaultClassNames.range_middle),
-            range_end: cn("rounded-r-md bg-accent", defaultClassNames.range_end),
-            today: cn("bg-accent text-accent-foreground rounded-md data-[selected=true]:rounded-none", defaultClassNames.today),
-            outside: cn("text-muted-foreground aria-selected:text-muted-foreground", defaultClassNames.outside),
-            disabled: cn("text-muted-foreground opacity-50", defaultClassNames.disabled),
-            hidden: cn("invisible", defaultClassNames.hidden),
-            ...classNames,
-        }, components: {
-            Root: ({ className, rootRef, ...props }) => {
-                return (_jsx("div", { "data-slot": "calendar", ref: rootRef, className: cn(className), ...props }));
-            },
-            Chevron: ({ className, orientation, ...props }) => {
-                if (orientation === "left") {
-                    return (_jsx(ChevronLeftIcon, { className: cn("size-4", className), ...props }));
-                }
-                if (orientation === "right") {
-                    return (_jsx(ChevronRightIcon, { className: cn("size-4", className), ...props }));
-                }
-                return (_jsx(ChevronDownIcon, { className: cn("size-4", className), ...props }));
-            },
-            DayButton: CalendarDayButton,
-            WeekNumber: ({ children, ...props }) => {
-                return (_jsx("td", { ...props, children: _jsx("div", { className: "flex size-(--cell-size) items-center justify-center text-center", children: children }) }));
-            },
-            ...components,
-        }, ...props }));
-}
-function CalendarDayButton({ className, day, modifiers, ...props }) {
-    const defaultClassNames = getDefaultClassNames();
-    const ref = React.useRef(null);
-    React.useEffect(() => {
-        if (modifiers.focused)
-            ref.current?.focus();
-    }, [modifiers.focused]);
-    return (_jsx(Button, { ref: ref, variant: "ghost", size: "icon", "data-day": day.date.toLocaleDateString(), "data-selected-single": modifiers.selected &&
-            !modifiers.range_start &&
-            !modifiers.range_end &&
-            !modifiers.range_middle, "data-range-start": modifiers.range_start, "data-range-end": modifiers.range_end, "data-range-middle": modifiers.range_middle, className: cn("data-[selected-single=true]:bg-primary data-[selected-single=true]:text-primary-foreground data-[range-middle=true]:bg-accent data-[range-middle=true]:text-accent-foreground data-[range-start=true]:bg-primary data-[range-start=true]:text-primary-foreground data-[range-end=true]:bg-primary data-[range-end=true]:text-primary-foreground group-data-[focused=true]/day:border-ring group-data-[focused=true]/day:ring-ring/20 dark:hover:text-accent-foreground flex aspect-square size-auto w-full min-w-(--cell-size) flex-col gap-1 leading-none font-normal group-data-[focused=true]/day:relative group-data-[focused=true]/day:z-10 group-data-[focused=true]/day:ring-[3px] group-data-[focused=true]/day:ring-offset-0 data-[range-end=true]:rounded-md data-[range-end=true]:rounded-r-md data-[range-middle=true]:rounded-none data-[range-start=true]:rounded-md data-[range-start=true]:rounded-l-md [&>span]:text-xs [&>span]:opacity-70", defaultClassNames.day, className), ...props }));
-}
-export { Calendar, CalendarDayButton };
-//# sourceMappingURL=calendar.js.map
+"use client";import{jsx as e}from"react/jsx-runtime";import*as t from"react";import{ChevronDownIcon as r,ChevronLeftIcon as a,ChevronRightIcon as n}from"lucide-react";import{DayPicker as d,getDefaultClassNames as o}from"react-day-picker";import{cn as s}from"../../shared/lib/utils";import{Button as l,buttonVariants as u}from"../../components/ui/button";function i({className:t,classNames:l,showOutsideDays:i=!0,captionLayout:m="label",buttonVariant:g="ghost",formatters:f,components:p,...b}){const x=o();return e(d,{showOutsideDays:i,className:s("bg-background group/calendar p-3 [--cell-size:--spacing(8)] [[data-slot=card-content]_&]:bg-transparent [[data-slot=popover-content]_&]:bg-transparent",String.raw`rtl:**:[.rdp-button\_next>svg]:rotate-180`,String.raw`rtl:**:[.rdp-button\_previous>svg]:rotate-180`,t),captionLayout:m,formatters:{formatMonthDropdown:e=>e.toLocaleString("default",{month:"short"}),...f},classNames:{root:s("w-fit",x.root),months:s("flex gap-4 flex-col md:flex-row relative",x.months),month:s("flex flex-col w-full gap-4",x.month),nav:s("flex items-center gap-1 w-full absolute top-0 inset-x-0 justify-between",x.nav),button_previous:s(u({variant:g}),"size-(--cell-size) aria-disabled:opacity-50 p-0 select-none",x.button_previous),button_next:s(u({variant:g}),"size-(--cell-size) aria-disabled:opacity-50 p-0 select-none",x.button_next),month_caption:s("flex items-center justify-center h-(--cell-size) w-full px-(--cell-size)",x.month_caption),dropdowns:s("w-full flex items-center text-sm font-medium justify-center h-(--cell-size) gap-1.5",x.dropdowns),dropdown_root:s("relative has-focus:border-ring border border-input shadow-xs has-focus:ring-ring/20 has-focus:ring-[3px] has-focus:ring-offset-0 rounded-md",x.dropdown_root),dropdown:s("absolute bg-popover inset-0 opacity-0",x.dropdown),caption_label:s("select-none font-medium","label"===m?"text-sm":"rounded-md pl-2 pr-1 flex items-center gap-1 text-sm h-8 [&>svg]:text-muted-foreground [&>svg]:size-3.5",x.caption_label),table:"w-full border-collapse",weekdays:s("flex",x.weekdays),weekday:s("text-muted-foreground rounded-md flex-1 font-normal text-[0.8rem] select-none",x.weekday),week:s("flex w-full mt-2",x.week),week_number_header:s("select-none w-(--cell-size)",x.week_number_header),week_number:s("text-[0.8rem] select-none text-muted-foreground",x.week_number),day:s("relative w-full h-full p-0 text-center [&:last-child[data-selected=true]_button]:rounded-r-md group/day aspect-square select-none",b.showWeekNumber?"[&:nth-child(2)[data-selected=true]_button]:rounded-l-md":"[&:first-child[data-selected=true]_button]:rounded-l-md",x.day),range_start:s("rounded-l-md bg-accent",x.range_start),range_middle:s("rounded-none",x.range_middle),range_end:s("rounded-r-md bg-accent",x.range_end),today:s("bg-accent text-accent-foreground rounded-md data-[selected=true]:rounded-none",x.today),outside:s("text-muted-foreground aria-selected:text-muted-foreground",x.outside),disabled:s("text-muted-foreground opacity-50",x.disabled),hidden:s("invisible",x.hidden),...l},components:{Root:({className:t,rootRef:r,...a})=>e("div",{"data-slot":"calendar",ref:r,className:s(t),...a}),Chevron:({className:t,orientation:d,...o})=>e("left"===d?a:"right"===d?n:r,{className:s("size-4",t),...o}),DayButton:c,WeekNumber:({children:t,...r})=>e("td",{...r,children:e("div",{className:"flex size-(--cell-size) items-center justify-center text-center",children:t})}),...p},...b})}function c({className:r,day:a,modifiers:n,...d}){const u=o(),i=t.useRef(null);return t.useEffect(()=>{n.focused&&i.current?.focus()},[n.focused]),e(l,{ref:i,variant:"ghost",size:"icon","data-day":a.date.toLocaleDateString(),"data-selected-single":n.selected&&!n.range_start&&!n.range_end&&!n.range_middle,"data-range-start":n.range_start,"data-range-end":n.range_end,"data-range-middle":n.range_middle,className:s("data-[selected-single=true]:bg-primary data-[selected-single=true]:text-primary-foreground data-[range-middle=true]:bg-accent data-[range-middle=true]:text-accent-foreground data-[range-start=true]:bg-primary data-[range-start=true]:text-primary-foreground data-[range-end=true]:bg-primary data-[range-end=true]:text-primary-foreground group-data-[focused=true]/day:border-ring group-data-[focused=true]/day:ring-ring/20 dark:hover:text-accent-foreground flex aspect-square size-auto w-full min-w-(--cell-size) flex-col gap-1 leading-none font-normal group-data-[focused=true]/day:relative group-data-[focused=true]/day:z-10 group-data-[focused=true]/day:ring-[3px] group-data-[focused=true]/day:ring-offset-0 data-[range-end=true]:rounded-md data-[range-end=true]:rounded-r-md data-[range-middle=true]:rounded-none data-[range-start=true]:rounded-md data-[range-start=true]:rounded-l-md [&>span]:text-xs [&>span]:opacity-70",u.day,r),...d})}export{i as Calendar,c as CalendarDayButton};

package/dist/components/ui/card.d.ts

@@ -6,4 +6,3 @@ declare const CardDescription: React.ForwardRefExoticComponent<React.HTMLAttribu
 declare const CardContent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
 declare const CardFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
 export { Card, CardHeader, CardFooter, CardTitle, CardDescription, CardContent };
-//# sourceMappingURL=card.d.ts.map

package/dist/components/ui/card.js

@@ -1,17 +1 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import * as React from 'react';
-import { cn } from '../../shared/lib/utils';
-const Card = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: cn('bg-card text-card-foreground rounded-lg border shadow-sm', className), ...props })));
-Card.displayName = 'Card';
-const CardHeader = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: cn('flex flex-col space-y-1.5 p-6', className), ...props })));
-CardHeader.displayName = 'CardHeader';
-const CardTitle = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: cn('text-xl leading-none font-semibold tracking-tight', className), ...props })));
-CardTitle.displayName = 'CardTitle';
-const CardDescription = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: cn('text-muted-foreground text-sm', className), ...props })));
-CardDescription.displayName = 'CardDescription';
-const CardContent = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: cn('p-6 pt-0', className), ...props })));
-CardContent.displayName = 'CardContent';
-const CardFooter = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: cn('flex items-center p-6 pt-0', className), ...props })));
-CardFooter.displayName = 'CardFooter';
-export { Card, CardHeader, CardFooter, CardTitle, CardDescription, CardContent };
-//# sourceMappingURL=card.js.map
+import{jsx as a}from"react/jsx-runtime";import*as e from"react";import{cn as r}from"../../shared/lib/utils";const s=e.forwardRef(({className:e,...s},d)=>a("div",{ref:d,className:r("bg-card text-card-foreground rounded-lg border shadow-sm",e),...s}));s.displayName="Card";const d=e.forwardRef(({className:e,...s},d)=>a("div",{ref:d,className:r("flex flex-col space-y-1.5 p-6",e),...s}));d.displayName="CardHeader";const t=e.forwardRef(({className:e,...s},d)=>a("div",{ref:d,className:r("text-xl leading-none font-semibold tracking-tight",e),...s}));t.displayName="CardTitle";const o=e.forwardRef(({className:e,...s},d)=>a("div",{ref:d,className:r("text-muted-foreground text-sm",e),...s}));o.displayName="CardDescription";const m=e.forwardRef(({className:e,...s},d)=>a("div",{ref:d,className:r("p-6 pt-0",e),...s}));m.displayName="CardContent";const l=e.forwardRef(({className:e,...s},d)=>a("div",{ref:d,className:r("flex items-center p-6 pt-0",e),...s}));l.displayName="CardFooter";export{s as Card,d as CardHeader,l as CardFooter,t as CardTitle,o as CardDescription,m as CardContent};

package/dist/components/ui/carousel.d.ts

@@ -17,4 +17,3 @@ declare function CarouselItem({ className, ...props }: React.ComponentProps<"div
 declare function CarouselPrevious({ className, variant, size, ...props }: React.ComponentProps<typeof Button>): React.JSX.Element;
 declare function CarouselNext({ className, variant, size, ...props }: React.ComponentProps<typeof Button>): React.JSX.Element;
 export { type CarouselApi, Carousel, CarouselContent, CarouselItem, CarouselPrevious, CarouselNext, };
-//# sourceMappingURL=carousel.d.ts.map