@dlbcodes/ui 0.8.0

package/dist/index.js

@@ -0,0 +1,3252 @@
+import { Fragment as e, Teleport as t, Transition as n, computed as r, createBlock as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createTextVNode as c, createVNode as l, defineComponent as u, inject as d, mergeModels as f, mergeProps as p, nextTick as m, normalizeClass as h, normalizeStyle as g, onBeforeUnmount as _, onMounted as v, onUnmounted as y, openBlock as b, provide as x, ref as S, renderSlot as C, resolveDynamicComponent as w, shallowRef as T, toDisplayString as E, toValue as ee, unref as D, useId as O, useModel as te, useSlots as ne, vShow as re, watch as k, watchEffect as ie, withCtx as A, withDirectives as ae, withModifiers as oe } from "vue";
+import { RouterLink as se } from "vue-router";
+import { twMerge as ce } from "tailwind-merge";
+import { clsx as le } from "clsx";
+import { cva as j } from "class-variance-authority";
+import { Combobox as ue, ComboboxButton as de, ComboboxInput as fe, ComboboxOption as pe, ComboboxOptions as me, Disclosure as he, DisclosureButton as ge, DisclosurePanel as _e, Listbox as ve, ListboxButton as ye, ListboxOption as be, ListboxOptions as xe, Menu as Se, MenuButton as Ce, MenuItem as we, MenuItems as Te, Popover as Ee, PopoverButton as De, PopoverPanel as Oe, Tab as ke, TabGroup as Ae, TabList as je, TabPanel as Me, TabPanels as Ne } from "@headlessui/vue";
+import { PhCaretDown as Pe, PhCaretUpDown as Fe, PhCheck as Ie, PhList as Le, PhMagnifyingGlass as Re, PhX as ze } from "@phosphor-icons/vue";
+import { onKeyStroke as Be, toArray as Ve, tryOnScopeDispose as He, unrefElement as Ue, useMediaQuery as We, useScrollLock as Ge, useTextareaAutosize as Ke } from "@vueuse/core";
+import { Float as M, FloatContent as N, FloatReference as P } from "@headlessui-float/vue";
+//#region lib/utils/cn.ts
+function F(...e) {
+	return ce(le(e));
+}
+var qe = j([
+	"group",
+	"inline-flex",
+	"items-center",
+	"justify-center",
+	"gap-2",
+	"cursor-pointer",
+	"select-none",
+	"font-semibold",
+	"transition-all",
+	"duration-100",
+	"ease-linear",
+	"active:not-aria-[haspopup]:translate-y-px",
+	"disabled:pointer-events-none",
+	"disabled:opacity-50",
+	"focus-visible:outline-none",
+	"focus-visible:ring-2",
+	"focus-visible:ring-offset-2",
+	"focus-visible:ring-border-strong",
+	"[&_svg]:pointer-events-none",
+	"[&_svg]:shrink-0",
+	"[&_svg:not([class*='size-'])]:size-4"
+].join(" "), {
+	variants: {
+		variant: {
+			primary: "border border-brand-200 bg-brand-200 text-text-inverse hover:brightness-110",
+			secondary: "border border-border-default bg-bg-base text-text-primary hover:bg-bg-subtle aria-expanded:bg-bg-subtle",
+			destructive: "border border-danger-text bg-danger-text text-text-inverse hover:brightness-110",
+			outline: "border border-border-default bg-transparent text-text-secondary hover:bg-bg-subtle hover:text-text-primary aria-expanded:bg-bg-subtle aria-expanded:text-text-primary",
+			ghost: "text-text-primary hover:bg-bg-subtle aria-expanded:bg-bg-subtle",
+			link: "inline-flex text-brand-200 hover:underline",
+			icon: "relative inline-grid place-items-center text-text-secondary hover:bg-bg-subtle aria-expanded:bg-bg-subtle aria-expanded:text-text-primary"
+		},
+		size: {
+			xl: "h-14 rounded-xl px-6 text-base",
+			lg: "h-12 rounded-xl px-6 text-base",
+			base: "h-10 rounded-xl px-6 text-sm",
+			sm: "h-8 rounded-lg px-4 text-sm",
+			icon: "rounded-xl p-1.5",
+			"icon-sm": "rounded-lg p-1"
+		}
+	},
+	defaultVariants: {
+		variant: "primary",
+		size: "base"
+	}
+}), Je = {
+	role: "status",
+	class: "inline-flex"
+}, Ye = { class: "sr-only" }, Xe = /* @__PURE__ */ u({
+	__name: "Spinner",
+	props: {
+		label: { default: "Loading" },
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	setup(e) {
+		let t = e;
+		return (n, r) => (b(), o("span", Je, [(b(), o("svg", {
+			class: h(D(F)("size-6 animate-spin text-text-tertiary", t.class)),
+			xmlns: "http://www.w3.org/2000/svg",
+			fill: "none",
+			viewBox: "0 0 24 24",
+			"aria-hidden": "true"
+		}, [...r[0] ||= [s("circle", {
+			class: "opacity-25",
+			cx: "12",
+			cy: "12",
+			r: "10",
+			stroke: "currentColor",
+			"stroke-width": "4"
+		}, null, -1), s("path", {
+			class: "opacity-75",
+			fill: "currentColor",
+			d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
+		}, null, -1)]], 2)), s("span", Ye, E(e.label), 1)]));
+	}
+}), Ze = /* @__PURE__ */ u({
+	__name: "Button",
+	props: {
+		variant: { default: "primary" },
+		size: { default: "base" },
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		to: {},
+		as: {},
+		type: { default: "button" },
+		loading: {
+			type: Boolean,
+			default: !1
+		},
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		loadingText: { default: "Loading…" }
+	},
+	setup(t) {
+		let n = t, a = r(() => !!n.to), c = r(() => n.loading || n.disabled), u = r(() => a.value ? n.as ?? se : "button"), d = r(() => a.value && n.as === "a"), f = r(() => !a.value || c.value ? {} : d.value ? { href: n.to } : { to: n.to }), m = r(() => F(qe({
+			variant: n.variant,
+			size: n.size
+		}), c.value && "pointer-events-none opacity-60", n.class));
+		return (r, d) => (b(), i(w(u.value), p(f.value, {
+			type: a.value ? void 0 : n.type,
+			disabled: a.value ? void 0 : c.value,
+			"aria-disabled": c.value || void 0,
+			"aria-busy": t.loading || void 0,
+			class: m.value
+		}), {
+			default: A(() => [t.loading ? (b(), o(e, { key: 0 }, [l(Xe, {
+				class: "size-4 shrink-0",
+				label: t.loadingText
+			}, null, 8, ["label"]), s("span", null, E(t.loadingText), 1)], 64)) : C(r.$slots, "default", { key: 1 })]),
+			_: 3
+		}, 16, [
+			"type",
+			"disabled",
+			"aria-disabled",
+			"aria-busy",
+			"class"
+		]));
+	}
+}), Qe = j([
+	"inline-flex",
+	"items-center",
+	"justify-center",
+	"gap-1",
+	"w-fit",
+	"shrink-0",
+	"overflow-hidden",
+	"whitespace-nowrap",
+	"rounded",
+	"border",
+	"px-2",
+	"py-0.5",
+	"text-[10px]",
+	"font-bold",
+	"uppercase",
+	"tracking-tight",
+	"transition-colors",
+	"[&>svg]:size-3"
+].join(" "), {
+	variants: { variant: {
+		success: "border-success-border bg-success-surface text-success-text",
+		pending: "border-warning-border bg-warning-surface text-warning-text",
+		info: "border-info-border bg-info-surface text-info-text",
+		destructive: "border-danger-border bg-danger-surface text-danger-text",
+		neutral: "border-border-default bg-bg-subtle text-text-secondary",
+		primary: "border-brand-200 bg-brand-200 text-text-inverse",
+		outline: "border-border-default bg-transparent text-text-secondary"
+	} },
+	defaultVariants: { variant: "neutral" }
+}), $e = /* @__PURE__ */ u({
+	__name: "Badge",
+	props: {
+		variant: { default: "neutral" },
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	setup(e) {
+		let t = e;
+		return (e, n) => (b(), o("span", { class: h(D(F)(D(Qe)({ variant: t.variant }), t.class)) }, [C(e.$slots, "default")], 2));
+	}
+}), et = j([[
+	"flex",
+	"flex-col",
+	"items-center",
+	"justify-center",
+	"w-full",
+	"uppercase",
+	"text-text-primary",
+	"bg-bg-surface",
+	"border",
+	"border-border-default",
+	"overflow-hidden"
+].join(" "), [
+	"*:overflow-hidden",
+	"*:bg-white",
+	"*:shadow-xs",
+	"*:rounded-2xl",
+	"*:dark:bg-dark-950",
+	"*:dark:border",
+	"*:dark:border-black",
+	"*:dark:shadow-[inset_-1px_1px_2px_0px_rgba(71,71,71,0.56)]"
+].join(" ")].join(" "), {
+	variants: { size: {
+		"10xl": "text-3xl size-30 xl:size-40 p-1 rounded-3xl *:rounded-[20px]",
+		"9xl": "text-3xl size-30 p-1 rounded-3xl *:rounded-[20px]",
+		"8xl": "text-3xl size-28 p-1 rounded-3xl *:rounded-[20px]",
+		"7xl": "text-3xl size-26 p-1 rounded-3xl *:rounded-[20px]",
+		"6xl": "text-3xl size-24 p-1 rounded-3xl *:rounded-[20px]",
+		"5xl": "text-3xl size-22 p-1 rounded-3xl *:rounded-[20px]",
+		"4xl": "text-4xl size-20 p-1 rounded-3xl *:rounded-[20px]",
+		"3xl": "text-xl size-18 p-1 rounded-2xl *:rounded-xl",
+		"2xl": "size-16",
+		xl: "size-14 rounded-xl *:rounded-[10px]",
+		lg: "size-12 p-0.5 rounded-xl *:rounded-[10px]",
+		base: "size-10 rounded-xl *:rounded-[10px]",
+		sm: "size-8 rounded-xl *:rounded-[10px]",
+		xs: "size-6 rounded-md"
+	} },
+	defaultVariants: { size: "base" }
+}), tt = ["src", "alt"], nt = {
+	key: 1,
+	class: "flex size-full items-center justify-center"
+}, rt = /* @__PURE__ */ u({
+	__name: "Avatar",
+	props: {
+		size: { default: "base" },
+		src: { default: null },
+		name: { default: null },
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	setup(e) {
+		let t = e, n = r(() => {
+			let e = t.name?.trim();
+			return e ? e.charAt(0).toUpperCase() : "?";
+		}), i = r(() => t.name?.trim() ?? "");
+		return (r, a) => (b(), o("div", { class: h(D(F)(D(et)({ size: e.size }), t.class)) }, [e.src ? (b(), o("img", {
+			key: 0,
+			src: e.src,
+			alt: i.value,
+			class: "size-full rounded-full object-cover"
+		}, null, 8, tt)) : (b(), o("div", nt, E(n.value), 1))], 2));
+	}
+}), it = /* @__PURE__ */ u({
+	__name: "Kbd",
+	props: { class: { type: [
+		Boolean,
+		null,
+		String,
+		Object,
+		Array
+	] } },
+	setup(e) {
+		let t = e;
+		return (e, n) => (b(), o("kbd", { class: h(D(F)("pointer-events-none inline-flex h-5 w-fit min-w-5 select-none items-center justify-center gap-1 rounded-sm bg-bg-subtle px-1 font-sans text-xs font-medium text-text-secondary", t.class)) }, [C(e.$slots, "default")], 2));
+	}
+}), at = ["aria-label", "role"], ot = /* @__PURE__ */ u({
+	__name: "KbdGroup",
+	props: {
+		ariaLabel: {},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	setup(e) {
+		let t = e;
+		return (n, r) => (b(), o("div", {
+			class: h(D(F)("inline-flex items-center gap-1", t.class)),
+			"aria-label": e.ariaLabel,
+			role: e.ariaLabel ? "group" : void 0
+		}, [C(n.$slots, "default")], 10, at));
+	}
+}), st = ["for"], ct = /* @__PURE__ */ u({
+	__name: "Label",
+	props: {
+		for: {},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	setup(e) {
+		let t = e;
+		return (e, n) => (b(), o("label", {
+			for: t.for,
+			class: h(D(F)("cursor-pointer select-none text-sm font-medium text-text-primary", t.class))
+		}, [C(e.$slots, "default")], 10, st));
+	}
+}), lt = j("shrink-0 bg-border-subtle", {
+	variants: { orientation: {
+		horizontal: "h-px w-full",
+		vertical: "h-full w-px"
+	} },
+	defaultVariants: { orientation: "horizontal" }
+}), ut = ["role", "aria-orientation"], dt = /* @__PURE__ */ u({
+	__name: "Separator",
+	props: {
+		orientation: { default: "horizontal" },
+		decorative: {
+			type: Boolean,
+			default: !0
+		},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	setup(e) {
+		let t = e;
+		return (n, r) => (b(), o("div", {
+			class: h(D(F)(D(lt)({ orientation: e.orientation }), t.class)),
+			role: e.decorative ? "none" : "separator",
+			"aria-orientation": e.decorative ? void 0 : e.orientation
+		}, null, 10, ut));
+	}
+}), ft = /* @__PURE__ */ u({
+	__name: "Skeleton",
+	props: { class: { type: [
+		Boolean,
+		null,
+		String,
+		Object,
+		Array
+	] } },
+	setup(e) {
+		let t = e;
+		return (e, n) => (b(), o("div", {
+			class: h(D(F)("animate-pulse rounded-md bg-bg-surface", t.class)),
+			"aria-hidden": "true"
+		}, null, 2));
+	}
+}), pt = [
+	"aria-valuemax",
+	"aria-valuenow",
+	"aria-label"
+], mt = /* @__PURE__ */ u({
+	__name: "Progress",
+	props: {
+		value: {},
+		max: { default: 100 },
+		label: {},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	setup(e) {
+		let t = e, n = r(() => t.value === void 0 ? 0 : Math.min(Math.max(t.value, 0), t.max) / t.max * 100);
+		return (r, i) => (b(), o("div", {
+			role: "progressbar",
+			"aria-valuemin": 0,
+			"aria-valuemax": e.max,
+			"aria-valuenow": e.value,
+			"aria-label": e.label,
+			class: h(D(F)("relative h-1 w-full overflow-hidden rounded-full bg-bg-surface", t.class))
+		}, [s("div", {
+			class: "size-full flex-1 rounded-full bg-brand-200 transition-transform duration-300",
+			style: g({ transform: `translateX(-${100 - n.value}%)` })
+		}, null, 4)], 10, pt));
+	}
+}), ht = /* @__PURE__ */ u({
+	__name: "Panel",
+	props: { class: { type: [
+		Boolean,
+		null,
+		String,
+		Object,
+		Array
+	] } },
+	setup(e) {
+		let t = e;
+		return (e, n) => (b(), o("div", { class: h(D(F)("flex flex-col shrink-0 w-full p-1 bg-bg-surface border border-border-default rounded-3xl shadow-xs overflow-hidden", t.class)) }, [C(e.$slots, "default")], 2));
+	}
+}), gt = /* @__PURE__ */ u({
+	__name: "PanelHeader",
+	props: { class: { type: [
+		Boolean,
+		null,
+		String,
+		Object,
+		Array
+	] } },
+	setup(e) {
+		let t = e;
+		return (e, n) => (b(), o("div", { class: h(D(F)("flex items-center px-3 py-2", t.class)) }, [C(e.$slots, "default")], 2));
+	}
+}), _t = /* @__PURE__ */ u({
+	__name: "PanelContent",
+	props: { class: { type: [
+		Boolean,
+		null,
+		String,
+		Object,
+		Array
+	] } },
+	setup(e) {
+		let t = e;
+		return (e, n) => (b(), o("div", { class: h(D(F)("h-full overflow-hidden p-2 bg-bg-raised shadow-xs rounded-[20px]", t.class)) }, [C(e.$slots, "default")], 2));
+	}
+}), vt = /* @__PURE__ */ u({
+	__name: "PanelFooter",
+	props: { class: { type: [
+		Boolean,
+		null,
+		String,
+		Object,
+		Array
+	] } },
+	setup(e) {
+		let t = e;
+		return (e, n) => (b(), o("div", { class: h(D(F)("flex items-center px-3 py-2", t.class)) }, [C(e.$slots, "default")], 2));
+	}
+}), yt = /* @__PURE__ */ u({
+	__name: "Tabs",
+	props: {
+		defaultIndex: { default: 0 },
+		selectedIndex: {},
+		manual: {
+			type: Boolean,
+			default: !1
+		},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	emits: ["change"],
+	setup(e, { emit: t }) {
+		let n = e, r = t;
+		return (t, a) => (b(), i(D(Ae), {
+			as: "div",
+			"default-index": e.defaultIndex,
+			"selected-index": e.selectedIndex,
+			manual: e.manual,
+			class: h(D(F)("flex flex-col gap-4", n.class)),
+			onChange: a[0] ||= (e) => r("change", e)
+		}, {
+			default: A(() => [C(t.$slots, "default")]),
+			_: 3
+		}, 8, [
+			"default-index",
+			"selected-index",
+			"manual",
+			"class"
+		]));
+	}
+}), bt = j("flex w-fit items-center gap-1 rounded-full border border-border-default bg-bg-surface p-1"), xt = j([
+	"flex items-center gap-x-2 rounded-full px-4 py-1.5 text-sm font-medium transition-all",
+	"outline-none focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-strong focus-visible:ring-offset-1 focus-visible:ring-offset-bg-surface",
+	"disabled:cursor-not-allowed disabled:opacity-50"
+].join(" "), {
+	variants: { selected: {
+		true: "bg-bg-raised text-text-primary shadow-sm",
+		false: "text-text-secondary not-disabled:hover:text-text-primary"
+	} },
+	defaultVariants: { selected: !1 }
+}), St = /* @__PURE__ */ u({
+	__name: "TabsList",
+	props: { class: { type: [
+		Boolean,
+		null,
+		String,
+		Object,
+		Array
+	] } },
+	setup(e) {
+		let t = e;
+		return (e, n) => (b(), i(D(je), { class: h(D(F)(D(bt)(), t.class)) }, {
+			default: A(() => [C(e.$slots, "default")]),
+			_: 3
+		}, 8, ["class"]));
+	}
+}), Ct = /* @__PURE__ */ u({
+	__name: "TabsTrigger",
+	props: {
+		disabled: { type: Boolean },
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	setup(e) {
+		let t = e;
+		return (n, r) => (b(), i(D(ke), {
+			as: "template",
+			disabled: e.disabled
+		}, {
+			default: A(({ selected: e }) => [s("button", {
+				type: "button",
+				class: h(D(F)(D(xt)({ selected: e }), t.class))
+			}, [C(n.$slots, "default", { selected: e })], 2)]),
+			_: 3
+		}, 8, ["disabled"]));
+	}
+}), wt = /* @__PURE__ */ u({
+	__name: "TabsPanels",
+	props: { class: { type: [
+		Boolean,
+		null,
+		String,
+		Object,
+		Array
+	] } },
+	setup(e) {
+		let t = e;
+		return (e, n) => (b(), i(D(Ne), { class: h(t.class) }, {
+			default: A(() => [C(e.$slots, "default")]),
+			_: 3
+		}, 8, ["class"]));
+	}
+}), Tt = /* @__PURE__ */ u({
+	__name: "TabsContent",
+	props: { class: { type: [
+		Boolean,
+		null,
+		String,
+		Object,
+		Array
+	] } },
+	setup(e) {
+		let t = e;
+		return (e, n) => (b(), i(D(Me), { class: h(D(F)("outline-none focus-visible:ring-2 focus-visible:ring-border-strong rounded-xl", t.class)) }, {
+			default: A(() => [C(e.$slots, "default")]),
+			_: 3
+		}, 8, ["class"]));
+	}
+}), Et = /* @__PURE__ */ u({
+	__name: "Disclosure",
+	props: {
+		defaultOpen: {
+			type: Boolean,
+			default: !1
+		},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	setup(e) {
+		let t = e;
+		return (n, r) => (b(), i(D(he), {
+			"default-open": e.defaultOpen,
+			as: "div",
+			class: h(D(F)("border-b border-border-subtle", t.class))
+		}, {
+			default: A(({ open: e }) => [C(n.$slots, "default", { open: e })]),
+			_: 3
+		}, 8, ["default-open", "class"]));
+	}
+}), Dt = { class: "flex-1 outline-none" }, Ot = /* @__PURE__ */ u({
+	__name: "DisclosureTrigger",
+	props: { class: { type: [
+		Boolean,
+		null,
+		String,
+		Object,
+		Array
+	] } },
+	setup(e) {
+		let t = e;
+		return (e, n) => (b(), i(D(ge), { class: h(D(F)("flex w-full items-center justify-between gap-2 py-4 text-left text-sm font-medium text-text-primary transition-colors", "focus-visible:outline-none hover:text-text-secondary focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-border-strong focus-visible:ring-offset-bg-base rounded-lg", t.class)) }, {
+			default: A(({ open: t }) => [s("span", Dt, [C(e.$slots, "default", { open: t })]), l(D(Pe), {
+				class: h(["size-4 shrink-0 text-text-tertiary transition-transform duration-200", t && "rotate-180"]),
+				"aria-hidden": "true"
+			}, null, 8, ["class"])]),
+			_: 3
+		}, 8, ["class"]));
+	}
+}), kt = /* @__PURE__ */ u({
+	__name: "DisclosureContent",
+	props: { class: { type: [
+		Boolean,
+		null,
+		String,
+		Object,
+		Array
+	] } },
+	setup(e) {
+		let t = e;
+		return (e, n) => (b(), i(D(_e), { class: h(D(F)("pb-4 text-sm text-text-secondary", t.class)) }, {
+			default: A(() => [C(e.$slots, "default")]),
+			_: 3
+		}, 8, ["class"]));
+	}
+}), At = j("relative flex w-full gap-3 rounded-xl border px-4 py-3 text-sm", {
+	variants: { variant: {
+		neutral: "bg-bg-surface border-border-default text-text-primary",
+		info: "bg-info-surface border-info-border text-info-text",
+		success: "bg-success-surface border-success-border text-success-text",
+		warning: "bg-warning-surface border-warning-border text-warning-text",
+		danger: "bg-danger-surface border-danger-border text-danger-text"
+	} },
+	defaultVariants: { variant: "neutral" }
+}), jt = {
+	key: 0,
+	class: "mt-0.5 shrink-0 [&>svg]:size-5"
+}, Mt = { class: "flex min-w-0 flex-1 flex-col gap-0.5" }, Nt = {
+	key: 1,
+	class: "shrink-0"
+}, Pt = /* @__PURE__ */ u({
+	__name: "Alert",
+	props: {
+		variant: { default: "neutral" },
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	setup(e) {
+		let t = e;
+		return (n, r) => (b(), o("div", {
+			role: "alert",
+			class: h(D(F)(D(At)({ variant: e.variant }), t.class))
+		}, [
+			n.$slots.icon ? (b(), o("span", jt, [C(n.$slots, "icon")])) : a("", !0),
+			s("div", Mt, [C(n.$slots, "default")]),
+			n.$slots.action ? (b(), o("div", Nt, [C(n.$slots, "action")])) : a("", !0)
+		], 2));
+	}
+}), Ft = /* @__PURE__ */ u({
+	__name: "AlertTitle",
+	props: { class: { type: [
+		Boolean,
+		null,
+		String,
+		Object,
+		Array
+	] } },
+	setup(e) {
+		let t = e;
+		return (e, n) => (b(), o("div", { class: h(D(F)("font-medium", t.class)) }, [C(e.$slots, "default")], 2));
+	}
+}), It = /* @__PURE__ */ u({
+	__name: "AlertDescription",
+	props: { class: { type: [
+		Boolean,
+		null,
+		String,
+		Object,
+		Array
+	] } },
+	setup(e) {
+		let t = e;
+		return (e, n) => (b(), o("div", { class: h(D(F)("text-sm opacity-90", t.class)) }, [C(e.$slots, "default")], 2));
+	}
+}), Lt = /* @__PURE__ */ u({
+	__name: "Empty",
+	props: { class: { type: [
+		Boolean,
+		null,
+		String,
+		Object,
+		Array
+	] } },
+	setup(e) {
+		let t = e;
+		return (e, n) => (b(), o("div", { class: h(D(F)("flex w-full min-w-0 flex-1 flex-col items-center justify-center gap-4 rounded-xl border border-dashed border-border-default p-8 text-center text-balance", t.class)) }, [C(e.$slots, "default")], 2));
+	}
+}), Rt = /* @__PURE__ */ u({
+	__name: "EmptyHeader",
+	props: { class: { type: [
+		Boolean,
+		null,
+		String,
+		Object,
+		Array
+	] } },
+	setup(e) {
+		let t = e;
+		return (e, n) => (b(), o("div", { class: h(D(F)("flex max-w-sm flex-col items-center gap-2", t.class)) }, [C(e.$slots, "default")], 2));
+	}
+}), zt = j("mb-2 flex shrink-0 items-center justify-center [&_svg]:pointer-events-none [&_svg]:shrink-0", {
+	variants: { variant: {
+		default: "bg-transparent",
+		icon: "flex size-10 items-center justify-center rounded-xl bg-bg-elevated text-text-primary [&_svg:not([class*='size-'])]:size-5"
+	} },
+	defaultVariants: { variant: "default" }
+}), Bt = /* @__PURE__ */ u({
+	__name: "EmptyMedia",
+	props: {
+		variant: { default: "default" },
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	setup(e) {
+		let t = e;
+		return (e, n) => (b(), o("div", { class: h(D(F)(D(zt)({ variant: t.variant }), t.class)) }, [C(e.$slots, "default")], 2));
+	}
+}), Vt = /* @__PURE__ */ u({
+	__name: "EmptyTitle",
+	props: { class: { type: [
+		Boolean,
+		null,
+		String,
+		Object,
+		Array
+	] } },
+	setup(e) {
+		let t = e;
+		return (e, n) => (b(), o("p", { class: h(D(F)("text-base font-medium tracking-tight text-text-primary", t.class)) }, [C(e.$slots, "default")], 2));
+	}
+}), Ht = /* @__PURE__ */ u({
+	__name: "EmptyDescription",
+	props: { class: { type: [
+		Boolean,
+		null,
+		String,
+		Object,
+		Array
+	] } },
+	setup(e) {
+		let t = e;
+		return (e, n) => (b(), o("p", { class: h(D(F)("text-sm leading-relaxed text-text-secondary [&>a]:underline [&>a]:underline-offset-4 hover:[&>a]:text-brand-200", t.class)) }, [C(e.$slots, "default")], 2));
+	}
+}), Ut = /* @__PURE__ */ u({
+	__name: "EmptyContent",
+	props: { class: { type: [
+		Boolean,
+		null,
+		String,
+		Object,
+		Array
+	] } },
+	setup(e) {
+		let t = e;
+		return (e, n) => (b(), o("div", { class: h(D(F)("flex w-full max-w-sm min-w-0 flex-col items-center gap-3 text-sm text-balance", t.class)) }, [C(e.$slots, "default")], 2));
+	}
+}), Wt = Symbol("SidebarContext"), Gt = (e) => {
+	x(Wt, e);
+}, I = () => {
+	let e = d(Wt);
+	if (!e) throw Error("Sidebar components must be used within a <SidebarProvider>.");
+	return e;
+}, Kt = /* @__PURE__ */ u({
+	__name: "SidebarProvider",
+	setup(e) {
+		let t = We("(max-width: 767px)"), n = S(!1), r = S(!1);
+		return k(t, (e) => {
+			e || (n.value = !1);
+		}), Gt({
+			isMobile: t,
+			mobileOpen: n,
+			collapsed: r,
+			open: () => {
+				t.value ? n.value = !0 : r.value = !1;
+			},
+			close: () => {
+				t.value ? n.value = !1 : r.value = !0;
+			},
+			toggle: () => {
+				t.value ? n.value = !n.value : r.value = !r.value;
+			}
+		}), (e, t) => C(e.$slots, "default");
+	}
+}), qt = /* @__PURE__ */ u({
+	__name: "Sidebar",
+	props: { class: { type: [
+		Boolean,
+		null,
+		String,
+		Object,
+		Array
+	] } },
+	setup(t) {
+		let r = t, { isMobile: i, mobileOpen: s, collapsed: c, close: u } = I(), d = Ge(typeof document < "u" ? document.body : null);
+		k(s, (e) => {
+			d.value = e && i.value;
+		});
+		let f = (e) => {
+			e.key === "Escape" && u();
+		};
+		return (t, d) => D(i) ? (b(), o(e, { key: 1 }, [l(n, {
+			"enter-active-class": "transition-opacity duration-200",
+			"enter-from-class": "opacity-0",
+			"leave-active-class": "transition-opacity duration-200",
+			"leave-to-class": "opacity-0"
+		}, {
+			default: A(() => [D(s) ? (b(), o("div", {
+				key: 0,
+				class: "fixed inset-0 z-40 bg-black/40",
+				onClick: d[0] ||= (...e) => D(u) && D(u)(...e)
+			})) : a("", !0)]),
+			_: 1
+		}), l(n, {
+			"enter-active-class": "transition-transform duration-200 ease-out",
+			"enter-from-class": "-translate-x-full",
+			"leave-active-class": "transition-transform duration-200 ease-in",
+			"leave-to-class": "-translate-x-full"
+		}, {
+			default: A(() => [D(s) ? (b(), o("aside", {
+				key: 0,
+				class: h(D(F)("fixed inset-y-0 left-0 z-50 flex h-full w-64 flex-col border-r border-border-subtle bg-bg-surface", r.class)),
+				tabindex: "-1",
+				onKeydown: f
+			}, [C(t.$slots, "default")], 34)) : a("", !0)]),
+			_: 3
+		})], 64)) : (b(), o(e, { key: 0 }, [D(c) ? a("", !0) : (b(), o("aside", {
+			key: 0,
+			class: h(D(F)("flex h-full w-64 flex-col border-r border-border-subtle bg-bg-surface", r.class))
+		}, [C(t.$slots, "default")], 2))], 64));
+	}
+}), Jt = /* @__PURE__ */ u({
+	__name: "SidebarTrigger",
+	props: { class: { type: [
+		Boolean,
+		null,
+		String,
+		Object,
+		Array
+	] } },
+	setup(e) {
+		let t = e, { toggle: n } = I();
+		return (e, r) => (b(), o("button", {
+			type: "button",
+			class: h(D(F)("inline-flex size-9 items-center justify-center rounded-lg text-text-secondary transition-colors hover:bg-bg-subtle hover:text-text-primary", "outline-none focus-visible:ring-2 focus-visible:ring-border-strong", t.class)),
+			"aria-label": "Toggle navigation",
+			onClick: r[0] ||= (...e) => D(n) && D(n)(...e)
+		}, [l(D(Le), { class: "size-5" })], 2));
+	}
+}), Yt = /* @__PURE__ */ u({
+	__name: "SidebarHeader",
+	props: { class: { type: [
+		Boolean,
+		null,
+		String,
+		Object,
+		Array
+	] } },
+	setup(e) {
+		let t = e;
+		return (e, n) => (b(), o("div", { class: h(D(F)("flex items-center gap-2 px-4 py-4", t.class)) }, [C(e.$slots, "default")], 2));
+	}
+}), Xt = /* @__PURE__ */ u({
+	__name: "SidebarContent",
+	props: { class: { type: [
+		Boolean,
+		null,
+		String,
+		Object,
+		Array
+	] } },
+	setup(e) {
+		let t = e;
+		return (e, n) => (b(), o("div", { class: h(D(F)("flex-1 overflow-y-auto scrollbar-thin px-2 py-2", t.class)) }, [C(e.$slots, "default")], 2));
+	}
+}), Zt = /* @__PURE__ */ u({
+	__name: "SidebarFooter",
+	props: { class: { type: [
+		Boolean,
+		null,
+		String,
+		Object,
+		Array
+	] } },
+	setup(e) {
+		let t = e;
+		return (e, n) => (b(), o("div", { class: h(D(F)("mt-auto px-4 py-4", t.class)) }, [C(e.$slots, "default")], 2));
+	}
+}), Qt = {
+	key: 0,
+	class: "px-3 pb-1 text-xs font-medium uppercase tracking-wider text-text-tertiary"
+}, $t = /* @__PURE__ */ u({
+	__name: "SidebarGroup",
+	props: {
+		label: {},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	setup(e) {
+		let t = e;
+		return (n, r) => (b(), o("div", { class: h(D(F)("flex flex-col gap-0.5 py-2", t.class)) }, [e.label ? (b(), o("p", Qt, E(e.label), 1)) : a("", !0), C(n.$slots, "default")], 2));
+	}
+}), en = j([
+	"flex w-full items-center gap-2 rounded-lg px-3 py-2 text-sm font-medium transition-colors",
+	"outline-none focus-visible:ring-2 focus-visible:ring-border-strong",
+	"[&_svg]:size-4 [&_svg]:shrink-0"
+].join(" "), {
+	variants: { active: {
+		true: "bg-bg-subtle text-text-primary",
+		false: "text-text-secondary hover:bg-bg-subtle hover:text-text-primary"
+	} },
+	defaultVariants: { active: !1 }
+}), tn = /* @__PURE__ */ u({
+	__name: "SidebarItem",
+	props: {
+		as: { default: "a" },
+		active: {
+			type: Boolean,
+			default: !1
+		},
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	setup(e) {
+		let t = e, n = I(), r = (e) => {
+			if (t.disabled) {
+				e.preventDefault(), e.stopPropagation();
+				return;
+			}
+			n.isMobile.value && n.close();
+		};
+		return (n, a) => (b(), i(w(e.disabled ? "span" : e.as), {
+			class: h(D(F)(D(en)({ active: e.active }), e.disabled && "pointer-events-none opacity-50", t.class)),
+			"aria-disabled": e.disabled || void 0,
+			tabindex: e.disabled ? -1 : void 0,
+			onClick: r
+		}, {
+			default: A(() => [C(n.$slots, "default")]),
+			_: 3
+		}, 8, [
+			"class",
+			"aria-disabled",
+			"tabindex"
+		]));
+	}
+}), L = Symbol("Field"), nn = ["data-invalid", "data-disabled"], rn = /* @__PURE__ */ u({
+	__name: "Field",
+	props: {
+		id: {},
+		orientation: { default: "vertical" },
+		invalid: {
+			type: Boolean,
+			default: !1
+		},
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		required: {
+			type: Boolean,
+			default: !1
+		},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	setup(e) {
+		let t = e, n = O(), i = r(() => t.id ?? n), a = r(() => `${i.value}-description`), s = r(() => `${i.value}-error`);
+		x(L, {
+			id: i,
+			descriptionId: a,
+			errorId: s,
+			describedById: r(() => t.invalid ? `${a.value} ${s.value}` : a.value),
+			invalid: r(() => t.invalid),
+			disabled: r(() => t.disabled),
+			required: r(() => t.required)
+		});
+		let c = r(() => t.orientation === "horizontal" ? "flex items-center gap-x-2" : "flex flex-col gap-y-1.5");
+		return (n, r) => (b(), o("div", {
+			role: "group",
+			"data-invalid": e.invalid || void 0,
+			"data-disabled": e.disabled || void 0,
+			class: h(D(F)(c.value, t.class))
+		}, [C(n.$slots, "default")], 10, nn));
+	}
+}), an = ["for"], on = /* @__PURE__ */ u({
+	__name: "FieldLabel",
+	props: {
+		for: {},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	setup(e) {
+		let t = e, n = d(L, null), i = r(() => t.for ?? n?.id.value), a = r(() => n?.required.value ?? !1);
+		return (e, n) => (b(), o("label", {
+			for: i.value,
+			class: h(D(F)("w-fit select-none text-sm font-medium text-text-secondary", a.value && "after:ml-0.5 after:text-danger-text after:content-['*']", t.class))
+		}, [C(e.$slots, "default")], 10, an));
+	}
+}), sn = ["id"], cn = /* @__PURE__ */ u({
+	__name: "FieldDescription",
+	props: { class: { type: [
+		Boolean,
+		null,
+		String,
+		Object,
+		Array
+	] } },
+	setup(e) {
+		let t = e, n = d(L, null);
+		return (e, r) => (b(), o("p", {
+			id: D(n)?.descriptionId.value,
+			class: h(D(F)("text-xs text-text-secondary", t.class))
+		}, [C(e.$slots, "default")], 10, sn));
+	}
+}), ln = ["id"], un = /* @__PURE__ */ u({
+	__name: "FieldError",
+	props: { class: { type: [
+		Boolean,
+		null,
+		String,
+		Object,
+		Array
+	] } },
+	setup(e) {
+		let t = e, n = d(L, null);
+		return (e, r) => (b(), o("p", {
+			id: D(n)?.errorId.value,
+			role: "alert",
+			class: h(D(F)("text-sm text-danger-text", t.class))
+		}, [C(e.$slots, "default")], 10, ln));
+	}
+}), dn = /* @__PURE__ */ u({
+	__name: "FieldContent",
+	props: { class: { type: [
+		Boolean,
+		null,
+		String,
+		Object,
+		Array
+	] } },
+	setup(e) {
+		let t = e;
+		return (e, n) => (b(), o("div", { class: h(D(F)("flex flex-col gap-y-0.5", t.class)) }, [C(e.$slots, "default")], 2));
+	}
+}), R = Symbol("Select"), z = j("flex w-full items-center rounded-lg cursor-pointer select-none text-base outline-none transition-colors data-active:bg-bg-surface disabled:pointer-events-none disabled:opacity-50", {
+	variants: { indicator: {
+		none: "gap-x-2 px-2 py-1.5",
+		"trailing-check": "relative gap-x-2 py-2 pl-3 pr-9",
+		"leading-control": "gap-x-2 px-3 py-2"
+	} },
+	defaultVariants: { indicator: "none" }
+}), fn = ["data-active"], pn = {
+	key: 0,
+	class: "absolute inset-y-0 right-0 flex items-center pr-3 text-accent-pro-200"
+}, mn = /* @__PURE__ */ u({
+	__name: "SelectItem",
+	props: {
+		value: {},
+		label: {},
+		disabled: { type: Boolean }
+	},
+	setup(e) {
+		let t = e, n = d(R);
+		if (!n) throw Error("SelectItem must be used inside Select");
+		let u = S(), f = () => t.label ?? u.value?.textContent?.trim() ?? "";
+		t.label && n.registerLabel(t.value, t.label), v(() => {
+			t.label || n.registerLabel(t.value, f());
+		}), k(() => t.label, (e) => {
+			e && n.registerLabel(t.value, e);
+		});
+		let p = r(() => {
+			if (!n.searchable.value) return !0;
+			let e = n.query.value.trim().toLowerCase();
+			return !e || f().toLowerCase().includes(e);
+		}), m = () => {
+			t.disabled || n.select(t.value, f());
+		};
+		return (t, n) => ae((b(), i(D(be), {
+			value: e.value,
+			disabled: e.disabled,
+			as: "template"
+		}, {
+			default: A(({ active: n, selected: r }) => [s("div", {
+				role: "option",
+				"data-active": n || void 0,
+				class: h(D(F)(D(z)({ indicator: "trailing-check" }), e.disabled && "pointer-events-none opacity-50")),
+				onClick: m
+			}, [s("span", {
+				ref_key: "labelEl",
+				ref: u,
+				class: h(["block truncate", r && "font-semibold"])
+			}, [C(t.$slots, "default", {
+				active: n,
+				selected: r
+			}, () => [c(E(e.label), 1)])], 2), r ? (b(), o("span", pn, [l(D(Ie), {
+				class: "size-5",
+				"aria-hidden": "true"
+			})])) : a("", !0)], 10, fn)]),
+			_: 3
+		}, 8, ["value", "disabled"])), [[re, p.value]]);
+	}
+}), hn = /* @__PURE__ */ u({
+	__name: "Select",
+	props: {
+		modelValue: {},
+		searchable: {
+			type: Boolean,
+			default: !1
+		},
+		placement: { default: "bottom-start" },
+		offset: { default: 4 },
+		class: {}
+	},
+	emits: ["update:modelValue"],
+	setup(e, { emit: t }) {
+		let n = e, a = t, o = S(""), s = ne(), c = r(() => {
+			let e = {}, t = (n) => {
+				if (n == null) return;
+				if (Array.isArray(n)) {
+					n.forEach(t);
+					return;
+				}
+				if (typeof n != "object") return;
+				let r = n;
+				r.type === mn && r.props?.value && r.props?.label && (e[r.props.value] = r.props.label), Array.isArray(r.children) && t(r.children);
+				let i = r.children;
+				if (i && typeof i == "object" && !Array.isArray(i)) {
+					let e = i.default;
+					if (typeof e == "function") try {
+						t(e());
+					} catch {}
+				}
+			};
+			return t(s.default?.({})), e;
+		}), u = S(""), d = S(""), f = r(() => d.value === n.modelValue && u.value ? u.value : c.value[n.modelValue] || n.modelValue), p = r({
+			get: () => n.modelValue,
+			set: (e) => a("update:modelValue", e)
+		});
+		return x(R, {
+			selected: r(() => n.modelValue),
+			selectedLabel: f,
+			select: (e, t) => {
+				d.value = e, u.value = t, p.value = e, o.value = "";
+			},
+			isSelected: (e) => n.modelValue === e,
+			registerLabel: () => {},
+			query: o,
+			searchable: r(() => n.searchable),
+			id: O()
+		}), (t, r) => (b(), i(D(ve), {
+			modelValue: p.value,
+			"onUpdate:modelValue": r[0] ||= (e) => p.value = e,
+			as: "div",
+			class: "w-full"
+		}, {
+			default: A(() => [l(D(M), {
+				as: "div",
+				class: h(D(F)("relative", n.class)),
+				composable: "",
+				"floating-as": "template",
+				placement: e.placement,
+				offset: e.offset,
+				flip: "",
+				"z-index": 50
+			}, {
+				default: A(() => [C(t.$slots, "default")]),
+				_: 3
+			}, 8, [
+				"class",
+				"placement",
+				"offset"
+			])]),
+			_: 3
+		}, 8, ["modelValue"]));
+	}
+}), B = j([
+	"group",
+	"flex",
+	"items-center",
+	"gap-x-2",
+	"w-full",
+	"min-w-0",
+	"border",
+	"transition-[color,box-shadow]",
+	"outline-none",
+	"focus-visible:outline-none",
+	"focus-within:border-border-dark",
+	"focus-within:ring-1",
+	"focus-within:ring-border-dark",
+	"disabled:pointer-events-none",
+	"disabled:opacity-50"
+].join(" "), {
+	variants: {
+		variant: {
+			primary: "bg-bg-surface border-border-default text-text-primary font-medium",
+			contrast: "bg-bg-raised border-border-default text-text-primary font-medium"
+		},
+		size: {
+			base: "h-12 rounded-xl px-3.5",
+			sm: "h-9 rounded-lg px-1 text-sm"
+		},
+		invalid: {
+			true: "border-danger-border ring-1 ring-danger-border focus-within:border-danger-border focus-within:ring-danger-border",
+			false: ""
+		}
+	},
+	defaultVariants: {
+		variant: "primary",
+		size: "base",
+		invalid: !1
+	}
+}), gn = { class: "pointer-events-none absolute inset-y-0 right-0 flex items-center pr-2" }, _n = /* @__PURE__ */ u({
+	__name: "SelectTrigger",
+	props: {
+		placeholder: { default: "Select an option" },
+		variant: { default: "primary" },
+		size: { default: "base" },
+		class: {}
+	},
+	setup(e) {
+		let t = e, n = d(R);
+		if (!n) throw Error("SelectTrigger must be used inside Select");
+		let r = d(L, null);
+		return (a, o) => (b(), i(D(P), null, {
+			default: A(() => [l(D(ye), {
+				as: "button",
+				type: "button",
+				id: D(r)?.id.value,
+				"aria-describedby": D(r)?.describedById.value,
+				"aria-invalid": D(r)?.invalid.value || void 0,
+				"data-invalid": D(r)?.invalid.value || void 0,
+				class: h(D(F)(D(B)({
+					variant: e.variant,
+					size: e.size
+				}), "relative cursor-pointer", t.class))
+			}, {
+				default: A(() => [s("span", { class: h(["block truncate", !D(n).selected.value && "text-text-tertiary"]) }, [C(a.$slots, "default", {
+					selected: D(n).selected.value,
+					label: D(n).selectedLabel.value
+				}, () => [c(E(D(n).selected.value ? D(n).selectedLabel.value : e.placeholder), 1)])], 2), s("span", gn, [l(D(Fe), {
+					class: "size-5 text-text-tertiary",
+					"aria-hidden": "true"
+				})])]),
+				_: 3
+			}, 8, [
+				"id",
+				"aria-describedby",
+				"aria-invalid",
+				"data-invalid",
+				"class"
+			])]),
+			_: 3
+		}));
+	}
+}), V = j("max-h-80 overflow-y-auto rounded-2xl bg-bg-raised p-2 shadow-lg ring-1 ring-border-default focus-visible:outline-none", {
+	variants: { size: {
+		fit: "w-fit",
+		full: "w-full",
+		"3xs": "w-3xs",
+		"2xs": "w-2xs",
+		xs: "w-xs",
+		sm: "w-sm",
+		md: "w-md",
+		lg: "w-lg"
+	} },
+	defaultVariants: { size: "fit" }
+}), H = {
+	enter: "transition ease-out duration-150 motion-reduce:transition-none",
+	enterFrom: "opacity-0 scale-95 motion-reduce:scale-100",
+	enterTo: "opacity-100 scale-100",
+	leave: "transition-none",
+	leaveFrom: "opacity-100",
+	leaveTo: "opacity-0"
+}, vn = /* @__PURE__ */ u({
+	__name: "SelectContent",
+	props: {
+		width: { default: "full" },
+		class: {}
+	},
+	setup(e) {
+		let t = e, n = r(() => F(V({ size: t.width }), "max-h-80 overflow-y-auto", t.class));
+		return (e, t) => (b(), i(D(N), {
+			as: "template",
+			enter: D(H).enter,
+			"enter-from": D(H).enterFrom,
+			"enter-to": D(H).enterTo,
+			leave: D(H).leave,
+			"leave-from": D(H).leaveFrom,
+			"leave-to": D(H).leaveTo
+		}, {
+			default: A(() => [l(D(xe), {
+				as: "div",
+				class: h(n.value)
+			}, {
+				default: A(() => [C(e.$slots, "default")]),
+				_: 3
+			}, 8, ["class"])]),
+			_: 3
+		}, 8, [
+			"enter",
+			"enter-from",
+			"enter-to",
+			"leave",
+			"leave-from",
+			"leave-to"
+		]));
+	}
+}), yn = [
+	"id",
+	"value",
+	"placeholder",
+	"aria-label"
+], bn = /* @__PURE__ */ u({
+	__name: "SearchInput",
+	props: {
+		modelValue: {},
+		placeholder: { default: "Search..." },
+		class: {}
+	},
+	emits: ["update:modelValue"],
+	setup(e, { emit: t }) {
+		let n = t, r = O(), i = (e) => {
+			n("update:modelValue", e.target.value);
+		};
+		return (t, n) => (b(), o("div", { class: h(["sticky top-0 z-10 flex items-center gap-x-2 border border-border-subtle px-2 py-2 rounded-xl bg-bg-base", t.$props.class]) }, [l(D(Re), {
+			class: "size-4 shrink-0 text-text-tertiary",
+			"aria-hidden": "true"
+		}), s("input", {
+			id: D(r),
+			value: e.modelValue,
+			type: "text",
+			role: "searchbox",
+			placeholder: e.placeholder,
+			"aria-label": e.placeholder,
+			autocomplete: "off",
+			autocorrect: "off",
+			autocapitalize: "off",
+			spellcheck: "false",
+			class: "w-full bg-transparent text-sm font-medium text-text-primary outline-none placeholder:text-text-tertiary",
+			onInput: i,
+			onClick: n[0] ||= oe(() => {}, ["stop"]),
+			onKeydown: n[1] ||= oe(() => {}, ["stop"])
+		}, null, 40, yn)], 2));
+	}
+}), xn = /* @__PURE__ */ u({
+	__name: "SelectSearch",
+	props: { placeholder: { default: "Search..." } },
+	setup(e) {
+		let t = d(R);
+		if (!t) throw Error("SelectSearch must be used inside Select");
+		return (n, r) => (b(), i(bn, {
+			modelValue: D(t).query.value,
+			"onUpdate:modelValue": r[0] ||= (e) => D(t).query.value = e,
+			placeholder: e.placeholder
+		}, null, 8, ["modelValue", "placeholder"]));
+	}
+}), Sn = Symbol("MultiSelect"), Cn = /* @__PURE__ */ u({
+	__name: "MultiSelect",
+	props: /*@__PURE__*/ f({
+		options: {},
+		placeholder: { default: "Select options" },
+		searchable: {
+			type: Boolean,
+			default: !1
+		},
+		placement: { default: "bottom-start" },
+		offset: { default: 4 },
+		summarize: {
+			type: Function,
+			default: (e) => `${e} selected`
+		},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	}, {
+		modelValue: { default: () => [] },
+		modelModifiers: {}
+	}),
+	emits: ["update:modelValue"],
+	setup(e) {
+		let t = e, n = te(e, "modelValue"), a = S(""), o = r(() => new Set(n.value)), s = r(() => {
+			if (!t.searchable || !a.value.trim()) return t.options;
+			let e = a.value.toLowerCase();
+			return t.options.filter((t) => t.label.toLowerCase().includes(e));
+		}), c = r(() => s.value.length > 0 && s.value.every((e) => o.value.has(e.value))), u = r(() => n.value.length === 0 ? t.placeholder : n.value.length === 1 ? t.options.find((e) => e.value === n.value[0])?.label ?? t.placeholder : t.summarize(n.value.length, t.options.length)), d = (e) => {
+			let t = new Set(n.value);
+			t.has(e) ? t.delete(e) : t.add(e), n.value = Array.from(t);
+		}, f = () => {
+			let e = new Set(n.value);
+			c.value ? s.value.forEach((t) => e.delete(t.value)) : s.value.forEach((t) => e.add(t.value)), n.value = Array.from(e);
+		}, p = () => {
+			n.value = [];
+		};
+		return x(Sn, {
+			isSelected: (e) => o.value.has(e),
+			toggle: d,
+			query: a,
+			searchable: r(() => t.searchable),
+			matchesQuery: (e) => {
+				if (!t.searchable) return !0;
+				let n = a.value.trim().toLowerCase();
+				return !n || e.toLowerCase().includes(n);
+			}
+		}), (r, a) => (b(), i(D(Ee), {
+			as: "div",
+			class: h(D(F)("relative w-full", t.class))
+		}, {
+			default: A(() => [l(D(M), {
+				composable: "",
+				placement: e.placement,
+				offset: e.offset,
+				flip: "",
+				"z-index": 50,
+				"adaptive-width": ""
+			}, {
+				default: A(() => [C(r.$slots, "default", {
+					label: u.value,
+					count: n.value.length,
+					empty: n.value.length === 0,
+					allSelected: c.value,
+					visibleCount: s.value.length,
+					toggleAll: f,
+					clear: p
+				})]),
+				_: 3
+			}, 8, ["placement", "offset"])]),
+			_: 3
+		}, 8, ["class"]));
+	}
+}), wn = { class: "pointer-events-none absolute inset-y-0 right-0 flex items-center pr-2" }, Tn = /* @__PURE__ */ u({
+	__name: "MultiSelectTrigger",
+	props: {
+		label: {},
+		empty: { type: Boolean },
+		variant: { default: "primary" },
+		size: { default: "base" },
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	setup(e) {
+		let t = e, n = d(L, null);
+		return (r, a) => (b(), i(D(P), null, {
+			default: A(() => [l(D(De), {
+				as: "button",
+				id: D(n)?.id.value,
+				"aria-describedby": D(n)?.describedById.value,
+				"aria-invalid": D(n)?.invalid.value || void 0,
+				"data-invalid": D(n)?.invalid.value || void 0,
+				class: h(D(F)(D(B)({
+					variant: e.variant,
+					size: e.size
+				}), "relative cursor-pointer", t.class))
+			}, {
+				default: A(() => [s("span", { class: h(["block truncate", e.empty && "text-text-tertiary"]) }, [C(r.$slots, "default", {}, () => [c(E(e.label), 1)])], 2), s("span", wn, [l(D(Fe), {
+					class: "size-4 text-text-tertiary",
+					"aria-hidden": "true"
+				})])]),
+				_: 3
+			}, 8, [
+				"id",
+				"aria-describedby",
+				"aria-invalid",
+				"data-invalid",
+				"class"
+			])]),
+			_: 3
+		}));
+	}
+}), En = /* @__PURE__ */ u({
+	__name: "MultiSelectContent",
+	props: {
+		size: { default: "xs" },
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	setup(e) {
+		let t = e;
+		return (e, n) => (b(), i(D(N), {
+			as: "template",
+			enter: D(H).enter,
+			"enter-from": D(H).enterFrom,
+			"enter-to": D(H).enterTo,
+			leave: D(H).leave,
+			"leave-from": D(H).leaveFrom,
+			"leave-to": D(H).leaveTo
+		}, {
+			default: A(() => [l(D(Oe), {
+				static: "",
+				class: h(D(F)(D(V)({ size: t.size }), "p-1", t.class))
+			}, {
+				default: A(() => [C(e.$slots, "default")]),
+				_: 3
+			}, 8, ["class"])]),
+			_: 3
+		}, 8, [
+			"enter",
+			"enter-from",
+			"enter-to",
+			"leave",
+			"leave-from",
+			"leave-to"
+		]));
+	}
+}), Dn = (e) => {
+	let t = d(Sn, null);
+	if (!t) throw Error(`${e} must be used inside <MultiSelect>.`);
+	return t;
+}, On = /* @__PURE__ */ u({
+	__name: "MultiSelectSearch",
+	props: { placeholder: { default: "Search..." } },
+	setup(e) {
+		let t = Dn("MultiSelectSearch");
+		return (n, r) => (b(), i(bn, {
+			modelValue: D(t).query.value,
+			"onUpdate:modelValue": r[0] ||= (e) => D(t).query.value = e,
+			placeholder: e.placeholder
+		}, null, 8, ["modelValue", "placeholder"]));
+	}
+}), kn = {
+	key: 0,
+	xmlns: "http://www.w3.org/2000/svg",
+	viewBox: "0 0 24 24",
+	fill: "none",
+	stroke: "currentColor",
+	"stroke-width": "3",
+	"stroke-linecap": "round",
+	"stroke-linejoin": "round",
+	class: "pointer-events-none size-3 text-text-inverse"
+}, An = [
+	"id",
+	"checked",
+	"required",
+	"disabled",
+	"aria-invalid",
+	"aria-required",
+	"aria-describedby"
+], jn = {
+	key: 0,
+	xmlns: "http://www.w3.org/2000/svg",
+	viewBox: "0 0 24 24",
+	fill: "none",
+	stroke: "currentColor",
+	"stroke-width": "3",
+	"stroke-linecap": "round",
+	"stroke-linejoin": "round",
+	class: "pointer-events-none size-3 text-text-inverse"
+}, Mn = /* @__PURE__ */ u({
+	__name: "Checkbox",
+	props: {
+		id: {},
+		modelValue: {
+			type: Boolean,
+			default: !1
+		},
+		required: { type: Boolean },
+		disabled: { type: Boolean },
+		invalid: { type: Boolean },
+		visual: {
+			type: Boolean,
+			default: !1
+		},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	emits: ["update:modelValue"],
+	setup(e, { emit: t }) {
+		let n = e, i = t, c = d(L, null), l = r(() => ({
+			id: n.id ?? c?.id.value,
+			required: n.required || (c?.required.value ?? !1),
+			disabled: n.disabled || (c?.disabled.value ?? !1),
+			invalid: n.invalid || (c?.invalid.value ?? !1),
+			describedById: c?.describedById.value
+		})), u = r(() => F("flex size-4 shrink-0 items-center justify-center rounded border transition-colors", l.value.invalid ? "border-danger-text bg-danger-text/10" : n.modelValue ? "border-bg-inverse bg-bg-inverse" : "border-border-strong bg-bg-base", n.class)), f = (e) => {
+			i("update:modelValue", e.target.checked);
+		};
+		return (t, n) => e.visual ? (b(), o("div", {
+			key: 0,
+			class: h(u.value)
+		}, [e.modelValue ? (b(), o("svg", kn, [...n[0] ||= [s("path", { d: "M5 13l4 4L19 7" }, null, -1)]])) : a("", !0)], 2)) : (b(), o("label", {
+			key: 1,
+			class: h(["inline-flex", l.value.disabled && "opacity-60"])
+		}, [s("input", {
+			id: l.value.id,
+			type: "checkbox",
+			checked: e.modelValue,
+			required: l.value.required,
+			disabled: l.value.disabled,
+			"aria-invalid": l.value.invalid || void 0,
+			"aria-required": l.value.required || void 0,
+			"aria-describedby": l.value.describedById,
+			class: "peer sr-only",
+			onChange: f
+		}, null, 40, An), s("div", { class: h(D(F)(u.value, "cursor-pointer peer-focus-visible:ring-1 peer-focus-visible:ring-border-strong peer-disabled:cursor-not-allowed")) }, [e.modelValue ? (b(), o("svg", jn, [...n[1] ||= [s("path", { d: "M5 13l4 4L19 7" }, null, -1)]])) : a("", !0)], 2)], 2));
+	}
+}), Nn = ["disabled", "aria-pressed"], Pn = /* @__PURE__ */ u({
+	__name: "MultiSelectItem",
+	props: {
+		value: {},
+		label: {},
+		disabled: { type: Boolean }
+	},
+	setup(e) {
+		let t = e, n = Dn("MultiSelectItem"), i = r(() => n.isSelected(t.value)), a = r(() => n.matchesQuery(t.label));
+		return (t, r) => ae((b(), o("button", {
+			type: "button",
+			disabled: e.disabled,
+			"aria-pressed": i.value,
+			class: h(D(F)(D(z)({ indicator: "leading-control" }), "text-left hover:bg-bg-surface")),
+			onClick: r[0] ||= (t) => D(n).toggle(e.value)
+		}, [l(Mn, {
+			"model-value": i.value,
+			visual: ""
+		}, null, 8, ["model-value"]), C(t.$slots, "default", { selected: i.value }, () => [s("span", { class: h(["truncate", i.value ? "font-medium" : "font-normal"]) }, E(e.label), 3)])], 10, Nn)), [[re, a.value]]);
+	}
+}), Fn = /* @__PURE__ */ u({
+	__name: "Dropdown",
+	props: {
+		placement: { default: "bottom-start" },
+		offset: { default: 4 },
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	setup(e) {
+		let t = e;
+		return (n, r) => (b(), i(D(Se), {
+			as: "div",
+			class: h(D(F)("relative inline-flex text-left", t.class))
+		}, {
+			default: A(() => [l(D(M), {
+				composable: "",
+				"floating-as": "template",
+				placement: e.placement,
+				offset: e.offset,
+				flip: "",
+				shift: "",
+				"z-index": 50
+			}, {
+				default: A(() => [C(n.$slots, "default")]),
+				_: 3
+			}, 8, ["placement", "offset"])]),
+			_: 3
+		}, 8, ["class"]));
+	}
+}), In = /* @__PURE__ */ u({
+	__name: "DropdownTrigger",
+	props: {
+		asChild: { type: Boolean },
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	setup(e) {
+		let t = e;
+		return (n, r) => (b(), i(D(P), null, {
+			default: A(() => [l(D(Ce), {
+				as: e.asChild ? "template" : void 0,
+				class: h(e.asChild ? void 0 : D(F)("cursor-pointer rounded-lg focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-border-strong", t.class))
+			}, {
+				default: A(({ open: e }) => [C(n.$slots, "default", { open: e })]),
+				_: 3
+			}, 8, ["as", "class"])]),
+			_: 3
+		}));
+	}
+}), Ln = /* @__PURE__ */ u({
+	__name: "DropdownContent",
+	props: {
+		size: { default: "full" },
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	setup(e) {
+		let t = e;
+		return (e, n) => (b(), i(D(N), {
+			as: "template",
+			enter: D(H).enter,
+			"enter-from": D(H).enterFrom,
+			"enter-to": D(H).enterTo,
+			leave: D(H).leave,
+			"leave-from": D(H).leaveFrom,
+			"leave-to": D(H).leaveTo
+		}, {
+			default: A(() => [l(D(Te), { class: h(D(F)(D(V)({ size: t.size }), t.class)) }, {
+				default: A(() => [C(e.$slots, "default")]),
+				_: 3
+			}, 8, ["class"])]),
+			_: 3
+		}, 8, [
+			"enter",
+			"enter-from",
+			"enter-to",
+			"leave",
+			"leave-from",
+			"leave-to"
+		]));
+	}
+}), Rn = ["disabled", "data-active"], zn = /* @__PURE__ */ u({
+	__name: "DropdownItem",
+	props: {
+		disabled: { type: Boolean },
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	emits: ["select"],
+	setup(e, { emit: t }) {
+		let n = e, r = t;
+		return (t, a) => (b(), i(D(we), { disabled: e.disabled }, {
+			default: A(({ active: i }) => [s("button", {
+				type: "button",
+				disabled: e.disabled,
+				"data-active": i || void 0,
+				class: h(D(F)(D(z)(), "text-text-primary text-sm", n.class)),
+				onClick: a[0] ||= (e) => r("select")
+			}, [C(t.$slots, "default", { active: i })], 10, Rn)]),
+			_: 3
+		}, 8, ["disabled"]));
+	}
+}), U = Symbol("Combobox"), Bn = ["data-active"], Vn = {
+	key: 0,
+	class: "absolute inset-y-0 right-0 flex items-center pr-3 text-accent-pro-200"
+}, Hn = /* @__PURE__ */ u({
+	__name: "ComboboxItem",
+	props: {
+		value: {},
+		label: {},
+		disabled: { type: Boolean }
+	},
+	setup(e) {
+		let t = e, n = d(U);
+		if (!n) throw Error("ComboboxItem must be used inside Combobox");
+		let u = O(), f = S(), p = () => t.label ?? f.value?.textContent?.trim() ?? "";
+		t.label && n.registerLabel(t.value, t.label), v(() => {
+			t.label || n.registerLabel(t.value, p());
+		}), k(() => t.label, (e) => {
+			e && n.registerLabel(t.value, e);
+		});
+		let m = r(() => n.matchesQuery(p()));
+		ie(() => n.setItemVisible(u, m.value)), _(() => n.setItemVisible(u, !1));
+		let g = () => {
+			t.disabled || n.select(t.value, p());
+		};
+		return (t, n) => ae((b(), i(D(pe), {
+			value: e.value,
+			disabled: e.disabled,
+			as: "template"
+		}, {
+			default: A(({ active: n, selected: r }) => [s("div", {
+				role: "option",
+				"data-active": n || void 0,
+				class: h(D(F)(D(z)({ indicator: "trailing-check" }), e.disabled && "pointer-events-none opacity-50")),
+				onClick: g
+			}, [s("span", {
+				ref_key: "labelEl",
+				ref: f,
+				class: h(["block truncate", r && "font-semibold"])
+			}, [C(t.$slots, "default", {
+				active: n,
+				selected: r
+			}, () => [c(E(e.label), 1)])], 2), r ? (b(), o("span", Vn, [l(D(Ie), {
+				class: "size-5",
+				"aria-hidden": "true"
+			})])) : a("", !0)], 10, Bn)]),
+			_: 3
+		}, 8, ["value", "disabled"])), [[re, m.value]]);
+	}
+}), Un = /* @__PURE__ */ u({
+	__name: "Combobox",
+	props: {
+		modelValue: {},
+		placement: { default: "bottom-start" },
+		offset: { default: 4 },
+		class: {}
+	},
+	emits: ["update:modelValue"],
+	setup(e, { emit: t }) {
+		let n = e, a = t, o = S(""), s = ne(), c = r(() => {
+			let e = {}, t = (n) => {
+				if (n == null) return;
+				if (Array.isArray(n)) {
+					n.forEach(t);
+					return;
+				}
+				if (typeof n != "object") return;
+				let r = n;
+				r.type === Hn && r.props?.value && r.props?.label && (e[r.props.value] = r.props.label), Array.isArray(r.children) && t(r.children);
+				let i = r.children;
+				if (i && typeof i == "object" && !Array.isArray(i)) {
+					let e = i.default;
+					if (typeof e == "function") try {
+						t(e());
+					} catch {}
+				}
+			};
+			return t(s.default?.({})), e;
+		}), u = S(""), d = S(""), f = r(() => d.value === n.modelValue && u.value ? u.value : c.value[n.modelValue] || n.modelValue), p = r({
+			get: () => n.modelValue,
+			set: (e) => a("update:modelValue", e)
+		}), m = (e) => {
+			let t = o.value.trim().toLowerCase();
+			return !t || e.toLowerCase().includes(t);
+		}, g = S({}), _ = (e, t) => {
+			g.value[e] !== t && (g.value = {
+				...g.value,
+				[e]: t
+			});
+		}, v = r(() => Object.values(g.value).filter(Boolean).length), y = r(() => o.value.trim().length > 0);
+		return x(U, {
+			selected: r(() => n.modelValue),
+			selectedLabel: f,
+			select: (e, t) => {
+				d.value = e, u.value = t, p.value = e, o.value = "";
+			},
+			isSelected: (e) => n.modelValue === e,
+			registerLabel: () => {},
+			query: o,
+			matchesQuery: m,
+			setItemVisible: _,
+			visibleCount: v,
+			hasQuery: y,
+			id: O()
+		}), (t, r) => (b(), i(D(ue), {
+			modelValue: p.value,
+			"onUpdate:modelValue": r[0] ||= (e) => p.value = e,
+			as: "div",
+			class: "w-full"
+		}, {
+			default: A(() => [l(D(M), {
+				as: "div",
+				class: h(D(F)("relative", n.class)),
+				composable: "",
+				"floating-as": "template",
+				placement: e.placement,
+				offset: e.offset,
+				flip: "",
+				"z-index": 50
+			}, {
+				default: A(() => [C(t.$slots, "default")]),
+				_: 3
+			}, 8, [
+				"class",
+				"placement",
+				"offset"
+			])]),
+			_: 3
+		}, 8, ["modelValue"]));
+	}
+}), Wn = ["data-invalid"], Gn = /* @__PURE__ */ u({
+	__name: "ComboboxInput",
+	props: {
+		placeholder: { default: "Search..." },
+		variant: { default: "primary" },
+		size: { default: "base" },
+		class: {}
+	},
+	setup(e) {
+		let t = e, n = d(U);
+		if (!n) throw Error("ComboboxInput must be used inside Combobox");
+		let r = d(L, null), a = () => n.selectedLabel.value, o = (e) => {
+			n.query.value = e.target.value;
+		};
+		return (n, c) => (b(), i(D(P), null, {
+			default: A(() => [s("div", {
+				class: h(D(F)(D(B)({
+					variant: e.variant,
+					size: e.size
+				}), "relative cursor-text", t.class)),
+				"data-invalid": D(r)?.invalid.value || void 0
+			}, [l(D(fe), {
+				id: D(r)?.id.value,
+				"aria-describedby": D(r)?.describedById.value,
+				"aria-invalid": D(r)?.invalid.value || void 0,
+				displayValue: a,
+				placeholder: e.placeholder,
+				class: "w-full bg-transparent text-text-primary outline-none placeholder:text-text-tertiary",
+				onInput: o
+			}, null, 8, [
+				"id",
+				"aria-describedby",
+				"aria-invalid",
+				"placeholder"
+			]), l(D(de), {
+				"aria-label": "Toggle options",
+				class: "absolute inset-y-0 right-0 flex items-center pr-2"
+			}, {
+				default: A(() => [l(D(Fe), {
+					class: "size-5 text-text-tertiary",
+					"aria-hidden": "true"
+				})]),
+				_: 1
+			})], 10, Wn)]),
+			_: 1
+		}));
+	}
+}), Kn = /* @__PURE__ */ u({
+	__name: "ComboboxContent",
+	props: {
+		width: { default: "full" },
+		class: {}
+	},
+	setup(e) {
+		let t = e, n = r(() => F(V({ size: t.width }), "max-h-80 overflow-y-auto", t.class));
+		return (e, t) => (b(), i(D(N), {
+			as: "template",
+			enter: D(H).enter,
+			"enter-from": D(H).enterFrom,
+			"enter-to": D(H).enterTo,
+			leave: D(H).leave,
+			"leave-from": D(H).leaveFrom,
+			"leave-to": D(H).leaveTo
+		}, {
+			default: A(() => [l(D(me), {
+				as: "div",
+				static: "",
+				class: h(n.value)
+			}, {
+				default: A(() => [C(e.$slots, "default")]),
+				_: 3
+			}, 8, ["class"])]),
+			_: 3
+		}, 8, [
+			"enter",
+			"enter-from",
+			"enter-to",
+			"leave",
+			"leave-from",
+			"leave-to"
+		]));
+	}
+}), qn = {
+	key: 0,
+	class: "px-3 py-6 text-center text-sm text-text-tertiary"
+}, Jn = /* @__PURE__ */ u({
+	__name: "ComboboxEmpty",
+	setup(e) {
+		let t = d(U);
+		if (!t) throw Error("ComboboxEmpty must be used inside Combobox");
+		let n = r(() => t.hasQuery.value && t.visibleCount.value === 0);
+		return (e, t) => n.value ? (b(), o("div", qn, [C(e.$slots, "default", {}, () => [t[0] ||= c("No results found.", -1)])])) : a("", !0);
+	}
+}), Yn = ["data-invalid"], Xn = { class: "flex items-center gap-1 text-text-secondary" }, Zn = [
+	"id",
+	"type",
+	"value",
+	"disabled",
+	"placeholder",
+	"required",
+	"aria-invalid",
+	"aria-required",
+	"aria-describedby",
+	"data-invalid"
+], Qn = /* @__PURE__ */ u({
+	inheritAttrs: !1,
+	__name: "Input",
+	props: /*@__PURE__*/ f({
+		variant: { default: "primary" },
+		size: { default: "base" },
+		id: {},
+		placeholder: {},
+		type: { default: "text" },
+		required: {
+			type: Boolean,
+			default: void 0
+		},
+		disabled: {
+			type: Boolean,
+			default: void 0
+		},
+		invalid: {
+			type: Boolean,
+			default: void 0
+		},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	}, {
+		modelValue: {},
+		modelModifiers: {}
+	}),
+	emits: ["update:modelValue"],
+	setup(e) {
+		let t = e, n = te(e, "modelValue"), i = d(L, null), a = O(), c = r(() => t.id ?? i?.id.value ?? a), l = r(() => t.invalid ?? i?.invalid.value ?? !1), u = r(() => t.disabled ?? i?.disabled.value ?? !1), f = r(() => t.required ?? i?.required.value ?? !1), m = r(() => i?.describedById.value), g = r(() => F(B({
+			variant: t.variant,
+			size: t.size,
+			invalid: l.value
+		}), t.class)), _ = S(null), v = (e) => {
+			let t = e.target;
+			t !== _.value && (t.closest("button, a, input, select, textarea, [tabindex]") || _.value?.focus());
+		}, y = (e) => {
+			n.value = e.target.value;
+		};
+		return (t, r) => (b(), o("div", {
+			class: h(g.value),
+			"data-invalid": l.value || void 0,
+			onClick: v
+		}, [s("span", Xn, [C(t.$slots, "default")]), s("input", p({
+			ref_key: "inputRef",
+			ref: _
+		}, t.$attrs, {
+			id: c.value,
+			type: e.type,
+			value: n.value ?? "",
+			disabled: u.value,
+			placeholder: e.placeholder,
+			required: f.value,
+			"aria-invalid": l.value || void 0,
+			"aria-required": f.value || void 0,
+			"aria-describedby": m.value,
+			"data-invalid": l.value || void 0,
+			class: "h-full w-full bg-transparent text-text-primary/70 outline-none transition-colors group-hover:text-text-primary focus:text-text-primary disabled:cursor-not-allowed",
+			onInput: y
+		}), null, 16, Zn)], 10, Yn));
+	}
+}), $n = ["data-invalid"], er = {
+	key: 0,
+	class: "flex items-center gap-1 text-text-secondary"
+}, tr = [
+	"id",
+	"rows",
+	"value",
+	"disabled",
+	"placeholder",
+	"required",
+	"aria-invalid",
+	"aria-required",
+	"aria-describedby",
+	"data-invalid"
+], nr = /* @__PURE__ */ u({
+	__name: "Textarea",
+	props: /*@__PURE__*/ f({
+		variant: { default: "primary" },
+		size: { default: "base" },
+		id: {},
+		placeholder: {},
+		rows: { default: 4 },
+		autosize: {
+			type: Boolean,
+			default: !1
+		},
+		required: {
+			type: Boolean,
+			default: void 0
+		},
+		disabled: {
+			type: Boolean,
+			default: void 0
+		},
+		invalid: {
+			type: Boolean,
+			default: void 0
+		},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	}, {
+		modelValue: {},
+		modelModifiers: {}
+	}),
+	emits: ["update:modelValue"],
+	setup(e) {
+		let t = e, n = te(e, "modelValue"), i = d(L, null), c = O(), l = r(() => t.id ?? i?.id.value ?? c), u = r(() => t.invalid ?? i?.invalid.value ?? !1), f = r(() => t.disabled ?? i?.disabled.value ?? !1), p = r(() => t.required ?? i?.required.value ?? !1), _ = r(() => i?.describedById.value), v = r(() => ({ minHeight: `${t.rows * 1.5 + 1}rem` })), y = S(), { triggerResize: x } = Ke({
+			element: y,
+			input: r(() => String(n.value ?? "")),
+			styleProp: "height"
+		});
+		k(() => n.value, async () => {
+			t.autosize && (await m(), x());
+		});
+		let w = r(() => F(B({
+			variant: t.variant,
+			size: t.size,
+			invalid: u.value
+		}), "h-auto", t.autosize && "pr-0", t.class)), T = (e) => {
+			n.value = e.target.value;
+		};
+		return (t, r) => (b(), o("div", {
+			class: h(w.value),
+			"data-invalid": u.value || void 0
+		}, [t.$slots.default ? (b(), o("span", er, [C(t.$slots, "default")])) : a("", !0), s("textarea", {
+			id: l.value,
+			ref_key: "textareaEl",
+			ref: y,
+			rows: e.rows,
+			style: g(v.value),
+			value: n.value ?? "",
+			disabled: f.value,
+			placeholder: e.placeholder,
+			required: p.value,
+			"aria-invalid": u.value || void 0,
+			"aria-required": p.value || void 0,
+			"aria-describedby": _.value,
+			"data-invalid": u.value || void 0,
+			class: h(D(F)("w-full bg-transparent py-2 text-text-primary/70 outline-none transition-colors group-hover:text-text-primary focus:text-text-primary disabled:cursor-not-allowed", e.autosize ? "resize-none max-h-60 overflow-y-auto scrollbar-thin pr-3.5" : "resize-none")),
+			onInput: T
+		}, null, 46, tr)], 10, $n));
+	}
+}), rr = [
+	"id",
+	"checked",
+	"aria-checked",
+	"aria-label",
+	"aria-describedby",
+	"disabled"
+], ir = /* @__PURE__ */ u({
+	__name: "Switch",
+	props: {
+		modelValue: { type: Boolean },
+		id: {},
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		ariaLabel: {},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	emits: ["update:modelValue"],
+	setup(e, { emit: t }) {
+		let n = e, i = t, a = d(L, null), c = O(), l = r(() => ({
+			id: n.id ?? a?.id.value ?? c,
+			disabled: n.disabled || (a?.disabled.value ?? !1),
+			describedById: a?.describedById.value
+		})), u = (e) => {
+			i("update:modelValue", e.target.checked);
+		};
+		return (t, r) => (b(), o("label", { class: h(["relative inline-flex", l.value.disabled && "opacity-60"]) }, [s("input", {
+			id: l.value.id,
+			type: "checkbox",
+			role: "switch",
+			checked: e.modelValue,
+			"aria-checked": e.modelValue,
+			"aria-label": e.ariaLabel,
+			"aria-describedby": l.value.describedById,
+			disabled: l.value.disabled,
+			class: "peer sr-only",
+			onChange: u
+		}, null, 40, rr), s("div", { class: h(D(F)("h-6 w-11 cursor-pointer rounded-full bg-bg-subtle transition-colors", "after:absolute after:inset-s-0.5 after:top-0.5 after:size-5 after:rounded-full after:border after:border-border-strong after:bg-bg-base after:transition-all after:content-['']", "peer-checked:bg-bg-inverse peer-checked:after:translate-x-5 peer-checked:after:border-bg-inverse", "peer-focus-visible:ring-2 peer-focus-visible:ring-offset-2 peer-focus-visible:ring-border-strong", "peer-disabled:cursor-not-allowed", n.class)) }, null, 2)], 2));
+	}
+}), ar = /* @__PURE__ */ u({
+	__name: "Popover",
+	props: {
+		placement: { default: "bottom-end" },
+		offset: { default: 4 },
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	setup(e) {
+		let t = e;
+		return (n, r) => (b(), i(D(Ee), {
+			as: "div",
+			class: h(D(F)("relative", t.class))
+		}, {
+			default: A(() => [l(D(M), {
+				composable: "",
+				placement: e.placement,
+				offset: e.offset,
+				flip: "",
+				"z-index": 50
+			}, {
+				default: A(() => [C(n.$slots, "default")]),
+				_: 3
+			}, 8, ["placement", "offset"])]),
+			_: 3
+		}, 8, ["class"]));
+	}
+}), or = /* @__PURE__ */ u({
+	__name: "PopoverTrigger",
+	props: {
+		asChild: { type: Boolean },
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	setup(e) {
+		let t = e;
+		return (n, r) => (b(), i(D(P), null, {
+			default: A(() => [l(D(De), {
+				as: e.asChild ? "template" : void 0,
+				class: h(e.asChild ? void 0 : D(F)("cursor-pointer rounded-lg focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-border-strong", t.class))
+			}, {
+				default: A(({ open: e }) => [C(n.$slots, "default", { open: e })]),
+				_: 3
+			}, 8, ["as", "class"])]),
+			_: 3
+		}));
+	}
+}), sr = /* @__PURE__ */ u({
+	__name: "PopoverContent",
+	props: {
+		size: { default: "xs" },
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	setup(e) {
+		let t = e;
+		return (e, n) => (b(), i(D(N), {
+			as: "template",
+			enter: D(H).enter,
+			"enter-from": D(H).enterFrom,
+			"enter-to": D(H).enterTo,
+			leave: D(H).leave,
+			"leave-from": D(H).leaveFrom,
+			"leave-to": D(H).leaveTo
+		}, {
+			default: A(() => [l(D(Oe), { class: h(D(F)(D(V)({ size: t.size }), t.class)) }, {
+				default: A(({ close: t }) => [C(e.$slots, "default", { close: t })]),
+				_: 3
+			}, 8, ["class"])]),
+			_: 3
+		}, 8, [
+			"enter",
+			"enter-from",
+			"enter-to",
+			"leave",
+			"leave-from",
+			"leave-to"
+		]));
+	}
+});
+typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
+var cr = (e) => e != null, lr = [
+	"input:not([inert]):not([inert] *)",
+	"select:not([inert]):not([inert] *)",
+	"textarea:not([inert]):not([inert] *)",
+	"a[href]:not([inert]):not([inert] *)",
+	"button:not([inert]):not([inert] *)",
+	"[tabindex]:not(slot):not([inert]):not([inert] *)",
+	"audio[controls]:not([inert]):not([inert] *)",
+	"video[controls]:not([inert]):not([inert] *)",
+	"[contenteditable]:not([contenteditable=\"false\"]):not([inert]):not([inert] *)",
+	"details>summary:first-of-type:not([inert]):not([inert] *)",
+	"details:not([inert]):not([inert] *)"
+], W = /* #__PURE__ */ lr.join(","), ur = typeof Element > "u", G = ur ? function() {} : Element.prototype.matches || Element.prototype.msMatchesSelector || Element.prototype.webkitMatchesSelector, K = !ur && Element.prototype.getRootNode ? function(e) {
+	return e?.getRootNode?.call(e);
+} : function(e) {
+	return e?.ownerDocument;
+}, q = function(e, t) {
+	t === void 0 && (t = !0);
+	var n = e?.getAttribute?.call(e, "inert");
+	return n === "" || n === "true" || t && e && (typeof e.closest == "function" ? e.closest("[inert]") : q(e.parentNode));
+}, dr = function(e) {
+	var t = e?.getAttribute?.call(e, "contenteditable");
+	return t === "" || t === "true";
+}, fr = function(e, t, n) {
+	if (q(e)) return [];
+	var r = Array.prototype.slice.apply(e.querySelectorAll(W));
+	return t && G.call(e, W) && r.unshift(e), r = r.filter(n), r;
+}, J = function(e, t, n) {
+	for (var r = [], i = Array.from(e); i.length;) {
+		var a = i.shift();
+		if (!q(a, !1)) if (a.tagName === "SLOT") {
+			var o = a.assignedElements(), s = J(o.length ? o : a.children, !0, n);
+			n.flatten ? r.push.apply(r, s) : r.push({
+				scopeParent: a,
+				candidates: s
+			});
+		} else {
+			G.call(a, W) && n.filter(a) && (t || !e.includes(a)) && r.push(a);
+			var c = a.shadowRoot || typeof n.getShadowRoot == "function" && n.getShadowRoot(a), l = !q(c, !1) && (!n.shadowRootFilter || n.shadowRootFilter(a));
+			if (c && l) {
+				var u = J(c === !0 ? a.children : c.children, !0, n);
+				n.flatten ? r.push.apply(r, u) : r.push({
+					scopeParent: a,
+					candidates: u
+				});
+			} else i.unshift.apply(i, a.children);
+		}
+	}
+	return r;
+}, pr = function(e) {
+	return !isNaN(parseInt(e.getAttribute("tabindex"), 10));
+}, Y = function(e) {
+	if (!e) throw Error("No node provided");
+	return e.tabIndex < 0 && (/^(AUDIO|VIDEO|DETAILS)$/.test(e.tagName) || dr(e)) && !pr(e) ? 0 : e.tabIndex;
+}, mr = function(e, t) {
+	var n = Y(e);
+	return n < 0 && t && !pr(e) ? 0 : n;
+}, hr = function(e, t) {
+	return e.tabIndex === t.tabIndex ? e.documentOrder - t.documentOrder : e.tabIndex - t.tabIndex;
+}, gr = function(e) {
+	return e.tagName === "INPUT";
+}, _r = function(e) {
+	return gr(e) && e.type === "hidden";
+}, vr = function(e) {
+	return e.tagName === "DETAILS" && Array.prototype.slice.apply(e.children).some(function(e) {
+		return e.tagName === "SUMMARY";
+	});
+}, yr = function(e, t) {
+	for (var n = 0; n < e.length; n++) if (e[n].checked && e[n].form === t) return e[n];
+}, br = function(e) {
+	if (!e.name) return !0;
+	var t = e.form || K(e), n = function(e) {
+		return t.querySelectorAll("input[type=\"radio\"][name=\"" + e + "\"]");
+	}, r;
+	if (typeof window < "u" && window.CSS !== void 0 && typeof window.CSS.escape == "function") r = n(window.CSS.escape(e.name));
+	else try {
+		r = n(e.name);
+	} catch (e) {
+		return console.error("Looks like you have a radio button with a name attribute containing invalid CSS selector characters and need the CSS.escape polyfill: %s", e.message), !1;
+	}
+	var i = yr(r, e.form);
+	return !i || i === e;
+}, xr = function(e) {
+	return gr(e) && e.type === "radio";
+}, Sr = function(e) {
+	return xr(e) && !br(e);
+}, Cr = function(e) {
+	var t = e && K(e), n = t?.host, r = !1;
+	if (t && t !== e) {
+		var i, a, o;
+		for (r = !!((i = n) != null && (a = i.ownerDocument) != null && a.contains(n) || e != null && (o = e.ownerDocument) != null && o.contains(e)); !r && n;) {
+			var s, c;
+			t = K(n), n = t?.host, r = !!((s = n) != null && (c = s.ownerDocument) != null && c.contains(n));
+		}
+	}
+	return r;
+}, wr = function(e) {
+	var t = e.getBoundingClientRect(), n = t.width, r = t.height;
+	return n === 0 && r === 0;
+}, Tr = function(e, t) {
+	var n = t.displayCheck, r = t.getShadowRoot;
+	if (n === "full-native" && "checkVisibility" in e) return !e.checkVisibility({
+		checkOpacity: !1,
+		opacityProperty: !1,
+		contentVisibilityAuto: !0,
+		visibilityProperty: !0,
+		checkVisibilityCSS: !0
+	});
+	if (getComputedStyle(e).visibility === "hidden") return !0;
+	var i = G.call(e, "details>summary:first-of-type") ? e.parentElement : e;
+	if (G.call(i, "details:not([open]) *")) return !0;
+	if (!n || n === "full" || n === "full-native" || n === "legacy-full") {
+		if (typeof r == "function") {
+			for (var a = e; e;) {
+				var o = e.parentElement, s = K(e);
+				if (o && !o.shadowRoot && r(o) === !0) return wr(e);
+				e = e.assignedSlot ? e.assignedSlot : !o && s !== e.ownerDocument ? s.host : o;
+			}
+			e = a;
+		}
+		if (Cr(e)) return !e.getClientRects().length;
+		if (n !== "legacy-full") return !0;
+	} else if (n === "non-zero-area") return wr(e);
+	return !1;
+}, Er = function(e) {
+	if (/^(INPUT|BUTTON|SELECT|TEXTAREA)$/.test(e.tagName)) for (var t = e.parentElement; t;) {
+		if (t.tagName === "FIELDSET" && t.disabled) {
+			for (var n = 0; n < t.children.length; n++) {
+				var r = t.children.item(n);
+				if (r.tagName === "LEGEND") return G.call(t, "fieldset[disabled] *") ? !0 : !r.contains(e);
+			}
+			return !0;
+		}
+		t = t.parentElement;
+	}
+	return !1;
+}, Dr = function(e, t) {
+	return !(t.disabled || _r(t) || Tr(t, e) || vr(t) || Er(t));
+}, Or = function(e, t) {
+	return !(Sr(t) || Y(t) < 0 || !Dr(e, t));
+}, kr = function(e) {
+	var t = parseInt(e.getAttribute("tabindex"), 10);
+	return !!(isNaN(t) || t >= 0);
+}, Ar = function(e) {
+	var t = [], n = [];
+	return e.forEach(function(e, r) {
+		var i = !!e.scopeParent, a = i ? e.scopeParent : e, o = mr(a, i), s = i ? Ar(e.candidates) : a;
+		o === 0 ? i ? t.push.apply(t, s) : t.push(a) : n.push({
+			documentOrder: r,
+			tabIndex: o,
+			item: e,
+			isScope: i,
+			content: s
+		});
+	}), n.sort(hr).reduce(function(e, t) {
+		return t.isScope ? e.push.apply(e, t.content) : e.push(t.content), e;
+	}, []).concat(t);
+}, jr = function(e, t) {
+	return t ||= {}, Ar(t.getShadowRoot ? J([e], t.includeContainer, {
+		filter: Or.bind(null, t),
+		flatten: !1,
+		getShadowRoot: t.getShadowRoot,
+		shadowRootFilter: kr
+	}) : fr(e, t.includeContainer, Or.bind(null, t)));
+}, Mr = function(e, t) {
+	return t ||= {}, t.getShadowRoot ? J([e], t.includeContainer, {
+		filter: Dr.bind(null, t),
+		flatten: !0,
+		getShadowRoot: t.getShadowRoot
+	}) : fr(e, t.includeContainer, Dr.bind(null, t));
+}, X = function(e, t) {
+	if (t ||= {}, !e) throw Error("No node provided");
+	return G.call(e, W) === !1 ? !1 : Or(t, e);
+}, Nr = /* #__PURE__ */ lr.concat("iframe:not([inert]):not([inert] *)").join(","), Pr = function(e, t) {
+	if (t ||= {}, !e) throw Error("No node provided");
+	return G.call(e, Nr) === !1 ? !1 : Dr(t, e);
+};
+//#endregion
+//#region node_modules/focus-trap/dist/focus-trap.esm.js
+function Fr(e, t) {
+	(t == null || t > e.length) && (t = e.length);
+	for (var n = 0, r = Array(t); n < t; n++) r[n] = e[n];
+	return r;
+}
+function Ir(e) {
+	if (Array.isArray(e)) return Fr(e);
+}
+function Lr(e, t) {
+	var n = typeof Symbol < "u" && e[Symbol.iterator] || e["@@iterator"];
+	if (!n) {
+		if (Array.isArray(e) || (n = Kr(e)) || t) {
+			n && (e = n);
+			var r = 0, i = function() {};
+			return {
+				s: i,
+				n: function() {
+					return r >= e.length ? { done: !0 } : {
+						done: !1,
+						value: e[r++]
+					};
+				},
+				e: function(e) {
+					throw e;
+				},
+				f: i
+			};
+		}
+		throw TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+	}
+	var a, o = !0, s = !1;
+	return {
+		s: function() {
+			n = n.call(e);
+		},
+		n: function() {
+			var e = n.next();
+			return o = e.done, e;
+		},
+		e: function(e) {
+			s = !0, a = e;
+		},
+		f: function() {
+			try {
+				o || n.return == null || n.return();
+			} finally {
+				if (s) throw a;
+			}
+		}
+	};
+}
+function Rr(e, t, n) {
+	return (t = Gr(t)) in e ? Object.defineProperty(e, t, {
+		value: n,
+		enumerable: !0,
+		configurable: !0,
+		writable: !0
+	}) : e[t] = n, e;
+}
+function zr(e) {
+	if (typeof Symbol < "u" && e[Symbol.iterator] != null || e["@@iterator"] != null) return Array.from(e);
+}
+function Br() {
+	throw TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function Vr(e, t) {
+	var n = Object.keys(e);
+	if (Object.getOwnPropertySymbols) {
+		var r = Object.getOwnPropertySymbols(e);
+		t && (r = r.filter(function(t) {
+			return Object.getOwnPropertyDescriptor(e, t).enumerable;
+		})), n.push.apply(n, r);
+	}
+	return n;
+}
+function Hr(e) {
+	for (var t = 1; t < arguments.length; t++) {
+		var n = arguments[t] == null ? {} : arguments[t];
+		t % 2 ? Vr(Object(n), !0).forEach(function(t) {
+			Rr(e, t, n[t]);
+		}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : Vr(Object(n)).forEach(function(t) {
+			Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(n, t));
+		});
+	}
+	return e;
+}
+function Ur(e) {
+	return Ir(e) || zr(e) || Kr(e) || Br();
+}
+function Wr(e, t) {
+	if (typeof e != "object" || !e) return e;
+	var n = e[Symbol.toPrimitive];
+	if (n !== void 0) {
+		var r = n.call(e, t);
+		if (typeof r != "object") return r;
+		throw TypeError("@@toPrimitive must return a primitive value.");
+	}
+	return (t === "string" ? String : Number)(e);
+}
+function Gr(e) {
+	var t = Wr(e, "string");
+	return typeof t == "symbol" ? t : t + "";
+}
+function Kr(e, t) {
+	if (e) {
+		if (typeof e == "string") return Fr(e, t);
+		var n = {}.toString.call(e).slice(8, -1);
+		return n === "Object" && e.constructor && (n = e.constructor.name), n === "Map" || n === "Set" ? Array.from(e) : n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n) ? Fr(e, t) : void 0;
+	}
+}
+var Z = {
+	getActiveTrap: function(e) {
+		return e?.length > 0 ? e[e.length - 1] : null;
+	},
+	activateTrap: function(e, t) {
+		t !== Z.getActiveTrap(e) && Z.pauseTrap(e);
+		var n = e.indexOf(t);
+		n === -1 || e.splice(n, 1), e.push(t);
+	},
+	deactivateTrap: function(e, t) {
+		var n = e.indexOf(t);
+		n !== -1 && e.splice(n, 1), Z.unpauseTrap(e);
+	},
+	pauseTrap: function(e) {
+		Z.getActiveTrap(e)?._setPausedState(!0);
+	},
+	unpauseTrap: function(e) {
+		var t = Z.getActiveTrap(e);
+		t && !t._isManuallyPaused() && t._setPausedState(!1);
+	}
+}, qr = function(e) {
+	return e.tagName && e.tagName.toLowerCase() === "input" && typeof e.select == "function";
+}, Jr = function(e) {
+	return e?.key === "Escape" || e?.key === "Esc" || e?.keyCode === 27;
+}, Q = function(e) {
+	return e?.key === "Tab" || e?.keyCode === 9;
+}, Yr = function(e) {
+	return Q(e) && !e.shiftKey;
+}, Xr = function(e) {
+	return Q(e) && e.shiftKey;
+}, Zr = function(e) {
+	return setTimeout(e, 0);
+}, $ = function(e) {
+	var t = [...arguments].slice(1);
+	return typeof e == "function" ? e.apply(void 0, t) : e;
+}, Qr = function(e) {
+	return e.target.shadowRoot && typeof e.composedPath == "function" ? e.composedPath()[0] : e.target;
+}, $r = [], ei = function(e, t) {
+	var n = t?.document || document, r = t?.trapStack || $r, i = Hr({
+		returnFocusOnDeactivate: !0,
+		escapeDeactivates: !0,
+		delayInitialFocus: !0,
+		delayReturnFocus: !0,
+		isolateSubtrees: !1,
+		isKeyForward: Yr,
+		isKeyBackward: Xr
+	}, t), a = {
+		containers: [],
+		containerGroups: [],
+		tabbableGroups: [],
+		adjacentElements: /* @__PURE__ */ new Set(),
+		alreadySilent: /* @__PURE__ */ new Set(),
+		nodeFocusedBeforeActivation: null,
+		mostRecentlyFocusedNode: null,
+		active: !1,
+		paused: !1,
+		manuallyPaused: !1,
+		delayInitialFocusTimer: void 0,
+		recentNavEvent: void 0
+	}, o, s = function(e, t, n) {
+		return e && e[t] !== void 0 ? e[t] : i[n || t];
+	}, c = function(e, t) {
+		var n = typeof t?.composedPath == "function" ? t.composedPath() : void 0;
+		return a.containerGroups.findIndex(function(t) {
+			var r = t.container, i = t.tabbableNodes;
+			return r.contains(e) || n?.includes(r) || i.find(function(t) {
+				return t === e;
+			});
+		});
+	}, l = function(e) {
+		var t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, r = t.hasFallback, a = r === void 0 ? !1 : r, o = t.params, s = o === void 0 ? [] : o, c = i[e];
+		if (typeof c == "function" && (c = c.apply(void 0, Ur(s))), c === !0 && (c = void 0), !c) {
+			if (c === void 0 || c === !1) return c;
+			throw Error(`\`${e}\` was specified but was not a node, or did not return a node`);
+		}
+		var l = c;
+		if (typeof c == "string") {
+			try {
+				l = n.querySelector(c);
+			} catch (t) {
+				throw Error(`\`${e}\` appears to be an invalid selector; error="${t.message}"`);
+			}
+			if (!l && !a) throw Error(`\`${e}\` as selector refers to no known node`);
+		}
+		return l;
+	}, u = function(e) {
+		var t = e.activeElement;
+		return t ? t.shadowRoot && t.shadowRoot.activeElement !== null ? u(t.shadowRoot) : t : null;
+	}, d = function() {
+		var e = l("initialFocus", { hasFallback: !0 });
+		if (e === !1) return !1;
+		if (e === void 0 || e && !Pr(e, i.tabbableOptions)) {
+			var t = u(n);
+			if (c(t) >= 0) e = t;
+			else {
+				var r = a.tabbableGroups[0];
+				e = r && r.firstTabbableNode || l("fallbackFocus");
+			}
+		} else e === null && (e = l("fallbackFocus"));
+		if (!e) throw Error("Your focus-trap needs to have at least one focusable element");
+		return e;
+	}, f = function() {
+		if (a.containerGroups = a.containers.map(function(e) {
+			var t = jr(e, i.tabbableOptions), n = Mr(e, i.tabbableOptions), r = t.length > 0 ? t[0] : void 0, a = t.length > 0 ? t[t.length - 1] : void 0, o = n.find(function(e) {
+				return X(e);
+			}), s = n.slice().reverse().find(function(e) {
+				return X(e);
+			});
+			return {
+				container: e,
+				tabbableNodes: t,
+				focusableNodes: n,
+				posTabIndexesFound: !!t.find(function(e) {
+					return Y(e) > 0;
+				}),
+				firstTabbableNode: r,
+				lastTabbableNode: a,
+				firstDomTabbableNode: o,
+				lastDomTabbableNode: s,
+				nextTabbableNode: function(e) {
+					var r = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !0, i = t.indexOf(e);
+					return i < 0 ? r ? n.slice(n.indexOf(e) + 1).find(function(e) {
+						return X(e);
+					}) : n.slice(0, n.indexOf(e)).reverse().find(function(e) {
+						return X(e);
+					}) : t[i + (r ? 1 : -1)];
+				}
+			};
+		}), a.tabbableGroups = a.containerGroups.filter(function(e) {
+			return e.tabbableNodes.length > 0;
+		}), a.tabbableGroups.length <= 0 && !l("fallbackFocus")) throw Error("Your focus-trap must have at least one container with at least one tabbable node in it at all times");
+		if (a.containerGroups.find(function(e) {
+			return e.posTabIndexesFound;
+		}) && a.containerGroups.length > 1) throw Error("At least one node with a positive tabindex was found in one of your focus-trap's multiple containers. Positive tabindexes are only supported in single-container focus-traps.");
+	}, p = function(e) {
+		if (e !== !1 && e !== u(document)) {
+			if (!e || !e.focus) {
+				p(d());
+				return;
+			}
+			e.focus({ preventScroll: !!i.preventScroll }), a.mostRecentlyFocusedNode = e, qr(e) && e.select();
+		}
+	}, m = function(e) {
+		var t = l("setReturnFocus", { params: [e] });
+		return t || (t === !1 ? !1 : e);
+	}, h = function(e) {
+		var t = e.target, n = e.event, r = e.isBackward, o = r === void 0 ? !1 : r;
+		t ||= Qr(n), f();
+		var s = null;
+		if (a.tabbableGroups.length > 0) {
+			var u = c(t, n), d = u >= 0 ? a.containerGroups[u] : void 0;
+			if (u < 0) s = o ? a.tabbableGroups[a.tabbableGroups.length - 1].lastTabbableNode : a.tabbableGroups[0].firstTabbableNode;
+			else if (o) {
+				var p = a.tabbableGroups.findIndex(function(e) {
+					var n = e.firstTabbableNode;
+					return t === n;
+				});
+				if (p < 0 && (d.container === t || Pr(t, i.tabbableOptions) && !X(t, i.tabbableOptions) && !d.nextTabbableNode(t, !1)) && (p = u), p >= 0) {
+					var m = p === 0 ? a.tabbableGroups.length - 1 : p - 1, h = a.tabbableGroups[m];
+					s = Y(t) >= 0 ? h.lastTabbableNode : h.lastDomTabbableNode;
+				} else Q(n) || (s = d.nextTabbableNode(t, !1));
+			} else {
+				var g = a.tabbableGroups.findIndex(function(e) {
+					var n = e.lastTabbableNode;
+					return t === n;
+				});
+				if (g < 0 && (d.container === t || Pr(t, i.tabbableOptions) && !X(t, i.tabbableOptions) && !d.nextTabbableNode(t)) && (g = u), g >= 0) {
+					var _ = g === a.tabbableGroups.length - 1 ? 0 : g + 1, v = a.tabbableGroups[_];
+					s = Y(t) >= 0 ? v.firstTabbableNode : v.firstDomTabbableNode;
+				} else Q(n) || (s = d.nextTabbableNode(t));
+			}
+		} else s = l("fallbackFocus");
+		return s;
+	}, g = function(e) {
+		if (!(c(Qr(e), e) >= 0)) {
+			if ($(i.clickOutsideDeactivates, e)) {
+				o.deactivate({ returnFocus: i.returnFocusOnDeactivate });
+				return;
+			}
+			$(i.allowOutsideClick, e) || e.preventDefault();
+		}
+	}, _ = function(e) {
+		var t = Qr(e), n = c(t, e) >= 0;
+		if (n || t instanceof Document) n && (a.mostRecentlyFocusedNode = t);
+		else {
+			e.stopImmediatePropagation();
+			var r, o = !0;
+			if (a.mostRecentlyFocusedNode) if (Y(a.mostRecentlyFocusedNode) > 0) {
+				var s = c(a.mostRecentlyFocusedNode), l = a.containerGroups[s].tabbableNodes;
+				if (l.length > 0) {
+					var u = l.findIndex(function(e) {
+						return e === a.mostRecentlyFocusedNode;
+					});
+					u >= 0 && (i.isKeyForward(a.recentNavEvent) ? u + 1 < l.length && (r = l[u + 1], o = !1) : u - 1 >= 0 && (r = l[u - 1], o = !1));
+				}
+			} else a.containerGroups.some(function(e) {
+				return e.tabbableNodes.some(function(e) {
+					return Y(e) > 0;
+				});
+			}) || (o = !1);
+			else o = !1;
+			o && (r = h({
+				target: a.mostRecentlyFocusedNode,
+				isBackward: i.isKeyBackward(a.recentNavEvent)
+			})), p(r || a.mostRecentlyFocusedNode || d());
+		}
+		a.recentNavEvent = void 0;
+	}, v = function(e) {
+		var t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !1;
+		a.recentNavEvent = e;
+		var n = h({
+			event: e,
+			isBackward: t
+		});
+		n && (Q(e) && e.preventDefault(), p(n));
+	}, y = function(e) {
+		(i.isKeyForward(e) || i.isKeyBackward(e)) && v(e, i.isKeyBackward(e));
+	}, b = function(e) {
+		Jr(e) && $(i.escapeDeactivates, e) !== !1 && (e.preventDefault(), o.deactivate());
+	}, x = function(e) {
+		c(Qr(e), e) >= 0 || $(i.clickOutsideDeactivates, e) || $(i.allowOutsideClick, e) || (e.preventDefault(), e.stopImmediatePropagation());
+	}, S = function() {
+		if (a.active) {
+			Z.activateTrap(r, o);
+			var e;
+			return i.delayInitialFocus ? e = new Promise(function(e) {
+				a.delayInitialFocusTimer = Zr(function() {
+					p(d()), e();
+				});
+			}) : p(d()), n.addEventListener("focusin", _, !0), n.addEventListener("mousedown", g, {
+				capture: !0,
+				passive: !1
+			}), n.addEventListener("touchstart", g, {
+				capture: !0,
+				passive: !1
+			}), n.addEventListener("click", x, {
+				capture: !0,
+				passive: !1
+			}), n.addEventListener("keydown", y, {
+				capture: !0,
+				passive: !1
+			}), n.addEventListener("keydown", b), e;
+		}
+	}, C = function(e) {
+		a.active && !a.paused && o._setSubtreeIsolation(!1), a.adjacentElements.clear(), a.alreadySilent.clear();
+		var t = /* @__PURE__ */ new Set(), n = /* @__PURE__ */ new Set(), r = Lr(e), i;
+		try {
+			for (r.s(); !(i = r.n()).done;) {
+				var s = i.value;
+				t.add(s);
+				for (var c = typeof ShadowRoot < "u" && s.getRootNode() instanceof ShadowRoot, l = s; l;) {
+					t.add(l);
+					var u = l.parentElement, d = [];
+					u ? d = u.children : !u && c && (d = l.getRootNode().children, u = l.getRootNode().host, c = typeof ShadowRoot < "u" && u.getRootNode() instanceof ShadowRoot);
+					var f = Lr(d), p;
+					try {
+						for (f.s(); !(p = f.n()).done;) {
+							var m = p.value;
+							n.add(m);
+						}
+					} catch (e) {
+						f.e(e);
+					} finally {
+						f.f();
+					}
+					l = u;
+				}
+			}
+		} catch (e) {
+			r.e(e);
+		} finally {
+			r.f();
+		}
+		t.forEach(function(e) {
+			n.delete(e);
+		}), a.adjacentElements = n;
+	}, w = function() {
+		if (a.active) return n.removeEventListener("focusin", _, !0), n.removeEventListener("mousedown", g, !0), n.removeEventListener("touchstart", g, !0), n.removeEventListener("click", x, !0), n.removeEventListener("keydown", y, !0), n.removeEventListener("keydown", b), o;
+	}, T = typeof window < "u" && "MutationObserver" in window ? new MutationObserver(function(e) {
+		var t = a.mostRecentlyFocusedNode;
+		t && e.some(function(e) {
+			return Array.from(e.removedNodes).some(function(e) {
+				return e === t || typeof e.contains == "function" && e.contains(t);
+			});
+		}) && a.containers.some(function(e) {
+			return e?.isConnected;
+		}) && (f(), p(d()));
+	}) : void 0, E = function() {
+		T && (T.disconnect(), a.active && !a.paused && a.containers.map(function(e) {
+			T.observe(e, {
+				subtree: !0,
+				childList: !0
+			});
+		}));
+	};
+	return o = {
+		get active() {
+			return a.active;
+		},
+		get paused() {
+			return a.paused;
+		},
+		activate: function(e) {
+			if (a.active) return this;
+			var t = s(e, "onActivate"), i = s(e, "onPostActivate"), c = s(e, "checkCanFocusTrap"), l = Z.getActiveTrap(r), d = !1;
+			if (l && !l.paused) {
+				var p;
+				(p = l._setSubtreeIsolation) == null || p.call(l, !1), d = !0;
+			}
+			try {
+				c || f(), a.active = !0, a.paused = !1, a.nodeFocusedBeforeActivation = u(n), t?.({ trap: o });
+				var m = function() {
+					c && f();
+					var e = function() {
+						o._setSubtreeIsolation(!0), E(), i?.({ trap: o });
+					}, t = S();
+					t ? t.then(e) : e();
+				};
+				if (c) return c(a.containers.concat()).then(m, m), this;
+				m();
+			} catch (e) {
+				if (l === Z.getActiveTrap(r) && d) {
+					var h;
+					(h = l._setSubtreeIsolation) == null || h.call(l, !0);
+				}
+				throw e;
+			}
+			return this;
+		},
+		deactivate: function(e) {
+			if (!a.active) return this;
+			var t = Hr({
+				onDeactivate: i.onDeactivate,
+				onPostDeactivate: i.onPostDeactivate,
+				checkCanReturnFocus: i.checkCanReturnFocus
+			}, e);
+			clearTimeout(a.delayInitialFocusTimer), a.delayInitialFocusTimer = void 0, a.paused || o._setSubtreeIsolation(!1), a.alreadySilent.clear(), w(), a.active = !1, a.paused = !1, E(), Z.deactivateTrap(r, o);
+			var n = s(t, "onDeactivate"), c = s(t, "onPostDeactivate"), l = s(t, "checkCanReturnFocus"), u = s(t, "delayReturnFocus"), d = s(t, "returnFocus", "returnFocusOnDeactivate");
+			n?.({ trap: o });
+			var f = function() {
+				d && p(m(a.nodeFocusedBeforeActivation)), c?.({ trap: o });
+			}, h = function() {
+				u && d ? Zr(f) : f();
+			};
+			return d && l ? (l(m(a.nodeFocusedBeforeActivation)).then(h, h), this) : (h(), this);
+		},
+		pause: function(e) {
+			return a.active ? (a.manuallyPaused = !0, this._setPausedState(!0, e)) : this;
+		},
+		unpause: function(e) {
+			return !a.active || (a.manuallyPaused = !1, r[r.length - 1] !== this) ? this : this._setPausedState(!1, e);
+		},
+		updateContainerElements: function(e) {
+			return a.containers = [].concat(e).filter(Boolean).map(function(e) {
+				return typeof e == "string" ? n.querySelector(e) : e;
+			}), i.isolateSubtrees && C(a.containers), a.active && (f(), a.paused || o._setSubtreeIsolation(!0)), E(), this;
+		}
+	}, Object.defineProperties(o, {
+		_isManuallyPaused: { value: function() {
+			return a.manuallyPaused;
+		} },
+		_setPausedState: { value: function(e, t) {
+			if (a.paused === e) return this;
+			if (a.paused = e, e) {
+				var n = s(t, "onPause"), r = s(t, "onPostPause");
+				n?.({ trap: o }), w(), o._setSubtreeIsolation(!1), E(), r?.({ trap: o });
+			} else {
+				var i = s(t, "onUnpause"), c = s(t, "onPostUnpause");
+				i?.({ trap: o }), (function() {
+					f();
+					var e = function() {
+						o._setSubtreeIsolation(!0), E(), c?.({ trap: o });
+					}, t = S();
+					t ? t.then(e) : e();
+				})();
+			}
+			return this;
+		} },
+		_setSubtreeIsolation: { value: function(e) {
+			i.isolateSubtrees && a.adjacentElements.forEach(function(t) {
+				if (e) switch (i.isolateSubtrees) {
+					case "aria-hidden":
+						(t.ariaHidden === "true" || t.getAttribute("aria-hidden")?.toLowerCase() === "true") && a.alreadySilent.add(t), t.setAttribute("aria-hidden", "true");
+						break;
+					default:
+						(t.inert || t.hasAttribute("inert")) && a.alreadySilent.add(t), t.setAttribute("inert", !0);
+						break;
+				}
+				else if (!a.alreadySilent.has(t)) switch (i.isolateSubtrees) {
+					case "aria-hidden":
+						t.removeAttribute("aria-hidden");
+						break;
+					default:
+						t.removeAttribute("inert");
+						break;
+				}
+			});
+		} }
+	}), o.updateContainerElements(e), o;
+};
+//#endregion
+//#region node_modules/@vueuse/integrations/dist/useFocusTrap.js
+function ti(e, t = {}) {
+	let n, { immediate: i, ...a } = t, o = T(!1), s = T(!1), c = (e) => n && n.activate(e), l = (e) => n && n.deactivate(e);
+	return k(r(() => Ve(ee(e)).map((e) => {
+		let t = ee(e);
+		return typeof t == "string" ? t : Ue(t);
+	}).filter(cr)), (e) => {
+		if (e.length) if (!n) n = ei(e, {
+			...a,
+			onActivate(e) {
+				o.value = !0, t.onActivate && t.onActivate(e);
+			},
+			onDeactivate(e) {
+				o.value = !1, t.onDeactivate && t.onDeactivate(e);
+			}
+		}), i && c();
+		else {
+			let t = n?.active;
+			n?.updateContainerElements(e), !t && i && c();
+		}
+	}, { flush: "post" }), He(() => l()), {
+		hasFocus: o,
+		isPaused: s,
+		activate: c,
+		deactivate: l,
+		pause: () => {
+			n && (n.pause(), s.value = !0);
+		},
+		unpause: () => {
+			n && (n.unpause(), s.value = !1);
+		}
+	};
+}
+//#endregion
+//#region lib/components/overlays/modal/modal-context.ts
+var ni = Symbol("ModalContext"), ri = (e) => x(ni, e), ii = () => {
+	let e = d(ni, null);
+	if (!e) throw Error("Modal parts must be used inside <Modal>.");
+	return e;
+}, ai = j(["relative flex max-h-[calc(100vh-100px)] w-full flex-col overflow-y-auto", "rounded-t-3xl md:rounded-3xl border border-border-subtle bg-bg-raised shadow-xs"].join(" "), {
+	variants: { size: {
+		sm: "md:max-w-sm",
+		md: "md:max-w-md",
+		lg: "md:max-w-lg",
+		xl: "md:max-w-xl",
+		"2xl": "md:max-w-2xl",
+		"3xl": "md:max-w-3xl",
+		"4xl": "md:max-w-4xl",
+		"5xl": "md:max-w-5xl",
+		full: "md:max-w-full h-full rounded-t-none md:rounded-none"
+	} },
+	defaultVariants: { size: "md" }
+}), oi = ["aria-labelledby", "aria-describedby"], si = /* @__PURE__ */ u({
+	__name: "Modal",
+	props: {
+		modelValue: { type: Boolean },
+		size: { default: "md" },
+		closeOnBackdrop: {
+			type: Boolean,
+			default: !0
+		},
+		persistent: {
+			type: Boolean,
+			default: !1
+		},
+		beforeClose: {},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	emits: ["update:modelValue", "close"],
+	setup(e, { emit: r }) {
+		let c = e, u = r, d = async (e) => {
+			c.persistent && e !== "close-button" && e !== "programmatic" || e === "backdrop" && !c.closeOnBackdrop || c.beforeClose && !await c.beforeClose(e) || (u("close", e), u("update:modelValue", !1));
+		}, f = () => {
+			d("programmatic");
+		}, p = () => {
+			d("backdrop");
+		};
+		Be("Escape", (e) => {
+			c.modelValue && (e.preventDefault(), d("escape"));
+		});
+		let m = Ge(typeof document < "u" ? document.body : null), g = S(null), { activate: _, deactivate: v } = ti(g, {
+			immediate: !1,
+			escapeDeactivates: !1,
+			allowOutsideClick: !0
+		}), y = S(void 0), x = S(void 0);
+		return ri({
+			attemptClose: (e) => {
+				d(e);
+			},
+			close: f,
+			labelId: y,
+			setLabelId: (e) => {
+				y.value = e;
+			},
+			descriptionId: x,
+			setDescriptionId: (e) => {
+				x.value = e;
+			}
+		}), k(() => c.modelValue, (e) => {
+			m.value = e, e || v();
+		}), (r, u) => (b(), i(t, { to: "body" }, [l(n, {
+			"enter-active-class": "transition-opacity duration-200",
+			"enter-from-class": "opacity-0",
+			"enter-to-class": "opacity-100",
+			"leave-active-class": "transition-opacity duration-200",
+			"leave-from-class": "opacity-100",
+			"leave-to-class": "opacity-0"
+		}, {
+			default: A(() => [e.modelValue ? (b(), o("div", {
+				key: 0,
+				class: "fixed inset-0 z-50 flex items-end justify-center bg-bg-inverse/50 md:items-center",
+				onClick: oe(p, ["self"])
+			}, [l(n, {
+				appear: "",
+				"enter-active-class": "transition-all duration-200",
+				"enter-from-class": "opacity-0 scale-95",
+				"enter-to-class": "opacity-100 scale-100",
+				"leave-active-class": "transition-all duration-200",
+				"leave-from-class": "opacity-100 scale-100",
+				"leave-to-class": "opacity-0 scale-95",
+				onAfterEnter: u[0] ||= () => D(_)()
+			}, {
+				default: A(() => [s("div", {
+					ref_key: "dialogRef",
+					ref: g,
+					class: h(D(F)(D(ai)({ size: e.size }), c.class)),
+					role: "dialog",
+					"aria-modal": "true",
+					"aria-labelledby": y.value,
+					"aria-describedby": x.value
+				}, [C(r.$slots, "default", { close: f })], 10, oi)]),
+				_: 3
+			})])) : a("", !0)]),
+			_: 3
+		})]));
+	}
+}), ci = /* @__PURE__ */ u({
+	__name: "ModalHeader",
+	props: { class: { type: [
+		Boolean,
+		null,
+		String,
+		Object,
+		Array
+	] } },
+	setup(e) {
+		let t = e;
+		return (e, n) => (b(), o("div", { class: h(D(F)("relative flex flex-col px-6 pb-2 pr-12 pt-4", t.class)) }, [C(e.$slots, "default")], 2));
+	}
+}), li = ["id"], ui = /* @__PURE__ */ u({
+	__name: "ModalTitle",
+	props: { class: { type: [
+		Boolean,
+		null,
+		String,
+		Object,
+		Array
+	] } },
+	setup(e) {
+		let t = e, { setLabelId: n } = ii(), r = O();
+		return v(() => n(r)), y(() => n(void 0)), (e, n) => (b(), o("h2", {
+			id: D(r),
+			class: h(D(F)("text-lg font-medium text-text-primary", t.class))
+		}, [C(e.$slots, "default")], 10, li));
+	}
+}), di = ["id"], fi = /* @__PURE__ */ u({
+	__name: "ModalDescription",
+	props: { class: { type: [
+		Boolean,
+		null,
+		String,
+		Object,
+		Array
+	] } },
+	setup(e) {
+		let t = e, { setDescriptionId: n } = ii(), r = O();
+		return v(() => n(r)), y(() => n(void 0)), (e, n) => (b(), o("p", {
+			id: D(r),
+			class: h(D(F)("text-sm text-text-secondary", t.class))
+		}, [C(e.$slots, "default")], 10, di));
+	}
+}), pi = /* @__PURE__ */ u({
+	__name: "ModalContent",
+	props: { class: { type: [
+		Boolean,
+		null,
+		String,
+		Object,
+		Array
+	] } },
+	setup(e) {
+		let t = e;
+		return (e, n) => (b(), o("div", { class: h(D(F)("px-6 py-2 text-text-primary", t.class)) }, [C(e.$slots, "default")], 2));
+	}
+}), mi = /* @__PURE__ */ u({
+	__name: "ModalFooter",
+	props: { class: { type: [
+		Boolean,
+		null,
+		String,
+		Object,
+		Array
+	] } },
+	setup(e) {
+		let t = e;
+		return (e, n) => (b(), o("div", { class: h(D(F)("flex items-center justify-end gap-3 px-6 pb-4 pt-2", t.class)) }, [C(e.$slots, "default")], 2));
+	}
+}), hi = /* @__PURE__ */ u({
+	__name: "ModalClose",
+	props: { class: { type: [
+		Boolean,
+		null,
+		String,
+		Object,
+		Array
+	] } },
+	setup(e) {
+		let t = e, { attemptClose: n } = ii();
+		return (e, r) => (b(), i(Ze, {
+			variant: "icon",
+			size: "icon",
+			"aria-label": "Close",
+			class: h(D(F)("absolute right-4 top-4", t.class)),
+			onClick: r[0] ||= (e) => D(n)("close-button")
+		}, {
+			default: A(() => [C(e.$slots, "default", {}, () => [l(D(ze), { class: "size-5" })])]),
+			_: 3
+		}, 8, ["class"]));
+	}
+});
+//#endregion
+export { Pt as Alert, It as AlertDescription, Ft as AlertTitle, rt as Avatar, $e as Badge, Ze as Button, Mn as Checkbox, Un as Combobox, Kn as ComboboxContent, Jn as ComboboxEmpty, Gn as ComboboxInput, Hn as ComboboxItem, Et as Disclosure, kt as DisclosureContent, Ot as DisclosureTrigger, Fn as Dropdown, Ln as DropdownContent, zn as DropdownItem, In as DropdownTrigger, Lt as Empty, Ut as EmptyContent, Ht as EmptyDescription, Rt as EmptyHeader, Bt as EmptyMedia, Vt as EmptyTitle, rn as Field, dn as FieldContent, cn as FieldDescription, un as FieldError, L as FieldKey, on as FieldLabel, Qn as Input, it as Kbd, ot as KbdGroup, ct as Label, si as Modal, hi as ModalClose, pi as ModalContent, fi as ModalDescription, mi as ModalFooter, ci as ModalHeader, ui as ModalTitle, Cn as MultiSelect, En as MultiSelectContent, Pn as MultiSelectItem, On as MultiSelectSearch, Tn as MultiSelectTrigger, ht as Panel, _t as PanelContent, vt as PanelFooter, gt as PanelHeader, ar as Popover, sr as PopoverContent, or as PopoverTrigger, mt as Progress, hn as Select, vn as SelectContent, mn as SelectItem, xn as SelectSearch, _n as SelectTrigger, dt as Separator, qt as Sidebar, Xt as SidebarContent, Zt as SidebarFooter, $t as SidebarGroup, Yt as SidebarHeader, tn as SidebarItem, Kt as SidebarProvider, Jt as SidebarTrigger, ft as Skeleton, Xe as Spinner, ir as Switch, yt as Tabs, Tt as TabsContent, St as TabsList, wt as TabsPanels, Ct as TabsTrigger, nr as Textarea, Qe as badgeVariants, qe as buttonVariants, F as cn, B as inputVariants, V as popoverVariants, I as useSidebar };