@akira-io/ui 1.3.0 → 2.0.0

package/dist/index.js

@@ -1,42 +1,203 @@
-import { Popover, PopoverTrigger, PopoverContent, Command, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem, Select, SelectTrigger, SelectContent, SelectItem, Calendar, FieldContext, FieldError, useField, ConfirmDialog } from './chunk-7LBWPBVE.js';
-export { Alert, AlertDescription, AlertTitle, Calendar, CalendarDayButton, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ConfirmDialog, FieldError, FloatingSheet, FloatingSheetBody, FloatingSheetFooter, FloatingSheetStack, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Switch, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, alertDefaultLabels, confirmDialogDefaultLabels, floatingSheetDefaultLabels, useField } from './chunk-7LBWPBVE.js';
-export { CopyButton, copyButtonLabels } from './chunk-MCMBS2SB.js';
-import { toggleVariants } from './chunk-SBLZ6T3D.js';
-export { Toggle, toggleVariants } from './chunk-SBLZ6T3D.js';
-import { Label } from './chunk-O5DZTX7D.js';
-export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Label } from './chunk-O5DZTX7D.js';
-import { useAppearance } from './chunk-IQMRJXEO.js';
-export { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, cardVariants } from './chunk-IE6VWUSB.js';
-import { useUiLabels } from './chunk-QNF4LJVT.js';
-export { UiLocaleProvider, useUiLabels, useUiLocale } from './chunk-QNF4LJVT.js';
-import { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuItem } from './chunk-PSJGAZIS.js';
-export { Avatar, AvatarFallback, AvatarImage, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Collapsible, CollapsibleContent, CollapsibleTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Icon, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, useSidebar } from './chunk-PSJGAZIS.js';
-import { Input } from './chunk-UTSTTTH5.js';
-export { Input, Separator } from './chunk-UTSTTTH5.js';
-import { cn, focusRing, nestedRadius, nestedSurfaceReset, nestedEdgeToEdge, elevatedSurface, modalSurface, Button, menuSurface, fieldFocus, fieldSurface, floatingSurface, panelSurface, buttonVariants, Spinner } from './chunk-I5UZAJB4.js';
-export { Button, Spinner, buttonVariants, cn, controlFill, elevatedSurface, focusRing, menuHighlight, nestedEdgeToEdge, nestedRadius, nestedSurfaceReset, recessedSurface, spinnerVariants, surface } from './chunk-I5UZAJB4.js';
-import * as React3 from 'react';
-import { useState, useRef, useCallback, useEffect, useMemo, useId } from 'react';
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import * as AccordionPrimitive from '@radix-ui/react-accordion';
-import { ChevronDown, SunIcon, MoonIcon, MonitorIcon, ArrowLeft, ArrowRight, CheckIcon, ChevronsUpDown, Check, ChevronRightIcon, CircleIcon, MoreVertical, SearchX, Search, X, Plus, ArrowUpDown, ChevronLeft, ChevronRight, CalendarIcon, CalendarRange, ChevronDownIcon, ChevronLeftIcon, MoreHorizontalIcon, EyeOff, Eye, TriangleAlert, Loader2Icon, OctagonXIcon, TriangleAlertIcon, InfoIcon, CircleCheckIcon, PlusCircle } from 'lucide-react';
-import { AlertDialog as AlertDialog$1, AspectRatio as AspectRatio$1, ContextMenu as ContextMenu$1, HoverCard as HoverCard$1, Menubar as Menubar$1, Progress as Progress$1, RadioGroup as RadioGroup$1, Slider as Slider$1 } from 'radix-ui';
-import * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';
-import { Slot } from '@radix-ui/react-slot';
-import { cva } from 'class-variance-authority';
-import useEmblaCarousel from 'embla-carousel-react';
-import * as RechartsPrimitive from 'recharts';
-import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
-import { useReactTable, getPaginationRowModel, getFilteredRowModel, getSortedRowModel, getCoreRowModel, flexRender } from '@tanstack/react-table';
-import { format } from 'date-fns';
-import { Drawer as Drawer$1 } from 'vaul';
-import { useFormContext, FormProvider, Controller } from 'react-hook-form';
-import * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu';
-import * as ResizablePrimitive from 'react-resizable-panels';
-import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
-import { Toaster as Toaster$1 } from 'sonner';
-export { toast } from 'sonner';
+'use client';
 
+"use client";
+import {
+  Calendar,
+  CalendarDayButton,
+  Command,
+  CommandDialog,
+  CommandEmpty,
+  CommandGroup,
+  CommandInput,
+  CommandItem,
+  CommandList,
+  CommandSeparator,
+  CommandShortcut,
+  ConfirmDialog,
+  FloatingSheet,
+  FloatingSheetBody,
+  FloatingSheetFooter,
+  FloatingSheetStack,
+  InputOTP,
+  InputOTPGroup,
+  InputOTPSeparator,
+  InputOTPSlot,
+  Popover,
+  PopoverAnchor,
+  PopoverContent,
+  PopoverTrigger,
+  Select,
+  SelectContent,
+  SelectGroup,
+  SelectItem,
+  SelectLabel,
+  SelectScrollDownButton,
+  SelectScrollUpButton,
+  SelectSeparator,
+  SelectTrigger,
+  SelectValue,
+  Switch,
+  Tabs,
+  TabsContent,
+  TabsList,
+  TabsTrigger,
+  Textarea,
+  confirmDialogDefaultLabels,
+  floatingSheetDefaultLabels
+} from "./chunk-UCJTM3UM.js";
+import {
+  CopyButton,
+  copyButtonLabels
+} from "./chunk-UXVI326F.js";
+import {
+  Toggle,
+  toggleVariants
+} from "./chunk-YBXRJSR3.js";
+import {
+  Dialog,
+  DialogClose,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogOverlay,
+  DialogPortal,
+  DialogTitle,
+  DialogTrigger
+} from "./chunk-EYPM6IMS.js";
+import {
+  useAppearance
+} from "./chunk-IQMRJXEO.js";
+import {
+  Card,
+  CardContent,
+  CardDescription,
+  CardFooter,
+  CardHeader,
+  CardTitle,
+  cardVariants
+} from "./chunk-2V6HUWST.js";
+import {
+  Alert,
+  AlertDescription,
+  AlertTitle,
+  Checkbox,
+  Field,
+  FieldControl,
+  FieldDescription,
+  FieldError,
+  FieldGroup,
+  FieldLabel,
+  PasswordInput,
+  alertDefaultLabels,
+  passwordInputDefaultLabels,
+  useField
+} from "./chunk-VA6A4HZ2.js";
+import {
+  UiLocaleProvider,
+  useUiLabels,
+  useUiLocale
+} from "./chunk-E26KKMGS.js";
+import {
+  Label
+} from "./chunk-TM5MN3MI.js";
+import {
+  Avatar,
+  AvatarFallback,
+  AvatarImage,
+  Breadcrumb,
+  BreadcrumbEllipsis,
+  BreadcrumbItem,
+  BreadcrumbLink,
+  BreadcrumbList,
+  BreadcrumbPage,
+  BreadcrumbSeparator,
+  Collapsible,
+  CollapsibleContent,
+  CollapsibleTrigger,
+  DropdownMenu,
+  DropdownMenuCheckboxItem,
+  DropdownMenuContent,
+  DropdownMenuGroup,
+  DropdownMenuItem,
+  DropdownMenuLabel,
+  DropdownMenuPortal,
+  DropdownMenuRadioGroup,
+  DropdownMenuRadioItem,
+  DropdownMenuSeparator,
+  DropdownMenuShortcut,
+  DropdownMenuSub,
+  DropdownMenuSubContent,
+  DropdownMenuSubTrigger,
+  DropdownMenuTrigger,
+  Icon,
+  Sheet,
+  SheetClose,
+  SheetContent,
+  SheetDescription,
+  SheetFooter,
+  SheetHeader,
+  SheetTitle,
+  SheetTrigger,
+  Sidebar,
+  SidebarContent,
+  SidebarFooter,
+  SidebarGroup,
+  SidebarGroupAction,
+  SidebarGroupContent,
+  SidebarGroupLabel,
+  SidebarHeader,
+  SidebarInput,
+  SidebarInset,
+  SidebarMenu,
+  SidebarMenuAction,
+  SidebarMenuBadge,
+  SidebarMenuButton,
+  SidebarMenuItem,
+  SidebarMenuSkeleton,
+  SidebarMenuSub,
+  SidebarMenuSubButton,
+  SidebarMenuSubItem,
+  SidebarProvider,
+  SidebarRail,
+  SidebarSeparator,
+  SidebarTrigger,
+  Skeleton,
+  Tooltip,
+  TooltipContent,
+  TooltipProvider,
+  TooltipTrigger,
+  useSidebar
+} from "./chunk-B3L6PRLX.js";
+import {
+  Input,
+  Separator
+} from "./chunk-3Z2VGVPI.js";
+import {
+  Button,
+  Spinner,
+  buttonVariants,
+  cn,
+  controlFill,
+  elevatedSurface,
+  fieldFocus,
+  fieldSurface,
+  floatingSurface,
+  focusRing,
+  menuHighlight,
+  menuSurface,
+  modalSurface,
+  nestedEdgeToEdge,
+  nestedRadius,
+  nestedSurfaceReset,
+  panelSurface,
+  recessedSurface,
+  spinnerVariants,
+  surface
+} from "./chunk-KHOA4TEI.js";
+
+// src/hooks/use-autosave.ts
+import { useCallback, useEffect, useRef, useState } from "react";
 var AUTOSAVE_DELAY = 700;
 function shallowEqual(a, b) {
   if (Object.is(a, b)) {
@@ -126,11 +287,15 @@ function useAutosave(values, onSave, options = {}) {
   }, [values, delay, enabled, run]);
   return { status, error, flush, reset };
 }
+
+// src/hooks/use-confirm-dialog.tsx
+import { useState as useState2 } from "react";
+import { jsx } from "react/jsx-runtime";
 function useConfirmDialog() {
-  const [isOpen, setIsOpen] = useState(false);
-  const [options, setOptions] = useState({});
-  const [onConfirmCallback, setOnConfirmCallback] = useState(null);
-  const [onCancelCallback, setOnCancelCallback] = useState(null);
+  const [isOpen, setIsOpen] = useState2(false);
+  const [options, setOptions] = useState2({});
+  const [onConfirmCallback, setOnConfirmCallback] = useState2(null);
+  const [onCancelCallback, setOnCancelCallback] = useState2(null);
   const confirm = (onConfirm, confirmOptions, onCancel) => {
     setOptions(confirmOptions || {});
     setOnConfirmCallback(() => onConfirm);
@@ -157,12 +322,18 @@ function useConfirmDialog() {
   );
   return { confirm, ConfirmDialog: ConfirmDialogComponent };
 }
+
+// src/components/ui/accordion.tsx
+import * as AccordionPrimitive from "@radix-ui/react-accordion";
+import { ChevronDown } from "lucide-react";
+import * as React from "react";
+import { jsx as jsx2, jsxs } from "react/jsx-runtime";
 function Accordion({
   className,
   slotName = "accordion",
   ...props
 }) {
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx2(
     AccordionPrimitive.Root,
     {
       className: cn(elevatedSurface, "px-5 bg-card", className),
@@ -171,7 +342,7 @@ function Accordion({
     }
   );
 }
-var AccordionItem = React3.forwardRef(({ className, slotName = "accordion-item", ...props }, ref) => /* @__PURE__ */ jsx(
+var AccordionItem = React.forwardRef(({ className, slotName = "accordion-item", ...props }, ref) => /* @__PURE__ */ jsx2(
   AccordionPrimitive.Item,
   {
     ref,
@@ -181,7 +352,7 @@ var AccordionItem = React3.forwardRef(({ className, slotName = "accordion-item",
   }
 ));
 AccordionItem.displayName = "AccordionItem";
-var AccordionTrigger = React3.forwardRef(({ className, children, slotName = "accordion-trigger", ...props }, ref) => /* @__PURE__ */ jsx(AccordionPrimitive.Header, { className: "flex", children: /* @__PURE__ */ jsxs(
+var AccordionTrigger = React.forwardRef(({ className, children, slotName = "accordion-trigger", ...props }, ref) => /* @__PURE__ */ jsx2(AccordionPrimitive.Header, { className: "flex", children: /* @__PURE__ */ jsxs(
   AccordionPrimitive.Trigger,
   {
     ref,
@@ -193,47 +364,77 @@ var AccordionTrigger = React3.forwardRef(({ className, children, slotName = "acc
     "data-slot": slotName,
     children: [
       children,
-      /* @__PURE__ */ jsx(ChevronDown, { className: "h-4 w-4 shrink-0 transition-transform duration-200" })
+      /* @__PURE__ */ jsx2(ChevronDown, { className: "h-4 w-4 shrink-0 transition-transform duration-200" })
     ]
   }
 ) }));
 AccordionTrigger.displayName = AccordionPrimitive.Trigger.displayName;
-var AccordionContent = React3.forwardRef(({ className, children, slotName = "accordion-content", ...props }, ref) => /* @__PURE__ */ jsx(
+var AccordionContent = React.forwardRef(({ className, children, slotName = "accordion-content", ...props }, ref) => /* @__PURE__ */ jsx2(
   AccordionPrimitive.Content,
   {
     ref,
     className: "text-md data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden transition-all",
     ...props,
     "data-slot": slotName,
-    children: /* @__PURE__ */ jsx("div", { className: cn("pb-4 pt-0", className), children })
+    children: /* @__PURE__ */ jsx2("div", { className: cn("pb-4 pt-0", className), children })
   }
 ));
 AccordionContent.displayName = AccordionPrimitive.Content.displayName;
+
+// src/components/ui/akira-mark.tsx
+import { jsx as jsx3 } from "react/jsx-runtime";
+function AkiraMark({
+  slotName = "akira-mark",
+  "aria-label": ariaLabel,
+  "aria-labelledby": ariaLabelledBy,
+  ...props
+}) {
+  const isLabelled = ariaLabel !== void 0 || ariaLabelledBy !== void 0;
+  return /* @__PURE__ */ jsx3(
+    "svg",
+    {
+      viewBox: "0 0 32.06 30.95",
+      fill: "currentColor",
+      xmlns: "http://www.w3.org/2000/svg",
+      ...props,
+      "aria-label": ariaLabel,
+      "aria-labelledby": ariaLabelledBy,
+      "aria-hidden": isLabelled ? void 0 : true,
+      role: isLabelled ? "img" : void 0,
+      "data-slot": slotName,
+      children: /* @__PURE__ */ jsx3("path", { d: "M30.5,17.75,21.6,2.25h0a4.42,4.42,0,0,0-7.7,0L.4,25.85a3.29,3.29,0,0,0-.4,1.7A3.35,3.35,0,0,0,3.3,31a3.24,3.24,0,0,0,2.9-1.7l10.7-18.7a1,1,0,0,1,1.8,0l3.4,5.9a.88.88,0,0,1-.8,1.3H17.5a3.35,3.35,0,0,0-3.3,3.4h0a3.35,3.35,0,0,0,3.3,3.4H28.8a3.24,3.24,0,0,0,2.8-4.9Z" })
+    }
+  );
+}
+
+// src/components/ui/alert-dialog.tsx
+import { AlertDialog as AlertDialogPrimitive } from "radix-ui";
+import { jsx as jsx4, jsxs as jsxs2 } from "react/jsx-runtime";
 function AlertDialog({
   slotName = "alert-dialog",
   ...props
 }) {
-  return /* @__PURE__ */ jsx(AlertDialog$1.Root, { ...props, "data-slot": slotName });
+  return /* @__PURE__ */ jsx4(AlertDialogPrimitive.Root, { ...props, "data-slot": slotName });
 }
 function AlertDialogTrigger({
   slotName = "alert-dialog-trigger",
   ...props
 }) {
-  return /* @__PURE__ */ jsx(AlertDialog$1.Trigger, { ...props, "data-slot": slotName });
+  return /* @__PURE__ */ jsx4(AlertDialogPrimitive.Trigger, { ...props, "data-slot": slotName });
 }
 function AlertDialogPortal({
   slotName = "alert-dialog-portal",
   ...props
 }) {
-  return /* @__PURE__ */ jsx(AlertDialog$1.Portal, { ...props, "data-slot": slotName });
+  return /* @__PURE__ */ jsx4(AlertDialogPrimitive.Portal, { ...props, "data-slot": slotName });
 }
 function AlertDialogOverlay({
   className,
   slotName = "alert-dialog-overlay",
   ...props
 }) {
-  return /* @__PURE__ */ jsx(
-    AlertDialog$1.Overlay,
+  return /* @__PURE__ */ jsx4(
+    AlertDialogPrimitive.Overlay,
     {
       className: cn(
         "inset-0 bg-black/60 backdrop-blur-sm data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:animate-in data-[state=open]:fade-in-0 fixed z-50",
@@ -250,10 +451,10 @@ function AlertDialogContent({
   slotName = "alert-dialog-content",
   ...props
 }) {
-  return /* @__PURE__ */ jsxs(AlertDialogPortal, { children: [
-    /* @__PURE__ */ jsx(AlertDialogOverlay, {}),
-    /* @__PURE__ */ jsx(
-      AlertDialog$1.Content,
+  return /* @__PURE__ */ jsxs2(AlertDialogPortal, { children: [
+    /* @__PURE__ */ jsx4(AlertDialogOverlay, {}),
+    /* @__PURE__ */ jsx4(
+      AlertDialogPrimitive.Content,
       {
         "data-size": size,
         className: cn(
@@ -271,7 +472,7 @@ function AlertDialogHeader({
   slotName = "alert-dialog-header",
   ...props
 }) {
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx4(
     "div",
     {
       className: cn(
@@ -288,7 +489,7 @@ function AlertDialogFooter({
   slotName = "alert-dialog-footer",
   ...props
 }) {
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx4(
     "div",
     {
       className: cn(
@@ -305,8 +506,8 @@ function AlertDialogTitle({
   slotName = "alert-dialog-title",
   ...props
 }) {
-  return /* @__PURE__ */ jsx(
-    AlertDialog$1.Title,
+  return /* @__PURE__ */ jsx4(
+    AlertDialogPrimitive.Title,
     {
       className: cn(
         "text-lg font-semibold sm:group-data-[size=default]/alert-dialog-content:group-has-data-[slot=alert-dialog-media]/alert-dialog-content:col-start-2",
@@ -322,8 +523,8 @@ function AlertDialogDescription({
   slotName = "alert-dialog-description",
   ...props
 }) {
-  return /* @__PURE__ */ jsx(
-    AlertDialog$1.Description,
+  return /* @__PURE__ */ jsx4(
+    AlertDialogPrimitive.Description,
     {
       className: cn("text-sm text-muted-foreground", className),
       ...props,
@@ -336,7 +537,7 @@ function AlertDialogMedia({
   slotName = "alert-dialog-media",
   ...props
 }) {
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx4(
     "div",
     {
       className: cn(
@@ -355,8 +556,8 @@ function AlertDialogAction({
   slotName = "alert-dialog-action",
   ...props
 }) {
-  return /* @__PURE__ */ jsx(Button, { variant, size, asChild: true, children: /* @__PURE__ */ jsx(
-    AlertDialog$1.Action,
+  return /* @__PURE__ */ jsx4(Button, { variant, size, asChild: true, children: /* @__PURE__ */ jsx4(
+    AlertDialogPrimitive.Action,
     {
       className: cn(className),
       ...props,
@@ -371,8 +572,8 @@ function AlertDialogCancel({
   slotName = "alert-dialog-cancel",
   ...props
 }) {
-  return /* @__PURE__ */ jsx(Button, { variant, size, asChild: true, children: /* @__PURE__ */ jsx(
-    AlertDialog$1.Cancel,
+  return /* @__PURE__ */ jsx4(Button, { variant, size, asChild: true, children: /* @__PURE__ */ jsx4(
+    AlertDialogPrimitive.Cancel,
     {
       className: cn(className),
       ...props,
@@ -380,7 +581,15 @@ function AlertDialogCancel({
     }
   ) });
 }
-var ToggleGroupContext = React3.createContext({
+
+// src/components/ui/appearance-toggle.tsx
+import { MonitorIcon, MoonIcon, SunIcon } from "lucide-react";
+
+// src/components/ui/toggle-group.tsx
+import * as ToggleGroupPrimitive from "@radix-ui/react-toggle-group";
+import * as React2 from "react";
+import { jsx as jsx5 } from "react/jsx-runtime";
+var ToggleGroupContext = React2.createContext({
   size: "default",
   variant: "default"
 });
@@ -392,7 +601,7 @@ function ToggleGroup({
   slotName = "toggle-group",
   ...props
 }) {
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx5(
     ToggleGroupPrimitive.Root,
     {
       "data-variant": variant,
@@ -403,7 +612,7 @@ function ToggleGroup({
       ),
       ...props,
       "data-slot": slotName,
-      children: /* @__PURE__ */ jsx(ToggleGroupContext.Provider, { value: { variant, size }, children })
+      children: /* @__PURE__ */ jsx5(ToggleGroupContext.Provider, { value: { variant, size }, children })
     }
   );
 }
@@ -415,8 +624,8 @@ function ToggleGroupItem({
   slotName = "toggle-group-item",
   ...props
 }) {
-  const context = React3.useContext(ToggleGroupContext);
-  return /* @__PURE__ */ jsx(
+  const context = React2.useContext(ToggleGroupContext);
+  return /* @__PURE__ */ jsx5(
     ToggleGroupPrimitive.Item,
     {
       "data-variant": context.variant || variant,
@@ -435,6 +644,9 @@ function ToggleGroupItem({
     }
   );
 }
+
+// src/components/ui/appearance-toggle.tsx
+import { jsx as jsx6, jsxs as jsxs3 } from "react/jsx-runtime";
 var appearanceToggleDefaultLabels = {
   groupLabel: "Appearance",
   lightLabel: "Light",
@@ -466,36 +678,36 @@ function AppearanceToggle({
   const current = OPTIONS.find((option) => option.value === appearance);
   const CurrentIcon = current?.icon ?? MonitorIcon;
   if (variant === "menu") {
-    return /* @__PURE__ */ jsx(
+    return /* @__PURE__ */ jsx6(
       "div",
       {
         "data-variant": "menu",
         className: cn("inline-flex", className),
         ...props,
         "data-slot": slotName,
-        children: /* @__PURE__ */ jsxs(DropdownMenu, { children: [
-          /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
+        children: /* @__PURE__ */ jsxs3(DropdownMenu, { children: [
+          /* @__PURE__ */ jsx6(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsx6(
             Button,
             {
               slotName: "appearance-toggle-trigger",
               variant: "ghost",
               size: "icon-sm",
               "aria-label": labels.groupLabel,
-              children: /* @__PURE__ */ jsx(CurrentIcon, { "aria-hidden": "true" })
+              children: /* @__PURE__ */ jsx6(CurrentIcon, { "aria-hidden": "true" })
             }
           ) }),
-          /* @__PURE__ */ jsx(DropdownMenuContent, { align: "end", children: /* @__PURE__ */ jsx(
+          /* @__PURE__ */ jsx6(DropdownMenuContent, { align: "end", children: /* @__PURE__ */ jsx6(
             DropdownMenuRadioGroup,
             {
               value: appearance,
               onValueChange: (value) => updateAppearance(value),
-              children: OPTIONS.map((option) => /* @__PURE__ */ jsxs(
+              children: OPTIONS.map((option) => /* @__PURE__ */ jsxs3(
                 DropdownMenuRadioItem,
                 {
                   slotName: "appearance-toggle-item",
                   value: option.value,
                   children: [
-                    /* @__PURE__ */ jsx(option.icon, { "aria-hidden": "true" }),
+                    /* @__PURE__ */ jsx6(option.icon, { "aria-hidden": "true" }),
                     option.label(labels)
                   ]
                 },
@@ -507,14 +719,14 @@ function AppearanceToggle({
       }
     );
   }
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx6(
     "div",
     {
       "data-variant": "segmented",
       className: cn("inline-flex", className),
       ...props,
       "data-slot": slotName,
-      children: /* @__PURE__ */ jsx(
+      children: /* @__PURE__ */ jsx6(
         ToggleGroup,
         {
           type: "single",
@@ -526,15 +738,15 @@ function AppearanceToggle({
               updateAppearance(value);
             }
           },
-          children: OPTIONS.map((option) => /* @__PURE__ */ jsxs(
+          children: OPTIONS.map((option) => /* @__PURE__ */ jsxs3(
             ToggleGroupItem,
             {
               slotName: "appearance-toggle-item",
               value: option.value,
               "aria-label": option.label(labels),
               children: [
-                /* @__PURE__ */ jsx(option.icon, { "aria-hidden": "true" }),
-                /* @__PURE__ */ jsx("span", { children: option.label(labels) })
+                /* @__PURE__ */ jsx6(option.icon, { "aria-hidden": "true" }),
+                /* @__PURE__ */ jsx6("span", { children: option.label(labels) })
               ]
             },
             option.value
@@ -544,12 +756,21 @@ function AppearanceToggle({
     }
   );
 }
+
+// src/components/ui/aspect-ratio.tsx
+import { AspectRatio as AspectRatioPrimitive } from "radix-ui";
+import { jsx as jsx7 } from "react/jsx-runtime";
 function AspectRatio({
   slotName = "aspect-ratio",
   ...props
 }) {
-  return /* @__PURE__ */ jsx(AspectRatio$1.Root, { ...props, "data-slot": slotName });
+  return /* @__PURE__ */ jsx7(AspectRatioPrimitive.Root, { ...props, "data-slot": slotName });
 }
+
+// src/components/ui/badge.tsx
+import { Slot } from "@radix-ui/react-slot";
+import { cva } from "class-variance-authority";
+import { jsx as jsx8 } from "react/jsx-runtime";
 var badgeVariants = cva(
   "inline-flex items-center justify-center rounded-full border px-2.5 py-1 text-xs font-semibold w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:outline-solid focus-visible:outline-1 focus-visible:outline-offset-0 focus-visible:outline-ring aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden",
   {
@@ -574,7 +795,7 @@ function Badge({
   ...props
 }) {
   const Comp = asChild ? Slot : "span";
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx8(
     Comp,
     {
       className: cn(badgeVariants({ variant }), className),
@@ -583,6 +804,12 @@ function Badge({
     }
   );
 }
+
+// src/components/ui/carousel.tsx
+import useEmblaCarousel from "embla-carousel-react";
+import { ArrowLeft, ArrowRight } from "lucide-react";
+import * as React3 from "react";
+import { jsx as jsx9, jsxs as jsxs4 } from "react/jsx-runtime";
 var CarouselContext = React3.createContext(null);
 function useCarousel() {
   const context = React3.useContext(CarouselContext);
@@ -648,7 +875,7 @@ function Carousel({
       api?.off("select", onSelect);
     };
   }, [api, onSelect]);
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx9(
     CarouselContext.Provider,
     {
       value: {
@@ -661,7 +888,7 @@ function Carousel({
         canScrollPrev,
         canScrollNext
       },
-      children: /* @__PURE__ */ jsx(
+      children: /* @__PURE__ */ jsx9(
         "div",
         {
           onKeyDownCapture: handleKeyDown,
@@ -687,13 +914,13 @@ function CarouselContent({
   ...props
 }) {
   const { carouselRef, orientation } = useCarousel();
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx9(
     "div",
     {
       ref: carouselRef,
       className: cn(nestedRadius, "overflow-hidden"),
       "data-slot": slotName,
-      children: /* @__PURE__ */ jsx(
+      children: /* @__PURE__ */ jsx9(
         "div",
         {
           className: cn(
@@ -713,7 +940,7 @@ function CarouselItem({
   ...props
 }) {
   const { orientation } = useCarousel();
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx9(
     "div",
     {
       role: "group",
@@ -736,7 +963,7 @@ function CarouselPrevious({
   ...props
 }) {
   const { orientation, scrollPrev, canScrollPrev } = useCarousel();
-  return /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ jsxs4(
     Button,
     {
       variant,
@@ -751,8 +978,8 @@ function CarouselPrevious({
       ...props,
       slotName,
       children: [
-        /* @__PURE__ */ jsx(ArrowLeft, {}),
-        /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Previous slide" })
+        /* @__PURE__ */ jsx9(ArrowLeft, {}),
+        /* @__PURE__ */ jsx9("span", { className: "sr-only", children: "Previous slide" })
       ]
     }
   );
@@ -765,7 +992,7 @@ function CarouselNext({
   ...props
 }) {
   const { orientation, scrollNext, canScrollNext } = useCarousel();
-  return /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ jsxs4(
     Button,
     {
       variant,
@@ -780,17 +1007,22 @@ function CarouselNext({
       ...props,
       slotName,
       children: [
-        /* @__PURE__ */ jsx(ArrowRight, {}),
-        /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Next slide" })
+        /* @__PURE__ */ jsx9(ArrowRight, {}),
+        /* @__PURE__ */ jsx9("span", { className: "sr-only", children: "Next slide" })
       ]
     }
   );
 }
+
+// src/components/ui/chart.tsx
+import * as React4 from "react";
+import * as RechartsPrimitive from "recharts";
+import { Fragment, jsx as jsx10, jsxs as jsxs5 } from "react/jsx-runtime";
 var THEMES = { light: "", dark: ".dark" };
 var INITIAL_DIMENSION = { width: 320, height: 200 };
-var ChartContext = React3.createContext(null);
+var ChartContext = React4.createContext(null);
 function useChart() {
-  const context = React3.useContext(ChartContext);
+  const context = React4.useContext(ChartContext);
   if (!context) {
     throw new Error("useChart must be used within a <ChartContainer />");
   }
@@ -805,9 +1037,9 @@ function ChartContainer({
   slotName = "chart",
   ...props
 }) {
-  const uniqueId = React3.useId();
+  const uniqueId = React4.useId();
   const chartId = `chart-${id ?? uniqueId.replace(/:/g, "")}`;
-  return /* @__PURE__ */ jsx(ChartContext.Provider, { value: { config }, children: /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ jsx10(ChartContext.Provider, { value: { config }, children: /* @__PURE__ */ jsxs5(
     "div",
     {
       "data-chart": chartId,
@@ -821,8 +1053,8 @@ function ChartContainer({
       ...props,
       "data-slot": slotName,
       children: [
-        /* @__PURE__ */ jsx(ChartStyle, { id: chartId, config }),
-        /* @__PURE__ */ jsx(
+        /* @__PURE__ */ jsx10(ChartStyle, { id: chartId, config }),
+        /* @__PURE__ */ jsx10(
           RechartsPrimitive.ResponsiveContainer,
           {
             initialDimension,
@@ -840,7 +1072,7 @@ var ChartStyle = ({ id, config }) => {
   if (!colorConfig.length) {
     return null;
   }
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx10(
     "style",
     {
       dangerouslySetInnerHTML: {
@@ -875,7 +1107,7 @@ function ChartTooltipContent({
   labelKey
 }) {
   const { config } = useChart();
-  const tooltipLabel = React3.useMemo(() => {
+  const tooltipLabel = React4.useMemo(() => {
     if (hideLabel || !payload?.length) {
       return null;
     }
@@ -884,12 +1116,12 @@ function ChartTooltipContent({
     const itemConfig = getPayloadConfigFromPayload(config, item, key);
     const value = !labelKey && typeof label === "string" ? config[label]?.label ?? label : itemConfig?.label;
     if (labelFormatter) {
-      return /* @__PURE__ */ jsx("div", { className: cn("font-medium", labelClassName), children: labelFormatter(value, payload) });
+      return /* @__PURE__ */ jsx10("div", { className: cn("font-medium", labelClassName), children: labelFormatter(value, payload) });
     }
     if (!value) {
       return null;
     }
-    return /* @__PURE__ */ jsx("div", { className: cn("font-medium", labelClassName), children: value });
+    return /* @__PURE__ */ jsx10("div", { className: cn("font-medium", labelClassName), children: value });
   }, [
     label,
     labelFormatter,
@@ -903,7 +1135,7 @@ function ChartTooltipContent({
     return null;
   }
   const nestLabel = payload.length === 1 && indicator !== "dot";
-  return /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ jsxs5(
     "div",
     {
       className: cn(
@@ -912,7 +1144,7 @@ function ChartTooltipContent({
       ),
       children: [
         !nestLabel ? tooltipLabel : null,
-        /* @__PURE__ */ jsx("div", { className: "gap-1.5 grid", children: payload.filter((item) => item.type !== "none").map((item, index) => {
+        /* @__PURE__ */ jsx10("div", { className: "gap-1.5 grid", children: payload.filter((item) => item.type !== "none").map((item, index) => {
           const key = `${nameKey ?? item.name ?? item.dataKey ?? "value"}`;
           const itemConfig = getPayloadConfigFromPayload(
             config,
@@ -920,7 +1152,7 @@ function ChartTooltipContent({
             key
           );
           const indicatorColor = color ?? item.payload?.fill ?? item.color;
-          return /* @__PURE__ */ jsx(
+          return /* @__PURE__ */ jsx10(
             "div",
             {
               className: cn(
@@ -933,8 +1165,8 @@ function ChartTooltipContent({
                 item,
                 index,
                 item.payload
-              ) : /* @__PURE__ */ jsxs(Fragment, { children: [
-                itemConfig?.icon ? /* @__PURE__ */ jsx(itemConfig.icon, {}) : !hideIndicator && /* @__PURE__ */ jsx(
+              ) : /* @__PURE__ */ jsxs5(Fragment, { children: [
+                itemConfig?.icon ? /* @__PURE__ */ jsx10(itemConfig.icon, {}) : !hideIndicator && /* @__PURE__ */ jsx10(
                   "div",
                   {
                     className: cn(
@@ -952,7 +1184,7 @@ function ChartTooltipContent({
                     }
                   }
                 ),
-                /* @__PURE__ */ jsxs(
+                /* @__PURE__ */ jsxs5(
                   "div",
                   {
                     className: cn(
@@ -960,11 +1192,11 @@ function ChartTooltipContent({
                       nestLabel ? "items-end" : "items-center"
                     ),
                     children: [
-                      /* @__PURE__ */ jsxs("div", { className: "gap-1.5 grid", children: [
+                      /* @__PURE__ */ jsxs5("div", { className: "gap-1.5 grid", children: [
                         nestLabel ? tooltipLabel : null,
-                        /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: itemConfig?.label ?? item.name })
+                        /* @__PURE__ */ jsx10("span", { className: "text-muted-foreground", children: itemConfig?.label ?? item.name })
                       ] }),
-                      item.value != null && /* @__PURE__ */ jsx("span", { className: "font-mono font-medium text-foreground tabular-nums", children: typeof item.value === "number" ? item.value.toLocaleString() : String(item.value) })
+                      item.value != null && /* @__PURE__ */ jsx10("span", { className: "font-mono font-medium text-foreground tabular-nums", children: typeof item.value === "number" ? item.value.toLocaleString() : String(item.value) })
                     ]
                   }
                 )
@@ -989,7 +1221,7 @@ function ChartLegendContent({
   if (!payload?.length) {
     return null;
   }
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx10(
     "div",
     {
       className: cn(
@@ -1004,14 +1236,14 @@ function ChartLegendContent({
           item,
           key
         );
-        return /* @__PURE__ */ jsxs(
+        return /* @__PURE__ */ jsxs5(
           "div",
           {
             className: cn(
               "gap-1.5 [&>svg]:h-3 [&>svg]:w-3 flex items-center [&>svg]:text-muted-foreground"
             ),
             children: [
-              itemConfig?.icon && !hideIcon ? /* @__PURE__ */ jsx(itemConfig.icon, {}) : /* @__PURE__ */ jsx(
+              itemConfig?.icon && !hideIcon ? /* @__PURE__ */ jsx10(itemConfig.icon, {}) : /* @__PURE__ */ jsx10(
                 "div",
                 {
                   className: "h-2 w-2 shrink-0 rounded-[2px]",
@@ -1044,31 +1276,11 @@ function getPayloadConfigFromPayload(config, payload, key) {
   }
   return config[key];
 }
-function Checkbox({
-  className,
-  slotName = "checkbox",
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    CheckboxPrimitive.Root,
-    {
-      className: cn(
-        `peer size-5 shadow-xs shrink-0 rounded-md border border-border transition-all disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 data-[state=checked]:border-primary data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground ${focusRing}`,
-        className
-      ),
-      ...props,
-      "data-slot": slotName,
-      children: /* @__PURE__ */ jsx(
-        CheckboxPrimitive.Indicator,
-        {
-          "data-slot": "checkbox-indicator",
-          className: "flex items-center justify-center text-current transition-none",
-          children: /* @__PURE__ */ jsx(CheckIcon, { className: "size-3.5" })
-        }
-      )
-    }
-  );
-}
+
+// src/components/ui/combobox.tsx
+import { Check, ChevronsUpDown } from "lucide-react";
+import { useState as useState4 } from "react";
+import { jsx as jsx11, jsxs as jsxs6 } from "react/jsx-runtime";
 var comboboxDefaultLabels = {
   placeholder: "Select an option",
   searchPlaceholder: "Search...",
@@ -1094,10 +1306,10 @@ function Combobox({
     searchPlaceholder,
     emptyText
   });
-  const [open, setOpen] = useState(false);
+  const [open, setOpen] = useState4(false);
   const selected = options.find((option) => option.value === value);
-  return /* @__PURE__ */ jsxs(Popover, { open, onOpenChange: setOpen, children: [
-    /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ jsxs6(Popover, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ jsx11(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs6(
       Button,
       {
         variant: "outline",
@@ -1117,26 +1329,26 @@ function Combobox({
         slotName,
         children: [
           selected ? selected.label : labels.placeholder,
-          /* @__PURE__ */ jsx(ChevronsUpDown, { className: "ml-2 h-4 w-4 shrink-0 opacity-50" })
+          /* @__PURE__ */ jsx11(ChevronsUpDown, { className: "ml-2 h-4 w-4 shrink-0 opacity-50" })
         ]
       }
     ) }),
-    /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsx11(
       PopoverContent,
       {
         className: "p-0 w-[var(--radix-popover-trigger-width)]",
         align: "start",
-        children: /* @__PURE__ */ jsxs(Command, { children: [
-          /* @__PURE__ */ jsx(
+        children: /* @__PURE__ */ jsxs6(Command, { children: [
+          /* @__PURE__ */ jsx11(
             CommandInput,
             {
               placeholder: labels.searchPlaceholder,
               className: "h-11"
             }
           ),
-          /* @__PURE__ */ jsxs(CommandList, { children: [
-            /* @__PURE__ */ jsx(CommandEmpty, { children: labels.emptyText }),
-            /* @__PURE__ */ jsx(CommandGroup, { children: options.map((option) => /* @__PURE__ */ jsxs(
+          /* @__PURE__ */ jsxs6(CommandList, { children: [
+            /* @__PURE__ */ jsx11(CommandEmpty, { children: labels.emptyText }),
+            /* @__PURE__ */ jsx11(CommandGroup, { children: options.map((option) => /* @__PURE__ */ jsxs6(
               CommandItem,
               {
                 value: option.label,
@@ -1146,7 +1358,7 @@ function Combobox({
                 },
                 className: "h-11 rounded-xl",
                 children: [
-                  /* @__PURE__ */ jsx(
+                  /* @__PURE__ */ jsx11(
                     Check,
                     {
                       className: cn(
@@ -1166,41 +1378,46 @@ function Combobox({
     )
   ] });
 }
+
+// src/components/ui/context-menu.tsx
+import { CheckIcon, ChevronRightIcon, CircleIcon } from "lucide-react";
+import { ContextMenu as ContextMenuPrimitive } from "radix-ui";
+import { jsx as jsx12, jsxs as jsxs7 } from "react/jsx-runtime";
 function ContextMenu({
   slotName = "context-menu",
   ...props
 }) {
-  return /* @__PURE__ */ jsx(ContextMenu$1.Root, { ...props, "data-slot": slotName });
+  return /* @__PURE__ */ jsx12(ContextMenuPrimitive.Root, { ...props, "data-slot": slotName });
 }
 function ContextMenuTrigger({
   slotName = "context-menu-trigger",
   ...props
 }) {
-  return /* @__PURE__ */ jsx(ContextMenu$1.Trigger, { ...props, "data-slot": slotName });
+  return /* @__PURE__ */ jsx12(ContextMenuPrimitive.Trigger, { ...props, "data-slot": slotName });
 }
 function ContextMenuGroup({
   slotName = "context-menu-group",
   ...props
 }) {
-  return /* @__PURE__ */ jsx(ContextMenu$1.Group, { ...props, "data-slot": slotName });
+  return /* @__PURE__ */ jsx12(ContextMenuPrimitive.Group, { ...props, "data-slot": slotName });
 }
 function ContextMenuPortal({
   slotName = "context-menu-portal",
   ...props
 }) {
-  return /* @__PURE__ */ jsx(ContextMenu$1.Portal, { ...props, "data-slot": slotName });
+  return /* @__PURE__ */ jsx12(ContextMenuPrimitive.Portal, { ...props, "data-slot": slotName });
 }
 function ContextMenuSub({
   slotName = "context-menu-sub",
   ...props
 }) {
-  return /* @__PURE__ */ jsx(ContextMenu$1.Sub, { ...props, "data-slot": slotName });
+  return /* @__PURE__ */ jsx12(ContextMenuPrimitive.Sub, { ...props, "data-slot": slotName });
 }
 function ContextMenuRadioGroup({
   slotName = "context-menu-radio-group",
   ...props
 }) {
-  return /* @__PURE__ */ jsx(ContextMenu$1.RadioGroup, { ...props, "data-slot": slotName });
+  return /* @__PURE__ */ jsx12(ContextMenuPrimitive.RadioGroup, { ...props, "data-slot": slotName });
 }
 function ContextMenuSubTrigger({
   className,
@@ -1209,8 +1426,8 @@ function ContextMenuSubTrigger({
   slotName = "context-menu-sub-trigger",
   ...props
 }) {
-  return /* @__PURE__ */ jsxs(
-    ContextMenu$1.SubTrigger,
+  return /* @__PURE__ */ jsxs7(
+    ContextMenuPrimitive.SubTrigger,
     {
       "data-inset": inset,
       className: cn(
@@ -1221,7 +1438,7 @@ function ContextMenuSubTrigger({
       "data-slot": slotName,
       children: [
         children,
-        /* @__PURE__ */ jsx(ChevronRightIcon, { className: "ml-auto" })
+        /* @__PURE__ */ jsx12(ChevronRightIcon, { className: "ml-auto" })
       ]
     }
   );
@@ -1231,8 +1448,8 @@ function ContextMenuSubContent({
   slotName = "context-menu-sub-content",
   ...props
 }) {
-  return /* @__PURE__ */ jsx(
-    ContextMenu$1.SubContent,
+  return /* @__PURE__ */ jsx12(
+    ContextMenuPrimitive.SubContent,
     {
       className: cn(
         `${menuSurface} p-1.5 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 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 z-50 min-w-[8rem] origin-(--radix-context-menu-content-transform-origin) overflow-hidden`,
@@ -1248,8 +1465,8 @@ function ContextMenuContent({
   slotName = "context-menu-content",
   ...props
 }) {
-  return /* @__PURE__ */ jsx(ContextMenu$1.Portal, { children: /* @__PURE__ */ jsx(
-    ContextMenu$1.Content,
+  return /* @__PURE__ */ jsx12(ContextMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx12(
+    ContextMenuPrimitive.Content,
     {
       className: cn(
         `${menuSurface} p-1.5 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 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 z-50 max-h-(--radix-context-menu-content-available-height) min-w-[8rem] origin-(--radix-context-menu-content-transform-origin) overflow-x-hidden overflow-y-auto`,
@@ -1267,8 +1484,8 @@ function ContextMenuItem({
   slotName = "context-menu-item",
   ...props
 }) {
-  return /* @__PURE__ */ jsx(
-    ContextMenu$1.Item,
+  return /* @__PURE__ */ jsx12(
+    ContextMenuPrimitive.Item,
     {
       "data-inset": inset,
       "data-variant": variant,
@@ -1288,8 +1505,8 @@ function ContextMenuCheckboxItem({
   slotName = "context-menu-checkbox-item",
   ...props
 }) {
-  return /* @__PURE__ */ jsxs(
-    ContextMenu$1.CheckboxItem,
+  return /* @__PURE__ */ jsxs7(
+    ContextMenuPrimitive.CheckboxItem,
     {
       className: cn(
         "gap-2 py-1.5 pr-2 pl-8 text-sm [&_svg:not([class*='size-'])]:size-4 rounded-xl relative flex cursor-default items-center outline-hidden select-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0",
@@ -1299,7 +1516,7 @@ function ContextMenuCheckboxItem({
       ...props,
       "data-slot": slotName,
       children: [
-        /* @__PURE__ */ jsx("span", { className: "left-2 size-3.5 pointer-events-none absolute flex items-center justify-center", children: /* @__PURE__ */ jsx(ContextMenu$1.ItemIndicator, { children: /* @__PURE__ */ jsx(CheckIcon, { className: "size-4" }) }) }),
+        /* @__PURE__ */ jsx12("span", { className: "left-2 size-3.5 pointer-events-none absolute flex items-center justify-center", children: /* @__PURE__ */ jsx12(ContextMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx12(CheckIcon, { className: "size-4" }) }) }),
         children
       ]
     }
@@ -1311,8 +1528,8 @@ function ContextMenuRadioItem({
   slotName = "context-menu-radio-item",
   ...props
 }) {
-  return /* @__PURE__ */ jsxs(
-    ContextMenu$1.RadioItem,
+  return /* @__PURE__ */ jsxs7(
+    ContextMenuPrimitive.RadioItem,
     {
       className: cn(
         "gap-2 py-1.5 pr-2 pl-8 text-sm [&_svg:not([class*='size-'])]:size-4 rounded-xl relative flex cursor-default items-center outline-hidden select-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0",
@@ -1321,7 +1538,7 @@ function ContextMenuRadioItem({
       ...props,
       "data-slot": slotName,
       children: [
-        /* @__PURE__ */ jsx("span", { className: "left-2 size-3.5 pointer-events-none absolute flex items-center justify-center", children: /* @__PURE__ */ jsx(ContextMenu$1.ItemIndicator, { children: /* @__PURE__ */ jsx(CircleIcon, { className: "size-2 fill-current" }) }) }),
+        /* @__PURE__ */ jsx12("span", { className: "left-2 size-3.5 pointer-events-none absolute flex items-center justify-center", children: /* @__PURE__ */ jsx12(ContextMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx12(CircleIcon, { className: "size-2 fill-current" }) }) }),
         children
       ]
     }
@@ -1333,8 +1550,8 @@ function ContextMenuLabel({
   slotName = "context-menu-label",
   ...props
 }) {
-  return /* @__PURE__ */ jsx(
-    ContextMenu$1.Label,
+  return /* @__PURE__ */ jsx12(
+    ContextMenuPrimitive.Label,
     {
       "data-inset": inset,
       className: cn(
@@ -1351,8 +1568,8 @@ function ContextMenuSeparator({
   slotName = "context-menu-separator",
   ...props
 }) {
-  return /* @__PURE__ */ jsx(
-    ContextMenu$1.Separator,
+  return /* @__PURE__ */ jsx12(
+    ContextMenuPrimitive.Separator,
     {
       className: cn("-mx-1 my-1 h-px bg-border", className),
       ...props,
@@ -1365,7 +1582,7 @@ function ContextMenuShortcut({
   slotName = "context-menu-shortcut",
   ...props
 }) {
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx12(
     "span",
     {
       className: cn(
@@ -1377,6 +1594,10 @@ function ContextMenuShortcut({
     }
   );
 }
+
+// src/components/ui/data-table-faceted-filter.tsx
+import { Check as Check2, PlusCircle } from "lucide-react";
+import { jsx as jsx13, jsxs as jsxs8 } from "react/jsx-runtime";
 var dataTableFacetedFilterDefaultLabels = {
   noOptionsLabel: "No options."
 };
@@ -1389,17 +1610,17 @@ function FilterPopover({
   noOptionsLabel,
   slotName = "data-table-faceted-filter"
 }) {
-  return /* @__PURE__ */ jsxs(Popover, { children: [
-    /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ jsxs8(Popover, { children: [
+    /* @__PURE__ */ jsx13(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs8(
       Button,
       {
         variant: "outline",
-        className: "h-11 pr-5 rounded-2xl border-dashed border-border",
+        className: "h-11 gap-3 has-[>svg]:px-3 rounded-2xl border-dashed border-border",
         slotName,
         children: [
-          /* @__PURE__ */ jsx(PlusCircle, { className: "mr-2 size-4" }),
+          /* @__PURE__ */ jsx13(PlusCircle, { className: "size-4" }),
           label,
-          selected.size > 0 && /* @__PURE__ */ jsx(
+          selected.size > 0 && /* @__PURE__ */ jsx13(
             Badge,
             {
               variant: "secondary",
@@ -1410,23 +1631,23 @@ function FilterPopover({
         ]
       }
     ) }),
-    /* @__PURE__ */ jsx(PopoverContent, { className: cn("p-0", width), align: "start", children: /* @__PURE__ */ jsx(Command, { children: /* @__PURE__ */ jsxs(CommandList, { children: [
-      /* @__PURE__ */ jsx(CommandEmpty, { children: noOptionsLabel }),
-      /* @__PURE__ */ jsx(CommandGroup, { children: options.map((option) => /* @__PURE__ */ jsxs(
+    /* @__PURE__ */ jsx13(PopoverContent, { className: cn("p-0", width), align: "start", children: /* @__PURE__ */ jsx13(Command, { children: /* @__PURE__ */ jsxs8(CommandList, { children: [
+      /* @__PURE__ */ jsx13(CommandEmpty, { children: noOptionsLabel }),
+      /* @__PURE__ */ jsx13(CommandGroup, { children: options.map((option) => /* @__PURE__ */ jsxs8(
         CommandItem,
         {
           value: option.label,
           onSelect: () => onToggle(option.value),
           className: "h-10 rounded-xl",
           children: [
-            /* @__PURE__ */ jsx(
+            /* @__PURE__ */ jsx13(
               "div",
               {
                 className: cn(
                   "mr-2 size-4 flex items-center justify-center rounded-md border border-border",
                   selected.has(option.value) ? "bg-primary text-primary-foreground" : "opacity-50"
                 ),
-                children: selected.has(option.value) && /* @__PURE__ */ jsx(Check, { className: "size-3" })
+                children: selected.has(option.value) && /* @__PURE__ */ jsx13(Check2, { className: "size-3" })
               }
             ),
             option.label
@@ -1458,7 +1679,7 @@ function FacetedFilter({
     const arr = Array.from(next);
     column?.setFilterValue(arr.length ? arr : void 0);
   };
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx13(
     FilterPopover,
     {
       label: filter.label,
@@ -1491,7 +1712,7 @@ function ServerFacetedFilter({
     }
     onChange(Array.from(next));
   };
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx13(
     FilterPopover,
     {
       label: filter.label,
@@ -1503,34 +1724,38 @@ function ServerFacetedFilter({
     }
   );
 }
+
+// src/components/ui/data-table-row-actions.tsx
+import { MoreVertical } from "lucide-react";
+import { jsx as jsx14, jsxs as jsxs9 } from "react/jsx-runtime";
 function RowActionsMenu({
   row,
   actions,
   slotName = "data-table-row-actions"
 }) {
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx14(
     "div",
     {
       className: "flex justify-end",
       onClick: (event) => event.stopPropagation(),
       "data-slot": slotName,
-      children: /* @__PURE__ */ jsxs(DropdownMenu, { children: [
-        /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
+      children: /* @__PURE__ */ jsxs9(DropdownMenu, { children: [
+        /* @__PURE__ */ jsx14(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsx14(
           Button,
           {
             variant: "ghost",
             size: "icon",
             className: "size-8 rounded-xl text-muted-foreground hover:text-foreground",
-            children: /* @__PURE__ */ jsx(MoreVertical, { className: "size-4" })
+            children: /* @__PURE__ */ jsx14(MoreVertical, { className: "size-4" })
           }
         ) }),
-        /* @__PURE__ */ jsx(DropdownMenuContent, { align: "end", className: "rounded-2xl", children: actions.map((action) => /* @__PURE__ */ jsxs(
+        /* @__PURE__ */ jsx14(DropdownMenuContent, { align: "end", className: "rounded-2xl", children: actions.map((action) => /* @__PURE__ */ jsxs9(
           DropdownMenuItem,
           {
             onClick: () => action.onClick(row),
             className: action.variant === "destructive" ? "rounded-xl text-destructive focus:text-destructive" : "rounded-xl",
             children: [
-              action.icon && /* @__PURE__ */ jsx(action.icon, { className: "size-4" }),
+              action.icon && /* @__PURE__ */ jsx14(action.icon, { className: "size-4" }),
               action.label
             ]
           },
@@ -1540,6 +1765,10 @@ function RowActionsMenu({
     }
   );
 }
+
+// src/components/ui/empty-state.tsx
+import { SearchX } from "lucide-react";
+import { jsx as jsx15, jsxs as jsxs10 } from "react/jsx-runtime";
 var emptyStateLabels = {
   title: "Nothing to show"
 };
@@ -1552,7 +1781,7 @@ function EmptyState({
   className,
   slotName = "empty-state"
 }) {
-  return /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ jsxs10(
     "div",
     {
       "data-compact": compact || void 0,
@@ -1563,7 +1792,7 @@ function EmptyState({
       ),
       "data-slot": slotName,
       children: [
-        /* @__PURE__ */ jsx(
+        /* @__PURE__ */ jsx15(
           "span",
           {
             "data-slot": "empty-state-icon",
@@ -1571,10 +1800,10 @@ function EmptyState({
               "flex shrink-0 items-center justify-center rounded-full bg-surface-recessed text-muted-foreground",
               compact ? "size-8" : "size-10"
             ),
-            children: /* @__PURE__ */ jsx(Icon2, { className: compact ? "size-4" : "size-5" })
+            children: /* @__PURE__ */ jsx15(Icon2, { className: compact ? "size-4" : "size-5" })
           }
         ),
-        /* @__PURE__ */ jsxs(
+        /* @__PURE__ */ jsxs10(
           "div",
           {
             className: cn(
@@ -1582,7 +1811,7 @@ function EmptyState({
               compact ? "gap-0.5" : "gap-1"
             ),
             children: [
-              /* @__PURE__ */ jsx(
+              /* @__PURE__ */ jsx15(
                 "p",
                 {
                   "data-slot": "empty-state-title",
@@ -1593,7 +1822,7 @@ function EmptyState({
                   children: title
                 }
               ),
-              description && /* @__PURE__ */ jsx(
+              description && /* @__PURE__ */ jsx15(
                 "p",
                 {
                   "data-slot": "empty-state-description",
@@ -1604,7 +1833,7 @@ function EmptyState({
             ]
           }
         ),
-        actions && /* @__PURE__ */ jsx(
+        actions && /* @__PURE__ */ jsx15(
           "div",
           {
             "data-slot": "empty-state-actions",
@@ -1619,7 +1848,11 @@ function EmptyState({
     }
   );
 }
-var Table = React3.forwardRef(({ className, slotName = "table-container", ...props }, ref) => /* @__PURE__ */ jsx(
+
+// src/components/ui/table.tsx
+import * as React5 from "react";
+import { jsx as jsx16 } from "react/jsx-runtime";
+var Table = React5.forwardRef(({ className, slotName = "table-container", ...props }, ref) => /* @__PURE__ */ jsx16(
   "div",
   {
     className: cn(
@@ -1629,7 +1862,7 @@ var Table = React3.forwardRef(({ className, slotName = "table-container", ...pro
       "relative w-full overflow-hidden bg-card"
     ),
     "data-slot": slotName,
-    children: /* @__PURE__ */ jsx(
+    children: /* @__PURE__ */ jsx16(
       "div",
       {
         className: cn(
@@ -1638,7 +1871,7 @@ var Table = React3.forwardRef(({ className, slotName = "table-container", ...pro
           nestedEdgeToEdge,
           "w-full overflow-x-auto"
         ),
-        children: /* @__PURE__ */ jsx(
+        children: /* @__PURE__ */ jsx16(
           "table",
           {
             ref,
@@ -1651,9 +1884,9 @@ var Table = React3.forwardRef(({ className, slotName = "table-container", ...pro
   }
 ));
 Table.displayName = "Table";
-var TableHeader = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("thead", { ref, className: cn("[&_tr]:border-b", className), ...props }));
+var TableHeader = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx16("thead", { ref, className: cn("[&_tr]:border-b", className), ...props }));
 TableHeader.displayName = "TableHeader";
-var TableBody = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var TableBody = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx16(
   "tbody",
   {
     ref,
@@ -1662,7 +1895,7 @@ var TableBody = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   }
 ));
 TableBody.displayName = "TableBody";
-var TableFooter = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var TableFooter = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx16(
   "tfoot",
   {
     ref,
@@ -1674,7 +1907,7 @@ var TableFooter = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 TableFooter.displayName = "TableFooter";
-var TableRow = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var TableRow = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx16(
   "tr",
   {
     ref,
@@ -1686,7 +1919,7 @@ var TableRow = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   }
 ));
 TableRow.displayName = "TableRow";
-var TableHead = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var TableHead = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx16(
   "th",
   {
     ref,
@@ -1698,7 +1931,7 @@ var TableHead = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   }
 ));
 TableHead.displayName = "TableHead";
-var TableCell = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var TableCell = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx16(
   "td",
   {
     ref,
@@ -1710,7 +1943,7 @@ var TableCell = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   }
 ));
 TableCell.displayName = "TableCell";
-var TableCaption = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var TableCaption = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx16(
   "caption",
   {
     ref,
@@ -1722,6 +1955,26 @@ var TableCaption = React3.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 TableCaption.displayName = "TableCaption";
+
+// src/components/ui/data-table.tsx
+import {
+  flexRender,
+  getCoreRowModel,
+  getFilteredRowModel,
+  getPaginationRowModel,
+  getSortedRowModel,
+  useReactTable
+} from "@tanstack/react-table";
+import {
+  ArrowUpDown,
+  ChevronLeft,
+  ChevronRight,
+  Plus,
+  Search,
+  X
+} from "lucide-react";
+import { useMemo as useMemo2, useState as useState5 } from "react";
+import { jsx as jsx17, jsxs as jsxs11 } from "react/jsx-runtime";
 function pageRange(current, last) {
   if (last <= 7) {
     return Array.from({ length: last }, (_, i) => i + 1);
@@ -1789,11 +2042,11 @@ function DataTable({
     noOptionsLabel,
     totalLabel
   });
-  const [sorting, setSorting] = useState([]);
-  const [globalFilter, setGlobalFilter] = useState("");
-  const [columnFilters, setColumnFilters] = useState([]);
+  const [sorting, setSorting] = useState5([]);
+  const [globalFilter, setGlobalFilter] = useState5("");
+  const [columnFilters, setColumnFilters] = useState5([]);
   const serverSearch = onSearchChange !== void 0;
-  const tableColumns = useMemo(() => {
+  const tableColumns = useMemo2(() => {
     if (!rowActions || rowActions.length === 0) {
       return columns;
     }
@@ -1803,7 +2056,7 @@ function DataTable({
         id: "__actions",
         header: "",
         enableSorting: false,
-        cell: ({ row }) => /* @__PURE__ */ jsx(RowActionsMenu, { row: row.original, actions: rowActions })
+        cell: ({ row }) => /* @__PURE__ */ jsx17(RowActionsMenu, { row: row.original, actions: rowActions })
       }
     ];
   }, [columns, rowActions]);
@@ -1841,16 +2094,16 @@ function DataTable({
   const sizeChoices = [.../* @__PURE__ */ new Set([...pageSizeOptions, activePageSize])].sort(
     (a, b) => a - b
   );
-  return /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ jsxs11(
     "div",
     {
       className: cn(elevatedSurface, "space-y-4 p-5 bg-card"),
       "data-slot": slotName,
       children: [
-        hasToolbar && /* @__PURE__ */ jsxs("div", { className: "gap-2 flex flex-wrap items-center", children: [
-          searchKey !== void 0 && /* @__PURE__ */ jsxs("div", { className: "relative min-w-[200px] flex-1", children: [
-            /* @__PURE__ */ jsx(Search, { className: "left-4 size-4 pointer-events-none absolute top-1/2 z-10 -translate-y-1/2 text-muted-foreground" }),
-            /* @__PURE__ */ jsx(
+        hasToolbar && /* @__PURE__ */ jsxs11("div", { className: "gap-2 flex flex-wrap items-center", children: [
+          searchKey !== void 0 && /* @__PURE__ */ jsxs11("div", { className: "relative min-w-[200px] flex-1", children: [
+            /* @__PURE__ */ jsx17(Search, { className: "left-4 size-4 pointer-events-none absolute top-1/2 z-10 -translate-y-1/2 text-muted-foreground" }),
+            /* @__PURE__ */ jsx17(
               Input,
               {
                 value: serverSearch ? searchValue ?? "" : globalFilter,
@@ -1860,7 +2113,7 @@ function DataTable({
               }
             )
           ] }),
-          filters?.map((filter) => /* @__PURE__ */ jsx(
+          filters?.map((filter) => /* @__PURE__ */ jsx17(
             FacetedFilter,
             {
               column: table.getColumn(filter.columnId),
@@ -1869,7 +2122,7 @@ function DataTable({
             },
             filter.columnId
           )),
-          serverFilters?.map((filter) => /* @__PURE__ */ jsx(
+          serverFilters?.map((filter) => /* @__PURE__ */ jsx17(
             ServerFacetedFilter,
             {
               filter,
@@ -1880,7 +2133,7 @@ function DataTable({
             filter.paramKey
           )),
           toolbarExtra,
-          (columnFilters.length > 0 || hasServerSelection || canClearFilters && onClearFilters) && /* @__PURE__ */ jsxs(
+          (columnFilters.length > 0 || hasServerSelection || canClearFilters && onClearFilters) && /* @__PURE__ */ jsxs11(
             Button,
             {
               variant: "ghost",
@@ -1895,32 +2148,32 @@ function DataTable({
               className: "h-11 rounded-2xl",
               children: [
                 labels.clearFiltersLabel,
-                /* @__PURE__ */ jsx(X, { className: "ml-1 size-4" })
+                /* @__PURE__ */ jsx17(X, { className: "ml-1 size-4" })
               ]
             }
           ),
-          onCreate && /* @__PURE__ */ jsx(
+          onCreate && /* @__PURE__ */ jsx17(
             Button,
             {
               onClick: onCreate,
               "aria-label": labels.createLabel,
               size: "icon",
               className: "size-11 rounded-2xl shrink-0 cursor-pointer bg-primary text-primary-foreground hover:bg-primary/90",
-              children: /* @__PURE__ */ jsx(Plus, { className: "size-5" })
+              children: /* @__PURE__ */ jsx17(Plus, { className: "size-5" })
             }
           ),
-          toolbarAction && /* @__PURE__ */ jsx("div", { className: "ml-auto", children: toolbarAction })
+          toolbarAction && /* @__PURE__ */ jsx17("div", { className: "ml-auto", children: toolbarAction })
         ] }),
-        /* @__PURE__ */ jsxs(Table, { children: [
-          /* @__PURE__ */ jsx(TableHeader, { children: table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ jsx(
+        /* @__PURE__ */ jsxs11(Table, { children: [
+          /* @__PURE__ */ jsx17(TableHeader, { children: table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ jsx17(
             TableRow,
             {
               className: "hover:bg-transparent",
-              children: headerGroup.headers.map((header) => /* @__PURE__ */ jsx(
+              children: headerGroup.headers.map((header) => /* @__PURE__ */ jsx17(
                 TableHead,
                 {
                   className: "h-11 px-4 font-medium tracking-wider text-[11px] text-muted-foreground uppercase",
-                  children: header.isPlaceholder ? null : header.column.getCanSort() ? /* @__PURE__ */ jsxs(
+                  children: header.isPlaceholder ? null : header.column.getCanSort() ? /* @__PURE__ */ jsxs11(
                     "button",
                     {
                       type: "button",
@@ -1931,7 +2184,7 @@ function DataTable({
                           header.column.columnDef.header,
                           header.getContext()
                         ),
-                        /* @__PURE__ */ jsx(ArrowUpDown, { className: "size-3 opacity-50" })
+                        /* @__PURE__ */ jsx17(ArrowUpDown, { className: "size-3 opacity-50" })
                       ]
                     }
                   ) : flexRender(
@@ -1944,8 +2197,8 @@ function DataTable({
             },
             headerGroup.id
           )) }),
-          /* @__PURE__ */ jsx(TableBody, { children: table.getRowModel().rows.length ? table.getRowModel().rows.map(
-            (row) => renderRow ? renderRow(row) : /* @__PURE__ */ jsx(
+          /* @__PURE__ */ jsx17(TableBody, { children: table.getRowModel().rows.length ? table.getRowModel().rows.map(
+            (row) => renderRow ? renderRow(row) : /* @__PURE__ */ jsx17(
               TableRow,
               {
                 onClick: onRowClick ? () => onRowClick(row.original) : void 0,
@@ -1955,7 +2208,7 @@ function DataTable({
                   onRowClick && "cursor-pointer",
                   "data-[active=true]:bg-primary/5"
                 ),
-                children: row.getVisibleCells().map((cell) => /* @__PURE__ */ jsx(
+                children: row.getVisibleCells().map((cell) => /* @__PURE__ */ jsx17(
                   TableCell,
                   {
                     className: "px-4 py-3",
@@ -1969,25 +2222,25 @@ function DataTable({
               },
               row.id
             )
-          ) : /* @__PURE__ */ jsx(TableRow, { children: /* @__PURE__ */ jsx(
+          ) : /* @__PURE__ */ jsx17(TableRow, { children: /* @__PURE__ */ jsx17(
             TableCell,
             {
               colSpan: tableColumns.length,
               className: "h-24 p-0",
-              children: /* @__PURE__ */ jsx(EmptyState, { compact: true, title: labels.emptyLabel })
+              children: /* @__PURE__ */ jsx17(EmptyState, { compact: true, title: labels.emptyLabel })
             }
           ) }) })
         ] }),
-        showFooter && /* @__PURE__ */ jsxs("div", { className: "gap-3 pt-4 flex flex-wrap items-center justify-between border-t border-border", children: [
-          /* @__PURE__ */ jsxs("div", { className: "gap-3 flex items-center", children: [
-            /* @__PURE__ */ jsxs(
+        showFooter && /* @__PURE__ */ jsxs11("div", { className: "gap-3 pt-4 flex flex-wrap items-center justify-between border-t border-border", children: [
+          /* @__PURE__ */ jsxs11("div", { className: "gap-3 flex items-center", children: [
+            /* @__PURE__ */ jsxs11(
               Select,
               {
                 value: String(activePageSize),
                 onValueChange: (value) => changePageSize(Number(value)),
                 children: [
-                  /* @__PURE__ */ jsx(SelectTrigger, { className: "h-9 rounded-xl w-[74px]", children: /* @__PURE__ */ jsx("span", { children: activePageSize }) }),
-                  /* @__PURE__ */ jsx(SelectContent, { className: "rounded-xl", children: sizeChoices.map((size) => /* @__PURE__ */ jsx(
+                  /* @__PURE__ */ jsx17(SelectTrigger, { className: "h-9 rounded-xl w-[74px]", children: /* @__PURE__ */ jsx17("span", { children: activePageSize }) }),
+                  /* @__PURE__ */ jsx17(SelectContent, { className: "rounded-xl", children: sizeChoices.map((size) => /* @__PURE__ */ jsx17(
                     SelectItem,
                     {
                       value: String(size),
@@ -1999,13 +2252,13 @@ function DataTable({
                 ]
               }
             ),
-            /* @__PURE__ */ jsxs("span", { className: "text-xs font-medium text-muted-foreground", children: [
+            /* @__PURE__ */ jsxs11("span", { className: "text-xs font-medium text-muted-foreground", children: [
               labels.paginationLabel(currentPage, lastPage),
               total !== void 0 && ` \xB7 ${labels.totalLabel(total)}`
             ] })
           ] }),
-          /* @__PURE__ */ jsxs("div", { className: "gap-1.5 flex items-center", children: [
-            /* @__PURE__ */ jsx(
+          /* @__PURE__ */ jsxs11("div", { className: "gap-1.5 flex items-center", children: [
+            /* @__PURE__ */ jsx17(
               Button,
               {
                 variant: "outline",
@@ -2013,18 +2266,18 @@ function DataTable({
                 className: "size-9 rounded-xl",
                 onClick: prev,
                 disabled: !canPrev,
-                children: /* @__PURE__ */ jsx(ChevronLeft, { className: "size-4" })
+                children: /* @__PURE__ */ jsx17(ChevronLeft, { className: "size-4" })
               }
             ),
             pageRange(currentPage, lastPage).map(
-              (page, index) => page === "ellipsis" ? /* @__PURE__ */ jsx(
+              (page, index) => page === "ellipsis" ? /* @__PURE__ */ jsx17(
                 "span",
                 {
                   className: "px-1 text-sm font-medium text-muted-foreground",
                   children: "\u2026"
                 },
                 `ellipsis-${index}`
-              ) : /* @__PURE__ */ jsx(
+              ) : /* @__PURE__ */ jsx17(
                 Button,
                 {
                   variant: "outline",
@@ -2038,7 +2291,7 @@ function DataTable({
                 page
               )
             ),
-            /* @__PURE__ */ jsx(
+            /* @__PURE__ */ jsx17(
               Button,
               {
                 variant: "outline",
@@ -2046,7 +2299,7 @@ function DataTable({
                 className: "size-9 rounded-xl",
                 onClick: next,
                 disabled: !canNext,
-                children: /* @__PURE__ */ jsx(ChevronRight, { className: "size-4" })
+                children: /* @__PURE__ */ jsx17(ChevronRight, { className: "size-4" })
               }
             )
           ] })
@@ -2055,6 +2308,9 @@ function DataTable({
     }
   );
 }
+
+// src/components/ui/calendar-popover.tsx
+import { jsx as jsx18, jsxs as jsxs12 } from "react/jsx-runtime";
 function CalendarPopover({
   open,
   onOpenChange,
@@ -2064,9 +2320,9 @@ function CalendarPopover({
   children,
   slotName = "calendar-popover"
 }) {
-  return /* @__PURE__ */ jsxs(Popover, { open, onOpenChange, children: [
-    /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: trigger }),
-    /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsxs12(Popover, { open, onOpenChange, children: [
+    /* @__PURE__ */ jsx18(PopoverTrigger, { asChild: true, children: trigger }),
+    /* @__PURE__ */ jsx18(
       PopoverContent,
       {
         className: cn("p-2 w-auto", className),
@@ -2079,12 +2335,18 @@ function CalendarPopover({
     )
   ] });
 }
+
+// src/components/ui/date-picker.tsx
+import { format } from "date-fns";
+import { CalendarIcon, X as X2 } from "lucide-react";
+import { useState as useState6 } from "react";
+import { jsx as jsx19, jsxs as jsxs13 } from "react/jsx-runtime";
 var datePickerDefaultLabels = {
   placeholder: "Pick a date",
   dateFormat: "dd MMM yy",
   clearLabel: "Clear date"
 };
-var triggerClasses = `h-11 px-4 text-sm font-medium flex w-full cursor-pointer items-center gap-2 text-left transition-all disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 ${fieldSurface} ${fieldFocus}`;
+var triggerClasses = `h-11 px-4 font-medium flex w-full cursor-pointer items-center gap-2 text-left transition-all disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 ${fieldSurface} ${fieldFocus}`;
 function boundaries(minDate, maxDate, disabledDays) {
   const matchers = [];
   if (minDate) {
@@ -2124,8 +2386,8 @@ function DatePicker(props) {
     dateFormat,
     clearLabel
   });
-  const [open, setOpen] = useState(false);
-  const [ownValue, setOwnValue] = useState(defaultValue);
+  const [open, setOpen] = useState6(false);
+  const [ownValue, setOwnValue] = useState6(defaultValue);
   const isControlled = "value" in props;
   const selected = isControlled ? value : ownValue;
   const showClear = clearable && !disabled && selected !== void 0;
@@ -2136,13 +2398,13 @@ function DatePicker(props) {
     }
     onChange?.(next);
   }
-  return /* @__PURE__ */ jsxs("div", { className: cn("relative w-full", className), "data-slot": slotName, children: [
-    /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsxs13("div", { className: cn("relative w-full", className), "data-slot": slotName, children: [
+    /* @__PURE__ */ jsx19(
       CalendarPopover,
       {
         open,
         onOpenChange: setOpen,
-        trigger: /* @__PURE__ */ jsxs(
+        trigger: /* @__PURE__ */ jsxs13(
           "button",
           {
             ...trigger,
@@ -2153,8 +2415,8 @@ function DatePicker(props) {
             "aria-invalid": ariaInvalid ?? (invalid || void 0),
             className: cn(triggerClasses, showClear && "pr-11"),
             children: [
-              /* @__PURE__ */ jsx(CalendarIcon, { className: "size-4 shrink-0 opacity-60" }),
-              /* @__PURE__ */ jsx(
+              /* @__PURE__ */ jsx19(CalendarIcon, { className: "size-4 shrink-0 opacity-60" }),
+              /* @__PURE__ */ jsx19(
                 "span",
                 {
                   className: cn(
@@ -2167,7 +2429,7 @@ function DatePicker(props) {
             ]
           }
         ),
-        children: /* @__PURE__ */ jsx(
+        children: /* @__PURE__ */ jsx19(
           Calendar,
           {
             mode: "single",
@@ -2189,7 +2451,7 @@ function DatePicker(props) {
         )
       }
     ),
-    showClear && /* @__PURE__ */ jsx(
+    showClear && /* @__PURE__ */ jsx19(
       "button",
       {
         type: "button",
@@ -2197,11 +2459,17 @@ function DatePicker(props) {
         "aria-label": labels.clearLabel,
         onClick: () => commit(void 0),
         className: `size-7 rounded-xl right-2 absolute top-1/2 inline-flex -translate-y-1/2 cursor-pointer items-center justify-center text-muted-foreground hover:text-foreground ${focusRing}`,
-        children: /* @__PURE__ */ jsx(X, { className: "size-3.5" })
+        children: /* @__PURE__ */ jsx19(X2, { className: "size-3.5" })
       }
     )
   ] });
 }
+
+// src/components/ui/date-range-filter.tsx
+import { format as format2 } from "date-fns";
+import { CalendarRange, X as X3 } from "lucide-react";
+import { useState as useState7 } from "react";
+import { jsx as jsx20, jsxs as jsxs14 } from "react/jsx-runtime";
 function parse(value) {
   return value ? /* @__PURE__ */ new Date(`${value}T00:00:00`) : void 0;
 }
@@ -2224,16 +2492,16 @@ function DateRangeFilter({
     dateRangeFilterDefaultLabels,
     { emptyLabel, dateFormat }
   );
-  const [open, setOpen] = useState(false);
+  const [open, setOpen] = useState7(false);
   const selected = from || to ? { from: parse(from), to: parse(to) } : void 0;
-  const label = from ? to && to !== from ? `${format(parse(from), labels.dateFormat)} - ${format(parse(to), labels.dateFormat)}` : format(parse(from), labels.dateFormat) : labels.emptyLabel;
-  return /* @__PURE__ */ jsx(
+  const label = from ? to && to !== from ? `${format2(parse(from), labels.dateFormat)} - ${format2(parse(to), labels.dateFormat)}` : format2(parse(from), labels.dateFormat) : labels.emptyLabel;
+  return /* @__PURE__ */ jsx20(
     CalendarPopover,
     {
       open,
       onOpenChange: setOpen,
       align: "end",
-      trigger: /* @__PURE__ */ jsxs(
+      trigger: /* @__PURE__ */ jsxs14(
         Button,
         {
           variant: "outline",
@@ -2244,9 +2512,9 @@ function DateRangeFilter({
           ),
           slotName,
           children: [
-            /* @__PURE__ */ jsx(CalendarRange, { className: "mr-2 size-4" }),
+            /* @__PURE__ */ jsx20(CalendarRange, { className: "mr-2 size-4" }),
             label,
-            (from || to) && /* @__PURE__ */ jsx(
+            (from || to) && /* @__PURE__ */ jsx20(
               "span",
               {
                 role: "button",
@@ -2256,13 +2524,13 @@ function DateRangeFilter({
                   onChange({ from: void 0, to: void 0 });
                 },
                 className: "ml-2 inline-flex",
-                children: /* @__PURE__ */ jsx(X, { className: "size-3.5 opacity-60 hover:opacity-100" })
+                children: /* @__PURE__ */ jsx20(X3, { className: "size-3.5 opacity-60 hover:opacity-100" })
               }
             )
           ]
         }
       ),
-      children: /* @__PURE__ */ jsx(
+      children: /* @__PURE__ */ jsx20(
         Calendar,
         {
           mode: "range",
@@ -2270,8 +2538,8 @@ function DateRangeFilter({
           defaultMonth: parse(from),
           selected,
           onSelect: (range) => onChange({
-            from: range?.from ? format(range.from, "yyyy-MM-dd") : void 0,
-            to: range?.to ? format(range.to, "yyyy-MM-dd") : void 0
+            from: range?.from ? format2(range.from, "yyyy-MM-dd") : void 0,
+            to: range?.to ? format2(range.to, "yyyy-MM-dd") : void 0
           }),
           className: "rounded-2xl bg-transparent"
         }
@@ -2279,37 +2547,41 @@ function DateRangeFilter({
     }
   );
 }
+
+// src/components/ui/drawer.tsx
+import { Drawer as DrawerPrimitive } from "vaul";
+import { jsx as jsx21, jsxs as jsxs15 } from "react/jsx-runtime";
 function Drawer({
   slotName = "drawer",
   ...props
 }) {
-  return /* @__PURE__ */ jsx(Drawer$1.Root, { ...props, "data-slot": slotName });
+  return /* @__PURE__ */ jsx21(DrawerPrimitive.Root, { ...props, "data-slot": slotName });
 }
 function DrawerTrigger({
   slotName = "drawer-trigger",
   ...props
 }) {
-  return /* @__PURE__ */ jsx(Drawer$1.Trigger, { ...props, "data-slot": slotName });
+  return /* @__PURE__ */ jsx21(DrawerPrimitive.Trigger, { ...props, "data-slot": slotName });
 }
 function DrawerPortal({
   slotName = "drawer-portal",
   ...props
 }) {
-  return /* @__PURE__ */ jsx(Drawer$1.Portal, { ...props, "data-slot": slotName });
+  return /* @__PURE__ */ jsx21(DrawerPrimitive.Portal, { ...props, "data-slot": slotName });
 }
 function DrawerClose({
   slotName = "drawer-close",
   ...props
 }) {
-  return /* @__PURE__ */ jsx(Drawer$1.Close, { ...props, "data-slot": slotName });
+  return /* @__PURE__ */ jsx21(DrawerPrimitive.Close, { ...props, "data-slot": slotName });
 }
 function DrawerOverlay({
   className,
   slotName = "drawer-overlay",
   ...props
 }) {
-  return /* @__PURE__ */ jsx(
-    Drawer$1.Overlay,
+  return /* @__PURE__ */ jsx21(
+    DrawerPrimitive.Overlay,
     {
       className: cn(
         "inset-0 bg-black/60 backdrop-blur-sm data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:animate-in data-[state=open]:fade-in-0 fixed z-50",
@@ -2326,10 +2598,10 @@ function DrawerContent({
   slotName = "drawer-content",
   ...props
 }) {
-  return /* @__PURE__ */ jsxs(DrawerPortal, { slotName: "drawer-portal", children: [
-    /* @__PURE__ */ jsx(DrawerOverlay, {}),
-    /* @__PURE__ */ jsxs(
-      Drawer$1.Content,
+  return /* @__PURE__ */ jsxs15(DrawerPortal, { slotName: "drawer-portal", children: [
+    /* @__PURE__ */ jsx21(DrawerOverlay, {}),
+    /* @__PURE__ */ jsxs15(
+      DrawerPrimitive.Content,
       {
         className: cn(
           `${floatingSurface} group/drawer-content fixed z-50 flex h-auto flex-col border-border`,
@@ -2342,7 +2614,7 @@ function DrawerContent({
         ...props,
         "data-slot": slotName,
         children: [
-          /* @__PURE__ */ jsx("div", { className: "mt-4 h-2 mx-auto hidden w-[100px] shrink-0 rounded-full bg-muted group-data-[vaul-drawer-direction=bottom]/drawer-content:block" }),
+          /* @__PURE__ */ jsx21("div", { className: "mt-4 h-2 mx-auto hidden w-[100px] shrink-0 rounded-full bg-muted group-data-[vaul-drawer-direction=bottom]/drawer-content:block" }),
           children
         ]
       }
@@ -2354,7 +2626,7 @@ function DrawerHeader({
   slotName = "drawer-header",
   ...props
 }) {
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx21(
     "div",
     {
       className: cn(
@@ -2371,7 +2643,7 @@ function DrawerFooter({
   slotName = "drawer-footer",
   ...props
 }) {
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx21(
     "div",
     {
       className: cn("gap-2 p-4 mt-auto flex flex-col", className),
@@ -2385,8 +2657,8 @@ function DrawerTitle({
   slotName = "drawer-title",
   ...props
 }) {
-  return /* @__PURE__ */ jsx(
-    Drawer$1.Title,
+  return /* @__PURE__ */ jsx21(
+    DrawerPrimitive.Title,
     {
       className: cn("font-semibold text-foreground", className),
       ...props,
@@ -2399,8 +2671,8 @@ function DrawerDescription({
   slotName = "drawer-description",
   ...props
 }) {
-  return /* @__PURE__ */ jsx(
-    Drawer$1.Description,
+  return /* @__PURE__ */ jsx21(
+    DrawerPrimitive.Description,
     {
       className: cn("text-sm text-muted-foreground", className),
       ...props,
@@ -2408,172 +2680,28 @@ function DrawerDescription({
     }
   );
 }
-function Field({
-  className,
-  children,
-  id,
-  orientation = "vertical",
-  error,
-  invalid,
-  required = false,
-  slotName = "field",
-  ...props
-}) {
-  const generatedId = React3.useId();
-  const fieldId = id ?? generatedId;
-  const [hasDescription, setHasDescription] = React3.useState(false);
-  const isInvalid = invalid ?? Boolean(error);
-  const field = React3.useMemo(
-    () => ({
-      controlId: fieldId,
-      descriptionId: `${fieldId}-description`,
-      errorId: `${fieldId}-error`,
-      orientation,
-      invalid: isInvalid,
-      required,
-      hasDescription,
-      setHasDescription
-    }),
-    [fieldId, orientation, isInvalid, required, hasDescription]
-  );
-  return /* @__PURE__ */ jsx(FieldContext.Provider, { value: field, children: /* @__PURE__ */ jsxs(
-    "div",
-    {
-      "data-orientation": orientation,
-      "data-invalid": isInvalid ? "true" : void 0,
-      className: cn(
-        "group/field",
-        orientation === "horizontal" ? "gap-x-4 gap-y-1 grid grid-cols-[1fr_auto] items-center" : "gap-2 flex flex-col",
-        className
-      ),
-      ...props,
-      "data-slot": slotName,
-      children: [
-        children,
-        /* @__PURE__ */ jsx(FieldError, { message: error })
-      ]
-    }
-  ) });
-}
-function FieldGroup({
-  className,
-  slotName = "field-group",
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: cn("gap-6 flex w-full flex-col", className),
-      ...props,
-      "data-slot": slotName
-    }
-  );
-}
-function FieldLabel({
-  className,
-  children,
-  requiredLabel = "Required",
-  slotName = "field-label",
-  ...props
-}) {
-  const { controlId, invalid, required } = useField();
-  return /* @__PURE__ */ jsxs(
-    Label,
-    {
-      htmlFor: controlId,
-      className: cn(
-        "gap-1 flex items-center group-data-[orientation=horizontal]/field:col-start-1 group-data-[orientation=horizontal]/field:row-start-1",
-        invalid && "text-destructive",
-        className
-      ),
-      ...props,
-      slotName,
-      children: [
-        children,
-        required ? /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx(
-            "span",
-            {
-              "data-slot": "field-required",
-              "aria-hidden": "true",
-              className: "text-destructive",
-              children: "*"
-            }
-          ),
-          /* @__PURE__ */ jsx("span", { className: "sr-only", children: requiredLabel })
-        ] }) : null
-      ]
-    }
-  );
-}
-function FieldDescription({
-  className,
-  slotName = "field-description",
-  ...props
-}) {
-  const { descriptionId, setHasDescription } = useField();
-  React3.useEffect(() => {
-    setHasDescription(true);
-    return () => setHasDescription(false);
-  }, [setHasDescription]);
-  return /* @__PURE__ */ jsx(
-    "p",
-    {
-      id: descriptionId,
-      className: cn(
-        "ml-1 text-xs font-medium text-muted-foreground group-data-[orientation=horizontal]/field:col-start-1 group-data-[orientation=horizontal]/field:row-start-2",
-        className
-      ),
-      ...props,
-      "data-slot": slotName
-    }
-  );
-}
-function FieldControl({
-  className,
-  ...props
-}) {
-  const {
-    controlId,
-    descriptionId,
-    errorId,
-    invalid,
-    required,
-    hasDescription
-  } = useField();
-  const requiredProps = required ? { required: true } : {};
-  const describedBy = [
-    hasDescription ? descriptionId : null,
-    invalid ? errorId : null
-  ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ jsx(
-    Slot,
-    {
-      "data-field-control": "true",
-      id: controlId,
-      "aria-describedby": describedBy || void 0,
-      "aria-invalid": invalid ? true : void 0,
-      ...requiredProps,
-      className: cn(
-        "group-data-[orientation=horizontal]/field:col-start-2 group-data-[orientation=horizontal]/field:row-span-2 group-data-[orientation=horizontal]/field:row-start-1 group-data-[orientation=horizontal]/field:justify-self-end",
-        className
-      ),
-      ...props
-    }
-  );
-}
+
+// src/components/ui/form.tsx
+import { Slot as Slot2 } from "@radix-ui/react-slot";
+import * as React6 from "react";
+import {
+  Controller,
+  FormProvider,
+  useFormContext
+} from "react-hook-form";
+import { jsx as jsx22 } from "react/jsx-runtime";
 var Form = FormProvider;
-var FormFieldContext = React3.createContext(
+var FormFieldContext = React6.createContext(
   {}
 );
 var FormField = ({
   ...props
 }) => {
-  return /* @__PURE__ */ jsx(FormFieldContext.Provider, { value: { name: props.name }, children: /* @__PURE__ */ jsx(Controller, { ...props }) });
+  return /* @__PURE__ */ jsx22(FormFieldContext.Provider, { value: { name: props.name }, children: /* @__PURE__ */ jsx22(Controller, { ...props }) });
 };
 var useFormField = () => {
-  const fieldContext = React3.useContext(FormFieldContext);
-  const itemContext = React3.useContext(FormItemContext);
+  const fieldContext = React6.useContext(FormFieldContext);
+  const itemContext = React6.useContext(FormItemContext);
   const { getFieldState, formState } = useFormContext();
   const fieldState = getFieldState(fieldContext.name, formState);
   if (!fieldContext) {
@@ -2589,12 +2717,12 @@ var useFormField = () => {
     ...fieldState
   };
 };
-var FormItemContext = React3.createContext(
+var FormItemContext = React6.createContext(
   {}
 );
-var FormItem = React3.forwardRef(({ className, slotName = "form-item", ...props }, ref) => {
-  const id = React3.useId();
-  return /* @__PURE__ */ jsx(FormItemContext.Provider, { value: { id }, children: /* @__PURE__ */ jsx(
+var FormItem = React6.forwardRef(({ className, slotName = "form-item", ...props }, ref) => {
+  const id = React6.useId();
+  return /* @__PURE__ */ jsx22(FormItemContext.Provider, { value: { id }, children: /* @__PURE__ */ jsx22(
     "div",
     {
       ref,
@@ -2605,9 +2733,9 @@ var FormItem = React3.forwardRef(({ className, slotName = "form-item", ...props
   ) });
 });
 FormItem.displayName = "FormItem";
-var FormLabel = React3.forwardRef(({ className, ...props }, ref) => {
+var FormLabel = React6.forwardRef(({ className, ...props }, ref) => {
   const { error, formItemId } = useFormField();
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx22(
     Label,
     {
       ref,
@@ -2618,10 +2746,10 @@ var FormLabel = React3.forwardRef(({ className, ...props }, ref) => {
   );
 });
 FormLabel.displayName = "FormLabel";
-var FormControl = React3.forwardRef(({ ...props }, ref) => {
+var FormControl = React6.forwardRef(({ ...props }, ref) => {
   const { error, formItemId, formDescriptionId, formMessageId } = useFormField();
-  return /* @__PURE__ */ jsx(
-    Slot,
+  return /* @__PURE__ */ jsx22(
+    Slot2,
     {
       ref,
       id: formItemId,
@@ -2632,9 +2760,9 @@ var FormControl = React3.forwardRef(({ ...props }, ref) => {
   );
 });
 FormControl.displayName = "FormControl";
-var FormDescription = React3.forwardRef(({ className, ...props }, ref) => {
+var FormDescription = React6.forwardRef(({ className, ...props }, ref) => {
   const { formDescriptionId } = useFormField();
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx22(
     "p",
     {
       ref,
@@ -2645,13 +2773,13 @@ var FormDescription = React3.forwardRef(({ className, ...props }, ref) => {
   );
 });
 FormDescription.displayName = "FormDescription";
-var FormMessage = React3.forwardRef(({ className, children, ...props }, ref) => {
+var FormMessage = React6.forwardRef(({ className, children, ...props }, ref) => {
   const { error, formMessageId } = useFormField();
   const body = error ? String(error?.message ?? "") : children;
   if (!body) {
     return null;
   }
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx22(
     "p",
     {
       ref,
@@ -2666,17 +2794,21 @@ var FormMessage = React3.forwardRef(({ className, children, ...props }, ref) =>
   );
 });
 FormMessage.displayName = "FormMessage";
+
+// src/components/ui/hover-card.tsx
+import { HoverCard as HoverCardPrimitive } from "radix-ui";
+import { jsx as jsx23 } from "react/jsx-runtime";
 function HoverCard({
   slotName = "hover-card",
   ...props
 }) {
-  return /* @__PURE__ */ jsx(HoverCard$1.Root, { ...props, "data-slot": slotName });
+  return /* @__PURE__ */ jsx23(HoverCardPrimitive.Root, { ...props, "data-slot": slotName });
 }
 function HoverCardTrigger({
   slotName = "hover-card-trigger",
   ...props
 }) {
-  return /* @__PURE__ */ jsx(HoverCard$1.Trigger, { ...props, "data-slot": slotName });
+  return /* @__PURE__ */ jsx23(HoverCardPrimitive.Trigger, { ...props, "data-slot": slotName });
 }
 function HoverCardContent({
   className,
@@ -2685,8 +2817,8 @@ function HoverCardContent({
   slotName = "hover-card-content",
   ...props
 }) {
-  return /* @__PURE__ */ jsx(HoverCard$1.Portal, { "data-slot": "hover-card-portal", children: /* @__PURE__ */ jsx(
-    HoverCard$1.Content,
+  return /* @__PURE__ */ jsx23(HoverCardPrimitive.Portal, { "data-slot": "hover-card-portal", children: /* @__PURE__ */ jsx23(
+    HoverCardPrimitive.Content,
     {
       align,
       sideOffset,
@@ -2699,13 +2831,18 @@ function HoverCardContent({
     }
   ) });
 }
+
+// src/components/ui/menubar.tsx
+import { CheckIcon as CheckIcon2, ChevronRightIcon as ChevronRightIcon2, CircleIcon as CircleIcon2 } from "lucide-react";
+import { Menubar as MenubarPrimitive } from "radix-ui";
+import { jsx as jsx24, jsxs as jsxs16 } from "react/jsx-runtime";
 function Menubar({
   className,
   slotName = "menubar",
   ...props
 }) {
-  return /* @__PURE__ */ jsx(
-    Menubar$1.Root,
+  return /* @__PURE__ */ jsx24(
+    MenubarPrimitive.Root,
     {
       className: cn(
         "h-9 gap-1 p-1 shadow-sm backdrop-blur-xl rounded-2xl flex items-center border border-border bg-card",
@@ -2720,33 +2857,33 @@ function MenubarMenu({
   slotName = "menubar-menu",
   ...props
 }) {
-  return /* @__PURE__ */ jsx(Menubar$1.Menu, { ...props, "data-slot": slotName });
+  return /* @__PURE__ */ jsx24(MenubarPrimitive.Menu, { ...props, "data-slot": slotName });
 }
 function MenubarGroup({
   slotName = "menubar-group",
   ...props
 }) {
-  return /* @__PURE__ */ jsx(Menubar$1.Group, { ...props, "data-slot": slotName });
+  return /* @__PURE__ */ jsx24(MenubarPrimitive.Group, { ...props, "data-slot": slotName });
 }
 function MenubarPortal({
   slotName = "menubar-portal",
   ...props
 }) {
-  return /* @__PURE__ */ jsx(Menubar$1.Portal, { ...props, "data-slot": slotName });
+  return /* @__PURE__ */ jsx24(MenubarPrimitive.Portal, { ...props, "data-slot": slotName });
 }
 function MenubarRadioGroup({
   slotName = "menubar-radio-group",
   ...props
 }) {
-  return /* @__PURE__ */ jsx(Menubar$1.RadioGroup, { ...props, "data-slot": slotName });
+  return /* @__PURE__ */ jsx24(MenubarPrimitive.RadioGroup, { ...props, "data-slot": slotName });
 }
 function MenubarTrigger({
   className,
   slotName = "menubar-trigger",
   ...props
 }) {
-  return /* @__PURE__ */ jsx(
-    Menubar$1.Trigger,
+  return /* @__PURE__ */ jsx24(
+    MenubarPrimitive.Trigger,
     {
       className: cn(
         "px-2 py-1 text-sm font-medium rounded-xl flex items-center outline-hidden select-none focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground",
@@ -2765,8 +2902,8 @@ function MenubarContent({
   slotName = "menubar-content",
   ...props
 }) {
-  return /* @__PURE__ */ jsx(MenubarPortal, { children: /* @__PURE__ */ jsx(
-    Menubar$1.Content,
+  return /* @__PURE__ */ jsx24(MenubarPortal, { children: /* @__PURE__ */ jsx24(
+    MenubarPrimitive.Content,
     {
       align,
       alignOffset,
@@ -2787,8 +2924,8 @@ function MenubarItem({
   slotName = "menubar-item",
   ...props
 }) {
-  return /* @__PURE__ */ jsx(
-    Menubar$1.Item,
+  return /* @__PURE__ */ jsx24(
+    MenubarPrimitive.Item,
     {
       "data-inset": inset,
       "data-variant": variant,
@@ -2808,8 +2945,8 @@ function MenubarCheckboxItem({
   slotName = "menubar-checkbox-item",
   ...props
 }) {
-  return /* @__PURE__ */ jsxs(
-    Menubar$1.CheckboxItem,
+  return /* @__PURE__ */ jsxs16(
+    MenubarPrimitive.CheckboxItem,
     {
       className: cn(
         "gap-2 rounded-xl py-1.5 pr-2 pl-8 text-sm [&_svg:not([class*='size-'])]:size-4 relative flex cursor-default items-center outline-hidden select-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0",
@@ -2819,7 +2956,7 @@ function MenubarCheckboxItem({
       ...props,
       "data-slot": slotName,
       children: [
-        /* @__PURE__ */ jsx("span", { className: "left-2 size-3.5 pointer-events-none absolute flex items-center justify-center", children: /* @__PURE__ */ jsx(Menubar$1.ItemIndicator, { children: /* @__PURE__ */ jsx(CheckIcon, { className: "size-4" }) }) }),
+        /* @__PURE__ */ jsx24("span", { className: "left-2 size-3.5 pointer-events-none absolute flex items-center justify-center", children: /* @__PURE__ */ jsx24(MenubarPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx24(CheckIcon2, { className: "size-4" }) }) }),
         children
       ]
     }
@@ -2831,8 +2968,8 @@ function MenubarRadioItem({
   slotName = "menubar-radio-item",
   ...props
 }) {
-  return /* @__PURE__ */ jsxs(
-    Menubar$1.RadioItem,
+  return /* @__PURE__ */ jsxs16(
+    MenubarPrimitive.RadioItem,
     {
       className: cn(
         "gap-2 rounded-xl py-1.5 pr-2 pl-8 text-sm [&_svg:not([class*='size-'])]:size-4 relative flex cursor-default items-center outline-hidden select-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0",
@@ -2841,7 +2978,7 @@ function MenubarRadioItem({
       ...props,
       "data-slot": slotName,
       children: [
-        /* @__PURE__ */ jsx("span", { className: "left-2 size-3.5 pointer-events-none absolute flex items-center justify-center", children: /* @__PURE__ */ jsx(Menubar$1.ItemIndicator, { children: /* @__PURE__ */ jsx(CircleIcon, { className: "size-2 fill-current" }) }) }),
+        /* @__PURE__ */ jsx24("span", { className: "left-2 size-3.5 pointer-events-none absolute flex items-center justify-center", children: /* @__PURE__ */ jsx24(MenubarPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx24(CircleIcon2, { className: "size-2 fill-current" }) }) }),
         children
       ]
     }
@@ -2853,8 +2990,8 @@ function MenubarLabel({
   slotName = "menubar-label",
   ...props
 }) {
-  return /* @__PURE__ */ jsx(
-    Menubar$1.Label,
+  return /* @__PURE__ */ jsx24(
+    MenubarPrimitive.Label,
     {
       "data-inset": inset,
       className: cn(
@@ -2871,8 +3008,8 @@ function MenubarSeparator({
   slotName = "menubar-separator",
   ...props
 }) {
-  return /* @__PURE__ */ jsx(
-    Menubar$1.Separator,
+  return /* @__PURE__ */ jsx24(
+    MenubarPrimitive.Separator,
     {
       className: cn("-mx-1 my-1 h-px bg-border", className),
       ...props,
@@ -2885,7 +3022,7 @@ function MenubarShortcut({
   slotName = "menubar-shortcut",
   ...props
 }) {
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx24(
     "span",
     {
       className: cn(
@@ -2901,7 +3038,7 @@ function MenubarSub({
   slotName = "menubar-sub",
   ...props
 }) {
-  return /* @__PURE__ */ jsx(Menubar$1.Sub, { ...props, "data-slot": slotName });
+  return /* @__PURE__ */ jsx24(MenubarPrimitive.Sub, { ...props, "data-slot": slotName });
 }
 function MenubarSubTrigger({
   className,
@@ -2910,8 +3047,8 @@ function MenubarSubTrigger({
   slotName = "menubar-sub-trigger",
   ...props
 }) {
-  return /* @__PURE__ */ jsxs(
-    Menubar$1.SubTrigger,
+  return /* @__PURE__ */ jsxs16(
+    MenubarPrimitive.SubTrigger,
     {
       "data-inset": inset,
       className: cn(
@@ -2922,7 +3059,7 @@ function MenubarSubTrigger({
       "data-slot": slotName,
       children: [
         children,
-        /* @__PURE__ */ jsx(ChevronRightIcon, { className: "h-4 w-4 ml-auto" })
+        /* @__PURE__ */ jsx24(ChevronRightIcon2, { className: "h-4 w-4 ml-auto" })
       ]
     }
   );
@@ -2932,8 +3069,8 @@ function MenubarSubContent({
   slotName = "menubar-sub-content",
   ...props
 }) {
-  return /* @__PURE__ */ jsx(
-    Menubar$1.SubContent,
+  return /* @__PURE__ */ jsx24(
+    MenubarPrimitive.SubContent,
     {
       className: cn(
         `${menuSurface} p-1.5 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 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 z-50 min-w-[8rem] origin-(--radix-menubar-content-transform-origin) overflow-hidden`,
@@ -2944,6 +3081,12 @@ function MenubarSubContent({
     }
   );
 }
+
+// src/components/ui/navigation-menu.tsx
+import * as NavigationMenuPrimitive from "@radix-ui/react-navigation-menu";
+import { cva as cva2 } from "class-variance-authority";
+import { ChevronDownIcon } from "lucide-react";
+import { jsx as jsx25, jsxs as jsxs17 } from "react/jsx-runtime";
 function NavigationMenu({
   className,
   children,
@@ -2951,7 +3094,7 @@ function NavigationMenu({
   slotName = "navigation-menu",
   ...props
 }) {
-  return /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ jsxs17(
     NavigationMenuPrimitive.Root,
     {
       "data-viewport": viewport,
@@ -2963,7 +3106,7 @@ function NavigationMenu({
       "data-slot": slotName,
       children: [
         children,
-        viewport && /* @__PURE__ */ jsx(NavigationMenuViewport, {})
+        viewport && /* @__PURE__ */ jsx25(NavigationMenuViewport, {})
       ]
     }
   );
@@ -2973,7 +3116,7 @@ function NavigationMenuList({
   slotName = "navigation-menu-list",
   ...props
 }) {
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx25(
     NavigationMenuPrimitive.List,
     {
       className: cn(
@@ -2990,7 +3133,7 @@ function NavigationMenuItem({
   slotName = "navigation-menu-item",
   ...props
 }) {
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx25(
     NavigationMenuPrimitive.Item,
     {
       className: cn("relative", className),
@@ -2999,7 +3142,7 @@ function NavigationMenuItem({
     }
   );
 }
-var navigationMenuTriggerStyle = cva(
+var navigationMenuTriggerStyle = cva2(
   "group inline-flex h-11 w-max items-center justify-center rounded-xl bg-background px-4 text-sm font-medium data-[state=open]:font-semibold hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground disabled:pointer-events-none disabled:opacity-50 data-[active=true]:bg-accent/50 data-[state=open]:bg-accent/50 data-[active=true]:text-accent-foreground transition-[color,box-shadow] outline-none focus-visible:outline-solid focus-visible:outline-1 focus-visible:outline-offset-0 focus-visible:outline-ring"
 );
 function NavigationMenuTrigger({
@@ -3008,7 +3151,7 @@ function NavigationMenuTrigger({
   slotName = "navigation-menu-trigger",
   ...props
 }) {
-  return /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ jsxs17(
     NavigationMenuPrimitive.Trigger,
     {
       className: cn(navigationMenuTriggerStyle(), "group", className),
@@ -3017,7 +3160,7 @@ function NavigationMenuTrigger({
       children: [
         children,
         " ",
-        /* @__PURE__ */ jsx(
+        /* @__PURE__ */ jsx25(
           ChevronDownIcon,
           {
             className: "ml-1 size-3 relative top-[1px] transition duration-300 group-data-[state=open]:rotate-180",
@@ -3033,7 +3176,7 @@ function NavigationMenuContent({
   slotName = "navigation-menu-content",
   ...props
 }) {
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx25(
     NavigationMenuPrimitive.Content,
     {
       className: cn(
@@ -3051,13 +3194,13 @@ function NavigationMenuViewport({
   slotName = "navigation-menu-viewport",
   ...props
 }) {
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx25(
     "div",
     {
       className: cn(
         "left-0 absolute top-full isolate z-50 flex justify-center"
       ),
-      children: /* @__PURE__ */ jsx(
+      children: /* @__PURE__ */ jsx25(
         NavigationMenuPrimitive.Viewport,
         {
           className: cn(
@@ -3076,7 +3219,7 @@ function NavigationMenuLink({
   slotName = "navigation-menu-link",
   ...props
 }) {
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx25(
     NavigationMenuPrimitive.Link,
     {
       className: cn(
@@ -3093,7 +3236,7 @@ function NavigationMenuIndicator({
   slotName = "navigation-menu-indicator",
   ...props
 }) {
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx25(
     NavigationMenuPrimitive.Indicator,
     {
       className: cn(
@@ -3102,16 +3245,24 @@ function NavigationMenuIndicator({
       ),
       ...props,
       "data-slot": slotName,
-      children: /* @__PURE__ */ jsx("div", { className: "h-2 w-2 shadow-md rounded-tl-xs relative top-[60%] rotate-45 bg-border" })
+      children: /* @__PURE__ */ jsx25("div", { className: "h-2 w-2 shadow-md rounded-tl-xs relative top-[60%] rotate-45 bg-border" })
     }
   );
 }
+
+// src/components/ui/pagination.tsx
+import {
+  ChevronLeftIcon,
+  ChevronRightIcon as ChevronRightIcon3,
+  MoreHorizontalIcon
+} from "lucide-react";
+import { jsx as jsx26, jsxs as jsxs18 } from "react/jsx-runtime";
 function Pagination({
   className,
   slotName = "pagination",
   ...props
 }) {
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx26(
     "nav",
     {
       role: "navigation",
@@ -3127,7 +3278,7 @@ function PaginationContent({
   slotName = "pagination-content",
   ...props
 }) {
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx26(
     "ul",
     {
       className: cn("gap-1 flex flex-row items-center", className),
@@ -3140,7 +3291,7 @@ function PaginationItem({
   slotName = "pagination-item",
   ...props
 }) {
-  return /* @__PURE__ */ jsx("li", { ...props, "data-slot": slotName });
+  return /* @__PURE__ */ jsx26("li", { ...props, "data-slot": slotName });
 }
 function PaginationLink({
   className,
@@ -3149,7 +3300,7 @@ function PaginationLink({
   slotName = "pagination-link",
   ...props
 }) {
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx26(
     "a",
     {
       "aria-current": isActive ? "page" : void 0,
@@ -3170,7 +3321,7 @@ function PaginationPrevious({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ jsxs18(
     PaginationLink,
     {
       "aria-label": "Go to previous page",
@@ -3178,8 +3329,8 @@ function PaginationPrevious({
       className: cn("gap-1 px-2.5 sm:pl-2.5", className),
       ...props,
       children: [
-        /* @__PURE__ */ jsx(ChevronLeftIcon, {}),
-        /* @__PURE__ */ jsx("span", { className: "sm:block hidden", children: "Previous" })
+        /* @__PURE__ */ jsx26(ChevronLeftIcon, {}),
+        /* @__PURE__ */ jsx26("span", { className: "sm:block hidden", children: "Previous" })
       ]
     }
   );
@@ -3188,7 +3339,7 @@ function PaginationNext({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ jsxs18(
     PaginationLink,
     {
       "aria-label": "Go to next page",
@@ -3196,8 +3347,8 @@ function PaginationNext({
       className: cn("gap-1 px-2.5 sm:pr-2.5", className),
       ...props,
       children: [
-        /* @__PURE__ */ jsx("span", { className: "sm:block hidden", children: "Next" }),
-        /* @__PURE__ */ jsx(ChevronRightIcon, {})
+        /* @__PURE__ */ jsx26("span", { className: "sm:block hidden", children: "Next" }),
+        /* @__PURE__ */ jsx26(ChevronRightIcon3, {})
       ]
     }
   );
@@ -3207,7 +3358,7 @@ function PaginationEllipsis({
   slotName = "pagination-ellipsis",
   ...props
 }) {
-  return /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ jsxs18(
     "span",
     {
       "aria-hidden": true,
@@ -3218,63 +3369,23 @@ function PaginationEllipsis({
       ...props,
       "data-slot": slotName,
       children: [
-        /* @__PURE__ */ jsx(MoreHorizontalIcon, { className: "size-4" }),
-        /* @__PURE__ */ jsx("span", { className: "sr-only", children: "More pages" })
+        /* @__PURE__ */ jsx26(MoreHorizontalIcon, { className: "size-4" }),
+        /* @__PURE__ */ jsx26("span", { className: "sr-only", children: "More pages" })
       ]
     }
   );
 }
-var passwordInputDefaultLabels = {
-  showLabel: "Show password",
-  hideLabel: "Hide password"
-};
-function PasswordInput({
-  className,
-  revealable = true,
-  showLabel,
-  hideLabel,
-  slotName = "password-input",
-  ...props
-}) {
-  const labels = useUiLabels("passwordInput", passwordInputDefaultLabels, {
-    showLabel,
-    hideLabel
-  });
-  const [visible, setVisible] = React3.useState(false);
-  return /* @__PURE__ */ jsxs("div", { className: "relative w-full", "data-slot": slotName, children: [
-    /* @__PURE__ */ jsx(
-      Input,
-      {
-        type: visible ? "text" : "password",
-        className: cn(revealable && "pr-12", className),
-        ...props
-      }
-    ),
-    revealable ? /* @__PURE__ */ jsx(
-      Button,
-      {
-        type: "button",
-        variant: "ghost",
-        size: "icon-sm",
-        slotName: "password-input-toggle",
-        "aria-label": visible ? labels.hideLabel : labels.showLabel,
-        "aria-pressed": visible,
-        disabled: props.disabled,
-        onMouseDown: (event) => event.preventDefault(),
-        onClick: () => setVisible((current) => !current),
-        className: "right-1 absolute top-1/2 -translate-y-1/2",
-        children: visible ? /* @__PURE__ */ jsx(EyeOff, { "aria-hidden": "true" }) : /* @__PURE__ */ jsx(Eye, { "aria-hidden": "true" })
-      }
-    ) : null
-  ] });
-}
+
+// src/components/ui/placeholder-pattern.tsx
+import { useId as useId3 } from "react";
+import { jsx as jsx27, jsxs as jsxs19 } from "react/jsx-runtime";
 function PlaceholderPattern({
   className,
   slotName = "placeholder-pattern"
 }) {
-  const patternId = useId();
-  return /* @__PURE__ */ jsxs("svg", { className, fill: "none", "data-slot": slotName, children: [
-    /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx(
+  const patternId = useId3();
+  return /* @__PURE__ */ jsxs19("svg", { className, fill: "none", "data-slot": slotName, children: [
+    /* @__PURE__ */ jsx27("defs", { children: /* @__PURE__ */ jsx27(
       "pattern",
       {
         id: patternId,
@@ -3283,7 +3394,7 @@ function PlaceholderPattern({
         width: "10",
         height: "10",
         patternUnits: "userSpaceOnUse",
-        children: /* @__PURE__ */ jsx(
+        children: /* @__PURE__ */ jsx27(
           "path",
           {
             d: "M-3 13 15-5M-5 5l18-18M-1 21 17 3",
@@ -3292,7 +3403,7 @@ function PlaceholderPattern({
         )
       }
     ) }),
-    /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsx27(
       "rect",
       {
         stroke: "none",
@@ -3303,14 +3414,18 @@ function PlaceholderPattern({
     )
   ] });
 }
+
+// src/components/ui/progress.tsx
+import { Progress as ProgressPrimitive } from "radix-ui";
+import { jsx as jsx28 } from "react/jsx-runtime";
 function Progress({
   className,
   value,
   slotName = "progress",
   ...props
 }) {
-  return /* @__PURE__ */ jsx(
-    Progress$1.Root,
+  return /* @__PURE__ */ jsx28(
+    ProgressPrimitive.Root,
     {
       className: cn(
         "h-2 relative w-full overflow-hidden rounded-full bg-primary/20",
@@ -3318,8 +3433,8 @@ function Progress({
       ),
       ...props,
       "data-slot": slotName,
-      children: /* @__PURE__ */ jsx(
-        Progress$1.Indicator,
+      children: /* @__PURE__ */ jsx28(
+        ProgressPrimitive.Indicator,
         {
           "data-slot": "progress-indicator",
           className: "h-full w-full flex-1 bg-primary transition-all",
@@ -3329,13 +3444,18 @@ function Progress({
     }
   );
 }
+
+// src/components/ui/radio-group.tsx
+import { CircleIcon as CircleIcon3 } from "lucide-react";
+import { RadioGroup as RadioGroupPrimitive } from "radix-ui";
+import { jsx as jsx29 } from "react/jsx-runtime";
 function RadioGroup({
   className,
   slotName = "radio-group",
   ...props
 }) {
-  return /* @__PURE__ */ jsx(
-    RadioGroup$1.Root,
+  return /* @__PURE__ */ jsx29(
+    RadioGroupPrimitive.Root,
     {
       className: cn("gap-3 grid", className),
       ...props,
@@ -3348,8 +3468,8 @@ function RadioGroupItem({
   slotName = "radio-group-item",
   ...props
 }) {
-  return /* @__PURE__ */ jsx(
-    RadioGroup$1.Item,
+  return /* @__PURE__ */ jsx29(
+    RadioGroupPrimitive.Item,
     {
       className: cn(
         `size-5 shadow-xs aspect-square shrink-0 rounded-full border border-border text-primary transition-[color,box-shadow] disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 ${focusRing}`,
@@ -3357,23 +3477,27 @@ function RadioGroupItem({
       ),
       ...props,
       "data-slot": slotName,
-      children: /* @__PURE__ */ jsx(
-        RadioGroup$1.Indicator,
+      children: /* @__PURE__ */ jsx29(
+        RadioGroupPrimitive.Indicator,
         {
           "data-slot": "radio-group-indicator",
           className: "relative flex items-center justify-center",
-          children: /* @__PURE__ */ jsx(CircleIcon, { className: "size-2.5 absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 fill-primary" })
+          children: /* @__PURE__ */ jsx29(CircleIcon3, { className: "size-2.5 absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 fill-primary" })
         }
       )
     }
   );
 }
+
+// src/components/ui/resizable.tsx
+import * as ResizablePrimitive from "react-resizable-panels";
+import { jsx as jsx30 } from "react/jsx-runtime";
 function ResizablePanelGroup({
   className,
   slotName = "resizable-panel-group",
   ...props
 }) {
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx30(
     ResizablePrimitive.Group,
     {
       className: cn(
@@ -3391,7 +3515,7 @@ function ResizablePanel({
   slotName = "resizable-panel",
   ...props
 }) {
-  return /* @__PURE__ */ jsx(ResizablePrimitive.Panel, { ...props, "data-slot": slotName });
+  return /* @__PURE__ */ jsx30(ResizablePrimitive.Panel, { ...props, "data-slot": slotName });
 }
 function ResizableHandle({
   withHandle,
@@ -3399,7 +3523,7 @@ function ResizableHandle({
   slotName = "resizable-handle",
   ...props
 }) {
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx30(
     ResizablePrimitive.Separator,
     {
       className: cn(
@@ -3408,10 +3532,15 @@ function ResizableHandle({
       ),
       ...props,
       "data-slot": slotName,
-      children: withHandle && /* @__PURE__ */ jsx("div", { className: "h-8 w-1.5 z-10 rounded-full bg-muted-foreground/40 transition-colors group-hover:bg-muted-foreground/60" })
+      children: withHandle && /* @__PURE__ */ jsx30("div", { className: "h-8 w-1.5 z-10 rounded-full bg-muted-foreground/40 transition-colors group-hover:bg-muted-foreground/60" })
     }
   );
 }
+
+// src/components/ui/save-status.tsx
+import { Check as Check3, TriangleAlert } from "lucide-react";
+import * as React7 from "react";
+import { jsx as jsx31, jsxs as jsxs20 } from "react/jsx-runtime";
 var saveStatusLabels = {
   error: "Your changes could not be saved",
   idle: "Changes are saved automatically",
@@ -3430,8 +3559,8 @@ function SaveStatus({
   ...props
 }) {
   const text = useUiLabels("saveStatus", saveStatusLabels, labels);
-  const [faded, setFaded] = React3.useState(false);
-  React3.useEffect(() => {
+  const [faded, setFaded] = React7.useState(false);
+  React7.useEffect(() => {
     if (status !== "saved" || savedDuration <= 0) {
       setFaded(false);
       return;
@@ -3441,7 +3570,7 @@ function SaveStatus({
     return () => clearTimeout(timer);
   }, [status, savedDuration, message]);
   const hidden = status === "saved" && faded;
-  return /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ jsxs20(
     "div",
     {
       ...props,
@@ -3457,7 +3586,7 @@ function SaveStatus({
       ),
       "data-slot": slotName,
       children: [
-        status === "idle" && showIdle && /* @__PURE__ */ jsx(
+        status === "idle" && showIdle && /* @__PURE__ */ jsx31(
           "span",
           {
             "data-slot": "save-status-idle",
@@ -3465,35 +3594,35 @@ function SaveStatus({
             children: text.idle
           }
         ),
-        status === "saving" && /* @__PURE__ */ jsxs(
+        status === "saving" && /* @__PURE__ */ jsxs20(
           "span",
           {
             "data-slot": "save-status-saving",
             className: "gap-2 flex items-center text-muted-foreground",
             children: [
-              /* @__PURE__ */ jsx(Spinner, { size: "sm", label: "", "aria-hidden": "true" }),
+              /* @__PURE__ */ jsx31(Spinner, { size: "sm", label: "", "aria-hidden": "true" }),
               text.saving
             ]
           }
         ),
-        status === "saved" && /* @__PURE__ */ jsxs(
+        status === "saved" && /* @__PURE__ */ jsxs20(
           "span",
           {
             "data-slot": "save-status-saved",
             className: "gap-2 flex items-center text-success",
             children: [
-              /* @__PURE__ */ jsx(Check, { "aria-hidden": "true", className: "size-3.5" }),
+              /* @__PURE__ */ jsx31(Check3, { "aria-hidden": "true", className: "size-3.5" }),
               text.saved
             ]
           }
         ),
-        status === "error" && /* @__PURE__ */ jsxs(
+        status === "error" && /* @__PURE__ */ jsxs20(
           "span",
           {
             "data-slot": "save-status-error",
             className: "gap-2 flex items-center text-destructive",
             children: [
-              /* @__PURE__ */ jsx(TriangleAlert, { "aria-hidden": "true", className: "size-3.5" }),
+              /* @__PURE__ */ jsx31(TriangleAlert, { "aria-hidden": "true", className: "size-3.5" }),
               message ?? text.error
             ]
           }
@@ -3502,7 +3631,12 @@ function SaveStatus({
     }
   );
 }
-var ScrollArea = React3.forwardRef(({ className, children, slotName = "scroll-area", ...props }, ref) => /* @__PURE__ */ jsxs(
+
+// src/components/ui/scroll-area.tsx
+import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
+import * as React8 from "react";
+import { jsx as jsx32, jsxs as jsxs21 } from "react/jsx-runtime";
+var ScrollArea = React8.forwardRef(({ className, children, slotName = "scroll-area", ...props }, ref) => /* @__PURE__ */ jsxs21(
   ScrollAreaPrimitive.Root,
   {
     ref,
@@ -3516,20 +3650,20 @@ var ScrollArea = React3.forwardRef(({ className, children, slotName = "scroll-ar
     ...props,
     "data-slot": slotName,
     children: [
-      /* @__PURE__ */ jsx(ScrollAreaPrimitive.Viewport, { className: "h-full w-full rounded-[inherit]", children }),
-      /* @__PURE__ */ jsx(ScrollBar, {}),
-      /* @__PURE__ */ jsx(ScrollAreaPrimitive.Corner, {})
+      /* @__PURE__ */ jsx32(ScrollAreaPrimitive.Viewport, { className: "h-full w-full rounded-[inherit]", children }),
+      /* @__PURE__ */ jsx32(ScrollBar, {}),
+      /* @__PURE__ */ jsx32(ScrollAreaPrimitive.Corner, {})
     ]
   }
 ));
 ScrollArea.displayName = ScrollAreaPrimitive.Root.displayName;
-var ScrollBar = React3.forwardRef(
+var ScrollBar = React8.forwardRef(
   ({
     className,
     orientation = "vertical",
     slotName = "scroll-area-scrollbar",
     ...props
-  }, ref) => /* @__PURE__ */ jsx(
+  }, ref) => /* @__PURE__ */ jsx32(
     ScrollAreaPrimitive.ScrollAreaScrollbar,
     {
       ref,
@@ -3542,11 +3676,16 @@ var ScrollBar = React3.forwardRef(
       ),
       ...props,
       "data-slot": slotName,
-      children: /* @__PURE__ */ jsx(ScrollAreaPrimitive.ScrollAreaThumb, { className: "relative flex-1 rounded-full bg-border" })
+      children: /* @__PURE__ */ jsx32(ScrollAreaPrimitive.ScrollAreaThumb, { className: "relative flex-1 rounded-full bg-border" })
     }
   )
 );
 ScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName;
+
+// src/components/ui/slider.tsx
+import { Slider as SliderPrimitive } from "radix-ui";
+import * as React9 from "react";
+import { jsx as jsx33, jsxs as jsxs22 } from "react/jsx-runtime";
 function Slider({
   className,
   defaultValue,
@@ -3556,12 +3695,12 @@ function Slider({
   slotName = "slider",
   ...props
 }) {
-  const _values = React3.useMemo(
+  const _values = React9.useMemo(
     () => Array.isArray(value) ? value : Array.isArray(defaultValue) ? defaultValue : [min, max],
     [value, defaultValue, min, max]
   );
-  return /* @__PURE__ */ jsxs(
-    Slider$1.Root,
+  return /* @__PURE__ */ jsxs22(
+    SliderPrimitive.Root,
     {
       defaultValue,
       value,
@@ -3574,15 +3713,15 @@ function Slider({
       ...props,
       "data-slot": slotName,
       children: [
-        /* @__PURE__ */ jsx(
-          Slider$1.Track,
+        /* @__PURE__ */ jsx33(
+          SliderPrimitive.Track,
           {
             "data-slot": "slider-track",
             className: cn(
               "data-[orientation=horizontal]:h-1.5 data-[orientation=vertical]:w-1.5 relative grow overflow-hidden rounded-full bg-muted data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full"
             ),
-            children: /* @__PURE__ */ jsx(
-              Slider$1.Range,
+            children: /* @__PURE__ */ jsx33(
+              SliderPrimitive.Range,
               {
                 "data-slot": "slider-range",
                 className: cn(
@@ -3592,8 +3731,8 @@ function Slider({
             )
           }
         ),
-        Array.from({ length: _values.length }, (_, index) => /* @__PURE__ */ jsx(
-          Slider$1.Thumb,
+        Array.from({ length: _values.length }, (_, index) => /* @__PURE__ */ jsx33(
+          SliderPrimitive.Thumb,
           {
             "data-slot": "slider-thumb",
             className: cn(
@@ -3607,9 +3746,21 @@ function Slider({
     }
   );
 }
+
+// src/components/ui/sonner.tsx
+import {
+  CircleCheckIcon,
+  InfoIcon,
+  Loader2Icon,
+  OctagonXIcon,
+  TriangleAlertIcon
+} from "lucide-react";
+import { useEffect as useEffect4, useState as useState9 } from "react";
+import { Toaster as Sonner } from "sonner";
+import { jsx as jsx34 } from "react/jsx-runtime";
 function useDocumentScheme() {
-  const [scheme, setScheme] = useState("light");
-  useEffect(() => {
+  const [scheme, setScheme] = useState9("light");
+  useEffect4(() => {
     const root = document.documentElement;
     const read = () => setScheme(root.classList.contains("dark") ? "dark" : "light");
     read();
@@ -3624,17 +3775,17 @@ function useDocumentScheme() {
 }
 var Toaster = ({ theme, ...props }) => {
   const scheme = useDocumentScheme();
-  return /* @__PURE__ */ jsx(
-    Toaster$1,
+  return /* @__PURE__ */ jsx34(
+    Sonner,
     {
       theme: theme ?? scheme,
       className: "toaster group [&_[data-sonner-toast]]:shadow-2xl [&_[data-sonner-toast]]:backdrop-blur-xl",
       icons: {
-        success: /* @__PURE__ */ jsx(CircleCheckIcon, { className: "size-4" }),
-        info: /* @__PURE__ */ jsx(InfoIcon, { className: "size-4" }),
-        warning: /* @__PURE__ */ jsx(TriangleAlertIcon, { className: "size-4" }),
-        error: /* @__PURE__ */ jsx(OctagonXIcon, { className: "size-4" }),
-        loading: /* @__PURE__ */ jsx(Loader2Icon, { className: "size-4 animate-spin" })
+        success: /* @__PURE__ */ jsx34(CircleCheckIcon, { className: "size-4" }),
+        info: /* @__PURE__ */ jsx34(InfoIcon, { className: "size-4" }),
+        warning: /* @__PURE__ */ jsx34(TriangleAlertIcon, { className: "size-4" }),
+        error: /* @__PURE__ */ jsx34(OctagonXIcon, { className: "size-4" }),
+        loading: /* @__PURE__ */ jsx34(Loader2Icon, { className: "size-4 animate-spin" })
       },
       style: {
         "--normal-bg": "color-mix(in oklab, var(--popover) 90%, transparent)",
@@ -3646,7 +3797,11 @@ var Toaster = ({ theme, ...props }) => {
     }
   );
 };
-var statusBadgeVariants = cva("", {
+
+// src/components/ui/status-badge.tsx
+import { cva as cva3 } from "class-variance-authority";
+import { jsx as jsx35, jsxs as jsxs23 } from "react/jsx-runtime";
+var statusBadgeVariants = cva3("", {
   variants: {
     status: {
       neutral: "border-border bg-muted text-muted-foreground",
@@ -3669,7 +3824,7 @@ function StatusBadge({
   ...props
 }) {
   const resolvedStatus = status ?? "neutral";
-  return /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ jsxs23(
     Badge,
     {
       variant: "outline",
@@ -3681,7 +3836,7 @@ function StatusBadge({
       ...props,
       slotName,
       children: [
-        dot && /* @__PURE__ */ jsx(
+        dot && /* @__PURE__ */ jsx35(
           "span",
           {
             "aria-hidden": "true",
@@ -3694,7 +3849,12 @@ function StatusBadge({
     }
   );
 }
-var textLinkVariants = cva(
+
+// src/components/ui/text-link.tsx
+import { Slot as Slot3 } from "@radix-ui/react-slot";
+import { cva as cva4 } from "class-variance-authority";
+import { jsx as jsx36 } from "react/jsx-runtime";
+var textLinkVariants = cva4(
   `cursor-pointer rounded-xl underline decoration-border underline-offset-4 transition-colors duration-300 ease-out hover:decoration-current ${focusRing}`,
   {
     variants: {
@@ -3715,8 +3875,8 @@ function TextLink({
   slotName = "text-link",
   ...props
 }) {
-  const Comp = asChild ? Slot : "a";
-  return /* @__PURE__ */ jsx(
+  const Comp = asChild ? Slot3 : "a";
+  return /* @__PURE__ */ jsx36(
     Comp,
     {
       "data-variant": variant,
@@ -3727,6 +3887,318 @@ function TextLink({
   );
 }
 
-export { AUTOSAVE_DELAY, Accordion, AccordionContent, AccordionItem, AccordionTrigger, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogMedia, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AppearanceToggle, AspectRatio, Badge, Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, Checkbox, Combobox, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, DataTable, DatePicker, DateRangeFilter, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, EmptyState, FacetedFilter, Field, FieldControl, FieldDescription, FieldGroup, FieldLabel, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, HoverCard, HoverCardContent, HoverCardTrigger, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, PasswordInput, PlaceholderPattern, Progress, RadioGroup, RadioGroupItem, ResizableHandle, ResizablePanel, ResizablePanelGroup, RowActionsMenu, SAVED_DURATION, SaveStatus, ScrollArea, ScrollBar, ServerFacetedFilter, Slider, StatusBadge, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, TextLink, Toaster, ToggleGroup, ToggleGroupItem, appearanceToggleDefaultLabels, badgeVariants, comboboxDefaultLabels, dataTableDefaultLabels, dataTableFacetedFilterDefaultLabels, datePickerDefaultLabels, dateRangeFilterDefaultLabels, emptyStateLabels, navigationMenuTriggerStyle, passwordInputDefaultLabels, saveStatusLabels, statusBadgeVariants, textLinkVariants, useAutosave, useConfirmDialog, useFormField };
-//# sourceMappingURL=index.js.map
+// src/index.ts
+import { toast } from "sonner";
+export {
+  AUTOSAVE_DELAY,
+  Accordion,
+  AccordionContent,
+  AccordionItem,
+  AccordionTrigger,
+  AkiraMark,
+  Alert,
+  AlertDescription,
+  AlertDialog,
+  AlertDialogAction,
+  AlertDialogCancel,
+  AlertDialogContent,
+  AlertDialogDescription,
+  AlertDialogFooter,
+  AlertDialogHeader,
+  AlertDialogMedia,
+  AlertDialogOverlay,
+  AlertDialogPortal,
+  AlertDialogTitle,
+  AlertDialogTrigger,
+  AlertTitle,
+  AppearanceToggle,
+  AspectRatio,
+  Avatar,
+  AvatarFallback,
+  AvatarImage,
+  Badge,
+  Breadcrumb,
+  BreadcrumbEllipsis,
+  BreadcrumbItem,
+  BreadcrumbLink,
+  BreadcrumbList,
+  BreadcrumbPage,
+  BreadcrumbSeparator,
+  Button,
+  Calendar,
+  CalendarDayButton,
+  Card,
+  CardContent,
+  CardDescription,
+  CardFooter,
+  CardHeader,
+  CardTitle,
+  Carousel,
+  CarouselContent,
+  CarouselItem,
+  CarouselNext,
+  CarouselPrevious,
+  ChartContainer,
+  ChartLegend,
+  ChartLegendContent,
+  ChartStyle,
+  ChartTooltip,
+  ChartTooltipContent,
+  Checkbox,
+  Collapsible,
+  CollapsibleContent,
+  CollapsibleTrigger,
+  Combobox,
+  Command,
+  CommandDialog,
+  CommandEmpty,
+  CommandGroup,
+  CommandInput,
+  CommandItem,
+  CommandList,
+  CommandSeparator,
+  CommandShortcut,
+  ConfirmDialog,
+  ContextMenu,
+  ContextMenuCheckboxItem,
+  ContextMenuContent,
+  ContextMenuGroup,
+  ContextMenuItem,
+  ContextMenuLabel,
+  ContextMenuPortal,
+  ContextMenuRadioGroup,
+  ContextMenuRadioItem,
+  ContextMenuSeparator,
+  ContextMenuShortcut,
+  ContextMenuSub,
+  ContextMenuSubContent,
+  ContextMenuSubTrigger,
+  ContextMenuTrigger,
+  CopyButton,
+  DataTable,
+  DatePicker,
+  DateRangeFilter,
+  Dialog,
+  DialogClose,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogOverlay,
+  DialogPortal,
+  DialogTitle,
+  DialogTrigger,
+  Drawer,
+  DrawerClose,
+  DrawerContent,
+  DrawerDescription,
+  DrawerFooter,
+  DrawerHeader,
+  DrawerOverlay,
+  DrawerPortal,
+  DrawerTitle,
+  DrawerTrigger,
+  DropdownMenu,
+  DropdownMenuCheckboxItem,
+  DropdownMenuContent,
+  DropdownMenuGroup,
+  DropdownMenuItem,
+  DropdownMenuLabel,
+  DropdownMenuPortal,
+  DropdownMenuRadioGroup,
+  DropdownMenuRadioItem,
+  DropdownMenuSeparator,
+  DropdownMenuShortcut,
+  DropdownMenuSub,
+  DropdownMenuSubContent,
+  DropdownMenuSubTrigger,
+  DropdownMenuTrigger,
+  EmptyState,
+  FacetedFilter,
+  Field,
+  FieldControl,
+  FieldDescription,
+  FieldError,
+  FieldGroup,
+  FieldLabel,
+  FloatingSheet,
+  FloatingSheetBody,
+  FloatingSheetFooter,
+  FloatingSheetStack,
+  Form,
+  FormControl,
+  FormDescription,
+  FormField,
+  FormItem,
+  FormLabel,
+  FormMessage,
+  HoverCard,
+  HoverCardContent,
+  HoverCardTrigger,
+  Icon,
+  Input,
+  InputOTP,
+  InputOTPGroup,
+  InputOTPSeparator,
+  InputOTPSlot,
+  Label,
+  Menubar,
+  MenubarCheckboxItem,
+  MenubarContent,
+  MenubarGroup,
+  MenubarItem,
+  MenubarLabel,
+  MenubarMenu,
+  MenubarPortal,
+  MenubarRadioGroup,
+  MenubarRadioItem,
+  MenubarSeparator,
+  MenubarShortcut,
+  MenubarSub,
+  MenubarSubContent,
+  MenubarSubTrigger,
+  MenubarTrigger,
+  NavigationMenu,
+  NavigationMenuContent,
+  NavigationMenuIndicator,
+  NavigationMenuItem,
+  NavigationMenuLink,
+  NavigationMenuList,
+  NavigationMenuTrigger,
+  NavigationMenuViewport,
+  Pagination,
+  PaginationContent,
+  PaginationEllipsis,
+  PaginationItem,
+  PaginationLink,
+  PaginationNext,
+  PaginationPrevious,
+  PasswordInput,
+  PlaceholderPattern,
+  Popover,
+  PopoverAnchor,
+  PopoverContent,
+  PopoverTrigger,
+  Progress,
+  RadioGroup,
+  RadioGroupItem,
+  ResizableHandle,
+  ResizablePanel,
+  ResizablePanelGroup,
+  RowActionsMenu,
+  SAVED_DURATION,
+  SaveStatus,
+  ScrollArea,
+  ScrollBar,
+  Select,
+  SelectContent,
+  SelectGroup,
+  SelectItem,
+  SelectLabel,
+  SelectScrollDownButton,
+  SelectScrollUpButton,
+  SelectSeparator,
+  SelectTrigger,
+  SelectValue,
+  Separator,
+  ServerFacetedFilter,
+  Sheet,
+  SheetClose,
+  SheetContent,
+  SheetDescription,
+  SheetFooter,
+  SheetHeader,
+  SheetTitle,
+  SheetTrigger,
+  Sidebar,
+  SidebarContent,
+  SidebarFooter,
+  SidebarGroup,
+  SidebarGroupAction,
+  SidebarGroupContent,
+  SidebarGroupLabel,
+  SidebarHeader,
+  SidebarInput,
+  SidebarInset,
+  SidebarMenu,
+  SidebarMenuAction,
+  SidebarMenuBadge,
+  SidebarMenuButton,
+  SidebarMenuItem,
+  SidebarMenuSkeleton,
+  SidebarMenuSub,
+  SidebarMenuSubButton,
+  SidebarMenuSubItem,
+  SidebarProvider,
+  SidebarRail,
+  SidebarSeparator,
+  SidebarTrigger,
+  Skeleton,
+  Slider,
+  Spinner,
+  StatusBadge,
+  Switch,
+  Table,
+  TableBody,
+  TableCaption,
+  TableCell,
+  TableFooter,
+  TableHead,
+  TableHeader,
+  TableRow,
+  Tabs,
+  TabsContent,
+  TabsList,
+  TabsTrigger,
+  TextLink,
+  Textarea,
+  Toaster,
+  Toggle,
+  ToggleGroup,
+  ToggleGroupItem,
+  Tooltip,
+  TooltipContent,
+  TooltipProvider,
+  TooltipTrigger,
+  UiLocaleProvider,
+  alertDefaultLabels,
+  appearanceToggleDefaultLabels,
+  badgeVariants,
+  buttonVariants,
+  cardVariants,
+  cn,
+  comboboxDefaultLabels,
+  confirmDialogDefaultLabels,
+  controlFill,
+  copyButtonLabels,
+  dataTableDefaultLabels,
+  dataTableFacetedFilterDefaultLabels,
+  datePickerDefaultLabels,
+  dateRangeFilterDefaultLabels,
+  elevatedSurface,
+  emptyStateLabels,
+  floatingSheetDefaultLabels,
+  focusRing,
+  menuHighlight,
+  navigationMenuTriggerStyle,
+  nestedEdgeToEdge,
+  nestedRadius,
+  nestedSurfaceReset,
+  passwordInputDefaultLabels,
+  recessedSurface,
+  saveStatusLabels,
+  spinnerVariants,
+  statusBadgeVariants,
+  surface,
+  textLinkVariants,
+  toast,
+  toggleVariants,
+  useAutosave,
+  useConfirmDialog,
+  useField,
+  useFormField,
+  useSidebar,
+  useUiLabels,
+  useUiLocale
+};
 //# sourceMappingURL=index.js.map