@pactor-app/ui 0.1.0 → 1.1.0

package/dist/ui/index.cjs

@@ -36,9 +36,34 @@ __export(ui_exports, {
   AccordionTrigger: () => AccordionTrigger,
   Alert: () => Alert,
   AlertDescription: () => AlertDescription,
+  AlertDialog: () => AlertDialog,
+  AlertDialogAction: () => AlertDialogAction,
+  AlertDialogCancel: () => AlertDialogCancel,
+  AlertDialogContent: () => AlertDialogContent,
+  AlertDialogDescription: () => AlertDialogDescription,
+  AlertDialogFooter: () => AlertDialogFooter,
+  AlertDialogHeader: () => AlertDialogHeader,
+  AlertDialogOverlay: () => AlertDialogOverlay,
+  AlertDialogPortal: () => AlertDialogPortal,
+  AlertDialogTitle: () => AlertDialogTitle,
+  AlertDialogTrigger: () => AlertDialogTrigger,
   AlertTitle: () => AlertTitle,
+  AspectRatio: () => AspectRatio,
+  Avatar: () => Avatar,
+  AvatarFallback: () => AvatarFallback,
+  AvatarImage: () => AvatarImage,
   Badge: () => Badge,
+  Breadcrumb: () => Breadcrumb,
+  BreadcrumbEllipsis: () => BreadcrumbEllipsis,
+  BreadcrumbItem: () => BreadcrumbItem,
+  BreadcrumbLink: () => BreadcrumbLink,
+  BreadcrumbList: () => BreadcrumbList,
+  BreadcrumbPage: () => BreadcrumbPage,
+  BreadcrumbSeparator: () => BreadcrumbSeparator,
   Button: () => Button,
+  ButtonGroup: () => ButtonGroup,
+  CHART_TOKEN_COLORS: () => CHART_TOKEN_COLORS,
+  Calendar: () => Calendar,
   Card: () => Card,
   CardAction: () => CardAction,
   CardContent: () => CardContent,
@@ -46,6 +71,30 @@ __export(ui_exports, {
   CardFooter: () => CardFooter,
   CardHeader: () => CardHeader,
   CardTitle: () => CardTitle,
+  Carousel: () => Carousel,
+  CarouselContent: () => CarouselContent,
+  CarouselItem: () => CarouselItem,
+  CarouselNext: () => CarouselNext,
+  CarouselPrevious: () => CarouselPrevious,
+  ChartContainer: () => ChartContainer,
+  Checkbox: () => Checkbox,
+  Collapsible: () => Collapsible,
+  CollapsibleContent: () => CollapsibleContent,
+  CollapsibleTrigger: () => CollapsibleTrigger,
+  Combobox: () => Combobox,
+  ComboboxContent: () => ComboboxContent,
+  ComboboxTrigger: () => ComboboxTrigger,
+  Command: () => Command,
+  CommandEmpty: () => CommandEmpty,
+  CommandGroup: () => CommandGroup,
+  CommandInput: () => CommandInput,
+  CommandItem: () => CommandItem,
+  CommandList: () => CommandList,
+  ContextMenu: () => ContextMenu,
+  ContextMenuContent: () => ContextMenuContent,
+  ContextMenuItem: () => ContextMenuItem,
+  ContextMenuSeparator: () => ContextMenuSeparator,
+  ContextMenuTrigger: () => ContextMenuTrigger,
   Dialog: () => Dialog,
   DialogClose: () => DialogClose,
   DialogContent: () => DialogContent,
@@ -56,11 +105,85 @@ __export(ui_exports, {
   DialogPortal: () => DialogPortal,
   DialogTitle: () => DialogTitle,
   DialogTrigger: () => DialogTrigger,
+  Drawer: () => Drawer,
+  DrawerClose: () => DrawerClose,
+  DrawerContent: () => DrawerContent,
+  DrawerDescription: () => DrawerDescription,
+  DrawerFooter: () => DrawerFooter,
+  DrawerHeader: () => DrawerHeader,
+  DrawerOverlay: () => DrawerOverlay,
+  DrawerPortal: () => DrawerPortal,
+  DrawerTitle: () => DrawerTitle,
+  DrawerTrigger: () => DrawerTrigger,
+  DropdownMenu: () => DropdownMenu,
+  DropdownMenuContent: () => DropdownMenuContent,
+  DropdownMenuItem: () => DropdownMenuItem,
+  DropdownMenuSeparator: () => DropdownMenuSeparator,
+  DropdownMenuSub: () => DropdownMenuSub,
+  DropdownMenuSubContent: () => DropdownMenuSubContent,
+  DropdownMenuSubTrigger: () => DropdownMenuSubTrigger,
+  DropdownMenuTrigger: () => DropdownMenuTrigger,
+  Empty: () => Empty,
+  EmptyContent: () => EmptyContent,
+  EmptyDescription: () => EmptyDescription,
+  EmptyHeader: () => EmptyHeader,
+  EmptyTitle: () => EmptyTitle,
+  Field: () => Field,
+  FieldDescription: () => FieldDescription,
+  FieldError: () => FieldError,
+  FieldLabel: () => FieldLabel,
+  HoverCard: () => HoverCard,
+  HoverCardContent: () => HoverCardContent,
+  HoverCardTrigger: () => HoverCardTrigger,
   Input: () => Input,
+  InputGroup: () => InputGroup,
+  InputGroupAddon: () => InputGroupAddon,
+  InputGroupInput: () => InputGroupInput,
+  InputOTP: () => InputOTP,
+  InputOTPGroup: () => InputOTPGroup,
+  InputOTPSeparator: () => InputOTPSeparator,
+  InputOTPSlot: () => InputOTPSlot,
+  Item: () => Item,
+  ItemActions: () => ItemActions,
+  ItemContent: () => ItemContent,
+  ItemDescription: () => ItemDescription,
+  ItemMedia: () => ItemMedia,
+  ItemTitle: () => ItemTitle,
+  Kbd: () => Kbd,
   Label: () => Label,
+  Menubar: () => Menubar,
+  MenubarContent: () => MenubarContent,
+  MenubarItem: () => MenubarItem,
+  MenubarMenu: () => MenubarMenu,
+  MenubarSeparator: () => MenubarSeparator,
+  MenubarTrigger: () => MenubarTrigger,
+  NavigationMenu: () => NavigationMenu,
+  NavigationMenuContent: () => NavigationMenuContent,
+  NavigationMenuItem: () => NavigationMenuItem,
+  NavigationMenuLink: () => NavigationMenuLink,
+  NavigationMenuList: () => NavigationMenuList,
+  NavigationMenuTrigger: () => NavigationMenuTrigger,
+  NavigationMenuViewport: () => NavigationMenuViewport,
+  Pagination: () => Pagination,
+  PaginationContent: () => PaginationContent,
+  PaginationEllipsis: () => PaginationEllipsis,
+  PaginationItem: () => PaginationItem,
+  PaginationLink: () => PaginationLink,
+  PaginationNext: () => PaginationNext,
+  PaginationPrevious: () => PaginationPrevious,
+  Panel: () => Panel,
+  PanelGroup: () => PanelGroup,
   Popover: () => Popover,
   PopoverContent: () => PopoverContent,
   PopoverTrigger: () => PopoverTrigger,
+  Progress: () => Progress,
+  ProgressIndicator: () => ProgressIndicator,
+  ProgressTrack: () => ProgressTrack,
+  RadioGroup: () => RadioGroup,
+  RadioGroupItem: () => RadioGroupItem,
+  ResizableHandle: () => ResizableHandle,
+  ScrollArea: () => ScrollArea,
+  ScrollBar: () => ScrollBar,
   Select: () => Select,
   SelectContent: () => SelectContent,
   SelectGroup: () => SelectGroup,
@@ -72,7 +195,24 @@ __export(ui_exports, {
   SelectTrigger: () => SelectTrigger,
   SelectValue: () => SelectValue,
   Separator: () => Separator,
+  Sheet: () => Sheet,
+  SheetClose: () => SheetClose,
+  SheetContent: () => SheetContent,
+  SheetDescription: () => SheetDescription,
+  SheetFooter: () => SheetFooter,
+  SheetHeader: () => SheetHeader,
+  SheetOverlay: () => SheetOverlay,
+  SheetPortal: () => SheetPortal,
+  SheetTitle: () => SheetTitle,
+  SheetTrigger: () => SheetTrigger,
   Skeleton: () => Skeleton,
+  Slider: () => Slider,
+  SliderControl: () => SliderControl,
+  SliderIndicator: () => SliderIndicator,
+  SliderThumb: () => SliderThumb,
+  SliderTrack: () => SliderTrack,
+  Spinner: () => Spinner,
+  Switch: () => Switch,
   Table: () => Table,
   TableBody: () => TableBody,
   TableCaption: () => TableCaption,
@@ -86,8 +226,24 @@ __export(ui_exports, {
   TabsList: () => TabsList,
   TabsTrigger: () => TabsTrigger,
   Textarea: () => Textarea,
+  Toaster: () => Toaster,
+  Toggle: () => Toggle,
+  ToggleGroup: () => ToggleGroup,
+  ToggleGroupItem: () => ToggleGroupItem,
+  Tooltip: () => Tooltip,
+  TooltipContent: () => TooltipContent,
+  TooltipProvider: () => TooltipProvider,
+  TooltipTrigger: () => TooltipTrigger,
+  Typography: () => Typography,
   badgeVariants: () => badgeVariants,
-  buttonVariants: () => buttonVariants
+  buttonVariants: () => buttonVariants,
+  chartColor: () => chartColor,
+  navigationMenuTriggerStyle: () => navigationMenuTriggerStyle,
+  toast: () => toast,
+  toastManager: () => toastManager,
+  toggleVariants: () => toggleVariants,
+  typographyVariants: () => typographyVariants,
+  useCarousel: () => useCarousel
 });
 module.exports = __toCommonJS(ui_exports);
 
@@ -244,46 +400,15 @@ function AlertDescription({
   );
 }
 
-// src/ui/badge.tsx
-var import_class_variance_authority2 = require("class-variance-authority");
-var import_jsx_runtime3 = require("react/jsx-runtime");
-var badgeVariants = (0, import_class_variance_authority2.cva)(
-  "inline-flex w-fit shrink-0 items-center justify-center gap-1 overflow-hidden rounded-md border px-2 py-0.5 text-xs font-medium whitespace-nowrap [&>svg]:pointer-events-none [&>svg]:size-3",
-  {
-    variants: {
-      variant: {
-        default: "border-transparent bg-primary text-primary-foreground",
-        secondary: "border-transparent bg-secondary text-secondary-foreground",
-        destructive: "border-transparent bg-destructive text-destructive-foreground",
-        outline: "border-border text-foreground"
-      }
-    },
-    defaultVariants: {
-      variant: "default"
-    }
-  }
-);
-function Badge({
-  className,
-  variant,
-  ...props
-}) {
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-    "span",
-    {
-      "data-slot": "badge",
-      className: cn(badgeVariants({ variant }), className),
-      ...props
-    }
-  );
-}
+// src/ui/alert-dialog.tsx
+var import_alert_dialog = require("@base-ui/react/alert-dialog");
 
 // src/ui/button.tsx
 var import_button = require("@base-ui/react/button");
-var import_class_variance_authority3 = require("class-variance-authority");
+var import_class_variance_authority2 = require("class-variance-authority");
 var React = __toESM(require("react"), 1);
-var import_jsx_runtime4 = require("react/jsx-runtime");
-var buttonVariants = (0, import_class_variance_authority3.cva)(
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var buttonVariants = (0, import_class_variance_authority2.cva)(
   "inline-flex shrink-0 cursor-pointer items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium outline-none transition-colors focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
   {
     variants: {
@@ -317,7 +442,7 @@ function Button({
   ...props
 }) {
   if (asChild && React.isValidElement(children)) {
-    return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
       import_button.Button,
       {
         "data-slot": "button",
@@ -327,21 +452,1849 @@ function Button({
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
     import_button.Button,
     {
-      "data-slot": "button",
-      className: cn(buttonVariants({ variant, size, className })),
-      ...props,
-      children
+      "data-slot": "button",
+      className: cn(buttonVariants({ variant, size, className })),
+      ...props,
+      children
+    }
+  );
+}
+
+// src/ui/alert-dialog.tsx
+var import_jsx_runtime4 = require("react/jsx-runtime");
+function AlertDialog({
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_alert_dialog.AlertDialog.Root, { "data-slot": "alert-dialog", ...props });
+}
+function AlertDialogTrigger({
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_alert_dialog.AlertDialog.Trigger, { "data-slot": "alert-dialog-trigger", ...props });
+}
+function AlertDialogPortal({
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_alert_dialog.AlertDialog.Portal, { "data-slot": "alert-dialog-portal", ...props });
+}
+function AlertDialogOverlay({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+    import_alert_dialog.AlertDialog.Backdrop,
+    {
+      "data-slot": "alert-dialog-overlay",
+      className: cn(
+        "fixed inset-0 z-50 bg-black/50 data-open:animate-in data-open:fade-in-0 data-closed:animate-out data-closed:fade-out-0",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function AlertDialogContent({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(AlertDialogPortal, { "data-slot": "alert-dialog-portal", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(AlertDialogOverlay, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+      import_alert_dialog.AlertDialog.Popup,
+      {
+        "data-slot": "alert-dialog-content",
+        className: cn(
+          "fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border border-border bg-background p-6 shadow-lg duration-200 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95 sm:max-w-lg",
+          className
+        ),
+        ...props
+      }
+    )
+  ] });
+}
+function AlertDialogHeader({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+    "div",
+    {
+      "data-slot": "alert-dialog-header",
+      className: cn("flex flex-col gap-2 text-center sm:text-left", className),
+      ...props
+    }
+  );
+}
+function AlertDialogFooter({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+    "div",
+    {
+      "data-slot": "alert-dialog-footer",
+      className: cn(
+        "flex flex-col-reverse gap-2 sm:flex-row sm:justify-end",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function AlertDialogTitle({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+    import_alert_dialog.AlertDialog.Title,
+    {
+      "data-slot": "alert-dialog-title",
+      className: cn("text-lg font-semibold", className),
+      ...props
+    }
+  );
+}
+function AlertDialogDescription({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+    import_alert_dialog.AlertDialog.Description,
+    {
+      "data-slot": "alert-dialog-description",
+      className: cn("text-sm text-muted-foreground", className),
+      ...props
+    }
+  );
+}
+function AlertDialogAction({
+  className,
+  variant = "default",
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+    import_alert_dialog.AlertDialog.Close,
+    {
+      "data-slot": "alert-dialog-action",
+      className: cn(buttonVariants({ variant }), className),
+      ...props
+    }
+  );
+}
+function AlertDialogCancel({
+  className,
+  variant = "outline",
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+    import_alert_dialog.AlertDialog.Close,
+    {
+      "data-slot": "alert-dialog-cancel",
+      className: cn(buttonVariants({ variant }), className),
+      ...props
+    }
+  );
+}
+
+// src/ui/aspect-ratio.tsx
+var import_jsx_runtime5 = require("react/jsx-runtime");
+function AspectRatio({
+  ratio = 1,
+  className,
+  style,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+    "div",
+    {
+      "data-slot": "aspect-ratio",
+      className: cn("w-full overflow-hidden", className),
+      style: { aspectRatio: String(ratio), ...style },
+      ...props
+    }
+  );
+}
+
+// src/ui/avatar.tsx
+var import_avatar = require("@base-ui/react/avatar");
+var import_jsx_runtime6 = require("react/jsx-runtime");
+function Avatar({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+    import_avatar.Avatar.Root,
+    {
+      "data-slot": "avatar",
+      className: cn(
+        "relative flex size-8 shrink-0 overflow-hidden rounded-full",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function AvatarImage({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+    import_avatar.Avatar.Image,
+    {
+      "data-slot": "avatar-image",
+      className: cn("aspect-square size-full object-cover", className),
+      ...props
+    }
+  );
+}
+function AvatarFallback({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+    import_avatar.Avatar.Fallback,
+    {
+      "data-slot": "avatar-fallback",
+      className: cn(
+        "flex size-full items-center justify-center rounded-full bg-muted text-sm text-muted-foreground",
+        className
+      ),
+      ...props
+    }
+  );
+}
+
+// src/ui/badge.tsx
+var import_class_variance_authority3 = require("class-variance-authority");
+var import_jsx_runtime7 = require("react/jsx-runtime");
+var badgeVariants = (0, import_class_variance_authority3.cva)(
+  "inline-flex w-fit shrink-0 items-center justify-center gap-1 overflow-hidden rounded-md border px-2 py-0.5 text-xs font-medium whitespace-nowrap [&>svg]:pointer-events-none [&>svg]:size-3",
+  {
+    variants: {
+      variant: {
+        default: "border-transparent bg-primary text-primary-foreground",
+        secondary: "border-transparent bg-secondary text-secondary-foreground",
+        destructive: "border-transparent bg-destructive text-destructive-foreground",
+        outline: "border-border text-foreground"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+function Badge({
+  className,
+  variant,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+    "span",
+    {
+      "data-slot": "badge",
+      className: cn(badgeVariants({ variant }), className),
+      ...props
+    }
+  );
+}
+
+// src/ui/breadcrumb.tsx
+var import_lucide_react2 = require("lucide-react");
+var import_jsx_runtime8 = require("react/jsx-runtime");
+function Breadcrumb({ ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("nav", { "aria-label": "breadcrumb", "data-slot": "breadcrumb", ...props });
+}
+function BreadcrumbList({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+    "ol",
+    {
+      "data-slot": "breadcrumb-list",
+      className: cn(
+        "flex flex-wrap items-center gap-1.5 text-sm break-words text-muted-foreground sm:gap-2.5",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function BreadcrumbItem({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+    "li",
+    {
+      "data-slot": "breadcrumb-item",
+      className: cn("inline-flex items-center gap-1.5", className),
+      ...props
+    }
+  );
+}
+function BreadcrumbLink({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+    "a",
+    {
+      "data-slot": "breadcrumb-link",
+      className: cn("transition-colors hover:text-foreground", className),
+      ...props
+    }
+  );
+}
+function BreadcrumbPage({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+    "span",
+    {
+      "data-slot": "breadcrumb-page",
+      role: "link",
+      "aria-disabled": "true",
+      "aria-current": "page",
+      className: cn("font-normal text-foreground", className),
+      ...props
+    }
+  );
+}
+function BreadcrumbSeparator({
+  children,
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+    "li",
+    {
+      "data-slot": "breadcrumb-separator",
+      role: "presentation",
+      "aria-hidden": "true",
+      className: cn("[&>svg]:size-3.5", className),
+      ...props,
+      children: children ?? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react2.ChevronRightIcon, {})
+    }
+  );
+}
+function BreadcrumbEllipsis({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
+    "span",
+    {
+      "data-slot": "breadcrumb-ellipsis",
+      role: "presentation",
+      "aria-hidden": "true",
+      className: cn("flex size-9 items-center justify-center", className),
+      ...props,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react2.MoreHorizontalIcon, { className: "size-4" }),
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "sr-only", children: "More" })
+      ]
+    }
+  );
+}
+
+// src/ui/button-group.tsx
+var import_jsx_runtime9 = require("react/jsx-runtime");
+function ButtonGroup({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+    "div",
+    {
+      role: "group",
+      "data-slot": "button-group",
+      className: cn(
+        "flex w-fit items-stretch [&>*]:focus-visible:relative [&>*]:focus-visible:z-10 [&>[data-slot=button]]:rounded-none [&>[data-slot=button]]:first:rounded-l-md [&>[data-slot=button]]:last:rounded-r-md [&>[data-slot=button]:not(:first-child)]:-ml-px",
+        className
+      ),
+      ...props
+    }
+  );
+}
+
+// src/ui/calendar.tsx
+var import_lucide_react3 = require("lucide-react");
+var import_react_day_picker = require("react-day-picker");
+var import_jsx_runtime10 = require("react/jsx-runtime");
+function Calendar({
+  className,
+  classNames,
+  showOutsideDays = true,
+  ...props
+}) {
+  const defaultClassNames = (0, import_react_day_picker.getDefaultClassNames)();
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+    import_react_day_picker.DayPicker,
+    {
+      showOutsideDays,
+      className: cn("bg-background p-3", className),
+      classNames: {
+        root: cn("w-fit", defaultClassNames.root),
+        months: cn("relative flex flex-col gap-4 md:flex-row", defaultClassNames.months),
+        month: cn("flex w-full flex-col gap-4", defaultClassNames.month),
+        nav: cn(
+          "absolute inset-x-0 top-0 flex w-full items-center justify-between gap-1",
+          defaultClassNames.nav
+        ),
+        button_previous: cn(
+          buttonVariants({ variant: "outline" }),
+          "size-7 bg-transparent p-0 opacity-50 hover:opacity-100",
+          defaultClassNames.button_previous
+        ),
+        button_next: cn(
+          buttonVariants({ variant: "outline" }),
+          "size-7 bg-transparent p-0 opacity-50 hover:opacity-100",
+          defaultClassNames.button_next
+        ),
+        month_caption: cn(
+          "flex h-7 w-full items-center justify-center px-7",
+          defaultClassNames.month_caption
+        ),
+        caption_label: cn("text-sm font-medium", defaultClassNames.caption_label),
+        month_grid: cn("w-full border-collapse", defaultClassNames.month_grid),
+        weekdays: cn("flex", defaultClassNames.weekdays),
+        weekday: cn(
+          "w-8 rounded-md text-[0.8rem] font-normal text-muted-foreground",
+          defaultClassNames.weekday
+        ),
+        week: cn("mt-2 flex w-full", defaultClassNames.week),
+        day: cn("h-8 w-8 p-0 text-center text-sm", defaultClassNames.day),
+        day_button: cn(
+          "size-8 cursor-pointer rounded-md p-0 font-normal hover:bg-accent hover:text-accent-foreground aria-selected:opacity-100",
+          defaultClassNames.day_button
+        ),
+        selected: cn(
+          "[&>button]:bg-primary [&>button]:text-primary-foreground [&>button]:hover:bg-primary",
+          defaultClassNames.selected
+        ),
+        today: cn(
+          "[&>button]:bg-accent [&>button]:text-accent-foreground",
+          defaultClassNames.today
+        ),
+        outside: cn(
+          "text-muted-foreground opacity-50 aria-selected:text-muted-foreground",
+          defaultClassNames.outside
+        ),
+        disabled: cn("text-muted-foreground opacity-50", defaultClassNames.disabled),
+        hidden: cn("invisible", defaultClassNames.hidden),
+        ...classNames
+      },
+      components: {
+        Chevron: ({ orientation }) => orientation === "left" ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_lucide_react3.ChevronLeftIcon, { className: "size-4" }) : /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_lucide_react3.ChevronRightIcon, { className: "size-4" })
+      },
+      ...props
+    }
+  );
+}
+
+// src/ui/chart.tsx
+var import_recharts = require("recharts");
+var import_jsx_runtime11 = require("react/jsx-runtime");
+var CHART_TOKEN_COLORS = [
+  "hsl(var(--chart-1))",
+  "hsl(var(--chart-2))",
+  "hsl(var(--chart-3))",
+  "hsl(var(--chart-4))",
+  "hsl(var(--chart-5))"
+];
+function chartColor(index, colors) {
+  if (colors && colors.length > 0) {
+    return colors[index % colors.length];
+  }
+  return CHART_TOKEN_COLORS[index % CHART_TOKEN_COLORS.length];
+}
+function ChartContainer({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+    "div",
+    {
+      "data-slot": "chart-container",
+      className: cn("h-64 w-full", className),
+      ...props,
+      children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_recharts.ResponsiveContainer, { width: "100%", height: "100%", children })
+    }
+  );
+}
+
+// src/ui/carousel.tsx
+var import_embla_carousel_react = __toESM(require("embla-carousel-react"), 1);
+var import_lucide_react4 = require("lucide-react");
+var React2 = __toESM(require("react"), 1);
+var import_jsx_runtime12 = require("react/jsx-runtime");
+var CarouselContext = React2.createContext(null);
+function useCarousel() {
+  const context = React2.useContext(CarouselContext);
+  if (!context) {
+    throw new Error("useCarousel must be used within a <Carousel />");
+  }
+  return context;
+}
+function Carousel({
+  orientation = "horizontal",
+  opts,
+  setApi,
+  plugins,
+  className,
+  children,
+  ...props
+}) {
+  const [carouselRef, api] = (0, import_embla_carousel_react.default)(
+    { ...opts, axis: orientation === "horizontal" ? "x" : "y" },
+    plugins
+  );
+  const [canScrollPrev, setCanScrollPrev] = React2.useState(false);
+  const [canScrollNext, setCanScrollNext] = React2.useState(false);
+  const onSelect = React2.useCallback((carouselApi) => {
+    if (!carouselApi) return;
+    setCanScrollPrev(carouselApi.canScrollPrev());
+    setCanScrollNext(carouselApi.canScrollNext());
+  }, []);
+  const scrollPrev = React2.useCallback(() => api?.scrollPrev(), [api]);
+  const scrollNext = React2.useCallback(() => api?.scrollNext(), [api]);
+  const handleKeyDown = React2.useCallback(
+    (event) => {
+      if (event.key === "ArrowLeft") {
+        event.preventDefault();
+        scrollPrev();
+      } else if (event.key === "ArrowRight") {
+        event.preventDefault();
+        scrollNext();
+      }
+    },
+    [scrollPrev, scrollNext]
+  );
+  React2.useEffect(() => {
+    if (api && setApi) setApi(api);
+  }, [api, setApi]);
+  React2.useEffect(() => {
+    if (!api) return;
+    onSelect(api);
+    api.on("reInit", onSelect);
+    api.on("select", onSelect);
+    return () => {
+      api.off("select", onSelect);
+    };
+  }, [api, onSelect]);
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+    CarouselContext.Provider,
+    {
+      value: {
+        carouselRef,
+        api,
+        opts,
+        orientation,
+        scrollPrev,
+        scrollNext,
+        canScrollPrev,
+        canScrollNext
+      },
+      children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+        "div",
+        {
+          onKeyDownCapture: handleKeyDown,
+          className: cn("relative", className),
+          role: "region",
+          "aria-roledescription": "carousel",
+          "data-slot": "carousel",
+          ...props,
+          children
+        }
+      )
+    }
+  );
+}
+function CarouselContent({ className, ...props }) {
+  const { carouselRef, orientation } = useCarousel();
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { ref: carouselRef, className: "overflow-hidden", "data-slot": "carousel-viewport", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+    "div",
+    {
+      className: cn(
+        "flex",
+        orientation === "horizontal" ? "-ml-4" : "-mt-4 flex-col",
+        className
+      ),
+      ...props
+    }
+  ) });
+}
+function CarouselItem({ className, ...props }) {
+  const { orientation } = useCarousel();
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+    "div",
+    {
+      role: "group",
+      "aria-roledescription": "slide",
+      "data-slot": "carousel-item",
+      className: cn(
+        "min-w-0 shrink-0 grow-0 basis-full",
+        orientation === "horizontal" ? "pl-4" : "pt-4",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function CarouselPrevious({
+  className,
+  variant = "outline",
+  size = "icon",
+  ...props
+}) {
+  const { orientation, scrollPrev, canScrollPrev } = useCarousel();
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
+    Button,
+    {
+      "data-slot": "carousel-previous",
+      variant,
+      size,
+      className: cn(
+        "absolute size-8 rounded-full",
+        orientation === "horizontal" ? "top-1/2 -left-12 -translate-y-1/2" : "-top-12 left-1/2 -translate-x-1/2 rotate-90",
+        className
+      ),
+      disabled: !canScrollPrev,
+      onClick: scrollPrev,
+      ...props,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react4.ChevronLeftIcon, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "sr-only", children: "Previous slide" })
+      ]
+    }
+  );
+}
+function CarouselNext({
+  className,
+  variant = "outline",
+  size = "icon",
+  ...props
+}) {
+  const { orientation, scrollNext, canScrollNext } = useCarousel();
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
+    Button,
+    {
+      "data-slot": "carousel-next",
+      variant,
+      size,
+      className: cn(
+        "absolute size-8 rounded-full",
+        orientation === "horizontal" ? "top-1/2 -right-12 -translate-y-1/2" : "-bottom-12 left-1/2 -translate-x-1/2 rotate-90",
+        className
+      ),
+      disabled: !canScrollNext,
+      onClick: scrollNext,
+      ...props,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react4.ChevronRightIcon, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "sr-only", children: "Next slide" })
+      ]
+    }
+  );
+}
+
+// src/ui/checkbox.tsx
+var import_checkbox = require("@base-ui/react/checkbox");
+var import_lucide_react5 = require("lucide-react");
+var import_jsx_runtime13 = require("react/jsx-runtime");
+function Checkbox({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+    import_checkbox.Checkbox.Root,
+    {
+      "data-slot": "checkbox",
+      className: cn(
+        "peer size-4 shrink-0 cursor-pointer rounded-[4px] border border-input shadow-xs transition-colors outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 data-checked:border-primary data-checked:bg-primary data-checked:text-primary-foreground",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+        import_checkbox.Checkbox.Indicator,
+        {
+          "data-slot": "checkbox-indicator",
+          className: "flex items-center justify-center text-current",
+          children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_lucide_react5.CheckIcon, { className: "size-3.5" })
+        }
+      )
+    }
+  );
+}
+
+// src/ui/collapsible.tsx
+var import_collapsible = require("@base-ui/react/collapsible");
+var import_lucide_react6 = require("lucide-react");
+var import_jsx_runtime14 = require("react/jsx-runtime");
+function Collapsible({
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_collapsible.Collapsible.Root, { "data-slot": "collapsible", ...props });
+}
+function CollapsibleTrigger({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+    import_collapsible.Collapsible.Trigger,
+    {
+      "data-slot": "collapsible-trigger",
+      className: cn(
+        "flex w-full cursor-pointer items-center justify-between gap-4 rounded-md py-2 text-left text-sm font-medium transition-colors outline-none hover:bg-accent hover:text-accent-foreground focus-visible:ring-[3px] focus-visible:ring-ring/50 [&[data-panel-open]>svg]:rotate-180",
+        className
+      ),
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react6.ChevronDownIcon, { className: "pointer-events-none size-4 shrink-0 text-muted-foreground transition-transform duration-200" })
+      ]
+    }
+  );
+}
+function CollapsibleContent({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+    import_collapsible.Collapsible.Panel,
+    {
+      "data-slot": "collapsible-content",
+      className: cn(
+        "overflow-hidden text-sm transition-[height] duration-200 ease-out",
+        className
+      ),
+      ...props
+    }
+  );
+}
+
+// src/ui/combobox.tsx
+var import_lucide_react7 = require("lucide-react");
+
+// src/ui/popover.tsx
+var import_popover = require("@base-ui/react/popover");
+var import_jsx_runtime15 = require("react/jsx-runtime");
+function Popover({
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_popover.Popover.Root, { "data-slot": "popover", ...props });
+}
+function PopoverTrigger({
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_popover.Popover.Trigger, { "data-slot": "popover-trigger", ...props });
+}
+function PopoverContent({
+  className,
+  align = "center",
+  side = "bottom",
+  sideOffset = 4,
+  anchor,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_popover.Popover.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+    import_popover.Popover.Positioner,
+    {
+      align,
+      side,
+      sideOffset,
+      anchor,
+      className: "isolate z-50",
+      children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+        import_popover.Popover.Popup,
+        {
+          "data-slot": "popover-content",
+          className: cn(
+            "z-50 w-72 rounded-md border border-border bg-popover p-4 text-popover-foreground shadow-md outline-none duration-200 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95",
+            className
+          ),
+          ...props
+        }
+      )
+    }
+  ) });
+}
+
+// src/ui/combobox.tsx
+var import_jsx_runtime16 = require("react/jsx-runtime");
+function Combobox({
+  open,
+  onOpenChange,
+  children
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Popover, { open, onOpenChange: (next) => onOpenChange?.(next), children });
+}
+function ComboboxTrigger({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
+    PopoverTrigger,
+    {
+      "data-slot": "combobox-trigger",
+      className: cn(
+        "flex h-9 w-full min-w-0 cursor-pointer items-center justify-between gap-2 rounded-md border border-input bg-transparent px-3 py-1 text-sm shadow-xs transition-colors outline-none hover:bg-accent focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "min-w-0 flex-1 truncate text-left", children }),
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_lucide_react7.ChevronsUpDownIcon, { className: "size-4 shrink-0 opacity-50" })
+      ]
+    }
+  );
+}
+function ComboboxContent({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+    PopoverContent,
+    {
+      "data-slot": "combobox-content",
+      className: cn("w-[--anchor-width] p-0", className),
+      ...props,
+      children
+    }
+  );
+}
+
+// src/ui/command.tsx
+var import_cmdk = require("cmdk");
+var import_lucide_react8 = require("lucide-react");
+var import_jsx_runtime17 = require("react/jsx-runtime");
+function Command({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+    import_cmdk.Command,
+    {
+      "data-slot": "command",
+      className: cn(
+        "flex h-full w-full flex-col overflow-hidden rounded-md bg-popover text-popover-foreground",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function CommandInput({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+    "div",
+    {
+      "data-slot": "command-input-wrapper",
+      className: "flex items-center gap-2 border-b border-border px-3",
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react8.SearchIcon, { className: "size-4 shrink-0 opacity-50" }),
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+          import_cmdk.Command.Input,
+          {
+            "data-slot": "command-input",
+            className: cn(
+              "flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50",
+              className
+            ),
+            ...props
+          }
+        )
+      ]
+    }
+  );
+}
+function CommandList({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+    import_cmdk.Command.List,
+    {
+      "data-slot": "command-list",
+      className: cn(
+        "max-h-[300px] scroll-py-1 overflow-x-hidden overflow-y-auto",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function CommandEmpty({
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+    import_cmdk.Command.Empty,
+    {
+      "data-slot": "command-empty",
+      className: "py-6 text-center text-sm",
+      ...props
+    }
+  );
+}
+function CommandGroup({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+    import_cmdk.Command.Group,
+    {
+      "data-slot": "command-group",
+      className: cn(
+        "overflow-hidden p-1 text-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function CommandItem({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+    import_cmdk.Command.Item,
+    {
+      "data-slot": "command-item",
+      className: cn(
+        "relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none select-none data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        className
+      ),
+      ...props
+    }
+  );
+}
+
+// src/ui/context-menu.tsx
+var import_context_menu = require("@base-ui/react/context-menu");
+var import_jsx_runtime18 = require("react/jsx-runtime");
+function ContextMenu({
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_context_menu.ContextMenu.Root, { "data-slot": "context-menu", ...props });
+}
+function ContextMenuTrigger({
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_context_menu.ContextMenu.Trigger, { "data-slot": "context-menu-trigger", ...props });
+}
+function ContextMenuContent({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_context_menu.ContextMenu.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_context_menu.ContextMenu.Positioner, { className: "isolate z-50", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+    import_context_menu.ContextMenu.Popup,
+    {
+      "data-slot": "context-menu-content",
+      className: cn(
+        "z-50 max-h-(--available-height) min-w-32 origin-(--transform-origin) overflow-x-hidden overflow-y-auto rounded-md border border-border bg-popover p-1 text-popover-foreground shadow-md duration-200 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95",
+        className
+      ),
+      ...props
+    }
+  ) }) });
+}
+function ContextMenuItem({
+  className,
+  variant = "default",
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+    import_context_menu.ContextMenu.Item,
+    {
+      "data-slot": "context-menu-item",
+      "data-variant": variant,
+      className: cn(
+        "relative flex cursor-pointer items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 data-[variant=destructive]:focus:text-destructive data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function ContextMenuSeparator({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+    import_context_menu.ContextMenu.Separator,
+    {
+      "data-slot": "context-menu-separator",
+      className: cn("-mx-1 my-1 h-px bg-border", className),
+      ...props
+    }
+  );
+}
+
+// src/ui/drawer.tsx
+var import_vaul = require("vaul");
+var import_jsx_runtime19 = require("react/jsx-runtime");
+function Drawer({
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_vaul.Drawer.Root, { "data-slot": "drawer", ...props });
+}
+function DrawerTrigger({
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_vaul.Drawer.Trigger, { "data-slot": "drawer-trigger", ...props });
+}
+function DrawerPortal({
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_vaul.Drawer.Portal, { "data-slot": "drawer-portal", ...props });
+}
+function DrawerClose({
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_vaul.Drawer.Close, { "data-slot": "drawer-close", ...props });
+}
+function DrawerOverlay({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+    import_vaul.Drawer.Overlay,
+    {
+      "data-slot": "drawer-overlay",
+      className: cn("fixed inset-0 z-50 bg-black/50", className),
+      ...props
+    }
+  );
+}
+function DrawerContent({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(DrawerPortal, { "data-slot": "drawer-portal", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(DrawerOverlay, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
+      import_vaul.Drawer.Content,
+      {
+        "data-slot": "drawer-content",
+        className: cn(
+          "group/drawer-content fixed z-50 flex h-auto flex-col border-border bg-background",
+          "data-[vaul-drawer-direction=top]:inset-x-0 data-[vaul-drawer-direction=top]:top-0 data-[vaul-drawer-direction=top]:mb-24 data-[vaul-drawer-direction=top]:max-h-[80vh] data-[vaul-drawer-direction=top]:rounded-b-lg data-[vaul-drawer-direction=top]:border-b",
+          "data-[vaul-drawer-direction=bottom]:inset-x-0 data-[vaul-drawer-direction=bottom]:bottom-0 data-[vaul-drawer-direction=bottom]:mt-24 data-[vaul-drawer-direction=bottom]:max-h-[80vh] data-[vaul-drawer-direction=bottom]:rounded-t-lg data-[vaul-drawer-direction=bottom]:border-t",
+          "data-[vaul-drawer-direction=right]:inset-y-0 data-[vaul-drawer-direction=right]:right-0 data-[vaul-drawer-direction=right]:w-3/4 data-[vaul-drawer-direction=right]:border-l data-[vaul-drawer-direction=right]:sm:max-w-sm",
+          "data-[vaul-drawer-direction=left]:inset-y-0 data-[vaul-drawer-direction=left]:left-0 data-[vaul-drawer-direction=left]:w-3/4 data-[vaul-drawer-direction=left]:border-r data-[vaul-drawer-direction=left]:sm:max-w-sm",
+          className
+        ),
+        ...props,
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "mx-auto mt-4 hidden h-2 w-[100px] shrink-0 rounded-full bg-muted group-data-[vaul-drawer-direction=bottom]/drawer-content:block" }),
+          children
+        ]
+      }
+    )
+  ] });
+}
+function DrawerHeader({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+    "div",
+    {
+      "data-slot": "drawer-header",
+      className: cn("flex flex-col gap-1.5 p-4", className),
+      ...props
+    }
+  );
+}
+function DrawerFooter({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+    "div",
+    {
+      "data-slot": "drawer-footer",
+      className: cn("mt-auto flex flex-col gap-2 p-4", className),
+      ...props
+    }
+  );
+}
+function DrawerTitle({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+    import_vaul.Drawer.Title,
+    {
+      "data-slot": "drawer-title",
+      className: cn("font-semibold text-foreground", className),
+      ...props
+    }
+  );
+}
+function DrawerDescription({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+    import_vaul.Drawer.Description,
+    {
+      "data-slot": "drawer-description",
+      className: cn("text-sm text-muted-foreground", className),
+      ...props
+    }
+  );
+}
+
+// src/ui/dropdown-menu.tsx
+var import_menu = require("@base-ui/react/menu");
+var import_lucide_react9 = require("lucide-react");
+var import_jsx_runtime20 = require("react/jsx-runtime");
+function DropdownMenu({
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_menu.Menu.Root, { "data-slot": "dropdown-menu", ...props });
+}
+function DropdownMenuTrigger({
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_menu.Menu.Trigger, { "data-slot": "dropdown-menu-trigger", ...props });
+}
+function DropdownMenuContent({
+  className,
+  align = "start",
+  side = "bottom",
+  sideOffset = 4,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_menu.Menu.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+    import_menu.Menu.Positioner,
+    {
+      align,
+      side,
+      sideOffset,
+      className: "isolate z-50",
+      children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+        import_menu.Menu.Popup,
+        {
+          "data-slot": "dropdown-menu-content",
+          className: cn(
+            "z-50 max-h-(--available-height) min-w-32 origin-(--transform-origin) overflow-x-hidden overflow-y-auto rounded-md border border-border bg-popover p-1 text-popover-foreground shadow-md duration-200 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95",
+            className
+          ),
+          ...props
+        }
+      )
+    }
+  ) });
+}
+function DropdownMenuItem({
+  className,
+  variant = "default",
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+    import_menu.Menu.Item,
+    {
+      "data-slot": "dropdown-menu-item",
+      "data-variant": variant,
+      className: cn(
+        "relative flex cursor-pointer items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 data-[variant=destructive]:focus:text-destructive data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function DropdownMenuSeparator({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+    import_menu.Menu.Separator,
+    {
+      "data-slot": "dropdown-menu-separator",
+      className: cn("-mx-1 my-1 h-px bg-border", className),
+      ...props
+    }
+  );
+}
+function DropdownMenuSub({
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_menu.Menu.SubmenuRoot, { "data-slot": "dropdown-menu-sub", ...props });
+}
+function DropdownMenuSubTrigger({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
+    import_menu.Menu.SubmenuTrigger,
+    {
+      "data-slot": "dropdown-menu-sub-trigger",
+      className: cn(
+        "flex cursor-pointer items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground data-open:bg-accent data-open:text-accent-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        className
+      ),
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_lucide_react9.ChevronRightIcon, { className: "ml-auto" })
+      ]
+    }
+  );
+}
+function DropdownMenuSubContent({
+  className,
+  sideOffset = 2,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_menu.Menu.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_menu.Menu.Positioner, { sideOffset, className: "isolate z-50", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+    import_menu.Menu.Popup,
+    {
+      "data-slot": "dropdown-menu-sub-content",
+      className: cn(
+        "z-50 min-w-32 origin-(--transform-origin) overflow-hidden rounded-md border border-border bg-popover p-1 text-popover-foreground shadow-md duration-200 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95",
+        className
+      ),
+      ...props
+    }
+  ) }) });
+}
+
+// src/ui/hover-card.tsx
+var import_preview_card = require("@base-ui/react/preview-card");
+var import_jsx_runtime21 = require("react/jsx-runtime");
+function HoverCard({
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_preview_card.PreviewCard.Root, { "data-slot": "hover-card", ...props });
+}
+function HoverCardTrigger({
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_preview_card.PreviewCard.Trigger, { "data-slot": "hover-card-trigger", ...props });
+}
+function HoverCardContent({
+  className,
+  align = "center",
+  side = "bottom",
+  sideOffset = 4,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_preview_card.PreviewCard.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+    import_preview_card.PreviewCard.Positioner,
+    {
+      align,
+      side,
+      sideOffset,
+      className: "isolate z-50",
+      children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+        import_preview_card.PreviewCard.Popup,
+        {
+          "data-slot": "hover-card-content",
+          className: cn(
+            "z-50 w-64 origin-(--transform-origin) rounded-md border border-border bg-popover p-4 text-popover-foreground shadow-md outline-hidden duration-200 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95",
+            className
+          ),
+          ...props
+        }
+      )
+    }
+  ) });
+}
+
+// src/ui/menubar.tsx
+var import_menu2 = require("@base-ui/react/menu");
+var import_menubar = require("@base-ui/react/menubar");
+var import_jsx_runtime22 = require("react/jsx-runtime");
+function Menubar({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+    import_menubar.Menubar,
+    {
+      "data-slot": "menubar",
+      className: cn(
+        "flex h-9 items-center gap-1 rounded-md border border-border bg-background p-1 shadow-xs",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function MenubarMenu({
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_menu2.Menu.Root, { "data-slot": "menubar-menu", ...props });
+}
+function MenubarTrigger({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+    import_menu2.Menu.Trigger,
+    {
+      "data-slot": "menubar-trigger",
+      className: cn(
+        "flex cursor-pointer items-center rounded-sm px-2 py-1 text-sm font-medium outline-hidden select-none hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground data-open:bg-accent data-open:text-accent-foreground",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function MenubarContent({
+  className,
+  align = "start",
+  side = "bottom",
+  sideOffset = 8,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_menu2.Menu.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+    import_menu2.Menu.Positioner,
+    {
+      align,
+      side,
+      sideOffset,
+      className: "isolate z-50",
+      children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+        import_menu2.Menu.Popup,
+        {
+          "data-slot": "menubar-content",
+          className: cn(
+            "z-50 min-w-36 origin-(--transform-origin) overflow-hidden rounded-md border border-border bg-popover p-1 text-popover-foreground shadow-md duration-200 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95",
+            className
+          ),
+          ...props
+        }
+      )
+    }
+  ) });
+}
+function MenubarItem({
+  className,
+  variant = "default",
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+    import_menu2.Menu.Item,
+    {
+      "data-slot": "menubar-item",
+      "data-variant": variant,
+      className: cn(
+        "relative flex cursor-pointer items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 data-[variant=destructive]:focus:text-destructive data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function MenubarSeparator({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+    import_menu2.Menu.Separator,
+    {
+      "data-slot": "menubar-separator",
+      className: cn("-mx-1 my-1 h-px bg-border", className),
+      ...props
+    }
+  );
+}
+
+// src/ui/navigation-menu.tsx
+var import_navigation_menu = require("@base-ui/react/navigation-menu");
+var import_lucide_react10 = require("lucide-react");
+var import_class_variance_authority4 = require("class-variance-authority");
+var import_jsx_runtime23 = require("react/jsx-runtime");
+function NavigationMenu({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
+    import_navigation_menu.NavigationMenu.Root,
+    {
+      "data-slot": "navigation-menu",
+      className: cn("relative z-10 flex max-w-max items-center justify-center", className),
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(NavigationMenuViewport, {})
+      ]
+    }
+  );
+}
+function NavigationMenuList({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+    import_navigation_menu.NavigationMenu.List,
+    {
+      "data-slot": "navigation-menu-list",
+      className: cn("flex flex-1 list-none items-center justify-center gap-1", className),
+      ...props
+    }
+  );
+}
+function NavigationMenuItem({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+    import_navigation_menu.NavigationMenu.Item,
+    {
+      "data-slot": "navigation-menu-item",
+      className: cn("relative", className),
+      ...props
+    }
+  );
+}
+var navigationMenuTriggerStyle = (0, import_class_variance_authority4.cva)(
+  "group/navigation-menu-trigger inline-flex h-9 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium transition-colors hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-none disabled:pointer-events-none disabled:opacity-50 data-open:bg-accent/50 data-open:text-accent-foreground"
+);
+function NavigationMenuTrigger({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
+    import_navigation_menu.NavigationMenu.Trigger,
+    {
+      "data-slot": "navigation-menu-trigger",
+      className: cn(navigationMenuTriggerStyle(), className),
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+          import_lucide_react10.ChevronDownIcon,
+          {
+            className: "relative top-px ml-1 size-3 transition-transform duration-200 group-data-open/navigation-menu-trigger:rotate-180",
+            "aria-hidden": "true"
+          }
+        )
+      ]
+    }
+  );
+}
+function NavigationMenuContent({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+    import_navigation_menu.NavigationMenu.Content,
+    {
+      "data-slot": "navigation-menu-content",
+      className: cn(
+        "w-full p-2 data-ending-style:opacity-0 data-starting-style:opacity-0 data-[instant]:transition-none **:data-[slot=navigation-menu-link]:focus:ring-0 **:data-[slot=navigation-menu-link]:focus:outline-none",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function NavigationMenuViewport({ className }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_navigation_menu.NavigationMenu.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+    import_navigation_menu.NavigationMenu.Positioner,
+    {
+      side: "bottom",
+      align: "start",
+      className: "isolate z-50",
+      children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+        import_navigation_menu.NavigationMenu.Popup,
+        {
+          "data-slot": "navigation-menu-popup",
+          className: cn(
+            "origin-(--transform-origin) overflow-hidden rounded-md border border-border bg-popover text-popover-foreground shadow-md duration-200 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95",
+            className
+          ),
+          children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_navigation_menu.NavigationMenu.Viewport, { "data-slot": "navigation-menu-viewport" })
+        }
+      )
+    }
+  ) });
+}
+function NavigationMenuLink({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+    import_navigation_menu.NavigationMenu.Link,
+    {
+      "data-slot": "navigation-menu-link",
+      className: cn(
+        "flex flex-col gap-1 rounded-md p-2 text-sm transition-colors outline-none hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground focus-visible:ring-[3px] focus-visible:ring-ring/50 data-active:bg-accent/50 data-active:text-accent-foreground [&_svg:not([class*='size-'])]:size-4",
+        className
+      ),
+      ...props
+    }
+  );
+}
+
+// src/ui/pagination.tsx
+var import_lucide_react11 = require("lucide-react");
+var import_jsx_runtime24 = require("react/jsx-runtime");
+function Pagination({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+    "nav",
+    {
+      role: "navigation",
+      "aria-label": "pagination",
+      "data-slot": "pagination",
+      className: cn("mx-auto flex w-full justify-center", className),
+      ...props
+    }
+  );
+}
+function PaginationContent({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+    "ul",
+    {
+      "data-slot": "pagination-content",
+      className: cn("flex flex-row items-center gap-1", className),
+      ...props
+    }
+  );
+}
+function PaginationItem({ ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("li", { "data-slot": "pagination-item", ...props });
+}
+function PaginationLink({
+  className,
+  isActive,
+  disabled,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+    "a",
+    {
+      "aria-current": isActive ? "page" : void 0,
+      "aria-disabled": disabled || void 0,
+      tabIndex: disabled ? -1 : void 0,
+      "data-slot": "pagination-link",
+      "data-active": isActive || void 0,
+      className: cn(
+        buttonVariants({
+          variant: isActive ? "outline" : "ghost"
+        }),
+        disabled && "pointer-events-none opacity-50",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function PaginationPrevious({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
+    PaginationLink,
+    {
+      "aria-label": "Go to previous page",
+      className: cn("gap-1 px-2.5 sm:pl-2.5", className),
+      ...props,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_lucide_react11.ChevronLeftIcon, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "hidden sm:block", children: "Previous" })
+      ]
+    }
+  );
+}
+function PaginationNext({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
+    PaginationLink,
+    {
+      "aria-label": "Go to next page",
+      className: cn("gap-1 px-2.5 sm:pr-2.5", className),
+      ...props,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "hidden sm:block", children: "Next" }),
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_lucide_react11.ChevronRightIcon, {})
+      ]
+    }
+  );
+}
+function PaginationEllipsis({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
+    "span",
+    {
+      "aria-hidden": true,
+      "data-slot": "pagination-ellipsis",
+      className: cn("flex size-9 items-center justify-center", className),
+      ...props,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_lucide_react11.MoreHorizontalIcon, { className: "size-4" }),
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "sr-only", children: "More pages" })
+      ]
+    }
+  );
+}
+
+// src/ui/sheet.tsx
+var import_dialog = require("@base-ui/react/dialog");
+var import_lucide_react12 = require("lucide-react");
+var import_class_variance_authority5 = require("class-variance-authority");
+var import_jsx_runtime25 = require("react/jsx-runtime");
+function Sheet({
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_dialog.Dialog.Root, { "data-slot": "sheet", ...props });
+}
+function SheetTrigger({
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_dialog.Dialog.Trigger, { "data-slot": "sheet-trigger", ...props });
+}
+function SheetClose({
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_dialog.Dialog.Close, { "data-slot": "sheet-close", ...props });
+}
+function SheetPortal({
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_dialog.Dialog.Portal, { "data-slot": "sheet-portal", ...props });
+}
+function SheetOverlay({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+    import_dialog.Dialog.Backdrop,
+    {
+      "data-slot": "sheet-overlay",
+      className: cn(
+        "fixed inset-0 z-50 bg-black/50 data-open:animate-in data-open:fade-in-0 data-closed:animate-out data-closed:fade-out-0",
+        className
+      ),
+      ...props
+    }
+  );
+}
+var sheetVariants = (0, import_class_variance_authority5.cva)(
+  "fixed z-50 flex flex-col gap-4 border-border bg-background shadow-lg transition ease-in-out data-open:animate-in data-open:duration-300 data-closed:animate-out data-closed:duration-200",
+  {
+    variants: {
+      side: {
+        right: "inset-y-0 right-0 h-full w-3/4 border-l data-open:slide-in-from-right data-closed:slide-out-to-right sm:max-w-sm",
+        left: "inset-y-0 left-0 h-full w-3/4 border-r data-open:slide-in-from-left data-closed:slide-out-to-left sm:max-w-sm",
+        top: "inset-x-0 top-0 border-b data-open:slide-in-from-top data-closed:slide-out-to-top",
+        bottom: "inset-x-0 bottom-0 border-t data-open:slide-in-from-bottom data-closed:slide-out-to-bottom"
+      }
+    },
+    defaultVariants: {
+      side: "right"
+    }
+  }
+);
+function SheetContent({
+  className,
+  children,
+  side = "right",
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(SheetPortal, { "data-slot": "sheet-portal", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(SheetOverlay, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
+      import_dialog.Dialog.Popup,
+      {
+        "data-slot": "sheet-content",
+        className: cn(sheetVariants({ side }), className),
+        ...props,
+        children: [
+          children,
+          /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
+            import_dialog.Dialog.Close,
+            {
+              "data-slot": "sheet-close",
+              render: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+                "button",
+                {
+                  type: "button",
+                  className: "absolute top-4 right-4 cursor-pointer rounded-xs opacity-70 transition-opacity hover:opacity-100 focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-none disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4"
+                }
+              ),
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_lucide_react12.XIcon, {}),
+                /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "sr-only", children: "Close" })
+              ]
+            }
+          )
+        ]
+      }
+    )
+  ] });
+}
+function SheetHeader({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+    "div",
+    {
+      "data-slot": "sheet-header",
+      className: cn("flex flex-col gap-1.5 p-4", className),
+      ...props
+    }
+  );
+}
+function SheetFooter({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+    "div",
+    {
+      "data-slot": "sheet-footer",
+      className: cn("mt-auto flex flex-col gap-2 p-4", className),
+      ...props
+    }
+  );
+}
+function SheetTitle({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+    import_dialog.Dialog.Title,
+    {
+      "data-slot": "sheet-title",
+      className: cn("font-semibold text-foreground", className),
+      ...props
+    }
+  );
+}
+function SheetDescription({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+    import_dialog.Dialog.Description,
+    {
+      "data-slot": "sheet-description",
+      className: cn("text-sm text-muted-foreground", className),
+      ...props
+    }
+  );
+}
+
+// src/ui/toast.tsx
+var import_toast = require("@base-ui/react/toast");
+var import_lucide_react13 = require("lucide-react");
+var import_jsx_runtime26 = require("react/jsx-runtime");
+var toastManager = import_toast.Toast.createToastManager();
+function toast(message, options = {}) {
+  return toastManager.add({
+    title: message,
+    description: options.description,
+    type: options.variant ?? "info"
+  });
+}
+var toastVariantClass = {
+  success: "border-l-4 border-l-success",
+  error: "border-l-4 border-l-destructive",
+  info: "border-l-4 border-l-info"
+};
+function ToasterViewport({ className }) {
+  const { toasts } = import_toast.Toast.useToastManager();
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_toast.Toast.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+    import_toast.Toast.Viewport,
+    {
+      "data-slot": "toast-viewport",
+      className: cn(
+        "fixed top-4 right-4 z-[100] flex w-80 flex-col gap-2 outline-none",
+        className
+      ),
+      children: toasts.map((item) => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+        import_toast.Toast.Root,
+        {
+          toast: item,
+          "data-slot": "toast",
+          "data-type": item.type ?? "info",
+          className: cn(
+            "rounded-md border border-border bg-popover px-4 py-3 text-sm text-popover-foreground shadow-md transition-[opacity,transform] duration-200 data-ending-style:animate-toast-out data-starting-style:animate-toast-in",
+            toastVariantClass[item.type ?? "info"] ?? toastVariantClass.info
+          ),
+          children: /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_toast.Toast.Content, { className: "flex items-start justify-between gap-2", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "grid gap-0.5", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+                import_toast.Toast.Title,
+                {
+                  "data-slot": "toast-title",
+                  className: "font-medium"
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+                import_toast.Toast.Description,
+                {
+                  "data-slot": "toast-description",
+                  className: "text-muted-foreground"
+                }
+              )
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+              import_toast.Toast.Close,
+              {
+                "data-slot": "toast-close",
+                "aria-label": "Close",
+                className: "cursor-pointer rounded-xs opacity-70 transition-opacity hover:opacity-100 focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-none [&_svg]:size-3.5",
+                children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_lucide_react13.XIcon, {})
+              }
+            )
+          ] })
+        },
+        item.id
+      ))
+    }
+  ) });
+}
+function Toaster({ className }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_toast.Toast.Provider, { toastManager, children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(ToasterViewport, { className }) });
+}
+
+// src/ui/tooltip.tsx
+var import_tooltip = require("@base-ui/react/tooltip");
+var import_jsx_runtime27 = require("react/jsx-runtime");
+function TooltipProvider({
+  delay = 0,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+    import_tooltip.Tooltip.Provider,
+    {
+      "data-slot": "tooltip-provider",
+      delay,
+      ...props
+    }
+  );
+}
+function Tooltip({
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(TooltipProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_tooltip.Tooltip.Root, { "data-slot": "tooltip", ...props }) });
+}
+function TooltipTrigger({
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_tooltip.Tooltip.Trigger, { "data-slot": "tooltip-trigger", ...props });
+}
+function TooltipContent({
+  className,
+  side = "top",
+  sideOffset = 4,
+  align = "center",
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_tooltip.Tooltip.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+    import_tooltip.Tooltip.Positioner,
+    {
+      align,
+      side,
+      sideOffset,
+      className: "isolate z-50",
+      children: /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
+        import_tooltip.Tooltip.Popup,
+        {
+          "data-slot": "tooltip-content",
+          className: cn(
+            "z-50 w-fit origin-(--transform-origin) rounded-md bg-primary px-3 py-1.5 text-xs text-balance text-primary-foreground duration-200 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95",
+            className
+          ),
+          ...props,
+          children: [
+            children,
+            /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_tooltip.Tooltip.Arrow, { className: "z-50 size-2.5 rotate-45 rounded-[2px] bg-primary fill-primary data-[side=top]:-bottom-1 data-[side=bottom]:-top-1 data-[side=left]:-right-1 data-[side=right]:-left-1" })
+          ]
+        }
+      )
     }
-  );
+  ) });
 }
 
 // src/ui/card.tsx
-var import_jsx_runtime5 = require("react/jsx-runtime");
+var import_jsx_runtime28 = require("react/jsx-runtime");
 function Card({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
     "div",
     {
       "data-slot": "card",
@@ -354,7 +2307,7 @@ function Card({ className, ...props }) {
   );
 }
 function CardHeader({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
     "div",
     {
       "data-slot": "card-header",
@@ -367,7 +2320,7 @@ function CardHeader({ className, ...props }) {
   );
 }
 function CardTitle({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
     "div",
     {
       "data-slot": "card-title",
@@ -377,7 +2330,7 @@ function CardTitle({ className, ...props }) {
   );
 }
 function CardDescription({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
     "div",
     {
       "data-slot": "card-description",
@@ -387,7 +2340,7 @@ function CardDescription({ className, ...props }) {
   );
 }
 function CardAction({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
     "div",
     {
       "data-slot": "card-action",
@@ -400,7 +2353,7 @@ function CardAction({ className, ...props }) {
   );
 }
 function CardContent({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
     "div",
     {
       "data-slot": "card-content",
@@ -410,7 +2363,7 @@ function CardContent({ className, ...props }) {
   );
 }
 function CardFooter({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
     "div",
     {
       "data-slot": "card-footer",
@@ -421,35 +2374,35 @@ function CardFooter({ className, ...props }) {
 }
 
 // src/ui/dialog.tsx
-var import_dialog = require("@base-ui/react/dialog");
-var import_lucide_react2 = require("lucide-react");
-var import_jsx_runtime6 = require("react/jsx-runtime");
+var import_dialog2 = require("@base-ui/react/dialog");
+var import_lucide_react14 = require("lucide-react");
+var import_jsx_runtime29 = require("react/jsx-runtime");
 function Dialog({
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_dialog.Dialog.Root, { "data-slot": "dialog", ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_dialog2.Dialog.Root, { "data-slot": "dialog", ...props });
 }
 function DialogTrigger({
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_dialog.Dialog.Trigger, { "data-slot": "dialog-trigger", ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_dialog2.Dialog.Trigger, { "data-slot": "dialog-trigger", ...props });
 }
 function DialogPortal({
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_dialog.Dialog.Portal, { "data-slot": "dialog-portal", ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_dialog2.Dialog.Portal, { "data-slot": "dialog-portal", ...props });
 }
 function DialogClose({
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_dialog.Dialog.Close, { "data-slot": "dialog-close", ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_dialog2.Dialog.Close, { "data-slot": "dialog-close", ...props });
 }
 function DialogOverlay({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-    import_dialog.Dialog.Backdrop,
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+    import_dialog2.Dialog.Backdrop,
     {
       "data-slot": "dialog-overlay",
       className: cn(
@@ -466,10 +2419,10 @@ function DialogContent({
   showCloseButton = true,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(DialogPortal, { "data-slot": "dialog-portal", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(DialogOverlay, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
-      import_dialog.Dialog.Popup,
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(DialogPortal, { "data-slot": "dialog-portal", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(DialogOverlay, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
+      import_dialog2.Dialog.Popup,
       {
         "data-slot": "dialog-content",
         className: cn(
@@ -479,11 +2432,11 @@ function DialogContent({
         ...props,
         children: [
           children,
-          showCloseButton && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
-            import_dialog.Dialog.Close,
+          showCloseButton && /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
+            import_dialog2.Dialog.Close,
             {
               "data-slot": "dialog-close",
-              render: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+              render: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
                 "button",
                 {
                   type: "button",
@@ -491,8 +2444,8 @@ function DialogContent({
                 }
               ),
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react2.XIcon, {}),
-                /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "sr-only", children: "Close" })
+                /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_lucide_react14.XIcon, {}),
+                /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { className: "sr-only", children: "Close" })
               ]
             }
           )
@@ -502,7 +2455,7 @@ function DialogContent({
   ] });
 }
 function DialogHeader({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
     "div",
     {
       "data-slot": "dialog-header",
@@ -512,139 +2465,576 @@ function DialogHeader({ className, ...props }) {
   );
 }
 function DialogFooter({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+    "div",
+    {
+      "data-slot": "dialog-footer",
+      className: cn(
+        "flex flex-col-reverse gap-2 sm:flex-row sm:justify-end",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function DialogTitle({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+    import_dialog2.Dialog.Title,
+    {
+      "data-slot": "dialog-title",
+      className: cn("text-lg leading-none font-semibold", className),
+      ...props
+    }
+  );
+}
+function DialogDescription({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+    import_dialog2.Dialog.Description,
+    {
+      "data-slot": "dialog-description",
+      className: cn("text-sm text-muted-foreground", className),
+      ...props
+    }
+  );
+}
+
+// src/ui/empty.tsx
+var import_jsx_runtime30 = require("react/jsx-runtime");
+function Empty({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+    "div",
+    {
+      "data-slot": "empty",
+      className: cn(
+        "flex min-w-0 flex-1 flex-col items-center justify-center gap-4 rounded-lg border-dashed p-6 text-center text-balance",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function EmptyHeader({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+    "div",
+    {
+      "data-slot": "empty-header",
+      className: cn("flex max-w-sm flex-col items-center gap-2", className),
+      ...props
+    }
+  );
+}
+function EmptyTitle({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+    "div",
+    {
+      "data-slot": "empty-title",
+      className: cn("text-lg font-medium tracking-tight", className),
+      ...props
+    }
+  );
+}
+function EmptyDescription({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+    "p",
+    {
+      "data-slot": "empty-description",
+      className: cn("text-sm text-muted-foreground", className),
+      ...props
+    }
+  );
+}
+function EmptyContent({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+    "div",
+    {
+      "data-slot": "empty-content",
+      className: cn(
+        "flex w-full max-w-sm min-w-0 flex-col items-center gap-2 text-sm text-balance",
+        className
+      ),
+      ...props
+    }
+  );
+}
+
+// src/ui/field.tsx
+var import_field = require("@base-ui/react/field");
+var import_jsx_runtime31 = require("react/jsx-runtime");
+function Field({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+    import_field.Field.Root,
+    {
+      "data-slot": "field",
+      className: cn("flex flex-col gap-1.5", className),
+      ...props
+    }
+  );
+}
+function FieldLabel({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+    import_field.Field.Label,
+    {
+      "data-slot": "field-label",
+      className: cn("text-sm leading-none font-medium", className),
+      ...props
+    }
+  );
+}
+function FieldDescription({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+    import_field.Field.Description,
+    {
+      "data-slot": "field-description",
+      className: cn("text-sm text-muted-foreground", className),
+      ...props
+    }
+  );
+}
+function FieldError({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+    import_field.Field.Error,
+    {
+      "data-slot": "field-error",
+      className: cn("text-sm text-destructive", className),
+      ...props
+    }
+  );
+}
+
+// src/ui/input.tsx
+var import_jsx_runtime32 = require("react/jsx-runtime");
+function Input({ className, type, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+    "input",
+    {
+      type,
+      "data-slot": "input",
+      className: cn(
+        "flex h-9 w-full min-w-0 rounded-md border border-input bg-transparent px-3 py-1 text-sm shadow-xs transition-colors outline-none placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50",
+        className
+      ),
+      ...props
+    }
+  );
+}
+
+// src/ui/input-group.tsx
+var import_jsx_runtime33 = require("react/jsx-runtime");
+function InputGroup({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+    "div",
+    {
+      "data-slot": "input-group",
+      role: "group",
+      className: cn(
+        "group/input-group relative flex w-full items-center rounded-md border border-input shadow-xs transition-colors outline-none focus-within:border-ring focus-within:ring-[3px] focus-within:ring-ring/50 has-disabled:opacity-50",
+        // 消化 DSL 子元素：Input 去边框/焦点环并伸展；Text 作前后缀；Button 贴边去圆角
+        "[&_[data-slot=input]]:min-w-0 [&_[data-slot=input]]:flex-1 [&_[data-slot=input]]:border-0 [&_[data-slot=input]]:shadow-none [&_[data-slot=input]]:focus-visible:ring-0",
+        "[&>[data-slot=text]]:shrink-0 [&>[data-slot=text]]:px-3 [&>[data-slot=text]]:text-sm [&>[data-slot=text]]:text-muted-foreground",
+        "[&>[data-slot=button]]:shrink-0 [&>[data-slot=button]]:rounded-none [&>[data-slot=button]]:first:rounded-l-md [&>[data-slot=button]]:last:rounded-r-md",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function InputGroupAddon({
+  className,
+  align = "inline-start",
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+    "div",
+    {
+      role: "group",
+      "data-slot": "input-group-addon",
+      "data-align": align,
+      className: cn(
+        "flex items-center gap-1 px-3 text-sm text-muted-foreground [&>svg]:size-4",
+        align === "inline-start" ? "order-first pl-3" : "order-last pr-3",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function InputGroupInput({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+    "input",
+    {
+      "data-slot": "input-group-input",
+      className: cn(
+        "h-9 min-w-0 flex-1 border-0 bg-transparent px-3 py-1 text-base shadow-none outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed md:text-sm",
+        className
+      ),
+      ...props
+    }
+  );
+}
+
+// src/ui/input-otp.tsx
+var import_input_otp = require("input-otp");
+var import_lucide_react15 = require("lucide-react");
+var React3 = __toESM(require("react"), 1);
+var import_jsx_runtime34 = require("react/jsx-runtime");
+function InputOTP({
+  className,
+  containerClassName,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+    import_input_otp.OTPInput,
+    {
+      "data-slot": "input-otp",
+      containerClassName: cn(
+        "flex items-center gap-2 has-disabled:opacity-50",
+        containerClassName
+      ),
+      className: cn("disabled:cursor-not-allowed", className),
+      ...props
+    }
+  );
+}
+function InputOTPGroup({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+    "div",
+    {
+      "data-slot": "input-otp-group",
+      className: cn("flex items-center", className),
+      ...props
+    }
+  );
+}
+function InputOTPSlot({
+  index,
+  className,
+  ...props
+}) {
+  const inputOTPContext = React3.useContext(import_input_otp.OTPInputContext);
+  const { char, hasFakeCaret, isActive } = inputOTPContext?.slots[index] ?? {};
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
+    "div",
+    {
+      "data-slot": "input-otp-slot",
+      "data-active": isActive,
+      className: cn(
+        "relative flex h-9 w-9 items-center justify-center border-y border-r border-input text-sm shadow-xs transition-all first:rounded-l-md first:border-l last:rounded-r-md data-[active=true]:z-10 data-[active=true]:border-ring data-[active=true]:ring-[3px] data-[active=true]:ring-ring/50",
+        className
+      ),
+      ...props,
+      children: [
+        char,
+        hasFakeCaret ? /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "h-4 w-px animate-caret-blink bg-foreground duration-1000" }) }) : null
+      ]
+    }
+  );
+}
+function InputOTPSeparator({ ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { "data-slot": "input-otp-separator", role: "separator", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_lucide_react15.MinusIcon, {}) });
+}
+
+// src/ui/item.tsx
+var import_jsx_runtime35 = require("react/jsx-runtime");
+function Item({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+    "div",
+    {
+      "data-slot": "item",
+      className: cn(
+        "group/item flex items-center gap-3 rounded-lg border border-border p-3 text-sm",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function ItemMedia({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
     "div",
     {
-      "data-slot": "dialog-footer",
+      "data-slot": "item-media",
+      className: cn(
+        "flex shrink-0 items-center justify-center [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-5",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function ItemContent({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+    "div",
+    {
+      "data-slot": "item-content",
+      className: cn("flex min-w-0 flex-1 flex-col gap-0.5", className),
+      ...props
+    }
+  );
+}
+function ItemTitle({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+    "div",
+    {
+      "data-slot": "item-title",
+      className: cn("line-clamp-1 font-medium", className),
+      ...props
+    }
+  );
+}
+function ItemDescription({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+    "p",
+    {
+      "data-slot": "item-description",
+      className: cn("line-clamp-2 text-xs text-muted-foreground", className),
+      ...props
+    }
+  );
+}
+function ItemActions({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+    "div",
+    {
+      "data-slot": "item-actions",
+      className: cn("flex shrink-0 items-center gap-2", className),
+      ...props
+    }
+  );
+}
+
+// src/ui/kbd.tsx
+var import_jsx_runtime36 = require("react/jsx-runtime");
+function Kbd({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+    "kbd",
+    {
+      "data-slot": "kbd",
       className: cn(
-        "flex flex-col-reverse gap-2 sm:flex-row sm:justify-end",
+        "pointer-events-none inline-flex h-5 w-fit min-w-5 items-center justify-center gap-1 rounded-sm bg-muted px-1 font-sans text-xs font-medium text-muted-foreground select-none",
         className
       ),
       ...props
     }
   );
 }
-function DialogTitle({
+
+// src/ui/label.tsx
+var import_jsx_runtime37 = require("react/jsx-runtime");
+function Label({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-    import_dialog.Dialog.Title,
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+    "label",
     {
-      "data-slot": "dialog-title",
-      className: cn("text-lg leading-none font-semibold", className),
+      "data-slot": "label",
+      className: cn(
+        "flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50",
+        className
+      ),
       ...props
     }
   );
 }
-function DialogDescription({
+
+// src/ui/progress.tsx
+var import_progress = require("@base-ui/react/progress");
+var import_jsx_runtime38 = require("react/jsx-runtime");
+function Progress({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+    import_progress.Progress.Root,
+    {
+      "data-slot": "progress",
+      className: cn("relative w-full", className),
+      ...props
+    }
+  );
+}
+function ProgressTrack({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+    import_progress.Progress.Track,
+    {
+      "data-slot": "progress-track",
+      className: cn("h-2 w-full overflow-hidden rounded-full bg-muted", className),
+      ...props
+    }
+  );
+}
+function ProgressIndicator({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-    import_dialog.Dialog.Description,
+  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+    import_progress.Progress.Indicator,
     {
-      "data-slot": "dialog-description",
-      className: cn("text-sm text-muted-foreground", className),
+      "data-slot": "progress-indicator",
+      className: cn(
+        "h-full bg-primary transition-[width] duration-300 ease-in-out",
+        className
+      ),
       ...props
     }
   );
 }
 
-// src/ui/input.tsx
-var import_jsx_runtime7 = require("react/jsx-runtime");
-function Input({ className, type, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
-    "input",
+// src/ui/radio-group.tsx
+var import_radio = require("@base-ui/react/radio");
+var import_radio_group = require("@base-ui/react/radio-group");
+var import_jsx_runtime39 = require("react/jsx-runtime");
+function RadioGroup({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+    import_radio_group.RadioGroup,
     {
-      type,
-      "data-slot": "input",
+      "data-slot": "radio-group",
+      className: cn("grid gap-3", className),
+      ...props
+    }
+  );
+}
+function RadioGroupItem({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+    import_radio.Radio.Root,
+    {
+      "data-slot": "radio-group-item",
       className: cn(
-        "flex h-9 w-full min-w-0 rounded-md border border-input bg-transparent px-3 py-1 text-sm shadow-xs transition-colors outline-none placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50",
+        "aspect-square size-4 shrink-0 cursor-pointer rounded-full border border-input shadow-xs transition-colors outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 data-checked:border-primary",
         className
       ),
-      ...props
+      ...props,
+      children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+        import_radio.Radio.Indicator,
+        {
+          "data-slot": "radio-group-indicator",
+          className: "flex items-center justify-center",
+          children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { className: "size-2 rounded-full bg-primary" })
+        }
+      )
     }
   );
 }
 
-// src/ui/label.tsx
-var import_jsx_runtime8 = require("react/jsx-runtime");
-function Label({
+// src/ui/resizable.tsx
+var import_lucide_react16 = require("lucide-react");
+var import_react_resizable_panels = require("react-resizable-panels");
+var import_jsx_runtime40 = require("react/jsx-runtime");
+function PanelGroup({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-    "label",
+  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+    import_react_resizable_panels.Group,
     {
-      "data-slot": "label",
+      "data-slot": "resizable-panel-group",
       className: cn(
-        "flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50",
+        "flex h-full w-full data-[orientation=vertical]:flex-col",
         className
       ),
       ...props
     }
   );
 }
-
-// src/ui/popover.tsx
-var import_popover = require("@base-ui/react/popover");
-var import_jsx_runtime9 = require("react/jsx-runtime");
-function Popover({
+function Panel({ ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_react_resizable_panels.Panel, { "data-slot": "resizable-panel", ...props });
+}
+function ResizableHandle({
+  withHandle,
+  className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_popover.Popover.Root, { "data-slot": "popover", ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+    import_react_resizable_panels.Separator,
+    {
+      "data-slot": "resizable-handle",
+      className: cn(
+        "relative flex w-px items-center justify-center bg-border after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:ring-1 focus-visible:ring-ring focus-visible:ring-offset-1 focus-visible:outline-none data-[orientation=vertical]:h-px data-[orientation=vertical]:w-full data-[orientation=vertical]:after:left-0 data-[orientation=vertical]:after:h-1 data-[orientation=vertical]:after:w-full data-[orientation=vertical]:after:translate-x-0 data-[orientation=vertical]:after:-translate-y-1/2 [&[data-orientation=vertical]>div]:rotate-90",
+        className
+      ),
+      ...props,
+      children: withHandle ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "z-10 flex h-4 w-3 items-center justify-center rounded-xs border border-border bg-border", children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_lucide_react16.GripVerticalIcon, { className: "size-2.5" }) }) : null
+    }
+  );
 }
-function PopoverTrigger({
+
+// src/ui/scroll-area.tsx
+var import_scroll_area = require("@base-ui/react/scroll-area");
+var import_jsx_runtime41 = require("react/jsx-runtime");
+function ScrollArea({
+  className,
+  children,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_popover.Popover.Trigger, { "data-slot": "popover-trigger", ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
+    import_scroll_area.ScrollArea.Root,
+    {
+      "data-slot": "scroll-area",
+      className: cn("relative overflow-hidden", className),
+      ...props,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+          import_scroll_area.ScrollArea.Viewport,
+          {
+            "data-slot": "scroll-area-viewport",
+            className: "size-full rounded-[inherit] outline-none focus-visible:ring-[3px] focus-visible:ring-ring/50",
+            children
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(ScrollBar, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_scroll_area.ScrollArea.Corner, {})
+      ]
+    }
+  );
 }
-function PopoverContent({
+function ScrollBar({
   className,
-  align = "center",
-  side = "bottom",
-  sideOffset = 4,
-  anchor,
+  orientation = "vertical",
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_popover.Popover.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
-    import_popover.Popover.Positioner,
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+    import_scroll_area.ScrollArea.Scrollbar,
     {
-      align,
-      side,
-      sideOffset,
-      anchor,
-      className: "isolate z-50",
-      children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
-        import_popover.Popover.Popup,
+      "data-slot": "scroll-area-scrollbar",
+      orientation,
+      className: cn(
+        "flex touch-none p-px transition-colors select-none",
+        orientation === "vertical" && "h-full w-2 border-l border-l-transparent",
+        orientation === "horizontal" && "h-2 flex-col border-t border-t-transparent",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+        import_scroll_area.ScrollArea.Thumb,
         {
-          "data-slot": "popover-content",
-          className: cn(
-            "z-50 w-72 rounded-md border border-border bg-popover p-4 text-popover-foreground shadow-md outline-none duration-200 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95",
-            className
-          ),
-          ...props
+          "data-slot": "scroll-area-thumb",
+          className: "relative flex-1 rounded-full bg-border"
         }
       )
     }
-  ) });
+  );
 }
 
 // src/ui/select.tsx
 var import_select = require("@base-ui/react/select");
-var import_lucide_react3 = require("lucide-react");
-var import_jsx_runtime10 = require("react/jsx-runtime");
+var import_lucide_react17 = require("lucide-react");
+var import_jsx_runtime42 = require("react/jsx-runtime");
 var Select = import_select.Select.Root;
 function SelectGroup({
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_select.Select.Group, { "data-slot": "select-group", ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_select.Select.Group, { "data-slot": "select-group", ...props });
 }
 function SelectValue({
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_select.Select.Value, { "data-slot": "select-value", ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_select.Select.Value, { "data-slot": "select-value", ...props });
 }
 function SelectTrigger({
   className,
@@ -652,7 +3042,7 @@ function SelectTrigger({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
     import_select.Select.Trigger,
     {
       "data-slot": "select-trigger",
@@ -664,10 +3054,10 @@ function SelectTrigger({
       ...props,
       children: [
         children,
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
           import_select.Select.Icon,
           {
-            render: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_lucide_react3.ChevronDownIcon, { className: "size-4 opacity-50" })
+            render: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_lucide_react17.ChevronDownIcon, { className: "size-4 opacity-50" })
           }
         )
       ]
@@ -683,7 +3073,7 @@ function SelectContent({
   alignItemWithTrigger = false,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_select.Select.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_select.Select.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
     import_select.Select.Positioner,
     {
       side,
@@ -691,7 +3081,7 @@ function SelectContent({
       align,
       alignItemWithTrigger,
       className: "isolate z-50",
-      children: /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
         import_select.Select.Popup,
         {
           "data-slot": "select-content",
@@ -701,9 +3091,9 @@ function SelectContent({
           ),
           ...props,
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(SelectScrollUpButton, {}),
-            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_select.Select.List, { className: "p-1", children }),
-            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(SelectScrollDownButton, {})
+            /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(SelectScrollUpButton, {}),
+            /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_select.Select.List, { className: "p-1", children }),
+            /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(SelectScrollDownButton, {})
           ]
         }
       )
@@ -714,7 +3104,7 @@ function SelectLabel({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
     import_select.Select.GroupLabel,
     {
       "data-slot": "select-label",
@@ -728,7 +3118,7 @@ function SelectItem({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
     import_select.Select.Item,
     {
       "data-slot": "select-item",
@@ -738,8 +3128,8 @@ function SelectItem({
       ),
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "absolute right-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_select.Select.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_lucide_react3.CheckIcon, { className: "size-4" }) }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_select.Select.ItemText, { children })
+        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("span", { className: "absolute right-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_select.Select.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_lucide_react17.CheckIcon, { className: "size-4" }) }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_select.Select.ItemText, { children })
       ]
     }
   );
@@ -748,7 +3138,7 @@ function SelectSeparator({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
     import_select.Select.Separator,
     {
       "data-slot": "select-separator",
@@ -761,7 +3151,7 @@ function SelectScrollUpButton({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
     import_select.Select.ScrollUpArrow,
     {
       "data-slot": "select-scroll-up-button",
@@ -770,7 +3160,7 @@ function SelectScrollUpButton({
         className
       ),
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_lucide_react3.ChevronUpIcon, { className: "size-4" })
+      children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_lucide_react17.ChevronUpIcon, { className: "size-4" })
     }
   );
 }
@@ -778,7 +3168,7 @@ function SelectScrollDownButton({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
     import_select.Select.ScrollDownArrow,
     {
       "data-slot": "select-scroll-down-button",
@@ -787,21 +3177,21 @@ function SelectScrollDownButton({
         className
       ),
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_lucide_react3.ChevronDownIcon, { className: "size-4" })
+      children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_lucide_react17.ChevronDownIcon, { className: "size-4" })
     }
   );
 }
 
 // src/ui/separator.tsx
 var import_separator = require("@base-ui/react/separator");
-var import_jsx_runtime11 = require("react/jsx-runtime");
+var import_jsx_runtime43 = require("react/jsx-runtime");
 function Separator({
   className,
   orientation = "horizontal",
   decorative: _decorative,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
     import_separator.Separator,
     {
       "data-slot": "separator",
@@ -816,9 +3206,9 @@ function Separator({
 }
 
 // src/ui/skeleton.tsx
-var import_jsx_runtime12 = require("react/jsx-runtime");
+var import_jsx_runtime44 = require("react/jsx-runtime");
 function Skeleton({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
     "div",
     {
       "data-slot": "skeleton",
@@ -828,15 +3218,118 @@ function Skeleton({ className, ...props }) {
   );
 }
 
+// src/ui/slider.tsx
+var import_slider = require("@base-ui/react/slider");
+var import_jsx_runtime45 = require("react/jsx-runtime");
+function Slider({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+    import_slider.Slider.Root,
+    {
+      "data-slot": "slider",
+      className: cn(
+        "relative flex w-full touch-none items-center select-none data-disabled:opacity-50",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function SliderControl({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+    import_slider.Slider.Control,
+    {
+      "data-slot": "slider-control",
+      className: cn("flex w-full items-center py-2", className),
+      ...props
+    }
+  );
+}
+function SliderTrack({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+    import_slider.Slider.Track,
+    {
+      "data-slot": "slider-track",
+      className: cn(
+        "relative h-1.5 w-full grow overflow-hidden rounded-full bg-muted",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function SliderIndicator({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+    import_slider.Slider.Indicator,
+    {
+      "data-slot": "slider-indicator",
+      className: cn("absolute h-full bg-primary", className),
+      ...props
+    }
+  );
+}
+function SliderThumb({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+    import_slider.Slider.Thumb,
+    {
+      "data-slot": "slider-thumb",
+      className: cn(
+        "block size-4 shrink-0 cursor-grab rounded-full border border-primary bg-background shadow-sm transition-colors focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-none active:cursor-grabbing disabled:pointer-events-none disabled:opacity-50",
+        className
+      ),
+      ...props
+    }
+  );
+}
+
+// src/ui/spinner.tsx
+var import_lucide_react18 = require("lucide-react");
+var import_jsx_runtime46 = require("react/jsx-runtime");
+function Spinner({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+    import_lucide_react18.Loader2Icon,
+    {
+      role: "status",
+      "aria-label": "Loading",
+      "data-slot": "spinner",
+      className: cn("size-4 animate-spin", className),
+      ...props
+    }
+  );
+}
+
+// src/ui/switch.tsx
+var import_switch = require("@base-ui/react/switch");
+var import_jsx_runtime47 = require("react/jsx-runtime");
+function Switch({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+    import_switch.Switch.Root,
+    {
+      "data-slot": "switch",
+      className: cn(
+        "inline-flex h-[1.15rem] w-8 shrink-0 cursor-pointer items-center rounded-full border border-transparent shadow-xs transition-colors outline-none focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 data-checked:bg-primary data-unchecked:bg-input",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+        import_switch.Switch.Thumb,
+        {
+          "data-slot": "switch-thumb",
+          className: "pointer-events-none block size-4 rounded-full bg-background transition-transform data-checked:translate-x-[calc(100%-2px)] data-unchecked:translate-x-0"
+        }
+      )
+    }
+  );
+}
+
 // src/ui/table.tsx
-var import_jsx_runtime13 = require("react/jsx-runtime");
+var import_jsx_runtime48 = require("react/jsx-runtime");
 function Table({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
     "div",
     {
       "data-slot": "table-container",
       className: "relative w-full overflow-x-auto",
-      children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
         "table",
         {
           "data-slot": "table",
@@ -848,7 +3341,7 @@ function Table({ className, ...props }) {
   );
 }
 function TableHeader({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
     "thead",
     {
       "data-slot": "table-header",
@@ -858,7 +3351,7 @@ function TableHeader({ className, ...props }) {
   );
 }
 function TableBody({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
     "tbody",
     {
       "data-slot": "table-body",
@@ -868,7 +3361,7 @@ function TableBody({ className, ...props }) {
   );
 }
 function TableFooter({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
     "tfoot",
     {
       "data-slot": "table-footer",
@@ -881,7 +3374,7 @@ function TableFooter({ className, ...props }) {
   );
 }
 function TableRow({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
     "tr",
     {
       "data-slot": "table-row",
@@ -894,7 +3387,7 @@ function TableRow({ className, ...props }) {
   );
 }
 function TableHead({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
     "th",
     {
       "data-slot": "table-head",
@@ -907,7 +3400,7 @@ function TableHead({ className, ...props }) {
   );
 }
 function TableCell({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
     "td",
     {
       "data-slot": "table-cell",
@@ -923,7 +3416,7 @@ function TableCaption({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
     "caption",
     {
       "data-slot": "table-caption",
@@ -935,12 +3428,12 @@ function TableCaption({
 
 // src/ui/tabs.tsx
 var import_tabs = require("@base-ui/react/tabs");
-var import_jsx_runtime14 = require("react/jsx-runtime");
+var import_jsx_runtime49 = require("react/jsx-runtime");
 function Tabs({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
     import_tabs.Tabs.Root,
     {
       "data-slot": "tabs",
@@ -953,7 +3446,7 @@ function TabsList({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
     import_tabs.Tabs.List,
     {
       "data-slot": "tabs-list",
@@ -969,7 +3462,7 @@ function TabsTrigger({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
     import_tabs.Tabs.Tab,
     {
       "data-slot": "tabs-trigger",
@@ -985,7 +3478,7 @@ function TabsContent({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
     import_tabs.Tabs.Panel,
     {
       "data-slot": "tabs-content",
@@ -996,12 +3489,12 @@ function TabsContent({
 }
 
 // src/ui/textarea.tsx
-var import_jsx_runtime15 = require("react/jsx-runtime");
+var import_jsx_runtime50 = require("react/jsx-runtime");
 function Textarea({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
     "textarea",
     {
       "data-slot": "textarea",
@@ -1013,6 +3506,154 @@ function Textarea({
     }
   );
 }
+
+// src/ui/toggle.tsx
+var import_toggle = require("@base-ui/react/toggle");
+var import_class_variance_authority6 = require("class-variance-authority");
+var import_jsx_runtime51 = require("react/jsx-runtime");
+var toggleVariants = (0, import_class_variance_authority6.cva)(
+  "inline-flex cursor-pointer items-center justify-center gap-2 rounded-md text-sm font-medium whitespace-nowrap transition-colors outline-none hover:bg-muted hover:text-muted-foreground focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 data-pressed:bg-accent data-pressed:text-accent-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+  {
+    variants: {
+      variant: {
+        default: "bg-transparent",
+        outline: "border border-input bg-transparent hover:bg-accent hover:text-accent-foreground"
+      },
+      size: {
+        default: "h-9 px-2 min-w-9",
+        sm: "h-8 px-1.5 min-w-8",
+        lg: "h-10 px-2.5 min-w-10"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+function Toggle({
+  className,
+  variant,
+  size,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+    import_toggle.Toggle,
+    {
+      "data-slot": "toggle",
+      className: cn(toggleVariants({ variant, size, className })),
+      ...props
+    }
+  );
+}
+
+// src/ui/toggle-group.tsx
+var import_toggle2 = require("@base-ui/react/toggle");
+var import_toggle_group = require("@base-ui/react/toggle-group");
+var React4 = __toESM(require("react"), 1);
+var import_jsx_runtime52 = require("react/jsx-runtime");
+var ToggleGroupContext = React4.createContext({
+  size: "default",
+  variant: "default"
+});
+function ToggleGroup({
+  className,
+  variant = "default",
+  size = "default",
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+    import_toggle_group.ToggleGroup,
+    {
+      "data-slot": "toggle-group",
+      "data-variant": variant,
+      "data-size": size,
+      className: cn(
+        "group/toggle-group flex w-fit items-center rounded-md [&>[data-slot=toggle]]:rounded-none [&>[data-slot=toggle]]:first:rounded-l-md [&>[data-slot=toggle]]:last:rounded-r-md",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(ToggleGroupContext.Provider, { value: { variant, size }, children })
+    }
+  );
+}
+function ToggleGroupItem({
+  className,
+  children,
+  variant,
+  size,
+  ...props
+}) {
+  const context = React4.useContext(ToggleGroupContext);
+  return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+    import_toggle2.Toggle,
+    {
+      "data-slot": "toggle-group-item",
+      "data-variant": variant ?? context.variant,
+      "data-size": size ?? context.size,
+      className: cn(
+        toggleVariants({
+          variant: variant ?? context.variant,
+          size: size ?? context.size
+        }),
+        "min-w-0 flex-1 shrink-0 shadow-none focus:z-10 focus-visible:z-10",
+        className
+      ),
+      ...props,
+      children
+    }
+  );
+}
+
+// src/ui/typography.tsx
+var import_class_variance_authority7 = require("class-variance-authority");
+var import_jsx_runtime53 = require("react/jsx-runtime");
+var typographyVariants = (0, import_class_variance_authority7.cva)("", {
+  variants: {
+    variant: {
+      h1: "scroll-m-20 text-4xl font-extrabold tracking-tight text-balance",
+      h2: "scroll-m-20 border-b border-border pb-2 text-3xl font-semibold tracking-tight",
+      h3: "scroll-m-20 text-2xl font-semibold tracking-tight",
+      h4: "scroll-m-20 text-xl font-semibold tracking-tight",
+      p: "leading-7",
+      blockquote: "mt-6 border-l-2 border-border pl-6 italic",
+      list: "my-6 ml-6 list-disc [&>li]:mt-2",
+      "inline-code": "relative rounded bg-muted px-[0.3rem] py-[0.2rem] font-mono text-sm font-semibold",
+      lead: "text-xl text-muted-foreground",
+      muted: "text-sm text-muted-foreground",
+      small: "text-sm leading-none font-medium"
+    }
+  },
+  defaultVariants: {
+    variant: "p"
+  }
+});
+var variantTagMap = {
+  h1: "h1",
+  h2: "h2",
+  h3: "h3",
+  h4: "h4",
+  p: "p",
+  blockquote: "blockquote",
+  list: "ul",
+  "inline-code": "code",
+  lead: "p",
+  muted: "p",
+  small: "small"
+};
+function Typography({ className, variant = "p", ...props }) {
+  const Tag = variantTagMap[variant ?? "p"];
+  return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+    Tag,
+    {
+      "data-slot": "typography",
+      "data-variant": variant,
+      className: cn(typographyVariants({ variant }), className),
+      ...props
+    }
+  );
+}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Accordion,
@@ -1021,9 +3662,34 @@ function Textarea({
   AccordionTrigger,
   Alert,
   AlertDescription,
+  AlertDialog,
+  AlertDialogAction,
+  AlertDialogCancel,
+  AlertDialogContent,
+  AlertDialogDescription,
+  AlertDialogFooter,
+  AlertDialogHeader,
+  AlertDialogOverlay,
+  AlertDialogPortal,
+  AlertDialogTitle,
+  AlertDialogTrigger,
   AlertTitle,
+  AspectRatio,
+  Avatar,
+  AvatarFallback,
+  AvatarImage,
   Badge,
+  Breadcrumb,
+  BreadcrumbEllipsis,
+  BreadcrumbItem,
+  BreadcrumbLink,
+  BreadcrumbList,
+  BreadcrumbPage,
+  BreadcrumbSeparator,
   Button,
+  ButtonGroup,
+  CHART_TOKEN_COLORS,
+  Calendar,
   Card,
   CardAction,
   CardContent,
@@ -1031,6 +3697,30 @@ function Textarea({
   CardFooter,
   CardHeader,
   CardTitle,
+  Carousel,
+  CarouselContent,
+  CarouselItem,
+  CarouselNext,
+  CarouselPrevious,
+  ChartContainer,
+  Checkbox,
+  Collapsible,
+  CollapsibleContent,
+  CollapsibleTrigger,
+  Combobox,
+  ComboboxContent,
+  ComboboxTrigger,
+  Command,
+  CommandEmpty,
+  CommandGroup,
+  CommandInput,
+  CommandItem,
+  CommandList,
+  ContextMenu,
+  ContextMenuContent,
+  ContextMenuItem,
+  ContextMenuSeparator,
+  ContextMenuTrigger,
   Dialog,
   DialogClose,
   DialogContent,
@@ -1041,11 +3731,85 @@ function Textarea({
   DialogPortal,
   DialogTitle,
   DialogTrigger,
+  Drawer,
+  DrawerClose,
+  DrawerContent,
+  DrawerDescription,
+  DrawerFooter,
+  DrawerHeader,
+  DrawerOverlay,
+  DrawerPortal,
+  DrawerTitle,
+  DrawerTrigger,
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuSeparator,
+  DropdownMenuSub,
+  DropdownMenuSubContent,
+  DropdownMenuSubTrigger,
+  DropdownMenuTrigger,
+  Empty,
+  EmptyContent,
+  EmptyDescription,
+  EmptyHeader,
+  EmptyTitle,
+  Field,
+  FieldDescription,
+  FieldError,
+  FieldLabel,
+  HoverCard,
+  HoverCardContent,
+  HoverCardTrigger,
   Input,
+  InputGroup,
+  InputGroupAddon,
+  InputGroupInput,
+  InputOTP,
+  InputOTPGroup,
+  InputOTPSeparator,
+  InputOTPSlot,
+  Item,
+  ItemActions,
+  ItemContent,
+  ItemDescription,
+  ItemMedia,
+  ItemTitle,
+  Kbd,
   Label,
+  Menubar,
+  MenubarContent,
+  MenubarItem,
+  MenubarMenu,
+  MenubarSeparator,
+  MenubarTrigger,
+  NavigationMenu,
+  NavigationMenuContent,
+  NavigationMenuItem,
+  NavigationMenuLink,
+  NavigationMenuList,
+  NavigationMenuTrigger,
+  NavigationMenuViewport,
+  Pagination,
+  PaginationContent,
+  PaginationEllipsis,
+  PaginationItem,
+  PaginationLink,
+  PaginationNext,
+  PaginationPrevious,
+  Panel,
+  PanelGroup,
   Popover,
   PopoverContent,
   PopoverTrigger,
+  Progress,
+  ProgressIndicator,
+  ProgressTrack,
+  RadioGroup,
+  RadioGroupItem,
+  ResizableHandle,
+  ScrollArea,
+  ScrollBar,
   Select,
   SelectContent,
   SelectGroup,
@@ -1057,7 +3821,24 @@ function Textarea({
   SelectTrigger,
   SelectValue,
   Separator,
+  Sheet,
+  SheetClose,
+  SheetContent,
+  SheetDescription,
+  SheetFooter,
+  SheetHeader,
+  SheetOverlay,
+  SheetPortal,
+  SheetTitle,
+  SheetTrigger,
   Skeleton,
+  Slider,
+  SliderControl,
+  SliderIndicator,
+  SliderThumb,
+  SliderTrack,
+  Spinner,
+  Switch,
   Table,
   TableBody,
   TableCaption,
@@ -1071,6 +3852,22 @@ function Textarea({
   TabsList,
   TabsTrigger,
   Textarea,
+  Toaster,
+  Toggle,
+  ToggleGroup,
+  ToggleGroupItem,
+  Tooltip,
+  TooltipContent,
+  TooltipProvider,
+  TooltipTrigger,
+  Typography,
   badgeVariants,
-  buttonVariants
+  buttonVariants,
+  chartColor,
+  navigationMenuTriggerStyle,
+  toast,
+  toastManager,
+  toggleVariants,
+  typographyVariants,
+  useCarousel
 });