rei-kit 2.6.0 → 2.8.0

package/dist/web.js

@@ -1,21 +1,23 @@
+import { r as ensureSheetRoot, t as inertOutside } from "./inert-TJG_g0d6.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 BaseSkeleton_default } from "./BaseSkeleton-B-oo7JKE.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, useTemplateRef, vModelText, vShow, watch, withCtx, withDirectives, withModifiers } from "vue";
+import { ArrowDown, ArrowUp, 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$9 = { class: "rk-accordion" };
+var _hoisted_2$9 = [
 	"aria-expanded",
 	"aria-controls",
 	"onClick"
 ];
-var _hoisted_3$5 = { class: "rk-accordion-title" };
-var _hoisted_4$4 = {
+var _hoisted_3$7 = { class: "rk-accordion-title" };
+var _hoisted_4$6 = {
 	class: "rk-accordion-mark",
 	"aria-hidden": "true"
 };
-var _hoisted_5$3 = ["id"];
-var _hoisted_6$2 = { class: "rk-accordion-clip" };
+var _hoisted_5$5 = ["id"];
+var _hoisted_6$4 = { class: "rk-accordion-clip" };
 //#endregion
 //#region src/web/BaseAccordion.vue
 var BaseAccordion_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
@@ -37,7 +39,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$9, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.items, (item) => {
 				return openBlock(), createElementBlock("li", {
 					key: item.key,
 					class: "rk-accordion-item"
@@ -48,32 +50,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$7, [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$6, [_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$9)]),
 					_: 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$4, [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$5)]);
 			}), 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$8 = ["aria-label"];
+var _hoisted_2$8 = { class: "rk-crumbs" };
+var _hoisted_3$6 = {
 	key: 1,
 	class: "rk-crumb-current",
 	"aria-current": "page"
 };
-var _hoisted_4$3 = {
+var _hoisted_4$5 = {
 	key: 2,
 	class: "rk-crumb-sep",
 	"aria-hidden": "true"
@@ -88,7 +90,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$8, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.items, (item, index) => {
 				return openBlock(), createElementBlock("li", {
 					key: item.label,
 					class: "rk-crumb"
@@ -99,22 +101,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$6, toDisplayString(item.label), 1)), index < __props.items.length - 1 ? (openBlock(), createElementBlock("span", _hoisted_4$5, "/")) : createCommentVNode("", true)]);
+			}), 128))])], 8, _hoisted_1$8);
 		};
 	}
 }), [["__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$7 = { class: "rk-disclosure" };
+var _hoisted_2$7 = ["aria-expanded", "aria-controls"];
+var _hoisted_3$5 = { class: "rk-disclosure-title" };
+var _hoisted_4$4 = {
 	class: "rk-disclosure-mark",
 	"aria-hidden": "true"
 };
-var _hoisted_5$2 = ["id"];
-var _hoisted_6$1 = { class: "rk-disclosure-clip" };
+var _hoisted_5$4 = ["id"];
+var _hoisted_6$3 = { class: "rk-disclosure-clip" };
 //#endregion
 //#region src/web/BaseDisclosure.vue
 var BaseDisclosure_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
@@ -134,30 +136,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$7, [(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$5, [renderSlot(_ctx.$slots, "title", {}, () => [createTextVNode(toDisplayString(__props.title), 1)], true)]), createElementVNode("span", _hoisted_4$4, [_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$7)]),
 				_: 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$3, [createElementVNode("div", { class: normalizeClass(["rk-disclosure-body", { "is-open": open.value }]) }, [renderSlot(_ctx.$slots, "default", {}, void 0, true)], 2)])], 10, _hoisted_5$4)]);
 		};
 	}
 }), [["__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$6 = ["role", "aria-label"];
+var _hoisted_2$6 = { class: "rk-modal-head" };
+var _hoisted_3$4 = { class: "rk-modal-title" };
+var _hoisted_4$3 = ["aria-label"];
+var _hoisted_5$3 = { class: "rk-modal-body" };
+var _hoisted_6$2 = {
 	key: 0,
 	class: "rk-modal-actions"
 };
@@ -276,7 +278,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$6, [createElementVNode("h2", _hoisted_3$4, toDisplayString(__props.title), 1), __props.dismissible ? (openBlock(), createElementBlock("button", {
 						key: 0,
 						type: "button",
 						class: "rk-modal-close",
@@ -290,10 +292,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$3)) : createCommentVNode("", true)]),
+					createElementVNode("div", _hoisted_5$3, [renderSlot(_ctx.$slots, "default", {}, void 0, true)]),
+					_ctx.$slots.actions ? (openBlock(), createElementBlock("div", _hoisted_6$2, [renderSlot(_ctx.$slots, "actions", {}, void 0, true)])) : createCommentVNode("", true)
+				], 8, _hoisted_1$6)], 32)) : createCommentVNode("", true)]),
 				_: 3
 			})]);
 		};
@@ -301,15 +303,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$5 = ["aria-label"];
+var _hoisted_2$5 = ["disabled", "aria-label"];
+var _hoisted_3$3 = {
 	key: 0,
 	class: "rk-pager-gap",
 	"aria-hidden": "true"
 };
-var _hoisted_4 = ["aria-current", "onClick"];
-var _hoisted_5 = ["disabled", "aria-label"];
+var _hoisted_4$2 = ["aria-current", "onClick"];
+var _hoisted_5$2 = ["disabled", "aria-label"];
 /**
 * Moving between pages of a list.
 *
@@ -372,15 +374,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$5),
 				(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$3, "…")) : (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$2))], 64);
 				}), 128)),
 				createElementVNode("button", {
 					type: "button",
@@ -388,12 +390,397 @@ 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$2)
+			], 8, _hoisted_1$5);
 		};
 	}
 }), [["__scopeId", "data-v-29950578"]]);
 //#endregion
+//#region src/web/CommandMenu.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$4 = ["aria-label"];
+var _hoisted_2$4 = { class: "rk-command-field" };
+var _hoisted_3$2 = [
+	"placeholder",
+	"aria-label",
+	"aria-controls",
+	"aria-activedescendant"
+];
+var _hoisted_4$1 = ["id", "aria-label"];
+var _hoisted_5$1 = {
+	key: 0,
+	class: "rk-command-group"
+};
+var _hoisted_6$1 = [
+	"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$4, [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$2), [[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$1, 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$1);
+					}), 128))], 64);
+				}), 128)), flat.value.length === 0 ? (openBlock(), createElementBlock("p", _hoisted_9$1, toDisplayString(__props.emptyLabel), 1)) : createCommentVNode("", true)], 8, _hoisted_4$1)], 8, _hoisted_1$4)], 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$3 = ["aria-label"];
+var _hoisted_2$3 = {
+	key: 0,
+	scope: "col",
+	class: "rk-data-pick"
+};
+var _hoisted_3$1 = [
+	"checked",
+	"indeterminate",
+	"aria-label"
+];
+var _hoisted_4 = ["aria-sort"];
+var _hoisted_5 = ["onClick"];
+var _hoisted_6 = {
+	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$3, [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$1)])) : 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)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [createTextVNode(toDisplayString(column.label), 1)], 64))], 10, _hoisted_4);
+				}), 128))])]),
+				__props.loading ? (openBlock(), createElementBlock("tbody", _hoisted_6, [(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$3);
+		};
+	}
+}), [["__scopeId", "data-v-5920cac0"]]);
+//#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 +926,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, BaseTabs_default as BaseTabs, BaseTooltip_default as BaseTooltip, CommandMenu_default as CommandMenu, DataTable_default as DataTable, NavLinks_default as NavLinks };
 
 //# sourceMappingURL=web.js.map