@poveste/controls 0.19.1 → 0.21.0

package/dist/index.es.js

@@ -1,28 +1,28 @@
-import { C as e, D as t, O as n, _ as r, a as i, b as a, k as o, m as s, n as c, r as l, t as u, u as d, v as f } from "./HstWrapper-Bm5H3_to.es.js";
-import { a as p, i as m, n as h, o as g, r as _, s as v, t as y } from "./PopoverTrigger-BVAfE9fE.es.js";
-import { n as ee, r as b, t as x } from "./VisuallyHiddenInput-0it-_FH2.es.js";
-import { t as te } from "./useKbd-DQM4Oqri.es.js";
-import { Fragment as S, computed as C, createBlock as w, createCommentVNode as T, createElementBlock as E, createElementVNode as D, createTextVNode as O, createVNode as k, defineAsyncComponent as A, defineComponent as j, getCurrentInstance as ne, guardReactiveProps as M, mergeProps as N, nextTick as P, normalizeClass as F, normalizeProps as I, normalizeStyle as L, onBeforeMount as re, onMounted as ie, onUnmounted as R, openBlock as z, ref as B, renderList as V, renderSlot as H, resolveDynamicComponent as U, shallowRef as ae, toDisplayString as W, toRefs as G, unref as K, useAttrs as oe, vModelText as se, watch as ce, withCtx as q, withDirectives as J, withKeys as Y, withMemo as le, withModifiers as X } from "@poveste/vendors/vue";
-import { createEventHook as ue, useClipboard as de, useEventListener as fe, useLiveAnnouncer as pe, useTimeoutFn as me, useVModel as Z } from "@poveste/vendors/vue-use";
-import { Icon as he } from "@poveste/vendors/iconify";
+import { C as e, O as t, _ as n, a as r, b as i, k as a, m as o, n as s, r as c, t as l, u, v as d } from "./HstWrapper-CpSNPVQJ.es.js";
+import { a as f, i as p, n as m, o as h, r as g, s as _, t as v } from "./PopoverTrigger-Cu3v0RQ6.es.js";
+import { n as y, r as ee, t as te } from "./FieldRoot-BOFK7006.es.js";
+import { n as b, r as x, t as S } from "./VisuallyHiddenInput-o7pCu1YG.es.js";
+import { Fragment as C, computed as w, createBlock as T, createCommentVNode as E, createElementBlock as D, createElementVNode as O, createTextVNode as k, createVNode as A, defineAsyncComponent as j, defineComponent as M, getCurrentInstance as ne, guardReactiveProps as N, mergeProps as P, nextTick as F, normalizeClass as I, normalizeProps as re, normalizeStyle as L, onBeforeMount as ie, onBeforeUnmount as ae, onMounted as R, onUnmounted as z, openBlock as B, ref as V, renderList as H, renderSlot as U, resolveDynamicComponent as oe, shallowRef as se, toDisplayString as W, toRefs as G, unref as K, useAttrs as ce, vModelText as le, watch as q, withCtx as J, withDirectives as Y, withKeys as ue, withMemo as de, withModifiers as X } from "@poveste/vendors/vue";
+import { createEventHook as fe, useClipboard as pe, useEventListener as me, useLiveAnnouncer as he, useTimeoutFn as ge, useVModel as Z } from "@poveste/vendors/vue-use";
+import { Icon as _e } from "@poveste/vendors/iconify";
 //#region src/components/button/HstButton.vue?vue&type=script&setup=true&lang.ts
-var ge = ["data-color"], _e = /* @__PURE__ */ j({
+var ve = ["data-color"], ye = /* @__PURE__ */ M({
 	name: "HstButton",
 	props: { color: {} },
 	setup(e) {
-		return (t, n) => (z(), E("button", {
+		return (t, n) => (B(), D("button", {
 			class: "poveste-button",
 			"data-slot": "button",
 			"data-color": e.color ?? "default"
-		}, [H(t.$slots, "default")], 8, ge));
+		}, [U(t.$slots, "default")], 8, ve));
 	}
 });
 //#endregion
 //#region ../../node_modules/.pnpm/ohash@2.0.11/node_modules/ohash/dist/shared/ohash.D__AXeF1.mjs
-function ve(e) {
-	return typeof e == "string" ? `'${e}'` : new ye().serialize(e);
+function be(e) {
+	return typeof e == "string" ? `'${e}'` : new xe().serialize(e);
 }
-var ye = /*@__PURE__*/ function() {
+var xe = /*@__PURE__*/ function() {
 	class e {
 		#e = /* @__PURE__ */ new Map();
 		compare(e, t) {
@@ -120,40 +120,40 @@ var ye = /*@__PURE__*/ function() {
 	return e;
 }();
 function Q(e, t) {
-	return e === t || ve(e) === ve(t);
+	return e === t || be(e) === be(t);
 }
 //#endregion
-//#region ../../node_modules/.pnpm/reka-ui@2.10.5_vue@3.5.43_typescript@6.0.3_/node_modules/reka-ui/dist/shared/arrays.js
-function be(e, t, n) {
+//#region ../../node_modules/.pnpm/reka-ui@2.11.0_vue@3.5.44_typescript@6.0.3_/node_modules/reka-ui/dist/shared/arrays.js
+function Se(e, t, n) {
 	let r = e.findIndex((e) => Q(e, t)), i = e.findIndex((e) => Q(e, n));
 	if (r === -1 || i === -1) return [];
 	let [a, o] = [r, i].sort((e, t) => e - t);
 	return e.slice(a, o + 1);
 }
 //#endregion
-//#region ../../node_modules/.pnpm/reka-ui@2.10.5_vue@3.5.43_typescript@6.0.3_/node_modules/reka-ui/dist/shared/isValueEqualOrExist.js
-function xe(e, n) {
-	return t(e) ? !1 : Array.isArray(e) ? e.some((e) => Q(e, n)) : Q(e, n);
+//#region ../../node_modules/.pnpm/reka-ui@2.11.0_vue@3.5.44_typescript@6.0.3_/node_modules/reka-ui/dist/shared/isValueEqualOrExist.js
+function Ce(e, t) {
+	return ee(e) ? !1 : Array.isArray(e) ? e.some((e) => Q(e, t)) : Q(e, t);
 }
 //#endregion
-//#region ../../node_modules/.pnpm/reka-ui@2.10.5_vue@3.5.43_typescript@6.0.3_/node_modules/reka-ui/dist/shared/useForwardScopeId.js
-function Se() {
+//#region ../../node_modules/.pnpm/reka-ui@2.11.0_vue@3.5.44_typescript@6.0.3_/node_modules/reka-ui/dist/shared/useForwardScopeId.js
+function we() {
 	let e = ne()?.vnode?.scopeId;
 	return e ? { [e]: "" } : {};
 }
 //#endregion
-//#region ../../node_modules/.pnpm/reka-ui@2.10.5_vue@3.5.43_typescript@6.0.3_/node_modules/reka-ui/dist/shared/useTypeahead.js
-function Ce(t) {
+//#region ../../node_modules/.pnpm/reka-ui@2.11.0_vue@3.5.44_typescript@6.0.3_/node_modules/reka-ui/dist/shared/useTypeahead.js
+function Te(t) {
 	let n = e("", 1e3);
 	return {
 		search: n,
 		handleTypeaheadSearch: (e, r) => {
 			if (n.value += e, t) t(e);
 			else {
-				let e = v(), t = r.map((e) => ({
+				let e = _(), t = r.map((e) => ({
 					...e,
 					textValue: e.value?.textValue ?? e.ref.textContent?.trim() ?? ""
-				})), i = t.find((t) => t.ref === e), a = Te(t.map((e) => e.textValue), n.value, i?.textValue), o = t.find((e) => e.textValue === a);
+				})), i = t.find((t) => t.ref === e), a = De(t.map((e) => e.textValue), n.value, i?.textValue), o = t.find((e) => e.textValue === a);
 				return o && o.ref.focus(), o?.ref;
 			}
 		},
@@ -162,34 +162,34 @@ function Ce(t) {
 		}
 	};
 }
-function we(e, t) {
+function Ee(e, t) {
 	return e.map((n, r) => e[(t + r) % e.length]);
 }
-function Te(e, t, n) {
-	let r = t.length > 1 && Array.from(t).every((e) => e === t[0]) ? t[0] : t, i = n ? e.indexOf(n) : -1, a = we(e, Math.max(i, 0));
+function De(e, t, n) {
+	let r = t.length > 1 && Array.from(t).every((e) => e === t[0]) ? t[0] : t, i = n ? e.indexOf(n) : -1, a = Ee(e, Math.max(i, 0));
 	r.length === 1 && (a = a.filter((e) => e !== n));
 	let o = a.find((e) => e.toLowerCase().startsWith(r.toLowerCase()));
 	return o === n ? void 0 : o;
 }
 //#endregion
-//#region ../../node_modules/.pnpm/reka-ui@2.10.5_vue@3.5.43_typescript@6.0.3_/node_modules/reka-ui/dist/shared/useSingleOrMultipleValue.js
-function Ee({ type: e, defaultValue: t, modelValue: n }) {
+//#region ../../node_modules/.pnpm/reka-ui@2.11.0_vue@3.5.44_typescript@6.0.3_/node_modules/reka-ui/dist/shared/useSingleOrMultipleValue.js
+function Oe({ type: e, defaultValue: t, modelValue: n }) {
 	let r = n || t;
 	return n !== void 0 || t !== void 0 ? Array.isArray(r) ? "multiple" : "single" : e ?? "single";
 }
-function De({ type: e, defaultValue: t, modelValue: n }) {
-	return e || Ee({
+function ke({ type: e, defaultValue: t, modelValue: n }) {
+	return e || Oe({
 		type: e,
 		defaultValue: t,
 		modelValue: n
 	});
 }
-function Oe({ type: e, defaultValue: t }) {
+function Ae({ type: e, defaultValue: t }) {
 	return t === void 0 ? e === "single" ? void 0 : [] : t;
 }
-function ke(e, t) {
-	let n = C(() => De(e)), r = Z(e, "modelValue", t, {
-		defaultValue: Oe(e),
+function je(e, t) {
+	let n = w(() => ke(e)), r = Z(e, "modelValue", t, {
+		defaultValue: Ae(e),
 		passive: e.modelValue === void 0,
 		deep: !0
 	});
@@ -197,7 +197,7 @@ function ke(e, t) {
 		if (n.value === "single") r.value = Q(e, r.value) ? void 0 : e;
 		else {
 			let t = Array.isArray(r.value) ? [...r.value || []] : [r.value].filter(Boolean);
-			if (xe(t, e)) {
+			if (Ce(t, e)) {
 				let n = t.findIndex((t) => Q(t, e));
 				t.splice(n, 1);
 			} else t.push(e);
@@ -207,23 +207,23 @@ function ke(e, t) {
 	return {
 		modelValue: r,
 		changeModelValue: i,
-		isSingle: C(() => n.value === "single")
+		isSingle: w(() => n.value === "single")
 	};
 }
 //#endregion
-//#region ../../node_modules/.pnpm/reka-ui@2.10.5_vue@3.5.43_typescript@6.0.3_/node_modules/reka-ui/dist/Listbox/utils.js
-function Ae(e, t, n) {
-	return e === void 0 ? !1 : Array.isArray(e) ? e.some((e) => je(e, t, n)) : je(e, t, n);
+//#region ../../node_modules/.pnpm/reka-ui@2.11.0_vue@3.5.44_typescript@6.0.3_/node_modules/reka-ui/dist/Listbox/utils.js
+function Me(e, t, n) {
+	return e === void 0 ? !1 : Array.isArray(e) ? e.some((e) => Ne(e, t, n)) : Ne(e, t, n);
 }
-function je(e, t, n) {
+function Ne(e, t, n) {
 	return e === void 0 || t === void 0 ? !1 : typeof e == "string" ? e === t : typeof n == "function" ? n(e, t) : typeof n == "string" ? e?.[n] === t?.[n] : Q(e, t);
 }
 //#endregion
-//#region ../../node_modules/.pnpm/reka-ui@2.10.5_vue@3.5.43_typescript@6.0.3_/node_modules/reka-ui/dist/RovingFocus/utils.js
-var Me = "rovingFocusGroup.onEntryFocus", Ne = {
+//#region ../../node_modules/.pnpm/reka-ui@2.11.0_vue@3.5.44_typescript@6.0.3_/node_modules/reka-ui/dist/RovingFocus/utils.js
+var Pe = "rovingFocusGroup.onEntryFocus", Fe = {
 	bubbles: !1,
 	cancelable: !0
-}, Pe = {
+}, Ie = {
 	ArrowLeft: "prev",
 	ArrowUp: "prev",
 	ArrowRight: "next",
@@ -233,23 +233,23 @@ var Me = "rovingFocusGroup.onEntryFocus", Ne = {
 	PageDown: "last",
 	End: "last"
 };
-function Fe(e, t) {
+function Le(e, t) {
 	return t === "rtl" ? e === "ArrowLeft" ? "ArrowRight" : e === "ArrowRight" ? "ArrowLeft" : e : e;
 }
-function Ie(e, t, n) {
-	let r = Fe(e.key, n);
-	if (!(t === "vertical" && ["ArrowLeft", "ArrowRight"].includes(r)) && !(t === "horizontal" && ["ArrowUp", "ArrowDown"].includes(r))) return Pe[r];
+function Re(e, t, n) {
+	let r = Le(e.key, n);
+	if (!(t === "vertical" && ["ArrowLeft", "ArrowRight"].includes(r)) && !(t === "horizontal" && ["ArrowUp", "ArrowDown"].includes(r))) return Ie[r];
 }
-function Le(e, t = !1) {
-	let n = v();
-	for (let r of e) if (r === n || (r.focus({ preventScroll: t }), v() !== n)) return;
+function ze(e, t = !1) {
+	let n = _();
+	for (let r of e) if (r === n || (r.focus({ preventScroll: t }), _() !== n)) return;
 }
-function Re(e, t) {
+function Be(e, t) {
 	return e.map((n, r) => e[(t + r) % e.length]);
 }
 //#endregion
-//#region ../../node_modules/.pnpm/reka-ui@2.10.5_vue@3.5.43_typescript@6.0.3_/node_modules/reka-ui/dist/Listbox/ListboxRoot.js
-var [ze, Be] = /*#__PURE__*/ o("ListboxRoot"), [Ve, He] = /*#__PURE__*/ o("ListboxHighlightScroll"), Ue = /* @__PURE__ */ j({
+//#region ../../node_modules/.pnpm/reka-ui@2.11.0_vue@3.5.44_typescript@6.0.3_/node_modules/reka-ui/dist/Listbox/ListboxRoot.js
+var [Ve, He] = /*#__PURE__*/ a("ListboxRoot"), [Ue, We] = /*#__PURE__*/ a("ListboxHighlightScroll"), Ge = /* @__PURE__ */ M({
 	__name: "ListboxRoot",
 	props: {
 		modelValue: {
@@ -286,6 +286,10 @@ var [ze, Be] = /*#__PURE__*/ o("ListboxRoot"), [Ve, He] = /*#__PURE__*/ o("Listb
 			type: Boolean,
 			required: !1
 		},
+		loop: {
+			type: Boolean,
+			required: !1
+		},
 		by: {
 			type: [String, Function],
 			required: !1
@@ -314,210 +318,226 @@ var [ze, Be] = /*#__PURE__*/ o("ListboxRoot"), [Ve, He] = /*#__PURE__*/ o("Listb
 		"leave"
 	],
 	setup(e, { expose: t, emit: n }) {
-		let r = e, i = n, { multiple: o, highlightOnHover: s, orientation: c, disabled: l, selectionBehavior: u, dir: p } = G(r), { getItems: m, getItem: h } = ee({ isProvider: !0 }), { handleTypeaheadSearch: _ } = Ce(), { primitiveElement: v, currentElement: y } = g(), S = te(), C = f(p), E = Ve(null);
-		He({
-			suppressHighlightScroll: B(!1),
+		let r = e, a = n, { multiple: o, highlightOnHover: s, loop: c, orientation: l, disabled: f, selectionBehavior: p, dir: m } = G(r), { getItems: g, getItem: _ } = b({ isProvider: !0 }), { handleTypeaheadSearch: v } = Te(), { primitiveElement: ee, currentElement: te } = h(), C = y(), w = d(m), D = Ue(null);
+		We({
+			suppressHighlightScroll: V(!1),
 			onHighlightScrollRequest: () => {}
 		});
-		let D = b(y), O = B(), k = B(!1), A = B(!0), j = Z(r, "modelValue", i, {
+		let O = x(te), k = V(), A = V(!1), j = V(!0), M = Z(r, "modelValue", a, {
 			defaultValue: r.defaultValue ?? (o.value ? [] : void 0),
 			passive: r.modelValue === void 0,
 			deep: !0
 		});
 		function ne(e) {
-			if (k.value = !0, r.multiple) {
-				let t = Array.isArray(j.value) ? [...j.value] : [], n = t.findIndex((t) => je(t, e, r.by));
-				r.selectionBehavior === "toggle" ? (n === -1 ? t.push(e) : t.splice(n, 1), j.value = t) : (j.value = [e], O.value = e);
-			} else r.selectionBehavior === "toggle" && je(j.value, e, r.by) ? j.value = void 0 : j.value = e;
+			if (A.value = !0, r.multiple) {
+				let t = Array.isArray(M.value) ? [...M.value] : [], n = t.findIndex((t) => Ne(t, e, r.by));
+				r.selectionBehavior === "toggle" ? (n === -1 ? t.push(e) : t.splice(n, 1), M.value = t) : (M.value = [e], k.value = e);
+			} else r.selectionBehavior === "toggle" && Ne(M.value, e, r.by) ? M.value = void 0 : M.value = e;
 			setTimeout(() => {
-				k.value = !1;
+				A.value = !1;
 			}, 1);
 		}
-		let M = B(null), N = B(null), F = B(!1), I = B(!1), L = ue(), re = ue(), ie = ue();
+		let N = V(null), P = V(null), I = V(!1), re = V(!1), L = fe(), ie = fe(), ae = fe();
 		function R() {
-			return m().map((e) => e.ref).filter((e) => e.dataset.disabled !== "");
+			return g().map((e) => e.ref).filter((e) => e.dataset.disabled !== "");
 		}
-		function V(e, t = !0, n) {
+		function z(e, t = !0, n) {
 			if (!e) return;
-			M.value = e;
-			let r = E?.suppressHighlightScroll.value ?? !1;
-			(n ?? A.value) && (r ? M.value.focus({ preventScroll: !0 }) : M.value.focus()), r ? E?.onHighlightScrollRequest(t ? () => {
-				let e = M.value;
+			N.value = e;
+			let r = D?.suppressHighlightScroll.value ?? !1;
+			(n ?? j.value) && (r ? N.value.focus({ preventScroll: !0 }) : N.value.focus()), r ? D?.onHighlightScrollRequest(t ? () => {
+				let e = N.value;
 				e?.isConnected && e.scrollIntoView({ block: "nearest" });
-			} : void 0) : t && M.value.scrollIntoView({ block: "nearest" });
-			let a = h(e);
-			i("highlight", a);
+			} : void 0) : t && N.value.scrollIntoView({ block: "nearest" });
+			let i = _(e);
+			a("highlight", i);
 		}
-		function U(e) {
-			if (F.value) ie.trigger(e);
+		function H(e) {
+			if (I.value) ae.trigger(e);
 			else {
-				let t = m().find((t) => je(t.value, e, r.by));
-				t && (M.value = t.ref, V(t.ref));
+				let t = g().find((t) => Ne(t.value, e, r.by));
+				t && (N.value = t.ref, z(t.ref));
 			}
 		}
-		function ae(e) {
-			if (M.value && M.value.isConnected) {
+		function oe(e) {
+			if (N.value && N.value.isConnected) {
 				if (e.ctrlKey || e.metaKey || e.altKey) return;
-				e.preventDefault(), e.stopPropagation(), I.value || M.value.click();
+				e.preventDefault(), e.stopPropagation(), re.value || N.value.click();
 			}
 		}
-		function W(e) {
-			if (A.value) {
-				if (k.value = !0, F.value) re.trigger(e);
+		function se(e) {
+			if (j.value) {
+				if (A.value = !0, I.value) ie.trigger(e);
 				else {
 					let t = e.altKey || e.ctrlKey || e.metaKey;
 					if (t && e.key === "a" && o.value) {
-						let t = m(), n = t.map((e) => e.value);
-						j.value = [...n], e.preventDefault();
+						let t = g(), n = t.map((e) => e.value);
+						M.value = [...n], e.preventDefault();
 						let r = t.at(-1);
-						r && V(r.ref);
+						r && z(r.ref);
 					} else if (!t) {
-						let t = _(e.key, m());
-						t && V(t);
+						let t = v(e.key, g());
+						t && z(t);
 					}
 				}
 				setTimeout(() => {
-					k.value = !1;
+					A.value = !1;
 				}, 1);
 			}
 		}
-		function oe() {
-			I.value = !0;
+		function W() {
+			re.value = !0;
 		}
-		function se() {
-			P(() => {
-				I.value = !1;
+		function ce() {
+			F(() => {
+				re.value = !1;
 			});
 		}
-		function J() {
-			P(() => {
+		function le() {
+			F(() => {
 				X(new KeyboardEvent("keydown", { key: "PageUp" }));
 			});
 		}
 		function Y(e) {
-			let t = M.value;
-			t?.isConnected && (N.value = t), M.value = null, i("leave", e);
+			let t = N.value;
+			t?.isConnected && (P.value = t), N.value = null, a("leave", e);
 		}
-		function le(e) {
+		function ue(e) {
 			let t = new CustomEvent("listbox.entryFocus", {
 				bubbles: !1,
 				cancelable: !0
 			});
-			if (e.currentTarget?.dispatchEvent(t), i("entryFocus", t), !t.defaultPrevented) {
-				if (N.value) V(N.value);
+			if (e.currentTarget?.dispatchEvent(t), a("entryFocus", t), !t.defaultPrevented) {
+				if (P.value) z(P.value);
 				else {
 					let e = R()?.[0];
-					V(e);
+					z(e);
 				}
 			}
 		}
+		function de(e) {
+			let t = g(!0).map((e) => e.ref), n = e === "next" ? t.at(-1) : t[0];
+			if (!n) return !1;
+			let r = Number(n.getAttribute("aria-posinset")), i = Number(n.getAttribute("aria-setsize"));
+			return e === "next" ? r === i : r === 1;
+		}
 		function X(e) {
-			let t = Ie(e, c.value, C.value);
+			let t = Re(e, l.value, w.value);
 			if (!t) return;
 			let n = R();
-			if (M.value) {
+			if (N.value) {
 				if (t === "last") n.reverse();
 				else if (t === "prev" || t === "next") {
 					t === "prev" && n.reverse();
-					let e = n.indexOf(M.value);
-					n = n.slice(e + 1);
+					let r = n.indexOf(N.value), i = c.value && r === n.length - 1;
+					if (i && I.value) {
+						if (de(t)) {
+							let n = t === "next" ? C.HOME : C.END;
+							return ie.trigger(new KeyboardEvent("keydown", {
+								key: n,
+								shiftKey: e.shiftKey
+							}));
+						}
+						n = [];
+					} else n = i ? n.slice(0, 1) : n.slice(r + 1);
 				}
-				de(e, n[0]);
+				pe(e, n[0]);
 			}
 			if (n.length) {
-				let e = !M.value && t === "prev" ? n.length - 1 : 0;
-				V(n[e]);
+				let e = !N.value && t === "prev" ? n.length - 1 : 0;
+				z(n[e]);
 			}
-			if (F.value) return re.trigger(e);
-		}
-		function de(e, t) {
-			if (!F.value && r.selectionBehavior === "replace" && o.value && Array.isArray(j.value) && (!e.altKey && !e.ctrlKey && !e.metaKey || e.shiftKey) && e.shiftKey) {
-				let n = m().filter((e) => e.ref.dataset.disabled !== ""), r = n.find((e) => e.ref === t)?.value;
-				if (e.key === S.END ? r = n.at(-1)?.value : e.key === S.HOME && (r = n[0]?.value), !r || !O.value) return;
-				let i = be(n.map((e) => e.value), O.value, r);
-				j.value = i;
+			if (I.value) return ie.trigger(e);
+		}
+		function pe(e, t) {
+			if (!I.value && r.selectionBehavior === "replace" && o.value && Array.isArray(M.value) && (!e.altKey && !e.ctrlKey && !e.metaKey || e.shiftKey) && e.shiftKey) {
+				let n = g().filter((e) => e.ref.dataset.disabled !== ""), r = n.find((e) => e.ref === t)?.value;
+				if (e.key === C.END ? r = n.at(-1)?.value : e.key === C.HOME && (r = n[0]?.value), !r || !k.value) return;
+				let i = Se(n.map((e) => e.value), k.value, r);
+				M.value = i;
 			}
 		}
-		async function fe(e, t = !0) {
-			if (a) {
-				if (await P(), F.value) L.trigger({
+		async function me(e, t = !0) {
+			if (i) {
+				if (await F(), I.value) L.trigger({
 					event: e,
 					scroll: t
 				});
 				else {
 					let e = R(), n = e.find((e) => e.dataset.state === "checked"), r = t ? void 0 : !1;
-					n ? V(n, t, r) : e.length && V(e[0], t, r);
+					n ? z(n, t, r) : e.length && z(e[0], t, r);
 				}
 			}
 		}
-		let pe = !1;
-		return ce(j, () => {
-			if (!k.value) {
-				let e = pe;
-				pe = !0, P(() => {
-					fe(void 0, e);
+		let he = !1;
+		return q(M, () => {
+			if (!A.value) {
+				let e = he;
+				he = !0, F(() => {
+					me(void 0, e);
 				});
 			}
 		}, {
 			immediate: !0,
 			deep: !0
 		}), t({
-			highlightedElement: M,
-			highlightItem: U,
-			highlightFirstItem: J,
-			highlightSelected: fe,
-			getItems: m
-		}), Be({
-			modelValue: j,
+			highlightedElement: N,
+			highlightItem: H,
+			highlightFirstItem: le,
+			highlightSelected: me,
+			getItems: g
+		}), He({
+			modelValue: M,
 			onValueChange: ne,
 			multiple: o,
-			orientation: c,
-			dir: C,
-			disabled: l,
+			orientation: l,
+			dir: w,
+			disabled: f,
 			highlightOnHover: s,
-			highlightedElement: M,
-			isVirtual: F,
+			loop: c,
+			highlightedElement: N,
+			isVirtual: I,
 			virtualFocusHook: L,
-			virtualKeydownHook: re,
-			virtualHighlightHook: ie,
+			virtualKeydownHook: ie,
+			virtualHighlightHook: ae,
 			by: r.by,
-			firstValue: O,
-			selectionBehavior: u,
-			focusable: A,
+			firstValue: k,
+			selectionBehavior: p,
+			focusable: j,
 			onLeave: Y,
-			onEnter: le,
-			changeHighlight: V,
-			onKeydownEnter: ae,
+			onEnter: ue,
+			changeHighlight: z,
+			onKeydownEnter: oe,
 			onKeydownNavigation: X,
-			onKeydownTypeAhead: W,
-			onCompositionStart: oe,
-			onCompositionEnd: se,
-			highlightFirstItem: J
-		}), (e, t) => (z(), w(K(d), {
+			onKeydownTypeAhead: se,
+			onCompositionStart: W,
+			onCompositionEnd: ce,
+			highlightFirstItem: le
+		}), (t, n) => (B(), T(K(u), {
 			ref_key: "primitiveElement",
-			ref: v,
+			ref: ee,
 			as: e.as,
 			"as-child": e.asChild,
-			dir: K(C),
-			"data-disabled": K(l) ? "" : void 0,
+			dir: K(w),
+			"data-disabled": K(f) ? "" : void 0,
 			onPointerleave: Y,
-			onFocusout: t[0] ||= async (e) => {
+			onFocusout: n[0] ||= async (e) => {
 				let t = e.relatedTarget || e.target;
-				await P(), M.value && K(y) && !K(y).contains(t) && Y(e);
+				await F(), N.value && K(te) && !K(te).contains(t) && Y(e);
 			}
 		}, {
-			default: q(() => [H(e.$slots, "default", { modelValue: K(j) }), K(D) && e.name ? (z(), w(K(x), {
+			default: J(() => [U(t.$slots, "default", { modelValue: K(M) }), K(O) && e.name ? (B(), T(K(S), {
 				key: 0,
 				name: e.name,
-				value: K(j),
-				disabled: K(l),
+				value: K(M),
+				disabled: K(f),
 				required: e.required
 			}, null, 8, [
 				"name",
 				"value",
 				"disabled",
 				"required"
-			])) : T("v-if", !0)]),
+			])) : E("v-if", !0)]),
 			_: 3
 		}, 8, [
 			"as",
@@ -526,7 +546,7 @@ var [ze, Be] = /*#__PURE__*/ o("ListboxRoot"), [Ve, He] = /*#__PURE__*/ o("Listb
 			"data-disabled"
 		]));
 	}
-}), We = /* @__PURE__ */ j({
+}), Ke = /* @__PURE__ */ M({
 	__name: "ListboxContent",
 	props: {
 		asChild: {
@@ -539,22 +559,22 @@ var [ze, Be] = /*#__PURE__*/ o("ListboxRoot"), [Ve, He] = /*#__PURE__*/ o("Listb
 		}
 	},
 	setup(t) {
-		let { CollectionSlot: n } = ee(), r = ze(), i = e(!1, 10);
-		return (e, t) => (z(), w(K(n), null, {
-			default: q(() => [k(K(d), {
+		let { CollectionSlot: n } = b(), r = Ve(), i = e(!1, 10);
+		return (e, a) => (B(), T(K(n), null, {
+			default: J(() => [A(K(u), {
 				role: "listbox",
-				as: e.as,
-				"as-child": e.asChild,
+				as: t.as,
+				"as-child": t.asChild,
 				tabindex: K(r).focusable.value ? K(r).highlightedElement.value ? "-1" : "0" : "-1",
 				"aria-orientation": K(r).orientation.value,
 				"aria-multiselectable": !!K(r).multiple.value,
 				"data-orientation": K(r).orientation.value,
-				onMousedown: t[0] ||= X((e) => i.value = !0, ["left"]),
-				onFocus: t[1] ||= (e) => {
+				onMousedown: a[0] ||= X((e) => i.value = !0, ["left"]),
+				onFocus: a[1] ||= (e) => {
 					K(i) || K(r).onEnter(e);
 				},
 				onKeydown: [
-					t[2] ||= Y((e) => {
+					a[2] ||= ue((e) => {
 						(K(r).orientation.value !== "vertical" || e.key !== "ArrowLeft" && e.key !== "ArrowRight") && (K(r).orientation.value !== "horizontal" || e.key !== "ArrowUp" && e.key !== "ArrowDown") && (e.preventDefault(), K(r).focusable.value && K(r).onKeydownNavigation(e));
 					}, [
 						"down",
@@ -564,11 +584,11 @@ var [ze, Be] = /*#__PURE__*/ o("ListboxRoot"), [Ve, He] = /*#__PURE__*/ o("Listb
 						"home",
 						"end"
 					]),
-					Y(K(r).onKeydownEnter, ["enter"]),
+					ue(K(r).onKeydownEnter, ["enter"]),
 					K(r).onKeydownTypeAhead
 				]
 			}, {
-				default: q(() => [H(e.$slots, "default")]),
+				default: J(() => [U(e.$slots, "default")]),
 				_: 3
 			}, 8, [
 				"as",
@@ -582,7 +602,7 @@ var [ze, Be] = /*#__PURE__*/ o("ListboxRoot"), [Ve, He] = /*#__PURE__*/ o("Listb
 			_: 3
 		}));
 	}
-}), Ge = "listbox.select", [Ke, qe] = /*#__PURE__*/ o("ListboxItem"), Je = /* @__PURE__ */ j({
+}), qe = "listbox.select", [Je, Ye] = /*#__PURE__*/ a("ListboxItem"), Xe = /* @__PURE__ */ M({
 	__name: "ListboxItem",
 	props: {
 		value: {
@@ -604,26 +624,26 @@ var [ze, Be] = /*#__PURE__*/ o("ListboxRoot"), [Ve, He] = /*#__PURE__*/ o("Listb
 		}
 	},
 	emits: ["select"],
-	setup(e, { emit: t }) {
-		let i = e, a = t, o = s(void 0, "reka-listbox-item"), { CollectionItem: c } = ee(), { forwardRef: l, currentElement: u } = r(), f = ze(), p = C(() => u.value != null && u.value === f.highlightedElement.value), m = C(() => Ae(f.modelValue.value, i.value, f.by)), h = C(() => f.disabled.value || i.disabled);
+	setup(e, { emit: r }) {
+		let i = e, a = r, s = o(void 0, "reka-listbox-item"), { CollectionItem: c } = b(), { forwardRef: l, currentElement: d } = n(), f = Ve(), p = w(() => d.value != null && d.value === f.highlightedElement.value), m = w(() => Me(f.modelValue.value, i.value, f.by)), h = w(() => f.disabled.value || i.disabled);
 		async function g(e) {
-			a("select", e), !e?.defaultPrevented && !h.value && e && (f.onValueChange(i.value), f.changeHighlight(u.value));
+			a("select", e), !e?.defaultPrevented && !h.value && e && (f.onValueChange(i.value), f.changeHighlight(d.value));
 		}
 		function _(e) {
-			let t = {
+			let n = {
 				originalEvent: e,
 				value: i.value
 			};
-			n(Ge, g, t);
+			t(qe, g, n);
 		}
-		return qe({ isSelected: m }), (e, t) => (z(), w(K(c), { value: e.value }, {
-			default: q(() => [le([
+		return Ye({ isSelected: m }), (t, n) => (B(), T(K(c), { value: e.value }, {
+			default: J(() => [de([
 				p.value,
 				m.value,
 				h.value,
 				K(f).focusable.value,
-				...Object.entries(e.$attrs).flat()
-			], () => k(K(d), N({ id: K(o) }, e.$attrs, {
+				...Object.entries(t.$attrs).flat()
+			], () => A(K(u), P({ id: K(s) }, t.$attrs, {
 				ref: K(l),
 				role: "option",
 				tabindex: K(f).focusable.value ? p.value ? "0" : "-1" : -1,
@@ -635,12 +655,12 @@ var [ze, Be] = /*#__PURE__*/ o("ListboxRoot"), [Ve, He] = /*#__PURE__*/ o("Listb
 				"data-highlighted": p.value ? "" : void 0,
 				"data-state": m.value ? "checked" : "unchecked",
 				onClick: _,
-				onKeydown: Y(X(_, ["prevent"]), ["space"]),
-				onPointermove: t[0] ||= () => {
-					K(f).highlightedElement.value !== K(u) && K(f).highlightOnHover.value && K(f).changeHighlight(K(u), !1, !1);
+				onKeydown: ue(X(_, ["prevent"]), ["space"]),
+				onPointermove: n[0] ||= () => {
+					K(f).highlightedElement.value !== K(d) && K(f).highlightOnHover.value && K(f).changeHighlight(K(d), !1, !1);
 				}
 			}), {
-				default: q(() => [H(e.$slots, "default")]),
+				default: J(() => [U(t.$slots, "default", { selected: m.value })]),
 				_: 3
 			}, 16, [
 				"id",
@@ -653,11 +673,11 @@ var [ze, Be] = /*#__PURE__*/ o("ListboxRoot"), [Ve, He] = /*#__PURE__*/ o("Listb
 				"data-highlighted",
 				"data-state",
 				"onKeydown"
-			]), t, 1)]),
+			]), n, 1)]),
 			_: 3
 		}, 8, ["value"]));
 	}
-}), [Ye, Xe] = /*#__PURE__*/ o("RovingFocusGroup"), Ze = /* @__PURE__ */ j({
+}), [Ze, Qe] = /*#__PURE__*/ a("RovingFocusGroup"), $e = /* @__PURE__ */ M({
 	__name: "RovingFocusGroup",
 	props: {
 		orientation: {
@@ -698,17 +718,17 @@ var [ze, Be] = /*#__PURE__*/ o("ListboxRoot"), [Ve, He] = /*#__PURE__*/ o("Listb
 	},
 	emits: ["entryFocus", "update:currentTabStopId"],
 	setup(e, { expose: t, emit: n }) {
-		let r = e, i = n, { loop: a, orientation: o, dir: s } = G(r), c = f(s), l = Z(r, "currentTabStopId", i, {
+		let r = e, i = n, { loop: a, orientation: o, dir: s } = G(r), c = d(s), l = Z(r, "currentTabStopId", i, {
 			defaultValue: r.defaultCurrentTabStopId,
 			passive: r.currentTabStopId === void 0
-		}), u = B(!1), p = B(!1), m = B(0), { getItems: h, CollectionSlot: g } = ee({ isProvider: !0 });
+		}), f = V(!1), p = V(!1), m = V(0), { getItems: h, CollectionSlot: g } = b({ isProvider: !0 });
 		function _(e) {
 			let t = !p.value;
-			if (e.currentTarget && e.target === e.currentTarget && t && !u.value) {
-				let t = new CustomEvent(Me, Ne);
+			if (e.currentTarget && e.target === e.currentTarget && t && !f.value) {
+				let t = new CustomEvent(Pe, Fe);
 				if (e.currentTarget.dispatchEvent(t), i("entryFocus", t), !t.defaultPrevented) {
 					let e = h().map((e) => e.ref).filter((e) => e.dataset.disabled !== "");
-					Le([
+					ze([
 						e.find((e) => e.getAttribute("data-active") === ""),
 						e.find((e) => e.getAttribute("data-highlighted") === ""),
 						e.find((e) => e.id === l.value),
@@ -723,7 +743,7 @@ var [ze, Be] = /*#__PURE__*/ o("ListboxRoot"), [Ve, He] = /*#__PURE__*/ o("Listb
 				p.value = !1;
 			}, 1);
 		}
-		return t({ getItems: h }), Xe({
+		return t({ getItems: h }), Qe({
 			loop: a,
 			dir: c,
 			orientation: o,
@@ -732,7 +752,7 @@ var [ze, Be] = /*#__PURE__*/ o("ListboxRoot"), [Ve, He] = /*#__PURE__*/ o("Listb
 				l.value = e;
 			},
 			onItemShiftTab: () => {
-				u.value = !0;
+				f.value = !0;
 			},
 			onFocusableItemAdd: () => {
 				m.value++;
@@ -740,20 +760,20 @@ var [ze, Be] = /*#__PURE__*/ o("ListboxRoot"), [Ve, He] = /*#__PURE__*/ o("Listb
 			onFocusableItemRemove: () => {
 				m.value--;
 			}
-		}), (e, t) => (z(), w(K(g), null, {
-			default: q(() => [k(K(d), {
-				tabindex: u.value || m.value === 0 ? -1 : 0,
+		}), (t, n) => (B(), T(K(g), null, {
+			default: J(() => [A(K(u), {
+				tabindex: f.value || m.value === 0 ? -1 : 0,
 				"data-orientation": K(o),
 				as: e.as,
 				"as-child": e.asChild,
 				dir: K(c),
 				style: { outline: "none" },
-				onMousedown: t[0] ||= (e) => p.value = !0,
+				onMousedown: n[0] ||= (e) => p.value = !0,
 				onMouseup: v,
 				onFocus: _,
-				onBlur: t[1] ||= (e) => u.value = !1
+				onBlur: n[1] ||= (e) => f.value = !1
 			}, {
-				default: q(() => [H(e.$slots, "default")]),
+				default: J(() => [U(t.$slots, "default")]),
 				_: 3
 			}, 8, [
 				"tabindex",
@@ -765,7 +785,7 @@ var [ze, Be] = /*#__PURE__*/ o("ListboxRoot"), [Ve, He] = /*#__PURE__*/ o("Listb
 			_: 3
 		}));
 	}
-}), Qe = /* @__PURE__ */ j({
+}), et = /* @__PURE__ */ M({
 	__name: "RovingFocusItem",
 	props: {
 		tabStopId: {
@@ -796,49 +816,61 @@ var [ze, Be] = /*#__PURE__*/ o("ListboxRoot"), [Ve, He] = /*#__PURE__*/ o("Listb
 		}
 	},
 	setup(e) {
-		let t = e, n = Ye(), r = s(), i = C(() => t.tabStopId || r), a = C(() => n.currentTabStopId.value === i.value), { getItems: o, CollectionItem: c } = ee();
-		ie(() => {
-			t.focusable && n.onFocusableItemAdd();
-		}), R(() => {
-			t.focusable && n.onFocusableItemRemove();
-		}), ce(() => t.focusable, (e, t) => {
-			e !== t && (e ? n.onFocusableItemAdd() : n.onFocusableItemRemove());
+		let t = e, r = Ze(), i = o(), a = w(() => t.tabStopId || i), s = w(() => r.currentTabStopId.value === a.value), { getItems: c, CollectionItem: l } = b();
+		R(() => {
+			t.focusable && r.onFocusableItemAdd();
+		}), z(() => {
+			t.focusable && r.onFocusableItemRemove();
+		}), q(() => t.focusable, (e, t) => {
+			e !== t && (e ? r.onFocusableItemAdd() : r.onFocusableItemRemove());
 		});
-		function l(e) {
+		function d(e) {
+			if (e.defaultPrevented) return;
 			if (e.key === "Tab" && e.shiftKey) {
-				n.onItemShiftTab();
+				r.onItemShiftTab();
 				return;
 			}
 			if (e.target !== e.currentTarget) return;
-			let r = Ie(e, n.orientation.value, n.dir.value);
-			if (r !== void 0) {
+			let n = Re(e, r.orientation.value, r.dir.value);
+			if (n !== void 0) {
 				if (e.metaKey || e.ctrlKey || e.altKey || !t.allowShiftKey && e.shiftKey) return;
 				e.preventDefault();
-				let i = [...o().map((e) => e.ref).filter((e) => e.dataset.disabled !== "")];
-				if (r === "last") i.reverse();
-				else if (r === "prev" || r === "next") {
-					r === "prev" && i.reverse();
+				let i = [...c().map((e) => e.ref).filter((e) => e.dataset.disabled !== "")];
+				if (n === "last") i.reverse();
+				else if (n === "prev" || n === "next") {
+					n === "prev" && i.reverse();
 					let t = i.indexOf(e.currentTarget);
-					i = n.loop.value ? Re(i, t + 1) : i.slice(t + 1);
+					i = r.loop.value ? Be(i, t + 1) : i.slice(t + 1);
 				}
-				P(() => Le(i));
+				F(() => ze(i));
 			}
 		}
-		return (e, t) => (z(), w(K(c), null, {
-			default: q(() => [k(K(d), {
-				tabindex: a.value ? 0 : -1,
-				"data-orientation": K(n).orientation.value,
+		let { forwardRef: f, currentElement: p } = n(), m = se();
+		q(p, (e) => {
+			m.value = e;
+		}, {
+			immediate: !0,
+			flush: "post"
+		}), me(m, "keydown", d);
+		function h(e) {
+			m.value = e.currentTarget;
+		}
+		return (t, n) => (B(), T(K(l), null, {
+			default: J(() => [A(K(u), {
+				ref: K(f),
+				tabindex: s.value ? 0 : -1,
+				"data-orientation": K(r).orientation.value,
 				"data-active": e.active ? "" : void 0,
 				"data-disabled": e.focusable ? void 0 : "",
 				as: e.as,
 				"as-child": e.asChild,
-				onMousedown: t[0] ||= (t) => {
-					e.focusable ? K(n).onItemFocus(i.value) : t.preventDefault();
+				onMousedown: n[0] ||= (t) => {
+					e.focusable ? K(r).onItemFocus(a.value) : t.preventDefault();
 				},
-				onFocus: t[1] ||= (e) => K(n).onItemFocus(i.value),
-				onKeydown: l
+				onFocus: n[1] ||= (e) => K(r).onItemFocus(a.value),
+				onFocusin: h
 			}, {
-				default: q(() => [H(e.$slots, "default")]),
+				default: J(() => [U(t.$slots, "default")]),
 				_: 3
 			}, 8, [
 				"tabindex",
@@ -851,7 +883,7 @@ var [ze, Be] = /*#__PURE__*/ o("ListboxRoot"), [Ve, He] = /*#__PURE__*/ o("Listb
 			_: 3
 		}));
 	}
-}), [$e, et] = /*#__PURE__*/ o("CheckboxGroupRoot"), tt = /* @__PURE__ */ j({
+}), [tt, nt] = /*#__PURE__*/ a("CheckboxGroupRoot"), rt = /* @__PURE__ */ M({
 	__name: "CheckboxGroupRoot",
 	props: {
 		defaultValue: {
@@ -871,6 +903,10 @@ var [ze, Be] = /*#__PURE__*/ o("ListboxRoot"), [Ve, He] = /*#__PURE__*/ o("Listb
 			type: Boolean,
 			required: !1
 		},
+		max: {
+			type: [Number, null],
+			required: !1
+		},
 		as: {
 			type: null,
 			required: !1
@@ -902,49 +938,76 @@ var [ze, Be] = /*#__PURE__*/ o("ListboxRoot"), [Ve, He] = /*#__PURE__*/ o("Listb
 	},
 	emits: ["update:modelValue"],
 	setup(e, { emit: t }) {
-		let n = e, r = t, { disabled: i, rovingFocus: a, dir: o } = G(n), s = f(o), { primitiveElement: c, currentElement: l } = g(), u = b(l), p = Z(n, "modelValue", r, {
+		let n = e, r = t, { disabled: i, max: a, rovingFocus: o, dir: s } = G(n), c = d(s), { primitiveElement: l, currentElement: f } = h(), p = x(f), m = Z(n, "modelValue", r, {
 			defaultValue: n.defaultValue ?? [],
 			passive: n.modelValue === void 0
-		}), m = C(() => a.value ? {
+		}), g = w(() => o.value ? {
 			loop: n.loop,
-			dir: s.value,
+			dir: c.value,
 			orientation: n.orientation
 		} : {});
-		return et({
-			modelValue: p,
-			rovingFocus: a,
-			disabled: i
-		}), (e, t) => (z(), w(U(K(a) ? K(Ze) : K(d)), N({
+		return nt({
+			modelValue: m,
+			rovingFocus: o,
+			disabled: i,
+			max: a
+		}), (t, n) => (B(), T(oe(K(o) ? K($e) : K(u)), P({
 			ref_key: "primitiveElement",
-			ref: c,
+			ref: l,
 			as: e.as,
 			"as-child": e.asChild
-		}, m.value), {
-			default: q(() => [H(e.$slots, "default"), K(u) && e.name ? (z(), w(K(x), {
+		}, g.value), {
+			default: J(() => [U(t.$slots, "default"), K(p) && e.name ? (B(), T(K(S), {
 				key: 0,
 				name: e.name,
-				value: K(p),
+				value: K(m),
 				required: e.required
 			}, null, 8, [
 				"name",
 				"value",
 				"required"
-			])) : T("v-if", !0)]),
+			])) : E("v-if", !0)]),
 			_: 3
 		}, 16, ["as", "as-child"]));
 	}
+}), it = /* @__PURE__ */ M({
+	__name: "Label",
+	props: {
+		for: {
+			type: String,
+			required: !1
+		},
+		asChild: {
+			type: Boolean,
+			required: !1
+		},
+		as: {
+			type: null,
+			required: !1,
+			default: "label"
+		}
+	},
+	setup(e) {
+		let t = e;
+		return n(), (e, n) => (B(), T(K(u), P(t, { onMousedown: n[0] ||= (e) => {
+			!e.defaultPrevented && e.detail > 1 && e.preventDefault();
+		} }), {
+			default: J(() => [U(e.$slots, "default")]),
+			_: 3
+		}, 16));
+	}
 });
 //#endregion
-//#region ../../node_modules/.pnpm/reka-ui@2.10.5_vue@3.5.43_typescript@6.0.3_/node_modules/reka-ui/dist/Checkbox/utils.js
-function nt(e) {
+//#region ../../node_modules/.pnpm/reka-ui@2.11.0_vue@3.5.44_typescript@6.0.3_/node_modules/reka-ui/dist/Checkbox/utils.js
+function at(e) {
 	return e === "indeterminate";
 }
-function rt(e) {
-	return nt(e) ? "indeterminate" : e ? "checked" : "unchecked";
+function ot(e) {
+	return at(e) ? "indeterminate" : e ? "checked" : "unchecked";
 }
 //#endregion
-//#region ../../node_modules/.pnpm/reka-ui@2.10.5_vue@3.5.43_typescript@6.0.3_/node_modules/reka-ui/dist/Checkbox/CheckboxRoot.js
-var [it, at] = /*#__PURE__*/ o("CheckboxRoot"), ot = /* @__PURE__ */ j({
+//#region ../../node_modules/.pnpm/reka-ui@2.11.0_vue@3.5.44_typescript@6.0.3_/node_modules/reka-ui/dist/Checkbox/CheckboxRoot.js
+var [st, ct] = /*#__PURE__*/ a("CheckboxRoot"), lt = /* @__PURE__ */ M({
 	inheritAttrs: !1,
 	__name: "CheckboxRoot",
 	props: {
@@ -999,51 +1062,93 @@ var [it, at] = /*#__PURE__*/ o("CheckboxRoot"), ot = /* @__PURE__ */ j({
 		}
 	},
 	emits: ["update:modelValue"],
-	setup(e, { emit: n }) {
-		let i = e, a = n, { forwardRef: o, currentElement: s } = r(), c = $e(null), l = Z(i, "modelValue", a, {
-			defaultValue: i.defaultValue ?? i.falseValue,
-			passive: i.modelValue === void 0
-		}), u = C(() => c?.disabled.value || i.disabled), f = C(() => Q(l.value, i.trueValue)), p = C(() => t(c?.modelValue.value) ? l.value === "indeterminate" ? "indeterminate" : f.value : xe(c.modelValue.value, i.value));
-		function m() {
-			if (t(c?.modelValue.value)) l.value === "indeterminate" ? l.value = i.trueValue : l.value = f.value ? i.falseValue : i.trueValue;
+	setup(e, { emit: t }) {
+		let r = e, i = t, { forwardRef: a, currentElement: o } = n(), s = tt(null), c = te(null), l = Z(r, "modelValue", i, {
+			defaultValue: r.defaultValue ?? r.falseValue,
+			passive: r.modelValue === void 0
+		}), d = w(() => {
+			let e = s?.max.value;
+			if (ee(e)) return !1;
+			let t = s.modelValue.value ?? [];
+			return !Ce(t, r.value) && t.length >= e;
+		}), f = w(() => !!(s?.disabled.value || r.disabled || c?.disabled.value)), p = w(() => f.value || d.value), m = w(() => !!c && !s), h = w(() => r.id ?? (m.value ? c?.fieldId.value : void 0)), g = w(() => r.name ?? c?.name.value), _ = w(() => c ? r.required || c.required.value : r.required), v = w(() => Q(l.value, r.trueValue)), y = w(() => ee(s?.modelValue.value) ? l.value === "indeterminate" ? "indeterminate" : v.value : Ce(s.modelValue.value, r.value));
+		function b() {
+			if (p.value) return;
+			let e = y.value !== !0;
+			if (ee(s?.modelValue.value)) l.value === "indeterminate" ? l.value = r.trueValue : l.value = v.value ? r.falseValue : r.trueValue;
 			else {
-				let e = [...c.modelValue.value || []];
-				if (xe(e, i.value)) {
-					let t = e.findIndex((e) => Q(e, i.value));
+				let e = [...s.modelValue.value || []];
+				if (Ce(e, r.value)) {
+					let t = e.findIndex((e) => Q(e, r.value));
 					e.splice(t, 1);
-				} else e.push(i.value);
-				c.modelValue.value = e;
+				} else e.push(r.value);
+				s.modelValue.value = e;
 			}
+			m.value && c?.handleControlInput({ value: e });
 		}
-		let h = b(s), g = Se(), _ = oe(), v = C(() => {
-			if (!_["aria-label"]) return i.id && s.value ? document.querySelector(`[for="${i.id}"]`)?.innerText : void 0;
+		q(y, (e) => {
+			m.value && c?.reportControlState({ filled: e === !0 });
+		});
+		let O = x(o), k = we(), A = ce(), j = w(() => {
+			if (!A["aria-label"]) return h.value && o.value ? document.querySelector(`[for="${h.value}"]`)?.innerText : void 0;
 		});
-		return at({
-			disabled: u,
-			state: p
-		}), (e, t) => (z(), E(S, null, [(z(), w(U(K(c)?.rovingFocus.value ? K(Qe) : K(d)), N({
-			...e.$attrs,
-			...K(g)
+		function M() {
+			let e = (e, t) => [e, t].filter(Boolean).join(" ") || void 0;
+			return {
+				"aria-labelledby": e(A["aria-labelledby"], m.value ? c?.labelId.value : void 0),
+				"aria-describedby": e(A["aria-describedby"], c?.describedBy.value),
+				"aria-invalid": A["aria-invalid"] ?? (c?.invalid.value || void 0)
+			};
+		}
+		function ne() {
+			c?.handleControlFocus();
+		}
+		function N() {
+			m.value ? c?.handleControlBlur() : c?.reportControlState({
+				focused: !1,
+				touched: !0
+			});
+		}
+		let F;
+		return R(() => {
+			m.value && (F = c?.registerControl({
+				id: () => h.value,
+				element: () => o.value,
+				getValue: () => y.value,
+				required: () => r.required,
+				isFilled: (e) => e === !0
+			}));
+		}), ae(() => F?.()), ct({
+			disabled: f,
+			state: y
+		}), (t, n) => (B(), D(C, null, [(B(), T(oe(K(s)?.rovingFocus.value ? K(et) : K(u)), P({
+			...K(c)?.dataAttributes.value,
+			...t.$attrs,
+			...K(k),
+			...M()
 		}, {
-			id: e.id,
-			ref: K(o),
+			id: h.value,
+			ref: K(a),
 			role: "checkbox",
 			"as-child": e.asChild,
 			as: e.as,
 			type: e.as === "button" ? "button" : void 0,
-			"aria-checked": K(nt)(p.value) ? "mixed" : p.value,
-			"aria-required": e.required,
-			"aria-label": e.$attrs["aria-label"] || v.value,
-			"data-state": K(rt)(p.value),
-			"data-disabled": u.value ? "" : void 0,
-			disabled: u.value,
-			focusable: K(c)?.rovingFocus.value ? !u.value : void 0,
-			onKeydown: Y(X(() => {}, ["prevent"]), ["enter"]),
-			onClick: m
+			"aria-checked": K(at)(y.value) ? "mixed" : y.value,
+			"aria-required": _.value,
+			"aria-label": t.$attrs["aria-label"] || j.value,
+			"data-state": K(ot)(y.value),
+			"aria-disabled": p.value ? "true" : void 0,
+			"data-disabled": f.value ? "" : void 0,
+			disabled: f.value,
+			focusable: K(s)?.rovingFocus.value ? !f.value : void 0,
+			onKeydown: ue(X(() => {}, ["prevent"]), ["enter"]),
+			onClick: b,
+			onFocus: ne,
+			onBlur: N
 		}), {
-			default: q(() => [H(e.$slots, "default", {
+			default: J(() => [U(t.$slots, "default", {
 				modelValue: K(l),
-				state: p.value
+				state: y.value
 			})]),
 			_: 3
 		}, 16, [
@@ -1055,27 +1160,28 @@ var [it, at] = /*#__PURE__*/ o("CheckboxRoot"), ot = /* @__PURE__ */ j({
 			"aria-required",
 			"aria-label",
 			"data-state",
+			"aria-disabled",
 			"data-disabled",
 			"disabled",
 			"focusable",
 			"onKeydown"
-		])), K(h) && e.name && !K(c) ? (z(), w(K(x), N({
+		])), K(O) && g.value && !K(s) ? (B(), T(K(S), P({
 			key: 0,
 			type: "checkbox",
-			checked: !!p.value,
-			name: e.name,
+			checked: !!y.value,
+			name: g.value,
 			value: e.value,
-			disabled: u.value,
-			required: e.required
-		}, K(g)), null, 16, [
+			disabled: f.value,
+			required: _.value
+		}, K(k)), null, 16, [
 			"checked",
 			"name",
 			"value",
 			"disabled",
 			"required"
-		])) : T("v-if", !0)], 64));
+		])) : E("v-if", !0)], 64));
 	}
-}), st = /* @__PURE__ */ j({
+}), ut = /* @__PURE__ */ M({
 	__name: "PopoverAnchor",
 	props: {
 		reference: {
@@ -1093,53 +1199,27 @@ var [it, at] = /*#__PURE__*/ o("CheckboxRoot"), ot = /* @__PURE__ */ j({
 	},
 	setup(e) {
 		let t = e;
-		r();
-		let n = p();
-		return re(() => {
-			n.hasCustomAnchor.value = !0;
-		}), R(() => {
-			n.hasCustomAnchor.value = !1;
-		}), (e, n) => (z(), w(K(i), I(M(t)), {
-			default: q(() => [H(e.$slots, "default")]),
-			_: 3
-		}, 16));
-	}
-}), ct = /* @__PURE__ */ j({
-	__name: "Label",
-	props: {
-		for: {
-			type: String,
-			required: !1
-		},
-		asChild: {
-			type: Boolean,
-			required: !1
-		},
-		as: {
-			type: null,
-			required: !1,
-			default: "label"
-		}
-	},
-	setup(e) {
-		let t = e;
-		return r(), (e, n) => (z(), w(K(d), N(t, { onMousedown: n[0] ||= (e) => {
-			!e.defaultPrevented && e.detail > 1 && e.preventDefault();
-		} }), {
-			default: q(() => [H(e.$slots, "default")]),
+		n();
+		let i = f();
+		return ie(() => {
+			i.hasCustomAnchor.value = !0;
+		}), z(() => {
+			i.hasCustomAnchor.value = !1;
+		}), (e, n) => (B(), T(K(r), re(N(t)), {
+			default: J(() => [U(e.$slots, "default")]),
 			_: 3
 		}, 16));
 	}
-}), lt = "radio.select";
-function ut(e, t, r) {
-	n(lt, r, {
+}), dt = "radio.select";
+function ft(e, n, r) {
+	t(dt, r, {
 		originalEvent: e,
-		value: t
+		value: n
 	});
 }
 //#endregion
-//#region ../../node_modules/.pnpm/reka-ui@2.10.5_vue@3.5.43_typescript@6.0.3_/node_modules/reka-ui/dist/RadioGroup/Radio.js
-var dt = /* @__PURE__ */ j({
+//#region ../../node_modules/.pnpm/reka-ui@2.11.0_vue@3.5.44_typescript@6.0.3_/node_modules/reka-ui/dist/RadioGroup/Radio.js
+var pt = /* @__PURE__ */ M({
 	inheritAttrs: !1,
 	__name: "Radio",
 	props: {
@@ -1181,13 +1261,13 @@ var dt = /* @__PURE__ */ j({
 	},
 	emits: ["update:checked", "select"],
 	setup(e, { emit: t }) {
-		let n = e, i = t, a = Z(n, "checked", i, { passive: n.checked === void 0 }), { value: o } = G(n), { forwardRef: s, currentElement: c } = r(), l = b(c), u = Se(), f = C(() => n.id && c.value ? document.querySelector(`[for="${n.id}"]`)?.innerText : void 0);
+		let r = e, i = t, a = Z(r, "checked", i, { passive: r.checked === void 0 }), { value: o } = G(r), { forwardRef: s, currentElement: c } = n(), l = x(c), d = we(), f = w(() => r.id && c.value ? document.querySelector(`[for="${r.id}"]`)?.innerText : void 0);
 		function p(e) {
-			n.disabled || ut(e, n.value, (e) => {
+			r.disabled || ft(e, r.value, (e) => {
 				i("select", e), !e?.defaultPrevented && (a.value = !0, l.value && e.stopPropagation());
 			});
 		}
-		return (e, t) => (z(), E(S, null, [k(K(d), N({
+		return (t, n) => (B(), D(C, null, [A(K(u), P({
 			id: e.id,
 			ref: K(s),
 			role: "radio",
@@ -1203,10 +1283,10 @@ var dt = /* @__PURE__ */ j({
 			required: e.required,
 			name: e.name
 		}, {
-			...K(u),
-			...e.$attrs
+			...K(d),
+			...t.$attrs
 		}, { onClick: X(p, ["stop"]) }), {
-			default: q(() => [H(e.$slots, "default", { checked: K(a) })]),
+			default: J(() => [U(t.$slots, "default", { checked: K(a) })]),
 			_: 3
 		}, 16, [
 			"id",
@@ -1221,7 +1301,7 @@ var dt = /* @__PURE__ */ j({
 			"value",
 			"required",
 			"name"
-		]), K(l) && e.name ? (z(), w(K(x), N({
+		]), K(l) && e.name ? (B(), T(K(S), P({
 			key: 0,
 			type: "radio",
 			tabindex: "-1",
@@ -1230,15 +1310,15 @@ var dt = /* @__PURE__ */ j({
 			name: e.name,
 			disabled: e.disabled,
 			required: e.required
-		}, K(u)), null, 16, [
+		}, K(d)), null, 16, [
 			"value",
 			"checked",
 			"name",
 			"disabled",
 			"required"
-		])) : T("v-if", !0)], 64));
+		])) : E("v-if", !0)], 64));
 	}
-}), [ft, pt] = /*#__PURE__*/ o("RadioGroupRoot"), mt = /* @__PURE__ */ j({
+}), [mt, ht] = /*#__PURE__*/ a("RadioGroupRoot"), gt = /* @__PURE__ */ M({
 	__name: "RadioGroupRoot",
 	props: {
 		modelValue: {
@@ -1288,37 +1368,37 @@ var dt = /* @__PURE__ */ j({
 	},
 	emits: ["update:modelValue"],
 	setup(e, { emit: t }) {
-		let n = e, i = t, { forwardRef: a, currentElement: o } = r(), s = Z(n, "modelValue", i, {
-			defaultValue: n.defaultValue,
-			passive: n.modelValue === void 0
-		}), { disabled: c, loop: l, orientation: u, name: p, required: m, dir: h } = G(n), g = f(h), _ = b(o);
-		return pt({
+		let r = e, i = t, { forwardRef: a, currentElement: o } = n(), s = Z(r, "modelValue", i, {
+			defaultValue: r.defaultValue,
+			passive: r.modelValue === void 0
+		}), { disabled: c, loop: l, orientation: f, name: p, required: m, dir: h } = G(r), g = d(h), _ = x(o);
+		return ht({
 			modelValue: s,
 			changeModelValue: (e) => {
 				s.value = e;
 			},
 			disabled: c,
 			loop: l,
-			orientation: u,
+			orientation: f,
 			name: p?.value,
 			required: m
-		}), (e, t) => (z(), w(K(Ze), {
+		}), (t, n) => (B(), T(K($e), {
 			"as-child": "",
-			orientation: K(u),
+			orientation: K(f),
 			dir: K(g),
 			loop: K(l)
 		}, {
-			default: q(() => [k(K(d), {
+			default: J(() => [A(K(u), {
 				ref: K(a),
 				role: "radiogroup",
 				"data-disabled": K(c) ? "" : void 0,
 				"as-child": e.asChild,
 				as: e.as,
-				"aria-orientation": K(u),
+				"aria-orientation": K(f),
 				"aria-required": K(m),
 				dir: K(g)
 			}, {
-				default: q(() => [H(e.$slots, "default", { modelValue: K(s) }), K(_) && K(p) ? (z(), w(K(x), {
+				default: J(() => [U(t.$slots, "default", { modelValue: K(s) }), K(_) && K(p) ? (B(), T(K(S), {
 					key: 0,
 					required: K(m),
 					disabled: K(c),
@@ -1329,7 +1409,7 @@ var dt = /* @__PURE__ */ j({
 					"disabled",
 					"value",
 					"name"
-				])) : T("v-if", !0)]),
+				])) : E("v-if", !0)]),
 				_: 3
 			}, 8, [
 				"data-disabled",
@@ -1346,7 +1426,7 @@ var dt = /* @__PURE__ */ j({
 			"loop"
 		]));
 	}
-}), [ht, gt] = /*#__PURE__*/ o("RadioGroupItem"), _t = /* @__PURE__ */ j({
+}), [_t, vt] = /*#__PURE__*/ a("RadioGroupItem"), yt = /* @__PURE__ */ M({
 	inheritAttrs: !1,
 	__name: "RadioGroupItem",
 	props: {
@@ -1383,20 +1463,20 @@ var dt = /* @__PURE__ */ j({
 	},
 	emits: ["select"],
 	setup(e, { emit: t }) {
-		let n = e, i = t, { forwardRef: a, currentElement: o } = r(), s = ft(), c = C(() => s.disabled.value || n.disabled), l = C(() => s.required.value || n.required), u = C(() => Q(s.modelValue?.value, n.value));
-		gt({
+		let r = e, i = t, { forwardRef: a, currentElement: o } = n(), s = mt(), c = w(() => s.disabled.value || r.disabled), l = w(() => s.required.value || r.required), u = w(() => Q(s.modelValue?.value, r.value));
+		vt({
 			disabled: c,
 			checked: u
 		});
-		let d = B(!1), f = [
+		let d = V(!1), f = [
 			"ArrowUp",
 			"ArrowDown",
 			"ArrowLeft",
 			"ArrowRight"
 		];
-		fe("keydown", (e) => {
+		me("keydown", (e) => {
 			f.includes(e.key) && (d.value = !0);
-		}), fe("keyup", () => {
+		}), me("keyup", () => {
 			d.value = !1;
 		});
 		function p() {
@@ -1404,29 +1484,29 @@ var dt = /* @__PURE__ */ j({
 				d.value && o.value?.click();
 			}, 0);
 		}
-		let m = Se();
-		return (e, t) => (z(), w(K(Qe), {
+		let m = we();
+		return (t, n) => (B(), T(K(et), {
 			checked: u.value,
 			disabled: c.value,
 			"as-child": "",
 			focusable: !c.value,
 			active: u.value
 		}, {
-			default: q(() => [k(dt, N({
+			default: J(() => [A(pt, P({
 				...K(m),
-				...e.$attrs,
-				...n
+				...t.$attrs,
+				...r
 			}, {
 				ref: K(a),
 				checked: u.value,
 				required: l.value,
 				disabled: c.value,
-				"onUpdate:checked": t[0] ||= (t) => K(s).changeModelValue(e.value),
-				onSelect: t[1] ||= (e) => i("select", e),
-				onKeydown: t[2] ||= Y(X(() => {}, ["prevent"]), ["enter"]),
+				"onUpdate:checked": n[0] ||= (t) => K(s).changeModelValue(e.value),
+				onSelect: n[1] ||= (e) => i("select", e),
+				onKeydown: n[2] ||= ue(X(() => {}, ["prevent"]), ["enter"]),
 				onFocus: p
 			}), {
-				default: q(() => [H(e.$slots, "default", {
+				default: J(() => [U(t.$slots, "default", {
 					checked: u.value,
 					required: l.value,
 					disabled: c.value
@@ -1445,7 +1525,7 @@ var dt = /* @__PURE__ */ j({
 			"active"
 		]));
 	}
-}), [vt, yt] = /*#__PURE__*/ o("ToggleGroupRoot"), bt = /* @__PURE__ */ j({
+}), [bt, xt] = /*#__PURE__*/ a("ToggleGroupRoot"), St = /* @__PURE__ */ M({
 	__name: "ToggleGroupRoot",
 	props: {
 		rovingFocus: {
@@ -1502,29 +1582,29 @@ var dt = /* @__PURE__ */ j({
 	},
 	emits: ["update:modelValue"],
 	setup(e, { emit: t }) {
-		let n = e, i = t, { loop: a, rovingFocus: o, disabled: s, dir: c } = G(n), l = f(c), { forwardRef: u, currentElement: p } = r(), { modelValue: m, changeModelValue: h, isSingle: g } = ke(n, i), _ = b(p);
-		return yt({
+		let r = e, i = t, { loop: a, rovingFocus: o, disabled: s, dir: c } = G(r), l = d(c), { forwardRef: f, currentElement: p } = n(), { modelValue: m, changeModelValue: h, isSingle: g } = je(r, i), _ = x(p);
+		return xt({
 			isSingle: g,
 			modelValue: m,
 			changeModelValue: h,
 			dir: l,
-			orientation: n.orientation,
+			orientation: r.orientation,
 			loop: a,
 			rovingFocus: o,
 			disabled: s
-		}), (e, t) => (z(), w(U(K(o) ? K(Ze) : K(d)), {
+		}), (t, n) => (B(), T(oe(K(o) ? K($e) : K(u)), {
 			"as-child": "",
 			orientation: K(o) ? e.orientation : void 0,
 			dir: K(l),
 			loop: K(o) ? K(a) : void 0
 		}, {
-			default: q(() => [k(K(d), {
-				ref: K(u),
+			default: J(() => [A(K(u), {
+				ref: K(f),
 				role: "group",
 				"as-child": e.asChild,
 				as: e.as
 			}, {
-				default: q(() => [H(e.$slots, "default", { modelValue: K(m) }), K(_) && e.name ? (z(), w(x, {
+				default: J(() => [U(t.$slots, "default", { modelValue: K(m) }), K(_) && e.name ? (B(), T(S, {
 					key: 0,
 					name: e.name,
 					required: e.required,
@@ -1533,7 +1613,7 @@ var dt = /* @__PURE__ */ j({
 					"name",
 					"required",
 					"value"
-				])) : T("v-if", !0)]),
+				])) : E("v-if", !0)]),
 				_: 3
 			}, 8, ["as-child", "as"])]),
 			_: 3
@@ -1543,7 +1623,7 @@ var dt = /* @__PURE__ */ j({
 			"loop"
 		]));
 	}
-}), xt = /* @__PURE__ */ j({
+}), Ct = /* @__PURE__ */ M({
 	inheritAttrs: !1,
 	__name: "Toggle",
 	props: {
@@ -1581,18 +1661,18 @@ var dt = /* @__PURE__ */ j({
 	},
 	emits: ["update:modelValue"],
 	setup(e, { emit: t }) {
-		let n = e, i = t, { forwardRef: a, currentElement: o } = r(), s = Se(), c = vt(null), l = Z(n, "modelValue", i, {
-			defaultValue: n.defaultValue,
-			passive: n.modelValue === void 0
+		let r = e, i = t, { forwardRef: a, currentElement: o } = n(), s = we(), c = bt(null), l = Z(r, "modelValue", i, {
+			defaultValue: r.defaultValue,
+			passive: r.modelValue === void 0
 		});
-		function u() {
+		function d() {
 			l.value = !l.value;
 		}
-		let f = C(() => l.value ? "on" : "off"), p = b(o);
-		return (e, t) => (z(), E(S, null, [k(K(d), N({
+		let f = w(() => l.value ? "on" : "off"), p = x(o);
+		return (t, n) => (B(), D(C, null, [A(K(u), P({
 			ref: K(a),
 			type: e.as === "button" ? "button" : void 0,
-			"as-child": n.asChild,
+			"as-child": r.asChild,
 			as: e.as,
 			"aria-pressed": K(l),
 			"data-state": f.value,
@@ -1600,9 +1680,9 @@ var dt = /* @__PURE__ */ j({
 			disabled: e.disabled
 		}, {
 			...K(s),
-			...e.$attrs
-		}, { onClick: u }), {
-			default: q(() => [H(e.$slots, "default", {
+			...t.$attrs
+		}, { onClick: d }), {
+			default: J(() => [U(t.$slots, "default", {
 				modelValue: K(l),
 				disabled: e.disabled,
 				pressed: K(l),
@@ -1617,7 +1697,7 @@ var dt = /* @__PURE__ */ j({
 			"data-state",
 			"data-disabled",
 			"disabled"
-		]), K(p) && e.name && !K(c) ? (z(), w(x, N({
+		]), K(p) && e.name && !K(c) ? (B(), T(S, P({
 			key: 0,
 			type: "checkbox",
 			name: e.name,
@@ -1627,9 +1707,9 @@ var dt = /* @__PURE__ */ j({
 			"name",
 			"value",
 			"required"
-		])) : T("v-if", !0)], 64));
+		])) : E("v-if", !0)], 64));
 	}
-}), St = /* @__PURE__ */ j({
+}), wt = /* @__PURE__ */ M({
 	__name: "ToggleGroupItem",
 	props: {
 		value: {
@@ -1651,27 +1731,27 @@ var dt = /* @__PURE__ */ j({
 		}
 	},
 	setup(e) {
-		let t = e, n = vt(), i = C(() => n.disabled?.value || t.disabled), a = C(() => xe(n.modelValue.value, t.value)), { forwardRef: o } = r(), s = Se();
-		return (e, r) => (z(), w(U(K(n).rovingFocus.value ? K(Qe) : K(d)), N({ "as-child": "" }, K(n).rovingFocus.value ? {
+		let t = e, r = bt(), i = w(() => r.disabled?.value || t.disabled), a = w(() => Ce(r.modelValue.value, t.value)), { forwardRef: o } = n(), s = we();
+		return (n, c) => (B(), T(oe(K(r).rovingFocus.value ? K(et) : K(u)), P({ "as-child": "" }, K(r).rovingFocus.value ? {
 			focusable: !i.value,
 			active: a.value
 		} : {}), {
-			default: q(() => [k(K(xt), N({
+			default: J(() => [A(K(Ct), P({
 				...K(s),
 				...t
 			}, {
 				ref: K(o),
 				disabled: i.value,
 				"model-value": a.value,
-				"onUpdate:modelValue": r[0] ||= (t) => K(n).changeModelValue(e.value)
+				"onUpdate:modelValue": c[0] ||= (t) => K(r).changeModelValue(e.value)
 			}), {
-				default: q((t) => [H(e.$slots, "default", I(M(t)))]),
+				default: J((e) => [U(n.$slots, "default", re(N(e)))]),
 				_: 3
 			}, 16, ["disabled", "model-value"])]),
 			_: 3
 		}, 16));
 	}
-}), Ct = /* @__PURE__ */ j({
+}), Tt = /* @__PURE__ */ M({
 	name: "HstButtonGroup",
 	props: {
 		title: {},
@@ -1680,7 +1760,7 @@ var dt = /* @__PURE__ */ j({
 	},
 	emits: ["update:modelValue"],
 	setup(e, { emit: t }) {
-		let n = e, r = t, i = C(() => Array.isArray(n.options) ? n.options.map((e) => typeof e == "string" || typeof e == "number" ? {
+		let n = e, r = t, i = w(() => Array.isArray(n.options) ? n.options.map((e) => typeof e == "string" || typeof e == "number" ? {
 			value: e,
 			label: String(e)
 		} : e) : Object.entries(n.options).map(([e, t]) => ({
@@ -1690,29 +1770,29 @@ var dt = /* @__PURE__ */ j({
 		function a(e) {
 			e != null && r("update:modelValue", e);
 		}
-		return (t, n) => (z(), w(u, {
+		return (t, n) => (B(), T(l, {
 			tag: "div",
 			title: e.title,
 			class: "poveste-button-group"
 		}, {
-			actions: q(() => [H(t.$slots, "actions")]),
-			default: q(() => [k(K(bt), {
+			actions: J(() => [U(t.$slots, "actions")]),
+			default: J(() => [A(K(St), {
 				type: "single",
 				class: "poveste-button-group-options",
 				"data-slot": "options",
 				"model-value": e.modelValue ?? null,
 				"onUpdate:modelValue": a
 			}, {
-				default: q(() => [(z(!0), E(S, null, V(i.value, ({ label: e, value: t }) => (z(), w(K(St), {
+				default: J(() => [(B(!0), D(C, null, H(i.value, ({ label: e, value: t }) => (B(), T(K(wt), {
 					key: t,
 					"as-child": "",
 					value: t
 				}, {
-					default: q(() => [k(_e, {
+					default: J(() => [A(ye, {
 						class: "poveste-button-group-option",
 						"data-slot": "option"
 					}, {
-						default: q(() => [O(W(e), 1)]),
+						default: J(() => [k(W(e), 1)]),
 						_: 2
 					}, 1024)]),
 					_: 2
@@ -1722,38 +1802,38 @@ var dt = /* @__PURE__ */ j({
 			_: 3
 		}, 8, ["title"]));
 	}
-}), wt = {
+}), Et = {
 	class: "poveste-checkbox-visual",
 	"data-slot": "visual"
-}, Tt = {
+}, Dt = {
 	width: "16",
 	height: "16",
 	viewBox: "0 0 24 24",
 	class: "poveste-checkbox-visual-check",
 	"data-slot": "visual-check"
-}, Et = ["stroke-dasharray", "stroke-dashoffset"], Dt = /* @__PURE__ */ j({
+}, Ot = ["stroke-dasharray", "stroke-dashoffset"], kt = /* @__PURE__ */ M({
 	name: "CheckboxVisual",
 	props: { modelValue: { type: Boolean } },
 	setup(e) {
-		let t = e, n = B(), r = B(0), i = C(() => +!!t.modelValue), a = C(() => (1 - i.value) * r.value), o = B(!1);
-		return ce(() => t.modelValue, () => {
+		let t = e, n = V(), r = V(0), i = w(() => +!!t.modelValue), a = w(() => (1 - i.value) * r.value), o = V(!1);
+		return q(() => t.modelValue, () => {
 			o.value = !0;
-		}), ce(n, () => {
+		}), q(n, () => {
 			r.value = n.value?.getTotalLength?.() ?? 21.21;
-		}), (e, t) => (z(), E("span", wt, [t[0] ||= D("span", {
+		}), (e, t) => (B(), D("span", Et, [t[0] ||= O("span", {
 			class: "poveste-checkbox-visual-box",
 			"data-slot": "visual-box"
-		}, null, -1), (z(), E("svg", Tt, [D("path", {
+		}, null, -1), (B(), D("svg", Dt, [O("path", {
 			ref_key: "path",
 			ref: n,
 			d: "m 4 12 l 5 5 l 10 -10",
 			fill: "none",
-			class: F(o.value ? "poveste-checkbox-visual-animated" : void 0),
+			class: I(o.value ? "poveste-checkbox-visual-animated" : void 0),
 			"stroke-dasharray": r.value,
 			"stroke-dashoffset": a.value
-		}, null, 10, Et)]))]));
+		}, null, 10, Ot)]))]));
 	}
-}), Ot = ["data-checked"], kt = /* @__PURE__ */ j({
+}), At = ["data-checked"], jt = /* @__PURE__ */ M({
 	name: "HstSimpleCheckbox",
 	props: {
 		modelValue: { type: Boolean },
@@ -1762,7 +1842,7 @@ var dt = /* @__PURE__ */ j({
 	emits: { "update:modelValue": (e) => !0 },
 	setup(e, { emit: t }) {
 		let n = t;
-		return (t, r) => e.withToggle ? (z(), w(K(ot), {
+		return (t, r) => e.withToggle ? (B(), T(K(lt), {
 			key: 0,
 			"model-value": e.modelValue ?? !1,
 			class: "poveste-simple-checkbox poveste-simple-checkbox-interactive",
@@ -1770,16 +1850,16 @@ var dt = /* @__PURE__ */ j({
 			"data-checked": e.modelValue ? "" : void 0,
 			"onUpdate:modelValue": r[0] ||= (e) => n("update:modelValue", e === !0)
 		}, {
-			default: q(() => [k(Dt, { "model-value": e.modelValue }, null, 8, ["model-value"])]),
+			default: J(() => [A(kt, { "model-value": e.modelValue }, null, 8, ["model-value"])]),
 			_: 1
-		}, 8, ["model-value", "data-checked"])) : (z(), E("span", {
+		}, 8, ["model-value", "data-checked"])) : (B(), D("span", {
 			key: 1,
 			class: "poveste-simple-checkbox",
 			"data-slot": "box",
 			"data-checked": e.modelValue ? "" : void 0
-		}, [k(Dt, { "model-value": e.modelValue }, null, 8, ["model-value"])], 8, Ot));
+		}, [A(kt, { "model-value": e.modelValue }, null, 8, ["model-value"])], 8, At));
 	}
-}), At = /* @__PURE__ */ j({
+}), Mt = /* @__PURE__ */ M({
 	name: "HstCheckbox",
 	props: {
 		modelValue: { type: [
@@ -1791,21 +1871,27 @@ var dt = /* @__PURE__ */ j({
 	},
 	emits: { "update:modelValue": (e) => !0 },
 	setup(e, { emit: t }) {
-		let n = e, r = t, i = C(() => typeof n.modelValue == "string"), a = C(() => typeof n.modelValue == "string" ? n.modelValue !== "false" : n.modelValue ?? void 0);
-		return (t, n) => (z(), w(u, {
+		let n = e, r = t, i = w(() => typeof n.modelValue == "string"), a = w(() => typeof n.modelValue == "string" ? n.modelValue !== "false" : n.modelValue ?? void 0);
+		function o(e) {
+			return e === !0 || e === !1 || e === "true" || e === "false";
+		}
+		function s(e) {
+			o(e) && r("update:modelValue", e);
+		}
+		return (t, n) => (B(), T(l, {
 			class: "poveste-checkbox",
 			title: e.title
 		}, {
-			actions: q(() => [H(t.$slots, "actions")]),
-			default: q(() => [k(K(ot), {
+			actions: J(() => [U(t.$slots, "actions")]),
+			default: J(() => [A(K(lt), {
 				"model-value": i.value ? String(a.value) : a.value,
 				"true-value": !i.value || "true",
 				"false-value": i.value ? "false" : !1,
 				class: "poveste-checkbox-box",
 				"data-slot": "control",
-				"onUpdate:modelValue": n[0] ||= (e) => r("update:modelValue", e)
+				"onUpdate:modelValue": s
 			}, {
-				default: q(() => [k(kt, { "model-value": a.value }, null, 8, ["model-value"])]),
+				default: J(() => [A(jt, { "model-value": a.value }, null, 8, ["model-value"])]),
 				_: 1
 			}, 8, [
 				"model-value",
@@ -1815,7 +1901,7 @@ var dt = /* @__PURE__ */ j({
 			_: 3
 		}, 8, ["title"]));
 	}
-}), jt = /* @__PURE__ */ j({
+}), Nt = /* @__PURE__ */ M({
 	name: "HstCheckboxList",
 	props: {
 		title: {},
@@ -1824,33 +1910,33 @@ var dt = /* @__PURE__ */ j({
 	},
 	emits: ["update:modelValue"],
 	setup(e, { emit: t }) {
-		let n = e, r = t, i = C(() => Array.isArray(n.options) ? Object.fromEntries(n.options.map((e) => typeof e == "string" ? [e, e] : [e.value, e.label])) : n.options);
-		return (t, n) => (z(), w(u, {
+		let n = e, r = t, i = w(() => Array.isArray(n.options) ? Object.fromEntries(n.options.map((e) => typeof e == "string" ? [e, e] : [e.value, e.label])) : n.options);
+		return (t, n) => (B(), T(l, {
 			tag: "div",
 			title: e.title,
-			class: F(["poveste-checkbox-list", t.$attrs.class]),
+			class: I(["poveste-checkbox-list", t.$attrs.class]),
 			style: L(t.$attrs.style)
 		}, {
-			actions: q(() => [H(t.$slots, "actions")]),
-			default: q(() => [k(K(tt), {
+			actions: J(() => [U(t.$slots, "actions")]),
+			default: J(() => [A(K(rt), {
 				"model-value": e.modelValue,
 				class: "poveste-checkbox-list-options",
 				"data-slot": "options",
 				"onUpdate:modelValue": n[0] ||= (e) => r("update:modelValue", e)
 			}, {
-				default: q(() => [(z(!0), E(S, null, V(i.value, (t, n) => (z(), w(K(ct), {
+				default: J(() => [(B(!0), D(C, null, H(i.value, (t, n) => (B(), T(K(it), {
 					key: n,
 					class: "poveste-checkbox-list-option",
 					"data-slot": "option"
 				}, {
-					default: q(() => [k(K(ot), {
+					default: J(() => [A(K(lt), {
 						value: n,
 						class: "poveste-checkbox-list-box",
 						"data-slot": "control"
 					}, {
-						default: q(() => [k(kt, { "model-value": e.modelValue.includes(n) }, null, 8, ["model-value"])]),
+						default: J(() => [A(jt, { "model-value": e.modelValue.includes(n) }, null, 8, ["model-value"])]),
 						_: 2
-					}, 1032, ["value"]), O(" " + W(t), 1)]),
+					}, 1032, ["value"]), k(" " + W(t), 1)]),
 					_: 2
 				}, 1024))), 128))]),
 				_: 1
@@ -1862,7 +1948,7 @@ var dt = /* @__PURE__ */ j({
 			"style"
 		]));
 	}
-}), Mt = { class: "flex flex-row gap-1" }, Nt = ["value"], Pt = /* @__PURE__ */ j({
+}), Pt = { class: "poveste-color-select-fields" }, Ft = ["value"], It = /* @__PURE__ */ M({
 	name: "HstColorSelect",
 	inheritAttrs: !1,
 	props: {
@@ -1871,7 +1957,7 @@ var dt = /* @__PURE__ */ j({
 	},
 	emits: { "update:modelValue": (e) => !0 },
 	setup(e, { emit: t }) {
-		let n = e, r = t, i = C({
+		let n = e, r = t, i = w({
 			get: () => n.modelValue,
 			set: (e) => {
 				r("update:modelValue", e);
@@ -1882,11 +1968,7 @@ var dt = /* @__PURE__ */ j({
 				r == null ? n = !1 : (e(...r), r = null, setTimeout(i, t));
 			};
 			return (...a) => {
-				if (n) {
-					r = a;
-					return;
-				}
-				e(...a), n = !0, setTimeout(i, t);
+				n ? r = a : (e(...a), n = !0, setTimeout(i, t));
 			};
 		}
 		let o = a((e) => {
@@ -1895,25 +1977,27 @@ var dt = /* @__PURE__ */ j({
 		function s(e) {
 			o(e);
 		}
-		return (t, n) => (z(), w(u, {
+		return (t, n) => (B(), T(l, {
 			title: e.title,
-			class: F(["poveste-select cursor-text items-center", t.$attrs.class]),
+			class: I(["poveste-select poveste-color-select", t.$attrs.class]),
 			style: L(t.$attrs.style)
 		}, {
-			actions: q(() => [H(t.$slots, "actions")]),
-			default: q(() => [D("div", Mt, [J(D("input", N({
+			actions: J(() => [U(t.$slots, "actions")]),
+			default: J(() => [O("div", Pt, [Y(O("input", P({
 				...t.$attrs,
 				class: null,
 				style: null
 			}, {
 				"onUpdate:modelValue": n[0] ||= (e) => i.value = e,
 				type: "text",
-				class: "text-inherit bg-transparent w-full outline-none px-2 py-1 -my-1 border border-solid border-black/25 dark:border-white/25 focus:border-primary-500 dark:focus:border-primary-500 rounded-sm"
-			}), null, 16), [[se, i.value]]), D("input", {
+				class: "poveste-color-select-input",
+				"data-slot": "input"
+			}), null, 16), [[le, i.value]]), O("input", {
 				type: "color",
+				"data-slot": "picker",
 				value: e.modelValue,
 				onInput: n[1] ||= ((e) => s(e.target.value))
-			}, null, 40, Nt)])]),
+			}, null, 40, Ft)])]),
 			_: 3
 		}, 8, [
 			"title",
@@ -1921,42 +2005,56 @@ var dt = /* @__PURE__ */ j({
 			"style"
 		]));
 	}
-}), $ = /* @__PURE__ */ j({
+}), $ = /* @__PURE__ */ M({
 	name: "HstCopyIcon",
-	props: { content: { type: [String, Function] } },
+	props: {
+		content: { type: [String, Function] },
+		loading: { type: Boolean }
+	},
 	setup(e) {
-		let t = e, { copy: n, copied: r } = de(), { polite: i } = pe(), a = B(!1), { start: o } = me(() => {
-			a.value = !1;
+		let t = e, { copy: n, copied: r } = pe(), { polite: i } = he(), a = V(), { start: o } = ge(() => {
+			a.value = void 0;
 		}, 1500, { immediate: !1 });
-		async function s() {
-			let e = typeof t.content == "function" ? await t.content() : t.content;
-			if (!e) {
-				a.value = !0, o(), i("Nothing to copy");
+		function c(e) {
+			a.value = e, o(), i(e);
+		}
+		async function l() {
+			if (t.loading) {
+				c("Still loading");
 				return;
 			}
-			a.value = !1, await n(e), r.value && i("Copied");
+			let e = typeof t.content == "function" ? await t.content() : t.content;
+			e ? (a.value = void 0, await n(e), r.value && i("Copied")) : c("Nothing to copy");
 		}
-		return (e, t) => (z(), w(c, {
-			content: a.value ? "Nothing to copy" : "Copied!",
-			open: K(r) || a.value,
+		return (e, t) => (B(), T(s, {
+			content: a.value ?? "Copied!",
+			open: K(r) || !!a.value,
 			offset: 12
 		}, {
-			default: q(() => [D("button", {
+			default: J(() => [O("button", {
 				type: "button",
 				"aria-label": "Copy",
-				class: "flex p-0 bg-transparent border-0 text-inherit opacity-50 hover:opacity-100 focus-visible:opacity-100 hover:text-primary-500 cursor-pointer",
-				onClick: t[0] ||= (e) => s()
-			}, [k(K(he), {
+				class: "poveste-copy-icon",
+				"data-slot": "copy",
+				onClick: t[0] ||= (e) => l()
+			}, [A(K(_e), {
 				icon: "carbon:copy-file",
-				class: "w-4 h-4"
+				class: "poveste-copy-icon-glyph"
 			})])]),
 			_: 1
 		}, 8, ["content", "open"]));
 	}
-}), Ft = {
+}), Lt = {
 	key: 0,
-	class: "poveste-color-shades grid gap-4 grid-cols-[repeat(auto-fill,minmax(200px,1fr))] m-4"
-}, It = ["onMouseenter"], Lt = { class: "flex gap-1" }, Rt = { class: "my-0 truncate shrink" }, zt = { class: "flex gap-1" }, Bt = { class: "my-0 opacity-50 truncate shrink" }, Vt = /* @__PURE__ */ j({
+	class: "poveste-color-shades",
+	"data-slot": "shades"
+}, Rt = ["onMouseenter"], zt = { class: "poveste-token-row" }, Bt = {
+	class: "poveste-token-text",
+	"data-slot": "name"
+}, Vt = { class: "poveste-token-row" }, Ht = {
+	class: "poveste-token-text",
+	"data-slot": "value"
+}, Ut = /* @__PURE__ */ M({
 	name: "HstColorShades",
 	props: {
 		shades: {},
@@ -1974,46 +2072,53 @@ var dt = /* @__PURE__ */ j({
 				};
 			}, {});
 		}
-		let r = C(() => {
+		let r = w(() => {
 			let e = t.shades, r = t.getName, i = n(e);
 			return Object.entries(i).map(([e, t]) => ({
 				key: e,
 				color: t,
 				name: r ? r(e, t) : e
 			}));
-		}), i = C(() => {
+		}), i = w(() => {
 			let e = r.value;
 			if (t.search) {
 				let n = new RegExp(t.search, "i");
 				e = e.filter(({ name: e }) => n.test(e));
 			}
 			return e;
-		}), a = B(null);
-		return (e, t) => i.value.length ? (z(), E("div", Ft, [(z(!0), E(S, null, V(i.value, (n) => (z(), E("div", {
+		}), a = V(null);
+		return (e, t) => i.value.length ? (B(), D("div", Lt, [(B(!0), D(C, null, H(i.value, (n) => (B(), D("div", {
 			key: n.key,
-			class: "flex flex-col gap-2",
+			class: "poveste-token-item",
 			onMouseenter: (e) => a.value = n.key,
 			onMouseleave: t[0] ||= (e) => a.value = null
-		}, [H(e.$slots, "default", { color: n.color }, () => [D("div", {
-			class: "rounded-full w-16 h-16",
+		}, [U(e.$slots, "default", { color: n.color }, () => [O("div", {
+			class: "poveste-color-shades-swatch",
+			"data-slot": "swatch",
 			style: L({ backgroundColor: n.color })
-		}, null, 4)]), D("div", null, [D("div", Lt, [k(c, { content: n.name.length > 23 ? n.name : "" }, {
-			default: q(() => [D("pre", Rt, W(n.name), 1)]),
+		}, null, 4)]), O("div", null, [O("div", zt, [A(s, { content: n.name.length > 23 ? n.name : "" }, {
+			default: J(() => [O("pre", Bt, W(n.name), 1)]),
 			_: 2
-		}, 1032, ["content"]), a.value === n.key ? (z(), w($, {
+		}, 1032, ["content"]), a.value === n.key ? (B(), T($, {
 			key: 0,
 			content: n.name,
-			class: "flex-none"
-		}, null, 8, ["content"])) : T("", !0)]), D("div", zt, [k(c, { content: n.color.length > 23 ? n.color : "" }, {
-			default: q(() => [D("pre", Bt, W(n.color), 1)]),
+			class: "poveste-token-copy"
+		}, null, 8, ["content"])) : E("", !0)]), O("div", Vt, [A(s, { content: n.color.length > 23 ? n.color : "" }, {
+			default: J(() => [O("pre", Ht, W(n.color), 1)]),
 			_: 2
-		}, 1032, ["content"]), a.value === n.key ? (z(), w($, {
+		}, 1032, ["content"]), a.value === n.key ? (B(), T($, {
 			key: 0,
 			content: n.color,
-			class: "flex-none"
-		}, null, 8, ["content"])) : T("", !0)])])], 40, It))), 128))])) : T("", !0);
+			class: "poveste-token-copy"
+		}, null, 8, ["content"])) : E("", !0)])])], 40, Rt))), 128))])) : E("", !0);
 	}
-}), Ht = ["onMouseenter"], Ut = { class: "flex gap-1" }, Wt = { class: "my-0 truncate shrink" }, Gt = { class: "flex gap-1" }, Kt = { class: "my-0 opacity-50 truncate shrink" }, qt = /* @__PURE__ */ j({
+}), Wt = ["onMouseenter"], Gt = { class: "poveste-token-row" }, Kt = {
+	class: "poveste-token-text",
+	"data-slot": "name"
+}, qt = { class: "poveste-token-row" }, Jt = {
+	class: "poveste-token-text",
+	"data-slot": "value"
+}, Yt = /* @__PURE__ */ M({
 	name: "HstTokenGrid",
 	props: {
 		tokens: {},
@@ -2021,72 +2126,80 @@ var dt = /* @__PURE__ */ j({
 		getName: {}
 	},
 	setup(e) {
-		let t = e, n = C(() => {
+		let t = e, n = w(() => {
 			let e = t.tokens, n = t.getName;
 			return Object.entries(e).map(([e, t]) => ({
 				key: e,
 				name: n ? n(e, t) : e,
 				value: typeof t == "number" ? t.toString() : t
 			}));
-		}), r = C(() => `${t.colSize}px`), i = B(null);
+		}), r = w(() => `${t.colSize}px`), i = V(null);
 		function a(e, t) {
 			return typeof e != "string" && !Array.isArray(e) ? "" : e.length > t ? String(e) : "";
 		}
-		return (t, o) => (z(), E("div", {
-			class: "poveste-token-grid bind-col-size grid gap-4 m-4",
+		return (t, o) => (B(), D("div", {
+			class: "poveste-token-grid bind-col-size",
+			"data-slot": "grid",
 			style: L({ "--poveste-col-size": r.value })
-		}, [(z(!0), E(S, null, V(n.value, (n) => (z(), E("div", {
+		}, [(B(!0), D(C, null, H(n.value, (n) => (B(), D("div", {
 			key: n.key,
-			class: "flex flex-col gap-2",
+			class: "poveste-token-item",
 			onMouseenter: (e) => i.value = n.key,
 			onMouseleave: o[0] ||= (e) => i.value = null
-		}, [H(t.$slots, "default", { token: n }), D("div", null, [D("div", Ut, [k(c, { content: n.name.length > e.colSize / 8 ? n.name : "" }, {
-			default: q(() => [D("pre", Wt, W(n.name), 1)]),
+		}, [U(t.$slots, "default", { token: n }), O("div", null, [O("div", Gt, [A(s, { content: n.name.length > e.colSize / 8 ? n.name : "" }, {
+			default: J(() => [O("pre", Kt, W(n.name), 1)]),
 			_: 2
-		}, 1032, ["content"]), i.value === n.key ? (z(), w($, {
+		}, 1032, ["content"]), i.value === n.key ? (B(), T($, {
 			key: 0,
 			content: n.name,
-			class: "flex-none"
-		}, null, 8, ["content"])) : T("", !0)]), D("div", Gt, [k(c, { content: a(n.value, e.colSize / 8) }, {
-			default: q(() => [D("pre", Kt, W(n.value), 1)]),
+			class: "poveste-token-copy"
+		}, null, 8, ["content"])) : E("", !0)]), O("div", qt, [A(s, { content: a(n.value, e.colSize / 8) }, {
+			default: J(() => [O("pre", Jt, W(n.value), 1)]),
 			_: 2
-		}, 1032, ["content"]), i.value === n.key ? (z(), w($, {
+		}, 1032, ["content"]), i.value === n.key ? (B(), T($, {
 			key: 0,
 			content: typeof n.value == "string" ? n.value : JSON.stringify(n.value),
-			class: "flex-none"
-		}, null, 8, ["content"])) : T("", !0)])])], 40, Ht))), 128))], 4));
+			class: "poveste-token-copy"
+		}, null, 8, ["content"])) : E("", !0)])])], 40, Wt))), 128))], 4));
 	}
-}), Jt = ["onMouseenter"], Yt = { class: "mx-4" }, Xt = { class: "flex gap-1" }, Zt = { class: "my-0 truncate shrink" }, Qt = { class: "flex gap-1" }, $t = { class: "my-0 opacity-50 truncate shrink" }, en = /* @__PURE__ */ j({
+}), Xt = ["onMouseenter"], Zt = { class: "poveste-token-list-labels" }, Qt = { class: "poveste-token-row" }, $t = {
+	class: "poveste-token-text",
+	"data-slot": "name"
+}, en = { class: "poveste-token-row" }, tn = {
+	class: "poveste-token-text",
+	"data-slot": "value"
+}, nn = /* @__PURE__ */ M({
 	name: "HstTokenList",
 	props: {
 		tokens: {},
 		getName: { type: Function }
 	},
 	setup(e) {
-		let t = e, n = C(() => {
+		let t = e, n = w(() => {
 			let e = t.tokens, n = t.getName;
 			return Object.entries(e).map(([e, t]) => ({
 				key: e,
 				name: n ? n(e, t) : e,
 				value: typeof t == "number" ? t.toString() : t
 			}));
-		}), r = B(null);
-		return (e, t) => (z(!0), E(S, null, V(n.value, (n) => (z(), E("div", {
+		}), r = V(null);
+		return (e, t) => (B(!0), D(C, null, H(n.value, (n) => (B(), D("div", {
 			key: n.key,
-			class: "poveste-token-list flex flex-col gap-2 my-8",
+			class: "poveste-token-list",
+			"data-slot": "token",
 			onMouseenter: (e) => r.value = n.key,
 			onMouseleave: t[0] ||= (e) => r.value = null
-		}, [H(e.$slots, "default", { token: n }), D("div", Yt, [D("div", Xt, [D("pre", Zt, W(n.name), 1), r.value === n.key ? (z(), w($, {
+		}, [U(e.$slots, "default", { token: n }), O("div", Zt, [O("div", Qt, [O("pre", $t, W(n.name), 1), r.value === n.key ? (B(), T($, {
 			key: 0,
 			content: n.name,
-			class: "flex-none"
-		}, null, 8, ["content"])) : T("", !0)]), D("div", Qt, [D("pre", $t, W(n.value), 1), r.value === n.key ? (z(), w($, {
+			class: "poveste-token-copy"
+		}, null, 8, ["content"])) : E("", !0)]), O("div", en, [O("pre", tn, W(n.value), 1), r.value === n.key ? (B(), T($, {
 			key: 0,
 			content: typeof n.value == "string" ? n.value : JSON.stringify(n.value),
-			class: "flex-none"
-		}, null, 8, ["content"])) : T("", !0)])])], 40, Jt))), 128));
+			class: "poveste-token-copy"
+		}, null, 8, ["content"])) : E("", !0)])])], 40, Xt))), 128));
 	}
-}), tn = /* @__PURE__ */ j({
+}), rn = /* @__PURE__ */ M({
 	name: "HstNumber",
 	inheritAttrs: !1,
 	props: {
@@ -2095,38 +2208,38 @@ var dt = /* @__PURE__ */ j({
 	},
 	emits: { "update:modelValue": (e) => !0 },
 	setup(e, { emit: t }) {
-		let n = e, r = t, i = C({
+		let n = e, r = t, i = w({
 			get: () => n.modelValue,
 			set: (e) => {
 				r("update:modelValue", e);
 			}
-		}), a = B();
+		}), a = V();
 		function o() {
 			a.value?.focus(), a.value?.select();
 		}
-		let s = B(!1), c, l;
+		let s = V(!1), c, u;
 		function d(e) {
-			s.value = !0, c = e.clientX, l = i.value ?? 0, window.addEventListener("mousemove", f), window.addEventListener("mouseup", p);
+			s.value = !0, c = e.clientX, u = i.value ?? 0, window.addEventListener("mousemove", f), window.addEventListener("mouseup", p);
 		}
 		function f(e) {
 			let t = Number.parseFloat(a.value?.step ?? "");
-			Number.isNaN(t) && (t = 1), i.value = l + Math.round((e.clientX - c) / 10 / t) * t;
+			Number.isNaN(t) && (t = 1), i.value = u + Math.round((e.clientX - c) / 10 / t) * t;
 		}
 		function p() {
 			s.value = !1, window.removeEventListener("mousemove", f), window.removeEventListener("mouseup", p);
 		}
-		return R(() => {
+		return z(() => {
 			p();
-		}), (t, n) => (z(), w(u, {
-			class: F(["poveste-number", t.$attrs.class]),
+		}), (t, n) => (B(), T(l, {
+			class: I(["poveste-number", t.$attrs.class]),
 			title: e.title,
 			style: L(t.$attrs.style),
 			"data-dragging": s.value ? "" : void 0,
 			onClick: o,
 			onMousedown: d
 		}, {
-			actions: q(() => [H(t.$slots, "actions")]),
-			default: q(() => [J(D("input", N({
+			actions: J(() => [U(t.$slots, "actions")]),
+			default: J(() => [Y(O("input", P({
 				ref_key: "input",
 				ref: a
 			}, {
@@ -2139,7 +2252,7 @@ var dt = /* @__PURE__ */ j({
 				class: "poveste-number-input",
 				"data-slot": "control"
 			}), null, 16), [[
-				se,
+				le,
 				i.value,
 				void 0,
 				{ number: !0 }
@@ -2152,7 +2265,7 @@ var dt = /* @__PURE__ */ j({
 			"data-dragging"
 		]));
 	}
-}), nn = /* @__PURE__ */ j({
+}), an = /* @__PURE__ */ M({
 	name: "HstRadio",
 	props: {
 		title: {},
@@ -2161,36 +2274,36 @@ var dt = /* @__PURE__ */ j({
 	},
 	emits: ["update:modelValue"],
 	setup(e, { emit: t }) {
-		let n = e, r = t, i = C(() => Array.isArray(n.options) ? Object.fromEntries(n.options.map((e) => typeof e == "string" ? [e, e] : [e.value, e.label])) : n.options);
-		return (t, n) => (z(), w(u, {
+		let n = e, r = t, i = w(() => Array.isArray(n.options) ? Object.fromEntries(n.options.map((e) => typeof e == "string" ? [e, e] : [e.value, e.label])) : n.options);
+		return (t, n) => (B(), T(l, {
 			tag: "div",
 			title: e.title,
-			class: F(["poveste-radio", t.$attrs.class]),
+			class: I(["poveste-radio", t.$attrs.class]),
 			style: L(t.$attrs.style)
 		}, {
-			actions: q(() => [H(t.$slots, "actions")]),
-			default: q(() => [k(K(mt), {
+			actions: J(() => [U(t.$slots, "actions")]),
+			default: J(() => [A(K(gt), {
 				"model-value": e.modelValue ?? null,
 				class: "poveste-radio-options",
 				"data-slot": "options",
 				"onUpdate:modelValue": n[0] ||= (e) => r("update:modelValue", e)
 			}, {
-				default: q(() => [(z(!0), E(S, null, V(i.value, (e, t) => (z(), w(K(ct), {
+				default: J(() => [(B(!0), D(C, null, H(i.value, (e, t) => (B(), T(K(it), {
 					key: t,
 					class: "poveste-radio-option",
 					"data-slot": "option"
 				}, {
-					default: q(() => [k(K(_t), {
+					default: J(() => [A(K(yt), {
 						value: t,
 						class: "poveste-radio-box",
 						"data-slot": "control"
 					}, {
-						default: q(() => [...n[1] ||= [D("span", {
+						default: J(() => [...n[1] ||= [O("span", {
 							class: "poveste-radio-dot",
 							"data-slot": "dot"
 						}, null, -1)]]),
 						_: 1
-					}, 8, ["value"]), O(" " + W(e), 1)]),
+					}, 8, ["value"]), k(" " + W(e), 1)]),
 					_: 2
 				}, 1024))), 128))]),
 				_: 1
@@ -2202,14 +2315,14 @@ var dt = /* @__PURE__ */ j({
 			"style"
 		]));
 	}
-}), rn = {
+}), on = {
 	type: "button",
 	class: "poveste-select-trigger",
 	"data-slot": "trigger"
-}, an = {
+}, sn = {
 	class: "poveste-select-label",
 	"data-slot": "value"
-}, on = /* @__PURE__ */ j({
+}, cn = /* @__PURE__ */ M({
 	name: "CustomSelect",
 	props: {
 		modelValue: {},
@@ -2217,53 +2330,53 @@ var dt = /* @__PURE__ */ j({
 	},
 	emits: ["update:modelValue"],
 	setup(e, { emit: t }) {
-		let n = e, r = t, i = B(!1), a = ae();
-		ie(() => {
-			a.value = l();
+		let n = e, r = t, i = V(!1), a = se();
+		R(() => {
+			a.value = c();
 		});
-		let o = C(() => Array.isArray(n.options) ? n.options.map((e) => typeof e == "string" || typeof e == "number" ? [e, String(e)] : [e.value, e.label]) : Object.entries(n.options)), s = C(() => o.value.find(([e]) => e === n.modelValue)?.[1]);
-		function c(e) {
+		let o = w(() => Array.isArray(n.options) ? n.options.map((e) => typeof e == "string" || typeof e == "number" ? [e, String(e)] : [e.value, e.label]) : Object.entries(n.options)), s = w(() => o.value.find(([e]) => e === n.modelValue)?.[1]);
+		function l(e) {
 			e != null && (r("update:modelValue", e), i.value = !1);
 		}
-		return (t, n) => (z(), w(K(m), {
+		return (t, n) => (B(), T(K(p), {
 			open: i.value,
 			"onUpdate:open": n[0] ||= (e) => i.value = e
 		}, {
-			default: q(() => [k(K(y), { "as-child": "" }, {
-				default: q(() => [D("button", rn, [D("span", an, [H(t.$slots, "default", { label: s.value }, () => [O(W(s.value), 1)])]), k(K(he), {
+			default: J(() => [A(K(v), { "as-child": "" }, {
+				default: J(() => [O("button", on, [O("span", sn, [U(t.$slots, "default", { label: s.value }, () => [k(W(s.value), 1)])]), A(K(_e), {
 					icon: "carbon:chevron-sort",
 					class: "poveste-select-chevron"
 				})])]),
 				_: 3
-			}), a.value ? (z(), w(K(h), {
+			}), a.value ? (B(), T(K(m), {
 				key: 0,
 				to: a.value
 			}, {
-				default: q(() => [k(K(_), {
+				default: J(() => [A(K(g), {
 					class: "poveste-select-popper",
 					align: "start",
 					"side-offset": 6,
 					"collision-padding": 8
 				}, {
-					default: q(() => [k(K(Ue), {
+					default: J(() => [A(K(Ge), {
 						class: "poveste-select-options",
 						"data-slot": "options",
 						"selection-behavior": "replace",
 						"highlight-on-hover": "",
 						"model-value": e.modelValue,
-						"onUpdate:modelValue": c
+						"onUpdate:modelValue": l
 					}, {
-						default: q(() => [k(K(We), {
+						default: J(() => [A(K(Ke), {
 							class: "poveste-select-list",
 							"data-slot": "listbox"
 						}, {
-							default: q(() => [(z(!0), E(S, null, V(o.value, ([e, t]) => (z(), w(K(Je), {
+							default: J(() => [(B(!0), D(C, null, H(o.value, ([e, t]) => (B(), T(K(Xe), {
 								key: t,
 								class: "poveste-select-option",
 								"data-slot": "option",
 								value: e
 							}, {
-								default: q(() => [O(W(t), 1)]),
+								default: J(() => [k(W(t), 1)]),
 								_: 2
 							}, 1032, ["value"]))), 128))]),
 							_: 1
@@ -2273,11 +2386,11 @@ var dt = /* @__PURE__ */ j({
 					_: 1
 				})]),
 				_: 1
-			}, 8, ["to"])) : T("", !0)]),
+			}, 8, ["to"])) : E("", !0)]),
 			_: 3
 		}, 8, ["open"]));
 	}
-}), sn = /* @__PURE__ */ j({
+}), ln = /* @__PURE__ */ M({
 	name: "HstSelect",
 	props: {
 		title: {},
@@ -2287,14 +2400,14 @@ var dt = /* @__PURE__ */ j({
 	emits: ["update:modelValue"],
 	setup(e, { emit: t }) {
 		let n = t;
-		return (t, r) => (z(), w(u, {
+		return (t, r) => (B(), T(l, {
 			title: e.title,
-			class: F(["poveste-select", t.$attrs.class]),
+			class: I(["poveste-select", t.$attrs.class]),
 			"data-slot": "control",
 			style: L(t.$attrs.style)
 		}, {
-			actions: q(() => [H(t.$slots, "actions")]),
-			default: q(() => [k(on, {
+			actions: J(() => [U(t.$slots, "actions")]),
+			default: J(() => [A(cn, {
 				options: e.options,
 				"model-value": e.modelValue,
 				"onUpdate:modelValue": r[0] ||= (e) => n("update:modelValue", e)
@@ -2306,10 +2419,10 @@ var dt = /* @__PURE__ */ j({
 			"style"
 		]));
 	}
-}), cn = {
+}), un = {
 	class: "poveste-slider-field",
 	"data-slot": "field"
-}, ln = /* @__PURE__ */ j({
+}, dn = /* @__PURE__ */ M({
 	name: "HstSlider",
 	inheritAttrs: !1,
 	props: {
@@ -2320,23 +2433,23 @@ var dt = /* @__PURE__ */ j({
 	},
 	emits: { "update:modelValue": (e) => !0 },
 	setup(e, { emit: t }) {
-		let n = e, r = t, i = B(!1), a = C({
+		let n = e, r = t, i = V(!1), a = w({
 			get: () => n.modelValue,
 			set: (e) => {
 				r("update:modelValue", e);
 			}
-		}), o = C(() => ((n.modelValue ?? n.min) - n.min) / (n.max - n.min)), s = C(() => ({ "--_poveste-slider-fraction": String(o.value) }));
-		return (t, n) => (z(), w(u, {
-			class: F(["poveste-slider", t.$attrs.class]),
+		}), o = w(() => ((n.modelValue ?? n.min) - n.min) / (n.max - n.min)), c = w(() => ({ "--_poveste-slider-fraction": String(o.value) }));
+		return (t, n) => (B(), T(l, {
+			class: I(["poveste-slider", t.$attrs.class]),
 			title: e.title,
 			style: L(t.$attrs.style)
 		}, {
-			default: q(() => [D("div", cn, [
-				n[3] ||= D("div", { class: "poveste-slider-track-area" }, [D("div", {
+			default: J(() => [O("div", un, [
+				n[3] ||= O("div", { class: "poveste-slider-track-area" }, [O("div", {
 					class: "poveste-slider-track",
 					"data-slot": "track"
 				})], -1),
-				J(D("input", N({
+				Y(O("input", P({
 					"onUpdate:modelValue": n[0] ||= (e) => a.value = e,
 					class: "poveste-slider-input",
 					"data-slot": "control",
@@ -2351,23 +2464,23 @@ var dt = /* @__PURE__ */ j({
 					onMouseover: n[1] ||= (e) => i.value = !0,
 					onMouseleave: n[2] ||= (e) => i.value = !1
 				}), null, 16), [[
-					se,
+					le,
 					a.value,
 					void 0,
 					{ number: !0 }
 				]]),
-				i.value ? (z(), w(c, {
+				i.value ? (B(), T(s, {
 					key: 0,
 					content: String(e.modelValue ?? ""),
 					open: !0,
 					offset: 16
 				}, {
-					default: q(() => [D("div", {
+					default: J(() => [O("div", {
 						class: "poveste-slider-tooltip-anchor",
-						style: L(s.value)
+						style: L(c.value)
 					}, null, 4)]),
 					_: 1
-				}, 8, ["content"])) : T("", !0)
+				}, 8, ["content"])) : E("", !0)
 			])]),
 			_: 1
 		}, 8, [
@@ -2376,7 +2489,7 @@ var dt = /* @__PURE__ */ j({
 			"style"
 		]));
 	}
-}), un = ["value"], dn = /* @__PURE__ */ j({
+}), fn = ["value"], pn = /* @__PURE__ */ M({
 	name: "HstText",
 	inheritAttrs: !1,
 	props: {
@@ -2385,15 +2498,15 @@ var dt = /* @__PURE__ */ j({
 	},
 	emits: { "update:modelValue": (e) => !0 },
 	setup(e, { emit: t }) {
-		let n = t, r = B();
-		return (t, i) => (z(), w(u, {
+		let n = t, r = V();
+		return (t, i) => (B(), T(l, {
 			title: e.title,
-			class: F(["poveste-text", t.$attrs.class]),
+			class: I(["poveste-text", t.$attrs.class]),
 			style: L(t.$attrs.style),
 			onClick: i[1] ||= (e) => r.value?.focus()
 		}, {
-			actions: q(() => [H(t.$slots, "actions")]),
-			default: q(() => [D("input", N({
+			actions: J(() => [U(t.$slots, "actions")]),
+			default: J(() => [O("input", P({
 				ref_key: "input",
 				ref: r
 			}, {
@@ -2406,7 +2519,7 @@ var dt = /* @__PURE__ */ j({
 				"data-slot": "control",
 				value: e.modelValue,
 				onInput: i[0] ||= (e) => n("update:modelValue", e.target.value)
-			}), null, 16, un)]),
+			}), null, 16, fn)]),
 			_: 3
 		}, 8, [
 			"title",
@@ -2414,7 +2527,7 @@ var dt = /* @__PURE__ */ j({
 			"style"
 		]));
 	}
-}), fn = ["value"], pn = /* @__PURE__ */ j({
+}), mn = ["value"], hn = /* @__PURE__ */ M({
 	name: "HstTextarea",
 	inheritAttrs: !1,
 	props: {
@@ -2423,15 +2536,15 @@ var dt = /* @__PURE__ */ j({
 	},
 	emits: { "update:modelValue": (e) => !0 },
 	setup(e, { emit: t }) {
-		let n = t, r = B();
-		return (t, i) => (z(), w(u, {
+		let n = t, r = V();
+		return (t, i) => (B(), T(l, {
 			title: e.title,
-			class: F(["poveste-textarea", t.$attrs.class]),
+			class: I(["poveste-textarea", t.$attrs.class]),
 			style: L(t.$attrs.style),
 			onClick: i[1] ||= (e) => r.value?.focus()
 		}, {
-			actions: q(() => [H(t.$slots, "actions")]),
-			default: q(() => [D("textarea", N({
+			actions: J(() => [U(t.$slots, "actions")]),
+			default: J(() => [O("textarea", P({
 				ref_key: "input",
 				ref: r
 			}, {
@@ -2443,7 +2556,7 @@ var dt = /* @__PURE__ */ j({
 				"data-slot": "control",
 				value: e.modelValue,
 				onInput: i[0] ||= (e) => n("update:modelValue", e.target.value)
-			}), null, 16, fn)]),
+			}), null, 16, mn)]),
 			_: 3
 		}, 8, [
 			"title",
@@ -2451,34 +2564,34 @@ var dt = /* @__PURE__ */ j({
 			"style"
 		]));
 	}
-}), mn = _e, hn = Ct, gn = At, _n = jt, vn = dn, yn = tn, bn = ln, xn = pn, Sn = sn, Cn = Vt, wn = en, Tn = qt, En = $, Dn = c, On = nn, kn = Object.assign(A(() => import("./HstJson-D83KEa9o.es.js")), {
+}), gn = ye, _n = Tt, vn = Mt, yn = Nt, bn = pn, xn = rn, Sn = dn, Cn = hn, wn = ln, Tn = Ut, En = nn, Dn = Yt, On = $, kn = s, An = an, jn = Object.assign(j(() => import("./HstJson-CClJDodg.es.js")), {
 	name: "HstJson",
 	emits: ["update:modelValue"]
-}), An = Object.assign(A(() => import("./HstDate-Ct5Jp_ZD.es.js")), {
+}), Mn = Object.assign(j(() => import("./HstDate-CFGLzzai.es.js")), {
 	name: "HstDate",
 	emits: ["update:modelValue"]
-}), jn = Object.assign(A(() => import("./HstColor-DHgxKTkm.es.js")), {
+}), Nn = Object.assign(j(() => import("./HstColor-BnPyFVL_.es.js")), {
 	name: "HstColor",
 	emits: ["update:modelValue"]
-}), Mn = Pt, Nn = {
-	HstButton: mn,
-	HstButtonGroup: hn,
-	HstCheckbox: gn,
-	HstCheckboxList: _n,
-	HstText: vn,
-	HstNumber: yn,
-	HstSlider: bn,
-	HstTextarea: xn,
-	HstSelect: Sn,
-	HstRadio: On,
-	HstColor: jn,
-	HstDate: An,
-	HstJson: kn,
-	HstColorShades: Cn,
-	HstTokenList: wn,
-	HstTokenGrid: Tn,
-	HstCopyIcon: En,
-	HstColorSelect: Mn
+}), Pn = It, Fn = {
+	HstButton: gn,
+	HstButtonGroup: _n,
+	HstCheckbox: vn,
+	HstCheckboxList: yn,
+	HstText: bn,
+	HstNumber: xn,
+	HstSlider: Sn,
+	HstTextarea: Cn,
+	HstSelect: wn,
+	HstRadio: An,
+	HstColor: Nn,
+	HstDate: Mn,
+	HstJson: jn,
+	HstColorShades: Tn,
+	HstTokenList: En,
+	HstTokenGrid: Dn,
+	HstCopyIcon: On,
+	HstColorSelect: Pn
 };
 //#endregion
-export { mn as HstButton, hn as HstButtonGroup, gn as HstCheckbox, _n as HstCheckboxList, jn as HstColor, Mn as HstColorSelect, Cn as HstColorShades, En as HstCopyIcon, An as HstDate, kn as HstJson, yn as HstNumber, On as HstRadio, Sn as HstSelect, bn as HstSlider, vn as HstText, xn as HstTextarea, Tn as HstTokenGrid, wn as HstTokenList, Dn as HstTooltip, st as PopoverAnchor, _ as PopoverContent, h as PopoverPortal, m as PopoverRoot, y as PopoverTrigger, Nn as components, l as portalTarget };
+export { gn as HstButton, _n as HstButtonGroup, vn as HstCheckbox, yn as HstCheckboxList, Nn as HstColor, Pn as HstColorSelect, Tn as HstColorShades, On as HstCopyIcon, Mn as HstDate, jn as HstJson, xn as HstNumber, An as HstRadio, wn as HstSelect, Sn as HstSlider, bn as HstText, Cn as HstTextarea, Dn as HstTokenGrid, En as HstTokenList, kn as HstTooltip, ut as PopoverAnchor, g as PopoverContent, m as PopoverPortal, p as PopoverRoot, v as PopoverTrigger, Fn as components, c as portalTarget };