rei-kit 2.21.0 → 2.23.0

package/dist/web.js

@@ -1,12 +1,12 @@
-import { n as inertOutside, o as ensureSheetRoot, r as useBoundValue, t as BaseSheet_default } from "./BaseSheet-B7401rS7.js";
-import { i as useMediaQuery, n as BaseSkeleton_default, r as useMenuKeys, t as BaseListbox_default } from "./BaseListbox-Btibgnaf.js";
+import { a as BaseCheckbox_default, c as useBoundValue, d as ensureSheetRoot, n as elementDirection, o as BaseSheet_default, r as horizontalStep, s as inertOutside, t as focusTarget } from "./focus-target-DRgd8UnQ.js";
+import { a as useMediaQuery, i as useMenuKeys, n as ScrollArea_default, r as BaseSkeleton_default, t as BaseListbox_default } from "./BaseListbox-BrIZxUmx.js";
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper-BOaGB7Aw.js";
 import { t as BaseButton_default } from "./BaseButton-RN2an975.js";
 import { Fragment, Teleport, Transition, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, 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, withKeys, withModifiers } from "vue";
 import { ArrowDown, ArrowUp, ChevronDown, ChevronLeft, ChevronRight, ChevronsUpDown, Search, X } from "lucide-vue-next";
 import { RouterLink } from "vue-router";
 //#region src/web/BaseAccordion.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$18 = { class: "rk-accordion" };
+var _hoisted_1$19 = { class: "rk-accordion" };
 var _hoisted_2$13 = [
 	"aria-expanded",
 	"aria-controls",
@@ -40,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$18, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.items, (item) => {
+			return openBlock(), createElementBlock("ul", _hoisted_1$19, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.items, (item) => {
 				return openBlock(), createElementBlock("li", {
 					key: item.key,
 					class: "rk-accordion-item"
@@ -66,10 +66,10 @@ var BaseAccordion_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @
 			}), 128))]);
 		};
 	}
-}), [["__scopeId", "data-v-03e2e1d0"]]);
+}), [["__scopeId", "data-v-d558aa6a"]]);
 //#endregion
 //#region src/web/BaseBreadcrumb.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$17 = ["aria-label"];
+var _hoisted_1$18 = ["aria-label"];
 var _hoisted_2$12 = { class: "rk-crumbs" };
 var _hoisted_3$11 = {
 	key: 1,
@@ -103,13 +103,13 @@ var BaseBreadcrumb_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/*
 					default: withCtx(() => [createTextVNode(toDisplayString(item.label), 1)]),
 					_: 2
 				}, 1032, ["to"])) : (openBlock(), createElementBlock("span", _hoisted_3$11, toDisplayString(item.label), 1)), index < __props.items.length - 1 ? (openBlock(), createElementBlock("span", _hoisted_4$9, "/")) : createCommentVNode("", true)]);
-			}), 128))])], 8, _hoisted_1$17);
+			}), 128))])], 8, _hoisted_1$18);
 		};
 	}
 }), [["__scopeId", "data-v-dcc01b03"]]);
 //#endregion
 //#region src/web/BaseContextMenu.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$16 = ["id", "aria-label"];
+var _hoisted_1$17 = ["id", "aria-label"];
 //#endregion
 //#region src/web/BaseContextMenu.vue
 var BaseContextMenu_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
@@ -244,13 +244,13 @@ var BaseContextMenu_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/*
 					top: `${at.value.y}px`
 				}),
 				onKeydown: onPanelKeydown
-			}, [renderSlot(_ctx.$slots, "items", { close }, void 0, true)], 44, _hoisted_1$16)) : createCommentVNode("", true)]))], 544);
+			}, [renderSlot(_ctx.$slots, "items", { close }, void 0, true)], 44, _hoisted_1$17)) : createCommentVNode("", true)]))], 544);
 		};
 	}
 }), [["__scopeId", "data-v-4888e5a2"]]);
 //#endregion
 //#region src/web/BaseDisclosure.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$15 = { class: "rk-disclosure" };
+var _hoisted_1$16 = { class: "rk-disclosure" };
 var _hoisted_2$11 = ["aria-expanded", "aria-controls"];
 var _hoisted_3$10 = { class: "rk-disclosure-title" };
 var _hoisted_4$8 = {
@@ -278,7 +278,7 @@ 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$15, [(openBlock(), createBlock(resolveDynamicComponent(`h${__props.headingLevel}`), null, {
+			return openBlock(), createElementBlock("div", _hoisted_1$16, [(openBlock(), createBlock(resolveDynamicComponent(`h${__props.headingLevel}`), null, {
 				default: withCtx(() => [createElementVNode("button", {
 					type: "button",
 					class: "rk-disclosure-control",
@@ -293,10 +293,10 @@ var BaseDisclosure_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/*
 			}, [createElementVNode("div", _hoisted_6$5, [createElementVNode("div", { class: normalizeClass(["rk-disclosure-body", { "is-open": open.value }]) }, [renderSlot(_ctx.$slots, "default", {}, void 0, true)], 2)])], 10, _hoisted_5$7)]);
 		};
 	}
-}), [["__scopeId", "data-v-ad5c09f5"]]);
+}), [["__scopeId", "data-v-f3a3f8c7"]]);
 //#endregion
 //#region src/web/BaseHoverCard.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$14 = ["id", "aria-label"];
+var _hoisted_1$15 = ["id", "aria-label"];
 //#endregion
 //#region src/web/BaseHoverCard.vue
 var BaseHoverCard_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
@@ -361,7 +361,7 @@ var BaseHoverCard_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @
 				class: normalizeClass(["rk-hovercard-panel surface-raised", `is-${__props.placement}`]),
 				role: "group",
 				"aria-label": __props.label
-			}, [renderSlot(_ctx.$slots, "card", {}, void 0, true)], 10, _hoisted_1$14)) : createCommentVNode("", true)], 32);
+			}, [renderSlot(_ctx.$slots, "card", {}, void 0, true)], 10, _hoisted_1$15)) : createCommentVNode("", true)], 32);
 		};
 	}
 }), [["__scopeId", "data-v-70c09916"]]);
@@ -435,7 +435,7 @@ function useDialogShell(open, panel, { dismissible = () => true, onClose }) {
 }
 //#endregion
 //#region src/web/BaseDrawer.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$13 = ["aria-label"];
+var _hoisted_1$14 = ["aria-label"];
 var _hoisted_2$10 = { class: "rk-drawer-head" };
 var _hoisted_3$9 = { class: "rk-drawer-title" };
 var _hoisted_4$7 = { class: "rk-drawer-body" };
@@ -510,7 +510,7 @@ var BaseDrawer_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 					}, 8, ["aria-label"])) : createCommentVNode("", true)]),
 					createElementVNode("div", _hoisted_4$7, [renderSlot(_ctx.$slots, "default", {}, void 0, true)]),
 					_ctx.$slots.actions ? (openBlock(), createElementBlock("footer", _hoisted_5$6, [renderSlot(_ctx.$slots, "actions", {}, void 0, true)])) : createCommentVNode("", true)
-				], 14, _hoisted_1$13)], 32)) : createCommentVNode("", true)]),
+				], 14, _hoisted_1$14)], 32)) : createCommentVNode("", true)]),
 				_: 3
 			}, 8, ["name"])]);
 		};
@@ -518,7 +518,7 @@ var BaseDrawer_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 }), [["__scopeId", "data-v-de2cccb9"]]);
 //#endregion
 //#region src/web/BaseModal.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$12 = ["role", "aria-label"];
+var _hoisted_1$13 = ["role", "aria-label"];
 var _hoisted_2$9 = { class: "rk-modal-head" };
 var _hoisted_3$8 = { class: "rk-modal-title" };
 var _hoisted_4$6 = ["aria-label"];
@@ -587,7 +587,7 @@ var BaseModal_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
 					})], -1)])], 8, _hoisted_4$6)) : createCommentVNode("", true)]),
 					createElementVNode("div", _hoisted_5$5, [renderSlot(_ctx.$slots, "default", {}, void 0, true)]),
 					_ctx.$slots.actions ? (openBlock(), createElementBlock("div", _hoisted_6$4, [renderSlot(_ctx.$slots, "actions", {}, void 0, true)])) : createCommentVNode("", true)
-				], 8, _hoisted_1$12)], 32)) : createCommentVNode("", true)]),
+				], 8, _hoisted_1$13)], 32)) : createCommentVNode("", true)]),
 				_: 3
 			})]);
 		};
@@ -595,7 +595,7 @@ var BaseModal_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
 }), [["__scopeId", "data-v-92ea084c"]]);
 //#endregion
 //#region src/web/BasePagination.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$11 = ["aria-label"];
+var _hoisted_1$12 = ["aria-label"];
 var _hoisted_2$8 = ["disabled", "aria-label"];
 var _hoisted_3$7 = {
 	key: 0,
@@ -683,13 +683,13 @@ var BasePagination_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/*
 					"aria-label": __props.nextLabel,
 					onClick: _cache[1] || (_cache[1] = ($event) => go(__props.page + 1))
 				}, " › ", 8, _hoisted_5$4)
-			], 8, _hoisted_1$11);
+			], 8, _hoisted_1$12);
 		};
 	}
 }), [["__scopeId", "data-v-29950578"]]);
 //#endregion
 //#region src/web/CommandMenu.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$10 = ["aria-label"];
+var _hoisted_1$11 = ["aria-label"];
 var _hoisted_2$7 = { class: "rk-command-field" };
 var _hoisted_3$6 = [
 	"placeholder",
@@ -889,44 +889,33 @@ var CommandMenu_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__
 							item.hint ? (openBlock(), createElementBlock("span", _hoisted_8$2, toDisplayString(item.hint), 1)) : createCommentVNode("", true)
 						], 42, _hoisted_6$3);
 					}), 128))], 64);
-				}), 128)), flat.value.length === 0 ? (openBlock(), createElementBlock("p", _hoisted_9$2, toDisplayString(__props.emptyLabel), 1)) : createCommentVNode("", true)], 8, _hoisted_4$4)], 8, _hoisted_1$10)], 32)) : createCommentVNode("", true)]),
+				}), 128)), flat.value.length === 0 ? (openBlock(), createElementBlock("p", _hoisted_9$2, toDisplayString(__props.emptyLabel), 1)) : createCommentVNode("", true)], 8, _hoisted_4$4)], 8, _hoisted_1$11)], 32)) : createCommentVNode("", true)]),
 				_: 1
 			})], 8, ["to"]);
 		};
 	}
-}), [["__scopeId", "data-v-f72521e7"]]);
+}), [["__scopeId", "data-v-64849895"]]);
 //#endregion
 //#region src/web/DataTable.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$9 = ["aria-label"];
-var _hoisted_2$6 = {
+var _hoisted_1$10 = {
 	key: 0,
 	scope: "col",
 	class: "rk-data-pick"
 };
-var _hoisted_3$5 = [
-	"checked",
-	"indeterminate",
-	"aria-label"
-];
-var _hoisted_4$3 = ["aria-sort"];
-var _hoisted_5$2 = ["onClick"];
-var _hoisted_6$2 = {
+var _hoisted_2$6 = ["aria-sort"];
+var _hoisted_3$5 = ["onClick"];
+var _hoisted_4$3 = {
 	key: 0,
 	"aria-busy": "true"
 };
-var _hoisted_7$1 = { key: 0 };
-var _hoisted_8$1 = { key: 1 };
-var _hoisted_9$1 = {
+var _hoisted_5$2 = { key: 0 };
+var _hoisted_6$2 = { key: 1 };
+var _hoisted_7$1 = {
 	key: 0,
 	class: "rk-data-pick"
 };
-var _hoisted_10$1 = [
-	"checked",
-	"aria-label",
-	"onChange"
-];
-var _hoisted_11 = { key: 2 };
-var _hoisted_12 = ["colspan"];
+var _hoisted_8$1 = { key: 2 };
+var _hoisted_9$1 = ["colspan"];
 //#endregion
 //#region src/web/DataTable.vue
 var DataTable_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
@@ -1015,83 +1004,91 @@ var DataTable_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
 		}
 		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$5)])) : 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 && `is-${column.align}`, 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$2)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [createTextVNode(toDisplayString(column.label), 1)], 64))], 10, _hoisted_4$3);
-				}), 128))])]),
-				__props.loading ? (openBlock(), createElementBlock("tbody", _hoisted_6$2, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.loadingRows, (row) => {
-					return openBlock(), createElementBlock("tr", { key: row }, [selectable.value ? (openBlock(), createElementBlock("td", _hoisted_7$1)) : 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$1, [(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$1, [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$1)])) : createCommentVNode("", true), (openBlock(true), createElementBlock(Fragment, null, renderList(__props.columns, (column) => {
-						return openBlock(), createElementBlock("td", {
+			return openBlock(), createBlock(ScrollArea_default, {
+				axis: "x",
+				label: __props.caption,
+				class: "rk-data-scroll"
+			}, {
+				default: withCtx(() => [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_1$10, [createVNode(BaseCheckbox_default, {
+						"model-value": allChosen.value,
+						indeterminate: someChosen.value,
+						label: __props.selectAllLabel,
+						"label-hidden": "",
+						"onUpdate:modelValue": toggleAll
+					}, null, 8, [
+						"model-value",
+						"indeterminate",
+						"label"
+					])])) : 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 && `is-${column.align}`, 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$9);
+						}, [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_3$5)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [createTextVNode(toDisplayString(column.label), 1)], 64))], 10, _hoisted_2$6);
+					}), 128))])]),
+					__props.loading ? (openBlock(), createElementBlock("tbody", _hoisted_4$3, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.loadingRows, (row) => {
+						return openBlock(), createElementBlock("tr", { key: row }, [selectable.value ? (openBlock(), createElementBlock("td", _hoisted_5$2)) : 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_6$2, [(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_7$1, [createVNode(BaseCheckbox_default, {
+							"model-value": selected.value.includes(keyOf(row, index)),
+							label: __props.rowLabel(row),
+							"label-hidden": "",
+							"onUpdate:modelValue": ($event) => toggleRow(keyOf(row, index))
+						}, null, 8, [
+							"model-value",
+							"label",
+							"onUpdate:modelValue"
+						])])) : createCommentVNode("", true), (openBlock(true), createElementBlock(Fragment, null, renderList(__props.columns, (column) => {
+							return openBlock(), createElementBlock("td", {
+								key: column.key,
+								class: normalizeClass([column.align && `is-${column.align}`, 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_8$1, [createElementVNode("tr", null, [createElementVNode("td", {
+						colspan: columnCount.value,
+						class: "rk-data-empty"
+					}, [renderSlot(_ctx.$slots, "empty", {}, void 0, true)], 8, _hoisted_9$1)])]))
+				], 2)]),
+				_: 3
+			}, 8, ["label"]);
 		};
 	}
-}), [["__scopeId", "data-v-f95c586b"]]);
+}), [["__scopeId", "data-v-54510109"]]);
 //#endregion
 //#region src/web/BaseSplitter.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$8 = { class: "rk-split-pane is-start" };
+var _hoisted_1$9 = { class: "rk-split-pane is-start" };
 var _hoisted_2$5 = [
 	"aria-label",
 	"aria-orientation",
@@ -1126,7 +1123,8 @@ var BaseSplitter_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
 		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;
+			const alongX = elementDirection(root.value) === "rtl" ? (box.right - point) / box.width : (point - box.left) / box.width;
+			const ratio = horizontal.value ? alongX : (point - box.top) / box.height;
 			split.value = clamp(Math.round(ratio * 100));
 		}
 		function onPointerDown(event) {
@@ -1143,15 +1141,16 @@ var BaseSplitter_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
 			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,
+			const along = horizontal.value ? horizontalStep(event.key, event.currentTarget) : {
+				ArrowDown: 1,
+				ArrowUp: -1
+			}[event.key] ?? 0;
+			const moves = {
 				Home: __props.min,
 				End: __props.max,
 				Enter: startedAt
-			}[event.key];
+			};
+			const next = along === 0 ? moves[event.key] : split.value + along * __props.step;
 			if (next === void 0) return;
 			event.preventDefault();
 			split.value = clamp(next);
@@ -1164,7 +1163,7 @@ var BaseSplitter_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
 				class: normalizeClass(["rk-split", [`is-${__props.orientation}`, { "is-dragging": dragging.value }]]),
 				style: normalizeStyle({ "--rk-split": `${split.value}%` })
 			}, [
-				createElementVNode("div", _hoisted_1$8, [renderSlot(_ctx.$slots, "start", {}, void 0, true)]),
+				createElementVNode("div", _hoisted_1$9, [renderSlot(_ctx.$slots, "start", {}, void 0, true)]),
 				createElementVNode("div", {
 					class: "rk-split-handle focus-ring",
 					role: "separator",
@@ -1187,10 +1186,10 @@ var BaseSplitter_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
 			], 6);
 		};
 	}
-}), [["__scopeId", "data-v-159a4f08"]]);
+}), [["__scopeId", "data-v-977911a2"]]);
 //#endregion
 //#region src/web/BaseToolbar.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$7 = ["aria-label", "aria-orientation"];
+var _hoisted_1$8 = ["aria-label", "aria-orientation"];
 /**
 * A row of controls that belong together: a formatting bar, a row of view
 * switches, the actions over a table.
@@ -1234,16 +1233,15 @@ var BaseToolbar_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__
 			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) {
+			const step = __props.orientation === "horizontal" ? horizontalStep(event.key, event.currentTarget) : {
+				ArrowDown: 1,
+				ArrowUp: -1
+			}[event.key] ?? 0;
+			if (step !== 0) {
 				event.preventDefault();
-				focusAt(current - 1);
-			} else if (event.key === forward) {
-				event.preventDefault();
-				focusAt(current + 1);
+				focusAt(current + step);
 			} else if (event.key === "Home") {
 				event.preventDefault();
 				focusAt(0);
@@ -1270,13 +1268,13 @@ var BaseToolbar_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__
 				"aria-orientation": __props.orientation,
 				onKeydown,
 				onFocusin
-			}, [renderSlot(_ctx.$slots, "default", {}, void 0, true)], 42, _hoisted_1$7);
+			}, [renderSlot(_ctx.$slots, "default", {}, void 0, true)], 42, _hoisted_1$8);
 		};
 	}
-}), [["__scopeId", "data-v-a65164b7"]]);
+}), [["__scopeId", "data-v-d49198bf"]]);
 //#endregion
 //#region src/web/BaseTree.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$6 = ["aria-label", "aria-multiselectable"];
+var _hoisted_1$7 = ["aria-label", "aria-multiselectable"];
 var _hoisted_2$4 = [
 	"aria-level",
 	"aria-setsize",
@@ -1367,12 +1365,13 @@ var BaseTree_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 					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 (horizontalStep(event.key, event.currentTarget) === 1) {
+						if (hasChildren(row.node) && !isOpen(row.node)) setOpen(row.node, true);
+						else if (hasChildren(row.node)) moveTo(active.value + 1);
+						break;
+					}
 					if (hasChildren(row.node) && isOpen(row.node)) {
 						setOpen(row.node, false);
 						break;
@@ -1438,13 +1437,13 @@ var BaseTree_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 					})) : createCommentVNode("", true),
 					createElementVNode("span", _hoisted_4$2, toDisplayString(row.node.label), 1)
 				], 14, _hoisted_2$4);
-			}), 128))], 40, _hoisted_1$6);
+			}), 128))], 40, _hoisted_1$7);
 		};
 	}
-}), [["__scopeId", "data-v-f91deddf"]]);
+}), [["__scopeId", "data-v-297d9dad"]]);
 //#endregion
 //#region src/web/TransferList.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$5 = { class: "rk-transfer" };
+var _hoisted_1$6 = { class: "rk-transfer" };
 var _hoisted_2$3 = { class: "rk-transfer-side" };
 var _hoisted_3$2 = { class: "rk-transfer-title" };
 var _hoisted_4$1 = { class: "rk-transfer-middle" };
@@ -1482,7 +1481,7 @@ var TransferList_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
 			markedChosen.value = [];
 		}
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", _hoisted_1$5, [
+			return openBlock(), createElementBlock("div", _hoisted_1$6, [
 				createElementVNode("div", _hoisted_2$3, [createElementVNode("p", _hoisted_3$2, toDisplayString(__props.availableLabel), 1), createVNode(BaseListbox_default, {
 					modelValue: markedAvailable.value,
 					"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => markedAvailable.value = $event),
@@ -1534,7 +1533,7 @@ var TransferList_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
 }), [["__scopeId", "data-v-1d75b0da"]]);
 //#endregion
 //#region src/web/ResponsiveDialog.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$4 = {
+var _hoisted_1$5 = {
 	key: 0,
 	class: "rk-responsive-actions"
 };
@@ -1595,7 +1594,7 @@ var ResponsiveDialog_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/
 				subtitle: __props.subtitle,
 				"close-label": __props.closeLabel
 			}, {
-				default: withCtx(() => [renderSlot(_ctx.$slots, "default", {}, void 0, true), _ctx.$slots.actions ? (openBlock(), createElementBlock("div", _hoisted_1$4, [renderSlot(_ctx.$slots, "actions", {}, void 0, true)])) : createCommentVNode("", true)]),
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default", {}, void 0, true), _ctx.$slots.actions ? (openBlock(), createElementBlock("div", _hoisted_1$5, [renderSlot(_ctx.$slots, "actions", {}, void 0, true)])) : createCommentVNode("", true)]),
 				_: 3
 			}, 8, [
 				"modelValue",
@@ -1608,7 +1607,7 @@ var ResponsiveDialog_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/
 }), [["__scopeId", "data-v-85131850"]]);
 //#endregion
 //#region src/web/BaseTabs.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$3 = ["aria-label"];
+var _hoisted_1$4 = ["aria-label"];
 var _hoisted_2$2 = [
 	"id",
 	"aria-selected",
@@ -1646,8 +1645,9 @@ var BaseTabs_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 			if (index < 0) return;
 			const last = __props.items.length - 1;
 			let next;
-			if (event.key === "ArrowRight") next = index === last ? 0 : index + 1;
-			else if (event.key === "ArrowLeft") next = index === 0 ? last : index - 1;
+			const step = horizontalStep(event.key, event.currentTarget);
+			if (step === 1) next = index === last ? 0 : index + 1;
+			else if (step === -1) next = index === 0 ? last : index - 1;
 			else if (event.key === "Home") next = 0;
 			else if (event.key === "End") next = last;
 			else return;
@@ -1676,7 +1676,7 @@ var BaseTabs_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 					tabindex: item.key === active.value ? 0 : -1,
 					onClick: ($event) => select(item.key)
 				}, toDisplayString(item.label), 11, _hoisted_2$2);
-			}), 128))], 40, _hoisted_1$3), (openBlock(true), createElementBlock(Fragment, null, renderList(__props.items, (item) => {
+			}), 128))], 40, _hoisted_1$4), (openBlock(true), createElementBlock(Fragment, null, renderList(__props.items, (item) => {
 				return withDirectives((openBlock(), createElementBlock("div", {
 					id: panelId(item.key),
 					key: item.key,
@@ -1691,10 +1691,10 @@ var BaseTabs_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 			}), 128))]);
 		};
 	}
-}), [["__scopeId", "data-v-8135ecab"]]);
+}), [["__scopeId", "data-v-dc56244f"]]);
 //#endregion
 //#region src/web/BaseTooltip.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$2 = ["id"];
+var _hoisted_1$3 = ["id"];
 //#endregion
 //#region src/web/BaseTooltip.vue
 var BaseTooltip_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
@@ -1754,13 +1754,13 @@ var BaseTooltip_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__
 					left: `${at.value.x}px`,
 					top: __props.placement === "top" ? `${at.value.y - __props.offset}px` : `${at.value.y + __props.offset}px`
 				} : void 0)
-			}, toDisplayString(__props.label), 15, _hoisted_1$2)], 32);
+			}, toDisplayString(__props.label), 15, _hoisted_1$3)], 32);
 		};
 	}
 }), [["__scopeId", "data-v-c31426f8"]]);
 //#endregion
 //#region src/web/MegaMenu.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$1 = ["aria-label"];
+var _hoisted_1$2 = ["aria-label"];
 var _hoisted_2$1 = { class: "rk-mega-bar" };
 var _hoisted_3 = ["onPointerenter"];
 var _hoisted_4 = [
@@ -1939,13 +1939,13 @@ var MegaMenu_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 						}, 1032, ["to"])]);
 					}), 128))])]);
 				}), 128))]), renderSlot(_ctx.$slots, item.key, {}, void 0, true)], 8, _hoisted_5)) : createCommentVNode("", true)], 40, _hoisted_3);
-			}), 128))])], 40, _hoisted_1$1);
+			}), 128))])], 40, _hoisted_1$2);
 		};
 	}
-}), [["__scopeId", "data-v-9c8be532"]]);
+}), [["__scopeId", "data-v-a6df77ff"]]);
 //#endregion
 //#region src/web/NavLinks.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = ["aria-label"];
+var _hoisted_1$1 = ["aria-label"];
 var _hoisted_2 = { class: "rk-nav-inner" };
 //#endregion
 //#region src/web/NavLinks.vue
@@ -1975,11 +1975,35 @@ var NavLinks_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 					"class",
 					"aria-current"
 				]);
-			}), 128))])], 8, _hoisted_1);
+			}), 128))])], 8, _hoisted_1$1);
 		};
 	}
 }), [["__scopeId", "data-v-52e5d553"]]);
 //#endregion
-export { BaseAccordion_default as BaseAccordion, BaseBreadcrumb_default as BaseBreadcrumb, BaseContextMenu_default as BaseContextMenu, BaseDisclosure_default as BaseDisclosure, BaseDrawer_default as BaseDrawer, BaseHoverCard_default as BaseHoverCard, 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, MegaMenu_default as MegaMenu, NavLinks_default as NavLinks, ResponsiveDialog_default as ResponsiveDialog, TransferList_default as TransferList };
+//#region src/web/SkipLink.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = ["href"];
+//#endregion
+//#region src/web/SkipLink.vue
+var SkipLink_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	__name: "SkipLink",
+	props: {
+		for: {},
+		label: {}
+	},
+	setup(__props) {
+		function skip(event) {
+			if (focusTarget(__props.for)) event.preventDefault();
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("a", {
+				href: `#${_ctx.$props.for}`,
+				class: "rk-skip",
+				onClick: skip
+			}, toDisplayString(__props.label), 9, _hoisted_1);
+		};
+	}
+}), [["__scopeId", "data-v-cafce238"]]);
+//#endregion
+export { BaseAccordion_default as BaseAccordion, BaseBreadcrumb_default as BaseBreadcrumb, BaseContextMenu_default as BaseContextMenu, BaseDisclosure_default as BaseDisclosure, BaseDrawer_default as BaseDrawer, BaseHoverCard_default as BaseHoverCard, 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, MegaMenu_default as MegaMenu, NavLinks_default as NavLinks, ResponsiveDialog_default as ResponsiveDialog, SkipLink_default as SkipLink, TransferList_default as TransferList };
 
 //# sourceMappingURL=web.js.map