@alexgorbatchev/shadcn 0.0.31 → 0.0.32

package/dist/chunk-c6g2rbhv.js

@@ -0,0 +1,3940 @@
+import {
+  cn2
+} from "./chunk-cp2m7y7v.js";
+import {
+  buttonVariants2,
+  Button2
+} from "./chunk-q7p28b89.js";
+import {
+  DensityContext,
+  useDensity
+} from "./chunk-e6hk39ev.js";
+import {
+  usePortalContainer2
+} from "./chunk-j89xg1ak.js";
+import {
+  usePortalNode,
+  PortalProvider2
+} from "./chunk-aa7m22zj.js";
+import {
+  useDirection2
+} from "./chunk-jpvw9xqy.js";
+import {
+  DropdownMenu2,
+  DropdownMenuPortal2,
+  DropdownMenuTrigger2,
+  DropdownMenuContent2,
+  DropdownMenuGroup2,
+  DropdownMenuLabel2,
+  DropdownMenuItem2,
+  DropdownMenuSub2,
+  DropdownMenuSubTrigger2,
+  DropdownMenuSubContent2,
+  DropdownMenuRadioGroup2,
+  DropdownMenuSeparator2,
+  DropdownMenuShortcut2
+} from "./chunk-d4bm5rzy.js";
+import {
+  Skeleton2
+} from "./chunk-d70rcwk7.js";
+import {
+  Input2
+} from "./chunk-59p19t57.js";
+import {
+  Separator2
+} from "./chunk-rajgnfbr.js";
+import {
+  FieldGroup2,
+  Field2,
+  FieldLabel2,
+  FieldDescription2
+} from "./chunk-6jpz5geq.js";
+import {
+  Textarea2
+} from "./chunk-hz9azhzx.js";
+import {
+  TooltipProvider2,
+  Tooltip2,
+  TooltipTrigger2,
+  TooltipContent2
+} from "./chunk-mz3e810d.js";
+import {
+  Card2,
+  CardHeader2,
+  CardTitle2,
+  CardDescription2,
+  CardContent2,
+  CardFooter2
+} from "./chunk-bygq5yqf.js";
+import {
+  InputGroup2,
+  InputGroupAddon2,
+  InputGroupButton2,
+  InputGroupInput2
+} from "./chunk-57jj9v64.js";
+import {
+  Badge2
+} from "./chunk-wjx6zf94.js";
+import {
+  Empty2,
+  EmptyHeader2,
+  EmptyTitle2,
+  EmptyDescription2,
+  EmptyContent2
+} from "./chunk-9de1htr5.js";
+import {
+  ThemeContext
+} from "./chunk-1j2hz3w9.js";
+import {
+  useMediaQuery
+} from "./chunk-k99h6evz.js";
+import {
+  Alert2,
+  AlertTitle2,
+  AlertDescription2
+} from "./chunk-zdt8xxzy.js";
+import {
+  Avatar2,
+  AvatarImage2,
+  AvatarFallback2
+} from "./chunk-hyq4nwg2.js";
+import {
+  Spinner2
+} from "./chunk-1xncv9gb.js";
+import {
+  NativeSelect2,
+  NativeSelectOption2
+} from "./chunk-r9qrb6b6.js";
+import {
+  SidebarProvider2,
+  Sidebar2,
+  SidebarTrigger2,
+  SidebarInset2,
+  SidebarHeader2,
+  SidebarFooter2,
+  SidebarContent2,
+  SidebarGroup2,
+  SidebarMenu2,
+  SidebarMenuItem2,
+  SidebarMenuButton2
+} from "./chunk-8vfh3ez0.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 ButtonLink2({
+  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 Accordion2({ 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 AccordionItem2({ 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 AccordionTrigger2({ 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 AccordionContent2({ 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 Combobox2 = ComboboxPrimitive.Root;
+function ComboboxValue2({ ...props }) {
+  return /* @__PURE__ */ jsx3(ComboboxPrimitive.Value, {
+    ...props
+  });
+}
+function ComboboxTrigger2({ 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 ComboboxInput2({
+  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(ComboboxTrigger2, {}),
+            "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 ComboboxContent2({
+  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 ComboboxList2({ 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 ComboboxItem2({ 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 ComboboxGroup2({ 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 ComboboxLabel2({ 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 ComboboxCollection2({ ...props }) {
+  return /* @__PURE__ */ jsx3(ComboboxPrimitive.Collection, {
+    ...props
+  });
+}
+function ComboboxEmpty2({ 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 ComboboxSeparator2({ 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 ComboboxChips2({ 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 ComboboxChip2({
+  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 ComboboxChipsInput2({ 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 EmptyState3({ 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 PageMessage2({ 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 JsonViewer2({ 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 AlertDialog2({ ...props }) {
+  return /* @__PURE__ */ jsx7(AlertDialogPrimitive.Root, {
+    "data-slot": "alert-dialog",
+    ...props
+  });
+}
+function AlertDialogTrigger2({ ...props }) {
+  return /* @__PURE__ */ jsx7(AlertDialogPrimitive.Trigger, {
+    "data-slot": "alert-dialog-trigger",
+    ...props
+  });
+}
+function AlertDialogPortal2({ 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 AlertDialogOverlay2({ 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 AlertDialogContent2({ density, className, size = "default", ...props }) {
+  const resolvedDensity = useDensity(density);
+  const direction = useDirection3();
+  return /* @__PURE__ */ jsxs5(AlertDialogPortal2, {
+    children: [
+      /* @__PURE__ */ jsx7(AlertDialogOverlay2, {}),
+      /* @__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 AlertDialogHeader2({ 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 AlertDialogFooter2({ 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 AlertDialogMedia2({ 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 AlertDialogTitle2({ 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 AlertDialogDescription2({ 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 AlertDialogAction2({ density, className, ...props }) {
+  return /* @__PURE__ */ jsx7(Button2, {
+    "data-density": density,
+    "data-slot": "alert-dialog-action",
+    className,
+    ...props
+  });
+}
+function AlertDialogCancel2({
+  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 Select2 = SelectPrimitive.Root;
+function SelectGroup2({ 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 SelectValue2({ 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 SelectTrigger2({ 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 SelectContent2({
+  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(SelectScrollUpButton2, {}),
+            /* @__PURE__ */ jsx8(SelectPrimitive.List, {
+              children
+            }),
+            /* @__PURE__ */ jsx8(SelectScrollDownButton2, {})
+          ]
+        })
+      })
+    })
+  });
+}
+function SelectLabel2({ 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 SelectItem2({ 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 SelectSeparator2({ 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 SelectScrollUpButton2({ 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 SelectScrollDownButton2({ 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 DensityProvider2({
+  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 collectLayoutViolations2(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 = collectLayoutViolations2(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 LayoutGuard2({ 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 ScrollGuard2({ 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(ScrollGuard2, {}),
+      /* @__PURE__ */ jsx10(LayoutGuard2, {}),
+      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 ThemeProvider2(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 useComboboxAnchor2() {
+  return useRef(null);
+}
+// src/components/AspectRatio.tsx
+import { jsx as jsx11 } from "react/jsx-runtime";
+function AspectRatio2({ 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 Breadcrumb2({ density, className, ...props }) {
+  return /* @__PURE__ */ jsx12("nav", {
+    "aria-label": "breadcrumb",
+    "data-density": density,
+    "data-slot": "breadcrumb",
+    className: cn2(className),
+    ...props
+  });
+}
+function BreadcrumbList2({ 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 BreadcrumbItem2({ 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 BreadcrumbLink2({ 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 BreadcrumbPage2({ 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 BreadcrumbSeparator2({ 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 BreadcrumbEllipsis2({ 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 buttonGroupVariants2 = 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 ButtonGroup2({
+  density,
+  className,
+  orientation,
+  layout = "content",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx13("div", {
+    role: "group",
+    "data-density": density,
+    "data-slot": "button-group",
+    "data-orientation": orientation,
+    className: cn2(buttonGroupVariants2({ orientation, layout }), className),
+    ...props
+  });
+}
+function ButtonGroupText2({ 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 ButtonGroupSeparator2({
+  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 ItemGroup2({ 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 ItemSeparator2({ 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 Item2({
+  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 ItemMedia2({ 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 ItemContent2({ 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 ItemTitle2({ 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 ItemDescription2({ 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 ItemActions2({ density, className, ...props }) {
+  return /* @__PURE__ */ jsx14("div", {
+    "data-density": density,
+    "data-slot": "item-actions",
+    className: cn2("flex items-center gap-2", className),
+    ...props
+  });
+}
+function ItemHeader2({ 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 ItemFooter2({ 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 Pagination2({ 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 PaginationContent2({ 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 PaginationItem2({ ...props }) {
+  return /* @__PURE__ */ jsx15("li", {
+    "data-slot": "pagination-item",
+    ...props
+  });
+}
+function PaginationLink2({
+  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 PaginationPrevious2({
+  density,
+  className,
+  text = "Previous",
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs9(PaginationLink2, {
+    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 PaginationNext2({ density, className, text = "Next", ...props }) {
+  return /* @__PURE__ */ jsxs9(PaginationLink2, {
+    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 PaginationEllipsis2({ 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 ScrollArea2({
+  density,
+  className,
+  children,
+  scrollbars = /* @__PURE__ */ jsx16(ScrollBar2, {}),
+  ...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 ScrollBar2({ 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 Drawer2({
+  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 DrawerTrigger2({ ...props }) {
+  return /* @__PURE__ */ jsx17(DrawerPrimitive.Trigger, {
+    "data-slot": "drawer-trigger",
+    ...props
+  });
+}
+function DrawerPortal2({ 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 DrawerClose2({ ...props }) {
+  return /* @__PURE__ */ jsx17(DrawerPrimitive.Close, {
+    "data-slot": "drawer-close",
+    ...props
+  });
+}
+function DrawerOverlay2({ 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 DrawerSwipeHandle2({ 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 DrawerContent2({ 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(DrawerPortal2, {
+    "data-slot": "drawer-portal",
+    children: [
+      modal === true && /* @__PURE__ */ jsx17(DrawerOverlay2, {
+        "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(DrawerSwipeHandle2, {}),
+            /* @__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 DrawerHeader2({ 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 DrawerFooter2({ 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 DrawerTitle2({ 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 DrawerDescription2({ 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 ContextMenu2({ ...props }) {
+  return /* @__PURE__ */ jsx18(ContextMenuPrimitive.Root, {
+    "data-slot": "context-menu",
+    ...props
+  });
+}
+function ContextMenuPortal2({ 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 ContextMenuTrigger2({ 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 ContextMenuContent2({
+  density,
+  className,
+  align = "start",
+  alignOffset = 4,
+  side = "right",
+  sideOffset = 0,
+  ...props
+}) {
+  const resolvedDensity = useDensity(density);
+  const direction = useDirection5();
+  return /* @__PURE__ */ jsx18(ContextMenuPortal2, {
+    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 ContextMenuGroup2({ ...props }) {
+  return /* @__PURE__ */ jsx18(ContextMenuPrimitive.Group, {
+    "data-slot": "context-menu-group",
+    ...props
+  });
+}
+function ContextMenuLabel2({ 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 ContextMenuItem2({ 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 ContextMenuSub2({ ...props }) {
+  return /* @__PURE__ */ jsx18(ContextMenuPrimitive.SubmenuRoot, {
+    "data-slot": "context-menu-sub",
+    ...props
+  });
+}
+function ContextMenuSubTrigger2({ 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 ContextMenuSubContent2({ ...props }) {
+  return /* @__PURE__ */ jsx18(ContextMenuContent2, {
+    "data-slot": "context-menu-sub-content",
+    className: "  shadow-frame border border-frame-edge",
+    side: "inline-end",
+    ...props
+  });
+}
+function ContextMenuCheckboxItem2({
+  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 ContextMenuRadioGroup2({ ...props }) {
+  return /* @__PURE__ */ jsx18(ContextMenuPrimitive.RadioGroup, {
+    "data-slot": "context-menu-radio-group",
+    ...props
+  });
+}
+function ContextMenuRadioItem2({ 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 ContextMenuSeparator2({ 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 ContextMenuShortcut2({ 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 Menubar2({ 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 MenubarMenu2({ ...props }) {
+  return /* @__PURE__ */ jsx19(DropdownMenu2, {
+    "data-slot": "menubar-menu",
+    ...props
+  });
+}
+function MenubarGroup2({ ...props }) {
+  return /* @__PURE__ */ jsx19(DropdownMenuGroup2, {
+    "data-slot": "menubar-group",
+    ...props
+  });
+}
+function MenubarPortal2({ ...props }) {
+  return /* @__PURE__ */ jsx19(DropdownMenuPortal2, {
+    "data-slot": "menubar-portal",
+    ...props
+  });
+}
+function MenubarTrigger2({ 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 MenubarContent2({
+  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 MenubarItem2({ 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 MenubarCheckboxItem2({
+  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 MenubarRadioGroup2({ ...props }) {
+  return /* @__PURE__ */ jsx19(DropdownMenuRadioGroup2, {
+    "data-slot": "menubar-radio-group",
+    ...props
+  });
+}
+function MenubarRadioItem2({ 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 MenubarLabel2({ 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 MenubarSeparator2({ 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 MenubarShortcut2({ 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 MenubarSub2({ ...props }) {
+  return /* @__PURE__ */ jsx19(DropdownMenuSub2, {
+    "data-slot": "menubar-sub",
+    ...props
+  });
+}
+function MenubarSubTrigger2({ 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 MenubarSubContent2({ 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 NavigationMenu2({
+  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(NavigationMenuPositioner2, {
+        density: resolvedDensity,
+        align
+      })
+    ]
+  });
+}
+function NavigationMenuList2({ 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 NavigationMenuItem2({ 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 navigationMenuTriggerStyle2 = 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 NavigationMenuTrigger2({ density, className, children, ...props }) {
+  return /* @__PURE__ */ jsxs14(NavigationMenuPrimitive.Trigger, {
+    "data-density": density,
+    "data-slot": "navigation-menu-trigger",
+    className: (state) => cn2(navigationMenuTriggerStyle2(), "group", typeof className === "function" ? className(state) : className),
+    ...props,
+    children: [
+      children,
+      " ",
+      /* @__PURE__ */ jsx20(NavigationMenuIndicator2, {})
+    ]
+  });
+}
+function NavigationMenuContent2({ 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 NavigationMenuPositioner2({
+  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 NavigationMenuLink2({ 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 NavigationMenuIndicator2({
+  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 ToastProvider2(props) {
+  return /* @__PURE__ */ jsx21(ToastPrimitive.Provider, {
+    ...props
+  });
+}
+function ToastPortal2({ 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 ToastViewport2({ 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 Toast2({ 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 ToastContent2({ 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 ToastTitle2({ 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 ToastDescription2({ 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 ToastAction2({
+  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 ToastClose2({
+  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(Toast2, {
+      toast: toastItem,
+      children: /* @__PURE__ */ jsxs15(ToastContent2, {
+        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(ToastTitle2, {}),
+              /* @__PURE__ */ jsx21(ToastDescription2, {})
+            ]
+          }),
+          /* @__PURE__ */ jsx21(ToastAction2, {}),
+          /* @__PURE__ */ jsx21(ToastClose2, {})
+        ]
+      })
+    }, toastItem.id))
+  });
+}
+function ToastToaster2({ children, density, ...props }) {
+  return /* @__PURE__ */ jsxs15(ToastProvider2, {
+    ...props,
+    children: [
+      children,
+      /* @__PURE__ */ jsx21(ToastPortal2, {
+        children: /* @__PURE__ */ jsx21(ToastViewport2, {
+          density,
+          children: /* @__PURE__ */ jsx21(ToastList, {})
+        })
+      })
+    ]
+  });
+}
+var createToastManager2 = ToastPrimitive.createToastManager;
+// src/hooks/useToastManager.ts
+import { Toast } from "@base-ui/react/toast";
+function useToastManager2() {
+  return Toast.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 markerVariants2 = 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 Marker2({ density, className, variant = "default", render, ...props }) {
+  return useRender6({
+    defaultTagName: "div",
+    props: mergeProps6({ className: cn2(markerVariants2({ variant, className })) }, props),
+    render,
+    state: { slot: "marker", variant, density }
+  });
+}
+function MarkerIcon2({ 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 MarkerContent2({ 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 BubbleGroup2({ 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 Bubble2({ 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 BubbleContent2({ 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 BubbleReactions2({
+  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 MessageGroup2({ 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 Message2({ 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 MessageAvatar2({ 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 MessageContent2({ 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 MessageHeader2({ 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 MessageFooter2({ 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 Attachment2({
+  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 AttachmentMedia2({ 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 AttachmentContent2({ 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 AttachmentTitle2({ 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 AttachmentDescription2({ 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 AttachmentActions2({ 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 AttachmentAction2({
+  className,
+  variant = "ghost",
+  size = "icon-xs",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx25(Button2, {
+    "data-slot": "attachment-action",
+    variant,
+    size,
+    className,
+    ...props
+  });
+}
+function AttachmentTrigger2({ 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 AttachmentGroup2({ 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 InlineEdit2({
+  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 StarRating2({ 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 ConfirmationDialog2({
+  open,
+  title,
+  description,
+  confirmLabel,
+  onOpenChange,
+  onConfirm
+}) {
+  const [isPending, setPending] = useState3(false);
+  const [error, setError] = useState3("");
+  return /* @__PURE__ */ jsx28(AlertDialog2, {
+    open,
+    onOpenChange: (next) => {
+      if (!isPending) {
+        setError("");
+        onOpenChange(next);
+      }
+    },
+    children: /* @__PURE__ */ jsxs17(AlertDialogContent2, {
+      children: [
+        /* @__PURE__ */ jsxs17(AlertDialogHeader2, {
+          children: [
+            /* @__PURE__ */ jsx28(AlertDialogTitle2, {
+              children: title
+            }),
+            /* @__PURE__ */ jsx28(AlertDialogDescription2, {
+              children: description
+            })
+          ]
+        }),
+        error && /* @__PURE__ */ jsx28(Alert2, {
+          variant: "destructive",
+          children: /* @__PURE__ */ jsx28(AlertDescription2, {
+            children: error
+          })
+        }),
+        /* @__PURE__ */ jsxs17(AlertDialogFooter2, {
+          children: [
+            /* @__PURE__ */ jsx28(AlertDialogCancel2, {
+              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 ImagePicker2({ 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 NumberField2({ 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 NumberFieldGroup2({
+  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 NumberFieldInput2({
+  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 NumberFieldDecrement2({
+  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 NumberFieldIncrement2({
+  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 NumberFieldScrubArea2({
+  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 NumberFieldScrubAreaCursor2({
+  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 Meter2({ 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 MeterLabel2({ 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 MeterValue2({ 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 MeterTrack2({ 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 MeterIndicator2({
+  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 Stepper2({ 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 StepperList2({
+  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 StepperTrigger2({ 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 StepperIndicator2({ 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 StepperContent2({ 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 AppShell2({
+  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(ScrollArea2, {
+            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 PageHeader2({ 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 WorkspaceSwitcher2({
+  workspaces,
+  value,
+  defaultValue,
+  onValueChange,
+  disabled,
+  label = "Workspace",
+  density
+}) {
+  return /* @__PURE__ */ jsxs21(Select2, {
+    items: workspaces,
+    value,
+    defaultValue: defaultValue ?? workspaces[0]?.value,
+    onValueChange: (next) => {
+      if (next !== null)
+        onValueChange?.(next);
+    },
+    disabled,
+    children: [
+      /* @__PURE__ */ jsx35(SelectTrigger2, {
+        "aria-label": label,
+        density,
+        children: /* @__PURE__ */ jsx35(SelectValue2, {})
+      }),
+      /* @__PURE__ */ jsx35(SelectContent2, {
+        density,
+        children: /* @__PURE__ */ jsx35(SelectGroup2, {
+          children: workspaces.map((workspace) => /* @__PURE__ */ jsx35(SelectItem2, {
+            value: workspace.value,
+            children: workspace.label
+          }, workspace.value))
+        })
+      })
+    ]
+  });
+}
+// src/components/AccountMenu.tsx
+import { jsx as jsx36, jsxs as jsxs22 } from "react/jsx-runtime";
+function AccountMenu2({ 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 StatCard2({
+  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 AuthForm2({
+  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 SettingsSection2({
+  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 TagInput2({
+  label,
+  options,
+  value,
+  defaultValue,
+  onValueChange,
+  disabled,
+  name,
+  placeholder = "Add tags",
+  density
+}) {
+  const anchor = useComboboxAnchor2();
+  return /* @__PURE__ */ jsxs26(Combobox2, {
+    items: options,
+    multiple: true,
+    value,
+    defaultValue,
+    onValueChange,
+    disabled,
+    name,
+    children: [
+      /* @__PURE__ */ jsxs26(ComboboxChips2, {
+        ref: anchor,
+        density,
+        children: [
+          /* @__PURE__ */ jsx40(ComboboxValue2, {
+            children: (values) => values.map((item) => /* @__PURE__ */ jsx40(ComboboxChip2, {
+              removeLabel: `Remove ${item}`,
+              children: item
+            }, item))
+          }),
+          /* @__PURE__ */ jsx40(ComboboxChipsInput2, {
+            "aria-label": label,
+            placeholder
+          })
+        ]
+      }),
+      /* @__PURE__ */ jsxs26(ComboboxContent2, {
+        anchor,
+        density,
+        children: [
+          /* @__PURE__ */ jsx40(ComboboxEmpty2, {
+            children: "No matching tags."
+          }),
+          /* @__PURE__ */ jsx40(ComboboxList2, {
+            children: /* @__PURE__ */ jsx40(ComboboxGroup2, {
+              children: /* @__PURE__ */ jsx40(ComboboxCollection2, {
+                children: (item) => /* @__PURE__ */ jsx40(ComboboxItem2, {
+                  value: item,
+                  children: item
+                }, item)
+              })
+            })
+          })
+        ]
+      })
+    ]
+  });
+}
+// src/components/FilterBar.tsx
+import { jsx as jsx41, jsxs as jsxs27 } from "react/jsx-runtime";
+function FilterBar2({
+  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 BarList2({
+  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(Meter2, {
+            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(MeterLabel2, {
+                    children: onItemSelect ? /* @__PURE__ */ jsx42(Button2, {
+                      type: "button",
+                      variant: "link",
+                      className: "h-auto p-0",
+                      onClick: () => onItemSelect(item),
+                      children: item.label
+                    }) : item.label
+                  }),
+                  /* @__PURE__ */ jsx42(MeterValue2, {
+                    children: () => valueFormatter(item.value)
+                  })
+                ]
+              }),
+              /* @__PURE__ */ jsx42(MeterTrack2, {
+                children: /* @__PURE__ */ jsx42(MeterIndicator2, {})
+              })
+            ]
+          })
+        }, 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 StatusTracker2({ 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 DashboardLayout2({
+  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(PageHeader2, {
+        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(StatCard2, {
+          ...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 BillingUsage2({ 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(Meter2, {
+          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(MeterLabel2, {
+                  children: metric.label
+                }),
+                /* @__PURE__ */ jsx45(MeterValue2, {
+                  children: () => `${metric.used.toLocaleString()} / ${metric.limit.toLocaleString()}${metric.unit ? ` ${metric.unit}` : ""}`
+                })
+              ]
+            }),
+            /* @__PURE__ */ jsx45(MeterTrack2, {
+              children: /* @__PURE__ */ jsx45(MeterIndicator2, {})
+            })
+          ]
+        }, metric.id))
+      }),
+      /* @__PURE__ */ jsx45(CardFooter2, {
+        children: /* @__PURE__ */ jsx45(Button2, {
+          type: "button",
+          variant: "outline",
+          onClick: onManage,
+          disabled: pending,
+          children: "Manage billing"
+        })
+      })
+    ]
+  });
+}
+export { 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 };