@typeach/core 0.0.0 → 0.0.5

package/dist/typeach.js

@@ -1,11 +1,11 @@
-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, mergeProps as ee, onBeforeUnmount as l, onMounted as u, openBlock as d, provide as f, ref as p, renderSlot as m, resolveDynamicComponent as h, unref as g, useId as _, useModel as v, useTemplateRef as y, watch as b, watchEffect as te, withCtx as x } from "vue";
-import { defineStore as S } from "pinia";
+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 C = [
+var ae = [
 	"aria-disabled",
 	"disabled",
 	"type"
-], w = /* @__PURE__ */ o({
+], S = /* @__PURE__ */ o({
 	__name: "Button",
 	props: {
 		type: { default: "button" },
@@ -19,20 +19,20 @@ var C = [
 		let n = e, r = t, a = (e) => {
 			n.disabled || r("click", e);
 		};
-		return (t, n) => (d(), i("button", {
+		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
-		}, [m(t.$slots, "default")], 8, C));
+		}, [h(t.$slots, "default")], 8, ae));
 	}
-}), T = "\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", E = /* @__PURE__ */ o({
+}), 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) => (d(), i("div", { style: T }, [m(e.$slots, "default")]));
+		return (e, t) => (f(), i("div", { style: C }, [h(e.$slots, "default")]));
 	}
-}), D = /* @__PURE__ */ o({
+}), T = /* @__PURE__ */ o({
 	__name: "CopyButton",
 	props: {
 		content: {},
@@ -40,36 +40,36 @@ var C = [
 	},
 	emits: ["copy"],
 	setup(n) {
-		let o = p(!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) => {
+		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) => (d(), i(e, null, [a(g(E), { "aria-live": "polite" }, {
-			default: x(() => [o.value ? m(t.$slots, "default", {
+		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(g(w), ee(t.$attrs, { onClick: l }), {
-			default: x(() => [m(t.$slots, "default", { isCopying: o.value })]),
+		}), a(_(S), u(t.$attrs, { onClick: l }), {
+			default: x(() => [h(t.$slots, "default", { isCopying: o.value })]),
 			_: 3
 		}, 16)], 64));
 	}
-}), O = /([\p{Ll}\d])(\p{Lu})/gu, ne = /(\p{Lu})([\p{Lu}][\p{Ll}])/gu, re = /(\d)\p{Ll}|(\p{L})\d/u, ie = /[^\p{L}\d]+/giu, k = "$1\0$2", A = "";
-function j(e) {
+}), 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) {
 	let t = e.trim();
-	t = t.replace(O, k).replace(ne, k), t = t.replace(ie, "\0");
+	t = t.replace(E, A).replace(D, A), t = t.replace(k, "\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 M(e) {
-	let t = j(e);
+function oe(e) {
+	let t = M(e);
 	for (let e = 0; e < t.length; e++) {
-		let n = t[e], r = re.exec(n);
+		let n = t[e], r = O.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 +77,21 @@ function M(e) {
 	}
 	return t;
 }
-function N(e, t) {
-	let [n, r, i] = I(e, t);
-	return n + r.map(F(t?.locale)).join(t?.delimiter ?? " ") + i;
+function se(e, t) {
+	let [n, r, i] = le(e, t);
+	return n + r.map(ce(t?.locale)).join(t?.delimiter ?? " ") + i;
 }
-function P(e, t) {
-	return N(e, {
+function N(e, t) {
+	return se(e, {
 		delimiter: "-",
 		...t
 	});
 }
-function F(e) {
+function ce(e) {
 	return e === !1 ? (e) => e.toLowerCase() : (t) => t.toLocaleLowerCase(e);
 }
-function I(e, t = {}) {
-	let n = t.split ?? (t.separateNumbers ? M : j), r = t.prefixCharacters ?? A, i = t.suffixCharacters ?? A, a = 0, o = e.length;
+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;
 	for (; a < e.length;) {
 		let t = e.charAt(a);
 		if (!r.includes(t)) break;
@@ -110,112 +110,258 @@ function I(e, t = {}) {
 }
 //#endregion
 //#region src/hooks/useBemClass.ts
-var L = (e, t) => {
+var P = (e, t) => {
 	let n = t ? `${t}-${e}` : e;
 	return (...e) => {
-		let t = [n, ...e].filter((e) => typeof e == "string").map((e) => P(e)).join("__"), r = { [t]: !0 };
+		let t = [n, ...e].filter((e) => typeof e == "string").map((e) => N(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}--${P(e)}-${i}`] = !0), typeof i == "boolean" && (r[`${t}--${P(e)}`] = i);
+			typeof i == "string" && (r[`${t}--${i}`] = !0), typeof i == "number" && (r[`${t}--${N(e)}-${i}`] = !0), typeof i == "boolean" && (r[`${t}--${N(e)}`] = i);
 		}
 		return r;
 	};
-}, R = (e) => (t) => L(t, e), z = (e, t) => (f(e, t), t), B = (e) => s(e, { missingContext: !0 }), V = (e) => s(e), H = (e) => e == null, U = (e) => {
+}, 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" || !H(t) && t !== "";
-}, W = (e, n) => {
-	let r = p(/* @__PURE__ */ new Map()), i = n ? {
+	return e.hasAttribute("disabled") || e.getAttribute("aria-disabled") === "true" || !z(t) && t !== "";
+}, V = (e, n) => {
+	let r = m(/* @__PURE__ */ new Map()), i = n ? {
 		items: r,
 		parent: n
 	} : s(`${e}-elements`, {
 		items: r,
-		parent: p()
+		parent: m()
 	});
-	return n && f(`${e}-elements`, i), {
+	return n && p(`${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 || !U(e));
+			return Array.from(i.items.value.values()).sort((e, t) => r.indexOf(e) - r.indexOf(t)).filter((e) => t || !B(e));
 		},
 		elements: t(() => Array.from(i.items.value.values()))
 	};
-}, G = (e, t, n) => {
+}, H = (e, t, n) => {
 	let r = s(`${e}-elements`, void 0);
-	te((e) => {
+	ne((e) => {
 		if (!t.value) return;
 		let i = c(t.value);
 		n?.value ? r?.items.value.delete(i) : r?.items.value.set(i, t.value), e(() => r?.items.value.delete(i));
-	}), u(() => {
+	}), d(() => {
 		t.value?.setAttribute(`data-elements-${e}`, "true");
-	}), l(() => {
+	}), ee(() => {
 		t.value?.removeAttribute(`data-elements-${e}`);
 	});
 };
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
-function K(e, t, n) {
-	return b(e, t, {
+function U(e, t, n) {
+	return te(e, t, {
 		...n,
 		immediate: !0
 	});
 }
 //#endregion
-//#region src/hooks/useThemeSettingsStore.ts
-var q = S("theme-settings", () => {
-	let e = p(1), t = p(!0), n = (e, t) => {
+//#region src/hooks/useId.ts
+var W = (e) => {
+	let n = m();
+	return t({
+		set(e) {
+			n.value = e;
+		},
+		get() {
+			return n.value ?? e;
+		}
+	});
+}, G = (e, t) => {
+	U(t, (t) => {
+		e.value = t;
+	});
+}, ue = () => {
+	let e = m(/* @__PURE__ */ new Map());
+	return {
+		set(t, n) {
+			n ? e.value.set(t, n) : e.value.delete(t);
+		},
+		get(t) {
+			return e.value.get(t);
+		}
+	};
+}, de = (e, t, n) => {
+	U(n, (n) => {
+		e.set(t, n);
+	});
+}, fe = ie("theme-settings", () => {
+	let e = m(1), t = m(!0), n = (e, t) => {
 		document.documentElement.style.setProperty(`--${e}`, t);
 	};
-	return K(e, (e) => {
+	return U(e, (e) => {
 		document.documentElement.style.setProperty("saturation", `${e}`);
-	}), K(t, (e) => {
+	}), U(t, (e) => {
 		n("code-white-space", e ? "pre-wrap" : "pre");
 	}), {
 		saturation: e,
 		wrapCode: t
 	};
-}), J = ["id"], Y = /* @__PURE__ */ o({
+}), K = Symbol("disclosure"), pe = { key: 0 }, q = /* @__PURE__ */ o({
+	__name: "Disclosure",
+	props: /*@__PURE__*/ l({
+		render: { type: Boolean },
+		disabled: { type: Boolean },
+		popover: { type: Boolean }
+	}, {
+		modelValue: {
+			type: Boolean,
+			default: !1
+		},
+		modelModifiers: {}
+	}),
+	emits: ["update:modelValue"],
+	setup(e) {
+		let n = y(e, "modelValue"), r = e;
+		return p(K, {
+			panelId: W(v()),
+			disabled: t(() => !!r.disabled),
+			popover: t(() => !!r.popover),
+			open: t({
+				get() {
+					return r.disabled ? !0 : n.value;
+				},
+				set(e) {
+					n.value = e;
+				}
+			})
+		}), (t, n) => e.render ? (f(), i("div", pe, [h(t.$slots, "default")])) : h(t.$slots, "default", { key: 1 });
+	}
+}), me = /* @__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 ? {
+			command: "toggle-popover",
+			commandfor: i.value
+		} : { onClick() {
+			a.value = !a.value;
+		} });
+		return (t, s) => _(o) ? r("", !0) : (f(), n(_(S), u({
+			key: 0,
+			"aria-expanded": _(a),
+			"aria-controls": _(i),
+			disabled: e.disabled
+		}, c.value), {
+			default: x(() => [h(t.$slots, "default")]),
+			_: 3
+		}, 16, [
+			"aria-expanded",
+			"aria-controls",
+			"disabled"
+		]));
+	}
+}), he = m(0), ge = {
+	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));
+	},
+	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());
+		}
+	},
+	beforeUnmount(e) {
+		let t = e.getAttribute("data-labelledby-id");
+		t && (e.removeAttribute("aria-labelledby"), document.getElementById(t)?.remove());
+	}
+}, J = (e, t) => {
+	let n = document.createElement("span");
+	return n.innerText = e, n.id = `${t}`, n.hidden = !0, document.documentElement.appendChild(n), n;
+}, Y = {
+	beforeMount(e, { value: t }, { transition: n }) {
+		n && t === !1 ? n.beforeEnter(e) : X(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));
+	},
+	beforeUnmount(e, { value: t }) {
+		X(e, t);
+	}
+}, X = (e, t) => {
+	t ? e.setAttribute("hidden", `${t}`) : e.removeAttribute("hidden");
+}, _e = /* @__PURE__ */ o({
+	__name: "DisclosurePanel",
+	props: {
+		hideFromSearch: { type: Boolean },
+		as: { default: "div" },
+		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;
+		};
+		return (t, r) => re((f(), n(g(e.as), {
+			id: _(i),
+			ref_key: "element",
+			ref: c,
+			popover: _(a) || !_(o) ? void 0 : "auto",
+			onBeforematch: r[0] ||= (e) => s.value = !0,
+			onToggle: u
+		}, {
+			default: x(() => [h(t.$slots, "default")]),
+			_: 3
+		}, 40, ["id", "popover"])), [[_(Y), l.value]]);
+	}
+}), ve = ["id"], ye = /* @__PURE__ */ o({
 	__name: "FieldDescription",
 	setup(e) {
-		let t = _(), n = y("element");
-		return G("field-description", n), (e, r) => (d(), i("div", {
-			id: g(t),
+		let t = v(), n = b("element");
+		return H("field-description", n), (e, r) => (f(), i("div", {
+			id: _(t),
 			ref_key: "element",
 			ref: n
-		}, [m(e.$slots, "default")], 8, J));
+		}, [h(e.$slots, "default")], 8, ve));
 	}
-}), ae = ["id"], oe = /* @__PURE__ */ o({
+}), be = ["id"], xe = /* @__PURE__ */ o({
 	__name: "FieldError",
 	setup(e) {
-		let t = _(), n = y("element");
-		return G("field-error", n), (e, r) => (d(), i("div", {
-			id: g(t),
+		let t = v(), n = b("element");
+		return H("field-error", n), (e, r) => (f(), i("div", {
+			id: _(t),
 			ref_key: "element",
 			ref: n
-		}, [m(e.$slots, "default")], 8, ae));
+		}, [h(e.$slots, "default")], 8, be));
 	}
-}), X = Symbol("field"), se = (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 b(r, (e) => {
-		console.log(e);
-	}, { immediate: !0 }), z(X, {
+}), 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, {
 		id: e,
 		hasErrors: t(() => r.value.length > 0),
 		errorIds: t(() => a(r.value)),
 		descriptionIds: t(() => a(i.value))
 	});
-}, Z = () => V(X), ce = ["id", "for"], le = /* @__PURE__ */ o({
+}, Q = () => R(Z), Ce = ["id", "for"], we = /* @__PURE__ */ o({
 	__name: "FieldLabel",
 	setup(e) {
-		let { id: t } = Z(), n = () => {
+		let { id: t } = Q(), n = () => {
 			document.getElementById(t)?.focus();
 		};
-		return (e, r) => (d(), i("label", {
-			id: `${g(t)}-label`,
-			for: g(t),
+		return (e, r) => (f(), i("label", {
+			id: `${_(t)}-label`,
+			for: _(t),
 			onClick: n
-		}, [m(e.$slots, "default")], 8, ce));
+		}, [h(e.$slots, "default")], 8, Ce));
+	}
+}), Te = ["aria-orientation"], Ee = /* @__PURE__ */ o({
+	__name: "Separator",
+	props: { orientation: { default: "horizontal" } },
+	setup(e) {
+		return (t, n) => (f(), i("hr", { "aria-orientation": e.orientation }, null, 8, Te));
 	}
-}), Q = Symbol("Switch-field"), ue = () => V(Q), de = /* @__PURE__ */ o({
+}), $ = Symbol("Switch-field"), De = () => R($), Oe = /* @__PURE__ */ o({
 	__name: "SwitchField",
 	props: {
 		modelValue: {
@@ -226,81 +372,81 @@ var q = S("theme-settings", () => {
 	},
 	emits: ["update:modelValue"],
 	setup(e) {
-		let t = v(e, "modelValue"), n = _(), r = y("element");
-		return se(n, r), f(Q, {
+		let t = y(e, "modelValue"), n = v(), r = b("element");
+		return Se(n, r), p($, {
 			id: n,
 			modelValue: t
-		}), (e, t) => (d(), i("div", {
+		}), (e, t) => (f(), i("div", {
 			ref_key: "element",
 			ref: r
-		}, [m(e.$slots, "default")], 512));
+		}, [h(e.$slots, "default")], 512));
 	}
-}), fe = { "aria-hidden": "true" }, pe = /* @__PURE__ */ o({
+}), ke = { "aria-hidden": "true" }, Ae = /* @__PURE__ */ o({
 	__name: "SwitchFieldStateLabel",
 	setup(e) {
-		return (e, t) => (d(), i("div", fe, [m(e.$slots, "default")]));
+		return (e, t) => (f(), i("div", ke, [h(e.$slots, "default")]));
 	}
-}), $ = [
+}), je = [
 	"id",
 	"aria-checked",
 	"aria-describedby",
 	"aria-invalid",
 	"aria-labelledby",
 	"aria-disabled"
-], me = /* @__PURE__ */ o({
+], Me = /* @__PURE__ */ o({
 	__name: "SwitchFieldSwitchButton",
 	props: { disabled: { type: Boolean } },
 	setup(e) {
-		let t = e, { modelValue: n } = ue(), { id: r, hasErrors: a, errorIds: o, descriptionIds: s } = Z(), c = () => {
+		let t = e, { modelValue: n } = De(), { id: r, hasErrors: a, errorIds: o, descriptionIds: s } = Q(), c = () => {
 			t.disabled || (n.value = !n.value);
 		};
-		return (t, ee) => (d(), i("button", {
-			id: g(r),
-			"aria-checked": g(n),
-			"aria-describedby": [g(o), g(s)].flat().join(" ") || void 0,
-			"aria-invalid": g(a) ? !0 : void 0,
-			"aria-labelledby": `${g(r)}-label`,
+		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,
 			role: "switch",
 			type: "button",
 			onClick: c
-		}, [m(t.$slots, "default")], 8, $));
+		}, [h(t.$slots, "default")], 8, je));
 	}
-}), he = /* @__PURE__ */ o({
+}), Ne = /* @__PURE__ */ o({
 	__name: "Table",
 	setup(e) {
-		return (e, t) => (d(), i("table", null, [m(e.$slots, "default")]));
+		return (e, t) => (f(), i("table", null, [h(e.$slots, "default")]));
 	}
-}), ge = /* @__PURE__ */ o({
+}), Pe = /* @__PURE__ */ o({
 	__name: "TableBody",
 	setup(e) {
-		return (e, t) => (d(), i("tbody", null, [m(e.$slots, "default")]));
+		return (e, t) => (f(), i("tbody", null, [h(e.$slots, "default")]));
 	}
-}), _e = /* @__PURE__ */ o({
+}), Fe = /* @__PURE__ */ o({
 	__name: "TableCell",
 	props: { heading: { type: Boolean } },
 	setup(e) {
-		return (t, r) => (d(), n(h(e.heading ? "th" : "td"), { scope: e.heading ? "row" : void 0 }, {
-			default: x(() => [m(t.$slots, "default")]),
+		return (t, r) => (f(), n(g(e.heading ? "th" : "td"), { scope: e.heading ? "row" : void 0 }, {
+			default: x(() => [h(t.$slots, "default")]),
 			_: 3
 		}, 8, ["scope"]));
 	}
-}), ve = /* @__PURE__ */ o({
+}), Ie = /* @__PURE__ */ o({
 	__name: "TableHead",
 	setup(e) {
-		return (e, t) => (d(), i("thead", null, [m(e.$slots, "default")]));
+		return (e, t) => (f(), i("thead", null, [h(e.$slots, "default")]));
 	}
-}), ye = ["aria-sort"], be = /* @__PURE__ */ o({
+}), Le = ["aria-sort"], Re = /* @__PURE__ */ o({
 	__name: "TableHeadingCell",
 	props: { sorted: {} },
 	setup(e) {
-		return (t, n) => (d(), i("th", { "aria-sort": e.sorted }, [m(t.$slots, "default")], 8, ye));
+		return (t, n) => (f(), i("th", { "aria-sort": e.sorted }, [h(t.$slots, "default")], 8, Le));
 	}
-}), xe = /* @__PURE__ */ o({
+}), ze = /* @__PURE__ */ o({
 	__name: "TableRow",
 	setup(e) {
-		return (e, t) => (d(), i("tr", null, [m(e.$slots, "default")]));
+		return (e, t) => (f(), i("tr", null, [h(e.$slots, "default")]));
 	}
 });
 //#endregion
-export { w as PeachyButton, D as PeachyCopyButton, Y as PeachyFieldDescription, oe as PeachyFieldError, le as PeachyFieldLabel, me as PeachySwitchButton, de as PeachySwitchField, pe as PeachySwitchStateLabel, he as PeachyTable, ge as PeachyTableBody, _e as PeachyTableCell, ve as PeachyTableHead, be as PeachyTableHeadingCell, xe as PeachyTableRow, E as PeachyVisuallyHidden, G as provideElement, L as useBemClass, V as useContext, z as useContextProvider, W as useElements, R as useGlobalBemClass, B as useOptionalContext, q as useThemeSettingsStore };
+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 };

package/dist/typeach.umd.cjs

@@ -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 h(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 g(e,t){let[n,r,i]=y(e,t);return n+r.map(v(t?.locale)).join(t?.delimiter??` `)+i}function _(e,t){return g(e,{delimiter:`-`,...t})}function v(e){return e===!1?e=>e.toLowerCase():t=>t.toLocaleLowerCase(e)}function y(e,t={}){let n=t.split??(t.separateNumbers?h: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 b=(e,t)=>{let n=t?`${t}-${e}`:e;return(...e)=>{let t=[n,...e].filter(e=>typeof e==`string`).map(e=>_(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}--${_(e)}-${i}`]=!0),typeof i==`boolean`&&(r[`${t}--${_(e)}`]=i)}return r}},x=e=>t=>b(t,e),S=(e,n)=>((0,t.provide)(e,n),n),C=e=>(0,t.inject)(e,{missingContext:!0}),w=e=>(0,t.inject)(e),T=e=>e==null,E=e=>{let{disabled:t}=e.dataset;return e.hasAttribute(`disabled`)||e.getAttribute(`aria-disabled`)===`true`||!T(t)&&t!==``},D=(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||!E(e))},elements:(0,t.computed)(()=>Array.from(i.items.value.values()))}},O=(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 k(e,n,r){return(0,t.watch)(e,n,{...r,immediate:!0})}var A=(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 k(e,e=>{document.documentElement.style.setProperty(`saturation`,`${e}`)}),k(n,e=>{r(`code-white-space`,e?`pre-wrap`:`pre`)}),{saturation:e,wrapCode:n}}),j=[`id`],M=(0,t.defineComponent)({__name:`FieldDescription`,setup(e){let n=(0,t.useId)(),r=(0,t.useTemplateRef)(`element`);return O(`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,j))}}),N=[`id`],P=(0,t.defineComponent)({__name:`FieldError`,setup(e){let n=(0,t.useId)(),r=(0,t.useTemplateRef)(`element`);return O(`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,N))}}),F=Symbol(`field`),I=(e,n)=>{let{elements:r}=D(`field-error`,n),{elements:i}=D(`field-description`,n),a=e=>e.filter(e=>e.id).map(e=>e.id);return(0,t.watch)(r,e=>{console.log(e)},{immediate:!0}),S(F,{id:e,hasErrors:(0,t.computed)(()=>r.value.length>0),errorIds:(0,t.computed)(()=>a(r.value)),descriptionIds:(0,t.computed)(()=>a(i.value))})},L=()=>w(F),R=[`id`,`for`],z=(0,t.defineComponent)({__name:`FieldLabel`,setup(e){let{id:n}=L(),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,R))}}),B=Symbol(`Switch-field`),V=()=>w(B),H=(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 I(r,i),(0,t.provide)(B,{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))}}),U={"aria-hidden":`true`},W=(0,t.defineComponent)({__name:`SwitchFieldStateLabel`,setup(e){return(e,n)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,U,[(0,t.renderSlot)(e.$slots,`default`)]))}}),G=[`id`,`aria-checked`,`aria-describedby`,`aria-invalid`,`aria-labelledby`,`aria-disabled`],K=(0,t.defineComponent)({__name:`SwitchFieldSwitchButton`,props:{disabled:{type:Boolean}},setup(e){let n=e,{modelValue:r}=V(),{id:i,hasErrors:a,errorIds:o,descriptionIds:s}=L(),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,G))}}),q=(0,t.defineComponent)({__name:`Table`,setup(e){return(e,n)=>((0,t.openBlock)(),(0,t.createElementBlock)(`table`,null,[(0,t.renderSlot)(e.$slots,`default`)]))}}),J=(0,t.defineComponent)({__name:`TableBody`,setup(e){return(e,n)=>((0,t.openBlock)(),(0,t.createElementBlock)(`tbody`,null,[(0,t.renderSlot)(e.$slots,`default`)]))}}),Y=(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`]))}}),X=(0,t.defineComponent)({__name:`TableHead`,setup(e){return(e,n)=>((0,t.openBlock)(),(0,t.createElementBlock)(`thead`,null,[(0,t.renderSlot)(e.$slots,`default`)]))}}),Z=[`aria-sort`],Q=(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,Z))}}),$=(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.PeachyFieldDescription=M,e.PeachyFieldError=P,e.PeachyFieldLabel=z,e.PeachySwitchButton=K,e.PeachySwitchField=H,e.PeachySwitchStateLabel=W,e.PeachyTable=q,e.PeachyTableBody=J,e.PeachyTableCell=Y,e.PeachyTableHead=X,e.PeachyTableHeadingCell=Q,e.PeachyTableRow=$,e.PeachyVisuallyHidden=o,e.provideElement=O,e.useBemClass=b,e.useContext=w,e.useContextProvider=S,e.useElements=D,e.useGlobalBemClass=x,e.useOptionalContext=C,e.useThemeSettingsStore=A});
+`,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});

package/package.json

@@ -1,7 +1,8 @@
 {
   "name": "@typeach/core",
-  "version": "0.0.0",
+  "version": "0.0.5",
   "description": "Component library for Vue.",
+  "homepage": "https://sq11y.github.io/typeach/",
   "license": "MIT",
   "repository": {
     "type": "git",
@@ -50,6 +51,7 @@
     "dev": "playwright test -c playwright-ct.config.ts --ui && rimraf .tmp",
     "build": "run-p type-check \"build-only {@}\" --",
     "build-only": "vp build",
-    "type-check": "vue-tsc --build"
+    "type-check": "vue-tsc --build",
+    "test": "playwright test -c playwright-ct.config.ts"
   }
 }