rei-kit 2.7.0 → 2.9.0

package/dist/web.js

@@ -1,21 +1,24 @@
+import { i as ensureSheetRoot, n as useBoundValue, t as inertOutside } from "./inert-BRQcZwpX.js";
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper-BOaGB7Aw.js";
-import { t as inertOutside } from "./inert-B441LoCD.js";
-import { Fragment, Teleport, Transition, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, mergeModels, nextTick, normalizeClass, onBeforeUnmount, openBlock, ref, renderList, renderSlot, resolveDynamicComponent, shallowRef, toDisplayString, unref, useId, useModel, vShow, watch, withCtx, withDirectives, withModifiers } from "vue";
+import { t as BaseButton_default } from "./BaseButton-RN2an975.js";
+import { n as BaseListbox_default, t as BaseSkeleton_default } from "./BaseSkeleton-BWTNXVwP.js";
+import { Fragment, Teleport, Transition, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, mergeModels, nextTick, normalizeClass, normalizeStyle, onBeforeUnmount, onMounted, openBlock, ref, renderList, renderSlot, resolveDynamicComponent, shallowRef, toDisplayString, unref, useId, useModel, useTemplateRef, vModelText, vShow, watch, withCtx, withDirectives, withModifiers } from "vue";
+import { ArrowDown, ArrowUp, ChevronLeft, ChevronRight, ChevronsUpDown, Search } from "lucide-vue-next";
 import { RouterLink } from "vue-router";
 //#region src/web/BaseAccordion.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$7 = { class: "rk-accordion" };
-var _hoisted_2$7 = [
+var _hoisted_1$13 = { class: "rk-accordion" };
+var _hoisted_2$12 = [
 	"aria-expanded",
 	"aria-controls",
 	"onClick"
 ];
-var _hoisted_3$5 = { class: "rk-accordion-title" };
-var _hoisted_4$4 = {
+var _hoisted_3$10 = { class: "rk-accordion-title" };
+var _hoisted_4$8 = {
 	class: "rk-accordion-mark",
 	"aria-hidden": "true"
 };
-var _hoisted_5$3 = ["id"];
-var _hoisted_6$2 = { class: "rk-accordion-clip" };
+var _hoisted_5$6 = ["id"];
+var _hoisted_6$5 = { class: "rk-accordion-clip" };
 //#endregion
 //#region src/web/BaseAccordion.vue
 var BaseAccordion_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
@@ -37,7 +40,7 @@ var BaseAccordion_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @
 			else open.value = __props.multiple ? [...open.value, key] : [key];
 		}
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("ul", _hoisted_1$7, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.items, (item) => {
+			return openBlock(), createElementBlock("ul", _hoisted_1$13, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.items, (item) => {
 				return openBlock(), createElementBlock("li", {
 					key: item.key,
 					class: "rk-accordion-item"
@@ -48,32 +51,32 @@ var BaseAccordion_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @
 						"aria-expanded": isOpen(item.key),
 						"aria-controls": `${unref(uid)}-${item.key}`,
 						onClick: ($event) => toggle(item.key)
-					}, [createElementVNode("span", _hoisted_3$5, [renderSlot(_ctx.$slots, "title", {
+					}, [createElementVNode("span", _hoisted_3$10, [renderSlot(_ctx.$slots, "title", {
 						item,
 						open: isOpen(item.key)
-					}, () => [createTextVNode(toDisplayString(item.title), 1)], true)]), createElementVNode("span", _hoisted_4$4, [_cache[0] || (_cache[0] = createElementVNode("span", { class: "rk-accordion-bar" }, null, -1)), createElementVNode("span", { class: normalizeClass(["rk-accordion-bar rk-accordion-bar-turn", { "is-open": isOpen(item.key) }]) }, null, 2)])], 8, _hoisted_2$7)]),
+					}, () => [createTextVNode(toDisplayString(item.title), 1)], true)]), createElementVNode("span", _hoisted_4$8, [_cache[0] || (_cache[0] = createElementVNode("span", { class: "rk-accordion-bar" }, null, -1)), createElementVNode("span", { class: normalizeClass(["rk-accordion-bar rk-accordion-bar-turn", { "is-open": isOpen(item.key) }]) }, null, 2)])], 8, _hoisted_2$12)]),
 					_: 2
 				}, 1024)), createElementVNode("div", {
 					id: `${unref(uid)}-${item.key}`,
 					class: normalizeClass(["rk-accordion-panel", { "is-open": isOpen(item.key) }])
-				}, [createElementVNode("div", _hoisted_6$2, [createElementVNode("div", { class: normalizeClass(["rk-accordion-body", { "is-open": isOpen(item.key) }]) }, [renderSlot(_ctx.$slots, "default", {
+				}, [createElementVNode("div", _hoisted_6$5, [createElementVNode("div", { class: normalizeClass(["rk-accordion-body", { "is-open": isOpen(item.key) }]) }, [renderSlot(_ctx.$slots, "default", {
 					item,
 					open: isOpen(item.key)
-				}, void 0, true)], 2)])], 10, _hoisted_5$3)]);
+				}, void 0, true)], 2)])], 10, _hoisted_5$6)]);
 			}), 128))]);
 		};
 	}
 }), [["__scopeId", "data-v-03e2e1d0"]]);
 //#endregion
 //#region src/web/BaseBreadcrumb.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$6 = ["aria-label"];
-var _hoisted_2$6 = { class: "rk-crumbs" };
-var _hoisted_3$4 = {
+var _hoisted_1$12 = ["aria-label"];
+var _hoisted_2$11 = { class: "rk-crumbs" };
+var _hoisted_3$9 = {
 	key: 1,
 	class: "rk-crumb-current",
 	"aria-current": "page"
 };
-var _hoisted_4$3 = {
+var _hoisted_4$7 = {
 	key: 2,
 	class: "rk-crumb-sep",
 	"aria-hidden": "true"
@@ -88,7 +91,7 @@ var BaseBreadcrumb_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/*
 	},
 	setup(__props) {
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("nav", { "aria-label": __props.label || void 0 }, [createElementVNode("ol", _hoisted_2$6, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.items, (item, index) => {
+			return openBlock(), createElementBlock("nav", { "aria-label": __props.label || void 0 }, [createElementVNode("ol", _hoisted_2$11, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.items, (item, index) => {
 				return openBlock(), createElementBlock("li", {
 					key: item.label,
 					class: "rk-crumb"
@@ -99,22 +102,22 @@ var BaseBreadcrumb_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/*
 				}, {
 					default: withCtx(() => [createTextVNode(toDisplayString(item.label), 1)]),
 					_: 2
-				}, 1032, ["to"])) : (openBlock(), createElementBlock("span", _hoisted_3$4, toDisplayString(item.label), 1)), index < __props.items.length - 1 ? (openBlock(), createElementBlock("span", _hoisted_4$3, "/")) : createCommentVNode("", true)]);
-			}), 128))])], 8, _hoisted_1$6);
+				}, 1032, ["to"])) : (openBlock(), createElementBlock("span", _hoisted_3$9, toDisplayString(item.label), 1)), index < __props.items.length - 1 ? (openBlock(), createElementBlock("span", _hoisted_4$7, "/")) : createCommentVNode("", true)]);
+			}), 128))])], 8, _hoisted_1$12);
 		};
 	}
 }), [["__scopeId", "data-v-dcc01b03"]]);
 //#endregion
 //#region src/web/BaseDisclosure.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$5 = { class: "rk-disclosure" };
-var _hoisted_2$5 = ["aria-expanded", "aria-controls"];
-var _hoisted_3$3 = { class: "rk-disclosure-title" };
-var _hoisted_4$2 = {
+var _hoisted_1$11 = { class: "rk-disclosure" };
+var _hoisted_2$10 = ["aria-expanded", "aria-controls"];
+var _hoisted_3$8 = { class: "rk-disclosure-title" };
+var _hoisted_4$6 = {
 	class: "rk-disclosure-mark",
 	"aria-hidden": "true"
 };
-var _hoisted_5$2 = ["id"];
-var _hoisted_6$1 = { class: "rk-disclosure-clip" };
+var _hoisted_5$5 = ["id"];
+var _hoisted_6$4 = { class: "rk-disclosure-clip" };
 //#endregion
 //#region src/web/BaseDisclosure.vue
 var BaseDisclosure_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
@@ -134,30 +137,30 @@ var BaseDisclosure_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/*
 		const open = useModel(__props, "modelValue");
 		const id = useId();
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", _hoisted_1$5, [(openBlock(), createBlock(resolveDynamicComponent(`h${__props.headingLevel}`), null, {
+			return openBlock(), createElementBlock("div", _hoisted_1$11, [(openBlock(), createBlock(resolveDynamicComponent(`h${__props.headingLevel}`), null, {
 				default: withCtx(() => [createElementVNode("button", {
 					type: "button",
 					class: "rk-disclosure-control",
 					"aria-expanded": open.value,
 					"aria-controls": unref(id),
 					onClick: _cache[0] || (_cache[0] = ($event) => open.value = !open.value)
-				}, [createElementVNode("span", _hoisted_3$3, [renderSlot(_ctx.$slots, "title", {}, () => [createTextVNode(toDisplayString(__props.title), 1)], true)]), createElementVNode("span", _hoisted_4$2, [_cache[1] || (_cache[1] = createElementVNode("span", { class: "rk-disclosure-bar" }, null, -1)), createElementVNode("span", { class: normalizeClass(["rk-disclosure-bar rk-disclosure-turn", { "is-open": open.value }]) }, null, 2)])], 8, _hoisted_2$5)]),
+				}, [createElementVNode("span", _hoisted_3$8, [renderSlot(_ctx.$slots, "title", {}, () => [createTextVNode(toDisplayString(__props.title), 1)], true)]), createElementVNode("span", _hoisted_4$6, [_cache[1] || (_cache[1] = createElementVNode("span", { class: "rk-disclosure-bar" }, null, -1)), createElementVNode("span", { class: normalizeClass(["rk-disclosure-bar rk-disclosure-turn", { "is-open": open.value }]) }, null, 2)])], 8, _hoisted_2$10)]),
 				_: 3
 			})), createElementVNode("div", {
 				id: unref(id),
 				class: normalizeClass(["rk-disclosure-panel", { "is-open": open.value }])
-			}, [createElementVNode("div", _hoisted_6$1, [createElementVNode("div", { class: normalizeClass(["rk-disclosure-body", { "is-open": open.value }]) }, [renderSlot(_ctx.$slots, "default", {}, void 0, true)], 2)])], 10, _hoisted_5$2)]);
+			}, [createElementVNode("div", _hoisted_6$4, [createElementVNode("div", { class: normalizeClass(["rk-disclosure-body", { "is-open": open.value }]) }, [renderSlot(_ctx.$slots, "default", {}, void 0, true)], 2)])], 10, _hoisted_5$5)]);
 		};
 	}
 }), [["__scopeId", "data-v-ad5c09f5"]]);
 //#endregion
 //#region src/web/BaseModal.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$4 = ["role", "aria-label"];
-var _hoisted_2$4 = { class: "rk-modal-head" };
-var _hoisted_3$2 = { class: "rk-modal-title" };
-var _hoisted_4$1 = ["aria-label"];
-var _hoisted_5$1 = { class: "rk-modal-body" };
-var _hoisted_6 = {
+var _hoisted_1$10 = ["role", "aria-label"];
+var _hoisted_2$9 = { class: "rk-modal-head" };
+var _hoisted_3$7 = { class: "rk-modal-title" };
+var _hoisted_4$5 = ["aria-label"];
+var _hoisted_5$4 = { class: "rk-modal-body" };
+var _hoisted_6$3 = {
 	key: 0,
 	class: "rk-modal-actions"
 };
@@ -189,7 +192,7 @@ var _hoisted_6 = {
 *   why this listens for a press on the backdrop itself rather than any click
 *   that reaches it.
 */
-var FOCUSABLE = "a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex=\"-1\"])";
+var FOCUSABLE$1 = "a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex=\"-1\"])";
 //#endregion
 //#region src/web/BaseModal.vue
 var BaseModal_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
@@ -219,7 +222,7 @@ var BaseModal_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
 		let releaseInert = null;
 		function focusable() {
 			if (!panel.value) return [];
-			return Array.from(panel.value.querySelectorAll(FOCUSABLE));
+			return Array.from(panel.value.querySelectorAll(FOCUSABLE$1));
 		}
 		function onKeydown(event) {
 			if (event.key === "Escape" && __props.dismissible) {
@@ -276,7 +279,7 @@ var BaseModal_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
 					"aria-label": __props.title,
 					tabindex: "-1"
 				}, [
-					createElementVNode("div", _hoisted_2$4, [createElementVNode("h2", _hoisted_3$2, toDisplayString(__props.title), 1), __props.dismissible ? (openBlock(), createElementBlock("button", {
+					createElementVNode("div", _hoisted_2$9, [createElementVNode("h2", _hoisted_3$7, toDisplayString(__props.title), 1), __props.dismissible ? (openBlock(), createElementBlock("button", {
 						key: 0,
 						type: "button",
 						class: "rk-modal-close",
@@ -290,10 +293,10 @@ var BaseModal_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
 					}, [createElementVNode("path", {
 						d: "M18 6 6 18M6 6l12 12",
 						"stroke-linecap": "round"
-					})], -1)])], 8, _hoisted_4$1)) : createCommentVNode("", true)]),
-					createElementVNode("div", _hoisted_5$1, [renderSlot(_ctx.$slots, "default", {}, void 0, true)]),
-					_ctx.$slots.actions ? (openBlock(), createElementBlock("div", _hoisted_6, [renderSlot(_ctx.$slots, "actions", {}, void 0, true)])) : createCommentVNode("", true)
-				], 8, _hoisted_1$4)], 32)) : createCommentVNode("", true)]),
+					})], -1)])], 8, _hoisted_4$5)) : createCommentVNode("", true)]),
+					createElementVNode("div", _hoisted_5$4, [renderSlot(_ctx.$slots, "default", {}, void 0, true)]),
+					_ctx.$slots.actions ? (openBlock(), createElementBlock("div", _hoisted_6$3, [renderSlot(_ctx.$slots, "actions", {}, void 0, true)])) : createCommentVNode("", true)
+				], 8, _hoisted_1$10)], 32)) : createCommentVNode("", true)]),
 				_: 3
 			})]);
 		};
@@ -301,15 +304,15 @@ var BaseModal_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
 }), [["__scopeId", "data-v-61956691"]]);
 //#endregion
 //#region src/web/BasePagination.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$3 = ["aria-label"];
-var _hoisted_2$3 = ["disabled", "aria-label"];
-var _hoisted_3$1 = {
+var _hoisted_1$9 = ["aria-label"];
+var _hoisted_2$8 = ["disabled", "aria-label"];
+var _hoisted_3$6 = {
 	key: 0,
 	class: "rk-pager-gap",
 	"aria-hidden": "true"
 };
-var _hoisted_4 = ["aria-current", "onClick"];
-var _hoisted_5 = ["disabled", "aria-label"];
+var _hoisted_4$4 = ["aria-current", "onClick"];
+var _hoisted_5$3 = ["disabled", "aria-label"];
 /**
 * Moving between pages of a list.
 *
@@ -372,15 +375,15 @@ var BasePagination_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/*
 					disabled: __props.page <= 1,
 					"aria-label": __props.previousLabel,
 					onClick: _cache[0] || (_cache[0] = ($event) => go(__props.page - 1))
-				}, " ‹ ", 8, _hoisted_2$3),
+				}, " ‹ ", 8, _hoisted_2$8),
 				(openBlock(true), createElementBlock(Fragment, null, renderList(slots.value, (slot, index) => {
-					return openBlock(), createElementBlock(Fragment, { key: `${slot}-${index}` }, [slot === "gap" ? (openBlock(), createElementBlock("span", _hoisted_3$1, "…")) : (openBlock(), createElementBlock("button", {
+					return openBlock(), createElementBlock(Fragment, { key: `${slot}-${index}` }, [slot === "gap" ? (openBlock(), createElementBlock("span", _hoisted_3$6, "…")) : (openBlock(), createElementBlock("button", {
 						key: 1,
 						type: "button",
 						class: normalizeClass(["rk-pager-page", { "is-active": slot === __props.page }]),
 						"aria-current": slot === __props.page ? "page" : void 0,
 						onClick: ($event) => go(slot)
-					}, toDisplayString(slot), 11, _hoisted_4))], 64);
+					}, toDisplayString(slot), 11, _hoisted_4$4))], 64);
 				}), 128)),
 				createElementVNode("button", {
 					type: "button",
@@ -388,12 +391,840 @@ var BasePagination_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/*
 					disabled: __props.page >= __props.pages,
 					"aria-label": __props.nextLabel,
 					onClick: _cache[1] || (_cache[1] = ($event) => go(__props.page + 1))
-				}, " › ", 8, _hoisted_5)
-			], 8, _hoisted_1$3);
+				}, " › ", 8, _hoisted_5$3)
+			], 8, _hoisted_1$9);
 		};
 	}
 }), [["__scopeId", "data-v-29950578"]]);
 //#endregion
+//#region src/web/CommandMenu.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$8 = ["aria-label"];
+var _hoisted_2$7 = { class: "rk-command-field" };
+var _hoisted_3$5 = [
+	"placeholder",
+	"aria-label",
+	"aria-controls",
+	"aria-activedescendant"
+];
+var _hoisted_4$3 = ["id", "aria-label"];
+var _hoisted_5$2 = {
+	key: 0,
+	class: "rk-command-group"
+};
+var _hoisted_6$2 = [
+	"id",
+	"aria-selected",
+	"onClick",
+	"onPointermove"
+];
+var _hoisted_7$1 = { class: "truncate" };
+var _hoisted_8$1 = {
+	key: 1,
+	class: "rk-command-hint"
+};
+var _hoisted_9$1 = {
+	key: 0,
+	class: "rk-command-empty"
+};
+//#endregion
+//#region src/web/CommandMenu.vue
+var CommandMenu_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	__name: "CommandMenu",
+	props: /*@__PURE__*/ mergeModels({
+		groups: {},
+		label: {},
+		placeholder: {},
+		emptyLabel: {},
+		hotkey: { default: () => void 0 }
+	}, {
+		"modelValue": {
+			type: Boolean,
+			default: false
+		},
+		"modelModifiers": {}
+	}),
+	emits: /*@__PURE__*/ mergeModels(["select"], ["update:modelValue"]),
+	setup(__props, { emit: __emit }) {
+		const emit = __emit;
+		/** Open or closed, with `v-model`. */
+		const open = useModel(__props, "modelValue");
+		const query = ref("");
+		const active = ref(0);
+		const id = useId();
+		const field = useTemplateRef("field");
+		const sheetRoot = ensureSheetRoot();
+		let release = null;
+		const matches = computed(() => {
+			const needle = query.value.trim().toLowerCase();
+			const keep = (item) => needle === "" || [item.label, ...item.keywords ?? []].some((word) => word.toLowerCase().includes(needle));
+			return __props.groups.map((group) => ({
+				...group,
+				items: group.items.filter(keep)
+			})).filter((group) => group.items.length > 0);
+		});
+		/** Flattened, because the arrows walk the results and not the groups. */
+		const flat = computed(() => matches.value.flatMap((group) => group.items));
+		function choose(item) {
+			emit("select", item.id);
+			open.value = false;
+		}
+		function move(step) {
+			if (flat.value.length === 0) return;
+			active.value = (active.value + step + flat.value.length) % flat.value.length;
+			nextTick(() => {
+				document.getElementById(`${id}-${active.value}`)?.scrollIntoView?.({ block: "nearest" });
+			});
+		}
+		function onKeydown(event) {
+			if (event.key === "ArrowDown") {
+				event.preventDefault();
+				move(1);
+			} else if (event.key === "ArrowUp") {
+				event.preventDefault();
+				move(-1);
+			} else if (event.key === "Home") {
+				event.preventDefault();
+				active.value = 0;
+			} else if (event.key === "End") {
+				event.preventDefault();
+				active.value = Math.max(0, flat.value.length - 1);
+			} else if (event.key === "Enter") {
+				const item = flat.value[active.value];
+				if (item) {
+					event.preventDefault();
+					choose(item);
+				}
+			} else if (event.key === "Escape") {
+				event.preventDefault();
+				open.value = false;
+			}
+		}
+		function onWindowKeydown(event) {
+			if (!__props.hotkey || event.key.toLowerCase() !== __props.hotkey.toLowerCase()) return;
+			if (!event.metaKey && !event.ctrlKey) return;
+			event.preventDefault();
+			open.value = !open.value;
+		}
+		if (typeof window !== "undefined") window.addEventListener("keydown", onWindowKeydown);
+		watch(open, async (isOpen) => {
+			if (typeof document === "undefined") return;
+			if (!isOpen) {
+				release?.();
+				release = null;
+				return;
+			}
+			query.value = "";
+			active.value = 0;
+			await nextTick();
+			field.value?.focus();
+			const panel = field.value?.closest(".rk-command-panel");
+			if (panel) release = inertOutside(panel);
+		}, { immediate: true });
+		watch(query, () => active.value = 0);
+		onBeforeUnmount(() => {
+			release?.();
+			if (typeof window !== "undefined") window.removeEventListener("keydown", onWindowKeydown);
+		});
+		const indexOf = (item) => flat.value.indexOf(item);
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(Teleport, { to: unref(sheetRoot) }, [createVNode(Transition, { name: "rk-command" }, {
+				default: withCtx(() => [open.value ? (openBlock(), createElementBlock("div", {
+					key: 0,
+					class: "rk-command",
+					onKeydown
+				}, [createElementVNode("div", {
+					class: "rk-command-scrim",
+					onClick: _cache[0] || (_cache[0] = ($event) => open.value = false)
+				}), createElementVNode("div", {
+					class: "rk-command-panel surface-overlay",
+					role: "dialog",
+					"aria-modal": "true",
+					"aria-label": __props.label
+				}, [createElementVNode("div", _hoisted_2$7, [createVNode(unref(Search), {
+					class: "text-ink-soft size-4 shrink-0",
+					"aria-hidden": "true"
+				}), withDirectives(createElementVNode("input", {
+					ref_key: "field",
+					ref: field,
+					"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => query.value = $event),
+					type: "text",
+					role: "combobox",
+					class: "rk-command-input",
+					autocomplete: "off",
+					placeholder: __props.placeholder,
+					"aria-label": __props.label,
+					"aria-expanded": true,
+					"aria-controls": unref(id),
+					"aria-activedescendant": flat.value.length ? `${unref(id)}-${active.value}` : void 0
+				}, null, 8, _hoisted_3$5), [[vModelText, query.value]])]), createElementVNode("div", {
+					id: unref(id),
+					class: "rk-command-list",
+					role: "listbox",
+					"aria-label": __props.label
+				}, [(openBlock(true), createElementBlock(Fragment, null, renderList(matches.value, (group) => {
+					return openBlock(), createElementBlock(Fragment, { key: group.label ?? "items" }, [group.label ? (openBlock(), createElementBlock("p", _hoisted_5$2, toDisplayString(group.label), 1)) : createCommentVNode("", true), (openBlock(true), createElementBlock(Fragment, null, renderList(group.items, (item) => {
+						return openBlock(), createElementBlock("div", {
+							id: `${unref(id)}-${indexOf(item)}`,
+							key: item.id,
+							class: normalizeClass(["rk-command-item", { "is-active": indexOf(item) === active.value }]),
+							role: "option",
+							"aria-selected": indexOf(item) === active.value,
+							onClick: ($event) => choose(item),
+							onPointermove: ($event) => active.value = indexOf(item)
+						}, [
+							item.icon ? (openBlock(), createBlock(resolveDynamicComponent(item.icon), {
+								key: 0,
+								class: "size-4 shrink-0",
+								"aria-hidden": "true"
+							})) : createCommentVNode("", true),
+							createElementVNode("span", _hoisted_7$1, toDisplayString(item.label), 1),
+							item.hint ? (openBlock(), createElementBlock("span", _hoisted_8$1, toDisplayString(item.hint), 1)) : createCommentVNode("", true)
+						], 42, _hoisted_6$2);
+					}), 128))], 64);
+				}), 128)), flat.value.length === 0 ? (openBlock(), createElementBlock("p", _hoisted_9$1, toDisplayString(__props.emptyLabel), 1)) : createCommentVNode("", true)], 8, _hoisted_4$3)], 8, _hoisted_1$8)], 32)) : createCommentVNode("", true)]),
+				_: 1
+			})], 8, ["to"]);
+		};
+	}
+}), [["__scopeId", "data-v-cce1dd03"]]);
+//#endregion
+//#region src/web/DataTable.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$7 = ["aria-label"];
+var _hoisted_2$6 = {
+	key: 0,
+	scope: "col",
+	class: "rk-data-pick"
+};
+var _hoisted_3$4 = [
+	"checked",
+	"indeterminate",
+	"aria-label"
+];
+var _hoisted_4$2 = ["aria-sort"];
+var _hoisted_5$1 = ["onClick"];
+var _hoisted_6$1 = {
+	key: 0,
+	"aria-busy": "true"
+};
+var _hoisted_7 = { key: 0 };
+var _hoisted_8 = { key: 1 };
+var _hoisted_9 = {
+	key: 0,
+	class: "rk-data-pick"
+};
+var _hoisted_10 = [
+	"checked",
+	"aria-label",
+	"onChange"
+];
+var _hoisted_11 = { key: 2 };
+var _hoisted_12 = ["colspan"];
+//#endregion
+//#region src/web/DataTable.vue
+var DataTable_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	__name: "DataTable",
+	props: /*@__PURE__*/ mergeModels({
+		columns: {},
+		rows: {},
+		caption: {},
+		captionHidden: {
+			type: Boolean,
+			default: false
+		},
+		rowKey: { default: () => void 0 },
+		selectAllLabel: { default: () => void 0 },
+		rowLabel: {
+			type: Function,
+			default: void 0
+		},
+		manualSort: {
+			type: Boolean,
+			default: false
+		},
+		loading: {
+			type: Boolean,
+			default: false
+		},
+		loadingRows: { default: 5 },
+		stickyHeader: {
+			type: Boolean,
+			default: false
+		}
+	}, {
+		"sort": { default: void 0 },
+		"sortModifiers": {},
+		"selected": { default: () => [] },
+		"selectedModifiers": {}
+	}),
+	emits: ["update:sort", "update:selected"],
+	setup(__props) {
+		/** Which column is sorted, and which way. `v-model:sort`. */
+		const sort = useModel(__props, "sort");
+		/** The chosen rows' keys. `v-model:selected`. */
+		const selected = useModel(__props, "selected");
+		const selectable = computed(() => Boolean(__props.rowKey && __props.selectAllLabel && __props.rowLabel));
+		const keyOf = (row, index) => __props.rowKey ? String(row[__props.rowKey]) : String(index);
+		function compare(a, b) {
+			if (typeof a === "number" && typeof b === "number") return a - b;
+			if (a == null) return b == null ? 0 : -1;
+			if (b == null) return 1;
+			return String(a).localeCompare(String(b));
+		}
+		const shown = computed(() => {
+			if (!sort.value || __props.manualSort) return __props.rows;
+			const { key, direction } = sort.value;
+			const sorted = [...__props.rows].sort((a, b) => compare(a[key], b[key]));
+			return direction === "asc" ? sorted : sorted.reverse();
+		});
+		/** Ascending, then descending, then back to the order it arrived in. */
+		function toggleSort(column) {
+			if (!column.sortable) return;
+			if (sort.value?.key !== column.key) {
+				sort.value = {
+					key: column.key,
+					direction: "asc"
+				};
+				return;
+			}
+			sort.value = sort.value.direction === "asc" ? {
+				key: column.key,
+				direction: "desc"
+			} : void 0;
+		}
+		const ariaSort = (column) => {
+			if (!column.sortable) return void 0;
+			if (sort.value?.key !== column.key) return "none";
+			return sort.value.direction === "asc" ? "ascending" : "descending";
+		};
+		const allKeys = computed(() => shown.value.map((row, index) => keyOf(row, index)));
+		const allChosen = computed(() => allKeys.value.length > 0 && allKeys.value.every((key) => selected.value.includes(key)));
+		const someChosen = computed(() => !allChosen.value && allKeys.value.some((key) => selected.value.includes(key)));
+		function toggleAll() {
+			selected.value = allChosen.value ? [] : allKeys.value;
+		}
+		function toggleRow(key) {
+			selected.value = selected.value.includes(key) ? selected.value.filter((one) => one !== key) : [...selected.value, key];
+		}
+		const columnCount = computed(() => __props.columns.length + (selectable.value ? 1 : 0));
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				class: "rk-data-scroll",
+				tabindex: "0",
+				role: "region",
+				"aria-label": __props.caption
+			}, [createElementVNode("table", { class: normalizeClass(["rk-data", { "is-sticky": __props.stickyHeader }]) }, [
+				createElementVNode("caption", { class: normalizeClass(__props.captionHidden ? "rk-data-caption-hidden" : "rk-data-caption") }, toDisplayString(__props.caption), 3),
+				createElementVNode("thead", null, [createElementVNode("tr", null, [selectable.value ? (openBlock(), createElementBlock("th", _hoisted_2$6, [createElementVNode("input", {
+					type: "checkbox",
+					class: "rk-data-box focus-ring",
+					checked: allChosen.value,
+					indeterminate: someChosen.value,
+					"aria-label": __props.selectAllLabel,
+					onChange: toggleAll
+				}, null, 40, _hoisted_3$4)])) : createCommentVNode("", true), (openBlock(true), createElementBlock(Fragment, null, renderList(__props.columns, (column) => {
+					return openBlock(), createElementBlock("th", {
+						key: column.key,
+						scope: "col",
+						"aria-sort": ariaSort(column),
+						class: normalizeClass([column.align === "end" && "is-end", column.nowrap && "is-nowrap"])
+					}, [column.sortable ? (openBlock(), createElementBlock("button", {
+						key: 0,
+						type: "button",
+						class: "rk-data-sort focus-ring",
+						onClick: ($event) => toggleSort(column)
+					}, [createTextVNode(toDisplayString(column.label) + " ", 1), ariaSort(column) === "ascending" ? (openBlock(), createBlock(unref(ArrowUp), {
+						key: 0,
+						class: "size-3.5",
+						"aria-hidden": "true"
+					})) : ariaSort(column) === "descending" ? (openBlock(), createBlock(unref(ArrowDown), {
+						key: 1,
+						class: "size-3.5",
+						"aria-hidden": "true"
+					})) : (openBlock(), createBlock(unref(ChevronsUpDown), {
+						key: 2,
+						class: "size-3.5 opacity-40",
+						"aria-hidden": "true"
+					}))], 8, _hoisted_5$1)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [createTextVNode(toDisplayString(column.label), 1)], 64))], 10, _hoisted_4$2);
+				}), 128))])]),
+				__props.loading ? (openBlock(), createElementBlock("tbody", _hoisted_6$1, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.loadingRows, (row) => {
+					return openBlock(), createElementBlock("tr", { key: row }, [selectable.value ? (openBlock(), createElementBlock("td", _hoisted_7)) : createCommentVNode("", true), (openBlock(true), createElementBlock(Fragment, null, renderList(__props.columns, (column) => {
+						return openBlock(), createElementBlock("td", { key: column.key }, [createVNode(BaseSkeleton_default, {
+							shape: "text",
+							height: "0.75rem",
+							width: "70%"
+						})]);
+					}), 128))]);
+				}), 128))])) : shown.value.length > 0 ? (openBlock(), createElementBlock("tbody", _hoisted_8, [(openBlock(true), createElementBlock(Fragment, null, renderList(shown.value, (row, index) => {
+					return openBlock(), createElementBlock("tr", {
+						key: keyOf(row, index),
+						class: normalizeClass({ "is-chosen": selected.value.includes(keyOf(row, index)) })
+					}, [selectable.value ? (openBlock(), createElementBlock("td", _hoisted_9, [createElementVNode("input", {
+						type: "checkbox",
+						class: "rk-data-box focus-ring",
+						checked: selected.value.includes(keyOf(row, index)),
+						"aria-label": __props.rowLabel(row),
+						onChange: ($event) => toggleRow(keyOf(row, index))
+					}, null, 40, _hoisted_10)])) : createCommentVNode("", true), (openBlock(true), createElementBlock(Fragment, null, renderList(__props.columns, (column) => {
+						return openBlock(), createElementBlock("td", {
+							key: column.key,
+							class: normalizeClass([column.align === "end" && "is-end", column.nowrap && "is-nowrap"])
+						}, [renderSlot(_ctx.$slots, column.key, {
+							row,
+							value: row[column.key]
+						}, () => [createTextVNode(toDisplayString(row[column.key]), 1)], true)], 2);
+					}), 128))], 2);
+				}), 128))])) : (openBlock(), createElementBlock("tbody", _hoisted_11, [createElementVNode("tr", null, [createElementVNode("td", {
+					colspan: columnCount.value,
+					class: "rk-data-empty"
+				}, [renderSlot(_ctx.$slots, "empty", {}, void 0, true)], 8, _hoisted_12)])]))
+			], 2)], 8, _hoisted_1$7);
+		};
+	}
+}), [["__scopeId", "data-v-5920cac0"]]);
+//#endregion
+//#region src/web/BaseSplitter.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$6 = { class: "rk-split-pane is-start" };
+var _hoisted_2$5 = [
+	"aria-label",
+	"aria-orientation",
+	"aria-valuenow",
+	"aria-valuemin",
+	"aria-valuemax"
+];
+var _hoisted_3$3 = { class: "rk-split-pane is-end" };
+//#endregion
+//#region src/web/BaseSplitter.vue
+var BaseSplitter_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	__name: "BaseSplitter",
+	props: /*@__PURE__*/ mergeModels({
+		label: {},
+		orientation: { default: "horizontal" },
+		min: { default: 15 },
+		max: { default: 85 },
+		step: { default: 2 }
+	}, {
+		"modelValue": { default: 50 },
+		"modelModifiers": {}
+	}),
+	emits: ["update:modelValue"],
+	setup(__props) {
+		/** Where the split sits, as a percentage of the whole. `v-model`. */
+		const split = useModel(__props, "modelValue");
+		const root = useTemplateRef("root");
+		const dragging = ref(false);
+		const startedAt = split.value;
+		const clamp = (value) => Math.min(__props.max, Math.max(__props.min, value));
+		const horizontal = computed(() => __props.orientation === "horizontal");
+		function moveTo(point) {
+			const box = root.value?.getBoundingClientRect();
+			if (!box) return;
+			const ratio = horizontal.value ? (point - box.left) / box.width : (point - box.top) / box.height;
+			split.value = clamp(Math.round(ratio * 100));
+		}
+		function onPointerDown(event) {
+			dragging.value = true;
+			event.target.setPointerCapture(event.pointerId);
+		}
+		function onPointerMove(event) {
+			if (!dragging.value) return;
+			event.preventDefault();
+			moveTo(horizontal.value ? event.clientX : event.clientY);
+		}
+		function onPointerUp(event) {
+			dragging.value = false;
+			event.target.releasePointerCapture?.(event.pointerId);
+		}
+		function onKeydown(event) {
+			const back = horizontal.value ? "ArrowLeft" : "ArrowUp";
+			const forward = horizontal.value ? "ArrowRight" : "ArrowDown";
+			const next = {
+				[back]: split.value - __props.step,
+				[forward]: split.value + __props.step,
+				Home: __props.min,
+				End: __props.max,
+				Enter: startedAt
+			}[event.key];
+			if (next === void 0) return;
+			event.preventDefault();
+			split.value = clamp(next);
+		}
+		onBeforeUnmount(() => dragging.value = false);
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				ref_key: "root",
+				ref: root,
+				class: normalizeClass(["rk-split", [`is-${__props.orientation}`, { "is-dragging": dragging.value }]]),
+				style: normalizeStyle({ "--rk-split": `${split.value}%` })
+			}, [
+				createElementVNode("div", _hoisted_1$6, [renderSlot(_ctx.$slots, "start", {}, void 0, true)]),
+				createElementVNode("div", {
+					class: "rk-split-handle focus-ring",
+					role: "separator",
+					tabindex: "0",
+					"aria-label": __props.label,
+					"aria-orientation": __props.orientation === "horizontal" ? "vertical" : "horizontal",
+					"aria-valuenow": split.value,
+					"aria-valuemin": __props.min,
+					"aria-valuemax": __props.max,
+					onPointerdown: onPointerDown,
+					onPointermove: onPointerMove,
+					onPointerup: onPointerUp,
+					onPointercancel: onPointerUp,
+					onKeydown
+				}, [..._cache[0] || (_cache[0] = [createElementVNode("span", {
+					class: "rk-split-grip",
+					"aria-hidden": "true"
+				}, null, -1)])], 40, _hoisted_2$5),
+				createElementVNode("div", _hoisted_3$3, [renderSlot(_ctx.$slots, "end", {}, void 0, true)])
+			], 6);
+		};
+	}
+}), [["__scopeId", "data-v-159a4f08"]]);
+//#endregion
+//#region src/web/BaseToolbar.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$5 = ["aria-label", "aria-orientation"];
+/**
+* A row of controls that belong together: a formatting bar, a row of view
+* switches, the actions over a table.
+*
+* One Tab stop for the lot. The arrows move between the controls inside it,
+* Home and End jump to the ends — the toolbar pattern, and the reason to
+* use it is arithmetic: twelve buttons in the tab order cost twelve presses
+* to get past on the way to the thing under them.
+*
+* The controls are yours: anything focusable inside is picked up, so a
+* toolbar can mix the kit's buttons, a `ToggleGroup` and a separator
+* without declaring any of them as data.
+*/
+var FOCUSABLE = "button:not([disabled]), a[href], input:not([disabled]), select, textarea";
+//#endregion
+//#region src/web/BaseToolbar.vue
+var BaseToolbar_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	__name: "BaseToolbar",
+	props: {
+		label: {},
+		orientation: { default: "horizontal" }
+	},
+	setup(__props) {
+		const root = useTemplateRef("root");
+		const at = ref(0);
+		function controls() {
+			return Array.from(root.value?.querySelectorAll(FOCUSABLE) ?? []);
+		}
+		function applyRoving() {
+			const list = controls();
+			at.value = Math.min(at.value, Math.max(0, list.length - 1));
+			list.forEach((control, index) => {
+				control.tabIndex = index === at.value ? 0 : -1;
+			});
+		}
+		function focusAt(index) {
+			const list = controls();
+			if (list.length === 0) return;
+			at.value = (index + list.length) % list.length;
+			applyRoving();
+			list[at.value]?.focus();
+		}
+		function onKeydown(event) {
+			const back = __props.orientation === "horizontal" ? "ArrowLeft" : "ArrowUp";
+			const forward = __props.orientation === "horizontal" ? "ArrowRight" : "ArrowDown";
+			const list = controls();
+			const current = list.indexOf(document.activeElement);
+			if (event.key === back) {
+				event.preventDefault();
+				focusAt(current - 1);
+			} else if (event.key === forward) {
+				event.preventDefault();
+				focusAt(current + 1);
+			} else if (event.key === "Home") {
+				event.preventDefault();
+				focusAt(0);
+			} else if (event.key === "End") {
+				event.preventDefault();
+				focusAt(list.length - 1);
+			}
+		}
+		function onFocusin(event) {
+			const index = controls().indexOf(event.target);
+			if (index >= 0) {
+				at.value = index;
+				applyRoving();
+			}
+		}
+		onMounted(applyRoving);
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				ref_key: "root",
+				ref: root,
+				class: normalizeClass(["rk-toolbar", `is-${__props.orientation}`]),
+				role: "toolbar",
+				"aria-label": __props.label,
+				"aria-orientation": __props.orientation,
+				onKeydown,
+				onFocusin
+			}, [renderSlot(_ctx.$slots, "default", {}, void 0, true)], 42, _hoisted_1$5);
+		};
+	}
+}), [["__scopeId", "data-v-a65164b7"]]);
+//#endregion
+//#region src/web/BaseTree.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$4 = ["aria-label", "aria-multiselectable"];
+var _hoisted_2$4 = [
+	"aria-level",
+	"aria-setsize",
+	"aria-posinset",
+	"aria-expanded",
+	"aria-selected",
+	"aria-disabled",
+	"onClick"
+];
+var _hoisted_3$2 = {
+	key: 1,
+	class: "rk-tree-twist-space",
+	"aria-hidden": "true"
+};
+var _hoisted_4$1 = { class: "truncate" };
+//#endregion
+//#region src/web/BaseTree.vue
+var BaseTree_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	__name: "BaseTree",
+	props: /*@__PURE__*/ mergeModels({
+		modelValue: { default: () => void 0 },
+		nodes: {},
+		label: {},
+		mode: { default: "single" }
+	}, {
+		"expanded": { default: () => [] },
+		"expandedModifiers": {}
+	}),
+	emits: /*@__PURE__*/ mergeModels(["update:modelValue"], ["update:expanded"]),
+	setup(__props, { emit: __emit }) {
+		const emit = __emit;
+		const model = useBoundValue(() => __props.modelValue, (value) => emit("update:modelValue", value));
+		/** Which branches are open. */
+		const expanded = useModel(__props, "expanded");
+		const rows = computed(() => {
+			const out = [];
+			const walk = (list, level, parent) => {
+				list.forEach((node, index) => {
+					out.push({
+						node,
+						level,
+						position: index + 1,
+						size: list.length,
+						parent
+					});
+					if (node.children?.length && expanded.value.includes(node.key)) walk(node.children, level + 1, node.key);
+				});
+			};
+			walk(__props.nodes, 1, null);
+			return out;
+		});
+		const active = ref(0);
+		const chosen = computed(() => {
+			const value = model.value;
+			if (Array.isArray(value)) return new Set(value);
+			return new Set(value === void 0 ? [] : [value]);
+		});
+		const isOpen = (node) => expanded.value.includes(node.key);
+		const hasChildren = (node) => Boolean(node.children?.length);
+		function setOpen(node, open) {
+			if (!hasChildren(node)) return;
+			expanded.value = open ? [...expanded.value, node.key] : expanded.value.filter((key) => key !== node.key);
+		}
+		function choose(node) {
+			if (node.disabled) return;
+			if (__props.mode === "multiple") {
+				const next = new Set(chosen.value);
+				if (next.has(node.key)) next.delete(node.key);
+				else next.add(node.key);
+				model.value = [...next];
+				return;
+			}
+			model.value = node.key;
+		}
+		function moveTo(index) {
+			active.value = Math.max(0, Math.min(rows.value.length - 1, index));
+		}
+		function onKeydown(event) {
+			const row = rows.value[active.value];
+			if (!row) return;
+			switch (event.key) {
+				case "ArrowDown":
+					event.preventDefault();
+					moveTo(active.value + 1);
+					break;
+				case "ArrowUp":
+					event.preventDefault();
+					moveTo(active.value - 1);
+					break;
+				case "ArrowRight":
+					event.preventDefault();
+					if (hasChildren(row.node) && !isOpen(row.node)) setOpen(row.node, true);
+					else if (hasChildren(row.node)) moveTo(active.value + 1);
+					break;
+				case "ArrowLeft": {
+					event.preventDefault();
+					if (hasChildren(row.node) && isOpen(row.node)) {
+						setOpen(row.node, false);
+						break;
+					}
+					const parent = rows.value.findIndex((one) => one.node.key === row.parent);
+					if (parent >= 0) moveTo(parent);
+					break;
+				}
+				case "Home":
+					event.preventDefault();
+					moveTo(0);
+					break;
+				case "End":
+					event.preventDefault();
+					moveTo(rows.value.length - 1);
+					break;
+				case "Enter":
+				case " ":
+					event.preventDefault();
+					choose(row.node);
+			}
+		}
+		function onClick(index, row) {
+			active.value = index;
+			if (hasChildren(row.node)) setOpen(row.node, !isOpen(row.node));
+			else choose(row.node);
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("ul", {
+				class: "rk-tree",
+				role: "tree",
+				"aria-label": __props.label,
+				"aria-multiselectable": __props.mode === "multiple" ? true : void 0,
+				tabindex: "0",
+				onKeydown
+			}, [(openBlock(true), createElementBlock(Fragment, null, renderList(rows.value, (row, index) => {
+				return openBlock(), createElementBlock("li", {
+					key: row.node.key,
+					class: normalizeClass(["rk-tree-row", {
+						"is-active": index === active.value,
+						"is-chosen": chosen.value.has(row.node.key),
+						"is-disabled": row.node.disabled
+					}]),
+					role: "treeitem",
+					"aria-level": row.level,
+					"aria-setsize": row.size,
+					"aria-posinset": row.position,
+					"aria-expanded": row.node.children?.length ? isOpen(row.node) : void 0,
+					"aria-selected": chosen.value.has(row.node.key),
+					"aria-disabled": row.node.disabled,
+					style: normalizeStyle({ "--rk-tree-level": row.level }),
+					onClick: ($event) => onClick(index, row)
+				}, [
+					row.node.children?.length ? (openBlock(), createBlock(unref(ChevronRight), {
+						key: 0,
+						class: normalizeClass(["rk-tree-twist", { "is-open": isOpen(row.node) }]),
+						"aria-hidden": "true"
+					}, null, 8, ["class"])) : (openBlock(), createElementBlock("span", _hoisted_3$2)),
+					row.node.icon ? (openBlock(), createBlock(resolveDynamicComponent(row.node.icon), {
+						key: 2,
+						class: "size-4 shrink-0",
+						"aria-hidden": "true"
+					})) : createCommentVNode("", true),
+					createElementVNode("span", _hoisted_4$1, toDisplayString(row.node.label), 1)
+				], 14, _hoisted_2$4);
+			}), 128))], 40, _hoisted_1$4);
+		};
+	}
+}), [["__scopeId", "data-v-1ba675c5"]]);
+//#endregion
+//#region src/web/TransferList.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$3 = { class: "rk-transfer" };
+var _hoisted_2$3 = { class: "rk-transfer-side" };
+var _hoisted_3$1 = { class: "rk-transfer-title" };
+var _hoisted_4 = { class: "rk-transfer-middle" };
+var _hoisted_5 = { class: "rk-transfer-side" };
+var _hoisted_6 = { class: "rk-transfer-title" };
+//#endregion
+//#region src/web/TransferList.vue
+var TransferList_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	__name: "TransferList",
+	props: /*@__PURE__*/ mergeModels({
+		options: {},
+		availableLabel: {},
+		chosenLabel: {},
+		addLabel: {},
+		removeLabel: {},
+		height: { default: "14rem" }
+	}, {
+		"modelValue": { default: () => [] },
+		"modelModifiers": {}
+	}),
+	emits: ["update:modelValue"],
+	setup(__props) {
+		/** What has been moved across, in the order it was moved. `v-model`. */
+		const model = useModel(__props, "modelValue");
+		const markedAvailable = ref([]);
+		const markedChosen = ref([]);
+		const available = computed(() => __props.options.filter((option) => !model.value.includes(option.value)));
+		const chosen = computed(() => model.value.map((value) => __props.options.find((option) => option.value === value)).filter((option) => option !== void 0));
+		function add() {
+			model.value = [...model.value, ...markedAvailable.value];
+			markedAvailable.value = [];
+		}
+		function remove() {
+			model.value = model.value.filter((value) => !markedChosen.value.includes(value));
+			markedChosen.value = [];
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", _hoisted_1$3, [
+				createElementVNode("div", _hoisted_2$3, [createElementVNode("p", _hoisted_3$1, toDisplayString(__props.availableLabel), 1), createVNode(BaseListbox_default, {
+					modelValue: markedAvailable.value,
+					"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => markedAvailable.value = $event),
+					mode: "multiple",
+					options: available.value,
+					label: __props.availableLabel,
+					height: __props.height
+				}, null, 8, [
+					"modelValue",
+					"options",
+					"label",
+					"height"
+				])]),
+				createElementVNode("div", _hoisted_4, [createVNode(BaseButton_default, {
+					icon: "",
+					variant: "secondary",
+					"aria-label": __props.addLabel,
+					disabled: markedAvailable.value.length === 0,
+					onClick: add
+				}, {
+					default: withCtx(() => [createVNode(unref(ChevronRight), { class: "size-4" })]),
+					_: 1
+				}, 8, ["aria-label", "disabled"]), createVNode(BaseButton_default, {
+					icon: "",
+					variant: "secondary",
+					"aria-label": __props.removeLabel,
+					disabled: markedChosen.value.length === 0,
+					onClick: remove
+				}, {
+					default: withCtx(() => [createVNode(unref(ChevronLeft), { class: "size-4" })]),
+					_: 1
+				}, 8, ["aria-label", "disabled"])]),
+				createElementVNode("div", _hoisted_5, [createElementVNode("p", _hoisted_6, toDisplayString(__props.chosenLabel), 1), createVNode(BaseListbox_default, {
+					modelValue: markedChosen.value,
+					"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => markedChosen.value = $event),
+					mode: "multiple",
+					options: chosen.value,
+					label: __props.chosenLabel,
+					height: __props.height
+				}, null, 8, [
+					"modelValue",
+					"options",
+					"label",
+					"height"
+				])])
+			]);
+		};
+	}
+}), [["__scopeId", "data-v-1d75b0da"]]);
+//#endregion
 //#region src/web/BaseTabs.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1$2 = ["aria-label"];
 var _hoisted_2$2 = [
@@ -539,6 +1370,6 @@ var NavLinks_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 	}
 }), [["__scopeId", "data-v-52e5d553"]]);
 //#endregion
-export { BaseAccordion_default as BaseAccordion, BaseBreadcrumb_default as BaseBreadcrumb, BaseDisclosure_default as BaseDisclosure, BaseModal_default as BaseModal, BasePagination_default as BasePagination, BaseTabs_default as BaseTabs, BaseTooltip_default as BaseTooltip, NavLinks_default as NavLinks };
+export { BaseAccordion_default as BaseAccordion, BaseBreadcrumb_default as BaseBreadcrumb, BaseDisclosure_default as BaseDisclosure, BaseModal_default as BaseModal, BasePagination_default as BasePagination, BaseSplitter_default as BaseSplitter, BaseTabs_default as BaseTabs, BaseToolbar_default as BaseToolbar, BaseTooltip_default as BaseTooltip, BaseTree_default as BaseTree, CommandMenu_default as CommandMenu, DataTable_default as DataTable, NavLinks_default as NavLinks, TransferList_default as TransferList };
 
 //# sourceMappingURL=web.js.map