@tinyweb_dev/oe-exam-sdk 0.1.0 → 0.1.2

package/dist/components/ui/carousel.js

@@ -1,92 +1 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from "react";
-import useEmblaCarousel from "embla-carousel-react";
-import { ArrowLeft, ArrowRight } from "lucide-react";
-import { cn } from "../../shared/lib/utils";
-import { Button } from "../../components/ui/button";
-const CarouselContext = React.createContext(null);
-function useCarousel() {
-    const context = React.useContext(CarouselContext);
-    if (!context) {
-        throw new Error("useCarousel must be used within a <Carousel />");
-    }
-    return context;
-}
-function Carousel({ orientation = "horizontal", opts, setApi, plugins, className, children, ...props }) {
-    const [carouselRef, api] = useEmblaCarousel({
-        ...opts,
-        axis: orientation === "horizontal" ? "x" : "y",
-    }, plugins);
-    const [canScrollPrev, setCanScrollPrev] = React.useState(false);
-    const [canScrollNext, setCanScrollNext] = React.useState(false);
-    const onSelect = React.useCallback((api) => {
-        if (!api)
-            return;
-        setCanScrollPrev(api.canScrollPrev());
-        setCanScrollNext(api.canScrollNext());
-    }, []);
-    const scrollPrev = React.useCallback(() => {
-        api?.scrollPrev();
-    }, [api]);
-    const scrollNext = React.useCallback(() => {
-        api?.scrollNext();
-    }, [api]);
-    const handleKeyDown = React.useCallback((event) => {
-        if (event.key === "ArrowLeft") {
-            event.preventDefault();
-            scrollPrev();
-        }
-        else if (event.key === "ArrowRight") {
-            event.preventDefault();
-            scrollNext();
-        }
-    }, [scrollPrev, scrollNext]);
-    React.useEffect(() => {
-        if (!api || !setApi)
-            return;
-        setApi(api);
-    }, [api, setApi]);
-    React.useEffect(() => {
-        if (!api)
-            return;
-        onSelect(api);
-        api.on("reInit", onSelect);
-        api.on("select", onSelect);
-        return () => {
-            api?.off("select", onSelect);
-        };
-    }, [api, onSelect]);
-    return (_jsx(CarouselContext.Provider, { value: {
-            carouselRef,
-            api: api,
-            opts,
-            orientation: orientation || (opts?.axis === "y" ? "vertical" : "horizontal"),
-            scrollPrev,
-            scrollNext,
-            canScrollPrev,
-            canScrollNext,
-        }, children: _jsx("div", { onKeyDownCapture: handleKeyDown, className: cn("relative", className), role: "region", "aria-roledescription": "carousel", "data-slot": "carousel", ...props, children: children }) }));
-}
-function CarouselContent({ className, ...props }) {
-    const { carouselRef, orientation } = useCarousel();
-    return (_jsx("div", { ref: carouselRef, className: "overflow-hidden", "data-slot": "carousel-content", children: _jsx("div", { className: cn("flex", orientation === "horizontal" ? "-ml-4" : "-mt-4 flex-col", className), ...props }) }));
-}
-function CarouselItem({ className, ...props }) {
-    const { orientation } = useCarousel();
-    return (_jsx("div", { role: "group", "aria-roledescription": "slide", "data-slot": "carousel-item", className: cn("min-w-0 shrink-0 grow-0 basis-full", orientation === "horizontal" ? "pl-4" : "pt-4", className), ...props }));
-}
-function CarouselPrevious({ className, variant = "outline", size = "icon", ...props }) {
-    const { orientation, scrollPrev, canScrollPrev } = useCarousel();
-    return (_jsxs(Button, { "data-slot": "carousel-previous", variant: variant, size: size, className: cn("absolute size-8 rounded-full", orientation === "horizontal"
-            ? "top-1/2 -left-12 -translate-y-1/2"
-            : "-top-12 left-1/2 -translate-x-1/2 rotate-90", className), disabled: !canScrollPrev, onClick: scrollPrev, ...props, children: [_jsx(ArrowLeft, {}), _jsx("span", { className: "sr-only", children: "Previous slide" })] }));
-}
-function CarouselNext({ className, variant = "outline", size = "icon", ...props }) {
-    const { orientation, scrollNext, canScrollNext } = useCarousel();
-    return (_jsxs(Button, { "data-slot": "carousel-next", variant: variant, size: size, className: cn("absolute size-8 rounded-full", orientation === "horizontal"
-            ? "top-1/2 -right-12 -translate-y-1/2"
-            : "-bottom-12 left-1/2 -translate-x-1/2 rotate-90", className), disabled: !canScrollNext, onClick: scrollNext, ...props, children: [_jsx(ArrowRight, {}), _jsx("span", { className: "sr-only", children: "Next slide" })] }));
-}
-export { Carousel, CarouselContent, CarouselItem, CarouselPrevious, CarouselNext, };
-//# sourceMappingURL=carousel.js.map
+"use client";import{jsx as e,jsxs as t}from"react/jsx-runtime";import*as o from"react";import r from"embla-carousel-react";import{ArrowLeft as l,ArrowRight as a}from"lucide-react";import{cn as s}from"../../shared/lib/utils";import{Button as n}from"../../components/ui/button";const i=o.createContext(null);function c(){const e=o.useContext(i);if(!e)throw new Error("useCarousel must be used within a <Carousel />");return e}function u({orientation:t="horizontal",opts:l,setApi:a,plugins:n,className:c,children:u,...d}){const[f,m]=r({...l,axis:"horizontal"===t?"x":"y"},n),[p,v]=o.useState(!1),[h,x]=o.useState(!1),N=o.useCallback(e=>{e&&(v(e.canScrollPrev()),x(e.canScrollNext()))},[]),b=o.useCallback(()=>{m?.scrollPrev()},[m]),z=o.useCallback(()=>{m?.scrollNext()},[m]),C=o.useCallback(e=>{"ArrowLeft"===e.key?(e.preventDefault(),b()):"ArrowRight"===e.key&&(e.preventDefault(),z())},[b,z]);return o.useEffect(()=>{m&&a&&a(m)},[m,a]),o.useEffect(()=>{if(m)return N(m),m.on("reInit",N),m.on("select",N),()=>{m?.off("select",N)}},[m,N]),e(i.Provider,{value:{carouselRef:f,api:m,opts:l,orientation:t||("y"===l?.axis?"vertical":"horizontal"),scrollPrev:b,scrollNext:z,canScrollPrev:p,canScrollNext:h},children:e("div",{onKeyDownCapture:C,className:s("relative",c),role:"region","aria-roledescription":"carousel","data-slot":"carousel",...d,children:u})})}function d({className:t,...o}){const{carouselRef:r,orientation:l}=c();return e("div",{ref:r,className:"overflow-hidden","data-slot":"carousel-content",children:e("div",{className:s("flex","horizontal"===l?"-ml-4":"-mt-4 flex-col",t),...o})})}function f({className:t,...o}){const{orientation:r}=c();return e("div",{role:"group","aria-roledescription":"slide","data-slot":"carousel-item",className:s("min-w-0 shrink-0 grow-0 basis-full","horizontal"===r?"pl-4":"pt-4",t),...o})}function m({className:o,variant:r="outline",size:a="icon",...i}){const{orientation:u,scrollPrev:d,canScrollPrev:f}=c();return t(n,{"data-slot":"carousel-previous",variant:r,size:a,className:s("absolute size-8 rounded-full","horizontal"===u?"top-1/2 -left-12 -translate-y-1/2":"-top-12 left-1/2 -translate-x-1/2 rotate-90",o),disabled:!f,onClick:d,...i,children:[e(l,{}),e("span",{className:"sr-only",children:"Previous slide"})]})}function p({className:o,variant:r="outline",size:l="icon",...i}){const{orientation:u,scrollNext:d,canScrollNext:f}=c();return t(n,{"data-slot":"carousel-next",variant:r,size:l,className:s("absolute size-8 rounded-full","horizontal"===u?"top-1/2 -right-12 -translate-y-1/2":"-bottom-12 left-1/2 -translate-x-1/2 rotate-90",o),disabled:!f,onClick:d,...i,children:[e(a,{}),e("span",{className:"sr-only",children:"Next slide"})]})}export{u as Carousel,d as CarouselContent,f as CarouselItem,m as CarouselPrevious,p as CarouselNext};

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

@@ -2,4 +2,3 @@ import * as React from 'react';
 import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
 declare function Checkbox({ className, ...props }: React.ComponentProps<typeof CheckboxPrimitive.Root>): React.JSX.Element;
 export { Checkbox };
-//# sourceMappingURL=checkbox.d.ts.map

package/dist/components/ui/checkbox.js

@@ -1,10 +1 @@
-'use client';
-import { jsx as _jsx } from "react/jsx-runtime";
-import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
-import { CheckIcon } from 'lucide-react';
-import { cn } from '../../shared/lib/utils';
-function Checkbox({ className, ...props }) {
-    return (_jsx(CheckboxPrimitive.Root, { "data-slot": "checkbox", className: cn('peer border-input dark:bg-input/30 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground dark:data-[state=checked]:bg-primary data-[state=checked]:border-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 size-4 shrink-0 rounded-[4px] border shadow-xs transition-shadow outline-none focus-visible:ring-[3px] focus-visible:ring-offset-0 disabled:cursor-not-allowed disabled:opacity-50', className), ...props, children: _jsx(CheckboxPrimitive.Indicator, { "data-slot": "checkbox-indicator", className: "flex items-center justify-center text-current transition-none", children: _jsx(CheckIcon, { className: "size-3.5" }) }) }));
-}
-export { Checkbox };
-//# sourceMappingURL=checkbox.js.map
+"use client";import{jsx as e}from"react/jsx-runtime";import*as r from"@radix-ui/react-checkbox";import{CheckIcon as i}from"lucide-react";import{cn as a}from"../../shared/lib/utils";function t({className:t,...s}){return e(r.Root,{"data-slot":"checkbox",className:a("peer border-input dark:bg-input/30 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground dark:data-[state=checked]:bg-primary data-[state=checked]:border-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 size-4 shrink-0 rounded-[4px] border shadow-xs transition-shadow outline-none focus-visible:ring-[3px] focus-visible:ring-offset-0 disabled:cursor-not-allowed disabled:opacity-50",t),...s,children:e(r.Indicator,{"data-slot":"checkbox-indicator",className:"flex items-center justify-center text-current transition-none",children:e(i,{className:"size-3.5"})})})}export{t as Checkbox};

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

@@ -3,4 +3,3 @@ declare function Collapsible({ ...props }: React.ComponentProps<typeof Collapsib
 declare function CollapsibleTrigger({ ...props }: React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleTrigger>): import("react").JSX.Element;
 declare function CollapsibleContent({ ...props }: React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleContent>): import("react").JSX.Element;
 export { Collapsible, CollapsibleTrigger, CollapsibleContent };
-//# sourceMappingURL=collapsible.d.ts.map

package/dist/components/ui/collapsible.js

@@ -1,14 +1 @@
-'use client';
-import { jsx as _jsx } from "react/jsx-runtime";
-import * as CollapsiblePrimitive from '@radix-ui/react-collapsible';
-function Collapsible({ ...props }) {
-    return _jsx(CollapsiblePrimitive.Root, { "data-slot": "collapsible", ...props });
-}
-function CollapsibleTrigger({ ...props }) {
-    return _jsx(CollapsiblePrimitive.CollapsibleTrigger, { "data-slot": "collapsible-trigger", ...props });
-}
-function CollapsibleContent({ ...props }) {
-    return _jsx(CollapsiblePrimitive.CollapsibleContent, { "data-slot": "collapsible-content", ...props });
-}
-export { Collapsible, CollapsibleTrigger, CollapsibleContent };
-//# sourceMappingURL=collapsible.js.map
+"use client";import{jsx as t}from"react/jsx-runtime";import*as l from"@radix-ui/react-collapsible";function o({...o}){return t(l.Root,{"data-slot":"collapsible",...o})}function e({...o}){return t(l.CollapsibleTrigger,{"data-slot":"collapsible-trigger",...o})}function r({...o}){return t(l.CollapsibleContent,{"data-slot":"collapsible-content",...o})}export{o as Collapsible,e as CollapsibleTrigger,r as CollapsibleContent};

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

@@ -16,4 +16,3 @@ declare function CommandSeparator({ className, ...props }: React.ComponentProps<
 declare function CommandItem({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Item>): React.JSX.Element;
 declare function CommandShortcut({ className, ...props }: React.ComponentProps<"span">): React.JSX.Element;
 export { Command, CommandDialog, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem, CommandShortcut, CommandSeparator, };
-//# sourceMappingURL=command.d.ts.map

package/dist/components/ui/command.js

@@ -1,35 +1 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Command as CommandPrimitive } from "cmdk";
-import { SearchIcon } from "lucide-react";
-import { cn } from "../../shared/lib/utils";
-import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle, } from "../../components/ui/dialog";
-function Command({ className, ...props }) {
-    return (_jsx(CommandPrimitive, { "data-slot": "command", className: cn("flex h-full w-full flex-col overflow-hidden rounded-md bg-popover text-popover-foreground", className), ...props }));
-}
-function CommandDialog({ title = "Command Palette", description = "Search for a command to run...", children, className, showCloseButton = true, ...props }) {
-    return (_jsxs(Dialog, { ...props, children: [_jsxs(DialogHeader, { className: "sr-only", children: [_jsx(DialogTitle, { children: title }), _jsx(DialogDescription, { children: description })] }), _jsx(DialogContent, { className: cn("overflow-hidden p-0", className), children: _jsx(Command, { className: "**:data-[slot=command-input-wrapper]:h-12 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group]]:px-2 [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5", children: children }) })] }));
-}
-function CommandInput({ className, ...props }) {
-    return (_jsxs("div", { "data-slot": "command-input-wrapper", className: "flex h-9 items-center gap-2 border-b px-3", children: [_jsx(SearchIcon, { className: "size-4 shrink-0 opacity-50" }), _jsx(CommandPrimitive.Input, { "data-slot": "command-input", className: cn("flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-hidden placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50", className), ...props })] }));
-}
-function CommandList({ className, ...props }) {
-    return (_jsx(CommandPrimitive.List, { "data-slot": "command-list", className: cn("max-h-[300px] scroll-py-1 overflow-x-hidden overflow-y-auto", className), ...props }));
-}
-function CommandEmpty({ ...props }) {
-    return (_jsx(CommandPrimitive.Empty, { "data-slot": "command-empty", className: "py-6 text-center text-sm", ...props }));
-}
-function CommandGroup({ className, ...props }) {
-    return (_jsx(CommandPrimitive.Group, { "data-slot": "command-group", className: cn("overflow-hidden p-1 text-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground", className), ...props }));
-}
-function CommandSeparator({ className, ...props }) {
-    return (_jsx(CommandPrimitive.Separator, { "data-slot": "command-separator", className: cn("-mx-1 h-px bg-border", className), ...props }));
-}
-function CommandItem({ className, ...props }) {
-    return (_jsx(CommandPrimitive.Item, { "data-slot": "command-item", className: cn("relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground", className), ...props }));
-}
-function CommandShortcut({ className, ...props }) {
-    return (_jsx("span", { "data-slot": "command-shortcut", className: cn("ml-auto text-xs tracking-widest text-muted-foreground", className), ...props }));
-}
-export { Command, CommandDialog, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem, CommandShortcut, CommandSeparator, };
-//# sourceMappingURL=command.js.map
+"use client";import{jsx as e,jsxs as t}from"react/jsx-runtime";import{Command as a}from"cmdk";import{SearchIcon as o}from"lucide-react";import{cn as r}from"../../shared/lib/utils";import{Dialog as d,DialogContent as n,DialogDescription as s,DialogHeader as m,DialogTitle as c}from"../../components/ui/dialog";function l({className:t,...o}){return e(a,{"data-slot":"command",className:r("flex h-full w-full flex-col overflow-hidden rounded-md bg-popover text-popover-foreground",t),...o})}function i({title:a="Command Palette",description:o="Search for a command to run...",children:i,className:u,showCloseButton:p=!0,...g}){return t(d,{...g,children:[t(m,{className:"sr-only",children:[e(c,{children:a}),e(s,{children:o})]}),e(n,{className:r("overflow-hidden p-0",u),children:e(l,{className:"**:data-[slot=command-input-wrapper]:h-12 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group]]:px-2 [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5",children:i})})]})}function u({className:d,...n}){return t("div",{"data-slot":"command-input-wrapper",className:"flex h-9 items-center gap-2 border-b px-3",children:[e(o,{className:"size-4 shrink-0 opacity-50"}),e(a.Input,{"data-slot":"command-input",className:r("flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-hidden placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50",d),...n})]})}function p({className:t,...o}){return e(a.List,{"data-slot":"command-list",className:r("max-h-[300px] scroll-py-1 overflow-x-hidden overflow-y-auto",t),...o})}function g({...t}){return e(a.Empty,{"data-slot":"command-empty",className:"py-6 text-center text-sm",...t})}function f({className:t,...o}){return e(a.Group,{"data-slot":"command-group",className:r("overflow-hidden p-1 text-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground",t),...o})}function h({className:t,...o}){return e(a.Separator,{"data-slot":"command-separator",className:r("-mx-1 h-px bg-border",t),...o})}function x({className:t,...o}){return e(a.Item,{"data-slot":"command-item",className:r("relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground",t),...o})}function _({className:t,...a}){return e("span",{"data-slot":"command-shortcut",className:r("ml-auto text-xs tracking-widest text-muted-foreground",t),...a})}export{l as Command,i as CommandDialog,u as CommandInput,p as CommandList,g as CommandEmpty,f as CommandGroup,x as CommandItem,_ as CommandShortcut,h as CommandSeparator};

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

@@ -21,4 +21,3 @@ export declare function useConfirm(): {
     ConfirmDialog: () => import("react").JSX.Element;
 };
 export {};
-//# sourceMappingURL=confirm-dialog.d.ts.map

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

@@ -1,50 +1 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState } from 'react';
-import { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, } from '../../components/ui/alert-dialog';
-export function ConfirmDialog({ open, onOpenChange, title, description, confirmText = 'Xác nhận', cancelText = 'Hủy', variant = 'default', onConfirm, onCancel, }) {
-    return (_jsx(AlertDialog, { open: open, onOpenChange: onOpenChange, children: _jsxs(AlertDialogContent, { children: [_jsxs(AlertDialogHeader, { children: [_jsx(AlertDialogTitle, { children: title }), _jsx(AlertDialogDescription, { children: description })] }), _jsxs(AlertDialogFooter, { children: [_jsx(AlertDialogCancel, { onClick: () => {
-                                onCancel?.();
-                                onOpenChange(false);
-                            }, children: cancelText }), _jsx(AlertDialogAction, { onClick: () => {
-                                onConfirm();
-                                onOpenChange(false);
-                            }, className: variant === 'destructive'
-                                ? 'bg-red-600 text-white hover:bg-red-700'
-                                : 'bg-blue-600 text-white hover:bg-blue-700', children: confirmText })] })] }) }));
-}
-// Hook for easier usage
-export function useConfirm() {
-    const [state, setState] = useState({
-        open: false,
-        title: '',
-        description: '',
-        onConfirm: () => { },
-    });
-    const confirm = ({ title, description, confirmText, cancelText, variant, }) => {
-        return new Promise((resolve) => {
-            setState({
-                open: true,
-                title,
-                description,
-                confirmText,
-                cancelText,
-                variant,
-                onConfirm: () => {
-                    resolve(true);
-                },
-                onCancel: () => {
-                    resolve(false);
-                },
-            });
-        });
-    };
-    const ConfirmDialogComponent = () => (_jsx(ConfirmDialog, { open: state.open, onOpenChange: (open) => {
-            if (!open) {
-                state.onCancel?.();
-            }
-            setState((prev) => ({ ...prev, open }));
-        }, title: state.title, description: state.description, confirmText: state.confirmText, cancelText: state.cancelText, variant: state.variant, onConfirm: state.onConfirm, onCancel: state.onCancel }));
-    return { confirm, ConfirmDialog: ConfirmDialogComponent };
-}
-//# sourceMappingURL=confirm-dialog.js.map
+"use client";import{jsx as n,jsxs as e}from"react/jsx-runtime";import{useState as i}from"react";import{AlertDialog as o,AlertDialogAction as t,AlertDialogCancel as r,AlertDialogContent as c,AlertDialogDescription as l,AlertDialogFooter as a,AlertDialogHeader as m,AlertDialogTitle as p}from"../../components/ui/alert-dialog";export function ConfirmDialog({open:i,onOpenChange:f,title:s,description:d,confirmText:C="Xác nhận",cancelText:x="Hủy",variant:h="default",onConfirm:u,onCancel:g}){return n(o,{open:i,onOpenChange:f,children:e(c,{children:[e(m,{children:[n(p,{children:s}),n(l,{children:d})]}),e(a,{children:[n(r,{onClick:()=>{g?.(),f(!1)},children:x}),n(t,{onClick:()=>{u(),f(!1)},className:"destructive"===h?"bg-red-600 text-white hover:bg-red-700":"bg-blue-600 text-white hover:bg-blue-700",children:C})]})]})})}export function useConfirm(){const[e,o]=i({open:!1,title:"",description:"",onConfirm:()=>{}});return{confirm:({title:n,description:e,confirmText:i,cancelText:t,variant:r})=>new Promise(c=>{o({open:!0,title:n,description:e,confirmText:i,cancelText:t,variant:r,onConfirm:()=>{c(!0)},onCancel:()=>{c(!1)}})}),ConfirmDialog:()=>n(ConfirmDialog,{open:e.open,onOpenChange:n=>{n||e.onCancel?.(),o(e=>({...e,open:n}))},title:e.title,description:e.description,confirmText:e.confirmText,cancelText:e.cancelText,variant:e.variant,onConfirm:e.onConfirm,onCancel:e.onCancel})}}

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

@@ -17,4 +17,3 @@ declare const DialogFooter: {
 declare const DialogTitle: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
 declare const DialogDescription: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
 export { Dialog, DialogPortal, DialogOverlay, DialogClose, DialogTrigger, DialogContent, DialogHeader, DialogFooter, DialogTitle, DialogDescription, };
-//# sourceMappingURL=dialog.d.ts.map

package/dist/components/ui/dialog.js

@@ -1,24 +1 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from 'react';
-import * as DialogPrimitive from '@radix-ui/react-dialog';
-import { X } from 'lucide-react';
-import { cn } from '../../shared/lib/utils';
-const Dialog = DialogPrimitive.Root;
-const DialogTrigger = DialogPrimitive.Trigger;
-const DialogPortal = DialogPrimitive.Portal;
-const DialogClose = DialogPrimitive.Close;
-const DialogOverlay = React.forwardRef(({ className, ...props }, ref) => (_jsx(DialogPrimitive.Overlay, { ref: ref, 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 duration-300', className), ...props })));
-DialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
-const DialogContent = React.forwardRef(({ className, children, ...props }, ref) => (_jsxs(DialogPortal, { children: [_jsx(DialogOverlay, {}), _jsxs(DialogPrimitive.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 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-300 will-change-[transform,opacity] sm:rounded-lg', className), ...props, children: [children, _jsxs(DialogPrimitive.Close, { className: "data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute top-4 right-4 rounded-sm opacity-70 transition-opacity hover:opacity-100 focus:ring-ring/20 focus:ring-[3px] focus:ring-offset-0 focus:outline-none disabled:pointer-events-none", children: [_jsx(X, { className: "h-4 w-4" }), _jsx("span", { className: "sr-only", children: "Close" })] })] })] })));
-DialogContent.displayName = DialogPrimitive.Content.displayName;
-const DialogHeader = ({ className, ...props }) => (_jsx("div", { className: cn('flex flex-col space-y-1.5 text-center sm:text-left', className), ...props }));
-DialogHeader.displayName = 'DialogHeader';
-const DialogFooter = ({ className, ...props }) => (_jsx("div", { className: cn('flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2', className), ...props }));
-DialogFooter.displayName = 'DialogFooter';
-const DialogTitle = React.forwardRef(({ className, ...props }, ref) => (_jsx(DialogPrimitive.Title, { ref: ref, className: cn('text-lg leading-none font-semibold tracking-tight', className), ...props })));
-DialogTitle.displayName = DialogPrimitive.Title.displayName;
-const DialogDescription = React.forwardRef(({ className, ...props }, ref) => (_jsx(DialogPrimitive.Description, { ref: ref, className: cn('text-muted-foreground text-sm', className), ...props })));
-DialogDescription.displayName = DialogPrimitive.Description.displayName;
-export { Dialog, DialogPortal, DialogOverlay, DialogClose, DialogTrigger, DialogContent, DialogHeader, DialogFooter, DialogTitle, DialogDescription, };
-//# sourceMappingURL=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-dialog";import{X as o}from"lucide-react";import{cn as l}from"../../shared/lib/utils";const i=s.Root,r=s.Trigger,n=s.Portal,d=s.Close,c=t.forwardRef(({className:e,...t},o)=>a(s.Overlay,{ref:o,className:l("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 duration-300",e),...t}));c.displayName=s.Overlay.displayName;const m=t.forwardRef(({className:t,children:i,...r},d)=>e(n,{children:[a(c,{}),e(s.Content,{ref:d,className:l("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 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-300 will-change-[transform,opacity] sm:rounded-lg",t),...r,children:[i,e(s.Close,{className:"data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute top-4 right-4 rounded-sm opacity-70 transition-opacity hover:opacity-100 focus:ring-ring/20 focus:ring-[3px] focus:ring-offset-0 focus:outline-none disabled:pointer-events-none",children:[a(o,{className:"h-4 w-4"}),a("span",{className:"sr-only",children:"Close"})]})]})]}));m.displayName=s.Content.displayName;const f=({className:e,...t})=>a("div",{className:l("flex flex-col space-y-1.5 text-center sm:text-left",e),...t});f.displayName="DialogHeader";const p=({className:e,...t})=>a("div",{className:l("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",e),...t});p.displayName="DialogFooter";const u=t.forwardRef(({className:e,...t},o)=>a(s.Title,{ref:o,className:l("text-lg leading-none font-semibold tracking-tight",e),...t}));u.displayName=s.Title.displayName;const g=t.forwardRef(({className:e,...t},o)=>a(s.Description,{ref:o,className:l("text-muted-foreground text-sm",e),...t}));g.displayName=s.Description.displayName;export{i as Dialog,n as DialogPortal,c as DialogOverlay,d as DialogClose,r as DialogTrigger,m as DialogContent,f as DialogHeader,p as DialogFooter,u as DialogTitle,g as DialogDescription};

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

@@ -11,4 +11,3 @@ declare function DrawerFooter({ className, ...props }: React.ComponentProps<'div
 declare function DrawerTitle({ className, ...props }: React.ComponentProps<typeof DrawerPrimitive.Title>): React.JSX.Element;
 declare function DrawerDescription({ className, ...props }: React.ComponentProps<typeof DrawerPrimitive.Description>): React.JSX.Element;
 export { Drawer, DrawerPortal, DrawerOverlay, DrawerTrigger, DrawerClose, DrawerContent, DrawerHeader, DrawerFooter, DrawerTitle, DrawerDescription, };
-//# sourceMappingURL=drawer.d.ts.map

package/dist/components/ui/drawer.js

@@ -1,36 +1 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Drawer as DrawerPrimitive } from 'vaul';
-import { cn } from '../../shared/lib/utils';
-function Drawer({ ...props }) {
-    return _jsx(DrawerPrimitive.Root, { "data-slot": "drawer", ...props });
-}
-function DrawerTrigger({ ...props }) {
-    return _jsx(DrawerPrimitive.Trigger, { "data-slot": "drawer-trigger", ...props });
-}
-function DrawerPortal({ ...props }) {
-    return _jsx(DrawerPrimitive.Portal, { "data-slot": "drawer-portal", ...props });
-}
-function DrawerClose({ ...props }) {
-    return _jsx(DrawerPrimitive.Close, { "data-slot": "drawer-close", ...props });
-}
-function DrawerOverlay({ className, ...props }) {
-    return (_jsx(DrawerPrimitive.Overlay, { "data-slot": "drawer-overlay", className: cn('data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50', className), ...props }));
-}
-function DrawerContent({ className, children, ...props }) {
-    return (_jsxs(DrawerPortal, { "data-slot": "drawer-portal", children: [_jsx(DrawerOverlay, {}), _jsxs(DrawerPrimitive.Content, { "data-slot": "drawer-content", className: cn('group/drawer-content bg-background fixed z-50 flex h-auto flex-col', 'data-[vaul-drawer-direction=top]:inset-x-0 data-[vaul-drawer-direction=top]:top-0 data-[vaul-drawer-direction=top]:mb-24 data-[vaul-drawer-direction=top]:max-h-[80vh] data-[vaul-drawer-direction=top]:rounded-b-lg data-[vaul-drawer-direction=top]:border-b', 'data-[vaul-drawer-direction=bottom]:inset-x-0 data-[vaul-drawer-direction=bottom]:bottom-0 data-[vaul-drawer-direction=bottom]:mt-24 data-[vaul-drawer-direction=bottom]:max-h-[80vh] data-[vaul-drawer-direction=bottom]:rounded-t-lg data-[vaul-drawer-direction=bottom]:border-t', 'data-[vaul-drawer-direction=right]:inset-y-0 data-[vaul-drawer-direction=right]:right-0 data-[vaul-drawer-direction=right]:w-3/4 data-[vaul-drawer-direction=right]:border-l data-[vaul-drawer-direction=right]:sm:max-w-sm', 'data-[vaul-drawer-direction=left]:inset-y-0 data-[vaul-drawer-direction=left]:left-0 data-[vaul-drawer-direction=left]:w-3/4 data-[vaul-drawer-direction=left]:border-r data-[vaul-drawer-direction=left]:sm:max-w-sm', className), ...props, children: [_jsx("div", { className: "bg-muted mx-auto mt-4 hidden h-2 w-[100px] shrink-0 rounded-full group-data-[vaul-drawer-direction=bottom]/drawer-content:block" }), children] })] }));
-}
-function DrawerHeader({ className, ...props }) {
-    return (_jsx("div", { "data-slot": "drawer-header", className: cn('flex flex-col gap-0.5 p-4 group-data-[vaul-drawer-direction=bottom]/drawer-content:text-center group-data-[vaul-drawer-direction=top]/drawer-content:text-center md:gap-1.5 md:text-left', className), ...props }));
-}
-function DrawerFooter({ className, ...props }) {
-    return (_jsx("div", { "data-slot": "drawer-footer", className: cn('mt-auto flex flex-col gap-2 p-4', className), ...props }));
-}
-function DrawerTitle({ className, ...props }) {
-    return (_jsx(DrawerPrimitive.Title, { "data-slot": "drawer-title", className: cn('text-foreground font-semibold', className), ...props }));
-}
-function DrawerDescription({ className, ...props }) {
-    return (_jsx(DrawerPrimitive.Description, { "data-slot": "drawer-description", className: cn('text-muted-foreground text-sm', className), ...props }));
-}
-export { Drawer, DrawerPortal, DrawerOverlay, DrawerTrigger, DrawerClose, DrawerContent, DrawerHeader, DrawerFooter, DrawerTitle, DrawerDescription, };
-//# sourceMappingURL=drawer.js.map
+"use client";import{jsx as t,jsxs as a}from"react/jsx-runtime";import{Drawer as r}from"vaul";import{cn as e}from"../../shared/lib/utils";function d({...a}){return t(r.Root,{"data-slot":"drawer",...a})}function o({...a}){return t(r.Trigger,{"data-slot":"drawer-trigger",...a})}function i({...a}){return t(r.Portal,{"data-slot":"drawer-portal",...a})}function n({...a}){return t(r.Close,{"data-slot":"drawer-close",...a})}function l({className:a,...d}){return t(r.Overlay,{"data-slot":"drawer-overlay",className:e("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50",a),...d})}function c({className:d,children:o,...n}){return a(i,{"data-slot":"drawer-portal",children:[t(l,{}),a(r.Content,{"data-slot":"drawer-content",className:e("group/drawer-content bg-background fixed z-50 flex h-auto flex-col","data-[vaul-drawer-direction=top]:inset-x-0 data-[vaul-drawer-direction=top]:top-0 data-[vaul-drawer-direction=top]:mb-24 data-[vaul-drawer-direction=top]:max-h-[80vh] data-[vaul-drawer-direction=top]:rounded-b-lg data-[vaul-drawer-direction=top]:border-b","data-[vaul-drawer-direction=bottom]:inset-x-0 data-[vaul-drawer-direction=bottom]:bottom-0 data-[vaul-drawer-direction=bottom]:mt-24 data-[vaul-drawer-direction=bottom]:max-h-[80vh] data-[vaul-drawer-direction=bottom]:rounded-t-lg data-[vaul-drawer-direction=bottom]:border-t","data-[vaul-drawer-direction=right]:inset-y-0 data-[vaul-drawer-direction=right]:right-0 data-[vaul-drawer-direction=right]:w-3/4 data-[vaul-drawer-direction=right]:border-l data-[vaul-drawer-direction=right]:sm:max-w-sm","data-[vaul-drawer-direction=left]:inset-y-0 data-[vaul-drawer-direction=left]:left-0 data-[vaul-drawer-direction=left]:w-3/4 data-[vaul-drawer-direction=left]:border-r data-[vaul-drawer-direction=left]:sm:max-w-sm",d),...n,children:[t("div",{className:"bg-muted mx-auto mt-4 hidden h-2 w-[100px] shrink-0 rounded-full group-data-[vaul-drawer-direction=bottom]/drawer-content:block"}),o]})]})}function s({className:a,...r}){return t("div",{"data-slot":"drawer-header",className:e("flex flex-col gap-0.5 p-4 group-data-[vaul-drawer-direction=bottom]/drawer-content:text-center group-data-[vaul-drawer-direction=top]/drawer-content:text-center md:gap-1.5 md:text-left",a),...r})}function u({className:a,...r}){return t("div",{"data-slot":"drawer-footer",className:e("mt-auto flex flex-col gap-2 p-4",a),...r})}function m({className:a,...d}){return t(r.Title,{"data-slot":"drawer-title",className:e("text-foreground font-semibold",a),...d})}function w({className:a,...d}){return t(r.Description,{"data-slot":"drawer-description",className:e("text-muted-foreground text-sm",a),...d})}export{d as Drawer,i as DrawerPortal,l as DrawerOverlay,o as DrawerTrigger,n as DrawerClose,c as DrawerContent,s as DrawerHeader,u as DrawerFooter,m as DrawerTitle,w as DrawerDescription};

package/dist/components/ui/dropdown-menu.d.ts

@@ -25,4 +25,3 @@ declare const DropdownMenuShortcut: {
     displayName: string;
 };
 export { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, DropdownMenuCheckboxItem, DropdownMenuRadioItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuGroup, DropdownMenuPortal, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuRadioGroup, };
-//# sourceMappingURL=dropdown-menu.d.ts.map

package/dist/components/ui/dropdown-menu.js

@@ -1,34 +1 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from 'react';
-import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
-import { Check, ChevronRight, Circle } from 'lucide-react';
-import { cn } from '../../shared/lib/utils';
-const DropdownMenu = DropdownMenuPrimitive.Root;
-const DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;
-const DropdownMenuGroup = DropdownMenuPrimitive.Group;
-const DropdownMenuPortal = DropdownMenuPrimitive.Portal;
-const DropdownMenuSub = DropdownMenuPrimitive.Sub;
-const DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup;
-const DropdownMenuSubTrigger = React.forwardRef(({ className, inset, children, ...props }, ref) => (_jsxs(DropdownMenuPrimitive.SubTrigger, { ref: ref, className: cn('focus:bg-accent data-[state=open]:bg-accent flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-none select-none', inset && 'pl-8', className), ...props, children: [children, _jsx(ChevronRight, { className: "ml-auto h-4 w-4" })] })));
-DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive.SubTrigger.displayName;
-const DropdownMenuSubContent = React.forwardRef(({ className, ...props }, ref) => (_jsx(DropdownMenuPrimitive.SubContent, { ref: ref, 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 min-w-[8rem] overflow-hidden rounded-md border p-1 shadow-lg', className), ...props })));
-DropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName;
-const DropdownMenuContent = React.forwardRef(({ className, sideOffset = 4, ...props }, ref) => (_jsx(DropdownMenuPrimitive.Portal, { children: _jsx(DropdownMenuPrimitive.Content, { ref: ref, 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 min-w-[8rem] overflow-hidden rounded-md border p-1 shadow-md', className), ...props }) })));
-DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;
-const DropdownMenuItem = React.forwardRef(({ className, inset, ...props }, ref) => (_jsx(DropdownMenuPrimitive.Item, { ref: ref, className: cn('focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm transition-colors outline-none select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50', inset && 'pl-8', className), ...props })));
-DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;
-const DropdownMenuCheckboxItem = React.forwardRef(({ className, children, checked, ...props }, ref) => (_jsxs(DropdownMenuPrimitive.CheckboxItem, { ref: ref, className: cn('focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center rounded-sm py-1.5 pr-2 pl-8 text-sm transition-colors outline-none select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50', className), checked: checked, ...props, children: [_jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: _jsx(DropdownMenuPrimitive.ItemIndicator, { children: _jsx(Check, { className: "h-4 w-4" }) }) }), children] })));
-DropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive.CheckboxItem.displayName;
-const DropdownMenuRadioItem = React.forwardRef(({ className, children, ...props }, ref) => (_jsxs(DropdownMenuPrimitive.RadioItem, { ref: ref, className: cn('focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center rounded-sm py-1.5 pr-2 pl-8 text-sm transition-colors outline-none select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50', className), ...props, children: [_jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: _jsx(DropdownMenuPrimitive.ItemIndicator, { children: _jsx(Circle, { className: "h-2 w-2 fill-current" }) }) }), children] })));
-DropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName;
-const DropdownMenuLabel = React.forwardRef(({ className, inset, ...props }, ref) => (_jsx(DropdownMenuPrimitive.Label, { ref: ref, className: cn('px-2 py-1.5 text-sm font-semibold', inset && 'pl-8', className), ...props })));
-DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName;
-const DropdownMenuSeparator = React.forwardRef(({ className, ...props }, ref) => (_jsx(DropdownMenuPrimitive.Separator, { ref: ref, className: cn('bg-muted -mx-1 my-1 h-px', className), ...props })));
-DropdownMenuSeparator.displayName = DropdownMenuPrimitive.Separator.displayName;
-const DropdownMenuShortcut = ({ className, ...props }) => {
-    return (_jsx("span", { className: cn('ml-auto text-xs tracking-widest opacity-60', className), ...props }));
-};
-DropdownMenuShortcut.displayName = 'DropdownMenuShortcut';
-export { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, DropdownMenuCheckboxItem, DropdownMenuRadioItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuGroup, DropdownMenuPortal, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuRadioGroup, };
-//# sourceMappingURL=dropdown-menu.js.map
+"use client";import{jsx as e,jsxs as a}from"react/jsx-runtime";import*as t from"react";import*as s from"@radix-ui/react-dropdown-menu";import{Check as o,ChevronRight as d,Circle as r}from"lucide-react";import{cn as n}from"../../shared/lib/utils";const i=s.Root,l=s.Trigger,c=s.Group,m=s.Portal,f=s.Sub,p=s.RadioGroup,u=t.forwardRef(({className:t,inset:o,children:r,...i},l)=>a(s.SubTrigger,{ref:l,className:n("focus:bg-accent data-[state=open]:bg-accent flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-none select-none",o&&"pl-8",t),...i,children:[r,e(d,{className:"ml-auto h-4 w-4"})]}));u.displayName=s.SubTrigger.displayName;const N=t.forwardRef(({className:a,...t},o)=>e(s.SubContent,{ref:o,className:n("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 min-w-[8rem] overflow-hidden rounded-md border p-1 shadow-lg",a),...t}));N.displayName=s.SubContent.displayName;const b=t.forwardRef(({className:a,sideOffset:t=4,...o},d)=>e(s.Portal,{children:e(s.Content,{ref:d,sideOffset:t,className:n("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 min-w-[8rem] overflow-hidden rounded-md border p-1 shadow-md",a),...o})}));b.displayName=s.Content.displayName;const h=t.forwardRef(({className:a,inset:t,...o},d)=>e(s.Item,{ref:d,className:n("focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm transition-colors outline-none select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50",t&&"pl-8",a),...o}));h.displayName=s.Item.displayName;const x=t.forwardRef(({className:t,children:d,checked:r,...i},l)=>a(s.CheckboxItem,{ref:l,className:n("focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center rounded-sm py-1.5 pr-2 pl-8 text-sm transition-colors outline-none select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50",t),checked:r,...i,children:[e("span",{className:"absolute left-2 flex h-3.5 w-3.5 items-center justify-center",children:e(s.ItemIndicator,{children:e(o,{className:"h-4 w-4"})})}),d]}));x.displayName=s.CheckboxItem.displayName;const y=t.forwardRef(({className:t,children:o,...d},i)=>a(s.RadioItem,{ref:i,className:n("focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center rounded-sm py-1.5 pr-2 pl-8 text-sm transition-colors outline-none select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50",t),...d,children:[e("span",{className:"absolute left-2 flex h-3.5 w-3.5 items-center justify-center",children:e(s.ItemIndicator,{children:e(r,{className:"h-2 w-2 fill-current"})})}),o]}));y.displayName=s.RadioItem.displayName;const g=t.forwardRef(({className:a,inset:t,...o},d)=>e(s.Label,{ref:d,className:n("px-2 py-1.5 text-sm font-semibold",t&&"pl-8",a),...o}));g.displayName=s.Label.displayName;const w=t.forwardRef(({className:a,...t},o)=>e(s.Separator,{ref:o,className:n("bg-muted -mx-1 my-1 h-px",a),...t}));w.displayName=s.Separator.displayName;const v=({className:a,...t})=>e("span",{className:n("ml-auto text-xs tracking-widest opacity-60",a),...t});v.displayName="DropdownMenuShortcut";export{i as DropdownMenu,l as DropdownMenuTrigger,b as DropdownMenuContent,h as DropdownMenuItem,x as DropdownMenuCheckboxItem,y as DropdownMenuRadioItem,g as DropdownMenuLabel,w as DropdownMenuSeparator,v as DropdownMenuShortcut,c as DropdownMenuGroup,m as DropdownMenuPortal,f as DropdownMenuSub,N as DropdownMenuSubContent,u as DropdownMenuSubTrigger,p as DropdownMenuRadioGroup};

package/dist/components/ui/file-upload.d.ts

@@ -22,4 +22,3 @@ interface FileUploadProps {
 }
 export declare function FileUpload({ label, accept, value, onChange, onPresignedUrlChange, disabled, maxSize, placeholder, icon, required, id, onFileLoad, showPlayButton, onPlay, autoUpload, prefix, examId, partId, }: FileUploadProps): import("react").JSX.Element;
 export {};
-//# sourceMappingURL=file-upload.d.ts.map

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

@@ -1,156 +1 @@
-'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" }) }))] }) })] }));
-}
-//# sourceMappingURL=file-upload.js.map
+"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"})})]})})]})}

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

@@ -23,4 +23,3 @@ declare const FormControl: React.ForwardRefExoticComponent<Omit<React.HTMLAttrib
 declare const FormDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
 declare const FormMessage: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
 export { useFormField, Form, FormItem, FormLabel, FormControl, FormDescription, FormMessage, FormField, };
-//# sourceMappingURL=form.d.ts.map