@typeach/core 0.0.5 → 0.0.7

package/README.md

@@ -0,0 +1,23 @@
+# <img style="block-size: 1.125em; aspect-ratio: 1; display: inline; vertical-align: text-bottom; margin-inline-end: 0.125em; border-radius: 4px;" src="https://raw.githubusercontent.com/sq11y/typeach/refs/heads/main/docs/public/logo.webp" alt="Mascot" /> @typeach/core
+
+An unstyled component library for Vue.
+
+## Getting started
+
+Install [@typeach/core](https://www.npmjs.com/package/@typeach/core).
+
+```
+pnpm i @typeach/core
+```
+
+Import components. You can find a list of components with examples in the [documentation](https://sq11y.github.io/typeach/p/components).
+
+```vue
+<template>
+  <PeachyButton> Button </PeachyButton>
+</template>
+
+<script lang="ts" setup>
+import { PeachyButton } from "@typeach/core";
+</script>
+```

package/dist/typeach.js

@@ -1,75 +1,292 @@
-import { Fragment as e, computed as t, createBlock as n, createCommentVNode as r, createElementBlock as i, createVNode as a, defineComponent as o, inject as s, markRaw as c, mergeModels as l, mergeProps as u, onBeforeUnmount as ee, onMounted as d, openBlock as f, provide as p, ref as m, renderSlot as h, resolveDynamicComponent as g, unref as _, useId as v, useModel as y, useTemplateRef as b, watch as te, watchEffect as ne, withCtx as x, withDirectives as re } from "vue";
-import { defineStore as ie } from "pinia";
-//#region src/components/button/Button.vue?vue&type=script&setup=true&lang.ts
-var ae = [
-	"aria-disabled",
-	"disabled",
-	"type"
-], S = /* @__PURE__ */ o({
-	__name: "Button",
-	props: {
-		type: { default: "button" },
-		disabled: {
-			type: [Boolean, String],
-			default: void 0
+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 re, onScopeDispose as ie, openBlock as p, provide as m, ref as h, renderSlot as g, resolveDynamicComponent as _, shallowReadonly as ae, shallowRef as oe, toRefs as se, toValue as v, unref as y, useId as b, useModel as x, useTemplateRef as S, watch as C, watchEffect as ce, withCtx as w, withDirectives as le, withKeys as ue } from "vue";
+import { defineStore as de } from "pinia";
+//#region src/utils/date/date-modifiers.ts
+var T = (e, t) => {
+	let n = new Date(e);
+	return n.setDate(n.getDate() + t), n;
+}, fe = (e, t) => {
+	let n = new Date(e);
+	return n.setMonth(n.getMonth() + t), n;
+}, pe = (e, t) => {
+	let n = new Date(e);
+	return n.setFullYear(n.getFullYear() + t), n;
+}, E = (e) => T(e, 1), D = (e) => T(e, -1), me = (e) => T(e, 7), he = (e) => T(e, -7), ge = (e) => fe(e, 1), _e = (e) => fe(e, -1), ve = (e) => pe(e, 1), ye = (e) => pe(e, -1), be = (e, t) => {
+	let n = new Date(e), r = n.getDay(), i = r >= t ? r - t : 6 - r;
+	return n.setDate(n.getDate() - i), n;
+}, xe = (e, t) => T(be(e, t), 6), O = (e) => {
+	let t = `${e.getFullYear()}`.padStart(4, "0"), n = `${e.getMonth() + 1}`.padStart(2, "0");
+	return A(/* @__PURE__ */ new Date(`${t}-${n}-01`));
+}, k = (e) => {
+	let t = O(e);
+	return t.setMonth(t.getMonth() + 1), t.setDate(t.getDate() - 1), t;
+}, Se = (e) => new Date(e.getFullYear(), 0, 1), Ce = (e) => new Date(e.getFullYear(), 11, 31), A = (e) => {
+	let t = new Date(e), n = t.getTimezoneOffset();
+	return t.setMinutes(t.getMinutes() + n), t;
+}, we = (e, t) => Intl.DateTimeFormat(t, {
+	weekday: "long",
+	day: "numeric",
+	month: "long",
+	year: "numeric"
+}).format(e), Te = (e) => e.getDate(), Ee = (e, t) => Intl.DateTimeFormat(t, { weekday: "long" }).format(e), De = (e) => {
+	let t = new Date(e);
+	t.setDate(t.getDate() + 4 - t.getDay());
+	let n = Se(e);
+	return Math.floor(((t - +n) / 864e5 + 1) / 7);
+}, j = (e, t) => ({
+	name: Ae(e, t),
+	number: e.getMonth() + 1
+}), Oe = (e) => e.getFullYear(), ke = (e, t) => Array.from({ length: 7 }).fill(void 0).map((t, n) => (e + n) % 7 + 1).map((e) => Ee(A(/* @__PURE__ */ new Date(`2006-01-0${e}`)), t)), Ae = (e, t) => Intl.DateTimeFormat(t, { month: "long" }).format(e), je = (e) => Array.from({ length: 12 }).fill(void 0).map((t, n) => j(/* @__PURE__ */ new Date(`2006-${String(n + 1).padStart(2, "0")}-01`), e)), Me = (e) => {
+	let t = [], n = O(e);
+	for (; n.getMonth() === e.getMonth();) t.push(n), n = E(n);
+	return t;
+}, M = (e, t) => {
+	let n = Me(e), { daysBefore: r, daysAfter: i } = Pe(e, t);
+	return [
+		...r,
+		...n,
+		...i
+	];
+}, Ne = (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: De(e[e.length - 1])
+	}));
+}, Pe = (e, t) => {
+	let n = O(e), r = n.getDay() === 0 ? 7 : n.getDay(), i = k(e), a = i.getDay() === 0 ? 7 : i.getDay(), o = t === 1 ? 7 : t - 1, s = [], c = [], l = (7 - t + r) % 7, u = D(n);
+	for (; l > 0;) s.push(u), u = D(u), --l;
+	s.reverse();
+	let d = (7 - a + o) % 7, f = E(i);
+	for (; d > 0;) c.push(f), f = E(f), --d;
+	return {
+		daysBefore: s,
+		daysAfter: c
+	};
+}, N = (e) => ({
+	start: e.start < e.end ? e.start : e.end,
+	end: e.start < e.end ? e.end : e.start
+}), Fe = (e, t) => {
+	let { start: n, end: r } = N(t);
+	return e >= n && e <= r;
+}, Ie = (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;
+}, P = (e, t) => e.getFullYear() === t.getFullYear() && e.getMonth() === t.getMonth() && e.getDate() === t.getDate(), F = /* @__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;
+}({}), I = (e) => e == null, Le = (e) => e instanceof HTMLElement, L = (e) => {
+	let { disabled: t } = e.dataset;
+	return e.hasAttribute("disabled") || e.getAttribute("aria-disabled") === "true" || !I(t) && t !== "";
+}, Re = (e) => !I(e) && e === document.activeElement, ze = (e) => Re(e) || e.getAttribute("tabindex") === "0", Be = (e) => e.match(/^[\P{Cc}\P{Cn}\P{Cs}]$/u) !== null, Ve = (e) => Be(e) && e !== " ", He = (e, t) => e.length > 1 && e.split("").every((e) => e === t), Ue = (e, t) => !!e?.trim().toLowerCase().startsWith(t.trim().toLowerCase()), We = (e, t = F.Monday) => ({ onKeyDown(n) {
+	switch ([
+		"ArrowLeft",
+		"ArrowRight",
+		"ArrowUp",
+		"ArrowDown",
+		"PageUp",
+		"PageDown",
+		"Home",
+		"End"
+	].includes(n.key) && n.preventDefault(), n.key) {
+		case "ArrowLeft":
+			e.value = D(e.value);
+			break;
+		case "ArrowRight":
+			e.value = E(e.value);
+			break;
+		case "ArrowUp":
+			e.value = he(e.value);
+			break;
+		case "ArrowDown":
+			e.value = me(e.value);
+			break;
+		case "PageUp":
+			e.value = n.shiftKey ? ye(e.value) : _e(e.value);
+			break;
+		case "PageDown":
+			e.value = n.shiftKey ? ve(e.value) : ge(e.value);
+			break;
+		case "Home":
+			e.value = n.shiftKey ? O(e.value) : be(e.value, t);
+			break;
+		case "End":
+			e.value = n.shiftKey ? k(e.value) : xe(e.value, t);
+			break;
+		default: break;
+	}
+} }), Ge = (e) => {
+	let t = (t, n) => {
+		let { getElements: r, moveTo: i, isMovedTo: a } = v(e), o = r(), s = o.findIndex((e) => a(e)), c = n(s, o.length), l = o[c];
+		l = o[t === "forwards" ? c++ : c--], l && i(l, o[s]);
+	};
+	return {
+		moveRelatively: (e) => {
+			t(e > 0 ? "forwards" : "backwards", (t) => t + e);
+		},
+		moveToEdge: (e) => {
+			t(e === "start" ? "forwards" : "backwards", (t, n) => e === "start" ? 0 : n - 1);
 		}
-	},
-	emits: ["click"],
-	setup(e, { emit: t }) {
-		let n = e, r = t, a = (e) => {
-			n.disabled || r("click", e);
-		};
-		return (t, n) => (f(), i("button", {
-			ref: "element",
-			"aria-disabled": e.disabled === !0 ? !0 : void 0,
-			disabled: e.disabled === "without-focus" ? !0 : void 0,
-			type: e.type,
-			onClick: a
-		}, [h(t.$slots, "default")], 8, ae));
+	};
+}, R = (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();
+	};
+	C(e, (e) => {
+		let [n] = e, r = e.find((e) => e.matches(":focus"));
+		!r && n && L(n) && (n = e.find((e) => !L(e))), t(r || n, e);
+	});
+	let { moveRelatively: r, moveToEdge: i } = Ge({
+		getElements: e,
+		isMovedTo: ze,
+		moveTo: n
+	});
+	return {
+		moveTo: n,
+		moveRelatively: r,
+		moveToEdge: i
+	};
+}, z = Symbol("grid"), Ke = (e) => {
+	let { moveRelatively: t, moveToEdge: n, moveTo: r } = R(e);
+	return { onKeyDown(i, a) {
+		let o = [
+			"ArrowLeft",
+			"ArrowRight",
+			"ArrowUp",
+			"ArrowDown",
+			"PageUp",
+			"PageDown",
+			"Home",
+			"End"
+		];
+		if (!Le(a.target)) return;
+		o.includes(a.key) && a.preventDefault();
+		let s = e().filter((e) => e.matches(`[data-elements-${i}="true"]`)), [c, l] = [s[0], s[s.length - 1]], u = a.target.closest(`[data-elements-${i}="true"]`);
+		switch (a.key) {
+			case "ArrowLeft":
+				c?.isSameNode(u) || t?.(-1);
+				break;
+			case "ArrowRight":
+				l?.isSameNode(u) || t?.(1);
+				break;
+			case "ArrowUp": return t(s.length * -1);
+			case "ArrowDown": return t(s.length);
+			case "PageUp": return t?.(s.length * -10);
+			case "PageDown": return t?.(s.length * 10);
+			case "Home":
+				a.ctrlKey ? n("start") : c && r(c);
+				break;
+			case "End":
+				a.ctrlKey ? n("end") : l && r(l);
+				break;
+			default: break;
+		}
+	} };
+}, qe = Symbol("roving-tabindex"), B = (e, t) => {
+	let { moveTo: n, moveRelatively: r, moveToEdge: i } = R(t);
+	return {
+		moveTo: n,
+		moveRelatively: r,
+		moveToEdge: i,
+		onKeyDown(t) {
+			let n = v(e) === "vertical", a = n ? "ArrowUp" : "ArrowLeft", o = n ? "ArrowDown" : "ArrowRight";
+			switch ([
+				o,
+				a,
+				"PageUp",
+				"PageDown",
+				"Home",
+				"End"
+			].includes(t.key) && t.preventDefault(), t.key) {
+				case a: return r(-1);
+				case o: return r(1);
+				case "PageUp": return r(-10);
+				case "PageDown": return r(10);
+				case "Home": return i("start");
+				case "End": return i("end");
+			}
+		}
+	};
+};
+//#endregion
+//#region ../../node_modules/.pnpm/@vueuse+shared@14.3.0_vue@3.5.38_typescript@6.0.3_/node_modules/@vueuse/shared/dist/index.js
+function Je(e, t) {
+	return c() ? (ie(e, t), !0) : !1;
+}
+var V = typeof window < "u" && typeof document < "u";
+typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
+var Ye = () => {};
+function Xe(e, t, n = {}) {
+	let { immediate: r = !0, immediateCallback: i = !1 } = n, a = oe(!1), o;
+	function s() {
+		o &&= (clearTimeout(o), void 0);
 	}
-}), C = "\n  height: 1px;\n  width: 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", w = /* @__PURE__ */ o({
-	__name: "VisuallyHidden",
-	setup(e) {
-		return (e, t) => (f(), i("div", { style: C }, [h(e.$slots, "default")]));
+	function c() {
+		a.value = !1, s();
 	}
-}), T = /* @__PURE__ */ o({
-	__name: "CopyButton",
-	props: {
-		content: {},
-		onCopy: { type: Function }
-	},
-	emits: ["copy"],
-	setup(n) {
-		let o = m(!1), s = n, c = t(() => s.content ? typeof s.content == "string" ? [new ClipboardItem({ "text/plain": s.content })] : Array.isArray(s.content) ? s.content : [s.content] : []), l = async (e) => {
-			s.content ? await navigator.clipboard.write(c.value) : await s.onCopy?.(e), o.value = !0, setTimeout(() => {
-				o.value = !1;
-			}, 4e3);
-		};
-		return (t, n) => (f(), i(e, null, [a(_(w), { "aria-live": "polite" }, {
-			default: x(() => [o.value ? h(t.$slots, "default", {
-				key: 0,
-				isCopying: o.value
-			}) : r("", !0)]),
-			_: 3
-		}), a(_(S), u(t.$attrs, { onClick: l }), {
-			default: x(() => [h(t.$slots, "default", { isCopying: o.value })]),
-			_: 3
-		}, 16)], 64));
+	function l(...n) {
+		i && e(), s(), a.value = !0, o = setTimeout(() => {
+			a.value = !1, o = void 0, e(...n);
+		}, v(t));
 	}
-}), E = /([\p{Ll}\d])(\p{Lu})/gu, D = /(\p{Lu})([\p{Lu}][\p{Ll}])/gu, O = /(\d)\p{Ll}|(\p{L})\d/u, k = /[^\p{L}\d]+/giu, A = "$1\0$2", j = "";
-function M(e) {
+	return r && (a.value = !0, V && l()), Je(c), {
+		isPending: ae(a),
+		start: l,
+		stop: c
+	};
+}
+function Ze(e = 1e3, n = {}) {
+	let { controls: r = !1, callback: i } = n, a = Xe(i ?? Ye, e, n), o = t(() => !a.isPending.value);
+	return r ? {
+		ready: o,
+		...a
+	} : o;
+}
+function H(e, t, n) {
+	return C(e, t, {
+		...n,
+		immediate: !0
+	});
+}
+V && window.document, V && window.navigator, V && window.location;
+function Qe() {
+	let e = oe(!1), t = s();
+	return t && re(() => {
+		e.value = !0;
+	}, t), e;
+}
+//#endregion
+//#region src/hooks/keyboard/useTypeahead.ts
+var $e = (e) => {
+	let t = h(""), n = Ze(500, {
+		controls: !0,
+		callback() {
+			t.value = "";
+		}
+	});
+	return { type(r) {
+		let { getElements: i, moveTo: a, isMovedTo: o } = v(e);
+		n.isPending.value && n.stop();
+		let s = r.toLowerCase();
+		t.value += s;
+		let c = He(t.value, s) ? s : t.value, l = i(), u = l.filter((e) => Ue(e.textContent, c)), d = l.find((e) => o(e)), f = u[u.findIndex((e) => d?.isSameNode(e)) + 1];
+		f && a(f, d), n.start();
+	} };
+}, et = /([\p{Ll}\d])(\p{Lu})/gu, tt = /(\p{Lu})([\p{Lu}][\p{Ll}])/gu, nt = /(\d)\p{Ll}|(\p{L})\d/u, rt = /[^\p{L}\d]+/giu, it = "$1\0$2", at = "";
+function ot(e) {
 	let t = e.trim();
-	t = t.replace(E, A).replace(D, A), t = t.replace(k, "\0");
+	t = t.replace(et, it).replace(tt, it), t = t.replace(rt, "\0");
 	let n = 0, r = t.length;
 	for (; t.charAt(n) === "\0";) n++;
 	if (n === r) return [];
 	for (; t.charAt(r - 1) === "\0";) r--;
 	return t.slice(n, r).split(/\0/g);
 }
-function oe(e) {
-	let t = M(e);
+function st(e) {
+	let t = ot(e);
 	for (let e = 0; e < t.length; e++) {
-		let n = t[e], r = O.exec(n);
+		let n = t[e], r = nt.exec(n);
 		if (r) {
 			let i = r.index + (r[1] ?? r[2]).length;
 			t.splice(e, 1, n.slice(0, i), n.slice(i));
@@ -77,21 +294,21 @@ function oe(e) {
 	}
 	return t;
 }
-function se(e, t) {
-	let [n, r, i] = le(e, t);
-	return n + r.map(ce(t?.locale)).join(t?.delimiter ?? " ") + i;
+function ct(e, t) {
+	let [n, r, i] = ut(e, t);
+	return n + r.map(lt(t?.locale)).join(t?.delimiter ?? " ") + i;
 }
-function N(e, t) {
-	return se(e, {
+function U(e, t) {
+	return ct(e, {
 		delimiter: "-",
 		...t
 	});
 }
-function ce(e) {
+function lt(e) {
 	return e === !1 ? (e) => e.toLowerCase() : (t) => t.toLocaleLowerCase(e);
 }
-function le(e, t = {}) {
-	let n = t.split ?? (t.separateNumbers ? oe : M), r = t.prefixCharacters ?? j, i = t.suffixCharacters ?? j, a = 0, o = e.length;
+function ut(e, t = {}) {
+	let n = t.split ?? (t.separateNumbers ? st : ot), r = t.prefixCharacters ?? at, i = t.suffixCharacters ?? at, a = 0, o = e.length;
 	for (; a < e.length;) {
 		let t = e.charAt(a);
 		if (!r.includes(t)) break;
@@ -110,59 +327,57 @@ function le(e, t = {}) {
 }
 //#endregion
 //#region src/hooks/useBemClass.ts
-var P = (e, t) => {
+var dt = (e, t) => {
 	let n = t ? `${t}-${e}` : e;
 	return (...e) => {
-		let t = [n, ...e].filter((e) => typeof e == "string").map((e) => N(e)).join("__"), r = { [t]: !0 };
+		let t = [n, ...e].filter((e) => typeof e == "string").map((e) => U(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}--${N(e)}-${i}`] = !0), typeof i == "boolean" && (r[`${t}--${N(e)}`] = i);
+			typeof i == "string" && (r[`${t}--${i}`] = !0), typeof i == "number" && (r[`${t}--${U(e)}-${i}`] = !0), typeof i == "boolean" && (r[`${t}--${U(e)}`] = i);
 		}
 		return r;
 	};
-}, F = (e) => (t) => P(t, e), I = (e, t) => (p(e, t), t), L = (e) => s(e, { missingContext: !0 }), R = (e) => s(e), z = (e) => e == null, B = (e) => {
-	let { disabled: t } = e.dataset;
-	return e.hasAttribute("disabled") || e.getAttribute("aria-disabled") === "true" || !z(t) && t !== "";
-}, V = (e, n) => {
-	let r = m(/* @__PURE__ */ new Map()), i = n ? {
+}, ft = (e) => (t) => dt(t, e), pt = (e, n = F.Monday, r = "en") => {
+	let i = h(M(e.value, v(n))), a = t(() => Oe(e.value)), o = t(() => j(e.value, v(r))), s = t(() => Ne(i.value));
+	return C(t(() => `${a.value}${o.value.number}`), () => {
+		i.value = M(e.value, v(n));
+	}), C(() => v(n), (t) => {
+		i.value = M(e.value, t);
+	}), {
+		year: a,
+		month: o,
+		weeks: s
+	};
+}, mt = (e, t) => (m(e, t), t), W = (e) => l(e, { missingContext: !0 }), G = (e) => l(e), K = (e, n) => {
+	let r = h(/* @__PURE__ */ new Map()), i = n ? {
 		items: r,
 		parent: n
-	} : s(`${e}-elements`, {
+	} : l(`${e}-elements`, {
 		items: r,
-		parent: m()
+		parent: h()
 	});
-	return n && p(`${e}-elements`, i), {
+	return n && m(`${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 Array.from(i.items.value.values()).sort((e, t) => r.indexOf(e) - r.indexOf(t)).filter((e) => t || !B(e));
+			return Array.from(i.items.value.values()).sort((e, t) => r.indexOf(e) - r.indexOf(t)).filter((e) => t || !L(e));
 		},
 		elements: t(() => Array.from(i.items.value.values()))
 	};
-}, H = (e, t, n) => {
-	let r = s(`${e}-elements`, void 0);
-	ne((e) => {
+}, q = (e, t, n) => {
+	let r = l(`${e}-elements`, void 0);
+	ce((e) => {
 		if (!t.value) return;
-		let i = c(t.value);
+		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));
-	}), d(() => {
+	}), re(() => {
 		t.value?.setAttribute(`data-elements-${e}`, "true");
-	}), ee(() => {
+	}), ne(() => {
 		t.value?.removeAttribute(`data-elements-${e}`);
 	});
-};
-typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
-function U(e, t, n) {
-	return te(e, t, {
-		...n,
-		immediate: !0
-	});
-}
-//#endregion
-//#region src/hooks/useId.ts
-var W = (e) => {
-	let n = m();
+}, ht = (e) => {
+	let n = h();
 	return t({
 		set(e) {
 			n.value = e;
@@ -171,12 +386,12 @@ var W = (e) => {
 			return n.value ?? e;
 		}
 	});
-}, G = (e, t) => {
-	U(t, (t) => {
+}, gt = (e, t) => {
+	H(t, (t) => {
 		e.value = t;
 	});
-}, ue = () => {
-	let e = m(/* @__PURE__ */ new Map());
+}, _t = () => {
+	let e = h(/* @__PURE__ */ new Map());
 	return {
 		set(t, n) {
 			n ? e.value.set(t, n) : e.value.delete(t);
@@ -185,25 +400,189 @@ var W = (e) => {
 			return e.value.get(t);
 		}
 	};
-}, de = (e, t, n) => {
-	U(n, (n) => {
+}, J = (e, t, n) => {
+	H(n, (n) => {
 		e.set(t, n);
 	});
-}, fe = ie("theme-settings", () => {
-	let e = m(1), t = m(!0), n = (e, t) => {
+}, vt = de("theme-settings", () => {
+	let e = h(1), t = h(!0), n = (e, t) => {
 		document.documentElement.style.setProperty(`--${e}`, t);
 	};
-	return U(e, (e) => {
+	return H(e, (e) => {
 		document.documentElement.style.setProperty("saturation", `${e}`);
-	}), U(t, (e) => {
+	}), H(t, (e) => {
 		n("code-white-space", e ? "pre-wrap" : "pre");
 	}), {
 		saturation: e,
 		wrapCode: t
 	};
-}), K = Symbol("disclosure"), pe = { key: 0 }, q = /* @__PURE__ */ o({
+}), Y = Symbol("toolbar"), yt = ["aria-orientation", "aria-controls"], bt = /* @__PURE__ */ o({
+	__name: "Toolbar",
+	props: {
+		orientation: { default: "horizontal" },
+		controls: {}
+	},
+	setup(e) {
+		let { orientation: t } = se(e), n = S("element"), { getElements: r } = K("toolbar", n), { onKeyDown: a } = B(t, r);
+		return m(Y, { onKeyDown: a }), (r, a) => (p(), i("div", {
+			ref_key: "element",
+			ref: n,
+			"aria-orientation": y(t),
+			"aria-controls": e.controls,
+			role: "toolbar"
+		}, [g(r.$slots, "default")], 8, yt));
+	}
+}), xt = [
+	"aria-disabled",
+	"disabled",
+	"type"
+], X = /* @__PURE__ */ o({
+	__name: "Button",
+	props: {
+		type: { default: "button" },
+		disabled: {
+			type: [Boolean, String],
+			default: void 0
+		}
+	},
+	emits: ["click"],
+	setup(e, { emit: t }) {
+		let n = e, r = t, a = S("element"), { onKeyDown: o } = W(Y);
+		q("toolbar", a);
+		let s = (e) => {
+			n.disabled || r("click", e);
+		};
+		return (t, n) => (p(), i("button", {
+			ref_key: "element",
+			ref: a,
+			"aria-disabled": e.disabled === !0 ? !0 : void 0,
+			disabled: e.disabled === "without-focus" ? !0 : void 0,
+			type: e.type,
+			onClick: s,
+			onKeydown: n[0] ||= (...e) => y(o) && y(o)(...e)
+		}, [g(t.$slots, "default")], 40, xt));
+	}
+}), Z = /* @__PURE__ */ o({
+	__name: "Table",
+	setup(e) {
+		return (e, t) => (p(), i("table", null, [g(e.$slots, "default")]));
+	}
+}), St = /* @__PURE__ */ o({
+	__name: "TableBody",
+	setup(e) {
+		return (e, t) => (p(), i("tbody", null, [g(e.$slots, "default")]));
+	}
+}), Ct = /* @__PURE__ */ o({
+	__name: "TableCell",
+	props: { heading: { type: Boolean } },
+	setup(e) {
+		return (t, r) => (p(), n(_(e.heading ? "th" : "td"), { scope: e.heading ? "row" : void 0 }, {
+			default: w(() => [g(t.$slots, "default")]),
+			_: 3
+		}, 8, ["scope"]));
+	}
+}), wt = /* @__PURE__ */ o({
+	__name: "TableHead",
+	setup(e) {
+		return (e, t) => (p(), i("thead", null, [g(e.$slots, "default")]));
+	}
+}), Tt = ["aria-sort"], Et = /* @__PURE__ */ o({
+	__name: "TableHeadingCell",
+	props: { sorted: {} },
+	setup(e) {
+		return (t, n) => (p(), i("th", { "aria-sort": e.sorted }, [g(t.$slots, "default")], 8, Tt));
+	}
+}), Dt = /* @__PURE__ */ o({
+	__name: "TableRow",
+	setup(e) {
+		return (e, t) => (p(), i("tr", null, [g(e.$slots, "default")]));
+	}
+}), Ot = Symbol("calendar-table"), kt = /* @__PURE__ */ o({
+	__name: "CalendarTable",
+	props: /*@__PURE__*/ d({ autoFocus: { type: Boolean } }, {
+		modelValue: { default: /* @__PURE__ */ new Date() },
+		modelModifiers: {}
+	}),
+	emits: ["update:modelValue"],
+	setup(e) {
+		let r = e, i = x(e, "modelValue"), a = Qe();
+		return m(Ot, {
+			focusedDate: i,
+			allowFocus: t(() => !!r.autoFocus || a.value)
+		}), (e, t) => (p(), n(y(Z), { role: "grid" }, {
+			default: w(() => [g(e.$slots, "default")]),
+			_: 3
+		}));
+	}
+}), At = /* @__PURE__ */ o({
+	__name: "CalendarTableCell",
+	setup(e) {
+		return (e, t) => (p(), n(Ct, { role: "gridcell" }, {
+			default: w(() => [g(e.$slots, "default")]),
+			_: 3
+		}));
+	}
+}), jt = [
+	"aria-pressed",
+	"aria-disabled",
+	"aria-current",
+	"tabindex"
+], Mt = /* @__PURE__ */ o({
+	__name: "CalendarTableCellButton",
+	props: {
+		date: {},
+		disabled: { type: Boolean },
+		selected: { type: Boolean }
+	},
+	emits: ["click"],
+	setup(e, { emit: n }) {
+		let r = e, a = n, o = S("element"), { focusedDate: s, allowFocus: c } = G(Ot), { onKeyDown: l } = We(s), u = t(() => P(r.date, s.value));
+		return H(u, async (e) => {
+			e && c.value && (await ee(), o.value?.focus());
+		}), (t, n) => (p(), i("button", {
+			ref_key: "element",
+			ref: o,
+			"aria-pressed": e.selected,
+			"aria-disabled": e.disabled,
+			"aria-current": y(P)(e.date, /* @__PURE__ */ new Date()) ? "date" : void 0,
+			tabindex: u.value ? 0 : -1,
+			onFocus: n[0] ||= (t) => s.value = e.date,
+			onKeydown: n[1] ||= (...e) => y(l) && y(l)(...e),
+			onClick: n[2] ||= (e) => a("click", e)
+		}, [g(t.$slots, "default")], 40, jt));
+	}
+}), Nt = "\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", Pt = /* @__PURE__ */ o({
+	__name: "VisuallyHidden",
+	setup(e) {
+		return (e, t) => (p(), i("div", { style: Nt }, [g(e.$slots, "default")]));
+	}
+}), Ft = /* @__PURE__ */ o({
+	__name: "CopyButton",
+	props: {
+		content: {},
+		onCopy: { type: Function }
+	},
+	emits: ["copy"],
+	setup(n) {
+		let o = h(!1), s = n, c = t(() => s.content ? typeof s.content == "string" ? [new ClipboardItem({ "text/plain": s.content })] : Array.isArray(s.content) ? s.content : [s.content] : []), l = async (e) => {
+			s.content ? await navigator.clipboard.write(c.value) : await s.onCopy?.(e), o.value = !0, setTimeout(() => {
+				o.value = !1;
+			}, 4e3);
+		};
+		return (t, n) => (p(), i(e, null, [a(y(Pt), { "aria-live": "polite" }, {
+			default: w(() => [o.value ? g(t.$slots, "default", {
+				key: 0,
+				isCopying: o.value
+			}) : r("", !0)]),
+			_: 3
+		}), a(y(X), f(t.$attrs, { onClick: l }), {
+			default: w(() => [g(t.$slots, "default", { isCopying: o.value })]),
+			_: 3
+		}, 16)], 64));
+	}
+}), It = Symbol("disclosure"), Lt = { key: 0 }, Rt = /* @__PURE__ */ o({
 	__name: "Disclosure",
-	props: /*@__PURE__*/ l({
+	props: /*@__PURE__*/ d({
 		render: { type: Boolean },
 		disabled: { type: Boolean },
 		popover: { type: Boolean }
@@ -216,9 +595,9 @@ var W = (e) => {
 	}),
 	emits: ["update:modelValue"],
 	setup(e) {
-		let n = y(e, "modelValue"), r = e;
-		return p(K, {
-			panelId: W(v()),
+		let n = x(e, "modelValue"), r = e;
+		return m(It, {
+			panelId: ht(b()),
 			disabled: t(() => !!r.disabled),
 			popover: t(() => !!r.popover),
 			open: t({
@@ -229,25 +608,25 @@ var W = (e) => {
 					n.value = e;
 				}
 			})
-		}), (t, n) => e.render ? (f(), i("div", pe, [h(t.$slots, "default")])) : h(t.$slots, "default", { key: 1 });
+		}), (t, n) => e.render ? (p(), i("div", Lt, [g(t.$slots, "default")])) : g(t.$slots, "default", { key: 1 });
 	}
-}), me = /* @__PURE__ */ o({
+}), zt = /* @__PURE__ */ o({
 	__name: "DisclosureButton",
 	props: { disabled: { type: [Boolean, String] } },
 	setup(e) {
-		let { panelId: i, open: a, disabled: o, popover: s } = R(K), c = t(() => s.value ? {
+		let { panelId: i, open: a, disabled: o, popover: s } = G(It), c = t(() => s.value ? {
 			command: "toggle-popover",
 			commandfor: i.value
 		} : { onClick() {
 			a.value = !a.value;
 		} });
-		return (t, s) => _(o) ? r("", !0) : (f(), n(_(S), u({
+		return (t, s) => y(o) ? r("", !0) : (p(), n(y(X), f({
 			key: 0,
-			"aria-expanded": _(a),
-			"aria-controls": _(i),
+			"aria-expanded": y(a),
+			"aria-controls": y(i),
 			disabled: e.disabled
 		}, c.value), {
-			default: x(() => [h(t.$slots, "default")]),
+			default: w(() => [g(t.$slots, "default")]),
 			_: 3
 		}, 16, [
 			"aria-expanded",
@@ -255,42 +634,42 @@ var W = (e) => {
 			"disabled"
 		]));
 	}
-}), he = m(0), ge = {
+}), Bt = h(0), Vt = {
 	beforeMount(e, { value: t }) {
-		let n = `a-l-${he.value++}`;
-		e.setAttribute("data-labelledby-id", n), t && (J(t, n), e.setAttribute("aria-labelledby", n));
+		let n = `a-l-${Bt.value++}`;
+		e.setAttribute("data-labelledby-id", n), t && (Ht(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 : (J(t, r), e.setAttribute("aria-labelledby", r)) : (e.removeAttribute("aria-labelledby"), n?.remove());
+			t ? n ? n.innerText = t : (Ht(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());
 	}
-}, J = (e, t) => {
+}, Ht = (e, t) => {
 	let n = document.createElement("span");
 	return n.innerText = e, n.id = `${t}`, n.hidden = !0, document.documentElement.appendChild(n), n;
-}, Y = {
+}, Ut = {
 	beforeMount(e, { value: t }, { transition: n }) {
-		n && t === !1 ? n.beforeEnter(e) : X(e, t);
+		n && t === !1 ? n.beforeEnter(e) : Q(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), X(e, t), r.enter(e)) : r.leave(e, () => X(e, t)) : X(e, t));
+		t !== n && (r ? t === !1 ? (r.beforeEnter(e), Q(e, t), r.enter(e)) : r.leave(e, () => Q(e, t)) : Q(e, t));
 	},
 	beforeUnmount(e, { value: t }) {
-		X(e, t);
+		Q(e, t);
 	}
-}, X = (e, t) => {
+}, Q = (e, t) => {
 	t ? e.setAttribute("hidden", `${t}`) : e.removeAttribute("hidden");
-}, _e = /* @__PURE__ */ o({
+}, Wt = /* @__PURE__ */ o({
 	__name: "DisclosurePanel",
 	props: {
 		hideFromSearch: { type: Boolean },
@@ -298,70 +677,145 @@ var W = (e) => {
 		id: { default: void 0 }
 	},
 	setup(e) {
-		let r = e, { panelId: i, disabled: a, popover: o, open: s } = R(K);
-		G(i, () => r.id);
-		let c = b("element"), l = t(() => s.value ? void 0 : r.hideFromSearch ? !0 : "until-found"), u = (e) => {
-			console.log("event", e), e.newState === "open" ? s.value = !0 : s.value = !1;
+		let r = e, { panelId: i, disabled: a, popover: o, open: s } = G(It);
+		gt(i, () => r.id);
+		let c = S("element"), l = t(() => s.value ? void 0 : r.hideFromSearch ? !0 : "until-found"), u = (e) => {
+			e.newState === "open" ? s.value = !0 : s.value = !1;
 		};
-		return (t, r) => re((f(), n(g(e.as), {
-			id: _(i),
+		return (t, r) => le((p(), n(_(e.as), {
+			id: y(i),
 			ref_key: "element",
 			ref: c,
-			popover: _(a) || !_(o) ? void 0 : "auto",
+			popover: y(a) || !y(o) ? void 0 : "auto",
 			onBeforematch: r[0] ||= (e) => s.value = !0,
 			onToggle: u
 		}, {
-			default: x(() => [h(t.$slots, "default")]),
+			default: w(() => [g(t.$slots, "default")]),
 			_: 3
-		}, 40, ["id", "popover"])), [[_(Y), l.value]]);
+		}, 40, ["id", "popover"])), [[y(Ut), l.value]]);
+	}
+}), Gt = ["href", "download"], Kt = /* @__PURE__ */ o({
+	__name: "DownloadLink",
+	props: {
+		url: {},
+		filename: {}
+	},
+	setup(e) {
+		let t = S("element"), { onKeyDown: n } = W(Y);
+		return q("toolbar", t), (r, a) => (p(), i("a", {
+			ref_key: "element",
+			ref: t,
+			href: e.url,
+			download: e.filename || !0,
+			onKeydown: a[0] ||= (...e) => y(n) && y(n)(...e)
+		}, [g(r.$slots, "default")], 40, Gt));
 	}
-}), ve = ["id"], ye = /* @__PURE__ */ o({
+}), qt = ["id"], Jt = /* @__PURE__ */ o({
 	__name: "FieldDescription",
 	setup(e) {
-		let t = v(), n = b("element");
-		return H("field-description", n), (e, r) => (f(), i("div", {
-			id: _(t),
+		let t = b(), n = S("element");
+		return q("field-description", n), (e, r) => (p(), i("div", {
+			id: y(t),
 			ref_key: "element",
 			ref: n
-		}, [h(e.$slots, "default")], 8, ve));
+		}, [g(e.$slots, "default")], 8, qt));
 	}
-}), be = ["id"], xe = /* @__PURE__ */ o({
+}), Yt = ["id"], Xt = /* @__PURE__ */ o({
 	__name: "FieldError",
 	setup(e) {
-		let t = v(), n = b("element");
-		return H("field-error", n), (e, r) => (f(), i("div", {
-			id: _(t),
+		let t = b(), n = S("element");
+		return q("field-error", n), (e, r) => (p(), i("div", {
+			id: y(t),
 			ref_key: "element",
 			ref: n
-		}, [h(e.$slots, "default")], 8, be));
+		}, [g(e.$slots, "default")], 8, Yt));
 	}
-}), Z = Symbol("field"), Se = (e, n) => {
-	let { elements: r } = V("field-error", n), { elements: i } = V("field-description", n), a = (e) => e.filter((e) => e.id).map((e) => e.id);
-	return I(Z, {
+}), Zt = Symbol("field"), Qt = (e, n) => {
+	let { elements: r } = K("field-error", n), { elements: i } = K("field-description", n), a = (e) => e.filter((e) => e.id).map((e) => e.id);
+	return mt(Zt, {
 		id: e,
 		hasErrors: t(() => r.value.length > 0),
 		errorIds: t(() => a(r.value)),
 		descriptionIds: t(() => a(i.value))
 	});
-}, Q = () => R(Z), Ce = ["id", "for"], we = /* @__PURE__ */ o({
+}, $t = () => G(Zt), en = ["id", "for"], tn = /* @__PURE__ */ o({
 	__name: "FieldLabel",
 	setup(e) {
-		let { id: t } = Q(), n = () => {
+		let { id: t } = $t(), n = () => {
 			document.getElementById(t)?.focus();
 		};
-		return (e, r) => (f(), i("label", {
-			id: `${_(t)}-label`,
-			for: _(t),
+		return (e, r) => (p(), i("label", {
+			id: `${y(t)}-label`,
+			for: y(t),
 			onClick: n
-		}, [h(e.$slots, "default")], 8, Ce));
+		}, [g(e.$slots, "default")], 8, en));
+	}
+}), nn = /* @__PURE__ */ o({
+	__name: "GridTable",
+	setup(e) {
+		let r = S("element"), i = t(() => r.value?.$el), { getElements: a } = K("table", i), { onKeyDown: o } = Ke(a);
+		return m(z, { onKeyDown: o }), (e, t) => (p(), n(Z, {
+			ref_key: "element",
+			ref: i,
+			role: "grid"
+		}, {
+			default: w(() => [g(e.$slots, "default")]),
+			_: 3
+		}, 512));
+	}
+}), rn = (e) => {
+	let n = t(() => e.value?.$el), r = G(an);
+	q("table", n), q(r, n);
+	let { onKeyDown: i } = G(z);
+	return {
+		onKeyDown: i,
+		rowId: r
+	};
+}, an = Symbol("row"), on = /* @__PURE__ */ o({
+	__name: "GridTableCell",
+	props: { heading: { type: Boolean } },
+	setup(e) {
+		let { rowId: t, onKeyDown: r } = rn(S("element"));
+		return (i, a) => (p(), n(Ct, {
+			ref: "element",
+			heading: e.heading,
+			role: "gridcell",
+			onKeydown: a[0] ||= (e) => y(r)(y(t), e)
+		}, {
+			default: w(() => [g(i.$slots, "default")]),
+			_: 3
+		}, 8, ["heading"]));
+	}
+}), sn = /* @__PURE__ */ o({
+	__name: "GridTableHeadingCell",
+	props: { sorted: {} },
+	setup(e) {
+		let { rowId: t, onKeyDown: r } = rn(S("element"));
+		return (i, a) => (p(), n(Et, {
+			ref: "element",
+			role: "gridcell",
+			sorted: e.sorted,
+			onKeydown: a[0] ||= (e) => y(r)(y(t), e)
+		}, {
+			default: w(() => [g(i.$slots, "default")]),
+			_: 3
+		}, 8, ["sorted"]));
 	}
-}), Te = ["aria-orientation"], Ee = /* @__PURE__ */ o({
+}), cn = /* @__PURE__ */ o({
+	__name: "GridTableRow",
+	setup(e) {
+		return m(an, b()), (e, t) => (p(), n(Dt, null, {
+			default: w(() => [g(e.$slots, "default")]),
+			_: 3
+		}));
+	}
+}), ln = ["aria-orientation"], un = /* @__PURE__ */ o({
 	__name: "Separator",
 	props: { orientation: { default: "horizontal" } },
 	setup(e) {
-		return (t, n) => (f(), i("hr", { "aria-orientation": e.orientation }, null, 8, Te));
+		return (t, n) => (p(), i("hr", { "aria-orientation": e.orientation }, null, 8, ln));
 	}
-}), $ = Symbol("Switch-field"), De = () => R($), Oe = /* @__PURE__ */ o({
+}), dn = Symbol("Switch-field"), fn = () => G(dn), pn = /* @__PURE__ */ o({
 	__name: "SwitchField",
 	props: {
 		modelValue: {
@@ -372,81 +826,145 @@ var W = (e) => {
 	},
 	emits: ["update:modelValue"],
 	setup(e) {
-		let t = y(e, "modelValue"), n = v(), r = b("element");
-		return Se(n, r), p($, {
+		let t = x(e, "modelValue"), n = b(), r = S("element");
+		return Qt(n, r), m(dn, {
 			id: n,
 			modelValue: t
-		}), (e, t) => (f(), i("div", {
+		}), (e, t) => (p(), i("div", {
 			ref_key: "element",
 			ref: r
-		}, [h(e.$slots, "default")], 512));
+		}, [g(e.$slots, "default")], 512));
 	}
-}), ke = { "aria-hidden": "true" }, Ae = /* @__PURE__ */ o({
+}), mn = { "aria-hidden": "true" }, hn = /* @__PURE__ */ o({
 	__name: "SwitchFieldStateLabel",
 	setup(e) {
-		return (e, t) => (f(), i("div", ke, [h(e.$slots, "default")]));
+		return (e, t) => (p(), i("div", mn, [g(e.$slots, "default")]));
 	}
-}), je = [
-	"id",
-	"aria-checked",
-	"aria-describedby",
-	"aria-invalid",
-	"aria-labelledby",
-	"aria-disabled"
-], Me = /* @__PURE__ */ o({
+}), gn = /* @__PURE__ */ o({
 	__name: "SwitchFieldSwitchButton",
 	props: { disabled: { type: Boolean } },
 	setup(e) {
-		let t = e, { modelValue: n } = De(), { id: r, hasErrors: a, errorIds: o, descriptionIds: s } = Q(), c = () => {
-			t.disabled || (n.value = !n.value);
-		};
-		return (t, l) => (f(), i("button", {
-			id: _(r),
-			"aria-checked": _(n),
-			"aria-describedby": [_(o), _(s)].flat().join(" ") || void 0,
-			"aria-invalid": _(a) ? !0 : void 0,
-			"aria-labelledby": `${_(r)}-label`,
-			"aria-disabled": e.disabled,
+		let { modelValue: t } = fn(), { id: r, hasErrors: i, errorIds: a, descriptionIds: o } = $t();
+		return (s, c) => (p(), n(y(X), {
+			id: y(r),
+			"aria-checked": y(t),
+			"aria-describedby": [y(a), y(o)].flat().join(" ") || void 0,
+			"aria-invalid": y(i) ? !0 : void 0,
+			"aria-labelledby": `${y(r)}-label`,
+			disabled: e.disabled,
 			role: "switch",
-			type: "button",
-			onClick: c
-		}, [h(t.$slots, "default")], 8, je));
-	}
-}), Ne = /* @__PURE__ */ o({
-	__name: "Table",
-	setup(e) {
-		return (e, t) => (f(), i("table", null, [h(e.$slots, "default")]));
-	}
-}), Pe = /* @__PURE__ */ o({
-	__name: "TableBody",
-	setup(e) {
-		return (e, t) => (f(), i("tbody", null, [h(e.$slots, "default")]));
+			onClick: c[0] ||= (e) => t.value = !y(t)
+		}, {
+			default: w(() => [g(s.$slots, "default")]),
+			_: 3
+		}, 8, [
+			"id",
+			"aria-checked",
+			"aria-describedby",
+			"aria-invalid",
+			"aria-labelledby",
+			"disabled"
+		]));
 	}
-}), Fe = /* @__PURE__ */ o({
-	__name: "TableCell",
-	props: { heading: { type: Boolean } },
+}), $ = Symbol("tabs"), _n = Symbol("tabs-list"), vn = /* @__PURE__ */ o({
+	__name: "Tabs",
+	props: /*@__PURE__*/ d({ as: {} }, {
+		modelValue: {},
+		modelModifiers: {}
+	}),
+	emits: ["update:modelValue"],
 	setup(e) {
-		return (t, r) => (f(), n(g(e.heading ? "th" : "td"), { scope: e.heading ? "row" : void 0 }, {
-			default: x(() => [h(t.$slots, "default")]),
+		let t = x(e, "modelValue");
+		return m($, {
+			ids: _t(),
+			selectedPanel: t
+		}), (t, r) => e.as ? (p(), n(_(e.as), { key: 0 }, {
+			default: w(() => [g(t.$slots, "default")]),
 			_: 3
-		}, 8, ["scope"]));
+		})) : g(t.$slots, "default", { key: 1 });
 	}
-}), Ie = /* @__PURE__ */ o({
-	__name: "TableHead",
-	setup(e) {
-		return (e, t) => (f(), i("thead", null, [h(e.$slots, "default")]));
+}), yn = ["tabindex"], bn = /* @__PURE__ */ o({
+	__name: "TabsActionButton",
+	props: { value: {} },
+	emits: ["click"],
+	setup(e, { emit: t }) {
+		let n = t, { selectedPanel: r } = G($);
+		return (t, a) => (p(), i("button", {
+			ref: "button",
+			tabindex: y(r) === e.value ? 0 : -1,
+			type: "button",
+			onClick: a[0] ||= (e) => n("click", e)
+		}, [g(t.$slots, "default")], 8, yn));
 	}
-}), Le = ["aria-sort"], Re = /* @__PURE__ */ o({
-	__name: "TableHeadingCell",
-	props: { sorted: {} },
+}), xn = [
+	"id",
+	"aria-selected",
+	"aria-controls"
+], Sn = /* @__PURE__ */ o({
+	__name: "TabsButton",
+	props: {
+		value: {},
+		id: { default: (e) => `${b()}-${e.value}-button` }
+	},
+	emits: ["delete"],
+	setup(e, { emit: t }) {
+		let n = e, r = S("element");
+		q("tabs-list", r);
+		let a = t, { selectedPanel: o, ids: s } = G($);
+		J(s, `${n.value}-button`, () => n.id);
+		let { onKeyDown: c, selectionFollowsFocus: l } = G(_n);
+		return te(() => {
+			o.value ||= n.value;
+		}), (t, u) => (p(), i("button", {
+			id: e.id,
+			ref_key: "element",
+			ref: r,
+			"aria-selected": y(o) === e.value,
+			"aria-controls": y(s).get(`${n.value}-panel`),
+			type: "button",
+			role: "tab",
+			onClick: u[0] ||= (t) => o.value = e.value,
+			onFocus: u[1] ||= (t) => y(l) ? o.value = e.value : void 0,
+			onKeydown: [u[2] ||= ue((e) => a("delete"), ["delete"]), u[3] ||= (...e) => y(c) && y(c)(...e)]
+		}, [g(t.$slots, "default")], 40, xn));
+	}
+}), Cn = ["aria-orientation"], wn = /* @__PURE__ */ o({
+	__name: "TabsList",
+	props: {
+		orientation: { default: "horizontal" },
+		selectionFollowsFocus: { type: Boolean }
+	},
 	setup(e) {
-		return (t, n) => (f(), i("th", { "aria-sort": e.sorted }, [h(t.$slots, "default")], 8, Le));
+		let n = e, { orientation: r } = se(n), a = S("element"), { getElements: o } = K("tabs-list", a), { onKeyDown: s } = B(r, o);
+		return m(_n, {
+			selectionFollowsFocus: t(() => !!n.selectionFollowsFocus),
+			onKeyDown: s
+		}), (e, t) => (p(), i("div", {
+			ref_key: "element",
+			ref: a,
+			"aria-orientation": y(r),
+			role: "tablist"
+		}, [g(e.$slots, "default")], 8, Cn));
 	}
-}), ze = /* @__PURE__ */ o({
-	__name: "TableRow",
+}), Tn = ["id", "aria-labelledby"], En = /* @__PURE__ */ o({
+	__name: "TabsPanel",
+	props: {
+		value: {},
+		id: { default: (e) => `${b()}-${e.value}-panel` }
+	},
 	setup(e) {
-		return (e, t) => (f(), i("tr", null, [h(e.$slots, "default")]));
+		let n = e, { selectedPanel: a, ids: o } = G($);
+		J(o, `${n.value}-panel`, () => n.id);
+		let s = t(() => a.value === n.value);
+		return (t, a) => s.value ? (p(), i("div", {
+			key: 0,
+			id: e.id,
+			ref: "button",
+			"aria-labelledby": y(o).get(`${n.value}-button`),
+			tabindex: "-1",
+			role: "tabpanel"
+		}, [g(t.$slots, "default")], 8, Tn)) : r("", !0);
 	}
 });
 //#endregion
-export { S as PeachyButton, T as PeachyCopyButton, q as PeachyDisclosure, me as PeachyDisclosureButton, _e as PeachyDisclosurePanel, ye as PeachyFieldDescription, xe as PeachyFieldError, we as PeachyFieldLabel, Ee as PeachySeparator, Me as PeachySwitchButton, Oe as PeachySwitchField, Ae as PeachySwitchStateLabel, Ne as PeachyTable, Pe as PeachyTableBody, Fe as PeachyTableCell, Ie as PeachyTableHead, Re as PeachyTableHeadingCell, ze as PeachyTableRow, w as PeachyVisuallyHidden, H as provideElement, ue as shareDynamicIds, W as shareId, P as useBemClass, R as useContext, I as useContextProvider, V as useElements, F as useGlobalBemClass, L as useOptionalContext, de as useSharedDynamicIds, G as useSharedId, fe as useThemeSettingsStore, ge as vAriaLabelledby, Y as vHidden };
+export { z as GridKey, X as PeachyButton, kt as PeachyCalendarTable, At as PeachyCalendarTableCell, Mt as PeachyCalendarTableCellButton, Ft as PeachyCopyButton, Rt as PeachyDisclosure, zt as PeachyDisclosureButton, Wt as PeachyDisclosurePanel, Kt as PeachyDownloadLink, Jt as PeachyFieldDescription, Xt as PeachyFieldError, tn as PeachyFieldLabel, nn as PeachyGridTable, on as PeachyGridTableCell, sn as PeachyGridTableHeadingCell, cn as PeachyGridTableRow, un as PeachySeparator, gn as PeachySwitchButton, pn as PeachySwitchField, hn as PeachySwitchStateLabel, Z as PeachyTable, St as PeachyTableBody, Ct as PeachyTableCell, wt as PeachyTableHead, Et as PeachyTableHeadingCell, Dt as PeachyTableRow, vn as PeachyTabs, bn as PeachyTabsActionButton, Sn as PeachyTabsButton, wn as PeachyTabsList, En as PeachyTabsPanel, bt as PeachyToolbar, Pt as PeachyVisuallyHidden, qe as RovingTabindexKey, Y as ToolbarKey, F as Weekday, we as formatDate, Te as getDate, M as getDaysOfCalendarMonth, Me as getDaysOfMonth, O as getFirstDayOfMonth, be as getFirstDayOfWeek, Se as getFirstDayOfYear, k as getLastDayOfMonth, xe as getLastDayOfTheWeek, Ce as getLastDayOfYear, j as getMonth, je as getMonths, Ae as getNameOfMonth, E as getNextDay, ge as getNextMonth, me as getNextWeek, ve as getNextYear, D as getPreviousDay, _e as getPreviousMonth, he as getPreviousWeek, ye as getPreviousYear, De as getWeekNumber, ke as getWeekdays, Oe as getYear, Ie as isDateInRange, Fe as isDateTimeInRange, L as isDisabledElement, Re as isFocusedHtmlElement, ze as isFocusedRovingTabindexElement, Le as isHtmlElement, I as isNullish, Be as isPrintableCharacter, He as isRepeatingCharacter, P as isSameDate, Ve as isTypeaheadCharacter, q as provideElement, A as removeTimezoneOffset, _t as shareDynamicIds, ht as shareId, N as sortRange, Ne as splitDaysIntoWeeks, Ue as startsWith, dt as useBemClass, pt as useCalendar, We as useCalendarGrid, G as useContext, mt as useContextProvider, K as useElements, ft as useGlobalBemClass, Ke as useGrid, Ge as useNavigableElements, W as useOptionalContext, B as useRovingTabindex, J as useSharedDynamicIds, gt as useSharedId, R as useSingleTabStop, vt as useThemeSettingsStore, $e as useTypeahead, Vt as vAriaLabelledby, Ut as vHidden };

package/dist/typeach.umd.cjs

@@ -1,6 +1,6 @@
-(function(e,t){typeof exports==`object`&&typeof module<`u`?t(exports,require("vue"),require("pinia")):typeof define==`function`&&define.amd?define([`exports`,`vue`,`pinia`],t):(e=typeof globalThis<`u`?globalThis:e||self,t(e.Typeach={},e.Vue,e.pinia))})(this,function(e,t,n){Object.defineProperty(e,Symbol.toStringTag,{value:`Module`});var r=[`aria-disabled`,`disabled`,`type`],i=(0,t.defineComponent)({__name:`Button`,props:{type:{default:`button`},disabled:{type:[Boolean,String],default:void 0}},emits:[`click`],setup(e,{emit:n}){let i=e,a=n,o=e=>{i.disabled||a(`click`,e)};return(n,i)=>((0,t.openBlock)(),(0,t.createElementBlock)(`button`,{ref:`element`,"aria-disabled":e.disabled===!0?!0:void 0,disabled:e.disabled===`without-focus`?!0:void 0,type:e.type,onClick:o},[(0,t.renderSlot)(n.$slots,`default`)],8,r))}}),a=`
-  height: 1px;
-  width: 1px;
+(function(e,t){typeof exports==`object`&&typeof module<`u`?t(exports,require("vue"),require("pinia")):typeof define==`function`&&define.amd?define([`exports`,`vue`,`pinia`],t):(e=typeof globalThis<`u`?globalThis:e||self,t(e.Typeach={},e.Vue,e.pinia))})(this,function(e,t,n){Object.defineProperty(e,Symbol.toStringTag,{value:`Module`});var r=(e,t)=>{let n=new Date(e);return n.setDate(n.getDate()+t),n},i=(e,t)=>{let n=new Date(e);return n.setMonth(n.getMonth()+t),n},a=(e,t)=>{let n=new Date(e);return n.setFullYear(n.getFullYear()+t),n},o=e=>r(e,1),s=e=>r(e,-1),c=e=>r(e,7),l=e=>r(e,-7),u=e=>i(e,1),d=e=>i(e,-1),f=e=>a(e,1),p=e=>a(e,-1),m=(e,t)=>{let n=new Date(e),r=n.getDay(),i=r>=t?r-t:6-r;return n.setDate(n.getDate()-i),n},ee=(e,t)=>r(m(e,t),6),h=e=>{let t=`${e.getFullYear()}`.padStart(4,`0`),n=`${e.getMonth()+1}`.padStart(2,`0`);return _(new Date(`${t}-${n}-01`))},g=e=>{let t=h(e);return t.setMonth(t.getMonth()+1),t.setDate(t.getDate()-1),t},te=e=>new Date(e.getFullYear(),0,1),ne=e=>new Date(e.getFullYear(),11,31),_=e=>{let t=new Date(e),n=t.getTimezoneOffset();return t.setMinutes(t.getMinutes()+n),t},re=(e,t)=>Intl.DateTimeFormat(t,{weekday:`long`,day:`numeric`,month:`long`,year:`numeric`}).format(e),ie=e=>e.getDate(),ae=(e,t)=>Intl.DateTimeFormat(t,{weekday:`long`}).format(e),v=e=>{let t=new Date(e);t.setDate(t.getDate()+4-t.getDay());let n=te(e);return Math.floor(((t-+n)/864e5+1)/7)},y=(e,t)=>({name:se(e,t),number:e.getMonth()+1}),b=e=>e.getFullYear(),oe=(e,t)=>Array.from({length:7}).fill(void 0).map((t,n)=>(e+n)%7+1).map(e=>ae(_(new Date(`2006-01-0${e}`)),t)),se=(e,t)=>Intl.DateTimeFormat(t,{month:`long`}).format(e),ce=e=>Array.from({length:12}).fill(void 0).map((t,n)=>y(new Date(`2006-${String(n+1).padStart(2,`0`)}-01`),e)),le=e=>{let t=[],n=h(e);for(;n.getMonth()===e.getMonth();)t.push(n),n=o(n);return t},x=(e,t)=>{let n=le(e),{daysBefore:r,daysAfter:i}=ue(e,t);return[...r,...n,...i]},S=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:v(e[e.length-1])}))},ue=(e,t)=>{let n=h(e),r=n.getDay()===0?7:n.getDay(),i=g(e),a=i.getDay()===0?7:i.getDay(),c=t===1?7:t-1,l=[],u=[],d=(7-t+r)%7,f=s(n);for(;d>0;)l.push(f),f=s(f),--d;l.reverse();let p=(7-a+c)%7,m=o(i);for(;p>0;)u.push(m),m=o(m),--p;return{daysBefore:l,daysAfter:u}},C=e=>({start:e.start<e.end?e.start:e.end,end:e.start<e.end?e.end:e.start}),de=(e,t)=>{let{start:n,end:r}=C(t);return e>=n&&e<=r},fe=(e,t)=>{let{start:n,end:r}=C(t);return n.setHours(0,0,0,0),r.setHours(23,59,59,999),e>=n&&e<=r},w=(e,t)=>e.getFullYear()===t.getFullYear()&&e.getMonth()===t.getMonth()&&e.getDate()===t.getDate(),T=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}({}),E=e=>e==null,pe=e=>e instanceof HTMLElement,D=e=>{let{disabled:t}=e.dataset;return e.hasAttribute(`disabled`)||e.getAttribute(`aria-disabled`)===`true`||!E(t)&&t!==``},me=e=>!E(e)&&e===document.activeElement,he=e=>me(e)||e.getAttribute(`tabindex`)===`0`,ge=e=>e.match(/^[\P{Cc}\P{Cn}\P{Cs}]$/u)!==null,_e=e=>ge(e)&&e!==` `,O=(e,t)=>e.length>1&&e.split(``).every(e=>e===t),k=(e,t)=>!!e?.trim().toLowerCase().startsWith(t.trim().toLowerCase()),A=(e,t=T.Monday)=>({onKeyDown(n){switch([`ArrowLeft`,`ArrowRight`,`ArrowUp`,`ArrowDown`,`PageUp`,`PageDown`,`Home`,`End`].includes(n.key)&&n.preventDefault(),n.key){case`ArrowLeft`:e.value=s(e.value);break;case`ArrowRight`:e.value=o(e.value);break;case`ArrowUp`:e.value=l(e.value);break;case`ArrowDown`:e.value=c(e.value);break;case`PageUp`:e.value=n.shiftKey?p(e.value):d(e.value);break;case`PageDown`:e.value=n.shiftKey?f(e.value):u(e.value);break;case`Home`:e.value=n.shiftKey?h(e.value):m(e.value,t);break;case`End`:e.value=n.shiftKey?g(e.value):ee(e.value,t);break;default:break}}}),ve=e=>{let n=(n,r)=>{let{getElements:i,moveTo:a,isMovedTo:o}=(0,t.toValue)(e),s=i(),c=s.findIndex(e=>o(e)),l=r(c,s.length),u=s[l];u=s[n===`forwards`?l++:l--],u&&a(u,s[c])};return{moveRelatively:e=>{n(e>0?`forwards`:`backwards`,t=>t+e)},moveToEdge:e=>{n(e===`start`?`forwards`:`backwards`,(t,n)=>e===`start`?0:n-1)}}},j=e=>{let n=(e,t)=>{t.filter(t=>!e?.isSameNode(t)).forEach(e=>e.setAttribute(`tabindex`,`-1`)),e?.setAttribute(`tabindex`,`0`)},r=t=>{n(t,e()),t.focus()};(0,t.watch)(e,e=>{let[t]=e,r=e.find(e=>e.matches(`:focus`));!r&&t&&D(t)&&(t=e.find(e=>!D(e))),n(r||t,e)});let{moveRelatively:i,moveToEdge:a}=ve({getElements:e,isMovedTo:he,moveTo:r});return{moveTo:r,moveRelatively:i,moveToEdge:a}},M=Symbol(`grid`),ye=e=>{let{moveRelatively:t,moveToEdge:n,moveTo:r}=j(e);return{onKeyDown(i,a){let o=[`ArrowLeft`,`ArrowRight`,`ArrowUp`,`ArrowDown`,`PageUp`,`PageDown`,`Home`,`End`];if(!pe(a.target))return;o.includes(a.key)&&a.preventDefault();let s=e().filter(e=>e.matches(`[data-elements-${i}="true"]`)),[c,l]=[s[0],s[s.length-1]],u=a.target.closest(`[data-elements-${i}="true"]`);switch(a.key){case`ArrowLeft`:c?.isSameNode(u)||t?.(-1);break;case`ArrowRight`:l?.isSameNode(u)||t?.(1);break;case`ArrowUp`:return t(s.length*-1);case`ArrowDown`:return t(s.length);case`PageUp`:return t?.(s.length*-10);case`PageDown`:return t?.(s.length*10);case`Home`:a.ctrlKey?n(`start`):c&&r(c);break;case`End`:a.ctrlKey?n(`end`):l&&r(l);break;default:break}}}},be=Symbol(`roving-tabindex`),N=(e,n)=>{let{moveTo:r,moveRelatively:i,moveToEdge:a}=j(n);return{moveTo:r,moveRelatively:i,moveToEdge:a,onKeyDown(n){let r=(0,t.toValue)(e)===`vertical`,o=r?`ArrowUp`:`ArrowLeft`,s=r?`ArrowDown`:`ArrowRight`;switch([s,o,`PageUp`,`PageDown`,`Home`,`End`].includes(n.key)&&n.preventDefault(),n.key){case o:return i(-1);case s:return i(1);case`PageUp`:return i(-10);case`PageDown`:return i(10);case`Home`:return a(`start`);case`End`:return a(`end`)}}}};function xe(e,n){return(0,t.getCurrentScope)()?((0,t.onScopeDispose)(e,n),!0):!1}var P=typeof window<`u`&&typeof document<`u`;typeof WorkerGlobalScope<`u`&&globalThis instanceof WorkerGlobalScope;var Se=()=>{};function Ce(e,n,r={}){let{immediate:i=!0,immediateCallback:a=!1}=r,o=(0,t.shallowRef)(!1),s;function c(){s&&=(clearTimeout(s),void 0)}function l(){o.value=!1,c()}function u(...r){a&&e(),c(),o.value=!0,s=setTimeout(()=>{o.value=!1,s=void 0,e(...r)},(0,t.toValue)(n))}return i&&(o.value=!0,P&&u()),xe(l),{isPending:(0,t.shallowReadonly)(o),start:u,stop:l}}function we(e=1e3,n={}){let{controls:r=!1,callback:i}=n,a=Ce(i??Se,e,n),o=(0,t.computed)(()=>!a.isPending.value);return r?{ready:o,...a}:o}function F(e,n,r){return(0,t.watch)(e,n,{...r,immediate:!0})}P&&window.document,P&&window.navigator,P&&window.location;function Te(){let e=(0,t.shallowRef)(!1),n=(0,t.getCurrentInstance)();return n&&(0,t.onMounted)(()=>{e.value=!0},n),e}var Ee=e=>{let n=(0,t.ref)(``),r=we(500,{controls:!0,callback(){n.value=``}});return{type(i){let{getElements:a,moveTo:o,isMovedTo:s}=(0,t.toValue)(e);r.isPending.value&&r.stop();let c=i.toLowerCase();n.value+=c;let l=O(n.value,c)?c:n.value,u=a(),d=u.filter(e=>k(e.textContent,l)),f=u.find(e=>s(e)),p=d[d.findIndex(e=>f?.isSameNode(e))+1];p&&o(p,f),r.start()}}},De=/([\p{Ll}\d])(\p{Lu})/gu,Oe=/(\p{Lu})([\p{Lu}][\p{Ll}])/gu,ke=/(\d)\p{Ll}|(\p{L})\d/u,Ae=/[^\p{L}\d]+/giu,I=`$1\0$2`,L=``;function R(e){let t=e.trim();t=t.replace(De,I).replace(Oe,I),t=t.replace(Ae,`\0`);let n=0,r=t.length;for(;t.charAt(n)===`\0`;)n++;if(n===r)return[];for(;t.charAt(r-1)===`\0`;)r--;return t.slice(n,r).split(/\0/g)}function je(e){let t=R(e);for(let e=0;e<t.length;e++){let n=t[e],r=ke.exec(n);if(r){let i=r.index+(r[1]??r[2]).length;t.splice(e,1,n.slice(0,i),n.slice(i))}}return t}function Me(e,t){let[n,r,i]=Pe(e,t);return n+r.map(Ne(t?.locale)).join(t?.delimiter??` `)+i}function z(e,t){return Me(e,{delimiter:`-`,...t})}function Ne(e){return e===!1?e=>e.toLowerCase():t=>t.toLocaleLowerCase(e)}function Pe(e,t={}){let n=t.split??(t.separateNumbers?je:R),r=t.prefixCharacters??L,i=t.suffixCharacters??L,a=0,o=e.length;for(;a<e.length;){let t=e.charAt(a);if(!r.includes(t))break;a++}for(;o>a;){let t=o-1,n=e.charAt(t);if(!i.includes(n))break;o=t}return[e.slice(0,a),n(e.slice(a,o)),e.slice(o)]}var B=(e,t)=>{let n=t?`${t}-${e}`:e;return(...e)=>{let t=[n,...e].filter(e=>typeof e==`string`).map(e=>z(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}--${z(e)}-${i}`]=!0),typeof i==`boolean`&&(r[`${t}--${z(e)}`]=i)}return r}},Fe=e=>t=>B(t,e),Ie=(e,n=T.Monday,r=`en`)=>{let i=(0,t.ref)(x(e.value,(0,t.toValue)(n))),a=(0,t.computed)(()=>b(e.value)),o=(0,t.computed)(()=>y(e.value,(0,t.toValue)(r))),s=(0,t.computed)(()=>S(i.value));return(0,t.watch)((0,t.computed)(()=>`${a.value}${o.value.number}`),()=>{i.value=x(e.value,(0,t.toValue)(n))}),(0,t.watch)(()=>(0,t.toValue)(n),t=>{i.value=x(e.value,t)}),{year:a,month:o,weeks:s}},V=(e,n)=>((0,t.provide)(e,n),n),H=e=>(0,t.inject)(e,{missingContext:!0}),U=e=>(0,t.inject)(e),W=(e,n)=>{let r=(0,t.ref)(new Map),i=n?{items:r,parent:n}:(0,t.inject)(`${e}-elements`,{items:r,parent:(0,t.ref)()});return n&&(0,t.provide)(`${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 Array.from(i.items.value.values()).sort((e,t)=>r.indexOf(e)-r.indexOf(t)).filter(e=>t||!D(e))},elements:(0,t.computed)(()=>Array.from(i.items.value.values()))}},G=(e,n,r)=>{let i=(0,t.inject)(`${e}-elements`,void 0);(0,t.watchEffect)(e=>{if(!n.value)return;let a=(0,t.markRaw)(n.value);r?.value?i?.items.value.delete(a):i?.items.value.set(a,n.value),e(()=>i?.items.value.delete(a))}),(0,t.onMounted)(()=>{n.value?.setAttribute(`data-elements-${e}`,`true`)}),(0,t.onBeforeUnmount)(()=>{n.value?.removeAttribute(`data-elements-${e}`)})},Le=e=>{let n=(0,t.ref)();return(0,t.computed)({set(e){n.value=e},get(){return n.value??e}})},Re=(e,t)=>{F(t,t=>{e.value=t})},ze=()=>{let e=(0,t.ref)(new Map);return{set(t,n){n?e.value.set(t,n):e.value.delete(t)},get(t){return e.value.get(t)}}},K=(e,t,n)=>{F(n,n=>{e.set(t,n)})},Be=(0,n.defineStore)(`theme-settings`,()=>{let e=(0,t.ref)(1),n=(0,t.ref)(!0),r=(e,t)=>{document.documentElement.style.setProperty(`--${e}`,t)};return F(e,e=>{document.documentElement.style.setProperty(`saturation`,`${e}`)}),F(n,e=>{r(`code-white-space`,e?`pre-wrap`:`pre`)}),{saturation:e,wrapCode:n}}),q=Symbol(`toolbar`),Ve=[`aria-orientation`,`aria-controls`],He=(0,t.defineComponent)({__name:`Toolbar`,props:{orientation:{default:`horizontal`},controls:{}},setup(e){let{orientation:n}=(0,t.toRefs)(e),r=(0,t.useTemplateRef)(`element`),{getElements:i}=W(`toolbar`,r),{onKeyDown:a}=N(n,i);return(0,t.provide)(q,{onKeyDown:a}),(i,a)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{ref_key:`element`,ref:r,"aria-orientation":(0,t.unref)(n),"aria-controls":e.controls,role:`toolbar`},[(0,t.renderSlot)(i.$slots,`default`)],8,Ve))}}),Ue=[`aria-disabled`,`disabled`,`type`],J=(0,t.defineComponent)({__name:`Button`,props:{type:{default:`button`},disabled:{type:[Boolean,String],default:void 0}},emits:[`click`],setup(e,{emit:n}){let r=e,i=n,a=(0,t.useTemplateRef)(`element`),{onKeyDown:o}=H(q);G(`toolbar`,a);let s=e=>{r.disabled||i(`click`,e)};return(n,r)=>((0,t.openBlock)(),(0,t.createElementBlock)(`button`,{ref_key:`element`,ref:a,"aria-disabled":e.disabled===!0?!0:void 0,disabled:e.disabled===`without-focus`?!0:void 0,type:e.type,onClick:s,onKeydown:r[0]||=(...e)=>(0,t.unref)(o)&&(0,t.unref)(o)(...e)},[(0,t.renderSlot)(n.$slots,`default`)],40,Ue))}}),Y=(0,t.defineComponent)({__name:`Table`,setup(e){return(e,n)=>((0,t.openBlock)(),(0,t.createElementBlock)(`table`,null,[(0,t.renderSlot)(e.$slots,`default`)]))}}),We=(0,t.defineComponent)({__name:`TableBody`,setup(e){return(e,n)=>((0,t.openBlock)(),(0,t.createElementBlock)(`tbody`,null,[(0,t.renderSlot)(e.$slots,`default`)]))}}),X=(0,t.defineComponent)({__name:`TableCell`,props:{heading:{type:Boolean}},setup(e){return(n,r)=>((0,t.openBlock)(),(0,t.createBlock)((0,t.resolveDynamicComponent)(e.heading?`th`:`td`),{scope:e.heading?`row`:void 0},{default:(0,t.withCtx)(()=>[(0,t.renderSlot)(n.$slots,`default`)]),_:3},8,[`scope`]))}}),Ge=(0,t.defineComponent)({__name:`TableHead`,setup(e){return(e,n)=>((0,t.openBlock)(),(0,t.createElementBlock)(`thead`,null,[(0,t.renderSlot)(e.$slots,`default`)]))}}),Ke=[`aria-sort`],qe=(0,t.defineComponent)({__name:`TableHeadingCell`,props:{sorted:{}},setup(e){return(n,r)=>((0,t.openBlock)(),(0,t.createElementBlock)(`th`,{"aria-sort":e.sorted},[(0,t.renderSlot)(n.$slots,`default`)],8,Ke))}}),Je=(0,t.defineComponent)({__name:`TableRow`,setup(e){return(e,n)=>((0,t.openBlock)(),(0,t.createElementBlock)(`tr`,null,[(0,t.renderSlot)(e.$slots,`default`)]))}}),Ye=Symbol(`calendar-table`),Xe=(0,t.defineComponent)({__name:`CalendarTable`,props:(0,t.mergeModels)({autoFocus:{type:Boolean}},{modelValue:{default:new Date},modelModifiers:{}}),emits:[`update:modelValue`],setup(e){let n=e,r=(0,t.useModel)(e,`modelValue`),i=Te();return(0,t.provide)(Ye,{focusedDate:r,allowFocus:(0,t.computed)(()=>!!n.autoFocus||i.value)}),(e,n)=>((0,t.openBlock)(),(0,t.createBlock)((0,t.unref)(Y),{role:`grid`},{default:(0,t.withCtx)(()=>[(0,t.renderSlot)(e.$slots,`default`)]),_:3}))}}),Ze=(0,t.defineComponent)({__name:`CalendarTableCell`,setup(e){return(e,n)=>((0,t.openBlock)(),(0,t.createBlock)(X,{role:`gridcell`},{default:(0,t.withCtx)(()=>[(0,t.renderSlot)(e.$slots,`default`)]),_:3}))}}),Qe=[`aria-pressed`,`aria-disabled`,`aria-current`,`tabindex`],$e=(0,t.defineComponent)({__name:`CalendarTableCellButton`,props:{date:{},disabled:{type:Boolean},selected:{type:Boolean}},emits:[`click`],setup(e,{emit:n}){let r=e,i=n,a=(0,t.useTemplateRef)(`element`),{focusedDate:o,allowFocus:s}=U(Ye),{onKeyDown:c}=A(o),l=(0,t.computed)(()=>w(r.date,o.value));return F(l,async e=>{e&&s.value&&(await(0,t.nextTick)(),a.value?.focus())}),(n,r)=>((0,t.openBlock)(),(0,t.createElementBlock)(`button`,{ref_key:`element`,ref:a,"aria-pressed":e.selected,"aria-disabled":e.disabled,"aria-current":(0,t.unref)(w)(e.date,new Date)?`date`:void 0,tabindex:l.value?0:-1,onFocus:r[0]||=t=>o.value=e.date,onKeydown:r[1]||=(...e)=>(0,t.unref)(c)&&(0,t.unref)(c)(...e),onClick:r[2]||=e=>i(`click`,e)},[(0,t.renderSlot)(n.$slots,`default`)],40,Qe))}}),et=`
+  block-size: 1px;
+  inline-size: 1px;
 
   position: absolute;
   overflow: hidden;
@@ -9,4 +9,4 @@
   clip-path: inset(50%);
 
   white-space: nowrap;
-`,o=(0,t.defineComponent)({__name:`VisuallyHidden`,setup(e){return(e,n)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{style:a},[(0,t.renderSlot)(e.$slots,`default`)]))}}),s=(0,t.defineComponent)({__name:`CopyButton`,props:{content:{},onCopy:{type:Function}},emits:[`copy`],setup(e){let n=(0,t.ref)(!1),r=e,a=(0,t.computed)(()=>r.content?typeof r.content==`string`?[new ClipboardItem({"text/plain":r.content})]:Array.isArray(r.content)?r.content:[r.content]:[]),s=async e=>{r.content?await navigator.clipboard.write(a.value):await r.onCopy?.(e),n.value=!0,setTimeout(()=>{n.value=!1},4e3)};return(e,r)=>((0,t.openBlock)(),(0,t.createElementBlock)(t.Fragment,null,[(0,t.createVNode)((0,t.unref)(o),{"aria-live":`polite`},{default:(0,t.withCtx)(()=>[n.value?(0,t.renderSlot)(e.$slots,`default`,{key:0,isCopying:n.value}):(0,t.createCommentVNode)(``,!0)]),_:3}),(0,t.createVNode)((0,t.unref)(i),(0,t.mergeProps)(e.$attrs,{onClick:s}),{default:(0,t.withCtx)(()=>[(0,t.renderSlot)(e.$slots,`default`,{isCopying:n.value})]),_:3},16)],64))}}),c=/([\p{Ll}\d])(\p{Lu})/gu,l=/(\p{Lu})([\p{Lu}][\p{Ll}])/gu,u=/(\d)\p{Ll}|(\p{L})\d/u,d=/[^\p{L}\d]+/giu,f=`$1\0$2`,p=``;function m(e){let t=e.trim();t=t.replace(c,f).replace(l,f),t=t.replace(d,`\0`);let n=0,r=t.length;for(;t.charAt(n)===`\0`;)n++;if(n===r)return[];for(;t.charAt(r-1)===`\0`;)r--;return t.slice(n,r).split(/\0/g)}function ee(e){let t=m(e);for(let e=0;e<t.length;e++){let n=t[e],r=u.exec(n);if(r){let i=r.index+(r[1]??r[2]).length;t.splice(e,1,n.slice(0,i),n.slice(i))}}return t}function h(e,t){let[n,r,i]=v(e,t);return n+r.map(_(t?.locale)).join(t?.delimiter??` `)+i}function g(e,t){return h(e,{delimiter:`-`,...t})}function _(e){return e===!1?e=>e.toLowerCase():t=>t.toLocaleLowerCase(e)}function v(e,t={}){let n=t.split??(t.separateNumbers?ee:m),r=t.prefixCharacters??p,i=t.suffixCharacters??p,a=0,o=e.length;for(;a<e.length;){let t=e.charAt(a);if(!r.includes(t))break;a++}for(;o>a;){let t=o-1,n=e.charAt(t);if(!i.includes(n))break;o=t}return[e.slice(0,a),n(e.slice(a,o)),e.slice(o)]}var y=(e,t)=>{let n=t?`${t}-${e}`:e;return(...e)=>{let t=[n,...e].filter(e=>typeof e==`string`).map(e=>g(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}--${g(e)}-${i}`]=!0),typeof i==`boolean`&&(r[`${t}--${g(e)}`]=i)}return r}},te=e=>t=>y(t,e),b=(e,n)=>((0,t.provide)(e,n),n),x=e=>(0,t.inject)(e,{missingContext:!0}),S=e=>(0,t.inject)(e),C=e=>e==null,w=e=>{let{disabled:t}=e.dataset;return e.hasAttribute(`disabled`)||e.getAttribute(`aria-disabled`)===`true`||!C(t)&&t!==``},T=(e,n)=>{let r=(0,t.ref)(new Map),i=n?{items:r,parent:n}:(0,t.inject)(`${e}-elements`,{items:r,parent:(0,t.ref)()});return n&&(0,t.provide)(`${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 Array.from(i.items.value.values()).sort((e,t)=>r.indexOf(e)-r.indexOf(t)).filter(e=>t||!w(e))},elements:(0,t.computed)(()=>Array.from(i.items.value.values()))}},E=(e,n,r)=>{let i=(0,t.inject)(`${e}-elements`,void 0);(0,t.watchEffect)(e=>{if(!n.value)return;let a=(0,t.markRaw)(n.value);r?.value?i?.items.value.delete(a):i?.items.value.set(a,n.value),e(()=>i?.items.value.delete(a))}),(0,t.onMounted)(()=>{n.value?.setAttribute(`data-elements-${e}`,`true`)}),(0,t.onBeforeUnmount)(()=>{n.value?.removeAttribute(`data-elements-${e}`)})};typeof WorkerGlobalScope<`u`&&globalThis instanceof WorkerGlobalScope;function D(e,n,r){return(0,t.watch)(e,n,{...r,immediate:!0})}var O=e=>{let n=(0,t.ref)();return(0,t.computed)({set(e){n.value=e},get(){return n.value??e}})},k=(e,t)=>{D(t,t=>{e.value=t})},A=()=>{let e=(0,t.ref)(new Map);return{set(t,n){n?e.value.set(t,n):e.value.delete(t)},get(t){return e.value.get(t)}}},j=(e,t,n)=>{D(n,n=>{e.set(t,n)})},M=(0,n.defineStore)(`theme-settings`,()=>{let e=(0,t.ref)(1),n=(0,t.ref)(!0),r=(e,t)=>{document.documentElement.style.setProperty(`--${e}`,t)};return D(e,e=>{document.documentElement.style.setProperty(`saturation`,`${e}`)}),D(n,e=>{r(`code-white-space`,e?`pre-wrap`:`pre`)}),{saturation:e,wrapCode:n}}),N=Symbol(`disclosure`),P={key:0},F=(0,t.defineComponent)({__name:`Disclosure`,props:(0,t.mergeModels)({render:{type:Boolean},disabled:{type:Boolean},popover:{type:Boolean}},{modelValue:{type:Boolean,default:!1},modelModifiers:{}}),emits:[`update:modelValue`],setup(e){let n=(0,t.useModel)(e,`modelValue`),r=e;return(0,t.provide)(N,{panelId:O((0,t.useId)()),disabled:(0,t.computed)(()=>!!r.disabled),popover:(0,t.computed)(()=>!!r.popover),open:(0,t.computed)({get(){return r.disabled?!0:n.value},set(e){n.value=e}})}),(n,r)=>e.render?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,P,[(0,t.renderSlot)(n.$slots,`default`)])):(0,t.renderSlot)(n.$slots,`default`,{key:1})}}),I=(0,t.defineComponent)({__name:`DisclosureButton`,props:{disabled:{type:[Boolean,String]}},setup(e){let{panelId:n,open:r,disabled:a,popover:o}=S(N),s=(0,t.computed)(()=>o.value?{command:`toggle-popover`,commandfor:n.value}:{onClick(){r.value=!r.value}});return(o,c)=>(0,t.unref)(a)?(0,t.createCommentVNode)(``,!0):((0,t.openBlock)(),(0,t.createBlock)((0,t.unref)(i),(0,t.mergeProps)({key:0,"aria-expanded":(0,t.unref)(r),"aria-controls":(0,t.unref)(n),disabled:e.disabled},s.value),{default:(0,t.withCtx)(()=>[(0,t.renderSlot)(o.$slots,`default`)]),_:3},16,[`aria-expanded`,`aria-controls`,`disabled`]))}}),L=(0,t.ref)(0),R={beforeMount(e,{value:t}){let n=`a-l-${L.value++}`;e.setAttribute(`data-labelledby-id`,n),t&&(z(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:(z(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())}},z=(e,t)=>{let n=document.createElement(`span`);return n.innerText=e,n.id=`${t}`,n.hidden=!0,document.documentElement.appendChild(n),n},B={beforeMount(e,{value:t},{transition:n}){n&&t===!1?n.beforeEnter(e):V(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),V(e,t),r.enter(e)):r.leave(e,()=>V(e,t)):V(e,t))},beforeUnmount(e,{value:t}){V(e,t)}},V=(e,t)=>{t?e.setAttribute(`hidden`,`${t}`):e.removeAttribute(`hidden`)},H=(0,t.defineComponent)({__name:`DisclosurePanel`,props:{hideFromSearch:{type:Boolean},as:{default:`div`},id:{default:void 0}},setup(e){let n=e,{panelId:r,disabled:i,popover:a,open:o}=S(N);k(r,()=>n.id);let s=(0,t.useTemplateRef)(`element`),c=(0,t.computed)(()=>o.value?void 0:n.hideFromSearch?!0:`until-found`),l=e=>{console.log(`event`,e),e.newState===`open`?o.value=!0:o.value=!1};return(n,u)=>(0,t.withDirectives)(((0,t.openBlock)(),(0,t.createBlock)((0,t.resolveDynamicComponent)(e.as),{id:(0,t.unref)(r),ref_key:`element`,ref:s,popover:(0,t.unref)(i)||!(0,t.unref)(a)?void 0:`auto`,onBeforematch:u[0]||=e=>o.value=!0,onToggle:l},{default:(0,t.withCtx)(()=>[(0,t.renderSlot)(n.$slots,`default`)]),_:3},40,[`id`,`popover`])),[[(0,t.unref)(B),c.value]])}}),U=[`id`],W=(0,t.defineComponent)({__name:`FieldDescription`,setup(e){let n=(0,t.useId)(),r=(0,t.useTemplateRef)(`element`);return E(`field-description`,r),(e,i)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{id:(0,t.unref)(n),ref_key:`element`,ref:r},[(0,t.renderSlot)(e.$slots,`default`)],8,U))}}),ne=[`id`],G=(0,t.defineComponent)({__name:`FieldError`,setup(e){let n=(0,t.useId)(),r=(0,t.useTemplateRef)(`element`);return E(`field-error`,r),(e,i)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{id:(0,t.unref)(n),ref_key:`element`,ref:r},[(0,t.renderSlot)(e.$slots,`default`)],8,ne))}}),K=Symbol(`field`),q=(e,n)=>{let{elements:r}=T(`field-error`,n),{elements:i}=T(`field-description`,n),a=e=>e.filter(e=>e.id).map(e=>e.id);return b(K,{id:e,hasErrors:(0,t.computed)(()=>r.value.length>0),errorIds:(0,t.computed)(()=>a(r.value)),descriptionIds:(0,t.computed)(()=>a(i.value))})},J=()=>S(K),Y=[`id`,`for`],X=(0,t.defineComponent)({__name:`FieldLabel`,setup(e){let{id:n}=J(),r=()=>{document.getElementById(n)?.focus()};return(e,i)=>((0,t.openBlock)(),(0,t.createElementBlock)(`label`,{id:`${(0,t.unref)(n)}-label`,for:(0,t.unref)(n),onClick:r},[(0,t.renderSlot)(e.$slots,`default`)],8,Y))}}),Z=[`aria-orientation`],re=(0,t.defineComponent)({__name:`Separator`,props:{orientation:{default:`horizontal`}},setup(e){return(n,r)=>((0,t.openBlock)(),(0,t.createElementBlock)(`hr`,{"aria-orientation":e.orientation},null,8,Z))}}),Q=Symbol(`Switch-field`),ie=()=>S(Q),ae=(0,t.defineComponent)({__name:`SwitchField`,props:{modelValue:{type:Boolean,default:!1},modelModifiers:{}},emits:[`update:modelValue`],setup(e){let n=(0,t.useModel)(e,`modelValue`),r=(0,t.useId)(),i=(0,t.useTemplateRef)(`element`);return q(r,i),(0,t.provide)(Q,{id:r,modelValue:n}),(e,n)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{ref_key:`element`,ref:i},[(0,t.renderSlot)(e.$slots,`default`)],512))}}),oe={"aria-hidden":`true`},se=(0,t.defineComponent)({__name:`SwitchFieldStateLabel`,setup(e){return(e,n)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,oe,[(0,t.renderSlot)(e.$slots,`default`)]))}}),ce=[`id`,`aria-checked`,`aria-describedby`,`aria-invalid`,`aria-labelledby`,`aria-disabled`],le=(0,t.defineComponent)({__name:`SwitchFieldSwitchButton`,props:{disabled:{type:Boolean}},setup(e){let n=e,{modelValue:r}=ie(),{id:i,hasErrors:a,errorIds:o,descriptionIds:s}=J(),c=()=>{n.disabled||(r.value=!r.value)};return(n,l)=>((0,t.openBlock)(),(0,t.createElementBlock)(`button`,{id:(0,t.unref)(i),"aria-checked":(0,t.unref)(r),"aria-describedby":[(0,t.unref)(o),(0,t.unref)(s)].flat().join(` `)||void 0,"aria-invalid":(0,t.unref)(a)?!0:void 0,"aria-labelledby":`${(0,t.unref)(i)}-label`,"aria-disabled":e.disabled,role:`switch`,type:`button`,onClick:c},[(0,t.renderSlot)(n.$slots,`default`)],8,ce))}}),$=(0,t.defineComponent)({__name:`Table`,setup(e){return(e,n)=>((0,t.openBlock)(),(0,t.createElementBlock)(`table`,null,[(0,t.renderSlot)(e.$slots,`default`)]))}}),ue=(0,t.defineComponent)({__name:`TableBody`,setup(e){return(e,n)=>((0,t.openBlock)(),(0,t.createElementBlock)(`tbody`,null,[(0,t.renderSlot)(e.$slots,`default`)]))}}),de=(0,t.defineComponent)({__name:`TableCell`,props:{heading:{type:Boolean}},setup(e){return(n,r)=>((0,t.openBlock)(),(0,t.createBlock)((0,t.resolveDynamicComponent)(e.heading?`th`:`td`),{scope:e.heading?`row`:void 0},{default:(0,t.withCtx)(()=>[(0,t.renderSlot)(n.$slots,`default`)]),_:3},8,[`scope`]))}}),fe=(0,t.defineComponent)({__name:`TableHead`,setup(e){return(e,n)=>((0,t.openBlock)(),(0,t.createElementBlock)(`thead`,null,[(0,t.renderSlot)(e.$slots,`default`)]))}}),pe=[`aria-sort`],me=(0,t.defineComponent)({__name:`TableHeadingCell`,props:{sorted:{}},setup(e){return(n,r)=>((0,t.openBlock)(),(0,t.createElementBlock)(`th`,{"aria-sort":e.sorted},[(0,t.renderSlot)(n.$slots,`default`)],8,pe))}}),he=(0,t.defineComponent)({__name:`TableRow`,setup(e){return(e,n)=>((0,t.openBlock)(),(0,t.createElementBlock)(`tr`,null,[(0,t.renderSlot)(e.$slots,`default`)]))}});e.PeachyButton=i,e.PeachyCopyButton=s,e.PeachyDisclosure=F,e.PeachyDisclosureButton=I,e.PeachyDisclosurePanel=H,e.PeachyFieldDescription=W,e.PeachyFieldError=G,e.PeachyFieldLabel=X,e.PeachySeparator=re,e.PeachySwitchButton=le,e.PeachySwitchField=ae,e.PeachySwitchStateLabel=se,e.PeachyTable=$,e.PeachyTableBody=ue,e.PeachyTableCell=de,e.PeachyTableHead=fe,e.PeachyTableHeadingCell=me,e.PeachyTableRow=he,e.PeachyVisuallyHidden=o,e.provideElement=E,e.shareDynamicIds=A,e.shareId=O,e.useBemClass=y,e.useContext=S,e.useContextProvider=b,e.useElements=T,e.useGlobalBemClass=te,e.useOptionalContext=x,e.useSharedDynamicIds=j,e.useSharedId=k,e.useThemeSettingsStore=M,e.vAriaLabelledby=R,e.vHidden=B});
+`,tt=(0,t.defineComponent)({__name:`VisuallyHidden`,setup(e){return(e,n)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{style:et},[(0,t.renderSlot)(e.$slots,`default`)]))}}),nt=(0,t.defineComponent)({__name:`CopyButton`,props:{content:{},onCopy:{type:Function}},emits:[`copy`],setup(e){let n=(0,t.ref)(!1),r=e,i=(0,t.computed)(()=>r.content?typeof r.content==`string`?[new ClipboardItem({"text/plain":r.content})]:Array.isArray(r.content)?r.content:[r.content]:[]),a=async e=>{r.content?await navigator.clipboard.write(i.value):await r.onCopy?.(e),n.value=!0,setTimeout(()=>{n.value=!1},4e3)};return(e,r)=>((0,t.openBlock)(),(0,t.createElementBlock)(t.Fragment,null,[(0,t.createVNode)((0,t.unref)(tt),{"aria-live":`polite`},{default:(0,t.withCtx)(()=>[n.value?(0,t.renderSlot)(e.$slots,`default`,{key:0,isCopying:n.value}):(0,t.createCommentVNode)(``,!0)]),_:3}),(0,t.createVNode)((0,t.unref)(J),(0,t.mergeProps)(e.$attrs,{onClick:a}),{default:(0,t.withCtx)(()=>[(0,t.renderSlot)(e.$slots,`default`,{isCopying:n.value})]),_:3},16)],64))}}),Z=Symbol(`disclosure`),rt={key:0},it=(0,t.defineComponent)({__name:`Disclosure`,props:(0,t.mergeModels)({render:{type:Boolean},disabled:{type:Boolean},popover:{type:Boolean}},{modelValue:{type:Boolean,default:!1},modelModifiers:{}}),emits:[`update:modelValue`],setup(e){let n=(0,t.useModel)(e,`modelValue`),r=e;return(0,t.provide)(Z,{panelId:Le((0,t.useId)()),disabled:(0,t.computed)(()=>!!r.disabled),popover:(0,t.computed)(()=>!!r.popover),open:(0,t.computed)({get(){return r.disabled?!0:n.value},set(e){n.value=e}})}),(n,r)=>e.render?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,rt,[(0,t.renderSlot)(n.$slots,`default`)])):(0,t.renderSlot)(n.$slots,`default`,{key:1})}}),at=(0,t.defineComponent)({__name:`DisclosureButton`,props:{disabled:{type:[Boolean,String]}},setup(e){let{panelId:n,open:r,disabled:i,popover:a}=U(Z),o=(0,t.computed)(()=>a.value?{command:`toggle-popover`,commandfor:n.value}:{onClick(){r.value=!r.value}});return(a,s)=>(0,t.unref)(i)?(0,t.createCommentVNode)(``,!0):((0,t.openBlock)(),(0,t.createBlock)((0,t.unref)(J),(0,t.mergeProps)({key:0,"aria-expanded":(0,t.unref)(r),"aria-controls":(0,t.unref)(n),disabled:e.disabled},o.value),{default:(0,t.withCtx)(()=>[(0,t.renderSlot)(a.$slots,`default`)]),_:3},16,[`aria-expanded`,`aria-controls`,`disabled`]))}}),ot=(0,t.ref)(0),st={beforeMount(e,{value:t}){let n=`a-l-${ot.value++}`;e.setAttribute(`data-labelledby-id`,n),t&&(ct(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:(ct(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())}},ct=(e,t)=>{let n=document.createElement(`span`);return n.innerText=e,n.id=`${t}`,n.hidden=!0,document.documentElement.appendChild(n),n},lt={beforeMount(e,{value:t},{transition:n}){n&&t===!1?n.beforeEnter(e):Q(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))},beforeUnmount(e,{value:t}){Q(e,t)}},Q=(e,t)=>{t?e.setAttribute(`hidden`,`${t}`):e.removeAttribute(`hidden`)},ut=(0,t.defineComponent)({__name:`DisclosurePanel`,props:{hideFromSearch:{type:Boolean},as:{default:`div`},id:{default:void 0}},setup(e){let n=e,{panelId:r,disabled:i,popover:a,open:o}=U(Z);Re(r,()=>n.id);let s=(0,t.useTemplateRef)(`element`),c=(0,t.computed)(()=>o.value?void 0:n.hideFromSearch?!0:`until-found`),l=e=>{e.newState===`open`?o.value=!0:o.value=!1};return(n,u)=>(0,t.withDirectives)(((0,t.openBlock)(),(0,t.createBlock)((0,t.resolveDynamicComponent)(e.as),{id:(0,t.unref)(r),ref_key:`element`,ref:s,popover:(0,t.unref)(i)||!(0,t.unref)(a)?void 0:`auto`,onBeforematch:u[0]||=e=>o.value=!0,onToggle:l},{default:(0,t.withCtx)(()=>[(0,t.renderSlot)(n.$slots,`default`)]),_:3},40,[`id`,`popover`])),[[(0,t.unref)(lt),c.value]])}}),dt=[`href`,`download`],ft=(0,t.defineComponent)({__name:`DownloadLink`,props:{url:{},filename:{}},setup(e){let n=(0,t.useTemplateRef)(`element`),{onKeyDown:r}=H(q);return G(`toolbar`,n),(i,a)=>((0,t.openBlock)(),(0,t.createElementBlock)(`a`,{ref_key:`element`,ref:n,href:e.url,download:e.filename||!0,onKeydown:a[0]||=(...e)=>(0,t.unref)(r)&&(0,t.unref)(r)(...e)},[(0,t.renderSlot)(i.$slots,`default`)],40,dt))}}),pt=[`id`],mt=(0,t.defineComponent)({__name:`FieldDescription`,setup(e){let n=(0,t.useId)(),r=(0,t.useTemplateRef)(`element`);return G(`field-description`,r),(e,i)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{id:(0,t.unref)(n),ref_key:`element`,ref:r},[(0,t.renderSlot)(e.$slots,`default`)],8,pt))}}),ht=[`id`],gt=(0,t.defineComponent)({__name:`FieldError`,setup(e){let n=(0,t.useId)(),r=(0,t.useTemplateRef)(`element`);return G(`field-error`,r),(e,i)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{id:(0,t.unref)(n),ref_key:`element`,ref:r},[(0,t.renderSlot)(e.$slots,`default`)],8,ht))}}),_t=Symbol(`field`),vt=(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 V(_t,{id:e,hasErrors:(0,t.computed)(()=>r.value.length>0),errorIds:(0,t.computed)(()=>a(r.value)),descriptionIds:(0,t.computed)(()=>a(i.value))})},yt=()=>U(_t),bt=[`id`,`for`],xt=(0,t.defineComponent)({__name:`FieldLabel`,setup(e){let{id:n}=yt(),r=()=>{document.getElementById(n)?.focus()};return(e,i)=>((0,t.openBlock)(),(0,t.createElementBlock)(`label`,{id:`${(0,t.unref)(n)}-label`,for:(0,t.unref)(n),onClick:r},[(0,t.renderSlot)(e.$slots,`default`)],8,bt))}}),St=(0,t.defineComponent)({__name:`GridTable`,setup(e){let n=(0,t.useTemplateRef)(`element`),r=(0,t.computed)(()=>n.value?.$el),{getElements:i}=W(`table`,r),{onKeyDown:a}=ye(i);return(0,t.provide)(M,{onKeyDown:a}),(e,n)=>((0,t.openBlock)(),(0,t.createBlock)(Y,{ref_key:`element`,ref:r,role:`grid`},{default:(0,t.withCtx)(()=>[(0,t.renderSlot)(e.$slots,`default`)]),_:3},512))}}),Ct=e=>{let n=(0,t.computed)(()=>e.value?.$el),r=U(wt);G(`table`,n),G(r,n);let{onKeyDown:i}=U(M);return{onKeyDown:i,rowId:r}},wt=Symbol(`row`),Tt=(0,t.defineComponent)({__name:`GridTableCell`,props:{heading:{type:Boolean}},setup(e){let{rowId:n,onKeyDown:r}=Ct((0,t.useTemplateRef)(`element`));return(i,a)=>((0,t.openBlock)(),(0,t.createBlock)(X,{ref:`element`,heading:e.heading,role:`gridcell`,onKeydown:a[0]||=e=>(0,t.unref)(r)((0,t.unref)(n),e)},{default:(0,t.withCtx)(()=>[(0,t.renderSlot)(i.$slots,`default`)]),_:3},8,[`heading`]))}}),Et=(0,t.defineComponent)({__name:`GridTableHeadingCell`,props:{sorted:{}},setup(e){let{rowId:n,onKeyDown:r}=Ct((0,t.useTemplateRef)(`element`));return(i,a)=>((0,t.openBlock)(),(0,t.createBlock)(qe,{ref:`element`,role:`gridcell`,sorted:e.sorted,onKeydown:a[0]||=e=>(0,t.unref)(r)((0,t.unref)(n),e)},{default:(0,t.withCtx)(()=>[(0,t.renderSlot)(i.$slots,`default`)]),_:3},8,[`sorted`]))}}),Dt=(0,t.defineComponent)({__name:`GridTableRow`,setup(e){return(0,t.provide)(wt,(0,t.useId)()),(e,n)=>((0,t.openBlock)(),(0,t.createBlock)(Je,null,{default:(0,t.withCtx)(()=>[(0,t.renderSlot)(e.$slots,`default`)]),_:3}))}}),Ot=[`aria-orientation`],kt=(0,t.defineComponent)({__name:`Separator`,props:{orientation:{default:`horizontal`}},setup(e){return(n,r)=>((0,t.openBlock)(),(0,t.createElementBlock)(`hr`,{"aria-orientation":e.orientation},null,8,Ot))}}),At=Symbol(`Switch-field`),jt=()=>U(At),Mt=(0,t.defineComponent)({__name:`SwitchField`,props:{modelValue:{type:Boolean,default:!1},modelModifiers:{}},emits:[`update:modelValue`],setup(e){let n=(0,t.useModel)(e,`modelValue`),r=(0,t.useId)(),i=(0,t.useTemplateRef)(`element`);return vt(r,i),(0,t.provide)(At,{id:r,modelValue:n}),(e,n)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{ref_key:`element`,ref:i},[(0,t.renderSlot)(e.$slots,`default`)],512))}}),Nt={"aria-hidden":`true`},Pt=(0,t.defineComponent)({__name:`SwitchFieldStateLabel`,setup(e){return(e,n)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,Nt,[(0,t.renderSlot)(e.$slots,`default`)]))}}),Ft=(0,t.defineComponent)({__name:`SwitchFieldSwitchButton`,props:{disabled:{type:Boolean}},setup(e){let{modelValue:n}=jt(),{id:r,hasErrors:i,errorIds:a,descriptionIds:o}=yt();return(s,c)=>((0,t.openBlock)(),(0,t.createBlock)((0,t.unref)(J),{id:(0,t.unref)(r),"aria-checked":(0,t.unref)(n),"aria-describedby":[(0,t.unref)(a),(0,t.unref)(o)].flat().join(` `)||void 0,"aria-invalid":(0,t.unref)(i)?!0:void 0,"aria-labelledby":`${(0,t.unref)(r)}-label`,disabled:e.disabled,role:`switch`,onClick:c[0]||=e=>n.value=!(0,t.unref)(n)},{default:(0,t.withCtx)(()=>[(0,t.renderSlot)(s.$slots,`default`)]),_:3},8,[`id`,`aria-checked`,`aria-describedby`,`aria-invalid`,`aria-labelledby`,`disabled`]))}}),$=Symbol(`tabs`),It=Symbol(`tabs-list`),Lt=(0,t.defineComponent)({__name:`Tabs`,props:(0,t.mergeModels)({as:{}},{modelValue:{},modelModifiers:{}}),emits:[`update:modelValue`],setup(e){let n=(0,t.useModel)(e,`modelValue`);return(0,t.provide)($,{ids:ze(),selectedPanel:n}),(n,r)=>e.as?((0,t.openBlock)(),(0,t.createBlock)((0,t.resolveDynamicComponent)(e.as),{key:0},{default:(0,t.withCtx)(()=>[(0,t.renderSlot)(n.$slots,`default`)]),_:3})):(0,t.renderSlot)(n.$slots,`default`,{key:1})}}),Rt=[`tabindex`],zt=(0,t.defineComponent)({__name:`TabsActionButton`,props:{value:{}},emits:[`click`],setup(e,{emit:n}){let r=n,{selectedPanel:i}=U($);return(n,a)=>((0,t.openBlock)(),(0,t.createElementBlock)(`button`,{ref:`button`,tabindex:(0,t.unref)(i)===e.value?0:-1,type:`button`,onClick:a[0]||=e=>r(`click`,e)},[(0,t.renderSlot)(n.$slots,`default`)],8,Rt))}}),Bt=[`id`,`aria-selected`,`aria-controls`],Vt=(0,t.defineComponent)({__name:`TabsButton`,props:{value:{},id:{default:e=>`${(0,t.useId)()}-${e.value}-button`}},emits:[`delete`],setup(e,{emit:n}){let r=e,i=(0,t.useTemplateRef)(`element`);G(`tabs-list`,i);let a=n,{selectedPanel:o,ids:s}=U($);K(s,`${r.value}-button`,()=>r.id);let{onKeyDown:c,selectionFollowsFocus:l}=U(It);return(0,t.onBeforeMount)(()=>{o.value||=r.value}),(n,u)=>((0,t.openBlock)(),(0,t.createElementBlock)(`button`,{id:e.id,ref_key:`element`,ref:i,"aria-selected":(0,t.unref)(o)===e.value,"aria-controls":(0,t.unref)(s).get(`${r.value}-panel`),type:`button`,role:`tab`,onClick:u[0]||=t=>o.value=e.value,onFocus:u[1]||=n=>(0,t.unref)(l)?o.value=e.value:void 0,onKeydown:[u[2]||=(0,t.withKeys)(e=>a(`delete`),[`delete`]),u[3]||=(...e)=>(0,t.unref)(c)&&(0,t.unref)(c)(...e)]},[(0,t.renderSlot)(n.$slots,`default`)],40,Bt))}}),Ht=[`aria-orientation`],Ut=(0,t.defineComponent)({__name:`TabsList`,props:{orientation:{default:`horizontal`},selectionFollowsFocus:{type:Boolean}},setup(e){let n=e,{orientation:r}=(0,t.toRefs)(n),i=(0,t.useTemplateRef)(`element`),{getElements:a}=W(`tabs-list`,i),{onKeyDown:o}=N(r,a);return(0,t.provide)(It,{selectionFollowsFocus:(0,t.computed)(()=>!!n.selectionFollowsFocus),onKeyDown:o}),(e,n)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{ref_key:`element`,ref:i,"aria-orientation":(0,t.unref)(r),role:`tablist`},[(0,t.renderSlot)(e.$slots,`default`)],8,Ht))}}),Wt=[`id`,`aria-labelledby`],Gt=(0,t.defineComponent)({__name:`TabsPanel`,props:{value:{},id:{default:e=>`${(0,t.useId)()}-${e.value}-panel`}},setup(e){let n=e,{selectedPanel:r,ids:i}=U($);K(i,`${n.value}-panel`,()=>n.id);let a=(0,t.computed)(()=>r.value===n.value);return(r,o)=>a.value?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{key:0,id:e.id,ref:`button`,"aria-labelledby":(0,t.unref)(i).get(`${n.value}-button`),tabindex:`-1`,role:`tabpanel`},[(0,t.renderSlot)(r.$slots,`default`)],8,Wt)):(0,t.createCommentVNode)(``,!0)}});e.GridKey=M,e.PeachyButton=J,e.PeachyCalendarTable=Xe,e.PeachyCalendarTableCell=Ze,e.PeachyCalendarTableCellButton=$e,e.PeachyCopyButton=nt,e.PeachyDisclosure=it,e.PeachyDisclosureButton=at,e.PeachyDisclosurePanel=ut,e.PeachyDownloadLink=ft,e.PeachyFieldDescription=mt,e.PeachyFieldError=gt,e.PeachyFieldLabel=xt,e.PeachyGridTable=St,e.PeachyGridTableCell=Tt,e.PeachyGridTableHeadingCell=Et,e.PeachyGridTableRow=Dt,e.PeachySeparator=kt,e.PeachySwitchButton=Ft,e.PeachySwitchField=Mt,e.PeachySwitchStateLabel=Pt,e.PeachyTable=Y,e.PeachyTableBody=We,e.PeachyTableCell=X,e.PeachyTableHead=Ge,e.PeachyTableHeadingCell=qe,e.PeachyTableRow=Je,e.PeachyTabs=Lt,e.PeachyTabsActionButton=zt,e.PeachyTabsButton=Vt,e.PeachyTabsList=Ut,e.PeachyTabsPanel=Gt,e.PeachyToolbar=He,e.PeachyVisuallyHidden=tt,e.RovingTabindexKey=be,e.ToolbarKey=q,e.Weekday=T,e.formatDate=re,e.getDate=ie,e.getDaysOfCalendarMonth=x,e.getDaysOfMonth=le,e.getFirstDayOfMonth=h,e.getFirstDayOfWeek=m,e.getFirstDayOfYear=te,e.getLastDayOfMonth=g,e.getLastDayOfTheWeek=ee,e.getLastDayOfYear=ne,e.getMonth=y,e.getMonths=ce,e.getNameOfMonth=se,e.getNextDay=o,e.getNextMonth=u,e.getNextWeek=c,e.getNextYear=f,e.getPreviousDay=s,e.getPreviousMonth=d,e.getPreviousWeek=l,e.getPreviousYear=p,e.getWeekNumber=v,e.getWeekdays=oe,e.getYear=b,e.isDateInRange=fe,e.isDateTimeInRange=de,e.isDisabledElement=D,e.isFocusedHtmlElement=me,e.isFocusedRovingTabindexElement=he,e.isHtmlElement=pe,e.isNullish=E,e.isPrintableCharacter=ge,e.isRepeatingCharacter=O,e.isSameDate=w,e.isTypeaheadCharacter=_e,e.provideElement=G,e.removeTimezoneOffset=_,e.shareDynamicIds=ze,e.shareId=Le,e.sortRange=C,e.splitDaysIntoWeeks=S,e.startsWith=k,e.useBemClass=B,e.useCalendar=Ie,e.useCalendarGrid=A,e.useContext=U,e.useContextProvider=V,e.useElements=W,e.useGlobalBemClass=Fe,e.useGrid=ye,e.useNavigableElements=ve,e.useOptionalContext=H,e.useRovingTabindex=N,e.useSharedDynamicIds=K,e.useSharedId=Re,e.useSingleTabStop=j,e.useThemeSettingsStore=Be,e.useTypeahead=Ee,e.vAriaLabelledby=st,e.vHidden=lt});

package/package.json

@@ -1,7 +1,12 @@
 {
   "name": "@typeach/core",
-  "version": "0.0.5",
-  "description": "Component library for Vue.",
+  "version": "0.0.7",
+  "description": "An unstyled component library for Vue.",
+  "keywords": [
+    "accessibility",
+    "components",
+    "vue"
+  ],
   "homepage": "https://sq11y.github.io/typeach/",
   "license": "MIT",
   "repository": {