@alexgorbatchev/shadcn 0.0.30 → 0.0.32

package/dist/index.js

@@ -1,25 +1,238 @@
 import {
-  cn2
-} from "./chunk-cp2m7y7v.js";
-import {
-  buttonVariants2,
-  Button2
-} from "./chunk-q7p28b89.js";
+  ButtonLink2,
+  Accordion2,
+  AccordionItem2,
+  AccordionTrigger2,
+  AccordionContent2,
+  Combobox2,
+  ComboboxValue2,
+  ComboboxTrigger2,
+  ComboboxInput2,
+  ComboboxContent2,
+  ComboboxList2,
+  ComboboxItem2,
+  ComboboxGroup2,
+  ComboboxLabel2,
+  ComboboxCollection2,
+  ComboboxEmpty2,
+  ComboboxSeparator2,
+  ComboboxChips2,
+  ComboboxChip2,
+  ComboboxChipsInput2,
+  EmptyState3,
+  PageMessage2,
+  JsonViewer2,
+  AlertDialog2,
+  AlertDialogTrigger2,
+  AlertDialogPortal2,
+  AlertDialogOverlay2,
+  AlertDialogContent2,
+  AlertDialogHeader2,
+  AlertDialogFooter2,
+  AlertDialogMedia2,
+  AlertDialogTitle2,
+  AlertDialogDescription2,
+  AlertDialogAction2,
+  AlertDialogCancel2,
+  Select2,
+  SelectGroup2,
+  SelectValue2,
+  SelectTrigger2,
+  SelectContent2,
+  SelectLabel2,
+  SelectItem2,
+  SelectSeparator2,
+  SelectScrollUpButton2,
+  SelectScrollDownButton2,
+  DensityProvider2,
+  collectLayoutViolations2,
+  LayoutGuard2,
+  ScrollGuard2,
+  ThemeProvider2,
+  useComboboxAnchor2,
+  AspectRatio2,
+  Breadcrumb2,
+  BreadcrumbList2,
+  BreadcrumbItem2,
+  BreadcrumbLink2,
+  BreadcrumbPage2,
+  BreadcrumbSeparator2,
+  BreadcrumbEllipsis2,
+  buttonGroupVariants2,
+  ButtonGroup2,
+  ButtonGroupText2,
+  ButtonGroupSeparator2,
+  ItemGroup2,
+  ItemSeparator2,
+  Item2,
+  ItemMedia2,
+  ItemContent2,
+  ItemTitle2,
+  ItemDescription2,
+  ItemActions2,
+  ItemHeader2,
+  ItemFooter2,
+  Pagination2,
+  PaginationContent2,
+  PaginationItem2,
+  PaginationLink2,
+  PaginationPrevious2,
+  PaginationNext2,
+  PaginationEllipsis2,
+  ScrollArea2,
+  ScrollBar2,
+  Drawer2,
+  DrawerTrigger2,
+  DrawerPortal2,
+  DrawerClose2,
+  DrawerOverlay2,
+  DrawerSwipeHandle2,
+  DrawerContent2,
+  DrawerHeader2,
+  DrawerFooter2,
+  DrawerTitle2,
+  DrawerDescription2,
+  ContextMenu2,
+  ContextMenuPortal2,
+  ContextMenuTrigger2,
+  ContextMenuContent2,
+  ContextMenuGroup2,
+  ContextMenuLabel2,
+  ContextMenuItem2,
+  ContextMenuSub2,
+  ContextMenuSubTrigger2,
+  ContextMenuSubContent2,
+  ContextMenuCheckboxItem2,
+  ContextMenuRadioGroup2,
+  ContextMenuRadioItem2,
+  ContextMenuSeparator2,
+  ContextMenuShortcut2,
+  Menubar2,
+  MenubarMenu2,
+  MenubarGroup2,
+  MenubarPortal2,
+  MenubarTrigger2,
+  MenubarContent2,
+  MenubarItem2,
+  MenubarCheckboxItem2,
+  MenubarRadioGroup2,
+  MenubarRadioItem2,
+  MenubarLabel2,
+  MenubarSeparator2,
+  MenubarShortcut2,
+  MenubarSub2,
+  MenubarSubTrigger2,
+  MenubarSubContent2,
+  NavigationMenu2,
+  NavigationMenuList2,
+  NavigationMenuItem2,
+  navigationMenuTriggerStyle2,
+  NavigationMenuTrigger2,
+  NavigationMenuContent2,
+  NavigationMenuPositioner2,
+  NavigationMenuLink2,
+  NavigationMenuIndicator2,
+  ToastProvider2,
+  ToastPortal2,
+  ToastViewport2,
+  Toast2,
+  ToastContent2,
+  ToastTitle2,
+  ToastDescription2,
+  ToastAction2,
+  ToastClose2,
+  ToastToaster2,
+  createToastManager2,
+  useToastManager2,
+  markerVariants2,
+  Marker2,
+  MarkerIcon2,
+  MarkerContent2,
+  BubbleGroup2,
+  Bubble2,
+  BubbleContent2,
+  BubbleReactions2,
+  MessageGroup2,
+  Message2,
+  MessageAvatar2,
+  MessageContent2,
+  MessageHeader2,
+  MessageFooter2,
+  Attachment2,
+  AttachmentMedia2,
+  AttachmentContent2,
+  AttachmentTitle2,
+  AttachmentDescription2,
+  AttachmentActions2,
+  AttachmentAction2,
+  AttachmentTrigger2,
+  AttachmentGroup2,
+  InlineEdit2,
+  StarRating2,
+  ConfirmationDialog2,
+  ImagePicker2,
+  NumberField2,
+  NumberFieldGroup2,
+  NumberFieldInput2,
+  NumberFieldDecrement2,
+  NumberFieldIncrement2,
+  NumberFieldScrubArea2,
+  NumberFieldScrubAreaCursor2,
+  Meter2,
+  MeterLabel2,
+  MeterValue2,
+  MeterTrack2,
+  MeterIndicator2,
+  Stepper2,
+  StepperList2,
+  StepperTrigger2,
+  StepperIndicator2,
+  StepperContent2,
+  AppShell2,
+  PageHeader2,
+  WorkspaceSwitcher2,
+  AccountMenu2,
+  StatCard2,
+  AuthForm2,
+  SettingsSection2,
+  TagInput2,
+  FilterBar2,
+  BarList2,
+  StatusTracker2,
+  DashboardLayout2,
+  BillingUsage2
+} from "./chunk-c6g2rbhv.js";
 import {
-  DensityContext,
-  useDensity
-} from "./chunk-e6hk39ev.js";
+  Tabs2,
+  tabsListVariants2,
+  TabsList2,
+  TabsTrigger2,
+  TabsContent2,
+  DragDropPreview2,
+  DragDropProvider2,
+  useDragDrop2,
+  useDragSource2,
+  DragSource2,
+  useDropTarget2,
+  DropTarget2,
+  Kanban2
+} from "./chunk-6grcm62s.js";
 import {
-  usePortalContainer2
-} from "./chunk-j89xg1ak.js";
+  Toolbar2,
+  ToolbarButton2,
+  ToolbarLink2,
+  ToolbarInput2,
+  ToolbarGroup2,
+  ToolbarSeparator2
+} from "./chunk-83zjj4jd.js";
 import {
-  usePortalNode,
-  PortalProvider2
-} from "./chunk-aa7m22zj.js";
+  NativeSelect2,
+  NativeSelectOption2,
+  NativeSelectOptGroup2
+} from "./chunk-r9qrb6b6.js";
 import {
-  DirectionProvider2,
-  useDirection2
-} from "./chunk-jpvw9xqy.js";
+  Slider2
+} from "./chunk-644cnngf.js";
 import {
   DropdownMenu2,
   DropdownMenuPortal2,
@@ -38,25 +251,35 @@ import {
   DropdownMenuShortcut2
 } from "./chunk-d4bm5rzy.js";
 import {
-  Popover2,
-  PopoverTrigger2,
-  PopoverContent2,
-  PopoverHeader2,
-  PopoverTitle2,
-  PopoverDescription2
-} from "./chunk-4djw71cv.js";
-import {
-  Skeleton2
-} from "./chunk-d70rcwk7.js";
+  Empty2,
+  EmptyHeader2,
+  EmptyMedia2,
+  EmptyTitle2,
+  EmptyDescription2,
+  EmptyContent2
+} from "./chunk-9de1htr5.js";
 import {
-  Input2
-} from "./chunk-59p19t57.js";
+  Table2,
+  TableHeader2,
+  TableBody2,
+  TableFooter2,
+  TableRow2,
+  TableHead2,
+  TableCell2,
+  TableColumnGroup2,
+  TableColumn2,
+  TableCaption2
+} from "./chunk-zte6pw69.js";
 import {
-  Label2
-} from "./chunk-jcxxjkqx.js";
+  Alert2,
+  AlertTitle2,
+  AlertDescription2,
+  AlertAction2
+} from "./chunk-zdt8xxzy.js";
 import {
-  Separator2
-} from "./chunk-rajgnfbr.js";
+  RadioGroup2,
+  RadioGroupItem2
+} from "./chunk-wndqbss9.js";
 import {
   FieldSet2,
   FieldLegend2,
@@ -69,92 +292,6 @@ import {
   FieldSeparator2,
   FieldError2
 } from "./chunk-6jpz5geq.js";
-import {
-  Dialog2,
-  DialogTrigger2,
-  DialogPortal2,
-  DialogClose2,
-  DialogOverlay2,
-  DialogContent2,
-  DialogHeader2,
-  DialogFooter2,
-  DialogTitle2,
-  DialogDescription2
-} from "./chunk-ex1zk6ta.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-mz3e810d.js";
-import {
-  RadioGroup2,
-  RadioGroupItem2
-} from "./chunk-wndqbss9.js";
-import {
-  Card2,
-  CardHeader2,
-  CardTitle2,
-  CardDescription2,
-  CardAction2,
-  CardContent2,
-  CardFooter2
-} from "./chunk-bygq5yqf.js";
-import {
-  InputGroup2,
-  InputGroupAddon2,
-  InputGroupButton2,
-  InputGroupText2,
-  InputGroupInput2,
-  InputGroupTextarea2
-} from "./chunk-57jj9v64.js";
-import {
-  Tabs2,
-  tabsListVariants2,
-  TabsList2,
-  TabsTrigger2,
-  TabsContent2,
-  DragDropPreview2,
-  DragDropProvider2,
-  useDragDrop2,
-  useDragSource2,
-  DragSource2,
-  useDropTarget2,
-  DropTarget2,
-  Kanban2
-} from "./chunk-6grcm62s.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,
@@ -162,19 +299,18 @@ import {
   ToggleGroupItem2
 } from "./chunk-aexby8h3.js";
 import {
-  Alert2,
-  AlertTitle2,
-  AlertDescription2,
-  AlertAction2
-} from "./chunk-53q730zs.js";
+  Spinner2
+} from "./chunk-1xncv9gb.js";
 import {
-  Avatar2,
-  AvatarImage2,
-  AvatarFallback2,
-  AvatarBadge2,
-  AvatarGroup2,
-  AvatarGroupCount2
-} from "./chunk-hyq4nwg2.js";
+  Checkbox2
+} from "./chunk-tnnf8ydf.js";
+import {
+  Kbd2,
+  KbdGroup2
+} from "./chunk-vyve5wf3.js";
+import {
+  Switch2
+} from "./chunk-8ye0k6z7.js";
 import {
   Progress2,
   ProgressTrack2,
@@ -183,36 +319,14 @@ import {
   ProgressValue2
 } from "./chunk-5j39rehg.js";
 import {
-  Collapsible2,
-  CollapsibleTrigger2,
-  CollapsibleContent2
-} from "./chunk-24d68cjp.js";
-import {
-  Table2,
-  TableHeader2,
-  TableBody2,
-  TableFooter2,
-  TableRow2,
-  TableHead2,
-  TableCell2,
-  TableColumnGroup2,
-  TableColumn2,
-  TableCaption2
-} from "./chunk-zte6pw69.js";
-import {
-  NativeSelect2,
-  NativeSelectOption2,
-  NativeSelectOptGroup2
-} from "./chunk-r9qrb6b6.js";
-import {
-  Kbd2,
-  KbdGroup2
-} from "./chunk-vyve5wf3.js";
-import {
-  HoverCard2,
-  HoverCardTrigger2,
-  HoverCardContent2
-} from "./chunk-hh43wg05.js";
+  Card2,
+  CardHeader2,
+  CardTitle2,
+  CardDescription2,
+  CardAction2,
+  CardContent2,
+  CardFooter2
+} from "./chunk-bygq5yqf.js";
 import {
   Sheet2,
   SheetTrigger2,
@@ -248,3866 +362,132 @@ import {
   SidebarMenuSubButton2
 } from "./chunk-8vfh3ez0.js";
 import {
-  Toolbar2,
-  ToolbarButton2,
-  ToolbarLink2,
-  ToolbarInput2,
-  ToolbarGroup2,
-  ToolbarSeparator2
-} from "./chunk-83zjj4jd.js";
-// src/components/ButtonLink.tsx
-import { mergeProps } from "@base-ui/react/merge-props";
-import { useRender } from "@base-ui/react/use-render";
-import { jsx } from "react/jsx-runtime";
-function ButtonLink({
-  density,
-  className,
-  variant = "default",
-  size = "default",
-  align = "center",
-  truncate = false,
-  fullWidth = false,
-  render,
-  children,
-  ...props
-}) {
-  return useRender({
-    defaultTagName: "a",
-    props: mergeProps({
-      className: cn2(buttonVariants2({ variant, size, align, truncate, fullWidth }), className),
-      children: truncate ? /* @__PURE__ */ jsx("span", {
-        className: "min-w-0 truncate",
-        children
-      }) : children
-    }, props),
-    render,
-    state: {
-      slot: "button-link",
-      density
-    }
-  });
-}
-// src/components/Accordion.tsx
-import { Accordion as AccordionPrimitive } from "@base-ui/react/accordion";
-import { ChevronDownIcon, ChevronUpIcon } from "lucide-react";
-import { jsx as jsx2, jsxs } from "react/jsx-runtime";
-function Accordion({ density, className, ...props }) {
-  return /* @__PURE__ */ jsx2(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__ */ jsx2(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__ */ jsx2(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__ */ jsx2(ChevronDownIcon, {
-          "data-slot": "accordion-trigger-icon",
-          className: "pointer-events-none shrink-0 group-aria-expanded/accordion-trigger:hidden"
-        }),
-        /* @__PURE__ */ jsx2(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__ */ jsx2(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__ */ jsx2("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 jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
-var Combobox = ComboboxPrimitive.Root;
-function ComboboxValue({ ...props }) {
-  return /* @__PURE__ */ jsx3(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__ */ jsx3(ChevronDownIcon2, {
-        className: "pointer-events-none size-4 text-muted-foreground"
-      })
-    ]
-  });
-}
-function ComboboxClear({ density, className, ...props }) {
-  return /* @__PURE__ */ jsx3(ComboboxPrimitive.Clear, {
-    "data-density": density,
-    "data-slot": "combobox-clear",
-    render: /* @__PURE__ */ jsx3(InputGroupButton2, {
-      variant: "ghost",
-      size: "icon-xs"
-    }),
-    className: (state) => cn2(typeof className === "function" ? className(state) : className),
-    ...props,
-    children: /* @__PURE__ */ jsx3(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__ */ jsx3(ComboboxPrimitive.Input, {
-        disabled,
-        className,
-        render: /* @__PURE__ */ jsx3(InputGroupInput2, {}),
-        ...props
-      }),
-      /* @__PURE__ */ jsxs2(InputGroupAddon2, {
-        align: "inline-end",
-        children: [
-          showTrigger && /* @__PURE__ */ jsx3(InputGroupButton2, {
-            size: "icon-xs",
-            variant: "ghost",
-            render: /* @__PURE__ */ jsx3(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__ */ jsx3(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();
-  const portal = usePortalNode();
-  return /* @__PURE__ */ jsx3(ComboboxPrimitive.Portal, {
-    container,
-    ref: portal.ref,
-    children: /* @__PURE__ */ jsx3(PortalProvider2, {
-      container: portal.node,
-      children: /* @__PURE__ */ jsx3(ComboboxPrimitive.Positioner, {
-        side,
-        sideOffset,
-        align,
-        alignOffset,
-        anchor,
-        className: "isolate ",
-        children: /* @__PURE__ */ jsx3(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__ */ jsx3(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__ */ jsx3(ComboboxPrimitive.ItemIndicator, {
-        render: /* @__PURE__ */ jsx3("span", {
-          className: "pointer-events-none absolute end-2 flex size-4 items-center justify-center"
-        }),
-        children: /* @__PURE__ */ jsx3(CheckIcon, {
-          className: "pointer-events-none"
-        })
-      })
-    ]
-  });
-}
-function ComboboxGroup({ density, className, ...props }) {
-  return /* @__PURE__ */ jsx3(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__ */ jsx3(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__ */ jsx3(ComboboxPrimitive.Collection, {
-    ...props
-  });
-}
-function ComboboxEmpty({ density, className, ...props }) {
-  return /* @__PURE__ */ jsx3(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__ */ jsx3(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__ */ jsx3(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,
-  removeLabel = "Remove item",
-  ...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__ */ jsx3(ComboboxPrimitive.ChipRemove, {
-        render: /* @__PURE__ */ jsx3(Button2, {
-          variant: "ghost",
-          size: "icon-xs"
-        }),
-        className: "size-tag -ms-1 opacity-50 hover:opacity-100",
-        "data-slot": "combobox-chip-remove",
-        "aria-label": removeLabel,
-        children: /* @__PURE__ */ jsx3(XIcon, {
-          className: "pointer-events-none"
-        })
-      })
-    ]
-  });
-}
-function ComboboxChipsInput({ density, className, ...props }) {
-  return /* @__PURE__ */ jsx3(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/EmptyState.tsx
-import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
-function EmptyState({ title, description, children }) {
-  return /* @__PURE__ */ jsxs3(Empty2, {
-    children: [
-      /* @__PURE__ */ jsxs3(EmptyHeader2, {
-        children: [
-          /* @__PURE__ */ jsx4(EmptyTitle2, {
-            children: title
-          }),
-          /* @__PURE__ */ jsx4(EmptyDescription2, {
-            children: description
-          })
-        ]
-      }),
-      children && /* @__PURE__ */ jsx4(EmptyContent2, {
-        children
-      })
-    ]
-  });
-}
-// src/components/PageMessage.tsx
-import { useId } from "react";
-import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
-function PageMessage({ title, description, children }) {
-  const titleId = useId();
-  const descriptionId = useId();
-  return /* @__PURE__ */ jsx5("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__ */ jsxs4(Empty2, {
-      children: [
-        /* @__PURE__ */ jsxs4(EmptyHeader2, {
-          children: [
-            /* @__PURE__ */ jsx5(EmptyTitle2, {
-              children: /* @__PURE__ */ jsx5("h1", {
-                id: titleId,
-                children: title
-              })
-            }),
-            description != null && /* @__PURE__ */ jsx5(EmptyDescription2, {
-              id: descriptionId,
-              children: description
-            })
-          ]
-        }),
-        children != null && /* @__PURE__ */ jsx5(EmptyContent2, {
-          children
-        })
-      ]
-    })
-  });
-}
-// src/components/JsonViewer.tsx
-import { jsx as jsx6 } from "react/jsx-runtime";
-function JsonViewer({ value, label = "JSON", rows = 12 }) {
-  return /* @__PURE__ */ jsx6(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 jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
-"use client";
-function AlertDialog({ ...props }) {
-  return /* @__PURE__ */ jsx7(AlertDialogPrimitive.Root, {
-    "data-slot": "alert-dialog",
-    ...props
-  });
-}
-function AlertDialogTrigger({ ...props }) {
-  return /* @__PURE__ */ jsx7(AlertDialogPrimitive.Trigger, {
-    "data-slot": "alert-dialog-trigger",
-    ...props
-  });
-}
-function AlertDialogPortal({ container, ref, children, ...props }) {
-  const resolvedContainer = usePortalContainer2(container);
-  const portal = usePortalNode(ref);
-  return /* @__PURE__ */ jsx7(AlertDialogPrimitive.Portal, {
-    "data-slot": "alert-dialog-portal",
-    container: resolvedContainer,
-    ref: portal.ref,
-    ...props,
-    children: /* @__PURE__ */ jsx7(PortalProvider2, {
-      container: portal.node,
-      children
-    })
-  });
-}
-function AlertDialogOverlay({ density, className, ...props }) {
-  const resolvedDensity = useDensity(density);
-  return /* @__PURE__ */ jsx7(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__ */ jsxs5(AlertDialogPortal, {
-    children: [
-      /* @__PURE__ */ jsx7(AlertDialogOverlay, {}),
-      /* @__PURE__ */ jsx7(AlertDialogPrimitive.Popup, {
-        dir: direction,
-        "data-density": resolvedDensity,
-        "data-slot": "alert-dialog-content",
-        "data-scroll": "none",
-        "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__ */ jsx7("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__ */ jsx7("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__ */ jsx7("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__ */ jsx7(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__ */ jsx7(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__ */ jsx7(Button2, {
-    "data-density": density,
-    "data-slot": "alert-dialog-action",
-    className,
-    ...props
-  });
-}
-function AlertDialogCancel({
-  density,
-  className,
-  variant = "outline",
-  size = "default",
-  ...props
-}) {
-  return /* @__PURE__ */ jsx7(AlertDialogPrimitive.Close, {
-    "data-density": density,
-    "data-slot": "alert-dialog-cancel",
-    className,
-    render: /* @__PURE__ */ jsx7(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 jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
-"use client";
-var Select = SelectPrimitive.Root;
-function SelectGroup({ density, className, ...props }) {
-  return /* @__PURE__ */ jsx8(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__ */ jsx8(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__ */ jsxs6(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__ */ jsx8(SelectPrimitive.Icon, {
-        render: /* @__PURE__ */ jsx8(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();
-  const portal = usePortalNode();
-  return /* @__PURE__ */ jsx8(SelectPrimitive.Portal, {
-    container,
-    ref: portal.ref,
-    children: /* @__PURE__ */ jsx8(PortalProvider2, {
-      container: portal.node,
-      children: /* @__PURE__ */ jsx8(SelectPrimitive.Positioner, {
-        side,
-        sideOffset,
-        align,
-        alignOffset,
-        alignItemWithTrigger,
-        className: "isolate ",
-        children: /* @__PURE__ */ jsxs6(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__ */ jsx8(SelectScrollUpButton, {}),
-            /* @__PURE__ */ jsx8(SelectPrimitive.List, {
-              children
-            }),
-            /* @__PURE__ */ jsx8(SelectScrollDownButton, {})
-          ]
-        })
-      })
-    })
-  });
-}
-function SelectLabel({ density, className, ...props }) {
-  return /* @__PURE__ */ jsx8(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__ */ jsxs6(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__ */ jsx8(SelectPrimitive.ItemText, {
-        className: "flex flex-1 shrink-0 gap-2 whitespace-nowrap",
-        children
-      }),
-      /* @__PURE__ */ jsx8(SelectPrimitive.ItemIndicator, {
-        render: /* @__PURE__ */ jsx8("span", {
-          className: "pointer-events-none absolute end-2 flex size-4 items-center justify-center"
-        }),
-        children: /* @__PURE__ */ jsx8(CheckIcon2, {
-          className: "pointer-events-none"
-        })
-      })
-    ]
-  });
-}
-function SelectSeparator({ density, className, ...props }) {
-  return /* @__PURE__ */ jsx8(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__ */ jsx8(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__ */ jsx8(ChevronUpIcon2, {})
-  });
-}
-function SelectScrollDownButton({ density, className, ...props }) {
-  return /* @__PURE__ */ jsx8(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__ */ jsx8(ChevronDownIcon3, {})
-  });
-}
-// src/components/DensityProvider.tsx
-import { mergeProps as mergeProps2 } from "@base-ui/react/merge-props";
-import { useRender as useRender2 } from "@base-ui/react/use-render";
-import { jsx as jsx9 } from "react/jsx-runtime";
-function DensityProvider({
-  density = "comfortable",
-  className,
-  render,
-  ...props
-}) {
-  const element = useRender2({
-    defaultTagName: "div",
-    props: mergeProps2({ className: cn2("font-sans text-base leading-(--ag-leading)", className) }, props),
-    render,
-    state: { slot: "density-provider", density }
-  });
-  return /* @__PURE__ */ jsx9(DensityContext.Provider, {
-    value: density,
-    children: element
-  });
-}
-// src/hooks/useDocumentGuard.ts
-import { useEffect } from "react";
-var registrations = new WeakMap;
-function useDocumentGuard(observe, ownerDocument) {
-  useEffect(() => {
-    if (process.env.NODE_ENV === "production")
-      return;
-    const target = ownerDocument ?? document;
-    let observers = registrations.get(target);
-    if (!observers) {
-      observers = new Map;
-      registrations.set(target, observers);
-    }
-    let registration = observers.get(observe);
-    if (!registration) {
-      registration = { users: 0, disconnect: observe(target) };
-      observers.set(observe, registration);
-    }
-    registration.users++;
-    return () => {
-      registration.users--;
-      if (!registration.users) {
-        registration.disconnect();
-        observers.delete(observe);
-        if (!observers.size)
-          registrations.delete(target);
-      }
-    };
-  }, [observe, ownerDocument]);
-}
-
-// src/utils/getLayoutAnimations.ts
-function getLayoutAnimations(root) {
-  const document2 = root.ownerDocument ?? root;
-  const view = document2.defaultView;
-  if (!view)
-    return [];
-  const boundaries = [...root.querySelectorAll("[data-layout-boundary]")];
-  if (root instanceof view.Element && root.hasAttribute("data-layout-boundary"))
-    boundaries.push(root);
-  return document2.getAnimations().filter((animation) => {
-    if (animation.playState !== "running" || animation.effect?.getComputedTiming().iterations === Infinity)
-      return false;
-    const target = animation.effect instanceof view.KeyframeEffect ? animation.effect.target : null;
-    return target instanceof view.Element && boundaries.some((boundary) => boundary.contains(target) || target.contains(boundary));
-  });
-}
-
-// src/utils/collectLayoutViolations.ts
-function identify(element) {
-  const slot = element.getAttribute("data-slot");
-  const name = element.getAttribute("aria-label") ?? element.textContent?.trim().slice(0, 60);
-  return `${element.localName}${element.id ? `#${element.id}` : slot ? `[data-slot="${slot}"]` : ""}${name ? ` "${name}"` : ""}`;
-}
-function isHidden(element, view) {
-  if (element.closest('[inert], [data-layout-exclude]:not([data-layout-exclude=""])'))
-    return true;
-  if (!element.checkVisibility({ visibilityProperty: true, opacityProperty: true }))
-    return true;
-  const style = view.getComputedStyle(element);
-  return style.clip === "rect(0px, 0px, 0px, 0px)" || style.clipPath === "inset(50%)";
-}
-function collectLayoutViolations(root, tolerance = 1) {
-  const document2 = root.nodeType === Node.DOCUMENT_NODE ? root : root.ownerDocument;
-  const view = document2.defaultView;
-  if (!view)
-    return [];
-  const boundaries = [...root.querySelectorAll("[data-layout-boundary]")];
-  if (root instanceof view.Element && root.hasAttribute("data-layout-boundary"))
-    boundaries.unshift(root);
-  const violations = [];
-  for (const boundary of boundaries) {
-    if (isHidden(boundary, view))
-      continue;
-    const bounds = boundary.getBoundingClientRect();
-    const axis = boundary.getAttribute("data-layout-boundary");
-    for (const element of [boundary, ...boundary.querySelectorAll("*")]) {
-      if (isHidden(element, view) || element.parentElement?.closest("svg"))
-        continue;
-      let checkX = axis !== "y";
-      let checkY = axis !== "x";
-      const isControl = element.matches("button, a[href], input, select, textarea, [tabindex], [role=button]");
-      const elementBounds = element.getBoundingClientRect();
-      const limits = { left: bounds.left, right: bounds.right, top: bounds.top, bottom: bounds.bottom };
-      if (isControl) {
-        limits.left = Math.max(limits.left, elementBounds.left);
-        limits.right = Math.min(limits.right, elementBounds.right);
-        limits.top = Math.max(limits.top, elementBounds.top);
-        limits.bottom = Math.min(limits.bottom, elementBounds.bottom);
-      }
-      let ancestor = element === boundary ? null : element.parentElement;
-      let hidden = false;
-      while (ancestor && ancestor !== boundary) {
-        if (isHidden(ancestor, view)) {
-          hidden = true;
-          break;
-        }
-        const style = view.getComputedStyle(ancestor);
-        if (isControl) {
-          const clip = ancestor.getBoundingClientRect();
-          if (["hidden", "clip"].includes(style.overflowX)) {
-            limits.left = Math.max(limits.left, clip.left);
-            limits.right = Math.min(limits.right, clip.right);
-          }
-          if (["hidden", "clip"].includes(style.overflowY)) {
-            limits.top = Math.max(limits.top, clip.top);
-            limits.bottom = Math.min(limits.bottom, clip.bottom);
-          }
-        }
-        if (["auto", "scroll"].includes(style.overflowX))
-          checkX = false;
-        if (["auto", "scroll"].includes(style.overflowY))
-          checkY = false;
-        ancestor = ancestor.parentElement;
-      }
-      if (hidden)
-        continue;
-      const rectangles = [...element.getClientRects()];
-      const style = view.getComputedStyle(element);
-      if (style.textOverflow !== "ellipsis") {
-        for (const child of element.childNodes) {
-          if (child.nodeType !== Node.TEXT_NODE || !child.textContent?.trim())
-            continue;
-          const range = document2.createRange();
-          range.selectNodeContents(child);
-          rectangles.push(...range.getClientRects());
-        }
-      }
-      for (const edge of ["left", "right", "top", "bottom"]) {
-        if (edge === "left" || edge === "right" ? !checkX : !checkY)
-          continue;
-        const overflow = Math.max(0, ...rectangles.map((rect) => edge === "left" || edge === "top" ? limits[edge] - rect[edge] : rect[edge] - limits[edge]));
-        if (overflow <= tolerance)
-          continue;
-        violations.push({
-          boundary,
-          element,
-          edge,
-          overflow,
-          message: `${identify(element)} exceeds ${identify(boundary)} ${edge} edge by ${Math.round(overflow * 100) / 100}px`
-        });
-      }
-    }
-  }
-  return violations;
-}
-
-// src/utils/observeLayoutChanges.ts
-function observeLayoutChanges(ownerDocument, selector, checkLayout) {
-  const view = ownerDocument.defaultView;
-  if (!view)
-    return () => {};
-  let isConnected = true;
-  let frame;
-  let needsRefresh = true;
-  let guarded = [];
-  const observed = new Set;
-  const schedule = () => {
-    if (!isConnected)
-      return;
-    frame ??= view.requestAnimationFrame(check);
-  };
-  const resizeObserver = new view.ResizeObserver(schedule);
-  const refresh = () => {
-    guarded = [...ownerDocument.querySelectorAll(selector)];
-    const targets = new Set(guarded.flatMap((element) => [element, ...element.querySelectorAll("*")]));
-    for (const element of observed) {
-      if (!targets.has(element)) {
-        resizeObserver.unobserve(element);
-        observed.delete(element);
-      }
-    }
-    for (const element of targets) {
-      if (!observed.has(element)) {
-        resizeObserver.observe(element);
-        observed.add(element);
-      }
-    }
-    needsRefresh = false;
-  };
-  const check = () => {
-    frame = undefined;
-    if (needsRefresh)
-      refresh();
-    checkLayout(guarded, schedule);
-  };
-  const mutations = new view.MutationObserver((records) => {
-    needsRefresh ||= records.some((record) => record.type === "childList" || record.type === "attributes");
-    schedule();
-  });
-  mutations.observe(ownerDocument.documentElement, {
-    subtree: true,
-    childList: true,
-    characterData: true,
-    attributes: true
-  });
-  view.addEventListener("resize", schedule);
-  ownerDocument.addEventListener("scroll", schedule, true);
-  ownerDocument.addEventListener("load", schedule, true);
-  ownerDocument.addEventListener("transitionend", schedule, true);
-  ownerDocument.addEventListener("animationend", schedule, true);
-  ownerDocument.fonts.addEventListener("loadingdone", schedule);
-  schedule();
-  return () => {
-    isConnected = false;
-    mutations.disconnect();
-    resizeObserver.disconnect();
-    if (frame !== undefined)
-      view.cancelAnimationFrame(frame);
-    view.removeEventListener("resize", schedule);
-    ownerDocument.removeEventListener("scroll", schedule, true);
-    ownerDocument.removeEventListener("load", schedule, true);
-    ownerDocument.removeEventListener("transitionend", schedule, true);
-    ownerDocument.removeEventListener("animationend", schedule, true);
-    ownerDocument.fonts.removeEventListener("loadingdone", schedule);
-  };
-}
-
-// src/utils/observeLayoutGuards.ts
-function throwViolation(error) {
-  throw error;
-}
-function observeLayoutGuards(document2, report = throwViolation) {
-  const pending = new WeakSet;
-  let previous = "";
-  return observeLayoutChanges(document2, "[data-layout-boundary]", (_elements, schedule) => {
-    const animations = getLayoutAnimations(document2);
-    for (const animation of animations) {
-      if (pending.has(animation))
-        continue;
-      pending.add(animation);
-      const settled = () => {
-        pending.delete(animation);
-        schedule();
-      };
-      animation.finished.then(settled, settled);
-    }
-    if (animations.length)
-      return;
-    const message = collectLayoutViolations(document2).map((violation) => violation.message).join("; ");
-    const hasChanged = message !== previous;
-    previous = message;
-    if (message && hasChanged)
-      report(new Error(`[shadcn] Layout containment: ${message}`));
-  });
-}
-
-// src/components/LayoutGuard.tsx
-"use client";
-function LayoutGuard({ ownerDocument }) {
-  useDocumentGuard(observeLayoutGuards, ownerDocument);
-  return null;
-}
-
-// src/components/ThemeProvider.tsx
-import { useMemo } from "react";
-import { useIsomorphicLayoutEffect, useTernaryDarkMode } from "usehooks-ts";
-
-// src/utils/observeScrollGuards.ts
-function throwViolation2(error) {
-  throw error;
-}
-function getViolation(element, view) {
-  if (!element.getClientRects().length)
-    return;
-  const style = view.getComputedStyle(element);
-  if (style.visibility !== "visible")
-    return;
-  const axes = [];
-  if (["auto", "scroll"].includes(style.overflowX) && element.scrollWidth > element.clientWidth) {
-    axes.push(`horizontal: ${element.scrollWidth}px > ${element.clientWidth}px`);
-  }
-  if (["auto", "scroll"].includes(style.overflowY) && element.scrollHeight > element.clientHeight) {
-    axes.push(`vertical: ${element.scrollHeight}px > ${element.clientHeight}px`);
-  }
-  if (!axes.length)
-    return;
-  const slot = element.getAttribute("data-slot");
-  const identity = element.id ? ` id="${element.id}"` : slot ? ` data-slot="${slot}"` : "";
-  return `<${element.localName}${identity}> (${axes.join(", ")})`;
-}
-function observeScrollGuards(ownerDocument, reportViolation = throwViolation2) {
-  const reported = new WeakSet;
-  return observeLayoutChanges(ownerDocument, '[data-scroll="none"]', (guarded) => {
-    const view = ownerDocument.defaultView;
-    const violations = [];
-    for (const element of guarded) {
-      const violation = getViolation(element, view);
-      if (!violation)
-        reported.delete(element);
-      else if (!reported.has(element)) {
-        reported.add(element);
-        violations.push(violation);
-      }
-    }
-    if (violations.length)
-      reportViolation(new Error('[shadcn] Scrolling is forbidden by data-scroll="none": ' + violations.join("; ") + ". " + "Move scrolling content into a nested ScrollArea or another explicit scroll viewport."));
-  });
-}
-
-// src/components/ScrollGuard.tsx
-"use client";
-function ScrollGuard({ ownerDocument }) {
-  useDocumentGuard(observeScrollGuards, ownerDocument);
-  return null;
-}
-
-// src/components/ThemeProvider.tsx
-import { jsx as jsx10, jsxs as jsxs7 } 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__ */ jsx10(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__ */ jsxs7(ThemeContext.Provider, {
-    value,
-    children: [
-      /* @__PURE__ */ jsx10(ScrollGuard, {}),
-      /* @__PURE__ */ jsx10(LayoutGuard, {}),
-      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__ */ jsx10(ThemePalette, {
-    theme: forcedTheme ?? theme,
-    resolvedTheme,
-    setTheme,
-    children
-  });
-}
-function ThemeProvider(props) {
-  if (props.controlledTheme)
-    return /* @__PURE__ */ jsx10(ControlledThemeProvider, {
-      ...props,
-      controlledTheme: props.controlledTheme
-    });
-  return /* @__PURE__ */ jsx10(StoredThemeProvider, {
-    ...props
-  });
-}
-// src/hooks/useComboboxAnchor.ts
-import { useRef } from "react";
-function useComboboxAnchor() {
-  return useRef(null);
-}
-// src/components/AspectRatio.tsx
-import { jsx as jsx11 } from "react/jsx-runtime";
-function AspectRatio({ ratio, className, style, ...props }) {
-  return /* @__PURE__ */ jsx11("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 jsx12, jsxs as jsxs8 } from "react/jsx-runtime";
-function Breadcrumb({ density, className, ...props }) {
-  return /* @__PURE__ */ jsx12("nav", {
-    "aria-label": "breadcrumb",
-    "data-density": density,
-    "data-slot": "breadcrumb",
-    className: cn2(className),
-    ...props
-  });
-}
-function BreadcrumbList({ density, className, ...props }) {
-  return /* @__PURE__ */ jsx12("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__ */ jsx12("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__ */ jsx12("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__ */ jsx12("li", {
-    "data-density": density,
-    "data-slot": "breadcrumb-separator",
-    role: "presentation",
-    "aria-hidden": "true",
-    className: cn2("[&>svg]:size-3.5", className),
-    ...props,
-    children: children ?? /* @__PURE__ */ jsx12(ChevronRightIcon, {
-      className: "rtl:rotate-180"
-    })
-  });
-}
-function BreadcrumbEllipsis({ density, className, ...props }) {
-  return /* @__PURE__ */ jsxs8("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__ */ jsx12(MoreHorizontalIcon, {}),
-      /* @__PURE__ */ jsx12("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 } from "class-variance-authority";
-import { jsx as jsx13 } from "react/jsx-runtime";
-var buttonGroupVariants = cva("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: {
-    layout: {
-      content: "",
-      equal: "grid w-full grid-flow-col auto-cols-fr data-[orientation=vertical]:grid-flow-row"
-    },
-    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,
-  layout = "content",
-  ...props
-}) {
-  return /* @__PURE__ */ jsx13("div", {
-    role: "group",
-    "data-density": density,
-    "data-slot": "button-group",
-    "data-orientation": orientation,
-    className: cn2(buttonGroupVariants({ orientation, layout }), 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__ */ jsx13(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/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 cva2 } from "class-variance-authority";
-import { jsx as jsx14 } from "react/jsx-runtime";
-function ItemGroup({ density, className, ...props }) {
-  return /* @__PURE__ */ jsx14("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__ */ jsx14(Separator2, {
-    "data-density": density,
-    "data-slot": "item-separator",
-    orientation: "horizontal",
-    className: (state) => cn2("my-2", typeof className === "function" ? className(state) : className),
-    ...props
-  });
-}
-var itemVariants = cva2("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 = cva2("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__ */ jsx14("div", {
-    "data-density": density,
-    "data-slot": "item-media",
-    "data-variant": variant,
-    className: cn2(itemMediaVariants({ variant, className })),
-    ...props
-  });
-}
-function ItemContent({ density, className, ...props }) {
-  return /* @__PURE__ */ jsx14("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__ */ jsx14("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__ */ jsx14("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__ */ jsx14("div", {
-    "data-density": density,
-    "data-slot": "item-actions",
-    className: cn2("flex items-center gap-2", className),
-    ...props
-  });
-}
-function ItemHeader({ density, className, ...props }) {
-  return /* @__PURE__ */ jsx14("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__ */ jsx14("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 jsx15, jsxs as jsxs9 } from "react/jsx-runtime";
-function Pagination({ density, className, ...props }) {
-  return /* @__PURE__ */ jsx15("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__ */ jsx15("ul", {
-    "data-density": density,
-    "data-slot": "pagination-content",
-    className: cn2("flex items-center gap-0.5", className),
-    ...props
-  });
-}
-function PaginationItem({ ...props }) {
-  return /* @__PURE__ */ jsx15("li", {
-    "data-slot": "pagination-item",
-    ...props
-  });
-}
-function PaginationLink({
-  density,
-  className,
-  isActive,
-  size = "icon",
-  ...props
-}) {
-  return /* @__PURE__ */ jsx15("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__ */ jsxs9(PaginationLink, {
-    density,
-    "aria-label": "Go to previous page",
-    size: "default",
-    className: cn2("ps-1.5!", className),
-    ...props,
-    children: [
-      /* @__PURE__ */ jsx15(ChevronLeftIcon, {
-        "data-icon": "inline-start",
-        className: "rtl:rotate-180"
-      }),
-      /* @__PURE__ */ jsx15("span", {
-        className: "hidden sm:block",
-        children: text
-      })
-    ]
-  });
-}
-function PaginationNext({ density, className, text = "Next", ...props }) {
-  return /* @__PURE__ */ jsxs9(PaginationLink, {
-    density,
-    "aria-label": "Go to next page",
-    size: "default",
-    className: cn2("pe-1.5!", className),
-    ...props,
-    children: [
-      /* @__PURE__ */ jsx15("span", {
-        className: "hidden sm:block",
-        children: text
-      }),
-      /* @__PURE__ */ jsx15(ChevronRightIcon2, {
-        "data-icon": "inline-end",
-        className: "rtl:rotate-180"
-      })
-    ]
-  });
-}
-function PaginationEllipsis({ density, className, ...props }) {
-  return /* @__PURE__ */ jsxs9("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__ */ jsx15(MoreHorizontalIcon2, {}),
-      /* @__PURE__ */ jsx15("span", {
-        className: "sr-only",
-        children: "More pages"
-      })
-    ]
-  });
-}
-// src/components/ScrollArea.tsx
-import { ScrollArea as ScrollAreaPrimitive } from "@base-ui/react/scroll-area";
-import { jsx as jsx16, jsxs as jsxs10 } from "react/jsx-runtime";
-function ScrollArea({
-  density,
-  className,
-  children,
-  scrollbars = /* @__PURE__ */ jsx16(ScrollBar, {}),
-  ...props
-}) {
-  return /* @__PURE__ */ jsxs10(ScrollAreaPrimitive.Root, {
-    "data-density": density,
-    "data-slot": "scroll-area",
-    className: (state) => cn2("relative flex min-h-0 flex-col", typeof className === "function" ? className(state) : className),
-    ...props,
-    children: [
-      /* @__PURE__ */ jsx16(ScrollAreaPrimitive.Viewport, {
-        "data-slot": "scroll-area-viewport",
-        className: "size-full min-h-0 flex-1 rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-1 focus-visible:ring-ring focus-visible:outline-1",
-        children
-      }),
-      scrollbars,
-      /* @__PURE__ */ jsx16(ScrollAreaPrimitive.Corner, {})
-    ]
-  });
-}
-function ScrollBar({ density, className, orientation = "vertical", ...props }) {
-  return /* @__PURE__ */ jsx16(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__ */ jsx16(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 } from "react";
-var DrawerContext = createContext(null);
-
-// src/hooks/useDrawer.ts
-import { useContext } from "react";
-function useDrawer() {
-  const context = useContext(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 jsx17, jsxs as jsxs11 } 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__ */ jsx17(DrawerContext.Provider, {
-    value: contextValue,
-    children: /* @__PURE__ */ jsx17(DrawerPrimitive.Root, {
-      "data-slot": "drawer",
-      modal,
-      snapPoints,
-      swipeDirection,
-      ...props
-    })
-  });
-}
-function DrawerTrigger({ ...props }) {
-  return /* @__PURE__ */ jsx17(DrawerPrimitive.Trigger, {
-    "data-slot": "drawer-trigger",
-    ...props
-  });
-}
-function DrawerPortal({ container, ref, children, ...props }) {
-  const resolvedContainer = usePortalContainer2(container);
-  const portal = usePortalNode(ref);
-  return /* @__PURE__ */ jsx17(DrawerPrimitive.Portal, {
-    "data-slot": "drawer-portal",
-    container: resolvedContainer,
-    ref: portal.ref,
-    ...props,
-    children: /* @__PURE__ */ jsx17(PortalProvider2, {
-      container: portal.node,
-      children
-    })
-  });
-}
-function DrawerClose({ ...props }) {
-  return /* @__PURE__ */ jsx17(DrawerPrimitive.Close, {
-    "data-slot": "drawer-close",
-    ...props
-  });
-}
-function DrawerOverlay({ density, className, ...props }) {
-  const resolvedDensity = useDensity(density);
-  return /* @__PURE__ */ jsx17(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__ */ jsx17("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__ */ jsxs11(DrawerPortal, {
-    "data-slot": "drawer-portal",
-    children: [
-      modal === true && /* @__PURE__ */ jsx17(DrawerOverlay, {
-        "data-snap-points": hasSnapPoints ? "" : undefined
-      }),
-      /* @__PURE__ */ jsx17(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__ */ jsxs11(DrawerPrimitive.Popup, {
-          "data-density": resolvedDensity,
-          "data-slot": "drawer-popup",
-          "data-scroll": "none",
-          "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__ */ jsx17(DrawerSwipeHandle, {}),
-            /* @__PURE__ */ jsx17(DrawerPrimitive.Content, {
-              "data-slot": "drawer-content",
-              "data-scroll": "none",
-              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__ */ jsx17("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__ */ jsx17("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__ */ jsx17(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__ */ jsx17(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 jsx18, jsxs as jsxs12 } from "react/jsx-runtime";
-function ContextMenu({ ...props }) {
-  return /* @__PURE__ */ jsx18(ContextMenuPrimitive.Root, {
-    "data-slot": "context-menu",
-    ...props
-  });
-}
-function ContextMenuPortal({ container, ref, children, ...props }) {
-  const resolvedContainer = usePortalContainer2(container);
-  const portal = usePortalNode(ref);
-  return /* @__PURE__ */ jsx18(ContextMenuPrimitive.Portal, {
-    "data-slot": "context-menu-portal",
-    container: resolvedContainer,
-    ref: portal.ref,
-    ...props,
-    children: /* @__PURE__ */ jsx18(PortalProvider2, {
-      container: portal.node,
-      children
-    })
-  });
-}
-function ContextMenuTrigger({ density, className, ...props }) {
-  return /* @__PURE__ */ jsx18(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__ */ jsx18(ContextMenuPortal, {
-    children: /* @__PURE__ */ jsx18(ContextMenuPrimitive.Positioner, {
-      dir: direction,
-      className: "isolate  outline-none",
-      align,
-      alignOffset,
-      side,
-      sideOffset,
-      children: /* @__PURE__ */ jsx18(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__ */ jsx18(ContextMenuPrimitive.Group, {
-    "data-slot": "context-menu-group",
-    ...props
-  });
-}
-function ContextMenuLabel({ density, className, inset, ...props }) {
-  return /* @__PURE__ */ jsx18(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__ */ jsx18(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__ */ jsx18(ContextMenuPrimitive.SubmenuRoot, {
-    "data-slot": "context-menu-sub",
-    ...props
-  });
-}
-function ContextMenuSubTrigger({ density, className, inset, children, ...props }) {
-  return /* @__PURE__ */ jsxs12(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__ */ jsx18(ChevronRightIcon3, {
-        className: "rtl:rotate-180 ms-auto"
-      })
-    ]
-  });
-}
-function ContextMenuSubContent({ ...props }) {
-  return /* @__PURE__ */ jsx18(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__ */ jsxs12(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__ */ jsx18("span", {
-        className: "pointer-events-none absolute end-2",
-        children: /* @__PURE__ */ jsx18(ContextMenuPrimitive.CheckboxItemIndicator, {
-          children: /* @__PURE__ */ jsx18(CheckIcon3, {})
-        })
-      }),
-      children
-    ]
-  });
-}
-function ContextMenuRadioGroup({ ...props }) {
-  return /* @__PURE__ */ jsx18(ContextMenuPrimitive.RadioGroup, {
-    "data-slot": "context-menu-radio-group",
-    ...props
-  });
-}
-function ContextMenuRadioItem({ density, className, children, inset, ...props }) {
-  return /* @__PURE__ */ jsxs12(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__ */ jsx18("span", {
-        className: "pointer-events-none absolute end-2",
-        children: /* @__PURE__ */ jsx18(ContextMenuPrimitive.RadioItemIndicator, {
-          children: /* @__PURE__ */ jsx18(CheckIcon3, {})
-        })
-      }),
-      children
-    ]
-  });
-}
-function ContextMenuSeparator({ density, className, ...props }) {
-  return /* @__PURE__ */ jsx18(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__ */ jsx18("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 jsx19, jsxs as jsxs13 } from "react/jsx-runtime";
-function Menubar({ density, className, ...props }) {
-  return /* @__PURE__ */ jsx19(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__ */ jsx19(DropdownMenu2, {
-    "data-slot": "menubar-menu",
-    ...props
-  });
-}
-function MenubarGroup({ ...props }) {
-  return /* @__PURE__ */ jsx19(DropdownMenuGroup2, {
-    "data-slot": "menubar-group",
-    ...props
-  });
-}
-function MenubarPortal({ ...props }) {
-  return /* @__PURE__ */ jsx19(DropdownMenuPortal2, {
-    "data-slot": "menubar-portal",
-    ...props
-  });
-}
-function MenubarTrigger({ density, className, ...props }) {
-  return /* @__PURE__ */ jsx19(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__ */ jsx19(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__ */ jsx19(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__ */ jsxs13(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__ */ jsx19("span", {
-        className: "pointer-events-none absolute start-1.5 flex size-4 items-center justify-center [&_svg:not([class*='size-'])]:size-4",
-        children: /* @__PURE__ */ jsx19(MenuPrimitive.CheckboxItemIndicator, {
-          children: /* @__PURE__ */ jsx19(CheckIcon4, {})
-        })
-      }),
-      children
-    ]
-  });
-}
-function MenubarRadioGroup({ ...props }) {
-  return /* @__PURE__ */ jsx19(DropdownMenuRadioGroup2, {
-    "data-slot": "menubar-radio-group",
-    ...props
-  });
-}
-function MenubarRadioItem({ density, className, children, inset, ...props }) {
-  return /* @__PURE__ */ jsxs13(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__ */ jsx19("span", {
-        className: "pointer-events-none absolute start-1.5 flex size-4 items-center justify-center [&_svg:not([class*='size-'])]:size-4",
-        children: /* @__PURE__ */ jsx19(MenuPrimitive.RadioItemIndicator, {
-          children: /* @__PURE__ */ jsx19(CheckIcon4, {})
-        })
-      }),
-      children
-    ]
-  });
-}
-function MenubarLabel({ density, className, inset, ...props }) {
-  return /* @__PURE__ */ jsx19(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__ */ jsx19(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__ */ jsx19(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__ */ jsx19(DropdownMenuSub2, {
-    "data-slot": "menubar-sub",
-    ...props
-  });
-}
-function MenubarSubTrigger({ density, className, inset, ...props }) {
-  return /* @__PURE__ */ jsx19(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__ */ jsx19(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 ChevronDownIcon4 } from "lucide-react";
-import { NavigationMenu as NavigationMenuPrimitive } from "@base-ui/react/navigation-menu";
-import { cva as cva3 } from "class-variance-authority";
-import { jsx as jsx20, jsxs as jsxs14 } from "react/jsx-runtime";
-function NavigationMenu({
-  density,
-  align = "start",
-  className,
-  children,
-  ...props
-}) {
-  const resolvedDensity = useDensity(density);
-  return /* @__PURE__ */ jsxs14(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__ */ jsx20(NavigationMenuPositioner, {
-        density: resolvedDensity,
-        align
-      })
-    ]
-  });
-}
-function NavigationMenuList({ density, className, ...props }) {
-  return /* @__PURE__ */ jsx20(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__ */ jsx20(NavigationMenuPrimitive.Item, {
-    "data-density": density,
-    "data-slot": "navigation-menu-item",
-    className: (state) => cn2("relative", typeof className === "function" ? className(state) : className),
-    ...props
-  });
-}
-var navigationMenuTriggerStyle = cva3("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__ */ jsxs14(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__ */ jsx20(NavigationMenuIndicator, {})
-    ]
-  });
-}
-function NavigationMenuContent({ density, className, ...props }) {
-  return /* @__PURE__ */ jsx20(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();
-  const portal = usePortalNode();
-  return /* @__PURE__ */ jsx20(NavigationMenuPrimitive.Portal, {
-    container,
-    ref: portal.ref,
-    children: /* @__PURE__ */ jsx20(PortalProvider2, {
-      container: portal.node,
-      children: /* @__PURE__ */ jsx20(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__ */ jsx20(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__ */ jsx20(NavigationMenuPrimitive.Viewport, {
-            className: "relative size-full overflow-hidden"
-          })
-        })
-      })
-    })
-  });
-}
-function NavigationMenuLink({ density, className, ...props }) {
-  return /* @__PURE__ */ jsx20(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__ */ jsx20(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__ */ jsx20(ChevronDownIcon4, {})
-  });
-}
-// 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 jsx21, jsxs as jsxs15, Fragment } from "react/jsx-runtime";
-function ToastProvider(props) {
-  return /* @__PURE__ */ jsx21(ToastPrimitive.Provider, {
-    ...props
-  });
-}
-function ToastPortal({ container, ref, children, ...props }) {
-  const resolvedContainer = usePortalContainer2(container);
-  const portal = usePortalNode(ref);
-  return /* @__PURE__ */ jsx21(ToastPrimitive.Portal, {
-    "data-slot": "toast-portal",
-    container: resolvedContainer,
-    ref: portal.ref,
-    ...props,
-    children: /* @__PURE__ */ jsx21(PortalProvider2, {
-      container: portal.node,
-      children
-    })
-  });
-}
-function ToastViewport({ density, dir, className, ...props }) {
-  const resolvedDensity = useDensity(density);
-  const inheritedDirection = useDirection2();
-  return /* @__PURE__ */ jsx21(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__ */ jsx21(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__ */ jsx21(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__ */ jsx21(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__ */ jsx21(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__ */ jsx21(Button2, {
-    variant: "outline",
-    size: "sm"
-  }),
-  ...props
-}) {
-  return /* @__PURE__ */ jsx21(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__ */ jsx21(Button2, {
-    variant: "ghost",
-    size: "icon-sm"
-  }),
-  ...props
-}) {
-  return /* @__PURE__ */ jsx21(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__ */ jsx21(XIcon2, {
-      "aria-hidden": "true"
-    })
-  });
-}
-function ToastIcon({ type }) {
-  switch (type) {
-    case "success":
-      return /* @__PURE__ */ jsx21(CircleCheckIcon, {
-        "aria-hidden": "true"
-      });
-    case "info":
-      return /* @__PURE__ */ jsx21(InfoIcon, {
-        "aria-hidden": "true"
-      });
-    case "warning":
-      return /* @__PURE__ */ jsx21(TriangleAlertIcon, {
-        "aria-hidden": "true"
-      });
-    case "error":
-      return /* @__PURE__ */ jsx21(OctagonXIcon, {
-        "aria-hidden": "true",
-        className: "text-destructive"
-      });
-    case "loading":
-      return /* @__PURE__ */ jsx21(LoaderCircleIcon, {
-        "aria-hidden": "true",
-        className: "animate-spin motion-reduce:animate-none"
-      });
-    default:
-      return null;
-  }
-}
-function ToastList() {
-  const { toasts } = ToastPrimitive.useToastManager();
-  return /* @__PURE__ */ jsx21(Fragment, {
-    children: toasts.map((toastItem) => /* @__PURE__ */ jsx21(Toast, {
-      toast: toastItem,
-      children: /* @__PURE__ */ jsxs15(ToastContent, {
-        children: [
-          /* @__PURE__ */ jsx21("span", {
-            "data-slot": "toast-icon",
-            className: "shrink-0 empty:hidden [&_svg]:size-4",
-            children: /* @__PURE__ */ jsx21(ToastIcon, {
-              type: toastItem.type
-            })
-          }),
-          /* @__PURE__ */ jsxs15("div", {
-            className: "flex min-w-0 flex-1 flex-col gap-1",
-            children: [
-              /* @__PURE__ */ jsx21(ToastTitle, {}),
-              /* @__PURE__ */ jsx21(ToastDescription, {})
-            ]
-          }),
-          /* @__PURE__ */ jsx21(ToastAction, {}),
-          /* @__PURE__ */ jsx21(ToastClose, {})
-        ]
-      })
-    }, toastItem.id))
-  });
-}
-function ToastToaster({ children, density, ...props }) {
-  return /* @__PURE__ */ jsxs15(ToastProvider, {
-    ...props,
-    children: [
-      children,
-      /* @__PURE__ */ jsx21(ToastPortal, {
-        children: /* @__PURE__ */ jsx21(ToastViewport, {
-          density,
-          children: /* @__PURE__ */ jsx21(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 cva4 } from "class-variance-authority";
-import { jsx as jsx22 } from "react/jsx-runtime";
-var markerVariants = cva4("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__ */ jsx22("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__ */ jsx22("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 cva5 } from "class-variance-authority";
-import { jsx as jsx23 } from "react/jsx-runtime";
-function BubbleGroup({ density, className, ...props }) {
-  return /* @__PURE__ */ jsx23("div", {
-    "data-density": density,
-    "data-slot": "bubble-group",
-    className: cn2("flex min-w-0 flex-col gap-control-gap", className),
-    ...props
-  });
-}
-var bubbleVariants = cva5("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__ */ jsx23("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 = cva5("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__ */ jsx23("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 useContext2, useLayoutEffect, useMemo as useMemo3, useRef as useRef2, useState } from "react";
-import { useRender as useRender8 } from "@base-ui/react/use-render";
-
-// src/message/MessageContext.ts
-import { createContext as createContext2 } from "react";
-var MessageContext = createContext2(null);
-
-// src/components/Message.tsx
-import { jsx as jsx24 } from "react/jsx-runtime";
-function MessageGroup({ density, className, ...props }) {
-  return /* @__PURE__ */ jsx24("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] = useState(0);
-  const context = useMemo3(() => ({ setFooterOffset }), []);
-  const messageStyle = { ...style, "--message-footer-offset": `${footerOffset}px` };
-  return /* @__PURE__ */ jsx24(MessageContext.Provider, {
-    value: context,
-    children: /* @__PURE__ */ jsx24("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__ */ jsx24("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__ */ jsx24("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__ */ jsx24("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 = useContext2(MessageContext);
-  const footerRef = useRef2(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 cva6 } from "class-variance-authority";
-import { jsx as jsx25 } from "react/jsx-runtime";
-var attachmentVariants = cva6("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__ */ jsx25("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 = cva6("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__ */ jsx25("div", {
-    "data-slot": "attachment-media",
-    "data-density": density,
-    "data-variant": variant,
-    className: cn2(attachmentMediaVariants({ variant }), className),
-    ...props
-  });
-}
-function AttachmentContent({ density, className, ...props }) {
-  return /* @__PURE__ */ jsx25("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__ */ jsx25("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__ */ jsx25("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__ */ jsx25("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__ */ jsx25(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__ */ jsx25("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 useRef3, useState as useState2 } from "react";
-import { jsx as jsx26, jsxs as jsxs16 } from "react/jsx-runtime";
-function InlineEdit({
-  label,
-  value,
-  density,
-  isDisabled = false,
-  shouldSelectOnMount = true,
-  onValueChange,
-  onCommit,
-  onCancel
-}) {
-  const input = useRef3(null);
-  const isFinished = useRef3(false);
-  const shouldCancel = useRef3(false);
-  const [isSaving, setSaving] = useState2(false);
-  const [error, setError] = useState2("");
-  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__ */ jsxs16("form", {
-    className: "flex min-w-0 flex-col gap-1",
-    onSubmit: (event) => {
-      event.preventDefault();
-      save();
-    },
-    children: [
-      /* @__PURE__ */ jsx26(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: () => {
-          if (shouldCancel.current && !isFinished.current) {
-            isFinished.current = true;
-            onCancel();
-          } else
-            save();
-        },
-        onKeyDown: (event) => {
-          if (event.key === "Escape") {
-            event.preventDefault();
-            event.stopPropagation();
-            shouldCancel.current = true;
-            event.currentTarget.blur();
-          } else if (event.key === "Enter") {
-            event.preventDefault();
-            event.currentTarget.blur();
-          }
-        }
-      }),
-      error && /* @__PURE__ */ jsx26("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 jsx27 } from "react/jsx-runtime";
-function StarRating({ label, value, disabled, density, onValueChange }) {
-  return /* @__PURE__ */ jsx27(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__ */ jsx27(Radio.Root, {
-      value: star,
-      nativeButton: true,
-      render: /* @__PURE__ */ jsx27("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__ */ jsx27(CircleOffIcon, {
-        "aria-hidden": "true",
-        className: "size-3"
-      }) : /* @__PURE__ */ jsx27(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 useState3 } from "react";
-import { jsx as jsx28, jsxs as jsxs17 } from "react/jsx-runtime";
-function ConfirmationDialog({
-  open,
-  title,
-  description,
-  confirmLabel,
-  onOpenChange,
-  onConfirm
-}) {
-  const [isPending, setPending] = useState3(false);
-  const [error, setError] = useState3("");
-  return /* @__PURE__ */ jsx28(AlertDialog, {
-    open,
-    onOpenChange: (next) => {
-      if (!isPending) {
-        setError("");
-        onOpenChange(next);
-      }
-    },
-    children: /* @__PURE__ */ jsxs17(AlertDialogContent, {
-      children: [
-        /* @__PURE__ */ jsxs17(AlertDialogHeader, {
-          children: [
-            /* @__PURE__ */ jsx28(AlertDialogTitle, {
-              children: title
-            }),
-            /* @__PURE__ */ jsx28(AlertDialogDescription, {
-              children: description
-            })
-          ]
-        }),
-        error && /* @__PURE__ */ jsx28(Alert2, {
-          variant: "destructive",
-          children: /* @__PURE__ */ jsx28(AlertDescription2, {
-            children: error
-          })
-        }),
-        /* @__PURE__ */ jsxs17(AlertDialogFooter, {
-          children: [
-            /* @__PURE__ */ jsx28(AlertDialogCancel, {
-              disabled: isPending,
-              children: "Cancel"
-            }),
-            /* @__PURE__ */ jsx28(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 useRef4 } from "react";
-import { ImageIcon, UploadIcon } from "lucide-react";
-
-// src/hooks/useObjectURL.ts
-import { useEffect as useEffect3, useState as useState4 } from "react";
-function useObjectURL(file) {
-  const [url, setURL] = useState4();
-  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 jsx29, jsxs as jsxs18 } from "react/jsx-runtime";
-function ImagePicker({ src, file, label, disabled, onFileChange, onClear }) {
-  const input = useRef4(null);
-  const preview = useObjectURL(file);
-  const image = file === null ? undefined : preview ?? src;
-  return /* @__PURE__ */ jsxs18("figure", {
-    className: "flex min-w-0 flex-col items-center gap-3",
-    "aria-label": label,
-    children: [
-      /* @__PURE__ */ jsxs18(Avatar2, {
-        size: "preview",
-        shape: "square",
-        children: [
-          /* @__PURE__ */ jsx29(AvatarImage2, {
-            src: image,
-            alt: label
-          }),
-          /* @__PURE__ */ jsx29(AvatarFallback2, {
-            children: /* @__PURE__ */ jsx29(ImageIcon, {
-              className: "size-12",
-              "aria-hidden": "true"
-            })
-          })
-        ]
-      }),
-      /* @__PURE__ */ jsx29("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__ */ jsxs18("div", {
-        className: "flex flex-wrap justify-center gap-2",
-        children: [
-          /* @__PURE__ */ jsxs18(Button2, {
-            type: "button",
-            variant: "outline",
-            disabled,
-            onClick: () => input.current?.click(),
-            children: [
-              /* @__PURE__ */ jsx29(UploadIcon, {
-                "data-icon": "inline-start"
-              }),
-              "Upload image"
-            ]
-          }),
-          /* @__PURE__ */ jsx29(Button2, {
-            type: "button",
-            variant: "outline",
-            disabled: disabled || !image,
-            onClick: onClear,
-            children: "Unset image"
-          })
-        ]
-      })
-    ]
-  });
-}
-// src/components/NumberField.tsx
-import { NumberField as NumberFieldPrimitive } from "@base-ui/react/number-field";
-import { MinusIcon, PlusIcon, MoveHorizontalIcon } from "lucide-react";
-import { jsx as jsx30 } from "react/jsx-runtime";
-function NumberField({ density, className, ...props }) {
-  return /* @__PURE__ */ jsx30(NumberFieldPrimitive.Root, {
-    "data-density": density,
-    "data-slot": "number-field",
-    className: (state) => cn2("flex min-w-0 flex-col gap-field-gap", typeof className === "function" ? className(state) : className),
-    ...props
-  });
-}
-function NumberFieldGroup({
-  density,
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx30(NumberFieldPrimitive.Group, {
-    "data-density": density,
-    "data-slot": "number-field-group",
-    className: (state) => cn2("flex h-control min-w-0 items-stretch rounded-sm border border-input bg-secondary text-foreground transition-colors focus-within:border-ring focus-within:ring-1 focus-within:ring-ring data-disabled:opacity-50 motion-reduce:transition-none", typeof className === "function" ? className(state) : className),
-    ...props
-  });
-}
-function NumberFieldInput({
-  density,
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx30(NumberFieldPrimitive.Input, {
-    "data-density": density,
-    "data-slot": "number-field-input",
-    className: (state) => cn2("min-w-0 flex-1 bg-transparent px-control-x text-center text-sm tabular-nums outline-none disabled:cursor-not-allowed", typeof className === "function" ? className(state) : className),
-    ...props
-  });
-}
-function NumberFieldDecrement({
-  density,
-  className,
-  children = /* @__PURE__ */ jsx30(MinusIcon, {}),
-  ...props
-}) {
-  return /* @__PURE__ */ jsx30(NumberFieldPrimitive.Decrement, {
-    "data-density": density,
-    "data-slot": "number-field-decrement",
-    className: (state) => cn2("flex w-control shrink-0 items-center justify-center rounded-s-sm outline-none hover:bg-muted focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:size-3.5", typeof className === "function" ? className(state) : className),
-    ...props,
-    children
-  });
-}
-function NumberFieldIncrement({
-  density,
-  className,
-  children = /* @__PURE__ */ jsx30(PlusIcon, {}),
-  ...props
-}) {
-  return /* @__PURE__ */ jsx30(NumberFieldPrimitive.Increment, {
-    "data-density": density,
-    "data-slot": "number-field-increment",
-    className: (state) => cn2("flex w-control shrink-0 items-center justify-center rounded-e-sm outline-none hover:bg-muted focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:size-3.5", typeof className === "function" ? className(state) : className),
-    ...props,
-    children
-  });
-}
-function NumberFieldScrubArea({
-  density,
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx30(NumberFieldPrimitive.ScrubArea, {
-    "data-density": density,
-    "data-slot": "number-field-scrub-area",
-    className: (state) => cn2("flex w-fit cursor-ew-resize items-center gap-control-gap text-sm font-medium", typeof className === "function" ? className(state) : className),
-    ...props
-  });
-}
-function NumberFieldScrubAreaCursor({
-  density,
-  className,
-  children = /* @__PURE__ */ jsx30(MoveHorizontalIcon, {}),
-  ...props
-}) {
-  const resolvedDensity = useDensity(density);
-  return /* @__PURE__ */ jsx30(NumberFieldPrimitive.ScrubAreaCursor, {
-    "data-density": resolvedDensity,
-    "data-slot": "number-field-scrub-area-cursor",
-    className: (state) => cn2("z-50 font-sans text-sm text-foreground [&_svg]:size-5", typeof className === "function" ? className(state) : className),
-    ...props,
-    children
-  });
-}
-// src/components/Meter.tsx
-import { Meter as MeterPrimitive } from "@base-ui/react/meter";
-import { jsx as jsx31 } from "react/jsx-runtime";
-function Meter({ density, className, ...props }) {
-  return /* @__PURE__ */ jsx31(MeterPrimitive.Root, {
-    "data-density": density,
-    "data-slot": "meter",
-    className: (state) => cn2("flex min-w-0 flex-wrap items-center gap-field-gap", typeof className === "function" ? className(state) : className),
-    ...props
-  });
-}
-function MeterLabel({ density, className, ...props }) {
-  return /* @__PURE__ */ jsx31(MeterPrimitive.Label, {
-    "data-density": density,
-    "data-slot": "meter-label",
-    className: (state) => cn2("text-sm font-medium", typeof className === "function" ? className(state) : className),
-    ...props
-  });
-}
-function MeterValue({ density, className, ...props }) {
-  return /* @__PURE__ */ jsx31(MeterPrimitive.Value, {
-    "data-density": density,
-    "data-slot": "meter-value",
-    className: (state) => cn2("ms-auto text-sm text-muted-foreground tabular-nums", typeof className === "function" ? className(state) : className),
-    ...props
-  });
-}
-function MeterTrack({ density, className, ...props }) {
-  return /* @__PURE__ */ jsx31(MeterPrimitive.Track, {
-    "data-density": density,
-    "data-slot": "meter-track",
-    className: (state) => cn2("h-1 w-full overflow-hidden rounded-sm bg-muted", typeof className === "function" ? className(state) : className),
-    ...props
-  });
-}
-function MeterIndicator({
-  density,
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx31(MeterPrimitive.Indicator, {
-    "data-density": density,
-    "data-slot": "meter-indicator",
-    className: (state) => cn2("h-full bg-primary transition-[width] motion-reduce:transition-none", typeof className === "function" ? className(state) : className),
-    ...props
-  });
-}
-// src/components/Stepper.tsx
-import { Tabs as TabsPrimitive } from "@base-ui/react/tabs";
-import { CheckIcon as CheckIcon5 } from "lucide-react";
-import { jsx as jsx32 } from "react/jsx-runtime";
-function Stepper({ density, className, ...props }) {
-  return /* @__PURE__ */ jsx32(TabsPrimitive.Root, {
-    "data-density": density,
-    "data-slot": "stepper",
-    className: (state) => cn2("group/stepper flex min-w-0 flex-col gap-panel data-[orientation=vertical]:flex-row", typeof className === "function" ? className(state) : className),
-    ...props
-  });
-}
-function StepperList({
-  density,
-  className,
-  activateOnFocus = false,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx32(TabsPrimitive.List, {
-    "data-density": density,
-    "data-slot": "stepper-list",
-    activateOnFocus,
-    className: (state) => cn2("flex min-w-0 gap-panel group-data-[orientation=vertical]/stepper:flex-col", typeof className === "function" ? className(state) : className),
-    ...props
-  });
-}
-function StepperTrigger({ density, className, ...props }) {
-  return /* @__PURE__ */ jsx32(TabsPrimitive.Tab, {
-    "data-density": density,
-    "data-slot": "stepper-trigger",
-    className: (state) => cn2("group/step flex min-h-control items-center gap-control-gap rounded-sm text-sm text-muted-foreground outline-none focus-visible:ring-1 focus-visible:ring-ring data-active:text-foreground disabled:pointer-events-none disabled:opacity-50 aria-disabled:opacity-50", typeof className === "function" ? className(state) : className),
-    ...props
-  });
-}
-function StepperIndicator({ completed = false, children, className, ...props }) {
-  return /* @__PURE__ */ jsx32("span", {
-    "aria-hidden": "true",
-    "data-slot": "stepper-indicator",
-    "data-completed": completed || undefined,
-    className: cn2("flex size-control shrink-0 items-center justify-center rounded-sm border border-input bg-secondary text-sm tabular-nums group-data-active/step:border-primary group-data-active/step:bg-primary group-data-active/step:text-primary-foreground data-completed:border-primary data-completed:text-primary [&_svg]:size-3.5", className),
-    ...props,
-    children: completed ? /* @__PURE__ */ jsx32(CheckIcon5, {}) : children
-  });
-}
-function StepperContent({ density, className, ...props }) {
-  return /* @__PURE__ */ jsx32(TabsPrimitive.Panel, {
-    "data-density": density,
-    "data-slot": "stepper-content",
-    className: (state) => cn2("min-w-0 flex-1 outline-none focus-visible:ring-1 focus-visible:ring-ring", typeof className === "function" ? className(state) : className),
-    ...props
-  });
-}
-// src/components/AppShell.tsx
-import { jsx as jsx33, jsxs as jsxs19 } from "react/jsx-runtime";
-function AppShell({
-  navigation,
-  brand,
-  children,
-  header,
-  sidebarFooter,
-  footer,
-  height = "100dvh",
-  defaultSidebarOpen = true,
-  label = "Application",
-  density
-}) {
-  return /* @__PURE__ */ jsxs19(SidebarProvider2, {
-    density,
-    defaultOpen: defaultSidebarOpen,
-    className: "relative min-h-0",
-    style: { height },
-    "data-scroll": "none",
-    children: [
-      /* @__PURE__ */ jsxs19(Sidebar2, {
-        collapsible: "icon",
-        position: "container",
-        children: [
-          /* @__PURE__ */ jsx33(SidebarHeader2, {
-            children: brand
-          }),
-          /* @__PURE__ */ jsx33(SidebarContent2, {
-            children: /* @__PURE__ */ jsx33("nav", {
-              "aria-label": "Primary navigation",
-              children: /* @__PURE__ */ jsx33(SidebarGroup2, {
-                children: /* @__PURE__ */ jsx33(SidebarMenu2, {
-                  children: navigation.map((item) => /* @__PURE__ */ jsx33(SidebarMenuItem2, {
-                    children: /* @__PURE__ */ jsxs19(SidebarMenuButton2, {
-                      render: /* @__PURE__ */ jsx33("a", {
-                        href: item.href,
-                        "aria-current": item.active ? "page" : undefined
-                      }),
-                      isActive: item.active,
-                      tooltip: item.label,
-                      children: [
-                        item.icon,
-                        /* @__PURE__ */ jsx33("span", {
-                          children: item.label
-                        })
-                      ]
-                    })
-                  }, item.id))
-                })
-              })
-            })
-          }),
-          sidebarFooter && /* @__PURE__ */ jsx33(SidebarFooter2, {
-            children: sidebarFooter
-          })
-        ]
-      }),
-      /* @__PURE__ */ jsxs19(SidebarInset2, {
-        "aria-label": label,
-        className: "min-h-0 min-w-0",
-        "data-scroll": "none",
-        children: [
-          /* @__PURE__ */ jsxs19("header", {
-            "data-scroll": "none",
-            className: "flex shrink-0 items-center gap-control-gap border-b border-border p-panel",
-            children: [
-              /* @__PURE__ */ jsx33(SidebarTrigger2, {}),
-              /* @__PURE__ */ jsx33(Separator2, {
-                orientation: "vertical",
-                className: "h-control"
-              }),
-              header
-            ]
-          }),
-          /* @__PURE__ */ jsx33(ScrollArea, {
-            className: "min-h-0 flex-1",
-            children: /* @__PURE__ */ jsx33("div", {
-              className: "flex min-w-0 flex-col gap-panel p-panel",
-              children
-            })
-          }),
-          footer && /* @__PURE__ */ jsx33("footer", {
-            className: "shrink-0 border-t border-border p-panel",
-            "data-scroll": "none",
-            children: footer
-          })
-        ]
-      })
-    ]
-  });
-}
-// src/components/PageHeader.tsx
-import { jsx as jsx34, jsxs as jsxs20 } from "react/jsx-runtime";
-function PageHeader({ title, description, breadcrumbs, actions, density }) {
-  return /* @__PURE__ */ jsxs20("header", {
-    "data-density": density,
-    "data-slot": "page-header",
-    "data-scroll": "none",
-    className: "flex min-w-0 flex-col gap-field-gap",
-    children: [
-      breadcrumbs,
-      /* @__PURE__ */ jsxs20("div", {
-        className: "flex min-w-0 flex-wrap items-start justify-between gap-panel",
-        children: [
-          /* @__PURE__ */ jsxs20("div", {
-            className: "min-w-0",
-            children: [
-              /* @__PURE__ */ jsx34("h1", {
-                className: "text-xl font-semibold text-foreground",
-                children: title
-              }),
-              description && /* @__PURE__ */ jsx34("div", {
-                className: "mt-1 text-sm text-muted-foreground",
-                children: description
-              })
-            ]
-          }),
-          actions && /* @__PURE__ */ jsx34("div", {
-            className: "flex shrink-0 flex-wrap items-center gap-control-gap",
-            children: actions
-          })
-        ]
-      })
-    ]
-  });
-}
-// src/components/WorkspaceSwitcher.tsx
-import { jsx as jsx35, jsxs as jsxs21 } from "react/jsx-runtime";
-function WorkspaceSwitcher({
-  workspaces,
-  value,
-  defaultValue,
-  onValueChange,
-  disabled,
-  label = "Workspace",
-  density
-}) {
-  return /* @__PURE__ */ jsxs21(Select, {
-    items: workspaces,
-    value,
-    defaultValue: defaultValue ?? workspaces[0]?.value,
-    onValueChange: (next) => {
-      if (next !== null)
-        onValueChange?.(next);
-    },
-    disabled,
-    children: [
-      /* @__PURE__ */ jsx35(SelectTrigger, {
-        "aria-label": label,
-        density,
-        children: /* @__PURE__ */ jsx35(SelectValue, {})
-      }),
-      /* @__PURE__ */ jsx35(SelectContent, {
-        density,
-        children: /* @__PURE__ */ jsx35(SelectGroup, {
-          children: workspaces.map((workspace) => /* @__PURE__ */ jsx35(SelectItem, {
-            value: workspace.value,
-            children: workspace.label
-          }, workspace.value))
-        })
-      })
-    ]
-  });
-}
-// src/components/AccountMenu.tsx
-import { jsx as jsx36, jsxs as jsxs22 } from "react/jsx-runtime";
-function AccountMenu({ name, email, image, onAction, density }) {
-  return /* @__PURE__ */ jsxs22(DropdownMenu2, {
-    children: [
-      /* @__PURE__ */ jsxs22(DropdownMenuTrigger2, {
-        render: /* @__PURE__ */ jsx36(Button2, {
-          variant: "ghost",
-          density
-        }),
-        "aria-label": `Account menu for ${name}`,
-        children: [
-          /* @__PURE__ */ jsxs22(Avatar2, {
-            className: "size-control",
-            children: [
-              /* @__PURE__ */ jsx36(AvatarImage2, {
-                src: image,
-                alt: ""
-              }),
-              /* @__PURE__ */ jsx36(AvatarFallback2, {
-                children: name.slice(0, 2).toUpperCase()
-              })
-            ]
-          }),
-          /* @__PURE__ */ jsx36("span", {
-            children: name
-          })
-        ]
-      }),
-      /* @__PURE__ */ jsx36(DropdownMenuContent2, {
-        density,
-        align: "end",
-        children: /* @__PURE__ */ jsxs22(DropdownMenuGroup2, {
-          children: [
-            /* @__PURE__ */ jsx36(DropdownMenuLabel2, {
-              children: email ?? name
-            }),
-            /* @__PURE__ */ jsx36(DropdownMenuItem2, {
-              onClick: () => onAction("profile"),
-              children: "Profile"
-            }),
-            /* @__PURE__ */ jsx36(DropdownMenuItem2, {
-              onClick: () => onAction("settings"),
-              children: "Settings"
-            }),
-            /* @__PURE__ */ jsx36(DropdownMenuSeparator2, {}),
-            /* @__PURE__ */ jsx36(DropdownMenuItem2, {
-              onClick: () => onAction("sign-out"),
-              children: "Sign out"
-            })
-          ]
-        })
-      })
-    ]
-  });
-}
-// src/components/StatCard.tsx
-import { jsx as jsx37, jsxs as jsxs23 } from "react/jsx-runtime";
-function StatCard({
-  label,
-  value,
-  change,
-  changeIntent = "neutral",
-  description,
-  children,
-  loading = false,
-  density
-}) {
-  return /* @__PURE__ */ jsxs23(Card2, {
-    density,
-    "aria-label": label,
-    "aria-busy": loading,
-    children: [
-      /* @__PURE__ */ jsxs23(CardHeader2, {
-        children: [
-          /* @__PURE__ */ jsx37(CardTitle2, {
-            children: label
-          }),
-          description && /* @__PURE__ */ jsx37(CardDescription2, {
-            children: description
-          })
-        ]
-      }),
-      /* @__PURE__ */ jsx37(CardContent2, {
-        children: /* @__PURE__ */ jsxs23("div", {
-          className: "flex flex-wrap items-center justify-between gap-control-gap",
-          children: [
-            loading ? /* @__PURE__ */ jsx37(Skeleton2, {
-              className: "h-8 w-24",
-              "aria-label": `Loading ${label}`
-            }) : /* @__PURE__ */ jsx37("div", {
-              className: "text-2xl font-semibold tabular-nums",
-              children: value
-            }),
-            change && /* @__PURE__ */ jsx37(Badge2, {
-              variant: changeIntent === "positive" ? "success" : changeIntent === "negative" ? "destructive" : "secondary",
-              children: change
-            })
-          ]
-        })
-      }),
-      children && /* @__PURE__ */ jsx37(CardFooter2, {
-        children
-      })
-    ]
-  });
-}
-// src/components/AuthForm.tsx
-import { useId as useId2, useState as useState5 } from "react";
-import { jsx as jsx38, jsxs as jsxs24 } from "react/jsx-runtime";
-function AuthForm({
-  mode = "sign-in",
-  onSubmit,
-  footer,
-  alternativeActions,
-  disabled = false,
-  density
-}) {
-  const id = useId2();
-  const [pending, setPending] = useState5(false);
-  const [error, setError] = useState5("");
-  const title = mode === "sign-up" ? "Create an account" : mode === "reset-password" ? "Reset your password" : "Sign in";
-  async function submit(event) {
-    event.preventDefault();
-    const data = new FormData(event.currentTarget);
-    setError("");
-    setPending(true);
-    try {
-      await onSubmit({
-        email: String(data.get("email") ?? ""),
-        password: String(data.get("password") ?? ""),
-        name: String(data.get("name") ?? "")
-      });
-    } catch (error) {
-      setError(error instanceof Error ? error.message : "Unable to submit. Please try again.");
-    } finally {
-      setPending(false);
-    }
-  }
-  return /* @__PURE__ */ jsxs24(Card2, {
-    density,
-    children: [
-      /* @__PURE__ */ jsxs24(CardHeader2, {
-        children: [
-          /* @__PURE__ */ jsx38(CardTitle2, {
-            children: title
-          }),
-          /* @__PURE__ */ jsx38(CardDescription2, {
-            children: mode === "reset-password" ? "Enter your email to request a password reset." : "Enter your details to continue."
-          })
-        ]
-      }),
-      /* @__PURE__ */ jsx38(CardContent2, {
-        children: /* @__PURE__ */ jsx38("form", {
-          onSubmit: submit,
-          "aria-label": title,
-          "aria-busy": pending,
-          children: /* @__PURE__ */ jsxs24(FieldGroup2, {
-            children: [
-              mode === "sign-up" && /* @__PURE__ */ jsxs24(Field2, {
-                children: [
-                  /* @__PURE__ */ jsx38(FieldLabel2, {
-                    htmlFor: id + "-name",
-                    children: "Name"
-                  }),
-                  /* @__PURE__ */ jsx38(Input2, {
-                    id: id + "-name",
-                    name: "name",
-                    autoComplete: "name",
-                    required: true,
-                    disabled: disabled || pending
-                  })
-                ]
-              }),
-              /* @__PURE__ */ jsxs24(Field2, {
-                children: [
-                  /* @__PURE__ */ jsx38(FieldLabel2, {
-                    htmlFor: id + "-email",
-                    children: "Email"
-                  }),
-                  /* @__PURE__ */ jsx38(Input2, {
-                    id: id + "-email",
-                    name: "email",
-                    type: "email",
-                    autoComplete: "email",
-                    required: true,
-                    disabled: disabled || pending
-                  })
-                ]
-              }),
-              mode !== "reset-password" && /* @__PURE__ */ jsxs24(Field2, {
-                children: [
-                  /* @__PURE__ */ jsx38(FieldLabel2, {
-                    htmlFor: id + "-password",
-                    children: "Password"
-                  }),
-                  /* @__PURE__ */ jsx38(Input2, {
-                    id: id + "-password",
-                    name: "password",
-                    type: "password",
-                    autoComplete: mode === "sign-up" ? "new-password" : "current-password",
-                    minLength: mode === "sign-up" ? 8 : undefined,
-                    required: true,
-                    disabled: disabled || pending
-                  }),
-                  mode === "sign-up" && /* @__PURE__ */ jsx38(FieldDescription2, {
-                    children: "Use at least eight characters."
-                  })
-                ]
-              }),
-              error && /* @__PURE__ */ jsxs24(Alert2, {
-                variant: "destructive",
-                children: [
-                  /* @__PURE__ */ jsx38(AlertTitle2, {
-                    children: "Request failed"
-                  }),
-                  /* @__PURE__ */ jsx38(AlertDescription2, {
-                    children: error
-                  })
-                ]
-              }),
-              /* @__PURE__ */ jsxs24(Button2, {
-                type: "submit",
-                disabled: disabled || pending,
-                children: [
-                  pending && /* @__PURE__ */ jsx38(Spinner2, {
-                    "data-icon": "inline-start"
-                  }),
-                  mode === "reset-password" ? "Send reset link" : title
-                ]
-              }),
-              alternativeActions
-            ]
-          })
-        })
-      }),
-      footer && /* @__PURE__ */ jsx38(CardFooter2, {
-        children: footer
-      })
-    ]
-  });
-}
-// src/components/SettingsSection.tsx
-import { jsx as jsx39, jsxs as jsxs25 } from "react/jsx-runtime";
-function SettingsSection({
-  title,
-  description,
-  children,
-  onSubmit,
-  saveLabel = "Save changes",
-  pending = false,
-  disabled = false,
-  footer,
-  destructive = false,
-  density
-}) {
-  return /* @__PURE__ */ jsx39("form", {
-    "aria-label": title,
-    onSubmit,
-    "aria-busy": pending,
-    children: /* @__PURE__ */ jsxs25(Card2, {
-      density,
-      children: [
-        /* @__PURE__ */ jsxs25(CardHeader2, {
-          children: [
-            /* @__PURE__ */ jsx39(CardTitle2, {
-              children: title
-            }),
-            description && /* @__PURE__ */ jsx39(CardDescription2, {
-              children: description
-            })
-          ]
-        }),
-        /* @__PURE__ */ jsx39(CardContent2, {
-          children: /* @__PURE__ */ jsxs25("fieldset", {
-            disabled: disabled || pending,
-            className: "min-w-0 border-0 p-0",
-            children: [
-              /* @__PURE__ */ jsx39("legend", {
-                className: "sr-only",
-                children: title
-              }),
-              /* @__PURE__ */ jsx39(FieldGroup2, {
-                children
-              })
-            ]
-          })
-        }),
-        /* @__PURE__ */ jsxs25(CardFooter2, {
-          className: "flex flex-wrap items-center justify-between gap-control-gap",
-          children: [
-            footer,
-            /* @__PURE__ */ jsxs25(Button2, {
-              type: "submit",
-              variant: destructive ? "destructive" : "default",
-              disabled: disabled || pending,
-              children: [
-                pending && /* @__PURE__ */ jsx39(Spinner2, {
-                  "data-icon": "inline-start"
-                }),
-                saveLabel
-              ]
-            })
-          ]
-        })
-      ]
-    })
-  });
-}
-// src/components/TagInput.tsx
-import { jsx as jsx40, jsxs as jsxs26 } from "react/jsx-runtime";
-function TagInput({
-  label,
-  options,
-  value,
-  defaultValue,
-  onValueChange,
-  disabled,
-  name,
-  placeholder = "Add tags",
-  density
-}) {
-  const anchor = useComboboxAnchor();
-  return /* @__PURE__ */ jsxs26(Combobox, {
-    items: options,
-    multiple: true,
-    value,
-    defaultValue,
-    onValueChange,
-    disabled,
-    name,
-    children: [
-      /* @__PURE__ */ jsxs26(ComboboxChips, {
-        ref: anchor,
-        density,
-        children: [
-          /* @__PURE__ */ jsx40(ComboboxValue, {
-            children: (values) => values.map((item) => /* @__PURE__ */ jsx40(ComboboxChip, {
-              removeLabel: `Remove ${item}`,
-              children: item
-            }, item))
-          }),
-          /* @__PURE__ */ jsx40(ComboboxChipsInput, {
-            "aria-label": label,
-            placeholder
-          })
-        ]
-      }),
-      /* @__PURE__ */ jsxs26(ComboboxContent, {
-        anchor,
-        density,
-        children: [
-          /* @__PURE__ */ jsx40(ComboboxEmpty, {
-            children: "No matching tags."
-          }),
-          /* @__PURE__ */ jsx40(ComboboxList, {
-            children: /* @__PURE__ */ jsx40(ComboboxGroup, {
-              children: /* @__PURE__ */ jsx40(ComboboxCollection, {
-                children: (item) => /* @__PURE__ */ jsx40(ComboboxItem, {
-                  value: item,
-                  children: item
-                }, item)
-              })
-            })
-          })
-        ]
-      })
-    ]
-  });
-}
-// src/components/FilterBar.tsx
-import { jsx as jsx41, jsxs as jsxs27 } from "react/jsx-runtime";
-function FilterBar({
-  label,
-  search,
-  onSearchChange,
-  filters,
-  value,
-  onValueChange,
-  disabled,
-  density
-}) {
-  return /* @__PURE__ */ jsxs27("fieldset", {
-    "aria-label": label,
-    disabled,
-    "data-density": density,
-    className: "flex min-w-0 flex-wrap items-center gap-2",
-    children: [
-      /* @__PURE__ */ jsx41(Input2, {
-        "aria-label": `Search ${label}`,
-        type: "search",
-        value: search,
-        onChange: (event) => onSearchChange(event.target.value),
-        className: "min-w-40 flex-1"
-      }),
-      filters.map((filter) => /* @__PURE__ */ jsxs27(NativeSelect2, {
-        "aria-label": filter.label,
-        value: value[filter.id] ?? "",
-        onChange: (event) => onValueChange({ ...value, [filter.id]: event.target.value }),
-        children: [
-          /* @__PURE__ */ jsxs27(NativeSelectOption2, {
-            value: "",
-            children: [
-              "All ",
-              filter.label.toLowerCase()
-            ]
-          }),
-          filter.options.map((option) => /* @__PURE__ */ jsx41(NativeSelectOption2, {
-            value: option.value,
-            children: option.label
-          }, option.value))
-        ]
-      }, filter.id)),
-      /* @__PURE__ */ jsx41(Button2, {
-        type: "button",
-        variant: "ghost",
-        disabled: !search && !Object.values(value).some(Boolean),
-        onClick: () => {
-          onSearchChange("");
-          onValueChange({});
-        },
-        children: "Clear filters"
-      })
-    ]
-  });
-}
-// src/components/BarList.tsx
-import { jsx as jsx42, jsxs as jsxs28 } from "react/jsx-runtime";
-function BarList({
-  label,
-  items,
-  onItemSelect,
-  valueFormatter = (value) => value.toLocaleString(),
-  density
-}) {
-  const max = Math.max(1, ...items.map((item) => item.value));
-  return /* @__PURE__ */ jsxs28("section", {
-    "aria-label": label,
-    "data-density": density,
-    children: [
-      /* @__PURE__ */ jsx42("ul", {
-        className: "grid gap-3",
-        children: items.map((item) => /* @__PURE__ */ jsx42("li", {
-          children: /* @__PURE__ */ jsxs28(Meter, {
-            min: 0,
-            max,
-            value: item.value,
-            "aria-label": item.label,
-            format: { maximumFractionDigits: 2 },
-            children: [
-              /* @__PURE__ */ jsxs28("div", {
-                className: "mb-1 flex items-center justify-between gap-3 text-sm",
-                children: [
-                  /* @__PURE__ */ jsx42(MeterLabel, {
-                    children: onItemSelect ? /* @__PURE__ */ jsx42(Button2, {
-                      type: "button",
-                      variant: "link",
-                      className: "h-auto p-0",
-                      onClick: () => onItemSelect(item),
-                      children: item.label
-                    }) : item.label
-                  }),
-                  /* @__PURE__ */ jsx42(MeterValue, {
-                    children: () => valueFormatter(item.value)
-                  })
-                ]
-              }),
-              /* @__PURE__ */ jsx42(MeterTrack, {
-                children: /* @__PURE__ */ jsx42(MeterIndicator, {})
-              })
-            ]
-          })
-        }, item.id))
-      }),
-      !items.length && /* @__PURE__ */ jsx42("p", {
-        role: "status",
-        className: "text-sm text-muted-foreground",
-        children: "No data available."
-      })
-    ]
-  });
-}
-// src/components/StatusTracker.tsx
-import { jsx as jsx43, jsxs as jsxs29 } from "react/jsx-runtime";
-var statusClasses = { success: "bg-success", warning: "bg-warning", error: "bg-destructive", unknown: "bg-muted" };
-function StatusTracker({ label, items, onItemSelect, density }) {
-  return /* @__PURE__ */ jsx43(TooltipProvider2, {
-    children: /* @__PURE__ */ jsx43("div", {
-      role: "group",
-      "aria-label": label,
-      "data-density": density,
-      className: "flex min-w-0 gap-1",
-      children: items.map((item) => /* @__PURE__ */ jsxs29(Tooltip2, {
-        children: [
-          /* @__PURE__ */ jsx43(TooltipTrigger2, {
-            "aria-label": `${item.label}: ${item.status}`,
-            onClick: () => onItemSelect?.(item),
-            className: cn2("h-8 min-w-2 flex-1 rounded-sm outline-none focus-visible:ring-2 focus-visible:ring-ring", statusClasses[item.status])
-          }),
-          /* @__PURE__ */ jsxs29(TooltipContent2, {
-            children: [
-              item.label,
-              ": ",
-              item.description ?? item.status
-            ]
-          })
-        ]
-      }, item.id))
-    })
-  });
-}
-// src/components/DashboardLayout.tsx
-import { jsx as jsx44, jsxs as jsxs30 } from "react/jsx-runtime";
-function DashboardLayout({
-  title,
-  description,
-  actions,
-  filters,
-  stats,
-  children,
-  footer,
-  density
-}) {
-  return /* @__PURE__ */ jsxs30("div", {
-    "data-density": density,
-    "data-scroll": "none",
-    className: "grid min-w-0 gap-6",
-    children: [
-      /* @__PURE__ */ jsx44(PageHeader, {
-        title,
-        description,
-        actions
-      }),
-      filters,
-      stats.length > 0 && /* @__PURE__ */ jsx44("div", {
-        className: "grid gap-4 sm:grid-cols-2 xl:grid-cols-4",
-        children: stats.map(({ id, ...stat }) => /* @__PURE__ */ jsx44(StatCard, {
-          ...stat
-        }, id))
-      }),
-      /* @__PURE__ */ jsx44("div", {
-        className: "grid min-w-0 gap-4",
-        children
-      }),
-      footer
-    ]
-  });
-}
-// src/components/BillingUsage.tsx
-import { jsx as jsx45, jsxs as jsxs31 } from "react/jsx-runtime";
-function BillingUsage({ plan, price, period, metrics, onManage, pending, density }) {
-  return /* @__PURE__ */ jsxs31(Card2, {
-    density,
-    "aria-label": "Billing and usage",
-    children: [
-      /* @__PURE__ */ jsxs31(CardHeader2, {
-        children: [
-          /* @__PURE__ */ jsx45(CardTitle2, {
-            children: plan
-          }),
-          /* @__PURE__ */ jsxs31(CardDescription2, {
-            children: [
-              price,
-              " · ",
-              period
-            ]
-          })
-        ]
-      }),
-      /* @__PURE__ */ jsx45(CardContent2, {
-        className: "grid gap-4",
-        children: metrics.map((metric) => /* @__PURE__ */ jsxs31(Meter, {
-          value: metric.used,
-          max: metric.limit,
-          "aria-label": metric.label,
-          children: [
-            /* @__PURE__ */ jsxs31("div", {
-              className: "mb-2 flex items-center justify-between gap-3 text-sm",
-              children: [
-                /* @__PURE__ */ jsx45(MeterLabel, {
-                  children: metric.label
-                }),
-                /* @__PURE__ */ jsx45(MeterValue, {
-                  children: () => `${metric.used.toLocaleString()} / ${metric.limit.toLocaleString()}${metric.unit ? ` ${metric.unit}` : ""}`
-                })
-              ]
-            }),
-            /* @__PURE__ */ jsx45(MeterTrack, {
-              children: /* @__PURE__ */ jsx45(MeterIndicator, {})
-            })
-          ]
-        }, metric.id))
-      }),
-      /* @__PURE__ */ jsx45(CardFooter2, {
-        children: /* @__PURE__ */ jsx45(Button2, {
-          type: "button",
-          variant: "outline",
-          onClick: onManage,
-          disabled: pending,
-          children: "Manage billing"
-        })
-      })
-    ]
-  });
-}
+  Avatar2,
+  AvatarImage2,
+  AvatarFallback2,
+  AvatarBadge2,
+  AvatarGroup2,
+  AvatarGroupCount2
+} from "./chunk-hyq4nwg2.js";
+import {
+  TooltipProvider2,
+  Tooltip2,
+  TooltipTrigger2,
+  TooltipContent2
+} from "./chunk-mz3e810d.js";
+import {
+  HoverCard2,
+  HoverCardTrigger2,
+  HoverCardContent2
+} from "./chunk-hh43wg05.js";
+import {
+  Skeleton2
+} from "./chunk-d70rcwk7.js";
+import {
+  Label2
+} from "./chunk-jcxxjkqx.js";
+import {
+  badgeVariants2,
+  Badge2
+} from "./chunk-wjx6zf94.js";
+import {
+  Collapsible2,
+  CollapsibleTrigger2,
+  CollapsibleContent2
+} from "./chunk-24d68cjp.js";
+import {
+  DirectionProvider2,
+  useDirection2
+} from "./chunk-jpvw9xqy.js";
+import {
+  Popover2,
+  PopoverTrigger2,
+  PopoverContent2,
+  PopoverHeader2,
+  PopoverTitle2,
+  PopoverDescription2
+} from "./chunk-4djw71cv.js";
+import {
+  Dialog2,
+  DialogTrigger2,
+  DialogPortal2,
+  DialogClose2,
+  DialogOverlay2,
+  DialogContent2,
+  DialogHeader2,
+  DialogFooter2,
+  DialogTitle2,
+  DialogDescription2
+} from "./chunk-ex1zk6ta.js";
+import {
+  InputGroup2,
+  InputGroupAddon2,
+  InputGroupButton2,
+  InputGroupText2,
+  InputGroupInput2,
+  InputGroupTextarea2
+} from "./chunk-57jj9v64.js";
+import {
+  Input2
+} from "./chunk-59p19t57.js";
+import {
+  Textarea2
+} from "./chunk-hz9azhzx.js";
+import {
+  PortalProvider2
+} from "./chunk-aa7m22zj.js";
+import {
+  usePortalContainer2
+} from "./chunk-j89xg1ak.js";
+import"./chunk-k99h6evz.js";
+import {
+  Separator2
+} from "./chunk-rajgnfbr.js";
+import {
+  useTheme2
+} from "./chunk-1j2hz3w9.js";
+import"./chunk-e6hk39ev.js";
+import {
+  buttonVariants2,
+  Button2
+} from "./chunk-q7p28b89.js";
+import {
+  cn2
+} from "./chunk-cp2m7y7v.js";
 export {
-  Accordion,
-  AccordionContent,
-  AccordionItem,
-  AccordionTrigger,
-  AccountMenu,
+  Accordion2 as Accordion,
+  AccordionContent2 as AccordionContent,
+  AccordionItem2 as AccordionItem,
+  AccordionTrigger2 as AccordionTrigger,
+  AccountMenu2 as AccountMenu,
   Alert2 as Alert,
   AlertAction2 as AlertAction,
   AlertDescription2 as AlertDescription,
-  AlertDialog,
-  AlertDialogAction,
-  AlertDialogCancel,
-  AlertDialogContent,
-  AlertDialogDescription,
-  AlertDialogFooter,
-  AlertDialogHeader,
-  AlertDialogMedia,
-  AlertDialogOverlay,
-  AlertDialogPortal,
-  AlertDialogTitle,
-  AlertDialogTrigger,
+  AlertDialog2 as AlertDialog,
+  AlertDialogAction2 as AlertDialogAction,
+  AlertDialogCancel2 as AlertDialogCancel,
+  AlertDialogContent2 as AlertDialogContent,
+  AlertDialogDescription2 as AlertDialogDescription,
+  AlertDialogFooter2 as AlertDialogFooter,
+  AlertDialogHeader2 as AlertDialogHeader,
+  AlertDialogMedia2 as AlertDialogMedia,
+  AlertDialogOverlay2 as AlertDialogOverlay,
+  AlertDialogPortal2 as AlertDialogPortal,
+  AlertDialogTitle2 as AlertDialogTitle,
+  AlertDialogTrigger2 as AlertDialogTrigger,
   AlertTitle2 as AlertTitle,
-  AppShell,
-  AspectRatio,
-  Attachment,
-  AttachmentAction,
-  AttachmentActions,
-  AttachmentContent,
-  AttachmentDescription,
-  AttachmentGroup,
-  AttachmentMedia,
-  AttachmentTitle,
-  AttachmentTrigger,
-  AuthForm,
+  AppShell2 as AppShell,
+  AspectRatio2 as AspectRatio,
+  Attachment2 as Attachment,
+  AttachmentAction2 as AttachmentAction,
+  AttachmentActions2 as AttachmentActions,
+  AttachmentContent2 as AttachmentContent,
+  AttachmentDescription2 as AttachmentDescription,
+  AttachmentGroup2 as AttachmentGroup,
+  AttachmentMedia2 as AttachmentMedia,
+  AttachmentTitle2 as AttachmentTitle,
+  AttachmentTrigger2 as AttachmentTrigger,
+  AuthForm2 as AuthForm,
   Avatar2 as Avatar,
   AvatarBadge2 as AvatarBadge,
   AvatarFallback2 as AvatarFallback,
@@ -4115,24 +495,24 @@ export {
   AvatarGroupCount2 as AvatarGroupCount,
   AvatarImage2 as AvatarImage,
   Badge2 as Badge,
-  BarList,
-  BillingUsage,
-  Breadcrumb,
-  BreadcrumbEllipsis,
-  BreadcrumbItem,
-  BreadcrumbLink,
-  BreadcrumbList,
-  BreadcrumbPage,
-  BreadcrumbSeparator,
-  Bubble,
-  BubbleContent,
-  BubbleGroup,
-  BubbleReactions,
+  BarList2 as BarList,
+  BillingUsage2 as BillingUsage,
+  Breadcrumb2 as Breadcrumb,
+  BreadcrumbEllipsis2 as BreadcrumbEllipsis,
+  BreadcrumbItem2 as BreadcrumbItem,
+  BreadcrumbLink2 as BreadcrumbLink,
+  BreadcrumbList2 as BreadcrumbList,
+  BreadcrumbPage2 as BreadcrumbPage,
+  BreadcrumbSeparator2 as BreadcrumbSeparator,
+  Bubble2 as Bubble,
+  BubbleContent2 as BubbleContent,
+  BubbleGroup2 as BubbleGroup,
+  BubbleReactions2 as BubbleReactions,
   Button2 as Button,
-  ButtonGroup,
-  ButtonGroupSeparator,
-  ButtonGroupText,
-  ButtonLink,
+  ButtonGroup2 as ButtonGroup,
+  ButtonGroupSeparator2 as ButtonGroupSeparator,
+  ButtonGroupText2 as ButtonGroupText,
+  ButtonLink2 as ButtonLink,
   Card2 as Card,
   CardAction2 as CardAction,
   CardContent2 as CardContent,
@@ -4144,39 +524,39 @@ export {
   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,
-  DashboardLayout,
-  DensityProvider,
+  Combobox2 as Combobox,
+  ComboboxChip2 as ComboboxChip,
+  ComboboxChips2 as ComboboxChips,
+  ComboboxChipsInput2 as ComboboxChipsInput,
+  ComboboxCollection2 as ComboboxCollection,
+  ComboboxContent2 as ComboboxContent,
+  ComboboxEmpty2 as ComboboxEmpty,
+  ComboboxGroup2 as ComboboxGroup,
+  ComboboxInput2 as ComboboxInput,
+  ComboboxItem2 as ComboboxItem,
+  ComboboxLabel2 as ComboboxLabel,
+  ComboboxList2 as ComboboxList,
+  ComboboxSeparator2 as ComboboxSeparator,
+  ComboboxTrigger2 as ComboboxTrigger,
+  ComboboxValue2 as ComboboxValue,
+  ConfirmationDialog2 as ConfirmationDialog,
+  ContextMenu2 as ContextMenu,
+  ContextMenuCheckboxItem2 as ContextMenuCheckboxItem,
+  ContextMenuContent2 as ContextMenuContent,
+  ContextMenuGroup2 as ContextMenuGroup,
+  ContextMenuItem2 as ContextMenuItem,
+  ContextMenuLabel2 as ContextMenuLabel,
+  ContextMenuPortal2 as ContextMenuPortal,
+  ContextMenuRadioGroup2 as ContextMenuRadioGroup,
+  ContextMenuRadioItem2 as ContextMenuRadioItem,
+  ContextMenuSeparator2 as ContextMenuSeparator,
+  ContextMenuShortcut2 as ContextMenuShortcut,
+  ContextMenuSub2 as ContextMenuSub,
+  ContextMenuSubContent2 as ContextMenuSubContent,
+  ContextMenuSubTrigger2 as ContextMenuSubTrigger,
+  ContextMenuTrigger2 as ContextMenuTrigger,
+  DashboardLayout2 as DashboardLayout,
+  DensityProvider2 as DensityProvider,
   Dialog2 as Dialog,
   DialogClose2 as DialogClose,
   DialogContent2 as DialogContent,
@@ -4191,17 +571,17 @@ export {
   DragDropPreview2 as DragDropPreview,
   DragDropProvider2 as DragDropProvider,
   DragSource2 as DragSource,
-  Drawer,
-  DrawerClose,
-  DrawerContent,
-  DrawerDescription,
-  DrawerFooter,
-  DrawerHeader,
-  DrawerOverlay,
-  DrawerPortal,
-  DrawerSwipeHandle,
-  DrawerTitle,
-  DrawerTrigger,
+  Drawer2 as Drawer,
+  DrawerClose2 as DrawerClose,
+  DrawerContent2 as DrawerContent,
+  DrawerDescription2 as DrawerDescription,
+  DrawerFooter2 as DrawerFooter,
+  DrawerHeader2 as DrawerHeader,
+  DrawerOverlay2 as DrawerOverlay,
+  DrawerPortal2 as DrawerPortal,
+  DrawerSwipeHandle2 as DrawerSwipeHandle,
+  DrawerTitle2 as DrawerTitle,
+  DrawerTrigger2 as DrawerTrigger,
   DropTarget2 as DropTarget,
   DropdownMenu2 as DropdownMenu,
   DropdownMenuCheckboxItem2 as DropdownMenuCheckboxItem,
@@ -4223,7 +603,7 @@ export {
   EmptyDescription2 as EmptyDescription,
   EmptyHeader2 as EmptyHeader,
   EmptyMedia2 as EmptyMedia,
-  EmptyState,
+  EmptyState3 as EmptyState,
   EmptyTitle2 as EmptyTitle,
   Field2 as Field,
   FieldContent2 as FieldContent,
@@ -4235,12 +615,12 @@ export {
   FieldSeparator2 as FieldSeparator,
   FieldSet2 as FieldSet,
   FieldTitle2 as FieldTitle,
-  FilterBar,
+  FilterBar2 as FilterBar,
   HoverCard2 as HoverCard,
   HoverCardContent2 as HoverCardContent,
   HoverCardTrigger2 as HoverCardTrigger,
-  ImagePicker,
-  InlineEdit,
+  ImagePicker2 as ImagePicker,
+  InlineEdit2 as InlineEdit,
   Input2 as Input,
   InputGroup2 as InputGroup,
   InputGroupAddon2 as InputGroupAddon,
@@ -4248,79 +628,79 @@ export {
   InputGroupInput2 as InputGroupInput,
   InputGroupText2 as InputGroupText,
   InputGroupTextarea2 as InputGroupTextarea,
-  Item,
-  ItemActions,
-  ItemContent,
-  ItemDescription,
-  ItemFooter,
-  ItemGroup,
-  ItemHeader,
-  ItemMedia,
-  ItemSeparator,
-  ItemTitle,
-  JsonViewer,
+  Item2 as Item,
+  ItemActions2 as ItemActions,
+  ItemContent2 as ItemContent,
+  ItemDescription2 as ItemDescription,
+  ItemFooter2 as ItemFooter,
+  ItemGroup2 as ItemGroup,
+  ItemHeader2 as ItemHeader,
+  ItemMedia2 as ItemMedia,
+  ItemSeparator2 as ItemSeparator,
+  ItemTitle2 as ItemTitle,
+  JsonViewer2 as JsonViewer,
   Kanban2 as Kanban,
   Kbd2 as Kbd,
   KbdGroup2 as KbdGroup,
   Label2 as Label,
-  LayoutGuard,
-  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,
-  Meter,
-  MeterIndicator,
-  MeterLabel,
-  MeterTrack,
-  MeterValue,
+  LayoutGuard2 as LayoutGuard,
+  Marker2 as Marker,
+  MarkerContent2 as MarkerContent,
+  MarkerIcon2 as MarkerIcon,
+  Menubar2 as Menubar,
+  MenubarCheckboxItem2 as MenubarCheckboxItem,
+  MenubarContent2 as MenubarContent,
+  MenubarGroup2 as MenubarGroup,
+  MenubarItem2 as MenubarItem,
+  MenubarLabel2 as MenubarLabel,
+  MenubarMenu2 as MenubarMenu,
+  MenubarPortal2 as MenubarPortal,
+  MenubarRadioGroup2 as MenubarRadioGroup,
+  MenubarRadioItem2 as MenubarRadioItem,
+  MenubarSeparator2 as MenubarSeparator,
+  MenubarShortcut2 as MenubarShortcut,
+  MenubarSub2 as MenubarSub,
+  MenubarSubContent2 as MenubarSubContent,
+  MenubarSubTrigger2 as MenubarSubTrigger,
+  MenubarTrigger2 as MenubarTrigger,
+  Message2 as Message,
+  MessageAvatar2 as MessageAvatar,
+  MessageContent2 as MessageContent,
+  MessageFooter2 as MessageFooter,
+  MessageGroup2 as MessageGroup,
+  MessageHeader2 as MessageHeader,
+  Meter2 as Meter,
+  MeterIndicator2 as MeterIndicator,
+  MeterLabel2 as MeterLabel,
+  MeterTrack2 as MeterTrack,
+  MeterValue2 as MeterValue,
   NativeSelect2 as NativeSelect,
   NativeSelectOptGroup2 as NativeSelectOptGroup,
   NativeSelectOption2 as NativeSelectOption,
-  NavigationMenu,
-  NavigationMenuContent,
-  NavigationMenuIndicator,
-  NavigationMenuItem,
-  NavigationMenuLink,
-  NavigationMenuList,
-  NavigationMenuPositioner,
-  NavigationMenuTrigger,
-  NumberField,
-  NumberFieldDecrement,
-  NumberFieldGroup,
-  NumberFieldIncrement,
-  NumberFieldInput,
-  NumberFieldScrubArea,
-  NumberFieldScrubAreaCursor,
-  PageHeader,
-  PageMessage,
-  Pagination,
-  PaginationContent,
-  PaginationEllipsis,
-  PaginationItem,
-  PaginationLink,
-  PaginationNext,
-  PaginationPrevious,
+  NavigationMenu2 as NavigationMenu,
+  NavigationMenuContent2 as NavigationMenuContent,
+  NavigationMenuIndicator2 as NavigationMenuIndicator,
+  NavigationMenuItem2 as NavigationMenuItem,
+  NavigationMenuLink2 as NavigationMenuLink,
+  NavigationMenuList2 as NavigationMenuList,
+  NavigationMenuPositioner2 as NavigationMenuPositioner,
+  NavigationMenuTrigger2 as NavigationMenuTrigger,
+  NumberField2 as NumberField,
+  NumberFieldDecrement2 as NumberFieldDecrement,
+  NumberFieldGroup2 as NumberFieldGroup,
+  NumberFieldIncrement2 as NumberFieldIncrement,
+  NumberFieldInput2 as NumberFieldInput,
+  NumberFieldScrubArea2 as NumberFieldScrubArea,
+  NumberFieldScrubAreaCursor2 as NumberFieldScrubAreaCursor,
+  PageHeader2 as PageHeader,
+  PageMessage2 as PageMessage,
+  Pagination2 as Pagination,
+  PaginationContent2 as PaginationContent,
+  PaginationEllipsis2 as PaginationEllipsis,
+  PaginationItem2 as PaginationItem,
+  PaginationLink2 as PaginationLink,
+  PaginationNext2 as PaginationNext,
+  PaginationPrevious2 as PaginationPrevious,
   Popover2 as Popover,
   PopoverContent2 as PopoverContent,
   PopoverDescription2 as PopoverDescription,
@@ -4335,21 +715,21 @@ export {
   ProgressValue2 as ProgressValue,
   RadioGroup2 as RadioGroup,
   RadioGroupItem2 as RadioGroupItem,
-  ScrollArea,
-  ScrollBar,
-  ScrollGuard,
-  Select,
-  SelectContent,
-  SelectGroup,
-  SelectItem,
-  SelectLabel,
-  SelectScrollDownButton,
-  SelectScrollUpButton,
-  SelectSeparator,
-  SelectTrigger,
-  SelectValue,
+  ScrollArea2 as ScrollArea,
+  ScrollBar2 as ScrollBar,
+  ScrollGuard2 as ScrollGuard,
+  Select2 as Select,
+  SelectContent2 as SelectContent,
+  SelectGroup2 as SelectGroup,
+  SelectItem2 as SelectItem,
+  SelectLabel2 as SelectLabel,
+  SelectScrollDownButton2 as SelectScrollDownButton,
+  SelectScrollUpButton2 as SelectScrollUpButton,
+  SelectSeparator2 as SelectSeparator,
+  SelectTrigger2 as SelectTrigger,
+  SelectValue2 as SelectValue,
   Separator2 as Separator,
-  SettingsSection,
+  SettingsSection2 as SettingsSection,
   Sheet2 as Sheet,
   SheetClose2 as SheetClose,
   SheetContent2 as SheetContent,
@@ -4384,14 +764,14 @@ export {
   Skeleton2 as Skeleton,
   Slider2 as Slider,
   Spinner2 as Spinner,
-  StarRating,
-  StatCard,
-  StatusTracker,
-  Stepper,
-  StepperContent,
-  StepperIndicator,
-  StepperList,
-  StepperTrigger,
+  StarRating2 as StarRating,
+  StatCard2 as StatCard,
+  StatusTracker2 as StatusTracker,
+  Stepper2 as Stepper,
+  StepperContent2 as StepperContent,
+  StepperIndicator2 as StepperIndicator,
+  StepperList2 as StepperList,
+  StepperTrigger2 as StepperTrigger,
   Switch2 as Switch,
   Table2 as Table,
   TableBody2 as TableBody,
@@ -4407,19 +787,19 @@ export {
   TabsContent2 as TabsContent,
   TabsList2 as TabsList,
   TabsTrigger2 as TabsTrigger,
-  TagInput,
+  TagInput2 as TagInput,
   Textarea2 as Textarea,
-  ThemeProvider,
-  Toast,
-  ToastAction,
-  ToastClose,
-  ToastContent,
-  ToastDescription,
-  ToastPortal,
-  ToastProvider,
-  ToastTitle,
-  ToastToaster,
-  ToastViewport,
+  ThemeProvider2 as ThemeProvider,
+  Toast2 as Toast,
+  ToastAction2 as ToastAction,
+  ToastClose2 as ToastClose,
+  ToastContent2 as ToastContent,
+  ToastDescription2 as ToastDescription,
+  ToastPortal2 as ToastPortal,
+  ToastProvider2 as ToastProvider,
+  ToastTitle2 as ToastTitle,
+  ToastToaster2 as ToastToaster,
+  ToastViewport2 as ToastViewport,
   Toggle2 as Toggle,
   ToggleGroup2 as ToggleGroup,
   ToggleGroupItem2 as ToggleGroupItem,
@@ -4433,18 +813,18 @@ export {
   TooltipContent2 as TooltipContent,
   TooltipProvider2 as TooltipProvider,
   TooltipTrigger2 as TooltipTrigger,
-  WorkspaceSwitcher,
+  WorkspaceSwitcher2 as WorkspaceSwitcher,
   badgeVariants2 as badgeVariants,
-  buttonGroupVariants,
+  buttonGroupVariants2 as buttonGroupVariants,
   buttonVariants2 as buttonVariants,
   cn2 as cn,
-  collectLayoutViolations,
-  createToastManager,
-  markerVariants,
-  navigationMenuTriggerStyle,
+  collectLayoutViolations2 as collectLayoutViolations,
+  createToastManager2 as createToastManager,
+  markerVariants2 as markerVariants,
+  navigationMenuTriggerStyle2 as navigationMenuTriggerStyle,
   tabsListVariants2 as tabsListVariants,
   toggleVariants2 as toggleVariants,
-  useComboboxAnchor,
+  useComboboxAnchor2 as useComboboxAnchor,
   useDirection2 as useDirection,
   useDragDrop2 as useDragDrop,
   useDragSource2 as useDragSource,
@@ -4452,5 +832,5 @@ export {
   usePortalContainer2 as usePortalContainer,
   useSidebar2 as useSidebar,
   useTheme2 as useTheme,
-  useToastManager
+  useToastManager2 as useToastManager
 };