@alexgorbatchev/shadcn 0.0.47 → 0.0.48

package/dist/{chunk-0qgd06td.js → chunk-svr3r7pj.js}

@@ -25,20 +25,49 @@ import {
   Button2
 } from "./chunk-38301e40.js";
 import {
+  MenuPortal,
+  MenuPopup,
+  MenuGroup2,
+  MenuLabel2,
+  MenuItem2,
+  MenuSub2,
+  MenuSubTrigger2,
+  MenuSubContent2,
+  MenuRadioGroup2,
+  MenuSeparator2,
+  MenuShortcut2,
   DropdownMenu2,
-  DropdownMenuPortal2,
-  DropdownMenuTrigger2,
-  DropdownMenuContent2,
-  DropdownMenuGroup2,
-  DropdownMenuLabel2,
-  DropdownMenuItem2,
-  DropdownMenuSub2,
-  DropdownMenuSubTrigger2,
-  DropdownMenuSubContent2,
-  DropdownMenuRadioGroup2,
-  DropdownMenuSeparator2,
-  DropdownMenuShortcut2
-} from "./chunk-8wc2z7te.js";
+  DropdownMenuTrigger2
+} from "./chunk-cfnkbp0y.js";
+import {
+  Alert2,
+  AlertTitle2,
+  AlertDescription2
+} from "./chunk-zdt8xxzy.js";
+import {
+  Dialog2,
+  DialogClose2,
+  DialogContent2,
+  DialogHeader2,
+  DialogFooter2,
+  DialogTitle2,
+  DialogDescription2
+} from "./chunk-jgdpa00w.js";
+import {
+  ScrollArea2,
+  Combobox2,
+  ComboboxValue2,
+  ComboboxContent2,
+  ComboboxList2,
+  ComboboxItem2,
+  ComboboxGroup2,
+  ComboboxCollection2,
+  ComboboxEmpty2,
+  ComboboxChips2,
+  ComboboxChip2,
+  ComboboxChipsInput2,
+  useComboboxAnchor2
+} from "./chunk-a6mes7w0.js";
 import {
   Skeleton2
 } from "./chunk-d70rcwk7.js";
@@ -68,21 +97,6 @@ import {
   CardContent2,
   CardFooter2
 } from "./chunk-bygq5yqf.js";
-import {
-  Combobox2,
-  ComboboxValue2,
-  ComboboxContent2,
-  ComboboxList2,
-  ComboboxItem2,
-  ComboboxGroup2,
-  ComboboxCollection2,
-  ComboboxEmpty2,
-  ComboboxChips2,
-  ComboboxChip2,
-  ComboboxChipsInput2,
-  useComboboxAnchor2,
-  ScrollArea2
-} from "./chunk-p1eqxz4v.js";
 import {
   Badge2
 } from "./chunk-wjx6zf94.js";
@@ -99,11 +113,6 @@ import {
 import {
   useMediaQuery
 } from "./chunk-k99h6evz.js";
-import {
-  Alert2,
-  AlertTitle2,
-  AlertDescription2
-} from "./chunk-zdt8xxzy.js";
 import {
   Avatar2,
   AvatarImage2,
@@ -172,13 +181,235 @@ function ButtonLink2({
     }
   });
 }
+// src/components/ActionsMenu.tsx
+import { createContext, use } from "react";
+import { EllipsisIcon } from "lucide-react";
+
+// src/components/ContextMenu.tsx
+import { useDirection } from "@base-ui/react/direction-provider";
+import { ContextMenu as ContextMenuPrimitive } from "@base-ui/react/context-menu";
+import { jsx as jsx2 } from "react/jsx-runtime";
+function ContextMenu2({ analytics, ...props }) {
+  const trackedOnOpenChange = useAnalyticsCallback("ContextMenu", analytics, (open, _details) => ({ name: "ui.open-request", open }), props.onOpenChange);
+  return /* @__PURE__ */ jsx2(ContextMenuPrimitive.Root, {
+    "data-slot": "context-menu",
+    ...props,
+    onOpenChange: trackedOnOpenChange
+  });
+}
+function ContextMenuPortal2({ container, ref, children, ...props }) {
+  const resolvedContainer = usePortalContainer2(container);
+  const portal = usePortalNode(ref);
+  return /* @__PURE__ */ jsx2(ContextMenuPrimitive.Portal, {
+    "data-slot": "context-menu-portal",
+    container: resolvedContainer,
+    ref: portal.ref,
+    ...props,
+    children: /* @__PURE__ */ jsx2(PortalProvider2, {
+      container: portal.node,
+      children
+    })
+  });
+}
+function ContextMenuTrigger2({ density, className, ...props }) {
+  return /* @__PURE__ */ jsx2(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 = useDirection();
+  return /* @__PURE__ */ jsx2(ContextMenuPortal2, {
+    children: /* @__PURE__ */ jsx2(ContextMenuPrimitive.Positioner, {
+      dir: direction,
+      className: "isolate  outline-none",
+      align,
+      alignOffset,
+      side,
+      sideOffset,
+      children: /* @__PURE__ */ jsx2(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
+      })
+    })
+  });
+}
+
+// src/components/ActionsMenu.tsx
+import { jsx as jsx3, jsxs } from "react/jsx-runtime";
+"use client";
+var ActionsMenuContext = createContext(null);
+function useActionsMenu() {
+  const context = use(ActionsMenuContext);
+  if (!context)
+    throw new Error("ActionsMenu parts require ActionsMenu.");
+  return context;
+}
+function ActionsMenu2({ children, contextTarget, ...props }) {
+  const content = children ?? /* @__PURE__ */ jsx3(ActionsMenuTrigger2, {});
+  return /* @__PURE__ */ jsx3(ActionsMenuContext, {
+    value: props,
+    children: /* @__PURE__ */ jsxs(ContextMenu2, {
+      disabled: props.disabled,
+      children: [
+        contextTarget ? /* @__PURE__ */ jsx3(ActionsMenuContextTarget2, {
+          render: contextTarget,
+          children: content
+        }) : content,
+        contextTarget && /* @__PURE__ */ jsx3(ActionsMenuContextContent2, {})
+      ]
+    })
+  });
+}
+function ActionsMenuTrigger2({ children, render, ...props }) {
+  const menu = useActionsMenu();
+  return /* @__PURE__ */ jsxs(DropdownMenu2, {
+    disabled: menu.disabled,
+    children: [
+      /* @__PURE__ */ jsx3(DropdownMenuTrigger2, {
+        "aria-label": menu.label,
+        disabled: menu.disabled,
+        ...props,
+        render: render ?? menu.trigger ?? /* @__PURE__ */ jsx3(Button2, {
+          variant: menu.variant ?? "ghost",
+          size: menu.size ?? "icon-xs"
+        }),
+        children: children ?? (menu.size === "sm" ? menu.label : /* @__PURE__ */ jsx3(EllipsisIcon, {}))
+      }),
+      /* @__PURE__ */ jsx3(MenuPopup, {
+        align: "end",
+        children: menu.items
+      })
+    ]
+  });
+}
+function ActionsMenuContextTarget2(props) {
+  return /* @__PURE__ */ jsx3(ContextMenuTrigger2, {
+    ...props
+  });
+}
+function ActionsMenuContextContent2() {
+  const menu = useActionsMenu();
+  return /* @__PURE__ */ jsx3(ContextMenuContent2, {
+    children: menu.items
+  });
+}
+// src/components/FormDialog.tsx
+import { jsx as jsx4, jsxs as jsxs2, Fragment } from "react/jsx-runtime";
+function FormDialog2({
+  open,
+  onOpenChange,
+  title,
+  description,
+  size,
+  density,
+  isBusy = false,
+  onSubmit,
+  submitLabel,
+  submitVariant,
+  submitDisabled = false,
+  primaryAction,
+  cancelLabel = "Cancel",
+  error,
+  children
+}) {
+  const body = /* @__PURE__ */ jsxs2(Fragment, {
+    children: [
+      /* @__PURE__ */ jsxs2(ScrollArea2, {
+        density,
+        children: [
+          children,
+          error && /* @__PURE__ */ jsx4(Alert2, {
+            variant: "destructive",
+            density,
+            children: /* @__PURE__ */ jsx4(AlertDescription2, {
+              children: error
+            })
+          })
+        ]
+      }),
+      /* @__PURE__ */ jsxs2(DialogFooter2, {
+        density,
+        children: [
+          /* @__PURE__ */ jsx4(DialogClose2, {
+            render: /* @__PURE__ */ jsx4(Button2, {
+              variant: "outline",
+              density,
+              disabled: isBusy
+            }),
+            children: cancelLabel
+          }),
+          primaryAction ?? (submitLabel && /* @__PURE__ */ jsx4(Button2, {
+            type: "submit",
+            variant: submitVariant,
+            density,
+            disabled: isBusy || submitDisabled,
+            children: submitLabel
+          }))
+        ]
+      })
+    ]
+  });
+  return /* @__PURE__ */ jsx4(Dialog2, {
+    open,
+    onOpenChange: (next, details) => {
+      if (isBusy)
+        details.cancel();
+      else
+        onOpenChange(next);
+    },
+    children: /* @__PURE__ */ jsxs2(DialogContent2, {
+      "data-testid": "FormDialog",
+      size,
+      density,
+      showCloseButton: !isBusy,
+      children: [
+        /* @__PURE__ */ jsxs2(DialogHeader2, {
+          density,
+          children: [
+            /* @__PURE__ */ jsx4(DialogTitle2, {
+              children: title
+            }),
+            description && /* @__PURE__ */ jsx4(DialogDescription2, {
+              children: description
+            })
+          ]
+        }),
+        onSubmit ? /* @__PURE__ */ jsx4("form", {
+          className: "flex min-h-0 flex-col gap-panel",
+          onSubmit: (event) => {
+            if (isBusy)
+              event.preventDefault();
+            else
+              onSubmit(event);
+          },
+          children: body
+        }) : body
+      ]
+    })
+  });
+}
 // 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";
+import { jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
 function Accordion2({ analytics, density, className, ...props }) {
   const trackedOnValueChange = useAnalyticsCallback("Accordion", analytics, { name: "ui.change-request" }, props.onValueChange);
-  return /* @__PURE__ */ jsx2(AccordionPrimitive.Root, {
+  return /* @__PURE__ */ jsx5(AccordionPrimitive.Root, {
     "data-density": density,
     "data-slot": "accordion",
     className: (state) => cn2("flex w-full flex-col", typeof className === "function" ? className(state) : className),
@@ -187,7 +418,7 @@ function Accordion2({ analytics, density, className, ...props }) {
   });
 }
 function AccordionItem2({ density, className, ...props }) {
-  return /* @__PURE__ */ jsx2(AccordionPrimitive.Item, {
+  return /* @__PURE__ */ jsx5(AccordionPrimitive.Item, {
     "data-density": density,
     "data-slot": "accordion-item",
     className: (state) => cn2("not-last:border-b", typeof className === "function" ? className(state) : className),
@@ -195,20 +426,20 @@ function AccordionItem2({ density, className, ...props }) {
   });
 }
 function AccordionTrigger2({ density, className, children, ...props }) {
-  return /* @__PURE__ */ jsx2(AccordionPrimitive.Header, {
+  return /* @__PURE__ */ jsx5(AccordionPrimitive.Header, {
     className: "flex",
-    children: /* @__PURE__ */ jsxs(AccordionPrimitive.Trigger, {
+    children: /* @__PURE__ */ jsxs3(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, {
+        /* @__PURE__ */ jsx5(ChevronDownIcon, {
           "data-slot": "accordion-trigger-icon",
           className: "pointer-events-none shrink-0 group-aria-expanded/accordion-trigger:hidden"
         }),
-        /* @__PURE__ */ jsx2(ChevronUpIcon, {
+        /* @__PURE__ */ jsx5(ChevronUpIcon, {
           "data-slot": "accordion-trigger-icon",
           className: "pointer-events-none hidden shrink-0 group-aria-expanded/accordion-trigger:inline"
         })
@@ -217,33 +448,33 @@ function AccordionTrigger2({ density, className, children, ...props }) {
   });
 }
 function AccordionContent2({ density, className, children, ...props }) {
-  return /* @__PURE__ */ jsx2(AccordionPrimitive.Panel, {
+  return /* @__PURE__ */ jsx5(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", {
+    children: /* @__PURE__ */ jsx5("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/EmptyState.tsx
-import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
+import { jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
 function EmptyState3({ title, description, children }) {
-  return /* @__PURE__ */ jsxs2(Empty2, {
+  return /* @__PURE__ */ jsxs4(Empty2, {
     children: [
-      /* @__PURE__ */ jsxs2(EmptyHeader2, {
+      /* @__PURE__ */ jsxs4(EmptyHeader2, {
         children: [
-          /* @__PURE__ */ jsx3(EmptyTitle2, {
+          /* @__PURE__ */ jsx6(EmptyTitle2, {
             children: title
           }),
-          /* @__PURE__ */ jsx3(EmptyDescription2, {
+          /* @__PURE__ */ jsx6(EmptyDescription2, {
             children: description
           })
         ]
       }),
-      children && /* @__PURE__ */ jsx3(EmptyContent2, {
+      children && /* @__PURE__ */ jsx6(EmptyContent2, {
         children
       })
     ]
@@ -251,31 +482,31 @@ function EmptyState3({ title, description, children }) {
 }
 // src/components/PageMessage.tsx
 import { useId } from "react";
-import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
+import { jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
 function PageMessage2({ title, description, children }) {
   const titleId = useId();
   const descriptionId = useId();
-  return /* @__PURE__ */ jsx4("main", {
+  return /* @__PURE__ */ jsx7("main", {
     "aria-labelledby": titleId,
     "aria-describedby": description == null ? undefined : descriptionId,
     className: "grid min-h-dvh w-full place-items-center bg-background text-foreground",
-    children: /* @__PURE__ */ jsxs3(Empty2, {
+    children: /* @__PURE__ */ jsxs5(Empty2, {
       children: [
-        /* @__PURE__ */ jsxs3(EmptyHeader2, {
+        /* @__PURE__ */ jsxs5(EmptyHeader2, {
           children: [
-            /* @__PURE__ */ jsx4(EmptyTitle2, {
-              children: /* @__PURE__ */ jsx4("h1", {
+            /* @__PURE__ */ jsx7(EmptyTitle2, {
+              children: /* @__PURE__ */ jsx7("h1", {
                 id: titleId,
                 children: title
               })
             }),
-            description != null && /* @__PURE__ */ jsx4(EmptyDescription2, {
+            description != null && /* @__PURE__ */ jsx7(EmptyDescription2, {
               id: descriptionId,
               children: description
             })
           ]
         }),
-        children != null && /* @__PURE__ */ jsx4(EmptyContent2, {
+        children != null && /* @__PURE__ */ jsx7(EmptyContent2, {
           children
         })
       ]
@@ -283,8 +514,8 @@ function PageMessage2({ title, description, children }) {
   });
 }
 // src/components/DataViewer.tsx
-import { Fragment } from "react";
-import { jsx as jsx5, jsxs as jsxs4, Fragment as Fragment2 } from "react/jsx-runtime";
+import { Fragment as Fragment2 } from "react";
+import { jsx as jsx8, jsxs as jsxs6, Fragment as Fragment3 } from "react/jsx-runtime";
 var ACRONYMS = new Map([
   ["api", "API"],
   ["http", "HTTP"],
@@ -307,7 +538,7 @@ function isNested(value) {
   return Array.isArray(value) || isRecord(value);
 }
 function Placeholder({ children }) {
-  return /* @__PURE__ */ jsx5("span", {
+  return /* @__PURE__ */ jsx8("span", {
     className: "text-muted-foreground italic",
     children
   });
@@ -315,23 +546,23 @@ function Placeholder({ children }) {
 function DataValue({ value, formatLabel }) {
   if (Array.isArray(value)) {
     if (value.length === 0)
-      return /* @__PURE__ */ jsx5(Placeholder, {
+      return /* @__PURE__ */ jsx8(Placeholder, {
         children: "None"
       });
-    return value.some(isNested) ? /* @__PURE__ */ jsx5("ol", {
+    return value.some(isNested) ? /* @__PURE__ */ jsx8("ol", {
       className: "flex list-decimal flex-col gap-2 pl-5 marker:text-muted-foreground",
-      children: value.map((item, index) => /* @__PURE__ */ jsx5("li", {
+      children: value.map((item, index) => /* @__PURE__ */ jsx8("li", {
         className: "min-w-0",
-        children: /* @__PURE__ */ jsx5(DataValue, {
+        children: /* @__PURE__ */ jsx8(DataValue, {
           value: item,
           formatLabel
         })
       }, index))
-    }) : /* @__PURE__ */ jsx5("ul", {
+    }) : /* @__PURE__ */ jsx8("ul", {
       className: "flex flex-wrap gap-x-3 gap-y-1",
-      children: value.map((item, index) => /* @__PURE__ */ jsx5("li", {
+      children: value.map((item, index) => /* @__PURE__ */ jsx8("li", {
         className: "min-w-0 break-words",
-        children: /* @__PURE__ */ jsx5(DataValue, {
+        children: /* @__PURE__ */ jsx8(DataValue, {
           value: item,
           formatLabel
         })
@@ -341,20 +572,20 @@ function DataValue({ value, formatLabel }) {
   if (isRecord(value)) {
     const entries = Object.entries(value);
     if (entries.length === 0)
-      return /* @__PURE__ */ jsx5(Placeholder, {
+      return /* @__PURE__ */ jsx8(Placeholder, {
         children: "None"
       });
-    return /* @__PURE__ */ jsx5("dl", {
+    return /* @__PURE__ */ jsx8("dl", {
       className: "grid grid-cols-[minmax(0,max-content)_minmax(0,1fr)] gap-x-4 gap-y-1",
-      children: entries.map(([key, item]) => /* @__PURE__ */ jsxs4(Fragment, {
+      children: entries.map(([key, item]) => /* @__PURE__ */ jsxs6(Fragment2, {
         children: [
-          /* @__PURE__ */ jsx5("dt", {
+          /* @__PURE__ */ jsx8("dt", {
             className: "min-w-0 break-words text-muted-foreground",
             children: formatLabel(key)
           }),
-          /* @__PURE__ */ jsx5("dd", {
+          /* @__PURE__ */ jsx8("dd", {
             className: cn2("min-w-0 break-words", isRecord(item) && "border-l border-border pl-3"),
-            children: /* @__PURE__ */ jsx5(DataValue, {
+            children: /* @__PURE__ */ jsx8(DataValue, {
               value: item,
               formatLabel
             })
@@ -364,18 +595,18 @@ function DataValue({ value, formatLabel }) {
     });
   }
   if (value === null || value === undefined)
-    return /* @__PURE__ */ jsx5(Placeholder, {
+    return /* @__PURE__ */ jsx8(Placeholder, {
       children: "None"
     });
   if (typeof value === "boolean")
-    return /* @__PURE__ */ jsx5(Fragment2, {
+    return /* @__PURE__ */ jsx8(Fragment3, {
       children: value ? "Yes" : "No"
     });
   if (value === "")
-    return /* @__PURE__ */ jsx5(Placeholder, {
+    return /* @__PURE__ */ jsx8(Placeholder, {
       children: "Empty"
     });
-  return /* @__PURE__ */ jsx5(Fragment2, {
+  return /* @__PURE__ */ jsx8(Fragment3, {
     children: String(value)
   });
 }
@@ -387,22 +618,22 @@ function DataViewer2({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx5("section", {
+  return /* @__PURE__ */ jsx8("section", {
     "aria-label": label,
     "data-density": density,
     "data-slot": "data-viewer",
     className: cn2("min-w-0 text-sm", className),
     ...props,
-    children: /* @__PURE__ */ jsx5(DataValue, {
+    children: /* @__PURE__ */ jsx8(DataValue, {
       value,
       formatLabel
     })
   });
 }
 // src/components/JsonViewer.tsx
-import { jsx as jsx6 } from "react/jsx-runtime";
+import { jsx as jsx9 } from "react/jsx-runtime";
 function JsonViewer2({ value, label = "JSON", rows = 12 }) {
-  return /* @__PURE__ */ jsx6(Textarea2, {
+  return /* @__PURE__ */ jsx9(Textarea2, {
     readOnly: true,
     rows,
     "aria-label": label,
@@ -411,22 +642,22 @@ function JsonViewer2({ value, label = "JSON", rows = 12 }) {
 }
 // src/components/AlertDialog.tsx
 import { AlertDialog as AlertDialogPrimitive } from "@base-ui/react/alert-dialog";
-import { useDirection } from "@base-ui/react/direction-provider";
-import { jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
+import { useDirection as useDirection3 } from "@base-ui/react/direction-provider";
+import { jsx as jsx10, jsxs as jsxs7 } from "react/jsx-runtime";
 "use client";
 function AlertDialog2({
   analytics,
   ...props
 }) {
   const trackedOnOpenChange = useAnalyticsCallback("AlertDialog", analytics, (open, _details) => ({ name: "ui.open-request", open }), props.onOpenChange);
-  return /* @__PURE__ */ jsx7(AlertDialogPrimitive.Root, {
+  return /* @__PURE__ */ jsx10(AlertDialogPrimitive.Root, {
     "data-slot": "alert-dialog",
     ...props,
     onOpenChange: trackedOnOpenChange
   });
 }
 function AlertDialogTrigger2({ ...props }) {
-  return /* @__PURE__ */ jsx7(AlertDialogPrimitive.Trigger, {
+  return /* @__PURE__ */ jsx10(AlertDialogPrimitive.Trigger, {
     "data-slot": "alert-dialog-trigger",
     ...props
   });
@@ -434,12 +665,12 @@ function AlertDialogTrigger2({ ...props }) {
 function AlertDialogPortal2({ container, ref, children, ...props }) {
   const resolvedContainer = usePortalContainer2(container);
   const portal = usePortalNode(ref);
-  return /* @__PURE__ */ jsx7(AlertDialogPrimitive.Portal, {
+  return /* @__PURE__ */ jsx10(AlertDialogPrimitive.Portal, {
     "data-slot": "alert-dialog-portal",
     container: resolvedContainer,
     ref: portal.ref,
     ...props,
-    children: /* @__PURE__ */ jsx7(PortalProvider2, {
+    children: /* @__PURE__ */ jsx10(PortalProvider2, {
       container: portal.node,
       children
     })
@@ -447,7 +678,7 @@ function AlertDialogPortal2({ container, ref, children, ...props }) {
 }
 function AlertDialogOverlay2({ density, className, ...props }) {
   const resolvedDensity = useDensity(density);
-  return /* @__PURE__ */ jsx7(AlertDialogPrimitive.Backdrop, {
+  return /* @__PURE__ */ jsx10(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),
@@ -456,40 +687,40 @@ function AlertDialogOverlay2({ density, className, ...props }) {
 }
 function AlertDialogContent2({ density, className, size = "default", ...props }) {
   const resolvedDensity = useDensity(density);
-  const direction = useDirection();
-  return /* @__PURE__ */ jsxs5(AlertDialogPortal2, {
+  const direction = useDirection3();
+  return /* @__PURE__ */ jsxs7(AlertDialogPortal2, {
     children: [
-      /* @__PURE__ */ jsx7(AlertDialogOverlay2, {}),
-      /* @__PURE__ */ jsx7(AlertDialogPrimitive.Popup, {
+      /* @__PURE__ */ jsx10(AlertDialogOverlay2, {}),
+      /* @__PURE__ */ jsx10(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),
+        className: (state) => cn2("group/alert-dialog-content fixed top-1/2 left-1/2 flex min-h-0 max-h-[calc(100dvh-2rem)] w-full flex-col -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", {
+  return /* @__PURE__ */ jsx10("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),
+    className: cn2("grid shrink-0 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", {
+  return /* @__PURE__ */ jsx10("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),
+    className: cn2("-mx-panel -mb-panel flex shrink-0 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", {
+  return /* @__PURE__ */ jsx10("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),
@@ -497,7 +728,7 @@ function AlertDialogMedia2({ density, className, ...props }) {
   });
 }
 function AlertDialogTitle2({ density, className, ...props }) {
-  return /* @__PURE__ */ jsx7(AlertDialogPrimitive.Title, {
+  return /* @__PURE__ */ jsx10(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),
@@ -505,7 +736,7 @@ function AlertDialogTitle2({ density, className, ...props }) {
   });
 }
 function AlertDialogDescription2({ density, className, ...props }) {
-  return /* @__PURE__ */ jsx7(AlertDialogPrimitive.Description, {
+  return /* @__PURE__ */ jsx10(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),
@@ -513,7 +744,7 @@ function AlertDialogDescription2({ density, className, ...props }) {
   });
 }
 function AlertDialogAction2({ density, className, ...props }) {
-  return /* @__PURE__ */ jsx7(Button2, {
+  return /* @__PURE__ */ jsx10(Button2, {
     "data-density": density,
     "data-slot": "alert-dialog-action",
     className,
@@ -527,11 +758,11 @@ function AlertDialogCancel2({
   size = "default",
   ...props
 }) {
-  return /* @__PURE__ */ jsx7(AlertDialogPrimitive.Close, {
+  return /* @__PURE__ */ jsx10(AlertDialogPrimitive.Close, {
     "data-density": density,
     "data-slot": "alert-dialog-cancel",
     className,
-    render: /* @__PURE__ */ jsx7(Button2, {
+    render: /* @__PURE__ */ jsx10(Button2, {
       variant,
       size
     }),
@@ -540,9 +771,9 @@ function AlertDialogCancel2({
 }
 // src/components/Select.tsx
 import { Select as SelectPrimitive } from "@base-ui/react/select";
-import { useDirection as useDirection3 } from "@base-ui/react/direction-provider";
+import { useDirection as useDirection4 } from "@base-ui/react/direction-provider";
 import { ChevronDownIcon as ChevronDownIcon2, CheckIcon, ChevronUpIcon as ChevronUpIcon2 } from "lucide-react";
-import { jsx as jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx11, jsxs as jsxs8 } from "react/jsx-runtime";
 "use client";
 function Select2({
   analytics,
@@ -550,14 +781,14 @@ function Select2({
 }) {
   const onValueChange = useAnalyticsCallback("Select", analytics, { name: "ui.change-request" }, props.onValueChange);
   const onOpenChange = useAnalyticsCallback("Select", analytics, (open, _details) => ({ name: "ui.open-request", open }), props.onOpenChange);
-  return /* @__PURE__ */ jsx8(SelectPrimitive.Root, {
+  return /* @__PURE__ */ jsx11(SelectPrimitive.Root, {
     ...props,
     onValueChange,
     onOpenChange
   });
 }
 function SelectGroup2({ density, className, ...props }) {
-  return /* @__PURE__ */ jsx8(SelectPrimitive.Group, {
+  return /* @__PURE__ */ jsx11(SelectPrimitive.Group, {
     "data-density": density,
     "data-slot": "select-group",
     className: (state) => cn2("scroll-my-1 p-1", typeof className === "function" ? className(state) : className),
@@ -565,7 +796,7 @@ function SelectGroup2({ density, className, ...props }) {
   });
 }
 function SelectValue2({ density, className, ...props }) {
-  return /* @__PURE__ */ jsx8(SelectPrimitive.Value, {
+  return /* @__PURE__ */ jsx11(SelectPrimitive.Value, {
     "data-density": density,
     "data-slot": "select-value",
     className: (state) => cn2("flex flex-1 text-start", typeof className === "function" ? className(state) : className),
@@ -573,7 +804,7 @@ function SelectValue2({ density, className, ...props }) {
   });
 }
 function SelectTrigger2({ density, className, size = "default", children, ...props }) {
-  return /* @__PURE__ */ jsxs6(SelectPrimitive.Trigger, {
+  return /* @__PURE__ */ jsxs8(SelectPrimitive.Trigger, {
     "data-density": density,
     "data-slot": "select-trigger",
     "data-size": size,
@@ -581,8 +812,8 @@ function SelectTrigger2({ density, className, size = "default", children, ...pro
     ...props,
     children: [
       children,
-      /* @__PURE__ */ jsx8(SelectPrimitive.Icon, {
-        render: /* @__PURE__ */ jsx8(ChevronDownIcon2, {
+      /* @__PURE__ */ jsx11(SelectPrimitive.Icon, {
+        render: /* @__PURE__ */ jsx11(ChevronDownIcon2, {
           className: "pointer-events-none size-4 text-muted-foreground"
         })
       })
@@ -601,22 +832,22 @@ function SelectContent2({
   ...props
 }) {
   const resolvedDensity = useDensity(density);
-  const direction = useDirection3();
+  const direction = useDirection4();
   const container = usePortalContainer2();
   const portal = usePortalNode();
-  return /* @__PURE__ */ jsx8(SelectPrimitive.Portal, {
+  return /* @__PURE__ */ jsx11(SelectPrimitive.Portal, {
     container,
     ref: portal.ref,
-    children: /* @__PURE__ */ jsx8(PortalProvider2, {
+    children: /* @__PURE__ */ jsx11(PortalProvider2, {
       container: portal.node,
-      children: /* @__PURE__ */ jsx8(SelectPrimitive.Positioner, {
+      children: /* @__PURE__ */ jsx11(SelectPrimitive.Positioner, {
         side,
         sideOffset,
         align,
         alignOffset,
         alignItemWithTrigger,
         className: "isolate ",
-        children: /* @__PURE__ */ jsxs6(SelectPrimitive.Popup, {
+        children: /* @__PURE__ */ jsxs8(SelectPrimitive.Popup, {
           dir: direction,
           "data-density": resolvedDensity,
           "data-slot": "select-content",
@@ -624,11 +855,11 @@ function SelectContent2({
           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, {
+            /* @__PURE__ */ jsx11(SelectScrollUpButton2, {}),
+            /* @__PURE__ */ jsx11(SelectPrimitive.List, {
               children
             }),
-            /* @__PURE__ */ jsx8(SelectScrollDownButton2, {})
+            /* @__PURE__ */ jsx11(SelectScrollDownButton2, {})
           ]
         })
       })
@@ -636,7 +867,7 @@ function SelectContent2({
   });
 }
 function SelectLabel2({ density, className, ...props }) {
-  return /* @__PURE__ */ jsx8(SelectPrimitive.GroupLabel, {
+  return /* @__PURE__ */ jsx11(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),
@@ -644,21 +875,21 @@ function SelectLabel2({ density, className, ...props }) {
   });
 }
 function SelectItem2({ density, className, children, ...props }) {
-  return /* @__PURE__ */ jsxs6(SelectPrimitive.Item, {
+  return /* @__PURE__ */ jsxs8(SelectPrimitive.Item, {
     "data-density": density,
     "data-slot": "select-item",
     className: (state) => cn2("relative flex w-full cursor-default items-center gap-control-gap rounded-md py-1 pe-8 ps-1.5 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2", typeof className === "function" ? className(state) : className),
     ...props,
     children: [
-      /* @__PURE__ */ jsx8(SelectPrimitive.ItemText, {
+      /* @__PURE__ */ jsx11(SelectPrimitive.ItemText, {
         className: "flex flex-1 shrink-0 gap-2 whitespace-nowrap",
         children
       }),
-      /* @__PURE__ */ jsx8(SelectPrimitive.ItemIndicator, {
-        render: /* @__PURE__ */ jsx8("span", {
+      /* @__PURE__ */ jsx11(SelectPrimitive.ItemIndicator, {
+        render: /* @__PURE__ */ jsx11("span", {
           className: "pointer-events-none absolute end-2 flex size-4 items-center justify-center"
         }),
-        children: /* @__PURE__ */ jsx8(CheckIcon, {
+        children: /* @__PURE__ */ jsx11(CheckIcon, {
           className: "pointer-events-none"
         })
       })
@@ -666,7 +897,7 @@ function SelectItem2({ density, className, children, ...props }) {
   });
 }
 function SelectSeparator2({ density, className, ...props }) {
-  return /* @__PURE__ */ jsx8(SelectPrimitive.Separator, {
+  return /* @__PURE__ */ jsx11(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),
@@ -674,27 +905,27 @@ function SelectSeparator2({ density, className, ...props }) {
   });
 }
 function SelectScrollUpButton2({ density, className, ...props }) {
-  return /* @__PURE__ */ jsx8(SelectPrimitive.ScrollUpArrow, {
+  return /* @__PURE__ */ jsx11(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, {})
+    children: /* @__PURE__ */ jsx11(ChevronUpIcon2, {})
   });
 }
 function SelectScrollDownButton2({ density, className, ...props }) {
-  return /* @__PURE__ */ jsx8(SelectPrimitive.ScrollDownArrow, {
+  return /* @__PURE__ */ jsx11(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(ChevronDownIcon2, {})
+    children: /* @__PURE__ */ jsx11(ChevronDownIcon2, {})
   });
 }
 // 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";
+import { jsx as jsx12 } from "react/jsx-runtime";
 function DensityProvider2({
   density = "comfortable",
   className,
@@ -707,7 +938,7 @@ function DensityProvider2({
     render,
     state: { slot: "density-provider", density }
   });
-  return /* @__PURE__ */ jsx9(DensityContext.Provider, {
+  return /* @__PURE__ */ jsx12(DensityContext.Provider, {
     value: density,
     children: element
   });
@@ -1020,7 +1251,7 @@ function ScrollGuard2({ ownerDocument }) {
 }
 
 // src/components/ThemeProvider.tsx
-import { jsx as jsx10, jsxs as jsxs7 } from "react/jsx-runtime";
+import { jsx as jsx13, jsxs as jsxs9 } from "react/jsx-runtime";
 function StoredThemeProvider({
   children,
   defaultTheme = "system",
@@ -1031,7 +1262,7 @@ function StoredThemeProvider({
     defaultValue: defaultTheme,
     localStorageKey: storageKey
   });
-  return /* @__PURE__ */ jsx10(ThemePalette, {
+  return /* @__PURE__ */ jsx13(ThemePalette, {
     theme: forcedTheme ?? ternaryDarkMode,
     resolvedTheme: forcedTheme ?? (isDarkMode ? "dark" : "light"),
     setTheme: setTernaryDarkMode,
@@ -1049,11 +1280,11 @@ function ThemePalette({
     document.documentElement.style.colorScheme = resolvedTheme;
   }, [resolvedTheme]);
   const value = useMemo(() => ({ theme, resolvedTheme, setTheme }), [theme, resolvedTheme, setTheme]);
-  return /* @__PURE__ */ jsxs7(ThemeContext.Provider, {
+  return /* @__PURE__ */ jsxs9(ThemeContext.Provider, {
     value,
     children: [
-      /* @__PURE__ */ jsx10(ScrollGuard2, {}),
-      /* @__PURE__ */ jsx10(LayoutGuard2, {}),
+      /* @__PURE__ */ jsx13(ScrollGuard2, {}),
+      /* @__PURE__ */ jsx13(LayoutGuard2, {}),
       children
     ]
   });
@@ -1066,7 +1297,7 @@ function ControlledThemeProvider({
   const isDark = useMediaQuery("(prefers-color-scheme: dark)");
   const { theme, setTheme } = controlledTheme;
   const resolvedTheme = forcedTheme ?? (theme === "system" ? isDark ? "dark" : "light" : theme);
-  return /* @__PURE__ */ jsx10(ThemePalette, {
+  return /* @__PURE__ */ jsx13(ThemePalette, {
     theme: forcedTheme ?? theme,
     resolvedTheme,
     setTheme,
@@ -1075,18 +1306,18 @@ function ControlledThemeProvider({
 }
 function ThemeProvider2(props) {
   if (props.controlledTheme)
-    return /* @__PURE__ */ jsx10(ControlledThemeProvider, {
+    return /* @__PURE__ */ jsx13(ControlledThemeProvider, {
       ...props,
       controlledTheme: props.controlledTheme
     });
-  return /* @__PURE__ */ jsx10(StoredThemeProvider, {
+  return /* @__PURE__ */ jsx13(StoredThemeProvider, {
     ...props
   });
 }
 // src/components/AspectRatio.tsx
-import { jsx as jsx11 } from "react/jsx-runtime";
+import { jsx as jsx14 } from "react/jsx-runtime";
 function AspectRatio2({ ratio, className, style, ...props }) {
-  return /* @__PURE__ */ jsx11("div", {
+  return /* @__PURE__ */ jsx14("div", {
     "data-slot": "aspect-ratio",
     className: cn2("relative", className),
     style: { aspectRatio: ratio, ...style },
@@ -1097,9 +1328,9 @@ function AspectRatio2({ ratio, className, style, ...props }) {
 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";
+import { jsx as jsx15, jsxs as jsxs10 } from "react/jsx-runtime";
 function Breadcrumb2({ density, className, ...props }) {
-  return /* @__PURE__ */ jsx12("nav", {
+  return /* @__PURE__ */ jsx15("nav", {
     "aria-label": "breadcrumb",
     "data-density": density,
     "data-slot": "breadcrumb",
@@ -1108,7 +1339,7 @@ function Breadcrumb2({ density, className, ...props }) {
   });
 }
 function BreadcrumbList2({ density, className, ...props }) {
-  return /* @__PURE__ */ jsx12("ol", {
+  return /* @__PURE__ */ jsx15("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),
@@ -1116,7 +1347,7 @@ function BreadcrumbList2({ density, className, ...props }) {
   });
 }
 function BreadcrumbItem2({ density, className, ...props }) {
-  return /* @__PURE__ */ jsx12("li", {
+  return /* @__PURE__ */ jsx15("li", {
     "data-density": density,
     "data-slot": "breadcrumb-item",
     className: cn2("inline-flex items-center gap-1", className),
@@ -1138,7 +1369,7 @@ function BreadcrumbLink2({ analytics, density, className, render, ...props }) {
   });
 }
 function BreadcrumbPage2({ density, className, ...props }) {
-  return /* @__PURE__ */ jsx12("span", {
+  return /* @__PURE__ */ jsx15("span", {
     "data-density": density,
     "data-slot": "breadcrumb-page",
     role: "link",
@@ -1149,20 +1380,20 @@ function BreadcrumbPage2({ density, className, ...props }) {
   });
 }
 function BreadcrumbSeparator2({ density, children, className, ...props }) {
-  return /* @__PURE__ */ jsx12("li", {
+  return /* @__PURE__ */ jsx15("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, {
+    children: children ?? /* @__PURE__ */ jsx15(ChevronRightIcon, {
       className: "rtl:rotate-180"
     })
   });
 }
 function BreadcrumbEllipsis2({ density, className, ...props }) {
-  return /* @__PURE__ */ jsxs8("span", {
+  return /* @__PURE__ */ jsxs10("span", {
     "data-density": density,
     "data-slot": "breadcrumb-ellipsis",
     role: "presentation",
@@ -1170,8 +1401,8 @@ function BreadcrumbEllipsis2({ density, className, ...props }) {
     className: cn2("flex size-5 items-center justify-center [&>svg]:size-4", className),
     ...props,
     children: [
-      /* @__PURE__ */ jsx12(MoreHorizontalIcon, {}),
-      /* @__PURE__ */ jsx12("span", {
+      /* @__PURE__ */ jsx15(MoreHorizontalIcon, {}),
+      /* @__PURE__ */ jsx15("span", {
         className: "sr-only",
         children: "More"
       })
@@ -1182,7 +1413,7 @@ function BreadcrumbEllipsis2({ density, className, ...props }) {
 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";
+import { jsx as jsx16 } 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: {
@@ -1205,7 +1436,7 @@ function ButtonGroup2({
   layout = "content",
   ...props
 }) {
-  return /* @__PURE__ */ jsx13("div", {
+  return /* @__PURE__ */ jsx16("div", {
     role: "group",
     "data-density": density,
     "data-slot": "button-group",
@@ -1233,7 +1464,7 @@ function ButtonGroupSeparator2({
   orientation = "vertical",
   ...props
 }) {
-  return /* @__PURE__ */ jsx13(Separator2, {
+  return /* @__PURE__ */ jsx16(Separator2, {
     "data-density": density,
     "data-slot": "button-group-separator",
     orientation,
@@ -1245,9 +1476,9 @@ function ButtonGroupSeparator2({
 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";
+import { jsx as jsx17 } from "react/jsx-runtime";
 function ItemGroup2({ density, className, ...props }) {
-  return /* @__PURE__ */ jsx14("div", {
+  return /* @__PURE__ */ jsx17("div", {
     role: "list",
     "data-density": density,
     "data-slot": "item-group",
@@ -1256,7 +1487,7 @@ function ItemGroup2({ density, className, ...props }) {
   });
 }
 function ItemSeparator2({ density, className, ...props }) {
-  return /* @__PURE__ */ jsx14(Separator2, {
+  return /* @__PURE__ */ jsx17(Separator2, {
     "data-density": density,
     "data-slot": "item-separator",
     orientation: "horizontal",
@@ -1317,7 +1548,7 @@ var itemMediaVariants = cva2("flex shrink-0 items-center justify-center gap-2 gr
   }
 });
 function ItemMedia2({ density, className, variant = "default", ...props }) {
-  return /* @__PURE__ */ jsx14("div", {
+  return /* @__PURE__ */ jsx17("div", {
     "data-density": density,
     "data-slot": "item-media",
     "data-variant": variant,
@@ -1326,7 +1557,7 @@ function ItemMedia2({ density, className, variant = "default", ...props }) {
   });
 }
 function ItemContent2({ density, className, ...props }) {
-  return /* @__PURE__ */ jsx14("div", {
+  return /* @__PURE__ */ jsx17("div", {
     "data-density": density,
     "data-slot": "item-content",
     className: cn2("flex flex-1 flex-col gap-1 group-data-[size=xs]/item:gap-0 [&+[data-slot=item-content]]:flex-none", className),
@@ -1334,7 +1565,7 @@ function ItemContent2({ density, className, ...props }) {
   });
 }
 function ItemTitle2({ density, className, wrap = false, ...props }) {
-  return /* @__PURE__ */ jsx14("div", {
+  return /* @__PURE__ */ jsx17("div", {
     "data-density": density,
     "data-slot": "item-title",
     className: cn2(!wrap && "line-clamp-1", "flex w-fit items-center gap-2 text-sm leading-snug font-medium underline-offset-4", wrap && "min-w-0 max-w-full wrap-anywhere", className),
@@ -1342,7 +1573,7 @@ function ItemTitle2({ density, className, wrap = false, ...props }) {
   });
 }
 function ItemDescription2({ density, className, ...props }) {
-  return /* @__PURE__ */ jsx14("p", {
+  return /* @__PURE__ */ jsx17("p", {
     "data-density": density,
     "data-slot": "item-description",
     className: cn2("line-clamp-2 text-start text-sm leading-normal font-normal text-muted-foreground group-data-[size=xs]/item:text-xs [&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary", className),
@@ -1350,7 +1581,7 @@ function ItemDescription2({ density, className, ...props }) {
   });
 }
 function ItemActions2({ density, className, ...props }) {
-  return /* @__PURE__ */ jsx14("div", {
+  return /* @__PURE__ */ jsx17("div", {
     "data-density": density,
     "data-slot": "item-actions",
     className: cn2("flex items-center gap-2", className),
@@ -1358,7 +1589,7 @@ function ItemActions2({ density, className, ...props }) {
   });
 }
 function ItemHeader2({ density, className, ...props }) {
-  return /* @__PURE__ */ jsx14("div", {
+  return /* @__PURE__ */ jsx17("div", {
     "data-density": density,
     "data-slot": "item-header",
     className: cn2("flex basis-full items-center justify-between gap-2", className),
@@ -1366,7 +1597,7 @@ function ItemHeader2({ density, className, ...props }) {
   });
 }
 function ItemFooter2({ density, className, ...props }) {
-  return /* @__PURE__ */ jsx14("div", {
+  return /* @__PURE__ */ jsx17("div", {
     "data-density": density,
     "data-slot": "item-footer",
     className: cn2("flex basis-full items-center justify-between gap-2", className),
@@ -1375,9 +1606,9 @@ function ItemFooter2({ density, 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";
+import { jsx as jsx18, jsxs as jsxs11 } from "react/jsx-runtime";
 function Pagination2({ density, className, ...props }) {
-  return /* @__PURE__ */ jsx15("nav", {
+  return /* @__PURE__ */ jsx18("nav", {
     role: "navigation",
     "aria-label": "pagination",
     "data-density": density,
@@ -1387,7 +1618,7 @@ function Pagination2({ density, className, ...props }) {
   });
 }
 function PaginationContent2({ density, className, ...props }) {
-  return /* @__PURE__ */ jsx15("ul", {
+  return /* @__PURE__ */ jsx18("ul", {
     "data-density": density,
     "data-slot": "pagination-content",
     className: cn2("flex items-center gap-0.5", className),
@@ -1395,7 +1626,7 @@ function PaginationContent2({ density, className, ...props }) {
   });
 }
 function PaginationItem2({ ...props }) {
-  return /* @__PURE__ */ jsx15("li", {
+  return /* @__PURE__ */ jsx18("li", {
     "data-slot": "pagination-item",
     ...props
   });
@@ -1408,7 +1639,7 @@ function PaginationLink2({
   size = "icon",
   ...props
 }) {
-  return /* @__PURE__ */ jsx15(AnalyticsLink, {
+  return /* @__PURE__ */ jsx18(AnalyticsLink, {
     component: "PaginationLink",
     analytics,
     "data-density": density,
@@ -1425,18 +1656,18 @@ function PaginationPrevious2({
   text = "Previous",
   ...props
 }) {
-  return /* @__PURE__ */ jsxs9(PaginationLink2, {
+  return /* @__PURE__ */ jsxs11(PaginationLink2, {
     density,
     "aria-label": "Go to previous page",
     size: "default",
     className: cn2("ps-1.5!", className),
     ...props,
     children: [
-      /* @__PURE__ */ jsx15(ChevronLeftIcon, {
+      /* @__PURE__ */ jsx18(ChevronLeftIcon, {
         "data-icon": "inline-start",
         className: "rtl:rotate-180"
       }),
-      /* @__PURE__ */ jsx15("span", {
+      /* @__PURE__ */ jsx18("span", {
         className: "hidden sm:block",
         children: text
       })
@@ -1444,18 +1675,18 @@ function PaginationPrevious2({
   });
 }
 function PaginationNext2({ density, className, text = "Next", ...props }) {
-  return /* @__PURE__ */ jsxs9(PaginationLink2, {
+  return /* @__PURE__ */ jsxs11(PaginationLink2, {
     density,
     "aria-label": "Go to next page",
     size: "default",
     className: cn2("pe-1.5!", className),
     ...props,
     children: [
-      /* @__PURE__ */ jsx15("span", {
+      /* @__PURE__ */ jsx18("span", {
         className: "hidden sm:block",
         children: text
       }),
-      /* @__PURE__ */ jsx15(ChevronRightIcon2, {
+      /* @__PURE__ */ jsx18(ChevronRightIcon2, {
         "data-icon": "inline-end",
         className: "rtl:rotate-180"
       })
@@ -1463,15 +1694,15 @@ function PaginationNext2({ density, className, text = "Next", ...props }) {
   });
 }
 function PaginationEllipsis2({ density, className, ...props }) {
-  return /* @__PURE__ */ jsxs9("span", {
+  return /* @__PURE__ */ jsxs11("span", {
     "aria-hidden": true,
     "data-density": density,
     "data-slot": "pagination-ellipsis",
     className: cn2("flex size-control items-center justify-center [&_svg:not([class*='size-'])]:size-4", className),
     ...props,
     children: [
-      /* @__PURE__ */ jsx15(MoreHorizontalIcon2, {}),
-      /* @__PURE__ */ jsx15("span", {
+      /* @__PURE__ */ jsx18(MoreHorizontalIcon2, {}),
+      /* @__PURE__ */ jsx18("span", {
         className: "sr-only",
         children: "More pages"
       })
@@ -1482,8 +1713,8 @@ function PaginationEllipsis2({ density, className, ...props }) {
 import { useMemo as useMemo2 } from "react";
 
 // src/drawer/DrawerContext.ts
-import { createContext } from "react";
-var DrawerContext = createContext(null);
+import { createContext as createContext2 } from "react";
+var DrawerContext = createContext2(null);
 
 // src/hooks/useDrawer.ts
 import { useContext } from "react";
@@ -1497,7 +1728,7 @@ function useDrawer() {
 
 // src/components/Drawer.tsx
 import { Drawer as DrawerPrimitive } from "@base-ui/react/drawer";
-import { jsx as jsx16, jsxs as jsxs10 } from "react/jsx-runtime";
+import { jsx as jsx19, jsxs as jsxs12 } from "react/jsx-runtime";
 function Drawer2({
   analytics,
   modal = true,
@@ -1509,9 +1740,9 @@ function Drawer2({
   const trackedOnOpenChange = useAnalyticsCallback("Drawer", analytics, (open, _details) => ({ name: "ui.open-request", open }), props.onOpenChange);
   const hasSnapPoints = snapPoints != null && snapPoints.length > 0;
   const contextValue = useMemo2(() => ({ hasSnapPoints, modal, showSwipeHandle, swipeDirection }), [hasSnapPoints, modal, showSwipeHandle, swipeDirection]);
-  return /* @__PURE__ */ jsx16(DrawerContext.Provider, {
+  return /* @__PURE__ */ jsx19(DrawerContext.Provider, {
     value: contextValue,
-    children: /* @__PURE__ */ jsx16(DrawerPrimitive.Root, {
+    children: /* @__PURE__ */ jsx19(DrawerPrimitive.Root, {
       "data-slot": "drawer",
       modal,
       snapPoints,
@@ -1522,7 +1753,7 @@ function Drawer2({
   });
 }
 function DrawerTrigger2({ ...props }) {
-  return /* @__PURE__ */ jsx16(DrawerPrimitive.Trigger, {
+  return /* @__PURE__ */ jsx19(DrawerPrimitive.Trigger, {
     "data-slot": "drawer-trigger",
     ...props
   });
@@ -1530,26 +1761,26 @@ function DrawerTrigger2({ ...props }) {
 function DrawerPortal2({ container, ref, children, ...props }) {
   const resolvedContainer = usePortalContainer2(container);
   const portal = usePortalNode(ref);
-  return /* @__PURE__ */ jsx16(DrawerPrimitive.Portal, {
+  return /* @__PURE__ */ jsx19(DrawerPrimitive.Portal, {
     "data-slot": "drawer-portal",
     container: resolvedContainer,
     ref: portal.ref,
     ...props,
-    children: /* @__PURE__ */ jsx16(PortalProvider2, {
+    children: /* @__PURE__ */ jsx19(PortalProvider2, {
       container: portal.node,
       children
     })
   });
 }
 function DrawerClose2({ ...props }) {
-  return /* @__PURE__ */ jsx16(DrawerPrimitive.Close, {
+  return /* @__PURE__ */ jsx19(DrawerPrimitive.Close, {
     "data-slot": "drawer-close",
     ...props
   });
 }
 function DrawerOverlay2({ density, className, ...props }) {
   const resolvedDensity = useDensity(density);
-  return /* @__PURE__ */ jsx16(DrawerPrimitive.Backdrop, {
+  return /* @__PURE__ */ jsx19(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),
@@ -1557,7 +1788,7 @@ function DrawerOverlay2({ density, className, ...props }) {
   });
 }
 function DrawerSwipeHandle2({ density, className, ...props }) {
-  return /* @__PURE__ */ jsx16("div", {
+  return /* @__PURE__ */ jsx19("div", {
     "data-density": density,
     "data-slot": "drawer-swipe-handle",
     "aria-hidden": "true",
@@ -1570,18 +1801,18 @@ function DrawerContent2({ density, className, children, ...props }) {
   const direction = useDirection2();
   const { hasSnapPoints, modal, showSwipeHandle, swipeDirection } = useDrawer();
   const swipeAxis = swipeDirection === "down" || swipeDirection === "up" ? "y" : "x";
-  return /* @__PURE__ */ jsxs10(DrawerPortal2, {
+  return /* @__PURE__ */ jsxs12(DrawerPortal2, {
     "data-slot": "drawer-portal",
     children: [
-      modal === true && /* @__PURE__ */ jsx16(DrawerOverlay2, {
+      modal === true && /* @__PURE__ */ jsx19(DrawerOverlay2, {
         "data-snap-points": hasSnapPoints ? "" : undefined
       }),
-      /* @__PURE__ */ jsx16(DrawerPrimitive.Viewport, {
+      /* @__PURE__ */ jsx19(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__ */ jsxs10(DrawerPrimitive.Popup, {
+        children: /* @__PURE__ */ jsxs12(DrawerPrimitive.Popup, {
           "data-density": resolvedDensity,
           "data-slot": "drawer-popup",
           "data-scroll": "none",
@@ -1590,8 +1821,8 @@ function DrawerContent2({ density, className, children, ...props }) {
           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__ */ jsx16(DrawerSwipeHandle2, {}),
-            /* @__PURE__ */ jsx16(DrawerPrimitive.Content, {
+            showSwipeHandle && /* @__PURE__ */ jsx19(DrawerSwipeHandle2, {}),
+            /* @__PURE__ */ jsx19(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",
@@ -1604,7 +1835,7 @@ function DrawerContent2({ density, className, children, ...props }) {
   });
 }
 function DrawerHeader2({ density, className, ...props }) {
-  return /* @__PURE__ */ jsx16("div", {
+  return /* @__PURE__ */ jsx19("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),
@@ -1612,7 +1843,7 @@ function DrawerHeader2({ density, className, ...props }) {
   });
 }
 function DrawerFooter2({ density, className, ...props }) {
-  return /* @__PURE__ */ jsx16("div", {
+  return /* @__PURE__ */ jsx19("div", {
     "data-density": density,
     "data-slot": "drawer-footer",
     className: cn2("mt-auto flex shrink-0 flex-col gap-2 p-panel pt-0", className),
@@ -1620,7 +1851,7 @@ function DrawerFooter2({ density, className, ...props }) {
   });
 }
 function DrawerTitle2({ density, className, ...props }) {
-  return /* @__PURE__ */ jsx16(DrawerPrimitive.Title, {
+  return /* @__PURE__ */ jsx19(DrawerPrimitive.Title, {
     "data-density": density,
     "data-slot": "drawer-title",
     className: (state) => cn2(" text-base font-medium text-foreground", typeof className === "function" ? className(state) : className),
@@ -1628,226 +1859,20 @@ function DrawerTitle2({ density, className, ...props }) {
   });
 }
 function DrawerDescription2({ density, className, ...props }) {
-  return /* @__PURE__ */ jsx16(DrawerPrimitive.Description, {
+  return /* @__PURE__ */ jsx19(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 CheckIcon2 } from "lucide-react";
-import { useDirection as useDirection4 } from "@base-ui/react/direction-provider";
-import { ContextMenu as ContextMenuPrimitive } from "@base-ui/react/context-menu";
-import { jsx as jsx17, jsxs as jsxs11 } from "react/jsx-runtime";
-function ContextMenu2({ analytics, ...props }) {
-  const trackedOnOpenChange = useAnalyticsCallback("ContextMenu", analytics, (open, _details) => ({ name: "ui.open-request", open }), props.onOpenChange);
-  return /* @__PURE__ */ jsx17(ContextMenuPrimitive.Root, {
-    "data-slot": "context-menu",
-    ...props,
-    onOpenChange: trackedOnOpenChange
-  });
-}
-function ContextMenuPortal2({ container, ref, children, ...props }) {
-  const resolvedContainer = usePortalContainer2(container);
-  const portal = usePortalNode(ref);
-  return /* @__PURE__ */ jsx17(ContextMenuPrimitive.Portal, {
-    "data-slot": "context-menu-portal",
-    container: resolvedContainer,
-    ref: portal.ref,
-    ...props,
-    children: /* @__PURE__ */ jsx17(PortalProvider2, {
-      container: portal.node,
-      children
-    })
-  });
-}
-function ContextMenuTrigger2({ density, className, ...props }) {
-  return /* @__PURE__ */ jsx17(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 = useDirection4();
-  return /* @__PURE__ */ jsx17(ContextMenuPortal2, {
-    children: /* @__PURE__ */ jsx17(ContextMenuPrimitive.Positioner, {
-      dir: direction,
-      className: "isolate  outline-none",
-      align,
-      alignOffset,
-      side,
-      sideOffset,
-      children: /* @__PURE__ */ jsx17(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__ */ jsx17(ContextMenuPrimitive.Group, {
-    "data-slot": "context-menu-group",
-    ...props
-  });
-}
-function ContextMenuLabel2({ density, className, inset, ...props }) {
-  return /* @__PURE__ */ jsx17(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({
-  analytics,
-  density,
-  className,
-  inset,
-  variant = "default",
-  ...props
-}) {
-  const trackedOnClick = useAnalyticsCallback("ContextMenuItem", analytics, { name: "ui.activate" }, props.onClick);
-  return /* @__PURE__ */ jsx17(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,
-    onClick: trackedOnClick
-  });
-}
-function ContextMenuSub2({
-  analytics,
-  ...props
-}) {
-  const trackedOnOpenChange = useAnalyticsCallback("ContextMenuSub", analytics, (open, _details) => ({ name: "ui.open-request", open }), props.onOpenChange);
-  return /* @__PURE__ */ jsx17(ContextMenuPrimitive.SubmenuRoot, {
-    "data-slot": "context-menu-sub",
-    ...props,
-    onOpenChange: trackedOnOpenChange
-  });
-}
-function ContextMenuSubTrigger2({ density, className, inset, children, ...props }) {
-  return /* @__PURE__ */ jsxs11(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__ */ jsx17(ChevronRightIcon3, {
-        className: "rtl:rotate-180 ms-auto"
-      })
-    ]
-  });
-}
-function ContextMenuSubContent2({ ...props }) {
-  return /* @__PURE__ */ jsx17(ContextMenuContent2, {
-    "data-slot": "context-menu-sub-content",
-    className: "  shadow-frame border border-frame-edge",
-    side: "inline-end",
-    ...props
-  });
-}
-function ContextMenuCheckboxItem2({
-  analytics,
-  density,
-  className,
-  children,
-  checked,
-  inset,
-  ...props
-}) {
-  const trackedOnCheckedChange = useAnalyticsCallback("ContextMenuCheckboxItem", analytics, { name: "ui.change-request" }, props.onCheckedChange);
-  return /* @__PURE__ */ jsxs11(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,
-    onCheckedChange: trackedOnCheckedChange,
-    children: [
-      /* @__PURE__ */ jsx17("span", {
-        className: "pointer-events-none absolute end-2",
-        children: /* @__PURE__ */ jsx17(ContextMenuPrimitive.CheckboxItemIndicator, {
-          children: /* @__PURE__ */ jsx17(CheckIcon2, {})
-        })
-      }),
-      children
-    ]
-  });
-}
-function ContextMenuRadioGroup2({
-  analytics,
-  ...props
-}) {
-  const trackedOnValueChange = useAnalyticsCallback("ContextMenuRadioGroup", analytics, { name: "ui.change-request" }, props.onValueChange);
-  return /* @__PURE__ */ jsx17(ContextMenuPrimitive.RadioGroup, {
-    "data-slot": "context-menu-radio-group",
-    ...props,
-    onValueChange: trackedOnValueChange
-  });
-}
-function ContextMenuRadioItem2({ density, className, children, inset, ...props }) {
-  return /* @__PURE__ */ jsxs11(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__ */ jsx17("span", {
-        className: "pointer-events-none absolute end-2",
-        children: /* @__PURE__ */ jsx17(ContextMenuPrimitive.RadioItemIndicator, {
-          children: /* @__PURE__ */ jsx17(CheckIcon2, {})
-        })
-      }),
-      children
-    ]
-  });
-}
-function ContextMenuSeparator2({ density, className, ...props }) {
-  return /* @__PURE__ */ jsx17(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__ */ jsx17("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 CheckIcon3 } from "lucide-react";
+import { CheckIcon as CheckIcon2 } from "lucide-react";
 import { Menu as MenuPrimitive } from "@base-ui/react/menu";
 import { Menubar as MenubarPrimitive } from "@base-ui/react/menubar";
-import { jsx as jsx18, jsxs as jsxs12 } from "react/jsx-runtime";
+import { jsx as jsx20, jsxs as jsxs13 } from "react/jsx-runtime";
 function Menubar2({ density, className, ...props }) {
-  return /* @__PURE__ */ jsx18(MenubarPrimitive, {
+  return /* @__PURE__ */ jsx20(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),
@@ -1859,26 +1884,26 @@ function MenubarMenu2({
   ...props
 }) {
   const trackedOnOpenChange = useAnalyticsCallback("MenubarMenu", analytics, (open, _details) => ({ name: "ui.open-request", open }), props.onOpenChange);
-  return /* @__PURE__ */ jsx18(DropdownMenu2, {
+  return /* @__PURE__ */ jsx20(DropdownMenu2, {
     "data-slot": "menubar-menu",
     ...props,
     onOpenChange: trackedOnOpenChange
   });
 }
 function MenubarGroup2({ ...props }) {
-  return /* @__PURE__ */ jsx18(DropdownMenuGroup2, {
+  return /* @__PURE__ */ jsx20(MenuGroup2, {
     "data-slot": "menubar-group",
     ...props
   });
 }
 function MenubarPortal2({ ...props }) {
-  return /* @__PURE__ */ jsx18(DropdownMenuPortal2, {
+  return /* @__PURE__ */ jsx20(MenuPortal, {
     "data-slot": "menubar-portal",
     ...props
   });
 }
 function MenubarTrigger2({ density, className, ...props }) {
-  return /* @__PURE__ */ jsx18(DropdownMenuTrigger2, {
+  return /* @__PURE__ */ jsx20(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),
@@ -1893,7 +1918,7 @@ function MenubarContent2({
   sideOffset = 8,
   ...props
 }) {
-  return /* @__PURE__ */ jsx18(DropdownMenuContent2, {
+  return /* @__PURE__ */ jsx20(MenuPopup, {
     density,
     "data-slot": "menubar-content",
     align,
@@ -1912,7 +1937,7 @@ function MenubarItem2({
   ...props
 }) {
   const trackedOnClick = useAnalyticsCallback("MenubarItem", analytics, { name: "ui.activate" }, props.onClick);
-  return /* @__PURE__ */ jsx18(DropdownMenuItem2, {
+  return /* @__PURE__ */ jsx20(MenuItem2, {
     density,
     "data-slot": "menubar-item",
     inset,
@@ -1932,7 +1957,7 @@ function MenubarCheckboxItem2({
   ...props
 }) {
   const trackedOnCheckedChange = useAnalyticsCallback("MenubarCheckboxItem", analytics, { name: "ui.change-request" }, props.onCheckedChange);
-  return /* @__PURE__ */ jsxs12(MenuPrimitive.CheckboxItem, {
+  return /* @__PURE__ */ jsxs13(MenuPrimitive.CheckboxItem, {
     "data-density": density,
     "data-slot": "menubar-checkbox-item",
     "data-inset": inset,
@@ -1941,10 +1966,10 @@ function MenubarCheckboxItem2({
     ...props,
     onCheckedChange: trackedOnCheckedChange,
     children: [
-      /* @__PURE__ */ jsx18("span", {
+      /* @__PURE__ */ jsx20("span", {
         className: "pointer-events-none absolute start-1.5 flex size-4 items-center justify-center [&_svg:not([class*='size-'])]:size-4",
-        children: /* @__PURE__ */ jsx18(MenuPrimitive.CheckboxItemIndicator, {
-          children: /* @__PURE__ */ jsx18(CheckIcon3, {})
+        children: /* @__PURE__ */ jsx20(MenuPrimitive.CheckboxItemIndicator, {
+          children: /* @__PURE__ */ jsx20(CheckIcon2, {})
         })
       }),
       children
@@ -1952,23 +1977,23 @@ function MenubarCheckboxItem2({
   });
 }
 function MenubarRadioGroup2({ ...props }) {
-  return /* @__PURE__ */ jsx18(DropdownMenuRadioGroup2, {
+  return /* @__PURE__ */ jsx20(MenuRadioGroup2, {
     "data-slot": "menubar-radio-group",
     ...props
   });
 }
 function MenubarRadioItem2({ density, className, children, inset, ...props }) {
-  return /* @__PURE__ */ jsxs12(MenuPrimitive.RadioItem, {
+  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__ */ jsx18("span", {
+      /* @__PURE__ */ jsx20("span", {
         className: "pointer-events-none absolute start-1.5 flex size-4 items-center justify-center [&_svg:not([class*='size-'])]:size-4",
-        children: /* @__PURE__ */ jsx18(MenuPrimitive.RadioItemIndicator, {
-          children: /* @__PURE__ */ jsx18(CheckIcon3, {})
+        children: /* @__PURE__ */ jsx20(MenuPrimitive.RadioItemIndicator, {
+          children: /* @__PURE__ */ jsx20(CheckIcon2, {})
         })
       }),
       children
@@ -1976,7 +2001,7 @@ function MenubarRadioItem2({ density, className, children, inset, ...props }) {
   });
 }
 function MenubarLabel2({ density, className, inset, ...props }) {
-  return /* @__PURE__ */ jsx18(DropdownMenuLabel2, {
+  return /* @__PURE__ */ jsx20(MenuLabel2, {
     density,
     "data-slot": "menubar-label",
     inset,
@@ -1985,7 +2010,7 @@ function MenubarLabel2({ density, className, inset, ...props }) {
   });
 }
 function MenubarSeparator2({ density, className, ...props }) {
-  return /* @__PURE__ */ jsx18(DropdownMenuSeparator2, {
+  return /* @__PURE__ */ jsx20(MenuSeparator2, {
     density,
     "data-slot": "menubar-separator",
     className: (state) => cn2("-mx-1 my-1 h-px bg-border", typeof className === "function" ? className(state) : className),
@@ -1993,7 +2018,7 @@ function MenubarSeparator2({ density, className, ...props }) {
   });
 }
 function MenubarShortcut2({ density, className, ...props }) {
-  return /* @__PURE__ */ jsx18(DropdownMenuShortcut2, {
+  return /* @__PURE__ */ jsx20(MenuShortcut2, {
     "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),
@@ -2001,13 +2026,13 @@ function MenubarShortcut2({ density, className, ...props }) {
   });
 }
 function MenubarSub2({ ...props }) {
-  return /* @__PURE__ */ jsx18(DropdownMenuSub2, {
+  return /* @__PURE__ */ jsx20(MenuSub2, {
     "data-slot": "menubar-sub",
     ...props
   });
 }
 function MenubarSubTrigger2({ density, className, inset, ...props }) {
-  return /* @__PURE__ */ jsx18(DropdownMenuSubTrigger2, {
+  return /* @__PURE__ */ jsx20(MenuSubTrigger2, {
     density,
     "data-slot": "menubar-sub-trigger",
     inset,
@@ -2016,7 +2041,7 @@ function MenubarSubTrigger2({ density, className, inset, ...props }) {
   });
 }
 function MenubarSubContent2({ density, className, ...props }) {
-  return /* @__PURE__ */ jsx18(DropdownMenuSubContent2, {
+  return /* @__PURE__ */ jsx20(MenuSubContent2, {
     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),
@@ -2027,7 +2052,7 @@ function MenubarSubContent2({ density, className, ...props }) {
 import { ChevronDownIcon as ChevronDownIcon3 } from "lucide-react";
 import { NavigationMenu as NavigationMenuPrimitive } from "@base-ui/react/navigation-menu";
 import { cva as cva3 } from "class-variance-authority";
-import { jsx as jsx19, jsxs as jsxs13 } from "react/jsx-runtime";
+import { jsx as jsx21, jsxs as jsxs14 } from "react/jsx-runtime";
 function NavigationMenu2({
   analytics,
   density,
@@ -2038,7 +2063,7 @@ function NavigationMenu2({
 }) {
   const trackedOnValueChange = useAnalyticsCallback("NavigationMenu", analytics, { name: "ui.change-request" }, props.onValueChange);
   const resolvedDensity = useDensity(density);
-  return /* @__PURE__ */ jsxs13(NavigationMenuPrimitive.Root, {
+  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),
@@ -2046,7 +2071,7 @@ function NavigationMenu2({
     onValueChange: trackedOnValueChange,
     children: [
       children,
-      /* @__PURE__ */ jsx19(NavigationMenuPositioner2, {
+      /* @__PURE__ */ jsx21(NavigationMenuPositioner2, {
         density: resolvedDensity,
         align
       })
@@ -2054,7 +2079,7 @@ function NavigationMenu2({
   });
 }
 function NavigationMenuList2({ density, className, ...props }) {
-  return /* @__PURE__ */ jsx19(NavigationMenuPrimitive.List, {
+  return /* @__PURE__ */ jsx21(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),
@@ -2062,7 +2087,7 @@ function NavigationMenuList2({ density, className, ...props }) {
   });
 }
 function NavigationMenuItem2({ density, className, ...props }) {
-  return /* @__PURE__ */ jsx19(NavigationMenuPrimitive.Item, {
+  return /* @__PURE__ */ jsx21(NavigationMenuPrimitive.Item, {
     "data-density": density,
     "data-slot": "navigation-menu-item",
     className: (state) => cn2("relative", typeof className === "function" ? className(state) : className),
@@ -2071,7 +2096,7 @@ function NavigationMenuItem2({ density, 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__ */ jsxs13(NavigationMenuPrimitive.Trigger, {
+  return /* @__PURE__ */ jsxs14(NavigationMenuPrimitive.Trigger, {
     "data-density": density,
     "data-slot": "navigation-menu-trigger",
     className: (state) => cn2(navigationMenuTriggerStyle2(), "group", typeof className === "function" ? className(state) : className),
@@ -2079,12 +2104,12 @@ function NavigationMenuTrigger2({ density, className, children, ...props }) {
     children: [
       children,
       " ",
-      /* @__PURE__ */ jsx19(NavigationMenuIndicator2, {})
+      /* @__PURE__ */ jsx21(NavigationMenuIndicator2, {})
     ]
   });
 }
 function NavigationMenuContent2({ density, className, ...props }) {
-  return /* @__PURE__ */ jsx19(NavigationMenuPrimitive.Content, {
+  return /* @__PURE__ */ jsx21(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),
@@ -2104,12 +2129,12 @@ function NavigationMenuPositioner2({
   const direction = useDirection2();
   const container = usePortalContainer2();
   const portal = usePortalNode();
-  return /* @__PURE__ */ jsx19(NavigationMenuPrimitive.Portal, {
+  return /* @__PURE__ */ jsx21(NavigationMenuPrimitive.Portal, {
     container,
     ref: portal.ref,
-    children: /* @__PURE__ */ jsx19(PortalProvider2, {
+    children: /* @__PURE__ */ jsx21(PortalProvider2, {
       container: portal.node,
-      children: /* @__PURE__ */ jsx19(NavigationMenuPrimitive.Positioner, {
+      children: /* @__PURE__ */ jsx21(NavigationMenuPrimitive.Positioner, {
         dir: direction,
         side,
         sideOffset,
@@ -2117,11 +2142,11 @@ function NavigationMenuPositioner2({
         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__ */ jsx19(NavigationMenuPrimitive.Popup, {
+        children: /* @__PURE__ */ jsx21(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__ */ jsx19(NavigationMenuPrimitive.Viewport, {
+          children: /* @__PURE__ */ jsx21(NavigationMenuPrimitive.Viewport, {
             className: "relative size-full overflow-hidden"
           })
         })
@@ -2131,7 +2156,7 @@ function NavigationMenuPositioner2({
 }
 function NavigationMenuLink2({ analytics, density, className, ...props }) {
   const trackedOnClick = useAnalyticsCallback("NavigationMenuLink", analytics, { name: "ui.activate" }, props.onClick);
-  return /* @__PURE__ */ jsx19(NavigationMenuPrimitive.Link, {
+  return /* @__PURE__ */ jsx21(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),
@@ -2145,32 +2170,32 @@ function NavigationMenuIndicator2({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsx19(NavigationMenuPrimitive.Icon, {
+  return /* @__PURE__ */ jsx21(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__ */ jsx19(ChevronDownIcon3, {})
+    children: children ?? /* @__PURE__ */ jsx21(ChevronDownIcon3, {})
   });
 }
 // src/components/Toast.tsx
 import { Toast as ToastPrimitive } from "@base-ui/react/toast";
 import { CircleCheckIcon, InfoIcon, TriangleAlertIcon, OctagonXIcon, LoaderCircleIcon, XIcon } from "lucide-react";
-import { jsx as jsx20, jsxs as jsxs14, Fragment as Fragment3 } from "react/jsx-runtime";
+import { jsx as jsx22, jsxs as jsxs15, Fragment as Fragment4 } from "react/jsx-runtime";
 function ToastProvider2(props) {
-  return /* @__PURE__ */ jsx20(ToastPrimitive.Provider, {
+  return /* @__PURE__ */ jsx22(ToastPrimitive.Provider, {
     ...props
   });
 }
 function ToastPortal2({ container, ref, children, ...props }) {
   const resolvedContainer = usePortalContainer2(container);
   const portal = usePortalNode(ref);
-  return /* @__PURE__ */ jsx20(ToastPrimitive.Portal, {
+  return /* @__PURE__ */ jsx22(ToastPrimitive.Portal, {
     "data-slot": "toast-portal",
     container: resolvedContainer,
     ref: portal.ref,
     ...props,
-    children: /* @__PURE__ */ jsx20(PortalProvider2, {
+    children: /* @__PURE__ */ jsx22(PortalProvider2, {
       container: portal.node,
       children
     })
@@ -2179,7 +2204,7 @@ function ToastPortal2({ container, ref, children, ...props }) {
 function ToastViewport2({ density, dir, className, ...props }) {
   const resolvedDensity = useDensity(density);
   const inheritedDirection = useDirection2();
-  return /* @__PURE__ */ jsx20(ToastPrimitive.Viewport, {
+  return /* @__PURE__ */ jsx22(ToastPrimitive.Viewport, {
     dir: dir ?? inheritedDirection,
     "data-density": resolvedDensity,
     "data-slot": "toast-viewport",
@@ -2188,7 +2213,7 @@ function ToastViewport2({ density, dir, className, ...props }) {
   });
 }
 function Toast2({ density, className, ...props }) {
-  return /* @__PURE__ */ jsx20(ToastPrimitive.Root, {
+  return /* @__PURE__ */ jsx22(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),
@@ -2196,21 +2221,21 @@ function Toast2({ density, className, ...props }) {
   });
 }
 function ToastContent2({ className, ...props }) {
-  return /* @__PURE__ */ jsx20(ToastPrimitive.Content, {
+  return /* @__PURE__ */ jsx22(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__ */ jsx20(ToastPrimitive.Title, {
+  return /* @__PURE__ */ jsx22(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__ */ jsx20(ToastPrimitive.Description, {
+  return /* @__PURE__ */ jsx22(ToastPrimitive.Description, {
     "data-slot": "toast-description",
     className: (state) => cn2("text-sm text-muted-foreground", typeof className === "function" ? className(state) : className),
     ...props
@@ -2219,14 +2244,14 @@ function ToastDescription2({ className, ...props }) {
 function ToastAction2({
   analytics,
   className,
-  render = /* @__PURE__ */ jsx20(Button2, {
+  render = /* @__PURE__ */ jsx22(Button2, {
     variant: "outline",
     size: "sm"
   }),
   ...props
 }) {
   const trackedOnClick = useAnalyticsCallback("ToastAction", analytics, { name: "ui.activate" }, props.onClick);
-  return /* @__PURE__ */ jsx20(ToastPrimitive.Action, {
+  return /* @__PURE__ */ jsx22(ToastPrimitive.Action, {
     "data-slot": "toast-action",
     render,
     className: (state) => cn2("shrink-0", typeof className === "function" ? className(state) : className),
@@ -2238,21 +2263,21 @@ function ToastClose2({
   analytics,
   className,
   children,
-  render = /* @__PURE__ */ jsx20(Button2, {
+  render = /* @__PURE__ */ jsx22(Button2, {
     variant: "ghost",
     size: "icon-sm"
   }),
   ...props
 }) {
   const trackedOnClick = useAnalyticsCallback("ToastClose", analytics, { name: "ui.activate" }, props.onClick);
-  return /* @__PURE__ */ jsx20(ToastPrimitive.Close, {
+  return /* @__PURE__ */ jsx22(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,
     onClick: trackedOnClick,
-    children: children ?? /* @__PURE__ */ jsx20(XIcon, {
+    children: children ?? /* @__PURE__ */ jsx22(XIcon, {
       "aria-hidden": "true"
     })
   });
@@ -2260,24 +2285,24 @@ function ToastClose2({
 function ToastIcon({ type }) {
   switch (type) {
     case "success":
-      return /* @__PURE__ */ jsx20(CircleCheckIcon, {
+      return /* @__PURE__ */ jsx22(CircleCheckIcon, {
         "aria-hidden": "true"
       });
     case "info":
-      return /* @__PURE__ */ jsx20(InfoIcon, {
+      return /* @__PURE__ */ jsx22(InfoIcon, {
         "aria-hidden": "true"
       });
     case "warning":
-      return /* @__PURE__ */ jsx20(TriangleAlertIcon, {
+      return /* @__PURE__ */ jsx22(TriangleAlertIcon, {
         "aria-hidden": "true"
       });
     case "error":
-      return /* @__PURE__ */ jsx20(OctagonXIcon, {
+      return /* @__PURE__ */ jsx22(OctagonXIcon, {
         "aria-hidden": "true",
         className: "text-destructive"
       });
     case "loading":
-      return /* @__PURE__ */ jsx20(LoaderCircleIcon, {
+      return /* @__PURE__ */ jsx22(LoaderCircleIcon, {
         "aria-hidden": "true",
         className: "animate-spin motion-reduce:animate-none"
       });
@@ -2287,41 +2312,41 @@ function ToastIcon({ type }) {
 }
 function ToastList() {
   const { toasts } = ToastPrimitive.useToastManager();
-  return /* @__PURE__ */ jsx20(Fragment3, {
-    children: toasts.map((toastItem) => /* @__PURE__ */ jsx20(Toast2, {
+  return /* @__PURE__ */ jsx22(Fragment4, {
+    children: toasts.map((toastItem) => /* @__PURE__ */ jsx22(Toast2, {
       toast: toastItem,
-      children: /* @__PURE__ */ jsxs14(ToastContent2, {
+      children: /* @__PURE__ */ jsxs15(ToastContent2, {
         children: [
-          /* @__PURE__ */ jsx20("span", {
+          /* @__PURE__ */ jsx22("span", {
             "data-slot": "toast-icon",
             className: "shrink-0 empty:hidden [&_svg]:size-4",
-            children: /* @__PURE__ */ jsx20(ToastIcon, {
+            children: /* @__PURE__ */ jsx22(ToastIcon, {
               type: toastItem.type
             })
           }),
-          /* @__PURE__ */ jsxs14("div", {
+          /* @__PURE__ */ jsxs15("div", {
             className: "flex min-w-0 flex-1 flex-col gap-1",
             children: [
-              /* @__PURE__ */ jsx20(ToastTitle2, {}),
-              /* @__PURE__ */ jsx20(ToastDescription2, {})
+              /* @__PURE__ */ jsx22(ToastTitle2, {}),
+              /* @__PURE__ */ jsx22(ToastDescription2, {})
             ]
           }),
-          /* @__PURE__ */ jsx20(ToastAction2, {}),
-          /* @__PURE__ */ jsx20(ToastClose2, {})
+          /* @__PURE__ */ jsx22(ToastAction2, {}),
+          /* @__PURE__ */ jsx22(ToastClose2, {})
         ]
       })
     }, toastItem.id))
   });
 }
 function ToastToaster2({ children, density, ...props }) {
-  return /* @__PURE__ */ jsxs14(ToastProvider2, {
+  return /* @__PURE__ */ jsxs15(ToastProvider2, {
     ...props,
     children: [
       children,
-      /* @__PURE__ */ jsx20(ToastPortal2, {
-        children: /* @__PURE__ */ jsx20(ToastViewport2, {
+      /* @__PURE__ */ jsx22(ToastPortal2, {
+        children: /* @__PURE__ */ jsx22(ToastViewport2, {
           density,
-          children: /* @__PURE__ */ jsx20(ToastList, {})
+          children: /* @__PURE__ */ jsx22(ToastList, {})
         })
       })
     ]
@@ -2337,7 +2362,7 @@ function useToastManager2() {
 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 jsx21 } from "react/jsx-runtime";
+import { jsx as jsx23 } 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: {
@@ -2356,7 +2381,7 @@ function Marker2({ density, className, variant = "default", render, ...props })
   });
 }
 function MarkerIcon2({ density, className, ...props }) {
-  return /* @__PURE__ */ jsx21("span", {
+  return /* @__PURE__ */ jsx23("span", {
     "data-density": density,
     "data-slot": "marker-icon",
     "aria-hidden": "true",
@@ -2365,7 +2390,7 @@ function MarkerIcon2({ density, className, ...props }) {
   });
 }
 function MarkerContent2({ density, className, ...props }) {
-  return /* @__PURE__ */ jsx21("span", {
+  return /* @__PURE__ */ jsx23("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),
@@ -2376,9 +2401,9 @@ function MarkerContent2({ density, className, ...props }) {
 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 jsx22 } from "react/jsx-runtime";
+import { jsx as jsx24 } from "react/jsx-runtime";
 function BubbleGroup2({ density, className, ...props }) {
-  return /* @__PURE__ */ jsx22("div", {
+  return /* @__PURE__ */ jsx24("div", {
     "data-density": density,
     "data-slot": "bubble-group",
     className: cn2("flex min-w-0 flex-col gap-control-gap", className),
@@ -2400,7 +2425,7 @@ var bubbleVariants = cva5("group/bubble relative flex w-fit max-w-[80%] min-w-0
   defaultVariants: { variant: "default" }
 });
 function Bubble2({ density, variant = "default", align = "start", className, ...props }) {
-  return /* @__PURE__ */ jsx22("div", {
+  return /* @__PURE__ */ jsx24("div", {
     "data-density": density,
     "data-slot": "bubble",
     "data-variant": variant,
@@ -2433,7 +2458,7 @@ function BubbleReactions2({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx22("div", {
+  return /* @__PURE__ */ jsx24("div", {
     "data-density": density,
     "data-slot": "bubble-reactions",
     "data-align": align,
@@ -2447,13 +2472,13 @@ import { useContext as useContext2, useLayoutEffect, useMemo as useMemo3, useRef
 import { useRender as useRender8 } from "@base-ui/react/use-render";
 
 // src/message/MessageContext.ts
-import { createContext as createContext2 } from "react";
-var MessageContext = createContext2(null);
+import { createContext as createContext3 } from "react";
+var MessageContext = createContext3(null);
 
 // src/components/Message.tsx
-import { jsx as jsx23 } from "react/jsx-runtime";
+import { jsx as jsx25 } from "react/jsx-runtime";
 function MessageGroup2({ density, className, ...props }) {
-  return /* @__PURE__ */ jsx23("div", {
+  return /* @__PURE__ */ jsx25("div", {
     "data-density": density,
     "data-slot": "message-group",
     className: cn2("flex min-w-0 flex-col gap-control-gap", className),
@@ -2464,9 +2489,9 @@ 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__ */ jsx23(MessageContext.Provider, {
+  return /* @__PURE__ */ jsx25(MessageContext.Provider, {
     value: context,
-    children: /* @__PURE__ */ jsx23("div", {
+    children: /* @__PURE__ */ jsx25("div", {
       "data-density": density,
       "data-slot": "message",
       "data-align": align,
@@ -2477,7 +2502,7 @@ function Message2({ density, className, align = "start", style, ...props }) {
   });
 }
 function MessageAvatar2({ density, className, ...props }) {
-  return /* @__PURE__ */ jsx23("div", {
+  return /* @__PURE__ */ jsx25("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),
@@ -2485,7 +2510,7 @@ function MessageAvatar2({ density, className, ...props }) {
   });
 }
 function MessageContent2({ density, className, ...props }) {
-  return /* @__PURE__ */ jsx23("div", {
+  return /* @__PURE__ */ jsx25("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),
@@ -2493,7 +2518,7 @@ function MessageContent2({ density, className, ...props }) {
   });
 }
 function MessageHeader2({ density, className, ...props }) {
-  return /* @__PURE__ */ jsx23("div", {
+  return /* @__PURE__ */ jsx25("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),
@@ -2535,7 +2560,7 @@ function MessageFooter2({ density, className, ...props }) {
 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 jsx24 } from "react/jsx-runtime";
+import { jsx as jsx26 } 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: {
@@ -2557,7 +2582,7 @@ function Attachment2({
   orientation = "horizontal",
   ...props
 }) {
-  return /* @__PURE__ */ jsx24("div", {
+  return /* @__PURE__ */ jsx26("div", {
     "data-slot": "attachment",
     "data-density": density,
     "data-state": state,
@@ -2577,7 +2602,7 @@ var attachmentMediaVariants = cva6("relative flex aspect-square w-10 shrink-0 it
   defaultVariants: { variant: "icon" }
 });
 function AttachmentMedia2({ density, className, variant = "icon", ...props }) {
-  return /* @__PURE__ */ jsx24("div", {
+  return /* @__PURE__ */ jsx26("div", {
     "data-slot": "attachment-media",
     "data-density": density,
     "data-variant": variant,
@@ -2586,7 +2611,7 @@ function AttachmentMedia2({ density, className, variant = "icon", ...props }) {
   });
 }
 function AttachmentContent2({ density, className, ...props }) {
-  return /* @__PURE__ */ jsx24("div", {
+  return /* @__PURE__ */ jsx26("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),
@@ -2594,7 +2619,7 @@ function AttachmentContent2({ density, className, ...props }) {
   });
 }
 function AttachmentTitle2({ density, className, ...props }) {
-  return /* @__PURE__ */ jsx24("span", {
+  return /* @__PURE__ */ jsx26("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),
@@ -2602,7 +2627,7 @@ function AttachmentTitle2({ density, className, ...props }) {
   });
 }
 function AttachmentDescription2({ density, className, ...props }) {
-  return /* @__PURE__ */ jsx24("span", {
+  return /* @__PURE__ */ jsx26("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),
@@ -2610,7 +2635,7 @@ function AttachmentDescription2({ density, className, ...props }) {
   });
 }
 function AttachmentActions2({ density, className, ...props }) {
-  return /* @__PURE__ */ jsx24("div", {
+  return /* @__PURE__ */ jsx26("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),
@@ -2623,7 +2648,7 @@ function AttachmentAction2({
   size = "icon-xs",
   ...props
 }) {
-  return /* @__PURE__ */ jsx24(Button2, {
+  return /* @__PURE__ */ jsx26(Button2, {
     "data-slot": "attachment-action",
     variant,
     size,
@@ -2648,7 +2673,7 @@ function AttachmentTrigger2({
   });
 }
 function AttachmentGroup2({ density, className, ...props }) {
-  return /* @__PURE__ */ jsx24("div", {
+  return /* @__PURE__ */ jsx26("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),
@@ -2657,7 +2682,7 @@ function AttachmentGroup2({ density, className, ...props }) {
 }
 // src/components/InlineEdit.tsx
 import { useEffect as useEffect2, useRef as useRef2, useState as useState2 } from "react";
-import { jsx as jsx25, jsxs as jsxs15 } from "react/jsx-runtime";
+import { jsx as jsx27, jsxs as jsxs16 } from "react/jsx-runtime";
 function InlineEdit2({
   analytics,
   label,
@@ -2665,6 +2690,8 @@ function InlineEdit2({
   density,
   isDisabled = false,
   shouldSelectOnMount = true,
+  hasChanges = true,
+  renderError,
   onValueChange,
   onCommit,
   onCancel
@@ -2674,7 +2701,7 @@ function InlineEdit2({
   const isFinished = useRef2(false);
   const shouldCancel = useRef2(false);
   const [isSaving, setSaving] = useState2(false);
-  const [error, setError] = useState2("");
+  const [error, setError] = useState2(null);
   useEffect2(() => {
     input.current?.focus();
     if (shouldSelectOnMount)
@@ -2684,6 +2711,10 @@ function InlineEdit2({
     if (isFinished.current || isDisabled)
       return;
     isFinished.current = true;
+    if (!hasChanges) {
+      onCancel();
+      return;
+    }
     setSaving(true);
     setError("");
     try {
@@ -2691,19 +2722,19 @@ function InlineEdit2({
       track({ name: "ui.commit" });
     } catch (error) {
       isFinished.current = false;
-      setError(error instanceof Error ? error.message : "Could not save this edit.");
+      setError(renderError ? renderError(error) : "Could not save this edit.");
     } finally {
       setSaving(false);
     }
   };
-  return /* @__PURE__ */ jsxs15("form", {
+  return /* @__PURE__ */ jsxs16("form", {
     className: "flex min-w-0 flex-col gap-1",
     onSubmit: (event) => {
       event.preventDefault();
       save();
     },
     children: [
-      /* @__PURE__ */ jsx25(Input2, {
+      /* @__PURE__ */ jsx27(Input2, {
         analytics: false,
         ref: input,
         density,
@@ -2732,7 +2763,7 @@ function InlineEdit2({
           }
         }
       }),
-      error && /* @__PURE__ */ jsx25("p", {
+      error && /* @__PURE__ */ jsx27("p", {
         role: "alert",
         className: "text-xs text-destructive",
         children: error
@@ -2743,7 +2774,7 @@ function InlineEdit2({
 // src/components/StarRating.tsx
 import { Radio } from "@base-ui/react/radio";
 import { StarIcon, CircleOffIcon } from "lucide-react";
-import { jsx as jsx26 } from "react/jsx-runtime";
+import { jsx as jsx28 } from "react/jsx-runtime";
 function StarRating2({
   analytics,
   label,
@@ -2752,7 +2783,7 @@ function StarRating2({
   density,
   onValueChange
 }) {
-  return /* @__PURE__ */ jsx26(RadioGroup2, {
+  return /* @__PURE__ */ jsx28(RadioGroup2, {
     analytics,
     "aria-label": label,
     value,
@@ -2760,20 +2791,20 @@ function StarRating2({
     "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__ */ jsx26(Radio.Root, {
+    children: [1, 2, 3, 4, 5, 0].map((star) => /* @__PURE__ */ jsx28(Radio.Root, {
       value: star,
       nativeButton: true,
-      render: /* @__PURE__ */ jsx26(AnalyticsButton, {
+      render: /* @__PURE__ */ jsx28(AnalyticsButton, {
         component: "StarRating",
         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__ */ jsx26(CircleOffIcon, {
+      children: star === 0 ? /* @__PURE__ */ jsx28(CircleOffIcon, {
         "aria-hidden": "true",
         className: "size-3"
-      }) : /* @__PURE__ */ jsx26(StarIcon, {
+      }) : /* @__PURE__ */ jsx28(StarIcon, {
         "aria-hidden": "true",
         className: star <= value ? "size-3.5 fill-primary text-primary" : "size-3.5"
       })
@@ -2782,50 +2813,55 @@ function StarRating2({
 }
 // src/components/ConfirmationDialog.tsx
 import { useState as useState3 } from "react";
-import { jsx as jsx27, jsxs as jsxs16 } from "react/jsx-runtime";
+import { jsx as jsx29, jsxs as jsxs17 } from "react/jsx-runtime";
 function ConfirmationDialog2({
   open,
   title,
   description,
   confirmLabel,
   onOpenChange,
-  onConfirm
+  onConfirm,
+  renderError
 }) {
   const [isPending, setPending] = useState3(false);
-  const [error, setError] = useState3("");
-  return /* @__PURE__ */ jsx27(AlertDialog2, {
+  const [error, setError] = useState3(null);
+  return /* @__PURE__ */ jsx29(AlertDialog2, {
     open,
-    onOpenChange: (next) => {
-      if (!isPending) {
+    onOpenChange: (next, details) => {
+      if (isPending)
+        details.cancel();
+      else {
         setError("");
         onOpenChange(next);
       }
     },
-    children: /* @__PURE__ */ jsxs16(AlertDialogContent2, {
+    children: /* @__PURE__ */ jsxs17(AlertDialogContent2, {
       children: [
-        /* @__PURE__ */ jsxs16(AlertDialogHeader2, {
+        /* @__PURE__ */ jsx29(AlertDialogHeader2, {
+          children: /* @__PURE__ */ jsx29(AlertDialogTitle2, {
+            children: title
+          })
+        }),
+        /* @__PURE__ */ jsxs17(ScrollArea2, {
           children: [
-            /* @__PURE__ */ jsx27(AlertDialogTitle2, {
-              children: title
-            }),
-            /* @__PURE__ */ jsx27(AlertDialogDescription2, {
+            /* @__PURE__ */ jsx29(AlertDialogDescription2, {
               children: description
+            }),
+            error && /* @__PURE__ */ jsx29(Alert2, {
+              variant: "destructive",
+              children: /* @__PURE__ */ jsx29(AlertDescription2, {
+                children: error
+              })
             })
           ]
         }),
-        error && /* @__PURE__ */ jsx27(Alert2, {
-          variant: "destructive",
-          children: /* @__PURE__ */ jsx27(AlertDescription2, {
-            children: error
-          })
-        }),
-        /* @__PURE__ */ jsxs16(AlertDialogFooter2, {
+        /* @__PURE__ */ jsxs17(AlertDialogFooter2, {
           children: [
-            /* @__PURE__ */ jsx27(AlertDialogCancel2, {
+            /* @__PURE__ */ jsx29(AlertDialogCancel2, {
               disabled: isPending,
               children: "Cancel"
             }),
-            /* @__PURE__ */ jsx27(Button2, {
+            /* @__PURE__ */ jsx29(Button2, {
               variant: "destructive",
               disabled: isPending,
               onClick: async () => {
@@ -2835,7 +2871,7 @@ function ConfirmationDialog2({
                   await onConfirm();
                   onOpenChange(false);
                 } catch (error) {
-                  setError(error instanceof Error ? error.message : "The action could not be completed.");
+                  setError(renderError ? renderError(error) : "The action could not be completed.");
                 } finally {
                   setPending(false);
                 }
@@ -2869,7 +2905,7 @@ function useObjectURL(file) {
 }
 
 // src/components/ImagePicker.tsx
-import { jsx as jsx28, jsxs as jsxs17 } from "react/jsx-runtime";
+import { jsx as jsx30, jsxs as jsxs18 } from "react/jsx-runtime";
 function ImagePicker2({
   analytics,
   src,
@@ -2883,27 +2919,27 @@ function ImagePicker2({
   const input = useRef3(null);
   const preview = useObjectURL(file);
   const image = file === null ? undefined : preview ?? src;
-  return /* @__PURE__ */ jsxs17("figure", {
+  return /* @__PURE__ */ jsxs18("figure", {
     className: "flex min-w-0 flex-col items-center gap-3",
     "aria-label": label,
     children: [
-      /* @__PURE__ */ jsxs17(Avatar2, {
+      /* @__PURE__ */ jsxs18(Avatar2, {
         size: "preview",
         shape: "square",
         children: [
-          /* @__PURE__ */ jsx28(AvatarImage2, {
+          /* @__PURE__ */ jsx30(AvatarImage2, {
             src: image,
             alt: label
           }),
-          /* @__PURE__ */ jsx28(AvatarFallback2, {
-            children: /* @__PURE__ */ jsx28(ImageIcon, {
+          /* @__PURE__ */ jsx30(AvatarFallback2, {
+            children: /* @__PURE__ */ jsx30(ImageIcon, {
               className: "size-12",
               "aria-hidden": "true"
             })
           })
         ]
       }),
-      /* @__PURE__ */ jsx28("input", {
+      /* @__PURE__ */ jsx30("input", {
         ref: input,
         hidden: true,
         type: "file",
@@ -2919,22 +2955,22 @@ function ImagePicker2({
           event.currentTarget.value = "";
         }
       }),
-      /* @__PURE__ */ jsxs17("div", {
+      /* @__PURE__ */ jsxs18("div", {
         className: "flex flex-wrap justify-center gap-2",
         children: [
-          /* @__PURE__ */ jsxs17(Button2, {
+          /* @__PURE__ */ jsxs18(Button2, {
             type: "button",
             variant: "outline",
             disabled,
             onClick: () => input.current?.click(),
             children: [
-              /* @__PURE__ */ jsx28(UploadIcon, {
+              /* @__PURE__ */ jsx30(UploadIcon, {
                 "data-icon": "inline-start"
               }),
               "Upload image"
             ]
           }),
-          /* @__PURE__ */ jsx28(Button2, {
+          /* @__PURE__ */ jsx30(Button2, {
             type: "button",
             variant: "outline",
             disabled: disabled || !image,
@@ -2948,9 +2984,9 @@ function ImagePicker2({
 }
 // src/components/Meter.tsx
 import { Meter as MeterPrimitive } from "@base-ui/react/meter";
-import { jsx as jsx29 } from "react/jsx-runtime";
+import { jsx as jsx31 } from "react/jsx-runtime";
 function Meter2({ density, className, ...props }) {
-  return /* @__PURE__ */ jsx29(MeterPrimitive.Root, {
+  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),
@@ -2958,7 +2994,7 @@ function Meter2({ density, className, ...props }) {
   });
 }
 function MeterLabel2({ density, className, ...props }) {
-  return /* @__PURE__ */ jsx29(MeterPrimitive.Label, {
+  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),
@@ -2966,7 +3002,7 @@ function MeterLabel2({ density, className, ...props }) {
   });
 }
 function MeterValue2({ density, className, ...props }) {
-  return /* @__PURE__ */ jsx29(MeterPrimitive.Value, {
+  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),
@@ -2974,7 +3010,7 @@ function MeterValue2({ density, className, ...props }) {
   });
 }
 function MeterTrack2({ density, className, ...props }) {
-  return /* @__PURE__ */ jsx29(MeterPrimitive.Track, {
+  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),
@@ -2986,7 +3022,7 @@ function MeterIndicator2({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx29(MeterPrimitive.Indicator, {
+  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),
@@ -2995,10 +3031,10 @@ function MeterIndicator2({
 }
 // src/components/Stepper.tsx
 import { Tabs as TabsPrimitive } from "@base-ui/react/tabs";
-import { CheckIcon as CheckIcon4 } from "lucide-react";
-import { jsx as jsx30 } from "react/jsx-runtime";
+import { CheckIcon as CheckIcon3 } from "lucide-react";
+import { jsx as jsx32 } from "react/jsx-runtime";
 function Stepper2({ density, className, ...props }) {
-  return /* @__PURE__ */ jsx30(TabsPrimitive.Root, {
+  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),
@@ -3011,7 +3047,7 @@ function StepperList2({
   activateOnFocus = false,
   ...props
 }) {
-  return /* @__PURE__ */ jsx30(TabsPrimitive.List, {
+  return /* @__PURE__ */ jsx32(TabsPrimitive.List, {
     "data-density": density,
     "data-slot": "stepper-list",
     activateOnFocus,
@@ -3020,7 +3056,7 @@ function StepperList2({
   });
 }
 function StepperTrigger2({ density, className, ...props }) {
-  return /* @__PURE__ */ jsx30(TabsPrimitive.Tab, {
+  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),
@@ -3028,17 +3064,17 @@ function StepperTrigger2({ density, className, ...props }) {
   });
 }
 function StepperIndicator2({ completed = false, children, className, ...props }) {
-  return /* @__PURE__ */ jsx30("span", {
+  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__ */ jsx30(CheckIcon4, {}) : children
+    children: completed ? /* @__PURE__ */ jsx32(CheckIcon3, {}) : children
   });
 }
 function StepperContent2({ density, className, ...props }) {
-  return /* @__PURE__ */ jsx30(TabsPrimitive.Panel, {
+  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),
@@ -3046,7 +3082,7 @@ function StepperContent2({ density, className, ...props }) {
   });
 }
 // src/components/AppShell.tsx
-import { jsx as jsx31, jsxs as jsxs18 } from "react/jsx-runtime";
+import { jsx as jsx33, jsxs as jsxs19 } from "react/jsx-runtime";
 function AppShell2({
   navigation,
   brand,
@@ -3059,28 +3095,28 @@ function AppShell2({
   label = "Application",
   density
 }) {
-  return /* @__PURE__ */ jsxs18(SidebarProvider2, {
+  return /* @__PURE__ */ jsxs19(SidebarProvider2, {
     density,
     defaultOpen: defaultSidebarOpen,
     className: "relative min-h-0",
     style: { height },
     "data-scroll": "none",
     children: [
-      /* @__PURE__ */ jsxs18(Sidebar2, {
+      /* @__PURE__ */ jsxs19(Sidebar2, {
         collapsible: "icon",
         position: "container",
         children: [
-          /* @__PURE__ */ jsx31(SidebarHeader2, {
+          /* @__PURE__ */ jsx33(SidebarHeader2, {
             children: brand
           }),
-          /* @__PURE__ */ jsx31(SidebarContent2, {
-            children: /* @__PURE__ */ jsx31("nav", {
+          /* @__PURE__ */ jsx33(SidebarContent2, {
+            children: /* @__PURE__ */ jsx33("nav", {
               "aria-label": "Primary navigation",
-              children: /* @__PURE__ */ jsx31(SidebarGroup2, {
-                children: /* @__PURE__ */ jsx31(SidebarMenu2, {
-                  children: navigation.map((item) => /* @__PURE__ */ jsx31(SidebarMenuItem2, {
-                    children: /* @__PURE__ */ jsxs18(SidebarMenuButton2, {
-                      render: /* @__PURE__ */ jsx31(AnalyticsLink, {
+              children: /* @__PURE__ */ jsx33(SidebarGroup2, {
+                children: /* @__PURE__ */ jsx33(SidebarMenu2, {
+                  children: navigation.map((item) => /* @__PURE__ */ jsx33(SidebarMenuItem2, {
+                    children: /* @__PURE__ */ jsxs19(SidebarMenuButton2, {
+                      render: /* @__PURE__ */ jsx33(AnalyticsLink, {
                         component: "AppShell",
                         href: item.href,
                         "aria-current": item.active ? "page" : undefined
@@ -3089,7 +3125,7 @@ function AppShell2({
                       tooltip: item.label,
                       children: [
                         item.icon,
-                        /* @__PURE__ */ jsx31("span", {
+                        /* @__PURE__ */ jsx33("span", {
                           children: item.label
                         })
                       ]
@@ -3099,36 +3135,36 @@ function AppShell2({
               })
             })
           }),
-          sidebarFooter && /* @__PURE__ */ jsx31(SidebarFooter2, {
+          sidebarFooter && /* @__PURE__ */ jsx33(SidebarFooter2, {
             children: sidebarFooter
           })
         ]
       }),
-      /* @__PURE__ */ jsxs18(SidebarInset2, {
+      /* @__PURE__ */ jsxs19(SidebarInset2, {
         "aria-label": label,
         className: "min-h-0 min-w-0",
         "data-scroll": "none",
         children: [
-          /* @__PURE__ */ jsxs18("header", {
+          /* @__PURE__ */ jsxs19("header", {
             "data-scroll": "none",
             className: "flex shrink-0 items-center gap-control-gap border-b border-border p-panel",
             children: [
-              /* @__PURE__ */ jsx31(SidebarTrigger2, {}),
-              /* @__PURE__ */ jsx31(Separator2, {
+              /* @__PURE__ */ jsx33(SidebarTrigger2, {}),
+              /* @__PURE__ */ jsx33(Separator2, {
                 orientation: "vertical",
                 className: "h-control"
               }),
               header
             ]
           }),
-          /* @__PURE__ */ jsx31(ScrollArea2, {
+          /* @__PURE__ */ jsx33(ScrollArea2, {
             className: "min-h-0 flex-1",
-            children: /* @__PURE__ */ jsx31("div", {
+            children: /* @__PURE__ */ jsx33("div", {
               className: "flex min-w-0 flex-col gap-panel p-panel",
               children
             })
           }),
-          footer && /* @__PURE__ */ jsx31("footer", {
+          footer && /* @__PURE__ */ jsx33("footer", {
             className: "shrink-0 border-t border-border p-panel",
             "data-scroll": "none",
             children: footer
@@ -3139,36 +3175,36 @@ function AppShell2({
   });
 }
 // src/components/PageHeader.tsx
-import { jsx as jsx32, jsxs as jsxs19 } from "react/jsx-runtime";
+import { jsx as jsx34, jsxs as jsxs20 } from "react/jsx-runtime";
 function PageHeader2({ title, eyebrow, description, breadcrumbs, actions, density }) {
-  return /* @__PURE__ */ jsxs19("header", {
+  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__ */ jsxs19("div", {
+      /* @__PURE__ */ jsxs20("div", {
         className: "flex min-w-0 flex-wrap items-start justify-between gap-panel",
         children: [
-          /* @__PURE__ */ jsxs19("div", {
+          /* @__PURE__ */ jsxs20("div", {
             className: "min-w-0",
             children: [
-              eyebrow != null && /* @__PURE__ */ jsx32("div", {
+              eyebrow != null && /* @__PURE__ */ jsx34("div", {
                 className: "mb-2 text-xs font-medium tracking-widest text-muted-foreground",
                 children: eyebrow
               }),
-              /* @__PURE__ */ jsx32("h1", {
+              /* @__PURE__ */ jsx34("h1", {
                 className: "text-xl font-semibold text-foreground",
                 children: title
               }),
-              description && /* @__PURE__ */ jsx32("div", {
+              description && /* @__PURE__ */ jsx34("div", {
                 className: "mt-1 text-sm text-muted-foreground",
                 children: description
               })
             ]
           }),
-          actions && /* @__PURE__ */ jsx32("div", {
+          actions && /* @__PURE__ */ jsx34("div", {
             className: "flex min-w-0 max-w-full flex-wrap items-center gap-control-gap wrap-anywhere",
             children: actions
           })
@@ -3178,7 +3214,7 @@ function PageHeader2({ title, eyebrow, description, breadcrumbs, actions, densit
   });
 }
 // src/components/WorkspaceSwitcher.tsx
-import { jsx as jsx33, jsxs as jsxs20 } from "react/jsx-runtime";
+import { jsx as jsx35, jsxs as jsxs21 } from "react/jsx-runtime";
 function WorkspaceSwitcher2({
   workspaces,
   value,
@@ -3188,7 +3224,7 @@ function WorkspaceSwitcher2({
   label = "Workspace",
   density
 }) {
-  return /* @__PURE__ */ jsxs20(Select2, {
+  return /* @__PURE__ */ jsxs21(Select2, {
     items: workspaces,
     value,
     defaultValue: defaultValue ?? workspaces[0]?.value,
@@ -3198,15 +3234,15 @@ function WorkspaceSwitcher2({
     },
     disabled,
     children: [
-      /* @__PURE__ */ jsx33(SelectTrigger2, {
+      /* @__PURE__ */ jsx35(SelectTrigger2, {
         "aria-label": label,
         density,
-        children: /* @__PURE__ */ jsx33(SelectValue2, {})
+        children: /* @__PURE__ */ jsx35(SelectValue2, {})
       }),
-      /* @__PURE__ */ jsx33(SelectContent2, {
+      /* @__PURE__ */ jsx35(SelectContent2, {
         density,
-        children: /* @__PURE__ */ jsx33(SelectGroup2, {
-          children: workspaces.map((workspace) => /* @__PURE__ */ jsx33(SelectItem2, {
+        children: /* @__PURE__ */ jsx35(SelectGroup2, {
+          children: workspaces.map((workspace) => /* @__PURE__ */ jsx35(SelectItem2, {
             value: workspace.value,
             children: workspace.label
           }, workspace.value))
@@ -3216,52 +3252,52 @@ function WorkspaceSwitcher2({
   });
 }
 // src/components/AccountMenu.tsx
-import { jsx as jsx34, jsxs as jsxs21 } from "react/jsx-runtime";
+import { jsx as jsx36, jsxs as jsxs22 } from "react/jsx-runtime";
 function AccountMenu2({ name, email, image, onAction, density }) {
-  return /* @__PURE__ */ jsxs21(DropdownMenu2, {
+  return /* @__PURE__ */ jsxs22(DropdownMenu2, {
     children: [
-      /* @__PURE__ */ jsxs21(DropdownMenuTrigger2, {
-        render: /* @__PURE__ */ jsx34(Button2, {
+      /* @__PURE__ */ jsxs22(DropdownMenuTrigger2, {
+        render: /* @__PURE__ */ jsx36(Button2, {
           variant: "ghost",
           density
         }),
         "aria-label": `Account menu for ${name}`,
         children: [
-          /* @__PURE__ */ jsxs21(Avatar2, {
+          /* @__PURE__ */ jsxs22(Avatar2, {
             className: "size-control",
             children: [
-              /* @__PURE__ */ jsx34(AvatarImage2, {
+              /* @__PURE__ */ jsx36(AvatarImage2, {
                 src: image,
                 alt: ""
               }),
-              /* @__PURE__ */ jsx34(AvatarFallback2, {
+              /* @__PURE__ */ jsx36(AvatarFallback2, {
                 children: name.slice(0, 2).toUpperCase()
               })
             ]
           }),
-          /* @__PURE__ */ jsx34("span", {
+          /* @__PURE__ */ jsx36("span", {
             children: name
           })
         ]
       }),
-      /* @__PURE__ */ jsx34(DropdownMenuContent2, {
+      /* @__PURE__ */ jsx36(MenuPopup, {
         density,
         align: "end",
-        children: /* @__PURE__ */ jsxs21(DropdownMenuGroup2, {
+        children: /* @__PURE__ */ jsxs22(MenuGroup2, {
           children: [
-            /* @__PURE__ */ jsx34(DropdownMenuLabel2, {
+            /* @__PURE__ */ jsx36(MenuLabel2, {
               children: email ?? name
             }),
-            /* @__PURE__ */ jsx34(DropdownMenuItem2, {
+            /* @__PURE__ */ jsx36(MenuItem2, {
               onClick: () => onAction("profile"),
               children: "Profile"
             }),
-            /* @__PURE__ */ jsx34(DropdownMenuItem2, {
+            /* @__PURE__ */ jsx36(MenuItem2, {
               onClick: () => onAction("settings"),
               children: "Settings"
             }),
-            /* @__PURE__ */ jsx34(DropdownMenuSeparator2, {}),
-            /* @__PURE__ */ jsx34(DropdownMenuItem2, {
+            /* @__PURE__ */ jsx36(MenuSeparator2, {}),
+            /* @__PURE__ */ jsx36(MenuItem2, {
               onClick: () => onAction("sign-out"),
               children: "Sign out"
             })
@@ -3272,7 +3308,7 @@ function AccountMenu2({ name, email, image, onAction, density }) {
   });
 }
 // src/components/StatCard.tsx
-import { jsx as jsx35, jsxs as jsxs22 } from "react/jsx-runtime";
+import { jsx as jsx37, jsxs as jsxs23 } from "react/jsx-runtime";
 function StatCard2({
   label,
   value,
@@ -3283,40 +3319,40 @@ function StatCard2({
   loading = false,
   density
 }) {
-  return /* @__PURE__ */ jsxs22(Card2, {
+  return /* @__PURE__ */ jsxs23(Card2, {
     density,
     "aria-label": label,
     "aria-busy": loading,
     children: [
-      /* @__PURE__ */ jsxs22(CardHeader2, {
+      /* @__PURE__ */ jsxs23(CardHeader2, {
         children: [
-          /* @__PURE__ */ jsx35(CardTitle2, {
+          /* @__PURE__ */ jsx37(CardTitle2, {
             children: label
           }),
-          description && /* @__PURE__ */ jsx35(CardDescription2, {
+          description && /* @__PURE__ */ jsx37(CardDescription2, {
             children: description
           })
         ]
       }),
-      /* @__PURE__ */ jsx35(CardContent2, {
-        children: /* @__PURE__ */ jsxs22("div", {
+      /* @__PURE__ */ jsx37(CardContent2, {
+        children: /* @__PURE__ */ jsxs23("div", {
           className: "flex flex-wrap items-center justify-between gap-control-gap",
           children: [
-            loading ? /* @__PURE__ */ jsx35(Skeleton2, {
+            loading ? /* @__PURE__ */ jsx37(Skeleton2, {
               className: "h-8 w-24",
               "aria-label": `Loading ${label}`
-            }) : /* @__PURE__ */ jsx35("div", {
+            }) : /* @__PURE__ */ jsx37("div", {
               className: "text-2xl font-semibold tabular-nums",
               children: value
             }),
-            change && /* @__PURE__ */ jsx35(Badge2, {
+            change && /* @__PURE__ */ jsx37(Badge2, {
               variant: changeIntent === "positive" ? "success" : changeIntent === "negative" ? "destructive" : "secondary",
               children: change
             })
           ]
         })
       }),
-      children && /* @__PURE__ */ jsx35(CardFooter2, {
+      children && /* @__PURE__ */ jsx37(CardFooter2, {
         children
       })
     ]
@@ -3324,7 +3360,7 @@ function StatCard2({
 }
 // src/components/AuthForm.tsx
 import { useId as useId2, useState as useState5 } from "react";
-import { jsx as jsx36, jsxs as jsxs23 } from "react/jsx-runtime";
+import { jsx as jsx38, jsxs as jsxs24 } from "react/jsx-runtime";
 function AuthForm2({
   mode = "sign-in",
   onSubmit,
@@ -3354,33 +3390,33 @@ function AuthForm2({
       setPending(false);
     }
   }
-  return /* @__PURE__ */ jsxs23(Card2, {
+  return /* @__PURE__ */ jsxs24(Card2, {
     density,
     children: [
-      /* @__PURE__ */ jsxs23(CardHeader2, {
+      /* @__PURE__ */ jsxs24(CardHeader2, {
         children: [
-          /* @__PURE__ */ jsx36(CardTitle2, {
+          /* @__PURE__ */ jsx38(CardTitle2, {
             children: title
           }),
-          /* @__PURE__ */ jsx36(CardDescription2, {
+          /* @__PURE__ */ jsx38(CardDescription2, {
             children: mode === "reset-password" ? "Enter your email to request a password reset." : "Enter your details to continue."
           })
         ]
       }),
-      /* @__PURE__ */ jsx36(CardContent2, {
-        children: /* @__PURE__ */ jsx36("form", {
+      /* @__PURE__ */ jsx38(CardContent2, {
+        children: /* @__PURE__ */ jsx38("form", {
           onSubmit: submit,
           "aria-label": title,
           "aria-busy": pending,
-          children: /* @__PURE__ */ jsxs23(FieldGroup2, {
+          children: /* @__PURE__ */ jsxs24(FieldGroup2, {
             children: [
-              mode === "sign-up" && /* @__PURE__ */ jsxs23(Field2, {
+              mode === "sign-up" && /* @__PURE__ */ jsxs24(Field2, {
                 children: [
-                  /* @__PURE__ */ jsx36(FieldLabel2, {
+                  /* @__PURE__ */ jsx38(FieldLabel2, {
                     htmlFor: id + "-name",
                     children: "Name"
                   }),
-                  /* @__PURE__ */ jsx36(Input2, {
+                  /* @__PURE__ */ jsx38(Input2, {
                     id: id + "-name",
                     name: "name",
                     autoComplete: "name",
@@ -3389,13 +3425,13 @@ function AuthForm2({
                   })
                 ]
               }),
-              /* @__PURE__ */ jsxs23(Field2, {
+              /* @__PURE__ */ jsxs24(Field2, {
                 children: [
-                  /* @__PURE__ */ jsx36(FieldLabel2, {
+                  /* @__PURE__ */ jsx38(FieldLabel2, {
                     htmlFor: id + "-email",
                     children: "Email"
                   }),
-                  /* @__PURE__ */ jsx36(Input2, {
+                  /* @__PURE__ */ jsx38(Input2, {
                     id: id + "-email",
                     name: "email",
                     type: "email",
@@ -3405,13 +3441,13 @@ function AuthForm2({
                   })
                 ]
               }),
-              mode !== "reset-password" && /* @__PURE__ */ jsxs23(Field2, {
+              mode !== "reset-password" && /* @__PURE__ */ jsxs24(Field2, {
                 children: [
-                  /* @__PURE__ */ jsx36(FieldLabel2, {
+                  /* @__PURE__ */ jsx38(FieldLabel2, {
                     htmlFor: id + "-password",
                     children: "Password"
                   }),
-                  /* @__PURE__ */ jsx36(Input2, {
+                  /* @__PURE__ */ jsx38(Input2, {
                     id: id + "-password",
                     name: "password",
                     type: "password",
@@ -3420,27 +3456,27 @@ function AuthForm2({
                     required: true,
                     disabled: disabled || pending
                   }),
-                  mode === "sign-up" && /* @__PURE__ */ jsx36(FieldDescription2, {
+                  mode === "sign-up" && /* @__PURE__ */ jsx38(FieldDescription2, {
                     children: "Use at least eight characters."
                   })
                 ]
               }),
-              error && /* @__PURE__ */ jsxs23(Alert2, {
+              error && /* @__PURE__ */ jsxs24(Alert2, {
                 variant: "destructive",
                 children: [
-                  /* @__PURE__ */ jsx36(AlertTitle2, {
+                  /* @__PURE__ */ jsx38(AlertTitle2, {
                     children: "Request failed"
                   }),
-                  /* @__PURE__ */ jsx36(AlertDescription2, {
+                  /* @__PURE__ */ jsx38(AlertDescription2, {
                     children: error
                   })
                 ]
               }),
-              /* @__PURE__ */ jsxs23(Button2, {
+              /* @__PURE__ */ jsxs24(Button2, {
                 type: "submit",
                 disabled: disabled || pending,
                 children: [
-                  pending && /* @__PURE__ */ jsx36(Spinner2, {
+                  pending && /* @__PURE__ */ jsx38(Spinner2, {
                     "data-icon": "inline-start"
                   }),
                   mode === "reset-password" ? "Send reset link" : title
@@ -3451,14 +3487,14 @@ function AuthForm2({
           })
         })
       }),
-      footer && /* @__PURE__ */ jsx36(CardFooter2, {
+      footer && /* @__PURE__ */ jsx38(CardFooter2, {
         children: footer
       })
     ]
   });
 }
 // src/components/SettingsSection.tsx
-import { jsx as jsx37, jsxs as jsxs24 } from "react/jsx-runtime";
+import { jsx as jsx39, jsxs as jsxs25 } from "react/jsx-runtime";
 function SettingsSection2({
   title,
   description,
@@ -3471,48 +3507,48 @@ function SettingsSection2({
   destructive = false,
   density
 }) {
-  return /* @__PURE__ */ jsx37("form", {
+  return /* @__PURE__ */ jsx39("form", {
     "aria-label": title,
     onSubmit,
     "aria-busy": pending,
-    children: /* @__PURE__ */ jsxs24(Card2, {
+    children: /* @__PURE__ */ jsxs25(Card2, {
       density,
       children: [
-        /* @__PURE__ */ jsxs24(CardHeader2, {
+        /* @__PURE__ */ jsxs25(CardHeader2, {
           children: [
-            /* @__PURE__ */ jsx37(CardTitle2, {
+            /* @__PURE__ */ jsx39(CardTitle2, {
               children: title
             }),
-            description && /* @__PURE__ */ jsx37(CardDescription2, {
+            description && /* @__PURE__ */ jsx39(CardDescription2, {
               children: description
             })
           ]
         }),
-        /* @__PURE__ */ jsx37(CardContent2, {
-          children: /* @__PURE__ */ jsxs24("fieldset", {
+        /* @__PURE__ */ jsx39(CardContent2, {
+          children: /* @__PURE__ */ jsxs25("fieldset", {
             disabled: disabled || pending,
             className: "min-w-0 border-0 p-0",
             children: [
-              /* @__PURE__ */ jsx37("legend", {
+              /* @__PURE__ */ jsx39("legend", {
                 className: "sr-only",
                 children: title
               }),
-              /* @__PURE__ */ jsx37(FieldGroup2, {
+              /* @__PURE__ */ jsx39(FieldGroup2, {
                 children
               })
             ]
           })
         }),
-        /* @__PURE__ */ jsxs24(CardFooter2, {
+        /* @__PURE__ */ jsxs25(CardFooter2, {
           className: "flex flex-wrap items-center justify-between gap-control-gap",
           children: [
             footer,
-            /* @__PURE__ */ jsxs24(Button2, {
+            /* @__PURE__ */ jsxs25(Button2, {
               type: "submit",
               variant: destructive ? "destructive" : "default",
               disabled: disabled || pending,
               children: [
-                pending && /* @__PURE__ */ jsx37(Spinner2, {
+                pending && /* @__PURE__ */ jsx39(Spinner2, {
                   "data-icon": "inline-start"
                 }),
                 saveLabel
@@ -3525,7 +3561,7 @@ function SettingsSection2({
   });
 }
 // src/components/TagInput.tsx
-import { jsx as jsx38, jsxs as jsxs25 } from "react/jsx-runtime";
+import { jsx as jsx40, jsxs as jsxs26 } from "react/jsx-runtime";
 function TagInput2({
   label,
   options,
@@ -3538,7 +3574,7 @@ function TagInput2({
   density
 }) {
   const anchor = useComboboxAnchor2();
-  return /* @__PURE__ */ jsxs25(Combobox2, {
+  return /* @__PURE__ */ jsxs26(Combobox2, {
     items: options,
     multiple: true,
     value,
@@ -3547,33 +3583,33 @@ function TagInput2({
     disabled,
     name,
     children: [
-      /* @__PURE__ */ jsxs25(ComboboxChips2, {
+      /* @__PURE__ */ jsxs26(ComboboxChips2, {
         ref: anchor,
         density,
         children: [
-          /* @__PURE__ */ jsx38(ComboboxValue2, {
-            children: (values) => values.map((item) => /* @__PURE__ */ jsx38(ComboboxChip2, {
+          /* @__PURE__ */ jsx40(ComboboxValue2, {
+            children: (values) => values.map((item) => /* @__PURE__ */ jsx40(ComboboxChip2, {
               removeLabel: `Remove ${item}`,
               children: item
             }, item))
           }),
-          /* @__PURE__ */ jsx38(ComboboxChipsInput2, {
+          /* @__PURE__ */ jsx40(ComboboxChipsInput2, {
             "aria-label": label,
             placeholder
           })
         ]
       }),
-      /* @__PURE__ */ jsxs25(ComboboxContent2, {
+      /* @__PURE__ */ jsxs26(ComboboxContent2, {
         anchor,
         density,
         children: [
-          /* @__PURE__ */ jsx38(ComboboxEmpty2, {
+          /* @__PURE__ */ jsx40(ComboboxEmpty2, {
             children: "No matching tags."
           }),
-          /* @__PURE__ */ jsx38(ComboboxList2, {
-            children: /* @__PURE__ */ jsx38(ComboboxGroup2, {
-              children: /* @__PURE__ */ jsx38(ComboboxCollection2, {
-                children: (item) => /* @__PURE__ */ jsx38(ComboboxItem2, {
+          /* @__PURE__ */ jsx40(ComboboxList2, {
+            children: /* @__PURE__ */ jsx40(ComboboxGroup2, {
+              children: /* @__PURE__ */ jsx40(ComboboxCollection2, {
+                children: (item) => /* @__PURE__ */ jsx40(ComboboxItem2, {
                   value: item,
                   children: item
                 }, item)
@@ -3586,7 +3622,7 @@ function TagInput2({
   });
 }
 // src/components/FilterBar.tsx
-import { jsx as jsx39, jsxs as jsxs26 } from "react/jsx-runtime";
+import { jsx as jsx41, jsxs as jsxs27 } from "react/jsx-runtime";
 function FilterBar2({
   label,
   search,
@@ -3597,38 +3633,38 @@ function FilterBar2({
   disabled,
   density
 }) {
-  return /* @__PURE__ */ jsxs26("fieldset", {
+  return /* @__PURE__ */ jsxs27("fieldset", {
     "aria-label": label,
     disabled,
     "data-density": density,
     className: "flex min-w-0 flex-wrap items-center gap-2",
     children: [
-      /* @__PURE__ */ jsx39(Input2, {
+      /* @__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__ */ jsxs26(NativeSelect2, {
+      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__ */ jsxs26(NativeSelectOption2, {
+          /* @__PURE__ */ jsxs27(NativeSelectOption2, {
             value: "",
             children: [
               "All ",
               filter.label.toLowerCase()
             ]
           }),
-          filter.options.map((option) => /* @__PURE__ */ jsx39(NativeSelectOption2, {
+          filter.options.map((option) => /* @__PURE__ */ jsx41(NativeSelectOption2, {
             value: option.value,
             children: option.label
           }, option.value))
         ]
       }, filter.id)),
-      /* @__PURE__ */ jsx39(Button2, {
+      /* @__PURE__ */ jsx41(Button2, {
         type: "button",
         variant: "ghost",
         disabled: !search && !Object.values(value).some(Boolean),
@@ -3642,7 +3678,7 @@ function FilterBar2({
   });
 }
 // src/components/BarList.tsx
-import { jsx as jsx40, jsxs as jsxs27 } from "react/jsx-runtime";
+import { jsx as jsx42, jsxs as jsxs28 } from "react/jsx-runtime";
 function BarList2({
   label,
   items,
@@ -3651,25 +3687,25 @@ function BarList2({
   density
 }) {
   const max = Math.max(1, ...items.map((item) => item.value));
-  return /* @__PURE__ */ jsxs27("section", {
+  return /* @__PURE__ */ jsxs28("section", {
     "aria-label": label,
     "data-density": density,
     children: [
-      /* @__PURE__ */ jsx40("ul", {
+      /* @__PURE__ */ jsx42("ul", {
         className: "grid gap-3",
-        children: items.map((item) => /* @__PURE__ */ jsx40("li", {
-          children: /* @__PURE__ */ jsxs27(Meter2, {
+        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__ */ jsxs27("div", {
+              /* @__PURE__ */ jsxs28("div", {
                 className: "mb-1 flex items-center justify-between gap-3 text-sm",
                 children: [
-                  /* @__PURE__ */ jsx40(MeterLabel2, {
-                    children: onItemSelect ? /* @__PURE__ */ jsx40(Button2, {
+                  /* @__PURE__ */ jsx42(MeterLabel2, {
+                    children: onItemSelect ? /* @__PURE__ */ jsx42(Button2, {
                       type: "button",
                       variant: "link",
                       className: "h-auto p-0",
@@ -3677,19 +3713,19 @@ function BarList2({
                       children: item.label
                     }) : item.label
                   }),
-                  /* @__PURE__ */ jsx40(MeterValue2, {
+                  /* @__PURE__ */ jsx42(MeterValue2, {
                     children: () => valueFormatter(item.value)
                   })
                 ]
               }),
-              /* @__PURE__ */ jsx40(MeterTrack2, {
-                children: /* @__PURE__ */ jsx40(MeterIndicator2, {})
+              /* @__PURE__ */ jsx42(MeterTrack2, {
+                children: /* @__PURE__ */ jsx42(MeterIndicator2, {})
               })
             ]
           })
         }, item.id))
       }),
-      !items.length && /* @__PURE__ */ jsx40("p", {
+      !items.length && /* @__PURE__ */ jsx42("p", {
         role: "status",
         className: "text-sm text-muted-foreground",
         children: "No data available."
@@ -3698,23 +3734,23 @@ function BarList2({
   });
 }
 // src/components/StatusTracker.tsx
-import { jsx as jsx41, jsxs as jsxs28 } from "react/jsx-runtime";
+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__ */ jsx41(TooltipProvider2, {
-    children: /* @__PURE__ */ jsx41("div", {
+  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__ */ jsxs28(Tooltip2, {
+      children: items.map((item) => /* @__PURE__ */ jsxs29(Tooltip2, {
         children: [
-          /* @__PURE__ */ jsx41(TooltipTrigger2, {
+          /* @__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__ */ jsxs28(TooltipContent2, {
+          /* @__PURE__ */ jsxs29(TooltipContent2, {
             children: [
               item.label,
               ": ",
@@ -3727,7 +3763,7 @@ function StatusTracker2({ label, items, onItemSelect, density }) {
   });
 }
 // src/components/DashboardLayout.tsx
-import { jsx as jsx42, jsxs as jsxs29 } from "react/jsx-runtime";
+import { jsx as jsx44, jsxs as jsxs30 } from "react/jsx-runtime";
 function DashboardLayout2({
   title,
   description,
@@ -3738,24 +3774,24 @@ function DashboardLayout2({
   footer,
   density
 }) {
-  return /* @__PURE__ */ jsxs29("div", {
+  return /* @__PURE__ */ jsxs30("div", {
     "data-density": density,
     "data-scroll": "none",
     className: "grid min-w-0 gap-6",
     children: [
-      /* @__PURE__ */ jsx42(PageHeader2, {
+      /* @__PURE__ */ jsx44(PageHeader2, {
         title,
         description,
         actions
       }),
       filters,
-      stats.length > 0 && /* @__PURE__ */ jsx42("div", {
+      stats.length > 0 && /* @__PURE__ */ jsx44("div", {
         className: "grid gap-4 sm:grid-cols-2 xl:grid-cols-4",
-        children: stats.map(({ id, ...stat }) => /* @__PURE__ */ jsx42(StatCard2, {
+        children: stats.map(({ id, ...stat }) => /* @__PURE__ */ jsx44(StatCard2, {
           ...stat
         }, id))
       }),
-      /* @__PURE__ */ jsx42("div", {
+      /* @__PURE__ */ jsx44("div", {
         className: "grid min-w-0 gap-4",
         children
       }),
@@ -3764,18 +3800,18 @@ function DashboardLayout2({
   });
 }
 // src/components/BillingUsage.tsx
-import { jsx as jsx43, jsxs as jsxs30 } from "react/jsx-runtime";
+import { jsx as jsx45, jsxs as jsxs31 } from "react/jsx-runtime";
 function BillingUsage2({ plan, price, period, metrics, onManage, pending, density }) {
-  return /* @__PURE__ */ jsxs30(Card2, {
+  return /* @__PURE__ */ jsxs31(Card2, {
     density,
     "aria-label": "Billing and usage",
     children: [
-      /* @__PURE__ */ jsxs30(CardHeader2, {
+      /* @__PURE__ */ jsxs31(CardHeader2, {
         children: [
-          /* @__PURE__ */ jsx43(CardTitle2, {
+          /* @__PURE__ */ jsx45(CardTitle2, {
             children: plan
           }),
-          /* @__PURE__ */ jsxs30(CardDescription2, {
+          /* @__PURE__ */ jsxs31(CardDescription2, {
             children: [
               price,
               " · ",
@@ -3784,32 +3820,32 @@ function BillingUsage2({ plan, price, period, metrics, onManage, pending, densit
           })
         ]
       }),
-      /* @__PURE__ */ jsx43(CardContent2, {
+      /* @__PURE__ */ jsx45(CardContent2, {
         className: "grid gap-4",
-        children: metrics.map((metric) => /* @__PURE__ */ jsxs30(Meter2, {
+        children: metrics.map((metric) => /* @__PURE__ */ jsxs31(Meter2, {
           value: metric.used,
           max: metric.limit,
           "aria-label": metric.label,
           children: [
-            /* @__PURE__ */ jsxs30("div", {
+            /* @__PURE__ */ jsxs31("div", {
               className: "mb-2 flex items-center justify-between gap-3 text-sm",
               children: [
-                /* @__PURE__ */ jsx43(MeterLabel2, {
+                /* @__PURE__ */ jsx45(MeterLabel2, {
                   children: metric.label
                 }),
-                /* @__PURE__ */ jsx43(MeterValue2, {
+                /* @__PURE__ */ jsx45(MeterValue2, {
                   children: () => `${metric.used.toLocaleString()} / ${metric.limit.toLocaleString()}${metric.unit ? ` ${metric.unit}` : ""}`
                 })
               ]
             }),
-            /* @__PURE__ */ jsx43(MeterTrack2, {
-              children: /* @__PURE__ */ jsx43(MeterIndicator2, {})
+            /* @__PURE__ */ jsx45(MeterTrack2, {
+              children: /* @__PURE__ */ jsx45(MeterIndicator2, {})
             })
           ]
         }, metric.id))
       }),
-      /* @__PURE__ */ jsx43(CardFooter2, {
-        children: /* @__PURE__ */ jsx43(Button2, {
+      /* @__PURE__ */ jsx45(CardFooter2, {
+        children: /* @__PURE__ */ jsx45(Button2, {
           type: "button",
           variant: "outline",
           onClick: onManage,
@@ -3820,4 +3856,4 @@ function BillingUsage2({ plan, price, period, metrics, onManage, pending, densit
     ]
   });
 }
-export { ButtonLink2, Accordion2, AccordionItem2, AccordionTrigger2, AccordionContent2, EmptyState3, PageMessage2, formatDataLabel2, DataViewer2, 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, 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, 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, Meter2, MeterLabel2, MeterValue2, MeterTrack2, MeterIndicator2, Stepper2, StepperList2, StepperTrigger2, StepperIndicator2, StepperContent2, AppShell2, PageHeader2, WorkspaceSwitcher2, AccountMenu2, StatCard2, AuthForm2, SettingsSection2, TagInput2, FilterBar2, BarList2, StatusTracker2, DashboardLayout2, BillingUsage2 };
+export { ButtonLink2, ContextMenu2, ContextMenuPortal2, ContextMenuTrigger2, ContextMenuContent2, ActionsMenu2, ActionsMenuTrigger2, ActionsMenuContextTarget2, ActionsMenuContextContent2, FormDialog2, Accordion2, AccordionItem2, AccordionTrigger2, AccordionContent2, EmptyState3, PageMessage2, formatDataLabel2, DataViewer2, 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, 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, Drawer2, DrawerTrigger2, DrawerPortal2, DrawerClose2, DrawerOverlay2, DrawerSwipeHandle2, DrawerContent2, DrawerHeader2, DrawerFooter2, DrawerTitle2, DrawerDescription2, 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, Meter2, MeterLabel2, MeterValue2, MeterTrack2, MeterIndicator2, Stepper2, StepperList2, StepperTrigger2, StepperIndicator2, StepperContent2, AppShell2, PageHeader2, WorkspaceSwitcher2, AccountMenu2, StatCard2, AuthForm2, SettingsSection2, TagInput2, FilterBar2, BarList2, StatusTracker2, DashboardLayout2, BillingUsage2 };