@alexgorbatchev/shadcn 0.0.0-stage → 0.0.16

package/dist/index.js

@@ -0,0 +1,3339 @@
+import {
+  cn2
+} from "./chunk-cp2m7y7v.js";
+import {
+  buttonVariants2,
+  Button2
+} from "./chunk-73rkr9ct.js";
+import {
+  DensityContext,
+  useDensity
+} from "./chunk-e6hk39ev.js";
+import {
+  PortalContext,
+  usePortalContainer2
+} from "./chunk-j89xg1ak.js";
+import {
+  DirectionProvider2,
+  useDirection2
+} from "./chunk-jpvw9xqy.js";
+import {
+  DropdownMenu2,
+  DropdownMenuPortal2,
+  DropdownMenuTrigger2,
+  DropdownMenuContent2,
+  DropdownMenuGroup2,
+  DropdownMenuLabel2,
+  DropdownMenuItem2,
+  DropdownMenuSub2,
+  DropdownMenuSubTrigger2,
+  DropdownMenuSubContent2,
+  DropdownMenuCheckboxItem2,
+  DropdownMenuRadioGroup2,
+  DropdownMenuRadioItem2,
+  DropdownMenuSeparator2,
+  DropdownMenuShortcut2
+} from "./chunk-mx21wpq0.js";
+import {
+  Popover2,
+  PopoverTrigger2,
+  PopoverContent2,
+  PopoverHeader2,
+  PopoverTitle2,
+  PopoverDescription2
+} from "./chunk-x7z9jzyf.js";
+import {
+  Skeleton2
+} from "./chunk-d70rcwk7.js";
+import {
+  Input2
+} from "./chunk-59p19t57.js";
+import {
+  Label2
+} from "./chunk-jcxxjkqx.js";
+import {
+  Separator2
+} from "./chunk-rajgnfbr.js";
+import {
+  FieldSet2,
+  FieldLegend2,
+  FieldGroup2,
+  Field2,
+  FieldContent2,
+  FieldLabel2,
+  FieldTitle2,
+  FieldDescription2,
+  FieldSeparator2,
+  FieldError2
+} from "./chunk-6jpz5geq.js";
+import {
+  Dialog2,
+  DialogTrigger2,
+  DialogPortal2,
+  DialogClose2,
+  DialogOverlay2,
+  DialogContent2,
+  DialogHeader2,
+  DialogFooter2,
+  DialogTitle2,
+  DialogDescription2
+} from "./chunk-zhnwybhq.js";
+import {
+  Slider2
+} from "./chunk-644cnngf.js";
+import {
+  Switch2
+} from "./chunk-8ye0k6z7.js";
+import {
+  Textarea2
+} from "./chunk-hz9azhzx.js";
+import {
+  TooltipProvider2,
+  Tooltip2,
+  TooltipTrigger2,
+  TooltipContent2
+} from "./chunk-czg9p52v.js";
+import {
+  RadioGroup2,
+  RadioGroupItem2
+} from "./chunk-wndqbss9.js";
+import {
+  Card2,
+  CardHeader2,
+  CardTitle2,
+  CardDescription2,
+  CardAction2,
+  CardContent2,
+  CardFooter2
+} from "./chunk-fqekyjkh.js";
+import {
+  InputGroup2,
+  InputGroupAddon2,
+  InputGroupButton2,
+  InputGroupText2,
+  InputGroupInput2,
+  InputGroupTextarea2
+} from "./chunk-1jeg5z55.js";
+import {
+  badgeVariants2,
+  Badge2
+} from "./chunk-wjx6zf94.js";
+import {
+  Empty2,
+  EmptyHeader2,
+  EmptyMedia2,
+  EmptyTitle2,
+  EmptyDescription2,
+  EmptyContent2
+} from "./chunk-9de1htr5.js";
+import {
+  Checkbox2,
+  Spinner2
+} from "./chunk-eehfrrdz.js";
+import {
+  ThemeContext,
+  useTheme2
+} from "./chunk-1j2hz3w9.js";
+import {
+  useMediaQuery
+} from "./chunk-k99h6evz.js";
+import {
+  toggleVariants2,
+  Toggle2,
+  ToggleGroup2,
+  ToggleGroupItem2
+} from "./chunk-aexby8h3.js";
+import {
+  Alert2,
+  AlertTitle2,
+  AlertDescription2,
+  AlertAction2
+} from "./chunk-53q730zs.js";
+import {
+  Avatar2,
+  AvatarImage2,
+  AvatarFallback2,
+  AvatarBadge2,
+  AvatarGroup2,
+  AvatarGroupCount2
+} from "./chunk-gg39sggp.js";
+import {
+  Progress2,
+  ProgressTrack2,
+  ProgressIndicator2,
+  ProgressLabel2,
+  ProgressValue2
+} from "./chunk-5j39rehg.js";
+import {
+  Collapsible2,
+  CollapsibleTrigger2,
+  CollapsibleContent2
+} from "./chunk-24d68cjp.js";
+import {
+  Table2,
+  TableHeader2,
+  TableBody2,
+  TableFooter2,
+  TableRow2,
+  TableHead2,
+  TableCell2,
+  TableCaption2
+} from "./chunk-0y0kqaqj.js";
+import {
+  Kbd2,
+  KbdGroup2
+} from "./chunk-vyve5wf3.js";
+import {
+  HoverCard2,
+  HoverCardTrigger2,
+  HoverCardContent2
+} from "./chunk-m54kq3he.js";
+import {
+  Sheet2,
+  SheetTrigger2,
+  SheetClose2,
+  SheetContent2,
+  SheetHeader2,
+  SheetFooter2,
+  SheetTitle2,
+  SheetDescription2,
+  useSidebar2,
+  SidebarProvider2,
+  Sidebar2,
+  SidebarTrigger2,
+  SidebarRail2,
+  SidebarInset2,
+  SidebarInput2,
+  SidebarHeader2,
+  SidebarFooter2,
+  SidebarSeparator2,
+  SidebarContent2,
+  SidebarGroup2,
+  SidebarGroupLabel2,
+  SidebarGroupAction2,
+  SidebarGroupContent2,
+  SidebarMenu2,
+  SidebarMenuItem2,
+  SidebarMenuButton2,
+  SidebarMenuAction2,
+  SidebarMenuBadge2,
+  SidebarMenuSkeleton2,
+  SidebarMenuSub2,
+  SidebarMenuSubItem2,
+  SidebarMenuSubButton2
+} from "./chunk-xvs5y4v7.js";
+// src/components/Accordion.tsx
+import { Accordion as AccordionPrimitive } from "@base-ui/react/accordion";
+import { ChevronDownIcon, ChevronUpIcon } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function Accordion({ density, className, ...props }) {
+  return /* @__PURE__ */ jsx(AccordionPrimitive.Root, {
+    "data-density": density,
+    "data-slot": "accordion",
+    className: (state) => cn2("flex w-full flex-col", typeof className === "function" ? className(state) : className),
+    ...props
+  });
+}
+function AccordionItem({ density, className, ...props }) {
+  return /* @__PURE__ */ jsx(AccordionPrimitive.Item, {
+    "data-density": density,
+    "data-slot": "accordion-item",
+    className: (state) => cn2("not-last:border-b", typeof className === "function" ? className(state) : className),
+    ...props
+  });
+}
+function AccordionTrigger({ density, className, children, ...props }) {
+  return /* @__PURE__ */ jsx(AccordionPrimitive.Header, {
+    className: "flex",
+    children: /* @__PURE__ */ jsxs(AccordionPrimitive.Trigger, {
+      "data-density": density,
+      "data-slot": "accordion-trigger",
+      className: (state) => cn2("group/accordion-trigger relative flex flex-1 items-start justify-between rounded-sm border border-transparent py-2.5 text-start text-sm font-medium transition-colors outline-none hover:underline focus-visible:border-ring focus-visible:ring-1 focus-visible:ring-ring focus-visible:after:border-ring aria-disabled:pointer-events-none aria-disabled:opacity-50 **:data-[slot=accordion-trigger-icon]:ms-auto **:data-[slot=accordion-trigger-icon]:size-4 **:data-[slot=accordion-trigger-icon]:text-muted-foreground", typeof className === "function" ? className(state) : className),
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ jsx(ChevronDownIcon, {
+          "data-slot": "accordion-trigger-icon",
+          className: "pointer-events-none shrink-0 group-aria-expanded/accordion-trigger:hidden"
+        }),
+        /* @__PURE__ */ jsx(ChevronUpIcon, {
+          "data-slot": "accordion-trigger-icon",
+          className: "pointer-events-none hidden shrink-0 group-aria-expanded/accordion-trigger:inline"
+        })
+      ]
+    })
+  });
+}
+function AccordionContent({ density, className, children, ...props }) {
+  return /* @__PURE__ */ jsx(AccordionPrimitive.Panel, {
+    "data-density": density,
+    "data-slot": "accordion-content",
+    className: (state) => cn2("h-(--accordion-panel-height) overflow-hidden text-sm transition-[height] duration-200 ease-out data-ending-style:h-0 data-starting-style:h-0", typeof className === "function" ? className(state) : className),
+    ...props,
+    children: /* @__PURE__ */ jsx("div", {
+      className: "pt-0 pb-2.5 [&_a]:underline [&_a]:underline-offset-3 [&_a]:hover:text-foreground [&_p:not(:last-child)]:mb-4",
+      children
+    })
+  });
+}
+// src/components/Combobox.tsx
+import { useDirection } from "@base-ui/react/direction-provider";
+import { Combobox as ComboboxPrimitive } from "@base-ui/react/combobox";
+import { ChevronDownIcon as ChevronDownIcon2, XIcon, CheckIcon } from "lucide-react";
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var Combobox = ComboboxPrimitive.Root;
+function ComboboxValue({ ...props }) {
+  return /* @__PURE__ */ jsx2(ComboboxPrimitive.Value, {
+    ...props
+  });
+}
+function ComboboxTrigger({ density, className, children, ...props }) {
+  return /* @__PURE__ */ jsxs2(ComboboxPrimitive.Trigger, {
+    "data-density": density,
+    "data-slot": "combobox-trigger",
+    className: (state) => cn2("[&_svg:not([class*='size-'])]:size-4", typeof className === "function" ? className(state) : className),
+    ...props,
+    children: [
+      children,
+      /* @__PURE__ */ jsx2(ChevronDownIcon2, {
+        className: "pointer-events-none size-4 text-muted-foreground"
+      })
+    ]
+  });
+}
+function ComboboxClear({ density, className, ...props }) {
+  return /* @__PURE__ */ jsx2(ComboboxPrimitive.Clear, {
+    "data-density": density,
+    "data-slot": "combobox-clear",
+    render: /* @__PURE__ */ jsx2(InputGroupButton2, {
+      variant: "ghost",
+      size: "icon-xs"
+    }),
+    className: (state) => cn2(typeof className === "function" ? className(state) : className),
+    ...props,
+    children: /* @__PURE__ */ jsx2(XIcon, {
+      className: "pointer-events-none"
+    })
+  });
+}
+function ComboboxInput({
+  density,
+  className,
+  children,
+  disabled = false,
+  showTrigger = true,
+  showClear = false,
+  frameClassName,
+  triggerLabel = "Open popup",
+  clearLabel = "Clear selection",
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs2(InputGroup2, {
+    density,
+    className: cn2("w-auto", frameClassName),
+    children: [
+      /* @__PURE__ */ jsx2(ComboboxPrimitive.Input, {
+        disabled,
+        className,
+        render: /* @__PURE__ */ jsx2(InputGroupInput2, {}),
+        ...props
+      }),
+      /* @__PURE__ */ jsxs2(InputGroupAddon2, {
+        align: "inline-end",
+        children: [
+          showTrigger && /* @__PURE__ */ jsx2(InputGroupButton2, {
+            size: "icon-xs",
+            variant: "ghost",
+            render: /* @__PURE__ */ jsx2(ComboboxTrigger, {}),
+            "aria-label": triggerLabel,
+            "data-density": density,
+            "data-slot": "input-group-button",
+            className: "group-has-data-[slot=combobox-clear]/input-group:hidden data-pressed:bg-transparent",
+            disabled
+          }),
+          showClear && /* @__PURE__ */ jsx2(ComboboxClear, {
+            disabled,
+            "aria-label": clearLabel
+          })
+        ]
+      }),
+      children
+    ]
+  });
+}
+function ComboboxContent({
+  density,
+  className,
+  side = "bottom",
+  sideOffset = 6,
+  align = "start",
+  alignOffset = 0,
+  anchor,
+  ...props
+}) {
+  const resolvedDensity = useDensity(density);
+  const direction = useDirection();
+  const container = usePortalContainer2();
+  return /* @__PURE__ */ jsx2(ComboboxPrimitive.Portal, {
+    container,
+    children: /* @__PURE__ */ jsx2(ComboboxPrimitive.Positioner, {
+      side,
+      sideOffset,
+      align,
+      alignOffset,
+      anchor,
+      className: "isolate ",
+      children: /* @__PURE__ */ jsx2(ComboboxPrimitive.Popup, {
+        dir: direction,
+        "data-density": resolvedDensity,
+        "data-slot": "combobox-content",
+        "data-chips": !!anchor,
+        className: (state) => cn2("group/combobox-content relative max-h-(--available-height) w-(--anchor-width) max-w-(--available-width) min-w-[calc(var(--anchor-width)+--spacing(7))] origin-(--transform-origin) overflow-hidden rounded-md bg-popover text-popover-foreground border border-frame-edge shadow-frame duration-120 data-[chips=true]:min-w-(--anchor-width) *:data-[slot=input-group]:m-1 *:data-[slot=input-group]:mb-0 *:data-[slot=input-group]:h-control *:data-[slot=input-group]:border-input/30 *:data-[slot=input-group]:bg-input/30 *:data-[slot=input-group]:shadow-none data-open:animate-in data-open:fade-in-0 data-closed:animate-out data-closed:fade-out-0 motion-reduce:data-open:animate-none motion-reduce:data-closed:animate-none", typeof className === "function" ? className(state) : className),
+        ...props
+      })
+    })
+  });
+}
+function ComboboxList({ density, className, ...props }) {
+  return /* @__PURE__ */ jsx2(ComboboxPrimitive.List, {
+    "data-density": density,
+    "data-slot": "combobox-list",
+    className: (state) => cn2("no-scrollbar max-h-[min(calc(--spacing(72)---spacing(9)),calc(var(--available-height)---spacing(9)))] scroll-py-1 overflow-y-auto overscroll-contain p-1 data-empty:p-0", typeof className === "function" ? className(state) : className),
+    ...props
+  });
+}
+function ComboboxItem({ density, className, children, ...props }) {
+  return /* @__PURE__ */ jsxs2(ComboboxPrimitive.Item, {
+    "data-density": density,
+    "data-slot": "combobox-item",
+    className: (state) => cn2("relative flex w-full cursor-default items-center gap-2 rounded-md py-1 pe-8 ps-1.5 text-sm outline-hidden select-none data-highlighted:bg-accent data-highlighted:text-accent-foreground not-data-[variant=destructive]:data-highlighted:**: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", typeof className === "function" ? className(state) : className),
+    ...props,
+    children: [
+      children,
+      /* @__PURE__ */ jsx2(ComboboxPrimitive.ItemIndicator, {
+        render: /* @__PURE__ */ jsx2("span", {
+          className: "pointer-events-none absolute end-2 flex size-4 items-center justify-center"
+        }),
+        children: /* @__PURE__ */ jsx2(CheckIcon, {
+          className: "pointer-events-none"
+        })
+      })
+    ]
+  });
+}
+function ComboboxGroup({ density, className, ...props }) {
+  return /* @__PURE__ */ jsx2(ComboboxPrimitive.Group, {
+    "data-density": density,
+    "data-slot": "combobox-group",
+    className: (state) => cn2(typeof className === "function" ? className(state) : className),
+    ...props
+  });
+}
+function ComboboxLabel({ density, className, ...props }) {
+  return /* @__PURE__ */ jsx2(ComboboxPrimitive.GroupLabel, {
+    "data-density": density,
+    "data-slot": "combobox-label",
+    className: (state) => cn2("px-2 py-1.5 text-xs text-muted-foreground", typeof className === "function" ? className(state) : className),
+    ...props
+  });
+}
+function ComboboxCollection({ ...props }) {
+  return /* @__PURE__ */ jsx2(ComboboxPrimitive.Collection, {
+    ...props
+  });
+}
+function ComboboxEmpty({ density, className, ...props }) {
+  return /* @__PURE__ */ jsx2(ComboboxPrimitive.Empty, {
+    "data-density": density,
+    "data-slot": "combobox-empty",
+    className: (state) => cn2("flex w-full justify-center py-2 empty:p-0 text-center text-sm text-muted-foreground", typeof className === "function" ? className(state) : className),
+    ...props
+  });
+}
+function ComboboxSeparator({ density, className, ...props }) {
+  return /* @__PURE__ */ jsx2(ComboboxPrimitive.Separator, {
+    "data-density": density,
+    "data-slot": "combobox-separator",
+    className: (state) => cn2("-mx-1 my-1 h-px bg-border", typeof className === "function" ? className(state) : className),
+    ...props
+  });
+}
+function ComboboxChips({ density, className, ...props }) {
+  return /* @__PURE__ */ jsx2(ComboboxPrimitive.Chips, {
+    "data-density": density,
+    "data-slot": "combobox-chips",
+    className: (state) => cn2("flex min-h-control flex-wrap items-center gap-1 rounded-sm border border-input bg-transparent bg-clip-padding px-control-x py-px text-sm transition-colors focus-within:border-ring focus-within:ring-1 focus-within:ring-ring has-aria-invalid:border-destructive has-aria-invalid:ring-3 has-aria-invalid:ring-destructive has-data-[slot=combobox-chip]:px-1", typeof className === "function" ? className(state) : className),
+    ...props
+  });
+}
+function ComboboxChip({ density, className, children, showRemove = true, ...props }) {
+  return /* @__PURE__ */ jsxs2(ComboboxPrimitive.Chip, {
+    "data-density": density,
+    "data-slot": "combobox-chip",
+    className: (state) => cn2("flex h-tag w-fit items-center justify-center gap-1 rounded-sm bg-muted px-1.5 text-xs font-medium whitespace-nowrap text-foreground has-disabled:pointer-events-none has-disabled:cursor-not-allowed has-disabled:opacity-50 has-data-[slot=combobox-chip-remove]:pe-0", typeof className === "function" ? className(state) : className),
+    ...props,
+    children: [
+      children,
+      showRemove && /* @__PURE__ */ jsx2(ComboboxPrimitive.ChipRemove, {
+        render: /* @__PURE__ */ jsx2(Button2, {
+          variant: "ghost",
+          size: "icon-xs"
+        }),
+        className: "size-tag -ms-1 opacity-50 hover:opacity-100",
+        "data-slot": "combobox-chip-remove",
+        "aria-label": "Remove item",
+        children: /* @__PURE__ */ jsx2(XIcon, {
+          className: "pointer-events-none"
+        })
+      })
+    ]
+  });
+}
+function ComboboxChipsInput({ density, className, ...props }) {
+  return /* @__PURE__ */ jsx2(ComboboxPrimitive.Input, {
+    "data-density": density,
+    "data-slot": "combobox-chip-input",
+    className: (state) => cn2("h-tag min-w-16 flex-1 py-0 text-sm leading-none outline-none", typeof className === "function" ? className(state) : className),
+    ...props
+  });
+}
+// src/components/Tabs.tsx
+import { Tabs as TabsPrimitive } from "@base-ui/react/tabs";
+import { cva } from "class-variance-authority";
+import { jsx as jsx3 } from "react/jsx-runtime";
+function Tabs({ density, className, orientation = "horizontal", ...props }) {
+  return /* @__PURE__ */ jsx3(TabsPrimitive.Root, {
+    "data-density": density,
+    "data-slot": "tabs",
+    orientation,
+    className: (state) => cn2("group/tabs flex gap-2 data-[orientation=horizontal]:flex-col", typeof className === "function" ? className(state) : className),
+    ...props
+  });
+}
+var tabsListVariants = cva("group/tabs-list inline-flex w-fit items-center justify-center rounded-sm p-px text-muted-foreground group-data-[orientation=horizontal]/tabs:h-control group-data-[orientation=vertical]/tabs:h-fit group-data-[orientation=vertical]/tabs:flex-col data-[variant=line]:rounded-none", {
+  variants: {
+    variant: {
+      default: "bg-muted",
+      line: "gap-1 bg-transparent"
+    }
+  },
+  defaultVariants: {
+    variant: "default"
+  }
+});
+function TabsList({ density, className, variant = "default", ...props }) {
+  return /* @__PURE__ */ jsx3(TabsPrimitive.List, {
+    "data-density": density,
+    "data-slot": "tabs-list",
+    "data-variant": variant,
+    className: (state) => cn2(tabsListVariants({ variant }), typeof className === "function" ? className(state) : className),
+    ...props
+  });
+}
+function TabsTrigger({ density, className, ...props }) {
+  return /* @__PURE__ */ jsx3(TabsPrimitive.Tab, {
+    "data-density": density,
+    "data-slot": "tabs-trigger",
+    className: (state) => cn2("relative inline-flex h-full flex-1 items-center justify-center gap-control-gap rounded-md border border-transparent px-1.5 py-0.5 text-sm font-medium whitespace-nowrap text-foreground/60 transition-colors group-data-[orientation=vertical]/tabs:w-full group-data-[orientation=vertical]/tabs:justify-start hover:text-foreground focus-visible:border-ring focus-visible:ring-1 focus-visible:ring-ring focus-visible:outline-1 focus-visible:outline-ring disabled:pointer-events-none disabled:opacity-50 has-data-[icon=inline-end]:pe-1 has-data-[icon=inline-start]:ps-1 aria-disabled:pointer-events-none aria-disabled:opacity-50 group-data-[variant=default]/tabs-list:data-active:shadow-sm group-data-[variant=line]/tabs-list:data-active:shadow-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", "group-data-[variant=line]/tabs-list:bg-transparent group-data-[variant=line]/tabs-list:data-active:bg-transparent", "data-active:bg-background data-active:text-foreground", "after:absolute after:bg-foreground after:opacity-0 after:transition-opacity group-data-[orientation=horizontal]/tabs:after:inset-x-0 group-data-[orientation=horizontal]/tabs:after:bottom-[-5px] group-data-[orientation=horizontal]/tabs:after:h-0.5 group-data-[orientation=vertical]/tabs:after:inset-y-0 group-data-[orientation=vertical]/tabs:after:-end-1 group-data-[orientation=vertical]/tabs:after:w-0.5 group-data-[variant=line]/tabs-list:data-active:after:opacity-100", typeof className === "function" ? className(state) : className),
+    ...props
+  });
+}
+function TabsContent({ density, className, ...props }) {
+  return /* @__PURE__ */ jsx3(TabsPrimitive.Panel, {
+    "data-density": density,
+    "data-slot": "tabs-content",
+    className: (state) => cn2("flex-1 text-sm outline-none", typeof className === "function" ? className(state) : className),
+    ...props
+  });
+}
+// src/components/DragDropProvider.tsx
+import { useCallback, useEffect, useRef, useState } from "react";
+import { flushSync } from "react-dom";
+
+// src/drag-drop/DragDropContext.ts
+import { createContext } from "react";
+var DragDropContext = createContext(null);
+
+// src/components/DragDropPreview.tsx
+import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
+function DragDropPreview({ labels, maxItems = 5 }) {
+  const limit = Math.max(1, Math.floor(maxItems));
+  return /* @__PURE__ */ jsxs3("div", {
+    "data-slot": "drag-drop-preview",
+    className: "flex w-max max-w-64 flex-col items-start gap-1",
+    children: [
+      labels.slice(0, limit).map((label, index) => /* @__PURE__ */ jsx4(Badge2, {
+        variant: "secondary",
+        density: "compact",
+        children: /* @__PURE__ */ jsx4("span", {
+          className: "max-w-60 truncate",
+          children: label
+        })
+      }, `${index}:${label}`)),
+      labels.length > limit && /* @__PURE__ */ jsxs3(Badge2, {
+        variant: "secondary",
+        density: "compact",
+        children: [
+          "+",
+          labels.length - limit,
+          " more…"
+        ]
+      })
+    ]
+  });
+}
+
+// src/components/DragDropProvider.tsx
+import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
+function DragDropProvider({ children, maxPreviewItems = 5 }) {
+  const [active, setActive] = useState(null);
+  const [over, setOver] = useState(null);
+  const preview = useRef(null);
+  const end = useCallback(() => {
+    setActive(null);
+    setOver(null);
+  }, []);
+  useEffect(() => {
+    window.addEventListener("dragend", end);
+    window.addEventListener("drop", end);
+    return () => {
+      window.removeEventListener("dragend", end);
+      window.removeEventListener("drop", end);
+    };
+  }, [end]);
+  const start = (event, item, effect) => {
+    event.dataTransfer.effectAllowed = effect;
+    event.dataTransfer.setData(item.type, JSON.stringify(item.data) ?? "null");
+    event.dataTransfer.setData("text/plain", item.labels.join(`
+`));
+    flushSync(() => {
+      setActive(item);
+      setOver(null);
+    });
+    if (preview.current)
+      event.dataTransfer.setDragImage(preview.current, 12, 12);
+  };
+  const enter = (next) => setOver((current) => current?.id === next.id && current.type === next.type && current.isAlt === next.isAlt && current.effect === next.effect ? current : next);
+  const leave = (id) => setOver((current) => current?.id === id ? null : current);
+  return /* @__PURE__ */ jsxs4(DragDropContext, {
+    value: { active, over, start, end, enter, leave },
+    children: [
+      children,
+      /* @__PURE__ */ jsx5("div", {
+        ref: preview,
+        "aria-hidden": "true",
+        className: "pointer-events-none fixed -left-[10000px] top-0 w-max",
+        children: /* @__PURE__ */ jsx5(DragDropPreview, {
+          labels: active?.labels ?? [],
+          maxItems: maxPreviewItems
+        })
+      }),
+      /* @__PURE__ */ jsx5("span", {
+        role: "status",
+        "aria-label": "Drag status",
+        className: "sr-only",
+        children: active && `${active.labels.length} ${active.labels.length === 1 ? "item" : "items"} being dragged`
+      })
+    ]
+  });
+}
+// src/components/DragSource.tsx
+import { useRender } from "@base-ui/react/use-render";
+import { mergeProps } from "@base-ui/react/merge-props";
+
+// src/hooks/useDragSource.ts
+import { useId } from "react";
+
+// src/hooks/useDragDrop.ts
+import { useContext } from "react";
+function useDragDrop() {
+  const context = useContext(DragDropContext);
+  if (!context)
+    throw new Error("Drag and drop requires DragDropProvider.");
+  return context;
+}
+
+// src/hooks/useDragSource.ts
+function useDragSource({
+  type,
+  data,
+  labels,
+  effectAllowed = "copyMove",
+  disabled = false
+}) {
+  const { active, start, end } = useDragDrop();
+  const sourceId = useId();
+  return {
+    isDragging: active?.sourceId === sourceId,
+    props: {
+      draggable: !disabled,
+      onDragStart: (event) => {
+        if (event.defaultPrevented)
+          return;
+        event.stopPropagation();
+        if (disabled || labels.length === 0) {
+          event.preventDefault();
+          return;
+        }
+        start(event, { sourceId, type, data, labels }, effectAllowed);
+      },
+      onDragEnd: end
+    }
+  };
+}
+
+// src/components/DragSource.tsx
+function DragSource({
+  type,
+  data,
+  labels,
+  effectAllowed,
+  disabled,
+  render,
+  ...props
+}) {
+  const source = useDragSource({ type, data, labels, effectAllowed, disabled });
+  return useRender({
+    defaultTagName: "div",
+    render,
+    props: mergeProps(props, source.props),
+    state: { slot: "drag-source", dragging: source.isDragging }
+  });
+}
+// src/components/DropTarget.tsx
+import { useRender as useRender2 } from "@base-ui/react/use-render";
+import { mergeProps as mergeProps2 } from "@base-ui/react/merge-props";
+
+// src/hooks/useDropTarget.ts
+import { useId as useId2, useState as useState2 } from "react";
+function useDropTarget({ accept, canDrop, getDropEffect, onDrop }) {
+  const { active, over, enter, leave, end } = useDragDrop();
+  const id = useId2();
+  const [feedback, setFeedback] = useState2(null);
+  return {
+    feedback,
+    type: over?.id === id ? over.type : null,
+    isOver: over?.id === id,
+    isAlt: over?.id === id && over.isAlt,
+    effect: over?.id === id ? over.effect : "none",
+    props: {
+      onDragOver: (event) => {
+        const type = accept.find((type) => event.dataTransfer.types.includes(type));
+        if (!type)
+          return;
+        event.stopPropagation();
+        const item = active?.type === type ? active : null;
+        const effect = item && canDrop && !canDrop(item) ? "none" : getDropEffect?.(item, event) ?? "move";
+        event.dataTransfer.dropEffect = effect;
+        if (effect === "none") {
+          leave(id);
+          return;
+        }
+        event.preventDefault();
+        setFeedback((current) => current?.type === type && current.isAlt === event.altKey && current.effect === effect ? current : { type, isAlt: event.altKey, effect });
+        enter({ id, type, isAlt: event.altKey, effect });
+      },
+      onDragLeave: (event) => {
+        if (!(event.relatedTarget instanceof Node) || !event.currentTarget.contains(event.relatedTarget))
+          leave(id);
+      },
+      onDrop: (event) => {
+        const type = accept.find((type) => event.dataTransfer.types.includes(type));
+        if (!type)
+          return;
+        event.stopPropagation();
+        event.preventDefault();
+        const raw = event.dataTransfer.getData(type);
+        let data;
+        try {
+          data = JSON.parse(raw);
+        } catch {
+          data = raw;
+        }
+        const item = { type, data, labels: active?.labels ?? [] };
+        leave(id);
+        end();
+        if (!canDrop || canDrop(item))
+          onDrop(item, event);
+      }
+    }
+  };
+}
+
+// src/components/DropTarget.tsx
+function DropTarget({
+  accept,
+  canDrop,
+  getDropEffect,
+  onDrop,
+  render,
+  ...props
+}) {
+  const target = useDropTarget({ accept, canDrop, getDropEffect, onDrop });
+  return useRender2({
+    defaultTagName: "div",
+    render,
+    props: mergeProps2(props, target.props),
+    state: { slot: "drop-target", over: target.isOver, effect: target.effect }
+  });
+}
+// src/components/EmptyState.tsx
+import { jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
+function EmptyState({ title, description, children }) {
+  return /* @__PURE__ */ jsxs5(Empty2, {
+    children: [
+      /* @__PURE__ */ jsxs5(EmptyHeader2, {
+        children: [
+          /* @__PURE__ */ jsx6(EmptyTitle2, {
+            children: title
+          }),
+          /* @__PURE__ */ jsx6(EmptyDescription2, {
+            children: description
+          })
+        ]
+      }),
+      children && /* @__PURE__ */ jsx6(EmptyContent2, {
+        children
+      })
+    ]
+  });
+}
+// src/components/PageMessage.tsx
+import { useId as useId3 } from "react";
+import { jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
+function PageMessage({ title, description, children }) {
+  const titleId = useId3();
+  const descriptionId = useId3();
+  return /* @__PURE__ */ jsx7("main", {
+    "aria-labelledby": titleId,
+    "aria-describedby": description == null ? undefined : descriptionId,
+    className: "grid min-h-dvh w-full place-items-center bg-background text-foreground",
+    children: /* @__PURE__ */ jsxs6(Empty2, {
+      children: [
+        /* @__PURE__ */ jsxs6(EmptyHeader2, {
+          children: [
+            /* @__PURE__ */ jsx7(EmptyTitle2, {
+              children: /* @__PURE__ */ jsx7("h1", {
+                id: titleId,
+                children: title
+              })
+            }),
+            description != null && /* @__PURE__ */ jsx7(EmptyDescription2, {
+              id: descriptionId,
+              children: description
+            })
+          ]
+        }),
+        children != null && /* @__PURE__ */ jsx7(EmptyContent2, {
+          children
+        })
+      ]
+    })
+  });
+}
+// src/components/JsonViewer.tsx
+import { jsx as jsx8 } from "react/jsx-runtime";
+function JsonViewer({ value, label = "JSON", rows = 12 }) {
+  return /* @__PURE__ */ jsx8(Textarea2, {
+    readOnly: true,
+    rows,
+    "aria-label": label,
+    value: JSON.stringify(value ?? null, null, 2) ?? "null"
+  });
+}
+// src/components/AlertDialog.tsx
+import { AlertDialog as AlertDialogPrimitive } from "@base-ui/react/alert-dialog";
+import { useDirection as useDirection3 } from "@base-ui/react/direction-provider";
+import { jsx as jsx9, jsxs as jsxs7 } from "react/jsx-runtime";
+"use client";
+function AlertDialog({ ...props }) {
+  return /* @__PURE__ */ jsx9(AlertDialogPrimitive.Root, {
+    "data-slot": "alert-dialog",
+    ...props
+  });
+}
+function AlertDialogTrigger({ ...props }) {
+  return /* @__PURE__ */ jsx9(AlertDialogPrimitive.Trigger, {
+    "data-slot": "alert-dialog-trigger",
+    ...props
+  });
+}
+function AlertDialogPortal({ container, ...props }) {
+  const resolvedContainer = usePortalContainer2(container);
+  return /* @__PURE__ */ jsx9(AlertDialogPrimitive.Portal, {
+    "data-slot": "alert-dialog-portal",
+    container: resolvedContainer,
+    ...props
+  });
+}
+function AlertDialogOverlay({ density, className, ...props }) {
+  const resolvedDensity = useDensity(density);
+  return /* @__PURE__ */ jsx9(AlertDialogPrimitive.Backdrop, {
+    "data-density": resolvedDensity,
+    "data-slot": "alert-dialog-overlay",
+    className: (state) => cn2("fixed inset-0 isolate bg-backdrop duration-120 data-open:animate-in data-open:fade-in-0 data-closed:animate-out data-closed:fade-out-0 motion-reduce:data-open:animate-none motion-reduce:data-closed:animate-none", typeof className === "function" ? className(state) : className),
+    ...props
+  });
+}
+function AlertDialogContent({ density, className, size = "default", ...props }) {
+  const resolvedDensity = useDensity(density);
+  const direction = useDirection3();
+  return /* @__PURE__ */ jsxs7(AlertDialogPortal, {
+    children: [
+      /* @__PURE__ */ jsx9(AlertDialogOverlay, {}),
+      /* @__PURE__ */ jsx9(AlertDialogPrimitive.Popup, {
+        dir: direction,
+        "data-density": resolvedDensity,
+        "data-slot": "alert-dialog-content",
+        "data-size": size,
+        className: (state) => cn2("group/alert-dialog-content fixed top-1/2 left-1/2 grid w-full -translate-x-1/2 -translate-y-1/2 gap-panel rounded-md bg-popover p-panel text-popover-foreground border border-frame-edge shadow-frame duration-120 outline-none data-[size=default]:max-w-xs data-[size=sm]:max-w-xs data-[size=default]:sm:max-w-sm data-open:animate-in data-open:fade-in-0 data-closed:animate-out data-closed:fade-out-0 motion-reduce:data-open:animate-none motion-reduce:data-closed:animate-none", typeof className === "function" ? className(state) : className),
+        ...props
+      })
+    ]
+  });
+}
+function AlertDialogHeader({ density, className, ...props }) {
+  return /* @__PURE__ */ jsx9("div", {
+    "data-density": density,
+    "data-slot": "alert-dialog-header",
+    className: cn2("grid grid-rows-[auto_1fr] place-items-center gap-control-gap text-center has-data-[slot=alert-dialog-media]:grid-rows-[auto_auto_1fr] has-data-[slot=alert-dialog-media]:gap-x-4 sm:group-data-[size=default]/alert-dialog-content:place-items-start sm:group-data-[size=default]/alert-dialog-content:text-start sm:group-data-[size=default]/alert-dialog-content:has-data-[slot=alert-dialog-media]:grid-rows-[auto_1fr]", className),
+    ...props
+  });
+}
+function AlertDialogFooter({ density, className, ...props }) {
+  return /* @__PURE__ */ jsx9("div", {
+    "data-density": density,
+    "data-slot": "alert-dialog-footer",
+    className: cn2("-mx-panel -mb-panel flex flex-col-reverse gap-2 rounded-b-md border-t bg-muted/50 p-panel group-data-[size=sm]/alert-dialog-content:grid group-data-[size=sm]/alert-dialog-content:grid-cols-2 sm:flex-row sm:justify-end", className),
+    ...props
+  });
+}
+function AlertDialogMedia({ density, className, ...props }) {
+  return /* @__PURE__ */ jsx9("div", {
+    "data-density": density,
+    "data-slot": "alert-dialog-media",
+    className: cn2("mb-2 inline-flex size-10 items-center justify-center rounded-md bg-muted sm:group-data-[size=default]/alert-dialog-content:row-span-2 *:[svg:not([class*='size-'])]:size-control-xs", className),
+    ...props
+  });
+}
+function AlertDialogTitle({ density, className, ...props }) {
+  return /* @__PURE__ */ jsx9(AlertDialogPrimitive.Title, {
+    "data-density": density,
+    "data-slot": "alert-dialog-title",
+    className: (state) => cn2("text-base font-medium sm:group-data-[size=default]/alert-dialog-content:group-has-data-[slot=alert-dialog-media]/alert-dialog-content:col-start-2", typeof className === "function" ? className(state) : className),
+    ...props
+  });
+}
+function AlertDialogDescription({ density, className, ...props }) {
+  return /* @__PURE__ */ jsx9(AlertDialogPrimitive.Description, {
+    "data-density": density,
+    "data-slot": "alert-dialog-description",
+    className: (state) => cn2("text-sm text-balance text-muted-foreground md:text-pretty *:[a]:underline *:[a]:underline-offset-3 *:[a]:hover:text-foreground", typeof className === "function" ? className(state) : className),
+    ...props
+  });
+}
+function AlertDialogAction({ density, className, ...props }) {
+  return /* @__PURE__ */ jsx9(Button2, {
+    "data-density": density,
+    "data-slot": "alert-dialog-action",
+    className,
+    ...props
+  });
+}
+function AlertDialogCancel({
+  density,
+  className,
+  variant = "outline",
+  size = "default",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx9(AlertDialogPrimitive.Close, {
+    "data-density": density,
+    "data-slot": "alert-dialog-cancel",
+    className,
+    render: /* @__PURE__ */ jsx9(Button2, {
+      variant,
+      size
+    }),
+    ...props
+  });
+}
+// src/components/Select.tsx
+import { Select as SelectPrimitive } from "@base-ui/react/select";
+import { useDirection as useDirection4 } from "@base-ui/react/direction-provider";
+import { ChevronDownIcon as ChevronDownIcon3, CheckIcon as CheckIcon2, ChevronUpIcon as ChevronUpIcon2 } from "lucide-react";
+import { jsx as jsx10, jsxs as jsxs8 } from "react/jsx-runtime";
+"use client";
+var Select = SelectPrimitive.Root;
+function SelectGroup({ density, className, ...props }) {
+  return /* @__PURE__ */ jsx10(SelectPrimitive.Group, {
+    "data-density": density,
+    "data-slot": "select-group",
+    className: (state) => cn2("scroll-my-1 p-1", typeof className === "function" ? className(state) : className),
+    ...props
+  });
+}
+function SelectValue({ density, className, ...props }) {
+  return /* @__PURE__ */ jsx10(SelectPrimitive.Value, {
+    "data-density": density,
+    "data-slot": "select-value",
+    className: (state) => cn2("flex flex-1 text-start", typeof className === "function" ? className(state) : className),
+    ...props
+  });
+}
+function SelectTrigger({ density, className, size = "default", children, ...props }) {
+  return /* @__PURE__ */ jsxs8(SelectPrimitive.Trigger, {
+    "data-density": density,
+    "data-slot": "select-trigger",
+    "data-size": size,
+    className: (state) => cn2("flex w-fit items-center justify-between gap-control-gap rounded-sm border border-input bg-transparent py-2 pe-2 ps-2.5 text-sm whitespace-nowrap transition-colors outline-none select-none focus-visible:border-ring focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive data-placeholder:text-muted-foreground data-[size=default]:h-control data-[size=sm]:h-control-sm data-[size=sm]:rounded-sm *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-control-gap [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", typeof className === "function" ? className(state) : className),
+    ...props,
+    children: [
+      children,
+      /* @__PURE__ */ jsx10(SelectPrimitive.Icon, {
+        render: /* @__PURE__ */ jsx10(ChevronDownIcon3, {
+          className: "pointer-events-none size-4 text-muted-foreground"
+        })
+      })
+    ]
+  });
+}
+function SelectContent({
+  density,
+  className,
+  children,
+  side = "bottom",
+  sideOffset = 4,
+  align = "center",
+  alignOffset = 0,
+  alignItemWithTrigger = true,
+  ...props
+}) {
+  const resolvedDensity = useDensity(density);
+  const direction = useDirection4();
+  const container = usePortalContainer2();
+  return /* @__PURE__ */ jsx10(SelectPrimitive.Portal, {
+    container,
+    children: /* @__PURE__ */ jsx10(SelectPrimitive.Positioner, {
+      side,
+      sideOffset,
+      align,
+      alignOffset,
+      alignItemWithTrigger,
+      className: "isolate ",
+      children: /* @__PURE__ */ jsxs8(SelectPrimitive.Popup, {
+        dir: direction,
+        "data-density": resolvedDensity,
+        "data-slot": "select-content",
+        "data-align-trigger": alignItemWithTrigger,
+        className: (state) => cn2("relative isolate max-h-(--available-height) w-(--anchor-width) min-w-36 origin-(--transform-origin) overflow-x-hidden overflow-y-auto rounded-md bg-popover text-popover-foreground border border-frame-edge shadow-frame duration-120 data-[align-trigger=true]:animate-none data-open:animate-in data-open:fade-in-0 data-closed:animate-out data-closed:fade-out-0 motion-reduce:animate-none", typeof className === "function" ? className(state) : className),
+        ...props,
+        children: [
+          /* @__PURE__ */ jsx10(SelectScrollUpButton, {}),
+          /* @__PURE__ */ jsx10(SelectPrimitive.List, {
+            children
+          }),
+          /* @__PURE__ */ jsx10(SelectScrollDownButton, {})
+        ]
+      })
+    })
+  });
+}
+function SelectLabel({ density, className, ...props }) {
+  return /* @__PURE__ */ jsx10(SelectPrimitive.GroupLabel, {
+    "data-density": density,
+    "data-slot": "select-label",
+    className: (state) => cn2("px-1.5 py-1 text-xs text-muted-foreground", typeof className === "function" ? className(state) : className),
+    ...props
+  });
+}
+function SelectItem({ density, className, children, ...props }) {
+  return /* @__PURE__ */ jsxs8(SelectPrimitive.Item, {
+    "data-density": density,
+    "data-slot": "select-item",
+    className: (state) => cn2("relative flex w-full cursor-default items-center gap-control-gap rounded-md py-1 pe-8 ps-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", typeof className === "function" ? className(state) : className),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx10(SelectPrimitive.ItemText, {
+        className: "flex flex-1 shrink-0 gap-2 whitespace-nowrap",
+        children
+      }),
+      /* @__PURE__ */ jsx10(SelectPrimitive.ItemIndicator, {
+        render: /* @__PURE__ */ jsx10("span", {
+          className: "pointer-events-none absolute end-2 flex size-4 items-center justify-center"
+        }),
+        children: /* @__PURE__ */ jsx10(CheckIcon2, {
+          className: "pointer-events-none"
+        })
+      })
+    ]
+  });
+}
+function SelectSeparator({ density, className, ...props }) {
+  return /* @__PURE__ */ jsx10(SelectPrimitive.Separator, {
+    "data-density": density,
+    "data-slot": "select-separator",
+    className: (state) => cn2("pointer-events-none -mx-1 my-1 h-px bg-border", typeof className === "function" ? className(state) : className),
+    ...props
+  });
+}
+function SelectScrollUpButton({ density, className, ...props }) {
+  return /* @__PURE__ */ jsx10(SelectPrimitive.ScrollUpArrow, {
+    "data-density": density,
+    "data-slot": "select-scroll-up-button",
+    className: (state) => cn2("top-0 flex w-full cursor-default items-center justify-center bg-popover py-1 [&_svg:not([class*='size-'])]:size-4", typeof className === "function" ? className(state) : className),
+    ...props,
+    children: /* @__PURE__ */ jsx10(ChevronUpIcon2, {})
+  });
+}
+function SelectScrollDownButton({ density, className, ...props }) {
+  return /* @__PURE__ */ jsx10(SelectPrimitive.ScrollDownArrow, {
+    "data-density": density,
+    "data-slot": "select-scroll-down-button",
+    className: (state) => cn2("bottom-0 flex w-full cursor-default items-center justify-center bg-popover py-1 [&_svg:not([class*='size-'])]:size-4", typeof className === "function" ? className(state) : className),
+    ...props,
+    children: /* @__PURE__ */ jsx10(ChevronDownIcon3, {})
+  });
+}
+// src/components/DensityProvider.tsx
+import { jsx as jsx11 } from "react/jsx-runtime";
+function DensityProvider({ children, density = "comfortable" }) {
+  return /* @__PURE__ */ jsx11(DensityContext.Provider, {
+    value: density,
+    children: /* @__PURE__ */ jsx11("div", {
+      "data-density": density,
+      className: "font-sans text-base leading-(--ag-leading)",
+      children
+    })
+  });
+}
+// src/components/ThemeProvider.tsx
+import { useMemo } from "react";
+import { useIsomorphicLayoutEffect, useTernaryDarkMode } from "usehooks-ts";
+import { jsx as jsx12 } from "react/jsx-runtime";
+function StoredThemeProvider({
+  children,
+  defaultTheme = "system",
+  storageKey = "shadcn-alexgorbatchev-theme",
+  forcedTheme
+}) {
+  const { isDarkMode, ternaryDarkMode, setTernaryDarkMode } = useTernaryDarkMode({
+    defaultValue: defaultTheme,
+    localStorageKey: storageKey
+  });
+  return /* @__PURE__ */ jsx12(ThemePalette, {
+    theme: forcedTheme ?? ternaryDarkMode,
+    resolvedTheme: forcedTheme ?? (isDarkMode ? "dark" : "light"),
+    setTheme: setTernaryDarkMode,
+    children
+  });
+}
+function ThemePalette({
+  children,
+  theme,
+  resolvedTheme,
+  setTheme
+}) {
+  useIsomorphicLayoutEffect(() => {
+    document.documentElement.dataset.theme = resolvedTheme;
+    document.documentElement.style.colorScheme = resolvedTheme;
+  }, [resolvedTheme]);
+  const value = useMemo(() => ({ theme, resolvedTheme, setTheme }), [theme, resolvedTheme, setTheme]);
+  return /* @__PURE__ */ jsx12(ThemeContext.Provider, {
+    value,
+    children
+  });
+}
+function ControlledThemeProvider({
+  children,
+  controlledTheme,
+  forcedTheme
+}) {
+  const isDark = useMediaQuery("(prefers-color-scheme: dark)");
+  const { theme, setTheme } = controlledTheme;
+  const resolvedTheme = forcedTheme ?? (theme === "system" ? isDark ? "dark" : "light" : theme);
+  return /* @__PURE__ */ jsx12(ThemePalette, {
+    theme: forcedTheme ?? theme,
+    resolvedTheme,
+    setTheme,
+    children
+  });
+}
+function ThemeProvider(props) {
+  if (props.controlledTheme)
+    return /* @__PURE__ */ jsx12(ControlledThemeProvider, {
+      ...props,
+      controlledTheme: props.controlledTheme
+    });
+  return /* @__PURE__ */ jsx12(StoredThemeProvider, {
+    ...props
+  });
+}
+// src/hooks/useComboboxAnchor.ts
+import { useRef as useRef2 } from "react";
+function useComboboxAnchor() {
+  return useRef2(null);
+}
+// src/components/AspectRatio.tsx
+import { jsx as jsx13 } from "react/jsx-runtime";
+function AspectRatio({ ratio, className, style, ...props }) {
+  return /* @__PURE__ */ jsx13("div", {
+    "data-slot": "aspect-ratio",
+    className: cn2("relative", className),
+    style: { aspectRatio: ratio, ...style },
+    ...props
+  });
+}
+// src/components/Breadcrumb.tsx
+import { ChevronRightIcon, MoreHorizontalIcon } from "lucide-react";
+import { mergeProps as mergeProps3 } from "@base-ui/react/merge-props";
+import { useRender as useRender3 } from "@base-ui/react/use-render";
+import { jsx as jsx14, jsxs as jsxs9 } from "react/jsx-runtime";
+function Breadcrumb({ density, className, ...props }) {
+  return /* @__PURE__ */ jsx14("nav", {
+    "aria-label": "breadcrumb",
+    "data-density": density,
+    "data-slot": "breadcrumb",
+    className: cn2(className),
+    ...props
+  });
+}
+function BreadcrumbList({ density, className, ...props }) {
+  return /* @__PURE__ */ jsx14("ol", {
+    "data-density": density,
+    "data-slot": "breadcrumb-list",
+    className: cn2("flex flex-wrap items-center gap-control-gap text-sm wrap-break-word text-muted-foreground", className),
+    ...props
+  });
+}
+function BreadcrumbItem({ density, className, ...props }) {
+  return /* @__PURE__ */ jsx14("li", {
+    "data-density": density,
+    "data-slot": "breadcrumb-item",
+    className: cn2("inline-flex items-center gap-1", className),
+    ...props
+  });
+}
+function BreadcrumbLink({ density, className, render, ...props }) {
+  return useRender3({
+    defaultTagName: "a",
+    props: mergeProps3({
+      className: cn2("transition-colors hover:text-foreground", className)
+    }, props),
+    render,
+    state: {
+      density,
+      slot: "breadcrumb-link"
+    }
+  });
+}
+function BreadcrumbPage({ density, className, ...props }) {
+  return /* @__PURE__ */ jsx14("span", {
+    "data-density": density,
+    "data-slot": "breadcrumb-page",
+    role: "link",
+    "aria-disabled": "true",
+    "aria-current": "page",
+    className: cn2("font-normal text-foreground", className),
+    ...props
+  });
+}
+function BreadcrumbSeparator({ density, children, className, ...props }) {
+  return /* @__PURE__ */ jsx14("li", {
+    "data-density": density,
+    "data-slot": "breadcrumb-separator",
+    role: "presentation",
+    "aria-hidden": "true",
+    className: cn2("[&>svg]:size-3.5", className),
+    ...props,
+    children: children ?? /* @__PURE__ */ jsx14(ChevronRightIcon, {
+      className: "rtl:rotate-180"
+    })
+  });
+}
+function BreadcrumbEllipsis({ density, className, ...props }) {
+  return /* @__PURE__ */ jsxs9("span", {
+    "data-density": density,
+    "data-slot": "breadcrumb-ellipsis",
+    role: "presentation",
+    "aria-hidden": "true",
+    className: cn2("flex size-5 items-center justify-center [&>svg]:size-4", className),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx14(MoreHorizontalIcon, {}),
+      /* @__PURE__ */ jsx14("span", {
+        className: "sr-only",
+        children: "More"
+      })
+    ]
+  });
+}
+// src/components/ButtonGroup.tsx
+import { mergeProps as mergeProps4 } from "@base-ui/react/merge-props";
+import { useRender as useRender4 } from "@base-ui/react/use-render";
+import { cva as cva2 } from "class-variance-authority";
+import { jsx as jsx15 } from "react/jsx-runtime";
+var buttonGroupVariants = cva2("flex w-fit items-stretch *:focus-visible:relative *:focus-visible:z-10 has-[>[data-slot=button-group]]:gap-2 has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-e-sm [&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit [&>input]:flex-1", {
+  variants: {
+    orientation: {
+      horizontal: "*:data-slot:rounded-e-none [&>[data-slot]:not(:has(~[data-slot]))]:rounded-e-sm! [&>[data-slot]~[data-slot]]:rounded-s-none [&>[data-slot]~[data-slot]]:border-s-0",
+      vertical: "flex-col *:data-slot:rounded-b-none [&>[data-slot]:not(:has(~[data-slot]))]:rounded-b-sm! [&>[data-slot]~[data-slot]]:rounded-t-none [&>[data-slot]~[data-slot]]:border-t-0"
+    }
+  },
+  defaultVariants: {
+    orientation: "horizontal"
+  }
+});
+function ButtonGroup({ density, className, orientation, ...props }) {
+  return /* @__PURE__ */ jsx15("div", {
+    role: "group",
+    "data-density": density,
+    "data-slot": "button-group",
+    "data-orientation": orientation,
+    className: cn2(buttonGroupVariants({ orientation }), className),
+    ...props
+  });
+}
+function ButtonGroupText({ density, className, render, ...props }) {
+  return useRender4({
+    defaultTagName: "div",
+    props: mergeProps4({
+      className: cn2("flex items-center gap-2 rounded-sm border bg-muted px-control-x text-sm font-medium [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4", className)
+    }, props),
+    render,
+    state: {
+      density,
+      slot: "button-group-text"
+    }
+  });
+}
+function ButtonGroupSeparator({
+  density,
+  className,
+  orientation = "vertical",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx15(Separator2, {
+    "data-density": density,
+    "data-slot": "button-group-separator",
+    orientation,
+    className: (state) => cn2("relative self-stretch bg-input data-[orientation=horizontal]:mx-px data-[orientation=horizontal]:w-auto data-[orientation=vertical]:my-px data-[orientation=vertical]:h-auto", typeof className === "function" ? className(state) : className),
+    ...props
+  });
+}
+// src/components/NativeSelect.tsx
+import { ChevronDownIcon as ChevronDownIcon4 } from "lucide-react";
+import { jsx as jsx16, jsxs as jsxs10 } from "react/jsx-runtime";
+function NativeSelect({
+  density,
+  className,
+  dir,
+  size = "default",
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs10("div", {
+    dir,
+    className: cn2("group/native-select relative w-fit has-[select:disabled]:opacity-50", className),
+    "data-density": density,
+    "data-slot": "native-select-wrapper",
+    "data-size": size,
+    children: [
+      /* @__PURE__ */ jsx16("select", {
+        dir,
+        "data-slot": "native-select",
+        "data-size": size,
+        className: "h-control w-full min-w-0 appearance-none rounded-sm border border-input bg-secondary py-1 pe-8 ps-2.5 text-sm transition-colors outline-none select-none selection:bg-primary selection:text-primary-foreground placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:cursor-not-allowed aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive data-[size=sm]:h-control-sm data-[size=sm]:rounded-sm data-[size=sm]:py-0.5",
+        ...props
+      }),
+      /* @__PURE__ */ jsx16(ChevronDownIcon4, {
+        className: "pointer-events-none absolute top-1/2 end-2.5 size-4 -translate-y-1/2 text-muted-foreground select-none",
+        "aria-hidden": "true",
+        "data-slot": "native-select-icon"
+      })
+    ]
+  });
+}
+function NativeSelectOption({ density, className, ...props }) {
+  return /* @__PURE__ */ jsx16("option", {
+    "data-density": density,
+    "data-slot": "native-select-option",
+    className: cn2("bg-[Canvas] text-[CanvasText]", className),
+    ...props
+  });
+}
+function NativeSelectOptGroup({ density, className, ...props }) {
+  return /* @__PURE__ */ jsx16("optgroup", {
+    "data-density": density,
+    "data-slot": "native-select-optgroup",
+    className: cn2("bg-[Canvas] text-[CanvasText]", className),
+    ...props
+  });
+}
+// src/components/Item.tsx
+import { mergeProps as mergeProps5 } from "@base-ui/react/merge-props";
+import { useRender as useRender5 } from "@base-ui/react/use-render";
+import { cva as cva3 } from "class-variance-authority";
+import { jsx as jsx17 } from "react/jsx-runtime";
+function ItemGroup({ density, className, ...props }) {
+  return /* @__PURE__ */ jsx17("div", {
+    role: "list",
+    "data-density": density,
+    "data-slot": "item-group",
+    className: cn2("group/item-group flex w-full flex-col gap-4 has-data-[size=sm]:gap-2.5 has-data-[size=xs]:gap-2", className),
+    ...props
+  });
+}
+function ItemSeparator({ density, className, ...props }) {
+  return /* @__PURE__ */ jsx17(Separator2, {
+    "data-density": density,
+    "data-slot": "item-separator",
+    orientation: "horizontal",
+    className: (state) => cn2("my-2", typeof className === "function" ? className(state) : className),
+    ...props
+  });
+}
+var itemVariants = cva3("group/item flex w-full flex-wrap items-center rounded-sm border text-sm transition-colors duration-100 outline-none focus-visible:border-ring focus-visible:ring-1 focus-visible:ring-ring [a]:transition-colors [a]:hover:bg-muted", {
+  variants: {
+    variant: {
+      default: "border-transparent",
+      outline: "border-border",
+      muted: "border-transparent bg-muted/50"
+    },
+    size: {
+      default: "gap-panel p-panel",
+      sm: "gap-panel p-panel",
+      xs: "gap-2 px-control-x py-2 in-data-[slot=dropdown-menu-content]:p-0"
+    }
+  },
+  defaultVariants: {
+    variant: "default",
+    size: "default"
+  }
+});
+function Item({
+  density,
+  className,
+  variant = "default",
+  size = "default",
+  render,
+  ...props
+}) {
+  return useRender5({
+    defaultTagName: "div",
+    props: mergeProps5({
+      className: cn2(itemVariants({ variant, size, className }))
+    }, props),
+    render,
+    state: {
+      density,
+      slot: "item",
+      variant,
+      size
+    }
+  });
+}
+var itemMediaVariants = cva3("flex shrink-0 items-center justify-center gap-2 group-has-data-[slot=item-description]/item:translate-y-0.5 group-has-data-[slot=item-description]/item:self-start [&_svg]:pointer-events-none", {
+  variants: {
+    variant: {
+      default: "bg-transparent",
+      icon: "[&_svg:not([class*='size-'])]:size-4",
+      image: "size-10 overflow-hidden rounded-sm group-data-[size=sm]/item:size-8 group-data-[size=xs]/item:size-6 [&_img]:size-full [&_img]:object-cover"
+    }
+  },
+  defaultVariants: {
+    variant: "default"
+  }
+});
+function ItemMedia({ density, className, variant = "default", ...props }) {
+  return /* @__PURE__ */ jsx17("div", {
+    "data-density": density,
+    "data-slot": "item-media",
+    "data-variant": variant,
+    className: cn2(itemMediaVariants({ variant, className })),
+    ...props
+  });
+}
+function ItemContent({ density, className, ...props }) {
+  return /* @__PURE__ */ jsx17("div", {
+    "data-density": density,
+    "data-slot": "item-content",
+    className: cn2("flex flex-1 flex-col gap-1 group-data-[size=xs]/item:gap-0 [&+[data-slot=item-content]]:flex-none", className),
+    ...props
+  });
+}
+function ItemTitle({ density, className, ...props }) {
+  return /* @__PURE__ */ jsx17("div", {
+    "data-density": density,
+    "data-slot": "item-title",
+    className: cn2("line-clamp-1 flex w-fit items-center gap-2 text-sm leading-snug font-medium underline-offset-4", className),
+    ...props
+  });
+}
+function ItemDescription({ density, className, ...props }) {
+  return /* @__PURE__ */ jsx17("p", {
+    "data-density": density,
+    "data-slot": "item-description",
+    className: cn2("line-clamp-2 text-start text-sm leading-normal font-normal text-muted-foreground group-data-[size=xs]/item:text-xs [&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary", className),
+    ...props
+  });
+}
+function ItemActions({ density, className, ...props }) {
+  return /* @__PURE__ */ jsx17("div", {
+    "data-density": density,
+    "data-slot": "item-actions",
+    className: cn2("flex items-center gap-2", className),
+    ...props
+  });
+}
+function ItemHeader({ density, className, ...props }) {
+  return /* @__PURE__ */ jsx17("div", {
+    "data-density": density,
+    "data-slot": "item-header",
+    className: cn2("flex basis-full items-center justify-between gap-2", className),
+    ...props
+  });
+}
+function ItemFooter({ density, className, ...props }) {
+  return /* @__PURE__ */ jsx17("div", {
+    "data-density": density,
+    "data-slot": "item-footer",
+    className: cn2("flex basis-full items-center justify-between gap-2", className),
+    ...props
+  });
+}
+// src/components/Pagination.tsx
+import { ChevronLeftIcon, ChevronRightIcon as ChevronRightIcon2, MoreHorizontalIcon as MoreHorizontalIcon2 } from "lucide-react";
+import { jsx as jsx18, jsxs as jsxs11 } from "react/jsx-runtime";
+function Pagination({ density, className, ...props }) {
+  return /* @__PURE__ */ jsx18("nav", {
+    role: "navigation",
+    "aria-label": "pagination",
+    "data-density": density,
+    "data-slot": "pagination",
+    className: cn2("mx-auto flex w-full justify-center", className),
+    ...props
+  });
+}
+function PaginationContent({ density, className, ...props }) {
+  return /* @__PURE__ */ jsx18("ul", {
+    "data-density": density,
+    "data-slot": "pagination-content",
+    className: cn2("flex items-center gap-0.5", className),
+    ...props
+  });
+}
+function PaginationItem({ ...props }) {
+  return /* @__PURE__ */ jsx18("li", {
+    "data-slot": "pagination-item",
+    ...props
+  });
+}
+function PaginationLink({
+  density,
+  className,
+  isActive,
+  size = "icon",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx18("a", {
+    "data-density": density,
+    className: cn2(buttonVariants2({ variant: isActive ? "outline" : "ghost", size }), className),
+    "aria-current": isActive ? "page" : undefined,
+    "data-slot": "pagination-link",
+    "data-active": isActive,
+    ...props
+  });
+}
+function PaginationPrevious({
+  density,
+  className,
+  text = "Previous",
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs11(PaginationLink, {
+    density,
+    "aria-label": "Go to previous page",
+    size: "default",
+    className: cn2("ps-1.5!", className),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx18(ChevronLeftIcon, {
+        "data-icon": "inline-start",
+        className: "rtl:rotate-180"
+      }),
+      /* @__PURE__ */ jsx18("span", {
+        className: "hidden sm:block",
+        children: text
+      })
+    ]
+  });
+}
+function PaginationNext({ density, className, text = "Next", ...props }) {
+  return /* @__PURE__ */ jsxs11(PaginationLink, {
+    density,
+    "aria-label": "Go to next page",
+    size: "default",
+    className: cn2("pe-1.5!", className),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx18("span", {
+        className: "hidden sm:block",
+        children: text
+      }),
+      /* @__PURE__ */ jsx18(ChevronRightIcon2, {
+        "data-icon": "inline-end",
+        className: "rtl:rotate-180"
+      })
+    ]
+  });
+}
+function PaginationEllipsis({ density, className, ...props }) {
+  return /* @__PURE__ */ jsxs11("span", {
+    "aria-hidden": true,
+    "data-density": density,
+    "data-slot": "pagination-ellipsis",
+    className: cn2("flex size-control items-center justify-center [&_svg:not([class*='size-'])]:size-4", className),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx18(MoreHorizontalIcon2, {}),
+      /* @__PURE__ */ jsx18("span", {
+        className: "sr-only",
+        children: "More pages"
+      })
+    ]
+  });
+}
+// src/components/ScrollArea.tsx
+import { ScrollArea as ScrollAreaPrimitive } from "@base-ui/react/scroll-area";
+import { jsx as jsx19, jsxs as jsxs12 } from "react/jsx-runtime";
+function ScrollArea({
+  density,
+  className,
+  children,
+  scrollbars = /* @__PURE__ */ jsx19(ScrollBar, {}),
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs12(ScrollAreaPrimitive.Root, {
+    "data-density": density,
+    "data-slot": "scroll-area",
+    className: (state) => cn2("relative", typeof className === "function" ? className(state) : className),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx19(ScrollAreaPrimitive.Viewport, {
+        "data-slot": "scroll-area-viewport",
+        className: "size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-1 focus-visible:ring-ring focus-visible:outline-1",
+        children
+      }),
+      scrollbars,
+      /* @__PURE__ */ jsx19(ScrollAreaPrimitive.Corner, {})
+    ]
+  });
+}
+function ScrollBar({ density, className, orientation = "vertical", ...props }) {
+  return /* @__PURE__ */ jsx19(ScrollAreaPrimitive.Scrollbar, {
+    "data-density": density,
+    "data-slot": "scroll-area-scrollbar",
+    "data-orientation": orientation,
+    orientation,
+    className: (state) => cn2("flex touch-none p-px transition-colors select-none data-[orientation=horizontal]:h-2.5 data-[orientation=horizontal]:flex-col data-[orientation=horizontal]:border-t data-[orientation=horizontal]:border-t-transparent data-[orientation=vertical]:w-2.5 data-[orientation=vertical]:border-s data-[orientation=vertical]:border-s-transparent", typeof className === "function" ? className(state) : className),
+    ...props,
+    children: /* @__PURE__ */ jsx19(ScrollAreaPrimitive.Thumb, {
+      "data-slot": "scroll-area-thumb",
+      className: "relative flex-1 rounded-full bg-border"
+    })
+  });
+}
+// src/components/Drawer.tsx
+import { useMemo as useMemo2 } from "react";
+
+// src/drawer/DrawerContext.ts
+import { createContext as createContext2 } from "react";
+var DrawerContext = createContext2(null);
+
+// src/hooks/useDrawer.ts
+import { useContext as useContext2 } from "react";
+function useDrawer() {
+  const context = useContext2(DrawerContext);
+  if (!context) {
+    throw new Error("useDrawer must be used within a Drawer.");
+  }
+  return context;
+}
+
+// src/components/Drawer.tsx
+import { Drawer as DrawerPrimitive } from "@base-ui/react/drawer";
+import { jsx as jsx20, jsxs as jsxs13 } from "react/jsx-runtime";
+function Drawer({
+  modal = true,
+  showSwipeHandle = false,
+  snapPoints,
+  swipeDirection = "down",
+  ...props
+}) {
+  const hasSnapPoints = snapPoints != null && snapPoints.length > 0;
+  const contextValue = useMemo2(() => ({ hasSnapPoints, modal, showSwipeHandle, swipeDirection }), [hasSnapPoints, modal, showSwipeHandle, swipeDirection]);
+  return /* @__PURE__ */ jsx20(DrawerContext.Provider, {
+    value: contextValue,
+    children: /* @__PURE__ */ jsx20(DrawerPrimitive.Root, {
+      "data-slot": "drawer",
+      modal,
+      snapPoints,
+      swipeDirection,
+      ...props
+    })
+  });
+}
+function DrawerTrigger({ ...props }) {
+  return /* @__PURE__ */ jsx20(DrawerPrimitive.Trigger, {
+    "data-slot": "drawer-trigger",
+    ...props
+  });
+}
+function DrawerPortal({ container, ...props }) {
+  const resolvedContainer = usePortalContainer2(container);
+  return /* @__PURE__ */ jsx20(DrawerPrimitive.Portal, {
+    "data-slot": "drawer-portal",
+    container: resolvedContainer,
+    ...props
+  });
+}
+function DrawerClose({ ...props }) {
+  return /* @__PURE__ */ jsx20(DrawerPrimitive.Close, {
+    "data-slot": "drawer-close",
+    ...props
+  });
+}
+function DrawerOverlay({ density, className, ...props }) {
+  const resolvedDensity = useDensity(density);
+  return /* @__PURE__ */ jsx20(DrawerPrimitive.Backdrop, {
+    "data-density": resolvedDensity,
+    "data-slot": "drawer-overlay",
+    className: (state) => cn2("fixed inset-0  min-h-dvh bg-backdrop opacity-[max(var(--drawer-overlay-min-opacity,0),calc(1-var(--drawer-swipe-progress)))] transition-opacity duration-450 ease-[cubic-bezier(0.32,0.72,0,1)] select-none data-ending-style:pointer-events-none data-ending-style:opacity-0 data-ending-style:duration-[calc(var(--drawer-swipe-strength)*400ms)] data-snap-points:[--drawer-overlay-min-opacity:0.5] data-starting-style:opacity-0 data-swiping:duration-0  supports-[-webkit-touch-callout:none]:absolute", typeof className === "function" ? className(state) : className),
+    ...props
+  });
+}
+function DrawerSwipeHandle({ density, className, ...props }) {
+  return /* @__PURE__ */ jsx20("div", {
+    "data-density": density,
+    "data-slot": "drawer-swipe-handle",
+    "aria-hidden": "true",
+    className: cn2("relative  flex shrink-0 cursor-grab transition-opacity duration-200 group-data-nested-drawer-open/drawer-popup:opacity-0 group-data-nested-drawer-swiping/drawer-popup:opacity-100 group-data-[swipe-axis=x]/drawer-popup:h-full group-data-[swipe-axis=x]/drawer-popup:w-3 group-data-[swipe-axis=x]/drawer-popup:items-center group-data-[swipe-axis=y]/drawer-popup:h-3 group-data-[swipe-axis=y]/drawer-popup:w-full group-data-[swipe-axis=y]/drawer-popup:justify-center group-data-[swipe-direction=down]/drawer-popup:items-end group-data-[swipe-direction=left]/drawer-popup:order-last group-data-[swipe-direction=left]/drawer-popup:justify-start group-data-[swipe-direction=right]/drawer-popup:justify-end group-data-[swipe-direction=up]/drawer-popup:order-last group-data-[swipe-direction=up]/drawer-popup:items-start after:block after:shrink-0 after:rounded-full after:bg-muted group-data-[swipe-axis=x]/drawer-popup:after:h-24 group-data-[swipe-axis=x]/drawer-popup:after:w-1 group-data-[swipe-axis=y]/drawer-popup:after:h-1 group-data-[swipe-axis=y]/drawer-popup:after:w-24 active:cursor-grabbing", className),
+    ...props
+  });
+}
+function DrawerContent({ density, className, children, ...props }) {
+  const resolvedDensity = useDensity(density);
+  const direction = useDirection2();
+  const { hasSnapPoints, modal, showSwipeHandle, swipeDirection } = useDrawer();
+  const swipeAxis = swipeDirection === "down" || swipeDirection === "up" ? "y" : "x";
+  return /* @__PURE__ */ jsxs13(DrawerPortal, {
+    "data-slot": "drawer-portal",
+    children: [
+      modal === true && /* @__PURE__ */ jsx20(DrawerOverlay, {
+        "data-snap-points": hasSnapPoints ? "" : undefined
+      }),
+      /* @__PURE__ */ jsx20(DrawerPrimitive.Viewport, {
+        dir: direction,
+        "data-slot": "drawer-viewport",
+        "data-modal": modal,
+        className: "pointer-events-none fixed inset-0  select-none data-[modal=true]:pointer-events-auto",
+        children: /* @__PURE__ */ jsxs13(DrawerPrimitive.Popup, {
+          "data-density": resolvedDensity,
+          "data-slot": "drawer-popup",
+          "data-swipe-axis": swipeAxis,
+          "data-snap-points": hasSnapPoints ? "" : undefined,
+          className: (state) => cn2("group/drawer-popup pointer-events-auto fixed  m-(--drawer-inset,0px) flex h-(--drawer-content-height) max-h-(--drawer-content-max-height,none) min-h-0 w-(--drawer-content-width,auto) transform-[translate3d(var(--translate-x,0px),var(--translate-y,0px),0)] flex-col border border-frame-edge shadow-frame bg-popover text-sm text-popover-foreground transition-[transform,height,opacity,filter] duration-450 ease-[cubic-bezier(0.22,1,0.36,1)] will-change-transform outline-none select-none [interpolate-size:allow-keywords] data-[swipe-direction=down]:rounded-t-md data-[swipe-direction=down]:border-t data-[swipe-direction=left]:rounded-r-md data-[swipe-direction=left]:border-r data-[swipe-direction=right]:rounded-l-md data-[swipe-direction=right]:border-l data-[swipe-direction=up]:rounded-b-md data-[swipe-direction=up]:border-b", "data-nested-drawer-open:overflow-hidden data-nested-drawer-open:brightness-95", "after:pointer-events-none after:absolute after:bg-(--drawer-bleed-background,var(--color-popover)) data-[swipe-axis=x]:after:inset-y-0 data-[swipe-axis=x]:after:w-(--bleed) data-[swipe-axis=y]:after:inset-x-0 data-[swipe-axis=y]:after:h-(--bleed) data-[swipe-direction=down]:after:top-full data-[swipe-direction=left]:after:right-full data-[swipe-direction=right]:after:left-full data-[swipe-direction=up]:after:bottom-full", "[--drawer-content-height:var(--drawer-height,auto)] data-[swipe-axis=x]:[--drawer-content-width:75%] data-[swipe-axis=y]:[--drawer-content-max-height:calc(100dvh-6rem)] data-[swipe-axis=y]:data-snap-points:[--drawer-content-height:100dvh] data-[swipe-axis=x]:sm:[--drawer-content-width:24rem]", "[--bleed:3rem] [--peek:1rem] [--stack-height:var(--drawer-frontmost-height,var(--drawer-height,0px))] [--stack-peek-offset:max(0px,calc((var(--nested-drawers)-var(--stack-progress))*var(--peek)))] [--stack-progress:clamp(0,var(--drawer-swipe-progress),1)] [--stack-shrink:0]", "data-ending-style:transform-(--closed-transform) data-ending-style:opacity-[0.9999] data-ending-style:duration-[calc(var(--drawer-swipe-strength)*400ms)] data-nested-drawer-swiping:duration-0 data-ending-style:data-nested-drawer-swiping:duration-[calc(var(--drawer-swipe-strength)*400ms)] data-starting-style:transform-(--closed-transform) data-swiping:duration-0 data-ending-style:data-swiping:duration-[calc(var(--drawer-swipe-strength)*400ms)]", "data-[swipe-axis=y]:inset-x-0 data-[swipe-axis=y]:data-nested-drawer-open:h-(--stack-height)", "data-[swipe-axis=x]:inset-y-0 data-[swipe-axis=x]:flex-row", "data-[swipe-direction=down]:bottom-0 data-[swipe-direction=down]:origin-bottom data-[swipe-direction=down]:[--closed-transform:translate3d(0,calc(100%+var(--drawer-inset,0px)+2px),0)] data-[swipe-direction=down]:[--translate-y:calc(var(--drawer-snap-point-offset,0px)+var(--drawer-swipe-movement-y)-var(--stack-peek-offset)-(var(--stack-shrink)*var(--stack-height)))]", "data-[swipe-direction=up]:top-0 data-[swipe-direction=up]:origin-top data-[swipe-direction=up]:[--closed-transform:translate3d(0,calc(-100%-var(--drawer-inset,0px)-2px),0)] data-[swipe-direction=up]:[--translate-y:calc(var(--drawer-snap-point-offset,0px)+var(--drawer-swipe-movement-y)+var(--stack-peek-offset)+(var(--stack-shrink)*var(--stack-height)))]", "data-[swipe-direction=left]:left-0 data-[swipe-direction=left]:origin-left data-[swipe-direction=left]:[--closed-transform:translate3d(calc(-100%-var(--drawer-inset,0px)-2px),0,0)] data-[swipe-direction=left]:[--translate-x:calc(var(--drawer-swipe-movement-x)+var(--stack-peek-offset)+(var(--stack-shrink)*100%))]", "data-[swipe-direction=right]:right-0 data-[swipe-direction=right]:origin-right data-[swipe-direction=right]:[--closed-transform:translate3d(calc(100%+var(--drawer-inset,0px)+2px),0,0)] data-[swipe-direction=right]:[--translate-x:calc(var(--drawer-swipe-movement-x)-var(--stack-peek-offset)-(var(--stack-shrink)*100%))]", typeof className === "function" ? className(state) : className),
+          ...props,
+          children: [
+            showSwipeHandle && /* @__PURE__ */ jsx20(DrawerSwipeHandle, {}),
+            /* @__PURE__ */ jsx20(DrawerPrimitive.Content, {
+              "data-slot": "drawer-content",
+              className: "flex min-h-0 flex-1 flex-col overflow-hidden overscroll-contain rounded-[inherit] transition-opacity duration-300 ease-out select-text group-data-nested-drawer-open/drawer-popup:opacity-0 group-data-nested-drawer-swiping/drawer-popup:opacity-100 group-data-swiping/drawer-popup:select-none",
+              children
+            })
+          ]
+        })
+      })
+    ]
+  });
+}
+function DrawerHeader({ density, className, ...props }) {
+  return /* @__PURE__ */ jsx20("div", {
+    "data-density": density,
+    "data-slot": "drawer-header",
+    className: cn2("flex shrink-0 flex-col gap-0.5 p-panel pb-0 group-data-[swipe-axis=y]/drawer-popup:text-center md:gap-0.5 md:text-start md:group-data-[swipe-axis=y]/drawer-popup:text-start", className),
+    ...props
+  });
+}
+function DrawerFooter({ density, className, ...props }) {
+  return /* @__PURE__ */ jsx20("div", {
+    "data-density": density,
+    "data-slot": "drawer-footer",
+    className: cn2("mt-auto flex shrink-0 flex-col gap-2 p-panel pt-0", className),
+    ...props
+  });
+}
+function DrawerTitle({ density, className, ...props }) {
+  return /* @__PURE__ */ jsx20(DrawerPrimitive.Title, {
+    "data-density": density,
+    "data-slot": "drawer-title",
+    className: (state) => cn2(" text-base font-medium text-foreground", typeof className === "function" ? className(state) : className),
+    ...props
+  });
+}
+function DrawerDescription({ density, className, ...props }) {
+  return /* @__PURE__ */ jsx20(DrawerPrimitive.Description, {
+    "data-density": density,
+    "data-slot": "drawer-description",
+    className: (state) => cn2("text-sm text-balance text-muted-foreground", typeof className === "function" ? className(state) : className),
+    ...props
+  });
+}
+// src/components/ContextMenu.tsx
+import { ChevronRightIcon as ChevronRightIcon3, CheckIcon as CheckIcon3 } from "lucide-react";
+import { useDirection as useDirection5 } from "@base-ui/react/direction-provider";
+import { ContextMenu as ContextMenuPrimitive } from "@base-ui/react/context-menu";
+import { jsx as jsx21, jsxs as jsxs14 } from "react/jsx-runtime";
+function ContextMenu({ ...props }) {
+  return /* @__PURE__ */ jsx21(ContextMenuPrimitive.Root, {
+    "data-slot": "context-menu",
+    ...props
+  });
+}
+function ContextMenuPortal({ container, ...props }) {
+  const resolvedContainer = usePortalContainer2(container);
+  return /* @__PURE__ */ jsx21(ContextMenuPrimitive.Portal, {
+    "data-slot": "context-menu-portal",
+    container: resolvedContainer,
+    ...props
+  });
+}
+function ContextMenuTrigger({ density, className, ...props }) {
+  return /* @__PURE__ */ jsx21(ContextMenuPrimitive.Trigger, {
+    "data-density": density,
+    "data-slot": "context-menu-trigger",
+    className: (state) => cn2("select-none", typeof className === "function" ? className(state) : className),
+    ...props
+  });
+}
+function ContextMenuContent({
+  density,
+  className,
+  align = "start",
+  alignOffset = 4,
+  side = "right",
+  sideOffset = 0,
+  ...props
+}) {
+  const resolvedDensity = useDensity(density);
+  const direction = useDirection5();
+  return /* @__PURE__ */ jsx21(ContextMenuPortal, {
+    children: /* @__PURE__ */ jsx21(ContextMenuPrimitive.Positioner, {
+      dir: direction,
+      className: "isolate  outline-none",
+      align,
+      alignOffset,
+      side,
+      sideOffset,
+      children: /* @__PURE__ */ jsx21(ContextMenuPrimitive.Popup, {
+        dir: direction,
+        "data-density": resolvedDensity,
+        "data-slot": "context-menu-content",
+        className: (state) => cn2("   max-h-(--available-height) min-w-36 origin-(--transform-origin) overflow-x-hidden overflow-y-auto rounded-sm bg-popover p-1 text-popover-foreground  border border-frame-edge shadow-frame duration-100 outline-none       data-open:animate-in data-open:fade-in-0  data-closed:animate-out data-closed:fade-out-0 motion-reduce:data-open:animate-none motion-reduce:data-closed:animate-none ", typeof className === "function" ? className(state) : className),
+        ...props
+      })
+    })
+  });
+}
+function ContextMenuGroup({ ...props }) {
+  return /* @__PURE__ */ jsx21(ContextMenuPrimitive.Group, {
+    "data-slot": "context-menu-group",
+    ...props
+  });
+}
+function ContextMenuLabel({ density, className, inset, ...props }) {
+  return /* @__PURE__ */ jsx21(ContextMenuPrimitive.GroupLabel, {
+    "data-density": density,
+    "data-slot": "context-menu-label",
+    "data-inset": inset,
+    className: (state) => cn2("px-1.5 py-1 text-xs font-medium text-muted-foreground data-inset:ps-7", typeof className === "function" ? className(state) : className),
+    ...props
+  });
+}
+function ContextMenuItem({ density, className, inset, variant = "default", ...props }) {
+  return /* @__PURE__ */ jsx21(ContextMenuPrimitive.Item, {
+    "data-density": density,
+    "data-slot": "context-menu-item",
+    "data-inset": inset,
+    "data-variant": variant,
+    className: (state) => cn2("group/context-menu-item relative flex cursor-default items-center gap-control-gap rounded-md px-1.5 py-1 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground data-inset:ps-7 data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 data-[variant=destructive]:focus:text-destructive  data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 focus:*:[svg]:text-accent-foreground data-[variant=destructive]:*:[svg]:text-destructive", typeof className === "function" ? className(state) : className),
+    ...props
+  });
+}
+function ContextMenuSub({ ...props }) {
+  return /* @__PURE__ */ jsx21(ContextMenuPrimitive.SubmenuRoot, {
+    "data-slot": "context-menu-sub",
+    ...props
+  });
+}
+function ContextMenuSubTrigger({ density, className, inset, children, ...props }) {
+  return /* @__PURE__ */ jsxs14(ContextMenuPrimitive.SubmenuTrigger, {
+    "data-density": density,
+    "data-slot": "context-menu-sub-trigger",
+    "data-inset": inset,
+    className: (state) => cn2("flex cursor-default items-center gap-control-gap rounded-md px-1.5 py-1 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground data-inset:ps-7 data-open:bg-accent data-open:text-accent-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", typeof className === "function" ? className(state) : className),
+    ...props,
+    children: [
+      children,
+      /* @__PURE__ */ jsx21(ChevronRightIcon3, {
+        className: "rtl:rotate-180 ms-auto"
+      })
+    ]
+  });
+}
+function ContextMenuSubContent({ ...props }) {
+  return /* @__PURE__ */ jsx21(ContextMenuContent, {
+    "data-slot": "context-menu-sub-content",
+    className: "  shadow-frame border border-frame-edge",
+    side: "inline-end",
+    ...props
+  });
+}
+function ContextMenuCheckboxItem({
+  density,
+  className,
+  children,
+  checked,
+  inset,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs14(ContextMenuPrimitive.CheckboxItem, {
+    "data-density": density,
+    "data-slot": "context-menu-checkbox-item",
+    "data-inset": inset,
+    className: (state) => cn2("relative flex cursor-default items-center gap-control-gap rounded-md py-1 pe-8 ps-1.5 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground data-inset:ps-7 data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", typeof className === "function" ? className(state) : className),
+    checked,
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx21("span", {
+        className: "pointer-events-none absolute end-2",
+        children: /* @__PURE__ */ jsx21(ContextMenuPrimitive.CheckboxItemIndicator, {
+          children: /* @__PURE__ */ jsx21(CheckIcon3, {})
+        })
+      }),
+      children
+    ]
+  });
+}
+function ContextMenuRadioGroup({ ...props }) {
+  return /* @__PURE__ */ jsx21(ContextMenuPrimitive.RadioGroup, {
+    "data-slot": "context-menu-radio-group",
+    ...props
+  });
+}
+function ContextMenuRadioItem({ density, className, children, inset, ...props }) {
+  return /* @__PURE__ */ jsxs14(ContextMenuPrimitive.RadioItem, {
+    "data-density": density,
+    "data-slot": "context-menu-radio-item",
+    "data-inset": inset,
+    className: (state) => cn2("relative flex cursor-default items-center gap-control-gap rounded-md py-1 pe-8 ps-1.5 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground data-inset:ps-7 data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", typeof className === "function" ? className(state) : className),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx21("span", {
+        className: "pointer-events-none absolute end-2",
+        children: /* @__PURE__ */ jsx21(ContextMenuPrimitive.RadioItemIndicator, {
+          children: /* @__PURE__ */ jsx21(CheckIcon3, {})
+        })
+      }),
+      children
+    ]
+  });
+}
+function ContextMenuSeparator({ density, className, ...props }) {
+  return /* @__PURE__ */ jsx21(ContextMenuPrimitive.Separator, {
+    "data-density": density,
+    "data-slot": "context-menu-separator",
+    className: (state) => cn2("-mx-1 my-1 h-px bg-border", typeof className === "function" ? className(state) : className),
+    ...props
+  });
+}
+function ContextMenuShortcut({ density, className, ...props }) {
+  return /* @__PURE__ */ jsx21("span", {
+    "data-density": density,
+    "data-slot": "context-menu-shortcut",
+    className: cn2("ms-auto text-xs tracking-widest text-muted-foreground group-focus/context-menu-item:text-accent-foreground", className),
+    ...props
+  });
+}
+// src/components/Menubar.tsx
+import { CheckIcon as CheckIcon4 } from "lucide-react";
+import { Menu as MenuPrimitive } from "@base-ui/react/menu";
+import { Menubar as MenubarPrimitive } from "@base-ui/react/menubar";
+import { jsx as jsx22, jsxs as jsxs15 } from "react/jsx-runtime";
+function Menubar({ density, className, ...props }) {
+  return /* @__PURE__ */ jsx22(MenubarPrimitive, {
+    "data-density": density,
+    "data-slot": "menubar",
+    className: (state) => cn2("flex h-control items-center gap-0.5 rounded-sm border p-px", typeof className === "function" ? className(state) : className),
+    ...props
+  });
+}
+function MenubarMenu({ ...props }) {
+  return /* @__PURE__ */ jsx22(DropdownMenu2, {
+    "data-slot": "menubar-menu",
+    ...props
+  });
+}
+function MenubarGroup({ ...props }) {
+  return /* @__PURE__ */ jsx22(DropdownMenuGroup2, {
+    "data-slot": "menubar-group",
+    ...props
+  });
+}
+function MenubarPortal({ ...props }) {
+  return /* @__PURE__ */ jsx22(DropdownMenuPortal2, {
+    "data-slot": "menubar-portal",
+    ...props
+  });
+}
+function MenubarTrigger({ density, className, ...props }) {
+  return /* @__PURE__ */ jsx22(DropdownMenuTrigger2, {
+    "data-density": density,
+    "data-slot": "menubar-trigger",
+    className: (state) => cn2("flex h-full items-center rounded-sm px-control-x text-sm leading-none font-medium outline-hidden select-none hover:bg-muted aria-expanded:bg-muted", typeof className === "function" ? className(state) : className),
+    ...props
+  });
+}
+function MenubarContent({
+  density,
+  className,
+  align = "start",
+  alignOffset = -4,
+  sideOffset = 8,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx22(DropdownMenuContent2, {
+    density,
+    "data-slot": "menubar-content",
+    align,
+    alignOffset,
+    sideOffset,
+    className: (state) => cn2("  min-w-36 rounded-sm bg-popover p-1 text-popover-foreground  border border-frame-edge shadow-frame duration-100       data-open:animate-in data-open:fade-in-0 ", typeof className === "function" ? className(state) : className),
+    ...props
+  });
+}
+function MenubarItem({ density, className, inset, variant = "default", ...props }) {
+  return /* @__PURE__ */ jsx22(DropdownMenuItem2, {
+    density,
+    "data-slot": "menubar-item",
+    inset,
+    variant,
+    className: (state) => cn2("group/menubar-item gap-control-gap rounded-md px-1.5 py-1 text-sm focus:bg-accent focus:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground data-inset:ps-7 data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 data-[variant=destructive]:focus:text-destructive  data-disabled:opacity-50 [&_svg:not([class*='size-'])]:size-4 data-[variant=destructive]:*:[svg]:text-destructive!", typeof className === "function" ? className(state) : className),
+    ...props
+  });
+}
+function MenubarCheckboxItem({
+  density,
+  className,
+  children,
+  checked,
+  inset,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs15(MenuPrimitive.CheckboxItem, {
+    "data-density": density,
+    "data-slot": "menubar-checkbox-item",
+    "data-inset": inset,
+    className: (state) => cn2("relative flex cursor-default items-center gap-control-gap rounded-md py-1 pe-1.5 ps-7 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground data-inset:ps-7 data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0", typeof className === "function" ? className(state) : className),
+    checked,
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx22("span", {
+        className: "pointer-events-none absolute start-1.5 flex size-4 items-center justify-center [&_svg:not([class*='size-'])]:size-4",
+        children: /* @__PURE__ */ jsx22(MenuPrimitive.CheckboxItemIndicator, {
+          children: /* @__PURE__ */ jsx22(CheckIcon4, {})
+        })
+      }),
+      children
+    ]
+  });
+}
+function MenubarRadioGroup({ ...props }) {
+  return /* @__PURE__ */ jsx22(DropdownMenuRadioGroup2, {
+    "data-slot": "menubar-radio-group",
+    ...props
+  });
+}
+function MenubarRadioItem({ density, className, children, inset, ...props }) {
+  return /* @__PURE__ */ jsxs15(MenuPrimitive.RadioItem, {
+    "data-density": density,
+    "data-slot": "menubar-radio-item",
+    "data-inset": inset,
+    className: (state) => cn2("relative flex cursor-default items-center gap-control-gap rounded-md py-1 pe-1.5 ps-7 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground data-inset:ps-7 data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", typeof className === "function" ? className(state) : className),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx22("span", {
+        className: "pointer-events-none absolute start-1.5 flex size-4 items-center justify-center [&_svg:not([class*='size-'])]:size-4",
+        children: /* @__PURE__ */ jsx22(MenuPrimitive.RadioItemIndicator, {
+          children: /* @__PURE__ */ jsx22(CheckIcon4, {})
+        })
+      }),
+      children
+    ]
+  });
+}
+function MenubarLabel({ density, className, inset, ...props }) {
+  return /* @__PURE__ */ jsx22(DropdownMenuLabel2, {
+    density,
+    "data-slot": "menubar-label",
+    inset,
+    className: (state) => cn2("px-1.5 py-1 text-sm font-medium data-inset:ps-7", typeof className === "function" ? className(state) : className),
+    ...props
+  });
+}
+function MenubarSeparator({ density, className, ...props }) {
+  return /* @__PURE__ */ jsx22(DropdownMenuSeparator2, {
+    density,
+    "data-slot": "menubar-separator",
+    className: (state) => cn2("-mx-1 my-1 h-px bg-border", typeof className === "function" ? className(state) : className),
+    ...props
+  });
+}
+function MenubarShortcut({ density, className, ...props }) {
+  return /* @__PURE__ */ jsx22(DropdownMenuShortcut2, {
+    "data-density": density,
+    "data-slot": "menubar-shortcut",
+    className: cn2("ms-auto text-xs tracking-widest text-muted-foreground group-focus/menubar-item:text-accent-foreground", className),
+    ...props
+  });
+}
+function MenubarSub({ ...props }) {
+  return /* @__PURE__ */ jsx22(DropdownMenuSub2, {
+    "data-slot": "menubar-sub",
+    ...props
+  });
+}
+function MenubarSubTrigger({ density, className, inset, ...props }) {
+  return /* @__PURE__ */ jsx22(DropdownMenuSubTrigger2, {
+    density,
+    "data-slot": "menubar-sub-trigger",
+    inset,
+    className: (state) => cn2("gap-control-gap rounded-md px-1.5 py-1 text-sm focus:bg-accent focus:text-accent-foreground data-inset:ps-7 data-open:bg-accent data-open:text-accent-foreground [&_svg:not([class*='size-'])]:size-4", typeof className === "function" ? className(state) : className),
+    ...props
+  });
+}
+function MenubarSubContent({ density, className, ...props }) {
+  return /* @__PURE__ */ jsx22(DropdownMenuSubContent2, {
+    density,
+    "data-slot": "menubar-sub-content",
+    className: (state) => cn2("  min-w-32 rounded-sm bg-popover p-1 text-popover-foreground shadow-frame border border-frame-edge border border-frame-edge shadow-frame duration-100     data-open:animate-in data-open:fade-in-0  data-closed:animate-out data-closed:fade-out-0 ", typeof className === "function" ? className(state) : className),
+    ...props
+  });
+}
+// src/components/NavigationMenu.tsx
+import { ChevronDownIcon as ChevronDownIcon5 } from "lucide-react";
+import { NavigationMenu as NavigationMenuPrimitive } from "@base-ui/react/navigation-menu";
+import { cva as cva4 } from "class-variance-authority";
+import { jsx as jsx23, jsxs as jsxs16 } from "react/jsx-runtime";
+function NavigationMenu({
+  density,
+  align = "start",
+  className,
+  children,
+  ...props
+}) {
+  const resolvedDensity = useDensity(density);
+  return /* @__PURE__ */ jsxs16(NavigationMenuPrimitive.Root, {
+    "data-density": resolvedDensity,
+    "data-slot": "navigation-menu",
+    className: (state) => cn2("group/navigation-menu relative flex max-w-max flex-1 items-center justify-center", typeof className === "function" ? className(state) : className),
+    ...props,
+    children: [
+      children,
+      /* @__PURE__ */ jsx23(NavigationMenuPositioner, {
+        density: resolvedDensity,
+        align
+      })
+    ]
+  });
+}
+function NavigationMenuList({ density, className, ...props }) {
+  return /* @__PURE__ */ jsx23(NavigationMenuPrimitive.List, {
+    "data-density": density,
+    "data-slot": "navigation-menu-list",
+    className: (state) => cn2("group flex flex-1 list-none items-center justify-center gap-0", typeof className === "function" ? className(state) : className),
+    ...props
+  });
+}
+function NavigationMenuItem({ density, className, ...props }) {
+  return /* @__PURE__ */ jsx23(NavigationMenuPrimitive.Item, {
+    "data-density": density,
+    "data-slot": "navigation-menu-item",
+    className: (state) => cn2("relative", typeof className === "function" ? className(state) : className),
+    ...props
+  });
+}
+var navigationMenuTriggerStyle = cva4("group/navigation-menu-trigger inline-flex h-control-lg w-max items-center justify-center rounded-sm px-control-x py-1.5 text-sm font-medium transition-colors outline-none hover:bg-muted focus:bg-muted focus-visible:ring-1 focus-visible:ring-ring focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 data-popup-open:bg-muted/50 data-popup-open:hover:bg-muted data-open:bg-muted/50 data-open:hover:bg-muted data-open:focus:bg-muted");
+function NavigationMenuTrigger({ density, className, children, ...props }) {
+  return /* @__PURE__ */ jsxs16(NavigationMenuPrimitive.Trigger, {
+    "data-density": density,
+    "data-slot": "navigation-menu-trigger",
+    className: (state) => cn2(navigationMenuTriggerStyle(), "group", typeof className === "function" ? className(state) : className),
+    ...props,
+    children: [
+      children,
+      " ",
+      /* @__PURE__ */ jsx23(NavigationMenuIndicator, {})
+    ]
+  });
+}
+function NavigationMenuContent({ density, className, ...props }) {
+  return /* @__PURE__ */ jsx23(NavigationMenuPrimitive.Content, {
+    "data-density": density,
+    "data-slot": "navigation-menu-content",
+    className: (state) => cn2("data-ending-style:data-activation-direction=left:translate-x-[50%] data-ending-style:data-activation-direction=right:translate-x-[-50%] data-starting-style:data-activation-direction=left:translate-x-[-50%] data-starting-style:data-activation-direction=right:translate-x-[50%] h-full w-auto p-1 transition-[opacity,transform,translate] duration-[0.35s] ease-[cubic-bezier(0.22,1,0.36,1)]        data-ending-style:opacity-0 data-starting-style:opacity-0                ", typeof className === "function" ? className(state) : className),
+    ...props
+  });
+}
+function NavigationMenuPositioner({
+  density,
+  className,
+  side = "bottom",
+  sideOffset = 8,
+  align = "start",
+  alignOffset = 0,
+  ...props
+}) {
+  const resolvedDensity = useDensity(density);
+  const direction = useDirection2();
+  const container = usePortalContainer2();
+  return /* @__PURE__ */ jsx23(NavigationMenuPrimitive.Portal, {
+    container,
+    children: /* @__PURE__ */ jsx23(NavigationMenuPrimitive.Positioner, {
+      dir: direction,
+      side,
+      sideOffset,
+      align,
+      alignOffset,
+      className: (state) => cn2("isolate  h-(--positioner-height) w-(--positioner-width) max-w-(--available-width) transition-[top,left,right,bottom] duration-[0.35s] ease-[cubic-bezier(0.22,1,0.36,1)] data-instant:transition-none data-[side=bottom]:before:top-[-10px] data-[side=bottom]:before:right-0 data-[side=bottom]:before:left-0", typeof className === "function" ? className(state) : className),
+      ...props,
+      children: /* @__PURE__ */ jsx23(NavigationMenuPrimitive.Popup, {
+        "data-density": resolvedDensity,
+        "data-slot": "navigation-menu-popup",
+        className: "data-[ending-style]:easing-[ease] xs:w-(--popup-width) relative h-(--popup-height) w-(--popup-width) origin-(--transform-origin) rounded-sm bg-popover text-popover-foreground border border-frame-edge shadow-frame transition-[opacity,transform,width,height,translate] duration-[0.35s] ease-[cubic-bezier(0.22,1,0.36,1)] outline-none  data-ending-style:opacity-0 data-ending-style:duration-150  data-starting-style:opacity-0",
+        children: /* @__PURE__ */ jsx23(NavigationMenuPrimitive.Viewport, {
+          className: "relative size-full overflow-hidden"
+        })
+      })
+    })
+  });
+}
+function NavigationMenuLink({ density, className, ...props }) {
+  return /* @__PURE__ */ jsx23(NavigationMenuPrimitive.Link, {
+    "data-density": density,
+    "data-slot": "navigation-menu-link",
+    className: (state) => cn2("flex items-center gap-2 rounded-sm p-2 text-sm transition-colors outline-none hover:bg-muted focus:bg-muted focus-visible:ring-1 focus-visible:ring-ring focus-visible:outline-1 in-data-[slot=navigation-menu-content]:rounded-md data-active:bg-muted/50 data-active:hover:bg-muted data-active:focus:bg-muted [&_svg:not([class*='size-'])]:size-4", typeof className === "function" ? className(state) : className),
+    ...props
+  });
+}
+function NavigationMenuIndicator({
+  density,
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx23(NavigationMenuPrimitive.Icon, {
+    "data-density": density,
+    "data-slot": "navigation-menu-indicator",
+    className: (state) => cn2("ms-1 inline-flex size-3 shrink-0 items-center justify-center transition-transform duration-120 data-popup-open:rotate-180 [&_svg]:size-full", typeof className === "function" ? className(state) : className),
+    ...props,
+    children: children ?? /* @__PURE__ */ jsx23(ChevronDownIcon5, {})
+  });
+}
+// src/components/Toast.tsx
+import { Toast as ToastPrimitive } from "@base-ui/react/toast";
+import { CircleCheckIcon, InfoIcon, TriangleAlertIcon, OctagonXIcon, LoaderCircleIcon, XIcon as XIcon2 } from "lucide-react";
+import { jsx as jsx24, jsxs as jsxs17, Fragment } from "react/jsx-runtime";
+function ToastProvider(props) {
+  return /* @__PURE__ */ jsx24(ToastPrimitive.Provider, {
+    ...props
+  });
+}
+function ToastPortal({ container, ...props }) {
+  const resolvedContainer = usePortalContainer2(container);
+  return /* @__PURE__ */ jsx24(ToastPrimitive.Portal, {
+    "data-slot": "toast-portal",
+    container: resolvedContainer,
+    ...props
+  });
+}
+function ToastViewport({ density, dir, className, ...props }) {
+  const resolvedDensity = useDensity(density);
+  const inheritedDirection = useDirection2();
+  return /* @__PURE__ */ jsx24(ToastPrimitive.Viewport, {
+    dir: dir ?? inheritedDirection,
+    "data-density": resolvedDensity,
+    "data-slot": "toast-viewport",
+    className: (state) => cn2("pointer-events-none fixed inset-x-4 bottom-4 isolate mx-auto max-w-sm outline-none sm:right-4 sm:left-auto sm:mx-0 sm:w-full", typeof className === "function" ? className(state) : className),
+    ...props
+  });
+}
+function Toast({ density, className, ...props }) {
+  return /* @__PURE__ */ jsx24(ToastPrimitive.Root, {
+    "data-density": density,
+    "data-slot": "toast",
+    className: (state) => cn2("group/toast pointer-events-auto absolute right-0 bottom-0 w-full rounded-md border border-frame-edge bg-popover text-popover-foreground shadow-frame outline-none select-none focus-visible:ring-1 focus-visible:ring-ring [--offset-y:calc(var(--toast-offset-y)*-1-var(--toast-index)*var(--spacing-panel))] [transform:translateX(var(--toast-swipe-movement-x))_translateY(calc(var(--offset-y)+var(--toast-swipe-movement-y)))] transition-[transform,opacity] duration-120 ease-out data-limited:opacity-0 data-starting-style:opacity-0 data-ending-style:opacity-0 motion-reduce:transition-none", typeof className === "function" ? className(state) : className),
+    ...props
+  });
+}
+function ToastContent({ className, ...props }) {
+  return /* @__PURE__ */ jsx24(ToastPrimitive.Content, {
+    "data-slot": "toast-content",
+    className: (state) => cn2("flex items-center gap-control-gap p-panel", typeof className === "function" ? className(state) : className),
+    ...props
+  });
+}
+function ToastTitle({ className, ...props }) {
+  return /* @__PURE__ */ jsx24(ToastPrimitive.Title, {
+    "data-slot": "toast-title",
+    className: (state) => cn2("text-sm font-medium", typeof className === "function" ? className(state) : className),
+    ...props
+  });
+}
+function ToastDescription({ className, ...props }) {
+  return /* @__PURE__ */ jsx24(ToastPrimitive.Description, {
+    "data-slot": "toast-description",
+    className: (state) => cn2("text-sm text-muted-foreground", typeof className === "function" ? className(state) : className),
+    ...props
+  });
+}
+function ToastAction({
+  className,
+  render = /* @__PURE__ */ jsx24(Button2, {
+    variant: "outline",
+    size: "sm"
+  }),
+  ...props
+}) {
+  return /* @__PURE__ */ jsx24(ToastPrimitive.Action, {
+    "data-slot": "toast-action",
+    render,
+    className: (state) => cn2("shrink-0", typeof className === "function" ? className(state) : className),
+    ...props
+  });
+}
+function ToastClose({
+  className,
+  children,
+  render = /* @__PURE__ */ jsx24(Button2, {
+    variant: "ghost",
+    size: "icon-sm"
+  }),
+  ...props
+}) {
+  return /* @__PURE__ */ jsx24(ToastPrimitive.Close, {
+    "data-slot": "toast-close",
+    "aria-label": "Close toast",
+    render,
+    className: (state) => cn2("relative shrink-0 text-muted-foreground hover:text-foreground", typeof className === "function" ? className(state) : className),
+    ...props,
+    children: children ?? /* @__PURE__ */ jsx24(XIcon2, {
+      "aria-hidden": "true"
+    })
+  });
+}
+function ToastIcon({ type }) {
+  switch (type) {
+    case "success":
+      return /* @__PURE__ */ jsx24(CircleCheckIcon, {
+        "aria-hidden": "true"
+      });
+    case "info":
+      return /* @__PURE__ */ jsx24(InfoIcon, {
+        "aria-hidden": "true"
+      });
+    case "warning":
+      return /* @__PURE__ */ jsx24(TriangleAlertIcon, {
+        "aria-hidden": "true"
+      });
+    case "error":
+      return /* @__PURE__ */ jsx24(OctagonXIcon, {
+        "aria-hidden": "true",
+        className: "text-destructive"
+      });
+    case "loading":
+      return /* @__PURE__ */ jsx24(LoaderCircleIcon, {
+        "aria-hidden": "true",
+        className: "animate-spin motion-reduce:animate-none"
+      });
+    default:
+      return null;
+  }
+}
+function ToastList() {
+  const { toasts } = ToastPrimitive.useToastManager();
+  return /* @__PURE__ */ jsx24(Fragment, {
+    children: toasts.map((toastItem) => /* @__PURE__ */ jsx24(Toast, {
+      toast: toastItem,
+      children: /* @__PURE__ */ jsxs17(ToastContent, {
+        children: [
+          /* @__PURE__ */ jsx24("span", {
+            "data-slot": "toast-icon",
+            className: "shrink-0 empty:hidden [&_svg]:size-4",
+            children: /* @__PURE__ */ jsx24(ToastIcon, {
+              type: toastItem.type
+            })
+          }),
+          /* @__PURE__ */ jsxs17("div", {
+            className: "flex min-w-0 flex-1 flex-col gap-1",
+            children: [
+              /* @__PURE__ */ jsx24(ToastTitle, {}),
+              /* @__PURE__ */ jsx24(ToastDescription, {})
+            ]
+          }),
+          /* @__PURE__ */ jsx24(ToastAction, {}),
+          /* @__PURE__ */ jsx24(ToastClose, {})
+        ]
+      })
+    }, toastItem.id))
+  });
+}
+function ToastToaster({ children, density, ...props }) {
+  return /* @__PURE__ */ jsxs17(ToastProvider, {
+    ...props,
+    children: [
+      children,
+      /* @__PURE__ */ jsx24(ToastPortal, {
+        children: /* @__PURE__ */ jsx24(ToastViewport, {
+          density,
+          children: /* @__PURE__ */ jsx24(ToastList, {})
+        })
+      })
+    ]
+  });
+}
+var createToastManager = ToastPrimitive.createToastManager;
+// src/hooks/useToastManager.ts
+import { Toast as Toast2 } from "@base-ui/react/toast";
+function useToastManager() {
+  return Toast2.useToastManager();
+}
+// src/components/Marker.tsx
+import { mergeProps as mergeProps6 } from "@base-ui/react/merge-props";
+import { useRender as useRender6 } from "@base-ui/react/use-render";
+import { cva as cva5 } from "class-variance-authority";
+import { jsx as jsx25 } from "react/jsx-runtime";
+var markerVariants = cva5("group/marker relative flex min-h-4 w-full items-center gap-control-gap text-start text-sm text-muted-foreground [&_svg:not([class*='size-'])]:size-4 [a]:underline [a]:underline-offset-3 [a]:hover:text-foreground [&:is(a,button)]:outline-none [&:is(a,button)]:focus-visible:outline-1 [&:is(a,button)]:focus-visible:outline-ring", {
+  variants: {
+    variant: {
+      default: "",
+      separator: "before:me-1 before:h-px before:min-w-0 before:flex-1 before:bg-border after:ms-1 after:h-px after:min-w-0 after:flex-1 after:bg-border",
+      border: "border-b border-border pb-control-gap"
+    }
+  }
+});
+function Marker({ density, className, variant = "default", render, ...props }) {
+  return useRender6({
+    defaultTagName: "div",
+    props: mergeProps6({ className: cn2(markerVariants({ variant, className })) }, props),
+    render,
+    state: { slot: "marker", variant, density }
+  });
+}
+function MarkerIcon({ density, className, ...props }) {
+  return /* @__PURE__ */ jsx25("span", {
+    "data-density": density,
+    "data-slot": "marker-icon",
+    "aria-hidden": "true",
+    className: cn2("size-4 shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
+    ...props
+  });
+}
+function MarkerContent({ density, className, ...props }) {
+  return /* @__PURE__ */ jsx25("span", {
+    "data-density": density,
+    "data-slot": "marker-content",
+    className: cn2("min-w-0 wrap-break-word group-data-[variant=separator]/marker:text-center [&>a]:underline [&>a]:underline-offset-3 [&>a:hover]:text-foreground", className),
+    ...props
+  });
+}
+// src/components/Bubble.tsx
+import { mergeProps as mergeProps7 } from "@base-ui/react/merge-props";
+import { useRender as useRender7 } from "@base-ui/react/use-render";
+import { cva as cva6 } from "class-variance-authority";
+import { jsx as jsx26 } from "react/jsx-runtime";
+function BubbleGroup({ density, className, ...props }) {
+  return /* @__PURE__ */ jsx26("div", {
+    "data-density": density,
+    "data-slot": "bubble-group",
+    className: cn2("flex min-w-0 flex-col gap-control-gap", className),
+    ...props
+  });
+}
+var bubbleVariants = cva6("group/bubble relative flex w-fit max-w-[80%] min-w-0 flex-col gap-1 group-data-[align=end]/message:self-end data-[align=end]:self-end data-[variant=ghost]:max-w-full", {
+  variants: {
+    variant: {
+      default: "*:data-[slot=bubble-content]:bg-primary *:data-[slot=bubble-content]:text-primary-foreground [&>[data-slot=bubble-content]:is(button,a):hover]:bg-primary/80",
+      secondary: "*:data-[slot=bubble-content]:bg-secondary *:data-[slot=bubble-content]:text-secondary-foreground [&>[data-slot=bubble-content]:is(button,a):hover]:bg-[color-mix(in_oklch,var(--secondary),var(--foreground)_5%)]",
+      muted: "*:data-[slot=bubble-content]:bg-muted [&>[data-slot=bubble-content]:is(button,a):hover]:bg-[color-mix(in_oklch,var(--muted),var(--foreground)_5%)]",
+      tinted: "*:data-[slot=bubble-content]:bg-primary/10 *:data-[slot=bubble-content]:text-foreground [&>[data-slot=bubble-content]:is(button,a):hover]:bg-primary/20",
+      outline: "*:data-[slot=bubble-content]:border-border *:data-[slot=bubble-content]:bg-background [&>[data-slot=bubble-content]:is(button,a):hover]:bg-muted [&>[data-slot=bubble-content]:is(button,a):hover]:text-foreground",
+      ghost: "border-none *:data-[slot=bubble-content]:rounded-none *:data-[slot=bubble-content]:bg-transparent *:data-[slot=bubble-content]:p-0 [&>[data-slot=bubble-content]:is(button,a):hover]:bg-muted [&>[data-slot=bubble-content]:is(button,a):hover]:text-foreground",
+      destructive: "*:data-[slot=bubble-content]:bg-destructive/10 *:data-[slot=bubble-content]:text-destructive [&>[data-slot=bubble-content]:is(button,a):hover]:bg-destructive/20"
+    }
+  },
+  defaultVariants: { variant: "default" }
+});
+function Bubble({ density, variant = "default", align = "start", className, ...props }) {
+  return /* @__PURE__ */ jsx26("div", {
+    "data-density": density,
+    "data-slot": "bubble",
+    "data-variant": variant,
+    "data-align": align,
+    className: cn2(bubbleVariants({ variant }), className),
+    ...props
+  });
+}
+function BubbleContent({ density, className, render, ...props }) {
+  return useRender7({
+    defaultTagName: "div",
+    props: mergeProps7({
+      className: cn2("w-fit max-w-full min-w-0 overflow-hidden rounded-sm border border-transparent px-control-x py-control-gap text-sm leading-relaxed wrap-break-word group-data-[align=end]/bubble:self-end [&:is(button)]:text-start [&:is(button,a)]:transition-colors motion-reduce:transition-none [&:is(button,a)]:outline-none [&:is(button,a)]:focus-visible:border-ring [&:is(button,a)]:focus-visible:ring-1 [&:is(button,a)]:focus-visible:ring-ring", className)
+    }, props),
+    render,
+    state: { slot: "bubble-content", density }
+  });
+}
+var bubbleReactionsVariants = cva6("absolute z-10 flex w-fit shrink-0 items-center justify-center gap-1 rounded-sm border border-border bg-muted px-1.5 py-0.5 text-sm ring-2 ring-card has-[button]:p-0", {
+  variants: {
+    side: { top: "top-0 -translate-y-3/4", bottom: "bottom-0 translate-y-3/4" },
+    align: { start: "start-3", end: "end-3" }
+  },
+  defaultVariants: { side: "bottom", align: "end" }
+});
+function BubbleReactions({
+  density,
+  side = "bottom",
+  align = "end",
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx26("div", {
+    "data-density": density,
+    "data-slot": "bubble-reactions",
+    "data-align": align,
+    "data-side": side,
+    className: cn2(bubbleReactionsVariants({ side, align }), className),
+    ...props
+  });
+}
+// src/components/Message.tsx
+import { useContext as useContext3, useLayoutEffect, useMemo as useMemo3, useRef as useRef3, useState as useState3 } from "react";
+import { useRender as useRender8 } from "@base-ui/react/use-render";
+
+// src/message/MessageContext.ts
+import { createContext as createContext3 } from "react";
+var MessageContext = createContext3(null);
+
+// src/components/Message.tsx
+import { jsx as jsx27 } from "react/jsx-runtime";
+function MessageGroup({ density, className, ...props }) {
+  return /* @__PURE__ */ jsx27("div", {
+    "data-density": density,
+    "data-slot": "message-group",
+    className: cn2("flex min-w-0 flex-col gap-control-gap", className),
+    ...props
+  });
+}
+function Message({ density, className, align = "start", style, ...props }) {
+  const [footerOffset, setFooterOffset] = useState3(0);
+  const context = useMemo3(() => ({ setFooterOffset }), []);
+  const messageStyle = { ...style, "--message-footer-offset": `${footerOffset}px` };
+  return /* @__PURE__ */ jsx27(MessageContext.Provider, {
+    value: context,
+    children: /* @__PURE__ */ jsx27("div", {
+      "data-density": density,
+      "data-slot": "message",
+      "data-align": align,
+      style: messageStyle,
+      className: cn2("group/message relative flex w-full min-w-0 items-end gap-control-gap text-sm data-[align=end]:flex-row-reverse", className),
+      ...props
+    })
+  });
+}
+function MessageAvatar({ density, className, ...props }) {
+  return /* @__PURE__ */ jsx27("div", {
+    "data-density": density,
+    "data-slot": "message-avatar",
+    className: cn2("flex w-fit min-w-8 shrink-0 items-center justify-center self-end overflow-hidden rounded-full bg-muted group-has-data-[slot=message-footer]/message:-translate-y-(--message-footer-offset)", className),
+    ...props
+  });
+}
+function MessageContent({ density, className, ...props }) {
+  return /* @__PURE__ */ jsx27("div", {
+    "data-density": density,
+    "data-slot": "message-content",
+    className: cn2("flex w-full min-w-0 flex-col gap-control-gap wrap-break-word group-data-[align=end]/message:[&>[data-slot]:not([data-slot=message-header])]:self-end", className),
+    ...props
+  });
+}
+function MessageHeader({ density, className, ...props }) {
+  return /* @__PURE__ */ jsx27("div", {
+    "data-density": density,
+    "data-slot": "message-header",
+    className: cn2("flex max-w-full min-w-0 items-center px-control-x text-xs font-medium text-muted-foreground group-has-data-[variant=ghost]/message:px-0", className),
+    ...props
+  });
+}
+function MessageFooter({ density, className, ...props }) {
+  const context = useContext3(MessageContext);
+  const footerRef = useRef3(null);
+  useLayoutEffect(() => {
+    const footer = footerRef.current;
+    const content = footer?.parentElement;
+    if (!context || !footer || !content)
+      return;
+    const measure = () => {
+      const surface = footer.previousElementSibling;
+      context.setFooterOffset(surface ? content.getBoundingClientRect().bottom - surface.getBoundingClientRect().bottom : 0);
+    };
+    measure();
+    const observer = new ResizeObserver(measure);
+    observer.observe(footer, { box: "border-box" });
+    observer.observe(content, { box: "border-box" });
+    return () => {
+      observer.disconnect();
+      context.setFooterOffset(0);
+    };
+  }, [context]);
+  return useRender8({
+    defaultTagName: "div",
+    ref: footerRef,
+    state: { slot: "message-footer", density },
+    props: {
+      ...props,
+      className: cn2("flex max-w-full min-w-0 items-center px-control-x text-xs font-medium text-muted-foreground group-has-data-[variant=ghost]/message:px-0 group-data-[align=end]/message:justify-end", className)
+    }
+  });
+}
+// src/components/Attachment.tsx
+import { mergeProps as mergeProps8 } from "@base-ui/react/merge-props";
+import { useRender as useRender9 } from "@base-ui/react/use-render";
+import { cva as cva7 } from "class-variance-authority";
+import { jsx as jsx28 } from "react/jsx-runtime";
+var attachmentVariants = cva7("group/attachment relative flex w-fit max-w-full min-w-0 shrink-0 flex-wrap rounded-md border bg-card text-card-foreground transition-colors motion-reduce:transition-none focus-within:ring-1 focus-within:ring-ring has-[>a,>button]:hover:bg-muted/50 data-[state=error]:border-destructive data-[state=idle]:border-dashed", {
+  variants: {
+    size: {
+      default: "gap-control-gap text-sm has-data-[slot=attachment-content]:px-control-x has-data-[slot=attachment-content]:py-control-gap has-data-[slot=attachment-media]:p-control-gap",
+      sm: "gap-control-gap text-xs has-data-[slot=attachment-content]:px-2 has-data-[slot=attachment-content]:py-1.5 has-data-[slot=attachment-media]:p-1.5",
+      xs: "gap-1.5 text-xs has-data-[slot=attachment-content]:px-1.5 has-data-[slot=attachment-content]:py-1 has-data-[slot=attachment-media]:p-1"
+    },
+    orientation: {
+      horizontal: "min-w-40 items-center",
+      vertical: "w-24 flex-col has-data-[slot=attachment-content]:w-30"
+    }
+  }
+});
+function Attachment({
+  density,
+  className,
+  state = "done",
+  size = "default",
+  orientation = "horizontal",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx28("div", {
+    "data-slot": "attachment",
+    "data-density": density,
+    "data-state": state,
+    "data-size": size,
+    "data-orientation": orientation,
+    className: cn2(attachmentVariants({ size, orientation }), className),
+    ...props
+  });
+}
+var attachmentMediaVariants = cva7("relative flex aspect-square w-10 shrink-0 items-center justify-center overflow-hidden rounded-sm bg-muted text-foreground group-data-[orientation=vertical]/attachment:w-full group-data-[orientation=horizontal]/attachment:group-data-[size=sm]/attachment:w-8 group-data-[orientation=horizontal]/attachment:group-data-[size=xs]/attachment:w-7 group-data-[state=error]/attachment:bg-destructive/10 group-data-[state=error]/attachment:text-destructive group-data-[orientation=vertical]/attachment:*:data-[slot=spinner]:size-6! [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 group-data-[orientation=vertical]/attachment:[&_svg:not([class*='size-'])]:size-6 group-data-[size=xs]/attachment:[&_svg:not([class*='size-'])]:size-3.5", {
+  variants: {
+    variant: {
+      icon: "",
+      image: "opacity-60 group-data-[state=done]/attachment:opacity-100 group-data-[state=idle]/attachment:opacity-100 *:[img]:aspect-square *:[img]:w-full *:[img]:object-cover"
+    }
+  },
+  defaultVariants: { variant: "icon" }
+});
+function AttachmentMedia({ density, className, variant = "icon", ...props }) {
+  return /* @__PURE__ */ jsx28("div", {
+    "data-slot": "attachment-media",
+    "data-density": density,
+    "data-variant": variant,
+    className: cn2(attachmentMediaVariants({ variant }), className),
+    ...props
+  });
+}
+function AttachmentContent({ density, className, ...props }) {
+  return /* @__PURE__ */ jsx28("div", {
+    "data-slot": "attachment-content",
+    "data-density": density,
+    className: cn2("max-w-full min-w-0 flex-1 leading-tight group-data-[orientation=vertical]/attachment:px-1", className),
+    ...props
+  });
+}
+function AttachmentTitle({ density, className, ...props }) {
+  return /* @__PURE__ */ jsx28("span", {
+    "data-slot": "attachment-title",
+    "data-density": density,
+    className: cn2("block max-w-full min-w-0 truncate font-medium group-data-[state=processing]/attachment:shimmer group-data-[state=uploading]/attachment:shimmer", className),
+    ...props
+  });
+}
+function AttachmentDescription({ density, className, ...props }) {
+  return /* @__PURE__ */ jsx28("span", {
+    "data-slot": "attachment-description",
+    "data-density": density,
+    className: cn2("mt-0.5 block max-w-full min-w-0 truncate text-xs text-muted-foreground group-data-[state=error]/attachment:text-destructive", className),
+    ...props
+  });
+}
+function AttachmentActions({ density, className, ...props }) {
+  return /* @__PURE__ */ jsx28("div", {
+    "data-slot": "attachment-actions",
+    "data-density": density,
+    className: cn2("relative z-20 flex shrink-0 items-center group-data-[orientation=vertical]/attachment:absolute group-data-[orientation=vertical]/attachment:top-3 group-data-[orientation=vertical]/attachment:end-3 group-data-[orientation=vertical]/attachment:gap-1", className),
+    ...props
+  });
+}
+function AttachmentAction({
+  className,
+  variant = "ghost",
+  size = "icon-xs",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx28(Button2, {
+    "data-slot": "attachment-action",
+    variant,
+    size,
+    className,
+    ...props
+  });
+}
+function AttachmentTrigger({ density, className, render, type, ...props }) {
+  return useRender9({
+    defaultTagName: "button",
+    props: mergeProps8({ type: render ? type : type ?? "button", className: cn2("absolute inset-0 z-10 outline-none", className) }, props),
+    render,
+    state: { slot: "attachment-trigger", density }
+  });
+}
+function AttachmentGroup({ density, className, ...props }) {
+  return /* @__PURE__ */ jsx28("div", {
+    "data-slot": "attachment-group",
+    "data-density": density,
+    className: cn2("flex min-w-0 scroll-fade-x snap-x snap-mandatory scroll-px-1 no-scrollbar gap-3 overflow-x-auto overscroll-x-contain py-1 *:data-[slot=attachment]:flex-none *:data-[slot=attachment]:snap-start", className),
+    ...props
+  });
+}
+// src/components/InlineEdit.tsx
+import { useEffect as useEffect2, useRef as useRef4, useState as useState4 } from "react";
+import { jsx as jsx29, jsxs as jsxs18 } from "react/jsx-runtime";
+function InlineEdit({
+  label,
+  value,
+  density,
+  isDisabled = false,
+  shouldSelectOnMount = true,
+  onValueChange,
+  onCommit,
+  onCancel
+}) {
+  const input = useRef4(null);
+  const isFinished = useRef4(false);
+  const [isSaving, setSaving] = useState4(false);
+  const [error, setError] = useState4("");
+  useEffect2(() => {
+    input.current?.focus();
+    if (shouldSelectOnMount)
+      input.current?.select();
+  }, [shouldSelectOnMount]);
+  const save = async () => {
+    if (isFinished.current || isDisabled)
+      return;
+    isFinished.current = true;
+    setSaving(true);
+    setError("");
+    try {
+      await onCommit(value);
+    } catch (error) {
+      isFinished.current = false;
+      setError(error instanceof Error ? error.message : "Could not save this edit.");
+    } finally {
+      setSaving(false);
+    }
+  };
+  return /* @__PURE__ */ jsxs18("form", {
+    className: "flex min-w-0 flex-col gap-1",
+    onSubmit: (event) => {
+      event.preventDefault();
+      save();
+    },
+    children: [
+      /* @__PURE__ */ jsx29(Input2, {
+        ref: input,
+        density,
+        "aria-label": label,
+        "aria-invalid": Boolean(error),
+        "aria-description": "Enter saves. Escape cancels.",
+        value,
+        disabled: isDisabled || isSaving,
+        onChange: (event) => onValueChange(event.target.value),
+        onBlur: () => {
+          save();
+        },
+        onKeyDown: (event) => {
+          if (event.key === "Escape") {
+            event.preventDefault();
+            event.stopPropagation();
+            isFinished.current = true;
+            onCancel();
+          }
+        }
+      }),
+      error && /* @__PURE__ */ jsx29("p", {
+        role: "alert",
+        className: "text-xs text-destructive",
+        children: error
+      })
+    ]
+  });
+}
+// src/components/StarRating.tsx
+import { Radio } from "@base-ui/react/radio";
+import { RadioGroup } from "@base-ui/react/radio-group";
+import { StarIcon, CircleOffIcon } from "lucide-react";
+import { jsx as jsx30 } from "react/jsx-runtime";
+function StarRating({ label, value, disabled, density, onValueChange }) {
+  return /* @__PURE__ */ jsx30(RadioGroup, {
+    "aria-label": label,
+    value,
+    disabled,
+    "data-density": density,
+    className: "inline-flex w-fit shrink-0 items-center gap-0.5",
+    onValueChange,
+    children: [1, 2, 3, 4, 5, 0].map((star) => /* @__PURE__ */ jsx30(Radio.Root, {
+      value: star,
+      nativeButton: true,
+      render: /* @__PURE__ */ jsx30("button", {
+        type: "button"
+      }),
+      "aria-label": star === 0 ? "Unrated" : `${star} ${star === 1 ? "star" : "stars"}`,
+      title: star === 0 ? "Clear rating" : `${star} stars`,
+      className: "inline-flex size-5 shrink-0 items-center justify-center rounded-sm text-muted-foreground outline-none hover:text-primary focus-visible:ring-1 focus-visible:ring-ring data-disabled:cursor-not-allowed data-disabled:opacity-50",
+      children: star === 0 ? /* @__PURE__ */ jsx30(CircleOffIcon, {
+        "aria-hidden": "true",
+        className: "size-3"
+      }) : /* @__PURE__ */ jsx30(StarIcon, {
+        "aria-hidden": "true",
+        className: star <= value ? "size-3.5 fill-primary text-primary" : "size-3.5"
+      })
+    }, star))
+  });
+}
+// src/components/ConfirmationDialog.tsx
+import { useState as useState5 } from "react";
+import { jsx as jsx31, jsxs as jsxs19 } from "react/jsx-runtime";
+function ConfirmationDialog({
+  open,
+  title,
+  description,
+  confirmLabel,
+  onOpenChange,
+  onConfirm
+}) {
+  const [isPending, setPending] = useState5(false);
+  const [error, setError] = useState5("");
+  return /* @__PURE__ */ jsx31(AlertDialog, {
+    open,
+    onOpenChange: (next) => {
+      if (!isPending) {
+        setError("");
+        onOpenChange(next);
+      }
+    },
+    children: /* @__PURE__ */ jsxs19(AlertDialogContent, {
+      children: [
+        /* @__PURE__ */ jsxs19(AlertDialogHeader, {
+          children: [
+            /* @__PURE__ */ jsx31(AlertDialogTitle, {
+              children: title
+            }),
+            /* @__PURE__ */ jsx31(AlertDialogDescription, {
+              children: description
+            })
+          ]
+        }),
+        error && /* @__PURE__ */ jsx31(Alert2, {
+          variant: "destructive",
+          children: /* @__PURE__ */ jsx31(AlertDescription2, {
+            children: error
+          })
+        }),
+        /* @__PURE__ */ jsxs19(AlertDialogFooter, {
+          children: [
+            /* @__PURE__ */ jsx31(AlertDialogCancel, {
+              disabled: isPending,
+              children: "Cancel"
+            }),
+            /* @__PURE__ */ jsx31(Button2, {
+              variant: "destructive",
+              disabled: isPending,
+              onClick: async () => {
+                setPending(true);
+                setError("");
+                try {
+                  await onConfirm();
+                  onOpenChange(false);
+                } catch (error) {
+                  setError(error instanceof Error ? error.message : "The action could not be completed.");
+                } finally {
+                  setPending(false);
+                }
+              },
+              children: isPending ? "Working…" : confirmLabel
+            })
+          ]
+        })
+      ]
+    })
+  });
+}
+// src/components/ImagePicker.tsx
+import { useRef as useRef5 } from "react";
+import { ImageIcon, UploadIcon } from "lucide-react";
+
+// src/hooks/useObjectURL.ts
+import { useEffect as useEffect3, useState as useState6 } from "react";
+function useObjectURL(file) {
+  const [url, setURL] = useState6();
+  useEffect3(() => {
+    if (!file) {
+      setURL(undefined);
+      return;
+    }
+    const next = URL.createObjectURL(file);
+    setURL(next);
+    return () => URL.revokeObjectURL(next);
+  }, [file]);
+  return url;
+}
+
+// src/components/ImagePicker.tsx
+import { jsx as jsx32, jsxs as jsxs20 } from "react/jsx-runtime";
+function ImagePicker({ src, file, label, disabled, onFileChange, onClear }) {
+  const input = useRef5(null);
+  const preview = useObjectURL(file);
+  const image = file === null ? undefined : preview ?? src;
+  return /* @__PURE__ */ jsxs20("figure", {
+    className: "flex min-w-0 flex-col items-center gap-3",
+    "aria-label": label,
+    children: [
+      /* @__PURE__ */ jsxs20(Avatar2, {
+        size: "preview",
+        shape: "square",
+        children: [
+          /* @__PURE__ */ jsx32(AvatarImage2, {
+            src: image,
+            alt: label
+          }),
+          /* @__PURE__ */ jsx32(AvatarFallback2, {
+            children: /* @__PURE__ */ jsx32(ImageIcon, {
+              className: "size-12",
+              "aria-hidden": "true"
+            })
+          })
+        ]
+      }),
+      /* @__PURE__ */ jsx32("input", {
+        ref: input,
+        hidden: true,
+        type: "file",
+        accept: "image/png,image/jpeg,image/gif",
+        "aria-label": "Choose image file",
+        disabled,
+        onChange: (event) => {
+          const selected = event.currentTarget.files?.[0];
+          if (selected)
+            onFileChange(selected);
+          event.currentTarget.value = "";
+        }
+      }),
+      /* @__PURE__ */ jsxs20("div", {
+        className: "flex flex-wrap justify-center gap-2",
+        children: [
+          /* @__PURE__ */ jsxs20(Button2, {
+            type: "button",
+            variant: "outline",
+            disabled,
+            onClick: () => input.current?.click(),
+            children: [
+              /* @__PURE__ */ jsx32(UploadIcon, {
+                "data-icon": "inline-start"
+              }),
+              "Upload image"
+            ]
+          }),
+          /* @__PURE__ */ jsx32(Button2, {
+            type: "button",
+            variant: "outline",
+            disabled: disabled || !image,
+            onClick: onClear,
+            children: "Unset image"
+          })
+        ]
+      })
+    ]
+  });
+}
+// src/components/PortalProvider.tsx
+import { jsx as jsx33 } from "react/jsx-runtime";
+function PortalProvider({ container, children }) {
+  return /* @__PURE__ */ jsx33(PortalContext.Provider, {
+    value: container,
+    children
+  });
+}
+export {
+  Accordion,
+  AccordionContent,
+  AccordionItem,
+  AccordionTrigger,
+  Alert2 as Alert,
+  AlertAction2 as AlertAction,
+  AlertDescription2 as AlertDescription,
+  AlertDialog,
+  AlertDialogAction,
+  AlertDialogCancel,
+  AlertDialogContent,
+  AlertDialogDescription,
+  AlertDialogFooter,
+  AlertDialogHeader,
+  AlertDialogMedia,
+  AlertDialogOverlay,
+  AlertDialogPortal,
+  AlertDialogTitle,
+  AlertDialogTrigger,
+  AlertTitle2 as AlertTitle,
+  AspectRatio,
+  Attachment,
+  AttachmentAction,
+  AttachmentActions,
+  AttachmentContent,
+  AttachmentDescription,
+  AttachmentGroup,
+  AttachmentMedia,
+  AttachmentTitle,
+  AttachmentTrigger,
+  Avatar2 as Avatar,
+  AvatarBadge2 as AvatarBadge,
+  AvatarFallback2 as AvatarFallback,
+  AvatarGroup2 as AvatarGroup,
+  AvatarGroupCount2 as AvatarGroupCount,
+  AvatarImage2 as AvatarImage,
+  Badge2 as Badge,
+  Breadcrumb,
+  BreadcrumbEllipsis,
+  BreadcrumbItem,
+  BreadcrumbLink,
+  BreadcrumbList,
+  BreadcrumbPage,
+  BreadcrumbSeparator,
+  Bubble,
+  BubbleContent,
+  BubbleGroup,
+  BubbleReactions,
+  Button2 as Button,
+  ButtonGroup,
+  ButtonGroupSeparator,
+  ButtonGroupText,
+  Card2 as Card,
+  CardAction2 as CardAction,
+  CardContent2 as CardContent,
+  CardDescription2 as CardDescription,
+  CardFooter2 as CardFooter,
+  CardHeader2 as CardHeader,
+  CardTitle2 as CardTitle,
+  Checkbox2 as Checkbox,
+  Collapsible2 as Collapsible,
+  CollapsibleContent2 as CollapsibleContent,
+  CollapsibleTrigger2 as CollapsibleTrigger,
+  Combobox,
+  ComboboxChip,
+  ComboboxChips,
+  ComboboxChipsInput,
+  ComboboxCollection,
+  ComboboxContent,
+  ComboboxEmpty,
+  ComboboxGroup,
+  ComboboxInput,
+  ComboboxItem,
+  ComboboxLabel,
+  ComboboxList,
+  ComboboxSeparator,
+  ComboboxTrigger,
+  ComboboxValue,
+  ConfirmationDialog,
+  ContextMenu,
+  ContextMenuCheckboxItem,
+  ContextMenuContent,
+  ContextMenuGroup,
+  ContextMenuItem,
+  ContextMenuLabel,
+  ContextMenuPortal,
+  ContextMenuRadioGroup,
+  ContextMenuRadioItem,
+  ContextMenuSeparator,
+  ContextMenuShortcut,
+  ContextMenuSub,
+  ContextMenuSubContent,
+  ContextMenuSubTrigger,
+  ContextMenuTrigger,
+  DensityProvider,
+  Dialog2 as Dialog,
+  DialogClose2 as DialogClose,
+  DialogContent2 as DialogContent,
+  DialogDescription2 as DialogDescription,
+  DialogFooter2 as DialogFooter,
+  DialogHeader2 as DialogHeader,
+  DialogOverlay2 as DialogOverlay,
+  DialogPortal2 as DialogPortal,
+  DialogTitle2 as DialogTitle,
+  DialogTrigger2 as DialogTrigger,
+  DirectionProvider2 as DirectionProvider,
+  DragDropPreview,
+  DragDropProvider,
+  DragSource,
+  Drawer,
+  DrawerClose,
+  DrawerContent,
+  DrawerDescription,
+  DrawerFooter,
+  DrawerHeader,
+  DrawerOverlay,
+  DrawerPortal,
+  DrawerSwipeHandle,
+  DrawerTitle,
+  DrawerTrigger,
+  DropTarget,
+  DropdownMenu2 as DropdownMenu,
+  DropdownMenuCheckboxItem2 as DropdownMenuCheckboxItem,
+  DropdownMenuContent2 as DropdownMenuContent,
+  DropdownMenuGroup2 as DropdownMenuGroup,
+  DropdownMenuItem2 as DropdownMenuItem,
+  DropdownMenuLabel2 as DropdownMenuLabel,
+  DropdownMenuPortal2 as DropdownMenuPortal,
+  DropdownMenuRadioGroup2 as DropdownMenuRadioGroup,
+  DropdownMenuRadioItem2 as DropdownMenuRadioItem,
+  DropdownMenuSeparator2 as DropdownMenuSeparator,
+  DropdownMenuShortcut2 as DropdownMenuShortcut,
+  DropdownMenuSub2 as DropdownMenuSub,
+  DropdownMenuSubContent2 as DropdownMenuSubContent,
+  DropdownMenuSubTrigger2 as DropdownMenuSubTrigger,
+  DropdownMenuTrigger2 as DropdownMenuTrigger,
+  Empty2 as Empty,
+  EmptyContent2 as EmptyContent,
+  EmptyDescription2 as EmptyDescription,
+  EmptyHeader2 as EmptyHeader,
+  EmptyMedia2 as EmptyMedia,
+  EmptyState,
+  EmptyTitle2 as EmptyTitle,
+  Field2 as Field,
+  FieldContent2 as FieldContent,
+  FieldDescription2 as FieldDescription,
+  FieldError2 as FieldError,
+  FieldGroup2 as FieldGroup,
+  FieldLabel2 as FieldLabel,
+  FieldLegend2 as FieldLegend,
+  FieldSeparator2 as FieldSeparator,
+  FieldSet2 as FieldSet,
+  FieldTitle2 as FieldTitle,
+  HoverCard2 as HoverCard,
+  HoverCardContent2 as HoverCardContent,
+  HoverCardTrigger2 as HoverCardTrigger,
+  ImagePicker,
+  InlineEdit,
+  Input2 as Input,
+  InputGroup2 as InputGroup,
+  InputGroupAddon2 as InputGroupAddon,
+  InputGroupButton2 as InputGroupButton,
+  InputGroupInput2 as InputGroupInput,
+  InputGroupText2 as InputGroupText,
+  InputGroupTextarea2 as InputGroupTextarea,
+  Item,
+  ItemActions,
+  ItemContent,
+  ItemDescription,
+  ItemFooter,
+  ItemGroup,
+  ItemHeader,
+  ItemMedia,
+  ItemSeparator,
+  ItemTitle,
+  JsonViewer,
+  Kbd2 as Kbd,
+  KbdGroup2 as KbdGroup,
+  Label2 as Label,
+  Marker,
+  MarkerContent,
+  MarkerIcon,
+  Menubar,
+  MenubarCheckboxItem,
+  MenubarContent,
+  MenubarGroup,
+  MenubarItem,
+  MenubarLabel,
+  MenubarMenu,
+  MenubarPortal,
+  MenubarRadioGroup,
+  MenubarRadioItem,
+  MenubarSeparator,
+  MenubarShortcut,
+  MenubarSub,
+  MenubarSubContent,
+  MenubarSubTrigger,
+  MenubarTrigger,
+  Message,
+  MessageAvatar,
+  MessageContent,
+  MessageFooter,
+  MessageGroup,
+  MessageHeader,
+  NativeSelect,
+  NativeSelectOptGroup,
+  NativeSelectOption,
+  NavigationMenu,
+  NavigationMenuContent,
+  NavigationMenuIndicator,
+  NavigationMenuItem,
+  NavigationMenuLink,
+  NavigationMenuList,
+  NavigationMenuPositioner,
+  NavigationMenuTrigger,
+  PageMessage,
+  Pagination,
+  PaginationContent,
+  PaginationEllipsis,
+  PaginationItem,
+  PaginationLink,
+  PaginationNext,
+  PaginationPrevious,
+  Popover2 as Popover,
+  PopoverContent2 as PopoverContent,
+  PopoverDescription2 as PopoverDescription,
+  PopoverHeader2 as PopoverHeader,
+  PopoverTitle2 as PopoverTitle,
+  PopoverTrigger2 as PopoverTrigger,
+  PortalProvider,
+  Progress2 as Progress,
+  ProgressIndicator2 as ProgressIndicator,
+  ProgressLabel2 as ProgressLabel,
+  ProgressTrack2 as ProgressTrack,
+  ProgressValue2 as ProgressValue,
+  RadioGroup2 as RadioGroup,
+  RadioGroupItem2 as RadioGroupItem,
+  ScrollArea,
+  ScrollBar,
+  Select,
+  SelectContent,
+  SelectGroup,
+  SelectItem,
+  SelectLabel,
+  SelectScrollDownButton,
+  SelectScrollUpButton,
+  SelectSeparator,
+  SelectTrigger,
+  SelectValue,
+  Separator2 as Separator,
+  Sheet2 as Sheet,
+  SheetClose2 as SheetClose,
+  SheetContent2 as SheetContent,
+  SheetDescription2 as SheetDescription,
+  SheetFooter2 as SheetFooter,
+  SheetHeader2 as SheetHeader,
+  SheetTitle2 as SheetTitle,
+  SheetTrigger2 as SheetTrigger,
+  Sidebar2 as Sidebar,
+  SidebarContent2 as SidebarContent,
+  SidebarFooter2 as SidebarFooter,
+  SidebarGroup2 as SidebarGroup,
+  SidebarGroupAction2 as SidebarGroupAction,
+  SidebarGroupContent2 as SidebarGroupContent,
+  SidebarGroupLabel2 as SidebarGroupLabel,
+  SidebarHeader2 as SidebarHeader,
+  SidebarInput2 as SidebarInput,
+  SidebarInset2 as SidebarInset,
+  SidebarMenu2 as SidebarMenu,
+  SidebarMenuAction2 as SidebarMenuAction,
+  SidebarMenuBadge2 as SidebarMenuBadge,
+  SidebarMenuButton2 as SidebarMenuButton,
+  SidebarMenuItem2 as SidebarMenuItem,
+  SidebarMenuSkeleton2 as SidebarMenuSkeleton,
+  SidebarMenuSub2 as SidebarMenuSub,
+  SidebarMenuSubButton2 as SidebarMenuSubButton,
+  SidebarMenuSubItem2 as SidebarMenuSubItem,
+  SidebarProvider2 as SidebarProvider,
+  SidebarRail2 as SidebarRail,
+  SidebarSeparator2 as SidebarSeparator,
+  SidebarTrigger2 as SidebarTrigger,
+  Skeleton2 as Skeleton,
+  Slider2 as Slider,
+  Spinner2 as Spinner,
+  StarRating,
+  Switch2 as Switch,
+  Table2 as Table,
+  TableBody2 as TableBody,
+  TableCaption2 as TableCaption,
+  TableCell2 as TableCell,
+  TableFooter2 as TableFooter,
+  TableHead2 as TableHead,
+  TableHeader2 as TableHeader,
+  TableRow2 as TableRow,
+  Tabs,
+  TabsContent,
+  TabsList,
+  TabsTrigger,
+  Textarea2 as Textarea,
+  ThemeProvider,
+  Toast,
+  ToastAction,
+  ToastClose,
+  ToastContent,
+  ToastDescription,
+  ToastPortal,
+  ToastProvider,
+  ToastTitle,
+  ToastToaster,
+  ToastViewport,
+  Toggle2 as Toggle,
+  ToggleGroup2 as ToggleGroup,
+  ToggleGroupItem2 as ToggleGroupItem,
+  Tooltip2 as Tooltip,
+  TooltipContent2 as TooltipContent,
+  TooltipProvider2 as TooltipProvider,
+  TooltipTrigger2 as TooltipTrigger,
+  badgeVariants2 as badgeVariants,
+  buttonGroupVariants,
+  buttonVariants2 as buttonVariants,
+  cn2 as cn,
+  createToastManager,
+  markerVariants,
+  navigationMenuTriggerStyle,
+  tabsListVariants,
+  toggleVariants2 as toggleVariants,
+  useComboboxAnchor,
+  useDirection2 as useDirection,
+  useDragDrop,
+  useDragSource,
+  useDropTarget,
+  usePortalContainer2 as usePortalContainer,
+  useSidebar2 as useSidebar,
+  useTheme2 as useTheme,
+  useToastManager
+};