@exsto/ds 0.0.0-stage → 0.0.1-rc.10

package/dist/index.js

@@ -0,0 +1,4512 @@
+import { a as PopoverHeader, c as Button, d as cssLength, i as PopoverDescription, l as buttonVariants, n as Popover, o as PopoverTitle, r as PopoverContent, s as PopoverTrigger, t as Input, u as cn } from "./chunks/input-syWxjY2U.js";
+import { a as useIsMobile, n as dateToDay, o as Calendar, r as dayToDate, s as CalendarDayButton, t as DateRangePicker } from "./chunks/date-range-picker-CWVcHgy2.js";
+import { A as useMergedRefs, C as RICH_TEXT_ELEMENTS, D as popupItemClass, E as POPUP_ITEM_INDICATOR_CLASS, O as ScrollArea, S as RICH_TEXT_ATTRIBUTES, T as isAllowedRichTextHref, _ as DropdownMenuTrigger, a as DropdownMenuContent, b as RichTextContent, c as DropdownMenuLabel, d as DropdownMenuRadioItem, f as DropdownMenuSeparator, g as DropdownMenuSubTrigger, h as DropdownMenuSubContent, i as DropdownMenuCheckboxItem, k as ScrollBar, l as DropdownMenuPortal, m as DropdownMenuSub, n as toggleVariants, o as DropdownMenuGroup, p as DropdownMenuShortcut, r as DropdownMenu, s as DropdownMenuItem, t as Toggle, u as DropdownMenuRadioGroup, v as RICH_TEXT_BODY_CLASS, w as RICH_TEXT_LINK_PROTOCOLS, x as richTextToNodes, y as RICH_TEXT_MENTION_CLASS } from "./chunks/toggle-CVnIkJVC.js";
+import * as React from "react";
+import { createContext, useCallback, useContext, useEffect, useMemo, useRef, useState } from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+import { Slider as Slider$1 } from "@base-ui/react/slider";
+import { IconAlertOctagon, IconAlertTriangle, IconArrowDown, IconCheck, IconChevronDown, IconChevronLeft, IconChevronRight, IconCircleCheck, IconDots, IconInfoCircle, IconLayoutSidebar, IconLoader, IconMaximize, IconMinus, IconPlayerPauseFilled, IconPlayerPlayFilled, IconSearch, IconSelector, IconVolume, IconVolumeOff, IconX } from "@tabler/icons-react";
+import { Avatar as Avatar$1 } from "@base-ui/react/avatar";
+import { Combobox as Combobox$1 } from "@base-ui/react/combobox";
+import { Tooltip as Tooltip$1 } from "@base-ui/react/tooltip";
+import { useVirtualizer } from "@tanstack/react-virtual";
+import { Accordion as Accordion$1 } from "@base-ui/react/accordion";
+import { AlertDialog as AlertDialog$1 } from "@base-ui/react/alert-dialog";
+import { mergeProps } from "@base-ui/react/merge-props";
+import { useRender } from "@base-ui/react/use-render";
+import useEmblaCarousel from "embla-carousel-react";
+import * as RechartsPrimitive from "recharts";
+import { Checkbox as Checkbox$1 } from "@base-ui/react/checkbox";
+import { Collapsible as Collapsible$1 } from "@base-ui/react/collapsible";
+import { Command as Command$1 } from "cmdk";
+import { Dialog as Dialog$1 } from "@base-ui/react/dialog";
+import { ContextMenu as ContextMenu$1 } from "@base-ui/react/context-menu";
+import { DirectionProvider, useDirection } from "@base-ui/react/direction-provider";
+import { Menu } from "@base-ui/react/menu";
+import { Field as Field$1 } from "@base-ui/react/field";
+import { PreviewCard } from "@base-ui/react/preview-card";
+import { OTPInput, OTPInputContext } from "input-otp";
+import { Separator as Separator$1 } from "@base-ui/react/separator";
+import { Menubar as Menubar$1 } from "@base-ui/react/menubar";
+import { MessageScroller as MessageScroller$1, useMessageScroller, useMessageScrollerScrollable, useMessageScrollerVisibility } from "@shadcn/react/message-scroller";
+import { NavigationMenu as NavigationMenu$1 } from "@base-ui/react/navigation-menu";
+import { Progress as Progress$1 } from "@base-ui/react/progress";
+import { Questionnaire as Questionnaire$1 } from "@shadcn/react/questionnaire";
+import { Radio } from "@base-ui/react/radio";
+import { RadioGroup as RadioGroup$1 } from "@base-ui/react/radio-group";
+import * as ResizablePrimitive from "react-resizable-panels";
+import { Select as Select$1 } from "@base-ui/react/select";
+import { Switch as Switch$1 } from "@base-ui/react/switch";
+import { Tabs as Tabs$1 } from "@base-ui/react/tabs";
+import { Toast as Toast$1 } from "@base-ui/react/toast";
+import { Toggle as Toggle$1 } from "@base-ui/react/toggle";
+import { ToggleGroup as ToggleGroup$1 } from "@base-ui/react/toggle-group";
+//#region ../ui/src/components/edyn/animated-number/animated-number.tsx
+var DURATION = 800;
+var easeInOutCubic = (t) => t < .5 ? 4 * t ** 3 : 1 - (-2 * t + 2) ** 3 / 2;
+var reducedMotion$1 = () => window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+var NUMBER = new Intl.NumberFormat("en-GB");
+/** Thousands separated, rounded to a whole number: the default way a count reads. */
+var formatCount = (value) => NUMBER.format(Math.round(value) || 0);
+var useSeen = (element) => {
+	const [seen, setSeen] = useState(() => typeof IntersectionObserver === "undefined");
+	useEffect(() => {
+		const target = element.current;
+		if (seen || target === null) return;
+		const observer = new IntersectionObserver((entries) => {
+			if (entries.some((entry) => entry.isIntersecting)) {
+				setSeen(true);
+				observer.disconnect();
+			}
+		});
+		observer.observe(target);
+		return () => observer.disconnect();
+	}, [element, seen]);
+	return seen;
+};
+/**
+* The values to show for `targets` this frame, all on one clock and one curve, so a
+* count and its bar move together. They start from 0 and move once `element` has
+* been on screen.
+*/
+var useAnimatedValues = (targets, element) => {
+	const seen = useSeen(element);
+	const [shown, setShown] = useState(() => targets.map(() => 0));
+	const refCurrent = useRef(shown);
+	const key = targets.join(",");
+	useEffect(() => {
+		if (!seen) return;
+		const goal = key.split(",").map(Number);
+		const from = goal.map((_, index) => refCurrent.current[index] ?? 0);
+		if (from.every((value, index) => value === goal[index])) return;
+		if (reducedMotion$1()) {
+			refCurrent.current = goal;
+			setShown(goal);
+			return;
+		}
+		const start = performance.now();
+		let frame = 0;
+		const tick = (now) => {
+			const progress = Math.min(1, (now - start) / DURATION);
+			const eased = easeInOutCubic(progress);
+			const next = progress === 1 ? goal : goal.map((value, index) => (from[index] ?? 0) + (value - (from[index] ?? 0)) * eased);
+			refCurrent.current = next;
+			setShown(next);
+			if (progress < 1) frame = requestAnimationFrame(tick);
+		};
+		frame = requestAnimationFrame(tick);
+		return () => cancelAnimationFrame(frame);
+	}, [key, seen]);
+	return shown;
+};
+/**
+* A number that moves to its new value. Its width holds the widest of where it starts
+* and where it lands, in tabular figures, so nothing beside it moves while the digits
+* change. Assistive technology reads only the final value.
+*/
+var AnimatedNumber = ({ value, format = formatCount, className, ...props }) => {
+	const refElement = useRef(null);
+	const [shown = 0] = useAnimatedValues([value], refElement);
+	return /* @__PURE__ */ jsx(NumberText, {
+		element: refElement,
+		shown,
+		value,
+		format,
+		className,
+		...props
+	});
+};
+/** The text of a moving number: what it shows now, held at its widest, with the final value for assistive technology. */
+var NumberText = ({ element, shown, value, format = formatCount, className, ...props }) => {
+	const now = format(shown);
+	const final = format(value);
+	const widest = now.length > final.length ? now : final;
+	return /* @__PURE__ */ jsxs("span", {
+		"data-slot": "animated-number",
+		...props,
+		ref: element,
+		className,
+		children: [/* @__PURE__ */ jsxs("span", {
+			"aria-hidden": "true",
+			className: "inline-grid tabular-nums",
+			children: [/* @__PURE__ */ jsx("span", {
+				"data-ghost": widest,
+				className: "invisible col-start-1 row-start-1 ghost-text"
+			}), /* @__PURE__ */ jsx("span", {
+				"data-slot": "animated-number-value",
+				className: "col-start-1 row-start-1",
+				children: now
+			})]
+		}), /* @__PURE__ */ jsx("span", {
+			className: "sr-only",
+			children: final
+		})]
+	});
+};
+//#endregion
+//#region ../ui/src/components/ui/slider/slider.tsx
+var Slider = ({ className, value, defaultValue, min, max, step, disabled, onValueChange, onValueCommitted, name, minStepsBetweenValues, "aria-label": ariaLabel, ...props }) => {
+	const thumbValues = Array.isArray(value) ? value : Array.isArray(defaultValue) ? defaultValue : [value ?? defaultValue ?? min ?? 0];
+	const thumbs = Array.from({ length: thumbValues.length }, (_, index) => ({
+		id: `thumb-${index}`,
+		index
+	}));
+	return /* @__PURE__ */ jsx(Slider$1.Root, {
+		"data-slot": "slider",
+		className: cn("relative flex w-full touch-none items-center", className),
+		value,
+		defaultValue,
+		min,
+		max,
+		step,
+		disabled,
+		onValueChange,
+		onValueCommitted,
+		name,
+		minStepsBetweenValues,
+		thumbAlignment: "edge",
+		"aria-label": ariaLabel,
+		...props,
+		children: /* @__PURE__ */ jsxs(Slider$1.Control, {
+			"data-slot": "slider-control",
+			className: "relative flex w-full cursor-pointer touch-none items-center py-3 data-disabled:cursor-not-allowed data-disabled:opacity-50",
+			children: [/* @__PURE__ */ jsx(Slider$1.Track, {
+				"data-slot": "slider-track",
+				className: "relative h-1.5 w-full grow overflow-hidden rounded-full bg-muted",
+				children: /* @__PURE__ */ jsx(Slider$1.Indicator, {
+					"data-slot": "slider-indicator",
+					className: "absolute h-full bg-primary"
+				})
+			}), thumbs.map((thumb) => /* @__PURE__ */ jsx(Slider$1.Thumb, {
+				index: thumb.index,
+				getAriaLabel: ariaLabel ? () => thumbValues.length > 1 ? `${ariaLabel} ${thumb.index + 1}` : ariaLabel : void 0,
+				"data-slot": "slider-thumb",
+				className: "relative block size-4 shrink-0 rounded-full border border-primary/50 bg-background shadow-sm outline-none transition-colors after:absolute after:-inset-2 focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 data-disabled:pointer-events-none data-disabled:opacity-50"
+			}, thumb.id))]
+		})
+	});
+};
+//#endregion
+//#region ../ui/src/hooks/use-media-player.ts
+/** `0:00` for anything that is not a finite, non-negative number, so a loading or errored source still renders. */
+var formatMediaTime = (seconds) => {
+	if (!Number.isFinite(seconds) || seconds < 0) return "0:00";
+	const whole = Math.floor(seconds);
+	const hours = Math.floor(whole / 3600);
+	const minutes = Math.floor(whole % 3600 / 60);
+	const rest = whole % 60;
+	const padded = `${String(rest).padStart(2, "0")}`;
+	if (hours > 0) return `${hours}:${String(minutes).padStart(2, "0")}:${padded}`;
+	return `${minutes}:${padded}`;
+};
+/**
+* Shared playback engine for the Audio and Video players. Both wrap the same
+* HTMLMediaElement API, so the state machine lives here once and each component
+* owns only its own layout and controls.
+*/
+var useMediaPlayer = (options = {}) => {
+	const { onPlay, onPause, onEnded, onTimeUpdate } = options;
+	const refMedia = React.useRef(null);
+	const [state, setState] = React.useState({
+		playing: false,
+		currentTime: 0,
+		duration: 0,
+		volume: 1,
+		muted: false
+	});
+	React.useEffect(() => {
+		const media = refMedia.current;
+		if (!media) return;
+		const syncMeta = () => {
+			setState((previous) => ({
+				...previous,
+				duration: Number.isFinite(media.duration) ? media.duration : 0,
+				volume: media.volume,
+				muted: media.muted
+			}));
+		};
+		const handlePlay = () => {
+			setState((previous) => ({
+				...previous,
+				playing: true
+			}));
+			onPlay?.();
+		};
+		const handlePause = () => {
+			setState((previous) => ({
+				...previous,
+				playing: false
+			}));
+			onPause?.();
+		};
+		const handleEnded = () => {
+			setState((previous) => ({
+				...previous,
+				playing: false
+			}));
+			onEnded?.();
+		};
+		const handleTimeUpdate = () => {
+			setState((previous) => ({
+				...previous,
+				currentTime: media.currentTime
+			}));
+			onTimeUpdate?.(media.currentTime, Number.isFinite(media.duration) ? media.duration : 0);
+		};
+		const handleVolumeChange = () => {
+			setState((previous) => ({
+				...previous,
+				volume: media.volume,
+				muted: media.muted
+			}));
+		};
+		syncMeta();
+		media.addEventListener("loadedmetadata", syncMeta);
+		media.addEventListener("durationchange", syncMeta);
+		media.addEventListener("play", handlePlay);
+		media.addEventListener("pause", handlePause);
+		media.addEventListener("ended", handleEnded);
+		media.addEventListener("timeupdate", handleTimeUpdate);
+		media.addEventListener("volumechange", handleVolumeChange);
+		return () => {
+			media.removeEventListener("loadedmetadata", syncMeta);
+			media.removeEventListener("durationchange", syncMeta);
+			media.removeEventListener("play", handlePlay);
+			media.removeEventListener("pause", handlePause);
+			media.removeEventListener("ended", handleEnded);
+			media.removeEventListener("timeupdate", handleTimeUpdate);
+			media.removeEventListener("volumechange", handleVolumeChange);
+		};
+	}, [
+		onPlay,
+		onPause,
+		onEnded,
+		onTimeUpdate
+	]);
+	const toggle = React.useCallback(() => {
+		const media = refMedia.current;
+		if (!media) return;
+		if (media.paused) {
+			media.play().catch(() => void 0);
+			return;
+		}
+		media.pause();
+	}, []);
+	const seek = React.useCallback((seconds) => {
+		const media = refMedia.current;
+		if (!media || !Number.isFinite(seconds)) return;
+		media.currentTime = seconds;
+		setState((previous) => ({
+			...previous,
+			currentTime: seconds
+		}));
+	}, []);
+	const changeVolume = React.useCallback((volume) => {
+		const media = refMedia.current;
+		if (!media || !Number.isFinite(volume)) return;
+		const next = Math.min(1, Math.max(0, volume));
+		media.volume = next;
+		media.muted = next === 0;
+	}, []);
+	const toggleMute = React.useCallback(() => {
+		const media = refMedia.current;
+		if (!media) return;
+		media.muted = !media.muted;
+	}, []);
+	return {
+		...state,
+		refMedia,
+		toggle,
+		seek,
+		changeVolume,
+		toggleMute
+	};
+};
+//#endregion
+//#region ../ui/src/components/edyn/audio-player/audio-player.tsx
+/**
+* Compact inline media control for audio content: play/pause, elapsed and total
+* time, a seekable timeline, and volume. Four elements in one rounded row, per
+* the design-system anatomy.
+*/
+var AudioPlayer = ({ src, muted = false, loop = false, disabled = false, width, className, "aria-label": ariaLabel = "Audio player", style, onPlay, onPause, onEnded, onTimeUpdate, ...props }) => {
+	const { refMedia, playing, currentTime, duration, muted: isMuted, toggle, seek, toggleMute } = useMediaPlayer({
+		onPlay,
+		onPause,
+		onEnded,
+		onTimeUpdate
+	});
+	const PlaybackIcon = playing ? IconPlayerPauseFilled : IconPlayerPlayFilled;
+	const VolumeIcon = isMuted ? IconVolumeOff : IconVolume;
+	return /* @__PURE__ */ jsxs("div", {
+		"data-slot": "audio-player",
+		"data-playing": playing || void 0,
+		role: "group",
+		...props,
+		"aria-label": ariaLabel,
+		style: {
+			width: cssLength(width),
+			...style
+		},
+		className: cn("flex h-12 w-full items-center gap-2 rounded-lg bg-muted px-3 py-1.5", className),
+		children: [
+			/* @__PURE__ */ jsx(Button, {
+				type: "button",
+				variant: "ghost",
+				size: "icon",
+				disabled,
+				"aria-label": playing ? "Pause" : "Play",
+				onClick: toggle,
+				children: /* @__PURE__ */ jsx(PlaybackIcon, {})
+			}),
+			/* @__PURE__ */ jsxs("span", {
+				"data-slot": "audio-player-time",
+				className: "shrink-0 text-xs tabular-nums text-foreground/70",
+				children: [
+					formatMediaTime(currentTime),
+					" / ",
+					formatMediaTime(duration)
+				]
+			}),
+			/* @__PURE__ */ jsx(Slider, {
+				className: "flex-1 [&_[data-slot=slider-control]]:py-1.5 [&_[data-slot=slider-thumb]]:size-3 [&_[data-slot=slider-track]]:h-1 [&_[data-slot=slider-track]]:bg-foreground/15",
+				value: Math.min(currentTime, duration || 0),
+				min: 0,
+				max: duration || 0,
+				step: 1,
+				disabled: disabled || duration === 0,
+				"aria-label": "Seek",
+				onValueChange: (next) => {
+					seek(next);
+				}
+			}),
+			/* @__PURE__ */ jsx(Button, {
+				type: "button",
+				variant: "ghost",
+				size: "icon",
+				disabled,
+				"aria-label": isMuted ? "Unmute" : "Mute",
+				onClick: toggleMute,
+				children: /* @__PURE__ */ jsx(VolumeIcon, {})
+			}),
+			/* @__PURE__ */ jsx("audio", {
+				ref: refMedia,
+				src,
+				muted,
+				loop,
+				preload: "metadata"
+			})
+		]
+	});
+};
+//#endregion
+//#region ../ui/src/components/ui/avatar/avatar.tsx
+var Avatar = ({ className, size = "default", ...props }) => {
+	return /* @__PURE__ */ jsx(Avatar$1.Root, {
+		"data-slot": "avatar",
+		"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=lg]:size-10 data-[size=sm]:size-6 dark:after:mix-blend-lighten", className),
+		...props
+	});
+};
+var AvatarImage = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(Avatar$1.Image, {
+		"data-slot": "avatar-image",
+		className: cn("aspect-square size-full rounded-full object-cover", className),
+		...props
+	});
+};
+var AvatarFallback = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(Avatar$1.Fallback, {
+		"data-slot": "avatar-fallback",
+		className: cn("flex size-full items-center justify-center rounded-full bg-muted text-sm text-foreground/70 group-data-[size=sm]/avatar:text-xs", className),
+		...props
+	});
+};
+var 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-primary text-primary-foreground bg-blend-color ring-2 ring-background select-none", "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", className),
+		...props
+	});
+};
+var 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
+	});
+};
+var 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-foreground/70 ring-2 ring-background group-has-data-[size=lg]/avatar-group:size-10 group-has-data-[size=sm]/avatar-group:size-6 [&>svg]:size-4 group-has-data-[size=lg]/avatar-group:[&>svg]:size-5 group-has-data-[size=sm]/avatar-group:[&>svg]:size-3", className),
+		...props
+	});
+};
+//#endregion
+//#region ../ui/src/components/edyn/initials-avatar/initials-avatar.tsx
+/** How many colour pairs the theme defines (--avatar-1-bg, --avatar-1-fg ... in @edyn/theme tokens.css). */
+var AVATAR_TONES = 12;
+/**
+* The palette entry the text gets, from 1: the same text always gets the same one.
+* FNV-1a, because a plain multiply-and-add hash puts two letters on a few entries
+* only (it reduces to 7 x first + second, modulo 12).
+*/
+var avatarTone = (text) => {
+	let hash = 2166136261;
+	for (const character of text) {
+		hash ^= character.codePointAt(0) ?? 0;
+		hash = Math.imul(hash, 16777619);
+	}
+	hash ^= hash >>> 16;
+	hash = Math.imul(hash, 2246822507);
+	hash ^= hash >>> 13;
+	hash = Math.imul(hash, 3266489909);
+	hash ^= hash >>> 16;
+	return (hash >>> 0) % 12 + 1;
+};
+/** Up to two initials, upper-cased: the first letter of the first two words. */
+var initialsOf = (name) => name.split(/\s+/).filter((part) => part !== "").slice(0, 2).map((part) => Array.from(part)[0]?.toUpperCase() ?? "").join("");
+/**
+* The circle and its letters together, so the initials always fit. The font size
+* is inline rather than a class on purpose: 9px and 15px are not on Tailwind's
+* type scale, a custom `text-*` token would be read by tailwind-merge as a colour
+* and could drop the wrong class, and an inline size cannot be fought by the
+* fallback's own `text-sm`.
+*/
+var SIZES = {
+	xs: {
+		box: "size-5",
+		fontSize: 9
+	},
+	sm: {
+		box: "size-6",
+		fontSize: 10
+	},
+	md: {
+		box: "size-8",
+		fontSize: 12
+	},
+	lg: {
+		box: "size-10",
+		fontSize: 15
+	}
+};
+/** A person's photo, or their initials on a circle in the palette colour they pick; both themes switch by themselves. */
+var InitialsAvatar = ({ name, photoUrl, size = "md", className, autoColor = true, label, "aria-label": ariaLabel, ...props }) => {
+	const initials = initialsOf(name);
+	const tone = avatarTone(initials);
+	const { box, fontSize } = SIZES[size];
+	const style = autoColor ? {
+		fontSize,
+		backgroundColor: `var(--avatar-${tone}-bg)`,
+		color: `var(--avatar-${tone}-fg)`
+	} : { fontSize };
+	const accessibleName = label ?? ariaLabel;
+	const a11y = accessibleName === void 0 ? { "aria-hidden": true } : {
+		role: "img",
+		"aria-label": accessibleName
+	};
+	return /* @__PURE__ */ jsxs(Avatar, {
+		"data-slot": "initials-avatar",
+		...props,
+		"data-tone": autoColor ? tone : void 0,
+		className: cn(box, className),
+		...a11y,
+		children: [photoUrl != null && /* @__PURE__ */ jsx(AvatarImage, {
+			src: photoUrl,
+			alt: ""
+		}), /* @__PURE__ */ jsx(AvatarFallback, {
+			style,
+			className: "leading-none font-semibold tracking-tight",
+			children: initials
+		})]
+	});
+};
+//#endregion
+//#region ../ui/src/components/ui/tooltip/tooltip.tsx
+var TooltipProvider = ({ delay = 0, ...props }) => {
+	return /* @__PURE__ */ jsx(Tooltip$1.Provider, {
+		"data-slot": "tooltip-provider",
+		delay,
+		...props
+	});
+};
+var Tooltip = ({ ...props }) => {
+	return /* @__PURE__ */ jsx(Tooltip$1.Root, {
+		"data-slot": "tooltip",
+		...props
+	});
+};
+var TooltipTrigger = ({ ...props }) => {
+	return /* @__PURE__ */ jsx(Tooltip$1.Trigger, {
+		"data-slot": "tooltip-trigger",
+		...props
+	});
+};
+var TooltipContent = ({ className, side = "top", sideOffset = 4, align = "center", alignOffset = 0, children, ...props }) => {
+	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, {
+			"data-slot": "tooltip-content",
+			className: cn("z-50 inline-flex w-fit max-w-xs origin-(--transform-origin) items-center gap-1.5 rounded-md bg-foreground px-3 py-1.5 text-xs text-background 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", "motion-reduce:animate-none", 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-foreground fill-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" })]
+		})
+	}) });
+};
+//#endregion
+//#region ../ui/src/components/edyn/multi-select/multi-select.tsx
+var DEFAULT_MULTI_SELECT_LABELS = {
+	noMatches: "No matches.",
+	loading: "Loading…",
+	error: "Could not load the options.",
+	retry: "Try again",
+	loadMore: "Load more",
+	loadingMore: "Loading…",
+	clear: "Clear",
+	selectedCount: (count) => `${count} selected`
+};
+/** Above this many options a list draws only the rows on screen. */
+var VIRTUALIZE_FROM = 100;
+var ITEM_HEIGHT = 32;
+/**
+* The options behind the chosen values, in the order they were chosen. A value with no
+* known option is kept and shown as itself rather than dropped: a selection must never
+* change just because a list did.
+*/
+var resolveChosen = (value, options, selectedOptions = []) => {
+	const known = /* @__PURE__ */ new Map();
+	for (const option of [...selectedOptions, ...options]) known.set(option.value, option);
+	return value.map((entry) => known.get(entry) ?? {
+		value: entry,
+		label: entry
+	});
+};
+/** What the trigger says: the placeholder, the one picked, or a count. */
+var summarize = (chosen, placeholder, labels, summary = "selection") => {
+	if (chosen.length === 0) return placeholder;
+	if (summary === "label") return labels.selectedCount(chosen.length);
+	return chosen.length === 1 ? chosen[0]?.label ?? "" : labels.selectedCount(chosen.length);
+};
+/** Every chosen name, for a tooltip on a trigger whose text is cut. With `label` the names are not shown, so it is the text itself. */
+var fullSelection = (chosen, placeholder, labels, summary = "selection") => summary === "selection" && chosen.length > 0 ? chosen.map((option) => option.label).join(", ") : summarize(chosen, placeholder, labels, summary);
+var POPUP = "flex max-h-(--available-height) w-(--anchor-width) min-w-64 max-w-sm origin-(--transform-origin) flex-col overflow-hidden rounded-lg border border-border bg-popover text-popover-foreground shadow-md outline-none duration-100 motion-reduce:animate-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";
+var TRIGGER = "flex h-8 w-full min-w-0 cursor-pointer items-center justify-between gap-2 rounded-lg border border-input bg-transparent px-2.5 text-sm text-foreground transition-colors outline-none focus-visible:border-ring disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive data-popup-open:border-ring dark:bg-input/30";
+var Option = ({ option, index, style, measure, highlighted }) => {
+	const [cut, setCut] = useState(false);
+	const measureLabel = useCallback((element) => {
+		if (!element) return;
+		const measureCut = () => setCut(element.scrollWidth > element.clientWidth);
+		measureCut();
+		if (typeof ResizeObserver === "undefined") return;
+		const observer = new ResizeObserver(measureCut);
+		observer.observe(element);
+		return () => observer.disconnect();
+	}, []);
+	return /* @__PURE__ */ jsxs(Combobox$1.Item, {
+		value: option,
+		index,
+		ref: measure,
+		"data-index": index,
+		style,
+		"data-slot": "multi-select-item",
+		className: cn(popupItemClass("base-ui"), "group"),
+		children: [
+			/* @__PURE__ */ jsx("span", {
+				"data-slot": "multi-select-item-indicator",
+				"aria-hidden": "true",
+				className: "flex size-4 shrink-0 items-center justify-center rounded-sm border border-input text-primary-foreground transition-colors group-data-[selected]:border-primary group-data-[selected]:bg-primary",
+				children: /* @__PURE__ */ jsx(IconCheck, {
+					className: "size-3 opacity-0 group-data-[selected]:opacity-100",
+					stroke: 3
+				})
+			}),
+			option.leading,
+			/* @__PURE__ */ jsxs(Tooltip, {
+				open: highlighted && cut,
+				children: [/* @__PURE__ */ jsx(TooltipTrigger, {
+					"data-slot": "multi-select-item-label",
+					"data-overflowing": cut ? "" : void 0,
+					render: /* @__PURE__ */ jsx("span", {
+						ref: measureLabel,
+						className: "min-w-0 flex-1 truncate"
+					}),
+					children: option.label
+				}, option.label), /* @__PURE__ */ jsx(TooltipContent, {
+					side: "right",
+					children: option.label
+				})]
+			}),
+			option.count !== void 0 && /* @__PURE__ */ jsx("span", {
+				className: "text-xs text-muted-foreground tabular-nums",
+				children: option.count
+			})
+		]
+	});
+};
+var Options = ({ scroller, scrollTo, busy, highlightedValue }) => {
+	const items = Combobox$1.useFilteredItems();
+	const virtual = items.length > 100;
+	const [mounted, setMounted] = useState(false);
+	useEffect(() => setMounted(true), []);
+	const virtualizer = useVirtualizer({
+		count: items.length,
+		getScrollElement: () => scroller.current,
+		estimateSize: () => ITEM_HEIGHT,
+		overscan: 12,
+		enabled: virtual && mounted
+	});
+	useEffect(() => {
+		scrollTo.current = virtual ? (index) => virtualizer.scrollToIndex(index, { align: "auto" }) : () => void 0;
+	}, [
+		scrollTo,
+		virtual,
+		virtualizer
+	]);
+	if (!virtual) return /* @__PURE__ */ jsx(Combobox$1.List, {
+		"aria-busy": busy || void 0,
+		className: "p-1 outline-none",
+		children: items.map((option, index) => /* @__PURE__ */ jsx(Option, {
+			option,
+			index,
+			highlighted: highlightedValue === option.value
+		}, option.value))
+	});
+	return /* @__PURE__ */ jsx(Combobox$1.List, {
+		"data-virtualized": "",
+		"aria-busy": busy || void 0,
+		className: "relative m-1 outline-none",
+		style: { height: virtualizer.getTotalSize() },
+		children: virtualizer.getVirtualItems().map((row) => {
+			const option = items[row.index];
+			return option === void 0 ? null : /* @__PURE__ */ jsx(Option, {
+				option,
+				index: row.index,
+				highlighted: highlightedValue === option.value,
+				measure: virtualizer.measureElement,
+				style: {
+					position: "absolute",
+					top: 0,
+					left: 0,
+					right: 0,
+					transform: `translateY(${row.start}px)`
+				}
+			}, option.value);
+		})
+	});
+};
+/**
+* A choice of several from a list: a trigger shaped like a Select that says what is picked
+* (the placeholder, the one picked, or a count), and a popup with a search field and checkbox
+* options, with the shared popup list style, the ScrollArea's bar and fades, and virtualization
+* past VIRTUALIZE_FROM options. Nothing chosen means no filter.
+*
+* For a short fixed list pass `options` and nothing else: the component filters them as the
+* user types. For a list that grows, pass `onSearchChange` and it becomes a window onto a
+* server: the caller fetches the options for the typed text, and says when they are loading,
+* failed, or have another page.
+*/
+var MultiSelect = ({ placeholder, searchPlaceholder, options, value, onValueChange, id, disabled = false, className, onSearchChange, searchDelay = 250, selectedOptions, loading = false, error = false, onRetry, hasMore = false, onLoadMore, loadingMore = false, labels: labelOverrides, summary = "selection", ...rest }) => {
+	const labels = useMemo(() => ({
+		...DEFAULT_MULTI_SELECT_LABELS,
+		...labelOverrides
+	}), [labelOverrides]);
+	const isAsync = onSearchChange !== void 0;
+	const chosen = useMemo(() => resolveChosen(value, options, selectedOptions), [
+		value,
+		options,
+		selectedOptions
+	]);
+	const items = useMemo(() => {
+		const offered = new Set(options.map((option) => option.value));
+		return [...chosen.filter((option) => !offered.has(option.value)), ...options];
+	}, [chosen, options]);
+	const refScroller = useRef(null);
+	const refScrollTo = useRef(() => void 0);
+	const refTimer = useRef(void 0);
+	const refTriggerText = useRef(null);
+	const refSearch = useRef(null);
+	const [popupOpen, setPopupOpen] = useState(false);
+	const [highlightedValue, setHighlightedValue] = useState(null);
+	const refReported = useRef(void 0);
+	const refOpen = useRef(false);
+	const errorMessage = typeof error === "string" ? error : labels.error;
+	const failed = error !== false;
+	useEffect(() => () => window.clearTimeout(refTimer.current), []);
+	const closeFromTrigger = (event) => {
+		if (event.key !== "Escape" || !popupOpen || refSearch.current === null) return;
+		event.stopPropagation();
+		event.preventDefault();
+		refSearch.current.dispatchEvent(new KeyboardEvent("keydown", {
+			key: "Escape",
+			bubbles: true,
+			cancelable: true
+		}));
+	};
+	return /* @__PURE__ */ jsxs(Combobox$1.Root, {
+		multiple: true,
+		disabled,
+		items,
+		filter: isAsync ? null : void 0,
+		value: chosen,
+		onValueChange: (next) => onValueChange(next.map((option) => option.value)),
+		onInputValueChange: (text) => {
+			if (onSearchChange === void 0 || !refOpen.current) return;
+			window.clearTimeout(refTimer.current);
+			if (text === refReported.current) return;
+			refTimer.current = window.setTimeout(() => {
+				refReported.current = text;
+				onSearchChange(text);
+			}, searchDelay);
+		},
+		onOpenChange: (open) => {
+			window.clearTimeout(refTimer.current);
+			setPopupOpen(open);
+			if (!open) setHighlightedValue(null);
+			refOpen.current = open;
+			refReported.current = open ? "" : void 0;
+			if (open && onSearchChange !== void 0) onSearchChange("");
+		},
+		itemToStringLabel: (option) => option.label,
+		isItemEqualToValue: (a, b) => a.value === b.value,
+		virtualized: items.length > 100,
+		onItemHighlighted: (item, details) => {
+			setHighlightedValue(item?.value ?? null);
+			if (details.reason === "keyboard" && details.index >= 0) refScrollTo.current(details.index);
+		},
+		children: [/* @__PURE__ */ jsxs(Tooltip, {
+			disabled: popupOpen,
+			onOpenChange: (open, details) => {
+				const element = refTriggerText.current;
+				if (open && !(element && element.scrollWidth > element.clientWidth)) details.cancel();
+			},
+			children: [/* @__PURE__ */ jsxs(TooltipTrigger, {
+				"data-slot": "multi-select-trigger",
+				render: /* @__PURE__ */ jsx(Combobox$1.Trigger, {
+					...rest,
+					id,
+					"data-set": chosen.length > 0 ? "" : void 0,
+					onKeyDown: closeFromTrigger,
+					className: cn(TRIGGER, className)
+				}),
+				children: [/* @__PURE__ */ jsx("span", {
+					ref: refTriggerText,
+					className: cn("min-w-0 flex-1 truncate text-left", chosen.length === 0 && "text-muted-foreground"),
+					children: summarize(chosen, placeholder, labels, summary)
+				}), /* @__PURE__ */ jsx(IconChevronDown, {
+					"aria-hidden": "true",
+					className: "size-4 shrink-0 text-muted-foreground"
+				})]
+			}), /* @__PURE__ */ jsx(TooltipContent, { children: fullSelection(chosen, placeholder, labels, summary) })]
+		}), /* @__PURE__ */ jsx(Combobox$1.Portal, { children: /* @__PURE__ */ jsx(Combobox$1.Positioner, {
+			sideOffset: 4,
+			align: "start",
+			className: "z-50",
+			children: /* @__PURE__ */ jsxs(Combobox$1.Popup, {
+				"data-slot": "multi-select-content",
+				className: POPUP,
+				children: [
+					/* @__PURE__ */ jsxs("div", {
+						className: "flex shrink-0 items-center gap-2 border-b border-border px-3",
+						children: [/* @__PURE__ */ jsx(IconSearch, {
+							"aria-hidden": "true",
+							className: "size-4 shrink-0 text-muted-foreground"
+						}), /* @__PURE__ */ jsx(Combobox$1.Input, {
+							ref: refSearch,
+							placeholder: searchPlaceholder,
+							"aria-label": searchPlaceholder.replace(/…$/, ""),
+							className: "h-10 w-full min-w-0 bg-transparent text-sm outline-none placeholder:text-muted-foreground"
+						})]
+					}),
+					/* @__PURE__ */ jsx(Combobox$1.Status, {
+						"data-slot": "multi-select-status",
+						className: "px-3 py-2 text-sm text-muted-foreground empty:p-0",
+						children: failed ? /* @__PURE__ */ jsxs("span", {
+							className: "flex items-center justify-between gap-2 text-destructive",
+							children: [errorMessage, onRetry !== void 0 && /* @__PURE__ */ jsx("button", {
+								type: "button",
+								onClick: onRetry,
+								className: "rounded-md px-2 py-1 font-medium text-foreground hover:bg-foreground/6",
+								children: labels.retry
+							})]
+						}) : loading ? labels.loading : null
+					}),
+					/* @__PURE__ */ jsx(Combobox$1.Empty, {
+						className: "px-3 py-6 text-center text-sm text-muted-foreground empty:p-0",
+						children: loading || failed ? null : labels.noMatches
+					}),
+					/* @__PURE__ */ jsx(ScrollArea, {
+						type: "always",
+						fade: true,
+						viewportRef: refScroller,
+						className: "max-h-72 min-h-0",
+						children: /* @__PURE__ */ jsx(Options, {
+							scroller: refScroller,
+							scrollTo: refScrollTo,
+							busy: loading,
+							highlightedValue
+						})
+					}),
+					hasMore && onLoadMore !== void 0 && /* @__PURE__ */ jsx("div", {
+						className: "shrink-0 border-t border-border p-1",
+						children: /* @__PURE__ */ jsx("button", {
+							type: "button",
+							disabled: loadingMore,
+							onClick: onLoadMore,
+							className: "h-8 w-full rounded-md px-2 text-sm font-medium text-foreground hover:bg-foreground/6 disabled:pointer-events-none disabled:opacity-50",
+							children: loadingMore ? labels.loadingMore : labels.loadMore
+						})
+					}),
+					chosen.length > 0 && /* @__PURE__ */ jsxs("div", {
+						className: "flex shrink-0 items-center justify-between gap-2 border-t border-border py-1 pr-1 pl-3 text-xs text-muted-foreground",
+						children: [/* @__PURE__ */ jsx("span", {
+							className: "tabular-nums",
+							children: labels.selectedCount(chosen.length)
+						}), /* @__PURE__ */ jsx("button", {
+							type: "button",
+							onClick: () => onValueChange([]),
+							className: "rounded-md px-2 py-1 font-medium text-foreground hover:bg-foreground/6",
+							children: labels.clear
+						})]
+					})
+				]
+			})
+		}) })]
+	});
+};
+//#endregion
+//#region ../ui/src/components/edyn/progress-line/progress-line.tsx
+/** Work quicker than this shows no line at all. */
+var START_DELAY = 150;
+var FINISH = 150;
+var FADE = 200;
+/** How far an ordinary run eases towards the end without reaching it. */
+var RUN_TARGET = .85;
+/**
+* The line's colour: an app sets --progress-line (on :root, or on any element above the
+* line) to match its accent. The fallback is read where the line is, so it follows the
+* theme, which a default declared once on :root would not.
+*/
+var PROGRESS_LINE_COLOR = "var(--progress-line, var(--primary))";
+var reducedMotion = () => window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+var scaleOf = (line) => {
+	const transform = line === null ? "none" : getComputedStyle(line).transform;
+	return transform === "none" ? 0 : new DOMMatrixReadOnly(transform).a;
+};
+/**
+* A thin line in the accent (--progress-line, by default --primary) that runs along the top of what is loading (a table's rows
+* under its header, a page under the top bar). It waits a moment before it shows, so
+* quick work never flashes it; it eases towards the end without reaching it while the
+* work runs; when the work is done it runs to the end and only then fades. More work
+* before it has gone carries on from where it is. With reduced motion it is a
+* full-width line that fades.
+*/
+var ProgressLine = ({ active, label = "Loading", className, style, ...props }) => {
+	const [phase, setPhase] = useState("idle");
+	const [target, setTarget] = useState(RUN_TARGET);
+	const refPhase = useRef("idle");
+	const refLine = useRef(null);
+	useEffect(() => {
+		let timer;
+		const go = (next) => {
+			refPhase.current = next;
+			setPhase(next);
+		};
+		const later = (milliseconds, run) => {
+			timer = window.setTimeout(run, milliseconds);
+		};
+		const fade = () => {
+			go("fading");
+			later(FADE, () => go("idle"));
+		};
+		const phaseNow = refPhase.current;
+		if (active) {
+			if (phaseNow === "idle" || phaseNow === "waiting") {
+				go("waiting");
+				later(START_DELAY, () => {
+					setTarget(RUN_TARGET);
+					go("running");
+				});
+			} else if (phaseNow === "finishing" || phaseNow === "fading") {
+				const reached = scaleOf(refLine.current);
+				setTarget(reached > .8 ? Math.min(.97, reached + .04) : RUN_TARGET);
+				go("running");
+			}
+		} else if (phaseNow === "waiting") go("idle");
+		else if (phaseNow === "running" || phaseNow === "finishing") {
+			if (reducedMotion()) fade();
+			else {
+				go("finishing");
+				later(FINISH, fade);
+			}
+		} else if (phaseNow === "fading") later(FADE, () => go("idle"));
+		return () => window.clearTimeout(timer);
+	}, [active]);
+	const reduced = phase !== "idle" && reducedMotion();
+	const scale = phase === "idle" || phase === "waiting" ? 0 : phase === "running" && !reduced ? target : 1;
+	const transition = phase === "running" && !reduced ? "transform 8s cubic-bezier(0.1, 0.7, 0.15, 1), opacity 120ms ease-out" : phase === "finishing" ? `transform ${FINISH}ms ease-out` : phase === "fading" ? `opacity ${FADE}ms ease-out` : "none";
+	const shown = phase === "running" || phase === "finishing" || phase === "fading";
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "progress-line",
+		role: "progressbar",
+		"aria-label": label,
+		...props,
+		"aria-hidden": shown && phase !== "fading" ? void 0 : true,
+		"data-phase": phase,
+		className: cn("pointer-events-none h-0.5 overflow-hidden", className),
+		style,
+		children: /* @__PURE__ */ jsx("div", {
+			ref: refLine,
+			"data-slot": "progress-line-bar",
+			className: "h-full origin-left",
+			style: {
+				backgroundColor: PROGRESS_LINE_COLOR,
+				transform: `scaleX(${scale})`,
+				opacity: phase === "fading" || !shown ? 0 : 1,
+				transition
+			}
+		})
+	});
+};
+//#endregion
+//#region ../ui/src/components/edyn/video-player/video-player.tsx
+/**
+* Media surface with an overlaid control bar: title and description, elapsed and
+* total time, a seekable scrubber, play/pause, volume, and fullscreen.
+*
+* The root carries the `dark` class so its tokens resolve to the dark palette in
+* both themes. Video is dark, so the letterbox and controls must stay dark and
+* light-on-dark; this re-scopes existing tokens rather than hardcoding a colour.
+*/
+var VideoPlayer = ({ src, poster, title, description, muted = false, loop = false, disabled = false, width, height, ratio = "auto", className, "aria-label": ariaLabel = "Video player", style, onPlay, onPause, onEnded, onTimeUpdate, ...props }) => {
+	const { refMedia, playing, currentTime, duration, muted: isMuted, toggle, seek, toggleMute } = useMediaPlayer({
+		onPlay,
+		onPause,
+		onEnded,
+		onTimeUpdate
+	});
+	const refContainer = React.useRef(null);
+	const PlaybackIcon = playing ? IconPlayerPauseFilled : IconPlayerPlayFilled;
+	const VolumeIcon = isMuted ? IconVolumeOff : IconVolume;
+	const isSizedBox = height != null || ratio !== "auto";
+	const requestFullscreen = () => {
+		const container = refContainer.current;
+		if (!container) return;
+		if (document.fullscreenElement) {
+			document.exitFullscreen().catch(() => void 0);
+			return;
+		}
+		container.requestFullscreen?.().catch(() => void 0);
+	};
+	return /* @__PURE__ */ jsxs("div", {
+		ref: refContainer,
+		"data-slot": "video-player",
+		...props,
+		"data-playing": playing || void 0,
+		style: {
+			width: cssLength(width),
+			height: cssLength(height),
+			aspectRatio: height == null && ratio !== "auto" ? ratio : void 0,
+			...style
+		},
+		className: cn("dark relative isolate w-full overflow-hidden rounded-lg bg-background", className),
+		children: [/* @__PURE__ */ jsx("video", {
+			ref: refMedia,
+			src,
+			poster,
+			muted,
+			loop,
+			playsInline: true,
+			preload: "metadata",
+			"aria-label": ariaLabel,
+			className: cn("w-full bg-background", isSizedBox ? "h-full object-contain" : "h-auto")
+		}), /* @__PURE__ */ jsxs("div", {
+			className: "pointer-events-none absolute inset-x-0 bottom-0 flex flex-col gap-0.5 bg-gradient-to-t from-background via-background/75 to-transparent px-3 pt-12 pb-2 text-foreground",
+			children: [
+				/* @__PURE__ */ jsxs("div", {
+					className: "pointer-events-auto flex items-end justify-between gap-4",
+					children: [/* @__PURE__ */ jsxs("div", {
+						className: "min-w-0",
+						children: [title ? /* @__PURE__ */ jsx("p", {
+							className: "truncate text-sm font-medium text-foreground",
+							children: title
+						}) : null, description ? /* @__PURE__ */ jsx("p", {
+							className: "truncate text-xs text-foreground/70",
+							children: description
+						}) : null]
+					}), /* @__PURE__ */ jsxs("span", {
+						className: "shrink-0 text-xs tabular-nums text-foreground/70",
+						children: [
+							formatMediaTime(currentTime),
+							" / ",
+							formatMediaTime(duration)
+						]
+					})]
+				}),
+				/* @__PURE__ */ jsx(Slider, {
+					className: "pointer-events-auto [&_[data-slot=slider-control]]:py-1.5 [&_[data-slot=slider-thumb]]:size-3 [&_[data-slot=slider-track]]:h-1",
+					value: Math.min(currentTime, duration || 0),
+					min: 0,
+					max: duration || 0,
+					step: 1,
+					disabled: disabled || duration === 0,
+					"aria-label": "Seek",
+					onValueChange: (next) => {
+						seek(next);
+					}
+				}),
+				/* @__PURE__ */ jsxs("div", {
+					className: "pointer-events-auto flex items-center justify-between",
+					children: [/* @__PURE__ */ jsxs("div", {
+						className: "flex items-center gap-1",
+						children: [/* @__PURE__ */ jsx(Button, {
+							type: "button",
+							variant: "ghost",
+							size: "icon",
+							disabled,
+							"aria-label": playing ? "Pause" : "Play",
+							onClick: toggle,
+							children: /* @__PURE__ */ jsx(PlaybackIcon, {})
+						}), /* @__PURE__ */ jsx(Button, {
+							type: "button",
+							variant: "ghost",
+							size: "icon",
+							disabled,
+							"aria-label": isMuted ? "Unmute" : "Mute",
+							onClick: toggleMute,
+							children: /* @__PURE__ */ jsx(VolumeIcon, {})
+						})]
+					}), /* @__PURE__ */ jsx(Button, {
+						type: "button",
+						variant: "ghost",
+						size: "icon",
+						disabled,
+						"aria-label": "Fullscreen",
+						onClick: requestFullscreen,
+						children: /* @__PURE__ */ jsx(IconMaximize, {})
+					})]
+				})
+			]
+		})]
+	});
+};
+//#endregion
+//#region ../ui/src/components/ui/accordion/accordion.tsx
+var Accordion = ({ value, defaultValue, onValueChange, multiple = false, className, children, ...props }) => /* @__PURE__ */ jsx(Accordion$1.Root, {
+	"data-slot": "accordion",
+	...props,
+	value,
+	defaultValue,
+	onValueChange: (next) => {
+		onValueChange?.(next);
+	},
+	multiple,
+	className: cn("w-full", className),
+	children
+});
+var AccordionItem = ({ value, disabled, className, children, ...props }) => /* @__PURE__ */ jsx(Accordion$1.Item, {
+	"data-slot": "accordion-item",
+	...props,
+	value,
+	disabled,
+	className: cn("border-b border-border", className),
+	children
+});
+var focusSiblingTrigger = (event) => {
+	if (![
+		"ArrowDown",
+		"ArrowUp",
+		"Home",
+		"End"
+	].includes(event.key)) return;
+	const root = event.currentTarget.closest("[data-slot=\"accordion\"]");
+	const triggers = Array.from(root?.querySelectorAll("[data-slot=\"accordion-trigger\"]:not(:disabled)") ?? []);
+	const currentIndex = triggers.indexOf(event.currentTarget);
+	if (currentIndex < 0 || triggers.length === 0) return;
+	event.preventDefault();
+	let nextIndex = currentIndex;
+	if (event.key === "Home") nextIndex = 0;
+	else if (event.key === "End") nextIndex = triggers.length - 1;
+	else if (event.key === "ArrowDown") nextIndex = (currentIndex + 1) % triggers.length;
+	else if (event.key === "ArrowUp") nextIndex = (currentIndex - 1 + triggers.length) % triggers.length;
+	triggers[nextIndex]?.focus();
+};
+var AccordionTrigger = ({ className, children, ...props }) => /* @__PURE__ */ jsx(Accordion$1.Header, {
+	"data-slot": "accordion-header",
+	className: "flex",
+	children: /* @__PURE__ */ jsxs(Accordion$1.Trigger, {
+		"data-slot": "accordion-trigger",
+		...props,
+		onKeyDown: focusSiblingTrigger,
+		className: cn("flex flex-1 items-center justify-between py-4 text-sm font-medium transition-all hover:underline", className),
+		children: [children, /* @__PURE__ */ jsx("svg", {
+			xmlns: "http://www.w3.org/2000/svg",
+			width: "24",
+			height: "24",
+			viewBox: "0 0 24 24",
+			fill: "none",
+			stroke: "currentColor",
+			strokeWidth: "2",
+			strokeLinecap: "round",
+			strokeLinejoin: "round",
+			className: "size-4 shrink-0 text-muted-foreground",
+			"data-expand-chevron": "flip",
+			"aria-hidden": "true",
+			children: /* @__PURE__ */ jsx("path", { d: "m6 9 6 6 6-6" })
+		})]
+	})
+});
+var AccordionContent = ({ className, children, ...props }) => /* @__PURE__ */ jsx(Accordion$1.Panel, {
+	keepMounted: true,
+	"data-slot": "accordion-content",
+	...props,
+	"data-focus": "inset",
+	className: cn("text-sm", className),
+	children: /* @__PURE__ */ jsx("div", {
+		className: "pb-4 pt-0",
+		children
+	})
+});
+//#endregion
+//#region ../ui/src/components/ui/alert/alert.tsx
+var alertVariants = cva("group/alert relative grid w-full gap-0.5 rounded-lg border px-2.5 py-2 text-left text-sm has-data-[slot=alert-action]:relative has-data-[slot=alert-action]:pr-18 has-[>svg]:grid-cols-[auto_1fr] has-[>svg]:gap-x-2 *:[svg]:row-span-2 *:[svg]:translate-y-0.5 *:[svg]:text-current *:[svg:not([class*='size-'])]:size-4", {
+	variants: { variant: {
+		default: "bg-card text-card-foreground",
+		destructive: "bg-card text-destructive *:data-[slot=alert-description]:text-destructive *:[svg]:text-current",
+		success: "bg-card text-success *:data-[slot=alert-description]:text-success *:[svg]:text-current",
+		warning: "bg-card text-warning *:data-[slot=alert-description]:text-warning *:[svg]:text-current",
+		info: "bg-card text-info *:data-[slot=alert-description]:text-info *:[svg]:text-current"
+	} },
+	defaultVariants: { variant: "default" }
+});
+var Alert = ({ className, variant, ...props }) => {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "alert",
+		role: "alert",
+		className: cn(alertVariants({ variant }), className),
+		...props
+	});
+};
+var AlertTitle = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "alert-title",
+		className: cn("font-medium group-has-[>svg]/alert:col-start-2 [&_a]:underline [&_a]:underline-offset-3 [&_a]:hover:text-foreground", className),
+		...props
+	});
+};
+var AlertDescription = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "alert-description",
+		className: cn("text-sm text-balance text-muted-foreground md:text-pretty [&_a]:underline [&_a]:underline-offset-3 [&_a]:hover:text-foreground [&_p:not(:last-child)]:mb-4", className),
+		...props
+	});
+};
+var AlertAction = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "alert-action",
+		className: cn("absolute top-2.5 right-2", className),
+		...props
+	});
+};
+//#endregion
+//#region ../ui/src/components/ui/alert-dialog/alert-dialog.tsx
+var AlertDialog = ({ ...props }) => {
+	return /* @__PURE__ */ jsx(AlertDialog$1.Root, {
+		"data-slot": "alert-dialog",
+		...props
+	});
+};
+var AlertDialogTrigger = ({ ...props }) => {
+	return /* @__PURE__ */ jsx(AlertDialog$1.Trigger, {
+		"data-slot": "alert-dialog-trigger",
+		...props
+	});
+};
+var AlertDialogPortal = ({ ...props }) => {
+	return /* @__PURE__ */ jsx(AlertDialog$1.Portal, {
+		"data-slot": "alert-dialog-portal",
+		...props
+	});
+};
+var AlertDialogOverlay = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(AlertDialog$1.Backdrop, {
+		"data-slot": "alert-dialog-overlay",
+		className: cn("fixed inset-0 isolate z-50 bg-overlay duration-100 motion-reduce:animate-none 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
+	});
+};
+var 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 motion-reduce:animate-none 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
+	})] });
+};
+var 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
+	});
+};
+var 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
+	});
+};
+var 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
+	});
+};
+var AlertDialogTitle = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(AlertDialog$1.Title, {
+		"data-slot": "alert-dialog-title",
+		className: cn("font-heading 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
+	});
+};
+var 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
+	});
+};
+var AlertDialogAction = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(Button, {
+		"data-slot": "alert-dialog-action",
+		className: cn(className),
+		...props
+	});
+};
+var 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 ../ui/src/components/ui/aspect-ratio/aspect-ratio.tsx
+var AspectRatio = ({ ratio, className, ...props }) => {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "aspect-ratio",
+		style: { "--ratio": ratio },
+		className: cn("relative aspect-(--ratio)", className),
+		...props
+	});
+};
+//#endregion
+//#region ../ui/src/components/ui/attachment/attachment.tsx
+var attachmentVariants = cva("group/attachment relative flex w-fit max-w-full min-w-0 shrink-0 flex-wrap rounded-xl border bg-card text-card-foreground transition-colors focus-within:ring-1 focus-within:ring-ring/50 has-[>a,>button]:hover:bg-muted/50 data-[state=error]:border-destructive/30 data-[state=idle]:border-dashed", { variants: {
+	size: {
+		default: "gap-2 text-sm has-data-[slot=attachment-content]:px-2.5 has-data-[slot=attachment-content]:py-2 has-data-[slot=attachment-media]:p-2",
+		sm: "gap-2.5 text-xs has-data-[slot=attachment-content]:px-2 has-data-[slot=attachment-content]:py-1.5 has-data-[slot=attachment-media]:p-1.5",
+		xs: "gap-1.5 rounded-lg text-xs has-data-[slot=attachment-content]:px-1.5 has-data-[slot=attachment-content]:py-1 has-data-[slot=attachment-media]:p-1"
+	},
+	orientation: {
+		horizontal: "min-w-40 items-center",
+		vertical: "w-24 flex-col has-data-[slot=attachment-content]:w-30"
+	}
+} });
+var Attachment = ({ className, state = "done", size = "default", orientation = "horizontal", ...props }) => {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "attachment",
+		"data-state": state,
+		"data-size": size,
+		"data-orientation": orientation,
+		className: cn(attachmentVariants({
+			size,
+			orientation
+		}), className),
+		...props
+	});
+};
+var attachmentMediaVariants = cva("relative flex aspect-square w-10 shrink-0 items-center justify-center overflow-hidden rounded-lg bg-muted text-foreground group-data-[orientation=vertical]/attachment:w-full group-data-[size=sm]/attachment:w-8 group-data-[size=xs]/attachment:w-7 group-data-[size=xs]/attachment:rounded-md group-data-[state=error]/attachment:bg-destructive/10 group-data-[state=error]/attachment:text-destructive group-data-[orientation=vertical]/attachment:*:data-[slot=spinner]:size-6! [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 group-data-[orientation=vertical]/attachment:[&_svg:not([class*='size-'])]:size-6 group-data-[size=xs]/attachment:[&_svg:not([class*='size-'])]:size-3.5", {
+	variants: { variant: {
+		icon: "",
+		image: "opacity-60 group-data-[state=done]/attachment:opacity-100 group-data-[state=idle]/attachment:opacity-100 *:[img]:aspect-square *:[img]:w-full *:[img]:object-cover"
+	} },
+	defaultVariants: { variant: "icon" }
+});
+var AttachmentMedia = ({ className, variant = "icon", ...props }) => {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "attachment-media",
+		"data-variant": variant,
+		className: cn(attachmentMediaVariants({ variant }), className),
+		...props
+	});
+};
+var AttachmentContent = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "attachment-content",
+		className: cn("max-w-full min-w-0 flex-1 leading-tight group-data-[orientation=vertical]/attachment:px-1", className),
+		...props
+	});
+};
+var AttachmentTitle = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx("span", {
+		"data-slot": "attachment-title",
+		className: cn("block max-w-full min-w-0 truncate font-medium group-data-[state=processing]/attachment:shimmer group-data-[state=uploading]/attachment:shimmer", className),
+		...props
+	});
+};
+var AttachmentDescription = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx("span", {
+		"data-slot": "attachment-description",
+		className: cn("mt-0.5 block min-w-0 truncate text-xs text-muted-foreground group-data-[state=error]/attachment:text-destructive", "max-w-full", className),
+		...props
+	});
+};
+var AttachmentActions = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "attachment-actions",
+		className: cn("relative z-20 flex shrink-0 items-center group-data-[orientation=vertical]/attachment:absolute group-data-[orientation=vertical]/attachment:top-3 group-data-[orientation=vertical]/attachment:right-3 group-data-[orientation=vertical]/attachment:gap-1", className),
+		...props
+	});
+};
+var AttachmentAction = ({ className, variant, size = "icon-xs", ...props }) => {
+	return /* @__PURE__ */ jsx(Button, {
+		"data-slot": "attachment-action",
+		variant: variant ?? "ghost",
+		size,
+		className: cn(className),
+		...props
+	});
+};
+var AttachmentTrigger = ({ className, render, type, ...props }) => {
+	return useRender({
+		defaultTagName: "button",
+		props: mergeProps({
+			type: render ? type : type ?? "button",
+			className: cn("absolute inset-0 z-10 outline-none", className)
+		}, props),
+		render,
+		state: { slot: "attachment-trigger" }
+	});
+};
+var AttachmentGroup = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "attachment-group",
+		className: cn("flex min-w-0 scroll-fade-x snap-x snap-mandatory scroll-px-1 scrollbar-none gap-3 overflow-x-auto overscroll-x-contain py-1 *:data-[slot=attachment]:flex-none *:data-[slot=attachment]:snap-start", className),
+		...props
+	});
+};
+//#endregion
+//#region ../ui/src/components/ui/badge/badge.tsx
+var badgeVariants = cva("group/badge inline-flex w-fit shrink-0 items-center justify-center gap-1 overflow-hidden border border-transparent text-xs font-medium whitespace-nowrap transition-all motion-reduce:transition-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&>svg]:pointer-events-none [&>svg]:size-3!", {
+	variants: {
+		variant: {
+			default: "bg-primary text-primary-foreground [a]:hover:bg-primary/80",
+			secondary: "bg-secondary text-secondary-foreground [a]:hover:bg-secondary/80",
+			destructive: "bg-destructive/10 text-destructive focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:focus-visible:ring-destructive/40 [a]:hover:bg-destructive/20",
+			success: "bg-success-ring/40 text-success focus-visible:ring-success/20 [a]:hover:bg-success-ring/60 dark:bg-success-ring/30",
+			warning: "bg-warning-ring/40 text-warning focus-visible:ring-warning/20 [a]:hover:bg-warning-ring/60 dark:bg-warning-ring/30",
+			info: "bg-info-ring/40 text-info focus-visible:ring-info/20 [a]:hover:bg-info-ring/60 dark:bg-info-ring/30",
+			outline: "border-border text-foreground [a]:hover:bg-muted [a]:hover:text-muted-foreground",
+			ghost: "hover:bg-muted hover:text-muted-foreground dark:hover:bg-muted/50",
+			link: "text-primary underline-offset-4 hover:underline"
+		},
+		size: {
+			default: "h-5 rounded-4xl px-2 py-0.5",
+			lg: "h-7 rounded-md px-2 py-1"
+		}
+	},
+	defaultVariants: {
+		variant: "default",
+		size: "default"
+	}
+});
+var Badge = ({ className, variant = "default", size = "default", render, ...props }) => {
+	return useRender({
+		defaultTagName: "span",
+		props: mergeProps({ className: cn(badgeVariants({
+			variant,
+			size
+		}), className) }, props),
+		render,
+		state: {
+			slot: "badge",
+			variant,
+			size
+		}
+	});
+};
+//#endregion
+//#region ../ui/src/components/ui/breadcrumb/breadcrumb.tsx
+var Breadcrumb = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx("nav", {
+		"aria-label": "breadcrumb",
+		"data-slot": "breadcrumb",
+		className: cn(className),
+		...props
+	});
+};
+var BreadcrumbList = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx("ol", {
+		"data-slot": "breadcrumb-list",
+		className: cn("flex flex-wrap items-center gap-1.5 text-sm wrap-break-word text-muted-foreground", className),
+		...props
+	});
+};
+var BreadcrumbItem = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx("li", {
+		"data-slot": "breadcrumb-item",
+		className: cn("inline-flex items-center gap-1", className),
+		...props
+	});
+};
+var BreadcrumbLink = ({ className, render, ...props }) => {
+	return useRender({
+		defaultTagName: "a",
+		props: mergeProps({ className: cn("transition-colors hover:text-foreground", className) }, props),
+		render,
+		state: { slot: "breadcrumb-link" }
+	});
+};
+var BreadcrumbPage = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx("span", {
+		"data-slot": "breadcrumb-page",
+		role: "link",
+		"aria-disabled": "true",
+		"aria-current": "page",
+		className: cn("font-normal text-foreground", className),
+		...props
+	});
+};
+var BreadcrumbSeparator = ({ children, className, ...props }) => {
+	return /* @__PURE__ */ jsx("li", {
+		"data-slot": "breadcrumb-separator",
+		role: "presentation",
+		"aria-hidden": "true",
+		className: cn("[&>svg]:size-3.5", className),
+		...props,
+		children: children ?? /* @__PURE__ */ jsx(IconChevronRight, {})
+	});
+};
+var BreadcrumbEllipsis = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsxs("span", {
+		"data-slot": "breadcrumb-ellipsis",
+		role: "presentation",
+		"aria-hidden": "true",
+		className: cn("flex size-5 items-center justify-center [&>svg]:size-4", className),
+		...props,
+		children: [/* @__PURE__ */ jsx(IconDots, {}), /* @__PURE__ */ jsx("span", {
+			className: "sr-only",
+			children: "More"
+		})]
+	});
+};
+//#endregion
+//#region ../ui/src/components/ui/bubble/bubble.tsx
+var BubbleGroup = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "bubble-group",
+		className: cn("flex min-w-0 flex-col gap-2", className),
+		...props
+	});
+};
+var bubbleVariants = cva("group/bubble relative flex w-fit max-w-[80%] min-w-0 flex-col gap-1 group-data-[align=end]/message:self-end data-[align=end]:self-end data-[variant=ghost]:max-w-full", {
+	variants: { variant: {
+		default: "*:data-[slot=bubble-content]:bg-primary *:data-[slot=bubble-content]:text-primary-foreground [&>[data-slot=bubble-content]:is(button,a):hover]:bg-primary/80",
+		secondary: "*:data-[slot=bubble-content]:bg-secondary *:data-[slot=bubble-content]:text-secondary-foreground [&>[data-slot=bubble-content]:is(button,a):hover]:bg-[color-mix(in_oklch,var(--secondary),var(--foreground)_5%)]",
+		muted: "*:data-[slot=bubble-content]:bg-muted [&>[data-slot=bubble-content]:is(button,a):hover]:bg-[color-mix(in_oklch,var(--muted),var(--foreground)_5%)]",
+		tinted: "*:data-[slot=bubble-content]:bg-[oklch(from_var(--primary)_0.93_calc(c*0.4)_h)] *:data-[slot=bubble-content]:text-foreground dark:*:data-[slot=bubble-content]:bg-[oklch(from_var(--primary)_0.3_calc(c*0.4)_h)] [&>[data-slot=bubble-content]:is(button,a):hover]:bg-[oklch(from_var(--primary)_0.88_calc(c*0.5)_h)] dark:[&>[data-slot=bubble-content]:is(button,a):hover]:bg-[oklch(from_var(--primary)_0.35_calc(c*0.5)_h)]",
+		outline: "*:data-[slot=bubble-content]:border-border *:data-[slot=bubble-content]:bg-background [&>[data-slot=bubble-content]:is(button,a):hover]:bg-muted [&>[data-slot=bubble-content]:is(button,a):hover]:text-foreground dark:[&>[data-slot=bubble-content]:is(button,a):hover]:bg-input/30",
+		ghost: "border-none *:data-[slot=bubble-content]:rounded-none *:data-[slot=bubble-content]:bg-transparent *:data-[slot=bubble-content]:p-0 [&>[data-slot=bubble-content]:is(button,a):hover]:bg-muted [&>[data-slot=bubble-content]:is(button,a):hover]:text-foreground dark:[&>[data-slot=bubble-content]:is(button,a):hover]:bg-muted/50",
+		destructive: "*:data-[slot=bubble-content]:bg-destructive/10 *:data-[slot=bubble-content]:text-destructive dark:*:data-[slot=bubble-content]:bg-destructive/20 [&>[data-slot=bubble-content]:is(button,a):hover]:bg-destructive/20 dark:[&>[data-slot=bubble-content]:is(button,a):hover]:bg-destructive/30"
+	} },
+	defaultVariants: { variant: "default" }
+});
+var Bubble = ({ variant = "default", align = "start", className, ...props }) => {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "bubble",
+		"data-variant": variant,
+		"data-align": align,
+		className: cn(bubbleVariants({ variant }), className),
+		...props
+	});
+};
+var BubbleContent = ({ className, render, ...props }) => {
+	return useRender({
+		defaultTagName: "div",
+		props: mergeProps({ className: cn("w-fit max-w-full min-w-0 overflow-hidden rounded-xl border border-transparent px-3 py-2 text-sm leading-relaxed wrap-break-word group-data-[align=end]/bubble:self-end [button]:text-left [button,a]:transition-colors [button,a]:outline-none [button,a]:focus-visible:border-ring [button,a]:focus-visible:ring-3 [button,a]:focus-visible:ring-ring/50", className) }, props),
+		render,
+		state: { slot: "bubble-content" }
+	});
+};
+var bubbleReactionsVariants = cva("absolute z-10 flex w-fit shrink-0 items-center justify-center gap-1 rounded-full bg-muted px-1.5 py-0.5 text-sm ring-3 ring-card has-[button]:p-0", {
+	variants: {
+		side: {
+			top: "top-0 -translate-y-3/4",
+			bottom: "bottom-0 translate-y-3/4"
+		},
+		align: {
+			start: "left-3",
+			end: "right-3"
+		}
+	},
+	defaultVariants: {
+		side: "bottom",
+		align: "end"
+	}
+});
+var BubbleReactions = ({ side = "bottom", align = "end", className, ...props }) => {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "bubble-reactions",
+		"data-align": align,
+		"data-side": side,
+		className: cn(bubbleReactionsVariants({
+			side,
+			align
+		}), className),
+		...props
+	});
+};
+//#endregion
+//#region ../ui/src/components/ui/button-group/button-group.tsx
+var ButtonGroupContext = React.createContext("horizontal");
+var ButtonGroup = ({ className, orientation = "horizontal", ...props }) => {
+	return /* @__PURE__ */ jsx(ButtonGroupContext.Provider, {
+		value: orientation,
+		children: /* @__PURE__ */ jsx("div", {
+			"data-slot": "button-group",
+			"data-orientation": orientation,
+			className: cn("inline-flex items-center", "[&>*:not(:first-child):not(:last-child)]:rounded-none", "data-[orientation=horizontal]:[&>*:first-child]:rounded-r-none", "data-[orientation=horizontal]:[&>*:last-child]:rounded-l-none", "data-[orientation=horizontal]:[&>*:not(:first-child)]:-ml-px", "data-[orientation=vertical]:flex-col", "data-[orientation=vertical]:[&>*:first-child]:rounded-b-none", "data-[orientation=vertical]:[&>*:last-child]:rounded-t-none", "data-[orientation=vertical]:[&>*:not(:first-child)]:-mt-px", "[&>*]:relative [&>*]:z-0 [&>*:focus-visible]:z-10 [&>*:hover]:z-10", className),
+			...props
+		})
+	});
+};
+var ButtonGroupSeparator = ({ className, ...props }) => {
+	const orientation = React.useContext(ButtonGroupContext);
+	return /* @__PURE__ */ jsx("span", {
+		"data-slot": "button-group-separator",
+		role: "separator",
+		"aria-orientation": orientation === "horizontal" ? "vertical" : "horizontal",
+		className: cn("inline-flex shrink-0 self-stretch bg-border", "in-data-[orientation=horizontal]:w-px", "in-data-[orientation=vertical]:h-px in-data-[orientation=vertical]:self-auto in-data-[orientation=vertical]:w-full", className),
+		...props
+	});
+};
+var ButtonGroupText = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx("span", {
+		"data-slot": "button-group-text",
+		className: cn("inline-flex shrink-0 items-center justify-center rounded-none border border-border bg-muted px-2.5 text-sm text-muted-foreground select-none", className),
+		...props
+	});
+};
+//#endregion
+//#region ../ui/src/components/ui/card/card.tsx
+var Card = ({ className, size = "default", ...props }) => {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "card",
+		"data-size": size,
+		className: cn("group/card flex flex-col gap-4 overflow-hidden rounded-xl bg-card py-4 text-sm text-card-foreground ring-1 ring-foreground/10 has-data-[slot=card-footer]:pb-0 has-[>img:first-child]:pt-0 data-[size=sm]:gap-3 data-[size=sm]:py-3 data-[size=sm]:has-data-[slot=card-footer]:pb-0 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl", className),
+		...props
+	});
+};
+var CardHeader = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "card-header",
+		className: cn("group/card-header @container/card-header grid auto-rows-min items-start gap-1 rounded-t-xl px-4 group-data-[size=sm]/card:px-3 has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-description]:grid-rows-[auto_auto] [.border-b]:pb-4 group-data-[size=sm]/card:[.border-b]:pb-3", className),
+		...props
+	});
+};
+var CardTitle = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "card-title",
+		className: cn("text-base leading-snug font-medium group-data-[size=sm]/card:text-sm", className),
+		...props
+	});
+};
+var CardDescription = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "card-description",
+		className: cn("text-sm text-muted-foreground", className),
+		...props
+	});
+};
+var CardAction = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "card-action",
+		className: cn("col-start-2 row-span-2 row-start-1 self-start justify-self-end", className),
+		...props
+	});
+};
+var CardContent = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "card-content",
+		className: cn("px-4 group-data-[size=sm]/card:px-3", className),
+		...props
+	});
+};
+var CardFooter = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "card-footer",
+		className: cn("flex items-center rounded-b-xl border-t bg-muted/50 p-4 group-data-[size=sm]/card:p-3", className),
+		...props
+	});
+};
+//#endregion
+//#region ../ui/src/components/ui/carousel/carousel.tsx
+var CarouselContext = React.createContext(null);
+var useCarousel = () => {
+	const context = React.useContext(CarouselContext);
+	if (!context) throw new Error("useCarousel must be used within a <Carousel />");
+	return context;
+};
+var Carousel = ({ orientation = "horizontal", opts, setApi, plugins, className, children, ...props }) => {
+	const [carouselRef, api] = useEmblaCarousel({
+		...opts,
+		axis: orientation === "horizontal" ? "x" : "y"
+	}, plugins);
+	const [canScrollPrev, setCanScrollPrev] = React.useState(false);
+	const [canScrollNext, setCanScrollNext] = React.useState(false);
+	const onSelect = React.useCallback((api) => {
+		if (!api) return;
+		setCanScrollPrev(api.canScrollPrev());
+		setCanScrollNext(api.canScrollNext());
+	}, []);
+	const scrollPrev = React.useCallback(() => {
+		api?.scrollPrev();
+	}, [api]);
+	const scrollNext = React.useCallback(() => {
+		api?.scrollNext();
+	}, [api]);
+	const handleKeyDown = React.useCallback((event) => {
+		if (event.key === "ArrowLeft") {
+			event.preventDefault();
+			scrollPrev();
+		} else if (event.key === "ArrowRight") {
+			event.preventDefault();
+			scrollNext();
+		}
+	}, [scrollPrev, scrollNext]);
+	React.useEffect(() => {
+		if (!api || !setApi) return;
+		setApi(api);
+	}, [api, setApi]);
+	React.useEffect(() => {
+		if (!api) return;
+		onSelect(api);
+		api.on("reInit", onSelect);
+		api.on("select", onSelect);
+		return () => {
+			api.off("reInit", onSelect);
+			api.off("select", onSelect);
+		};
+	}, [api, onSelect]);
+	return /* @__PURE__ */ jsx(CarouselContext.Provider, {
+		value: {
+			carouselRef,
+			api,
+			opts,
+			orientation: orientation || (opts?.axis === "y" ? "vertical" : "horizontal"),
+			scrollPrev,
+			scrollNext,
+			canScrollPrev,
+			canScrollNext
+		},
+		children: /* @__PURE__ */ jsx("div", {
+			onKeyDownCapture: handleKeyDown,
+			className: cn("relative", className),
+			role: "region",
+			"aria-roledescription": "carousel",
+			"data-slot": "carousel",
+			...props,
+			children
+		})
+	});
+};
+var CarouselContent = ({ className, ...props }) => {
+	const { carouselRef, orientation } = useCarousel();
+	return /* @__PURE__ */ jsx("div", {
+		ref: carouselRef,
+		className: "overflow-hidden",
+		"data-slot": "carousel-content",
+		"data-focus": "inset",
+		children: /* @__PURE__ */ jsx("div", {
+			className: cn("flex", orientation === "horizontal" ? "-ml-4" : "-mt-4 flex-col", className),
+			...props
+		})
+	});
+};
+var CarouselItem = ({ className, ...props }) => {
+	const { orientation } = useCarousel();
+	return /* @__PURE__ */ jsx("div", {
+		role: "group",
+		"aria-roledescription": "slide",
+		"data-slot": "carousel-item",
+		className: cn("min-w-0 shrink-0 grow-0 basis-full", orientation === "horizontal" ? "pl-4" : "pt-4", className),
+		...props
+	});
+};
+var CarouselPrevious = ({ className, variant = "outline", size = "icon-sm", ...props }) => {
+	const { orientation, scrollPrev, canScrollPrev } = useCarousel();
+	return /* @__PURE__ */ jsxs(Button, {
+		"data-slot": "carousel-previous",
+		variant,
+		size,
+		className: cn("absolute touch-manipulation rounded-full", orientation === "horizontal" ? "inset-y-0 -left-12 my-auto" : "-top-12 left-1/2 -translate-x-1/2 rotate-90", className),
+		disabled: !canScrollPrev,
+		onClick: scrollPrev,
+		...props,
+		children: [/* @__PURE__ */ jsx(IconChevronLeft, {}), /* @__PURE__ */ jsx("span", {
+			className: "sr-only",
+			children: "Previous slide"
+		})]
+	});
+};
+var CarouselNext = ({ className, variant = "outline", size = "icon-sm", ...props }) => {
+	const { orientation, scrollNext, canScrollNext } = useCarousel();
+	return /* @__PURE__ */ jsxs(Button, {
+		"data-slot": "carousel-next",
+		variant,
+		size,
+		className: cn("absolute touch-manipulation rounded-full", orientation === "horizontal" ? "inset-y-0 -right-12 my-auto" : "-bottom-12 left-1/2 -translate-x-1/2 rotate-90", className),
+		disabled: !canScrollNext,
+		onClick: scrollNext,
+		...props,
+		children: [/* @__PURE__ */ jsx(IconChevronRight, {}), /* @__PURE__ */ jsx("span", {
+			className: "sr-only",
+			children: "Next slide"
+		})]
+	});
+};
+//#endregion
+//#region ../ui/src/components/ui/chart/chart.tsx
+var THEMES = {
+	light: "",
+	dark: ".dark"
+};
+var INITIAL_DIMENSION = {
+	width: 320,
+	height: 200
+};
+var ChartContext = React.createContext(null);
+var useChart = () => {
+	const context = React.useContext(ChartContext);
+	if (!context) throw new Error("useChart must be used within a <ChartContainer />");
+	return context;
+};
+var ChartContainer = ({ id, className, children, config, initialDimension = INITIAL_DIMENSION, ...props }) => {
+	const uniqueId = React.useId();
+	const chartId = `chart-${id ?? uniqueId.replace(/:/g, "")}`;
+	const refContainer = React.useRef(null);
+	const [hasSize, setHasSize] = React.useState(false);
+	React.useLayoutEffect(() => {
+		const element = refContainer.current;
+		if (!element) return;
+		const update = () => {
+			const { width, height } = element.getBoundingClientRect();
+			setHasSize(width > 0 && height > 0);
+		};
+		update();
+		const observer = new ResizeObserver(update);
+		observer.observe(element);
+		return () => observer.disconnect();
+	}, []);
+	return /* @__PURE__ */ jsx(ChartContext.Provider, {
+		value: { config },
+		children: /* @__PURE__ */ jsxs("div", {
+			ref: refContainer,
+			"data-slot": "chart",
+			id,
+			"data-chart": chartId,
+			className: cn("flex aspect-video justify-center text-xs [&_.recharts-cartesian-axis-tick_text]:fill-muted-foreground [&_.recharts-cartesian-grid_line[stroke='#ccc']]:stroke-border/50 [&_.recharts-curve.recharts-tooltip-cursor]:stroke-border [&_.recharts-dot[stroke='#fff']]:stroke-transparent [&_.recharts-layer]:outline-hidden [&_.recharts-polar-grid_[stroke='#ccc']]:stroke-border [&_.recharts-radial-bar-background-sector]:fill-muted [&_.recharts-rectangle.recharts-tooltip-cursor]:fill-muted [&_.recharts-reference-line_[stroke='#ccc']]:stroke-border [&_.recharts-sector]:outline-hidden [&_.recharts-sector[stroke='#fff']]:stroke-transparent [&_.recharts-surface]:outline-hidden", className),
+			...props,
+			children: [/* @__PURE__ */ jsx(ChartStyle, {
+				id: chartId,
+				config
+			}), hasSize && /* @__PURE__ */ jsx(RechartsPrimitive.ResponsiveContainer, {
+				initialDimension,
+				children
+			})]
+		})
+	});
+};
+var ChartStyle = ({ id, config }) => {
+	const colorConfig = Object.entries(config).filter(([, config]) => config.theme ?? config.color);
+	if (!colorConfig.length) return null;
+	const css = Object.entries(THEMES).map(([theme, prefix]) => `
+${prefix} [data-chart=${id}] {
+${colorConfig.map(([key, itemConfig]) => {
+		const color = itemConfig.theme?.[theme] ?? itemConfig.color;
+		return color ? `  --color-${key}: ${color};` : null;
+	}).join("\n")}
+}
+`).join("\n");
+	return /* @__PURE__ */ jsx("style", { children: css });
+};
+var ChartTooltip = RechartsPrimitive.Tooltip;
+var ChartTooltipContent = ({ active, payload, className, indicator = "dot", hideLabel = false, hideIndicator = false, label, labelFormatter, labelClassName, formatter, color, nameKey, labelKey }) => {
+	const { config } = useChart();
+	const tooltipLabel = React.useMemo(() => {
+		if (hideLabel || !payload?.length) return null;
+		const [item] = payload;
+		const key = `${labelKey ?? item?.dataKey ?? item?.name ?? "value"}`;
+		const itemConfig = getPayloadConfigFromPayload(config, item, key);
+		const value = !labelKey && typeof label === "string" ? config[label]?.label ?? label : itemConfig?.label;
+		if (labelFormatter) return /* @__PURE__ */ jsx("div", {
+			className: cn("font-medium", labelClassName),
+			children: labelFormatter(value, payload)
+		});
+		if (!value) return null;
+		return /* @__PURE__ */ jsx("div", {
+			className: cn("font-medium", labelClassName),
+			children: value
+		});
+	}, [
+		label,
+		labelFormatter,
+		payload,
+		hideLabel,
+		labelClassName,
+		config,
+		labelKey
+	]);
+	if (!active || !payload?.length) return null;
+	const nestLabel = payload.length === 1 && indicator !== "dot";
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn("grid min-w-32 items-start gap-1.5 rounded-lg border border-border/50 bg-background px-2.5 py-1.5 text-xs shadow-xl", className),
+		children: [!nestLabel ? tooltipLabel : null, /* @__PURE__ */ jsx("div", {
+			className: "grid gap-1.5",
+			children: payload.filter((item) => item.type !== "none").map((item, index) => {
+				const key = `${nameKey ?? item.name ?? item.dataKey ?? "value"}`;
+				const itemConfig = getPayloadConfigFromPayload(config, item, key);
+				const indicatorColor = color ?? item.payload?.fill ?? item.color;
+				return /* @__PURE__ */ jsx("div", {
+					className: cn("flex w-full flex-wrap items-stretch gap-2 [&>svg]:h-2.5 [&>svg]:w-2.5 [&>svg]:text-muted-foreground", indicator === "dot" && "items-center"),
+					children: formatter && item?.value !== void 0 && item.name ? formatter(item.value, item.name, item, index, item.payload) : /* @__PURE__ */ jsxs(Fragment, { children: [itemConfig?.icon ? /* @__PURE__ */ jsx(itemConfig.icon, {}) : !hideIndicator && /* @__PURE__ */ jsx("div", {
+						className: cn("shrink-0 rounded-[2px] border-(--color-border) bg-(--color-bg)", {
+							"h-2.5 w-2.5": indicator === "dot",
+							"w-1": indicator === "line",
+							"w-0 border-[1.5px] border-dashed bg-transparent": indicator === "dashed",
+							"my-0.5": nestLabel && indicator === "dashed"
+						}),
+						style: {
+							"--color-bg": indicatorColor,
+							"--color-border": indicatorColor
+						}
+					}), /* @__PURE__ */ jsxs("div", {
+						className: cn("flex flex-1 justify-between leading-none", nestLabel ? "items-end" : "items-center"),
+						children: [/* @__PURE__ */ jsxs("div", {
+							className: "grid gap-1.5",
+							children: [nestLabel ? tooltipLabel : null, /* @__PURE__ */ jsx("span", {
+								className: "text-muted-foreground",
+								children: itemConfig?.label ?? item.name
+							})]
+						}), item.value != null && /* @__PURE__ */ jsx("span", {
+							className: "font-mono font-medium text-foreground tabular-nums",
+							children: typeof item.value === "number" ? item.value.toLocaleString() : String(item.value)
+						})]
+					})] })
+				}, `${key}-${String(item.value ?? "")}`);
+			})
+		})]
+	});
+};
+var ChartLegend = RechartsPrimitive.Legend;
+var ChartLegendContent = ({ className, hideIcon = false, payload, verticalAlign = "bottom", nameKey }) => {
+	const { config } = useChart();
+	if (!payload?.length) return null;
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("flex items-center justify-center gap-4", verticalAlign === "top" ? "pb-3" : "pt-3", className),
+		children: payload.filter((item) => item.type !== "none").map((item) => {
+			const key = `${nameKey ?? item.dataKey ?? "value"}`;
+			const itemConfig = getPayloadConfigFromPayload(config, item, key);
+			return /* @__PURE__ */ jsxs("div", {
+				className: cn("flex items-center gap-1.5 [&>svg]:h-3 [&>svg]:w-3 [&>svg]:text-muted-foreground"),
+				children: [itemConfig?.icon && !hideIcon ? /* @__PURE__ */ jsx(itemConfig.icon, {}) : /* @__PURE__ */ jsx("div", {
+					className: "h-2 w-2 shrink-0 rounded-[2px]",
+					style: { backgroundColor: item.color }
+				}), itemConfig?.label]
+			}, `${key}-${String(item.value ?? "")}`);
+		})
+	});
+};
+var getPayloadConfigFromPayload = (config, payload, key) => {
+	if (typeof payload !== "object" || payload === null) return;
+	const payloadPayload = "payload" in payload && typeof payload.payload === "object" && payload.payload !== null ? payload.payload : void 0;
+	let configLabelKey = key;
+	if (key in payload && typeof payload[key] === "string") configLabelKey = payload[key];
+	else if (payloadPayload && key in payloadPayload && typeof payloadPayload[key] === "string") configLabelKey = payloadPayload[key];
+	return configLabelKey in config ? config[configLabelKey] : config[key];
+};
+//#endregion
+//#region ../ui/src/components/ui/checkbox/checkbox.tsx
+var Checkbox = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(Checkbox$1.Root, {
+		"data-slot": "checkbox",
+		className: cn("peer relative flex size-4 shrink-0 items-center justify-center rounded-sm border border-input transition-colors outline-none 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 data-disabled:cursor-not-allowed data-disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 aria-invalid:aria-checked:border-primary dark:bg-input/30 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 data-checked:border-primary data-checked:bg-primary data-checked:text-primary-foreground dark:data-checked:bg-primary", className),
+		...props,
+		children: /* @__PURE__ */ jsxs(Checkbox$1.Indicator, {
+			"data-slot": "checkbox-indicator",
+			className: "group/checkbox-indicator grid place-content-center text-current transition-none [&>svg]:size-3.5",
+			children: [/* @__PURE__ */ jsx(IconCheck, { className: "group-data-indeterminate/checkbox-indicator:hidden" }), /* @__PURE__ */ jsx(IconMinus, { className: "hidden group-data-indeterminate/checkbox-indicator:block" })]
+		})
+	});
+};
+//#endregion
+//#region ../ui/src/components/ui/collapsible/collapsible.tsx
+var Collapsible = ({ ...props }) => {
+	return /* @__PURE__ */ jsx(Collapsible$1.Root, {
+		"data-slot": "collapsible",
+		...props
+	});
+};
+var CollapsibleTrigger = ({ ...props }) => {
+	return /* @__PURE__ */ jsx(Collapsible$1.Trigger, {
+		"data-slot": "collapsible-trigger",
+		...props
+	});
+};
+var CollapsibleContent = ({ ...props }) => {
+	return /* @__PURE__ */ jsx(Collapsible$1.Panel, {
+		"data-slot": "collapsible-content",
+		"data-focus": "inset",
+		...props
+	});
+};
+//#endregion
+//#region ../ui/src/components/ui/combobox/combobox.tsx
+var Combobox = ({ ...props }) => {
+	return /* @__PURE__ */ jsx(Combobox$1.Root, {
+		"data-slot": "combobox",
+		...props
+	});
+};
+var ComboboxInput = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsxs(Combobox$1.InputGroup, {
+		"data-slot": "combobox-input-group",
+		className: "relative flex w-full items-center",
+		children: [/* @__PURE__ */ jsx(Combobox$1.Input, {
+			"data-slot": "combobox-input",
+			className: cn("h-8 w-full min-w-0 rounded-lg border border-input bg-transparent px-2.5 py-1 pr-8 text-base transition-colors outline-none placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:pointer-events-none disabled:cursor-not-allowed disabled:bg-input/50 disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 md:text-sm dark:bg-input/30 dark:disabled:bg-input/80 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40", className),
+			...props
+		}), /* @__PURE__ */ jsx(Combobox$1.Trigger, {
+			"data-slot": "combobox-trigger",
+			className: "absolute right-2 flex items-center text-muted-foreground disabled:pointer-events-none disabled:opacity-50",
+			tabIndex: -1,
+			"aria-hidden": true,
+			children: /* @__PURE__ */ jsx(IconChevronDown, { className: "size-4" })
+		})]
+	});
+};
+var ComboboxContent = ({ className, children, empty, portalContainer, ...props }) => {
+	return /* @__PURE__ */ jsx(Combobox$1.Portal, {
+		"data-slot": "combobox-portal",
+		container: portalContainer,
+		children: /* @__PURE__ */ jsx(Combobox$1.Positioner, {
+			"data-slot": "combobox-positioner",
+			sideOffset: 4,
+			className: "z-50",
+			children: /* @__PURE__ */ jsxs(Combobox$1.Popup, {
+				"data-slot": "combobox-content",
+				className: cn("min-w-[var(--anchor-width)] overflow-hidden rounded-lg border border-border bg-popover text-popover-foreground shadow-md outline-none motion-reduce:animate-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,
+				children: [/* @__PURE__ */ jsx(ComboboxEmpty, { children: empty }), /* @__PURE__ */ jsx(ScrollArea, {
+					type: "always",
+					fade: true,
+					fadeFrom: "popover",
+					className: "max-h-60",
+					children: /* @__PURE__ */ jsx(Combobox$1.List, {
+						"data-slot": "combobox-list",
+						className: "p-1",
+						children
+					})
+				})]
+			})
+		})
+	});
+};
+var ComboboxItem = ({ className, children, ...props }) => {
+	return /* @__PURE__ */ jsxs(Combobox$1.Item, {
+		"data-slot": "combobox-item",
+		className: cn(popupItemClass("base-ui", true), className),
+		...props,
+		children: [/* @__PURE__ */ jsx("span", {
+			className: "flex-1",
+			children
+		}), /* @__PURE__ */ jsx(Combobox$1.ItemIndicator, {
+			"data-slot": "combobox-item-indicator",
+			className: POPUP_ITEM_INDICATOR_CLASS,
+			children: /* @__PURE__ */ jsx(IconCheck, { className: "size-3.5" })
+		})]
+	});
+};
+var ComboboxEmpty = ({ className, children, ...props }) => {
+	return /* @__PURE__ */ jsx(Combobox$1.Empty, {
+		"data-slot": "combobox-empty",
+		className: cn("py-4 text-center text-sm text-muted-foreground empty:py-0", className),
+		...props,
+		children: children ?? "No results found."
+	});
+};
+//#endregion
+//#region ../ui/src/components/ui/dialog/dialog.tsx
+var Dialog = ({ ...props }) => {
+	return /* @__PURE__ */ jsx(Dialog$1.Root, {
+		"data-slot": "dialog",
+		...props
+	});
+};
+var DialogTrigger = ({ ...props }) => {
+	return /* @__PURE__ */ jsx(Dialog$1.Trigger, {
+		"data-slot": "dialog-trigger",
+		...props
+	});
+};
+var DialogPortal = ({ ...props }) => {
+	return /* @__PURE__ */ jsx(Dialog$1.Portal, {
+		"data-slot": "dialog-portal",
+		...props
+	});
+};
+var DialogClose = ({ ...props }) => {
+	return /* @__PURE__ */ jsx(Dialog$1.Close, {
+		"data-slot": "dialog-close",
+		...props
+	});
+};
+var DialogOverlay = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(Dialog$1.Backdrop, {
+		"data-slot": "dialog-overlay",
+		className: cn("fixed inset-0 isolate z-50 bg-overlay duration-100 motion-reduce:animate-none 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
+	});
+};
+var 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 bg-popover p-4 text-sm text-popover-foreground ring-1 ring-foreground/10 duration-100 motion-reduce:animate-none outline-none 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,
+		children: [children, showCloseButton && /* @__PURE__ */ jsxs(Dialog$1.Close, {
+			"data-slot": "dialog-close",
+			render: /* @__PURE__ */ jsx(Button, {
+				variant: "ghost",
+				className: "absolute top-2 right-2",
+				size: "icon-sm"
+			}),
+			children: [/* @__PURE__ */ jsx(IconX, {}), /* @__PURE__ */ jsx("span", {
+				className: "sr-only",
+				children: "Close"
+			})]
+		})]
+	})] });
+};
+var DialogHeader = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "dialog-header",
+		className: cn("flex flex-col gap-2", className),
+		...props
+	});
+};
+var 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,
+		children: [children, showCloseButton && /* @__PURE__ */ jsx(Dialog$1.Close, {
+			render: /* @__PURE__ */ jsx(Button, { variant: "outline" }),
+			children: "Close"
+		})]
+	});
+};
+var DialogTitle = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(Dialog$1.Title, {
+		"data-slot": "dialog-title",
+		className: cn("text-base leading-none font-medium", className),
+		...props
+	});
+};
+var DialogDescription = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(Dialog$1.Description, {
+		"data-slot": "dialog-description",
+		className: cn("text-sm text-muted-foreground *:[a]:underline *:[a]:underline-offset-3 *:[a]:hover:text-foreground", className),
+		...props
+	});
+};
+//#endregion
+//#region ../ui/src/components/ui/textarea/textarea.tsx
+var Textarea = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx("textarea", {
+		"data-slot": "textarea",
+		className: cn("block min-h-16 w-full min-w-0 rounded-lg border border-input bg-transparent px-2.5 py-1.5 text-base transition-colors outline-none placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:pointer-events-none disabled:cursor-not-allowed disabled:bg-input/50 disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 field-sizing-content resize-y md:text-sm dark:bg-input/30 dark:disabled:bg-input/80 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40", className),
+		...props
+	});
+};
+//#endregion
+//#region ../ui/src/components/ui/input-group/input-group.tsx
+var InputGroup = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "input-group",
+		className: cn("group/input-group relative flex h-8 w-full min-w-0 items-center rounded-lg border border-input transition-colors outline-none", "has-disabled:bg-input/50 has-disabled:opacity-50 has-[[data-slot=input-group-control]:focus-visible]:border-ring has-[[data-slot=input-group-control]:focus-visible]:ring-3 has-[[data-slot=input-group-control]:focus-visible]:ring-ring/50", "has-[[data-slot][aria-invalid=true]]:border-destructive has-[[data-slot][aria-invalid=true]]:ring-3 has-[[data-slot][aria-invalid=true]]:ring-destructive/20 dark:bg-input/30 dark:has-disabled:bg-input/80 dark:has-[[data-slot][aria-invalid=true]]:ring-destructive/40", "has-[>[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col has-[>textarea]:h-auto", "has-[>[data-align=block-end]]:[&>input]:pt-3 has-[>[data-align=block-start]]:[&>input]:pb-3 has-[>[data-align=inline-end]]:[&>input]:pr-1.5 has-[>[data-align=inline-start]]:[&>input]:pl-1.5", className),
+		...props
+	});
+};
+var inputGroupAddonVariants = cva("flex h-auto cursor-text items-center justify-center gap-2 py-1.5 text-sm font-medium text-foreground/70 select-none [&>kbd]:rounded-[calc(var(--radius)-5px)] [&>svg:not([class*='size-'])]:size-4", {
+	variants: { align: {
+		"inline-start": "order-first pl-2 has-[>button]:ml-[-0.3rem] has-[>kbd]:ml-[-0.15rem]",
+		"inline-end": "order-last pr-2 has-[>button]:mr-[-0.3rem] has-[>kbd]:mr-[-0.15rem]",
+		"block-start": "order-first w-full justify-start px-2.5 pt-2 group-has-[>input]/input-group:pt-2 [.border-b]:pb-2",
+		"block-end": "order-last w-full justify-start px-2.5 pb-2 group-has-[>input]/input-group:pb-2 [.border-t]:pt-2"
+	} },
+	defaultVariants: { align: "inline-start" }
+});
+var InputGroupAddon = ({ className, align = "inline-start", ...props }) => {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "input-group-addon",
+		"data-align": align,
+		className: cn(inputGroupAddonVariants({ align }), className),
+		onPointerDown: (event) => {
+			if (event.target.closest("button")) return;
+			event.currentTarget.parentElement?.querySelector("input")?.focus();
+		},
+		...props
+	});
+};
+var inputGroupButtonVariants = cva("flex items-center gap-2 text-sm shadow-none", {
+	variants: { size: {
+		xs: "h-6 gap-1 rounded-[calc(var(--radius)-3px)] px-1.5 [&>svg:not([class*='size-'])]:size-3.5",
+		sm: "",
+		"icon-xs": "size-6 rounded-[calc(var(--radius)-3px)] p-0 has-[>svg]:p-0",
+		"icon-sm": "size-8 p-0 has-[>svg]:p-0"
+	} },
+	defaultVariants: { size: "xs" }
+});
+var InputGroupButton = ({ className, type = "button", variant = "ghost", size = "xs", ...props }) => {
+	return /* @__PURE__ */ jsx(Button, {
+		type,
+		"data-size": size,
+		variant,
+		className: cn(inputGroupButtonVariants({ size }), className),
+		...props
+	});
+};
+var InputGroupText = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx("span", {
+		className: cn("flex items-center gap-2 text-sm text-foreground/70 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4", className),
+		...props
+	});
+};
+var InputGroupInput = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(Input, {
+		"data-slot": "input-group-control",
+		className: cn("flex-1 rounded-none border-0 bg-transparent shadow-none ring-0 focus-visible:ring-0 disabled:bg-transparent aria-invalid:ring-0 dark:bg-transparent dark:disabled:bg-transparent", className),
+		...props
+	});
+};
+var 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-2 shadow-none ring-0 focus-visible:ring-0 disabled:bg-transparent aria-invalid:ring-0 dark:bg-transparent dark:disabled:bg-transparent", className),
+		...props
+	});
+};
+//#endregion
+//#region ../ui/src/components/ui/command/command.tsx
+var Command = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(Command$1, {
+		"data-slot": "command",
+		className: cn("flex size-full flex-col overflow-hidden rounded-xl! bg-popover p-1 text-popover-foreground", className),
+		...props
+	});
+};
+var CommandDialog = ({ title = "Command Palette", description = "Search for a command to run...", children, className, showCloseButton = false, ...props }) => {
+	return /* @__PURE__ */ jsxs(Dialog, {
+		...props,
+		children: [/* @__PURE__ */ jsxs(DialogHeader, {
+			className: "sr-only",
+			children: [/* @__PURE__ */ jsx(DialogTitle, { children: title }), /* @__PURE__ */ jsx(DialogDescription, { children: description })]
+		}), /* @__PURE__ */ jsx(DialogContent, {
+			className: cn("top-1/3 translate-y-0 overflow-hidden rounded-xl! p-0", className),
+			showCloseButton,
+			children
+		})]
+	});
+};
+var CommandInput = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "command-input-wrapper",
+		className: "border-b border-border p-1",
+		children: /* @__PURE__ */ jsxs(InputGroup, {
+			className: "h-8 border-transparent bg-transparent shadow-none *:data-[slot=input-group-addon]:pl-2 dark:bg-transparent",
+			children: [/* @__PURE__ */ jsx(Command$1.Input, {
+				"data-slot": "command-input",
+				className: cn("w-full text-sm outline-hidden disabled:cursor-not-allowed disabled:opacity-50", className),
+				...props
+			}), /* @__PURE__ */ jsx(InputGroupAddon, { children: /* @__PURE__ */ jsx(IconSearch, { className: "size-4 shrink-0 opacity-50" }) })]
+		})
+	});
+};
+/**
+* The palette's results list. The scroll container is the DS ScrollArea rather
+* than the primitive's own `overflow-y-auto`, because a list of results that
+* continues past the fold with no bar and no fade reads as a complete list. The
+* cap stays overridable: `cn` lets a caller's own `max-h-*` replace the default.
+*
+* The ScrollArea wraps the list from OUTSIDE rather than lining it: cmdk's list
+* carries `role="listbox"`, and a listbox may not contain presentation wrappers
+* (axe flags that as a critical aria-required-children violation). The options
+* have to stay direct children of the element that holds the role.
+*
+* cmdk keeps the active item in view with `scrollIntoView({ block: 'nearest' })`
+* on the item, which acts on the nearest scrollable ancestor, so that keeps
+* working now that the viewport is the one that scrolls. `scroll-py-1` goes on
+* the viewport for the same reason: it is what pads that scroll.
+*/
+var CommandList = ({ className, children, ...props }) => {
+	return /* @__PURE__ */ jsx(ScrollArea, {
+		type: "always",
+		fade: true,
+		fadeFrom: "popover",
+		className: cn("max-h-72", className),
+		viewPortClassName: "scroll-py-1",
+		children: /* @__PURE__ */ jsx(Command$1.List, {
+			"data-slot": "command-list",
+			className: "outline-none",
+			...props,
+			children
+		})
+	});
+};
+var CommandEmpty = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(Command$1.Empty, {
+		"data-slot": "command-empty",
+		className: cn("py-6 text-center text-sm", className),
+		...props
+	});
+};
+var CommandGroup = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(Command$1.Group, {
+		"data-slot": "command-group",
+		className: cn("overflow-hidden p-1 text-foreground **:[[cmdk-group-heading]]:px-2 **:[[cmdk-group-heading]]:py-1.5 **:[[cmdk-group-heading]]:text-xs **:[[cmdk-group-heading]]:font-medium **:[[cmdk-group-heading]]:text-muted-foreground", className),
+		...props
+	});
+};
+var CommandSeparator = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(Command$1.Separator, {
+		"data-slot": "command-separator",
+		className: cn("-mx-1 h-px bg-border", className),
+		...props
+	});
+};
+var CommandItem = ({ className, children, ...props }) => {
+	return /* @__PURE__ */ jsxs(Command$1.Item, {
+		"data-slot": "command-item",
+		className: cn("group/command-item", popupItemClass("cmdk"), className),
+		...props,
+		children: [children, /* @__PURE__ */ jsx(IconCheck, {
+			"data-slot": "command-item-indicator",
+			className: "ml-auto size-4 shrink-0 opacity-0 group-has-data-[slot=command-shortcut]/command-item:hidden group-data-[checked=true]/command-item:opacity-100"
+		})]
+	});
+};
+var CommandShortcut = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx("span", {
+		"data-slot": "command-shortcut",
+		className: cn("ml-auto text-xs tracking-widest text-muted-foreground group-data-selected/command-item:text-foreground", className),
+		...props
+	});
+};
+//#endregion
+//#region ../ui/src/components/ui/context-menu/context-menu.tsx
+var ContextMenu = ({ ...props }) => {
+	return /* @__PURE__ */ jsx(ContextMenu$1.Root, {
+		"data-slot": "context-menu",
+		...props
+	});
+};
+var ContextMenuPortal = ({ ...props }) => {
+	return /* @__PURE__ */ jsx(ContextMenu$1.Portal, {
+		"data-slot": "context-menu-portal",
+		...props
+	});
+};
+var ContextMenuTrigger = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(ContextMenu$1.Trigger, {
+		"data-slot": "context-menu-trigger",
+		className: cn("select-none", className),
+		...props
+	});
+};
+var ContextMenuContent = ({ className, align = "start", alignOffset = 4, side = "right", sideOffset = 0, ...props }) => {
+	return /* @__PURE__ */ jsx(ContextMenu$1.Portal, { children: /* @__PURE__ */ jsx(ContextMenu$1.Positioner, {
+		className: "isolate z-50 outline-none",
+		align,
+		alignOffset,
+		side,
+		sideOffset,
+		children: /* @__PURE__ */ jsx(ContextMenu$1.Popup, {
+			"data-slot": "context-menu-content",
+			className: cn("z-50 max-h-(--available-height) min-w-36 origin-(--transform-origin) overflow-x-hidden overflow-y-auto rounded-lg 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:fade-out-0 data-closed:zoom-out-95", "motion-reduce:animate-none", className),
+			...props
+		})
+	}) });
+};
+var ContextMenuGroup = ({ ...props }) => {
+	return /* @__PURE__ */ jsx(ContextMenu$1.Group, {
+		"data-slot": "context-menu-group",
+		...props
+	});
+};
+var ContextMenuLabel = ({ className, inset, ...props }) => {
+	return /* @__PURE__ */ jsx(ContextMenu$1.GroupLabel, {
+		"data-slot": "context-menu-label",
+		"data-inset": inset,
+		className: cn("px-1.5 py-1 text-xs font-medium text-muted-foreground data-[inset=true]:pl-7", className),
+		...props
+	});
+};
+var ContextMenuItem = ({ className, inset, variant = "default", ...props }) => {
+	return /* @__PURE__ */ jsx(ContextMenu$1.Item, {
+		"data-slot": "context-menu-item",
+		"data-inset": inset,
+		"data-variant": variant,
+		className: cn("group/context-menu-item relative flex cursor-default items-center gap-1.5 rounded-md px-1.5 py-1 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground data-[inset=true]:pl-7 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 focus:*:[svg]:text-accent-foreground data-[variant=destructive]:*:[svg]:text-destructive", className),
+		...props
+	});
+};
+var ContextMenuSub = ({ ...props }) => {
+	return /* @__PURE__ */ jsx(ContextMenu$1.SubmenuRoot, {
+		"data-slot": "context-menu-sub",
+		...props
+	});
+};
+var ContextMenuSubTrigger = ({ className, inset, children, ...props }) => {
+	return /* @__PURE__ */ jsxs(ContextMenu$1.SubmenuTrigger, {
+		"data-slot": "context-menu-sub-trigger",
+		"data-inset": inset,
+		className: cn("flex cursor-default items-center gap-1.5 rounded-md px-1.5 py-1 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground data-[inset=true]:pl-7 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(IconChevronRight, { className: "ml-auto" })]
+	});
+};
+var ContextMenuSubContent = ({ ...props }) => {
+	return /* @__PURE__ */ jsx(ContextMenuContent, {
+		"data-slot": "context-menu-sub-content",
+		className: "shadow-lg",
+		side: "right",
+		...props
+	});
+};
+var ContextMenuCheckboxItem = ({ className, children, checked, inset, ...props }) => {
+	return /* @__PURE__ */ jsxs(ContextMenu$1.CheckboxItem, {
+		"data-slot": "context-menu-checkbox-item",
+		"data-inset": inset,
+		className: cn("relative flex cursor-default items-center gap-1.5 rounded-md py-1 pr-8 pl-1.5 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground data-[inset=true]:pl-7 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 right-2",
+			children: /* @__PURE__ */ jsx(ContextMenu$1.CheckboxItemIndicator, { children: /* @__PURE__ */ jsx(IconCheck, {}) })
+		}), children]
+	});
+};
+var ContextMenuRadioGroup = ({ ...props }) => {
+	return /* @__PURE__ */ jsx(ContextMenu$1.RadioGroup, {
+		"data-slot": "context-menu-radio-group",
+		...props
+	});
+};
+var ContextMenuRadioItem = ({ className, children, inset, ...props }) => {
+	return /* @__PURE__ */ jsxs(ContextMenu$1.RadioItem, {
+		"data-slot": "context-menu-radio-item",
+		"data-inset": inset,
+		className: cn("relative flex cursor-default items-center gap-1.5 rounded-md py-1 pr-8 pl-1.5 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground data-[inset=true]:pl-7 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 right-2",
+			children: /* @__PURE__ */ jsx(ContextMenu$1.RadioItemIndicator, { children: /* @__PURE__ */ jsx(IconCheck, {}) })
+		}), children]
+	});
+};
+var ContextMenuSeparator = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(ContextMenu$1.Separator, {
+		"data-slot": "context-menu-separator",
+		className: cn("-mx-1 my-1 h-px bg-border", className),
+		...props
+	});
+};
+var ContextMenuShortcut = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx("span", {
+		"data-slot": "context-menu-shortcut",
+		className: cn("ml-auto text-xs tracking-widest text-muted-foreground group-focus/context-menu-item:text-accent-foreground", className),
+		...props
+	});
+};
+//#endregion
+//#region ../ui/src/components/ui/drawer/drawer.tsx
+var Drawer = ({ ...props }) => {
+	return /* @__PURE__ */ jsx(Dialog$1.Root, {
+		"data-slot": "drawer",
+		...props
+	});
+};
+var DrawerTrigger = ({ ...props }) => {
+	return /* @__PURE__ */ jsx(Dialog$1.Trigger, {
+		"data-slot": "drawer-trigger",
+		...props
+	});
+};
+var DrawerClose = ({ ...props }) => {
+	return /* @__PURE__ */ jsx(Dialog$1.Close, {
+		"data-slot": "drawer-close",
+		...props
+	});
+};
+var DrawerOverlay = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(Dialog$1.Backdrop, {
+		"data-slot": "drawer-overlay",
+		className: cn("fixed inset-0 isolate z-50 bg-overlay duration-100 motion-reduce:animate-none 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
+	});
+};
+var DrawerContent = ({ className, children, side = "right", showCloseButton = true, ...props }) => {
+	return /* @__PURE__ */ jsxs(Dialog$1.Portal, {
+		"data-slot": "drawer-portal",
+		children: [/* @__PURE__ */ jsx(DrawerOverlay, {}), /* @__PURE__ */ jsxs(Dialog$1.Popup, {
+			"data-slot": "drawer-content",
+			"data-side": side,
+			className: cn("fixed z-50 flex flex-col gap-4 border-border bg-popover p-4 text-sm text-popover-foreground shadow-lg outline-none duration-100 motion-reduce:animate-none data-open:animate-in data-closed:animate-out", side === "right" && "inset-y-0 right-0 h-full w-3/4 max-w-sm border-l data-open:slide-in-from-right data-closed:slide-out-to-right", side === "left" && "inset-y-0 left-0 h-full w-3/4 max-w-sm border-r data-open:slide-in-from-left data-closed:slide-out-to-left", side === "top" && "inset-x-0 top-0 h-auto border-b data-open:slide-in-from-top data-closed:slide-out-to-top", side === "bottom" && "inset-x-0 bottom-0 h-auto border-t data-open:slide-in-from-bottom data-closed:slide-out-to-bottom", className),
+			...props,
+			children: [children, showCloseButton && /* @__PURE__ */ jsxs(Dialog$1.Close, {
+				"data-slot": "drawer-close",
+				render: /* @__PURE__ */ jsx(Button, {
+					variant: "ghost",
+					className: "absolute top-2 right-2",
+					size: "icon-sm"
+				}),
+				children: [/* @__PURE__ */ jsx(IconX, {}), /* @__PURE__ */ jsx("span", {
+					className: "sr-only",
+					children: "Close"
+				})]
+			})]
+		})]
+	});
+};
+var DrawerHeader = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "drawer-header",
+		className: cn("flex flex-col gap-2", className),
+		...props
+	});
+};
+var DrawerFooter = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "drawer-footer",
+		className: cn("mt-auto flex flex-col gap-2", className),
+		...props
+	});
+};
+var DrawerTitle = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(Dialog$1.Title, {
+		"data-slot": "drawer-title",
+		className: cn("text-base leading-none font-medium", className),
+		...props
+	});
+};
+var DrawerDescription = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(Dialog$1.Description, {
+		"data-slot": "drawer-description",
+		className: cn("text-sm text-muted-foreground", className),
+		...props
+	});
+};
+//#endregion
+//#region ../ui/src/components/ui/empty/empty.tsx
+var Empty = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "empty",
+		className: cn("flex w-full min-w-0 flex-1 flex-col items-center justify-center gap-4 rounded-xl border-dashed p-6 text-center text-balance", className),
+		...props
+	});
+};
+var EmptyHeader = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "empty-header",
+		className: cn("flex max-w-sm flex-col items-center gap-2", className),
+		...props
+	});
+};
+var emptyMediaVariants = cva("mb-2 flex shrink-0 items-center justify-center [&_svg]:pointer-events-none [&_svg]:shrink-0", {
+	variants: { variant: {
+		default: "bg-transparent",
+		icon: "flex size-8 shrink-0 items-center justify-center rounded-lg bg-muted text-foreground [&_svg:not([class*='size-'])]:size-4"
+	} },
+	defaultVariants: { variant: "default" }
+});
+var EmptyMedia = ({ className, variant = "default", ...props }) => {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "empty-icon",
+		"data-variant": variant,
+		className: cn(emptyMediaVariants({
+			variant,
+			className
+		})),
+		...props
+	});
+};
+var EmptyTitle = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "empty-title",
+		className: cn("font-heading text-sm font-medium tracking-tight", className),
+		...props
+	});
+};
+var EmptyDescription = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "empty-description",
+		className: cn("text-sm/relaxed text-muted-foreground [&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary", className),
+		...props
+	});
+};
+var 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-2.5 text-sm text-balance", className),
+		...props
+	});
+};
+//#endregion
+//#region ../ui/src/components/ui/field/field.tsx
+var Field = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(Field$1.Root, {
+		"data-slot": "field",
+		className: cn("group/field flex flex-col gap-1.5", className),
+		...props
+	});
+};
+var FieldLabel = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(Field$1.Label, {
+		"data-slot": "field-label",
+		className: cn("flex items-center gap-2 text-sm leading-none font-medium select-none group-has-disabled/field:pointer-events-none group-has-disabled/field:opacity-50", className),
+		...props
+	});
+};
+var FieldDescription = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(Field$1.Description, {
+		"data-slot": "field-description",
+		className: cn("text-sm text-muted-foreground", className),
+		...props
+	});
+};
+var FieldError = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(Field$1.Error, {
+		"data-slot": "field-error",
+		className: cn("text-sm text-destructive", className),
+		...props
+	});
+};
+//#endregion
+//#region ../ui/src/components/ui/hover-card/hover-card.tsx
+var HoverCard = ({ ...props }) => {
+	return /* @__PURE__ */ jsx(PreviewCard.Root, {
+		"data-slot": "hover-card",
+		...props
+	});
+};
+var HoverCardTrigger = ({ ...props }) => {
+	return /* @__PURE__ */ jsx(PreviewCard.Trigger, {
+		"data-slot": "hover-card-trigger",
+		...props
+	});
+};
+var HoverCardContent = ({ className, side = "bottom", sideOffset = 4, align = "center", alignOffset = 4, ...props }) => {
+	return /* @__PURE__ */ jsx(PreviewCard.Portal, {
+		"data-slot": "hover-card-portal",
+		children: /* @__PURE__ */ jsx(PreviewCard.Positioner, {
+			align,
+			alignOffset,
+			side,
+			sideOffset,
+			className: "isolate z-50",
+			children: /* @__PURE__ */ jsx(PreviewCard.Popup, {
+				"data-slot": "hover-card-content",
+				className: cn("z-50 w-64 origin-(--transform-origin) rounded-lg bg-popover p-2.5 text-sm text-popover-foreground shadow-md ring-1 ring-foreground/10 outline-hidden duration-100 motion-reduce: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
+			})
+		})
+	});
+};
+//#endregion
+//#region ../ui/src/components/ui/indicator/indicator.tsx
+/**
+* Indicator: notification count-bubble or status-dot that attaches to a corner
+* of another element (the Material/Angular "badge" concept; our Badge is the
+* label chip). The parent element must be position-relative (e.g. `relative`).
+*
+* Legacy mapping: `edynBadge` directive -> `Indicator` default/destructive;
+*                 `edyn-dot`             -> `Indicator` dot variant.
+* Positioning uses Radix vocabulary: side (top|bottom) + align (start|end).
+*/
+var indicatorVariants = cva("absolute z-10 inline-flex shrink-0 items-center justify-center font-medium leading-none ring-2 ring-background", {
+	variants: {
+		variant: {
+			/** Count bubble: primary colors, shows children as the count/text. */
+			default: "h-4 min-w-4 rounded-full bg-primary px-1 text-xs tabular-nums text-primary-foreground",
+			/** Status dot: solid circle, no children rendered. */
+			dot: "size-2 rounded-full bg-primary",
+			/** Count bubble in destructive (error/alert) colors. */
+			destructive: "h-4 min-w-4 rounded-full bg-destructive px-1 text-xs text-destructive-foreground tabular-nums dark:text-background"
+		},
+		side: {
+			top: "top-0",
+			bottom: "bottom-0"
+		},
+		align: {
+			start: "left-0",
+			end: "right-0"
+		}
+	},
+	compoundVariants: [
+		{
+			side: "top",
+			align: "start",
+			class: "-translate-x-1/2 -translate-y-1/2"
+		},
+		{
+			side: "top",
+			align: "end",
+			class: "translate-x-1/2 -translate-y-1/2"
+		},
+		{
+			side: "bottom",
+			align: "start",
+			class: "-translate-x-1/2 translate-y-1/2"
+		},
+		{
+			side: "bottom",
+			align: "end",
+			class: "translate-x-1/2 translate-y-1/2"
+		}
+	],
+	defaultVariants: {
+		variant: "default",
+		side: "top",
+		align: "end"
+	}
+});
+var Indicator = ({ className, variant = "default", side = "top", align = "end", children, ...props }) => {
+	return /* @__PURE__ */ jsx("span", {
+		"data-slot": "indicator",
+		"data-variant": variant,
+		"data-side": side,
+		"data-align": align,
+		className: cn(indicatorVariants({
+			variant,
+			side,
+			align
+		}), className),
+		...props,
+		children: variant !== "dot" ? children : null
+	});
+};
+//#endregion
+//#region ../ui/src/components/ui/input-otp/input-otp.tsx
+var InputOTP = ({ className, containerClassName, ...props }) => {
+	return /* @__PURE__ */ jsx(OTPInput, {
+		"data-slot": "input-otp",
+		containerClassName: cn("cn-input-otp flex items-center has-disabled:opacity-50", containerClassName),
+		spellCheck: false,
+		className: cn("disabled:cursor-not-allowed", className),
+		...props
+	});
+};
+var InputOTPGroup = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "input-otp-group",
+		className: cn("flex items-center rounded-lg has-aria-invalid:border-destructive has-aria-invalid:ring-3 has-aria-invalid:ring-destructive/20 dark:has-aria-invalid:ring-destructive/40", className),
+		...props
+	});
+};
+var InputOTPSlot = ({ index, className, ...props }) => {
+	const { char, hasFakeCaret, isActive } = React.useContext(OTPInputContext)?.slots[index] ?? {};
+	return /* @__PURE__ */ jsxs("div", {
+		"data-slot": "input-otp-slot",
+		"data-active": isActive,
+		className: cn("relative flex size-8 items-center justify-center border-y border-r border-input text-sm transition-all outline-none first:rounded-l-lg first:border-l last:rounded-r-lg aria-invalid:border-destructive data-[active=true]:z-10 data-[active=true]:border-ring data-[active=true]:ring-3 data-[active=true]:ring-ring/50 data-[active=true]:aria-invalid:border-destructive data-[active=true]:aria-invalid:ring-destructive/20 dark:bg-input/30 dark:data-[active=true]:aria-invalid:ring-destructive/40", className),
+		...props,
+		children: [char, hasFakeCaret && /* @__PURE__ */ jsx("div", {
+			className: "pointer-events-none absolute inset-0 flex items-center justify-center",
+			children: /* @__PURE__ */ jsx("div", { className: "h-4 w-px animate-caret-blink bg-foreground duration-1000 motion-reduce:animate-none" })
+		})]
+	});
+};
+var InputOTPSeparator = ({ ...props }) => {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "input-otp-separator",
+		className: "flex items-center [&_svg:not([class*='size-'])]:size-4",
+		"aria-hidden": "true",
+		...props,
+		children: /* @__PURE__ */ jsx(IconMinus, {})
+	});
+};
+//#endregion
+//#region ../ui/src/components/ui/separator/separator.tsx
+/**
+* Hairline rule between content, announced as `role="separator"`.
+*
+* The orientation styles are branched in TS rather than written as
+* `data-[orientation=*]:` variants on purpose. A variant carries two
+* selectors' worth of specificity, so it would outrank a plain class passed in
+* by the caller: the sidebar's own `w-auto` lost to `w-full` that way. Branching
+* emits one plain class per axis, which `cn` can dedupe and a caller can
+* override.
+*
+* Vertical uses `self-stretch` instead of `h-full`: a percentage height needs a
+* definite parent, and the usual host is an `items-center` row whose height
+* comes from its content.
+*/
+var Separator = ({ className, orientation = "horizontal", ...props }) => {
+	return /* @__PURE__ */ jsx(Separator$1, {
+		"data-slot": "separator",
+		orientation,
+		className: cn("shrink-0 bg-border", orientation === "horizontal" ? "h-px w-full" : "w-px self-stretch", className),
+		...props
+	});
+};
+//#endregion
+//#region ../ui/src/components/ui/item/item.tsx
+var ItemGroup = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx("div", {
+		role: "list",
+		"data-slot": "item-group",
+		className: cn("group/item-group flex w-full flex-col gap-4 has-data-[size=sm]:gap-2.5 has-data-[size=xs]:gap-2", className),
+		...props
+	});
+};
+var ItemSeparator = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(Separator, {
+		"data-slot": "item-separator",
+		orientation: "horizontal",
+		className: cn("my-2", className),
+		...props
+	});
+};
+var itemVariants = cva("group/item flex w-full flex-wrap items-center rounded-lg 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: "border-transparent",
+			outline: "border-border",
+			muted: "border-transparent bg-muted/50"
+		},
+		size: {
+			default: "gap-2.5 px-3 py-2.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: {
+		variant: "default",
+		size: "default"
+	}
+});
+var Item = ({ className, variant = "default", size = "default", render, ...props }) => {
+	return useRender({
+		defaultTagName: "div",
+		props: mergeProps({ className: cn(itemVariants({
+			variant,
+			size,
+			className
+		})) }, props),
+		render,
+		state: {
+			slot: "item",
+			variant,
+			size
+		}
+	});
+};
+var 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: "[&_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" }
+});
+var ItemMedia = ({ className, variant = "default", ...props }) => {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "item-media",
+		"data-variant": variant,
+		className: cn(itemMediaVariants({
+			variant,
+			className
+		})),
+		...props
+	});
+};
+var ItemContent = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "item-content",
+		className: cn("flex flex-1 flex-col gap-1 group-data-[size=xs]/item:gap-0 [&+[data-slot=item-content]]:flex-none", className),
+		...props
+	});
+};
+var ItemTitle = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "item-title",
+		className: cn("line-clamp-1 flex w-fit items-center gap-2 text-sm leading-snug font-medium underline-offset-4", className),
+		...props
+	});
+};
+var ItemDescription = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx("p", {
+		"data-slot": "item-description",
+		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
+	});
+};
+var ItemActions = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "item-actions",
+		className: cn("flex items-center gap-2", className),
+		...props
+	});
+};
+var ItemHeader = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "item-header",
+		className: cn("flex basis-full items-center justify-between gap-2", className),
+		...props
+	});
+};
+var ItemFooter = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "item-footer",
+		className: cn("flex basis-full items-center justify-between gap-2", className),
+		...props
+	});
+};
+//#endregion
+//#region ../ui/src/components/ui/kbd/kbd.tsx
+var Kbd = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx("kbd", {
+		"data-slot": "kbd",
+		className: cn("pointer-events-none inline-flex h-5 w-fit min-w-5 items-center justify-center gap-1 rounded-sm bg-muted px-1 font-sans text-xs font-medium text-muted-foreground select-none in-data-[slot=tooltip-content]:bg-background/20 in-data-[slot=tooltip-content]:text-background dark:in-data-[slot=tooltip-content]:bg-background/10 [&_svg:not([class*='size-'])]:size-3", className),
+		...props
+	});
+};
+var KbdGroup = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx("kbd", {
+		"data-slot": "kbd-group",
+		className: cn("inline-flex items-center gap-1", className),
+		...props
+	});
+};
+//#endregion
+//#region ../ui/src/components/ui/label/label.tsx
+var Label = ({ className, ...props }) => {
+	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),
+		...props
+	});
+};
+//#endregion
+//#region ../ui/src/components/ui/marker/marker.tsx
+var markerVariants = cva("group/marker relative flex min-h-4 w-full items-center gap-2 text-left text-sm text-muted-foreground [&_svg:not([class*='size-'])]:size-4 [a]:underline [a]:underline-offset-3 [a]:hover:text-foreground", { variants: { variant: {
+	default: "",
+	separator: "before:mr-1 before:h-px before:min-w-0 before:flex-1 before:bg-border after:ml-1 after:h-px after:min-w-0 after:flex-1 after:bg-border",
+	border: "border-b border-border pb-2"
+} } });
+var Marker = ({ className, variant = "default", render, ...props }) => {
+	return useRender({
+		defaultTagName: "div",
+		props: mergeProps({ className: cn(markerVariants({
+			variant,
+			className
+		})) }, props),
+		render,
+		state: {
+			slot: "marker",
+			variant
+		}
+	});
+};
+var MarkerIcon = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx("span", {
+		"data-slot": "marker-icon",
+		"aria-hidden": "true",
+		className: cn("size-4 shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
+		...props
+	});
+};
+var MarkerContent = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx("span", {
+		"data-slot": "marker-content",
+		className: cn("min-w-0 wrap-break-word group-data-[variant=separator]/marker:flex-none group-data-[variant=separator]/marker:text-center *:[a]:underline *:[a]:underline-offset-3 *:[a]:hover:text-foreground", className),
+		...props
+	});
+};
+//#endregion
+//#region ../ui/src/components/ui/menubar/menubar.tsx
+var Menubar = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(Menubar$1, {
+		"data-slot": "menubar",
+		className: cn("flex h-8 items-center gap-0.5 rounded-lg border p-[3px]", className),
+		...props
+	});
+};
+var MenubarMenu = ({ ...props }) => {
+	return /* @__PURE__ */ jsx(DropdownMenu, {
+		"data-slot": "menubar-menu",
+		...props
+	});
+};
+var MenubarGroup = ({ ...props }) => {
+	return /* @__PURE__ */ jsx(DropdownMenuGroup, {
+		"data-slot": "menubar-group",
+		...props
+	});
+};
+var MenubarPortal = ({ ...props }) => {
+	return /* @__PURE__ */ jsx(DropdownMenuPortal, {
+		"data-slot": "menubar-portal",
+		...props
+	});
+};
+var MenubarTrigger = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(DropdownMenuTrigger, {
+		"data-slot": "menubar-trigger",
+		className: cn("flex items-center rounded-sm px-1.5 py-[2px] text-sm font-medium outline-hidden select-none hover:bg-muted aria-expanded:bg-muted", className),
+		...props
+	});
+};
+var MenubarContent = ({ className, align = "start", alignOffset = -4, sideOffset = 8, ...props }) => {
+	return /* @__PURE__ */ jsx(DropdownMenuContent, {
+		"data-slot": "menubar-content",
+		align,
+		alignOffset,
+		sideOffset,
+		className: cn("min-w-36 rounded-lg bg-popover p-1 text-popover-foreground shadow-md ring-1 ring-foreground/10 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", "motion-reduce:animate-none", className),
+		...props
+	});
+};
+var MenubarItem = ({ className, inset, variant = "default", ...props }) => {
+	return /* @__PURE__ */ jsx(DropdownMenuItem, {
+		"data-slot": "menubar-item",
+		"data-inset": inset,
+		"data-variant": variant,
+		className: cn("group/menubar-item gap-1.5 rounded-md px-1.5 py-1 text-sm focus:bg-accent focus:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground data-[inset=true]:pl-7 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:opacity-50 [&_svg:not([class*='size-'])]:size-4 data-[variant=destructive]:*:[svg]:text-destructive!", className),
+		...props
+	});
+};
+var MenubarCheckboxItem = ({ className, children, checked, inset, ...props }) => {
+	return /* @__PURE__ */ jsxs(Menu.CheckboxItem, {
+		"data-slot": "menubar-checkbox-item",
+		"data-inset": inset,
+		className: cn("relative flex cursor-default items-center gap-1.5 rounded-md py-1 pr-1.5 pl-7 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground data-[inset=true]:pl-7 data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0", className),
+		checked,
+		...props,
+		children: [/* @__PURE__ */ jsx("span", {
+			className: "pointer-events-none absolute left-1.5 flex size-4 items-center justify-center [&_svg:not([class*='size-'])]:size-4",
+			children: /* @__PURE__ */ jsx(Menu.CheckboxItemIndicator, { children: /* @__PURE__ */ jsx(IconCheck, {}) })
+		}), children]
+	});
+};
+var MenubarRadioGroup = ({ ...props }) => {
+	return /* @__PURE__ */ jsx(DropdownMenuRadioGroup, {
+		"data-slot": "menubar-radio-group",
+		...props
+	});
+};
+var MenubarRadioItem = ({ className, children, inset, ...props }) => {
+	return /* @__PURE__ */ jsxs(Menu.RadioItem, {
+		"data-slot": "menubar-radio-item",
+		"data-inset": inset,
+		className: cn("relative flex cursor-default items-center gap-1.5 rounded-md py-1 pr-1.5 pl-7 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground data-[inset=true]:pl-7 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-1.5 flex size-4 items-center justify-center [&_svg:not([class*='size-'])]:size-4",
+			children: /* @__PURE__ */ jsx(Menu.RadioItemIndicator, { children: /* @__PURE__ */ jsx(IconCheck, {}) })
+		}), children]
+	});
+};
+var MenubarLabel = ({ className, inset, ...props }) => {
+	return /* @__PURE__ */ jsx(DropdownMenuLabel, {
+		"data-slot": "menubar-label",
+		"data-inset": inset,
+		className: cn("px-1.5 py-1 text-sm font-medium data-[inset=true]:pl-7", className),
+		...props
+	});
+};
+var MenubarSeparator = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(DropdownMenuSeparator, {
+		"data-slot": "menubar-separator",
+		className: cn("-mx-1 my-1 h-px bg-border", className),
+		...props
+	});
+};
+var MenubarShortcut = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(DropdownMenuShortcut, {
+		"data-slot": "menubar-shortcut",
+		className: cn("ml-auto text-xs tracking-widest text-muted-foreground group-focus/menubar-item:text-accent-foreground", className),
+		...props
+	});
+};
+var MenubarSub = ({ ...props }) => {
+	return /* @__PURE__ */ jsx(DropdownMenuSub, {
+		"data-slot": "menubar-sub",
+		...props
+	});
+};
+var MenubarSubTrigger = ({ className, inset, ...props }) => {
+	return /* @__PURE__ */ jsx(DropdownMenuSubTrigger, {
+		"data-slot": "menubar-sub-trigger",
+		"data-inset": inset,
+		className: cn("gap-1.5 rounded-md px-1.5 py-1 text-sm focus:bg-accent focus:text-accent-foreground data-[inset=true]:pl-7 data-open:bg-accent data-open:text-accent-foreground [&_svg:not([class*='size-'])]:size-4", className),
+		...props
+	});
+};
+var MenubarSubContent = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(DropdownMenuSubContent, {
+		"data-slot": "menubar-sub-content",
+		className: cn("min-w-32 rounded-lg 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", "motion-reduce:animate-none", className),
+		...props
+	});
+};
+//#endregion
+//#region ../ui/src/components/ui/message/message.tsx
+var MessageGroup = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "message-group",
+		className: cn("flex min-w-0 flex-col gap-2", className),
+		...props
+	});
+};
+var Message = ({ className, align = "start", ...props }) => {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "message",
+		"data-align": align,
+		className: cn("group/message relative flex w-full min-w-0 gap-2 text-sm data-[align=end]:flex-row-reverse", className),
+		...props
+	});
+};
+var MessageAvatar = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "message-avatar",
+		className: cn("flex w-fit min-w-8 shrink-0 items-center justify-center self-end overflow-hidden rounded-full bg-muted group-has-data-[slot=message-footer]/message:-translate-y-8", className),
+		...props
+	});
+};
+var MessageContent = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "message-content",
+		className: cn("flex w-full min-w-0 flex-col gap-2.5 wrap-break-word group-data-[align=end]/message:*:data-slot:self-end", className),
+		...props
+	});
+};
+var MessageHeader = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "message-header",
+		className: cn("flex max-w-full min-w-0 items-center px-3 text-xs font-medium text-muted-foreground group-has-data-[variant=ghost]/message:px-0", className),
+		...props
+	});
+};
+var MessageFooter = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "message-footer",
+		className: cn("flex max-w-full min-w-0 items-center px-3 text-xs font-medium text-muted-foreground group-has-data-[variant=ghost]/message:px-0 group-data-[align=end]/message:justify-end", className),
+		...props
+	});
+};
+//#endregion
+//#region ../ui/src/components/ui/message-scroller/message-scroller.tsx
+var MessageScrollerProvider = (props) => {
+	return /* @__PURE__ */ jsx(MessageScroller$1.Provider, { ...props });
+};
+var MessageScroller = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(MessageScroller$1.Root, {
+		"data-slot": "message-scroller",
+		className: cn("group/message-scroller relative flex size-full min-h-0 flex-col overflow-hidden", className),
+		...props
+	});
+};
+var MessageScrollerViewport = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(MessageScroller$1.Viewport, {
+		"data-slot": "message-scroller-viewport",
+		className: cn("size-full min-h-0 min-w-0 scroll-fade-b scrollbar-thin scrollbar-gutter-stable overflow-y-auto overscroll-contain contain-content data-autoscrolling:scrollbar-thumb-transparent data-autoscrolling:scrollbar-track-transparent data-pending-scroll:invisible", className),
+		...props
+	});
+};
+var MessageScrollerContent = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(MessageScroller$1.Content, {
+		"data-slot": "message-scroller-content",
+		className: cn("flex h-max min-h-full flex-col gap-6", className),
+		...props
+	});
+};
+var MessageScrollerItem = ({ className, scrollAnchor = false, ...props }) => {
+	return /* @__PURE__ */ jsx(MessageScroller$1.Item, {
+		"data-slot": "message-scroller-item",
+		scrollAnchor,
+		className: cn("min-w-0 shrink-0 [contain-intrinsic-size:auto_10rem] [content-visibility:auto]", className),
+		...props
+	});
+};
+var MessageScrollerButton = ({ direction = "end", className, children, render, variant = "secondary", size = "icon-sm", ...props }) => {
+	return /* @__PURE__ */ jsx(MessageScroller$1.Button, {
+		"data-slot": "message-scroller-button",
+		"data-direction": direction,
+		"data-variant": variant,
+		"data-size": size,
+		direction,
+		className: cn("absolute inset-s-1/2 -translate-x-1/2 border-border bg-background text-foreground transition-[translate,scale,opacity] duration-200 motion-reduce:transition-none hover:bg-muted hover:text-foreground data-[active=false]:pointer-events-none data-[active=false]:scale-95 data-[active=false]:opacity-0 data-[active=false]:duration-400 data-[active=false]:ease-[cubic-bezier(0.7,0,0.84,0)] data-[active=true]:translate-y-0 data-[active=true]:scale-100 data-[active=true]:opacity-100 data-[active=true]:ease-[cubic-bezier(0.23,1,0.32,1)] data-[direction=end]:bottom-4 data-[direction=end]:data-[active=false]:translate-y-full data-[direction=start]:top-4 data-[direction=start]:data-[active=false]:-translate-y-full rtl:translate-x-1/2 data-[direction=start]:[&_svg]:rotate-180", className),
+		render: render ?? /* @__PURE__ */ jsx(Button, {
+			variant,
+			size
+		}),
+		...props,
+		children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(IconArrowDown, {}), /* @__PURE__ */ jsx("span", {
+			className: "sr-only",
+			children: direction === "end" ? "Scroll to end" : "Scroll to start"
+		})] })
+	});
+};
+//#endregion
+//#region ../ui/src/components/ui/native-select/native-select.tsx
+var NativeSelect = ({ className, size = "default", ...props }) => {
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn("group/native-select relative w-fit has-[select:disabled]:opacity-50", className),
+		"data-slot": "native-select-wrapper",
+		"data-size": size,
+		children: [/* @__PURE__ */ jsx("select", {
+			"data-slot": "native-select",
+			"data-size": size,
+			className: "h-8 w-full min-w-0 appearance-none rounded-lg border border-input bg-transparent py-1 pr-8 pl-2.5 text-sm transition-colors outline-none select-none selection:bg-primary selection:text-primary-foreground placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:pointer-events-none disabled:cursor-not-allowed aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 data-[size=sm]:h-7 data-[size=sm]:rounded-[min(var(--radius-md),10px)] data-[size=sm]:py-0.5 dark:bg-input/30 dark:hover:bg-input/50 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40",
+			...props
+		}), /* @__PURE__ */ jsx(IconSelector, {
+			className: "pointer-events-none absolute top-1/2 right-2.5 size-4 -translate-y-1/2 text-muted-foreground select-none",
+			"aria-hidden": "true",
+			"data-slot": "native-select-icon"
+		})]
+	});
+};
+var NativeSelectOption = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx("option", {
+		"data-slot": "native-select-option",
+		className: cn("bg-[Canvas] text-[CanvasText]", className),
+		...props
+	});
+};
+var NativeSelectOptGroup = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx("optgroup", {
+		"data-slot": "native-select-optgroup",
+		className: cn("bg-[Canvas] text-[CanvasText]", className),
+		...props
+	});
+};
+//#endregion
+//#region ../ui/src/components/ui/navigation-menu/navigation-menu.tsx
+var NavigationMenu = ({ align = "start", className, children, ...props }) => {
+	return /* @__PURE__ */ jsxs(NavigationMenu$1.Root, {
+		"data-slot": "navigation-menu",
+		className: cn("group/navigation-menu relative flex max-w-max flex-1 items-center justify-center", className),
+		...props,
+		children: [children, /* @__PURE__ */ jsx(NavigationMenuPositioner, { align })]
+	});
+};
+var NavigationMenuList = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(NavigationMenu$1.List, {
+		"data-slot": "navigation-menu-list",
+		className: cn("group flex flex-1 list-none items-center justify-center gap-0", className),
+		...props
+	});
+};
+var NavigationMenuItem = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(NavigationMenu$1.Item, {
+		"data-slot": "navigation-menu-item",
+		className: cn("relative", className),
+		...props
+	});
+};
+var navigationMenuTriggerStyle = cva("group/navigation-menu-trigger inline-flex h-9 w-max items-center justify-center rounded-lg px-2.5 py-1.5 text-sm font-medium transition-all outline-none motion-reduce:transition-none hover:bg-muted focus:bg-muted focus-visible:ring-3 focus-visible:ring-ring/50 focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 data-popup-open:bg-muted/50 data-popup-open:hover:bg-muted data-open:bg-muted/50 data-open:hover:bg-muted data-open:focus:bg-muted");
+var NavigationMenuTrigger = ({ className, children, ...props }) => {
+	return /* @__PURE__ */ jsxs(NavigationMenu$1.Trigger, {
+		"data-slot": "navigation-menu-trigger",
+		className: cn(navigationMenuTriggerStyle(), "group", className),
+		...props,
+		children: [
+			children,
+			" ",
+			/* @__PURE__ */ jsx(IconChevronDown, {
+				className: "relative top-px ml-1 size-3 transition duration-300 motion-reduce:transition-none group-data-popup-open/navigation-menu-trigger:rotate-180 group-data-open/navigation-menu-trigger:rotate-180",
+				"aria-hidden": "true"
+			})
+		]
+	});
+};
+var NavigationMenuContent = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(NavigationMenu$1.Content, {
+		"data-slot": "navigation-menu-content",
+		className: cn("motion-reduce:animate-none motion-reduce:transition-none", "data-ending-style:data-[activation-direction=left]:translate-x-[50%] data-ending-style:data-[activation-direction=right]:translate-x-[-50%] data-starting-style:data-[activation-direction=left]:translate-x-[-50%] data-starting-style:data-[activation-direction=right]:translate-x-[50%] h-full w-auto p-1 transition-[opacity,transform,translate] duration-[0.35s] ease-[cubic-bezier(0.22,1,0.36,1)] group-data-[viewport=false]/navigation-menu:rounded-lg group-data-[viewport=false]/navigation-menu:bg-popover group-data-[viewport=false]/navigation-menu:text-popover-foreground group-data-[viewport=false]/navigation-menu:shadow group-data-[viewport=false]/navigation-menu:ring-1 group-data-[viewport=false]/navigation-menu:ring-foreground/10 group-data-[viewport=false]/navigation-menu:duration-300 data-ending-style:opacity-0 data-starting-style:opacity-0 data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 data-[motion^=from-]:animate-in data-[motion^=from-]:fade-in data-[motion^=to-]:animate-out data-[motion^=to-]:fade-out **:data-[slot=navigation-menu-link]:focus:ring-0 **:data-[slot=navigation-menu-link]:focus:outline-none group-data-[viewport=false]/navigation-menu:data-open:animate-in group-data-[viewport=false]/navigation-menu:data-open:fade-in-0 group-data-[viewport=false]/navigation-menu:data-open:zoom-in-95 group-data-[viewport=false]/navigation-menu:data-closed:animate-out group-data-[viewport=false]/navigation-menu:data-closed:fade-out-0 group-data-[viewport=false]/navigation-menu:data-closed:zoom-out-95", className),
+		...props
+	});
+};
+var NavigationMenuPositioner = ({ className, side = "bottom", sideOffset = 8, align = "start", alignOffset = 0, ...props }) => {
+	return /* @__PURE__ */ jsx(NavigationMenu$1.Portal, { children: /* @__PURE__ */ jsx(NavigationMenu$1.Positioner, {
+		side,
+		sideOffset,
+		align,
+		alignOffset,
+		className: cn("isolate z-50 h-(--positioner-height) w-(--positioner-width) max-w-(--available-width) transition-[top,left,right,bottom] duration-[0.35s] ease-[cubic-bezier(0.22,1,0.36,1)] motion-reduce:transition-none data-instant:transition-none data-[side=bottom]:before:top-[-10px] data-[side=bottom]:before:right-0 data-[side=bottom]:before:left-0", className),
+		...props,
+		children: /* @__PURE__ */ jsx(NavigationMenu$1.Popup, {
+			className: "data-[ending-style]:easing-[ease] xs:w-(--popup-width) relative h-(--popup-height) w-(--popup-width) origin-(--transform-origin) rounded-lg bg-popover text-popover-foreground shadow ring-1 ring-foreground/10 transition-[opacity,transform,width,height,scale,translate] duration-[0.35s] ease-[cubic-bezier(0.22,1,0.36,1)] outline-none motion-reduce:transition-none data-ending-style:scale-90 data-ending-style:opacity-0 data-ending-style:duration-150 data-starting-style:scale-90 data-starting-style:opacity-0",
+			children: /* @__PURE__ */ jsx(NavigationMenu$1.Viewport, { className: "relative size-full overflow-hidden" })
+		})
+	}) });
+};
+var NavigationMenuLink = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(NavigationMenu$1.Link, {
+		"data-slot": "navigation-menu-link",
+		className: cn("flex items-center gap-2 rounded-lg p-2 text-sm transition-all outline-none motion-reduce:transition-none hover:bg-muted focus:bg-muted focus-visible:ring-3 focus-visible:ring-ring/50 focus-visible:outline-1 in-data-[slot=navigation-menu-content]:rounded-md data-active:bg-muted/50 data-active:hover:bg-muted data-active:focus:bg-muted [&_svg:not([class*='size-'])]:size-4", className),
+		...props
+	});
+};
+var NavigationMenuIndicator = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(NavigationMenu$1.Icon, {
+		"data-slot": "navigation-menu-indicator",
+		className: cn("motion-reduce:animate-none", "top-full z-1 flex h-1.5 items-end justify-center overflow-hidden data-[state=hidden]:animate-out data-[state=hidden]:fade-out data-[state=visible]:animate-in data-[state=visible]:fade-in", className),
+		...props,
+		children: /* @__PURE__ */ jsx("div", { className: "relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm bg-border shadow-md" })
+	});
+};
+//#endregion
+//#region ../ui/src/components/ui/pagination/pagination.tsx
+/**
+* Compute the ordered list of page numbers and ellipsis markers to render.
+* First and last pages are always included. `siblingCount` controls how many
+* page numbers appear on each side of the current page.
+*/
+var getPaginationRange = (page, count, siblingCount = 1) => {
+	if (count <= 0) return [];
+	const currentPage = Math.min(Math.max(page, 1), count);
+	if (count <= 2 * siblingCount + 5) return Array.from({ length: count }, (_, i) => i + 1);
+	const leftSiblingStart = Math.max(currentPage - siblingCount, 2);
+	const rightSiblingEnd = Math.min(currentPage + siblingCount, count - 1);
+	const showLeftEllipsis = leftSiblingStart > 2;
+	const showRightEllipsis = rightSiblingEnd < count - 1;
+	const range = [1];
+	if (showLeftEllipsis) range.push("ellipsis");
+	else for (let i = 2; i < leftSiblingStart; i++) range.push(i);
+	for (let i = leftSiblingStart; i <= rightSiblingEnd; i++) range.push(i);
+	if (showRightEllipsis) range.push("ellipsis");
+	else for (let i = rightSiblingEnd + 1; i < count; i++) range.push(i);
+	range.push(count);
+	return range;
+};
+/** Clamp a page number to the valid [1, count] range (count <= 0 yields 1). */
+var clampPage = (page, count) => Math.min(Math.max(page, 1), Math.max(count, 1));
+var Pagination = ({ page, count, onPageChange, siblingCount = 1, className, ...props }) => {
+	const currentPage = clampPage(page, count);
+	const range = getPaginationRange(currentPage, count, siblingCount);
+	let ellipsisCount = 0;
+	const handlePrev = () => {
+		if (currentPage > 1) onPageChange(currentPage - 1);
+	};
+	const handleNext = () => {
+		if (currentPage < count) onPageChange(currentPage + 1);
+	};
+	return /* @__PURE__ */ jsx("nav", {
+		"aria-label": "pagination",
+		...props,
+		className: cn("mx-auto flex w-full justify-center", className),
+		children: /* @__PURE__ */ jsxs("ul", {
+			className: "flex flex-row items-center gap-1",
+			children: [
+				/* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx("button", {
+					type: "button",
+					"aria-label": "Go to previous page",
+					disabled: currentPage <= 1,
+					onClick: handlePrev,
+					className: cn(buttonVariants({
+						variant: "ghost",
+						size: "icon"
+					}), "size-8"),
+					children: /* @__PURE__ */ jsx(IconChevronLeft, { size: 16 })
+				}) }),
+				range.map((item) => {
+					if (item === "ellipsis") {
+						ellipsisCount += 1;
+						const ellipsisKey = `ellipsis-${ellipsisCount}`;
+						return /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx("span", {
+							"aria-hidden": "true",
+							className: cn(buttonVariants({
+								variant: "ghost",
+								size: "icon"
+							}), "size-8 cursor-default pointer-events-none"),
+							children: /* @__PURE__ */ jsx(IconDots, { size: 16 })
+						}) }, ellipsisKey);
+					}
+					const isActive = item === currentPage;
+					return /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx("button", {
+						type: "button",
+						"aria-label": `Go to page ${item}`,
+						"aria-current": isActive ? "page" : void 0,
+						onClick: () => {
+							if (!isActive) onPageChange(item);
+						},
+						className: cn(buttonVariants({
+							variant: isActive ? "outline" : "ghost",
+							size: "icon"
+						}), "size-8", isActive && "pointer-events-none font-semibold"),
+						children: item
+					}) }, item);
+				}),
+				/* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx("button", {
+					type: "button",
+					"aria-label": "Go to next page",
+					disabled: currentPage >= count,
+					onClick: handleNext,
+					className: cn(buttonVariants({
+						variant: "ghost",
+						size: "icon"
+					}), "size-8"),
+					children: /* @__PURE__ */ jsx(IconChevronRight, { size: 16 })
+				}) })
+			]
+		})
+	});
+};
+//#endregion
+//#region ../ui/src/components/ui/progress/progress.tsx
+/**
+* The tones: a closed set of semantic colours rather than a class string, so a bar cannot carry a
+* colour the theme does not define and dark mode and a re-theme keep working. Each is the theme token
+* the fill uses; the track is a 20% tint of the same token.
+*/
+var TONE_TOKEN = {
+	default: "var(--primary)",
+	info: "var(--info)",
+	success: "var(--success)",
+	warning: "var(--warning)",
+	destructive: "var(--destructive)"
+};
+/**
+* Colours an app can set without a class string. --progress-color replaces the fill (any colour, such as an
+* app's own status tokens); --progress-track replaces the track, which does not follow the fill: an app
+* that wants a neutral track sets it to var(--muted). Both are read where the bar is, so they follow the
+* theme and can be set on :root or on any ancestor.
+*/
+var progressFill = (tone) => `var(--progress-color, ${TONE_TOKEN[tone]})`;
+var progressTrack = (tone) => `var(--progress-track, color-mix(in oklab, ${TONE_TOKEN[tone]} 20%, transparent))`;
+/**
+* How the fill eases its width. The defaults are the 300ms ease-in-out it always had; an app retunes them
+* with --progress-duration and --progress-ease, or turns the easing off with `animated={false}` when the
+* number it shows is itself animated and the bar is driven from the same clock.
+*/
+var PROGRESS_DURATION = "var(--progress-duration, 300ms)";
+var PROGRESS_EASE = "var(--progress-ease, cubic-bezier(0.4, 0, 0.2, 1))";
+var progressTrackVariants = cva("relative w-full overflow-hidden rounded-full", {
+	variants: { size: {
+		sm: "h-1",
+		default: "h-2"
+	} },
+	defaultVariants: { size: "default" }
+});
+var Progress = ({ value = null, tone = "default", size, animated = true, className, ...props }) => {
+	const fillStyle = {
+		backgroundColor: progressFill(tone),
+		...value != null ? { width: `${value}%` } : null,
+		...animated ? {
+			transitionDuration: PROGRESS_DURATION,
+			transitionTimingFunction: PROGRESS_EASE
+		} : null
+	};
+	return /* @__PURE__ */ jsx(Progress$1.Root, {
+		"data-slot": "progress",
+		value: value ?? null,
+		className: cn("w-full", className),
+		...props,
+		children: /* @__PURE__ */ jsx(Progress$1.Track, {
+			"data-slot": "progress-track",
+			className: progressTrackVariants({ size }),
+			style: { backgroundColor: progressTrack(tone) },
+			children: /* @__PURE__ */ jsx(Progress$1.Indicator, {
+				"data-slot": "progress-indicator",
+				"data-tone": tone,
+				className: cn("h-full rounded-full motion-reduce:transition-none motion-reduce:animate-none data-indeterminate:w-1/3 data-indeterminate:animate-[progress-indeterminate_1.5s_ease-in-out_infinite]", animated ? "transition-[width] duration-300 ease-in-out" : "transition-none"),
+				style: fillStyle
+			})
+		})
+	});
+};
+//#endregion
+//#region ../ui/src/components/ui/questionnaire/questionnaire.tsx
+var Questionnaire = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(Questionnaire$1.Root, {
+		"data-slot": "questionnaire",
+		className: cn("flex w-full min-w-0 flex-col gap-4", className),
+		...props
+	});
+};
+var QuestionnaireProgress = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(Questionnaire$1.Progress, {
+		"data-slot": "questionnaire-progress",
+		className: cn("min-h-[1lh] w-fit min-w-[14ch] text-xs font-medium text-muted-foreground tabular-nums", className),
+		...props
+	});
+};
+var QuestionnaireItem = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(Questionnaire$1.Item, {
+		"data-slot": "questionnaire-item",
+		className: cn("flex min-w-0 flex-col gap-4 border-0 p-0 outline-none", className),
+		...props
+	});
+};
+var QuestionnaireTitle = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(Questionnaire$1.Title, {
+		"data-slot": "questionnaire-title",
+		className: cn("font-heading text-base leading-snug font-medium text-pretty [&:not(:has(~[data-slot=questionnaire-description]))]:mb-4", className),
+		...props
+	});
+};
+var QuestionnaireDescription = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(Questionnaire$1.Description, {
+		"data-slot": "questionnaire-description",
+		className: cn("text-sm text-pretty text-muted-foreground", className),
+		...props
+	});
+};
+var QuestionnaireChoices = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(Questionnaire$1.Choices, {
+		"data-slot": "questionnaire-choices",
+		className: cn("group/questionnaire-choices grid min-w-0 gap-2", className),
+		...props
+	});
+};
+var QuestionnaireChoice = ({ children, className, ...props }) => {
+	return /* @__PURE__ */ jsxs(Questionnaire$1.Choice, {
+		"data-slot": "questionnaire-choice",
+		className: cn("group/questionnaire-choice relative flex min-h-11 cursor-pointer items-start gap-2.5 rounded-lg border border-input bg-transparent px-3 py-2.5 text-start text-sm transition-colors outline-none select-none hover:bg-muted/50 has-[>input:focus-visible]:border-ring has-[>input:focus-visible]:ring-3 has-[>input:focus-visible]:ring-ring/50 data-invalid:border-destructive dark:bg-input/20 data-checked:border-primary/40 data-checked:bg-muted dark:data-checked:bg-muted", "data-disabled:pointer-events-none data-disabled:cursor-not-allowed data-disabled:opacity-50", className),
+		...props,
+		children: [
+			/* @__PURE__ */ jsx(Questionnaire$1.ChoiceInput, {
+				"data-slot": "questionnaire-choice-input",
+				className: "absolute inset-0 z-10 size-full cursor-pointer opacity-0"
+			}),
+			/* @__PURE__ */ jsxs("span", {
+				"aria-hidden": "true",
+				"data-slot": "questionnaire-choice-indicator",
+				className: "pointer-events-none relative flex size-4 shrink-0 translate-y-[--spacing(0.45)] items-center justify-center rounded-[4px] border border-input group-has-data-[slot=questionnaire-choice-description]/questionnaire-choice:translate-y-0.5 group-data-[type=radio]/questionnaire-choice:rounded-full group-data-checked/questionnaire-choice:border-primary group-data-checked/questionnaire-choice:bg-primary group-data-checked/questionnaire-choice:text-primary-foreground dark:bg-input/30 dark:group-data-checked/questionnaire-choice:bg-primary",
+				children: [/* @__PURE__ */ jsx("span", {
+					"data-slot": "questionnaire-choice-indicator-dot",
+					className: "hidden size-2 rounded-full bg-primary-foreground group-data-[type=checkbox]/questionnaire-choice:hidden group-data-checked/questionnaire-choice:block"
+				}), /* @__PURE__ */ jsx(IconCheck, {
+					"data-slot": "questionnaire-choice-indicator-check",
+					className: "hidden size-3.5 group-data-[type=radio]/questionnaire-choice:hidden group-data-checked/questionnaire-choice:block"
+				})]
+			}),
+			/* @__PURE__ */ jsx(Questionnaire$1.ChoiceLabel, {
+				"data-slot": "questionnaire-choice-label",
+				className: "flex min-w-0 flex-1 flex-col gap-0.5 leading-snug",
+				children
+			}),
+			/* @__PURE__ */ jsx(Questionnaire$1.ChoiceShortcut, {
+				"data-slot": "questionnaire-choice-shortcut",
+				className: "pointer-events-none ms-auto hidden size-5 shrink-0 translate-y-[--spacing(0.45)] items-center justify-center rounded-md border border-input bg-background font-mono text-[0.625rem] leading-none font-medium text-muted-foreground group-has-data-[slot=questionnaire-choice-description]/questionnaire-choice:translate-y-0.5 group-data-[shortcut]/questionnaire-choice:inline-flex"
+			})
+		]
+	});
+};
+var QuestionnaireChoiceDescription = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx("span", {
+		"data-slot": "questionnaire-choice-description",
+		className: cn("text-muted-foreground", className),
+		...props
+	});
+};
+var QuestionnaireInput = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "questionnaire-input-wrapper",
+		className: "group/questionnaire-input relative w-full min-w-0",
+		children: /* @__PURE__ */ jsx(Questionnaire$1.Input, {
+			"data-slot": "questionnaire-input",
+			className: cn("h-8 min-h-11 w-full min-w-0 rounded-lg border border-input bg-transparent px-2.5 py-1 text-base transition-[color,box-shadow,background-color] outline-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:pointer-events-none disabled:cursor-not-allowed disabled:bg-input/50 disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 sm:min-h-0 md:text-sm dark:bg-input/30 dark:disabled:bg-input/80 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40", "selection:bg-primary selection:text-primary-foreground placeholder:text-muted-foreground", className),
+			...props
+		})
+	});
+};
+var QuestionnaireError = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(Questionnaire$1.Error, {
+		"data-slot": "questionnaire-error",
+		className: cn("mt-2 text-sm text-destructive", className),
+		...props
+	});
+};
+var QuestionnaireActions = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "questionnaire-actions",
+		className: cn("grid min-h-11 w-full grid-cols-[minmax(0,1fr)_auto_auto] items-center gap-2 sm:min-h-8", className),
+		...props
+	});
+};
+var QuestionnairePrevious = ({ children, className, size = "default", variant = "outline", ...props }) => {
+	return /* @__PURE__ */ jsx(Questionnaire$1.Previous, {
+		"data-slot": "questionnaire-previous",
+		"data-size": size,
+		"data-variant": variant,
+		className: cn(buttonVariants({
+			size,
+			variant
+		}), "col-start-1 row-start-1 min-h-11 justify-self-start sm:min-h-0", className),
+		...props,
+		children: children ?? "Previous"
+	});
+};
+var QuestionnaireSkip = ({ children, className, size = "default", variant = "outline", ...props }) => {
+	return /* @__PURE__ */ jsx(Questionnaire$1.Skip, {
+		"data-slot": "questionnaire-skip",
+		"data-size": size,
+		"data-variant": variant,
+		className: cn(buttonVariants({
+			size,
+			variant
+		}), "col-start-2 row-start-1 min-h-11 justify-self-end sm:min-h-0", className),
+		...props,
+		children: children ?? "Skip"
+	});
+};
+var QuestionnaireNext = ({ children, className, size = "default", variant = "default", ...props }) => {
+	return /* @__PURE__ */ jsx(Questionnaire$1.Next, {
+		"data-slot": "questionnaire-next",
+		"data-size": size,
+		"data-variant": variant,
+		className: cn(buttonVariants({
+			size,
+			variant
+		}), "col-start-3 row-start-1 min-h-11 justify-self-end sm:min-h-0", className),
+		...props,
+		children: children ?? "Next"
+	});
+};
+var QuestionnaireSubmit = ({ children, className, size = "default", variant = "default", ...props }) => {
+	return /* @__PURE__ */ jsx(Questionnaire$1.Submit, {
+		"data-slot": "questionnaire-submit",
+		"data-size": size,
+		"data-variant": variant,
+		className: cn(buttonVariants({
+			size,
+			variant
+		}), "col-start-3 row-start-1 min-h-11 justify-self-end sm:min-h-0", className),
+		...props,
+		children: children ?? "Submit"
+	});
+};
+//#endregion
+//#region ../ui/src/components/ui/radio-group/radio-group.tsx
+var RadioGroup = ({ className, orientation = "vertical", ...props }) => {
+	return /* @__PURE__ */ jsx(RadioGroup$1, {
+		"data-slot": "radio-group",
+		"data-orientation": orientation,
+		"aria-orientation": orientation,
+		className: cn("grid w-full gap-2 data-[orientation=horizontal]:flex data-[orientation=horizontal]:items-center", className),
+		...props
+	});
+};
+var RadioGroupItem = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(Radio.Root, {
+		"data-slot": "radio-group-item",
+		className: cn("peer relative flex size-4 shrink-0 items-center justify-center rounded-full border border-input transition-colors outline-none 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:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 dark:bg-input/30 dark:aria-invalid:ring-destructive/40", className),
+		...props,
+		children: /* @__PURE__ */ jsx(Radio.Indicator, {
+			"data-slot": "radio-group-item-indicator",
+			className: "flex size-2 shrink-0 rounded-full bg-primary transition-none"
+		})
+	});
+};
+//#endregion
+//#region ../ui/src/components/ui/resizable/resizable.tsx
+var ResizablePanelGroup = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(ResizablePrimitive.Group, {
+		"data-slot": "resizable-panel-group",
+		className: cn("flex h-full w-full aria-[orientation=vertical]:flex-col", className),
+		...props
+	});
+};
+var ResizablePanel = ({ ...props }) => {
+	return /* @__PURE__ */ jsx(ResizablePrimitive.Panel, {
+		"data-slot": "resizable-panel",
+		...props
+	});
+};
+var ResizableHandle = ({ withHandle, className, ...props }) => {
+	return /* @__PURE__ */ jsx(ResizablePrimitive.Separator, {
+		"data-slot": "resizable-handle",
+		className: cn("relative flex w-px items-center justify-center bg-border ring-offset-background after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:ring-1 focus-visible:ring-ring focus-visible:outline-hidden aria-[orientation=horizontal]:h-px aria-[orientation=horizontal]:w-full aria-[orientation=horizontal]:after:left-0 aria-[orientation=horizontal]:after:h-1 aria-[orientation=horizontal]:after:w-full aria-[orientation=horizontal]:after:translate-x-0 aria-[orientation=horizontal]:after:-translate-y-1/2 [&[aria-orientation=horizontal]>div]:rotate-90", className),
+		...props,
+		children: withHandle && /* @__PURE__ */ jsx("div", { className: "z-10 flex h-6 w-1 shrink-0 rounded-lg bg-border" })
+	});
+};
+//#endregion
+//#region ../ui/src/components/ui/select/select.tsx
+var Select = ({ ...props }) => {
+	return /* @__PURE__ */ jsx(Select$1.Root, {
+		"data-slot": "select",
+		...props
+	});
+};
+var SelectTrigger = ({ className, size = "default", children, ...props }) => {
+	return /* @__PURE__ */ jsxs(Select$1.Trigger, {
+		"data-slot": "select-trigger",
+		className: cn("flex w-full cursor-pointer items-center justify-between gap-2 rounded-lg border border-input bg-transparent text-sm text-foreground transition-colors outline-none", "focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50", "disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50", "aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20", "data-popup-open:border-ring data-popup-open:ring-3 data-popup-open:ring-ring/50", "dark:bg-input/30 dark:disabled:bg-input/80 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40", size === "sm" ? "h-7 px-2.5 text-[0.8rem]" : "h-8 px-2.5", className),
+		...props,
+		children: [children, /* @__PURE__ */ jsx(Select$1.Icon, {
+			"data-slot": "select-icon",
+			className: "shrink-0 text-muted-foreground",
+			children: /* @__PURE__ */ jsx(IconChevronDown, { className: "size-4" })
+		})]
+	});
+};
+var SelectValue = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(Select$1.Value, {
+		"data-slot": "select-value",
+		className: cn("truncate data-placeholder:text-muted-foreground", className),
+		...props
+	});
+};
+var SelectContent = ({ className, children, portalContainer, ...props }) => {
+	return /* @__PURE__ */ jsx(Select$1.Portal, {
+		container: portalContainer,
+		children: /* @__PURE__ */ jsx(Select$1.Positioner, {
+			"data-slot": "select-positioner",
+			sideOffset: 4,
+			alignItemWithTrigger: false,
+			children: /* @__PURE__ */ jsx(Select$1.Popup, {
+				"data-slot": "select-content",
+				className: cn("z-50 min-w-[var(--anchor-width)] overflow-hidden rounded-xl border border-border bg-popover p-1 text-popover-foreground shadow-md outline-none", "origin-[var(--transform-origin)]", "transition-[transform,scale,opacity] motion-reduce:animate-none motion-reduce:transition-none data-open:scale-100 data-open:opacity-100 data-closed:scale-95 data-closed:opacity-0 data-open:animate-in data-closed:animate-out data-open:fade-in-0 data-closed:fade-out-0", className),
+				...props,
+				children: /* @__PURE__ */ jsx(ScrollArea, {
+					type: "always",
+					fade: true,
+					fadeFrom: "popover",
+					className: "max-h-(--available-height)",
+					children: /* @__PURE__ */ jsx(Select$1.List, {
+						"data-slot": "select-list",
+						children
+					})
+				})
+			})
+		})
+	});
+};
+var SelectGroup = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(Select$1.Group, {
+		"data-slot": "select-group",
+		className: cn("flex flex-col gap-0.5", className),
+		...props
+	});
+};
+var SelectLabel = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(Select$1.GroupLabel, {
+		"data-slot": "select-label",
+		className: cn("px-2 py-1 text-xs font-semibold text-muted-foreground", className),
+		...props
+	});
+};
+var SelectItem = ({ className, children, ...props }) => {
+	return /* @__PURE__ */ jsxs(Select$1.Item, {
+		"data-slot": "select-item",
+		className: cn(popupItemClass("base-ui", true), className),
+		...props,
+		children: [/* @__PURE__ */ jsx(Select$1.ItemText, {
+			"data-slot": "select-item-text",
+			children
+		}), /* @__PURE__ */ jsx(Select$1.ItemIndicator, {
+			"data-slot": "select-item-indicator",
+			className: POPUP_ITEM_INDICATOR_CLASS,
+			children: /* @__PURE__ */ jsx(IconCheck, { className: "size-3.5" })
+		})]
+	});
+};
+var SelectSeparator = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "select-separator",
+		className: cn("-mx-1 my-1 h-px bg-border", className),
+		"aria-hidden": "true",
+		...props
+	});
+};
+//#endregion
+//#region ../ui/src/components/ui/sheet/sheet.tsx
+var Sheet = ({ ...props }) => {
+	return /* @__PURE__ */ jsx(Dialog$1.Root, {
+		"data-slot": "sheet",
+		...props
+	});
+};
+var SheetTrigger = ({ ...props }) => {
+	return /* @__PURE__ */ jsx(Dialog$1.Trigger, {
+		"data-slot": "sheet-trigger",
+		...props
+	});
+};
+var SheetClose = ({ ...props }) => {
+	return /* @__PURE__ */ jsx(Dialog$1.Close, {
+		"data-slot": "sheet-close",
+		...props
+	});
+};
+var SheetPortal = ({ ...props }) => {
+	return /* @__PURE__ */ jsx(Dialog$1.Portal, {
+		"data-slot": "sheet-portal",
+		...props
+	});
+};
+var SheetOverlay = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(Dialog$1.Backdrop, {
+		"data-slot": "sheet-overlay",
+		className: cn("fixed inset-0 z-50 bg-overlay transition-opacity duration-150 motion-reduce:transition-none data-ending-style:opacity-0 data-starting-style:opacity-0 supports-backdrop-filter:backdrop-blur-xs", className),
+		...props
+	});
+};
+var SheetContent = ({ className, children, side = "right", showCloseButton = true, ...props }) => {
+	return /* @__PURE__ */ jsxs(SheetPortal, { children: [/* @__PURE__ */ jsx(SheetOverlay, {}), /* @__PURE__ */ jsxs(Dialog$1.Popup, {
+		"data-slot": "sheet-content",
+		"data-side": side,
+		className: cn("fixed z-50 flex flex-col gap-4 bg-popover bg-clip-padding text-sm text-popover-foreground shadow-lg transition duration-200 motion-reduce:transition-none 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, showCloseButton && /* @__PURE__ */ jsxs(Dialog$1.Close, {
+			"data-slot": "sheet-close",
+			render: /* @__PURE__ */ jsx(Button, {
+				variant: "ghost",
+				className: "absolute top-3 right-3",
+				size: "icon-sm"
+			}),
+			children: [/* @__PURE__ */ jsx(IconX, {}), /* @__PURE__ */ jsx("span", {
+				className: "sr-only",
+				children: "Close"
+			})]
+		})]
+	})] });
+};
+var SheetHeader = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "sheet-header",
+		className: cn("flex flex-col gap-0.5 p-4", className),
+		...props
+	});
+};
+var SheetFooter = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "sheet-footer",
+		className: cn("mt-auto flex flex-col gap-2 p-4", className),
+		...props
+	});
+};
+var SheetTitle = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(Dialog$1.Title, {
+		"data-slot": "sheet-title",
+		className: cn("font-heading text-base font-medium text-foreground", className),
+		...props
+	});
+};
+var SheetDescription = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(Dialog$1.Description, {
+		"data-slot": "sheet-description",
+		className: cn("text-sm text-muted-foreground", className),
+		...props
+	});
+};
+//#endregion
+//#region ../ui/src/components/ui/skeleton/skeleton.tsx
+var Skeleton = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "skeleton",
+		className: cn("animate-pulse rounded-md bg-muted motion-reduce:animate-none", className),
+		...props
+	});
+};
+//#endregion
+//#region ../ui/src/components/ui/sidebar/sidebar.tsx
+var SIDEBAR_COOKIE_NAME = "sidebar_state";
+var SIDEBAR_COOKIE_MAX_AGE = 604800;
+var SIDEBAR_WIDTH = "16rem";
+var SIDEBAR_WIDTH_MOBILE = "18rem";
+var SIDEBAR_WIDTH_ICON = "3rem";
+var SIDEBAR_KEYBOARD_SHORTCUT = "b";
+var SidebarContext = React.createContext(null);
+var useSidebar = () => {
+	const context = React.useContext(SidebarContext);
+	if (!context) throw new Error("useSidebar must be used within a SidebarProvider.");
+	return context;
+};
+var SidebarProvider = ({ defaultOpen = true, open: openProp, onOpenChange: setOpenProp, className, style, children, ...props }) => {
+	const isMobile = useIsMobile();
+	const [openMobile, setOpenMobile] = React.useState(false);
+	const [_open, _setOpen] = React.useState(defaultOpen);
+	const open = openProp ?? _open;
+	const setOpen = React.useCallback((value) => {
+		const openState = typeof value === "function" ? value(open) : value;
+		if (setOpenProp) setOpenProp(openState);
+		else _setOpen(openState);
+		document.cookie = `${SIDEBAR_COOKIE_NAME}=${openState}; path=/; max-age=${SIDEBAR_COOKIE_MAX_AGE}`;
+	}, [setOpenProp, open]);
+	const toggleSidebar = React.useCallback(() => {
+		return isMobile ? setOpenMobile((open) => !open) : setOpen((open) => !open);
+	}, [isMobile, setOpen]);
+	React.useEffect(() => {
+		const handleKeyDown = (event) => {
+			if (event.key === SIDEBAR_KEYBOARD_SHORTCUT && (event.metaKey || event.ctrlKey)) {
+				event.preventDefault();
+				toggleSidebar();
+			}
+		};
+		window.addEventListener("keydown", handleKeyDown);
+		return () => window.removeEventListener("keydown", handleKeyDown);
+	}, [toggleSidebar]);
+	const state = open ? "expanded" : "collapsed";
+	const contextValue = React.useMemo(() => ({
+		state,
+		open,
+		setOpen,
+		isMobile,
+		openMobile,
+		setOpenMobile,
+		toggleSidebar
+	}), [
+		state,
+		open,
+		setOpen,
+		isMobile,
+		openMobile,
+		toggleSidebar
+	]);
+	return /* @__PURE__ */ jsx(SidebarContext.Provider, {
+		value: contextValue,
+		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
+		})
+	});
+};
+var 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("flex h-full w-(--sidebar-width) flex-col bg-sidebar text-sidebar-foreground", className),
+		...props,
+		children
+	});
+	if (isMobile) return /* @__PURE__ */ jsx(Sheet, {
+		open: openMobile,
+		onOpenChange: setOpenMobile,
+		...props,
+		children: /* @__PURE__ */ jsxs(SheetContent, {
+			dir,
+			"data-sidebar": "sidebar",
+			"data-slot": "sidebar",
+			"data-mobile": "true",
+			className: "w-(--sidebar-width) bg-sidebar p-0 text-sidebar-foreground [&>button]:hidden",
+			style: { "--sidebar-width": SIDEBAR_WIDTH_MOBILE },
+			side,
+			children: [/* @__PURE__ */ jsxs(SheetHeader, {
+				className: "sr-only",
+				children: [/* @__PURE__ */ jsx(SheetTitle, { children: "Sidebar" }), /* @__PURE__ */ jsx(SheetDescription, { children: "Displays the mobile sidebar." })]
+			}), /* @__PURE__ */ jsx("div", {
+				className: "flex h-full w-full flex-col",
+				children
+			})]
+		})
+	});
+	return /* @__PURE__ */ jsxs("div", {
+		className: "group peer hidden text-sidebar-foreground md:block",
+		"data-state": state,
+		"data-collapsible": state === "collapsed" ? collapsible : "",
+		"data-variant": variant,
+		"data-side": side,
+		"data-slot": "sidebar",
+		children: [/* @__PURE__ */ jsx("div", {
+			"data-slot": "sidebar-gap",
+			className: cn("relative w-(--sidebar-width) bg-transparent transition-[width] duration-200 motion-reduce:transition-none 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",
+			"data-side": side,
+			className: cn("fixed inset-y-0 z-10 hidden h-svh w-(--sidebar-width) transition-[left,right,width] duration-200 motion-reduce:transition-none 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: "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
+			})
+		})]
+	});
+};
+var SidebarTrigger = ({ className, onClick, ...props }) => {
+	const { toggleSidebar } = useSidebar();
+	return /* @__PURE__ */ jsxs(Button, {
+		"data-sidebar": "trigger",
+		"data-slot": "sidebar-trigger",
+		variant: "ghost",
+		size: "icon-sm",
+		className: cn(className),
+		onClick: (event) => {
+			onClick?.(event);
+			toggleSidebar();
+		},
+		...props,
+		children: [/* @__PURE__ */ jsx(IconLayoutSidebar, {}), /* @__PURE__ */ jsx("span", {
+			className: "sr-only",
+			children: "Toggle Sidebar"
+		})]
+	});
+};
+var SidebarRail = ({ className, ...props }) => {
+	const { toggleSidebar } = useSidebar();
+	return /* @__PURE__ */ jsx("button", {
+		"data-sidebar": "rail",
+		"data-slot": "sidebar-rail",
+		"aria-label": "Toggle Sidebar",
+		tabIndex: -1,
+		onClick: toggleSidebar,
+		title: "Toggle Sidebar",
+		className: cn("absolute inset-y-0 z-20 hidden w-4 transition-all motion-reduce:transition-none 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
+	});
+};
+var SidebarInset = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx("main", {
+		"data-slot": "sidebar-inset",
+		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
+	});
+};
+var SidebarInput = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(Input, {
+		"data-slot": "sidebar-input",
+		"data-sidebar": "input",
+		className: cn("h-8 w-full bg-background shadow-none", className),
+		...props
+	});
+};
+var SidebarHeader = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "sidebar-header",
+		"data-sidebar": "header",
+		className: cn("flex flex-col gap-2 p-2", className),
+		...props
+	});
+};
+var SidebarFooter = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "sidebar-footer",
+		"data-sidebar": "footer",
+		className: cn("flex flex-col gap-2 p-2", className),
+		...props
+	});
+};
+var SidebarSeparator = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(Separator, {
+		"data-slot": "sidebar-separator",
+		"data-sidebar": "separator",
+		className: cn("mx-2 w-auto bg-sidebar-border", className),
+		...props
+	});
+};
+var SidebarContent = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "sidebar-content",
+		"data-sidebar": "content",
+		"data-focus": "inset",
+		className: cn("no-scrollbar flex min-h-0 flex-1 flex-col gap-0 overflow-auto group-data-[collapsible=icon]:overflow-hidden", className),
+		...props
+	});
+};
+var SidebarGroup = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "sidebar-group",
+		"data-sidebar": "group",
+		className: cn("relative flex w-full min-w-0 flex-col p-2", className),
+		...props
+	});
+};
+var 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 motion-reduce:transition-none 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"
+		}
+	});
+};
+var 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 motion-reduce:transition-none 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"
+		}
+	});
+};
+var SidebarGroupContent = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "sidebar-group-content",
+		"data-sidebar": "group-content",
+		className: cn("w-full text-sm", className),
+		...props
+	});
+};
+var SidebarMenu = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx("ul", {
+		"data-slot": "sidebar-menu",
+		"data-sidebar": "menu",
+		className: cn("flex w-full min-w-0 flex-col gap-0", className),
+		...props
+	});
+};
+var SidebarMenuItem = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx("li", {
+		"data-slot": "sidebar-menu-item",
+		"data-sidebar": "menu-item",
+		className: cn("group/menu-item relative", className),
+		...props
+	});
+};
+var 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] motion-reduce:transition-none 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",
+			outline: "bg-background shadow-[0_0_0_1px_var(--sidebar-border)] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground hover:shadow-[0_0_0_1px_var(--sidebar-accent)]"
+		},
+		size: {
+			default: "h-8 text-sm",
+			sm: "h-7 text-xs",
+			lg: "h-12 text-sm group-data-[collapsible=icon]:p-0!"
+		}
+	},
+	defaultVariants: {
+		variant: "default",
+		size: "default"
+	}
+});
+var SidebarMenuButton = ({ render, isActive = false, variant = "default", size = "default", tooltip, className, ...props }) => {
+	const { isMobile, state } = useSidebar();
+	const comp = useRender({
+		defaultTagName: "button",
+		props: mergeProps({ className: cn(sidebarMenuButtonVariants({
+			variant,
+			size
+		}), className) }, props),
+		render: !tooltip ? render : /* @__PURE__ */ jsx(TooltipTrigger, { render }),
+		state: {
+			slot: "sidebar-menu-button",
+			sidebar: "menu-button",
+			size,
+			active: isActive
+		}
+	});
+	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,
+		...tooltip
+	})] });
+};
+var SidebarMenuAction = ({ className, render, showOnHover = false, ...props }) => {
+	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 motion-reduce:transition-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 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) }, props),
+		render,
+		state: {
+			slot: "sidebar-menu-action",
+			sidebar: "menu-action"
+		}
+	});
+};
+var SidebarMenuBadge = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "sidebar-menu-badge",
+		"data-sidebar": "menu-badge",
+		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
+	});
+};
+var SidebarMenuSkeleton = ({ className, showIcon = false, ...props }) => {
+	const [width] = React.useState(() => {
+		return `${Math.floor(Math.random() * 40) + 50}%`;
+	});
+	return /* @__PURE__ */ jsxs("div", {
+		"data-slot": "sidebar-menu-skeleton",
+		"data-sidebar": "menu-skeleton",
+		className: cn("flex h-8 items-center gap-2 rounded-md px-2", className),
+		...props,
+		children: [showIcon && /* @__PURE__ */ jsx(Skeleton, {
+			className: "size-4 rounded-md",
+			"data-sidebar": "menu-skeleton-icon"
+		}), /* @__PURE__ */ jsx(Skeleton, {
+			className: "h-4 max-w-(--skeleton-width) flex-1",
+			"data-sidebar": "menu-skeleton-text",
+			style: { "--skeleton-width": width }
+		})]
+	});
+};
+var SidebarMenuSub = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx("ul", {
+		"data-slot": "sidebar-menu-sub",
+		"data-sidebar": "menu-sub",
+		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
+	});
+};
+var SidebarMenuSubItem = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx("li", {
+		"data-slot": "sidebar-menu-sub-item",
+		"data-sidebar": "menu-sub-item",
+		className: cn("group/menu-sub-item relative", className),
+		...props
+	});
+};
+var 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 ../ui/src/components/ui/spinner/spinner.tsx
+var spinnerVariants = cva("animate-spin motion-reduce:animate-none", {
+	variants: { size: {
+		xs: "size-3",
+		sm: "size-4",
+		default: "size-5",
+		lg: "size-6",
+		xl: "size-8"
+	} },
+	defaultVariants: { size: "default" }
+});
+var Spinner = ({ className, size = "default", ...props }) => {
+	return /* @__PURE__ */ jsx(IconLoader, {
+		"data-slot": "spinner",
+		role: "status",
+		"aria-label": "Loading",
+		className: cn(spinnerVariants({ size }), className),
+		...props
+	});
+};
+//#endregion
+//#region ../ui/src/components/ui/switch/switch.tsx
+var Switch = ({ className, size = "default", ...props }) => {
+	return /* @__PURE__ */ jsx(Switch$1.Root, {
+		"data-slot": "switch",
+		"data-size": size,
+		className: cn("peer group/switch relative inline-flex shrink-0 items-center rounded-full border border-transparent transition-all motion-reduce:transition-none outline-none 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 aria-invalid:ring-3 aria-invalid:ring-destructive/20 data-[size=default]:h-4.5 data-[size=default]:w-8 data-[size=sm]:h-3.5 data-[size=sm]:w-6 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 data-checked:bg-primary data-unchecked:bg-input dark:data-unchecked:bg-input/80 data-disabled:cursor-not-allowed data-disabled:opacity-50", className),
+		...props,
+		children: /* @__PURE__ */ jsx(Switch$1.Thumb, {
+			"data-slot": "switch-thumb",
+			className: "pointer-events-none block rounded-full bg-background ring-0 transition-transform motion-reduce:transition-none group-data-[size=default]/switch:size-4 group-data-[size=sm]/switch:size-3 group-data-[size=default]/switch:data-checked:translate-x-[calc(100%-2px)] group-data-[size=sm]/switch:data-checked:translate-x-[calc(100%-2px)] dark:data-checked:bg-primary-foreground group-data-[size=default]/switch:data-unchecked:translate-x-0 group-data-[size=sm]/switch:data-unchecked:translate-x-0 dark:data-unchecked:bg-foreground"
+		})
+	});
+};
+//#endregion
+//#region ../ui/src/components/ui/table/table.tsx
+var Table = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "table-container",
+		"data-focus": "inset",
+		className: "relative w-full overflow-x-auto",
+		children: /* @__PURE__ */ jsx("table", {
+			"data-slot": "table",
+			className: cn("w-full caption-bottom text-sm", className),
+			...props
+		})
+	});
+};
+var TableHeader = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx("thead", {
+		"data-slot": "table-header",
+		className: cn("[&_tr]:border-b", className),
+		...props
+	});
+};
+var TableBody = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx("tbody", {
+		"data-slot": "table-body",
+		className: cn("[&_tr:last-child]:border-0", className),
+		...props
+	});
+};
+var TableFooter = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx("tfoot", {
+		"data-slot": "table-footer",
+		className: cn("border-t bg-muted/50 font-medium [&>tr]:last:border-b-0", className),
+		...props
+	});
+};
+var TableRow = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx("tr", {
+		"data-slot": "table-row",
+		className: cn("border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted", className),
+		...props
+	});
+};
+var TableHead = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx("th", {
+		"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 [&>[role=checkbox]]:translate-y-[2px]", className),
+		...props
+	});
+};
+var TableCell = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx("td", {
+		"data-slot": "table-cell",
+		className: cn("p-2 align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]", className),
+		...props
+	});
+};
+var TableCaption = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx("caption", {
+		"data-slot": "table-caption",
+		className: cn("mt-4 text-sm text-muted-foreground", className),
+		...props
+	});
+};
+//#endregion
+//#region ../ui/src/components/ui/tabs/tabs.tsx
+var Tabs = ({ value, defaultValue, onValueChange, className, orientation = "horizontal", children, ...props }) => /* @__PURE__ */ jsx(Tabs$1.Root, {
+	"data-slot": "tabs",
+	...props,
+	"data-orientation": orientation,
+	value,
+	defaultValue,
+	orientation,
+	onValueChange: (next) => {
+		onValueChange?.(String(next));
+	},
+	className: cn("group/tabs flex w-full gap-2 data-[orientation=horizontal]:flex-col", className),
+	children
+});
+var tabsListVariants = cva("group/tabs-list inline-flex w-fit items-center justify-center rounded-lg p-[3px] text-muted-foreground group-data-[orientation=horizontal]/tabs:h-8 group-data-[orientation=vertical]/tabs:h-fit group-data-[orientation=vertical]/tabs:flex-col data-[variant=line]:rounded-none", {
+	variants: { variant: {
+		default: "bg-muted",
+		line: "gap-1 bg-transparent"
+	} },
+	defaultVariants: { variant: "default" }
+});
+var TabsList = ({ className, variant = "default", children, ...props }) => /* @__PURE__ */ jsx(Tabs$1.List, {
+	"data-slot": "tabs-list",
+	...props,
+	"data-variant": variant,
+	className: cn(tabsListVariants({ variant }), className),
+	children
+});
+var TabsTrigger = ({ value, disabled, className, children, ...props }) => /* @__PURE__ */ jsx(Tabs$1.Tab, {
+	...props,
+	value,
+	disabled,
+	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 dark:text-muted-foreground dark:hover:text-foreground group-data-[variant=default]/tabs-list:data-active:shadow-sm group-data-[variant=line]/tabs-list:data-active:shadow-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*=\"size-\"])]:size-4", "group-data-[variant=line]/tabs-list:bg-transparent group-data-[variant=line]/tabs-list:data-active:bg-transparent dark:group-data-[variant=line]/tabs-list:data-active:border-transparent dark:group-data-[variant=line]/tabs-list:data-active:bg-transparent", "data-active:bg-background data-active:text-foreground dark:data-active:border-input dark:data-active:bg-input/30 dark:data-active:text-foreground", "after:absolute after:bg-foreground after:opacity-0 after:transition-opacity group-data-[orientation=horizontal]/tabs:after:inset-x-0 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 group-data-[orientation=vertical]/tabs:after:-right-1 group-data-[orientation=vertical]/tabs:after:w-0.5 group-data-[variant=line]/tabs-list:data-active:after:opacity-100", className),
+	children
+});
+var TabsContent = ({ value, keepMounted = false, className, children, ...props }) => /* @__PURE__ */ jsx(Tabs$1.Panel, {
+	...props,
+	value,
+	keepMounted,
+	className: cn("flex-1 text-sm outline-none", className),
+	children
+});
+//#endregion
+//#region ../ui/src/components/ui/toast/toast.tsx
+var toast = Toast$1.createToastManager();
+var ToastProvider = ({ ...props }) => {
+	return /* @__PURE__ */ jsx(Toast$1.Provider, { ...props });
+};
+var ToastPortal = ({ ...props }) => {
+	return /* @__PURE__ */ jsx(Toast$1.Portal, {
+		"data-slot": "toast-portal",
+		...props
+	});
+};
+var ToastViewport = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(Toast$1.Viewport, {
+		"data-slot": "toast-viewport",
+		className: cn("pointer-events-none fixed inset-x-4 bottom-4 z-50 mx-auto w-auto max-w-sm outline-none sm:right-4 sm:left-auto sm:mx-0 sm:w-full", className),
+		...props
+	});
+};
+var Toast = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(Toast$1.Root, {
+		"data-slot": "toast",
+		className: cn("group/toast pointer-events-auto absolute right-0 bottom-0 z-[calc(1000-var(--toast-index))] w-full origin-bottom rounded-2xl border bg-popover text-popover-foreground shadow-lg will-change-transform outline-none select-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50", "[--gap:0.75rem] [--height:var(--toast-frontmost-height,var(--toast-height))] [--offset-y:calc(var(--toast-offset-y)*-1+calc(var(--toast-index)*var(--gap)*-1)+var(--toast-swipe-movement-y))] [--peek:0.75rem] [--scale:calc(max(0,1-(var(--toast-index)*0.1)))] [--shrink:calc(1-var(--scale))]", "h-(--height) [transform:translateX(var(--toast-swipe-movement-x))_translateY(calc(var(--toast-swipe-movement-y)-(var(--toast-index)*var(--peek))-(var(--shrink)*var(--height))))_scale(var(--scale))] [transition:transform_500ms_cubic-bezier(0.22,1,0.36,1),opacity_500ms,height_150ms] motion-reduce:transition-none", "after:absolute after:top-full after:left-0 after:h-[calc(var(--gap)+1px)] after:w-full after:content-['']", "data-expanded:h-(--toast-height) data-expanded:[transform:translateX(var(--toast-swipe-movement-x))_translateY(var(--offset-y))]", "data-limited:opacity-0 data-starting-style:[transform:translateY(150%)]", "[&[data-ending-style]:not([data-limited]):not([data-swipe-direction])]:[transform:translateY(150%)]", "data-ending-style:data-[swipe-direction=down]:[transform:translateY(calc(var(--toast-swipe-movement-y)+150%))]", "data-ending-style:data-[swipe-direction=left]:[transform:translateX(calc(var(--toast-swipe-movement-x)-150%))_translateY(var(--offset-y))]", "data-ending-style:data-[swipe-direction=right]:[transform:translateX(calc(var(--toast-swipe-movement-x)+150%))_translateY(var(--offset-y))]", "data-ending-style:data-[swipe-direction=up]:[transform:translateY(calc(var(--toast-swipe-movement-y)-150%))]", "data-expanded:data-ending-style:data-[swipe-direction=down]:[transform:translateY(calc(var(--toast-swipe-movement-y)+150%))]", "data-expanded:data-ending-style:data-[swipe-direction=left]:[transform:translateX(calc(var(--toast-swipe-movement-x)-150%))_translateY(var(--offset-y))]", "data-expanded:data-ending-style:data-[swipe-direction=right]:[transform:translateX(calc(var(--toast-swipe-movement-x)+150%))_translateY(var(--offset-y))]", "data-expanded:data-ending-style:data-[swipe-direction=up]:[transform:translateY(calc(var(--toast-swipe-movement-y)-150%))]", className),
+		...props
+	});
+};
+var ToastContent = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(Toast$1.Content, {
+		"data-slot": "toast-content",
+		className: cn("flex h-full items-center gap-3 overflow-hidden p-4 transition-opacity duration-250 ease-[cubic-bezier(0.22,1,0.36,1)] motion-reduce:transition-none data-behind:opacity-0 data-expanded:opacity-100", className),
+		...props
+	});
+};
+var ToastTitle = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(Toast$1.Title, {
+		"data-slot": "toast-title",
+		className: cn("text-sm font-medium", className),
+		...props
+	});
+};
+var ToastDescription = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(Toast$1.Description, {
+		"data-slot": "toast-description",
+		className: cn("text-sm text-muted-foreground", className),
+		...props
+	});
+};
+var ToastAction = ({ className, render = /* @__PURE__ */ jsx(Button, {
+	variant: "outline",
+	size: "sm"
+}), ...props }) => {
+	return /* @__PURE__ */ jsx(Toast$1.Action, {
+		"data-slot": "toast-action",
+		render,
+		className: cn("shrink-0", className),
+		...props
+	});
+};
+var ToastClose = ({ className, children, render = /* @__PURE__ */ jsx(Button, {
+	variant: "ghost",
+	size: "icon-sm"
+}), ...props }) => {
+	return /* @__PURE__ */ jsx(Toast$1.Close, {
+		"data-slot": "toast-close",
+		"aria-label": "Close toast",
+		render,
+		className: cn("relative shrink-0 text-muted-foreground after:absolute after:-inset-2 after:content-[''] hover:text-foreground", className),
+		...props,
+		children: children ?? /* @__PURE__ */ jsx(IconX, { "aria-hidden": "true" })
+	});
+};
+var ToastIcon = ({ type }) => {
+	let icon = null;
+	if (type === "success") icon = /* @__PURE__ */ jsx(IconCircleCheck, { "aria-hidden": "true" });
+	if (type === "info") icon = /* @__PURE__ */ jsx(IconInfoCircle, { "aria-hidden": "true" });
+	if (type === "warning") icon = /* @__PURE__ */ jsx(IconAlertTriangle, { "aria-hidden": "true" });
+	if (type === "error") icon = /* @__PURE__ */ jsx(IconAlertOctagon, {
+		className: "text-destructive",
+		"aria-hidden": "true"
+	});
+	if (type === "loading") icon = /* @__PURE__ */ jsx(IconLoader, {
+		className: "animate-spin motion-reduce:animate-none",
+		"aria-hidden": "true"
+	});
+	if (!icon) return null;
+	return /* @__PURE__ */ jsx("span", {
+		"data-slot": "toast-icon",
+		className: "shrink-0 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4",
+		children: icon
+	});
+};
+var ToastList = () => {
+	const { toasts } = Toast$1.useToastManager();
+	return toasts.map((toastItem) => /* @__PURE__ */ jsx(Toast, {
+		toast: toastItem,
+		children: /* @__PURE__ */ jsxs(ToastContent, { children: [
+			/* @__PURE__ */ jsx(ToastIcon, { type: toastItem.type }),
+			/* @__PURE__ */ jsxs("div", {
+				className: "flex min-w-0 flex-1 flex-col gap-1",
+				children: [/* @__PURE__ */ jsx(ToastTitle, {}), /* @__PURE__ */ jsx(ToastDescription, {})]
+			}),
+			/* @__PURE__ */ jsx(ToastAction, {}),
+			/* @__PURE__ */ jsx(ToastClose, {})
+		] })
+	}, toastItem.id));
+};
+var Toaster = ({ children, toastManager = toast, ...props }) => {
+	return /* @__PURE__ */ jsxs(ToastProvider, {
+		toastManager,
+		...props,
+		children: [children, /* @__PURE__ */ jsx(ToastPortal, { children: /* @__PURE__ */ jsx(ToastViewport, { children: /* @__PURE__ */ jsx(ToastList, {}) }) })]
+	});
+};
+var createToastManager = Toast$1.createToastManager;
+var useToastManager = Toast$1.useToastManager;
+//#endregion
+//#region ../ui/src/components/ui/toggle-group/toggle-group.tsx
+var ToggleGroupContext = createContext({
+	variant: "default",
+	size: "default",
+	spacing: 2,
+	orientation: "horizontal"
+});
+var ToggleGroup = ({ className, variant = "default", size = "default", spacing = 2, orientation = "horizontal", children, ...props }) => {
+	return /* @__PURE__ */ jsx(ToggleGroupContext.Provider, {
+		value: {
+			variant,
+			size,
+			spacing,
+			orientation
+		},
+		children: /* @__PURE__ */ jsx(ToggleGroup$1, {
+			"data-slot": "toggle-group",
+			"data-variant": variant,
+			"data-size": size,
+			"data-spacing": spacing,
+			"data-orientation": orientation,
+			orientation,
+			"aria-orientation": void 0,
+			style: { gap: `calc(var(--spacing) * ${spacing})` },
+			className: cn("group/toggle-group flex w-fit flex-row items-center rounded-lg data-[size=sm]:rounded-[min(var(--radius-md),10px)] data-[orientation=vertical]:flex-col data-[orientation=vertical]:items-stretch", className),
+			...props,
+			children
+		})
+	});
+};
+var ToggleGroupItem = ({ className, variant, size, ...props }) => {
+	const ctx = useContext(ToggleGroupContext);
+	const resolvedVariant = variant ?? ctx.variant ?? "default";
+	const resolvedSize = size ?? ctx.size ?? "default";
+	return /* @__PURE__ */ jsx(Toggle$1, {
+		"data-slot": "toggle-group-item",
+		"data-variant": resolvedVariant,
+		"data-size": resolvedSize,
+		"data-spacing": ctx.spacing,
+		className: cn("shrink-0 group-data-[spacing=0]/toggle-group:rounded-none group-data-[spacing=0]/toggle-group:px-2 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-lg group-data-[orientation=vertical]/toggle-group:data-[spacing=0]:first:rounded-t-lg group-data-[orientation=horizontal]/toggle-group:data-[spacing=0]:last:rounded-r-lg group-data-[orientation=vertical]/toggle-group:data-[spacing=0]:last:rounded-b-lg group-data-[orientation=horizontal]/toggle-group:data-[spacing=0]:data-[variant=outline]:border-l-0 group-data-[orientation=vertical]/toggle-group:data-[spacing=0]:data-[variant=outline]:border-t-0 group-data-[orientation=horizontal]/toggle-group:data-[spacing=0]:data-[variant=outline]:first:border-l group-data-[orientation=vertical]/toggle-group:data-[spacing=0]:data-[variant=outline]:first:border-t", toggleVariants({
+			variant: resolvedVariant,
+			size: resolvedSize
+		}), className),
+		...props
+	});
+};
+//#endregion
+export { AVATAR_TONES, Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertAction, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogMedia, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AnimatedNumber, AspectRatio, Attachment, AttachmentAction, AttachmentActions, AttachmentContent, AttachmentDescription, AttachmentGroup, AttachmentMedia, AttachmentTitle, AttachmentTrigger, AudioPlayer, Avatar, AvatarBadge, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarImage, Badge, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Bubble, BubbleContent, BubbleGroup, BubbleReactions, Button, ButtonGroup, ButtonGroupSeparator, ButtonGroupText, Calendar, CalendarDayButton, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, Checkbox, Collapsible, CollapsibleContent, CollapsibleTrigger, Combobox, ComboboxContent, ComboboxEmpty, ComboboxInput, ComboboxItem, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, DEFAULT_MULTI_SELECT_LABELS, DateRangePicker, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DirectionProvider, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle, Field, FieldDescription, FieldError, FieldLabel, HoverCard, HoverCardContent, HoverCardTrigger, Indicator, InitialsAvatar, Input, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle, Kbd, KbdGroup, Label, Marker, MarkerContent, MarkerIcon, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, Message, MessageAvatar, MessageContent, MessageFooter, MessageGroup, MessageHeader, MessageScroller, MessageScrollerButton, MessageScrollerContent, MessageScrollerItem, MessageScrollerProvider, MessageScrollerViewport, MultiSelect, NativeSelect, NativeSelectOptGroup, NativeSelectOption, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuPositioner, NavigationMenuTrigger, NumberText, PROGRESS_DURATION, PROGRESS_EASE, PROGRESS_LINE_COLOR, Pagination, Popover, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger, Progress, ProgressLine, Questionnaire, QuestionnaireActions, QuestionnaireChoice, QuestionnaireChoiceDescription, QuestionnaireChoices, QuestionnaireDescription, QuestionnaireError, QuestionnaireInput, QuestionnaireItem, QuestionnaireNext, QuestionnairePrevious, QuestionnaireProgress, QuestionnaireSkip, QuestionnaireSubmit, QuestionnaireTitle, RICH_TEXT_ATTRIBUTES, RICH_TEXT_BODY_CLASS, RICH_TEXT_ELEMENTS, RICH_TEXT_LINK_PROTOCOLS, RICH_TEXT_MENTION_CLASS, RadioGroup, RadioGroupItem, ResizableHandle, ResizablePanel, ResizablePanelGroup, RichTextContent, ScrollArea, ScrollBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, 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, Toast, ToastAction, ToastClose, ToastContent, ToastDescription, ToastPortal, ToastProvider, ToastTitle, ToastViewport, Toaster, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, VIRTUALIZE_FROM, VideoPlayer, avatarTone, badgeVariants, buttonVariants, clampPage, cn, createToastManager, dateToDay, dayToDate, formatCount, formatMediaTime, fullSelection, getPaginationRange, indicatorVariants, initialsOf, isAllowedRichTextHref, markerVariants, navigationMenuTriggerStyle, progressFill, progressTrack, resolveChosen, richTextToNodes, spinnerVariants, summarize, tabsListVariants, toast, toggleVariants, useAnimatedValues, useCarousel, useDirection, useIsMobile, useMediaPlayer, useMergedRefs, useMessageScroller, useMessageScrollerScrollable, useMessageScrollerVisibility, useSidebar, useToastManager };
+
+//# sourceMappingURL=index.js.map