@blinkdotnew/ui 0.1.4 → 0.1.5

package/dist/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var React14 = require('react');
+var React26 = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 var clsx = require('clsx');
 var tailwindMerge = require('tailwind-merge');
@@ -51,7 +51,7 @@ function _interopNamespace(e) {
   return Object.freeze(n);
 }
 
-var React14__default = /*#__PURE__*/_interopDefault(React14);
+var React26__default = /*#__PURE__*/_interopDefault(React26);
 var SelectPrimitive__namespace = /*#__PURE__*/_interopNamespace(SelectPrimitive);
 var CheckboxPrimitive__namespace = /*#__PURE__*/_interopNamespace(CheckboxPrimitive);
 var RadioGroupPrimitive__namespace = /*#__PURE__*/_interopNamespace(RadioGroupPrimitive);
@@ -69,9 +69,9 @@ var TabsPrimitive__namespace = /*#__PURE__*/_interopNamespace(TabsPrimitive);
 var z__namespace = /*#__PURE__*/_interopNamespace(z);
 
 // src/provider/blink-ui-provider.tsx
-var BlinkUIContext = React14.createContext(null);
+var BlinkUIContext = React26.createContext(null);
 function useBlinkUI() {
-  const ctx = React14.useContext(BlinkUIContext);
+  const ctx = React26.useContext(BlinkUIContext);
   if (!ctx)
     throw new Error("useBlinkUI must be used within <BlinkUIProvider>");
   return ctx;
@@ -81,10 +81,10 @@ function BlinkUIProvider({
   theme: initialTheme = "linear",
   darkMode: initialDarkMode = "system"
 }) {
-  const [theme, setTheme] = React14.useState(initialTheme);
-  const [darkMode, setDarkMode] = React14.useState(initialDarkMode);
-  const [resolvedDark, setResolvedDark] = React14.useState(false);
-  React14.useEffect(() => {
+  const [theme, setTheme] = React26.useState(initialTheme);
+  const [darkMode, setDarkMode] = React26.useState(initialDarkMode);
+  const [resolvedDark, setResolvedDark] = React26.useState(false);
+  React26.useEffect(() => {
     const update = () => {
       const isDark = darkMode === "dark" || darkMode === "system" && window.matchMedia("(prefers-color-scheme: dark)").matches;
       setResolvedDark(isDark);
@@ -94,7 +94,7 @@ function BlinkUIProvider({
     mq.addEventListener("change", update);
     return () => mq.removeEventListener("change", update);
   }, [darkMode]);
-  React14.useEffect(() => {
+  React26.useEffect(() => {
     const root = document.documentElement;
     root.classList.remove("theme-linear", "theme-glass", "theme-midnight", "theme-minimal");
     root.classList.remove("dark", "light");
@@ -128,14 +128,14 @@ var buttonVariants = classVarianceAuthority.cva(
     defaultVariants: { variant: "default", size: "default" }
   }
 );
-var Button = React14__default.default.forwardRef(
+var Button = React26__default.default.forwardRef(
   ({ className, variant, size, asChild = false, ...props }, ref) => {
     const Comp = asChild ? reactSlot.Slot : "button";
     return /* @__PURE__ */ jsxRuntime.jsx(Comp, { className: cn(buttonVariants({ variant, size }), className), ref, ...props });
   }
 );
 Button.displayName = "Button";
-var Input = React14__default.default.forwardRef(
+var Input = React26__default.default.forwardRef(
   ({ className, type, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
     "input",
     {
@@ -154,7 +154,7 @@ var Input = React14__default.default.forwardRef(
   )
 );
 Input.displayName = "Input";
-var Textarea = React14__default.default.forwardRef(
+var Textarea = React26__default.default.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
     "textarea",
     {
@@ -175,7 +175,7 @@ Textarea.displayName = "Textarea";
 var Select = SelectPrimitive__namespace.Root;
 var SelectGroup = SelectPrimitive__namespace.Group;
 var SelectValue = SelectPrimitive__namespace.Value;
-var SelectTrigger = React14__default.default.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
+var SelectTrigger = React26__default.default.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
   SelectPrimitive__namespace.Trigger,
   {
     ref,
@@ -195,7 +195,7 @@ var SelectTrigger = React14__default.default.forwardRef(({ className, children,
   }
 ));
 SelectTrigger.displayName = SelectPrimitive__namespace.Trigger.displayName;
-var SelectScrollUpButton = React14__default.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var SelectScrollUpButton = React26__default.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   SelectPrimitive__namespace.ScrollUpButton,
   {
     ref,
@@ -205,7 +205,7 @@ var SelectScrollUpButton = React14__default.default.forwardRef(({ className, ...
   }
 ));
 SelectScrollUpButton.displayName = SelectPrimitive__namespace.ScrollUpButton.displayName;
-var SelectScrollDownButton = React14__default.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var SelectScrollDownButton = React26__default.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   SelectPrimitive__namespace.ScrollDownButton,
   {
     ref,
@@ -215,7 +215,7 @@ var SelectScrollDownButton = React14__default.default.forwardRef(({ className, .
   }
 ));
 SelectScrollDownButton.displayName = SelectPrimitive__namespace.ScrollDownButton.displayName;
-var SelectContent = React14__default.default.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(SelectPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsxs(
+var SelectContent = React26__default.default.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(SelectPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsxs(
   SelectPrimitive__namespace.Content,
   {
     ref,
@@ -242,7 +242,7 @@ var SelectContent = React14__default.default.forwardRef(({ className, children,
   }
 ) }));
 SelectContent.displayName = SelectPrimitive__namespace.Content.displayName;
-var SelectLabel = React14__default.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var SelectLabel = React26__default.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   SelectPrimitive__namespace.Label,
   {
     ref,
@@ -251,7 +251,7 @@ var SelectLabel = React14__default.default.forwardRef(({ className, ...props },
   }
 ));
 SelectLabel.displayName = SelectPrimitive__namespace.Label.displayName;
-var SelectItem = React14__default.default.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
+var SelectItem = React26__default.default.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
   SelectPrimitive__namespace.Item,
   {
     ref,
@@ -269,7 +269,7 @@ var SelectItem = React14__default.default.forwardRef(({ className, children, ...
   }
 ));
 SelectItem.displayName = SelectPrimitive__namespace.Item.displayName;
-var SelectSeparator = React14__default.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var SelectSeparator = React26__default.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   SelectPrimitive__namespace.Separator,
   {
     ref,
@@ -278,7 +278,7 @@ var SelectSeparator = React14__default.default.forwardRef(({ className, ...props
   }
 ));
 SelectSeparator.displayName = SelectPrimitive__namespace.Separator.displayName;
-var Checkbox = React14__default.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var Checkbox = React26__default.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   CheckboxPrimitive__namespace.Root,
   {
     ref,
@@ -294,9 +294,9 @@ var Checkbox = React14__default.default.forwardRef(({ className, ...props }, ref
   }
 ));
 Checkbox.displayName = CheckboxPrimitive__namespace.Root.displayName;
-var RadioGroup = React14__default.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(RadioGroupPrimitive__namespace.Root, { className: cn("grid gap-2", className), ref, ...props }));
+var RadioGroup = React26__default.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(RadioGroupPrimitive__namespace.Root, { className: cn("grid gap-2", className), ref, ...props }));
 RadioGroup.displayName = RadioGroupPrimitive__namespace.Root.displayName;
-var RadioGroupItem = React14__default.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var RadioGroupItem = React26__default.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   RadioGroupPrimitive__namespace.Item,
   {
     ref,
@@ -311,7 +311,7 @@ var RadioGroupItem = React14__default.default.forwardRef(({ className, ...props
   }
 ));
 RadioGroupItem.displayName = RadioGroupPrimitive__namespace.Item.displayName;
-var Switch = React14__default.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var Switch = React26__default.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   SwitchPrimitive__namespace.Root,
   {
     ref,
@@ -337,7 +337,7 @@ var Switch = React14__default.default.forwardRef(({ className, ...props }, ref)
   }
 ));
 Switch.displayName = SwitchPrimitive__namespace.Root.displayName;
-var Slider = React14__default.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
+var Slider = React26__default.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
   SliderPrimitive__namespace.Root,
   {
     ref,
@@ -354,7 +354,7 @@ var Dialog = DialogPrimitive__namespace.Root;
 var DialogTrigger = DialogPrimitive__namespace.Trigger;
 var DialogPortal = DialogPrimitive__namespace.Portal;
 var DialogClose = DialogPrimitive__namespace.Close;
-var DialogOverlay = React14__default.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var DialogOverlay = React26__default.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   DialogPrimitive__namespace.Overlay,
   {
     ref,
@@ -368,7 +368,7 @@ var DialogOverlay = React14__default.default.forwardRef(({ className, ...props }
   }
 ));
 DialogOverlay.displayName = DialogPrimitive__namespace.Overlay.displayName;
-var DialogContent = React14__default.default.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(DialogPortal, { children: [
+var DialogContent = React26__default.default.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(DialogPortal, { children: [
   /* @__PURE__ */ jsxRuntime.jsx(DialogOverlay, {}),
   /* @__PURE__ */ jsxRuntime.jsxs(
     DialogPrimitive__namespace.Content,
@@ -398,7 +398,7 @@ var DialogHeader = ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx("
 DialogHeader.displayName = "DialogHeader";
 var DialogFooter = ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.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__default.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var DialogTitle = React26__default.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   DialogPrimitive__namespace.Title,
   {
     ref,
@@ -407,7 +407,7 @@ var DialogTitle = React14__default.default.forwardRef(({ className, ...props },
   }
 ));
 DialogTitle.displayName = DialogPrimitive__namespace.Title.displayName;
-var DialogDescription = React14__default.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var DialogDescription = React26__default.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   DialogPrimitive__namespace.Description,
   {
     ref,
@@ -420,7 +420,7 @@ var Sheet = DialogPrimitive__namespace.Root;
 var SheetTrigger = DialogPrimitive__namespace.Trigger;
 var SheetClose = DialogPrimitive__namespace.Close;
 var SheetPortal = DialogPrimitive__namespace.Portal;
-var SheetOverlay = React14__default.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var SheetOverlay = React26__default.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   DialogPrimitive__namespace.Overlay,
   {
     ref,
@@ -448,7 +448,7 @@ var sheetVariants = classVarianceAuthority.cva(
     defaultVariants: { side: "right" }
   }
 );
-var SheetContent = React14__default.default.forwardRef(({ side = "right", className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(SheetPortal, { children: [
+var SheetContent = React26__default.default.forwardRef(({ side = "right", className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(SheetPortal, { children: [
   /* @__PURE__ */ jsxRuntime.jsx(SheetOverlay, {}),
   /* @__PURE__ */ jsxRuntime.jsxs(DialogPrimitive__namespace.Content, { ref, className: cn(sheetVariants({ side }), className), ...props, children: [
     /* @__PURE__ */ jsxRuntime.jsxs(DialogPrimitive__namespace.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: [
@@ -461,14 +461,14 @@ var SheetContent = React14__default.default.forwardRef(({ side = "right", classN
 SheetContent.displayName = DialogPrimitive__namespace.Content.displayName;
 var SheetHeader = ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("flex flex-col space-y-2 text-center sm:text-left", className), ...props });
 var SheetFooter = ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", className), ...props });
-var SheetTitle = React14__default.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(DialogPrimitive__namespace.Title, { ref, className: cn("text-lg font-semibold", className), ...props }));
+var SheetTitle = React26__default.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(DialogPrimitive__namespace.Title, { ref, className: cn("text-lg font-semibold", className), ...props }));
 SheetTitle.displayName = DialogPrimitive__namespace.Title.displayName;
-var SheetDescription = React14__default.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(DialogPrimitive__namespace.Description, { ref, className: cn("text-sm text-[hsl(var(--muted-foreground))]", className), ...props }));
+var SheetDescription = React26__default.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(DialogPrimitive__namespace.Description, { ref, className: cn("text-sm text-[hsl(var(--muted-foreground))]", className), ...props }));
 SheetDescription.displayName = DialogPrimitive__namespace.Description.displayName;
 var Popover = PopoverPrimitive__namespace.Root;
 var PopoverTrigger = PopoverPrimitive__namespace.Trigger;
 var PopoverAnchor = PopoverPrimitive__namespace.Anchor;
-var PopoverContent = React14__default.default.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(PopoverPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(
+var PopoverContent = React26__default.default.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(PopoverPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(
   PopoverPrimitive__namespace.Content,
   {
     ref,
@@ -488,7 +488,7 @@ PopoverContent.displayName = PopoverPrimitive__namespace.Content.displayName;
 var TooltipProvider = TooltipPrimitive__namespace.Provider;
 var Tooltip = TooltipPrimitive__namespace.Root;
 var TooltipTrigger = TooltipPrimitive__namespace.Trigger;
-var TooltipContent = React14__default.default.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(TooltipPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(
+var TooltipContent = React26__default.default.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(TooltipPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(
   TooltipPrimitive__namespace.Content,
   {
     ref,
@@ -520,30 +520,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__default.default.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.Content, { ref, sideOffset, className: cn(contentStyle, className), ...props }) }));
+var DropdownMenuContent = React26__default.default.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.Content, { ref, sideOffset, className: cn(contentStyle, className), ...props }) }));
 DropdownMenuContent.displayName = DropdownMenuPrimitive__namespace.Content.displayName;
-var DropdownMenuItem = React14__default.default.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.Item, { ref, className: cn(itemStyle, inset && "pl-8", className), ...props }));
+var DropdownMenuItem = React26__default.default.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.Item, { ref, className: cn(itemStyle, inset && "pl-8", className), ...props }));
 DropdownMenuItem.displayName = DropdownMenuPrimitive__namespace.Item.displayName;
-var DropdownMenuCheckboxItem = React14__default.default.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(DropdownMenuPrimitive__namespace.CheckboxItem, { ref, className: cn(itemStyle, "pl-8", className), checked, ...props, children: [
+var DropdownMenuCheckboxItem = React26__default.default.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(DropdownMenuPrimitive__namespace.CheckboxItem, { ref, className: cn(itemStyle, "pl-8", className), checked, ...props, children: [
   /* @__PURE__ */ jsxRuntime.jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.ItemIndicator, { children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { className: "h-4 w-4" }) }) }),
   children
 ] }));
 DropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive__namespace.CheckboxItem.displayName;
-var DropdownMenuRadioItem = React14__default.default.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(DropdownMenuPrimitive__namespace.RadioItem, { ref, className: cn(itemStyle, "pl-8", className), ...props, children: [
+var DropdownMenuRadioItem = React26__default.default.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(DropdownMenuPrimitive__namespace.RadioItem, { ref, className: cn(itemStyle, "pl-8", className), ...props, children: [
   /* @__PURE__ */ jsxRuntime.jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.ItemIndicator, { children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Circle, { className: "h-2 w-2 fill-current" }) }) }),
   children
 ] }));
 DropdownMenuRadioItem.displayName = DropdownMenuPrimitive__namespace.RadioItem.displayName;
-var DropdownMenuLabel = React14__default.default.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.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__default.default.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.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__namespace.Label.displayName;
-var DropdownMenuSeparator = React14__default.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.Separator, { ref, className: cn("-mx-1 my-1 h-px bg-[hsl(var(--muted))]", className), ...props }));
+var DropdownMenuSeparator = React26__default.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.Separator, { ref, className: cn("-mx-1 my-1 h-px bg-[hsl(var(--muted))]", className), ...props }));
 DropdownMenuSeparator.displayName = DropdownMenuPrimitive__namespace.Separator.displayName;
-var DropdownMenuSubTrigger = React14__default.default.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(DropdownMenuPrimitive__namespace.SubTrigger, { ref, className: cn(itemStyle, inset && "pl-8", "data-[state=open]:bg-[hsl(var(--accent))]", className), ...props, children: [
+var DropdownMenuSubTrigger = React26__default.default.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(DropdownMenuPrimitive__namespace.SubTrigger, { ref, className: cn(itemStyle, inset && "pl-8", "data-[state=open]:bg-[hsl(var(--accent))]", className), ...props, children: [
   children,
   /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRight, { className: "ml-auto h-4 w-4" })
 ] }));
 DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive__namespace.SubTrigger.displayName;
-var DropdownMenuSubContent = React14__default.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.SubContent, { ref, className: cn(contentStyle, className), ...props }));
+var DropdownMenuSubContent = React26__default.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.SubContent, { ref, className: cn(contentStyle, className), ...props }));
 DropdownMenuSubContent.displayName = DropdownMenuPrimitive__namespace.SubContent.displayName;
 var DropdownMenuShortcut = ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx("span", { className: cn("ml-auto text-xs tracking-widest opacity-60", className), ...props });
 DropdownMenuShortcut.displayName = "DropdownMenuShortcut";
@@ -555,33 +555,33 @@ var ContextMenuSub = ContextMenuPrimitive__namespace.Sub;
 var ContextMenuRadioGroup = ContextMenuPrimitive__namespace.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__default.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(ContextMenuPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(ContextMenuPrimitive__namespace.Content, { ref, className: cn(contentStyle2, className), ...props }) }));
+var ContextMenuContent = React26__default.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(ContextMenuPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(ContextMenuPrimitive__namespace.Content, { ref, className: cn(contentStyle2, className), ...props }) }));
 ContextMenuContent.displayName = ContextMenuPrimitive__namespace.Content.displayName;
-var ContextMenuItem = React14__default.default.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(ContextMenuPrimitive__namespace.Item, { ref, className: cn(itemStyle2, inset && "pl-8", className), ...props }));
+var ContextMenuItem = React26__default.default.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(ContextMenuPrimitive__namespace.Item, { ref, className: cn(itemStyle2, inset && "pl-8", className), ...props }));
 ContextMenuItem.displayName = ContextMenuPrimitive__namespace.Item.displayName;
-var ContextMenuCheckboxItem = React14__default.default.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(ContextMenuPrimitive__namespace.CheckboxItem, { ref, className: cn(itemStyle2, "pl-8", className), checked, ...props, children: [
+var ContextMenuCheckboxItem = React26__default.default.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(ContextMenuPrimitive__namespace.CheckboxItem, { ref, className: cn(itemStyle2, "pl-8", className), checked, ...props, children: [
   /* @__PURE__ */ jsxRuntime.jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(ContextMenuPrimitive__namespace.ItemIndicator, { children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { className: "h-4 w-4" }) }) }),
   children
 ] }));
 ContextMenuCheckboxItem.displayName = ContextMenuPrimitive__namespace.CheckboxItem.displayName;
-var ContextMenuRadioItem = React14__default.default.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(ContextMenuPrimitive__namespace.RadioItem, { ref, className: cn(itemStyle2, "pl-8", className), ...props, children: [
+var ContextMenuRadioItem = React26__default.default.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(ContextMenuPrimitive__namespace.RadioItem, { ref, className: cn(itemStyle2, "pl-8", className), ...props, children: [
   /* @__PURE__ */ jsxRuntime.jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(ContextMenuPrimitive__namespace.ItemIndicator, { children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Circle, { className: "h-2 w-2 fill-current" }) }) }),
   children
 ] }));
 ContextMenuRadioItem.displayName = ContextMenuPrimitive__namespace.RadioItem.displayName;
-var ContextMenuLabel = React14__default.default.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(ContextMenuPrimitive__namespace.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__default.default.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(ContextMenuPrimitive__namespace.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__namespace.Label.displayName;
-var ContextMenuSeparator = React14__default.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(ContextMenuPrimitive__namespace.Separator, { ref, className: cn("-mx-1 my-1 h-px bg-[hsl(var(--muted))]", className), ...props }));
+var ContextMenuSeparator = React26__default.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(ContextMenuPrimitive__namespace.Separator, { ref, className: cn("-mx-1 my-1 h-px bg-[hsl(var(--muted))]", className), ...props }));
 ContextMenuSeparator.displayName = ContextMenuPrimitive__namespace.Separator.displayName;
-var ContextMenuSubTrigger = React14__default.default.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(ContextMenuPrimitive__namespace.SubTrigger, { ref, className: cn(itemStyle2, inset && "pl-8", className), ...props, children: [
+var ContextMenuSubTrigger = React26__default.default.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(ContextMenuPrimitive__namespace.SubTrigger, { ref, className: cn(itemStyle2, inset && "pl-8", className), ...props, children: [
   children,
   /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRight, { className: "ml-auto h-4 w-4" })
 ] }));
 ContextMenuSubTrigger.displayName = ContextMenuPrimitive__namespace.SubTrigger.displayName;
-var ContextMenuSubContent = React14__default.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(ContextMenuPrimitive__namespace.SubContent, { ref, className: cn(contentStyle2, className), ...props }));
+var ContextMenuSubContent = React26__default.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(ContextMenuPrimitive__namespace.SubContent, { ref, className: cn(contentStyle2, className), ...props }));
 ContextMenuSubContent.displayName = ContextMenuPrimitive__namespace.SubContent.displayName;
 var ContextMenuShortcut = ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx("span", { className: cn("ml-auto text-xs tracking-widest opacity-60", className), ...props });
-var Card = React14__default.default.forwardRef(
+var Card = React26__default.default.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
@@ -592,23 +592,23 @@ var Card = React14__default.default.forwardRef(
   )
 );
 Card.displayName = "Card";
-var CardHeader = React14__default.default.forwardRef(
+var CardHeader = React26__default.default.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn("flex flex-col space-y-1.5 p-6", className), ...props })
 );
 CardHeader.displayName = "CardHeader";
-var CardTitle = React14__default.default.forwardRef(
+var CardTitle = React26__default.default.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn("font-semibold leading-none tracking-tight", className), ...props })
 );
 CardTitle.displayName = "CardTitle";
-var CardDescription = React14__default.default.forwardRef(
+var CardDescription = React26__default.default.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn("text-sm text-muted-foreground", className), ...props })
 );
 CardDescription.displayName = "CardDescription";
-var CardContent = React14__default.default.forwardRef(
+var CardContent = React26__default.default.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn("p-6 pt-0", className), ...props })
 );
 CardContent.displayName = "CardContent";
-var CardFooter = React14__default.default.forwardRef(
+var CardFooter = React26__default.default.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn("flex items-center p-6 pt-0", className), ...props })
 );
 CardFooter.displayName = "CardFooter";
@@ -629,7 +629,7 @@ var badgeVariants = classVarianceAuthority.cva(
 function Badge({ className, variant, ...props }) {
   return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn(badgeVariants({ variant }), className), ...props });
 }
-var Avatar = React14__default.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var Avatar = React26__default.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   AvatarPrimitive__namespace.Root,
   {
     ref,
@@ -638,9 +638,9 @@ var Avatar = React14__default.default.forwardRef(({ className, ...props }, ref)
   }
 ));
 Avatar.displayName = AvatarPrimitive__namespace.Root.displayName;
-var AvatarImage = React14__default.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(AvatarPrimitive__namespace.Image, { ref, className: cn("aspect-square h-full w-full object-cover", className), ...props }));
+var AvatarImage = React26__default.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(AvatarPrimitive__namespace.Image, { ref, className: cn("aspect-square h-full w-full object-cover", className), ...props }));
 AvatarImage.displayName = AvatarPrimitive__namespace.Image.displayName;
-var AvatarFallback = React14__default.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var AvatarFallback = React26__default.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   AvatarPrimitive__namespace.Fallback,
   {
     ref,
@@ -649,7 +649,7 @@ var AvatarFallback = React14__default.default.forwardRef(({ className, ...props
   }
 ));
 AvatarFallback.displayName = AvatarPrimitive__namespace.Fallback.displayName;
-var Separator4 = React14__default.default.forwardRef(({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var Separator4 = React26__default.default.forwardRef(({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   SeparatorPrimitive__namespace.Root,
   {
     ref,
@@ -673,7 +673,7 @@ function Skeleton({ className, ...props }) {
     }
   );
 }
-var Progress = React14__default.default.forwardRef(({ className, value, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var Progress = React26__default.default.forwardRef(({ className, value, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   ProgressPrimitive__namespace.Root,
   {
     ref,
@@ -690,7 +690,7 @@ var Progress = React14__default.default.forwardRef(({ className, value, ...props
 ));
 Progress.displayName = ProgressPrimitive__namespace.Root.displayName;
 var Tabs = TabsPrimitive__namespace.Root;
-var TabsList = React14__default.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var TabsList = React26__default.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   TabsPrimitive__namespace.List,
   {
     ref,
@@ -702,7 +702,7 @@ var TabsList = React14__default.default.forwardRef(({ className, ...props }, ref
   }
 ));
 TabsList.displayName = TabsPrimitive__namespace.List.displayName;
-var TabsTrigger = React14__default.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var TabsTrigger = React26__default.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   TabsPrimitive__namespace.Trigger,
   {
     ref,
@@ -717,7 +717,7 @@ var TabsTrigger = React14__default.default.forwardRef(({ className, ...props },
   }
 ));
 TabsTrigger.displayName = TabsPrimitive__namespace.Trigger.displayName;
-var TabsContent = React14__default.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var TabsContent = React26__default.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   TabsPrimitive__namespace.Content,
   {
     ref,
@@ -750,7 +750,7 @@ var justifyMap = {
   around: "justify-around",
   evenly: "justify-evenly"
 };
-var Stack = React14__default.default.forwardRef(
+var Stack = React26__default.default.forwardRef(
   ({ className, gap, direction = "col", align, justify, wrap, style, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
@@ -769,11 +769,11 @@ var Stack = React14__default.default.forwardRef(
   )
 );
 Stack.displayName = "Stack";
-var HStack = React14__default.default.forwardRef(
+var HStack = React26__default.default.forwardRef(
   (props, ref) => /* @__PURE__ */ jsxRuntime.jsx(Stack, { ref, direction: "row", ...props })
 );
 HStack.displayName = "HStack";
-var VStack = React14__default.default.forwardRef(
+var VStack = React26__default.default.forwardRef(
   (props, ref) => /* @__PURE__ */ jsxRuntime.jsx(Stack, { ref, direction: "col", ...props })
 );
 VStack.displayName = "VStack";
@@ -784,7 +784,7 @@ var sizeMap = {
   xl: "max-w-screen-xl",
   full: "max-w-full"
 };
-var Container = React14__default.default.forwardRef(
+var Container = React26__default.default.forwardRef(
   ({ className, size = "lg", noPadding = false, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
@@ -800,7 +800,7 @@ var Container = React14__default.default.forwardRef(
   )
 );
 Container.displayName = "Container";
-var Page = React14__default.default.forwardRef(
+var Page = React26__default.default.forwardRef(
   ({ className, maxWidth, style, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
@@ -812,7 +812,7 @@ var Page = React14__default.default.forwardRef(
   )
 );
 Page.displayName = "Page";
-var PageHeader = React14__default.default.forwardRef(
+var PageHeader = React26__default.default.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
@@ -823,7 +823,7 @@ var PageHeader = React14__default.default.forwardRef(
   )
 );
 PageHeader.displayName = "PageHeader";
-var PageTitle = React14__default.default.forwardRef(
+var PageTitle = React26__default.default.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
     "h1",
     {
@@ -834,28 +834,28 @@ var PageTitle = React14__default.default.forwardRef(
   )
 );
 PageTitle.displayName = "PageTitle";
-var PageDescription = React14__default.default.forwardRef(
+var PageDescription = React26__default.default.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("p", { ref, className: cn("text-sm text-[hsl(var(--muted-foreground))] mt-1", className), ...props })
 );
 PageDescription.displayName = "PageDescription";
-var PageActions = React14__default.default.forwardRef(
+var PageActions = React26__default.default.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn("flex items-center gap-2 shrink-0", className), ...props })
 );
 PageActions.displayName = "PageActions";
-var PageBody = React14__default.default.forwardRef(
+var PageBody = React26__default.default.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn("flex-1 p-6", className), ...props })
 );
 PageBody.displayName = "PageBody";
-var SidebarCtx = React14__default.default.createContext({ collapsed: false });
-var useSidebarCtx = () => React14__default.default.useContext(SidebarCtx);
+var SidebarCtx = React26__default.default.createContext({ collapsed: false });
+var useSidebarCtx = () => React26__default.default.useContext(SidebarCtx);
 var makeSlot = (name, cls) => {
-  const C = React14__default.default.forwardRef(
+  const C = React26__default.default.forwardRef(
     ({ className, ...p }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn(cls, className), ...p })
   );
   C.displayName = name;
   return C;
 };
-var Sidebar = React14__default.default.forwardRef(
+var Sidebar = React26__default.default.forwardRef(
   ({ className, collapsed = false, onCollapse, width = "240px", style, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(SidebarCtx.Provider, { value: { collapsed }, children: /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
@@ -883,7 +883,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__default.default.forwardRef(
+var SidebarGroupLabel = React26__default.default.forwardRef(
   ({ className, ...props }, ref) => {
     const { collapsed } = useSidebarCtx();
     return /* @__PURE__ */ jsxRuntime.jsx(
@@ -897,7 +897,7 @@ var SidebarGroupLabel = React14__default.default.forwardRef(
   }
 );
 SidebarGroupLabel.displayName = "SidebarGroupLabel";
-var SidebarItem = React14__default.default.forwardRef(
+var SidebarItem = React26__default.default.forwardRef(
   ({ className, icon, label, active, href, badge, onClick, ...props }, ref) => {
     const { collapsed } = useSidebarCtx();
     const cls = cn(
@@ -917,7 +917,7 @@ var SidebarItem = React14__default.default.forwardRef(
   }
 );
 SidebarItem.displayName = "SidebarItem";
-var Navbar = React14__default.default.forwardRef(
+var Navbar = React26__default.default.forwardRef(
   ({ className, sticky = false, border = true, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
     "nav",
     {
@@ -933,7 +933,7 @@ var Navbar = React14__default.default.forwardRef(
   )
 );
 Navbar.displayName = "Navbar";
-var NavbarBrand = React14__default.default.forwardRef(
+var NavbarBrand = React26__default.default.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn("flex items-center gap-2 px-4 shrink-0", className), ...props })
 );
 NavbarBrand.displayName = "NavbarBrand";
@@ -942,7 +942,7 @@ var alignMap2 = {
   center: "justify-center flex-1",
   end: "justify-end ml-auto"
 };
-var NavbarContent = React14__default.default.forwardRef(
+var NavbarContent = React26__default.default.forwardRef(
   ({ className, align = "start", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
@@ -953,44 +953,106 @@ var NavbarContent = React14__default.default.forwardRef(
   )
 );
 NavbarContent.displayName = "NavbarContent";
-var NavbarItem = React14__default.default.forwardRef(
+var NavbarItem = React26__default.default.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn("flex items-center", className), ...props })
 );
 NavbarItem.displayName = "NavbarItem";
-var AppShellCtx = React14__default.default.createContext({
+var AppShellCtx = React26__default.default.createContext({
   collapsed: false,
   setCollapsed: () => {
+  },
+  mobileOpen: false,
+  setMobileOpen: () => {
   }
 });
-var useAppShell = () => React14__default.default.useContext(AppShellCtx);
-var AppShell = React14__default.default.forwardRef(
+var useAppShell = () => React26__default.default.useContext(AppShellCtx);
+var AppShell = React26__default.default.forwardRef(
   ({ className, defaultCollapsed = false, children, ...props }, ref) => {
-    const [collapsed, setCollapsed] = React14__default.default.useState(defaultCollapsed);
-    return /* @__PURE__ */ jsxRuntime.jsx(AppShellCtx.Provider, { value: { collapsed, setCollapsed }, children: /* @__PURE__ */ jsxRuntime.jsx(
+    const [collapsed, setCollapsed] = React26__default.default.useState(defaultCollapsed);
+    const [mobileOpen, setMobileOpen] = React26__default.default.useState(false);
+    React26__default.default.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__ */ jsxRuntime.jsx(AppShellCtx.Provider, { value: { collapsed, setCollapsed, mobileOpen, setMobileOpen }, children: /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(
+            "div",
+            {
+              className: "fixed inset-0 z-40 bg-black/50 md:hidden",
+              onClick: () => setMobileOpen(false)
+            }
+          ),
+          children
+        ]
       }
     ) });
   }
 );
 AppShell.displayName = "AppShell";
-var AppShellSidebar = React14__default.default.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn("shrink-0 h-full", className), ...props })
+var AppShellSidebar = React26__default.default.forwardRef(
+  ({ className, ...props }, ref) => {
+    const { mobileOpen } = useAppShell();
+    return /* @__PURE__ */ jsxRuntime.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__default.default.forwardRef(
+var AppShellMain = React26__default.default.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn("flex-1 min-w-0 flex flex-col overflow-auto", className), ...props })
 );
 AppShellMain.displayName = "AppShellMain";
-var SplitPage = React14__default.default.forwardRef(
+var MobileSidebarTrigger = React26__default.default.forwardRef(
+  ({ className, ...props }, ref) => {
+    const { mobileOpen, setMobileOpen } = useAppShell();
+    return /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(lucideReact.X, { className: "h-5 w-5" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Menu, { className: "h-5 w-5" })
+      }
+    );
+  }
+);
+MobileSidebarTrigger.displayName = "MobileSidebarTrigger";
+var SplitPage = React26__default.default.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn("flex h-full w-full overflow-hidden", className), ...props })
 );
 SplitPage.displayName = "SplitPage";
-var SplitPageList = React14__default.default.forwardRef(
+var SplitPageList = React26__default.default.forwardRef(
   ({ className, width = "320px", style, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
@@ -1002,11 +1064,11 @@ var SplitPageList = React14__default.default.forwardRef(
   )
 );
 SplitPageList.displayName = "SplitPageList";
-var SplitPageDetail = React14__default.default.forwardRef(
+var SplitPageDetail = React26__default.default.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn("flex-1 min-w-0 h-full overflow-auto", className), ...props })
 );
 SplitPageDetail.displayName = "SplitPageDetail";
-var ResizeBox = React14__default.default.forwardRef(
+var ResizeBox = React26__default.default.forwardRef(
   ({ className, resize = "both", minWidth = 100, minHeight = 100, style, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
@@ -1023,7 +1085,7 @@ var HandleIcon = () => /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "10", hei
   /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M8 5L5 8", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" }),
   /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M8 8L8 8", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" })
 ] });
-var ResizeHandle = React14__default.default.forwardRef(
+var ResizeHandle = React26__default.default.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
@@ -1047,7 +1109,7 @@ function Field({ label, description, error, required, children, className }) {
     error && /* @__PURE__ */ jsxRuntime.jsx(FieldError, { children: error })
   ] });
 }
-var FieldLabel = React14__default.default.forwardRef(
+var FieldLabel = React26__default.default.forwardRef(
   ({ className, required, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
     "label",
     {
@@ -1062,7 +1124,7 @@ var FieldLabel = React14__default.default.forwardRef(
   )
 );
 FieldLabel.displayName = "FieldLabel";
-var FieldDescription = React14__default.default.forwardRef(
+var FieldDescription = React26__default.default.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
     "p",
     {
@@ -1073,7 +1135,7 @@ var FieldDescription = React14__default.default.forwardRef(
   )
 );
 FieldDescription.displayName = "FieldDescription";
-var FieldError = React14__default.default.forwardRef(
+var FieldError = React26__default.default.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
     "p",
     {
@@ -1093,9 +1155,9 @@ 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__default.default.forwardRef(
+var PasswordInput = React26__default.default.forwardRef(
   ({ className, strength, ...props }, ref) => {
-    const [show, setShow] = React14.useState(false);
+    const [show, setShow] = React26.useState(false);
     const value = String(props.value ?? "");
     const str = getStrength(value);
     return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-1.5", children: [
@@ -1128,9 +1190,9 @@ var PasswordInput = React14__default.default.forwardRef(
   }
 );
 PasswordInput.displayName = "PasswordInput";
-var SearchInput = React14__default.default.forwardRef(
+var SearchInput = React26__default.default.forwardRef(
   ({ className, shortcut, onClear, onChange, value: valueProp, defaultValue, ...props }, ref) => {
-    const [internalValue, setInternalValue] = React14.useState(defaultValue ?? "");
+    const [internalValue, setInternalValue] = React26.useState(defaultValue ?? "");
     const isControlled = valueProp !== void 0;
     const value = isControlled ? String(valueProp) : String(internalValue);
     function handleChange(e) {
@@ -1186,8 +1248,8 @@ function filterBySize(files, maxSize) {
   return maxSize ? files.filter((f) => f.size <= maxSize) : files;
 }
 function FileUpload({ accept, multiple, maxSize, onFiles, className, disabled }) {
-  const inputRef = React14.useRef(null);
-  const [dragging, setDragging] = React14.useState(false);
+  const inputRef = React26.useRef(null);
+  const [dragging, setDragging] = React26.useState(false);
   function handleFiles(raw) {
     if (!raw)
       return;
@@ -1307,9 +1369,9 @@ function CalendarGrid({ year, month, selected, onSelect }) {
   ] });
 }
 function DatePicker({ value, onChange, placeholder = "Pick a date", disabled, className }) {
-  const [open, setOpen] = React14.useState(false);
+  const [open, setOpen] = React26.useState(false);
   const now = value ?? /* @__PURE__ */ new Date();
-  const [view, setView] = React14.useState({ year: now.getFullYear(), month: now.getMonth() });
+  const [view, setView] = React26.useState({ year: now.getFullYear(), month: now.getMonth() });
   function navigate(delta) {
     setView((v) => {
       const date = new Date(v.year, v.month + delta);
@@ -1353,7 +1415,7 @@ function FormField(props) {
 function FormItem({ className, ...props }) {
   return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("flex flex-col gap-1.5", className), ...props });
 }
-var FormLabel = React14__default.default.forwardRef(
+var FormLabel = React26__default.default.forwardRef(
   ({ className, error, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
     "label",
     {
@@ -1368,9 +1430,9 @@ var FormLabel = React14__default.default.forwardRef(
   )
 );
 FormLabel.displayName = "FormLabel";
-var FormControl = React14__default.default.forwardRef(
+var FormControl = React26__default.default.forwardRef(
   ({ ...props }, ref) => {
-    const id = React14.useId();
+    const id = React26.useId();
     return /* @__PURE__ */ jsxRuntime.jsx("div", { ref, id, ...props });
   }
 );
@@ -1386,15 +1448,15 @@ function FormMessage({ className, children, name }) {
     return null;
   return /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("text-xs text-[hsl(var(--destructive))]", className), children: message });
 }
-var StepFormContext = React14.createContext(null);
+var StepFormContext = React26.createContext(null);
 function useStepForm() {
-  const ctx = React14.useContext(StepFormContext);
+  const ctx = React26.useContext(StepFormContext);
   if (!ctx)
     throw new Error("useStepForm must be used within StepForm");
   return ctx;
 }
 function StepForm({ steps, onSubmit, children, className }) {
-  const [currentStep, setCurrentStep] = React14.useState(0);
+  const [currentStep, setCurrentStep] = React26.useState(0);
   const totalSteps = steps.length;
   const ctx = {
     currentStep,
@@ -1405,7 +1467,7 @@ function StepForm({ steps, onSubmit, children, className }) {
     isFirst: currentStep === 0,
     isLast: currentStep === totalSteps - 1
   };
-  const childArray = React14__default.default.Children.toArray(children);
+  const childArray = React26__default.default.Children.toArray(children);
   const currentChild = childArray[currentStep];
   return /* @__PURE__ */ jsxRuntime.jsx(StepFormContext.Provider, { value: ctx, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("flex flex-col gap-6", className), children: [
     /* @__PURE__ */ jsxRuntime.jsx(StepIndicator, { steps, currentStep }),
@@ -1414,7 +1476,7 @@ function StepForm({ steps, onSubmit, children, className }) {
   ] }) });
 }
 function StepIndicator({ steps, currentStep }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-2", children: steps.map((label, i) => /* @__PURE__ */ jsxRuntime.jsxs(React14__default.default.Fragment, { children: [
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-2", children: steps.map((label, i) => /* @__PURE__ */ jsxRuntime.jsxs(React26__default.default.Fragment, { children: [
     i > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("h-px flex-1 bg-[hsl(var(--border))]", i <= currentStep && "bg-[hsl(var(--primary))]") }),
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center gap-1", children: [
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn(
@@ -1495,7 +1557,7 @@ function ObjectField({
   children,
   className
 }) {
-  const [open, setOpen] = React14.useState(defaultOpen);
+  const [open, setOpen] = React26.useState(defaultOpen);
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("rounded-md border border-[hsl(var(--border))] overflow-hidden", className), children: [
     /* @__PURE__ */ jsxRuntime.jsxs(
       "div",
@@ -1649,7 +1711,7 @@ function DataTableToolbar({ table, searchColumn }) {
   ) });
 }
 function DataTable({ columns, data, pageSize = 10, searchable, searchColumn, loading }) {
-  const [sorting, setSorting] = React14__default.default.useState([]);
+  const [sorting, setSorting] = React26__default.default.useState([]);
   const table = reactTable.useReactTable({
     data,
     columns,
@@ -1676,8 +1738,8 @@ function DataTable({ columns, data, pageSize = 10, searchable, searchColumn, loa
   ] });
 }
 function EditableCell({ value: initial, onSave }) {
-  const [editing, setEditing] = React14__default.default.useState(false);
-  const [val, setVal] = React14__default.default.useState(String(initial ?? ""));
+  const [editing, setEditing] = React26__default.default.useState(false);
+  const [val, setVal] = React26__default.default.useState(String(initial ?? ""));
   const commit = () => {
     onSave(val);
     setEditing(false);
@@ -1710,10 +1772,10 @@ var selectionCol = () => ({
   enableResizing: false
 });
 function DataGrid({ columns, data: initialData, onDataChange, editable, className }) {
-  const [data, setData] = React14__default.default.useState(initialData);
-  const [rowSelection, setRowSelection] = React14__default.default.useState({});
+  const [data, setData] = React26__default.default.useState(initialData);
+  const [rowSelection, setRowSelection] = React26__default.default.useState({});
   const columnResizeMode = "onChange";
-  const editableColumns = React14__default.default.useMemo(() => {
+  const editableColumns = React26__default.default.useMemo(() => {
     if (!editable)
       return columns;
     return columns.map((col) => ({
@@ -1733,7 +1795,7 @@ function DataGrid({ columns, data: initialData, onDataChange, editable, classNam
       )
     }));
   }, [columns, data, editable, onDataChange]);
-  const allColumns = React14__default.default.useMemo(() => [selectionCol(), ...editableColumns], [editableColumns]);
+  const allColumns = React26__default.default.useMemo(() => [selectionCol(), ...editableColumns], [editableColumns]);
   const table = reactTable.useReactTable({
     data,
     columns: allColumns,
@@ -1751,7 +1813,7 @@ function DataGrid({ columns, data: initialData, onDataChange, editable, classNam
     /* @__PURE__ */ jsxRuntime.jsx("tbody", { children: table.getRowModel().rows.map((row) => /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("td", { style: { width: cell.column.getSize() }, className: "px-3 py-2 border-r border-[hsl(var(--border))] last:border-r-0", children: reactTable.flexRender(cell.column.columnDef.cell, cell.getContext()) }, cell.id)) }, row.id)) })
   ] }) });
 }
-var EmptyStateIcon = React14__default.default.forwardRef(
+var EmptyStateIcon = React26__default.default.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.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";
@@ -1765,7 +1827,7 @@ function EmptyState({ icon, title, description, action, className }) {
     action && /* @__PURE__ */ jsxRuntime.jsx(Button, { onClick: action.onClick, className: "mt-1", children: action.label })
   ] });
 }
-var PropertyList = React14__default.default.forwardRef(
+var PropertyList = React26__default.default.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("dl", { ref, className: cn("divide-y divide-[hsl(var(--border))]", className), ...props })
 );
 PropertyList.displayName = "PropertyList";
@@ -1781,7 +1843,7 @@ var dotColors = {
   error: "bg-red-500",
   warning: "bg-yellow-500"
 };
-var TimelineContent = React14__default.default.forwardRef(
+var TimelineContent = React26__default.default.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn("pb-1", className), ...props })
 );
 TimelineContent.displayName = "TimelineContent";
@@ -1804,9 +1866,9 @@ function TimelineItem({ icon, title, description, timestamp, variant = "default"
   ] });
 }
 function Timeline({ children, className }) {
-  const items = React14__default.default.Children.toArray(children);
+  const items = React26__default.default.Children.toArray(children);
   return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("", className), children: items.map(
-    (child, i) => React14__default.default.isValidElement(child) ? React14__default.default.cloneElement(child, { isLast: i === items.length - 1 }) : child
+    (child, i) => React26__default.default.isValidElement(child) ? React26__default.default.cloneElement(child, { isLast: i === items.length - 1 }) : child
   ) });
 }
 function Stat({ label, value, trend, trendLabel, icon, description, className }) {
@@ -1894,7 +1956,7 @@ function StructuredListItem({ left, title, description, right, onClick, classNam
     }
   );
 }
-var StructuredList = React14__default.default.forwardRef(
+var StructuredList = React26__default.default.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn("space-y-4", className), ...props })
 );
 StructuredList.displayName = "StructuredList";
@@ -2015,8 +2077,8 @@ function Banner({
   className,
   children
 }) {
-  const [dismissed, setDismissed] = React14__default.default.useState(false);
-  const [exiting, setExiting] = React14__default.default.useState(false);
+  const [dismissed, setDismissed] = React26__default.default.useState(false);
+  const [exiting, setExiting] = React26__default.default.useState(false);
   const handleDismiss = () => {
     setExiting(true);
     setTimeout(() => {
@@ -2151,7 +2213,7 @@ function BreadcrumbSeparator({ className }) {
   return /* @__PURE__ */ jsxRuntime.jsx("li", { role: "presentation", "aria-hidden": "true", className: cn("flex items-center text-[hsl(var(--muted-foreground))]", className), children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRight, { className: "h-3.5 w-3.5" }) });
 }
 function Breadcrumb({ children, className }) {
-  const items = React14__default.default.Children.toArray(children);
+  const items = React26__default.default.Children.toArray(children);
   const withSeparators = [];
   items.forEach((item, i) => {
     withSeparators.push(item);
@@ -2172,10 +2234,10 @@ function Hotkeys({ keys, className }) {
 var textOps = ["contains", "equals", "starts with"];
 var numOps = ["=", ">", "<", ">=", "<="];
 function AddFilterPopover({ filters, onAdd }) {
-  const [open, setOpen] = React14__default.default.useState(false);
-  const [key, setKey] = React14__default.default.useState("");
-  const [op, setOp] = React14__default.default.useState("");
-  const [val, setVal] = React14__default.default.useState("");
+  const [open, setOpen] = React26__default.default.useState(false);
+  const [key, setKey] = React26__default.default.useState("");
+  const [op, setOp] = React26__default.default.useState("");
+  const [val, setVal] = React26__default.default.useState("");
   const def = filters.find((f) => f.key === key);
   const ops = def?.type === "number" ? numOps : textOps;
   const handleAdd = () => {
@@ -2278,19 +2340,19 @@ function ToggleButtonGroup(props) {
       props.onChange(val);
     }
   };
-  return /* @__PURE__ */ jsxRuntime.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__default.default.Children.map(children, (child) => {
-    if (!React14__default.default.isValidElement(child))
+  return /* @__PURE__ */ jsxRuntime.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__default.default.Children.map(children, (child) => {
+    if (!React26__default.default.isValidElement(child))
       return child;
     const tb = child;
-    return React14__default.default.cloneElement(tb, {
+    return React26__default.default.cloneElement(tb, {
       pressed: isPressed(tb.props.value),
       onClick: () => handleClick(tb.props.value)
     });
   }) });
 }
 function useCommandBar() {
-  const [open, setOpen] = React14__default.default.useState(false);
-  React14__default.default.useEffect(() => {
+  const [open, setOpen] = React26__default.default.useState(false);
+  React26__default.default.useEffect(() => {
     const handler = (e) => {
       if ((e.metaKey || e.ctrlKey) && e.key === "k") {
         e.preventDefault();
@@ -2330,12 +2392,12 @@ function CommandBarItem({ icon, label, shortcut, onSelect, active, className })
   );
 }
 function CommandBar({ open, onOpenChange, children, placeholder = "Search commands...", onSearch }) {
-  const [query, setQuery] = React14__default.default.useState("");
+  const [query, setQuery] = React26__default.default.useState("");
   const handleSearch = (v) => {
     setQuery(v);
     onSearch?.(v);
   };
-  const items = React14__default.default.useRef(null);
+  const items = React26__default.default.useRef(null);
   const handleKeyDown = (e) => {
     if (e.key === "Escape") {
       onOpenChange(false);
@@ -2405,9 +2467,9 @@ function KanbanColumn({ column, isOver }) {
   ] });
 }
 function Kanban({ columns: initialColumns, onMoveCard, className }) {
-  const [cols, setCols] = React14__default.default.useState(initialColumns);
-  const [activeCard, setActiveCard] = React14__default.default.useState(null);
-  const [overColId, setOverColId] = React14__default.default.useState(null);
+  const [cols, setCols] = React26__default.default.useState(initialColumns);
+  const [activeCard, setActiveCard] = React26__default.default.useState(null);
+  const [overColId, setOverColId] = React26__default.default.useState(null);
   const sensors = core.useSensors(core.useSensor(core.PointerSensor, { activationConstraint: { distance: 5 } }));
   const findColByCard = (cardId) => cols.find((c) => c.cards.some((card) => card.id === cardId));
   const onDragStart = ({ active }) => {
@@ -2680,25 +2742,25 @@ function Beacon({ color = "primary", size = "md", children, className }) {
     /* @__PURE__ */ jsxRuntime.jsx("span", { className: "absolute -top-1 -right-1 flex", children: /* @__PURE__ */ jsxRuntime.jsx(BeaconDot, { color, size }) })
   ] });
 }
-var TourContext = React14.createContext(null);
+var TourContext = React26.createContext(null);
 function useTour() {
-  const ctx = React14.useContext(TourContext);
+  const ctx = React26.useContext(TourContext);
   if (!ctx)
     throw new Error("useTour must be used within <Tour>");
   return ctx;
 }
 function Tour({ totalSteps, children }) {
-  const [currentStep, setCurrentStep] = React14.useState(0);
-  const [isActive, setIsActive] = React14.useState(false);
-  const stop = React14.useCallback(() => setIsActive(false), []);
-  const start = React14.useCallback(() => {
+  const [currentStep, setCurrentStep] = React26.useState(0);
+  const [isActive, setIsActive] = React26.useState(false);
+  const stop = React26.useCallback(() => setIsActive(false), []);
+  const start = React26.useCallback(() => {
     setCurrentStep(0);
     setIsActive(true);
   }, []);
-  const next = React14.useCallback(() => setCurrentStep((s) => Math.min(s + 1, totalSteps - 1)), [totalSteps]);
-  const prev = React14.useCallback(() => setCurrentStep((s) => Math.max(s - 1, 0)), []);
-  const goTo = React14.useCallback((step) => setCurrentStep(Math.max(0, Math.min(step, totalSteps - 1))), [totalSteps]);
-  React14.useEffect(() => {
+  const next = React26.useCallback(() => setCurrentStep((s) => Math.min(s + 1, totalSteps - 1)), [totalSteps]);
+  const prev = React26.useCallback(() => setCurrentStep((s) => Math.max(s - 1, 0)), []);
+  const goTo = React26.useCallback((step) => setCurrentStep(Math.max(0, Math.min(step, totalSteps - 1))), [totalSteps]);
+  React26.useEffect(() => {
     if (!isActive)
       return;
     const onKey = (e) => {
@@ -2903,7 +2965,7 @@ function SidebarLayoutSearch({
   children,
   className
 }) {
-  const [query, setQuery] = React14.useState("");
+  const [query, setQuery] = React26.useState("");
   const filtered = ALL_ITEMS.filter((i) => i.label.toLowerCase().includes(query.toLowerCase()));
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("flex h-[600px] overflow-hidden rounded-md border border-[hsl(var(--border))] bg-[hsl(var(--background))]", className), children: [
     /* @__PURE__ */ jsxRuntime.jsxs("aside", { className: "flex w-60 flex-col border-r border-[hsl(var(--border))] bg-[hsl(var(--card))]", children: [
@@ -3001,8 +3063,8 @@ function StackedLayoutTabs({
   children,
   className
 }) {
-  const [activeTab, setActiveTab] = React14.useState(0);
-  const [activeNav, setActiveNav] = React14.useState(0);
+  const [activeTab, setActiveTab] = React26.useState(0);
+  const [activeNav, setActiveNav] = React26.useState(0);
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("flex h-[600px] flex-col overflow-hidden rounded-md border border-[hsl(var(--border))] bg-[hsl(var(--background))]", className), children: [
     /* @__PURE__ */ jsxRuntime.jsxs("nav", { className: "flex h-14 items-center gap-6 border-b border-[hsl(var(--border))] bg-[hsl(var(--card))] px-4", children: [
       /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-semibold text-sm shrink-0", children: brandName }),
@@ -3093,7 +3155,7 @@ function NotifRow({ label, description, checked, onChange }) {
   ] });
 }
 function NotificationSettings({ className }) {
-  const [states, setStates] = React14.useState(
+  const [states, setStates] = React26.useState(
     Object.fromEntries(NOTIFICATIONS.map((n) => [n.id, n.default]))
   );
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("rounded-md border border-[hsl(var(--border))] bg-[hsl(var(--card))] p-6", className), children: [
@@ -3122,8 +3184,8 @@ var MEMBERS = [
 ];
 var roleVariant = (role) => role === "Owner" ? "default" : role === "Admin" ? "secondary" : "outline";
 function WorkspaceMembers({ className }) {
-  const [query, setQuery] = React14.useState("");
-  const [members, setMembers] = React14.useState(MEMBERS);
+  const [query, setQuery] = React26.useState("");
+  const [members, setMembers] = React26.useState(MEMBERS);
   const filtered = members.filter(
     (m) => m.name.toLowerCase().includes(query.toLowerCase()) || m.email.toLowerCase().includes(query.toLowerCase())
   );
@@ -3159,7 +3221,7 @@ function IntegrationCard({
   connected = false,
   className
 }) {
-  const [isConnected, setIsConnected] = React14.useState(connected);
+  const [isConnected, setIsConnected] = React26.useState(connected);
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("flex items-center gap-4 rounded-md border border-[hsl(var(--border))] bg-[hsl(var(--card))] p-4", className), children: [
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-10 w-10 shrink-0 items-center justify-center rounded-md bg-[hsl(var(--muted))] text-[hsl(var(--muted-foreground))]", children: icon ?? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-base font-bold", children: name[0] }) }),
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 min-w-0", children: [
@@ -3190,9 +3252,9 @@ function IntegrationCard({
 }
 var REACTIONS = ["\u{1F60A}", "\u{1F610}", "\u{1F615}", "\u{1F621}", "\u{1F929}"];
 function FeedbackModal({ onSubmit, className }) {
-  const [reaction, setReaction] = React14.useState("");
-  const [text, setText] = React14.useState("");
-  const [submitted, setSubmitted] = React14.useState(false);
+  const [reaction, setReaction] = React26.useState("");
+  const [text, setText] = React26.useState("");
+  const [submitted, setSubmitted] = React26.useState(false);
   const handleSubmit = () => {
     onSubmit?.({ reaction, text });
     setSubmitted(true);
@@ -3242,9 +3304,9 @@ var PENDING = [
   { email: "sam@startup.io", role: "Viewer" }
 ];
 function InviteModal({ className }) {
-  const [email, setEmail] = React14.useState("");
-  const [role, setRole] = React14.useState("Member");
-  const [pending, setPending] = React14.useState(PENDING);
+  const [email, setEmail] = React26.useState("");
+  const [role, setRole] = React26.useState("Member");
+  const [pending, setPending] = React26.useState(PENDING);
   const invite = () => {
     if (!email.trim())
       return;
@@ -3292,9 +3354,9 @@ var INITIAL_TAGS = [
   { id: "4", name: "Research", color: "bg-purple-500" }
 ];
 function ManageTagsModal({ className }) {
-  const [tags, setTags] = React14.useState(INITIAL_TAGS);
-  const [newTag, setNewTag] = React14.useState("");
-  const [colorIdx, setColorIdx] = React14.useState(0);
+  const [tags, setTags] = React26.useState(INITIAL_TAGS);
+  const [newTag, setNewTag] = React26.useState("");
+  const [colorIdx, setColorIdx] = React26.useState(0);
   const addTag = () => {
     if (!newTag.trim())
       return;
@@ -3353,8 +3415,8 @@ var USERS = [
   { id: "6", name: "Mike Liu", email: "mike@acme.com", initials: "ML" }
 ];
 function SelectUsersModal({ onConfirm, className }) {
-  const [query, setQuery] = React14.useState("");
-  const [selected, setSelected] = React14.useState(/* @__PURE__ */ new Set());
+  const [query, setQuery] = React26.useState("");
+  const [selected, setSelected] = React26.useState(/* @__PURE__ */ new Set());
   const filtered = USERS.filter(
     (u) => u.name.toLowerCase().includes(query.toLowerCase()) || u.email.toLowerCase().includes(query.toLowerCase())
   );
@@ -3473,7 +3535,7 @@ var ROLES = [
   { value: "viewer", label: "Viewer", description: "Read-only access" }
 ];
 function RolesMenu({ value = "member", onChange, className }) {
-  const [role, setRole] = React14.useState(value);
+  const [role, setRole] = React26.useState(value);
   const current = ROLES.find((r) => r.value === role) ?? ROLES[2];
   const handleChange = (v) => {
     setRole(v);
@@ -3557,8 +3619,8 @@ function ChatBubble({ msg }) {
   ] });
 }
 function ChatDetail({ className }) {
-  const [messages, setMessages] = React14.useState(INITIAL_MESSAGES);
-  const [input, setInput] = React14.useState("");
+  const [messages, setMessages] = React26.useState(INITIAL_MESSAGES);
+  const [input, setInput] = React26.useState("");
   const send = () => {
     if (!input.trim())
       return;
@@ -3699,7 +3761,7 @@ function FileRow({ file, onDelete }) {
   ] });
 }
 function FilesList({ className }) {
-  const [files, setFiles] = React14__default.default.useState(FILES2);
+  const [files, setFiles] = React26__default.default.useState(FILES2);
   return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("rounded-md border border-[hsl(var(--border))] overflow-hidden", className), children: /* @__PURE__ */ jsxRuntime.jsxs("table", { className: "w-full", children: [
     /* @__PURE__ */ jsxRuntime.jsx("thead", { className: "bg-[hsl(var(--muted)/0.5)]", children: /* @__PURE__ */ jsxRuntime.jsx("tr", { children: ["Name", "Type", "Size", "Modified", ""].map((h) => /* @__PURE__ */ jsxRuntime.jsx("th", { className: "px-4 py-2.5 text-left text-xs font-medium text-[hsl(var(--muted-foreground))]", children: h }, h)) }) }),
     /* @__PURE__ */ jsxRuntime.jsx("tbody", { children: files.map((f) => /* @__PURE__ */ jsxRuntime.jsx(FileRow, { file: f, onDelete: () => setFiles((fs) => fs.filter((x) => x.id !== f.id)) }, f.id)) })
@@ -3777,7 +3839,7 @@ function TaskRow({ task, onToggle }) {
   ] });
 }
 function SortableTaskList({ className }) {
-  const [tasks, setTasks] = React14.useState(TASKS);
+  const [tasks, setTasks] = React26.useState(TASKS);
   const toggle = (id) => setTasks((ts) => ts.map((t) => t.id === id ? { ...t, done: !t.done } : t));
   return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("rounded-md border border-[hsl(var(--border))] bg-[hsl(var(--card))] p-4 space-y-4", className), children: SECTIONS.map((section) => {
     const items = tasks.filter((t) => t.status === section);
@@ -3919,6 +3981,7 @@ exports.MessagesCard = MessagesCard;
 exports.MetricCard = MetricCard;
 exports.MetricCardWithButton = MetricCardWithButton;
 exports.MetricCardWithIcon = MetricCardWithIcon;
+exports.MobileSidebarTrigger = MobileSidebarTrigger;
 exports.Navbar = Navbar;
 exports.NavbarBrand = NavbarBrand;
 exports.NavbarContent = NavbarContent;