@aircall/ds 0.2.7 → 0.9.0

package/dist/index.js

@@ -1,57 +1,297 @@
-import { cva } from "class-variance-authority";
+import { Accordion as Accordion$1 } from "@base-ui/react/accordion";
 import { clsx } from "clsx";
 import { extendTailwindMerge } from "tailwind-merge";
+import { ArrowDownToLine, ArrowLeft, ArrowRight, CheckIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, CircleAlert, CircleAlertIcon, CircleCheck, FLAGS, FlagUs, Info, Loader2Icon, MinusIcon, MoreHorizontalIcon, PanelLeftIcon, Search, Smile, TriangleAlertIcon, XIcon } from "@aircall/react-icons";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import * as React$1 from "react";
-import React, { useMemo } from "react";
-import * as AvatarPrimitive from "@radix-ui/react-avatar";
-import { Slot, Slot as Slot$1 } from "@radix-ui/react-slot";
-import * as SeparatorPrimitive from "@radix-ui/react-separator";
+import React, { createContext, useContext, useMemo } from "react";
+import { AlertDialog as AlertDialog$1 } from "@base-ui/react/alert-dialog";
+import { Button as Button$1 } from "@base-ui/react/button";
+import { cva } from "class-variance-authority";
+import { Avatar as Avatar$1 } from "@base-ui/react/avatar";
+import { mergeProps } from "@base-ui/react/merge-props";
+import { useRender } from "@base-ui/react/use-render";
+import { Separator as Separator$1 } from "@base-ui/react/separator";
+import { DayPicker, getDefaultClassNames } from "react-day-picker";
 import useEmblaCarousel from "embla-carousel-react";
-import * as Icons from "@aircall/react-icons";
-import { ArrowLeftOutline, ArrowRightOutline, CheckCircleOutline, CheckOutline, ChevronDownOutline, ChevronRightOutline, ChevronUpOutline, CloseOutline, Emoji, Info, Search } from "@aircall/react-icons";
-import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
-import * as CollapsiblePrimitive from "@radix-ui/react-collapsible";
+import { Checkbox as Checkbox$1 } from "@base-ui/react/checkbox";
+import { Collapsible as Collapsible$1 } from "@base-ui/react/collapsible";
 import { Combobox as Combobox$1 } from "@base-ui/react";
-import { CheckIcon, ChevronDownIcon, CircleIcon, Loader2Icon, MinusIcon, OctagonXIcon, PanelLeftIcon, TriangleAlertIcon, XIcon } from "lucide-react";
 import { Command as Command$1 } from "cmdk";
-import * as DialogPrimitive from "@radix-ui/react-dialog";
-import { getCountryISO3 } from "@aircall/numbers";
-import { Drawer as Drawer$1 } from "vaul";
-import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
+import { Dialog as Dialog$1 } from "@base-ui/react/dialog";
+import { flexRender, getCoreRowModel, useReactTable } from "@tanstack/react-table";
+import { Drawer as DrawerPrimitive } from "@base-ui/react/drawer";
+import { Radio } from "@base-ui/react/radio";
+import { RadioGroup as RadioGroup$1 } from "@base-ui/react/radio-group";
+import { ScrollArea as ScrollAreaPrimitive } from "@base-ui/react/scroll-area";
+import { Menu } from "@base-ui/react/menu";
 import EmojiReactPicker, { Categories, EmojiStyle, SuggestionMode, Theme } from "emoji-picker-react";
-import * as PopoverPrimitive from "@radix-ui/react-popover";
+import { Popover as Popover$1 } from "@base-ui/react/popover";
 import { ThemeProvider as ThemeProvider$1, useTheme, useTheme as useTheme$1 } from "next-themes";
-import * as TooltipPrimitive from "@radix-ui/react-tooltip";
-import * as LabelPrimitive from "@radix-ui/react-label";
 import { OTPInput, OTPInputContext } from "input-otp";
-import * as ProgressPrimitive from "@radix-ui/react-progress";
-import * as RadioGroupPrimitive from "@radix-ui/react-radio-group";
-import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
-import * as SelectPrimitive from "@radix-ui/react-select";
-import * as SliderPrimitive from "@radix-ui/react-slider";
+import { Progress as Progress$1 } from "@base-ui/react/progress";
+import { Select as Select$1 } from "@base-ui/react/select";
+import { Tooltip as Tooltip$1 } from "@base-ui/react/tooltip";
+import { Slider as Slider$1 } from "@base-ui/react/slider";
 import { Toaster as Toaster$1, toast } from "sonner";
-import * as SwitchPrimitive from "@radix-ui/react-switch";
-import * as TabsPrimitive from "@radix-ui/react-tabs";
-import * as ToggleGroupPrimitive from "@radix-ui/react-toggle-group";
-import * as TogglePrimitive from "@radix-ui/react-toggle";
+import { Switch as Switch$1 } from "@base-ui/react/switch";
+import { Tabs as Tabs$1 } from "@base-ui/react/tabs";
+import { Toggle as Toggle$1 } from "@base-ui/react/toggle";
+import { ToggleGroup as ToggleGroup$1 } from "@base-ui/react/toggle-group";
 
 //#region src/lib/utils.ts
-const twMerge = extendTailwindMerge({ extend: { theme: { text: ["tiny"] } } });
+const DS_COLORS = [
+	"background",
+	"foreground",
+	"card",
+	"card-foreground",
+	"popover",
+	"popover-foreground",
+	"primary",
+	"primary-foreground",
+	"secondary",
+	"secondary-foreground",
+	"info",
+	"info-foreground",
+	"info-background",
+	"success",
+	"success-foreground",
+	"success-background",
+	"warning",
+	"warning-foreground",
+	"warning-background",
+	"destructive",
+	"destructive-foreground",
+	"destructive-background",
+	"muted",
+	"muted-foreground",
+	"accent",
+	"accent-foreground",
+	"border",
+	"input",
+	"ring",
+	"chart-1",
+	"chart-2",
+	"chart-3",
+	"chart-4",
+	"chart-5",
+	"sidebar",
+	"sidebar-foreground",
+	"sidebar-primary",
+	"sidebar-primary-foreground",
+	"sidebar-accent",
+	"sidebar-accent-foreground",
+	"sidebar-border",
+	"sidebar-ring"
+];
+const BLOCKS_COLORS = [
+	"page-background",
+	"navbar-foreground",
+	"navbar-accent",
+	"navbar-accent-foreground",
+	"navbar-icon-bg"
+];
+const twMerge = extendTailwindMerge({ extend: { theme: {
+	color: [...DS_COLORS, ...BLOCKS_COLORS],
+	text: ["tiny"],
+	animate: ["caret-blink"]
+} } });
 function cn(...inputs) {
 	return twMerge(clsx(inputs));
 }
 
+//#endregion
+//#region src/components/accordion.tsx
+function Accordion({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Accordion$1.Root, {
+		"data-slot": "accordion",
+		className: cn("flex w-full flex-col", className),
+		...props
+	});
+}
+function AccordionItem({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Accordion$1.Item, {
+		"data-slot": "accordion-item",
+		className: cn("not-last:border-b", className),
+		...props
+	});
+}
+function AccordionTrigger({ className, children, ...props }) {
+	return /* @__PURE__ */ jsx(Accordion$1.Header, {
+		className: "flex",
+		children: /* @__PURE__ */ jsxs(Accordion$1.Trigger, {
+			"data-slot": "accordion-trigger",
+			className: cn("group/accordion-trigger relative flex flex-1 items-start justify-between rounded-md border border-transparent py-4 text-left text-sm font-medium transition-all outline-none hover:underline focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 focus-visible:after:border-ring aria-disabled:pointer-events-none aria-disabled:opacity-50 **:data-[slot=accordion-trigger-icon]:ml-auto **:data-[slot=accordion-trigger-icon]:size-4 **:data-[slot=accordion-trigger-icon]:text-muted-foreground", className),
+			...props,
+			children: [
+				children,
+				/* @__PURE__ */ jsx(ChevronDownIcon, {
+					"data-slot": "accordion-trigger-icon",
+					className: "pointer-events-none shrink-0 group-aria-expanded/accordion-trigger:hidden"
+				}),
+				/* @__PURE__ */ jsx(ChevronUpIcon, {
+					"data-slot": "accordion-trigger-icon",
+					className: "pointer-events-none hidden shrink-0 group-aria-expanded/accordion-trigger:inline"
+				})
+			]
+		})
+	});
+}
+function AccordionContent({ className, children, ...props }) {
+	return /* @__PURE__ */ jsx(Accordion$1.Panel, {
+		"data-slot": "accordion-content",
+		className: "overflow-hidden text-sm data-open:animate-accordion-down data-closed:animate-accordion-up",
+		...props,
+		children: /* @__PURE__ */ jsx("div", {
+			className: cn("h-(--accordion-panel-height) pt-0 pb-4 data-ending-style:h-0 data-starting-style:h-0 [&_a]:underline [&_a]:underline-offset-3 [&_a]:hover:text-foreground [&_p:not(:last-child)]:mb-4", className),
+			children
+		})
+	});
+}
+
+//#endregion
+//#region src/components/button.tsx
+const buttonVariants = cva("group/button inline-flex shrink-0 items-center justify-center rounded-md border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:ring-3 focus-visible:ring-ring/50 active:not-aria-[haspopup]:translate-y-px active:not-aria-[haspopup]:opacity-60 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:bg-primary/90",
+			outline: "border-border bg-background hover:bg-muted hover:text-accent-foreground aria-expanded:bg-muted aria-expanded:text-accent-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-accent-foreground aria-expanded:bg-muted aria-expanded:text-accent-foreground dark:hover:bg-muted/50",
+			destructive: "bg-destructive/10 text-destructive hover:bg-destructive/20 focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:hover:bg-destructive/30 dark:focus-visible:ring-destructive/40",
+			link: "text-primary underline underline-offset-4"
+		},
+		size: {
+			default: "h-8 gap-1.5 px-2 has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5",
+			sm: "h-6 gap-1.5 px-2 has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5",
+			lg: "h-10 gap-1.5 px-4 [&_svg:not([class*='size-'])]:size-6 has-data-[icon=inline-end]:pr-3 has-data-[icon=inline-start]:pl-3",
+			icon: "size-8",
+			"icon-sm": "size-6",
+			"icon-lg": "size-10 [&_svg:not([class*='size-'])]:size-6"
+		},
+		block: { true: "w-full" }
+	},
+	defaultVariants: {
+		variant: "default",
+		size: "default",
+		block: false
+	}
+});
+const Button = React$1.forwardRef(({ className, variant = "default", size = "default", block = false, ...props }, ref) => {
+	return /* @__PURE__ */ jsx(Button$1, {
+		ref,
+		"data-slot": "button",
+		"data-variant": variant,
+		className: cn(buttonVariants({
+			variant,
+			size,
+			block,
+			className
+		})),
+		...props
+	});
+});
+Button.displayName = "Button";
+
+//#endregion
+//#region src/components/alert-dialog.tsx
+function AlertDialog({ ...props }) {
+	return /* @__PURE__ */ jsx(AlertDialog$1.Root, {
+		"data-slot": "alert-dialog",
+		...props
+	});
+}
+function AlertDialogTrigger({ ...props }) {
+	return /* @__PURE__ */ jsx(AlertDialog$1.Trigger, {
+		"data-slot": "alert-dialog-trigger",
+		...props
+	});
+}
+function AlertDialogPortal({ ...props }) {
+	return /* @__PURE__ */ jsx(AlertDialog$1.Portal, {
+		"data-slot": "alert-dialog-portal",
+		...props
+	});
+}
+function AlertDialogOverlay({ className, ...props }) {
+	return /* @__PURE__ */ jsx(AlertDialog$1.Backdrop, {
+		"data-slot": "alert-dialog-overlay",
+		className: cn("fixed inset-0 isolate z-50 bg-black/10 duration-100 supports-backdrop-filter:backdrop-blur-xs data-open:animate-in data-open:fade-in-0 data-closed:animate-out data-closed:fade-out-0", className),
+		...props
+	});
+}
+function AlertDialogContent({ className, size = "default", ...props }) {
+	return /* @__PURE__ */ jsxs(AlertDialogPortal, { children: [/* @__PURE__ */ jsx(AlertDialogOverlay, {}), /* @__PURE__ */ jsx(AlertDialog$1.Popup, {
+		"data-slot": "alert-dialog-content",
+		"data-size": size,
+		className: cn("group/alert-dialog-content fixed top-1/2 left-1/2 z-50 grid w-full -translate-x-1/2 -translate-y-1/2 gap-4 rounded-xl bg-popover p-4 text-popover-foreground ring-1 ring-foreground/10 duration-100 outline-none data-[size=default]:max-w-xs data-[size=sm]:max-w-xs data-[size=default]:sm:max-w-sm 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
+	})] });
+}
+function AlertDialogHeader({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "alert-dialog-header",
+		className: cn("grid grid-rows-[auto_1fr] place-items-center gap-1.5 text-center has-data-[slot=alert-dialog-media]:grid-rows-[auto_auto_1fr] has-data-[slot=alert-dialog-media]:gap-x-4 sm:group-data-[size=default]/alert-dialog-content:place-items-start sm:group-data-[size=default]/alert-dialog-content:text-left sm:group-data-[size=default]/alert-dialog-content:has-data-[slot=alert-dialog-media]:grid-rows-[auto_1fr]", className),
+		...props
+	});
+}
+function AlertDialogFooter({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "alert-dialog-footer",
+		className: cn("-mx-4 -mb-4 flex flex-col-reverse gap-2 rounded-b-xl border-t bg-muted/50 p-4 group-data-[size=sm]/alert-dialog-content:grid group-data-[size=sm]/alert-dialog-content:grid-cols-2 sm:flex-row sm:justify-end", className),
+		...props
+	});
+}
+function AlertDialogMedia({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "alert-dialog-media",
+		className: cn("mb-2 inline-flex size-10 items-center justify-center rounded-md bg-muted sm:group-data-[size=default]/alert-dialog-content:row-span-2 *:[svg:not([class*='size-'])]:size-6", className),
+		...props
+	});
+}
+function AlertDialogTitle({ className, ...props }) {
+	return /* @__PURE__ */ jsx(AlertDialog$1.Title, {
+		"data-slot": "alert-dialog-title",
+		className: cn("text-base font-medium sm:group-data-[size=default]/alert-dialog-content:group-has-data-[slot=alert-dialog-media]/alert-dialog-content:col-start-2", className),
+		...props
+	});
+}
+function AlertDialogDescription({ className, ...props }) {
+	return /* @__PURE__ */ jsx(AlertDialog$1.Description, {
+		"data-slot": "alert-dialog-description",
+		className: cn("text-sm text-balance text-muted-foreground md:text-pretty *:[a]:underline *:[a]:underline-offset-3 *:[a]:hover:text-foreground", className),
+		...props
+	});
+}
+function AlertDialogAction({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Button, {
+		"data-slot": "alert-dialog-action",
+		className: cn(className),
+		...props
+	});
+}
+function AlertDialogCancel({ className, variant = "outline", size = "default", ...props }) {
+	return /* @__PURE__ */ jsx(AlertDialog$1.Close, {
+		"data-slot": "alert-dialog-cancel",
+		className: cn(className),
+		render: /* @__PURE__ */ jsx(Button, {
+			variant,
+			size
+		}),
+		...props
+	});
+}
+
 //#endregion
 //#region src/components/alert.tsx
-const alertVariants = cva("relative grid w-full items-start gap-x-2 gap-y-0.5 rounded-xl border px-3.5 py-3 text-card-foreground text-sm has-[>svg]:has-data-[slot=alert-action]:grid-cols-[calc(var(--spacing)*4)_1fr_auto] has-[>svg]:grid-cols-[calc(var(--spacing)*4)_1fr] has-data-[slot=alert-action]:grid-cols-[1fr_auto] has-[>svg]:gap-x-2 [&>svg]:h-lh [&>svg]:w-4", {
+const alertVariants = cva("relative grid w-full items-start gap-x-2 gap-y-0.5 rounded-3xl border px-4 py-4 text-card-foreground text-sm has-[>svg]:has-data-[slot=alert-action]:grid-cols-[calc(var(--spacing)*6)_1fr_auto] has-[>svg]:grid-cols-[calc(var(--spacing)*6)_1fr] has-data-[slot=alert-action]:grid-cols-[1fr_auto] has-[>svg]:gap-x-4 [&>svg]:size-6", {
 	defaultVariants: { variant: "default" },
 	variants: { variant: {
-		default: "bg-transparent dark:bg-input/32 [&>svg]:text-muted-foreground",
-		error: "border-destructive/32 bg-destructive/4 [&>svg]:text-destructive",
-		info: "border-info/32 bg-info/4 [&>svg]:text-info",
-		success: "border-success/32 bg-success/4 [&>svg]:text-success",
-		warning: "border-warning/32 bg-warning/4 [&>svg]:text-warning"
+		default: "bg-card border-border [&>svg]:text-muted-foreground",
+		error: "bg-destructive-background border-destructive/35 [&>svg]:text-destructive",
+		info: "bg-info-background border-info/35 [&>svg]:text-info",
+		success: "bg-success-background border-success/35 [&>svg]:text-success",
+		warning: "bg-warning-background border-warning/35 [&>svg]:text-warning"
 	} }
 });
 function Alert({ className, variant, ...props }) {
@@ -64,7 +304,7 @@ function Alert({ className, variant, ...props }) {
 }
 function AlertTitle({ className, ...props }) {
 	return /* @__PURE__ */ jsx("div", {
-		className: cn("font-medium [svg~&]:col-start-2", className),
+		className: cn("font-medium leading-6 [svg~&]:col-start-2", className),
 		"data-slot": "alert-title",
 		...props
 	});
@@ -86,88 +326,336 @@ function AlertAction({ className, ...props }) {
 
 //#endregion
 //#region src/components/avatar.tsx
-const avatarVariants = cva("relative flex shrink-0 overflow-hidden ", {
-	variants: {
-		shape: {
-			default: "rounded-full",
-			rounded: "rounded-md"
-		},
-		size: {
-			sm: "size-6 text-xs",
-			default: "size-8",
-			lg: "size-10"
-		}
-	},
-	defaultVariants: {
-		shape: "default",
-		size: "default"
-	}
-});
-const Avatar = React$1.forwardRef(({ className, shape = "default", size = "default", ...props }, ref) => {
-	return /* @__PURE__ */ jsx(AvatarPrimitive.Root, {
+const Avatar = React$1.forwardRef(({ className, size = "default", ...props }, ref) => {
+	return /* @__PURE__ */ jsx(Avatar$1.Root, {
+		ref,
 		"data-slot": "avatar",
-		className: cn(avatarVariants({
-			shape,
-			size
-		}), className),
-		...props,
-		ref
+		"data-size": size,
+		className: cn("group/avatar relative flex size-8 shrink-0 rounded-full select-none after:absolute after:inset-0 after:rounded-full after:border after:border-border after:mix-blend-darken data-[size=xs]:size-5 data-[size=sm]:size-6 data-[size=lg]:size-10 data-[size=xl]:size-12 dark:after:mix-blend-lighten", className),
+		...props
 	});
 });
+Avatar.displayName = "Avatar";
 function AvatarImage({ className, ...props }) {
-	return /* @__PURE__ */ jsx(AvatarPrimitive.Image, {
+	return /* @__PURE__ */ jsx(Avatar$1.Image, {
 		"data-slot": "avatar-image",
-		className: cn("aspect-square size-full", className),
+		className: cn("aspect-square size-full rounded-full object-cover", className),
 		...props
 	});
 }
 function AvatarFallback({ className, ...props }) {
-	return /* @__PURE__ */ jsx(AvatarPrimitive.Fallback, {
+	return /* @__PURE__ */ jsx(Avatar$1.Fallback, {
 		"data-slot": "avatar-fallback",
-		className: cn("bg-muted flex size-full items-center justify-center", className),
+		className: cn("flex size-full items-center justify-center rounded-full bg-muted text-sm text-muted-foreground group-data-[size=xs]/avatar:text-xs group-data-[size=sm]/avatar:text-xs group-data-[size=xl]/avatar:text-base", className),
+		...props
+	});
+}
+function AvatarBadge({ className, ...props }) {
+	return /* @__PURE__ */ jsx("span", {
+		"data-slot": "avatar-badge",
+		className: cn("absolute right-0 bottom-0 z-10 inline-flex items-center justify-center rounded-full bg-blend-color ring-2 ring-background select-none", "group-data-[size=xs]/avatar:size-2 group-data-[size=xs]/avatar:[&>svg]:hidden", "group-data-[size=sm]/avatar:size-2 group-data-[size=sm]/avatar:[&>svg]:hidden", "group-data-[size=default]/avatar:size-2.5 group-data-[size=default]/avatar:[&>svg]:size-2", "group-data-[size=lg]/avatar:size-3 group-data-[size=lg]/avatar:[&>svg]:size-2", "group-data-[size=xl]/avatar:size-3 group-data-[size=xl]/avatar:[&>svg]:size-2", className),
+		...props
+	});
+}
+function AvatarGroup({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "avatar-group",
+		className: cn("group/avatar-group flex -space-x-2 *:data-[slot=avatar]:ring-2 *:data-[slot=avatar]:ring-background", className),
+		...props
+	});
+}
+function AvatarGroupCount({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "avatar-group-count",
+		className: cn("relative flex size-8 shrink-0 items-center justify-center rounded-full bg-muted text-sm text-muted-foreground ring-2 ring-background group-has-data-[size=xs]/avatar-group:size-5 group-has-data-[size=sm]/avatar-group:size-6 group-has-data-[size=lg]/avatar-group:size-10 group-has-data-[size=xl]/avatar-group:size-12 [&>svg]:size-4 group-has-data-[size=xs]/avatar-group:[&>svg]:size-3 group-has-data-[size=sm]/avatar-group:[&>svg]:size-3 group-has-data-[size=lg]/avatar-group:[&>svg]:size-5 group-has-data-[size=xl]/avatar-group:[&>svg]:size-6", className),
 		...props
 	});
 }
 
 //#endregion
-//#region src/components/badge.tsx
-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", {
+//#region src/components/counter-badge.tsx
+const counterBadgeVariants = cva("group/counter-badge inline-flex h-5 min-w-5 shrink-0 items-center justify-center rounded-full border border-transparent px-1 text-xs font-medium leading-none whitespace-nowrap transition-[color,box-shadow]", {
 	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"
+		default: "bg-destructive text-primary-foreground hover:bg-destructive/80 focus-visible:border-ring focus-visible:outline-1 focus-visible:outline-offset-1 focus-visible:outline-ring/50",
+		secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80 focus-visible:border-ring focus-visible:outline-1 focus-visible:outline-offset-1 focus-visible:outline-ring/50",
+		ghost: "text-muted-foreground hover:bg-muted/80 focus-visible:outline-1 focus-visible:outline-offset-1 focus-visible:outline-ring/50"
 	} },
 	defaultVariants: { variant: "default" }
 });
-const Badge = React$1.forwardRef(({ className, variant, asChild = false, ...props }, forwardedRef) => {
-	return /* @__PURE__ */ jsx(asChild ? Slot$1 : "span", {
-		"data-slot": "badge",
-		className: cn(badgeVariants({ variant }), className),
-		ref: forwardedRef,
-		...props
+const CounterBadge = React$1.forwardRef(({ className, variant = "default", render, ...props }, ref) => {
+	return useRender({
+		defaultTagName: "span",
+		props: mergeProps({
+			className: cn(counterBadgeVariants({ variant }), className),
+			ref
+		}, props),
+		render,
+		state: {
+			slot: "counter-badge",
+			variant
+		}
+	});
+});
+CounterBadge.displayName = "CounterBadge";
+
+//#endregion
+//#region src/components/badge.tsx
+const badgeVariants = cva("group/badge inline-flex w-fit shrink-0 items-center justify-center gap-1 overflow-hidden rounded-4xl border border-transparent font-medium whitespace-nowrap transition-all focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&>svg]:pointer-events-none", {
+	variants: {
+		variant: {
+			default: "bg-secondary text-secondary-foreground [a]:hover:bg-secondary/80",
+			secondary: "bg-charcoal-500/30 text-foreground [a]:hover:bg-charcoal-500/20",
+			outline: "border-border text-foreground [a]:hover:bg-muted [a]:hover:text-muted-foreground"
+		},
+		size: {
+			sm: "h-5 px-2 py-0.5 text-xs [&>svg]:size-3!",
+			lg: "h-7 px-3 py-1 text-sm [&>svg]:size-4!"
+		}
+	},
+	defaultVariants: {
+		variant: "default",
+		size: "sm"
+	}
+});
+const Badge = React$1.forwardRef(({ className, variant = "default", size = "sm", render, ...props }, ref) => {
+	return useRender({
+		defaultTagName: "span",
+		props: mergeProps({
+			className: cn(badgeVariants({
+				variant,
+				size
+			}), className),
+			ref
+		}, props),
+		render,
+		state: {
+			slot: "badge",
+			variant,
+			size
+		}
 	});
 });
 Badge.displayName = "Badge";
+function BadgeGroup({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "badge-group",
+		className: cn("flex flex-wrap items-center gap-2", className),
+		...props
+	});
+}
+function BadgeGroupCount({ className, ...props }) {
+	return /* @__PURE__ */ jsx(CounterBadge, {
+		"data-slot": "badge-group-count",
+		variant: "ghost",
+		className,
+		...props
+	});
+}
+
+//#endregion
+//#region src/components/banner.tsx
+const bannerVariants = cva("relative grid w-full items-start gap-x-2 gap-y-0.5 px-4 py-4 text-card-foreground text-sm has-[>svg]:has-data-[slot=alert-action]:grid-cols-[calc(var(--spacing)*6)_1fr_auto] has-[>svg]:grid-cols-[calc(var(--spacing)*6)_1fr] has-data-[slot=alert-action]:grid-cols-[1fr_auto] has-[>svg]:gap-x-4 [&>svg]:size-6", {
+	defaultVariants: { variant: "default" },
+	variants: {
+		variant: {
+			default: "bg-card border-border [&>svg]:text-muted-foreground",
+			error: "bg-destructive-background border-destructive [&>svg]:text-destructive",
+			info: "bg-info-background border-info [&>svg]:text-info",
+			success: "bg-success-background border-success [&>svg]:text-success",
+			warning: "bg-warning-background border-warning [&>svg]:text-warning"
+		},
+		borderDirection: {
+			top: "border-t",
+			bottom: "border-b"
+		}
+	}
+});
+function Banner({ className, variant, borderDirection, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: cn(bannerVariants({
+			variant,
+			borderDirection
+		}), className),
+		"data-slot": "banner",
+		role: "alert",
+		...props
+	});
+}
+
+//#endregion
+//#region src/components/notification-queue.tsx
+const PRIORITY_WEIGHT = {
+	error: 1e3,
+	warning: 100,
+	success: 50,
+	info: 10,
+	promotional: 1
+};
+const NotificationQueueContext = React$1.createContext(null);
+function useNotificationQueueContext() {
+	const ctx = React$1.useContext(NotificationQueueContext);
+	if (!ctx) throw new Error("useNotification* hooks must be used inside <NotificationQueueProvider>");
+	return ctx;
+}
+function reducer(state, action) {
+	switch (action.type) {
+		case "REGISTER": {
+			const idx = state.entries.findIndex((e) => e.id === action.entry.id && e.slot === action.entry.slot);
+			if (idx >= 0) {
+				const updated = [...state.entries];
+				updated[idx] = {
+					...action.entry,
+					registeredAt: state.entries[idx].registeredAt
+				};
+				const dismissed = new Set(state.dismissed);
+				dismissed.delete(`${action.entry.slot}::${action.entry.id}`);
+				return {
+					...state,
+					entries: updated,
+					dismissed
+				};
+			}
+			return {
+				...state,
+				entries: [...state.entries, action.entry]
+			};
+		}
+		case "UNREGISTER": {
+			const key = `${action.slot}::${action.id}`;
+			const dismissed = new Set(state.dismissed);
+			dismissed.delete(key);
+			return {
+				...state,
+				entries: state.entries.filter((e) => !(e.id === action.id && e.slot === action.slot)),
+				dismissed
+			};
+		}
+		case "DISMISS": {
+			const key = `${action.slot}::${action.id}`;
+			if (state.dismissed.has(key)) return state;
+			return {
+				...state,
+				dismissed: new Set([...state.dismissed, key])
+			};
+		}
+	}
+}
+function getSlotQueue(state, slot) {
+	return state.entries.filter((e) => e.slot === slot && !state.dismissed.has(`${slot}::${e.id}`)).sort((a, b) => {
+		const diff = PRIORITY_WEIGHT[b.priority] - PRIORITY_WEIGHT[a.priority];
+		return diff !== 0 ? diff : b.registeredAt - a.registeredAt;
+	});
+}
+function NotificationQueueProvider({ children }) {
+	const [state, dispatch] = React$1.useReducer(reducer, {
+		entries: [],
+		dismissed: /* @__PURE__ */ new Set()
+	});
+	const value = React$1.useMemo(() => ({
+		state,
+		dispatch
+	}), [state]);
+	return /* @__PURE__ */ jsx(NotificationQueueContext.Provider, {
+		value,
+		children
+	});
+}
+function useNotificationQueue() {
+	const { dispatch } = useNotificationQueueContext();
+	return {
+		push: React$1.useCallback(({ id, slot, priority, render }) => {
+			const dismiss = () => dispatch({
+				type: "DISMISS",
+				id,
+				slot
+			});
+			dispatch({
+				type: "REGISTER",
+				entry: {
+					id,
+					slot,
+					priority,
+					registeredAt: Date.now(),
+					contentRef: { current: render({ dismiss }) }
+				}
+			});
+			return { dismiss };
+		}, [dispatch]),
+		dismiss: React$1.useCallback((id, slot) => dispatch({
+			type: "DISMISS",
+			id,
+			slot
+		}), [dispatch])
+	};
+}
+function useNotification({ id, slot, priority, render }) {
+	const { dispatch } = useNotificationQueueContext();
+	const dismiss = React$1.useCallback(() => dispatch({
+		type: "DISMISS",
+		id,
+		slot
+	}), [
+		id,
+		slot,
+		dispatch
+	]);
+	const renderRef = React$1.useRef(render);
+	renderRef.current = render;
+	const contentRef = React$1.useRef(null);
+	contentRef.current = renderRef.current({ dismiss });
+	React$1.useEffect(() => {
+		dispatch({
+			type: "REGISTER",
+			entry: {
+				id,
+				slot,
+				priority,
+				registeredAt: Date.now(),
+				contentRef
+			}
+		});
+		return () => dispatch({
+			type: "UNREGISTER",
+			id,
+			slot
+		});
+	}, [
+		id,
+		slot,
+		priority,
+		dispatch
+	]);
+	return { dismiss };
+}
+function NotificationSlot({ slot, className }) {
+	const { state } = useNotificationQueueContext();
+	const active = getSlotQueue(state, slot)[0];
+	if (!active) return null;
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "notification-slot",
+		className: cn(className),
+		children: active.contentRef.current
+	});
+}
 
 //#endregion
 //#region src/components/separator.tsx
-function Separator({ className, orientation = "horizontal", decorative = true, ...props }) {
-	return /* @__PURE__ */ jsx(SeparatorPrimitive.Root, {
+function Separator({ className, orientation = "horizontal", ...props }) {
+	return /* @__PURE__ */ jsx(Separator$1, {
 		"data-slot": "separator",
-		decorative,
+		"data-orientation": orientation,
 		orientation,
-		className: cn("bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px", className),
+		className: cn("shrink-0 bg-border data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:w-px data-[orientation=vertical]:self-stretch", className),
 		...props
 	});
 }
 
 //#endregion
 //#region src/components/button-group.tsx
-const buttonGroupVariants = cva("flex w-fit items-stretch [&>*]:focus-visible:z-10 [&>*]:focus-visible:relative [&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit [&>input]:flex-1 has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-md has-[>[data-slot=button-group]]:gap-2", {
+const buttonGroupVariants = cva("flex w-fit items-stretch *:focus-visible:relative *:focus-visible:z-10 has-[>[data-slot=button-group]]:gap-2 has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-md [&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit [&>input]:flex-1", {
 	variants: { orientation: {
-		horizontal: "[&>*:not(:first-child)]:rounded-l-none [&>*:not(:first-child)]:border-l-0 [&>*:not(:last-child)]:rounded-r-none",
-		vertical: "flex-col [&>*:not(:first-child)]:rounded-t-none [&>*:not(:first-child)]:border-t-0 [&>*:not(:last-child)]:rounded-b-none"
+		horizontal: "*:data-slot:rounded-r-none [&>[data-slot]:not(:has(~[data-slot]))]:rounded-r-md! [&>[data-slot]~[data-slot]]:rounded-l-none [&>[data-slot]~[data-slot]]:border-l-0",
+		vertical: "flex-col *:data-slot:rounded-b-none [&>[data-slot]:not(:has(~[data-slot]))]:rounded-b-md! [&>[data-slot]~[data-slot]]:rounded-t-none [&>[data-slot]~[data-slot]]:border-t-0"
 	} },
 	defaultVariants: { orientation: "horizontal" }
 });
@@ -180,64 +668,124 @@ function ButtonGroup({ className, orientation, ...props }) {
 		...props
 	});
 }
-function ButtonGroupText({ className, asChild = false, ...props }) {
-	return /* @__PURE__ */ jsx(asChild ? Slot$1 : "div", {
-		className: cn("bg-muted flex items-center gap-2 rounded-md border px-4 text-sm font-medium shadow-xs [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4", className),
-		...props
+function ButtonGroupText({ className, render, ...props }) {
+	return useRender({
+		defaultTagName: "div",
+		props: mergeProps({ className: cn("flex items-center gap-2 rounded-md border bg-muted px-2.5 text-sm font-medium [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4", className) }, props),
+		render,
+		state: { slot: "button-group-text" }
 	});
 }
 function ButtonGroupSeparator({ className, orientation = "vertical", ...props }) {
 	return /* @__PURE__ */ jsx(Separator, {
 		"data-slot": "button-group-separator",
 		orientation,
-		className: cn("bg-input relative !m-0 self-stretch data-[orientation=vertical]:h-auto", className),
+		className: cn("relative self-stretch bg-input data-[orientation=horizontal]:mx-px data-[orientation=horizontal]:w-auto data-[orientation=vertical]:my-px data-[orientation=vertical]:h-auto", className),
 		...props
 	});
 }
 
 //#endregion
-//#region src/components/button.tsx
-const buttonVariants = cva("cursor-pointer inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-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", {
-	variants: {
-		variant: {
-			default: "bg-primary text-primary-foreground hover:bg-primary/90",
-			destructive: "bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
-			outline: "border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50",
-			secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
-			ghost: "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",
-			link: "text-primary underline-offset-4 hover:underline"
+//#region src/components/calendar.tsx
+function Calendar({ className, classNames, showOutsideDays = true, captionLayout = "label", buttonVariant = "ghost", locale, formatters, components, ...props }) {
+	const defaultClassNames = getDefaultClassNames();
+	return /* @__PURE__ */ jsx(DayPicker, {
+		showOutsideDays,
+		className: cn("group/calendar bg-background p-3 [--cell-radius:var(--radius-md)] [--cell-size:--spacing(8)] in-data-[slot=card-content]:bg-transparent in-data-[slot=popover-content]:bg-transparent", String.raw`rtl:**:[.rdp-button\_next>svg]:rotate-180`, String.raw`rtl:**:[.rdp-button\_previous>svg]:rotate-180`, className),
+		captionLayout,
+		locale,
+		formatters: {
+			formatMonthDropdown: (date) => date.toLocaleString(locale?.code, { month: "short" }),
+			...formatters
 		},
-		size: {
-			default: "h-9 px-4 py-2 has-[>svg]:px-3",
-			sm: "h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5",
-			lg: "h-10 rounded-md px-6 has-[>svg]:px-4",
-			icon: "size-9",
-			"icon-sm": "size-8",
-			"icon-lg": "size-10",
-			"icon-xs": "size-6 rounded-md [&_svg:not([class*='size-'])]:size-3"
+		classNames: {
+			root: cn("w-fit", defaultClassNames.root),
+			months: cn("relative flex flex-col gap-4 md:flex-row", defaultClassNames.months),
+			month: cn("flex w-full flex-col gap-4", defaultClassNames.month),
+			nav: cn("absolute inset-x-0 top-0 flex w-full items-center justify-between gap-1", defaultClassNames.nav),
+			button_previous: cn(buttonVariants({ variant: buttonVariant }), "size-(--cell-size) p-0 select-none aria-disabled:opacity-50", defaultClassNames.button_previous),
+			button_next: cn(buttonVariants({ variant: buttonVariant }), "size-(--cell-size) p-0 select-none aria-disabled:opacity-50", defaultClassNames.button_next),
+			month_caption: cn("flex h-(--cell-size) w-full items-center justify-center px-(--cell-size)", defaultClassNames.month_caption),
+			dropdowns: cn("flex h-(--cell-size) w-full items-center justify-center gap-1.5 text-sm font-medium", defaultClassNames.dropdowns),
+			dropdown_root: cn("relative rounded-(--cell-radius)", defaultClassNames.dropdown_root),
+			dropdown: cn("absolute inset-0 bg-popover opacity-0", defaultClassNames.dropdown),
+			caption_label: cn("font-medium select-none", captionLayout === "label" ? "text-sm" : "flex items-center gap-1 rounded-(--cell-radius) text-sm [&>svg]:size-3.5 [&>svg]:text-muted-foreground", defaultClassNames.caption_label),
+			table: "w-full border-collapse",
+			weekdays: cn("flex", defaultClassNames.weekdays),
+			weekday: cn("flex-1 rounded-(--cell-radius) text-[0.8rem] font-normal text-muted-foreground select-none", defaultClassNames.weekday),
+			week: cn("mt-2 flex w-full", defaultClassNames.week),
+			week_number_header: cn("w-(--cell-size) select-none", defaultClassNames.week_number_header),
+			week_number: cn("text-[0.8rem] text-muted-foreground select-none", defaultClassNames.week_number),
+			day: cn("group/day relative aspect-square h-full w-full rounded-(--cell-radius) p-0 text-center select-none [&:last-child[data-selected=true]_button]:rounded-r-(--cell-radius)", props.showWeekNumber ? "[&:nth-child(2)[data-selected=true]_button]:rounded-l-(--cell-radius)" : "[&:first-child[data-selected=true]_button]:rounded-l-(--cell-radius)", defaultClassNames.day),
+			range_start: cn("relative isolate z-0 rounded-l-(--cell-radius) bg-muted after:absolute after:inset-y-0 after:right-0 after:w-4 after:bg-muted", defaultClassNames.range_start),
+			range_middle: cn("rounded-none", defaultClassNames.range_middle),
+			range_end: cn("relative isolate z-0 rounded-r-(--cell-radius) bg-muted after:absolute after:inset-y-0 after:left-0 after:w-4 after:bg-muted", defaultClassNames.range_end),
+			today: cn("rounded-(--cell-radius) text-foreground not-data-[selected=true]:bg-muted data-[selected=true]:rounded-none", defaultClassNames.today),
+			outside: cn("text-muted-foreground aria-selected:text-muted-foreground", defaultClassNames.outside),
+			disabled: cn("text-muted-foreground opacity-50", defaultClassNames.disabled),
+			hidden: cn("invisible", defaultClassNames.hidden),
+			...classNames
+		},
+		components: {
+			Root: ({ className: rootClassName, rootRef, ...rootProps }) => {
+				return /* @__PURE__ */ jsx("div", {
+					"data-slot": "calendar",
+					ref: rootRef,
+					className: cn(rootClassName),
+					...rootProps
+				});
+			},
+			Chevron: ({ className: chevronClassName, orientation, ...chevronProps }) => {
+				if (orientation === "left") return /* @__PURE__ */ jsx(ChevronLeftIcon, {
+					className: cn("size-4", chevronClassName),
+					...chevronProps
+				});
+				if (orientation === "right") return /* @__PURE__ */ jsx(ChevronRightIcon, {
+					className: cn("size-4", chevronClassName),
+					...chevronProps
+				});
+				return /* @__PURE__ */ jsx(ChevronDownIcon, {
+					className: cn("size-4", chevronClassName),
+					...chevronProps
+				});
+			},
+			DayButton: ({ ...dayButtonProps }) => /* @__PURE__ */ jsx(CalendarDayButton, {
+				locale,
+				...dayButtonProps
+			}),
+			WeekNumber: ({ children, ...weekNumberProps }) => {
+				return /* @__PURE__ */ jsx("td", {
+					...weekNumberProps,
+					children: /* @__PURE__ */ jsx("div", {
+						className: "flex size-(--cell-size) items-center justify-center text-center",
+						children
+					})
+				});
+			},
+			...components
 		},
-		block: { true: "w-full" }
-	},
-	defaultVariants: {
-		variant: "default",
-		size: "default",
-		block: false
-	}
-});
-const Button = React$1.forwardRef(({ className, variant, size, asChild = false, block = false, ...props }, forwardedRef) => {
-	return /* @__PURE__ */ jsx(asChild ? Slot$1 : "button", {
-		"data-slot": "button",
-		className: cn(buttonVariants({
-			variant,
-			size,
-			block,
-			className
-		})),
-		ref: forwardedRef,
 		...props
 	});
-});
-Button.displayName = "Button";
+}
+function CalendarDayButton({ className: dayClassName, day, modifiers, locale, ...props }) {
+	const defaultClassNames = getDefaultClassNames();
+	const ref = React$1.useRef(null);
+	React$1.useEffect(() => {
+		if (modifiers.focused) ref.current?.focus();
+	}, [modifiers.focused]);
+	return /* @__PURE__ */ jsx(Button, {
+		ref,
+		variant: "ghost",
+		size: "icon",
+		"data-day": day.date.toLocaleDateString(locale?.code),
+		"data-selected-single": modifiers.selected && !modifiers.range_start && !modifiers.range_end && !modifiers.range_middle,
+		"data-range-start": modifiers.range_start,
+		"data-range-end": modifiers.range_end,
+		"data-range-middle": modifiers.range_middle,
+		className: cn("relative isolate z-10 flex aspect-square size-auto w-full min-w-(--cell-size) flex-col gap-1 rounded-(--cell-radius) border-transparent bg-clip-border leading-none font-normal group-data-[focused=true]/day:relative group-data-[focused=true]/day:z-10 group-data-[focused=true]/day:border-ring group-data-[focused=true]/day:ring-[3px] group-data-[focused=true]/day:ring-ring/50 data-[range-end=true]:rounded-r-(--cell-radius) data-[range-end=true]:bg-primary data-[range-end=true]:text-primary-foreground data-[range-middle=true]:rounded-none data-[range-middle=true]:bg-muted data-[range-middle=true]:text-foreground data-[range-start=true]:rounded-l-(--cell-radius) data-[range-start=true]:bg-primary data-[range-start=true]:text-primary-foreground data-[selected-single=true]:bg-primary data-[selected-single=true]:text-primary-foreground dark:hover:text-foreground [&>span]:text-xs [&>span]:opacity-70", defaultClassNames.day, dayClassName),
+		...props
+	});
+}
 
 //#endregion
 //#region src/components/card.tsx
@@ -393,7 +941,7 @@ function CarouselPrevious({ className, variant = "outline", size = "sm", ...prop
 		disabled: !canScrollPrev,
 		onClick: scrollPrev,
 		...props,
-		children: [/* @__PURE__ */ jsx(ArrowLeftOutline, {}), /* @__PURE__ */ jsx("span", {
+		children: [/* @__PURE__ */ jsx(ArrowLeft, {}), /* @__PURE__ */ jsx("span", {
 			className: "sr-only",
 			children: "Previous slide"
 		})]
@@ -409,7 +957,7 @@ function CarouselNext({ className, variant = "outline", size = "sm", ...props })
 		disabled: !canScrollNext,
 		onClick: scrollNext,
 		...props,
-		children: [/* @__PURE__ */ jsx(ArrowRightOutline, {}), /* @__PURE__ */ jsx("span", {
+		children: [/* @__PURE__ */ jsx(ArrowRight, {}), /* @__PURE__ */ jsx("span", {
 			className: "sr-only",
 			children: "Next slide"
 		})]
@@ -419,15 +967,16 @@ function CarouselNext({ className, variant = "outline", size = "sm", ...props })
 //#endregion
 //#region src/components/checkbox.tsx
 const Checkbox = React$1.forwardRef(({ className, ...props }, ref) => {
-	return /* @__PURE__ */ jsx(CheckboxPrimitive.Root, {
+	return /* @__PURE__ */ jsx(Checkbox$1.Root, {
 		ref,
 		"data-slot": "checkbox",
-		className: cn("peer border-input dark:bg-input/30 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground dark:data-[state=checked]:bg-primary data-[state=checked]:border-primary focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive size-4 shrink-0 rounded-[4px] border shadow-xs transition-shadow outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50", className),
+		className: cn("peer relative flex size-4 shrink-0 items-center justify-center rounded-[4px] border border-input transition-[color,box-shadow,opacity] outline-none active:opacity-60 group-has-disabled/field:opacity-50 after:absolute after:-inset-x-3 after:-inset-y-2 focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:bg-input/50 disabled:opacity-50 dark:disabled:bg-input/80 aria-invalid:border-destructive focus-visible:aria-invalid:ring-3 focus-visible:aria-invalid:ring-destructive/20 hover:aria-invalid:data-unchecked:bg-destructive-background focus-visible:aria-invalid:data-unchecked:bg-destructive-background dark:bg-input/30 dark:aria-invalid:border-destructive/50 dark:focus-visible:aria-invalid:ring-destructive/40 data-checked:border-primary data-checked:bg-primary data-checked:text-primary-foreground data-indeterminate:border-primary data-indeterminate:bg-primary data-indeterminate:text-primary-foreground aria-invalid:data-checked:border-destructive aria-invalid:data-checked:bg-destructive aria-invalid:data-indeterminate:border-destructive aria-invalid:data-indeterminate:bg-destructive dark:data-checked:bg-primary dark:data-indeterminate:bg-primary", className),
 		...props,
-		children: /* @__PURE__ */ jsx(CheckboxPrimitive.Indicator, {
+		children: /* @__PURE__ */ jsxs(Checkbox$1.Indicator, {
 			"data-slot": "checkbox-indicator",
-			className: "grid place-content-center text-current transition-none",
-			children: /* @__PURE__ */ jsx(CheckOutline, { className: "size-3.5" })
+			keepMounted: true,
+			className: "group/indicator grid place-content-center text-current transition-none [&>svg]:size-3.5",
+			children: [/* @__PURE__ */ jsx(CheckIcon, { className: "hidden group-data-[checked]/indicator:block" }), /* @__PURE__ */ jsx(MinusIcon, { className: "hidden group-data-[indeterminate]/indicator:block" })]
 		})
 	});
 });
@@ -436,19 +985,19 @@ Checkbox.displayName = "Checkbox";
 //#endregion
 //#region src/components/collapsible.tsx
 function Collapsible({ ...props }) {
-	return /* @__PURE__ */ jsx(CollapsiblePrimitive.Root, {
+	return /* @__PURE__ */ jsx(Collapsible$1.Root, {
 		"data-slot": "collapsible",
 		...props
 	});
 }
 function CollapsibleTrigger({ ...props }) {
-	return /* @__PURE__ */ jsx(CollapsiblePrimitive.CollapsibleTrigger, {
+	return /* @__PURE__ */ jsx(Collapsible$1.Trigger, {
 		"data-slot": "collapsible-trigger",
 		...props
 	});
 }
 function CollapsibleContent({ ...props }) {
-	return /* @__PURE__ */ jsx(CollapsiblePrimitive.CollapsibleContent, {
+	return /* @__PURE__ */ jsx(Collapsible$1.Panel, {
 		"data-slot": "collapsible-content",
 		...props
 	});
@@ -456,23 +1005,12 @@ function CollapsibleContent({ ...props }) {
 
 //#endregion
 //#region src/components/input.tsx
-const inputVariants = cva("text-foreground file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input flex h-9 w-full min-w-0 rounded-md border bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm 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", {
-	variants: {
-		sizing: {
-			default: "h-9 px-4 py-2",
-			sm: "h-8 rounded-md gap-1.5 px-3",
-			lg: "h-11 rounded-lg px-6"
-		},
-		block: { true: "w-full" }
-	},
-	defaultVariants: { sizing: "default" }
-});
-const Input = React$1.forwardRef(({ className, type, sizing, block, ...props }, forwardedRef) => {
+const inputVariants = cva("text-foreground file:text-foreground placeholder:text-muted-foreground dark:bg-input/30 border-input flex h-10 w-full min-w-0 rounded-md border bg-transparent px-3 py-2 text-base transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium hover:border-ring hover:aria-invalid:border-destructive disabled:cursor-not-allowed disabled:bg-input/50 disabled:opacity-50 dark:disabled:bg-input/80 md:text-sm focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-3 aria-invalid:border-destructive focus-visible:aria-invalid:ring-destructive/20 focus-visible:aria-invalid:ring-3 dark:focus-visible:aria-invalid:ring-destructive/40", { variants: { block: { true: "w-full" } } });
+const Input = React$1.forwardRef(({ className, type, block, ...props }, forwardedRef) => {
 	return /* @__PURE__ */ jsx("input", {
 		type,
 		"data-slot": "input",
 		className: cn(inputVariants({
-			sizing,
 			block,
 			className
 		})),
@@ -486,29 +1024,21 @@ const Input = React$1.forwardRef(({ className, type, sizing, block, ...props },
 function Textarea({ className, ...props }) {
 	return /* @__PURE__ */ jsx("textarea", {
 		"data-slot": "textarea",
-		className: cn("border-input placeholder:text-muted-foreground 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:bg-input/30 flex field-sizing-content min-h-16 w-full rounded-md border bg-transparent px-3 py-2 text-base shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 md:text-sm", className),
+		className: cn("border-input placeholder:text-muted-foreground hover:border-ring hover:aria-invalid:border-destructive focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-3 aria-invalid:border-destructive focus-visible:aria-invalid:ring-destructive/20 focus-visible:aria-invalid:ring-3 dark:focus-visible:aria-invalid:ring-destructive/40 dark:bg-input/30 flex field-sizing-content min-h-16 w-full rounded-md border bg-transparent px-3 py-2 text-base shadow-xs transition-[color,box-shadow] outline-none disabled:cursor-not-allowed disabled:bg-input/50 disabled:opacity-50 dark:disabled:bg-input/80 md:text-sm", className),
 		...props
 	});
 }
 
 //#endregion
 //#region src/components/input-group.tsx
-const inputGroupVariants = cva("group/input-group border-input dark:bg-input/30 relative flex w-full items-center rounded-md border shadow-xs transition-[color,box-shadow] outline-none has-[>textarea]:h-auto", {
-	variants: { sizing: {
-		default: "h-9",
-		sm: "h-8",
-		lg: "h-11"
-	} },
-	defaultVariants: { sizing: "default" }
-});
-function InputGroup({ className, sizing, ...props }) {
-	return /* @__PURE__ */ jsx("div", {
-		"data-slot": "input-group",
-		role: "group",
-		className: cn(inputGroupVariants({ sizing }), "has-[>[data-align=inline-start]]:[&>input]:pl-2", "has-[>[data-align=inline-end]]:[&>input]:pr-2", "has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col has-[>[data-align=block-start]]:[&>input]:pb-3", "has-[>[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col has-[>[data-align=block-end]]:[&>input]:pt-3", "has-[[data-slot=input-group-control]:focus-visible]:border-ring has-[[data-slot=input-group-control]:focus-visible]:ring-ring/50 has-[[data-slot=input-group-control]:focus-visible]:ring-[3px]", "has-[[data-slot][aria-invalid=true]]:ring-destructive/20 has-[[data-slot][aria-invalid=true]]:border-destructive dark:has-[[data-slot][aria-invalid=true]]:ring-destructive/40", className),
-		...props
-	});
-}
+const InputGroup = React$1.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", {
+	ref,
+	"data-slot": "input-group",
+	role: "group",
+	className: cn("group/input-group border-input dark:bg-input/30 relative flex h-10 w-full items-center rounded-md border transition-[color,box-shadow] outline-none has-[>textarea]:h-auto", "not-has-[input:disabled]:not-has-[textarea:disabled]:not-has-[[data-slot][aria-invalid=true]]:hover:border-ring", "has-[input:disabled]:bg-input/50 has-[textarea:disabled]:bg-input/50 has-[input:disabled]:opacity-50 has-[textarea:disabled]:opacity-50 dark:has-[input:disabled]:bg-input/80 dark:has-[textarea:disabled]:bg-input/80", "has-[>[data-align=inline-start]]:[&>input]:pl-2", "has-[>[data-align=inline-end]]:[&>input]:pr-2", "has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col has-[>[data-align=block-start]]:[&>input]:pb-3", "has-[>[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col has-[>[data-align=block-end]]:[&>input]:pt-3", "has-[[data-slot=input-group-control]:focus-visible]:border-ring has-[[data-slot=input-group-control]:focus-visible]:ring-ring/50 has-[[data-slot=input-group-control]:focus-visible]:ring-3", "has-[[data-slot][aria-invalid=true]]:border-destructive has-[[data-slot][aria-invalid=true]:focus-visible]:ring-destructive/20 dark:has-[[data-slot][aria-invalid=true]:focus-visible]:ring-destructive/40", className),
+	...props
+}));
+InputGroup.displayName = "InputGroup";
 const inputGroupAddonVariants = cva("text-muted-foreground flex h-auto cursor-text items-center justify-center gap-2 py-1.5 text-sm font-medium select-none [&>svg:not([class*='size-'])]:size-4 [&>kbd]:rounded-[calc(var(--radius)-5px)] group-data-[disabled=true]/input-group:opacity-50", {
 	variants: { align: {
 		"inline-start": "order-first pl-3 has-[>button]:ml-[-0.45rem] has-[>kbd]:ml-[-0.35rem]",
@@ -531,22 +1061,13 @@ function InputGroupAddon({ className, align = "inline-start", ...props }) {
 		...props
 	});
 }
-const inputGroupButtonVariants = cva("text-sm shadow-none flex gap-2 items-center", {
-	variants: { size: {
-		xs: "h-6 gap-1 px-2 rounded-[calc(var(--radius)-5px)] [&>svg:not([class*='size-'])]:size-3.5 has-[>svg]:px-2",
-		sm: "h-7 px-2.5 gap-1.5 rounded-md has-[>svg]:px-2.5",
-		"icon-xs": "size-6 rounded-[calc(var(--radius)-5px)] p-0 has-[>svg]:p-0",
-		"icon-sm": "size-7 p-0 has-[>svg]:p-0"
-	} },
-	defaultVariants: { size: "xs" }
-});
-const InputGroupButton = React$1.forwardRef(({ className, type = "button", variant = "ghost", size = "xs", ...props }, ref) => {
+const InputGroupButton = React$1.forwardRef(({ className, type = "button", variant = "ghost", size = "sm", ...props }, ref) => {
 	return /* @__PURE__ */ jsx(Button, {
 		ref,
 		type,
-		"data-size": size,
 		variant,
-		className: cn(inputGroupButtonVariants({ size }), className),
+		size,
+		className,
 		...props
 	});
 });
@@ -560,7 +1081,7 @@ function InputGroupText({ className, ...props }) {
 const InputGroupInput = React$1.forwardRef(({ className, ...props }, forwardedRef) => {
 	return /* @__PURE__ */ jsx(Input, {
 		"data-slot": "input-group-control",
-		className: cn("flex-1 rounded-none border-0 bg-transparent shadow-none focus-visible:ring-0 dark:bg-transparent", className),
+		className: cn("flex-1 rounded-none border-0 bg-transparent shadow-none focus-visible:ring-0 aria-invalid:ring-0 focus-visible:aria-invalid:!ring-0 disabled:bg-transparent disabled:opacity-100 dark:bg-transparent dark:disabled:bg-transparent", className),
 		...props,
 		ref: forwardedRef
 	});
@@ -568,7 +1089,7 @@ const InputGroupInput = React$1.forwardRef(({ className, ...props }, forwardedRe
 function InputGroupTextarea({ className, ...props }) {
 	return /* @__PURE__ */ jsx(Textarea, {
 		"data-slot": "input-group-control",
-		className: cn("flex-1 resize-none rounded-none border-0 bg-transparent py-3 shadow-none focus-visible:ring-0 dark:bg-transparent", className),
+		className: cn("flex-1 resize-none rounded-none border-0 bg-transparent py-3 shadow-none focus-visible:ring-0 aria-invalid:ring-0 dark:bg-transparent", className),
 		...props
 	});
 }
@@ -586,54 +1107,49 @@ const ComboboxTrigger = React$1.forwardRef(({ className, children, ...props }, r
 	return /* @__PURE__ */ jsxs(Combobox$1.Trigger, {
 		ref,
 		"data-slot": "combobox-trigger",
-		"aria-label": "Open options",
 		className: cn("[&_svg:not([class*='size-'])]:size-4", className),
 		...props,
-		children: [children, /* @__PURE__ */ jsx(ChevronDownIcon, {
-			"data-slot": "combobox-trigger-icon",
-			className: "text-muted-foreground pointer-events-none size-4"
-		})]
+		children: [children, /* @__PURE__ */ jsx(ChevronDownIcon, { className: "pointer-events-none size-4 text-muted-foreground" })]
 	});
 });
 ComboboxTrigger.displayName = "ComboboxTrigger";
 function ComboboxClear({ className, ...props }) {
 	return /* @__PURE__ */ jsx(Combobox$1.Clear, {
 		"data-slot": "combobox-clear",
-		"aria-label": "Clear selection",
 		render: /* @__PURE__ */ jsx(InputGroupButton, {
 			variant: "ghost",
-			size: "icon-xs"
+			size: "icon-sm"
 		}),
 		className: cn(className),
 		...props,
 		children: /* @__PURE__ */ jsx(XIcon, { className: "pointer-events-none" })
 	});
 }
-function ComboboxInput({ className, children, disabled = false, showTrigger = true, showClear = false, ...props }) {
+const ComboboxInput = React$1.forwardRef(({ className, children, disabled = false, showTrigger = true, showClear = false, ...props }, ref) => {
 	return /* @__PURE__ */ jsxs(InputGroup, {
+		ref,
 		className: cn("w-auto", className),
 		children: [
 			/* @__PURE__ */ jsx(Combobox$1.Input, {
-				disabled,
 				render: /* @__PURE__ */ jsx(InputGroupInput, { disabled }),
 				...props
 			}),
 			/* @__PURE__ */ jsxs(InputGroupAddon, {
 				align: "inline-end",
 				children: [showTrigger && /* @__PURE__ */ jsx(InputGroupButton, {
-					size: "icon-xs",
+					size: "icon-sm",
 					variant: "ghost",
-					asChild: true,
+					render: /* @__PURE__ */ jsx(ComboboxTrigger, {}),
 					"data-slot": "input-group-button",
 					className: "group-has-data-[slot=combobox-clear]/input-group:hidden data-pressed:bg-transparent",
-					disabled,
-					children: /* @__PURE__ */ jsx(ComboboxTrigger, {})
+					disabled
 				}), showClear && /* @__PURE__ */ jsx(ComboboxClear, { disabled })]
 			}),
 			children
 		]
 	});
-}
+});
+ComboboxInput.displayName = "ComboboxInput";
 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, {
 		side,
@@ -645,7 +1161,7 @@ function ComboboxContent({ className, side = "bottom", sideOffset = 6, align = "
 		children: /* @__PURE__ */ jsx(Combobox$1.Popup, {
 			"data-slot": "combobox-content",
 			"data-chips": !!anchor,
-			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 *:data-[slot=input-group]:bg-input/30 *:data-[slot=input-group]:border-input/30 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 shadow-md ring-1 duration-100 data-[chips=true]:min-w-(--anchor-width) *:data-[slot=input-group]:m-1 *:data-[slot=input-group]:mb-0 *:data-[slot=input-group]:h-8 *:data-[slot=input-group]:shadow-none", className),
+			className: cn("group/combobox-content relative max-h-(--available-height) w-(--anchor-width) max-w-(--available-width) min-w-[calc(var(--anchor-width)+--spacing(7))] origin-(--transform-origin) overflow-hidden rounded-lg bg-popover text-popover-foreground shadow-md ring-1 ring-foreground/10 outline-hidden duration-100 data-[chips=true]:min-w-(--anchor-width) data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-left-2 data-[side=inline-start]:slide-in-from-right-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]: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),
 			...props
 		})
 	}) });
@@ -653,19 +1169,19 @@ function ComboboxContent({ className, side = "bottom", sideOffset = 6, align = "
 function ComboboxList({ className, ...props }) {
 	return /* @__PURE__ */ jsx(Combobox$1.List, {
 		"data-slot": "combobox-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),
+		className: cn("no-scrollbar max-h-[min(calc(--spacing(72)---spacing(9)),calc(var(--available-height)---spacing(9)))] scroll-py-1 overflow-y-auto overscroll-contain p-1 outline-hidden data-empty:p-0", className),
 		...props
 	});
 }
 function ComboboxItem({ className, children, ...props }) {
 	return /* @__PURE__ */ jsxs(Combobox$1.Item, {
 		"data-slot": "combobox-item",
-		className: cn("data-highlighted:bg-accent data-highlighted:text-accent-foreground 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-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
+		className: cn("relative flex w-full cursor-default items-center gap-2 rounded-md p-2 pr-8 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),
 		...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" })
+			render: /* @__PURE__ */ jsx("span", { className: "pointer-events-none absolute right-2 flex size-4 items-center justify-center text-primary" }),
+			children: /* @__PURE__ */ jsx(CheckIcon, { className: "pointer-events-none" })
 		})]
 	});
 }
@@ -679,7 +1195,7 @@ function ComboboxGroup({ className, ...props }) {
 function ComboboxLabel({ className, ...props }) {
 	return /* @__PURE__ */ jsx(Combobox$1.GroupLabel, {
 		"data-slot": "combobox-label",
-		className: cn("text-muted-foreground px-2 py-1.5 text-xs pointer-coarse:px-3 pointer-coarse:py-2 pointer-coarse:text-sm", className),
+		className: cn("p-2 text-xs text-muted-foreground", className),
 		...props
 	});
 }
@@ -692,14 +1208,14 @@ function ComboboxCollection({ ...props }) {
 function ComboboxEmpty({ className, ...props }) {
 	return /* @__PURE__ */ jsx(Combobox$1.Empty, {
 		"data-slot": "combobox-empty",
-		className: cn("text-muted-foreground hidden w-full justify-center py-2 text-center text-sm group-data-empty/combobox-content:flex", className),
+		className: cn("hidden w-full justify-center py-2 text-center text-sm text-muted-foreground group-data-empty/combobox-content:flex", className),
 		...props
 	});
 }
 function ComboboxSeparator({ className, ...props }) {
 	return /* @__PURE__ */ jsx(Combobox$1.Separator, {
 		"data-slot": "combobox-separator",
-		className: cn("bg-border -mx-1 my-1 h-px", className),
+		className: cn("-mx-1 my-1 h-px bg-border", className),
 		...props
 	});
 }
@@ -707,7 +1223,7 @@ const ComboboxChips = React$1.forwardRef(({ className, ...props }, ref) => {
 	return /* @__PURE__ */ jsx(Combobox$1.Chips, {
 		ref,
 		"data-slot": "combobox-chips",
-		className: cn("dark:bg-input/30 border-input focus-within:border-ring focus-within:ring-ring/50 has-aria-invalid:ring-destructive/20 dark:has-aria-invalid:ring-destructive/40 has-aria-invalid:border-destructive dark:has-aria-invalid:border-destructive/50 flex min-h-9 flex-wrap items-center gap-1.5 rounded-md border bg-transparent bg-clip-padding px-2.5 py-1.5 text-sm shadow-xs transition-[color,box-shadow] focus-within:ring-[3px] has-aria-invalid:ring-[3px] has-data-[slot=combobox-chip]:px-1.5", className),
+		className: cn("flex min-h-10 flex-wrap items-center gap-1 rounded-md border border-input bg-transparent bg-clip-padding py-2 pl-3 pr-2 text-sm transition-colors focus-within:border-ring focus-within:ring-3 focus-within:ring-ring/50 has-aria-invalid:border-destructive has-aria-invalid:ring-3 has-aria-invalid:ring-destructive/20 dark:bg-input/30 dark:has-aria-invalid:border-destructive/50 dark:has-aria-invalid:ring-destructive/40", className),
 		...props
 	});
 });
@@ -715,13 +1231,12 @@ ComboboxChips.displayName = "ComboboxChips";
 function ComboboxChip({ className, children, showRemove = true, ...props }) {
 	return /* @__PURE__ */ jsxs(Combobox$1.Chip, {
 		"data-slot": "combobox-chip",
-		className: cn("bg-muted text-foreground flex h-[calc(--spacing(5.5))] w-fit items-center justify-center gap-1 rounded-sm px-1.5 text-xs font-medium whitespace-nowrap has-disabled:pointer-events-none has-disabled:cursor-not-allowed has-disabled:opacity-50 has-data-[slot=combobox-chip-remove]:pr-0", className),
+		className: cn("flex h-6 w-fit items-center justify-center gap-1 rounded-md 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),
 		...props,
 		children: [children, showRemove && /* @__PURE__ */ jsx(Combobox$1.ChipRemove, {
-			"aria-label": "Remove item",
 			render: /* @__PURE__ */ jsx(Button, {
 				variant: "ghost",
-				size: "icon-xs"
+				size: "icon-sm"
 			}),
 			className: "-ml-1 opacity-50 hover:opacity-100",
 			"data-slot": "combobox-chip-remove",
@@ -743,78 +1258,84 @@ function useComboboxAnchor() {
 //#endregion
 //#region src/components/dialog.tsx
 function Dialog({ ...props }) {
-	return /* @__PURE__ */ jsx(DialogPrimitive.Root, {
+	return /* @__PURE__ */ jsx(Dialog$1.Root, {
 		"data-slot": "dialog",
 		...props
 	});
 }
 function DialogTrigger({ ...props }) {
-	return /* @__PURE__ */ jsx(DialogPrimitive.Trigger, {
+	return /* @__PURE__ */ jsx(Dialog$1.Trigger, {
 		"data-slot": "dialog-trigger",
 		...props
 	});
 }
 function DialogPortal({ ...props }) {
-	return /* @__PURE__ */ jsx(DialogPrimitive.Portal, {
+	return /* @__PURE__ */ jsx(Dialog$1.Portal, {
 		"data-slot": "dialog-portal",
 		...props
 	});
 }
 function DialogClose({ ...props }) {
-	return /* @__PURE__ */ jsx(DialogPrimitive.Close, {
+	return /* @__PURE__ */ jsx(Dialog$1.Close, {
 		"data-slot": "dialog-close",
 		...props
 	});
 }
 function DialogOverlay({ className, ...props }) {
-	return /* @__PURE__ */ jsx(DialogPrimitive.Overlay, {
+	return /* @__PURE__ */ jsx(Dialog$1.Backdrop, {
 		"data-slot": "dialog-overlay",
-		className: cn("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50", className),
+		className: cn("fixed inset-0 isolate z-50 bg-black/10 duration-100 supports-backdrop-filter:backdrop-blur-xs data-open:animate-in data-open:fade-in-0 data-closed:animate-out data-closed:fade-out-0", className),
 		...props
 	});
 }
-function DialogContent({ className, children, ...props }) {
-	return /* @__PURE__ */ jsxs(DialogPortal, {
-		"data-slot": "dialog-portal",
-		children: [/* @__PURE__ */ jsx(DialogOverlay, {}), /* @__PURE__ */ jsxs(DialogPrimitive.Content, {
-			"data-slot": "dialog-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),
-			...props,
-			children: [children, /* @__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",
-				children: [/* @__PURE__ */ jsx(CloseOutline, {}), /* @__PURE__ */ jsx("span", {
-					className: "sr-only",
-					children: "Close"
-				})]
+function DialogContent({ className, children, showCloseButton = true, ...props }) {
+	return /* @__PURE__ */ jsxs(DialogPortal, { children: [/* @__PURE__ */ jsx(DialogOverlay, {}), /* @__PURE__ */ jsxs(Dialog$1.Popup, {
+		"data-slot": "dialog-content",
+		className: cn("fixed top-1/2 left-1/2 z-50 grid w-full max-w-[calc(100%-2rem)] -translate-x-1/2 -translate-y-1/2 gap-4 rounded-xl ring-1 ring-foreground/10 bg-background px-6 py-4 text-sm duration-100 outline-none sm:max-w-md 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,
+		children: [children, showCloseButton && /* @__PURE__ */ jsxs(Dialog$1.Close, {
+			"data-slot": "dialog-close",
+			render: /* @__PURE__ */ jsx(Button, {
+				variant: "ghost",
+				className: "absolute top-3 right-4",
+				size: "icon-sm"
+			}),
+			children: [/* @__PURE__ */ jsx(XIcon, {}), /* @__PURE__ */ jsx("span", {
+				className: "sr-only",
+				children: "Close"
 			})]
 		})]
-	});
+	})] });
 }
 function DialogHeader({ className, ...props }) {
 	return /* @__PURE__ */ jsx("div", {
 		"data-slot": "dialog-header",
-		className: cn("flex flex-col gap-2 text-center sm:text-left", className),
+		className: cn("flex flex-col gap-2", className),
 		...props
 	});
 }
-function DialogFooter({ className, ...props }) {
-	return /* @__PURE__ */ jsx("div", {
+function DialogFooter({ className, showCloseButton = false, children, ...props }) {
+	return /* @__PURE__ */ jsxs("div", {
 		"data-slot": "dialog-footer",
 		className: cn("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", className),
-		...props
+		...props,
+		children: [children, showCloseButton && /* @__PURE__ */ jsx(Dialog$1.Close, {
+			render: /* @__PURE__ */ jsx(Button, { variant: "outline" }),
+			children: "Close"
+		})]
 	});
 }
 function DialogTitle({ className, ...props }) {
-	return /* @__PURE__ */ jsx(DialogPrimitive.Title, {
+	return /* @__PURE__ */ jsx(Dialog$1.Title, {
 		"data-slot": "dialog-title",
-		className: cn("text-lg leading-none font-semibold", className),
+		className: cn("text-lg font-bold leading-normal", className),
 		...props
 	});
 }
 function DialogDescription({ className, ...props }) {
-	return /* @__PURE__ */ jsx(DialogPrimitive.Description, {
+	return /* @__PURE__ */ jsx(Dialog$1.Description, {
 		"data-slot": "dialog-description",
-		className: cn("text-muted-foreground text-sm", className),
+		className: cn("text-sm leading-normal text-muted-foreground *:[a]:underline *:[a]:underline-offset-3 *:[a]:hover:text-foreground", className),
 		...props
 	});
 }
@@ -899,253 +1420,941 @@ function CommandShortcut({ className, ...props }) {
 
 //#endregion
 //#region src/components/country-flag.tsx
-const additionalCountryCodeMappings = {
-	BQ: "ABW",
-	BES: "ABW",
-	CW: "ABW",
-	SX: "ABW"
-};
 const sizeMap = {
-	xs: "size-2",
 	sm: "size-3",
 	md: "size-4",
-	lg: "size-4",
+	lg: "size-5",
 	xl: "size-6"
 };
 const CountryFlag = ({ countryIsoCode, size = "xl", className, ...otherProps }) => {
-	const CountryIcons = Icons;
-	const properCountryCode = (countryIsoCode.length === 3 ? countryIsoCode : getCountryISO3(countryIsoCode)) || additionalCountryCodeMappings[countryIsoCode];
-	return /* @__PURE__ */ jsx(properCountryCode ? CountryIcons["Flag" + capitalizeFirstLetter(properCountryCode.toLowerCase())] : CountryIcons["FlagAbw"], {
+	return /* @__PURE__ */ jsx(FLAGS[countryIsoCode.toLowerCase()] ?? FlagUs, {
 		className: cn("flex-none", sizeMap[size], className),
 		...otherProps
 	});
 };
-function capitalizeFirstLetter(val) {
-	return String(val).charAt(0).toUpperCase() + String(val).slice(1);
+
+//#endregion
+//#region src/components/table.tsx
+const Table = React$1.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", {
+	"data-slot": "table-container",
+	className: "relative w-full overflow-x-auto",
+	children: /* @__PURE__ */ jsx("table", {
+		ref,
+		"data-slot": "table",
+		className: cn("w-full caption-bottom text-sm", className),
+		...props
+	})
+}));
+Table.displayName = "Table";
+const TableHeader = React$1.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("thead", {
+	ref,
+	"data-slot": "table-header",
+	className: cn("[&_tr]:border-b", className),
+	...props
+}));
+TableHeader.displayName = "TableHeader";
+const TableBody = React$1.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("tbody", {
+	ref,
+	"data-slot": "table-body",
+	className: cn("[&_tr:last-child]:border-0", className),
+	...props
+}));
+TableBody.displayName = "TableBody";
+const TableFooter = React$1.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("tfoot", {
+	ref,
+	"data-slot": "table-footer",
+	className: cn("border-t bg-muted/50 font-medium [&>tr]:last:border-b-0", className),
+	...props
+}));
+TableFooter.displayName = "TableFooter";
+const TableRow = React$1.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("tr", {
+	ref,
+	"data-slot": "table-row",
+	className: cn("border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted", className),
+	...props
+}));
+TableRow.displayName = "TableRow";
+const TableHead = React$1.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("th", {
+	ref,
+	"data-slot": "table-head",
+	className: cn("h-10 px-2 text-left align-middle font-medium whitespace-nowrap text-foreground [&:has([role=checkbox])]:pr-0", className),
+	...props
+}));
+TableHead.displayName = "TableHead";
+const TableCell = React$1.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("td", {
+	ref,
+	"data-slot": "table-cell",
+	className: cn("p-2 align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0", className),
+	...props
+}));
+TableCell.displayName = "TableCell";
+const TableCaption = React$1.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("caption", {
+	ref,
+	"data-slot": "table-caption",
+	className: cn("mt-4 text-sm text-muted-foreground", className),
+	...props
+}));
+TableCaption.displayName = "TableCaption";
+
+//#endregion
+//#region src/components/data-table.tsx
+function DataTable({ columns, data, tableOptions, noResultsMessage = "No results." }) {
+	const table = useReactTable({
+		data,
+		columns,
+		getCoreRowModel: getCoreRowModel(),
+		...tableOptions
+	});
+	return /* @__PURE__ */ jsxs(Table, { children: [/* @__PURE__ */ jsx(TableHeader, { children: table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ jsx(TableRow, { children: headerGroup.headers.map((header) => /* @__PURE__ */ jsx(TableHead, { children: header.isPlaceholder ? null : flexRender(header.column.columnDef.header, header.getContext()) }, header.id)) }, headerGroup.id)) }), /* @__PURE__ */ jsx(TableBody, { children: table.getRowModel().rows.length ? table.getRowModel().rows.map((row) => /* @__PURE__ */ jsx(TableRow, {
+		"data-state": row.getIsSelected() && "selected",
+		children: row.getVisibleCells().map((cell) => /* @__PURE__ */ jsx(TableCell, { children: flexRender(cell.column.columnDef.cell, cell.getContext()) }, cell.id))
+	}, row.id)) : /* @__PURE__ */ jsx(TableRow, { children: /* @__PURE__ */ jsx(TableCell, {
+		colSpan: columns.length,
+		className: "h-24 text-center",
+		children: noResultsMessage
+	}) }) })] });
+}
+
+//#endregion
+//#region src/components/scroll-area.tsx
+function ScrollArea({ className, children, scrollFade = false, scrollbarGutter = false, ...props }) {
+	return /* @__PURE__ */ jsxs(ScrollAreaPrimitive.Root, {
+		className: cn("size-full min-h-0", className),
+		...props,
+		children: [
+			/* @__PURE__ */ jsx(ScrollAreaPrimitive.Viewport, {
+				className: cn("h-full rounded-[inherit] outline-none transition-shadows focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1 focus-visible:ring-offset-background data-has-overflow-y:overscroll-y-contain data-has-overflow-x:overscroll-x-contain", scrollFade && "mask-t-from-[calc(100%-min(var(--fade-size),var(--scroll-area-overflow-y-start)))] mask-b-from-[calc(100%-min(var(--fade-size),var(--scroll-area-overflow-y-end)))] mask-l-from-[calc(100%-min(var(--fade-size),var(--scroll-area-overflow-x-start)))] mask-r-from-[calc(100%-min(var(--fade-size),var(--scroll-area-overflow-x-end)))] [--fade-size:1.5rem]", scrollbarGutter && "data-has-overflow-y:pe-2.5 data-has-overflow-x:pb-2.5"),
+				"data-slot": "scroll-area-viewport",
+				children
+			}),
+			/* @__PURE__ */ jsx(ScrollBar, { orientation: "vertical" }),
+			/* @__PURE__ */ jsx(ScrollBar, { orientation: "horizontal" }),
+			/* @__PURE__ */ jsx(ScrollAreaPrimitive.Corner, { "data-slot": "scroll-area-corner" })
+		]
+	});
+}
+function ScrollBar({ className, orientation = "vertical", ...props }) {
+	return /* @__PURE__ */ jsx(ScrollAreaPrimitive.Scrollbar, {
+		className: cn("m-1 flex opacity-0 transition-opacity delay-300 data-[orientation=horizontal]:h-1.5 data-[orientation=vertical]:w-1.5 data-[orientation=horizontal]:flex-col data-hovering:opacity-100 data-scrolling:opacity-100 data-hovering:delay-0 data-scrolling:delay-0 data-hovering:duration-100 data-scrolling:duration-100", className),
+		"data-slot": "scroll-area-scrollbar",
+		orientation,
+		...props,
+		children: /* @__PURE__ */ jsx(ScrollAreaPrimitive.Thumb, {
+			className: "relative flex-1 rounded-full bg-foreground/20",
+			"data-slot": "scroll-area-thumb"
+		})
+	});
 }
 
 //#endregion
 //#region src/components/drawer.tsx
-function Drawer({ ...props }) {
-	return /* @__PURE__ */ jsx(Drawer$1.Root, {
-		"data-slot": "drawer",
-		...props
+const DrawerContext = createContext({ position: "bottom" });
+const directionMap = {
+	bottom: "down",
+	left: "left",
+	right: "right",
+	top: "up"
+};
+const DrawerCreateHandle = DrawerPrimitive.createHandle;
+function Drawer({ swipeDirection, position = "bottom", ...props }) {
+	return /* @__PURE__ */ jsx(DrawerContext.Provider, {
+		value: { position },
+		children: /* @__PURE__ */ jsx(DrawerPrimitive.Root, {
+			swipeDirection: swipeDirection ?? directionMap[position],
+			...props
+		})
 	});
 }
-function DrawerTrigger({ ...props }) {
-	return /* @__PURE__ */ jsx(Drawer$1.Trigger, {
+const DrawerPortal = DrawerPrimitive.Portal;
+function DrawerTrigger(props) {
+	return /* @__PURE__ */ jsx(DrawerPrimitive.Trigger, {
 		"data-slot": "drawer-trigger",
 		...props
 	});
 }
-function DrawerPortal({ ...props }) {
-	return /* @__PURE__ */ jsx(Drawer$1.Portal, {
-		"data-slot": "drawer-portal",
+function DrawerClose(props) {
+	return /* @__PURE__ */ jsx(DrawerPrimitive.Close, {
+		"data-slot": "drawer-close",
 		...props
 	});
 }
-function DrawerClose({ ...props }) {
-	return /* @__PURE__ */ jsx(Drawer$1.Close, {
-		"data-slot": "drawer-close",
+function DrawerSwipeArea({ className, position: positionProp, ...props }) {
+	const { position: contextPosition } = useContext(DrawerContext);
+	const position = positionProp ?? contextPosition;
+	return /* @__PURE__ */ jsx(DrawerPrimitive.SwipeArea, {
+		className: cn("fixed z-50 touch-none", position === "bottom" && "inset-x-0 bottom-0 h-8", position === "top" && "inset-x-0 top-0 h-8", position === "left" && "inset-y-0 left-0 w-8", position === "right" && "inset-y-0 right-0 w-8", className),
+		"data-slot": "drawer-swipe-area",
 		...props
 	});
 }
-const DrawerOverlay = React$1.forwardRef(({ className, ...props }, forwardedRef) => {
-	return /* @__PURE__ */ jsx(Drawer$1.Overlay, {
-		"data-slot": "drawer-overlay",
-		className: cn("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50", className),
-		...props,
-		ref: forwardedRef
+function DrawerBackdrop({ className, inContainer, ...props }) {
+	return /* @__PURE__ */ jsx(DrawerPrimitive.Backdrop, {
+		className: cn("inset-0 z-50 bg-black/10 opacity-[calc(1-var(--drawer-swipe-progress))] backdrop-blur-sm transition-opacity duration-450 ease-[cubic-bezier(0.32,0.72,0,1)] data-ending-style:opacity-0 data-starting-style:opacity-0 data-ending-style:duration-[calc(var(--drawer-swipe-strength)*400ms)] data-swiping:duration-0 supports-[-webkit-touch-callout:none]:absolute", inContainer ? "absolute" : "fixed", className),
+		"data-slot": "drawer-backdrop",
+		...props
 	});
-});
-function DrawerContent({ className, children, container, ...props }) {
+}
+function DrawerViewport({ className, position, variant = "default", inContainer, ...props }) {
+	return /* @__PURE__ */ jsx(DrawerPrimitive.Viewport, {
+		className: cn("inset-0 z-50 [--bleed:--spacing(12)] [--inset:--spacing(0)]", inContainer ? "absolute" : "fixed", "touch-none", position === "bottom" && "grid grid-rows-[1fr_auto] pt-12", position === "top" && "grid grid-rows-[auto_1fr] pb-12", position === "left" && "flex justify-start", position === "right" && "flex justify-end", variant === "inset" && "px-(--inset) sm:[--inset:--spacing(4)]", variant === "inset" && position !== "bottom" && "pt-(--inset)", variant === "inset" && position !== "top" && "pb-(--inset)", className),
+		"data-slot": "drawer-viewport",
+		...props
+	});
+}
+function DrawerPopup({ className, children, showCloseButton = false, position: positionProp, variant = "default", showBar = false, container, ...props }) {
+	const { position: contextPosition } = useContext(DrawerContext);
+	const position = positionProp ?? contextPosition;
+	const inContainer = !!container;
 	return /* @__PURE__ */ jsxs(DrawerPortal, {
-		"data-slot": "drawer-portal",
 		container,
-		children: [/* @__PURE__ */ jsx(DrawerOverlay, {}), /* @__PURE__ */ jsxs(Drawer$1.Content, {
-			"data-slot": "drawer-content",
-			className: cn("group/drawer-content bg-card fixed z-50 flex h-auto flex-col", "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-[90vh] data-[vaul-drawer-direction=top]:rounded-b-lg data-[vaul-drawer-direction=top]:border-b", "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-[90vh] data-[vaul-drawer-direction=bottom]:rounded-t-lg data-[vaul-drawer-direction=bottom]:border-t", "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]:border-l data-[vaul-drawer-direction=right]:sm:max-w-sm", "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]:border-r data-[vaul-drawer-direction=left]:sm:max-w-sm", className),
-			...props,
-			children: [/* @__PURE__ */ jsx("div", { className: "bg-muted mx-auto mt-4 hidden h-2 w-[100px] shrink-0 rounded-full group-data-[vaul-drawer-direction=bottom]/drawer-content:block" }), children]
+		children: [/* @__PURE__ */ jsx(DrawerBackdrop, { inContainer }), /* @__PURE__ */ jsx(DrawerViewport, {
+			position,
+			variant,
+			inContainer,
+			children: /* @__PURE__ */ jsxs(DrawerPrimitive.Popup, {
+				className: cn("relative flex max-h-full min-h-0 w-full min-w-0 flex-col bg-popover not-dark:bg-clip-padding text-popover-foreground shadow-lg/5 outline-none transition-[transform,box-shadow,height,background-color] duration-450 ease-[cubic-bezier(0.32,0.72,0,1)] will-change-transform [--peek:calc(--spacing(6)-1px)] [--scale-base:calc(max(0,1-(var(--nested-drawers)*var(--stack-step))))] [--scale:clamp(0,calc(var(--scale-base)+(var(--stack-step)*var(--stack-progress))),1)] [--shrink:calc(1-var(--scale))] [--stack-peek-offset:max(0px,calc((var(--nested-drawers)-var(--stack-progress))*var(--peek)))] [--stack-progress:clamp(0,var(--drawer-swipe-progress),1)] [--stack-step:0.05] before:pointer-events-none before:absolute before:inset-0 before:shadow-[0_1px_--theme(--color-black/4%)] after:pointer-events-none after:absolute after:bg-popover data-swiping:select-none data-nested-drawer-open:overflow-hidden data-nested-drawer-open:bg-[color-mix(in_srgb,var(--popover),var(--color-black)_calc(2%*(var(--nested-drawers)-var(--stack-progress))))] data-ending-style:shadow-transparent data-starting-style:shadow-transparent data-ending-style:duration-[calc(var(--drawer-swipe-strength)*400ms)] dark:data-nested-drawer-open:bg-[color-mix(in_srgb,var(--popover),var(--color-black)_calc(6%*(var(--nested-drawers)-var(--stack-progress))))] dark:before:shadow-[0_-1px_--theme(--color-white/6%)]", "touch-none", position === "bottom" && "transform-[translateY(calc(var(--drawer-snap-point-offset)+var(--drawer-swipe-movement-y)))] data-ending-style:transform-[translateY(calc(100%+env(safe-area-inset-bottom,0px)+var(--inset)))] data-starting-style:transform-[translateY(calc(100%+env(safe-area-inset-bottom,0px)+var(--inset)))] row-start-2 -mb-[max(0px,calc(var(--drawer-snap-point-offset,0px)+clamp(0,1,var(--drawer-snap-point-offset,0px)/1px)*var(--drawer-swipe-movement-y,0px)))] border-t pb-[max(0px,calc(env(safe-area-inset-bottom,0px)+var(--drawer-snap-point-offset,0px)+clamp(0,1,var(--drawer-snap-point-offset,0px)/1px)*var(--drawer-swipe-movement-y,0px)))] not-data-starting-style:not-data-ending-style:transition-[transform,box-shadow,height,background-color,margin,padding] after:inset-x-0 after:top-full after:h-(--bleed) has-data-[slot=drawer-bar]:pt-2 data-ending-style:mb-0 data-starting-style:mb-0 data-ending-style:pb-0 data-starting-style:pb-0", position === "top" && "data-starting-style:transform-[translateY(calc(-100%-var(--inset)))] data-ending-style:transform-[translateY(calc(-100%-var(--inset)))] transform-[translateY(var(--drawer-swipe-movement-y))] border-b after:inset-x-0 after:bottom-full after:h-(--bleed) has-data-[slot=drawer-bar]:pb-2", position === "left" && "data-starting-style:transform-[translateX(calc(-100%-var(--inset)))] data-ending-style:transform-[translateX(calc(-100%-var(--inset)))] transform-[translateX(var(--drawer-swipe-movement-x))] w-[calc(100%-(--spacing(12)))] max-w-md border-e after:inset-y-0 after:end-full after:w-(--bleed) has-data-[slot=drawer-bar]:pe-2", position === "right" && "transform-[translateX(var(--drawer-swipe-movement-x))] data-ending-style:transform-[translateX(calc(100%+var(--inset)))] data-starting-style:transform-[translateX(calc(100%+var(--inset)))] col-start-2 w-[calc(100%-(--spacing(12)))] max-w-md border-s after:inset-y-0 after:start-full after:w-(--bleed) has-data-[slot=drawer-bar]:ps-2", variant !== "straight" && cn(position === "bottom" && "rounded-t-2xl", position === "top" && "rounded-b-2xl **:data-[slot=drawer-footer]:rounded-b-[calc(var(--radius-2xl)-1px)]", position === "left" && "rounded-e-2xl **:data-[slot=drawer-footer]:rounded-ee-[calc(var(--radius-2xl)-1px)]", position === "right" && "rounded-s-2xl **:data-[slot=drawer-footer]:rounded-es-[calc(var(--radius-2xl)-1px)]"), variant === "default" && cn(position === "bottom" && "before:rounded-t-[calc(var(--radius-2xl)-1px)]", position === "top" && "before:rounded-b-[calc(var(--radius-2xl)-1px)]", position === "left" && "before:rounded-e-[calc(var(--radius-2xl)-1px)]", position === "right" && "before:rounded-s-[calc(var(--radius-2xl)-1px)]"), variant === "inset" && "before:hidden sm:rounded-2xl sm:border sm:after:bg-transparent sm:before:rounded-[calc(var(--radius-2xl)-1px)] sm:**:data-[slot=drawer-footer]:rounded-b-[calc(var(--radius-2xl)-1px)]", variant === "straight" && "[--stack-step:0]", (position === "bottom" || position === "top") && "h-(--drawer-height,auto) [--height:max(0px,calc(var(--drawer-frontmost-height,var(--drawer-height))))] data-nested-drawer-open:h-(--height)", position === "bottom" && "data-nested-drawer-open:transform-[translateY(calc(var(--drawer-swipe-movement-y)-var(--stack-peek-offset)-(var(--shrink)*var(--height))))_scale(var(--scale))] origin-[50%_calc(100%-var(--inset))]", position === "top" && "data-nested-drawer-open:transform-[translateY(calc(var(--drawer-swipe-movement-y)+var(--stack-peek-offset)+(var(--shrink)*var(--height))))_scale(var(--scale))] origin-[50%_var(--inset)]", position === "left" && "data-nested-drawer-open:transform-[translateX(calc(var(--drawer-swipe-movement-x)+var(--stack-peek-offset)))_scale(var(--scale))] origin-right", position === "right" && "data-nested-drawer-open:transform-[translateX(calc(var(--drawer-swipe-movement-x)-var(--stack-peek-offset)))_scale(var(--scale))] origin-left", className),
+				"data-slot": "drawer-popup",
+				...props,
+				children: [
+					children,
+					showCloseButton && /* @__PURE__ */ jsx(DrawerPrimitive.Close, {
+						"aria-label": "Close",
+						className: "absolute end-2 top-2",
+						render: /* @__PURE__ */ jsx(Button, {
+							size: "icon",
+							variant: "ghost"
+						}),
+						children: /* @__PURE__ */ jsx(XIcon, {})
+					}),
+					showBar && /* @__PURE__ */ jsx(DrawerBar, {})
+				]
+			})
 		})]
 	});
 }
-function DrawerHeader({ className, ...props }) {
-	return /* @__PURE__ */ jsx("div", {
-		"data-slot": "drawer-header",
-		className: cn("flex flex-col gap-1.5 p-4", className),
-		...props
+function DrawerHeader({ className, allowSelection = false, render, ...props }) {
+	return useRender({
+		defaultTagName: "div",
+		props: mergeProps({
+			className: cn("flex flex-col gap-2 p-6 in-[[data-slot=drawer-popup]:has([data-slot=drawer-panel])]:pb-3 max-sm:pb-4", !allowSelection && "cursor-default", className),
+			"data-slot": "drawer-header"
+		}, props),
+		render: allowSelection ? /* @__PURE__ */ jsx(DrawerContent, { render }) : render
 	});
 }
-function DrawerFooter({ className, ...props }) {
-	return /* @__PURE__ */ jsx("div", {
-		"data-slot": "drawer-footer",
-		className: cn("mt-auto flex flex-col gap-2 p-4", className),
-		...props
+function DrawerFooter({ className, variant = "default", allowSelection = true, render, ...props }) {
+	return useRender({
+		defaultTagName: "div",
+		props: mergeProps({
+			className: cn("flex flex-col-reverse gap-2 px-6 pb-(--safe-area-inset-bottom,0px) sm:flex-row sm:justify-end", !allowSelection && "cursor-default", variant === "default" && "border-t bg-muted/72 pt-4 pb-[calc(env(safe-area-inset-bottom,0px)+--spacing(4))]", variant === "bare" && "in-[[data-slot=drawer-popup]:has([data-slot=drawer-panel])]:pt-3 pt-4 pb-[calc(env(safe-area-inset-bottom,0px)+--spacing(6))]", className),
+			"data-slot": "drawer-footer"
+		}, props),
+		render: allowSelection ? /* @__PURE__ */ jsx(DrawerContent, { render }) : render
 	});
 }
 function DrawerTitle({ className, ...props }) {
-	return /* @__PURE__ */ jsx(Drawer$1.Title, {
+	return /* @__PURE__ */ jsx(DrawerPrimitive.Title, {
+		className: cn("font-heading font-semibold text-xl leading-none", className),
 		"data-slot": "drawer-title",
-		className: cn("text-foreground font-semibold", className),
 		...props
 	});
 }
 function DrawerDescription({ className, ...props }) {
-	return /* @__PURE__ */ jsx(Drawer$1.Description, {
-		"data-slot": "drawer-description",
+	return /* @__PURE__ */ jsx(DrawerPrimitive.Description, {
 		className: cn("text-muted-foreground text-sm", className),
+		"data-slot": "drawer-description",
+		...props
+	});
+}
+function DrawerPanel({ className, scrollFade = true, scrollable = true, allowSelection = true, render, ...props }) {
+	const content = useRender({
+		defaultTagName: "div",
+		props: mergeProps({
+			className: cn("p-6 in-[[data-slot=drawer-popup]:has([data-slot=drawer-header])]:pt-1 in-[[data-slot=drawer-popup]:has([data-slot=drawer-footer]:not(.border-t))]:pb-1", !allowSelection && "cursor-default", className),
+			"data-slot": "drawer-panel"
+		}, props),
+		render: allowSelection ? /* @__PURE__ */ jsx(DrawerContent, { render }) : render
+	});
+	if (scrollable) return /* @__PURE__ */ jsx(ScrollArea, {
+		className: "touch-auto",
+		scrollFade,
+		children: content
+	});
+	return content;
+}
+function DrawerBar({ className, position: positionProp, render, ...props }) {
+	const { position: contextPosition } = useContext(DrawerContext);
+	const position = positionProp ?? contextPosition;
+	const horizontal = position === "left" || position === "right";
+	return useRender({
+		defaultTagName: "div",
+		props: mergeProps({
+			"aria-hidden": true,
+			className: cn("absolute flex touch-none items-center justify-center p-3 before:rounded-full before:bg-input", horizontal ? "inset-y-0 before:h-12 before:w-1" : "inset-x-0 before:h-1 before:w-12", position === "top" && "bottom-0", position === "bottom" && "top-0", position === "left" && "right-0", position === "right" && "left-0", className),
+			"data-slot": "drawer-bar"
+		}, props),
+		render
+	});
+}
+const DrawerContent = DrawerPrimitive.Content;
+function DrawerMenu({ className, render, ...props }) {
+	return useRender({
+		defaultTagName: "nav",
+		props: mergeProps({
+			className: cn("-m-2 flex flex-col", className),
+			"data-slot": "drawer-menu"
+		}, props),
+		render
+	});
+}
+function DrawerMenuItem({ className, variant = "default", render, disabled, ...props }) {
+	return useRender({
+		defaultTagName: "button",
+		props: mergeProps({
+			className: cn("flex min-h-9 w-full cursor-default select-none items-center gap-2 rounded-sm px-2 py-1 text-base text-foreground outline-none hover:bg-accent hover:text-accent-foreground disabled:pointer-events-none disabled:opacity-64 data-[variant=destructive]:text-destructive-foreground sm:min-h-8 sm:text-sm [&>svg:not([class*='opacity-'])]:opacity-80 [&>svg:not([class*='size-'])]:size-4.5 sm:[&>svg:not([class*='size-'])]:size-4 [&>svg]:pointer-events-none [&>svg]:-mx-0.5 [&>svg]:shrink-0", className),
+			"data-slot": "drawer-menu-item",
+			"data-variant": variant,
+			disabled,
+			type: "button"
+		}, props),
+		render
+	});
+}
+function DrawerMenuSeparator({ className, render, ...props }) {
+	return useRender({
+		defaultTagName: "div",
+		props: mergeProps({
+			className: cn("mx-2 my-1 h-px bg-border", className),
+			"data-slot": "drawer-menu-separator"
+		}, props),
+		render
+	});
+}
+function DrawerMenuGroup({ className, render, ...props }) {
+	return useRender({
+		defaultTagName: "div",
+		props: mergeProps({
+			className: cn("flex flex-col", className),
+			"data-slot": "drawer-menu-group"
+		}, props),
+		render
+	});
+}
+function DrawerMenuGroupLabel({ className, render, ...props }) {
+	return useRender({
+		defaultTagName: "div",
+		props: mergeProps({
+			className: cn("px-2 py-1.5 font-medium text-muted-foreground text-xs", className),
+			"data-slot": "drawer-menu-group-label"
+		}, props),
+		render
+	});
+}
+function DrawerMenuTrigger({ className, children, ...props }) {
+	return /* @__PURE__ */ jsxs(DrawerTrigger, {
+		className: cn("flex min-h-9 w-full cursor-default select-none items-center gap-2 rounded-sm px-2 py-1 text-base text-foreground outline-none hover:bg-accent hover:text-accent-foreground sm:min-h-8 sm:text-sm [&_svg:not([class*='size-'])]:size-4.5 sm:[&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0", className),
+		"data-slot": "drawer-menu-trigger",
+		...props,
+		children: [children, /* @__PURE__ */ jsx(ChevronRightIcon, { className: "ms-auto -me-0.5 opacity-80" })]
+	});
+}
+function DrawerMenuCheckboxItem({ className, children, checked, defaultChecked, onCheckedChange, variant = "default", disabled, render, ...props }) {
+	return /* @__PURE__ */ jsx(Checkbox$1.Root, {
+		checked,
+		className: cn("grid min-h-9 w-full cursor-default select-none items-center gap-2 rounded-sm px-2 py-1 text-base text-foreground outline-none hover:bg-accent hover:text-accent-foreground data-disabled:pointer-events-none data-disabled:opacity-64 sm:min-h-8 sm:text-sm [&_svg:not([class*='opacity-'])]:opacity-80 [&_svg:not([class*='size-'])]:size-4.5 sm:[&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:-mx-0.5 [&_svg]:shrink-0", variant === "switch" ? "grid-cols-[1fr_auto] gap-4 pe-1.5" : "grid-cols-[1rem_1fr] pe-4", className),
+		"data-slot": "drawer-menu-checkbox-item",
+		defaultChecked,
+		disabled,
+		onCheckedChange,
+		render,
+		...props,
+		children: variant === "switch" ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("span", {
+			className: "col-start-1",
+			children
+		}), /* @__PURE__ */ jsx(Checkbox$1.Indicator, {
+			className: "inset-shadow-[0_1px_--theme(--color-black/4%)] col-start-2 inline-flex h-[calc(var(--thumb-size)+2px)] w-[calc(var(--thumb-size)*2-2px)] shrink-0 items-center rounded-full p-px outline-none transition-[background-color,box-shadow] duration-200 [--thumb-size:--spacing(4)] focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1 focus-visible:ring-offset-background data-checked:bg-primary data-unchecked:bg-input data-disabled:opacity-64 sm:[--thumb-size:--spacing(3)]",
+			keepMounted: true,
+			children: /* @__PURE__ */ jsx("span", { className: "pointer-events-none block aspect-square h-full in-[[data-slot=drawer-menu-checkbox-item][data-checked]]:origin-[var(--thumb-size)_50%] origin-left in-[[data-slot=drawer-menu-checkbox-item][data-checked]]:translate-x-[calc(var(--thumb-size)-4px)] in-[[data-slot=drawer-menu-checkbox-item]:active]:not-data-disabled:scale-x-110 in-[[data-slot=drawer-menu-checkbox-item]:active]:rounded-[var(--thumb-size)/calc(var(--thumb-size)*1.10)] rounded-(--thumb-size) bg-background shadow-sm/5 will-change-transform [transition:translate_.15s,border-radius_.15s,scale_.1s_.1s,transform-origin_.15s]" })
+		})] }) : /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(Checkbox$1.Indicator, {
+			className: "col-start-1",
+			children: /* @__PURE__ */ jsx("svg", {
+				fill: "none",
+				height: "24",
+				stroke: "currentColor",
+				strokeLinecap: "round",
+				strokeLinejoin: "round",
+				strokeWidth: "2",
+				viewBox: "0 0 24 24",
+				width: "24",
+				xmlns: "http://www.w3.org/2000/svg",
+				children: /* @__PURE__ */ jsx("path", { d: "M5.252 12.7 10.2 18.63 18.748 5.37" })
+			})
+		}), /* @__PURE__ */ jsx("span", {
+			className: "col-start-2",
+			children
+		})] })
+	});
+}
+function DrawerMenuRadioGroup({ className, ...props }) {
+	return /* @__PURE__ */ jsx(RadioGroup$1, {
+		className: cn("flex flex-col", className),
+		"data-slot": "drawer-menu-radio-group",
 		...props
 	});
 }
+function DrawerMenuRadioItem({ className, children, value, disabled, render, ...props }) {
+	return /* @__PURE__ */ jsxs(Radio.Root, {
+		className: cn("grid min-h-9 w-full cursor-default select-none items-center gap-2 rounded-sm px-2 py-1 text-base text-foreground outline-none hover:bg-accent hover:text-accent-foreground data-disabled:pointer-events-none data-disabled:opacity-64 sm:min-h-8 sm:text-sm [&_svg:not([class*='opacity-'])]:opacity-80 [&_svg:not([class*='size-'])]:size-4.5 sm:[&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:-mx-0.5 [&_svg]:shrink-0", "grid-cols-[1rem_1fr] items-center pe-4", className),
+		"data-slot": "drawer-menu-radio-item",
+		disabled,
+		render,
+		value,
+		...props,
+		children: [/* @__PURE__ */ jsx(Radio.Indicator, {
+			className: "col-start-1",
+			children: /* @__PURE__ */ jsx("svg", {
+				fill: "none",
+				height: "24",
+				stroke: "currentColor",
+				strokeLinecap: "round",
+				strokeLinejoin: "round",
+				strokeWidth: "2",
+				viewBox: "0 0 24 24",
+				width: "24",
+				xmlns: "http://www.w3.org/2000/svg",
+				children: /* @__PURE__ */ jsx("path", { d: "M5.252 12.7 10.2 18.63 18.748 5.37" })
+			})
+		}), /* @__PURE__ */ jsx("span", {
+			className: "col-start-2",
+			children
+		})]
+	});
+}
 
 //#endregion
 //#region src/components/dropdown-menu.tsx
 function DropdownMenu({ ...props }) {
-	return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Root, {
+	return /* @__PURE__ */ jsx(Menu.Root, {
 		"data-slot": "dropdown-menu",
 		...props
 	});
 }
 function DropdownMenuPortal({ ...props }) {
-	return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Portal, {
+	return /* @__PURE__ */ jsx(Menu.Portal, {
 		"data-slot": "dropdown-menu-portal",
 		...props
 	});
 }
 function DropdownMenuTrigger({ ...props }) {
-	return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Trigger, {
+	return /* @__PURE__ */ jsx(Menu.Trigger, {
 		"data-slot": "dropdown-menu-trigger",
 		...props
 	});
 }
-function DropdownMenuContent({ className, sideOffset = 4, container, forceMount, ...props }) {
-	return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Portal, {
+function DropdownMenuContent({ align = "start", alignOffset = 0, side = "bottom", sideOffset = 4, className, container, ...props }) {
+	return /* @__PURE__ */ jsx(Menu.Portal, {
 		container,
-		forceMount,
-		children: /* @__PURE__ */ jsx(DropdownMenuPrimitive.Content, {
-			"data-slot": "dropdown-menu-content",
+		children: /* @__PURE__ */ jsx(Menu.Positioner, {
+			className: "isolate z-50 outline-none",
+			align,
+			alignOffset,
+			side,
 			sideOffset,
-			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),
-			...props
+			children: /* @__PURE__ */ jsx(Menu.Popup, {
+				"data-slot": "dropdown-menu-content",
+				className: cn("z-50 max-h-(--available-height) min-w-32 origin-(--transform-origin) overflow-x-hidden overflow-y-auto rounded-md bg-popover p-1 text-popover-foreground shadow-md ring-1 ring-foreground/10 duration-100 outline-none data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-left-2 data-[side=inline-start]:slide-in-from-right-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:overflow-hidden data-closed:fade-out-0 data-closed:zoom-out-95", className),
+				...props
+			})
 		})
 	});
 }
 function DropdownMenuGroup({ ...props }) {
-	return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Group, {
+	return /* @__PURE__ */ jsx(Menu.Group, {
 		"data-slot": "dropdown-menu-group",
 		...props
 	});
 }
+function DropdownMenuLabel({ className, inset, ...props }) {
+	return /* @__PURE__ */ jsx(Menu.GroupLabel, {
+		"data-slot": "dropdown-menu-label",
+		"data-inset": inset,
+		className: cn("px-2 py-1.5 text-xs font-medium text-muted-foreground data-inset:pl-8", className),
+		...props
+	});
+}
 function DropdownMenuItem({ className, inset, variant = "default", ...props }) {
-	return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Item, {
+	return /* @__PURE__ */ jsx(Menu.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 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),
+		className: cn("group/dropdown-menu-item relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground data-inset:pl-8 data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 data-[variant=destructive]:focus:text-destructive dark:data-[variant=destructive]:focus:bg-destructive/20 data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 data-[variant=destructive]:*:[svg]:text-destructive", className),
+		...props
+	});
+}
+function DropdownMenuSub({ ...props }) {
+	return /* @__PURE__ */ jsx(Menu.SubmenuRoot, {
+		"data-slot": "dropdown-menu-sub",
 		...props
 	});
 }
-function DropdownMenuCheckboxItem({ className, children, checked, ...props }) {
-	return /* @__PURE__ */ jsxs(DropdownMenuPrimitive.CheckboxItem, {
+function DropdownMenuSubTrigger({ className, inset, children, ...props }) {
+	return /* @__PURE__ */ jsxs(Menu.SubmenuTrigger, {
+		"data-slot": "dropdown-menu-sub-trigger",
+		"data-inset": inset,
+		className: cn("flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground data-inset:pl-8 data-popup-open:bg-accent data-popup-open:text-accent-foreground data-open:bg-accent data-open:text-accent-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
+		...props,
+		children: [children, /* @__PURE__ */ jsx(ChevronRightIcon, { className: "ml-auto" })]
+	});
+}
+function DropdownMenuSubContent({ align = "start", alignOffset = -3, side = "right", sideOffset = 0, className, ...props }) {
+	return /* @__PURE__ */ jsx(DropdownMenuContent, {
+		"data-slot": "dropdown-menu-sub-content",
+		className: cn("w-auto min-w-[96px] rounded-md bg-popover p-1 text-popover-foreground shadow-lg ring-1 ring-foreground/10 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),
+		align,
+		alignOffset,
+		side,
+		sideOffset,
+		...props
+	});
+}
+function DropdownMenuCheckboxItem({ className, children, checked, inset, ...props }) {
+	return /* @__PURE__ */ jsxs(Menu.CheckboxItem, {
 		"data-slot": "dropdown-menu-checkbox-item",
-		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-inset": inset,
+		className: cn("relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground data-inset:pl-8 data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
 		checked,
 		...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(CheckOutline, { className: "size-4" }) })
+			className: "pointer-events-none absolute right-2 flex items-center justify-center",
+			"data-slot": "dropdown-menu-checkbox-item-indicator",
+			children: /* @__PURE__ */ jsx(Menu.CheckboxItemIndicator, { children: /* @__PURE__ */ jsx(CheckIcon, {}) })
 		}), children]
 	});
 }
 function DropdownMenuRadioGroup({ ...props }) {
-	return /* @__PURE__ */ jsx(DropdownMenuPrimitive.RadioGroup, {
+	return /* @__PURE__ */ jsx(Menu.RadioGroup, {
 		"data-slot": "dropdown-menu-radio-group",
 		...props
 	});
 }
-function DropdownMenuRadioItem({ className, children, ...props }) {
-	return /* @__PURE__ */ jsxs(DropdownMenuPrimitive.RadioItem, {
+function DropdownMenuRadioItem({ className, children, inset, ...props }) {
+	return /* @__PURE__ */ jsxs(Menu.RadioItem, {
 		"data-slot": "dropdown-menu-radio-item",
-		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-inset": inset,
+		className: cn("relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground data-inset:pl-8 data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
 		...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("div", { className: "size-2 rounded-full bg-current" }) })
+			className: "pointer-events-none absolute right-2 flex items-center justify-center",
+			"data-slot": "dropdown-menu-radio-item-indicator",
+			children: /* @__PURE__ */ jsx(Menu.RadioItemIndicator, { children: /* @__PURE__ */ jsx(CheckIcon, {}) })
 		}), children]
 	});
 }
-function DropdownMenuLabel({ className, inset, ...props }) {
-	return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Label, {
-		"data-slot": "dropdown-menu-label",
-		"data-inset": inset,
-		className: cn("px-2 py-1.5 text-sm font-medium data-[inset]:pl-8", className),
-		...props
-	});
-}
 function DropdownMenuSeparator({ className, ...props }) {
-	return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Separator, {
+	return /* @__PURE__ */ jsx(Menu.Separator, {
 		"data-slot": "dropdown-menu-separator",
-		className: cn("bg-border -mx-1 my-1 h-px", className),
+		className: cn("-mx-1 my-1 h-px bg-border", className),
 		...props
 	});
 }
 function DropdownMenuShortcut({ className, ...props }) {
 	return /* @__PURE__ */ jsx("span", {
 		"data-slot": "dropdown-menu-shortcut",
-		className: cn("text-muted-foreground ml-auto text-xs tracking-widest", className),
+		className: cn("ml-auto text-xs tracking-widest text-muted-foreground group-focus/dropdown-menu-item:text-accent-foreground", className),
 		...props
 	});
 }
-function DropdownMenuSub({ ...props }) {
-	return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Sub, {
-		"data-slot": "dropdown-menu-sub",
+function DropdownMenuAddon({ className, ...props }) {
+	return /* @__PURE__ */ jsx("span", {
+		"data-slot": "dropdown-menu-addon",
+		className: cn("ml-auto shrink-0 inline-flex items-center", className),
 		...props
 	});
 }
-function DropdownMenuSubTrigger({ className, inset, children, ...props }) {
-	return /* @__PURE__ */ jsxs(DropdownMenuPrimitive.SubTrigger, {
-		"data-slot": "dropdown-menu-sub-trigger",
-		"data-inset": inset,
-		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),
-		...props,
-		children: [children, /* @__PURE__ */ jsx(ChevronRightOutline, { className: "ml-auto size-4" })]
+
+//#endregion
+//#region src/components/empty.tsx
+function Empty({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "empty",
+		className: cn("flex min-w-0 flex-1 flex-col items-center justify-center gap-4 rounded-lg p-6 text-center text-balance md:p-12", className),
+		...props
 	});
 }
-function DropdownMenuSubContent({ className, ...props }) {
-	return /* @__PURE__ */ jsx(DropdownMenuPrimitive.SubContent, {
-		"data-slot": "dropdown-menu-sub-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 min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-lg", className),
+function EmptyHeader({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "empty-header",
+		className: cn("flex max-w-sm flex-col items-center gap-2 text-center", className),
+		...props
+	});
+}
+const emptyMediaVariants = cva("flex shrink-0 items-center justify-center mb-2 [&_svg]:pointer-events-none [&_svg]:shrink-0", {
+	variants: { variant: {
+		default: "bg-transparent",
+		icon: "bg-muted text-foreground flex size-8 shrink-0 items-center justify-center rounded-lg [&_svg:not([class*='size-'])]:size-4"
+	} },
+	defaultVariants: { variant: "default" }
+});
+function EmptyMedia({ className, variant = "default", ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "empty-icon",
+		"data-variant": variant,
+		className: cn(emptyMediaVariants({
+			variant,
+			className
+		})),
+		...props
+	});
+}
+function EmptyTitle({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "empty-title",
+		className: cn("text-sm font-medium tracking-tight", className),
+		...props
+	});
+}
+function EmptyDescription({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "empty-description",
+		className: cn("text-muted-foreground [&>a:hover]:text-primary text-sm [&>a]:underline [&>a]:underline-offset-4", className),
+		...props
+	});
+}
+function EmptyContent({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "empty-content",
+		className: cn("flex w-full max-w-sm min-w-0 flex-col items-center gap-4 text-sm text-balance", className),
 		...props
 	});
 }
 
+//#endregion
+//#region src/components/dropzone.tsx
+const DropzoneContext = React$1.createContext(null);
+function useDropzoneContext() {
+	const ctx = React$1.useContext(DropzoneContext);
+	if (!ctx) throw new Error("Dropzone subcomponents must be rendered inside <Dropzone>.");
+	return ctx;
+}
+const DEFAULT_ERROR_MESSAGES = {
+	"too-many-files": ({ maxFiles }) => maxFiles === 1 ? "Only one file can be uploaded" : `Only ${maxFiles ?? "a few"} files can be uploaded`,
+	"file-too-large": ({ maxSize }) => maxSize ? `File is too large (max ${formatBytes(maxSize)})` : "File is too large",
+	"file-too-small": ({ minSize }) => minSize ? `File is too small (min ${formatBytes(minSize)})` : "File is too small",
+	"file-invalid-type": () => "This file type isn't allowed"
+};
+function formatBytes(bytes) {
+	if (bytes < 1024) return `${bytes} B`;
+	if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(0)} KB`;
+	return `${(bytes / 1024 / 1024).toFixed(0)} MB`;
+}
+function parseAccept(accept) {
+	if (!accept) return [];
+	return accept.split(",").map((p) => p.trim().toLowerCase()).filter(Boolean);
+}
+function matchesAccept(file, patterns) {
+	if (patterns.length === 0) return true;
+	const fileType = file.type.toLowerCase();
+	const fileName = file.name.toLowerCase();
+	return patterns.some((pattern) => {
+		if (pattern.startsWith(".")) return fileName.endsWith(pattern);
+		if (pattern.endsWith("/*")) return fileType.startsWith(pattern.slice(0, -1));
+		return fileType === pattern;
+	});
+}
+function matchesAcceptForDrag(type, patterns) {
+	if (patterns.length === 0) return true;
+	if (!type) return true;
+	const mimePatterns = patterns.filter((p) => !p.startsWith("."));
+	if (mimePatterns.length === 0) return true;
+	const lowerType = type.toLowerCase();
+	return mimePatterns.some((p) => p.endsWith("/*") ? lowerType.startsWith(p.slice(0, -1)) : lowerType === p);
+}
+function validateFiles(files, options) {
+	const { acceptPatterns, maxFiles, maxSize, minSize } = options;
+	if (files.length === 0) return [];
+	if (maxFiles !== void 0 && files.length > maxFiles) {
+		const message = DEFAULT_ERROR_MESSAGES["too-many-files"]({ maxFiles });
+		return files.map((file) => ({
+			file,
+			errors: [{
+				code: "too-many-files",
+				message
+			}]
+		}));
+	}
+	const rejections = [];
+	for (const file of files) {
+		const errors = [];
+		if (acceptPatterns.length > 0 && !matchesAccept(file, acceptPatterns)) errors.push({
+			code: "file-invalid-type",
+			message: DEFAULT_ERROR_MESSAGES["file-invalid-type"]({})
+		});
+		if (maxSize !== void 0 && file.size > maxSize) errors.push({
+			code: "file-too-large",
+			message: DEFAULT_ERROR_MESSAGES["file-too-large"]({ maxSize })
+		});
+		if (minSize !== void 0 && file.size < minSize) errors.push({
+			code: "file-too-small",
+			message: DEFAULT_ERROR_MESSAGES["file-too-small"]({ minSize })
+		});
+		if (errors.length > 0) rejections.push({
+			file,
+			errors
+		});
+	}
+	return rejections;
+}
+/**
+* Headless drop-target — handles drag/drop state, validation, and the hover
+* overlay. Has no visual chrome; wrap content in `<DropzoneContent>` for the
+* standard dashed-border look, or compose around any other control (textarea,
+* etc.) for file-drop on an arbitrary surface.
+*/
+const Dropzone = React$1.forwardRef(({ className, children, onFiles, onError, accept, multiple = false, maxFiles, maxSize, minSize, disabled = false, hoverMessage = "Drop your file here to upload", dragRejectMessage, onDragEnter, onDragLeave, onDragOver, ...props }, ref) => {
+	const inputRef = React$1.useRef(null);
+	const [isDragging, setIsDragging] = React$1.useState(false);
+	const [isDragReject, setIsDragReject] = React$1.useState(false);
+	const dragCounterRef = React$1.useRef(0);
+	const acceptPatterns = React$1.useMemo(() => parseAccept(accept), [accept]);
+	const open = React$1.useCallback(() => {
+		if (disabled) return;
+		inputRef.current?.click();
+	}, [disabled]);
+	const ctx = React$1.useMemo(() => ({
+		inputRef,
+		disabled,
+		open
+	}), [disabled, open]);
+	function processFiles(files) {
+		if (files.length === 0) return;
+		const rejections = validateFiles(files, {
+			acceptPatterns,
+			maxFiles: multiple ? maxFiles : 1,
+			maxSize,
+			minSize
+		});
+		const rejectedSet = new Set(rejections.map((r) => r.file));
+		const accepted = files.filter((f) => !rejectedSet.has(f));
+		if (accepted.length > 0) onFiles?.(accepted);
+		if (rejections.length > 0) onError?.(rejections);
+	}
+	function resetDragState() {
+		dragCounterRef.current = 0;
+		setIsDragging(false);
+		setIsDragReject(false);
+	}
+	function computeIsDragReject(items) {
+		if (dragRejectMessage == null || acceptPatterns.length === 0) return false;
+		return Array.from(items).some((item) => item.kind === "file" && !matchesAcceptForDrag(item.type, acceptPatterns));
+	}
+	function handleDragEnter(event) {
+		event.preventDefault();
+		if (disabled) return;
+		dragCounterRef.current += 1;
+		if (dragCounterRef.current === 1) setIsDragging(true);
+		setIsDragReject(computeIsDragReject(event.dataTransfer.items));
+		onDragEnter?.(event);
+	}
+	function handleDragLeave(event) {
+		event.preventDefault();
+		if (disabled) return;
+		dragCounterRef.current = Math.max(0, dragCounterRef.current - 1);
+		if (dragCounterRef.current === 0) {
+			setIsDragging(false);
+			setIsDragReject(false);
+		}
+		onDragLeave?.(event);
+	}
+	function handleDragOver(event) {
+		event.preventDefault();
+		if (!disabled) event.dataTransfer.dropEffect = "copy";
+		onDragOver?.(event);
+	}
+	function handleDrop(event) {
+		event.preventDefault();
+		resetDragState();
+		if (disabled) return;
+		processFiles(Array.from(event.dataTransfer.files));
+	}
+	const overlayState = !isDragging ? "idle" : isDragReject ? "reject" : "dragging";
+	const overlayMessage = isDragReject ? dragRejectMessage : hoverMessage;
+	return /* @__PURE__ */ jsx(DropzoneContext.Provider, {
+		value: ctx,
+		children: /* @__PURE__ */ jsxs("div", {
+			ref,
+			"data-slot": "dropzone",
+			"data-state": overlayState,
+			"data-disabled": disabled || void 0,
+			className: cn("group/dropzone relative", className),
+			onDragEnter: handleDragEnter,
+			onDragLeave: handleDragLeave,
+			onDragOver: handleDragOver,
+			onDrop: handleDrop,
+			...props,
+			children: [
+				/* @__PURE__ */ jsx("input", {
+					ref: inputRef,
+					type: "file",
+					accept,
+					multiple,
+					disabled,
+					className: "sr-only",
+					tabIndex: -1,
+					onClick: (event) => event.stopPropagation(),
+					onChange: (event) => {
+						processFiles(Array.from(event.target.files ?? []));
+						event.target.value = "";
+					}
+				}),
+				children,
+				/* @__PURE__ */ jsxs("div", {
+					"aria-hidden": true,
+					className: cn("pointer-events-none absolute inset-0 flex flex-col items-center justify-center gap-2 rounded-lg border border-dashed border-ring bg-accent text-sm font-medium text-foreground backdrop-blur-xl transition-opacity", "opacity-0 group-data-[state=dragging]/dropzone:opacity-100", "group-data-[state=reject]/dropzone:opacity-100 group-data-[state=reject]/dropzone:border-destructive group-data-[state=reject]/dropzone:bg-destructive-background group-data-[state=reject]/dropzone:text-destructive"),
+					children: [
+						/* @__PURE__ */ jsx(ArrowDownToLine, { className: "size-5 group-data-[state=reject]/dropzone:hidden" }),
+						/* @__PURE__ */ jsx(CircleAlert, { className: "hidden size-5 group-data-[state=reject]/dropzone:block" }),
+						overlayMessage != null && /* @__PURE__ */ jsx("p", { children: overlayMessage })
+					]
+				})
+			]
+		})
+	});
+});
+Dropzone.displayName = "Dropzone";
+/**
+* Visual file-picker card — dashed border, centered layout, and click /
+* Space / Enter open the picker. Omit it (and use `<DropzoneTrigger>`)
+* when you want file-drop on an existing surface instead.
+*/
+const DropzoneContent = React$1.forwardRef(({ className, error = false, onClick, onKeyDown, ...props }, ref) => {
+	const { open, disabled } = useDropzoneContext();
+	return /* @__PURE__ */ jsx("div", {
+		ref,
+		role: "button",
+		tabIndex: disabled ? -1 : 0,
+		"aria-disabled": disabled || void 0,
+		"aria-invalid": error || void 0,
+		"data-slot": "dropzone-content",
+		"data-disabled": disabled || void 0,
+		"data-error": error || void 0,
+		className: cn("flex min-w-0 flex-col items-center justify-center gap-2 rounded-lg border-2 border-dashed border-input bg-background p-6 text-center text-balance transition-colors", "outline-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50", "data-error:border-destructive", "data-disabled:cursor-not-allowed data-disabled:opacity-60 data-disabled:bg-muted", !disabled && "cursor-pointer hover:bg-muted/40", className),
+		onClick: (event) => {
+			if (!disabled) open();
+			onClick?.(event);
+		},
+		onKeyDown: (event) => {
+			if (!disabled && (event.key === "Enter" || event.key === " ")) {
+				event.preventDefault();
+				open();
+			}
+			onKeyDown?.(event);
+		},
+		...props
+	});
+});
+DropzoneContent.displayName = "DropzoneContent";
+/** `<EmptyMedia>` with `variant="icon"` baked in. */
+function DropzoneIcon({ variant = "icon", ...props }) {
+	return /* @__PURE__ */ jsx(EmptyMedia, {
+		"data-slot": "dropzone-icon",
+		variant,
+		...props
+	});
+}
+function DropzoneTitle({ className, ...props }) {
+	return /* @__PURE__ */ jsx(EmptyTitle, {
+		"data-slot": "dropzone-title",
+		className: cn("text-foreground", className),
+		...props
+	});
+}
+function DropzoneDescription(props) {
+	return /* @__PURE__ */ jsx(EmptyDescription, {
+		"data-slot": "dropzone-description",
+		...props
+	});
+}
+function DropzoneActions({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "dropzone-actions",
+		className: cn("mt-2 flex items-center gap-2", className),
+		onClick: (event) => event.stopPropagation(),
+		onKeyDown: (event) => event.stopPropagation(),
+		...props
+	});
+}
+/**
+* Opens the file picker on click. Default-renders a DS `<Button>`; pass
+* `render` (Base UI convention) to substitute another element.
+*/
+const DropzoneTrigger = React$1.forwardRef(({ render, onClick, ...props }, ref) => {
+	const { open, disabled } = useDropzoneContext();
+	return useRender({
+		defaultTagName: "button",
+		props: mergeProps({
+			ref,
+			type: "button",
+			"data-slot": "dropzone-trigger",
+			disabled,
+			onClick: (event) => {
+				event.stopPropagation();
+				open();
+				onClick?.(event);
+			}
+		}, props),
+		render: render ?? /* @__PURE__ */ jsx(Button, {})
+	});
+});
+DropzoneTrigger.displayName = "DropzoneTrigger";
+
 //#endregion
 //#region src/components/popover.tsx
 function Popover({ ...props }) {
-	return /* @__PURE__ */ jsx(PopoverPrimitive.Root, {
+	return /* @__PURE__ */ jsx(Popover$1.Root, {
 		"data-slot": "popover",
 		...props
 	});
 }
-function PopoverTrigger({ ...props }) {
-	return /* @__PURE__ */ jsx(PopoverPrimitive.Trigger, {
+const PopoverTrigger = React$1.forwardRef((props, ref) => {
+	return /* @__PURE__ */ jsx(Popover$1.Trigger, {
 		"data-slot": "popover-trigger",
+		ref,
 		...props
 	});
-}
-function PopoverContent({ className, align = "center", sideOffset = 4, ...props }) {
-	return /* @__PURE__ */ jsx(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx(PopoverPrimitive.Content, {
-		"data-slot": "popover-content",
+});
+PopoverTrigger.displayName = "PopoverTrigger";
+function PopoverContent({ className, align = "center", alignOffset = 0, side = "bottom", sideOffset = 4, ...props }) {
+	return /* @__PURE__ */ jsx(Popover$1.Portal, { children: /* @__PURE__ */ jsx(Popover$1.Positioner, {
 		align,
+		alignOffset,
+		side,
 		sideOffset,
-		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 w-72 origin-(--radix-popover-content-transform-origin) rounded-md border p-4 shadow-md outline-hidden", className),
-		...props
+		className: "isolate z-50",
+		children: /* @__PURE__ */ jsx(Popover$1.Popup, {
+			"data-slot": "popover-content",
+			className: cn("z-50 flex w-72 origin-(--transform-origin) flex-col gap-4 rounded-md bg-popover p-4 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=inline-end]:slide-in-from-left-2 data-[side=inline-start]:slide-in-from-right-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
+		})
 	}) });
 }
-function PopoverAnchor({ ...props }) {
-	return /* @__PURE__ */ jsx(PopoverPrimitive.Anchor, {
-		"data-slot": "popover-anchor",
+function PopoverHeader({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "popover-header",
+		className: cn("flex flex-col gap-0.5 text-sm", className),
+		...props
+	});
+}
+function PopoverTitle({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Popover$1.Title, {
+		"data-slot": "popover-title",
+		className: cn("font-bold", className),
+		...props
+	});
+}
+function PopoverDescription({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Popover$1.Description, {
+		"data-slot": "popover-description",
+		className: cn("text-muted-foreground", className),
 		...props
 	});
 }
@@ -1163,25 +2372,6 @@ function ThemeProvider({ children, ...props }) {
 	});
 }
 
-//#endregion
-//#region src/components/tooltip.tsx
-const TooltipProvider = TooltipPrimitive.Provider;
-const Tooltip = TooltipPrimitive.Root;
-const TooltipTrigger = TooltipPrimitive.Trigger;
-const TooltipContent = React$1.forwardRef(({ className, sideOffset = 4, collisionPadding = 4, container, forceMount, ...props }, ref) => /* @__PURE__ */ jsx(TooltipPrimitive.Portal, {
-	container,
-	forceMount,
-	children: /* @__PURE__ */ jsx(TooltipPrimitive.Content, {
-		ref,
-		sideOffset,
-		collisionPadding,
-		sticky: "partial",
-		className: cn("z-50 overflow-hidden rounded-md border bg-popover px-3 py-1.5 text-sm text-popover-foreground shadow-md animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2", className),
-		...props
-	})
-}));
-TooltipContent.displayName = TooltipPrimitive.Content.displayName;
-
 //#endregion
 //#region src/components/emoji-picker.tsx
 const EmojiPickerCategories = {
@@ -1195,120 +2385,104 @@ const EmojiPickerCategories = {
 	SYMBOLS: Categories.SYMBOLS,
 	FLAGS: Categories.FLAGS
 };
-const DefaultEmojiButton = React$1.forwardRef((props, ref) => /* @__PURE__ */ jsx(Button, {
-	...props,
-	ref,
-	variant: "outline",
-	size: "icon-sm"
-}));
-DefaultEmojiButton.displayName = "DefaultEmojiButton";
-function EmojiPicker({ disabled, tooltip = "Emoji", onEmojiSelect, className, triggerClassName, emojiClassName, searchPlaceholder, emojiListWidth = 300, DefaultTriggerComponent, categories }) {
+const EmojiPickerContext = React$1.createContext(null);
+function useEmojiPickerContext() {
+	const context = React$1.useContext(EmojiPickerContext);
+	if (!context) throw new Error("EmojiPicker compound components must be used inside <EmojiPicker>");
+	return context;
+}
+function EmojiPicker({ onEmojiSelect, children }) {
 	const [open, setOpen] = React$1.useState(false);
-	const { resolvedTheme } = useTheme();
-	const pickerTheme = resolvedTheme === "dark" ? Theme.DARK : Theme.LIGHT;
-	const handleSelect = React$1.useCallback((emojiData) => {
-		onEmojiSelect?.(emojiData.emoji);
+	const onSelect = React$1.useCallback((emoji) => {
+		onEmojiSelect?.(emoji);
 		setOpen(false);
 	}, [onEmojiSelect]);
-	return /* @__PURE__ */ jsxs(Popover, {
-		open,
-		onOpenChange: setOpen,
-		children: [/* @__PURE__ */ jsx(TooltipProvider, { children: /* @__PURE__ */ jsxs(Tooltip, { children: [/* @__PURE__ */ jsx(PopoverTrigger, {
-			asChild: true,
-			children: /* @__PURE__ */ jsx(TooltipTrigger, {
-				asChild: true,
-				children: /* @__PURE__ */ jsx(DefaultTriggerComponent || DefaultEmojiButton, {
-					type: "button",
-					"aria-label": "Open emoji picker",
-					disabled,
-					className: cn("data-[state=open]:bg-accent", triggerClassName),
-					children: /* @__PURE__ */ jsx(Emoji, { "aria-hidden": "true" })
-				})
-			})
-		}), /* @__PURE__ */ jsx(TooltipContent, { children: tooltip })] }) }), /* @__PURE__ */ jsx(PopoverContent, {
-			className: cn("p-0 w-64", className),
-			align: "start",
-			children: /* @__PURE__ */ jsx("div", {
-				className: cn("ds-emoji-picker", emojiClassName),
-				"data-emoji-class": true,
-				children: /* @__PURE__ */ jsx(EmojiReactPicker, {
-					lazyLoadEmojis: true,
-					emojiStyle: EmojiStyle.NATIVE,
-					suggestedEmojisMode: SuggestionMode.RECENT,
-					previewConfig: { showPreview: false },
-					onEmojiClick: handleSelect,
-					width: emojiListWidth,
-					searchPlaceHolder: searchPlaceholder,
-					categories,
-					theme: pickerTheme
-				})
-			})
-		})]
-	});
-}
-
-//#endregion
-//#region src/components/empty.tsx
-function Empty({ className, ...props }) {
-	return /* @__PURE__ */ jsx("div", {
-		"data-slot": "empty",
-		className: cn("flex min-w-0 flex-1 flex-col items-center justify-center gap-6 rounded-lg border-dashed p-6 text-center text-balance md:p-12", className),
-		...props
-	});
-}
-function EmptyHeader({ className, ...props }) {
-	return /* @__PURE__ */ jsx("div", {
-		"data-slot": "empty-header",
-		className: cn("flex max-w-sm flex-col items-center gap-2 text-center", className),
-		...props
-	});
-}
-const emptyMediaVariants = cva("flex shrink-0 items-center justify-center mb-2 [&_svg]:pointer-events-none [&_svg]:shrink-0", {
-	variants: { variant: {
-		default: "bg-transparent",
-		icon: "bg-muted text-foreground flex size-10 shrink-0 items-center justify-center rounded-lg [&_svg:not([class*='size-'])]:size-6"
-	} },
-	defaultVariants: { variant: "default" }
-});
-function EmptyMedia({ className, variant = "default", ...props }) {
-	return /* @__PURE__ */ jsx("div", {
-		"data-slot": "empty-icon",
-		"data-variant": variant,
-		className: cn(emptyMediaVariants({
-			variant,
-			className
-		})),
-		...props
-	});
-}
-function EmptyTitle({ className, ...props }) {
-	return /* @__PURE__ */ jsx("div", {
-		"data-slot": "empty-title",
-		className: cn("text-lg font-medium tracking-tight", className),
-		...props
+	const contextValue = React$1.useMemo(() => ({ onSelect }), [onSelect]);
+	return /* @__PURE__ */ jsx(EmojiPickerContext.Provider, {
+		value: contextValue,
+		children: /* @__PURE__ */ jsx(Popover, {
+			open,
+			onOpenChange: setOpen,
+			children
+		})
 	});
 }
-function EmptyDescription({ className, ...props }) {
-	return /* @__PURE__ */ jsx("div", {
-		"data-slot": "empty-description",
-		className: cn("text-muted-foreground [&>a:hover]:text-primary text-sm/relaxed [&>a]:underline [&>a]:underline-offset-4", className),
-		...props
+const EmojiPickerTrigger = React$1.forwardRef(({ render, children, ...props }, ref) => /* @__PURE__ */ jsx(PopoverTrigger, {
+	ref,
+	"aria-label": "Emoji",
+	render: render ?? /* @__PURE__ */ jsx(Button, {
+		variant: "outline",
+		size: "icon"
+	}),
+	...props,
+	children: children ?? /* @__PURE__ */ jsx(Smile, { "aria-hidden": "true" })
+}));
+EmojiPickerTrigger.displayName = "EmojiPickerTrigger";
+function EmojiPickerContent({ className, align = "start", searchPlaceholder, categories, width = 300, suggestedEmojisMode = SuggestionMode.RECENT, ...props }) {
+	const { onSelect } = useEmojiPickerContext();
+	const { resolvedTheme } = useTheme();
+	const pickerTheme = resolvedTheme === "dark" ? Theme.DARK : Theme.LIGHT;
+	const handleClick = React$1.useCallback((emojiData) => onSelect(emojiData.emoji), [onSelect]);
+	return /* @__PURE__ */ jsx(PopoverContent, {
+		"aria-label": "Choose an emoji",
+		className: cn("p-0 w-auto overflow-hidden ring-foreground/5", className),
+		align,
+		...props,
+		children: /* @__PURE__ */ jsx("div", {
+			className: "ds-emoji-picker",
+			children: /* @__PURE__ */ jsx(EmojiReactPicker, {
+				lazyLoadEmojis: true,
+				emojiStyle: EmojiStyle.NATIVE,
+				suggestedEmojisMode,
+				previewConfig: { showPreview: false },
+				onEmojiClick: handleClick,
+				width,
+				searchPlaceHolder: searchPlaceholder,
+				categories,
+				theme: pickerTheme
+			})
+		})
 	});
 }
-function EmptyContent({ className, ...props }) {
-	return /* @__PURE__ */ jsx("div", {
-		"data-slot": "empty-content",
-		className: cn("flex w-full max-w-sm min-w-0 flex-col items-center gap-4 text-sm text-balance", className),
+
+//#endregion
+//#region src/components/fab.tsx
+const fabVariants = cva("group/fab inline-flex shrink-0 items-center justify-center rounded-md shadow-lg font-semibold whitespace-nowrap transition-all outline-none select-none focus-visible:ring-3 focus-visible:ring-ring/50 active:not-aria-[haspopup]:translate-y-px active:not-aria-[haspopup]:shadow-md [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-6", {
+	variants: {
+		variant: {
+			default: "bg-primary text-primary-foreground hover:bg-primary/90 aria-expanded:bg-primary/90",
+			outline: "border border-input bg-background hover:bg-muted hover:text-accent-foreground focus-visible:border-ring aria-expanded:bg-muted active:bg-muted dark:border-input dark:bg-input/30 dark:hover:bg-input/50 dark:active:bg-input/50"
+		},
+		size: {
+			lg: "h-10 gap-2 px-4 text-base",
+			"icon-lg": "size-10"
+		}
+	},
+	defaultVariants: {
+		variant: "default",
+		size: "icon-lg"
+	}
+});
+const FAB = React$1.forwardRef(({ className, variant, size, ...props }, ref) => {
+	return /* @__PURE__ */ jsx(Button$1, {
+		ref,
+		"data-slot": "fab",
+		className: cn(fabVariants({
+			variant,
+			size,
+			className
+		})),
 		...props
 	});
-}
+});
+FAB.displayName = "FAB";
 
 //#endregion
 //#region src/components/label.tsx
 function Label({ className, ...props }) {
-	return /* @__PURE__ */ jsx(LabelPrimitive.Root, {
+	return /* @__PURE__ */ jsx("label", {
 		"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),
+		className: cn("flex items-center gap-2 text-sm leading-normal 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 peer-data-disabled:opacity-50", className),
 		...props
 	});
 }
@@ -1318,7 +2492,7 @@ function Label({ className, ...props }) {
 function FieldSet({ className, ...props }) {
 	return /* @__PURE__ */ jsx("fieldset", {
 		"data-slot": "field-set",
-		className: cn("flex flex-col gap-6", "has-[>[data-slot=checkbox-group]]:gap-3 has-[>[data-slot=radio-group]]:gap-3", className),
+		className: cn("flex flex-col gap-4 has-[>[data-slot=checkbox-group]]:gap-3 has-[>[data-slot=radio-group]]:gap-3", className),
 		...props
 	});
 }
@@ -1326,30 +2500,22 @@ function FieldLegend({ className, variant = "legend", ...props }) {
 	return /* @__PURE__ */ jsx("legend", {
 		"data-slot": "field-legend",
 		"data-variant": variant,
-		className: cn("mb-3 font-medium", "data-[variant=legend]:text-base", "data-[variant=label]:text-sm", className),
+		className: cn("mb-1.5 font-medium leading-normal data-[variant=label]:text-sm data-[variant=legend]:text-base", className),
 		...props
 	});
 }
 function FieldGroup({ className, ...props }) {
 	return /* @__PURE__ */ jsx("div", {
 		"data-slot": "field-group",
-		className: cn("group/field-group @container/field-group flex w-full flex-col gap-7 data-[slot=checkbox-group]:gap-3 [&>[data-slot=field-group]]:gap-4", className),
+		className: cn("group/field-group @container/field-group flex w-full flex-col gap-6 data-[slot=checkbox-group]:gap-3 *:data-[slot=field-group]:gap-4", className),
 		...props
 	});
 }
-const fieldVariants = cva("group/field flex w-full gap-3 data-[invalid=true]:text-destructive", {
+const fieldVariants = cva("group/field flex w-full gap-2 data-[invalid=true]:text-destructive", {
 	variants: { orientation: {
-		vertical: ["flex-col [&>*]:w-full [&>.sr-only]:w-auto"],
-		horizontal: [
-			"flex-row items-center",
-			"[&>[data-slot=field-label]]:flex-auto",
-			"has-[>[data-slot=field-content]]:items-start has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px"
-		],
-		responsive: [
-			"flex-col [&>*]:w-full [&>.sr-only]:w-auto @md/field-group:flex-row @md/field-group:items-center @md/field-group:[&>*]:w-auto",
-			"@md/field-group:[&>[data-slot=field-label]]:flex-auto",
-			"@md/field-group:has-[>[data-slot=field-content]]:items-start @md/field-group:has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px"
-		]
+		vertical: "flex-col *:w-full [&>.sr-only]:w-auto",
+		horizontal: "flex-row items-center has-[>[data-slot=field-content]]:items-start *:data-[slot=field-label]:flex-auto has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px",
+		responsive: "flex-col *:w-full @md/field-group:flex-row @md/field-group:items-center @md/field-group:*:w-auto @md/field-group:has-[>[data-slot=field-content]]:items-start @md/field-group:*:data-[slot=field-label]:flex-auto [&>.sr-only]:w-auto @md/field-group:has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px"
 	} },
 	defaultVariants: { orientation: "vertical" }
 });
@@ -1365,28 +2531,28 @@ function Field({ className, orientation = "vertical", ...props }) {
 function FieldContent({ className, ...props }) {
 	return /* @__PURE__ */ jsx("div", {
 		"data-slot": "field-content",
-		className: cn("group/field-content flex flex-1 flex-col gap-1.5 leading-snug", className),
+		className: cn("group/field-content flex flex-1 flex-col gap-2 leading-normal", className),
 		...props
 	});
 }
 function FieldLabel({ className, ...props }) {
 	return /* @__PURE__ */ jsx(Label, {
 		"data-slot": "field-label",
-		className: cn("group/field-label peer/field-label flex w-fit gap-2 leading-snug group-data-[disabled=true]/field:opacity-50", "has-[>[data-slot=field]]:w-full has-[>[data-slot=field]]:flex-col has-[>[data-slot=field]]:rounded-md has-[>[data-slot=field]]:border [&>*]:data-[slot=field]:p-4", "has-data-[state=checked]:bg-primary/5 has-data-[state=checked]:border-primary dark:has-data-[state=checked]:bg-primary/10", className),
+		className: cn("group/field-label peer/field-label flex w-fit gap-2 leading-normal group-data-[disabled=true]/field:opacity-50 has-data-checked:border-primary/30 has-data-checked:bg-primary/5 has-[>[data-slot=field]]:rounded-lg has-[>[data-slot=field]]:border *:data-[slot=field]:p-4 dark:has-data-checked:border-primary/20 dark:has-data-checked:bg-primary/10", "has-[>[data-slot=field]]:w-full has-[>[data-slot=field]]:flex-col", className),
 		...props
 	});
 }
 function FieldTitle({ className, ...props }) {
 	return /* @__PURE__ */ jsx("div", {
 		"data-slot": "field-label",
-		className: cn("flex w-fit items-center gap-2 text-sm leading-snug font-medium group-data-[disabled=true]/field:opacity-50", className),
+		className: cn("flex w-fit items-center gap-2 text-sm leading-normal font-medium group-data-[disabled=true]/field:opacity-50", className),
 		...props
 	});
 }
 function FieldDescription({ className, ...props }) {
 	return /* @__PURE__ */ jsx("p", {
 		"data-slot": "field-description",
-		className: cn("text-muted-foreground text-sm leading-normal font-normal group-has-[[data-orientation=horizontal]]/field:text-balance", "last:mt-0 nth-last-2:-mt-1 [[data-variant=legend]+&]:-mt-1.5", "[&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4", className),
+		className: cn("text-left text-sm leading-normal font-normal text-muted-foreground group-has-[[data-orientation=horizontal]]/field:text-balance [[data-variant=legend]+&]:-mt-1.5", "last:mt-0 nth-last-2:-mt-1", "[&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary", className),
 		...props
 	});
 }
@@ -1397,7 +2563,7 @@ function FieldSeparator({ children, className, ...props }) {
 		className: cn("relative -my-2 h-5 text-sm group-data-[variant=outline]/field-group:-mb-2", className),
 		...props,
 		children: [/* @__PURE__ */ jsx(Separator, { className: "absolute inset-0 top-1/2" }), children && /* @__PURE__ */ jsx("span", {
-			className: "bg-background text-muted-foreground relative mx-auto block w-fit px-2",
+			className: "relative mx-auto block w-fit bg-background px-2 text-muted-foreground",
 			"data-slot": "field-separator-content",
 			children
 		})]
@@ -1418,26 +2584,55 @@ function FieldError({ className, children, errors, ...props }) {
 	return /* @__PURE__ */ jsx("div", {
 		role: "alert",
 		"data-slot": "field-error",
-		className: cn("text-destructive text-sm font-normal", className),
+		className: cn("text-sm leading-normal font-normal text-destructive", className),
 		...props,
 		children: content
 	});
 }
 
+//#endregion
+//#region src/components/gauge.tsx
+const GAUGES = 8;
+function getSegmentState(index, value) {
+	if (index >= value) return "empty";
+	if (value === GAUGES) return "filled";
+	const distanceFromHead = value - 1 - index;
+	if (distanceFromHead === 0) return "head";
+	if (distanceFromHead === 1) return "trailing";
+	return "filled";
+}
+function Gauge({ className, value, ...props }) {
+	const clampedValue = Math.max(0, Math.min(value, GAUGES));
+	return /* @__PURE__ */ jsx("div", {
+		role: "meter",
+		"aria-valuenow": clampedValue,
+		"aria-valuemin": 0,
+		"aria-valuemax": GAUGES,
+		"data-slot": "gauge",
+		className: cn("flex w-full items-center gap-3", className),
+		...props,
+		children: Array.from({ length: GAUGES }, (_, index) => {
+			const state = getSegmentState(index, clampedValue);
+			return /* @__PURE__ */ jsx("div", {
+				"data-slot": "gauge-item",
+				"data-state": state,
+				className: "relative h-3 flex-1 overflow-hidden rounded-full bg-muted",
+				children: /* @__PURE__ */ jsx("div", {
+					"data-slot": "gauge-indicator",
+					className: cn("absolute inset-0 bg-primary transition-opacity", "data-[state=empty]:opacity-0", "data-[state=head]:opacity-35", "data-[state=trailing]:opacity-65", "data-[state=filled]:opacity-100"),
+					"data-state": state
+				})
+			}, index);
+		})
+	});
+}
+
 //#endregion
 //#region src/components/input-otp.tsx
-const inputOTPVariants = cva("", {
-	variants: { sizing: {
-		default: "**:data-[slot=input-otp-slot]:h-9 **:data-[slot=input-otp-slot]:w-9",
-		sm: "**:data-[slot=input-otp-slot]:h-8 **:data-[slot=input-otp-slot]:w-8",
-		lg: "**:data-[slot=input-otp-slot]:h-12 **:data-[slot=input-otp-slot]:w-12"
-	} },
-	defaultVariants: { sizing: "default" }
-});
-function InputOTP({ className, containerClassName, sizing, ...props }) {
+function InputOTP({ className, containerClassName, ...props }) {
 	return /* @__PURE__ */ jsx(OTPInput, {
 		"data-slot": "input-otp",
-		containerClassName: cn("flex items-center gap-2 has-disabled:opacity-50", inputOTPVariants({ sizing }), containerClassName),
+		containerClassName: cn("flex items-center gap-2 has-disabled:opacity-50 **:data-[slot=input-otp-slot]:h-12 **:data-[slot=input-otp-slot]:w-12 has-[input[aria-invalid=true]]:**:data-[slot=input-otp-slot]:border-destructive has-[input[aria-invalid=true]]:**:data-[slot=input-otp-slot]:data-[active=true]:ring-destructive/20 dark:has-[input[aria-invalid=true]]:**:data-[slot=input-otp-slot]:data-[active=true]:ring-destructive/40", containerClassName),
 		className: cn("disabled:cursor-not-allowed", className),
 		...props
 	});
@@ -1454,7 +2649,7 @@ function InputOTPSlot({ index, className, ...props }) {
 	return /* @__PURE__ */ jsxs("div", {
 		"data-slot": "input-otp-slot",
 		"data-active": isActive,
-		className: cn("data-[active=true]:border-ring data-[active=true]:ring-ring/50 data-[active=true]:aria-invalid:ring-destructive/20 dark:data-[active=true]:aria-invalid:ring-destructive/40 aria-invalid:border-destructive data-[active=true]:aria-invalid:border-destructive dark:bg-input/30 border-input relative flex items-center justify-center border-y border-r text-sm shadow-xs transition-all outline-none first:rounded-l-md first:border-l last:rounded-r-md data-[active=true]:z-10 data-[active=true]:ring-[3px]", className),
+		className: cn("data-[active=true]:border-ring data-[active=true]:ring-ring/50 dark:bg-input/30 border-input relative flex items-center justify-center border-y border-r text-sm transition-all outline-none first:rounded-l-md first:border-l last:rounded-r-md data-[active=true]:z-10 data-[active=true]:ring-3", className),
 		...props,
 		children: [char, hasFakeCaret && /* @__PURE__ */ jsx("div", {
 			className: "pointer-events-none absolute inset-0 flex items-center justify-center",
@@ -1479,7 +2674,7 @@ const ItemGroup = React$1.forwardRef(({ className, stackedItems = false, ...prop
 		role: "list",
 		"data-slot": "item-group",
 		"data-stacked": stackedItems ? "" : void 0,
-		className: cn("group/item-group flex flex-col", stackedItems ? "*:has-[+[data-slot=item]]:rounded-b-none *:[[data-slot=item]+[data-slot=item]]:rounded-t-none *:[[data-slot=item]+[data-slot=item]]:border-t-0" : "", className),
+		className: cn("group/item-group flex w-full flex-col", stackedItems ? "*:has-[+[data-slot=item]]:rounded-b-none *:[[data-slot=item]+[data-slot=item]]:rounded-t-none *:[[data-slot=item]+[data-slot=item]]:border-t-0" : "gap-4 has-data-[size=sm]:gap-2.5 has-data-[size=xs]:gap-2", className),
 		...props
 	});
 });
@@ -1488,20 +2683,21 @@ function ItemSeparator({ className, ...props }) {
 	return /* @__PURE__ */ jsx(Separator, {
 		"data-slot": "item-separator",
 		orientation: "horizontal",
-		className: cn("my-0", className),
+		className: cn("my-2", className),
 		...props
 	});
 }
-const itemVariants = cva("group/item flex items-center text-sm transition-colors [a]:hover:bg-accent/50 [a]:transition-colors duration-100 flex-wrap outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]", {
+const itemVariants = cva("group/item flex w-full flex-wrap items-center rounded-md border text-sm transition-colors duration-100 outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 [a]:transition-colors [a]:hover:bg-muted", {
 	variants: {
 		variant: {
-			default: "bg-transparent rounded-md",
-			outline: "border border-border rounded-md",
-			muted: "bg-muted/50 rounded-md"
+			default: "border-transparent",
+			outline: "border-border",
+			muted: "border-transparent bg-muted/50"
 		},
 		size: {
-			default: "p-4 gap-4",
-			sm: "p-3 gap-2.5"
+			default: "gap-3.5 px-4 py-3.5",
+			sm: "gap-2.5 px-3 py-2.5",
+			xs: "gap-2 px-2.5 py-2 in-data-[slot=dropdown-menu-content]:p-0"
 		}
 	},
 	defaultVariants: {
@@ -1509,26 +2705,31 @@ const itemVariants = cva("group/item flex items-center text-sm transition-colors
 		size: "default"
 	}
 });
-const Item = React$1.forwardRef(({ className, variant = "default", size = "default", asChild = false, ...props }, ref) => {
-	return /* @__PURE__ */ jsx(asChild ? Slot$1 : "div", {
-		ref,
-		"data-slot": "item",
-		"data-variant": variant,
-		"data-size": size,
-		className: cn(itemVariants({
+const Item = React$1.forwardRef(({ className, variant = "default", size = "default", render, ...props }, ref) => {
+	return useRender({
+		defaultTagName: "div",
+		props: mergeProps({
+			className: cn(itemVariants({
+				variant,
+				size,
+				className
+			})),
+			ref
+		}, props),
+		render,
+		state: {
+			slot: "item",
 			variant,
-			size,
-			className
-		})),
-		...props
+			size
+		}
 	});
 });
 Item.displayName = "Item";
-const itemMediaVariants = cva("flex shrink-0 items-center justify-center gap-2 group-has-[[data-slot=item-description]]/item:self-start [&_svg]:pointer-events-none group-has-[[data-slot=item-description]]/item:translate-y-0.5", {
+const itemMediaVariants = cva("flex shrink-0 items-center justify-center gap-2 group-has-data-[slot=item-description]/item:translate-y-0.5 group-has-data-[slot=item-description]/item:self-start [&_svg]:pointer-events-none", {
 	variants: { variant: {
 		default: "bg-transparent",
-		icon: "size-8 border rounded-sm bg-muted [&_svg:not([class*='size-'])]:size-4",
-		image: "size-10 rounded-sm overflow-hidden [&_img]:size-full [&_img]:object-cover"
+		icon: "[&_svg:not([class*='size-'])]:size-4",
+		image: "size-10 overflow-hidden rounded-sm group-data-[size=sm]/item:size-8 group-data-[size=xs]/item:size-6 [&_img]:size-full [&_img]:object-cover"
 	} },
 	defaultVariants: { variant: "default" }
 });
@@ -1549,7 +2750,7 @@ const ItemContent = React$1.forwardRef(({ className, ...props }, ref) => {
 	return /* @__PURE__ */ jsx("div", {
 		ref,
 		"data-slot": "item-content",
-		className: cn("flex flex-1 flex-col gap-1 [&+[data-slot=item-content]]:flex-none", className),
+		className: cn("flex flex-1 flex-col gap-1 group-data-[size=xs]/item:gap-0 [&+[data-slot=item-content]]:flex-none", className),
 		...props
 	});
 });
@@ -1558,7 +2759,7 @@ const ItemTitle = React$1.forwardRef(({ className, ...props }, ref) => {
 	return /* @__PURE__ */ jsx("div", {
 		ref,
 		"data-slot": "item-title",
-		className: cn("flex w-fit items-center gap-2 text-sm leading-snug font-medium", className),
+		className: cn("line-clamp-1 flex w-fit items-center gap-2 text-sm leading-snug font-medium underline-offset-4", className),
 		...props
 	});
 });
@@ -1567,7 +2768,7 @@ const ItemDescription = React$1.forwardRef(({ className, ...props }, ref) => {
 	return /* @__PURE__ */ jsx("p", {
 		ref,
 		"data-slot": "item-description",
-		className: cn("text-muted-foreground line-clamp-2 text-sm leading-normal font-normal text-balance", "[&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4", className),
+		className: cn("line-clamp-2 text-left text-sm leading-normal font-normal text-muted-foreground group-data-[size=xs]/item:text-xs [&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary", className),
 		...props
 	});
 });
@@ -1625,208 +2826,294 @@ const ListCol = ({ grow, wrap, children, className, ...props }) => {
 	});
 };
 
+//#endregion
+//#region src/components/pagination.tsx
+function Pagination({ className, ...props }) {
+	return /* @__PURE__ */ jsx("nav", {
+		role: "navigation",
+		"aria-label": "pagination",
+		"data-slot": "pagination",
+		className: cn("mx-auto flex w-full justify-center", className),
+		...props
+	});
+}
+function PaginationContent({ className, ...props }) {
+	return /* @__PURE__ */ jsx("ul", {
+		"data-slot": "pagination-content",
+		className: cn("flex items-center gap-1", className),
+		...props
+	});
+}
+function PaginationItem({ ...props }) {
+	return /* @__PURE__ */ jsx("li", {
+		"data-slot": "pagination-item",
+		...props
+	});
+}
+function PaginationLink({ className, isActive, size = "icon", ...props }) {
+	return /* @__PURE__ */ jsx(Button, {
+		variant: isActive ? "outline" : "ghost",
+		size,
+		className: cn(className),
+		nativeButton: false,
+		render: /* @__PURE__ */ jsx("a", {
+			"aria-current": isActive ? "page" : void 0,
+			"data-slot": "pagination-link",
+			"data-active": isActive,
+			...props
+		})
+	});
+}
+function PaginationPrevious({ className, text = "Previous", ...props }) {
+	return /* @__PURE__ */ jsxs(PaginationLink, {
+		"aria-label": "Go to previous page",
+		size: "default",
+		className: cn("pl-2!", className),
+		...props,
+		children: [/* @__PURE__ */ jsx(ChevronLeftIcon, { "data-icon": "inline-start" }), /* @__PURE__ */ jsx("span", {
+			className: "hidden sm:block",
+			children: text
+		})]
+	});
+}
+function PaginationNext({ className, text = "Next", ...props }) {
+	return /* @__PURE__ */ jsxs(PaginationLink, {
+		"aria-label": "Go to next page",
+		size: "default",
+		className: cn("pr-2!", className),
+		...props,
+		children: [/* @__PURE__ */ jsx("span", {
+			className: "hidden sm:block",
+			children: text
+		}), /* @__PURE__ */ jsx(ChevronRightIcon, { "data-icon": "inline-end" })]
+	});
+}
+function PaginationEllipsis({ className, ...props }) {
+	return /* @__PURE__ */ jsxs("span", {
+		"aria-hidden": true,
+		"data-slot": "pagination-ellipsis",
+		className: cn("flex size-9 items-center justify-center [&_svg:not([class*='size-'])]:size-4", className),
+		...props,
+		children: [/* @__PURE__ */ jsx(MoreHorizontalIcon, {}), /* @__PURE__ */ jsx("span", {
+			className: "sr-only",
+			children: "More pages"
+		})]
+	});
+}
+
 //#endregion
 //#region src/components/progress.tsx
-function Progress({ className, value, ...props }) {
-	return /* @__PURE__ */ jsx(ProgressPrimitive.Root, {
+function Progress({ className, children, value, ...props }) {
+	return /* @__PURE__ */ jsxs(Progress$1.Root, {
+		value,
 		"data-slot": "progress",
-		className: cn("bg-primary/20 relative h-2 w-full overflow-hidden rounded-full", className),
+		className: cn("flex flex-wrap gap-3", className),
 		...props,
-		children: /* @__PURE__ */ jsx(ProgressPrimitive.Indicator, {
-			"data-slot": "progress-indicator",
-			className: "bg-primary h-full w-full flex-1 transition-all",
-			style: { transform: `translateX(-${100 - (value || 0)}%)` }
-		})
+		children: [children, /* @__PURE__ */ jsx(ProgressTrack, { children: /* @__PURE__ */ jsx(ProgressIndicator, {}) })]
+	});
+}
+function ProgressTrack({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Progress$1.Track, {
+		className: cn("relative flex h-1 w-full items-center overflow-x-hidden rounded-full bg-muted", className),
+		"data-slot": "progress-track",
+		...props
+	});
+}
+function ProgressIndicator({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Progress$1.Indicator, {
+		"data-slot": "progress-indicator",
+		className: cn("h-full bg-primary transition-all", className),
+		...props
+	});
+}
+function ProgressLabel({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Progress$1.Label, {
+		className: cn("text-sm font-medium", className),
+		"data-slot": "progress-label",
+		...props
+	});
+}
+function ProgressValue({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Progress$1.Value, {
+		className: cn("ml-auto text-sm text-muted-foreground tabular-nums", className),
+		"data-slot": "progress-value",
+		...props
 	});
 }
 
 //#endregion
 //#region src/components/radio-group.tsx
 function RadioGroup({ className, ...props }) {
-	return /* @__PURE__ */ jsx(RadioGroupPrimitive.Root, {
+	return /* @__PURE__ */ jsx(RadioGroup$1, {
 		"data-slot": "radio-group",
-		className: cn("grid gap-3", className),
+		className: cn("grid w-full gap-3", className),
 		...props
 	});
 }
 function RadioGroupItem({ className, ...props }) {
-	return /* @__PURE__ */ jsx(RadioGroupPrimitive.Item, {
+	return /* @__PURE__ */ jsx(Radio.Root, {
 		"data-slot": "radio-group-item",
-		className: cn("border-input text-primary 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:bg-input/30 aspect-square size-4 shrink-0 rounded-full border shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50", className),
+		className: cn("group/radio-group-item peer relative flex aspect-square size-4 shrink-0 rounded-full border border-input outline-none transition-[color,box-shadow,opacity] active:opacity-60 after:absolute after:-inset-x-3 after:-inset-y-2 focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 data-disabled:pointer-events-none data-disabled:cursor-not-allowed data-disabled:opacity-50 aria-invalid:border-destructive focus-visible:aria-invalid:ring-3 focus-visible:aria-invalid:ring-destructive/20 dark:bg-input/30 dark:aria-invalid:border-destructive/50 dark:focus-visible:aria-invalid:ring-destructive/40 data-checked:border-primary aria-invalid:data-checked:border-destructive", className),
 		...props,
-		children: /* @__PURE__ */ jsx(RadioGroupPrimitive.Indicator, {
+		children: /* @__PURE__ */ jsx(Radio.Indicator, {
 			"data-slot": "radio-group-indicator",
-			className: "relative flex items-center justify-center",
-			children: /* @__PURE__ */ jsx(CircleIcon, { className: "fill-primary absolute top-1/2 left-1/2 size-2 -translate-x-1/2 -translate-y-1/2" })
-		})
-	});
-}
-
-//#endregion
-//#region src/components/scroll-area.tsx
-function ScrollArea({ className, children, ...props }) {
-	return /* @__PURE__ */ jsxs(ScrollAreaPrimitive.Root, {
-		"data-slot": "scroll-area",
-		className: cn("relative", className),
-		...props,
-		children: [
-			/* @__PURE__ */ jsx(ScrollAreaPrimitive.Viewport, {
-				"data-slot": "scroll-area-viewport",
-				className: "focus-visible:ring-ring/50 size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:outline-1",
-				children
-			}),
-			/* @__PURE__ */ jsx(ScrollBar, {}),
-			/* @__PURE__ */ jsx(ScrollAreaPrimitive.Corner, {})
-		]
-	});
-}
-function ScrollBar({ className, orientation = "vertical", ...props }) {
-	return /* @__PURE__ */ jsx(ScrollAreaPrimitive.ScrollAreaScrollbar, {
-		"data-slot": "scroll-area-scrollbar",
-		orientation,
-		className: cn("flex touch-none p-px transition-colors select-none", orientation === "vertical" && "h-full w-2.5 border-l border-l-transparent", orientation === "horizontal" && "h-2.5 flex-col border-t border-t-transparent", className),
-		...props,
-		children: /* @__PURE__ */ jsx(ScrollAreaPrimitive.ScrollAreaThumb, {
-			"data-slot": "scroll-area-thumb",
-			className: "bg-border relative flex-1 rounded-full"
+			className: "flex size-full items-center justify-center",
+			children: /* @__PURE__ */ jsx("span", { className: "size-2 rounded-full bg-primary group-aria-invalid/radio-group-item:bg-destructive" })
 		})
 	});
 }
 
 //#endregion
 //#region src/components/select.tsx
-function Select({ ...props }) {
-	return /* @__PURE__ */ jsx(SelectPrimitive.Root, {
-		"data-slot": "select",
-		...props
-	});
-}
-function SelectGroup({ ...props }) {
-	return /* @__PURE__ */ jsx(SelectPrimitive.Group, {
+const selectTriggerVariants = cva("flex w-fit items-center justify-between rounded-md border border-input bg-transparent py-2 text-sm whitespace-nowrap transition-colors outline-none select-none hover:border-ring focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:bg-input/50 disabled:opacity-50 aria-invalid:border-destructive focus-visible:aria-invalid:ring-3 focus-visible:aria-invalid:ring-destructive/20 data-placeholder:text-muted-foreground *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-1.5 dark:bg-input/30 dark:disabled:bg-input/80 dark:aria-invalid:border-destructive/50 dark:focus-visible:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", {
+	variants: { size: {
+		default: "h-10 gap-2 px-3",
+		sm: "h-8 gap-1.5 px-2"
+	} },
+	defaultVariants: { size: "default" }
+});
+const Select = Select$1.Root;
+function SelectGroup({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Select$1.Group, {
 		"data-slot": "select-group",
+		className: cn("scroll-my-1", className),
 		...props
 	});
 }
-function SelectValue({ ...props }) {
-	return /* @__PURE__ */ jsx(SelectPrimitive.Value, {
+function SelectValue({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Select$1.Value, {
 		"data-slot": "select-value",
+		className: cn("flex flex-1 text-left", className),
 		...props
 	});
 }
 function SelectTrigger({ className, size = "default", children, ...props }) {
-	return /* @__PURE__ */ jsxs(SelectPrimitive.Trigger, {
+	return /* @__PURE__ */ jsxs(Select$1.Trigger, {
 		"data-slot": "select-trigger",
 		"data-size": size,
-		className: cn("border-input data-[placeholder]:text-muted-foreground [&_svg:not([class*='text-'])]:text-muted-foreground 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:bg-input/30 dark:hover:bg-input/50 flex w-fit items-center justify-between gap-2 rounded-md border bg-transparent px-3 py-2 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
+		className: cn(selectTriggerVariants({ size }), className),
 		...props,
-		children: [children, /* @__PURE__ */ jsx(SelectPrimitive.Icon, {
-			asChild: true,
-			children: /* @__PURE__ */ jsx(ChevronDownOutline, { className: "size-4 opacity-50" })
-		})]
+		children: [children, /* @__PURE__ */ jsx(Select$1.Icon, { render: /* @__PURE__ */ jsx(ChevronDownIcon, { className: "pointer-events-none size-4 text-muted-foreground" }) })]
 	});
 }
-function SelectContent({ className, children, position = "popper", ...props }) {
-	return /* @__PURE__ */ jsx(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs(SelectPrimitive.Content, {
-		"data-slot": "select-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 relative z-50 max-h-(--radix-select-content-available-height) min-w-[8rem] origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border shadow-md", 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,
-		...props,
-		children: [
-			/* @__PURE__ */ jsx(SelectScrollUpButton, {}),
-			/* @__PURE__ */ jsx(SelectPrimitive.Viewport, {
-				className: cn("p-1", position === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1"),
-				children
-			}),
-			/* @__PURE__ */ jsx(SelectScrollDownButton, {})
-		]
+function SelectContent({ className, children, side = "bottom", sideOffset = 4, align = "start", alignOffset = 0, alignItemWithTrigger = false, ...props }) {
+	return /* @__PURE__ */ jsx(Select$1.Portal, { children: /* @__PURE__ */ jsx(Select$1.Positioner, {
+		side,
+		sideOffset,
+		align,
+		alignOffset,
+		alignItemWithTrigger,
+		className: "isolate z-50",
+		children: /* @__PURE__ */ jsxs(Select$1.Popup, {
+			"data-slot": "select-content",
+			"data-align-trigger": alignItemWithTrigger,
+			className: cn("relative isolate z-50 max-h-(--available-height) min-w-36 origin-(--transform-origin) overflow-x-hidden overflow-y-auto rounded-md p-1 bg-popover text-popover-foreground shadow-md ring-1 ring-foreground/10 duration-100 data-[align-trigger=true]:animate-none data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-left-2 data-[side=inline-start]:slide-in-from-right-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,
+			children: [
+				/* @__PURE__ */ jsx(SelectScrollUpButton, {}),
+				/* @__PURE__ */ jsx(Select$1.List, { children }),
+				/* @__PURE__ */ jsx(SelectScrollDownButton, {})
+			]
+		})
 	}) });
 }
 function SelectLabel({ className, ...props }) {
-	return /* @__PURE__ */ jsx(SelectPrimitive.Label, {
+	return /* @__PURE__ */ jsx(Select$1.GroupLabel, {
 		"data-slot": "select-label",
-		className: cn("text-muted-foreground px-2 py-1.5 text-xs", className),
+		className: cn("p-2 text-xs text-muted-foreground", className),
 		...props
 	});
 }
 function SelectItem({ className, children, ...props }) {
-	return /* @__PURE__ */ jsxs(SelectPrimitive.Item, {
+	return /* @__PURE__ */ jsxs(Select$1.Item, {
 		"data-slot": "select-item",
-		className: cn("focus:bg-accent focus:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground 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-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2", className),
+		className: cn("relative flex w-full cursor-default items-center gap-2 rounded-md p-2 pr-8 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground data-disabled:pointer-events-none data-disabled:cursor-not-allowed data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2", className),
 		...props,
-		children: [/* @__PURE__ */ jsx("span", {
-			className: "absolute right-2 flex size-3.5 items-center justify-center",
-			children: /* @__PURE__ */ jsx(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(CheckOutline, { className: "size-4" }) })
-		}), /* @__PURE__ */ jsx(SelectPrimitive.ItemText, { children })]
+		children: [/* @__PURE__ */ jsx(Select$1.ItemText, {
+			className: "flex flex-1 shrink-0 gap-2 whitespace-nowrap",
+			children
+		}), /* @__PURE__ */ jsx(Select$1.ItemIndicator, {
+			"data-slot": "select-item-indicator",
+			render: /* @__PURE__ */ jsx("span", { className: "pointer-events-none absolute right-2 flex size-4 items-center justify-center text-primary" }),
+			children: /* @__PURE__ */ jsx(CheckIcon, { className: "pointer-events-none" })
+		})]
 	});
 }
 function SelectSeparator({ className, ...props }) {
-	return /* @__PURE__ */ jsx(SelectPrimitive.Separator, {
+	return /* @__PURE__ */ jsx(Select$1.Separator, {
 		"data-slot": "select-separator",
-		className: cn("bg-border pointer-events-none -mx-1 my-1 h-px", className),
+		className: cn("pointer-events-none -mx-1 my-1 h-px bg-border", className),
 		...props
 	});
 }
 function SelectScrollUpButton({ className, ...props }) {
-	return /* @__PURE__ */ jsx(SelectPrimitive.ScrollUpButton, {
+	return /* @__PURE__ */ jsx(Select$1.ScrollUpArrow, {
 		"data-slot": "select-scroll-up-button",
-		className: cn("flex cursor-default items-center justify-center py-1", className),
+		className: cn("top-0 z-10 flex w-full cursor-default items-center justify-center bg-popover py-1 [&_svg:not([class*='size-'])]:size-4", className),
 		...props,
-		children: /* @__PURE__ */ jsx(ChevronUpOutline, { className: "size-4" })
+		children: /* @__PURE__ */ jsx(ChevronUpIcon, {})
 	});
 }
 function SelectScrollDownButton({ className, ...props }) {
-	return /* @__PURE__ */ jsx(SelectPrimitive.ScrollDownButton, {
+	return /* @__PURE__ */ jsx(Select$1.ScrollDownArrow, {
 		"data-slot": "select-scroll-down-button",
-		className: cn("flex cursor-default items-center justify-center py-1", className),
+		className: cn("bottom-0 z-10 flex w-full cursor-default items-center justify-center bg-popover py-1 [&_svg:not([class*='size-'])]:size-4", className),
 		...props,
-		children: /* @__PURE__ */ jsx(ChevronDownOutline, { className: "size-4" })
+		children: /* @__PURE__ */ jsx(ChevronDownIcon, {})
 	});
 }
 
 //#endregion
 //#region src/components/sheet.tsx
 function Sheet({ ...props }) {
-	return /* @__PURE__ */ jsx(DialogPrimitive.Root, {
+	return /* @__PURE__ */ jsx(Dialog$1.Root, {
 		"data-slot": "sheet",
 		...props
 	});
 }
 function SheetTrigger({ ...props }) {
-	return /* @__PURE__ */ jsx(DialogPrimitive.Trigger, {
+	return /* @__PURE__ */ jsx(Dialog$1.Trigger, {
 		"data-slot": "sheet-trigger",
 		...props
 	});
 }
 function SheetClose({ ...props }) {
-	return /* @__PURE__ */ jsx(DialogPrimitive.Close, {
+	return /* @__PURE__ */ jsx(Dialog$1.Close, {
 		"data-slot": "sheet-close",
 		...props
 	});
 }
 function SheetPortal({ ...props }) {
-	return /* @__PURE__ */ jsx(DialogPrimitive.Portal, {
+	return /* @__PURE__ */ jsx(Dialog$1.Portal, {
 		"data-slot": "sheet-portal",
 		...props
 	});
 }
-const SheetOverlay = React$1.forwardRef(({ className, ...props }, forwardedRef) => {
-	return /* @__PURE__ */ jsx(DialogPrimitive.Overlay, {
+const SheetOverlay = React$1.forwardRef(({ className, ...props }, ref) => {
+	return /* @__PURE__ */ jsx(Dialog$1.Backdrop, {
 		"data-slot": "sheet-overlay",
-		className: cn("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50", className),
+		className: cn("fixed inset-0 z-50 bg-black/10 transition-opacity duration-150 data-ending-style:opacity-0 data-starting-style:opacity-0 supports-backdrop-filter:backdrop-blur-xs", className),
 		...props,
-		ref: forwardedRef
+		ref
 	});
 });
-function SheetContent({ className, children, side = "right", container, position = "fixed", ...props }) {
+SheetOverlay.displayName = "SheetOverlay";
+function SheetContent({ className, children, side = "right", showCloseButton = true, container, ...props }) {
 	return /* @__PURE__ */ jsxs(SheetPortal, {
 		container,
-		children: [/* @__PURE__ */ jsx(SheetOverlay, {}), /* @__PURE__ */ jsxs(DialogPrimitive.Content, {
+		children: [/* @__PURE__ */ jsx(SheetOverlay, {}), /* @__PURE__ */ jsxs(Dialog$1.Popup, {
 			"data-slot": "sheet-content",
-			className: cn("bg-card data-[state=open]:animate-in data-[state=closed]:animate-out z-50 flex flex-col gap-4 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500", position === "fixed" ? "fixed" : "absolute", side === "right" && "data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm", side === "left" && "data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm", side === "top" && "data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top inset-x-0 top-0 h-auto border-b", side === "bottom" && "data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom inset-x-0 bottom-0 h-auto border-t", className),
+			"data-side": side,
+			className: cn("fixed z-50 flex flex-col gap-4 bg-background bg-clip-padding text-sm shadow-lg transition duration-200 ease-in-out data-ending-style:opacity-0 data-starting-style:opacity-0 data-[side=bottom]:inset-x-0 data-[side=bottom]:bottom-0 data-[side=bottom]:h-auto data-[side=bottom]:border-t data-[side=bottom]:data-ending-style:translate-y-[2.5rem] data-[side=bottom]:data-starting-style:translate-y-[2.5rem] 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]:border-r data-[side=left]:data-ending-style:translate-x-[-2.5rem] data-[side=left]:data-starting-style:translate-x-[-2.5rem] 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]:border-l data-[side=right]:data-ending-style:translate-x-[2.5rem] data-[side=right]:data-starting-style:translate-x-[2.5rem] data-[side=top]:inset-x-0 data-[side=top]:top-0 data-[side=top]:h-auto data-[side=top]:border-b data-[side=top]:data-ending-style:translate-y-[-2.5rem] data-[side=top]:data-starting-style:translate-y-[-2.5rem] data-[side=left]:sm:max-w-sm data-[side=right]:sm:max-w-sm", className),
 			...props,
-			children: [children, /* @__PURE__ */ jsxs(DialogPrimitive.Close, {
-				className: "ring-offset-background focus:ring-ring data-[state=open]:bg-secondary 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",
-				children: [/* @__PURE__ */ jsx(CloseOutline, { className: "size-4" }), /* @__PURE__ */ jsx("span", {
+			children: [children, showCloseButton && /* @__PURE__ */ jsxs(Dialog$1.Close, {
+				"data-slot": "sheet-close",
+				render: /* @__PURE__ */ jsx(Button, {
+					variant: "ghost",
+					className: "absolute top-4 right-4",
+					size: "icon"
+				}),
+				children: [/* @__PURE__ */ jsx(XIcon, {}), /* @__PURE__ */ jsx("span", {
 					className: "sr-only",
 					children: "Close"
 				})]
@@ -1849,16 +3136,16 @@ function SheetFooter({ className, ...props }) {
 	});
 }
 function SheetTitle({ className, ...props }) {
-	return /* @__PURE__ */ jsx(DialogPrimitive.Title, {
+	return /* @__PURE__ */ jsx(Dialog$1.Title, {
 		"data-slot": "sheet-title",
-		className: cn("text-foreground font-semibold", className),
+		className: cn("font-medium text-foreground", className),
 		...props
 	});
 }
 function SheetDescription({ className, ...props }) {
-	return /* @__PURE__ */ jsx(DialogPrimitive.Description, {
+	return /* @__PURE__ */ jsx(Dialog$1.Description, {
 		"data-slot": "sheet-description",
-		className: cn("text-muted-foreground text-sm", className),
+		className: cn("text-sm text-muted-foreground", className),
 		...props
 	});
 }
@@ -1868,10 +3155,49 @@ function SheetDescription({ className, ...props }) {
 function Skeleton({ className, ...props }) {
 	return /* @__PURE__ */ jsx("div", {
 		"data-slot": "skeleton",
-		className: cn("bg-accent animate-pulse rounded-md", className),
+		className: cn("animate-pulse rounded-md bg-muted", className),
+		...props
+	});
+}
+
+//#endregion
+//#region src/components/tooltip.tsx
+function TooltipProvider({ delay = 0, ...props }) {
+	return /* @__PURE__ */ jsx(Tooltip$1.Provider, {
+		"data-slot": "tooltip-provider",
+		delay,
+		...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
 	});
 }
+const TooltipContent = React$1.forwardRef(({ className, side = "top", sideOffset = 4, align = "center", alignOffset = 0, children, ...props }, ref) => {
+	return /* @__PURE__ */ jsx(Tooltip$1.Portal, { children: /* @__PURE__ */ jsx(Tooltip$1.Positioner, {
+		align,
+		alignOffset,
+		side,
+		sideOffset,
+		className: "isolate z-50",
+		children: /* @__PURE__ */ jsxs(Tooltip$1.Popup, {
+			ref,
+			"data-slot": "tooltip-content",
+			className: cn("z-50 inline-flex w-fit max-w-sm origin-(--transform-origin) items-center gap-2 rounded-md bg-accent-foreground p-2 text-sm font-medium text-primary-foreground has-data-[slot=kbd]:pr-1.5 data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-left-2 data-[side=inline-start]:slide-in-from-right-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=kbd]:relative **:data-[slot=kbd]:isolate **:data-[slot=kbd]:z-50 **:data-[slot=kbd]:rounded-sm data-[state=delayed-open]:animate-in data-[state=delayed-open]:fade-in-0 data-[state=delayed-open]:zoom-in-95 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,
+			children: [children, /* @__PURE__ */ jsx(Tooltip$1.Arrow, { className: "z-50 size-2.5 translate-y-[calc(-50%-2px)] rotate-45 rounded-[2px] bg-accent-foreground fill-accent-foreground data-[side=bottom]:top-1 data-[side=inline-end]:top-1/2! data-[side=inline-end]:-left-1 data-[side=inline-end]:-translate-y-1/2 data-[side=inline-start]:top-1/2! data-[side=inline-start]:-right-1 data-[side=inline-start]:-translate-y-1/2 data-[side=left]:top-1/2! data-[side=left]:-right-1 data-[side=left]:-translate-y-1/2 data-[side=right]:top-1/2! data-[side=right]:-left-1 data-[side=right]:-translate-y-1/2 data-[side=top]:-bottom-2.5" })]
+		})
+	}) });
+});
+TooltipContent.displayName = "TooltipContent";
 
 //#endregion
 //#region src/hooks/use-mobile.ts
@@ -1904,9 +3230,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, disableMobile = true, className, style, children, ...props }) {
-	const isMobileDevice = useIsMobile();
-	const isMobile = disableMobile ? false : isMobileDevice;
+function SidebarProvider({ defaultOpen = true, open: openProp, onOpenChange: setOpenProp, className, style, children, ...props }) {
+	const isMobile = useIsMobile();
 	const [openMobile, setOpenMobile] = React$1.useState(false);
 	const [_open, _setOpen] = React$1.useState(defaultOpen);
 	const open = openProp ?? _open;
@@ -1953,27 +3278,24 @@ function SidebarProvider({ defaultOpen = true, open: openProp, onOpenChange: set
 	]);
 	return /* @__PURE__ */ jsx(SidebarContext.Provider, {
 		value: contextValue,
-		children: /* @__PURE__ */ jsx(TooltipProvider, {
-			delayDuration: 0,
-			children: /* @__PURE__ */ jsx("div", {
-				"data-slot": "sidebar-wrapper",
-				style: {
-					"--sidebar-width": SIDEBAR_WIDTH,
-					"--sidebar-width-icon": SIDEBAR_WIDTH_ICON,
-					...style
-				},
-				className: cn("group/sidebar-wrapper has-data-[variant=inset]:bg-sidebar flex min-h-svh w-full", className),
-				...props,
-				children
-			})
+		children: /* @__PURE__ */ jsx("div", {
+			"data-slot": "sidebar-wrapper",
+			style: {
+				"--sidebar-width": SIDEBAR_WIDTH,
+				"--sidebar-width-icon": SIDEBAR_WIDTH_ICON,
+				...style
+			},
+			className: cn("group/sidebar-wrapper flex min-h-svh w-full has-data-[variant=inset]:bg-sidebar", className),
+			...props,
+			children
 		})
 	});
 }
-function Sidebar({ side = "left", variant = "sidebar", collapsible = "offcanvas", className, children, ...props }) {
+function Sidebar({ side = "left", variant = "sidebar", collapsible = "offcanvas", className, children, dir, ...props }) {
 	const { isMobile, state, openMobile, setOpenMobile } = useSidebar();
 	if (collapsible === "none") return /* @__PURE__ */ jsx("div", {
 		"data-slot": "sidebar",
-		className: cn("bg-sidebar text-sidebar-foreground flex h-full w-(--sidebar-width) flex-col", className),
+		className: cn("flex h-full w-(--sidebar-width) flex-col bg-sidebar text-sidebar-foreground", className),
 		...props,
 		children
 	});
@@ -1982,10 +3304,11 @@ function Sidebar({ side = "left", variant = "sidebar", collapsible = "offcanvas"
 		onOpenChange: setOpenMobile,
 		...props,
 		children: /* @__PURE__ */ jsxs(SheetContent, {
+			dir,
 			"data-sidebar": "sidebar",
 			"data-slot": "sidebar",
 			"data-mobile": "true",
-			className: "bg-sidebar text-sidebar-foreground w-(--sidebar-width) p-0 [&>button]:hidden",
+			className: "w-(--sidebar-width) bg-sidebar p-0 text-sidebar-foreground [&>button]:hidden",
 			style: { "--sidebar-width": SIDEBAR_WIDTH_MOBILE },
 			side,
 			children: [/* @__PURE__ */ jsxs(SheetHeader, {
@@ -1998,7 +3321,7 @@ function Sidebar({ side = "left", variant = "sidebar", collapsible = "offcanvas"
 		})
 	});
 	return /* @__PURE__ */ jsxs("div", {
-		className: cn("group peer text-sidebar-foreground", isMobile ? "hidden md:block" : "block"),
+		className: "group peer hidden text-sidebar-foreground md:block",
 		"data-state": state,
 		"data-collapsible": state === "collapsed" ? collapsible : "",
 		"data-variant": variant,
@@ -2009,12 +3332,13 @@ function Sidebar({ side = "left", variant = "sidebar", collapsible = "offcanvas"
 			className: cn("relative w-(--sidebar-width) bg-transparent transition-[width] duration-200 ease-linear", "group-data-[collapsible=offcanvas]:w-0", "group-data-[side=right]:rotate-180", variant === "floating" || variant === "inset" ? "group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4)))]" : "group-data-[collapsible=icon]:w-(--sidebar-width-icon)")
 		}), /* @__PURE__ */ jsx("div", {
 			"data-slot": "sidebar-container",
-			className: cn("fixed inset-y-0 z-10 w-(--sidebar-width) transition-[left,right,width] duration-200 ease-linear", 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, isMobile ? "hidden md:flex" : "flex"),
+			"data-side": side,
+			className: cn("fixed inset-y-0 z-10 hidden h-svh w-(--sidebar-width) transition-[left,right,width] duration-200 ease-linear data-[side=left]:left-0 data-[side=left]:group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)] data-[side=right]:right-0 data-[side=right]:group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)] md:flex", variant === "floating" || variant === "inset" ? "p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4))+2px)]" : "group-data-[collapsible=icon]:w-(--sidebar-width-icon) group-data-[side=left]:border-r group-data-[side=right]:border-l", className),
 			...props,
 			children: /* @__PURE__ */ jsx("div", {
 				"data-sidebar": "sidebar",
 				"data-slot": "sidebar-inner",
-				className: "bg-sidebar group-data-[variant=floating]:border-sidebar-border flex h-full w-full flex-col group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:border group-data-[variant=floating]:shadow-sm",
+				className: "flex size-full flex-col bg-sidebar group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:shadow-sm group-data-[variant=floating]:ring-1 group-data-[variant=floating]:ring-sidebar-border",
 				children
 			})
 		})]
@@ -2025,9 +3349,9 @@ function SidebarTrigger({ className, onClick, ...props }) {
 	return /* @__PURE__ */ jsxs(Button, {
 		"data-sidebar": "trigger",
 		"data-slot": "sidebar-trigger",
-		variant: "outline",
-		size: "icon-sm",
-		className,
+		variant: "ghost",
+		size: "icon",
+		className: cn(className),
 		onClick: (event) => {
 			onClick?.(event);
 			toggleSidebar();
@@ -2040,7 +3364,7 @@ function SidebarTrigger({ className, onClick, ...props }) {
 	});
 }
 function SidebarRail({ className, ...props }) {
-	const { isMobile, toggleSidebar } = useSidebar();
+	const { toggleSidebar } = useSidebar();
 	return /* @__PURE__ */ jsx("button", {
 		"data-sidebar": "rail",
 		"data-slot": "sidebar-rail",
@@ -2048,15 +3372,14 @@ function SidebarRail({ className, ...props }) {
 		tabIndex: -1,
 		onClick: toggleSidebar,
 		title: "Toggle Sidebar",
-		className: cn("hover:after:bg-sidebar-border absolute inset-y-0 z-20 w-4 -translate-x-1/2 transition-all ease-linear group-data-[side=left]:-right-4 group-data-[side=right]:left-0 after:absolute after:inset-y-0 after:left-1/2 after:w-[2px]", "in-data-[side=left]:cursor-w-resize in-data-[side=right]:cursor-e-resize", "[[data-side=left][data-state=collapsed]_&]:cursor-e-resize [[data-side=right][data-state=collapsed]_&]:cursor-w-resize", "hover:group-data-[collapsible=offcanvas]:bg-sidebar group-data-[collapsible=offcanvas]:translate-x-0 group-data-[collapsible=offcanvas]:after:left-full", "[[data-side=left][data-collapsible=offcanvas]_&]:-right-2", "[[data-side=right][data-collapsible=offcanvas]_&]:-left-2", className, isMobile ? "hidden sm:flex" : "flex"),
+		className: cn("absolute inset-y-0 z-20 hidden w-4 transition-all ease-linear group-data-[side=left]:-right-4 group-data-[side=right]:left-0 after:absolute after:inset-y-0 after:start-1/2 after:w-[2px] hover:after:bg-sidebar-border sm:flex ltr:-translate-x-1/2 rtl:-translate-x-1/2", "in-data-[side=left]:cursor-w-resize in-data-[side=right]:cursor-e-resize", "[[data-side=left][data-state=collapsed]_&]:cursor-e-resize [[data-side=right][data-state=collapsed]_&]:cursor-w-resize", "group-data-[collapsible=offcanvas]:translate-x-0 group-data-[collapsible=offcanvas]:after:left-full hover:group-data-[collapsible=offcanvas]:bg-sidebar", "[[data-side=left][data-collapsible=offcanvas]_&]:-right-2", "[[data-side=right][data-collapsible=offcanvas]_&]:-left-2", className),
 		...props
 	});
 }
 function SidebarInset({ className, ...props }) {
-	const { isMobile } = useSidebar();
 	return /* @__PURE__ */ jsx("main", {
 		"data-slot": "sidebar-inset",
-		className: cn("bg-background relative flex w-full flex-1 flex-col min-w-0", isMobile && "md:peer-data-[variant=inset]:m-2 md:peer-data-[variant=inset]:ml-0 md:peer-data-[variant=inset]:rounded-xl md:peer-data-[variant=inset]:shadow-sm md:peer-data-[variant=inset]:peer-data-[state=collapsed]:ml-2", !isMobile && "peer-data-[variant=inset]:m-2 peer-data-[variant=inset]:ml-0 peer-data-[variant=inset]:rounded-xl peer-data-[variant=inset]:shadow-sm peer-data-[variant=inset]:peer-data-[state=collapsed]:ml-2", className),
+		className: cn("relative flex w-full flex-1 flex-col bg-background md:peer-data-[variant=inset]:m-2 md:peer-data-[variant=inset]:ml-0 md:peer-data-[variant=inset]:rounded-xl md:peer-data-[variant=inset]:shadow-sm md:peer-data-[variant=inset]:peer-data-[state=collapsed]:ml-2", className),
 		...props
 	});
 }
@@ -2064,7 +3387,7 @@ function SidebarInput({ className, ...props }) {
 	return /* @__PURE__ */ jsx(Input, {
 		"data-slot": "sidebar-input",
 		"data-sidebar": "input",
-		className: cn("bg-background h-8 w-full shadow-none", className),
+		className: cn("h-8 w-full bg-background shadow-none", className),
 		...props
 	});
 }
@@ -2088,7 +3411,7 @@ function SidebarSeparator({ className, ...props }) {
 	return /* @__PURE__ */ jsx(Separator, {
 		"data-slot": "sidebar-separator",
 		"data-sidebar": "separator",
-		className: cn("bg-sidebar-border mx-2 w-auto", className),
+		className: cn("mx-2 w-auto bg-sidebar-border", className),
 		...props
 	});
 }
@@ -2096,7 +3419,7 @@ function SidebarContent({ className, ...props }) {
 	return /* @__PURE__ */ jsx("div", {
 		"data-slot": "sidebar-content",
 		"data-sidebar": "content",
-		className: cn("flex min-h-0 flex-1 flex-col gap-2 overflow-auto group-data-[collapsible=icon]:overflow-hidden", className),
+		className: cn("no-scrollbar flex min-h-0 flex-1 flex-col gap-2 overflow-auto group-data-[collapsible=icon]:overflow-hidden", className),
 		...props
 	});
 }
@@ -2108,22 +3431,26 @@ function SidebarGroup({ className, ...props }) {
 		...props
 	});
 }
-function SidebarGroupLabel({ className, asChild = false, ...props }) {
-	return /* @__PURE__ */ jsx(asChild ? Slot$1 : "div", {
-		"data-slot": "sidebar-group-label",
-		"data-sidebar": "group-label",
-		className: cn("text-sidebar-foreground/70 ring-sidebar-ring flex h-8 shrink-0 items-center rounded-md px-2 text-xs font-medium outline-hidden transition-[margin,opacity] duration-200 ease-linear focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0", "group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0", className),
-		...props
+function SidebarGroupLabel({ className, render, ...props }) {
+	return useRender({
+		defaultTagName: "div",
+		props: mergeProps({ className: cn("flex h-8 shrink-0 items-center rounded-md px-2 text-xs font-medium text-sidebar-foreground/70 ring-sidebar-ring outline-hidden transition-[margin,opacity] duration-200 ease-linear group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0 focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0", className) }, props),
+		render,
+		state: {
+			slot: "sidebar-group-label",
+			sidebar: "group-label"
+		}
 	});
 }
-function SidebarGroupAction({ className, asChild = false, ...props }) {
-	const Comp = asChild ? Slot$1 : "button";
-	const { isMobile } = useSidebar();
-	return /* @__PURE__ */ jsx(Comp, {
-		"data-slot": "sidebar-group-action",
-		"data-sidebar": "group-action",
-		className: cn("text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground absolute top-3.5 right-3 flex aspect-square w-5 items-center justify-center rounded-md p-0 outline-hidden transition-transform focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0", "after:absolute after:-inset-2", isMobile && "md:after:hidden", "group-data-[collapsible=icon]:hidden", className),
-		...props
+function SidebarGroupAction({ className, render, ...props }) {
+	return useRender({
+		defaultTagName: "button",
+		props: mergeProps({ className: cn("absolute top-3.5 right-3 flex aspect-square w-5 items-center justify-center rounded-md p-0 text-sidebar-foreground ring-sidebar-ring outline-hidden transition-transform group-data-[collapsible=icon]:hidden after:absolute after:-inset-2 hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 md:after:hidden [&>svg]:size-4 [&>svg]:shrink-0", className) }, props),
+		render,
+		state: {
+			slot: "sidebar-group-action",
+			sidebar: "group-action"
+		}
 	});
 }
 function SidebarGroupContent({ className, ...props }) {
@@ -2150,7 +3477,7 @@ function SidebarMenuItem({ className, ...props }) {
 		...props
 	});
 }
-const sidebarMenuButtonVariants = cva("peer/menu-button flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left text-sm outline-hidden ring-sidebar-ring transition-[width,height,padding] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-data-[sidebar=menu-action]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:bg-sidebar-accent data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0", {
+const sidebarMenuButtonVariants = cva("peer/menu-button group/menu-button flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left text-sm ring-sidebar-ring outline-hidden transition-[width,height,padding] group-has-data-[sidebar=menu-action]/menu-item:pr-8 group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-open:hover:bg-sidebar-accent data-open:hover:text-sidebar-accent-foreground data-active:bg-sidebar-accent data-active:font-medium data-active:text-sidebar-accent-foreground [&_svg]:size-4 [&_svg]:shrink-0 [&>span:last-child]:truncate", {
 	variants: {
 		variant: {
 			default: "hover:bg-sidebar-accent hover:text-sidebar-accent-foreground",
@@ -2167,44 +3494,47 @@ const sidebarMenuButtonVariants = cva("peer/menu-button flex w-full items-center
 		size: "default"
 	}
 });
-const SidebarMenuButton = React$1.forwardRef(({ asChild = false, isActive = false, variant = "default", size = "default", tooltip, className, ...props }, ref) => {
-	const Comp = asChild ? Slot$1 : "button";
+const SidebarMenuButton = React$1.forwardRef(({ render, isActive = false, variant = "default", size = "default", tooltip, className, ...props }, ref) => {
 	const { isMobile, state } = useSidebar();
-	const button = /* @__PURE__ */ jsx(Comp, {
-		ref,
-		"data-slot": "sidebar-menu-button",
-		"data-sidebar": "menu-button",
-		"data-size": size,
-		"data-active": isActive,
-		className: cn(sidebarMenuButtonVariants({
-			variant,
-			size
-		}), className),
-		...props
+	const comp = useRender({
+		defaultTagName: "button",
+		props: mergeProps({
+			className: cn(sidebarMenuButtonVariants({
+				variant,
+				size
+			}), className),
+			ref
+		}, props),
+		render: !tooltip ? render : /* @__PURE__ */ jsx(TooltipTrigger, { render }),
+		state: {
+			slot: "sidebar-menu-button",
+			sidebar: "menu-button",
+			size,
+			active: isActive
+		}
 	});
-	if (!tooltip) return button;
-	let tooltipProps = tooltip;
-	if (typeof tooltipProps === "string") tooltipProps = { children: tooltipProps };
-	return /* @__PURE__ */ jsxs(Tooltip, { children: [/* @__PURE__ */ jsx(TooltipTrigger, {
-		asChild: true,
-		children: button
-	}), /* @__PURE__ */ jsx(TooltipContent, {
+	if (!tooltip) return comp;
+	if (typeof tooltip === "string") tooltip = { children: tooltip };
+	return /* @__PURE__ */ jsxs(Tooltip, { children: [comp, /* @__PURE__ */ jsx(TooltipContent, {
 		side: "right",
 		align: "center",
 		hidden: state !== "collapsed" || isMobile,
-		...tooltipProps
+		...tooltip
 	})] });
 });
 SidebarMenuButton.displayName = "SidebarMenuButton";
-const SidebarMenuAction = React$1.forwardRef(({ className, asChild = false, showOnHover = false, ...props }, ref) => {
-	const Comp = asChild ? Slot$1 : "button";
-	const { isMobile } = useSidebar();
-	return /* @__PURE__ */ jsx(Comp, {
-		ref,
-		"data-slot": "sidebar-menu-action",
-		"data-sidebar": "menu-action",
-		className: cn("text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground peer-hover/menu-button:text-sidebar-accent-foreground absolute top-1.5 right-1 flex aspect-square w-5 items-center justify-center rounded-md p-0 outline-hidden transition-transform focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0", "after:absolute after:-inset-2", isMobile && "md:after:hidden", "peer-data-[size=sm]/menu-button:top-1", "peer-data-[size=default]/menu-button:top-1.5", "peer-data-[size=lg]/menu-button:top-2.5", "group-data-[collapsible=icon]:hidden", showOnHover && cn("peer-data-[active=true]/menu-button:text-sidebar-accent-foreground group-focus-within/menu-item:opacity-100 group-hover/menu-item:opacity-100 data-[state=open]:opacity-100", isMobile ? "md:opacity-0" : "opacity-0"), className),
-		...props
+const SidebarMenuAction = React$1.forwardRef(({ className, render, showOnHover = false, ...props }, ref) => {
+	return useRender({
+		defaultTagName: "button",
+		props: mergeProps({
+			className: cn("absolute top-1.5 right-1 flex aspect-square w-5 items-center justify-center rounded-md p-0 text-sidebar-foreground ring-sidebar-ring outline-hidden transition-transform group-data-[collapsible=icon]:hidden peer-hover/menu-button:text-sidebar-accent-foreground peer-data-[size=default]/menu-button:top-1.5 peer-data-[size=lg]/menu-button:top-2.5 peer-data-[size=sm]/menu-button:top-1 after:absolute after:-inset-2 hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 md:after:hidden [&>svg]:size-4 [&>svg]:shrink-0", showOnHover && "group-focus-within/menu-item:opacity-100 group-hover/menu-item:opacity-100 peer-data-active/menu-button:text-sidebar-accent-foreground aria-expanded:opacity-100 md:opacity-0", className),
+			ref
+		}, props),
+		render,
+		state: {
+			slot: "sidebar-menu-action",
+			sidebar: "menu-action"
+		}
 	});
 });
 SidebarMenuAction.displayName = "SidebarMenuAction";
@@ -2212,14 +3542,15 @@ function SidebarMenuBadge({ className, ...props }) {
 	return /* @__PURE__ */ jsx("div", {
 		"data-slot": "sidebar-menu-badge",
 		"data-sidebar": "menu-badge",
-		className: cn("text-sidebar-foreground pointer-events-none absolute right-1 flex h-5 min-w-5 items-center justify-center rounded-md px-1 text-xs font-medium tabular-nums select-none", "peer-hover/menu-button:text-sidebar-accent-foreground peer-data-[active=true]/menu-button:text-sidebar-accent-foreground", "peer-data-[size=sm]/menu-button:top-1", "peer-data-[size=default]/menu-button:top-1.5", "peer-data-[size=lg]/menu-button:top-2.5", "group-data-[collapsible=icon]:hidden", className),
+		className: cn("pointer-events-none absolute right-1 flex h-5 min-w-5 items-center justify-center rounded-md px-1 text-xs font-medium text-sidebar-foreground tabular-nums select-none group-data-[collapsible=icon]:hidden peer-hover/menu-button:text-sidebar-accent-foreground peer-data-[size=default]/menu-button:top-1.5 peer-data-[size=lg]/menu-button:top-2.5 peer-data-[size=sm]/menu-button:top-1 peer-data-active/menu-button:text-sidebar-accent-foreground", className),
 		...props
 	});
 }
-function SidebarMenuSkeleton({ className, showIcon = false, ...props }) {
-	const width = React$1.useMemo(() => {
+function SidebarMenuSkeleton({ className, showIcon = false, width: widthProp, ...props }) {
+	const [fallbackWidth] = React$1.useState(() => {
 		return `${Math.floor(Math.random() * 40) + 50}%`;
-	}, []);
+	});
+	const width = widthProp ?? fallbackWidth;
 	return /* @__PURE__ */ jsxs("div", {
 		"data-slot": "sidebar-menu-skeleton",
 		"data-sidebar": "menu-skeleton",
@@ -2239,7 +3570,7 @@ function SidebarMenuSub({ className, ...props }) {
 	return /* @__PURE__ */ jsx("ul", {
 		"data-slot": "sidebar-menu-sub",
 		"data-sidebar": "menu-sub",
-		className: cn("border-sidebar-border mx-3.5 flex min-w-0 translate-x-px flex-col gap-1 border-l px-2.5 py-0.5", "group-data-[collapsible=icon]:hidden", className),
+		className: cn("mx-3.5 flex min-w-0 translate-x-px flex-col gap-1 border-l border-sidebar-border px-2.5 py-0.5 group-data-[collapsible=icon]:hidden", className),
 		...props
 	});
 }
@@ -2251,45 +3582,57 @@ function SidebarMenuSubItem({ className, ...props }) {
 		...props
 	});
 }
-function SidebarMenuSubButton({ asChild = false, size = "md", isActive = false, className, ...props }) {
-	return /* @__PURE__ */ jsx(asChild ? Slot$1 : "a", {
-		"data-slot": "sidebar-menu-sub-button",
-		"data-sidebar": "menu-sub-button",
-		"data-size": size,
-		"data-active": isActive,
-		className: cn("text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground active:bg-sidebar-accent active:text-sidebar-accent-foreground [&>svg]:text-sidebar-accent-foreground flex h-7 min-w-0 -translate-x-px items-center gap-2 overflow-hidden rounded-md px-2 outline-hidden focus-visible:ring-2 disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0", "data-[active=true]:bg-sidebar-accent data-[active=true]:text-sidebar-accent-foreground", size === "sm" && "text-xs", size === "md" && "text-sm", "group-data-[collapsible=icon]:hidden", className),
-		...props
+function SidebarMenuSubButton({ render, size = "md", isActive = false, className, ...props }) {
+	return useRender({
+		defaultTagName: "a",
+		props: mergeProps({ className: cn("flex h-7 min-w-0 -translate-x-px items-center gap-2 overflow-hidden rounded-md px-2 text-sidebar-foreground ring-sidebar-ring outline-hidden group-data-[collapsible=icon]:hidden hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[size=md]:text-sm data-[size=sm]:text-xs data-active:bg-sidebar-accent data-active:text-sidebar-accent-foreground [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0 [&>svg]:text-sidebar-accent-foreground", className) }, props),
+		render,
+		state: {
+			slot: "sidebar-menu-sub-button",
+			sidebar: "menu-sub-button",
+			size,
+			active: isActive
+		}
 	});
 }
 
 //#endregion
 //#region src/components/slider.tsx
-function Slider({ className, defaultValue, value, min = 0, max = 100, ...props }) {
+function Slider({ className, defaultValue, value, min = 0, max = 100, orientation = "horizontal", ...props }) {
 	const _values = React$1.useMemo(() => Array.isArray(value) ? value : Array.isArray(defaultValue) ? defaultValue : [min, max], [
 		value,
 		defaultValue,
 		min,
 		max
 	]);
-	return /* @__PURE__ */ jsxs(SliderPrimitive.Root, {
+	return /* @__PURE__ */ jsx(Slider$1.Root, {
+		className: cn("data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full", className),
 		"data-slot": "slider",
+		"data-orientation": orientation,
 		defaultValue,
 		value,
 		min,
 		max,
-		className: cn("relative flex w-full touch-none items-center select-none data-[disabled]:opacity-50 data-[orientation=vertical]:h-full data-[orientation=vertical]:min-h-44 data-[orientation=vertical]:w-auto data-[orientation=vertical]:flex-col", className),
+		orientation,
+		thumbAlignment: "edge",
 		...props,
-		children: [/* @__PURE__ */ jsx(SliderPrimitive.Track, {
-			"data-slot": "slider-track",
-			className: cn("bg-muted relative grow overflow-hidden rounded-full data-[orientation=horizontal]:h-1.5 data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-1.5"),
-			children: /* @__PURE__ */ jsx(SliderPrimitive.Range, {
-				"data-slot": "slider-range",
-				className: cn("bg-primary absolute data-[orientation=horizontal]:h-full data-[orientation=vertical]:w-full")
-			})
-		}), Array.from({ length: _values.length }, (_, index) => /* @__PURE__ */ jsx(SliderPrimitive.Thumb, {
-			"data-slot": "slider-thumb",
-			className: "border-primary bg-background ring-ring/50 block size-4 shrink-0 rounded-full border shadow-sm transition-[color,box-shadow] hover:ring-4 focus-visible:ring-4 focus-visible:outline-hidden disabled:pointer-events-none disabled:opacity-50"
-		}, index))]
+		children: /* @__PURE__ */ jsxs(Slider$1.Control, {
+			"data-orientation": orientation,
+			className: "relative flex w-full touch-none items-center select-none data-disabled:opacity-50 data-[orientation=vertical]:h-full data-[orientation=vertical]:min-h-40 data-[orientation=vertical]:w-auto data-[orientation=vertical]:flex-col",
+			children: [/* @__PURE__ */ jsx(Slider$1.Track, {
+				"data-slot": "slider-track",
+				"data-orientation": orientation,
+				className: "relative grow overflow-hidden rounded-full bg-muted select-none data-[orientation=horizontal]:h-1.5 data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-1.5",
+				children: /* @__PURE__ */ jsx(Slider$1.Indicator, {
+					"data-slot": "slider-range",
+					"data-orientation": orientation,
+					className: "bg-primary select-none data-[orientation=horizontal]:h-full data-[orientation=vertical]:w-full"
+				})
+			}), Array.from({ length: _values.length }, (_, index) => /* @__PURE__ */ jsx(Slider$1.Thumb, {
+				"data-slot": "slider-thumb",
+				className: "block size-4 shrink-0 rounded-full border border-ring bg-background shadow-sm ring-ring/50 transition-[color,box-shadow] select-none hover:ring-3 focus-visible:ring-3 focus-visible:outline-hidden data-disabled:pointer-events-none"
+			}, index))]
+		})
 	});
 }
 
@@ -2301,12 +3644,22 @@ const Toaster = ({ ...props }) => {
 		theme,
 		className: "toaster group",
 		icons: {
-			success: /* @__PURE__ */ jsx(CheckCircleOutline, { className: "size-4" }),
+			success: /* @__PURE__ */ jsx(CircleCheck, { className: "size-4" }),
 			info: /* @__PURE__ */ jsx(Info, { className: "size-4" }),
 			warning: /* @__PURE__ */ jsx(TriangleAlertIcon, { className: "size-4" }),
-			error: /* @__PURE__ */ jsx(OctagonXIcon, { className: "size-4" }),
+			error: /* @__PURE__ */ jsx(CircleAlertIcon, { className: "size-4" }),
 			loading: /* @__PURE__ */ jsx(Loader2Icon, { className: "size-4 animate-spin" })
 		},
+		toastOptions: { classNames: {
+			toast: "group toast !rounded-3xl !border !px-4 !py-4 !shadow-[0px_4px_12px_-1px_rgba(0,0,0,0.1)] !gap-2 !items-center",
+			title: "!font-medium !text-sm",
+			description: "!text-sm !text-muted-foreground",
+			default: "",
+			info: "!bg-info-background !border-info/35 [&_[data-icon]>svg]:!text-info",
+			success: "!bg-success-background !border-success/35 [&_[data-icon]>svg]:!text-success",
+			error: "!bg-destructive-background !border-destructive/35 [&_[data-icon]>svg]:!text-destructive",
+			warning: "!bg-warning-background !border-warning/35 [&_[data-icon]>svg]:!text-warning"
+		} },
 		style: {
 			"--normal-bg": "var(--popover)",
 			"--normal-text": "var(--popover-foreground)",
@@ -2353,81 +3706,61 @@ function Spinner({ className, size, ...props }) {
 //#endregion
 //#region src/components/switch.tsx
 function Switch({ className, ...props }) {
-	return /* @__PURE__ */ jsx(SwitchPrimitive.Root, {
+	return /* @__PURE__ */ jsx(Switch$1.Root, {
 		"data-slot": "switch",
-		className: cn("peer data-[state=checked]:bg-primary data-[state=unchecked]:bg-input focus-visible:border-ring focus-visible:ring-ring/50 dark:data-[state=unchecked]:bg-input/80 inline-flex h-[1.15rem] w-8 shrink-0 items-center rounded-full border border-transparent shadow-xs transition-all outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50", className),
+		className: cn("peer relative inline-flex h-6 w-10 shrink-0 items-center rounded-full border border-transparent p-1 transition-all outline-none active:opacity-60 after:absolute after:-inset-x-3 after:-inset-y-2 focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 aria-invalid:border-destructive focus-visible:aria-invalid:ring-3 focus-visible:aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:focus-visible:aria-invalid:ring-destructive/40 data-checked:bg-primary aria-invalid:data-checked:bg-destructive data-unchecked:bg-input dark:data-unchecked:bg-input/80 data-disabled:cursor-not-allowed data-disabled:opacity-50", className),
 		...props,
-		children: /* @__PURE__ */ jsx(SwitchPrimitive.Thumb, {
+		children: /* @__PURE__ */ jsx(Switch$1.Thumb, {
 			"data-slot": "switch-thumb",
-			className: cn("bg-background dark:data-[state=unchecked]:bg-foreground dark:data-[state=checked]:bg-primary-foreground pointer-events-none block size-4 rounded-full ring-0 transition-transform data-[state=checked]:translate-x-[calc(100%-2px)] data-[state=unchecked]:translate-x-0")
+			className: "pointer-events-none block size-4 rounded-full bg-background ring-0 transition-transform data-unchecked:translate-x-0 data-checked:translate-x-4 dark:data-checked:bg-primary-foreground dark:data-unchecked:bg-foreground"
 		})
 	});
 }
 
 //#endregion
 //#region src/components/tabs.tsx
-function Tabs({ className, ...props }) {
-	return /* @__PURE__ */ jsx(TabsPrimitive.Root, {
+function Tabs({ className, orientation = "horizontal", ...props }) {
+	return /* @__PURE__ */ jsx(Tabs$1.Root, {
 		"data-slot": "tabs",
-		className: cn("flex flex-col gap-2", className),
+		"data-orientation": orientation,
+		className: cn("group/tabs flex gap-2 data-[orientation=horizontal]:flex-col", className),
 		...props
 	});
 }
 function TabsList({ className, ...props }) {
-	return /* @__PURE__ */ jsx(TabsPrimitive.List, {
+	return /* @__PURE__ */ jsx(Tabs$1.List, {
 		"data-slot": "tabs-list",
-		className: cn("bg-muted text-muted-foreground inline-flex h-9 w-fit items-center justify-center rounded-lg p-[3px]", className),
+		className: cn("group/tabs-list inline-flex w-fit items-center justify-center gap-4 text-muted-foreground group-data-[orientation=horizontal]/tabs:h-9 group-data-[orientation=vertical]/tabs:h-fit group-data-[orientation=vertical]/tabs:flex-col", className),
 		...props
 	});
 }
 function TabsTrigger({ className, ...props }) {
-	return /* @__PURE__ */ jsx(TabsPrimitive.Trigger, {
+	return /* @__PURE__ */ jsx(Tabs$1.Tab, {
 		"data-slot": "tabs-trigger",
-		className: cn("data-[state=active]:bg-background dark:data-[state=active]:text-foreground focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring dark:data-[state=active]:border-input dark:data-[state=active]:bg-input/30 text-foreground dark:text-muted-foreground inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-2 py-1 text-sm font-medium whitespace-nowrap transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:shadow-[0px_1px_2px_-1px_rgba(0,0,0,0.10)] data-[state=active]:shadow-[0px_1px_3px_0px_rgba(0,0,0,0.10)] [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
+		className: cn("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 text-foreground/60 transition-all group-data-[orientation=vertical]/tabs:w-full group-data-[orientation=vertical]/tabs:justify-start hover:text-foreground focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 focus-visible:outline-1 focus-visible:outline-ring disabled:pointer-events-none disabled:opacity-50 has-data-[icon=inline-end]:pr-1 has-data-[icon=inline-start]:pl-1 aria-disabled:pointer-events-none aria-disabled:opacity-50 dark:text-muted-foreground dark:hover:text-foreground data-active:text-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", "after:absolute after:rounded-full after:bg-foreground after:opacity-0 after:transition-opacity group-data-[orientation=horizontal]/tabs:after:inset-x-1.5 group-data-[orientation=horizontal]/tabs:after:bottom-[-5px] group-data-[orientation=horizontal]/tabs:after:h-0.5 group-data-[orientation=vertical]/tabs:after:inset-y-0.5 group-data-[orientation=vertical]/tabs:after:-right-1 group-data-[orientation=vertical]/tabs:after:w-0.5 data-active:after:opacity-100", className),
 		...props
 	});
 }
 function TabsContent({ className, ...props }) {
-	return /* @__PURE__ */ jsx(TabsPrimitive.Content, {
+	return /* @__PURE__ */ jsx(Tabs$1.Panel, {
 		"data-slot": "tabs-content",
-		className: cn("flex-1 outline-none", className),
+		className: cn("flex-1 text-sm outline-none", className),
 		...props
 	});
 }
 
-//#endregion
-//#region src/components/tab-bar.tsx
-function TabBar({ tabs, activeTab, onTabChange, renderTab, className }) {
-	return /* @__PURE__ */ jsx(Tabs, {
-		value: activeTab,
-		onValueChange: onTabChange,
-		className: `w-full ${className || ""}`,
-		children: /* @__PURE__ */ jsx(TabsList, {
-			className: "w-full h-auto flex border-t border-border bg-card p-0 rounded-none shadow-none",
-			children: tabs.map((tab) => /* @__PURE__ */ jsx(TabsTrigger, {
-				value: tab.value,
-				className: ["flex flex-col items-center flex-1 py-2 px-0 transition-colors border-b-2 border-b-transparent rounded-none bg-transparent data-[state=active]:shadow-none dark:data-[state=active]:bg-transparent dark:data-[state=active]:border-none", activeTab === tab.value ? "text-foreground font-semibold border-b-primary" : "text-muted-foreground font-normal"].join(" "),
-				children: renderTab ? renderTab(tab, activeTab === tab.value) : /* @__PURE__ */ jsxs(Fragment, { children: [tab.renderIcon?.(), /* @__PURE__ */ jsx("span", {
-					className: "text-xs",
-					children: tab.label
-				})] })
-			}, tab.value))
-		})
-	});
-}
-
 //#endregion
 //#region src/components/toggle.tsx
-const toggleVariants = cva("inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium hover:bg-muted hover:text-muted-foreground disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0 focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] outline-none transition-[color,box-shadow] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive whitespace-nowrap", {
+const toggleVariants = cva("group/toggle inline-flex items-center justify-center gap-1 rounded-md bg-transparent text-sm font-medium whitespace-nowrap transition-all outline-none hover:bg-muted hover:text-foreground focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 data-disabled:pointer-events-none data-disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", {
 	variants: {
 		variant: {
-			default: "bg-transparent",
-			outline: "border border-input bg-transparent shadow-xs hover:bg-accent hover:text-accent-foreground"
+			default: "data-pressed:bg-secondary data-pressed:text-secondary-foreground data-pressed:hover:bg-secondary data-pressed:hover:text-secondary-foreground",
+			outline: "border border-input data-pressed:bg-muted"
 		},
 		size: {
-			default: "h-9 px-2 min-w-9",
-			sm: "h-8 px-1.5 min-w-8",
-			lg: "h-10 px-2.5 min-w-10"
+			default: "h-8 min-w-8 px-2 has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5",
+			sm: "h-6 min-w-6 px-1.5 has-data-[icon=inline-end]:pr-1 has-data-[icon=inline-start]:pl-1 [&_svg:not([class*='size-'])]:size-3.5",
+			lg: "h-10 min-w-10 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2"
 		}
 	},
 	defaultVariants: {
@@ -2435,54 +3768,139 @@ const toggleVariants = cva("inline-flex items-center justify-center gap-2 rounde
 		size: "default"
 	}
 });
-const Toggle = React$1.forwardRef(({ className, variant, size, ...props }, ref) => /* @__PURE__ */ jsx(TogglePrimitive.Root, {
-	ref,
-	"data-slot": "toggle",
-	className: cn(toggleVariants({
-		variant,
-		size,
-		className
-	})),
-	...props
-}));
-Toggle.displayName = "Toggle";
+function Toggle({ className, variant = "default", size = "default", ...props }) {
+	return /* @__PURE__ */ jsx(Toggle$1, {
+		"data-slot": "toggle",
+		className: cn(toggleVariants({
+			variant,
+			size,
+			className
+		})),
+		...props
+	});
+}
 
 //#endregion
 //#region src/components/toggle-group.tsx
 const ToggleGroupContext = React$1.createContext({
 	size: "default",
-	variant: "default"
+	variant: "default",
+	spacing: 0,
+	orientation: "horizontal",
+	block: false
 });
-function ToggleGroup({ className, variant, size, children, ...props }) {
-	return /* @__PURE__ */ jsx(ToggleGroupPrimitive.Root, {
+function ToggleGroup({ className, variant, size, spacing = 0, orientation = "horizontal", block = false, children, ...props }) {
+	return /* @__PURE__ */ jsx(ToggleGroup$1, {
 		"data-slot": "toggle-group",
 		"data-variant": variant,
 		"data-size": size,
-		className: cn("group/toggle-group flex w-fit items-center rounded-md data-[variant=outline]:shadow-xs", className),
+		"data-spacing": spacing,
+		"data-orientation": orientation,
+		"data-block": block,
+		style: { "--gap": spacing },
+		className: cn("group/toggle-group flex w-fit flex-row items-center gap-[--spacing(var(--gap))] rounded-md data-[orientation=vertical]:flex-col data-[orientation=vertical]:items-stretch data-[block=true]:w-full", className),
 		...props,
 		children: /* @__PURE__ */ jsx(ToggleGroupContext.Provider, {
 			value: {
 				variant,
-				size
+				size,
+				spacing,
+				orientation,
+				block
 			},
 			children
 		})
 	});
 }
-function ToggleGroupItem({ className, children, variant, size, ...props }) {
+function ToggleGroupItem({ className, children, variant = "default", size = "default", ...props }) {
 	const context = React$1.useContext(ToggleGroupContext);
-	return /* @__PURE__ */ jsx(ToggleGroupPrimitive.Item, {
+	return /* @__PURE__ */ jsx(Toggle$1, {
 		"data-slot": "toggle-group-item",
 		"data-variant": context.variant || variant,
 		"data-size": context.size || size,
-		className: cn(toggleVariants({
+		"data-spacing": context.spacing,
+		className: cn("shrink-0 group-data-[spacing=0]/toggle-group:rounded-none group-data-[spacing=0]/toggle-group:px-2 group-data-[spacing=0]/toggle-group:shadow-none focus:z-10 focus-visible:z-10 group-data-[spacing=0]/toggle-group:has-data-[icon=inline-end]:pr-1.5 group-data-[spacing=0]/toggle-group:has-data-[icon=inline-start]:pl-1.5 group-data-[orientation=horizontal]/toggle-group:data-[spacing=0]:first:rounded-l-md group-data-[orientation=vertical]/toggle-group:data-[spacing=0]:first:rounded-t-md group-data-[orientation=horizontal]/toggle-group:data-[spacing=0]:last:rounded-r-md group-data-[orientation=vertical]/toggle-group:data-[spacing=0]:last:rounded-b-md group-data-[orientation=horizontal]/toggle-group:data-[spacing=0]:border-l-0 group-data-[orientation=vertical]/toggle-group:data-[spacing=0]:border-t-0 group-data-[orientation=horizontal]/toggle-group:data-[spacing=0]:first:border-l group-data-[orientation=vertical]/toggle-group:data-[spacing=0]:first:border-t group-data-[block=true]/toggle-group:flex-1", toggleVariants({
 			variant: context.variant || variant,
 			size: context.size || size
-		}), "min-w-0 flex-1 shrink-0 rounded-none shadow-none first:rounded-l-md last:rounded-r-md focus:z-10 focus-visible:z-10 data-[variant=outline]:border-l-0 data-[variant=outline]:first:border-l", className),
+		}), className),
 		...props,
 		children
 	});
 }
 
 //#endregion
-export { Alert, AlertAction, AlertDescription, AlertTitle, Avatar, AvatarFallback, AvatarImage, Badge, Button, ButtonGroup, ButtonGroupSeparator, ButtonGroupText, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, Checkbox, Collapsible, CollapsibleContent, CollapsibleTrigger, Combobox, ComboboxChip, ComboboxChips, ComboboxChipsInput, ComboboxCollection, ComboboxContent, ComboboxEmpty, ComboboxGroup, ComboboxInput, ComboboxItem, ComboboxLabel, ComboboxList, ComboboxSeparator, ComboboxTrigger, ComboboxValue, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, CountryFlag, 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, EmojiPicker, EmojiPickerCategories, Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle, Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, Input, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle, Label, List, ListCol, ListRow, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, Progress, RadioGroup, RadioGroupItem, 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, Slot, Spinner, Switch, TabBar, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, ThemeProvider, Toaster, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, badgeVariants, buttonGroupVariants, buttonVariants, cn, inputOTPVariants, spinnerVariants, toast, toggleVariants, useComboboxAnchor, useSidebar, useTheme };
+//#region src/hooks/use-audio-gauge.ts
+/**
+* Drives a `<Gauge>` from the system microphone. Opens the default audio
+* input via `getUserMedia` and runs a smoothed frequency-domain analyser.
+*
+* The returned `value` is calibrated for typical speech: a normal speaking
+* voice fills several segments, and the meter saturates at ~50% of the
+* digital signal range (matches the existing tractor-based audio meters
+* shipped in `aw-web` and `phone`).
+*
+* @example
+*   const { value, error } = useAudioGauge()
+*   return (
+*     <>
+*       <Gauge value={value} />
+*       {error && <p>Microphone unavailable: {error.message}</p>}
+*     </>
+*   )
+*/
+function useAudioGauge(options = {}) {
+	const { intervalMs = 16, fftSize = 32, smoothing = .3, gain = 2 } = options;
+	const [value, setValue] = React$1.useState(0);
+	const [error, setError] = React$1.useState(null);
+	const gainRef = React$1.useRef(gain);
+	gainRef.current = gain;
+	React$1.useEffect(() => {
+		let cancelled = false;
+		let stream;
+		let ctx;
+		let intervalId;
+		setError(null);
+		navigator.mediaDevices.getUserMedia({ audio: true }).then((s) => {
+			if (cancelled) {
+				s.getTracks().forEach((track) => track.stop());
+				return;
+			}
+			stream = s;
+			ctx = new AudioContext();
+			const source = ctx.createMediaStreamSource(s);
+			const analyser = ctx.createAnalyser();
+			analyser.fftSize = fftSize;
+			analyser.smoothingTimeConstant = smoothing;
+			source.connect(analyser);
+			const buffer = new Uint8Array(analyser.frequencyBinCount);
+			ctx.resume().catch(() => {});
+			intervalId = setInterval(() => {
+				analyser.getByteFrequencyData(buffer);
+				let sum = 0;
+				for (const v of buffer) sum += v;
+				const next = Math.round(sum / buffer.length / 255 * 8 * gainRef.current);
+				setValue((prev) => prev === next ? prev : next);
+			}, intervalMs);
+		}).catch((err) => {
+			if (!cancelled) setError(err);
+		});
+		return () => {
+			cancelled = true;
+			if (intervalId !== void 0) clearInterval(intervalId);
+			stream?.getTracks().forEach((track) => track.stop());
+			ctx?.close().catch(() => {});
+			setValue(0);
+		};
+	}, [
+		intervalMs,
+		fftSize,
+		smoothing
+	]);
+	return {
+		value,
+		error
+	};
+}
+
+//#endregion
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertAction, AlertAction as BannerAction, AlertDescription, AlertDescription as BannerDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogMedia, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AlertTitle as BannerTitle, Avatar, AvatarBadge, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarImage, Badge, BadgeGroup, BadgeGroupCount, Banner, Button, ButtonGroup, ButtonGroupSeparator, ButtonGroupText, Calendar, CalendarDayButton, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, Checkbox, Collapsible, CollapsibleContent, CollapsibleTrigger, Combobox, ComboboxChip, ComboboxChips, ComboboxChipsInput, ComboboxCollection, ComboboxContent, ComboboxEmpty, ComboboxGroup, ComboboxInput, ComboboxItem, ComboboxLabel, ComboboxList, ComboboxSeparator, ComboboxTrigger, ComboboxValue, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, CounterBadge, CountryFlag, DataTable, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Drawer, DrawerBackdrop, DrawerBar, DrawerClose, DrawerContent, DrawerCreateHandle, DrawerDescription, DrawerFooter, DrawerHeader, DrawerMenu, DrawerMenuCheckboxItem, DrawerMenuGroup, DrawerMenuGroupLabel, DrawerMenuItem, DrawerMenuRadioGroup, DrawerMenuRadioItem, DrawerMenuSeparator, DrawerMenuTrigger, DrawerPanel, DrawerPopup, DrawerPortal, DrawerPrimitive, DrawerSwipeArea, DrawerTitle, DrawerTrigger, DrawerViewport, DropdownMenu, DropdownMenuAddon, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Dropzone, DropzoneActions, DropzoneContent, DropzoneDescription, DropzoneIcon, DropzoneTitle, DropzoneTrigger, EmojiPicker, EmojiPickerCategories, EmojiPickerContent, EmojiPickerTrigger, Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle, FAB, Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, Gauge, Input, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle, Label, List, ListCol, ListRow, NotificationQueueProvider, NotificationSlot, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, Popover, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger, Progress, ProgressIndicator, ProgressLabel, ProgressTrack, ProgressValue, RadioGroup, RadioGroupItem, ScrollArea, ScrollAreaPrimitive, 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, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, ThemeProvider, Toaster, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, alertVariants, badgeVariants, bannerVariants, buttonGroupVariants, buttonVariants, cn, counterBadgeVariants, fabVariants, selectTriggerVariants, spinnerVariants, toast, toggleVariants, useAudioGauge, useComboboxAnchor, useNotification, useNotificationQueue, useSidebar, useTheme };