@postxl/ui-components 1.0.0 → 1.0.2

package/dist/index.js

@@ -2,6 +2,8 @@ import { clsx } from "clsx";
 import { twMerge } from "tailwind-merge";
 import * as AccordionPrimitive from "@radix-ui/react-accordion";
 import { ArrowLeftIcon, ArrowRightIcon, CalendarIcon, CaretSortIcon, CheckIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, CircleIcon, CopyIcon, Cross1Icon, Cross2Icon, DotFilledIcon, DotsHorizontalIcon, DoubleArrowLeftIcon, DoubleArrowRightIcon, DragHandleDots2Icon, DragHandleHorizontalIcon, EnterFullScreenIcon, EraserIcon, MagnifyingGlassIcon, MixerHorizontalIcon, PlusIcon, TrashIcon } from "@radix-ui/react-icons";
+import * as React$46 from "react";
+import * as React$45 from "react";
 import * as React$44 from "react";
 import * as React$43 from "react";
 import * as React$42 from "react";
@@ -55,7 +57,7 @@ import * as AvatarPrimitive from "@radix-ui/react-avatar";
 import { DayPicker, getDefaultClassNames } from "react-day-picker";
 import * as HoverCardPrimitive from "@radix-ui/react-hover-card";
 import useEmblaCarousel from "embla-carousel-react";
-import { BaselineIcon, CalendarIcon as CalendarIcon$1, CheckSquareIcon, ChevronDownIcon as ChevronDownIcon$1, ChevronUpIcon as ChevronUpIcon$1, EyeOffIcon, HashIcon, ListChecksIcon, ListIcon, PinIcon, PinOffIcon, SquareIcon, TextInitialIcon, XIcon } from "lucide-react";
+import { BaselineIcon, CalendarIcon as CalendarIcon$1, CheckSquareIcon, ChevronDownIcon as ChevronDownIcon$1, ChevronUpIcon as ChevronUpIcon$1, EyeOffIcon, HashIcon, ListChecksIcon, ListIcon, PanelLeftIcon, PinIcon, PinOffIcon, SquareIcon, TextInitialIcon, XIcon } from "lucide-react";
 import * as CollapsePrimitive from "@radix-ui/react-collapsible";
 import { Command as Command$1 } from "cmdk";
 import * as DialogPrimitive from "@radix-ui/react-dialog";
@@ -91,13 +93,13 @@ function cn(...inputs) {
 //#endregion
 //#region src/accordion/accordion.tsx
 const Accordion = AccordionPrimitive.Root;
-const AccordionItem = React$44.forwardRef(({ className,...props }, ref) => /* @__PURE__ */ jsx(AccordionPrimitive.Item, {
+const AccordionItem = React$46.forwardRef(({ className,...props }, ref) => /* @__PURE__ */ jsx(AccordionPrimitive.Item, {
 	ref,
 	className: cn("border-b", className),
 	...props
 }));
 AccordionItem.displayName = "AccordionItem";
-const AccordionTrigger = React$44.forwardRef(({ className, children,...props }, ref) => /* @__PURE__ */ jsx(AccordionPrimitive.Header, {
+const AccordionTrigger = React$46.forwardRef(({ className, children,...props }, ref) => /* @__PURE__ */ jsx(AccordionPrimitive.Header, {
 	className: "flex",
 	children: /* @__PURE__ */ jsxs(AccordionPrimitive.Trigger, {
 		ref,
@@ -107,7 +109,7 @@ const AccordionTrigger = React$44.forwardRef(({ className, children,...props },
 	})
 }));
 AccordionTrigger.displayName = AccordionPrimitive.Trigger.displayName;
-const AccordionContent = React$44.forwardRef(({ className, children,...props }, ref) => /* @__PURE__ */ jsx(AccordionPrimitive.Content, {
+const AccordionContent = React$46.forwardRef(({ className, children,...props }, ref) => /* @__PURE__ */ jsx(AccordionPrimitive.Content, {
 	ref,
 	className: "overflow-hidden text-sm data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down",
 	...props,
@@ -127,21 +129,21 @@ const alertVariants = cva("relative w-full rounded-lg border px-4 py-3 text-sm [
 	} },
 	defaultVariants: { variant: "default" }
 });
-const Alert = React$43.forwardRef(({ className, variant,...props }, ref) => /* @__PURE__ */ jsx("div", {
+const Alert = React$45.forwardRef(({ className, variant,...props }, ref) => /* @__PURE__ */ jsx("div", {
 	ref,
 	role: "alert",
 	className: cn(alertVariants({ variant }), className),
 	...props
 }));
 Alert.displayName = "Alert";
-const AlertTitle = React$43.forwardRef(({ className, children,...props }, ref) => /* @__PURE__ */ jsx("h5", {
+const AlertTitle = React$45.forwardRef(({ className, children,...props }, ref) => /* @__PURE__ */ jsx("h5", {
 	ref,
 	className: cn("mb-1 font-medium leading-none tracking-tight", className),
 	...props,
 	children
 }));
 AlertTitle.displayName = "AlertTitle";
-const AlertDescription = React$43.forwardRef(({ className,...props }, ref) => /* @__PURE__ */ jsx("div", {
+const AlertDescription = React$45.forwardRef(({ className,...props }, ref) => /* @__PURE__ */ jsx("div", {
 	ref,
 	className: cn("text-sm [&_p]:leading-relaxed", className),
 	...props
@@ -200,13 +202,13 @@ function Button({ className, variant, size, asChild = false, __e2e_test_id__,...
 const AlertDialog = AlertDialogPrimitive.Root;
 const AlertDialogTrigger = AlertDialogPrimitive.Trigger;
 const AlertDialogPortal = AlertDialogPrimitive.Portal;
-const AlertDialogOverlay = React$42.forwardRef(({ className,...props }, ref) => /* @__PURE__ */ jsx(AlertDialogPrimitive.Overlay, {
+const AlertDialogOverlay = React$44.forwardRef(({ className,...props }, ref) => /* @__PURE__ */ jsx(AlertDialogPrimitive.Overlay, {
 	className: cn("fixed inset-0 z-50 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0", className),
 	...props,
 	ref
 }));
 AlertDialogOverlay.displayName = AlertDialogPrimitive.Overlay.displayName;
-const AlertDialogContent = React$42.forwardRef(({ className,...props }, ref) => /* @__PURE__ */ jsxs(AlertDialogPortal, { children: [/* @__PURE__ */ jsx(AlertDialogOverlay, {}), /* @__PURE__ */ jsx(AlertDialogPrimitive.Content, {
+const AlertDialogContent = React$44.forwardRef(({ className,...props }, ref) => /* @__PURE__ */ jsxs(AlertDialogPortal, { children: [/* @__PURE__ */ jsx(AlertDialogOverlay, {}), /* @__PURE__ */ jsx(AlertDialogPrimitive.Content, {
 	ref,
 	className: cn("fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg", className),
 	...props
@@ -222,25 +224,25 @@ const AlertDialogFooter = ({ className,...props }) => /* @__PURE__ */ jsx("div",
 	...props
 });
 AlertDialogFooter.displayName = "AlertDialogFooter";
-const AlertDialogTitle = React$42.forwardRef(({ className,...props }, ref) => /* @__PURE__ */ jsx(AlertDialogPrimitive.Title, {
+const AlertDialogTitle = React$44.forwardRef(({ className,...props }, ref) => /* @__PURE__ */ jsx(AlertDialogPrimitive.Title, {
 	ref,
 	className: cn("text-lg font-semibold", className),
 	...props
 }));
 AlertDialogTitle.displayName = AlertDialogPrimitive.Title.displayName;
-const AlertDialogDescription = React$42.forwardRef(({ className,...props }, ref) => /* @__PURE__ */ jsx(AlertDialogPrimitive.Description, {
+const AlertDialogDescription = React$44.forwardRef(({ className,...props }, ref) => /* @__PURE__ */ jsx(AlertDialogPrimitive.Description, {
 	ref,
 	className: cn("text-sm text-muted-foreground", className),
 	...props
 }));
 AlertDialogDescription.displayName = AlertDialogPrimitive.Description.displayName;
-const AlertDialogAction = React$42.forwardRef(({ className,...props }, ref) => /* @__PURE__ */ jsx(AlertDialogPrimitive.Action, {
+const AlertDialogAction = React$44.forwardRef(({ className,...props }, ref) => /* @__PURE__ */ jsx(AlertDialogPrimitive.Action, {
 	ref,
 	className: cn(buttonVariants(), className),
 	...props
 }));
 AlertDialogAction.displayName = AlertDialogPrimitive.Action.displayName;
-const AlertDialogCancel = React$42.forwardRef(({ className,...props }, ref) => /* @__PURE__ */ jsx(AlertDialogPrimitive.Cancel, {
+const AlertDialogCancel = React$44.forwardRef(({ className,...props }, ref) => /* @__PURE__ */ jsx(AlertDialogPrimitive.Cancel, {
 	ref,
 	className: cn(buttonVariants({ variant: "outline" }), "mt-2 sm:mt-0", className),
 	...props
@@ -249,19 +251,19 @@ AlertDialogCancel.displayName = AlertDialogPrimitive.Cancel.displayName;
 
 //#endregion
 //#region src/avatar/avatar.tsx
-const Avatar = React$41.forwardRef(({ className,...props }, ref) => /* @__PURE__ */ jsx(AvatarPrimitive.Root, {
+const Avatar = React$43.forwardRef(({ className,...props }, ref) => /* @__PURE__ */ jsx(AvatarPrimitive.Root, {
 	ref,
 	className: cn("relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full", className),
 	...props
 }));
 Avatar.displayName = AvatarPrimitive.Root.displayName;
-const AvatarImage = React$41.forwardRef(({ className,...props }, ref) => /* @__PURE__ */ jsx(AvatarPrimitive.Image, {
+const AvatarImage = React$43.forwardRef(({ className,...props }, ref) => /* @__PURE__ */ jsx(AvatarPrimitive.Image, {
 	ref,
 	className: cn("aspect-square h-full w-full", className),
 	...props
 }));
 AvatarImage.displayName = AvatarPrimitive.Image.displayName;
-const AvatarFallback = React$41.forwardRef(({ className,...props }, ref) => /* @__PURE__ */ jsx(AvatarPrimitive.Fallback, {
+const AvatarFallback = React$43.forwardRef(({ className,...props }, ref) => /* @__PURE__ */ jsx(AvatarPrimitive.Fallback, {
 	ref,
 	className: cn("flex h-full w-full items-center justify-center rounded-full bg-muted", className),
 	...props
@@ -307,25 +309,25 @@ function Badge({ className, variant, size, asChild = false,...props }) {
 
 //#endregion
 //#region src/breadcrumb/breadcrumb.tsx
-const Breadcrumb = React$40.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsx("nav", {
+const Breadcrumb = React$42.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsx("nav", {
 	ref,
 	"aria-label": "breadcrumb",
 	...props
 }));
 Breadcrumb.displayName = "Breadcrumb";
-const BreadcrumbList = React$40.forwardRef(({ className,...props }, ref) => /* @__PURE__ */ jsx("ol", {
+const BreadcrumbList = React$42.forwardRef(({ className,...props }, ref) => /* @__PURE__ */ jsx("ol", {
 	ref,
 	className: cn("flex flex-wrap items-center gap-1.5 break-words text-sm text-muted-foreground sm:gap-2.5", className),
 	...props
 }));
 BreadcrumbList.displayName = "BreadcrumbList";
-const BreadcrumbItem = React$40.forwardRef(({ className,...props }, ref) => /* @__PURE__ */ jsx("li", {
+const BreadcrumbItem = React$42.forwardRef(({ className,...props }, ref) => /* @__PURE__ */ jsx("li", {
 	ref,
 	className: cn("inline-flex items-center gap-1.5", className),
 	...props
 }));
 BreadcrumbItem.displayName = "BreadcrumbItem";
-const BreadcrumbLink = React$40.forwardRef(({ asChild, className,...props }, ref) => {
+const BreadcrumbLink = React$42.forwardRef(({ asChild, className,...props }, ref) => {
 	const Comp = asChild ? Slot : "a";
 	return /* @__PURE__ */ jsx(Comp, {
 		ref,
@@ -334,7 +336,7 @@ const BreadcrumbLink = React$40.forwardRef(({ asChild, className,...props }, ref
 	});
 });
 BreadcrumbLink.displayName = "BreadcrumbLink";
-const BreadcrumbPage = React$40.forwardRef(({ className,...props }, ref) => /* @__PURE__ */ jsx("span", {
+const BreadcrumbPage = React$42.forwardRef(({ className,...props }, ref) => /* @__PURE__ */ jsx("span", {
 	ref,
 	"aria-disabled": "true",
 	"aria-current": "page",
@@ -364,8 +366,8 @@ BreadcrumbEllipsis.displayName = "BreadcrumbElipssis";
 //#region src/calendar/calendar.tsx
 function Calendar({ className, classNames, showOutsideDays = true, captionLayout = "label", buttonVariant = "ghost", showYearNavigation = false, formatters, components,...props }) {
 	const defaultClassNames = getDefaultClassNames();
-	const [rangeSelectionStep, setRangeSelectionStep] = React$39.useState("from");
-	const handleDayClick = React$39.useCallback((day, modifiers, e) => {
+	const [rangeSelectionStep, setRangeSelectionStep] = React$41.useState("from");
+	const handleDayClick = React$41.useCallback((day, modifiers, e) => {
 		if (props.mode === "range") {
 			const range = props.selected;
 			if (rangeSelectionStep === "from") {
@@ -395,8 +397,8 @@ function Calendar({ className, classNames, showOutsideDays = true, captionLayout
 		fromMonth = props.startMonth ?? new Date(nowYear - 100, 0);
 		toMonth = props.endMonth ?? new Date(nowYear + 100, 11);
 	}
-	const [currentMonth, setCurrentMonth] = React$39.useState(props.defaultMonth ?? props.month ?? new Date());
-	React$39.useEffect(() => {
+	const [currentMonth, setCurrentMonth] = React$41.useState(props.defaultMonth ?? props.month ?? new Date());
+	React$41.useEffect(() => {
 		if (props.month) setCurrentMonth(props.month);
 	}, [props.month]);
 	const addMonths = (date, months) => {
@@ -535,8 +537,8 @@ function Calendar({ className, classNames, showOutsideDays = true, captionLayout
 }
 function CalendarDayButton({ className, day, modifiers,...props }) {
 	const defaultClassNames = getDefaultClassNames();
-	const ref = React$39.useRef(null);
-	React$39.useEffect(() => {
+	const ref = React$41.useRef(null);
+	React$41.useEffect(() => {
 		if (modifiers.focused) ref.current?.focus();
 	}, [modifiers.focused]);
 	return /* @__PURE__ */ jsx(Button, {
@@ -555,38 +557,38 @@ function CalendarDayButton({ className, day, modifiers,...props }) {
 
 //#endregion
 //#region src/card/card.tsx
-const Card = React$38.forwardRef(({ className,...props }, ref) => /* @__PURE__ */ jsx("div", {
+const Card = React$40.forwardRef(({ className,...props }, ref) => /* @__PURE__ */ jsx("div", {
 	ref,
 	className: cn("rounded-xl border bg-card text-card-foreground shadow", className),
 	...props
 }));
 Card.displayName = "Card";
-const CardHeader = React$38.forwardRef(({ className,...props }, ref) => /* @__PURE__ */ jsx("div", {
+const CardHeader = React$40.forwardRef(({ className,...props }, ref) => /* @__PURE__ */ jsx("div", {
 	ref,
 	className: cn("flex flex-col space-y-1.5 p-6", className),
 	...props
 }));
 CardHeader.displayName = "CardHeader";
-const CardTitle = React$38.forwardRef(({ className, children,...props }, ref) => /* @__PURE__ */ jsx("h3", {
+const CardTitle = React$40.forwardRef(({ className, children,...props }, ref) => /* @__PURE__ */ jsx("h3", {
 	ref,
 	className: cn("font-semibold leading-none tracking-tight", className),
 	...props,
 	children
 }));
 CardTitle.displayName = "CardTitle";
-const CardDescription = React$38.forwardRef(({ className,...props }, ref) => /* @__PURE__ */ jsx("p", {
+const CardDescription = React$40.forwardRef(({ className,...props }, ref) => /* @__PURE__ */ jsx("p", {
 	ref,
 	className: cn("text-sm text-muted-foreground", className),
 	...props
 }));
 CardDescription.displayName = "CardDescription";
-const CardContent = React$38.forwardRef(({ className,...props }, ref) => /* @__PURE__ */ jsx("div", {
+const CardContent = React$40.forwardRef(({ className,...props }, ref) => /* @__PURE__ */ jsx("div", {
 	ref,
 	className: cn("p-6 pt-0", className),
 	...props
 }));
 CardContent.displayName = "CardContent";
-const CardFooter = React$38.forwardRef(({ className,...props }, ref) => /* @__PURE__ */ jsx("div", {
+const CardFooter = React$40.forwardRef(({ className,...props }, ref) => /* @__PURE__ */ jsx("div", {
 	ref,
 	className: cn("flex items-center p-6 pt-0", className),
 	...props
@@ -597,7 +599,7 @@ CardFooter.displayName = "CardFooter";
 //#region src/card-hover/card-hover.tsx
 const HoverCard = HoverCardPrimitive.Root;
 const HoverCardTrigger = HoverCardPrimitive.Trigger;
-const HoverCardContent = React$37.forwardRef(({ className, align = "center", sideOffset = 4,...props }, ref) => /* @__PURE__ */ jsx(HoverCardPrimitive.Content, {
+const HoverCardContent = React$39.forwardRef(({ className, align = "center", sideOffset = 4,...props }, ref) => /* @__PURE__ */ jsx(HoverCardPrimitive.Content, {
 	ref,
 	align,
 	sideOffset,
@@ -608,31 +610,31 @@ HoverCardContent.displayName = HoverCardPrimitive.Content.displayName;
 
 //#endregion
 //#region src/carousel/carousel.tsx
-const CarouselContext = React$36.createContext(null);
+const CarouselContext = React$38.createContext(null);
 function useCarousel() {
-	const context = React$36.useContext(CarouselContext);
+	const context = React$38.useContext(CarouselContext);
 	if (!context) throw new Error("useCarousel must be used within a <Carousel />");
 	return context;
 }
-const Carousel = React$36.forwardRef(({ orientation = "horizontal", opts, setApi, plugins, className, children,...props }, ref) => {
+const Carousel = React$38.forwardRef(({ orientation = "horizontal", opts, setApi, plugins, className, children,...props }, ref) => {
 	const [carouselRef, api] = useEmblaCarousel({
 		...opts,
 		axis: orientation === "horizontal" ? "x" : "y"
 	}, plugins);
-	const [canScrollPrev, setCanScrollPrev] = React$36.useState(false);
-	const [canScrollNext, setCanScrollNext] = React$36.useState(false);
-	const onSelect = React$36.useCallback(() => {
+	const [canScrollPrev, setCanScrollPrev] = React$38.useState(false);
+	const [canScrollNext, setCanScrollNext] = React$38.useState(false);
+	const onSelect = React$38.useCallback(() => {
 		if (!api) return;
 		setCanScrollPrev(api.canScrollPrev());
 		setCanScrollNext(api.canScrollNext());
 	}, [api]);
-	const scrollPrev = React$36.useCallback(() => {
+	const scrollPrev = React$38.useCallback(() => {
 		api?.scrollPrev();
 	}, [api]);
-	const scrollNext = React$36.useCallback(() => {
+	const scrollNext = React$38.useCallback(() => {
 		api?.scrollNext();
 	}, [api]);
-	const handleKeyDown = React$36.useCallback((event) => {
+	const handleKeyDown = React$38.useCallback((event) => {
 		if (event.key === "ArrowLeft") {
 			event.preventDefault();
 			scrollPrev();
@@ -641,11 +643,11 @@ const Carousel = React$36.forwardRef(({ orientation = "horizontal", opts, setApi
 			scrollNext();
 		}
 	}, [scrollPrev, scrollNext]);
-	React$36.useEffect(() => {
+	React$38.useEffect(() => {
 		if (!api || !setApi) return;
 		setApi(api);
 	}, [api, setApi]);
-	React$36.useEffect(() => {
+	React$38.useEffect(() => {
 		if (!api) return;
 		onSelect();
 		api.on("reInit", onSelect);
@@ -686,7 +688,7 @@ const Carousel = React$36.forwardRef(({ orientation = "horizontal", opts, setApi
 	});
 });
 Carousel.displayName = "Carousel";
-const CarouselContent = React$36.forwardRef(({ className,...props }, ref) => {
+const CarouselContent = React$38.forwardRef(({ className,...props }, ref) => {
 	const { carouselRef, orientation } = useCarousel();
 	return /* @__PURE__ */ jsx("div", {
 		ref: carouselRef,
@@ -699,7 +701,7 @@ const CarouselContent = React$36.forwardRef(({ className,...props }, ref) => {
 	});
 });
 CarouselContent.displayName = "CarouselContent";
-const CarouselItem = React$36.forwardRef(({ className,...props }, ref) => {
+const CarouselItem = React$38.forwardRef(({ className,...props }, ref) => {
 	const { orientation } = useCarousel();
 	return /* @__PURE__ */ jsx("div", {
 		ref,
@@ -709,7 +711,7 @@ const CarouselItem = React$36.forwardRef(({ className,...props }, ref) => {
 	});
 });
 CarouselItem.displayName = "CarouselItem";
-const CarouselPrevious = React$36.forwardRef(({ className, variant = "outline", size = "icon",...props }, ref) => {
+const CarouselPrevious = React$38.forwardRef(({ className, variant = "outline", size = "icon",...props }, ref) => {
 	const { orientation, scrollPrev, canScrollPrev } = useCarousel();
 	return /* @__PURE__ */ jsxs(Button, {
 		ref,
@@ -726,7 +728,7 @@ const CarouselPrevious = React$36.forwardRef(({ className, variant = "outline",
 	});
 });
 CarouselPrevious.displayName = "CarouselPrevious";
-const CarouselNext = React$36.forwardRef(({ className, variant = "outline", size = "icon",...props }, ref) => {
+const CarouselNext = React$38.forwardRef(({ className, variant = "outline", size = "icon",...props }, ref) => {
 	const { orientation, scrollNext, canScrollNext } = useCarousel();
 	return /* @__PURE__ */ jsxs(Button, {
 		ref,
@@ -910,7 +912,7 @@ function DialogDescription({ className,...props }) {
 
 //#endregion
 //#region src/command-palette/command-palette.tsx
-const CommandPalette = React$35.forwardRef(({ className,...props }, ref) => /* @__PURE__ */ jsx(Command$1, {
+const CommandPalette = React$37.forwardRef(({ className,...props }, ref) => /* @__PURE__ */ jsx(Command$1, {
 	ref,
 	className: cn("flex h-full w-full flex-col overflow-hidden rounded-md bg-popover text-popover-foreground", className),
 	...props
@@ -928,7 +930,7 @@ const CommandPaletteDialog = ({ children,...props }) => {
 		})
 	});
 };
-const CommandPaletteInput = React$35.forwardRef(({ className,...props }, ref) => /* @__PURE__ */ jsxs("div", {
+const CommandPaletteInput = React$37.forwardRef(({ className,...props }, ref) => /* @__PURE__ */ jsxs("div", {
 	className: "flex items-center border-b px-3",
 	"data-cmdk-input-wrapper": "",
 	children: [/* @__PURE__ */ jsx(MagnifyingGlassIcon, { className: "mr-2 h-4 w-4 shrink-0 opacity-50" }), /* @__PURE__ */ jsx(Command$1.Input, {
@@ -938,31 +940,31 @@ const CommandPaletteInput = React$35.forwardRef(({ className,...props }, ref) =>
 	})]
 }));
 CommandPaletteInput.displayName = Command$1.Input.displayName;
-const CommandPaletteList = React$35.forwardRef(({ className,...props }, ref) => /* @__PURE__ */ jsx(Command$1.List, {
+const CommandPaletteList = React$37.forwardRef(({ className,...props }, ref) => /* @__PURE__ */ jsx(Command$1.List, {
 	ref,
 	className: cn("max-h-[300px] overflow-y-auto overflow-x-hidden", className),
 	...props
 }));
 CommandPaletteList.displayName = Command$1.List.displayName;
-const CommandPaletteEmpty = React$35.forwardRef((props, ref) => /* @__PURE__ */ jsx(Command$1.Empty, {
+const CommandPaletteEmpty = React$37.forwardRef((props, ref) => /* @__PURE__ */ jsx(Command$1.Empty, {
 	ref,
 	className: "py-6 text-center text-sm",
 	...props
 }));
 CommandPaletteEmpty.displayName = Command$1.Empty.displayName;
-const CommandPaletteGroup = React$35.forwardRef(({ className,...props }, ref) => /* @__PURE__ */ jsx(Command$1.Group, {
+const CommandPaletteGroup = React$37.forwardRef(({ className,...props }, ref) => /* @__PURE__ */ jsx(Command$1.Group, {
 	ref,
 	className: cn("overflow-hidden p-1 text-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground", className),
 	...props
 }));
 CommandPaletteGroup.displayName = Command$1.Group.displayName;
-const CommandPaletteSeparator = React$35.forwardRef(({ className,...props }, ref) => /* @__PURE__ */ jsx(Command$1.Separator, {
+const CommandPaletteSeparator = React$37.forwardRef(({ className,...props }, ref) => /* @__PURE__ */ jsx(Command$1.Separator, {
 	ref,
 	className: cn("-mx-1 h-px bg-border", className),
 	...props
 }));
 CommandPaletteSeparator.displayName = Command$1.Separator.displayName;
-const CommandPaletteItem = React$35.forwardRef(({ className,...props }, ref) => /* @__PURE__ */ jsx(Command$1.Item, {
+const CommandPaletteItem = React$37.forwardRef(({ className,...props }, ref) => /* @__PURE__ */ jsx(Command$1.Item, {
 	ref,
 	className: cn("relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none data-[disabled=true]:pointer-events-none data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground data-[disabled=true]:opacity-50", className),
 	...props
@@ -1038,8 +1040,8 @@ const frameworks = [
 	}
 ];
 function ComboboxDemo() {
-	const [open, setOpen] = React$34.useState(false);
-	const [value, setValue] = React$34.useState("");
+	const [open, setOpen] = React$36.useState(false);
+	const [value, setValue] = React$36.useState("");
 	return /* @__PURE__ */ jsxs(Popover, {
 		open,
 		onOpenChange: setOpen,
@@ -1068,6 +1070,45 @@ function ComboboxDemo() {
 	});
 }
 
+//#endregion
+//#region src/spinner/spinner.tsx
+function Spinner({ classNames }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("flex justify-center items-center w-full h-full", classNames),
+		children: /* @__PURE__ */ jsxs("svg", {
+			className: "w-auto text-[inherit] h-full animate-spin",
+			xmlns: "http://www.w3.org/2000/svg",
+			fill: "none",
+			viewBox: "0 0 24 24",
+			children: [/* @__PURE__ */ jsx("circle", {
+				className: "opacity-25",
+				cx: "12",
+				cy: "12",
+				r: "10",
+				stroke: "currentColor",
+				strokeWidth: "4"
+			}), /* @__PURE__ */ jsx("path", {
+				className: "opacity-75",
+				fill: "currentColor",
+				d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
+			})]
+		})
+	});
+}
+function Loader({ label, disabled }) {
+	if (disabled) return null;
+	return /* @__PURE__ */ jsx("div", {
+		className: "flex absolute z-1 left-0 top-0 bottom-0 right-0 bg-secondary/50",
+		children: /* @__PURE__ */ jsxs("div", {
+			className: "flex items-center justify-center flex-1 flex-col",
+			children: [/* @__PURE__ */ jsx(Spinner, { classNames: "w-[24px] h-[25px]" }), label && /* @__PURE__ */ jsx("h3", {
+				className: "pb-0 pt-3 font-medium text-xl mb-2 text-muted-foreground",
+				children: label
+			})]
+		})
+	});
+}
+
 //#endregion
 //#region src/command/command.tsx
 function Command({ className,...props }) {
@@ -1110,17 +1151,18 @@ const commandInputVariants = cva("", {
 		inputSize: "md"
 	}
 });
-const CommandInput = React.forwardRef(({ className, wrapperClassName, variant, inputSize,...props }, ref) => {
+const CommandInput = React.forwardRef(({ className, wrapperClassName, loading, readOnly, variant, inputSize,...props }, ref) => {
 	return /* @__PURE__ */ jsxs("div", {
 		"data-slot": "command-input-wrapper",
 		className: cn("flex items-center gap-2 border-b px-3", commandInputVariants({
 			variant,
 			inputSize
 		}), wrapperClassName),
-		children: [/* @__PURE__ */ jsx(MagnifyingGlassIcon, { className: "size-4 shrink-0 opacity-50" }), /* @__PURE__ */ jsx(Command$1.Input, {
+		children: [loading ? /* @__PURE__ */ jsx(Spinner, { classNames: "size-4" }) : /* @__PURE__ */ jsx(MagnifyingGlassIcon, { className: "size-4 shrink-0 opacity-50" }), /* @__PURE__ */ jsx(Command$1.Input, {
 			ref,
 			"data-slot": "command-input",
 			className: cn("placeholder:text-muted-foreground flex w-full rounded bg-transparent text-sm outline-hidden disabled:cursor-not-allowed disabled:opacity-50", className),
+			readOnly: loading || readOnly,
 			...props
 		})]
 	});
@@ -1169,45 +1211,6 @@ function CommandShortcut({ className,...props }) {
 	});
 }
 
-//#endregion
-//#region src/spinner/spinner.tsx
-function Spinner({ classNames }) {
-	return /* @__PURE__ */ jsx("div", {
-		className: cn("flex justify-center items-center w-full h-full", classNames),
-		children: /* @__PURE__ */ jsxs("svg", {
-			className: "w-auto text-[inherit] h-full animate-spin",
-			xmlns: "http://www.w3.org/2000/svg",
-			fill: "none",
-			viewBox: "0 0 24 24",
-			children: [/* @__PURE__ */ jsx("circle", {
-				className: "opacity-25",
-				cx: "12",
-				cy: "12",
-				r: "10",
-				stroke: "currentColor",
-				strokeWidth: "4"
-			}), /* @__PURE__ */ jsx("path", {
-				className: "opacity-75",
-				fill: "currentColor",
-				d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
-			})]
-		})
-	});
-}
-function Loader({ label, disabled }) {
-	if (disabled) return null;
-	return /* @__PURE__ */ jsx("div", {
-		className: "flex absolute z-1 left-0 top-0 bottom-0 right-0 bg-secondary/50",
-		children: /* @__PURE__ */ jsxs("div", {
-			className: "flex items-center justify-center flex-1 flex-col",
-			children: [/* @__PURE__ */ jsx(Spinner, { classNames: "w-[24px] h-[25px]" }), label && /* @__PURE__ */ jsx("h3", {
-				className: "pb-0 pt-3 font-medium text-xl mb-2 text-muted-foreground",
-				children: label
-			})]
-		})
-	});
-}
-
 //#endregion
 //#region src/content-frame/content-frame.tsx
 const gridContentFrameVariants = cva("flex flex-col border-1 border-(--discreet-border) h-full w-full", {
@@ -1224,9 +1227,9 @@ const gridContentFrameHeaderVariants = cva("flex items-center overflow-hidden p-
 	} },
 	defaultVariants: { variant: "default" }
 });
-const ContentFrame = ({ title = "", controls = [], indicators = [], children, onExpand, variant, collapsed, titleLink, isLoading = false }) => {
+const ContentFrame = ({ title = "", controls = [], indicators = [], children, onExpand, variant, collapsed, titleLink, isLoading = false, className }) => {
 	return /* @__PURE__ */ jsx("div", {
-		className: cn(gridContentFrameVariants({ variant })),
+		className: cn(gridContentFrameVariants({ variant }), className),
 		children: collapsed ? /* @__PURE__ */ jsxs("div", {
 			className: "flex gap-2.5 min-w-0 items-center [writing-mode:vertical-lr]",
 			children: [/* @__PURE__ */ jsx("h2", {
@@ -1278,32 +1281,32 @@ const ContextMenuGroup = ContextMenuPrimitive.Group;
 const ContextMenuPortal = ContextMenuPrimitive.Portal;
 const ContextMenuSub = ContextMenuPrimitive.Sub;
 const ContextMenuRadioGroup = ContextMenuPrimitive.RadioGroup;
-const ContextMenuSubTrigger = React$33.forwardRef(({ className, inset, children,...props }, ref) => /* @__PURE__ */ jsxs(ContextMenuPrimitive.SubTrigger, {
+const ContextMenuSubTrigger = React$35.forwardRef(({ className, inset, children,...props }, ref) => /* @__PURE__ */ jsxs(ContextMenuPrimitive.SubTrigger, {
 	ref,
 	className: cn("flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground", inset && "pl-8", className),
 	...props,
 	children: [children, /* @__PURE__ */ jsx(ChevronRightIcon, { className: "ml-auto h-4 w-4" })]
 }));
 ContextMenuSubTrigger.displayName = ContextMenuPrimitive.SubTrigger.displayName;
-const ContextMenuSubContent = React$33.forwardRef(({ className,...props }, ref) => /* @__PURE__ */ jsx(ContextMenuPrimitive.SubContent, {
+const ContextMenuSubContent = React$35.forwardRef(({ className,...props }, ref) => /* @__PURE__ */ jsx(ContextMenuPrimitive.SubContent, {
 	ref,
 	className: cn("z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2", className),
 	...props
 }));
 ContextMenuSubContent.displayName = ContextMenuPrimitive.SubContent.displayName;
-const ContextMenuContent = React$33.forwardRef(({ className,...props }, ref) => /* @__PURE__ */ jsx(ContextMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx(ContextMenuPrimitive.Content, {
+const ContextMenuContent = React$35.forwardRef(({ className,...props }, ref) => /* @__PURE__ */ jsx(ContextMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx(ContextMenuPrimitive.Content, {
 	ref,
 	className: cn("z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2", className),
 	...props
 }) }));
 ContextMenuContent.displayName = ContextMenuPrimitive.Content.displayName;
-const ContextMenuItem = React$33.forwardRef(({ className, inset,...props }, ref) => /* @__PURE__ */ jsx(ContextMenuPrimitive.Item, {
+const ContextMenuItem = React$35.forwardRef(({ className, inset,...props }, ref) => /* @__PURE__ */ jsx(ContextMenuPrimitive.Item, {
 	ref,
 	className: cn("relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50", inset && "pl-8", className),
 	...props
 }));
 ContextMenuItem.displayName = ContextMenuPrimitive.Item.displayName;
-const ContextMenuCheckboxItem = React$33.forwardRef(({ className, children, checked,...props }, ref) => /* @__PURE__ */ jsxs(ContextMenuPrimitive.CheckboxItem, {
+const ContextMenuCheckboxItem = React$35.forwardRef(({ className, children, checked,...props }, ref) => /* @__PURE__ */ jsxs(ContextMenuPrimitive.CheckboxItem, {
 	ref,
 	className: cn("relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50", className),
 	checked,
@@ -1314,7 +1317,7 @@ const ContextMenuCheckboxItem = React$33.forwardRef(({ className, children, chec
 	}), children]
 }));
 ContextMenuCheckboxItem.displayName = ContextMenuPrimitive.CheckboxItem.displayName;
-const ContextMenuRadioItem = React$33.forwardRef(({ className, children,...props }, ref) => /* @__PURE__ */ jsxs(ContextMenuPrimitive.RadioItem, {
+const ContextMenuRadioItem = React$35.forwardRef(({ className, children,...props }, ref) => /* @__PURE__ */ jsxs(ContextMenuPrimitive.RadioItem, {
 	ref,
 	className: cn("relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50", className),
 	...props,
@@ -1324,13 +1327,13 @@ const ContextMenuRadioItem = React$33.forwardRef(({ className, children,...props
 	}), children]
 }));
 ContextMenuRadioItem.displayName = ContextMenuPrimitive.RadioItem.displayName;
-const ContextMenuLabel = React$33.forwardRef(({ className, inset,...props }, ref) => /* @__PURE__ */ jsx(ContextMenuPrimitive.Label, {
+const ContextMenuLabel = React$35.forwardRef(({ className, inset,...props }, ref) => /* @__PURE__ */ jsx(ContextMenuPrimitive.Label, {
 	ref,
 	className: cn("px-2 py-1.5 text-sm font-semibold text-foreground", inset && "pl-8", className),
 	...props
 }));
 ContextMenuLabel.displayName = ContextMenuPrimitive.Label.displayName;
-const ContextMenuSeparator = React$33.forwardRef(({ className,...props }, ref) => /* @__PURE__ */ jsx(ContextMenuPrimitive.Separator, {
+const ContextMenuSeparator = React$35.forwardRef(({ className,...props }, ref) => /* @__PURE__ */ jsx(ContextMenuPrimitive.Separator, {
 	ref,
 	className: cn("-mx-1 my-1 h-px bg-border", className),
 	...props
@@ -1466,7 +1469,7 @@ function DropdownMenuSubContent({ className,...props }) {
 const TooltipProvider = TooltipPrimitive.Provider;
 const Tooltip = TooltipPrimitive.Root;
 const TooltipTrigger = TooltipPrimitive.Trigger;
-const TooltipContent = React$32.forwardRef(({ className, sideOffset = 4,...props }, ref) => /* @__PURE__ */ jsx(TooltipPrimitive.Content, {
+const TooltipContent = React$34.forwardRef(({ className, sideOffset = 4,...props }, ref) => /* @__PURE__ */ jsx(TooltipPrimitive.Content, {
 	ref,
 	sideOffset,
 	className: cn("z-50 overflow-hidden rounded-md bg-primary px-3 py-1.5 text-xs text-primary-foreground animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2", className),
@@ -1620,6 +1623,11 @@ function SelectScrollDownButton({ className,...props }) {
 
 //#endregion
 //#region src/data-grid/cell-variants/utils/gantt-timerange-picker.tsx
+const isoToLocalDate = (iso) => {
+	if (!iso) return void 0;
+	const d = new Date(iso);
+	return new Date(d.getUTCFullYear(), d.getUTCMonth(), d.getUTCDate());
+};
 const convertRangeToISO = (r) => {
 	if (!(r?.from && r?.to)) return void 0;
 	const from = r.from;
@@ -1668,14 +1676,14 @@ const GanttTimerangePicker = ({ initialDateFrom, initialDateTo, onRangeChange, t
 	} : void 0);
 	const [isOpen, setIsOpen] = useState(false);
 	const [selectedPreset, setSelectedPreset] = useState(void 0);
-	const [isSmallScreen, setIsSmallScreen] = useState(globalThis.window === void 0 ? false : globalThis.window.innerWidth < 960);
+	const [isSmallScreen, setIsSmallScreen] = useState(globalThis.innerWidth === void 0 ? false : globalThis.innerWidth < 960);
 	useEffect(() => {
 		const handleResize = () => {
-			setIsSmallScreen(globalThis.window.innerWidth < 960);
+			setIsSmallScreen(globalThis.innerWidth < 960);
 		};
-		globalThis.window.addEventListener("resize", handleResize);
+		globalThis.addEventListener("resize", handleResize);
 		return () => {
-			globalThis.window.removeEventListener("resize", handleResize);
+			globalThis.removeEventListener("resize", handleResize);
 		};
 	}, []);
 	const getPresetRange = (presetName, timelineStart$1, timelineEnd$1) => {
@@ -1968,7 +1976,7 @@ function getColumnVariant(variant) {
 	}
 }
 function DataGridColumnHeader({ header, table, className, onPointerDown,...props }) {
-	const [open, setOpen] = React$31.useState(false);
+	const [open, setOpen] = React$33.useState(false);
 	const column = header.column;
 	const label = column.columnDef.meta?.label ? column.columnDef.meta.label : typeof column.columnDef.header === "string" ? column.columnDef.header : column.id;
 	const isAnyColumnResizing = table.getState().columnSizingInfo.isResizingColumn;
@@ -1977,7 +1985,7 @@ function DataGridColumnHeader({ header, table, className, onPointerDown,...props
 	const pinnedPosition = column.getIsPinned();
 	const isPinnedLeft = pinnedPosition === "left";
 	const isPinnedRight = pinnedPosition === "right";
-	const onSortingChange = React$31.useCallback((direction) => {
+	const onSortingChange = React$33.useCallback((direction) => {
 		table.setSorting((prev) => {
 			const existingSortIndex = prev.findIndex((sort) => sort.id === column.id);
 			const newSort = {
@@ -1991,19 +1999,19 @@ function DataGridColumnHeader({ header, table, className, onPointerDown,...props
 			} else return [...prev, newSort];
 		});
 	}, [column.id, table]);
-	const onSortRemove = React$31.useCallback(() => {
+	const onSortRemove = React$33.useCallback(() => {
 		table.setSorting((prev) => prev.filter((sort) => sort.id !== column.id));
 	}, [column.id, table]);
-	const onLeftPin = React$31.useCallback(() => {
+	const onLeftPin = React$33.useCallback(() => {
 		column.pin("left");
 	}, [column]);
-	const onRightPin = React$31.useCallback(() => {
+	const onRightPin = React$33.useCallback(() => {
 		column.pin("right");
 	}, [column]);
-	const onUnpin = React$31.useCallback(() => {
+	const onUnpin = React$33.useCallback(() => {
 		column.pin(false);
 	}, [column]);
-	const onTriggerPointerDown = React$31.useCallback((event) => {
+	const onTriggerPointerDown = React$33.useCallback((event) => {
 		onPointerDown?.(event);
 		if (event.defaultPrevented) return;
 		if (event.button !== 0) return;
@@ -2115,7 +2123,7 @@ function DataGridColumnHeader({ header, table, className, onPointerDown,...props
 		})
 	] });
 }
-const DataGridColumnResizer = React$31.memo(DataGridColumnResizerImpl, (prev, next) => {
+const DataGridColumnResizer = React$33.memo(DataGridColumnResizerImpl, (prev, next) => {
 	const prevColumn = prev.header.column;
 	const nextColumn = next.header.column;
 	if (prevColumn.getIsResizing() !== nextColumn.getIsResizing() || prevColumn.getSize() !== nextColumn.getSize()) return false;
@@ -2124,7 +2132,7 @@ const DataGridColumnResizer = React$31.memo(DataGridColumnResizerImpl, (prev, ne
 });
 function DataGridColumnResizerImpl({ header, table, label }) {
 	const defaultColumnDef = table._getDefaultColumnDef();
-	const onDoubleClick = React$31.useCallback(() => {
+	const onDoubleClick = React$33.useCallback(() => {
 		header.column.resetSize();
 	}, [header.column]);
 	return /* @__PURE__ */ jsx("div", {
@@ -2233,7 +2241,7 @@ function DataGridContextMenu({ table }) {
 		onRowsDelete
 	});
 }
-const ContextMenu$1 = React$30.memo(ContextMenuImpl, (prev, next) => {
+const ContextMenu$1 = React$32.memo(ContextMenuImpl, (prev, next) => {
 	if (prev.contextMenu.open !== next.contextMenu.open) return false;
 	if (!next.contextMenu.open) return true;
 	if (prev.contextMenu.x !== next.contextMenu.x) return false;
@@ -2244,7 +2252,7 @@ const ContextMenu$1 = React$30.memo(ContextMenuImpl, (prev, next) => {
 	return true;
 });
 function ContextMenuImpl({ table, dataGridRef, contextMenu, onContextMenuOpenChange, selectionState, onDataUpdate, onRowsDelete }) {
-	const triggerStyle = React$30.useMemo(() => ({
+	const triggerStyle = React$32.useMemo(() => ({
 		position: "fixed",
 		left: `${contextMenu.x}px`,
 		top: `${contextMenu.y}px`,
@@ -2257,11 +2265,11 @@ function ContextMenuImpl({ table, dataGridRef, contextMenu, onContextMenuOpenCha
 		pointerEvents: "none",
 		opacity: 0
 	}), [contextMenu.x, contextMenu.y]);
-	const onCloseAutoFocus = React$30.useCallback((event) => {
+	const onCloseAutoFocus = React$32.useCallback((event) => {
 		event.preventDefault();
 		dataGridRef?.current?.focus();
 	}, [dataGridRef]);
-	const onCopy = React$30.useCallback(async () => {
+	const onCopy = React$32.useCallback(async () => {
 		if (!selectionState?.selectedCells || selectionState.selectedCells.size === 0) return;
 		const rows = table.getRowModel().rows;
 		const columnIds = [];
@@ -2300,7 +2308,7 @@ function ContextMenuImpl({ table, dataGridRef, contextMenu, onContextMenuOpenCha
 		await navigator.clipboard.writeText(tsvData);
 		toast$1.success(`${selectionState.selectedCells.size} cell${selectionState.selectedCells.size !== 1 ? "s" : ""} copied`);
 	}, [table, selectionState]);
-	const canClear = React$30.useMemo(() => {
+	const canClear = React$32.useMemo(() => {
 		if (!selectionState?.selectedCells || selectionState.selectedCells.size === 0) return false;
 		const visibleCols = table.getVisibleLeafColumns();
 		const rows = table.getRowModel().rows;
@@ -2317,7 +2325,7 @@ function ContextMenuImpl({ table, dataGridRef, contextMenu, onContextMenuOpenCha
 		}
 		return true;
 	}, [selectionState, table]);
-	const onClear = React$30.useCallback(() => {
+	const onClear = React$32.useCallback(() => {
 		if (!selectionState?.selectedCells || selectionState.selectedCells.size === 0) return;
 		if (!canClear) return;
 		const updates = [];
@@ -2336,7 +2344,7 @@ function ContextMenuImpl({ table, dataGridRef, contextMenu, onContextMenuOpenCha
 		selectionState,
 		canClear
 	]);
-	const onDelete = React$30.useCallback(async () => {
+	const onDelete = React$32.useCallback(async () => {
 		if (!selectionState?.selectedCells || selectionState.selectedCells.size === 0) return;
 		const rowIndices = new Set();
 		for (const cellKey of selectionState.selectedCells) {
@@ -2413,12 +2421,12 @@ function composeRefs(...refs) {
 * Accepts callback refs and RefObject(s)
 */
 function useComposedRefs(...refs) {
-	return React$29.useCallback(composeRefs(...refs), refs);
+	return React$31.useCallback(composeRefs(...refs), refs);
 }
 
 //#endregion
 //#region src/data-grid/data-grid-row.tsx
-const DataGridRow = React$28.memo(DataGridRowImpl, (prev, next) => {
+const DataGridRow = React$30.memo(DataGridRowImpl, (prev, next) => {
 	if (prev.row.id !== next.row.id) return false;
 	if (prev.row.original !== next.row.original) return false;
 	const prevRowIndex = prev.virtualRowIndex;
@@ -2510,20 +2518,20 @@ function Input({ className, type, variant, __e2e_test_id__, onEnter,...props })
 * prop or avoid re-executing effects when passed as a dependency
 */
 function useCallbackRef(callback) {
-	const callbackRef = React$27.useRef(callback);
-	React$27.useEffect(() => {
+	const callbackRef = React$29.useRef(callback);
+	React$29.useEffect(() => {
 		callbackRef.current = callback;
 	});
-	return React$27.useMemo(() => (...args) => callbackRef.current?.(...args), []);
+	return React$29.useMemo(() => (...args) => callbackRef.current?.(...args), []);
 }
 
 //#endregion
 //#region src/data-grid/hooks/use-debounced-callback.ts
 function useDebouncedCallback(callback, delay) {
 	const handleCallback = useCallbackRef(callback);
-	const debounceTimerRef = React$26.useRef(0);
-	React$26.useEffect(() => () => window.clearTimeout(debounceTimerRef.current), []);
-	const setValue = React$26.useCallback((...args) => {
+	const debounceTimerRef = React$28.useRef(0);
+	React$28.useEffect(() => () => window.clearTimeout(debounceTimerRef.current), []);
+	const setValue = React$28.useCallback((...args) => {
 		window.clearTimeout(debounceTimerRef.current);
 		debounceTimerRef.current = window.setTimeout(() => handleCallback(...args), delay);
 	}, [handleCallback, delay]);
@@ -2532,7 +2540,7 @@ function useDebouncedCallback(callback, delay) {
 
 //#endregion
 //#region src/data-grid/data-grid-search.tsx
-const DataGridSearch = React$25.memo(DataGridSearchImpl, (prev, next) => {
+const DataGridSearch = React$27.memo(DataGridSearchImpl, (prev, next) => {
 	if (prev.searchOpen !== next.searchOpen) return false;
 	if (!next.searchOpen) return true;
 	if (prev.searchQuery !== next.searchQuery || prev.matchIndex !== next.matchIndex) return false;
@@ -2546,13 +2554,13 @@ const DataGridSearch = React$25.memo(DataGridSearchImpl, (prev, next) => {
 	return true;
 });
 function DataGridSearchImpl({ searchMatches, matchIndex, searchOpen, onSearchOpenChange, searchQuery, onSearchQueryChange, onSearch, onNavigateToNextMatch, onNavigateToPrevMatch }) {
-	const inputRef = React$25.useRef(null);
-	React$25.useEffect(() => {
+	const inputRef = React$27.useRef(null);
+	React$27.useEffect(() => {
 		if (searchOpen) requestAnimationFrame(() => {
 			inputRef.current?.focus();
 		});
 	}, [searchOpen]);
-	React$25.useEffect(() => {
+	React$27.useEffect(() => {
 		if (!searchOpen) return;
 		function onEscape(event) {
 			if (event.key === "Escape") {
@@ -2563,7 +2571,7 @@ function DataGridSearchImpl({ searchMatches, matchIndex, searchOpen, onSearchOpe
 		document.addEventListener("keydown", onEscape);
 		return () => document.removeEventListener("keydown", onEscape);
 	}, [searchOpen, onSearchOpenChange]);
-	const onKeyDown = React$25.useCallback((event) => {
+	const onKeyDown = React$27.useCallback((event) => {
 		event.stopPropagation();
 		if (event.key === "Enter") {
 			event.preventDefault();
@@ -2574,20 +2582,20 @@ function DataGridSearchImpl({ searchMatches, matchIndex, searchOpen, onSearchOpe
 	const debouncedSearch = useDebouncedCallback((query) => {
 		onSearch(query);
 	}, 150);
-	const onChange = React$25.useCallback((event) => {
+	const onChange = React$27.useCallback((event) => {
 		const value = event.target.value;
 		onSearchQueryChange(value);
 		debouncedSearch(value);
 	}, [onSearchQueryChange, debouncedSearch]);
-	const onTriggerPointerDown = React$25.useCallback((event) => {
+	const onTriggerPointerDown = React$27.useCallback((event) => {
 		const target = event.target;
 		if (!(target instanceof HTMLElement)) return;
 		if (target.hasPointerCapture(event.pointerId)) target.releasePointerCapture(event.pointerId);
 		if (event.button === 0 && event.ctrlKey === false && event.pointerType === "mouse" && !(event.target instanceof HTMLInputElement)) event.preventDefault();
 	}, []);
-	const onPrevMatchPointerDown = React$25.useCallback((event) => onTriggerPointerDown(event), [onTriggerPointerDown]);
-	const onNextMatchPointerDown = React$25.useCallback((event) => onTriggerPointerDown(event), [onTriggerPointerDown]);
-	const onClose = React$25.useCallback(() => {
+	const onPrevMatchPointerDown = React$27.useCallback((event) => onTriggerPointerDown(event), [onTriggerPointerDown]);
+	const onNextMatchPointerDown = React$27.useCallback((event) => onTriggerPointerDown(event), [onTriggerPointerDown]);
+	const onClose = React$27.useCallback(() => {
 		onSearchOpenChange(false);
 	}, [onSearchOpenChange]);
 	if (!searchOpen) return null;
@@ -2660,10 +2668,10 @@ function DataGrid({ dataGridRef, headerRef, rowMapRef, footerRef, table, rowVirt
 	const meta = table.options.meta;
 	const rowHeight = meta?.rowHeight ?? "short";
 	const focusedCell = meta?.focusedCell ?? null;
-	const onGridContextMenu = React$24.useCallback((event) => {
+	const onGridContextMenu = React$26.useCallback((event) => {
 		event.preventDefault();
 	}, []);
-	const onAddRowKeyDown = React$24.useCallback(async (event) => {
+	const onAddRowKeyDown = React$26.useCallback(async (event) => {
 		if (!onRowAdd) return;
 		if (event.key === "Enter" || event.key === "") {
 			event.preventDefault();
@@ -2798,20 +2806,20 @@ function DataGridCellWrapper({ cell, table, rowIndex, columnId, isEditing, isFoc
 	const rowOriginal = cell?.row?.original ?? {};
 	const colCellMeta = cell?.column?.columnDef?.meta;
 	const align = colCellMeta?.align ?? "left";
-	const editableResolver = React$23.useMemo(() => {
+	const editableResolver = React$25.useMemo(() => {
 		const v = colCellMeta?.editable;
 		if (v === void 0) return () => true;
 		return typeof v === "function" ? v : () => Boolean(v);
 	}, [colCellMeta?.editable]);
 	const isEditable = editableResolver(rowOriginal);
-	const classNameResolver = React$23.useMemo(() => {
+	const classNameResolver = React$25.useMemo(() => {
 		const v = colCellMeta?.className;
 		return typeof v === "function" ? v : () => v;
 	}, [colCellMeta?.className]);
 	const colCellClassName = classNameResolver(rowOriginal);
 	const isSearchMatch = meta?.getIsSearchMatch?.(rowIndex, columnId) ?? false;
 	const isActiveSearchMatch = meta?.getIsActiveSearchMatch?.(rowIndex, columnId) ?? false;
-	const onClick = React$23.useCallback((event) => {
+	const onClick = React$25.useCallback((event) => {
 		if (!isEditing) {
 			event.preventDefault();
 			onClickProp?.(event);
@@ -2828,7 +2836,7 @@ function DataGridCellWrapper({ cell, table, rowIndex, columnId, isEditing, isFoc
 		onClickProp,
 		isEditable
 	]);
-	const onContextMenu = React$23.useCallback((event) => {
+	const onContextMenu = React$25.useCallback((event) => {
 		if (!isEditing) meta?.onCellContextMenu?.(rowIndex, columnId, event);
 	}, [
 		meta,
@@ -2836,7 +2844,7 @@ function DataGridCellWrapper({ cell, table, rowIndex, columnId, isEditing, isFoc
 		columnId,
 		isEditing
 	]);
-	const onMouseDown = React$23.useCallback((event) => {
+	const onMouseDown = React$25.useCallback((event) => {
 		if (!isEditing) meta?.onCellMouseDown?.(rowIndex, columnId, event);
 	}, [
 		meta,
@@ -2844,7 +2852,7 @@ function DataGridCellWrapper({ cell, table, rowIndex, columnId, isEditing, isFoc
 		columnId,
 		isEditing
 	]);
-	const onMouseEnter = React$23.useCallback((event) => {
+	const onMouseEnter = React$25.useCallback((event) => {
 		if (!isEditing) meta?.onCellMouseEnter?.(rowIndex, columnId, event);
 	}, [
 		meta,
@@ -2852,10 +2860,10 @@ function DataGridCellWrapper({ cell, table, rowIndex, columnId, isEditing, isFoc
 		columnId,
 		isEditing
 	]);
-	const onMouseUp = React$23.useCallback(() => {
+	const onMouseUp = React$25.useCallback(() => {
 		if (!isEditing) meta?.onCellMouseUp?.();
 	}, [meta, isEditing]);
-	const onDoubleClick = React$23.useCallback((event) => {
+	const onDoubleClick = React$25.useCallback((event) => {
 		if (!isEditing) {
 			event.preventDefault();
 			if (isEditable) meta?.onCellDoubleClick?.(rowIndex, columnId);
@@ -2867,7 +2875,7 @@ function DataGridCellWrapper({ cell, table, rowIndex, columnId, isEditing, isFoc
 		isEditing,
 		isEditable
 	]);
-	const onKeyDown = React$23.useCallback((event) => {
+	const onKeyDown = React$25.useCallback((event) => {
 		onKeyDownProp?.(event);
 		if (event.defaultPrevented) return;
 		if (event.key === "ArrowUp" || event.key === "ArrowDown" || event.key === "ArrowLeft" || event.key === "ArrowRight" || event.key === "Home" || event.key === "End" || event.key === "PageUp" || event.key === "PageDown" || event.key === "Tab") return;
@@ -2937,17 +2945,17 @@ function DataGridCellWrapper({ cell, table, rowIndex, columnId, isEditing, isFoc
 //#region src/data-grid/cell-variants/checkbox-cell.tsx
 function CheckboxCell({ cell, table, rowIndex, columnId, isFocused, isSelected }) {
 	const initialValue = cell.getValue();
-	const [value, setValue] = React$22.useState(Boolean(initialValue));
-	const containerRef = React$22.useRef(null);
+	const [value, setValue] = React$24.useState(Boolean(initialValue));
+	const containerRef = React$24.useRef(null);
 	const meta = table.options.meta;
 	const colMeta = cell.column.columnDef.meta;
-	const editableResolver = React$22.useMemo(() => {
+	const editableResolver = React$24.useMemo(() => {
 		const v = colMeta?.editable;
 		if (v === void 0) return () => true;
 		return typeof v === "function" ? v : () => Boolean(v);
 	}, [colMeta?.editable]);
 	const isEditable = editableResolver(cell.row.original);
-	const onCheckedChange = React$22.useCallback((checked) => {
+	const onCheckedChange = React$24.useCallback((checked) => {
 		setValue(checked);
 		meta?.onDataUpdate?.({
 			rowIndex,
@@ -2959,7 +2967,7 @@ function CheckboxCell({ cell, table, rowIndex, columnId, isFocused, isSelected }
 		rowIndex,
 		columnId
 	]);
-	const onWrapperKeyDown = React$22.useCallback((event) => {
+	const onWrapperKeyDown = React$24.useCallback((event) => {
 		if (!isEditable) return;
 		if (isFocused && (event.key === "" || event.key === "Enter")) {
 			event.preventDefault();
@@ -2972,17 +2980,17 @@ function CheckboxCell({ cell, table, rowIndex, columnId, isFocused, isSelected }
 		onCheckedChange,
 		isEditable
 	]);
-	React$22.useEffect(() => {
+	React$24.useEffect(() => {
 		setValue(Boolean(initialValue));
 	}, [initialValue]);
-	React$22.useEffect(() => {
+	React$24.useEffect(() => {
 		if (isFocused && !meta?.searchOpen && !meta?.isScrolling && containerRef.current) containerRef.current.focus();
 	}, [
 		isFocused,
 		meta?.searchOpen,
 		meta?.isScrolling
 	]);
-	const onWrapperClick = React$22.useCallback((event) => {
+	const onWrapperClick = React$24.useCallback((event) => {
 		if (!isEditable) return;
 		if (isFocused) {
 			event.preventDefault();
@@ -2995,13 +3003,13 @@ function CheckboxCell({ cell, table, rowIndex, columnId, isFocused, isSelected }
 		onCheckedChange,
 		isEditable
 	]);
-	const onCheckboxClick = React$22.useCallback((event) => {
+	const onCheckboxClick = React$24.useCallback((event) => {
 		event.stopPropagation();
 	}, []);
-	const onCheckboxMouseDown = React$22.useCallback((event) => {
+	const onCheckboxMouseDown = React$24.useCallback((event) => {
 		event.stopPropagation();
 	}, []);
-	const onCheckboxDoubleClick = React$22.useCallback((event) => {
+	const onCheckboxDoubleClick = React$24.useCallback((event) => {
 		event.stopPropagation();
 	}, []);
 	return /* @__PURE__ */ jsx(DataGridCellWrapper, {
@@ -3056,16 +3064,16 @@ function formatDateToISOString(date) {
 }
 function DateCell({ cell, table, rowIndex, columnId, isFocused, isEditing, isSelected }) {
 	const initialValue = cell.getValue();
-	const [value, setValue] = React$21.useState(parseToLocalDate(initialValue));
-	const [open, setOpen] = React$21.useState(false);
-	const containerRef = React$21.useRef(null);
+	const [value, setValue] = React$23.useState(parseToLocalDate(initialValue));
+	const [open, setOpen] = React$23.useState(false);
+	const containerRef = React$23.useRef(null);
 	const meta = table.options.meta;
-	const prevInitialValueRef = React$21.useRef(initialValue);
+	const prevInitialValueRef = React$23.useRef(initialValue);
 	if (initialValue !== prevInitialValueRef.current) {
 		prevInitialValueRef.current = initialValue;
 		setValue(parseToLocalDate(initialValue));
 	}
-	const onDateSelect = React$21.useCallback((date) => {
+	const onDateSelect = React$23.useCallback((date) => {
 		if (!date) return;
 		setValue(date);
 		meta?.onDataUpdate?.({
@@ -3080,11 +3088,11 @@ function DateCell({ cell, table, rowIndex, columnId, isFocused, isEditing, isSel
 		rowIndex,
 		columnId
 	]);
-	const onOpenChange = React$21.useCallback((isOpen) => {
+	const onOpenChange = React$23.useCallback((isOpen) => {
 		setOpen(isOpen);
 		if (!isOpen && isEditing) meta?.onCellEditingStop?.();
 	}, [isEditing, meta]);
-	const onWrapperKeyDown = React$21.useCallback((event) => {
+	const onWrapperKeyDown = React$23.useCallback((event) => {
 		if (isEditing) {
 			if (event.key === "Escape") {
 				event.preventDefault();
@@ -3101,10 +3109,10 @@ function DateCell({ cell, table, rowIndex, columnId, isFocused, isEditing, isSel
 		initialValue,
 		meta
 	]);
-	React$21.useEffect(() => {
+	React$23.useEffect(() => {
 		setOpen(isEditing);
 	}, [isEditing]);
-	React$21.useEffect(() => {
+	React$23.useEffect(() => {
 		if (isFocused && !isEditing && !meta?.searchOpen && !meta?.isScrolling && containerRef.current) containerRef.current.focus();
 	}, [
 		isFocused,
@@ -3156,7 +3164,7 @@ function DateCell({ cell, table, rowIndex, columnId, isFocused, isEditing, isSel
 //#region src/data-grid/cell-variants/gantt-cell.tsx
 function GanttCell({ cell, table, rowIndex, columnId, isFocused, isEditing, isSelected }) {
 	const initialValue = cell.getValue();
-	const containerRef = React$20.useRef(null);
+	const containerRef = React$22.useRef(null);
 	const cellOpts = cell.column.columnDef.meta?.cell;
 	const ts = cellOpts?.dateRangeFrom ?? cellOpts?.timelineStart;
 	const te = cellOpts?.dateRangeTo ?? cellOpts?.timelineEnd;
@@ -3215,13 +3223,13 @@ function Textarea({ className, variant, __e2e_test_id__,...props }) {
 //#region src/data-grid/cell-variants/long-text-cell.tsx
 function LongTextCell({ cell, table, rowIndex, columnId, isFocused, isEditing, isSelected }) {
 	const initialValue = cell.getValue();
-	const [value, setValue] = React$19.useState(initialValue ?? "");
-	const [open, setOpen] = React$19.useState(false);
-	const textareaRef = React$19.useRef(null);
-	const containerRef = React$19.useRef(null);
+	const [value, setValue] = React$21.useState(initialValue ?? "");
+	const [open, setOpen] = React$21.useState(false);
+	const textareaRef = React$21.useRef(null);
+	const containerRef = React$21.useRef(null);
 	const meta = table.options.meta;
 	const sideOffset = -(containerRef.current?.clientHeight ?? 0);
-	const prevInitialValueRef = React$19.useRef(initialValue);
+	const prevInitialValueRef = React$21.useRef(initialValue);
 	if (initialValue !== prevInitialValueRef.current) {
 		prevInitialValueRef.current = initialValue;
 		setValue(initialValue ?? "");
@@ -3233,7 +3241,7 @@ function LongTextCell({ cell, table, rowIndex, columnId, isFocused, isEditing, i
 			value: newValue
 		});
 	}, 300);
-	const onSave = React$19.useCallback(() => {
+	const onSave = React$21.useCallback(() => {
 		if (value !== initialValue) meta?.onDataUpdate?.({
 			rowIndex,
 			columnId,
@@ -3248,7 +3256,7 @@ function LongTextCell({ cell, table, rowIndex, columnId, isFocused, isEditing, i
 		rowIndex,
 		columnId
 	]);
-	const onCancel = React$19.useCallback(() => {
+	const onCancel = React$21.useCallback(() => {
 		setValue(initialValue ?? "");
 		meta?.onDataUpdate?.({
 			rowIndex,
@@ -3263,12 +3271,12 @@ function LongTextCell({ cell, table, rowIndex, columnId, isFocused, isEditing, i
 		rowIndex,
 		columnId
 	]);
-	const onChange = React$19.useCallback((event) => {
+	const onChange = React$21.useCallback((event) => {
 		const newValue = event.target.value;
 		setValue(newValue);
 		debouncedSave(newValue);
 	}, [debouncedSave]);
-	const onOpenChange = React$19.useCallback((isOpen) => {
+	const onOpenChange = React$21.useCallback((isOpen) => {
 		setOpen(isOpen);
 		if (!isOpen) {
 			if (value !== initialValue) meta?.onDataUpdate?.({
@@ -3285,7 +3293,7 @@ function LongTextCell({ cell, table, rowIndex, columnId, isFocused, isEditing, i
 		rowIndex,
 		columnId
 	]);
-	const onOpenAutoFocus = React$19.useCallback((event) => {
+	const onOpenAutoFocus = React$21.useCallback((event) => {
 		event.preventDefault();
 		if (textareaRef.current) {
 			textareaRef.current.focus();
@@ -3293,7 +3301,7 @@ function LongTextCell({ cell, table, rowIndex, columnId, isFocused, isEditing, i
 			textareaRef.current.setSelectionRange(length, length);
 		}
 	}, []);
-	const onWrapperKeyDown = React$19.useCallback((event) => {
+	const onWrapperKeyDown = React$21.useCallback((event) => {
 		if (isEditing && !open) {
 			if (event.key === "Escape") {
 				event.preventDefault();
@@ -3317,7 +3325,7 @@ function LongTextCell({ cell, table, rowIndex, columnId, isFocused, isEditing, i
 		rowIndex,
 		columnId
 	]);
-	const onTextareaKeyDown = React$19.useCallback((event) => {
+	const onTextareaKeyDown = React$21.useCallback((event) => {
 		if (event.key === "Escape") {
 			event.preventDefault();
 			onCancel();
@@ -3327,7 +3335,7 @@ function LongTextCell({ cell, table, rowIndex, columnId, isFocused, isEditing, i
 		}
 		event.stopPropagation();
 	}, [onCancel, onSave]);
-	const onTextareaBlur = React$19.useCallback(() => {
+	const onTextareaBlur = React$21.useCallback(() => {
 		if (value !== initialValue) meta?.onDataUpdate?.({
 			rowIndex,
 			columnId,
@@ -3342,7 +3350,7 @@ function LongTextCell({ cell, table, rowIndex, columnId, isFocused, isEditing, i
 		rowIndex,
 		columnId
 	]);
-	React$19.useEffect(() => {
+	React$21.useEffect(() => {
 		if (isEditing && !open) setOpen(true);
 		if (isFocused && !isEditing && !meta?.searchOpen && !meta?.isScrolling && containerRef.current) containerRef.current.focus();
 	}, [
@@ -3395,14 +3403,14 @@ function LongTextCell({ cell, table, rowIndex, columnId, isFocused, isEditing, i
 //#endregion
 //#region src/data-grid/cell-variants/multi-select-cell.tsx
 function MultiSelectCell({ cell, table, rowIndex, columnId, isFocused, isEditing, isSelected }) {
-	const cellValue = React$18.useMemo(() => cell.getValue() ?? [], [cell]);
+	const cellValue = React$20.useMemo(() => cell.getValue() ?? [], [cell]);
 	const cellId = `${rowIndex}-${columnId}`;
-	const prevCellIdRef = React$18.useRef(cellId);
-	const [selectedValues, setSelectedValues] = React$18.useState(cellValue);
-	const [open, setOpen] = React$18.useState(false);
-	const [searchValue, setSearchValue] = React$18.useState("");
-	const containerRef = React$18.useRef(null);
-	const inputRef = React$18.useRef(null);
+	const prevCellIdRef = React$20.useRef(cellId);
+	const [selectedValues, setSelectedValues] = React$20.useState(cellValue);
+	const [open, setOpen] = React$20.useState(false);
+	const [searchValue, setSearchValue] = React$20.useState("");
+	const containerRef = React$20.useRef(null);
+	const inputRef = React$20.useRef(null);
 	const meta = table.options.meta;
 	const cellOpts = cell.column.columnDef.meta?.cell;
 	const options = cellOpts?.variant === "multi-select" ? cellOpts.options : [];
@@ -3413,7 +3421,7 @@ function MultiSelectCell({ cell, table, rowIndex, columnId, isFocused, isEditing
 		setOpen(false);
 		setSearchValue("");
 	}
-	const onValueChange = React$18.useCallback((value) => {
+	const onValueChange = React$20.useCallback((value) => {
 		const newValues = selectedValues.includes(value) ? selectedValues.filter((v) => v !== value) : [...selectedValues, value];
 		setSelectedValues(newValues);
 		meta?.onDataUpdate?.({
@@ -3429,7 +3437,7 @@ function MultiSelectCell({ cell, table, rowIndex, columnId, isFocused, isEditing
 		rowIndex,
 		columnId
 	]);
-	const removeValue = React$18.useCallback((valueToRemove, event) => {
+	const removeValue = React$20.useCallback((valueToRemove, event) => {
 		event?.stopPropagation();
 		event?.preventDefault();
 		const newValues = selectedValues.filter((v) => v !== valueToRemove);
@@ -3446,7 +3454,7 @@ function MultiSelectCell({ cell, table, rowIndex, columnId, isFocused, isEditing
 		rowIndex,
 		columnId
 	]);
-	const clearAll = React$18.useCallback(() => {
+	const clearAll = React$20.useCallback(() => {
 		setSelectedValues([]);
 		meta?.onDataUpdate?.({
 			rowIndex,
@@ -3459,18 +3467,18 @@ function MultiSelectCell({ cell, table, rowIndex, columnId, isFocused, isEditing
 		rowIndex,
 		columnId
 	]);
-	const onOpenChange = React$18.useCallback((isOpen) => {
+	const onOpenChange = React$20.useCallback((isOpen) => {
 		setOpen(isOpen);
 		if (!isOpen) {
 			setSearchValue("");
 			meta?.onCellEditingStop?.();
 		}
 	}, [meta]);
-	const onOpenAutoFocus = React$18.useCallback((event) => {
+	const onOpenAutoFocus = React$20.useCallback((event) => {
 		event.preventDefault();
 		inputRef.current?.focus();
 	}, []);
-	const onWrapperKeyDown = React$18.useCallback((event) => {
+	const onWrapperKeyDown = React$20.useCallback((event) => {
 		if (isEditing) {
 			if (event.key === "Escape") {
 				event.preventDefault();
@@ -3490,7 +3498,7 @@ function MultiSelectCell({ cell, table, rowIndex, columnId, isFocused, isEditing
 		cellValue,
 		meta
 	]);
-	const onInputKeyDown = React$18.useCallback((event) => {
+	const onInputKeyDown = React$20.useCallback((event) => {
 		if (event.key === "Backspace" && searchValue === "" && selectedValues.length > 0) {
 			event.preventDefault();
 			const lastValue = selectedValues.at(-1);
@@ -3502,7 +3510,7 @@ function MultiSelectCell({ cell, table, rowIndex, columnId, isFocused, isEditing
 		selectedValues,
 		removeValue
 	]);
-	React$18.useEffect(() => {
+	React$20.useEffect(() => {
 		if (isEditing && !open) setOpen(true);
 		if (isFocused && !isEditing && !meta?.searchOpen && !meta?.isScrolling && containerRef.current) containerRef.current.focus();
 	}, [
@@ -3512,7 +3520,7 @@ function MultiSelectCell({ cell, table, rowIndex, columnId, isFocused, isEditing
 		meta?.searchOpen,
 		meta?.isScrolling
 	]);
-	React$18.useEffect(() => {
+	React$20.useEffect(() => {
 		if (open && inputRef.current) setTimeout(() => inputRef.current?.focus(), 0);
 	}, [open]);
 	const displayLabels = selectedValues.map((val) => options.find((opt) => opt.value === val)?.label ?? val).filter(Boolean);
@@ -3617,20 +3625,20 @@ function MultiSelectCell({ cell, table, rowIndex, columnId, isFocused, isEditing
 //#region src/data-grid/cell-variants/number-cell.tsx
 function NumberCell({ cell, table, rowIndex, columnId, isFocused, isEditing, isSelected }) {
 	const initialValue = cell.getValue();
-	const inputRef = React$17.useRef(null);
-	const containerRef = React$17.useRef(null);
+	const inputRef = React$19.useRef(null);
+	const containerRef = React$19.useRef(null);
 	const meta = table.options.meta;
 	const colMeta = cell.column.columnDef.meta;
 	const cellOptions = colMeta?.cell;
-	const editableResolver = React$17.useMemo(() => {
+	const editableResolver = React$19.useMemo(() => {
 		const v = colMeta?.editable;
 		if (v === void 0) return () => true;
 		return typeof v === "function" ? v : () => Boolean(v);
 	}, [colMeta?.editable]);
 	const isEditable = editableResolver(cell.row.original);
 	const { min, max, step, prefix = "", suffix = "", fallbackValue = "" } = cellOptions?.variant === "number" ? cellOptions : {};
-	const [editValue, setEditValue] = React$17.useState(initialValue !== null && initialValue !== void 0 ? String(initialValue) : "");
-	const onBlur = React$17.useCallback(() => {
+	const [editValue, setEditValue] = React$19.useState(initialValue !== null && initialValue !== void 0 ? String(initialValue) : "");
+	const onBlur = React$19.useCallback(() => {
 		const numValue = editValue === "" ? null : Number(editValue);
 		if (numValue !== initialValue) meta?.onDataUpdate?.({
 			rowIndex,
@@ -3645,13 +3653,13 @@ function NumberCell({ cell, table, rowIndex, columnId, isFocused, isEditing, isS
 		initialValue,
 		editValue
 	]);
-	const onChange = React$17.useCallback((event) => {
+	const onChange = React$19.useCallback((event) => {
 		setEditValue(event.target.value);
 	}, []);
-	const parseNumValue = React$17.useCallback(() => {
+	const parseNumValue = React$19.useCallback(() => {
 		return editValue === "" ? null : Number(editValue);
 	}, [editValue]);
-	const saveAndStop = React$17.useCallback((options) => {
+	const saveAndStop = React$19.useCallback((options) => {
 		const numValue = parseNumValue();
 		if (numValue !== initialValue) meta?.onDataUpdate?.({
 			rowIndex,
@@ -3666,7 +3674,7 @@ function NumberCell({ cell, table, rowIndex, columnId, isFocused, isEditing, isS
 		rowIndex,
 		columnId
 	]);
-	const handleEditingKeyDown = React$17.useCallback((event) => {
+	const handleEditingKeyDown = React$19.useCallback((event) => {
 		if (event.key === "Enter") {
 			event.preventDefault();
 			saveAndStop({ moveToNextRow: true });
@@ -3679,12 +3687,12 @@ function NumberCell({ cell, table, rowIndex, columnId, isFocused, isEditing, isS
 			inputRef.current?.blur();
 		}
 	}, [saveAndStop, initialValue]);
-	const handleFocusedKeyDown = React$17.useCallback((event) => {
+	const handleFocusedKeyDown = React$19.useCallback((event) => {
 		if (!isEditable) return;
 		if (event.key === "Backspace") setEditValue("");
 		else if (event.key.length === 1 && !event.ctrlKey && !event.metaKey) setEditValue(event.key);
 	}, [isEditable]);
-	const onWrapperKeyDown = React$17.useCallback((event) => {
+	const onWrapperKeyDown = React$19.useCallback((event) => {
 		if (isEditing) handleEditingKeyDown(event);
 		else if (isFocused) handleFocusedKeyDown(event);
 	}, [
@@ -3693,10 +3701,10 @@ function NumberCell({ cell, table, rowIndex, columnId, isFocused, isEditing, isS
 		handleEditingKeyDown,
 		handleFocusedKeyDown
 	]);
-	React$17.useEffect(() => {
+	React$19.useEffect(() => {
 		setEditValue(initialValue !== null && initialValue !== void 0 ? String(initialValue) : "");
 	}, [initialValue]);
-	React$17.useEffect(() => {
+	React$19.useEffect(() => {
 		if (isEditing && inputRef.current) {
 			inputRef.current.focus();
 			inputRef.current.select();
@@ -3744,7 +3752,7 @@ function NumberCell({ cell, table, rowIndex, columnId, isFocused, isEditing, isS
 //#region src/data-grid/cell-variants/react-node-cell.tsx
 function ReactNodeCell({ cell, table, rowIndex, columnId, isFocused, isSelected }) {
 	const children = cell.getValue();
-	const containerRef = React$16.useRef(null);
+	const containerRef = React$18.useRef(null);
 	return /* @__PURE__ */ jsx(DataGridCellWrapper, {
 		ref: containerRef,
 		cell,
@@ -3763,16 +3771,16 @@ function ReactNodeCell({ cell, table, rowIndex, columnId, isFocused, isSelected
 //#region src/data-grid/cell-variants/select-cell.tsx
 function SelectCell({ cell, table, rowIndex, columnId, isFocused, isEditing, isSelected }) {
 	const initialValue = cell.getValue();
-	const [value, setValue] = React$15.useState(initialValue);
-	const [open, setOpen] = React$15.useState(false);
-	const containerRef = React$15.useRef(null);
-	const inputRef = React$15.useRef(null);
+	const [value, setValue] = React$17.useState(initialValue);
+	const [open, setOpen] = React$17.useState(false);
+	const containerRef = React$17.useRef(null);
+	const inputRef = React$17.useRef(null);
 	const meta = table.options.meta;
 	const cellOpts = cell.column.columnDef.meta?.cell;
 	const options = cellOpts?.variant === "select" ? cellOpts.options : [];
 	const hasSearch = (cellOpts?.variant === "select" && cellOpts?.hasSearch) ?? false;
 	const sideOffset = -(inputRef.current?.clientHeight ?? 0);
-	const onValueChange = React$15.useCallback((newValue) => {
+	const onValueChange = React$17.useCallback((newValue) => {
 		setValue(newValue);
 		meta?.onDataUpdate?.({
 			rowIndex,
@@ -3785,15 +3793,15 @@ function SelectCell({ cell, table, rowIndex, columnId, isFocused, isEditing, isS
 		rowIndex,
 		columnId
 	]);
-	const onOpenChange = React$15.useCallback((isOpen) => {
+	const onOpenChange = React$17.useCallback((isOpen) => {
 		setOpen(isOpen);
 		if (!isOpen) meta?.onCellEditingStop?.();
 	}, [meta]);
-	const onOpenAutoFocus = React$15.useCallback((event) => {
+	const onOpenAutoFocus = React$17.useCallback((event) => {
 		event.preventDefault();
 		inputRef.current?.focus();
 	}, []);
-	const onWrapperKeyDown = React$15.useCallback((event) => {
+	const onWrapperKeyDown = React$17.useCallback((event) => {
 		if (isEditing) {
 			if (event.key === "Escape") {
 				event.preventDefault();
@@ -3811,10 +3819,10 @@ function SelectCell({ cell, table, rowIndex, columnId, isFocused, isEditing, isS
 		initialValue,
 		meta
 	]);
-	React$15.useEffect(() => {
+	React$17.useEffect(() => {
 		setValue(initialValue);
 	}, [initialValue]);
-	React$15.useEffect(() => {
+	React$17.useEffect(() => {
 		if (isEditing && !open) setOpen(true);
 		if (isFocused && !isEditing && !meta?.searchOpen && !meta?.isScrolling && containerRef.current) containerRef.current.focus();
 	}, [
@@ -3899,18 +3907,18 @@ function SelectCell({ cell, table, rowIndex, columnId, isFocused, isEditing, isS
 //#region src/data-grid/cell-variants/short-text-cell.tsx
 function ShortTextCell({ cell, table, rowIndex, columnId, isEditing, isFocused, isSelected }) {
 	const initialValue = cell.getValue();
-	const [value, setValue] = React$14.useState(initialValue);
-	const inputRef = React$14.useRef(null);
-	const containerRef = React$14.useRef(null);
+	const [value, setValue] = React$16.useState(initialValue);
+	const inputRef = React$16.useRef(null);
+	const containerRef = React$16.useRef(null);
 	const meta = table.options.meta;
 	const colMeta = cell.column.columnDef.meta;
-	const editableResolver = React$14.useMemo(() => {
+	const editableResolver = React$16.useMemo(() => {
 		const v = colMeta?.editable;
 		if (v === void 0) return () => true;
 		return typeof v === "function" ? v : () => Boolean(v);
 	}, [colMeta?.editable]);
 	const isEditable = editableResolver(cell.row.original);
-	const onBlur = React$14.useCallback(() => {
+	const onBlur = React$16.useCallback(() => {
 		const currentValue = inputRef.current?.value ?? "";
 		if (currentValue !== initialValue) meta?.onDataUpdate?.({
 			rowIndex,
@@ -3924,10 +3932,10 @@ function ShortTextCell({ cell, table, rowIndex, columnId, isEditing, isFocused,
 		columnId,
 		initialValue
 	]);
-	const onChange = React$14.useCallback((event) => {
+	const onChange = React$16.useCallback((event) => {
 		setValue(event.target.value);
 	}, []);
-	const handleEditingKeyDown = React$14.useCallback((event) => {
+	const handleEditingKeyDown = React$16.useCallback((event) => {
 		if (event.key === "Enter") {
 			event.preventDefault();
 			const currentValue = inputRef.current?.value ?? "";
@@ -3957,13 +3965,13 @@ function ShortTextCell({ cell, table, rowIndex, columnId, isEditing, isFocused,
 		rowIndex,
 		columnId
 	]);
-	const handleFocusedKeyDown = React$14.useCallback((event) => {
+	const handleFocusedKeyDown = React$16.useCallback((event) => {
 		if (event.key.length === 1 && !event.ctrlKey && !event.metaKey) {
 			if (!isEditable) return;
 			setValue(event.key);
 		}
 	}, [isEditable]);
-	const onWrapperKeyDown = React$14.useCallback((event) => {
+	const onWrapperKeyDown = React$16.useCallback((event) => {
 		if (isEditing) handleEditingKeyDown(event);
 		else if (isFocused) handleFocusedKeyDown(event);
 	}, [
@@ -3972,10 +3980,10 @@ function ShortTextCell({ cell, table, rowIndex, columnId, isEditing, isFocused,
 		handleEditingKeyDown,
 		handleFocusedKeyDown
 	]);
-	React$14.useEffect(() => {
+	React$16.useEffect(() => {
 		setValue(initialValue);
 	}, [initialValue]);
-	React$14.useEffect(() => {
+	React$16.useEffect(() => {
 		if (isEditing && inputRef.current) {
 			inputRef.current.focus();
 			inputRef.current.setSelectionRange(inputRef.current.value.length, inputRef.current.value.length);
@@ -4123,16 +4131,16 @@ function DataGridCell({ cell, table }) {
 //#endregion
 //#region src/data-grid/data-grid-view-menu.tsx
 function DataGridViewMenu({ table,...props }) {
-	const viewableColumns = React$13.useMemo(() => table.getAllColumns().filter((column) => typeof column.accessorFn !== "undefined"), [table]);
-	const [order, setOrder] = React$13.useState(() => {
+	const viewableColumns = React$15.useMemo(() => table.getAllColumns().filter((column) => typeof column.accessorFn !== "undefined"), [table]);
+	const [order, setOrder] = React$15.useState(() => {
 		const stateOrder = table.getState().columnOrder ?? [];
 		if (stateOrder && stateOrder.length > 0) return stateOrder;
 		return table.getAllColumns().map((c) => c.id);
 	});
-	const [searchQuery, setSearchQuery] = React$13.useState("");
-	const [isDragging, setIsDragging] = React$13.useState(false);
-	const [insertionIndex, setInsertionIndex] = React$13.useState(null);
-	React$13.useEffect(() => {
+	const [searchQuery, setSearchQuery] = React$15.useState("");
+	const [isDragging, setIsDragging] = React$15.useState(false);
+	const [insertionIndex, setInsertionIndex] = React$15.useState(null);
+	React$15.useEffect(() => {
 		const stateOrder = table.getState().columnOrder ?? [];
 		if (stateOrder && stateOrder.length > 0) {
 			setOrder(stateOrder);
@@ -4140,8 +4148,8 @@ function DataGridViewMenu({ table,...props }) {
 		}
 		setOrder(table.getAllColumns().map((c) => c.id));
 	}, [table]);
-	const visibleSet = React$13.useMemo(() => new Set(viewableColumns.map((c) => c.id)), [viewableColumns]);
-	const orderedColumns = React$13.useMemo(() => {
+	const visibleSet = React$15.useMemo(() => new Set(viewableColumns.map((c) => c.id)), [viewableColumns]);
+	const orderedColumns = React$15.useMemo(() => {
 		const ordered = [];
 		for (const id of order) {
 			const col = viewableColumns.find((c) => c.id === id);
@@ -4154,12 +4162,12 @@ function DataGridViewMenu({ table,...props }) {
 		viewableColumns,
 		table
 	]);
-	const draggingRef = React$13.useRef(null);
-	const groupRef = React$13.useRef(null);
-	const getBaseOrder = React$13.useCallback(() => {
+	const draggingRef = React$15.useRef(null);
+	const groupRef = React$15.useRef(null);
+	const getBaseOrder = React$15.useCallback(() => {
 		return table.getState().columnOrder && table.getState().columnOrder.length ? table.getState().columnOrder.slice() : table.getAllColumns().map((c) => c.id);
 	}, [table]);
-	const computeInsertionIndex = React$13.useCallback((clientY) => {
+	const computeInsertionIndex = React$15.useCallback((clientY) => {
 		const baseOrder = getBaseOrder();
 		const el = groupRef.current;
 		if (!el) return baseOrder.length;
@@ -4181,7 +4189,7 @@ function DataGridViewMenu({ table,...props }) {
 		setIsDragging(false);
 		setInsertionIndex(null);
 	}
-	const doDrop = React$13.useCallback((dragId, toIndex) => {
+	const doDrop = React$15.useCallback((dragId, toIndex) => {
 		const baseOrder = table.getState().columnOrder && table.getState().columnOrder.length ? table.getState().columnOrder.slice() : table.getAllColumns().map((c) => c.id);
 		const fromIndex = baseOrder.indexOf(dragId);
 		if (fromIndex === -1) {
@@ -4198,7 +4206,7 @@ function DataGridViewMenu({ table,...props }) {
 		setOrder(copy.filter((id) => visibleSet.has(id)));
 		onDragEnd();
 	}, [table, visibleSet]);
-	const startPointerDrag = React$13.useCallback((e, id) => {
+	const startPointerDrag = React$15.useCallback((e, id) => {
 		e.preventDefault();
 		draggingRef.current = id;
 		setIsDragging(true);
@@ -4208,8 +4216,8 @@ function DataGridViewMenu({ table,...props }) {
 			setInsertionIndex(idx);
 		};
 		const onUp = (ev) => {
-			window.removeEventListener("pointermove", onMove);
-			window.removeEventListener("pointerup", onUp);
+			globalThis.removeEventListener("pointermove", onMove);
+			globalThis.removeEventListener("pointerup", onUp);
 			const dragId = draggingRef.current;
 			const toIndex = computeInsertionIndex(ev.clientY);
 			if (dragId) doDrop(dragId, toIndex);
@@ -4217,8 +4225,8 @@ function DataGridViewMenu({ table,...props }) {
 			setIsDragging(false);
 			setInsertionIndex(null);
 		};
-		window.addEventListener("pointermove", onMove);
-		window.addEventListener("pointerup", onUp);
+		globalThis.addEventListener("pointermove", onMove);
+		globalThis.addEventListener("pointerup", onUp);
 	}, [computeInsertionIndex, doDrop]);
 	function insertionWouldBeNoOp(targetIndex) {
 		if (targetIndex === null) return false;
@@ -4231,7 +4239,7 @@ function DataGridViewMenu({ table,...props }) {
 		if (fromIndex < targetIndex) insertAt = targetIndex - 1;
 		return insertAt === fromIndex;
 	}
-	const dragFromHandle = React$13.useRef(false);
+	const dragFromHandle = React$15.useRef(false);
 	function resetTableView() {
 		const defaultOrder = table.getAllColumns().map((c) => c.id);
 		try {
@@ -4239,7 +4247,7 @@ function DataGridViewMenu({ table,...props }) {
 		} finally {
 			try {
 				if (typeof window !== "undefined") {
-					const path = window.location.pathname || "unknown";
+					const path = globalThis.location?.pathname ?? "unknown";
 					const prefix = `pxl.dataGrid:${path}:`;
 					const keys = [];
 					for (let i = 0; i < localStorage.length; i++) {
@@ -4278,7 +4286,7 @@ function DataGridViewMenu({ table,...props }) {
 					const currentBase = table.getState().columnOrder && table.getState().columnOrder.length ? table.getState().columnOrder.slice() : table.getAllColumns().map((c) => c.id);
 					const pos = currentBase.indexOf(column.id);
 					const isHideable = column.getCanHide();
-					return /* @__PURE__ */ jsxs(React$13.Fragment, { children: [/* @__PURE__ */ jsxs(CommandItem, {
+					return /* @__PURE__ */ jsxs(React$15.Fragment, { children: [/* @__PURE__ */ jsxs(CommandItem, {
 						value: column.id,
 						"data-col-id": column.id,
 						className: cn("flex items-center gap-2 px-2 py-1 rounded", !isDragging ? "data-[selected=true]:bg-accent" : "data-[selected=true]:bg-transparent cursor-grabbing", draggingRef.current === column.id && isDragging && "bg-accent data-[selected=true]:bg-accent"),
@@ -4338,30 +4346,30 @@ const MIN_COLUMN_SIZE = 60;
 const MAX_COLUMN_SIZE = 800;
 const SEARCH_SHORTCUT_KEY = "f";
 const NON_NAVIGABLE_COLUMN_IDS = ["select", "actions"];
-const useIsomorphicLayoutEffect = typeof window !== "undefined" ? React$12.useLayoutEffect : React$12.useEffect;
+const useIsomorphicLayoutEffect = typeof window !== "undefined" ? React$14.useLayoutEffect : React$14.useEffect;
 function useLazyRef(fn) {
-	const ref = React$12.useRef(null);
+	const ref = React$14.useRef(null);
 	if (ref.current === null) ref.current = fn();
 	return ref;
 }
 function useAsRef(data) {
-	const ref = React$12.useRef(data);
+	const ref = React$14.useRef(data);
 	useIsomorphicLayoutEffect(() => {
 		ref.current = data;
 	});
 	return ref;
 }
 function useStore(store, selector) {
-	const getSnapshot = React$12.useCallback(() => selector(store.getState()), [store, selector]);
-	return React$12.useSyncExternalStore(store.subscribe, getSnapshot, getSnapshot);
+	const getSnapshot = React$14.useCallback(() => selector(store.getState()), [store, selector]);
+	return React$14.useSyncExternalStore(store.subscribe, getSnapshot, getSnapshot);
 }
 function useDataGrid({ columns, data, onDataChange, onRowAdd: onRowAddProp, onRowsDelete: onRowsDeleteProp, onCellFocus: onCellFocusProp, rowHeight: rowHeightProp = DEFAULT_ROW_HEIGHT, overscan = OVERSCAN, initialState, autoFocus = false, enableColumnSelection = false, enableSearch = false,...dataGridProps }) {
-	const dataGridRef = React$12.useRef(null);
-	const tableRef = React$12.useRef(null);
-	const rowVirtualizerRef = React$12.useRef(null);
-	const headerRef = React$12.useRef(null);
-	const rowMapRef = React$12.useRef(new Map());
-	const footerRef = React$12.useRef(null);
+	const dataGridRef = React$14.useRef(null);
+	const tableRef = React$14.useRef(null);
+	const rowVirtualizerRef = React$14.useRef(null);
+	const headerRef = React$14.useRef(null);
+	const rowMapRef = React$14.useRef(new Map());
+	const footerRef = React$14.useRef(null);
 	const dataGridPropsRef = useAsRef(dataGridProps);
 	const listenersRef = useLazyRef(() => new Set());
 	const stateRef = useLazyRef(() => {
@@ -4389,7 +4397,7 @@ function useDataGrid({ columns, data, onDataChange, onRowAdd: onRowAddProp, onRo
 			isScrolling: false
 		};
 	});
-	const store = React$12.useMemo(() => {
+	const store = React$14.useMemo(() => {
 		let isBatching = false;
 		let pendingNotification = false;
 		return {
@@ -4433,7 +4441,7 @@ function useDataGrid({ columns, data, onDataChange, onRowAdd: onRowAddProp, onRo
 			}
 		};
 	}, [listenersRef, stateRef]);
-	React$12.useEffect(() => {
+	React$14.useEffect(() => {
 		store.setState("rowHeight", rowHeightProp);
 	}, [rowHeightProp, store]);
 	const focusedCell = useStore(store, (state) => state.focusedCell);
@@ -4449,20 +4457,20 @@ function useDataGrid({ columns, data, onDataChange, onRowAdd: onRowAddProp, onRo
 	const rowHeight = useStore(store, (state) => state.rowHeight);
 	const isScrolling = useStore(store, (state) => state.isScrolling);
 	const rowHeightValue = getRowHeightValue(rowHeight);
-	const columnIds = React$12.useMemo(() => {
+	const columnIds = React$14.useMemo(() => {
 		return columns.map((c) => {
 			if (c.id) return c.id;
 			if ("accessorKey" in c) return c.accessorKey;
 			return void 0;
 		}).filter((id) => Boolean(id));
 	}, [columns]);
-	const storageKey = React$12.useMemo(() => {
+	const storageKey = React$14.useMemo(() => {
 		if (typeof window === "undefined") return void 0;
-		const path = window.location.pathname || "unknown";
+		const path = globalThis.location?.pathname ?? "unknown";
 		const cols = columnIds.join("|");
 		return `pxl.dataGrid:${path}:${cols}`;
 	}, [columnIds]);
-	const persistedState = React$12.useMemo(() => {
+	const persistedState = React$14.useMemo(() => {
 		if (!storageKey) return void 0;
 		try {
 			const raw = localStorage.getItem(storageKey);
@@ -4473,7 +4481,7 @@ function useDataGrid({ columns, data, onDataChange, onRowAdd: onRowAddProp, onRo
 			return void 0;
 		}
 	}, [storageKey]);
-	const mergedInitialState = React$12.useMemo(() => {
+	const mergedInitialState = React$14.useMemo(() => {
 		const base = { ...initialState ?? {} };
 		if (persistedState) try {
 			if (persistedState.columnOrder) base.columnOrder = persistedState.columnOrder;
@@ -4482,12 +4490,12 @@ function useDataGrid({ columns, data, onDataChange, onRowAdd: onRowAddProp, onRo
 		} catch (_) {}
 		return base;
 	}, [initialState, persistedState]);
-	const getNavigableColumnIds = React$12.useCallback(() => {
+	const getNavigableColumnIds = React$14.useCallback(() => {
 		const t = tableRef.current;
 		if (t) return t.getVisibleLeafColumns().map((c) => c.id).filter((c) => !NON_NAVIGABLE_COLUMN_IDS.includes(c));
 		return columnIds.filter((c) => !NON_NAVIGABLE_COLUMN_IDS.includes(c));
 	}, [columnIds]);
-	const onDataUpdate = React$12.useCallback((updates) => {
+	const onDataUpdate = React$14.useCallback((updates) => {
 		const updateArray = Array.isArray(updates) ? updates : [updates];
 		if (updateArray.length === 0) return;
 		const currentTable = tableRef.current;
@@ -4526,10 +4534,10 @@ function useDataGrid({ columns, data, onDataChange, onRowAdd: onRowAddProp, onRo
 		});
 		onDataChange?.(newData);
 	}, [data, onDataChange]);
-	const getIsCellSelected = React$12.useCallback((rowIndex, columnId) => {
+	const getIsCellSelected = React$14.useCallback((rowIndex, columnId) => {
 		return selectionState.selectedCells.has(getCellKey(rowIndex, columnId));
 	}, [selectionState.selectedCells]);
-	const clearSelection = React$12.useCallback(() => {
+	const clearSelection = React$14.useCallback(() => {
 		store.batch(() => {
 			store.setState("selectionState", {
 				selectedCells: new Set(),
@@ -4539,7 +4547,7 @@ function useDataGrid({ columns, data, onDataChange, onRowAdd: onRowAddProp, onRo
 			store.setState("rowSelection", {});
 		});
 	}, [store]);
-	const selectAll = React$12.useCallback(() => {
+	const selectAll = React$14.useCallback(() => {
 		const allCells = new Set();
 		const currentTable = tableRef.current;
 		const rows = currentTable?.getRowModel().rows ?? [];
@@ -4566,7 +4574,7 @@ function useDataGrid({ columns, data, onDataChange, onRowAdd: onRowAddProp, onRo
 		data.length,
 		store
 	]);
-	const selectColumn = React$12.useCallback((columnId) => {
+	const selectColumn = React$14.useCallback((columnId) => {
 		const currentTable = tableRef.current;
 		const rows = currentTable?.getRowModel().rows ?? [];
 		const rowCount = rows.length ?? data.length;
@@ -4588,7 +4596,7 @@ function useDataGrid({ columns, data, onDataChange, onRowAdd: onRowAddProp, onRo
 			isSelecting: false
 		});
 	}, [data.length, store]);
-	const selectRange = React$12.useCallback((start, end, isSelecting = false) => {
+	const selectRange = React$14.useCallback((start, end, isSelecting = false) => {
 		const visibleCols = getNavigableColumnIds();
 		const startColIndex = visibleCols.indexOf(start.columnId);
 		const endColIndex = visibleCols.indexOf(end.columnId);
@@ -4610,7 +4618,7 @@ function useDataGrid({ columns, data, onDataChange, onRowAdd: onRowAddProp, onRo
 			isSelecting
 		});
 	}, [getNavigableColumnIds, store]);
-	const focusCell = React$12.useCallback((rowIndex, columnId) => {
+	const focusCell = React$14.useCallback((rowIndex, columnId) => {
 		store.batch(() => {
 			store.setState("focusedCell", {
 				rowIndex,
@@ -4626,7 +4634,7 @@ function useDataGrid({ columns, data, onDataChange, onRowAdd: onRowAddProp, onRo
 		if (currentState.searchOpen) return;
 		if (dataGridRef.current && document.activeElement !== dataGridRef.current) dataGridRef.current.focus();
 	}, [store, onCellFocusProp]);
-	const onRowsDelete = React$12.useCallback(async (rowIndices) => {
+	const onRowsDelete = React$14.useCallback(async (rowIndices) => {
 		if (!onRowsDeleteProp || rowIndices.length === 0) return;
 		const currentTable = tableRef.current;
 		const rows = currentTable?.getRowModel().rows;
@@ -4665,7 +4673,7 @@ function useDataGrid({ columns, data, onDataChange, onRowAdd: onRowAddProp, onRo
 		getNavigableColumnIds,
 		focusCell
 	]);
-	const navigateCell = React$12.useCallback((direction) => {
+	const navigateCell = React$14.useCallback((direction) => {
 		const currentState = store.getState();
 		if (!currentState.focusedCell) return;
 		const { rowIndex, columnId } = currentState.focusedCell;
@@ -4791,7 +4799,7 @@ function useDataGrid({ columns, data, onDataChange, onRowAdd: onRowAddProp, onRo
 		data.length,
 		rowHeightValue
 	]);
-	const onCellEditingStart = React$12.useCallback((rowIndex, columnId) => {
+	const onCellEditingStart = React$14.useCallback((rowIndex, columnId) => {
 		store.batch(() => {
 			store.setState("focusedCell", {
 				rowIndex,
@@ -4803,7 +4811,7 @@ function useDataGrid({ columns, data, onDataChange, onRowAdd: onRowAddProp, onRo
 			});
 		});
 	}, [store]);
-	const onCellEditingStop = React$12.useCallback((opts) => {
+	const onCellEditingStop = React$14.useCallback((opts) => {
 		const currentState = store.getState();
 		const currentEditing = currentState.editingCell;
 		store.setState("editingCell", null);
@@ -4829,7 +4837,7 @@ function useDataGrid({ columns, data, onDataChange, onRowAdd: onRowAddProp, onRo
 		focusCell,
 		navigateCell
 	]);
-	const onSearchOpenChange = React$12.useCallback((open) => {
+	const onSearchOpenChange = React$14.useCallback((open) => {
 		if (open) {
 			store.setState("searchOpen", true);
 			return;
@@ -4848,7 +4856,7 @@ function useDataGrid({ columns, data, onDataChange, onRowAdd: onRowAddProp, onRo
 		});
 		if (dataGridRef.current && document.activeElement !== dataGridRef.current) dataGridRef.current.focus();
 	}, [store]);
-	const onSearch = React$12.useCallback((query) => {
+	const onSearch = React$14.useCallback((query) => {
 		if (!query.trim()) {
 			store.batch(() => {
 				store.setState("searchMatches", []);
@@ -4883,8 +4891,8 @@ function useDataGrid({ columns, data, onDataChange, onRowAdd: onRowAddProp, onRo
 			rowVirtualizerRef.current?.scrollToIndex(firstMatch.rowIndex, { align: "center" });
 		}
 	}, [columnIds, store]);
-	const onSearchQueryChange = React$12.useCallback((query) => store.setState("searchQuery", query), [store]);
-	const onNavigateToPrevMatch = React$12.useCallback(() => {
+	const onSearchQueryChange = React$14.useCallback((query) => store.setState("searchQuery", query), [store]);
+	const onNavigateToPrevMatch = React$14.useCallback(() => {
 		const currentState = store.getState();
 		if (currentState.searchMatches.length === 0) return;
 		const prevIndex = currentState.matchIndex - 1 < 0 ? currentState.searchMatches.length - 1 : currentState.matchIndex - 1;
@@ -4899,7 +4907,7 @@ function useDataGrid({ columns, data, onDataChange, onRowAdd: onRowAddProp, onRo
 			});
 		}
 	}, [store, focusCell]);
-	const onNavigateToNextMatch = React$12.useCallback(() => {
+	const onNavigateToNextMatch = React$14.useCallback(() => {
 		const currentState = store.getState();
 		if (currentState.searchMatches.length === 0) return;
 		const nextIndex = (currentState.matchIndex + 1) % currentState.searchMatches.length;
@@ -4914,15 +4922,15 @@ function useDataGrid({ columns, data, onDataChange, onRowAdd: onRowAddProp, onRo
 			});
 		}
 	}, [store, focusCell]);
-	const getIsSearchMatch = React$12.useCallback((rowIndex, columnId) => {
+	const getIsSearchMatch = React$14.useCallback((rowIndex, columnId) => {
 		return searchMatches.some((match) => match.rowIndex === rowIndex && match.columnId === columnId);
 	}, [searchMatches]);
-	const getIsActiveSearchMatch = React$12.useCallback((rowIndex, columnId) => {
+	const getIsActiveSearchMatch = React$14.useCallback((rowIndex, columnId) => {
 		if (matchIndex < 0) return false;
 		const currentMatch = searchMatches[matchIndex];
 		return currentMatch?.rowIndex === rowIndex && currentMatch?.columnId === columnId;
 	}, [searchMatches, matchIndex]);
-	const blurCell = React$12.useCallback(() => {
+	const blurCell = React$14.useCallback(() => {
 		const currentState = store.getState();
 		if (currentState.editingCell && document.activeElement instanceof HTMLElement) document.activeElement.blur();
 		store.batch(() => {
@@ -4930,7 +4938,7 @@ function useDataGrid({ columns, data, onDataChange, onRowAdd: onRowAddProp, onRo
 			store.setState("editingCell", null);
 		});
 	}, [store]);
-	const onCellClick = React$12.useCallback((rowIndex, columnId, event) => {
+	const onCellClick = React$14.useCallback((rowIndex, columnId, event) => {
 		if (event?.button === 2) return;
 		const currentState = store.getState();
 		const currentFocused = currentState.focusedCell;
@@ -4978,11 +4986,11 @@ function useDataGrid({ columns, data, onDataChange, onRowAdd: onRowAddProp, onRo
 		selectRange,
 		clearSelection
 	]);
-	const onCellDoubleClick = React$12.useCallback((rowIndex, columnId, event) => {
+	const onCellDoubleClick = React$14.useCallback((rowIndex, columnId, event) => {
 		if (event?.defaultPrevented) return;
 		onCellEditingStart(rowIndex, columnId);
 	}, [onCellEditingStart]);
-	const onCellMouseDown = React$12.useCallback((rowIndex, columnId, event) => {
+	const onCellMouseDown = React$14.useCallback((rowIndex, columnId, event) => {
 		if (event.button === 2) return;
 		event.preventDefault();
 		if (!event.ctrlKey && !event.metaKey && !event.shiftKey) store.batch(() => {
@@ -5003,7 +5011,7 @@ function useDataGrid({ columns, data, onDataChange, onRowAdd: onRowAddProp, onRo
 			store.setState("rowSelection", {});
 		});
 	}, [store]);
-	const onCellMouseEnter = React$12.useCallback((rowIndex, columnId, _event) => {
+	const onCellMouseEnter = React$14.useCallback((rowIndex, columnId, _event) => {
 		const currentState = store.getState();
 		if (currentState.selectionState.isSelecting && currentState.selectionState.selectionRange) {
 			const start = currentState.selectionState.selectionRange.start;
@@ -5019,14 +5027,14 @@ function useDataGrid({ columns, data, onDataChange, onRowAdd: onRowAddProp, onRo
 		selectRange,
 		focusCell
 	]);
-	const onCellMouseUp = React$12.useCallback(() => {
+	const onCellMouseUp = React$14.useCallback(() => {
 		const currentState = store.getState();
 		store.setState("selectionState", {
 			...currentState.selectionState,
 			isSelecting: false
 		});
 	}, [store]);
-	const onCellContextMenu = React$12.useCallback((rowIndex, columnId, event) => {
+	const onCellContextMenu = React$14.useCallback((rowIndex, columnId, event) => {
 		event.preventDefault();
 		event.stopPropagation();
 		const currentState = store.getState();
@@ -5058,7 +5066,7 @@ function useDataGrid({ columns, data, onDataChange, onRowAdd: onRowAddProp, onRo
 			y: event.clientY
 		});
 	}, [store]);
-	const onContextMenuOpenChange = React$12.useCallback((open) => {
+	const onContextMenuOpenChange = React$14.useCallback((open) => {
 		if (!open) {
 			const currentMenu = store.getState().contextMenu;
 			store.setState("contextMenu", {
@@ -5068,7 +5076,7 @@ function useDataGrid({ columns, data, onDataChange, onRowAdd: onRowAddProp, onRo
 			});
 		}
 	}, [store]);
-	const onDataGridKeyDown = React$12.useCallback((event) => {
+	const onDataGridKeyDown = React$14.useCallback((event) => {
 		const currentState = store.getState();
 		const { key, ctrlKey, metaKey, shiftKey } = event;
 		const isCtrlPressed = ctrlKey || metaKey;
@@ -5216,12 +5224,12 @@ function useDataGrid({ columns, data, onDataChange, onRowAdd: onRowAddProp, onRo
 		onNavigateToPrevMatch,
 		enableSearch
 	]);
-	const onSortingChange = React$12.useCallback((updater) => {
+	const onSortingChange = React$14.useCallback((updater) => {
 		const currentState = store.getState();
 		const newSorting = typeof updater === "function" ? updater(currentState.sorting) : updater;
 		store.setState("sorting", newSorting);
 	}, [store]);
-	const onRowSelectionChange = React$12.useCallback((updater) => {
+	const onRowSelectionChange = React$14.useCallback((updater) => {
 		const currentState = store.getState();
 		const newRowSelection = typeof updater === "function" ? updater(currentState.rowSelection) : updater;
 		const selectedRows = Object.keys(newRowSelection).filter((key) => newRowSelection[key]);
@@ -5243,7 +5251,7 @@ function useDataGrid({ columns, data, onDataChange, onRowAdd: onRowAddProp, onRo
 			store.setState("editingCell", null);
 		});
 	}, [store, columnIds]);
-	const onRowSelect = React$12.useCallback((rowIndex, selected, shiftKey) => {
+	const onRowSelect = React$14.useCallback((rowIndex, selected, shiftKey) => {
 		const currentState = store.getState();
 		const rows = tableRef.current?.getRowModel().rows ?? [];
 		const currentRow = rows[rowIndex];
@@ -5263,12 +5271,12 @@ function useDataGrid({ columns, data, onDataChange, onRowAdd: onRowAddProp, onRo
 		});
 		store.setState("lastClickedRowIndex", rowIndex);
 	}, [store, onRowSelectionChange]);
-	const onRowHeightChange = React$12.useCallback((updater) => {
+	const onRowHeightChange = React$14.useCallback((updater) => {
 		const currentState = store.getState();
 		const newRowHeight = typeof updater === "function" ? updater(currentState.rowHeight) : updater;
 		store.setState("rowHeight", newRowHeight);
 	}, [store]);
-	const onColumnClick = React$12.useCallback((columnId) => {
+	const onColumnClick = React$14.useCallback((columnId) => {
 		if (!enableColumnSelection) {
 			clearSelection();
 			return;
@@ -5279,12 +5287,12 @@ function useDataGrid({ columns, data, onDataChange, onRowAdd: onRowAddProp, onRo
 		selectColumn,
 		clearSelection
 	]);
-	const defaultColumn = React$12.useMemo(() => ({
+	const defaultColumn = React$14.useMemo(() => ({
 		cell: DataGridCell,
 		minSize: MIN_COLUMN_SIZE,
 		maxSize: MAX_COLUMN_SIZE
 	}), []);
-	const tableOptions = React$12.useMemo(() => ({
+	const tableOptions = React$14.useMemo(() => ({
 		...dataGridPropsRef.current,
 		data,
 		columns,
@@ -5367,7 +5375,7 @@ function useDataGrid({ columns, data, onDataChange, onRowAdd: onRowAddProp, onRo
 	const table = useReactTable(tableOptions);
 	if (!tableRef.current) tableRef.current = table;
 	const columnSizing = table.getState().columnSizing;
-	const columnSizeVars = React$12.useMemo(() => {
+	const columnSizeVars = React$14.useMemo(() => {
 		const headers = table.getFlatHeaders();
 		const colSizes = {};
 		for (const header of headers) {
@@ -5400,7 +5408,7 @@ function useDataGrid({ columns, data, onDataChange, onRowAdd: onRowAddProp, onRo
 		}
 	});
 	if (!rowVirtualizerRef.current) rowVirtualizerRef.current = rowVirtualizer;
-	const onScrollToRow = React$12.useCallback((opts) => {
+	const onScrollToRow = React$14.useCallback((opts) => {
 		const rowIndex = opts?.rowIndex ?? 0;
 		const columnId = opts?.columnId;
 		rowVirtualizer.scrollToIndex(rowIndex, { align: "center" });
@@ -5424,7 +5432,7 @@ function useDataGrid({ columns, data, onDataChange, onRowAdd: onRowAddProp, onRo
 		getNavigableColumnIds,
 		store
 	]);
-	const onRowAdd = React$12.useCallback(async (event) => {
+	const onRowAdd = React$14.useCallback(async (event) => {
 		if (!onRowAddProp) return;
 		const result = await onRowAddProp(event);
 		if (event?.defaultPrevented || result === null) return;
@@ -5457,7 +5465,7 @@ function useDataGrid({ columns, data, onDataChange, onRowAdd: onRowAddProp, onRo
 		table.getState().columnVisibility,
 		table.getState().columnPinning
 	]);
-	const searchState = React$12.useMemo(() => {
+	const searchState = React$14.useMemo(() => {
 		if (!enableSearch) return void 0;
 		return {
 			searchMatches,
@@ -5482,7 +5490,7 @@ function useDataGrid({ columns, data, onDataChange, onRowAdd: onRowAddProp, onRo
 		onNavigateToNextMatch,
 		onNavigateToPrevMatch
 	]);
-	React$12.useEffect(() => {
+	React$14.useEffect(() => {
 		const dataGridElement = dataGridRef.current;
 		if (!dataGridElement) return;
 		dataGridElement.addEventListener("keydown", onDataGridKeyDown);
@@ -5490,7 +5498,7 @@ function useDataGrid({ columns, data, onDataChange, onRowAdd: onRowAddProp, onRo
 			dataGridElement.removeEventListener("keydown", onDataGridKeyDown);
 		};
 	}, [onDataGridKeyDown]);
-	React$12.useEffect(() => {
+	React$14.useEffect(() => {
 		function onGlobalKeyDown(event) {
 			const dataGridElement = dataGridRef.current;
 			if (!dataGridElement) return;
@@ -5524,9 +5532,9 @@ function useDataGrid({ columns, data, onDataChange, onRowAdd: onRowAddProp, onRo
 				}
 			}
 		}
-		window.addEventListener("keydown", onGlobalKeyDown, true);
+		globalThis.addEventListener("keydown", onGlobalKeyDown, true);
 		return () => {
-			window.removeEventListener("keydown", onGlobalKeyDown, true);
+			globalThis.removeEventListener("keydown", onGlobalKeyDown, true);
 		};
 	}, [
 		enableSearch,
@@ -5534,7 +5542,7 @@ function useDataGrid({ columns, data, onDataChange, onRowAdd: onRowAddProp, onRo
 		store,
 		clearSelection
 	]);
-	React$12.useEffect(() => {
+	React$14.useEffect(() => {
 		const currentState = store.getState();
 		if (autoFocus && data.length > 0 && columns.length > 0 && !currentState.focusedCell) {
 			const _nav = getNavigableColumnIds();
@@ -5560,7 +5568,7 @@ function useDataGrid({ columns, data, onDataChange, onRowAdd: onRowAddProp, onRo
 		getNavigableColumnIds,
 		focusCell
 	]);
-	React$12.useEffect(() => {
+	React$14.useEffect(() => {
 		function onOutsideClick(event) {
 			if (event.button === 2) return;
 			if (dataGridRef.current && !dataGridRef.current.contains(event.target)) {
@@ -5582,7 +5590,7 @@ function useDataGrid({ columns, data, onDataChange, onRowAdd: onRowAddProp, onRo
 		blurCell,
 		clearSelection
 	]);
-	React$12.useEffect(() => {
+	React$14.useEffect(() => {
 		function onCleanup() {
 			document.removeEventListener("selectstart", preventSelection);
 			document.removeEventListener("contextmenu", preventContextMenu);
@@ -5642,7 +5650,7 @@ function useDataGrid({ columns, data, onDataChange, onRowAdd: onRowAddProp, onRo
 //#endregion
 //#region src/date-picker/date-picker.tsx
 function DatePickerDemo() {
-	const [date, setDate] = React$11.useState();
+	const [date, setDate] = React$13.useState();
 	return /* @__PURE__ */ jsxs(Popover, { children: [/* @__PURE__ */ jsx(PopoverTrigger, {
 		asChild: true,
 		children: /* @__PURE__ */ jsxs(Button, {
@@ -5672,13 +5680,13 @@ Drawer.displayName = "Drawer";
 const DrawerTrigger = Drawer$1.Trigger;
 const DrawerPortal = Drawer$1.Portal;
 const DrawerClose = Drawer$1.Close;
-const DrawerOverlay = React$10.forwardRef(({ className,...props }, ref) => /* @__PURE__ */ jsx(Drawer$1.Overlay, {
+const DrawerOverlay = React$12.forwardRef(({ className,...props }, ref) => /* @__PURE__ */ jsx(Drawer$1.Overlay, {
 	ref,
 	className: cn("fixed inset-0 z-50 bg-black/80", className),
 	...props
 }));
 DrawerOverlay.displayName = Drawer$1.Overlay.displayName;
-const DrawerContent = React$10.forwardRef(({ className, children,...props }, ref) => /* @__PURE__ */ jsxs(DrawerPortal, { children: [/* @__PURE__ */ jsx(DrawerOverlay, {}), /* @__PURE__ */ jsxs(Drawer$1.Content, {
+const DrawerContent = React$12.forwardRef(({ className, children,...props }, ref) => /* @__PURE__ */ jsxs(DrawerPortal, { children: [/* @__PURE__ */ jsx(DrawerOverlay, {}), /* @__PURE__ */ jsxs(Drawer$1.Content, {
 	ref,
 	className: cn("fixed inset-x-0 bottom-0 z-50 mt-24 flex h-auto flex-col rounded-t-[10px] border bg-background", className),
 	...props,
@@ -5695,13 +5703,13 @@ const DrawerFooter = ({ className,...props }) => /* @__PURE__ */ jsx("div", {
 	...props
 });
 DrawerFooter.displayName = "DrawerFooter";
-const DrawerTitle = React$10.forwardRef(({ className,...props }, ref) => /* @__PURE__ */ jsx(Drawer$1.Title, {
+const DrawerTitle = React$12.forwardRef(({ className,...props }, ref) => /* @__PURE__ */ jsx(Drawer$1.Title, {
 	ref,
 	className: cn("text-lg font-semibold leading-none tracking-tight", className),
 	...props
 }));
 DrawerTitle.displayName = Drawer$1.Title.displayName;
-const DrawerDescription = React$10.forwardRef(({ className,...props }, ref) => /* @__PURE__ */ jsx(Drawer$1.Description, {
+const DrawerDescription = React$12.forwardRef(({ className,...props }, ref) => /* @__PURE__ */ jsx(Drawer$1.Description, {
 	ref,
 	className: cn("text-sm text-muted-foreground", className),
 	...props
@@ -5720,7 +5728,7 @@ function Label({ className,...props }) {
 
 //#endregion
 //#region src/separator/separator.tsx
-const Separator = React$9.forwardRef(({ className, orientation = "horizontal", decorative = true,...props }, ref) => /* @__PURE__ */ jsx(SeparatorPrimitive.Root, {
+const Separator = React$11.forwardRef(({ className, orientation = "horizontal", decorative = true,...props }, ref) => /* @__PURE__ */ jsx(SeparatorPrimitive.Root, {
 	ref,
 	decorative,
 	orientation,
@@ -5839,6 +5847,22 @@ function FieldError({ className, children, errors,...props }) {
 	});
 }
 
+//#endregion
+//#region src/hooks/use-is-mobile.ts
+function useIsMobile(mobileBreakpoint = 768) {
+	const [isMobile, setIsMobile] = React$10.useState(false);
+	React$10.useEffect(() => {
+		const mql = globalThis.matchMedia(`(max-width: ${mobileBreakpoint - 1}px)`);
+		const onChange = () => {
+			setIsMobile(globalThis.innerWidth < mobileBreakpoint);
+		};
+		mql.addEventListener("change", onChange);
+		setIsMobile(globalThis.innerWidth < mobileBreakpoint);
+		return () => mql.removeEventListener("change", onChange);
+	}, [mobileBreakpoint]);
+	return isMobile;
+}
+
 //#endregion
 //#region src/mark-value-renderer/mark-value-renderer.tsx
 /**
@@ -5870,32 +5894,32 @@ const MenubarGroup = MenubarPrimitive.Group;
 const MenubarPortal = MenubarPrimitive.Portal;
 const MenubarSub = MenubarPrimitive.Sub;
 const MenubarRadioGroup = MenubarPrimitive.RadioGroup;
-const Menubar = React$8.forwardRef(({ className,...props }, ref) => /* @__PURE__ */ jsx(MenubarPrimitive.Root, {
+const Menubar = React$9.forwardRef(({ className,...props }, ref) => /* @__PURE__ */ jsx(MenubarPrimitive.Root, {
 	ref,
 	className: cn("flex h-9 items-center space-x-1 rounded-md border bg-background p-1 shadow-sm", className),
 	...props
 }));
 Menubar.displayName = MenubarPrimitive.Root.displayName;
-const MenubarTrigger = React$8.forwardRef(({ className,...props }, ref) => /* @__PURE__ */ jsx(MenubarPrimitive.Trigger, {
+const MenubarTrigger = React$9.forwardRef(({ className,...props }, ref) => /* @__PURE__ */ jsx(MenubarPrimitive.Trigger, {
 	ref,
 	className: cn("flex cursor-default select-none items-center rounded-sm px-3 py-1 text-sm font-medium outline-none focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground", className),
 	...props
 }));
 MenubarTrigger.displayName = MenubarPrimitive.Trigger.displayName;
-const MenubarSubTrigger = React$8.forwardRef(({ className, inset, children,...props }, ref) => /* @__PURE__ */ jsxs(MenubarPrimitive.SubTrigger, {
+const MenubarSubTrigger = React$9.forwardRef(({ className, inset, children,...props }, ref) => /* @__PURE__ */ jsxs(MenubarPrimitive.SubTrigger, {
 	ref,
 	className: cn("flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground", inset && "pl-8", className),
 	...props,
 	children: [children, /* @__PURE__ */ jsx(ChevronRightIcon, { className: "ml-auto h-4 w-4" })]
 }));
 MenubarSubTrigger.displayName = MenubarPrimitive.SubTrigger.displayName;
-const MenubarSubContent = React$8.forwardRef(({ className,...props }, ref) => /* @__PURE__ */ jsx(MenubarPrimitive.SubContent, {
+const MenubarSubContent = React$9.forwardRef(({ className,...props }, ref) => /* @__PURE__ */ jsx(MenubarPrimitive.SubContent, {
 	ref,
 	className: cn("z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2", className),
 	...props
 }));
 MenubarSubContent.displayName = MenubarPrimitive.SubContent.displayName;
-const MenubarContent = React$8.forwardRef(({ className, align = "start", alignOffset = -4, sideOffset = 8,...props }, ref) => /* @__PURE__ */ jsx(MenubarPrimitive.Portal, { children: /* @__PURE__ */ jsx(MenubarPrimitive.Content, {
+const MenubarContent = React$9.forwardRef(({ className, align = "start", alignOffset = -4, sideOffset = 8,...props }, ref) => /* @__PURE__ */ jsx(MenubarPrimitive.Portal, { children: /* @__PURE__ */ jsx(MenubarPrimitive.Content, {
 	ref,
 	align,
 	alignOffset,
@@ -5904,13 +5928,13 @@ const MenubarContent = React$8.forwardRef(({ className, align = "start", alignOf
 	...props
 }) }));
 MenubarContent.displayName = MenubarPrimitive.Content.displayName;
-const MenubarItem = React$8.forwardRef(({ className, inset,...props }, ref) => /* @__PURE__ */ jsx(MenubarPrimitive.Item, {
+const MenubarItem = React$9.forwardRef(({ className, inset,...props }, ref) => /* @__PURE__ */ jsx(MenubarPrimitive.Item, {
 	ref,
 	className: cn("relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50", inset && "pl-8", className),
 	...props
 }));
 MenubarItem.displayName = MenubarPrimitive.Item.displayName;
-const MenubarCheckboxItem = React$8.forwardRef(({ className, children, checked,...props }, ref) => /* @__PURE__ */ jsxs(MenubarPrimitive.CheckboxItem, {
+const MenubarCheckboxItem = React$9.forwardRef(({ className, children, checked,...props }, ref) => /* @__PURE__ */ jsxs(MenubarPrimitive.CheckboxItem, {
 	ref,
 	className: cn("relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50", className),
 	checked,
@@ -5921,7 +5945,7 @@ const MenubarCheckboxItem = React$8.forwardRef(({ className, children, checked,.
 	}), children]
 }));
 MenubarCheckboxItem.displayName = MenubarPrimitive.CheckboxItem.displayName;
-const MenubarRadioItem = React$8.forwardRef(({ className, children,...props }, ref) => /* @__PURE__ */ jsxs(MenubarPrimitive.RadioItem, {
+const MenubarRadioItem = React$9.forwardRef(({ className, children,...props }, ref) => /* @__PURE__ */ jsxs(MenubarPrimitive.RadioItem, {
 	ref,
 	className: cn("relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50", className),
 	...props,
@@ -5931,13 +5955,13 @@ const MenubarRadioItem = React$8.forwardRef(({ className, children,...props }, r
 	}), children]
 }));
 MenubarRadioItem.displayName = MenubarPrimitive.RadioItem.displayName;
-const MenubarLabel = React$8.forwardRef(({ className, inset,...props }, ref) => /* @__PURE__ */ jsx(MenubarPrimitive.Label, {
+const MenubarLabel = React$9.forwardRef(({ className, inset,...props }, ref) => /* @__PURE__ */ jsx(MenubarPrimitive.Label, {
 	ref,
 	className: cn("px-2 py-1.5 text-sm font-semibold", inset && "pl-8", className),
 	...props
 }));
 MenubarLabel.displayName = MenubarPrimitive.Label.displayName;
-const MenubarSeparator = React$8.forwardRef(({ className,...props }, ref) => /* @__PURE__ */ jsx(MenubarPrimitive.Separator, {
+const MenubarSeparator = React$9.forwardRef(({ className,...props }, ref) => /* @__PURE__ */ jsx(MenubarPrimitive.Separator, {
 	ref,
 	className: cn("-mx-1 my-1 h-px bg-muted", className),
 	...props
@@ -6074,13 +6098,13 @@ const Pagination = ({ className,...props }) => /* @__PURE__ */ jsx("nav", {
 	...props
 });
 Pagination.displayName = "Pagination";
-const PaginationContent = React$7.forwardRef(({ className,...props }, ref) => /* @__PURE__ */ jsx("ul", {
+const PaginationContent = React$8.forwardRef(({ className,...props }, ref) => /* @__PURE__ */ jsx("ul", {
 	ref,
 	className: cn("flex flex-row items-center gap-1", className),
 	...props
 }));
 PaginationContent.displayName = "PaginationContent";
-const PaginationItem = React$7.forwardRef(({ className,...props }, ref) => /* @__PURE__ */ jsx("li", {
+const PaginationItem = React$8.forwardRef(({ className,...props }, ref) => /* @__PURE__ */ jsx("li", {
 	ref,
 	className: cn("", className),
 	...props
@@ -6202,7 +6226,7 @@ const ResizableHandle = ({ withHandle, className,...props }) => /* @__PURE__ */
 
 //#endregion
 //#region src/scroll-area/scroll-area.tsx
-const ScrollArea = React$6.forwardRef(({ className, children,...props }, ref) => /* @__PURE__ */ jsxs(ScrollAreaPrimitive.Root, {
+const ScrollArea = React$7.forwardRef(({ className, children,...props }, ref) => /* @__PURE__ */ jsxs(ScrollAreaPrimitive.Root, {
 	ref,
 	className: cn("relative overflow-hidden", className),
 	...props,
@@ -6216,7 +6240,7 @@ const ScrollArea = React$6.forwardRef(({ className, children,...props }, ref) =>
 	]
 }));
 ScrollArea.displayName = ScrollAreaPrimitive.Root.displayName;
-const ScrollBar = React$6.forwardRef(({ className, orientation = "vertical",...props }, ref) => /* @__PURE__ */ jsx(ScrollAreaPrimitive.ScrollAreaScrollbar, {
+const ScrollBar = React$7.forwardRef(({ className, orientation = "vertical",...props }, ref) => /* @__PURE__ */ jsx(ScrollAreaPrimitive.ScrollAreaScrollbar, {
 	ref,
 	orientation,
 	className: cn("flex touch-none select-none transition-colors", orientation === "vertical" && "h-full w-2.5 border-l border-l-transparent p-[1px]", orientation === "horizontal" && "h-2.5 flex-col border-t border-t-transparent p-[1px]", className),
@@ -6231,7 +6255,7 @@ const Sheet = SheetPrimitive.Root;
 const SheetTrigger = SheetPrimitive.Trigger;
 const SheetClose = SheetPrimitive.Close;
 const SheetPortal = SheetPrimitive.Portal;
-const SheetOverlay = React$5.forwardRef(({ className,...props }, ref) => /* @__PURE__ */ jsx(SheetPrimitive.Overlay, {
+const SheetOverlay = React$6.forwardRef(({ className,...props }, ref) => /* @__PURE__ */ jsx(SheetPrimitive.Overlay, {
 	className: cn("fixed inset-0 z-50 bg-black/80  data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0", className),
 	...props,
 	ref
@@ -6246,7 +6270,7 @@ const sheetVariants = cva("fixed z-50 gap-4 bg-background p-6 shadow-lg transiti
 	} },
 	defaultVariants: { side: "right" }
 });
-const SheetContent = React$5.forwardRef(({ side = "right", className, children,...props }, ref) => /* @__PURE__ */ jsxs(SheetPortal, { children: [/* @__PURE__ */ jsx(SheetOverlay, {}), /* @__PURE__ */ jsxs(SheetPrimitive.Content, {
+const SheetContent = React$6.forwardRef(({ side = "right", className, children,...props }, ref) => /* @__PURE__ */ jsxs(SheetPortal, { children: [/* @__PURE__ */ jsx(SheetOverlay, {}), /* @__PURE__ */ jsxs(SheetPrimitive.Content, {
 	ref,
 	className: cn(sheetVariants({ side }), className),
 	...props,
@@ -6269,19 +6293,402 @@ const SheetFooter = ({ className,...props }) => /* @__PURE__ */ jsx("div", {
 	...props
 });
 SheetFooter.displayName = "SheetFooter";
-const SheetTitle = React$5.forwardRef(({ className,...props }, ref) => /* @__PURE__ */ jsx(SheetPrimitive.Title, {
+const SheetTitle = React$6.forwardRef(({ className,...props }, ref) => /* @__PURE__ */ jsx(SheetPrimitive.Title, {
 	ref,
 	className: cn("text-lg font-semibold text-foreground", className),
 	...props
 }));
 SheetTitle.displayName = SheetPrimitive.Title.displayName;
-const SheetDescription = React$5.forwardRef(({ className,...props }, ref) => /* @__PURE__ */ jsx(SheetPrimitive.Description, {
+const SheetDescription = React$6.forwardRef(({ className,...props }, ref) => /* @__PURE__ */ jsx(SheetPrimitive.Description, {
 	ref,
 	className: cn("text-sm text-muted-foreground", className),
 	...props
 }));
 SheetDescription.displayName = SheetPrimitive.Description.displayName;
 
+//#endregion
+//#region src/sidebar/sidebar.tsx
+const SIDEBAR_WIDTH = "16rem";
+const SIDEBAR_WIDTH_MOBILE = "18rem";
+const SIDEBAR_WIDTH_ICON = "3rem";
+const SIDEBAR_KEYBOARD_SHORTCUT = "b";
+const SidebarContext = React$5.createContext(null);
+function useSidebar() {
+	const context = React$5.useContext(SidebarContext);
+	if (!context) throw new Error("useSidebar must be used within a SidebarProvider.");
+	return context;
+}
+function SidebarProvider({ defaultOpen = true, open: openProp, onOpenChange: setOpenProp, className, style, children,...props }) {
+	const isMobile = useIsMobile();
+	const [openMobile, setOpenMobile] = React$5.useState(false);
+	const [_open, _setOpen] = React$5.useState(defaultOpen);
+	const open = openProp ?? _open;
+	const setOpen = React$5.useCallback((value) => {
+		const openState = typeof value === "function" ? value(open) : value;
+		if (setOpenProp) setOpenProp(openState);
+		else _setOpen(openState);
+	}, [setOpenProp]);
+	const toggleSidebar = React$5.useCallback(() => {
+		return isMobile ? setOpenMobile((open$1) => !open$1) : setOpen((open$1) => !open$1);
+	}, [
+		isMobile,
+		setOpen,
+		setOpenMobile
+	]);
+	React$5.useEffect(() => {
+		const handleKeyDown = (event) => {
+			if (event.key === SIDEBAR_KEYBOARD_SHORTCUT && (event.metaKey || event.ctrlKey)) {
+				event.preventDefault();
+				toggleSidebar();
+			}
+		};
+		globalThis.addEventListener("keydown", handleKeyDown);
+		return () => globalThis.removeEventListener("keydown", handleKeyDown);
+	}, [toggleSidebar]);
+	const state = open ? "expanded" : "collapsed";
+	const contextValue = React$5.useMemo(() => ({
+		state,
+		open,
+		setOpen,
+		isMobile,
+		openMobile,
+		setOpenMobile,
+		toggleSidebar
+	}), [
+		state,
+		open,
+		setOpen,
+		isMobile,
+		openMobile,
+		setOpenMobile,
+		toggleSidebar
+	]);
+	return /* @__PURE__ */ jsx(SidebarContext.Provider, {
+		value: contextValue,
+		children: /* @__PURE__ */ jsx(TooltipProvider, {
+			delayDuration: 0,
+			children: /* @__PURE__ */ jsx("div", {
+				"data-slot": "sidebar-wrapper",
+				style: {
+					"--sidebar-width": SIDEBAR_WIDTH,
+					"--sidebar-width-icon": SIDEBAR_WIDTH_ICON,
+					...style
+				},
+				className: cn("group/sidebar-wrapper has-data-[variant=inset]:bg-sidebar flex min-h-svh w-full", className),
+				...props,
+				children
+			})
+		})
+	});
+}
+function Sidebar({ side = "left", variant = "sidebar", collapsible = "offcanvas", className, children,...props }) {
+	const { isMobile, state, openMobile, setOpenMobile } = useSidebar();
+	if (collapsible === "none") return /* @__PURE__ */ jsx("div", {
+		"data-slot": "sidebar",
+		className: cn("bg-sidebar text-sidebar-foreground flex h-full w-(--sidebar-width) flex-col", className),
+		...props,
+		children
+	});
+	if (isMobile) return /* @__PURE__ */ jsx(Sheet, {
+		open: openMobile,
+		onOpenChange: setOpenMobile,
+		...props,
+		children: /* @__PURE__ */ jsxs(SheetContent, {
+			"data-sidebar": "sidebar",
+			"data-slot": "sidebar",
+			"data-mobile": "true",
+			className: "bg-sidebar text-sidebar-foreground w-(--sidebar-width) p-0 [&>button]:hidden",
+			style: { "--sidebar-width": SIDEBAR_WIDTH_MOBILE },
+			side,
+			children: [/* @__PURE__ */ jsxs(SheetHeader, {
+				className: "sr-only",
+				children: [/* @__PURE__ */ jsx(SheetTitle, { children: "Sidebar" }), /* @__PURE__ */ jsx(SheetDescription, { children: "Displays the mobile sidebar." })]
+			}), /* @__PURE__ */ jsx("div", {
+				className: "flex h-full w-full flex-col",
+				children
+			})]
+		})
+	});
+	return /* @__PURE__ */ jsxs("div", {
+		className: "group peer text-sidebar-foreground hidden md:block",
+		"data-state": state,
+		"data-collapsible": state === "collapsed" ? collapsible : "",
+		"data-variant": variant,
+		"data-side": side,
+		"data-slot": "sidebar",
+		children: [/* @__PURE__ */ jsx("div", {
+			"data-slot": "sidebar-gap",
+			className: cn("relative w-(--sidebar-width) bg-transparent transition-[width] duration-200 ease-linear", "group-data-[collapsible=offcanvas]:w-0", "group-data-[side=right]:rotate-180", variant === "floating" || variant === "inset" ? "group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4)))]" : "group-data-[collapsible=icon]:w-(--sidebar-width-icon)")
+		}), /* @__PURE__ */ jsx("div", {
+			"data-slot": "sidebar-container",
+			className: cn(
+				"fixed inset-y-0 z-10 hidden h-svh w-(--sidebar-width) transition-[left,right,width] duration-200 ease-linear md:flex",
+				side === "left" ? "left-0 group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)]" : "right-0 group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)]",
+				// Adjust the padding for floating and inset variants.
+				variant === "floating" || variant === "inset" ? "p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4))+2px)]" : "group-data-[collapsible=icon]:w-(--sidebar-width-icon) group-data-[side=left]:border-r group-data-[side=right]:border-l",
+				className
+),
+			...props,
+			children: /* @__PURE__ */ jsx("div", {
+				"data-sidebar": "sidebar",
+				"data-slot": "sidebar-inner",
+				className: "bg-sidebar group-data-[variant=floating]:border-sidebar-border flex h-full w-full flex-col group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:border group-data-[variant=floating]:shadow-sm",
+				children
+			})
+		})]
+	});
+}
+function SidebarTrigger({ className, onClick,...props }) {
+	const { toggleSidebar } = useSidebar();
+	return /* @__PURE__ */ jsxs(Button, {
+		"data-sidebar": "trigger",
+		"data-slot": "sidebar-trigger",
+		variant: "ghost",
+		size: "icon",
+		className: cn("size-7", className),
+		onClick: (event) => {
+			onClick?.(event);
+			toggleSidebar();
+		},
+		...props,
+		children: [/* @__PURE__ */ jsx(PanelLeftIcon, {}), /* @__PURE__ */ jsx("span", {
+			className: "sr-only",
+			children: "Toggle Sidebar"
+		})]
+	});
+}
+function SidebarRail({ className,...props }) {
+	const { toggleSidebar } = useSidebar();
+	return /* @__PURE__ */ jsx("button", {
+		"data-sidebar": "rail",
+		"data-slot": "sidebar-rail",
+		"aria-label": "Toggle Sidebar",
+		tabIndex: -1,
+		onClick: toggleSidebar,
+		title: "Toggle Sidebar",
+		className: cn("hover:after:bg-sidebar-border absolute inset-y-0 z-20 hidden w-4 -translate-x-1/2 transition-all ease-linear group-data-[side=left]:-right-4 group-data-[side=right]:left-0 after:absolute after:inset-y-0 after:left-1/2 after:w-[2px] sm:flex", "in-data-[side=left]:cursor-w-resize in-data-[side=right]:cursor-e-resize", "[[data-side=left][data-state=collapsed]_&]:cursor-e-resize [[data-side=right][data-state=collapsed]_&]:cursor-w-resize", "hover:group-data-[collapsible=offcanvas]:bg-sidebar group-data-[collapsible=offcanvas]:translate-x-0 group-data-[collapsible=offcanvas]:after:left-full", "[[data-side=left][data-collapsible=offcanvas]_&]:-right-2", "[[data-side=right][data-collapsible=offcanvas]_&]:-left-2", className),
+		...props
+	});
+}
+function SidebarInset({ className,...props }) {
+	return /* @__PURE__ */ jsx("main", {
+		"data-slot": "sidebar-inset",
+		className: cn("bg-background relative flex w-full flex-1 flex-col", "md:peer-data-[variant=inset]:m-2 md:peer-data-[variant=inset]:ml-0 md:peer-data-[variant=inset]:rounded-xl md:peer-data-[variant=inset]:shadow-sm md:peer-data-[variant=inset]:peer-data-[state=collapsed]:ml-2", className),
+		...props
+	});
+}
+function SidebarInput({ className,...props }) {
+	return /* @__PURE__ */ jsx(Input, {
+		"data-slot": "sidebar-input",
+		"data-sidebar": "input",
+		className: cn("bg-background h-8 w-full shadow-none", className),
+		...props
+	});
+}
+function SidebarHeader({ className,...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "sidebar-header",
+		"data-sidebar": "header",
+		className: cn("flex flex-col gap-2 p-2", className),
+		...props
+	});
+}
+function SidebarFooter({ className,...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "sidebar-footer",
+		"data-sidebar": "footer",
+		className: cn("flex flex-col gap-2 p-2", className),
+		...props
+	});
+}
+function SidebarSeparator({ className,...props }) {
+	return /* @__PURE__ */ jsx(Separator, {
+		"data-slot": "sidebar-separator",
+		"data-sidebar": "separator",
+		className: cn("bg-sidebar-border mx-2 w-auto", className),
+		...props
+	});
+}
+function SidebarContent({ className,...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "sidebar-content",
+		"data-sidebar": "content",
+		className: cn("flex min-h-0 flex-1 flex-col gap-2 overflow-auto group-data-[collapsible=icon]:overflow-hidden", className),
+		...props
+	});
+}
+function SidebarGroup({ className,...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "sidebar-group",
+		"data-sidebar": "group",
+		className: cn("relative flex w-full min-w-0 flex-col p-2", className),
+		...props
+	});
+}
+function SidebarGroupLabel({ className, asChild = false,...props }) {
+	const Comp = asChild ? Slot : "div";
+	return /* @__PURE__ */ jsx(Comp, {
+		"data-slot": "sidebar-group-label",
+		"data-sidebar": "group-label",
+		className: cn("text-sidebar-foreground/70 ring-sidebar-ring flex h-8 shrink-0 items-center rounded-md px-2 text-xs font-medium outline-hidden transition-[margin,opacity] duration-200 ease-linear focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0", "group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0", className),
+		...props
+	});
+}
+function SidebarGroupAction({ className, asChild = false,...props }) {
+	const Comp = asChild ? Slot : "button";
+	return /* @__PURE__ */ jsx(Comp, {
+		"data-slot": "sidebar-group-action",
+		"data-sidebar": "group-action",
+		className: cn(
+			"text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground absolute top-3.5 right-3 flex aspect-square w-5 items-center justify-center rounded-md p-0 outline-hidden transition-transform focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0",
+			// Increases the hit area of the button on mobile.
+			"after:absolute after:-inset-2 md:after:hidden",
+			"group-data-[collapsible=icon]:hidden",
+			className
+),
+		...props
+	});
+}
+function SidebarGroupContent({ className,...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "sidebar-group-content",
+		"data-sidebar": "group-content",
+		className: cn("w-full text-sm", className),
+		...props
+	});
+}
+function SidebarMenu({ className,...props }) {
+	return /* @__PURE__ */ jsx("ul", {
+		"data-slot": "sidebar-menu",
+		"data-sidebar": "menu",
+		className: cn("flex w-full min-w-0 flex-col gap-1", className),
+		...props
+	});
+}
+function SidebarMenuItem({ className,...props }) {
+	return /* @__PURE__ */ jsx("li", {
+		"data-slot": "sidebar-menu-item",
+		"data-sidebar": "menu-item",
+		className: cn("group/menu-item relative", className),
+		...props
+	});
+}
+const sidebarMenuButtonVariants = cva("peer/menu-button flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left text-sm outline-hidden ring-sidebar-ring transition-[width,height,padding] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-data-[sidebar=menu-action]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:bg-sidebar-accent data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0", {
+	variants: {
+		variant: {
+			default: "hover:bg-sidebar-accent hover:text-sidebar-accent-foreground",
+			outline: "bg-background shadow-[0_0_0_1px_hsl(var(--sidebar-border))] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground hover:shadow-[0_0_0_1px_hsl(var(--sidebar-accent))]"
+		},
+		size: {
+			default: "h-8 text-sm",
+			sm: "h-7 text-xs",
+			lg: "h-12 text-sm group-data-[collapsible=icon]:p-0!"
+		}
+	},
+	defaultVariants: {
+		variant: "default",
+		size: "default"
+	}
+});
+function SidebarMenuButton({ asChild = false, isActive = false, variant = "default", size = "default", tooltip, className,...props }) {
+	const Comp = asChild ? Slot : "button";
+	const { isMobile, state } = useSidebar();
+	const button = /* @__PURE__ */ jsx(Comp, {
+		"data-slot": "sidebar-menu-button",
+		"data-sidebar": "menu-button",
+		"data-size": size,
+		"data-active": isActive,
+		className: cn(sidebarMenuButtonVariants({
+			variant,
+			size
+		}), className),
+		...props
+	});
+	if (!tooltip) return button;
+	if (typeof tooltip === "string") tooltip = { children: tooltip };
+	return /* @__PURE__ */ jsxs(Tooltip, { children: [/* @__PURE__ */ jsx(TooltipTrigger, {
+		asChild: true,
+		children: button
+	}), /* @__PURE__ */ jsx(TooltipContent, {
+		side: "right",
+		align: "center",
+		hidden: state !== "collapsed" || isMobile,
+		...tooltip
+	})] });
+}
+function SidebarMenuAction({ className, asChild = false, showOnHover = false,...props }) {
+	const Comp = asChild ? Slot : "button";
+	return /* @__PURE__ */ jsx(Comp, {
+		"data-slot": "sidebar-menu-action",
+		"data-sidebar": "menu-action",
+		className: cn(
+			"text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground peer-hover/menu-button:text-sidebar-accent-foreground absolute top-1.5 right-1 flex aspect-square w-5 items-center justify-center rounded-md p-0 outline-hidden transition-transform focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0",
+			// Increases the hit area of the button on mobile.
+			"after:absolute after:-inset-2 md:after:hidden",
+			"peer-data-[size=sm]/menu-button:top-1",
+			"peer-data-[size=default]/menu-button:top-1.5",
+			"peer-data-[size=lg]/menu-button:top-2.5",
+			"group-data-[collapsible=icon]:hidden",
+			showOnHover && "peer-data-[active=true]/menu-button:text-sidebar-accent-foreground group-focus-within/menu-item:opacity-100 group-hover/menu-item:opacity-100 data-[state=open]:opacity-100 md:opacity-0",
+			className
+),
+		...props
+	});
+}
+function SidebarMenuBadge({ className,...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "sidebar-menu-badge",
+		"data-sidebar": "menu-badge",
+		className: cn("text-sidebar-foreground pointer-events-none absolute right-1 flex h-5 min-w-5 items-center justify-center rounded-md px-1 text-xs font-medium tabular-nums select-none", "peer-hover/menu-button:text-sidebar-accent-foreground peer-data-[active=true]/menu-button:text-sidebar-accent-foreground", "peer-data-[size=sm]/menu-button:top-1", "peer-data-[size=default]/menu-button:top-1.5", "peer-data-[size=lg]/menu-button:top-2.5", "group-data-[collapsible=icon]:hidden", className),
+		...props
+	});
+}
+function SidebarMenuSkeleton({ className, showIcon = false, widths = [50],...props }) {
+	return /* @__PURE__ */ jsxs("div", {
+		"data-slot": "sidebar-menu-skeleton",
+		"data-sidebar": "menu-skeleton",
+		className: cn("flex h-8 items-center gap-2 rounded-md px-2", className),
+		...props,
+		children: [showIcon && /* @__PURE__ */ jsx(Skeleton, {
+			className: "size-4 rounded-md",
+			"data-sidebar": "menu-skeleton-icon"
+		}), widths.map((width) => {
+			return /* @__PURE__ */ jsx(Skeleton, {
+				className: "h-4 max-w-(--skeleton-width) flex-1",
+				"data-sidebar": "menu-skeleton-text",
+				style: { "--skeleton-width": width }
+			});
+		})]
+	});
+}
+function SidebarMenuSub({ className,...props }) {
+	return /* @__PURE__ */ jsx("ul", {
+		"data-slot": "sidebar-menu-sub",
+		"data-sidebar": "menu-sub",
+		className: cn("border-sidebar-border mx-3.5 flex min-w-0 translate-x-px flex-col gap-1 border-l px-2.5 py-0.5", "group-data-[collapsible=icon]:hidden", className),
+		...props
+	});
+}
+function SidebarMenuSubItem({ className,...props }) {
+	return /* @__PURE__ */ jsx("li", {
+		"data-slot": "sidebar-menu-sub-item",
+		"data-sidebar": "menu-sub-item",
+		className: cn("group/menu-sub-item relative", className),
+		...props
+	});
+}
+function SidebarMenuSubButton({ asChild = false, size = "md", isActive = false, className,...props }) {
+	const Comp = asChild ? Slot : "a";
+	return /* @__PURE__ */ jsx(Comp, {
+		"data-slot": "sidebar-menu-sub-button",
+		"data-sidebar": "menu-sub-button",
+		"data-size": size,
+		"data-active": isActive,
+		className: cn("text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground active:bg-sidebar-accent active:text-sidebar-accent-foreground [&>svg]:text-sidebar-accent-foreground flex h-7 min-w-0 -translate-x-px items-center gap-2 overflow-hidden rounded-md px-2 outline-hidden focus-visible:ring-2 disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0", "data-[active=true]:bg-sidebar-accent data-[active=true]:text-sidebar-accent-foreground", size === "sm" && "text-xs", size === "md" && "text-sm", "group-data-[collapsible=icon]:hidden", className),
+		...props
+	});
+}
+
 //#endregion
 //#region src/skeleton/skeleton.tsx
 function Skeleton({ className,...props }) {
@@ -6479,5 +6886,5 @@ const ToggleGroupItem = React$1.forwardRef(({ className, children, variant, size
 ToggleGroupItem.displayName = ToggleGroupPrimitive.Item.displayName;
 
 //#endregion
-export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, Avatar, AvatarFallback, AvatarImage, Badge, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, Calendar, CalendarDayButton, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, Checkbox, Collapse, CollapseContent, CollapseTrigger, ComboboxDemo, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandPalette, CommandPaletteDialog, CommandPaletteEmpty, CommandPaletteGroup, CommandPaletteInput, CommandPaletteItem, CommandPaletteList, CommandPaletteSeparator, CommandPaletteShortcut, CommandSeparator, CommandShortcut, ContentFrame, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, DataGrid, DataGridCell, DataGridCellWrapper, DataGridColumnHeader, DataGridContextMenu, DataGridRow, DataGridSearch, DataGridViewMenu, DatePickerDemo, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, HeaderComponents, HoverCard, HoverCardContent, HoverCardTrigger, Input, Label, Loader, MarkValueRenderer, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, Modal, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, Progress, RadioGroup, RadioGroupItem, ResizableHandle, ResizablePanel, ResizablePanelGroup, ScrollArea, ScrollBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Skeleton, Slider, Spinner, Switch, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, Toaster, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, badgeVariants, buttonVariants, checkboxVariants, cn, commandInputVariants, getCellKey, getCommonPinningStyles, getLineCount, getRowHeightValue, knobVariants, navigationMenuTriggerStyle, parseCellKey, sliderVariants, toast, toggleVariants, useDataGrid };
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, Avatar, AvatarFallback, AvatarImage, Badge, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, Calendar, CalendarDayButton, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, Checkbox, CheckboxCell, Collapse, CollapseContent, CollapseTrigger, ComboboxDemo, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandPalette, CommandPaletteDialog, CommandPaletteEmpty, CommandPaletteGroup, CommandPaletteInput, CommandPaletteItem, CommandPaletteList, CommandPaletteSeparator, CommandPaletteShortcut, CommandSeparator, CommandShortcut, ContentFrame, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, DataGrid, DataGridCell, DataGridCellWrapper, DataGridColumnHeader, DataGridContextMenu, DataGridRow, DataGridSearch, DataGridViewMenu, DateCell, DatePickerDemo, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, GanttCell, GanttTimeline, GanttTimerangePicker, HeaderComponents, HoverCard, HoverCardContent, HoverCardTrigger, Input, Label, Loader, LongTextCell, MarkValueRenderer, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, Modal, MultiSelectCell, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, NumberCell, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, Progress, RadioGroup, RadioGroupItem, ReactNodeCell, ResizableHandle, ResizablePanel, ResizablePanelGroup, ScrollArea, ScrollBar, Select, SelectCell, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, ShortTextCell, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, Slider, Spinner, Switch, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, Toaster, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, badgeVariants, buttonVariants, checkboxVariants, cn, commandInputVariants, getCellKey, getCommonPinningStyles, getLineCount, getRowHeightValue, isoToLocalDate, knobVariants, navigationMenuTriggerStyle, parseCellKey, sliderVariants, toast, toggleVariants, useCallbackRef, useDataGrid, useDebouncedCallback, useIsMobile, useSidebar };
 //# sourceMappingURL=index.js.map