@carefully-built/ui 0.1.15

package/dist/index.mjs

@@ -0,0 +1,3489 @@
+'use client';
+
+import * as React from "react";
+import { createElement, useEffect, useId, useLayoutEffect, useMemo, useRef, useState } from "react";
+import { Avatar as Avatar$1, Dialog as Dialog$1, DropdownMenu as DropdownMenu$1, Label as Label$1, Popover as Popover$1, Select as Select$1, Slot, Switch as Switch$1, Tabs as Tabs$1, Tooltip as Tooltip$1 } from "radix-ui";
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+import { ArrowDown, ArrowUp, Check, ChevronDown, ChevronLeft, ChevronRight, ChevronUp, ChevronsLeft, ChevronsRight, ChevronsUpDown, CircleHelp, Command, CornerDownLeft, Eye, FileText, Filter, Inbox, Pencil, Search, SearchX, Trash2, Upload, X } from "lucide-react";
+import { DayPicker, getDefaultClassNames } from "react-day-picker";
+import { Drawer as Drawer$1 } from "vaul";
+import { createPortal } from "react-dom";
+
+//#region src/utils/cn.ts
+function cn(...inputs) {
+	return twMerge(clsx(inputs));
+}
+
+//#endregion
+//#region src/primitives/avatar.tsx
+function Avatar({ className, size = "default", ...props }) {
+	return /* @__PURE__ */ jsx(Avatar$1.Root, {
+		"data-slot": "avatar",
+		"data-size": size,
+		className: cn("size-8 rounded-full after:rounded-full data-[size=lg]:size-10 data-[size=sm]:size-6 after:border-border group/avatar relative flex shrink-0 select-none after:absolute after:inset-0 after:border after:mix-blend-darken dark:after:mix-blend-lighten", className),
+		...props
+	});
+}
+function AvatarImage({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Avatar$1.Image, {
+		"data-slot": "avatar-image",
+		className: cn("rounded-full aspect-square size-full object-cover", className),
+		...props
+	});
+}
+function AvatarFallback({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Avatar$1.Fallback, {
+		"data-slot": "avatar-fallback",
+		className: cn("bg-muted text-muted-foreground rounded-full flex size-full items-center justify-center text-sm group-data-[size=sm]/avatar:text-xs", className),
+		...props
+	});
+}
+
+//#endregion
+//#region src/primitives/button.tsx
+const buttonVariants = cva("group/button inline-flex shrink-0 cursor-pointer items-center justify-center rounded-lg border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 active:not-aria-[haspopup]:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", {
+	variants: {
+		variant: {
+			default: "bg-primary text-primary-foreground hover:brightness-90 [a]:hover:bg-primary/80",
+			outline: "border-border bg-background hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:border-input dark:bg-input/30 dark:hover:bg-input/50",
+			secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80 aria-expanded:bg-secondary aria-expanded:text-secondary-foreground",
+			ghost: "hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:hover:bg-muted/50",
+			destructive: "bg-destructive/10 text-destructive hover:bg-destructive/20 focus-visible:border-destructive/40 focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:hover:bg-destructive/30 dark:focus-visible:ring-destructive/40",
+			link: "text-primary underline-offset-4 hover:underline"
+		},
+		size: {
+			default: "h-8 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2",
+			xs: "h-6 gap-1 rounded-[min(var(--radius-md),10px)] px-2 text-xs in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3",
+			sm: "h-7 gap-1 rounded-[min(var(--radius-md),12px)] px-2.5 text-[0.8rem] in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3.5",
+			lg: "h-9 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2",
+			icon: "size-8",
+			"icon-xs": "size-6 rounded-[min(var(--radius-md),10px)] in-data-[slot=button-group]:rounded-lg [&_svg:not([class*='size-'])]:size-3",
+			"icon-sm": "size-7 rounded-[min(var(--radius-md),12px)] in-data-[slot=button-group]:rounded-lg",
+			"icon-lg": "size-9"
+		}
+	},
+	defaultVariants: {
+		variant: "default",
+		size: "default"
+	}
+});
+function Button({ className, variant = "default", size = "default", asChild = false, ...props }) {
+	return /* @__PURE__ */ jsx(asChild ? Slot.Root : "button", {
+		"data-slot": "button",
+		"data-variant": variant,
+		"data-size": size,
+		className: cn(buttonVariants({
+			variant,
+			size,
+			className
+		})),
+		...props
+	});
+}
+
+//#endregion
+//#region src/primitives/calendar.tsx
+function Calendar({ className, classNames, showOutsideDays = true, ...props }) {
+	const defaultClassNames = getDefaultClassNames();
+	return /* @__PURE__ */ jsx(DayPicker, {
+		showOutsideDays,
+		className: cn("p-3", className),
+		classNames: {
+			root: cn("w-fit", defaultClassNames.root),
+			months: "flex flex-col gap-4",
+			month: "flex flex-col gap-4",
+			month_caption: "relative flex items-center justify-center pt-1",
+			caption_label: "text-sm font-medium",
+			nav: "flex items-center gap-1",
+			button_previous: cn(buttonVariants({
+				variant: "ghost",
+				size: "icon-sm"
+			}), "absolute left-1 size-7 bg-transparent p-0 opacity-70 hover:opacity-100"),
+			button_next: cn(buttonVariants({
+				variant: "ghost",
+				size: "icon-sm"
+			}), "absolute right-1 size-7 bg-transparent p-0 opacity-70 hover:opacity-100"),
+			month_grid: "w-full border-collapse space-y-1",
+			weekdays: "flex",
+			weekday: "w-9 text-[0.78rem] font-medium text-muted-foreground",
+			week: "mt-2 flex w-full",
+			day: "size-9 p-0 text-sm",
+			day_button: cn(buttonVariants({
+				variant: "ghost",
+				size: "icon-sm"
+			}), "size-9 p-0 font-normal aria-selected:opacity-100"),
+			selected: "bg-primary text-primary-foreground hover:bg-primary hover:text-primary-foreground focus:bg-primary focus:text-primary-foreground",
+			today: "bg-muted text-foreground",
+			outside: "text-muted-foreground opacity-50 aria-selected:bg-primary/10 aria-selected:text-muted-foreground",
+			disabled: "text-muted-foreground opacity-50",
+			hidden: "invisible",
+			...classNames
+		},
+		components: { Chevron: ({ orientation, className: iconClassName, ...iconProps }) => orientation === "left" ? /* @__PURE__ */ jsx(ChevronLeft, {
+			className: cn("size-4", iconClassName),
+			...iconProps
+		}) : /* @__PURE__ */ jsx(ChevronRight, {
+			className: cn("size-4", iconClassName),
+			...iconProps
+		}) },
+		...props
+	});
+}
+
+//#endregion
+//#region src/primitives/card.tsx
+function Card({ className, size = "default", ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "card",
+		"data-size": size,
+		className: cn("ring-foreground/10 bg-card text-card-foreground gap-4 overflow-hidden rounded-xl py-4 text-sm ring-1 has-data-[slot=card-footer]:pb-0 has-[>img:first-child]:pt-0 data-[size=sm]:gap-3 data-[size=sm]:py-3 data-[size=sm]:has-data-[slot=card-footer]:pb-0 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl group/card flex flex-col", className),
+		...props
+	});
+}
+function CardHeader({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "card-header",
+		className: cn("gap-1 rounded-t-xl px-4 group-data-[size=sm]/card:px-3 [.border-b]:pb-4 group-data-[size=sm]/card:[.border-b]:pb-3 group/card-header @container/card-header grid auto-rows-min items-start has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-description]:grid-rows-[auto_auto]", className),
+		...props
+	});
+}
+function CardTitle({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "card-title",
+		className: cn("text-base leading-snug font-medium group-data-[size=sm]/card:text-sm", className),
+		...props
+	});
+}
+function CardDescription({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "card-description",
+		className: cn("text-muted-foreground text-sm", className),
+		...props
+	});
+}
+function CardContent({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "card-content",
+		className: cn("px-4 group-data-[size=sm]/card:px-3", className),
+		...props
+	});
+}
+function CardFooter({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "card-footer",
+		className: cn("bg-muted/50 rounded-b-xl border-t p-4 group-data-[size=sm]/card:p-3 flex items-center", className),
+		...props
+	});
+}
+
+//#endregion
+//#region src/primitives/chip-utils.ts
+const CHIP_CLASS_NAMES = {
+	default: "inline-flex w-fit max-w-full flex-none items-center gap-1 rounded-md px-1.5 py-[2px] text-xs font-medium leading-4",
+	compact: "inline-flex w-fit max-w-full flex-none items-center gap-1 rounded-[4px] px-1.5 py-px text-[10px] font-medium leading-3"
+};
+function getChipClassName(size = "default") {
+	return CHIP_CLASS_NAMES[size];
+}
+
+//#endregion
+//#region src/primitives/chip.tsx
+function Chip({ children, className, leading, size = "default", trailing, ...props }) {
+	return /* @__PURE__ */ jsxs("span", {
+		...props,
+		className: cn(getChipClassName(size), className),
+		children: [
+			leading ? /* @__PURE__ */ jsx("span", {
+				className: "shrink-0",
+				children: leading
+			}) : null,
+			/* @__PURE__ */ jsx("span", {
+				className: "truncate",
+				children
+			}),
+			trailing ? /* @__PURE__ */ jsx("span", {
+				className: "shrink-0",
+				children: trailing
+			}) : null
+		]
+	});
+}
+function ChipButton({ children, className, leading, selected = false, size = "default", trailing, ...props }) {
+	return /* @__PURE__ */ jsxs("button", {
+		type: "button",
+		"aria-pressed": selected,
+		...props,
+		className: cn(getChipClassName(size), "border text-left transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50", selected ? "border-[#713dff] bg-[#f6f1ff] text-[#1f1f23] shadow-[0_0_0_1px_rgba(113,61,255,0.08)] hover:bg-[#f6f1ff]" : "border-[#e7e8eb] bg-white text-[#5f6368] hover:bg-[#f7f7f9]", className),
+		children: [
+			leading ? /* @__PURE__ */ jsx("span", {
+				className: "shrink-0",
+				children: leading
+			}) : null,
+			/* @__PURE__ */ jsx("span", {
+				className: "truncate",
+				children
+			}),
+			trailing ? /* @__PURE__ */ jsx("span", {
+				className: "shrink-0",
+				children: trailing
+			}) : null
+		]
+	});
+}
+
+//#endregion
+//#region src/primitives/dialog.tsx
+function Dialog({ ...props }) {
+	return /* @__PURE__ */ jsx(Dialog$1.Root, {
+		"data-slot": "dialog",
+		...props
+	});
+}
+function DialogTrigger({ ...props }) {
+	return /* @__PURE__ */ jsx(Dialog$1.Trigger, {
+		"data-slot": "dialog-trigger",
+		...props
+	});
+}
+function DialogPortal({ ...props }) {
+	return /* @__PURE__ */ jsx(Dialog$1.Portal, {
+		"data-slot": "dialog-portal",
+		...props
+	});
+}
+function DialogOverlay({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Dialog$1.Overlay, {
+		"data-slot": "dialog-overlay",
+		className: cn("data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 bg-black/10 duration-100 supports-backdrop-filter:backdrop-blur-xs fixed inset-0 isolate z-50", className),
+		...props
+	});
+}
+function DialogContent({ className, children, showCloseButton = true, ...props }) {
+	return /* @__PURE__ */ jsxs(DialogPortal, { children: [/* @__PURE__ */ jsx(DialogOverlay, {}), /* @__PURE__ */ jsxs(Dialog$1.Content, {
+		"data-slot": "dialog-content",
+		className: cn("bg-background data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 ring-foreground/10 grid max-w-[calc(100%-2rem)] gap-4 rounded-xl p-4 text-sm ring-1 duration-100 sm:max-w-sm fixed top-1/2 left-1/2 z-50 w-full -translate-x-1/2 -translate-y-1/2 outline-none", className),
+		...props,
+		children: [children, showCloseButton && /* @__PURE__ */ jsx(Dialog$1.Close, {
+			"data-slot": "dialog-close",
+			asChild: true,
+			children: /* @__PURE__ */ jsxs(Button, {
+				variant: "ghost",
+				className: "absolute top-2 right-2",
+				size: "icon-sm",
+				children: [/* @__PURE__ */ jsx(X, {}), /* @__PURE__ */ jsx("span", {
+					className: "sr-only",
+					children: "Close"
+				})]
+			})
+		})]
+	})] });
+}
+function DialogHeader({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "dialog-header",
+		className: cn("gap-2 flex flex-col", className),
+		...props
+	});
+}
+function DialogFooter({ className, showCloseButton = false, children, ...props }) {
+	return /* @__PURE__ */ jsxs("div", {
+		"data-slot": "dialog-footer",
+		className: cn("bg-muted/50 -mx-4 -mb-4 rounded-b-xl border-t p-4 flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", className),
+		...props,
+		children: [children, showCloseButton && /* @__PURE__ */ jsx(Dialog$1.Close, {
+			asChild: true,
+			children: /* @__PURE__ */ jsx(Button, {
+				variant: "outline",
+				children: "Close"
+			})
+		})]
+	});
+}
+function DialogTitle({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Dialog$1.Title, {
+		"data-slot": "dialog-title",
+		className: cn("text-base leading-none font-medium", className),
+		...props
+	});
+}
+function DialogDescription({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Dialog$1.Description, {
+		"data-slot": "dialog-description",
+		className: cn("text-muted-foreground *:[a]:hover:text-foreground text-sm *:[a]:underline *:[a]:underline-offset-3", className),
+		...props
+	});
+}
+
+//#endregion
+//#region src/primitives/dropdown-menu.tsx
+function DropdownMenu({ modal = false, ...props }) {
+	return /* @__PURE__ */ jsx(DropdownMenu$1.Root, {
+		"data-slot": "dropdown-menu",
+		modal,
+		...props
+	});
+}
+function DropdownMenuTrigger({ ...props }) {
+	return /* @__PURE__ */ jsx(DropdownMenu$1.Trigger, {
+		"data-slot": "dropdown-menu-trigger",
+		...props
+	});
+}
+function DropdownMenuContent({ className, align = "start", sideOffset = 4, ...props }) {
+	return /* @__PURE__ */ jsx(DropdownMenu$1.Portal, { children: /* @__PURE__ */ jsx(DropdownMenu$1.Content, {
+		"data-slot": "dropdown-menu-content",
+		sideOffset,
+		align,
+		className: cn("data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-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 ring-foreground/10 bg-popover text-popover-foreground min-w-32 rounded-lg p-1 shadow-md ring-1 duration-100 z-50 max-h-(--radix-dropdown-menu-content-available-height) w-(--radix-dropdown-menu-trigger-width) origin-(--radix-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto data-[state=closed]:overflow-hidden", className),
+		...props
+	}) });
+}
+function DropdownMenuItem({ className, inset, variant = "default", ...props }) {
+	return /* @__PURE__ */ jsx(DropdownMenu$1.Item, {
+		"data-slot": "dropdown-menu-item",
+		"data-inset": inset,
+		"data-variant": variant,
+		className: cn("focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:text-destructive not-data-[variant=destructive]:focus:**:text-accent-foreground gap-1.5 rounded-md px-1.5 py-1 text-sm data-inset:pl-7 [&_svg:not([class*='size-'])]:size-4 group/dropdown-menu-item relative flex cursor-pointer items-center outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0", className),
+		...props
+	});
+}
+function DropdownMenuCheckboxItem({ className, children, checked, inset, ...props }) {
+	return /* @__PURE__ */ jsxs(DropdownMenu$1.CheckboxItem, {
+		"data-slot": "dropdown-menu-checkbox-item",
+		"data-inset": inset,
+		className: cn("focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground gap-1.5 rounded-md py-1 pr-8 pl-1.5 text-sm data-inset:pl-7 [&_svg:not([class*='size-'])]:size-4 relative flex cursor-pointer items-center outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0", className),
+		checked,
+		...props,
+		children: [/* @__PURE__ */ jsx("span", {
+			className: "absolute right-2 flex items-center justify-center pointer-events-none",
+			"data-slot": "dropdown-menu-checkbox-item-indicator",
+			children: /* @__PURE__ */ jsx(DropdownMenu$1.ItemIndicator, { children: /* @__PURE__ */ jsx(Check, { className: "size-4" }) })
+		}), children]
+	});
+}
+function DropdownMenuLabel({ className, inset, ...props }) {
+	return /* @__PURE__ */ jsx(DropdownMenu$1.Label, {
+		"data-slot": "dropdown-menu-label",
+		"data-inset": inset,
+		className: cn("text-muted-foreground px-1.5 py-1 text-xs font-medium data-inset:pl-7", className),
+		...props
+	});
+}
+function DropdownMenuSeparator({ className, ...props }) {
+	return /* @__PURE__ */ jsx(DropdownMenu$1.Separator, {
+		"data-slot": "dropdown-menu-separator",
+		className: cn("bg-border -mx-1 my-1 h-px", className),
+		...props
+	});
+}
+
+//#endregion
+//#region src/primitives/drawer.tsx
+function Drawer({ ...props }) {
+	return /* @__PURE__ */ jsx(Drawer$1.Root, {
+		"data-slot": "drawer",
+		...props
+	});
+}
+function DrawerPortal({ ...props }) {
+	return /* @__PURE__ */ jsx(Drawer$1.Portal, {
+		"data-slot": "drawer-portal",
+		...props
+	});
+}
+function DrawerOverlay({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Drawer$1.Overlay, {
+		"data-slot": "drawer-overlay",
+		className: cn("data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 fixed inset-0 z-50 bg-black/10 backdrop-blur-xs", className),
+		...props
+	});
+}
+function DrawerContent({ className, children, ...props }) {
+	return /* @__PURE__ */ jsxs(DrawerPortal, {
+		"data-slot": "drawer-portal",
+		children: [/* @__PURE__ */ jsx(DrawerOverlay, {}), /* @__PURE__ */ jsxs(Drawer$1.Content, {
+			"data-slot": "drawer-content",
+			className: cn("bg-background group/drawer-content fixed z-50 flex h-auto flex-col overflow-visible text-sm data-[vaul-drawer-direction=bottom]:inset-x-0 data-[vaul-drawer-direction=bottom]:bottom-0 data-[vaul-drawer-direction=bottom]:mt-24 data-[vaul-drawer-direction=bottom]:max-h-[80vh] data-[vaul-drawer-direction=bottom]:rounded-t-xl data-[vaul-drawer-direction=bottom]:border-t data-[vaul-drawer-direction=left]:inset-y-0 data-[vaul-drawer-direction=left]:left-0 data-[vaul-drawer-direction=left]:w-3/4 data-[vaul-drawer-direction=left]:rounded-r-xl data-[vaul-drawer-direction=left]:border-r data-[vaul-drawer-direction=right]:inset-y-0 data-[vaul-drawer-direction=right]:right-0 data-[vaul-drawer-direction=right]:w-3/4 data-[vaul-drawer-direction=right]:rounded-l-xl data-[vaul-drawer-direction=right]:border-l data-[vaul-drawer-direction=top]:inset-x-0 data-[vaul-drawer-direction=top]:top-0 data-[vaul-drawer-direction=top]:mb-24 data-[vaul-drawer-direction=top]:max-h-[80vh] data-[vaul-drawer-direction=top]:rounded-b-xl data-[vaul-drawer-direction=top]:border-b data-[vaul-drawer-direction=left]:sm:max-w-sm data-[vaul-drawer-direction=right]:sm:max-w-sm", className),
+			...props,
+			children: [/* @__PURE__ */ jsx("div", { className: "bg-muted mx-auto mt-4 hidden h-1 w-[100px] shrink-0 rounded-full group-data-[vaul-drawer-direction=bottom]/drawer-content:block" }), children]
+		})]
+	});
+}
+function DrawerHeader({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "drawer-header",
+		className: cn("flex flex-col gap-0.5 p-4 group-data-[vaul-drawer-direction=bottom]/drawer-content:text-center group-data-[vaul-drawer-direction=top]/drawer-content:text-center md:gap-0.5 md:text-left", className),
+		...props
+	});
+}
+function DrawerTitle({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Drawer$1.Title, {
+		"data-slot": "drawer-title",
+		className: cn("text-foreground text-base font-medium", className),
+		...props
+	});
+}
+function DrawerDescription({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Drawer$1.Description, {
+		"data-slot": "drawer-description",
+		className: cn("text-muted-foreground text-sm", className),
+		...props
+	});
+}
+
+//#endregion
+//#region src/utils/date-display.ts
+const DEFAULT_DATE_DISPLAY_LABELS = {
+	today: "Today",
+	yesterday: "Yesterday",
+	daysAgo: (dayCount) => `${String(dayCount)} days ago`
+};
+function getDate(value) {
+	return value instanceof Date ? value : new Date(value);
+}
+function startOfDay(date) {
+	return new Date(date.getFullYear(), date.getMonth(), date.getDate());
+}
+function getDayDifference(from, to) {
+	return Math.round((startOfDay(to).getTime() - startOfDay(from).getTime()) / (1440 * 60 * 1e3));
+}
+function capitalizeMonthLabel(value) {
+	return value.split(" ").map((part, index) => {
+		if (index !== 1 || part.length === 0) return part;
+		const [firstCharacter = "", ...restCharacters] = part;
+		return `${firstCharacter.toUpperCase()}${restCharacters.join("")}`;
+	}).join(" ");
+}
+function formatAbsoluteDate(value, options = {}) {
+	const date = getDate(value);
+	const currentYear = (/* @__PURE__ */ new Date()).getFullYear();
+	const includesYear = date.getFullYear() !== currentYear;
+	const locale = options.locale ?? "en-US";
+	return capitalizeMonthLabel(new Intl.DateTimeFormat(locale, {
+		day: "numeric",
+		month: "short",
+		...includesYear ? { year: "numeric" } : {}
+	}).format(date));
+}
+function formatDisplayDate(value, options = {}) {
+	const date = getDate(value);
+	const dayDifference = getDayDifference(date, /* @__PURE__ */ new Date());
+	const labels = {
+		...DEFAULT_DATE_DISPLAY_LABELS,
+		...options.labels
+	};
+	if (dayDifference === 0) return labels.today;
+	if (dayDifference === 1) return labels.yesterday;
+	if (dayDifference >= 2 && dayDifference <= 10) return labels.daysAgo(dayDifference);
+	return formatAbsoluteDate(date, options);
+}
+
+//#endregion
+//#region src/primitives/display-date.tsx
+function DisplayDate({ value, formatOptions, className }) {
+	const date = value instanceof Date ? value : new Date(value);
+	return /* @__PURE__ */ jsx("time", {
+		dateTime: date.toISOString(),
+		title: formatAbsoluteDate(date, formatOptions),
+		className,
+		children: formatDisplayDate(date, formatOptions)
+	});
+}
+
+//#endregion
+//#region src/primitives/field-detail-row.tsx
+function FieldDetailRow({ icon: Icon, label, value, labelColumnClassName = "grid-cols-[110px_minmax(0,1fr)]" }) {
+	return /* @__PURE__ */ jsxs("div", {
+		className: `grid ${labelColumnClassName} items-start gap-2 py-1.5`,
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: "flex items-center gap-2 text-sm text-muted-foreground",
+			children: [/* @__PURE__ */ jsx(Icon, { className: "size-4 shrink-0" }), /* @__PURE__ */ jsx("span", {
+				className: "text-[12px]",
+				children: label
+			})]
+		}), /* @__PURE__ */ jsx("div", {
+			className: "min-w-0 text-[14px] leading-5 tracking-[-0.28px] text-foreground",
+			children: value
+		})]
+	});
+}
+
+//#endregion
+//#region src/primitives/file-dropzone.tsx
+function formatFileSize(size) {
+	if (size < 1024) return `${size} B`;
+	if (size < 1024 * 1024) return `${Math.round(size / 1024)} KB`;
+	return `${(size / (1024 * 1024)).toFixed(1)} MB`;
+}
+function getFileTypeLabel(file) {
+	return file.type || file.name.split(".").pop()?.toUpperCase() || "File";
+}
+function FileDropzone({ accept, browseLabel = "Browse", browseButtonClassName, className, currentPreviewUrl = null, disabled = false, emptyIcon, helperText, footerText = "Drag a file here or click the box to select one.", inputClassName, multiple = false, onFileSelect, onFilesSelect, onRemove, previewAlt, title = "Drop a file here or browse" }) {
+	const inputRef = useRef(null);
+	const [isDragging, setIsDragging] = useState(false);
+	const [selectedFiles, setSelectedFiles] = useState([]);
+	const hasSelectedFiles = selectedFiles.length > 0;
+	const openFilePicker = () => {
+		if (disabled) return;
+		inputRef.current?.click();
+	};
+	const handleFileSelection = (files) => {
+		const selectedFiles$1 = Array.from(files ?? []);
+		if (selectedFiles$1.length === 0 || disabled) return;
+		setSelectedFiles(selectedFiles$1);
+		if (multiple && onFilesSelect) {
+			onFilesSelect(selectedFiles$1);
+			return;
+		}
+		const firstFile = selectedFiles$1[0];
+		if (firstFile) onFileSelect(firstFile);
+	};
+	const handleInputChange = (event) => {
+		handleFileSelection(event.target.files);
+		event.target.value = "";
+	};
+	const handleDrop = (event) => {
+		event.preventDefault();
+		event.stopPropagation();
+		setIsDragging(false);
+		handleFileSelection(event.dataTransfer.files);
+	};
+	const handleRemove = (event) => {
+		event.stopPropagation();
+		setSelectedFiles([]);
+		onRemove?.();
+	};
+	return /* @__PURE__ */ jsxs(Fragment, { children: [
+		/* @__PURE__ */ jsx("input", {
+			ref: inputRef,
+			type: "file",
+			accept,
+			multiple,
+			className: "hidden",
+			onChange: handleInputChange,
+			disabled
+		}),
+		/* @__PURE__ */ jsx("div", {
+			role: "button",
+			tabIndex: disabled ? -1 : 0,
+			"aria-disabled": disabled,
+			onClick: openFilePicker,
+			onKeyDown: (event) => {
+				if (event.key === "Enter" || event.key === " ") {
+					event.preventDefault();
+					openFilePicker();
+				}
+			},
+			onDragEnter: (event) => {
+				event.preventDefault();
+				event.stopPropagation();
+				if (!disabled) setIsDragging(true);
+			},
+			onDragOver: (event) => {
+				event.preventDefault();
+				event.stopPropagation();
+				if (!disabled) setIsDragging(true);
+			},
+			onDragLeave: (event) => {
+				event.preventDefault();
+				event.stopPropagation();
+				setIsDragging(false);
+			},
+			onDrop: handleDrop,
+			className: cn("bg-muted/30 relative flex w-full cursor-pointer flex-col items-center justify-center rounded-lg border border-dashed px-6 py-5 text-center transition-colors outline-none", "border-primary/60 hover:bg-muted/50 focus-visible:ring-primary/20 focus-visible:ring-2", isDragging && "bg-muted/60", disabled && "cursor-not-allowed opacity-60", className),
+			children: currentPreviewUrl ? /* @__PURE__ */ jsxs("div", {
+				className: "bg-background relative flex min-h-40 w-full items-center justify-center overflow-hidden rounded-md",
+				children: [
+					/* @__PURE__ */ jsx("img", {
+						src: currentPreviewUrl,
+						alt: previewAlt,
+						className: "size-full object-contain"
+					}),
+					onRemove ? /* @__PURE__ */ jsx(Button, {
+						type: "button",
+						variant: "destructive",
+						size: "icon-xs",
+						className: "absolute top-2 right-2 z-10",
+						onClick: handleRemove,
+						disabled,
+						children: /* @__PURE__ */ jsx(X, { className: "size-3.5" })
+					}) : null,
+					hasSelectedFiles ? /* @__PURE__ */ jsxs("div", {
+						className: "bg-background/95 absolute right-2 bottom-2 left-2 rounded-md border px-3 py-2 text-left shadow-sm backdrop-blur",
+						children: [/* @__PURE__ */ jsx("p", {
+							className: "truncate text-sm font-medium",
+							children: selectedFiles[0]?.name
+						}), selectedFiles[0] ? /* @__PURE__ */ jsxs("p", {
+							className: "text-muted-foreground text-xs",
+							children: [
+								getFileTypeLabel(selectedFiles[0]),
+								" | ",
+								formatFileSize(selectedFiles[0].size)
+							]
+						}) : null]
+					}) : null
+				]
+			}) : /* @__PURE__ */ jsxs(Fragment, { children: [
+				/* @__PURE__ */ jsx("div", {
+					className: "text-primary mb-2 flex items-center justify-center",
+					children: emptyIcon ?? /* @__PURE__ */ jsx(Upload, { className: "size-5" })
+				}),
+				/* @__PURE__ */ jsxs("div", {
+					className: "space-y-0.5",
+					children: [/* @__PURE__ */ jsx("p", {
+						className: "text-foreground text-base font-medium",
+						children: title
+					}), helperText ? /* @__PURE__ */ jsx("p", {
+						className: "text-muted-foreground text-sm",
+						children: helperText
+					}) : null]
+				}),
+				/* @__PURE__ */ jsx(Button, {
+					type: "button",
+					size: "sm",
+					className: cn("mt-4 shadow-[0px_1px_1px_rgba(5,32,81,0.05)]", browseButtonClassName),
+					onClick: (event) => {
+						event.stopPropagation();
+						openFilePicker();
+					},
+					disabled,
+					children: browseLabel
+				}),
+				hasSelectedFiles ? /* @__PURE__ */ jsx("div", {
+					className: "mt-4 w-full space-y-2",
+					children: selectedFiles.map((file) => /* @__PURE__ */ jsxs("div", {
+						className: "bg-background flex min-w-0 items-center gap-3 rounded-md border px-3 py-2 text-left",
+						children: [
+							/* @__PURE__ */ jsx(FileText, { className: "text-muted-foreground size-4 shrink-0" }),
+							/* @__PURE__ */ jsxs("div", {
+								className: "min-w-0 flex-1",
+								children: [/* @__PURE__ */ jsx("p", {
+									className: "truncate text-sm font-medium",
+									children: file.name
+								}), /* @__PURE__ */ jsxs("p", {
+									className: "text-muted-foreground text-xs",
+									children: [
+										getFileTypeLabel(file),
+										" | ",
+										formatFileSize(file.size)
+									]
+								})]
+							}),
+							/* @__PURE__ */ jsx(Check, { className: "text-primary size-4 shrink-0" })
+						]
+					}, `${file.name}-${file.size}-${file.lastModified}`))
+				}) : null
+			] })
+		}),
+		footerText ? /* @__PURE__ */ jsx("p", {
+			className: cn("text-muted-foreground mt-2 text-xs", inputClassName),
+			children: footerText
+		}) : null
+	] });
+}
+
+//#endregion
+//#region src/primitives/keyboard-shortcut-hint.tsx
+function KeyboardKeycap({ children, className }) {
+	return /* @__PURE__ */ jsx("span", {
+		className: cn("inline-flex h-4 min-w-4 items-center justify-center rounded-[4px] border px-1 text-[9px] font-semibold leading-none", className),
+		children
+	});
+}
+function ShortcutModifierKeycap({ modifierLabel, className }) {
+	return /* @__PURE__ */ jsx(KeyboardKeycap, {
+		className,
+		children: modifierLabel === "Cmd" ? /* @__PURE__ */ jsx(Command, { className: "size-[10px]" }) : "Ctrl"
+	});
+}
+
+//#endregion
+//#region src/overlays/responsive-sheet.footer.tsx
+function DesktopConfirmShortcutHint({ desktopModifierLabel }) {
+	const keycapClassName = "border-primary-foreground/20 bg-primary-foreground/10";
+	return /* @__PURE__ */ jsxs("span", {
+		className: "text-primary-foreground/70 inline-flex items-center gap-1",
+		children: [/* @__PURE__ */ jsx(ShortcutModifierKeycap, {
+			modifierLabel: desktopModifierLabel,
+			className: keycapClassName
+		}), /* @__PURE__ */ jsx(KeyboardKeycap, {
+			className: keycapClassName,
+			children: /* @__PURE__ */ jsx(CornerDownLeft, { className: "size-[10px]" })
+		})]
+	});
+}
+function SheetActionFooter({ footer, onCancel, cancelLabel, onConfirm, confirmLabel, confirmDisabled, confirmLoading, desktopConfirmShortcutEnabled = false, desktopModifierLabel = null }) {
+	if (footer) return footer;
+	if (!onCancel && !onConfirm) return null;
+	const footerButtonClassName = Number(Boolean(onCancel)) + Number(Boolean(onConfirm)) === 1 ? "w-full" : "min-w-0 flex-1";
+	return /* @__PURE__ */ jsxs("div", {
+		className: "flex w-full flex-nowrap items-center gap-2",
+		children: [onCancel ? /* @__PURE__ */ jsx(Button, {
+			type: "button",
+			variant: "outline",
+			onClick: onCancel,
+			className: footerButtonClassName,
+			children: cancelLabel
+		}) : null, onConfirm ? /* @__PURE__ */ jsx(Button, {
+			type: "button",
+			onClick: onConfirm,
+			disabled: confirmDisabled,
+			className: `${footerButtonClassName} relative`,
+			children: /* @__PURE__ */ jsxs("span", {
+				className: "inline-flex w-full items-center justify-center",
+				children: [/* @__PURE__ */ jsx("span", { children: confirmLoading ? "Saving..." : confirmLabel }), desktopConfirmShortcutEnabled && desktopModifierLabel ? /* @__PURE__ */ jsx("span", {
+					className: "absolute top-1/2 right-2 -translate-y-1/2",
+					children: /* @__PURE__ */ jsx(DesktopConfirmShortcutHint, { desktopModifierLabel })
+				}) : null]
+			})
+		}) : null]
+	});
+}
+
+//#endregion
+//#region src/primitives/sheet.tsx
+function Sheet({ ...props }) {
+	return /* @__PURE__ */ jsx(Dialog$1.Root, {
+		"data-slot": "sheet",
+		...props
+	});
+}
+function SheetPortal({ ...props }) {
+	return /* @__PURE__ */ jsx(Dialog$1.Portal, {
+		"data-slot": "sheet-portal",
+		...props
+	});
+}
+function SheetOverlay({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Dialog$1.Overlay, {
+		"data-slot": "sheet-overlay",
+		className: cn("data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 fixed inset-0 z-50 bg-black/10 backdrop-blur-xs duration-100 data-ending-style:opacity-0 data-starting-style:opacity-0", className),
+		...props
+	});
+}
+function SheetContent({ className, children, side = "right", showCloseButton = true, ...props }) {
+	return /* @__PURE__ */ jsxs(SheetPortal, { children: [/* @__PURE__ */ jsx(SheetOverlay, {}), /* @__PURE__ */ jsxs(Dialog$1.Content, {
+		"data-slot": "sheet-content",
+		"data-side": side,
+		className: cn("bg-background data-open:animate-in data-closed:animate-out data-[side=right]:data-closed:slide-out-to-right-10 data-[side=right]:data-open:slide-in-from-right-10 data-[side=left]:data-closed:slide-out-to-left-10 data-[side=left]:data-open:slide-in-from-left-10 data-[side=top]:data-closed:slide-out-to-top-10 data-[side=top]:data-open:slide-in-from-top-10 data-closed:fade-out-0 data-open:fade-in-0 data-[side=bottom]:data-closed:slide-out-to-bottom-10 data-[side=bottom]:data-open:slide-in-from-bottom-10 fixed z-50 flex flex-col gap-4 overflow-visible bg-clip-padding text-sm shadow-lg transition duration-200 ease-in-out data-[side=bottom]:inset-x-0 data-[side=bottom]:bottom-0 data-[side=bottom]:h-auto data-[side=bottom]:border-t data-[side=left]:inset-y-0 data-[side=left]:left-0 data-[side=left]:h-full data-[side=left]:w-3/4 data-[side=left]:rounded-r-xl data-[side=left]:border-r data-[side=right]:inset-y-0 data-[side=right]:right-0 data-[side=right]:h-full data-[side=right]:w-3/4 data-[side=right]:rounded-l-xl data-[side=right]:border-l data-[side=top]:inset-x-0 data-[side=top]:top-0 data-[side=top]:h-auto data-[side=top]:border-b data-[side=left]:sm:max-w-sm data-[side=right]:sm:max-w-sm", className),
+		...props,
+		children: [children, showCloseButton ? /* @__PURE__ */ jsx(Dialog$1.Close, {
+			"data-slot": "sheet-close",
+			asChild: true,
+			children: /* @__PURE__ */ jsxs(Button, {
+				variant: "ghost",
+				className: "absolute top-3 right-3",
+				size: "icon-sm",
+				children: [/* @__PURE__ */ jsx(X, { className: "size-4" }), /* @__PURE__ */ jsx("span", {
+					className: "sr-only",
+					children: "Close"
+				})]
+			})
+		}) : null]
+	})] });
+}
+function SheetHeader({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "sheet-header",
+		className: cn("flex flex-col gap-0.5 p-4", className),
+		...props
+	});
+}
+function SheetTitle({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Dialog$1.Title, {
+		"data-slot": "sheet-title",
+		className: cn("text-foreground text-base font-medium", className),
+		...props
+	});
+}
+function SheetDescription({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Dialog$1.Description, {
+		"data-slot": "sheet-description",
+		className: cn("text-muted-foreground text-sm", className),
+		...props
+	});
+}
+
+//#endregion
+//#region src/overlays/responsive-sheet.layouts.tsx
+function SheetDescriptionBlock({ title, description, classes }) {
+	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(SheetTitle, {
+		className: classes?.title,
+		children: title
+	}), description ? /* @__PURE__ */ jsx(SheetDescription, {
+		className: classes?.description,
+		children: description
+	}) : null] });
+}
+function shouldPreventOutsideInteraction(target, guard) {
+	const element = target instanceof Element ? target : target instanceof Node ? target.parentElement : null;
+	if (!element) return false;
+	if (element.closest("[data-searchable-select-content]")) return true;
+	return guard?.selectors.some((selector) => element.closest(selector)) ?? false;
+}
+function MobileSheetLayout({ open, onOpenChange, modal, outsideInteractionGuard, title, description, children, footer, mobileDrawerContentClassName, contentClassName, footerClassName, classes }) {
+	return /* @__PURE__ */ jsx(Drawer, {
+		open,
+		onOpenChange,
+		modal,
+		children: /* @__PURE__ */ jsxs(DrawerContent, {
+			"aria-describedby": description ? void 0 : "responsive-sheet-description-empty",
+			className: cn("px-4 pb-[calc(env(safe-area-inset-bottom)+20px)]", mobileDrawerContentClassName, classes?.mobileContent),
+			onInteractOutside: (event) => {
+				if (shouldPreventOutsideInteraction(event.target, outsideInteractionGuard)) event.preventDefault();
+			},
+			onPointerDownOutside: (event) => {
+				if (shouldPreventOutsideInteraction(event.target, outsideInteractionGuard)) event.preventDefault();
+			},
+			children: [/* @__PURE__ */ jsxs(DrawerHeader, {
+				className: cn("px-0 pb-4", classes?.header),
+				children: [/* @__PURE__ */ jsx(DrawerTitle, {
+					className: classes?.title,
+					children: title
+				}), description ? /* @__PURE__ */ jsx(DrawerDescription, {
+					className: classes?.description,
+					children: description
+				}) : /* @__PURE__ */ jsx(DrawerDescription, {
+					id: "responsive-sheet-description-empty",
+					className: "sr-only",
+					children: "Dialog"
+				})]
+			}), /* @__PURE__ */ jsxs("div", {
+				className: "flex min-h-0 flex-1 flex-col gap-4",
+				children: [/* @__PURE__ */ jsx("div", {
+					className: cn("-mx-1 flex-1 overflow-y-auto px-1 pb-3 [scrollbar-gutter:stable]", contentClassName, classes?.body),
+					children
+				}), footer ? /* @__PURE__ */ jsx("div", {
+					className: cn("shrink-0 border-t pt-4 pb-3", footerClassName, classes?.footer),
+					children: footer
+				}) : null]
+			})]
+		})
+	});
+}
+function DesktopSheetLayout({ open, onOpenChange, modal, outsideInteractionGuard, title, description, children, footer, width, contentClassName, footerClassName, classes }) {
+	return /* @__PURE__ */ jsx(Sheet, {
+		open,
+		onOpenChange,
+		modal,
+		children: /* @__PURE__ */ jsxs(SheetContent, {
+			"aria-describedby": description ? void 0 : "responsive-sheet-description-empty",
+			style: {
+				width: `${String(width)}px`,
+				maxWidth: "85vw"
+			},
+			className: cn("flex flex-col gap-0 p-0", classes?.desktopContent),
+			onInteractOutside: (event) => {
+				if (shouldPreventOutsideInteraction(event.target, outsideInteractionGuard)) event.preventDefault();
+			},
+			onPointerDownOutside: (event) => {
+				if (shouldPreventOutsideInteraction(event.target, outsideInteractionGuard)) event.preventDefault();
+			},
+			children: [
+				/* @__PURE__ */ jsx(SheetHeader, {
+					className: cn("border-b px-4 py-4", classes?.header),
+					children: /* @__PURE__ */ jsx(SheetDescriptionBlock, {
+						title,
+						description,
+						classes
+					})
+				}),
+				description ? null : /* @__PURE__ */ jsx(SheetDescription, {
+					id: "responsive-sheet-description-empty",
+					className: "sr-only",
+					children: "Dialog"
+				}),
+				/* @__PURE__ */ jsxs("div", {
+					className: "flex min-h-0 flex-1 flex-col",
+					children: [/* @__PURE__ */ jsx("div", {
+						className: cn("flex-1 overflow-x-visible overflow-y-auto px-4 pt-4 pb-6 [scrollbar-gutter:stable]", contentClassName, classes?.body),
+						children
+					}), footer ? /* @__PURE__ */ jsx("div", {
+						className: cn("border-t px-4 py-4", footerClassName, classes?.footer),
+						children: footer
+					}) : null]
+				})
+			]
+		})
+	});
+}
+
+//#endregion
+//#region src/overlays/responsive-sheet.shortcuts.ts
+function getDesktopShortcutModifierLabel() {
+	if (typeof navigator === "undefined") return "Ctrl";
+	const platform = navigator.userAgentData?.platform ?? navigator.userAgent;
+	return /Mac|iPhone|iPad|iPod/i.test(platform) ? "Cmd" : "Ctrl";
+}
+function isAllowedConfirmShortcutEvent(event, desktopModifierLabel) {
+	if (event.key !== "Enter" || event.repeat || event.isComposing) return false;
+	const expectsMetaKey = desktopModifierLabel === "Cmd";
+	const usedExpectedModifier = expectsMetaKey ? event.metaKey : event.ctrlKey;
+	const usedOtherModifier = expectsMetaKey ? event.ctrlKey : event.metaKey;
+	const usedShiftModifier = event.shiftKey;
+	const usedAltModifier = event.altKey;
+	if (!usedExpectedModifier || usedOtherModifier || usedShiftModifier || usedAltModifier) return false;
+	return true;
+}
+function useDesktopShortcutModifierLabel(enabled) {
+	const [desktopModifierLabel, setDesktopModifierLabel] = useState(null);
+	useEffect(() => {
+		if (!enabled) {
+			setDesktopModifierLabel(null);
+			return;
+		}
+		setDesktopModifierLabel(getDesktopShortcutModifierLabel());
+	}, [enabled]);
+	return desktopModifierLabel;
+}
+function useDesktopConfirmShortcut({ open, enabled, confirmDisabled, confirmLoading, onConfirm }) {
+	useEffect(() => {
+		if (!open || !enabled || !onConfirm || confirmDisabled || confirmLoading) return;
+		const desktopModifierLabel = getDesktopShortcutModifierLabel();
+		const handleKeyDown = (event) => {
+			if (!isAllowedConfirmShortcutEvent(event, desktopModifierLabel)) return;
+			event.preventDefault();
+			onConfirm();
+		};
+		window.addEventListener("keydown", handleKeyDown);
+		return () => {
+			window.removeEventListener("keydown", handleKeyDown);
+		};
+	}, [
+		confirmDisabled,
+		confirmLoading,
+		enabled,
+		onConfirm,
+		open
+	]);
+}
+
+//#endregion
+//#region src/utils/use-media-query.ts
+function useMediaQuery(query, defaultValue = false) {
+	const [matches, setMatches] = useState(defaultValue);
+	useEffect(() => {
+		const mediaQuery = window.matchMedia(query);
+		const handleChange = () => {
+			setMatches(mediaQuery.matches);
+		};
+		handleChange();
+		mediaQuery.addEventListener("change", handleChange);
+		return () => {
+			mediaQuery.removeEventListener("change", handleChange);
+		};
+	}, [query]);
+	return matches;
+}
+function useIsMobile(maxWidth = 767) {
+	return useMediaQuery(`(max-width: ${String(maxWidth)}px)`);
+}
+
+//#endregion
+//#region src/overlays/responsive-sheet.tsx
+function ResponsiveSheet({ open, onOpenChange, title, description, children, footer, onCancel, cancelLabel = "Cancel", onConfirm, confirmLabel = "Save", confirmDisabled = false, confirmLoading = false, width = 550, modal = true, outsideInteractionGuard, enableDesktopConfirmShortcut = true, mobileDrawerContentClassName, className, contentClassName, footerClassName, classes }) {
+	const isMobile = useIsMobile();
+	const desktopConfirmShortcutEnabled = !isMobile && enableDesktopConfirmShortcut && Boolean(onConfirm);
+	const desktopModifierLabel = useDesktopShortcutModifierLabel(desktopConfirmShortcutEnabled);
+	useDesktopConfirmShortcut({
+		open,
+		enabled: desktopConfirmShortcutEnabled,
+		confirmDisabled,
+		confirmLoading,
+		onConfirm: onConfirm ? () => {
+			onConfirm();
+		} : void 0
+	});
+	const resolvedFooter = /* @__PURE__ */ jsx(SheetActionFooter, {
+		footer,
+		onCancel,
+		cancelLabel,
+		onConfirm,
+		confirmLabel,
+		confirmDisabled,
+		confirmLoading,
+		desktopConfirmShortcutEnabled,
+		desktopModifierLabel
+	});
+	const sharedLayoutProps = {
+		open,
+		onOpenChange,
+		modal,
+		outsideInteractionGuard,
+		title,
+		description,
+		footer: [
+			footer,
+			onCancel,
+			onConfirm
+		].some((value) => value !== null && value !== void 0) ? resolvedFooter : null,
+		children,
+		contentClassName,
+		footerClassName,
+		mobileDrawerContentClassName,
+		classes: {
+			...classes,
+			desktopContent: cn(className, classes?.desktopContent),
+			mobileContent: cn(className, mobileDrawerContentClassName, classes?.mobileContent)
+		}
+	};
+	return isMobile ? /* @__PURE__ */ jsx(MobileSheetLayout, { ...sharedLayoutProps }) : /* @__PURE__ */ jsx(DesktopSheetLayout, {
+		...sharedLayoutProps,
+		width
+	});
+}
+
+//#endregion
+//#region src/primitives/tooltip.tsx
+function TooltipProvider({ delayDuration = 0, ...props }) {
+	return /* @__PURE__ */ jsx(Tooltip$1.Provider, {
+		"data-slot": "tooltip-provider",
+		delayDuration,
+		...props
+	});
+}
+function Tooltip({ ...props }) {
+	return /* @__PURE__ */ jsx(Tooltip$1.Root, {
+		"data-slot": "tooltip",
+		...props
+	});
+}
+function TooltipTrigger({ ...props }) {
+	return /* @__PURE__ */ jsx(Tooltip$1.Trigger, {
+		"data-slot": "tooltip-trigger",
+		...props
+	});
+}
+function TooltipContent({ className, sideOffset = 0, children, ...props }) {
+	return /* @__PURE__ */ jsx(Tooltip$1.Portal, { children: /* @__PURE__ */ jsxs(Tooltip$1.Content, {
+		"data-slot": "tooltip-content",
+		sideOffset,
+		className: cn("data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-[state=delayed-open]:animate-in data-[state=delayed-open]:fade-in-0 data-[state=delayed-open]:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-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 rounded-md bg-foreground px-3 py-1.5 text-xs text-background z-50 w-fit max-w-[min(20rem,calc(100vw-1.5rem))] whitespace-normal break-words origin-(--radix-tooltip-content-transform-origin)", className),
+		...props,
+		children: [children, /* @__PURE__ */ jsx(Tooltip$1.Arrow, { className: "size-2.5 rotate-45 rounded-[2px] bg-foreground fill-foreground z-50 translate-y-[calc(-50%_-_2px)]" })]
+	}) });
+}
+
+//#endregion
+//#region src/primitives/help-info-button.tsx
+function HelpInfoButton({ ariaLabel, tooltip, title, description, children, width = 620 }) {
+	const [open, setOpen] = useState(false);
+	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs(Tooltip, { children: [/* @__PURE__ */ jsx(TooltipTrigger, {
+		asChild: true,
+		children: /* @__PURE__ */ jsx(Button, {
+			type: "button",
+			variant: "ghost",
+			size: "icon",
+			className: "size-6 text-muted-foreground hover:text-foreground",
+			"aria-label": ariaLabel,
+			onClick: () => {
+				setOpen(true);
+			},
+			children: /* @__PURE__ */ jsx(CircleHelp, { className: "size-3.5" })
+		})
+	}), /* @__PURE__ */ jsx(TooltipContent, { children: tooltip })] }), /* @__PURE__ */ jsx(ResponsiveSheet, {
+		open,
+		onOpenChange: setOpen,
+		title,
+		description,
+		cancelLabel: "Close",
+		onCancel: () => {
+			setOpen(false);
+		},
+		width,
+		children
+	})] });
+}
+
+//#endregion
+//#region src/primitives/input.tsx
+function Input({ className, type, ...props }) {
+	return /* @__PURE__ */ jsx("input", {
+		type,
+		"data-slot": "input",
+		className: cn("dark:bg-input/30 border-input focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 disabled:bg-input/50 dark:disabled:bg-input/80 h-8 rounded-lg border bg-transparent px-2.5 py-1 text-base transition-colors file:h-6 file:text-sm file:font-medium focus-visible:ring-3 aria-invalid:ring-3 md:text-sm file:text-foreground placeholder:text-muted-foreground w-full min-w-0 outline-none file:inline-flex file:border-0 file:bg-transparent disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50", className),
+		...props
+	});
+}
+
+//#endregion
+//#region src/primitives/label.tsx
+function Label({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Label$1.Root, {
+		"data-slot": "label",
+		className: cn("flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50", className),
+		...props
+	});
+}
+
+//#endregion
+//#region src/primitives/pagination.tsx
+function Pagination({ currentPage, totalPages, totalItems, pageSize, startIndex, endIndex, onPageChange, pageSizeOptions, onPageSizeChange, className }) {
+	if (totalPages <= 1) return null;
+	const hasPrevPage = currentPage > 1;
+	const hasNextPage = currentPage < totalPages;
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn("flex items-center justify-between gap-3 py-3", className),
+		children: [/* @__PURE__ */ jsx("div", {
+			className: "text-xs text-muted-foreground",
+			children: totalItems === 0 ? "No items" : /* @__PURE__ */ jsxs(Fragment, { children: [
+				"Showing ",
+				/* @__PURE__ */ jsx("span", {
+					className: "font-medium",
+					children: startIndex + 1
+				}),
+				" -",
+				" ",
+				/* @__PURE__ */ jsx("span", {
+					className: "font-medium",
+					children: endIndex
+				}),
+				" of",
+				" ",
+				/* @__PURE__ */ jsx("span", {
+					className: "font-medium",
+					children: totalItems
+				})
+			] })
+		}), /* @__PURE__ */ jsxs("div", {
+			className: "flex items-center gap-1.5",
+			children: [
+				pageSizeOptions && onPageSizeChange && /* @__PURE__ */ jsxs("div", {
+					className: "hidden items-center gap-1.5 sm:flex",
+					children: [/* @__PURE__ */ jsx("span", {
+						className: "text-xs text-muted-foreground",
+						children: "Rows:"
+					}), /* @__PURE__ */ jsx("select", {
+						value: String(pageSize),
+						onChange: (event) => {
+							onPageSizeChange(Number(event.target.value));
+						},
+						className: "border-input bg-background h-7 w-[64px] rounded-md border px-2 text-xs",
+						children: pageSizeOptions.map((size) => /* @__PURE__ */ jsx("option", {
+							value: String(size),
+							children: size
+						}, size))
+					})]
+				}),
+				/* @__PURE__ */ jsxs("div", {
+					className: "hidden text-xs text-muted-foreground sm:block",
+					children: [
+						"Page ",
+						currentPage,
+						" of ",
+						totalPages
+					]
+				}),
+				/* @__PURE__ */ jsxs("div", {
+					className: "flex items-center gap-0.5",
+					children: [
+						/* @__PURE__ */ jsxs(Button, {
+							variant: "outline",
+							size: "icon",
+							className: "size-7",
+							onClick: () => {
+								onPageChange(1);
+							},
+							disabled: !hasPrevPage,
+							children: [/* @__PURE__ */ jsx(ChevronsLeft, { className: "size-3.5" }), /* @__PURE__ */ jsx("span", {
+								className: "sr-only",
+								children: "First page"
+							})]
+						}),
+						/* @__PURE__ */ jsxs(Button, {
+							variant: "outline",
+							size: "icon",
+							className: "size-7",
+							onClick: () => {
+								onPageChange(currentPage - 1);
+							},
+							disabled: !hasPrevPage,
+							children: [/* @__PURE__ */ jsx(ChevronLeft, { className: "size-3.5" }), /* @__PURE__ */ jsx("span", {
+								className: "sr-only",
+								children: "Previous page"
+							})]
+						}),
+						/* @__PURE__ */ jsxs("span", {
+							className: "px-1.5 text-xs sm:hidden",
+							children: [
+								currentPage,
+								"/",
+								totalPages
+							]
+						}),
+						/* @__PURE__ */ jsxs(Button, {
+							variant: "outline",
+							size: "icon",
+							className: "size-7",
+							onClick: () => {
+								onPageChange(currentPage + 1);
+							},
+							disabled: !hasNextPage,
+							children: [/* @__PURE__ */ jsx(ChevronRight, { className: "size-3.5" }), /* @__PURE__ */ jsx("span", {
+								className: "sr-only",
+								children: "Next page"
+							})]
+						}),
+						/* @__PURE__ */ jsxs(Button, {
+							variant: "outline",
+							size: "icon",
+							className: "size-7",
+							onClick: () => {
+								onPageChange(totalPages);
+							},
+							disabled: !hasNextPage,
+							children: [/* @__PURE__ */ jsx(ChevronsRight, { className: "size-3.5" }), /* @__PURE__ */ jsx("span", {
+								className: "sr-only",
+								children: "Last page"
+							})]
+						})
+					]
+				})
+			]
+		})]
+	});
+}
+
+//#endregion
+//#region src/primitives/popover.tsx
+function Popover({ ...props }) {
+	return /* @__PURE__ */ jsx(Popover$1.Root, {
+		"data-slot": "popover",
+		...props
+	});
+}
+function PopoverTrigger({ ...props }) {
+	return /* @__PURE__ */ jsx(Popover$1.Trigger, {
+		"data-slot": "popover-trigger",
+		...props
+	});
+}
+function PopoverContent({ className, align = "center", sideOffset = 4, ...props }) {
+	return /* @__PURE__ */ jsx(Popover$1.Portal, { children: /* @__PURE__ */ jsx(Popover$1.Content, {
+		"data-slot": "popover-content",
+		align,
+		sideOffset,
+		className: cn("z-50 flex w-72 origin-(--radix-popover-content-transform-origin) flex-col gap-2.5 rounded-lg bg-popover p-2.5 text-sm text-popover-foreground shadow-md ring-1 ring-foreground/10 outline-hidden duration-100 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 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95", className),
+		...props
+	}) });
+}
+
+//#endregion
+//#region src/primitives/scroll-fade-area.tsx
+const MIN_THUMB_SIZE = 40;
+const SCROLLBAR_INSET = 6;
+function getScrollFadeMask({ canScrollEnd, canScrollStart, orientation }) {
+	const direction = orientation === "horizontal" ? "right" : "bottom";
+	if (canScrollStart && canScrollEnd) return `linear-gradient(to ${direction}, transparent, black var(--scroll-fade-size), black calc(100% - var(--scroll-fade-size)), transparent)`;
+	if (canScrollStart) return `linear-gradient(to ${direction}, transparent, black var(--scroll-fade-size))`;
+	if (canScrollEnd) return `linear-gradient(to ${direction}, black calc(100% - var(--scroll-fade-size)), transparent)`;
+	return "none";
+}
+function getScrollState(scrollArea, orientation) {
+	if (orientation === "horizontal") return {
+		canScrollStart: scrollArea.scrollLeft > 1,
+		canScrollEnd: scrollArea.scrollLeft + scrollArea.clientWidth < scrollArea.scrollWidth - 1
+	};
+	return {
+		canScrollStart: scrollArea.scrollTop > 1,
+		canScrollEnd: scrollArea.scrollTop + scrollArea.clientHeight < scrollArea.scrollHeight - 1
+	};
+}
+function getVerticalScrollbarState(scrollArea) {
+	const trackHeight = scrollArea.clientHeight - SCROLLBAR_INSET * 2;
+	const maxScrollTop = scrollArea.scrollHeight - scrollArea.clientHeight;
+	if (maxScrollTop <= 0 || trackHeight <= 0) return {
+		isScrollable: false,
+		thumbHeight: 0,
+		thumbTop: 0
+	};
+	const thumbHeight = Math.max(scrollArea.clientHeight / scrollArea.scrollHeight * trackHeight, MIN_THUMB_SIZE);
+	return {
+		isScrollable: true,
+		thumbHeight,
+		thumbTop: (trackHeight - thumbHeight) * (scrollArea.scrollTop / maxScrollTop)
+	};
+}
+function ScrollFadeArea({ children, className, fadeSize = 24, onPointerEnter, onPointerLeave, onScroll, orientation = "vertical", scrollbarVisibility = "hidden", style, viewportClassName, ...props }) {
+	const scrollAreaRef = React.useRef(null);
+	const dragOffsetRef = React.useRef(0);
+	const [scrollState, setScrollState] = React.useState({
+		canScrollStart: false,
+		canScrollEnd: false
+	});
+	const [verticalScrollbarState, setVerticalScrollbarState] = React.useState({
+		isScrollable: false,
+		thumbHeight: 0,
+		thumbTop: 0
+	});
+	const [isSectionActive, setIsSectionActive] = React.useState(false);
+	const [isDraggingScrollbar, setIsDraggingScrollbar] = React.useState(false);
+	const shouldRenderSectionScrollbar = orientation === "vertical" && scrollbarVisibility === "section-hover";
+	const isSectionScrollbarVisible = isSectionActive || isDraggingScrollbar;
+	const updateScrollState = React.useCallback(() => {
+		const scrollArea = scrollAreaRef.current;
+		if (!scrollArea) return;
+		const nextScrollState = getScrollState(scrollArea, orientation);
+		setScrollState((currentScrollState) => {
+			if (currentScrollState.canScrollStart === nextScrollState.canScrollStart && currentScrollState.canScrollEnd === nextScrollState.canScrollEnd) return currentScrollState;
+			return nextScrollState;
+		});
+		if (shouldRenderSectionScrollbar) setVerticalScrollbarState(getVerticalScrollbarState(scrollArea));
+	}, [orientation, shouldRenderSectionScrollbar]);
+	const scrollToThumbPosition = React.useCallback((thumbTop) => {
+		const scrollArea = scrollAreaRef.current;
+		if (!scrollArea) return;
+		const maxThumbTop = scrollArea.clientHeight - SCROLLBAR_INSET * 2 - verticalScrollbarState.thumbHeight;
+		scrollArea.scrollTop = (scrollArea.scrollHeight - scrollArea.clientHeight) * (maxThumbTop > 0 ? Math.min(Math.max(thumbTop, 0), maxThumbTop) / maxThumbTop : 0);
+		updateScrollState();
+	}, [updateScrollState, verticalScrollbarState.thumbHeight]);
+	function handleTrackPointerDown(event) {
+		if (event.target !== event.currentTarget) return;
+		scrollToThumbPosition(event.nativeEvent.offsetY - verticalScrollbarState.thumbHeight / 2);
+	}
+	function handleThumbPointerDown(event) {
+		event.preventDefault();
+		event.currentTarget.setPointerCapture(event.pointerId);
+		setIsDraggingScrollbar(true);
+		dragOffsetRef.current = event.clientY - SCROLLBAR_INSET - verticalScrollbarState.thumbTop;
+	}
+	function handleThumbPointerMove(event) {
+		if (!event.currentTarget.hasPointerCapture(event.pointerId)) return;
+		scrollToThumbPosition(event.clientY - SCROLLBAR_INSET - dragOffsetRef.current);
+	}
+	function handleThumbPointerUp(event) {
+		if (event.currentTarget.hasPointerCapture(event.pointerId)) event.currentTarget.releasePointerCapture(event.pointerId);
+		setIsDraggingScrollbar(false);
+	}
+	React.useEffect(() => {
+		const scrollArea = scrollAreaRef.current;
+		if (!scrollArea) return;
+		updateScrollState();
+		const resizeObserver = new ResizeObserver(updateScrollState);
+		resizeObserver.observe(scrollArea);
+		if (scrollArea.firstElementChild) resizeObserver.observe(scrollArea.firstElementChild);
+		return () => {
+			resizeObserver.disconnect();
+		};
+	}, [children, updateScrollState]);
+	const maskImage = getScrollFadeMask({
+		canScrollEnd: scrollState.canScrollEnd,
+		canScrollStart: scrollState.canScrollStart,
+		orientation
+	});
+	const maskStyle = {
+		"--scroll-fade-size": `${String(fadeSize)}px`,
+		WebkitMaskImage: maskImage,
+		maskImage
+	};
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn("group/scroll-fade relative min-h-0 min-w-0", className),
+		style,
+		onPointerEnter: (event) => {
+			setIsSectionActive(true);
+			onPointerEnter?.(event);
+		},
+		onPointerLeave: (event) => {
+			setIsSectionActive(false);
+			onPointerLeave?.(event);
+		},
+		...props,
+		children: [/* @__PURE__ */ jsx("div", {
+			ref: scrollAreaRef,
+			className: cn("min-h-0 min-w-0", orientation === "horizontal" ? "overflow-x-auto" : "h-full overflow-y-auto", "[-ms-overflow-style:none] [scrollbar-width:none] [&::-webkit-scrollbar]:hidden", viewportClassName),
+			style: maskStyle,
+			onScroll: (event) => {
+				updateScrollState();
+				onScroll?.(event);
+			},
+			children
+		}), shouldRenderSectionScrollbar && verticalScrollbarState.isScrollable ? /* @__PURE__ */ jsx("div", {
+			"aria-hidden": "true",
+			className: cn("absolute top-1.5 right-0 bottom-1.5 z-10 w-3 transition-opacity duration-150", isSectionScrollbarVisible ? "pointer-events-auto opacity-100" : "pointer-events-none opacity-0"),
+			"data-section-scrollbar": "true",
+			onPointerDown: handleTrackPointerDown,
+			children: /* @__PURE__ */ jsx("div", {
+				className: "absolute right-1 w-1.5 rounded-full bg-black/15 transition-colors hover:bg-black/25",
+				onPointerDown: handleThumbPointerDown,
+				onPointerMove: handleThumbPointerMove,
+				onPointerUp: handleThumbPointerUp,
+				onPointerCancel: handleThumbPointerUp,
+				style: {
+					height: `${String(verticalScrollbarState.thumbHeight)}px`,
+					transform: `translateY(${String(verticalScrollbarState.thumbTop)}px)`
+				}
+			})
+		}) : null]
+	});
+}
+
+//#endregion
+//#region src/primitives/tabs.tsx
+function Tabs({ className, orientation = "horizontal", ...props }) {
+	return /* @__PURE__ */ jsx(Tabs$1.Root, {
+		"data-slot": "tabs",
+		"data-orientation": orientation,
+		className: cn("group/tabs flex gap-2 data-horizontal:flex-col", className),
+		...props
+	});
+}
+const tabsListVariants = cva("gap-2 rounded-lg p-[3px] group-data-horizontal/tabs:h-8 data-[variant=line]:rounded-none group/tabs-list text-muted-foreground inline-flex w-fit items-center justify-center group-data-vertical/tabs:h-fit group-data-vertical/tabs:flex-col", {
+	variants: { variant: {
+		default: "bg-muted",
+		line: "gap-2 bg-transparent"
+	} },
+	defaultVariants: { variant: "default" }
+});
+function TabsList({ className, variant = "default", ...props }) {
+	return /* @__PURE__ */ jsx(Tabs$1.List, {
+		"data-slot": "tabs-list",
+		"data-variant": variant,
+		className: cn(tabsListVariants({ variant }), className),
+		...props
+	});
+}
+function TabsScrollArea({ className, viewportClassName, ...props }) {
+	return /* @__PURE__ */ jsx(ScrollFadeArea, {
+		...props,
+		"data-slot": "tabs-scroll-area",
+		orientation: "horizontal",
+		className: cn("w-full min-w-0", className),
+		viewportClassName: cn("min-w-0", viewportClassName)
+	});
+}
+function TabsTrigger({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Tabs$1.Trigger, {
+		"data-slot": "tabs-trigger",
+		className: cn("focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring text-foreground/60 hover:text-foreground dark:text-muted-foreground dark:hover:text-foreground relative inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-1.5 py-0.5 text-sm font-medium whitespace-nowrap transition-all group-data-vertical/tabs:w-full group-data-vertical/tabs:justify-start focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 group-data-[variant=default]/tabs-list:data-active:shadow-sm group-data-[variant=line]/tabs-list:data-active:shadow-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", "group-data-[variant=line]/tabs-list:bg-transparent group-data-[variant=line]/tabs-list:data-active:bg-transparent dark:group-data-[variant=line]/tabs-list:data-active:border-transparent dark:group-data-[variant=line]/tabs-list:data-active:bg-transparent", "data-active:bg-background dark:data-active:text-foreground dark:data-active:border-input dark:data-active:bg-input/30 data-active:text-foreground", "after:bg-foreground after:absolute after:opacity-0 after:transition-opacity group-data-horizontal/tabs:after:inset-x-0 group-data-horizontal/tabs:after:bottom-[-5px] group-data-horizontal/tabs:after:h-0.5 group-data-vertical/tabs:after:inset-y-0 group-data-vertical/tabs:after:-right-1 group-data-vertical/tabs:after:w-0.5 group-data-[variant=line]/tabs-list:data-active:after:opacity-100", className),
+		...props
+	});
+}
+function TabsContent({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Tabs$1.Content, {
+		"data-slot": "tabs-content",
+		className: cn("flex-1 text-sm outline-none", className),
+		...props
+	});
+}
+
+//#endregion
+//#region src/primitives/segmented-toggle.tsx
+function SegmentedToggle({ value, onChange, options, disabled = false, className, variant = "default", scrollable = false }) {
+	const isPrimaryVariant = variant === "primary";
+	return /* @__PURE__ */ jsx(Tabs, {
+		value,
+		onValueChange: (nextValue) => {
+			if (nextValue) onChange(nextValue);
+		},
+		className: cn("w-full", disabled && "opacity-50", className),
+		children: scrollable ? /* @__PURE__ */ jsx(TabsScrollArea, { children: /* @__PURE__ */ jsx(TabsList, {
+			className: cn("w-full min-w-max", isPrimaryVariant && "border-border bg-background h-8 gap-0.5 rounded-lg border p-0.5 shadow-none"),
+			children: options.map((option) => /* @__PURE__ */ jsxs(TabsTrigger, {
+				value: option.value,
+				disabled,
+				className: cn("shrink-0", isPrimaryVariant && [
+					"text-foreground h-full gap-1.5 rounded-md px-2 py-0 text-[13px] leading-5 font-medium tracking-[-0.28px] shadow-none",
+					"hover:text-foreground",
+					"data-active:border-border data-active:bg-accent data-active:text-accent-foreground data-active:shadow-none",
+					"[&_svg:not([class*=size-])]:size-4"
+				]),
+				children: [option.icon, option.label]
+			}, option.value))
+		}) }) : /* @__PURE__ */ jsx(TabsList, {
+			className: cn("w-full", isPrimaryVariant && "border-border bg-background h-8 gap-0.5 rounded-lg border p-0.5 shadow-none"),
+			children: options.map((option) => /* @__PURE__ */ jsxs(TabsTrigger, {
+				value: option.value,
+				disabled,
+				className: cn("flex-1", isPrimaryVariant && [
+					"text-foreground h-full gap-1.5 rounded-md px-2 py-0 text-[13px] leading-5 font-medium tracking-[-0.28px] shadow-none",
+					"hover:text-foreground",
+					"data-active:border-border data-active:bg-accent data-active:text-accent-foreground data-active:shadow-none",
+					"[&_svg:not([class*=size-])]:size-4"
+				]),
+				children: [option.icon, option.label]
+			}, option.value))
+		})
+	});
+}
+
+//#endregion
+//#region src/primitives/select.tsx
+function Select({ ...props }) {
+	return /* @__PURE__ */ jsx(Select$1.Root, {
+		"data-slot": "select",
+		...props
+	});
+}
+function SelectValue({ ...props }) {
+	return /* @__PURE__ */ jsx(Select$1.Value, {
+		"data-slot": "select-value",
+		...props
+	});
+}
+function SelectTrigger({ className, size = "default", children, ...props }) {
+	return /* @__PURE__ */ jsxs(Select$1.Trigger, {
+		"data-slot": "select-trigger",
+		"data-size": size,
+		className: cn("border-input data-placeholder:text-muted-foreground dark:bg-input/30 dark:hover:bg-input/50 focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 gap-1.5 rounded-lg border bg-transparent py-1 pr-2 pl-2 text-sm transition-colors select-none focus-visible:ring-3 aria-invalid:ring-3 data-[size=default]:h-8 data-[size=sm]:h-7 data-[size=sm]:rounded-[min(var(--radius-md),10px)] *:data-[slot=select-value]:gap-1.5 [&_svg:not([class*='size-'])]:size-4 flex w-fit items-center justify-between whitespace-nowrap outline-none disabled:cursor-not-allowed disabled:opacity-50 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center [&_svg]:pointer-events-none [&_svg]:shrink-0", className),
+		...props,
+		children: [children, /* @__PURE__ */ jsx(Select$1.Icon, {
+			asChild: true,
+			children: /* @__PURE__ */ jsx(ChevronsUpDown, { className: "text-muted-foreground size-4 pointer-events-none" })
+		})]
+	});
+}
+function SelectContent({ className, children, position = "item-aligned", align = "center", ...props }) {
+	return /* @__PURE__ */ jsx(Select$1.Portal, { children: /* @__PURE__ */ jsxs(Select$1.Content, {
+		"data-slot": "select-content",
+		"data-align-trigger": position === "item-aligned",
+		className: cn("bg-popover text-popover-foreground data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-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 ring-foreground/10 min-w-[250px] rounded-lg shadow-md ring-1 duration-100 relative z-50 max-h-(--radix-select-content-available-height) origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto data-[align-trigger=true]:animate-none", position === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1", className),
+		position,
+		align,
+		...props,
+		children: [
+			/* @__PURE__ */ jsx(SelectScrollUpButton, {}),
+			/* @__PURE__ */ jsx(Select$1.Viewport, {
+				"data-position": position,
+				className: cn("data-[position=popper]:h-(--radix-select-trigger-height) data-[position=popper]:w-full data-[position=popper]:min-w-(--radix-select-trigger-width)", position === "popper" && ""),
+				children
+			}),
+			/* @__PURE__ */ jsx(SelectScrollDownButton, {})
+		]
+	}) });
+}
+function SelectItem({ className, children, ...props }) {
+	return /* @__PURE__ */ jsxs(Select$1.Item, {
+		"data-slot": "select-item",
+		className: cn("focus:bg-accent focus:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground gap-1.5 rounded-md py-1 pr-8 pl-1.5 text-sm [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2 relative flex w-full cursor-default items-center outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0", className),
+		...props,
+		children: [/* @__PURE__ */ jsx("span", {
+			className: "pointer-events-none absolute right-2 flex size-4 items-center justify-center",
+			children: /* @__PURE__ */ jsx(Select$1.ItemIndicator, { children: /* @__PURE__ */ jsx(Check, { className: "pointer-events-none size-4" }) })
+		}), /* @__PURE__ */ jsx(Select$1.ItemText, { children })]
+	});
+}
+function SelectScrollUpButton({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Select$1.ScrollUpButton, {
+		"data-slot": "select-scroll-up-button",
+		className: cn("bg-popover z-10 flex cursor-default items-center justify-center py-1 [&_svg:not([class*='size-'])]:size-4", className),
+		...props,
+		children: /* @__PURE__ */ jsx(ChevronUp, {})
+	});
+}
+function SelectScrollDownButton({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Select$1.ScrollDownButton, {
+		"data-slot": "select-scroll-down-button",
+		className: cn("bg-popover z-10 flex cursor-default items-center justify-center py-1 [&_svg:not([class*='size-'])]:size-4", className),
+		...props,
+		children: /* @__PURE__ */ jsx(ChevronDown, {})
+	});
+}
+
+//#endregion
+//#region src/primitives/skeleton.tsx
+function Skeleton({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "skeleton",
+		className: cn("bg-muted rounded-md animate-pulse", className),
+		...props
+	});
+}
+
+//#endregion
+//#region src/primitives/switch.tsx
+function Switch({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Switch$1.Root, {
+		"data-slot": "switch",
+		className: cn("peer data-[state=checked]:bg-primary data-[state=unchecked]:bg-input inline-flex h-6 w-11 shrink-0 items-center rounded-full border border-transparent shadow-xs transition-all outline-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50", className),
+		...props,
+		children: /* @__PURE__ */ jsx(Switch$1.Thumb, {
+			"data-slot": "switch-thumb",
+			className: cn("bg-background pointer-events-none block size-5 rounded-full ring-0 transition-transform data-[state=checked]:translate-x-[22px] data-[state=unchecked]:translate-x-0.5")
+		})
+	});
+}
+
+//#endregion
+//#region src/primitives/table.tsx
+function Table({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "table-container",
+		className: "relative w-full min-w-0 overflow-x-auto",
+		children: /* @__PURE__ */ jsx("table", {
+			"data-slot": "table",
+			className: cn("w-full min-w-0 caption-bottom text-sm", className),
+			...props
+		})
+	});
+}
+function TableHeader({ className, ...props }) {
+	return /* @__PURE__ */ jsx("thead", {
+		"data-slot": "table-header",
+		className: cn("[&_tr]:border-b", className),
+		...props
+	});
+}
+function TableBody({ className, ...props }) {
+	return /* @__PURE__ */ jsx("tbody", {
+		"data-slot": "table-body",
+		className: cn("[&_tr:last-child]:border-0", className),
+		...props
+	});
+}
+function TableFooter({ className, ...props }) {
+	return /* @__PURE__ */ jsx("tfoot", {
+		"data-slot": "table-footer",
+		className: cn("bg-muted/50 border-t font-medium [&>tr]:last:border-b-0", className),
+		...props
+	});
+}
+function TableRow({ className, ...props }) {
+	return /* @__PURE__ */ jsx("tr", {
+		"data-slot": "table-row",
+		className: cn("hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors", className),
+		...props
+	});
+}
+function TableHead({ className, ...props }) {
+	return /* @__PURE__ */ jsx("th", {
+		"data-slot": "table-head",
+		className: cn("text-foreground h-10 overflow-hidden px-2 text-left align-middle font-medium text-ellipsis whitespace-nowrap [&:has([role=checkbox])]:pr-0", className),
+		...props
+	});
+}
+function TableCell({ className, ...props }) {
+	return /* @__PURE__ */ jsx("td", {
+		"data-slot": "table-cell",
+		className: cn("overflow-hidden p-2 align-middle text-ellipsis whitespace-nowrap [&:has([role=checkbox])]:pr-0", className),
+		...props
+	});
+}
+function TableCaption({ className, ...props }) {
+	return /* @__PURE__ */ jsx("caption", {
+		"data-slot": "table-caption",
+		className: cn("text-muted-foreground mt-4 text-sm", className),
+		...props
+	});
+}
+
+//#endregion
+//#region src/primitives/textarea.tsx
+function Textarea({ className, ...props }) {
+	return /* @__PURE__ */ jsx("textarea", {
+		"data-slot": "textarea",
+		className: cn("dark:bg-input/30 border-input focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 disabled:bg-input/50 dark:disabled:bg-input/80 min-h-24 rounded-lg border bg-transparent px-3 py-2 text-base transition-colors placeholder:text-muted-foreground w-full min-w-0 resize-y outline-none focus-visible:ring-3 aria-invalid:ring-3 md:text-sm disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50", className),
+		...props
+	});
+}
+
+//#endregion
+//#region src/primitives/user-picker-utils.ts
+function formatUserDisplayName(user, fallbackName = "User") {
+	const label = user.label?.trim();
+	if (label) return label;
+	const email = user.email?.trim();
+	if (email) return email;
+	return fallbackName;
+}
+function formatSelectedUserSummary(selectedUsers, copy = {}) {
+	const selectedNames = selectedUsers.slice(0, 2).map((user) => formatUserDisplayName(user, copy.fallbackName));
+	const remainingCount = selectedUsers.length - selectedNames.length;
+	if (remainingCount <= 0) return selectedNames.join(", ");
+	const remainingLabel = remainingCount === 1 ? copy.selectedSingleLabel ?? "person" : copy.selectedPluralLabel ?? "people";
+	return `${selectedNames.join(", ")} +${String(remainingCount)} ${remainingLabel}`;
+}
+function buildUserInitials(user, fallbackName) {
+	const displayName = formatUserDisplayName(user, fallbackName);
+	const nameParts = displayName.split(/\s+/).filter(Boolean).slice(0, 2);
+	if (nameParts.length > 1) return nameParts.map((part) => part[0]?.toUpperCase()).join("");
+	return displayName[0]?.toUpperCase() ?? "U";
+}
+function filterSelectableUsers(users, selectedValues) {
+	const selectedValueSet = new Set(selectedValues);
+	return users.filter((user) => !user.archived || selectedValueSet.has(user.value));
+}
+function filterUsersBySearch(users, search, fallbackName) {
+	const normalizedSearch = search.trim().toLowerCase();
+	if (!normalizedSearch) return [...users];
+	return users.filter((user) => {
+		return [
+			formatUserDisplayName(user, fallbackName),
+			user.email,
+			user.searchText
+		].filter(Boolean).join(" ").toLowerCase().includes(normalizedSearch);
+	});
+}
+function toggleUserSelection(selectedValues, toggledValue) {
+	if (selectedValues.includes(toggledValue)) return selectedValues.filter((value) => value !== toggledValue);
+	return [...selectedValues, toggledValue];
+}
+
+//#endregion
+//#region src/primitives/user-picker.tsx
+function UserAvatar({ user, className, fallbackName }) {
+	return /* @__PURE__ */ jsxs(Avatar, {
+		size: "sm",
+		className,
+		children: [user.imageUrl ? /* @__PURE__ */ jsx(AvatarImage, {
+			src: user.imageUrl,
+			alt: formatUserDisplayName(user, fallbackName)
+		}) : null, /* @__PURE__ */ jsx(AvatarFallback, { children: buildUserInitials(user, fallbackName) })]
+	});
+}
+function UserRow({ user, fallbackName }) {
+	return /* @__PURE__ */ jsxs("span", {
+		className: "flex min-w-0 items-center gap-2",
+		children: [/* @__PURE__ */ jsx(UserAvatar, {
+			user,
+			fallbackName
+		}), /* @__PURE__ */ jsxs("span", {
+			className: "min-w-0",
+			children: [/* @__PURE__ */ jsx("span", {
+				className: "block truncate font-medium",
+				children: formatUserDisplayName(user, fallbackName)
+			}), user.email ? /* @__PURE__ */ jsx("span", {
+				className: "block truncate text-xs text-muted-foreground",
+				children: user.email
+			}) : null]
+		})]
+	});
+}
+function MultipleUserValue({ selectedUsers, placeholder, copy }) {
+	if (selectedUsers.length === 0) return /* @__PURE__ */ jsx("span", {
+		className: "text-muted-foreground",
+		children: placeholder
+	});
+	return /* @__PURE__ */ jsxs("span", {
+		className: "flex min-w-0 items-center gap-2",
+		children: [/* @__PURE__ */ jsx("span", {
+			className: "flex -space-x-2",
+			children: selectedUsers.slice(0, 3).map((user) => /* @__PURE__ */ jsx(UserAvatar, {
+				user,
+				className: "ring-2 ring-background",
+				fallbackName: copy.fallbackName
+			}, user.value))
+		}), /* @__PURE__ */ jsx("span", {
+			className: "truncate",
+			children: copy.formatSelectedCount ? copy.formatSelectedCount(selectedUsers.length) : formatSelectedUserSummary(selectedUsers, copy)
+		})]
+	});
+}
+function UserPicker(props) {
+	const { options, copy = {}, placeholder = props.mode === "single" ? copy.singlePlaceholder ?? "Select person" : copy.multiplePlaceholder ?? "Select people", searchPlaceholder = copy.searchPlaceholder ?? "Search people...", emptyMessage = copy.emptyMessage ?? "No people available", disabled = false, className, triggerClassName } = props;
+	const [open, setOpen] = useState(false);
+	const [search, setSearch] = useState("");
+	const singleValue = props.mode === "single" ? props.value : void 0;
+	const multipleValue = props.mode === "multiple" ? props.value : void 0;
+	const selectedValues = useMemo(() => props.mode === "single" ? singleValue ? [singleValue] : [] : [...multipleValue ?? []], [
+		multipleValue,
+		props.mode,
+		singleValue
+	]);
+	const selectedValueSet = useMemo(() => new Set(selectedValues), [selectedValues]);
+	const selectableUsers = useMemo(() => filterSelectableUsers(options, selectedValues), [options, selectedValues]);
+	const filteredUsers = useMemo(() => filterUsersBySearch(selectableUsers, search, copy.fallbackName), [
+		copy.fallbackName,
+		search,
+		selectableUsers
+	]);
+	const selectedUsers = selectedValues.map((selectedValue) => options.find((option) => option.value === selectedValue)).filter((user) => Boolean(user));
+	const selectedUser = selectedUsers[0];
+	function selectUser(userValue) {
+		if (props.mode === "single") {
+			props.onValueChange(userValue);
+			setOpen(false);
+			return;
+		}
+		props.onValueChange(toggleUserSelection(props.value, userValue));
+	}
+	return /* @__PURE__ */ jsx(Popover, {
+		open,
+		onOpenChange: setOpen,
+		children: /* @__PURE__ */ jsxs("div", {
+			className: cn("relative", className),
+			children: [/* @__PURE__ */ jsx(PopoverTrigger, {
+				asChild: true,
+				children: /* @__PURE__ */ jsxs(Button, {
+					type: "button",
+					variant: "outline",
+					disabled,
+					className: cn("h-9 w-full justify-between gap-2 px-2 text-left font-normal", selectedValues.length === 0 && "text-muted-foreground", triggerClassName),
+					children: [/* @__PURE__ */ jsx("span", {
+						className: "min-w-0 flex-1",
+						children: props.mode === "single" ? selectedUser ? /* @__PURE__ */ jsx(UserRow, {
+							user: selectedUser,
+							fallbackName: copy.fallbackName
+						}) : /* @__PURE__ */ jsx("span", { children: placeholder }) : /* @__PURE__ */ jsx(MultipleUserValue, {
+							selectedUsers,
+							placeholder,
+							copy
+						})
+					}), /* @__PURE__ */ jsx(ChevronDown, { className: "size-4 shrink-0 text-muted-foreground" })]
+				})
+			}), /* @__PURE__ */ jsxs(PopoverContent, {
+				align: "start",
+				"data-searchable-select-content": "",
+				className: "w-[var(--radix-popover-trigger-width)] min-w-72 p-2",
+				children: [/* @__PURE__ */ jsxs("div", {
+					className: "relative",
+					children: [/* @__PURE__ */ jsx(Search, { className: "absolute left-2.5 top-1/2 size-4 -translate-y-1/2 text-muted-foreground" }), /* @__PURE__ */ jsx(Input, {
+						value: search,
+						onChange: (event) => {
+							setSearch(event.target.value);
+						},
+						placeholder: searchPlaceholder,
+						className: "h-8 pl-8"
+					})]
+				}), /* @__PURE__ */ jsxs("div", {
+					className: "max-h-72 space-y-1 overflow-y-auto",
+					children: [filteredUsers.map((user) => {
+						const selected = selectedValueSet.has(user.value);
+						return /* @__PURE__ */ jsxs("button", {
+							type: "button",
+							className: cn("flex w-full items-center justify-between gap-3 rounded-md px-2 py-2 text-left text-sm transition-colors hover:bg-accent hover:text-accent-foreground", selected && "bg-muted/70"),
+							onClick: () => {
+								selectUser(user.value);
+							},
+							children: [/* @__PURE__ */ jsx(UserRow, {
+								user,
+								fallbackName: copy.fallbackName
+							}), selected ? /* @__PURE__ */ jsx(Check, { className: "size-4 shrink-0" }) : null]
+						}, user.value);
+					}), filteredUsers.length === 0 ? /* @__PURE__ */ jsx("p", {
+						className: "px-2 py-4 text-sm text-muted-foreground",
+						children: emptyMessage
+					}) : null]
+				})]
+			})]
+		})
+	});
+}
+
+//#endregion
+//#region src/empty-state/empty-state-card.tsx
+function EmptyStateCard({ icon, title, subtitle, actionLabel, onAction, actionHref, actionTarget = "_self", actionRel, actionDisabled = false, actionIcon, className }) {
+	const hasLinkAction = actionLabel !== void 0 && actionHref !== void 0;
+	const hasButtonAction = actionLabel !== void 0 && onAction !== void 0;
+	const hasDisabledAction = actionLabel !== void 0 && actionDisabled;
+	const hasAction = hasLinkAction || hasButtonAction || hasDisabledAction;
+	return /* @__PURE__ */ jsx(Card, {
+		className: cn("w-full border border-dashed border-border shadow-none ring-0", className),
+		children: /* @__PURE__ */ jsxs(CardContent, {
+			className: "flex flex-col items-center justify-start px-6 py-10 text-center",
+			children: [
+				/* @__PURE__ */ jsx("div", {
+					className: "mb-4 flex size-14 items-center justify-center rounded-full bg-muted text-muted-foreground",
+					children: icon
+				}),
+				/* @__PURE__ */ jsxs("div", {
+					className: "space-y-1.5",
+					children: [/* @__PURE__ */ jsx("h3", {
+						className: "text-lg font-medium tracking-tight",
+						children: title
+					}), /* @__PURE__ */ jsx("p", {
+						className: "max-w-2xl text-sm text-muted-foreground",
+						children: subtitle
+					})]
+				}),
+				hasAction ? hasLinkAction ? /* @__PURE__ */ jsx(Button, {
+					asChild: true,
+					className: "mt-5",
+					disabled: actionDisabled,
+					children: /* @__PURE__ */ jsxs("a", {
+						href: actionHref,
+						target: actionTarget,
+						rel: actionRel,
+						children: [actionIcon ? /* @__PURE__ */ jsx("span", {
+							className: "mr-2 inline-flex items-center",
+							children: actionIcon
+						}) : null, actionLabel]
+					})
+				}) : hasDisabledAction ? /* @__PURE__ */ jsxs(Button, {
+					className: "mt-5",
+					disabled: true,
+					children: [actionIcon ? /* @__PURE__ */ jsx("span", {
+						className: "mr-2 inline-flex items-center",
+						children: actionIcon
+					}) : null, actionLabel]
+				}) : /* @__PURE__ */ jsxs(Button, {
+					className: "mt-5",
+					onClick: onAction,
+					disabled: actionDisabled,
+					children: [actionIcon ? /* @__PURE__ */ jsx("span", {
+						className: "mr-2 inline-flex items-center",
+						children: actionIcon
+					}) : null, actionLabel]
+				}) : null
+			]
+		})
+	});
+}
+
+//#endregion
+//#region src/empty-state/initial-empty-state.tsx
+function InitialEmptyState({ icon = /* @__PURE__ */ jsx(Inbox, { className: "size-7" }), title, subtitle, actionLabel, onAction, actionIcon, className }) {
+	return /* @__PURE__ */ jsx(EmptyStateCard, {
+		icon,
+		title,
+		subtitle,
+		actionLabel,
+		onAction,
+		actionIcon,
+		className
+	});
+}
+
+//#endregion
+//#region src/empty-state/no-results-state.tsx
+function NoResultsState({ icon = /* @__PURE__ */ jsx(SearchX, { className: "size-7" }), title = "No results", subtitle = "Try changing your search or filters.", className }) {
+	return /* @__PURE__ */ jsx(EmptyStateCard, {
+		icon,
+		title,
+		subtitle,
+		className
+	});
+}
+
+//#endregion
+//#region src/empty-state/collection-empty-state.ts
+function resolveCollectionEmptyState({ totalCount, filteredCount, hasSearch = false, hasFilters = false }) {
+	if (filteredCount > 0) return "none";
+	if (totalCount === 0) return "initial";
+	if (hasSearch || hasFilters) return "no-results";
+	return "initial";
+}
+
+//#endregion
+//#region src/utils/search.ts
+function normalizeSearchValue(value) {
+	return value.normalize("NFD").replace(/\p{Diacritic}/gu, "").toLocaleLowerCase().replace(/[^\p{L}\p{N}\s]/gu, " ").replace(/\s+/g, " ").trim();
+}
+function tokenize(value) {
+	return normalizeSearchValue(value).split(" ").filter((token) => token.length > 0);
+}
+function flattenSearchPart(part, fragments) {
+	if (typeof part === "string") {
+		const normalized = part.trim();
+		if (normalized.length > 0) fragments.push(normalized);
+		return;
+	}
+	if (!part) return;
+	for (const nestedPart of part) flattenSearchPart(nestedPart, fragments);
+}
+function getMaxDistance(term) {
+	if (term.length <= 4) return 1;
+	if (term.length <= 8) return 2;
+	return 3;
+}
+function damerauLevenshtein(left, right) {
+	const rows = left.length + 1;
+	const columns = right.length + 1;
+	const matrix = Array.from({ length: rows }, () => Array(columns).fill(0));
+	for (let row = 0; row < rows; row += 1) {
+		const matrixRow = matrix[row];
+		if (!matrixRow) continue;
+		matrixRow[0] = row;
+	}
+	for (let column = 0; column < columns; column += 1) {
+		const firstRow = matrix[0];
+		if (!firstRow) return 0;
+		firstRow[column] = column;
+	}
+	for (let row = 1; row < rows; row += 1) {
+		const currentRow = matrix[row];
+		const previousRow = matrix[row - 1];
+		if (!currentRow || !previousRow) continue;
+		for (let column = 1; column < columns; column += 1) {
+			const substitutionCost = left[row - 1] === right[column - 1] ? 0 : 1;
+			const leftCost = currentRow[column - 1];
+			const topCost = previousRow[column];
+			const diagonalCost = previousRow[column - 1];
+			if (leftCost === void 0 || topCost === void 0 || diagonalCost === void 0) continue;
+			currentRow[column] = Math.min(topCost + 1, leftCost + 1, diagonalCost + substitutionCost);
+			if (row > 1 && column > 1 && left[row - 1] === right[column - 2] && left[row - 2] === right[column - 1]) {
+				const transpositionCost = matrix[row - 2]?.[column - 2];
+				if (transpositionCost !== void 0) currentRow[column] = Math.min(currentRow[column] ?? Number.POSITIVE_INFINITY, transpositionCost + 1);
+			}
+		}
+	}
+	return matrix[left.length]?.[right.length] ?? 0;
+}
+function scoreTokenMatch(searchTerm, candidateToken, isLastTerm) {
+	if (candidateToken === searchTerm) return 120;
+	if (isLastTerm && candidateToken.startsWith(searchTerm)) return 90 - Math.max(candidateToken.length - searchTerm.length, 0);
+	const distance = damerauLevenshtein(searchTerm, candidateToken);
+	if (distance > getMaxDistance(searchTerm)) return null;
+	return 70 - distance * 10 - Math.abs(candidateToken.length - searchTerm.length);
+}
+function buildSearchText(...parts) {
+	const fragments = [];
+	for (const part of parts) flattenSearchPart(part, fragments);
+	return fragments.join(" ").replace(/\s+/g, " ").trim();
+}
+function scoreFuzzyMatch(query, candidate) {
+	const normalizedQuery = normalizeSearchValue(query);
+	if (normalizedQuery.length === 0) return 0;
+	const queryTerms = tokenize(normalizedQuery);
+	const candidateTerms = tokenize(candidate);
+	const normalizedCandidate = normalizeSearchValue(candidate);
+	if (queryTerms.length === 0 || candidateTerms.length === 0) return null;
+	let score = normalizedCandidate.includes(normalizedQuery) ? 40 : 0;
+	for (const [index, queryTerm] of queryTerms.entries()) {
+		let bestScore = null;
+		for (const candidateTerm of candidateTerms) {
+			const tokenScore = scoreTokenMatch(queryTerm, candidateTerm, index === queryTerms.length - 1);
+			if (tokenScore !== null && (bestScore === null || tokenScore > bestScore)) bestScore = tokenScore;
+		}
+		if (bestScore === null) return null;
+		score += bestScore;
+	}
+	return score;
+}
+function filterAndRankBySearch(items, query) {
+	const normalizedQuery = normalizeSearchValue(query);
+	if (normalizedQuery.length === 0) return [...items];
+	return items.map((item) => ({
+		item,
+		score: scoreFuzzyMatch(normalizedQuery, item.searchText)
+	})).filter((result) => result.score !== null).sort((left, right) => right.score - left.score).map((result) => result.item);
+}
+function rankBySearch(items, query, getSearchText) {
+	return filterAndRankBySearch(items.map((item) => ({
+		item,
+		searchText: getSearchText(item)
+	})), query).map((result) => result.item);
+}
+
+//#endregion
+//#region src/search/searchable-select-position.ts
+function clamp(value, min, max) {
+	if (max < min) return min;
+	return Math.min(Math.max(value, min), max);
+}
+function resolveSearchableSelectDropdownPosition({ triggerRect, boundaryRect, portalRect, contentWidth, contentHeight, viewportWidth, viewportHeight, offset = 8, padding = 8 }) {
+	const boundaryLeftEdge = boundaryRect?.left ?? 0;
+	const boundaryRightEdge = boundaryRect?.right ?? viewportWidth;
+	const boundaryTopEdge = boundaryRect?.top ?? 0;
+	const boundaryBottomEdge = boundaryRect?.bottom ?? viewportHeight;
+	const boundaryLeft = Math.max(padding, boundaryLeftEdge + padding);
+	const boundaryRight = Math.min(viewportWidth - padding, boundaryRightEdge - padding);
+	const boundaryTop = Math.max(padding, boundaryTopEdge + padding);
+	const boundaryBottom = Math.min(viewportHeight - padding, boundaryBottomEdge - padding);
+	const availableWidth = Math.max(0, boundaryRight - boundaryLeft);
+	const width = Math.min(contentWidth, availableWidth);
+	const alignedRightLeft = triggerRect.right - width;
+	const defaultLeft = triggerRect.left;
+	const left = clamp(defaultLeft + width > boundaryRight && alignedRightLeft >= boundaryLeft ? alignedRightLeft : defaultLeft, boundaryLeft, boundaryRight - width);
+	const spaceAbove = triggerRect.top - boundaryTop;
+	const spaceBelow = boundaryBottom - triggerRect.bottom;
+	const shouldOpenUp = spaceBelow < contentHeight + offset && spaceAbove > spaceBelow;
+	const direction = shouldOpenUp ? "up" : "down";
+	const maxHeight = Math.max(120, Math.floor((shouldOpenUp ? spaceAbove : spaceBelow) - offset));
+	const renderedHeight = Math.min(contentHeight, maxHeight);
+	return {
+		top: (shouldOpenUp ? Math.max(boundaryTop, triggerRect.top - offset - renderedHeight) : Math.min(boundaryBottom - renderedHeight, triggerRect.bottom + offset)) - (portalRect?.top ?? 0),
+		left: left - (portalRect?.left ?? 0),
+		width,
+		maxHeight,
+		direction
+	};
+}
+
+//#endregion
+//#region src/search/searchable-select.tsx
+const AUTO_SEARCHABLE_SELECT_THRESHOLD = 5;
+const SEARCHABLE_SELECT_MODAL_CONTENT_SELECTOR = "[data-slot=\"sheet-content\"], [data-slot=\"drawer-content\"]";
+function getSearchableSelectBoundaryRect(element) {
+	return element.closest(SEARCHABLE_SELECT_MODAL_CONTENT_SELECTOR)?.getBoundingClientRect();
+}
+function isSearchableSelectPointerInside(target, triggerContainer, dropdownContent) {
+	return Boolean(triggerContainer?.contains(target) || dropdownContent?.contains(target));
+}
+function getSearchableSelectPortalContainer(trigger) {
+	return trigger?.closest(SEARCHABLE_SELECT_MODAL_CONTENT_SELECTOR) ?? null;
+}
+function SearchableSelect({ value, onValueChange, options, placeholder = "Select...", disabled = false, className, triggerClassName, contentClassName, ariaLabel, searchPlaceholder = "Search...", emptyMessage = "No results found", leadingIcon: LeadingIcon, searchThreshold = AUTO_SEARCHABLE_SELECT_THRESHOLD, size = "default", renderOption, renderValue }) {
+	const selectId = useId();
+	const [isOpen, setIsOpen] = useState(false);
+	const [isMounted, setIsMounted] = useState(false);
+	const [search, setSearch] = useState("");
+	const [highlightedOptionIndex, setHighlightedOptionIndex] = useState(0);
+	const containerRef = useRef(null);
+	const triggerRef = useRef(null);
+	const contentRef = useRef(null);
+	const searchInputRef = useRef(null);
+	const optionRefs = useRef([]);
+	const [portalContainer, setPortalContainer] = useState(null);
+	const [dropdownPosition, setDropdownPosition] = useState(null);
+	const selectedOption = options.find((option) => option.value === value);
+	const showSearchInput = options.length > searchThreshold;
+	useEffect(() => {
+		setIsMounted(true);
+	}, []);
+	useEffect(() => {
+		function closeOtherSearchableSelects(event) {
+			if (event instanceof CustomEvent && event.detail !== selectId) setIsOpen(false);
+		}
+		window.addEventListener("searchable-select:open", closeOtherSearchableSelects);
+		return () => {
+			window.removeEventListener("searchable-select:open", closeOtherSearchableSelects);
+		};
+	}, [selectId]);
+	useEffect(() => {
+		if (!isOpen) return;
+		window.dispatchEvent(new CustomEvent("searchable-select:open", { detail: selectId }));
+	}, [isOpen, selectId]);
+	useEffect(() => {
+		if (!showSearchInput || !isOpen) {
+			setSearch("");
+			return;
+		}
+		requestAnimationFrame(() => {
+			searchInputRef.current?.focus();
+		});
+	}, [isOpen, showSearchInput]);
+	useEffect(() => {
+		function handlePointerDown(event) {
+			if (isSearchableSelectPointerInside(event.target, containerRef.current, contentRef.current)) return;
+			setIsOpen(false);
+		}
+		if (!isOpen) return;
+		document.addEventListener("pointerdown", handlePointerDown);
+		return () => {
+			document.removeEventListener("pointerdown", handlePointerDown);
+		};
+	}, [isOpen]);
+	const filteredOptions = useMemo(() => rankBySearch(options, search, (option) => buildSearchText(option.label, option.searchText)), [options, search]);
+	useEffect(() => {
+		if (!isOpen) return;
+		const selectedIndex = filteredOptions.findIndex((option) => option.value === value);
+		if (selectedIndex >= 0) {
+			setHighlightedOptionIndex(selectedIndex);
+			return;
+		}
+		setHighlightedOptionIndex(0);
+	}, [
+		filteredOptions,
+		isOpen,
+		value
+	]);
+	useEffect(() => {
+		optionRefs.current = optionRefs.current.slice(0, filteredOptions.length);
+		if (filteredOptions.length === 0) {
+			setHighlightedOptionIndex(0);
+			return;
+		}
+		setHighlightedOptionIndex((currentValue) => Math.min(currentValue, filteredOptions.length - 1));
+	}, [filteredOptions]);
+	useEffect(() => {
+		if (!isOpen || filteredOptions.length === 0) return;
+		optionRefs.current[highlightedOptionIndex]?.scrollIntoView({ block: "nearest" });
+	}, [
+		filteredOptions.length,
+		highlightedOptionIndex,
+		isOpen
+	]);
+	useLayoutEffect(() => {
+		if (!isOpen) {
+			setDropdownPosition(null);
+			setPortalContainer(null);
+			return;
+		}
+		function updateDropdownPosition() {
+			const trigger = triggerRef.current;
+			const content = contentRef.current;
+			if (!trigger || !content) return;
+			const nextPortalContainer = getSearchableSelectPortalContainer(trigger);
+			setPortalContainer(nextPortalContainer);
+			const triggerRect = trigger.getBoundingClientRect();
+			const contentRect = content.getBoundingClientRect();
+			const nextPosition = resolveSearchableSelectDropdownPosition({
+				triggerRect,
+				boundaryRect: getSearchableSelectBoundaryRect(trigger),
+				portalRect: nextPortalContainer?.getBoundingClientRect(),
+				contentWidth: Math.max(triggerRect.width, contentRect.width, 250),
+				contentHeight: contentRect.height,
+				viewportWidth: window.innerWidth,
+				viewportHeight: window.innerHeight
+			});
+			setDropdownPosition((currentValue) => {
+				if (currentValue?.top === nextPosition.top && currentValue?.left === nextPosition.left && currentValue?.width === nextPosition.width && currentValue?.maxHeight === nextPosition.maxHeight) return currentValue;
+				return nextPosition;
+			});
+		}
+		updateDropdownPosition();
+		const animationFrameId = window.requestAnimationFrame(updateDropdownPosition);
+		window.addEventListener("resize", updateDropdownPosition);
+		window.addEventListener("scroll", updateDropdownPosition, true);
+		return () => {
+			window.cancelAnimationFrame(animationFrameId);
+			window.removeEventListener("resize", updateDropdownPosition);
+			window.removeEventListener("scroll", updateDropdownPosition, true);
+		};
+	}, [
+		filteredOptions.length,
+		isOpen,
+		search,
+		showSearchInput
+	]);
+	function selectHighlightedOption() {
+		const highlightedOption = filteredOptions[highlightedOptionIndex];
+		if (!highlightedOption) return;
+		onValueChange(highlightedOption.value);
+		setIsOpen(false);
+	}
+	function selectOption(value$1) {
+		onValueChange(value$1);
+		setIsOpen(false);
+	}
+	function moveHighlightedOption(direction) {
+		if (filteredOptions.length === 0) return;
+		setHighlightedOptionIndex((currentValue) => {
+			if (direction === "down") return (currentValue + 1) % filteredOptions.length;
+			return (currentValue - 1 + filteredOptions.length) % filteredOptions.length;
+		});
+	}
+	return /* @__PURE__ */ jsxs("div", {
+		ref: containerRef,
+		className: cn("relative", className),
+		children: [/* @__PURE__ */ jsxs("button", {
+			ref: triggerRef,
+			type: "button",
+			"aria-label": ariaLabel,
+			"aria-expanded": isOpen,
+			disabled,
+			onClick: () => setIsOpen((currentValue) => !currentValue),
+			onKeyDown: (event) => {
+				if (event.key === "Escape") setIsOpen(false);
+			},
+			className: cn("border-input data-placeholder:text-muted-foreground dark:bg-input/30 dark:hover:bg-input/50 focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 flex w-full items-center justify-between gap-1.5 rounded-lg border bg-transparent py-1 pr-2 pl-2 text-sm whitespace-nowrap transition-colors outline-none select-none focus-visible:ring-3 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:ring-3", size === "sm" ? "h-7 rounded-[min(var(--radius-md),10px)]" : "h-8", triggerClassName),
+			children: [
+				LeadingIcon ? /* @__PURE__ */ jsx(LeadingIcon, {
+					className: "text-muted-foreground size-4 shrink-0",
+					strokeWidth: 1.8
+				}) : null,
+				/* @__PURE__ */ jsx("span", {
+					className: "min-w-0 flex-1 truncate text-left",
+					children: selectedOption ? renderValue?.(selectedOption) ?? selectedOption.label : /* @__PURE__ */ jsx("span", {
+						className: "text-muted-foreground",
+						children: placeholder
+					})
+				}),
+				/* @__PURE__ */ jsx(ChevronDown, { className: cn("text-muted-foreground size-4 shrink-0 transition-transform", isOpen && "rotate-180") })
+			]
+		}), isOpen && isMounted ? createPortal(/* @__PURE__ */ jsxs("div", {
+			ref: contentRef,
+			"data-searchable-select-content": "",
+			className: cn("bg-popover text-popover-foreground pointer-events-auto z-[60] min-w-0 rounded-xl border p-2 shadow-lg", portalContainer ? "absolute" : "fixed", contentClassName),
+			style: {
+				top: dropdownPosition?.top ?? 0,
+				left: dropdownPosition?.left ?? 0,
+				width: dropdownPosition?.width ?? triggerRef.current?.getBoundingClientRect().width,
+				visibility: dropdownPosition ? "visible" : "hidden"
+			},
+			children: [showSearchInput ? /* @__PURE__ */ jsxs("div", {
+				className: "relative mb-2",
+				children: [/* @__PURE__ */ jsx(Search, { className: "text-muted-foreground absolute top-1/2 left-2.5 size-4 -translate-y-1/2" }), /* @__PURE__ */ jsx(Input, {
+					ref: searchInputRef,
+					value: search,
+					onChange: (event) => setSearch(event.target.value),
+					onKeyDown: (event) => {
+						if (event.key === "ArrowDown") {
+							event.preventDefault();
+							moveHighlightedOption("down");
+						}
+						if (event.key === "ArrowUp") {
+							event.preventDefault();
+							moveHighlightedOption("up");
+						}
+						if (event.key === "Enter") {
+							event.preventDefault();
+							selectHighlightedOption();
+						}
+						if (event.key === "Escape") {
+							event.preventDefault();
+							setIsOpen(false);
+						}
+					},
+					placeholder: searchPlaceholder,
+					className: "pl-9"
+				})]
+			}) : null, /* @__PURE__ */ jsxs("div", {
+				className: "space-y-1 overflow-y-auto",
+				style: { maxHeight: Math.min(256, dropdownPosition?.maxHeight ?? 256) },
+				children: [filteredOptions.map((option, index) => {
+					const isSelected = option.value === value;
+					return /* @__PURE__ */ jsxs("button", {
+						ref: (element) => {
+							optionRefs.current[index] = element;
+						},
+						type: "button",
+						className: cn("hover:bg-accent hover:text-accent-foreground flex h-auto w-full items-center justify-between gap-3 rounded-md px-2 py-1.5 text-left text-sm transition-colors", isSelected && "bg-muted/60", highlightedOptionIndex === index && "bg-accent text-accent-foreground"),
+						onMouseEnter: () => setHighlightedOptionIndex(index),
+						onPointerDown: (event) => {
+							event.preventDefault();
+							event.stopPropagation();
+							selectOption(option.value);
+						},
+						onClick: (event) => {
+							if (event.detail === 0) selectOption(option.value);
+						},
+						children: [/* @__PURE__ */ jsx("span", {
+							className: "min-w-0 flex-1 truncate",
+							children: renderOption?.(option) ?? option.label
+						}), isSelected ? /* @__PURE__ */ jsx(Check, { className: "size-4 shrink-0" }) : null]
+					}, option.value);
+				}), filteredOptions.length === 0 ? /* @__PURE__ */ jsx("p", {
+					className: "text-muted-foreground px-2 py-4 text-sm",
+					children: emptyMessage
+				}) : null]
+			})]
+		}), portalContainer ?? document.body) : null]
+	});
+}
+
+//#endregion
+//#region src/smart-table/SmartTableActions.tsx
+const SMART_TABLE_ACTIONS_CONTAINER_CLASS = "flex w-full items-center justify-end gap-1";
+const actionIcons = {
+	view: Eye,
+	edit: Pencil,
+	delete: Trash2
+};
+const actionLabels = {
+	view: "Visualizza",
+	edit: "Edit",
+	delete: "Delete"
+};
+function SmartTableActions({ item, actions, actionHandlers, renderActions }) {
+	if (renderActions) return /* @__PURE__ */ jsx("div", {
+		className: SMART_TABLE_ACTIONS_CONTAINER_CLASS,
+		children: renderActions(item)
+	});
+	if (!actions || !actionHandlers) return null;
+	return /* @__PURE__ */ jsx("div", {
+		className: SMART_TABLE_ACTIONS_CONTAINER_CLASS,
+		children: actions.map((action) => {
+			const Icon = actionIcons[action];
+			const handler = actionHandlers[`on${action.charAt(0).toUpperCase()}${action.slice(1)}`];
+			return /* @__PURE__ */ jsx(Button, {
+				variant: "ghost",
+				size: "icon",
+				className: "size-8",
+				"aria-label": actionLabels[action],
+				onClick: (event) => {
+					event.stopPropagation();
+					handler?.(item);
+				},
+				children: /* @__PURE__ */ jsx(Icon, { className: "size-4" })
+			}, action);
+		})
+	});
+}
+
+//#endregion
+//#region src/smart-table/utils.ts
+function formatListEntry(value) {
+	const formatted = formatValue(value);
+	if (typeof formatted === "string" || typeof formatted === "number") return String(formatted);
+	return "—";
+}
+/**
+* Get nested value from object using dot notation
+* e.g., getNestedValue(obj, 'user.profile.name')
+*/
+function getNestedValue(obj, path) {
+	return path.split(".").reduce((acc, key) => {
+		if (acc && typeof acc === "object" && key in acc) return acc[key];
+	}, obj);
+}
+/**
+* Format a value for display
+*/
+function formatValue(value) {
+	if (value === null || value === void 0) return "—";
+	if (typeof value === "boolean") return value ? "Yes" : "No";
+	if (value instanceof Date) return createElement(DisplayDate, { value });
+	if (typeof value === "number") return value.toLocaleString();
+	if (typeof value === "string") return value;
+	if (Array.isArray(value)) {
+		if (value.length === 0) return "—";
+		return value.map((entry) => formatListEntry(entry)).join(", ");
+	}
+	if (typeof value === "object") {
+		const record = value;
+		for (const key of [
+			"label",
+			"name",
+			"title"
+		]) {
+			const nestedValue = record[key];
+			if (typeof nestedValue === "string" || typeof nestedValue === "number") return String(nestedValue);
+		}
+	}
+	return "[Object]";
+}
+function formatValueAsText(value) {
+	if (value === null || value === void 0) return "—";
+	if (typeof value === "boolean") return value ? "Yes" : "No";
+	if (value instanceof Date) return formatDisplayDate(value);
+	if (typeof value === "number") return value.toLocaleString();
+	if (typeof value === "string") return value;
+	if (Array.isArray(value)) {
+		if (value.length === 0) return "—";
+		return value.map((entry) => formatValueAsText(entry) ?? "—").join(", ");
+	}
+	if (typeof value === "object") {
+		const record = value;
+		for (const key of [
+			"label",
+			"name",
+			"title"
+		]) {
+			const nestedValue = record[key];
+			if (typeof nestedValue === "string" || typeof nestedValue === "number") return String(nestedValue);
+		}
+	}
+	return null;
+}
+function getColumnValue(column, item) {
+	if (!column.accessor) return null;
+	if (typeof column.accessor === "string" && column.accessor.includes(".")) return getNestedValue(item, column.accessor);
+	return item[column.accessor];
+}
+function renderColumnValue(column, item) {
+	const value = getColumnValue(column, item);
+	if (column.render) return column.render(value, item);
+	return formatValue(value);
+}
+function getColumnTooltipText(column, item) {
+	if (column.render) return null;
+	return formatValueAsText(getColumnValue(column, item));
+}
+
+//#endregion
+//#region src/smart-table/sorting.ts
+function getColumnSortKey(column) {
+	if (column.sortable === false) return null;
+	if (column.sortKey) return column.sortKey;
+	return typeof column.accessor === "string" ? column.accessor : null;
+}
+function getNextSortState(currentState, key) {
+	if (currentState?.key !== key) return {
+		key,
+		direction: "asc"
+	};
+	if (currentState.direction === "asc") return {
+		key,
+		direction: "desc"
+	};
+	return null;
+}
+function normalizeSortValue(value) {
+	if (value === null || value === void 0 || value === "") return null;
+	if (value instanceof Date) return value.getTime();
+	return value;
+}
+function compareSortValues(left, right) {
+	const leftValue = normalizeSortValue(left);
+	const rightValue = normalizeSortValue(right);
+	if (leftValue === null && rightValue === null) return 0;
+	if (leftValue === null) return 1;
+	if (rightValue === null) return -1;
+	if (typeof leftValue === "number" && typeof rightValue === "number") return leftValue - rightValue;
+	if (typeof leftValue === "boolean" && typeof rightValue === "boolean") return Number(leftValue) - Number(rightValue);
+	return String(leftValue).localeCompare(String(rightValue), "it", {
+		numeric: true,
+		sensitivity: "base"
+	});
+}
+function getSortValue(column, row) {
+	if (column.sortAccessor) return column.sortAccessor(row);
+	return getColumnValue(column, row);
+}
+function getSortColumn(columns, sortState) {
+	if (!sortState) return null;
+	return columns.find((column) => getColumnSortKey(column) === sortState.key) ?? null;
+}
+function applyDirection(value, direction) {
+	return direction === "asc" ? value : -value;
+}
+function sortTableData(data, columns, sortState) {
+	const sortColumn = getSortColumn(columns, sortState);
+	if (!sortColumn || !sortState) return [...data];
+	return data.map((row, index) => ({
+		row,
+		index
+	})).sort((left, right) => {
+		const compared = compareSortValues(getSortValue(sortColumn, left.row), getSortValue(sortColumn, right.row));
+		return compared === 0 ? left.index - right.index : applyDirection(compared, sortState.direction);
+	}).map(({ row }) => row);
+}
+function useTableSorting({ data, columns, initialSortState = null }) {
+	const [sortState, setSortState] = useState(initialSortState);
+	return {
+		sortedData: useMemo(() => sortTableData(data, columns, sortState), [
+			columns,
+			data,
+			sortState
+		]),
+		sortState,
+		setSortState
+	};
+}
+
+//#endregion
+//#region src/smart-table/truncated-content.utils.ts
+function getTruncatedContentAlignmentClass(align) {
+	if (align === "right") return "text-right";
+	if (align === "center") return "text-center";
+	return "text-left";
+}
+function shouldRenderTooltipTrigger(options) {
+	return Boolean(options.tooltip) && options.isOverflowing;
+}
+
+//#endregion
+//#region src/smart-table/TruncatedContent.tsx
+function TruncatedContent({ children, tooltip, align = "left", className = "" }) {
+	const contentRef = useRef(null);
+	const [isOverflowing, setIsOverflowing] = useState(false);
+	const [isOpen, setIsOpen] = useState(false);
+	const updateOverflowState = () => {
+		const element = contentRef.current;
+		if (!element) {
+			setIsOverflowing(false);
+			return false;
+		}
+		const overflowing = element.scrollWidth > element.clientWidth + 1;
+		setIsOverflowing(overflowing);
+		return overflowing;
+	};
+	useEffect(() => {
+		const element = contentRef.current;
+		if (!element) return;
+		updateOverflowState();
+		const resizeObserver = new ResizeObserver(() => {
+			updateOverflowState();
+		});
+		resizeObserver.observe(element);
+		window.addEventListener("resize", updateOverflowState);
+		return () => {
+			resizeObserver.disconnect();
+			window.removeEventListener("resize", updateOverflowState);
+		};
+	}, [
+		children,
+		className,
+		align,
+		tooltip
+	]);
+	useEffect(() => {
+		if (!isOverflowing && isOpen) setIsOpen(false);
+	}, [isOpen, isOverflowing]);
+	const alignmentClass = getTruncatedContentAlignmentClass(align);
+	const showTooltipTrigger = shouldRenderTooltipTrigger({
+		tooltip,
+		isOverflowing
+	});
+	const content = /* @__PURE__ */ jsx("div", {
+		ref: contentRef,
+		className: [
+			"block min-w-0 w-full truncate",
+			alignmentClass,
+			className
+		].filter(Boolean).join(" "),
+		children
+	});
+	if (!showTooltipTrigger) return content;
+	return /* @__PURE__ */ jsxs(Tooltip, {
+		delayDuration: 100,
+		open: isOverflowing ? isOpen : false,
+		onOpenChange: (nextOpen) => {
+			if (!nextOpen) {
+				setIsOpen(false);
+				return;
+			}
+			setIsOpen(updateOverflowState());
+		},
+		children: [/* @__PURE__ */ jsx(TooltipTrigger, {
+			asChild: true,
+			children: /* @__PURE__ */ jsx("button", {
+				type: "button",
+				className: [
+					"block min-w-0 w-full overflow-hidden bg-transparent p-0 text-inherit outline-none",
+					alignmentClass,
+					isOverflowing ? "cursor-help" : "cursor-default"
+				].filter(Boolean).join(" "),
+				onMouseEnter: () => {
+					updateOverflowState();
+				},
+				onFocus: () => {
+					updateOverflowState();
+				},
+				onClick: (event) => {
+					event.stopPropagation();
+					if (updateOverflowState()) setIsOpen((previous) => !previous);
+				},
+				children: content
+			})
+		}), /* @__PURE__ */ jsx(TooltipContent, {
+			side: "top",
+			align: align === "right" ? "end" : align === "center" ? "center" : "start",
+			sideOffset: 6,
+			collisionPadding: 12,
+			avoidCollisions: true,
+			className: "w-[min(20rem,calc(100vw-1.5rem))] max-w-[calc(100vw-1.5rem)] whitespace-normal break-words text-left",
+			children: tooltip
+		})]
+	});
+}
+
+//#endregion
+//#region src/smart-table/DesktopView.tsx
+const ACTION_COLUMN_WIDTH_PX = 112;
+const ACTION_CELL_CLASS_NAME = "w-28 min-w-28 overflow-visible whitespace-nowrap text-right";
+function SortIcon({ activeDirection }) {
+	if (activeDirection === "asc") return /* @__PURE__ */ jsx(ArrowUp, {
+		className: "size-3.5",
+		"aria-hidden": "true"
+	});
+	if (activeDirection === "desc") return /* @__PURE__ */ jsx(ArrowDown, {
+		className: "size-3.5",
+		"aria-hidden": "true"
+	});
+	return /* @__PURE__ */ jsx(ChevronsUpDown, {
+		className: "size-3.5 opacity-45",
+		"aria-hidden": "true"
+	});
+}
+function SortableHeaderContent({ column, sortState, onSortChange }) {
+	const sortKey = getColumnSortKey(column);
+	const activeDirection = sortState?.key === sortKey ? sortState.direction : void 0;
+	if (!sortKey || !onSortChange) return /* @__PURE__ */ jsx(Fragment, { children: column.header });
+	return /* @__PURE__ */ jsxs("button", {
+		type: "button",
+		className: cn("hover:text-foreground focus-visible:ring-ring inline-flex max-w-full items-center gap-1.5 rounded-sm text-left font-medium transition-colors focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-none", column.align === "right" && "ml-auto", column.align === "center" && "mx-auto"),
+		"aria-label": `Sort by ${column.header}`,
+		onClick: () => {
+			onSortChange(getNextSortState(sortState ?? null, sortKey));
+		},
+		children: [/* @__PURE__ */ jsx("span", {
+			className: "truncate",
+			children: column.header
+		}), /* @__PURE__ */ jsx(SortIcon, { activeDirection })]
+	});
+}
+function DesktopView({ data, columns, isLoading, skeletonRows, actions, actionHandlers, renderActions, noDataMessage, noDataContent, getRowKey, onRowClick, pagination, stickyHeader = false, maxHeight = "calc(100vh - 300px)", fullHeight = false, sortState, onSortChange }) {
+	const resolvedNoDataContent = noDataContent ?? noDataMessage;
+	const hasActions = (actions?.length ?? 0) > 0 || renderActions !== void 0;
+	const actionColumnWidth = hasActions ? `${String(ACTION_COLUMN_WIDTH_PX)}px` : void 0;
+	const specifiedPercentageWidth = columns.reduce((total, column) => {
+		if (typeof column.width === "string" && column.width.endsWith("%")) {
+			const parsedWidth = Number.parseFloat(column.width);
+			return Number.isNaN(parsedWidth) ? total : total + parsedWidth;
+		}
+		return total;
+	}, 0);
+	const remainingPercentageForDataColumns = Math.max(0, 100 - specifiedPercentageWidth - 0);
+	const columnsWithoutWidth = columns.filter((column) => column.width === void 0).length;
+	const defaultPercentageWidth = columnsWithoutWidth > 0 && remainingPercentageForDataColumns > 0 ? `${String(remainingPercentageForDataColumns / columnsWithoutWidth)}%` : void 0;
+	const columnGroup = /* @__PURE__ */ jsxs("colgroup", { children: [columns.map((column) => /* @__PURE__ */ jsx("col", { style: { width: column.width ?? defaultPercentageWidth } }, column.header)), hasActions && actionColumnWidth ? /* @__PURE__ */ jsx("col", { style: {
+		width: actionColumnWidth,
+		minWidth: actionColumnWidth
+	} }) : null] });
+	const tableHeader = /* @__PURE__ */ jsx(TableHeader, {
+		className: cn(stickyHeader && "bg-muted/50 sticky top-0 z-10 backdrop-blur-sm"),
+		children: /* @__PURE__ */ jsxs(TableRow, { children: [columns.map((col) => /* @__PURE__ */ jsx(TableHead, {
+			style: { width: col.width },
+			"aria-sort": sortState?.key === getColumnSortKey(col) ? sortState.direction === "asc" ? "ascending" : "descending" : void 0,
+			className: col.align === "right" ? "text-right" : col.align === "center" ? "text-center" : "",
+			children: /* @__PURE__ */ jsx(SortableHeaderContent, {
+				column: col,
+				sortState,
+				onSortChange
+			})
+		}, col.header)), hasActions ? /* @__PURE__ */ jsx(TableHead, {
+			style: actionColumnWidth ? {
+				width: actionColumnWidth,
+				minWidth: actionColumnWidth
+			} : void 0,
+			className: "w-28 min-w-28 overflow-visible text-right whitespace-nowrap",
+			children: "Actions"
+		}) : null] })
+	});
+	const scrollContainerClass = cn("min-w-0 rounded-lg border overflow-x-auto", fullHeight && "flex-1 min-h-0 overflow-y-auto", !fullHeight && stickyHeader && "overflow-y-auto");
+	const scrollContainerStyle = !fullHeight && stickyHeader ? { maxHeight } : void 0;
+	if (isLoading) return /* @__PURE__ */ jsxs("div", {
+		className: cn("flex flex-col", fullHeight && "min-h-0 flex-1"),
+		children: [/* @__PURE__ */ jsx("div", {
+			className: scrollContainerClass,
+			style: scrollContainerStyle,
+			children: /* @__PURE__ */ jsxs(Table, {
+				className: "table-fixed",
+				children: [
+					columnGroup,
+					tableHeader,
+					/* @__PURE__ */ jsx(TableBody, { children: Array.from({ length: skeletonRows }).map((_, i) => /* @__PURE__ */ jsxs(TableRow, { children: [columns.map((col) => /* @__PURE__ */ jsx(TableCell, { children: /* @__PURE__ */ jsx(Skeleton, { className: "h-5 w-full" }) }, col.header)), hasActions ? /* @__PURE__ */ jsx(TableCell, {
+						className: ACTION_CELL_CLASS_NAME,
+						children: /* @__PURE__ */ jsx("div", {
+							className: "flex w-full justify-end",
+							children: /* @__PURE__ */ jsx(Skeleton, { className: "h-8 w-20" })
+						})
+					}) : null] }, i)) })
+				]
+			})
+		}), pagination && /* @__PURE__ */ jsx(Pagination, {
+			currentPage: pagination.currentPage,
+			totalPages: pagination.totalPages,
+			totalItems: pagination.totalItems,
+			pageSize: pagination.pageSize,
+			startIndex: pagination.startIndex,
+			endIndex: pagination.endIndex,
+			onPageChange: pagination.onPageChange
+		})]
+	});
+	if (data.length === 0) return /* @__PURE__ */ jsxs("div", {
+		className: cn("flex flex-col", fullHeight && "min-h-0 flex-1"),
+		children: [/* @__PURE__ */ jsx("div", {
+			className: "w-full py-0",
+			children: typeof resolvedNoDataContent === "string" ? /* @__PURE__ */ jsx("div", {
+				className: "text-muted-foreground",
+				children: resolvedNoDataContent
+			}) : resolvedNoDataContent
+		}), pagination && pagination.totalItems > 0 && /* @__PURE__ */ jsx(Pagination, {
+			currentPage: pagination.currentPage,
+			totalPages: pagination.totalPages,
+			totalItems: pagination.totalItems,
+			pageSize: pagination.pageSize,
+			startIndex: pagination.startIndex,
+			endIndex: pagination.endIndex,
+			onPageChange: pagination.onPageChange
+		})]
+	});
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn("flex flex-col", fullHeight && "min-h-0 flex-1"),
+		children: [/* @__PURE__ */ jsx("div", {
+			className: scrollContainerClass,
+			style: scrollContainerStyle,
+			children: /* @__PURE__ */ jsxs(Table, {
+				className: "table-fixed",
+				children: [
+					columnGroup,
+					tableHeader,
+					/* @__PURE__ */ jsx(TableBody, { children: data.map((item) => /* @__PURE__ */ jsxs(TableRow, {
+						className: onRowClick ? "hover:bg-muted/50 cursor-pointer" : "",
+						onClick: () => onRowClick?.(item),
+						children: [columns.map((col) => /* @__PURE__ */ jsx(TableCell, {
+							className: cn("max-w-0", col.align === "right" ? "text-right" : col.align === "center" ? "text-center" : ""),
+							children: col.truncate === false ? /* @__PURE__ */ jsx("div", {
+								className: cn("block w-full min-w-0", col.align === "right" ? "text-right" : col.align === "center" ? "text-center" : "text-left"),
+								children: renderColumnValue(col, item)
+							}) : /* @__PURE__ */ jsx(TruncatedContent, {
+								align: col.align,
+								tooltip: getColumnTooltipText(col, item),
+								children: renderColumnValue(col, item)
+							})
+						}, col.header)), hasActions ? /* @__PURE__ */ jsx(TableCell, {
+							className: ACTION_CELL_CLASS_NAME,
+							children: /* @__PURE__ */ jsx(SmartTableActions, {
+								item,
+								actions,
+								actionHandlers,
+								renderActions
+							})
+						}) : null]
+					}, getRowKey(item))) })
+				]
+			})
+		}), pagination && /* @__PURE__ */ jsx(Pagination, {
+			currentPage: pagination.currentPage,
+			totalPages: pagination.totalPages,
+			totalItems: pagination.totalItems,
+			pageSize: pagination.pageSize,
+			startIndex: pagination.startIndex,
+			endIndex: pagination.endIndex,
+			onPageChange: pagination.onPageChange
+		})]
+	});
+}
+
+//#endregion
+//#region src/smart-table/MobileView.tsx
+function MobileView({ data, columns, isLoading, skeletonRows, actions, actionHandlers, renderActions, noDataMessage, noDataContent, getRowKey, onRowClick, renderMobileCard, pagination, fullHeight = false }) {
+	const resolvedNoDataContent = noDataContent ?? noDataMessage;
+	const visibleColumns = columns.filter((col) => !col.hideOnMobile);
+	const hasActions = (actions?.length ?? 0) > 0 || renderActions !== void 0;
+	const paginationComponent = pagination && /* @__PURE__ */ jsx(Pagination, {
+		currentPage: pagination.currentPage,
+		totalPages: pagination.totalPages,
+		totalItems: pagination.totalItems,
+		pageSize: pagination.pageSize,
+		startIndex: pagination.startIndex,
+		endIndex: pagination.endIndex,
+		onPageChange: pagination.onPageChange
+	});
+	if (isLoading) return /* @__PURE__ */ jsxs("div", {
+		className: cn("flex flex-col", fullHeight && "flex-1 min-h-0"),
+		children: [/* @__PURE__ */ jsx("div", {
+			className: cn("space-y-2", fullHeight && "flex-1 min-h-0 overflow-auto px-px"),
+			children: Array.from({ length: skeletonRows }).map((_, i) => /* @__PURE__ */ jsx(Card, {
+				size: "sm",
+				className: "border border-border/80 shadow-none ring-0",
+				children: /* @__PURE__ */ jsx(CardContent, {
+					className: "px-3",
+					children: /* @__PURE__ */ jsxs("div", {
+						className: "space-y-2",
+						children: [visibleColumns.map((column) => /* @__PURE__ */ jsxs("div", {
+							className: "flex items-center gap-3",
+							children: [/* @__PURE__ */ jsx(Skeleton, { className: "h-3.5 w-20 shrink-0" }), /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-full" })]
+						}, column.header)), hasActions ? /* @__PURE__ */ jsx("div", {
+							className: "flex justify-end border-t pt-3",
+							children: /* @__PURE__ */ jsx(Skeleton, { className: "h-8 w-24" })
+						}) : null]
+					})
+				})
+			}, i))
+		}), paginationComponent]
+	});
+	if (data.length === 0) return /* @__PURE__ */ jsxs("div", {
+		className: cn("flex flex-col", fullHeight && "flex-1 min-h-0"),
+		children: [/* @__PURE__ */ jsx("div", {
+			className: "w-full py-0",
+			children: typeof resolvedNoDataContent === "string" ? /* @__PURE__ */ jsx("div", {
+				className: "text-muted-foreground",
+				children: resolvedNoDataContent
+			}) : resolvedNoDataContent
+		}), pagination && pagination.totalItems > 0 && paginationComponent]
+	});
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn("flex flex-col", fullHeight && "flex-1 min-h-0"),
+		children: [/* @__PURE__ */ jsx("div", {
+			className: cn("space-y-2", fullHeight && "flex-1 min-h-0 overflow-auto px-px"),
+			children: data.map((item) => /* @__PURE__ */ jsx(Card, {
+				size: "sm",
+				className: cn("border border-border/80 shadow-none ring-0", onRowClick ? "cursor-pointer hover:bg-muted/50" : ""),
+				onClick: () => onRowClick?.(item),
+				children: /* @__PURE__ */ jsx(CardContent, {
+					className: "px-3",
+					children: renderMobileCard ? renderMobileCard(item) : /* @__PURE__ */ jsxs("div", {
+						className: "space-y-2.5",
+						children: [visibleColumns.map((col) => /* @__PURE__ */ jsxs("div", {
+							className: "flex items-center gap-3 overflow-hidden",
+							children: [/* @__PURE__ */ jsx("span", {
+								className: "w-20 shrink-0 truncate text-[11px] font-medium uppercase tracking-wide text-muted-foreground",
+								children: col.mobileLabel ?? col.header
+							}), /* @__PURE__ */ jsx("div", {
+								className: "min-w-0 flex-1 text-sm",
+								children: col.truncate === false ? /* @__PURE__ */ jsx("div", {
+									className: "block min-w-0 w-full text-right text-sm",
+									children: renderColumnValue(col, item)
+								}) : /* @__PURE__ */ jsx(TruncatedContent, {
+									align: "right",
+									tooltip: getColumnTooltipText(col, item),
+									className: "text-sm",
+									children: renderColumnValue(col, item)
+								})
+							})]
+						}, col.header)), hasActions ? /* @__PURE__ */ jsx("div", {
+							className: "mt-3 flex justify-end border-t pt-2.5",
+							children: /* @__PURE__ */ jsx(SmartTableActions, {
+								item,
+								actions,
+								actionHandlers,
+								renderActions
+							})
+						}) : null]
+					})
+				})
+			}, getRowKey(item)))
+		}), paginationComponent]
+	});
+}
+
+//#endregion
+//#region src/smart-table/SmartTable.tsx
+function SmartTable({ data, columns, isLoading, skeletonRows = 5, actions, actionHandlers, renderActions, noDataMessage = "No data available", noDataContent, getRowKey = (item) => {
+	const record = item;
+	if ("_id" in record) return String(record._id);
+	if ("id" in record) return String(record.id);
+	return data.indexOf(item);
+}, onRowClick, renderMobileCard, pagination, stickyHeader, maxHeight, fullHeight, sortState, onSortChange }) {
+	if (useIsMobile()) return /* @__PURE__ */ jsx("div", {
+		className: cn("min-w-0", fullHeight && "flex min-h-0 flex-1 flex-col"),
+		children: /* @__PURE__ */ jsx(MobileView, {
+			data,
+			columns,
+			isLoading,
+			skeletonRows,
+			actions,
+			actionHandlers,
+			renderActions,
+			noDataMessage,
+			noDataContent,
+			getRowKey,
+			onRowClick,
+			renderMobileCard,
+			pagination,
+			fullHeight
+		})
+	});
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("min-w-0", fullHeight && "flex min-h-0 flex-1 flex-col"),
+		children: /* @__PURE__ */ jsx(DesktopView, {
+			data,
+			columns,
+			isLoading,
+			skeletonRows,
+			actions,
+			actionHandlers,
+			renderActions,
+			noDataMessage,
+			noDataContent,
+			getRowKey,
+			onRowClick,
+			pagination,
+			stickyHeader,
+			maxHeight,
+			fullHeight,
+			sortState,
+			onSortChange
+		})
+	});
+}
+
+//#endregion
+//#region src/table-toolbar/table-toolbar.tsx
+function buildAllFilterOptionLabel(label, allOptionLabel) {
+	return allOptionLabel ?? `All: ${label}`;
+}
+function FilterDropdown({ label, value, options, onChange, className, allowAll = true, allOptionLabel }) {
+	return /* @__PURE__ */ jsx(SearchableSelect, {
+		value,
+		onValueChange: (nextValue) => {
+			onChange(nextValue);
+		},
+		placeholder: label,
+		className: className ?? "w-full sm:w-[140px]",
+		searchPlaceholder: `Search ${label.toLocaleLowerCase()}...`,
+		options: [...allowAll ? [{
+			value: "all",
+			label: buildAllFilterOptionLabel(label, allOptionLabel)
+		}] : [], ...options]
+	});
+}
+function SearchInput({ value, onChange, placeholder = "Search...", className }) {
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn("relative", className),
+		children: [
+			/* @__PURE__ */ jsx(Search, { className: "text-muted-foreground absolute top-1/2 left-2.5 size-4 -translate-y-1/2" }),
+			/* @__PURE__ */ jsx(Input, {
+				type: "text",
+				placeholder,
+				value,
+				onChange: (event) => {
+					onChange(event.target.value);
+				},
+				className: "pr-9 pl-9"
+			}),
+			value ? /* @__PURE__ */ jsx("button", {
+				type: "button",
+				onClick: () => {
+					onChange("");
+				},
+				className: "text-muted-foreground hover:text-foreground absolute top-1/2 right-2.5 -translate-y-1/2",
+				children: /* @__PURE__ */ jsx(X, { className: "size-4" })
+			}) : null
+		]
+	});
+}
+function resolveTableToolbarLabels(labels = {}) {
+	return {
+		filtersButtonLabel: labels.filtersButtonLabel ?? "Filters",
+		filtersTitle: labels.filtersTitle ?? "Filters",
+		filtersDescription: labels.filtersDescription ?? "Narrow the list using the available criteria.",
+		clearFiltersLabel: labels.clearFiltersLabel ?? "Clear",
+		showResultsLabel: labels.showResultsLabel ?? ((resultCount) => typeof resultCount === "number" ? `Show ${resultCount.toLocaleString("en-US")} ${resultCount === 1 ? "result" : "results"}` : "Show results"),
+		rangeMinPlaceholder: labels.rangeMinPlaceholder ?? "Min",
+		rangeMaxPlaceholder: labels.rangeMaxPlaceholder ?? "Max"
+	};
+}
+function TableToolbar({ search, filters, textFilters, customFilters, rangeFilters, renderRangeInput, inlineControls, onClearAll, getDraftResultCount, labels, children }) {
+	const resolvedLabels = resolveTableToolbarLabels(labels);
+	const isMobile = useIsMobile();
+	const [filtersOpen, setFiltersOpen] = useState(false);
+	const [draftFilterValues, setDraftFilterValues] = useState({});
+	const hasFilters = Boolean((filters?.length ?? 0) + (textFilters?.length ?? 0) + (customFilters?.length ?? 0) + (rangeFilters?.length ?? 0));
+	const desktopConfirmShortcutEnabled = filtersOpen && !isMobile;
+	const desktopModifierLabel = useDesktopShortcutModifierLabel(desktopConfirmShortcutEnabled);
+	const clearableFilters = filters?.filter((filter) => filter.clearable !== false) ?? [];
+	const clearableCustomFilters = customFilters?.filter((filter) => filter.clearable !== false) ?? [];
+	const filterValues = useMemo(() => ({
+		...Object.fromEntries((filters ?? []).map((filter) => [filter.config.key, filter.value])),
+		...Object.fromEntries((textFilters ?? []).map((filter) => [filter.key, filter.value])),
+		...Object.fromEntries((customFilters ?? []).map((filter) => [filter.key, filter.value])),
+		...Object.fromEntries((rangeFilters ?? []).flatMap((filter) => [[`${filter.key}Min`, filter.minValue], [`${filter.key}Max`, filter.maxValue]]))
+	}), [
+		customFilters,
+		filters,
+		rangeFilters,
+		textFilters
+	]);
+	const activeFilterCount = clearableFilters.filter((filter) => filter.value !== "all").length;
+	const activeCustomFilterCount = clearableCustomFilters.filter((filter) => filter.value !== (filter.clearValue ?? "all")).length;
+	const activeRangeFilterCount = rangeFilters?.filter((filter) => filter.minValue.trim() || filter.maxValue.trim()).length ?? 0;
+	const activeTextFilterCount = textFilters?.filter((filter) => filter.value.trim().length > 0).length ?? 0;
+	const hasDraftFilters = clearableFilters.some((filter) => {
+		return (draftFilterValues[filter.config.key] ?? filter.value) !== "all";
+	}) || clearableCustomFilters.some((filter) => {
+		return (draftFilterValues[filter.key] ?? filter.value) !== (filter.clearValue ?? "all");
+	}) || (rangeFilters ?? []).some((filter) => {
+		const minValue = draftFilterValues[`${filter.key}Min`] ?? filter.minValue;
+		const maxValue = draftFilterValues[`${filter.key}Max`] ?? filter.maxValue;
+		return Boolean(minValue.trim() || maxValue.trim());
+	}) || (textFilters ?? []).some((filter) => {
+		return (draftFilterValues[filter.key] ?? filter.value).trim().length > 0;
+	});
+	const draftResultCount = useMemo(() => filtersOpen ? getDraftResultCount?.(draftFilterValues) : void 0, [
+		draftFilterValues,
+		filtersOpen,
+		getDraftResultCount
+	]);
+	const applyButtonLabel = resolvedLabels.showResultsLabel(draftResultCount);
+	function openFiltersSheet() {
+		setDraftFilterValues(filterValues);
+		setFiltersOpen(true);
+	}
+	const activeFilterTotal = activeFilterCount + activeCustomFilterCount + activeRangeFilterCount + activeTextFilterCount;
+	function updateDraftFilterValue(key, value) {
+		setDraftFilterValues((currentValues) => ({
+			...currentValues,
+			[key]: value
+		}));
+	}
+	function clearAndApplyFilters() {
+		const clearedValues = Object.fromEntries(clearableFilters.map((filter) => [filter.config.key, "all"]));
+		const clearedRangeValues = Object.fromEntries((rangeFilters ?? []).flatMap((filter) => [[`${filter.key}Min`, ""], [`${filter.key}Max`, ""]]));
+		const clearedTextValues = Object.fromEntries((textFilters ?? []).map((filter) => [filter.key, ""]));
+		const clearedCustomValues = Object.fromEntries(clearableCustomFilters.map((filter) => [filter.key, filter.clearValue ?? "all"]));
+		setDraftFilterValues((currentValues) => ({
+			...currentValues,
+			...clearedValues,
+			...clearedRangeValues,
+			...clearedTextValues,
+			...clearedCustomValues
+		}));
+		filters?.forEach((filter) => {
+			const nextValue = filter.clearable === false ? filter.value : "all";
+			if (nextValue !== filter.value) filter.onChange(nextValue);
+		});
+		rangeFilters?.forEach((filter) => {
+			if (filter.minValue) filter.onMinChange("");
+			if (filter.maxValue) filter.onMaxChange("");
+		});
+		textFilters?.forEach((filter) => {
+			if (filter.value) filter.onChange("");
+		});
+		customFilters?.forEach((filter) => {
+			const nextValue = filter.clearable === false ? filter.value : filter.clearValue ?? "all";
+			if (nextValue !== filter.value) filter.onChange(nextValue);
+		});
+		setFiltersOpen(false);
+	}
+	function applyDraftFilters() {
+		filters?.forEach((filter) => {
+			const nextValue = draftFilterValues[filter.config.key] ?? filter.value;
+			if (nextValue !== filter.value) filter.onChange(nextValue);
+		});
+		rangeFilters?.forEach((filter) => {
+			const nextMinValue = draftFilterValues[`${filter.key}Min`] ?? filter.minValue;
+			const nextMaxValue = draftFilterValues[`${filter.key}Max`] ?? filter.maxValue;
+			if (nextMinValue !== filter.minValue) filter.onMinChange(nextMinValue);
+			if (nextMaxValue !== filter.maxValue) filter.onMaxChange(nextMaxValue);
+		});
+		textFilters?.forEach((filter) => {
+			const nextValue = draftFilterValues[filter.key] ?? filter.value;
+			if (nextValue !== filter.value) filter.onChange(nextValue);
+		});
+		customFilters?.forEach((filter) => {
+			const nextValue = draftFilterValues[filter.key] ?? filter.value;
+			if (nextValue !== filter.value) filter.onChange(nextValue);
+		});
+		setFiltersOpen(false);
+	}
+	return /* @__PURE__ */ jsxs("div", {
+		className: "space-y-3",
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: "flex flex-wrap items-center gap-2",
+			children: [
+				search ? /* @__PURE__ */ jsx(SearchInput, {
+					value: search.value,
+					onChange: search.onChange,
+					placeholder: search.placeholder,
+					className: "min-w-0 flex-1 sm:w-64 sm:flex-initial"
+				}) : null,
+				inlineControls,
+				hasFilters ? /* @__PURE__ */ jsxs(Button, {
+					variant: "outline",
+					className: "relative gap-2",
+					onClick: openFiltersSheet,
+					children: [
+						/* @__PURE__ */ jsx(Filter, { className: "size-4" }),
+						resolvedLabels.filtersButtonLabel,
+						activeFilterTotal > 0 ? /* @__PURE__ */ jsx("span", {
+							className: "bg-primary text-primary-foreground absolute -top-1 -right-1 flex size-4 items-center justify-center rounded-full text-[10px]",
+							children: activeFilterTotal
+						}) : null
+					]
+				}) : null,
+				children ? /* @__PURE__ */ jsx("div", {
+					className: "hidden sm:ml-auto sm:flex sm:items-center sm:gap-2",
+					children
+				}) : null
+			]
+		}), hasFilters ? /* @__PURE__ */ jsx(ResponsiveSheet, {
+			open: filtersOpen,
+			onOpenChange: setFiltersOpen,
+			title: resolvedLabels.filtersTitle,
+			description: resolvedLabels.filtersDescription,
+			onConfirm: applyDraftFilters,
+			footer: /* @__PURE__ */ jsxs("div", {
+				className: "flex w-full gap-2",
+				children: [onClearAll ? /* @__PURE__ */ jsxs(Button, {
+					type: "button",
+					variant: "outline",
+					disabled: !hasDraftFilters,
+					onClick: clearAndApplyFilters,
+					className: "min-w-0 flex-1",
+					children: [/* @__PURE__ */ jsx(X, { className: "mr-1 size-4" }), resolvedLabels.clearFiltersLabel]
+				}) : null, /* @__PURE__ */ jsx(Button, {
+					type: "button",
+					onClick: applyDraftFilters,
+					className: cn("relative min-w-0 flex-1", desktopConfirmShortcutEnabled ? "pr-12" : null),
+					children: /* @__PURE__ */ jsxs("span", {
+						className: "inline-flex w-full items-center justify-center",
+						children: [/* @__PURE__ */ jsx("span", {
+							className: "min-w-0 truncate",
+							children: applyButtonLabel
+						}), desktopConfirmShortcutEnabled && desktopModifierLabel ? /* @__PURE__ */ jsx("span", {
+							className: "absolute top-1/2 right-2 -translate-y-1/2",
+							children: /* @__PURE__ */ jsx(DesktopConfirmShortcutHint, { desktopModifierLabel })
+						}) : null]
+					})
+				})]
+			}),
+			width: 420,
+			children: /* @__PURE__ */ jsxs("div", {
+				className: "space-y-4",
+				children: [
+					filters?.map((filter) => {
+						const Icon = filter.config.icon;
+						return /* @__PURE__ */ jsxs("div", {
+							className: "flex flex-col gap-1.5",
+							children: [/* @__PURE__ */ jsxs("span", {
+								className: "text-foreground flex items-center gap-2 text-sm font-medium",
+								children: [Icon ? /* @__PURE__ */ jsx(Icon, {
+									className: "text-foreground/70 size-3.5 shrink-0",
+									strokeWidth: 1.8
+								}) : null, filter.config.label]
+							}), /* @__PURE__ */ jsx(FilterDropdown, {
+								label: filter.config.label,
+								value: draftFilterValues[filter.config.key] ?? filter.value,
+								options: filter.config.options,
+								onChange: (value) => {
+									updateDraftFilterValue(filter.config.key, value);
+								},
+								className: "w-full",
+								allowAll: filter.allowAll,
+								allOptionLabel: filter.allOptionLabel
+							})]
+						}, filter.config.key);
+					}),
+					customFilters?.map((filter) => {
+						const Icon = filter.icon;
+						return /* @__PURE__ */ jsxs("div", {
+							className: "flex flex-col gap-1.5",
+							children: [/* @__PURE__ */ jsxs("span", {
+								className: "text-foreground flex items-center gap-2 text-sm font-medium",
+								children: [Icon ? /* @__PURE__ */ jsx(Icon, {
+									className: "text-foreground/70 size-3.5 shrink-0",
+									strokeWidth: 1.8
+								}) : null, filter.label]
+							}), filter.render({
+								value: draftFilterValues[filter.key] ?? filter.value,
+								setValue: (value) => {
+									updateDraftFilterValue(filter.key, value);
+								}
+							})]
+						}, filter.key);
+					}),
+					textFilters?.map((filter) => {
+						const Icon = filter.icon;
+						return /* @__PURE__ */ jsxs("div", {
+							className: "flex flex-col gap-1.5",
+							children: [/* @__PURE__ */ jsxs("span", {
+								className: "text-foreground flex items-center gap-2 text-sm font-medium",
+								children: [Icon ? /* @__PURE__ */ jsx(Icon, {
+									className: "text-foreground/70 size-3.5 shrink-0",
+									strokeWidth: 1.8
+								}) : null, filter.label]
+							}), /* @__PURE__ */ jsx(Input, {
+								type: "text",
+								value: draftFilterValues[filter.key] ?? filter.value,
+								onChange: (event) => {
+									updateDraftFilterValue(filter.key, event.target.value);
+								},
+								placeholder: filter.placeholder ?? filter.label
+							})]
+						}, filter.key);
+					}),
+					rangeFilters?.map((filter) => {
+						const Icon = filter.icon;
+						const minKey = `${filter.key}Min`;
+						const maxKey = `${filter.key}Max`;
+						return /* @__PURE__ */ jsxs("div", {
+							className: "flex flex-col gap-1.5",
+							children: [/* @__PURE__ */ jsxs("span", {
+								className: "text-foreground flex items-center gap-2 text-sm font-medium",
+								children: [Icon ? /* @__PURE__ */ jsx(Icon, {
+									className: "text-foreground/70 size-3.5 shrink-0",
+									strokeWidth: 1.8
+								}) : null, filter.label]
+							}), /* @__PURE__ */ jsx("div", {
+								className: "grid grid-cols-2 gap-2",
+								children: renderRangeInput ? /* @__PURE__ */ jsxs(Fragment, { children: [renderRangeInput({
+									filter,
+									input: "min",
+									value: draftFilterValues[minKey] ?? filter.minValue,
+									onChange: (value) => {
+										updateDraftFilterValue(minKey, value);
+									},
+									placeholder: filter.minPlaceholder ?? resolvedLabels.rangeMinPlaceholder
+								}), renderRangeInput({
+									filter,
+									input: "max",
+									value: draftFilterValues[maxKey] ?? filter.maxValue,
+									onChange: (value) => {
+										updateDraftFilterValue(maxKey, value);
+									},
+									placeholder: filter.maxPlaceholder ?? resolvedLabels.rangeMaxPlaceholder
+								})] }) : /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(Input, {
+									type: filter.inputType ?? "text",
+									inputMode: filter.inputMode ?? "decimal",
+									value: draftFilterValues[minKey] ?? filter.minValue,
+									onChange: (event) => {
+										updateDraftFilterValue(minKey, event.target.value);
+									},
+									placeholder: filter.minPlaceholder ?? "Min"
+								}), /* @__PURE__ */ jsx(Input, {
+									type: filter.inputType ?? "text",
+									inputMode: filter.inputMode ?? "decimal",
+									value: draftFilterValues[maxKey] ?? filter.maxValue,
+									onChange: (event) => {
+										updateDraftFilterValue(maxKey, event.target.value);
+									},
+									placeholder: filter.maxPlaceholder ?? "Max"
+								})] })
+							})]
+						}, filter.key);
+					})
+				]
+			})
+		}) : null]
+	});
+}
+
+//#endregion
+//#region src/error-page/error-code.tsx
+function ErrorCode({ code, reference, className }) {
+	return /* @__PURE__ */ jsxs("p", {
+		className: cn("text-xs text-muted-foreground/55", className),
+		children: [
+			"Codice ",
+			code,
+			reference ? /* @__PURE__ */ jsxs("span", {
+				className: "ml-2",
+				children: ["Rif. ", reference]
+			}) : null
+		]
+	});
+}
+
+//#endregion
+//#region src/error-page/error-page-content.ts
+const NOT_FOUND_STATUS = 404;
+function getErrorText(error) {
+	if (error instanceof Error) {
+		const digest = "digest" in error ? String(error.digest) : "";
+		return `${error.message} ${digest}`;
+	}
+	if (typeof error === "object" && error !== null) {
+		const record = error;
+		return `${typeof record.message === "string" ? record.message : ""} ${typeof record.digest === "string" ? record.digest : ""}`;
+	}
+	return typeof error === "string" ? error : "";
+}
+function getErrorStatusCode(error) {
+	const text = getErrorText(error);
+	const fallbackMatch = /NEXT_HTTP_ERROR_FALLBACK;(\d{3})/.exec(text);
+	if (fallbackMatch) return Number(fallbackMatch[1]);
+	const statusMatch = /\bstatus(?:Code)?[=:]\s*(\d{3})\b/i.exec(text);
+	return statusMatch ? Number(statusMatch[1]) : null;
+}
+function resolveErrorPageContent(error, options = {}) {
+	if (getErrorStatusCode(error) === NOT_FOUND_STATUS) return {
+		code: "404",
+		title: "Page not found",
+		description: "The page you are looking for does not exist or has been moved.",
+		shouldCapture: false
+	};
+	return {
+		code: options.fallbackCode ?? "500",
+		title: options.fallbackTitle ?? "An error occurred",
+		description: options.fallbackDescription ?? "An unexpected error occurred. Please try again later.",
+		shouldCapture: true
+	};
+}
+function getNotFoundPageContent() {
+	return {
+		code: "404",
+		title: "Page not found",
+		description: "The page you are looking for does not exist or has been moved.",
+		shouldCapture: false
+	};
+}
+
+//#endregion
+//#region src/error-page/posthog-error-capture.ts
+function getPostHogClient() {
+	if (typeof window === "undefined") return null;
+	const client = window.posthog;
+	return typeof client?.capture === "function" ? client : null;
+}
+function normalizeError(error) {
+	if (error instanceof Error) {
+		const digest = "digest" in error && typeof error.digest === "string" ? error.digest : void 0;
+		return {
+			name: error.name,
+			message: error.message,
+			stack: error.stack,
+			digest
+		};
+	}
+	return {
+		name: "UnknownError",
+		message: typeof error === "string" ? error : "Unknown error"
+	};
+}
+function createErrorReference(error) {
+	if (error instanceof Error && "digest" in error && typeof error.digest === "string") return error.digest;
+	return `err_${Date.now().toString(36)}_${Math.random().toString(36).slice(2, 8)}`;
+}
+function captureErrorToPostHog({ error, code, reference, source = "error-page", metadata }) {
+	const posthog = getPostHogClient();
+	if (!posthog) return;
+	const normalizedError = normalizeError(error);
+	try {
+		posthog.capture("$exception", {
+			$exception_type: normalizedError.name,
+			$exception_message: normalizedError.message,
+			$exception_stack_trace: normalizedError.stack,
+			code,
+			digest: normalizedError.digest,
+			error_reference: reference,
+			pathname: window.location.pathname,
+			source,
+			...metadata
+		});
+	} catch {}
+}
+
+//#endregion
+//#region src/error-page/saas-error-page.tsx
+function resolveContent(error, content) {
+	const resolvedContent = error ? resolveErrorPageContent(error) : getNotFoundPageContent();
+	return {
+		...resolvedContent,
+		...content,
+		shouldCapture: content?.shouldCapture ?? resolvedContent.shouldCapture
+	};
+}
+function SaasErrorPage({ error, reset, homeHref = "/", homeLabel = "Torna alla home", retryLabel = "Riprova", source, metadata, content, className, classes }) {
+	const resolvedContent = useMemo(() => resolveContent(error, content), [content, error]);
+	const [reference] = useState(() => error ? createErrorReference(error) : null);
+	useEffect(() => {
+		if (!error || !resolvedContent.shouldCapture || !reference) return;
+		captureErrorToPostHog({
+			error,
+			code: resolvedContent.code,
+			reference,
+			source,
+			metadata
+		});
+	}, [
+		error,
+		metadata,
+		reference,
+		resolvedContent.code,
+		resolvedContent.shouldCapture,
+		source
+	]);
+	return /* @__PURE__ */ jsxs("main", {
+		className: cn("bg-background text-foreground flex min-h-screen flex-col items-center justify-center gap-4 px-6 text-center", className, classes?.root),
+		children: [
+			/* @__PURE__ */ jsxs("div", {
+				className: cn("space-y-3", classes?.content),
+				children: [/* @__PURE__ */ jsx("p", {
+					className: cn("text-8xl font-semibold leading-none text-muted-foreground/25 sm:text-9xl", classes?.code),
+					children: resolvedContent.code
+				}), /* @__PURE__ */ jsxs("div", {
+					className: cn("space-y-2", classes?.text),
+					children: [/* @__PURE__ */ jsx("h1", {
+						className: cn("text-2xl font-semibold tracking-tight", classes?.title),
+						children: resolvedContent.title
+					}), /* @__PURE__ */ jsx("p", {
+						className: cn("mx-auto max-w-md text-sm text-muted-foreground", classes?.description),
+						children: resolvedContent.description
+					})]
+				})]
+			}),
+			/* @__PURE__ */ jsx(ErrorCode, {
+				code: resolvedContent.code,
+				reference
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: cn("mt-2 flex flex-wrap justify-center gap-3", classes?.actions),
+				children: [reset ? /* @__PURE__ */ jsx(Button, {
+					type: "button",
+					variant: "outline",
+					onClick: reset,
+					children: retryLabel
+				}) : null, /* @__PURE__ */ jsx(Button, {
+					asChild: true,
+					children: /* @__PURE__ */ jsx("a", {
+						href: homeHref,
+						children: homeLabel
+					})
+				})]
+			})
+		]
+	});
+}
+function SaasNotFoundPage({ title, description, ...props }) {
+	return /* @__PURE__ */ jsx(SaasErrorPage, {
+		...props,
+		content: {
+			code: "404",
+			title: title ?? "Page not found",
+			description: description ?? "The page you are looking for does not exist or has been moved.",
+			shouldCapture: false
+		}
+	});
+}
+
+//#endregion
+export { AUTO_SEARCHABLE_SELECT_THRESHOLD, Avatar, AvatarFallback, AvatarImage, Button, CHIP_CLASS_NAMES, Calendar, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Chip, ChipButton, DesktopConfirmShortcutHint, Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DisplayDate, Drawer, DrawerContent, DrawerDescription, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger, EmptyStateCard, ErrorCode, FieldDetailRow, FileDropzone, FilterDropdown, HelpInfoButton, InitialEmptyState, Input, KeyboardKeycap, Label, NoResultsState, Pagination, Popover, PopoverContent, PopoverTrigger, ResponsiveSheet, SaasErrorPage, SaasNotFoundPage, ScrollFadeArea, SearchInput, SearchableSelect, SegmentedToggle, Select, SelectContent, SelectItem, SelectScrollDownButton, SelectScrollUpButton, SelectTrigger, SelectValue, Sheet, SheetActionFooter, SheetContent, SheetDescription, SheetHeader, SheetTitle, ShortcutModifierKeycap, Skeleton, SmartTable, SmartTableActions, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, TableToolbar, Tabs, TabsContent, TabsList, TabsScrollArea, TabsTrigger, Textarea, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, TruncatedContent, UserPicker, buildAllFilterOptionLabel, buildSearchText, buildUserInitials, buttonVariants, captureErrorToPostHog, cn, createErrorReference, filterAndRankBySearch, filterSelectableUsers, filterUsersBySearch, formatAbsoluteDate, formatDisplayDate, formatSelectedUserSummary, formatUserDisplayName, getChipClassName, getDesktopShortcutModifierLabel, getNotFoundPageContent, getSearchableSelectPortalContainer, isAllowedConfirmShortcutEvent, isSearchableSelectPointerInside, rankBySearch, resolveCollectionEmptyState, resolveErrorPageContent, resolveSearchableSelectDropdownPosition, scoreFuzzyMatch, tabsListVariants, toggleUserSelection, useDesktopConfirmShortcut, useDesktopShortcutModifierLabel, useIsMobile, useMediaQuery, useTableSorting };
+//# sourceMappingURL=index.mjs.map