@glimstone/vue 4.0.0 → 4.1.1

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, i as a, l as o, n as s, o as c, r as l, s as u, t as d, u as f } from "./glyphs-CvCRgBMU.js";
-import { Fragment as p, Teleport as m, computed as h, createBlock as g, createCommentVNode as _, createElementBlock as v, createElementVNode as y, createSlots as b, createTextVNode as x, createVNode as S, defineComponent as C, h as w, mergeModels as ee, mergeProps as T, normalizeClass as E, normalizeStyle as D, onBeforeUnmount as te, onMounted as ne, onScopeDispose as O, openBlock as k, ref as re, renderList as A, renderSlot as j, resolveDynamicComponent as M, shallowRef as N, toDisplayString as P, unref as F, useAttrs as ie, useId as ae, useModel as I, useSlots as oe, watch as L, withCtx as R, withKeys as se, withModifiers as z } from "vue";
-import { DEFAULT_MOTION as ce, DEFAULT_SHAPE as le, DESKTOP_QUERY as ue, GLIMSTONE_VERSION as de, MARKS as fe, TOAST_MARKS as pe, WIDE_QUERY as me, applyAccent as he, applyMotion as ge, applyRainbow as _e, applyShape as ve, attachNumberSteppers as ye, badgeClassName as be, buttonView as xe, countSelector as Se, focusedAsker as Ce, getLabelMode as B, hueVars as V, keepReadmeFit as we, labelModeChanged as Te, mailHref as Ee, mediaMatches as H, offersMail as De, openInBrowser as U, rainbowState as Oe, readmePartClass as ke, readmeSoon as Ae, readmeUnitClass as je, returnFocus as Me, roveSelector as Ne, rovedIndex as Pe, runUpdateCheck as Fe, segmentView as Ie, selectorAxis as Le, selectorFlex as Re, selectorTabId as ze, selectorTabId as Be, selectorView as Ve, setLabelMode as He, sidebarRowView as Ue, subscribeLabelMode as We, subscribeMedia as Ge, subscribeRainbow as Ke, syncNumberSteppers as qe, takePageHue as W, toggleSelection as Je, trapDialogKeys as Ye, updateFace as Xe, updateStage as Ze, versionLink as G, watchSelectorFit as Qe, watchSelectorRows as $e } from "@glimstone/core";
-// src/IconTipButton.vue?vue&type=script&setup=true&lang.ts
-var et = [
-	"type",
-	"disabled",
-	"aria-label",
-	"aria-describedby"
-], tt = /* @__PURE__ */ C({
+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 et = [
 			type: Boolean,
 			default: !1
 		},
+		href: {},
 		type: { default: "button" }
 	},
 	setup(r) {
 		let i = r, a = t(() => i.tip, () => i.disabled);
-		return (t, i) => (k(), v(p, null, [S(F(n), {
+		return (t, i) => (L(), T(b, null, [k(W(n), {
 			on: r.disabled,
-			show: F(a).show,
-			hide: F(a).hide
+			show: W(a).show,
+			hide: W(a).hide
 		}, {
-			default: R(() => [y("button", T(t.$attrs, {
-				ref: (e) => F(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": F(a).describedBy.value,
-				onMouseenter: i[0] ||= (...e) => F(a).show && F(a).show(...e),
-				onMouseleave: i[1] ||= (...e) => F(a).hide && F(a).hide(...e),
-				onFocus: i[2] ||= (...e) => F(a).showOnFocus && F(a).showOnFocus(...e),
-				onBlur: i[3] ||= (...e) => F(a).hide && F(a).hide(...e)
-			}), [j(t.$slots, "default")], 16, et)]),
+				"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"
-		]), S(e, { state: F(a) }, null, 8, ["state"])], 64));
+		]), k(e, { state: W(a) }, null, 8, ["state"])], 64));
 	}
-}), nt = ["disabled"], K = /* @__PURE__ */ C({
+}), qt = ["disabled"], Jt = /* @__PURE__ */ A({
 	__name: "Badge",
 	props: {
 		tone: { default: "neutral" },
@@ -68,10 +79,10 @@ var et = [
 		}
 	},
 	setup(e) {
-		let t = e, n = h(() => t.hueIndex !== void 0 && (t.tone === "heading" || t.tone === "active")), r = h(() => [
+		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",
-			be({
+			Ae({
 				tone: t.tone,
 				size: t.size,
 				shape: t.shape,
@@ -81,112 +92,107 @@ var et = [
 				insetStart: t.insetStart,
 				action: t.as !== "span"
 			})
-		].filter(Boolean)), i = h(() => n.value ? V(t.hueIndex) : void 0);
-		return (t, n) => e.as === "button" && e.tip !== void 0 ? (k(), g(tt, {
+		].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: E(r.value),
-			style: D(i.value)
+			class: N(r.value),
+			style: P(i.value)
 		}, {
-			default: R(() => [j(t.$slots, "default")]),
+			default: q(() => [B(t.$slots, "default")]),
 			_: 3
 		}, 8, [
 			"tip",
 			"disabled",
 			"class",
 			"style"
-		])) : e.as === "button" ? (k(), v("button", {
+		])) : e.as === "button" ? (L(), T("button", {
 			key: 1,
 			type: "button",
 			disabled: e.disabled,
-			class: E(r.value),
-			style: D(i.value)
-		}, [j(t.$slots, "default")], 14, nt)) : e.as === "a" ? (k(), v("a", {
+			class: N(r.value),
+			style: P(i.value)
+		}, [B(t.$slots, "default")], 14, qt)) : e.as === "a" ? (L(), T("a", {
 			key: 2,
-			class: E(r.value),
-			style: D(i.value)
-		}, [j(t.$slots, "default")], 6)) : (k(), v("span", {
+			class: N(r.value),
+			style: P(i.value)
+		}, [B(t.$slots, "default")], 6)) : (L(), T("span", {
 			key: 3,
-			class: E(r.value),
-			style: D(i.value)
-		}, [j(t.$slots, "default")], 6));
+			class: N(r.value),
+			style: P(i.value)
+		}, [B(t.$slots, "default")], 6));
 	}
-}), rt = ["innerHTML"], it = /* @__PURE__ */ C({
+}), Yt = ["innerHTML"], Xt = /* @__PURE__ */ A({
 	__name: "BrandMark",
 	props: { svg: {} },
 	setup(e) {
-		return (t, n) => (k(), v("span", {
+		return (t, n) => (L(), T("span", {
 			class: "glim-brand-svg",
 			"aria-hidden": "true",
 			innerHTML: e.svg
-		}, null, 8, rt));
+		}, null, 8, Yt));
 	}
 });
 // src/engines.ts
-function q(e) {
-	let t = N(B(e));
-	return O(We(() => t.value = B(e))), h({
+function Zt(e) {
+	let t = H(Ue(e));
+	return I(Ot(() => t.value = Ue(e))), S({
 		get: () => t.value,
 		set: (t) => {
-			He(e, t), Te();
+			wt(e, t), qe();
 		}
 	});
 }
-function at() {
-	let e = N(Oe());
-	return O(Ke(() => e.value = Oe())), h({
+function Qt() {
+	let e = H(ut());
+	return I(At(() => e.value = ut())), S({
 		get: () => e.value,
-		set: (e) => _e(e)
+		set: (e) => De(e)
 	});
 }
-function ot(e) {
-	return h(() => {
+function $t(e) {
+	return S(() => {
 		let t = e();
-		return t === void 0 ? void 0 : V(t);
+		return t === void 0 ? void 0 : We(t);
 	});
 }
-function J(e, t) {
-	let n = N(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]
-	}), O(() => r.disconnect()), n;
+	}), I(() => r.disconnect()), n;
 }
-function st() {
-	let e = J("data-shape", () => document.documentElement.getAttribute("data-shape") ?? le);
-	return h({
+function tn() {
+	let e = en("data-shape", () => document.documentElement.getAttribute("data-shape") ?? ve);
+	return S({
 		get: () => e.value,
-		set: ve
+		set: Oe
 	});
 }
-function ct() {
-	let e = J("data-motion", () => document.documentElement.getAttribute("data-motion") ?? ce);
-	return h({
+function nn() {
+	let e = en("data-motion", () => document.documentElement.getAttribute("data-motion") ?? _e);
+	return S({
 		get: () => e.value,
-		set: ge
+		set: Ee
 	});
 }
-function lt() {
-	let e = J("style", () => document.documentElement.style.getPropertyValue("--accent"));
-	return h({
+function rn() {
+	let e = en("style", () => document.documentElement.style.getPropertyValue("--accent"));
+	return S({
 		get: () => e.value,
-		set: (e) => he(e || void 0)
+		set: (e) => Te(e || void 0)
 	});
 }
 // src/Button.vue?vue&type=script&setup=true&lang.ts
-var ut = [
-	"type",
-	"disabled",
-	"aria-busy",
-	"aria-describedby"
-], dt = {
+var an = {
 	key: 0,
 	class: "glim-btn-glyph"
-}, ft = {
+}, on = {
 	key: 0,
 	class: "glim-spinner"
-}, Y = /* @__PURE__ */ C({
+}, Z = /* @__PURE__ */ A({
 	inheritAttrs: !1,
 	__name: "Button",
 	props: {
@@ -199,6 +205,7 @@ var ut = [
 			type: Boolean,
 			default: !1
 		},
+		href: {},
 		type: { default: "button" },
 		title: {},
 		hueIndex: {},
@@ -210,56 +217,86 @@ var ut = [
 		keepLabel: {
 			type: Boolean,
 			default: !1
-		}
+		},
+		compact: { type: Boolean },
+		compactBelow: {},
+		size: {}
 	},
 	setup(r, { expose: i }) {
-		let a = r, s = q("buttons"), c = h(() => a.glyph ?? (a.labelKey ? o(a.labelKey) : void 0) ?? (a.variant === "chip" ? l : void 0)), u = h(() => xe({
-			mode: s.value,
+		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: !!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
-		})), d = t(() => u.value.tip, () => a.disabled), f = N(null);
-		function m(e) {
-			f.value = e, d.trigger.value = f.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 b(e) {
-			u.value.pageHue && W(e.currentTarget), d.show();
+		function g(e) {
+			l.value.pageHue && Nt(e.currentTarget), f.show();
 		}
-		function x(e) {
-			u.value.pageHue && W(e.currentTarget), d.showOnFocus();
+		function _(e) {
+			l.value.pageHue && Nt(e.currentTarget), f.showOnFocus();
 		}
-		return i({ el: f }), (t, i) => (k(), v(p, null, [S(F(n), {
-			on: r.disabled && !!u.value.tip,
-			show: F(d).show,
-			hide: F(d).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: R(() => [y("button", T(t.$attrs, {
-				ref: m,
-				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": F(d).describedBy.value,
-				style: u.value.style,
-				class: u.value.className,
-				onMouseenter: b,
-				onMouseleave: i[0] ||= (...e) => F(d).hide && F(d).hide(...e),
-				onFocus: x,
-				onBlur: i[1] ||= (...e) => F(d).hide && F(d).hide(...e)
-			}), [u.value.showGlyph ? (k(), v("span", dt, [r.busy ? (k(), v("span", ft)) : (k(), g(M(c.value), { key: 1 }))])) : _("", !0), y("span", { class: E(u.value.labelClass) }, P(r.label), 3)], 16, ut)]),
-			_: 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"
-		]), S(e, { state: F(d) }, null, 8, ["state"])], 64));
+		]), k(e, { state: W(f) }, null, 8, ["state"])], 64));
 	}
-}), pt = ["aria-label", "aria-describedby"], X = /* @__PURE__ */ C({
+}), sn = ["aria-label", "aria-describedby"], Q = /* @__PURE__ */ A({
 	__name: "InfoBubble",
 	props: {
 		tip: {},
@@ -270,49 +307,49 @@ var ut = [
 	},
 	setup(n) {
 		let r = n, i = t(() => r.tip);
-		return (t, r) => (k(), v(p, null, [y("span", {
-			ref: (e) => F(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": F(i).describedBy.value,
+			"aria-describedby": W(i).describedBy.value,
 			tabindex: "0",
-			class: E(n.onAccent ? "glim-info-icon glim-info-icon--on-accent" : "glim-info-icon"),
-			onMouseenter: r[0] ||= (...e) => F(i).show && F(i).show(...e),
-			onMouseleave: r[1] ||= (...e) => F(i).hide && F(i).hide(...e),
-			onFocus: r[2] ||= (...e) => F(i).showOnFocus && F(i).showOnFocus(...e),
-			onBlur: r[3] ||= (...e) => F(i).hide && F(i).hide(...e),
-			onClick: r[4] ||= z(() => {}, ["prevent"])
-		}, [...r[5] ||= [y("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"
 		}, [
-			y("circle", {
+			E("circle", {
 				cx: "8",
 				cy: "8",
 				r: "7",
 				stroke: "currentColor",
 				"stroke-width": "1.3"
 			}),
-			y("circle", {
+			E("circle", {
 				cx: "8",
 				cy: "4.6",
 				r: "0.9",
 				fill: "currentColor"
 			}),
-			y("path", {
+			E("path", {
 				d: "M8 7v4.4",
 				stroke: "currentColor",
 				"stroke-width": "1.3",
 				"stroke-linecap": "round"
 			})
-		], -1)]], 42, pt), S(e, { state: F(i) }, null, 8, ["state"])], 64));
+		], -1)]], 42, sn), k(e, { state: W(i) }, null, 8, ["state"])], 64));
 	}
-}), mt = {
+}), cn = {
 	key: 0,
 	class: "glim-panel-heading"
-}, Z = /* @__PURE__ */ C({
+}, ln = /* @__PURE__ */ A({
 	__name: "Card",
 	props: {
 		title: {},
@@ -321,9 +358,9 @@ var ut = [
 		nested: { type: Boolean }
 	},
 	setup(e) {
-		let t = e, n = h(() => t.hueIndex === void 0 ? void 0 : V(t.hueIndex));
-		return (t, r) => (k(), v("div", {
-			class: E([
+		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,158 @@ var ut = [
 					"glim-hue": e.hueIndex !== void 0
 				}
 			]),
-			style: D(n.value)
-		}, [e.title || e.hint ? (k(), v("h2", mt, [S(K, {
+			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: R(() => [x(P(e.title) + " ", 1), e.hint ? (k(), g(X, {
+			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"])) : _("", !0)]),
-			_: 1
-		}, 8, ["hue-index"])])) : _("", !0), j(t.$slots, "default")], 6));
+			}, null, 8, ["tip"])) : w("", !0)]),
+			_: 3
+		}, 8, ["hue-index"])])) : w("", !0), B(t.$slots, "default")], 6));
+	}
+}), un = [
+	"aria-checked",
+	"aria-label",
+	"disabled"
+], dn = {
+	class: "glim-checkbox-box",
+	"aria-hidden": "true"
+}, fn = { key: 0 }, pn = /* @__PURE__ */ A({
+	__name: "Checkbox",
+	props: /*@__PURE__*/ j({
+		label: {},
+		hideLabel: {
+			type: Boolean,
+			default: !1
+		},
+		slim: {
+			type: Boolean,
+			default: !1
+		},
+		disabled: {
+			type: Boolean,
+			default: !1
+		}
+	}, {
+		modelValue: {
+			type: Boolean,
+			required: !0
+		},
+		modelModifiers: {}
+	}),
+	emits: ["update:modelValue"],
+	setup(e) {
+		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: N(["glim-checkbox", { "glim-checkbox--slim": e.slim }]),
+			onClick: i[0] ||= (e) => r.value = !r.value
+		}, [E("span", dn, [k(W(d))]), n.value ? w("", !0) : (L(), T("span", fn, U(e.label), 1))], 10, un));
 	}
-}), ht = { class: "glim-modal-head" }, gt = {
+}), mn = { class: "glim-picker-foot" }, hn = {
+	key: 0,
+	class: "glim-picker-name"
+}, gn = ["value", "aria-label"], _n = { class: "glim-picker-actions" }, vn = /* @__PURE__ */ A({
+	__name: "ColorPicker",
+	props: /*@__PURE__*/ j({
+		anchor: { default: null },
+		names: {
+			type: [Array, Boolean],
+			default: () => me
+		},
+		text: {}
+	}, {
+		modelValue: { required: !0 },
+		modelModifiers: {}
+	}),
+	emits: /*@__PURE__*/ j([
+		"apply",
+		"input",
+		"close"
+	], ["update:modelValue"]),
+	setup(e, { emit: t }) {
+		let n = e, r = G(e, "modelValue"), i = t, a = {
+			...he,
+			...n.text
+		}, 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;
+		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 = nt(l.value);
+			t && (c.value = t, f.setValue(t), i("input", t));
+		}
+		function h() {
+			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) => (L(), C(x, {
+			to: "body",
+			disabled: !e.anchor
+		}, [E("div", {
+			ref_key: "panel",
+			ref: o,
+			class: N(["glim-picker-panel", e.anchor && "glim-picker-panel--float"]),
+			style: P({ "--glim-picker-colour": c.value }),
+			onKeydown: g
+		}, [
+			E("div", {
+				ref_key: "host",
+				ref: s,
+				style: { display: "contents" }
+			}, null, 512),
+			E("div", mn, [
+				n[0] ||= E("span", {
+					class: "glim-picker-swatch",
+					"aria-hidden": "true"
+				}, null, -1),
+				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, gn)
+			]),
+			E("div", _n, [k(Z, {
+				label: a.apply,
+				"label-key": "apply",
+				glyph: W(d),
+				tone: "accent",
+				onClick: h
+			}, null, 8, ["label", "glyph"])])
+		], 38)], 8, ["disabled"]));
+	}
+}), yn = { class: "glim-modal-head" }, bn = {
 	id: "confirmdialog-title",
 	class: "glim-modal-title"
-}, _t = { class: "glim-modal-body" }, vt = {
+}, xn = { class: "glim-modal-body" }, Sn = {
 	id: "confirmdialog-message",
 	class: "glim-modal-text"
-}, yt = {
+}, Cn = {
 	key: 0,
 	class: "glim-modal-extra"
-}, bt = { class: "glim-modal-foot" }, xt = /* @__PURE__ */ C({
+}, wn = { class: "glim-modal-foot" }, Tn = /* @__PURE__ */ A({
 	__name: "ConfirmDialog",
 	props: {
 		title: {},
@@ -368,11 +532,11 @@ var ut = [
 	},
 	emits: ["confirm", "cancel"],
 	setup(e, { expose: t, emit: n }) {
-		let r = n, i = N(null), a = N(null);
-		return ne(() => a.value?.el?.focus()), t({ card: i }), (t, n) => (k(), v("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] ||= z((e) => r("cancel"), ["self"])
-		}, [y("div", {
+			onClick: n[3] ||= Y((e) => r("cancel"), ["self"])
+		}, [E("div", {
 			ref_key: "card",
 			ref: i,
 			role: "dialog",
@@ -381,30 +545,30 @@ var ut = [
 			"aria-describedby": "confirmdialog-message",
 			class: "glim-modal-card"
 		}, [
-			y("div", ht, [y("h2", gt, [S(K, {
+			E("div", yn, [E("h2", bn, [k(Jt, {
 				tone: "heading",
 				size: "heading",
 				wrap: ""
 			}, {
-				default: R(() => [x(P(e.title), 1)]),
+				default: q(() => [O(U(e.title), 1)]),
 				_: 1
-			})]), e.closeLabel === void 0 ? _("", !0) : (k(), g(Y, {
+			})]), e.closeLabel === void 0 ? w("", !0) : (L(), C(Z, {
 				key: 0,
 				label: e.closeLabel,
 				"label-key": "common.close",
-				glyph: F(l),
+				glyph: W(m),
 				class: "glim-modal-close",
 				onClick: n[0] ||= (e) => r("cancel")
 			}, null, 8, ["label", "glyph"]))]),
-			y("div", _t, [y("p", vt, P(e.message), 1), t.$slots.extra ? (k(), v("div", yt, [j(t.$slots, "extra")])) : _("", !0)]),
-			y("div", bt, [S(Y, {
+			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: F(d),
+				glyph: W(g),
 				onClick: n[1] ||= (e) => r("cancel")
-			}, null, 8, ["label", "glyph"]), S(Y, {
+			}, null, 8, ["label", "glyph"]), k(Z, {
 				label: e.confirmLabel,
 				"label-key": e.confirmLabelKey ?? null,
 				glyph: e.confirmGlyph,
@@ -416,14 +580,288 @@ var ut = [
 			])])
 		], 512)]));
 	}
-}), St = {
+}), En = { class: "glim-kbd" }, Dn = /* @__PURE__ */ A({
+	__name: "Kbd",
+	setup(e) {
+		return (e, t) => (L(), T("kbd", En, [B(e.$slots, "default")]));
+	}
+}), On = {
+	key: 0,
+	class: "glim-menu-sep",
+	role: "separator"
+}, kn = {
+	key: 1,
+	class: "glim-menu-head",
+	role: "presentation"
+}, An = [
+	"role",
+	"aria-checked",
+	"aria-haspopup",
+	"aria-expanded",
+	"disabled",
+	"data-row",
+	"onClick"
+], jn = {
+	key: 0,
+	class: "glim-checkbox-box",
+	"aria-hidden": "true"
+}, Mn = {
+	key: 2,
+	class: "glim-menu-glyph",
+	"aria-hidden": "true"
+}, Nn = { class: "glim-menu-label" }, Pn = {
+	key: 3,
+	class: "glim-menu-end glim-menu-caret",
+	"aria-hidden": "true"
+}, Fn = {
+	key: 4,
+	class: "glim-menu-end glim-menu-tick",
+	"aria-hidden": "true"
+}, In = {
+	key: 6,
+	class: "glim-menu-end glim-menu-count glim-num"
+}, Ln = /* @__PURE__ */ A({
+	__name: "MenuRows",
+	props: {
+		entries: {},
+		openAt: {}
+	},
+	emits: ["pick"],
+	setup(e, { emit: t }) {
+		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: Qe(e)
+		}));
+		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) => i("pick", n)
+		}, {
+			default: q(() => [(L(), C(V(t.head.edit.glyph ?? W(l))))]),
+			_: 2
+		}, 1032, [
+			"tip",
+			"data-row",
+			"onClick"
+		])) : w("", !0)])) : (L(), T("button", {
+			key: 2,
+			type: "button",
+			role: t.view.role,
+			tabindex: "-1",
+			"aria-checked": t.view.role === "menuitem" ? void 0 : t.item.checked,
+			"aria-haspopup": t.item.sub ? "menu" : void 0,
+			"aria-expanded": t.item.sub ? e.openAt === n : void 0,
+			disabled: t.item.disabled,
+			class: N(["glim-menu-item", { "glim-menu-item--current": t.view.current }]),
+			"data-row": n,
+			onClick: (e) => i("pick", n)
+		}, [
+			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: P({ backgroundColor: t.item.color }),
+				"aria-hidden": "true"
+			}, 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: q(() => [O(U(t.item.shortcut), 1)]),
+				_: 2
+			}, 1024)) : t.view.end === "count" ? (L(), T("span", In, U(t.item.count), 1)) : w("", !0)
+		], 10, An))], 64))), 128));
+	}
+}), Rn = ["id", "aria-label"], zn = ["id", "aria-label"], Bn = /* @__PURE__ */ A({
+	__name: "ContextMenu",
+	props: {
+		x: {},
+		y: {},
+		items: {},
+		above: {
+			type: Boolean,
+			default: !1
+		},
+		label: { default: void 0 },
+		id: {},
+		opener: { default: null }
+	},
+	emits: ["close", "step"],
+	setup(e, { emit: t }) {
+		let n = e, r = t, i = H(null), a = H(null), o = He(), s = R({
+			left: n.x,
+			top: n.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 !== "-" && !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 && mt(n.opener ?? o);
+		}
+		function h() {
+			let e = i.value;
+			e && (s.value = ot(n.x, n.y, {
+				width: e.offsetWidth,
+				height: e.offsetHeight
+			}, p(), n.above));
+		}
+		K(() => [
+			n.x,
+			n.y,
+			n.above
+		], h, { flush: "post" });
+		let g, _;
+		F(() => {
+			h(), g = Me(m), _ = Ne(() => [
+				i.value,
+				a.value,
+				n.opener
+			], () => m(!1)), i.value && ze(i.value);
+		}), ie(() => {
+			g?.(), _?.();
+		}), 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 = st(t.getBoundingClientRect(), {
+				width: n.offsetWidth,
+				height: n.offsetHeight
+			}, p(), r), e.focus && ze(n);
+		}, { flush: "post" });
+		function v(e, t) {
+			let n = e[t];
+			n !== "-" && (Ge(n) ? (m(!0), n.edit?.onSelect()) : n.sub && e === u.value ? c.value = {
+				at: t,
+				focus: !0
+			} : (Qe(n).staysOpen || m(!0), n.onSelect?.()));
+		}
+		function y(e, t) {
+			if (e.key === "Tab") return m(!1);
+			let n = e.currentTarget, a = Ze(e.key, getComputedStyle(n).direction === "rtl");
+			if (!a) return;
+			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 !== "-" && !Ge(s) && s.sub && !s.disabled ? c.value = {
+				at: o,
+				focus: !0
+			} : r("step", a === "in" ? 1 : -1);
+		}
+		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 !== "-" && !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) => (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: P({
+				left: `${s.value.left}px`,
+				top: `${s.value.top}px`
+			}),
+			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) => 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: P({
+				left: `${l.value?.left ?? 0}px`,
+				top: `${l.value?.top ?? 0}px`
+			}),
+			onKeydown: n[4] ||= (e) => y(e, !0),
+			onContextmenu: n[5] ||= Y(() => {}, ["prevent"])
+		}, [k(Ln, {
+			entries: f.value,
+			onPick: n[3] ||= (e) => v(f.value, e)
+		}, null, 8, ["entries"])], 44, zn)) : w("", !0)]));
+	}
+}), Vn = ["value", "aria-label"], Hn = {
+	role: "status",
+	class: "glim-sr-only"
+}, Un = /* @__PURE__ */ A({
+	__name: "CopyField",
+	props: {
+		value: {},
+		label: {},
+		width: {},
+		text: { default: () => ({
+			copy: "Copy",
+			copied: "Copied"
+		}) }
+	},
+	emits: ["copy"],
+	setup(e, { emit: t }) {
+		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) => (L(), T("span", { class: N(["glim-copy", W(Le)(e.width)]) }, [
+			E("input", {
+				ref_key: "field",
+				ref: o,
+				readonly: "",
+				value: e.value,
+				"aria-label": W(i),
+				spellcheck: "false",
+				class: "glim-input glim-input--mono"
+			}, 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: l
+			}, null, 8, [
+				"label",
+				"label-key",
+				"glyph"
+			]),
+			E("span", Hn, U(a.value ? e.text.copied : ""), 1)
+		], 2));
+	}
+}), Wn = {
 	key: 0,
 	class: "glim-empty-glyph",
 	"aria-hidden": "true"
-}, Ct = { class: "glim-empty-title" }, wt = {
+}, Gn = { class: "glim-empty-title" }, Kn = {
 	key: 1,
 	class: "glim-empty-hint"
-}, Tt = /* @__PURE__ */ C({
+}, qn = /* @__PURE__ */ A({
 	__name: "EmptyState",
 	props: {
 		glyph: {},
@@ -435,28 +873,187 @@ var ut = [
 		}
 	},
 	setup(e) {
-		return (t, n) => (k(), v("div", { class: E(e.nested ? "glim-empty" : "glim-card glim-empty") }, [
-			e.glyph ? (k(), v("span", St, [(k(), g(M(e.glyph)))])) : _("", !0),
-			y("p", Ct, P(e.title), 1),
-			e.hint ? (k(), v("p", wt, P(e.hint), 1)) : _("", !0),
-			j(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));
 	}
-}), Et = {
+}), 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"
-}, Dt = { class: "glim-readme-btn-text" }, Ot = { class: "glim-readme-btn-name" }, kt = {
+}, or = { class: "glim-readme-btn-text" }, sr = { class: "glim-readme-btn-name" }, cr = {
 	key: 0,
 	class: "glim-readme-btn-sub"
-}, At = {
+}, lr = {
 	key: 0,
 	class: "glim-readme-btn-sheen",
 	"aria-hidden": "true"
-}, jt = {
+}, ur = {
 	key: 1,
 	class: "glim-readme-btn-hint"
-}, Q = /* @__PURE__ */ C({
+}, $ = /* @__PURE__ */ A({
 	__name: "ReadmeButton",
 	props: {
 		brand: {},
@@ -471,10 +1068,10 @@ var ut = [
 	},
 	emits: ["linkClick"],
 	setup(e, { emit: t }) {
-		let n = e, r = t, i = h(() => Ae(n.parts)), a = N(null), o = h(() => n.parts.map((e) => `${e.name}\n${e.sub ?? ""}`).join("\n") + (i.value ? n.soonLabel : "")), s;
-		L([a, o], () => {
-			s?.(), s = a.value ? we(a.value) : void 0;
-		}, { flush: "post" }), O(() => 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",
@@ -484,27 +1081,27 @@ var ut = [
 			type: "button",
 			onClick: e.onClick
 		};
-		return (t, n) => (k(), v("div", {
+		return (t, n) => (L(), T("div", {
 			ref_key: "root",
 			ref: a,
-			class: E(F(je)(e.brand, e.parts.length, e.note, i.value))
+			class: N(W(pt)(e.brand, e.parts.length, e.note, i.value))
 		}, [
-			(k(!0), v(p, null, A(e.parts, (n, r) => (k(), g(M(u(n)), T({ 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: F(ke)(r, i.value)
+				class: W(dt)(r, i.value)
 			}), {
-				default: R(() => [r === 0 && t.$slots.art ? (k(), v("span", Et, [j(t.$slots, "art")])) : (k(), v(p, { key: 1 }, [r === 0 && t.$slots.mark ? (k(), v("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: E(`glim-readme-btn-mark ${e.markClass ?? ""}`),
+					class: N(`glim-readme-btn-mark ${e.markClass ?? ""}`),
 					"aria-hidden": "true"
-				}, [j(t.$slots, "mark")], 2)) : _("", !0), y("span", Dt, [y("span", Ot, P(n.name), 1), c(n) ? (k(), v("span", kt, P(c(n)), 1)) : _("", !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 ? _("", !0) : (k(), v("span", At)),
-			e.hint ? (k(), v("span", jt, [S(X, { tip: e.hint }, null, 8, ["tip"])])) : _("", !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));
 	}
-}), Mt = { class: "glim-info-text" }, Nt = { class: "glim-info-text" }, Pt = { class: "glim-readme-btn-rows glim-about-give" }, Ft = /* @__PURE__ */ C({
+}), 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: {},
@@ -517,25 +1114,25 @@ var ut = [
 		hueIndex: {}
 	},
 	setup(e) {
-		return (t, n) => (k(), g(Z, {
+		return (t, n) => (L(), C(ln, {
 			title: e.text.title,
 			"hue-index": e.hueIndex
 		}, {
-			default: R(() => [
-				y("p", Mt, P(e.text.body), 1),
-				y("p", Nt, P(e.text.coffee), 1),
-				y("div", Pt, [
-					S(Q, {
+			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: R(() => [(k(), g(M(e.coffeeArt)))]),
+						art: q(() => [(L(), C(V(e.coffeeArt)))]),
 						_: 1
 					}, 8, ["parts"]),
-					e.onPaypal && e.text.paypalButton ? (k(), g(Q, {
+					e.onPaypal && e.text.paypalButton ? (L(), C($, {
 						key: 0,
 						brand: "paypal",
 						parts: [{
@@ -543,12 +1140,12 @@ var ut = [
 							onClick: e.onPaypal
 						}],
 						"mark-class": "glim-paypal-mark"
-					}, b({ _: 2 }, [e.paypalGlyph ? {
+					}, D({ _: 2 }, [e.paypalGlyph ? {
 						name: "mark",
-						fn: R(() => [(k(), g(M(e.paypalGlyph)))]),
+						fn: q(() => [(L(), C(V(e.paypalGlyph)))]),
 						key: "0"
-					} : void 0]), 1032, ["parts"])) : _("", !0),
-					e.onCrypto && e.text.cryptoButton ? (k(), g(Q, {
+					} : void 0]), 1032, ["parts"])) : w("", !0),
+					e.onCrypto && e.text.cryptoButton ? (L(), C($, {
 						key: 1,
 						brand: "bitcoin",
 						parts: [{
@@ -556,17 +1153,17 @@ var ut = [
 							onClick: e.onCrypto
 						}],
 						"mark-class": "glim-bitcoin-mark"
-					}, b({ _: 2 }, [e.cryptoGlyph ? {
+					}, D({ _: 2 }, [e.cryptoGlyph ? {
 						name: "mark",
-						fn: R(() => [(k(), g(M(e.cryptoGlyph)))]),
+						fn: q(() => [(L(), C(V(e.cryptoGlyph)))]),
 						key: "0"
-					} : void 0]), 1032, ["parts"])) : _("", !0)
+					} : void 0]), 1032, ["parts"])) : w("", !0)
 				])
 			]),
 			_: 1
 		}, 8, ["title", "hue-index"]));
 	}
-}), It = { class: "glim-info-text" }, Lt = { class: "glim-readme-btn-rows" }, Rt = /* @__PURE__ */ C({
+}), hr = { class: "glim-info-text" }, gr = { class: "glim-readme-btn-rows" }, _r = /* @__PURE__ */ A({
 	__name: "InfoHelpCard",
 	props: {
 		text: {},
@@ -578,43 +1175,43 @@ var ut = [
 		manualGlyph: {},
 		onBugReport: {},
 		bugGlyph: {},
-		openUrl: { default: U },
+		openUrl: { default: it },
 		hueIndex: {}
 	},
 	setup(e) {
-		let t = e, n = h(() => De(t.text.report, t.mailAddress));
-		return (t, r) => (k(), g(Z, {
+		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: R(() => [y("p", It, P(e.text.report), 1), y("div", Lt, [
-				S(Q, {
+			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"
-				}, b({ _: 2 }, [e.repoGlyph ? {
+				}, D({ _: 2 }, [e.repoGlyph ? {
 					name: "mark",
-					fn: R(() => [(k(), g(M(e.repoGlyph)))]),
+					fn: q(() => [(L(), C(V(e.repoGlyph)))]),
 					key: "0"
 				} : void 0]), 1032, ["parts"]),
-				n.value ? (k(), g(Q, {
+				n.value ? (L(), C($, {
 					key: 0,
 					brand: "house",
 					parts: [{
 						name: e.text.mailButton,
-						onClick: () => e.openUrl(F(Ee)(e.mailAddress, e.text.mailSubject))
+						onClick: () => e.openUrl(W(Je)(e.mailAddress, e.text.mailSubject))
 					}],
 					"mark-class": "glim-house-mark"
-				}, b({ _: 2 }, [e.mailGlyph ? {
+				}, D({ _: 2 }, [e.mailGlyph ? {
 					name: "mark",
-					fn: R(() => [(k(), g(M(e.mailGlyph)))]),
+					fn: q(() => [(L(), C(V(e.mailGlyph)))]),
 					key: "0"
-				} : void 0]), 1032, ["parts"])) : _("", !0),
-				e.manualUrl && e.text.manual ? (k(), g(Q, {
+				} : void 0]), 1032, ["parts"])) : w("", !0),
+				e.manualUrl && e.text.manual ? (L(), C($, {
 					key: 1,
 					brand: "docs",
 					parts: [{
@@ -623,12 +1220,12 @@ var ut = [
 						onClick: () => e.openUrl(e.manualUrl)
 					}],
 					"mark-class": "glim-docs-mark"
-				}, b({ _: 2 }, [e.manualGlyph ? {
+				}, D({ _: 2 }, [e.manualGlyph ? {
 					name: "mark",
-					fn: R(() => [(k(), g(M(e.manualGlyph)))]),
+					fn: q(() => [(L(), C(V(e.manualGlyph)))]),
 					key: "0"
-				} : void 0]), 1032, ["parts"])) : _("", !0),
-				e.onBugReport && e.text.bugReport ? (k(), g(Q, {
+				} : void 0]), 1032, ["parts"])) : w("", !0),
+				e.onBugReport && e.text.bugReport ? (L(), C($, {
 					key: 2,
 					brand: "github",
 					parts: [{
@@ -636,11 +1233,11 @@ var ut = [
 						sub: e.text.bugReportSub,
 						onClick: e.onBugReport
 					}]
-				}, b({ _: 2 }, [e.bugGlyph ? {
+				}, D({ _: 2 }, [e.bugGlyph ? {
 					name: "mark",
-					fn: R(() => [(k(), g(M(e.bugGlyph)))]),
+					fn: q(() => [(L(), C(V(e.bugGlyph)))]),
 					key: "0"
-				} : void 0]), 1032, ["parts"])) : _("", !0)
+				} : void 0]), 1032, ["parts"])) : w("", !0)
 			])]),
 			_: 1
 		}, 8, [
@@ -649,69 +1246,69 @@ var ut = [
 			"hue-index"
 		]));
 	}
-}), zt = { class: "glim-version-rows" }, Bt = { class: "glim-version-name" }, Vt = { class: "glim-version-part" }, Ht = {
+}), vr = { class: "glim-version-rows" }, yr = { class: "glim-version-name" }, br = { class: "glim-version-part" }, xr = {
 	key: 0,
 	class: "glim-version-sub"
-}, Ut = ["href", "onClick"], Wt = {
+}, Sr = ["href", "onClick"], Cr = {
 	key: 1,
 	class: "glim-num glim-version-number"
-}, Gt = {
+}, wr = {
 	key: 0,
 	class: "glim-version-actions"
-}, Kt = {
+}, Tr = {
 	role: "status",
 	class: "glim-sr-only"
-}, $ = /* @__PURE__ */ C({
+}, Er = /* @__PURE__ */ A({
 	__name: "InfoVersionCard",
 	props: {
 		text: {},
 		rows: {},
 		updateCheck: {},
 		onReleaseNotes: {},
-		openUrl: { default: U },
+		openUrl: { default: it },
 		hueIndex: {}
 	},
 	setup(e) {
-		let t = e, n = oe(), r = h(() => !n["whats-new"] && t.onReleaseNotes && t.text.releaseNotes), i = N({ kind: "idle" }), a = N(0), o = h(() => t.updateCheck && Xe(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() {
-			Fe(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) => (k(), g(Z, {
+		return (t, n) => (L(), C(ln, {
 			title: e.text.title,
 			hint: e.text.hint,
 			"hue-index": e.hueIndex
 		}, {
-			default: R(() => [y("ul", zt, [(k(!0), v(p, null, A(e.rows, (t) => (k(), v("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"
-			}, [y("span", Bt, [y("span", Vt, P(t.name), 1), t.sub ? (k(), v("span", Ht, P(t.sub), 1)) : _("", !0)]), F(G)(t).href ? (k(), v("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: F(G)(t).href,
+				href: W(X)(t).href,
 				target: "_blank",
 				rel: "noopener noreferrer",
 				class: "glim-num glim-version-number",
-				onClick: (e) => c(e, F(G)(t).href)
-			}, P(F(G)(t).shown), 9, Ut)) : (k(), v("span", Wt, P(F(G)(t).released ? F(G)(t).shown : e.text.unreleased(F(G)(t).shown)), 1))]))), 128))]), r.value || t.$slots["whats-new"] || e.updateCheck ? (k(), v("div", Gt, [
-				r.value ? (k(), g(Y, {
+				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"])) : _("", !0),
-				j(t.$slots, "whats-new"),
-				e.updateCheck && o.value ? (k(), v(p, { key: 1 }, [(k(), g(Y, {
+				}, 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: F(Ze)(e.updateCheck.text, o.value.label),
+					stage: W(Vt)(e.updateCheck.text, o.value.label),
 					busy: i.value.kind === "busy",
-					class: E(a.value > 0 ? "glim-shake" : ""),
+					class: N(a.value > 0 ? "glim-shake" : ""),
 					onClick: s
 				}, null, 8, [
 					"label",
@@ -720,8 +1317,8 @@ var ut = [
 					"stage",
 					"busy",
 					"class"
-				])), y("span", Kt, P(o.value.announced), 1)], 64)) : _("", !0)
-			])) : _("", !0)]),
+				])), E("span", Tr, U(o.value.announced), 1)], 64)) : w("", !0)
+			])) : w("", !0)]),
 			_: 3
 		}, 8, [
 			"title",
@@ -729,7 +1326,7 @@ var ut = [
 			"hue-index"
 		]));
 	}
-}), qt = /* @__PURE__ */ C({
+}), Dr = /* @__PURE__ */ A({
 	__name: "InfoTile",
 	props: {
 		version: {},
@@ -739,17 +1336,180 @@ var ut = [
 	},
 	setup(e) {
 		let t = e, n = (e) => t.hueIndex === void 0 ? void 0 : t.hueIndex + e;
-		return (t, r) => (k(), v(p, null, [
-			S($, T(e.version, { "hue-index": n(0) }), b({ _: 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: R(() => [j(t.$slots, "whats-new")]),
+				fn: q(() => [B(t.$slots, "whats-new")]),
 				key: "0"
 			} : void 0]), 1040, ["hue-index"]),
-			S(Rt, T(e.help, { "hue-index": n(1) }), null, 16, ["hue-index"]),
-			S(Ft, T(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));
 	}
-}), Jt = { class: "glim-num-wrap" }, Yt = /* @__PURE__ */ C({
+}), 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"
+], Fr = /* @__PURE__ */ A({
+	__name: "MenuBar",
+	props: {
+		label: {},
+		menus: {}
+	},
+	setup(e, { expose: t }) {
+		let n = e, r = [], i = H(null), a = H(0);
+		function o(e) {
+			let t = r[e];
+			if (!t) return;
+			t.focus(), a.value = e;
+			let n = t.getBoundingClientRect();
+			i.value = {
+				at: e,
+				x: n.left,
+				y: n.bottom + 6
+			};
+		}
+		t({ open: o });
+		let s = (e) => (e + n.menus.length) % n.menus.length;
+		function c(e) {
+			i.value?.at === e ? i.value = null : o(e);
+		}
+		function l(e, t) {
+			let n = getComputedStyle(e.currentTarget).direction === "rtl", i = {
+				ArrowRight: n ? -1 : 1,
+				ArrowLeft: n ? 1 : -1
+			}[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) => (L(), T("div", {
+			role: "menubar",
+			"aria-label": e.label,
+			class: "glim-menubar"
+		}, [(L(!0), T(b, null, z(e.menus, (e, t) => (L(), T("button", {
+			key: t,
+			ref_for: !0,
+			ref: (e) => r[t] = e,
+			type: "button",
+			role: "menuitem",
+			"aria-haspopup": "menu",
+			"aria-expanded": i.value?.at === t,
+			tabindex: t === a.value ? 0 : -1,
+			class: "glim-menubar-item",
+			onClick: (e) => c(t),
+			onMouseenter: (e) => i.value && i.value.at !== t && o(t),
+			onKeydown: (e) => l(e, t),
+			onFocus: (e) => a.value = t
+		}, 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))
+		}, null, 8, [
+			"x",
+			"y",
+			"items",
+			"label",
+			"id",
+			"opener"
+		])) : w("", !0)], 8, Nr));
+	}
+}), Ir = [
+	"role",
+	"aria-label",
+	"aria-valuemin",
+	"aria-valuemax",
+	"aria-valuenow",
+	"aria-valuetext",
+	"aria-busy"
+], Lr = /* @__PURE__ */ A({
+	inheritAttrs: !1,
+	__name: "Meter",
+	props: {
+		value: { default: null },
+		label: {},
+		size: { default: "medium" },
+		threshold: { default: .9 },
+		quiet: {
+			type: Boolean,
+			default: !1
+		},
+		valueText: {}
+	},
+	setup(n) {
+		let r = n, i = S(() => $e(r.value, {
+			size: r.size,
+			threshold: r.threshold,
+			quiet: r.quiet
+		})), 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,
+			"aria-valuemax": a.value ? void 0 : 100,
+			"aria-valuenow": i.value.percent ?? void 0,
+			"aria-valuetext": n.valueText,
+			"aria-busy": a.value || void 0,
+			class: i.value.className,
+			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: P(i.value.width ? { width: i.value.width } : void 0)
+		}, null, 4)], 16, Ir), k(e, { state: W(o) }, null, 8, ["state"])], 64));
+	}
+}), Rr = { class: "glim-num-wrap" }, zr = ["aria-label"], Br = /* @__PURE__ */ A({
 	inheritAttrs: !1,
 	__name: "NumberField",
 	props: {
@@ -758,15 +1518,15 @@ var ut = [
 	},
 	emits: ["update:modelValue"],
 	setup(e) {
-		let t = I(e, "modelValue"), n = ie(), r = N(null), i;
-		ne(() => {
-			a(t.value), i = ye(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));
 		}
-		L([
+		K([
 			t,
 			() => n.min,
 			() => n.max,
@@ -774,28 +1534,202 @@ var ut = [
 			() => n.disabled,
 			() => n.readonly
 		], () => {
-			a(t.value), r.value && qe(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) => (k(), v("span", Jt, [y("input", T(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)]));
 	}
-}), Xt = [
+}), Vr = [
+	"aria-label",
+	"disabled",
+	"type"
+], Hr = /* @__PURE__ */ A({
+	inheritAttrs: !1,
+	__name: "PasswordField",
+	props: /*@__PURE__*/ j({
+		width: {},
+		eyeAttrs: {},
+		text: { default: () => ({
+			show: "Show",
+			hide: "Hide"
+		}) },
+		disabled: {
+			type: Boolean,
+			default: !1
+		}
+	}, {
+		modelValue: { default: "" },
+		modelModifiers: {}
+	}),
+	emits: ["update:modelValue"],
+	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"
+		}, {
+			...t.$attrs,
+			class: void 0,
+			style: void 0
+		}, {
+			"aria-label": W(o),
+			disabled: e.disabled,
+			type: i.value ? "text" : "password",
+			class: "glim-input"
+		}), 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: n[1] ||= (e) => i.value = !i.value
+		}), {
+			default: q(() => [(L(), C(V(i.value ? W(h) : W(f))))]),
+			_: 1
+		}, 16, ["tip", "disabled"])], 6));
+	}
+}), 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));
+	}
+}), Gr = [
+	"aria-label",
+	"aria-valuemin",
+	"aria-valuemax",
+	"aria-valuenow",
+	"aria-valuetext"
+], Kr = /* @__PURE__ */ A({
+	__name: "ProgressBar",
+	props: {
+		value: { default: null },
+		label: {},
+		paused: {
+			type: Boolean,
+			default: !1
+		},
+		failed: {
+			type: Boolean,
+			default: !1
+		},
+		valueText: {}
+	},
+	setup(e) {
+		let t = e, n = S(() => lt(t.value, {
+			paused: t.paused,
+			failed: t.failed
+		}));
+		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: N(n.value.className)
+		}, [E("span", {
+			class: "glim-progress-fill",
+			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));
+	}
+}), Jr = [
 	"href",
 	"data-sel-id",
 	"aria-selected",
 	"aria-current",
 	"aria-describedby",
 	"tabindex"
-], Zt = [
+], Yr = [
 	"data-sel-id",
 	"id",
 	"role",
@@ -807,7 +1741,7 @@ var ut = [
 	"aria-describedby",
 	"disabled",
 	"tabindex"
-], Qt = ["id"], $t = /* @__PURE__ */ C({
+], Xr = ["id"], Zr = /* @__PURE__ */ A({
 	__name: "SelectorSegment",
 	props: {
 		item: {},
@@ -830,7 +1764,7 @@ var ut = [
 	},
 	emits: ["select"],
 	setup(r, { emit: i }) {
-		let a = r, o = i, s = h(() => Ie({
+		let a = r, o = i, s = S(() => vt({
 			strip: a.strip,
 			orientation: a.orientation,
 			size: a.size,
@@ -850,19 +1784,18 @@ var ut = [
 			disabled: a.disabled,
 			dim: a.item.dim,
 			squeezed: a.squeezed
-		})), c = t(() => s.value.tip, () => a.disabled), l = ae(), u = h(() => a.disabled && !!s.value.tip), d = h(() => u.value ? l : c.describedBy.value), f = h(() => a.strip.kind === "tab"), m = h(() => ({
+		})), 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
 		}));
-		function b(e) {
+		function m(e) {
 			c.trigger.value = e;
 		}
-		function x(e) {
+		function h(e) {
 			e.ctrlKey || e.metaKey || e.shiftKey || e.altKey || e.button !== 0 || (e.preventDefault(), o("select"));
 		}
-		return (t, i) => (k(), v(p, null, [r.orientation === "vertical" ? (k(), v("a", {
-			key: 0,
-			ref: b,
+		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,
 			role: "tab",
@@ -870,27 +1803,27 @@ var ut = [
 			"aria-current": r.on ? "page" : void 0,
 			"aria-describedby": d.value,
 			tabindex: r.roved ? 0 : -1,
-			class: E(s.value.className),
-			style: D(m.value),
-			onClick: x,
-			onMouseenter: i[0] ||= (...e) => F(c).show && F(c).show(...e),
-			onMouseleave: i[1] ||= (...e) => F(c).hide && F(c).hide(...e),
-			onFocus: i[2] ||= (...e) => F(c).showOnFocus && F(c).showOnFocus(...e),
-			onBlur: i[3] ||= (...e) => F(c).hide && F(c).hide(...e)
-		}, [s.value.showGlyph && r.item.glyph ? (k(), g(M(r.item.glyph), { key: 0 })) : _("", !0), s.value.labelClass === null ? _("", !0) : (k(), v("span", {
+			class: s.value.className,
+			style: p.value,
+			onClick: h,
+			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: E(s.value.labelClass)
-		}, P(r.item.label), 3))], 46, Xt)) : (k(), v(p, { key: 1 }, [S(F(n), T({
+			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: F(c).show,
-			hide: F(c).hide
+			show: W(c).show,
+			hide: W(c).hide
 		}, u.value ? { style: r.share } : {}), {
-			default: R(() => [y("button", {
-				ref: b,
+			default: q(() => [E("button", M(r.item.attrs, {
+				ref: m,
 				type: "button",
 				"data-sel-id": r.item.id,
-				id: r.panelId && f.value ? F(Be)(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,
@@ -900,39 +1833,40 @@ var ut = [
 				"aria-describedby": d.value,
 				disabled: r.disabled,
 				tabindex: r.roved ? 0 : -1,
-				class: E(s.value.className),
-				style: D(m.value),
+				class: s.value.className,
+				style: p.value,
 				onClick: i[4] ||= (e) => o("select"),
-				onMouseenter: i[5] ||= (...e) => F(c).show && F(c).show(...e),
-				onMouseleave: i[6] ||= (...e) => F(c).hide && F(c).hide(...e),
-				onFocus: i[7] ||= (...e) => F(c).showOnFocus && F(c).showOnFocus(...e),
-				onBlur: i[8] ||= (...e) => F(c).hide && F(c).hide(...e)
-			}, [s.value.showGlyph && r.item.glyph ? (k(), g(M(r.item.glyph), { key: 0 })) : _("", !0), s.value.labelClass === null ? _("", !0) : (k(), v("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: E(s.value.labelClass)
-			}, P(r.item.label), 3))], 46, Zt)]),
+				class: N(s.value.labelClass)
+			}, U(r.item.label), 3))], 16, Yr)]),
 			_: 1
 		}, 16, [
 			"on",
 			"show",
 			"hide"
-		]), u.value ? (k(), v("span", {
+		]), u.value ? (L(), T("span", {
 			key: 0,
-			id: F(l),
+			id: W(l),
 			hidden: ""
-		}, P(s.value.tip), 9, Qt)) : _("", !0)], 64)), S(e, { state: F(c) }, null, 8, ["state"])], 64));
+		}, U(s.value.tip), 9, Xr)) : w("", !0)], 64)), k(e, { state: W(c) }, null, 8, ["state"])], 64));
 	}
-}), en = [
+}), Qr = [
 	"role",
 	"aria-label",
 	"aria-orientation"
-], tn = /* @__PURE__ */ C({
+], $r = /* @__PURE__ */ A({
 	__name: "Selector",
-	props: /*@__PURE__*/ ee({
+	props: {
 		items: {},
 		label: {},
-		select: { default: "one" },
+		modelValue: {},
+		select: {},
 		orientation: { default: "horizontal" },
 		size: { default: "md" },
 		variant: { default: "well" },
@@ -967,106 +1901,108 @@ var ut = [
 			default: !1
 		},
 		panelId: {}
-	}, {
-		modelValue: { required: !0 },
-		modelModifiers: {}
-	}),
-	emits: ["update:modelValue"],
-	setup(e) {
-		let t = e, n = I(e, "modelValue");
-		function r(e) {
-			let t = N(H(e));
-			return O(Ge(e, () => t.value = H(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 = q(Le(t.size, t.orientation)), a = r(ue), o = r(me), s = h(() => Ve({
-			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 = N(null), l = N(null), u = re("even"), d = h(() => t.items.map((e) => e.label).join("\n")), f = h(() => t.items.map((e) => t.disabled || e.disabled ? "1" : "0").join(""));
-		function m(e, t) {
-			L([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" });
 		}
-		m(() => s.value.counted, (e) => s.value.counted ? Se(e) : void 0), m(() => [
-			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 $e(e, {
-				inline: t.inline,
-				equalWidth: t.equalWidth
-			}, (e) => l.value = e);
-		}), m(() => [
-			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 Qe(e, (e) => u.value = e);
+			if (!d.value.canSqueeze) m.value = "even";
+			else return Ht(e, (e) => m.value = e);
 		});
-		let _ = h(() => Re({
-			rows: l.value,
-			pinWidth: s.value.pinWidth,
-			inline: t.inline,
-			fit: t.fit,
-			fitMode: u.value,
-			pairsOnPhone: t.pairsOnPhone
-		})), y = h(() => t.select === "many"), b = (e) => y.value ? (n.value ?? []).includes(e) : n.value === e, x = h(() => t.items.map((e) => t.disabled || !!e.disabled)), S = h(() => Pe(x.value, t.items.findIndex((e) => b(e.id))));
-		function C(e) {
-			n.value = y.value ? Je(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 = Ne(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) => (k(), v("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: E(s.value.className),
-			style: D(_.value.track),
-			onKeydown: w
-		}, [(k(!0), v(p, null, A(e.items, (t, n) => (k(), g($t, {
+			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: b(t.id),
-			disabled: x.value[n],
-			roved: n === S.value,
-			share: e.orientation === "vertical" ? {} : _.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,
@@ -1076,7 +2012,7 @@ var ut = [
 			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",
@@ -1096,13 +2032,65 @@ var ut = [
 			"hue-offset",
 			"panel-id",
 			"onSelect"
-		]))), 128))], 46, en));
+		]))), 128))], 46, Qr));
 	}
-}), nn = [
-	"href",
-	"aria-current",
-	"aria-describedby"
-], rn = { class: "glim-sr-only" }, an = /* @__PURE__ */ C({
+}), 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: {
@@ -1114,64 +2102,164 @@ var ut = [
 			default: !1
 		},
 		hueIndex: {},
-		count: {}
+		count: {},
+		depth: {}
 	},
-	setup(n) {
-		let r = n, i = q("sidebar"), a = h(() => Ue({
-			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) => (k(), v(p, null, [y("a", T(t.$attrs, {
-			ref: s,
-			href: n.href,
-			"aria-current": n.active ? "page" : void 0,
-			"aria-describedby": F(o).describedBy.value,
-			class: a.value.className,
-			style: a.value.style,
-			onMouseenter: r[0] ||= (...e) => F(o).show && F(o).show(...e),
-			onMouseleave: r[1] ||= (...e) => F(o).hide && F(o).hide(...e),
-			onFocus: r[2] ||= (...e) => F(o).showOnFocus && F(o).showOnFocus(...e),
-			onBlur: r[3] ||= (...e) => F(o).hide && F(o).hide(...e)
-		}), [
-			a.value.showGlyph && n.glyph ? (k(), g(M(n.glyph), { key: 0 })) : _("", !0),
-			y("span", { class: E(a.value.labelClass) }, P(n.label), 3),
-			a.value.countClass && n.count ? (k(), v(p, { key: 1 }, [y("span", {
-				class: E(a.value.countClass),
-				"aria-hidden": "true"
-			}, P(n.count.value), 3), y("span", rn, P(n.count.label), 1)], 64)) : _("", !0)
-		], 16, nn), S(e, { state: F(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"
+		]));
 	}
-}), on = ["aria-labelledby"], sn = { class: "glim-subcard-title" }, cn = ["id"], ln = /* @__PURE__ */ C({
+}), ai = ["aria-labelledby"], oi = {
+	key: 0,
+	class: "glim-subcard-title"
+}, si = ["id"], ci = /* @__PURE__ */ A({
 	__name: "SubCard",
 	props: {
 		title: {},
 		hint: {}
 	},
 	setup(e) {
-		let t = ae();
-		return (n, r) => (k(), v("section", {
+		let t = ce();
+		return (n, r) => (L(), T("section", {
 			class: "glim-subcard",
-			"aria-labelledby": F(t)
-		}, [y("h3", sn, [y("span", { id: F(t) }, P(e.title), 9, cn), e.hint ? (k(), g(X, {
+			"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"])) : _("", !0)]), j(n.$slots, "default")], 8, on));
+		}, 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]]);
 	}
-}), un = { class: "glim-toast-stack" }, dn = [
+}), 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"
-], fn = { class: "glim-toast-message" }, pn = ["aria-label", "onClick"], mn = /* @__PURE__ */ C({
+], bi = { class: "glim-toast-body" }, xi = { class: "glim-toast-message" }, Si = { key: 0 }, Ci = ["aria-label", "onClick"], wi = /* @__PURE__ */ A({
 	__name: "ToastViewport",
 	props: {
 		toasts: {},
@@ -1186,7 +2274,10 @@ var ut = [
 	],
 	setup(e, { emit: t }) {
 		let n = t, r = (e) => e === "success" ? "status" : "alert";
-		return (t, a) => (k(), v("div", un, [(k(!0), v(p, null, A(e.toasts, (t) => (k(), v("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",
@@ -1194,31 +2285,39 @@ var ut = [
 			onMouseleave: (e) => n("leave", t.id),
 			onFocusin: (e) => n("focusin", t.id),
 			onFocusout: (e) => n("focusout", t.id),
-			onKeydown: se(z((e) => n("dismiss", t.id), ["stop"]), ["esc"])
+			onKeydown: pe(Y((e) => n("dismiss", t.id), ["stop"]), ["esc"])
 		}, [
-			S(F(i), {
-				mark: F(pe)[t.severity],
-				class: E(`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"]),
-			y("p", fn, P(t.message), 1),
-			y("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)
-			}, [S(F(i), { mark: F(fe).dismiss }, null, 8, ["mark"])], 8, pn)
-		], 40, dn))), 128))]));
+			}, [k(W(p), { mark: W(xe).dismiss }, null, 8, ["mark"])], 8, Ci)
+		], 40, yi))), 128))]));
 	}
-}), hn = { class: "glim-toggle" }, gn = {
+}), Ti = {
 	key: 0,
 	class: "glim-toggle-label"
-}, _n = [
+}, Ei = [
 	"aria-checked",
 	"aria-label",
 	"disabled"
-], vn = /* @__PURE__ */ C({
+], Di = /* @__PURE__ */ A({
+	inheritAttrs: !1,
 	__name: "Toggle",
-	props: /*@__PURE__*/ ee({
+	props: /*@__PURE__*/ j({
 		label: {},
 		hideLabel: {
 			type: Boolean,
@@ -1237,36 +2336,212 @@ var ut = [
 	}),
 	emits: ["update:modelValue"],
 	setup(e) {
-		let t = I(e, "modelValue");
-		return (n, r) => (k(), v("span", hn, [e.hideLabel ? _("", !0) : (k(), v("span", gn, P(e.label), 1)), y("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] ||= [y("span", { class: "glim-toggle-thumb" }, null, -1)]], 8, _n)]));
+			onClick: a[0] ||= (e) => n.value = !n.value
+		}), [...a[1] ||= [E("span", { class: "glim-toggle-thumb" }, null, -1)]], 16, Ei)], 6));
 	}
-}), yn = { class: "glim-notice" }, bn = { class: "glim-notice-title" }, xn = { class: "glim-notice-reason" }, Sn = {
+}), 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"
-}, Cn = /* @__PURE__ */ C({
+}, Ri = /* @__PURE__ */ A({
 	__name: "UnavailableNotice",
 	props: { title: {} },
 	setup(e) {
-		return (t, n) => (k(), v("div", yn, [
-			y("p", bn, P(e.title), 1),
-			y("p", xn, [j(t.$slots, "default")]),
-			t.$slots.action ? (k(), v("div", Sn, [j(t.$slots, "action")])) : _("", !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)
 		]));
 	}
+}), zi = ["aria-labelledby", "aria-label"], Bi = ["id"], Vi = { class: "glim-modal-body glim-window-body" }, Hi = {
+	key: 0,
+	class: "glim-modal-foot"
+}, Ui = {
+	key: 0,
+	class: "glim-window-start"
+}, Wi = /* @__PURE__ */ A({
+	inheritAttrs: !1,
+	__name: "Window",
+	props: {
+		title: {},
+		actions: { default: () => [] },
+		start: {},
+		size: { default: "normal" },
+		text: {}
+	},
+	emits: ["close"],
+	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: r.text.cancel,
+				labelKey: "common.cancel",
+				glyph: g,
+				wayOut: !0
+			},
+			close: {
+				label: r.text.close,
+				labelKey: "common.close",
+				glyph: m,
+				wayOut: !0
+			}
+		})), 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 p() {
+			Xe() || i("close");
+		}
+		return (t, n) => (L(), C(x, { to: "body" }, [E("div", {
+			class: "glim-modal-backdrop",
+			onMousedown: Y(p, ["self"])
+		}, [E("div", M(t.$attrs, {
+			ref_key: "card",
+			ref: o,
+			role: "dialog",
+			"aria-modal": "true",
+			"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}`
+			]
+		}), [
+			E("h2", {
+				id: W(s),
+				class: "glim-window-title"
+			}, [k(Jt, {
+				tone: "heading",
+				size: "heading",
+				wrap: "",
+				"inset-start": 5
+			}, {
+				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) => f(e)
+			}), null, 16, [
+				"label",
+				"label-key",
+				"glyph",
+				"tone",
+				"disabled",
+				"onClick"
+			]))), 128))])) : w("", !0)
+		], 16, zi)], 32)]));
+	}
 });
 // src/confirm.ts
-function wn(e) {
-	let t = N(null), n = N(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 = Ce(), new Promise((i) => {
+		return i = He(), new Promise((i) => {
 			r = i, t.value = {
 				message: e,
 				...n
@@ -1274,17 +2549,17 @@ function wn(e) {
 		});
 	}
 	function o(e) {
-		r?.(e), r = null, t.value = null, Me(i), i = null;
+		r?.(e), r = null, t.value = null, mt(i), i = null;
 	}
 	let s = () => o(!1);
-	return L(t, (e, t, r) => {
-		e && r(Ye(() => n.value, s));
+	return K(t, (e, t, r) => {
+		e && r(Lt(() => n.value, s));
 	}), {
 		confirm: a,
 		dismiss: s,
-		ConfirmHost: C(() => () => {
+		ConfirmHost: A(() => () => {
 			let r = t.value;
-			return r ? w(m, { to: "body" }, [w(xt, {
+			return r ? te(x, { to: "body" }, [te(Tn, {
 				ref: (e) => n.value = e?.card ?? null,
 				title: e.title,
 				message: r.message,
@@ -1294,8 +2569,8 @@ function wn(e) {
 				cancelLabel: e.cancel,
 				onConfirm: () => o(!0),
 				onCancel: () => o(!1)
-			}, r.extra ? { extra: () => w(r.extra) } : void 0)]) : null;
+			}, r.extra ? { extra: () => te(r.extra) } : void 0)]) : null;
 		})
 	};
 }
-export { K as Badge, it as BrandMark, Y as Button, Z as Card, xt as ConfirmDialog, Tt as EmptyState, de as GLIMSTONE_VERSION, d as IconCancel, s as IconCheck, l as IconClose, a as IconExpand, tt as IconTipButton, r as IconWindowMaximise, c as IconWindowMinimise, u as IconWindowRestore, Ft as InfoAboutCard, X as InfoBubble, Rt as InfoHelpCard, qt as InfoTile, $ as InfoVersionCard, i as MarkSvg, Yt as NumberField, Q as ReadmeButton, tn as Selector, an as SidebarRow, ln as SubCard, mn as ToastViewport, vn as Toggle, Cn as UnavailableNotice, o as glyphFor, ze as selectorTabId, f as setGlyphResolver, lt as useAccent, wn as useConfirm, ot as useHue, q as useLabelMode, ct as useMotion, at as useRainbow, st 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 };