@nexxtmove/ui 1.37.0 → 1.38.0

package/dist/index.js

@@ -1,5 +1,5 @@
-import { Fragment as e, Teleport as t, Transition as n, TransitionGroup as r, computed as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createSlots as l, createStaticVNode as u, createTextVNode as d, createVNode as f, defineComponent as p, getCurrentInstance as m, guardReactiveProps as h, h as g, mergeModels as _, mergeProps as v, nextTick as y, normalizeClass as b, normalizeProps as x, normalizeStyle as S, onBeforeUnmount as C, onMounted as w, onUnmounted as T, openBlock as E, readonly as D, ref as O, renderList as k, renderSlot as A, resolveDynamicComponent as j, toDisplayString as M, toHandlers as N, unref as P, useAttrs as F, useCssVars as I, useId as L, useModel as R, useSlots as z, useTemplateRef as B, vModelCheckbox as ee, vModelDynamic as te, vModelText as V, watch as H, watchEffect as U, withCtx as W, withDirectives as G, withKeys as K, withModifiers as q } from "vue";
-import { ColorAreaArea as J, ColorAreaRoot as ne, ColorAreaThumb as Y, ColorFieldInput as re, ColorFieldRoot as X, ColorSliderRoot as ie, ColorSliderThumb as ae, ColorSliderTrack as oe, ColorSwatch as se, DialogClose as ce, DialogContent as le, DialogDescription as ue, DialogOverlay as de, DialogPortal as fe, DialogRoot as pe, DialogTitle as me, PaginationEllipsis as he, PaginationFirst as ge, PaginationLast as _e, PaginationList as ve, PaginationListItem as ye, PaginationNext as be, PaginationPrev as xe, PaginationRoot as Se, SliderRange as Ce, SliderRoot as we, SliderThumb as Te, SliderTrack as Ee, TooltipContent as De, TooltipPortal as Oe, TooltipProvider as ke, TooltipRoot as Ae, TooltipTrigger as je, colorToString as Me, normalizeColor as Ne, setChannelValue as Pe } from "reka-ui";
+import { Fragment as e, Teleport as t, Transition as n, TransitionGroup as r, computed as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createSlots as l, createStaticVNode as u, createTextVNode as d, createVNode as f, defineComponent as p, getCurrentInstance as m, guardReactiveProps as h, h as g, mergeModels as _, mergeProps as v, nextTick as y, normalizeClass as b, normalizeProps as x, normalizeStyle as S, onBeforeUnmount as C, onMounted as w, onUnmounted as T, openBlock as E, readonly as D, ref as O, renderList as k, renderSlot as A, resolveDynamicComponent as j, toDisplayString as M, toHandlers as N, unref as P, useAttrs as F, useCssVars as ee, useId as I, useModel as L, useSlots as R, useTemplateRef as z, vModelCheckbox as te, vModelDynamic as ne, vModelText as re, watch as B, watchEffect as V, withCtx as H, withDirectives as U, withKeys as W, withModifiers as G } from "vue";
+import { ColorAreaArea as K, ColorAreaRoot as ie, ColorAreaThumb as q, ColorFieldInput as J, ColorFieldRoot as Y, ColorSliderRoot as X, ColorSliderThumb as ae, ColorSliderTrack as oe, ColorSwatch as se, DialogClose as ce, DialogContent as le, DialogDescription as ue, DialogOverlay as de, DialogPortal as fe, DialogRoot as pe, DialogTitle as me, PaginationEllipsis as he, PaginationFirst as ge, PaginationLast as _e, PaginationList as ve, PaginationListItem as ye, PaginationNext as be, PaginationPrev as xe, PaginationRoot as Se, SliderRange as Ce, SliderRoot as we, SliderThumb as Te, SliderTrack as Ee, TooltipContent as De, TooltipPortal as Oe, TooltipProvider as ke, TooltipRoot as Ae, TooltipTrigger as je, colorToString as Me, normalizeColor as Ne, setChannelValue as Pe } from "reka-ui";
 import Fe from "@number-flow/vue";
 import { addMonths as Ie, eachDayOfInterval as Le, endOfDay as Re, endOfMonth as ze, endOfWeek as Be, format as Ve, getHours as He, getMinutes as Ue, isAfter as We, isBefore as Ge, isSameDay as Ke, isSameMonth as qe, setHours as Je, setMinutes as Ye, startOfDay as Xe, startOfMonth as Ze, startOfWeek as Qe, subMonths as $e } from "date-fns";
 import { fromZonedTime as et, toZonedTime as Z } from "date-fns-tz";
@@ -332,7 +332,7 @@ var vt = { funda: { render: _t } }, Q = /* @__PURE__ */ p({
 	}),
 	emits: ["update:modelValue"],
 	setup(e) {
-		let t = R(e, "modelValue"), n = {
+		let t = L(e, "modelValue"), n = {
 			blue: "border-cornflower-blue-500 bg-cornflower-blue-500",
 			green: "border-green-400 bg-green-400"
 		}, r = {
@@ -354,12 +354,12 @@ var vt = { funda: { render: _t } }, Q = /* @__PURE__ */ p({
 		};
 		return (d, f) => (E(), s("label", yt, [
 			e.labelPosition === "before" ? A(d.$slots, "default", { key: 0 }) : o("", !0),
-			c("span", { class: b(["relative inline-block shrink-0", r[e.size]]) }, [G(c("input", v(d.$attrs, {
+			c("span", { class: b(["relative inline-block shrink-0", r[e.size]]) }, [U(c("input", v(d.$attrs, {
 				type: "checkbox",
 				role: "switch",
 				class: "peer sr-only",
 				"onUpdate:modelValue": f[0] ||= (e) => t.value = e
-			}), null, 16), [[ee, t.value]]), c("span", { class: b([
+			}), null, 16), [[te, t.value]]), c("span", { class: b([
 				"absolute inset-0 overflow-hidden rounded-[30px] border transition-colors duration-200",
 				"peer-focus-visible:outline-2 peer-focus-visible:outline-offset-2 peer-focus-visible:outline-cornflower-blue-500",
 				t.value ? n[e.color] : "border-gray-500 bg-gray-200"
@@ -405,7 +405,7 @@ var vt = { funda: { render: _t } }, Q = /* @__PURE__ */ p({
 	}),
 	emits: ["update:modelValue"],
 	setup(e) {
-		let t = R(e, "modelValue"), n = i(() => !e.switchable || t.value), r = i(() => !n.value || void 0);
+		let t = L(e, "modelValue"), n = i(() => !e.switchable || t.value), r = i(() => !n.value || void 0);
 		return (i, l) => (E(), s("div", xt, [c("div", St, [e.switchable ? (E(), a(bt, {
 			key: 0,
 			modelValue: t.value,
@@ -414,7 +414,7 @@ var vt = { funda: { render: _t } }, Q = /* @__PURE__ */ p({
 			color: "blue",
 			"label-position": "before"
 		}, {
-			default: W(() => [c("span", Ct, M(e.label), 1)]),
+			default: H(() => [c("span", Ct, M(e.label), 1)]),
 			_: 1
 		}, 8, ["modelValue"])) : (E(), s("p", wt, M(e.label), 1))]), i.$slots.default ? (E(), s("div", {
 			key: 0,
@@ -463,7 +463,7 @@ var vt = { funda: { render: _t } }, Q = /* @__PURE__ */ p({
 	}),
 	emits: ["update:modelValue"],
 	setup(t) {
-		let n = R(t, "modelValue"), r = {
+		let n = L(t, "modelValue"), r = {
 			blue: "bg-cornflower-blue-500",
 			green: "bg-green-400"
 		}, l = {
@@ -493,8 +493,8 @@ var vt = { funda: { render: _t } }, Q = /* @__PURE__ */ p({
 			onFocusout: m,
 			class: ["relative flex w-full touch-none items-center select-none", t.disabled ? "cursor-not-allowed opacity-50" : "cursor-pointer"]
 		}), {
-			default: W(() => [f(P(Ee), { class: b(["relative w-full grow rounded-full bg-gray-200", d[t.size]]) }, {
-				default: W(() => [f(P(Ce), { class: b(["absolute h-full rounded-full", t.variant === "filled" ? r[t.color] : "bg-transparent"]) }, null, 8, ["class"])]),
+			default: H(() => [f(P(Ee), { class: b(["relative w-full grow rounded-full bg-gray-200", d[t.size]]) }, {
+				default: H(() => [f(P(Ce), { class: b(["absolute h-full rounded-full", t.variant === "filled" ? r[t.color] : "bg-transparent"]) }, null, 8, ["class"])]),
 				_: 1
 			}, 8, ["class"]), (E(!0), s(e, null, k(n.value, (e, n) => (E(), a(P(Te), {
 				key: n,
@@ -580,7 +580,7 @@ var vt = { funda: { render: _t } }, Q = /* @__PURE__ */ p({
 	}),
 	emits: ["update:modelValue"],
 	setup(e) {
-		let t = R(e, "modelValue"), n = i(() => ({
+		let t = L(e, "modelValue"), n = i(() => ({
 			...Pt,
 			...e.messages
 		})), r = Nt.length - 1, o = i(() => Math.max(0, Nt.findIndex(({ token: e }) => `rounded-${e}` === t.value))), s = i({
@@ -593,7 +593,7 @@ var vt = { funda: { render: _t } }, Q = /* @__PURE__ */ p({
 			return e === null ? n.value.full : `${e} ${n.value.unit}`;
 		});
 		return (t, n) => (E(), a($, { label: e.label }, {
-			default: W(() => [c("div", jt, [f(At, {
+			default: H(() => [c("div", jt, [f(At, {
 				modelValue: s.value,
 				"onUpdate:modelValue": n[0] ||= (e) => s.value = e,
 				min: 0,
@@ -671,7 +671,7 @@ var vt = { funda: { render: _t } }, Q = /* @__PURE__ */ p({
 	}),
 	emits: ["update:modelValue", "update:enabled"],
 	setup(e) {
-		let t = R(e, "modelValue"), n = R(e, "enabled"), r = i(() => ({
+		let t = L(e, "modelValue"), n = L(e, "enabled"), r = i(() => ({
 			...zt,
 			...e.messages
 		})), o = Rt.length - 1, s = i(() => Math.max(0, Rt.findIndex(({ token: e }) => `max-w-${e}` === t.value))), l = i({
@@ -686,7 +686,7 @@ var vt = { funda: { render: _t } }, Q = /* @__PURE__ */ p({
 			label: e.label,
 			switchable: ""
 		}, {
-			default: W(() => [c("div", It, [f(At, {
+			default: H(() => [c("div", It, [f(At, {
 				modelValue: l.value,
 				"onUpdate:modelValue": r[0] ||= (e) => l.value = e,
 				min: 0,
@@ -770,7 +770,7 @@ var vt = { funda: { render: _t } }, Q = /* @__PURE__ */ p({
 	}),
 	emits: /*@__PURE__*/ _(["pointerup"], ["update:modelValue"]),
 	setup(e, { emit: t }) {
-		let n = t, r = R(e, "modelValue"), o = i(() => ({
+		let n = t, r = L(e, "modelValue"), o = i(() => ({
 			...Wt,
 			...e.messages
 		})), s = Ut.length - 1, l = i(() => Math.max(0, Ut.findIndex(({ token: e }) => e === r.value))), u = i({
@@ -783,7 +783,7 @@ var vt = { funda: { render: _t } }, Q = /* @__PURE__ */ p({
 			return e === null ? o.value.default : `${e} ${o.value.unit}`;
 		});
 		return (t, r) => (E(), a($, { label: e.label }, {
-			default: W(() => [c("div", Vt, [f(At, {
+			default: H(() => [c("div", Vt, [f(At, {
 				modelValue: u.value,
 				"onUpdate:modelValue": r[0] ||= (e) => u.value = e,
 				min: 0,
@@ -852,7 +852,7 @@ var vt = { funda: { render: _t } }, Q = /* @__PURE__ */ p({
 	}),
 	emits: /*@__PURE__*/ _(["pointerup"], ["update:modelValue"]),
 	setup(e, { emit: t }) {
-		let n = t, r = R(e, "modelValue"), o = i(() => ({
+		let n = t, r = L(e, "modelValue"), o = i(() => ({
 			...Yt,
 			...e.messages
 		})), s = Jt.length - 1, l = i(() => {
@@ -868,7 +868,7 @@ var vt = { funda: { render: _t } }, Q = /* @__PURE__ */ p({
 			return `${String(e).replace(".", o.value.decimalSeparator)} ${o.value.unit}`;
 		});
 		return (t, r) => (E(), a($, { label: e.label }, {
-			default: W(() => [c("div", Kt, [f(At, {
+			default: H(() => [c("div", Kt, [f(At, {
 				modelValue: u.value,
 				"onUpdate:modelValue": r[0] ||= (e) => u.value = e,
 				min: 0,
@@ -989,7 +989,7 @@ var vt = { funda: { render: _t } }, Q = /* @__PURE__ */ p({
 	},
 	setup(t) {
 		let n = t, r = O(!1);
-		H(() => n.src, () => {
+		B(() => n.src, () => {
 			r.value = !1;
 		});
 		let o = i(() => !!n.src && !r.value), l = i(() => {
@@ -1014,7 +1014,7 @@ var vt = { funda: { render: _t } }, Q = /* @__PURE__ */ p({
 			key: 0,
 			size: t.size
 		}, {
-			default: W(() => [c("div", { class: b(["flex size-full items-center justify-center bg-cornflower-blue-50 font-semibold text-cornflower-blue-500", [f[t.size]]]) }, [o.value ? (E(), s("img", {
+			default: H(() => [c("div", { class: b(["flex size-full items-center justify-center bg-cornflower-blue-50 font-semibold text-cornflower-blue-500", [f[t.size]]]) }, [o.value ? (E(), s("img", {
 				key: 0,
 				src: t.src,
 				alt: t.name,
@@ -1112,7 +1112,7 @@ var vt = { funda: { render: _t } }, Q = /* @__PURE__ */ p({
 				"leave-from-class": "opacity-100",
 				"leave-to-class": "opacity-0"
 			}, {
-				default: W(() => [e.loading ? (E(), s("div", {
+				default: H(() => [e.loading ? (E(), s("div", {
 					key: 0,
 					class: b(["absolute inset-0 flex items-center justify-center", e.rounded ? "rounded-full" : "rounded-lg"])
 				}, [f(Q, {
@@ -1190,7 +1190,7 @@ var vt = { funda: { render: _t } }, Q = /* @__PURE__ */ p({
 			})])) : (E(), s("div", dn)),
 			c("div", fn, [
 				e.pickerView === "days" ? (E(), s("div", pn, [f(n, x(h(d)), {
-					default: W(() => [e.monthYearPicker ? (E(), s("button", {
+					default: H(() => [e.monthYearPicker ? (E(), s("button", {
 						key: `button-${l.value}`,
 						type: "button",
 						class: "block cursor-pointer rounded-sm px-0.5 leading-5 whitespace-nowrap outline-none hover:text-cornflower-blue-700",
@@ -1202,7 +1202,7 @@ var vt = { funda: { render: _t } }, Q = /* @__PURE__ */ p({
 					_: 1
 				}, 16)])) : o("", !0),
 				e.pickerView === "years" ? o("", !0) : (E(), s("div", mn, [f(n, x(h(d)), {
-					default: W(() => [e.monthYearPicker ? (E(), s("button", {
+					default: H(() => [e.monthYearPicker ? (E(), s("button", {
 						key: `button-${u.value}`,
 						type: "button",
 						class: "block cursor-pointer rounded-sm px-0.5 leading-5 whitespace-nowrap outline-none hover:text-cornflower-blue-700",
@@ -1254,7 +1254,7 @@ var vt = { funda: { render: _t } }, Q = /* @__PURE__ */ p({
 	},
 	emits: ["select"],
 	setup(t, { expose: n, emit: r }) {
-		let a = t, l = r, u = B("dayButtonsRef"), d = (e) => {
+		let a = t, l = r, u = z("dayButtonsRef"), d = (e) => {
 			let t = Z(e, a.timezone), n = Z(/* @__PURE__ */ new Date(), a.timezone);
 			return Ke(t, n);
 		}, f = (e) => a.modelValue ? Ke(e, a.modelValue) : !1, p = (e) => a.markedDates.some((t) => Ke(t, e)), m = i(() => {
@@ -1394,7 +1394,7 @@ var vt = { funda: { render: _t } }, Q = /* @__PURE__ */ p({
 	},
 	emits: ["select"],
 	setup(t, { emit: n }) {
-		let r = t, a = n, o = B("yearScrollerRef"), l = i(() => {
+		let r = t, a = n, o = z("yearScrollerRef"), l = i(() => {
 			let e = r.minDate ? Z(r.minDate, r.timezone).getFullYear() : r.viewYear - 100, t = r.maxDate ? Z(r.maxDate, r.timezone).getFullYear() : r.viewYear + 20;
 			return Array.from({ length: t - e + 1 }, (t, n) => e + n);
 		}), u = (e) => {
@@ -1505,8 +1505,8 @@ var vt = { funda: { render: _t } }, Q = /* @__PURE__ */ p({
 	}),
 	emits: /*@__PURE__*/ _(["select"], ["update:modelValue"]),
 	setup(e, { emit: t }) {
-		let r = R(e, "modelValue"), l = t, u = O(r.value ? Z(new Date(r.value), e.timezone) : Z(/* @__PURE__ */ new Date(), e.timezone)), d = O("days"), p = O(null), m = O("fade");
-		H(r, (t) => {
+		let r = L(e, "modelValue"), l = t, u = O(r.value ? Z(new Date(r.value), e.timezone) : Z(/* @__PURE__ */ new Date(), e.timezone)), d = O("days"), p = O(null), m = O("fade");
+		B(r, (t) => {
 			t && (u.value = Z(new Date(t), e.timezone));
 		});
 		let h = i(() => {
@@ -1589,7 +1589,7 @@ var vt = { funda: { render: _t } }, Q = /* @__PURE__ */ p({
 				"can-go-next"
 			]),
 			c("div", { class: b(["relative", d.value === "days" && "overflow-hidden"]) }, [f(n, v(N.value, { mode: m.value === "fade" ? "out-in" : void 0 }), {
-				default: W(() => [d.value === "days" ? (E(), a(Tn, {
+				default: H(() => [d.value === "days" ? (E(), a(Tn, {
 					ref_key: "dayViewRef",
 					ref: p,
 					key: `days-${u.value.getFullYear()}-${u.value.getMonth()}`,
@@ -1674,17 +1674,17 @@ var vt = { funda: { render: _t } }, Q = /* @__PURE__ */ p({
 	}),
 	emits: ["update:modelValue"],
 	setup(e) {
-		let t = R(e, "modelValue"), n = B("inputRef");
-		return U(() => {
+		let t = L(e, "modelValue"), n = z("inputRef");
+		return V(() => {
 			n.value && (n.value.indeterminate = e.indeterminate ?? !1);
-		}), (r, i) => (E(), s("label", { class: b(["inline-flex cursor-pointer", e.disabled ? "cursor-not-allowed opacity-50" : ""]) }, [G(c("input", v(r.$attrs, {
+		}), (r, i) => (E(), s("label", { class: b(["inline-flex cursor-pointer", e.disabled ? "cursor-not-allowed opacity-50" : ""]) }, [U(c("input", v(r.$attrs, {
 			ref_key: "inputRef",
 			ref: n,
 			type: "checkbox",
 			class: "peer sr-only",
 			"onUpdate:modelValue": i[0] ||= (e) => t.value = e,
 			disabled: e.disabled
-		}), null, 16, Wn), [[ee, t.value]]), c("span", {
+		}), null, 16, Wn), [[te, t.value]]), c("span", {
 			"aria-hidden": "true",
 			class: b([
 				"flex size-5 shrink-0 items-center justify-center rounded-sm border transition-colors duration-200",
@@ -1836,7 +1836,7 @@ var vt = { funda: { render: _t } }, Q = /* @__PURE__ */ p({
 			onFocus: (e) => t("enter", e)
 		}) : [];
 		m.props = ["edge", "active"], m.emits = ["enter"];
-		let h = r, _ = u, x = O(!1), C = O(!1), k = O(!1), j = B("triggerRef"), M = B("floatingRef"), N = O(!1), F = O(null), I = at(), L = i(() => I.value === "reduce"), R = i(() => d[h.surface === "raised" ? "raised" : "default"]), z = i(() => h.fitHeight ? F.value : null), ee = i(() => N.value && x.value), te = i(() => [
+		let h = r, _ = u, x = O(!1), C = O(!1), k = O(!1), j = z("triggerRef"), M = z("floatingRef"), N = O(!1), F = O(null), ee = at(), I = i(() => ee.value === "reduce"), L = i(() => d[h.surface === "raised" ? "raised" : "default"]), R = i(() => h.fitHeight ? F.value : null), te = i(() => N.value && x.value), ne = i(() => [
 			lt(h.offsetDistance),
 			ct(),
 			ut({ padding: 8 }),
@@ -1847,43 +1847,43 @@ var vt = { funda: { render: _t } }, Q = /* @__PURE__ */ p({
 				let n = e.reference.getBoundingClientRect(), r = document.documentElement.clientHeight, i = t.split("-")[0], a = i === "top" || i === "bottom" ? Math.max(n.top, r - n.bottom) - h.offsetDistance - Jn : r - 16, o = Math.max(0, Math.floor(a - (h.surface ? Yn : 0)));
 				e.floating.style.setProperty("--floating-panel-available-height", `${o}px`), F.value = o;
 			} })] : []
-		]), { floatingStyles: V, placement: U, isPositioned: G } = ft(j, M, {
+		]), { floatingStyles: re, placement: V, isPositioned: U } = ft(j, M, {
 			placement: i(() => h.placement),
 			whileElementsMounted: st,
-			middleware: te,
+			middleware: ne,
 			strategy: "fixed",
 			transform: !1
-		}), K = async () => {
-			N.value = h.teleport && !j.value?.closest(Zn), k.value = !1, x.value = !0, _("open"), await y(), G.value && (k.value = !0);
-		}, q = () => {
-			x.value && (N.value && M.value?.contains(document.activeElement) && oe()?.focus({ preventScroll: !0 }), G.value && (C.value = !0), x.value = !1, _("close"));
-		}, J = () => x.value ? q() : K(), ne = (e) => {
+		}), W = async () => {
+			N.value = h.teleport && !j.value?.closest(Zn), k.value = !1, x.value = !0, _("open"), await y(), U.value && (k.value = !0);
+		}, G = () => {
+			x.value && (N.value && M.value?.contains(document.activeElement) && oe()?.focus({ preventScroll: !0 }), U.value && (C.value = !0), x.value = !1, _("close"));
+		}, K = () => x.value ? G() : W(), ie = (e) => {
 			let t = e.target;
-			j.value?.contains(t) || M.value?.contains(t) || q();
-		}, Y = (e) => {
-			e.key === "Escape" && x.value && q();
-		}, re = (e) => {
-			e.key === "Tab" && !e.shiftKey && ee.value && ue();
-		}, X = (e) => e ? Array.from(e.querySelectorAll(Xn)).filter((e) => !e.hasAttribute("data-focus-guard") && (e.checkVisibility?.() ?? !0)) : [], ie = (e, t) => (e.compareDocumentPosition(t) & Node.DOCUMENT_POSITION_FOLLOWING) !== 0, ae = () => {
+			j.value?.contains(t) || M.value?.contains(t) || G();
+		}, q = (e) => {
+			e.key === "Escape" && x.value && G();
+		}, J = (e) => {
+			e.key === "Tab" && !e.shiftKey && te.value && ue();
+		}, Y = (e) => e ? Array.from(e.querySelectorAll(Xn)).filter((e) => !e.hasAttribute("data-focus-guard") && (e.checkVisibility?.() ?? !0)) : [], X = (e, t) => (e.compareDocumentPosition(t) & Node.DOCUMENT_POSITION_FOLLOWING) !== 0, ae = () => {
 			let e = j.value;
-			if (e) return X(document).find((t) => ie(e, t) && !e.contains(t) && !M.value?.contains(t));
-		}, oe = () => X(j.value).at(-1), se = (e) => {
-			let t = e.relatedTarget, n = j.value, r = t instanceof Node && !!n && ie(n, t) && !n.contains(t) && !M.value?.contains(t), i = X(M.value);
+			if (e) return Y(document).find((t) => X(e, t) && !e.contains(t) && !M.value?.contains(t));
+		}, oe = () => Y(j.value).at(-1), se = (e) => {
+			let t = e.relatedTarget, n = j.value, r = t instanceof Node && !!n && X(n, t) && !n.contains(t) && !M.value?.contains(t), i = Y(M.value);
 			(r ? i.at(-1) ?? oe() : i[0] ?? ae())?.focus();
 		}, ce = () => oe()?.focus(), le = (e) => {
 			let t = M.value, n = e.relatedTarget;
 			if (t && !(n instanceof Node && t.contains(n))) {
-				X(document).filter((e) => ie(e, t) && !t.contains(e)).at(-1)?.focus();
+				Y(document).filter((e) => X(e, t) && !t.contains(e)).at(-1)?.focus();
 				return;
 			}
-			(ae() ?? X(j.value)[0])?.focus();
+			(ae() ?? Y(j.value)[0])?.focus();
 		}, ue = () => {
 			let e = M.value, t = document.activeElement;
 			if (!e || !(t instanceof HTMLElement) || e.contains(t)) return;
 			let n = Array.from(document.querySelectorAll(Xn)).filter((e) => e.checkVisibility?.() ?? !0), r = n.indexOf(t), i = r === -1 ? void 0 : n[r + 1];
 			!i || !e.contains(i) || (e.inert = !0, setTimeout(() => e.inert = !1));
 		}, de = i(() => {
-			let [e, t] = U.value.split("-"), n = {
+			let [e, t] = V.value.split("-"), n = {
 				"bottom-start": "origin-top-left",
 				"bottom-end": "origin-top-right",
 				bottom: "origin-top",
@@ -1911,63 +1911,63 @@ var vt = { funda: { render: _t } }, Q = /* @__PURE__ */ p({
 				leaveFromClass: "opacity-100 scale-100 translate-x-0 translate-y-0"
 			};
 		});
-		return H(G, (e) => {
+		return B(U, (e) => {
 			e && x.value && (k.value = !0);
 		}), l({
 			isOpen: x,
-			open: K,
-			close: q,
-			toggle: J,
+			open: W,
+			close: G,
+			toggle: K,
 			triggerRef: j,
 			floatingRef: M,
 			teleported: D(N)
 		}), w(() => {
-			document.addEventListener("mousedown", ne), document.addEventListener("keydown", Y), document.addEventListener("keydown", re, !0);
+			document.addEventListener("mousedown", ie), document.addEventListener("keydown", q), document.addEventListener("keydown", J, !0);
 		}), T(() => {
-			document.removeEventListener("mousedown", ne), document.removeEventListener("keydown", Y), document.removeEventListener("keydown", re, !0);
+			document.removeEventListener("mousedown", ie), document.removeEventListener("keydown", q), document.removeEventListener("keydown", J, !0);
 		}), (t, i) => (E(), s(e, null, [c("span", v({
 			ref_key: "triggerRef",
 			ref: j
 		}, t.$attrs, { class: "inline-flex" }), [A(t.$slots, "trigger", {
 			isOpen: x.value,
-			toggle: J,
-			open: K,
-			close: q
+			toggle: K,
+			open: W,
+			close: G
 		}), f(m, {
 			edge: "bridge",
-			active: ee.value,
+			active: te.value,
 			onEnter: se
 		}, null, 8, ["active"])], 16), x.value || C.value ? (E(), a(p, {
 			key: 0,
 			to: N.value ? "body" : void 0
 		}, {
-			default: W(() => [c("div", {
+			default: H(() => [c("div", {
 				ref_key: "floatingRef",
 				ref: M,
 				class: "z-50",
-				style: S(P(V))
+				style: S(P(re))
 			}, [
 				f(m, {
 					edge: "start",
 					active: N.value,
 					onEnter: ce
 				}, null, 8, ["active"]),
-				f(n, v({ css: !L.value }, de.value, { onAfterLeave: i[0] ||= (e) => C.value = !1 }), {
-					default: W(() => [x.value && k.value ? (E(), s("div", qn, [r.surface ? (E(), s("div", {
+				f(n, v({ css: !I.value }, de.value, { onAfterLeave: i[0] ||= (e) => C.value = !1 }), {
+					default: H(() => [x.value && k.value ? (E(), s("div", qn, [r.surface ? (E(), s("div", {
 						key: 0,
-						class: b(R.value)
+						class: b(L.value)
 					}, [A(t.$slots, "content", {
 						isOpen: x.value,
-						close: q,
-						toggle: J,
-						availableHeight: z.value,
+						close: G,
+						toggle: K,
+						availableHeight: R.value,
 						teleported: N.value
 					})], 2)) : A(t.$slots, "content", {
 						key: 1,
 						isOpen: x.value,
-						close: q,
-						toggle: J,
-						availableHeight: z.value,
+						close: G,
+						toggle: K,
+						availableHeight: R.value,
 						teleported: N.value
 					})])) : o("", !0)]),
 					_: 3
@@ -2040,7 +2040,7 @@ var vt = { funda: { render: _t } }, Q = /* @__PURE__ */ p({
 	}),
 	emits: ["update:modelValue"],
 	setup(t) {
-		let r = "color-picker-" + Math.random().toString(36).slice(2, 10), l = t, u = R(t, "modelValue"), p = (e) => e.alpha < 1 ? Pe(e, "alpha", 100) : e, m = (e) => {
+		let r = "color-picker-" + Math.random().toString(36).slice(2, 10), l = t, u = L(t, "modelValue"), p = (e) => e.alpha < 1 ? Pe(e, "alpha", 100) : e, m = (e) => {
 			let t = Ne(e);
 			return l.showAlpha ? t : p(t);
 		}, h = (e) => {
@@ -2062,14 +2062,14 @@ var vt = { funda: { render: _t } }, Q = /* @__PURE__ */ p({
 		}, F = (e) => {
 			let t = l.showAlpha ? e : p(e);
 			y.value = t, u.value = v(t, _.value);
-		}, I = (e) => {
+		}, ee = (e) => {
 			let t = e.target.value;
 			try {
 				y.value = h(t), u.value = v(y.value, _.value), x.value = "";
 			} catch (e) {
 				x.value = e instanceof Error ? e.message : "Ongeldige kleur";
 			}
-		}, L = (e, t) => {
+		}, I = (e, t) => {
 			let n = Number(e.target.value);
 			if (isNaN(n)) {
 				C.value[t] = "Ongeldige waarde";
@@ -2082,11 +2082,11 @@ var vt = { funda: { render: _t } }, Q = /* @__PURE__ */ p({
 				C.value[t] = e instanceof Error ? e.message : "Ongeldige waarde";
 			}
 		};
-		return H(() => u.value, (e) => {
+		return B(() => u.value, (e) => {
 			if (e) try {
 				y.value = m(e);
 			} catch {}
-		}), H(() => l.showAlpha, (e) => {
+		}), B(() => l.showAlpha, (e) => {
 			if (!e && y.value.alpha < 1) {
 				let e = p(y.value);
 				y.value = e, u.value = v(e, _.value);
@@ -2101,7 +2101,7 @@ var vt = { funda: { render: _t } }, Q = /* @__PURE__ */ p({
 				placement: "bottom-start",
 				"match-width": t.matchWidth
 			}, {
-				trigger: W(({ isOpen: e, toggle: n }) => [c("button", {
+				trigger: H(({ isOpen: e, toggle: n }) => [c("button", {
 					id: r,
 					type: "button",
 					"aria-expanded": e,
@@ -2122,8 +2122,8 @@ var vt = { funda: { render: _t } }, Q = /* @__PURE__ */ p({
 						class: b(["shrink-0 text-gray-400 transition-all duration-200 group-hover:text-cornflower-blue-600", { "rotate-180": e }])
 					}, null, 8, ["class"])
 				], 10, er)]),
-				content: W(() => [c("div", { class: b(["flex flex-col gap-4 rounded-xl bg-white p-4 ring ring-gray-200", t.matchWidth ? "w-full" : "w-70"]) }, [
-					f(P(ne), {
+				content: H(() => [c("div", { class: b(["flex flex-col gap-4 rounded-xl bg-white p-4 ring ring-gray-200", t.matchWidth ? "w-full" : "w-70"]) }, [
+					f(P(ie), {
 						"model-value": y.value,
 						"color-space": "hsl",
 						"x-channel": "saturation",
@@ -2131,23 +2131,23 @@ var vt = { funda: { render: _t } }, Q = /* @__PURE__ */ p({
 						class: "relative",
 						"onUpdate:color": F
 					}, {
-						default: W(({ style: e }) => [c("div", tr, [f(P(J), {
+						default: H(({ style: e }) => [c("div", tr, [f(P(K), {
 							class: "relative h-40 w-full cursor-crosshair outline-none",
 							style: S(e)
 						}, {
-							default: W(() => [f(P(Y), { class: "block size-4 cursor-grab rounded-full border-2 border-white shadow-sm focus:outline-none active:cursor-grabbing" })]),
+							default: H(() => [f(P(q), { class: "block size-4 cursor-grab rounded-full border-2 border-white shadow-sm focus:outline-none active:cursor-grabbing" })]),
 							_: 1
 						}, 8, ["style"])])]),
 						_: 1
 					}, 8, ["model-value"]),
-					f(P(ie), {
+					f(P(X), {
 						"model-value": y.value,
 						channel: "hue",
 						"color-space": "hsl",
 						class: "relative flex h-5 w-full touch-none items-center select-none",
 						"onUpdate:color": F
 					}, {
-						default: W(() => [f(P(oe), { class: "relative h-3 flex-1 overflow-hidden rounded-full" }), f(P(ae), { class: "block size-5 cursor-grab rounded-full border-2 border-white bg-white shadow-sm focus:ring-2 focus:ring-cornflower-blue-500 focus:outline-none active:cursor-grabbing" })]),
+						default: H(() => [f(P(oe), { class: "relative h-3 flex-1 overflow-hidden rounded-full" }), f(P(ae), { class: "block size-5 cursor-grab rounded-full border-2 border-white bg-white shadow-sm focus:ring-2 focus:ring-cornflower-blue-500 focus:outline-none active:cursor-grabbing" })]),
 						_: 1
 					}, 8, ["model-value"]),
 					t.showAlpha ? (E(), s("div", nr, [l[8] ||= c("div", {
@@ -2156,14 +2156,14 @@ var vt = { funda: { render: _t } }, Q = /* @__PURE__ */ p({
 							"background-image": "repeating-conic-gradient(#e5e7eb 0% 25%, #ffffff 0% 50%)",
 							"background-size": "10px 10px"
 						}
-					}, null, -1), f(P(ie), {
+					}, null, -1), f(P(X), {
 						"model-value": y.value,
 						channel: "alpha",
 						"color-space": "hsl",
 						class: "relative z-10 flex size-full touch-none items-center select-none",
 						"onUpdate:color": F
 					}, {
-						default: W(() => [f(P(oe), { class: "relative h-3 flex-1 overflow-hidden rounded-full" }), f(P(ae), { class: "block size-5 cursor-grab rounded-full border-2 border-white bg-white shadow-sm focus:ring-2 focus:ring-cornflower-blue-500 focus:outline-none active:cursor-grabbing" })]),
+						default: H(() => [f(P(oe), { class: "relative h-3 flex-1 overflow-hidden rounded-full" }), f(P(ae), { class: "block size-5 cursor-grab rounded-full border-2 border-white bg-white shadow-sm focus:ring-2 focus:ring-cornflower-blue-500 focus:outline-none active:cursor-grabbing" })]),
 						_: 1
 					}, 8, ["model-value"])])) : o("", !0),
 					c("div", rr, [c("div", ir, [c("span", ar, M(_.value.toUpperCase()), 1), t.formats.length > 1 ? (E(), s("div", or, [c("button", {
@@ -2184,101 +2184,101 @@ var vt = { funda: { render: _t } }, Q = /* @__PURE__ */ p({
 						name: "chevron-down",
 						class: "text-[12px]",
 						"aria-hidden": "true"
-					})])])) : o("", !0)]), _.value === "hex" ? (E(), a(P(X), {
+					})])])) : o("", !0)]), _.value === "hex" ? (E(), a(P(Y), {
 						key: 0,
 						"model-value": w.value,
 						class: "w-full",
 						"onUpdate:color": F
 					}, {
-						default: W(() => [c("div", { class: b(["flex h-10 items-center overflow-hidden rounded-lg px-3 ring transition-colors ease-out focus-within:ring-cornflower-blue-500", x.value ? "ring-brick-400" : "ring-gray-200"]) }, [f(P(re), {
+						default: H(() => [c("div", { class: b(["flex h-10 items-center overflow-hidden rounded-lg px-3 ring transition-colors ease-out focus-within:ring-cornflower-blue-500", x.value ? "ring-brick-400" : "ring-gray-200"]) }, [f(P(J), {
 							class: "w-full bg-transparent small-normal-mono text-gray-900 placeholder-gray-400 focus:outline-none",
 							placeholder: "#000000",
-							onInput: I
+							onInput: ee
 						})], 2), x.value ? (E(), s("p", sr, M(x.value), 1)) : o("", !0)]),
 						_: 1
 					}, 8, ["model-value"])) : _.value === "hsl" ? (E(), s("div", cr, [
-						f(P(X), {
+						f(P(Y), {
 							"model-value": y.value,
 							channel: "hue",
 							"color-space": "hsl",
 							class: "flex-1",
 							"onUpdate:color": F
 						}, {
-							default: W(() => [c("div", { class: b(["flex h-10 items-center overflow-hidden rounded-lg px-3 ring transition-colors ease-out focus-within:ring-cornflower-blue-500", C.value.hue ? "ring-brick-400" : "ring-gray-200"]) }, [f(P(re), {
+							default: H(() => [c("div", { class: b(["flex h-10 items-center overflow-hidden rounded-lg px-3 ring transition-colors ease-out focus-within:ring-cornflower-blue-500", C.value.hue ? "ring-brick-400" : "ring-gray-200"]) }, [f(P(J), {
 								class: "w-full bg-transparent small-normal-mono text-gray-900 placeholder-gray-400 focus:outline-none",
 								placeholder: "H",
-								onInput: l[2] ||= (e) => L(e, "hue")
+								onInput: l[2] ||= (e) => I(e, "hue")
 							})], 2)]),
 							_: 1
 						}, 8, ["model-value"]),
-						f(P(X), {
+						f(P(Y), {
 							"model-value": y.value,
 							channel: "saturation",
 							"color-space": "hsl",
 							class: "flex-1",
 							"onUpdate:color": F
 						}, {
-							default: W(() => [c("div", { class: b(["flex h-10 items-center overflow-hidden rounded-lg px-3 ring transition-colors ease-out focus-within:ring-cornflower-blue-500", C.value.saturation ? "ring-brick-400" : "ring-gray-200"]) }, [f(P(re), {
+							default: H(() => [c("div", { class: b(["flex h-10 items-center overflow-hidden rounded-lg px-3 ring transition-colors ease-out focus-within:ring-cornflower-blue-500", C.value.saturation ? "ring-brick-400" : "ring-gray-200"]) }, [f(P(J), {
 								class: "w-full bg-transparent small-normal-mono text-gray-900 placeholder-gray-400 focus:outline-none",
 								placeholder: "S",
-								onInput: l[3] ||= (e) => L(e, "saturation")
+								onInput: l[3] ||= (e) => I(e, "saturation")
 							})], 2)]),
 							_: 1
 						}, 8, ["model-value"]),
-						f(P(X), {
+						f(P(Y), {
 							"model-value": y.value,
 							channel: "lightness",
 							"color-space": "hsl",
 							class: "flex-1",
 							"onUpdate:color": F
 						}, {
-							default: W(() => [c("div", { class: b(["flex h-10 items-center overflow-hidden rounded-lg px-3 ring transition-colors ease-out focus-within:ring-cornflower-blue-500", C.value.lightness ? "ring-brick-400" : "ring-gray-200"]) }, [f(P(re), {
+							default: H(() => [c("div", { class: b(["flex h-10 items-center overflow-hidden rounded-lg px-3 ring transition-colors ease-out focus-within:ring-cornflower-blue-500", C.value.lightness ? "ring-brick-400" : "ring-gray-200"]) }, [f(P(J), {
 								class: "w-full bg-transparent small-normal-mono text-gray-900 placeholder-gray-400 focus:outline-none",
 								placeholder: "L",
-								onInput: l[4] ||= (e) => L(e, "lightness")
+								onInput: l[4] ||= (e) => I(e, "lightness")
 							})], 2)]),
 							_: 1
 						}, 8, ["model-value"])
 					])) : _.value === "rgb" ? (E(), s("div", lr, [
-						f(P(X), {
+						f(P(Y), {
 							"model-value": y.value,
 							channel: "red",
 							"color-space": "rgb",
 							class: "flex-1",
 							"onUpdate:color": F
 						}, {
-							default: W(() => [c("div", { class: b(["flex h-10 items-center overflow-hidden rounded-lg px-3 ring transition-colors ease-out focus-within:ring-cornflower-blue-500", C.value.red ? "ring-brick-400" : "ring-gray-200"]) }, [f(P(re), {
+							default: H(() => [c("div", { class: b(["flex h-10 items-center overflow-hidden rounded-lg px-3 ring transition-colors ease-out focus-within:ring-cornflower-blue-500", C.value.red ? "ring-brick-400" : "ring-gray-200"]) }, [f(P(J), {
 								class: "w-full bg-transparent small-normal-mono text-gray-900 placeholder-gray-400 focus:outline-none",
 								placeholder: "R",
-								onInput: l[5] ||= (e) => L(e, "red")
+								onInput: l[5] ||= (e) => I(e, "red")
 							})], 2)]),
 							_: 1
 						}, 8, ["model-value"]),
-						f(P(X), {
+						f(P(Y), {
 							"model-value": y.value,
 							channel: "green",
 							"color-space": "rgb",
 							class: "flex-1",
 							"onUpdate:color": F
 						}, {
-							default: W(() => [c("div", { class: b(["flex h-10 items-center overflow-hidden rounded-lg px-3 ring transition-colors ease-out focus-within:ring-cornflower-blue-500", C.value.green ? "ring-brick-400" : "ring-gray-200"]) }, [f(P(re), {
+							default: H(() => [c("div", { class: b(["flex h-10 items-center overflow-hidden rounded-lg px-3 ring transition-colors ease-out focus-within:ring-cornflower-blue-500", C.value.green ? "ring-brick-400" : "ring-gray-200"]) }, [f(P(J), {
 								class: "w-full bg-transparent small-normal-mono text-gray-900 placeholder-gray-400 focus:outline-none",
 								placeholder: "G",
-								onInput: l[6] ||= (e) => L(e, "green")
+								onInput: l[6] ||= (e) => I(e, "green")
 							})], 2)]),
 							_: 1
 						}, 8, ["model-value"]),
-						f(P(X), {
+						f(P(Y), {
 							"model-value": y.value,
 							channel: "blue",
 							"color-space": "rgb",
 							class: "flex-1",
 							"onUpdate:color": F
 						}, {
-							default: W(() => [c("div", { class: b(["flex h-10 items-center overflow-hidden rounded-lg px-3 ring transition-colors ease-out focus-within:ring-cornflower-blue-500", C.value.blue ? "ring-brick-400" : "ring-gray-200"]) }, [f(P(re), {
+							default: H(() => [c("div", { class: b(["flex h-10 items-center overflow-hidden rounded-lg px-3 ring transition-colors ease-out focus-within:ring-cornflower-blue-500", C.value.blue ? "ring-brick-400" : "ring-gray-200"]) }, [f(P(J), {
 								class: "w-full bg-transparent small-normal-mono text-gray-900 placeholder-gray-400 focus:outline-none",
 								placeholder: "B",
-								onInput: l[7] ||= (e) => L(e, "blue")
+								onInput: l[7] ||= (e) => I(e, "blue")
 							})], 2)]),
 							_: 1
 						}, 8, ["model-value"])
@@ -2306,7 +2306,7 @@ var vt = { funda: { render: _t } }, Q = /* @__PURE__ */ p({
 				"leave-from-class": "opacity-100 translate-y-0",
 				"leave-to-class": "opacity-0 -translate-y-1"
 			}, {
-				default: W(() => [t.error && t.errorMessage ? (E(), s("p", mr, M(t.errorMessage), 1)) : o("", !0)]),
+				default: H(() => [t.error && t.errorMessage ? (E(), s("p", mr, M(t.errorMessage), 1)) : o("", !0)]),
 				_: 1
 			})
 		], 2));
@@ -2350,7 +2350,7 @@ var vt = { funda: { render: _t } }, Q = /* @__PURE__ */ p({
 		})), u = i(() => {
 			let e = { ...a };
 			return delete e.class, delete e.style, e;
-		}), p = R(e, "modelValue"), h = B("inputEl");
+		}), p = L(e, "modelValue"), h = z("inputEl");
 		t({
 			focus: () => h.value?.focus(),
 			inputEl: h
@@ -2376,7 +2376,7 @@ var vt = { funda: { render: _t } }, Q = /* @__PURE__ */ p({
 				"pr-3": e.rightIcon
 			}]]) }, [
 				e.leftIcon ? (E(), s("span", _r, [f(Q, { name: e.leftIcon }, null, 8, ["name"])])) : o("", !0),
-				G(c("input", v({
+				U(c("input", v({
 					ref_key: "inputEl",
 					ref: h,
 					id: r,
@@ -2385,7 +2385,7 @@ var vt = { funda: { render: _t } }, Q = /* @__PURE__ */ p({
 				}, u.value, { class: ["h-10 w-full min-w-60 bg-transparent text-sm text-gray-900 placeholder-gray-400 focus:outline-none [&::-webkit-inner-spin-button]:appearance-none [&::-webkit-outer-spin-button]:appearance-none", {
 					"pl-3": !e.leftIcon,
 					"pr-3": !e.rightIcon
-				}] }), null, 16, vr), [[te, p.value]]),
+				}] }), null, 16, vr), [[ne, p.value]]),
 				A(t.$slots, "right", {}, () => [g.value ? (E(), s("div", yr, [c("button", {
 					type: "button",
 					class: "flex h-5 w-8 cursor-pointer items-center justify-center pt-2 text-gray-400 transition-colors group-focus-within:text-gray-950 hover:text-cornflower-blue-600 focus:text-cornflower-blue-600 focus:outline-none",
@@ -2414,7 +2414,7 @@ var vt = { funda: { render: _t } }, Q = /* @__PURE__ */ p({
 				"leave-from-class": "opacity-100 translate-y-0",
 				"leave-to-class": "opacity-0 -translate-y-1"
 			}, {
-				default: W(() => [e.error && e.errorMessage ? (E(), s("p", xr, M(e.errorMessage), 1)) : o("", !0)]),
+				default: H(() => [e.error && e.errorMessage ? (E(), s("p", xr, M(e.errorMessage), 1)) : o("", !0)]),
 				_: 1
 			})
 		], 6));
@@ -2450,7 +2450,7 @@ var vt = { funda: { render: _t } }, Q = /* @__PURE__ */ p({
 	}),
 	emits: /*@__PURE__*/ _(["select"], ["update:modelValue"]),
 	setup(t, { expose: l, emit: u }) {
-		let p = t, { icon: m = "tag", placeholder: h = "Zoeken...", floating: g = !0 } = p, _ = u, v = R(t, "modelValue"), y = B("inputFieldRef"), x = B("wrapperRef"), S = O(""), C = O(!1), D = i(() => !p.singleSelect && p.showChips), A = (e) => {
+		let p = t, { icon: m = "tag", placeholder: h = "Zoeken...", floating: g = !0 } = p, _ = u, v = L(t, "modelValue"), y = z("inputFieldRef"), x = z("wrapperRef"), S = O(""), C = O(!1), D = i(() => !p.singleSelect && p.showChips), A = (e) => {
 			x.value && !x.value.contains(e.target) && (C.value = !1);
 		}, j = (e) => {
 			e.key === "Escape" && (C.value = !1);
@@ -2460,37 +2460,37 @@ var vt = { funda: { render: _t } }, Q = /* @__PURE__ */ p({
 		}), T(() => {
 			document.removeEventListener("mousedown", A), document.removeEventListener("keydown", j);
 		});
-		let N = (e) => typeof e == "string" ? e : e.label, F = (e) => typeof e == "string" ? e : e.value, I = i(() => v.value.map((e) => {
+		let N = (e) => typeof e == "string" ? e : e.label, F = (e) => typeof e == "string" ? e : e.value, ee = i(() => v.value.map((e) => {
 			let t = p.options.find((t) => F(t) === e);
 			return {
 				value: e,
 				label: t ? N(t) : String(e),
 				isCustom: !t
 			};
-		})), L = i(() => {
+		})), I = i(() => {
 			let e = S.value.toLowerCase();
 			return p.options.filter((e) => p.singleSelect || !v.value.includes(F(e))).filter((t) => N(t).toLowerCase().includes(e));
-		}), z = i(() => {
-			if (!p.allowNew || !S.value || L.value.length > 0) return !1;
+		}), R = i(() => {
+			if (!p.allowNew || !S.value || I.value.length > 0) return !1;
 			let e = S.value.trim().toLowerCase();
-			return !I.value.some((t) => t.label.toLowerCase() === e);
-		}), ee = i(() => L.value.length > 0 || z.value), te = (e) => {
+			return !ee.value.some((t) => t.label.toLowerCase() === e);
+		}), te = i(() => I.value.length > 0 || R.value), ne = (e) => {
 			v.value = [...v.value, F(e)], S.value = "";
-		}, V = (e) => {
+		}, re = (e) => {
 			let t = F(e);
 			v.value = v.value[0] === t ? [] : [t], S.value = "", _("select");
-		}, H = () => {
+		}, B = () => {
 			if (p.singleSelect) {
-				L.value.length > 0 ? V(L.value[0]) : p.allowNew && U();
+				I.value.length > 0 ? re(I.value[0]) : p.allowNew && V();
 				return;
 			}
-			L.value.length === 1 ? te(L.value[0]) : p.allowNew && U();
-		}, U = () => {
+			I.value.length === 1 ? ne(I.value[0]) : p.allowNew && V();
+		}, V = () => {
 			let e = S.value.trim();
 			if (!e) return;
-			let t = e.toLowerCase(), n = I.value.some((e) => e.label.toLowerCase() === t), r = p.options.some((e) => N(e).toLowerCase() === t);
+			let t = e.toLowerCase(), n = ee.value.some((e) => e.label.toLowerCase() === t), r = p.options.some((e) => N(e).toLowerCase() === t);
 			n || r || (p.singleSelect ? (v.value = [e], S.value = "", _("select")) : (v.value = [...v.value, e], S.value = ""));
-		}, G = (e) => {
+		}, U = (e) => {
 			v.value = v.value.filter((t) => t !== e);
 		};
 		return l({ focus: () => {
@@ -2510,7 +2510,7 @@ var vt = { funda: { render: _t } }, Q = /* @__PURE__ */ p({
 			placeholder: P(h),
 			"aria-label": P(h),
 			onFocus: l[1] ||= (e) => C.value = !0,
-			onKeydown: K(H, ["enter"])
+			onKeydown: W(B, ["enter"])
 		}, null, 8, [
 			"modelValue",
 			"left-icon",
@@ -2524,7 +2524,7 @@ var vt = { funda: { render: _t } }, Q = /* @__PURE__ */ p({
 			"leave-from-class": "max-h-40 opacity-100",
 			"leave-to-class": "max-h-0 opacity-0"
 		}, {
-			default: W(() => [D.value && I.value.length > 0 ? (E(), a(r, {
+			default: H(() => [D.value && ee.value.length > 0 ? (E(), a(r, {
 				key: 0,
 				tag: "div",
 				class: "flex flex-wrap gap-1 p-2 pt-0",
@@ -2535,22 +2535,22 @@ var vt = { funda: { render: _t } }, Q = /* @__PURE__ */ p({
 				"leave-from-class": "opacity-100 scale-100",
 				"leave-to-class": "opacity-0 scale-75"
 			}, {
-				default: W(() => [(E(!0), s(e, null, k(I.value, (e) => (E(), s("button", {
+				default: H(() => [(E(!0), s(e, null, k(ee.value, (e) => (E(), s("button", {
 					key: e.value,
 					class: "origin-left cursor-pointer",
 					"aria-label": `Verwijder ${e.label}`,
-					onClick: (t) => G(e.value)
+					onClick: (t) => U(e.value)
 				}, [f(Kn, {
 					ghost: !0,
 					class: "group",
 					variant: e.isCustom ? "success" : "default"
 				}, {
-					close: W(() => [c("span", null, [f(Q, {
+					close: H(() => [c("span", null, [f(Q, {
 						name: "xmark",
 						class: "text-xs group-hover:text-brick-500",
 						"aria-hidden": "true"
 					})])]),
-					default: W(() => [d(M(e.label) + " ", 1)]),
+					default: H(() => [d(M(e.label) + " ", 1)]),
 					_: 2
 				}, 1032, ["variant"])], 8, Tr))), 128))]),
 				_: 1
@@ -2564,24 +2564,24 @@ var vt = { funda: { render: _t } }, Q = /* @__PURE__ */ p({
 			"enter-to-class": "opacity-100 scale-100 translate-y-0",
 			"leave-from-class": "opacity-100 scale-100 translate-y-0"
 		}, {
-			default: W(() => [C.value && ee.value ? (E(), s("div", {
+			default: H(() => [C.value && te.value ? (E(), s("div", {
 				key: 0,
 				class: "absolute top-full left-0 z-10 mt-1 w-full rounded-lg border border-gray-200 bg-white",
-				onMousedown: l[3] ||= q(() => {}, ["prevent"])
-			}, [c("ul", Er, [(E(!0), s(e, null, k(L.value, (e) => (E(), s("li", {
+				onMousedown: l[3] ||= G(() => {}, ["prevent"])
+			}, [c("ul", Er, [(E(!0), s(e, null, k(I.value, (e) => (E(), s("li", {
 				key: F(e),
 				role: "option",
 				"aria-selected": v.value.includes(F(e)),
 				class: b(["flex w-full cursor-pointer items-center gap-2 px-6 py-3 text-left text-sm whitespace-nowrap text-gray-700 transition-colors duration-200 hover:bg-gray-100 hover:text-purple-600 focus:bg-gray-100 focus:outline-none", { "font-medium text-cornflower-blue-600": t.singleSelect && v.value.includes(F(e)) }]),
-				onClick: (n) => t.singleSelect ? V(e) : te(e)
+				onClick: (n) => t.singleSelect ? re(e) : ne(e)
 			}, [d(M(N(e)) + " ", 1), t.singleSelect && v.value.includes(F(e)) ? (E(), a(Q, {
 				key: 0,
 				name: "check",
 				class: "ml-auto shrink-0 text-xs"
-			})) : o("", !0)], 10, Dr))), 128))]), z.value ? (E(), s("div", {
+			})) : o("", !0)], 10, Dr))), 128))]), R.value ? (E(), s("div", {
 				key: 0,
 				class: "flex grow-0 items-center gap-4 border-t border-gray-100 px-6 py-3 whitespace-normal text-gray-700",
-				onClick: l[2] ||= (e) => U()
+				onClick: l[2] ||= (e) => V()
 			}, [f(Q, {
 				name: "plus",
 				class: "cursor-pointer small-normal",
@@ -2601,7 +2601,7 @@ var vt = { funda: { render: _t } }, Q = /* @__PURE__ */ p({
 				class: "w-full",
 				"left-icon": P(m),
 				placeholder: P(h),
-				onKeydown: K(H, ["enter"])
+				onKeydown: W(B, ["enter"])
 			}, null, 8, [
 				"modelValue",
 				"left-icon",
@@ -2615,7 +2615,7 @@ var vt = { funda: { render: _t } }, Q = /* @__PURE__ */ p({
 				"leave-from-class": "max-h-40 opacity-100",
 				"leave-to-class": "max-h-0 opacity-0"
 			}, {
-				default: W(() => [D.value && I.value.length > 0 ? (E(), a(r, {
+				default: H(() => [D.value && ee.value.length > 0 ? (E(), a(r, {
 					key: 0,
 					tag: "div",
 					class: "flex flex-wrap gap-1 border-b border-gray-200 p-2 pt-0",
@@ -2626,43 +2626,43 @@ var vt = { funda: { render: _t } }, Q = /* @__PURE__ */ p({
 					"leave-from-class": "opacity-100 scale-100",
 					"leave-to-class": "opacity-0 scale-75"
 				}, {
-					default: W(() => [(E(!0), s(e, null, k(I.value, (e) => (E(), s("button", {
+					default: H(() => [(E(!0), s(e, null, k(ee.value, (e) => (E(), s("button", {
 						key: e.value,
 						class: "origin-left cursor-pointer",
 						"aria-label": `Verwijder ${e.label}`,
-						onClick: (t) => G(e.value)
+						onClick: (t) => U(e.value)
 					}, [f(Kn, {
 						ghost: !0,
 						class: "group",
 						variant: e.isCustom ? "success" : "default"
 					}, {
-						close: W(() => [c("span", null, [f(Q, {
+						close: H(() => [c("span", null, [f(Q, {
 							name: "xmark",
 							class: "text-xs group-hover:text-brick-500",
 							"aria-hidden": "true"
 						})])]),
-						default: W(() => [d(M(e.label) + " ", 1)]),
+						default: H(() => [d(M(e.label) + " ", 1)]),
 						_: 2
 					}, 1032, ["variant"])], 8, jr))), 128))]),
 					_: 1
 				})) : o("", !0)]),
 				_: 1
 			}),
-			c("ul", Mr, [(E(!0), s(e, null, k(L.value, (e) => (E(), s("li", {
+			c("ul", Mr, [(E(!0), s(e, null, k(I.value, (e) => (E(), s("li", {
 				key: F(e),
 				role: "option",
 				"aria-selected": v.value.includes(F(e)),
 				class: b(["flex w-full min-w-42 cursor-pointer items-center gap-2 px-6 py-3 text-left text-sm whitespace-nowrap text-gray-700 transition-colors duration-200 hover:bg-gray-100 hover:text-purple-600 focus:bg-gray-100 focus:outline-none", { "font-medium text-cornflower-blue-600": t.singleSelect && v.value.includes(F(e)) }]),
-				onClick: (n) => t.singleSelect ? V(e) : te(e)
+				onClick: (n) => t.singleSelect ? re(e) : ne(e)
 			}, [d(M(N(e)) + " ", 1), t.singleSelect && v.value.includes(F(e)) ? (E(), a(Q, {
 				key: 0,
 				name: "check",
 				class: "ml-auto shrink-0 text-xs"
 			})) : o("", !0)], 10, Nr))), 128))]),
-			z.value ? (E(), s("div", {
+			R.value ? (E(), s("div", {
 				key: 0,
 				class: "flex grow-0 items-center gap-4 border-t border-gray-100 px-6 py-3 whitespace-normal text-gray-700",
-				onClick: l[5] ||= (e) => U()
+				onClick: l[5] ||= (e) => V()
 			}, [f(Q, {
 				name: "plus",
 				class: "cursor-pointer small-normal",
@@ -2696,7 +2696,7 @@ var vt = { funda: { render: _t } }, Q = /* @__PURE__ */ p({
 	}),
 	emits: ["update:modelValue"],
 	setup(e) {
-		let t = e, { variant: n = "secondary", placement: r = "right", icon: o = "tag", placeholder: s = "Zoeken...", matchWidth: l = !1, fullWidth: u = !1, singleSelect: p = !1 } = t, m = R(e, "modelValue"), h = O(null), g = i(() => r === "right" ? "bottom-end" : "bottom-start"), _ = i(() => !p && t.showChips), v = async () => {
+		let t = e, { variant: n = "secondary", placement: r = "right", icon: o = "tag", placeholder: s = "Zoeken...", matchWidth: l = !1, fullWidth: u = !1, singleSelect: p = !1 } = t, m = L(e, "modelValue"), h = O(null), g = i(() => r === "right" ? "bottom-end" : "bottom-start"), _ = i(() => !p && t.showChips), v = async () => {
 			await y(), h.value?.focus();
 		};
 		return (e, r) => (E(), a(Qn, {
@@ -2705,7 +2705,7 @@ var vt = { funda: { render: _t } }, Q = /* @__PURE__ */ p({
 			class: b(P(u) ? "w-full" : void 0),
 			onOpen: v
 		}, {
-			trigger: W(({ isOpen: t, toggle: i }) => [f(cn, {
+			trigger: H(({ isOpen: t, toggle: i }) => [f(cn, {
 				variant: P(n),
 				icon: P(o),
 				"aria-expanded": t,
@@ -2713,7 +2713,7 @@ var vt = { funda: { render: _t } }, Q = /* @__PURE__ */ p({
 				"full-width": P(u),
 				onClick: i
 			}, {
-				default: W(() => [c("span", { class: b(P(u) ? "flex flex-1 items-center justify-between gap-2" : "flex gap-2") }, [A(e.$slots, "default", {}, () => [r[1] ||= d("Combobox", -1)]), f(Q, { name: "chevron-down" })], 2)]),
+				default: H(() => [c("span", { class: b(P(u) ? "flex flex-1 items-center justify-between gap-2" : "flex gap-2") }, [A(e.$slots, "default", {}, () => [r[1] ||= d("Combobox", -1)]), f(Q, { name: "chevron-down" })], 2)]),
 				_: 3
 			}, 8, [
 				"variant",
@@ -2722,7 +2722,7 @@ var vt = { funda: { render: _t } }, Q = /* @__PURE__ */ p({
 				"full-width",
 				"onClick"
 			])]),
-			content: W(({ close: e }) => [f(Fr, {
+			content: H(({ close: e }) => [f(Fr, {
 				ref_key: "panelRef",
 				ref: h,
 				modelValue: m.value,
@@ -3569,7 +3569,7 @@ var ni = /* @__PURE__ */ p({
 	}),
 	emits: ["update:modelValue"],
 	setup(t) {
-		let r = "country-select-" + Math.random().toString(36).slice(2, 10), l = t, u = R(t, "modelValue"), p = O(""), m = O(null), h = i(() => Wr.find((e) => e.name === u.value) ?? null), g = i(() => {
+		let r = "country-select-" + Math.random().toString(36).slice(2, 10), l = t, u = L(t, "modelValue"), p = O(""), m = O(null), h = i(() => Wr.find((e) => e.name === u.value) ?? null), g = i(() => {
 			let e = l.pinnedCountries.map((e) => Wr.find((t) => t.code === e)).filter((e) => e !== void 0), t = new Set(l.pinnedCountries), n = Wr.filter((e) => !t.has(e.code)).sort((e, t) => e.name.localeCompare(t.name, "nl"));
 			return [...e, ...n];
 		}), _ = i(() => {
@@ -3591,7 +3591,7 @@ var ni = /* @__PURE__ */ p({
 				"match-width": "",
 				onOpen: x
 			}, {
-				trigger: W(({ isOpen: e, toggle: n }) => [c("div", {
+				trigger: H(({ isOpen: e, toggle: n }) => [c("div", {
 					id: P(r),
 					role: "combobox",
 					"aria-expanded": e,
@@ -3599,7 +3599,7 @@ var ni = /* @__PURE__ */ p({
 					tabindex: "0",
 					class: b(["group flex w-full cursor-pointer items-center gap-2 rounded-lg pr-3 ring transition-colors ease-out focus:ring-cornflower-blue-500 focus:outline-none", t.error ? "ring-brick-400" : "ring-gray-200"]),
 					onClick: n,
-					onKeydown: [K(q(n, ["prevent"]), ["enter"]), K(q(n, ["prevent"]), ["space"])]
+					onKeydown: [W(G(n, ["prevent"]), ["enter"]), W(G(n, ["prevent"]), ["space"])]
 				}, [c("span", { class: b(["flex h-10 w-full min-w-60 items-center gap-2 pl-3 text-sm", h.value ? "text-gray-900" : "text-gray-400"]) }, [h.value ? (E(), s("span", {
 					key: 0,
 					class: b([`fi fi-${h.value.code}`, "shrink-0"])
@@ -3607,7 +3607,7 @@ var ni = /* @__PURE__ */ p({
 					name: "chevron-down",
 					class: b(["shrink-0 text-gray-400 transition-all duration-200 group-hover:text-cornflower-blue-600", { "rotate-180": e }])
 				}, null, 8, ["class"])], 42, Yr)]),
-				content: W(({ close: t }) => [c("div", Xr, [c("div", Zr, [f(Sr, {
+				content: H(({ close: t }) => [c("div", Xr, [c("div", Zr, [f(Sr, {
 					ref_key: "inputRef",
 					ref: m,
 					modelValue: p.value,
@@ -3640,7 +3640,7 @@ var ni = /* @__PURE__ */ p({
 				"leave-from-class": "opacity-100 translate-y-0",
 				"leave-to-class": "opacity-0 -translate-y-1"
 			}, {
-				default: W(() => [t.error && t.errorMessage ? (E(), s("p", ti, M(t.errorMessage), 1)) : o("", !0)]),
+				default: H(() => [t.error && t.errorMessage ? (E(), s("p", ti, M(t.errorMessage), 1)) : o("", !0)]),
 				_: 1
 			})
 		]));
@@ -3704,7 +3704,7 @@ var ni = /* @__PURE__ */ p({
 			"aria-label": l.value,
 			class: b(["flex rounded-xl bg-white outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-cornflower-blue-500", [r.value ? "gap-6 p-1.5" : "p-4", u.value]])
 		}, {
-			default: W(() => [r.value ? (E(), s("div", {
+			default: H(() => [r.value ? (E(), s("div", {
 				key: 0,
 				class: b(["flex min-h-10 w-14 items-center justify-center overflow-hidden rounded-l-md", p.value])
 			}, [f(Q, {
@@ -3749,14 +3749,14 @@ var ni = /* @__PURE__ */ p({
 	}),
 	emits: ["update:modelValue"],
 	setup(e) {
-		let t = R(e, "modelValue"), n = e, r = /* @__PURE__ */ new Set([
+		let t = L(e, "modelValue"), n = e, r = /* @__PURE__ */ new Set([
 			"placeholder",
 			"anchor",
 			"autoClose"
 		]), o = i(() => ({
 			timezone: "UTC",
 			...Object.fromEntries(Object.entries(n).filter(([e]) => !r.has(e)))
-		})), s = B("panelRef"), l = B("popoverRef"), u = {
+		})), s = z("panelRef"), l = z("popoverRef"), u = {
 			"bottom-right": "bottom-end",
 			"bottom-left": "bottom-start",
 			"top-right": "top-end",
@@ -3775,7 +3775,7 @@ var ni = /* @__PURE__ */ p({
 			onOpen: h,
 			onClose: g
 		}, {
-			trigger: W(({ isOpen: t, toggle: r }) => [A(e.$slots, "trigger", {
+			trigger: H(({ isOpen: t, toggle: r }) => [A(e.$slots, "trigger", {
 				isOpen: t,
 				toggle: r
 			}, () => [f(cn, {
@@ -3785,10 +3785,10 @@ var ni = /* @__PURE__ */ p({
 				"aria-haspopup": "grid",
 				onClick: r
 			}, {
-				default: W(() => [d(M(n.placeholder), 1)]),
+				default: H(() => [d(M(n.placeholder), 1)]),
 				_: 1
 			}, 8, ["aria-expanded", "onClick"])])]),
-			content: W(() => [c("div", {
+			content: H(() => [c("div", {
 				ref_key: "popoverRef",
 				ref: l,
 				tabindex: "-1",
@@ -3908,7 +3908,7 @@ var ni = /* @__PURE__ */ p({
 	emits: ["navigate", "checkboxChange"],
 	setup(t, { emit: n }) {
 		let r = i(() => t.ariaLabel ?? (t.label ? `${t.label} menu openen` : "Menu openen")), l = n, u = O(null), p = i(() => t.placement === "right" ? "bottom-end" : "bottom-start"), m = i(() => t.options.length > 0 && "items" in t.options[0] ? t.options.flatMap((e) => e.items) : t.options), h = O({});
-		H(() => m.value.filter((e) => e.checkbox).map((e) => e.selected ?? !1), () => {
+		B(() => m.value.filter((e) => e.checkbox).map((e) => e.selected ?? !1), () => {
 			h.value = {};
 		}, { deep: !0 });
 		let g = i(() => Object.fromEntries(m.value.filter((e) => e.checkbox).map((e) => [e.label, e.label in h.value ? h.value[e.label] : e.selected ?? !1]))), _ = (e) => {
@@ -3928,7 +3928,7 @@ var ni = /* @__PURE__ */ p({
 			ref: u,
 			placement: p.value
 		}, {
-			trigger: W(({ isOpen: n, toggle: i }) => [c("div", { class: b(["inline-flex items-center overflow-hidden rounded-lg", S.value]) }, [t.iconOnly ? o("", !0) : (E(), s(e, { key: 0 }, [c("button", {
+			trigger: H(({ isOpen: n, toggle: i }) => [c("div", { class: b(["inline-flex items-center overflow-hidden rounded-lg", S.value]) }, [t.iconOnly ? o("", !0) : (E(), s(e, { key: 0 }, [c("button", {
 				class: b(["flex cursor-pointer items-center gap-2 px-4 py-2 transition-colors duration-200", C.value]),
 				onClick: (e) => t.action ? _(t.action) : i()
 			}, [t.icon ? (E(), a(Q, {
@@ -3949,7 +3949,7 @@ var ni = /* @__PURE__ */ p({
 				class: b(["transition-transform duration-200", { "rotate-180": n && t.triggerIcon === "chevron-down" }]),
 				"aria-hidden": "true"
 			}, null, 8, ["name", "class"])], 10, _i)], 2)]),
-			content: W(() => [c("div", vi, [(E(!0), s(e, null, k(x.value, (t, n) => (E(), s(e, { key: t.title || n }, [t.title ? (E(), s("div", {
+			content: H(() => [c("div", vi, [(E(!0), s(e, null, k(x.value, (t, n) => (E(), s(e, { key: t.title || n }, [t.title ? (E(), s("div", {
 				key: 0,
 				class: b(["border-b border-gray-100 px-6 py-3 extra-small-normal text-gray-600", n > 0 ? "border-t pt-2" : ""])
 			}, M(t.title), 3)) : o("", !0), (E(!0), s(e, null, k(t.items, (e) => (E(), s("button", {
@@ -3989,22 +3989,22 @@ var ni = /* @__PURE__ */ p({
 	},
 	setup(e) {
 		return (t, n) => (E(), a(P(ke), null, {
-			default: W(() => [f(P(Ae), {
+			default: H(() => [f(P(Ae), {
 				"delay-duration": e.delay,
 				"disable-hoverable-content": e.disableHoverableContent,
 				"disable-closing-trigger": e.disableClosingTrigger
 			}, {
-				default: W(() => [f(P(je), { "as-child": "" }, {
-					default: W(() => [A(t.$slots, "default")]),
+				default: H(() => [f(P(je), { "as-child": "" }, {
+					default: H(() => [A(t.$slots, "default")]),
 					_: 3
 				}), f(P(Oe), null, {
-					default: W(() => [f(P(De), {
+					default: H(() => [f(P(De), {
 						side: e.side,
 						"side-offset": e.sideOffset,
 						align: e.align,
 						class: "z-50 rounded-lg border border-gray-200 bg-white px-3 py-2 shadow-xs"
 					}, {
-						default: W(() => [A(t.$slots, "tooltip")]),
+						default: H(() => [A(t.$slots, "tooltip")]),
 						_: 3
 					}, 8, [
 						"side",
@@ -4050,7 +4050,7 @@ var ni = /* @__PURE__ */ p({
 	}),
 	emits: ["update:modelValue"],
 	setup(t) {
-		let n = t, r = R(t, "modelValue"), i = B("containerRef"), l = O([]), u = O({
+		let n = t, r = L(t, "modelValue"), i = z("containerRef"), l = O([]), u = O({
 			width: "0px",
 			transform: "translateX(0px)"
 		}), f = O("inset(0 100% 0 0 round 8px)"), p = O(!1), m = async () => {
@@ -4063,7 +4063,7 @@ var ni = /* @__PURE__ */ p({
 				transform: `translateX(${s}px)`
 			}, f.value = `inset(0 ${d}px 0 ${s}px round 8px)`;
 		};
-		return H(r, async () => await m()), ot(i, () => m()), w(async () => {
+		return B(r, async () => await m()), ot(i, () => m()), w(async () => {
 			await document.fonts.ready, await m(), await y(), p.value = !0;
 		}), (n, m) => (E(), s("div", Si, [t.label ? (E(), s("label", Ci, M(t.label), 1)) : o("", !0), c("div", {
 			ref_key: "containerRef",
@@ -4079,8 +4079,8 @@ var ni = /* @__PURE__ */ p({
 				key: 0,
 				"disable-closing-trigger": ""
 			}, {
-				tooltip: W(() => [d(M(n.tooltip), 1)]),
-				default: W(() => [c("button", {
+				tooltip: H(() => [d(M(n.tooltip), 1)]),
+				default: H(() => [c("button", {
 					ref_for: !0,
 					ref: (e) => l.value[i] = e,
 					type: "button",
@@ -4134,7 +4134,7 @@ var ni = /* @__PURE__ */ p({
 	}),
 	emits: ["update:modelValue"],
 	setup(e) {
-		let t = R(e, "modelValue"), n = i(() => ({
+		let t = L(e, "modelValue"), n = i(() => ({
 			...Ai,
 			...e.messages
 		})), r = i(() => [
@@ -4165,7 +4165,7 @@ var ni = /* @__PURE__ */ p({
 			}
 		});
 		return (t, n) => (E(), a($, { label: e.label }, {
-			default: W(() => [f(ki, {
+			default: H(() => [f(ki, {
 				modelValue: o.value,
 				"onUpdate:modelValue": n[0] ||= (e) => o.value = e,
 				options: r.value
@@ -4189,7 +4189,7 @@ var ni = /* @__PURE__ */ p({
 	}),
 	emits: ["update:modelValue"],
 	setup(e) {
-		let t = R(e, "modelValue"), n = i(() => ({
+		let t = L(e, "modelValue"), n = i(() => ({
 			...Mi,
 			...e.messages
 		})), r = i(() => [
@@ -4215,7 +4215,7 @@ var ni = /* @__PURE__ */ p({
 			}
 		});
 		return (t, n) => (E(), a($, { label: e.label }, {
-			default: W(() => [f(ki, {
+			default: H(() => [f(ki, {
 				modelValue: o.value,
 				"onUpdate:modelValue": n[0] ||= (e) => o.value = e,
 				options: r.value
@@ -4265,7 +4265,7 @@ var ni = /* @__PURE__ */ p({
 	}),
 	emits: ["update:modelValue", "update:enabled"],
 	setup(e) {
-		let t = R(e, "modelValue"), n = R(e, "enabled"), r = i(() => ({
+		let t = L(e, "modelValue"), n = L(e, "enabled"), r = i(() => ({
 			...Ri,
 			...e.messages
 		})), o = Li.length - 1, s = i(() => t.value.split(/\s+/).filter(Boolean)), l = i(() => {
@@ -4293,7 +4293,7 @@ var ni = /* @__PURE__ */ p({
 			label: e.label,
 			switchable: e.switchable
 		}, {
-			default: W(() => [c("div", Pi, [c("div", Fi, [f(At, {
+			default: H(() => [c("div", Pi, [c("div", Fi, [f(At, {
 				modelValue: m.value,
 				"onUpdate:modelValue": i[0] ||= (e) => m.value = e,
 				min: 0,
@@ -4359,7 +4359,7 @@ var ni = /* @__PURE__ */ p({
 	}),
 	emits: ["update:modelValue", "update:enabled"],
 	setup(t) {
-		let n = R(t, "modelValue"), r = R(t, "enabled"), o = i(() => ({
+		let n = L(t, "modelValue"), r = L(t, "enabled"), o = i(() => ({
 			...qi,
 			...t.messages
 		})), u = (e) => e.startsWith("#"), d = i(() => {
@@ -4376,7 +4376,7 @@ var ni = /* @__PURE__ */ p({
 		}), v = (e) => {
 			n.value = `${t.property}-theme-${e}`;
 		};
-		return H(() => t.property, (e) => {
+		return B(() => t.property, (e) => {
 			p.value ? n.value = `${e}-theme-${p.value}` : d.value && (n.value = `${e}-[${d.value}]`);
 		}), (n, i) => (E(), a($, {
 			modelValue: r.value,
@@ -4384,7 +4384,7 @@ var ni = /* @__PURE__ */ p({
 			label: t.label,
 			switchable: t.switchable
 		}, {
-			default: W(() => [f(hr, {
+			default: H(() => [f(hr, {
 				modelValue: _.value,
 				"onUpdate:modelValue": i[0] ||= (e) => _.value = e,
 				"full-width": "",
@@ -4397,12 +4397,12 @@ var ni = /* @__PURE__ */ p({
 				"value-label": h.value?.label
 			}, l({ _: 2 }, [m.value.length ? {
 				name: "presets",
-				fn: W(() => [c("div", Vi, [c("span", Hi, M(o.value.themeLabel), 1), c("div", Ui, [(E(!0), s(e, null, k(m.value, ({ role: e, label: t, hex: n }) => (E(), a(xi, {
+				fn: H(() => [c("div", Vi, [c("span", Hi, M(o.value.themeLabel), 1), c("div", Ui, [(E(!0), s(e, null, k(m.value, ({ role: e, label: t, hex: n }) => (E(), a(xi, {
 					key: e,
 					"disable-closing-trigger": ""
 				}, {
-					tooltip: W(() => [c("span", Gi, M(t), 1)]),
-					default: W(() => [c("button", {
+					tooltip: H(() => [c("span", Gi, M(t), 1)]),
+					default: H(() => [c("button", {
 						type: "button",
 						"aria-label": t,
 						"aria-pressed": e === h.value?.role,
@@ -4445,7 +4445,7 @@ var ni = /* @__PURE__ */ p({
 	}),
 	emits: ["update:modelValue"],
 	setup(e) {
-		let t = R(e, "modelValue"), n = i(() => ({
+		let t = L(e, "modelValue"), n = i(() => ({
 			...Qi,
 			...e.messages
 		})), r = i(() => [{
@@ -4463,7 +4463,7 @@ var ni = /* @__PURE__ */ p({
 			}
 		});
 		return (t, n) => (E(), a($, { label: e.label }, {
-			default: W(() => [f(ki, {
+			default: H(() => [f(ki, {
 				modelValue: o.value,
 				"onUpdate:modelValue": n[0] ||= (e) => o.value = e,
 				options: r.value
@@ -4499,7 +4499,7 @@ var ni = /* @__PURE__ */ p({
 	}),
 	emits: ["update:modelValue"],
 	setup(e) {
-		let t = R(e, "modelValue"), n = i(() => ({
+		let t = L(e, "modelValue"), n = i(() => ({
 			...ra,
 			...e.messages
 		})), r = na.length - 1, o = i(() => Math.max(0, na.findIndex((e) => `gap-${e}` === t.value))), s = i({
@@ -4509,7 +4509,7 @@ var ni = /* @__PURE__ */ p({
 			}
 		}), l = i(() => `${na[o.value] * ia} ${n.value.unit}`);
 		return (t, n) => (E(), a($, { label: e.label }, {
-			default: W(() => [c("div", ea, [f(At, {
+			default: H(() => [c("div", ea, [f(At, {
 				modelValue: s.value,
 				"onUpdate:modelValue": n[0] ||= (e) => s.value = e,
 				min: 0,
@@ -4564,7 +4564,7 @@ var ni = /* @__PURE__ */ p({
 	}),
 	emits: ["update:modelValue"],
 	setup(t) {
-		let r = (e) => typeof e == "string" ? e : e.label, l = (e) => typeof e == "string" ? e : e.value, u = (e) => typeof e == "string" ? void 0 : e.icon, p = "select-" + Math.random().toString(36).slice(2, 10), m = `${p}-listbox`, h = (e) => `${p}-option-${e}`, g = t, _ = R(t, "modelValue"), v = B("panel"), y = O(-1), x = i(() => {
+		let r = (e) => typeof e == "string" ? e : e.label, l = (e) => typeof e == "string" ? e : e.value, u = (e) => typeof e == "string" ? void 0 : e.icon, p = "select-" + Math.random().toString(36).slice(2, 10), m = `${p}-listbox`, h = (e) => `${p}-option-${e}`, g = t, _ = L(t, "modelValue"), v = z("panel"), y = O(-1), x = i(() => {
 			if (_.value === null || _.value === void 0) return null;
 			let e = g.options.find((e) => l(e) === _.value);
 			return e ? r(e) : null;
@@ -4614,7 +4614,7 @@ var ni = /* @__PURE__ */ p({
 				D(e.key);
 			}
 		};
-		return H(_, () => {
+		return B(_, () => {
 			v.value?.isOpen || (y.value = -1);
 		}), (i, g) => (E(), s("div", oa, [
 			t.label ? (E(), s("label", {
@@ -4630,7 +4630,7 @@ var ni = /* @__PURE__ */ p({
 				onClose: g[0] ||= (e) => y.value = -1,
 				onOpen: g[1] ||= (e) => y.value = S.value >= 0 ? S.value : y.value
 			}, {
-				trigger: W(({ isOpen: e, toggle: n }) => [c("div", {
+				trigger: H(({ isOpen: e, toggle: n }) => [c("div", {
 					id: P(p),
 					role: "combobox",
 					"aria-label": t.ariaLabel,
@@ -4653,7 +4653,7 @@ var ni = /* @__PURE__ */ p({
 						class: b(["shrink-0 text-gray-400 transition-all duration-200 group-hover:text-cornflower-blue-600", { "rotate-180": e }])
 					}, null, 8, ["class"])
 				], 42, la)]),
-				content: W(({ close: n }) => [c("ul", {
+				content: H(({ close: n }) => [c("ul", {
 					id: m,
 					role: "listbox",
 					class: "overflow-hidden rounded-lg bg-white shadow-xs ring ring-gray-100"
@@ -4684,7 +4684,7 @@ var ni = /* @__PURE__ */ p({
 				"leave-from-class": "opacity-100 translate-y-0",
 				"leave-to-class": "opacity-0 -translate-y-1"
 			}, {
-				default: W(() => [t.error && t.errorMessage ? (E(), s("p", pa, M(t.errorMessage), 1)) : o("", !0)]),
+				default: H(() => [t.error && t.errorMessage ? (E(), s("p", pa, M(t.errorMessage), 1)) : o("", !0)]),
 				_: 1
 			})
 		]));
@@ -4733,7 +4733,7 @@ var ni = /* @__PURE__ */ p({
 	}),
 	emits: ["update:modelValue"],
 	setup(e) {
-		let t = R(e, "modelValue"), n = i(() => ({
+		let t = L(e, "modelValue"), n = i(() => ({
 			...ga,
 			...e.messages
 		})), r = i(() => ha.map(({ level: e, size: t }) => {
@@ -4751,7 +4751,7 @@ var ni = /* @__PURE__ */ p({
 			}
 		});
 		return (t, n) => (E(), a($, { label: e.label }, {
-			default: W(() => [f(ma, {
+			default: H(() => [f(ma, {
 				modelValue: s.value,
 				"onUpdate:modelValue": n[0] ||= (e) => s.value = e,
 				options: r.value,
@@ -4782,7 +4782,7 @@ var ni = /* @__PURE__ */ p({
 	}),
 	emits: ["update:modelValue"],
 	setup(e) {
-		let t = R(e, "modelValue"), n = i(() => ({
+		let t = L(e, "modelValue"), n = i(() => ({
 			...va,
 			...e.messages
 		})), r = i(() => [
@@ -4813,7 +4813,7 @@ var ni = /* @__PURE__ */ p({
 			}
 		});
 		return (t, n) => (E(), a($, { label: e.label }, {
-			default: W(() => [f(ki, {
+			default: H(() => [f(ki, {
 				modelValue: o.value,
 				"onUpdate:modelValue": n[0] ||= (e) => o.value = e,
 				options: r.value
@@ -4908,8 +4908,8 @@ var ni = /* @__PURE__ */ p({
 	},
 	emits: ["commit", "step"],
 	setup(e, { emit: t }) {
-		let n = t, r = B("input"), i = O(e.value), a = O();
-		H(() => e.value, (e) => {
+		let n = t, r = z("input"), i = O(e.value), a = O();
+		B(() => e.value, (e) => {
 			i.value = e;
 		});
 		let o = () => {
@@ -5035,11 +5035,11 @@ var ni = /* @__PURE__ */ p({
 	}),
 	emits: ["update:modelValue"],
 	setup(t) {
-		let n = R(t, "modelValue"), r = i(() => ({
+		let n = L(t, "modelValue"), r = i(() => ({
 			...Va,
 			...t.messages
 		})), o = O(Wa(n.value));
-		H(n, (e) => {
+		B(n, (e) => {
 			o.value = Wa(e);
 		});
 		let l = O(o.value.top !== o.value.bottom || o.value.left !== o.value.right), u = (e) => ({
@@ -5074,7 +5074,7 @@ var ni = /* @__PURE__ */ p({
 			});
 		};
 		return (n, i) => (E(), a($, { label: t.label }, {
-			default: W(() => [c("div", Ma, [(E(!0), s(e, null, k(d.value, (e) => (E(), a(ja, {
+			default: H(() => [c("div", Ma, [(E(!0), s(e, null, k(d.value, (e) => (E(), a(ja, {
 				key: e.key,
 				sides: e.targets,
 				label: e.label,
@@ -5090,8 +5090,8 @@ var ni = /* @__PURE__ */ p({
 				"onCommit",
 				"onStep"
 			]))), 128)), f(xi, { "disable-closing-trigger": "" }, {
-				tooltip: W(() => [c("span", Pa, M(r.value.toggle), 1)]),
-				default: W(() => [c("button", {
+				tooltip: H(() => [c("span", Pa, M(r.value.toggle), 1)]),
+				default: H(() => [c("button", {
 					type: "button",
 					"aria-label": r.value.toggle,
 					"aria-pressed": l.value,
@@ -5139,7 +5139,7 @@ var ni = /* @__PURE__ */ p({
 	}),
 	emits: ["update:modelValue"],
 	setup(e) {
-		let t = R(e, "modelValue"), n = i(() => ({
+		let t = L(e, "modelValue"), n = i(() => ({
 			...Ja,
 			...e.messages
 		})), r = i(() => [
@@ -5170,7 +5170,7 @@ var ni = /* @__PURE__ */ p({
 			}
 		});
 		return (t, n) => (E(), a($, { label: e.label }, {
-			default: W(() => [f(ki, {
+			default: H(() => [f(ki, {
 				modelValue: o.value,
 				"onUpdate:modelValue": n[0] ||= (e) => o.value = e,
 				options: r.value
@@ -5237,7 +5237,7 @@ var ni = /* @__PURE__ */ p({
 				variant: "secondary",
 				onClick: e.backButtonAction
 			}, {
-				default: W(() => [d(M(e.backButtonText), 1)]),
+				default: H(() => [d(M(e.backButtonText), 1)]),
 				_: 1
 			}, 8, ["onClick"])) : o("", !0)]), t.$slots.title ? (E(), s("div", eo, [A(t.$slots, "title")])) : (E(), s("span", {
 				key: 1,
@@ -5340,7 +5340,7 @@ var ni = /* @__PURE__ */ p({
 		})), h = i(() => {
 			let e = { ...p };
 			return delete e.class, delete e.style, e;
-		}), g = t, _ = (e) => typeof e == "string" ? e : e.label, y = (e) => typeof e == "string" ? e : e.value, x = R(t, "input"), C = R(t, "select"), w = i(() => {
+		}), g = t, _ = (e) => typeof e == "string" ? e : e.label, y = (e) => typeof e == "string" ? e : e.value, x = L(t, "input"), C = L(t, "select"), w = i(() => {
 			if (C.value === null || C.value === void 0) return null;
 			let e = g.options.find((e) => y(e) === C.value);
 			return e ? _(e) : null;
@@ -5357,7 +5357,7 @@ var ni = /* @__PURE__ */ p({
 				for: P(l)
 			}, [d(M(t.label) + " ", 1), t.required ? (E(), s("span", oo, "*")) : o("", !0)], 8, ao)) : o("", !0),
 			c("div", { class: b(["group flex items-center overflow-hidden rounded-lg ring transition-colors ease-out focus-within:ring-cornflower-blue-500", [t.error ? "ring-brick-400" : "ring-gray-200", t.selectPosition === "after" ? "flex-row-reverse" : "flex-row"]]) }, [f(Qn, { placement: t.selectPosition === "after" ? "bottom-end" : "bottom-start" }, {
-				trigger: W(({ isOpen: e, toggle: n }) => [c("div", {
+				trigger: H(({ isOpen: e, toggle: n }) => [c("div", {
 					id: P(u),
 					role: "combobox",
 					"aria-expanded": e,
@@ -5365,7 +5365,7 @@ var ni = /* @__PURE__ */ p({
 					tabindex: "0",
 					class: b(["flex h-10 shrink-0 cursor-pointer items-center gap-1.5 px-3 text-sm transition-colors focus:outline-none", [w.value ? "text-gray-900" : "text-gray-400", t.selectPosition === "after" ? "border-l border-gray-200" : "border-r border-gray-200"]]),
 					onClick: n,
-					onKeydown: [K(q(n, ["prevent"]), ["enter"]), K(q(n, ["prevent"]), ["space"])]
+					onKeydown: [W(G(n, ["prevent"]), ["enter"]), W(G(n, ["prevent"]), ["space"])]
 				}, [
 					t.leftIcon ? (E(), a(Q, {
 						key: 0,
@@ -5378,7 +5378,7 @@ var ni = /* @__PURE__ */ p({
 						class: b(["shrink-0 text-gray-400 transition-all duration-200", { "rotate-180": e }])
 					}, null, 8, ["class"])
 				], 42, so)]),
-				content: W(({ close: n }) => [c("ul", co, [(E(!0), s(e, null, k(t.options, (e) => (E(), s("li", {
+				content: H(({ close: n }) => [c("ul", co, [(E(!0), s(e, null, k(t.options, (e) => (E(), s("li", {
 					key: y(e),
 					role: "option",
 					"aria-selected": C.value === y(e),
@@ -5390,11 +5390,11 @@ var ni = /* @__PURE__ */ p({
 					class: "text-xs"
 				})) : o("", !0)], 10, lo))), 128))])]),
 				_: 1
-			}, 8, ["placement"]), G(c("input", v({
+			}, 8, ["placement"]), U(c("input", v({
 				id: P(l),
 				"onUpdate:modelValue": i[0] ||= (e) => x.value = e,
 				placeholder: t.placeholder
-			}, h.value, { class: "h-10 w-full min-w-40 bg-transparent px-3 text-sm text-gray-900 placeholder-gray-400 focus:outline-none" }), null, 16, uo), [[te, x.value]])], 2),
+			}, h.value, { class: "h-10 w-full min-w-40 bg-transparent px-3 text-sm text-gray-900 placeholder-gray-400 focus:outline-none" }), null, 16, uo), [[ne, x.value]])], 2),
 			f(n, {
 				"enter-active-class": "transition-all duration-200 ease-out",
 				"enter-from-class": "opacity-0 -translate-y-1",
@@ -5403,7 +5403,7 @@ var ni = /* @__PURE__ */ p({
 				"leave-from-class": "opacity-100 translate-y-0",
 				"leave-to-class": "opacity-0 -translate-y-1"
 			}, {
-				default: W(() => [t.error && t.errorMessage ? (E(), s("p", fo, M(t.errorMessage), 1)) : o("", !0)]),
+				default: H(() => [t.error && t.errorMessage ? (E(), s("p", fo, M(t.errorMessage), 1)) : o("", !0)]),
 				_: 1
 			})
 		], 6));
@@ -5454,7 +5454,7 @@ var ni = /* @__PURE__ */ p({
 	}),
 	emits: ["update:modelValue"],
 	setup(e) {
-		let t = R(e, "modelValue"), r = i(() => e.description?.trim() || void 0), l = async (n) => {
+		let t = L(e, "modelValue"), r = i(() => e.description?.trim() || void 0), l = async (n) => {
 			if (n) {
 				t.value = !0;
 				return;
@@ -5472,14 +5472,14 @@ var ni = /* @__PURE__ */ p({
 			open: t.value,
 			"onUpdate:open": l
 		}, {
-			default: W(() => [f(P(fe), null, {
-				default: W(() => [c("div", go, [f(n, {
+			default: H(() => [f(P(fe), null, {
+				default: H(() => [c("div", go, [f(n, {
 					"enter-active-class": "transition-opacity duration-200 ease-out",
 					"enter-from-class": "opacity-0",
 					"leave-active-class": "transition-opacity duration-150 ease-in",
 					"leave-to-class": "opacity-0"
 				}, {
-					default: W(() => [t.value ? (E(), a(P(de), {
+					default: H(() => [t.value ? (E(), a(P(de), {
 						key: 0,
 						class: "pointer-events-auto absolute inset-0 bg-black/40 backdrop-blur-sm"
 					})) : o("", !0)]),
@@ -5490,7 +5490,7 @@ var ni = /* @__PURE__ */ p({
 					"leave-active-class": "transition-[opacity,translate] duration-150 ease-in",
 					"leave-to-class": "opacity-0 translate-y-5"
 				}, {
-					default: W(() => [t.value ? (E(), a(P(le), {
+					default: H(() => [t.value ? (E(), a(P(le), {
 						key: 0,
 						class: b(["pointer-events-auto relative z-10 flex max-h-[85vh] w-full flex-col overflow-x-auto rounded-3xl bg-white shadow-lg", m.value]),
 						style: S(h.value),
@@ -5499,20 +5499,20 @@ var ni = /* @__PURE__ */ p({
 						onInteractOutside: u[1] ||= (t) => !e.dismissible && t.preventDefault(),
 						onEscapeKeyDown: u[2] ||= (t) => !e.dismissible && t.preventDefault()
 					}, {
-						default: W(() => [
+						default: H(() => [
 							e.title || r.value || i.$slots.header ? (E(), s("div", _o, [c("div", null, [
 								e.title ? (E(), a(P(me), {
 									key: 0,
 									class: "heading-2"
 								}, {
-									default: W(() => [d(M(e.title), 1)]),
+									default: H(() => [d(M(e.title), 1)]),
 									_: 1
 								})) : o("", !0),
 								r.value ? (E(), a(P(ue), {
 									key: 1,
 									class: "small-normal"
 								}, {
-									default: W(() => [d(M(r.value), 1)]),
+									default: H(() => [d(M(r.value), 1)]),
 									_: 1
 								})) : o("", !0),
 								A(i.$slots, "header")
@@ -5520,13 +5520,13 @@ var ni = /* @__PURE__ */ p({
 								key: 0,
 								class: "ml-4 shrink-0 cursor-pointer rounded-sm p-1 focus-visible:outline-2"
 							}, {
-								default: W(() => [f(Q, { name: "xmark" })]),
+								default: H(() => [f(Q, { name: "xmark" })]),
 								_: 1
 							})) : o("", !0)])) : e.showClose ? (E(), a(P(ce), {
 								key: 1,
 								class: "absolute top-3 right-3 cursor-pointer rounded-sm p-1 focus-visible:outline-2"
 							}, {
-								default: W(() => [f(Q, { name: "xmark" })]),
+								default: H(() => [f(Q, { name: "xmark" })]),
 								_: 1
 							})) : o("", !0),
 							c("div", { class: b(["overflow-y-auto px-6 pt-5", i.$slots.footer ? "pb-5" : "pb-6"]) }, [A(i.$slots, "default")], 2),
@@ -5574,7 +5574,7 @@ var ni = /* @__PURE__ */ p({
 			disabled: e.cancelDisabled,
 			onClick: r[0] ||= (e) => n("cancel")
 		}, {
-			default: W(() => [d(M(e.cancelLabel), 1)]),
+			default: H(() => [d(M(e.cancelLabel), 1)]),
 			_: 1
 		}, 8, ["disabled"]), f(cn, {
 			variant: e.confirmVariant,
@@ -5583,7 +5583,7 @@ var ni = /* @__PURE__ */ p({
 			disabled: e.confirmDisabled,
 			onClick: r[1] ||= (e) => n("confirm")
 		}, {
-			default: W(() => [d(M(e.confirmLabel), 1)]),
+			default: H(() => [d(M(e.confirmLabel), 1)]),
 			_: 1
 		}, 8, [
 			"variant",
@@ -5751,7 +5751,7 @@ var Go = { render: Wo }, Ko = /* @__PURE__ */ p({
 			"leave-from-class": "max-w-105 opacity-100",
 			"leave-to-class": "max-w-0 opacity-0"
 		}, {
-			default: W(() => [r.$slots.sidebar ? (E(), s("aside", es, [c("div", ts, [A(r.$slots, "sidebar")])])) : o("", !0)]),
+			default: H(() => [r.$slots.sidebar ? (E(), s("aside", es, [c("div", ts, [A(r.$slots, "sidebar")])])) : o("", !0)]),
 			_: 3
 		})]));
 	}
@@ -5799,7 +5799,7 @@ var Go = { render: Wo }, Ko = /* @__PURE__ */ p({
 	}),
 	emits: ["update:page"],
 	setup(t) {
-		let n = R(t, "page");
+		let n = L(t, "page");
 		return (r, i) => (E(), a(P(Se), {
 			total: t.total,
 			"items-per-page": t.itemsPerPage,
@@ -5808,21 +5808,21 @@ var Go = { render: Wo }, Ko = /* @__PURE__ */ p({
 			"onUpdate:page": i[0] ||= (e) => n.value = e,
 			"show-edges": t.showEdges
 		}, {
-			default: W(() => [f(P(ve), { class: b(["flex items-center gap-1 text-gray-700 transition", { "pointer-events-none opacity-50": t.disabled }]) }, {
-				default: W(({ items: n }) => [
+			default: H(() => [f(P(ve), { class: b(["flex items-center gap-1 text-gray-700 transition", { "pointer-events-none opacity-50": t.disabled }]) }, {
+				default: H(({ items: n }) => [
 					n.some((e) => e.type === "ellipsis") ? (E(), a(P(ge), {
 						key: 0,
 						class: "flex size-8 cursor-pointer items-center justify-center rounded-lg bg-transparent transition hover:bg-cornflower-blue-50 disabled:cursor-not-allowed disabled:opacity-50",
 						disabled: t.disabled
 					}, {
-						default: W(() => [f(Q, { name: "angles-left" })]),
+						default: H(() => [f(Q, { name: "angles-left" })]),
 						_: 1
 					}, 8, ["disabled"])) : o("", !0),
 					f(P(xe), {
 						class: "mr-4 flex size-8 cursor-pointer items-center justify-center rounded-lg bg-transparent transition hover:bg-cornflower-blue-50 disabled:cursor-not-allowed disabled:opacity-50",
 						disabled: t.disabled
 					}, {
-						default: W(() => [f(Q, { name: "chevron-left" })]),
+						default: H(() => [f(Q, { name: "chevron-left" })]),
 						_: 1
 					}, 8, ["disabled"]),
 					(E(!0), s(e, null, k(n, (n, r) => (E(), s(e, null, [n.type === "page" ? (E(), a(P(ye), {
@@ -5831,21 +5831,21 @@ var Go = { render: Wo }, Ko = /* @__PURE__ */ p({
 						disabled: t.disabled,
 						class: "h-9 min-w-9 cursor-pointer rounded-lg border border-gray-200 px-2 transition hover:bg-cornflower-blue-50 disabled:cursor-not-allowed data-selected:border-cornflower-blue-500 data-selected:bg-cornflower-blue-500 data-selected:text-white data-selected:shadow-sm"
 					}, {
-						default: W(() => [d(M(n.value), 1)]),
+						default: H(() => [d(M(n.value), 1)]),
 						_: 2
 					}, 1032, ["value", "disabled"])) : (E(), a(P(he), {
 						key: n.type,
 						index: r,
 						class: "flex size-8 items-center justify-center"
 					}, {
-						default: W(() => [...i[1] ||= [d(" … ", -1)]]),
+						default: H(() => [...i[1] ||= [d(" … ", -1)]]),
 						_: 1
 					}, 8, ["index"]))], 64))), 256)),
 					f(P(be), {
 						class: "ml-4 flex size-8 cursor-pointer items-center justify-center rounded-lg bg-transparent transition hover:bg-cornflower-blue-50 disabled:cursor-not-allowed disabled:opacity-50",
 						disabled: t.disabled
 					}, {
-						default: W(() => [f(Q, { name: "chevron-right" })]),
+						default: H(() => [f(Q, { name: "chevron-right" })]),
 						_: 1
 					}, 8, ["disabled"]),
 					n.some((e) => e.type === "ellipsis") ? (E(), a(P(_e), {
@@ -5853,7 +5853,7 @@ var Go = { render: Wo }, Ko = /* @__PURE__ */ p({
 						class: "flex size-8 cursor-pointer items-center justify-center rounded-lg bg-transparent transition hover:bg-cornflower-blue-50 disabled:cursor-not-allowed disabled:opacity-50",
 						disabled: t.disabled
 					}, {
-						default: W(() => [f(Q, { name: "angles-right" })]),
+						default: H(() => [f(Q, { name: "angles-right" })]),
 						_: 1
 					}, 8, ["disabled"])) : o("", !0)
 				]),
@@ -5892,7 +5892,7 @@ var Go = { render: Wo }, Ko = /* @__PURE__ */ p({
 	}),
 	emits: ["update:open"],
 	setup(e) {
-		let t = R(e, "open"), r = L(), a = at(), l = i(() => a.value === "reduce"), u = {
+		let t = L(e, "open"), r = I(), a = at(), l = i(() => a.value === "reduce"), u = {
 			base: "flex h-7 items-center gap-1.5 rounded-lg px-2 extra-small-semibold tracking-wide text-gray-700 uppercase select-none",
 			collapsible: "cursor-pointer hover:bg-gray-50",
 			static: "cursor-default"
@@ -5909,7 +5909,7 @@ var Go = { render: Wo }, Ko = /* @__PURE__ */ p({
 		}, [c("div", v({
 			role: "presentation",
 			class: p.value
-		}, N(h.value, !0), { onMousedown: a[0] ||= q(() => {}, ["prevent"]) }), [e.collapsible ? (E(), s("span", ss, [f(Q, {
+		}, N(h.value, !0), { onMousedown: a[0] ||= G(() => {}, ["prevent"]) }), [e.collapsible ? (E(), s("span", ss, [f(Q, {
 			name: "chevron-down",
 			"aria-hidden": "true",
 			class: b(m.value)
@@ -5923,7 +5923,7 @@ var Go = { render: Wo }, Ko = /* @__PURE__ */ p({
 			"leave-to-class": "grid-rows-[0fr] opacity-0",
 			onBeforeLeave: g
 		}, {
-			default: W(() => [t.value ? (E(), s("div", ls, [c("div", us, [c("div", ds, [A(i.$slots, "default")])])])) : o("", !0)]),
+			default: H(() => [t.value ? (E(), s("div", ls, [c("div", us, [c("div", ds, [A(i.$slots, "default")])])])) : o("", !0)]),
 			_: 3
 		}, 8, ["css"])], 8, os));
 	}
@@ -5973,7 +5973,7 @@ var Go = { render: Wo }, Ko = /* @__PURE__ */ p({
 			class: b(u.value),
 			onClick: m,
 			onPointermove: r[0] ||= (e) => n("highlight"),
-			onMousedown: r[1] ||= q(() => {}, ["prevent"])
+			onMousedown: r[1] ||= G(() => {}, ["prevent"])
 		}, [A(t.$slots, "default", {}, () => [e.icon ? (E(), s("span", {
 			key: 0,
 			class: b(d.value)
@@ -6031,26 +6031,26 @@ var Go = { render: Wo }, Ko = /* @__PURE__ */ p({
 		"clear"
 	], ["update:highlighted"]),
 	setup(t, { expose: r, emit: u }) {
-		let p = t, m = R(t, "highlighted"), h = u, g = `${L()}-listbox`, _ = (e) => `${g}-opt-${encodeURIComponent(e)}`, x = B("listbox"), S = at(), w = i(() => S.value === "reduce"), T = (e) => e.normalize("NFD").replace(/\p{M}/gu, "").toLocaleLowerCase(), D = i(() => p.search.trim()), j = i(() => T(D.value)), N = i(() => j.value !== ""), P = (e) => !N.value || T(e.label).includes(j.value) || !!e.keywords?.some((e) => T(e).includes(j.value)), F = i(() => p.items.filter(P)), I = i(() => new Set(p.groups.map((e) => e.id))), z = i(() => F.value.filter((e) => !e.group || !I.value.has(e.group))), ee = O({}), te = (e) => ee.value[e.id] ?? e.defaultOpen ?? !0, V = i(() => p.collapsible && !N.value), U = i(() => p.groups.map((e) => ({
+		let p = t, m = L(t, "highlighted"), h = u, g = `${I()}-listbox`, _ = (e) => `${g}-opt-${encodeURIComponent(e)}`, x = z("listbox"), S = at(), w = i(() => S.value === "reduce"), T = (e) => e.normalize("NFD").replace(/\p{M}/gu, "").toLocaleLowerCase(), D = i(() => p.search.trim()), j = i(() => T(D.value)), N = i(() => j.value !== ""), P = (e) => !N.value || T(e.label).includes(j.value) || !!e.keywords?.some((e) => T(e).includes(j.value)), F = i(() => p.items.filter(P)), ee = i(() => new Set(p.groups.map((e) => e.id))), R = i(() => F.value.filter((e) => !e.group || !ee.value.has(e.group))), te = O({}), ne = (e) => te.value[e.id] ?? e.defaultOpen ?? !0, re = i(() => p.collapsible && !N.value), V = i(() => p.groups.map((e) => ({
 			group: e,
 			items: F.value.filter((t) => t.group === e.id),
-			open: !V.value || te(e)
-		})).filter((e) => e.items.length > 0)), G = i(() => [...z.value, ...U.value.flatMap((e) => e.open ? e.items : [])]), K = i(() => z.value.length > 0 || U.value.length > 0), q = i(() => N.value && G.value.length === 0), J = (e) => e === null ? null : G.value.find((t) => t.id === e) ?? null, ne = i(() => (G.value.find((e) => !e.disabled) ?? G.value[0])?.id ?? null), Y = i(() => J(m.value) ? m.value : ne.value), re = i(() => Y.value === null ? void 0 : _(Y.value)), X = "other", ie = (e, t) => {
-			t !== "fold" && (se = null), e !== Y.value && (X = t, m.value = e);
+			open: !re.value || ne(e)
+		})).filter((e) => e.items.length > 0)), U = i(() => [...R.value, ...V.value.flatMap((e) => e.open ? e.items : [])]), W = i(() => R.value.length > 0 || V.value.length > 0), G = i(() => N.value && U.value.length === 0), K = (e) => e === null ? null : U.value.find((t) => t.id === e) ?? null, ie = i(() => (U.value.find((e) => !e.disabled) ?? U.value[0])?.id ?? null), q = i(() => K(m.value) ? m.value : ie.value), J = i(() => q.value === null ? void 0 : _(q.value)), Y = "other", X = (e, t) => {
+			t !== "fold" && (se = null), e !== q.value && (Y = t, m.value = e);
 		};
-		H([m, Y], ([e, t]) => {
+		B([m, q], ([e, t]) => {
 			e !== t && (m.value = t);
-		}, { immediate: !0 }), H(Y, async (e) => {
-			h("highlight", J(e));
-			let t = X;
-			X = "other", t !== "pointer" && t !== "fold" && (await y(), ae(e));
-		}, { immediate: !0 }), H(() => p.search, async () => {
-			await y(), ae(Y.value);
+		}, { immediate: !0 }), B(q, async (e) => {
+			h("highlight", K(e));
+			let t = Y;
+			Y = "other", t !== "pointer" && t !== "fold" && (await y(), ae(e));
+		}, { immediate: !0 }), B(() => p.search, async () => {
+			await y(), ae(q.value);
 		});
 		let ae = (e) => {
 			let t = e === null ? null : x.value?.ownerDocument.getElementById(_(e));
 			if (!t) return;
-			let n = U.value.some((t) => t.items[0]?.id === e);
+			let n = V.value.some((t) => t.items[0]?.id === e);
 			oe(n && t.closest("[role=\"group\"]") || t, t);
 		}, oe = (e, t) => {
 			let n = x.value;
@@ -6058,7 +6058,7 @@ var Go = { render: Wo }, Ko = /* @__PURE__ */ p({
 			let r = n.getBoundingClientRect(), i = n.offsetHeight ? r.height / n.offsetHeight : 1, a = (e, t) => (e[t] - r.top) / i + n.scrollTop, o = getComputedStyle(n), s = a(e.getBoundingClientRect(), "top") - (parseFloat(o.paddingTop) || 0), c = a(t.getBoundingClientRect(), "bottom") + (parseFloat(o.paddingBottom) || 0);
 			s < n.scrollTop ? n.scrollTop = s : c > n.scrollTop + n.clientHeight && (n.scrollTop = c - n.clientHeight);
 		}, se = null, ce = (e) => {
-			let t = U.value.findIndex((t) => t.group.id === e);
+			let t = V.value.findIndex((t) => t.group.id === e);
 			return x.value?.querySelectorAll(":scope > [role=\"group\"]")[t] ?? null;
 		}, le = async (e, t) => {
 			se = t, await y();
@@ -6072,17 +6072,17 @@ var Go = { render: Wo }, Ko = /* @__PURE__ */ p({
 				y: e.clientY
 			};
 		}, me = (e) => {
-			fe && ie(e.id, "pointer");
+			fe && X(e.id, "pointer");
 		}, he = (e, t) => {
-			ee.value = {
-				...ee.value,
+			te.value = {
+				...te.value,
 				[e]: t
 			};
 		}, ge = (e, t) => {
-			let n = U.value.findIndex((t) => t.group.id === e), r = J(Y.value);
+			let n = V.value.findIndex((t) => t.group.id === e), r = K(q.value);
 			if (n >= 0 && r?.group === e) {
-				let r = U.value.slice(n + 1).find((e) => e.open), i = U.value.slice(0, n).reverse().find((e) => e.open), a = r?.items[0] ?? i?.items.at(-1) ?? z.value.at(-1) ?? null, o = !!a && a === r?.items[0] && t === "keyboard" && !w.value;
-				ie(a?.id ?? null, o ? "fold" : t), he(e, !1), o && a && le(e, a.id);
+				let r = V.value.slice(n + 1).find((e) => e.open), i = V.value.slice(0, n).reverse().find((e) => e.open), a = r?.items[0] ?? i?.items.at(-1) ?? R.value.at(-1) ?? null, o = !!a && a === r?.items[0] && t === "keyboard" && !w.value;
+				X(a?.id ?? null, o ? "fold" : t), he(e, !1), o && a && le(e, a.id);
 				return;
 			}
 			he(e, !1);
@@ -6091,34 +6091,34 @@ var Go = { render: Wo }, Ko = /* @__PURE__ */ p({
 			let n = e.items[0];
 			if (!n) return;
 			let r = t === "keyboard" && !w.value;
-			ie(n.id, r ? "fold" : t), r && le(e.group.id, n.id);
+			X(n.id, r ? "fold" : t), r && le(e.group.id, n.id);
 		}, ve = (e, t) => {
 			se = null, t ? he(e.group.id, !0) : ge(e.group.id, "pointer");
 		}, ye = () => {
-			let e = J(Y.value), t = e?.group ? U.value.findIndex((t) => t.group.id === e.group) : -1;
-			return U.value.slice(t + 1).find((e) => !e.open) ?? U.value.slice(0, Math.max(t, 0)).reverse().find((e) => !e.open);
+			let e = K(q.value), t = e?.group ? V.value.findIndex((t) => t.group.id === e.group) : -1;
+			return V.value.slice(t + 1).find((e) => !e.open) ?? V.value.slice(0, Math.max(t, 0)).reverse().find((e) => !e.open);
 		}, be = (e) => {
-			let t = G.value;
+			let t = U.value;
 			if (t.length === 0) {
-				let t = V.value && e > 0 ? U.value.find((e) => !e.open) : void 0;
+				let t = re.value && e > 0 ? V.value.find((e) => !e.open) : void 0;
 				t && _e(t, "keyboard");
 				return;
 			}
-			let n = t.findIndex((e) => e.id === Y.value), r = Math.min(Math.max(n + e, 0), t.length - 1);
-			ie(t[r].id, "keyboard");
+			let n = t.findIndex((e) => e.id === q.value), r = Math.min(Math.max(n + e, 0), t.length - 1);
+			X(t[r].id, "keyboard");
 		}, xe = () => {
-			let e = G.value[0];
-			e && ie(e.id, "keyboard");
+			let e = U.value[0];
+			e && X(e.id, "keyboard");
 		}, Se = () => {
-			let e = G.value.at(-1);
-			e && ie(e.id, "keyboard");
+			let e = U.value.at(-1);
+			e && X(e.id, "keyboard");
 		}, Ce = () => {
-			let e = J(Y.value);
+			let e = K(q.value);
 			e && !e.disabled && h("select", e);
 		}, we = "", Te, Ee = (e) => {
 			clearTimeout(Te), we += T(e), Te = setTimeout(() => we = "", ws);
-			let t = G.value.find((e) => T(e.label).startsWith(we));
-			t && ie(t.id, "keyboard");
+			let t = U.value.find((e) => T(e.label).startsWith(we));
+			t && X(t.id, "keyboard");
 		}, De = (e) => [...e.key].length === 1 && !e.ctrlKey && !e.metaKey && !e.altKey, Oe = (e) => {
 			if (!e.isComposing) {
 				switch (e.key) {
@@ -6145,13 +6145,13 @@ var Go = { render: Wo }, Ko = /* @__PURE__ */ p({
 						Ce();
 						break;
 					case "ArrowLeft": {
-						let e = J(Y.value)?.group;
-						if (!V.value || !e || !I.value.has(e)) return;
+						let e = K(q.value)?.group;
+						if (!re.value || !e || !ee.value.has(e)) return;
 						ge(e, "keyboard");
 						break;
 					}
 					case "ArrowRight": {
-						if (!V.value) return;
+						if (!re.value) return;
 						let e = ye();
 						if (!e) return;
 						_e(e, "keyboard");
@@ -6169,9 +6169,9 @@ var Go = { render: Wo }, Ko = /* @__PURE__ */ p({
 		}, ke = () => {
 			x.value?.focus({ preventScroll: !0 });
 		}, Ae = i(() => typeof p.emptyDescription == "function" ? p.emptyDescription(D.value) : p.emptyDescription), je = () => h("clear"), Me = O(""), Ne;
-		H(() => p.search, () => {
+		B(() => p.search, () => {
 			clearTimeout(Ne), Ne = setTimeout(() => {
-				Me.value = p.resultsAnnouncement?.(G.value.length) ?? "";
+				Me.value = p.resultsAnnouncement?.(U.value.length) ?? "";
 			}, Ts);
 		}), C(() => {
 			clearTimeout(Ne), clearTimeout(Te);
@@ -6182,14 +6182,14 @@ var Go = { render: Wo }, Ko = /* @__PURE__ */ p({
 			icon: e.icon,
 			description: e.description,
 			disabled: e.disabled,
-			highlighted: e.id === Y.value
+			highlighted: e.id === q.value
 		}), Ie = {
 			base: "group/listbox min-h-0 overflow-y-auto overscroll-contain scrollbar-thin focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-cornflower-blue-500",
 			filled: "flex flex-1 flex-col gap-0.5 p-2"
 		}, Le = {
 			default: "flex flex-1 flex-col items-center justify-center gap-1 px-4 py-8 text-center",
 			custom: "flex flex-1 flex-col"
-		}, Re = i(() => [Ie.base, K.value && Ie.filled]);
+		}, Re = i(() => [Ie.base, W.value && Ie.filled]);
 		return r({
 			focus: ke,
 			move: be,
@@ -6197,46 +6197,46 @@ var Go = { render: Wo }, Ko = /* @__PURE__ */ p({
 			highlightLast: Se,
 			selectHighlighted: Ce,
 			listboxId: g,
-			activeDescendantId: re
+			activeDescendantId: J
 		}), (r, i) => (E(), s("div", _s, [
 			c("div", {
 				id: g,
 				ref_key: "listbox",
 				ref: x,
 				role: "listbox",
-				tabindex: K.value ? 0 : -1,
+				tabindex: W.value ? 0 : -1,
 				"aria-label": t.ariaLabel,
-				"aria-activedescendant": re.value,
+				"aria-activedescendant": J.value,
 				class: b(Re.value),
 				onKeydown: Oe,
-				onFocus: i[0] ||= (e) => ae(Y.value),
+				onFocus: i[0] ||= (e) => ae(q.value),
 				onPointermoveCapture: pe,
 				onTransitionend: ue
-			}, [(E(!0), s(e, null, k(z.value, (e) => (E(), a(gs, v({ key: e.id }, { ref_for: !0 }, Fe(e), {
+			}, [(E(!0), s(e, null, k(R.value, (e) => (E(), a(gs, v({ key: e.id }, { ref_for: !0 }, Fe(e), {
 				onSelect: (t) => h("select", e),
 				onHighlight: (t) => me(e)
 			}), l({ _: 2 }, [r.$slots.item ? {
 				name: "default",
-				fn: W(() => [A(r.$slots, "item", {
+				fn: H(() => [A(r.$slots, "item", {
 					item: e,
-					highlighted: e.id === Y.value
+					highlighted: e.id === q.value
 				})]),
 				key: "0"
-			} : void 0]), 1040, ["onSelect", "onHighlight"]))), 128)), (E(!0), s(e, null, k(U.value, (t) => (E(), a(fs, {
+			} : void 0]), 1040, ["onSelect", "onHighlight"]))), 128)), (E(!0), s(e, null, k(V.value, (t) => (E(), a(fs, {
 				key: N.value ? `search:${t.group.id}` : t.group.id,
 				label: t.group.label,
 				open: t.open,
-				collapsible: V.value,
+				collapsible: re.value,
 				"onUpdate:open": (e) => ve(t, e)
 			}, {
-				default: W(() => [(E(!0), s(e, null, k(t.items, (e) => (E(), a(gs, v({ key: e.id }, { ref_for: !0 }, Fe(e), {
+				default: H(() => [(E(!0), s(e, null, k(t.items, (e) => (E(), a(gs, v({ key: e.id }, { ref_for: !0 }, Fe(e), {
 					onSelect: (t) => h("select", e),
 					onHighlight: (t) => me(e)
 				}), l({ _: 2 }, [r.$slots.item ? {
 					name: "default",
-					fn: W(() => [A(r.$slots, "item", {
+					fn: H(() => [A(r.$slots, "item", {
 						item: e,
-						highlighted: e.id === Y.value
+						highlighted: e.id === q.value
 					})]),
 					key: "0"
 				} : void 0]), 1040, ["onSelect", "onHighlight"]))), 128))]),
@@ -6253,7 +6253,7 @@ var Go = { render: Wo }, Ko = /* @__PURE__ */ p({
 				"enter-from-class": "opacity-0",
 				onLeave: Pe
 			}, {
-				default: W(() => [q.value ? (E(), s("div", {
+				default: H(() => [G.value ? (E(), s("div", {
 					key: 0,
 					class: b(r.$slots.empty ? Le.custom : Le.default)
 				}, [A(r.$slots, "empty", {
@@ -6271,7 +6271,7 @@ var Go = { render: Wo }, Ko = /* @__PURE__ */ p({
 						variant: "link",
 						onClick: je
 					}, {
-						default: W(() => [d(M(t.clearLabel), 1)]),
+						default: H(() => [d(M(t.clearLabel), 1)]),
 						_: 1
 					})])) : o("", !0)
 				])], 2)) : o("", !0)]),
@@ -6300,7 +6300,7 @@ var Go = { render: Wo }, Ko = /* @__PURE__ */ p({
 	},
 	setup(e) {
 		let t = at(), r = i(() => t.value === "reduce"), l = -Infinity, u = O(!1);
-		H(() => e.contentKey, () => {
+		B(() => e.contentKey, () => {
 			let e = Date.now();
 			u.value = e - l < js, l = e;
 		}, { flush: "pre" });
@@ -6312,7 +6312,7 @@ var Go = { render: Wo }, Ko = /* @__PURE__ */ p({
 			"enter-from-class": "opacity-0",
 			onLeave: f
 		}, {
-			default: W(() => [(E(), s("div", {
+			default: H(() => [(E(), s("div", {
 				key: e.contentKey,
 				class: "size-full"
 			}, [A(t.$slots, "default")]))]),
@@ -6324,7 +6324,7 @@ var Go = { render: Wo }, Ko = /* @__PURE__ */ p({
 			"enter-from-class": "opacity-0",
 			onLeave: f
 		}, {
-			default: W(() => [(E(), s("div", {
+			default: H(() => [(E(), s("div", {
 				key: e.contentKey,
 				class: "flex flex-col gap-1"
 			}, [c("p", ks, M(e.title), 1), e.description ? (E(), s("p", As, M(e.description), 1)) : o("", !0)]))]),
@@ -6378,7 +6378,7 @@ var Go = { render: Wo }, Ko = /* @__PURE__ */ p({
 		"close"
 	], ["update:highlighted", "update:search"]),
 	setup(e, { expose: t, emit: n }) {
-		let r = e, a = R(e, "highlighted"), u = R(e, "search"), d = n, p = B("inputField"), m = B("list"), g = B("row"), _ = (e) => typeof e == "number" ? `${e}px` : e, v = i(() => {
+		let r = e, a = L(e, "highlighted"), u = L(e, "search"), d = n, p = z("inputField"), m = z("list"), g = z("row"), _ = (e) => typeof e == "number" ? `${e}px` : e, v = i(() => {
 			let e = `min(${_(r.height)}, calc(100dvh - 5rem))`;
 			return {
 				width: _(r.width),
@@ -6486,11 +6486,11 @@ var Go = { render: Wo }, Ko = /* @__PURE__ */ p({
 			onClear: M
 		}, l({ _: 2 }, [t.$slots.item ? {
 			name: "item",
-			fn: W((e) => [A(t.$slots, "item", x(h(e)))]),
+			fn: H((e) => [A(t.$slots, "item", x(h(e)))]),
 			key: "0"
 		} : void 0, t.$slots.empty ? {
 			name: "empty",
-			fn: W((e) => [A(t.$slots, "empty", x(h(e)))]),
+			fn: H((e) => [A(t.$slots, "empty", x(h(e)))]),
 			key: "1"
 		} : void 0]), 1032, [
 			"highlighted",
@@ -6510,11 +6510,11 @@ var Go = { render: Wo }, Ko = /* @__PURE__ */ p({
 			"empty-text": e.previewEmptyText
 		}, l({ _: 2 }, [D.value && t.$slots.preview ? {
 			name: "default",
-			fn: W(() => [A(t.$slots, "preview", { item: D.value })]),
+			fn: H(() => [A(t.$slots, "preview", { item: D.value })]),
 			key: "0"
 		} : void 0, t.$slots["preview-empty"] ? {
 			name: "empty",
-			fn: W(() => [A(t.$slots, "preview-empty")]),
+			fn: H(() => [A(t.$slots, "preview-empty")]),
 			key: "1"
 		} : void 0]), 1032, [
 			"content-key",
@@ -6551,7 +6551,7 @@ var Go = { render: Wo }, Ko = /* @__PURE__ */ p({
 	}),
 	emits: ["update:modelValue"],
 	setup(t) {
-		let n = R(t, "modelValue"), r = i(() => t.messages?.insert ?? "Placeholder invoegen"), l = i(() => t.placeholders.length > 1), u = B("field"), p = (e, t) => {
+		let n = L(t, "modelValue"), r = i(() => t.messages?.insert ?? "Placeholder invoegen"), l = i(() => t.placeholders.length > 1), u = z("field"), p = (e, t) => {
 			let r = u.value?.inputEl ?? null, i = `{{${e}}}`, a = r?.selectionStart ?? n.value.length, o = r?.selectionEnd ?? a;
 			n.value = n.value.slice(0, a) + i + n.value.slice(o), t(), y(() => {
 				r?.focus(), r?.setSelectionRange(a + i.length, a + i.length);
@@ -6569,13 +6569,13 @@ var Go = { render: Wo }, Ko = /* @__PURE__ */ p({
 			required: t.required,
 			disabled: t.disabled
 		}, {
-			right: W(() => [f(Qn, {
+			right: H(() => [f(Qn, {
 				surface: "",
 				placement: "bottom-end"
 			}, {
-				trigger: W(({ open: e }) => [f(xi, null, {
-					tooltip: W(() => [d(M(r.value), 1)]),
-					default: W(() => [c("button", {
+				trigger: H(({ open: e }) => [f(xi, null, {
+					tooltip: H(() => [d(M(r.value), 1)]),
+					default: H(() => [c("button", {
 						type: "button",
 						class: "flex h-10 w-9 shrink-0 cursor-pointer items-center justify-center text-gray-400 transition-colors hover:text-cornflower-blue-600 focus:outline-none focus-visible:text-cornflower-blue-600 disabled:cursor-default disabled:opacity-50",
 						disabled: t.disabled,
@@ -6588,7 +6588,7 @@ var Go = { render: Wo }, Ko = /* @__PURE__ */ p({
 					})], 8, Vs)]),
 					_: 2
 				}, 1024)]),
-				content: W(({ close: n }) => [c("div", {
+				content: H(({ close: n }) => [c("div", {
 					class: "flex max-h-96 w-80 flex-col gap-4 overflow-y-auto p-4",
 					role: "listbox",
 					"aria-label": r.value
@@ -6682,7 +6682,7 @@ var Go = { render: Wo }, Ko = /* @__PURE__ */ p({
 		let r = n, a = i(() => t.variant === "percentage"), l = i(() => a.value ? Math.max(0, t.currentStep) : Math.min(Math.max(0, t.currentStep), Math.max(0, t.steps - 1))), u = i(() => t.steps > 0 ? l.value + 1 : 0), p = i(() => a.value ? t.steps <= 0 ? 0 : Math.min(Math.round(l.value / t.steps * 100), 100) : t.steps <= 1 ? t.steps === 1 ? 100 : 0 : l.value / (t.steps - 1) * 100), m = i(() => !a.value && !!t.stepTitles?.length), h = i(() => String(Math.max(t.steps, 0)).length), g = i(() => m.value && (t.stepTitles?.length ?? 0) > t.maxInlineSteps), _ = (e, t) => {
 			t(), e < l.value && r("update:currentStep", e);
 		};
-		return U(() => {
+		return V(() => {
 			t.stepTitles && t.stepTitles.length !== t.steps && console.warn(`[NexxtProgressBar] The "stepTitles" array length (${t.stepTitles.length}) must match the "steps" prop (${t.steps}).`);
 		}), (n, r) => (E(), s("div", Xs, [c("div", Zs, [c("div", Qs, [c("div", {
 			class: b(["progress-bar progress-bar-bar w-full overflow-hidden rounded-full", a.value ? "relative h-6" : "h-2"]),
@@ -6708,7 +6708,7 @@ var Go = { render: Wo }, Ko = /* @__PURE__ */ p({
 			r[0] ||= c("span", null, "/", -1),
 			c("span", null, M(t.steps), 1)
 		], 2)) : o("", !0)]), g.value ? (E(), s("div", tc, [f(Qn, { placement: "bottom" }, {
-			trigger: W(({ isOpen: e, toggle: n }) => [c("button", {
+			trigger: H(({ isOpen: e, toggle: n }) => [c("button", {
 				type: "button",
 				class: "flex cursor-pointer items-center gap-1.5 rounded-xs body-normal text-sapphire-500 transition-colors duration-200 hover:text-sapphire-400 focus-visible:outline-3",
 				"aria-haspopup": "menu",
@@ -6720,7 +6720,7 @@ var Go = { render: Wo }, Ko = /* @__PURE__ */ p({
 				class: b(["text-xs transition-transform duration-200", { "rotate-180": e }]),
 				"aria-hidden": "true"
 			}, null, 8, ["class"])], 8, nc)]),
-			content: W(({ close: n }) => [c("ol", rc, [(E(!0), s(e, null, k(t.stepTitles, (e, t) => (E(), s("li", { key: e }, [c("button", {
+			content: H(({ close: n }) => [c("ol", rc, [(E(!0), s(e, null, k(t.stepTitles, (e, t) => (E(), s("li", { key: e }, [c("button", {
 				type: "button",
 				role: "menuitem",
 				class: b(["flex w-full items-center gap-2 p-3 text-left small-normal whitespace-nowrap transition-colors duration-200 focus:outline-none", t > l.value ? "cursor-default text-gray-400" : "cursor-pointer text-gray-700 hover:bg-gray-100 hover:text-sapphire-400 focus-visible:bg-gray-100"]),
@@ -6745,7 +6745,7 @@ var Go = { render: Wo }, Ko = /* @__PURE__ */ p({
 			tabindex: t < l.value ? 0 : void 0,
 			"aria-label": t < l.value ? `Ga naar ${e}` : void 0,
 			onClick: (e) => t < l.value && n.$emit("update:currentStep", t),
-			onKeydown: [K((e) => t < l.value && n.$emit("update:currentStep", t), ["enter"]), K(q((e) => t < l.value && n.$emit("update:currentStep", t), ["prevent"]), ["space"])]
+			onKeydown: [W((e) => t < l.value && n.$emit("update:currentStep", t), ["enter"]), W(G((e) => t < l.value && n.$emit("update:currentStep", t), ["prevent"]), ["space"])]
 		}, M(e), 43, oc))), 128))])) : o("", !0)])]));
 	}
 }), cc = { class: "flex flex-col items-start justify-start gap-2 self-stretch overflow-hidden" }, lc = { class: "inline-flex w-full items-center gap-2 overflow-hidden" }, uc = {
@@ -6786,7 +6786,7 @@ var Go = { render: Wo }, Ko = /* @__PURE__ */ p({
 			image: e.image,
 			"image-alt": e.imageAlt
 		}, l({
-			default: W(() => [f(pc, {
+			default: H(() => [f(pc, {
 				price: e.price,
 				city: e.city,
 				text: e.text
@@ -6798,7 +6798,7 @@ var Go = { render: Wo }, Ko = /* @__PURE__ */ p({
 			_: 2
 		}, [e.image ? void 0 : {
 			name: "image",
-			fn: W(() => [c("div", hc, [c("img", {
+			fn: H(() => [c("div", hc, [c("img", {
 				src: P(mc),
 				alt: "Woning placeholder",
 				loading: "lazy",
@@ -6850,7 +6850,7 @@ var Go = { render: Wo }, Ko = /* @__PURE__ */ p({
 		}, n = i(() => ({
 			...t,
 			...e.messages
-		})), r = R(e, "modelValue"), a = (e) => {
+		})), r = L(e, "modelValue"), a = (e) => {
 			let t = String(e ?? "").trim();
 			return t ? t.startsWith("-") ? t : `-${t}` : "";
 		}, l = i(() => `${e.reference.streetName} ${e.reference.houseNumber}${a(e.reference.houseNumberExt)}`), u = i(() => `${e.reference.postalCode} ${e.reference.city}`), p = i(() => e.reference.energyLabel ?? null), m = i(() => {
@@ -6883,7 +6883,7 @@ var Go = { render: Wo }, Ko = /* @__PURE__ */ p({
 				r.value ? "border-cornflower-blue-500 hover:border-cornflower-blue-600" : "border-gray-200 hover:border-cornflower-blue-300"
 			]),
 			onClick: i[1] ||= (e) => r.value = !r.value,
-			onKeydown: [i[2] ||= K(q((e) => r.value = !r.value, ["prevent"]), ["space"]), i[3] ||= K(q((e) => r.value = !r.value, ["prevent"]), ["enter"])]
+			onKeydown: [i[2] ||= W(G((e) => r.value = !r.value, ["prevent"]), ["space"]), i[3] ||= W(G((e) => r.value = !r.value, ["prevent"]), ["enter"])]
 		}, [c("div", bc, [
 			c("div", xc, [e.reference.mainImageUrl ? (E(), s("img", {
 				key: 0,
@@ -6911,9 +6911,9 @@ var Go = { render: Wo }, Ko = /* @__PURE__ */ p({
 		}, null, 8, ["model-value"]), c("span", Nc, M(r.value ? n.value.selected : n.value.unselected), 1)]), f(cn, {
 			variant: "secondary",
 			class: "w-full @lg:w-auto",
-			onClick: i[0] ||= q((n) => t.$emit("details", e.reference), ["stop"])
+			onClick: i[0] ||= G((n) => t.$emit("details", e.reference), ["stop"])
 		}, {
-			default: W(() => [d(M(n.value.details), 1)]),
+			default: H(() => [d(M(n.value.details), 1)]),
 			_: 1
 		})], 2)], 42, yc));
 	}
@@ -6992,7 +6992,7 @@ var Go = { render: Wo }, Ko = /* @__PURE__ */ p({
 				"leave-from-class": "scale-100 opacity-100",
 				"leave-to-class": "scale-0 opacity-0"
 			}, {
-				default: W(() => [e.notificationCount ? (E(), s("span", Bc, M(e.notificationCount), 1)) : o("", !0)]),
+				default: H(() => [e.notificationCount ? (E(), s("span", Bc, M(e.notificationCount), 1)) : o("", !0)]),
 				_: 1
 			}), f(Q, {
 				name: e.icon,
@@ -7091,7 +7091,7 @@ var Go = { render: Wo }, Ko = /* @__PURE__ */ p({
 	name: "NexxtSocialMediaCustomTemplate",
 	__name: "SocialMediaCustomTemplate",
 	setup(e) {
-		let t = B("videoRef"), n = O(!1), r = () => {
+		let t = z("videoRef"), n = O(!1), r = () => {
 			t.value && (t.value.load(), n.value = !0);
 		}, i = () => {
 			n.value && t.value && t.value.play();
@@ -7135,7 +7135,7 @@ var Go = { render: Wo }, Ko = /* @__PURE__ */ p({
 	},
 	emits: ["click"],
 	setup(e, { emit: t }) {
-		let n = t, r = B("videoRef"), a = i(() => {
+		let n = t, r = z("videoRef"), a = i(() => {
 			if (e.mediaType === "video") return {
 				mp4: "video/mp4",
 				webm: "video/webm",
@@ -7159,7 +7159,7 @@ var Go = { render: Wo }, Ko = /* @__PURE__ */ p({
 			onFocus: l,
 			onBlur: u,
 			onClick: i[0] ||= (e) => n("click"),
-			onKeydown: [i[1] ||= K(q((e) => n("click"), ["prevent"]), ["enter"]), i[2] ||= K(q((e) => n("click"), ["prevent"]), ["space"])]
+			onKeydown: [i[1] ||= W(G((e) => n("click"), ["prevent"]), ["enter"]), i[2] ||= W(G((e) => n("click"), ["prevent"]), ["space"])]
 		}, [
 			e.mediaType === "image" ? (E(), s("picture", il, [c("source", { srcset: e.media }, null, 8, al), c("img", {
 				src: e.media,
@@ -7255,7 +7255,7 @@ var bl = { render: yl }, xl = { class: "flex items-center justify-end self-stret
 				key: 0,
 				variant: "warning"
 			}, {
-				default: W(() => [d(M(e.chip), 1)]),
+				default: H(() => [d(M(e.chip), 1)]),
 				_: 1
 			})) : o("", !0), f(Qc, v({ class: "ml-auto" }, u.value, { "aria-hidden": "true" }), null, 16)]),
 			c("div", Sl, [(E(), a(j(l.value), {
@@ -7384,17 +7384,17 @@ var bl = { render: yl }, xl = { class: "flex items-center justify-end self-stret
 		}, l({ _: 2 }, [
 			t.$slots["back-button"] ? {
 				name: "back-button",
-				fn: W(() => [A(t.$slots, "back-button")]),
+				fn: H(() => [A(t.$slots, "back-button")]),
 				key: "0"
 			} : void 0,
 			t.$slots.title ? {
 				name: "title",
-				fn: W(() => [A(t.$slots, "title")]),
+				fn: H(() => [A(t.$slots, "title")]),
 				key: "1"
 			} : void 0,
 			e.steps ? {
 				name: "center",
-				fn: W(() => [f(sc, {
+				fn: H(() => [f(sc, {
 					class: "w-full",
 					steps: e.steps.length,
 					"step-titles": e.steps,
@@ -7409,7 +7409,7 @@ var bl = { render: yl }, xl = { class: "flex items-center justify-end self-stret
 			} : void 0,
 			t.$slots.default ? {
 				name: "right",
-				fn: W(() => [A(t.$slots, "default")]),
+				fn: H(() => [A(t.$slots, "default")]),
 				key: "3"
 			} : void 0
 		]), 1032, [
@@ -7438,7 +7438,7 @@ var bl = { render: yl }, xl = { class: "flex items-center justify-end self-stret
 	}),
 	emits: ["update:modelValue"],
 	setup(t) {
-		let n = t, r = R(t, "modelValue"), l = B("containerRef"), u = O([]), f = O({
+		let n = t, r = L(t, "modelValue"), l = z("containerRef"), u = O([]), f = O({
 			width: "0px",
 			transform: "translateX(0px)"
 		}), p = O("inset(0 100% 0 0 round 9999px)"), m = O(!1), h = i(() => n.tabs.map((e) => typeof e == "string" ? { label: e } : e)), g = async () => {
@@ -7459,7 +7459,7 @@ var bl = { render: yl }, xl = { class: "flex items-center justify-end self-stret
 			else return;
 			e.preventDefault(), r.value = h.value[n].label, u.value[n]?.focus();
 		};
-		return H(r, async () => await g()), H(h, async () => await g()), w(async () => {
+		return B(r, async () => await g()), B(h, async () => await g()), w(async () => {
 			await document.fonts.ready, await g(), await y(), l.value?.offsetWidth, m.value = !0;
 		}), (n, i) => (E(), s("div", {
 			ref_key: "containerRef",
@@ -7520,10 +7520,10 @@ var bl = { render: yl }, xl = { class: "flex items-center justify-end self-stret
 	}),
 	emits: ["update:modelValue"],
 	setup(e) {
-		let t = e, r = R(e, "modelValue"), a = O("forward"), o = i(() => t.tabs.map((e) => typeof e == "string" ? e : e.label));
-		H(o, (e) => {
+		let t = e, r = L(e, "modelValue"), a = O("forward"), o = i(() => t.tabs.map((e) => typeof e == "string" ? e : e.label));
+		B(o, (e) => {
 			!r.value && e.length > 0 && (r.value = e[0]);
-		}, { immediate: !0 }), H(r, (e, t) => {
+		}, { immediate: !0 }), B(r, (e, t) => {
 			a.value = o.value.indexOf(e) > o.value.indexOf(t) ? "forward" : "backward";
 		});
 		let l = (e) => e.toLowerCase().replace(/\s+/g, "-"), u = (e) => `tab-${l(e)}`, d = i(() => t.animated ? {
@@ -7543,7 +7543,7 @@ var bl = { render: yl }, xl = { class: "flex items-center justify-end self-stret
 			"modelValue",
 			"tablist-label"
 		]), c("div", Wl, [f(n, x(h(d.value)), {
-			default: W(() => [(E(), s("div", {
+			default: H(() => [(E(), s("div", {
 				key: r.value,
 				role: "tabpanel",
 				"aria-labelledby": u(r.value),
@@ -7615,7 +7615,7 @@ var bl = { render: yl }, xl = { class: "flex items-center justify-end self-stret
 			"select",
 			"textarea",
 			"label"
-		], u = t, p = r, m = R(t, "modelValue"), h = R(t, "sortKey"), g = R(t, "sortDirection"), _ = B("rowRefs"), v = i(() => u.rows.length > 0 && m.value.length === u.rows.length), y = i(() => m.value.length > 0 && m.value.length < u.rows.length), x = (e) => m.value.includes(e), C = () => {
+		], u = t, p = r, m = L(t, "modelValue"), h = L(t, "sortKey"), g = L(t, "sortDirection"), _ = z("rowRefs"), v = i(() => u.rows.length > 0 && m.value.length === u.rows.length), y = i(() => m.value.length > 0 && m.value.length < u.rows.length), x = (e) => m.value.includes(e), C = () => {
 			u.selectionMode !== "single" && (m.value = v.value ? [] : [...u.rows]);
 		}, w = (e) => {
 			if (u.selectionMode === "single") {
@@ -7631,7 +7631,7 @@ var bl = { render: yl }, xl = { class: "flex items-center justify-end self-stret
 			if (!u.selectable || !x(u.rows[e])) return "";
 			let t = e > 0 && x(u.rows[e - 1]), n = e < u.rows.length - 1 && x(u.rows[e + 1]);
 			return !t && !n ? "rounded-md" : t ? n ? "" : "rounded-b-md" : "rounded-t-md";
-		}, P = (e, t) => e[t], F = (e) => `cell-${e}`, I = (e, t) => {
+		}, P = (e, t) => e[t], F = (e) => `cell-${e}`, ee = (e, t) => {
 			e.key === "ArrowDown" ? (e.preventDefault(), _.value?.[Math.min(t + 1, u.rows.length - 1)]?.focus()) : e.key === "ArrowUp" && (e.preventDefault(), _.value?.[Math.max(t - 1, 0)]?.focus());
 		};
 		return (r, i) => (E(), s("div", ql, [c("div", {
@@ -7658,7 +7658,7 @@ var bl = { render: yl }, xl = { class: "flex items-center justify-end self-stret
 			"aria-sort": e.sortable ? h.value === e.key ? g.value === "asc" ? "ascending" : "descending" : "none" : void 0,
 			tabindex: e.sortable ? 0 : void 0,
 			onClick: (t) => O(e),
-			onKeydown: [K(q((t) => O(e), ["prevent"]), ["enter"]), K(q((t) => O(e), ["prevent"]), ["space"])]
+			onKeydown: [W(G((t) => O(e), ["prevent"]), ["enter"]), W(G((t) => O(e), ["prevent"]), ["space"])]
 		}, [c("span", { class: b(h.value === e.key ? "text-cornflower-blue-600" : "") }, M(e.label), 3), e.sortable ? (E(), a(Q, {
 			key: 0,
 			name: h.value === e.key ? g.value === "asc" ? "angle-down" : "angle-up" : "angles-up-down",
@@ -7681,7 +7681,7 @@ var bl = { render: yl }, xl = { class: "flex items-center justify-end self-stret
 				"aria-selected": t.selectable ? x(n) : void 0,
 				tabindex: "0",
 				onClick: (e) => j(e, i),
-				onKeydown: (e) => I(e, i)
+				onKeydown: (e) => ee(e, i)
 			}, [t.selectable ? (E(), s("div", tu, [f(Gn, {
 				"model-value": x(n),
 				"aria-label": `Select row ${i + 1}`,
@@ -7706,7 +7706,7 @@ var bl = { render: yl }, xl = { class: "flex items-center justify-end self-stret
 				"enter-from-class": "opacity-0",
 				"leave-to-class": "opacity-0"
 			}, {
-				default: W(() => [t.loading ? (E(), s("div", iu, [A(r.$slots, "loading", {}, () => [f(Q, {
+				default: H(() => [t.loading ? (E(), s("div", iu, [A(r.$slots, "loading", {}, () => [f(Q, {
 					name: "spinner-third",
 					class: "fa-spin text-3xl text-purple-500"
 				})])])) : o("", !0)]),
@@ -7814,8 +7814,8 @@ var bl = { render: yl }, xl = { class: "flex items-center justify-end self-stret
 				c("h3", uu, M(t.title), 1),
 				t.subtitle ? (E(), s("p", du, M(t.subtitle), 1)) : o("", !0),
 				t.contentFeatures.length ? (E(), s("ul", fu, [(E(!0), s(e, null, k(t.contentFeatures, (e) => (E(), s("li", { key: e }, [f(xi, null, {
-					tooltip: W(() => [c("span", mu, M(d.value[e]), 1)]),
-					default: W(() => [c("div", {
+					tooltip: H(() => [c("span", mu, M(d.value[e]), 1)]),
+					default: H(() => [c("div", {
 						class: b([[r[e].backgroundColor, r[e].textColor], "pointer-events-auto flex size-8 items-center justify-center rounded-full"]),
 						onClick: p
 					}, [f(Q, { name: r[e].icon }, null, 8, ["name"]), c("span", pu, M(d.value[e]), 1)], 2)]),
@@ -7875,20 +7875,20 @@ var bl = { render: yl }, xl = { class: "flex items-center justify-end self-stret
 	}),
 	emits: ["update:modelValue"],
 	setup(e, { expose: t }) {
-		let n = "textarea-" + Math.random().toString(36).slice(2, 10), r = R(e, "modelValue"), a = F(), l = i(() => ({
+		let n = "textarea-" + Math.random().toString(36).slice(2, 10), r = L(e, "modelValue"), a = F(), l = i(() => ({
 			class: a.class,
 			style: a.style
 		})), u = i(() => {
 			let e = { ...a };
 			return delete e.class, delete e.style, e;
-		}), f = B("textareaEl"), p = () => {
+		}), f = z("textareaEl"), p = () => {
 			let t = f.value;
 			if (!t || !e.autosize) return;
 			t.style.height = "auto";
 			let n = getComputedStyle(t), r = parseFloat(n.lineHeight) || 0, i = parseFloat(n.paddingTop) + parseFloat(n.paddingBottom), a = parseFloat(n.borderTopWidth) + parseFloat(n.borderBottomWidth), o = t.scrollHeight + a, s = e.maxRows && r ? e.maxRows * r + i + a : Infinity;
 			t.style.height = `${Math.min(o, s)}px`, t.style.overflowY = o > s ? "auto" : "hidden";
 		};
-		return H(r, () => y(p), {
+		return B(r, () => y(p), {
 			immediate: !0,
 			flush: "post"
 		}), t({
@@ -7903,7 +7903,7 @@ var bl = { render: yl }, xl = { class: "flex items-center justify-end self-stret
 				class: "justify-start small-normal text-gray-700",
 				for: n
 			}, [d(M(e.label) + " ", 1), e.required ? (E(), s("span", bu, "*")) : o("", !0)])) : o("", !0),
-			G(c("textarea", v({
+			U(c("textarea", v({
 				id: n,
 				ref_key: "textareaEl",
 				ref: f,
@@ -7913,7 +7913,7 @@ var bl = { render: yl }, xl = { class: "flex items-center justify-end self-stret
 				placeholder: e.placeholder,
 				class: ["min-h-10 w-full rounded-lg border px-3 py-2 small-normal text-gray-900 transition-colors outline-none placeholder:text-gray-400 focus:border-cornflower-blue-500", [e.error ? "border-brick-400" : "border-gray-200", e.autosize || e.resize === "none" ? "resize-none" : "resize-y"]],
 				onInput: p
-			}), null, 16, xu), [[V, r.value]]),
+			}), null, 16, xu), [[re, r.value]]),
 			e.error && e.errorMessage ? (E(), s("p", Su, M(e.errorMessage), 1)) : o("", !0)
 		], 6));
 	}
@@ -7993,15 +7993,15 @@ var bl = { render: yl }, xl = { class: "flex items-center justify-end self-stret
 	},
 	setup(e) {
 		return (t, n) => (E(), s("div", ju, [c("div", Mu, [c("span", Nu, [d(M(e.leftLabel) + " ", 1), e.leftTooltip ? (E(), a(xi, { key: 0 }, {
-			tooltip: W(() => [c("span", Pu, M(e.leftTooltip), 1)]),
-			default: W(() => [f(Q, {
+			tooltip: H(() => [c("span", Pu, M(e.leftTooltip), 1)]),
+			default: H(() => [f(Q, {
 				name: "circle-info",
 				class: "size-4 text-xs text-gray-600"
 			})]),
 			_: 1
 		})) : o("", !0)]), c("span", Fu, [d(M(e.rightLabel) + " ", 1), e.rightTooltip ? (E(), a(xi, { key: 0 }, {
-			tooltip: W(() => [c("span", Iu, M(e.rightTooltip), 1)]),
-			default: W(() => [f(Q, {
+			tooltip: H(() => [c("span", Iu, M(e.rightTooltip), 1)]),
+			default: H(() => [f(Q, {
 				name: "circle-info",
 				class: "size-4 text-xs text-gray-600"
 			})]),
@@ -8152,7 +8152,7 @@ var bl = { render: yl }, xl = { class: "flex items-center justify-end self-stret
 	},
 	emits: ["dismiss"],
 	setup(e, { emit: t }) {
-		I((e) => ({ fa0d20de: Xu }));
+		ee((e) => ({ fa0d20de: Xu }));
 		let n = {
 			info: {
 				icon: "info",
@@ -8269,7 +8269,7 @@ var bl = { render: yl }, xl = { class: "flex items-center justify-end self-stret
 			"leave-from-class": "opacity-100 translate-x-0 max-h-40",
 			"leave-to-class": n.position.endsWith("right") ? "motion-safe:opacity-0 motion-safe:translate-x-4 max-h-0" : "motion-safe:opacity-0 motion-safe:-translate-x-4 max-h-0"
 		}, {
-			default: W(() => [(E(!0), s(e, null, k(n.toasts, (e) => (E(), s("div", {
+			default: H(() => [(E(!0), s(e, null, k(n.toasts, (e) => (E(), s("div", {
 				key: e.id,
 				class: "pointer-events-auto"
 			}, [f(Zu, v({ ref_for: !0 }, e, { onDismiss: (t) => o("dismiss", e.id) }), null, 16, ["onDismiss"])]))), 128))]),
@@ -8280,7 +8280,64 @@ var bl = { render: yl }, xl = { class: "flex items-center justify-end self-stret
 			"leave-to-class"
 		])], 2)]));
 	}
-}), $u = ["aria-label"], ed = [
+}), $u = (e, t) => e.id === t || !!e.children?.some((e) => $u(e, t)), ed = ({ slots: e, ghost: t }, n) => {
+	if (t && n >= t.top && n < t.bottom) return { kind: "keep" };
+	let r = t && n >= t.bottom ? n - (t.bottom - t.top) : n, i = e.at(-1);
+	if (i && r >= i.bottom) return {
+		kind: "row",
+		id: i.id,
+		ratio: 1
+	};
+	let a = e.find((e) => r >= e.top && r < e.bottom);
+	if (!a) return { kind: "keep" };
+	let o = a.height ? (r - a.top) / a.height : 0;
+	return {
+		kind: "row",
+		id: a.id,
+		ratio: Math.min(1, Math.max(0, o))
+	};
+}, td = (e, t, n) => {
+	if ($u(n, e.node.id)) return null;
+	if (e.canHaveChildren && t > .3 && t < .7) return {
+		rowId: e.node.id,
+		parentId: e.node.id,
+		index: 0,
+		marker: "inside"
+	};
+	let r = t >= .5;
+	return {
+		rowId: e.node.id,
+		parentId: e.parentId,
+		index: e.position - 1 + +!!r,
+		marker: r ? "after" : "before"
+	};
+}, nd = (e, t) => e.parentId === t.parentId && (e.index === t.position - 1 || e.index === t.position), rd = (e, t) => e === t || !!e && !!t && e.parentId === t.parentId && e.index === t.index, id = (e, t, n) => {
+	if (!n) return null;
+	let r = n.parentId === null ? -1 : e.findIndex((e) => e.node.id === n.parentId), i = e[r];
+	if (n.parentId !== null && !i || i?.expandable && !i.expanded) return null;
+	let a = i ? i.depth + 1 : 0, o = (i ? i.node.children ?? [] : t)[n.index];
+	if (o) {
+		let t = e.findIndex((e) => e.node.id === o.id);
+		return t === -1 ? null : {
+			at: t,
+			depth: a
+		};
+	}
+	let s = r + 1;
+	for (; s < e.length && e[s].depth >= a;) s++;
+	return {
+		at: s,
+		depth: a
+	};
+}, ad = ["aria-label"], od = {
+	key: 0,
+	"aria-hidden": "true",
+	class: "mb-0.5",
+	"data-tree-ghost": ""
+}, sd = {
+	"data-tree-ghost-content": "",
+	class: "flex min-w-0 items-center gap-1.5"
+}, cd = { class: "truncate" }, ld = [
 	"aria-level",
 	"aria-posinset",
 	"aria-setsize",
@@ -8289,85 +8346,282 @@ var bl = { render: yl }, xl = { class: "flex items-center justify-end self-stret
 	"tabindex",
 	"aria-labelledby",
 	"data-tree-id",
+	"data-tree-drop",
+	"draggable",
 	"onClick",
-	"onFocus"
-], td = ["onClick"], nd = {
+	"onFocus",
+	"onPointerdown",
+	"onDragstart"
+], ud = ["onClick"], dd = {
 	key: 1,
 	class: "size-5 shrink-0"
-}, rd = ["id"], id = 22, ad = "transform 200ms var(--ease-in-out-strong), opacity 80ms linear 120ms", od = /* @__PURE__ */ p({
+}, fd = ["id"], pd = 22, md = "bg-cornflower-blue-50 outline-1 -outline-offset-1 outline-cornflower-blue-600 outline-dashed", hd = "transform 200ms var(--ease-in-out-strong), opacity 80ms linear 120ms", gd = "opacity 80ms linear 120ms", _d = /* @__PURE__ */ p({
 	name: "NexxtTree",
 	__name: "Tree",
 	props: /*@__PURE__*/ _({
 		nodes: {},
-		label: {}
+		label: {},
+		draggable: { type: Boolean },
+		canDrop: { type: Function }
 	}, {
 		selected: { default: null },
 		selectedModifiers: {},
 		collapsed: { default: () => [] },
 		collapsedModifiers: {}
 	}),
-	emits: ["update:selected", "update:collapsed"],
-	setup(t, { expose: n }) {
-		let l = t, u = z(), d = R(t, "selected"), p = R(t, "collapsed"), m = B("root"), h = O(null), g = i(() => {
+	emits: /*@__PURE__*/ _(["move"], ["update:selected", "update:collapsed"]),
+	setup(t, { expose: n, emit: l }) {
+		let u = t, d = R(), p = l, m = L(t, "selected"), h = L(t, "collapsed"), g = z("root"), _ = O(null), v = i(() => {
 			let e = [], t = (n, r, i) => {
 				n.forEach((a, o) => {
-					let s = !!a.children?.length, c = s && !p.value.includes(a.id);
+					let s = !!a.children?.length, c = a.canHaveChildren ?? !!a.children, l = s && !h.value.includes(a.id);
 					e.push({
 						node: a,
 						depth: r,
 						parentId: i,
 						expandable: s,
-						expanded: c,
+						canHaveChildren: c,
+						draggable: u.draggable === !0 && a.draggable !== !1,
+						expanded: l,
 						position: o + 1,
 						setSize: n.length
-					}), c && t(a.children, r + 1, a.id);
+					}), l && t(a.children, r + 1, a.id);
 				});
 			};
-			return t(l.nodes, 0, null), e;
-		}), _ = i(() => !!d.value && g.value.some((e) => e.node.id === d.value)), v = O({
+			return t(u.nodes, 0, null), e;
+		}), x = O(null), T = O(null), D = O(null), A = O(null), j = !1, N = i(() => v.value.find((e) => e.node.id === x.value)), P = (e) => {
+			rd(D.value, e) || (D.value = e);
+		}, F = (e) => e.classList.contains("absolute"), ee = () => {
+			let e = g.value?.querySelector("[data-tree-id]")?.parentElement, t = Array.from(e?.children ?? []).filter((e) => e instanceof HTMLElement && !F(e)), n = [], r = null;
+			return t.forEach((e, i) => {
+				let a = e.offsetTop, o = t[i + 1], s = parseFloat(getComputedStyle(e).marginBottom) || 0, c = o ? o.offsetTop : a + e.offsetHeight + s;
+				if ("treeGhost" in e.dataset) {
+					r = {
+						top: a,
+						bottom: c
+					};
+					return;
+				}
+				let l = r ? r.bottom - r.top : 0;
+				n.push({
+					id: e.dataset.treeId,
+					top: a - l,
+					height: e.offsetHeight,
+					bottom: c - l
+				});
+			}), {
+				slots: n,
+				ghost: r
+			};
+		}, te = (e, t) => {
+			let n = g.value?.getBoundingClientRect();
+			return !!n && e >= n.left && e < n.right && t >= n.top && t < n.bottom;
+		}, ne = (e, t) => {
+			let n = N.value;
+			if (!n || !te(e, t)) {
+				P(null);
+				return;
+			}
+			let r = ed(ee(), t - g.value.getBoundingClientRect().top);
+			if (r.kind === "keep") return;
+			let i = v.value.find((e) => e.node.id === r.id), a = i ? td(i, r.ratio, n.node) : null;
+			P(a && !nd(a, n) && re(n, a) ? a : null);
+		}, re = (e, t) => u.canDrop?.({
+			id: e.node.id,
+			parentId: t.parentId,
+			index: t.index
+		}) ?? !0, V = i(() => {
+			let e = N.value, t = e ? id(v.value, u.nodes, D.value) : null;
+			return e && t ? {
+				...t,
+				node: e.node
+			} : null;
+		}), U = i(() => {
+			let e = D.value?.parentId;
+			if (!e || V.value) return null;
+			let t = v.value.find((t) => t.node.id === e);
+			return t?.expandable && !t.expanded ? e : null;
+		}), W = Symbol("ghost"), K = i(() => {
+			let e = v.value.map((e) => ({
+				key: e.node.id,
+				ghost: !1,
+				row: e
+			}));
+			if (V.value) {
+				let { at: t, depth: n, node: r } = V.value;
+				e.splice(t, 0, {
+					key: W,
+					ghost: !0,
+					depth: n,
+					node: r
+				});
+			}
+			return e;
+		}), ie = i(() => {
+			let e = v.value.findIndex((e) => e.node.id === T.value), t = v.value[e];
+			if (!t) return /* @__PURE__ */ new Set();
+			let n = /* @__PURE__ */ new Set([t.node.id]);
+			for (let r = e + 1; v.value[r] && v.value[r].depth > t.depth; r++) n.add(v.value[r].node.id);
+			return n;
+		}), q = (e) => {
+			let t = e.node.id, n = m.value === t;
+			return [
+				e.draggable ? "cursor-grab touch-none active:cursor-grabbing" : "cursor-pointer",
+				n ? "text-cornflower-blue-600" : "text-gray-800",
+				!n && !T.value && "hover:bg-gray-100",
+				ie.value.has(t) && "opacity-40",
+				U.value === t && md
+			];
+		}, J = null, Y = (e) => {
+			g.value?.contains(e.target) || P(null);
+		}, X = (e) => {
+			if (e.key !== "Escape" || !x.value) return;
+			e.preventDefault(), e.stopImmediatePropagation();
+			let t = A.value;
+			t && (t.element.releasePointerCapture?.(t.pointerId), t.cancelled = !0, oe());
+		}, ae = (e) => {
+			x.value = e, J = null, P(null), window.addEventListener("keydown", X, !0), document.addEventListener("dragover", Y);
+		}, oe = () => {
+			x.value = null, T.value = null, P(null), window.removeEventListener("keydown", X, !0), document.removeEventListener("dragover", Y);
+		}, se = (e, t) => {
+			J = {
+				id: e.node.id,
+				parentId: e.parentId,
+				position: e.position
+			}, p("move", {
+				id: e.node.id,
+				parentId: t.parentId,
+				index: t.index
+			});
+		}, ce = (e) => e.pointerType === "touch" || e.pointerType === "pen", le = (e) => e instanceof Element && !!e.closest("[data-tree-actions]"), ue = !1, de = (e, t) => {
+			if (j = !1, ue = le(e.target), !t.draggable || !ce(e) || ue) return;
+			let n = e.currentTarget;
+			A.value = {
+				id: t.node.id,
+				pointerId: e.pointerId,
+				startX: e.clientX,
+				startY: e.clientY,
+				element: n,
+				cancelled: !1
+			}, n.setPointerCapture?.(e.pointerId);
+		}, fe = (e) => {
+			let t = A.value;
+			if (!(!t || t.cancelled || t.pointerId !== e.pointerId)) {
+				if (!x.value) {
+					if (Math.hypot(e.clientX - t.startX, e.clientY - t.startY) < 8) return;
+					ae(t.id), T.value = t.id;
+				}
+				e.preventDefault(), ne(e.clientX, e.clientY);
+			}
+		}, pe = (e, t = !1) => {
+			let n = A.value;
+			if (!(!n || n.pointerId !== e.pointerId)) {
+				if (n.cancelled) j = !t;
+				else if (x.value === n.id) {
+					e.preventDefault();
+					let n = N.value, r = D.value;
+					j = !t, oe(), !t && n && r && se(n, r);
+				}
+				A.value = null;
+			}
+		}, me = (e) => pe(e), he = (e) => pe(e, !0), ge = (e, t) => {
+			if (t.draggable) {
+				if (ue || e.target !== e.currentTarget) {
+					e.preventDefault();
+					return;
+				}
+				ae(t.node.id), setTimeout(() => {
+					x.value === t.node.id && (T.value = t.node.id);
+				}), e.dataTransfer && (e.dataTransfer.effectAllowed = "move", e.dataTransfer.setData("text/plain", t.node.id));
+			}
+		}, _e = () => oe(), ve = (e) => {
+			if (x.value) {
+				if (ne(e.clientX, e.clientY), !D.value) {
+					e.dataTransfer && (e.dataTransfer.dropEffect = "none");
+					return;
+				}
+				e.preventDefault(), e.dataTransfer && (e.dataTransfer.dropEffect = "move");
+			}
+		}, ye = (e) => {
+			let t = e.relatedTarget;
+			(t ? !g.value?.contains(t) : !te(e.clientX, e.clientY)) && P(null);
+		}, be = (e) => {
+			if (!x.value) return;
+			e.preventDefault();
+			let t = N.value, n = D.value;
+			oe(), t && n && se(t, n);
+		};
+		B(v, async (e) => {
+			let t = J;
+			if (!t) return;
+			let n = e.find((e) => e.node.id === t.id);
+			n && n.parentId === t.parentId && n.position === t.position || (J = null, await y(), De(t.id)?.dispatchEvent(new TransitionEvent("transitionend", { propertyName: "transform" })));
+		}, { flush: "post" }), C(() => {
+			window.removeEventListener("keydown", X, !0), document.removeEventListener("dragover", Y);
+		});
+		let xe = (e) => {
+			if (j) {
+				j = !1;
+				return;
+			}
+			m.value = e;
+		}, Se = i(() => !!m.value && v.value.some((e) => e.node.id === m.value)), Ce = O({
 			top: 0,
 			height: 0
-		}), x = B("highlightElement"), C = {
+		}), we = z("highlightElement"), Te = {
 			none: "",
 			select: "transition-[transform,opacity] duration-200 ease-out-strong",
 			move: "transition-[transform,opacity] duration-200 ease-in-out-strong"
-		}, T = O("none"), D = (e) => Array.from(m.value?.querySelectorAll("[data-tree-id]") ?? []).find((t) => t.dataset.treeId === e && !t.classList.contains("absolute")), A = async () => {
-			if (await y(), !m.value || !_.value) return;
-			let e = D(d.value);
-			e && (v.value = {
+		}, Ee = O("none"), De = (e) => Array.from(g.value?.querySelectorAll("[data-tree-id]") ?? []).find((t) => t.dataset.treeId === e && !t.classList.contains("absolute")), Oe = async () => {
+			if (await y(), !g.value || !Se.value) return;
+			let e = De(m.value);
+			e && (Ce.value = {
 				top: e.offsetTop,
 				height: e.offsetHeight
 			});
-		}, j = async (e) => {
-			let t = T.value;
-			T.value = "none", await e(), await y(), m.value?.getBoundingClientRect(), T.value = t;
-		};
-		H([d, g], ([e], [t]) => {
-			T.value = e === t ? "move" : "select", A();
-		}), ot(m, () => {
-			x.value?.getAnimations().length || j(A);
-		}), w(() => j(async () => {
-			await A(), await document.fonts?.ready, await A();
+		}, ke = async (e) => {
+			let t = Ee.value;
+			Ee.value = "none", await e(), await y(), g.value?.getBoundingClientRect(), Ee.value = t;
+		}, Ae = i(() => V.value ? `${V.value.at}:${V.value.depth}` : null);
+		B([
+			m,
+			v,
+			Ae
+		], ([e], [t]) => {
+			Ee.value = e === t ? "move" : "select", Oe();
+		}), ot(g, () => {
+			we.value?.getAnimations().length || ke(Oe);
+		}), w(() => ke(async () => {
+			await Oe(), await document.fonts?.ready, await Oe();
 		}));
-		let N = /* @__PURE__ */ new Set(), P = (e) => {
+		let je = /* @__PURE__ */ new Set(), Me = (e) => "treeGhost" in e.dataset ? e.querySelector("[data-tree-ghost-content]") : null, Ne = (e) => {
 			let t = e;
 			if (window.matchMedia("(prefers-reduced-motion: reduce)").matches) return;
-			N.add(t.dataset.treeId);
-			let n = D(g.value.find((e) => e.node.id === t.dataset.treeId)?.parentId), r = n ? t.offsetTop - (n.offsetTop + n.offsetHeight) : 0;
-			t.style.transition = "none", t.style.transform = `translateY(${-r}px)`, t.style.opacity = "0", t.style.pointerEvents = "none", t.getBoundingClientRect(), t.style.transition = ad, t.style.transform = "", t.style.opacity = "";
-		}, F = null, I = (e) => {
-			let t = e;
-			t.style.transition = "", t.style.pointerEvents = "", N.delete(t.dataset.treeId), t.dataset.treeId === F && (F = null, document.activeElement === t && t.scrollIntoView({ block: "nearest" }));
-		}, ee = i(() => {
-			let e = g.value.map((e) => e.node.id);
-			return h.value && e.includes(h.value) ? h.value : d.value && e.includes(d.value) ? d.value : e[0] ?? null;
-		}), te = (e) => e === ee.value ? 0 : -1, V = L(), U = (e) => `${V}-label-${encodeURIComponent(e)}`, G = (e) => u["node-actions"]?.(e), K = (e) => {
-			p.value = p.value.includes(e) ? p.value.filter((t) => t !== e) : [...p.value, e];
-		}, J = (e) => {
-			K(e), m.value?.contains(document.activeElement) && ne(e);
-		}, ne = async (e) => {
-			h.value = e, await y(), Array.from(m.value?.querySelectorAll("[data-tree-id]") ?? []).find((t) => t.dataset.treeId === e)?.focus();
-		}, Y = (e) => {
+			let n = Me(t);
+			if (n) {
+				n.style.transition = "none", n.style.opacity = "0", n.getBoundingClientRect(), n.style.transition = gd, n.style.opacity = "";
+				return;
+			}
+			je.add(t.dataset.treeId);
+			let r = De(v.value.find((e) => e.node.id === t.dataset.treeId)?.parentId), i = r ? t.offsetTop - (r.offsetTop + r.offsetHeight) : 0;
+			t.style.transition = "none", t.style.transform = `translateY(${-i}px)`, t.style.opacity = "0", t.style.pointerEvents = "none", t.getBoundingClientRect(), t.style.transition = hd, t.style.transform = "", t.style.opacity = "";
+		}, Pe = null, Fe = (e) => {
+			let t = e, n = Me(t);
+			if (n) {
+				n.style.transition = "";
+				return;
+			}
+			t.style.transition = "", t.style.pointerEvents = "", je.delete(t.dataset.treeId), t.dataset.treeId === Pe && (Pe = null, document.activeElement === t && t.scrollIntoView({ block: "nearest" }));
+		}, Ie = i(() => {
+			let e = v.value.map((e) => e.node.id);
+			return _.value && e.includes(_.value) ? _.value : m.value && e.includes(m.value) ? m.value : e[0] ?? null;
+		}), Le = (e) => e === Ie.value ? 0 : -1, Re = I(), ze = (e) => `${Re}-label-${encodeURIComponent(e)}`, Be = (e) => d["node-actions"]?.(e), Ve = (e) => {
+			h.value = h.value.includes(e) ? h.value.filter((t) => t !== e) : [...h.value, e];
+		}, He = (e) => {
+			Ve(e), g.value?.contains(document.activeElement) && Ue(e);
+		}, Ue = async (e) => {
+			_.value = e, await y(), Array.from(g.value?.querySelectorAll("[data-tree-id]") ?? []).find((t) => t.dataset.treeId === e)?.focus();
+		}, We = (e) => {
 			let t = (n, r) => {
 				for (let i of n) {
 					if (i.id === e) return r;
@@ -8376,62 +8630,69 @@ var bl = { render: yl }, xl = { class: "flex items-center justify-end self-stret
 				}
 				return null;
 			};
-			return t(l.nodes, []);
-		}, re = async (e) => {
-			let t = Y(e);
+			return t(u.nodes, []);
+		}, Ge = async (e) => {
+			let t = We(e);
 			if (!t) return !1;
-			let n = t.filter((e) => p.value.includes(e));
-			n.length && (p.value = p.value.filter((e) => !n.includes(e))), h.value = e, await y();
-			let r = D(e);
-			return r ? (r.focus({ preventScroll: !0 }), F = N.has(e) ? e : null, F || r.scrollIntoView({ block: "nearest" }), document.activeElement === r) : !1;
-		}, X = (e) => {
-			let t = g.value.findIndex((e) => e.node.id === ee.value), n = g.value[t];
+			let n = t.filter((e) => h.value.includes(e));
+			n.length && (h.value = h.value.filter((e) => !n.includes(e))), _.value = e, await y();
+			let r = De(e);
+			return r ? (r.focus({ preventScroll: !0 }), Pe = je.has(e) ? e : null, Pe || r.scrollIntoView({ block: "nearest" }), document.activeElement === r) : !1;
+		}, Ke = (e) => {
+			let t = v.value.findIndex((e) => e.node.id === Ie.value), n = v.value[t];
 			if (!n) return;
 			let r = (e) => {
-				e && ne(e.node.id);
+				e && Ue(e.node.id);
 			};
 			switch (e.key) {
 				case "ArrowDown":
-					r(g.value[t + 1]);
+					r(v.value[t + 1]);
 					break;
 				case "ArrowUp":
-					r(g.value[t - 1]);
+					r(v.value[t - 1]);
 					break;
 				case "Home":
-					r(g.value[0]);
+					r(v.value[0]);
 					break;
 				case "End":
-					r(g.value[g.value.length - 1]);
+					r(v.value[v.value.length - 1]);
 					break;
 				case "ArrowRight":
-					n.expandable && !n.expanded ? K(n.node.id) : n.expanded && r(g.value[t + 1]);
+					n.expandable && !n.expanded ? Ve(n.node.id) : n.expanded && r(v.value[t + 1]);
 					break;
 				case "ArrowLeft":
-					n.expanded ? K(n.node.id) : n.parentId && ne(n.parentId);
+					n.expanded ? Ve(n.node.id) : n.parentId && Ue(n.parentId);
 					break;
 				case "Enter":
 				case " ":
-					d.value = n.node.id;
+					m.value = n.node.id;
 					break;
 				default: return;
 			}
 			e.preventDefault();
 		};
-		return n({ focusNode: re }), (n, i) => (E(), s("div", {
+		return n({ focusNode: Ge }), (n, i) => (E(), s("div", {
 			ref_key: "root",
-			ref: m,
+			ref: g,
 			role: "tree",
 			"aria-label": t.label,
 			class: "relative isolate",
-			onKeydown: X
+			onKeydown: Ke,
+			onPointermove: fe,
+			onPointerup: me,
+			onPointercancel: he,
+			onDragenter: ve,
+			onDragover: ve,
+			onDragleave: ye,
+			onDrop: be
 		}, [c("div", {
 			ref_key: "highlightElement",
-			ref: x,
+			ref: we,
 			"aria-hidden": "true",
-			class: b(["pointer-events-none absolute top-0 left-0 -z-10 w-full rounded-md bg-cornflower-blue-50 motion-reduce:transition-none", [C[T.value], _.value ? "opacity-100" : "opacity-0"]]),
+			class: b(["pointer-events-none absolute top-0 left-0 -z-10 w-full rounded-md bg-cornflower-blue-50 motion-reduce:transition-none", [Te[Ee.value], Se.value ? "opacity-100" : "opacity-0"]]),
 			style: S({
-				transform: `translateY(${v.value.top}px)`,
-				height: `${v.value.height}px`
+				transform: `translateY(${Ce.value.top}px)`,
+				height: `${Ce.value.height}px`
 			}),
 			"data-tree-highlight": ""
 		}, null, 6), f(r, {
@@ -8439,80 +8700,97 @@ var bl = { render: yl }, xl = { class: "flex items-center justify-end self-stret
 			role: "group",
 			"leave-active-class": "invisible absolute w-full transition-none!",
 			"move-class": "transition-transform duration-200 ease-in-out-strong motion-reduce:transition-none",
-			onEnter: P,
-			onAfterEnter: I,
-			onEnterCancelled: I
+			onEnter: Ne,
+			onAfterEnter: Fe,
+			onEnterCancelled: Fe
 		}, {
-			default: W(() => [(E(!0), s(e, null, k(g.value, (e) => (E(), s("div", {
-				key: e.node.id,
+			default: H(() => [(E(!0), s(e, null, k(K.value, (t) => (E(), s(e, { key: t.key }, [t.ghost ? (E(), s("div", od, [c("div", {
+				class: "flex rounded-md bg-cornflower-blue-50 py-1 pr-2 pl-1 small-normal text-gray-700 outline-1 -outline-offset-1 outline-cornflower-blue-600 transition-[margin-left] duration-200 ease-in-out-strong outline-dashed motion-reduce:transition-none",
+				style: S({ marginLeft: `${t.depth * pd}px` })
+			}, [c("span", sd, [
+				i[3] ||= c("span", { class: "size-5 shrink-0" }, null, -1),
+				t.node.icon ? (E(), a(Q, {
+					key: 0,
+					name: t.node.icon,
+					class: "shrink-0"
+				}, null, 8, ["name"])) : o("", !0),
+				c("span", cd, M(t.node.label), 1)
+			])], 4)])) : (E(), s("div", {
+				key: 1,
 				role: "treeitem",
-				"aria-level": e.depth + 1,
-				"aria-posinset": e.position,
-				"aria-setsize": e.setSize,
-				"aria-selected": d.value === e.node.id,
-				"aria-expanded": e.expandable ? e.expanded : void 0,
-				tabindex: te(e.node.id),
-				"aria-labelledby": U(e.node.id),
-				"data-tree-id": e.node.id,
-				class: b(["group mb-0.5 flex cursor-pointer items-center gap-1.5 rounded-md py-1 pr-2 small-normal transition-colors duration-150 select-none focus-visible:outline-2 focus-visible:outline-cornflower-blue-500 motion-reduce:transition-none", d.value === e.node.id ? "text-cornflower-blue-600" : "text-gray-800 hover:bg-gray-100"]),
-				style: S({ paddingLeft: `${e.depth * id + 4}px` }),
-				onClick: (t) => d.value = e.node.id,
-				onFocus: (t) => h.value = e.node.id
+				"aria-level": t.row.depth + 1,
+				"aria-posinset": t.row.position,
+				"aria-setsize": t.row.setSize,
+				"aria-selected": m.value === t.row.node.id,
+				"aria-expanded": t.row.expandable ? t.row.expanded : void 0,
+				tabindex: Le(t.row.node.id),
+				"aria-labelledby": ze(t.row.node.id),
+				"data-tree-id": t.row.node.id,
+				"data-tree-drop": U.value === t.row.node.id ? "inside" : void 0,
+				draggable: t.row.draggable,
+				class: b(["group mb-0.5 flex items-center gap-1.5 rounded-md py-1 pr-2 small-normal transition-[color,background-color,outline-color,opacity] duration-150 select-none focus-visible:outline-2 focus-visible:outline-cornflower-blue-500 motion-reduce:transition-none", q(t.row)]),
+				style: S({ paddingLeft: `${t.row.depth * pd + 4}px` }),
+				onClick: (e) => xe(t.row.node.id),
+				onFocus: (e) => _.value = t.row.node.id,
+				onPointerdown: (e) => de(e, t.row),
+				onDragstart: (e) => ge(e, t.row),
+				onDragend: _e
 			}, [
-				e.expandable ? (E(), s("button", {
+				t.row.expandable ? (E(), s("button", {
 					key: 0,
 					type: "button",
 					tabindex: "-1",
 					"aria-hidden": "true",
-					class: "flex size-5 shrink-0 cursor-pointer items-center justify-center text-gray-400 transition-colors duration-150 group-hover:text-gray-600 hover:text-gray-600 motion-reduce:transition-none",
-					onMousedown: i[0] ||= q(() => {}, ["prevent"]),
-					onClick: q((t) => J(e.node.id), ["stop"])
+					class: b(["flex size-5 shrink-0 cursor-pointer items-center justify-center text-gray-400 transition-colors duration-150 motion-reduce:transition-none", !T.value && "group-hover:text-gray-600 hover:text-gray-600"]),
+					onMousedown: i[0] ||= G(() => {}, ["prevent"]),
+					onClick: G((e) => He(t.row.node.id), ["stop"])
 				}, [f(Q, {
 					name: "chevron-down",
-					class: b(["extra-small-normal transition-transform duration-150 ease-out motion-reduce:transition-none", !e.expanded && "-rotate-90"])
-				}, null, 8, ["class"])], 40, td)) : (E(), s("span", nd)),
-				e.node.icon ? (E(), a(Q, {
+					class: b(["extra-small-normal transition-transform duration-150 ease-out motion-reduce:transition-none", !t.row.expanded && "-rotate-90"])
+				}, null, 8, ["class"])], 42, ud)) : (E(), s("span", dd)),
+				t.row.node.icon ? (E(), a(Q, {
 					key: 2,
-					name: e.node.icon,
-					class: b(["shrink-0 transition-colors duration-150 motion-reduce:transition-none", d.value === e.node.id ? "text-cornflower-blue-600" : "text-gray-600"])
+					name: t.row.node.icon,
+					class: b(["shrink-0 transition-colors duration-150 motion-reduce:transition-none", m.value === t.row.node.id ? "text-cornflower-blue-600" : "text-gray-600"])
 				}, null, 8, ["name", "class"])) : o("", !0),
 				c("span", {
-					id: U(e.node.id),
+					id: ze(t.row.node.id),
 					class: "truncate"
-				}, M(e.node.label), 9, rd),
-				u["node-actions"] ? (E(), s("div", {
+				}, M(t.row.node.label), 9, fd),
+				d["node-actions"] ? (E(), s("div", {
 					key: 3,
+					"data-tree-actions": "",
 					class: "-my-0.5 ml-auto flex shrink-0 items-center opacity-0 transition-opacity duration-150 ease-out group-focus-within:opacity-100 group-hover:opacity-100 motion-reduce:transition-none pointer-coarse:opacity-100",
-					onClick: i[1] ||= q(() => {}, ["stop"]),
-					onKeydown: i[2] ||= q(() => {}, ["stop"])
-				}, [f(G, {
-					node: e.node,
-					tabindex: te(e.node.id)
+					onClick: i[1] ||= G(() => {}, ["stop"]),
+					onKeydown: i[2] ||= G(() => {}, ["stop"])
+				}, [f(Be, {
+					node: t.row.node,
+					tabindex: Le(t.row.node.id)
 				}, null, 8, ["node", "tabindex"])], 32)) : o("", !0)
-			], 46, ed))), 128))]),
+			], 46, ld))], 64))), 128))]),
 			_: 1
-		})], 40, $u));
+		})], 40, ad));
 	}
-}), sd = [
+}), vd = [
 	"src",
 	"loop",
 	"aria-label"
-], cd = {
+], yd = {
 	key: 0,
 	role: "alert",
 	class: "absolute inset-0 flex flex-col items-center justify-center gap-3 rounded-lg bg-gray-900 text-white"
-}, ld = { class: "heading-4" }, ud = { class: "max-w-xs truncate extra-small-normal text-white/50" }, dd = {
+}, bd = { class: "heading-4" }, xd = { class: "max-w-xs truncate extra-small-normal text-white/50" }, Sd = {
 	key: 0,
 	class: "pointer-events-none absolute inset-0 flex items-center justify-center"
-}, fd = {
+}, Cd = {
 	class: "flex size-16 items-center justify-center rounded-full bg-black/50 text-white",
 	"aria-hidden": "true"
-}, pd = [
+}, wd = [
 	"aria-label",
 	"aria-valuemax",
 	"aria-valuenow",
 	"aria-valuetext"
-], md = { class: "flex items-center gap-2" }, hd = ["aria-label"], gd = { class: "extra-small-normal text-white/70 tabular-nums" }, _d = ["aria-label"], vd = ["aria-label"], yd = /* @__PURE__ */ p({
+], Td = { class: "flex items-center gap-2" }, Ed = ["aria-label"], Dd = { class: "extra-small-normal text-white/70 tabular-nums" }, Od = ["aria-label"], kd = ["aria-label"], Ad = /* @__PURE__ */ p({
 	__name: "VideoPlayer",
 	props: {
 		src: {},
@@ -8534,8 +8812,8 @@ var bl = { render: yl }, xl = { class: "flex items-center justify-end self-stret
 			seek: "Seek",
 			video: "Video player",
 			...r.labels
-		})), l = B("videoRef"), { playing: u, buffered: d, currentTime: p, duration: m, muted: h, seeking: g } = it(l, { src: i(() => r.src) }), { isFullscreen: _, toggle: v } = rt(l), y = O(!1), x = i(() => !u.value || y.value), C = O(!1);
-		H(() => r.src, () => {
+		})), l = z("videoRef"), { playing: u, buffered: d, currentTime: p, duration: m, muted: h, seeking: g } = it(l, { src: i(() => r.src) }), { isFullscreen: _, toggle: v } = rt(l), y = O(!1), x = i(() => !u.value || y.value), C = O(!1);
+		B(() => r.src, () => {
 			C.value = !1;
 		});
 		let T = O(null), D = null, k = (e) => {
@@ -8547,33 +8825,33 @@ var bl = { render: yl }, xl = { class: "flex items-center justify-end self-stret
 			return t > 0 ? `${t}:${String(n).padStart(2, "0")}:${String(r).padStart(2, "0")}` : `${n}:${String(r).padStart(2, "0")}`;
 		}, F = () => {
 			u.value = !u.value, k(u.value ? "play" : "pause");
-		}, I = () => {
+		}, ee = () => {
 			h.value = !h.value;
-		}, L = B("scrubberRef"), R = O(null), z = !1, ee = i(() => R.value === null ? m.value ? p.value / m.value * 100 : 0 : R.value * 100), te = i(() => R.value === null ? p.value : R.value * (m.value || 0));
-		H(g, (e) => {
-			!e && z && (z = !1, R.value = null);
+		}, I = z("scrubberRef"), L = O(null), R = !1, te = i(() => L.value === null ? m.value ? p.value / m.value * 100 : 0 : L.value * 100), ne = i(() => L.value === null ? p.value : L.value * (m.value || 0));
+		B(g, (e) => {
+			!e && R && (R = !1, L.value = null);
 		});
-		let V = (e) => {
-			if (!L.value) return 0;
-			let t = L.value.getBoundingClientRect(), n = "touches" in e ? e.touches[0]?.clientX ?? 0 : e.clientX;
+		let re = (e) => {
+			if (!I.value) return 0;
+			let t = I.value.getBoundingClientRect(), n = "touches" in e ? e.touches[0]?.clientX ?? 0 : e.clientX;
 			return Math.max(0, Math.min(1, (n - t.left) / t.width));
+		}, V = (e) => {
+			L.value = re(e);
 		}, U = (e) => {
-			R.value = V(e);
-		}, G = (e) => {
 			if (!m.value) return;
 			let t = Math.max(0, Math.min(m.value, p.value + e));
-			z = !0, p.value = t;
-		}, K = (e) => {
-			e.key === "ArrowLeft" ? (e.preventDefault(), G(-5)) : e.key === "ArrowRight" ? (e.preventDefault(), G(5)) : e.key === "Home" ? (e.preventDefault(), G(-Infinity)) : e.key === "End" && (e.preventDefault(), G(Infinity));
-		}, J = () => {
-			R.value !== null && m.value ? (z = !0, p.value = R.value * m.value) : R.value = null;
+			R = !0, p.value = t;
+		}, W = (e) => {
+			e.key === "ArrowLeft" ? (e.preventDefault(), U(-5)) : e.key === "ArrowRight" ? (e.preventDefault(), U(5)) : e.key === "Home" ? (e.preventDefault(), U(-Infinity)) : e.key === "End" && (e.preventDefault(), U(Infinity));
+		}, K = () => {
+			L.value !== null && m.value ? (R = !0, p.value = L.value * m.value) : L.value = null;
 		};
 		return nt(document, "mousemove", (e) => {
-			R.value !== null && (R.value = V(e));
+			L.value !== null && (L.value = re(e));
 		}), nt(document, "mouseup", () => {
-			R.value !== null && J();
+			L.value !== null && K();
 		}), nt(document, "touchend", () => {
-			R.value !== null && J();
+			L.value !== null && K();
 		}), w(() => {
 			r.autoplay && (u.value = !0), r.muted && (h.value = !0);
 		}), t({
@@ -8593,15 +8871,15 @@ var bl = { render: yl }, xl = { class: "flex items-center justify-end self-stret
 				"aria-label": a.value.video,
 				onError: r[0] ||= (e) => C.value = !0,
 				onClick: r[1] ||= (t) => e.showControls === !1 ? void 0 : F()
-			}, null, 42, sd),
-			C.value ? (E(), s("div", cd, [
+			}, null, 42, vd),
+			C.value ? (E(), s("div", yd, [
 				f(Q, {
 					name: "circle-exclamation",
 					class: "text-3xl text-red-400",
 					"aria-hidden": "true"
 				}),
-				c("p", ld, M(a.value.error), 1),
-				c("p", ud, M(e.src), 1)
+				c("p", bd, M(a.value.error), 1),
+				c("p", xd, M(e.src), 1)
 			])) : o("", !0),
 			f(n, {
 				"enter-active-class": "transition-opacity duration-100 ease-out",
@@ -8609,7 +8887,7 @@ var bl = { render: yl }, xl = { class: "flex items-center justify-end self-stret
 				"enter-from-class": "opacity-0",
 				"leave-to-class": "opacity-0"
 			}, {
-				default: W(() => [e.showControls !== !1 && T.value && !C.value ? (E(), s("div", dd, [c("div", fd, [f(Q, {
+				default: H(() => [e.showControls !== !1 && T.value && !C.value ? (E(), s("div", Sd, [c("div", Cd, [f(Q, {
 					name: T.value,
 					class: "text-2xl"
 				}, null, 8, ["name"])])])) : o("", !0)]),
@@ -8621,23 +8899,23 @@ var bl = { render: yl }, xl = { class: "flex items-center justify-end self-stret
 				style: S({ transform: x.value ? "translateY(0)" : "translateY(100%)" })
 			}, [c("div", {
 				ref_key: "scrubberRef",
-				ref: L,
+				ref: I,
 				role: "slider",
 				"aria-label": a.value.seek,
 				"aria-valuemin": 0,
 				"aria-valuemax": P(m) || 0,
-				"aria-valuenow": Math.round(te.value),
-				"aria-valuetext": N(te.value),
+				"aria-valuenow": Math.round(ne.value),
+				"aria-valuetext": N(ne.value),
 				tabindex: "0",
 				class: "relative h-1.5 cursor-pointer rounded-full bg-white/20",
-				onMousedown: U,
-				onTouchstart: q(U, ["prevent"]),
-				onKeydown: K,
-				onTouchmove: r[2] ||= q((e) => {
-					R.value !== null && (R.value = V(e));
+				onMousedown: V,
+				onTouchstart: G(V, ["prevent"]),
+				onKeydown: W,
+				onTouchmove: r[2] ||= G((e) => {
+					L.value !== null && (L.value = re(e));
 				}, ["prevent"]),
 				onTouchend: r[3] ||= () => {
-					R.value !== null && J();
+					L.value !== null && K();
 				}
 			}, [
 				c("div", {
@@ -8646,13 +8924,13 @@ var bl = { render: yl }, xl = { class: "flex items-center justify-end self-stret
 				}, null, 4),
 				c("div", {
 					class: "absolute inset-y-0 left-0 rounded-full bg-cornflower-blue-500",
-					style: S({ width: `${ee.value}%` })
+					style: S({ width: `${te.value}%` })
 				}, null, 4),
 				c("div", {
 					class: "absolute top-1/2 size-3 -translate-1/2 rounded-full bg-sapphire-100 opacity-0 shadow-sm transition-opacity group-hover/player:opacity-100",
-					style: S({ left: `${ee.value}%` })
+					style: S({ left: `${te.value}%` })
 				}, null, 4)
-			], 40, pd), c("div", md, [
+			], 40, wd), c("div", Td, [
 				c("button", {
 					type: "button",
 					"aria-label": P(u) ? a.value.pause : a.value.play,
@@ -8662,19 +8940,19 @@ var bl = { render: yl }, xl = { class: "flex items-center justify-end self-stret
 					name: P(u) ? "pause" : "play",
 					class: "text-sm",
 					"aria-hidden": "true"
-				}, null, 8, ["name"])], 8, hd),
-				c("span", gd, M(N(te.value)) + " / " + M(N(P(m))), 1),
+				}, null, 8, ["name"])], 8, Ed),
+				c("span", Dd, M(N(ne.value)) + " / " + M(N(P(m))), 1),
 				r[7] ||= c("div", { class: "flex-1" }, null, -1),
 				c("button", {
 					type: "button",
 					"aria-label": P(h) ? a.value.unmute : a.value.mute,
 					class: "flex size-8 cursor-pointer items-center justify-center rounded-full text-white transition hover:bg-white/10 hover:text-cornflower-blue-400",
-					onClick: I
+					onClick: ee
 				}, [f(Q, {
 					name: P(h) ? "volume-xmark" : "volume-high",
 					class: "text-sm",
 					"aria-hidden": "true"
-				}, null, 8, ["name"])], 8, _d),
+				}, null, 8, ["name"])], 8, Od),
 				c("button", {
 					type: "button",
 					"aria-label": P(_) ? a.value.exitFullscreen : a.value.enterFullscreen,
@@ -8684,10 +8962,10 @@ var bl = { render: yl }, xl = { class: "flex items-center justify-end self-stret
 					name: P(_) ? "compress" : "expand",
 					class: "text-sm",
 					"aria-hidden": "true"
-				}, null, 8, ["name"])], 8, vd)
+				}, null, 8, ["name"])], 8, kd)
 			])], 4)) : o("", !0)
 		], 32));
 	}
 });
 //#endregion
-export { Jt as EDITOR_LETTER_SPACING_STEPS, Ut as EDITOR_LINE_HEIGHT_STEPS, Rt as EDITOR_MAX_WIDTH_STEPS, Nt as EDITOR_RADIUS_STEPS, pt as EVENT_CONFIG_MAP, Qt as NexxtAnimatedNumber, en as NexxtAnnouncement, on as NexxtAvatar, cn as NexxtButton, Bn as NexxtCalendar, Un as NexxtCard, Gn as NexxtCheckbox, Kn as NexxtChip, hr as NexxtColorPicker, Ir as NexxtCombobox, Fr as NexxtComboboxPanel, Ur as NexxtContactInfoCard, ni as NexxtCountrySelect, oi as NexxtCustomerJourneyTile, si as NexxtDatePicker, hi as NexxtDoughnutChart, bi as NexxtDropdownButton, ji as NexxtEditorAlignItems, Ni as NexxtEditorBackgroundSize, Bi as NexxtEditorBorder, Zi as NexxtEditorColor, $i as NexxtEditorFlexDirection, aa as NexxtEditorGap, _a as NexxtEditorHeadingType, ya as NexxtEditorJustifyContent, Zt as NexxtEditorLetterSpacing, Gt as NexxtEditorLineHeight, Bt as NexxtEditorMaxWidth, qa as NexxtEditorPadding, Ft as NexxtEditorRadius, $ as NexxtEditorSettingsBlock, Ya as NexxtEditorTextAlign, Qa as NexxtEnergyLabel, Qn as NexxtFloatingPanel, no as NexxtHeader, Q as NexxtIcon, io as NexxtInfoBlock, Sr as NexxtInputField, po as NexxtInputSelect, ho as NexxtLoader, yo as NexxtModal, xo as NexxtModalFooter, Zo as NexxtPageCard, ns as NexxtPageContainer, Ko as NexxtPageMockup, is as NexxtPageTypeTile, as as NexxtPagination, fs as NexxtPickerGroup, gs as NexxtPickerItem, Es as NexxtPickerList, Bs as NexxtPickerPanel, Ps as NexxtPickerPreview, Gs as NexxtPlaceholderInput, Ys as NexxtPresenceIndicator, sc as NexxtProgressBar, vc as NexxtPropertyCard, pc as NexxtPropertyListing, Pc as NexxtReferenceCard, ma as NexxtSelect, Lc as NexxtSelectableOption, Uc as NexxtSidebarMenuItem, Gc as NexxtSkeleton, Yc as NexxtSkeletonPropertyCard, At as NexxtSlider, Qc as NexxtSocialIcons, nl as NexxtSocialMediaCustomTemplate, dl as NexxtSocialMediaTemplate, Tl as NexxtSocialMediaType, Rl as NexxtSource, nn as NexxtSquircle, zl as NexxtStepperHeader, bt as NexxtSwitch, Kl as NexxtTabbedContent, au as NexxtTable, Hl as NexxtTabs, yu as NexxtTemplateCard, Cu as NexxtTextarea, Au as NexxtTimelineEvent, Lu as NexxtTimelineLanes, Hu as NexxtTimelinePhaseblock, Wu as NexxtTimelineTrack, Zu as NexxtToast, Qu as NexxtToaster, ki as NexxtToggleGroup, xi as NexxtTooltip, od as NexxtTree, yd as NexxtVideoPlayer, mt as PHASE_MAP, Fl as SOURCE_MAP };
+export { Jt as EDITOR_LETTER_SPACING_STEPS, Ut as EDITOR_LINE_HEIGHT_STEPS, Rt as EDITOR_MAX_WIDTH_STEPS, Nt as EDITOR_RADIUS_STEPS, pt as EVENT_CONFIG_MAP, Qt as NexxtAnimatedNumber, en as NexxtAnnouncement, on as NexxtAvatar, cn as NexxtButton, Bn as NexxtCalendar, Un as NexxtCard, Gn as NexxtCheckbox, Kn as NexxtChip, hr as NexxtColorPicker, Ir as NexxtCombobox, Fr as NexxtComboboxPanel, Ur as NexxtContactInfoCard, ni as NexxtCountrySelect, oi as NexxtCustomerJourneyTile, si as NexxtDatePicker, hi as NexxtDoughnutChart, bi as NexxtDropdownButton, ji as NexxtEditorAlignItems, Ni as NexxtEditorBackgroundSize, Bi as NexxtEditorBorder, Zi as NexxtEditorColor, $i as NexxtEditorFlexDirection, aa as NexxtEditorGap, _a as NexxtEditorHeadingType, ya as NexxtEditorJustifyContent, Zt as NexxtEditorLetterSpacing, Gt as NexxtEditorLineHeight, Bt as NexxtEditorMaxWidth, qa as NexxtEditorPadding, Ft as NexxtEditorRadius, $ as NexxtEditorSettingsBlock, Ya as NexxtEditorTextAlign, Qa as NexxtEnergyLabel, Qn as NexxtFloatingPanel, no as NexxtHeader, Q as NexxtIcon, io as NexxtInfoBlock, Sr as NexxtInputField, po as NexxtInputSelect, ho as NexxtLoader, yo as NexxtModal, xo as NexxtModalFooter, Zo as NexxtPageCard, ns as NexxtPageContainer, Ko as NexxtPageMockup, is as NexxtPageTypeTile, as as NexxtPagination, fs as NexxtPickerGroup, gs as NexxtPickerItem, Es as NexxtPickerList, Bs as NexxtPickerPanel, Ps as NexxtPickerPreview, Gs as NexxtPlaceholderInput, Ys as NexxtPresenceIndicator, sc as NexxtProgressBar, vc as NexxtPropertyCard, pc as NexxtPropertyListing, Pc as NexxtReferenceCard, ma as NexxtSelect, Lc as NexxtSelectableOption, Uc as NexxtSidebarMenuItem, Gc as NexxtSkeleton, Yc as NexxtSkeletonPropertyCard, At as NexxtSlider, Qc as NexxtSocialIcons, nl as NexxtSocialMediaCustomTemplate, dl as NexxtSocialMediaTemplate, Tl as NexxtSocialMediaType, Rl as NexxtSource, nn as NexxtSquircle, zl as NexxtStepperHeader, bt as NexxtSwitch, Kl as NexxtTabbedContent, au as NexxtTable, Hl as NexxtTabs, yu as NexxtTemplateCard, Cu as NexxtTextarea, Au as NexxtTimelineEvent, Lu as NexxtTimelineLanes, Hu as NexxtTimelinePhaseblock, Wu as NexxtTimelineTrack, Zu as NexxtToast, Qu as NexxtToaster, ki as NexxtToggleGroup, xi as NexxtTooltip, _d as NexxtTree, Ad as NexxtVideoPlayer, mt as PHASE_MAP, Fl as SOURCE_MAP };