@ekkolyth/ui 0.1.19 → 0.2.0

package/dist/index.js

@@ -1,17 +1,20 @@
-import { A as FieldLegend, B as THEME_COLORS, C as Input, D as FieldError, E as FieldDescription, F as CalendarDayButton, H as colorPalette, I as Button, L as buttonVariants, M as FieldSet, N as FieldTitle, O as FieldGroup, P as Calendar, R as validate, S as Textarea, T as FieldContent, U as getContrastForeground, V as coerceThemeColor, W as resolveColorHex, _ as InputGroupAddon, a as Tabs, b as InputGroupText, c as TabsTrigger, d as Field, f as Popover, g as InputGroup, h as PopoverTrigger, i as getIconCategories, j as FieldSeparator, k as FieldLabel, l as Progress, m as PopoverContent, n as getStaticIcon, o as TabsContent, p as PopoverAnchor, r as PICKER_ICON_NAMES, s as TabsList, t as IconPicker, u as Label, v as InputGroupButton, w as BasicField, x as InputGroupTextarea, y as InputGroupInput, z as ColorPicker } from "./icon-picker-ByfHyJ7i.js";
+import { $ as InputGroupText, A as FieldSet, B as ComboboxInput, C as FieldContent, D as FieldLabel, E as FieldGroup, F as ComboboxChipsInput, G as ComboboxTrigger, H as ComboboxLabel, I as ComboboxCollection, J as PortalContainerContext, K as ComboboxValue, L as ComboboxContent, M as Combobox, N as ComboboxChip, O as FieldLegend, P as ComboboxChips, Q as InputGroupInput, R as ComboboxEmpty, S as BasicField, T as FieldError, U as ComboboxList, V as ComboboxItem, W as ComboboxSeparator, X as InputGroupAddon, Y as InputGroup, Z as InputGroupButton, _ as validate, a as Tabs, at as ColorPicker, b as ComboboxField, c as TabsTrigger, ct as colorPalette, d as Popover, et as InputGroupTextarea, f as PopoverAnchor, g as CalendarDayButton, h as Calendar, i as getIconCategories, it as buttonVariants, j as FieldTitle, k as FieldSeparator, l as Label, lt as getContrastForeground, m as PopoverTrigger, n as getStaticIcon, nt as Input, o as TabsContent, ot as THEME_COLORS, p as PopoverContent, q as useComboboxAnchor, r as PICKER_ICON_NAMES, rt as Button, s as TabsList, st as coerceThemeColor, t as IconPicker, tt as Textarea, u as Field, ut as resolveColorHex, v as Dropzone, w as FieldDescription, x as Spinner, y as Progress, z as ComboboxGroup } from "./icon-picker-CwavOWKf.js";
 import { t as cn } from "./utils-C_uf36nf.js";
-import { t as LoadingScreen } from "./loading-screen-DB3youyT.js";
+import { t as LoadingScreen } from "./loading-screen-DilmTJ3J.js";
 import { a as CardDescription, c as CardTitle, i as CardContent, n as Card, o as CardFooter, r as CardAction, s as CardHeader, t as Widget } from "./widget-C2vjxQms.js";
-import { t as useIsMobile } from "./use-mobile-CqHXB_Nc.js";
-import { t as Container } from "./container-BBg21poC.js";
-import { _ as SelectTrigger, d as SelectGroup, f as SelectItem, g as SelectSeparator, h as SelectScrollUpButton, l as Select, m as SelectScrollDownButton, n as toggleVariants, p as SelectLabel, r as Toaster, t as Toggle, u as SelectContent, v as SelectValue } from "./toggle-B2PFPImC.js";
+import { t as useIsMobile } from "./use-mobile-C-Ak14Ip.js";
+import { t as useWindowScrollMargin } from "./use-window-scroll-margin-BQMpLEeT.js";
+import { n as Container, t as VirtualGrid } from "./virtual-grid-BNWXDxO1.js";
+import { _ as SelectTrigger, d as SelectGroup, f as SelectItem, g as SelectSeparator, h as SelectScrollUpButton, l as Select, m as SelectScrollDownButton, n as toggleVariants, p as SelectLabel, r as Toaster, t as Toggle, u as SelectContent, v as SelectValue } from "./toggle-Bpm-ggNe.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { Slot } from "@radix-ui/react-slot";
 import { cva } from "class-variance-authority";
-import { ArrowDownIcon, ArrowLeft, ArrowRight, ArrowUpIcon, CheckIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRight, ChevronRightIcon, ChevronsLeftIcon, ChevronsRightIcon, ChevronsUpDownIcon, CircleIcon, EyeOffIcon, FilterIcon, GripVerticalIcon, LayoutGrid, List, Loader2Icon, MinusIcon, MoreHorizontal, MoreHorizontalIcon, PanelLeftIcon, PlusCircleIcon, SearchIcon, Settings2Icon, StretchHorizontal, XIcon } from "lucide-react";
 import * as React from "react";
 import { createContext, useContext, useEffect, useState } from "react";
+import { ArrowDownIcon, ArrowLeft, ArrowRight, ArrowUpIcon, CheckIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRight, ChevronRightIcon, ChevronsLeftIcon, ChevronsRightIcon, ChevronsUpDownIcon, CircleIcon, EyeOffIcon, FilterIcon, GripVerticalIcon, LayoutGrid, List, MinusIcon, MoreHorizontal, MoreHorizontalIcon, PanelLeftIcon, PlusCircleIcon, SearchIcon, Settings2Icon, StretchHorizontal, XIcon } from "lucide-react";
+import { useWindowVirtualizer } from "@tanstack/react-virtual";
 import * as AccordionPrimitive from "@radix-ui/react-accordion";
+import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
 import * as AlertDialogPrimitive from "@radix-ui/react-alert-dialog";
 import * as AspectRatioPrimitive from "@radix-ui/react-aspect-ratio";
 import * as AvatarPrimitive from "@radix-ui/react-avatar";
@@ -20,12 +23,10 @@ import useEmblaCarousel from "embla-carousel-react";
 import * as RechartsPrimitive from "recharts";
 import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
 import * as CollapsiblePrimitive from "@radix-ui/react-collapsible";
-import { Combobox as Combobox$1 } from "@base-ui/react";
 import * as DialogPrimitive from "@radix-ui/react-dialog";
-import { Command as Command$1 } from "cmdk";
+import { Command as Command$2 } from "cmdk";
 import * as ContextMenuPrimitive from "@radix-ui/react-context-menu";
 import { flexRender, getCoreRowModel, getFilteredRowModel, getPaginationRowModel, getSortedRowModel, useReactTable } from "@tanstack/react-table";
-import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
 import { Drawer as Drawer$1 } from "vaul";
 import { Controller, FormProvider, useFormContext, useFormState } from "react-hook-form";
 import * as HoverCardPrimitive from "@radix-ui/react-hover-card";
@@ -39,6 +40,7 @@ import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
 import * as TooltipPrimitive from "@radix-ui/react-tooltip";
 import * as SliderPrimitive from "@radix-ui/react-slider";
 import * as SwitchPrimitive from "@radix-ui/react-switch";
+import { Chart as TanStackChart } from "@tanstack/charts/react";
 import * as ToggleGroupPrimitive from "@radix-ui/react-toggle-group";
 //#region src/components/ui/accordion/index.tsx
 function Accordion({ ...props }) {
@@ -61,7 +63,7 @@ function AccordionTrigger({ className, children, ...props }) {
 			className: cn("focus-visible:border-ring focus-visible:ring-ring/50 flex flex-1 cursor-pointer items-center justify-between gap-4 rounded-md py-4 text-left text-sm font-medium transition-all outline-none hover:underline focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&[data-state=open]>svg]:rotate-180", className),
 			"data-slot": "accordion-trigger",
 			...props,
-			children: [children, /* @__PURE__ */ jsx(ChevronDownIcon, { className: "text-muted-foreground pointer-events-none size-8 shrink-0 transition-transform duration-200" })]
+			children: [children, /* @__PURE__ */ jsx(ChevronDownIcon, { className: "text-muted-foreground pointer-events-none size-4 shrink-0 transition-transform duration-200" })]
 		})
 	});
 }
@@ -77,6 +79,198 @@ function AccordionContent({ className, children, ...props }) {
 	});
 }
 //#endregion
+//#region src/components/ui/dropdown-menu/index.tsx
+function DropdownMenu({ ...props }) {
+	return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Root, {
+		"data-slot": "dropdown-menu",
+		...props
+	});
+}
+function DropdownMenuPortal({ ...props }) {
+	return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Portal, {
+		"data-slot": "dropdown-menu-portal",
+		...props
+	});
+}
+function DropdownMenuTrigger({ ...props }) {
+	return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Trigger, {
+		"data-slot": "dropdown-menu-trigger",
+		...props
+	});
+}
+function DropdownMenuContent({ className, sideOffset = 4, ...props }) {
+	return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx(DropdownMenuPrimitive.Content, {
+		className: cn("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 max-h-(--radix-dropdown-menu-content-available-height) min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-md", className),
+		"data-slot": "dropdown-menu-content",
+		sideOffset,
+		...props
+	}) });
+}
+function DropdownMenuGroup({ ...props }) {
+	return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Group, {
+		"data-slot": "dropdown-menu-group",
+		...props
+	});
+}
+function DropdownMenuItem({ className, inset, variant = "default", ...props }) {
+	return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Item, {
+		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 [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
+		"data-inset": inset,
+		"data-slot": "dropdown-menu-item",
+		"data-variant": variant,
+		...props
+	});
+}
+function DropdownMenuCheckboxItem({ className, children, checked, ...props }) {
+	return /* @__PURE__ */ jsxs(DropdownMenuPrimitive.CheckboxItem, {
+		checked,
+		className: cn("focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
+		"data-slot": "dropdown-menu-checkbox-item",
+		...props,
+		children: [/* @__PURE__ */ jsx("span", {
+			className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center",
+			children: /* @__PURE__ */ jsx(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(CheckIcon, { className: "size-4" }) })
+		}), children]
+	});
+}
+function DropdownMenuRadioGroup({ ...props }) {
+	return /* @__PURE__ */ jsx(DropdownMenuPrimitive.RadioGroup, {
+		"data-slot": "dropdown-menu-radio-group",
+		...props
+	});
+}
+function DropdownMenuRadioItem({ className, children, ...props }) {
+	return /* @__PURE__ */ jsxs(DropdownMenuPrimitive.RadioItem, {
+		className: cn("focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
+		"data-slot": "dropdown-menu-radio-item",
+		...props,
+		children: [/* @__PURE__ */ jsx("span", {
+			className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center",
+			children: /* @__PURE__ */ jsx(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(CircleIcon, { className: "size-2 fill-current" }) })
+		}), children]
+	});
+}
+function DropdownMenuLabel({ className, inset, ...props }) {
+	return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Label, {
+		className: cn("px-2 py-1.5 text-sm font-medium data-[inset]:pl-8", className),
+		"data-inset": inset,
+		"data-slot": "dropdown-menu-label",
+		...props
+	});
+}
+function DropdownMenuSeparator({ className, ...props }) {
+	return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Separator, {
+		className: cn("bg-border -mx-1 my-1 h-px", className),
+		"data-slot": "dropdown-menu-separator",
+		...props
+	});
+}
+function DropdownMenuShortcut({ className, ...props }) {
+	return /* @__PURE__ */ jsx("span", {
+		className: cn("text-muted-foreground ml-auto text-xs tracking-widest", className),
+		"data-slot": "dropdown-menu-shortcut",
+		...props
+	});
+}
+function DropdownMenuSub({ ...props }) {
+	return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Sub, {
+		"data-slot": "dropdown-menu-sub",
+		...props
+	});
+}
+function DropdownMenuSubTrigger({ className, inset, children, ...props }) {
+	return /* @__PURE__ */ jsxs(DropdownMenuPrimitive.SubTrigger, {
+		className: cn("focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[inset]:pl-8", className),
+		"data-inset": inset,
+		"data-slot": "dropdown-menu-sub-trigger",
+		...props,
+		children: [children, /* @__PURE__ */ jsx(ChevronRightIcon, { className: "ml-auto size-4" })]
+	});
+}
+function DropdownMenuSubContent({ className, ...props }) {
+	return /* @__PURE__ */ jsx(DropdownMenuPrimitive.SubContent, {
+		className: cn("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-lg", className),
+		"data-slot": "dropdown-menu-sub-content",
+		...props
+	});
+}
+//#endregion
+//#region src/components/ui/action-menu-button/index.tsx
+function renderIcon(icon) {
+	if (!icon) return null;
+	if (React.isValidElement(icon)) return icon;
+	return /* @__PURE__ */ jsx(icon, {});
+}
+const triggerVariant = {
+	primary: "default",
+	outline: "outline",
+	ghost: "ghost"
+};
+function ActionMenuButton({ "aria-label": ariaLabel, align = "end", children, className, disabled, onOpenChange, open, size = "icon", variant = "ghost" }) {
+	return /* @__PURE__ */ jsxs(DropdownMenu, {
+		onOpenChange,
+		open,
+		children: [/* @__PURE__ */ jsx(DropdownMenuTrigger, {
+			asChild: true,
+			disabled,
+			children: /* @__PURE__ */ jsx(Button, {
+				"aria-label": ariaLabel,
+				className,
+				onClick: (event) => {
+					event.stopPropagation();
+					event.preventDefault();
+				},
+				onPointerDown: (event) => event.stopPropagation(),
+				size,
+				type: "button",
+				variant: triggerVariant[variant],
+				children: /* @__PURE__ */ jsx(MoreHorizontal, {})
+			})
+		}), /* @__PURE__ */ jsx(DropdownMenuContent, {
+			align,
+			onClick: (event) => event.stopPropagation(),
+			children
+		})]
+	});
+}
+function ActionMenuItem({ description, destructive = false, disabled, icon, label, loading = false, onSelect, trailing }) {
+	return /* @__PURE__ */ jsxs(DropdownMenuItem, {
+		disabled,
+		onSelect,
+		variant: destructive ? "destructive" : "default",
+		children: [
+			loading ? /* @__PURE__ */ jsx(Spinner, {
+				"aria-hidden": true,
+				"aria-label": void 0,
+				role: void 0
+			}) : renderIcon(icon),
+			description ? /* @__PURE__ */ jsxs("span", {
+				className: "flex flex-col",
+				children: [label, /* @__PURE__ */ jsx("span", {
+					className: "text-muted-foreground",
+					children: description
+				})]
+			}) : label,
+			trailing ? /* @__PURE__ */ jsx("span", {
+				className: "ml-auto",
+				children: trailing
+			}) : null
+		]
+	});
+}
+function ActionMenuSeparator() {
+	return /* @__PURE__ */ jsx(DropdownMenuSeparator, {});
+}
+function ActionMenuSub({ children }) {
+	return /* @__PURE__ */ jsx(DropdownMenuSub, { children });
+}
+function ActionMenuSubTrigger({ icon, label }) {
+	return /* @__PURE__ */ jsxs(DropdownMenuSubTrigger, { children: [renderIcon(icon), label] });
+}
+function ActionMenuSubContent({ children }) {
+	return /* @__PURE__ */ jsx(DropdownMenuSubContent, { children });
+}
+//#endregion
 //#region src/components/ui/alert/index.tsx
 const alertVariants = cva("relative w-full rounded-lg border px-4 py-3 text-sm grid has-[>svg]:grid-cols-[calc(var(--spacing)*4)_1fr] grid-cols-[0_1fr] has-[>svg]:gap-x-3 gap-y-0.5 items-start [&>svg]:size-4 [&>svg]:translate-y-0.5 [&>svg]:text-current", {
 	variants: { variant: {
@@ -214,12 +408,14 @@ function AvatarFallback({ className, ...props }) {
 }
 //#endregion
 //#region src/components/ui/badge/index.tsx
-const badgeVariants = cva("inline-flex items-center justify-center rounded-md border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden", {
+const badgeVariants = cva("inline-flex items-center justify-center rounded-full border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden", {
 	variants: { variant: {
 		default: "border-transparent bg-primary text-primary-foreground [a&]:hover:bg-primary/90",
 		secondary: "border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90",
 		destructive: "border-transparent bg-destructive text-white [a&]:hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
-		outline: "text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground"
+		outline: "text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground",
+		quest: "uppercase tracking-wide",
+		recipe: "border-transparent bg-primary/10 text-primary underline decoration-dotted underline-offset-2"
 	} },
 	defaultVariants: { variant: "default" }
 });
@@ -631,164 +827,6 @@ function CollapsibleContent({ ...props }) {
 	});
 }
 //#endregion
-//#region src/components/ui/combobox/index.tsx
-const Combobox = Combobox$1.Root;
-function ComboboxValue({ ...props }) {
-	return /* @__PURE__ */ jsx(Combobox$1.Value, {
-		"data-slot": "combobox-value",
-		...props
-	});
-}
-function ComboboxTrigger({ className, children, ...props }) {
-	return /* @__PURE__ */ jsxs(Combobox$1.Trigger, {
-		className: cn("[&_svg:not([class*='size-'])]:size-4", className),
-		"data-slot": "combobox-trigger",
-		...props,
-		children: [children, /* @__PURE__ */ jsx(ChevronDownIcon, {
-			className: "pointer-events-none size-4 text-muted-foreground",
-			"data-slot": "combobox-trigger-icon"
-		})]
-	});
-}
-function ComboboxClear({ className, ...props }) {
-	return /* @__PURE__ */ jsx(Combobox$1.Clear, {
-		className: cn(className),
-		"data-slot": "combobox-clear",
-		render: /* @__PURE__ */ jsx(InputGroupButton, {
-			size: "icon-xs",
-			variant: "ghost"
-		}),
-		...props,
-		children: /* @__PURE__ */ jsx(XIcon, { className: "pointer-events-none" })
-	});
-}
-function ComboboxInput({ className, children, disabled = false, showTrigger = true, showClear = false, ...props }) {
-	return /* @__PURE__ */ jsxs(InputGroup, {
-		className: cn("w-auto", className),
-		children: [
-			/* @__PURE__ */ jsx(Combobox$1.Input, {
-				render: /* @__PURE__ */ jsx(InputGroupInput, { disabled }),
-				...props
-			}),
-			/* @__PURE__ */ jsxs(InputGroupAddon, {
-				align: "inline-end",
-				children: [showTrigger && /* @__PURE__ */ jsx(InputGroupButton, {
-					asChild: true,
-					className: "group-has-data-[slot=combobox-clear]/input-group:hidden data-pressed:bg-transparent",
-					"data-slot": "input-group-button",
-					disabled,
-					size: "icon-xs",
-					variant: "ghost",
-					children: /* @__PURE__ */ jsx(ComboboxTrigger, {})
-				}), showClear && /* @__PURE__ */ jsx(ComboboxClear, { disabled })]
-			}),
-			children
-		]
-	});
-}
-function ComboboxContent({ className, side = "bottom", sideOffset = 6, align = "start", alignOffset = 0, anchor, ...props }) {
-	return /* @__PURE__ */ jsx(Combobox$1.Portal, { children: /* @__PURE__ */ jsx(Combobox$1.Positioner, {
-		align,
-		alignOffset,
-		anchor,
-		className: "isolate z-50",
-		side,
-		sideOffset,
-		children: /* @__PURE__ */ jsx(Combobox$1.Popup, {
-			className: cn("group/combobox-content relative max-h-96 w-(--anchor-width) max-w-(--available-width) min-w-[calc(var(--anchor-width)+--spacing(7))] origin-(--transform-origin) overflow-hidden rounded-md bg-popover text-popover-foreground shadow-md ring-1 ring-foreground/10 duration-100 data-[chips=true]:min-w-(--anchor-width) 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-[slot=input-group]:m-1 *:data-[slot=input-group]:mb-0 *:data-[slot=input-group]:h-8 *:data-[slot=input-group]:border-input/30 *:data-[slot=input-group]:bg-input/30 *:data-[slot=input-group]:shadow-none 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),
-			"data-chips": !!anchor,
-			"data-slot": "combobox-content",
-			...props
-		})
-	}) });
-}
-function ComboboxList({ className, ...props }) {
-	return /* @__PURE__ */ jsx(Combobox$1.List, {
-		className: cn("max-h-[min(calc(--spacing(96)---spacing(9)),calc(var(--available-height)---spacing(9)))] scroll-py-1 overflow-y-auto p-1 data-empty:p-0", className),
-		"data-slot": "combobox-list",
-		...props
-	});
-}
-function ComboboxItem({ className, children, ...props }) {
-	return /* @__PURE__ */ jsxs(Combobox$1.Item, {
-		className: cn("relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none data-highlighted:bg-accent data-highlighted:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
-		"data-slot": "combobox-item",
-		...props,
-		children: [children, /* @__PURE__ */ jsx(Combobox$1.ItemIndicator, {
-			"data-slot": "combobox-item-indicator",
-			render: /* @__PURE__ */ jsx("span", { className: "pointer-events-none absolute right-2 flex size-4 items-center justify-center" }),
-			children: /* @__PURE__ */ jsx(CheckIcon, { className: "pointer-events-none size-4 pointer-coarse:size-5" })
-		})]
-	});
-}
-function ComboboxGroup({ className, ...props }) {
-	return /* @__PURE__ */ jsx(Combobox$1.Group, {
-		className: cn(className),
-		"data-slot": "combobox-group",
-		...props
-	});
-}
-function ComboboxLabel({ className, ...props }) {
-	return /* @__PURE__ */ jsx(Combobox$1.GroupLabel, {
-		className: cn("px-2 py-1.5 text-xs text-muted-foreground pointer-coarse:px-3 pointer-coarse:py-2 pointer-coarse:text-sm", className),
-		"data-slot": "combobox-label",
-		...props
-	});
-}
-function ComboboxCollection({ ...props }) {
-	return /* @__PURE__ */ jsx(Combobox$1.Collection, {
-		"data-slot": "combobox-collection",
-		...props
-	});
-}
-function ComboboxEmpty({ className, ...props }) {
-	return /* @__PURE__ */ jsx(Combobox$1.Empty, {
-		className: cn("hidden w-full justify-center py-2 text-center text-sm text-muted-foreground group-data-empty/combobox-content:flex", className),
-		"data-slot": "combobox-empty",
-		...props
-	});
-}
-function ComboboxSeparator({ className, ...props }) {
-	return /* @__PURE__ */ jsx(Combobox$1.Separator, {
-		className: cn("-mx-1 my-1 h-px bg-border", className),
-		"data-slot": "combobox-separator",
-		...props
-	});
-}
-function ComboboxChips({ className, ...props }) {
-	return /* @__PURE__ */ jsx(Combobox$1.Chips, {
-		className: cn("flex min-h-9 flex-wrap items-center gap-1.5 rounded-md border border-transparent bg-input bg-clip-padding px-2.5 py-1.5 text-sm shadow-xs transition-[color,box-shadow] focus-within:border-ring focus-within:ring-[3px] focus-within:ring-ring/50 has-aria-invalid:border-destructive has-aria-invalid:ring-[3px] has-aria-invalid:ring-destructive/20 has-data-[slot=combobox-chip]:px-1.5 dark:has-aria-invalid:border-destructive/50 dark:has-aria-invalid:ring-destructive/40", className),
-		"data-slot": "combobox-chips",
-		...props
-	});
-}
-function ComboboxChip({ className, children, showRemove = true, ...props }) {
-	return /* @__PURE__ */ jsxs(Combobox$1.Chip, {
-		className: cn("flex h-[calc(--spacing(5.5))] w-fit items-center justify-center gap-1 rounded-sm bg-muted px-1.5 text-xs font-medium whitespace-nowrap text-foreground has-disabled:pointer-events-none has-disabled:cursor-not-allowed has-disabled:opacity-50 has-data-[slot=combobox-chip-remove]:pr-0", className),
-		"data-slot": "combobox-chip",
-		...props,
-		children: [children, showRemove && /* @__PURE__ */ jsx(Combobox$1.ChipRemove, {
-			className: "-ml-1 opacity-50 hover:opacity-100",
-			"data-slot": "combobox-chip-remove",
-			render: /* @__PURE__ */ jsx(Button, {
-				size: "icon-xs",
-				variant: "ghost"
-			}),
-			children: /* @__PURE__ */ jsx(XIcon, { className: "pointer-events-none" })
-		})]
-	});
-}
-function ComboboxChipsInput({ className, children, ...props }) {
-	return /* @__PURE__ */ jsx(Combobox$1.Input, {
-		className: cn("min-w-16 flex-1 outline-none", className),
-		"data-slot": "combobox-chip-input",
-		...props
-	});
-}
-function useComboboxAnchor() {
-	return React.useRef(null);
-}
-//#endregion
 //#region src/components/ui/dialog/index.tsx
 function Dialog({ ...props }) {
 	return /* @__PURE__ */ jsx(DialogPrimitive.Root, {
@@ -821,14 +859,32 @@ function DialogOverlay({ className, ...props }) {
 		...props
 	});
 }
-function DialogContent({ className, children, showCloseButton = true, ...props }) {
+function DialogContent({ className, children, onInteractOutside, ref, showCloseButton = true, ...props }) {
+	const [content, setContent] = React.useState(null);
+	const attach = React.useCallback((node) => {
+		setContent(node);
+		if (typeof ref === "function") ref(node);
+		else if (ref) ref.current = node;
+	}, [ref]);
 	return /* @__PURE__ */ jsxs(DialogPortal, {
 		"data-slot": "dialog-portal",
 		children: [/* @__PURE__ */ jsx(DialogOverlay, {}), /* @__PURE__ */ jsxs(DialogPrimitive.Content, {
 			className: cn("bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 sm:max-w-lg", className),
 			"data-slot": "dialog-content",
+			onInteractOutside: (event) => {
+				const target = event.target;
+				if (target instanceof Element && target.closest("[data-slot=\"combobox-content\"]")) {
+					event.preventDefault();
+					return;
+				}
+				onInteractOutside?.(event);
+			},
+			ref: attach,
 			...props,
-			children: [children, showCloseButton && /* @__PURE__ */ jsxs(DialogPrimitive.Close, {
+			children: [/* @__PURE__ */ jsx(PortalContainerContext.Provider, {
+				value: content,
+				children
+			}), showCloseButton && /* @__PURE__ */ jsxs(DialogPrimitive.Close, {
 				className: "ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
 				"data-slot": "dialog-close",
 				children: [/* @__PURE__ */ jsx(XIcon, {}), /* @__PURE__ */ jsx("span", {
@@ -870,7 +926,7 @@ function DialogDescription({ className, ...props }) {
 //#endregion
 //#region src/components/ui/command/index.tsx
 function Command({ className, ...props }) {
-	return /* @__PURE__ */ jsx(Command$1, {
+	return /* @__PURE__ */ jsx(Command$2, {
 		className: cn("bg-popover text-popover-foreground flex h-full w-full flex-col overflow-hidden rounded-md", className),
 		"data-slot": "command",
 		...props
@@ -896,7 +952,7 @@ function CommandInput({ className, ...props }) {
 	return /* @__PURE__ */ jsxs("div", {
 		className: "flex h-9 items-center gap-2 border-b px-3",
 		"data-slot": "command-input-wrapper",
-		children: [/* @__PURE__ */ jsx(SearchIcon, { className: "size-4 shrink-0 opacity-50" }), /* @__PURE__ */ jsx(Command$1.Input, {
+		children: [/* @__PURE__ */ jsx(SearchIcon, { className: "size-4 shrink-0 opacity-50" }), /* @__PURE__ */ jsx(Command$2.Input, {
 			className: cn("placeholder:text-muted-foreground flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-hidden disabled:cursor-not-allowed disabled:opacity-50", className),
 			"data-slot": "command-input",
 			...props
@@ -904,35 +960,35 @@ function CommandInput({ className, ...props }) {
 	});
 }
 function CommandList({ className, ...props }) {
-	return /* @__PURE__ */ jsx(Command$1.List, {
+	return /* @__PURE__ */ jsx(Command$2.List, {
 		className: cn("max-h-[300px] scroll-py-1 overflow-x-hidden overflow-y-auto", className),
 		"data-slot": "command-list",
 		...props
 	});
 }
 function CommandEmpty({ ...props }) {
-	return /* @__PURE__ */ jsx(Command$1.Empty, {
+	return /* @__PURE__ */ jsx(Command$2.Empty, {
 		className: "py-6 text-center text-sm",
 		"data-slot": "command-empty",
 		...props
 	});
 }
 function CommandGroup({ className, ...props }) {
-	return /* @__PURE__ */ jsx(Command$1.Group, {
+	return /* @__PURE__ */ jsx(Command$2.Group, {
 		className: cn("text-foreground [&_[cmdk-group-heading]]:text-muted-foreground overflow-hidden p-1 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium", className),
 		"data-slot": "command-group",
 		...props
 	});
 }
 function CommandSeparator({ className, ...props }) {
-	return /* @__PURE__ */ jsx(Command$1.Separator, {
+	return /* @__PURE__ */ jsx(Command$2.Separator, {
 		className: cn("bg-border -mx-1 h-px", className),
 		"data-slot": "command-separator",
 		...props
 	});
 }
 function CommandItem({ className, ...props }) {
-	return /* @__PURE__ */ jsx(Command$1.Item, {
+	return /* @__PURE__ */ jsx(Command$2.Item, {
 		className: cn("data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
 		"data-slot": "command-item",
 		...props
@@ -1114,6 +1170,96 @@ function DataTable({ data, columns, tableId, bulkActions, filters, initialPageSi
 	});
 }
 //#endregion
+//#region src/components/ui/data-table/data-table-bulk-bar.tsx
+function DataTableBulkBar() {
+	const { table, bulkActions } = useDataTable();
+	const [confirming, setConfirming] = useState(null);
+	const selectedRows = table.getFilteredSelectedRowModel().rows;
+	const selectedCount = selectedRows.length;
+	if (!bulkActions?.length) return null;
+	if (selectedCount === 0) return null;
+	const runAction = async (action) => {
+		const rows = selectedRows.map((r) => r.original);
+		if (action.confirm) {
+			setConfirming(action);
+			return;
+		}
+		if (await action.onRun(rows)) table.resetRowSelection();
+	};
+	const runConfirmed = async () => {
+		if (!confirming) return;
+		const action = confirming;
+		const rows = selectedRows.map((r) => r.original);
+		setConfirming(null);
+		if (await action.onRun(rows)) table.resetRowSelection();
+	};
+	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs("div", {
+		className: "fixed inset-x-0 bottom-4 z-40 mx-auto flex w-fit max-w-[calc(100%-2rem)] items-center gap-2 rounded-xl border border-border bg-card px-3 py-2 shadow-lg",
+		children: [
+			/* @__PURE__ */ jsx(Button, {
+				className: "size-7",
+				onClick: () => table.resetRowSelection(),
+				size: "icon",
+				variant: "ghost",
+				children: /* @__PURE__ */ jsx(XIcon, { className: "size-4" })
+			}),
+			/* @__PURE__ */ jsxs("span", {
+				className: "text-sm font-medium",
+				children: [selectedCount, " selected"]
+			}),
+			/* @__PURE__ */ jsx("div", {
+				className: "ml-2 flex items-center gap-1",
+				children: bulkActions.map((action) => /* @__PURE__ */ jsxs(Button, {
+					onClick: () => runAction(action),
+					size: "sm",
+					variant: action.variant === "destructive" ? "destructive" : "outline",
+					children: [action.icon && /* @__PURE__ */ jsx(action.icon, { className: "size-4" }), action.label]
+				}, action.id))
+			})
+		]
+	}), /* @__PURE__ */ jsx(AlertDialog, {
+		onOpenChange: (open) => !open && setConfirming(null),
+		open: confirming !== null,
+		children: /* @__PURE__ */ jsxs(AlertDialogContent, { children: [/* @__PURE__ */ jsxs(AlertDialogHeader, { children: [/* @__PURE__ */ jsx(AlertDialogTitle, { children: confirming?.confirm?.title }), /* @__PURE__ */ jsx(AlertDialogDescription, { children: confirming?.confirm?.description })] }), /* @__PURE__ */ jsxs(AlertDialogFooter, { children: [/* @__PURE__ */ jsx(AlertDialogCancel, { children: "Cancel" }), /* @__PURE__ */ jsx(AlertDialogAction, {
+			onClick: runConfirmed,
+			children: "Continue"
+		})] })] })
+	})] });
+}
+//#endregion
+//#region src/components/ui/data-table/data-table-column-header.tsx
+function DataTableColumnHeader({ column, title, align = "left" }) {
+	if (!column.getCanSort()) return /* @__PURE__ */ jsx("span", {
+		className: align === "right" ? "block text-right text-sm font-medium" : "text-sm font-medium",
+		children: title
+	});
+	return /* @__PURE__ */ jsxs(DropdownMenu, { children: [/* @__PURE__ */ jsx(DropdownMenuTrigger, {
+		asChild: true,
+		children: /* @__PURE__ */ jsxs(Button, {
+			className: align === "right" ? "-mr-3 ml-auto flex h-8 data-[state=open]:bg-accent" : "-ml-3 h-8 data-[state=open]:bg-accent",
+			size: "sm",
+			variant: "ghost",
+			children: [/* @__PURE__ */ jsx("span", { children: title }), column.getIsSorted() === "desc" ? /* @__PURE__ */ jsx(ArrowDownIcon, { className: "ml-2 size-4" }) : column.getIsSorted() === "asc" ? /* @__PURE__ */ jsx(ArrowUpIcon, { className: "ml-2 size-4" }) : /* @__PURE__ */ jsx(ChevronsUpDownIcon, { className: "ml-2 size-4" })]
+		})
+	}), /* @__PURE__ */ jsxs(DropdownMenuContent, {
+		align: align === "right" ? "end" : "start",
+		children: [
+			/* @__PURE__ */ jsxs(DropdownMenuItem, {
+				onClick: () => column.toggleSorting(false),
+				children: [/* @__PURE__ */ jsx(ArrowUpIcon, { className: "size-4" }), " Asc"]
+			}),
+			/* @__PURE__ */ jsxs(DropdownMenuItem, {
+				onClick: () => column.toggleSorting(true),
+				children: [/* @__PURE__ */ jsx(ArrowDownIcon, { className: "size-4" }), " Desc"]
+			}),
+			column.getCanHide() && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(DropdownMenuSeparator, {}), /* @__PURE__ */ jsxs(DropdownMenuItem, {
+				onClick: () => column.toggleVisibility(false),
+				children: [/* @__PURE__ */ jsx(EyeOffIcon, { className: "size-4" }), " Hide"]
+			})] })
+		]
+	})] });
+}
+//#endregion
 //#region src/components/ui/table/index.tsx
 function Table({ className, ...props }) {
 	return /* @__PURE__ */ jsx("div", {
@@ -1177,10 +1323,62 @@ function TableCaption({ className, ...props }) {
 }
 //#endregion
 //#region src/components/ui/data-table/data-table-content.tsx
-function DataTableContent({ onRowClick, emptyMessage = "No results.", isLoading, loadingRowCount = 10 }) {
+function VirtualTableBody({ rows, columns, estimateRowHeight, renderRow }) {
+	const { ref, margin } = useWindowScrollMargin();
+	const virtualizer = useWindowVirtualizer({
+		count: rows.length,
+		estimateSize: () => estimateRowHeight,
+		overscan: 8,
+		scrollMargin: margin
+	});
+	const items = virtualizer.getVirtualItems();
+	const offset = virtualizer.options.scrollMargin;
+	const before = items.length ? items[0].start - offset : 0;
+	const after = items.length ? virtualizer.getTotalSize() - (items[items.length - 1].end - offset) : 0;
+	return /* @__PURE__ */ jsxs(TableBody, {
+		ref,
+		children: [
+			before > 0 && /* @__PURE__ */ jsx("tr", {
+				"aria-hidden": "true",
+				children: /* @__PURE__ */ jsx("td", {
+					className: "p-0",
+					colSpan: columns,
+					style: { height: before }
+				})
+			}),
+			items.map((item) => renderRow(rows[item.index], item.index, virtualizer.measureElement)),
+			after > 0 && /* @__PURE__ */ jsx("tr", {
+				"aria-hidden": "true",
+				children: /* @__PURE__ */ jsx("td", {
+					className: "p-0",
+					colSpan: columns,
+					style: { height: after }
+				})
+			})
+		]
+	});
+}
+function DataTableContent({ onRowClick, emptyMessage = "No results.", isLoading, loadingRowCount = 10, virtualize = false, estimateRowHeight = 48 }) {
 	const { table } = useDataTable();
 	const visibleColumns = table.getVisibleLeafColumns().length;
 	const selectMode = table.getIsSomeRowsSelected() || table.getIsAllRowsSelected();
+	const rows = table.getRowModel().rows;
+	function renderRow(row, index, measureRef) {
+		return /* @__PURE__ */ jsx(TableRow, {
+			className: cn("group/row", onRowClick && "cursor-pointer"),
+			"data-index": index,
+			"data-state": row.getIsSelected() ? "selected" : void 0,
+			onClick: onRowClick ? () => onRowClick(row.original) : void 0,
+			ref: measureRef,
+			children: row.getVisibleCells().map((cell) => {
+				const meta = cell.column.columnDef.meta;
+				return /* @__PURE__ */ jsx(TableCell, {
+					className: cn(meta?.cellClassName),
+					children: flexRender(cell.column.columnDef.cell, cell.getContext())
+				}, cell.id);
+			})
+		}, row.id);
+	}
 	return /* @__PURE__ */ jsx(Card, {
 		className: "group/table gap-0 py-0 overflow-hidden",
 		"data-select-mode": selectMode ? "" : void 0,
@@ -1193,44 +1391,16 @@ function DataTableContent({ onRowClick, emptyMessage = "No results.", isLoading,
 					children: header.isPlaceholder ? null : flexRender(header.column.columnDef.header, header.getContext())
 				}, header.id);
 			}) }, headerGroup.id))
-		}), /* @__PURE__ */ jsx(TableBody, { children: isLoading ? Array.from({ length: loadingRowCount }, (_, n) => /* @__PURE__ */ jsx(TableRow, { children: Array.from({ length: visibleColumns }, (_, c) => /* @__PURE__ */ jsx(TableCell, { children: /* @__PURE__ */ jsx("div", { className: "h-4 w-24 rounded bg-muted" }) }, c)) }, `skel-${n}`)) : table.getRowModel().rows.length === 0 ? /* @__PURE__ */ jsx(TableRow, { children: /* @__PURE__ */ jsx(TableCell, {
-			colSpan: visibleColumns,
+		}), virtualize && !isLoading && rows.length > 0 ? /* @__PURE__ */ jsx(VirtualTableBody, {
+			columns: visibleColumns,
+			estimateRowHeight,
+			renderRow,
+			rows
+		}) : /* @__PURE__ */ jsx(TableBody, { children: isLoading ? Array.from({ length: loadingRowCount }, (_, n) => /* @__PURE__ */ jsx(TableRow, { children: Array.from({ length: visibleColumns }, (_, c) => /* @__PURE__ */ jsx(TableCell, { children: /* @__PURE__ */ jsx("div", { className: "h-4 w-24 rounded bg-muted" }) }, c)) }, `skel-${n}`)) : rows.length === 0 ? /* @__PURE__ */ jsx(TableRow, { children: /* @__PURE__ */ jsx(TableCell, {
 			className: "h-24 text-center text-muted-foreground",
+			colSpan: visibleColumns,
 			children: emptyMessage
-		}) }) : table.getRowModel().rows.map((row) => /* @__PURE__ */ jsx(TableRow, {
-			"data-state": row.getIsSelected() ? "selected" : void 0,
-			className: cn("group/row", onRowClick && "cursor-pointer"),
-			onClick: onRowClick ? () => onRowClick(row.original) : void 0,
-			children: row.getVisibleCells().map((cell) => {
-				const meta = cell.column.columnDef.meta;
-				return /* @__PURE__ */ jsx(TableCell, {
-					className: cn(meta?.cellClassName),
-					children: flexRender(cell.column.columnDef.cell, cell.getContext())
-				}, cell.id);
-			})
-		}, row.id)) })] })
-	});
-}
-//#endregion
-//#region src/components/ui/data-table/data-table-toolbar.tsx
-function DataTableToolbar({ children }) {
-	return /* @__PURE__ */ jsx("div", {
-		className: "flex flex-wrap items-center gap-2 pb-2",
-		children
-	});
-}
-//#endregion
-//#region src/components/ui/data-table/data-table-search.tsx
-function DataTableSearch({ placeholder = "Search…" }) {
-	const { table } = useDataTable();
-	return /* @__PURE__ */ jsxs("div", {
-		className: "relative flex-1 min-w-[180px] max-w-sm",
-		children: [/* @__PURE__ */ jsx(SearchIcon, { className: "absolute left-3 top-1/2 -translate-y-1/2 size-4 text-muted-foreground" }), /* @__PURE__ */ jsx(Input, {
-			value: table.getState().globalFilter ?? "",
-			onChange: (e) => table.setGlobalFilter(e.target.value),
-			placeholder,
-			className: "pl-9"
-		})]
+		}) }) : rows.map((row) => renderRow(row)) })] })
 	});
 }
 //#endregion
@@ -1243,169 +1413,53 @@ function DataTableFilter({ column, title, options }) {
 	return /* @__PURE__ */ jsxs(Popover, { children: [/* @__PURE__ */ jsx(PopoverTrigger, {
 		asChild: true,
 		children: /* @__PURE__ */ jsxs(Button, {
-			variant: "outline",
-			size: "sm",
 			className: "h-8 border-dashed",
+			size: "sm",
+			variant: "outline",
 			children: [
 				/* @__PURE__ */ jsx(PlusCircleIcon, { className: "size-4" }),
 				title,
 				selected.size > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(Separator, {
-					orientation: "vertical",
-					className: "mx-2 h-4"
-				}), /* @__PURE__ */ jsx(Badge, {
-					variant: "secondary",
-					className: "rounded-sm px-1 font-normal",
-					children: selected.size
-				})] })
-			]
-		})
-	}), /* @__PURE__ */ jsx(PopoverContent, {
-		className: "w-[200px] p-0",
-		align: "start",
-		children: /* @__PURE__ */ jsxs(Command, { children: [/* @__PURE__ */ jsx(CommandInput, { placeholder: title }), /* @__PURE__ */ jsxs(CommandList, { children: [
-			/* @__PURE__ */ jsx(CommandEmpty, { children: "No results." }),
-			/* @__PURE__ */ jsx(CommandGroup, { children: options.map((opt) => {
-				const isSelected = selected.has(opt.value);
-				return /* @__PURE__ */ jsxs(CommandItem, {
-					onSelect: () => {
-						const next = new Set(selected);
-						if (isSelected) next.delete(opt.value);
-						else next.add(opt.value);
-						col.setFilterValue(next.size === 0 ? void 0 : Array.from(next));
-					},
-					children: [
-						/* @__PURE__ */ jsx("div", {
-							className: `mr-2 flex size-4 items-center justify-center rounded-sm border ${isSelected ? "border-primary bg-primary text-primary-foreground" : "border-muted-foreground/40"}`,
-							children: isSelected && /* @__PURE__ */ jsx(CheckIcon, { className: "size-3" })
-						}),
-						opt.icon && /* @__PURE__ */ jsx(opt.icon, { className: "mr-2 size-4 text-muted-foreground" }),
-						/* @__PURE__ */ jsx("span", { children: opt.label })
-					]
-				}, opt.value);
-			}) }),
-			selected.size > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(CommandSeparator, {}), /* @__PURE__ */ jsx(CommandGroup, { children: /* @__PURE__ */ jsx(CommandItem, {
-				onSelect: () => col.setFilterValue(void 0),
-				className: "justify-center text-center",
-				children: "Clear filters"
-			}) })] })
-		] })] })
-	})] });
-}
-//#endregion
-//#region src/components/ui/dropdown-menu/index.tsx
-function DropdownMenu({ ...props }) {
-	return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Root, {
-		"data-slot": "dropdown-menu",
-		...props
-	});
-}
-function DropdownMenuPortal({ ...props }) {
-	return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Portal, {
-		"data-slot": "dropdown-menu-portal",
-		...props
-	});
-}
-function DropdownMenuTrigger({ ...props }) {
-	return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Trigger, {
-		"data-slot": "dropdown-menu-trigger",
-		...props
-	});
-}
-function DropdownMenuContent({ className, sideOffset = 4, ...props }) {
-	return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx(DropdownMenuPrimitive.Content, {
-		className: cn("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 max-h-(--radix-dropdown-menu-content-available-height) min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-md", className),
-		"data-slot": "dropdown-menu-content",
-		sideOffset,
-		...props
-	}) });
-}
-function DropdownMenuGroup({ ...props }) {
-	return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Group, {
-		"data-slot": "dropdown-menu-group",
-		...props
-	});
-}
-function DropdownMenuItem({ className, inset, variant = "default", ...props }) {
-	return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Item, {
-		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 [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
-		"data-inset": inset,
-		"data-slot": "dropdown-menu-item",
-		"data-variant": variant,
-		...props
-	});
-}
-function DropdownMenuCheckboxItem({ className, children, checked, ...props }) {
-	return /* @__PURE__ */ jsxs(DropdownMenuPrimitive.CheckboxItem, {
-		checked,
-		className: cn("focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
-		"data-slot": "dropdown-menu-checkbox-item",
-		...props,
-		children: [/* @__PURE__ */ jsx("span", {
-			className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center",
-			children: /* @__PURE__ */ jsx(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(CheckIcon, { className: "size-4" }) })
-		}), children]
-	});
-}
-function DropdownMenuRadioGroup({ ...props }) {
-	return /* @__PURE__ */ jsx(DropdownMenuPrimitive.RadioGroup, {
-		"data-slot": "dropdown-menu-radio-group",
-		...props
-	});
-}
-function DropdownMenuRadioItem({ className, children, ...props }) {
-	return /* @__PURE__ */ jsxs(DropdownMenuPrimitive.RadioItem, {
-		className: cn("focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
-		"data-slot": "dropdown-menu-radio-item",
-		...props,
-		children: [/* @__PURE__ */ jsx("span", {
-			className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center",
-			children: /* @__PURE__ */ jsx(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(CircleIcon, { className: "size-2 fill-current" }) })
-		}), children]
-	});
-}
-function DropdownMenuLabel({ className, inset, ...props }) {
-	return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Label, {
-		className: cn("px-2 py-1.5 text-sm font-medium data-[inset]:pl-8", className),
-		"data-inset": inset,
-		"data-slot": "dropdown-menu-label",
-		...props
-	});
-}
-function DropdownMenuSeparator({ className, ...props }) {
-	return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Separator, {
-		className: cn("bg-border -mx-1 my-1 h-px", className),
-		"data-slot": "dropdown-menu-separator",
-		...props
-	});
-}
-function DropdownMenuShortcut({ className, ...props }) {
-	return /* @__PURE__ */ jsx("span", {
-		className: cn("text-muted-foreground ml-auto text-xs tracking-widest", className),
-		"data-slot": "dropdown-menu-shortcut",
-		...props
-	});
-}
-function DropdownMenuSub({ ...props }) {
-	return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Sub, {
-		"data-slot": "dropdown-menu-sub",
-		...props
-	});
-}
-function DropdownMenuSubTrigger({ className, inset, children, ...props }) {
-	return /* @__PURE__ */ jsxs(DropdownMenuPrimitive.SubTrigger, {
-		className: cn("focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[inset]:pl-8", className),
-		"data-inset": inset,
-		"data-slot": "dropdown-menu-sub-trigger",
-		...props,
-		children: [children, /* @__PURE__ */ jsx(ChevronRightIcon, { className: "ml-auto size-4" })]
-	});
-}
-function DropdownMenuSubContent({ className, ...props }) {
-	return /* @__PURE__ */ jsx(DropdownMenuPrimitive.SubContent, {
-		className: cn("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-lg", className),
-		"data-slot": "dropdown-menu-sub-content",
-		...props
-	});
+					className: "mx-2 h-4",
+					orientation: "vertical"
+				}), /* @__PURE__ */ jsx(Badge, {
+					className: "rounded-sm px-1 font-normal",
+					variant: "secondary",
+					children: selected.size
+				})] })
+			]
+		})
+	}), /* @__PURE__ */ jsx(PopoverContent, {
+		align: "start",
+		className: "w-[200px] p-0",
+		children: /* @__PURE__ */ jsxs(Command, { children: [/* @__PURE__ */ jsx(CommandInput, { placeholder: title }), /* @__PURE__ */ jsxs(CommandList, { children: [
+			/* @__PURE__ */ jsx(CommandEmpty, { children: "No results." }),
+			/* @__PURE__ */ jsx(CommandGroup, { children: options.map((opt) => {
+				const isSelected = selected.has(opt.value);
+				return /* @__PURE__ */ jsxs(CommandItem, {
+					onSelect: () => {
+						const next = new Set(selected);
+						if (isSelected) next.delete(opt.value);
+						else next.add(opt.value);
+						col.setFilterValue(next.size === 0 ? void 0 : Array.from(next));
+					},
+					children: [
+						/* @__PURE__ */ jsx("div", {
+							className: `mr-2 flex size-4 items-center justify-center rounded-sm border ${isSelected ? "border-primary bg-primary text-primary-foreground" : "border-muted-foreground/40"}`,
+							children: isSelected && /* @__PURE__ */ jsx(CheckIcon, { className: "size-3" })
+						}),
+						opt.icon && /* @__PURE__ */ jsx(opt.icon, { className: "mr-2 size-4 text-muted-foreground" }),
+						/* @__PURE__ */ jsx("span", { children: opt.label })
+					]
+				}, opt.value);
+			}) }),
+			selected.size > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(CommandSeparator, {}), /* @__PURE__ */ jsx(CommandGroup, { children: /* @__PURE__ */ jsx(CommandItem, {
+				className: "justify-center text-center",
+				onSelect: () => col.setFilterValue(void 0),
+				children: "Clear filters"
+			}) })] })
+		] })] })
+	})] });
 }
 //#endregion
 //#region src/components/ui/data-table/data-table-filter-menu.tsx
@@ -1416,14 +1470,14 @@ function DataTableFilterMenu() {
 	return /* @__PURE__ */ jsxs(DropdownMenu, { children: [/* @__PURE__ */ jsx(DropdownMenuTrigger, {
 		asChild: true,
 		children: /* @__PURE__ */ jsxs(Button, {
-			type: "button",
-			variant: "ghost",
-			size: "icon",
 			"aria-label": "Filter",
 			className: "relative",
+			size: "icon",
+			type: "button",
+			variant: "ghost",
 			children: [/* @__PURE__ */ jsx(FilterIcon, { className: "size-4" }), activeCount > 0 ? /* @__PURE__ */ jsx("span", {
-				"data-testid": "filter-count",
 				className: "absolute -top-1 -right-1 flex h-4 min-w-4 items-center justify-center rounded-full bg-foreground px-1 text-[10px] font-semibold text-background",
+				"data-testid": "filter-count",
 				children: activeCount
 			}) : null]
 		})
@@ -1467,8 +1521,8 @@ function DataTableFilterMenu() {
 				})] }, filter.column);
 			}),
 			activeCount > 0 ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(DropdownMenuSeparator, {}), /* @__PURE__ */ jsx(DropdownMenuItem, {
-				onSelect: () => table.resetColumnFilters(),
 				className: "text-muted-foreground",
+				onSelect: () => table.resetColumnFilters(),
 				children: "Clear filters"
 			})] }) : null
 		]
@@ -1498,46 +1552,15 @@ function nextLayout(current) {
 function DataTableLayoutToggle({ value, onChange }) {
 	const Icon = ICONS[value];
 	return /* @__PURE__ */ jsx(Button, {
+		"aria-label": `${LABELS[value]} — tap to switch`,
+		onClick: () => onChange(nextLayout(value)),
+		size: "icon",
 		type: "button",
 		variant: "ghost",
-		size: "icon",
-		onClick: () => onChange(nextLayout(value)),
-		"aria-label": `${LABELS[value]} — tap to switch`,
 		children: /* @__PURE__ */ jsx(Icon, { className: "size-4" })
 	});
 }
 //#endregion
-//#region src/components/ui/data-table/data-table-view-options.tsx
-function DataTableViewOptions() {
-	const { table } = useDataTable();
-	return /* @__PURE__ */ jsxs(DropdownMenu, { children: [/* @__PURE__ */ jsx(DropdownMenuTrigger, {
-		asChild: true,
-		children: /* @__PURE__ */ jsx(Button, {
-			type: "button",
-			variant: "ghost",
-			size: "icon",
-			"aria-label": "Column visibility",
-			children: /* @__PURE__ */ jsx(Settings2Icon, { className: "size-4" })
-		})
-	}), /* @__PURE__ */ jsxs(DropdownMenuContent, {
-		align: "end",
-		className: "w-[180px]",
-		children: [
-			/* @__PURE__ */ jsx(DropdownMenuLabel, {
-				className: "text-muted-foreground text-[11px] uppercase tracking-wide",
-				children: "Columns"
-			}),
-			/* @__PURE__ */ jsx(DropdownMenuSeparator, {}),
-			table.getAllColumns().filter((c) => c.getCanHide()).map((c) => /* @__PURE__ */ jsx(DropdownMenuCheckboxItem, {
-				className: "capitalize",
-				checked: c.getIsVisible(),
-				onCheckedChange: (v) => c.toggleVisibility(!!v),
-				children: c.id
-			}, c.id))
-		]
-	})] });
-}
-//#endregion
 //#region src/components/ui/data-table/data-table-pagination.tsx
 function DataTablePagination({ pageSizes = [
 	10,
@@ -1565,8 +1588,8 @@ function DataTablePagination({ pageSizes = [
 						className: "text-sm font-medium",
 						children: "Rows per page"
 					}), /* @__PURE__ */ jsxs(Select, {
-						value: `${table.getState().pagination.pageSize}`,
 						onValueChange: (value) => table.setPageSize(Number(value)),
+						value: `${table.getState().pagination.pageSize}`,
 						children: [/* @__PURE__ */ jsx(SelectTrigger, {
 							className: "h-8 w-[70px]",
 							children: /* @__PURE__ */ jsx(SelectValue, { placeholder: table.getState().pagination.pageSize })
@@ -1592,35 +1615,35 @@ function DataTablePagination({ pageSizes = [
 					className: "flex items-center gap-1",
 					children: [
 						/* @__PURE__ */ jsx(Button, {
-							variant: "outline",
-							size: "icon",
 							className: "size-8",
-							onClick: () => table.setPageIndex(0),
 							disabled: !table.getCanPreviousPage(),
+							onClick: () => table.setPageIndex(0),
+							size: "icon",
+							variant: "outline",
 							children: /* @__PURE__ */ jsx(ChevronsLeftIcon, { className: "size-4" })
 						}),
 						/* @__PURE__ */ jsx(Button, {
-							variant: "outline",
-							size: "icon",
 							className: "size-8",
-							onClick: () => table.previousPage(),
 							disabled: !table.getCanPreviousPage(),
+							onClick: () => table.previousPage(),
+							size: "icon",
+							variant: "outline",
 							children: /* @__PURE__ */ jsx(ChevronLeftIcon, { className: "size-4" })
 						}),
 						/* @__PURE__ */ jsx(Button, {
-							variant: "outline",
-							size: "icon",
 							className: "size-8",
-							onClick: () => table.nextPage(),
 							disabled: !table.getCanNextPage(),
+							onClick: () => table.nextPage(),
+							size: "icon",
+							variant: "outline",
 							children: /* @__PURE__ */ jsx(ChevronRightIcon, { className: "size-4" })
 						}),
 						/* @__PURE__ */ jsx(Button, {
-							variant: "outline",
-							size: "icon",
 							className: "size-8",
-							onClick: () => table.setPageIndex(pageCount - 1),
 							disabled: !table.getCanNextPage(),
+							onClick: () => table.setPageIndex(pageCount - 1),
+							size: "icon",
+							variant: "outline",
 							children: /* @__PURE__ */ jsx(ChevronsRightIcon, { className: "size-4" })
 						})
 					]
@@ -1630,94 +1653,18 @@ function DataTablePagination({ pageSizes = [
 	});
 }
 //#endregion
-//#region src/components/ui/data-table/data-table-bulk-bar.tsx
-function DataTableBulkBar() {
-	const { table, bulkActions } = useDataTable();
-	const [confirming, setConfirming] = useState(null);
-	const selectedRows = table.getFilteredSelectedRowModel().rows;
-	const selectedCount = selectedRows.length;
-	if (!bulkActions?.length) return null;
-	if (selectedCount === 0) return null;
-	const runAction = async (action) => {
-		const rows = selectedRows.map((r) => r.original);
-		if (action.confirm) {
-			setConfirming(action);
-			return;
-		}
-		if (await action.onRun(rows)) table.resetRowSelection();
-	};
-	const runConfirmed = async () => {
-		if (!confirming) return;
-		const action = confirming;
-		const rows = selectedRows.map((r) => r.original);
-		setConfirming(null);
-		if (await action.onRun(rows)) table.resetRowSelection();
-	};
-	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs("div", {
-		className: "fixed inset-x-0 bottom-4 z-40 mx-auto flex w-fit max-w-[calc(100%-2rem)] items-center gap-2 rounded-xl border border-border bg-card px-3 py-2 shadow-lg",
-		children: [
-			/* @__PURE__ */ jsx(Button, {
-				variant: "ghost",
-				size: "icon",
-				className: "size-7",
-				onClick: () => table.resetRowSelection(),
-				children: /* @__PURE__ */ jsx(XIcon, { className: "size-4" })
-			}),
-			/* @__PURE__ */ jsxs("span", {
-				className: "text-sm font-medium",
-				children: [selectedCount, " selected"]
-			}),
-			/* @__PURE__ */ jsx("div", {
-				className: "ml-2 flex items-center gap-1",
-				children: bulkActions.map((action) => /* @__PURE__ */ jsxs(Button, {
-					variant: action.variant === "destructive" ? "destructive" : "outline",
-					size: "sm",
-					onClick: () => runAction(action),
-					children: [action.icon && /* @__PURE__ */ jsx(action.icon, { className: "size-4" }), action.label]
-				}, action.id))
-			})
-		]
-	}), /* @__PURE__ */ jsx(AlertDialog, {
-		open: confirming !== null,
-		onOpenChange: (open) => !open && setConfirming(null),
-		children: /* @__PURE__ */ jsxs(AlertDialogContent, { children: [/* @__PURE__ */ jsxs(AlertDialogHeader, { children: [/* @__PURE__ */ jsx(AlertDialogTitle, { children: confirming?.confirm?.title }), /* @__PURE__ */ jsx(AlertDialogDescription, { children: confirming?.confirm?.description })] }), /* @__PURE__ */ jsxs(AlertDialogFooter, { children: [/* @__PURE__ */ jsx(AlertDialogCancel, { children: "Cancel" }), /* @__PURE__ */ jsx(AlertDialogAction, {
-			onClick: runConfirmed,
-			children: "Continue"
-		})] })] })
-	})] });
-}
-//#endregion
-//#region src/components/ui/data-table/data-table-column-header.tsx
-function DataTableColumnHeader({ column, title, align = "left" }) {
-	if (!column.getCanSort()) return /* @__PURE__ */ jsx("span", {
-		className: align === "right" ? "block text-right text-sm font-medium" : "text-sm font-medium",
-		children: title
+//#region src/components/ui/data-table/data-table-search.tsx
+function DataTableSearch({ placeholder = "Search…" }) {
+	const { table } = useDataTable();
+	return /* @__PURE__ */ jsxs("div", {
+		className: "relative flex-1 min-w-[180px] max-w-sm",
+		children: [/* @__PURE__ */ jsx(SearchIcon, { className: "absolute left-3 top-1/2 -translate-y-1/2 size-4 text-muted-foreground" }), /* @__PURE__ */ jsx(Input, {
+			className: "pl-9",
+			onChange: (e) => table.setGlobalFilter(e.target.value),
+			placeholder,
+			value: table.getState().globalFilter ?? ""
+		})]
 	});
-	return /* @__PURE__ */ jsxs(DropdownMenu, { children: [/* @__PURE__ */ jsx(DropdownMenuTrigger, {
-		asChild: true,
-		children: /* @__PURE__ */ jsxs(Button, {
-			variant: "ghost",
-			size: "sm",
-			className: align === "right" ? "-mr-3 ml-auto flex h-8 data-[state=open]:bg-accent" : "-ml-3 h-8 data-[state=open]:bg-accent",
-			children: [/* @__PURE__ */ jsx("span", { children: title }), column.getIsSorted() === "desc" ? /* @__PURE__ */ jsx(ArrowDownIcon, { className: "ml-2 size-4" }) : column.getIsSorted() === "asc" ? /* @__PURE__ */ jsx(ArrowUpIcon, { className: "ml-2 size-4" }) : /* @__PURE__ */ jsx(ChevronsUpDownIcon, { className: "ml-2 size-4" })]
-		})
-	}), /* @__PURE__ */ jsxs(DropdownMenuContent, {
-		align: align === "right" ? "end" : "start",
-		children: [
-			/* @__PURE__ */ jsxs(DropdownMenuItem, {
-				onClick: () => column.toggleSorting(false),
-				children: [/* @__PURE__ */ jsx(ArrowUpIcon, { className: "size-4" }), " Asc"]
-			}),
-			/* @__PURE__ */ jsxs(DropdownMenuItem, {
-				onClick: () => column.toggleSorting(true),
-				children: [/* @__PURE__ */ jsx(ArrowDownIcon, { className: "size-4" }), " Desc"]
-			}),
-			column.getCanHide() && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(DropdownMenuSeparator, {}), /* @__PURE__ */ jsxs(DropdownMenuItem, {
-				onClick: () => column.toggleVisibility(false),
-				children: [/* @__PURE__ */ jsx(EyeOffIcon, { className: "size-4" }), " Hide"]
-			})] })
-		]
-	})] });
 }
 //#endregion
 //#region src/components/ui/data-table/data-table-select-column.tsx
@@ -1731,23 +1678,62 @@ function createSelectColumn() {
 			cellClassName: "pl-3 !pr-3 w-px"
 		},
 		header: ({ table }) => /* @__PURE__ */ jsx(Checkbox, {
-			className: HEADER_CHECKBOX_CLASS,
+			"aria-label": "Select all",
 			checked: table.getIsAllPageRowsSelected() || table.getIsSomePageRowsSelected() && "indeterminate",
-			onCheckedChange: (v) => table.toggleAllPageRowsSelected(!!v),
-			"aria-label": "Select all"
+			className: HEADER_CHECKBOX_CLASS,
+			onCheckedChange: (v) => table.toggleAllPageRowsSelected(!!v)
 		}),
 		cell: ({ row }) => /* @__PURE__ */ jsx(Checkbox, {
-			className: ROW_CHECKBOX_CLASS,
+			"aria-label": "Select row",
 			checked: row.getIsSelected(),
+			className: ROW_CHECKBOX_CLASS,
 			onCheckedChange: (v) => row.toggleSelected(!!v),
-			onClick: (e) => e.stopPropagation(),
-			"aria-label": "Select row"
+			onClick: (e) => e.stopPropagation()
 		}),
 		enableSorting: false,
 		enableHiding: false
 	};
 }
 //#endregion
+//#region src/components/ui/data-table/data-table-toolbar.tsx
+function DataTableToolbar({ children }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: "flex flex-wrap items-center gap-2 pb-2",
+		children
+	});
+}
+//#endregion
+//#region src/components/ui/data-table/data-table-view-options.tsx
+function DataTableViewOptions() {
+	const { table } = useDataTable();
+	return /* @__PURE__ */ jsxs(DropdownMenu, { children: [/* @__PURE__ */ jsx(DropdownMenuTrigger, {
+		asChild: true,
+		children: /* @__PURE__ */ jsx(Button, {
+			"aria-label": "Column visibility",
+			size: "icon",
+			type: "button",
+			variant: "ghost",
+			children: /* @__PURE__ */ jsx(Settings2Icon, { className: "size-4" })
+		})
+	}), /* @__PURE__ */ jsxs(DropdownMenuContent, {
+		align: "end",
+		className: "w-[180px]",
+		children: [
+			/* @__PURE__ */ jsx(DropdownMenuLabel, {
+				className: "text-muted-foreground text-[11px] uppercase tracking-wide",
+				children: "Columns"
+			}),
+			/* @__PURE__ */ jsx(DropdownMenuSeparator, {}),
+			table.getAllColumns().filter((c) => c.getCanHide()).map((c) => /* @__PURE__ */ jsx(DropdownMenuCheckboxItem, {
+				checked: c.getIsVisible(),
+				className: "capitalize",
+				onCheckedChange: (v) => c.toggleVisibility(!!v),
+				children: c.id
+			}, c.id))
+		]
+	})] });
+}
+//#endregion
 //#region src/components/ui/data-table/use-data-table-url-state.ts
 function readUrlState(prefix) {
 	if (typeof window === "undefined") return {};
@@ -2704,8 +2690,8 @@ function useSidebar() {
 	if (!context) throw new Error("useSidebar must be used within a SidebarProvider.");
 	return context;
 }
-function SidebarProvider({ defaultOpen = true, open: openProp, onOpenChange: setOpenProp, className, style, children, ...props }) {
-	const isMobile = useIsMobile();
+function SidebarProvider({ defaultOpen = true, mobileBreakpoint = 768, open: openProp, onOpenChange: setOpenProp, className, style, children, ...props }) {
+	const isMobile = useIsMobile(mobileBreakpoint);
 	const [openMobile, setOpenMobile] = React.useState(false);
 	const [_open, _setOpen] = React.useState(defaultOpen);
 	const open = openProp ?? _open;
@@ -2763,7 +2749,7 @@ function SidebarProvider({ defaultOpen = true, open: openProp, onOpenChange: set
 		})
 	});
 }
-function Sidebar({ side = "left", variant = "sidebar", collapsible = "offcanvas", className, children, ...props }) {
+function Sidebar({ side = "left", variant = "sidebar", collapsible = "offcanvas", mobileWidth = SIDEBAR_WIDTH_MOBILE, className, children, ...props }) {
 	const { isMobile, state, openMobile, setOpenMobile } = useSidebar();
 	if (collapsible === "none") return /* @__PURE__ */ jsx("div", {
 		className: cn("bg-sidebar text-sidebar-foreground flex h-full w-(--sidebar-width) flex-col", className),
@@ -2776,12 +2762,12 @@ function Sidebar({ side = "left", variant = "sidebar", collapsible = "offcanvas"
 		open: openMobile,
 		...props,
 		children: /* @__PURE__ */ jsxs(SheetContent, {
-			className: "bg-sidebar text-sidebar-foreground w-(--sidebar-width) p-0 [&>button]:hidden",
+			className: cn("bg-sidebar text-sidebar-foreground w-(--sidebar-width) p-0 [&>button]:hidden", mobileWidth !== SIDEBAR_WIDTH_MOBILE && "sm:max-w-none"),
 			"data-mobile": "true",
 			"data-sidebar": "sidebar",
 			"data-slot": "sidebar",
 			side,
-			style: { "--sidebar-width": SIDEBAR_WIDTH_MOBILE },
+			style: { "--sidebar-width": mobileWidth },
 			children: [/* @__PURE__ */ jsxs(SheetHeader, {
 				className: "sr-only",
 				children: [/* @__PURE__ */ jsx(SheetTitle, { children: "Sidebar" }), /* @__PURE__ */ jsx(SheetDescription, { children: "Displays the mobile sidebar." })]
@@ -2799,10 +2785,10 @@ function Sidebar({ side = "left", variant = "sidebar", collapsible = "offcanvas"
 		"data-state": state,
 		"data-variant": variant,
 		children: [/* @__PURE__ */ jsx("div", {
-			className: cn("relative w-(--sidebar-width) bg-sidebar transition-[width] duration-200 ease-in-out", "group-data-[collapsible=offcanvas]:w-0", "group-data-[side=right]:rotate-180", variant === "floating" || variant === "inset" ? "group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4)))]" : "group-data-[collapsible=icon]:w-(--sidebar-width-icon)"),
+			className: cn("relative w-(--sidebar-width) transition-[width] duration-200 ease-in-out", "group-data-[collapsible=offcanvas]:w-0", "group-data-[side=right]:rotate-180", variant === "floating" ? "bg-transparent" : "bg-sidebar", variant === "floating" || variant === "inset" ? "group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4)))]" : "group-data-[collapsible=icon]:w-(--sidebar-width-icon)"),
 			"data-slot": "sidebar-gap"
 		}), /* @__PURE__ */ jsx("div", {
-			className: cn("fixed inset-y-0 z-10 hidden h-svh w-(--sidebar-width) transition-[left,right,width] duration-200 ease-in-out md:flex bg-sidebar", side === "left" ? "left-0 group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)]" : "right-0 group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)]", variant === "floating" || variant === "inset" ? "p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4))+2px)]" : "group-data-[collapsible=icon]:w-(--sidebar-width-icon) group-data-[side=left]:border-r group-data-[side=right]:border-l", className),
+			className: cn("fixed inset-y-0 z-10 hidden h-svh w-(--sidebar-width) transition-[left,right,width] duration-200 ease-in-out md:flex", variant === "floating" ? "bg-transparent" : "bg-sidebar", side === "left" ? "left-0 group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)]" : "right-0 group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)]", variant === "floating" || variant === "inset" ? "p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4))+2px)]" : "group-data-[collapsible=icon]:w-(--sidebar-width-icon) group-data-[side=left]:border-r group-data-[side=right]:border-l", className),
 			"data-slot": "sidebar-container",
 			...props,
 			children: /* @__PURE__ */ jsx("div", {
@@ -3083,16 +3069,6 @@ function Slider({ className, defaultValue, value, min = 0, max = 100, ...props }
 	});
 }
 //#endregion
-//#region src/components/ui/spinner/index.tsx
-function Spinner({ className, ...props }) {
-	return /* @__PURE__ */ jsx(Loader2Icon, {
-		"aria-label": "Loading",
-		className: cn("size-4 animate-spin", className),
-		role: "status",
-		...props
-	});
-}
-//#endregion
 //#region src/components/ui/switch/index.tsx
 function Switch({ className, ...props }) {
 	return /* @__PURE__ */ jsx(SwitchPrimitive.Root, {
@@ -3106,6 +3082,18 @@ function Switch({ className, ...props }) {
 	});
 }
 //#endregion
+//#region src/components/ui/tanstack-chart/index.tsx
+function chartColor(index) {
+	return `var(--chart-${index % 5 + 1})`;
+}
+const tanstackChartTheme = {
+	foreground: "var(--foreground)",
+	muted: "var(--muted-foreground)",
+	grid: "var(--border)",
+	background: "var(--card)",
+	palette: Array.from({ length: 5 }, (_, index) => chartColor(index))
+};
+//#endregion
 //#region src/components/ui/toggle-group/index.tsx
 const ToggleGroupContext = React.createContext({
 	size: "default",
@@ -3246,4 +3234,4 @@ function UserLevel({ value, variant = "inline", className }) {
 	});
 }
 //#endregion
-export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AspectRatio, Avatar, AvatarFallback, AvatarImage, Badge, BasicField, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, ButtonGroup, ButtonGroupSeparator, ButtonGroupText, Calendar, CalendarDayButton, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, Checkbox, Collapsible, CollapsibleContent, CollapsibleTrigger, ColorPicker, Combobox, ComboboxChip, ComboboxChips, ComboboxChipsInput, ComboboxCollection, ComboboxContent, ComboboxEmpty, ComboboxGroup, ComboboxInput, ComboboxItem, ComboboxLabel, ComboboxList, ComboboxSeparator, ComboboxTrigger, ComboboxValue, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, Container, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, DataTable, DataTableBulkBar, DataTableColumnHeader, DataTableContent, DataTableContext, DataTableFilter, DataTableFilterMenu, DataTableLayoutToggle, DataTablePagination, DataTableSearch, DataTableToolbar, DataTableViewOptions, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle, Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, HoverCard, HoverCardContent, HoverCardTrigger, IconPicker, Input, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle, Kbd, KbdGroup, Label, LoadingScreen, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, PICKER_ICON_NAMES, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, PhoneInput, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, Progress, RadioGroup, RadioGroupItem, ResizableHandle, ResizablePanel, ResizablePanelGroup, ScrollArea, ScrollBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, Slider, Spinner, Switch, THEME_COLORS, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, Toaster, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, User, UserAvatar, UserAvatarFallback, UserAvatarImage, UserInfo, UserLevel, UserMeta, UserName, Widget, badgeVariants, buttonGroupVariants, buttonVariants, cn, coerceThemeColor, colorPalette, createSelectColumn, formatPhoneInput, getContrastForeground, getIconCategories, getStaticIcon, navigationMenuTriggerStyle, normalizePhoneInput, phoneSchema, resolveColorHex, toggleVariants, useComboboxAnchor, useDataTable, useDataTableUrlState, useFormField, useIsMobile, useSidebar, validate };
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, ActionMenuButton, ActionMenuItem, ActionMenuSeparator, ActionMenuSub, ActionMenuSubContent, ActionMenuSubTrigger, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AspectRatio, Avatar, AvatarFallback, AvatarImage, Badge, BasicField, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, ButtonGroup, ButtonGroupSeparator, ButtonGroupText, Calendar, CalendarDayButton, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, Checkbox, Collapsible, CollapsibleContent, CollapsibleTrigger, ColorPicker, Combobox, ComboboxChip, ComboboxChips, ComboboxChipsInput, ComboboxCollection, ComboboxContent, ComboboxEmpty, ComboboxField, ComboboxGroup, ComboboxInput, ComboboxItem, ComboboxLabel, ComboboxList, ComboboxSeparator, ComboboxTrigger, ComboboxValue, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, Container, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, DataTable, DataTableBulkBar, DataTableColumnHeader, DataTableContent, DataTableContext, DataTableFilter, DataTableFilterMenu, DataTableLayoutToggle, DataTablePagination, DataTableSearch, DataTableToolbar, DataTableViewOptions, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Dropzone, Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle, Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, HoverCard, HoverCardContent, HoverCardTrigger, IconPicker, Input, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle, Kbd, KbdGroup, Label, LoadingScreen, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, PICKER_ICON_NAMES, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, PhoneInput, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, Progress, RadioGroup, RadioGroupItem, ResizableHandle, ResizablePanel, ResizablePanelGroup, ScrollArea, ScrollBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, Slider, Spinner, Switch, THEME_COLORS, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, TanStackChart, Textarea, Toaster, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, User, UserAvatar, UserAvatarFallback, UserAvatarImage, UserInfo, UserLevel, UserMeta, UserName, VirtualGrid, Widget, badgeVariants, buttonGroupVariants, buttonVariants, chartColor, cn, coerceThemeColor, colorPalette, createSelectColumn, formatPhoneInput, getContrastForeground, getIconCategories, getStaticIcon, navigationMenuTriggerStyle, normalizePhoneInput, phoneSchema, resolveColorHex, tanstackChartTheme, toggleVariants, useComboboxAnchor, useDataTable, useDataTableUrlState, useFormField, useIsMobile, useSidebar, useWindowScrollMargin, validate };