@tinyweb_dev/oe-exam-sdk 0.1.28 → 0.1.30

package/dist/components/ui/badge.js

@@ -1 +1,38 @@
-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};
+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 };

package/dist/components/ui/button.js

@@ -1 +1,35 @@
-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};
+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 };

package/dist/components/ui/calendar.js

@@ -1 +1,76 @@
-"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};
+"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 };

package/dist/components/ui/card.js

@@ -1 +1,16 @@
-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};
+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 };

package/dist/components/ui/carousel.js

@@ -1 +1,91 @@
-"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};
+"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, };

package/dist/components/ui/checkbox.js

@@ -1 +1,9 @@
-"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};
+'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 };

package/dist/components/ui/collapsible.js

@@ -1 +1,13 @@
-"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};
+'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 };

package/dist/components/ui/command.js

@@ -1 +1,34 @@
-"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};
+"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, };

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

@@ -1 +1,49 @@
-"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})}}
+'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 };
+}

package/dist/components/ui/dialog.js

@@ -1 +1,23 @@
-"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};
+'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, };

package/dist/components/ui/drawer.js

@@ -1 +1,35 @@
-"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};
+'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, };

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

@@ -1 +1,33 @@
-"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};
+'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, };