@kinetixui/ui 0.12.0 → 0.13.0

package/dist/index.js

@@ -235,7 +235,7 @@ import * as React5 from "react";
 import { cva as cva4 } from "class-variance-authority";
 import { jsx as jsx5 } from "react/jsx-runtime";
 var alertVariants = cva4(
-  "relative w-full rounded-lg border px-4 py-3 text-sm font-sans [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-foreground [&>svg~*]:pl-7",
+  "relative w-full rounded-lg border px-4 py-3 text-sm font-sans [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:start-4 [&>svg]:top-4 [&>svg]:text-foreground [&>svg~*]:ps-7",
   {
     variants: {
       variant: {
@@ -337,11 +337,18 @@ AlertDialogCancel.displayName = AlertDialogPrimitive.Cancel.displayName;
 import * as AspectRatioPrimitive from "@radix-ui/react-aspect-ratio";
 var AspectRatio = AspectRatioPrimitive.Root;
 
+// src/components/direction-provider.tsx
+import { DirectionProvider as RadixDirectionProvider } from "@radix-ui/react-direction";
+import { jsx as jsx7 } from "react/jsx-runtime";
+function KinetixDirectionProvider({ dir, children }) {
+  return /* @__PURE__ */ jsx7(RadixDirectionProvider, { dir, children });
+}
+
 // src/components/avatar.tsx
 import * as React7 from "react";
 import * as AvatarPrimitive from "@radix-ui/react-avatar";
-import { jsx as jsx7, jsxs as jsxs3 } from "react/jsx-runtime";
-var Avatar = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx7(
+import { jsx as jsx8, jsxs as jsxs3 } from "react/jsx-runtime";
+var Avatar = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx8(
   AvatarPrimitive.Root,
   {
     ref,
@@ -350,9 +357,9 @@ var Avatar = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */
   }
 ));
 Avatar.displayName = AvatarPrimitive.Root.displayName;
-var AvatarImage = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx7(AvatarPrimitive.Image, { ref, className: cn("aspect-square size-full", className), ...props }));
+var AvatarImage = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx8(AvatarPrimitive.Image, { ref, className: cn("aspect-square size-full", className), ...props }));
 AvatarImage.displayName = AvatarPrimitive.Image.displayName;
-var AvatarFallback = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx7(
+var AvatarFallback = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx8(
   AvatarPrimitive.Fallback,
   {
     ref,
@@ -370,8 +377,8 @@ var AvatarGroup = React7.forwardRef(
     const visible = max ? items.slice(0, max) : items;
     const overflow = max ? items.length - max : 0;
     return /* @__PURE__ */ jsxs3("div", { ref, className: cn("flex -space-x-2", className), ...props, children: [
-      visible.map((child, i) => /* @__PURE__ */ jsx7("div", { className: "rounded-full ring-2 ring-background", children: child }, i)),
-      overflow > 0 && /* @__PURE__ */ jsx7("div", { className: "rounded-full ring-2 ring-background", children: /* @__PURE__ */ jsx7(Avatar, { children: /* @__PURE__ */ jsxs3(AvatarFallback, { children: [
+      visible.map((child, i) => /* @__PURE__ */ jsx8("div", { className: "rounded-full ring-2 ring-background", children: child }, i)),
+      overflow > 0 && /* @__PURE__ */ jsx8("div", { className: "rounded-full ring-2 ring-background", children: /* @__PURE__ */ jsx8(Avatar, { children: /* @__PURE__ */ jsxs3(AvatarFallback, { children: [
         "+",
         overflow
       ] }) }) })
@@ -384,7 +391,7 @@ AvatarGroup.displayName = "AvatarGroup";
 import * as React8 from "react";
 import { Slot as Slot2 } from "@radix-ui/react-slot";
 import { cva as cva5 } from "class-variance-authority";
-import { jsx as jsx8 } from "react/jsx-runtime";
+import { jsx as jsx9 } from "react/jsx-runtime";
 var badgeVariants = cva5(
   "inline-flex items-center rounded-full px-2.5 py-1 text-xs font-medium font-sans tracking-[0.5px] transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
   {
@@ -403,7 +410,7 @@ var badgeVariants = cva5(
 var Badge = React8.forwardRef(
   ({ className, variant, asChild = false, ...props }, ref) => {
     const Comp = asChild ? Slot2 : "div";
-    return /* @__PURE__ */ jsx8(Comp, { ref, className: cn(badgeVariants({ variant }), className), ...props });
+    return /* @__PURE__ */ jsx9(Comp, { ref, className: cn(badgeVariants({ variant }), className), ...props });
   }
 );
 Badge.displayName = "Badge";
@@ -412,13 +419,13 @@ Badge.displayName = "Badge";
 import * as React9 from "react";
 import { Slot as Slot3 } from "@radix-ui/react-slot";
 import { ChevronRight, MoreHorizontal } from "lucide-react";
-import { jsx as jsx9, jsxs as jsxs4 } from "react/jsx-runtime";
+import { jsx as jsx10, jsxs as jsxs4 } from "react/jsx-runtime";
 var Breadcrumb = React9.forwardRef(
-  ({ ...props }, ref) => /* @__PURE__ */ jsx9("nav", { ref, "aria-label": "breadcrumb", className: "font-sans", ...props })
+  ({ ...props }, ref) => /* @__PURE__ */ jsx10("nav", { ref, "aria-label": "breadcrumb", className: "font-sans", ...props })
 );
 Breadcrumb.displayName = "Breadcrumb";
 var BreadcrumbList = React9.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx9(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx10(
     "ol",
     {
       ref,
@@ -429,16 +436,16 @@ var BreadcrumbList = React9.forwardRef(
 );
 BreadcrumbList.displayName = "BreadcrumbList";
 var BreadcrumbItem = React9.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx9("li", { ref, className: cn("inline-flex items-center gap-1.5", className), ...props })
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx10("li", { ref, className: cn("inline-flex items-center gap-1.5", className), ...props })
 );
 BreadcrumbItem.displayName = "BreadcrumbItem";
 var BreadcrumbLink = React9.forwardRef(({ asChild, className, ...props }, ref) => {
   const Comp = asChild ? Slot3 : "a";
-  return /* @__PURE__ */ jsx9(Comp, { ref, className: cn("transition-colors hover:text-foreground", className), ...props });
+  return /* @__PURE__ */ jsx10(Comp, { ref, className: cn("transition-colors hover:text-foreground", className), ...props });
 });
 BreadcrumbLink.displayName = "BreadcrumbLink";
 var BreadcrumbPage = React9.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx9(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx10(
     "span",
     {
       ref,
@@ -451,19 +458,19 @@ var BreadcrumbPage = React9.forwardRef(
   )
 );
 BreadcrumbPage.displayName = "BreadcrumbPage";
-var BreadcrumbSeparator = ({ children, className, ...props }) => /* @__PURE__ */ jsx9("li", { role: "presentation", "aria-hidden": true, className: cn("[&>svg]:size-3.5", className), ...props, children: children ?? /* @__PURE__ */ jsx9(ChevronRight, {}) });
+var BreadcrumbSeparator = ({ children, className, ...props }) => /* @__PURE__ */ jsx10("li", { role: "presentation", "aria-hidden": true, className: cn("[&>svg]:size-3.5", className), ...props, children: children ?? /* @__PURE__ */ jsx10(ChevronRight, {}) });
 BreadcrumbSeparator.displayName = "BreadcrumbSeparator";
 var BreadcrumbEllipsis = ({ className, ...props }) => /* @__PURE__ */ jsxs4("span", { role: "presentation", "aria-hidden": true, className: cn("flex size-9 items-center justify-center", className), ...props, children: [
-  /* @__PURE__ */ jsx9(MoreHorizontal, { className: "size-4" }),
-  /* @__PURE__ */ jsx9("span", { className: "sr-only", children: "More" })
+  /* @__PURE__ */ jsx10(MoreHorizontal, { className: "size-4" }),
+  /* @__PURE__ */ jsx10("span", { className: "sr-only", children: "More" })
 ] });
 BreadcrumbEllipsis.displayName = "BreadcrumbEllipsis";
 
 // src/components/card.tsx
 import * as React10 from "react";
-import { jsx as jsx10 } from "react/jsx-runtime";
+import { jsx as jsx11 } from "react/jsx-runtime";
 var Card = React10.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx10(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx11(
     "div",
     {
       ref,
@@ -474,23 +481,23 @@ var Card = React10.forwardRef(
 );
 Card.displayName = "Card";
 var CardHeader = React10.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx10("div", { ref, className: cn("flex flex-col space-y-1.5 p-6", className), ...props })
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx11("div", { ref, className: cn("flex flex-col space-y-1.5 p-6", className), ...props })
 );
 CardHeader.displayName = "CardHeader";
 var CardTitle = React10.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx10("div", { ref, className: cn("font-semibold leading-none tracking-tight", className), ...props })
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx11("div", { ref, className: cn("font-semibold leading-none tracking-tight", className), ...props })
 );
 CardTitle.displayName = "CardTitle";
 var CardDescription = React10.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx10("div", { ref, className: cn("text-sm text-muted-foreground", className), ...props })
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx11("div", { ref, className: cn("text-sm text-muted-foreground", className), ...props })
 );
 CardDescription.displayName = "CardDescription";
 var CardContent = React10.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx10("div", { ref, className: cn("p-6 pt-0", className), ...props })
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx11("div", { ref, className: cn("p-6 pt-0", className), ...props })
 );
 CardContent.displayName = "CardContent";
 var CardFooter = React10.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx10("div", { ref, className: cn("flex items-center p-6 pt-0", className), ...props })
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx11("div", { ref, className: cn("flex items-center p-6 pt-0", className), ...props })
 );
 CardFooter.displayName = "CardFooter";
 
@@ -498,8 +505,8 @@ CardFooter.displayName = "CardFooter";
 import * as React11 from "react";
 import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
 import { Check, Minus } from "lucide-react";
-import { jsx as jsx11 } from "react/jsx-runtime";
-var Checkbox = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx11(
+import { jsx as jsx12 } from "react/jsx-runtime";
+var Checkbox = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx12(
   CheckboxPrimitive.Root,
   {
     ref,
@@ -513,7 +520,7 @@ var Checkbox = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__
       className
     ),
     ...props,
-    children: /* @__PURE__ */ jsx11(CheckboxPrimitive.Indicator, { className: "flex items-center justify-center text-current", children: props.checked === "indeterminate" ? /* @__PURE__ */ jsx11(Minus, { className: "size-3" }) : /* @__PURE__ */ jsx11(Check, { className: "size-3", strokeWidth: 3 }) })
+    children: /* @__PURE__ */ jsx12(CheckboxPrimitive.Indicator, { className: "flex items-center justify-center text-current", children: props.checked === "indeterminate" ? /* @__PURE__ */ jsx12(Minus, { className: "size-3" }) : /* @__PURE__ */ jsx12(Check, { className: "size-3", strokeWidth: 3 }) })
   }
 ));
 Checkbox.displayName = CheckboxPrimitive.Root.displayName;
@@ -528,12 +535,12 @@ var CollapsibleContent2 = CollapsiblePrimitive.CollapsibleContent;
 import * as React12 from "react";
 import * as DialogPrimitive from "@radix-ui/react-dialog";
 import { X } from "lucide-react";
-import { jsx as jsx12, jsxs as jsxs5 } from "react/jsx-runtime";
+import { jsx as jsx13, jsxs as jsxs5 } from "react/jsx-runtime";
 var Dialog = DialogPrimitive.Root;
 var DialogTrigger = DialogPrimitive.Trigger;
 var DialogPortal = DialogPrimitive.Portal;
 var DialogClose = DialogPrimitive.Close;
-var DialogOverlay = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx12(
+var DialogOverlay = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx13(
   DialogPrimitive.Overlay,
   {
     ref,
@@ -546,12 +553,13 @@ var DialogOverlay = React12.forwardRef(({ className, ...props }, ref) => /* @__P
 ));
 DialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
 var DialogContent = React12.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs5(DialogPortal, { children: [
-  /* @__PURE__ */ jsx12(DialogOverlay, {}),
+  /* @__PURE__ */ jsx13(DialogOverlay, {}),
   /* @__PURE__ */ jsxs5(
     DialogPrimitive.Content,
     {
       ref,
       className: cn(
+        // rtl-ok: centering trick (left-1/2 + -translate-x-1/2), direction-agnostic by construction
         "fixed left-1/2 top-1/2 z-overlay grid w-full max-w-lg -translate-x-1/2 -translate-y-1/2 gap-4 border bg-background p-6 shadow-lg sm:rounded-xl font-sans",
         "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95",
         className
@@ -559,18 +567,18 @@ var DialogContent = React12.forwardRef(({ className, children, ...props }, ref)
       ...props,
       children: [
         children,
-        /* @__PURE__ */ jsxs5(DialogPrimitive.Close, { className: "absolute right-4 top-4 rounded-sm opacity-muted transition-opacity hover:opacity-visible focus:outline-none focus:ring-2 focus:ring-ring disabled:pointer-events-none", children: [
-          /* @__PURE__ */ jsx12(X, { className: "size-4" }),
-          /* @__PURE__ */ jsx12("span", { className: "sr-only", children: "Close" })
+        /* @__PURE__ */ jsxs5(DialogPrimitive.Close, { className: "absolute end-4 top-4 rounded-sm opacity-muted transition-opacity hover:opacity-visible focus:outline-none focus:ring-2 focus:ring-ring disabled:pointer-events-none", children: [
+          /* @__PURE__ */ jsx13(X, { className: "size-4" }),
+          /* @__PURE__ */ jsx13("span", { className: "sr-only", children: "Close" })
         ] })
       ]
     }
   )
 ] }));
 DialogContent.displayName = DialogPrimitive.Content.displayName;
-var DialogHeader = ({ className, ...props }) => /* @__PURE__ */ jsx12("div", { className: cn("flex flex-col space-y-1.5 text-center sm:text-left", className), ...props });
+var DialogHeader = ({ className, ...props }) => /* @__PURE__ */ jsx13("div", { className: cn("flex flex-col space-y-1.5 text-center sm:text-start", className), ...props });
 DialogHeader.displayName = "DialogHeader";
-var DialogFooter = ({ className, ...props }) => /* @__PURE__ */ jsx12(
+var DialogFooter = ({ className, ...props }) => /* @__PURE__ */ jsx13(
   "div",
   {
     className: cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", className),
@@ -578,7 +586,7 @@ var DialogFooter = ({ className, ...props }) => /* @__PURE__ */ jsx12(
   }
 );
 DialogFooter.displayName = "DialogFooter";
-var DialogTitle = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx12(
+var DialogTitle = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx13(
   DialogPrimitive.Title,
   {
     ref,
@@ -587,7 +595,7 @@ var DialogTitle = React12.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 DialogTitle.displayName = DialogPrimitive.Title.displayName;
-var DialogDescription = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx12(
+var DialogDescription = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx13(
   DialogPrimitive.Description,
   {
     ref,
@@ -601,7 +609,7 @@ DialogDescription.displayName = DialogPrimitive.Description.displayName;
 import * as React13 from "react";
 import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
 import { Check as Check2, ChevronRight as ChevronRight2, Circle } from "lucide-react";
-import { jsx as jsx13, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx14, jsxs as jsxs6 } from "react/jsx-runtime";
 var DropdownMenu = DropdownMenuPrimitive.Root;
 var DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;
 var DropdownMenuGroup = DropdownMenuPrimitive.Group;
@@ -610,56 +618,56 @@ var DropdownMenuSub = DropdownMenuPrimitive.Sub;
 var DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup;
 var contentCls = "z-overlay min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md font-sans data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95";
 var itemCls = "relative flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground focus:ring-1 focus:ring-inset focus:ring-ring data-[disabled]:pointer-events-none data-[disabled]:opacity-disabled";
-var DropdownMenuContent = React13.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx13(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx13(DropdownMenuPrimitive.Content, { ref, sideOffset, className: cn(contentCls, className), ...props }) }));
+var DropdownMenuContent = React13.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx14(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx14(DropdownMenuPrimitive.Content, { ref, sideOffset, className: cn(contentCls, className), ...props }) }));
 DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;
-var DropdownMenuItem = React13.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx13(DropdownMenuPrimitive.Item, { ref, className: cn(itemCls, inset && "pl-8", className), ...props }));
+var DropdownMenuItem = React13.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx14(DropdownMenuPrimitive.Item, { ref, className: cn(itemCls, inset && "ps-8", className), ...props }));
 DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;
-var DropdownMenuCheckboxItem = React13.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs6(DropdownMenuPrimitive.CheckboxItem, { ref, className: cn(itemCls, "pl-8", className), checked, ...props, children: [
-  /* @__PURE__ */ jsx13("span", { className: "absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx13(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx13(Check2, { className: "size-4" }) }) }),
+var DropdownMenuCheckboxItem = React13.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs6(DropdownMenuPrimitive.CheckboxItem, { ref, className: cn(itemCls, "ps-8", className), checked, ...props, children: [
+  /* @__PURE__ */ jsx14("span", { className: "absolute start-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx14(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx14(Check2, { className: "size-4" }) }) }),
   children
 ] }));
 DropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive.CheckboxItem.displayName;
-var DropdownMenuRadioItem = React13.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs6(DropdownMenuPrimitive.RadioItem, { ref, className: cn(itemCls, "pl-8", className), ...props, children: [
-  /* @__PURE__ */ jsx13("span", { className: "absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx13(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx13(Circle, { className: "size-2 fill-current" }) }) }),
+var DropdownMenuRadioItem = React13.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs6(DropdownMenuPrimitive.RadioItem, { ref, className: cn(itemCls, "ps-8", className), ...props, children: [
+  /* @__PURE__ */ jsx14("span", { className: "absolute start-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx14(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx14(Circle, { className: "size-2 fill-current" }) }) }),
   children
 ] }));
 DropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName;
-var DropdownMenuLabel = React13.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx13(
+var DropdownMenuLabel = React13.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx14(
   DropdownMenuPrimitive.Label,
   {
     ref,
-    className: cn("px-2 py-1.5 text-sm font-semibold", inset && "pl-8", className),
+    className: cn("px-2 py-1.5 text-sm font-semibold", inset && "ps-8", className),
     ...props
   }
 ));
 DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName;
-var DropdownMenuSeparator = React13.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx13(DropdownMenuPrimitive.Separator, { ref, className: cn("-mx-1 my-1 h-px bg-muted", className), ...props }));
+var DropdownMenuSeparator = React13.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx14(DropdownMenuPrimitive.Separator, { ref, className: cn("-mx-1 my-1 h-px bg-muted", className), ...props }));
 DropdownMenuSeparator.displayName = DropdownMenuPrimitive.Separator.displayName;
-var DropdownMenuShortcut = ({ className, ...props }) => /* @__PURE__ */ jsx13("span", { className: cn("ml-auto text-xs tracking-widest opacity-60", className), ...props });
+var DropdownMenuShortcut = ({ className, ...props }) => /* @__PURE__ */ jsx14("span", { className: cn("ms-auto text-xs tracking-widest opacity-60", className), ...props });
 DropdownMenuShortcut.displayName = "DropdownMenuShortcut";
 var DropdownMenuSubTrigger = React13.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs6(
   DropdownMenuPrimitive.SubTrigger,
   {
     ref,
-    className: cn(itemCls, "data-[state=open]:bg-accent", inset && "pl-8", className),
+    className: cn(itemCls, "data-[state=open]:bg-accent", inset && "ps-8", className),
     ...props,
     children: [
       children,
-      /* @__PURE__ */ jsx13(ChevronRight2, { className: "ml-auto size-4" })
+      /* @__PURE__ */ jsx14(ChevronRight2, { className: "ms-auto size-4 rtl:-scale-x-100" })
     ]
   }
 ));
 DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive.SubTrigger.displayName;
-var DropdownMenuSubContent = React13.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx13(DropdownMenuPrimitive.SubContent, { ref, className: cn(contentCls, className), ...props }));
+var DropdownMenuSubContent = React13.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx14(DropdownMenuPrimitive.SubContent, { ref, className: cn(contentCls, className), ...props }));
 DropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName;
 
 // src/components/hover-card.tsx
 import * as React14 from "react";
 import * as HoverCardPrimitive from "@radix-ui/react-hover-card";
-import { jsx as jsx14 } from "react/jsx-runtime";
+import { jsx as jsx15 } from "react/jsx-runtime";
 var HoverCard = HoverCardPrimitive.Root;
 var HoverCardTrigger = HoverCardPrimitive.Trigger;
-var HoverCardContent = React14.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx14(
+var HoverCardContent = React14.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx15(
   HoverCardPrimitive.Content,
   {
     ref,
@@ -679,18 +687,18 @@ HoverCardContent.displayName = HoverCardPrimitive.Content.displayName;
 import * as React15 from "react";
 import * as LabelPrimitive from "@radix-ui/react-label";
 import { cva as cva6 } from "class-variance-authority";
-import { jsx as jsx15 } from "react/jsx-runtime";
+import { jsx as jsx16 } from "react/jsx-runtime";
 var labelVariants = cva6(
   "text-sm font-medium leading-none font-sans peer-disabled:cursor-not-allowed peer-disabled:opacity-muted"
 );
-var Label2 = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx15(LabelPrimitive.Root, { ref, className: cn(labelVariants(), className), ...props }));
+var Label2 = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx16(LabelPrimitive.Root, { ref, className: cn(labelVariants(), className), ...props }));
 Label2.displayName = LabelPrimitive.Root.displayName;
 
 // src/components/pagination.tsx
 import * as React16 from "react";
 import { ChevronLeft, ChevronRight as ChevronRight3, MoreHorizontal as MoreHorizontal2 } from "lucide-react";
-import { jsx as jsx16, jsxs as jsxs7 } from "react/jsx-runtime";
-var Pagination = ({ className, ...props }) => /* @__PURE__ */ jsx16(
+import { jsx as jsx17, jsxs as jsxs7 } from "react/jsx-runtime";
+var Pagination = ({ className, ...props }) => /* @__PURE__ */ jsx17(
   "nav",
   {
     role: "navigation",
@@ -701,14 +709,14 @@ var Pagination = ({ className, ...props }) => /* @__PURE__ */ jsx16(
 );
 Pagination.displayName = "Pagination";
 var PaginationContent = React16.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx16("ul", { ref, className: cn("flex flex-row items-center gap-1", className), ...props })
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx17("ul", { ref, className: cn("flex flex-row items-center gap-1", className), ...props })
 );
 PaginationContent.displayName = "PaginationContent";
 var PaginationItem = React16.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx16("li", { ref, className: cn("", className), ...props })
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx17("li", { ref, className: cn("", className), ...props })
 );
 PaginationItem.displayName = "PaginationItem";
-var PaginationLink = ({ className, isActive, ...props }) => /* @__PURE__ */ jsx16(
+var PaginationLink = ({ className, isActive, ...props }) => /* @__PURE__ */ jsx17(
   "a",
   {
     "aria-current": isActive ? "page" : void 0,
@@ -722,29 +730,29 @@ var PaginationLink = ({ className, isActive, ...props }) => /* @__PURE__ */ jsx1
 );
 PaginationLink.displayName = "PaginationLink";
 var PaginationPrevious = ({ className, ...props }) => /* @__PURE__ */ jsxs7(PaginationLink, { "aria-label": "Go to previous page", className: cn("w-auto gap-1 px-2.5", className), ...props, children: [
-  /* @__PURE__ */ jsx16(ChevronLeft, { className: "size-4" }),
-  /* @__PURE__ */ jsx16("span", { children: "Previous" })
+  /* @__PURE__ */ jsx17(ChevronLeft, { className: "size-4" }),
+  /* @__PURE__ */ jsx17("span", { children: "Previous" })
 ] });
 PaginationPrevious.displayName = "PaginationPrevious";
 var PaginationNext = ({ className, ...props }) => /* @__PURE__ */ jsxs7(PaginationLink, { "aria-label": "Go to next page", className: cn("w-auto gap-1 px-2.5", className), ...props, children: [
-  /* @__PURE__ */ jsx16("span", { children: "Next" }),
-  /* @__PURE__ */ jsx16(ChevronRight3, { className: "size-4" })
+  /* @__PURE__ */ jsx17("span", { children: "Next" }),
+  /* @__PURE__ */ jsx17(ChevronRight3, { className: "size-4" })
 ] });
 PaginationNext.displayName = "PaginationNext";
 var PaginationEllipsis = ({ className, ...props }) => /* @__PURE__ */ jsxs7("span", { "aria-hidden": true, className: cn("flex size-9 items-center justify-center", className), ...props, children: [
-  /* @__PURE__ */ jsx16(MoreHorizontal2, { className: "size-4" }),
-  /* @__PURE__ */ jsx16("span", { className: "sr-only", children: "More pages" })
+  /* @__PURE__ */ jsx17(MoreHorizontal2, { className: "size-4" }),
+  /* @__PURE__ */ jsx17("span", { className: "sr-only", children: "More pages" })
 ] });
 PaginationEllipsis.displayName = "PaginationEllipsis";
 
 // src/components/popover.tsx
 import * as React17 from "react";
 import * as PopoverPrimitive from "@radix-ui/react-popover";
-import { jsx as jsx17 } from "react/jsx-runtime";
+import { jsx as jsx18 } from "react/jsx-runtime";
 var Popover = PopoverPrimitive.Root;
 var PopoverTrigger = PopoverPrimitive.Trigger;
 var PopoverAnchor = PopoverPrimitive.Anchor;
-var PopoverContent = React17.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx17(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx17(
+var PopoverContent = React17.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx18(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx18(
   PopoverPrimitive.Content,
   {
     ref,
@@ -764,14 +772,14 @@ PopoverContent.displayName = PopoverPrimitive.Content.displayName;
 // src/components/progress.tsx
 import * as React18 from "react";
 import * as ProgressPrimitive from "@radix-ui/react-progress";
-import { jsx as jsx18 } from "react/jsx-runtime";
-var Progress = React18.forwardRef(({ className, value, ...props }, ref) => /* @__PURE__ */ jsx18(
+import { jsx as jsx19 } from "react/jsx-runtime";
+var Progress = React18.forwardRef(({ className, value, ...props }, ref) => /* @__PURE__ */ jsx19(
   ProgressPrimitive.Root,
   {
     ref,
     className: cn("relative h-2 w-full overflow-hidden rounded-full bg-muted", className),
     ...props,
-    children: /* @__PURE__ */ jsx18(
+    children: /* @__PURE__ */ jsx19(
       ProgressPrimitive.Indicator,
       {
         className: "size-full flex-1 bg-primary transition-transform",
@@ -786,10 +794,10 @@ Progress.displayName = ProgressPrimitive.Root.displayName;
 import * as React19 from "react";
 import * as RadioGroupPrimitive from "@radix-ui/react-radio-group";
 import { Circle as Circle2 } from "lucide-react";
-import { jsx as jsx19 } from "react/jsx-runtime";
-var RadioGroup2 = React19.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx19(RadioGroupPrimitive.Root, { ref, className: cn("grid gap-3", className), ...props }));
+import { jsx as jsx20 } from "react/jsx-runtime";
+var RadioGroup2 = React19.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx20(RadioGroupPrimitive.Root, { ref, className: cn("grid gap-3", className), ...props }));
 RadioGroup2.displayName = RadioGroupPrimitive.Root.displayName;
-var RadioGroupItem = React19.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx19(
+var RadioGroupItem = React19.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx20(
   RadioGroupPrimitive.Item,
   {
     ref,
@@ -802,7 +810,7 @@ var RadioGroupItem = React19.forwardRef(({ className, ...props }, ref) => /* @__
       className
     ),
     ...props,
-    children: /* @__PURE__ */ jsx19(RadioGroupPrimitive.Indicator, { className: "flex items-center justify-center", children: /* @__PURE__ */ jsx19(Circle2, { className: "size-2.5 fill-primary text-primary" }) })
+    children: /* @__PURE__ */ jsx20(RadioGroupPrimitive.Indicator, { className: "flex items-center justify-center", children: /* @__PURE__ */ jsx20(Circle2, { className: "size-2.5 fill-primary text-primary" }) })
   }
 ));
 RadioGroupItem.displayName = RadioGroupPrimitive.Item.displayName;
@@ -810,14 +818,14 @@ RadioGroupItem.displayName = RadioGroupPrimitive.Item.displayName;
 // src/components/scroll-area.tsx
 import * as React20 from "react";
 import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
-import { jsx as jsx20, jsxs as jsxs8 } from "react/jsx-runtime";
+import { jsx as jsx21, jsxs as jsxs8 } from "react/jsx-runtime";
 var ScrollArea = React20.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs8(ScrollAreaPrimitive.Root, { ref, className: cn("relative overflow-hidden", className), ...props, children: [
-  /* @__PURE__ */ jsx20(ScrollAreaPrimitive.Viewport, { className: "size-full rounded-[inherit]", children }),
-  /* @__PURE__ */ jsx20(ScrollBar, {}),
-  /* @__PURE__ */ jsx20(ScrollAreaPrimitive.Corner, {})
+  /* @__PURE__ */ jsx21(ScrollAreaPrimitive.Viewport, { className: "size-full rounded-[inherit]", children }),
+  /* @__PURE__ */ jsx21(ScrollBar, {}),
+  /* @__PURE__ */ jsx21(ScrollAreaPrimitive.Corner, {})
 ] }));
 ScrollArea.displayName = ScrollAreaPrimitive.Root.displayName;
-var ScrollBar = React20.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ jsx20(
+var ScrollBar = React20.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ jsx21(
   ScrollAreaPrimitive.ScrollAreaScrollbar,
   {
     ref,
@@ -829,7 +837,7 @@ var ScrollBar = React20.forwardRef(({ className, orientation = "vertical", ...pr
       className
     ),
     ...props,
-    children: /* @__PURE__ */ jsx20(ScrollAreaPrimitive.ScrollAreaThumb, { className: "relative flex-1 rounded-full bg-border" })
+    children: /* @__PURE__ */ jsx21(ScrollAreaPrimitive.ScrollAreaThumb, { className: "relative flex-1 rounded-full bg-border" })
   }
 ));
 ScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName;
@@ -838,7 +846,7 @@ ScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName;
 import * as React21 from "react";
 import * as SelectPrimitive from "@radix-ui/react-select";
 import { Check as Check3, ChevronDown as ChevronDown2, ChevronUp } from "lucide-react";
-import { jsx as jsx21, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx22, jsxs as jsxs9 } from "react/jsx-runtime";
 var Select = SelectPrimitive.Root;
 var SelectGroup = SelectPrimitive.Group;
 var SelectValue = SelectPrimitive.Value;
@@ -860,12 +868,12 @@ var SelectTrigger = React21.forwardRef(({ className, children, ...props }, ref)
     ...props,
     children: [
       children,
-      /* @__PURE__ */ jsx21(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ jsx21(ChevronDown2, { className: "size-4 shrink-0 opacity-60" }) })
+      /* @__PURE__ */ jsx22(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ jsx22(ChevronDown2, { className: "size-4 shrink-0 opacity-60" }) })
     ]
   }
 ));
 SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
-var SelectContent = React21.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ jsx21(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs9(
+var SelectContent = React21.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ jsx22(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs9(
   SelectPrimitive.Content,
   {
     ref,
@@ -878,46 +886,46 @@ var SelectContent = React21.forwardRef(({ className, children, position = "poppe
     ),
     ...props,
     children: [
-      /* @__PURE__ */ jsx21(SelectPrimitive.ScrollUpButton, { className: "flex h-6 items-center justify-center", children: /* @__PURE__ */ jsx21(ChevronUp, { className: "size-4" }) }),
-      /* @__PURE__ */ jsx21(
+      /* @__PURE__ */ jsx22(SelectPrimitive.ScrollUpButton, { className: "flex h-6 items-center justify-center", children: /* @__PURE__ */ jsx22(ChevronUp, { className: "size-4" }) }),
+      /* @__PURE__ */ jsx22(
         SelectPrimitive.Viewport,
         {
           className: cn("p-1", position === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"),
           children
         }
       ),
-      /* @__PURE__ */ jsx21(SelectPrimitive.ScrollDownButton, { className: "flex h-6 items-center justify-center", children: /* @__PURE__ */ jsx21(ChevronDown2, { className: "size-4" }) })
+      /* @__PURE__ */ jsx22(SelectPrimitive.ScrollDownButton, { className: "flex h-6 items-center justify-center", children: /* @__PURE__ */ jsx22(ChevronDown2, { className: "size-4" }) })
     ]
   }
 ) }));
 SelectContent.displayName = SelectPrimitive.Content.displayName;
-var SelectLabel = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx21(SelectPrimitive.Label, { ref, className: cn("px-2 py-1.5 text-sm font-semibold", className), ...props }));
+var SelectLabel = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx22(SelectPrimitive.Label, { ref, className: cn("px-2 py-1.5 text-sm font-semibold", className), ...props }));
 SelectLabel.displayName = SelectPrimitive.Label.displayName;
 var SelectItem = React21.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs9(
   SelectPrimitive.Item,
   {
     ref,
     className: cn(
-      "relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none",
+      "relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 ps-8 pe-2 text-sm outline-none",
       "focus:bg-accent focus:text-accent-foreground focus:ring-1 focus:ring-inset focus:ring-ring data-[disabled]:pointer-events-none data-[disabled]:opacity-disabled",
       className
     ),
     ...props,
     children: [
-      /* @__PURE__ */ jsx21("span", { className: "absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx21(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx21(Check3, { className: "size-4" }) }) }),
-      /* @__PURE__ */ jsx21(SelectPrimitive.ItemText, { children })
+      /* @__PURE__ */ jsx22("span", { className: "absolute start-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx22(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx22(Check3, { className: "size-4" }) }) }),
+      /* @__PURE__ */ jsx22(SelectPrimitive.ItemText, { children })
     ]
   }
 ));
 SelectItem.displayName = SelectPrimitive.Item.displayName;
-var SelectSeparator = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx21(SelectPrimitive.Separator, { ref, className: cn("-mx-1 my-1 h-px bg-muted", className), ...props }));
+var SelectSeparator = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx22(SelectPrimitive.Separator, { ref, className: cn("-mx-1 my-1 h-px bg-muted", className), ...props }));
 SelectSeparator.displayName = SelectPrimitive.Separator.displayName;
 
 // src/components/separator.tsx
 import * as React22 from "react";
 import * as SeparatorPrimitive from "@radix-ui/react-separator";
-import { jsx as jsx22 } from "react/jsx-runtime";
-var Separator3 = React22.forwardRef(({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ jsx22(
+import { jsx as jsx23 } from "react/jsx-runtime";
+var Separator3 = React22.forwardRef(({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ jsx23(
   SeparatorPrimitive.Root,
   {
     ref,
@@ -938,12 +946,12 @@ import * as React23 from "react";
 import * as SheetPrimitive from "@radix-ui/react-dialog";
 import { cva as cva7 } from "class-variance-authority";
 import { X as X2 } from "lucide-react";
-import { jsx as jsx23, jsxs as jsxs10 } from "react/jsx-runtime";
+import { jsx as jsx24, jsxs as jsxs10 } from "react/jsx-runtime";
 var Sheet = SheetPrimitive.Root;
 var SheetTrigger = SheetPrimitive.Trigger;
 var SheetClose = SheetPrimitive.Close;
 var SheetPortal = SheetPrimitive.Portal;
-var SheetOverlay = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx23(
+var SheetOverlay = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx24(
   SheetPrimitive.Overlay,
   {
     ref,
@@ -959,40 +967,43 @@ var sheetVariants = cva7(
   "fixed z-overlay gap-4 bg-background p-6 shadow-lg transition ease-standard data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:duration-base data-[state=open]:duration-slow font-sans",
   {
     variants: {
+      // rtl-ok-start: `side` picks a physical screen edge on purpose (a caller-chosen
+      // slide-in direction, not text-direction-relative) — left/right stay physical.
       side: {
         top: "inset-x-0 top-0 border-b data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top",
         bottom: "inset-x-0 bottom-0 border-t data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom",
         left: "inset-y-0 left-0 h-full w-3/4 border-r data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left sm:max-w-sm",
         right: "inset-y-0 right-0 h-full w-3/4 border-l data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right sm:max-w-sm"
       }
+      // rtl-ok-end
     },
     defaultVariants: { side: "right" }
   }
 );
 var SheetContent = React23.forwardRef(({ side = "right", className, children, ...props }, ref) => /* @__PURE__ */ jsxs10(SheetPortal, { children: [
-  /* @__PURE__ */ jsx23(SheetOverlay, {}),
+  /* @__PURE__ */ jsx24(SheetOverlay, {}),
   /* @__PURE__ */ jsxs10(SheetPrimitive.Content, { ref, className: cn(sheetVariants({ side }), className), ...props, children: [
     children,
-    /* @__PURE__ */ jsxs10(SheetPrimitive.Close, { className: "absolute right-4 top-4 rounded-sm opacity-muted transition-opacity hover:opacity-visible focus:outline-none focus:ring-2 focus:ring-ring", children: [
-      /* @__PURE__ */ jsx23(X2, { className: "size-4" }),
-      /* @__PURE__ */ jsx23("span", { className: "sr-only", children: "Close" })
+    /* @__PURE__ */ jsxs10(SheetPrimitive.Close, { className: "absolute end-4 top-4 rounded-sm opacity-muted transition-opacity hover:opacity-visible focus:outline-none focus:ring-2 focus:ring-ring", children: [
+      /* @__PURE__ */ jsx24(X2, { className: "size-4" }),
+      /* @__PURE__ */ jsx24("span", { className: "sr-only", children: "Close" })
     ] })
   ] })
 ] }));
 SheetContent.displayName = SheetPrimitive.Content.displayName;
-var SheetHeader = ({ className, ...props }) => /* @__PURE__ */ jsx23("div", { className: cn("flex flex-col space-y-2 text-center sm:text-left", className), ...props });
+var SheetHeader = ({ className, ...props }) => /* @__PURE__ */ jsx24("div", { className: cn("flex flex-col space-y-2 text-center sm:text-start", className), ...props });
 SheetHeader.displayName = "SheetHeader";
-var SheetFooter = ({ className, ...props }) => /* @__PURE__ */ jsx23("div", { className: cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", className), ...props });
+var SheetFooter = ({ className, ...props }) => /* @__PURE__ */ jsx24("div", { className: cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", className), ...props });
 SheetFooter.displayName = "SheetFooter";
-var SheetTitle = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx23(SheetPrimitive.Title, { ref, className: cn("text-lg font-semibold text-foreground", className), ...props }));
+var SheetTitle = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx24(SheetPrimitive.Title, { ref, className: cn("text-lg font-semibold text-foreground", className), ...props }));
 SheetTitle.displayName = SheetPrimitive.Title.displayName;
-var SheetDescription = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx23(SheetPrimitive.Description, { ref, className: cn("text-sm text-muted-foreground", className), ...props }));
+var SheetDescription = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx24(SheetPrimitive.Description, { ref, className: cn("text-sm text-muted-foreground", className), ...props }));
 SheetDescription.displayName = SheetPrimitive.Description.displayName;
 
 // src/components/modal.tsx
 import * as DialogPrimitive2 from "@radix-ui/react-dialog";
 import { X as X3 } from "lucide-react";
-import { jsx as jsx24, jsxs as jsxs11 } from "react/jsx-runtime";
+import { jsx as jsx25, jsxs as jsxs11 } from "react/jsx-runtime";
 var DEFAULT_ACTION = {
   Info: "Got it",
   Confirmation: "Confirm",
@@ -1016,9 +1027,9 @@ function Modal({
 }) {
   const showCancel = type !== "Info";
   return /* @__PURE__ */ jsxs11(Dialog, { open, defaultOpen, onOpenChange, children: [
-    trigger && /* @__PURE__ */ jsx24(DialogTrigger, { asChild: true, children: trigger }),
+    trigger && /* @__PURE__ */ jsx25(DialogTrigger, { asChild: true, children: trigger }),
     /* @__PURE__ */ jsxs11(DialogPortal, { children: [
-      /* @__PURE__ */ jsx24(DialogOverlay, {}),
+      /* @__PURE__ */ jsx25(DialogOverlay, {}),
       /* @__PURE__ */ jsxs11(
         DialogPrimitive2.Content,
         {
@@ -1030,25 +1041,25 @@ function Modal({
           ),
           children: [
             /* @__PURE__ */ jsxs11("header", { className: "flex items-center justify-between px-6 pb-3 pt-5", children: [
-              /* @__PURE__ */ jsx24(DialogPrimitive2.Title, { className: "min-w-0 flex-1 text-[18px] font-semibold leading-6 text-foreground", children: title }),
-              /* @__PURE__ */ jsx24(
+              /* @__PURE__ */ jsx25(DialogPrimitive2.Title, { className: "min-w-0 flex-1 text-[18px] font-semibold leading-6 text-foreground", children: title }),
+              /* @__PURE__ */ jsx25(
                 DialogPrimitive2.Close,
                 {
                   className: "rounded-sm opacity-muted outline-none transition-opacity hover:opacity-visible focus-visible:ring-2 focus-visible:ring-ring",
                   "aria-label": "Close",
-                  children: /* @__PURE__ */ jsx24(X3, { className: "size-5" })
+                  children: /* @__PURE__ */ jsx25(X3, { className: "size-5" })
                 }
               )
             ] }),
-            /* @__PURE__ */ jsx24("div", { className: "h-px w-full bg-border" }),
+            /* @__PURE__ */ jsx25("div", { className: "h-px w-full bg-border" }),
             /* @__PURE__ */ jsxs11("div", { className: "px-6 py-5", children: [
-              description && /* @__PURE__ */ jsx24(DialogPrimitive2.Description, { className: "text-[14px] leading-5 tracking-[0.25px] text-muted-foreground", children: description }),
+              description && /* @__PURE__ */ jsx25(DialogPrimitive2.Description, { className: "text-[14px] leading-5 tracking-[0.25px] text-muted-foreground", children: description }),
               children
             ] }),
-            /* @__PURE__ */ jsx24("div", { className: "h-px w-full bg-border" }),
+            /* @__PURE__ */ jsx25("div", { className: "h-px w-full bg-border" }),
             /* @__PURE__ */ jsxs11("footer", { className: "flex items-center justify-end gap-3 px-6 py-4", children: [
-              showCancel && /* @__PURE__ */ jsx24(DialogPrimitive2.Close, { asChild: true, children: /* @__PURE__ */ jsx24(Button, { variant: "Outline", size: "lg", onClick: onCancel, children: cancelLabel }) }),
-              /* @__PURE__ */ jsx24(DialogPrimitive2.Close, { asChild: true, children: /* @__PURE__ */ jsx24(
+              showCancel && /* @__PURE__ */ jsx25(DialogPrimitive2.Close, { asChild: true, children: /* @__PURE__ */ jsx25(Button, { variant: "Outline", size: "lg", onClick: onCancel, children: cancelLabel }) }),
+              /* @__PURE__ */ jsx25(DialogPrimitive2.Close, { asChild: true, children: /* @__PURE__ */ jsx25(
                 Button,
                 {
                   variant: type === "Destructive" ? "Destructive" : "Primary",
@@ -1066,15 +1077,15 @@ function Modal({
 }
 
 // src/components/skeleton.tsx
-import { jsx as jsx25 } from "react/jsx-runtime";
+import { jsx as jsx26 } from "react/jsx-runtime";
 function Skeleton({ className, ...props }) {
-  return /* @__PURE__ */ jsx25("div", { className: cn("animate-pulse rounded-md bg-muted", className), ...props });
+  return /* @__PURE__ */ jsx26("div", { className: cn("animate-pulse rounded-md bg-muted", className), ...props });
 }
 
 // src/components/slider.tsx
 import * as React24 from "react";
 import * as SliderPrimitive from "@radix-ui/react-slider";
-import { jsx as jsx26, jsxs as jsxs12 } from "react/jsx-runtime";
+import { jsx as jsx27, jsxs as jsxs12 } from "react/jsx-runtime";
 var Slider = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs12(
   SliderPrimitive.Root,
   {
@@ -1082,8 +1093,8 @@ var Slider = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ *
     className: cn("relative flex w-full touch-none select-none items-center", className),
     ...props,
     children: [
-      /* @__PURE__ */ jsx26(SliderPrimitive.Track, { className: "relative h-1.5 w-full grow overflow-hidden rounded-full bg-muted", children: /* @__PURE__ */ jsx26(SliderPrimitive.Range, { className: "absolute h-full bg-primary" }) }),
-      /* @__PURE__ */ jsx26(SliderPrimitive.Thumb, { className: "block size-4 rounded-full border border-primary/50 bg-background shadow transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-disabled" })
+      /* @__PURE__ */ jsx27(SliderPrimitive.Track, { className: "relative h-1.5 w-full grow overflow-hidden rounded-full bg-muted", children: /* @__PURE__ */ jsx27(SliderPrimitive.Range, { className: "absolute h-full bg-primary" }) }),
+      /* @__PURE__ */ jsx27(SliderPrimitive.Thumb, { className: "block size-4 rounded-full border border-primary/50 bg-background shadow transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-disabled" })
     ]
   }
 ));
@@ -1091,9 +1102,9 @@ Slider.displayName = SliderPrimitive.Root.displayName;
 
 // src/components/sonner.tsx
 import { Toaster as Sonner, toast } from "sonner";
-import { jsx as jsx27 } from "react/jsx-runtime";
+import { jsx as jsx28 } from "react/jsx-runtime";
 function Toaster({ theme = "system", ...props }) {
-  return /* @__PURE__ */ jsx27(
+  return /* @__PURE__ */ jsx28(
     Sonner,
     {
       theme,
@@ -1114,8 +1125,8 @@ function Toaster({ theme = "system", ...props }) {
 // src/components/switch.tsx
 import * as React25 from "react";
 import * as SwitchPrimitive from "@radix-ui/react-switch";
-import { jsx as jsx28 } from "react/jsx-runtime";
-var Switch = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx28(
+import { jsx as jsx29 } from "react/jsx-runtime";
+var Switch = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx29(
   SwitchPrimitive.Root,
   {
     ref,
@@ -1127,7 +1138,7 @@ var Switch = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ *
       className
     ),
     ...props,
-    children: /* @__PURE__ */ jsx28(
+    children: /* @__PURE__ */ jsx29(
       SwitchPrimitive.Thumb,
       {
         className: cn(
@@ -1145,7 +1156,7 @@ import * as React26 from "react";
 import { Slot as Slot4, Slottable } from "@radix-ui/react-slot";
 import { cva as cva8 } from "class-variance-authority";
 import { X as X4 } from "lucide-react";
-import { jsx as jsx29, jsxs as jsxs13 } from "react/jsx-runtime";
+import { jsx as jsx30, jsxs as jsxs13 } from "react/jsx-runtime";
 var tagVariants = cva8(
   "inline-flex items-center gap-1 rounded-sm px-2 py-1 text-xs font-medium font-sans tracking-[0.5px]",
   {
@@ -1164,18 +1175,18 @@ var tagVariants = cva8(
 var Tag = React26.forwardRef(
   ({ className, variant, onRemove, children, asChild = false, ...props }, ref) => {
     const Comp = asChild ? Slot4 : "span";
-    const removeButton = onRemove && /* @__PURE__ */ jsx29(
+    const removeButton = onRemove && /* @__PURE__ */ jsx30(
       "button",
       {
         type: "button",
         onClick: onRemove,
         "aria-label": "Remove",
         className: "-mr-0.5 ml-0.5 rounded-[2px] opacity-muted outline-none transition-opacity hover:opacity-visible focus-visible:ring-1 focus-visible:ring-current",
-        children: /* @__PURE__ */ jsx29(X4, { className: "size-3.5" })
+        children: /* @__PURE__ */ jsx30(X4, { className: "size-3.5" })
       }
     );
     return /* @__PURE__ */ jsxs13(Comp, { ref, className: cn(tagVariants({ variant }), className), ...props, children: [
-      asChild ? /* @__PURE__ */ jsx29(Slottable, { children }) : children,
+      asChild ? /* @__PURE__ */ jsx30(Slottable, { children }) : children,
       removeButton
     ] });
   }
@@ -1184,25 +1195,25 @@ Tag.displayName = "Tag";
 
 // src/components/table.tsx
 import * as React27 from "react";
-import { jsx as jsx30 } from "react/jsx-runtime";
+import { jsx as jsx31 } from "react/jsx-runtime";
 var Table = React27.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx30("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ jsx30("table", { ref, className: cn("w-full caption-bottom text-sm font-sans", className), ...props }) })
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx31("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ jsx31("table", { ref, className: cn("w-full caption-bottom text-sm font-sans", className), ...props }) })
 );
 Table.displayName = "Table";
 var TableHeader = React27.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx30("thead", { ref, className: cn("[&_tr]:border-b", className), ...props })
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx31("thead", { ref, className: cn("[&_tr]:border-b", className), ...props })
 );
 TableHeader.displayName = "TableHeader";
 var TableBody = React27.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx30("tbody", { ref, className: cn("[&_tr:last-child]:border-0", className), ...props })
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx31("tbody", { ref, className: cn("[&_tr:last-child]:border-0", className), ...props })
 );
 TableBody.displayName = "TableBody";
 var TableFooter = React27.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx30("tfoot", { ref, className: cn("border-t bg-muted/50 font-medium [&>tr]:last:border-b-0", className), ...props })
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx31("tfoot", { ref, className: cn("border-t bg-muted/50 font-medium [&>tr]:last:border-b-0", className), ...props })
 );
 TableFooter.displayName = "TableFooter";
 var TableRow = React27.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx30(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx31(
     "tr",
     {
       ref,
@@ -1213,7 +1224,7 @@ var TableRow = React27.forwardRef(
 );
 TableRow.displayName = "TableRow";
 var TableHead = React27.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx30(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx31(
     "th",
     {
       ref,
@@ -1224,20 +1235,20 @@ var TableHead = React27.forwardRef(
 );
 TableHead.displayName = "TableHead";
 var TableCell = React27.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx30("td", { ref, className: cn("p-2 align-middle [&:has([role=checkbox])]:pr-0", className), ...props })
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx31("td", { ref, className: cn("p-2 align-middle [&:has([role=checkbox])]:pr-0", className), ...props })
 );
 TableCell.displayName = "TableCell";
 var TableCaption = React27.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx30("caption", { ref, className: cn("mt-4 text-sm text-muted-foreground", className), ...props })
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx31("caption", { ref, className: cn("mt-4 text-sm text-muted-foreground", className), ...props })
 );
 TableCaption.displayName = "TableCaption";
 
 // src/components/tabs.tsx
 import * as React28 from "react";
 import * as TabsPrimitive from "@radix-ui/react-tabs";
-import { jsx as jsx31 } from "react/jsx-runtime";
+import { jsx as jsx32 } from "react/jsx-runtime";
 var Tabs = TabsPrimitive.Root;
-var TabsList = React28.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx31(
+var TabsList = React28.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx32(
   TabsPrimitive.List,
   {
     ref,
@@ -1249,7 +1260,7 @@ var TabsList = React28.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   }
 ));
 TabsList.displayName = TabsPrimitive.List.displayName;
-var TabsTrigger = React28.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx31(
+var TabsTrigger = React28.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx32(
   TabsPrimitive.Trigger,
   {
     ref,
@@ -1264,7 +1275,7 @@ var TabsTrigger = React28.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 TabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
-var TabsContent = React28.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx31(
+var TabsContent = React28.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx32(
   TabsPrimitive.Content,
   {
     ref,
@@ -1278,7 +1289,7 @@ TabsContent.displayName = TabsPrimitive.Content.displayName;
 import * as React29 from "react";
 import * as TogglePrimitive from "@radix-ui/react-toggle";
 import { cva as cva9 } from "class-variance-authority";
-import { jsx as jsx32 } from "react/jsx-runtime";
+import { jsx as jsx33 } from "react/jsx-runtime";
 var toggleVariants = cva9(
   "inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium font-sans transition-colors hover:bg-muted hover:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-disabled data-[state=on]:bg-accent data-[state=on]:text-accent-foreground data-[state=on]:ring-1 data-[state=on]:ring-inset data-[state=on]:ring-ring [&_svg]:size-4 [&_svg]:shrink-0",
   {
@@ -1296,22 +1307,22 @@ var toggleVariants = cva9(
     defaultVariants: { variant: "default", size: "default" }
   }
 );
-var Toggle = React29.forwardRef(({ className, variant, size, ...props }, ref) => /* @__PURE__ */ jsx32(TogglePrimitive.Root, { ref, className: cn(toggleVariants({ variant, size }), className), ...props }));
+var Toggle = React29.forwardRef(({ className, variant, size, ...props }, ref) => /* @__PURE__ */ jsx33(TogglePrimitive.Root, { ref, className: cn(toggleVariants({ variant, size }), className), ...props }));
 Toggle.displayName = TogglePrimitive.Root.displayName;
 
 // src/components/toggle-group.tsx
 import * as React30 from "react";
 import * as ToggleGroupPrimitive from "@radix-ui/react-toggle-group";
-import { jsx as jsx33 } from "react/jsx-runtime";
+import { jsx as jsx34 } from "react/jsx-runtime";
 var ToggleGroupContext = React30.createContext({
   size: "default",
   variant: "default"
 });
-var ToggleGroup = React30.forwardRef(({ className, variant, size, children, ...props }, ref) => /* @__PURE__ */ jsx33(ToggleGroupPrimitive.Root, { ref, className: cn("flex items-center gap-1", className), ...props, children: /* @__PURE__ */ jsx33(ToggleGroupContext.Provider, { value: { variant, size }, children }) }));
+var ToggleGroup = React30.forwardRef(({ className, variant, size, children, ...props }, ref) => /* @__PURE__ */ jsx34(ToggleGroupPrimitive.Root, { ref, className: cn("flex items-center gap-1", className), ...props, children: /* @__PURE__ */ jsx34(ToggleGroupContext.Provider, { value: { variant, size }, children }) }));
 ToggleGroup.displayName = ToggleGroupPrimitive.Root.displayName;
 var ToggleGroupItem = React30.forwardRef(({ className, children, variant, size, ...props }, ref) => {
   const ctx = React30.useContext(ToggleGroupContext);
-  return /* @__PURE__ */ jsx33(
+  return /* @__PURE__ */ jsx34(
     ToggleGroupPrimitive.Item,
     {
       ref,
@@ -1326,11 +1337,11 @@ ToggleGroupItem.displayName = ToggleGroupPrimitive.Item.displayName;
 // src/components/tooltip.tsx
 import * as React31 from "react";
 import * as TooltipPrimitive from "@radix-ui/react-tooltip";
-import { jsx as jsx34 } from "react/jsx-runtime";
+import { jsx as jsx35 } from "react/jsx-runtime";
 var TooltipProvider = TooltipPrimitive.Provider;
 var Tooltip = TooltipPrimitive.Root;
 var TooltipTrigger = TooltipPrimitive.Trigger;
-var TooltipContent = React31.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx34(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsx34(
+var TooltipContent = React31.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx35(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsx35(
   TooltipPrimitive.Content,
   {
     ref,
@@ -1349,9 +1360,9 @@ TooltipContent.displayName = TooltipPrimitive.Content.displayName;
 // src/components/calendar.tsx
 import { ChevronLeft as ChevronLeft2, ChevronRight as ChevronRight4 } from "lucide-react";
 import { DayPicker } from "react-day-picker";
-import { jsx as jsx35 } from "react/jsx-runtime";
+import { jsx as jsx36 } from "react/jsx-runtime";
 function Calendar({ className, classNames, showOutsideDays = true, ...props }) {
-  return /* @__PURE__ */ jsx35(
+  return /* @__PURE__ */ jsx36(
     DayPicker,
     {
       showOutsideDays,
@@ -1400,7 +1411,7 @@ function Calendar({ className, classNames, showOutsideDays = true, ...props }) {
         ...classNames
       },
       components: {
-        Chevron: ({ orientation, className: chevronClassName }) => orientation === "right" ? /* @__PURE__ */ jsx35(ChevronRight4, { className: cn("size-4", chevronClassName) }) : /* @__PURE__ */ jsx35(ChevronLeft2, { className: cn("size-4", chevronClassName) })
+        Chevron: ({ orientation, className: chevronClassName }) => orientation === "right" ? /* @__PURE__ */ jsx36(ChevronRight4, { className: cn("size-4", chevronClassName) }) : /* @__PURE__ */ jsx36(ChevronLeft2, { className: cn("size-4", chevronClassName) })
       },
       ...props
     }
@@ -1412,7 +1423,7 @@ Calendar.displayName = "Calendar";
 import * as React32 from "react";
 import useEmblaCarousel from "embla-carousel-react";
 import { ArrowLeft, ArrowRight } from "lucide-react";
-import { jsx as jsx36, jsxs as jsxs14 } from "react/jsx-runtime";
+import { jsx as jsx37, jsxs as jsxs14 } from "react/jsx-runtime";
 var CarouselContext = React32.createContext(null);
 function useCarousel() {
   const context = React32.useContext(CarouselContext);
@@ -1445,11 +1456,11 @@ var Carousel = React32.forwardRef(({ orientation = "horizontal", opts, setApi, p
       api?.off("select", onSelect);
     };
   }, [api, onSelect]);
-  return /* @__PURE__ */ jsx36(
+  return /* @__PURE__ */ jsx37(
     CarouselContext.Provider,
     {
       value: { carouselRef, api, opts, orientation, scrollPrev, scrollNext, canScrollPrev, canScrollNext },
-      children: /* @__PURE__ */ jsx36(
+      children: /* @__PURE__ */ jsx37(
         "div",
         {
           ref,
@@ -1476,7 +1487,7 @@ Carousel.displayName = "Carousel";
 var CarouselContent = React32.forwardRef(
   ({ className, ...props }, ref) => {
     const { carouselRef, orientation } = useCarousel();
-    return /* @__PURE__ */ jsx36("div", { ref: carouselRef, className: "overflow-hidden", children: /* @__PURE__ */ jsx36(
+    return /* @__PURE__ */ jsx37("div", { ref: carouselRef, className: "overflow-hidden", children: /* @__PURE__ */ jsx37(
       "div",
       {
         ref,
@@ -1490,7 +1501,7 @@ CarouselContent.displayName = "CarouselContent";
 var CarouselItem = React32.forwardRef(
   ({ className, ...props }, ref) => {
     const { orientation } = useCarousel();
-    return /* @__PURE__ */ jsx36(
+    return /* @__PURE__ */ jsx37(
       "div",
       {
         ref,
@@ -1521,8 +1532,8 @@ var CarouselPrevious = React32.forwardRef(
         onClick: scrollPrev,
         ...props,
         children: [
-          /* @__PURE__ */ jsx36(ArrowLeft, { className: "size-4" }),
-          /* @__PURE__ */ jsx36("span", { className: "sr-only", children: "Previous slide" })
+          /* @__PURE__ */ jsx37(ArrowLeft, { className: "size-4" }),
+          /* @__PURE__ */ jsx37("span", { className: "sr-only", children: "Previous slide" })
         ]
       }
     );
@@ -1547,8 +1558,8 @@ var CarouselNext = React32.forwardRef(
         onClick: scrollNext,
         ...props,
         children: [
-          /* @__PURE__ */ jsx36(ArrowRight, { className: "size-4" }),
-          /* @__PURE__ */ jsx36("span", { className: "sr-only", children: "Next slide" })
+          /* @__PURE__ */ jsx37(ArrowRight, { className: "size-4" }),
+          /* @__PURE__ */ jsx37("span", { className: "sr-only", children: "Next slide" })
         ]
       }
     );
@@ -1559,7 +1570,7 @@ CarouselNext.displayName = "CarouselNext";
 // src/components/chart.tsx
 import * as React33 from "react";
 import * as RechartsPrimitive from "recharts";
-import { jsx as jsx37, jsxs as jsxs15 } from "react/jsx-runtime";
+import { jsx as jsx38, jsxs as jsxs15 } from "react/jsx-runtime";
 var THEMES = { light: "", dark: ".dark" };
 var ChartContext = React33.createContext(null);
 function useChart() {
@@ -1604,7 +1615,7 @@ var ChartContainer = React33.forwardRef(({
     mo.observe(el, { childList: true, subtree: true });
     return () => mo.disconnect();
   }, [name]);
-  return /* @__PURE__ */ jsx37(ChartContext.Provider, { value: { config }, children: /* @__PURE__ */ jsxs15(
+  return /* @__PURE__ */ jsx38(ChartContext.Provider, { value: { config }, children: /* @__PURE__ */ jsxs15(
     "div",
     {
       "data-chart": chartId,
@@ -1617,9 +1628,9 @@ var ChartContainer = React33.forwardRef(({
       ),
       ...props,
       children: [
-        /* @__PURE__ */ jsx37(ChartStyle, { id: chartId, config }),
-        state ? /* @__PURE__ */ jsx37(ChartState, { state, message: stateMessage }) : /* @__PURE__ */ jsx37(RechartsPrimitive.ResponsiveContainer, { children }),
-        srTable && !state ? /* @__PURE__ */ jsx37(ChartSrTable, { ...srTable }) : null
+        /* @__PURE__ */ jsx38(ChartStyle, { id: chartId, config }),
+        state ? /* @__PURE__ */ jsx38(ChartState, { state, message: stateMessage }) : /* @__PURE__ */ jsx38(RechartsPrimitive.ResponsiveContainer, { children }),
+        srTable && !state ? /* @__PURE__ */ jsx38(ChartSrTable, { ...srTable }) : null
       ]
     }
   ) });
@@ -1643,15 +1654,15 @@ function ChartState({
         state === "error" ? "border-destructive/40 text-destructive" : "border-border text-muted-foreground"
       ),
       children: [
-        state === "loading" ? /* @__PURE__ */ jsx37("div", { "aria-hidden": true, className: "flex w-full max-w-[220px] items-end justify-between gap-1.5", children: [40, 72, 56, 88, 48, 64, 80].map((h, i) => /* @__PURE__ */ jsx37(
+        state === "loading" ? /* @__PURE__ */ jsx38("div", { "aria-hidden": true, className: "flex w-full max-w-[220px] items-end justify-between gap-1.5", children: [40, 72, 56, 88, 48, 64, 80].map((h, i) => /* @__PURE__ */ jsx38(
           "span",
           {
             className: "w-full animate-pulse rounded-sm bg-muted",
             style: { height: `${h}px`, animationDelay: `${i * 90}ms` }
           },
           i
-        )) }) : /* @__PURE__ */ jsx37("svg", { "aria-hidden": true, viewBox: "0 0 24 24", className: "size-5", fill: "none", stroke: "currentColor", strokeWidth: 1.5, children: state === "empty" ? /* @__PURE__ */ jsx37("path", { d: "M3 3v18h18M7 15l4-4 3 3 5-6", strokeLinecap: "round", strokeLinejoin: "round" }) : /* @__PURE__ */ jsx37("path", { d: "M12 9v4m0 4h.01M10.3 3.86 1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.7 3.86a2 2 0 0 0-3.42 0Z", strokeLinecap: "round", strokeLinejoin: "round" }) }),
-        /* @__PURE__ */ jsx37("span", { children: message ?? STATE_COPY[state] })
+        )) }) : /* @__PURE__ */ jsx38("svg", { "aria-hidden": true, viewBox: "0 0 24 24", className: "size-5", fill: "none", stroke: "currentColor", strokeWidth: 1.5, children: state === "empty" ? /* @__PURE__ */ jsx38("path", { d: "M3 3v18h18M7 15l4-4 3 3 5-6", strokeLinecap: "round", strokeLinejoin: "round" }) : /* @__PURE__ */ jsx38("path", { d: "M12 9v4m0 4h.01M10.3 3.86 1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.7 3.86a2 2 0 0 0-3.42 0Z", strokeLinecap: "round", strokeLinejoin: "round" }) }),
+        /* @__PURE__ */ jsx38("span", { children: message ?? STATE_COPY[state] })
       ]
     }
   );
@@ -1661,8 +1672,8 @@ function ChartSrTable({
   rows
 }) {
   return /* @__PURE__ */ jsxs15("table", { className: "sr-only", children: [
-    /* @__PURE__ */ jsx37("thead", { children: /* @__PURE__ */ jsx37("tr", { children: columns.map((c, i) => /* @__PURE__ */ jsx37("th", { scope: "col", children: c }, i)) }) }),
-    /* @__PURE__ */ jsx37("tbody", { children: rows.map((r, i) => /* @__PURE__ */ jsx37("tr", { children: r.map((cell, j) => /* @__PURE__ */ jsx37("td", { children: cell }, j)) }, i)) })
+    /* @__PURE__ */ jsx38("thead", { children: /* @__PURE__ */ jsx38("tr", { children: columns.map((c, i) => /* @__PURE__ */ jsx38("th", { scope: "col", children: c }, i)) }) }),
+    /* @__PURE__ */ jsx38("tbody", { children: rows.map((r, i) => /* @__PURE__ */ jsx38("tr", { children: r.map((cell, j) => /* @__PURE__ */ jsx38("td", { children: cell }, j)) }, i)) })
   ] });
 }
 var cssIdent = (s) => String(s).replace(/[^\w-]/g, "");
@@ -1671,7 +1682,7 @@ var ChartStyle = ({ id, config }) => {
   const colorConfig = Object.entries(config).filter(([, c]) => c.theme || c.color);
   if (!colorConfig.length) return null;
   const chartSelector = cssIdent(id);
-  return /* @__PURE__ */ jsx37(
+  return /* @__PURE__ */ jsx38(
     "style",
     {
       dangerouslySetInnerHTML: {
@@ -1704,13 +1715,13 @@ var ChartTooltipContent = React33.forwardRef(
           className
         ),
         children: [
-          !hideLabel && /* @__PURE__ */ jsx37("div", { className: "font-medium", children: labelFormatter ? labelFormatter(label, payload) : label }),
-          /* @__PURE__ */ jsx37("div", { className: "grid gap-1.5", children: payload.map((item, i) => {
+          !hideLabel && /* @__PURE__ */ jsx38("div", { className: "font-medium", children: labelFormatter ? labelFormatter(label, payload) : label }),
+          /* @__PURE__ */ jsx38("div", { className: "grid gap-1.5", children: payload.map((item, i) => {
             const key = `${item.name || item.dataKey || "value"}`;
             const itemConfig = config[key];
             const indicatorColor = item.payload?.fill || item.color;
             return /* @__PURE__ */ jsxs15("div", { className: "flex w-full items-center gap-2", children: [
-              !hideIndicator && /* @__PURE__ */ jsx37(
+              !hideIndicator && /* @__PURE__ */ jsx38(
                 "div",
                 {
                   className: cn("shrink-0 rounded-[2px]", {
@@ -1722,8 +1733,8 @@ var ChartTooltipContent = React33.forwardRef(
                 }
               ),
               /* @__PURE__ */ jsxs15("div", { className: "flex flex-1 justify-between leading-none", children: [
-                /* @__PURE__ */ jsx37("span", { className: "text-muted-foreground", children: itemConfig?.label || item.name }),
-                item.value != null && /* @__PURE__ */ jsx37("span", { className: "font-mono font-medium tabular-nums text-foreground", children: formatter ? formatter(item.value, item.name, item, i, payload) : item.value.toLocaleString() })
+                /* @__PURE__ */ jsx38("span", { className: "text-muted-foreground", children: itemConfig?.label || item.name }),
+                item.value != null && /* @__PURE__ */ jsx38("span", { className: "font-mono font-medium tabular-nums text-foreground", children: formatter ? formatter(item.value, item.name, item, i, payload) : item.value.toLocaleString() })
               ] })
             ] }, key + i);
           }) })
@@ -1737,7 +1748,7 @@ var ChartLegend = RechartsPrimitive.Legend;
 var ChartLegendContent = React33.forwardRef(({ className, payload, verticalAlign = "bottom" }, ref) => {
   const { config } = useChart();
   if (!payload?.length) return null;
-  return /* @__PURE__ */ jsx37(
+  return /* @__PURE__ */ jsx38(
     "div",
     {
       ref,
@@ -1746,7 +1757,7 @@ var ChartLegendContent = React33.forwardRef(({ className, payload, verticalAlign
         const key = `${item.dataKey || "value"}`;
         const itemConfig = config[key];
         return /* @__PURE__ */ jsxs15("div", { className: "flex items-center gap-1.5", children: [
-          /* @__PURE__ */ jsx37("div", { className: "size-2 shrink-0 rounded-[2px]", style: { backgroundColor: item.color } }),
+          /* @__PURE__ */ jsx38("div", { className: "size-2 shrink-0 rounded-[2px]", style: { backgroundColor: item.color } }),
           itemConfig?.label || item.value
         ] }, item.value);
       })
@@ -1759,8 +1770,8 @@ ChartLegendContent.displayName = "ChartLegendContent";
 import * as React34 from "react";
 import { Command as CommandPrimitive } from "cmdk";
 import { Search } from "lucide-react";
-import { jsx as jsx38, jsxs as jsxs16 } from "react/jsx-runtime";
-var Command = React34.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx38(
+import { jsx as jsx39, jsxs as jsxs16 } from "react/jsx-runtime";
+var Command = React34.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx39(
   CommandPrimitive,
   {
     ref,
@@ -1772,10 +1783,10 @@ var Command = React34.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   }
 ));
 Command.displayName = CommandPrimitive.displayName;
-var CommandDialog = ({ children, ...props }) => /* @__PURE__ */ jsx38(Dialog, { ...props, children: /* @__PURE__ */ jsx38(DialogContent, { className: "overflow-hidden p-0", children: /* @__PURE__ */ jsx38(Command, { className: "[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-input-wrapper]_svg]:size-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:size-5", children }) }) });
+var CommandDialog = ({ children, ...props }) => /* @__PURE__ */ jsx39(Dialog, { ...props, children: /* @__PURE__ */ jsx39(DialogContent, { className: "overflow-hidden p-0", children: /* @__PURE__ */ jsx39(Command, { className: "[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-input-wrapper]_svg]:size-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:size-5", children }) }) });
 var CommandInput = React34.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs16("div", { className: "flex items-center border-b px-3", "cmdk-input-wrapper": "", children: [
-  /* @__PURE__ */ jsx38(Search, { className: "mr-2 size-4 shrink-0 opacity-50" }),
-  /* @__PURE__ */ jsx38(
+  /* @__PURE__ */ jsx39(Search, { className: "mr-2 size-4 shrink-0 opacity-50" }),
+  /* @__PURE__ */ jsx39(
     CommandPrimitive.Input,
     {
       ref,
@@ -1788,7 +1799,7 @@ var CommandInput = React34.forwardRef(({ className, ...props }, ref) => /* @__PU
   )
 ] }));
 CommandInput.displayName = CommandPrimitive.Input.displayName;
-var CommandList = React34.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx38(
+var CommandList = React34.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx39(
   CommandPrimitive.List,
   {
     ref,
@@ -1797,9 +1808,9 @@ var CommandList = React34.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 CommandList.displayName = CommandPrimitive.List.displayName;
-var CommandEmpty = React34.forwardRef((props, ref) => /* @__PURE__ */ jsx38(CommandPrimitive.Empty, { ref, className: "py-6 text-center text-sm", ...props }));
+var CommandEmpty = React34.forwardRef((props, ref) => /* @__PURE__ */ jsx39(CommandPrimitive.Empty, { ref, className: "py-6 text-center text-sm", ...props }));
 CommandEmpty.displayName = CommandPrimitive.Empty.displayName;
-var CommandGroup = React34.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx38(
+var CommandGroup = React34.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx39(
   CommandPrimitive.Group,
   {
     ref,
@@ -1811,9 +1822,9 @@ var CommandGroup = React34.forwardRef(({ className, ...props }, ref) => /* @__PU
   }
 ));
 CommandGroup.displayName = CommandPrimitive.Group.displayName;
-var CommandSeparator = React34.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx38(CommandPrimitive.Separator, { ref, className: cn("-mx-1 h-px bg-border", className), ...props }));
+var CommandSeparator = React34.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx39(CommandPrimitive.Separator, { ref, className: cn("-mx-1 h-px bg-border", className), ...props }));
 CommandSeparator.displayName = CommandPrimitive.Separator.displayName;
-var CommandItem = React34.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx38(
+var CommandItem = React34.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx39(
   CommandPrimitive.Item,
   {
     ref,
@@ -1825,14 +1836,14 @@ var CommandItem = React34.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 CommandItem.displayName = CommandPrimitive.Item.displayName;
-var CommandShortcut = ({ className, ...props }) => /* @__PURE__ */ jsx38("span", { className: cn("ml-auto text-xs tracking-widest text-muted-foreground", className), ...props });
+var CommandShortcut = ({ className, ...props }) => /* @__PURE__ */ jsx39("span", { className: cn("ml-auto text-xs tracking-widest text-muted-foreground", className), ...props });
 CommandShortcut.displayName = "CommandShortcut";
 
 // src/components/context-menu.tsx
 import * as React35 from "react";
 import * as ContextMenuPrimitive from "@radix-ui/react-context-menu";
 import { Check as Check4, ChevronRight as ChevronRight5, Circle as Circle3 } from "lucide-react";
-import { jsx as jsx39, jsxs as jsxs17 } from "react/jsx-runtime";
+import { jsx as jsx40, jsxs as jsxs17 } from "react/jsx-runtime";
 var ContextMenu = ContextMenuPrimitive.Root;
 var ContextMenuTrigger = ContextMenuPrimitive.Trigger;
 var ContextMenuGroup = ContextMenuPrimitive.Group;
@@ -1849,28 +1860,28 @@ var ContextMenuSubTrigger = React35.forwardRef(({ className, inset, children, ..
     ...props,
     children: [
       children,
-      /* @__PURE__ */ jsx39(ChevronRight5, { className: "ml-auto size-4" })
+      /* @__PURE__ */ jsx40(ChevronRight5, { className: "ml-auto size-4" })
     ]
   }
 ));
 ContextMenuSubTrigger.displayName = ContextMenuPrimitive.SubTrigger.displayName;
-var ContextMenuSubContent = React35.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx39(ContextMenuPrimitive.SubContent, { ref, className: cn(contentCls2, className), ...props }));
+var ContextMenuSubContent = React35.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx40(ContextMenuPrimitive.SubContent, { ref, className: cn(contentCls2, className), ...props }));
 ContextMenuSubContent.displayName = ContextMenuPrimitive.SubContent.displayName;
-var ContextMenuContent = React35.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx39(ContextMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx39(ContextMenuPrimitive.Content, { ref, className: cn(contentCls2, className), ...props }) }));
+var ContextMenuContent = React35.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx40(ContextMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx40(ContextMenuPrimitive.Content, { ref, className: cn(contentCls2, className), ...props }) }));
 ContextMenuContent.displayName = ContextMenuPrimitive.Content.displayName;
-var ContextMenuItem = React35.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx39(ContextMenuPrimitive.Item, { ref, className: cn(itemCls2, inset && "pl-8", className), ...props }));
+var ContextMenuItem = React35.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx40(ContextMenuPrimitive.Item, { ref, className: cn(itemCls2, inset && "pl-8", className), ...props }));
 ContextMenuItem.displayName = ContextMenuPrimitive.Item.displayName;
 var ContextMenuCheckboxItem = React35.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs17(ContextMenuPrimitive.CheckboxItem, { ref, className: cn(itemCls2, "pl-8", className), checked, ...props, children: [
-  /* @__PURE__ */ jsx39("span", { className: "absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx39(ContextMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx39(Check4, { className: "size-4" }) }) }),
+  /* @__PURE__ */ jsx40("span", { className: "absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx40(ContextMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx40(Check4, { className: "size-4" }) }) }),
   children
 ] }));
 ContextMenuCheckboxItem.displayName = ContextMenuPrimitive.CheckboxItem.displayName;
 var ContextMenuRadioItem = React35.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs17(ContextMenuPrimitive.RadioItem, { ref, className: cn(itemCls2, "pl-8", className), ...props, children: [
-  /* @__PURE__ */ jsx39("span", { className: "absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx39(ContextMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx39(Circle3, { className: "size-2 fill-current" }) }) }),
+  /* @__PURE__ */ jsx40("span", { className: "absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx40(ContextMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx40(Circle3, { className: "size-2 fill-current" }) }) }),
   children
 ] }));
 ContextMenuRadioItem.displayName = ContextMenuPrimitive.RadioItem.displayName;
-var ContextMenuLabel = React35.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx39(
+var ContextMenuLabel = React35.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx40(
   ContextMenuPrimitive.Label,
   {
     ref,
@@ -1879,9 +1890,9 @@ var ContextMenuLabel = React35.forwardRef(({ className, inset, ...props }, ref)
   }
 ));
 ContextMenuLabel.displayName = ContextMenuPrimitive.Label.displayName;
-var ContextMenuSeparator = React35.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx39(ContextMenuPrimitive.Separator, { ref, className: cn("-mx-1 my-1 h-px bg-border", className), ...props }));
+var ContextMenuSeparator = React35.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx40(ContextMenuPrimitive.Separator, { ref, className: cn("-mx-1 my-1 h-px bg-border", className), ...props }));
 ContextMenuSeparator.displayName = ContextMenuPrimitive.Separator.displayName;
-var ContextMenuShortcut = ({ className, ...props }) => /* @__PURE__ */ jsx39("span", { className: cn("ml-auto text-xs tracking-widest text-muted-foreground", className), ...props });
+var ContextMenuShortcut = ({ className, ...props }) => /* @__PURE__ */ jsx40("span", { className: cn("ml-auto text-xs tracking-widest text-muted-foreground", className), ...props });
 ContextMenuShortcut.displayName = "ContextMenuShortcut";
 
 // src/components/data-table.tsx
@@ -1896,7 +1907,7 @@ import {
   tableFeatures,
   useTable
 } from "@tanstack/react-table";
-import { jsx as jsx40, jsxs as jsxs18 } from "react/jsx-runtime";
+import { jsx as jsx41, jsxs as jsxs18 } from "react/jsx-runtime";
 var features = tableFeatures({
   rowSortingFeature,
   rowPaginationFeature,
@@ -1920,13 +1931,13 @@ function DataTable({
     initialState: { pagination: { pageIndex: 0, pageSize } }
   });
   return /* @__PURE__ */ jsxs18("div", { className: cn("space-y-3", className), children: [
-    /* @__PURE__ */ jsx40("div", { className: "rounded-md border", children: /* @__PURE__ */ jsxs18(Table, { children: [
-      /* @__PURE__ */ jsx40(TableHeader, { children: table.getHeaderGroups().map((hg) => /* @__PURE__ */ jsx40(TableRow, { children: hg.headers.map((header) => /* @__PURE__ */ jsx40(TableHead, { children: header.isPlaceholder ? null : flexRender(header.column.columnDef.header, header.getContext()) }, header.id)) }, hg.id)) }),
-      /* @__PURE__ */ jsx40(TableBody, { children: table.getRowModel().rows.length ? table.getRowModel().rows.map((row) => /* @__PURE__ */ jsx40(TableRow, { children: row.getAllCells().map((cell) => /* @__PURE__ */ jsx40(TableCell, { children: flexRender(cell.column.columnDef.cell, cell.getContext()) }, cell.id)) }, row.id)) : /* @__PURE__ */ jsx40(TableRow, { children: /* @__PURE__ */ jsx40(TableCell, { colSpan: columns.length, className: "h-24 text-center", children: "No results." }) }) })
+    /* @__PURE__ */ jsx41("div", { className: "rounded-md border", children: /* @__PURE__ */ jsxs18(Table, { children: [
+      /* @__PURE__ */ jsx41(TableHeader, { children: table.getHeaderGroups().map((hg) => /* @__PURE__ */ jsx41(TableRow, { children: hg.headers.map((header) => /* @__PURE__ */ jsx41(TableHead, { children: header.isPlaceholder ? null : flexRender(header.column.columnDef.header, header.getContext()) }, header.id)) }, hg.id)) }),
+      /* @__PURE__ */ jsx41(TableBody, { children: table.getRowModel().rows.length ? table.getRowModel().rows.map((row) => /* @__PURE__ */ jsx41(TableRow, { children: row.getAllCells().map((cell) => /* @__PURE__ */ jsx41(TableCell, { children: flexRender(cell.column.columnDef.cell, cell.getContext()) }, cell.id)) }, row.id)) : /* @__PURE__ */ jsx41(TableRow, { children: /* @__PURE__ */ jsx41(TableCell, { colSpan: columns.length, className: "h-24 text-center", children: "No results." }) }) })
     ] }) }),
     /* @__PURE__ */ jsxs18("div", { className: "flex items-center justify-end gap-2", children: [
-      /* @__PURE__ */ jsx40(Button, { variant: "Outline", size: "sm", onClick: () => table.previousPage(), disabled: !table.getCanPreviousPage(), children: "Previous" }),
-      /* @__PURE__ */ jsx40(Button, { variant: "Outline", size: "sm", onClick: () => table.nextPage(), disabled: !table.getCanNextPage(), children: "Next" })
+      /* @__PURE__ */ jsx41(Button, { variant: "Outline", size: "sm", onClick: () => table.previousPage(), disabled: !table.getCanPreviousPage(), children: "Previous" }),
+      /* @__PURE__ */ jsx41(Button, { variant: "Outline", size: "sm", onClick: () => table.nextPage(), disabled: !table.getCanNextPage(), children: "Next" })
     ] })
   ] });
 }
@@ -1934,16 +1945,16 @@ function DataTable({
 // src/components/drawer.tsx
 import * as React37 from "react";
 import { Drawer as DrawerPrimitive } from "vaul";
-import { jsx as jsx41, jsxs as jsxs19 } from "react/jsx-runtime";
-var Drawer = ({ shouldScaleBackground = true, ...props }) => /* @__PURE__ */ jsx41(DrawerPrimitive.Root, { shouldScaleBackground, ...props });
+import { jsx as jsx42, jsxs as jsxs19 } from "react/jsx-runtime";
+var Drawer = ({ shouldScaleBackground = true, ...props }) => /* @__PURE__ */ jsx42(DrawerPrimitive.Root, { shouldScaleBackground, ...props });
 Drawer.displayName = "Drawer";
 var DrawerTrigger = DrawerPrimitive.Trigger;
 var DrawerPortal = DrawerPrimitive.Portal;
 var DrawerClose = DrawerPrimitive.Close;
-var DrawerOverlay = React37.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx41(DrawerPrimitive.Overlay, { ref, className: cn("fixed inset-0 z-overlay bg-foreground/40", className), ...props }));
+var DrawerOverlay = React37.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx42(DrawerPrimitive.Overlay, { ref, className: cn("fixed inset-0 z-overlay bg-foreground/40", className), ...props }));
 DrawerOverlay.displayName = DrawerPrimitive.Overlay.displayName;
 var DrawerContent = React37.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs19(DrawerPortal, { children: [
-  /* @__PURE__ */ jsx41(DrawerOverlay, {}),
+  /* @__PURE__ */ jsx42(DrawerOverlay, {}),
   /* @__PURE__ */ jsxs19(
     DrawerPrimitive.Content,
     {
@@ -1954,20 +1965,20 @@ var DrawerContent = React37.forwardRef(({ className, children, ...props }, ref)
       ),
       ...props,
       children: [
-        /* @__PURE__ */ jsx41("div", { className: "mx-auto mt-4 h-2 w-[100px] rounded-full bg-muted" }),
+        /* @__PURE__ */ jsx42("div", { className: "mx-auto mt-4 h-2 w-[100px] rounded-full bg-muted" }),
         children
       ]
     }
   )
 ] }));
 DrawerContent.displayName = "DrawerContent";
-var DrawerHeader = ({ className, ...props }) => /* @__PURE__ */ jsx41("div", { className: cn("grid gap-1.5 p-4 text-center sm:text-left", className), ...props });
+var DrawerHeader = ({ className, ...props }) => /* @__PURE__ */ jsx42("div", { className: cn("grid gap-1.5 p-4 text-center sm:text-start", className), ...props });
 DrawerHeader.displayName = "DrawerHeader";
-var DrawerFooter = ({ className, ...props }) => /* @__PURE__ */ jsx41("div", { className: cn("mt-auto flex flex-col gap-2 p-4", className), ...props });
+var DrawerFooter = ({ className, ...props }) => /* @__PURE__ */ jsx42("div", { className: cn("mt-auto flex flex-col gap-2 p-4", className), ...props });
 DrawerFooter.displayName = "DrawerFooter";
-var DrawerTitle = React37.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx41(DrawerPrimitive.Title, { ref, className: cn("text-lg font-semibold leading-none tracking-tight", className), ...props }));
+var DrawerTitle = React37.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx42(DrawerPrimitive.Title, { ref, className: cn("text-lg font-semibold leading-none tracking-tight", className), ...props }));
 DrawerTitle.displayName = DrawerPrimitive.Title.displayName;
-var DrawerDescription = React37.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx41(DrawerPrimitive.Description, { ref, className: cn("text-sm text-muted-foreground", className), ...props }));
+var DrawerDescription = React37.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx42(DrawerPrimitive.Description, { ref, className: cn("text-sm text-muted-foreground", className), ...props }));
 DrawerDescription.displayName = DrawerPrimitive.Description.displayName;
 
 // src/components/field.tsx
@@ -1975,7 +1986,7 @@ import * as React38 from "react";
 import { Slot as Slot5 } from "@radix-ui/react-slot";
 import { CircleAlert, CircleCheck, Info, TriangleAlert } from "lucide-react";
 import { cva as cva10 } from "class-variance-authority";
-import { jsx as jsx42, jsxs as jsxs20 } from "react/jsx-runtime";
+import { jsx as jsx43, jsxs as jsxs20 } from "react/jsx-runtime";
 var FieldContext = React38.createContext(null);
 function useField() {
   const ctx = React38.useContext(FieldContext);
@@ -1989,19 +2000,19 @@ var Field = React38.forwardRef(
       () => ({ id: `${id}-control`, descriptionId: `${id}-description`, messageId: `${id}-message`, invalid }),
       [id, invalid]
     );
-    return /* @__PURE__ */ jsx42(FieldContext.Provider, { value, children: /* @__PURE__ */ jsx42("div", { ref, "data-invalid": invalid || void 0, className: cn("grid gap-1.5", className), ...props }) });
+    return /* @__PURE__ */ jsx43(FieldContext.Provider, { value, children: /* @__PURE__ */ jsx43("div", { ref, "data-invalid": invalid || void 0, className: cn("grid gap-1.5", className), ...props }) });
   }
 );
 Field.displayName = "Field";
 var FieldLabel = React38.forwardRef(({ className, ...props }, ref) => {
   const { id, invalid } = useField();
-  return /* @__PURE__ */ jsx42(Label2, { ref, htmlFor: id, className: cn(invalid && "text-destructive", className), ...props });
+  return /* @__PURE__ */ jsx43(Label2, { ref, htmlFor: id, className: cn(invalid && "text-destructive", className), ...props });
 });
 FieldLabel.displayName = "FieldLabel";
 var FieldControl = React38.forwardRef(
   ({ ...props }, ref) => {
     const { id, descriptionId, messageId, invalid } = useField();
-    return /* @__PURE__ */ jsx42(
+    return /* @__PURE__ */ jsx43(
       Slot5,
       {
         ref,
@@ -2017,7 +2028,7 @@ FieldControl.displayName = "FieldControl";
 var FieldDescription = React38.forwardRef(
   ({ className, ...props }, ref) => {
     const { descriptionId } = useField();
-    return /* @__PURE__ */ jsx42("p", { ref, id: descriptionId, className: cn("text-body-sm text-muted-foreground", className), ...props });
+    return /* @__PURE__ */ jsx43("p", { ref, id: descriptionId, className: cn("text-body-sm text-muted-foreground", className), ...props });
   }
 );
 FieldDescription.displayName = "FieldDescription";
@@ -2044,8 +2055,8 @@ var FieldMessage = React38.forwardRef(
     const Icon2 = INTENT_ICON[intent ?? "error"];
     if (!children) return null;
     return /* @__PURE__ */ jsxs20("p", { ref, id: messageId, className: cn(messageVariants({ intent }), className), ...props, children: [
-      !hideIcon && /* @__PURE__ */ jsx42(Icon2, {}),
-      /* @__PURE__ */ jsx42("span", { children })
+      !hideIcon && /* @__PURE__ */ jsx43(Icon2, {}),
+      /* @__PURE__ */ jsx43("span", { children })
     ] });
   }
 );
@@ -2060,12 +2071,12 @@ import {
   useFormContext,
   useFormState
 } from "react-hook-form";
-import { jsx as jsx43 } from "react/jsx-runtime";
+import { jsx as jsx44 } from "react/jsx-runtime";
 var Form = FormProvider;
 var FormFieldContext = React39.createContext({});
 var FormField = ({
   ...props
-}) => /* @__PURE__ */ jsx43(FormFieldContext.Provider, { value: { name: props.name }, children: /* @__PURE__ */ jsx43(Controller, { ...props }) });
+}) => /* @__PURE__ */ jsx44(FormFieldContext.Provider, { value: { name: props.name }, children: /* @__PURE__ */ jsx44(Controller, { ...props }) });
 var useFormField = () => {
   const fieldContext = React39.useContext(FormFieldContext);
   const itemContext = React39.useContext(FormItemContext);
@@ -2087,18 +2098,18 @@ var FormItemContext = React39.createContext({});
 var FormItem = React39.forwardRef(
   ({ className, ...props }, ref) => {
     const id = React39.useId();
-    return /* @__PURE__ */ jsx43(FormItemContext.Provider, { value: { id }, children: /* @__PURE__ */ jsx43("div", { ref, className: cn("grid gap-2", className), ...props }) });
+    return /* @__PURE__ */ jsx44(FormItemContext.Provider, { value: { id }, children: /* @__PURE__ */ jsx44("div", { ref, className: cn("grid gap-2", className), ...props }) });
   }
 );
 FormItem.displayName = "FormItem";
 var FormLabel = React39.forwardRef(({ className, ...props }, ref) => {
   const { error, formItemId } = useFormField();
-  return /* @__PURE__ */ jsx43(Label2, { ref, className: cn(error && "text-destructive", className), htmlFor: formItemId, ...props });
+  return /* @__PURE__ */ jsx44(Label2, { ref, className: cn(error && "text-destructive", className), htmlFor: formItemId, ...props });
 });
 FormLabel.displayName = "FormLabel";
 var FormControl = React39.forwardRef(({ ...props }, ref) => {
   const { error, formItemId, formDescriptionId, formMessageId } = useFormField();
-  return /* @__PURE__ */ jsx43(
+  return /* @__PURE__ */ jsx44(
     Slot6,
     {
       ref,
@@ -2113,7 +2124,7 @@ FormControl.displayName = "FormControl";
 var FormDescription = React39.forwardRef(
   ({ className, ...props }, ref) => {
     const { formDescriptionId } = useFormField();
-    return /* @__PURE__ */ jsx43("p", { ref, id: formDescriptionId, className: cn("text-sm text-muted-foreground", className), ...props });
+    return /* @__PURE__ */ jsx44("p", { ref, id: formDescriptionId, className: cn("text-sm text-muted-foreground", className), ...props });
   }
 );
 FormDescription.displayName = "FormDescription";
@@ -2122,7 +2133,7 @@ var FormMessage = React39.forwardRef(
     const { error, formMessageId } = useFormField();
     const body = error ? String(error?.message ?? "") : children;
     if (!body) return null;
-    return /* @__PURE__ */ jsx43("p", { ref, id: formMessageId, className: cn("text-sm font-medium text-destructive", className), ...props, children: body });
+    return /* @__PURE__ */ jsx44("p", { ref, id: formMessageId, className: cn("text-sm font-medium text-destructive", className), ...props, children: body });
   }
 );
 FormMessage.displayName = "FormMessage";
@@ -2130,9 +2141,9 @@ FormMessage.displayName = "FormMessage";
 // src/components/input-group.tsx
 import * as React40 from "react";
 import { cva as cva11 } from "class-variance-authority";
-import { jsx as jsx44 } from "react/jsx-runtime";
+import { jsx as jsx45 } from "react/jsx-runtime";
 var InputGroup = React40.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx44(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx45(
     "div",
     {
       ref,
@@ -2149,7 +2160,7 @@ var InputGroup = React40.forwardRef(
   )
 );
 InputGroup.displayName = "InputGroup";
-var InputGroupInput = React40.forwardRef(({ className, type = "text", ...props }, ref) => /* @__PURE__ */ jsx44(
+var InputGroupInput = React40.forwardRef(({ className, type = "text", ...props }, ref) => /* @__PURE__ */ jsx45(
   "input",
   {
     ref,
@@ -2165,13 +2176,13 @@ var InputGroupInput = React40.forwardRef(({ className, type = "text", ...props }
 ));
 InputGroupInput.displayName = "InputGroupInput";
 var addonVariants = cva11("flex shrink-0 items-center gap-2 text-muted-foreground [&_svg]:size-4 [&_svg]:shrink-0", {
-  variants: { align: { start: "pl-3", end: "pr-3" } },
+  variants: { align: { start: "ps-3", end: "pe-3" } },
   defaultVariants: { align: "start" }
 });
-var InputGroupAddon = React40.forwardRef(({ className, align, ...props }, ref) => /* @__PURE__ */ jsx44("div", { ref, "data-slot": "input-group-addon", className: cn(addonVariants({ align }), className), ...props }));
+var InputGroupAddon = React40.forwardRef(({ className, align, ...props }, ref) => /* @__PURE__ */ jsx45("div", { ref, "data-slot": "input-group-addon", className: cn(addonVariants({ align }), className), ...props }));
 InputGroupAddon.displayName = "InputGroupAddon";
 var InputGroupText = React40.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx44(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx45(
     "span",
     {
       ref,
@@ -2181,13 +2192,13 @@ var InputGroupText = React40.forwardRef(
   )
 );
 InputGroupText.displayName = "InputGroupText";
-var InputGroupButton = React40.forwardRef(({ className, type = "button", ...props }, ref) => /* @__PURE__ */ jsx44(
+var InputGroupButton = React40.forwardRef(({ className, type = "button", ...props }, ref) => /* @__PURE__ */ jsx45(
   "button",
   {
     ref,
     type,
     className: cn(
-      "flex h-full shrink-0 items-center gap-1.5 self-stretch border-l border-input bg-muted px-3 text-label-md text-foreground",
+      "flex h-full shrink-0 items-center gap-1.5 self-stretch border-s border-input bg-muted px-3 text-label-md text-foreground",
       // base is bg-muted and muted==accent on dark, so the fill is a no-op there — the ring carries it
       "outline-none transition-colors hover:bg-accent hover:ring-1 hover:ring-inset hover:ring-ring focus-visible:bg-accent focus-visible:ring-1 focus-visible:ring-inset focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-disabled",
       "[&_svg]:size-4 [&_svg]:shrink-0",
@@ -2202,8 +2213,8 @@ InputGroupButton.displayName = "InputGroupButton";
 import * as React41 from "react";
 import { OTPInput, OTPInputContext } from "input-otp";
 import { Minus as Minus2 } from "lucide-react";
-import { jsx as jsx45, jsxs as jsxs21 } from "react/jsx-runtime";
-var InputOTP = React41.forwardRef(({ className, containerClassName, ...props }, ref) => /* @__PURE__ */ jsx45(
+import { jsx as jsx46, jsxs as jsxs21 } from "react/jsx-runtime";
+var InputOTP = React41.forwardRef(({ className, containerClassName, ...props }, ref) => /* @__PURE__ */ jsx46(
   OTPInput,
   {
     ref,
@@ -2214,7 +2225,7 @@ var InputOTP = React41.forwardRef(({ className, containerClassName, ...props },
 ));
 InputOTP.displayName = "InputOTP";
 var InputOTPGroup = React41.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx45("div", { ref, className: cn("flex items-center", className), ...props })
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx46("div", { ref, className: cn("flex items-center", className), ...props })
 );
 InputOTPGroup.displayName = "InputOTPGroup";
 var InputOTPSlot = React41.forwardRef(({ index, className, ...props }, ref) => {
@@ -2232,26 +2243,26 @@ var InputOTPSlot = React41.forwardRef(({ index, className, ...props }, ref) => {
       ...props,
       children: [
         char,
-        hasFakeCaret && /* @__PURE__ */ jsx45("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ jsx45("div", { className: "h-4 w-px animate-caret-blink bg-foreground duration-slower" }) })
+        hasFakeCaret && /* @__PURE__ */ jsx46("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ jsx46("div", { className: "h-4 w-px animate-caret-blink bg-foreground duration-slower" }) })
       ]
     }
   );
 });
 InputOTPSlot.displayName = "InputOTPSlot";
 var InputOTPSeparator = React41.forwardRef(
-  ({ ...props }, ref) => /* @__PURE__ */ jsx45("div", { ref, role: "separator", ...props, children: /* @__PURE__ */ jsx45(Minus2, { className: "size-4" }) })
+  ({ ...props }, ref) => /* @__PURE__ */ jsx46("div", { ref, role: "separator", ...props, children: /* @__PURE__ */ jsx46(Minus2, { className: "size-4" }) })
 );
 InputOTPSeparator.displayName = "InputOTPSeparator";
 
 // src/components/password-input.tsx
 import * as React42 from "react";
 import { Eye, EyeOff } from "lucide-react";
-import { jsx as jsx46, jsxs as jsxs22 } from "react/jsx-runtime";
+import { jsx as jsx47, jsxs as jsxs22 } from "react/jsx-runtime";
 var PasswordInput = React42.forwardRef(({ className, ...props }, ref) => {
   const [visible, setVisible] = React42.useState(false);
   return /* @__PURE__ */ jsxs22(InputGroup, { className, children: [
-    /* @__PURE__ */ jsx46(InputGroupInput, { ref, type: visible ? "text" : "password", ...props }),
-    /* @__PURE__ */ jsx46(InputGroupAddon, { align: "end", children: /* @__PURE__ */ jsx46(
+    /* @__PURE__ */ jsx47(InputGroupInput, { ref, type: visible ? "text" : "password", ...props }),
+    /* @__PURE__ */ jsx47(InputGroupAddon, { align: "end", children: /* @__PURE__ */ jsx47(
       "button",
       {
         type: "button",
@@ -2259,7 +2270,7 @@ var PasswordInput = React42.forwardRef(({ className, ...props }, ref) => {
         "aria-pressed": visible,
         onClick: () => setVisible((v) => !v),
         className: cn("rounded-[2px] outline-none transition-colors hover:text-foreground focus-visible:text-foreground"),
-        children: visible ? /* @__PURE__ */ jsx46(EyeOff, {}) : /* @__PURE__ */ jsx46(Eye, {})
+        children: visible ? /* @__PURE__ */ jsx47(EyeOff, {}) : /* @__PURE__ */ jsx47(Eye, {})
       }
     ) })
   ] });
@@ -2270,15 +2281,15 @@ PasswordInput.displayName = "PasswordInput";
 import * as React43 from "react";
 import * as MenubarPrimitive from "@radix-ui/react-menubar";
 import { Check as Check5, ChevronRight as ChevronRight6, Circle as Circle4 } from "lucide-react";
-import { jsx as jsx47, jsxs as jsxs23 } from "react/jsx-runtime";
-var MenubarMenu = (props) => /* @__PURE__ */ jsx47(MenubarPrimitive.Menu, { ...props });
-var MenubarGroup = (props) => /* @__PURE__ */ jsx47(MenubarPrimitive.Group, { ...props });
-var MenubarPortal = (props) => /* @__PURE__ */ jsx47(MenubarPrimitive.Portal, { ...props });
-var MenubarSub = (props) => /* @__PURE__ */ jsx47(MenubarPrimitive.Sub, { ...props });
-var MenubarRadioGroup = (props) => /* @__PURE__ */ jsx47(MenubarPrimitive.RadioGroup, { ...props });
+import { jsx as jsx48, jsxs as jsxs23 } from "react/jsx-runtime";
+var MenubarMenu = (props) => /* @__PURE__ */ jsx48(MenubarPrimitive.Menu, { ...props });
+var MenubarGroup = (props) => /* @__PURE__ */ jsx48(MenubarPrimitive.Group, { ...props });
+var MenubarPortal = (props) => /* @__PURE__ */ jsx48(MenubarPrimitive.Portal, { ...props });
+var MenubarSub = (props) => /* @__PURE__ */ jsx48(MenubarPrimitive.Sub, { ...props });
+var MenubarRadioGroup = (props) => /* @__PURE__ */ jsx48(MenubarPrimitive.RadioGroup, { ...props });
 var itemCls3 = "relative flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent focus:text-accent-foreground focus:ring-1 focus:ring-inset focus:ring-ring data-[disabled]:pointer-events-none data-[disabled]:opacity-disabled";
 var contentCls3 = "z-overlay min-w-[12rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md font-sans data-[state=open]:animate-in data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95";
-var Menubar = React43.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx47(
+var Menubar = React43.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx48(
   MenubarPrimitive.Root,
   {
     ref,
@@ -2287,7 +2298,7 @@ var Menubar = React43.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   }
 ));
 Menubar.displayName = MenubarPrimitive.Root.displayName;
-var MenubarTrigger = React43.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx47(
+var MenubarTrigger = React43.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx48(
   MenubarPrimitive.Trigger,
   {
     ref,
@@ -2301,12 +2312,12 @@ var MenubarTrigger = React43.forwardRef(({ className, ...props }, ref) => /* @__
 MenubarTrigger.displayName = MenubarPrimitive.Trigger.displayName;
 var MenubarSubTrigger = React43.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs23(MenubarPrimitive.SubTrigger, { ref, className: cn(itemCls3, "data-[state=open]:bg-accent", inset && "pl-8", className), ...props, children: [
   children,
-  /* @__PURE__ */ jsx47(ChevronRight6, { className: "ml-auto size-4" })
+  /* @__PURE__ */ jsx48(ChevronRight6, { className: "ml-auto size-4" })
 ] }));
 MenubarSubTrigger.displayName = MenubarPrimitive.SubTrigger.displayName;
-var MenubarSubContent = React43.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx47(MenubarPrimitive.SubContent, { ref, className: cn(contentCls3, className), ...props }));
+var MenubarSubContent = React43.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx48(MenubarPrimitive.SubContent, { ref, className: cn(contentCls3, className), ...props }));
 MenubarSubContent.displayName = MenubarPrimitive.SubContent.displayName;
-var MenubarContent = React43.forwardRef(({ className, align = "start", alignOffset = -4, sideOffset = 8, ...props }, ref) => /* @__PURE__ */ jsx47(MenubarPrimitive.Portal, { children: /* @__PURE__ */ jsx47(
+var MenubarContent = React43.forwardRef(({ className, align = "start", alignOffset = -4, sideOffset = 8, ...props }, ref) => /* @__PURE__ */ jsx48(MenubarPrimitive.Portal, { children: /* @__PURE__ */ jsx48(
   MenubarPrimitive.Content,
   {
     ref,
@@ -2318,23 +2329,23 @@ var MenubarContent = React43.forwardRef(({ className, align = "start", alignOffs
   }
 ) }));
 MenubarContent.displayName = MenubarPrimitive.Content.displayName;
-var MenubarItem = React43.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx47(MenubarPrimitive.Item, { ref, className: cn(itemCls3, inset && "pl-8", className), ...props }));
+var MenubarItem = React43.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx48(MenubarPrimitive.Item, { ref, className: cn(itemCls3, inset && "pl-8", className), ...props }));
 MenubarItem.displayName = MenubarPrimitive.Item.displayName;
 var MenubarCheckboxItem = React43.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs23(MenubarPrimitive.CheckboxItem, { ref, className: cn(itemCls3, "pl-8", className), checked, ...props, children: [
-  /* @__PURE__ */ jsx47("span", { className: "absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx47(MenubarPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx47(Check5, { className: "size-4" }) }) }),
+  /* @__PURE__ */ jsx48("span", { className: "absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx48(MenubarPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx48(Check5, { className: "size-4" }) }) }),
   children
 ] }));
 MenubarCheckboxItem.displayName = MenubarPrimitive.CheckboxItem.displayName;
 var MenubarRadioItem = React43.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs23(MenubarPrimitive.RadioItem, { ref, className: cn(itemCls3, "pl-8", className), ...props, children: [
-  /* @__PURE__ */ jsx47("span", { className: "absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx47(MenubarPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx47(Circle4, { className: "size-2 fill-current" }) }) }),
+  /* @__PURE__ */ jsx48("span", { className: "absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx48(MenubarPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx48(Circle4, { className: "size-2 fill-current" }) }) }),
   children
 ] }));
 MenubarRadioItem.displayName = MenubarPrimitive.RadioItem.displayName;
-var MenubarLabel = React43.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx47(MenubarPrimitive.Label, { ref, className: cn("px-2 py-1.5 text-sm font-semibold", inset && "pl-8", className), ...props }));
+var MenubarLabel = React43.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx48(MenubarPrimitive.Label, { ref, className: cn("px-2 py-1.5 text-sm font-semibold", inset && "pl-8", className), ...props }));
 MenubarLabel.displayName = MenubarPrimitive.Label.displayName;
-var MenubarSeparator = React43.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx47(MenubarPrimitive.Separator, { ref, className: cn("-mx-1 my-1 h-px bg-border", className), ...props }));
+var MenubarSeparator = React43.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx48(MenubarPrimitive.Separator, { ref, className: cn("-mx-1 my-1 h-px bg-border", className), ...props }));
 MenubarSeparator.displayName = MenubarPrimitive.Separator.displayName;
-var MenubarShortcut = ({ className, ...props }) => /* @__PURE__ */ jsx47("span", { className: cn("ml-auto text-xs tracking-widest text-muted-foreground", className), ...props });
+var MenubarShortcut = ({ className, ...props }) => /* @__PURE__ */ jsx48("span", { className: cn("ml-auto text-xs tracking-widest text-muted-foreground", className), ...props });
 MenubarShortcut.displayName = "MenubarShortcut";
 
 // src/components/navigation-menu.tsx
@@ -2342,7 +2353,7 @@ import * as React44 from "react";
 import * as NavigationMenuPrimitive from "@radix-ui/react-navigation-menu";
 import { cva as cva12 } from "class-variance-authority";
 import { ChevronDown as ChevronDown3 } from "lucide-react";
-import { jsx as jsx48, jsxs as jsxs24 } from "react/jsx-runtime";
+import { jsx as jsx49, jsxs as jsxs24 } from "react/jsx-runtime";
 var NavigationMenu = React44.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs24(
   NavigationMenuPrimitive.Root,
   {
@@ -2351,12 +2362,12 @@ var NavigationMenu = React44.forwardRef(({ className, children, ...props }, ref)
     ...props,
     children: [
       children,
-      /* @__PURE__ */ jsx48(NavigationMenuViewport, {})
+      /* @__PURE__ */ jsx49(NavigationMenuViewport, {})
     ]
   }
 ));
 NavigationMenu.displayName = NavigationMenuPrimitive.Root.displayName;
-var NavigationMenuList = React44.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx48(
+var NavigationMenuList = React44.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx49(
   NavigationMenuPrimitive.List,
   {
     ref,
@@ -2371,7 +2382,7 @@ var navigationMenuTriggerStyle = cva12(
 );
 var NavigationMenuTrigger = React44.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs24(NavigationMenuPrimitive.Trigger, { ref, className: cn(navigationMenuTriggerStyle(), "group", className), ...props, children: [
   children,
-  /* @__PURE__ */ jsx48(
+  /* @__PURE__ */ jsx49(
     ChevronDown3,
     {
       className: "relative top-px ml-1 size-3 transition-transform duration-fast group-data-[state=open]:rotate-180",
@@ -2380,7 +2391,7 @@ var NavigationMenuTrigger = React44.forwardRef(({ className, children, ...props
   )
 ] }));
 NavigationMenuTrigger.displayName = NavigationMenuPrimitive.Trigger.displayName;
-var NavigationMenuContent = React44.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx48(
+var NavigationMenuContent = React44.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx49(
   NavigationMenuPrimitive.Content,
   {
     ref,
@@ -2393,7 +2404,7 @@ var NavigationMenuContent = React44.forwardRef(({ className, ...props }, ref) =>
 ));
 NavigationMenuContent.displayName = NavigationMenuPrimitive.Content.displayName;
 var NavigationMenuLink = NavigationMenuPrimitive.Link;
-var NavigationMenuViewport = React44.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx48("div", { className: "absolute left-0 top-full flex justify-center", children: /* @__PURE__ */ jsx48(
+var NavigationMenuViewport = React44.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx49("div", { className: "absolute left-0 top-full flex justify-center", children: /* @__PURE__ */ jsx49(
   NavigationMenuPrimitive.Viewport,
   {
     ref,
@@ -2405,7 +2416,7 @@ var NavigationMenuViewport = React44.forwardRef(({ className, ...props }, ref) =
   }
 ) }));
 NavigationMenuViewport.displayName = NavigationMenuPrimitive.Viewport.displayName;
-var NavigationMenuIndicator = React44.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx48(
+var NavigationMenuIndicator = React44.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx49(
   NavigationMenuPrimitive.Indicator,
   {
     ref,
@@ -2414,7 +2425,7 @@ var NavigationMenuIndicator = React44.forwardRef(({ className, ...props }, ref)
       className
     ),
     ...props,
-    children: /* @__PURE__ */ jsx48("div", { className: "relative top-[60%] size-2 rotate-45 rounded-tl-sm bg-border shadow-md" })
+    children: /* @__PURE__ */ jsx49("div", { className: "relative top-[60%] size-2 rotate-45 rounded-tl-sm bg-border shadow-md" })
   }
 ));
 NavigationMenuIndicator.displayName = NavigationMenuPrimitive.Indicator.displayName;
@@ -2422,15 +2433,15 @@ NavigationMenuIndicator.displayName = NavigationMenuPrimitive.Indicator.displayN
 // src/components/resizable.tsx
 import { GripVertical } from "lucide-react";
 import * as ResizablePrimitive from "react-resizable-panels";
-import { jsx as jsx49 } from "react/jsx-runtime";
-var ResizablePanelGroup = ({ className, direction = "horizontal", ...props }) => /* @__PURE__ */ jsx49(ResizablePrimitive.Group, { className: cn("flex h-full w-full", className), orientation: direction, ...props });
+import { jsx as jsx50 } from "react/jsx-runtime";
+var ResizablePanelGroup = ({ className, direction = "horizontal", ...props }) => /* @__PURE__ */ jsx50(ResizablePrimitive.Group, { className: cn("flex h-full w-full", className), orientation: direction, ...props });
 var asPercent = (value) => typeof value === "number" ? `${value}%` : value;
 var ResizablePanel = ({
   defaultSize,
   minSize,
   maxSize,
   ...props
-}) => /* @__PURE__ */ jsx49(
+}) => /* @__PURE__ */ jsx50(
   ResizablePrimitive.Panel,
   {
     defaultSize: asPercent(defaultSize),
@@ -2443,7 +2454,7 @@ var ResizableHandle = ({
   withHandle,
   className,
   ...props
-}) => /* @__PURE__ */ jsx49(
+}) => /* @__PURE__ */ jsx50(
   ResizablePrimitive.Separator,
   {
     className: cn(
@@ -2451,7 +2462,7 @@ var ResizableHandle = ({
       className
     ),
     ...props,
-    children: withHandle && /* @__PURE__ */ jsx49("div", { className: "z-docked flex h-4 w-3 items-center justify-center rounded-sm border bg-border", children: /* @__PURE__ */ jsx49(GripVertical, { className: "size-2.5" }) })
+    children: withHandle && /* @__PURE__ */ jsx50("div", { className: "z-docked flex h-4 w-3 items-center justify-center rounded-sm border bg-border", children: /* @__PURE__ */ jsx50(GripVertical, { className: "size-2.5" }) })
   }
 );
 
@@ -2460,7 +2471,7 @@ import * as React45 from "react";
 import { Slot as Slot7 } from "@radix-ui/react-slot";
 import { cva as cva13 } from "class-variance-authority";
 import { PanelLeft } from "lucide-react";
-import { jsx as jsx50, jsxs as jsxs25 } from "react/jsx-runtime";
+import { jsx as jsx51, jsxs as jsxs25 } from "react/jsx-runtime";
 var SIDEBAR_COOKIE_NAME = "sidebar:state";
 var SIDEBAR_WIDTH = "16rem";
 var SIDEBAR_WIDTH_MOBILE = "18rem";
@@ -2515,7 +2526,7 @@ var SidebarProvider = React45.forwardRef(({ defaultOpen = true, open: openProp,
     () => ({ state, open, setOpen, isMobile, openMobile, setOpenMobile, toggleSidebar }),
     [state, open, setOpen, isMobile, openMobile, toggleSidebar]
   );
-  return /* @__PURE__ */ jsx50(SidebarContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx50(TooltipProvider, { delayDuration: 0, children: /* @__PURE__ */ jsx50(
+  return /* @__PURE__ */ jsx51(SidebarContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx51(TooltipProvider, { delayDuration: 0, children: /* @__PURE__ */ jsx51(
     "div",
     {
       ref,
@@ -2530,10 +2541,10 @@ SidebarProvider.displayName = "SidebarProvider";
 var Sidebar = React45.forwardRef(({ side = "left", variant = "sidebar", collapsible = "offcanvas", className, children, ...props }, ref) => {
   const { isMobile, state, openMobile, setOpenMobile } = useSidebar();
   if (collapsible === "none") {
-    return /* @__PURE__ */ jsx50("div", { ref, className: cn("flex h-full w-[--sidebar-width] flex-col bg-sidebar text-sidebar-foreground", className), ...props, children });
+    return /* @__PURE__ */ jsx51("div", { ref, className: cn("flex h-full w-[--sidebar-width] flex-col bg-sidebar text-sidebar-foreground", className), ...props, children });
   }
   if (isMobile) {
-    return /* @__PURE__ */ jsx50(Sheet, { open: openMobile, onOpenChange: setOpenMobile, ...props, children: /* @__PURE__ */ jsxs25(
+    return /* @__PURE__ */ jsx51(Sheet, { open: openMobile, onOpenChange: setOpenMobile, ...props, children: /* @__PURE__ */ jsxs25(
       SheetContent,
       {
         "data-sidebar": "sidebar",
@@ -2543,10 +2554,10 @@ var Sidebar = React45.forwardRef(({ side = "left", variant = "sidebar", collapsi
         side,
         children: [
           /* @__PURE__ */ jsxs25(SheetHeader, { className: "sr-only", children: [
-            /* @__PURE__ */ jsx50(SheetTitle, { children: "Sidebar" }),
-            /* @__PURE__ */ jsx50(SheetDescription, { children: "Displays the mobile sidebar." })
+            /* @__PURE__ */ jsx51(SheetTitle, { children: "Sidebar" }),
+            /* @__PURE__ */ jsx51(SheetDescription, { children: "Displays the mobile sidebar." })
           ] }),
-          /* @__PURE__ */ jsx50("div", { className: "flex h-full w-full flex-col", children })
+          /* @__PURE__ */ jsx51("div", { className: "flex h-full w-full flex-col", children })
         ]
       }
     ) });
@@ -2561,7 +2572,7 @@ var Sidebar = React45.forwardRef(({ side = "left", variant = "sidebar", collapsi
       "data-variant": variant,
       "data-side": side,
       children: [
-        /* @__PURE__ */ jsx50(
+        /* @__PURE__ */ jsx51(
           "div",
           {
             className: cn(
@@ -2571,7 +2582,7 @@ var Sidebar = React45.forwardRef(({ side = "left", variant = "sidebar", collapsi
             )
           }
         ),
-        /* @__PURE__ */ jsx50(
+        /* @__PURE__ */ jsx51(
           "div",
           {
             className: cn(
@@ -2581,7 +2592,7 @@ var Sidebar = React45.forwardRef(({ side = "left", variant = "sidebar", collapsi
               className
             ),
             ...props,
-            children: /* @__PURE__ */ jsx50(
+            children: /* @__PURE__ */ jsx51(
               "div",
               {
                 "data-sidebar": "sidebar",
@@ -2612,15 +2623,15 @@ var SidebarTrigger = React45.forwardRef(
         },
         ...props,
         children: [
-          /* @__PURE__ */ jsx50(PanelLeft, {}),
-          /* @__PURE__ */ jsx50("span", { className: "sr-only", children: "Toggle Sidebar" })
+          /* @__PURE__ */ jsx51(PanelLeft, {}),
+          /* @__PURE__ */ jsx51("span", { className: "sr-only", children: "Toggle Sidebar" })
         ]
       }
     );
   }
 );
 SidebarTrigger.displayName = "SidebarTrigger";
-var SidebarInset = React45.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx50(
+var SidebarInset = React45.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx51(
   "main",
   {
     ref,
@@ -2633,15 +2644,15 @@ var SidebarInset = React45.forwardRef(({ className, ...props }, ref) => /* @__PU
   }
 ));
 SidebarInset.displayName = "SidebarInset";
-var SidebarHeader = React45.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx50("div", { ref, "data-sidebar": "header", className: cn("flex flex-col gap-2 p-2", className), ...props }));
+var SidebarHeader = React45.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx51("div", { ref, "data-sidebar": "header", className: cn("flex flex-col gap-2 p-2", className), ...props }));
 SidebarHeader.displayName = "SidebarHeader";
-var SidebarFooter = React45.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx50("div", { ref, "data-sidebar": "footer", className: cn("flex flex-col gap-2 p-2", className), ...props }));
+var SidebarFooter = React45.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx51("div", { ref, "data-sidebar": "footer", className: cn("flex flex-col gap-2 p-2", className), ...props }));
 SidebarFooter.displayName = "SidebarFooter";
 var SidebarSeparator = React45.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx50(Separator3, { ref, "data-sidebar": "separator", className: cn("mx-2 w-auto bg-sidebar-border", className), ...props })
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx51(Separator3, { ref, "data-sidebar": "separator", className: cn("mx-2 w-auto bg-sidebar-border", className), ...props })
 );
 SidebarSeparator.displayName = "SidebarSeparator";
-var SidebarContent = React45.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx50(
+var SidebarContent = React45.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx51(
   "div",
   {
     ref,
@@ -2651,11 +2662,11 @@ var SidebarContent = React45.forwardRef(({ className, ...props }, ref) => /* @__
   }
 ));
 SidebarContent.displayName = "SidebarContent";
-var SidebarGroup = React45.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx50("div", { ref, "data-sidebar": "group", className: cn("relative flex w-full min-w-0 flex-col p-2", className), ...props }));
+var SidebarGroup = React45.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx51("div", { ref, "data-sidebar": "group", className: cn("relative flex w-full min-w-0 flex-col p-2", className), ...props }));
 SidebarGroup.displayName = "SidebarGroup";
 var SidebarGroupLabel = React45.forwardRef(({ className, asChild = false, ...props }, ref) => {
   const Comp = asChild ? Slot7 : "div";
-  return /* @__PURE__ */ jsx50(
+  return /* @__PURE__ */ jsx51(
     Comp,
     {
       ref,
@@ -2671,12 +2682,12 @@ var SidebarGroupLabel = React45.forwardRef(({ className, asChild = false, ...pro
 });
 SidebarGroupLabel.displayName = "SidebarGroupLabel";
 var SidebarGroupContent = React45.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx50("div", { ref, "data-sidebar": "group-content", className: cn("w-full text-sm", className), ...props })
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx51("div", { ref, "data-sidebar": "group-content", className: cn("w-full text-sm", className), ...props })
 );
 SidebarGroupContent.displayName = "SidebarGroupContent";
-var SidebarMenu = React45.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx50("ul", { ref, "data-sidebar": "menu", className: cn("flex w-full min-w-0 flex-col gap-1", className), ...props }));
+var SidebarMenu = React45.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx51("ul", { ref, "data-sidebar": "menu", className: cn("flex w-full min-w-0 flex-col gap-1", className), ...props }));
 SidebarMenu.displayName = "SidebarMenu";
-var SidebarMenuItem = React45.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx50("li", { ref, "data-sidebar": "menu-item", className: cn("group/menu-item relative", className), ...props }));
+var SidebarMenuItem = React45.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx51("li", { ref, "data-sidebar": "menu-item", className: cn("group/menu-item relative", className), ...props }));
 SidebarMenuItem.displayName = "SidebarMenuItem";
 var sidebarMenuButtonVariants = cva13(
   "peer/menu-button flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left text-sm outline-none ring-sidebar-ring transition-[width,height,padding] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-disabled group-has-[[data-sidebar=menu-action]]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-disabled data-[active=true]:bg-sidebar-accent data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:!size-8 group-data-[collapsible=icon]:!p-2 [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0",
@@ -2698,7 +2709,7 @@ var sidebarMenuButtonVariants = cva13(
 var SidebarMenuButton = React45.forwardRef(({ asChild = false, isActive = false, variant = "default", size = "default", tooltip, className, ...props }, ref) => {
   const Comp = asChild ? Slot7 : "button";
   const { isMobile, state } = useSidebar();
-  const button = /* @__PURE__ */ jsx50(
+  const button = /* @__PURE__ */ jsx51(
     Comp,
     {
       ref,
@@ -2712,28 +2723,28 @@ var SidebarMenuButton = React45.forwardRef(({ asChild = false, isActive = false,
   if (!tooltip) return button;
   const tooltipProps = typeof tooltip === "string" ? { children: tooltip } : tooltip;
   return /* @__PURE__ */ jsxs25(Tooltip, { children: [
-    /* @__PURE__ */ jsx50(TooltipTrigger, { asChild: true, children: button }),
-    /* @__PURE__ */ jsx50(TooltipContent, { side: "right", align: "center", hidden: state !== "collapsed" || isMobile, ...tooltipProps })
+    /* @__PURE__ */ jsx51(TooltipTrigger, { asChild: true, children: button }),
+    /* @__PURE__ */ jsx51(TooltipContent, { side: "right", align: "center", hidden: state !== "collapsed" || isMobile, ...tooltipProps })
   ] });
 });
 SidebarMenuButton.displayName = "SidebarMenuButton";
 var SidebarMenuSkeleton = React45.forwardRef(({ className, showIcon = false, ...props }, ref) => {
   const width = React45.useMemo(() => `${Math.floor(Math.random() * 40) + 50}%`, []);
   return /* @__PURE__ */ jsxs25("div", { ref, "data-sidebar": "menu-skeleton", className: cn("flex h-8 items-center gap-2 rounded-md px-2", className), ...props, children: [
-    showIcon && /* @__PURE__ */ jsx50(Skeleton, { className: "size-4 rounded-md" }),
-    /* @__PURE__ */ jsx50(Skeleton, { className: "h-4 max-w-[--skeleton-width] flex-1", style: { "--skeleton-width": width } })
+    showIcon && /* @__PURE__ */ jsx51(Skeleton, { className: "size-4 rounded-md" }),
+    /* @__PURE__ */ jsx51(Skeleton, { className: "h-4 max-w-[--skeleton-width] flex-1", style: { "--skeleton-width": width } })
   ] });
 });
 SidebarMenuSkeleton.displayName = "SidebarMenuSkeleton";
 var SidebarInput = React45.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx50(Input, { ref, "data-sidebar": "input", className: cn("h-8 w-full bg-background shadow-none", className), ...props })
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx51(Input, { ref, "data-sidebar": "input", className: cn("h-8 w-full bg-background shadow-none", className), ...props })
 );
 SidebarInput.displayName = "SidebarInput";
 
 // src/components/audio-player.tsx
 import * as React46 from "react";
 import { Pause, Play, SkipBack, SkipForward } from "lucide-react";
-import { jsx as jsx51, jsxs as jsxs26 } from "react/jsx-runtime";
+import { jsx as jsx52, jsxs as jsxs26 } from "react/jsx-runtime";
 function fmt(t) {
   if (!Number.isFinite(t)) return "0:00";
   const m = Math.floor(t / 60);
@@ -2757,7 +2768,7 @@ var AudioPlayer = React46.forwardRef(
       if (a) a.currentTime = Math.max(0, Math.min(duration || 0, t));
     };
     const skip = (delta) => seek(current + delta);
-    const audio = /* @__PURE__ */ jsx51(
+    const audio = /* @__PURE__ */ jsx52(
       "audio",
       {
         ref: audioRef,
@@ -2770,7 +2781,7 @@ var AudioPlayer = React46.forwardRef(
         onEnded: () => setPlaying(false)
       }
     );
-    const PlayPause = ({ size = 44 }) => /* @__PURE__ */ jsx51(
+    const PlayPause = ({ size = 44 }) => /* @__PURE__ */ jsx52(
       "button",
       {
         type: "button",
@@ -2778,7 +2789,7 @@ var AudioPlayer = React46.forwardRef(
         "aria-label": playing ? "Pause" : "Play",
         className: "grid shrink-0 place-items-center rounded-full bg-primary text-primary-foreground outline-none transition-transform hover:scale-105 focus-visible:shadow-focus",
         style: { width: size, height: size },
-        children: playing ? /* @__PURE__ */ jsx51(Pause, { className: "size-1/3 fill-current" }) : /* @__PURE__ */ jsx51(Play, { className: "size-1/3 translate-x-px fill-current" })
+        children: playing ? /* @__PURE__ */ jsx52(Pause, { className: "size-1/3 fill-current" }) : /* @__PURE__ */ jsx52(Play, { className: "size-1/3 translate-x-px fill-current" })
       }
     );
     const iconBtn = "grid size-8 shrink-0 place-items-center rounded-full text-muted-foreground outline-none transition-colors hover:bg-muted hover:text-foreground focus-visible:text-foreground disabled:opacity-40 [&>svg]:size-4";
@@ -2795,14 +2806,14 @@ var AudioPlayer = React46.forwardRef(
           ...props,
           children: [
             audio,
-            coverSrc ? /* @__PURE__ */ jsx51("img", { src: coverSrc, alt: "", className: "size-10 shrink-0 rounded-full object-cover" }) : /* @__PURE__ */ jsx51("div", { className: "size-10 shrink-0 rounded-full bg-muted" }),
+            coverSrc ? /* @__PURE__ */ jsx52("img", { src: coverSrc, alt: "", className: "size-10 shrink-0 rounded-full object-cover" }) : /* @__PURE__ */ jsx52("div", { className: "size-10 shrink-0 rounded-full bg-muted" }),
             /* @__PURE__ */ jsxs26("div", { className: "min-w-0 flex-1", children: [
-              /* @__PURE__ */ jsx51("p", { className: "truncate text-label-md font-semibold text-foreground", children: title ?? "Audio" }),
-              artist && /* @__PURE__ */ jsx51("p", { className: "truncate text-body-sm text-muted-foreground", children: artist })
+              /* @__PURE__ */ jsx52("p", { className: "truncate text-label-md font-semibold text-foreground", children: title ?? "Audio" }),
+              artist && /* @__PURE__ */ jsx52("p", { className: "truncate text-body-sm text-muted-foreground", children: artist })
             ] }),
-            /* @__PURE__ */ jsx51("button", { type: "button", onClick: () => skip(skipBy), "aria-label": `Forward ${skipBy}s`, className: iconBtn, children: /* @__PURE__ */ jsx51(SkipForward, {}) }),
-            /* @__PURE__ */ jsx51(PlayPause, { size: 36 }),
-            /* @__PURE__ */ jsx51("div", { className: "absolute inset-x-0 bottom-0 h-1 bg-muted", children: /* @__PURE__ */ jsx51("div", { className: "h-full bg-primary transition-[width]", style: { width: `${pct}%` } }) })
+            /* @__PURE__ */ jsx52("button", { type: "button", onClick: () => skip(skipBy), "aria-label": `Forward ${skipBy}s`, className: iconBtn, children: /* @__PURE__ */ jsx52(SkipForward, {}) }),
+            /* @__PURE__ */ jsx52(PlayPause, { size: 36 }),
+            /* @__PURE__ */ jsx52("div", { className: "absolute inset-x-0 bottom-0 h-1 bg-muted", children: /* @__PURE__ */ jsx52("div", { className: "h-full bg-primary transition-[width]", style: { width: `${pct}%` } }) })
           ]
         }
       );
@@ -2815,7 +2826,7 @@ var AudioPlayer = React46.forwardRef(
         ...props,
         children: [
           audio,
-          /* @__PURE__ */ jsx51(
+          /* @__PURE__ */ jsx52(
             Slider,
             {
               value: [current],
@@ -2826,15 +2837,15 @@ var AudioPlayer = React46.forwardRef(
             }
           ),
           /* @__PURE__ */ jsxs26("div", { className: "flex justify-between text-body-sm text-muted-foreground", children: [
-            /* @__PURE__ */ jsx51("span", { children: fmt(current) }),
-            /* @__PURE__ */ jsx51("span", { children: fmt(duration) })
+            /* @__PURE__ */ jsx52("span", { children: fmt(current) }),
+            /* @__PURE__ */ jsx52("span", { children: fmt(duration) })
           ] }),
           /* @__PURE__ */ jsxs26("div", { className: "mt-1 flex items-center justify-center gap-3", children: [
-            /* @__PURE__ */ jsx51("button", { type: "button", onClick: onPrev, disabled: !onPrev, "aria-label": "Previous track", className: iconBtn, children: /* @__PURE__ */ jsx51(SkipBack, { className: "fill-current" }) }),
-            /* @__PURE__ */ jsx51("button", { type: "button", onClick: () => skip(-skipBy), "aria-label": `Back ${skipBy}s`, className: iconBtn, children: /* @__PURE__ */ jsx51(SkipBack, {}) }),
-            /* @__PURE__ */ jsx51(PlayPause, {}),
-            /* @__PURE__ */ jsx51("button", { type: "button", onClick: () => skip(skipBy), "aria-label": `Forward ${skipBy}s`, className: iconBtn, children: /* @__PURE__ */ jsx51(SkipForward, {}) }),
-            /* @__PURE__ */ jsx51("button", { type: "button", onClick: onNext, disabled: !onNext, "aria-label": "Next track", className: iconBtn, children: /* @__PURE__ */ jsx51(SkipForward, { className: "fill-current" }) })
+            /* @__PURE__ */ jsx52("button", { type: "button", onClick: onPrev, disabled: !onPrev, "aria-label": "Previous track", className: iconBtn, children: /* @__PURE__ */ jsx52(SkipBack, { className: "fill-current" }) }),
+            /* @__PURE__ */ jsx52("button", { type: "button", onClick: () => skip(-skipBy), "aria-label": `Back ${skipBy}s`, className: iconBtn, children: /* @__PURE__ */ jsx52(SkipBack, {}) }),
+            /* @__PURE__ */ jsx52(PlayPause, {}),
+            /* @__PURE__ */ jsx52("button", { type: "button", onClick: () => skip(skipBy), "aria-label": `Forward ${skipBy}s`, className: iconBtn, children: /* @__PURE__ */ jsx52(SkipForward, {}) }),
+            /* @__PURE__ */ jsx52("button", { type: "button", onClick: onNext, disabled: !onNext, "aria-label": "Next track", className: iconBtn, children: /* @__PURE__ */ jsx52(SkipForward, { className: "fill-current" }) })
           ] })
         ]
       }
@@ -2845,7 +2856,7 @@ AudioPlayer.displayName = "AudioPlayer";
 
 // src/components/circular-progress.tsx
 import * as React47 from "react";
-import { jsx as jsx52, jsxs as jsxs27 } from "react/jsx-runtime";
+import { jsx as jsx53, jsxs as jsxs27 } from "react/jsx-runtime";
 var CircularProgress = React47.forwardRef(
   ({ value = 0, size = 48, strokeWidth = 4, showValue = false, label, className, ...props }, ref) => {
     const v = Math.max(0, Math.min(100, value));
@@ -2864,7 +2875,7 @@ var CircularProgress = React47.forwardRef(
         ...props,
         children: [
           /* @__PURE__ */ jsxs27("svg", { width: size, height: size, className: "-rotate-90", "aria-hidden": true, children: [
-            /* @__PURE__ */ jsx52(
+            /* @__PURE__ */ jsx53(
               "circle",
               {
                 cx: size / 2,
@@ -2875,7 +2886,7 @@ var CircularProgress = React47.forwardRef(
                 className: "stroke-muted"
               }
             ),
-            /* @__PURE__ */ jsx52(
+            /* @__PURE__ */ jsx53(
               "circle",
               {
                 cx: size / 2,
@@ -2890,7 +2901,7 @@ var CircularProgress = React47.forwardRef(
               }
             )
           ] }),
-          (showValue || label != null) && /* @__PURE__ */ jsx52("span", { className: "absolute text-label-md text-foreground", children: label ?? `${Math.round(v)}%` })
+          (showValue || label != null) && /* @__PURE__ */ jsx53("span", { className: "absolute text-label-md text-foreground", children: label ?? `${Math.round(v)}%` })
         ]
       }
     );
@@ -2901,7 +2912,7 @@ CircularProgress.displayName = "CircularProgress";
 // src/components/image.tsx
 import * as React48 from "react";
 import { ImageOff } from "lucide-react";
-import { jsx as jsx53 } from "react/jsx-runtime";
+import { jsx as jsx54 } from "react/jsx-runtime";
 var RATIOS = {
   "1:1": 1,
   "3:2": 3 / 2,
@@ -2928,7 +2939,7 @@ var Image2 = React48.forwardRef(
       if (!img) return;
       if (img.complete) setStatus(img.naturalWidth > 0 ? "loaded" : "error");
     }, [props.src]);
-    return /* @__PURE__ */ jsx53(
+    return /* @__PURE__ */ jsx54(
       "div",
       {
         className: cn(
@@ -2937,7 +2948,7 @@ var Image2 = React48.forwardRef(
           className
         ),
         style: { aspectRatio: r },
-        children: status === "error" ? /* @__PURE__ */ jsx53("div", { className: "absolute inset-0 grid place-items-center text-muted-foreground", children: fallback ?? /* @__PURE__ */ jsx53(ImageOff, { className: "size-6" }) }) : /* @__PURE__ */ jsx53(
+        children: status === "error" ? /* @__PURE__ */ jsx54("div", { className: "absolute inset-0 grid place-items-center text-muted-foreground", children: fallback ?? /* @__PURE__ */ jsx54(ImageOff, { className: "size-6" }) }) : /* @__PURE__ */ jsx54(
           "img",
           {
             ref: setRef,
@@ -2967,7 +2978,7 @@ Image2.displayName = "Image";
 import * as React49 from "react";
 import { cva as cva14 } from "class-variance-authority";
 import { CircleAlert as CircleAlert2, CircleCheck as CircleCheck2, Info as Info2, TriangleAlert as TriangleAlert2, X as X5 } from "lucide-react";
-import { jsx as jsx54, jsxs as jsxs28 } from "react/jsx-runtime";
+import { jsx as jsx55, jsxs as jsxs28 } from "react/jsx-runtime";
 var informVariants = cva14(
   "flex items-start gap-2.5 rounded-md p-3 text-body-sm font-sans [&>svg]:mt-0.5 [&>svg]:size-4 [&>svg]:shrink-0",
   {
@@ -2994,9 +3005,9 @@ var Inform = React49.forwardRef(
   ({ className, variant = "information", hideIcon, onDismiss, action, children, ...props }, ref) => {
     const Icon2 = ICON[variant ?? "information"];
     return /* @__PURE__ */ jsxs28("div", { ref, role: "status", className: cn(informVariants({ variant }), className), ...props, children: [
-      !hideIcon && /* @__PURE__ */ jsx54(Icon2, {}),
+      !hideIcon && /* @__PURE__ */ jsx55(Icon2, {}),
       /* @__PURE__ */ jsxs28("div", { className: "min-w-0 flex-1", children: [
-        /* @__PURE__ */ jsx54("p", { className: "[&:not(:only-child)]:mb-2", children }),
+        /* @__PURE__ */ jsx55("p", { className: "[&:not(:only-child)]:mb-2", children }),
         action && /* @__PURE__ */ jsxs28(
           "button",
           {
@@ -3010,14 +3021,14 @@ var Inform = React49.forwardRef(
           }
         )
       ] }),
-      onDismiss && /* @__PURE__ */ jsx54(
+      onDismiss && /* @__PURE__ */ jsx55(
         "button",
         {
           type: "button",
           onClick: onDismiss,
           "aria-label": "Dismiss",
           className: "-m-0.5 shrink-0 rounded-[2px] p-0.5 opacity-muted outline-none transition-opacity hover:opacity-visible focus-visible:opacity-visible focus-visible:ring-1 focus-visible:ring-current",
-          children: /* @__PURE__ */ jsx54(X5, { className: "size-3.5" })
+          children: /* @__PURE__ */ jsx55(X5, { className: "size-3.5" })
         }
       )
     ] });
@@ -3029,7 +3040,7 @@ Inform.displayName = "Inform";
 import * as React50 from "react";
 import { Star } from "lucide-react";
 import { cva as cva15 } from "class-variance-authority";
-import { jsx as jsx55 } from "react/jsx-runtime";
+import { jsx as jsx56 } from "react/jsx-runtime";
 var starVariants = cva15("transition-colors", {
   variants: {
     size: {
@@ -3051,7 +3062,7 @@ var Rating = React50.forwardRef(
       setInternal(n);
       onChange?.(n);
     };
-    return /* @__PURE__ */ jsx55(
+    return /* @__PURE__ */ jsx56(
       "div",
       {
         ref,
@@ -3063,7 +3074,7 @@ var Rating = React50.forwardRef(
         children: Array.from({ length: max }, (_, i) => {
           const n = i + 1;
           const filled = n <= display;
-          return /* @__PURE__ */ jsx55(
+          return /* @__PURE__ */ jsx56(
             "button",
             {
               type: "button",
@@ -3076,7 +3087,7 @@ var Rating = React50.forwardRef(
                 "rounded-[2px] outline-none disabled:cursor-default",
                 !readOnly && "cursor-pointer focus-visible:ring-2 focus-visible:ring-ring"
               ),
-              children: /* @__PURE__ */ jsx55(
+              children: /* @__PURE__ */ jsx56(
                 Star,
                 {
                   className: cn(
@@ -3098,7 +3109,7 @@ Rating.displayName = "Rating";
 // src/components/spinner.tsx
 import * as React51 from "react";
 import { cva as cva16 } from "class-variance-authority";
-import { jsx as jsx56 } from "react/jsx-runtime";
+import { jsx as jsx57 } from "react/jsx-runtime";
 var spinnerVariants = cva16("inline-block animate-spin rounded-full border-2 border-current border-t-transparent", {
   variants: {
     size: {
@@ -3115,15 +3126,15 @@ var spinnerVariants = cva16("inline-block animate-spin rounded-full border-2 bor
   defaultVariants: { size: "md", variant: "default" }
 });
 var Spinner = React51.forwardRef(
-  ({ className, size, variant, label = "Loading\u2026", ...props }, ref) => /* @__PURE__ */ jsx56("span", { ref, role: "status", "aria-label": label, className: cn(spinnerVariants({ size, variant }), className), ...props, children: /* @__PURE__ */ jsx56("span", { className: "sr-only", children: label }) })
+  ({ className, size, variant, label = "Loading\u2026", ...props }, ref) => /* @__PURE__ */ jsx57("span", { ref, role: "status", "aria-label": label, className: cn(spinnerVariants({ size, variant }), className), ...props, children: /* @__PURE__ */ jsx57("span", { className: "sr-only", children: label }) })
 );
 Spinner.displayName = "Spinner";
 
 // src/components/list.tsx
 import * as React52 from "react";
-import { jsx as jsx57, jsxs as jsxs29 } from "react/jsx-runtime";
+import { jsx as jsx58, jsxs as jsxs29 } from "react/jsx-runtime";
 var List3 = React52.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx57("div", { ref, role: "list", className: cn("flex flex-col divide-y divide-border", className), ...props })
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx58("div", { ref, role: "list", className: cn("flex flex-col divide-y divide-border", className), ...props })
 );
 List3.displayName = "List";
 var ListItem = React52.forwardRef(
@@ -3152,12 +3163,12 @@ var ListItem = React52.forwardRef(
         ),
         ...props,
         children: [
-          leading && /* @__PURE__ */ jsx57("div", { className: "flex shrink-0 items-center justify-center", children: leading }),
+          leading && /* @__PURE__ */ jsx58("div", { className: "flex shrink-0 items-center justify-center", children: leading }),
           /* @__PURE__ */ jsxs29("div", { className: "min-w-0 flex-1", children: [
-            /* @__PURE__ */ jsx57("div", { className: "truncate text-body-md text-foreground", children: title }),
-            description && /* @__PURE__ */ jsx57("div", { className: "truncate text-body-sm text-muted-foreground", children: description })
+            /* @__PURE__ */ jsx58("div", { className: "truncate text-body-md text-foreground", children: title }),
+            description && /* @__PURE__ */ jsx58("div", { className: "truncate text-body-sm text-muted-foreground", children: description })
           ] }),
-          trailing && /* @__PURE__ */ jsx57("div", { className: "flex shrink-0 items-center gap-2", children: trailing })
+          trailing && /* @__PURE__ */ jsx58("div", { className: "flex shrink-0 items-center gap-2", children: trailing })
         ]
       }
     );
@@ -3168,11 +3179,11 @@ ListItem.displayName = "ListItem";
 // src/components/stepper.tsx
 import * as React53 from "react";
 import { Check as Check6 } from "lucide-react";
-import { jsx as jsx58, jsxs as jsxs30 } from "react/jsx-runtime";
+import { jsx as jsx59, jsxs as jsxs30 } from "react/jsx-runtime";
 var Stepper = React53.forwardRef(
   ({ className, steps, current, orientation = "horizontal", ...props }, ref) => {
     const vertical = orientation === "vertical";
-    return /* @__PURE__ */ jsx58("ol", { ref, className: cn("flex font-sans", vertical ? "flex-col" : "w-full items-start", className), ...props, children: steps.map((step, i) => {
+    return /* @__PURE__ */ jsx59("ol", { ref, className: cn("flex font-sans", vertical ? "flex-col" : "w-full items-start", className), ...props, children: steps.map((step, i) => {
       const status = i < current ? "complete" : i === current ? "current" : "upcoming";
       const isLast = i === steps.length - 1;
       return /* @__PURE__ */ jsxs30(
@@ -3182,7 +3193,7 @@ var Stepper = React53.forwardRef(
           "aria-current": status === "current" ? "step" : void 0,
           children: [
             /* @__PURE__ */ jsxs30("div", { className: cn("flex items-center", vertical ? "flex-col" : "w-full"), children: [
-              /* @__PURE__ */ jsx58(
+              /* @__PURE__ */ jsx59(
                 "span",
                 {
                   className: cn(
@@ -3191,10 +3202,10 @@ var Stepper = React53.forwardRef(
                     status === "current" && "border-2 border-primary text-primary",
                     status === "upcoming" && "border border-input text-muted-foreground"
                   ),
-                  children: status === "complete" ? /* @__PURE__ */ jsx58(Check6, { className: "size-4" }) : i + 1
+                  children: status === "complete" ? /* @__PURE__ */ jsx59(Check6, { className: "size-4" }) : i + 1
                 }
               ),
-              !isLast && /* @__PURE__ */ jsx58(
+              !isLast && /* @__PURE__ */ jsx59(
                 "span",
                 {
                   "aria-hidden": true,
@@ -3207,8 +3218,8 @@ var Stepper = React53.forwardRef(
               )
             ] }),
             /* @__PURE__ */ jsxs30("div", { className: cn(vertical && "pb-6"), children: [
-              /* @__PURE__ */ jsx58("p", { className: cn("text-label-md font-medium", status === "upcoming" ? "text-muted-foreground" : "text-foreground"), children: step.label }),
-              step.description && /* @__PURE__ */ jsx58("p", { className: "text-body-sm text-muted-foreground", children: step.description })
+              /* @__PURE__ */ jsx59("p", { className: cn("text-label-md font-medium", status === "upcoming" ? "text-muted-foreground" : "text-foreground"), children: step.label }),
+              step.description && /* @__PURE__ */ jsx59("p", { className: "text-body-sm text-muted-foreground", children: step.description })
             ] })
           ]
         },
@@ -3223,7 +3234,7 @@ Stepper.displayName = "Stepper";
 import * as React54 from "react";
 import { Slot as Slot8 } from "@radix-ui/react-slot";
 import { cva as cva17 } from "class-variance-authority";
-import { jsx as jsx59 } from "react/jsx-runtime";
+import { jsx as jsx60 } from "react/jsx-runtime";
 var fabVariants = cva17(
   [
     "inline-flex shrink-0 items-center justify-center gap-2 rounded-full font-sans font-medium",
@@ -3252,7 +3263,7 @@ var fabVariants = cva17(
 var Fab = React54.forwardRef(
   ({ className, variant, size, extended, asChild = false, ...props }, ref) => {
     const Comp = asChild ? Slot8 : "button";
-    return /* @__PURE__ */ jsx59(
+    return /* @__PURE__ */ jsx60(
       Comp,
       {
         ref,
@@ -3267,9 +3278,9 @@ Fab.displayName = "Fab";
 
 // src/components/tab-bar.tsx
 import * as React55 from "react";
-import { jsx as jsx60, jsxs as jsxs31 } from "react/jsx-runtime";
+import { jsx as jsx61, jsxs as jsxs31 } from "react/jsx-runtime";
 var TabBar = React55.forwardRef(
-  ({ className, children, ...props }, ref) => /* @__PURE__ */ jsx60(
+  ({ className, children, ...props }, ref) => /* @__PURE__ */ jsx61(
     "nav",
     {
       ref,
@@ -3297,9 +3308,9 @@ var TabBarItem = React55.forwardRef(
       children: [
         /* @__PURE__ */ jsxs31("span", { className: "relative [&_svg]:size-6", children: [
           icon,
-          badge && /* @__PURE__ */ jsx60("span", { className: "absolute -right-1.5 -top-1 flex h-4 min-w-4 items-center justify-center rounded-full bg-destructive px-1 text-[10px] font-medium text-destructive-foreground", children: badge })
+          badge && /* @__PURE__ */ jsx61("span", { className: "absolute -right-1.5 -top-1 flex h-4 min-w-4 items-center justify-center rounded-full bg-destructive px-1 text-[10px] font-medium text-destructive-foreground", children: badge })
         ] }),
-        /* @__PURE__ */ jsx60("span", { className: "font-medium", children: label })
+        /* @__PURE__ */ jsx61("span", { className: "font-medium", children: label })
       ]
     }
   )
@@ -3309,7 +3320,7 @@ TabBarItem.displayName = "TabBarItem";
 // src/components/navigation-bar.tsx
 import * as React56 from "react";
 import { ChevronLeft as ChevronLeft3 } from "lucide-react";
-import { jsx as jsx61, jsxs as jsxs32 } from "react/jsx-runtime";
+import { jsx as jsx62, jsxs as jsxs32 } from "react/jsx-runtime";
 var NavigationBar = React56.forwardRef(
   ({ className, title, infoText, onBack, leading, actions, ...props }, ref) => /* @__PURE__ */ jsxs32(
     "header",
@@ -3318,21 +3329,21 @@ var NavigationBar = React56.forwardRef(
       className: cn("flex h-14 w-full items-center gap-2 border-b border-border bg-background px-2 font-sans", className),
       ...props,
       children: [
-        /* @__PURE__ */ jsx61("div", { className: "flex min-w-9 shrink-0 items-center", children: leading ?? (onBack && /* @__PURE__ */ jsx61(
+        /* @__PURE__ */ jsx62("div", { className: "flex min-w-9 shrink-0 items-center", children: leading ?? (onBack && /* @__PURE__ */ jsx62(
           "button",
           {
             type: "button",
             onClick: onBack,
             "aria-label": "Back",
             className: "flex size-9 items-center justify-center rounded-full text-foreground outline-none transition-colors hover:bg-accent hover:ring-1 hover:ring-inset hover:ring-ring focus-visible:bg-accent focus-visible:ring-1 focus-visible:ring-inset focus-visible:ring-ring",
-            children: /* @__PURE__ */ jsx61(ChevronLeft3, { className: "size-5" })
+            children: /* @__PURE__ */ jsx62(ChevronLeft3, { className: "size-5" })
           }
         )) }),
         /* @__PURE__ */ jsxs32("div", { className: "min-w-0 flex-1", children: [
-          /* @__PURE__ */ jsx61("p", { className: "truncate text-body-lg font-medium text-foreground", children: title }),
-          infoText && /* @__PURE__ */ jsx61("p", { className: "truncate text-body-sm text-muted-foreground", children: infoText })
+          /* @__PURE__ */ jsx62("p", { className: "truncate text-body-lg font-medium text-foreground", children: title }),
+          infoText && /* @__PURE__ */ jsx62("p", { className: "truncate text-body-sm text-muted-foreground", children: infoText })
         ] }),
-        actions && /* @__PURE__ */ jsx61("div", { className: "flex shrink-0 items-center gap-1", children: actions })
+        actions && /* @__PURE__ */ jsx62("div", { className: "flex shrink-0 items-center gap-1", children: actions })
       ]
     }
   )
@@ -3343,7 +3354,7 @@ NavigationBar.displayName = "NavigationBar";
 import * as React57 from "react";
 import { Slot as Slot9 } from "@radix-ui/react-slot";
 import { Menu as Menu2, X as X6 } from "lucide-react";
-import { jsx as jsx62, jsxs as jsxs33 } from "react/jsx-runtime";
+import { jsx as jsx63, jsxs as jsxs33 } from "react/jsx-runtime";
 var Ctx = React57.createContext(null);
 var useAppBar = () => {
   const ctx = React57.useContext(Ctx);
@@ -3356,7 +3367,7 @@ var AppBar = React57.forwardRef(
     const nav = React57.Children.toArray(children).find(
       (c) => React57.isValidElement(c) && c.type === AppBarNav
     );
-    return /* @__PURE__ */ jsx62(Ctx.Provider, { value: { open, setOpen }, children: /* @__PURE__ */ jsxs33(
+    return /* @__PURE__ */ jsx63(Ctx.Provider, { value: { open, setOpen }, children: /* @__PURE__ */ jsxs33(
       "header",
       {
         ref,
@@ -3369,7 +3380,7 @@ var AppBar = React57.forwardRef(
         children: [
           /* @__PURE__ */ jsxs33("div", { className: "mx-auto flex h-14 max-w-screen-2xl items-center gap-4 px-4", children: [
             children,
-            nav && /* @__PURE__ */ jsx62(
+            nav && /* @__PURE__ */ jsx63(
               "button",
               {
                 type: "button",
@@ -3377,14 +3388,14 @@ var AppBar = React57.forwardRef(
                 "aria-expanded": open,
                 onClick: () => setOpen((o) => !o),
                 className: cn(
-                  "ml-auto inline-flex size-9 items-center justify-center rounded-md text-foreground outline-none transition-colors md:hidden",
+                  "ms-auto inline-flex size-9 items-center justify-center rounded-md text-foreground outline-none transition-colors md:hidden",
                   "hover:bg-accent focus-visible:ring-2 focus-visible:ring-ring"
                 ),
-                children: open ? /* @__PURE__ */ jsx62(X6, { className: "size-5" }) : /* @__PURE__ */ jsx62(Menu2, { className: "size-5" })
+                children: open ? /* @__PURE__ */ jsx63(X6, { className: "size-5" }) : /* @__PURE__ */ jsx63(Menu2, { className: "size-5" })
               }
             )
           ] }),
-          nav && open && /* @__PURE__ */ jsx62("nav", { className: "flex flex-col gap-1 border-t border-border p-2 md:hidden", children: nav.props.children })
+          nav && open && /* @__PURE__ */ jsx63("nav", { className: "flex flex-col gap-1 border-t border-border p-2 md:hidden", children: nav.props.children })
         ]
       }
     ) });
@@ -3392,7 +3403,7 @@ var AppBar = React57.forwardRef(
 );
 AppBar.displayName = "AppBar";
 var AppBarBrand = React57.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx62(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx63(
     "div",
     {
       ref,
@@ -3403,13 +3414,13 @@ var AppBarBrand = React57.forwardRef(
 );
 AppBarBrand.displayName = "AppBarBrand";
 var AppBarNav = React57.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx62("nav", { ref, className: cn("hidden items-center gap-1 md:flex", className), ...props })
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx63("nav", { ref, className: cn("hidden items-center gap-1 md:flex", className), ...props })
 );
 AppBarNav.displayName = "AppBarNav";
 var AppBarLink = React57.forwardRef(
   ({ className, active, asChild, ...props }, ref) => {
     const Comp = asChild ? Slot9 : "a";
-    return /* @__PURE__ */ jsx62(
+    return /* @__PURE__ */ jsx63(
       Comp,
       {
         ref,
@@ -3428,14 +3439,14 @@ var AppBarLink = React57.forwardRef(
 );
 AppBarLink.displayName = "AppBarLink";
 var AppBarActions = React57.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx62("div", { ref, className: cn("ml-auto flex shrink-0 items-center gap-2", className), ...props })
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx63("div", { ref, className: cn("ms-auto flex shrink-0 items-center gap-2", className), ...props })
 );
 AppBarActions.displayName = "AppBarActions";
 
 // src/components/file-upload.tsx
 import * as React58 from "react";
 import { File, Loader2, TriangleAlert as TriangleAlert3, Upload, X as X7 } from "lucide-react";
-import { jsx as jsx63, jsxs as jsxs34 } from "react/jsx-runtime";
+import { jsx as jsx64, jsxs as jsxs34 } from "react/jsx-runtime";
 function formatBytes(bytes) {
   if (!bytes) return "";
   const units = ["B", "KB", "MB", "GB"];
@@ -3486,13 +3497,13 @@ var FileUpload = React58.forwardRef(
             disabled && "pointer-events-none opacity-disabled"
           ),
           children: [
-            /* @__PURE__ */ jsx63(Upload, { className: "size-6 text-muted-foreground", "aria-hidden": true }),
+            /* @__PURE__ */ jsx64(Upload, { className: "size-6 text-muted-foreground", "aria-hidden": true }),
             /* @__PURE__ */ jsxs34("p", { className: "text-body-sm text-muted-foreground", children: [
               "Drag & drop ",
               multiple ? "files" : "a file",
               " here, or"
             ] }),
-            /* @__PURE__ */ jsx63(
+            /* @__PURE__ */ jsx64(
               Button,
               {
                 type: "button",
@@ -3506,8 +3517,8 @@ var FileUpload = React58.forwardRef(
                 children: buttonLabel
               }
             ),
-            helperText && /* @__PURE__ */ jsx63("p", { className: "text-body-sm text-muted-foreground", children: helperText }),
-            /* @__PURE__ */ jsx63(
+            helperText && /* @__PURE__ */ jsx64("p", { className: "text-body-sm text-muted-foreground", children: helperText }),
+            /* @__PURE__ */ jsx64(
               "input",
               {
                 ref: inputRef,
@@ -3525,7 +3536,7 @@ var FileUpload = React58.forwardRef(
           ]
         }
       ),
-      files.length > 0 && /* @__PURE__ */ jsx63("ul", { className: "flex flex-col gap-2", children: files.map((f) => /* @__PURE__ */ jsx63(FileUploadItem, { file: f, onRemove, onRetry }, f.id)) })
+      files.length > 0 && /* @__PURE__ */ jsx64("ul", { className: "flex flex-col gap-2", children: files.map((f) => /* @__PURE__ */ jsx64(FileUploadItem, { file: f, onRemove, onRetry }, f.id)) })
     ] });
   }
 );
@@ -3534,13 +3545,13 @@ function FileUploadItem({ file, onRemove, onRetry }) {
   const isError = file.status === "error";
   const isLoading = file.status === "loading";
   return /* @__PURE__ */ jsxs34("li", { className: cn("flex items-center gap-2.5 rounded-md border p-2.5 text-body-sm", isError ? "border-destructive bg-destructive/5" : "border-input"), children: [
-    isLoading ? /* @__PURE__ */ jsx63(Loader2, { className: "size-4 shrink-0 animate-spin text-muted-foreground", "aria-hidden": true }) : isError ? /* @__PURE__ */ jsx63(TriangleAlert3, { className: "size-4 shrink-0 text-destructive", "aria-hidden": true }) : /* @__PURE__ */ jsx63(File, { className: "size-4 shrink-0 text-muted-foreground", "aria-hidden": true }),
+    isLoading ? /* @__PURE__ */ jsx64(Loader2, { className: "size-4 shrink-0 animate-spin text-muted-foreground", "aria-hidden": true }) : isError ? /* @__PURE__ */ jsx64(TriangleAlert3, { className: "size-4 shrink-0 text-destructive", "aria-hidden": true }) : /* @__PURE__ */ jsx64(File, { className: "size-4 shrink-0 text-muted-foreground", "aria-hidden": true }),
     /* @__PURE__ */ jsxs34("div", { className: "min-w-0 flex-1", children: [
-      /* @__PURE__ */ jsx63("p", { className: "truncate text-foreground", children: file.name }),
-      isError && file.error ? /* @__PURE__ */ jsx63("p", { className: "text-destructive", children: file.error }) : /* @__PURE__ */ jsx63("p", { className: "text-muted-foreground", children: formatBytes(file.size) }),
-      isLoading && typeof file.progress === "number" && /* @__PURE__ */ jsx63("div", { className: "mt-1 h-1 w-full overflow-hidden rounded-full bg-muted", children: /* @__PURE__ */ jsx63("div", { className: "h-full bg-primary transition-[width]", style: { width: `${Math.max(0, Math.min(100, file.progress))}%` } }) })
+      /* @__PURE__ */ jsx64("p", { className: "truncate text-foreground", children: file.name }),
+      isError && file.error ? /* @__PURE__ */ jsx64("p", { className: "text-destructive", children: file.error }) : /* @__PURE__ */ jsx64("p", { className: "text-muted-foreground", children: formatBytes(file.size) }),
+      isLoading && typeof file.progress === "number" && /* @__PURE__ */ jsx64("div", { className: "mt-1 h-1 w-full overflow-hidden rounded-full bg-muted", children: /* @__PURE__ */ jsx64("div", { className: "h-full bg-primary transition-[width]", style: { width: `${Math.max(0, Math.min(100, file.progress))}%` } }) })
     ] }),
-    isError && onRetry && /* @__PURE__ */ jsx63(
+    isError && onRetry && /* @__PURE__ */ jsx64(
       "button",
       {
         type: "button",
@@ -3549,14 +3560,14 @@ function FileUploadItem({ file, onRemove, onRetry }) {
         children: "Retry"
       }
     ),
-    onRemove && /* @__PURE__ */ jsx63(
+    onRemove && /* @__PURE__ */ jsx64(
       "button",
       {
         type: "button",
         onClick: () => onRemove(file.id),
         "aria-label": `Remove ${file.name}`,
         className: "shrink-0 rounded-[2px] p-0.5 text-muted-foreground outline-none transition-colors hover:text-foreground focus-visible:ring-1 focus-visible:ring-current",
-        children: /* @__PURE__ */ jsx63(X7, { className: "size-3.5" })
+        children: /* @__PURE__ */ jsx64(X7, { className: "size-3.5" })
       }
     )
   ] });
@@ -3567,14 +3578,14 @@ FileUploadItem.displayName = "FileUploadItem";
 import * as React59 from "react";
 import { CalendarIcon } from "lucide-react";
 import { format } from "date-fns";
-import { jsx as jsx64, jsxs as jsxs35 } from "react/jsx-runtime";
+import { jsx as jsx65, jsxs as jsxs35 } from "react/jsx-runtime";
 var DatePicker = React59.forwardRef(
   ({ value, onChange, placeholder = "Select date", label, helperText, error, disabled, className, formatStr = "PP", calendarProps }, ref) => {
     const [open, setOpen] = React59.useState(false);
     return /* @__PURE__ */ jsxs35("div", { className: cn("flex flex-col gap-1.5 font-sans", className), children: [
-      label && /* @__PURE__ */ jsx64("label", { className: "text-label-md font-medium text-foreground", children: label }),
+      label && /* @__PURE__ */ jsx65("label", { className: "text-label-md font-medium text-foreground", children: label }),
       /* @__PURE__ */ jsxs35(Popover, { open, onOpenChange: setOpen, children: [
-        /* @__PURE__ */ jsx64(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs35(
+        /* @__PURE__ */ jsx65(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs35(
           Button,
           {
             ref,
@@ -3583,12 +3594,12 @@ var DatePicker = React59.forwardRef(
             disabled,
             className: cn("w-full justify-start px-3 font-normal", !value && "text-muted-foreground", error && "border-destructive text-destructive"),
             children: [
-              /* @__PURE__ */ jsx64(CalendarIcon, { className: "size-4" }),
+              /* @__PURE__ */ jsx65(CalendarIcon, { className: "size-4" }),
               value ? format(value, formatStr) : placeholder
             ]
           }
         ) }),
-        /* @__PURE__ */ jsx64(PopoverContent, { className: "w-auto p-0", align: "start", children: /* @__PURE__ */ jsx64(
+        /* @__PURE__ */ jsx65(PopoverContent, { className: "w-auto p-0", align: "start", children: /* @__PURE__ */ jsx65(
           Calendar,
           {
             mode: "single",
@@ -3601,7 +3612,7 @@ var DatePicker = React59.forwardRef(
           }
         ) })
       ] }),
-      helperText && /* @__PURE__ */ jsx64("p", { className: cn("text-body-sm", error ? "text-destructive" : "text-muted-foreground"), children: helperText })
+      helperText && /* @__PURE__ */ jsx65("p", { className: cn("text-body-sm", error ? "text-destructive" : "text-muted-foreground"), children: helperText })
     ] });
   }
 );
@@ -3610,7 +3621,7 @@ DatePicker.displayName = "DatePicker";
 // src/components/code-block.tsx
 import * as React60 from "react";
 import { Check as Check7, Copy } from "lucide-react";
-import { jsx as jsx65, jsxs as jsxs36 } from "react/jsx-runtime";
+import { jsx as jsx66, jsxs as jsxs36 } from "react/jsx-runtime";
 var CodeBlock = React60.forwardRef(
   ({ className, code, language, filename, files, hideCopy, ...props }, ref) => {
     const tabs = files && files.length > 0 ? files : [{ name: filename ?? language ?? "", code: code ?? "" }];
@@ -3628,7 +3639,7 @@ var CodeBlock = React60.forwardRef(
     };
     return /* @__PURE__ */ jsxs36("div", { ref, className: cn("overflow-hidden rounded-md border border-input bg-muted font-sans", className), ...props, children: [
       hasHeader && /* @__PURE__ */ jsxs36("div", { className: "flex items-center justify-between border-b border-input bg-background px-2", children: [
-        /* @__PURE__ */ jsx65("div", { className: "flex", children: tabs.map((t, i) => /* @__PURE__ */ jsx65(
+        /* @__PURE__ */ jsx66("div", { className: "flex", children: tabs.map((t, i) => /* @__PURE__ */ jsx66(
           "button",
           {
             type: "button",
@@ -3641,29 +3652,29 @@ var CodeBlock = React60.forwardRef(
           },
           t.name || i
         )) }),
-        !hideCopy && /* @__PURE__ */ jsx65(
+        !hideCopy && /* @__PURE__ */ jsx66(
           "button",
           {
             type: "button",
             onClick: copy,
             "aria-label": "Copy code",
             className: "rounded-[2px] p-1.5 text-muted-foreground outline-none transition-colors hover:text-foreground focus-visible:ring-1 focus-visible:ring-current",
-            children: copied ? /* @__PURE__ */ jsx65(Check7, { className: "size-4" }) : /* @__PURE__ */ jsx65(Copy, { className: "size-4" })
+            children: copied ? /* @__PURE__ */ jsx66(Check7, { className: "size-4" }) : /* @__PURE__ */ jsx66(Copy, { className: "size-4" })
           }
         )
       ] }),
       /* @__PURE__ */ jsxs36("div", { className: "relative", children: [
-        !hasHeader && !hideCopy && /* @__PURE__ */ jsx65(
+        !hasHeader && !hideCopy && /* @__PURE__ */ jsx66(
           "button",
           {
             type: "button",
             onClick: copy,
             "aria-label": "Copy code",
             className: "absolute right-2 top-2 rounded-[2px] p-1.5 text-muted-foreground outline-none transition-colors hover:text-foreground focus-visible:ring-1 focus-visible:ring-current",
-            children: copied ? /* @__PURE__ */ jsx65(Check7, { className: "size-4" }) : /* @__PURE__ */ jsx65(Copy, { className: "size-4" })
+            children: copied ? /* @__PURE__ */ jsx66(Check7, { className: "size-4" }) : /* @__PURE__ */ jsx66(Copy, { className: "size-4" })
           }
         ),
-        /* @__PURE__ */ jsx65("pre", { className: "overflow-x-auto p-4 text-body-sm text-foreground", children: /* @__PURE__ */ jsx65("code", { children: current.code }) })
+        /* @__PURE__ */ jsx66("pre", { className: "overflow-x-auto p-4 text-body-sm text-foreground", children: /* @__PURE__ */ jsx66("code", { children: current.code }) })
       ] })
     ] });
   }
@@ -3673,15 +3684,15 @@ CodeBlock.displayName = "CodeBlock";
 // src/components/metric.tsx
 import * as React61 from "react";
 import { ArrowDown, ArrowUp } from "lucide-react";
-import { jsx as jsx66, jsxs as jsxs37 } from "react/jsx-runtime";
+import { jsx as jsx67, jsxs as jsxs37 } from "react/jsx-runtime";
 var Metric = React61.forwardRef(
   ({ className, label, value, trend, change, icon, chart, ...props }, ref) => /* @__PURE__ */ jsxs37("div", { ref, className: cn("flex flex-col gap-2 rounded-md border border-input p-4 font-sans", className), ...props, children: [
     /* @__PURE__ */ jsxs37("div", { className: "flex items-center justify-between", children: [
-      /* @__PURE__ */ jsx66("p", { className: "text-body-sm text-muted-foreground", children: label }),
-      icon && /* @__PURE__ */ jsx66("span", { className: "text-muted-foreground [&_svg]:size-5", children: icon })
+      /* @__PURE__ */ jsx67("p", { className: "text-body-sm text-muted-foreground", children: label }),
+      icon && /* @__PURE__ */ jsx67("span", { className: "text-muted-foreground [&_svg]:size-5", children: icon })
     ] }),
     /* @__PURE__ */ jsxs37("div", { className: "flex items-end justify-between gap-2", children: [
-      /* @__PURE__ */ jsx66("p", { className: "text-headline-sm font-medium text-foreground", children: value }),
+      /* @__PURE__ */ jsx67("p", { className: "text-headline-sm font-medium text-foreground", children: value }),
       trend && /* @__PURE__ */ jsxs37(
         "span",
         {
@@ -3692,14 +3703,14 @@ var Metric = React61.forwardRef(
             trend === "neutral" && "text-muted-foreground"
           ),
           children: [
-            trend === "up" && /* @__PURE__ */ jsx66(ArrowUp, { className: "size-3.5" }),
-            trend === "down" && /* @__PURE__ */ jsx66(ArrowDown, { className: "size-3.5" }),
+            trend === "up" && /* @__PURE__ */ jsx67(ArrowUp, { className: "size-3.5" }),
+            trend === "down" && /* @__PURE__ */ jsx67(ArrowDown, { className: "size-3.5" }),
             change
           ]
         }
       )
     ] }),
-    chart && /* @__PURE__ */ jsx66("div", { className: "mt-1", children: chart })
+    chart && /* @__PURE__ */ jsx67("div", { className: "mt-1", children: chart })
   ] })
 );
 Metric.displayName = "Metric";
@@ -3707,7 +3718,7 @@ Metric.displayName = "Metric";
 // src/components/number-input.tsx
 import * as React62 from "react";
 import { Minus as Minus3, Plus } from "lucide-react";
-import { jsx as jsx67, jsxs as jsxs38 } from "react/jsx-runtime";
+import { jsx as jsx68, jsxs as jsxs38 } from "react/jsx-runtime";
 var NumberInput = React62.forwardRef(
   ({ className, value, defaultValue = 0, min, max, step = 1, onChange, disabled, ...props }, ref) => {
     const [internal, setInternal] = React62.useState(defaultValue);
@@ -3732,7 +3743,7 @@ var NumberInput = React62.forwardRef(
           className
         ),
         children: [
-          /* @__PURE__ */ jsx67(
+          /* @__PURE__ */ jsx68(
             "button",
             {
               type: "button",
@@ -3740,10 +3751,10 @@ var NumberInput = React62.forwardRef(
               disabled: disabled || min != null && current <= min,
               onClick: () => set(current - step),
               className: "flex w-9 shrink-0 items-center justify-center text-muted-foreground outline-none transition-colors hover:bg-accent hover:text-foreground focus-visible:bg-accent focus-visible:text-foreground focus-visible:ring-1 focus-visible:ring-inset focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-disabled",
-              children: /* @__PURE__ */ jsx67(Minus3, { className: "size-4" })
+              children: /* @__PURE__ */ jsx68(Minus3, { className: "size-4" })
             }
           ),
-          /* @__PURE__ */ jsx67(
+          /* @__PURE__ */ jsx68(
             "input",
             {
               ref,
@@ -3762,7 +3773,7 @@ var NumberInput = React62.forwardRef(
               ...props
             }
           ),
-          /* @__PURE__ */ jsx67(
+          /* @__PURE__ */ jsx68(
             "button",
             {
               type: "button",
@@ -3770,7 +3781,7 @@ var NumberInput = React62.forwardRef(
               disabled: disabled || max != null && current >= max,
               onClick: () => set(current + step),
               className: "flex w-9 shrink-0 items-center justify-center text-muted-foreground outline-none transition-colors hover:bg-accent hover:text-foreground focus-visible:bg-accent focus-visible:text-foreground focus-visible:ring-1 focus-visible:ring-inset focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-disabled",
-              children: /* @__PURE__ */ jsx67(Plus, { className: "size-4" })
+              children: /* @__PURE__ */ jsx68(Plus, { className: "size-4" })
             }
           )
         ]
@@ -3782,7 +3793,7 @@ NumberInput.displayName = "NumberInput";
 
 // src/components/quote.tsx
 import * as React63 from "react";
-import { jsx as jsx68, jsxs as jsxs39 } from "react/jsx-runtime";
+import { jsx as jsx69, jsxs as jsxs39 } from "react/jsx-runtime";
 var Quote = React63.forwardRef(
   ({ className, author, authorTitle, avatar, children, ...props }, ref) => /* @__PURE__ */ jsxs39("figure", { ref, className: cn("flex flex-col gap-4 font-sans", className), ...props, children: [
     /* @__PURE__ */ jsxs39("blockquote", { className: "text-title-md font-medium text-foreground", children: [
@@ -3793,8 +3804,8 @@ var Quote = React63.forwardRef(
     (author || authorTitle) && /* @__PURE__ */ jsxs39("figcaption", { className: "flex items-center gap-3", children: [
       avatar,
       /* @__PURE__ */ jsxs39("div", { children: [
-        author && /* @__PURE__ */ jsx68("p", { className: "text-body-md font-medium text-foreground", children: author }),
-        authorTitle && /* @__PURE__ */ jsx68("p", { className: "text-body-sm text-muted-foreground", children: authorTitle })
+        author && /* @__PURE__ */ jsx69("p", { className: "text-body-md font-medium text-foreground", children: author }),
+        authorTitle && /* @__PURE__ */ jsx69("p", { className: "text-body-sm text-muted-foreground", children: authorTitle })
       ] })
     ] })
   ] })
@@ -3803,20 +3814,20 @@ Quote.displayName = "Quote";
 
 // src/components/footer.tsx
 import * as React64 from "react";
-import { jsx as jsx69, jsxs as jsxs40 } from "react/jsx-runtime";
+import { jsx as jsx70, jsxs as jsxs40 } from "react/jsx-runtime";
 var Footer = React64.forwardRef(
-  ({ className, children, ...props }, ref) => /* @__PURE__ */ jsx69("footer", { ref, className: cn("w-full border-t border-border bg-background px-6 py-10 font-sans", className), ...props, children })
+  ({ className, children, ...props }, ref) => /* @__PURE__ */ jsx70("footer", { ref, className: cn("w-full border-t border-border bg-background px-6 py-10 font-sans", className), ...props, children })
 );
 Footer.displayName = "Footer";
 var FooterColumn = React64.forwardRef(
   ({ className, title, children, ...props }, ref) => /* @__PURE__ */ jsxs40("div", { ref, className: cn("flex flex-col gap-3", className), ...props, children: [
-    /* @__PURE__ */ jsx69("p", { className: "text-label-md font-medium text-foreground", children: title }),
-    /* @__PURE__ */ jsx69("div", { className: "flex flex-col gap-2", children })
+    /* @__PURE__ */ jsx70("p", { className: "text-label-md font-medium text-foreground", children: title }),
+    /* @__PURE__ */ jsx70("div", { className: "flex flex-col gap-2", children })
   ] })
 );
 FooterColumn.displayName = "FooterColumn";
 var FooterLink = React64.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx69(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx70(
     "a",
     {
       ref,
@@ -3830,7 +3841,7 @@ var FooterLink = React64.forwardRef(
 );
 FooterLink.displayName = "FooterLink";
 var FooterBottom = React64.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx69(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx70(
     "div",
     {
       ref,
@@ -3846,11 +3857,11 @@ FooterBottom.displayName = "FooterBottom";
 
 // src/components/table-of-contents.tsx
 import * as React65 from "react";
-import { jsx as jsx70 } from "react/jsx-runtime";
+import { jsx as jsx71 } from "react/jsx-runtime";
 var TableOfContents = React65.forwardRef(
-  ({ className, items, active, ...props }, ref) => /* @__PURE__ */ jsx70("nav", { ref, "aria-label": "Table of contents", className: cn("flex flex-col gap-0.5 font-sans", className), ...props, children: items.map((item) => {
+  ({ className, items, active, ...props }, ref) => /* @__PURE__ */ jsx71("nav", { ref, "aria-label": "Table of contents", className: cn("flex flex-col gap-0.5 font-sans", className), ...props, children: items.map((item) => {
     const isActive = item.id === active;
-    return /* @__PURE__ */ jsx70(
+    return /* @__PURE__ */ jsx71(
       "a",
       {
         href: `#${item.id}`,
@@ -3871,10 +3882,10 @@ TableOfContents.displayName = "TableOfContents";
 // src/components/kbd.tsx
 import * as React66 from "react";
 import { Slot as Slot10 } from "@radix-ui/react-slot";
-import { jsx as jsx71 } from "react/jsx-runtime";
+import { jsx as jsx72 } from "react/jsx-runtime";
 var Kbd = React66.forwardRef(({ className, asChild = false, ...props }, ref) => {
   const Comp = asChild ? Slot10 : "kbd";
-  return /* @__PURE__ */ jsx71(
+  return /* @__PURE__ */ jsx72(
     Comp,
     {
       ref,
@@ -3887,15 +3898,15 @@ var Kbd = React66.forwardRef(({ className, asChild = false, ...props }, ref) =>
   );
 });
 Kbd.displayName = "Kbd";
-var KbdGroup = React66.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx71("kbd", { ref, className: cn("inline-flex items-center gap-1", className), ...props }));
+var KbdGroup = React66.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx72("kbd", { ref, className: cn("inline-flex items-center gap-1", className), ...props }));
 KbdGroup.displayName = "KbdGroup";
 
 // src/components/empty.tsx
 import * as React67 from "react";
 import { cva as cva18 } from "class-variance-authority";
-import { jsx as jsx72 } from "react/jsx-runtime";
+import { jsx as jsx73 } from "react/jsx-runtime";
 var Empty = React67.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx72(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx73(
     "div",
     {
       ref,
@@ -3906,7 +3917,7 @@ var Empty = React67.forwardRef(
 );
 Empty.displayName = "Empty";
 var EmptyHeader = React67.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx72("div", { ref, className: cn("flex max-w-sm flex-col items-center gap-2", className), ...props })
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx73("div", { ref, className: cn("flex max-w-sm flex-col items-center gap-2", className), ...props })
 );
 EmptyHeader.displayName = "EmptyHeader";
 var emptyMediaVariants = cva18("flex shrink-0 items-center justify-center", {
@@ -3920,27 +3931,27 @@ var emptyMediaVariants = cva18("flex shrink-0 items-center justify-center", {
   defaultVariants: { variant: "default" }
 });
 var EmptyMedia = React67.forwardRef(
-  ({ className, variant, ...props }, ref) => /* @__PURE__ */ jsx72("div", { ref, className: cn(emptyMediaVariants({ variant }), className), ...props })
+  ({ className, variant, ...props }, ref) => /* @__PURE__ */ jsx73("div", { ref, className: cn(emptyMediaVariants({ variant }), className), ...props })
 );
 EmptyMedia.displayName = "EmptyMedia";
 var EmptyTitle = React67.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx72("p", { ref, className: cn("text-title-sm font-medium text-foreground", className), ...props })
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx73("p", { ref, className: cn("text-title-sm font-medium text-foreground", className), ...props })
 );
 EmptyTitle.displayName = "EmptyTitle";
 var EmptyDescription = React67.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx72("p", { ref, className: cn("text-body-sm text-muted-foreground", className), ...props })
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx73("p", { ref, className: cn("text-body-sm text-muted-foreground", className), ...props })
 );
 EmptyDescription.displayName = "EmptyDescription";
 var EmptyContent = React67.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx72("div", { ref, className: cn("flex flex-col items-center gap-3", className), ...props })
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx73("div", { ref, className: cn("flex flex-col items-center gap-3", className), ...props })
 );
 EmptyContent.displayName = "EmptyContent";
 
 // src/components/button-group.tsx
 import * as React68 from "react";
-import { jsx as jsx73 } from "react/jsx-runtime";
+import { jsx as jsx74 } from "react/jsx-runtime";
 var ButtonGroup = React68.forwardRef(
-  ({ className, orientation = "horizontal", ...props }, ref) => /* @__PURE__ */ jsx73(
+  ({ className, orientation = "horizontal", ...props }, ref) => /* @__PURE__ */ jsx74(
     "div",
     {
       ref,
@@ -3957,7 +3968,7 @@ var ButtonGroup = React68.forwardRef(
 );
 ButtonGroup.displayName = "ButtonGroup";
 var ButtonGroupSeparator = React68.forwardRef(
-  ({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ jsx73(
+  ({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ jsx74(
     "div",
     {
       ref,
@@ -3970,7 +3981,7 @@ var ButtonGroupSeparator = React68.forwardRef(
 );
 ButtonGroupSeparator.displayName = "ButtonGroupSeparator";
 var ButtonGroupText = React68.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx73(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx74(
     "span",
     {
       ref,
@@ -3988,10 +3999,10 @@ ButtonGroupText.displayName = "ButtonGroupText";
 import * as React69 from "react";
 import { ChevronDown as ChevronDown4 } from "lucide-react";
 import { cva as cva19 } from "class-variance-authority";
-import { jsx as jsx74, jsxs as jsxs41 } from "react/jsx-runtime";
+import { jsx as jsx75, jsxs as jsxs41 } from "react/jsx-runtime";
 var nativeSelectVariants = cva19(
   [
-    "flex w-full appearance-none border border-input bg-background px-3 py-3 pr-9",
+    "flex w-full appearance-none border border-input bg-background px-3 py-3 pe-9",
     "font-sans text-[14px] leading-5 tracking-[0.25px] text-foreground",
     "outline-none transition-colors",
     "focus-visible:border-primary focus-visible:shadow-focus",
@@ -4018,7 +4029,7 @@ var nativeSelectVariants = cva19(
 );
 var NativeSelect = React69.forwardRef(
   ({ className, state, corners, disabled, "aria-invalid": ariaInvalid, children, ...props }, ref) => /* @__PURE__ */ jsxs41("div", { className: "relative", children: [
-    /* @__PURE__ */ jsx74(
+    /* @__PURE__ */ jsx75(
       "select",
       {
         ref,
@@ -4031,24 +4042,24 @@ var NativeSelect = React69.forwardRef(
         children
       }
     ),
-    /* @__PURE__ */ jsx74(ChevronDown4, { className: "pointer-events-none absolute right-3 top-1/2 size-4 -translate-y-1/2 text-muted-foreground" })
+    /* @__PURE__ */ jsx75(ChevronDown4, { className: "pointer-events-none absolute end-3 top-1/2 size-4 -translate-y-1/2 text-muted-foreground" })
   ] })
 );
 NativeSelect.displayName = "NativeSelect";
 var NativeSelectOption = React69.forwardRef(
-  ({ ...props }, ref) => /* @__PURE__ */ jsx74("option", { ref, ...props })
+  ({ ...props }, ref) => /* @__PURE__ */ jsx75("option", { ref, ...props })
 );
 NativeSelectOption.displayName = "NativeSelectOption";
 var NativeSelectOptGroup = React69.forwardRef(
-  ({ ...props }, ref) => /* @__PURE__ */ jsx74("optgroup", { ref, ...props })
+  ({ ...props }, ref) => /* @__PURE__ */ jsx75("optgroup", { ref, ...props })
 );
 NativeSelectOptGroup.displayName = "NativeSelectOptGroup";
 
 // src/components/description-list.tsx
 import * as React70 from "react";
-import { jsx as jsx75, jsxs as jsxs42 } from "react/jsx-runtime";
+import { jsx as jsx76, jsxs as jsxs42 } from "react/jsx-runtime";
 var DescriptionList = React70.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx75(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx76(
     "dl",
     {
       ref,
@@ -4066,7 +4077,7 @@ var DescriptionListItem = React70.forwardRef(
       className: cn("gap-3 px-3.5 py-2.5", layout === "row" ? "flex items-baseline" : "flex flex-col", className),
       ...props,
       children: [
-        /* @__PURE__ */ jsx75(
+        /* @__PURE__ */ jsx76(
           "dt",
           {
             className: cn(
@@ -4076,7 +4087,7 @@ var DescriptionListItem = React70.forwardRef(
             children: term
           }
         ),
-        /* @__PURE__ */ jsx75("dd", { className: "min-w-0 text-body-sm text-foreground", children })
+        /* @__PURE__ */ jsx76("dd", { className: "min-w-0 text-body-sm text-foreground", children })
       ]
     }
   )
@@ -4087,7 +4098,7 @@ DescriptionListItem.displayName = "DescriptionListItem";
 import * as React71 from "react";
 import { cva as cva20 } from "class-variance-authority";
 import { CircleAlert as CircleAlert3, CircleCheck as CircleCheck3, Info as Info3, TriangleAlert as TriangleAlert4, X as X8 } from "lucide-react";
-import { jsx as jsx76, jsxs as jsxs43 } from "react/jsx-runtime";
+import { jsx as jsx77, jsxs as jsxs43 } from "react/jsx-runtime";
 var bannerVariants = cva20(
   "flex w-full items-start gap-2.5 border-b px-4 py-3 text-body-sm font-sans [&>svg]:mt-0.5 [&>svg]:size-4 [&>svg]:shrink-0",
   {
@@ -4118,10 +4129,10 @@ var Banner = React71.forwardRef(
   ({ className, variant = "information", sticky, hideIcon, onDismiss, action, children, ...props }, ref) => {
     const Icon2 = ICON2[variant ?? "information"];
     return /* @__PURE__ */ jsxs43("div", { ref, role: "banner", className: cn(bannerVariants({ variant, sticky }), className), ...props, children: [
-      !hideIcon && /* @__PURE__ */ jsx76(Icon2, {}),
+      !hideIcon && /* @__PURE__ */ jsx77(Icon2, {}),
       /* @__PURE__ */ jsxs43("div", { className: "mx-auto flex min-w-0 max-w-4xl flex-1 flex-wrap items-center justify-center gap-x-3 gap-y-1 text-center", children: [
-        /* @__PURE__ */ jsx76("span", { children }),
-        action && /* @__PURE__ */ jsx76(
+        /* @__PURE__ */ jsx77("span", { children }),
+        action && /* @__PURE__ */ jsx77(
           "button",
           {
             type: "button",
@@ -4131,14 +4142,14 @@ var Banner = React71.forwardRef(
           }
         )
       ] }),
-      onDismiss && /* @__PURE__ */ jsx76(
+      onDismiss && /* @__PURE__ */ jsx77(
         "button",
         {
           type: "button",
           onClick: onDismiss,
           "aria-label": "Dismiss",
           className: "-m-0.5 shrink-0 rounded-[2px] p-0.5 opacity-muted outline-none transition-opacity hover:opacity-visible focus-visible:opacity-visible focus-visible:ring-1 focus-visible:ring-current",
-          children: /* @__PURE__ */ jsx76(X8, { className: "size-3.5" })
+          children: /* @__PURE__ */ jsx77(X8, { className: "size-3.5" })
         }
       )
     ] });
@@ -4149,8 +4160,8 @@ Banner.displayName = "Banner";
 // src/components/segmented-control.tsx
 import * as React72 from "react";
 import * as ToggleGroupPrimitive2 from "@radix-ui/react-toggle-group";
-import { jsx as jsx77 } from "react/jsx-runtime";
-var SegmentedControl = React72.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx77(
+import { jsx as jsx78 } from "react/jsx-runtime";
+var SegmentedControl = React72.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx78(
   ToggleGroupPrimitive2.Root,
   {
     ref,
@@ -4160,7 +4171,7 @@ var SegmentedControl = React72.forwardRef(({ className, ...props }, ref) => /* @
   }
 ));
 SegmentedControl.displayName = "SegmentedControl";
-var SegmentedControlItem = React72.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx77(
+var SegmentedControlItem = React72.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx78(
   ToggleGroupPrimitive2.Item,
   {
     ref,
@@ -4178,30 +4189,30 @@ SegmentedControlItem.displayName = "SegmentedControlItem";
 
 // src/components/timeline.tsx
 import * as React73 from "react";
-import { jsx as jsx78, jsxs as jsxs44 } from "react/jsx-runtime";
+import { jsx as jsx79, jsxs as jsxs44 } from "react/jsx-runtime";
 var Body = ({ item, align }) => /* @__PURE__ */ jsxs44("div", { className: cn("pb-6", align === "right" && "text-right"), children: [
-  item.time && /* @__PURE__ */ jsx78("p", { className: "text-label-sm text-muted-foreground", children: item.time }),
-  /* @__PURE__ */ jsx78("p", { className: "text-label-md font-medium text-foreground", children: item.title }),
-  item.content && /* @__PURE__ */ jsx78("div", { className: "text-body-sm text-muted-foreground", children: item.content })
+  item.time && /* @__PURE__ */ jsx79("p", { className: "text-label-sm text-muted-foreground", children: item.time }),
+  /* @__PURE__ */ jsx79("p", { className: "text-label-md font-medium text-foreground", children: item.title }),
+  item.content && /* @__PURE__ */ jsx79("div", { className: "text-body-sm text-muted-foreground", children: item.content })
 ] });
 var Rail = ({ item, isLast }) => /* @__PURE__ */ jsxs44("div", { className: "flex flex-col items-center", children: [
-  /* @__PURE__ */ jsx78("span", { className: "flex size-2.5 shrink-0 items-center justify-center rounded-full bg-primary", children: item.icon }),
-  !isLast && /* @__PURE__ */ jsx78("span", { "aria-hidden": true, className: "my-1 w-px flex-1 bg-border" })
+  /* @__PURE__ */ jsx79("span", { className: "flex size-2.5 shrink-0 items-center justify-center rounded-full bg-primary", children: item.icon }),
+  !isLast && /* @__PURE__ */ jsx79("span", { "aria-hidden": true, className: "my-1 w-px flex-1 bg-border" })
 ] });
 var Timeline = React73.forwardRef(
-  ({ className, items, alternating = false, ...props }, ref) => /* @__PURE__ */ jsx78("ol", { ref, className: cn("flex flex-col font-sans", className), ...props, children: items.map((item, i) => {
+  ({ className, items, alternating = false, ...props }, ref) => /* @__PURE__ */ jsx79("ol", { ref, className: cn("flex flex-col font-sans", className), ...props, children: items.map((item, i) => {
     const isLast = i === items.length - 1;
     if (!alternating) {
       return /* @__PURE__ */ jsxs44("li", { className: "grid grid-cols-[auto_1fr] gap-x-3", children: [
-        /* @__PURE__ */ jsx78(Rail, { item, isLast }),
-        /* @__PURE__ */ jsx78(Body, { item, align: "left" })
+        /* @__PURE__ */ jsx79(Rail, { item, isLast }),
+        /* @__PURE__ */ jsx79(Body, { item, align: "left" })
       ] }, i);
     }
     const onRight = i % 2 === 0;
     return /* @__PURE__ */ jsxs44("li", { className: "grid grid-cols-[1fr_auto_1fr] gap-x-4", children: [
-      onRight ? /* @__PURE__ */ jsx78("div", {}) : /* @__PURE__ */ jsx78(Body, { item, align: "right" }),
-      /* @__PURE__ */ jsx78(Rail, { item, isLast }),
-      onRight ? /* @__PURE__ */ jsx78(Body, { item, align: "left" }) : /* @__PURE__ */ jsx78("div", {})
+      onRight ? /* @__PURE__ */ jsx79("div", {}) : /* @__PURE__ */ jsx79(Body, { item, align: "right" }),
+      /* @__PURE__ */ jsx79(Rail, { item, isLast }),
+      onRight ? /* @__PURE__ */ jsx79(Body, { item, align: "left" }) : /* @__PURE__ */ jsx79("div", {})
     ] }, i);
   }) })
 );
@@ -4209,9 +4220,9 @@ Timeline.displayName = "Timeline";
 
 // src/components/marquee.tsx
 import * as React74 from "react";
-import { jsx as jsx79, jsxs as jsxs45 } from "react/jsx-runtime";
+import { jsx as jsx80, jsxs as jsxs45 } from "react/jsx-runtime";
 var Marquee = React74.forwardRef(
-  ({ className, children, durationSeconds = 32, pauseOnHover = true, style, ...props }, ref) => /* @__PURE__ */ jsx79(
+  ({ className, children, durationSeconds = 32, pauseOnHover = true, style, ...props }, ref) => /* @__PURE__ */ jsx80(
     "div",
     {
       ref,
@@ -4230,8 +4241,8 @@ var Marquee = React74.forwardRef(
             pauseOnHover && "group-hover:[animation-play-state:paused]"
           ),
           children: [
-            /* @__PURE__ */ jsx79("div", { className: "flex shrink-0 items-center", children }),
-            /* @__PURE__ */ jsx79("div", { "aria-hidden": "true", className: "flex shrink-0 items-center", children })
+            /* @__PURE__ */ jsx80("div", { className: "flex shrink-0 items-center", children }),
+            /* @__PURE__ */ jsx80("div", { "aria-hidden": "true", className: "flex shrink-0 items-center", children })
           ]
         }
       )
@@ -4244,7 +4255,7 @@ Marquee.displayName = "Marquee";
 import * as React75 from "react";
 import * as SliderPrimitive2 from "@radix-ui/react-slider";
 import { GripVertical as GripVertical2 } from "lucide-react";
-import { jsx as jsx80, jsxs as jsxs46 } from "react/jsx-runtime";
+import { jsx as jsx81, jsxs as jsxs46 } from "react/jsx-runtime";
 var ComparisonSlider = React75.forwardRef(
   ({ className, before, after, beforeLabel, afterLabel, value, defaultValue = 50, onValueChange, ...props }, ref) => {
     const [internal, setInternal] = React75.useState(defaultValue);
@@ -4265,9 +4276,9 @@ var ComparisonSlider = React75.forwardRef(
         ),
         ...props,
         children: [
-          /* @__PURE__ */ jsx80("div", { className: "absolute inset-0", children: before }),
-          /* @__PURE__ */ jsx80("div", { className: "absolute inset-0 overflow-hidden", style: { clipPath: `inset(0 0 0 ${current}%)` }, children: after }),
-          /* @__PURE__ */ jsx80(
+          /* @__PURE__ */ jsx81("div", { className: "absolute inset-0", children: before }),
+          /* @__PURE__ */ jsx81("div", { className: "absolute inset-0 overflow-hidden", style: { clipPath: `inset(0 0 0 ${current}%)` }, children: after }),
+          /* @__PURE__ */ jsx81(
             "div",
             {
               "aria-hidden": true,
@@ -4275,8 +4286,8 @@ var ComparisonSlider = React75.forwardRef(
               style: { left: `${current}%` }
             }
           ),
-          beforeLabel && /* @__PURE__ */ jsx80("span", { className: "absolute left-2 top-2 rounded bg-background/80 px-2 py-0.5 text-label-sm text-foreground backdrop-blur-sm", children: beforeLabel }),
-          afterLabel && /* @__PURE__ */ jsx80("span", { className: "absolute right-2 top-2 rounded bg-background/80 px-2 py-0.5 text-label-sm text-foreground backdrop-blur-sm", children: afterLabel }),
+          beforeLabel && /* @__PURE__ */ jsx81("span", { className: "absolute left-2 top-2 rounded bg-background/80 px-2 py-0.5 text-label-sm text-foreground backdrop-blur-sm", children: beforeLabel }),
+          afterLabel && /* @__PURE__ */ jsx81("span", { className: "absolute right-2 top-2 rounded bg-background/80 px-2 py-0.5 text-label-sm text-foreground backdrop-blur-sm", children: afterLabel }),
           /* @__PURE__ */ jsxs46(
             SliderPrimitive2.Root,
             {
@@ -4286,13 +4297,13 @@ var ComparisonSlider = React75.forwardRef(
               step: 0.1,
               className: "absolute inset-0 flex touch-none items-center",
               children: [
-                /* @__PURE__ */ jsx80(SliderPrimitive2.Track, { className: "relative h-full w-full grow bg-transparent", children: /* @__PURE__ */ jsx80(SliderPrimitive2.Range, { className: "absolute h-full bg-transparent" }) }),
-                /* @__PURE__ */ jsx80(
+                /* @__PURE__ */ jsx81(SliderPrimitive2.Track, { className: "relative h-full w-full grow bg-transparent", children: /* @__PURE__ */ jsx81(SliderPrimitive2.Range, { className: "absolute h-full bg-transparent" }) }),
+                /* @__PURE__ */ jsx81(
                   SliderPrimitive2.Thumb,
                   {
                     "aria-label": "Comparison position",
                     className: "flex size-8 shrink-0 items-center justify-center rounded-full border-2 border-background bg-background/90 text-foreground shadow-md outline-none focus-visible:ring-2 focus-visible:ring-ring",
-                    children: /* @__PURE__ */ jsx80(GripVertical2, { className: "size-4" })
+                    children: /* @__PURE__ */ jsx81(GripVertical2, { className: "size-4" })
                   }
                 )
               ]
@@ -4307,7 +4318,7 @@ ComparisonSlider.displayName = "ComparisonSlider";
 
 // src/components/page-header.tsx
 import * as React76 from "react";
-import { jsx as jsx81, jsxs as jsxs47 } from "react/jsx-runtime";
+import { jsx as jsx82, jsxs as jsxs47 } from "react/jsx-runtime";
 var PageHeader = React76.forwardRef(
   ({ className, title, description, breadcrumb, actions, tabs, ...props }, ref) => /* @__PURE__ */ jsxs47(
     "div",
@@ -4316,15 +4327,15 @@ var PageHeader = React76.forwardRef(
       className: cn("flex flex-col gap-4 border-b border-border pb-6 font-sans", className),
       ...props,
       children: [
-        breadcrumb && /* @__PURE__ */ jsx81("div", { className: "text-body-sm", children: breadcrumb }),
+        breadcrumb && /* @__PURE__ */ jsx82("div", { className: "text-body-sm", children: breadcrumb }),
         /* @__PURE__ */ jsxs47("div", { className: "flex flex-wrap items-start justify-between gap-4", children: [
           /* @__PURE__ */ jsxs47("div", { className: "flex min-w-0 flex-col gap-1", children: [
-            /* @__PURE__ */ jsx81("h1", { className: "text-headline-sm font-medium text-foreground", children: title }),
-            description && /* @__PURE__ */ jsx81("p", { className: "text-body-md text-muted-foreground", children: description })
+            /* @__PURE__ */ jsx82("h1", { className: "text-headline-sm font-medium text-foreground", children: title }),
+            description && /* @__PURE__ */ jsx82("p", { className: "text-body-md text-muted-foreground", children: description })
           ] }),
-          actions && /* @__PURE__ */ jsx81("div", { className: "flex shrink-0 flex-wrap items-center gap-2", children: actions })
+          actions && /* @__PURE__ */ jsx82("div", { className: "flex shrink-0 flex-wrap items-center gap-2", children: actions })
         ] }),
-        tabs && /* @__PURE__ */ jsx81("div", { className: "-mb-6", children: tabs })
+        tabs && /* @__PURE__ */ jsx82("div", { className: "-mb-6", children: tabs })
       ]
     }
   )
@@ -4334,10 +4345,10 @@ PageHeader.displayName = "PageHeader";
 // src/components/notification-center.tsx
 import * as React77 from "react";
 import { Bell } from "lucide-react";
-import { jsx as jsx82, jsxs as jsxs48 } from "react/jsx-runtime";
+import { jsx as jsx83, jsxs as jsxs48 } from "react/jsx-runtime";
 var NotificationCenter = Popover;
 var NotificationCenterTrigger = React77.forwardRef(
-  ({ className, unreadCount = 0, children, ...props }, ref) => /* @__PURE__ */ jsx82(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs48(
+  ({ className, unreadCount = 0, children, ...props }, ref) => /* @__PURE__ */ jsx83(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs48(
     Button,
     {
       ref,
@@ -4347,8 +4358,8 @@ var NotificationCenterTrigger = React77.forwardRef(
       className: cn("relative", className),
       ...props,
       children: [
-        children ?? /* @__PURE__ */ jsx82(Bell, { className: "size-5" }),
-        unreadCount > 0 && /* @__PURE__ */ jsx82("span", { className: "absolute right-1.5 top-1.5 flex size-2 rounded-full bg-destructive ring-2 ring-background" })
+        children ?? /* @__PURE__ */ jsx83(Bell, { className: "size-5" }),
+        unreadCount > 0 && /* @__PURE__ */ jsx83("span", { className: "absolute right-1.5 top-1.5 flex size-2 rounded-full bg-destructive ring-2 ring-background" })
       ]
     }
   ) })
@@ -4357,8 +4368,8 @@ NotificationCenterTrigger.displayName = "NotificationCenterTrigger";
 var NotificationCenterContent = React77.forwardRef(
   ({ className, onMarkAllRead, children, align = "end", ...props }, ref) => /* @__PURE__ */ jsxs48(PopoverContent, { ref, align, className: cn("w-80 p-0", className), ...props, children: [
     /* @__PURE__ */ jsxs48("div", { className: "flex items-center justify-between border-b border-border px-4 py-3", children: [
-      /* @__PURE__ */ jsx82("p", { className: "text-title-sm font-medium text-foreground", children: "Notifications" }),
-      onMarkAllRead && /* @__PURE__ */ jsx82(
+      /* @__PURE__ */ jsx83("p", { className: "text-title-sm font-medium text-foreground", children: "Notifications" }),
+      onMarkAllRead && /* @__PURE__ */ jsx83(
         "button",
         {
           type: "button",
@@ -4368,7 +4379,7 @@ var NotificationCenterContent = React77.forwardRef(
         }
       )
     ] }),
-    /* @__PURE__ */ jsx82("div", { className: "flex max-h-80 flex-col divide-y divide-border overflow-y-auto", children })
+    /* @__PURE__ */ jsx83("div", { className: "flex max-h-80 flex-col divide-y divide-border overflow-y-auto", children })
   ] })
 );
 NotificationCenterContent.displayName = "NotificationCenterContent";
@@ -4395,11 +4406,11 @@ var NotificationItem = React77.forwardRef(
         ),
         ...props,
         children: [
-          /* @__PURE__ */ jsx82("span", { className: cn("mt-1.5 size-2 shrink-0 rounded-full", unread ? "bg-primary" : "bg-transparent") }),
+          /* @__PURE__ */ jsx83("span", { className: cn("mt-1.5 size-2 shrink-0 rounded-full", unread ? "bg-primary" : "bg-transparent") }),
           /* @__PURE__ */ jsxs48("div", { className: "min-w-0 flex-1", children: [
-            /* @__PURE__ */ jsx82("p", { className: cn("truncate text-body-sm", unread ? "font-medium text-foreground" : "text-muted-foreground"), children: title }),
-            description && /* @__PURE__ */ jsx82("p", { className: "truncate text-body-sm text-muted-foreground", children: description }),
-            time && /* @__PURE__ */ jsx82("p", { className: "mt-0.5 text-label-sm text-muted-foreground", children: time })
+            /* @__PURE__ */ jsx83("p", { className: cn("truncate text-body-sm", unread ? "font-medium text-foreground" : "text-muted-foreground"), children: title }),
+            description && /* @__PURE__ */ jsx83("p", { className: "truncate text-body-sm text-muted-foreground", children: description }),
+            time && /* @__PURE__ */ jsx83("p", { className: "mt-0.5 text-label-sm text-muted-foreground", children: time })
           ] })
         ]
       }
@@ -4411,7 +4422,7 @@ NotificationItem.displayName = "NotificationItem";
 // src/components/tree-view.tsx
 import * as React78 from "react";
 import { ChevronRight as ChevronRight7 } from "lucide-react";
-import { jsx as jsx83, jsxs as jsxs49 } from "react/jsx-runtime";
+import { jsx as jsx84, jsxs as jsxs49 } from "react/jsx-runtime";
 var TreeViewContext = React78.createContext(null);
 function useTreeViewContext() {
   const ctx = React78.useContext(TreeViewContext);
@@ -4468,7 +4479,7 @@ var TreeView = React78.forwardRef(
       setTabbableValue,
       firstValueRef
     };
-    return /* @__PURE__ */ jsx83(
+    return /* @__PURE__ */ jsx84(
       "div",
       {
         ref,
@@ -4476,7 +4487,7 @@ var TreeView = React78.forwardRef(
         "aria-multiselectable": checkable || void 0,
         className: cn("flex flex-col font-sans", className),
         ...props,
-        children: /* @__PURE__ */ jsx83(TreeViewContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx83(TreeLevelContext.Provider, { value: 0, children }) })
+        children: /* @__PURE__ */ jsx84(TreeViewContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx84(TreeLevelContext.Provider, { value: 0, children }) })
       }
     );
   }
@@ -4574,7 +4585,7 @@ var TreeItem = React78.forwardRef(
                 "focus-visible:ring-1 focus-visible:ring-inset focus-visible:ring-ring"
               ),
               children: [
-                hasChildren ? /* @__PURE__ */ jsx83(
+                hasChildren ? /* @__PURE__ */ jsx84(
                   ChevronRight7,
                   {
                     className: cn("size-4 shrink-0 text-muted-foreground transition-transform", expanded && "rotate-90"),
@@ -4583,8 +4594,8 @@ var TreeItem = React78.forwardRef(
                       ctx.toggleExpanded(value);
                     }
                   }
-                ) : /* @__PURE__ */ jsx83("span", { className: "size-4 shrink-0" }),
-                ctx.checkable && /* @__PURE__ */ jsx83(
+                ) : /* @__PURE__ */ jsx84("span", { className: "size-4 shrink-0" }),
+                ctx.checkable && /* @__PURE__ */ jsx84(
                   Checkbox,
                   {
                     checked: isChecked,
@@ -4594,11 +4605,11 @@ var TreeItem = React78.forwardRef(
                   }
                 ),
                 icon,
-                /* @__PURE__ */ jsx83("span", { className: "truncate", children: label })
+                /* @__PURE__ */ jsx84("span", { className: "truncate", children: label })
               ]
             }
           ),
-          hasChildren && expanded && /* @__PURE__ */ jsx83("div", { role: "group", children: /* @__PURE__ */ jsx83(TreeLevelContext.Provider, { value: level + 1, children }) })
+          hasChildren && expanded && /* @__PURE__ */ jsx84("div", { role: "group", children: /* @__PURE__ */ jsx84(TreeLevelContext.Provider, { value: level + 1, children }) })
         ]
       }
     );
@@ -4609,7 +4620,7 @@ TreeItem.displayName = "TreeItem";
 // src/components/multi-select.tsx
 import * as React79 from "react";
 import { Check as Check8 } from "lucide-react";
-import { jsx as jsx84, jsxs as jsxs50 } from "react/jsx-runtime";
+import { jsx as jsx85, jsxs as jsxs50 } from "react/jsx-runtime";
 var MultiSelect = React79.forwardRef(
   ({ className, options, value, defaultValue = [], onValueChange, placeholder = "Select\u2026", creatable = false, ...props }, ref) => {
     const [internal, setInternal] = React79.useState(defaultValue);
@@ -4627,7 +4638,7 @@ var MultiSelect = React79.forwardRef(
     const canCreate = creatable && trimmed.length > 0 && !options.some((o) => o.label.toLowerCase() === trimmed.toLowerCase());
     const visibleOptions = creatable ? options.filter((o) => o.label.toLowerCase().includes(trimmed.toLowerCase())) : options;
     return /* @__PURE__ */ jsxs50(Popover, { open, onOpenChange: setOpen, children: [
-      /* @__PURE__ */ jsx84(PopoverAnchor, { asChild: true, children: /* @__PURE__ */ jsxs50(
+      /* @__PURE__ */ jsx85(PopoverAnchor, { asChild: true, children: /* @__PURE__ */ jsxs50(
         "div",
         {
           ref,
@@ -4650,21 +4661,21 @@ var MultiSelect = React79.forwardRef(
           ),
           ...props,
           children: [
-            current.length === 0 && /* @__PURE__ */ jsx84("span", { className: "text-body-sm text-muted-foreground", children: placeholder }),
-            current.map((v) => /* @__PURE__ */ jsx84(Tag, { variant: "secondary", onRemove: () => remove(v), onClick: (e) => e.stopPropagation(), children: labelFor(v) }, v))
+            current.length === 0 && /* @__PURE__ */ jsx85("span", { className: "text-body-sm text-muted-foreground", children: placeholder }),
+            current.map((v) => /* @__PURE__ */ jsx85(Tag, { variant: "secondary", onRemove: () => remove(v), onClick: (e) => e.stopPropagation(), children: labelFor(v) }, v))
           ]
         }
       ) }),
-      /* @__PURE__ */ jsx84(
+      /* @__PURE__ */ jsx85(
         PopoverContent,
         {
           align: "start",
           className: "w-[var(--radix-popover-trigger-width)] p-0",
           onOpenAutoFocus: (e) => e.preventDefault(),
           children: /* @__PURE__ */ jsxs50(Command, { shouldFilter: !creatable, children: [
-            /* @__PURE__ */ jsx84(CommandInput, { placeholder: "Search\u2026", value: query, onValueChange: setQuery }),
+            /* @__PURE__ */ jsx85(CommandInput, { placeholder: "Search\u2026", value: query, onValueChange: setQuery }),
             /* @__PURE__ */ jsxs50(CommandList, { children: [
-              /* @__PURE__ */ jsx84(CommandEmpty, { children: canCreate ? /* @__PURE__ */ jsxs50(
+              /* @__PURE__ */ jsx85(CommandEmpty, { children: canCreate ? /* @__PURE__ */ jsxs50(
                 "button",
                 {
                   type: "button",
@@ -4680,8 +4691,8 @@ var MultiSelect = React79.forwardRef(
                   ]
                 }
               ) : "No results." }),
-              /* @__PURE__ */ jsx84(CommandGroup, { children: visibleOptions.map((option) => /* @__PURE__ */ jsxs50(CommandItem, { value: option.label, onSelect: () => toggle(option.value), children: [
-                /* @__PURE__ */ jsx84(Check8, { className: cn("size-4", current.includes(option.value) ? "opacity-100" : "opacity-0") }),
+              /* @__PURE__ */ jsx85(CommandGroup, { children: visibleOptions.map((option) => /* @__PURE__ */ jsxs50(CommandItem, { value: option.label, onSelect: () => toggle(option.value), children: [
+                /* @__PURE__ */ jsx85(Check8, { className: cn("size-4", current.includes(option.value) ? "opacity-100" : "opacity-0") }),
                 option.label
               ] }, option.value)) })
             ] })
@@ -4696,14 +4707,14 @@ MultiSelect.displayName = "MultiSelect";
 // src/components/message-bubble.tsx
 import * as React80 from "react";
 import { Check as Check9, CheckCheck } from "lucide-react";
-import { jsx as jsx85, jsxs as jsxs51 } from "react/jsx-runtime";
+import { jsx as jsx86, jsxs as jsxs51 } from "react/jsx-runtime";
 var MessageBubble = React80.forwardRef(
   ({ className, variant = "received", timestamp, status, grouped = false, avatar, children, ...props }, ref) => {
     const sent = variant === "sent";
     return /* @__PURE__ */ jsxs51("div", { ref, className: cn("flex items-end gap-2 font-sans", sent && "flex-row-reverse", className), ...props, children: [
-      avatar && !sent && /* @__PURE__ */ jsx85("div", { className: "shrink-0 self-end", children: avatar }),
+      avatar && !sent && /* @__PURE__ */ jsx86("div", { className: "shrink-0 self-end", children: avatar }),
       /* @__PURE__ */ jsxs51("div", { className: cn("flex max-w-[75%] flex-col gap-1", sent ? "items-end" : "items-start"), children: [
-        /* @__PURE__ */ jsx85(
+        /* @__PURE__ */ jsx86(
           "div",
           {
             className: cn(
@@ -4717,7 +4728,7 @@ var MessageBubble = React80.forwardRef(
         ),
         (timestamp || sent && status) && /* @__PURE__ */ jsxs51("div", { className: "flex items-center gap-1 px-1 text-label-sm text-muted-foreground", children: [
           timestamp,
-          sent && status && /* @__PURE__ */ jsx85("span", { className: cn(status === "read" && "text-primary"), children: status === "sent" ? /* @__PURE__ */ jsx85(Check9, { className: "size-3.5" }) : /* @__PURE__ */ jsx85(CheckCheck, { className: "size-3.5" }) })
+          sent && status && /* @__PURE__ */ jsx86("span", { className: cn(status === "read" && "text-primary"), children: status === "sent" ? /* @__PURE__ */ jsx86(Check9, { className: "size-3.5" }) : /* @__PURE__ */ jsx86(CheckCheck, { className: "size-3.5" }) })
         ] })
       ] })
     ] });
@@ -4725,7 +4736,7 @@ var MessageBubble = React80.forwardRef(
 );
 MessageBubble.displayName = "MessageBubble";
 var TypingIndicator = React80.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx85(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx86(
     "div",
     {
       ref,
@@ -4733,7 +4744,7 @@ var TypingIndicator = React80.forwardRef(
       "aria-label": "Typing",
       className: cn("flex w-fit items-center gap-1 rounded-2xl bg-muted px-3.5 py-2.5", className),
       ...props,
-      children: [0, 1, 2].map((i) => /* @__PURE__ */ jsx85(
+      children: [0, 1, 2].map((i) => /* @__PURE__ */ jsx86(
         "span",
         {
           "aria-hidden": true,
@@ -4750,7 +4761,7 @@ TypingIndicator.displayName = "TypingIndicator";
 // src/components/tour.tsx
 import * as React81 from "react";
 import { createPortal } from "react-dom";
-import { Fragment, jsx as jsx86, jsxs as jsxs52 } from "react/jsx-runtime";
+import { Fragment, jsx as jsx87, jsxs as jsxs52 } from "react/jsx-runtime";
 var SPOTLIGHT_PADDING = 8;
 var Tour = ({
   steps,
@@ -4810,7 +4821,7 @@ var Tour = ({
   } : { top: "50%", left: "50%", transform: "translate(-50%, -50%)" };
   return createPortal(
     /* @__PURE__ */ jsxs52(Fragment, { children: [
-      /* @__PURE__ */ jsx86(
+      /* @__PURE__ */ jsx87(
         "div",
         {
           "aria-hidden": true,
@@ -4826,8 +4837,8 @@ var Tour = ({
           className: "fixed z-overlay w-80 rounded-lg border border-border bg-popover p-4 font-sans text-popover-foreground shadow-lg transition-all duration-fast",
           style: cardStyle,
           children: [
-            /* @__PURE__ */ jsx86("p", { className: "text-title-sm font-medium text-foreground", children: step.title }),
-            /* @__PURE__ */ jsx86("div", { className: "mt-1.5 text-body-sm text-muted-foreground", children: step.content }),
+            /* @__PURE__ */ jsx87("p", { className: "text-title-sm font-medium text-foreground", children: step.title }),
+            /* @__PURE__ */ jsx87("div", { className: "mt-1.5 text-body-sm text-muted-foreground", children: step.content }),
             /* @__PURE__ */ jsxs52("div", { className: "mt-4 flex items-center justify-between", children: [
               /* @__PURE__ */ jsxs52("span", { className: "text-label-sm text-muted-foreground", children: [
                 stepIndex + 1,
@@ -4835,11 +4846,11 @@ var Tour = ({
                 steps.length
               ] }),
               /* @__PURE__ */ jsxs52("div", { className: "flex items-center gap-2", children: [
-                !isFirst && /* @__PURE__ */ jsx86(Button, { variant: "Ghost", size: "sm", onClick: () => onStepIndexChange(stepIndex - 1), children: backLabel }),
+                !isFirst && /* @__PURE__ */ jsx87(Button, { variant: "Ghost", size: "sm", onClick: () => onStepIndexChange(stepIndex - 1), children: backLabel }),
                 !isLast ? /* @__PURE__ */ jsxs52(Fragment, { children: [
-                  /* @__PURE__ */ jsx86(Button, { variant: "Link", size: "sm", onClick: () => onOpenChange(false), children: skipLabel }),
-                  /* @__PURE__ */ jsx86(Button, { size: "sm", onClick: () => onStepIndexChange(stepIndex + 1), children: nextLabel })
-                ] }) : /* @__PURE__ */ jsx86(Button, { size: "sm", onClick: () => onOpenChange(false), children: doneLabel })
+                  /* @__PURE__ */ jsx87(Button, { variant: "Link", size: "sm", onClick: () => onOpenChange(false), children: skipLabel }),
+                  /* @__PURE__ */ jsx87(Button, { size: "sm", onClick: () => onStepIndexChange(stepIndex + 1), children: nextLabel })
+                ] }) : /* @__PURE__ */ jsx87(Button, { size: "sm", onClick: () => onOpenChange(false), children: doneLabel })
               ] })
             ] })
           ]
@@ -4852,7 +4863,7 @@ var Tour = ({
 
 // src/components/virtual-list.tsx
 import * as React82 from "react";
-import { jsx as jsx87 } from "react/jsx-runtime";
+import { jsx as jsx88 } from "react/jsx-runtime";
 function VirtualList({
   items,
   itemHeight,
@@ -4883,7 +4894,7 @@ function VirtualList({
   const visibleCount = Math.ceil(viewportHeight / itemHeight) + overscan * 2;
   const endIndex = Math.min(items.length, startIndex + Math.max(visibleCount, 0));
   const visibleItems = items.slice(startIndex, endIndex);
-  return /* @__PURE__ */ jsx87(
+  return /* @__PURE__ */ jsx88(
     "div",
     {
       ref: containerRef,
@@ -4895,9 +4906,9 @@ function VirtualList({
         setScrollTop(e.currentTarget.scrollTop);
       },
       ...props,
-      children: /* @__PURE__ */ jsx87("div", { style: { height: totalHeight, position: "relative" }, children: visibleItems.map((item, i) => {
+      children: /* @__PURE__ */ jsx88("div", { style: { height: totalHeight, position: "relative" }, children: visibleItems.map((item, i) => {
         const index = startIndex + i;
-        return /* @__PURE__ */ jsx87(
+        return /* @__PURE__ */ jsx88(
           "div",
           {
             role: "listitem",
@@ -4913,7 +4924,7 @@ function VirtualList({
 
 // src/components/data-grid.tsx
 import * as React83 from "react";
-import { jsx as jsx88, jsxs as jsxs53 } from "react/jsx-runtime";
+import { jsx as jsx89, jsxs as jsxs53 } from "react/jsx-runtime";
 var DEFAULT_WIDTH = 160;
 var DEFAULT_MIN_WIDTH = 60;
 var DEFAULT_ROW_HEIGHT = 40;
@@ -5025,7 +5036,7 @@ function DataGrid({
     column.onCellEdit?.(row, rowIndex, value);
     setEditing(null);
   }
-  return /* @__PURE__ */ jsx88(
+  return /* @__PURE__ */ jsx89(
     "div",
     {
       ref: containerRef,
@@ -5034,7 +5045,7 @@ function DataGrid({
       style: { height },
       onScroll: (e) => setScrollTop(e.currentTarget.scrollTop),
       children: /* @__PURE__ */ jsxs53("div", { style: { width: totalWidth, minWidth: "100%" }, children: [
-        /* @__PURE__ */ jsx88("div", { role: "row", className: "sticky top-0 z-[2] flex border-b bg-background", children: renderedColumns.map((column) => {
+        /* @__PURE__ */ jsx89("div", { role: "row", className: "sticky top-0 z-[2] flex border-b bg-background", children: renderedColumns.map((column) => {
           const width = widths[column.id] ?? column.width ?? DEFAULT_WIDTH;
           const pinnedStyle = column.pinned === "left" ? { position: "sticky", left: leftOffsets[column.id], zIndex: 3 } : column.pinned === "right" ? { position: "sticky", right: rightOffsets[column.id], zIndex: 3 } : {};
           const isSorted = sort?.columnId === column.id;
@@ -5070,9 +5081,9 @@ function DataGrid({
               ),
               style: { width, ...pinnedStyle },
               children: [
-                /* @__PURE__ */ jsx88("span", { className: "truncate", children: column.header }),
-                column.sortable && isSorted && /* @__PURE__ */ jsx88("span", { "aria-hidden": "true", className: "text-xs", children: sort.direction === "asc" ? "\u25B2" : "\u25BC" }),
-                /* @__PURE__ */ jsx88(
+                /* @__PURE__ */ jsx89("span", { className: "truncate", children: column.header }),
+                column.sortable && isSorted && /* @__PURE__ */ jsx89("span", { "aria-hidden": "true", className: "text-xs", children: sort.direction === "asc" ? "\u25B2" : "\u25BC" }),
+                /* @__PURE__ */ jsx89(
                   "div",
                   {
                     onPointerDown: (e) => {
@@ -5087,9 +5098,9 @@ function DataGrid({
             column.id
           );
         }) }),
-        /* @__PURE__ */ jsx88("div", { style: { height: totalHeight, position: "relative" }, children: visibleRows.map((row, i) => {
+        /* @__PURE__ */ jsx89("div", { style: { height: totalHeight, position: "relative" }, children: visibleRows.map((row, i) => {
           const rowIndex = startIndex + i;
-          return /* @__PURE__ */ jsx88(
+          return /* @__PURE__ */ jsx89(
             "div",
             {
               role: "row",
@@ -5099,14 +5110,14 @@ function DataGrid({
                 const width = widths[column.id] ?? column.width ?? DEFAULT_WIDTH;
                 const pinnedStyle = column.pinned === "left" ? { position: "sticky", left: leftOffsets[column.id], zIndex: 1 } : column.pinned === "right" ? { position: "sticky", right: rightOffsets[column.id], zIndex: 1 } : {};
                 const isEditing = editing?.rowIndex === rowIndex && editing.columnId === column.id;
-                return /* @__PURE__ */ jsx88(
+                return /* @__PURE__ */ jsx89(
                   "div",
                   {
                     role: "gridcell",
                     onDoubleClick: () => column.editable && setEditing({ rowIndex, columnId: column.id }),
                     className: cn("flex shrink-0 items-center px-2", column.pinned && "bg-background"),
                     style: { width, ...pinnedStyle },
-                    children: isEditing ? /* @__PURE__ */ jsx88(
+                    children: isEditing ? /* @__PURE__ */ jsx89(
                       "input",
                       {
                         autoFocus: true,
@@ -5118,7 +5129,7 @@ function DataGrid({
                         },
                         onBlur: (e) => commitEdit(column, row, rowIndex, e.currentTarget.value)
                       }
-                    ) : /* @__PURE__ */ jsx88("span", { className: "truncate", children: column.cell(row, rowIndex) })
+                    ) : /* @__PURE__ */ jsx89("span", { className: "truncate", children: column.cell(row, rowIndex) })
                   },
                   column.id
                 );
@@ -5135,7 +5146,7 @@ function DataGrid({
 // src/components/json-viewer.tsx
 import * as React84 from "react";
 import { Check as Check10, ChevronRight as ChevronRight8, Copy as Copy2 } from "lucide-react";
-import { Fragment as Fragment2, jsx as jsx89, jsxs as jsxs54 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx90, jsxs as jsxs54 } from "react/jsx-runtime";
 var JsonViewer = React84.forwardRef(
   ({ data, expandDepth = 1, hideCopy, className, ...props }, ref) => {
     const [copied, setCopied] = React84.useState(false);
@@ -5154,17 +5165,17 @@ var JsonViewer = React84.forwardRef(
         className: cn("relative overflow-auto rounded-md border bg-muted/30 p-3 font-mono text-xs", className),
         ...props,
         children: [
-          !hideCopy && /* @__PURE__ */ jsx89(
+          !hideCopy && /* @__PURE__ */ jsx90(
             "button",
             {
               type: "button",
               onClick: copy,
               "aria-label": "Copy JSON",
               className: "absolute right-2 top-2 inline-flex size-6 items-center justify-center rounded-sm text-muted-foreground hover:bg-accent hover:text-foreground",
-              children: copied ? /* @__PURE__ */ jsx89(Check10, { className: "size-3.5" }) : /* @__PURE__ */ jsx89(Copy2, { className: "size-3.5" })
+              children: copied ? /* @__PURE__ */ jsx90(Check10, { className: "size-3.5" }) : /* @__PURE__ */ jsx90(Copy2, { className: "size-3.5" })
             }
           ),
-          /* @__PURE__ */ jsx89("div", { role: "tree", children: /* @__PURE__ */ jsx89(JsonNode, { value: data, depth: 0, expandDepth, isLast: true }) })
+          /* @__PURE__ */ jsx90("div", { role: "tree", children: /* @__PURE__ */ jsx90(JsonNode, { value: data, depth: 0, expandDepth, isLast: true }) })
         ]
       }
     );
@@ -5186,8 +5197,8 @@ function JsonNode({
         JSON.stringify(name),
         ": "
       ] }),
-      /* @__PURE__ */ jsx89(JsonPrimitive, { value }),
-      !isLast && /* @__PURE__ */ jsx89("span", { className: "text-muted-foreground", children: "," })
+      /* @__PURE__ */ jsx90(JsonPrimitive, { value }),
+      !isLast && /* @__PURE__ */ jsx90("span", { className: "text-muted-foreground", children: "," })
     ] });
   }
   const isArray = Array.isArray(value);
@@ -5204,19 +5215,19 @@ function JsonNode({
         openBracket,
         closeBracket
       ] }),
-      !isLast && /* @__PURE__ */ jsx89("span", { className: "text-muted-foreground", children: "," })
+      !isLast && /* @__PURE__ */ jsx90("span", { className: "text-muted-foreground", children: "," })
     ] });
   }
   return /* @__PURE__ */ jsxs54("div", { role: "treeitem", "aria-expanded": expanded, children: [
     /* @__PURE__ */ jsxs54("div", { style: { paddingLeft: depth * 16 }, className: "flex items-start gap-1", children: [
-      /* @__PURE__ */ jsx89(
+      /* @__PURE__ */ jsx90(
         "button",
         {
           type: "button",
           onClick: () => setExpanded((e) => !e),
           "aria-label": expanded ? "Collapse" : "Expand",
           className: "mt-0.5 inline-flex size-4 shrink-0 items-center justify-center text-muted-foreground hover:text-foreground",
-          children: /* @__PURE__ */ jsx89(ChevronRight8, { className: cn("size-3 transition-transform", expanded && "rotate-90") })
+          children: /* @__PURE__ */ jsx90(ChevronRight8, { className: cn("size-3 transition-transform", expanded && "rotate-90") })
         }
       ),
       /* @__PURE__ */ jsxs54("span", { children: [
@@ -5224,7 +5235,7 @@ function JsonNode({
           JSON.stringify(name),
           ": "
         ] }),
-        /* @__PURE__ */ jsx89("span", { children: openBracket }),
+        /* @__PURE__ */ jsx90("span", { children: openBracket }),
         !expanded && /* @__PURE__ */ jsxs54("span", { className: "text-muted-foreground", children: [
           " ",
           entries.length,
@@ -5233,12 +5244,12 @@ function JsonNode({
           entries.length === 1 ? "" : "s",
           " "
         ] }),
-        !expanded && /* @__PURE__ */ jsx89("span", { children: closeBracket }),
-        !expanded && !isLast && /* @__PURE__ */ jsx89("span", { className: "text-muted-foreground", children: "," })
+        !expanded && /* @__PURE__ */ jsx90("span", { children: closeBracket }),
+        !expanded && !isLast && /* @__PURE__ */ jsx90("span", { className: "text-muted-foreground", children: "," })
       ] })
     ] }),
     expanded && /* @__PURE__ */ jsxs54(Fragment2, { children: [
-      entries.map(([key, val], i) => /* @__PURE__ */ jsx89(
+      entries.map(([key, val], i) => /* @__PURE__ */ jsx90(
         JsonNode,
         {
           name: isArray ? void 0 : key,
@@ -5250,24 +5261,24 @@ function JsonNode({
         key
       )),
       /* @__PURE__ */ jsxs54("div", { style: { paddingLeft: depth * 16 }, children: [
-        /* @__PURE__ */ jsx89("span", { children: closeBracket }),
-        !isLast && /* @__PURE__ */ jsx89("span", { className: "text-muted-foreground", children: "," })
+        /* @__PURE__ */ jsx90("span", { children: closeBracket }),
+        !isLast && /* @__PURE__ */ jsx90("span", { className: "text-muted-foreground", children: "," })
       ] })
     ] })
   ] });
 }
 function JsonPrimitive({ value }) {
-  if (value === null) return /* @__PURE__ */ jsx89("span", { className: "italic text-muted-foreground", children: "null" });
-  if (value === void 0) return /* @__PURE__ */ jsx89("span", { className: "italic text-muted-foreground", children: "undefined" });
-  if (typeof value === "string") return /* @__PURE__ */ jsx89("span", { className: "text-success", children: JSON.stringify(value) });
-  if (typeof value === "number") return /* @__PURE__ */ jsx89("span", { className: "text-info", children: value });
-  if (typeof value === "boolean") return /* @__PURE__ */ jsx89("span", { className: "text-warning", children: String(value) });
-  return /* @__PURE__ */ jsx89("span", { children: String(value) });
+  if (value === null) return /* @__PURE__ */ jsx90("span", { className: "italic text-muted-foreground", children: "null" });
+  if (value === void 0) return /* @__PURE__ */ jsx90("span", { className: "italic text-muted-foreground", children: "undefined" });
+  if (typeof value === "string") return /* @__PURE__ */ jsx90("span", { className: "text-success", children: JSON.stringify(value) });
+  if (typeof value === "number") return /* @__PURE__ */ jsx90("span", { className: "text-info", children: value });
+  if (typeof value === "boolean") return /* @__PURE__ */ jsx90("span", { className: "text-warning", children: String(value) });
+  return /* @__PURE__ */ jsx90("span", { children: String(value) });
 }
 
 // src/components/diff-viewer.tsx
 import * as React85 from "react";
-import { jsx as jsx90, jsxs as jsxs55 } from "react/jsx-runtime";
+import { jsx as jsx91, jsxs as jsxs55 } from "react/jsx-runtime";
 function computeLineDiff(oldText, newText) {
   const oldLines = oldText.split("\n");
   const newLines = newText.split("\n");
@@ -5308,20 +5319,20 @@ function computeLineDiff(oldText, newText) {
 var DiffViewer = React85.forwardRef(
   ({ oldText, newText, mode = "unified", oldLabel = "Before", newLabel = "After", className, ...props }, ref) => {
     const ops = React85.useMemo(() => computeLineDiff(oldText, newText), [oldText, newText]);
-    return /* @__PURE__ */ jsx90("div", { ref, className: cn("overflow-auto rounded-md border font-mono text-xs", className), ...props, children: mode === "split" ? /* @__PURE__ */ jsx90(SplitDiff, { ops, oldLabel, newLabel }) : /* @__PURE__ */ jsx90(UnifiedDiff, { ops }) });
+    return /* @__PURE__ */ jsx91("div", { ref, className: cn("overflow-auto rounded-md border font-mono text-xs", className), ...props, children: mode === "split" ? /* @__PURE__ */ jsx91(SplitDiff, { ops, oldLabel, newLabel }) : /* @__PURE__ */ jsx91(UnifiedDiff, { ops }) });
   }
 );
 DiffViewer.displayName = "DiffViewer";
 function UnifiedDiff({ ops }) {
-  return /* @__PURE__ */ jsx90("div", { role: "table", children: ops.map((op, i) => /* @__PURE__ */ jsxs55(
+  return /* @__PURE__ */ jsx91("div", { role: "table", children: ops.map((op, i) => /* @__PURE__ */ jsxs55(
     "div",
     {
       role: "row",
       className: cn("flex", op.type === "add" && "bg-success/10", op.type === "remove" && "bg-destructive/10"),
       children: [
-        /* @__PURE__ */ jsx90("span", { className: "w-9 shrink-0 select-none border-r px-1.5 text-right text-muted-foreground", children: op.type !== "add" ? op.oldLine : "" }),
-        /* @__PURE__ */ jsx90("span", { className: "w-9 shrink-0 select-none border-r px-1.5 text-right text-muted-foreground", children: op.type !== "remove" ? op.newLine : "" }),
-        /* @__PURE__ */ jsx90(
+        /* @__PURE__ */ jsx91("span", { className: "w-9 shrink-0 select-none border-r px-1.5 text-right text-muted-foreground", children: op.type !== "add" ? op.oldLine : "" }),
+        /* @__PURE__ */ jsx91("span", { className: "w-9 shrink-0 select-none border-r px-1.5 text-right text-muted-foreground", children: op.type !== "remove" ? op.newLine : "" }),
+        /* @__PURE__ */ jsx91(
           "span",
           {
             className: cn(
@@ -5332,7 +5343,7 @@ function UnifiedDiff({ ops }) {
             children: op.type === "add" ? "+" : op.type === "remove" ? "\u2212" : ""
           }
         ),
-        /* @__PURE__ */ jsx90("span", { className: "min-w-0 flex-1 whitespace-pre px-1", children: op.text })
+        /* @__PURE__ */ jsx91("span", { className: "min-w-0 flex-1 whitespace-pre px-1", children: op.text })
       ]
     },
     i
@@ -5341,17 +5352,17 @@ function UnifiedDiff({ ops }) {
 function SplitDiff({ ops, oldLabel, newLabel }) {
   return /* @__PURE__ */ jsxs55("div", { role: "table", children: [
     /* @__PURE__ */ jsxs55("div", { className: "flex border-b bg-muted/40 text-muted-foreground", children: [
-      /* @__PURE__ */ jsx90("div", { className: "flex-1 px-2 py-1", children: oldLabel }),
-      /* @__PURE__ */ jsx90("div", { className: "flex-1 border-l px-2 py-1", children: newLabel })
+      /* @__PURE__ */ jsx91("div", { className: "flex-1 px-2 py-1", children: oldLabel }),
+      /* @__PURE__ */ jsx91("div", { className: "flex-1 border-l px-2 py-1", children: newLabel })
     ] }),
     ops.map((op, i) => /* @__PURE__ */ jsxs55("div", { role: "row", className: "flex", children: [
       /* @__PURE__ */ jsxs55("div", { className: cn("flex flex-1 items-start", op.type === "remove" && "bg-destructive/10"), children: [
-        /* @__PURE__ */ jsx90("span", { className: "w-9 shrink-0 select-none px-1.5 text-right text-muted-foreground", children: op.type !== "add" ? op.oldLine : "" }),
-        /* @__PURE__ */ jsx90("span", { className: "min-w-0 flex-1 whitespace-pre px-1", children: op.type !== "add" ? op.text : "" })
+        /* @__PURE__ */ jsx91("span", { className: "w-9 shrink-0 select-none px-1.5 text-right text-muted-foreground", children: op.type !== "add" ? op.oldLine : "" }),
+        /* @__PURE__ */ jsx91("span", { className: "min-w-0 flex-1 whitespace-pre px-1", children: op.type !== "add" ? op.text : "" })
       ] }),
       /* @__PURE__ */ jsxs55("div", { className: cn("flex flex-1 items-start border-l", op.type === "add" && "bg-success/10"), children: [
-        /* @__PURE__ */ jsx90("span", { className: "w-9 shrink-0 select-none px-1.5 text-right text-muted-foreground", children: op.type !== "remove" ? op.newLine : "" }),
-        /* @__PURE__ */ jsx90("span", { className: "min-w-0 flex-1 whitespace-pre px-1", children: op.type !== "remove" ? op.text : "" })
+        /* @__PURE__ */ jsx91("span", { className: "w-9 shrink-0 select-none px-1.5 text-right text-muted-foreground", children: op.type !== "remove" ? op.newLine : "" }),
+        /* @__PURE__ */ jsx91("span", { className: "min-w-0 flex-1 whitespace-pre px-1", children: op.type !== "remove" ? op.text : "" })
       ] })
     ] }, i))
   ] });
@@ -5361,7 +5372,7 @@ function SplitDiff({ ops, oldLabel, newLabel }) {
 import * as React86 from "react";
 import * as SliderPrimitive3 from "@radix-ui/react-slider";
 import { Pipette } from "lucide-react";
-import { jsx as jsx91, jsxs as jsxs56 } from "react/jsx-runtime";
+import { jsx as jsx92, jsxs as jsxs56 } from "react/jsx-runtime";
 var clamp = (v, min, max) => Math.min(max, Math.max(min, v));
 function hexToRgba(hex) {
   const h = hex.replace("#", "");
@@ -5495,7 +5506,7 @@ var ColorPicker = React86.forwardRef(
       }
     };
     return /* @__PURE__ */ jsxs56("div", { ref, className: cn("flex w-64 flex-col gap-3 font-sans", className), ...props, children: [
-      /* @__PURE__ */ jsx91(
+      /* @__PURE__ */ jsx92(
         "div",
         {
           ref: squareRef,
@@ -5512,7 +5523,7 @@ var ColorPicker = React86.forwardRef(
             backgroundColor: `hsl(${h} 100% 50%)`,
             backgroundImage: "linear-gradient(to top, #000, transparent), linear-gradient(to right, #fff, transparent)"
           },
-          children: /* @__PURE__ */ jsx91(
+          children: /* @__PURE__ */ jsx92(
             "div",
             {
               className: "absolute size-3.5 -translate-x-1/2 translate-y-1/2 rounded-full border-2 border-white shadow",
@@ -5532,7 +5543,7 @@ var ColorPicker = React86.forwardRef(
           "aria-label": "Hue",
           className: "relative flex h-4 w-full touch-none select-none items-center",
           children: [
-            /* @__PURE__ */ jsx91(
+            /* @__PURE__ */ jsx92(
               SliderPrimitive3.Track,
               {
                 className: "relative h-3 w-full grow rounded-full",
@@ -5541,7 +5552,7 @@ var ColorPicker = React86.forwardRef(
                 }
               }
             ),
-            /* @__PURE__ */ jsx91(SliderPrimitive3.Thumb, { className: "block size-4 rounded-full border-2 border-white bg-background shadow focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring" })
+            /* @__PURE__ */ jsx92(SliderPrimitive3.Thumb, { className: "block size-4 rounded-full border-2 border-white bg-background shadow focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring" })
           ]
         }
       ),
@@ -5556,7 +5567,7 @@ var ColorPicker = React86.forwardRef(
           "aria-label": "Alpha",
           className: "relative flex h-4 w-full touch-none select-none items-center",
           children: [
-            /* @__PURE__ */ jsx91(
+            /* @__PURE__ */ jsx92(
               SliderPrimitive3.Track,
               {
                 className: "relative h-3 w-full grow overflow-hidden rounded-full",
@@ -5564,7 +5575,7 @@ var ColorPicker = React86.forwardRef(
                   backgroundImage: "conic-gradient(#0000001a 90deg, transparent 90deg 180deg, #0000001a 180deg 270deg, transparent 270deg)",
                   backgroundSize: "8px 8px"
                 },
-                children: /* @__PURE__ */ jsx91(
+                children: /* @__PURE__ */ jsx92(
                   "div",
                   {
                     className: "absolute inset-0",
@@ -5573,12 +5584,12 @@ var ColorPicker = React86.forwardRef(
                 )
               }
             ),
-            /* @__PURE__ */ jsx91(SliderPrimitive3.Thumb, { className: "block size-4 rounded-full border-2 border-white bg-background shadow focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring" })
+            /* @__PURE__ */ jsx92(SliderPrimitive3.Thumb, { className: "block size-4 rounded-full border-2 border-white bg-background shadow focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring" })
           ]
         }
       ),
       /* @__PURE__ */ jsxs56("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsx91(
+        /* @__PURE__ */ jsx92(
           "div",
           {
             className: "size-8 shrink-0 rounded-md border",
@@ -5586,14 +5597,14 @@ var ColorPicker = React86.forwardRef(
               backgroundImage: "conic-gradient(#0000001a 90deg, transparent 90deg 180deg, #0000001a 180deg 270deg, transparent 270deg), linear-gradient(hsl(0 0% 0% / 0), hsl(0 0% 0% / 0))",
               backgroundSize: "8px 8px"
             },
-            children: /* @__PURE__ */ jsx91("div", { className: "size-full rounded-md", style: { backgroundColor: value } })
+            children: /* @__PURE__ */ jsx92("div", { className: "size-full rounded-md", style: { backgroundColor: value } })
           }
         ),
         /* @__PURE__ */ jsxs56("div", { className: "flex flex-1 items-center gap-1", children: [
-          /* @__PURE__ */ jsx91("span", { className: "text-muted-foreground", children: "#" }),
-          /* @__PURE__ */ jsx91(HexField, { value, alpha, onCommit: onChange })
+          /* @__PURE__ */ jsx92("span", { className: "text-muted-foreground", children: "#" }),
+          /* @__PURE__ */ jsx92(HexField, { value, alpha, onCommit: onChange })
         ] }),
-        supportsEyeDropper && /* @__PURE__ */ jsx91(
+        supportsEyeDropper && /* @__PURE__ */ jsx92(
           Button,
           {
             type: "button",
@@ -5601,11 +5612,11 @@ var ColorPicker = React86.forwardRef(
             size: "icon",
             "aria-label": "Pick color from screen",
             onClick: pickFromScreen,
-            children: /* @__PURE__ */ jsx91(Pipette, { className: "size-4" })
+            children: /* @__PURE__ */ jsx92(Pipette, { className: "size-4" })
           }
         )
       ] }),
-      swatches && swatches.length > 0 && /* @__PURE__ */ jsx91("div", { className: "flex flex-wrap gap-1.5", children: swatches.map((sw) => /* @__PURE__ */ jsx91(
+      swatches && swatches.length > 0 && /* @__PURE__ */ jsx92("div", { className: "flex flex-wrap gap-1.5", children: swatches.map((sw) => /* @__PURE__ */ jsx92(
         "button",
         {
           type: "button",
@@ -5638,7 +5649,7 @@ function HexField({
       setDraft(value.replace("#", "").toUpperCase());
     }
   };
-  return /* @__PURE__ */ jsx91(
+  return /* @__PURE__ */ jsx92(
     Input,
     {
       value: draft,
@@ -5678,11 +5689,12 @@ import {
   verticalListSortingStrategy
 } from "@dnd-kit/sortable";
 import { CSS } from "@dnd-kit/utilities";
-import { jsx as jsx92, jsxs as jsxs57 } from "react/jsx-runtime";
+import { tokens } from "@kinetixui/tokens";
+import { jsx as jsx93, jsxs as jsxs57 } from "react/jsx-runtime";
 var KanbanBoard = React87.forwardRef(
   ({ columns, onColumnsChange, className, ...props }, ref) => {
     const sensors = useSensors(
-      useSensor(PointerSensor, { activationConstraint: { distance: 4 } }),
+      useSensor(PointerSensor, { activationConstraint: { distance: tokens.interaction.drag.threshold } }),
       useSensor(KeyboardSensor, { coordinateGetter: sortableKeyboardCoordinates })
     );
     const [activeCard, setActiveCard] = React87.useState(null);
@@ -5782,8 +5794,8 @@ var KanbanBoard = React87.forwardRef(
           lastOverId.current = null;
         },
         children: [
-          /* @__PURE__ */ jsx92("div", { ref, role: "group", className: cn("flex items-start gap-4 overflow-x-auto font-sans", className), ...props, children: columns.map((column) => /* @__PURE__ */ jsx92(KanbanColumnView, { column }, column.id)) }),
-          /* @__PURE__ */ jsx92(DragOverlay, { children: activeCard ? /* @__PURE__ */ jsx92(KanbanCardView, { card: activeCard }) : null })
+          /* @__PURE__ */ jsx93("div", { ref, role: "group", className: cn("flex items-start gap-4 overflow-x-auto font-sans", className), ...props, children: columns.map((column) => /* @__PURE__ */ jsx93(KanbanColumnView, { column }, column.id)) }),
+          /* @__PURE__ */ jsx93(DragOverlay, { children: activeCard ? /* @__PURE__ */ jsx93(KanbanCardView, { card: activeCard }) : null })
         ]
       }
     );
@@ -5794,10 +5806,10 @@ function KanbanColumnView({ column }) {
   const { setNodeRef } = useDroppable({ id: column.id });
   return /* @__PURE__ */ jsxs57("div", { className: "flex w-64 shrink-0 flex-col gap-2 rounded-md border bg-muted/30 p-2", children: [
     /* @__PURE__ */ jsxs57("div", { className: "flex items-center justify-between px-1 py-1", children: [
-      /* @__PURE__ */ jsx92("span", { className: "text-sm font-medium text-foreground", children: column.title }),
-      /* @__PURE__ */ jsx92("span", { className: "text-xs text-muted-foreground", children: column.cards.length })
+      /* @__PURE__ */ jsx93("span", { className: "text-sm font-medium text-foreground", children: column.title }),
+      /* @__PURE__ */ jsx93("span", { className: "text-xs text-muted-foreground", children: column.cards.length })
     ] }),
-    /* @__PURE__ */ jsx92(SortableContext, { items: column.cards.map((c) => c.id), strategy: verticalListSortingStrategy, children: /* @__PURE__ */ jsx92("div", { ref: setNodeRef, className: "flex min-h-10 flex-col gap-2", children: column.cards.map((card) => /* @__PURE__ */ jsx92(SortableKanbanCard, { card }, card.id)) }) })
+    /* @__PURE__ */ jsx93(SortableContext, { items: column.cards.map((c) => c.id), strategy: verticalListSortingStrategy, children: /* @__PURE__ */ jsx93("div", { ref: setNodeRef, className: "flex min-h-10 flex-col gap-2", children: column.cards.map((card) => /* @__PURE__ */ jsx93(SortableKanbanCard, { card }, card.id)) }) })
   ] });
 }
 function SortableKanbanCard({ card }) {
@@ -5807,16 +5819,16 @@ function SortableKanbanCard({ card }) {
     transition,
     opacity: isDragging ? 0.4 : 1
   };
-  return /* @__PURE__ */ jsx92("div", { ref: setNodeRef, style, ...attributes, ...listeners, children: /* @__PURE__ */ jsx92(KanbanCardView, { card }) });
+  return /* @__PURE__ */ jsx93("div", { ref: setNodeRef, style, ...attributes, ...listeners, children: /* @__PURE__ */ jsx93(KanbanCardView, { card }) });
 }
 function KanbanCardView({ card }) {
-  return /* @__PURE__ */ jsx92("div", { className: "cursor-grab touch-none rounded-md border bg-background p-3 text-sm text-foreground shadow-sm outline-none active:cursor-grabbing focus-visible:ring-1 focus-visible:ring-ring", children: card.content });
+  return /* @__PURE__ */ jsx93("div", { className: "cursor-grab touch-none rounded-md border bg-background p-3 text-sm text-foreground shadow-sm outline-none active:cursor-grabbing focus-visible:ring-1 focus-visible:ring-ring", children: card.content });
 }
 
 // src/components/markdown-editor.tsx
 import * as React88 from "react";
 import { Bold, Code, Eye as Eye2, EyeOff as EyeOff2, Heading2, Italic, Link as LinkIcon, List as List4, ListOrdered, Quote as Quote2 } from "lucide-react";
-import { jsx as jsx93, jsxs as jsxs58 } from "react/jsx-runtime";
+import { jsx as jsx94, jsxs as jsxs58 } from "react/jsx-runtime";
 function wrapSelection(text, start, end, before, after, placeholder) {
   const selected = text.slice(start, end) || placeholder;
   const next = text.slice(0, start) + before + selected + after + text.slice(end);
@@ -5950,27 +5962,27 @@ var MarkdownEditor = React88.forwardRef(
     };
     return /* @__PURE__ */ jsxs58("div", { ref, className: cn("overflow-hidden rounded-md border font-sans", className), ...props, children: [
       /* @__PURE__ */ jsxs58("div", { role: "toolbar", "aria-label": "Formatting", className: "flex items-center gap-0.5 border-b bg-muted/40 p-1", children: [
-        /* @__PURE__ */ jsx93(ToolbarButton, { label: "Bold", onClick: () => applyInline("**", "**", "bold text"), children: /* @__PURE__ */ jsx93(Bold, { className: "size-4" }) }),
-        /* @__PURE__ */ jsx93(ToolbarButton, { label: "Italic", onClick: () => applyInline("*", "*", "italic text"), children: /* @__PURE__ */ jsx93(Italic, { className: "size-4" }) }),
-        /* @__PURE__ */ jsx93(ToolbarButton, { label: "Heading", onClick: () => applyLinePrefix(() => "## "), children: /* @__PURE__ */ jsx93(Heading2, { className: "size-4" }) }),
-        /* @__PURE__ */ jsx93(ToolbarButton, { label: "Link", onClick: () => applyInline("[", "](https://)", "link text"), children: /* @__PURE__ */ jsx93(LinkIcon, { className: "size-4" }) }),
-        /* @__PURE__ */ jsx93(ToolbarButton, { label: "Bulleted list", onClick: () => applyLinePrefix(() => "- "), children: /* @__PURE__ */ jsx93(List4, { className: "size-4" }) }),
-        /* @__PURE__ */ jsx93(ToolbarButton, { label: "Numbered list", onClick: () => applyLinePrefix((i) => `${i + 1}. `), children: /* @__PURE__ */ jsx93(ListOrdered, { className: "size-4" }) }),
-        /* @__PURE__ */ jsx93(ToolbarButton, { label: "Code", onClick: () => applyInline("`", "`", "code"), children: /* @__PURE__ */ jsx93(Code, { className: "size-4" }) }),
-        /* @__PURE__ */ jsx93(ToolbarButton, { label: "Quote", onClick: () => applyLinePrefix(() => "> "), children: /* @__PURE__ */ jsx93(Quote2, { className: "size-4" }) }),
-        /* @__PURE__ */ jsx93(
+        /* @__PURE__ */ jsx94(ToolbarButton, { label: "Bold", onClick: () => applyInline("**", "**", "bold text"), children: /* @__PURE__ */ jsx94(Bold, { className: "size-4" }) }),
+        /* @__PURE__ */ jsx94(ToolbarButton, { label: "Italic", onClick: () => applyInline("*", "*", "italic text"), children: /* @__PURE__ */ jsx94(Italic, { className: "size-4" }) }),
+        /* @__PURE__ */ jsx94(ToolbarButton, { label: "Heading", onClick: () => applyLinePrefix(() => "## "), children: /* @__PURE__ */ jsx94(Heading2, { className: "size-4" }) }),
+        /* @__PURE__ */ jsx94(ToolbarButton, { label: "Link", onClick: () => applyInline("[", "](https://)", "link text"), children: /* @__PURE__ */ jsx94(LinkIcon, { className: "size-4" }) }),
+        /* @__PURE__ */ jsx94(ToolbarButton, { label: "Bulleted list", onClick: () => applyLinePrefix(() => "- "), children: /* @__PURE__ */ jsx94(List4, { className: "size-4" }) }),
+        /* @__PURE__ */ jsx94(ToolbarButton, { label: "Numbered list", onClick: () => applyLinePrefix((i) => `${i + 1}. `), children: /* @__PURE__ */ jsx94(ListOrdered, { className: "size-4" }) }),
+        /* @__PURE__ */ jsx94(ToolbarButton, { label: "Code", onClick: () => applyInline("`", "`", "code"), children: /* @__PURE__ */ jsx94(Code, { className: "size-4" }) }),
+        /* @__PURE__ */ jsx94(ToolbarButton, { label: "Quote", onClick: () => applyLinePrefix(() => "> "), children: /* @__PURE__ */ jsx94(Quote2, { className: "size-4" }) }),
+        /* @__PURE__ */ jsx94(
           ToolbarButton,
           {
             label: showPreview ? "Hide preview" : "Show preview",
             onClick: () => setShowPreview((v) => !v),
             active: showPreview,
             className: "ml-auto",
-            children: showPreview ? /* @__PURE__ */ jsx93(EyeOff2, { className: "size-4" }) : /* @__PURE__ */ jsx93(Eye2, { className: "size-4" })
+            children: showPreview ? /* @__PURE__ */ jsx94(EyeOff2, { className: "size-4" }) : /* @__PURE__ */ jsx94(Eye2, { className: "size-4" })
           }
         )
       ] }),
       /* @__PURE__ */ jsxs58("div", { className: cn("grid", showPreview && "grid-cols-2 divide-x"), children: [
-        /* @__PURE__ */ jsx93(
+        /* @__PURE__ */ jsx94(
           Textarea,
           {
             ref: textareaRef,
@@ -5981,7 +5993,7 @@ var MarkdownEditor = React88.forwardRef(
             className: "resize-none rounded-none border-0 font-mono text-[13px] focus-visible:border-transparent focus-visible:shadow-none"
           }
         ),
-        showPreview && /* @__PURE__ */ jsx93(
+        showPreview && /* @__PURE__ */ jsx94(
           "div",
           {
             className: "overflow-auto p-3 text-sm [&_a]:text-primary [&_a]:underline [&_blockquote]:border-l-2 [&_blockquote]:border-border [&_blockquote]:pl-3 [&_blockquote]:text-muted-foreground [&_code]:rounded-sm [&_code]:bg-muted [&_code]:px-1 [&_code]:py-0.5 [&_code]:font-mono [&_code]:text-[0.9em] [&_h1]:text-xl [&_h1]:font-semibold [&_h2]:text-lg [&_h2]:font-semibold [&_h3]:font-semibold [&_li]:ml-5 [&_ol]:list-decimal [&_p]:mb-2 [&_pre]:overflow-auto [&_pre]:rounded-sm [&_pre]:bg-muted [&_pre]:p-2 [&_ul]:list-disc",
@@ -6000,7 +6012,7 @@ function ToolbarButton({
   className,
   children
 }) {
-  return /* @__PURE__ */ jsx93(
+  return /* @__PURE__ */ jsx94(
     "button",
     {
       type: "button",
@@ -6194,6 +6206,7 @@ export {
   KanbanBoard,
   Kbd,
   KbdGroup,
+  KinetixDirectionProvider,
   Label2 as Label,
   List3 as List,
   ListItem,