@typeach/core 0.0.13 → 0.0.15

package/dist/typeach.js

@@ -1,4 +1,4 @@
-import { Fragment as e, computed as t, createBlock as n, createCommentVNode as r, createElementBlock as i, createVNode as a, defineComponent as o, getCurrentInstance as s, getCurrentScope as c, inject as l, markRaw as u, mergeModels as d, mergeProps as f, nextTick as p, onBeforeMount as ee, onBeforeUnmount as te, onMounted as m, onScopeDispose as ne, openBlock as h, provide as g, ref as _, renderSlot as v, resolveDynamicComponent as y, shallowReadonly as re, shallowRef as ie, toRefs as ae, toValue as b, unref as x, useId as S, useModel as C, useTemplateRef as w, watch as T, watchEffect as oe, withCtx as E, withDirectives as se, withKeys as ce, withModifiers as le } from "vue";
+import { Fragment as e, computed as t, createBlock as n, createCommentVNode as r, createElementBlock as i, createVNode as a, defineComponent as o, getCurrentInstance as s, getCurrentScope as c, inject as l, markRaw as u, mergeModels as d, mergeProps as f, nextTick as ee, onBeforeMount as te, onBeforeUnmount as ne, onMounted as p, onScopeDispose as re, openBlock as m, provide as h, ref as g, renderSlot as _, resolveDynamicComponent as v, shallowReadonly as ie, shallowRef as ae, toRefs as oe, toValue as y, unref as b, useId as x, useModel as S, useTemplateRef as C, watch as w, watchEffect as se, withCtx as T, withDirectives as ce, withKeys as E, withModifiers as le } from "vue";
 import { defineStore as ue } from "pinia";
 //#region src/utils/date/date-modifiers.ts
 var D = (e, t) => {
@@ -10,53 +10,53 @@ var D = (e, t) => {
 }, fe = (e, t) => {
 	let n = new Date(e);
 	return n.setFullYear(n.getFullYear() + t), n;
-}, O = (e) => D(e, 1), k = (e) => D(e, -1), pe = (e) => D(e, 7), me = (e) => D(e, -7), he = (e) => de(e, 1), ge = (e) => de(e, -1), _e = (e) => fe(e, 1), ve = (e) => fe(e, -1), A = (e, t) => {
+}, O = (e) => D(e, 1), k = (e) => D(e, -1), pe = (e) => D(e, 7), me = (e) => D(e, -7), he = (e) => de(e, 1), ge = (e) => de(e, -1), _e = (e) => fe(e, 1), ve = (e) => fe(e, -1), ye = (e, t) => {
 	let n = new Date(e), r = n.getDay(), i = r >= t ? r - t : 6 - r;
 	return n.setDate(n.getDate() - i), n;
-}, ye = (e, t) => D(A(e, t), 6), j = (e) => {
+}, be = (e, t) => D(ye(e, t), 6), A = (e) => {
 	let t = `${e.getFullYear()}`.padStart(4, "0"), n = `${e.getMonth() + 1}`.padStart(2, "0");
-	return N(/* @__PURE__ */ new Date(`${t}-${n}-01`));
-}, M = (e) => {
-	let t = j(e);
+	return we(/* @__PURE__ */ new Date(`${t}-${n}-01`));
+}, xe = (e) => {
+	let t = A(e);
 	return t.setMonth(t.getMonth() + 1), t.setDate(t.getDate() - 1), t;
-}, be = (e) => new Date(e.getFullYear(), 0, 1), xe = (e) => new Date(e.getFullYear(), 11, 31), N = (e) => {
+}, Se = (e) => new Date(e.getFullYear(), 0, 1), Ce = (e) => new Date(e.getFullYear(), 11, 31), we = (e) => {
 	let t = new Date(e), n = t.getTimezoneOffset();
 	return t.setMinutes(t.getMinutes() + n), t;
-}, Se = (e, t) => Intl.DateTimeFormat(t, {
+}, Te = (e, t) => Intl.DateTimeFormat(t, {
 	weekday: "long",
 	day: "numeric",
 	month: "long",
 	year: "numeric"
-}).format(e), Ce = (e) => e.getDate(), we = (e, t) => Intl.DateTimeFormat(t, { weekday: "long" }).format(e), Te = (e) => {
+}).format(e), Ee = (e) => e.getDate(), De = (e, t) => Intl.DateTimeFormat(t, { weekday: "long" }).format(e), Oe = (e) => {
 	let t = new Date(e);
 	t.setDate(t.getDate() + 4 - t.getDay());
-	let n = be(e);
+	let n = Se(e);
 	return Math.floor(((t - +n) / 864e5 + 1) / 7);
-}, P = (e, t) => ({
-	name: Oe(e, t),
+}, ke = (e, t) => ({
+	name: Me(e, t),
 	number: e.getMonth() + 1
-}), Ee = (e) => e.getFullYear(), De = (e, t) => Array.from({ length: 7 }).fill(void 0).map((t, n) => (e + n) % 7 + 1).map((e) => we(N(/* @__PURE__ */ new Date(`2006-01-0${e}`)), t)), Oe = (e, t) => Intl.DateTimeFormat(t, { month: "long" }).format(e), ke = (e) => Array.from({ length: 12 }).fill(void 0).map((t, n) => P(/* @__PURE__ */ new Date(`2006-${String(n + 1).padStart(2, "0")}-01`), e)), F = /* @__PURE__ */ function(e) {
+}), Ae = (e) => e.getFullYear(), je = (e, t) => Array.from({ length: 7 }).fill(void 0).map((t, n) => (e + n) % 7 + 1).map((e) => De(we(/* @__PURE__ */ new Date(`2006-01-0${e}`)), t)), Me = (e, t) => Intl.DateTimeFormat(t, { month: "long" }).format(e), Ne = (e) => Array.from({ length: 12 }).fill(void 0).map((t, n) => ke(/* @__PURE__ */ new Date(`2006-${String(n + 1).padStart(2, "0")}-01`), e)), j = /* @__PURE__ */ function(e) {
 	return e[e.Monday = 1] = "Monday", e[e.Tuesday = 2] = "Tuesday", e[e.Wednesday = 3] = "Wednesday", e[e.Thursday = 4] = "Thursday", e[e.Friday = 5] = "Friday", e[e.Saturday = 6] = "Saturday", e[e.Sunday = 7] = "Sunday", e;
-}({}), Ae = (e) => {
-	let t = [], n = j(e);
+}({}), Pe = (e) => {
+	let t = [], n = A(e);
 	for (; n.getMonth() === e.getMonth();) t.push(n), n = O(n);
 	return t;
-}, I = (e, t) => {
-	let n = Ae(e), { daysBefore: r, daysAfter: i } = Me(e, t);
+}, M = (e, t) => {
+	let n = Pe(e), { daysBefore: r, daysAfter: i } = Ie(e, t);
 	return [
 		...r,
 		...n,
 		...i
 	];
-}, je = (e) => {
+}, Fe = (e) => {
 	let t = [];
 	for (let n = 0; n < e.length; n += 7) t.push(e.slice(n, n + 7));
 	return t.map((e) => ({
 		days: e,
-		number: Te(e[e.length - 1])
+		number: Oe(e[e.length - 1])
 	}));
-}, Me = (e, t) => {
-	let n = j(e), r = n.getDay() === 0 ? 7 : n.getDay(), i = M(e), a = i.getDay() === 0 ? 7 : i.getDay(), o = t === F.Monday ? 7 : t - 1, s = [], c = [], l = (7 - t + r) % 7, u = k(n);
+}, Ie = (e, t) => {
+	let n = A(e), r = n.getDay() === 0 ? 7 : n.getDay(), i = xe(e), a = i.getDay() === 0 ? 7 : i.getDay(), o = t === j.Monday ? 7 : t - 1, s = [], c = [], l = (7 - t + r) % 7, u = k(n);
 	for (; l > 0;) s.push(u), u = k(u), --l;
 	s.reverse();
 	let d = (7 - a + o) % 7, f = O(i);
@@ -65,19 +65,19 @@ var D = (e, t) => {
 		daysBefore: s,
 		daysAfter: c
 	};
-}, L = (e) => ({
+}, N = (e) => ({
 	start: e.start < e.end ? e.start : e.end,
 	end: e.start < e.end ? e.end : e.start
-}), Ne = (e, t) => {
-	let { start: n, end: r } = L(t);
+}), Le = (e, t) => {
+	let { start: n, end: r } = N(t);
 	return e >= n && e <= r;
-}, Pe = (e, t) => {
-	let { start: n, end: r } = L(t);
+}, Re = (e, t) => {
+	let { start: n, end: r } = N(t);
 	return n.setHours(0, 0, 0, 0), r.setHours(23, 59, 59, 999), e >= n && e <= r;
-}, R = (e, t) => e.getFullYear() === t.getFullYear() && e.getMonth() === t.getMonth() && e.getDate() === t.getDate(), Fe = (e, t) => e.getFullYear() === t.getFullYear() && e.getMonth() === t.getMonth(), Ie = (e) => e == null, Le = (e) => e instanceof HTMLElement, z = (e) => {
+}, P = (e, t) => e.getFullYear() === t.getFullYear() && e.getMonth() === t.getMonth() && e.getDate() === t.getDate(), ze = (e, t) => e.getFullYear() === t.getFullYear() && e.getMonth() === t.getMonth(), F = (e) => e == null, I = (e) => e instanceof HTMLElement, L = (e) => {
 	let { disabled: t } = e.dataset;
-	return e.hasAttribute("disabled") || e.getAttribute("aria-disabled") === "true" || !Ie(t) && t !== "";
-}, Re = (e) => !Ie(e) && e === document.activeElement, ze = (e) => Re(e) || e.getAttribute("tabindex") === "0", Be = (e) => [...e].sort((e, t) => e === t ? 0 : e.compareDocumentPosition(t) & 2 ? 1 : -1), Ve = (e) => e.match(/^[\P{Cc}\P{Cn}\P{Cs}]$/u) !== null, He = (e) => Ve(e) && e !== " ", Ue = (e, t) => e.length > 1 && e.split("").every((e) => e === t), We = (e, t) => e.trim().toLowerCase().startsWith(t.trim().toLowerCase()), Ge = (e, t = F.Monday) => ({ onKeyDown(n) {
+	return e.hasAttribute("disabled") || e.getAttribute("aria-disabled") === "true" || !F(t) && t !== "";
+}, Be = (e) => !F(e) && e === document.activeElement, Ve = (e) => Be(e) || e.getAttribute("tabindex") === "0", R = (e) => [...e].sort((e, t) => e === t ? 0 : e.compareDocumentPosition(t) & 2 ? 1 : -1), He = (e) => e.match(/^[\P{Cc}\P{Cn}\P{Cs}]$/u) !== null, Ue = (e) => He(e) && e !== " ", We = (e, t) => e.length > 1 && e.split("").every((e) => e === t), Ge = (e, t) => e.trim().toLowerCase().startsWith(t.trim().toLowerCase()), Ke = (e, t = j.Monday) => ({ onKeyDown(n) {
 	switch ([
 		"ArrowLeft",
 		"ArrowRight",
@@ -107,14 +107,14 @@ var D = (e, t) => {
 			e.value = n.shiftKey ? _e(e.value) : he(e.value);
 			break;
 		case "Home":
-			e.value = n.shiftKey ? j(e.value) : A(e.value, t);
+			e.value = n.shiftKey ? A(e.value) : ye(e.value, t);
 			break;
 		case "End":
-			e.value = n.shiftKey ? M(e.value) : ye(e.value, t);
+			e.value = n.shiftKey ? xe(e.value) : be(e.value, t);
 			break;
 		default: break;
 	}
-} }), Ke = (e) => {
+} }), qe = (e) => {
 	let t = (t, n, i = !1) => {
 		let { getElements: a, moveTo: o, isMovedTo: s } = e, c = a(), l = c.findIndex((e) => s(e)), u = n(l, c.length), d = c[u], f = t === "forwards" ? u++ : u--;
 		if (f < 0) return i ? "backwards" : r("start");
@@ -131,19 +131,19 @@ var D = (e, t) => {
 		moveToEdge: r,
 		moveByPages: i
 	};
-}, qe = (e) => {
+}, z = (e) => {
 	let t = (e, t) => {
 		t.filter((t) => !e?.isSameNode(t)).forEach((e) => e.setAttribute("tabindex", "-1")), e?.setAttribute("tabindex", "0");
 	}, n = (n) => {
 		t(n, e()), n.focus();
 	};
-	T(e, (e) => {
+	w(e, (e) => {
 		let [n] = e, r = e.find((e) => e.matches(":focus"));
-		!r && n && z(n) && (n = e.find((e) => !z(e))), t(r || n, e);
+		!r && n && L(n) && (n = e.find((e) => !L(e))), t(r || n, e);
 	});
-	let { moveRelatively: r, moveToEdge: i, moveByPages: a } = Ke({
+	let { moveRelatively: r, moveToEdge: i, moveByPages: a } = qe({
 		getElements: e,
-		isMovedTo: ze,
+		isMovedTo: Ve,
 		moveTo: n
 	});
 	return {
@@ -156,7 +156,7 @@ var D = (e, t) => {
 		}
 	};
 }, B = Symbol("grid"), Je = (e) => {
-	let { moveRelatively: t, moveToEdge: n, moveTo: r, moveByPages: i } = qe(e);
+	let { moveRelatively: t, moveToEdge: n, moveTo: r, moveByPages: i } = z(e);
 	return { onKeyDown(a, o) {
 		let s = [
 			"ArrowLeft",
@@ -168,7 +168,7 @@ var D = (e, t) => {
 			"Home",
 			"End"
 		];
-		if (!Le(o.target)) return;
+		if (!I(o.target)) return;
 		s.includes(o.key) && o.preventDefault();
 		let c = e().filter((e) => e.matches(`[data-elements-${a}="true"]`)), [l, u] = [c[0], c[c.length - 1]], d = o.target.closest(`[data-elements-${a}="true"]`);
 		switch (o.key) {
@@ -192,7 +192,7 @@ var D = (e, t) => {
 		}
 	} };
 }, Ye = Symbol("roving-tabindex"), V = (e, t) => {
-	let { moveTo: n, moveRelatively: r, moveToEdge: i, moveByPages: a, getCurrentTabStop: o } = qe(t);
+	let { moveTo: n, moveRelatively: r, moveToEdge: i, moveByPages: a, getCurrentTabStop: o } = z(t);
 	return {
 		moveTo: n,
 		moveRelatively: r,
@@ -200,7 +200,7 @@ var D = (e, t) => {
 		moveByPages: a,
 		getCurrentTabStop: o,
 		onKeyDown(t) {
-			let n = b(e) === "vertical", a = n ? "ArrowUp" : "ArrowLeft", o = n ? "ArrowDown" : "ArrowRight";
+			let n = y(e) === "vertical", a = n ? "ArrowUp" : "ArrowLeft", o = n ? "ArrowDown" : "ArrowRight";
 			switch ([
 				o,
 				a,
@@ -225,21 +225,30 @@ var D = (e, t) => {
 	}, u = (e, t) => {
 		let i = r(), a = i.findIndex((t) => t.getAttribute("data-value") === e), o = i.findIndex((e) => e.getAttribute("data-value") === t);
 		if (a < 0 || o < 0 || a === o) return;
-		let s = (a < o ? i.slice(a, o) : i.slice(o, a)).filter((e) => !z(e) && !!e.getAttribute("data-value")).map((e) => e.getAttribute("data-value"));
-		i[a] && !z(i[a]) && s.unshift(e), i[o] && !z(i[o]) && s.push(t), n.value = [...new Set(n.value.concat(s))];
+		let s = (a < o ? i.slice(a, o) : i.slice(o, a)).filter((e) => !L(e) && !!e.getAttribute("data-value")).map((e) => e.getAttribute("data-value"));
+		i[a] && !L(i[a]) && s.unshift(e), i[o] && !L(i[o]) && s.push(t), n.value = [...new Set(n.value.concat(s))];
 	}, d = (e, t) => {
 		let n = r().at(t === "start" ? 0 : -1)?.getAttribute("data-value");
 		n && u(e, n);
-	};
+	}, f = (e = r()) => e.map((e) => e.getAttribute("data-value")).filter((e) => !!e);
 	return {
 		moveTo: i,
-		onSpace(e) {
-			n.value.includes(e) ? n.value = n.value.filter((t) => t !== e) : n.value = b(t) ? [...n.value, e] : [e];
+		onSpace(e, i) {
+			if (!(I(i.target) && L(i.target))) if (n.value.includes(e)) n.value = n.value.filter((t) => t !== e);
+			else if (y(t)) n.value = [...n.value, e];
+			else {
+				let t = r().filter((e) => L(e)), i = f(t);
+				(!n.value.length || !i.includes(n.value[0])) && (n.value = [e]);
+			}
 		},
 		onKeyDown(i, c) {
-			if (!b(t) || !c.shiftKey && !c.ctrlKey) return s(c);
-			let u = b(e) === "vertical";
-			if (c.ctrlKey && c.key === "a") return c.preventDefault(), n.value = r(!1).map((e) => e.getAttribute("data-value")).filter((e) => !!e);
+			if (!y(t) || !c.shiftKey && !c.ctrlKey) return s(c);
+			let u = y(e) === "vertical";
+			if (c.ctrlKey && c.key === "a") {
+				c.preventDefault();
+				let e = r(), t = f(e), i = f(e.filter((e) => L(e)));
+				return t.filter((e) => !i.includes(e)).every((e) => n.value.includes(e)) ? n.value = n.value.filter((e) => i.includes(e)) : n.value = t.filter((e) => !i.includes(e) || n.value.includes(e));
+			}
 			if (c.shiftKey) switch (c.key) {
 				case u ? "ArrowUp" : "ArrowLeft":
 					c.preventDefault(), a(-1), l();
@@ -259,7 +268,7 @@ var D = (e, t) => {
 //#endregion
 //#region ../../node_modules/.pnpm/@vueuse+shared@14.4.0_vue@3.5.40_typescript@6.0.3_/node_modules/@vueuse/shared/dist/index.js
 function Qe(e, t) {
-	return c() ? (ne(e, t), !0) : !1;
+	return c() ? (re(e, t), !0) : !1;
 }
 var H = typeof window < "u" && typeof document < "u";
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
@@ -268,7 +277,7 @@ function tt(e) {
 	return Array.isArray(e) ? e : [e];
 }
 function nt(e, t, n = {}) {
-	let { immediate: r = !0, immediateCallback: i = !1 } = n, a = ie(!1), o;
+	let { immediate: r = !0, immediateCallback: i = !1 } = n, a = ae(!1), o;
 	function s() {
 		o &&= (clearTimeout(o), void 0);
 	}
@@ -278,10 +287,10 @@ function nt(e, t, n = {}) {
 	function l(...n) {
 		i && e(), s(), a.value = !0, o = setTimeout(() => {
 			a.value = !1, o = void 0, e(...n);
-		}, b(t));
+		}, y(t));
 	}
 	return r && (a.value = !0, H && l()), Qe(c), {
-		isPending: re(a),
+		isPending: ie(a),
 		start: l,
 		stop: c
 	};
@@ -294,7 +303,7 @@ function rt(e = 1e3, n = {}) {
 	} : o;
 }
 function U(e, t, n) {
-	return T(e, t, {
+	return w(e, t, {
 		...n,
 		immediate: !0
 	});
@@ -304,12 +313,12 @@ function U(e, t, n) {
 var it = H ? window : void 0;
 H && window.document, H && window.navigator, H && window.location;
 function at(e) {
-	let t = b(e);
+	let t = y(e);
 	return t?.$el ?? t;
 }
 function ot() {
-	let e = ie(!1), t = s();
-	return t && m(() => {
+	let e = ae(!1), t = s();
+	return t && p(() => {
 		e.value = !0;
 	}, t), e;
 }
@@ -321,8 +330,8 @@ function st(e) {
 function ct(e, n, r = {}) {
 	let { window: i = it, ...a } = r, o, s = /* @__PURE__ */ st(() => i && "MutationObserver" in i), c = () => {
 		o &&= (o.disconnect(), void 0);
-	}, l = T(t(() => {
-		let t = tt(b(e)).map(at).filter($e);
+	}, l = w(t(() => {
+		let t = tt(y(e)).map(at).filter($e);
 		return new Set(t);
 	}), (e) => {
 		c(), s.value && e.size && (o = new MutationObserver(n), e.forEach((e) => o.observe(e, a)));
@@ -341,18 +350,18 @@ function ct(e, n, r = {}) {
 //#endregion
 //#region src/hooks/keyboard/useTypeahead.ts
 var lt = (e) => {
-	let t = _(""), n = rt(500, {
+	let t = g(""), n = rt(500, {
 		controls: !0,
 		callback() {
 			t.value = "";
 		}
 	});
 	return { type(r) {
-		let { getElements: i, moveTo: a, isMovedTo: o } = b(e);
+		let { getElements: i, moveTo: a, isMovedTo: o } = y(e);
 		n.isPending.value && n.stop();
 		let s = r.toLowerCase();
 		t.value += s;
-		let c = Ue(t.value, s) ? s : t.value, l = i(), u = l.filter((e) => We(e.textContent, c)), d = l.find((e) => o(e)), f = u[u.findIndex((e) => d?.isSameNode(e)) + 1];
+		let c = We(t.value, s) ? s : t.value, l = i(), u = l.filter((e) => Ge(e.textContent, c)), d = l.find((e) => o(e)), f = u[u.findIndex((e) => d?.isSameNode(e)) + 1];
 		f && a(f, d), n.start();
 	} };
 }, ut = /([\p{Ll}\d])(\p{Lu})/gu, dt = /(\p{Lu})([\p{Lu}][\p{Ll}])/gu, ft = /(\d)\p{Ll}|(\p{L})\d/u, pt = /[^\p{L}\d]+/giu, mt = "$1\0$2", ht = "";
@@ -377,19 +386,19 @@ function _t(e) {
 	return t;
 }
 function vt(e, t) {
-	let [n, r, i] = bt(e, t);
-	return n + r.map(yt(t?.locale)).join(t?.delimiter ?? " ") + i;
+	let [n, r, i] = xt(e, t);
+	return n + r.map(bt(t?.locale)).join(t?.delimiter ?? " ") + i;
 }
-function W(e, t) {
+function yt(e, t) {
 	return vt(e, {
 		delimiter: "-",
 		...t
 	});
 }
-function yt(e) {
+function bt(e) {
 	return e === !1 ? (e) => e.toLowerCase() : (t) => t.toLocaleLowerCase(e);
 }
-function bt(e, t = {}) {
+function xt(e, t = {}) {
 	let n = t.split ?? (t.separateNumbers ? _t : gt), r = t.prefixCharacters ?? ht, i = t.suffixCharacters ?? ht, a = 0, o = e.length;
 	for (; a < e.length;) {
 		let t = e.charAt(a);
@@ -409,29 +418,29 @@ function bt(e, t = {}) {
 }
 //#endregion
 //#region src/hooks/useBemClass.ts
-var xt = (e, t) => {
+var St = (e, t) => {
 	let n = t ? `${t}-${e}` : e;
 	return (...e) => {
-		let t = [n, ...e].filter((e) => typeof e == "string").map((e) => W(e)).join("__"), r = { [t]: !0 };
+		let t = [n, ...e].filter((e) => typeof e == "string").map((e) => yt(e)).join("__"), r = { [t]: !0 };
 		for (let n of e.filter((e) => typeof e == "object")) for (let e of Object.keys(n)) {
 			let i = n[e];
-			typeof i == "string" && (r[`${t}--${i}`] = !0), typeof i == "number" && (r[`${t}--${W(e)}-${i}`] = !0), typeof i == "boolean" && (r[`${t}--${W(e)}`] = i);
+			typeof i == "string" && (r[`${t}--${i}`] = !0), typeof i == "number" && (r[`${t}--${yt(e)}-${i}`] = !0), typeof i == "boolean" && (r[`${t}--${yt(e)}`] = i);
 		}
 		return r;
 	};
-}, St = (e) => (t) => xt(t, e), Ct = (e, n = F.Monday, r = "en") => {
-	let i = _(I(e.value, b(n))), a = t(() => Ee(e.value)), o = t(() => P(e.value, b(r))), s = t(() => je(i.value));
-	return T(t(() => `${a.value}${o.value.number}`), () => {
-		i.value = I(e.value, b(n));
-	}), T(() => b(n), (t) => {
-		i.value = I(e.value, t);
+}, Ct = (e) => (t) => St(t, e), wt = (e, n = j.Monday, r = "en") => {
+	let i = g(M(e.value, y(n))), a = t(() => Ae(e.value)), o = t(() => ke(e.value, y(r))), s = t(() => Fe(i.value));
+	return w(t(() => `${a.value}${o.value.number}`), () => {
+		i.value = M(e.value, y(n));
+	}), w(() => y(n), (t) => {
+		i.value = M(e.value, t);
 	}), {
 		year: a,
 		month: o,
 		weeks: s
 	};
-}, wt = (e, t) => (g(e, t), t), G = (e) => l(e, { missingContext: !0 }), K = (e) => l(e), Tt = (e) => {
-	let n = _([]), r = t(() => n.value.sort((e, t) => e === t ? 0 : e.compareDocumentPosition(t) & 2 ? 1 : -1)), i = () => document.querySelectorAll("h1, h2, h3, h4, h5, h6"), a = t(() => {
+}, Tt = (e) => {
+	let n = g([]), r = t(() => n.value.sort((e, t) => e === t ? 0 : e.compareDocumentPosition(t) & 2 ? 1 : -1)), i = () => document.querySelectorAll("h1, h2, h3, h4, h5, h6"), a = t(() => {
 		let e = [], t = [];
 		for (let n of r.value) {
 			let r = parseInt(n.tagName.substring(1), 10), i = {
@@ -451,8 +460,8 @@ var xt = (e, t) => {
 		};
 		return t.children && (n.children = o(t.children)), n;
 	}) : t;
-	return m(async () => {
-		await p(), n.value = Array.from(i());
+	return p(async () => {
+		await ee(), n.value = Array.from(i());
 	}), ct(document.body, (e) => {
 		let t = Array.from(i());
 		t.some((t) => e.some((e) => [...e.addedNodes, ...e.removedNodes].includes(t))) && (n.value = t);
@@ -460,50 +469,36 @@ var xt = (e, t) => {
 		childList: !0,
 		subtree: !0
 	}), { documentOutline: t(() => o(a.value)) };
-}, q = (e, n) => {
-	let r = _(/* @__PURE__ */ new Map()), i = n ? {
+}, W = (e, n) => {
+	let r = g(/* @__PURE__ */ new Map()), i = n ? {
 		items: r,
 		parent: n
 	} : l(`${e}-elements`, {
 		items: r,
-		parent: _()
+		parent: g()
 	});
-	return n && g(`${e}-elements`, i), {
+	return n && h(`${e}-elements`, i), {
 		getElements: (t = !0) => {
 			let n = i.parent.value;
 			if (!n) return [];
 			let r = Array.from(n.querySelectorAll(`[data-elements-${e}="true"]`));
-			return Be(Array.from(i.items.value.values()).sort((e, t) => r.indexOf(e) - r.indexOf(t)).filter((e) => t || !z(e)));
+			return R(Array.from(i.items.value.values()).sort((e, t) => r.indexOf(e) - r.indexOf(t)).filter((e) => t || !L(e)));
 		},
-		elements: t(() => Be(Array.from(i.items.value.values())))
+		elements: t(() => R(Array.from(i.items.value.values())))
 	};
-}, J = (e, t, n) => {
+}, G = (e, t, n) => {
 	let r = l(`${e}-elements`, void 0);
-	oe((e) => {
+	se((e) => {
 		if (!t.value) return;
 		let i = u(t.value);
 		n?.value ? r?.items.value.delete(i) : r?.items.value.set(i, t.value), e(() => r?.items.value.delete(i));
-	}), m(() => {
+	}), p(() => {
 		t.value?.setAttribute(`data-elements-${e}`, "true");
-	}), te(() => {
+	}), ne(() => {
 		t.value?.removeAttribute(`data-elements-${e}`);
 	});
-}, Et = (e) => {
-	let n = _();
-	return t({
-		set(e) {
-			n.value = e;
-		},
-		get() {
-			return n.value ?? e;
-		}
-	});
-}, Dt = (e, t) => {
-	U(t, (t) => {
-		e.value = t;
-	});
-}, Ot = () => {
-	let e = _(/* @__PURE__ */ new Map());
+}, K = () => {
+	let e = g(/* @__PURE__ */ new Map());
 	return {
 		set(t, n) {
 			n ? e.value.set(t, n) : e.value.delete(t);
@@ -512,12 +507,12 @@ var xt = (e, t) => {
 			return e.value.get(t);
 		}
 	};
-}, Y = (e, t, n) => {
+}, q = (e, t, n) => {
 	U(n, (n) => {
 		e.set(t, n);
 	});
-}, kt = ue("theme-settings", () => {
-	let e = _(1), t = _(!0), n = (e, t) => {
+}, Et = ue("theme-settings", () => {
+	let e = g(1), t = g(!0), n = (e, t) => {
 		document.documentElement.style.setProperty(`--${e}`, t);
 	};
 	return U(e, (e) => {
@@ -528,27 +523,30 @@ var xt = (e, t) => {
 		saturation: e,
 		wrapCode: t
 	};
-}), X = Symbol("toolbar"), At = ["aria-orientation", "aria-controls"], jt = /* @__PURE__ */ o({
+}), Dt = (e) => l(e, { missingContext: !0 }), J = Symbol("toolbar"), Ot = ["aria-orientation", "aria-controls"], kt = /* @__PURE__ */ o({
 	__name: "Toolbar",
 	props: {
 		orientation: { default: "horizontal" },
 		controls: {}
 	},
 	setup(e) {
-		let { orientation: t } = ae(e), n = w("element"), { getElements: r } = q("toolbar", n), { onKeyDown: a } = V(t, r);
-		return g(X, { onKeyDown: a }), (r, a) => (h(), i("div", {
+		let { orientation: t } = oe(e), n = C("element"), { getElements: r } = W("toolbar", n), { onKeyDown: a, moveTo: o } = V(t, r);
+		return h(J, {
+			onKeyDown: a,
+			moveTo: o
+		}), (r, a) => (m(), i("div", {
 			ref_key: "element",
 			ref: n,
-			"aria-orientation": x(t),
+			"aria-orientation": b(t),
 			"aria-controls": e.controls,
 			role: "toolbar"
-		}, [v(r.$slots, "default")], 8, At));
+		}, [_(r.$slots, "default")], 8, Ot));
 	}
-}), Mt = [
+}), At = [
 	"aria-disabled",
 	"disabled",
 	"type"
-], Z = /* @__PURE__ */ o({
+], Y = /* @__PURE__ */ o({
 	__name: "Button",
 	props: {
 		type: { default: "button" },
@@ -559,57 +557,57 @@ var xt = (e, t) => {
 	},
 	emits: ["click"],
 	setup(e, { emit: t }) {
-		let n = e, r = t, a = w("element"), { onKeyDown: o } = G(X);
-		J("toolbar", a);
-		let s = (e) => {
-			n.disabled || r("click", e);
+		let n = e, r = t, a = C("element"), { onKeyDown: o, moveTo: s } = Dt(J);
+		G("toolbar", a);
+		let c = (e) => {
+			s?.(a.value), n.disabled || r("click", e);
 		};
-		return (t, n) => (h(), i("button", {
+		return (t, n) => (m(), i("button", {
 			ref_key: "element",
 			ref: a,
 			"aria-disabled": e.disabled === !0 || void 0,
 			disabled: e.disabled === "without-focus" || void 0,
 			type: e.type,
-			onClick: s,
-			onKeydown: n[0] ||= (...e) => x(o) && x(o)(...e)
-		}, [v(t.$slots, "default")], 40, Mt));
+			onClick: c,
+			onKeydown: n[0] ||= (...e) => b(o) && b(o)(...e)
+		}, [_(t.$slots, "default")], 40, At));
 	}
-}), Nt = /* @__PURE__ */ o({
+}), jt = Symbol("calendar-table"), Mt = /* @__PURE__ */ o({
 	__name: "Table",
 	setup(e) {
-		return (e, t) => (h(), i("table", null, [v(e.$slots, "default")]));
+		return (e, t) => (m(), i("table", null, [_(e.$slots, "default")]));
 	}
-}), Pt = /* @__PURE__ */ o({
+}), Nt = /* @__PURE__ */ o({
 	__name: "TableBody",
 	setup(e) {
-		return (e, t) => (h(), i("tbody", null, [v(e.$slots, "default")]));
+		return (e, t) => (m(), i("tbody", null, [_(e.$slots, "default")]));
 	}
-}), Ft = /* @__PURE__ */ o({
+}), Pt = /* @__PURE__ */ o({
 	__name: "TableCell",
 	props: { heading: { type: Boolean } },
 	setup(e) {
-		return (t, r) => (h(), n(y(e.heading ? "th" : "td"), { scope: e.heading ? "row" : void 0 }, {
-			default: E(() => [v(t.$slots, "default")]),
+		return (t, r) => (m(), n(v(e.heading ? "th" : "td"), { scope: e.heading ? "row" : void 0 }, {
+			default: T(() => [_(t.$slots, "default")]),
 			_: 3
 		}, 8, ["scope"]));
 	}
-}), It = /* @__PURE__ */ o({
+}), Ft = /* @__PURE__ */ o({
 	__name: "TableHead",
 	setup(e) {
-		return (e, t) => (h(), i("thead", null, [v(e.$slots, "default")]));
+		return (e, t) => (m(), i("thead", null, [_(e.$slots, "default")]));
 	}
-}), Lt = ["aria-sort"], Rt = /* @__PURE__ */ o({
+}), It = ["aria-sort"], Lt = /* @__PURE__ */ o({
 	__name: "TableHeadingCell",
 	props: { sorted: {} },
 	setup(e) {
-		return (t, n) => (h(), i("th", { "aria-sort": e.sorted }, [v(t.$slots, "default")], 8, Lt));
+		return (t, n) => (m(), i("th", { "aria-sort": e.sorted }, [_(t.$slots, "default")], 8, It));
 	}
-}), zt = /* @__PURE__ */ o({
+}), Rt = /* @__PURE__ */ o({
 	__name: "TableRow",
 	setup(e) {
-		return (e, t) => (h(), i("tr", null, [v(e.$slots, "default")]));
+		return (e, t) => (m(), i("tr", null, [_(e.$slots, "default")]));
 	}
-}), Bt = Symbol("calendar-table"), Vt = /* @__PURE__ */ o({
+}), zt = /* @__PURE__ */ o({
 	__name: "CalendarTable",
 	props: /*@__PURE__*/ d({ autoFocus: { type: Boolean } }, {
 		modelValue: { default: () => /* @__PURE__ */ new Date() },
@@ -617,29 +615,29 @@ var xt = (e, t) => {
 	}),
 	emits: ["update:modelValue"],
 	setup(e) {
-		let r = e, i = C(e, "modelValue"), a = ot();
-		return g(Bt, {
+		let r = e, i = S(e, "modelValue"), a = ot();
+		return h(jt, {
 			focusedDate: i,
 			allowFocus: t(() => r.autoFocus || a.value)
-		}), (e, t) => (h(), n(x(Nt), { role: "grid" }, {
-			default: E(() => [v(e.$slots, "default")]),
+		}), (e, t) => (m(), n(b(Mt), { role: "grid" }, {
+			default: T(() => [_(e.$slots, "default")]),
 			_: 3
 		}));
 	}
-}), Ht = /* @__PURE__ */ o({
+}), Bt = /* @__PURE__ */ o({
 	__name: "CalendarTableCell",
 	setup(e) {
-		return (e, t) => (h(), n(Ft, { role: "gridcell" }, {
-			default: E(() => [v(e.$slots, "default")]),
+		return (e, t) => (m(), n(b(Pt), { role: "gridcell" }, {
+			default: T(() => [_(e.$slots, "default")]),
 			_: 3
 		}));
 	}
-}), Ut = [
+}), Vt = [
 	"aria-pressed",
 	"aria-disabled",
 	"aria-current",
 	"tabindex"
-], Wt = /* @__PURE__ */ o({
+], Ht = /* @__PURE__ */ o({
 	__name: "CalendarTableCellButton",
 	props: {
 		date: {},
@@ -648,27 +646,27 @@ var xt = (e, t) => {
 	},
 	emits: ["click"],
 	setup(e, { emit: n }) {
-		let r = e, a = n, o = w("element"), { focusedDate: s, allowFocus: c } = K(Bt), { onKeyDown: l } = Ge(s), u = t(() => R(r.date, s.value));
-		return U(u, async (e) => {
-			e && c.value && (await p(), o.value?.focus());
-		}), (t, n) => (h(), i("button", {
+		let r = e, a = n, o = C("element"), { focusedDate: s, allowFocus: c } = l(jt), { onKeyDown: u } = Ke(s), d = t(() => P(r.date, s.value));
+		return U(d, async (e) => {
+			e && c.value && (await ee(), o.value?.focus());
+		}), (t, n) => (m(), i("button", {
 			ref_key: "element",
 			ref: o,
 			"aria-pressed": e.selected,
 			"aria-disabled": e.disabled,
-			"aria-current": x(R)(e.date, /* @__PURE__ */ new Date()) ? "date" : void 0,
-			tabindex: u.value ? 0 : -1,
+			"aria-current": b(P)(e.date, /* @__PURE__ */ new Date()) ? "date" : void 0,
+			tabindex: d.value ? 0 : -1,
 			onFocus: n[0] ||= (t) => s.value = e.date,
-			onKeydown: n[1] ||= (...e) => x(l) && x(l)(...e),
+			onKeydown: n[1] ||= (...e) => b(u) && b(u)(...e),
 			onClick: n[2] ||= (e) => a("click", e)
-		}, [v(t.$slots, "default")], 40, Ut));
+		}, [_(t.$slots, "default")], 40, Vt));
 	}
-}), Gt = "\n  block-size: 1px;\n  inline-size: 1px;\n\n  position: absolute;\n  overflow: hidden;\n\n  clip: rect(0 0 0 0);\n  clip-path: inset(50%);\n\n  white-space: nowrap;\n", Kt = /* @__PURE__ */ o({
+}), Ut = "\n  block-size: 1px;\n  inline-size: 1px;\n\n  position: absolute;\n  overflow: hidden;\n\n  clip: rect(0 0 0 0);\n  clip-path: inset(50%);\n\n  white-space: nowrap;\n", Wt = /* @__PURE__ */ o({
 	__name: "VisuallyHidden",
 	setup(e) {
-		return (e, t) => (h(), i("div", { style: Gt }, [v(e.$slots, "default")]));
+		return (e, t) => (m(), i("div", { style: Ut }, [_(e.$slots, "default")]));
 	}
-}), qt = /* @__PURE__ */ o({
+}), Gt = /* @__PURE__ */ o({
 	__name: "CopyButton",
 	props: {
 		content: {},
@@ -677,23 +675,128 @@ var xt = (e, t) => {
 	},
 	emits: ["copy"],
 	setup(o) {
-		let s = _(!1), c = o, l = t(() => c.content ? typeof c.content == "string" ? [new ClipboardItem({ "text/plain": c.content })] : Array.isArray(c.content) ? c.content : [c.content] : []), u = async (e) => {
+		let s = g(!1), c = o, l = t(() => c.content ? typeof c.content == "string" ? [new ClipboardItem({ "text/plain": c.content })] : Array.isArray(c.content) ? c.content : [c.content] : []), u = async (e) => {
 			c.content ? await navigator.clipboard.write(l.value) : await c.onCopy?.(e), s.value = !0, setTimeout(() => {
 				s.value = !1;
 			}, 4e3);
 		};
-		return (t, c) => (h(), i(e, null, [o.preventAnnouncement ? r("", !0) : (h(), n(x(Kt), {
+		return (t, c) => (m(), i(e, null, [o.preventAnnouncement ? r("", !0) : (m(), n(b(Wt), {
 			key: 0,
 			"aria-live": "polite"
 		}, {
-			default: E(() => [s.value ? v(t.$slots, "default", { isCopying: s.value }, void 0, void 0, 0) : r("", !0)]),
+			default: T(() => [s.value ? _(t.$slots, "default", { isCopying: s.value }, void 0, void 0, 0) : r("", !0)]),
 			_: 3
-		})), a(x(Z), f(t.$attrs, { onClick: u }), {
-			default: E(() => [v(t.$slots, "default", { isCopying: s.value })]),
+		})), a(b(Y), f(t.$attrs, { onClick: u }), {
+			default: T(() => [_(t.$slots, "default", { isCopying: s.value })]),
 			_: 3
 		}, 16)], 64));
 	}
-}), Jt = Symbol("disclosure"), Yt = { key: 0 }, Xt = /* @__PURE__ */ o({
+}), X = Symbol("dialog"), Kt = /* @__PURE__ */ o({
+	__name: "Dialog",
+	props: /*@__PURE__*/ d({ modal: { type: [Boolean, String] } }, {
+		modelValue: {
+			type: Boolean,
+			default: !1
+		},
+		modelModifiers: {}
+	}),
+	emits: ["update:modelValue"],
+	setup(e) {
+		let n = e;
+		return h(X, {
+			sharedIds: K(),
+			open: S(e, "modelValue"),
+			modal: t(() => n.modal)
+		}), (e, t) => _(e.$slots, "default");
+	}
+}), qt = /* @__PURE__ */ o({
+	__name: "DialogButton",
+	props: { disabled: { type: [Boolean, String] } },
+	setup(e) {
+		let { sharedIds: t, open: r, modal: i } = l(X);
+		return (a, o) => (m(), n(b(Y), {
+			"aria-haspopup": "dialog",
+			"aria-expanded": b(r),
+			disabled: e.disabled,
+			commandfor: b(t).get("panel"),
+			command: b(i) ? "show-modal" : "--show-non-modal"
+		}, {
+			default: T(() => [_(a.$slots, "default")]),
+			_: 3
+		}, 8, [
+			"aria-expanded",
+			"disabled",
+			"commandfor",
+			"command"
+		]));
+	}
+}), Jt = /* @__PURE__ */ o({
+	__name: "DialogCloseButton",
+	props: { disabled: { type: [Boolean, String] } },
+	setup(e) {
+		let { sharedIds: t } = l(X);
+		return (r, i) => (m(), n(b(Y), {
+			disabled: e.disabled,
+			commandfor: b(t).get("panel"),
+			command: "close"
+		}, {
+			default: T(() => [_(r.$slots, "default")]),
+			_: 3
+		}, 8, ["disabled", "commandfor"]));
+	}
+}), Yt = [
+	"id",
+	"role",
+	"aria-labelledby",
+	"aria-describedby",
+	"closedby"
+], Xt = /* @__PURE__ */ o({
+	__name: "DialogPanel",
+	props: {
+		lightDismiss: { type: Boolean },
+		id: { default: () => x() }
+	},
+	setup(e) {
+		let t = e, n = C("element"), { sharedIds: r, open: a, modal: o } = l(X);
+		q(r, "panel", () => t.id);
+		let s = (e) => {
+			e.command === "--show-non-modal" && n.value?.show();
+		};
+		return w(a, (e) => {
+			n.value && (e ? o?.value ? n.value.showModal() : n.value.show() : n.value.close());
+		}), (t, c) => (m(), i("dialog", {
+			id: e.id,
+			ref_key: "element",
+			ref: n,
+			role: b(o) === "alert" ? "alertdialog" : void 0,
+			"aria-labelledby": b(r).get("heading"),
+			"aria-describedby": b(r).get("description"),
+			closedby: e.lightDismiss ? "any" : void 0,
+			onCommand: s,
+			onToggle: c[0] ||= (e) => a.value = e.newState === "open"
+		}, [_(t.$slots, "default")], 40, Yt));
+	}
+}), Zt = ["id"], Qt = /* @__PURE__ */ o({
+	__name: "DialogDescription",
+	props: { id: { default: () => x() } },
+	setup(e) {
+		let t = e, { sharedIds: n } = l(X);
+		return q(n, "description", () => t.id), (t, n) => (m(), i("div", { id: e.id }, [_(t.$slots, "default")], 8, Zt));
+	}
+}), $t = /* @__PURE__ */ o({
+	__name: "DialogHeading",
+	props: {
+		level: { default: 1 },
+		id: { default: () => x() }
+	},
+	setup(e) {
+		let t = e, { sharedIds: r } = l(X);
+		return q(r, "heading", () => t.id), (t, r) => (m(), n(v(`h${e.level}`), { id: e.id }, {
+			default: T(() => [_(t.$slots, "default")]),
+			_: 3
+		}, 8, ["id"]));
+	}
+}), en = Symbol("disclosure"), tn = { key: 0 }, nn = /* @__PURE__ */ o({
 	__name: "Disclosure",
 	props: /*@__PURE__*/ d({
 		render: { type: Boolean },
@@ -708,9 +811,9 @@ var xt = (e, t) => {
 	}),
 	emits: ["update:modelValue"],
 	setup(e) {
-		let n = C(e, "modelValue"), r = e;
-		return g(Jt, {
-			panelId: Et(S()),
+		let n = S(e, "modelValue"), r = e;
+		return h(en, {
+			sharedIds: K(),
 			disabled: t(() => r.disabled),
 			popover: t(() => r.popover),
 			open: t({
@@ -721,25 +824,23 @@ var xt = (e, t) => {
 					n.value = e;
 				}
 			})
-		}), (t, n) => e.render ? (h(), i("div", Yt, [v(t.$slots, "default")])) : v(t.$slots, "default", {}, void 0, void 0, 1);
+		}), (t, n) => e.render ? (m(), i("div", tn, [_(t.$slots, "default")])) : _(t.$slots, "default", {}, void 0, void 0, 1);
 	}
-}), Zt = /* @__PURE__ */ o({
+}), rn = /* @__PURE__ */ o({
 	__name: "DisclosureButton",
 	props: { disabled: { type: [Boolean, String] } },
 	setup(e) {
-		let { panelId: i, open: a, disabled: o, popover: s } = K(Jt), c = t(() => s.value ? {
-			command: "toggle-popover",
-			commandfor: i.value
-		} : { onClick() {
-			a.value = !a.value;
-		} });
-		return (t, s) => x(o) ? r("", !0) : (h(), n(x(Z), f({
+		let { sharedIds: i, open: a, disabled: o, popover: s } = l(en), c = t(() => ({
+			command: s.value ? "toggle-popover" : "--toggle-disclosure",
+			commandfor: i.get("panel")
+		}));
+		return (t, s) => b(o) ? r("", !0) : (m(), n(b(Y), f({
 			key: 0,
-			"aria-expanded": x(a),
-			"aria-controls": x(i),
+			"aria-expanded": b(a),
+			"aria-controls": b(i).get("panel"),
 			disabled: e.disabled
 		}, c.value), {
-			default: E(() => [v(t.$slots, "default")]),
+			default: T(() => [_(t.$slots, "default")]),
 			_: 3
 		}, 16, [
 			"aria-expanded",
@@ -747,213 +848,227 @@ var xt = (e, t) => {
 			"disabled"
 		]));
 	}
-}), Qt = _(0), $t = {
+}), an = g(0), on = {
 	beforeMount(e, { value: t }) {
-		let n = `a-l-${Qt.value++}`;
-		e.setAttribute("data-labelledby-id", n), t && (en(t, n), e.setAttribute("aria-labelledby", n));
+		let n = `a-l-${an.value++}`;
+		e.setAttribute("data-labelledby-id", n), t && (sn(t, n), e.setAttribute("aria-labelledby", n));
 	},
 	updated(e, { value: t, oldValue: n }) {
 		if (t === n) return;
 		let r = e.getAttribute("data-labelledby-id");
 		if (r) {
 			let n = document.getElementById(r);
-			t ? n ? n.innerText = t : (en(t, r), e.setAttribute("aria-labelledby", r)) : (e.removeAttribute("aria-labelledby"), n?.remove());
+			t ? n ? n.innerText = t : (sn(t, r), e.setAttribute("aria-labelledby", r)) : (e.removeAttribute("aria-labelledby"), n?.remove());
 		}
 	},
 	beforeUnmount(e) {
 		let t = e.getAttribute("data-labelledby-id");
 		t && (e.removeAttribute("aria-labelledby"), document.getElementById(t)?.remove());
 	}
-}, en = (e, t) => {
+}, sn = (e, t) => {
 	let n = document.createElement("span");
 	return n.innerText = e, n.id = t, n.hidden = !0, document.documentElement.appendChild(n), n;
-}, tn = {
+}, cn = {
 	beforeMount(e, { value: t }, { transition: n }) {
-		n && t === !1 ? n.beforeEnter(e) : Q(e, t);
+		n && t === !1 ? n.beforeEnter(e) : Z(e, t);
 	},
 	mounted(e, { value: t }, { transition: n }) {
 		n && t === !1 && n.enter(e);
 	},
 	updated(e, { value: t, oldValue: n }, { transition: r }) {
-		t !== n && (r ? t === !1 ? (r.beforeEnter(e), Q(e, t), r.enter(e)) : r.leave(e, () => Q(e, t)) : Q(e, t));
+		t !== n && (r ? t === !1 ? (r.beforeEnter(e), Z(e, t), r.enter(e)) : r.leave(e, () => Z(e, t)) : Z(e, t));
 	},
 	beforeUnmount(e, { value: t }) {
-		Q(e, t);
+		Z(e, t);
 	}
-}, Q = (e, t) => {
+}, Z = (e, t) => {
 	t ? e.setAttribute("hidden", `${t}`) : e.removeAttribute("hidden");
-}, nn = /* @__PURE__ */ o({
+}, ln = /* @__PURE__ */ o({
 	__name: "DisclosurePanel",
 	props: {
 		hideFromSearch: { type: Boolean },
 		as: { default: "div" },
-		id: { default: void 0 }
+		id: { default: () => x() }
 	},
 	setup(e) {
-		let r = e, { panelId: i, disabled: a, popover: o, open: s } = K(Jt);
-		Dt(i, () => r.id);
-		let c = w("element"), l = t(() => s.value ? void 0 : r.hideFromSearch ? !0 : "until-found"), u = (e) => {
-			e.newState === "open" ? s.value = !0 : s.value = !1;
+		let r = e, { sharedIds: i, popover: a, open: o } = l(en);
+		q(i, "panel", () => r.id);
+		let s = t(() => o.value ? void 0 : r.hideFromSearch ? !0 : "until-found"), c = (e) => {
+			o.value = e.newState === "open";
+		}, u = (e) => {
+			e.command === "--toggle-disclosure" && (o.value = !o.value);
 		};
-		return (t, r) => se((h(), n(y(e.as), {
-			id: x(i),
-			ref_key: "element",
-			ref: c,
-			popover: x(a) || !x(o) ? void 0 : "auto",
-			onBeforematch: r[0] ||= (e) => s.value = !0,
-			onToggle: u
+		return (t, r) => ce((m(), n(v(e.as), {
+			id: e.id,
+			ref: "element",
+			popover: b(a) ? "auto" : void 0,
+			onBeforematch: r[0] ||= (e) => o.value = !0,
+			onToggle: c,
+			onCommand: u
 		}, {
-			default: E(() => [v(t.$slots, "default")]),
+			default: T(() => [_(t.$slots, "default")]),
 			_: 3
-		}, 40, ["id", "popover"])), [[x(tn), l.value]]);
+		}, 40, ["id", "popover"])), [[b(cn), s.value]]);
+	}
+}), un = ["href"], dn = /* @__PURE__ */ o({
+	__name: "Link",
+	props: { url: {} },
+	setup(e) {
+		let t = C("element"), { onKeyDown: n, moveTo: r } = Dt(J);
+		return G("toolbar", t), (a, o) => (m(), i("a", {
+			ref_key: "element",
+			ref: t,
+			href: e.url,
+			onKeydown: o[0] ||= (...e) => b(n) && b(n)(...e),
+			onClick: o[1] ||= (e) => b(r)?.(t.value)
+		}, [_(a.$slots, "default")], 40, un));
 	}
-}), rn = ["href", "download"], an = /* @__PURE__ */ o({
+}), fn = /* @__PURE__ */ o({
 	__name: "DownloadLink",
 	props: {
 		url: {},
 		filename: {}
 	},
 	setup(e) {
-		let t = w("element"), { onKeyDown: n } = G(X);
-		return J("toolbar", t), (r, a) => (h(), i("a", {
-			ref_key: "element",
-			ref: t,
-			href: e.url,
-			download: e.filename || !0,
-			onKeydown: a[0] ||= (...e) => x(n) && x(n)(...e)
-		}, [v(r.$slots, "default")], 40, rn));
+		return (t, r) => (m(), n(b(dn), {
+			url: e.url,
+			download: e.filename || !0
+		}, {
+			default: T(() => [_(t.$slots, "default")]),
+			_: 3
+		}, 8, ["url", "download"]));
 	}
-}), on = ["id"], sn = /* @__PURE__ */ o({
+}), pn = ["id"], mn = /* @__PURE__ */ o({
 	__name: "FieldDescription",
 	setup(e) {
-		let t = S(), n = w("element");
-		return J("field-description", n), (e, r) => (h(), i("div", {
-			id: x(t),
+		let t = x(), n = C("element");
+		return G("field-description", n), (e, r) => (m(), i("div", {
+			id: b(t),
 			ref_key: "element",
 			ref: n
-		}, [v(e.$slots, "default")], 8, on));
+		}, [_(e.$slots, "default")], 8, pn));
 	}
-}), cn = ["id"], ln = /* @__PURE__ */ o({
+}), hn = ["id"], gn = /* @__PURE__ */ o({
 	__name: "FieldError",
 	setup(e) {
-		let t = S(), n = w("element");
-		return J("field-error", n), (e, r) => (h(), i("div", {
-			id: x(t),
+		let t = x(), n = C("element");
+		return G("field-error", n), (e, r) => (m(), i("div", {
+			id: b(t),
 			ref_key: "element",
 			ref: n
-		}, [v(e.$slots, "default")], 8, cn));
+		}, [_(e.$slots, "default")], 8, hn));
 	}
-}), un = Symbol("field"), dn = (e, n) => {
-	let { elements: r } = q("field-error", n), { elements: i } = q("field-description", n), a = (e) => e.filter((e) => e.id).map((e) => e.id);
-	return wt(un, {
+}), Q = Symbol("field"), _n = (e, n) => {
+	let { elements: r } = W("field-error", n), { elements: i } = W("field-description", n), a = (e) => e.filter((e) => e.id).map((e) => e.id);
+	return h(Q, {
 		id: e,
 		hasErrors: t(() => r.value.length > 0),
 		errorIds: t(() => a(r.value)),
 		descriptionIds: t(() => a(i.value))
 	});
-}, fn = () => K(un), pn = ["id", "for"], mn = /* @__PURE__ */ o({
+}, vn = ["id", "for"], yn = /* @__PURE__ */ o({
 	__name: "FieldLabel",
 	setup(e) {
-		let { id: t } = fn(), n = () => {
+		let { id: t } = l(Q), n = () => {
 			document.getElementById(t)?.focus();
 		};
-		return (e, r) => (h(), i("label", {
-			id: `${x(t)}-label`,
-			for: x(t),
+		return (e, r) => (m(), i("label", {
+			id: `${b(t)}-label`,
+			for: b(t),
 			onClick: n
-		}, [v(e.$slots, "default")], 8, pn));
+		}, [_(e.$slots, "default")], 8, vn));
 	}
-}), hn = /* @__PURE__ */ o({
+}), bn = /* @__PURE__ */ o({
 	__name: "GridTable",
 	setup(e) {
-		let r = w("element"), i = t(() => r.value?.$el), { getElements: a } = q("table", i), { onKeyDown: o } = Je(a);
-		return g(B, { onKeyDown: o }), (e, t) => (h(), n(Nt, {
+		let r = C("element"), i = t(() => r.value?.$el), { getElements: a } = W("table", i), { onKeyDown: o } = Je(a);
+		return h(B, { onKeyDown: o }), (e, t) => (m(), n(b(Mt), {
 			ref_key: "element",
 			ref: i,
 			role: "grid"
 		}, {
-			default: E(() => [v(e.$slots, "default")]),
+			default: T(() => [_(e.$slots, "default")]),
 			_: 3
 		}, 512));
 	}
-}), gn = (e) => {
-	let n = t(() => e.value?.$el), r = K(_n);
-	J("table", n), J(r, n);
-	let { onKeyDown: i } = K(B);
+}), xn = (e) => {
+	let n = t(() => e.value?.$el), r = l(Sn);
+	G("table", n), G(r, n);
+	let { onKeyDown: i } = l(B);
 	return {
 		onKeyDown: i,
 		rowId: r
 	};
-}, _n = Symbol("row"), vn = /* @__PURE__ */ o({
+}, Sn = Symbol("row"), Cn = /* @__PURE__ */ o({
 	__name: "GridTableCell",
 	props: { heading: { type: Boolean } },
 	setup(e) {
-		let { rowId: t, onKeyDown: r } = gn(w("element"));
-		return (i, a) => (h(), n(Ft, {
+		let { rowId: t, onKeyDown: r } = xn(C("element"));
+		return (i, a) => (m(), n(b(Pt), {
 			ref: "element",
 			heading: e.heading,
 			role: "gridcell",
-			onKeydown: a[0] ||= (e) => x(r)(x(t), e)
+			onKeydown: a[0] ||= (e) => b(r)(b(t), e)
 		}, {
-			default: E(() => [v(i.$slots, "default")]),
+			default: T(() => [_(i.$slots, "default")]),
 			_: 3
 		}, 8, ["heading"]));
 	}
-}), yn = /* @__PURE__ */ o({
+}), wn = /* @__PURE__ */ o({
 	__name: "GridTableHeadingCell",
 	props: { sorted: {} },
 	setup(e) {
-		let { rowId: t, onKeyDown: r } = gn(w("element"));
-		return (i, a) => (h(), n(Rt, {
+		let { rowId: t, onKeyDown: r } = xn(C("element"));
+		return (i, a) => (m(), n(b(Lt), {
 			ref: "element",
 			role: "gridcell",
 			sorted: e.sorted,
-			onKeydown: a[0] ||= (e) => x(r)(x(t), e)
+			onKeydown: a[0] ||= (e) => b(r)(b(t), e)
 		}, {
-			default: E(() => [v(i.$slots, "default")]),
+			default: T(() => [_(i.$slots, "default")]),
 			_: 3
 		}, 8, ["sorted"]));
 	}
-}), bn = /* @__PURE__ */ o({
+}), Tn = /* @__PURE__ */ o({
 	__name: "GridTableRow",
 	setup(e) {
-		return g(_n, S()), (e, t) => (h(), n(zt, null, {
-			default: E(() => [v(e.$slots, "default")]),
+		return h(Sn, x()), (e, t) => (m(), n(b(Rt), null, {
+			default: T(() => [_(e.$slots, "default")]),
 			_: 3
 		}));
 	}
-}), xn = /* @__PURE__ */ o({
+}), En = /* @__PURE__ */ o({
 	__name: "ListboxField",
 	setup(e) {
-		let t = S(), n = w("element");
-		return dn(t, n), (e, t) => (h(), i("div", {
+		let t = x(), n = C("element");
+		return _n(t, n), (e, t) => (m(), i("div", {
 			ref_key: "element",
 			ref: n
-		}, [v(e.$slots, "default")], 512));
+		}, [_(e.$slots, "default")], 512));
 	}
-}), Sn = Symbol("listbox-field"), Cn = Symbol("listbox-field-group"), wn = ["aria-labelledby"], Tn = /* @__PURE__ */ o({
+}), Dn = Symbol("listbox-field"), On = Symbol("listbox-field-group"), kn = ["aria-labelledby"], An = /* @__PURE__ */ o({
 	__name: "ListboxFieldGroup",
 	setup(e) {
-		let t = S();
-		return g(Cn, t), (e, n) => (h(), i("div", {
+		let t = x();
+		return h(On, t), (e, n) => (m(), i("div", {
 			role: "group",
-			"aria-labelledby": x(t)
-		}, [v(e.$slots, "default")], 8, wn));
+			"aria-labelledby": b(t)
+		}, [_(e.$slots, "default")], 8, kn));
 	}
-}), En = ["id"], Dn = /* @__PURE__ */ o({
+}), jn = ["id"], Mn = /* @__PURE__ */ o({
 	__name: "ListboxFieldGroupTitle",
 	setup(e) {
-		let t = K(Cn);
-		return (e, n) => (h(), i("div", { id: x(t) }, [v(e.$slots, "default")], 8, En));
+		let t = l(On);
+		return (e, n) => (m(), i("div", { id: b(t) }, [_(e.$slots, "default")], 8, jn));
 	}
-}), On = [
+}), Nn = [
 	"id",
 	"aria-labelledby",
 	"aria-describedby",
 	"aria-invalid",
 	"aria-multiselectable",
 	"aria-orientation"
-], kn = /* @__PURE__ */ o({
+], Pn = /* @__PURE__ */ o({
 	__name: "ListboxFieldInput",
 	props: /*@__PURE__*/ d({
 		multiselect: { type: Boolean },
@@ -965,30 +1080,30 @@ var xt = (e, t) => {
 	}),
 	emits: ["update:modelValue"],
 	setup(e) {
-		let n = e, r = C(e, "modelValue"), { id: a, hasErrors: o, errorIds: s, descriptionIds: c } = fn(), l = w("element"), { getElements: u } = q("listbox", l), { onKeyDown: d, onSpace: f, moveTo: p } = Ze(() => n.orientation, () => n.multiselect, r, u);
-		return g(Sn, {
-			onKeyDown: d,
-			onSpace: f,
-			moveTo: p,
+		let n = e, r = S(e, "modelValue"), { id: a, hasErrors: o, errorIds: s, descriptionIds: c } = l(Q), u = C("element"), { getElements: d } = W("listbox", u), { onKeyDown: f, onSpace: ee, moveTo: te } = Ze(() => n.orientation, () => n.multiselect, r, d);
+		return h(Dn, {
+			onKeyDown: f,
+			onSpace: ee,
+			moveTo: te,
 			modelValue: r,
 			multiselect: t(() => n.multiselect)
-		}), (t, n) => (h(), i("div", {
-			id: x(a),
+		}), (t, n) => (m(), i("div", {
+			id: b(a),
 			ref_key: "element",
-			ref: l,
-			"aria-labelledby": `${x(a)}-label`,
-			"aria-describedby": [x(s), x(c)].flat().join(" "),
-			"aria-invalid": x(o),
+			ref: u,
+			"aria-labelledby": `${b(a)}-label`,
+			"aria-describedby": [b(s), b(c)].flat().join(" "),
+			"aria-invalid": b(o),
 			"aria-multiselectable": e.multiselect,
 			"aria-orientation": e.orientation,
 			role: "listbox"
-		}, [v(t.$slots, "default")], 8, On));
+		}, [_(t.$slots, "default")], 8, Nn));
 	}
-}), An = [
+}), Fn = [
 	"aria-selected",
 	"aria-disabled",
 	"data-value"
-], jn = /* @__PURE__ */ o({
+], In = /* @__PURE__ */ o({
 	__name: "ListboxFieldOption",
 	props: {
 		value: {},
@@ -998,36 +1113,36 @@ var xt = (e, t) => {
 		}
 	},
 	setup(e) {
-		let t = e, n = w("element");
-		J("listbox", n);
-		let { onKeyDown: r, onSpace: a, moveTo: o, modelValue: s, multiselect: c } = K(Sn), l = () => {
+		let t = e, n = C("element");
+		G("listbox", n);
+		let { onKeyDown: r, onSpace: a, moveTo: o, modelValue: s, multiselect: c } = l(Dn), u = () => {
 			o(n.value), !t.disabled && (s.value.includes(t.value) ? s.value = s.value.filter((e) => e !== t.value) : s.value = c.value ? [...s.value, t.value] : [t.value]);
-		}, u = () => {
+		}, d = () => {
 			t.disabled || s.value.includes(t.value) || (s.value = c.value ? [...s.value, t.value] : [t.value]);
 		};
-		return (t, o) => (h(), i("div", {
+		return (t, o) => (m(), i("div", {
 			ref_key: "element",
 			ref: n,
-			"aria-selected": x(s).includes(e.value),
+			"aria-selected": b(s).includes(e.value),
 			"aria-disabled": e.disabled,
 			"data-value": e.value,
 			role: "option",
 			tabindex: "-1",
-			onClick: l,
+			onClick: u,
 			onKeydown: [
-				ce(u, ["enter"]),
-				o[0] ||= ce(le((t) => e.disabled ? void 0 : x(a)(e.value, t), ["prevent"]), ["space"]),
-				o[1] ||= (t) => x(r)(e.value, t)
+				E(d, ["enter"]),
+				o[0] ||= E(le((t) => e.disabled ? void 0 : b(a)(e.value, t), ["prevent"]), ["space"]),
+				o[1] ||= (t) => b(r)(e.value, t)
 			]
-		}, [v(t.$slots, "default")], 40, An));
+		}, [_(t.$slots, "default", { selected: b(s).includes(e.value) })], 40, Fn));
 	}
-}), Mn = ["aria-orientation"], Nn = /* @__PURE__ */ o({
+}), Ln = ["aria-orientation"], Rn = /* @__PURE__ */ o({
 	__name: "Separator",
 	props: { orientation: { default: "horizontal" } },
 	setup(e) {
-		return (t, n) => (h(), i("hr", { "aria-orientation": e.orientation }, null, 8, Mn));
+		return (t, n) => (m(), i("hr", { "aria-orientation": e.orientation }, null, 8, Ln));
 	}
-}), Pn = Symbol("Switch-field"), Fn = () => K(Pn), In = /* @__PURE__ */ o({
+}), zn = Symbol("Switch-field"), Bn = /* @__PURE__ */ o({
 	__name: "SwitchField",
 	props: {
 		modelValue: {
@@ -1038,36 +1153,36 @@ var xt = (e, t) => {
 	},
 	emits: ["update:modelValue"],
 	setup(e) {
-		let t = C(e, "modelValue"), n = S(), r = w("element");
-		return dn(n, r), g(Pn, {
+		let t = S(e, "modelValue"), n = x(), r = C("element");
+		return _n(n, r), h(zn, {
 			id: n,
 			modelValue: t
-		}), (e, t) => (h(), i("div", {
+		}), (e, t) => (m(), i("div", {
 			ref_key: "element",
 			ref: r
-		}, [v(e.$slots, "default")], 512));
+		}, [_(e.$slots, "default")], 512));
 	}
-}), Ln = { "aria-hidden": "true" }, Rn = /* @__PURE__ */ o({
+}), Vn = { "aria-hidden": "true" }, Hn = /* @__PURE__ */ o({
 	__name: "SwitchFieldStateLabel",
 	setup(e) {
-		return (e, t) => (h(), i("div", Ln, [v(e.$slots, "default")]));
+		return (e, t) => (m(), i("div", Vn, [_(e.$slots, "default")]));
 	}
-}), zn = /* @__PURE__ */ o({
+}), Un = /* @__PURE__ */ o({
 	__name: "SwitchFieldSwitchButton",
 	props: { disabled: { type: Boolean } },
 	setup(e) {
-		let { modelValue: t } = Fn(), { id: r, hasErrors: i, errorIds: a, descriptionIds: o } = fn();
-		return (s, c) => (h(), n(x(Z), {
-			id: x(r),
-			"aria-checked": x(t),
-			"aria-describedby": [x(a), x(o)].flat().join(" ") || void 0,
-			"aria-invalid": x(i) ? !0 : void 0,
-			"aria-labelledby": `${x(r)}-label`,
+		let { modelValue: t } = l(zn), { id: r, hasErrors: i, errorIds: a, descriptionIds: o } = l(Q);
+		return (s, c) => (m(), n(b(Y), {
+			id: b(r),
+			"aria-checked": b(t),
+			"aria-describedby": [b(a), b(o)].flat().join(" ") || void 0,
+			"aria-invalid": b(i) ? !0 : void 0,
+			"aria-labelledby": `${b(r)}-label`,
 			disabled: e.disabled,
 			role: "switch",
-			onClick: c[0] ||= (e) => t.value = !x(t)
+			onClick: c[0] ||= (e) => t.value = !b(t)
 		}, {
-			default: E(() => [v(s.$slots, "default")]),
+			default: T(() => [_(s.$slots, "default")]),
 			_: 3
 		}, 8, [
 			"id",
@@ -1078,7 +1193,7 @@ var xt = (e, t) => {
 			"disabled"
 		]));
 	}
-}), $ = Symbol("tabs"), Bn = Symbol("tabs-list"), Vn = /* @__PURE__ */ o({
+}), $ = Symbol("tabs"), Wn = Symbol("tabs-list"), Gn = /* @__PURE__ */ o({
 	__name: "Tabs",
 	props: /*@__PURE__*/ d({ as: {} }, {
 		modelValue: {},
@@ -1086,97 +1201,115 @@ var xt = (e, t) => {
 	}),
 	emits: ["update:modelValue"],
 	setup(e) {
-		let t = C(e, "modelValue");
-		return g($, {
-			ids: Ot(),
+		let t = S(e, "modelValue");
+		return h($, {
+			sharedIds: K(),
 			selectedPanel: t
-		}), (t, r) => e.as ? (h(), n(y(e.as), { key: 0 }, {
-			default: E(() => [v(t.$slots, "default")]),
+		}), (t, r) => e.as ? (m(), n(v(e.as), { key: 0 }, {
+			default: T(() => [_(t.$slots, "default")]),
 			_: 3
-		})) : v(t.$slots, "default", {}, void 0, void 0, 1);
+		})) : _(t.$slots, "default", {}, void 0, void 0, 1);
 	}
-}), Hn = ["tabindex"], Un = /* @__PURE__ */ o({
+}), Kn = [
+	"tabindex",
+	"aria-disabled",
+	"disabled"
+], qn = /* @__PURE__ */ o({
 	__name: "TabsActionButton",
-	props: { value: {} },
+	props: {
+		value: {},
+		disabled: { type: [Boolean, String] }
+	},
 	emits: ["click"],
 	setup(e, { emit: t }) {
-		let n = t, { selectedPanel: r } = K($);
-		return (t, a) => (h(), i("button", {
+		let n = e, r = t, { selectedPanel: a } = l($), o = (e) => {
+			n.disabled || r("click", e);
+		};
+		return (t, n) => (m(), i("button", {
 			ref: "button",
-			tabindex: x(r) === e.value ? 0 : -1,
+			tabindex: b(a) === e.value ? 0 : -1,
+			"aria-disabled": e.disabled === !0 || void 0,
+			disabled: e.disabled === "without-focus" || void 0,
 			type: "button",
-			onClick: a[0] ||= (e) => n("click", e)
-		}, [v(t.$slots, "default")], 8, Hn));
+			onClick: o
+		}, [_(t.$slots, "default")], 8, Kn));
 	}
-}), Wn = [
+}), Jn = [
 	"id",
+	"aria-disabled",
 	"aria-selected",
 	"aria-controls"
-], Gn = /* @__PURE__ */ o({
+], Yn = /* @__PURE__ */ o({
 	__name: "TabsButton",
 	props: {
 		value: {},
-		id: { default: (e) => `${S()}-${e.value}-button` }
+		id: { default: () => x() },
+		disabled: { type: Boolean }
 	},
 	emits: ["delete"],
 	setup(e, { emit: t }) {
-		let n = e, r = w("element");
-		J("tabs-list", r);
-		let a = t, { selectedPanel: o, ids: s } = K($);
-		Y(s, `${n.value}-button`, () => n.id);
-		let { onKeyDown: c, selectionFollowsFocus: l } = K(Bn);
-		return ee(() => {
+		let n = e, r = C("element");
+		G("tabs-list", r);
+		let a = t, { selectedPanel: o, sharedIds: s } = l($);
+		q(s, `${n.value}-button`, () => n.id);
+		let { onKeyDown: c, selectionFollowsFocus: u } = l(Wn), d = () => {
+			n.disabled || (o.value = n.value);
+		}, f = () => {
+			n.disabled || a("delete");
+		};
+		return te(() => {
 			o.value ||= n.value;
-		}), (t, u) => (h(), i("button", {
+		}), (t, a) => (m(), i("button", {
 			id: e.id,
 			ref_key: "element",
 			ref: r,
-			"aria-selected": x(o) === e.value,
-			"aria-controls": x(s).get(`${n.value}-panel`),
+			"aria-disabled": e.disabled === !0 || void 0,
+			"aria-selected": b(o) === e.value,
+			"aria-controls": b(s).get(`${n.value}-panel`),
 			type: "button",
 			role: "tab",
-			onClick: u[0] ||= (t) => o.value = e.value,
-			onFocus: u[1] ||= (t) => x(l) ? o.value = e.value : void 0,
-			onKeydown: [u[2] ||= ce((e) => a("delete"), ["delete"]), u[3] ||= (...e) => x(c) && x(c)(...e)]
-		}, [v(t.$slots, "default")], 40, Wn));
+			onFocus: a[0] ||= (t) => b(u) ? o.value = e.value : void 0,
+			onKeydown: [E(f, ["delete"]), a[1] ||= (...e) => b(c) && b(c)(...e)],
+			onClick: d
+		}, [_(t.$slots, "default")], 40, Jn));
 	}
-}), Kn = ["aria-orientation"], qn = /* @__PURE__ */ o({
+}), Xn = ["aria-orientation"], Zn = /* @__PURE__ */ o({
 	__name: "TabsList",
 	props: {
 		orientation: { default: "horizontal" },
 		selectionFollowsFocus: { type: Boolean }
 	},
 	setup(e) {
-		let n = e, { orientation: r } = ae(n), a = w("element"), { getElements: o } = q("tabs-list", a), { onKeyDown: s } = V(r, o);
-		return g(Bn, {
+		let n = e, { orientation: r } = oe(n), a = C("element"), { getElements: o } = W("tabs-list", a), { onKeyDown: s } = V(r, o);
+		return h(Wn, {
 			selectionFollowsFocus: t(() => n.selectionFollowsFocus),
 			onKeyDown: s
-		}), (e, t) => (h(), i("div", {
+		}), (e, t) => (m(), i("div", {
 			ref_key: "element",
 			ref: a,
-			"aria-orientation": x(r),
+			"aria-orientation": b(r),
 			role: "tablist"
-		}, [v(e.$slots, "default")], 8, Kn));
+		}, [_(e.$slots, "default")], 8, Xn));
 	}
-}), Jn = ["id", "aria-labelledby"], Yn = /* @__PURE__ */ o({
+}), Qn = ["id", "aria-labelledby"], $n = /* @__PURE__ */ o({
 	__name: "TabsPanel",
 	props: {
 		value: {},
-		id: { default: (e) => `${S()}-${e.value}-panel` }
+		id: { default: () => x() }
 	},
 	setup(e) {
-		let n = e, { selectedPanel: a, ids: o } = K($);
-		Y(o, `${n.value}-panel`, () => n.id);
+		let n = e, { selectedPanel: a, sharedIds: o } = l($);
+		q(o, `${n.value}-panel`, () => n.id);
 		let s = t(() => a.value === n.value);
-		return (t, a) => s.value ? (h(), i("div", {
+		return (t, a) => s.value ? (m(), i("div", {
 			key: 0,
 			id: e.id,
 			ref: "button",
-			"aria-labelledby": x(o).get(`${n.value}-button`),
+			"aria-labelledby": b(o).get(`${n.value}-button`),
 			tabindex: "-1",
 			role: "tabpanel"
-		}, [v(t.$slots, "default")], 8, Jn)) : r("", !0);
+		}, [_(t.$slots, "default")], 8, Qn)) : r("", !0);
 	}
 });
 //#endregion
-export { B as GridKey, Xe as ListboxKey, Z as PeachyButton, Vt as PeachyCalendarTable, Ht as PeachyCalendarTableCell, Wt as PeachyCalendarTableCellButton, qt as PeachyCopyButton, Xt as PeachyDisclosure, Zt as PeachyDisclosureButton, nn as PeachyDisclosurePanel, an as PeachyDownloadLink, sn as PeachyFieldDescription, ln as PeachyFieldError, mn as PeachyFieldLabel, hn as PeachyGridTable, vn as PeachyGridTableCell, yn as PeachyGridTableHeadingCell, bn as PeachyGridTableRow, xn as PeachyListboxField, Tn as PeachyListboxGroup, Dn as PeachyListboxGroupTitle, kn as PeachyListboxInput, jn as PeachyListboxOption, Nn as PeachySeparator, zn as PeachySwitchButton, In as PeachySwitchField, Rn as PeachySwitchStateLabel, Nt as PeachyTable, Pt as PeachyTableBody, Ft as PeachyTableCell, It as PeachyTableHead, Rt as PeachyTableHeadingCell, zt as PeachyTableRow, Vn as PeachyTabs, Un as PeachyTabsActionButton, Gn as PeachyTabsButton, qn as PeachyTabsList, Yn as PeachyTabsPanel, jt as PeachyToolbar, Kt as PeachyVisuallyHidden, Ye as RovingTabindexKey, X as ToolbarKey, F as Weekday, Se as formatDate, Ce as getDate, I as getDaysOfCalendarMonth, Ae as getDaysOfMonth, j as getFirstDayOfMonth, A as getFirstDayOfWeek, be as getFirstDayOfYear, M as getLastDayOfMonth, ye as getLastDayOfTheWeek, xe as getLastDayOfYear, P as getMonth, ke as getMonths, Oe as getNameOfMonth, O as getNextDay, he as getNextMonth, pe as getNextWeek, _e as getNextYear, k as getPreviousDay, ge as getPreviousMonth, me as getPreviousWeek, ve as getPreviousYear, Te as getWeekNumber, De as getWeekdays, Ee as getYear, Pe as isDateInRange, Ne as isDateTimeInRange, z as isDisabledElement, Re as isFocusedHtmlElement, ze as isFocusedRovingTabindexElement, Le as isHtmlElement, Ie as isNullish, Ve as isPrintableCharacter, Ue as isRepeatingCharacter, R as isSameDate, Fe as isSameMonth, He as isTypeaheadCharacter, J as provideElement, N as removeTimezoneOffset, Ot as shareDynamicIds, Et as shareId, Be as sortElementsByAppearance, L as sortRange, je as splitDaysIntoWeeks, We as startsWith, xt as useBemClass, Ct as useCalendar, Ge as useCalendarGrid, K as useContext, wt as useContextProvider, Tt as useDocumentOutline, q as useElements, St as useGlobalBemClass, Je as useGrid, Ze as useListbox, Ke as useNavigableElements, G as useOptionalContext, V as useRovingTabindex, Y as useSharedDynamicIds, Dt as useSharedId, qe as useSingleTabStop, kt as useThemeSettingsStore, lt as useTypeahead, $t as vAriaLabelledby, tn as vHidden };
+export { B as GridKey, Xe as ListboxKey, Y as PeachyButton, zt as PeachyCalendarTable, Bt as PeachyCalendarTableCell, Ht as PeachyCalendarTableCellButton, Gt as PeachyCopyButton, Kt as PeachyDialog, qt as PeachyDialogButton, Jt as PeachyDialogCloseButton, Qt as PeachyDialogDescription, $t as PeachyDialogHeading, Xt as PeachyDialogPanel, nn as PeachyDisclosure, rn as PeachyDisclosureButton, ln as PeachyDisclosurePanel, fn as PeachyDownloadLink, mn as PeachyFieldDescription, gn as PeachyFieldError, yn as PeachyFieldLabel, bn as PeachyGridTable, Cn as PeachyGridTableCell, wn as PeachyGridTableHeadingCell, Tn as PeachyGridTableRow, dn as PeachyLink, En as PeachyListboxField, An as PeachyListboxGroup, Mn as PeachyListboxGroupTitle, Pn as PeachyListboxInput, In as PeachyListboxOption, Rn as PeachySeparator, Un as PeachySwitchButton, Bn as PeachySwitchField, Hn as PeachySwitchStateLabel, Mt as PeachyTable, Nt as PeachyTableBody, Pt as PeachyTableCell, Ft as PeachyTableHead, Lt as PeachyTableHeadingCell, Rt as PeachyTableRow, Gn as PeachyTabs, qn as PeachyTabsActionButton, Yn as PeachyTabsButton, Zn as PeachyTabsList, $n as PeachyTabsPanel, kt as PeachyToolbar, Wt as PeachyVisuallyHidden, Ye as RovingTabindexKey, J as ToolbarContextKey, j as Weekday, Te as formatDate, Ee as getDate, M as getDaysOfCalendarMonth, Pe as getDaysOfMonth, A as getFirstDayOfMonth, ye as getFirstDayOfWeek, Se as getFirstDayOfYear, xe as getLastDayOfMonth, be as getLastDayOfTheWeek, Ce as getLastDayOfYear, ke as getMonth, Ne as getMonths, Me as getNameOfMonth, O as getNextDay, he as getNextMonth, pe as getNextWeek, _e as getNextYear, k as getPreviousDay, ge as getPreviousMonth, me as getPreviousWeek, ve as getPreviousYear, Oe as getWeekNumber, je as getWeekdays, Ae as getYear, Re as isDateInRange, Le as isDateTimeInRange, L as isDisabledElement, Be as isFocusedHtmlElement, Ve as isFocusedRovingTabindexElement, I as isHtmlElement, F as isNullish, He as isPrintableCharacter, We as isRepeatingCharacter, P as isSameDate, ze as isSameMonth, Ue as isTypeaheadCharacter, Dt as optionalInject, G as provideElement, we as removeTimezoneOffset, q as shareId, R as sortElementsByAppearance, N as sortRange, Fe as splitDaysIntoWeeks, Ge as startsWith, St as useBemClass, wt as useCalendar, Ke as useCalendarGrid, Tt as useDocumentOutline, W as useElements, Ct as useGlobalBemClass, Je as useGrid, Ze as useListbox, qe as useNavigableElements, V as useRovingTabindex, K as useSharedIds, z as useSingleTabStop, Et as useThemeSettingsStore, lt as useTypeahead, on as vAriaLabelledby, cn as vHidden };