@glimstone/vue 0.0.0-stage → 4.0.0

package/dist/index.js

@@ -0,0 +1,1301 @@
+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({
+	inheritAttrs: !1,
+	__name: "IconTipButton",
+	props: {
+		tip: {},
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		type: { default: "button" }
+	},
+	setup(r) {
+		let i = r, a = t(() => i.tip, () => i.disabled);
+		return (t, i) => (k(), v(p, null, [S(F(n), {
+			on: r.disabled,
+			show: F(a).show,
+			hide: F(a).hide
+		}, {
+			default: R(() => [y("button", T(t.$attrs, {
+				ref: (e) => F(a).trigger.value = e,
+				type: r.type,
+				disabled: 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)]),
+			_: 3
+		}, 8, [
+			"on",
+			"show",
+			"hide"
+		]), S(e, { state: F(a) }, null, 8, ["state"])], 64));
+	}
+}), nt = ["disabled"], K = /* @__PURE__ */ C({
+	__name: "Badge",
+	props: {
+		tone: { default: "neutral" },
+		size: { default: "medium" },
+		shape: { default: "rounded" },
+		as: { default: "span" },
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		wrap: {
+			type: Boolean,
+			default: !1
+		},
+		hueIndex: {},
+		tip: {},
+		insetStart: {},
+		inFlow: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	setup(e) {
+		let t = e, n = h(() => t.hueIndex !== void 0 && (t.tone === "heading" || t.tone === "active")), r = h(() => [
+			n.value && "glim-hue",
+			n.value && t.size === "heading" && "glim-notch-hue",
+			be({
+				tone: t.tone,
+				size: t.size,
+				shape: t.shape,
+				wrap: t.wrap,
+				iconOnly: t.tip !== void 0,
+				inFlow: t.inFlow,
+				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, {
+			key: 0,
+			tip: e.tip,
+			disabled: e.disabled,
+			class: E(r.value),
+			style: D(i.value)
+		}, {
+			default: R(() => [j(t.$slots, "default")]),
+			_: 3
+		}, 8, [
+			"tip",
+			"disabled",
+			"class",
+			"style"
+		])) : e.as === "button" ? (k(), v("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", {
+			key: 2,
+			class: E(r.value),
+			style: D(i.value)
+		}, [j(t.$slots, "default")], 6)) : (k(), v("span", {
+			key: 3,
+			class: E(r.value),
+			style: D(i.value)
+		}, [j(t.$slots, "default")], 6));
+	}
+}), rt = ["innerHTML"], it = /* @__PURE__ */ C({
+	__name: "BrandMark",
+	props: { svg: {} },
+	setup(e) {
+		return (t, n) => (k(), v("span", {
+			class: "glim-brand-svg",
+			"aria-hidden": "true",
+			innerHTML: e.svg
+		}, null, 8, rt));
+	}
+});
+// src/engines.ts
+function q(e) {
+	let t = N(B(e));
+	return O(We(() => t.value = B(e))), h({
+		get: () => t.value,
+		set: (t) => {
+			He(e, t), Te();
+		}
+	});
+}
+function at() {
+	let e = N(Oe());
+	return O(Ke(() => e.value = Oe())), h({
+		get: () => e.value,
+		set: (e) => _e(e)
+	});
+}
+function ot(e) {
+	return h(() => {
+		let t = e();
+		return t === void 0 ? void 0 : V(t);
+	});
+}
+function J(e, t) {
+	let n = N(t()), r = new MutationObserver(() => n.value = t());
+	return r.observe(document.documentElement, {
+		attributes: !0,
+		attributeFilter: [e]
+	}), O(() => r.disconnect()), n;
+}
+function st() {
+	let e = J("data-shape", () => document.documentElement.getAttribute("data-shape") ?? le);
+	return h({
+		get: () => e.value,
+		set: ve
+	});
+}
+function ct() {
+	let e = J("data-motion", () => document.documentElement.getAttribute("data-motion") ?? ce);
+	return h({
+		get: () => e.value,
+		set: ge
+	});
+}
+function lt() {
+	let e = J("style", () => document.documentElement.style.getPropertyValue("--accent"));
+	return h({
+		get: () => e.value,
+		set: (e) => he(e || void 0)
+	});
+}
+// src/Button.vue?vue&type=script&setup=true&lang.ts
+var ut = [
+	"type",
+	"disabled",
+	"aria-busy",
+	"aria-describedby"
+], dt = {
+	key: 0,
+	class: "glim-btn-glyph"
+}, ft = {
+	key: 0,
+	class: "glim-spinner"
+}, Y = /* @__PURE__ */ C({
+	inheritAttrs: !1,
+	__name: "Button",
+	props: {
+		label: {},
+		labelKey: {},
+		glyph: {},
+		tone: { default: "neutral" },
+		variant: { default: "default" },
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		type: { default: "button" },
+		title: {},
+		hueIndex: {},
+		busy: {
+			type: Boolean,
+			default: !1
+		},
+		stage: {},
+		keepLabel: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	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,
+			label: a.label,
+			hasGlyph: !!c.value || a.busy,
+			tone: a.tone,
+			variant: a.variant,
+			disabled: a.disabled,
+			keepLabel: a.keepLabel,
+			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;
+		}
+		function b(e) {
+			u.value.pageHue && W(e.currentTarget), d.show();
+		}
+		function x(e) {
+			u.value.pageHue && W(e.currentTarget), d.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
+		}, {
+			default: R(() => [y("button", T(t.$attrs, {
+				ref: m,
+				type: r.type,
+				disabled: 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
+		}, 8, [
+			"on",
+			"show",
+			"hide"
+		]), S(e, { state: F(d) }, null, 8, ["state"])], 64));
+	}
+}), pt = ["aria-label", "aria-describedby"], X = /* @__PURE__ */ C({
+	__name: "InfoBubble",
+	props: {
+		tip: {},
+		onAccent: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	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,
+			"aria-label": n.tip,
+			"aria-describedby": F(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", {
+			viewBox: "0 0 16 16",
+			width: "15",
+			height: "15",
+			fill: "none",
+			"aria-hidden": "true"
+		}, [
+			y("circle", {
+				cx: "8",
+				cy: "8",
+				r: "7",
+				stroke: "currentColor",
+				"stroke-width": "1.3"
+			}),
+			y("circle", {
+				cx: "8",
+				cy: "4.6",
+				r: "0.9",
+				fill: "currentColor"
+			}),
+			y("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));
+	}
+}), mt = {
+	key: 0,
+	class: "glim-panel-heading"
+}, Z = /* @__PURE__ */ C({
+	__name: "Card",
+	props: {
+		title: {},
+		hint: {},
+		hueIndex: {},
+		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([
+				"glim-panel",
+				"glim-notch-card",
+				{
+					"glim-panel--nested": e.nested,
+					"glim-hue": e.hueIndex !== void 0
+				}
+			]),
+			style: D(n.value)
+		}, [e.title || e.hint ? (k(), v("h2", mt, [S(K, {
+			tone: "heading",
+			size: "heading",
+			wrap: "",
+			"hue-index": e.hueIndex
+		}, {
+			default: R(() => [x(P(e.title) + " ", 1), e.hint ? (k(), g(X, {
+				key: 0,
+				tip: e.hint,
+				"on-accent": ""
+			}, null, 8, ["tip"])) : _("", !0)]),
+			_: 1
+		}, 8, ["hue-index"])])) : _("", !0), j(t.$slots, "default")], 6));
+	}
+}), ht = { class: "glim-modal-head" }, gt = {
+	id: "confirmdialog-title",
+	class: "glim-modal-title"
+}, _t = { class: "glim-modal-body" }, vt = {
+	id: "confirmdialog-message",
+	class: "glim-modal-text"
+}, yt = {
+	key: 0,
+	class: "glim-modal-extra"
+}, bt = { class: "glim-modal-foot" }, xt = /* @__PURE__ */ C({
+	__name: "ConfirmDialog",
+	props: {
+		title: {},
+		message: {},
+		confirmLabel: {},
+		confirmLabelKey: {},
+		confirmGlyph: {},
+		cancelLabel: {},
+		closeLabel: {}
+	},
+	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", {
+			class: "glim-modal-backdrop",
+			onClick: n[3] ||= z((e) => r("cancel"), ["self"])
+		}, [y("div", {
+			ref_key: "card",
+			ref: i,
+			role: "dialog",
+			"aria-modal": "true",
+			"aria-labelledby": "confirmdialog-title",
+			"aria-describedby": "confirmdialog-message",
+			class: "glim-modal-card"
+		}, [
+			y("div", ht, [y("h2", gt, [S(K, {
+				tone: "heading",
+				size: "heading",
+				wrap: ""
+			}, {
+				default: R(() => [x(P(e.title), 1)]),
+				_: 1
+			})]), e.closeLabel === void 0 ? _("", !0) : (k(), g(Y, {
+				key: 0,
+				label: e.closeLabel,
+				"label-key": "common.close",
+				glyph: F(l),
+				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, {
+				ref_key: "cancel",
+				ref: a,
+				label: e.cancelLabel,
+				"label-key": "common.cancel",
+				glyph: F(d),
+				onClick: n[1] ||= (e) => r("cancel")
+			}, null, 8, ["label", "glyph"]), S(Y, {
+				label: e.confirmLabel,
+				"label-key": e.confirmLabelKey ?? null,
+				glyph: e.confirmGlyph,
+				onClick: n[2] ||= (e) => r("confirm")
+			}, null, 8, [
+				"label",
+				"label-key",
+				"glyph"
+			])])
+		], 512)]));
+	}
+}), St = {
+	key: 0,
+	class: "glim-empty-glyph",
+	"aria-hidden": "true"
+}, Ct = { class: "glim-empty-title" }, wt = {
+	key: 1,
+	class: "glim-empty-hint"
+}, Tt = /* @__PURE__ */ C({
+	__name: "EmptyState",
+	props: {
+		glyph: {},
+		title: {},
+		hint: {},
+		nested: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	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")
+		], 2));
+	}
+}), Et = {
+	key: 0,
+	class: "glim-readme-btn-art",
+	"aria-hidden": "true"
+}, Dt = { class: "glim-readme-btn-text" }, Ot = { class: "glim-readme-btn-name" }, kt = {
+	key: 0,
+	class: "glim-readme-btn-sub"
+}, At = {
+	key: 0,
+	class: "glim-readme-btn-sheen",
+	"aria-hidden": "true"
+}, jt = {
+	key: 1,
+	class: "glim-readme-btn-hint"
+}, Q = /* @__PURE__ */ C({
+	__name: "ReadmeButton",
+	props: {
+		brand: {},
+		parts: {},
+		markClass: {},
+		hint: {},
+		note: {
+			type: Boolean,
+			default: !1
+		},
+		soonLabel: {}
+	},
+	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 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",
+			rel: "noreferrer noopener",
+			onClick: (e) => r("linkClick", e)
+		} : {
+			type: "button",
+			onClick: e.onClick
+		};
+		return (t, n) => (k(), v("div", {
+			ref_key: "root",
+			ref: a,
+			class: E(F(je)(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), {
+				"aria-label": l(n),
+				class: F(ke)(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", {
+					key: 0,
+					class: E(`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))]),
+				_: 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)
+		], 2));
+	}
+}), Mt = { class: "glim-info-text" }, Nt = { class: "glim-info-text" }, Pt = { class: "glim-readme-btn-rows glim-about-give" }, Ft = /* @__PURE__ */ C({
+	__name: "InfoAboutCard",
+	props: {
+		text: {},
+		onCoffee: { type: Function },
+		coffeeArt: {},
+		onPaypal: { type: Function },
+		paypalGlyph: {},
+		onCrypto: { type: Function },
+		cryptoGlyph: {},
+		hueIndex: {}
+	},
+	setup(e) {
+		return (t, n) => (k(), g(Z, {
+			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, {
+						brand: "coffee",
+						parts: [{
+							name: e.text.coffeeButton,
+							onClick: e.onCoffee
+						}]
+					}, {
+						art: R(() => [(k(), g(M(e.coffeeArt)))]),
+						_: 1
+					}, 8, ["parts"]),
+					e.onPaypal && e.text.paypalButton ? (k(), g(Q, {
+						key: 0,
+						brand: "paypal",
+						parts: [{
+							name: e.text.paypalButton,
+							onClick: e.onPaypal
+						}],
+						"mark-class": "glim-paypal-mark"
+					}, b({ _: 2 }, [e.paypalGlyph ? {
+						name: "mark",
+						fn: R(() => [(k(), g(M(e.paypalGlyph)))]),
+						key: "0"
+					} : void 0]), 1032, ["parts"])) : _("", !0),
+					e.onCrypto && e.text.cryptoButton ? (k(), g(Q, {
+						key: 1,
+						brand: "bitcoin",
+						parts: [{
+							name: e.text.cryptoButton,
+							onClick: e.onCrypto
+						}],
+						"mark-class": "glim-bitcoin-mark"
+					}, b({ _: 2 }, [e.cryptoGlyph ? {
+						name: "mark",
+						fn: R(() => [(k(), g(M(e.cryptoGlyph)))]),
+						key: "0"
+					} : void 0]), 1032, ["parts"])) : _("", !0)
+				])
+			]),
+			_: 1
+		}, 8, ["title", "hue-index"]));
+	}
+}), It = { class: "glim-info-text" }, Lt = { class: "glim-readme-btn-rows" }, Rt = /* @__PURE__ */ C({
+	__name: "InfoHelpCard",
+	props: {
+		text: {},
+		repoUrl: {},
+		repoGlyph: {},
+		mailAddress: {},
+		mailGlyph: {},
+		manualUrl: {},
+		manualGlyph: {},
+		onBugReport: {},
+		bugGlyph: {},
+		openUrl: { default: U },
+		hueIndex: {}
+	},
+	setup(e) {
+		let t = e, n = h(() => De(t.text.report, t.mailAddress));
+		return (t, r) => (k(), g(Z, {
+			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, {
+					brand: "github",
+					parts: [{
+						name: e.text.repoButton,
+						onClick: () => e.openUrl(e.repoUrl)
+					}],
+					"mark-class": "glim-github-mark"
+				}, b({ _: 2 }, [e.repoGlyph ? {
+					name: "mark",
+					fn: R(() => [(k(), g(M(e.repoGlyph)))]),
+					key: "0"
+				} : void 0]), 1032, ["parts"]),
+				n.value ? (k(), g(Q, {
+					key: 0,
+					brand: "house",
+					parts: [{
+						name: e.text.mailButton,
+						onClick: () => e.openUrl(F(Ee)(e.mailAddress, e.text.mailSubject))
+					}],
+					"mark-class": "glim-house-mark"
+				}, b({ _: 2 }, [e.mailGlyph ? {
+					name: "mark",
+					fn: R(() => [(k(), g(M(e.mailGlyph)))]),
+					key: "0"
+				} : void 0]), 1032, ["parts"])) : _("", !0),
+				e.manualUrl && e.text.manual ? (k(), g(Q, {
+					key: 1,
+					brand: "docs",
+					parts: [{
+						name: e.text.manual,
+						sub: e.text.manualSub,
+						onClick: () => e.openUrl(e.manualUrl)
+					}],
+					"mark-class": "glim-docs-mark"
+				}, b({ _: 2 }, [e.manualGlyph ? {
+					name: "mark",
+					fn: R(() => [(k(), g(M(e.manualGlyph)))]),
+					key: "0"
+				} : void 0]), 1032, ["parts"])) : _("", !0),
+				e.onBugReport && e.text.bugReport ? (k(), g(Q, {
+					key: 2,
+					brand: "github",
+					parts: [{
+						name: e.text.bugReport,
+						sub: e.text.bugReportSub,
+						onClick: e.onBugReport
+					}]
+				}, b({ _: 2 }, [e.bugGlyph ? {
+					name: "mark",
+					fn: R(() => [(k(), g(M(e.bugGlyph)))]),
+					key: "0"
+				} : void 0]), 1032, ["parts"])) : _("", !0)
+			])]),
+			_: 1
+		}, 8, [
+			"title",
+			"hint",
+			"hue-index"
+		]));
+	}
+}), zt = { class: "glim-version-rows" }, Bt = { class: "glim-version-name" }, Vt = { class: "glim-version-part" }, Ht = {
+	key: 0,
+	class: "glim-version-sub"
+}, Ut = ["href", "onClick"], Wt = {
+	key: 1,
+	class: "glim-num glim-version-number"
+}, Gt = {
+	key: 0,
+	class: "glim-version-actions"
+}, Kt = {
+	role: "status",
+	class: "glim-sr-only"
+}, $ = /* @__PURE__ */ C({
+	__name: "InfoVersionCard",
+	props: {
+		text: {},
+		rows: {},
+		updateCheck: {},
+		onReleaseNotes: {},
+		openUrl: { default: U },
+		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));
+		function s() {
+			Fe(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, {
+			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", {
+				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", {
+				key: 0,
+				href: F(G)(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, {
+					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, {
+					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),
+					busy: i.value.kind === "busy",
+					class: E(a.value > 0 ? "glim-shake" : ""),
+					onClick: s
+				}, null, 8, [
+					"label",
+					"label-key",
+					"tone",
+					"stage",
+					"busy",
+					"class"
+				])), y("span", Kt, P(o.value.announced), 1)], 64)) : _("", !0)
+			])) : _("", !0)]),
+			_: 3
+		}, 8, [
+			"title",
+			"hint",
+			"hue-index"
+		]));
+	}
+}), qt = /* @__PURE__ */ C({
+	__name: "InfoTile",
+	props: {
+		version: {},
+		help: {},
+		about: {},
+		hueIndex: {}
+	},
+	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"] ? {
+				name: "whats-new",
+				fn: R(() => [j(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"])
+		], 64));
+	}
+}), Jt = { class: "glim-num-wrap" }, Yt = /* @__PURE__ */ C({
+	inheritAttrs: !1,
+	__name: "NumberField",
+	props: {
+		modelValue: { default: null },
+		modelModifiers: {}
+	},
+	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;
+			t && (t.value === "" ? null : t.valueAsNumber) !== e && (t.value = e === null ? "" : String(e));
+		}
+		L([
+			t,
+			() => n.min,
+			() => n.max,
+			() => n.step,
+			() => n.disabled,
+			() => n.readonly
+		], () => {
+			a(t.value), r.value && qe(r.value);
+		}, { flush: "post" });
+		function o(e) {
+			let n = e.target;
+			t.value = n.value === "" ? null : n.valueAsNumber;
+		}
+		return (e, t) => (k(), v("span", Jt, [y("input", T(e.$attrs, {
+			ref_key: "input",
+			ref: r,
+			type: "number",
+			class: "glim-num-input glim-num-field glim-num",
+			onInput: o
+		}), null, 16)]));
+	}
+}), Xt = [
+	"href",
+	"data-sel-id",
+	"aria-selected",
+	"aria-current",
+	"aria-describedby",
+	"tabindex"
+], Zt = [
+	"data-sel-id",
+	"id",
+	"role",
+	"aria-selected",
+	"aria-controls",
+	"aria-checked",
+	"aria-pressed",
+	"aria-label",
+	"aria-describedby",
+	"disabled",
+	"tabindex"
+], Qt = ["id"], $t = /* @__PURE__ */ C({
+	__name: "SelectorSegment",
+	props: {
+		item: {},
+		index: {},
+		strip: {},
+		on: { type: Boolean },
+		disabled: { type: Boolean },
+		roved: { type: Boolean },
+		share: {},
+		squeezed: { type: Boolean },
+		orientation: {},
+		size: {},
+		variant: {},
+		equalWidth: { type: Boolean },
+		buttonHeight: { type: Boolean },
+		pairsOnPhone: { type: Boolean },
+		hue: { type: Boolean },
+		hueOffset: {},
+		panelId: {}
+	},
+	emits: ["select"],
+	setup(r, { emit: i }) {
+		let a = r, o = i, s = h(() => Ie({
+			strip: a.strip,
+			orientation: a.orientation,
+			size: a.size,
+			variant: a.variant,
+			equalWidth: a.equalWidth,
+			buttonHeight: a.buttonHeight,
+			pairsOnPhone: a.pairsOnPhone,
+			hue: a.hue,
+			hueOffset: a.hueOffset,
+			index: a.index,
+			label: a.item.label,
+			hasGlyph: !!a.item.glyph,
+			iconOnly: !!a.item.iconOnly,
+			tip: a.item.tip,
+			title: a.item.title,
+			on: a.on,
+			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(() => ({
+			...s.value.style,
+			...a.share
+		}));
+		function b(e) {
+			c.trigger.value = e;
+		}
+		function x(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,
+			href: r.item.href,
+			"data-sel-id": r.item.id,
+			role: "tab",
+			"aria-selected": r.on,
+			"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", {
+			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({
+			on: u.value,
+			show: F(c).show,
+			hide: F(c).hide
+		}, u.value ? { style: r.share } : {}), {
+			default: R(() => [y("button", {
+				ref: b,
+				type: "button",
+				"data-sel-id": r.item.id,
+				id: r.panelId && f.value ? F(Be)(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,
+				"aria-checked": r.strip.kind === "radio" ? r.on : void 0,
+				"aria-pressed": r.strip.kind === "toggle" ? r.on : void 0,
+				"aria-label": s.value.ariaLabel,
+				"aria-describedby": d.value,
+				disabled: r.disabled,
+				tabindex: r.roved ? 0 : -1,
+				class: E(s.value.className),
+				style: D(m.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", {
+				key: 1,
+				"data-sel-label": "",
+				class: E(s.value.labelClass)
+			}, P(r.item.label), 3))], 46, Zt)]),
+			_: 1
+		}, 16, [
+			"on",
+			"show",
+			"hide"
+		]), u.value ? (k(), v("span", {
+			key: 0,
+			id: F(l),
+			hidden: ""
+		}, P(s.value.tip), 9, Qt)) : _("", !0)], 64)), S(e, { state: F(c) }, null, 8, ["state"])], 64));
+	}
+}), en = [
+	"role",
+	"aria-label",
+	"aria-orientation"
+], tn = /* @__PURE__ */ C({
+	__name: "Selector",
+	props: /*@__PURE__*/ ee({
+		items: {},
+		label: {},
+		select: { default: "one" },
+		orientation: { default: "horizontal" },
+		size: { default: "md" },
+		variant: { default: "well" },
+		activation: { default: "auto" },
+		equalWidth: {
+			type: Boolean,
+			default: !1
+		},
+		inline: {
+			type: Boolean,
+			default: !1
+		},
+		fit: {
+			type: Boolean,
+			default: !1
+		},
+		pairsOnPhone: {
+			type: Boolean,
+			default: !1
+		},
+		buttonHeight: {
+			type: Boolean,
+			default: !1
+		},
+		hue: {
+			type: Boolean,
+			default: !0
+		},
+		hueOffset: {},
+		disabled: {
+			type: Boolean,
+			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;
+		}
+		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) => ({
+				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);
+				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
+		].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
+		].join("|"), (e) => {
+			if (!s.value.canSqueeze) u.value = "even";
+			else return Qe(e, (e) => u.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;
+		}
+		function w(e) {
+			let n = e.target;
+			if (t.orientation === "vertical" && e.key === " " && n.dataset.selId) {
+				e.preventDefault(), n.click();
+				return;
+			}
+			let r = Ne(c.value, e.key, t.orientation);
+			r && (e.preventDefault(), s.value.autoSelect && r.dataset.selId && C(r.dataset.selId));
+		}
+		return (t, n) => (k(), v("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, {
+			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",
+			orientation: e.orientation,
+			size: e.size,
+			variant: e.variant,
+			"equal-width": e.equalWidth,
+			"button-height": e.buttonHeight,
+			"pairs-on-phone": e.pairsOnPhone,
+			hue: e.hue,
+			"hue-offset": e.hueOffset,
+			"panel-id": e.panelId,
+			onSelect: (e) => C(t.id)
+		}, null, 8, [
+			"item",
+			"index",
+			"strip",
+			"on",
+			"disabled",
+			"roved",
+			"share",
+			"squeezed",
+			"orientation",
+			"size",
+			"variant",
+			"equal-width",
+			"button-height",
+			"pairs-on-phone",
+			"hue",
+			"hue-offset",
+			"panel-id",
+			"onSelect"
+		]))), 128))], 46, en));
+	}
+}), nn = [
+	"href",
+	"aria-current",
+	"aria-describedby"
+], rn = { class: "glim-sr-only" }, an = /* @__PURE__ */ C({
+	inheritAttrs: !1,
+	__name: "SidebarRow",
+	props: {
+		label: {},
+		glyph: {},
+		href: {},
+		active: {
+			type: Boolean,
+			default: !1
+		},
+		hueIndex: {},
+		count: {}
+	},
+	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));
+	}
+}), on = ["aria-labelledby"], sn = { class: "glim-subcard-title" }, cn = ["id"], ln = /* @__PURE__ */ C({
+	__name: "SubCard",
+	props: {
+		title: {},
+		hint: {}
+	},
+	setup(e) {
+		let t = ae();
+		return (n, r) => (k(), v("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, {
+			key: 0,
+			tip: e.hint
+		}, null, 8, ["tip"])) : _("", !0)]), j(n.$slots, "default")], 8, on));
+	}
+}), un = { class: "glim-toast-stack" }, dn = [
+	"role",
+	"onMouseenter",
+	"onMouseleave",
+	"onFocusin",
+	"onFocusout",
+	"onKeydown"
+], fn = { class: "glim-toast-message" }, pn = ["aria-label", "onClick"], mn = /* @__PURE__ */ C({
+	__name: "ToastViewport",
+	props: {
+		toasts: {},
+		dismissLabel: {}
+	},
+	emits: [
+		"dismiss",
+		"enter",
+		"leave",
+		"focusin",
+		"focusout"
+	],
+	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", {
+			key: t.id,
+			role: r(t.severity),
+			class: "glim-toast glim-toast-card",
+			onMouseenter: (e) => n("enter", t.id),
+			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"])
+		}, [
+			S(F(i), {
+				mark: F(pe)[t.severity],
+				class: E(`glim-toast-glyph glim-toast-glyph--${t.severity}`)
+			}, null, 8, ["mark", "class"]),
+			y("p", fn, P(t.message), 1),
+			y("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))]));
+	}
+}), hn = { class: "glim-toggle" }, gn = {
+	key: 0,
+	class: "glim-toggle-label"
+}, _n = [
+	"aria-checked",
+	"aria-label",
+	"disabled"
+], vn = /* @__PURE__ */ C({
+	__name: "Toggle",
+	props: /*@__PURE__*/ ee({
+		label: {},
+		hideLabel: {
+			type: Boolean,
+			default: !1
+		},
+		disabled: {
+			type: Boolean,
+			default: !1
+		}
+	}, {
+		modelValue: {
+			type: Boolean,
+			required: !0
+		},
+		modelModifiers: {}
+	}),
+	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", {
+			type: "button",
+			role: "switch",
+			"aria-checked": t.value,
+			"aria-label": e.label,
+			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)]));
+	}
+}), yn = { class: "glim-notice" }, bn = { class: "glim-notice-title" }, xn = { class: "glim-notice-reason" }, Sn = {
+	key: 0,
+	class: "glim-notice-action"
+}, Cn = /* @__PURE__ */ C({
+	__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)
+		]));
+	}
+});
+// src/confirm.ts
+function wn(e) {
+	let t = N(null), n = N(null), r = null, i = null;
+	function a(e, n) {
+		return i = Ce(), new Promise((i) => {
+			r = i, t.value = {
+				message: e,
+				...n
+			};
+		});
+	}
+	function o(e) {
+		r?.(e), r = null, t.value = null, Me(i), i = null;
+	}
+	let s = () => o(!1);
+	return L(t, (e, t, r) => {
+		e && r(Ye(() => n.value, s));
+	}), {
+		confirm: a,
+		dismiss: s,
+		ConfirmHost: C(() => () => {
+			let r = t.value;
+			return r ? w(m, { to: "body" }, [w(xt, {
+				ref: (e) => n.value = e?.card ?? null,
+				title: e.title,
+				message: r.message,
+				confirmLabel: r.confirmLabel ?? e.confirm,
+				confirmLabelKey: r.confirmLabelKey,
+				confirmGlyph: r.confirmGlyph,
+				cancelLabel: e.cancel,
+				onConfirm: () => o(!0),
+				onCancel: () => o(!1)
+			}, r.extra ? { extra: () => w(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 };