@blinkdotnew/ui 0.1.4 → 0.1.5

package/dist/index.mjs

@@ -1,11 +1,11 @@
-import React14, { createContext, useState, useId, useContext, useEffect, useRef, useCallback } from 'react';
+import React26, { createContext, useState, useId, useContext, useEffect, useRef, useCallback } from 'react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
 import { Slot } from '@radix-ui/react-slot';
 import { cva } from 'class-variance-authority';
 import * as SelectPrimitive from '@radix-ui/react-select';
-import { ChevronDown, ChevronUp, Check, Circle, X, ChevronRight, ChevronLeft, EyeOff, Eye, Search, Upload, Calendar, Plus, ArrowUp, ArrowDown, ArrowUpDown, TrendingUp, TrendingDown, ArrowRight, Loader2, LayoutDashboard, FolderOpen, Users, Settings, BarChart2, CreditCard, HelpCircle, Bell, Pencil, User, LogOut, Send, Info, XCircle, AlertTriangle, CheckCircle2, FileText, Archive, Film, FileCode, Image, File, MoreHorizontal, Download, Trash2 } from 'lucide-react';
+import { ChevronDown, ChevronUp, Check, Circle, X, ChevronRight, ChevronLeft, Menu, EyeOff, Eye, Search, Upload, Calendar, Plus, ArrowUp, ArrowDown, ArrowUpDown, TrendingUp, TrendingDown, ArrowRight, Loader2, LayoutDashboard, FolderOpen, Users, Settings, BarChart2, CreditCard, HelpCircle, Bell, Pencil, User, LogOut, Send, Info, XCircle, AlertTriangle, CheckCircle2, FileText, Archive, Film, FileCode, Image, File, MoreHorizontal, Download, Trash2 } from 'lucide-react';
 import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
 import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
 import * as SwitchPrimitive from '@radix-ui/react-switch';
@@ -91,14 +91,14 @@ var buttonVariants = cva(
     defaultVariants: { variant: "default", size: "default" }
   }
 );
-var Button = React14.forwardRef(
+var Button = React26.forwardRef(
   ({ className, variant, size, asChild = false, ...props }, ref) => {
     const Comp = asChild ? Slot : "button";
     return /* @__PURE__ */ jsx(Comp, { className: cn(buttonVariants({ variant, size }), className), ref, ...props });
   }
 );
 Button.displayName = "Button";
-var Input = React14.forwardRef(
+var Input = React26.forwardRef(
   ({ className, type, ...props }, ref) => /* @__PURE__ */ jsx(
     "input",
     {
@@ -117,7 +117,7 @@ var Input = React14.forwardRef(
   )
 );
 Input.displayName = "Input";
-var Textarea = React14.forwardRef(
+var Textarea = React26.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
     "textarea",
     {
@@ -138,7 +138,7 @@ Textarea.displayName = "Textarea";
 var Select = SelectPrimitive.Root;
 var SelectGroup = SelectPrimitive.Group;
 var SelectValue = SelectPrimitive.Value;
-var SelectTrigger = React14.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+var SelectTrigger = React26.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
   SelectPrimitive.Trigger,
   {
     ref,
@@ -158,7 +158,7 @@ var SelectTrigger = React14.forwardRef(({ className, children, ...props }, ref)
   }
 ));
 SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
-var SelectScrollUpButton = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var SelectScrollUpButton = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   SelectPrimitive.ScrollUpButton,
   {
     ref,
@@ -168,7 +168,7 @@ var SelectScrollUpButton = React14.forwardRef(({ className, ...props }, ref) =>
   }
 ));
 SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;
-var SelectScrollDownButton = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var SelectScrollDownButton = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   SelectPrimitive.ScrollDownButton,
   {
     ref,
@@ -178,7 +178,7 @@ var SelectScrollDownButton = React14.forwardRef(({ className, ...props }, ref) =
   }
 ));
 SelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName;
-var SelectContent = React14.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ jsx(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs(
+var SelectContent = React26.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ jsx(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs(
   SelectPrimitive.Content,
   {
     ref,
@@ -205,7 +205,7 @@ var SelectContent = React14.forwardRef(({ className, children, position = "poppe
   }
 ) }));
 SelectContent.displayName = SelectPrimitive.Content.displayName;
-var SelectLabel = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var SelectLabel = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   SelectPrimitive.Label,
   {
     ref,
@@ -214,7 +214,7 @@ var SelectLabel = React14.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 SelectLabel.displayName = SelectPrimitive.Label.displayName;
-var SelectItem = React14.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+var SelectItem = React26.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
   SelectPrimitive.Item,
   {
     ref,
@@ -232,7 +232,7 @@ var SelectItem = React14.forwardRef(({ className, children, ...props }, ref) =>
   }
 ));
 SelectItem.displayName = SelectPrimitive.Item.displayName;
-var SelectSeparator = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var SelectSeparator = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   SelectPrimitive.Separator,
   {
     ref,
@@ -241,7 +241,7 @@ var SelectSeparator = React14.forwardRef(({ className, ...props }, ref) => /* @_
   }
 ));
 SelectSeparator.displayName = SelectPrimitive.Separator.displayName;
-var Checkbox = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var Checkbox = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   CheckboxPrimitive.Root,
   {
     ref,
@@ -257,9 +257,9 @@ var Checkbox = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   }
 ));
 Checkbox.displayName = CheckboxPrimitive.Root.displayName;
-var RadioGroup = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(RadioGroupPrimitive.Root, { className: cn("grid gap-2", className), ref, ...props }));
+var RadioGroup = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(RadioGroupPrimitive.Root, { className: cn("grid gap-2", className), ref, ...props }));
 RadioGroup.displayName = RadioGroupPrimitive.Root.displayName;
-var RadioGroupItem = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var RadioGroupItem = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   RadioGroupPrimitive.Item,
   {
     ref,
@@ -274,7 +274,7 @@ var RadioGroupItem = React14.forwardRef(({ className, ...props }, ref) => /* @__
   }
 ));
 RadioGroupItem.displayName = RadioGroupPrimitive.Item.displayName;
-var Switch = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var Switch = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   SwitchPrimitive.Root,
   {
     ref,
@@ -300,7 +300,7 @@ var Switch = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ *
   }
 ));
 Switch.displayName = SwitchPrimitive.Root.displayName;
-var Slider = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs(
+var Slider = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs(
   SliderPrimitive.Root,
   {
     ref,
@@ -317,7 +317,7 @@ var Dialog = DialogPrimitive.Root;
 var DialogTrigger = DialogPrimitive.Trigger;
 var DialogPortal = DialogPrimitive.Portal;
 var DialogClose = DialogPrimitive.Close;
-var DialogOverlay = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var DialogOverlay = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   DialogPrimitive.Overlay,
   {
     ref,
@@ -331,7 +331,7 @@ var DialogOverlay = React14.forwardRef(({ className, ...props }, ref) => /* @__P
   }
 ));
 DialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
-var DialogContent = React14.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(DialogPortal, { children: [
+var DialogContent = React26.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(DialogPortal, { children: [
   /* @__PURE__ */ jsx(DialogOverlay, {}),
   /* @__PURE__ */ jsxs(
     DialogPrimitive.Content,
@@ -361,7 +361,7 @@ var DialogHeader = ({ className, ...props }) => /* @__PURE__ */ jsx("div", { cla
 DialogHeader.displayName = "DialogHeader";
 var DialogFooter = ({ className, ...props }) => /* @__PURE__ */ jsx("div", { className: cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", className), ...props });
 DialogFooter.displayName = "DialogFooter";
-var DialogTitle = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var DialogTitle = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   DialogPrimitive.Title,
   {
     ref,
@@ -370,7 +370,7 @@ var DialogTitle = React14.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 DialogTitle.displayName = DialogPrimitive.Title.displayName;
-var DialogDescription = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var DialogDescription = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   DialogPrimitive.Description,
   {
     ref,
@@ -383,7 +383,7 @@ var Sheet = DialogPrimitive.Root;
 var SheetTrigger = DialogPrimitive.Trigger;
 var SheetClose = DialogPrimitive.Close;
 var SheetPortal = DialogPrimitive.Portal;
-var SheetOverlay = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var SheetOverlay = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   DialogPrimitive.Overlay,
   {
     ref,
@@ -411,7 +411,7 @@ var sheetVariants = cva(
     defaultVariants: { side: "right" }
   }
 );
-var SheetContent = React14.forwardRef(({ side = "right", className, children, ...props }, ref) => /* @__PURE__ */ jsxs(SheetPortal, { children: [
+var SheetContent = React26.forwardRef(({ side = "right", className, children, ...props }, ref) => /* @__PURE__ */ jsxs(SheetPortal, { children: [
   /* @__PURE__ */ jsx(SheetOverlay, {}),
   /* @__PURE__ */ jsxs(DialogPrimitive.Content, { ref, className: cn(sheetVariants({ side }), className), ...props, children: [
     /* @__PURE__ */ jsxs(DialogPrimitive.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-[hsl(var(--ring))]", children: [
@@ -424,14 +424,14 @@ var SheetContent = React14.forwardRef(({ side = "right", className, children, ..
 SheetContent.displayName = DialogPrimitive.Content.displayName;
 var SheetHeader = ({ className, ...props }) => /* @__PURE__ */ jsx("div", { className: cn("flex flex-col space-y-2 text-center sm:text-left", className), ...props });
 var SheetFooter = ({ className, ...props }) => /* @__PURE__ */ jsx("div", { className: cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", className), ...props });
-var SheetTitle = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(DialogPrimitive.Title, { ref, className: cn("text-lg font-semibold", className), ...props }));
+var SheetTitle = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(DialogPrimitive.Title, { ref, className: cn("text-lg font-semibold", className), ...props }));
 SheetTitle.displayName = DialogPrimitive.Title.displayName;
-var SheetDescription = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(DialogPrimitive.Description, { ref, className: cn("text-sm text-[hsl(var(--muted-foreground))]", className), ...props }));
+var SheetDescription = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(DialogPrimitive.Description, { ref, className: cn("text-sm text-[hsl(var(--muted-foreground))]", className), ...props }));
 SheetDescription.displayName = DialogPrimitive.Description.displayName;
 var Popover = PopoverPrimitive.Root;
 var PopoverTrigger = PopoverPrimitive.Trigger;
 var PopoverAnchor = PopoverPrimitive.Anchor;
-var PopoverContent = React14.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx(
+var PopoverContent = React26.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx(
   PopoverPrimitive.Content,
   {
     ref,
@@ -451,7 +451,7 @@ PopoverContent.displayName = PopoverPrimitive.Content.displayName;
 var TooltipProvider = TooltipPrimitive.Provider;
 var Tooltip = TooltipPrimitive.Root;
 var TooltipTrigger = TooltipPrimitive.Trigger;
-var TooltipContent = React14.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsx(
+var TooltipContent = React26.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsx(
   TooltipPrimitive.Content,
   {
     ref,
@@ -483,30 +483,30 @@ var itemStyle = cn(
   "focus:bg-[hsl(var(--accent))] focus:text-[hsl(var(--accent-foreground))]",
   "data-[disabled]:pointer-events-none data-[disabled]:opacity-50"
 );
-var DropdownMenuContent = React14.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx(DropdownMenuPrimitive.Content, { ref, sideOffset, className: cn(contentStyle, className), ...props }) }));
+var DropdownMenuContent = React26.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx(DropdownMenuPrimitive.Content, { ref, sideOffset, className: cn(contentStyle, className), ...props }) }));
 DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;
-var DropdownMenuItem = React14.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(DropdownMenuPrimitive.Item, { ref, className: cn(itemStyle, inset && "pl-8", className), ...props }));
+var DropdownMenuItem = React26.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(DropdownMenuPrimitive.Item, { ref, className: cn(itemStyle, inset && "pl-8", className), ...props }));
 DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;
-var DropdownMenuCheckboxItem = React14.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs(DropdownMenuPrimitive.CheckboxItem, { ref, className: cn(itemStyle, "pl-8", className), checked, ...props, children: [
+var DropdownMenuCheckboxItem = React26.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs(DropdownMenuPrimitive.CheckboxItem, { ref, className: cn(itemStyle, "pl-8", className), checked, ...props, children: [
   /* @__PURE__ */ jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(Check, { className: "h-4 w-4" }) }) }),
   children
 ] }));
 DropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive.CheckboxItem.displayName;
-var DropdownMenuRadioItem = React14.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(DropdownMenuPrimitive.RadioItem, { ref, className: cn(itemStyle, "pl-8", className), ...props, children: [
+var DropdownMenuRadioItem = React26.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(DropdownMenuPrimitive.RadioItem, { ref, className: cn(itemStyle, "pl-8", className), ...props, children: [
   /* @__PURE__ */ jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(Circle, { className: "h-2 w-2 fill-current" }) }) }),
   children
 ] }));
 DropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName;
-var DropdownMenuLabel = React14.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(DropdownMenuPrimitive.Label, { ref, className: cn("px-2 py-1.5 text-xs font-semibold text-[hsl(var(--muted-foreground))]", inset && "pl-8", className), ...props }));
+var DropdownMenuLabel = React26.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(DropdownMenuPrimitive.Label, { ref, className: cn("px-2 py-1.5 text-xs font-semibold text-[hsl(var(--muted-foreground))]", inset && "pl-8", className), ...props }));
 DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName;
-var DropdownMenuSeparator = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(DropdownMenuPrimitive.Separator, { ref, className: cn("-mx-1 my-1 h-px bg-[hsl(var(--muted))]", className), ...props }));
+var DropdownMenuSeparator = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(DropdownMenuPrimitive.Separator, { ref, className: cn("-mx-1 my-1 h-px bg-[hsl(var(--muted))]", className), ...props }));
 DropdownMenuSeparator.displayName = DropdownMenuPrimitive.Separator.displayName;
-var DropdownMenuSubTrigger = React14.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs(DropdownMenuPrimitive.SubTrigger, { ref, className: cn(itemStyle, inset && "pl-8", "data-[state=open]:bg-[hsl(var(--accent))]", className), ...props, children: [
+var DropdownMenuSubTrigger = React26.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs(DropdownMenuPrimitive.SubTrigger, { ref, className: cn(itemStyle, inset && "pl-8", "data-[state=open]:bg-[hsl(var(--accent))]", className), ...props, children: [
   children,
   /* @__PURE__ */ jsx(ChevronRight, { className: "ml-auto h-4 w-4" })
 ] }));
 DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive.SubTrigger.displayName;
-var DropdownMenuSubContent = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(DropdownMenuPrimitive.SubContent, { ref, className: cn(contentStyle, className), ...props }));
+var DropdownMenuSubContent = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(DropdownMenuPrimitive.SubContent, { ref, className: cn(contentStyle, className), ...props }));
 DropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName;
 var DropdownMenuShortcut = ({ className, ...props }) => /* @__PURE__ */ jsx("span", { className: cn("ml-auto text-xs tracking-widest opacity-60", className), ...props });
 DropdownMenuShortcut.displayName = "DropdownMenuShortcut";
@@ -518,33 +518,33 @@ var ContextMenuSub = ContextMenuPrimitive.Sub;
 var ContextMenuRadioGroup = ContextMenuPrimitive.RadioGroup;
 var contentStyle2 = "z-50 min-w-[8rem] overflow-hidden rounded-md border border-[hsl(var(--border))] bg-[hsl(var(--popover))] p-1 text-[hsl(var(--popover-foreground))] shadow-md animate-in fade-in-80";
 var itemStyle2 = "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-[hsl(var(--accent))] focus:text-[hsl(var(--accent-foreground))] data-[disabled]:pointer-events-none data-[disabled]:opacity-50";
-var ContextMenuContent = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(ContextMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx(ContextMenuPrimitive.Content, { ref, className: cn(contentStyle2, className), ...props }) }));
+var ContextMenuContent = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(ContextMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx(ContextMenuPrimitive.Content, { ref, className: cn(contentStyle2, className), ...props }) }));
 ContextMenuContent.displayName = ContextMenuPrimitive.Content.displayName;
-var ContextMenuItem = React14.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(ContextMenuPrimitive.Item, { ref, className: cn(itemStyle2, inset && "pl-8", className), ...props }));
+var ContextMenuItem = React26.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(ContextMenuPrimitive.Item, { ref, className: cn(itemStyle2, inset && "pl-8", className), ...props }));
 ContextMenuItem.displayName = ContextMenuPrimitive.Item.displayName;
-var ContextMenuCheckboxItem = React14.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs(ContextMenuPrimitive.CheckboxItem, { ref, className: cn(itemStyle2, "pl-8", className), checked, ...props, children: [
+var ContextMenuCheckboxItem = React26.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs(ContextMenuPrimitive.CheckboxItem, { ref, className: cn(itemStyle2, "pl-8", className), checked, ...props, children: [
   /* @__PURE__ */ jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx(ContextMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(Check, { className: "h-4 w-4" }) }) }),
   children
 ] }));
 ContextMenuCheckboxItem.displayName = ContextMenuPrimitive.CheckboxItem.displayName;
-var ContextMenuRadioItem = React14.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(ContextMenuPrimitive.RadioItem, { ref, className: cn(itemStyle2, "pl-8", className), ...props, children: [
+var ContextMenuRadioItem = React26.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(ContextMenuPrimitive.RadioItem, { ref, className: cn(itemStyle2, "pl-8", className), ...props, children: [
   /* @__PURE__ */ jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx(ContextMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(Circle, { className: "h-2 w-2 fill-current" }) }) }),
   children
 ] }));
 ContextMenuRadioItem.displayName = ContextMenuPrimitive.RadioItem.displayName;
-var ContextMenuLabel = React14.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(ContextMenuPrimitive.Label, { ref, className: cn("px-2 py-1.5 text-xs font-semibold text-[hsl(var(--muted-foreground))]", inset && "pl-8", className), ...props }));
+var ContextMenuLabel = React26.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(ContextMenuPrimitive.Label, { ref, className: cn("px-2 py-1.5 text-xs font-semibold text-[hsl(var(--muted-foreground))]", inset && "pl-8", className), ...props }));
 ContextMenuLabel.displayName = ContextMenuPrimitive.Label.displayName;
-var ContextMenuSeparator = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(ContextMenuPrimitive.Separator, { ref, className: cn("-mx-1 my-1 h-px bg-[hsl(var(--muted))]", className), ...props }));
+var ContextMenuSeparator = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(ContextMenuPrimitive.Separator, { ref, className: cn("-mx-1 my-1 h-px bg-[hsl(var(--muted))]", className), ...props }));
 ContextMenuSeparator.displayName = ContextMenuPrimitive.Separator.displayName;
-var ContextMenuSubTrigger = React14.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs(ContextMenuPrimitive.SubTrigger, { ref, className: cn(itemStyle2, inset && "pl-8", className), ...props, children: [
+var ContextMenuSubTrigger = React26.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs(ContextMenuPrimitive.SubTrigger, { ref, className: cn(itemStyle2, inset && "pl-8", className), ...props, children: [
   children,
   /* @__PURE__ */ jsx(ChevronRight, { className: "ml-auto h-4 w-4" })
 ] }));
 ContextMenuSubTrigger.displayName = ContextMenuPrimitive.SubTrigger.displayName;
-var ContextMenuSubContent = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(ContextMenuPrimitive.SubContent, { ref, className: cn(contentStyle2, className), ...props }));
+var ContextMenuSubContent = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(ContextMenuPrimitive.SubContent, { ref, className: cn(contentStyle2, className), ...props }));
 ContextMenuSubContent.displayName = ContextMenuPrimitive.SubContent.displayName;
 var ContextMenuShortcut = ({ className, ...props }) => /* @__PURE__ */ jsx("span", { className: cn("ml-auto text-xs tracking-widest opacity-60", className), ...props });
-var Card = React14.forwardRef(
+var Card = React26.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
     "div",
     {
@@ -555,23 +555,23 @@ var Card = React14.forwardRef(
   )
 );
 Card.displayName = "Card";
-var CardHeader = React14.forwardRef(
+var CardHeader = React26.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("flex flex-col space-y-1.5 p-6", className), ...props })
 );
 CardHeader.displayName = "CardHeader";
-var CardTitle = React14.forwardRef(
+var CardTitle = React26.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("font-semibold leading-none tracking-tight", className), ...props })
 );
 CardTitle.displayName = "CardTitle";
-var CardDescription = React14.forwardRef(
+var CardDescription = React26.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("text-sm text-muted-foreground", className), ...props })
 );
 CardDescription.displayName = "CardDescription";
-var CardContent = React14.forwardRef(
+var CardContent = React26.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("p-6 pt-0", className), ...props })
 );
 CardContent.displayName = "CardContent";
-var CardFooter = React14.forwardRef(
+var CardFooter = React26.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("flex items-center p-6 pt-0", className), ...props })
 );
 CardFooter.displayName = "CardFooter";
@@ -592,7 +592,7 @@ var badgeVariants = cva(
 function Badge({ className, variant, ...props }) {
   return /* @__PURE__ */ jsx("div", { className: cn(badgeVariants({ variant }), className), ...props });
 }
-var Avatar = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var Avatar = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   AvatarPrimitive.Root,
   {
     ref,
@@ -601,9 +601,9 @@ var Avatar = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ *
   }
 ));
 Avatar.displayName = AvatarPrimitive.Root.displayName;
-var AvatarImage = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(AvatarPrimitive.Image, { ref, className: cn("aspect-square h-full w-full object-cover", className), ...props }));
+var AvatarImage = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(AvatarPrimitive.Image, { ref, className: cn("aspect-square h-full w-full object-cover", className), ...props }));
 AvatarImage.displayName = AvatarPrimitive.Image.displayName;
-var AvatarFallback = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var AvatarFallback = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   AvatarPrimitive.Fallback,
   {
     ref,
@@ -612,7 +612,7 @@ var AvatarFallback = React14.forwardRef(({ className, ...props }, ref) => /* @__
   }
 ));
 AvatarFallback.displayName = AvatarPrimitive.Fallback.displayName;
-var Separator4 = React14.forwardRef(({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ jsx(
+var Separator4 = React26.forwardRef(({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ jsx(
   SeparatorPrimitive.Root,
   {
     ref,
@@ -636,7 +636,7 @@ function Skeleton({ className, ...props }) {
     }
   );
 }
-var Progress = React14.forwardRef(({ className, value, ...props }, ref) => /* @__PURE__ */ jsx(
+var Progress = React26.forwardRef(({ className, value, ...props }, ref) => /* @__PURE__ */ jsx(
   ProgressPrimitive.Root,
   {
     ref,
@@ -653,7 +653,7 @@ var Progress = React14.forwardRef(({ className, value, ...props }, ref) => /* @_
 ));
 Progress.displayName = ProgressPrimitive.Root.displayName;
 var Tabs = TabsPrimitive.Root;
-var TabsList = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var TabsList = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   TabsPrimitive.List,
   {
     ref,
@@ -665,7 +665,7 @@ var TabsList = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   }
 ));
 TabsList.displayName = TabsPrimitive.List.displayName;
-var TabsTrigger = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var TabsTrigger = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   TabsPrimitive.Trigger,
   {
     ref,
@@ -680,7 +680,7 @@ var TabsTrigger = React14.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 TabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
-var TabsContent = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var TabsContent = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   TabsPrimitive.Content,
   {
     ref,
@@ -713,7 +713,7 @@ var justifyMap = {
   around: "justify-around",
   evenly: "justify-evenly"
 };
-var Stack = React14.forwardRef(
+var Stack = React26.forwardRef(
   ({ className, gap, direction = "col", align, justify, wrap, style, ...props }, ref) => /* @__PURE__ */ jsx(
     "div",
     {
@@ -732,11 +732,11 @@ var Stack = React14.forwardRef(
   )
 );
 Stack.displayName = "Stack";
-var HStack = React14.forwardRef(
+var HStack = React26.forwardRef(
   (props, ref) => /* @__PURE__ */ jsx(Stack, { ref, direction: "row", ...props })
 );
 HStack.displayName = "HStack";
-var VStack = React14.forwardRef(
+var VStack = React26.forwardRef(
   (props, ref) => /* @__PURE__ */ jsx(Stack, { ref, direction: "col", ...props })
 );
 VStack.displayName = "VStack";
@@ -747,7 +747,7 @@ var sizeMap = {
   xl: "max-w-screen-xl",
   full: "max-w-full"
 };
-var Container = React14.forwardRef(
+var Container = React26.forwardRef(
   ({ className, size = "lg", noPadding = false, ...props }, ref) => /* @__PURE__ */ jsx(
     "div",
     {
@@ -763,7 +763,7 @@ var Container = React14.forwardRef(
   )
 );
 Container.displayName = "Container";
-var Page = React14.forwardRef(
+var Page = React26.forwardRef(
   ({ className, maxWidth, style, ...props }, ref) => /* @__PURE__ */ jsx(
     "div",
     {
@@ -775,7 +775,7 @@ var Page = React14.forwardRef(
   )
 );
 Page.displayName = "Page";
-var PageHeader = React14.forwardRef(
+var PageHeader = React26.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
     "div",
     {
@@ -786,7 +786,7 @@ var PageHeader = React14.forwardRef(
   )
 );
 PageHeader.displayName = "PageHeader";
-var PageTitle = React14.forwardRef(
+var PageTitle = React26.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
     "h1",
     {
@@ -797,28 +797,28 @@ var PageTitle = React14.forwardRef(
   )
 );
 PageTitle.displayName = "PageTitle";
-var PageDescription = React14.forwardRef(
+var PageDescription = React26.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx("p", { ref, className: cn("text-sm text-[hsl(var(--muted-foreground))] mt-1", className), ...props })
 );
 PageDescription.displayName = "PageDescription";
-var PageActions = React14.forwardRef(
+var PageActions = React26.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("flex items-center gap-2 shrink-0", className), ...props })
 );
 PageActions.displayName = "PageActions";
-var PageBody = React14.forwardRef(
+var PageBody = React26.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("flex-1 p-6", className), ...props })
 );
 PageBody.displayName = "PageBody";
-var SidebarCtx = React14.createContext({ collapsed: false });
-var useSidebarCtx = () => React14.useContext(SidebarCtx);
+var SidebarCtx = React26.createContext({ collapsed: false });
+var useSidebarCtx = () => React26.useContext(SidebarCtx);
 var makeSlot = (name, cls) => {
-  const C = React14.forwardRef(
+  const C = React26.forwardRef(
     ({ className, ...p }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn(cls, className), ...p })
   );
   C.displayName = name;
   return C;
 };
-var Sidebar = React14.forwardRef(
+var Sidebar = React26.forwardRef(
   ({ className, collapsed = false, onCollapse, width = "240px", style, children, ...props }, ref) => /* @__PURE__ */ jsx(SidebarCtx.Provider, { value: { collapsed }, children: /* @__PURE__ */ jsxs(
     "div",
     {
@@ -846,7 +846,7 @@ var SidebarContent = makeSlot("SidebarContent", "flex-1 overflow-y-auto py-2");
 var SidebarFooter = makeSlot("SidebarFooter", "px-3 py-3 border-t border-[hsl(var(--border))] shrink-0");
 var SidebarGroup = makeSlot("SidebarGroup", "mb-2");
 var SidebarSeparator = makeSlot("SidebarSeparator", "h-px bg-[hsl(var(--border))] mx-3 my-2");
-var SidebarGroupLabel = React14.forwardRef(
+var SidebarGroupLabel = React26.forwardRef(
   ({ className, ...props }, ref) => {
     const { collapsed } = useSidebarCtx();
     return /* @__PURE__ */ jsx(
@@ -860,7 +860,7 @@ var SidebarGroupLabel = React14.forwardRef(
   }
 );
 SidebarGroupLabel.displayName = "SidebarGroupLabel";
-var SidebarItem = React14.forwardRef(
+var SidebarItem = React26.forwardRef(
   ({ className, icon, label, active, href, badge, onClick, ...props }, ref) => {
     const { collapsed } = useSidebarCtx();
     const cls = cn(
@@ -880,7 +880,7 @@ var SidebarItem = React14.forwardRef(
   }
 );
 SidebarItem.displayName = "SidebarItem";
-var Navbar = React14.forwardRef(
+var Navbar = React26.forwardRef(
   ({ className, sticky = false, border = true, ...props }, ref) => /* @__PURE__ */ jsx(
     "nav",
     {
@@ -896,7 +896,7 @@ var Navbar = React14.forwardRef(
   )
 );
 Navbar.displayName = "Navbar";
-var NavbarBrand = React14.forwardRef(
+var NavbarBrand = React26.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("flex items-center gap-2 px-4 shrink-0", className), ...props })
 );
 NavbarBrand.displayName = "NavbarBrand";
@@ -905,7 +905,7 @@ var alignMap2 = {
   center: "justify-center flex-1",
   end: "justify-end ml-auto"
 };
-var NavbarContent = React14.forwardRef(
+var NavbarContent = React26.forwardRef(
   ({ className, align = "start", ...props }, ref) => /* @__PURE__ */ jsx(
     "div",
     {
@@ -916,44 +916,106 @@ var NavbarContent = React14.forwardRef(
   )
 );
 NavbarContent.displayName = "NavbarContent";
-var NavbarItem = React14.forwardRef(
+var NavbarItem = React26.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("flex items-center", className), ...props })
 );
 NavbarItem.displayName = "NavbarItem";
-var AppShellCtx = React14.createContext({
+var AppShellCtx = React26.createContext({
   collapsed: false,
   setCollapsed: () => {
+  },
+  mobileOpen: false,
+  setMobileOpen: () => {
   }
 });
-var useAppShell = () => React14.useContext(AppShellCtx);
-var AppShell = React14.forwardRef(
+var useAppShell = () => React26.useContext(AppShellCtx);
+var AppShell = React26.forwardRef(
   ({ className, defaultCollapsed = false, children, ...props }, ref) => {
-    const [collapsed, setCollapsed] = React14.useState(defaultCollapsed);
-    return /* @__PURE__ */ jsx(AppShellCtx.Provider, { value: { collapsed, setCollapsed }, children: /* @__PURE__ */ jsx(
+    const [collapsed, setCollapsed] = React26.useState(defaultCollapsed);
+    const [mobileOpen, setMobileOpen] = React26.useState(false);
+    React26.useEffect(() => {
+      const handleClick = (e) => {
+        const target = e.target;
+        if (target.closest("a[href]") || target.closest("[data-mobile-close]")) {
+          setMobileOpen(false);
+        }
+      };
+      document.addEventListener("click", handleClick);
+      return () => document.removeEventListener("click", handleClick);
+    }, []);
+    return /* @__PURE__ */ jsx(AppShellCtx.Provider, { value: { collapsed, setCollapsed, mobileOpen, setMobileOpen }, children: /* @__PURE__ */ jsxs(
       "div",
       {
         ref,
-        className: cn("flex h-screen w-full overflow-hidden bg-[hsl(var(--background))]", className),
+        className: cn("flex h-screen w-full overflow-hidden bg-background", className),
         ...props,
-        children
+        children: [
+          mobileOpen && /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: "fixed inset-0 z-40 bg-black/50 md:hidden",
+              onClick: () => setMobileOpen(false)
+            }
+          ),
+          children
+        ]
       }
     ) });
   }
 );
 AppShell.displayName = "AppShell";
-var AppShellSidebar = React14.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("shrink-0 h-full", className), ...props })
+var AppShellSidebar = React26.forwardRef(
+  ({ className, ...props }, ref) => {
+    const { mobileOpen } = useAppShell();
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        className: cn(
+          // Desktop: always visible
+          "shrink-0 h-full",
+          // Mobile: hidden by default, slide in as fixed overlay when open
+          "fixed inset-y-0 left-0 z-50 md:relative md:translate-x-0 transition-transform duration-200",
+          mobileOpen ? "translate-x-0" : "-translate-x-full md:translate-x-0",
+          className
+        ),
+        ...props
+      }
+    );
+  }
 );
 AppShellSidebar.displayName = "AppShellSidebar";
-var AppShellMain = React14.forwardRef(
+var AppShellMain = React26.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("flex-1 min-w-0 flex flex-col overflow-auto", className), ...props })
 );
 AppShellMain.displayName = "AppShellMain";
-var SplitPage = React14.forwardRef(
+var MobileSidebarTrigger = React26.forwardRef(
+  ({ className, ...props }, ref) => {
+    const { mobileOpen, setMobileOpen } = useAppShell();
+    return /* @__PURE__ */ jsx(
+      "button",
+      {
+        ref,
+        onClick: () => setMobileOpen(!mobileOpen),
+        "aria-label": mobileOpen ? "Close menu" : "Open menu",
+        className: cn(
+          "md:hidden inline-flex items-center justify-center rounded-md p-2",
+          "text-muted-foreground hover:bg-accent hover:text-accent-foreground",
+          "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+          className
+        ),
+        ...props,
+        children: mobileOpen ? /* @__PURE__ */ jsx(X, { className: "h-5 w-5" }) : /* @__PURE__ */ jsx(Menu, { className: "h-5 w-5" })
+      }
+    );
+  }
+);
+MobileSidebarTrigger.displayName = "MobileSidebarTrigger";
+var SplitPage = React26.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("flex h-full w-full overflow-hidden", className), ...props })
 );
 SplitPage.displayName = "SplitPage";
-var SplitPageList = React14.forwardRef(
+var SplitPageList = React26.forwardRef(
   ({ className, width = "320px", style, ...props }, ref) => /* @__PURE__ */ jsx(
     "div",
     {
@@ -965,11 +1027,11 @@ var SplitPageList = React14.forwardRef(
   )
 );
 SplitPageList.displayName = "SplitPageList";
-var SplitPageDetail = React14.forwardRef(
+var SplitPageDetail = React26.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("flex-1 min-w-0 h-full overflow-auto", className), ...props })
 );
 SplitPageDetail.displayName = "SplitPageDetail";
-var ResizeBox = React14.forwardRef(
+var ResizeBox = React26.forwardRef(
   ({ className, resize = "both", minWidth = 100, minHeight = 100, style, ...props }, ref) => /* @__PURE__ */ jsx(
     "div",
     {
@@ -986,7 +1048,7 @@ var HandleIcon = () => /* @__PURE__ */ jsxs("svg", { width: "10", height: "10",
   /* @__PURE__ */ jsx("path", { d: "M8 5L5 8", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" }),
   /* @__PURE__ */ jsx("path", { d: "M8 8L8 8", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" })
 ] });
-var ResizeHandle = React14.forwardRef(
+var ResizeHandle = React26.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
     "div",
     {
@@ -1010,7 +1072,7 @@ function Field({ label, description, error, required, children, className }) {
     error && /* @__PURE__ */ jsx(FieldError, { children: error })
   ] });
 }
-var FieldLabel = React14.forwardRef(
+var FieldLabel = React26.forwardRef(
   ({ className, required, children, ...props }, ref) => /* @__PURE__ */ jsxs(
     "label",
     {
@@ -1025,7 +1087,7 @@ var FieldLabel = React14.forwardRef(
   )
 );
 FieldLabel.displayName = "FieldLabel";
-var FieldDescription = React14.forwardRef(
+var FieldDescription = React26.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
     "p",
     {
@@ -1036,7 +1098,7 @@ var FieldDescription = React14.forwardRef(
   )
 );
 FieldDescription.displayName = "FieldDescription";
-var FieldError = React14.forwardRef(
+var FieldError = React26.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
     "p",
     {
@@ -1056,7 +1118,7 @@ function getStrength(value) {
     return { level: "medium", width: "w-2/3", color: "bg-yellow-500" };
   return { level: "strong", width: "w-full", color: "bg-green-500" };
 }
-var PasswordInput = React14.forwardRef(
+var PasswordInput = React26.forwardRef(
   ({ className, strength, ...props }, ref) => {
     const [show, setShow] = useState(false);
     const value = String(props.value ?? "");
@@ -1091,7 +1153,7 @@ var PasswordInput = React14.forwardRef(
   }
 );
 PasswordInput.displayName = "PasswordInput";
-var SearchInput = React14.forwardRef(
+var SearchInput = React26.forwardRef(
   ({ className, shortcut, onClear, onChange, value: valueProp, defaultValue, ...props }, ref) => {
     const [internalValue, setInternalValue] = useState(defaultValue ?? "");
     const isControlled = valueProp !== void 0;
@@ -1316,7 +1378,7 @@ function FormField(props) {
 function FormItem({ className, ...props }) {
   return /* @__PURE__ */ jsx("div", { className: cn("flex flex-col gap-1.5", className), ...props });
 }
-var FormLabel = React14.forwardRef(
+var FormLabel = React26.forwardRef(
   ({ className, error, ...props }, ref) => /* @__PURE__ */ jsx(
     "label",
     {
@@ -1331,7 +1393,7 @@ var FormLabel = React14.forwardRef(
   )
 );
 FormLabel.displayName = "FormLabel";
-var FormControl = React14.forwardRef(
+var FormControl = React26.forwardRef(
   ({ ...props }, ref) => {
     const id = useId();
     return /* @__PURE__ */ jsx("div", { ref, id, ...props });
@@ -1368,7 +1430,7 @@ function StepForm({ steps, onSubmit, children, className }) {
     isFirst: currentStep === 0,
     isLast: currentStep === totalSteps - 1
   };
-  const childArray = React14.Children.toArray(children);
+  const childArray = React26.Children.toArray(children);
   const currentChild = childArray[currentStep];
   return /* @__PURE__ */ jsx(StepFormContext.Provider, { value: ctx, children: /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col gap-6", className), children: [
     /* @__PURE__ */ jsx(StepIndicator, { steps, currentStep }),
@@ -1377,7 +1439,7 @@ function StepForm({ steps, onSubmit, children, className }) {
   ] }) });
 }
 function StepIndicator({ steps, currentStep }) {
-  return /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2", children: steps.map((label, i) => /* @__PURE__ */ jsxs(React14.Fragment, { children: [
+  return /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2", children: steps.map((label, i) => /* @__PURE__ */ jsxs(React26.Fragment, { children: [
     i > 0 && /* @__PURE__ */ jsx("div", { className: cn("h-px flex-1 bg-[hsl(var(--border))]", i <= currentStep && "bg-[hsl(var(--primary))]") }),
     /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-1", children: [
       /* @__PURE__ */ jsx("div", { className: cn(
@@ -1612,7 +1674,7 @@ function DataTableToolbar({ table, searchColumn }) {
   ) });
 }
 function DataTable({ columns, data, pageSize = 10, searchable, searchColumn, loading }) {
-  const [sorting, setSorting] = React14.useState([]);
+  const [sorting, setSorting] = React26.useState([]);
   const table = useReactTable({
     data,
     columns,
@@ -1639,8 +1701,8 @@ function DataTable({ columns, data, pageSize = 10, searchable, searchColumn, loa
   ] });
 }
 function EditableCell({ value: initial, onSave }) {
-  const [editing, setEditing] = React14.useState(false);
-  const [val, setVal] = React14.useState(String(initial ?? ""));
+  const [editing, setEditing] = React26.useState(false);
+  const [val, setVal] = React26.useState(String(initial ?? ""));
   const commit = () => {
     onSave(val);
     setEditing(false);
@@ -1673,10 +1735,10 @@ var selectionCol = () => ({
   enableResizing: false
 });
 function DataGrid({ columns, data: initialData, onDataChange, editable, className }) {
-  const [data, setData] = React14.useState(initialData);
-  const [rowSelection, setRowSelection] = React14.useState({});
+  const [data, setData] = React26.useState(initialData);
+  const [rowSelection, setRowSelection] = React26.useState({});
   const columnResizeMode = "onChange";
-  const editableColumns = React14.useMemo(() => {
+  const editableColumns = React26.useMemo(() => {
     if (!editable)
       return columns;
     return columns.map((col) => ({
@@ -1696,7 +1758,7 @@ function DataGrid({ columns, data: initialData, onDataChange, editable, classNam
       )
     }));
   }, [columns, data, editable, onDataChange]);
-  const allColumns = React14.useMemo(() => [selectionCol(), ...editableColumns], [editableColumns]);
+  const allColumns = React26.useMemo(() => [selectionCol(), ...editableColumns], [editableColumns]);
   const table = useReactTable({
     data,
     columns: allColumns,
@@ -1714,7 +1776,7 @@ function DataGrid({ columns, data: initialData, onDataChange, editable, classNam
     /* @__PURE__ */ jsx("tbody", { children: table.getRowModel().rows.map((row) => /* @__PURE__ */ jsx("tr", { className: cn("border-t border-[hsl(var(--border))] hover:bg-[hsl(var(--muted)/0.3)] transition-colors", row.getIsSelected() && "bg-[hsl(var(--primary)/0.06)]"), children: row.getVisibleCells().map((cell) => /* @__PURE__ */ jsx("td", { style: { width: cell.column.getSize() }, className: "px-3 py-2 border-r border-[hsl(var(--border))] last:border-r-0", children: flexRender(cell.column.columnDef.cell, cell.getContext()) }, cell.id)) }, row.id)) })
   ] }) });
 }
-var EmptyStateIcon = React14.forwardRef(
+var EmptyStateIcon = React26.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("flex h-12 w-12 items-center justify-center rounded-full bg-[hsl(var(--muted))] text-[hsl(var(--muted-foreground))]", className), ...props })
 );
 EmptyStateIcon.displayName = "EmptyStateIcon";
@@ -1728,7 +1790,7 @@ function EmptyState({ icon, title, description, action, className }) {
     action && /* @__PURE__ */ jsx(Button, { onClick: action.onClick, className: "mt-1", children: action.label })
   ] });
 }
-var PropertyList = React14.forwardRef(
+var PropertyList = React26.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx("dl", { ref, className: cn("divide-y divide-[hsl(var(--border))]", className), ...props })
 );
 PropertyList.displayName = "PropertyList";
@@ -1744,7 +1806,7 @@ var dotColors = {
   error: "bg-red-500",
   warning: "bg-yellow-500"
 };
-var TimelineContent = React14.forwardRef(
+var TimelineContent = React26.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("pb-1", className), ...props })
 );
 TimelineContent.displayName = "TimelineContent";
@@ -1767,9 +1829,9 @@ function TimelineItem({ icon, title, description, timestamp, variant = "default"
   ] });
 }
 function Timeline({ children, className }) {
-  const items = React14.Children.toArray(children);
+  const items = React26.Children.toArray(children);
   return /* @__PURE__ */ jsx("div", { className: cn("", className), children: items.map(
-    (child, i) => React14.isValidElement(child) ? React14.cloneElement(child, { isLast: i === items.length - 1 }) : child
+    (child, i) => React26.isValidElement(child) ? React26.cloneElement(child, { isLast: i === items.length - 1 }) : child
   ) });
 }
 function Stat({ label, value, trend, trendLabel, icon, description, className }) {
@@ -1857,7 +1919,7 @@ function StructuredListItem({ left, title, description, right, onClick, classNam
     }
   );
 }
-var StructuredList = React14.forwardRef(
+var StructuredList = React26.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("space-y-4", className), ...props })
 );
 StructuredList.displayName = "StructuredList";
@@ -1978,8 +2040,8 @@ function Banner({
   className,
   children
 }) {
-  const [dismissed, setDismissed] = React14.useState(false);
-  const [exiting, setExiting] = React14.useState(false);
+  const [dismissed, setDismissed] = React26.useState(false);
+  const [exiting, setExiting] = React26.useState(false);
   const handleDismiss = () => {
     setExiting(true);
     setTimeout(() => {
@@ -2114,7 +2176,7 @@ function BreadcrumbSeparator({ className }) {
   return /* @__PURE__ */ jsx("li", { role: "presentation", "aria-hidden": "true", className: cn("flex items-center text-[hsl(var(--muted-foreground))]", className), children: /* @__PURE__ */ jsx(ChevronRight, { className: "h-3.5 w-3.5" }) });
 }
 function Breadcrumb({ children, className }) {
-  const items = React14.Children.toArray(children);
+  const items = React26.Children.toArray(children);
   const withSeparators = [];
   items.forEach((item, i) => {
     withSeparators.push(item);
@@ -2135,10 +2197,10 @@ function Hotkeys({ keys, className }) {
 var textOps = ["contains", "equals", "starts with"];
 var numOps = ["=", ">", "<", ">=", "<="];
 function AddFilterPopover({ filters, onAdd }) {
-  const [open, setOpen] = React14.useState(false);
-  const [key, setKey] = React14.useState("");
-  const [op, setOp] = React14.useState("");
-  const [val, setVal] = React14.useState("");
+  const [open, setOpen] = React26.useState(false);
+  const [key, setKey] = React26.useState("");
+  const [op, setOp] = React26.useState("");
+  const [val, setVal] = React26.useState("");
   const def = filters.find((f) => f.key === key);
   const ops = def?.type === "number" ? numOps : textOps;
   const handleAdd = () => {
@@ -2241,19 +2303,19 @@ function ToggleButtonGroup(props) {
       props.onChange(val);
     }
   };
-  return /* @__PURE__ */ jsx("div", { className: cn("inline-flex items-center gap-1 rounded-md border border-[hsl(var(--border))] bg-[hsl(var(--muted)/0.4)] p-0.5", className), children: React14.Children.map(children, (child) => {
-    if (!React14.isValidElement(child))
+  return /* @__PURE__ */ jsx("div", { className: cn("inline-flex items-center gap-1 rounded-md border border-[hsl(var(--border))] bg-[hsl(var(--muted)/0.4)] p-0.5", className), children: React26.Children.map(children, (child) => {
+    if (!React26.isValidElement(child))
       return child;
     const tb = child;
-    return React14.cloneElement(tb, {
+    return React26.cloneElement(tb, {
       pressed: isPressed(tb.props.value),
       onClick: () => handleClick(tb.props.value)
     });
   }) });
 }
 function useCommandBar() {
-  const [open, setOpen] = React14.useState(false);
-  React14.useEffect(() => {
+  const [open, setOpen] = React26.useState(false);
+  React26.useEffect(() => {
     const handler = (e) => {
       if ((e.metaKey || e.ctrlKey) && e.key === "k") {
         e.preventDefault();
@@ -2293,12 +2355,12 @@ function CommandBarItem({ icon, label, shortcut, onSelect, active, className })
   );
 }
 function CommandBar({ open, onOpenChange, children, placeholder = "Search commands...", onSearch }) {
-  const [query, setQuery] = React14.useState("");
+  const [query, setQuery] = React26.useState("");
   const handleSearch = (v) => {
     setQuery(v);
     onSearch?.(v);
   };
-  const items = React14.useRef(null);
+  const items = React26.useRef(null);
   const handleKeyDown = (e) => {
     if (e.key === "Escape") {
       onOpenChange(false);
@@ -2368,9 +2430,9 @@ function KanbanColumn({ column, isOver }) {
   ] });
 }
 function Kanban({ columns: initialColumns, onMoveCard, className }) {
-  const [cols, setCols] = React14.useState(initialColumns);
-  const [activeCard, setActiveCard] = React14.useState(null);
-  const [overColId, setOverColId] = React14.useState(null);
+  const [cols, setCols] = React26.useState(initialColumns);
+  const [activeCard, setActiveCard] = React26.useState(null);
+  const [overColId, setOverColId] = React26.useState(null);
   const sensors = useSensors(useSensor(PointerSensor, { activationConstraint: { distance: 5 } }));
   const findColByCard = (cardId) => cols.find((c) => c.cards.some((card) => card.id === cardId));
   const onDragStart = ({ active }) => {
@@ -3662,7 +3724,7 @@ function FileRow({ file, onDelete }) {
   ] });
 }
 function FilesList({ className }) {
-  const [files, setFiles] = React14.useState(FILES2);
+  const [files, setFiles] = React26.useState(FILES2);
   return /* @__PURE__ */ jsx("div", { className: cn("rounded-md border border-[hsl(var(--border))] overflow-hidden", className), children: /* @__PURE__ */ jsxs("table", { className: "w-full", children: [
     /* @__PURE__ */ jsx("thead", { className: "bg-[hsl(var(--muted)/0.5)]", children: /* @__PURE__ */ jsx("tr", { children: ["Name", "Type", "Size", "Modified", ""].map((h) => /* @__PURE__ */ jsx("th", { className: "px-4 py-2.5 text-left text-xs font-medium text-[hsl(var(--muted-foreground))]", children: h }, h)) }) }),
     /* @__PURE__ */ jsx("tbody", { children: files.map((f) => /* @__PURE__ */ jsx(FileRow, { file: f, onDelete: () => setFiles((fs) => fs.filter((x) => x.id !== f.id)) }, f.id)) })
@@ -3758,6 +3820,6 @@ function SortableTaskList({ className }) {
   }) });
 }
 
-export { AppShell, AppShellMain, AppShellSidebar, AreaChart, ArrayField, AutoForm, Avatar, AvatarFallback, AvatarImage, Badge, Banner, BarChart, Beacon, BlinkUIProvider, Breadcrumb, BreadcrumbItem, BreadcrumbPage, BreadcrumbSeparator, BulkActions, Button, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, ChatDetail, Checkbox, CommandBar, CommandBarEmpty, CommandBarGroup, CommandBarItem, CommandItem, Container, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, DataGrid, DataTable, DataTableColumnHeader, DataTablePagination, DataTableToolbar, DatePicker, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmptyState, EmptyStateIcon, FeedbackModal, Field, FieldDescription, FieldError, FieldLabel, FileCards, FileUpload, FileUploadPreview, FilesList, FilterBadge, Filters, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, HStack, HotkeyBadge, Hotkeys, IconBadge, Input, IntegrationCard, InviteModal, Kanban, KanbanCard, KanbanColumn, LineChart, LoadingOverlay, ManageTagsModal, MessagesCard, MetricCard, MetricCardWithButton, MetricCardWithIcon, Navbar, NavbarBrand, NavbarContent, NavbarItem, NotificationSettings, ObjectField, OrgMenu, Page, PageActions, PageBody, PageDescription, PageHeader, PageTitle, PasswordInput, Persona, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, Progress, PropertyItem, PropertyList, RadioGroup, RadioGroupItem, ResizeBox, ResizeHandle, RolesMenu, SearchInput, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectUsersModal, SelectValue, Separator4 as Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupLabel, SidebarHeader, SidebarItem, SidebarLayoutDashboard, SidebarLayoutGroups, SidebarLayoutMinimal, SidebarLayoutSearch, SidebarLayoutUser, SidebarSeparator, Skeleton, Slider, SortableTaskList, Sparkline, SplitPage, SplitPageDetail, SplitPageList, Stack, StackedLayoutBranded, StackedLayoutTabs, Stat, StatGroup, StepForm, StepFormNavigation, StepFormStep, Stepper, StructuredList, StructuredListItem, StructuredListSection, Switch, Tabs, TabsContent, TabsList, TabsTrigger, TaskCard, TaskCardWithLabels, Textarea, Timeline, TimelineConnector, TimelineContent, TimelineItem, Toaster, ToggleButton, ToggleButtonGroup, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, Tour, TourStep, UserMenu, VStack, WorkspaceMembers, badgeVariants, buttonVariants, cn, useAppShell, useBlinkUI, useCommandBar, useTour };
+export { AppShell, AppShellMain, AppShellSidebar, AreaChart, ArrayField, AutoForm, Avatar, AvatarFallback, AvatarImage, Badge, Banner, BarChart, Beacon, BlinkUIProvider, Breadcrumb, BreadcrumbItem, BreadcrumbPage, BreadcrumbSeparator, BulkActions, Button, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, ChatDetail, Checkbox, CommandBar, CommandBarEmpty, CommandBarGroup, CommandBarItem, CommandItem, Container, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, DataGrid, DataTable, DataTableColumnHeader, DataTablePagination, DataTableToolbar, DatePicker, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmptyState, EmptyStateIcon, FeedbackModal, Field, FieldDescription, FieldError, FieldLabel, FileCards, FileUpload, FileUploadPreview, FilesList, FilterBadge, Filters, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, HStack, HotkeyBadge, Hotkeys, IconBadge, Input, IntegrationCard, InviteModal, Kanban, KanbanCard, KanbanColumn, LineChart, LoadingOverlay, ManageTagsModal, MessagesCard, MetricCard, MetricCardWithButton, MetricCardWithIcon, MobileSidebarTrigger, Navbar, NavbarBrand, NavbarContent, NavbarItem, NotificationSettings, ObjectField, OrgMenu, Page, PageActions, PageBody, PageDescription, PageHeader, PageTitle, PasswordInput, Persona, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, Progress, PropertyItem, PropertyList, RadioGroup, RadioGroupItem, ResizeBox, ResizeHandle, RolesMenu, SearchInput, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectUsersModal, SelectValue, Separator4 as Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupLabel, SidebarHeader, SidebarItem, SidebarLayoutDashboard, SidebarLayoutGroups, SidebarLayoutMinimal, SidebarLayoutSearch, SidebarLayoutUser, SidebarSeparator, Skeleton, Slider, SortableTaskList, Sparkline, SplitPage, SplitPageDetail, SplitPageList, Stack, StackedLayoutBranded, StackedLayoutTabs, Stat, StatGroup, StepForm, StepFormNavigation, StepFormStep, Stepper, StructuredList, StructuredListItem, StructuredListSection, Switch, Tabs, TabsContent, TabsList, TabsTrigger, TaskCard, TaskCardWithLabels, Textarea, Timeline, TimelineConnector, TimelineContent, TimelineItem, Toaster, ToggleButton, ToggleButtonGroup, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, Tour, TourStep, UserMenu, VStack, WorkspaceMembers, badgeVariants, buttonVariants, cn, useAppShell, useBlinkUI, useCommandBar, useTour };
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=index.mjs.map