@nsaa/core 0.1.0-alpha.1 → 0.1.0-alpha.3

package/dist/index.js

@@ -1,3878 +1,51 @@
 "use client";
-import { n as twMergeConfig, t as cn } from "./cn-DxFBFdwT.js";
-import { a as spring, i as sound, n as loader, r as scale, t as blur } from "./motion-NQq2BA78.js";
-import { a as Wave, c as Orbit, f as BouncingDots, l as Classic, n as registerLoader, o as Ring, p as Arc, r as registerLoaders, s as Pulse, t as getLoader, u as CircularDots } from "./registry-2PyPW9Xw.js";
-import { Accordion as Accordion$1 } from "@base-ui/react/accordion";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { cva } from "class-variance-authority";
-import * as React from "react";
-import { Children, Fragment as Fragment$1, createContext, createElement, isValidElement, useCallback, useContext, useEffect, useId, useLayoutEffect, useMemo, useRef, useState, useSyncExternalStore } from "react";
-import { AnimatePresence, animate, motion, useReducedMotion, useReducedMotionConfig } from "motion/react";
-import { AlertDialog as AlertDialog$1 } from "@base-ui/react/alert-dialog";
-import { Button as Button$1 } from "@base-ui/react/button";
-import { Avatar as Avatar$1 } from "@base-ui/react/avatar";
-import { mergeProps } from "@base-ui/react/merge-props";
-import { useRender } from "@base-ui/react/use-render";
-import { DayPicker, getDefaultClassNames } from "react-day-picker";
-import { Checkbox as Checkbox$1 } from "@base-ui/react/checkbox";
-import { Collapsible as Collapsible$1 } from "@base-ui/react/collapsible";
-import { Combobox as Combobox$1 } from "@base-ui/react/combobox";
-import { Input as Input$1 } from "@base-ui/react/input";
-import { Command as Command$1, useCommandState } 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 } from "@base-ui/react/direction-provider";
-import { Drawer as Drawer$1 } from "@base-ui/react/drawer";
-import { Menu } from "@base-ui/react/menu";
-import { Separator as Separator$1 } from "@base-ui/react/separator";
-import { OTPInput, OTPInputContext } from "input-otp";
-import { Popover as Popover$1 } from "@base-ui/react/popover";
-import { Radio } from "@base-ui/react/radio";
-import { RadioGroup as RadioGroup$1 } from "@base-ui/react/radio-group";
-import { Select as Select$1 } from "@base-ui/react/select";
-import { Slider as Slider$1 } from "@base-ui/react/slider";
-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 { ToggleGroup as ToggleGroup$1 } from "@base-ui/react/toggle-group";
-import { createTV } from "tailwind-variants";
-import { Toolbar as Toolbar$1 } from "@base-ui/react/toolbar";
-import { Toggle } from "@base-ui/react/toggle";
-import { Tooltip as Tooltip$1 } from "@base-ui/react/tooltip";
-// src/accordion/accordion.tsx
-function Accordion({ className, ...props }) {
-	return /* @__PURE__ */ jsx(Accordion$1.Root, {
-		"data-slot": "accordion",
-		className: cn("flex w-full flex-col", className),
-		...props
-	});
-}
-function AccordionItem({ className, ...props }) {
-	return /* @__PURE__ */ jsx(Accordion$1.Item, {
-		"data-slot": "accordion-item",
-		className: cn("not-last:border-b", className),
-		...props
-	});
-}
-function AccordionTrigger({ className, children, ...props }) {
-	return /* @__PURE__ */ jsx(Accordion$1.Header, {
-		className: "flex",
-		children: /* @__PURE__ */ jsxs(Accordion$1.Trigger, {
-			"data-slot": "accordion-trigger",
-			className: cn("group/accordion-trigger relative flex flex-1 items-start justify-between rounded-lg border border-transparent py-2.5 text-left text-sm font-medium transition-all outline-none hover:underline focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 focus-visible:after:border-ring aria-disabled:pointer-events-none aria-disabled:opacity-50 **:data-[slot=accordion-trigger-icon]:ml-auto **:data-[slot=accordion-trigger-icon]:size-4 **:data-[slot=accordion-trigger-icon]:text-muted-foreground", className),
-			...props,
-			children: [children, /* @__PURE__ */ jsx("svg", {
-				xmlns: "http://www.w3.org/2000/svg",
-				viewBox: "0 0 24 24",
-				fill: "none",
-				stroke: "currentColor",
-				strokeWidth: "2",
-				strokeLinecap: "round",
-				strokeLinejoin: "round",
-				"data-slot": "accordion-trigger-icon",
-				className: "pointer-events-none shrink-0",
-				"aria-hidden": "true",
-				children: /* @__PURE__ */ jsx("path", { d: "m6 9 6 6 6-6" })
-			})]
-		})
-	});
-}
-function AccordionContent({ className, children, ...props }) {
-	return /* @__PURE__ */ jsx(Accordion$1.Panel, {
-		"data-slot": "accordion-content",
-		className: "overflow-hidden text-sm data-open:animate-accordion-down data-closed:animate-accordion-up",
-		...props,
-		children: /* @__PURE__ */ jsx("div", {
-			className: cn("h-(--accordion-panel-height) pt-0 pb-2.5 data-ending-style:h-0 data-starting-style:h-0 [&_a]:underline [&_a]:underline-offset-3 [&_a]:hover:text-foreground [&_p:not(:last-child)]:mb-4", className),
-			children
-		})
-	});
-}
-// src/lib/input-modality.ts
-let modality = "pointer";
-let installed = false;
-let interactedAt = null;
-/** The attribute on <html> that feel.css reads: keyboard-opened surfaces open without motion (#71, #108). */
-const MODALITY_ATTRIBUTE = "data-nsaa-input";
-/**
-* Tracks the latest input modality in the capture phase, so a state change driven by a page
-* hotkey (Space, M, mod+B, mod+K) is known to be keyboard-initiated even though no button was
-* clicked. A pointer that moves takes over again, so hovering after typing animates. Idempotent;
-* `@nsaa/core` installs it when it loads.
-*/
-function trackInputModality() {
-	if (installed || typeof document === "undefined") return;
-	installed = true;
-	document.addEventListener("keydown", () => interact("keyboard"), true);
-	document.addEventListener("pointerdown", () => interact("pointer"), true);
-	document.addEventListener("pointermove", () => setInputModality("pointer"), true);
-}
-function interact(next) {
-	interactedAt = Date.now();
-	setInputModality(next);
-}
-/** When the person last pressed a key or a pointer (not a pointer move), or null before that. */
-function lastInteractionAt() {
-	return interactedAt;
-}
-function setInputModality(next) {
-	if (next === modality && installed) {
-		if (document.documentElement.getAttribute("data-nsaa-input") === next) return;
-	}
-	modality = next;
-	if (typeof document !== "undefined") document.documentElement.setAttribute(MODALITY_ATTRIBUTE, next);
-}
-function getInputModality() {
-	return modality;
-}
-/** True when the person pressed a key or a pointer within the window: a state that appears now is
-* most likely their action's result (a failed payment Alert), not something on load. */
-function recentUserAction(now = Date.now()) {
-	const at = lastInteractionAt();
-	return at !== null && now - at < 5e3;
-}
-// src/sound/sound.tsx
-/** One moment per player (per SoundProvider), outside React state: one cue per moment (#71). */
-const moments = /* @__PURE__ */ new WeakMap();
-function momentOf(player) {
-	let moment = moments.get(player);
-	if (!moment) {
-		moment = {
-			lastAt: 0,
-			pending: null
-		};
-		moments.set(player, moment);
-	}
-	return moment;
-}
-const MUTE_KEY = "nsaa-sound-muted";
-function readMuted() {
-	try {
-		return localStorage.getItem(MUTE_KEY) === "true";
-	} catch {
-		return false;
-	}
-}
-function writeMuted(muted) {
-	try {
-		localStorage.setItem(MUTE_KEY, String(muted));
-	} catch {}
-}
-const SoundContext = createContext(null);
-/** The app's own switch on <html data-motion> (feel.css reads it too): "reduce" silences sound,
-* "full" overrides the OS setting. */
-function htmlMotion() {
-	return typeof document === "undefined" ? void 0 : document.documentElement.dataset.motion;
-}
-/** Global sound settings: one remembered mute for the whole app. */
-function SoundProvider({ children, player, enabled = sound.enabled, volume = sound.volume }) {
-	const [muted, setMutedState] = useState(readMuted);
-	const setMuted = useCallback((next) => {
-		setMutedState(next);
-		writeMuted(next);
-	}, []);
-	const value = useMemo(() => ({
-		enabled,
-		volume,
-		muted,
-		setMuted,
-		player
-	}), [
-		enabled,
-		volume,
-		muted,
-		setMuted,
-		player
-	]);
-	return /* @__PURE__ */ jsx(SoundContext.Provider, {
-		value,
-		children
-	});
-}
-/**
-* Plays interface sounds with manners: only from a user action (call `play` in an event handler),
-* never when muted, turned off, or when the user asks for reduced motion; repeats are throttled.
-*/
-function useSound() {
-	const context = useContext(SoundContext);
-	const reducedMotion = useReducedMotionConfig() ?? false;
-	const enabled = context?.enabled ?? sound.enabled;
-	const muted = context?.muted ?? false;
-	const player = context?.player;
-	const volume = context?.volume ?? sound.volume;
-	const last = useRef(null);
-	return {
-		play: useCallback((cue, options) => {
-			if (!enabled || muted || !player) return;
-			const html = htmlMotion();
-			if (html === "reduce" || reducedMotion && html !== "full") return;
-			const moment = momentOf(player);
-			const fire = () => {
-				const now = Date.now();
-				if (last.current?.cue === cue && now - last.current.at < 80) return;
-				last.current = {
-					cue,
-					at: now
-				};
-				moment.lastAt = now;
-				player(cue, {
-					asset: sound.cue[cue],
-					volume
-				});
-			};
-			if (!options?.yield) {
-				if (moment.pending) clearTimeout(moment.pending);
-				moment.pending = null;
-				fire();
-				return;
-			}
-			const scheduledAt = Date.now();
-			if (moment.pending) clearTimeout(moment.pending);
-			moment.pending = setTimeout(() => {
-				moment.pending = null;
-				if (scheduledAt - moment.lastAt < 100) return;
-				fire();
-			}, 0);
-		}, [
-			enabled,
-			muted,
-			reducedMotion,
-			player,
-			volume
-		]),
-		loop: useCallback((cue) => {
-			if (!enabled || muted || !player) return () => {};
-			const html = htmlMotion();
-			if (html === "reduce" || reducedMotion && html !== "full") return () => {};
-			const stop = player(cue, {
-				asset: sound.cue[cue],
-				volume
-			});
-			return typeof stop === "function" ? stop : () => {};
-		}, [
-			enabled,
-			muted,
-			reducedMotion,
-			player,
-			volume
-		]),
-		muted,
-		setMuted: context?.setMuted ?? writeMuted,
-		enabled
-	};
-}
-// src/sound/sound-map.ts
-/**
-* The one table of interface sounds: component × event → cue (feel layer, §4). Components play
-* from here, so the map is reviewable in one place. Surfaces that aren't listed (Popover, Tooltip,
-* Command, menu open and close, Select open, Tabs, Accordion, Collapsible, inputs) are silent: opening a light surface isn't a commit,
-* and the palette is a 100+/day tool. Nothing plays on hover, load or typing.
-*/
-const SOUND_MAP = {
-	button: { press: "input.press" },
-	checkbox: {
-		on: "input.toggle-on",
-		off: "input.toggle-off"
-	},
-	"radio-group": { change: "selection.select" },
-	switch: {
-		on: "input.toggle-on",
-		off: "input.toggle-off"
-	},
-	slider: { commit: "movement.snap" },
-	"input-otp": { invalid: "feedback.error" },
-	alert: { destructive: "feedback.error" },
-	dialog: {
-		open: "navigation.open",
-		close: "navigation.close"
-	},
-	"alert-dialog": {
-		open: "navigation.open",
-		close: "navigation.close"
-	},
-	drawer: {
-		open: "navigation.open",
-		close: "navigation.close",
-		snap: "movement.snap"
-	},
-	select: { choose: "selection.select" },
-	calendar: { select: "selection.select" },
-	combobox: {
-		choose: "selection.select",
-		clear: "input.press",
-		"chip-remove": "input.press"
-	},
-	"dropdown-menu": { check: "selection.select" },
-	"context-menu": { check: "selection.select" },
-	toast: {
-		success: "feedback.success",
-		warning: "feedback.warning",
-		error: "feedback.error"
-	}
-};
-const SilentContext = createContext(false);
-/** Silences the sound map below it (CommandDialog reuses Dialog but stays silent, §4). */
-function SoundSilence({ children }) {
-	return createElement(SilentContext.Provider, { value: true }, children);
-}
-/** Plays a component's mapped cue for an event, through `useSound()` and its safeguards. */
-function useCue(component) {
-	const { play } = useSound();
-	const silent = useContext(SilentContext);
-	return useCallback((event, options) => {
-		if (silent) return;
-		const cue = SOUND_MAP[component][event];
-		if (cue) play(cue, options);
-	}, [
-		component,
-		play,
-		silent
-	]);
-}
-// src/alert/alert.tsx
-const 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/90 *:[svg]:text-current"
-	} },
-	defaultVariants: { variant: "default" }
-});
-function Alert({ className, variant, announce, ...props }) {
-	const cue = useCue("alert");
-	const destructive = variant === "destructive";
-	const appear = React.useEffectEvent(() => {
-		if (announce === true || destructive && recentUserAction()) cue("destructive");
-	});
-	React.useEffect(() => {
-		if (announce !== false && (destructive || announce)) appear();
-	}, [destructive, announce]);
-	return /* @__PURE__ */ jsx("div", {
-		"data-slot": "alert",
-		role: "alert",
-		className: cn(alertVariants({ variant }), className),
-		...props
-	});
-}
-function 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
-	});
-}
-function 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
-	});
-}
-function AlertAction({ className, ...props }) {
-	return /* @__PURE__ */ jsx("div", {
-		"data-slot": "alert-action",
-		className: cn("absolute top-2 right-2", className),
-		...props
-	});
-}
-// src/lib/control-defaults.tsx
-const ControlDefaultsContext = createContext({});
-function useControlDefaults() {
-	return useContext(ControlDefaultsContext);
-}
-// src/lib/use-press.ts
-/**
-* Parts of a larger shape, or high-frequency toggles: their buttons don't scale on their own
-* (legacy `pressScale={false}`). A Toggle Group outside a Toolbar counts too (#128, alpha-4), and
-* Pagination and the Calendar's day grid (#136).
-*/
-const SEGMENT = "[data-slot=\"input-group\"], [data-slot=\"button-group\"], [data-slot=\"toolbar\"], [data-slot=\"toggle-group\"], [data-slot=\"pagination-link\"], [data-slot=\"calendar\"]";
-/**
-* Pointer-only press: scale to `scale.press` on pointer-down and back on release, on `spring.snap`,
-* interruptible from the live value. Never on hover, on keyboard activation, when disabled, under
-* reduced motion (the OS or `<html data-motion>`), or inside a segmented shape.
-*/
-function usePress() {
-	const prefersReduced = useReducedMotion() ?? false;
-	const configReduced = useReducedMotionConfig() ?? false;
-	const pressed = useRef(null);
-	const reduced = useCallback(() => {
-		const html = document.documentElement.dataset.motion;
-		if (html === "reduce") return true;
-		if (html === "full") return false;
-		return prefersReduced || configReduced;
-	}, [prefersReduced, configReduced]);
-	const release = useCallback(() => {
-		const el = pressed.current;
-		if (!el) return;
-		pressed.current = null;
-		animate(el, { scale: 1 }, spring.snap);
-	}, []);
-	return {
-		onPointerDown: useCallback((event) => {
-			const el = event.currentTarget;
-			if (event.defaultPrevented || event.button !== 0 || reduced()) return;
-			if (el.matches(":disabled, [aria-disabled='true'], [data-disabled]")) return;
-			if (el.closest(SEGMENT)) return;
-			if (el.hasAttribute("aria-haspopup")) return;
-			pressed.current = el;
-			animate(el, { scale: scale.press }, spring.snap);
-		}, [reduced]),
-		onPointerUp: release,
-		onPointerLeave: release,
-		onPointerCancel: release
-	};
-}
-// src/spinner/loader-provider.tsx
-const LoaderContext = createContext({});
-function useLoaderContext() {
-	return useContext(LoaderContext);
-}
-/**
-* Cascades the loader play state and speed to a region (`display: contents`, so it adds no box) and
-* gives its Spinners a default label.
-*/
-function LoaderProvider({ children, paused, duration, label }) {
-	const style = {
-		display: "contents",
-		...duration === void 0 ? null : { "--nsaa-loader-duration": `${duration}ms` }
-	};
-	return /* @__PURE__ */ jsx(LoaderContext.Provider, {
-		value: { label },
-		children: /* @__PURE__ */ jsx("div", {
-			"data-slot": "loader-provider",
-			"data-loader-paused": paused ? "" : void 0,
-			style,
-			children
-		})
-	});
-}
-// src/spinner/spinner.tsx
-registerLoaders({
-	arc: Arc,
-	ring: Ring,
-	classic: Classic,
-	"circular-dots": CircularDots,
-	"bouncing-dots": BouncingDots,
-	pulse: Pulse,
-	orbit: Orbit,
-	wave: Wave
-});
-/** The decorative glyph: a registered loader (Arc when the name isn't registered) or shadcn's Loader2. */
-function glyph(variant) {
-	if (variant !== "lucide") return React.createElement(getLoader(variant) ?? Arc);
-	return /* @__PURE__ */ jsx("svg", {
-		xmlns: "http://www.w3.org/2000/svg",
-		viewBox: "0 0 24 24",
-		fill: "none",
-		stroke: "currentColor",
-		strokeWidth: "2",
-		strokeLinecap: "round",
-		strokeLinejoin: "round",
-		"aria-hidden": "true",
-		"data-loader": "lucide",
-		className: "animate-spin",
-		children: /* @__PURE__ */ jsx("path", { d: "M21 12a9 9 0 1 1-6.219-8.56" })
-	});
-}
-/** Paused while scrolled out of view or while the tab is hidden (performance, #63). */
-function useOutOfSight(element, active) {
-	const [offscreen, setOffscreen] = React.useState(false);
-	const [hidden, setHidden] = React.useState(false);
-	React.useEffect(() => {
-		if (!active) return;
-		const el = element.current;
-		const onVisibility = () => setHidden(document.visibilityState === "hidden");
-		onVisibility();
-		document.addEventListener("visibilitychange", onVisibility);
-		let observer;
-		if (el && typeof IntersectionObserver !== "undefined") {
-			observer = new IntersectionObserver(([entry]) => setOffscreen(!entry?.isIntersecting));
-			observer.observe(el);
-		}
-		return () => {
-			document.removeEventListener("visibilitychange", onVisibility);
-			observer?.disconnect();
-		};
-	}, [element, active]);
-	return offscreen || hidden;
-}
-function Spinner({ variant = "arc", size, label, delay: delayProp, minDisplay = loader["min-display"], loading = true, duration, paused = false, sound = false, className, style, ...props }) {
-	const context = useLoaderContext();
-	const root = React.useRef(null);
-	const delay = delayProp ?? loader.delay;
-	const [phase, setPhase] = React.useState(!loading ? "hidden" : delay > 0 ? "pending" : "shown");
-	const shownAt = React.useRef(0);
-	const [wasLoading, setWasLoading] = React.useState(loading);
-	if (loading !== wasLoading) {
-		setWasLoading(loading);
-		if (loading && phase === "hidden") setPhase(delay > 0 ? "pending" : "shown");
-		if (!loading && phase === "pending") setPhase("hidden");
-	}
-	React.useEffect(() => {
-		if (phase === "shown") shownAt.current = Date.now();
-	}, [phase]);
-	React.useEffect(() => {
-		if (loading && phase === "pending") {
-			const timer = setTimeout(() => setPhase("shown"), delay);
-			return () => clearTimeout(timer);
-		}
-		if (!loading && phase === "shown") {
-			const left = shownAt.current + minDisplay - Date.now();
-			const timer = setTimeout(() => setPhase("hidden"), Math.max(0, left));
-			return () => clearTimeout(timer);
-		}
-	}, [
-		loading,
-		phase,
-		delay,
-		minDisplay
-	]);
-	const pendingRef = React.useCallback((node) => {
-		root.current = node;
-		if (node?.closest("button, [role=\"button\"], [data-slot=\"input-group\"]")) setPhase("shown");
-	}, []);
-	const outOfSight = useOutOfSight(root, phase === "shown");
-	const { loop } = useSound();
-	const audible = sound && phase === "shown" && !paused && !outOfSight;
-	React.useEffect(() => {
-		if (!audible) return;
-		return loop("progress.loop");
-	}, [audible, loop]);
-	if (phase === "hidden") return null;
-	if (phase === "pending") return /* @__PURE__ */ jsx("span", {
-		ref: pendingRef,
-		role: "status",
-		"data-slot": "spinner",
-		"data-pending": "",
-		className,
-		style,
-		...props
-	});
-	const vars = {
-		...size === void 0 && /(^|\s)size-/.test(className ?? "") ? { "--nsaa-loader-size": "100%" } : null,
-		...size === void 0 ? null : { "--nsaa-loader-size": typeof size === "number" ? `${size}px` : `var(--nsaa-loader-size-${size})` },
-		...duration === void 0 ? null : { "--nsaa-loader-duration": `${duration}ms` }
-	};
-	return /* @__PURE__ */ jsxs("span", {
-		ref: root,
-		role: "status",
-		"data-slot": "spinner",
-		"data-variant": variant,
-		"data-loader-paused": paused || outOfSight ? "" : void 0,
-		className: cn("inline-flex shrink-0 items-center gap-1.5", className),
-		style: {
-			...vars,
-			...style
-		},
-		...props,
-		children: [glyph(variant), /* @__PURE__ */ jsx("span", {
-			"data-slot": "spinner-label",
-			className: "sr-only",
-			children: label ?? context.label ?? "Loading"
-		})]
-	});
-}
-// src/button/button.tsx
-const buttonVariants = cva("group/button inline-flex shrink-0 items-center justify-center rounded-lg border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 active:not-aria-[haspopup]:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", {
-	variants: {
-		variant: {
-			default: "bg-primary text-primary-foreground hover:bg-primary/80",
-			outline: "border-border bg-background hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:border-input dark:bg-input/30 dark:hover:bg-input/50",
-			secondary: "bg-secondary text-secondary-foreground hover:bg-[color-mix(in_oklch,var(--secondary),var(--foreground)_5%)] aria-expanded:bg-secondary aria-expanded:text-secondary-foreground",
-			ghost: "hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:hover:bg-muted/50",
-			destructive: "bg-destructive/10 text-destructive hover:text-destructive-hover-foreground focus-visible:border-destructive/40 focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:focus-visible:ring-destructive/40",
-			link: "text-primary underline-offset-4 hover:underline"
-		},
-		size: {
-			default: "h-8 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2",
-			xs: "h-6 gap-1 rounded-[min(var(--radius-md),10px)] px-2 text-xs in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3",
-			sm: "h-7 gap-1 rounded-[min(var(--radius-md),12px)] px-2.5 text-[0.8rem] in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3.5",
-			lg: "h-9 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2",
-			icon: "size-8",
-			"icon-xs": "size-6 rounded-[min(var(--radius-md),10px)] in-data-[slot=button-group]:rounded-lg [&_svg:not([class*='size-'])]:size-3",
-			"icon-sm": "size-7 rounded-[min(var(--radius-md),12px)] in-data-[slot=button-group]:rounded-lg",
-			"icon-lg": "size-9"
-		}
-	},
-	defaultVariants: {
-		variant: "default",
-		size: "default"
-	}
-});
-const SPINNER_SIZE = {
-	default: "md",
-	xs: "xs",
-	sm: "sm",
-	lg: "md",
-	icon: "md",
-	"icon-xs": "xs",
-	"icon-sm": "md",
-	"icon-lg": "md"
-};
-function hasStartIcon(children) {
-	return Children.toArray(children).some((child) => isValidElement(child) && child.props["data-icon"] === "inline-start");
-}
-/** `auto` (#130): `start` with a start icon or on an icon size, else `center`. */
-function resolvePlacement(placement, children, size) {
-	if (placement !== "auto") return placement;
-	return size.startsWith("icon") || hasStartIcon(children) ? "start" : "center";
-}
-/**
-* Loading content. `start` (#128): the Arc spinner takes the start icon's place at once, so the
-* width stays the same; icon-only sizes swap their icon; with no start icon it sits before the
-* label and the button grows. `center` (#130): the spinner sits over the middle and the content
-* keeps its place, transparent (opacity, not visibility, so it still names the button).
-*/
-function loadingContent(children, size, label, placement) {
-	if (placement === "center") return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("span", {
-		"data-slot": "button-spinner",
-		className: "absolute inset-0 flex items-center justify-center",
-		children: /* @__PURE__ */ jsx(Spinner, {
-			size: SPINNER_SIZE[size],
-			label
-		})
-	}), /* @__PURE__ */ jsx("span", {
-		"data-slot": "button-content",
-		className: "inline-flex items-center gap-[inherit] opacity-0",
-		children
-	})] });
-	const spinner = /* @__PURE__ */ jsx(Spinner, {
-		"data-icon": "inline-start",
-		size: SPINNER_SIZE[size],
-		label
-	}, "spinner");
-	if (size.startsWith("icon")) return spinner;
-	let swapped = false;
-	const rest = Children.map(children, (child) => {
-		if (!swapped && isValidElement(child) && child.props["data-icon"] === "inline-start") {
-			swapped = true;
-			return spinner;
-		}
-		return child;
-	});
-	return swapped ? rest : [spinner, ...rest ?? []];
-}
-function Button({ className, variant = "default", size = "default", loading = false, loadingLabel = "Loading", loadingPlacement = "auto", children, onClick, onPointerDown, onPointerUp, onPointerLeave, onPointerCancel, ...props }) {
-	const press = usePress();
-	const cue = useCue("button");
-	const { sound = true } = useControlDefaults();
-	const placement = loading ? resolvePlacement(loadingPlacement, children, size ?? "default") : null;
-	return /* @__PURE__ */ jsx(Button$1, {
-		"data-slot": "button",
-		className: cn(buttonVariants({
-			variant,
-			size
-		}), placement === "center" && "relative", className),
-		"aria-busy": loading || void 0,
-		"data-loading": loading ? "" : void 0,
-		"data-loading-placement": placement ?? void 0,
-		onPointerDown: (event) => {
-			onPointerDown?.(event);
-			if (!loading) press.onPointerDown(event);
-		},
-		onPointerUp: (event) => {
-			onPointerUp?.(event);
-			press.onPointerUp();
-		},
-		onPointerLeave: (event) => {
-			onPointerLeave?.(event);
-			press.onPointerLeave();
-		},
-		onPointerCancel: (event) => {
-			onPointerCancel?.(event);
-			press.onPointerCancel();
-		},
-		onClick: (event) => {
-			if (loading) {
-				event.preventDefault();
-				event.preventBaseUIHandler();
-				return;
-			}
-			onClick?.(event);
-			const el = event.currentTarget;
-			const trigger = el.hasAttribute("aria-haspopup") || el.hasAttribute("aria-expanded");
-			if (sound && !event.defaultPrevented && !trigger) cue("press", { yield: true });
-		},
-		...props,
-		children: placement ? loadingContent(children, size ?? "default", loadingLabel, placement) : children
-	});
-}
-// src/alert-dialog/alert-dialog.tsx
-function AlertDialog({ onOpenChange, ...props }) {
-	const cue = useCue("alert-dialog");
-	return /* @__PURE__ */ jsx(AlertDialog$1.Root, {
-		"data-slot": "alert-dialog",
-		onOpenChange: (open, details) => {
-			onOpenChange?.(open, details);
-			if (!details.isCanceled) cue(open ? "open" : "close");
-		},
-		...props
-	});
-}
-function AlertDialogTrigger({ ...props }) {
-	return /* @__PURE__ */ jsx(AlertDialog$1.Trigger, {
-		"data-slot": "alert-dialog-trigger",
-		...props
-	});
-}
-function AlertDialogPortal({ ...props }) {
-	return /* @__PURE__ */ jsx(AlertDialog$1.Portal, {
-		"data-slot": "alert-dialog-portal",
-		...props
-	});
-}
-function AlertDialogOverlay({ className, ...props }) {
-	return /* @__PURE__ */ jsx(AlertDialog$1.Backdrop, {
-		"data-slot": "alert-dialog-overlay",
-		className: cn("fixed inset-0 isolate z-50 bg-black/10 duration-100 supports-backdrop-filter:backdrop-blur-xs data-open:animate-in data-open:fade-in-0 data-closed:animate-out data-closed:fade-out-0", className),
-		...props
-	});
-}
-function AlertDialogContent({ className, size = "default", ...props }) {
-	return /* @__PURE__ */ jsxs(AlertDialogPortal, { children: [/* @__PURE__ */ jsx(AlertDialogOverlay, {}), /* @__PURE__ */ jsx(AlertDialog$1.Popup, {
-		"data-slot": "alert-dialog-content",
-		"data-size": size,
-		className: cn("group/alert-dialog-content fixed top-1/2 left-1/2 z-50 grid w-full -translate-x-1/2 -translate-y-1/2 gap-4 rounded-xl bg-popover p-4 text-popover-foreground ring-1 ring-foreground/10 duration-100 outline-none data-[size=default]:max-w-xs data-[size=sm]:max-w-xs data-[size=default]:sm:max-w-sm data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95", className),
-		...props
-	})] });
-}
-function AlertDialogHeader({ className, ...props }) {
-	return /* @__PURE__ */ jsx("div", {
-		"data-slot": "alert-dialog-header",
-		className: cn("grid grid-rows-[auto_1fr] place-items-center gap-1.5 text-center has-data-[slot=alert-dialog-media]:grid-rows-[auto_auto_1fr] has-data-[slot=alert-dialog-media]:gap-x-4 sm:group-data-[size=default]/alert-dialog-content:place-items-start sm:group-data-[size=default]/alert-dialog-content:text-left sm:group-data-[size=default]/alert-dialog-content:has-data-[slot=alert-dialog-media]:grid-rows-[auto_1fr]", className),
-		...props
-	});
-}
-function AlertDialogFooter({ className, ...props }) {
-	return /* @__PURE__ */ jsx("div", {
-		"data-slot": "alert-dialog-footer",
-		className: cn("-mx-4 -mb-4 flex flex-col-reverse gap-2 rounded-b-xl border-t bg-muted/50 p-4 group-data-[size=sm]/alert-dialog-content:grid group-data-[size=sm]/alert-dialog-content:grid-cols-2 sm:flex-row sm:justify-end", className),
-		...props
-	});
-}
-function AlertDialogMedia({ className, ...props }) {
-	return /* @__PURE__ */ jsx("div", {
-		"data-slot": "alert-dialog-media",
-		className: cn("mb-2 inline-flex size-10 items-center justify-center rounded-md bg-muted sm:group-data-[size=default]/alert-dialog-content:row-span-2 *:[svg:not([class*='size-'])]:size-6", className),
-		...props
-	});
-}
-function AlertDialogTitle({ className, ...props }) {
-	return /* @__PURE__ */ jsx(AlertDialog$1.Title, {
-		"data-slot": "alert-dialog-title",
-		className: cn("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
-	});
-}
-function AlertDialogDescription({ className, ...props }) {
-	return /* @__PURE__ */ jsx(AlertDialog$1.Description, {
-		"data-slot": "alert-dialog-description",
-		className: cn("text-sm text-balance text-muted-foreground md:text-pretty *:[a]:underline *:[a]:underline-offset-3 *:[a]:hover:text-foreground", className),
-		...props
-	});
-}
-function AlertDialogAction({ className, ...props }) {
-	return /* @__PURE__ */ jsx(Button, {
-		"data-slot": "alert-dialog-action",
-		className: cn(className),
-		...props
-	});
-}
-function AlertDialogCancel({ className, variant = "outline", size = "default", ...props }) {
-	return /* @__PURE__ */ jsx(AlertDialog$1.Close, {
-		"data-slot": "alert-dialog-cancel",
-		className: cn(className),
-		render: /* @__PURE__ */ jsx(Button, {
-			variant,
-			size
-		}),
-		...props
-	});
-}
-// src/avatar/avatar.tsx
-function 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
-	});
-}
-function 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
-	});
-}
-function 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-muted-foreground group-data-[size=sm]/avatar:text-xs", className),
-		...props
-	});
-}
-function AvatarBadge({ className, ...props }) {
-	return /* @__PURE__ */ jsx("span", {
-		"data-slot": "avatar-badge",
-		className: cn("absolute right-0 bottom-0 z-10 inline-flex items-center justify-center rounded-full bg-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
-	});
-}
-function AvatarGroup({ className, ...props }) {
-	return /* @__PURE__ */ jsx("div", {
-		"data-slot": "avatar-group",
-		className: cn("group/avatar-group flex -space-x-2 *:data-[slot=avatar]:ring-2 *:data-[slot=avatar]:ring-background", className),
-		...props
-	});
-}
-function AvatarGroupCount({ className, ...props }) {
-	return /* @__PURE__ */ jsx("div", {
-		"data-slot": "avatar-group-count",
-		className: cn("relative flex size-8 shrink-0 items-center justify-center rounded-full bg-muted text-sm text-muted-foreground ring-2 ring-background group-has-data-[size=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
-	});
-}
-// src/badge/badge.tsx
-const badgeVariants = cva("group/badge inline-flex h-5 w-fit shrink-0 items-center justify-center gap-1 overflow-hidden rounded-4xl border border-transparent px-2 py-0.5 text-xs font-medium whitespace-nowrap transition-all focus-visible:border-ring focus-visible:ring-[3px] 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:text-destructive-hover-foreground",
-		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"
-	} },
-	defaultVariants: { variant: "default" }
-});
-function Badge({ className, variant = "default", render, ...props }) {
-	return useRender({
-		defaultTagName: "span",
-		props: mergeProps({ className: cn(badgeVariants({ variant }), className) }, props),
-		render,
-		state: {
-			slot: "badge",
-			variant
-		}
-	});
-}
-// src/calendar/calendar.tsx
-/** Lucide's chevrons, in place of shadcn's icon placeholder. */
-function ChevronIcon({ className, orientation }) {
-	return /* @__PURE__ */ jsx("svg", {
-		xmlns: "http://www.w3.org/2000/svg",
-		viewBox: "0 0 24 24",
-		fill: "none",
-		stroke: "currentColor",
-		strokeWidth: "2",
-		strokeLinecap: "round",
-		strokeLinejoin: "round",
-		"aria-hidden": "true",
-		className,
-		children: /* @__PURE__ */ jsx("path", { d: orientation === "left" ? "m15 18-6-6 6-6" : orientation === "right" ? "m9 18 6-6-6-6" : "m6 9 6 6 6-6" })
-	});
-}
-function Calendar({ className, classNames, showOutsideDays = true, captionLayout = "label", buttonVariant = "ghost", locale, formatters, components, ...props }) {
-	const defaultClassNames = getDefaultClassNames();
-	return /* @__PURE__ */ jsx(DayPicker, {
-		showOutsideDays,
-		className: cn("group/calendar bg-background p-2 [--cell-radius:var(--radius-md)] [--cell-size:--spacing(7)] in-data-[slot=card-content]:bg-transparent in-data-[slot=popover-content]:bg-transparent", String.raw`rtl:**:[.rdp-button\_next>svg]:rotate-180`, String.raw`rtl:**:[.rdp-button\_previous>svg]:rotate-180`, className),
-		captionLayout,
-		locale,
-		formatters: {
-			formatMonthDropdown: (date) => date.toLocaleString(locale?.code, { month: "short" }),
-			...formatters
-		},
-		classNames: {
-			root: cn("w-fit", defaultClassNames.root),
-			months: cn("relative flex flex-col gap-4 md:flex-row", defaultClassNames.months),
-			month: cn("flex w-full flex-col gap-4", defaultClassNames.month),
-			nav: cn("absolute inset-x-0 top-0 flex w-full items-center justify-between gap-1", defaultClassNames.nav),
-			button_previous: cn(buttonVariants({ variant: buttonVariant }), "size-(--cell-size) p-0 select-none aria-disabled:opacity-50", defaultClassNames.button_previous),
-			button_next: cn(buttonVariants({ variant: buttonVariant }), "size-(--cell-size) p-0 select-none aria-disabled:opacity-50", defaultClassNames.button_next),
-			month_caption: cn("flex h-(--cell-size) w-full items-center justify-center px-(--cell-size)", defaultClassNames.month_caption),
-			dropdowns: cn("flex h-(--cell-size) w-full items-center justify-center gap-1.5 text-sm font-medium", defaultClassNames.dropdowns),
-			dropdown_root: cn("cn-calendar-dropdown-root relative rounded-(--cell-radius)", defaultClassNames.dropdown_root),
-			dropdown: cn("absolute inset-0 bg-popover opacity-0", defaultClassNames.dropdown),
-			caption_label: cn("font-medium select-none", captionLayout === "label" ? "cn-calendar-caption text-sm" : "cn-calendar-caption-label flex items-center gap-1 rounded-(--cell-radius) text-sm [&>svg]:size-3.5 [&>svg]:text-muted-foreground", defaultClassNames.caption_label),
-			month_grid: cn("w-full border-collapse", defaultClassNames.month_grid),
-			weekdays: cn("flex", defaultClassNames.weekdays),
-			weekday: cn("flex-1 rounded-(--cell-radius) text-[0.8rem] font-normal text-muted-foreground select-none", defaultClassNames.weekday),
-			week: cn("mt-2 flex w-full", defaultClassNames.week),
-			week_number_header: cn("w-(--cell-size) select-none", defaultClassNames.week_number_header),
-			week_number: cn("text-[0.8rem] text-muted-foreground select-none", defaultClassNames.week_number),
-			day: cn("group/day relative aspect-square h-full w-full rounded-(--cell-radius) p-0 text-center select-none [&:last-child[data-selected=true]_button]:rounded-r-(--cell-radius)", props.showWeekNumber ? "[&:nth-child(2)[data-selected=true]_button]:rounded-l-(--cell-radius)" : "[&:first-child[data-selected=true]_button]:rounded-l-(--cell-radius)", defaultClassNames.day),
-			range_start: cn("relative isolate z-0 rounded-l-(--cell-radius) bg-muted after:absolute after:inset-y-0 after:right-0 after:w-4 after:bg-muted", defaultClassNames.range_start),
-			range_middle: cn("rounded-none", defaultClassNames.range_middle),
-			range_end: cn("relative isolate z-0 rounded-r-(--cell-radius) bg-muted after:absolute after:inset-y-0 after:left-0 after:w-4 after:bg-muted", defaultClassNames.range_end),
-			today: cn("rounded-(--cell-radius) bg-muted text-foreground data-[selected=true]:rounded-none", defaultClassNames.today),
-			outside: cn("text-muted-foreground aria-selected:text-muted-foreground", defaultClassNames.outside),
-			disabled: cn("text-muted-foreground opacity-50", defaultClassNames.disabled),
-			hidden: cn("invisible", defaultClassNames.hidden),
-			...classNames
-		},
-		components: {
-			Root: ({ className, rootRef, ...props }) => {
-				return /* @__PURE__ */ jsx("div", {
-					"data-slot": "calendar",
-					ref: rootRef,
-					className: cn(className),
-					...props
-				});
-			},
-			Chevron: ({ className, orientation }) => {
-				if (orientation === "left") return /* @__PURE__ */ jsx(ChevronIcon, {
-					orientation: "left",
-					className: cn("cn-rtl-flip size-4", className)
-				});
-				if (orientation === "right") return /* @__PURE__ */ jsx(ChevronIcon, {
-					orientation: "right",
-					className: cn("cn-rtl-flip size-4", className)
-				});
-				return /* @__PURE__ */ jsx(ChevronIcon, {
-					orientation: "down",
-					className: cn("size-4", className)
-				});
-			},
-			DayButton: ({ ...props }) => /* @__PURE__ */ jsx(CalendarDayButton, {
-				locale,
-				...props
-			}),
-			WeekNumber: ({ children, ...props }) => {
-				return /* @__PURE__ */ jsx("td", {
-					...props,
-					children: /* @__PURE__ */ jsx("div", {
-						className: "flex size-(--cell-size) items-center justify-center text-center",
-						children
-					})
-				});
-			},
-			...components
-		},
-		...props
-	});
-}
-function CalendarDayButton({ className, day, modifiers, locale, onClick, "aria-label": label, ...props }) {
-	const defaultClassNames = getDefaultClassNames();
-	const cue = useCue("calendar");
-	const ref = React.useRef(null);
-	React.useEffect(() => {
-		if (modifiers.focused) ref.current?.focus();
-	}, [modifiers.focused]);
-	return /* @__PURE__ */ jsx(Button, {
-		variant: "ghost",
-		size: "icon",
-		"data-day": day.date.toLocaleDateString(locale?.code),
-		"data-selected-single": modifiers.selected && !modifiers.range_start && !modifiers.range_end && !modifiers.range_middle,
-		"data-range-start": modifiers.range_start,
-		"data-range-end": modifiers.range_end,
-		"data-range-middle": modifiers.range_middle,
-		ref,
-		"aria-label": label?.replace(/\b(\d{1,2})(?:st|nd|rd|th)\b/, "$1"),
-		"aria-current": modifiers.today ? "date" : void 0,
-		onClick: (event) => {
-			onClick?.(event);
-			if (!modifiers.disabled) cue("select");
-		},
-		className: cn("relative isolate z-10 flex aspect-square size-auto w-full min-w-(--cell-size) flex-col gap-1 border-0 leading-none font-normal group-data-[focused=true]/day:relative group-data-[focused=true]/day:z-10 group-data-[focused=true]/day:border-ring group-data-[focused=true]/day:ring-[3px] group-data-[focused=true]/day:ring-ring/50 data-[range-end=true]:rounded-(--cell-radius) data-[range-end=true]:rounded-r-(--cell-radius) data-[range-end=true]:bg-primary data-[range-end=true]:text-primary-foreground data-[range-middle=true]:rounded-none data-[range-middle=true]:bg-muted data-[range-middle=true]:text-foreground data-[range-start=true]:rounded-(--cell-radius) data-[range-start=true]:rounded-l-(--cell-radius) data-[range-start=true]:bg-primary data-[range-start=true]:text-primary-foreground data-[selected-single=true]:bg-primary data-[selected-single=true]:text-primary-foreground dark:hover:text-foreground [&>span]:text-xs [&>span]:opacity-70", defaultClassNames.day, className),
-		...props
-	});
-}
-// src/card/card.tsx
-function Card({ className, size = "default", ...props }) {
-	return /* @__PURE__ */ jsx("div", {
-		"data-slot": "card",
-		"data-size": size,
-		className: cn("group/card flex flex-col gap-(--card-spacing) overflow-hidden rounded-xl bg-card py-(--card-spacing) text-sm text-card-foreground ring-1 ring-foreground/10 [--card-spacing:--spacing(4)] has-data-[slot=card-footer]:pb-0 has-[>img:first-child]:pt-0 data-[size=sm]:[--card-spacing:--spacing(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
-	});
-}
-function 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-(--card-spacing) has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-description]:grid-rows-[auto_auto] [.border-b]:pb-(--card-spacing)", className),
-		...props
-	});
-}
-function CardTitle({ className, ...props }) {
-	return /* @__PURE__ */ jsx("div", {
-		"data-slot": "card-title",
-		className: cn("cn-font-heading text-base leading-snug font-medium group-data-[size=sm]/card:text-sm", className),
-		...props
-	});
-}
-function CardDescription({ className, ...props }) {
-	return /* @__PURE__ */ jsx("div", {
-		"data-slot": "card-description",
-		className: cn("text-sm text-muted-foreground", className),
-		...props
-	});
-}
-function 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
-	});
-}
-function CardContent({ className, ...props }) {
-	return /* @__PURE__ */ jsx("div", {
-		"data-slot": "card-content",
-		className: cn("px-(--card-spacing)", className),
-		...props
-	});
-}
-function 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-(--card-spacing)", className),
-		...props
-	});
-}
-// src/checkbox/checkbox.tsx
-function Checkbox({ className, onCheckedChange, ...props }) {
-	const cue = useCue("checkbox");
-	return /* @__PURE__ */ jsx(Checkbox$1.Root, {
-		"data-slot": "checkbox",
-		className: cn("peer relative flex size-4 shrink-0 items-center justify-center rounded-[4px] border border-input transition-colors outline-none group-has-disabled/field:opacity-50 group-has-[:focus-visible]/field-label:ring-0 group-has-[:focus-visible]/field-label:not-data-checked:border-input 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 group-has-[:focus-visible]/field-label:data-checked:border-primary dark:data-checked:bg-primary", className),
-		onCheckedChange: (checked, details) => {
-			onCheckedChange?.(checked, details);
-			if (!details.isCanceled) cue(checked ? "on" : "off");
-		},
-		...props,
-		children: /* @__PURE__ */ jsx(Checkbox$1.Indicator, {
-			"data-slot": "checkbox-indicator",
-			className: "grid place-content-center text-current transition-none [&>svg]:size-3.5",
-			children: /* @__PURE__ */ jsx("svg", {
-				xmlns: "http://www.w3.org/2000/svg",
-				viewBox: "0 0 24 24",
-				fill: "none",
-				stroke: "currentColor",
-				strokeWidth: "2",
-				strokeLinecap: "round",
-				strokeLinejoin: "round",
-				"aria-hidden": "true",
-				children: /* @__PURE__ */ jsx("path", { d: "M20 6 9 17l-5-5" })
-			})
-		})
-	});
-}
-// src/collapsible/collapsible.tsx
-function Collapsible({ ...props }) {
-	return /* @__PURE__ */ jsx(Collapsible$1.Root, {
-		"data-slot": "collapsible",
-		...props
-	});
-}
-function CollapsibleTrigger({ ...props }) {
-	return /* @__PURE__ */ jsx(Collapsible$1.Trigger, {
-		"data-slot": "collapsible-trigger",
-		...props
-	});
-}
-function CollapsibleContent({ ...props }) {
-	return /* @__PURE__ */ jsx(Collapsible$1.Panel, {
-		"data-slot": "collapsible-content",
-		...props
-	});
-}
-// src/input/input.tsx
-function Input({ className, type, ...props }) {
-	return /* @__PURE__ */ jsx(Input$1, {
-		type,
-		"data-slot": "input",
-		className: cn("h-8 w-full min-w-0 rounded-lg border border-input bg-transparent px-2.5 py-1 text-base transition-colors outline-none file:inline-flex file:h-6 file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-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 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
-	});
-}
-// src/textarea/textarea.tsx
-function Textarea({ className, ...props }) {
-	return /* @__PURE__ */ jsx("textarea", {
-		"data-slot": "textarea",
-		className: cn("flex field-sizing-content min-h-16 w-full rounded-lg border border-input bg-transparent px-2.5 py-2 text-base transition-colors outline-none placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:bg-input/50 disabled:opacity-50 aria-invalid:border-destructive 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
-	});
-}
-// src/input-group/input-group.tsx
-function InputGroup({ className, ...props }) {
-	return /* @__PURE__ */ jsx("div", {
-		"data-slot": "input-group",
-		role: "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 in-data-[slot=combobox-content]:focus-within:border-inherit in-data-[slot=combobox-content]:focus-within:ring-0 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 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 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]]:[&>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
-	});
-}
-const inputGroupAddonVariants = cva("flex h-auto cursor-text items-center justify-center gap-2 py-1.5 text-sm font-medium text-muted-foreground select-none group-data-[disabled=true]/input-group:opacity-50 [&>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" }
-});
-function InputGroupAddon({ className, align = "inline-start", ...props }) {
-	return /* @__PURE__ */ jsx("div", {
-		role: "group",
-		"data-slot": "input-group-addon",
-		"data-align": align,
-		className: cn(inputGroupAddonVariants({ align }), className),
-		onClick: (e) => {
-			if (e.target.closest("button")) return;
-			e.currentTarget.parentElement?.querySelector("input, textarea")?.focus();
-		},
-		...props
-	});
-}
-const 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" }
-});
-function InputGroupButton({ className, type = "button", variant = "ghost", size = "xs", ...props }) {
-	return /* @__PURE__ */ jsx(Button, {
-		type,
-		"data-size": size,
-		variant,
-		className: cn(inputGroupButtonVariants({ size }), className),
-		...props
-	});
-}
-function InputGroupText({ className, ...props }) {
-	return /* @__PURE__ */ jsx("span", {
-		className: cn("flex items-center gap-2 text-sm text-muted-foreground [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4", className),
-		...props
-	});
-}
-function 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
-	});
-}
-function InputGroupTextarea({ className, ...props }) {
-	return /* @__PURE__ */ jsx(Textarea, {
-		"data-slot": "input-group-control",
-		className: cn("flex-1 resize-none rounded-none border-0 bg-transparent py-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
-	});
-}
-// src/combobox/combobox.tsx
-const COMBOBOX_CUE = {
-	"item-press": "choose",
-	"clear-press": "clear",
-	"escape-key": "clear",
-	"chip-remove-press": "chip-remove"
-};
-function Combobox({ onValueChange, ...props }) {
-	const cue = useCue("combobox");
-	return /* @__PURE__ */ jsx(Combobox$1.Root, {
-		onValueChange: (value, details) => {
-			onValueChange?.(value, details);
-			const reason = details.reason === "none" && Array.isArray(value) ? "chip-remove-press" : details.reason;
-			const event = COMBOBOX_CUE[reason];
-			if (!details.isCanceled && event) cue(event);
-		},
-		...props
-	});
-}
-function ComboboxValue({ ...props }) {
-	return /* @__PURE__ */ jsx(Combobox$1.Value, {
-		"data-slot": "combobox-value",
-		...props
-	});
-}
-function ComboboxTrigger({ className, children, ...props }) {
-	return /* @__PURE__ */ jsxs(Combobox$1.Trigger, {
-		"data-slot": "combobox-trigger",
-		"aria-label": "Show options",
-		className: cn("[&_svg:not([class*='size-'])]:size-4", className),
-		...props,
-		children: [children, /* @__PURE__ */ jsx("svg", {
-			xmlns: "http://www.w3.org/2000/svg",
-			viewBox: "0 0 24 24",
-			fill: "none",
-			stroke: "currentColor",
-			strokeWidth: "2",
-			strokeLinecap: "round",
-			strokeLinejoin: "round",
-			className: "pointer-events-none size-4 text-muted-foreground",
-			"aria-hidden": "true",
-			children: /* @__PURE__ */ jsx("path", { d: "m6 9 6 6 6-6" })
-		})]
-	});
-}
-function ComboboxClear({ className, ...props }) {
-	return /* @__PURE__ */ jsx(Combobox$1.Clear, {
-		"data-slot": "combobox-clear",
-		"aria-label": "Clear",
-		render: /* @__PURE__ */ jsx(InputGroupButton, {
-			variant: "ghost",
-			size: "icon-xs"
-		}),
-		className: cn(className),
-		...props,
-		children: /* @__PURE__ */ jsxs("svg", {
-			xmlns: "http://www.w3.org/2000/svg",
-			viewBox: "0 0 24 24",
-			fill: "none",
-			stroke: "currentColor",
-			strokeWidth: "2",
-			strokeLinecap: "round",
-			strokeLinejoin: "round",
-			className: "pointer-events-none",
-			"aria-hidden": "true",
-			children: [/* @__PURE__ */ jsx("path", { d: "M18 6 6 18" }), /* @__PURE__ */ jsx("path", { d: "m6 6 12 12" })]
-		})
-	});
-}
-function ComboboxInput({ className, children, disabled = false, showTrigger = true, showClear = false, ...props }) {
-	return /* @__PURE__ */ jsxs(InputGroup, {
-		className: cn("w-auto", className),
-		children: [
-			/* @__PURE__ */ jsx(Combobox$1.Input, {
-				render: /* @__PURE__ */ jsx(InputGroupInput, { disabled }),
-				...props
-			}),
-			/* @__PURE__ */ jsxs(InputGroupAddon, {
-				align: "inline-end",
-				children: [showTrigger && /* @__PURE__ */ jsx(InputGroupButton, {
-					size: "icon-xs",
-					variant: "ghost",
-					render: /* @__PURE__ */ jsx(ComboboxTrigger, {}),
-					"data-slot": "input-group-button",
-					className: "group-has-data-[slot=combobox-clear]/input-group:hidden data-pressed:bg-transparent",
-					disabled
-				}), showClear && /* @__PURE__ */ jsx(ComboboxClear, { disabled })]
-			}),
-			children
-		]
-	});
-}
-function ComboboxContent({ className, side = "bottom", sideOffset = 6, align = "start", alignOffset = 0, anchor, ...props }) {
-	return /* @__PURE__ */ jsx(Combobox$1.Portal, { children: /* @__PURE__ */ jsx(Combobox$1.Positioner, {
-		side,
-		sideOffset,
-		align,
-		alignOffset,
-		anchor,
-		className: "isolate z-50",
-		children: /* @__PURE__ */ jsx(Combobox$1.Popup, {
-			"data-slot": "combobox-content",
-			"data-chips": !!anchor,
-			className: cn("cn-menu-target cn-menu-translucent group/combobox-content relative max-h-(--available-height) w-(--anchor-width) max-w-(--available-width) min-w-[calc(var(--anchor-width)+--spacing(7))] origin-(--transform-origin) overflow-hidden rounded-lg bg-popover text-popover-foreground shadow-md ring-1 ring-foreground/10 duration-100 data-[chips=true]:min-w-(--anchor-width) data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-left-2 data-[side=inline-start]:slide-in-from-right-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 *:data-[slot=input-group]:m-1 *:data-[slot=input-group]:mb-0 *:data-[slot=input-group]:h-8 *:data-[slot=input-group]:border-input/30 *:data-[slot=input-group]:bg-input/30 *:data-[slot=input-group]:shadow-none data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95", className),
-			...props
-		})
-	}) });
-}
-function ComboboxList({ className, ...props }) {
-	return /* @__PURE__ */ jsx(Combobox$1.List, {
-		"data-slot": "combobox-list",
-		className: cn("no-scrollbar max-h-[min(calc(--spacing(72)---spacing(9)),calc(var(--available-height)---spacing(9)))] scroll-py-1 overflow-y-auto overscroll-contain p-1 data-empty:p-0", className),
-		...props
-	});
-}
-function ComboboxItem({ className, children, ...props }) {
-	return /* @__PURE__ */ jsxs(Combobox$1.Item, {
-		"data-slot": "combobox-item",
-		className: cn("relative flex w-full cursor-default items-center gap-2 rounded-md py-1 pr-8 pl-1.5 text-sm outline-hidden select-none data-highlighted:bg-accent data-highlighted:text-accent-foreground not-data-[variant=destructive]:data-highlighted:**:text-accent-foreground data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
-		...props,
-		children: [children, /* @__PURE__ */ jsx(Combobox$1.ItemIndicator, {
-			render: /* @__PURE__ */ jsx("span", { className: "pointer-events-none absolute right-2 flex size-4 items-center justify-center" }),
-			children: /* @__PURE__ */ jsx("svg", {
-				xmlns: "http://www.w3.org/2000/svg",
-				viewBox: "0 0 24 24",
-				fill: "none",
-				stroke: "currentColor",
-				strokeWidth: "2",
-				strokeLinecap: "round",
-				strokeLinejoin: "round",
-				className: "pointer-events-none",
-				"aria-hidden": "true",
-				children: /* @__PURE__ */ jsx("path", { d: "M20 6 9 17l-5-5" })
-			})
-		})]
-	});
-}
-function ComboboxGroup({ className, ...props }) {
-	return /* @__PURE__ */ jsx(Combobox$1.Group, {
-		"data-slot": "combobox-group",
-		className: cn(className),
-		...props
-	});
-}
-function ComboboxLabel({ className, ...props }) {
-	return /* @__PURE__ */ jsx(Combobox$1.GroupLabel, {
-		"data-slot": "combobox-label",
-		className: cn("px-2 py-1.5 text-xs text-muted-foreground", className),
-		...props
-	});
-}
-function ComboboxCollection({ ...props }) {
-	return /* @__PURE__ */ jsx(Combobox$1.Collection, {
-		"data-slot": "combobox-collection",
-		...props
-	});
-}
-function ComboboxEmpty({ className, ...props }) {
-	return /* @__PURE__ */ jsx(Combobox$1.Empty, {
-		"data-slot": "combobox-empty",
-		className: cn("hidden w-full justify-center py-2 text-center text-sm text-muted-foreground group-data-empty/combobox-content:flex", className),
-		...props
-	});
-}
-function ComboboxSeparator({ className, ...props }) {
-	return /* @__PURE__ */ jsx(Combobox$1.Separator, {
-		"data-slot": "combobox-separator",
-		className: cn("-mx-1 my-1 h-px bg-border", className),
-		...props
-	});
-}
-function ComboboxChips({ className, ...props }) {
-	return /* @__PURE__ */ jsx(Combobox$1.Chips, {
-		"data-slot": "combobox-chips",
-		className: cn("flex min-h-8 flex-wrap items-center gap-1 rounded-lg border border-input bg-transparent bg-clip-padding px-2.5 py-1 text-sm transition-colors focus-within:border-ring focus-within:ring-3 focus-within:ring-ring/50 has-aria-invalid:border-destructive has-aria-invalid:ring-3 has-aria-invalid:ring-destructive/20 has-data-[slot=combobox-chip]:px-1 dark:bg-input/30 dark:has-aria-invalid:border-destructive/50 dark:has-aria-invalid:ring-destructive/40", className),
-		...props
-	});
-}
-function ComboboxChip({ className, children, showRemove = true, removeLabel = typeof children === "string" ? `Remove ${children}` : "Remove", ...props }) {
-	return /* @__PURE__ */ jsxs(Combobox$1.Chip, {
-		"data-slot": "combobox-chip",
-		className: cn("flex h-[calc(--spacing(5.25))] w-fit items-center justify-center gap-1 rounded-sm bg-muted px-1.5 text-xs font-medium whitespace-nowrap text-foreground has-disabled:pointer-events-none has-disabled:cursor-not-allowed has-disabled:opacity-50 has-data-[slot=combobox-chip-remove]:pr-0", className),
-		...props,
-		children: [children, showRemove && /* @__PURE__ */ jsx(Combobox$1.ChipRemove, {
-			render: /* @__PURE__ */ jsx(Button, {
-				variant: "ghost",
-				size: "icon-xs"
-			}),
-			className: "-ml-1 opacity-50 hover:opacity-100",
-			"data-slot": "combobox-chip-remove",
-			"aria-label": removeLabel,
-			children: /* @__PURE__ */ jsxs("svg", {
-				xmlns: "http://www.w3.org/2000/svg",
-				viewBox: "0 0 24 24",
-				fill: "none",
-				stroke: "currentColor",
-				strokeWidth: "2",
-				strokeLinecap: "round",
-				strokeLinejoin: "round",
-				className: "pointer-events-none",
-				"aria-hidden": "true",
-				children: [/* @__PURE__ */ jsx("path", { d: "M18 6 6 18" }), /* @__PURE__ */ jsx("path", { d: "m6 6 12 12" })]
-			})
-		})]
-	});
-}
-function ComboboxChipsInput({ className, ...props }) {
-	return /* @__PURE__ */ jsx(Combobox$1.Input, {
-		"data-slot": "combobox-chip-input",
-		className: cn("min-w-16 flex-1 outline-none", className),
-		...props
-	});
-}
-function useComboboxAnchor() {
-	return React.useRef(null);
-}
-// src/dialog/dialog.tsx
-function Dialog({ onOpenChange, ...props }) {
-	const cue = useCue("dialog");
-	return /* @__PURE__ */ jsx(Dialog$1.Root, {
-		"data-slot": "dialog",
-		onOpenChange: (open, details) => {
-			onOpenChange?.(open, details);
-			if (!details.isCanceled) cue(open ? "open" : "close");
-		},
-		...props
-	});
-}
-function DialogTrigger({ ...props }) {
-	return /* @__PURE__ */ jsx(Dialog$1.Trigger, {
-		"data-slot": "dialog-trigger",
-		...props
-	});
-}
-function DialogPortal({ ...props }) {
-	return /* @__PURE__ */ jsx(Dialog$1.Portal, {
-		"data-slot": "dialog-portal",
-		...props
-	});
-}
-function DialogClose({ ...props }) {
-	return /* @__PURE__ */ jsx(Dialog$1.Close, {
-		"data-slot": "dialog-close",
-		...props
-	});
-}
-function DialogOverlay({ className, ...props }) {
-	return /* @__PURE__ */ jsx(Dialog$1.Backdrop, {
-		"data-slot": "dialog-overlay",
-		className: cn("fixed inset-0 isolate z-50 bg-black/10 duration-100 supports-backdrop-filter:backdrop-blur-xs data-open:animate-in data-open:fade-in-0 data-closed:animate-out data-closed:fade-out-0", className),
-		...props
-	});
-}
-function 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 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__ */ jsxs("svg", {
-				xmlns: "http://www.w3.org/2000/svg",
-				viewBox: "0 0 24 24",
-				fill: "none",
-				stroke: "currentColor",
-				strokeWidth: "2",
-				strokeLinecap: "round",
-				strokeLinejoin: "round",
-				"aria-hidden": "true",
-				children: [/* @__PURE__ */ jsx("path", { d: "M18 6 6 18" }), /* @__PURE__ */ jsx("path", { d: "m6 6 12 12" })]
-			}), /* @__PURE__ */ jsx("span", {
-				className: "sr-only",
-				children: "Close"
-			})]
-		})]
-	})] });
-}
-function DialogHeader({ className, ...props }) {
-	return /* @__PURE__ */ jsx("div", {
-		"data-slot": "dialog-header",
-		className: cn("flex flex-col gap-2", className),
-		...props
-	});
-}
-function DialogFooter({ className, showCloseButton = false, children, ...props }) {
-	return /* @__PURE__ */ jsxs("div", {
-		"data-slot": "dialog-footer",
-		className: cn("-mx-4 -mb-4 flex flex-col-reverse gap-2 rounded-b-xl border-t bg-muted/50 p-4 sm:flex-row sm:justify-end", className),
-		...props,
-		children: [children, showCloseButton && /* @__PURE__ */ jsx(Dialog$1.Close, {
-			render: /* @__PURE__ */ jsx(Button, { variant: "outline" }),
-			children: "Close"
-		})]
-	});
-}
-function DialogTitle({ className, ...props }) {
-	return /* @__PURE__ */ jsx(Dialog$1.Title, {
-		"data-slot": "dialog-title",
-		className: cn("cn-font-heading text-base leading-none font-medium", className),
-		...props
-	});
-}
-function DialogDescription({ className, ...props }) {
-	return /* @__PURE__ */ jsx(Dialog$1.Description, {
-		"data-slot": "dialog-description",
-		className: cn("text-sm text-muted-foreground *:[a]:underline *:[a]:underline-offset-3 *:[a]:hover:text-foreground", className),
-		...props
-	});
-}
-// src/command/command.tsx
-function 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
-	});
-}
-function CommandDialog({ title = "Command Palette", description = "Search for a command to run...", children, className, showCloseButton = false, ...props }) {
-	return /* @__PURE__ */ jsx(SoundSilence, { children: /* @__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
-		})]
-	}) });
-}
-function CommandInput({ className, ...props }) {
-	return /* @__PURE__ */ jsx("div", {
-		"data-slot": "command-input-wrapper",
-		className: "p-1 pb-0",
-		children: /* @__PURE__ */ jsxs(InputGroup, {
-			className: "h-8! rounded-lg! border-input/30 bg-input/30 shadow-none! *:data-[slot=input-group-addon]:pl-2!",
-			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__ */ jsxs("svg", {
-				xmlns: "http://www.w3.org/2000/svg",
-				viewBox: "0 0 24 24",
-				fill: "none",
-				stroke: "currentColor",
-				strokeWidth: "2",
-				strokeLinecap: "round",
-				strokeLinejoin: "round",
-				className: "size-4 shrink-0 opacity-50",
-				"aria-hidden": "true",
-				children: [/* @__PURE__ */ jsx("path", { d: "m21 21-4.34-4.34" }), /* @__PURE__ */ jsx("circle", {
-					cx: "11",
-					cy: "11",
-					r: "8"
-				})]
-			}) })]
-		})
-	});
-}
-function CommandList({ className, ...props }) {
-	return /* @__PURE__ */ jsx(Command$1.List, {
-		"data-slot": "command-list",
-		className: cn("no-scrollbar max-h-72 scroll-py-1 overflow-x-hidden overflow-y-auto outline-none", className),
-		...props
-	});
-}
-function CommandEmpty({ className, ...props }) {
-	return /* @__PURE__ */ jsx(Command$1.Empty, {
-		"data-slot": "command-empty",
-		className: cn("py-6 text-center text-sm", className),
-		...props
-	});
-}
-function 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
-	});
-}
-function CommandSeparator({ className, alwaysRender, ...props }) {
-	if (useCommandState((state) => state.search !== "") && !alwaysRender) return null;
-	return /* @__PURE__ */ jsx("div", {
-		role: "none",
-		"cmdk-separator": "",
-		"data-slot": "command-separator",
-		className: cn("-mx-1 h-px bg-border", className),
-		...props
-	});
-}
-function CommandItem({ className, children, ...props }) {
-	return /* @__PURE__ */ jsxs(Command$1.Item, {
-		"data-slot": "command-item",
-		className: cn("group/command-item relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none in-data-[slot=dialog-content]:rounded-lg! data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 data-selected:bg-muted data-selected:text-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 data-selected:*:[svg]:text-foreground", className),
-		...props,
-		children: [children, /* @__PURE__ */ jsx("svg", {
-			xmlns: "http://www.w3.org/2000/svg",
-			viewBox: "0 0 24 24",
-			fill: "none",
-			stroke: "currentColor",
-			strokeWidth: "2",
-			strokeLinecap: "round",
-			strokeLinejoin: "round",
-			className: "ml-auto opacity-0 group-has-data-[slot=command-shortcut]/command-item:hidden group-data-[checked=true]/command-item:opacity-100",
-			"aria-hidden": "true",
-			children: /* @__PURE__ */ jsx("path", { d: "M20 6 9 17l-5-5" })
-		})]
-	});
-}
-function 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
-	});
-}
-// src/context-menu/context-menu.tsx
-function ContextMenu({ ...props }) {
-	return /* @__PURE__ */ jsx(ContextMenu$1.Root, {
-		"data-slot": "context-menu",
-		...props
-	});
-}
-function ContextMenuPortal({ ...props }) {
-	return /* @__PURE__ */ jsx(ContextMenu$1.Portal, {
-		"data-slot": "context-menu-portal",
-		...props
-	});
-}
-function ContextMenuTrigger({ className, ...props }) {
-	return /* @__PURE__ */ jsx(ContextMenu$1.Trigger, {
-		"data-slot": "context-menu-trigger",
-		className: cn("select-none", className),
-		...props
-	});
-}
-function 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("cn-menu-target cn-menu-translucent 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", className),
-			...props
-		})
-	}) });
-}
-function ContextMenuGroup({ ...props }) {
-	return /* @__PURE__ */ jsx(ContextMenu$1.Group, {
-		"data-slot": "context-menu-group",
-		...props
-	});
-}
-function 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:pl-7", className),
-		...props
-	});
-}
-function 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: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
-	});
-}
-function ContextMenuSub({ ...props }) {
-	return /* @__PURE__ */ jsx(ContextMenu$1.SubmenuRoot, {
-		"data-slot": "context-menu-sub",
-		...props
-	});
-}
-function 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: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("svg", {
-			xmlns: "http://www.w3.org/2000/svg",
-			viewBox: "0 0 24 24",
-			fill: "none",
-			stroke: "currentColor",
-			strokeWidth: "2",
-			strokeLinecap: "round",
-			strokeLinejoin: "round",
-			className: "cn-rtl-flip ml-auto",
-			"aria-hidden": "true",
-			children: /* @__PURE__ */ jsx("path", { d: "m9 18 6-6-6-6" })
-		})]
-	});
-}
-function ContextMenuSubContent({ ...props }) {
-	return /* @__PURE__ */ jsx(ContextMenuContent, {
-		"data-slot": "context-menu-sub-content",
-		className: "cn-menu-target cn-menu-translucent shadow-lg",
-		side: "right",
-		...props
-	});
-}
-function ContextMenuCheckboxItem({ className, children, checked, inset, onCheckedChange, ...props }) {
-	const cue = useCue("context-menu");
-	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: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,
-		onCheckedChange: (next, details) => {
-			onCheckedChange?.(next, details);
-			if (!details.isCanceled) cue("check");
-		},
-		...props,
-		children: [/* @__PURE__ */ jsx("span", {
-			className: "pointer-events-none absolute right-2",
-			children: /* @__PURE__ */ jsx(ContextMenu$1.CheckboxItemIndicator, { children: /* @__PURE__ */ jsx("svg", {
-				xmlns: "http://www.w3.org/2000/svg",
-				viewBox: "0 0 24 24",
-				fill: "none",
-				stroke: "currentColor",
-				strokeWidth: "2",
-				strokeLinecap: "round",
-				strokeLinejoin: "round",
-				"aria-hidden": "true",
-				children: /* @__PURE__ */ jsx("path", { d: "M20 6 9 17l-5-5" })
-			}) })
-		}), children]
-	});
-}
-function ContextMenuRadioGroup({ onValueChange, ...props }) {
-	const cue = useCue("context-menu");
-	return /* @__PURE__ */ jsx(ContextMenu$1.RadioGroup, {
-		"data-slot": "context-menu-radio-group",
-		onValueChange: (value, details) => {
-			onValueChange?.(value, details);
-			if (!details.isCanceled) cue("check");
-		},
-		...props
-	});
-}
-function 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: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("svg", {
-				xmlns: "http://www.w3.org/2000/svg",
-				viewBox: "0 0 24 24",
-				fill: "none",
-				stroke: "currentColor",
-				strokeWidth: "2",
-				strokeLinecap: "round",
-				strokeLinejoin: "round",
-				"aria-hidden": "true",
-				children: /* @__PURE__ */ jsx("path", { d: "M20 6 9 17l-5-5" })
-			}) })
-		}), children]
-	});
-}
-function 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
-	});
-}
-function 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
-	});
-}
-// src/drawer/drawer.tsx
-const DrawerContext = React.createContext(null);
-function useDrawer() {
-	const context = React.useContext(DrawerContext);
-	if (!context) throw new Error("useDrawer must be used within a Drawer.");
-	return context;
-}
-function Drawer({ modal = true, showSwipeHandle = false, snapPoints, swipeDirection = "down", onOpenChange, onSnapPointChange, ...props }) {
-	const hasSnapPoints = snapPoints != null && snapPoints.length > 0;
-	const cue = useCue("drawer");
-	const closing = React.useRef(false);
-	const contextValue = React.useMemo(() => ({
-		hasSnapPoints,
-		modal,
-		showSwipeHandle,
-		swipeDirection
-	}), [
-		hasSnapPoints,
-		modal,
-		showSwipeHandle,
-		swipeDirection
-	]);
-	return /* @__PURE__ */ jsx(DrawerContext.Provider, {
-		value: contextValue,
-		children: /* @__PURE__ */ jsx(Drawer$1.Root, {
-			"data-slot": "drawer",
-			modal,
-			snapPoints,
-			swipeDirection,
-			onOpenChange: (open, details) => {
-				onOpenChange?.(open, details);
-				if (details.isCanceled) return;
-				closing.current = !open;
-				cue(open ? "open" : "close");
-			},
-			onSnapPointChange: (snapPoint, details) => {
-				onSnapPointChange?.(snapPoint, details);
-				if (!details.isCanceled && snapPoint != null && !closing.current) cue("snap");
-			},
-			...props
-		})
-	});
-}
-function DrawerTrigger({ ...props }) {
-	return /* @__PURE__ */ jsx(Drawer$1.Trigger, {
-		"data-slot": "drawer-trigger",
-		...props
-	});
-}
-function DrawerPortal({ ...props }) {
-	return /* @__PURE__ */ jsx(Drawer$1.Portal, {
-		"data-slot": "drawer-portal",
-		...props
-	});
-}
-function DrawerClose({ ...props }) {
-	return /* @__PURE__ */ jsx(Drawer$1.Close, {
-		"data-slot": "drawer-close",
-		...props
-	});
-}
-function DrawerOverlay({ className, ...props }) {
-	return /* @__PURE__ */ jsx(Drawer$1.Backdrop, {
-		"data-slot": "drawer-overlay",
-		className: cn("fixed inset-0 z-50 min-h-dvh bg-black/10 opacity-[max(var(--drawer-overlay-min-opacity,0),calc(1-var(--drawer-swipe-progress)))] transition-opacity duration-450 ease-[cubic-bezier(0.32,0.72,0,1)] select-none data-ending-style:pointer-events-none data-ending-style:opacity-0 data-ending-style:duration-[calc(var(--drawer-swipe-strength)*400ms)] data-snap-points:[--drawer-overlay-min-opacity:0.5] data-starting-style:opacity-0 data-swiping:duration-0 supports-backdrop-filter:backdrop-blur-xs supports-[-webkit-touch-callout:none]:absolute", className),
-		...props
-	});
-}
-function DrawerSwipeHandle({ className, ...props }) {
-	return /* @__PURE__ */ jsx("div", {
-		"data-slot": "drawer-swipe-handle",
-		"aria-hidden": "true",
-		className: cn("relative z-10 flex shrink-0 cursor-grab transition-opacity duration-200 group-data-nested-drawer-open/drawer-popup:opacity-0 group-data-nested-drawer-swiping/drawer-popup:opacity-100 group-data-[swipe-axis=x]/drawer-popup:h-full group-data-[swipe-axis=x]/drawer-popup:w-3 group-data-[swipe-axis=x]/drawer-popup:items-center group-data-[swipe-axis=y]/drawer-popup:h-3 group-data-[swipe-axis=y]/drawer-popup:w-full group-data-[swipe-axis=y]/drawer-popup:justify-center group-data-[swipe-direction=down]/drawer-popup:items-end group-data-[swipe-direction=left]/drawer-popup:order-last group-data-[swipe-direction=left]/drawer-popup:justify-start group-data-[swipe-direction=right]/drawer-popup:justify-end group-data-[swipe-direction=up]/drawer-popup:order-last group-data-[swipe-direction=up]/drawer-popup:items-start after:block after:shrink-0 after:rounded-full after:bg-muted group-data-[swipe-axis=x]/drawer-popup:after:h-24 group-data-[swipe-axis=x]/drawer-popup:after:w-1 group-data-[swipe-axis=y]/drawer-popup:after:h-1 group-data-[swipe-axis=y]/drawer-popup:after:w-24 active:cursor-grabbing", className),
-		...props
-	});
-}
-function DrawerContent({ className, children, ...props }) {
-	const { hasSnapPoints, modal, showSwipeHandle, swipeDirection } = useDrawer();
-	const swipeAxis = swipeDirection === "down" || swipeDirection === "up" ? "y" : "x";
-	return /* @__PURE__ */ jsxs(DrawerPortal, {
-		"data-slot": "drawer-portal",
-		children: [modal === true && /* @__PURE__ */ jsx(DrawerOverlay, { "data-snap-points": hasSnapPoints ? "" : void 0 }), /* @__PURE__ */ jsx(Drawer$1.Viewport, {
-			"data-slot": "drawer-viewport",
-			"data-modal": modal,
-			className: "pointer-events-none fixed inset-0 z-50 select-none data-[modal=true]:pointer-events-auto",
-			children: /* @__PURE__ */ jsxs(Drawer$1.Popup, {
-				"data-slot": "drawer-popup",
-				"data-swipe-axis": swipeAxis,
-				"data-snap-points": hasSnapPoints ? "" : void 0,
-				className: cn("group/drawer-popup pointer-events-auto fixed z-50 m-(--drawer-inset,0px) flex h-(--drawer-content-height) max-h-(--drawer-content-max-height,none) min-h-0 w-(--drawer-content-width,auto) transform-[translate3d(var(--translate-x,0px),var(--translate-y,0px),0)_scale(var(--stack-scale))] flex-col bg-popover text-sm text-popover-foreground transition-[transform,height,opacity,filter] duration-450 ease-[cubic-bezier(0.22,1,0.36,1)] will-change-transform outline-none select-none [interpolate-size:allow-keywords] data-[swipe-direction=down]:rounded-t-xl data-[swipe-direction=down]:border-t data-[swipe-direction=left]:rounded-r-xl data-[swipe-direction=left]:border-r data-[swipe-direction=right]:rounded-l-xl data-[swipe-direction=right]:border-l data-[swipe-direction=up]:rounded-b-xl data-[swipe-direction=up]:border-b", "data-nested-drawer-open:overflow-hidden data-nested-drawer-open:brightness-95", "after:pointer-events-none after:absolute after:bg-(--drawer-bleed-background,var(--color-popover)) data-[swipe-axis=x]:after:inset-y-0 data-[swipe-axis=x]:after:w-(--bleed) data-[swipe-axis=y]:after:inset-x-0 data-[swipe-axis=y]:after:h-(--bleed) data-[swipe-direction=down]:after:top-full data-[swipe-direction=left]:after:right-full data-[swipe-direction=right]:after:left-full data-[swipe-direction=up]:after:bottom-full", "[--drawer-content-height:var(--drawer-height,auto)] data-[swipe-axis=x]:[--drawer-content-width:75%] data-[swipe-axis=y]:[--drawer-content-max-height:calc(100dvh-6rem)] data-[swipe-axis=y]:data-snap-points:[--drawer-content-height:100dvh] data-[swipe-axis=x]:sm:[--drawer-content-width:24rem]", "[--bleed:3rem] [--peek:1rem] [--stack-height:var(--drawer-frontmost-height,var(--drawer-height,0px))] [--stack-peek-offset:max(0px,calc((var(--nested-drawers)-var(--stack-progress))*var(--peek)))] [--stack-progress:clamp(0,var(--drawer-swipe-progress),1)] [--stack-scale-base:max(0,calc(1-(var(--nested-drawers)*var(--stack-step))))] [--stack-scale:clamp(0,calc(var(--stack-scale-base)+(var(--stack-step)*var(--stack-progress))),1)] [--stack-shrink:calc(1-var(--stack-scale))] [--stack-step:0.05]", "data-ending-style:transform-(--closed-transform) data-ending-style:opacity-[0.9999] data-ending-style:duration-[calc(var(--drawer-swipe-strength)*400ms)] data-nested-drawer-swiping:duration-0 data-ending-style:data-nested-drawer-swiping:duration-[calc(var(--drawer-swipe-strength)*400ms)] data-starting-style:transform-(--closed-transform) data-swiping:duration-0 data-ending-style:data-swiping:duration-[calc(var(--drawer-swipe-strength)*400ms)]", "data-[swipe-axis=y]:inset-x-0 data-[swipe-axis=y]:data-nested-drawer-open:h-(--stack-height)", "data-[swipe-axis=x]:inset-y-0 data-[swipe-axis=x]:flex-row", "data-[swipe-direction=down]:bottom-0 data-[swipe-direction=down]:origin-bottom data-[swipe-direction=down]:[--closed-transform:translate3d(0,calc(100%+var(--drawer-inset,0px)+2px),0)] data-[swipe-direction=down]:[--translate-y:calc(var(--drawer-snap-point-offset,0px)+var(--drawer-swipe-movement-y)-var(--stack-peek-offset)-(var(--stack-shrink)*var(--stack-height)))]", "data-[swipe-direction=up]:top-0 data-[swipe-direction=up]:origin-top data-[swipe-direction=up]:[--closed-transform:translate3d(0,calc(-100%-var(--drawer-inset,0px)-2px),0)] data-[swipe-direction=up]:[--translate-y:calc(var(--drawer-snap-point-offset,0px)+var(--drawer-swipe-movement-y)+var(--stack-peek-offset)+(var(--stack-shrink)*var(--stack-height)))]", "data-[swipe-direction=left]:left-0 data-[swipe-direction=left]:origin-left data-[swipe-direction=left]:[--closed-transform:translate3d(calc(-100%-var(--drawer-inset,0px)-2px),0,0)] data-[swipe-direction=left]:[--translate-x:calc(var(--drawer-swipe-movement-x)+var(--stack-peek-offset)+(var(--stack-shrink)*100%))]", "data-[swipe-direction=right]:right-0 data-[swipe-direction=right]:origin-right data-[swipe-direction=right]:[--closed-transform:translate3d(calc(100%+var(--drawer-inset,0px)+2px),0,0)] data-[swipe-direction=right]:[--translate-x:calc(var(--drawer-swipe-movement-x)-var(--stack-peek-offset)-(var(--stack-shrink)*100%))]", className),
-				...props,
-				children: [showSwipeHandle && /* @__PURE__ */ jsx(DrawerSwipeHandle, {}), /* @__PURE__ */ jsx(Drawer$1.Content, {
-					"data-slot": "drawer-content",
-					className: cn("flex min-h-0 flex-1 flex-col overflow-hidden overscroll-contain rounded-[inherit] transition-opacity duration-300 ease-[cubic-bezier(0.45,1.005,0,1.005)] select-text group-data-nested-drawer-open/drawer-popup:opacity-0 group-data-nested-drawer-swiping/drawer-popup:opacity-100 group-data-swiping/drawer-popup:select-none"),
-					children
-				})]
-			})
-		})]
-	});
-}
-function DrawerHeader({ className, ...props }) {
-	return /* @__PURE__ */ jsx("div", {
-		"data-slot": "drawer-header",
-		className: cn("flex shrink-0 flex-col gap-0.5 p-4 pb-0 group-data-[swipe-axis=y]/drawer-popup:text-center md:gap-0.5 md:text-left", className),
-		...props
-	});
-}
-function DrawerFooter({ className, ...props }) {
-	return /* @__PURE__ */ jsx("div", {
-		"data-slot": "drawer-footer",
-		className: cn("mt-auto flex shrink-0 flex-col gap-2 p-4 pt-0", className),
-		...props
-	});
-}
-function DrawerTitle({ className, ...props }) {
-	return /* @__PURE__ */ jsx(Drawer$1.Title, {
-		"data-slot": "drawer-title",
-		className: cn("cn-font-heading text-base font-medium text-foreground", className),
-		...props
-	});
-}
-function DrawerDescription({ className, ...props }) {
-	return /* @__PURE__ */ jsx(Drawer$1.Description, {
-		"data-slot": "drawer-description",
-		className: cn("text-sm text-balance text-muted-foreground", className),
-		...props
-	});
-}
-// src/dropdown-menu/dropdown-menu.tsx
-function DropdownMenu({ ...props }) {
-	return /* @__PURE__ */ jsx(Menu.Root, {
-		"data-slot": "dropdown-menu",
-		...props
-	});
-}
-function DropdownMenuPortal({ ...props }) {
-	return /* @__PURE__ */ jsx(Menu.Portal, {
-		"data-slot": "dropdown-menu-portal",
-		...props
-	});
-}
-function DropdownMenuTrigger({ ...props }) {
-	return /* @__PURE__ */ jsx(Menu.Trigger, {
-		"data-slot": "dropdown-menu-trigger",
-		...props
-	});
-}
-function DropdownMenuContent({ align = "start", alignOffset = 0, side = "bottom", sideOffset = 4, className, ...props }) {
-	return /* @__PURE__ */ jsx(Menu.Portal, { children: /* @__PURE__ */ jsx(Menu.Positioner, {
-		className: "isolate z-50 outline-none",
-		align,
-		alignOffset,
-		side,
-		sideOffset,
-		children: /* @__PURE__ */ jsx(Menu.Popup, {
-			"data-slot": "dropdown-menu-content",
-			className: cn("cn-menu-target cn-menu-translucent z-50 max-h-(--available-height) w-(--anchor-width) min-w-32 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:overflow-hidden data-closed:fade-out-0 data-closed:zoom-out-95", className),
-			...props
-		})
-	}) });
-}
-function DropdownMenuGroup({ ...props }) {
-	return /* @__PURE__ */ jsx(Menu.Group, {
-		"data-slot": "dropdown-menu-group",
-		...props
-	});
-}
-function DropdownMenuLabel({ className, inset, ...props }) {
-	return /* @__PURE__ */ jsx(Menu.GroupLabel, {
-		"data-slot": "dropdown-menu-label",
-		"data-inset": inset,
-		className: cn("px-1.5 py-1 text-xs font-medium text-muted-foreground data-inset:pl-7", className),
-		...props
-	});
-}
-function DropdownMenuItem({ className, inset, variant = "default", ...props }) {
-	return /* @__PURE__ */ jsx(Menu.Item, {
-		"data-slot": "dropdown-menu-item",
-		"data-inset": inset,
-		"data-variant": variant,
-		className: cn("group/dropdown-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 not-data-[variant=destructive]:focus:**:text-accent-foreground data-inset: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 data-[variant=destructive]:*:[svg]:text-destructive", className),
-		...props
-	});
-}
-function DropdownMenuSub({ ...props }) {
-	return /* @__PURE__ */ jsx(Menu.SubmenuRoot, {
-		"data-slot": "dropdown-menu-sub",
-		...props
-	});
-}
-function DropdownMenuSubTrigger({ className, inset, children, ...props }) {
-	return /* @__PURE__ */ jsxs(Menu.SubmenuTrigger, {
-		"data-slot": "dropdown-menu-sub-trigger",
-		"data-inset": inset,
-		className: cn("flex cursor-default items-center gap-1.5 rounded-md px-1.5 py-1 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground data-inset: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("svg", {
-			xmlns: "http://www.w3.org/2000/svg",
-			viewBox: "0 0 24 24",
-			fill: "none",
-			stroke: "currentColor",
-			strokeWidth: "2",
-			strokeLinecap: "round",
-			strokeLinejoin: "round",
-			className: "cn-rtl-flip ml-auto",
-			"aria-hidden": "true",
-			children: /* @__PURE__ */ jsx("path", { d: "m9 18 6-6-6-6" })
-		})]
-	});
-}
-function DropdownMenuSubContent({ align = "start", alignOffset = -3, side = "right", sideOffset = 0, className, ...props }) {
-	return /* @__PURE__ */ jsx(DropdownMenuContent, {
-		"data-slot": "dropdown-menu-sub-content",
-		className: cn("cn-menu-target cn-menu-translucent w-auto min-w-[96px] 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", className),
-		align,
-		alignOffset,
-		side,
-		sideOffset,
-		...props
-	});
-}
-function DropdownMenuCheckboxItem({ className, children, checked, inset, onCheckedChange, ...props }) {
-	const cue = useCue("dropdown-menu");
-	return /* @__PURE__ */ jsxs(Menu.CheckboxItem, {
-		"data-slot": "dropdown-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 focus:**:text-accent-foreground data-inset: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,
-		onCheckedChange: (next, details) => {
-			onCheckedChange?.(next, details);
-			if (!details.isCanceled) cue("check");
-		},
-		...props,
-		children: [/* @__PURE__ */ jsx("span", {
-			className: "pointer-events-none absolute right-2 flex items-center justify-center",
-			"data-slot": "dropdown-menu-checkbox-item-indicator",
-			children: /* @__PURE__ */ jsx(Menu.CheckboxItemIndicator, { children: /* @__PURE__ */ jsx("svg", {
-				xmlns: "http://www.w3.org/2000/svg",
-				viewBox: "0 0 24 24",
-				fill: "none",
-				stroke: "currentColor",
-				strokeWidth: "2",
-				strokeLinecap: "round",
-				strokeLinejoin: "round",
-				"aria-hidden": "true",
-				children: /* @__PURE__ */ jsx("path", { d: "M20 6 9 17l-5-5" })
-			}) })
-		}), children]
-	});
-}
-function DropdownMenuRadioGroup({ onValueChange, ...props }) {
-	const cue = useCue("dropdown-menu");
-	return /* @__PURE__ */ jsx(Menu.RadioGroup, {
-		"data-slot": "dropdown-menu-radio-group",
-		onValueChange: (value, details) => {
-			onValueChange?.(value, details);
-			if (!details.isCanceled) cue("check");
-		},
-		...props
-	});
-}
-function DropdownMenuRadioItem({ className, children, inset, ...props }) {
-	return /* @__PURE__ */ jsxs(Menu.RadioItem, {
-		"data-slot": "dropdown-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 focus:**:text-accent-foreground data-inset: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 flex items-center justify-center",
-			"data-slot": "dropdown-menu-radio-item-indicator",
-			children: /* @__PURE__ */ jsx(Menu.RadioItemIndicator, { children: /* @__PURE__ */ jsx("svg", {
-				xmlns: "http://www.w3.org/2000/svg",
-				viewBox: "0 0 24 24",
-				fill: "none",
-				stroke: "currentColor",
-				strokeWidth: "2",
-				strokeLinecap: "round",
-				strokeLinejoin: "round",
-				"aria-hidden": "true",
-				children: /* @__PURE__ */ jsx("path", { d: "M20 6 9 17l-5-5" })
-			}) })
-		}), children]
-	});
-}
-function DropdownMenuSeparator({ className, ...props }) {
-	return /* @__PURE__ */ jsx(Menu.Separator, {
-		"data-slot": "dropdown-menu-separator",
-		className: cn("-mx-1 my-1 h-px bg-border", className),
-		...props
-	});
-}
-function DropdownMenuShortcut({ className, ...props }) {
-	return /* @__PURE__ */ jsx("span", {
-		"data-slot": "dropdown-menu-shortcut",
-		className: cn("ml-auto text-xs tracking-widest text-muted-foreground group-focus/dropdown-menu-item:text-accent-foreground", className),
-		...props
-	});
-}
-// src/empty/empty.tsx
-function Empty({ className, ...props }) {
-	return /* @__PURE__ */ jsx("div", {
-		"data-slot": "empty",
-		className: cn("il-host 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
-	});
-}
-function 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
-	});
-}
-const 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",
-		illustration: "bg-transparent data-[size=lg]:size-60 data-[size=md]:size-42 data-[size=sm]:size-30 [&_svg]:size-full"
-	} },
-	defaultVariants: { variant: "default" }
-});
-const EmptyIllustrationContext = React.createContext(null);
-/**
-* The options of the `EmptyMedia variant="illustration"` around an illustration, or null outside
-* one. Illustration components (`@nsaa/illustrations`) read it to pick their projection; the
-* variant classes sit on the media itself (#125).
-*/
-function useEmptyIllustration() {
-	return React.useContext(EmptyIllustrationContext);
-}
-/** The engine's variant classes for these options. They work from an ancestor of `.il` (#125). */
-function illustrationClasses({ appearance, lines, backdrop }) {
-	return cn(appearance === "filled" && "il--filled", lines === "brand" && "il--brand", backdrop === "floor" && "il--floor", backdrop === "grid" && "il--grid");
-}
-function EmptyMedia({ className, variant = "default", size = "md", appearance = "outlined", lines = "ink", backdrop = "none", projection = "isometric", children, ...props }) {
-	const illustration = variant === "illustration";
-	const options = React.useMemo(() => ({
-		appearance,
-		lines,
-		backdrop,
-		projection
-	}), [
-		appearance,
-		lines,
-		backdrop,
-		projection
-	]);
-	return /* @__PURE__ */ jsx("div", {
-		"data-slot": "empty-icon",
-		"data-variant": variant,
-		"data-size": illustration ? size : void 0,
-		"data-projection": illustration ? projection : void 0,
-		className: cn(emptyMediaVariants({ variant }), illustration && illustrationClasses(options), className),
-		...props,
-		children: illustration ? /* @__PURE__ */ jsx(EmptyIllustrationContext.Provider, {
-			value: options,
-			children
-		}) : children
-	});
-}
-/** A div by default (base-nova); `render={<h2 />}` when the title heads a region. */
-function EmptyTitle({ className, render, ...props }) {
-	return useRender({
-		defaultTagName: "div",
-		props: mergeProps({ className: cn("cn-font-heading text-label-heading", className) }, props),
-		render,
-		state: { slot: "empty-title" }
-	});
-}
-function EmptyDescription({ className, ...props }) {
-	return /* @__PURE__ */ jsx("div", {
-		"data-slot": "empty-description",
-		className: cn("text-body-sm-loose text-muted-foreground [&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary", className),
-		...props
-	});
-}
-function EmptyContent({ className, ...props }) {
-	return /* @__PURE__ */ jsx("div", {
-		"data-slot": "empty-content",
-		className: cn("flex w-full max-w-sm min-w-0 flex-col items-center gap-2.5 text-sm text-balance", className),
-		...props
-	});
-}
-// src/label/label.tsx
-function 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 peer-data-disabled:cursor-not-allowed peer-data-disabled:opacity-50", className),
-		...props
-	});
-}
-// src/separator/separator.tsx
-function Separator({ className, orientation = "horizontal", ...props }) {
-	return /* @__PURE__ */ jsx(Separator$1, {
-		"data-slot": "separator",
-		orientation,
-		className: cn("shrink-0 bg-border data-horizontal:h-px data-horizontal:w-full data-vertical:w-px data-vertical:self-stretch", className),
-		...props
-	});
-}
-// src/field/field.tsx
-function FieldSet({ className, ...props }) {
-	return /* @__PURE__ */ jsx("fieldset", {
-		"data-slot": "field-set",
-		className: cn("flex flex-col gap-4 has-[>[data-slot=checkbox-group]]:gap-3 has-[>[data-slot=radio-group]]:gap-3", className),
-		...props
-	});
-}
-function FieldLegend({ className, variant = "legend", ...props }) {
-	return /* @__PURE__ */ jsx("legend", {
-		"data-slot": "field-legend",
-		"data-variant": variant,
-		className: cn("mb-1.5 font-medium data-[variant=label]:text-sm data-[variant=legend]:text-base", className),
-		...props
-	});
-}
-function FieldGroup({ className, ...props }) {
-	return /* @__PURE__ */ jsx("div", {
-		"data-slot": "field-group",
-		className: cn("group/field-group @container/field-group flex w-full flex-col gap-5 data-[slot=checkbox-group]:gap-3 *:data-[slot=field-group]:gap-4", className),
-		...props
-	});
-}
-const fieldVariants = cva("group/field flex w-full gap-2 data-[invalid=true]:text-destructive", {
-	variants: { orientation: {
-		vertical: "flex-col *:w-full [&>.sr-only]:w-auto",
-		horizontal: "flex-row items-center has-[>[data-slot=field-content]]:items-start *:data-[slot=field-label]:flex-auto has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px",
-		responsive: "flex-col *:w-full @md/field-group:flex-row @md/field-group:items-center @md/field-group:*:w-auto @md/field-group:has-[>[data-slot=field-content]]:items-start @md/field-group:*:data-[slot=field-label]:flex-auto [&>.sr-only]:w-auto @md/field-group:has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px"
-	} },
-	defaultVariants: { orientation: "vertical" }
-});
-function Field({ className, orientation = "vertical", ...props }) {
-	return /* @__PURE__ */ jsx("div", {
-		role: "group",
-		"data-slot": "field",
-		"data-orientation": orientation,
-		className: cn(fieldVariants({ orientation }), className),
-		...props
-	});
-}
-function FieldContent({ className, ...props }) {
-	return /* @__PURE__ */ jsx("div", {
-		"data-slot": "field-content",
-		className: cn("group/field-content flex flex-1 flex-col gap-0.5 leading-snug", className),
-		...props
-	});
-}
-function FieldLabel({ className, ...props }) {
-	return /* @__PURE__ */ jsx(Label, {
-		"data-slot": "field-label",
-		className: cn("group/field-label peer/field-label flex w-fit gap-2 leading-snug group-data-[disabled=true]/field:opacity-50 has-data-checked:border-primary/30 has-data-checked:bg-primary/5 has-[>[data-slot=field]]:rounded-lg has-[>[data-slot=field]]:border has-[>[data-slot=field]]:not-has-[:disabled,[data-disabled]]:hover:bg-muted/50 has-[>[data-slot=field]]:has-[:focus-visible]:border-ring has-[>[data-slot=field]]:has-[:focus-visible]:ring-3 has-[>[data-slot=field]]:has-[:focus-visible]:ring-ring/50 *:data-[slot=field]:p-2.5 dark:has-data-checked:border-primary/20 dark:has-data-checked:bg-primary/10", "has-[>[data-slot=field]]:w-full has-[>[data-slot=field]]:flex-col", className),
-		...props
-	});
-}
-function FieldTitle({ className, ...props }) {
-	return /* @__PURE__ */ jsx("div", {
-		"data-slot": "field-label",
-		className: cn("flex w-fit items-center gap-2 text-sm font-medium group-data-[disabled=true]/field:opacity-50", className),
-		...props
-	});
-}
-function FieldDescription({ className, ...props }) {
-	return /* @__PURE__ */ jsx("p", {
-		"data-slot": "field-description",
-		className: cn("text-left text-sm leading-normal font-normal text-muted-foreground group-has-data-horizontal/field:text-balance [[data-variant=legend]+&]:-mt-1.5", "last:mt-0 nth-last-2:-mt-1", "[&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary", className),
-		...props
-	});
-}
-function FieldSeparator({ children, className, ...props }) {
-	return /* @__PURE__ */ jsxs("div", {
-		"data-slot": "field-separator",
-		"data-content": !!children,
-		className: cn("relative -my-2 h-5 text-sm group-data-[variant=outline]/field-group:-mb-2", className),
-		...props,
-		children: [/* @__PURE__ */ jsx(Separator, { className: "absolute inset-0 top-1/2" }), children && /* @__PURE__ */ jsx("span", {
-			className: "relative mx-auto block w-fit bg-background px-2 text-muted-foreground",
-			"data-slot": "field-separator-content",
-			children
-		})]
-	});
-}
-function FieldError({ className, children, errors, ...props }) {
-	const content = useMemo(() => {
-		if (children) return children;
-		if (!errors?.length) return null;
-		const uniqueErrors = [...new Map(errors.map((error) => [error?.message, error])).values()];
-		if (uniqueErrors?.length == 1) return uniqueErrors[0]?.message;
-		return /* @__PURE__ */ jsx("ul", {
-			className: "ml-4 flex list-disc flex-col gap-1",
-			children: uniqueErrors.map((error, index) => error?.message && /* @__PURE__ */ jsx("li", { children: error.message }, index))
-		});
-	}, [children, errors]);
-	if (!content) return null;
-	return /* @__PURE__ */ jsx("div", {
-		role: "alert",
-		"data-slot": "field-error",
-		className: cn("text-sm font-normal text-destructive", className),
-		...props,
-		children: content
-	});
-}
-// src/input-otp/input-otp.tsx
-function InputOTP({ className, containerClassName, ...props }) {
-	const cue = useCue("input-otp");
-	const invalid = props["aria-invalid"] === true || props["aria-invalid"] === "true";
-	const complete = typeof props.value === "string" && props.value.length === props.maxLength;
-	const wasInvalid = React.useRef(invalid);
-	React.useEffect(() => {
-		if (invalid && !wasInvalid.current && complete && recentUserAction()) cue("invalid");
-		wasInvalid.current = invalid;
-	}, [
-		invalid,
-		complete,
-		cue
-	]);
-	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
-	});
-}
-function 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
-	});
-}
-function 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 && /* @__PURE__ */ jsx("span", {
-			"data-slot": "input-otp-char",
-			children: char
-		}, 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" })
-		})]
-	});
-}
-function InputOTPSeparator({ ...props }) {
-	return /* @__PURE__ */ jsx("div", {
-		"data-slot": "input-otp-separator",
-		className: "flex items-center [&_svg:not([class*='size-'])]:size-4",
-		role: "separator",
-		...props,
-		children: /* @__PURE__ */ jsx("svg", {
-			xmlns: "http://www.w3.org/2000/svg",
-			viewBox: "0 0 24 24",
-			fill: "none",
-			stroke: "currentColor",
-			strokeWidth: "2",
-			strokeLinecap: "round",
-			strokeLinejoin: "round",
-			"aria-hidden": "true",
-			children: /* @__PURE__ */ jsx("path", { d: "M5 12h14" })
-		})
-	});
-}
-// src/kbd/kbd.tsx
-function 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
-	});
-}
-function KbdGroup({ className, ...props }) {
-	return /* @__PURE__ */ jsx("kbd", {
-		"data-slot": "kbd-group",
-		className: cn("inline-flex items-center gap-1", className),
-		...props
-	});
-}
-// src/legacy/icon-button/icon-swap.tsx
-const INSTANT = { duration: 0 };
-const blurred = (radius) => `blur(${radius}px)`;
-/**
-* Swap states, as functions of `custom`, so an exiting icon reads the latest instant / reduced
-* values from AnimatePresence rather than the props it had when it was last rendered. Instant
-* and reduced swaps never scale or blur, not even for a frame.
-*/
-const iconSwapVariants = {
-	hidden: ({ instant, reduced }) => ({
-		opacity: 0,
-		transform: `scale(${instant || reduced ? 1 : scale["icon-from"]})`,
-		filter: blurred(instant || reduced ? 0 : blur.icon),
-		transition: instant ? INSTANT : spring.icon
-	}),
-	shown: ({ instant }) => ({
-		opacity: 1,
-		transform: "scale(1)",
-		filter: blurred(0),
-		transition: instant ? INSTANT : spring.icon,
-		transitionEnd: { filter: "none" }
-	})
-};
-/**
-* Cross-fades between icons stacked in one grid cell, so the container never resizes. Nothing
-* animates on mount (`initial={false}`); springs retarget from the live value when interrupted,
-* and the latest content always wins.
-*/
-function IconSwap$1({ contentKey, instant, reduced, slot, layerClassName, className, children }) {
-	const custom = {
-		instant,
-		reduced
-	};
-	return /* @__PURE__ */ jsx("span", {
-		"aria-hidden": "true",
-		className: cn(className, "grid place-items-center"),
-		children: /* @__PURE__ */ jsx(AnimatePresence, {
-			initial: false,
-			custom,
-			children: /* @__PURE__ */ jsx(motion.span, {
-				"data-slot": slot,
-				custom,
-				variants: iconSwapVariants,
-				initial: "hidden",
-				animate: "shown",
-				exit: "hidden",
-				className: cn("inline-flex size-full items-center justify-center [grid-area:1/1] [&_svg]:size-full", layerClassName),
-				children
-			}, contentKey)
-		})
-	});
-}
-// src/lib/icon-swap.tsx
-/**
-* Cross-fades icons in one cell: scale 0.25 → 1, opacity, blur 4 → 0 on `spring.icon`. Instant
-* after a key press (input modality, #71 (3)); an opacity fade only under reduced motion (the OS,
-* a MotionConfig or `<html data-motion>`). Nothing animates on mount.
-*/
-function IconSwap({ contentKey, className, children }) {
-	const prefersReduced = useReducedMotion() ?? false;
-	const configReduced = useReducedMotionConfig() ?? false;
-	const html = typeof document === "undefined" ? void 0 : document.documentElement.dataset.motion;
-	const reduced = html === "reduce" || html !== "full" && (prefersReduced || configReduced);
-	return /* @__PURE__ */ jsx(IconSwap$1, {
-		contentKey,
-		instant: getInputModality() === "keyboard",
-		reduced,
-		slot: "icon-swap",
-		className,
-		children
-	});
-}
-// src/native-select/native-select.tsx
-function 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("svg", {
-			xmlns: "http://www.w3.org/2000/svg",
-			viewBox: "0 0 24 24",
-			fill: "none",
-			stroke: "currentColor",
-			strokeWidth: "2",
-			strokeLinecap: "round",
-			strokeLinejoin: "round",
-			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",
-			children: /* @__PURE__ */ jsx("path", { d: "m6 9 6 6 6-6" })
-		})]
-	});
-}
-function NativeSelectOption({ className, ...props }) {
-	return /* @__PURE__ */ jsx("option", {
-		"data-slot": "native-select-option",
-		className: cn("bg-[Canvas] text-[CanvasText]", className),
-		...props
-	});
-}
-function NativeSelectOptGroup({ className, ...props }) {
-	return /* @__PURE__ */ jsx("optgroup", {
-		"data-slot": "native-select-optgroup",
-		className: cn("bg-[Canvas] text-[CanvasText]", className),
-		...props
-	});
-}
-// src/pagination/pagination.tsx
-function Pagination({ className, ...props }) {
-	return /* @__PURE__ */ jsx("nav", {
-		role: "navigation",
-		"aria-label": "pagination",
-		"data-slot": "pagination",
-		className: cn("mx-auto flex w-full justify-center", className),
-		...props
-	});
-}
-function PaginationContent({ className, ...props }) {
-	return /* @__PURE__ */ jsx("ul", {
-		"data-slot": "pagination-content",
-		className: cn("flex items-center gap-0.5", className),
-		...props
-	});
-}
-function PaginationItem({ ...props }) {
-	return /* @__PURE__ */ jsx("li", {
-		"data-slot": "pagination-item",
-		...props
-	});
-}
-function PaginationLink({ className, isActive, size = "icon", ...props }) {
-	return /* @__PURE__ */ jsx(ControlDefaultsContext.Provider, {
-		value: SILENT,
-		children: /* @__PURE__ */ jsx(Button, {
-			variant: isActive ? "outline" : "ghost",
-			size,
-			className: cn(className),
-			nativeButton: false,
-			render: /* @__PURE__ */ jsx("a", {
-				role: "link",
-				"aria-current": isActive ? "page" : void 0,
-				"data-slot": "pagination-link",
-				"data-active": isActive,
-				...props
-			})
-		})
-	});
-}
-const SILENT = { sound: false };
-function PaginationPrevious({ className, text = "Previous", ...props }) {
-	return /* @__PURE__ */ jsxs(PaginationLink, {
-		"aria-label": "Go to previous page",
-		size: "default",
-		className: cn("pl-1.5!", className),
-		...props,
-		children: [/* @__PURE__ */ jsx("svg", {
-			xmlns: "http://www.w3.org/2000/svg",
-			viewBox: "0 0 24 24",
-			fill: "none",
-			stroke: "currentColor",
-			strokeWidth: "2",
-			strokeLinecap: "round",
-			strokeLinejoin: "round",
-			"aria-hidden": "true",
-			"data-icon": "inline-start",
-			className: "cn-rtl-flip",
-			children: /* @__PURE__ */ jsx("path", { d: "m15 18-6-6 6-6" })
-		}), /* @__PURE__ */ jsx("span", {
-			className: "hidden sm:block",
-			children: text
-		})]
-	});
-}
-function PaginationNext({ className, text = "Next", ...props }) {
-	return /* @__PURE__ */ jsxs(PaginationLink, {
-		"aria-label": "Go to next page",
-		size: "default",
-		className: cn("pr-1.5!", className),
-		...props,
-		children: [/* @__PURE__ */ jsx("span", {
-			className: "hidden sm:block",
-			children: text
-		}), /* @__PURE__ */ jsx("svg", {
-			xmlns: "http://www.w3.org/2000/svg",
-			viewBox: "0 0 24 24",
-			fill: "none",
-			stroke: "currentColor",
-			strokeWidth: "2",
-			strokeLinecap: "round",
-			strokeLinejoin: "round",
-			"aria-hidden": "true",
-			"data-icon": "inline-end",
-			className: "cn-rtl-flip",
-			children: /* @__PURE__ */ jsx("path", { d: "m9 18 6-6-6-6" })
-		})]
-	});
-}
-function PaginationEllipsis({ className, ...props }) {
-	return /* @__PURE__ */ jsxs("span", {
-		"aria-hidden": true,
-		"data-slot": "pagination-ellipsis",
-		className: cn("flex size-8 items-center justify-center [&_svg:not([class*='size-'])]:size-4", className),
-		...props,
-		children: [/* @__PURE__ */ jsxs("svg", {
-			xmlns: "http://www.w3.org/2000/svg",
-			viewBox: "0 0 24 24",
-			fill: "none",
-			stroke: "currentColor",
-			strokeWidth: "2",
-			strokeLinecap: "round",
-			strokeLinejoin: "round",
-			"aria-hidden": "true",
-			children: [
-				/* @__PURE__ */ jsx("circle", {
-					cx: "12",
-					cy: "12",
-					r: "1"
-				}),
-				/* @__PURE__ */ jsx("circle", {
-					cx: "19",
-					cy: "12",
-					r: "1"
-				}),
-				/* @__PURE__ */ jsx("circle", {
-					cx: "5",
-					cy: "12",
-					r: "1"
-				})
-			]
-		}), /* @__PURE__ */ jsx("span", {
-			className: "sr-only",
-			children: "More pages"
-		})]
-	});
-}
-// src/popover/popover.tsx
-function Popover({ ...props }) {
-	return /* @__PURE__ */ jsx(Popover$1.Root, {
-		"data-slot": "popover",
-		...props
-	});
-}
-function PopoverTrigger({ ...props }) {
-	return /* @__PURE__ */ jsx(Popover$1.Trigger, {
-		"data-slot": "popover-trigger",
-		...props
-	});
-}
-function PopoverContent({ className, align = "center", alignOffset = 0, side = "bottom", sideOffset = 4, ...props }) {
-	return /* @__PURE__ */ jsx(Popover$1.Portal, { children: /* @__PURE__ */ jsx(Popover$1.Positioner, {
-		align,
-		alignOffset,
-		side,
-		sideOffset,
-		className: "isolate z-50",
-		children: /* @__PURE__ */ jsx(Popover$1.Popup, {
-			"data-slot": "popover-content",
-			className: cn("z-50 flex w-72 origin-(--transform-origin) flex-col gap-2.5 rounded-lg bg-popover p-2.5 text-sm text-popover-foreground shadow-md ring-1 ring-foreground/10 outline-hidden duration-100 data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-left-2 data-[side=inline-start]:slide-in-from-right-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95", className),
-			...props
-		})
-	}) });
-}
-function PopoverHeader({ className, ...props }) {
-	return /* @__PURE__ */ jsx("div", {
-		"data-slot": "popover-header",
-		className: cn("flex flex-col gap-0.5 text-sm", className),
-		...props
-	});
-}
-function PopoverTitle({ className, ...props }) {
-	return /* @__PURE__ */ jsx(Popover$1.Title, {
-		"data-slot": "popover-title",
-		className: cn("font-medium", className),
-		...props
-	});
-}
-function PopoverDescription({ className, ...props }) {
-	return /* @__PURE__ */ jsx(Popover$1.Description, {
-		"data-slot": "popover-description",
-		className: cn("text-muted-foreground", className),
-		...props
-	});
-}
-// src/radio-group/radio-group.tsx
-function RadioGroup({ className, onValueChange, ...props }) {
-	const cue = useCue("radio-group");
-	return /* @__PURE__ */ jsx(RadioGroup$1, {
-		"data-slot": "radio-group",
-		className: cn("grid w-full gap-2", className),
-		onValueChange: (value, details) => {
-			onValueChange?.(value, details);
-			if (!details.isCanceled) cue("change");
-		},
-		...props
-	});
-}
-function RadioGroupItem({ className, ...props }) {
-	return /* @__PURE__ */ jsx(Radio.Root, {
-		"data-slot": "radio-group-item",
-		className: cn("group/radio-group-item peer relative flex aspect-square size-4 shrink-0 rounded-full border border-input outline-none group-has-[:focus-visible]/field-label:ring-0 group-has-[:focus-visible]/field-label:not-data-checked:border-input 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 group-has-[:focus-visible]/field-label:data-checked:border-primary dark:data-checked:bg-primary", className),
-		...props,
-		children: /* @__PURE__ */ jsx(Radio.Indicator, {
-			"data-slot": "radio-group-indicator",
-			className: "flex size-4 items-center justify-center",
-			children: /* @__PURE__ */ jsx("span", { className: "absolute top-1/2 left-1/2 size-2 -translate-x-1/2 -translate-y-1/2 rounded-full bg-primary-foreground" })
-		})
-	});
-}
-// src/select/select.tsx
-function Select({ onValueChange, ...props }) {
-	const cue = useCue("select");
-	return /* @__PURE__ */ jsx(Select$1.Root, {
-		onValueChange: (value, details) => {
-			onValueChange?.(value, details);
-			if (!details.isCanceled) cue("choose");
-		},
-		...props
-	});
-}
-function SelectGroup({ className, ...props }) {
-	return /* @__PURE__ */ jsx(Select$1.Group, {
-		"data-slot": "select-group",
-		className: cn("scroll-my-1 p-1", className),
-		...props
-	});
-}
-function SelectValue({ className, ...props }) {
-	return /* @__PURE__ */ jsx(Select$1.Value, {
-		"data-slot": "select-value",
-		className: cn("flex flex-1 text-left", className),
-		...props
-	});
-}
-function SelectTrigger({ className, size = "default", children, ...props }) {
-	return /* @__PURE__ */ jsxs(Select$1.Trigger, {
-		"data-slot": "select-trigger",
-		"data-size": size,
-		className: cn("flex w-fit items-center justify-between gap-1.5 rounded-lg border border-input bg-transparent py-2 pr-2 pl-2.5 text-sm whitespace-nowrap transition-colors outline-none select-none 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 data-placeholder:text-muted-foreground data-[size=default]:h-8 data-[size=sm]:h-7 data-[size=sm]:rounded-[min(var(--radius-md),10px)] *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-1.5 dark:bg-input/30 dark:hover:bg-input/50 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
-		...props,
-		children: [children, /* @__PURE__ */ jsx(Select$1.Icon, { render: /* @__PURE__ */ jsx("svg", {
-			xmlns: "http://www.w3.org/2000/svg",
-			viewBox: "0 0 24 24",
-			fill: "none",
-			stroke: "currentColor",
-			strokeWidth: "2",
-			strokeLinecap: "round",
-			strokeLinejoin: "round",
-			className: "pointer-events-none size-4 text-muted-foreground",
-			"aria-hidden": "true",
-			children: /* @__PURE__ */ jsx("path", { d: "m6 9 6 6 6-6" })
-		}) })]
-	});
-}
-function SelectContent({ className, children, side = "bottom", sideOffset = 4, align = "center", alignOffset = 0, alignItemWithTrigger = true, ...props }) {
-	return /* @__PURE__ */ jsx(Select$1.Portal, { children: /* @__PURE__ */ jsx(Select$1.Positioner, {
-		side,
-		sideOffset,
-		align,
-		alignOffset,
-		alignItemWithTrigger,
-		className: "isolate z-50",
-		children: /* @__PURE__ */ jsxs(Select$1.Popup, {
-			"data-slot": "select-content",
-			"data-align-trigger": alignItemWithTrigger,
-			className: cn("cn-menu-target cn-menu-translucent relative isolate z-50 max-h-(--available-height) w-(--anchor-width) min-w-36 origin-(--transform-origin) overflow-x-hidden overflow-y-auto rounded-lg bg-popover text-popover-foreground shadow-md ring-1 ring-foreground/10 duration-100 data-[align-trigger=true]:animate-none data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-left-2 data-[side=inline-start]:slide-in-from-right-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95", className),
-			...props,
-			children: [
-				/* @__PURE__ */ jsx(SelectScrollUpButton, {}),
-				/* @__PURE__ */ jsx(Select$1.List, { children }),
-				/* @__PURE__ */ jsx(SelectScrollDownButton, {})
-			]
-		})
-	}) });
-}
-function SelectLabel({ className, ...props }) {
-	return /* @__PURE__ */ jsx(Select$1.GroupLabel, {
-		"data-slot": "select-label",
-		className: cn("px-1.5 py-1 text-xs text-muted-foreground", className),
-		...props
-	});
-}
-function SelectItem({ className, children, ...props }) {
-	return /* @__PURE__ */ jsxs(Select$1.Item, {
-		"data-slot": "select-item",
-		className: cn("relative flex w-full 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 not-data-[variant=destructive]:focus:**:text-accent-foreground data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2", className),
-		...props,
-		children: [/* @__PURE__ */ jsx(Select$1.ItemText, {
-			className: "flex flex-1 shrink-0 gap-2 whitespace-nowrap",
-			children
-		}), /* @__PURE__ */ jsx(Select$1.ItemIndicator, {
-			render: /* @__PURE__ */ jsx("span", { className: "pointer-events-none absolute right-2 flex size-4 items-center justify-center" }),
-			children: /* @__PURE__ */ jsx("svg", {
-				xmlns: "http://www.w3.org/2000/svg",
-				viewBox: "0 0 24 24",
-				fill: "none",
-				stroke: "currentColor",
-				strokeWidth: "2",
-				strokeLinecap: "round",
-				strokeLinejoin: "round",
-				className: "pointer-events-none",
-				"aria-hidden": "true",
-				children: /* @__PURE__ */ jsx("path", { d: "M20 6 9 17l-5-5" })
-			})
-		})]
-	});
-}
-function SelectSeparator({ className, ...props }) {
-	return /* @__PURE__ */ jsx(Select$1.Separator, {
-		"data-slot": "select-separator",
-		className: cn("pointer-events-none -mx-1 my-1 h-px bg-border", className),
-		...props
-	});
-}
-function SelectScrollUpButton({ className, ...props }) {
-	return /* @__PURE__ */ jsx(Select$1.ScrollUpArrow, {
-		"data-slot": "select-scroll-up-button",
-		className: cn("top-0 z-10 flex w-full cursor-default items-center justify-center bg-popover py-1 [&_svg:not([class*='size-'])]:size-4", className),
-		...props,
-		children: /* @__PURE__ */ jsx("svg", {
-			xmlns: "http://www.w3.org/2000/svg",
-			viewBox: "0 0 24 24",
-			fill: "none",
-			stroke: "currentColor",
-			strokeWidth: "2",
-			strokeLinecap: "round",
-			strokeLinejoin: "round",
-			"aria-hidden": "true",
-			children: /* @__PURE__ */ jsx("path", { d: "m18 15-6-6-6 6" })
-		})
-	});
-}
-function SelectScrollDownButton({ className, ...props }) {
-	return /* @__PURE__ */ jsx(Select$1.ScrollDownArrow, {
-		"data-slot": "select-scroll-down-button",
-		className: cn("bottom-0 z-10 flex w-full cursor-default items-center justify-center bg-popover py-1 [&_svg:not([class*='size-'])]:size-4", className),
-		...props,
-		children: /* @__PURE__ */ jsx("svg", {
-			xmlns: "http://www.w3.org/2000/svg",
-			viewBox: "0 0 24 24",
-			fill: "none",
-			stroke: "currentColor",
-			strokeWidth: "2",
-			strokeLinecap: "round",
-			strokeLinejoin: "round",
-			"aria-hidden": "true",
-			children: /* @__PURE__ */ jsx("path", { d: "m6 9 6 6 6-6" })
-		})
-	});
-}
-// src/skeleton/skeleton.tsx
-function Skeleton({ className, ...props }) {
-	return /* @__PURE__ */ jsx("div", {
-		"data-slot": "skeleton",
-		className: cn("animate-pulse rounded-md bg-muted", className),
-		...props
-	});
-}
-/**
-* What replaces a Skeleton once it loads (#128): it fades in over duration.fast (opacity only;
-* feel.css), instantly under reduced motion or after keyboard input. Render it in the Skeleton's
-* place: `{loading ? <Skeleton className="h-4 w-40" /> : <SkeletonContent>…</SkeletonContent>}`.
-*/
-function SkeletonContent({ className, ...props }) {
-	return /* @__PURE__ */ jsx("div", {
-		"data-slot": "skeleton-content",
-		className,
-		...props
-	});
-}
-// src/slider/slider.tsx
-function Slider({ className, defaultValue, value, min = 0, max = 100, onValueCommitted, ...props }) {
-	const cue = useCue("slider");
-	const _values = Array.isArray(value) ? value : Array.isArray(defaultValue) ? defaultValue : [min, max];
-	return /* @__PURE__ */ jsx(Slider$1.Root, {
-		className: cn("data-horizontal:w-full data-vertical:h-full", className),
-		"data-slot": "slider",
-		defaultValue,
-		value,
-		min,
-		max,
-		thumbAlignment: "edge",
-		onValueCommitted: (next, details) => {
-			onValueCommitted?.(next, details);
-			cue("commit");
-		},
-		...props,
-		children: /* @__PURE__ */ jsxs(Slider$1.Control, {
-			className: "relative flex w-full touch-none items-center select-none data-disabled:opacity-50 data-vertical:h-full data-vertical:min-h-40 data-vertical:w-auto data-vertical:flex-col",
-			children: [/* @__PURE__ */ jsx(Slider$1.Track, {
-				"data-slot": "slider-track",
-				className: "relative grow overflow-hidden rounded-full bg-muted select-none data-horizontal:h-1 data-horizontal:w-full data-vertical:h-full data-vertical:w-1",
-				children: /* @__PURE__ */ jsx(Slider$1.Indicator, {
-					"data-slot": "slider-range",
-					className: "bg-primary select-none data-horizontal:h-full data-vertical:w-full"
-				})
-			}), Array.from({ length: _values.length }, (_, index) => /* @__PURE__ */ jsx(Slider$1.Thumb, {
-				"data-slot": "slider-thumb",
-				className: "relative block size-3 shrink-0 rounded-full border border-ring bg-white ring-ring/50 transition-[color,box-shadow] select-none after:absolute after:-inset-2 hover:ring-3 focus-visible:ring-3 focus-visible:outline-hidden active:ring-3 disabled:pointer-events-none disabled:opacity-50"
-			}, index))]
-		})
-	});
-}
-// src/switch/switch.tsx
-function Switch({ className, size = "default", onCheckedChange, ...props }) {
-	const cue = useCue("switch");
-	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 outline-none group-has-[:focus-visible]/field-label:border-transparent group-has-[:focus-visible]/field-label:ring-0 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-[18.4px] data-[size=default]:w-[32px] data-[size=sm]:h-[14px] data-[size=sm]:w-[24px] 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),
-		onCheckedChange: (checked, details) => {
-			onCheckedChange?.(checked, details);
-			if (!details.isCanceled) cue(checked ? "on" : "off");
-		},
-		...props,
-		children: /* @__PURE__ */ jsx(Switch$1.Thumb, {
-			"data-slot": "switch-thumb",
-			className: "pointer-events-none block rounded-full bg-background ring-0 transition-transform 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"
-		})
-	});
-}
-// src/table/table.tsx
-function Table({ className, containerProps, ...props }) {
-	return /* @__PURE__ */ jsx("div", {
-		"data-slot": "table-container",
-		...containerProps,
-		className: cn("relative w-full overflow-x-auto", containerProps?.className),
-		children: /* @__PURE__ */ jsx("table", {
-			"data-slot": "table",
-			className: cn("w-full caption-bottom text-sm", className),
-			...props
-		})
-	});
-}
-function TableHeader({ className, ...props }) {
-	return /* @__PURE__ */ jsx("thead", {
-		"data-slot": "table-header",
-		className: cn("[&_tr]:border-b", className),
-		...props
-	});
-}
-function TableBody({ className, ...props }) {
-	return /* @__PURE__ */ jsx("tbody", {
-		"data-slot": "table-body",
-		className: cn("[&_tr:last-child]:border-0", className),
-		...props
-	});
-}
-function TableFooter({ className, ...props }) {
-	return /* @__PURE__ */ jsx("tfoot", {
-		"data-slot": "table-footer",
-		className: cn("border-t bg-muted/50 font-medium [&>tr]:last:border-b-0", className),
-		...props
-	});
-}
-function TableRow({ className, ...props }) {
-	return /* @__PURE__ */ jsx("tr", {
-		"data-slot": "table-row",
-		className: cn("border-b transition-colors hover:bg-muted/50 has-aria-expanded:bg-muted/50 data-[state=selected]:bg-muted", className),
-		...props
-	});
-}
-function 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", className),
-		...props
-	});
-}
-function TableCell({ className, ...props }) {
-	return /* @__PURE__ */ jsx("td", {
-		"data-slot": "table-cell",
-		className: cn("p-2 align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0", className),
-		...props
-	});
-}
-function TableCaption({ className, ...props }) {
-	return /* @__PURE__ */ jsx("caption", {
-		"data-slot": "table-caption",
-		className: cn("mt-4 text-sm text-muted-foreground", className),
-		...props
-	});
-}
-// src/tabs/tabs.tsx
-function Tabs({ className, orientation = "horizontal", ...props }) {
-	return /* @__PURE__ */ jsx(Tabs$1.Root, {
-		"data-slot": "tabs",
-		"data-orientation": orientation,
-		orientation,
-		className: cn("group/tabs flex gap-2 data-horizontal:flex-col", className),
-		...props
-	});
-}
-const tabsListVariants = cva("group/tabs-list inline-flex w-fit items-center justify-center rounded-lg p-[3px] text-muted-foreground group-data-horizontal/tabs:h-8 group-data-vertical/tabs:h-fit group-data-vertical/tabs:flex-col data-[variant=line]:rounded-none", {
-	variants: { variant: {
-		default: "bg-muted",
-		line: "gap-1 bg-transparent"
-	} },
-	defaultVariants: { variant: "default" }
-});
-function TabsList({ className, variant = "default", ...props }) {
-	return /* @__PURE__ */ jsx(Tabs$1.List, {
-		"data-slot": "tabs-list",
-		"data-variant": variant,
-		className: cn(tabsListVariants({ variant }), className),
-		...props
-	});
-}
-function TabsTrigger({ className, ...props }) {
-	return /* @__PURE__ */ jsx(Tabs$1.Tab, {
-		"data-slot": "tabs-trigger",
-		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-vertical/tabs:w-full group-data-vertical/tabs:justify-start hover:text-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-1 focus-visible:outline-ring disabled:pointer-events-none disabled:opacity-50 has-data-[icon=inline-end]:pr-1 has-data-[icon=inline-start]:pl-1 aria-disabled:pointer-events-none aria-disabled:opacity-50 dark:text-muted-foreground dark:hover:text-foreground 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-horizontal/tabs:after:inset-x-0 group-data-horizontal/tabs:after:bottom-[-5px] group-data-horizontal/tabs:after:h-0.5 group-data-vertical/tabs:after:inset-y-0 group-data-vertical/tabs:after:-right-1 group-data-vertical/tabs:after:w-0.5 group-data-[variant=line]/tabs-list:data-active:after:opacity-100", className),
-		...props
-	});
-}
-function TabsContent({ className, ...props }) {
-	return /* @__PURE__ */ jsx(Tabs$1.Panel, {
-		"data-slot": "tabs-content",
-		className: cn("flex-1 text-sm outline-none", className),
-		...props
-	});
-}
-// src/toast/toast.tsx
-const toast = Toast$1.createToastManager();
-function ToastProvider({ ...props }) {
-	return /* @__PURE__ */ jsx(Toast$1.Provider, { ...props });
-}
-function ToastPortal({ ...props }) {
-	return /* @__PURE__ */ jsx(Toast$1.Portal, {
-		"data-slot": "toast-portal",
-		...props
-	});
-}
-function 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
-	});
-}
-function 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]", "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
-	});
-}
-function 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)] data-behind:opacity-0 data-expanded:opacity-100", className),
-		...props
-	});
-}
-function ToastTitle({ className, ...props }) {
-	return /* @__PURE__ */ jsx(Toast$1.Title, {
-		"data-slot": "toast-title",
-		className: cn("text-sm font-medium", className),
-		...props
-	});
-}
-function ToastDescription({ className, ...props }) {
-	return /* @__PURE__ */ jsx(Toast$1.Description, {
-		"data-slot": "toast-description",
-		className: cn("text-sm text-muted-foreground", className),
-		...props
-	});
-}
-function 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
-	});
-}
-function 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",
-		"aria-hidden": false,
-		render,
-		className: cn("relative shrink-0 text-muted-foreground after:absolute after:-inset-2 after:content-[''] hover:text-foreground", className),
-		...props,
-		children: children ?? /* @__PURE__ */ jsxs("svg", {
-			xmlns: "http://www.w3.org/2000/svg",
-			viewBox: "0 0 24 24",
-			fill: "none",
-			stroke: "currentColor",
-			strokeWidth: "2",
-			strokeLinecap: "round",
-			strokeLinejoin: "round",
-			"aria-hidden": "true",
-			children: [/* @__PURE__ */ jsx("path", { d: "M18 6 6 18" }), /* @__PURE__ */ jsx("path", { d: "m6 6 12 12" })]
-		})
-	});
-}
-function ToastIcon({ type }) {
-	let icon = null;
-	if (type === "success") icon = /* @__PURE__ */ jsxs("svg", {
-		xmlns: "http://www.w3.org/2000/svg",
-		viewBox: "0 0 24 24",
-		fill: "none",
-		stroke: "currentColor",
-		strokeWidth: "2",
-		strokeLinecap: "round",
-		strokeLinejoin: "round",
-		"aria-hidden": "true",
-		children: [/* @__PURE__ */ jsx("circle", {
-			cx: "12",
-			cy: "12",
-			r: "10"
-		}), /* @__PURE__ */ jsx("path", { d: "m16 9-5.5 5.5L8 12" })]
-	});
-	if (type === "info") icon = /* @__PURE__ */ jsxs("svg", {
-		xmlns: "http://www.w3.org/2000/svg",
-		viewBox: "0 0 24 24",
-		fill: "none",
-		stroke: "currentColor",
-		strokeWidth: "2",
-		strokeLinecap: "round",
-		strokeLinejoin: "round",
-		"aria-hidden": "true",
-		children: [
-			/* @__PURE__ */ jsx("circle", {
-				cx: "12",
-				cy: "12",
-				r: "10"
-			}),
-			/* @__PURE__ */ jsx("path", { d: "M12 16v-4" }),
-			/* @__PURE__ */ jsx("path", { d: "M12 8h.01" })
-		]
-	});
-	if (type === "warning") icon = /* @__PURE__ */ jsxs("svg", {
-		xmlns: "http://www.w3.org/2000/svg",
-		viewBox: "0 0 24 24",
-		fill: "none",
-		stroke: "currentColor",
-		strokeWidth: "2",
-		strokeLinecap: "round",
-		strokeLinejoin: "round",
-		"aria-hidden": "true",
-		children: [
-			/* @__PURE__ */ jsx("path", { d: "m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3" }),
-			/* @__PURE__ */ jsx("path", { d: "M12 9v4" }),
-			/* @__PURE__ */ jsx("path", { d: "M12 17h.01" })
-		]
-	});
-	if (type === "error") icon = /* @__PURE__ */ jsxs("svg", {
-		xmlns: "http://www.w3.org/2000/svg",
-		viewBox: "0 0 24 24",
-		fill: "none",
-		stroke: "currentColor",
-		strokeWidth: "2",
-		strokeLinecap: "round",
-		strokeLinejoin: "round",
-		className: "text-destructive",
-		"aria-hidden": "true",
-		children: [
-			/* @__PURE__ */ jsx("path", { d: "m15 9-6 6" }),
-			/* @__PURE__ */ jsx("path", { d: "M2.586 16.726A2 2 0 0 1 2 15.312V8.688a2 2 0 0 1 .586-1.414l4.688-4.688A2 2 0 0 1 8.688 2h6.624a2 2 0 0 1 1.414.586l4.688 4.688A2 2 0 0 1 22 8.688v6.624a2 2 0 0 1-.586 1.414l-4.688 4.688a2 2 0 0 1-1.414.586H8.688a2 2 0 0 1-1.414-.586z" }),
-			/* @__PURE__ */ jsx("path", { d: "m9 9 6 6" })
-		]
-	});
-	if (type === "loading") icon = /* @__PURE__ */ jsx(Arc, {});
-	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
-	});
-}
-/**
-* Nsaa feel layer (#108): success, warning and error toasts play their feedback cue once, when the
-* toast appears or when a promise toast settles into that type. Default, info and loading are silent.
-*/
-function useToastCues(toasts) {
-	const cue = useCue("toast");
-	const played = React.useRef(null);
-	React.useEffect(() => {
-		const first = played.current === null;
-		played.current ??= /* @__PURE__ */ new Map();
-		const activated = typeof navigator === "undefined" || navigator.userActivation?.hasBeenActive !== false;
-		for (const { id, type } of toasts) {
-			if (played.current.get(id) === type) continue;
-			played.current.set(id, type);
-			if (type && !first && activated) cue(type);
-		}
-		const live = new Set(toasts.map((t) => t.id));
-		for (const id of played.current.keys()) if (!live.has(id)) played.current.delete(id);
-	}, [toasts, cue]);
-}
-function ToastList() {
-	const { toasts } = Toast$1.useToastManager();
-	useToastCues(toasts);
-	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));
-}
-function Toaster({ children, toastManager = toast, ...props }) {
-	return /* @__PURE__ */ jsxs(ToastProvider, {
-		toastManager,
-		...props,
-		children: [children, /* @__PURE__ */ jsx(ToastPortal, { children: /* @__PURE__ */ jsx(ToastViewport, { children: /* @__PURE__ */ jsx(ToastList, {}) }) })]
-	});
-}
-const createToastManager = Toast$1.createToastManager;
-const useToastManager = Toast$1.useToastManager;
-// src/lib/tv.ts
-/** tailwind-variants configured with the same merge rules as cn(). */
-const tv = createTV({ twMergeConfig });
-// src/lib/shortcut.ts
-const APPLE = /Mac|iPhone|iPad|iPod/i;
-function isApple() {
-	if (typeof navigator === "undefined") return false;
-	const nav = navigator;
-	return APPLE.test(nav.userAgentData?.platform ?? nav.platform ?? nav.userAgent);
-}
-const APPLE_KEYS = {
-	mod: "⌘",
-	ctrl: "⌃",
-	alt: "⌥",
-	shift: "⇧"
-};
-const OTHER_KEYS = {
-	mod: "Ctrl",
-	ctrl: "Ctrl",
-	alt: "Alt",
-	shift: "Shift"
-};
-const ARIA_KEYS = {
-	mod: ["Meta", "Control"],
-	ctrl: ["Control", "Control"],
-	alt: ["Alt", "Alt"],
-	shift: ["Shift", "Shift"]
-};
-/**
-* The same shortcut for `aria-keyshortcuts` (`"mod+B"` → `"Meta+B"` on Apple, `"Control+B"`
-* elsewhere), so assistive tech gets what the tooltip shows only visually.
-*/
-function ariaShortcut(shortcut, apple = isApple()) {
-	return shortcut.split("+").map((part) => {
-		const key = part.trim();
-		const named = ARIA_KEYS[key.toLowerCase()];
-		if (named) return apple ? named[0] : named[1];
-		return key.length === 1 ? key.toUpperCase() : key;
-	}).join("+");
-}
-/**
-* Formats a display-only shortcut such as `"mod+B"`: `⌘B` on Apple platforms, `Ctrl+B` elsewhere.
-* The app binds the keys; this only shows them.
-*/
-function formatShortcut(shortcut, apple = isApple()) {
-	const keys = apple ? APPLE_KEYS : OTHER_KEYS;
-	return shortcut.split("+").map((part) => {
-		const key = part.trim();
-		return keys[key.toLowerCase()] ?? (key.length === 1 ? key.toUpperCase() : key);
-	}).join(apple ? "" : "+");
-}
-// src/tooltip/tooltip.tsx
-function TooltipProvider({ delay = 600, ...props }) {
-	return /* @__PURE__ */ jsx(Tooltip$1.Provider, {
-		"data-slot": "tooltip-provider",
-		delay,
-		...props
-	});
-}
-function Tooltip({ ...props }) {
-	return /* @__PURE__ */ jsx(Tooltip$1.Root, {
-		"data-slot": "tooltip",
-		...props
-	});
-}
-function TooltipTrigger({ ...props }) {
-	return /* @__PURE__ */ jsx(Tooltip$1.Trigger, {
-		"data-slot": "tooltip-trigger",
-		...props
-	});
-}
-function 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", 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" })]
-		})
-	}) });
-}
-// src/toolbar/toolbar-item.tsx
-const ICON_SIZE = {
-	xs: "icon-xs",
-	sm: "icon-sm",
-	md: "icon",
-	lg: "icon-lg"
-};
-const TEXT_SIZE = {
-	xs: "xs",
-	sm: "sm",
-	md: "default",
-	lg: "lg"
-};
-const SIDE = {
-	top: "top",
-	bottom: "bottom",
-	left: "inline-start",
-	right: "inline-end"
-};
-/**
-* A ghost Button (#84) sized to its toolbar, as a toggle when it has `pressed`, `onPressedChange`
-* or a `value`, with a tooltip for icon-only items. On-state: shadcn's toggle (`bg-muted`).
-*/
-function ToolbarItem({ icon, children, pressed, onPressedChange, value, tooltip, size: sizeProp, className, type, ...rest }) {
-	const defaults = useControlDefaults();
-	const size = sizeProp ?? defaults.size ?? "md";
-	const iconOnly = icon !== void 0 && (children === void 0 || children === null);
-	const toggle = pressed !== void 0 || onPressedChange !== void 0 || value !== void 0;
-	const label = rest["aria-label"];
-	const button = /* @__PURE__ */ jsx(Button, {
-		...rest,
-		type: type ?? "button",
-		variant: "ghost",
-		size: iconOnly ? ICON_SIZE[size] : TEXT_SIZE[size],
-		className: cn("data-pressed:bg-muted data-pressed:text-foreground", defaults.instantColors && "transition-none", className),
-		children: iconOnly ? icon : /* @__PURE__ */ jsxs(Fragment, { children: [icon !== void 0 && /* @__PURE__ */ jsx("span", {
-			"data-icon": "inline-start",
-			"aria-hidden": "true",
-			className: "contents",
-			children: icon
-		}), children] })
-	});
-	let root = button;
-	if (toggle) root = /* @__PURE__ */ jsx(Toggle, {
-		disabled: rest.disabled,
-		value,
-		pressed,
-		onPressedChange,
-		render: button
-	});
-	const options = tooltip === false ? void 0 : tooltip === true ? {} : tooltip;
-	const content = options?.content ?? (iconOnly || options ? label?.trim() : void 0);
-	if ((iconOnly || tooltip !== void 0) && options && content) root = /* @__PURE__ */ jsxs(Tooltip, { children: [/* @__PURE__ */ jsx(TooltipTrigger, {
-		render: root,
-		"aria-keyshortcuts": options.shortcut ? ariaShortcut(options.shortcut) : void 0
-	}), /* @__PURE__ */ jsxs(TooltipContent, {
-		side: SIDE[options.side ?? "top"],
-		children: [content, options.shortcut && /* @__PURE__ */ jsx(Kbd, { children: formatShortcut(options.shortcut) })]
-	})] });
-	return root;
-}
-// src/toolbar/overflow.tsx
-/**
-* Units register here; the Toolbar measures them and decides which are hidden. Hidden units stay
-* mounted (so a ToggleGroup keeps its state) but render nothing inline and show their `menu`
-* form in the More menu instead.
-*/
-var OverflowStore = class {
-	units = /* @__PURE__ */ new Map();
-	hidden = /* @__PURE__ */ new Set();
-	listeners = /* @__PURE__ */ new Set();
-	version = 0;
-	moreWidth = 0;
-	subscribe = (listener) => {
-		this.listeners.add(listener);
-		return () => this.listeners.delete(listener);
-	};
-	getVersion = () => this.version;
-	isHidden = (id) => this.hidden.has(id);
-	emit() {
-		this.version++;
-		for (const listener of this.listeners) listener();
-	}
-	ensure(id) {
-		let unit = this.units.get(id);
-		if (!unit) {
-			unit = {
-				kind: "item",
-				priority: 0,
-				menu: null,
-				el: null,
-				width: 0,
-				rank: Number.MAX_SAFE_INTEGER
-			};
-			this.units.set(id, unit);
-		}
-		return unit;
-	}
-	upsert(id, patch) {
-		Object.assign(this.ensure(id), patch);
-		if (this.hidden.has(id)) this.emit();
-	}
-	remove(id) {
-		this.units.delete(id);
-		if (this.hidden.delete(id)) this.emit();
-	}
-	elementOf(id) {
-		return this.units.get(id)?.el ?? null;
-	}
-	setElement(id, el) {
-		this.ensure(id).el = el;
-	}
-	setMoreWidth(width) {
-		if (width > 0) this.moreWidth = width;
-	}
-	/** Hidden units' menu forms in toolbar order, for the More menu. */
-	hiddenMenus() {
-		return [...this.units.entries()].filter(([id, unit]) => this.hidden.has(id) && unit.kind !== "separator").sort(([, a], [, b]) => a.rank - b.rank).map(([id, unit]) => ({
-			id,
-			kind: unit.kind,
-			menu: unit.menu
-		}));
-	}
-	/** Measures the toolbar and hides the fewest units (highest priority number first). */
-	layout(root) {
-		const parent = root.parentElement;
-		if (!parent) return;
-		const rootStyle = getComputedStyle(root);
-		const parentStyle = getComputedStyle(parent);
-		const px = (value) => Number.parseFloat(value) || 0;
-		const room = parent.clientWidth - px(parentStyle.paddingLeft) - px(parentStyle.paddingRight) - (root.offsetWidth - root.clientWidth) - px(rootStyle.paddingLeft) - px(rootStyle.paddingRight);
-		const gap = px(rootStyle.columnGap);
-		const unitEls = [...root.querySelectorAll("[data-overflow-unit]")];
-		for (const [id, unit] of this.units) {
-			if (!unit.el?.isConnected) continue;
-			unit.rank = unitEls.indexOf(unit.el);
-			if (!this.hidden.has(id)) unit.width = unit.el.getBoundingClientRect().width;
-		}
-		const more = this.moreWidth || Math.max(0, ...[...this.units.values()].map((u) => u.el?.getBoundingClientRect().height ?? 0));
-		const ordered = [...this.units.entries()].sort(([, a], [, b]) => a.rank - b.rank);
-		const needs = (hidden) => {
-			const shown = ordered.filter(([id]) => !hidden.has(id));
-			const items = shown.reduce((sum, [, u]) => sum + u.width, 0);
-			const slots = shown.length + (hidden.size > 0 ? 1 : 0);
-			return items + (hidden.size > 0 ? more : 0) + gap * Math.max(0, slots - 1);
-		};
-		const hidden = /* @__PURE__ */ new Set();
-		if (needs(hidden) > room) {
-			const candidates = ordered.filter(([, u]) => u.kind !== "separator" && u.priority !== "never").sort(([, a], [, b]) => {
-				const pa = a.priority;
-				return b.priority - pa || b.rank - a.rank;
-			});
-			for (const [id] of candidates) {
-				hidden.add(id);
-				hideOrphanSeparators(ordered, hidden);
-				if (needs(hidden) <= room) break;
-			}
-		}
-		if (!(hidden.size === this.hidden.size && [...hidden].every((id) => this.hidden.has(id)))) {
-			const active = root.ownerDocument.activeElement;
-			this.refocus = [...hidden].some((id) => {
-				const el = this.units.get(id)?.el;
-				return !this.hidden.has(id) && el !== null && el !== void 0 && el.contains(active);
-			});
-			const more = this.moreEl;
-			const onMore = more?.isConnected && (more.contains(active) || more.getAttribute("aria-expanded") === "true" && active?.closest("[role=\"menu\"]")?.id === more.getAttribute("aria-controls"));
-			const returning = hidden.size === 0 && onMore ? ordered.find(([id]) => this.hidden.has(id) && this.units.get(id)?.kind !== "separator") : void 0;
-			this.focusOnReturn = returning?.[0] ?? null;
-			this.hidden = hidden;
-			this.emit();
-		}
-	}
-	refocus = false;
-	focusOnReturn = null;
-	/** True once for the unit that should take focus when it renders again (see `layout`). */
-	takeFocusOnReturn(id) {
-		if (this.focusOnReturn !== id) return false;
-		this.focusOnReturn = null;
-		return true;
-	}
-	/** The More button, while it is shown. */
-	moreEl = null;
-	setMoreElement(el) {
-		this.moreEl = el;
-	}
-	/** True once after a layout hid the focused item; the More button then takes focus. */
-	takeRefocus() {
-		const refocus = this.refocus;
-		this.refocus = false;
-		return refocus;
-	}
-};
-/** A separator hides when the unit on either side of it is hidden or missing. */
-function hideOrphanSeparators(ordered, hidden) {
-	const items = (list) => list.filter(([, u]) => u.kind !== "separator");
-	ordered.forEach(([id, u], index) => {
-		if (u.kind !== "separator") return;
-		const before = items(ordered.slice(0, index)).at(-1);
-		const after = items(ordered.slice(index + 1))[0];
-		if (!before || !after || hidden.has(before[0]) || hidden.has(after[0])) hidden.add(id);
-	});
-}
-const OverflowContext = createContext(null);
-/**
-* Registers a toolbar part for overflow. Returns `hidden` (render nothing inline) and the props
-* for its element. Outside an `overflow="menu"` toolbar it does nothing.
-*/
-function useOverflowUnit({ kind, priority = 0, menu }) {
-	const store = useContext(OverflowContext);
-	const id = useId();
-	const hidden = useSyncExternalStore(store?.subscribe ?? noopSubscribe, () => store?.isHidden(id) ?? false, () => false);
-	useLayoutEffect(() => {
-		store?.upsert(id, {
-			kind,
-			priority,
-			menu
-		});
-	});
-	useLayoutEffect(() => store ? () => store.remove(id) : void 0, [store, id]);
-	const ref = useCallback((el) => store?.setElement(id, el), [store, id]);
-	const shown = store !== null && !hidden;
-	useLayoutEffect(() => {
-		if (!shown || !store?.takeFocusOnReturn(id)) return;
-		const el = store.elementOf(id);
-		(el?.matches("button, a[href]") ? el : el?.querySelector("button:not(:disabled), a[href]"))?.focus();
-	}, [
-		shown,
-		store,
-		id
-	]);
-	return {
-		hidden: store !== null && hidden,
-		unitProps: store ? {
-			ref,
-			"data-overflow-unit": ""
-		} : {},
-		/** Render this while hidden: it keeps the unit's place in the toolbar order. */
-		placeholder: store ? /* @__PURE__ */ jsx("span", {
-			hidden: true,
-			ref,
-			"data-overflow-unit": ""
-		}) : null
-	};
-}
-const noopSubscribe = () => () => {};
-const Ellipsis = () => /* @__PURE__ */ jsxs("svg", {
-	viewBox: "0 0 16 16",
-	"aria-hidden": "true",
-	children: [
-		/* @__PURE__ */ jsx("circle", {
-			cx: "3.5",
-			cy: "8",
-			r: "1.25",
-			fill: "currentColor"
-		}),
-		/* @__PURE__ */ jsx("circle", {
-			cx: "8",
-			cy: "8",
-			r: "1.25",
-			fill: "currentColor"
-		}),
-		/* @__PURE__ */ jsx("circle", {
-			cx: "12.5",
-			cy: "8",
-			r: "1.25",
-			fill: "currentColor"
-		})
-	]
-});
-/** The trailing More button: shows the hidden units' menu forms, in toolbar order. */
-function OverflowMore({ store, label }) {
-	const version = useSyncExternalStore(store.subscribe, store.getVersion, store.getVersion);
-	const menus = store.hiddenMenus();
-	const button = useRef(null);
-	const measure = useCallback((el) => {
-		button.current = el;
-		store.setMoreElement(el);
-		if (el) store.setMoreWidth(el.getBoundingClientRect().width);
-	}, [store]);
-	useLayoutEffect(() => {
-		if (version && store.takeRefocus()) button.current?.focus();
-	}, [store, version]);
-	if (menus.length === 0) return null;
-	return /* @__PURE__ */ jsxs(DropdownMenu, { children: [/* @__PURE__ */ jsx(DropdownMenuTrigger, { render: /* @__PURE__ */ jsx(Toolbar$1.Button, {
-		"data-slot": "toolbar-overflow",
-		ref: measure,
-		render: /* @__PURE__ */ jsx(ToolbarItem, {
-			icon: /* @__PURE__ */ jsx(Ellipsis, {}),
-			"aria-label": label
-		})
-	}) }), /* @__PURE__ */ jsx(DropdownMenuContent, {
-		align: "end",
-		className: "w-auto",
-		children: menus.map(({ id, kind, menu }, index) => /* @__PURE__ */ jsxs(Fragment$1, { children: [index > 0 && (kind === "group" || menus[index - 1]?.kind === "group") && /* @__PURE__ */ jsx(DropdownMenuSeparator, {}), menu] }, id))
-	})] });
-}
-// src/toggle-group/toggle-group.tsx
-const groupStyles = tv({
-	base: ["inline-flex items-center data-[orientation=vertical]:flex-col", "data-[orientation=horizontal]:pointer-coarse:[&_button]:before:min-w-0 data-[orientation=vertical]:pointer-coarse:[&_button]:before:min-h-0"],
-	variants: { variant: {
-		ghost: "gap-0.5",
-		outline: "gap-0 rounded-control border border-border-default [&>*]:rounded-none [&>*:first-child]:rounded-s-control [&>*:last-child]:rounded-e-control [&>*+*]:border-s-border-default data-[orientation=vertical]:[&>*+*]:border-s-transparent data-[orientation=vertical]:[&>*+*]:border-t-border-default"
-	} },
-	defaultVariants: { variant: "ghost" }
-});
-/**
-* A set of toggles where one (`type="single"`) or several (`"multiple"`) can be on, on Base UI
-* `ToggleGroup`. Inside a `Toolbar` its items join the toolbar's arrow-key navigation.
-*/
-function ToggleGroup(props) {
-	const { type = "single", value: valueProp, defaultValue, onValueChange, required = false, variant = "ghost", size: sizeProp, overflowPriority, orientation: orientationProp, className, children, ...rest } = props;
-	const defaults = useControlDefaults();
-	const multiple = type === "multiple";
-	const toArray = (v) => Array.isArray(v) ? v : v === null || v === void 0 ? [] : [v];
-	const [inner, setInner] = useState(() => toArray(defaultValue));
-	const controlled = valueProp !== void 0;
-	const current = controlled ? toArray(valueProp) : inner;
-	const handleChange = (next) => {
-		if (!multiple && required && next.length === 0) return;
-		if (!controlled) setInner(next);
-		onValueChange?.(multiple ? next : next[0] ?? null);
-	};
-	const size = sizeProp ?? defaults.size ?? "md";
-	const orientation = orientationProp ?? defaults.orientation ?? "horizontal";
-	const items = Children.toArray(children).flatMap((child) => isValidElement(child) && child.type === ToggleGroupItem ? [child.props] : []);
-	const label = rest["aria-label"];
-	const { hidden, unitProps, placeholder } = useOverflowUnit({
-		kind: "group",
-		priority: overflowPriority,
-		menu: multiple ? /* @__PURE__ */ jsxs(DropdownMenuGroup, { children: [label && /* @__PURE__ */ jsx(DropdownMenuLabel, { children: label }), items.map((item) => /* @__PURE__ */ jsxs(DropdownMenuCheckboxItem, {
-			disabled: item.disabled,
-			checked: current.includes(item.value),
-			onCheckedChange: (on) => handleChange(on ? [...current, item.value] : current.filter((v) => v !== item.value)),
-			children: [item.icon, item["aria-label"] ?? item.children ?? item.value]
-		}, item.value))] }) : /* @__PURE__ */ jsxs(DropdownMenuGroup, { children: [label && /* @__PURE__ */ jsx(DropdownMenuLabel, { children: label }), /* @__PURE__ */ jsx(DropdownMenuRadioGroup, {
-			value: current[0] ?? null,
-			onValueChange: (next) => handleChange(next ? [next] : []),
-			children: items.map((item) => /* @__PURE__ */ jsxs(DropdownMenuRadioItem, {
-				value: item.value,
-				disabled: item.disabled,
-				children: [item.icon, item["aria-label"] ?? item.children ?? item.value]
-			}, item.value))
-		})] })
-	});
-	if (hidden) return placeholder;
-	return /* @__PURE__ */ jsx(ControlDefaultsContext.Provider, {
-		value: {
-			...defaults,
-			size,
-			iconTransition: defaults.iconTransition ?? "instant",
-			sound: defaults.sound ?? false
-		},
-		children: /* @__PURE__ */ jsx(ToggleGroup$1, {
-			"data-slot": "toggle-group",
-			"data-variant": variant,
-			"data-size": size,
-			multiple,
-			orientation,
-			value: current,
-			onValueChange: handleChange,
-			className: cn(groupStyles({ variant }), className),
-			...unitProps,
-			...rest,
-			children
-		})
-	});
-}
-/**
-* One toggle in a `ToggleGroup`: a ghost Button (#84), icon-only (with a tooltip) when it has
-* only an `icon`, a text toggle otherwise. A shortcut shows in the tooltip for both.
-*/
-function ToggleGroupItem({ shortcut, tooltip, ...rest }) {
-	return /* @__PURE__ */ jsx(ToolbarItem, {
-		...rest,
-		"data-slot": "toggle-group-item",
-		tooltip: tooltip ?? (shortcut ? { shortcut } : void 0)
-	});
-}
-ToggleGroup.Item = ToggleGroupItem;
-// src/lib/merge-refs.ts
-/** Combines refs into one callback ref (React 19 cleanup-aware). */
-function mergeRefs(...refs) {
-	return (node) => {
-		const cleanups = [];
-		for (const ref of refs) if (typeof ref === "function") {
-			const cleanup = ref(node);
-			cleanups.push(typeof cleanup === "function" ? cleanup : () => ref(null));
-		} else if (ref) {
-			ref.current = node;
-			cleanups.push(() => {
-				ref.current = null;
-			});
-		}
-		return () => {
-			for (const cleanup of cleanups) cleanup();
-		};
-	};
-}
-// src/toolbar/toolbar.tsx
-const toolbarStyles = tv({
-	base: "flex items-center gap-0.5 data-[orientation=vertical]:flex-col",
-	variants: {
-		surface: {
-			none: "",
-			floating: "nsaa-surface w-fit rounded-surface p-1 shadow-default"
-		},
-		overflow: {
-			menu: "flex-nowrap",
-			none: "flex-wrap",
-			scroll: [
-				"snap-x snap-proximity scroll-px-4 overflow-x-auto overscroll-x-contain p-1 pointer-coarse:py-1.5 [scrollbar-width:none] [&>*]:snap-start",
-				"[--fade-l:0px] [--fade-r:0px] data-fade-left:[--fade-l:--spacing(4)] data-fade-right:[--fade-r:--spacing(4)]",
-				"[mask-image:linear-gradient(to_right,transparent,black_var(--fade-l),black_calc(100%-var(--fade-r)),transparent)]"
-			]
-		}
-	},
-	defaultVariants: {
-		surface: "none",
-		overflow: "menu"
-	}
-});
-/** Marks which edges of a scrolling toolbar hide items (`data-fade-left` / `data-fade-right`). */
-function useScrollEdges(enabled) {
-	const node = useRef(null);
-	useEffect(() => {
-		const el = node.current;
-		if (!enabled || !el) return;
-		const update = () => {
-			const max = el.scrollWidth - el.clientWidth;
-			const fromLeft = getComputedStyle(el).direction === "rtl" ? max + el.scrollLeft : el.scrollLeft;
-			el.toggleAttribute("data-fade-left", fromLeft > 1);
-			el.toggleAttribute("data-fade-right", max - fromLeft > 1);
-		};
-		update();
-		el.addEventListener("scroll", update, { passive: true });
-		const observer = typeof ResizeObserver === "undefined" ? void 0 : new ResizeObserver(update);
-		observer?.observe(el);
-		return () => {
-			el.removeEventListener("scroll", update);
-			observer?.disconnect();
-		};
-	}, [enabled]);
-	return node;
-}
-/**
-* Groups related controls behind one Tab stop, with arrow keys, Home and End moving between items
-* (Base UI `Toolbar`). Items get the toolbar's size, swap icons instantly, change colour without
-* transitions and stay silent unless `sound` is set: a toolbar is high-frequency.
-*/
-function ToolbarRoot({ size = "sm", surface = "none", overflow = "menu", overflowLabel = "More", sound = false, orientation = "horizontal", className, children, onKeyDown, ref, ...props }) {
-	const edges = useScrollEdges(overflow === "scroll");
-	const root = useRef(null);
-	const setRef = useCallback((el) => mergeRefs(root, edges, ref)(el), [edges, ref]);
-	const [store] = useState(() => new OverflowStore());
-	const collapses = overflow === "menu" && orientation === "horizontal";
-	useLayoutEffect(() => {
-		if (collapses && root.current) store.layout(root.current);
-	});
-	useEffect(() => {
-		const el = root.current;
-		if (!collapses || !el || typeof ResizeObserver === "undefined") return;
-		const observer = new ResizeObserver(() => store.layout(el));
-		observer.observe(el);
-		if (el.parentElement) observer.observe(el.parentElement);
-		return () => observer.disconnect();
-	}, [collapses, store]);
-	const handleKeyDown = (event) => {
-		onKeyDown?.(event);
-		if (event.defaultPrevented || event.key !== "Home" && event.key !== "End") return;
-		if (event.target.closest("input, textarea, [contenteditable]")) return;
-		const items = [...event.currentTarget.querySelectorAll("button:not(:disabled), a[href], input:not(:disabled)")];
-		const target = event.key === "Home" ? items[0] : items.at(-1);
-		if (!target) return;
-		event.preventDefault();
-		target.focus();
-	};
-	return /* @__PURE__ */ jsx(ControlDefaultsContext.Provider, {
-		value: {
-			size,
-			sound,
-			orientation,
-			iconTransition: "instant",
-			instantColors: true
-		},
-		children: /* @__PURE__ */ jsx(TooltipProvider, { children: /* @__PURE__ */ jsxs(Toolbar$1.Root, {
-			ref: setRef,
-			"data-slot": "toolbar",
-			"data-size": size,
-			"data-surface": surface,
-			orientation,
-			className: cn(toolbarStyles({
-				surface,
-				overflow
-			}), "data-[orientation=horizontal]:pointer-coarse:[&_:is(button,a)]:before:min-w-0", "data-[orientation=vertical]:pointer-coarse:[&_:is(button,a)]:before:min-h-0", className),
-			onKeyDown: handleKeyDown,
-			...props,
-			children: [/* @__PURE__ */ jsx(OverflowContext.Provider, {
-				value: collapses ? store : null,
-				children
-			}), collapses && /* @__PURE__ */ jsx(OverflowMore, {
-				store,
-				label: overflowLabel
-			})]
-		}) })
-	});
-}
-/** A toolbar button's form in the More menu: a menu item, or a checkbox item for a toggle. */
-function buttonMenuItem(p, disabled) {
-	const label = p["aria-label"] ?? p.children;
-	const shortcut = typeof p.tooltip === "object" ? p.tooltip.shortcut : void 0;
-	if (p.pressed !== void 0 || p.onPressedChange !== void 0) return /* @__PURE__ */ jsxs(DropdownMenuCheckboxItem, {
-		"aria-keyshortcuts": shortcut ? ariaShortcut(shortcut) : void 0,
-		checked: p.pressed ?? false,
-		disabled,
-		onCheckedChange: (on, details) => p.onPressedChange?.(on, details),
-		children: [
-			p.icon,
-			label,
-			shortcut && /* @__PURE__ */ jsx(DropdownMenuShortcut, { children: formatShortcut(shortcut) })
-		]
-	});
-	return /* @__PURE__ */ jsxs(DropdownMenuItem, {
-		"aria-keyshortcuts": shortcut ? ariaShortcut(shortcut) : void 0,
-		disabled,
-		onClick: p.onClick,
-		children: [
-			p.icon,
-			label,
-			shortcut && /* @__PURE__ */ jsx(DropdownMenuShortcut, { children: formatShortcut(shortcut) })
-		]
-	});
-}
-/**
-* A ghost Button (#84): icon-only (with a tooltip) when it has only an `icon`, labelled otherwise;
-* a toggle with `pressed`. Disabled items stay focusable so people can discover them.
-*/
-function ToolbarButton({ disabled, overflowPriority, ...props }) {
-	const { hidden, unitProps, placeholder } = useOverflowUnit({
-		kind: "item",
-		priority: props["aria-haspopup"] !== void 0 ? "never" : overflowPriority,
-		menu: buttonMenuItem(props, disabled)
-	});
-	if (hidden) return placeholder;
-	return /* @__PURE__ */ jsx(Toolbar$1.Button, {
-		...unitProps,
-		"data-slot": "toolbar-button",
-		disabled,
-		focusableWhenDisabled: true,
-		render: /* @__PURE__ */ jsx(ToolbarItem, { ...props })
-	});
-}
-const LINK_SIZE = {
-	xs: "xs",
-	sm: "sm",
-	md: "default",
-	lg: "lg",
-	xl: "lg"
-};
-/** A link styled like a ghost toolbar item. */
-function ToolbarLink({ className, overflowPriority, ...props }) {
-	const { size } = useControlDefaults();
-	const { hidden, unitProps, placeholder } = useOverflowUnit({
-		kind: "item",
-		priority: overflowPriority,
-		menu: /* @__PURE__ */ jsx(DropdownMenuItem, {
-			render: /* @__PURE__ */ jsx("a", { href: props.href }),
-			children: props.children
-		})
-	});
-	if (hidden) return placeholder;
-	return /* @__PURE__ */ jsx(Toolbar$1.Link, {
-		...unitProps,
-		"data-slot": "toolbar-link",
-		className: cn(buttonVariants({
-			variant: "ghost",
-			size: LINK_SIZE[size ?? "md"]
-		}), "transition-none", className),
-		...props
-	});
-}
-/** A labelled cluster of items. */
-function ToolbarGroup({ className, ...props }) {
-	return /* @__PURE__ */ jsx(Toolbar$1.Group, {
-		"data-slot": "toolbar-group",
-		role: "group",
-		className: cn("flex items-center gap-0.5 data-[orientation=vertical]:flex-col", className),
-		...props
-	});
-}
-/** 1 px `border-default`, 60% of the item height, perpendicular to the toolbar. */
-function ToolbarSeparator({ className, ...props }) {
-	const { hidden, unitProps, placeholder } = useOverflowUnit({
-		kind: "separator",
-		menu: null
-	});
-	if (hidden) return placeholder;
-	return /* @__PURE__ */ jsx(Toolbar$1.Separator, {
-		...unitProps,
-		"data-slot": "toolbar-separator",
-		className: cn("shrink-0 self-stretch bg-border-default", "data-[orientation=vertical]:mx-0.5 data-[orientation=vertical]:w-px data-[orientation=vertical]:scale-y-60", "data-[orientation=horizontal]:my-0.5 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:scale-x-60", className),
-		...props
-	});
-}
-/**
-* A text input in the toolbar (search, find, a URL). At most one, placed last: arrow keys move
-* the caret inside it (Base UI). The base-nova Input (#84) without its resting border; never
-* collapses.
-*/
-function ToolbarInput({ className, ...props }) {
-	const { unitProps } = useOverflowUnit({
-		kind: "item",
-		priority: "never",
-		menu: null
-	});
-	return /* @__PURE__ */ jsx("span", {
-		...unitProps,
-		"data-slot": "toolbar-input",
-		className: "inline-flex min-w-0 shrink",
-		children: /* @__PURE__ */ jsx(Toolbar$1.Input, { render: /* @__PURE__ */ jsx(Input, {
-			className: cn("border-transparent dark:bg-transparent", className),
-			...props
-		}) })
-	});
-}
-const Toolbar = Object.assign(ToolbarRoot, {
-	Button: ToolbarButton,
-	Input: ToolbarInput,
-	Link: ToolbarLink,
-	Group: ToolbarGroup,
-	Separator: ToolbarSeparator
-});
-// src/index.ts
-trackInputModality();
-export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertAction, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogMedia, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, Avatar, AvatarBadge, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarImage, Badge, Button, Calendar, CalendarDayButton, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, Collapsible, CollapsibleContent, CollapsibleTrigger, Combobox, ComboboxChip, ComboboxChips, ComboboxChipsInput, ComboboxCollection, ComboboxContent, ComboboxEmpty, ComboboxGroup, ComboboxInput, ComboboxItem, ComboboxLabel, ComboboxList, ComboboxSeparator, ComboboxTrigger, ComboboxValue, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DirectionProvider, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerSwipeHandle, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle, Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, IconSwap, Input, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, Kbd, KbdGroup, Label, LoaderProvider, NativeSelect, NativeSelectOptGroup, NativeSelectOption, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, Popover, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger, RadioGroup, RadioGroupItem, SOUND_MAP, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Skeleton, SkeletonContent, Slider, SoundProvider, 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, ToggleGroup, Toolbar, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, badgeVariants, buttonVariants, cn, createToastManager, registerLoader, registerLoaders, tabsListVariants, toast, useComboboxAnchor, useEmptyIllustration, useSound, useToastManager };
+import { cn } from "./lib/cn.js";
+import { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from "./accordion/accordion.js";
+import { SoundProvider, useSound } from "./sound/sound.js";
+import { SOUND_MAP } from "./sound/sound-map.js";
+import { Alert, AlertAction, AlertDescription, AlertTitle } from "./alert/alert.js";
+import { LoaderProvider } from "./spinner/loader-provider.js";
+import { registerLoader, registerLoaders } from "./spinner/registry.js";
+import { Spinner } from "./spinner/spinner.js";
+import { Button, buttonVariants } from "./button/button.js";
+import { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogMedia, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger } from "./alert-dialog/alert-dialog.js";
+import { Avatar, AvatarBadge, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarImage } from "./avatar/avatar.js";
+import { Badge, badgeVariants } from "./badge/badge.js";
+import { Calendar, CalendarDayButton } from "./calendar/calendar.js";
+import { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "./card/card.js";
+import { Checkbox } from "./checkbox/checkbox.js";
+import { Collapsible, CollapsibleContent, CollapsibleTrigger } from "./collapsible/collapsible.js";
+import { Input } from "./input/input.js";
+import { Textarea } from "./textarea/textarea.js";
+import { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea } from "./input-group/input-group.js";
+import { Combobox, ComboboxChip, ComboboxChips, ComboboxChipsInput, ComboboxCollection, ComboboxContent, ComboboxEmpty, ComboboxGroup, ComboboxInput, ComboboxItem, ComboboxLabel, ComboboxList, ComboboxSeparator, ComboboxTrigger, ComboboxValue, useComboboxAnchor } from "./combobox/combobox.js";
+import { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger } from "./dialog/dialog.js";
+import { Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut } from "./command/command.js";
+import { ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger } from "./context-menu/context-menu.js";
+import { DirectionProvider } from "./direction.js";
+import { Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerSwipeHandle, DrawerTitle, DrawerTrigger } from "./drawer/drawer.js";
+import { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger } from "./dropdown-menu/dropdown-menu.js";
+import { Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle, useEmptyIllustration } from "./empty/empty.js";
+import { Label } from "./label/label.js";
+import { Separator } from "./separator/separator.js";
+import { Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle } from "./field/field.js";
+import { InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot } from "./input-otp/input-otp.js";
+import { Kbd, KbdGroup } from "./kbd/kbd.js";
+import { IconSwap } from "./lib/icon-swap.js";
+import { NativeSelect, NativeSelectOptGroup, NativeSelectOption } from "./native-select/native-select.js";
+import { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious } from "./pagination/pagination.js";
+import { Popover, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger } from "./popover/popover.js";
+import { RadioGroup, RadioGroupItem } from "./radio-group/radio-group.js";
+import { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue } from "./select/select.js";
+import { Skeleton, SkeletonContent } from "./skeleton/skeleton.js";
+import { Slider } from "./slider/slider.js";
+import { lazyUisfxPlayer } from "./sound/lazy-uisfx.js";
+import { Switch } from "./switch/switch.js";
+import { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow } from "./table/table.js";
+import { Tabs, TabsContent, TabsList, TabsTrigger, tabsListVariants } from "./tabs/tabs.js";
+import { Toast, ToastAction, ToastClose, ToastContent, ToastDescription, ToastPortal, ToastProvider, ToastTitle, ToastViewport, Toaster, createToastManager, toast, useToastManager } from "./toast/toast.js";
+import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "./tooltip/tooltip.js";
+import { ToggleGroup } from "./toggle-group/toggle-group.js";
+import { Toolbar } from "./toolbar/toolbar.js";
+import "./lib/track-input-modality.js";
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertAction, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogMedia, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, Avatar, AvatarBadge, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarImage, Badge, Button, Calendar, CalendarDayButton, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, Collapsible, CollapsibleContent, CollapsibleTrigger, Combobox, ComboboxChip, ComboboxChips, ComboboxChipsInput, ComboboxCollection, ComboboxContent, ComboboxEmpty, ComboboxGroup, ComboboxInput, ComboboxItem, ComboboxLabel, ComboboxList, ComboboxSeparator, ComboboxTrigger, ComboboxValue, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DirectionProvider, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerSwipeHandle, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle, Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, IconSwap, Input, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, Kbd, KbdGroup, Label, LoaderProvider, NativeSelect, NativeSelectOptGroup, NativeSelectOption, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, Popover, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger, RadioGroup, RadioGroupItem, SOUND_MAP, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Skeleton, SkeletonContent, Slider, SoundProvider, 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, ToggleGroup, Toolbar, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, badgeVariants, buttonVariants, cn, createToastManager, lazyUisfxPlayer, registerLoader, registerLoaders, tabsListVariants, toast, useComboboxAnchor, useEmptyIllustration, useSound, useToastManager };