rei-kit 2.8.0 → 2.9.0

package/dist/web.js

@@ -1,23 +1,24 @@
-import { r as ensureSheetRoot, t as inertOutside } from "./inert-TJG_g0d6.js";
+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 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 { 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$9 = { class: "rk-accordion" };
-var _hoisted_2$9 = [
+var _hoisted_1$13 = { class: "rk-accordion" };
+var _hoisted_2$12 = [
 	"aria-expanded",
 	"aria-controls",
 	"onClick"
 ];
-var _hoisted_3$7 = { class: "rk-accordion-title" };
-var _hoisted_4$6 = {
+var _hoisted_3$10 = { class: "rk-accordion-title" };
+var _hoisted_4$8 = {
 	class: "rk-accordion-mark",
 	"aria-hidden": "true"
 };
-var _hoisted_5$5 = ["id"];
-var _hoisted_6$4 = { 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({
@@ -39,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$9, [(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"
@@ -50,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$7, [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$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)]),
+					}, () => [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$4, [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$5)]);
+				}, 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$8 = ["aria-label"];
-var _hoisted_2$8 = { class: "rk-crumbs" };
-var _hoisted_3$6 = {
+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$5 = {
+var _hoisted_4$7 = {
 	key: 2,
 	class: "rk-crumb-sep",
 	"aria-hidden": "true"
@@ -90,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$8, [(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"
@@ -101,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$6, toDisplayString(item.label), 1)), index < __props.items.length - 1 ? (openBlock(), createElementBlock("span", _hoisted_4$5, "/")) : createCommentVNode("", true)]);
-			}), 128))])], 8, _hoisted_1$8);
+				}, 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$7 = { class: "rk-disclosure" };
-var _hoisted_2$7 = ["aria-expanded", "aria-controls"];
-var _hoisted_3$5 = { class: "rk-disclosure-title" };
-var _hoisted_4$4 = {
+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$4 = ["id"];
-var _hoisted_6$3 = { 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({
@@ -136,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$7, [(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$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)]),
+				}, [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$3, [createElementVNode("div", { class: normalizeClass(["rk-disclosure-body", { "is-open": open.value }]) }, [renderSlot(_ctx.$slots, "default", {}, void 0, true)], 2)])], 10, _hoisted_5$4)]);
+			}, [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$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 = {
+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"
 };
@@ -191,7 +192,7 @@ var _hoisted_6$2 = {
 *   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({
@@ -221,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) {
@@ -278,7 +279,7 @@ var BaseModal_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
 					"aria-label": __props.title,
 					tabindex: "-1"
 				}, [
-					createElementVNode("div", _hoisted_2$6, [createElementVNode("h2", _hoisted_3$4, 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",
@@ -292,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$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)]),
+					})], -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
 			})]);
 		};
@@ -303,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$5 = ["aria-label"];
-var _hoisted_2$5 = ["disabled", "aria-label"];
-var _hoisted_3$3 = {
+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$2 = ["aria-current", "onClick"];
-var _hoisted_5$2 = ["disabled", "aria-label"];
+var _hoisted_4$4 = ["aria-current", "onClick"];
+var _hoisted_5$3 = ["disabled", "aria-label"];
 /**
 * Moving between pages of a list.
 *
@@ -374,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$5),
+				}, " ‹ ", 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$3, "…")) : (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$2))], 64);
+					}, toDisplayString(slot), 11, _hoisted_4$4))], 64);
 				}), 128)),
 				createElementVNode("button", {
 					type: "button",
@@ -390,27 +391,27 @@ 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$2)
-			], 8, _hoisted_1$5);
+				}, " › ", 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$4 = ["aria-label"];
-var _hoisted_2$4 = { class: "rk-command-field" };
-var _hoisted_3$2 = [
+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$1 = ["id", "aria-label"];
-var _hoisted_5$1 = {
+var _hoisted_4$3 = ["id", "aria-label"];
+var _hoisted_5$2 = {
 	key: 0,
 	class: "rk-command-group"
 };
-var _hoisted_6$1 = [
+var _hoisted_6$2 = [
 	"id",
 	"aria-selected",
 	"onClick",
@@ -539,7 +540,7 @@ var CommandMenu_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__
 					role: "dialog",
 					"aria-modal": "true",
 					"aria-label": __props.label
-				}, [createElementVNode("div", _hoisted_2$4, [createVNode(unref(Search), {
+				}, [createElementVNode("div", _hoisted_2$7, [createVNode(unref(Search), {
 					class: "text-ink-soft size-4 shrink-0",
 					"aria-hidden": "true"
 				}), withDirectives(createElementVNode("input", {
@@ -555,13 +556,13 @@ var CommandMenu_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__
 					"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", {
+				}, 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$1, toDisplayString(group.label), 1)) : createCommentVNode("", true), (openBlock(true), createElementBlock(Fragment, null, renderList(group.items, (item) => {
+					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,
@@ -578,9 +579,9 @@ var CommandMenu_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__
 							})) : 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);
+						], 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$1)], 8, _hoisted_1$4)], 32)) : createCommentVNode("", true)]),
+				}), 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"]);
 		};
@@ -588,20 +589,20 @@ var CommandMenu_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__
 }), [["__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 = {
+var _hoisted_1$7 = ["aria-label"];
+var _hoisted_2$6 = {
 	key: 0,
 	scope: "col",
 	class: "rk-data-pick"
 };
-var _hoisted_3$1 = [
+var _hoisted_3$4 = [
 	"checked",
 	"indeterminate",
 	"aria-label"
 ];
-var _hoisted_4 = ["aria-sort"];
-var _hoisted_5 = ["onClick"];
-var _hoisted_6 = {
+var _hoisted_4$2 = ["aria-sort"];
+var _hoisted_5$1 = ["onClick"];
+var _hoisted_6$1 = {
 	key: 0,
 	"aria-busy": "true"
 };
@@ -713,14 +714,14 @@ var DataTable_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
 				"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", {
+				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$1)])) : createCommentVNode("", true), (openBlock(true), createElementBlock(Fragment, null, renderList(__props.columns, (column) => {
+				}, 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",
@@ -743,9 +744,9 @@ var DataTable_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
 						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);
+					}))], 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, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.loadingRows, (row) => {
+				__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",
@@ -776,11 +777,454 @@ var DataTable_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
 					colspan: columnCount.value,
 					class: "rk-data-empty"
 				}, [renderSlot(_ctx.$slots, "empty", {}, void 0, true)], 8, _hoisted_12)])]))
-			], 2)], 8, _hoisted_1$3);
+			], 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 = [
@@ -926,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, CommandMenu_default as CommandMenu, DataTable_default as DataTable, 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