@web-my-money/primitives 1.0.0

package/dist/index.js

@@ -0,0 +1,3167 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var index_exports = {};
+__export(index_exports, {
+  Accordion: () => Accordion,
+  AccordionContent: () => AccordionContent,
+  AccordionItem: () => AccordionItem,
+  AccordionTrigger: () => AccordionTrigger,
+  AlertDialog: () => AlertDialog,
+  AlertDialogAction: () => AlertDialogAction,
+  AlertDialogCancel: () => AlertDialogCancel,
+  AlertDialogContent: () => AlertDialogContent,
+  AlertDialogDescription: () => AlertDialogDescription,
+  AlertDialogFooter: () => AlertDialogFooter,
+  AlertDialogHeader: () => AlertDialogHeader,
+  AlertDialogOverlay: () => AlertDialogOverlay,
+  AlertDialogPortal: () => AlertDialogPortal,
+  AlertDialogTitle: () => AlertDialogTitle,
+  AlertDialogTrigger: () => AlertDialogTrigger,
+  Avatar: () => Avatar,
+  AvatarGroup: () => AvatarGroup,
+  Badge: () => Badge,
+  Breadcrumb: () => Breadcrumb,
+  BreadcrumbEllipsis: () => BreadcrumbEllipsis,
+  BreadcrumbItem: () => BreadcrumbItem,
+  BreadcrumbLink: () => BreadcrumbLink,
+  BreadcrumbList: () => BreadcrumbList,
+  BreadcrumbPage: () => BreadcrumbPage,
+  BreadcrumbSeparator: () => BreadcrumbSeparator,
+  Button: () => Button,
+  Calendar: () => Calendar,
+  Card: () => Card,
+  CardAction: () => CardAction,
+  CardContent: () => CardContent,
+  CardDescription: () => CardDescription,
+  CardFooter: () => CardFooter,
+  CardHeader: () => CardHeader,
+  CardTitle: () => CardTitle,
+  Carousel: () => Carousel,
+  CarouselContent: () => CarouselContent,
+  CarouselItem: () => CarouselItem,
+  CarouselNext: () => CarouselNext,
+  CarouselPrevious: () => CarouselPrevious,
+  Checkbox: () => Checkbox,
+  Collapsible: () => Collapsible,
+  CollapsibleContent: () => CollapsibleContent,
+  CollapsibleTrigger: () => CollapsibleTrigger,
+  Combobox: () => Combobox,
+  ComboboxClear: () => ComboboxClear,
+  ComboboxEmpty: () => ComboboxEmpty,
+  ComboboxGroup: () => ComboboxGroup,
+  ComboboxGroupLabel: () => ComboboxGroupLabel,
+  ComboboxInput: () => ComboboxInput,
+  ComboboxInputGroup: () => ComboboxInputGroup,
+  ComboboxItem: () => ComboboxItem,
+  ComboboxList: () => ComboboxList,
+  ComboboxPopup: () => ComboboxPopup,
+  ComboboxPortal: () => ComboboxPortal,
+  ComboboxPositioner: () => ComboboxPositioner,
+  ComboboxTrigger: () => ComboboxTrigger,
+  ContextMenu: () => ContextMenu,
+  ContextMenuCheckboxItem: () => ContextMenuCheckboxItem,
+  ContextMenuContent: () => ContextMenuContent,
+  ContextMenuGroup: () => ContextMenuGroup,
+  ContextMenuItem: () => ContextMenuItem,
+  ContextMenuLabel: () => ContextMenuLabel,
+  ContextMenuSeparator: () => ContextMenuSeparator,
+  ContextMenuSub: () => ContextMenuSub,
+  ContextMenuSubContent: () => ContextMenuSubContent,
+  ContextMenuSubTrigger: () => ContextMenuSubTrigger,
+  ContextMenuTrigger: () => ContextMenuTrigger,
+  DateRangeInput: () => DateRangeInput,
+  Dialog: () => Dialog,
+  DialogClose: () => DialogClose,
+  DialogContent: () => DialogContent,
+  DialogDescription: () => DialogDescription,
+  DialogFooter: () => DialogFooter,
+  DialogHeader: () => DialogHeader,
+  DialogOverlay: () => DialogOverlay,
+  DialogPortal: () => DialogPortal,
+  DialogTitle: () => DialogTitle,
+  DialogTrigger: () => DialogTrigger,
+  DropdownMenu: () => DropdownMenu,
+  DropdownMenuCheckboxItem: () => DropdownMenuCheckboxItem,
+  DropdownMenuContent: () => DropdownMenuContent,
+  DropdownMenuGroup: () => DropdownMenuGroup,
+  DropdownMenuItem: () => DropdownMenuItem,
+  DropdownMenuLabel: () => DropdownMenuLabel,
+  DropdownMenuSeparator: () => DropdownMenuSeparator,
+  DropdownMenuSub: () => DropdownMenuSub,
+  DropdownMenuSubContent: () => DropdownMenuSubContent,
+  DropdownMenuSubTrigger: () => DropdownMenuSubTrigger,
+  DropdownMenuTrigger: () => DropdownMenuTrigger,
+  Field: () => Field,
+  FieldControl: () => FieldControl,
+  FieldDescription: () => FieldDescription,
+  FieldError: () => FieldError,
+  FieldLabel: () => FieldLabel,
+  HoverCard: () => HoverCard,
+  HoverCardContent: () => HoverCardContent,
+  HoverCardTrigger: () => HoverCardTrigger,
+  Input: () => Input,
+  Kbd: () => Kbd,
+  KbdGroup: () => KbdGroup,
+  Lightbox: () => Lightbox,
+  LightboxCaption: () => LightboxCaption,
+  LightboxClose: () => LightboxClose,
+  LightboxContent: () => LightboxContent,
+  LightboxImage: () => LightboxImage,
+  LightboxNavButton: () => LightboxNavButton,
+  LightboxOverlay: () => LightboxOverlay,
+  LightboxPortal: () => LightboxPortal,
+  LightboxTrigger: () => LightboxTrigger,
+  Pagination: () => Pagination,
+  PaginationBar: () => PaginationBar,
+  PaginationContent: () => PaginationContent,
+  PaginationEllipsis: () => PaginationEllipsis,
+  PaginationItem: () => PaginationItem,
+  PaginationLink: () => PaginationLink,
+  PaginationNext: () => PaginationNext,
+  PaginationPrevious: () => PaginationPrevious,
+  Popover: () => Popover,
+  PopoverContent: () => PopoverContent,
+  PopoverDescription: () => PopoverDescription,
+  PopoverHeader: () => PopoverHeader,
+  PopoverTitle: () => PopoverTitle,
+  PopoverTrigger: () => PopoverTrigger,
+  Progress: () => Progress,
+  RadioGroup: () => RadioGroup,
+  RadioGroupItem: () => RadioGroupItem,
+  ResizableHandle: () => ResizableHandle,
+  ResizablePanel: () => ResizablePanel,
+  ResizablePanelGroup: () => ResizablePanelGroup,
+  ScrollArea: () => ScrollArea,
+  Select: () => Select,
+  SelectContent: () => SelectContent,
+  SelectGroup: () => SelectGroup,
+  SelectItem: () => SelectItem,
+  SelectLabel: () => SelectLabel,
+  SelectScrollDownButton: () => SelectScrollDownButton,
+  SelectScrollUpButton: () => SelectScrollUpButton,
+  SelectSeparator: () => SelectSeparator,
+  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,
+  SkeletonCard: () => SkeletonCard,
+  SkeletonRow: () => SkeletonRow,
+  SlideOver: () => SlideOver,
+  SlideOverClose: () => SlideOverClose,
+  SlideOverColumns: () => SlideOverColumns,
+  SlideOverContent: () => SlideOverContent,
+  SlideOverDescription: () => SlideOverDescription,
+  SlideOverFooter: () => SlideOverFooter,
+  SlideOverHeader: () => SlideOverHeader,
+  SlideOverOverlay: () => SlideOverOverlay,
+  SlideOverPortal: () => SlideOverPortal,
+  SlideOverTitle: () => SlideOverTitle,
+  SlideOverTrigger: () => SlideOverTrigger,
+  Slider: () => Slider,
+  Switch: () => Switch,
+  Tabs: () => Tabs,
+  TabsContent: () => TabsContent,
+  TabsList: () => TabsList,
+  TabsTrigger: () => TabsTrigger,
+  ToastProvider: () => ToastProvider,
+  Toggle: () => Toggle,
+  ToggleGroup: () => ToggleGroup,
+  Tooltip: () => Tooltip,
+  TooltipContent: () => TooltipContent,
+  TooltipProvider: () => TooltipProvider,
+  TooltipTrigger: () => TooltipTrigger,
+  badgeVariants: () => badgeVariants,
+  buttonVariants: () => buttonVariants,
+  cn: () => cn,
+  getPaginationRange: () => getPaginationRange,
+  toggleVariants: () => toggleVariants,
+  useCarousel: () => useCarousel,
+  useRecordNav: () => useRecordNav,
+  useToast: () => useToast
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/utils.ts
+var import_clsx = require("clsx");
+var import_tailwind_merge = require("tailwind-merge");
+function cn(...inputs) {
+  return (0, import_tailwind_merge.twMerge)((0, import_clsx.clsx)(inputs));
+}
+
+// src/badge/index.tsx
+var import_class_variance_authority = require("class-variance-authority");
+var import_jsx_runtime = require("react/jsx-runtime");
+var badgeVariants = (0, import_class_variance_authority.cva)(
+  "inline-flex items-center gap-1.5 rounded-full px-2.5 py-0.5 text-xs font-medium transition-colors border select-none",
+  {
+    variants: {
+      variant: {
+        default: "border-transparent bg-primary/15 text-primary",
+        secondary: "border-transparent bg-secondary text-secondary-foreground",
+        outline: "border-border text-foreground bg-transparent",
+        success: "border-transparent bg-emerald-500/15 text-emerald-500",
+        warning: "border-transparent bg-amber-500/15 text-amber-500",
+        destructive: "border-transparent bg-red-500/15 text-red-500",
+        info: "border-transparent bg-sky-500/15 text-sky-500"
+      },
+      size: {
+        sm: "px-2 py-px text-[10px]",
+        default: "px-2.5 py-0.5 text-xs",
+        lg: "px-3 py-1 text-sm"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+var dotColors = {
+  default: "bg-primary",
+  secondary: "bg-secondary-foreground",
+  outline: "bg-foreground",
+  success: "bg-emerald-500",
+  warning: "bg-amber-500",
+  destructive: "bg-red-500",
+  info: "bg-sky-500"
+};
+function Badge({
+  className,
+  variant = "default",
+  size,
+  dot,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: cn(badgeVariants({ variant, size }), className), ...props, children: [
+    dot && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "span",
+      {
+        "aria-hidden": true,
+        className: cn("inline-block size-1.5 rounded-full shrink-0", dotColors[variant ?? "default"])
+      }
+    ),
+    children
+  ] });
+}
+
+// src/avatar/index.tsx
+var React = __toESM(require("react"));
+var import_class_variance_authority2 = require("class-variance-authority");
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var avatarVariants = (0, import_class_variance_authority2.cva)(
+  "relative inline-flex shrink-0 items-center justify-center overflow-hidden rounded-full bg-muted font-medium select-none",
+  {
+    variants: {
+      size: {
+        xs: "size-6 text-[10px]",
+        sm: "size-8 text-xs",
+        default: "size-10 text-sm",
+        lg: "size-12 text-base",
+        xl: "size-16 text-lg"
+      }
+    },
+    defaultVariants: { size: "default" }
+  }
+);
+function getInitials(text) {
+  if (!text) return "?";
+  const words = text.trim().split(/\s+/);
+  if (words.length === 1) return words[0].slice(0, 2).toUpperCase();
+  return (words[0][0] + words[words.length - 1][0]).toUpperCase();
+}
+function Avatar({
+  className,
+  size,
+  src,
+  alt,
+  initials,
+  ...props
+}) {
+  const [imgError, setImgError] = React.useState(false);
+  const showImg = src && !imgError;
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: cn(avatarVariants({ size }), className), ...props, children: showImg ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    "img",
+    {
+      src,
+      alt: alt ?? "",
+      className: "absolute inset-0 size-full object-cover",
+      onError: () => setImgError(true)
+    }
+  ) : /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    "span",
+    {
+      "aria-label": alt,
+      className: "text-muted-foreground",
+      style: { lineHeight: 1 },
+      children: initials ?? getInitials(alt)
+    }
+  ) });
+}
+function AvatarGroup({ avatars, max = 5, size = "sm", className }) {
+  const shown = avatars.slice(0, max);
+  const overflow = avatars.length - max;
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: cn("flex items-center", className), children: [
+    shown.map((a, i) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      "span",
+      {
+        className: "ring-2 ring-background rounded-full",
+        style: { marginLeft: i === 0 ? 0 : "-0.5rem" },
+        children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Avatar, { ...a, size })
+      },
+      i
+    )),
+    overflow > 0 && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+      "span",
+      {
+        className: cn(
+          avatarVariants({ size }),
+          "ring-2 ring-background text-muted-foreground bg-muted"
+        ),
+        style: { marginLeft: "-0.5rem" },
+        "aria-label": `${overflow} more`,
+        children: [
+          "+",
+          overflow
+        ]
+      }
+    )
+  ] });
+}
+
+// src/skeleton/index.tsx
+var import_jsx_runtime3 = require("react/jsx-runtime");
+function Skeleton({ className, shape, width, height, style, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    "div",
+    {
+      "aria-hidden": true,
+      className: cn(
+        "animate-pulse rounded-md bg-muted/60",
+        shape === "circle" && "rounded-full",
+        shape === "line" && "h-4",
+        className
+      ),
+      style: {
+        width: typeof width === "number" ? `${width}px` : width,
+        height: typeof height === "number" ? `${height}px` : height,
+        ...style
+      },
+      ...props
+    }
+  );
+}
+function SkeletonCard({ className }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: cn("space-y-3 rounded-xl border border-border bg-card p-5", className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Skeleton, { className: "h-4 w-2/5" }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Skeleton, { className: "h-8 w-3/5" }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Skeleton, { className: "h-3 w-4/5" }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Skeleton, { className: "h-3 w-1/2" })
+  ] });
+}
+function SkeletonRow({ className }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: cn("flex items-center gap-3", className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Skeleton, { shape: "circle", className: "size-9 shrink-0" }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "flex-1 space-y-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Skeleton, { className: "h-3 w-2/3" }),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Skeleton, { className: "h-3 w-1/3" })
+    ] })
+  ] });
+}
+
+// src/tabs/index.tsx
+var import_tabs = require("@base-ui/react/tabs");
+var import_jsx_runtime4 = require("react/jsx-runtime");
+var TabsList = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+  import_tabs.Tabs.List,
+  {
+    className: cn(
+      "inline-flex h-9 items-center gap-1 rounded-lg bg-muted p-1 text-muted-foreground",
+      className
+    ),
+    ...props
+  }
+);
+var TabsTrigger = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+  import_tabs.Tabs.Tab,
+  {
+    className: cn(
+      "inline-flex items-center justify-center whitespace-nowrap rounded-md px-3 py-1 text-sm font-medium",
+      "transition-all outline-none select-none cursor-pointer",
+      "disabled:pointer-events-none disabled:opacity-50",
+      "data-[selected]:bg-background data-[selected]:text-foreground data-[selected]:shadow-sm",
+      "hover:not-data-[selected]:text-foreground/80",
+      "focus-visible:ring-2 focus-visible:ring-ring",
+      className
+    ),
+    ...props
+  }
+);
+var TabsContent = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+  import_tabs.Tabs.Panel,
+  {
+    className: cn(
+      "mt-2 outline-none",
+      "focus-visible:ring-2 focus-visible:ring-ring rounded-md",
+      className
+    ),
+    ...props
+  }
+);
+var Tabs = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_tabs.Tabs.Root, { className: cn("flex flex-col gap-2", className), ...props });
+
+// src/accordion/index.tsx
+var import_accordion = require("@base-ui/react/accordion");
+var import_lucide_react = require("lucide-react");
+var import_jsx_runtime5 = require("react/jsx-runtime");
+var Accordion = import_accordion.Accordion.Root;
+var AccordionItem = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+  import_accordion.Accordion.Item,
+  {
+    className: cn("border-b border-border last:border-0", className),
+    ...props
+  }
+);
+var AccordionTrigger = ({
+  className,
+  children,
+  ...props
+}) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_accordion.Accordion.Header, { className: "flex", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+  import_accordion.Accordion.Trigger,
+  {
+    className: cn(
+      "flex flex-1 cursor-pointer items-center justify-between py-4 text-sm font-medium",
+      "transition-all outline-none select-none",
+      "hover:underline hover:text-foreground",
+      "focus-visible:ring-2 focus-visible:ring-ring rounded-sm",
+      "[&[data-panel-open]>svg]:rotate-180",
+      className
+    ),
+    ...props,
+    children: [
+      children,
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+        import_lucide_react.ChevronDown,
+        {
+          className: "size-4 shrink-0 text-muted-foreground transition-transform duration-200",
+          "aria-hidden": true
+        }
+      )
+    ]
+  }
+) });
+var AccordionContent = ({
+  className,
+  children,
+  ...props
+}) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+  import_accordion.Accordion.Panel,
+  {
+    className: "wmm-accordion-panel text-sm",
+    ...props,
+    children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: cn("pb-4 pt-0 text-muted-foreground", className), children })
+  }
+);
+
+// src/field/index.tsx
+var import_field = require("@base-ui/react/field");
+var import_jsx_runtime6 = require("react/jsx-runtime");
+var Field = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_field.Field.Root, { className: cn("flex flex-col gap-1.5", className), ...props });
+var FieldLabel = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+  import_field.Field.Label,
+  {
+    className: cn(
+      "text-sm font-medium text-foreground select-none",
+      "data-[disabled]:opacity-50",
+      className
+    ),
+    ...props
+  }
+);
+var FieldDescription = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+  import_field.Field.Description,
+  {
+    className: cn("text-xs text-muted-foreground", className),
+    ...props
+  }
+);
+var FieldError = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+  import_field.Field.Error,
+  {
+    className: cn("text-xs font-medium text-destructive", className),
+    ...props
+  }
+);
+var FieldControl = import_field.Field.Control;
+
+// src/sheet/index.tsx
+var import_dialog = require("@base-ui/react/dialog");
+
+// src/button/index.tsx
+var import_button = require("@base-ui/react/button");
+var import_class_variance_authority3 = require("class-variance-authority");
+var import_jsx_runtime7 = require("react/jsx-runtime");
+var buttonVariants = (0, import_class_variance_authority3.cva)(
+  "group/button inline-flex shrink-0 items-center justify-center rounded-lg border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 active:not-aria-[haspopup]:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+  {
+    variants: {
+      variant: {
+        default: "bg-primary text-primary-foreground [a]:hover:bg-primary/80",
+        outline: "border-border bg-background hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:border-input dark:bg-input/30 dark:hover:bg-input/50",
+        secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80 aria-expanded:bg-secondary aria-expanded:text-secondary-foreground",
+        ghost: "hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:hover:bg-muted/50",
+        destructive: "bg-destructive/10 text-destructive hover:bg-destructive/20 focus-visible:border-destructive/40 focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:hover:bg-destructive/30 dark:focus-visible:ring-destructive/40",
+        link: "text-primary underline-offset-4 hover:underline"
+      },
+      size: {
+        default: "h-8 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2",
+        xs: "h-6 gap-1 rounded-[min(var(--radius-md),10px)] px-2 text-xs in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3",
+        sm: "h-7 gap-1 rounded-[min(var(--radius-md),12px)] px-2.5 text-[0.8rem] in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3.5",
+        lg: "h-9 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-3 has-data-[icon=inline-start]:pl-3",
+        icon: "size-8",
+        "icon-xs": "size-6 rounded-[min(var(--radius-md),10px)] in-data-[slot=button-group]:rounded-lg [&_svg:not([class*='size-'])]:size-3",
+        "icon-sm": "size-7 rounded-[min(var(--radius-md),12px)] in-data-[slot=button-group]:rounded-lg",
+        "icon-lg": "size-9"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+function Button({
+  className,
+  variant = "default",
+  size = "default",
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+    import_button.Button,
+    {
+      "data-slot": "button",
+      className: cn(buttonVariants({ variant, size, className })),
+      ...props
+    }
+  );
+}
+
+// src/sheet/index.tsx
+var import_lucide_react2 = require("lucide-react");
+var import_jsx_runtime8 = require("react/jsx-runtime");
+function Sheet({ ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_dialog.Dialog.Root, { "data-slot": "sheet", ...props });
+}
+function SheetTrigger({ ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_dialog.Dialog.Trigger, { "data-slot": "sheet-trigger", ...props });
+}
+function SheetPortal({ ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_dialog.Dialog.Portal, { "data-slot": "sheet-portal", ...props });
+}
+function SheetClose({ ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_dialog.Dialog.Close, { "data-slot": "sheet-close", ...props });
+}
+function SheetOverlay({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+    import_dialog.Dialog.Backdrop,
+    {
+      "data-slot": "sheet-overlay",
+      className: cn("fixed inset-0 z-50 bg-black/40", className),
+      ...props
+    }
+  );
+}
+var SIDE_STYLES = {
+  bottom: "inset-x-0 bottom-0 max-h-[85vh] rounded-t-2xl border-t",
+  top: "inset-x-0 top-0 max-h-[85vh] rounded-b-2xl border-b",
+  right: "inset-y-0 right-0 h-full w-full max-w-sm border-l",
+  left: "inset-y-0 left-0 h-full w-full max-w-sm border-r"
+};
+function SheetContent({
+  className,
+  children,
+  side = "bottom",
+  showCloseButton = true,
+  showHandle,
+  ...props
+}) {
+  const handle = showHandle ?? side === "bottom";
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(SheetPortal, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(SheetOverlay, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
+      import_dialog.Dialog.Popup,
+      {
+        "data-slot": "sheet-content",
+        "data-side": side,
+        className: cn(
+          "fixed z-50 flex flex-col gap-4 border-border bg-popover p-4 text-popover-foreground shadow-xl outline-none",
+          side === "bottom" && "pb-[calc(1rem+env(safe-area-inset-bottom))]",
+          SIDE_STYLES[side],
+          className
+        ),
+        ...props,
+        children: [
+          handle && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { "aria-hidden": true, className: "mx-auto -mt-1 h-1.5 w-9 shrink-0 rounded-full bg-border" }),
+          children,
+          showCloseButton && /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
+            import_dialog.Dialog.Close,
+            {
+              "data-slot": "sheet-close",
+              render: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { variant: "ghost", className: "absolute top-3 right-3", size: "icon-sm" }),
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react2.XIcon, {}),
+                /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "sr-only", children: "Close" })
+              ]
+            }
+          )
+        ]
+      }
+    )
+  ] });
+}
+function SheetHeader({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { "data-slot": "sheet-header", className: cn("flex flex-col gap-1.5", className), ...props });
+}
+function SheetFooter({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+    "div",
+    {
+      "data-slot": "sheet-footer",
+      className: cn("mt-auto flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", className),
+      ...props
+    }
+  );
+}
+function SheetTitle({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+    import_dialog.Dialog.Title,
+    {
+      "data-slot": "sheet-title",
+      className: cn("font-heading text-base leading-none font-semibold", className),
+      ...props
+    }
+  );
+}
+function SheetDescription({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+    import_dialog.Dialog.Description,
+    {
+      "data-slot": "sheet-description",
+      className: cn("text-sm text-muted-foreground", className),
+      ...props
+    }
+  );
+}
+
+// src/slide-over/index.tsx
+var import_dialog2 = require("@base-ui/react/dialog");
+var import_lucide_react3 = require("lucide-react");
+
+// src/slide-over/use-record-nav.ts
+var React2 = __toESM(require("react"));
+function useRecordNav({
+  selector,
+  idAttribute = "data-record-id",
+  currentId,
+  onNavigate,
+  enabled = true,
+  keys
+}) {
+  const nextKey = keys?.next ?? "j";
+  const prevKey = keys?.prev ?? "k";
+  const onNavigateRef = React2.useRef(onNavigate);
+  onNavigateRef.current = onNavigate;
+  React2.useEffect(() => {
+    if (!enabled) return;
+    function onKeyDown(e) {
+      const target = e.target;
+      const tag = target?.tagName;
+      if (tag === "INPUT" || tag === "TEXTAREA" || tag === "SELECT" || target?.isContentEditable) return;
+      if (e.metaKey || e.ctrlKey || e.altKey) return;
+      if (e.key !== nextKey && e.key !== prevKey) return;
+      const nodes = Array.from(document.querySelectorAll(selector));
+      if (nodes.length === 0) return;
+      const ids = nodes.map((n) => n.getAttribute(idAttribute)).filter((id) => !!id);
+      const currentIndex = currentId ? ids.indexOf(currentId) : -1;
+      const delta = e.key === nextKey ? 1 : -1;
+      const nextIndex = currentIndex === -1 ? 0 : (currentIndex + delta + ids.length) % ids.length;
+      const nextId = ids[nextIndex];
+      if (nextId) {
+        e.preventDefault();
+        onNavigateRef.current(nextId);
+      }
+    }
+    document.addEventListener("keydown", onKeyDown);
+    return () => document.removeEventListener("keydown", onKeyDown);
+  }, [enabled, selector, idAttribute, currentId, nextKey, prevKey]);
+}
+
+// src/slide-over/index.tsx
+var import_jsx_runtime9 = require("react/jsx-runtime");
+function SlideOver({ ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_dialog2.Dialog.Root, { "data-slot": "slide-over", ...props });
+}
+function SlideOverTrigger({ ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_dialog2.Dialog.Trigger, { "data-slot": "slide-over-trigger", ...props });
+}
+function SlideOverPortal({ ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_dialog2.Dialog.Portal, { "data-slot": "slide-over-portal", ...props });
+}
+function SlideOverClose({ ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_dialog2.Dialog.Close, { "data-slot": "slide-over-close", ...props });
+}
+function SlideOverOverlay({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+    import_dialog2.Dialog.Backdrop,
+    {
+      "data-slot": "dialog-overlay",
+      className: cn("fixed inset-0 z-50 bg-black/50", className),
+      ...props
+    }
+  );
+}
+var SIZE_STYLES = {
+  md: "sm:max-w-2xl",
+  lg: "sm:max-w-4xl lg:max-w-5xl",
+  xl: "sm:max-w-6xl lg:max-w-7xl xl:max-w-[90rem]",
+  full: "sm:max-w-[100vw]"
+};
+function SlideOverContent({
+  className,
+  children,
+  size = "lg",
+  showCloseButton = true,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(SlideOverPortal, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(SlideOverOverlay, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
+      import_dialog2.Dialog.Popup,
+      {
+        "data-slot": "slide-over-content",
+        className: cn(
+          "fixed inset-0 z-50 flex w-full max-w-[100vw] flex-col overflow-hidden bg-card text-card-foreground outline-none sm:inset-y-6 sm:left-1/2 sm:h-[calc(100%-3rem)] sm:-translate-x-1/2 sm:rounded-xl sm:border sm:border-border sm:shadow-2xl",
+          SIZE_STYLES[size],
+          className
+        ),
+        ...props,
+        children: [
+          children,
+          showCloseButton && /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
+            SlideOverClose,
+            {
+              render: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Button, { variant: "ghost", className: "absolute right-3 top-3 z-10", size: "icon-sm" }),
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react3.XIcon, {}),
+                /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "sr-only", children: "Close" })
+              ]
+            }
+          )
+        ]
+      }
+    )
+  ] });
+}
+function SlideOverHeader({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+    "div",
+    {
+      "data-slot": "slide-over-header",
+      className: cn("flex shrink-0 items-center gap-3 border-b border-border px-4 py-3 sm:px-6", className),
+      ...props
+    }
+  );
+}
+function SlideOverFooter({
+  className,
+  shortcuts,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
+    "div",
+    {
+      "data-slot": "slide-over-footer",
+      className: cn(
+        "flex shrink-0 flex-wrap items-center justify-between gap-2 border-t border-border px-4 py-2.5 text-xs text-muted-foreground sm:px-6",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "flex items-center gap-3", children: shortcuts }),
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "flex items-center gap-2", children })
+      ]
+    }
+  );
+}
+function SlideOverTitle({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+    import_dialog2.Dialog.Title,
+    {
+      "data-slot": "slide-over-title",
+      className: cn("truncate font-heading text-base font-semibold", className),
+      ...props
+    }
+  );
+}
+function SlideOverDescription({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+    import_dialog2.Dialog.Description,
+    {
+      "data-slot": "slide-over-description",
+      className: cn("text-sm text-muted-foreground", className),
+      ...props
+    }
+  );
+}
+function SlideOverColumns({
+  columns,
+  className
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: cn("flex flex-1 flex-col overflow-y-auto lg:flex-row lg:overflow-hidden", className), children: columns.map((col) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+    "div",
+    {
+      className: cn(
+        "flex flex-col lg:h-full lg:overflow-y-auto",
+        col.width ?? "lg:flex-1",
+        col.className
+      ),
+      style: col.order != null ? { order: col.order } : void 0,
+      children: col.content
+    },
+    col.key
+  )) });
+}
+
+// src/dropdown-menu/index.tsx
+var import_menu = require("@base-ui/react/menu");
+var import_lucide_react4 = require("lucide-react");
+var import_jsx_runtime10 = require("react/jsx-runtime");
+function DropdownMenu({ ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_menu.Menu.Root, { "data-slot": "dropdown-menu", ...props });
+}
+function DropdownMenuTrigger({ ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_menu.Menu.Trigger, { "data-slot": "dropdown-menu-trigger", ...props });
+}
+function DropdownMenuGroup({ ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_menu.Menu.Group, { "data-slot": "dropdown-menu-group", ...props });
+}
+var popupClasses = "z-50 min-w-40 origin-(--transform-origin) rounded-lg bg-popover p-1 text-sm text-popover-foreground shadow-md ring-1 ring-foreground/10 outline-hidden duration-100 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";
+function DropdownMenuContent({
+  className,
+  align = "start",
+  sideOffset = 4,
+  side = "bottom",
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_menu.Menu.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+    import_menu.Menu.Positioner,
+    {
+      align,
+      sideOffset,
+      side,
+      className: "isolate z-50",
+      children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+        import_menu.Menu.Popup,
+        {
+          "data-slot": "dropdown-menu-content",
+          className: cn(popupClasses, className),
+          ...props
+        }
+      )
+    }
+  ) });
+}
+var itemClasses = "relative flex cursor-default select-none items-center gap-2 rounded-md px-2 py-1.5 text-sm outline-hidden data-highlighted:bg-muted data-highlighted:text-foreground data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:size-4 [&_svg]:shrink-0";
+function DropdownMenuItem({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+    import_menu.Menu.Item,
+    {
+      "data-slot": "dropdown-menu-item",
+      className: cn(itemClasses, className),
+      ...props
+    }
+  );
+}
+function DropdownMenuCheckboxItem({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
+    import_menu.Menu.CheckboxItem,
+    {
+      "data-slot": "dropdown-menu-checkbox-item",
+      className: cn(itemClasses, "pl-7", className),
+      ...props,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "absolute left-1.5 flex size-4 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_menu.Menu.CheckboxItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_lucide_react4.Check, { className: "size-3.5" }) }) }),
+        children
+      ]
+    }
+  );
+}
+function DropdownMenuLabel({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+    import_menu.Menu.GroupLabel,
+    {
+      "data-slot": "dropdown-menu-label",
+      className: cn("px-2 py-1.5 text-xs font-medium text-muted-foreground", className),
+      ...props
+    }
+  );
+}
+function DropdownMenuSeparator({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime10.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_runtime10.jsx)(import_menu.Menu.SubmenuRoot, { ...props });
+}
+function DropdownMenuSubTrigger({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
+    import_menu.Menu.SubmenuTrigger,
+    {
+      "data-slot": "dropdown-menu-sub-trigger",
+      className: cn(itemClasses, "data-popup-open:bg-muted", className),
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_lucide_react4.ChevronRight, { className: "ml-auto size-4" })
+      ]
+    }
+  );
+}
+function DropdownMenuSubContent({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_menu.Menu.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_menu.Menu.Positioner, { className: "isolate z-50", side: "inline-end", sideOffset: 4, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+    import_menu.Menu.Popup,
+    {
+      "data-slot": "dropdown-menu-sub-content",
+      className: cn(popupClasses, className),
+      ...props
+    }
+  ) }) });
+}
+
+// src/progress/index.tsx
+var import_progress = require("@base-ui/react/progress");
+var import_jsx_runtime11 = require("react/jsx-runtime");
+function Progress({
+  className,
+  value,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_progress.Progress.Root, { "data-slot": "progress", value, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+    import_progress.Progress.Track,
+    {
+      className: cn("relative h-2 w-full overflow-hidden rounded-full bg-muted", className),
+      children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+        import_progress.Progress.Indicator,
+        {
+          "data-slot": "progress-indicator",
+          className: "h-full rounded-full bg-primary transition-[width] duration-300 ease-out"
+        }
+      )
+    }
+  ) });
+}
+
+// src/collapsible/index.tsx
+var import_collapsible = require("@base-ui/react/collapsible");
+var import_jsx_runtime12 = require("react/jsx-runtime");
+function Collapsible({ ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_collapsible.Collapsible.Root, { "data-slot": "collapsible", ...props });
+}
+function CollapsibleTrigger({ ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_collapsible.Collapsible.Trigger, { "data-slot": "collapsible-trigger", ...props });
+}
+function CollapsibleContent({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+    import_collapsible.Collapsible.Panel,
+    {
+      "data-slot": "collapsible-content",
+      className: cn("wmm-collapsible-panel", className),
+      ...props
+    }
+  );
+}
+
+// src/radio-group/index.tsx
+var import_radio_group = require("@base-ui/react/radio-group");
+var import_radio = require("@base-ui/react/radio");
+var import_jsx_runtime13 = require("react/jsx-runtime");
+function RadioGroup({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+    import_radio_group.RadioGroup,
+    {
+      "data-slot": "radio-group",
+      className: cn("flex flex-col gap-2.5", className),
+      ...props
+    }
+  );
+}
+function RadioGroupItem({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+    import_radio.Radio.Root,
+    {
+      "data-slot": "radio-group-item",
+      className: cn(
+        "flex size-4 shrink-0 items-center justify-center rounded-full border border-border bg-background outline-none",
+        "data-checked:border-primary data-checked:bg-primary",
+        "focus-visible:ring-2 focus-visible:ring-ring",
+        "data-disabled:opacity-50 data-disabled:cursor-not-allowed",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_radio.Radio.Indicator, { className: "size-1.5 rounded-full bg-primary-foreground data-unchecked:hidden" })
+    }
+  );
+}
+
+// src/toast/index.tsx
+var import_toast = require("@base-ui/react/toast");
+var import_lucide_react5 = require("lucide-react");
+var import_jsx_runtime14 = require("react/jsx-runtime");
+function useToast() {
+  return import_toast.Toast.useToastManager();
+}
+function ToastList() {
+  const { toasts } = import_toast.Toast.useToastManager();
+  return toasts.map((toast) => /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+    import_toast.Toast.Root,
+    {
+      toast,
+      className: cn(
+        "relative flex items-start gap-3 rounded-lg bg-popover p-3.5 pr-9 text-sm text-popover-foreground shadow-lg ring-1 ring-foreground/10",
+        "transition-all duration-200",
+        "data-[starting-style]:translate-x-full data-[starting-style]:opacity-0",
+        "data-[ending-style]:translate-x-full data-[ending-style]:opacity-0",
+        "data-[swipe-direction=right]:data-[ending-style]:translate-x-full"
+      ),
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "flex-1 min-w-0", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_toast.Toast.Title, { className: "text-sm font-medium text-foreground" }),
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_toast.Toast.Description, { className: "mt-0.5 text-sm text-muted-foreground" }),
+          toast.actionProps && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+            import_toast.Toast.Action,
+            {
+              ...toast.actionProps,
+              className: cn(
+                "mt-2 text-sm font-medium text-primary underline underline-offset-2 hover:text-primary/80",
+                toast.actionProps.className
+              )
+            }
+          )
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+          import_toast.Toast.Close,
+          {
+            "aria-label": "Close",
+            className: "absolute right-2 top-2 rounded-md p-1 text-muted-foreground outline-none hover:bg-muted hover:text-foreground focus-visible:ring-2 focus-visible:ring-ring",
+            children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react5.X, { className: "size-4" })
+          }
+        )
+      ]
+    },
+    toast.id
+  ));
+}
+function ToastProvider({
+  children,
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_toast.Toast.Provider, { ...props, children: [
+    children,
+    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_toast.Toast.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+      import_toast.Toast.Viewport,
+      {
+        className: cn(
+          "fixed right-4 top-4 z-[100] flex w-80 max-w-[calc(100vw-2rem)] flex-col gap-2 outline-none",
+          className
+        ),
+        children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(ToastList, {})
+      }
+    ) })
+  ] });
+}
+
+// src/slider/index.tsx
+var import_slider = require("@base-ui/react/slider");
+var import_jsx_runtime15 = require("react/jsx-runtime");
+function Slider({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_slider.Slider.Root, { "data-slot": "slider", className: cn("w-full", className), ...props, children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_slider.Slider.Control, { className: "flex w-full touch-none items-center py-2 select-none", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_slider.Slider.Track, { className: "relative h-1.5 w-full rounded-full bg-muted", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_slider.Slider.Indicator, { className: "absolute rounded-full bg-primary" }),
+    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_slider.Slider.Thumb, { className: "size-4 rounded-full border-2 border-primary bg-background shadow-sm outline-none focus-visible:ring-2 focus-visible:ring-ring data-dragging:scale-110 transition-transform" })
+  ] }) }) });
+}
+
+// src/toggle/index.tsx
+var import_toggle = require("@base-ui/react/toggle");
+var import_toggle_group = require("@base-ui/react/toggle-group");
+var import_class_variance_authority4 = require("class-variance-authority");
+var import_jsx_runtime16 = require("react/jsx-runtime");
+var toggleVariants = (0, import_class_variance_authority4.cva)(
+  "inline-flex items-center justify-center gap-1.5 rounded-md text-sm font-medium outline-none transition-colors select-none cursor-pointer disabled:pointer-events-none disabled:opacity-50 hover:bg-muted hover:text-foreground data-pressed:bg-primary/15 data-pressed:text-primary focus-visible:ring-2 focus-visible:ring-ring [&_svg]:size-4 [&_svg]:shrink-0",
+  {
+    variants: {
+      variant: {
+        default: "bg-transparent",
+        outline: "border border-border bg-transparent"
+      },
+      size: {
+        sm: "h-7 px-2",
+        default: "h-8 px-2.5",
+        lg: "h-9 px-3"
+      }
+    },
+    defaultVariants: { variant: "default", size: "default" }
+  }
+);
+function Toggle({
+  className,
+  variant,
+  size,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+    import_toggle.Toggle,
+    {
+      "data-slot": "toggle",
+      className: cn(toggleVariants({ variant, size }), className),
+      ...props
+    }
+  );
+}
+function ToggleGroup({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+    import_toggle_group.ToggleGroup,
+    {
+      "data-slot": "toggle-group",
+      className: cn("inline-flex items-center gap-1 rounded-lg bg-muted p-1", className),
+      ...props
+    }
+  );
+}
+
+// src/scroll-area/index.tsx
+var import_scroll_area = require("@base-ui/react/scroll-area");
+var import_jsx_runtime17 = require("react/jsx-runtime");
+function ScrollArea({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+    import_scroll_area.ScrollArea.Root,
+    {
+      "data-slot": "scroll-area",
+      className: cn("relative overflow-hidden", className),
+      ...props,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_scroll_area.ScrollArea.Viewport, { className: "size-full rounded-[inherit] outline-none", children }),
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+          import_scroll_area.ScrollArea.Scrollbar,
+          {
+            orientation: "vertical",
+            className: "flex w-2 touch-none select-none p-0.5 transition-opacity data-[orientation=vertical]:h-full",
+            children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_scroll_area.ScrollArea.Thumb, { className: "relative flex-1 rounded-full bg-border" })
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+          import_scroll_area.ScrollArea.Scrollbar,
+          {
+            orientation: "horizontal",
+            className: "flex h-2 touch-none select-none p-0.5 transition-opacity",
+            children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_scroll_area.ScrollArea.Thumb, { className: "relative flex-1 rounded-full bg-border" })
+          }
+        )
+      ]
+    }
+  );
+}
+
+// src/alert-dialog/index.tsx
+var import_alert_dialog = require("@base-ui/react/alert-dialog");
+var import_jsx_runtime18 = require("react/jsx-runtime");
+function AlertDialog({ ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_alert_dialog.AlertDialog.Root, { "data-slot": "alert-dialog", ...props });
+}
+function AlertDialogTrigger({ ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_alert_dialog.AlertDialog.Trigger, { "data-slot": "alert-dialog-trigger", ...props });
+}
+function AlertDialogPortal({ ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_alert_dialog.AlertDialog.Portal, { "data-slot": "alert-dialog-portal", ...props });
+}
+function AlertDialogOverlay({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+    import_alert_dialog.AlertDialog.Backdrop,
+    {
+      "data-slot": "dialog-overlay",
+      className: cn(
+        "fixed inset-0 isolate z-50 bg-black/10 duration-100 supports-backdrop-filter:backdrop-blur-xs",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function AlertDialogContent({ className, children, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(AlertDialogPortal, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(AlertDialogOverlay, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+      import_alert_dialog.AlertDialog.Popup,
+      {
+        "data-slot": "dialog-content",
+        className: cn(
+          "fixed top-1/2 left-1/2 z-50 grid w-full max-w-[calc(100%-2rem)] -translate-x-1/2 -translate-y-1/2 gap-4 rounded-xl bg-popover p-4 text-sm text-popover-foreground ring-1 ring-foreground/10 duration-100 outline-none sm:max-w-sm",
+          className
+        ),
+        ...props,
+        children
+      }
+    )
+  ] });
+}
+function AlertDialogHeader({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { "data-slot": "alert-dialog-header", className: cn("flex flex-col gap-2", className), ...props });
+}
+function AlertDialogFooter({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime18.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_runtime18.jsx)(
+    import_alert_dialog.AlertDialog.Title,
+    {
+      "data-slot": "alert-dialog-title",
+      className: cn("font-heading text-base leading-none font-medium", className),
+      ...props
+    }
+  );
+}
+function AlertDialogDescription({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime18.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_runtime18.jsx)(
+    import_alert_dialog.AlertDialog.Close,
+    {
+      "data-slot": "alert-dialog-action",
+      render: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Button, { variant, className }),
+      ...props
+    }
+  );
+}
+function AlertDialogCancel({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+    import_alert_dialog.AlertDialog.Close,
+    {
+      "data-slot": "alert-dialog-cancel",
+      render: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Button, { variant: "outline", className }),
+      ...props
+    }
+  );
+}
+
+// src/card/index.tsx
+var import_jsx_runtime19 = require("react/jsx-runtime");
+function Card({
+  className,
+  size = "default",
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+    "div",
+    {
+      "data-slot": "card",
+      "data-size": size,
+      className: cn(
+        "group/card flex flex-col gap-4 overflow-hidden rounded-xl bg-card py-4 text-sm text-card-foreground ring-1 ring-foreground/10 has-data-[slot=card-footer]:pb-0 has-[>img:first-child]:pt-0 data-[size=sm]:gap-3 data-[size=sm]:py-3 data-[size=sm]:has-data-[slot=card-footer]:pb-0 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function CardHeader({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+    "div",
+    {
+      "data-slot": "card-header",
+      className: cn(
+        "group/card-header @container/card-header grid auto-rows-min items-start gap-1 rounded-t-xl px-4 group-data-[size=sm]/card:px-3 has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-description]:grid-rows-[auto_auto] [.border-b]:pb-4 group-data-[size=sm]/card:[.border-b]:pb-3",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function CardTitle({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+    "div",
+    {
+      "data-slot": "card-title",
+      className: cn(
+        "font-heading text-base leading-snug font-medium group-data-[size=sm]/card:text-sm",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function CardDescription({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+    "div",
+    {
+      "data-slot": "card-description",
+      className: cn("text-sm text-muted-foreground", className),
+      ...props
+    }
+  );
+}
+function CardAction({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+    "div",
+    {
+      "data-slot": "card-action",
+      className: cn(
+        "col-start-2 row-span-2 row-start-1 self-start justify-self-end",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function CardContent({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+    "div",
+    {
+      "data-slot": "card-content",
+      className: cn("px-4 group-data-[size=sm]/card:px-3", className),
+      ...props
+    }
+  );
+}
+function CardFooter({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+    "div",
+    {
+      "data-slot": "card-footer",
+      className: cn(
+        "flex items-center rounded-b-xl border-t bg-muted/50 p-4 group-data-[size=sm]/card:p-3",
+        className
+      ),
+      ...props
+    }
+  );
+}
+
+// src/checkbox/index.tsx
+var import_checkbox = require("@base-ui/react/checkbox");
+var import_lucide_react6 = require("lucide-react");
+var import_jsx_runtime20 = require("react/jsx-runtime");
+function Checkbox({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+    import_checkbox.Checkbox.Root,
+    {
+      "data-slot": "checkbox",
+      className: cn(
+        "peer relative flex size-4 shrink-0 items-center justify-center rounded-[4px] border border-input transition-colors outline-none group-has-disabled/field:opacity-50 after:absolute after:-inset-x-3 after:-inset-y-2 focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 aria-invalid:aria-checked:border-primary dark:bg-input/30 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 data-checked:border-primary data-checked:bg-primary data-checked:text-primary-foreground dark:data-checked:bg-primary",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+        import_checkbox.Checkbox.Indicator,
+        {
+          "data-slot": "checkbox-indicator",
+          className: "grid place-content-center text-current transition-none [&>svg]:size-3.5",
+          children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_lucide_react6.CheckIcon, {})
+        }
+      )
+    }
+  );
+}
+
+// src/dialog/index.tsx
+var import_dialog3 = require("@base-ui/react/dialog");
+var import_lucide_react7 = require("lucide-react");
+var import_jsx_runtime21 = require("react/jsx-runtime");
+function Dialog({ ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_dialog3.Dialog.Root, { "data-slot": "dialog", ...props });
+}
+function DialogTrigger({ ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_dialog3.Dialog.Trigger, { "data-slot": "dialog-trigger", ...props });
+}
+function DialogPortal({ ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_dialog3.Dialog.Portal, { "data-slot": "dialog-portal", ...props });
+}
+function DialogClose({ ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_dialog3.Dialog.Close, { "data-slot": "dialog-close", ...props });
+}
+function DialogOverlay({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+    import_dialog3.Dialog.Backdrop,
+    {
+      "data-slot": "dialog-overlay",
+      className: cn(
+        "fixed inset-0 isolate z-50 bg-black/10 duration-100 supports-backdrop-filter:backdrop-blur-xs data-open:animate-in data-open:fade-in-0 data-closed:animate-out data-closed:fade-out-0",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function DialogContent({
+  className,
+  children,
+  showCloseButton = true,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(DialogPortal, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(DialogOverlay, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
+      import_dialog3.Dialog.Popup,
+      {
+        "data-slot": "dialog-content",
+        className: cn(
+          "fixed top-1/2 left-1/2 z-50 grid w-full max-w-[calc(100%-2rem)] -translate-x-1/2 -translate-y-1/2 gap-4 rounded-xl bg-popover p-4 text-sm text-popover-foreground ring-1 ring-foreground/10 duration-100 outline-none sm:max-w-sm 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,
+          showCloseButton && /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
+            import_dialog3.Dialog.Close,
+            {
+              "data-slot": "dialog-close",
+              render: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+                Button,
+                {
+                  variant: "ghost",
+                  className: "absolute top-2 right-2",
+                  size: "icon-sm"
+                }
+              ),
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_lucide_react7.XIcon, {}),
+                /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: "sr-only", children: "Close" })
+              ]
+            }
+          )
+        ]
+      }
+    )
+  ] });
+}
+function DialogHeader({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+    "div",
+    {
+      "data-slot": "dialog-header",
+      className: cn("flex flex-col gap-2", className),
+      ...props
+    }
+  );
+}
+function DialogFooter({
+  className,
+  showCloseButton = false,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
+    "div",
+    {
+      "data-slot": "dialog-footer",
+      className: cn(
+        "-mx-4 -mb-4 flex flex-col-reverse gap-2 rounded-b-xl border-t bg-muted/50 p-4 sm:flex-row sm:justify-end",
+        className
+      ),
+      ...props,
+      children: [
+        children,
+        showCloseButton && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_dialog3.Dialog.Close, { render: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Button, { variant: "outline" }), children: "Close" })
+      ]
+    }
+  );
+}
+function DialogTitle({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+    import_dialog3.Dialog.Title,
+    {
+      "data-slot": "dialog-title",
+      className: cn(
+        "font-heading text-base leading-none font-medium",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function DialogDescription({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+    import_dialog3.Dialog.Description,
+    {
+      "data-slot": "dialog-description",
+      className: cn(
+        "text-sm text-muted-foreground *:[a]:underline *:[a]:underline-offset-3 *:[a]:hover:text-foreground",
+        className
+      ),
+      ...props
+    }
+  );
+}
+
+// src/input/index.tsx
+var import_input = require("@base-ui/react/input");
+var import_jsx_runtime22 = require("react/jsx-runtime");
+function Input({ className, type, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+    import_input.Input,
+    {
+      type,
+      "data-slot": "input",
+      className: cn(
+        "h-8 w-full min-w-0 rounded-lg border border-input bg-transparent px-2.5 py-1 text-base transition-colors outline-none file:inline-flex file:h-6 file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:pointer-events-none disabled:cursor-not-allowed disabled:bg-input/50 disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 md:text-sm dark:bg-input/30 dark:disabled:bg-input/80 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40",
+        className
+      ),
+      ...props
+    }
+  );
+}
+
+// src/popover/index.tsx
+var import_popover = require("@base-ui/react/popover");
+var import_jsx_runtime23 = require("react/jsx-runtime");
+function Popover({ ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_popover.Popover.Root, { "data-slot": "popover", ...props });
+}
+function PopoverTrigger({ ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_popover.Popover.Trigger, { "data-slot": "popover-trigger", ...props });
+}
+function PopoverContent({
+  className,
+  align = "center",
+  alignOffset = 0,
+  side = "bottom",
+  sideOffset = 4,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_popover.Popover.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+    import_popover.Popover.Positioner,
+    {
+      align,
+      alignOffset,
+      side,
+      sideOffset,
+      className: "isolate z-50",
+      children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+        import_popover.Popover.Popup,
+        {
+          "data-slot": "popover-content",
+          className: cn(
+            "z-50 flex w-72 origin-(--transform-origin) flex-col gap-2.5 rounded-lg bg-popover p-2.5 text-sm text-popover-foreground shadow-md ring-1 ring-foreground/10 outline-hidden duration-100 data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-left-2 data-[side=inline-start]:slide-in-from-right-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-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 PopoverHeader({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+    "div",
+    {
+      "data-slot": "popover-header",
+      className: cn("flex flex-col gap-0.5 text-sm", className),
+      ...props
+    }
+  );
+}
+function PopoverTitle({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+    import_popover.Popover.Title,
+    {
+      "data-slot": "popover-title",
+      className: cn("font-heading font-medium", className),
+      ...props
+    }
+  );
+}
+function PopoverDescription({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+    import_popover.Popover.Description,
+    {
+      "data-slot": "popover-description",
+      className: cn("text-muted-foreground", className),
+      ...props
+    }
+  );
+}
+
+// src/select/index.tsx
+var import_select = require("@base-ui/react/select");
+var import_lucide_react8 = require("lucide-react");
+var import_jsx_runtime24 = require("react/jsx-runtime");
+var Select = import_select.Select.Root;
+function SelectGroup({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+    import_select.Select.Group,
+    {
+      "data-slot": "select-group",
+      className: cn("scroll-my-1 p-1", className),
+      ...props
+    }
+  );
+}
+function SelectValue({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+    import_select.Select.Value,
+    {
+      "data-slot": "select-value",
+      className: cn("flex flex-1 text-left", className),
+      ...props
+    }
+  );
+}
+function SelectTrigger({
+  className,
+  size = "default",
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
+    import_select.Select.Trigger,
+    {
+      "data-slot": "select-trigger",
+      "data-size": size,
+      className: cn(
+        "flex w-fit items-center justify-between gap-1.5 rounded-lg border border-input bg-transparent py-2 pr-2 pl-2.5 text-sm whitespace-nowrap transition-colors outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 data-placeholder:text-muted-foreground data-[size=default]:h-8 data-[size=sm]:h-7 data-[size=sm]:rounded-[min(var(--radius-md),10px)] *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-1.5 dark:bg-input/30 dark:hover:bg-input/50 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        className
+      ),
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+          import_select.Select.Icon,
+          {
+            render: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_lucide_react8.ChevronDownIcon, { className: "pointer-events-none size-4 text-muted-foreground" })
+          }
+        )
+      ]
+    }
+  );
+}
+function SelectContent({
+  className,
+  children,
+  side = "bottom",
+  sideOffset = 4,
+  align = "center",
+  alignOffset = 0,
+  alignItemWithTrigger = true,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_select.Select.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+    import_select.Select.Positioner,
+    {
+      side,
+      sideOffset,
+      align,
+      alignOffset,
+      alignItemWithTrigger,
+      className: "isolate z-50",
+      children: /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
+        import_select.Select.Popup,
+        {
+          "data-slot": "select-content",
+          "data-align-trigger": alignItemWithTrigger,
+          className: cn(
+            "relative isolate z-50 max-h-(--available-height) w-(--anchor-width) min-w-36 origin-(--transform-origin) overflow-x-hidden overflow-y-auto rounded-lg bg-popover text-popover-foreground shadow-md ring-1 ring-foreground/10 duration-100 data-[align-trigger=true]:animate-none data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-left-2 data-[side=inline-start]:slide-in-from-right-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-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: [
+            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(SelectScrollUpButton, {}),
+            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_select.Select.List, { children }),
+            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(SelectScrollDownButton, {})
+          ]
+        }
+      )
+    }
+  ) });
+}
+function SelectLabel({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+    import_select.Select.GroupLabel,
+    {
+      "data-slot": "select-label",
+      className: cn("px-1.5 py-1 text-xs text-muted-foreground", className),
+      ...props
+    }
+  );
+}
+function SelectItem({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
+    import_select.Select.Item,
+    {
+      "data-slot": "select-item",
+      className: cn(
+        "relative flex w-full cursor-default items-center gap-1.5 rounded-md py-1 pr-8 pl-1.5 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_select.Select.ItemText, { className: "flex flex-1 shrink-0 gap-2 whitespace-nowrap", children }),
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+          import_select.Select.ItemIndicator,
+          {
+            render: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "pointer-events-none absolute right-2 flex size-4 items-center justify-center" }),
+            children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_lucide_react8.CheckIcon, { className: "pointer-events-none" })
+          }
+        )
+      ]
+    }
+  );
+}
+function SelectSeparator({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+    import_select.Select.Separator,
+    {
+      "data-slot": "select-separator",
+      className: cn(
+        "pointer-events-none -mx-1 my-1 h-px bg-border",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function SelectScrollUpButton({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+    import_select.Select.ScrollUpArrow,
+    {
+      "data-slot": "select-scroll-up-button",
+      className: cn(
+        "top-0 z-10 flex w-full cursor-default items-center justify-center bg-popover py-1 [&_svg:not([class*='size-'])]:size-4",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_lucide_react8.ChevronUpIcon, {})
+    }
+  );
+}
+function SelectScrollDownButton({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+    import_select.Select.ScrollDownArrow,
+    {
+      "data-slot": "select-scroll-down-button",
+      className: cn(
+        "bottom-0 z-10 flex w-full cursor-default items-center justify-center bg-popover py-1 [&_svg:not([class*='size-'])]:size-4",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_lucide_react8.ChevronDownIcon, {})
+    }
+  );
+}
+
+// src/separator/index.tsx
+var import_separator = require("@base-ui/react/separator");
+var import_jsx_runtime25 = require("react/jsx-runtime");
+function Separator({
+  className,
+  orientation = "horizontal",
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+    import_separator.Separator,
+    {
+      "data-slot": "separator",
+      orientation,
+      className: cn(
+        "shrink-0 bg-border data-horizontal:h-px data-horizontal:w-full data-vertical:w-px data-vertical:self-stretch",
+        className
+      ),
+      ...props
+    }
+  );
+}
+
+// src/switch/index.tsx
+var import_switch = require("@base-ui/react/switch");
+var import_jsx_runtime26 = require("react/jsx-runtime");
+function Switch({
+  className,
+  size = "default",
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+    import_switch.Switch.Root,
+    {
+      "data-slot": "switch",
+      "data-size": size,
+      className: cn(
+        "peer group/switch relative inline-flex shrink-0 items-center rounded-full border border-transparent transition-all outline-none after:absolute after:-inset-x-3 after:-inset-y-2 focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 data-[size=default]:h-[18.4px] data-[size=default]:w-[32px] data-[size=sm]:h-[14px] data-[size=sm]:w-[24px] dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 data-checked:bg-primary data-unchecked:bg-input dark:data-unchecked:bg-input/80 data-disabled:cursor-not-allowed data-disabled:opacity-50",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+        import_switch.Switch.Thumb,
+        {
+          "data-slot": "switch-thumb",
+          className: "pointer-events-none block rounded-full bg-background ring-0 transition-transform group-data-[size=default]/switch:size-4 group-data-[size=sm]/switch:size-3 group-data-[size=default]/switch:data-checked:translate-x-[calc(100%-2px)] group-data-[size=sm]/switch:data-checked:translate-x-[calc(100%-2px)] dark:data-checked:bg-primary-foreground group-data-[size=default]/switch:data-unchecked:translate-x-0 group-data-[size=sm]/switch:data-unchecked:translate-x-0 dark:data-unchecked:bg-foreground"
+        }
+      )
+    }
+  );
+}
+
+// src/tooltip/index.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)(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",
+  alignOffset = 0,
+  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,
+      alignOffset,
+      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 inline-flex w-fit max-w-xs origin-(--transform-origin) items-center gap-1.5 rounded-md bg-foreground px-3 py-1.5 text-xs text-background has-data-[slot=kbd]:pr-1.5 data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-left-2 data-[side=inline-start]:slide-in-from-right-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 **:data-[slot=kbd]:relative **:data-[slot=kbd]:isolate **:data-[slot=kbd]:z-50 **:data-[slot=kbd]:rounded-sm data-[state=delayed-open]:animate-in data-[state=delayed-open]:fade-in-0 data-[state=delayed-open]:zoom-in-95 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 translate-y-[calc(-50%-2px)] rotate-45 rounded-[2px] bg-foreground fill-foreground data-[side=bottom]:top-1 data-[side=inline-end]:top-1/2! data-[side=inline-end]:-left-1 data-[side=inline-end]:-translate-y-1/2 data-[side=inline-start]:top-1/2! data-[side=inline-start]:-right-1 data-[side=inline-start]:-translate-y-1/2 data-[side=left]:top-1/2! data-[side=left]:-right-1 data-[side=left]:-translate-y-1/2 data-[side=right]:top-1/2! data-[side=right]:-left-1 data-[side=right]:-translate-y-1/2 data-[side=top]:-bottom-2.5" })
+          ]
+        }
+      )
+    }
+  ) });
+}
+
+// src/breadcrumb/index.tsx
+var import_lucide_react9 = require("lucide-react");
+var import_jsx_runtime28 = require("react/jsx-runtime");
+function Breadcrumb({ ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("nav", { "aria-label": "breadcrumb", "data-slot": "breadcrumb", ...props });
+}
+function BreadcrumbList({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+    "ol",
+    {
+      "data-slot": "breadcrumb-list",
+      className: cn(
+        "flex flex-wrap items-center gap-1.5 text-sm text-muted-foreground sm:gap-2.5",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function BreadcrumbItem({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+    "li",
+    {
+      "data-slot": "breadcrumb-item",
+      className: cn("inline-flex items-center gap-1.5", className),
+      ...props
+    }
+  );
+}
+function BreadcrumbLink({ className, href, renderLink, children, ...props }) {
+  const cls = cn("transition-colors hover:text-foreground", className);
+  if (renderLink) return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_jsx_runtime28.Fragment, { children: renderLink({ href, className: cls, children }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("a", { "data-slot": "breadcrumb-link", href, className: cls, ...props, children });
+}
+function BreadcrumbPage({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+    "span",
+    {
+      "data-slot": "breadcrumb-page",
+      role: "link",
+      "aria-disabled": "true",
+      "aria-current": "page",
+      className: cn("font-medium text-foreground", className),
+      ...props
+    }
+  );
+}
+function BreadcrumbSeparator({ children, className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime28.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_runtime28.jsx)(import_lucide_react9.ChevronRight, {})
+    }
+  );
+}
+function BreadcrumbEllipsis({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
+    "span",
+    {
+      "data-slot": "breadcrumb-ellipsis",
+      role: "presentation",
+      "aria-hidden": "true",
+      className: cn("flex size-6 items-center justify-center", className),
+      ...props,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_lucide_react9.MoreHorizontal, { className: "size-4" }),
+        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { className: "sr-only", children: "More" })
+      ]
+    }
+  );
+}
+
+// src/kbd/index.tsx
+var import_jsx_runtime29 = require("react/jsx-runtime");
+function Kbd({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+    "kbd",
+    {
+      "data-slot": "kbd",
+      className: cn(
+        "pointer-events-none inline-flex h-5 min-w-5 select-none items-center justify-center rounded border border-border bg-muted px-1.5 font-mono text-[10px] font-medium text-muted-foreground",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function KbdGroup({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+    "div",
+    {
+      "data-slot": "kbd-group",
+      className: cn("inline-flex items-center gap-1", className),
+      ...props
+    }
+  );
+}
+
+// src/pagination/index.tsx
+var import_lucide_react10 = require("lucide-react");
+var import_jsx_runtime30 = require("react/jsx-runtime");
+function Pagination({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+    "nav",
+    {
+      "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_runtime30.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_runtime30.jsx)("li", { "data-slot": "pagination-item", ...props });
+}
+function PaginationLink({ className, isActive, size = "icon-sm", ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+    "button",
+    {
+      type: "button",
+      "data-slot": "pagination-link",
+      "data-active": isActive,
+      "aria-current": isActive ? "page" : void 0,
+      className: cn(buttonVariants({ variant: isActive ? "outline" : "ghost", size }), className),
+      ...props
+    }
+  );
+}
+function PaginationPrevious({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
+    PaginationLink,
+    {
+      "aria-label": "Go to previous page",
+      size: "default",
+      className: cn("gap-1 px-2.5", className),
+      ...props,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_lucide_react10.ChevronLeft, { className: "size-4" }),
+        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { className: "hidden sm:inline", children: "Previous" })
+      ]
+    }
+  );
+}
+function PaginationNext({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
+    PaginationLink,
+    {
+      "aria-label": "Go to next page",
+      size: "default",
+      className: cn("gap-1 px-2.5", className),
+      ...props,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { className: "hidden sm:inline", children: "Next" }),
+        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_lucide_react10.ChevronRight, { className: "size-4" })
+      ]
+    }
+  );
+}
+function PaginationEllipsis({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
+    "span",
+    {
+      "aria-hidden": true,
+      "data-slot": "pagination-ellipsis",
+      className: cn("flex size-8 items-center justify-center", className),
+      ...props,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_lucide_react10.MoreHorizontal, { className: "size-4" }),
+        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { className: "sr-only", children: "More pages" })
+      ]
+    }
+  );
+}
+function getPaginationRange(page, pageCount, siblingCount = 1) {
+  const totalSlots = siblingCount * 2 + 5;
+  if (pageCount <= totalSlots) return Array.from({ length: pageCount }, (_, i) => i + 1);
+  const leftSibling = Math.max(page - siblingCount, 1);
+  const rightSibling = Math.min(page + siblingCount, pageCount);
+  const showLeftEllipsis = leftSibling > 2;
+  const showRightEllipsis = rightSibling < pageCount - 1;
+  const range = [1];
+  if (showLeftEllipsis) range.push("ellipsis");
+  for (let i = leftSibling === 1 ? 2 : leftSibling; i <= (rightSibling === pageCount ? pageCount - 1 : rightSibling); i++) {
+    if (i > 1 && i < pageCount) range.push(i);
+  }
+  if (showRightEllipsis) range.push("ellipsis");
+  range.push(pageCount);
+  return range;
+}
+function PaginationBar({ page, pageCount, onPageChange, siblingCount, className }) {
+  if (pageCount <= 1) return null;
+  const range = getPaginationRange(page, pageCount, siblingCount);
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Pagination, { className, children: /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(PaginationContent, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(PaginationItem, { children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+      PaginationPrevious,
+      {
+        disabled: page <= 1,
+        onClick: () => onPageChange(page - 1)
+      }
+    ) }),
+    range.map(
+      (p, i) => p === "ellipsis" ? /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(PaginationItem, { children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(PaginationEllipsis, {}) }, `ellipsis-${i}`) : /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(PaginationItem, { children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(PaginationLink, { isActive: p === page, onClick: () => onPageChange(p), children: p }) }, p)
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(PaginationItem, { children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+      PaginationNext,
+      {
+        disabled: page >= pageCount,
+        onClick: () => onPageChange(page + 1)
+      }
+    ) })
+  ] }) });
+}
+
+// src/hover-card/index.tsx
+var import_preview_card = require("@base-ui/react/preview-card");
+var import_jsx_runtime31 = require("react/jsx-runtime");
+function HoverCard({ ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_preview_card.PreviewCard.Root, { "data-slot": "hover-card", ...props });
+}
+function HoverCardTrigger({ ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_preview_card.PreviewCard.Trigger, { "data-slot": "hover-card-trigger", ...props });
+}
+function HoverCardContent({
+  className,
+  align = "center",
+  sideOffset = 8,
+  side = "bottom",
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_preview_card.PreviewCard.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+    import_preview_card.PreviewCard.Positioner,
+    {
+      align,
+      sideOffset,
+      side,
+      className: "isolate z-50",
+      children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+        import_preview_card.PreviewCard.Popup,
+        {
+          "data-slot": "hover-card-content",
+          className: cn(
+            "z-50 w-64 origin-(--transform-origin) rounded-lg bg-popover p-3 text-sm text-popover-foreground shadow-md ring-1 ring-foreground/10 outline-hidden duration-100 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/context-menu/index.tsx
+var import_context_menu = require("@base-ui/react/context-menu");
+var import_lucide_react11 = require("lucide-react");
+var import_jsx_runtime32 = require("react/jsx-runtime");
+function ContextMenu({ ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_context_menu.ContextMenu.Root, { "data-slot": "context-menu", ...props });
+}
+function ContextMenuTrigger({ ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_context_menu.ContextMenu.Trigger, { "data-slot": "context-menu-trigger", ...props });
+}
+function ContextMenuGroup({ ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_context_menu.ContextMenu.Group, { "data-slot": "context-menu-group", ...props });
+}
+var popupClasses2 = "z-50 min-w-40 origin-(--transform-origin) rounded-lg bg-popover p-1 text-sm text-popover-foreground shadow-md ring-1 ring-foreground/10 outline-hidden duration-100 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";
+function ContextMenuContent({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_context_menu.ContextMenu.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_context_menu.ContextMenu.Positioner, { className: "isolate z-50", children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+    import_context_menu.ContextMenu.Popup,
+    {
+      "data-slot": "context-menu-content",
+      className: cn(popupClasses2, className),
+      ...props
+    }
+  ) }) });
+}
+var itemClasses2 = "relative flex cursor-default select-none items-center gap-2 rounded-md px-2 py-1.5 text-sm outline-hidden data-highlighted:bg-muted data-highlighted:text-foreground data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:size-4 [&_svg]:shrink-0";
+function ContextMenuItem({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+    import_context_menu.ContextMenu.Item,
+    {
+      "data-slot": "context-menu-item",
+      className: cn(itemClasses2, className),
+      ...props
+    }
+  );
+}
+function ContextMenuCheckboxItem({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
+    import_context_menu.ContextMenu.CheckboxItem,
+    {
+      "data-slot": "context-menu-checkbox-item",
+      className: cn(itemClasses2, "pl-7", className),
+      ...props,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { className: "absolute left-1.5 flex size-4 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_context_menu.ContextMenu.CheckboxItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_lucide_react11.Check, { className: "size-3.5" }) }) }),
+        children
+      ]
+    }
+  );
+}
+function ContextMenuLabel({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+    import_context_menu.ContextMenu.GroupLabel,
+    {
+      "data-slot": "context-menu-label",
+      className: cn("px-2 py-1.5 text-xs font-medium text-muted-foreground", className),
+      ...props
+    }
+  );
+}
+function ContextMenuSeparator({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+    import_context_menu.ContextMenu.Separator,
+    {
+      "data-slot": "context-menu-separator",
+      className: cn("-mx-1 my-1 h-px bg-border", className),
+      ...props
+    }
+  );
+}
+function ContextMenuSub({ ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_context_menu.ContextMenu.SubmenuRoot, { ...props });
+}
+function ContextMenuSubTrigger({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
+    import_context_menu.ContextMenu.SubmenuTrigger,
+    {
+      "data-slot": "context-menu-sub-trigger",
+      className: cn(itemClasses2, "data-popup-open:bg-muted", className),
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_lucide_react11.ChevronRight, { className: "ml-auto size-4" })
+      ]
+    }
+  );
+}
+function ContextMenuSubContent({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_context_menu.ContextMenu.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_context_menu.ContextMenu.Positioner, { className: "isolate z-50", side: "inline-end", sideOffset: 4, children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+    import_context_menu.ContextMenu.Popup,
+    {
+      "data-slot": "context-menu-sub-content",
+      className: cn(popupClasses2, className),
+      ...props
+    }
+  ) }) });
+}
+
+// src/combobox/index.tsx
+var import_combobox = require("@base-ui/react/combobox");
+var import_lucide_react12 = require("lucide-react");
+var import_jsx_runtime33 = require("react/jsx-runtime");
+function Combobox({
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_combobox.Combobox.Root, { "data-slot": "combobox", ...props });
+}
+function ComboboxInputGroup({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+    import_combobox.Combobox.InputGroup,
+    {
+      "data-slot": "combobox-input-group",
+      className: cn("relative flex items-center", className),
+      ...props
+    }
+  );
+}
+function ComboboxInput({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+    import_combobox.Combobox.Input,
+    {
+      "data-slot": "combobox-input",
+      className: cn(
+        "h-8 w-full min-w-0 rounded-lg border border-input bg-transparent px-2.5 py-1 pr-8 text-base transition-colors outline-none placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function ComboboxTrigger({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+    import_combobox.Combobox.Trigger,
+    {
+      "data-slot": "combobox-trigger",
+      className: cn(
+        "absolute right-1.5 inline-flex size-5 items-center justify-center rounded text-muted-foreground outline-none hover:text-foreground",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_lucide_react12.ChevronsUpDown, { className: "size-3.5" })
+    }
+  );
+}
+function ComboboxClear({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+    import_combobox.Combobox.Clear,
+    {
+      "data-slot": "combobox-clear",
+      className: cn(
+        "absolute right-1.5 inline-flex size-5 items-center justify-center rounded text-muted-foreground outline-none hover:text-foreground",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_lucide_react12.X, { className: "size-3.5" })
+    }
+  );
+}
+function ComboboxPortal({ ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_combobox.Combobox.Portal, { ...props });
+}
+function ComboboxPositioner({
+  className,
+  align = "start",
+  sideOffset = 4,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+    import_combobox.Combobox.Positioner,
+    {
+      "data-slot": "combobox-positioner",
+      align,
+      sideOffset,
+      className: cn("isolate z-50", className),
+      ...props
+    }
+  );
+}
+function ComboboxPopup({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+    import_combobox.Combobox.Popup,
+    {
+      "data-slot": "combobox-popup",
+      className: cn(
+        "z-50 max-h-72 w-(--anchor-width) min-w-40 origin-(--transform-origin) overflow-auto rounded-lg bg-popover p-1 text-sm text-popover-foreground shadow-md ring-1 ring-foreground/10 outline-hidden duration-100 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 ComboboxList({ ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_combobox.Combobox.List, { "data-slot": "combobox-list", ...props });
+}
+function ComboboxEmpty({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+    import_combobox.Combobox.Empty,
+    {
+      "data-slot": "combobox-empty",
+      className: cn("px-2 py-4 text-center text-sm text-muted-foreground", className),
+      ...props
+    }
+  );
+}
+function ComboboxGroup({ ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_combobox.Combobox.Group, { "data-slot": "combobox-group", ...props });
+}
+function ComboboxGroupLabel({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+    import_combobox.Combobox.GroupLabel,
+    {
+      "data-slot": "combobox-group-label",
+      className: cn("px-2 py-1.5 text-xs font-medium text-muted-foreground", className),
+      ...props
+    }
+  );
+}
+function ComboboxItem({ className, children, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
+    import_combobox.Combobox.Item,
+    {
+      "data-slot": "combobox-item",
+      className: cn(
+        "relative flex cursor-default select-none items-center gap-2 rounded-md py-1.5 pl-7 pr-2 text-sm outline-hidden data-highlighted:bg-muted data-highlighted:text-foreground data-disabled:pointer-events-none data-disabled:opacity-50",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "absolute left-1.5 flex size-4 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_combobox.Combobox.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_lucide_react12.Check, { className: "size-3.5" }) }) }),
+        children
+      ]
+    }
+  );
+}
+
+// src/carousel/index.tsx
+var React3 = __toESM(require("react"));
+var import_lucide_react13 = require("lucide-react");
+var import_jsx_runtime34 = require("react/jsx-runtime");
+var CarouselContext = React3.createContext(null);
+function useCarousel() {
+  const ctx = React3.useContext(CarouselContext);
+  if (!ctx) throw new Error("Carousel parts must be used within <Carousel>");
+  return ctx;
+}
+function Carousel({ orientation = "horizontal", className, children, ...props }) {
+  const trackRef = React3.useRef(null);
+  const [canScrollPrev, setCanScrollPrev] = React3.useState(false);
+  const [canScrollNext, setCanScrollNext] = React3.useState(false);
+  const updateScrollState = React3.useCallback(() => {
+    const el = trackRef.current;
+    if (!el) return;
+    if (orientation === "horizontal") {
+      setCanScrollPrev(el.scrollLeft > 4);
+      setCanScrollNext(el.scrollLeft < el.scrollWidth - el.clientWidth - 4);
+    } else {
+      setCanScrollPrev(el.scrollTop > 4);
+      setCanScrollNext(el.scrollTop < el.scrollHeight - el.clientHeight - 4);
+    }
+  }, [orientation]);
+  React3.useEffect(() => {
+    const el = trackRef.current;
+    if (!el) return;
+    updateScrollState();
+    el.addEventListener("scroll", updateScrollState, { passive: true });
+    const ro = new ResizeObserver(updateScrollState);
+    ro.observe(el);
+    return () => {
+      el.removeEventListener("scroll", updateScrollState);
+      ro.disconnect();
+    };
+  }, [updateScrollState]);
+  const scrollByAmount = React3.useCallback(
+    (dir) => {
+      const el = trackRef.current;
+      if (!el) return;
+      const amount = (orientation === "horizontal" ? el.clientWidth : el.clientHeight) * 0.9 * dir;
+      el.scrollBy(
+        orientation === "horizontal" ? { left: amount, behavior: "smooth" } : { top: amount, behavior: "smooth" }
+      );
+    },
+    [orientation]
+  );
+  const onKeyDown = (e) => {
+    if (orientation === "horizontal" && e.key === "ArrowLeft") scrollByAmount(-1);
+    else if (orientation === "horizontal" && e.key === "ArrowRight") scrollByAmount(1);
+    else if (orientation === "vertical" && e.key === "ArrowUp") scrollByAmount(-1);
+    else if (orientation === "vertical" && e.key === "ArrowDown") scrollByAmount(1);
+    else return;
+    e.preventDefault();
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(CarouselContext.Provider, { value: { trackRef, orientation, scrollByAmount, canScrollPrev, canScrollNext }, children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+    "div",
+    {
+      "data-slot": "carousel",
+      role: "region",
+      "aria-roledescription": "carousel",
+      className: cn("relative", className),
+      onKeyDownCapture: onKeyDown,
+      ...props,
+      children
+    }
+  ) });
+}
+function CarouselContent({ className, ...props }) {
+  const { trackRef, orientation } = useCarousel();
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "overflow-hidden", children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+    "div",
+    {
+      ref: trackRef,
+      "data-slot": "carousel-content",
+      className: cn(
+        "flex snap-x snap-mandatory overflow-x-auto [scrollbar-width:none] [&::-webkit-scrollbar]:hidden",
+        orientation === "vertical" && "snap-y flex-col overflow-y-auto",
+        className
+      ),
+      ...props
+    }
+  ) });
+}
+function CarouselItem({ className, ...props }) {
+  const { orientation } = useCarousel();
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+    "div",
+    {
+      "data-slot": "carousel-item",
+      role: "group",
+      "aria-roledescription": "slide",
+      className: cn(
+        "min-w-0 shrink-0 grow-0 snap-start basis-full",
+        orientation === "vertical" && "basis-auto",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function CarouselPrevious({ className, ...props }) {
+  const { scrollByAmount, canScrollPrev, orientation } = useCarousel();
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+    "button",
+    {
+      type: "button",
+      "data-slot": "carousel-previous",
+      "aria-label": "Previous slide",
+      disabled: !canScrollPrev,
+      onClick: () => scrollByAmount(-1),
+      className: cn(
+        buttonVariants({ variant: "outline", size: "icon-sm" }),
+        "absolute rounded-full",
+        orientation === "horizontal" ? "top-1/2 left-2 -translate-y-1/2" : "top-2 left-1/2 -translate-x-1/2 rotate-90",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_lucide_react13.ChevronLeft, { className: "size-4" })
+    }
+  );
+}
+function CarouselNext({ className, ...props }) {
+  const { scrollByAmount, canScrollNext, orientation } = useCarousel();
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+    "button",
+    {
+      type: "button",
+      "data-slot": "carousel-next",
+      "aria-label": "Next slide",
+      disabled: !canScrollNext,
+      onClick: () => scrollByAmount(1),
+      className: cn(
+        buttonVariants({ variant: "outline", size: "icon-sm" }),
+        "absolute rounded-full",
+        orientation === "horizontal" ? "top-1/2 right-2 -translate-y-1/2" : "bottom-2 left-1/2 -translate-x-1/2 rotate-90",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_lucide_react13.ChevronRight, { className: "size-4" })
+    }
+  );
+}
+
+// src/calendar/index.tsx
+var React4 = __toESM(require("react"));
+var import_lucide_react14 = require("lucide-react");
+var import_jsx_runtime35 = require("react/jsx-runtime");
+var WEEKDAY_LABELS = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"];
+function startOfDay(d) {
+  return new Date(d.getFullYear(), d.getMonth(), d.getDate());
+}
+function isSameDay(a, b) {
+  return !!a && !!b && startOfDay(a).getTime() === startOfDay(b).getTime();
+}
+function isBetween(d, from, to) {
+  if (!from || !to) return false;
+  const t = startOfDay(d).getTime();
+  return t > startOfDay(from).getTime() && t < startOfDay(to).getTime();
+}
+function getMonthGrid(year, month) {
+  const first = new Date(year, month, 1);
+  const gridStart = new Date(year, month, 1 - first.getDay());
+  return Array.from({ length: 42 }, (_, i) => {
+    const d = new Date(gridStart);
+    d.setDate(gridStart.getDate() + i);
+    return d;
+  });
+}
+function Calendar(props) {
+  const { className, minDate, maxDate, disabled } = props;
+  const [uncontrolledMonth, setUncontrolledMonth] = React4.useState(
+    () => props.defaultMonth ?? props.month ?? /* @__PURE__ */ new Date()
+  );
+  const month = props.month ?? uncontrolledMonth;
+  const setMonth = (next) => {
+    setUncontrolledMonth(next);
+    props.onMonthChange?.(next);
+  };
+  const isDisabled = (d) => {
+    if (minDate && startOfDay(d) < startOfDay(minDate)) return true;
+    if (maxDate && startOfDay(d) > startOfDay(maxDate)) return true;
+    return disabled?.(d) ?? false;
+  };
+  const handleSelect = (d) => {
+    if (isDisabled(d)) return;
+    if (props.mode === "range") {
+      const current = props.selected;
+      if (!current?.from || current.from && current.to) {
+        props.onSelect?.({ from: d, to: void 0 });
+      } else if (startOfDay(d) < startOfDay(current.from)) {
+        props.onSelect?.({ from: d, to: current.from });
+      } else {
+        props.onSelect?.({ from: current.from, to: d });
+      }
+    } else {
+      props.onSelect?.(isSameDay(props.selected, d) ? void 0 : d);
+    }
+  };
+  const grid = getMonthGrid(month.getFullYear(), month.getMonth());
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { "data-slot": "calendar", className: cn("w-fit p-2", className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { "data-slot": "calendar-header", className: "flex items-center justify-between px-1 pb-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+        "button",
+        {
+          type: "button",
+          "aria-label": "Previous month",
+          onClick: () => setMonth(new Date(month.getFullYear(), month.getMonth() - 1, 1)),
+          className: cn(buttonVariants({ variant: "ghost", size: "icon-sm" })),
+          children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_lucide_react14.ChevronLeft, { className: "size-4" })
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { "data-slot": "calendar-label", className: "text-sm font-medium", children: month.toLocaleDateString(void 0, { month: "long", year: "numeric" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+        "button",
+        {
+          type: "button",
+          "aria-label": "Next month",
+          onClick: () => setMonth(new Date(month.getFullYear(), month.getMonth() + 1, 1)),
+          className: cn(buttonVariants({ variant: "ghost", size: "icon-sm" })),
+          children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_lucide_react14.ChevronRight, { className: "size-4" })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { "data-slot": "calendar-weekdays", className: "grid grid-cols-7 gap-0.5 px-1", children: WEEKDAY_LABELS.map((w) => /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "flex h-8 items-center justify-center text-xs font-medium text-muted-foreground", children: w }, w)) }),
+    /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { "data-slot": "calendar-grid", className: "grid grid-cols-7 gap-0.5 px-1", children: grid.map((d) => {
+      const outsideMonth = d.getMonth() !== month.getMonth();
+      const isSelected = props.mode === "range" ? isSameDay(d, props.selected?.from) || isSameDay(d, props.selected?.to) : isSameDay(d, props.selected);
+      const inRange = props.mode === "range" && isBetween(d, props.selected?.from, props.selected?.to);
+      return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+        "button",
+        {
+          type: "button",
+          "data-slot": "calendar-day",
+          "data-selected": isSelected || void 0,
+          "data-outside-month": outsideMonth || void 0,
+          disabled: isDisabled(d),
+          "aria-label": d.toDateString(),
+          "aria-current": isSameDay(d, /* @__PURE__ */ new Date()) ? "date" : void 0,
+          onClick: () => handleSelect(d),
+          className: cn(
+            "flex h-8 w-8 items-center justify-center rounded-md text-sm transition-colors hover:bg-muted disabled:pointer-events-none disabled:opacity-40",
+            outsideMonth && "text-muted-foreground/50",
+            inRange && "rounded-none bg-primary/10",
+            isSelected && "bg-primary text-primary-foreground hover:bg-primary/90"
+          ),
+          children: d.getDate()
+        },
+        d.toISOString()
+      );
+    }) })
+  ] });
+}
+
+// src/date-range-input/index.tsx
+var React5 = __toESM(require("react"));
+var import_lucide_react15 = require("lucide-react");
+var import_jsx_runtime36 = require("react/jsx-runtime");
+function defaultFormat(d) {
+  return d.toLocaleDateString(void 0, { month: "short", day: "numeric", year: "numeric" });
+}
+function DateRangeInput({
+  value,
+  onChange,
+  placeholder = "Pick a date range",
+  minDate,
+  maxDate,
+  disabled,
+  className,
+  formatDate = defaultFormat
+}) {
+  const [open, setOpen] = React5.useState(false);
+  const label = value?.from ? value.to ? `${formatDate(value.from)} \u2013 ${formatDate(value.to)}` : formatDate(value.from) : placeholder;
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(Popover, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
+      PopoverTrigger,
+      {
+        "data-slot": "date-range-input-trigger",
+        disabled,
+        className: cn(
+          buttonVariants({ variant: "outline" }),
+          "w-full justify-start gap-2 font-normal",
+          !value?.from && "text-muted-foreground",
+          className
+        ),
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_lucide_react15.CalendarDays, { className: "size-4" }),
+          label
+        ]
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(PopoverContent, { align: "start", className: "w-auto p-0", children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+      Calendar,
+      {
+        mode: "range",
+        selected: value ?? { from: void 0, to: void 0 },
+        onSelect: (range) => {
+          onChange?.(range);
+          if (range.from && range.to) setOpen(false);
+        },
+        minDate,
+        maxDate
+      }
+    ) })
+  ] });
+}
+
+// src/resizable/index.tsx
+var import_lucide_react16 = require("lucide-react");
+var import_react_resizable_panels = require("react-resizable-panels");
+var import_jsx_runtime37 = require("react/jsx-runtime");
+function ResizablePanelGroup({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+    import_react_resizable_panels.PanelGroup,
+    {
+      "data-slot": "resizable-panel-group",
+      className: cn(
+        "flex h-full w-full data-[panel-group-direction=vertical]:flex-col",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function ResizablePanel({ ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_react_resizable_panels.Panel, { "data-slot": "resizable-panel", ...props });
+}
+function ResizableHandle({
+  withHandle,
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+    import_react_resizable_panels.PanelResizeHandle,
+    {
+      "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:outline-none focus-visible:ring-1 focus-visible:ring-ring data-[panel-group-direction=vertical]:h-px data-[panel-group-direction=vertical]:w-full data-[panel-group-direction=vertical]:after:left-0 data-[panel-group-direction=vertical]:after:h-1 data-[panel-group-direction=vertical]:after:w-full data-[panel-group-direction=vertical]:after:translate-x-0 data-[panel-group-direction=vertical]:after:-translate-y-1/2",
+        className
+      ),
+      ...props,
+      children: withHandle && /* @__PURE__ */ (0, import_jsx_runtime37.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_runtime37.jsx)(import_lucide_react16.GripVertical, { className: "size-2.5" }) })
+    }
+  );
+}
+
+// src/lightbox/index.tsx
+var import_dialog4 = require("@base-ui/react/dialog");
+var import_lucide_react17 = require("lucide-react");
+var import_jsx_runtime38 = require("react/jsx-runtime");
+function Lightbox({ ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_dialog4.Dialog.Root, { "data-slot": "lightbox", ...props });
+}
+function LightboxTrigger({ ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_dialog4.Dialog.Trigger, { "data-slot": "lightbox-trigger", ...props });
+}
+function LightboxPortal({ ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_dialog4.Dialog.Portal, { "data-slot": "lightbox-portal", ...props });
+}
+function LightboxClose({ ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_dialog4.Dialog.Close, { "data-slot": "lightbox-close", ...props });
+}
+function LightboxOverlay({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+    import_dialog4.Dialog.Backdrop,
+    {
+      "data-slot": "lightbox-overlay",
+      className: cn(
+        "fixed inset-0 z-50 bg-black/90 duration-150 data-open:animate-in data-open:fade-in-0 data-closed:animate-out data-closed:fade-out-0",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function LightboxContent({ className, children, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(LightboxPortal, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(LightboxOverlay, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
+      import_dialog4.Dialog.Popup,
+      {
+        "data-slot": "lightbox-content",
+        className: cn(
+          "fixed inset-0 z-50 flex flex-col items-center justify-center gap-4 p-4 outline-none duration-150 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: [
+          /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+            LightboxClose,
+            {
+              "aria-label": "Close",
+              className: "absolute right-4 top-4 z-10 inline-flex size-9 items-center justify-center rounded-full bg-white/10 text-white outline-none transition-colors hover:bg-white/20",
+              children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_lucide_react17.X, { className: "size-5" })
+            }
+          ),
+          children
+        ]
+      }
+    )
+  ] });
+}
+function LightboxImage({ className, alt = "", ...props }) {
+  return (
+    // eslint-disable-next-line @next/next/no-img-element
+    /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+      "img",
+      {
+        "data-slot": "lightbox-image",
+        alt,
+        className: cn("max-h-[85vh] max-w-full rounded-md object-contain", className),
+        ...props
+      }
+    )
+  );
+}
+function LightboxNavButton({ direction, className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+    "button",
+    {
+      type: "button",
+      "data-slot": `lightbox-${direction}`,
+      "aria-label": direction === "prev" ? "Previous image" : "Next image",
+      className: cn(
+        "absolute top-1/2 z-10 inline-flex size-10 -translate-y-1/2 items-center justify-center rounded-full bg-white/10 text-white outline-none transition-colors hover:bg-white/20 disabled:pointer-events-none disabled:opacity-30",
+        direction === "prev" ? "left-2 sm:left-4" : "right-2 sm:right-4",
+        className
+      ),
+      ...props,
+      children: direction === "prev" ? /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_lucide_react17.ChevronLeft, { className: "size-5" }) : /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_lucide_react17.ChevronRight, { className: "size-5" })
+    }
+  );
+}
+function LightboxCaption({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+    "p",
+    {
+      "data-slot": "lightbox-caption",
+      className: cn("text-center text-sm text-white/80", className),
+      ...props
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Accordion,
+  AccordionContent,
+  AccordionItem,
+  AccordionTrigger,
+  AlertDialog,
+  AlertDialogAction,
+  AlertDialogCancel,
+  AlertDialogContent,
+  AlertDialogDescription,
+  AlertDialogFooter,
+  AlertDialogHeader,
+  AlertDialogOverlay,
+  AlertDialogPortal,
+  AlertDialogTitle,
+  AlertDialogTrigger,
+  Avatar,
+  AvatarGroup,
+  Badge,
+  Breadcrumb,
+  BreadcrumbEllipsis,
+  BreadcrumbItem,
+  BreadcrumbLink,
+  BreadcrumbList,
+  BreadcrumbPage,
+  BreadcrumbSeparator,
+  Button,
+  Calendar,
+  Card,
+  CardAction,
+  CardContent,
+  CardDescription,
+  CardFooter,
+  CardHeader,
+  CardTitle,
+  Carousel,
+  CarouselContent,
+  CarouselItem,
+  CarouselNext,
+  CarouselPrevious,
+  Checkbox,
+  Collapsible,
+  CollapsibleContent,
+  CollapsibleTrigger,
+  Combobox,
+  ComboboxClear,
+  ComboboxEmpty,
+  ComboboxGroup,
+  ComboboxGroupLabel,
+  ComboboxInput,
+  ComboboxInputGroup,
+  ComboboxItem,
+  ComboboxList,
+  ComboboxPopup,
+  ComboboxPortal,
+  ComboboxPositioner,
+  ComboboxTrigger,
+  ContextMenu,
+  ContextMenuCheckboxItem,
+  ContextMenuContent,
+  ContextMenuGroup,
+  ContextMenuItem,
+  ContextMenuLabel,
+  ContextMenuSeparator,
+  ContextMenuSub,
+  ContextMenuSubContent,
+  ContextMenuSubTrigger,
+  ContextMenuTrigger,
+  DateRangeInput,
+  Dialog,
+  DialogClose,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogOverlay,
+  DialogPortal,
+  DialogTitle,
+  DialogTrigger,
+  DropdownMenu,
+  DropdownMenuCheckboxItem,
+  DropdownMenuContent,
+  DropdownMenuGroup,
+  DropdownMenuItem,
+  DropdownMenuLabel,
+  DropdownMenuSeparator,
+  DropdownMenuSub,
+  DropdownMenuSubContent,
+  DropdownMenuSubTrigger,
+  DropdownMenuTrigger,
+  Field,
+  FieldControl,
+  FieldDescription,
+  FieldError,
+  FieldLabel,
+  HoverCard,
+  HoverCardContent,
+  HoverCardTrigger,
+  Input,
+  Kbd,
+  KbdGroup,
+  Lightbox,
+  LightboxCaption,
+  LightboxClose,
+  LightboxContent,
+  LightboxImage,
+  LightboxNavButton,
+  LightboxOverlay,
+  LightboxPortal,
+  LightboxTrigger,
+  Pagination,
+  PaginationBar,
+  PaginationContent,
+  PaginationEllipsis,
+  PaginationItem,
+  PaginationLink,
+  PaginationNext,
+  PaginationPrevious,
+  Popover,
+  PopoverContent,
+  PopoverDescription,
+  PopoverHeader,
+  PopoverTitle,
+  PopoverTrigger,
+  Progress,
+  RadioGroup,
+  RadioGroupItem,
+  ResizableHandle,
+  ResizablePanel,
+  ResizablePanelGroup,
+  ScrollArea,
+  Select,
+  SelectContent,
+  SelectGroup,
+  SelectItem,
+  SelectLabel,
+  SelectScrollDownButton,
+  SelectScrollUpButton,
+  SelectSeparator,
+  SelectTrigger,
+  SelectValue,
+  Separator,
+  Sheet,
+  SheetClose,
+  SheetContent,
+  SheetDescription,
+  SheetFooter,
+  SheetHeader,
+  SheetOverlay,
+  SheetPortal,
+  SheetTitle,
+  SheetTrigger,
+  Skeleton,
+  SkeletonCard,
+  SkeletonRow,
+  SlideOver,
+  SlideOverClose,
+  SlideOverColumns,
+  SlideOverContent,
+  SlideOverDescription,
+  SlideOverFooter,
+  SlideOverHeader,
+  SlideOverOverlay,
+  SlideOverPortal,
+  SlideOverTitle,
+  SlideOverTrigger,
+  Slider,
+  Switch,
+  Tabs,
+  TabsContent,
+  TabsList,
+  TabsTrigger,
+  ToastProvider,
+  Toggle,
+  ToggleGroup,
+  Tooltip,
+  TooltipContent,
+  TooltipProvider,
+  TooltipTrigger,
+  badgeVariants,
+  buttonVariants,
+  cn,
+  getPaginationRange,
+  toggleVariants,
+  useCarousel,
+  useRecordNav,
+  useToast
+});