@glimstone/vue 4.1.0 → 4.1.2

package/dist/index.js

@@ -1,14 +1,10 @@
 import { n as e, r as t, t as n } from "./TipWrap-rNAEgvb0.js";
-import { a as r, c as i, d as a, f as o, i as s, l as c, m as l, n as u, o as d, p as f, r as p, s as m, t as h, u as g } from "./glyphs-Cgknt-k1.js";
-import { Fragment as _, Teleport as v, computed as y, createBlock as b, createCommentVNode as x, createElementBlock as S, createElementVNode as C, createSlots as w, createTextVNode as T, createVNode as E, defineComponent as D, h as ee, mergeModels as O, mergeProps as k, normalizeClass as A, normalizeStyle as j, onBeforeUnmount as te, onMounted as M, onScopeDispose as N, onUnmounted as ne, openBlock as P, ref as F, renderList as I, renderSlot as L, resolveDynamicComponent as R, shallowRef as z, toDisplayString as B, unref as V, useAttrs as re, useId as ie, useModel as H, useSlots as ae, vModelDynamic as oe, watch as U, withCtx as W, withDirectives as se, withKeys as ce, withModifiers as G } from "vue";
-import { COLOR_NAMES_DE as le, COLOR_PICKER_TEXT as ue, COPIED_MS as de, DEFAULT_MOTION as fe, DEFAULT_SHAPE as pe, DESKTOP_QUERY as me, GLIMSTONE_VERSION as he, MARKS as ge, TOAST_MARKS as _e, WIDE_QUERY as ve, applyAccent as ye, applyMotion as be, applyRainbow as xe, applyShape as Se, attachNumberSteppers as Ce, badgeClassName as we, buttonView as Te, claimMenu as Ee, closeMenuOutside as De, colorPicker as Oe, copyText as ke, countSelector as Ae, floatColorPicker as je, focusFirstMenuRow as Me, focusMenuRow as Ne, focusedAsker as Pe, getLabelMode as Fe, hueVars as Ie, isMenuHead as K, keepReadmeFit as Le, labelModeChanged as Re, mailHref as ze, mediaMatches as Be, menuIsOpen as Ve, menuMove as He, menuRowView as Ue, meterView as We, nearestColorName as Ge, normalizeHex as Ke, offersMail as qe, openInBrowser as Je, pillClassName as Ye, placeMenu as Xe, placeSubmenu as Ze, progressView as Qe, rainbowState as $e, readmePartClass as et, readmeSoon as tt, readmeUnitClass as nt, returnFocus as rt, roveSelector as it, rovedIndex as at, runUpdateCheck as ot, segmentView as st, selectorAxis as ct, selectorFlex as lt, selectorTabId as ut, selectorTabId as dt, selectorView as ft, setLabelMode as pt, sidebarRowView as mt, stackWindow as ht, subscribeLabelMode as gt, subscribeMedia as _t, subscribeRainbow as vt, syncNumberSteppers as yt, takePageHue as bt, tidyMenu as xt, toggleSelection as St, trapDialogKeys as Ct, updateFace as wt, updateStage as Tt, versionLink as q, watchSelectorFit as Et, watchSelectorRows as Dt, windowFocusTarget as Ot, windowFoot as kt } from "@glimstone/core";
-// src/IconTipButton.vue?vue&type=script&setup=true&lang.ts
-var At = [
-	"type",
-	"disabled",
-	"aria-label",
-	"aria-describedby"
-], J = /* @__PURE__ */ D({
+import { a as r, c as i, d as a, f as o, h as s, i as c, l, m as u, n as d, o as f, p, r as m, s as h, t as g, u as _ } from "./glyphs-CYhs4mrY.js";
+import { n as v, r as y, t as ee } from "./fieldName-DBygJJfe.js";
+import { Fragment as b, Teleport as x, computed as S, createBlock as C, createCommentVNode as w, createElementBlock as T, createElementVNode as E, createSlots as D, createTextVNode as O, createVNode as k, defineComponent as A, h as te, inject as ne, mergeModels as j, mergeProps as M, normalizeClass as N, normalizeStyle as P, onBeforeUnmount as re, onMounted as F, onScopeDispose as I, onUnmounted as ie, openBlock as L, provide as ae, ref as R, renderList as z, renderSlot as B, resolveDynamicComponent as V, shallowReactive as oe, shallowRef as H, toDisplayString as U, unref as W, useAttrs as se, useId as ce, useModel as G, useSlots as le, vModelDynamic as ue, vModelText as de, watch as K, watchEffect as fe, withCtx as q, withDirectives as J, withKeys as pe, withModifiers as Y } from "vue";
+import { COLOR_NAMES_DE as me, COLOR_PICKER_TEXT as he, COPIED_MS as ge, DEFAULT_MOTION as _e, DEFAULT_SHAPE as ve, DESKTOP_QUERY as ye, GLIMSTONE_VERSION as be, MARKS as xe, PATH_ROOM_PX as Se, TOAST_MARKS as Ce, WIDE_QUERY as we, applyAccent as Te, applyMotion as Ee, applyRainbow as De, applyShape as Oe, attachNumberSteppers as ke, badgeClassName as Ae, buttonView as je, claimMenu as Me, closeMenuOutside as Ne, colorPicker as Pe, copyText as Fe, countSelector as Ie, fieldWidthClass as Le, floatColorPicker as Re, focusFirstMenuRow as ze, focusMenuRow as Be, focusTreeRow as Ve, focusedAsker as He, getLabelMode as Ue, hueVars as We, isMenuHead as Ge, keepReadmeFit as Ke, labelModeChanged as qe, mailHref as Je, mediaMatches as Ye, menuIsOpen as Xe, menuMove as Ze, menuRowView as Qe, meterView as $e, narrowerThan as et, nearestColorName as tt, normalizeHex as nt, offersMail as rt, openInBrowser as it, pillClassName as at, placeMenu as ot, placeSubmenu as st, pressRowControl as ct, progressView as lt, rainbowState as ut, readmePartClass as dt, readmeSoon as ft, readmeUnitClass as pt, returnFocus as mt, roveSelector as ht, rovedIndex as gt, runUpdateCheck as _t, segmentView as vt, selectorAxis as yt, selectorFlex as bt, selectorTabId as xt, selectorTabId as St, selectorView as Ct, setLabelMode as wt, sidebarRowView as Tt, softBreaks as Et, stackWindow as Dt, subscribeLabelMode as Ot, subscribeMedia as kt, subscribeRainbow as At, syncNumberSteppers as jt, tableCellClass as Mt, takePageHue as Nt, textFieldClass as Pt, tidyMenu as Ft, toggleSelection as It, trapDialogKeys as Lt, treeRows as Rt, treeStep as zt, updateFace as Bt, updateStage as Vt, versionLink as X, watchSelectorFit as Ht, watchSelectorRows as Ut, windowFocusTarget as Wt, windowFoot as Gt } from "@glimstone/core";
+// src/IconTipButton.vue
+var Kt = /* @__PURE__ */ A({
 	inheritAttrs: !1,
 	__name: "IconTipButton",
 	props: {
@@ -17,34 +13,49 @@ var At = [
 			type: Boolean,
 			default: !1
 		},
+		href: {},
 		type: { default: "button" }
 	},
 	setup(r) {
 		let i = r, a = t(() => i.tip, () => i.disabled);
-		return (t, i) => (P(), S(_, null, [E(V(n), {
+		return (t, i) => (L(), T(b, null, [k(W(n), {
 			on: r.disabled,
-			show: V(a).show,
-			hide: V(a).hide
+			show: W(a).show,
+			hide: W(a).hide
 		}, {
-			default: W(() => [C("button", k(t.$attrs, {
-				ref: (e) => V(a).trigger.value = e,
-				type: r.type,
-				disabled: r.disabled,
+			default: q(() => [(L(), C(V(r.href && !r.disabled ? "a" : "button"), M(t.$attrs, {
+				ref: (e) => W(a).trigger.value = e,
+				href: r.disabled ? void 0 : r.href,
+				type: r.href && !r.disabled ? void 0 : r.type,
+				disabled: r.href && !r.disabled ? void 0 : r.disabled,
 				"aria-label": r.tip,
-				"aria-describedby": V(a).describedBy.value,
-				onMouseenter: i[0] ||= (...e) => V(a).show && V(a).show(...e),
-				onMouseleave: i[1] ||= (...e) => V(a).hide && V(a).hide(...e),
-				onFocus: i[2] ||= (...e) => V(a).showOnFocus && V(a).showOnFocus(...e),
-				onBlur: i[3] ||= (...e) => V(a).hide && V(a).hide(...e)
-			}), [L(t.$slots, "default")], 16, At)]),
+				"aria-describedby": W(a).describedBy.value,
+				onMouseenter: W(a).show,
+				onMouseleave: W(a).hide,
+				onFocus: W(a).showOnFocus,
+				onBlur: W(a).hide
+			}), {
+				default: q(() => [B(t.$slots, "default")]),
+				_: 3
+			}, 16, [
+				"href",
+				"type",
+				"disabled",
+				"aria-label",
+				"aria-describedby",
+				"onMouseenter",
+				"onMouseleave",
+				"onFocus",
+				"onBlur"
+			]))]),
 			_: 3
 		}, 8, [
 			"on",
 			"show",
 			"hide"
-		]), E(e, { state: V(a) }, null, 8, ["state"])], 64));
+		]), k(e, { state: W(a) }, null, 8, ["state"])], 64));
 	}
-}), jt = ["disabled"], Y = /* @__PURE__ */ D({
+}), qt = ["disabled"], Jt = /* @__PURE__ */ A({
 	__name: "Badge",
 	props: {
 		tone: { default: "neutral" },
@@ -68,10 +79,10 @@ var At = [
 		}
 	},
 	setup(e) {
-		let t = e, n = y(() => t.hueIndex !== void 0 && (t.tone === "heading" || t.tone === "active")), r = y(() => [
+		let t = e, n = S(() => t.hueIndex !== void 0 && (t.tone === "heading" || t.tone === "active")), r = S(() => [
 			n.value && "glim-hue",
 			n.value && t.size === "heading" && "glim-notch-hue",
-			we({
+			Ae({
 				tone: t.tone,
 				size: t.size,
 				shape: t.shape,
@@ -81,112 +92,107 @@ var At = [
 				insetStart: t.insetStart,
 				action: t.as !== "span"
 			})
-		].filter(Boolean)), i = y(() => n.value ? Ie(t.hueIndex) : void 0);
-		return (t, n) => e.as === "button" && e.tip !== void 0 ? (P(), b(J, {
+		].filter(Boolean)), i = S(() => n.value ? We(t.hueIndex) : void 0);
+		return (t, n) => e.as === "button" && e.tip !== void 0 ? (L(), C(Kt, {
 			key: 0,
 			tip: e.tip,
 			disabled: e.disabled,
-			class: A(r.value),
-			style: j(i.value)
+			class: N(r.value),
+			style: P(i.value)
 		}, {
-			default: W(() => [L(t.$slots, "default")]),
+			default: q(() => [B(t.$slots, "default")]),
 			_: 3
 		}, 8, [
 			"tip",
 			"disabled",
 			"class",
 			"style"
-		])) : e.as === "button" ? (P(), S("button", {
+		])) : e.as === "button" ? (L(), T("button", {
 			key: 1,
 			type: "button",
 			disabled: e.disabled,
-			class: A(r.value),
-			style: j(i.value)
-		}, [L(t.$slots, "default")], 14, jt)) : e.as === "a" ? (P(), S("a", {
+			class: N(r.value),
+			style: P(i.value)
+		}, [B(t.$slots, "default")], 14, qt)) : e.as === "a" ? (L(), T("a", {
 			key: 2,
-			class: A(r.value),
-			style: j(i.value)
-		}, [L(t.$slots, "default")], 6)) : (P(), S("span", {
+			class: N(r.value),
+			style: P(i.value)
+		}, [B(t.$slots, "default")], 6)) : (L(), T("span", {
 			key: 3,
-			class: A(r.value),
-			style: j(i.value)
-		}, [L(t.$slots, "default")], 6));
+			class: N(r.value),
+			style: P(i.value)
+		}, [B(t.$slots, "default")], 6));
 	}
-}), Mt = ["innerHTML"], Nt = /* @__PURE__ */ D({
+}), Yt = ["innerHTML"], Xt = /* @__PURE__ */ A({
 	__name: "BrandMark",
 	props: { svg: {} },
 	setup(e) {
-		return (t, n) => (P(), S("span", {
+		return (t, n) => (L(), T("span", {
 			class: "glim-brand-svg",
 			"aria-hidden": "true",
 			innerHTML: e.svg
-		}, null, 8, Mt));
+		}, null, 8, Yt));
 	}
 });
 // src/engines.ts
-function X(e) {
-	let t = z(Fe(e));
-	return N(gt(() => t.value = Fe(e))), y({
+function Zt(e) {
+	let t = H(Ue(e));
+	return I(Ot(() => t.value = Ue(e))), S({
 		get: () => t.value,
 		set: (t) => {
-			pt(e, t), Re();
+			wt(e, t), qe();
 		}
 	});
 }
-function Pt() {
-	let e = z($e());
-	return N(vt(() => e.value = $e())), y({
+function Qt() {
+	let e = H(ut());
+	return I(At(() => e.value = ut())), S({
 		get: () => e.value,
-		set: (e) => xe(e)
+		set: (e) => De(e)
 	});
 }
-function Ft(e) {
-	return y(() => {
+function $t(e) {
+	return S(() => {
 		let t = e();
-		return t === void 0 ? void 0 : Ie(t);
+		return t === void 0 ? void 0 : We(t);
 	});
 }
-function It(e, t) {
-	let n = z(t()), r = new MutationObserver(() => n.value = t());
+function en(e, t) {
+	let n = H(t()), r = new MutationObserver(() => n.value = t());
 	return r.observe(document.documentElement, {
 		attributes: !0,
 		attributeFilter: [e]
-	}), N(() => r.disconnect()), n;
+	}), I(() => r.disconnect()), n;
 }
-function Lt() {
-	let e = It("data-shape", () => document.documentElement.getAttribute("data-shape") ?? pe);
-	return y({
+function tn() {
+	let e = en("data-shape", () => document.documentElement.getAttribute("data-shape") ?? ve);
+	return S({
 		get: () => e.value,
-		set: Se
+		set: Oe
 	});
 }
-function Rt() {
-	let e = It("data-motion", () => document.documentElement.getAttribute("data-motion") ?? fe);
-	return y({
+function nn() {
+	let e = en("data-motion", () => document.documentElement.getAttribute("data-motion") ?? _e);
+	return S({
 		get: () => e.value,
-		set: be
+		set: Ee
 	});
 }
-function zt() {
-	let e = It("style", () => document.documentElement.style.getPropertyValue("--accent"));
-	return y({
+function rn() {
+	let e = en("style", () => document.documentElement.style.getPropertyValue("--accent"));
+	return S({
 		get: () => e.value,
-		set: (e) => ye(e || void 0)
+		set: (e) => Te(e || void 0)
 	});
 }
 // src/Button.vue?vue&type=script&setup=true&lang.ts
-var Bt = [
-	"type",
-	"disabled",
-	"aria-busy",
-	"aria-describedby"
-], Vt = {
+var an = {
 	key: 0,
 	class: "glim-btn-glyph"
-}, Ht = {
+}, on = {
 	key: 0,
 	class: "glim-spinner"
-}, Z = /* @__PURE__ */ D({
+}, Z = /* @__PURE__ */ A({
 	inheritAttrs: !1,
 	__name: "Button",
 	props: {
@@ -199,6 +205,7 @@ var Bt = [
 			type: Boolean,
 			default: !1
 		},
+		href: {},
 		type: { default: "button" },
 		title: {},
 		hueIndex: {},
@@ -210,56 +217,86 @@ var Bt = [
 		keepLabel: {
 			type: Boolean,
 			default: !1
-		}
+		},
+		compact: { type: Boolean },
+		compactBelow: {},
+		size: {}
 	},
 	setup(r, { expose: i }) {
-		let a = r, o = X("buttons"), s = y(() => a.glyph ?? (a.labelKey ? f(a.labelKey) : void 0) ?? (a.variant === "chip" ? p : void 0)), c = y(() => Te({
+		let a = r, o = Zt("buttons"), s = H(!1);
+		fe((e) => {
+			if (a.compactBelow === void 0) return void (s.value = !1);
+			let t = et(a.compactBelow), n = () => s.value = Ye(t);
+			n(), e(kt(t, n));
+		});
+		let c = S(() => a.glyph ?? (a.labelKey ? u(a.labelKey) : void 0) ?? (a.variant === "chip" ? m : void 0)), l = S(() => je({
 			mode: o.value,
 			label: a.label,
-			hasGlyph: !!s.value || a.busy,
+			hasGlyph: !!c.value || a.busy,
 			tone: a.tone,
 			variant: a.variant,
 			disabled: a.disabled,
 			keepLabel: a.keepLabel,
+			compact: a.compact || s.value,
+			size: a.size,
 			title: a.title,
 			hueIndex: a.hueIndex,
 			stage: a.stage
-		})), l = t(() => c.value.tip, () => a.disabled), u = z(null);
-		function d(e) {
-			u.value = e, l.trigger.value = u.value;
+		})), d = S(() => !!a.href && !a.disabled), f = t(() => l.value.tip, () => a.disabled), p = H(null);
+		function h(e) {
+			p.value = e, f.trigger.value = p.value;
 		}
-		function m(e) {
-			c.value.pageHue && bt(e.currentTarget), l.show();
+		function g(e) {
+			l.value.pageHue && Nt(e.currentTarget), f.show();
 		}
-		function h(e) {
-			c.value.pageHue && bt(e.currentTarget), l.showOnFocus();
+		function _(e) {
+			l.value.pageHue && Nt(e.currentTarget), f.showOnFocus();
 		}
-		return i({ el: u }), (t, i) => (P(), S(_, null, [E(V(n), {
-			on: r.disabled && !!c.value.tip,
-			show: V(l).show,
-			hide: V(l).hide
+		return i({ el: p }), (t, i) => (L(), T(b, null, [k(W(n), {
+			on: r.disabled && !!l.value.tip,
+			show: W(f).show,
+			hide: W(f).hide
 		}, {
-			default: W(() => [C("button", k(t.$attrs, {
-				ref: d,
-				type: r.type,
-				disabled: r.disabled,
+			default: q(() => [(L(), C(V(d.value ? "a" : "button"), M(t.$attrs, {
+				ref: h,
+				href: d.value ? r.href : void 0,
+				type: d.value ? void 0 : r.type,
+				disabled: d.value ? void 0 : r.disabled,
 				"aria-busy": r.busy || void 0,
-				"aria-describedby": V(l).describedBy.value,
-				style: c.value.style,
-				class: c.value.className,
-				onMouseenter: m,
-				onMouseleave: i[0] ||= (...e) => V(l).hide && V(l).hide(...e),
-				onFocus: h,
-				onBlur: i[1] ||= (...e) => V(l).hide && V(l).hide(...e)
-			}), [c.value.showGlyph ? (P(), S("span", Vt, [r.busy ? (P(), S("span", Ht)) : (P(), b(R(s.value), { key: 1 }))])) : x("", !0), C("span", { class: A(c.value.labelClass) }, B(r.label), 3)], 16, Bt)]),
-			_: 1
+				"aria-describedby": W(f).describedBy.value,
+				style: l.value.style,
+				class: l.value.className,
+				onMouseenter: g,
+				onMouseleave: W(f).hide,
+				onFocus: _,
+				onBlur: W(f).hide
+			}), {
+				default: q(() => [
+					B(t.$slots, "before"),
+					l.value.showGlyph ? (L(), T("span", an, [r.busy ? (L(), T("span", on)) : (L(), C(V(c.value), { key: 1 }))])) : w("", !0),
+					E("span", { class: N(l.value.labelClass) }, U(r.label), 3),
+					B(t.$slots, "after")
+				]),
+				_: 3
+			}, 16, [
+				"href",
+				"type",
+				"disabled",
+				"aria-busy",
+				"aria-describedby",
+				"style",
+				"class",
+				"onMouseleave",
+				"onBlur"
+			]))]),
+			_: 3
 		}, 8, [
 			"on",
 			"show",
 			"hide"
-		]), E(e, { state: V(l) }, null, 8, ["state"])], 64));
+		]), k(e, { state: W(f) }, null, 8, ["state"])], 64));
 	}
-}), Ut = ["aria-label", "aria-describedby"], Q = /* @__PURE__ */ D({
+}), sn = ["aria-label", "aria-describedby"], Q = /* @__PURE__ */ A({
 	__name: "InfoBubble",
 	props: {
 		tip: {},
@@ -270,49 +307,49 @@ var Bt = [
 	},
 	setup(n) {
 		let r = n, i = t(() => r.tip);
-		return (t, r) => (P(), S(_, null, [C("span", {
-			ref: (e) => V(i).trigger.value = e,
+		return (t, r) => (L(), T(b, null, [E("span", {
+			ref: (e) => W(i).trigger.value = e,
 			"aria-label": n.tip,
-			"aria-describedby": V(i).describedBy.value,
+			"aria-describedby": W(i).describedBy.value,
 			tabindex: "0",
-			class: A(n.onAccent ? "glim-info-icon glim-info-icon--on-accent" : "glim-info-icon"),
-			onMouseenter: r[0] ||= (...e) => V(i).show && V(i).show(...e),
-			onMouseleave: r[1] ||= (...e) => V(i).hide && V(i).hide(...e),
-			onFocus: r[2] ||= (...e) => V(i).showOnFocus && V(i).showOnFocus(...e),
-			onBlur: r[3] ||= (...e) => V(i).hide && V(i).hide(...e),
-			onClick: r[4] ||= G(() => {}, ["prevent"])
-		}, [...r[5] ||= [C("svg", {
+			class: N(n.onAccent ? "glim-info-icon glim-info-icon--on-accent" : "glim-info-icon"),
+			onMouseenter: r[0] ||= (...e) => W(i).show && W(i).show(...e),
+			onMouseleave: r[1] ||= (...e) => W(i).hide && W(i).hide(...e),
+			onFocus: r[2] ||= (...e) => W(i).showOnFocus && W(i).showOnFocus(...e),
+			onBlur: r[3] ||= (...e) => W(i).hide && W(i).hide(...e),
+			onClick: r[4] ||= Y(() => {}, ["prevent"])
+		}, [...r[5] ||= [E("svg", {
 			viewBox: "0 0 16 16",
 			width: "15",
 			height: "15",
 			fill: "none",
 			"aria-hidden": "true"
 		}, [
-			C("circle", {
+			E("circle", {
 				cx: "8",
 				cy: "8",
 				r: "7",
 				stroke: "currentColor",
 				"stroke-width": "1.3"
 			}),
-			C("circle", {
+			E("circle", {
 				cx: "8",
 				cy: "4.6",
 				r: "0.9",
 				fill: "currentColor"
 			}),
-			C("path", {
+			E("path", {
 				d: "M8 7v4.4",
 				stroke: "currentColor",
 				"stroke-width": "1.3",
 				"stroke-linecap": "round"
 			})
-		], -1)]], 42, Ut), E(e, { state: V(i) }, null, 8, ["state"])], 64));
+		], -1)]], 42, sn), k(e, { state: W(i) }, null, 8, ["state"])], 64));
 	}
-}), Wt = {
+}), cn = {
 	key: 0,
 	class: "glim-panel-heading"
-}, Gt = /* @__PURE__ */ D({
+}, ln = /* @__PURE__ */ A({
 	__name: "Card",
 	props: {
 		title: {},
@@ -321,9 +358,9 @@ var Bt = [
 		nested: { type: Boolean }
 	},
 	setup(e) {
-		let t = e, n = y(() => t.hueIndex === void 0 ? void 0 : Ie(t.hueIndex));
-		return (t, r) => (P(), S("div", {
-			class: A([
+		let t = e, n = S(() => t.hueIndex === void 0 ? void 0 : We(t.hueIndex));
+		return (t, r) => (L(), T("div", {
+			class: N([
 				"glim-panel",
 				"glim-notch-card",
 				{
@@ -331,31 +368,31 @@ var Bt = [
 					"glim-hue": e.hueIndex !== void 0
 				}
 			]),
-			style: j(n.value)
-		}, [e.title || e.hint ? (P(), S("h2", Wt, [E(Y, {
+			style: P(n.value)
+		}, [e.title || e.hint || t.$slots.title ? (L(), T("h2", cn, [k(Jt, {
 			tone: "heading",
 			size: "heading",
 			wrap: "",
 			"hue-index": e.hueIndex
 		}, {
-			default: W(() => [T(B(e.title) + " ", 1), e.hint ? (P(), b(Q, {
+			default: q(() => [B(t.$slots, "title", {}, () => [O(U(e.title), 1)]), e.hint ? (L(), C(Q, {
 				key: 0,
 				tip: e.hint,
 				"on-accent": ""
-			}, null, 8, ["tip"])) : x("", !0)]),
-			_: 1
-		}, 8, ["hue-index"])])) : x("", !0), L(t.$slots, "default")], 6));
+			}, null, 8, ["tip"])) : w("", !0)]),
+			_: 3
+		}, 8, ["hue-index"])])) : w("", !0), B(t.$slots, "default")], 6));
 	}
-}), Kt = [
+}), un = [
 	"aria-checked",
 	"aria-label",
 	"disabled"
-], qt = {
+], dn = {
 	class: "glim-checkbox-box",
 	"aria-hidden": "true"
-}, Jt = { key: 0 }, Yt = /* @__PURE__ */ D({
+}, fn = { key: 0 }, pn = /* @__PURE__ */ A({
 	__name: "Checkbox",
-	props: /*@__PURE__*/ O({
+	props: /*@__PURE__*/ j({
 		label: {},
 		hideLabel: {
 			type: Boolean,
@@ -378,111 +415,111 @@ var Bt = [
 	}),
 	emits: ["update:modelValue"],
 	setup(e) {
-		let t = e, n = y(() => t.hideLabel || t.slim), r = H(e, "modelValue");
-		return (t, i) => (P(), S("button", {
+		let t = e, n = S(() => t.hideLabel || t.slim), r = G(e, "modelValue");
+		return (t, i) => (L(), T("button", {
 			type: "button",
 			role: "checkbox",
 			"aria-checked": r.value,
 			"aria-label": n.value ? e.label : void 0,
 			disabled: e.disabled,
-			class: A(["glim-checkbox", { "glim-checkbox--slim": e.slim }]),
+			class: N(["glim-checkbox", { "glim-checkbox--slim": e.slim }]),
 			onClick: i[0] ||= (e) => r.value = !r.value
-		}, [C("span", qt, [E(V(u))]), n.value ? x("", !0) : (P(), S("span", Jt, B(e.label), 1))], 10, Kt));
+		}, [E("span", dn, [k(W(d))]), n.value ? w("", !0) : (L(), T("span", fn, U(e.label), 1))], 10, un));
 	}
-}), Xt = { class: "glim-picker-foot" }, Zt = {
+}), mn = { class: "glim-picker-foot" }, hn = {
 	key: 0,
 	class: "glim-picker-name"
-}, Qt = ["value", "aria-label"], $t = { class: "glim-picker-actions" }, en = /* @__PURE__ */ D({
+}, gn = ["value", "aria-label"], _n = { class: "glim-picker-actions" }, vn = /* @__PURE__ */ A({
 	__name: "ColorPicker",
-	props: /*@__PURE__*/ O({
+	props: /*@__PURE__*/ j({
 		anchor: { default: null },
 		names: {
 			type: [Array, Boolean],
-			default: () => le
+			default: () => me
 		},
 		text: {}
 	}, {
 		modelValue: { required: !0 },
 		modelModifiers: {}
 	}),
-	emits: /*@__PURE__*/ O([
+	emits: /*@__PURE__*/ j([
 		"apply",
 		"input",
 		"close"
 	], ["update:modelValue"]),
 	setup(e, { emit: t }) {
-		let n = e, r = H(e, "modelValue"), i = t, a = {
-			...ue,
+		let n = e, r = G(e, "modelValue"), i = t, a = {
+			...he,
 			...n.text
-		}, o = z(null), s = z(null), c = F(Ke(r.value) ?? "#000000"), l = F(c.value), d = y(() => n.names === !1 ? null : Ge(c.value, n.names)), f = Oe(c.value, (e) => {
+		}, o = H(null), s = H(null), c = R(nt(r.value) ?? "#000000"), l = R(c.value), u = S(() => n.names === !1 ? null : tt(c.value, n.names)), f = Pe(c.value, (e) => {
 			c.value = e, l.value = e, i("input", e);
 		}, { text: a }), p;
-		M(() => {
-			s.value.appendChild(f.el), n.anchor && o.value && (p = je(o.value, n.anchor, () => i("close")), f.focus());
-		}), te(() => p?.()), U(r, (e) => {
-			let t = Ke(e);
+		F(() => {
+			s.value.appendChild(f.el), n.anchor && o.value && (p = Re(o.value, n.anchor, () => i("close")), f.focus());
+		}), re(() => p?.()), K(r, (e) => {
+			let t = nt(e);
 			t && (c.value = t, l.value = t, f.setValue(t));
 		});
 		function m(e) {
 			l.value = e.target.value;
-			let t = Ke(l.value);
+			let t = nt(l.value);
 			t && (c.value = t, f.setValue(t), i("input", t));
 		}
 		function h() {
-			r.value = c.value, i("apply", c.value, d.value), n.anchor && (n.anchor.focus(), i("close"));
+			r.value = c.value, i("apply", c.value, u.value), n.anchor && (n.anchor.focus(), i("close"));
 		}
 		function g(e) {
 			e.key === "Enter" && !(e.target instanceof HTMLButtonElement) && (e.preventDefault(), h());
 		}
-		return (t, n) => (P(), b(v, {
+		return (t, n) => (L(), C(x, {
 			to: "body",
 			disabled: !e.anchor
-		}, [C("div", {
+		}, [E("div", {
 			ref_key: "panel",
 			ref: o,
-			class: A(["glim-picker-panel", e.anchor && "glim-picker-panel--float"]),
-			style: j({ "--glim-picker-colour": c.value }),
+			class: N(["glim-picker-panel", e.anchor && "glim-picker-panel--float"]),
+			style: P({ "--glim-picker-colour": c.value }),
 			onKeydown: g
 		}, [
-			C("div", {
+			E("div", {
 				ref_key: "host",
 				ref: s,
 				style: { display: "contents" }
 			}, null, 512),
-			C("div", Xt, [
-				n[0] ||= C("span", {
+			E("div", mn, [
+				n[0] ||= E("span", {
 					class: "glim-picker-swatch",
 					"aria-hidden": "true"
 				}, null, -1),
-				d.value === null ? x("", !0) : (P(), S("span", Zt, B(d.value), 1)),
-				C("input", {
+				u.value === null ? w("", !0) : (L(), T("span", hn, U(u.value), 1)),
+				E("input", {
 					class: "glim-picker-hex",
 					value: l.value,
 					maxlength: "7",
 					spellcheck: "false",
 					"aria-label": a.hex,
 					onInput: m
-				}, null, 40, Qt)
+				}, null, 40, gn)
 			]),
-			C("div", $t, [E(Z, {
+			E("div", _n, [k(Z, {
 				label: a.apply,
 				"label-key": "apply",
-				glyph: V(u),
+				glyph: W(d),
 				tone: "accent",
 				onClick: h
 			}, null, 8, ["label", "glyph"])])
 		], 38)], 8, ["disabled"]));
 	}
-}), tn = { class: "glim-modal-head" }, nn = {
+}), yn = { class: "glim-modal-head" }, bn = {
 	id: "confirmdialog-title",
 	class: "glim-modal-title"
-}, rn = { class: "glim-modal-body" }, an = {
+}, xn = { class: "glim-modal-body" }, Sn = {
 	id: "confirmdialog-message",
 	class: "glim-modal-text"
-}, on = {
+}, Cn = {
 	key: 0,
 	class: "glim-modal-extra"
-}, sn = { class: "glim-modal-foot" }, cn = /* @__PURE__ */ D({
+}, wn = { class: "glim-modal-foot" }, Tn = /* @__PURE__ */ A({
 	__name: "ConfirmDialog",
 	props: {
 		title: {},
@@ -495,11 +532,11 @@ var Bt = [
 	},
 	emits: ["confirm", "cancel"],
 	setup(e, { expose: t, emit: n }) {
-		let r = n, i = z(null), a = z(null);
-		return M(() => a.value?.el?.focus()), t({ card: i }), (t, n) => (P(), S("div", {
+		let r = n, i = H(null), a = H(null);
+		return F(() => a.value?.el?.focus()), t({ card: i }), (t, n) => (L(), T("div", {
 			class: "glim-modal-backdrop",
-			onClick: n[3] ||= G((e) => r("cancel"), ["self"])
-		}, [C("div", {
+			onClick: n[3] ||= Y((e) => r("cancel"), ["self"])
+		}, [E("div", {
 			ref_key: "card",
 			ref: i,
 			role: "dialog",
@@ -508,30 +545,30 @@ var Bt = [
 			"aria-describedby": "confirmdialog-message",
 			class: "glim-modal-card"
 		}, [
-			C("div", tn, [C("h2", nn, [E(Y, {
+			E("div", yn, [E("h2", bn, [k(Jt, {
 				tone: "heading",
 				size: "heading",
 				wrap: ""
 			}, {
-				default: W(() => [T(B(e.title), 1)]),
+				default: q(() => [O(U(e.title), 1)]),
 				_: 1
-			})]), e.closeLabel === void 0 ? x("", !0) : (P(), b(Z, {
+			})]), e.closeLabel === void 0 ? w("", !0) : (L(), C(Z, {
 				key: 0,
 				label: e.closeLabel,
 				"label-key": "common.close",
-				glyph: V(p),
+				glyph: W(m),
 				class: "glim-modal-close",
 				onClick: n[0] ||= (e) => r("cancel")
 			}, null, 8, ["label", "glyph"]))]),
-			C("div", rn, [C("p", an, B(e.message), 1), t.$slots.extra ? (P(), S("div", on, [L(t.$slots, "extra")])) : x("", !0)]),
-			C("div", sn, [E(Z, {
+			E("div", xn, [E("p", Sn, U(e.message), 1), t.$slots.extra ? (L(), T("div", Cn, [B(t.$slots, "extra")])) : w("", !0)]),
+			E("div", wn, [k(Z, {
 				ref_key: "cancel",
 				ref: a,
 				label: e.cancelLabel,
 				"label-key": "common.cancel",
-				glyph: V(h),
+				glyph: W(g),
 				onClick: n[1] ||= (e) => r("cancel")
-			}, null, 8, ["label", "glyph"]), E(Z, {
+			}, null, 8, ["label", "glyph"]), k(Z, {
 				label: e.confirmLabel,
 				"label-key": e.confirmLabelKey ?? null,
 				glyph: e.confirmGlyph,
@@ -543,20 +580,20 @@ var Bt = [
 			])])
 		], 512)]));
 	}
-}), ln = { class: "glim-kbd" }, un = /* @__PURE__ */ D({
+}), En = { class: "glim-kbd" }, Dn = /* @__PURE__ */ A({
 	__name: "Kbd",
 	setup(e) {
-		return (e, t) => (P(), S("kbd", ln, [L(e.$slots, "default")]));
+		return (e, t) => (L(), T("kbd", En, [B(e.$slots, "default")]));
 	}
-}), dn = {
+}), On = {
 	key: 0,
 	class: "glim-menu-sep",
 	role: "separator"
-}, fn = {
+}, kn = {
 	key: 1,
 	class: "glim-menu-head",
 	role: "presentation"
-}, pn = [
+}, An = [
 	"role",
 	"aria-checked",
 	"aria-haspopup",
@@ -564,26 +601,26 @@ var Bt = [
 	"disabled",
 	"data-row",
 	"onClick"
-], mn = {
+], jn = {
 	key: 0,
 	class: "glim-checkbox-box",
 	"aria-hidden": "true"
-}, hn = {
+}, Mn = {
 	key: 2,
 	class: "glim-menu-glyph",
 	"aria-hidden": "true"
-}, gn = { class: "glim-menu-label" }, _n = {
+}, Nn = { class: "glim-menu-label" }, Pn = {
 	key: 3,
 	class: "glim-menu-end glim-menu-caret",
 	"aria-hidden": "true"
-}, vn = {
+}, Fn = {
 	key: 4,
 	class: "glim-menu-end glim-menu-tick",
 	"aria-hidden": "true"
-}, yn = {
+}, In = {
 	key: 6,
 	class: "glim-menu-end glim-menu-count glim-num"
-}, bn = /* @__PURE__ */ D({
+}, Ln = /* @__PURE__ */ A({
 	__name: "MenuRows",
 	props: {
 		entries: {},
@@ -591,30 +628,30 @@ var Bt = [
 	},
 	emits: ["pick"],
 	setup(e, { emit: t }) {
-		let n = e, a = t, o = y(() => n.entries.map((e) => e === "-" ? { kind: "sep" } : K(e) ? {
+		let n = e, i = t, a = S(() => n.entries.map((e) => e === "-" ? { kind: "sep" } : Ge(e) ? {
 			kind: "head",
 			head: e
 		} : {
 			kind: "item",
 			item: e,
-			view: Ue(e)
+			view: Qe(e)
 		}));
-		return (t, n) => (P(!0), S(_, null, I(o.value, (t, n) => (P(), S(_, { key: n }, [t.kind === "sep" ? (P(), S("div", dn)) : t.kind === "head" ? (P(), S("div", fn, [C("span", null, B(t.head.head), 1), t.head.edit ? (P(), b(J, {
+		return (t, n) => (L(!0), T(b, null, z(a.value, (t, n) => (L(), T(b, { key: n }, [t.kind === "sep" ? (L(), T("div", On)) : t.kind === "head" ? (L(), T("div", kn, [E("span", null, U(t.head.head), 1), t.head.edit ? (L(), C(Kt, {
 			key: 0,
 			tip: t.head.edit.tip,
 			role: "menuitem",
 			tabindex: "-1",
 			class: "glim-menu-head-edit",
 			"data-row": n,
-			onClick: (e) => a("pick", n)
+			onClick: (e) => i("pick", n)
 		}, {
-			default: W(() => [(P(), b(R(t.head.edit.glyph ?? V(i))))]),
+			default: q(() => [(L(), C(V(t.head.edit.glyph ?? W(l))))]),
 			_: 2
 		}, 1032, [
 			"tip",
 			"data-row",
 			"onClick"
-		])) : x("", !0)])) : (P(), S("button", {
+		])) : w("", !0)])) : (L(), T("button", {
 			key: 2,
 			type: "button",
 			role: t.view.role,
@@ -623,27 +660,27 @@ var Bt = [
 			"aria-haspopup": t.item.sub ? "menu" : void 0,
 			"aria-expanded": t.item.sub ? e.openAt === n : void 0,
 			disabled: t.item.disabled,
-			class: A(["glim-menu-item", { "glim-menu-item--current": t.view.current }]),
+			class: N(["glim-menu-item", { "glim-menu-item--current": t.view.current }]),
 			"data-row": n,
-			onClick: (e) => a("pick", n)
+			onClick: (e) => i("pick", n)
 		}, [
-			t.view.lead === "box" ? (P(), S("span", mn, [E(V(u))])) : t.view.lead === "dot" ? (P(), S("span", {
+			t.view.lead === "box" ? (L(), T("span", jn, [k(W(d))])) : t.view.lead === "dot" ? (L(), T("span", {
 				key: 1,
 				class: "glim-menu-dot",
-				style: j({ backgroundColor: t.item.color }),
+				style: P({ backgroundColor: t.item.color }),
 				"aria-hidden": "true"
-			}, null, 4)) : (P(), S("span", hn, [t.view.lead === "glyph" ? (P(), b(R(t.item.glyph), { key: 0 })) : x("", !0)])),
-			C("span", gn, B(t.item.label), 1),
-			t.view.end === "submenu" ? (P(), S("span", _n, [E(V(r))])) : t.view.end === "tick" ? (P(), S("span", vn, [E(V(u))])) : t.view.end === "shortcut" ? (P(), b(un, {
+			}, null, 4)) : (L(), T("span", Mn, [t.view.lead === "glyph" ? (L(), C(V(t.item.glyph), { key: 0 })) : w("", !0)])),
+			E("span", Nn, U(t.item.label), 1),
+			t.view.end === "submenu" ? (L(), T("span", Pn, [k(W(r))])) : t.view.end === "tick" ? (L(), T("span", Fn, [k(W(d))])) : t.view.end === "shortcut" ? (L(), C(Dn, {
 				key: 5,
 				class: "glim-menu-end"
 			}, {
-				default: W(() => [T(B(t.item.shortcut), 1)]),
+				default: q(() => [O(U(t.item.shortcut), 1)]),
 				_: 2
-			}, 1024)) : t.view.end === "count" ? (P(), S("span", yn, B(t.item.count), 1)) : x("", !0)
-		], 10, pn))], 64))), 128));
+			}, 1024)) : t.view.end === "count" ? (L(), T("span", In, U(t.item.count), 1)) : w("", !0)
+		], 10, An))], 64))), 128));
 	}
-}), xn = ["aria-label"], Sn = ["aria-label"], Cn = /* @__PURE__ */ D({
+}), Rn = ["id", "aria-label"], zn = ["id", "aria-label"], Bn = /* @__PURE__ */ A({
 	__name: "ContextMenu",
 	props: {
 		x: {},
@@ -654,128 +691,132 @@ var Bt = [
 			default: !1
 		},
 		label: { default: void 0 },
+		id: {},
 		opener: { default: null }
 	},
 	emits: ["close", "step"],
 	setup(e, { emit: t }) {
-		let n = e, r = t, i = z(null), a = z(null), o = Pe(), s = F({
+		let n = e, r = t, i = H(null), a = H(null), o = He(), s = R({
 			left: n.x,
 			top: n.y
-		}), c = z(null), l = F(null), u = y(() => xt(n.items)), d = y(() => {
+		}), c = H(null), l = R(null), u = S(() => Ft(n.items)), d = S(() => {
 			let e = c.value ? u.value[c.value.at] : void 0;
-			return e && e !== "-" && !K(e) && e.sub ? e : null;
-		}), f = y(() => d.value?.sub ? xt(d.value.sub) : null), p = () => ({
+			return e && e !== "-" && !Ge(e) && e.sub ? e : null;
+		}), f = S(() => d.value?.sub ? Ft(d.value.sub) : null), p = () => ({
 			width: innerWidth,
 			height: innerHeight
 		});
 		function m(e) {
-			r("close"), e && rt(n.opener ?? o);
+			r("close"), e && mt(n.opener ?? o);
 		}
 		function h() {
 			let e = i.value;
-			e && (s.value = Xe(n.x, n.y, {
+			e && (s.value = ot(n.x, n.y, {
 				width: e.offsetWidth,
 				height: e.offsetHeight
 			}, p(), n.above));
 		}
-		U(() => [
+		K(() => [
 			n.x,
 			n.y,
 			n.above
 		], h, { flush: "post" });
 		let g, _;
-		M(() => {
-			h(), g = Ee(m), _ = De(() => [
+		F(() => {
+			h(), g = Me(m), _ = Ne(() => [
 				i.value,
 				a.value,
 				n.opener
-			], () => m(!1)), i.value && Me(i.value);
-		}), ne(() => {
+			], () => m(!1)), i.value && ze(i.value);
+		}), ie(() => {
 			g?.(), _?.();
-		}), U(c, (e) => {
+		}), K(c, (e) => {
 			l.value = null;
 			let t = e && i.value?.querySelector(`[data-row="${e.at}"]`), n = a.value;
 			if (!e || !t || !n) return;
 			let r = getComputedStyle(i.value).direction === "rtl";
-			l.value = Ze(t.getBoundingClientRect(), {
+			l.value = st(t.getBoundingClientRect(), {
 				width: n.offsetWidth,
 				height: n.offsetHeight
-			}, p(), r), e.focus && Me(n);
+			}, p(), r), e.focus && ze(n);
 		}, { flush: "post" });
-		function w(e, t) {
+		function v(e, t) {
 			let n = e[t];
-			n !== "-" && (K(n) ? (m(!0), n.edit?.onSelect()) : n.sub && e === u.value ? c.value = {
+			n !== "-" && (Ge(n) ? (m(!0), n.edit?.onSelect()) : n.sub && e === u.value ? c.value = {
 				at: t,
 				focus: !0
-			} : (Ue(n).staysOpen || m(!0), n.onSelect?.()));
+			} : (Qe(n).staysOpen || m(!0), n.onSelect?.()));
 		}
-		function T(e, t) {
+		function y(e, t) {
 			if (e.key === "Tab") return m(!1);
-			let n = e.currentTarget, a = He(e.key, getComputedStyle(n).direction === "rtl");
+			let n = e.currentTarget, a = Ze(e.key, getComputedStyle(n).direction === "rtl");
 			if (!a) return;
-			if (e.preventDefault(), a !== "in" && a !== "out") return Ne(n, a);
+			if (e.preventDefault(), a !== "in" && a !== "out") return Be(n, a);
 			if (t) {
 				a === "out" && c.value && (i.value?.querySelector(`[data-row="${c.value.at}"]`)?.focus(), c.value = null);
 				return;
 			}
 			let o = Number(document.activeElement?.dataset.row), s = u.value[o];
-			a === "in" && s && s !== "-" && !K(s) && s.sub && !s.disabled ? c.value = {
+			a === "in" && s && s !== "-" && !Ge(s) && s.sub && !s.disabled ? c.value = {
 				at: o,
 				focus: !0
 			} : r("step", a === "in" ? 1 : -1);
 		}
-		function D(e) {
+		function ee(e) {
 			let t = e.target.closest("[data-row]");
 			if (!t) return;
-			let n = Number(t.dataset.row), r = u.value[n], i = r !== "-" && !K(r) && !!r.sub && !r.disabled;
+			let n = Number(t.dataset.row), r = u.value[n], i = r !== "-" && !Ge(r) && !!r.sub && !r.disabled;
 			i && c.value?.at !== n ? c.value = {
 				at: n,
 				focus: !1
 			} : !i && c.value && (c.value = null);
 		}
-		return (t, n) => (P(), b(v, { to: "body" }, [C("div", {
+		return (t, n) => (L(), C(x, { to: "body" }, [E("div", {
+			id: e.id,
 			ref_key: "menu",
 			ref: i,
 			role: "menu",
 			"aria-label": e.label,
 			class: "glim-menu",
-			style: j({
+			style: P({
 				left: `${s.value.left}px`,
 				top: `${s.value.top}px`
 			}),
-			onKeydown: n[1] ||= (e) => T(e, !1),
-			onMouseover: D,
-			onContextmenu: n[2] ||= G(() => {}, ["prevent"])
-		}, [E(bn, {
+			onKeydown: n[1] ||= (e) => y(e, !1),
+			onMouseover: ee,
+			onContextmenu: n[2] ||= Y(() => {}, ["prevent"])
+		}, [k(Ln, {
 			entries: u.value,
 			"open-at": c.value?.at,
-			onPick: n[0] ||= (e) => w(u.value, e)
-		}, null, 8, ["entries", "open-at"])], 44, xn), f.value ? (P(), S("div", {
+			onPick: n[0] ||= (e) => v(u.value, e)
+		}, null, 8, ["entries", "open-at"])], 44, Rn), f.value ? (L(), T("div", {
 			key: 0,
+			id: d.value?.subId,
 			ref_key: "subMenu",
 			ref: a,
 			role: "menu",
 			"aria-label": d.value?.label,
 			class: "glim-menu",
-			style: j({
+			style: P({
 				left: `${l.value?.left ?? 0}px`,
 				top: `${l.value?.top ?? 0}px`
 			}),
-			onKeydown: n[4] ||= (e) => T(e, !0),
-			onContextmenu: n[5] ||= G(() => {}, ["prevent"])
-		}, [E(bn, {
+			onKeydown: n[4] ||= (e) => y(e, !0),
+			onContextmenu: n[5] ||= Y(() => {}, ["prevent"])
+		}, [k(Ln, {
 			entries: f.value,
-			onPick: n[3] ||= (e) => w(f.value, e)
-		}, null, 8, ["entries"])], 44, Sn)) : x("", !0)]));
+			onPick: n[3] ||= (e) => v(f.value, e)
+		}, null, 8, ["entries"])], 44, zn)) : w("", !0)]));
 	}
-}), wn = { class: "glim-copy" }, Tn = ["value", "aria-label"], En = {
+}), Vn = ["value", "aria-label"], Hn = {
 	role: "status",
 	class: "glim-sr-only"
-}, Dn = /* @__PURE__ */ D({
+}, Un = /* @__PURE__ */ A({
 	__name: "CopyField",
 	props: {
 		value: {},
 		label: {},
+		width: {},
 		text: { default: () => ({
 			copy: "Copy",
 			copied: "Copied"
@@ -783,44 +824,44 @@ var Bt = [
 	},
 	emits: ["copy"],
 	setup(e, { emit: t }) {
-		let n = e, r = t, i = F(!1), a = z(null), o;
-		te(() => clearTimeout(o));
-		async function c() {
-			let e = await ke(n.value);
-			r("copy", e), e ? (i.value = !0, clearTimeout(o), o = window.setTimeout(() => i.value = !1, de)) : (a.value?.focus(), a.value?.select());
+		let n = e, r = t, i = y(() => n.label), a = R(!1), o = H(null), s;
+		re(() => clearTimeout(s));
+		async function l() {
+			let e = await Fe(n.value);
+			r("copy", e), e ? (a.value = !0, clearTimeout(s), s = window.setTimeout(() => a.value = !1, ge)) : (o.value?.focus(), o.value?.select());
 		}
-		return (t, n) => (P(), S("span", wn, [
-			C("input", {
+		return (t, n) => (L(), T("span", { class: N(["glim-copy", W(Le)(e.width)]) }, [
+			E("input", {
 				ref_key: "field",
-				ref: a,
+				ref: o,
 				readonly: "",
 				value: e.value,
-				"aria-label": e.label,
+				"aria-label": W(i),
 				spellcheck: "false",
 				class: "glim-input glim-input--mono"
-			}, null, 8, Tn),
-			E(Z, {
-				label: i.value ? e.text.copied : e.text.copy,
-				"label-key": i.value ? "copied" : "copy",
-				glyph: i.value ? V(u) : V(s),
+			}, null, 8, Vn),
+			k(Z, {
+				label: a.value ? e.text.copied : e.text.copy,
+				"label-key": a.value ? "copied" : "copy",
+				glyph: a.value ? W(d) : W(c),
 				variant: "icon",
-				onClick: c
+				onClick: l
 			}, null, 8, [
 				"label",
 				"label-key",
 				"glyph"
 			]),
-			C("span", En, B(i.value ? e.text.copied : ""), 1)
-		]));
+			E("span", Hn, U(a.value ? e.text.copied : ""), 1)
+		], 2));
 	}
-}), On = {
+}), Wn = {
 	key: 0,
 	class: "glim-empty-glyph",
 	"aria-hidden": "true"
-}, kn = { class: "glim-empty-title" }, An = {
+}, Gn = { class: "glim-empty-title" }, Kn = {
 	key: 1,
 	class: "glim-empty-hint"
-}, jn = /* @__PURE__ */ D({
+}, qn = /* @__PURE__ */ A({
 	__name: "EmptyState",
 	props: {
 		glyph: {},
@@ -832,28 +873,187 @@ var Bt = [
 		}
 	},
 	setup(e) {
-		return (t, n) => (P(), S("div", { class: A(e.nested ? "glim-empty" : "glim-card glim-empty") }, [
-			e.glyph ? (P(), S("span", On, [(P(), b(R(e.glyph)))])) : x("", !0),
-			C("p", kn, B(e.title), 1),
-			e.hint ? (P(), S("p", An, B(e.hint), 1)) : x("", !0),
-			L(t.$slots, "default")
+		return (t, n) => (L(), T("div", { class: N(e.nested ? "glim-empty" : "glim-card glim-empty") }, [
+			e.glyph ? (L(), T("span", Wn, [(L(), C(V(e.glyph)))])) : w("", !0),
+			E("p", Gn, U(e.title), 1),
+			e.hint ? (L(), T("p", Kn, U(e.hint), 1)) : w("", !0),
+			B(t.$slots, "default")
 		], 2));
 	}
-}), Mn = {
+}), Jn = /* @__PURE__ */ A({
+	__name: "Pill",
+	props: { tone: { default: "neutral" } },
+	setup(e) {
+		let t = e, n = S(() => at(t.tone));
+		return (e, t) => (L(), T("span", { class: N(n.value) }, [B(e.$slots, "default")], 2));
+	}
+}), Yn = { class: "glim-field-row-name" }, Xn = {
+	key: 0,
+	class: "glim-field-row-controls"
+}, Zn = /* @__PURE__ */ A({
+	__name: "FieldRow",
+	props: {
+		label: {},
+		hint: {},
+		value: {},
+		tone: {},
+		wide: { type: Boolean }
+	},
+	setup(e) {
+		let t = e;
+		ae(ee, S(() => t.label));
+		let n = ne(v, !1), r = H(null);
+		return (t, i) => (L(), T("div", {
+			ref_key: "row",
+			ref: r,
+			class: N(["glim-field-row", { "glim-field-row--wide": e.wide }])
+		}, [E("span", Yn, [E("span", {
+			class: "glim-field-row-label",
+			onClick: i[0] ||= (e) => W(ct)(r.value)
+		}, [B(t.$slots, "label", {}, () => [O(U(e.label), 1)])]), e.hint ? (L(), C(Q, {
+			key: 0,
+			tip: e.hint
+		}, null, 8, ["tip"])) : w("", !0)]), W(n) ? (L(), T("span", Xn, [B(t.$slots, "default", {}, () => [e.value === void 0 ? w("", !0) : (L(), C(Jn, {
+			key: 0,
+			class: "glim-num",
+			tone: e.tone
+		}, {
+			default: q(() => [O(U(e.value), 1)]),
+			_: 1
+		}, 8, ["tone"]))])])) : B(t.$slots, "default", {}, () => [e.value === void 0 ? w("", !0) : (L(), C(Jn, {
+			key: 0,
+			class: "glim-num",
+			tone: e.tone
+		}, {
+			default: q(() => [O(U(e.value), 1)]),
+			_: 1
+		}, 8, ["tone"]))], void 0, 1)], 2));
+	}
+}), Qn = /* @__PURE__ */ A({
+	__name: "FieldRowGroup",
+	props: { columns: {} },
+	setup(e) {
+		return ae(v, !0), (t, n) => (L(), T("div", {
+			class: "glim-field-row-group",
+			style: P(e.columns ? { "--field-columns": e.columns } : void 0)
+		}, [B(t.$slots, "default")], 4));
+	}
+}), $n = {
+	class: "glim-glyph-field-glyph",
+	"aria-hidden": "true"
+}, er = ["aria-label"], tr = /* @__PURE__ */ A({
+	inheritAttrs: !1,
+	__name: "GlyphField",
+	props: /*@__PURE__*/ j({
+		glyph: {},
+		label: {},
+		mono: { type: Boolean },
+		width: {}
+	}, {
+		modelValue: { default: "" },
+		modelModifiers: {}
+	}),
+	emits: ["update:modelValue"],
+	setup(e, { expose: t }) {
+		let n = e, r = G(e, "modelValue"), i = y(() => n.label), a = S(() => Le(n.width)), o = H(null);
+		return t({ input: o }), (t, n) => (L(), T("label", {
+			class: N([
+				"glim-input",
+				"glim-glyph-field",
+				a.value,
+				{ "glim-input--mono": e.mono },
+				t.$attrs.class
+			]),
+			style: P(t.$attrs.style)
+		}, [
+			E("span", $n, [(L(), C(V(e.glyph)))]),
+			J(E("input", M({
+				ref_key: "input",
+				ref: o,
+				"onUpdate:modelValue": n[0] ||= (e) => r.value = e,
+				type: "text",
+				"aria-label": W(i)
+			}, {
+				...t.$attrs,
+				class: void 0,
+				style: void 0
+			}, { class: "glim-glyph-field-input" }), null, 16, er), [[de, r.value]]),
+			B(t.$slots, "after")
+		], 6));
+	}
+}), nr = /* @__PURE__ */ A({
+	__name: "GlyphTile",
+	props: {
+		glyph: {},
+		quiet: { type: Boolean },
+		ground: { type: Boolean },
+		active: { type: Boolean }
+	},
+	setup(e) {
+		return (t, n) => (L(), T("span", {
+			class: N(["glim-tile", {
+				"glim-tile--quiet": e.quiet,
+				"glim-tile--ground": e.ground,
+				"glim-tile--active": e.active
+			}]),
+			"aria-hidden": "true"
+		}, [(L(), C(V(e.glyph)))], 2));
+	}
+}), rr = {
+	key: 0,
+	class: "glim-icon-btn-gap",
+	"aria-hidden": "true"
+}, ir = /* @__PURE__ */ A({
+	__name: "IconButton",
+	props: {
+		tip: {},
+		glyph: {},
+		href: {},
+		pressed: {
+			type: Boolean,
+			default: void 0
+		},
+		absent: { type: Boolean },
+		disabled: { type: Boolean }
+	},
+	setup(e) {
+		function t(e) {
+			Nt(e.currentTarget);
+		}
+		return (n, r) => e.absent ? (L(), T("span", rr)) : (L(), C(Kt, {
+			key: 1,
+			tip: e.tip,
+			href: e.href,
+			"aria-pressed": e.pressed,
+			disabled: e.disabled,
+			class: "glim-btn-bare glim-icon-btn",
+			onPointerenter: t,
+			onFocusin: t
+		}, {
+			default: q(() => [(L(), C(V(e.glyph)))]),
+			_: 1
+		}, 8, [
+			"tip",
+			"href",
+			"aria-pressed",
+			"disabled"
+		]));
+	}
+}), ar = {
 	key: 0,
 	class: "glim-readme-btn-art",
 	"aria-hidden": "true"
-}, Nn = { class: "glim-readme-btn-text" }, Pn = { class: "glim-readme-btn-name" }, Fn = {
+}, or = { class: "glim-readme-btn-text" }, sr = { class: "glim-readme-btn-name" }, cr = {
 	key: 0,
 	class: "glim-readme-btn-sub"
-}, In = {
+}, lr = {
 	key: 0,
 	class: "glim-readme-btn-sheen",
 	"aria-hidden": "true"
-}, Ln = {
+}, ur = {
 	key: 1,
 	class: "glim-readme-btn-hint"
-}, $ = /* @__PURE__ */ D({
+}, $ = /* @__PURE__ */ A({
 	__name: "ReadmeButton",
 	props: {
 		brand: {},
@@ -868,10 +1068,10 @@ var Bt = [
 	},
 	emits: ["linkClick"],
 	setup(e, { emit: t }) {
-		let n = e, r = t, i = y(() => tt(n.parts)), a = z(null), o = y(() => n.parts.map((e) => `${e.name}\n${e.sub ?? ""}`).join("\n") + (i.value ? n.soonLabel : "")), s;
-		U([a, o], () => {
-			s?.(), s = a.value ? Le(a.value) : void 0;
-		}, { flush: "post" }), N(() => s?.());
+		let n = e, r = t, i = S(() => ft(n.parts)), a = H(null), o = S(() => n.parts.map((e) => `${e.name}\n${e.sub ?? ""}`).join("\n") + (i.value ? n.soonLabel : "")), s;
+		K([a, o], () => {
+			s?.(), s = a.value ? Ke(a.value) : void 0;
+		}, { flush: "post" }), I(() => s?.());
 		let c = (e) => i.value ? n.soonLabel : e.sub, l = (e) => c(e) ? `${e.name} ${c(e)}` : e.name, u = (e) => i.value ? "span" : e.href ? "a" : "button", d = (e) => i.value ? { "aria-disabled": !0 } : e.href ? {
 			href: e.href,
 			target: "_blank",
@@ -881,27 +1081,27 @@ var Bt = [
 			type: "button",
 			onClick: e.onClick
 		};
-		return (t, n) => (P(), S("div", {
+		return (t, n) => (L(), T("div", {
 			ref_key: "root",
 			ref: a,
-			class: A(V(nt)(e.brand, e.parts.length, e.note, i.value))
+			class: N(W(pt)(e.brand, e.parts.length, e.note, i.value))
 		}, [
-			(P(!0), S(_, null, I(e.parts, (n, r) => (P(), b(R(u(n)), k({ key: r }, { ref_for: !0 }, d(n), {
+			(L(!0), T(b, null, z(e.parts, (n, r) => (L(), C(V(u(n)), M({ key: r }, { ref_for: !0 }, d(n), {
 				"aria-label": l(n),
-				class: V(et)(r, i.value)
+				class: W(dt)(r, i.value)
 			}), {
-				default: W(() => [r === 0 && t.$slots.art ? (P(), S("span", Mn, [L(t.$slots, "art")])) : (P(), S(_, { key: 1 }, [r === 0 && t.$slots.mark ? (P(), S("span", {
+				default: q(() => [r === 0 && t.$slots.art ? (L(), T("span", ar, [B(t.$slots, "art")])) : (L(), T(b, { key: 1 }, [r === 0 && t.$slots.mark ? (L(), T("span", {
 					key: 0,
-					class: A(`glim-readme-btn-mark ${e.markClass ?? ""}`),
+					class: N(`glim-readme-btn-mark ${e.markClass ?? ""}`),
 					"aria-hidden": "true"
-				}, [L(t.$slots, "mark")], 2)) : x("", !0), C("span", Nn, [C("span", Pn, B(n.name), 1), c(n) ? (P(), S("span", Fn, B(c(n)), 1)) : x("", !0)])], 64))]),
+				}, [B(t.$slots, "mark")], 2)) : w("", !0), E("span", or, [E("span", sr, U(n.name), 1), c(n) ? (L(), T("span", cr, U(c(n)), 1)) : w("", !0)])], 64))]),
 				_: 2
 			}, 1040, ["aria-label", "class"]))), 128)),
-			i.value ? x("", !0) : (P(), S("span", In)),
-			e.hint ? (P(), S("span", Ln, [E(Q, { tip: e.hint }, null, 8, ["tip"])])) : x("", !0)
+			i.value ? w("", !0) : (L(), T("span", lr)),
+			e.hint ? (L(), T("span", ur, [k(Q, { tip: e.hint }, null, 8, ["tip"])])) : w("", !0)
 		], 2));
 	}
-}), Rn = { class: "glim-info-text" }, zn = { class: "glim-info-text" }, Bn = { class: "glim-readme-btn-rows glim-about-give" }, Vn = /* @__PURE__ */ D({
+}), dr = { class: "glim-info-text" }, fr = { class: "glim-info-text" }, pr = { class: "glim-readme-btn-rows glim-about-give" }, mr = /* @__PURE__ */ A({
 	__name: "InfoAboutCard",
 	props: {
 		text: {},
@@ -914,25 +1114,25 @@ var Bt = [
 		hueIndex: {}
 	},
 	setup(e) {
-		return (t, n) => (P(), b(Gt, {
+		return (t, n) => (L(), C(ln, {
 			title: e.text.title,
 			"hue-index": e.hueIndex
 		}, {
-			default: W(() => [
-				C("p", Rn, B(e.text.body), 1),
-				C("p", zn, B(e.text.coffee), 1),
-				C("div", Bn, [
-					E($, {
+			default: q(() => [
+				E("p", dr, U(e.text.body), 1),
+				E("p", fr, U(e.text.coffee), 1),
+				E("div", pr, [
+					k($, {
 						brand: "coffee",
 						parts: [{
 							name: e.text.coffeeButton,
 							onClick: e.onCoffee
 						}]
 					}, {
-						art: W(() => [(P(), b(R(e.coffeeArt)))]),
+						art: q(() => [(L(), C(V(e.coffeeArt)))]),
 						_: 1
 					}, 8, ["parts"]),
-					e.onPaypal && e.text.paypalButton ? (P(), b($, {
+					e.onPaypal && e.text.paypalButton ? (L(), C($, {
 						key: 0,
 						brand: "paypal",
 						parts: [{
@@ -940,12 +1140,12 @@ var Bt = [
 							onClick: e.onPaypal
 						}],
 						"mark-class": "glim-paypal-mark"
-					}, w({ _: 2 }, [e.paypalGlyph ? {
+					}, D({ _: 2 }, [e.paypalGlyph ? {
 						name: "mark",
-						fn: W(() => [(P(), b(R(e.paypalGlyph)))]),
+						fn: q(() => [(L(), C(V(e.paypalGlyph)))]),
 						key: "0"
-					} : void 0]), 1032, ["parts"])) : x("", !0),
-					e.onCrypto && e.text.cryptoButton ? (P(), b($, {
+					} : void 0]), 1032, ["parts"])) : w("", !0),
+					e.onCrypto && e.text.cryptoButton ? (L(), C($, {
 						key: 1,
 						brand: "bitcoin",
 						parts: [{
@@ -953,17 +1153,17 @@ var Bt = [
 							onClick: e.onCrypto
 						}],
 						"mark-class": "glim-bitcoin-mark"
-					}, w({ _: 2 }, [e.cryptoGlyph ? {
+					}, D({ _: 2 }, [e.cryptoGlyph ? {
 						name: "mark",
-						fn: W(() => [(P(), b(R(e.cryptoGlyph)))]),
+						fn: q(() => [(L(), C(V(e.cryptoGlyph)))]),
 						key: "0"
-					} : void 0]), 1032, ["parts"])) : x("", !0)
+					} : void 0]), 1032, ["parts"])) : w("", !0)
 				])
 			]),
 			_: 1
 		}, 8, ["title", "hue-index"]));
 	}
-}), Hn = { class: "glim-info-text" }, Un = { class: "glim-readme-btn-rows" }, Wn = /* @__PURE__ */ D({
+}), hr = { class: "glim-info-text" }, gr = { class: "glim-readme-btn-rows" }, _r = /* @__PURE__ */ A({
 	__name: "InfoHelpCard",
 	props: {
 		text: {},
@@ -975,43 +1175,43 @@ var Bt = [
 		manualGlyph: {},
 		onBugReport: {},
 		bugGlyph: {},
-		openUrl: { default: Je },
+		openUrl: { default: it },
 		hueIndex: {}
 	},
 	setup(e) {
-		let t = e, n = y(() => qe(t.text.report, t.mailAddress));
-		return (t, r) => (P(), b(Gt, {
+		let t = e, n = S(() => rt(t.text.report, t.mailAddress));
+		return (t, r) => (L(), C(ln, {
 			title: e.text.title,
 			hint: e.text.hint,
 			"hue-index": e.hueIndex
 		}, {
-			default: W(() => [C("p", Hn, B(e.text.report), 1), C("div", Un, [
-				E($, {
+			default: q(() => [E("p", hr, U(e.text.report), 1), E("div", gr, [
+				k($, {
 					brand: "github",
 					parts: [{
 						name: e.text.repoButton,
 						onClick: () => e.openUrl(e.repoUrl)
 					}],
 					"mark-class": "glim-github-mark"
-				}, w({ _: 2 }, [e.repoGlyph ? {
+				}, D({ _: 2 }, [e.repoGlyph ? {
 					name: "mark",
-					fn: W(() => [(P(), b(R(e.repoGlyph)))]),
+					fn: q(() => [(L(), C(V(e.repoGlyph)))]),
 					key: "0"
 				} : void 0]), 1032, ["parts"]),
-				n.value ? (P(), b($, {
+				n.value ? (L(), C($, {
 					key: 0,
 					brand: "house",
 					parts: [{
 						name: e.text.mailButton,
-						onClick: () => e.openUrl(V(ze)(e.mailAddress, e.text.mailSubject))
+						onClick: () => e.openUrl(W(Je)(e.mailAddress, e.text.mailSubject))
 					}],
 					"mark-class": "glim-house-mark"
-				}, w({ _: 2 }, [e.mailGlyph ? {
+				}, D({ _: 2 }, [e.mailGlyph ? {
 					name: "mark",
-					fn: W(() => [(P(), b(R(e.mailGlyph)))]),
+					fn: q(() => [(L(), C(V(e.mailGlyph)))]),
 					key: "0"
-				} : void 0]), 1032, ["parts"])) : x("", !0),
-				e.manualUrl && e.text.manual ? (P(), b($, {
+				} : void 0]), 1032, ["parts"])) : w("", !0),
+				e.manualUrl && e.text.manual ? (L(), C($, {
 					key: 1,
 					brand: "docs",
 					parts: [{
@@ -1020,12 +1220,12 @@ var Bt = [
 						onClick: () => e.openUrl(e.manualUrl)
 					}],
 					"mark-class": "glim-docs-mark"
-				}, w({ _: 2 }, [e.manualGlyph ? {
+				}, D({ _: 2 }, [e.manualGlyph ? {
 					name: "mark",
-					fn: W(() => [(P(), b(R(e.manualGlyph)))]),
+					fn: q(() => [(L(), C(V(e.manualGlyph)))]),
 					key: "0"
-				} : void 0]), 1032, ["parts"])) : x("", !0),
-				e.onBugReport && e.text.bugReport ? (P(), b($, {
+				} : void 0]), 1032, ["parts"])) : w("", !0),
+				e.onBugReport && e.text.bugReport ? (L(), C($, {
 					key: 2,
 					brand: "github",
 					parts: [{
@@ -1033,11 +1233,11 @@ var Bt = [
 						sub: e.text.bugReportSub,
 						onClick: e.onBugReport
 					}]
-				}, w({ _: 2 }, [e.bugGlyph ? {
+				}, D({ _: 2 }, [e.bugGlyph ? {
 					name: "mark",
-					fn: W(() => [(P(), b(R(e.bugGlyph)))]),
+					fn: q(() => [(L(), C(V(e.bugGlyph)))]),
 					key: "0"
-				} : void 0]), 1032, ["parts"])) : x("", !0)
+				} : void 0]), 1032, ["parts"])) : w("", !0)
 			])]),
 			_: 1
 		}, 8, [
@@ -1046,69 +1246,69 @@ var Bt = [
 			"hue-index"
 		]));
 	}
-}), Gn = { class: "glim-version-rows" }, Kn = { class: "glim-version-name" }, qn = { class: "glim-version-part" }, Jn = {
+}), vr = { class: "glim-version-rows" }, yr = { class: "glim-version-name" }, br = { class: "glim-version-part" }, xr = {
 	key: 0,
 	class: "glim-version-sub"
-}, Yn = ["href", "onClick"], Xn = {
+}, Sr = ["href", "onClick"], Cr = {
 	key: 1,
 	class: "glim-num glim-version-number"
-}, Zn = {
+}, wr = {
 	key: 0,
 	class: "glim-version-actions"
-}, Qn = {
+}, Tr = {
 	role: "status",
 	class: "glim-sr-only"
-}, $n = /* @__PURE__ */ D({
+}, Er = /* @__PURE__ */ A({
 	__name: "InfoVersionCard",
 	props: {
 		text: {},
 		rows: {},
 		updateCheck: {},
 		onReleaseNotes: {},
-		openUrl: { default: Je },
+		openUrl: { default: it },
 		hueIndex: {}
 	},
 	setup(e) {
-		let t = e, n = ae(), r = y(() => !n["whats-new"] && t.onReleaseNotes && t.text.releaseNotes), i = z({ kind: "idle" }), a = z(0), o = y(() => t.updateCheck && wt(i.value, t.updateCheck.text));
+		let t = e, n = le(), r = S(() => !n["whats-new"] && t.onReleaseNotes && t.text.releaseNotes), i = H({ kind: "idle" }), a = H(0), o = S(() => t.updateCheck && Bt(i.value, t.updateCheck.text));
 		function s() {
-			ot(t.updateCheck, i.value, (e) => {
+			_t(t.updateCheck, i.value, (e) => {
 				i.value = e, e.kind === "failed" && a.value++;
 			});
 		}
 		function c(e, n) {
 			e.preventDefault(), t.openUrl(n);
 		}
-		return (t, n) => (P(), b(Gt, {
+		return (t, n) => (L(), C(ln, {
 			title: e.text.title,
 			hint: e.text.hint,
 			"hue-index": e.hueIndex
 		}, {
-			default: W(() => [C("ul", Gn, [(P(!0), S(_, null, I(e.rows, (t) => (P(), S("li", {
+			default: q(() => [E("ul", vr, [(L(!0), T(b, null, z(e.rows, (t) => (L(), T("li", {
 				key: t.name,
 				class: "glim-version-row"
-			}, [C("span", Kn, [C("span", qn, B(t.name), 1), t.sub ? (P(), S("span", Jn, B(t.sub), 1)) : x("", !0)]), V(q)(t).href ? (P(), S("a", {
+			}, [E("span", yr, [E("span", br, U(t.name), 1), t.sub ? (L(), T("span", xr, U(t.sub), 1)) : w("", !0)]), W(X)(t).href ? (L(), T("a", {
 				key: 0,
-				href: V(q)(t).href,
+				href: W(X)(t).href,
 				target: "_blank",
 				rel: "noopener noreferrer",
 				class: "glim-num glim-version-number",
-				onClick: (e) => c(e, V(q)(t).href)
-			}, B(V(q)(t).shown), 9, Yn)) : (P(), S("span", Xn, B(V(q)(t).released ? V(q)(t).shown : e.text.unreleased(V(q)(t).shown)), 1))]))), 128))]), r.value || t.$slots["whats-new"] || e.updateCheck ? (P(), S("div", Zn, [
-				r.value ? (P(), b(Z, {
+				onClick: (e) => c(e, W(X)(t).href)
+			}, U(W(X)(t).shown), 9, Sr)) : (L(), T("span", Cr, U(W(X)(t).released ? W(X)(t).shown : e.text.unreleased(W(X)(t).shown)), 1))]))), 128))]), r.value || t.$slots["whats-new"] || e.updateCheck ? (L(), T("div", wr, [
+				r.value ? (L(), C(Z, {
 					key: 0,
 					label: e.text.releaseNotes,
 					"label-key": "about.releaseNotes",
 					onClick: n[0] ||= (t) => e.onReleaseNotes()
-				}, null, 8, ["label"])) : x("", !0),
-				L(t.$slots, "whats-new"),
-				e.updateCheck && o.value ? (P(), S(_, { key: 1 }, [(P(), b(Z, {
+				}, null, 8, ["label"])) : w("", !0),
+				B(t.$slots, "whats-new"),
+				e.updateCheck && o.value ? (L(), T(b, { key: 1 }, [(L(), C(Z, {
 					key: a.value,
 					label: o.value.label,
 					"label-key": o.value.labelKey,
 					tone: o.value.tone,
-					stage: V(Tt)(e.updateCheck.text, o.value.label),
+					stage: W(Vt)(e.updateCheck.text, o.value.label),
 					busy: i.value.kind === "busy",
-					class: A(a.value > 0 ? "glim-shake" : ""),
+					class: N(a.value > 0 ? "glim-shake" : ""),
 					onClick: s
 				}, null, 8, [
 					"label",
@@ -1117,8 +1317,8 @@ var Bt = [
 					"stage",
 					"busy",
 					"class"
-				])), C("span", Qn, B(o.value.announced), 1)], 64)) : x("", !0)
-			])) : x("", !0)]),
+				])), E("span", Tr, U(o.value.announced), 1)], 64)) : w("", !0)
+			])) : w("", !0)]),
 			_: 3
 		}, 8, [
 			"title",
@@ -1126,7 +1326,7 @@ var Bt = [
 			"hue-index"
 		]));
 	}
-}), er = /* @__PURE__ */ D({
+}), Dr = /* @__PURE__ */ A({
 	__name: "InfoTile",
 	props: {
 		version: {},
@@ -1136,31 +1336,74 @@ var Bt = [
 	},
 	setup(e) {
 		let t = e, n = (e) => t.hueIndex === void 0 ? void 0 : t.hueIndex + e;
-		return (t, r) => (P(), S(_, null, [
-			E($n, k(e.version, { "hue-index": n(0) }), w({ _: 2 }, [t.$slots["whats-new"] ? {
+		return (t, r) => (L(), T(b, null, [
+			k(Er, M(e.version, { "hue-index": n(0) }), D({ _: 2 }, [t.$slots["whats-new"] ? {
 				name: "whats-new",
-				fn: W(() => [L(t.$slots, "whats-new")]),
+				fn: q(() => [B(t.$slots, "whats-new")]),
 				key: "0"
 			} : void 0]), 1040, ["hue-index"]),
-			E(Wn, k(e.help, { "hue-index": n(1) }), null, 16, ["hue-index"]),
-			E(Vn, k(e.about, { "hue-index": n(2) }), null, 16, ["hue-index"])
+			k(_r, M(e.help, { "hue-index": n(1) }), null, 16, ["hue-index"]),
+			k(mr, M(e.about, { "hue-index": n(2) }), null, 16, ["hue-index"])
 		], 64));
 	}
-}), tr = ["aria-label"], nr = [
+}), Or = [
+	"aria-label",
+	"tabindex",
+	"onKeydown"
+], kr = {
+	key: 0,
+	class: "glim-list-row-tile"
+}, Ar = { class: "glim-list-row-title" }, jr = {
+	key: 1,
+	class: "glim-list-row-badges"
+}, Mr = /* @__PURE__ */ A({
+	__name: "ListRow",
+	props: {
+		name: {},
+		tip: {},
+		mono: { type: Boolean }
+	},
+	setup(e) {
+		let t = e, n = se(), r = S(() => !!n.onClick), i = S(() => ["glim-list-row-name", { "glim-list-row-name--mono": t.mono }]);
+		function a(e) {
+			e.preventDefault(), e.currentTarget.click();
+		}
+		return (t, n) => (L(), T("div", {
+			role: "group",
+			"aria-label": e.name,
+			tabindex: r.value ? 0 : void 0,
+			class: N(["glim-list-row", { "glim-list-row--opens": r.value }]),
+			onKeydown: [pe(Y(a, ["self"]), ["enter"]), pe(Y(a, ["self"]), ["space"])]
+		}, [
+			t.$slots.tile ? (L(), T("span", kr, [B(t.$slots, "tile")])) : w("", !0),
+			E("span", { class: N(i.value) }, [E("span", Ar, U(e.name), 1), e.tip ? (L(), T("span", {
+				key: 0,
+				class: "glim-list-row-tip",
+				onClick: n[0] ||= Y(() => {}, ["stop"])
+			}, [k(Q, { tip: e.tip }, null, 8, ["tip"])])) : w("", !0)], 2),
+			t.$slots.badges ? (L(), T("span", jr, [B(t.$slots, "badges")])) : w("", !0),
+			t.$slots.actions ? (L(), T("span", {
+				key: 2,
+				class: "glim-list-row-actions",
+				onClick: n[1] ||= Y(() => {}, ["stop"])
+			}, [B(t.$slots, "actions")])) : w("", !0)
+		], 42, Or));
+	}
+}), Nr = ["aria-label"], Pr = [
 	"aria-expanded",
 	"tabindex",
 	"onClick",
 	"onMouseenter",
 	"onKeydown",
 	"onFocus"
-], rr = /* @__PURE__ */ D({
+], Fr = /* @__PURE__ */ A({
 	__name: "MenuBar",
 	props: {
 		label: {},
 		menus: {}
 	},
 	setup(e, { expose: t }) {
-		let n = e, r = [], i = z(null), a = z(0);
+		let n = e, r = [], i = H(null), a = H(0);
 		function o(e) {
 			let t = r[e];
 			if (!t) return;
@@ -1184,11 +1427,11 @@ var Bt = [
 			}[e.key];
 			i === void 0 ? e.key === "ArrowDown" && (e.preventDefault(), o(t)) : (e.preventDefault(), a.value = s(t + i), r[a.value]?.focus());
 		}
-		return (t, n) => (P(), S("div", {
+		return (t, n) => (L(), T("div", {
 			role: "menubar",
 			"aria-label": e.label,
 			class: "glim-menubar"
-		}, [(P(!0), S(_, null, I(e.menus, (e, t) => (P(), S("button", {
+		}, [(L(!0), T(b, null, z(e.menus, (e, t) => (L(), T("button", {
 			key: t,
 			ref_for: !0,
 			ref: (e) => r[t] = e,
@@ -1202,12 +1445,13 @@ var Bt = [
 			onMouseenter: (e) => i.value && i.value.at !== t && o(t),
 			onKeydown: (e) => l(e, t),
 			onFocus: (e) => a.value = t
-		}, B(e.label), 41, nr))), 128)), i.value && e.menus[i.value.at] ? (P(), b(Cn, {
+		}, U(e.label), 41, Pr))), 128)), i.value && e.menus[i.value.at] ? (L(), C(Bn, {
 			key: i.value.at,
 			x: i.value.x,
 			y: i.value.y,
 			items: e.menus[i.value.at].items,
 			label: e.menus[i.value.at].label,
+			id: e.menus[i.value.at].id,
 			opener: r[i.value.at],
 			onClose: n[0] ||= (e) => i.value = null,
 			onStep: n[1] ||= (e) => i.value && o(s(i.value.at + e))
@@ -1216,10 +1460,11 @@ var Bt = [
 			"y",
 			"items",
 			"label",
+			"id",
 			"opener"
-		])) : x("", !0)], 8, tr));
+		])) : w("", !0)], 8, Nr));
 	}
-}), ir = [
+}), Ir = [
 	"role",
 	"aria-label",
 	"aria-valuemin",
@@ -1227,7 +1472,7 @@ var Bt = [
 	"aria-valuenow",
 	"aria-valuetext",
 	"aria-busy"
-], ar = /* @__PURE__ */ D({
+], Lr = /* @__PURE__ */ A({
 	inheritAttrs: !1,
 	__name: "Meter",
 	props: {
@@ -1242,13 +1487,13 @@ var Bt = [
 		valueText: {}
 	},
 	setup(n) {
-		let r = n, i = y(() => We(r.value, {
+		let r = n, i = S(() => $e(r.value, {
 			size: r.size,
 			threshold: r.threshold,
 			quiet: r.quiet
-		})), a = y(() => i.value.percent === null), o = t(() => r.valueText);
-		return (t, r) => (P(), S(_, null, [C("span", k(t.$attrs, {
-			ref: (e) => V(o).trigger.value = e,
+		})), a = S(() => i.value.percent === null), o = t(() => r.valueText);
+		return (t, r) => (L(), T(b, null, [E("span", M(t.$attrs, {
+			ref: (e) => W(o).trigger.value = e,
 			role: a.value ? "progressbar" : "meter",
 			"aria-label": n.label,
 			"aria-valuemin": a.value ? void 0 : 0,
@@ -1257,14 +1502,14 @@ var Bt = [
 			"aria-valuetext": n.valueText,
 			"aria-busy": a.value || void 0,
 			class: i.value.className,
-			onMouseenter: r[0] ||= (...e) => V(o).show && V(o).show(...e),
-			onMouseleave: r[1] ||= (...e) => V(o).hide && V(o).hide(...e)
-		}), [C("span", {
+			onMouseenter: r[0] ||= (...e) => W(o).show && W(o).show(...e),
+			onMouseleave: r[1] ||= (...e) => W(o).hide && W(o).hide(...e)
+		}), [E("span", {
 			class: "glim-meter-fill",
-			style: j(i.value.width ? { width: i.value.width } : void 0)
-		}, null, 4)], 16, ir), E(e, { state: V(o) }, null, 8, ["state"])], 64));
+			style: P(i.value.width ? { width: i.value.width } : void 0)
+		}, null, 4)], 16, Ir), k(e, { state: W(o) }, null, 8, ["state"])], 64));
 	}
-}), or = { class: "glim-num-wrap" }, sr = /* @__PURE__ */ D({
+}), Rr = { class: "glim-num-wrap" }, zr = ["aria-label"], Br = /* @__PURE__ */ A({
 	inheritAttrs: !1,
 	__name: "NumberField",
 	props: {
@@ -1273,15 +1518,15 @@ var Bt = [
 	},
 	emits: ["update:modelValue"],
 	setup(e) {
-		let t = H(e, "modelValue"), n = re(), r = z(null), i;
-		M(() => {
-			a(t.value), i = Ce(r.value);
-		}), te(() => i?.());
-		function a(e) {
-			let t = r.value;
+		let t = G(e, "modelValue"), n = se(), r = y(() => n["aria-label"]), i = H(null), a;
+		F(() => {
+			o(t.value), a = ke(i.value);
+		}), re(() => a?.());
+		function o(e) {
+			let t = i.value;
 			t && (t.value === "" ? null : t.valueAsNumber) !== e && (t.value = e === null ? "" : String(e));
 		}
-		U([
+		K([
 			t,
 			() => n.min,
 			() => n.max,
@@ -1289,24 +1534,31 @@ var Bt = [
 			() => n.disabled,
 			() => n.readonly
 		], () => {
-			a(t.value), r.value && yt(r.value);
+			o(t.value), i.value && jt(i.value);
 		}, { flush: "post" });
-		function o(e) {
+		function s(e) {
 			let n = e.target;
 			t.value = n.value === "" ? null : n.valueAsNumber;
 		}
-		return (e, t) => (P(), S("span", or, [C("input", k(e.$attrs, {
+		return (e, t) => (L(), T("span", Rr, [E("input", M(e.$attrs, {
 			ref_key: "input",
-			ref: r,
+			ref: i,
+			"aria-label": W(r),
 			type: "number",
 			class: "glim-num-input glim-num-field glim-num",
-			onInput: o
-		}), null, 16)]));
+			onInput: s
+		}), null, 16, zr)]));
 	}
-}), cr = ["disabled", "type"], lr = /* @__PURE__ */ D({
+}), Vr = [
+	"aria-label",
+	"disabled",
+	"type"
+], Hr = /* @__PURE__ */ A({
 	inheritAttrs: !1,
 	__name: "PasswordField",
-	props: /*@__PURE__*/ O({
+	props: /*@__PURE__*/ j({
+		width: {},
+		eyeAttrs: {},
 		text: { default: () => ({
 			show: "Show",
 			hide: "Hide"
@@ -1320,47 +1572,115 @@ var Bt = [
 		modelModifiers: {}
 	}),
 	emits: ["update:modelValue"],
-	setup(e) {
-		let t = H(e, "modelValue"), n = F(!1);
-		return (r, i) => (P(), S("span", {
-			class: A(["glim-secret", r.$attrs.class]),
-			style: j(r.$attrs.style)
-		}, [se(C("input", k({
-			"onUpdate:modelValue": i[0] ||= (e) => t.value = e,
+	setup(e, { expose: t }) {
+		let n = e, r = G(e, "modelValue"), i = R(!1), a = se(), o = y(() => a["aria-label"]), s = S(() => Le(n.width)), c = H(null);
+		return t({ input: c }), (t, n) => (L(), T("span", {
+			class: N([
+				"glim-secret",
+				s.value,
+				t.$attrs.class
+			]),
+			style: P(t.$attrs.style)
+		}, [J(E("input", M({
+			ref_key: "input",
+			ref: c,
+			"onUpdate:modelValue": n[0] ||= (e) => r.value = e,
 			autocomplete: "current-password",
 			spellcheck: "false"
 		}, {
-			...r.$attrs,
+			...t.$attrs,
 			class: void 0,
 			style: void 0
 		}, {
+			"aria-label": W(o),
 			disabled: e.disabled,
-			type: n.value ? "text" : "password",
+			type: i.value ? "text" : "password",
 			class: "glim-input"
-		}), null, 16, cr), [[oe, t.value]]), E(J, {
-			tip: n.value ? e.text.hide : e.text.show,
+		}), null, 16, Vr), [[ue, r.value]]), k(Kt, M(e.eyeAttrs, {
+			tip: i.value ? e.text.hide : e.text.show,
 			class: "glim-secret-eye",
 			disabled: e.disabled,
-			onClick: i[1] ||= (e) => n.value = !n.value
-		}, {
-			default: W(() => [(P(), b(R(n.value ? V(m) : V(d))))]),
+			onClick: n[1] ||= (e) => i.value = !i.value
+		}), {
+			default: q(() => [(L(), C(V(i.value ? W(h) : W(f))))]),
 			_: 1
-		}, 8, ["tip", "disabled"])], 6));
+		}, 16, ["tip", "disabled"])], 6));
 	}
-}), ur = /* @__PURE__ */ D({
-	__name: "Pill",
-	props: { tone: { default: "neutral" } },
-	setup(e) {
-		let t = e, n = y(() => Ye(t.tone));
-		return (e, t) => (P(), S("span", { class: A(n.value) }, [L(e.$slots, "default")], 2));
+}), Ur = ["aria-label", "disabled"], Wr = /* @__PURE__ */ A({
+	inheritAttrs: !1,
+	__name: "PathField",
+	props: /*@__PURE__*/ j({
+		pick: {},
+		label: {},
+		width: {},
+		text: { default: () => ({ pick: "Choose" }) },
+		glyph: {},
+		compact: { type: Boolean },
+		buttonAttrs: {},
+		disabled: {
+			type: Boolean,
+			default: !1
+		}
+	}, {
+		modelValue: { default: "" },
+		modelModifiers: {}
+	}),
+	emits: /*@__PURE__*/ j(["picked"], ["update:modelValue"]),
+	setup(e, { expose: t, emit: n }) {
+		let r = e, a = G(e, "modelValue"), o = n, s = y(() => r.label), c = H(null);
+		t({ input: c });
+		let l = H(null), u = R(!1), d = new ResizeObserver(([e]) => u.value = e.contentRect.width < Se);
+		F(() => d.observe(l.value)), re(() => d.disconnect());
+		async function f() {
+			let e = await r.pick(a.value);
+			c.value?.focus(), e && (a.value = e, o("picked", e));
+		}
+		return (t, n) => (L(), T("span", {
+			ref_key: "box",
+			ref: l,
+			class: N([
+				"glim-path",
+				W(Le)(e.width),
+				t.$attrs.class
+			]),
+			style: P(t.$attrs.style)
+		}, [J(E("input", M({
+			ref_key: "input",
+			ref: c,
+			"onUpdate:modelValue": n[0] ||= (e) => a.value = e,
+			type: "text",
+			spellcheck: "false",
+			autocomplete: "off",
+			"aria-label": W(s)
+		}, {
+			...t.$attrs,
+			class: void 0,
+			style: void 0
+		}, {
+			disabled: e.disabled,
+			class: "glim-input glim-input--mono"
+		}), null, 16, Ur), [[de, a.value]]), k(Z, M(e.buttonAttrs, {
+			variant: "icon",
+			label: e.text.pick,
+			"label-key": null,
+			glyph: e.glyph ?? W(i),
+			compact: e.compact || u.value,
+			disabled: e.disabled,
+			onClick: f
+		}), null, 16, [
+			"label",
+			"glyph",
+			"compact",
+			"disabled"
+		])], 6));
 	}
-}), dr = [
+}), Gr = [
 	"aria-label",
 	"aria-valuemin",
 	"aria-valuemax",
 	"aria-valuenow",
 	"aria-valuetext"
-], fr = /* @__PURE__ */ D({
+], Kr = /* @__PURE__ */ A({
 	__name: "ProgressBar",
 	props: {
 		value: { default: null },
@@ -1376,31 +1696,40 @@ var Bt = [
 		valueText: {}
 	},
 	setup(e) {
-		let t = e, n = y(() => Qe(t.value, {
+		let t = e, n = S(() => lt(t.value, {
 			paused: t.paused,
 			failed: t.failed
 		}));
-		return (t, r) => (P(), S("span", {
+		return (t, r) => (L(), T("span", {
 			role: "progressbar",
 			"aria-label": e.label,
 			"aria-valuemin": n.value.percent === null ? void 0 : 0,
 			"aria-valuemax": n.value.percent === null ? void 0 : 100,
 			"aria-valuenow": n.value.percent ?? void 0,
 			"aria-valuetext": e.valueText,
-			class: A(n.value.className)
-		}, [C("span", {
+			class: N(n.value.className)
+		}, [E("span", {
 			class: "glim-progress-fill",
-			style: j(n.value.width ? { width: n.value.width } : void 0)
-		}, null, 4)], 10, dr));
+			style: P(n.value.width ? { width: n.value.width } : void 0)
+		}, null, 4)], 10, Gr));
+	}
+}), qr = /* @__PURE__ */ A({
+	__name: "RowMark",
+	props: { on: { type: Boolean } },
+	setup(e) {
+		return (t, n) => (L(), T("span", {
+			class: N(["glim-rowmark", { "glim-rowmark--on": e.on }]),
+			"aria-hidden": "true"
+		}, [k(W(d))], 2));
 	}
-}), pr = [
+}), Jr = [
 	"href",
 	"data-sel-id",
 	"aria-selected",
 	"aria-current",
 	"aria-describedby",
 	"tabindex"
-], mr = [
+], Yr = [
 	"data-sel-id",
 	"id",
 	"role",
@@ -1412,7 +1741,7 @@ var Bt = [
 	"aria-describedby",
 	"disabled",
 	"tabindex"
-], hr = ["id"], gr = /* @__PURE__ */ D({
+], Xr = ["id"], Zr = /* @__PURE__ */ A({
 	__name: "SelectorSegment",
 	props: {
 		item: {},
@@ -1435,7 +1764,7 @@ var Bt = [
 	},
 	emits: ["select"],
 	setup(r, { emit: i }) {
-		let a = r, o = i, s = y(() => st({
+		let a = r, o = i, s = S(() => vt({
 			strip: a.strip,
 			orientation: a.orientation,
 			size: a.size,
@@ -1455,7 +1784,7 @@ var Bt = [
 			disabled: a.disabled,
 			dim: a.item.dim,
 			squeezed: a.squeezed
-		})), c = t(() => s.value.tip, () => a.disabled), l = ie(), u = y(() => a.disabled && !!s.value.tip), d = y(() => u.value ? l : c.describedBy.value), f = y(() => a.strip.kind === "tab"), p = y(() => ({
+		})), c = t(() => s.value.tip, () => a.disabled), l = ce(), u = S(() => a.disabled && !!s.value.tip), d = S(() => u.value ? l : c.describedBy.value), f = S(() => a.strip.kind === "tab"), p = S(() => ({
 			...s.value.style,
 			...a.share
 		}));
@@ -1465,8 +1794,7 @@ var Bt = [
 		function h(e) {
 			e.ctrlKey || e.metaKey || e.shiftKey || e.altKey || e.button !== 0 || (e.preventDefault(), o("select"));
 		}
-		return (t, i) => (P(), S(_, null, [r.orientation === "vertical" ? (P(), S("a", {
-			key: 0,
+		return (t, i) => (L(), T(b, null, [r.orientation === "vertical" ? (L(), T("a", M({ key: 0 }, r.item.attrs, {
 			ref: m,
 			href: r.item.href,
 			"data-sel-id": r.item.id,
@@ -1475,27 +1803,27 @@ var Bt = [
 			"aria-current": r.on ? "page" : void 0,
 			"aria-describedby": d.value,
 			tabindex: r.roved ? 0 : -1,
-			class: A(s.value.className),
-			style: j(p.value),
+			class: s.value.className,
+			style: p.value,
 			onClick: h,
-			onMouseenter: i[0] ||= (...e) => V(c).show && V(c).show(...e),
-			onMouseleave: i[1] ||= (...e) => V(c).hide && V(c).hide(...e),
-			onFocus: i[2] ||= (...e) => V(c).showOnFocus && V(c).showOnFocus(...e),
-			onBlur: i[3] ||= (...e) => V(c).hide && V(c).hide(...e)
-		}, [s.value.showGlyph && r.item.glyph ? (P(), b(R(r.item.glyph), { key: 0 })) : x("", !0), s.value.labelClass === null ? x("", !0) : (P(), S("span", {
+			onMouseenter: i[0] ||= (...e) => W(c).show && W(c).show(...e),
+			onMouseleave: i[1] ||= (...e) => W(c).hide && W(c).hide(...e),
+			onFocus: i[2] ||= (...e) => W(c).showOnFocus && W(c).showOnFocus(...e),
+			onBlur: i[3] ||= (...e) => W(c).hide && W(c).hide(...e)
+		}), [s.value.showGlyph && r.item.glyph ? (L(), C(V(r.item.glyph), { key: 0 })) : w("", !0), s.value.labelClass === null ? w("", !0) : (L(), T("span", {
 			key: 1,
 			"data-sel-label": "",
-			class: A(s.value.labelClass)
-		}, B(r.item.label), 3))], 46, pr)) : (P(), S(_, { key: 1 }, [E(V(n), k({
+			class: N(s.value.labelClass)
+		}, U(r.item.label), 3))], 16, Jr)) : (L(), T(b, { key: 1 }, [k(W(n), M({
 			on: u.value,
-			show: V(c).show,
-			hide: V(c).hide
+			show: W(c).show,
+			hide: W(c).hide
 		}, u.value ? { style: r.share } : {}), {
-			default: W(() => [C("button", {
+			default: q(() => [E("button", M(r.item.attrs, {
 				ref: m,
 				type: "button",
 				"data-sel-id": r.item.id,
-				id: r.panelId && f.value ? V(dt)(r.panelId, r.item.id) : void 0,
+				id: r.panelId && f.value ? W(St)(r.panelId, r.item.id) : void 0,
 				role: r.strip.kind === "toggle" ? void 0 : r.strip.kind,
 				"aria-selected": f.value ? r.on : void 0,
 				"aria-controls": r.panelId && f.value && r.on ? r.panelId : void 0,
@@ -1505,39 +1833,40 @@ var Bt = [
 				"aria-describedby": d.value,
 				disabled: r.disabled,
 				tabindex: r.roved ? 0 : -1,
-				class: A(s.value.className),
-				style: j(p.value),
+				class: s.value.className,
+				style: p.value,
 				onClick: i[4] ||= (e) => o("select"),
-				onMouseenter: i[5] ||= (...e) => V(c).show && V(c).show(...e),
-				onMouseleave: i[6] ||= (...e) => V(c).hide && V(c).hide(...e),
-				onFocus: i[7] ||= (...e) => V(c).showOnFocus && V(c).showOnFocus(...e),
-				onBlur: i[8] ||= (...e) => V(c).hide && V(c).hide(...e)
-			}, [s.value.showGlyph && r.item.glyph ? (P(), b(R(r.item.glyph), { key: 0 })) : x("", !0), s.value.labelClass === null ? x("", !0) : (P(), S("span", {
+				onMouseenter: i[5] ||= (...e) => W(c).show && W(c).show(...e),
+				onMouseleave: i[6] ||= (...e) => W(c).hide && W(c).hide(...e),
+				onFocus: i[7] ||= (...e) => W(c).showOnFocus && W(c).showOnFocus(...e),
+				onBlur: i[8] ||= (...e) => W(c).hide && W(c).hide(...e)
+			}), [s.value.showGlyph && r.item.glyph ? (L(), C(V(r.item.glyph), { key: 0 })) : w("", !0), s.value.labelClass === null ? w("", !0) : (L(), T("span", {
 				key: 1,
 				"data-sel-label": "",
-				class: A(s.value.labelClass)
-			}, B(r.item.label), 3))], 46, mr)]),
+				class: N(s.value.labelClass)
+			}, U(r.item.label), 3))], 16, Yr)]),
 			_: 1
 		}, 16, [
 			"on",
 			"show",
 			"hide"
-		]), u.value ? (P(), S("span", {
+		]), u.value ? (L(), T("span", {
 			key: 0,
-			id: V(l),
+			id: W(l),
 			hidden: ""
-		}, B(s.value.tip), 9, hr)) : x("", !0)], 64)), E(e, { state: V(c) }, null, 8, ["state"])], 64));
+		}, U(s.value.tip), 9, Xr)) : w("", !0)], 64)), k(e, { state: W(c) }, null, 8, ["state"])], 64));
 	}
-}), _r = [
+}), Qr = [
 	"role",
 	"aria-label",
 	"aria-orientation"
-], vr = /* @__PURE__ */ D({
+], $r = /* @__PURE__ */ A({
 	__name: "Selector",
-	props: /*@__PURE__*/ O({
+	props: {
 		items: {},
 		label: {},
-		select: { default: "one" },
+		modelValue: {},
+		select: {},
 		orientation: { default: "horizontal" },
 		size: { default: "md" },
 		variant: { default: "well" },
@@ -1572,106 +1901,108 @@ var Bt = [
 			default: !1
 		},
 		panelId: {}
-	}, {
-		modelValue: { required: !0 },
-		modelModifiers: {}
-	}),
-	emits: ["update:modelValue"],
-	setup(e) {
-		let t = e, n = H(e, "modelValue");
-		function r(e) {
-			let t = z(Be(e));
-			return N(_t(e, () => t.value = Be(e))), t;
+	},
+	emits: ["update:modelValue", "press"],
+	setup(e, { emit: t }) {
+		let n = e, r = t, i = S(() => n.modelValue);
+		function a(e) {
+			let t = H(Ye(e));
+			return I(kt(e, () => t.value = Ye(e))), t;
 		}
-		let i = X(ct(t.size, t.orientation)), a = r(me), o = r(ve), s = y(() => ft({
-			mode: i.value,
-			select: t.select,
-			activation: t.activation,
-			orientation: t.orientation,
-			size: t.size,
-			variant: t.variant,
-			equalWidth: t.equalWidth,
-			inline: t.inline,
-			fit: t.fit,
-			pairsOnPhone: t.pairsOnPhone,
-			hue: t.hue,
-			hueOffset: t.hueOffset,
-			desktop: a.value,
-			wide: o.value,
-			items: t.items.map((e) => ({
+		let o = y(() => n.label), s = S(() => n.inline || n.label === void 0 && o.value !== void 0), c = Zt(yt(n.size, n.orientation)), l = a(ye), u = a(we), d = S(() => Ct({
+			mode: c.value,
+			select: n.select === "many" ? "many" : "one",
+			activation: n.activation,
+			orientation: n.orientation,
+			size: n.size,
+			variant: n.variant,
+			equalWidth: n.equalWidth,
+			inline: s.value,
+			fit: n.fit,
+			pairsOnPhone: n.pairsOnPhone,
+			hue: n.hue,
+			hueOffset: n.hueOffset,
+			desktop: l.value,
+			wide: u.value,
+			items: n.items.map((e) => ({
 				hasGlyph: !!e.glyph,
 				iconOnly: !!e.iconOnly
 			}))
-		})), c = z(null), l = z(null), u = F("even"), d = y(() => t.items.map((e) => e.label).join("\n")), f = y(() => t.items.map((e) => t.disabled || e.disabled ? "1" : "0").join(""));
-		function p(e, t) {
-			U([c, e], (e, n, r) => {
-				if (!c.value) return;
-				let i = t(c.value);
+		})), f = H(null), p = H(null), m = R("even"), h = S(() => n.items.map((e) => e.label).join("\n")), g = S(() => n.items.map((e) => n.disabled || e.disabled ? "1" : "0").join(""));
+		function _(e, t) {
+			K([f, e], (e, n, r) => {
+				if (!f.value) return;
+				let i = t(f.value);
 				i && r(i);
 			}, { flush: "post" });
 		}
-		p(() => s.value.counted, (e) => s.value.counted ? Ae(e) : void 0), p(() => [
-			s.value.pinWidth,
-			t.equalWidth,
-			t.inline,
-			d.value,
-			f.value,
-			t.size,
-			s.value.mode
+		_(() => d.value.counted, (e) => d.value.counted ? Ie(e) : void 0), _(() => [
+			d.value.pinWidth,
+			n.equalWidth,
+			s.value,
+			h.value,
+			g.value,
+			n.size,
+			d.value.mode
 		].join("|"), (e) => {
-			if (!s.value.pinWidth) l.value = null;
-			else return Dt(e, {
-				inline: t.inline,
-				equalWidth: t.equalWidth
-			}, (e) => l.value = e);
-		}), p(() => [
-			s.value.canSqueeze,
-			d.value,
-			f.value,
-			t.size
+			if (!d.value.pinWidth) p.value = null;
+			else return Ut(e, {
+				inline: s.value,
+				equalWidth: n.equalWidth
+			}, (e) => p.value = e);
+		}), _(() => [
+			d.value.canSqueeze,
+			h.value,
+			g.value,
+			n.size
 		].join("|"), (e) => {
-			if (!s.value.canSqueeze) u.value = "even";
-			else return Et(e, (e) => u.value = e);
+			if (!d.value.canSqueeze) m.value = "even";
+			else return Ht(e, (e) => m.value = e);
 		});
-		let m = y(() => lt({
-			rows: l.value,
-			pinWidth: s.value.pinWidth,
-			inline: t.inline,
-			fit: t.fit,
-			fitMode: u.value,
-			pairsOnPhone: t.pairsOnPhone
-		})), h = y(() => t.select === "many"), g = (e) => h.value ? (n.value ?? []).includes(e) : n.value === e, v = y(() => t.items.map((e) => t.disabled || !!e.disabled)), x = y(() => at(v.value, t.items.findIndex((e) => g(e.id))));
-		function C(e) {
-			n.value = h.value ? St(n.value ?? [], e, t.items.map((e) => e.id)) : e;
+		let v = S(() => bt({
+			rows: p.value,
+			pinWidth: d.value.pinWidth,
+			inline: s.value,
+			fit: n.fit,
+			fitMode: m.value,
+			pairsOnPhone: n.pairsOnPhone
+		})), ee = S(() => n.select === "many"), x = (e) => ee.value ? (i.value ?? []).includes(e) : i.value === e, w = S(() => n.items.map((e) => n.disabled || !!e.disabled)), E = S(() => gt(w.value, n.items.findIndex((e) => x(e.id))));
+		function D(e) {
+			r("press", e);
+			let t = ee.value ? It(i.value ?? [], e, n.items.map((e) => e.id)) : e;
+			t !== i.value && r("update:modelValue", t);
 		}
-		function w(e) {
-			let n = e.target;
-			if (t.orientation === "vertical" && e.key === " " && n.dataset.selId) {
-				e.preventDefault(), n.click();
+		function O(e) {
+			let t = e.target;
+			if (n.orientation === "vertical" && e.key === " " && t.dataset.selId) {
+				e.preventDefault(), t.click();
 				return;
 			}
-			let r = it(c.value, e.key, t.orientation);
-			r && (e.preventDefault(), s.value.autoSelect && r.dataset.selId && C(r.dataset.selId));
+			let r = ht(f.value, e.key, n.orientation);
+			if (!r) return;
+			e.preventDefault();
+			let i = n.items.find((e) => String(e.id) === r.dataset.selId);
+			d.value.autoSelect && i && D(i.id);
 		}
-		return (t, n) => (P(), S("div", {
+		return (t, n) => (L(), T("div", {
 			ref_key: "track",
-			ref: c,
-			role: s.value.role,
-			"aria-label": e.label,
-			"aria-orientation": s.value.role === "group" ? void 0 : e.orientation,
-			class: A(s.value.className),
-			style: j(m.value.track),
-			onKeydown: w
-		}, [(P(!0), S(_, null, I(e.items, (t, n) => (P(), b(gr, {
+			ref: f,
+			role: d.value.role,
+			"aria-label": W(o),
+			"aria-orientation": d.value.role === "group" ? void 0 : e.orientation,
+			class: N(d.value.className),
+			style: P(v.value.track),
+			onKeydown: O
+		}, [(L(!0), T(b, null, z(e.items, (t, n) => (L(), C(Zr, {
 			key: t.id,
 			item: t,
 			index: n,
-			strip: s.value,
-			on: g(t.id),
-			disabled: v.value[n],
-			roved: n === x.value,
-			share: e.orientation === "vertical" ? {} : m.value.segment,
-			squeezed: s.value.canSqueeze && u.value === "squeezed",
+			strip: d.value,
+			on: x(t.id),
+			disabled: w.value[n],
+			roved: n === E.value,
+			share: e.orientation === "vertical" ? {} : v.value.segment,
+			squeezed: d.value.canSqueeze && m.value === "squeezed",
 			orientation: e.orientation,
 			size: e.size,
 			variant: e.variant,
@@ -1681,7 +2012,7 @@ var Bt = [
 			hue: e.hue,
 			"hue-offset": e.hueOffset,
 			"panel-id": e.panelId,
-			onSelect: (e) => C(t.id)
+			onSelect: (e) => D(t.id)
 		}, null, 8, [
 			"item",
 			"index",
@@ -1701,13 +2032,65 @@ var Bt = [
 			"hue-offset",
 			"panel-id",
 			"onSelect"
-		]))), 128))], 46, _r));
+		]))), 128))], 46, Qr));
 	}
-}), yr = [
-	"href",
-	"aria-current",
-	"aria-describedby"
-], br = { class: "glim-sr-only" }, xr = /* @__PURE__ */ D({
+}), ei = { class: "glim-sr-only" }, ti = /* @__PURE__ */ A({
+	inheritAttrs: !1,
+	__name: "SidebarRowLink",
+	props: {
+		view: {},
+		className: {},
+		label: {},
+		glyph: {},
+		href: {},
+		active: { type: Boolean },
+		count: {}
+	},
+	setup(n) {
+		let r = n, i = t(() => r.view.tip);
+		function a(e) {
+			i.trigger.value = e;
+		}
+		return (t, r) => (L(), T(b, null, [(L(), C(V(n.href ? "a" : "button"), M(t.$attrs, {
+			ref: a,
+			href: n.href,
+			type: n.href ? void 0 : "button",
+			"aria-current": n.active ? "page" : void 0,
+			"aria-describedby": W(i).describedBy.value,
+			class: n.className,
+			onMouseenter: W(i).show,
+			onMouseleave: W(i).hide,
+			onFocus: W(i).showOnFocus,
+			onBlur: W(i).hide
+		}), {
+			default: q(() => [
+				n.view.showGlyph && n.glyph ? (L(), C(V(n.glyph), { key: 0 })) : w("", !0),
+				E("span", { class: N(n.view.labelClass) }, U(n.label), 3),
+				n.view.countClass && n.count ? (L(), T(b, { key: 1 }, [E("span", {
+					class: N(n.view.countClass),
+					"aria-hidden": "true"
+				}, U(n.count.value), 3), E("span", ei, U(n.count.label), 1)], 64)) : w("", !0)
+			]),
+			_: 1
+		}, 16, [
+			"href",
+			"type",
+			"aria-current",
+			"aria-describedby",
+			"class",
+			"onMouseenter",
+			"onMouseleave",
+			"onFocus",
+			"onBlur"
+		])), k(e, { state: W(i) }, null, 8, ["state"])], 64));
+	}
+}), ni = {
+	key: 0,
+	class: "glim-nav-row-slot"
+}, ri = {
+	key: 1,
+	class: "glim-nav-row-slot"
+}, ii = /* @__PURE__ */ A({
 	inheritAttrs: !1,
 	__name: "SidebarRow",
 	props: {
@@ -1719,64 +2102,164 @@ var Bt = [
 			default: !1
 		},
 		hueIndex: {},
-		count: {}
+		count: {},
+		depth: {}
 	},
-	setup(n) {
-		let r = n, i = X("sidebar"), a = y(() => mt({
-			mode: i.value,
-			label: r.label,
-			hasGlyph: !!r.glyph,
-			active: r.active,
-			hueIndex: r.hueIndex,
-			count: r.count?.value
-		})), o = t(() => a.value.tip);
-		function s(e) {
-			o.trigger.value = e;
-		}
-		return (t, r) => (P(), S(_, null, [C("a", k(t.$attrs, {
-			ref: s,
-			href: n.href,
-			"aria-current": n.active ? "page" : void 0,
-			"aria-describedby": V(o).describedBy.value,
-			class: a.value.className,
-			style: a.value.style,
-			onMouseenter: r[0] ||= (...e) => V(o).show && V(o).show(...e),
-			onMouseleave: r[1] ||= (...e) => V(o).hide && V(o).hide(...e),
-			onFocus: r[2] ||= (...e) => V(o).showOnFocus && V(o).showOnFocus(...e),
-			onBlur: r[3] ||= (...e) => V(o).hide && V(o).hide(...e)
-		}), [
-			a.value.showGlyph && n.glyph ? (P(), b(R(n.glyph), { key: 0 })) : x("", !0),
-			C("span", { class: A(a.value.labelClass) }, B(n.label), 3),
-			a.value.countClass && n.count ? (P(), S(_, { key: 1 }, [C("span", {
-				class: A(a.value.countClass),
-				"aria-hidden": "true"
-			}, B(n.count.value), 3), C("span", br, B(n.count.label), 1)], 64)) : x("", !0)
-		], 16, yr), E(e, { state: V(o) }, null, 8, ["state"])], 64));
+	setup(e) {
+		let t = e, n = Zt("sidebar"), r = le(), i = S(() => Tt({
+			mode: n.value,
+			label: t.label,
+			hasGlyph: !!t.glyph,
+			active: t.active,
+			hueIndex: t.hueIndex,
+			count: t.count?.value,
+			framed: !!(r.before || r.after),
+			depth: t.depth
+		})), a = S(() => ({
+			view: i.value,
+			label: t.label,
+			glyph: t.glyph,
+			href: t.href,
+			active: t.active,
+			count: t.count
+		}));
+		return (e, t) => e.$slots.before || e.$slots.after ? (L(), T("div", {
+			key: 0,
+			class: N([
+				i.value.className,
+				"glim-nav-row--slots",
+				e.$attrs.class
+			]),
+			style: P([i.value.style, e.$attrs.style])
+		}, [
+			e.$slots.before ? (L(), T("span", ni, [B(e.$slots, "before")])) : w("", !0),
+			k(ti, M({
+				...e.$attrs,
+				...a.value,
+				class: void 0,
+				style: void 0
+			}, { "class-name": "glim-nav-row-main" }), null, 16),
+			e.$slots.after ? (L(), T("span", ri, [B(e.$slots, "after")])) : w("", !0)
+		], 6)) : (L(), C(ti, M({ key: 1 }, {
+			...e.$attrs,
+			...a.value,
+			class: void 0
+		}, {
+			"class-name": i.value.className,
+			class: e.$attrs.class,
+			style: i.value.style
+		}), null, 16, [
+			"class-name",
+			"class",
+			"style"
+		]));
 	}
-}), Sr = ["aria-labelledby"], Cr = { class: "glim-subcard-title" }, wr = ["id"], Tr = /* @__PURE__ */ D({
+}), ai = ["aria-labelledby"], oi = {
+	key: 0,
+	class: "glim-subcard-title"
+}, si = ["id"], ci = /* @__PURE__ */ A({
 	__name: "SubCard",
 	props: {
 		title: {},
 		hint: {}
 	},
 	setup(e) {
-		let t = ie();
-		return (n, r) => (P(), S("section", {
+		let t = ce();
+		return (n, r) => (L(), T("section", {
 			class: "glim-subcard",
-			"aria-labelledby": V(t)
-		}, [C("h3", Cr, [C("span", { id: V(t) }, B(e.title), 9, wr), e.hint ? (P(), b(Q, {
+			"aria-labelledby": e.title ? W(t) : void 0
+		}, [e.title ? (L(), T("h3", oi, [E("span", { id: W(t) }, U(e.title), 9, si), e.hint ? (L(), C(Q, {
 			key: 0,
 			tip: e.hint
-		}, null, 8, ["tip"])) : x("", !0)]), L(n.$slots, "default")], 8, Sr));
+		}, null, 8, ["tip"])) : w("", !0)])) : w("", !0), B(n.$slots, "default")], 8, ai));
+	}
+}), li = ["aria-label"], ui = { key: 0 }, di = { key: 0 }, fi = ["colspan"], pi = /* @__PURE__ */ A({
+	__name: "Table",
+	props: {
+		label: {},
+		columns: {},
+		rows: {},
+		more: {}
+	},
+	setup(e) {
+		let t = e, n = S(() => t.columns.some((e) => e.label)), r = (e, t) => e[t.key];
+		return (t, i) => (L(), T("table", {
+			class: "glim-table",
+			"aria-label": e.label
+		}, [n.value ? (L(), T("thead", ui, [E("tr", null, [(L(!0), T(b, null, z(e.columns, (e) => (L(), T("th", {
+			key: e.key,
+			scope: "col",
+			class: N({ "glim-table-end": e.end })
+		}, U(e.label), 3))), 128))])])) : w("", !0), E("tbody", null, [(L(!0), T(b, null, z(e.rows, (n, i) => (L(), T("tr", { key: i }, [(L(!0), T(b, null, z(e.columns, (e) => (L(), T("td", {
+			key: e.key,
+			class: N(W(Mt)(e))
+		}, [B(t.$slots, "cell", {
+			row: n,
+			column: e,
+			value: r(n, e)
+		}, () => [O(U(r(n, e)), 1)])], 2))), 128))]))), 128)), e.more ? (L(), T("tr", di, [E("td", {
+			colspan: e.columns.length,
+			class: "glim-table-muted"
+		}, U(e.more), 9, fi)])) : w("", !0)])], 8, li));
+	}
+}), mi = ["aria-label"], hi = /* @__PURE__ */ A({
+	__name: "TextArea",
+	props: /*@__PURE__*/ j({
+		label: {},
+		mono: { type: Boolean },
+		width: {}
+	}, {
+		modelValue: { default: "" },
+		modelModifiers: {}
+	}),
+	emits: ["update:modelValue"],
+	setup(e, { expose: t }) {
+		let n = e, r = G(e, "modelValue"), i = y(() => n.label), a = S(() => Pt({
+			width: n.width,
+			mono: n.mono,
+			area: !0
+		})), o = H(null);
+		return t({ input: o }), (e, t) => J((L(), T("textarea", {
+			ref_key: "input",
+			ref: o,
+			"onUpdate:modelValue": t[0] ||= (e) => r.value = e,
+			"aria-label": W(i),
+			class: N(a.value)
+		}, null, 10, mi)), [[de, r.value]]);
 	}
-}), Er = { class: "glim-toast-stack" }, Dr = [
+}), gi = ["aria-label"], _i = /* @__PURE__ */ A({
+	__name: "TextField",
+	props: /*@__PURE__*/ j({
+		label: {},
+		mono: { type: Boolean },
+		width: {}
+	}, {
+		modelValue: { default: "" },
+		modelModifiers: {}
+	}),
+	emits: ["update:modelValue"],
+	setup(e, { expose: t }) {
+		let n = e, r = G(e, "modelValue"), i = y(() => n.label), a = S(() => Pt({
+			width: n.width,
+			mono: n.mono
+		})), o = H(null);
+		return t({ input: o }), (e, t) => J((L(), T("input", {
+			ref_key: "input",
+			ref: o,
+			"onUpdate:modelValue": t[0] ||= (e) => r.value = e,
+			type: "text",
+			"aria-label": W(i),
+			class: N(a.value)
+		}, null, 10, gi)), [[de, r.value]]);
+	}
+}), vi = { class: "glim-toast-stack" }, yi = [
 	"role",
 	"onMouseenter",
 	"onMouseleave",
 	"onFocusin",
 	"onFocusout",
 	"onKeydown"
-], Or = { class: "glim-toast-message" }, kr = ["aria-label", "onClick"], Ar = /* @__PURE__ */ D({
+], bi = { class: "glim-toast-body" }, xi = { class: "glim-toast-message" }, Si = { key: 0 }, Ci = ["aria-label", "onClick"], wi = /* @__PURE__ */ A({
 	__name: "ToastViewport",
 	props: {
 		toasts: {},
@@ -1791,7 +2274,10 @@ var Bt = [
 	],
 	setup(e, { emit: t }) {
 		let n = t, r = (e) => e === "success" ? "status" : "alert";
-		return (t, i) => (P(), S("div", Er, [(P(!0), S(_, null, I(e.toasts, (t) => (P(), S("div", {
+		function i(e, t) {
+			t.onClick(), n("dismiss", e);
+		}
+		return (t, a) => (L(), T("div", vi, [(L(!0), T(b, null, z(e.toasts, (t) => (L(), T("div", {
 			key: t.id,
 			role: r(t.severity),
 			class: "glim-toast glim-toast-card",
@@ -1799,31 +2285,39 @@ var Bt = [
 			onMouseleave: (e) => n("leave", t.id),
 			onFocusin: (e) => n("focusin", t.id),
 			onFocusout: (e) => n("focusout", t.id),
-			onKeydown: ce(G((e) => n("dismiss", t.id), ["stop"]), ["esc"])
+			onKeydown: pe(Y((e) => n("dismiss", t.id), ["stop"]), ["esc"])
 		}, [
-			E(V(o), {
-				mark: V(_e)[t.severity],
-				class: A(`glim-toast-glyph glim-toast-glyph--${t.severity}`)
+			k(W(p), {
+				mark: W(Ce)[t.severity],
+				class: N(`glim-toast-glyph glim-toast-glyph--${t.severity}`)
 			}, null, 8, ["mark", "class"]),
-			C("p", Or, B(t.message), 1),
-			C("button", {
+			E("div", bi, [E("p", xi, [(L(!0), T(b, null, z(W(Et)(t.message), (e, t) => (L(), T(b, { key: t }, [t > 0 ? (L(), T("wbr", Si)) : w("", !0), O(U(e), 1)], 64))), 128))]), t.action ? (L(), C(Z, {
+				key: 0,
+				class: "glim-toast-action",
+				tone: "subtle",
+				label: t.action.label,
+				"label-key": null,
+				onClick: (e) => i(t.id, t.action)
+			}, null, 8, ["label", "onClick"])) : w("", !0)]),
+			E("button", {
 				type: "button",
 				"aria-label": e.dismissLabel,
 				class: "glim-btn-bare glim-toast-dismiss",
 				onClick: (e) => n("dismiss", t.id)
-			}, [E(V(o), { mark: V(ge).dismiss }, null, 8, ["mark"])], 8, kr)
-		], 40, Dr))), 128))]));
+			}, [k(W(p), { mark: W(xe).dismiss }, null, 8, ["mark"])], 8, Ci)
+		], 40, yi))), 128))]));
 	}
-}), jr = { class: "glim-toggle" }, Mr = {
+}), Ti = {
 	key: 0,
 	class: "glim-toggle-label"
-}, Nr = [
+}, Ei = [
 	"aria-checked",
 	"aria-label",
 	"disabled"
-], Pr = /* @__PURE__ */ D({
+], Di = /* @__PURE__ */ A({
+	inheritAttrs: !1,
 	__name: "Toggle",
-	props: /*@__PURE__*/ O({
+	props: /*@__PURE__*/ j({
 		label: {},
 		hideLabel: {
 			type: Boolean,
@@ -1842,37 +2336,123 @@ var Bt = [
 	}),
 	emits: ["update:modelValue"],
 	setup(e) {
-		let t = H(e, "modelValue");
-		return (n, r) => (P(), S("span", jr, [e.hideLabel ? x("", !0) : (P(), S("span", Mr, B(e.label), 1)), C("button", {
+		let t = e, n = G(e, "modelValue"), r = y(() => t.label), i = S(() => t.label !== void 0 && !t.hideLabel);
+		return (t, a) => (L(), T("span", {
+			class: N(["glim-toggle", t.$attrs.class]),
+			style: P(t.$attrs.style)
+		}, [i.value ? (L(), T("span", Ti, U(e.label), 1)) : w("", !0), E("button", M({
+			...t.$attrs,
+			class: void 0,
+			style: void 0
+		}, {
 			type: "button",
 			role: "switch",
-			"aria-checked": t.value,
-			"aria-label": e.label,
+			"aria-checked": n.value,
+			"aria-label": W(r),
 			disabled: e.disabled,
 			class: "glim-toggle-track",
-			onClick: r[0] ||= (e) => t.value = !t.value
-		}, [...r[1] ||= [C("span", { class: "glim-toggle-thumb" }, null, -1)]], 8, Nr)]));
+			onClick: a[0] ||= (e) => n.value = !n.value
+		}), [...a[1] ||= [E("span", { class: "glim-toggle-thumb" }, null, -1)]], 16, Ei)], 6));
 	}
-}), Fr = { class: "glim-notice" }, Ir = { class: "glim-notice-title" }, Lr = { class: "glim-notice-reason" }, Rr = {
+}), Oi = ["aria-label"], ki = [
+	"aria-level",
+	"aria-posinset",
+	"aria-setsize",
+	"aria-expanded",
+	"aria-selected",
+	"tabindex",
+	"data-tree-id",
+	"onClick",
+	"onDblclick",
+	"onKeydown"
+], Ai = ["onClick"], ji = {
+	key: 0,
+	class: "glim-tree-glyph",
+	"aria-hidden": "true"
+}, Mi = { class: "glim-tree-label" }, Ni = /* @__PURE__ */ A({
+	__name: "Tree",
+	props: /*@__PURE__*/ j({
+		label: {},
+		load: { type: Function }
+	}, {
+		modelValue: { default: null },
+		modelModifiers: {},
+		open: { default: () => [] },
+		openModifiers: {}
+	}),
+	emits: /*@__PURE__*/ j(["activate"], ["update:modelValue", "update:open"]),
+	setup(e, { emit: t }) {
+		let n = e, i = G(e, "modelValue"), a = G(e, "open"), o = t, s = oe(/* @__PURE__ */ new Map()), c = /* @__PURE__ */ new Set(), l = H(null);
+		function u(e) {
+			c.has(e) || (c.add(e), Promise.resolve(n.load(e)).then((t) => s.set(e, t), () => c.delete(e)));
+		}
+		K(a, (e) => [null, ...e].forEach(u), { immediate: !0 });
+		let d = S(() => Rt(s, a.value)), f = S(() => Math.max(d.value.findIndex((e) => e.node.id === i.value), 0));
+		function p(e) {
+			a.value = a.value.includes(e) ? a.value.filter((t) => t !== e) : [...a.value, e];
+		}
+		function m(e, t) {
+			if (e.ctrlKey || e.metaKey || e.altKey) return;
+			let n = d.value[t].node.id;
+			if (e.key === " " || e.key === "Enter") {
+				e.preventDefault(), i.value = n, e.key === "Enter" && o("activate", n);
+				return;
+			}
+			let r = zt(d.value, t, e.key, getComputedStyle(l.value).direction === "rtl");
+			r && (e.preventDefault(), "focus" in r ? (i.value = r.focus, Ve(l.value, r.focus)) : p("open" in r ? r.open : r.close));
+		}
+		return (t, n) => (L(), T("div", {
+			ref_key: "tree",
+			ref: l,
+			role: "tree",
+			"aria-label": e.label,
+			class: "glim-tree"
+		}, [(L(!0), T(b, null, z(d.value, (e, t) => (L(), T("div", M({ ref_for: !0 }, e.node.attrs, {
+			key: e.node.id,
+			role: "treeitem",
+			"aria-level": e.level,
+			"aria-posinset": e.position,
+			"aria-setsize": e.siblings,
+			"aria-expanded": e.node.hasChildren ? e.open : void 0,
+			"aria-selected": e.node.id === i.value,
+			tabindex: t === f.value ? 0 : -1,
+			"data-tree-id": e.node.id,
+			class: "glim-tree-row",
+			style: { "--tree-level": e.level - 1 },
+			onClick: (t) => i.value = e.node.id,
+			onDblclick: (t) => o("activate", e.node.id),
+			onKeydown: (e) => m(e, t)
+		}), [
+			E("span", {
+				class: "glim-tree-toggle",
+				"aria-hidden": "true",
+				onClick: Y((t) => e.node.hasChildren && p(e.node.id), ["stop"]),
+				onDblclick: n[0] ||= Y(() => {}, ["stop"])
+			}, [e.node.hasChildren ? (L(), C(W(r), { key: 0 })) : w("", !0)], 40, Ai),
+			e.node.glyph ? (L(), T("span", ji, [(L(), C(V(e.open && e.node.openGlyph || e.node.glyph)))])) : w("", !0),
+			E("span", Mi, U(e.node.label), 1)
+		], 16, ki))), 128))], 8, Oi));
+	}
+}), Pi = { class: "glim-notice" }, Fi = { class: "glim-notice-title" }, Ii = { class: "glim-notice-reason" }, Li = {
 	key: 0,
 	class: "glim-notice-action"
-}, zr = /* @__PURE__ */ D({
+}, Ri = /* @__PURE__ */ A({
 	__name: "UnavailableNotice",
 	props: { title: {} },
 	setup(e) {
-		return (t, n) => (P(), S("div", Fr, [
-			C("p", Ir, B(e.title), 1),
-			C("p", Lr, [L(t.$slots, "default")]),
-			t.$slots.action ? (P(), S("div", Rr, [L(t.$slots, "action")])) : x("", !0)
+		return (t, n) => (L(), T("div", Pi, [
+			E("p", Fi, U(e.title), 1),
+			E("p", Ii, [B(t.$slots, "default")]),
+			t.$slots.action ? (L(), T("div", Li, [B(t.$slots, "action")])) : w("", !0)
 		]));
 	}
-}), Br = ["aria-labelledby"], Vr = ["id"], Hr = { class: "glim-modal-body glim-window-body" }, Ur = {
+}), zi = ["aria-labelledby", "aria-label"], Bi = ["id"], Vi = { class: "glim-modal-body glim-window-body" }, Hi = {
 	key: 0,
 	class: "glim-modal-foot"
-}, Wr = {
+}, Ui = {
 	key: 0,
 	class: "glim-window-start"
-}, Gr = /* @__PURE__ */ D({
+}, Wi = /* @__PURE__ */ A({
 	inheritAttrs: !1,
 	__name: "Window",
 	props: {
@@ -1883,84 +2463,85 @@ var Bt = [
 		text: {}
 	},
 	emits: ["close"],
-	setup(e, { emit: t }) {
-		let n = e, r = t, i = ae(), a = z(null), o = ie(), s = Pe(), c = y(() => n.start !== void 0 || !!i.start), l = y(() => kt(n.actions, c.value, {
+	setup(e, { expose: t, emit: n }) {
+		let r = e, i = n, a = le(), o = H(null), s = ce(), c = He(), l = S(() => r.start !== void 0 || !!a.start), u = S(() => Gt(r.actions, l.value, {
 			cancel: {
-				label: n.text.cancel,
+				label: r.text.cancel,
 				labelKey: "common.cancel",
-				glyph: h,
+				glyph: g,
 				wayOut: !0
 			},
 			close: {
-				label: n.text.close,
+				label: r.text.close,
 				labelKey: "common.close",
-				glyph: p,
+				glyph: m,
 				wayOut: !0
 			}
-		})), u;
-		M(() => {
-			u = ht(() => a.value, () => r("close")), a.value && Ot(a.value)?.focus();
-		}), ne(() => {
-			u?.(), rt(s);
-		});
-		function d(e) {
-			e.onClick?.() !== !1 && r("close");
+		})), d;
+		F(() => {
+			d = Dt(() => o.value, () => i("close")), o.value && Wt(o.value)?.focus();
+		}), ie(() => {
+			d?.(), mt(c);
+		}), t({ card: o });
+		function f(e) {
+			e.onClick?.() !== !1 && i("close");
 		}
-		function f() {
-			Ve() || r("close");
+		function p() {
+			Xe() || i("close");
 		}
-		return (t, n) => (P(), b(v, { to: "body" }, [C("div", {
+		return (t, n) => (L(), C(x, { to: "body" }, [E("div", {
 			class: "glim-modal-backdrop",
-			onMousedown: G(f, ["self"])
-		}, [C("div", k(t.$attrs, {
+			onMousedown: Y(p, ["self"])
+		}, [E("div", M(t.$attrs, {
 			ref_key: "card",
-			ref: a,
+			ref: o,
 			role: "dialog",
 			"aria-modal": "true",
-			"aria-labelledby": V(o),
+			"aria-labelledby": t.$slots.title ? void 0 : W(s),
+			"aria-label": t.$slots.title ? e.title : void 0,
 			class: [
 				"glim-modal-card",
 				"glim-window",
 				e.size !== "normal" && `glim-window--${e.size}`
 			]
 		}), [
-			C("h2", {
-				id: V(o),
+			E("h2", {
+				id: W(s),
 				class: "glim-window-title"
-			}, [E(Y, {
+			}, [k(Jt, {
 				tone: "heading",
 				size: "heading",
 				wrap: "",
 				"inset-start": 5
 			}, {
-				default: W(() => [T(B(e.title), 1)]),
-				_: 1
-			})], 8, Vr),
-			C("div", Hr, [L(t.$slots, "default")]),
-			l.value.length ? (P(), S("div", Ur, [c.value ? (P(), S("span", Wr, [L(t.$slots, "start", {}, () => [T(B(e.start), 1)])])) : x("", !0), (P(!0), S(_, null, I(l.value, (e, t) => (P(), b(Z, {
+				default: q(() => [B(t.$slots, "title", {}, () => [O(U(e.title), 1)])]),
+				_: 3
+			})], 8, Bi),
+			E("div", Vi, [B(t.$slots, "default")]),
+			u.value.length ? (L(), T("div", Hi, [l.value ? (L(), T("span", Ui, [B(t.$slots, "start", {}, () => [O(U(e.start), 1)])])) : w("", !0), (L(!0), T(b, null, z(u.value, (e, t) => (L(), C(Z, M({ ref_for: !0 }, e.attrs, {
 				key: t,
 				label: e.label,
 				"label-key": e.labelKey,
 				glyph: e.glyph,
 				tone: e.primary ? "accent" : "neutral",
 				disabled: e.disabled,
-				onClick: (t) => d(e)
-			}, null, 8, [
+				onClick: (t) => f(e)
+			}), null, 16, [
 				"label",
 				"label-key",
 				"glyph",
 				"tone",
 				"disabled",
 				"onClick"
-			]))), 128))])) : x("", !0)
-		], 16, Br)], 32)]));
+			]))), 128))])) : w("", !0)
+		], 16, zi)], 32)]));
 	}
 });
 // src/confirm.ts
-function Kr(e) {
-	let t = z(null), n = z(null), r = null, i = null;
+function Gi(e) {
+	let t = H(null), n = H(null), r = null, i = null;
 	function a(e, n) {
-		return i = Pe(), new Promise((i) => {
+		return i = He(), new Promise((i) => {
 			r = i, t.value = {
 				message: e,
 				...n
@@ -1968,17 +2549,17 @@ function Kr(e) {
 		});
 	}
 	function o(e) {
-		r?.(e), r = null, t.value = null, rt(i), i = null;
+		r?.(e), r = null, t.value = null, mt(i), i = null;
 	}
 	let s = () => o(!1);
-	return U(t, (e, t, r) => {
-		e && r(Ct(() => n.value, s));
+	return K(t, (e, t, r) => {
+		e && r(Lt(() => n.value, s));
 	}), {
 		confirm: a,
 		dismiss: s,
-		ConfirmHost: D(() => () => {
+		ConfirmHost: A(() => () => {
 			let r = t.value;
-			return r ? ee(v, { to: "body" }, [ee(cn, {
+			return r ? te(x, { to: "body" }, [te(Tn, {
 				ref: (e) => n.value = e?.card ?? null,
 				title: e.title,
 				message: r.message,
@@ -1988,8 +2569,8 @@ function Kr(e) {
 				cancelLabel: e.cancel,
 				onConfirm: () => o(!0),
 				onCancel: () => o(!1)
-			}, r.extra ? { extra: () => ee(r.extra) } : void 0)]) : null;
+			}, r.extra ? { extra: () => te(r.extra) } : void 0)]) : null;
 		})
 	};
 }
-export { Y as Badge, Nt as BrandMark, Z as Button, Gt as Card, Yt as Checkbox, en as ColorPicker, cn as ConfirmDialog, Cn as ContextMenu, Dn as CopyField, jn as EmptyState, he as GLIMSTONE_VERSION, h as IconCancel, u as IconCheck, p as IconClose, s as IconCopy, r as IconExpand, d as IconEye, m as IconEyeOff, i as IconPencil, J as IconTipButton, c as IconWindowMaximise, g as IconWindowMinimise, a as IconWindowRestore, Vn as InfoAboutCard, Q as InfoBubble, Wn as InfoHelpCard, er as InfoTile, $n as InfoVersionCard, un as Kbd, o as MarkSvg, rr as MenuBar, ar as Meter, sr as NumberField, lr as PasswordField, ur as Pill, fr as ProgressBar, $ as ReadmeButton, vr as Selector, xr as SidebarRow, Tr as SubCard, Ar as ToastViewport, Pr as Toggle, zr as UnavailableNotice, Gr as Window, f as glyphFor, ut as selectorTabId, l as setGlyphResolver, zt as useAccent, Kr as useConfirm, Ft as useHue, X as useLabelMode, Rt as useMotion, Pt as useRainbow, Lt as useShape, t as useTipBubble };
+export { Jt as Badge, Xt as BrandMark, Z as Button, ln as Card, pn as Checkbox, vn as ColorPicker, Tn as ConfirmDialog, Bn as ContextMenu, Un as CopyField, qn as EmptyState, Zn as FieldRow, Qn as FieldRowGroup, be as GLIMSTONE_VERSION, tr as GlyphField, nr as GlyphTile, ir as IconButton, g as IconCancel, d as IconCheck, m as IconClose, c as IconCopy, r as IconExpand, f as IconEye, h as IconEyeOff, i as IconFolderOpen, l as IconPencil, Kt as IconTipButton, _ as IconWindowMaximise, a as IconWindowMinimise, o as IconWindowRestore, mr as InfoAboutCard, Q as InfoBubble, _r as InfoHelpCard, Dr as InfoTile, Er as InfoVersionCard, Dn as Kbd, Mr as ListRow, p as MarkSvg, Fr as MenuBar, Lr as Meter, Br as NumberField, Hr as PasswordField, Wr as PathField, Jn as Pill, Kr as ProgressBar, $ as ReadmeButton, qr as RowMark, $r as Selector, ii as SidebarRow, ci as SubCard, pi as Table, hi as TextArea, _i as TextField, wi as ToastViewport, Di as Toggle, Ni as Tree, Ri as UnavailableNotice, Wi as Window, u as glyphFor, xt as selectorTabId, s as setGlyphResolver, rn as useAccent, Gi as useConfirm, y as useFieldName, $t as useHue, Zt as useLabelMode, nn as useMotion, Qt as useRainbow, tn as useShape, t as useTipBubble };