rei-kit 2.20.0 → 2.22.0

package/dist/index.js

@@ -1,9 +1,9 @@
 import { a as addDays, c as lastNDays, d as toDateKey, f as todayKey, i as needsIosInstall, l as leadingBlanks, n as isApplePortable, o as eachDayOfYear, r as isInstalled, s as fromDateKey, t as SettingsGroup_default, u as startOfWeek } from "./SettingsGroup-BXkajKGl.js";
 import { n as formatNumber, r as setFormatLocale, t as formatDate } from "./format-BEvBK1SJ.js";
-import { a as SHEET_ROOT_ID, i as useVisualViewport, o as ensureSheetRoot, r as useBoundValue, t as BaseSheet_default } from "./BaseSheet-B7401rS7.js";
-import { a as BaseAlert_default, c as applyTheme, d as setThemeStorageKey, f as useTheme, h as toRedirectPath, i as FormField_default, l as isThemePreference, m as safeRedirect, n as BaseCheckbox_default, o as useToast, p as tapFeedback, r as BaseInput_default, s as useOnline, t as GoogleButton_default, u as readStoredTheme } from "./GoogleButton-mCqGbrXm.js";
+import { a as useBoundValue, c as ensureSheetRoot, n as BaseCheckbox_default, o as useVisualViewport, r as BaseSheet_default, s as SHEET_ROOT_ID, t as focusTarget } from "./focus-target-D0WsXwKh.js";
+import { a as FormField_default, c as useOnline, d as readStoredTheme, f as setThemeStorageKey, g as toRedirectPath, h as safeRedirect, i as BaseInput_default, l as applyTheme, m as tapFeedback, n as useAnnounce, o as BaseAlert_default, p as useTheme, r as GoogleButton_default, s as useToast, t as announce, u as isThemePreference } from "./use-announce-B1LsfsZx.js";
 import { n as registerErrorMapper, r as toAppError, t as AppError } from "./app-error-DF9cijE0.js";
-import { i as useMediaQuery, n as BaseSkeleton_default, r as useMenuKeys, t as BaseListbox_default } from "./BaseListbox-Btibgnaf.js";
+import { a as useMediaQuery, i as useMenuKeys, n as ScrollArea_default, o as useDragScroll, r as BaseSkeleton_default, t as BaseListbox_default } from "./BaseListbox-DMR-Zn1u.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 { t as SettingsRow_default } from "./SettingsRow-Ct1p2C9Q.js";
@@ -271,90 +271,14 @@ function useDebouncedCallback(callback, delay = 800) {
 	};
 }
 //#endregion
-//#region src/composables/use-drag-scroll.ts
-/** Movement before a press counts as a drag rather than a tap. */
-var DRAG_THRESHOLD_PX = 6;
-/**
-* Drag-to-scroll for a horizontally scrolling element.
-*
-* The app puts `touch-action: pan-y` on the page content so the tab-swipe
-* gesture keeps its pointer events — the browser never claims a horizontal
-* drag, which also means it never pans this element natively. Rather than give
-* that up, horizontal scrolling is driven here.
-*
-* @param target - The scroll container.
-* @returns `didDrag`, so a click handler can ignore the press that ended a drag.
-*
-* @example
-* ```ts
-* const scroller = ref<HTMLElement | null>(null)
-* const { didDrag } = useDragScroll(scroller)
-*
-* function onClick() {
-*   if (didDrag()) return
-*   // …treat as a tap
-* }
-* ```
-*/
-function useDragScroll(target) {
-	let pointerId = null;
-	let startX = 0;
-	let startScroll = 0;
-	let dragged = false;
-	function onPointerDown(event) {
-		const element = target.value;
-		if (!element || event.pointerType === "mouse") return;
-		pointerId = event.pointerId;
-		startX = event.clientX;
-		startScroll = element.scrollLeft;
-		dragged = false;
-	}
-	function onPointerMove(event) {
-		const element = target.value;
-		if (!element || event.pointerId !== pointerId) return;
-		const dx = event.clientX - startX;
-		if (!dragged && Math.abs(dx) < DRAG_THRESHOLD_PX) return;
-		if (!dragged) {
-			dragged = true;
-			element.setPointerCapture(event.pointerId);
-		}
-		element.scrollLeft = startScroll - dx;
-	}
-	function onPointerUp(event) {
-		const element = target.value;
-		if (element?.hasPointerCapture(event.pointerId)) element.releasePointerCapture(event.pointerId);
-		pointerId = null;
-	}
-	function bind(element) {
-		element.addEventListener("pointerdown", onPointerDown);
-		element.addEventListener("pointermove", onPointerMove);
-		element.addEventListener("pointerup", onPointerUp);
-		element.addEventListener("pointercancel", onPointerUp);
-	}
-	function unbind(element) {
-		element.removeEventListener("pointerdown", onPointerDown);
-		element.removeEventListener("pointermove", onPointerMove);
-		element.removeEventListener("pointerup", onPointerUp);
-		element.removeEventListener("pointercancel", onPointerUp);
-	}
-	watch(target, (element, previous) => {
-		if (previous) unbind(previous);
-		if (element) bind(element);
-	}, { immediate: true });
-	onScopeDispose(() => {
-		if (target.value) unbind(target.value);
-	});
-	return { didDrag: () => dragged };
-}
-//#endregion
 //#region src/components/BaseAvatar.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$45 = [
+var _hoisted_1$48 = [
 	"role",
 	"aria-label",
 	"aria-hidden"
 ];
-var _hoisted_2$39 = ["src"];
-var _hoisted_3$26 = {
+var _hoisted_2$42 = ["src"];
+var _hoisted_3$28 = {
 	key: 1,
 	class: "rk-avatar-initials"
 };
@@ -404,7 +328,7 @@ var BaseAvatar_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 				alt: "",
 				class: "rk-avatar-img",
 				onError: _cache[0] || (_cache[0] = ($event) => broken.value = true)
-			}, null, 40, _hoisted_2$39)) : __props.fallback === "initials" && initials.value ? (openBlock(), createElementBlock("span", _hoisted_3$26, toDisplayString(initials.value), 1)) : (openBlock(), createElementBlock("svg", _hoisted_4$20, [..._cache[1] || (_cache[1] = [createElementVNode("circle", {
+			}, null, 40, _hoisted_2$42)) : __props.fallback === "initials" && initials.value ? (openBlock(), createElementBlock("span", _hoisted_3$28, toDisplayString(initials.value), 1)) : (openBlock(), createElementBlock("svg", _hoisted_4$20, [..._cache[1] || (_cache[1] = [createElementVNode("circle", {
 				cx: "10",
 				cy: "6.75",
 				r: "3.25",
@@ -413,7 +337,7 @@ var BaseAvatar_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 				d: "M3.75 17c0-3.05 2.8-5.25 6.25-5.25S16.25 13.95 16.25 17",
 				"stroke-width": "1.5",
 				"stroke-linecap": "round"
-			}, null, -1)])]))], 10, _hoisted_1$45);
+			}, null, -1)])]))], 10, _hoisted_1$48);
 		};
 	}
 }), [["__scopeId", "data-v-47586bec"]]);
@@ -438,12 +362,12 @@ var BaseBadge_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/BaseMenu.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$44 = [
+var _hoisted_1$47 = [
 	"aria-label",
 	"aria-expanded",
 	"aria-controls"
 ];
-var _hoisted_2$38 = ["id"];
+var _hoisted_2$41 = ["id"];
 //#endregion
 //#region src/components/BaseMenu.vue
 var BaseMenu_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
@@ -512,17 +436,17 @@ var BaseMenu_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 				"aria-haspopup": true,
 				"aria-controls": open.value ? unref(id) : void 0,
 				onClick: _cache[0] || (_cache[0] = ($event) => open.value = !open.value)
-			}, [renderSlot(_ctx.$slots, "trigger", { open: open.value }, void 0, true)], 8, _hoisted_1$44), open.value ? (openBlock(), createElementBlock("div", {
+			}, [renderSlot(_ctx.$slots, "trigger", { open: open.value }, void 0, true)], 8, _hoisted_1$47), open.value ? (openBlock(), createElementBlock("div", {
 				key: 0,
 				id: unref(id),
 				ref_key: "panel",
 				ref: panel,
 				class: normalizeClass(["rk-menu-panel surface-overlay", `is-${__props.align}`]),
 				role: "menu"
-			}, [renderSlot(_ctx.$slots, "default", {}, void 0, true)], 10, _hoisted_2$38)) : createCommentVNode("", true)], 544);
+			}, [renderSlot(_ctx.$slots, "default", {}, void 0, true)], 10, _hoisted_2$41)) : createCommentVNode("", true)], 544);
 		};
 	}
-}), [["__scopeId", "data-v-ee62de72"]]);
+}), [["__scopeId", "data-v-eaeecb75"]]);
 //#endregion
 //#region src/components/BaseCard.vue
 var BaseCard_default = /* @__PURE__ */ defineComponent({
@@ -589,14 +513,68 @@ var BaseCard_default = /* @__PURE__ */ defineComponent({
 	}
 });
 //#endregion
+//#region src/composables/use-virtual-window.ts
+/** Rows of slack each way, so a fast scroll does not show a gap before the
+*  next frame fills it. */
+var OVERSCAN_ROWS = 3;
+/**
+* The arithmetic behind a windowed list: which rows are near the viewport,
+* and how much empty space stands in for the rest.
+*
+* This is the part `BaseCombobox` and `VirtualList` share. It was written
+* inside the combobox first, and pulling it out here is the reason there is
+* one copy of it rather than two — the second would have drifted, and the
+* half that drifts silently is the padding, which is what keeps the
+* scrollbar honest about how long the list is.
+*
+* There is no clock and no observer in here: it is a function of the scroll
+* position, and the component that owns the element is what tells it where
+* that is. That is also what makes it testable without a layout.
+*/
+function useVirtualWindow({ count, rowHeight, threshold }) {
+	/** How far down the list is scrolled. Set by the owner from a scroll event. */
+	const scrollTop = ref(0);
+	/** How tall the viewport is. Measured by the owner, never guessed here. */
+	const viewportHeight = ref(0);
+	const active = computed(() => count.value > threshold.value);
+	const window_ = computed(() => {
+		if (!active.value) return {
+			start: 0,
+			end: count.value
+		};
+		const first = Math.max(0, Math.floor(scrollTop.value / rowHeight.value) - OVERSCAN_ROWS);
+		const rows = Math.ceil(viewportHeight.value / rowHeight.value) + 6;
+		return {
+			start: first,
+			end: Math.min(count.value, first + rows)
+		};
+	});
+	/** The empty space standing in for the rows above and below the window. */
+	const padTop = computed(() => active.value ? window_.value.start * rowHeight.value : 0);
+	const padBottom = computed(() => active.value ? (count.value - window_.value.end) * rowHeight.value : 0);
+	/** Takes the scroll position straight off the event the owner received. */
+	function onScroll(event) {
+		scrollTop.value = event.target.scrollTop;
+	}
+	return {
+		active,
+		window: window_,
+		padTop,
+		padBottom,
+		scrollTop,
+		viewportHeight,
+		onScroll
+	};
+}
+//#endregion
 //#region src/components/BaseCombobox.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$43 = ["for"];
-var _hoisted_2$37 = [
+var _hoisted_1$46 = ["for"];
+var _hoisted_2$40 = [
 	"aria-label",
 	"disabled",
 	"onClick"
 ];
-var _hoisted_3$25 = [
+var _hoisted_3$27 = [
 	"id",
 	"placeholder",
 	"disabled",
@@ -606,7 +584,7 @@ var _hoisted_3$25 = [
 	"aria-describedby"
 ];
 var _hoisted_4$19 = ["disabled"];
-var _hoisted_5$12 = [
+var _hoisted_5$11 = [
 	"aria-label",
 	"aria-multiselectable",
 	"aria-busy"
@@ -720,32 +698,18 @@ var BaseCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
 			if (timer) clearTimeout(timer);
 			timer = setTimeout(() => emit("search", value.trim()), __props.debounce);
 		}
-		const virtual = computed(() => matches.value.length > __props.virtualizeAfter);
-		const scrollTop = ref(0);
-		/** How tall the list box is; read once it is open, never guessed. */
-		const viewport = ref(224);
-		const window_ = computed(() => {
-			if (!virtual.value) return {
-				start: 0,
-				end: matches.value.length
-			};
-			const first = Math.max(0, Math.floor(scrollTop.value / __props.rowHeight) - 3);
-			const count = Math.ceil(viewport.value / __props.rowHeight) + 6;
-			return {
-				start: first,
-				end: Math.min(matches.value.length, first + count)
-			};
+		const { active: virtual, window: window_, padTop, padBottom, viewportHeight: viewport, onScroll } = useVirtualWindow({
+			count: computed(() => matches.value.length),
+			rowHeight: computed(() => __props.rowHeight),
+			threshold: computed(() => __props.virtualizeAfter)
 		});
+		/** How tall the list box is; read once it is open, and this until then. */
+		viewport.value = 224;
 		const rows = computed(() => matches.value.slice(window_.value.start, window_.value.end).map((option, index) => ({
 			option,
 			/** The row's place in the whole list, not in the window. */
 			index: window_.value.start + index
 		})));
-		const padTop = computed(() => virtual.value ? window_.value.start * __props.rowHeight : 0);
-		const padBottom = computed(() => virtual.value ? (matches.value.length - window_.value.end) * __props.rowHeight : 0);
-		function onScroll(event) {
-			scrollTop.value = event.target.scrollTop;
-		}
 		function choose(option) {
 			if (!option) return;
 			if (multiple.value) {
@@ -841,7 +805,7 @@ var BaseCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
 				createElementVNode("label", {
 					for: unref(id),
 					class: "rk-combo-label"
-				}, toDisplayString(__props.label), 9, _hoisted_1$43),
+				}, toDisplayString(__props.label), 9, _hoisted_1$46),
 				createElementVNode("div", { class: normalizeClass(["rk-combo-field", multiple.value ? "is-multiple control" : ""]) }, [
 					(openBlock(true), createElementBlock(Fragment, null, renderList(multiple.value ? chosenOptions.value : [], (option) => {
 						return openBlock(), createElementBlock("span", {
@@ -854,7 +818,7 @@ var BaseCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
 							"aria-label": __props.removeLabel(option.label),
 							disabled: __props.disabled,
 							onClick: ($event) => remove(option.value)
-						}, " × ", 8, _hoisted_2$37)) : createCommentVNode("", true)]);
+						}, " × ", 8, _hoisted_2$40)) : createCommentVNode("", true)]);
 					}), 128)),
 					withDirectives(createElementVNode("input", {
 						id: unref(id),
@@ -873,7 +837,7 @@ var BaseCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
 						"aria-describedby": describedBy.value,
 						onKeydown,
 						onFocus: _cache[1] || (_cache[1] = ($event) => open.value = true)
-					}, null, 42, _hoisted_3$25), [[vModelText, text.value]]),
+					}, null, 42, _hoisted_3$27), [[vModelText, text.value]]),
 					createElementVNode("button", {
 						type: "button",
 						class: "rk-combo-toggle",
@@ -892,11 +856,11 @@ var BaseCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
 					"aria-label": __props.label,
 					"aria-multiselectable": multiple.value ? true : void 0,
 					"aria-busy": __props.loading ? true : void 0,
-					onScroll
+					onScroll: _cache[3] || (_cache[3] = (...args) => unref(onScroll) && unref(onScroll)(...args))
 				}, [
-					padTop.value > 0 ? (openBlock(), createElementBlock("li", {
+					unref(padTop) > 0 ? (openBlock(), createElementBlock("li", {
 						key: 0,
-						style: normalizeStyle({ height: `${padTop.value}px` }),
+						style: normalizeStyle({ height: `${unref(padTop)}px` }),
 						"aria-hidden": "true"
 					}, null, 4)) : createCommentVNode("", true),
 					(openBlock(true), createElementBlock(Fragment, null, renderList(rows.value, (row) => {
@@ -908,7 +872,7 @@ var BaseCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
 								"is-highlighted": row.index === highlighted.value,
 								"is-selected": chosen.value.includes(row.option.value)
 							}]),
-							style: normalizeStyle(virtual.value ? { height: `${__props.rowHeight}px` } : void 0),
+							style: normalizeStyle(unref(virtual) ? { height: `${__props.rowHeight}px` } : void 0),
 							"aria-selected": chosen.value.includes(row.option.value),
 							"aria-setsize": matches.value.length,
 							"aria-posinset": row.index + 1,
@@ -916,9 +880,9 @@ var BaseCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
 							onPointermove: ($event) => highlighted.value = row.index
 						}, toDisplayString(row.option.label), 47, _hoisted_6$7);
 					}), 128)),
-					padBottom.value > 0 ? (openBlock(), createElementBlock("li", {
+					unref(padBottom) > 0 ? (openBlock(), createElementBlock("li", {
 						key: 1,
-						style: normalizeStyle({ height: `${padBottom.value}px` }),
+						style: normalizeStyle({ height: `${unref(padBottom)}px` }),
 						"aria-hidden": "true"
 					}, null, 4)) : createCommentVNode("", true),
 					__props.loading ? (openBlock(), createElementBlock("li", _hoisted_7$4, [__props.loadingLabel ? (openBlock(), createElementBlock("span", _hoisted_8$3, toDisplayString(__props.loadingLabel), 1)) : createCommentVNode("", true), createElementVNode("span", _hoisted_9$3, [(openBlock(), createElementBlock(Fragment, null, renderList(3, (n) => {
@@ -928,7 +892,7 @@ var BaseCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
 							height: "0.75rem"
 						});
 					}), 64))])])) : matches.value.length === 0 ? (openBlock(), createElementBlock("li", _hoisted_10$3, toDisplayString(__props.emptyLabel), 1)) : createCommentVNode("", true)
-				], 40, _hoisted_5$12), [[vShow, open.value]]),
+				], 40, _hoisted_5$11), [[vShow, open.value]]),
 				__props.error ? (openBlock(), createElementBlock("p", {
 					key: 0,
 					id: errorId,
@@ -941,16 +905,16 @@ var BaseCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
 			], 512);
 		};
 	}
-}), [["__scopeId", "data-v-aa2335fa"]]);
+}), [["__scopeId", "data-v-0ae3b425"]]);
 //#endregion
 //#region src/components/BaseRadioGroup.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$42 = ["aria-describedby"];
-var _hoisted_2$36 = [
+var _hoisted_1$45 = ["aria-describedby"];
+var _hoisted_2$39 = [
 	"name",
 	"value",
 	"disabled"
 ];
-var _hoisted_3$24 = { class: "text-ink text-sm" };
+var _hoisted_3$26 = { class: "text-ink text-sm" };
 //#endregion
 //#region src/components/BaseRadioGroup.vue
 var BaseRadioGroup_default = /* @__PURE__ */ defineComponent({
@@ -994,7 +958,7 @@ var BaseRadioGroup_default = /* @__PURE__ */ defineComponent({
 						value: option.value,
 						disabled: option.disabled,
 						class: "accent-primary focus-visible:outline-primary size-4 shrink-0 focus-visible:outline-2 focus-visible:outline-offset-2"
-					}, null, 8, _hoisted_2$36), [[vModelRadio, unref(model)]]), createElementVNode("span", _hoisted_3$24, toDisplayString(option.label), 1)], 2);
+					}, null, 8, _hoisted_2$39), [[vModelRadio, unref(model)]]), createElementVNode("span", _hoisted_3$26, toDisplayString(option.label), 1)], 2);
 				}), 128)),
 				__props.error ? (openBlock(), createElementBlock("p", {
 					key: 0,
@@ -1005,19 +969,19 @@ var BaseRadioGroup_default = /* @__PURE__ */ defineComponent({
 					id: hintId,
 					class: "text-ink-soft text-xs"
 				}, toDisplayString(__props.hint), 1)) : createCommentVNode("", true)
-			], 8, _hoisted_1$42);
+			], 8, _hoisted_1$45);
 		};
 	}
 });
 //#endregion
 //#region src/components/BaseSelect.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$41 = { class: "relative" };
-var _hoisted_2$35 = [
+var _hoisted_1$44 = { class: "relative" };
+var _hoisted_2$38 = [
 	"id",
 	"aria-invalid",
 	"aria-describedby"
 ];
-var _hoisted_3$23 = {
+var _hoisted_3$25 = {
 	key: 0,
 	value: void 0,
 	disabled: ""
@@ -1058,7 +1022,7 @@ var BaseSelect_default = /* @__PURE__ */ defineComponent({
 				"label-hidden": __props.labelHidden,
 				size: __props.size
 			}, {
-				default: withCtx(({ id, describedBy, invalid }) => [createElementVNode("div", _hoisted_1$41, [withDirectives(createElementVNode("select", {
+				default: withCtx(({ id, describedBy, invalid }) => [createElementVNode("div", _hoisted_1$44, [withDirectives(createElementVNode("select", {
 					id,
 					"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => model.value = $event),
 					"aria-invalid": invalid,
@@ -1068,13 +1032,13 @@ var BaseSelect_default = /* @__PURE__ */ defineComponent({
 						__props.variant === "unstyled" ? "" : SIZE_CLASS[__props.size],
 						__props.variant !== "unstyled" && invalid ? "border-negative" : ""
 					]])
-				}, [__props.placeholder ? (openBlock(), createElementBlock("option", _hoisted_3$23, toDisplayString(__props.placeholder), 1)) : createCommentVNode("", true), (openBlock(true), createElementBlock(Fragment, null, renderList(__props.options, (option) => {
+				}, [__props.placeholder ? (openBlock(), createElementBlock("option", _hoisted_3$25, toDisplayString(__props.placeholder), 1)) : createCommentVNode("", true), (openBlock(true), createElementBlock(Fragment, null, renderList(__props.options, (option) => {
 					return openBlock(), createElementBlock("option", {
 						key: option.value,
 						value: option.value,
 						disabled: option.disabled
 					}, toDisplayString(option.label), 9, _hoisted_4$18);
-				}), 128))], 10, _hoisted_2$35), [[vModelSelect, model.value]]), createVNode(unref(ChevronDown), {
+				}), 128))], 10, _hoisted_2$38), [[vModelSelect, model.value]]), createVNode(unref(ChevronDown), {
 					class: "text-ink-soft pointer-events-none absolute top-1/2 right-3 size-4 -translate-y-1/2",
 					"aria-hidden": "true"
 				})])]),
@@ -1091,11 +1055,11 @@ var BaseSelect_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/BaseSlider.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$40 = { class: "rk-slider" };
-var _hoisted_2$34 = { class: "rk-slider-head" };
-var _hoisted_3$22 = ["for"];
+var _hoisted_1$43 = { class: "rk-slider" };
+var _hoisted_2$37 = { class: "rk-slider-head" };
+var _hoisted_3$24 = ["for"];
 var _hoisted_4$17 = ["for"];
-var _hoisted_5$11 = [
+var _hoisted_5$10 = [
 	"id",
 	"min",
 	"max",
@@ -1139,11 +1103,11 @@ var BaseSlider_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 			return span <= 0 ? 0 : (model.value - __props.min) / span * 100;
 		});
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", _hoisted_1$40, [
-				createElementVNode("div", _hoisted_2$34, [createElementVNode("label", {
+			return openBlock(), createElementBlock("div", _hoisted_1$43, [
+				createElementVNode("div", _hoisted_2$37, [createElementVNode("label", {
 					for: unref(id),
 					class: "rk-slider-label"
-				}, toDisplayString(__props.label), 9, _hoisted_3$22), __props.showValue ? (openBlock(), createElementBlock("output", {
+				}, toDisplayString(__props.label), 9, _hoisted_3$24), __props.showValue ? (openBlock(), createElementBlock("output", {
 					key: 0,
 					for: unref(id),
 					class: "rk-slider-value"
@@ -1160,7 +1124,7 @@ var BaseSlider_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 					"aria-valuetext": text.value,
 					"aria-describedby": __props.hint ? hintId : void 0,
 					style: normalizeStyle({ "--rk-slider-filled": `${filled.value}%` })
-				}, null, 12, _hoisted_5$11), [[
+				}, null, 12, _hoisted_5$10), [[
 					vModelText,
 					model.value,
 					void 0,
@@ -1177,8 +1141,8 @@ var BaseSlider_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 }), [["__scopeId", "data-v-7fa2769b"]]);
 //#endregion
 //#region src/components/NumberInput.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$39 = ["aria-label", "disabled"];
-var _hoisted_2$33 = [
+var _hoisted_1$42 = ["aria-label", "disabled"];
+var _hoisted_2$36 = [
 	"id",
 	"value",
 	"aria-valuenow",
@@ -1188,7 +1152,7 @@ var _hoisted_2$33 = [
 	"aria-describedby",
 	"disabled"
 ];
-var _hoisted_3$21 = ["aria-label", "disabled"];
+var _hoisted_3$23 = ["aria-label", "disabled"];
 //#endregion
 //#region src/components/NumberInput.vue
 var NumberInput_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
@@ -1291,7 +1255,7 @@ var NumberInput_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__
 					}, [createVNode(unref(Minus), {
 						class: "size-4",
 						"aria-hidden": "true"
-					})], 8, _hoisted_1$39),
+					})], 8, _hoisted_1$42),
 					createElementVNode("input", {
 						id,
 						value: draft.value,
@@ -1309,7 +1273,7 @@ var NumberInput_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__
 						onInput,
 						onBlur: commit,
 						onKeydown
-					}, null, 40, _hoisted_2$33),
+					}, null, 40, _hoisted_2$36),
 					createElementVNode("button", {
 						type: "button",
 						class: "rk-number-step focus-ring",
@@ -1320,7 +1284,7 @@ var NumberInput_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__
 					}, [createVNode(unref(Plus), {
 						class: "size-4",
 						"aria-hidden": "true"
-					})], 8, _hoisted_3$21)
+					})], 8, _hoisted_3$23)
 				], 2)]),
 				_: 1
 			}, 8, [
@@ -1335,7 +1299,7 @@ var NumberInput_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__
 }), [["__scopeId", "data-v-082bd3d7"]]);
 //#endregion
 //#region src/components/SliderField.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$38 = { class: "rk-slider-field" };
+var _hoisted_1$41 = { class: "rk-slider-field" };
 //#endregion
 //#region src/components/SliderField.vue
 var SliderField_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
@@ -1376,7 +1340,7 @@ var SliderField_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__
 			}
 		});
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", _hoisted_1$38, [createVNode(BaseSlider_default, {
+			return openBlock(), createElementBlock("div", _hoisted_1$41, [createVNode(BaseSlider_default, {
 				modelValue: model.value,
 				"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => model.value = $event),
 				label: __props.label,
@@ -1424,11 +1388,11 @@ var SliderField_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__
 }), [["__scopeId", "data-v-6ec3163a"]]);
 //#endregion
 //#region src/components/BaseSpinner.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$37 = {
+var _hoisted_1$40 = {
 	class: "rk-spin-wrap",
 	role: "status"
 };
-var _hoisted_2$32 = { class: "rk-spin-label" };
+var _hoisted_2$35 = { class: "rk-spin-label" };
 //#endregion
 //#region src/components/BaseSpinner.vue
 var BaseSpinner_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
@@ -1456,25 +1420,25 @@ var BaseSpinner_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__
 			lg: "2.5rem"
 		};
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("span", _hoisted_1$37, [createElementVNode("span", {
+			return openBlock(), createElementBlock("span", _hoisted_1$40, [createElementVNode("span", {
 				class: "rk-spin",
 				style: normalizeStyle({
 					width: SIZES[__props.size],
 					height: SIZES[__props.size]
 				}),
 				"aria-hidden": "true"
-			}, null, 4), createElementVNode("span", _hoisted_2$32, toDisplayString(__props.label), 1)]);
+			}, null, 4), createElementVNode("span", _hoisted_2$35, toDisplayString(__props.label), 1)]);
 		};
 	}
 }), [["__scopeId", "data-v-842da62c"]]);
 //#endregion
 //#region src/components/BaseSwitch.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$36 = { class: "flex items-center justify-between gap-4" };
-var _hoisted_2$31 = {
+var _hoisted_1$39 = { class: "flex items-center justify-between gap-4" };
+var _hoisted_2$34 = {
 	key: 0,
 	class: "min-w-0"
 };
-var _hoisted_3$20 = ["id"];
+var _hoisted_3$22 = ["id"];
 var _hoisted_4$16 = [
 	"aria-checked",
 	"aria-labelledby",
@@ -1514,10 +1478,10 @@ var BaseSwitch_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 			if (!__props.disabled) model.value = !model.value;
 		}
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", _hoisted_1$36, [!__props.labelHidden ? (openBlock(), createElementBlock("span", _hoisted_2$31, [createElementVNode("span", {
+			return openBlock(), createElementBlock("div", _hoisted_1$39, [!__props.labelHidden ? (openBlock(), createElementBlock("span", _hoisted_2$34, [createElementVNode("span", {
 				id: unref(id),
 				class: "text-ink block text-sm"
-			}, toDisplayString(__props.label), 9, _hoisted_3$20), __props.hint ? (openBlock(), createElementBlock("span", {
+			}, toDisplayString(__props.label), 9, _hoisted_3$22), __props.hint ? (openBlock(), createElementBlock("span", {
 				key: 0,
 				id: hintId,
 				class: "text-ink-soft mt-0.5 block text-xs"
@@ -1537,14 +1501,13 @@ var BaseSwitch_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 			}, null, -1)])], 10, _hoisted_4$16)]);
 		};
 	}
-}), [["__scopeId", "data-v-3f4400a0"]]);
+}), [["__scopeId", "data-v-d90e1aa6"]]);
 //#endregion
 //#region src/components/BaseTable.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$35 = ["aria-label"];
-var _hoisted_2$30 = { class: "rk-table" };
-var _hoisted_3$19 = { key: 0 };
-var _hoisted_4$15 = { key: 1 };
-var _hoisted_5$10 = ["colspan"];
+var _hoisted_1$38 = { class: "rk-table" };
+var _hoisted_2$33 = { key: 0 };
+var _hoisted_3$21 = { key: 1 };
+var _hoisted_4$15 = ["colspan"];
 //#endregion
 //#region src/components/BaseTable.vue
 var BaseTable_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
@@ -1562,41 +1525,43 @@ var BaseTable_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
 	setup(__props) {
 		const keyFor = (row, index) => __props.rowKey ? String(row[__props.rowKey]) : index;
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", {
-				class: "rk-table-scroll",
-				tabindex: "0",
-				role: "region",
-				"aria-label": __props.caption
-			}, [createElementVNode("table", _hoisted_2$30, [
-				createElementVNode("caption", { class: normalizeClass(__props.captionHidden ? "rk-table-caption-hidden" : "rk-table-caption") }, toDisplayString(__props.caption), 3),
-				createElementVNode("thead", null, [createElementVNode("tr", null, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.columns, (column) => {
-					return openBlock(), createElementBlock("th", {
-						key: column.key,
-						scope: "col",
-						class: normalizeClass([column.align && `is-${column.align}`, column.nowrap && "is-nowrap"])
-					}, toDisplayString(column.label), 3);
-				}), 128))])]),
-				__props.rows.length > 0 ? (openBlock(), createElementBlock("tbody", _hoisted_3$19, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.rows, (row, index) => {
-					return openBlock(), createElementBlock("tr", { key: keyFor(row, index) }, [(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-table-scroll"
+			}, {
+				default: withCtx(() => [createElementVNode("table", _hoisted_1$38, [
+					createElementVNode("caption", { class: normalizeClass(__props.captionHidden ? "rk-table-caption-hidden" : "rk-table-caption") }, toDisplayString(__props.caption), 3),
+					createElementVNode("thead", null, [createElementVNode("tr", null, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.columns, (column) => {
+						return openBlock(), createElementBlock("th", {
 							key: column.key,
+							scope: "col",
 							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))]);
-				}), 128))])) : (openBlock(), createElementBlock("tbody", _hoisted_4$15, [createElementVNode("tr", null, [createElementVNode("td", {
-					colspan: __props.columns.length,
-					class: "rk-table-empty"
-				}, [renderSlot(_ctx.$slots, "empty", {}, void 0, true)], 8, _hoisted_5$10)])]))
-			])], 8, _hoisted_1$35);
+						}, toDisplayString(column.label), 3);
+					}), 128))])]),
+					__props.rows.length > 0 ? (openBlock(), createElementBlock("tbody", _hoisted_2$33, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.rows, (row, index) => {
+						return openBlock(), createElementBlock("tr", { key: keyFor(row, index) }, [(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))]);
+					}), 128))])) : (openBlock(), createElementBlock("tbody", _hoisted_3$21, [createElementVNode("tr", null, [createElementVNode("td", {
+						colspan: __props.columns.length,
+						class: "rk-table-empty"
+					}, [renderSlot(_ctx.$slots, "empty", {}, void 0, true)], 8, _hoisted_4$15)])]))
+				])]),
+				_: 3
+			}, 8, ["label"]);
 		};
 	}
-}), [["__scopeId", "data-v-ab10e9fa"]]);
+}), [["__scopeId", "data-v-cc1197ef"]]);
 //#endregion
 //#region src/components/BaseTextarea.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$34 = [
+var _hoisted_1$37 = [
 	"id",
 	"rows",
 	"aria-invalid",
@@ -1642,7 +1607,7 @@ var BaseTextarea_default = /* @__PURE__ */ defineComponent({
 					__props.variant === "unstyled" ? "" : "control text-ink rounded-card focus-visible:outline-primary resize-y px-3 py-2 leading-relaxed focus-visible:outline-2 focus-visible:outline-offset-1",
 					"text-base",
 					__props.variant !== "unstyled" && invalid ? "border-negative" : ""
-				] }), null, 16, _hoisted_1$34), [[vModelText, unref(model)]])]),
+				] }), null, 16, _hoisted_1$37), [[vModelText, unref(model)]])]),
 				_: 1
 			}, 8, [
 				"label",
@@ -1656,12 +1621,12 @@ var BaseTextarea_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/EmptyState.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$33 = { class: "flex flex-col items-center gap-3 px-6 py-10 text-center" };
-var _hoisted_2$29 = {
+var _hoisted_1$36 = { class: "flex flex-col items-center gap-3 px-6 py-10 text-center" };
+var _hoisted_2$32 = {
 	key: 0,
 	class: "bg-muted text-primary rounded-card flex size-12 items-center justify-center"
 };
-var _hoisted_3$18 = { class: "text-ink text-base font-semibold" };
+var _hoisted_3$20 = { class: "text-ink text-base font-semibold" };
 var _hoisted_4$14 = {
 	key: 1,
 	class: "text-ink-soft max-w-[36ch] text-sm"
@@ -1688,9 +1653,9 @@ var EmptyState_default = /* @__PURE__ */ defineComponent({
 		* goes — the button that creates the first one.
 		*/
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", _hoisted_1$33, [
-				_ctx.$slots.icon ? (openBlock(), createElementBlock("div", _hoisted_2$29, [renderSlot(_ctx.$slots, "icon")])) : createCommentVNode("", true),
-				createElementVNode("h3", _hoisted_3$18, toDisplayString(__props.title), 1),
+			return openBlock(), createElementBlock("div", _hoisted_1$36, [
+				_ctx.$slots.icon ? (openBlock(), createElementBlock("div", _hoisted_2$32, [renderSlot(_ctx.$slots, "icon")])) : createCommentVNode("", true),
+				createElementVNode("h3", _hoisted_3$20, toDisplayString(__props.title), 1),
 				__props.description ? (openBlock(), createElementBlock("p", _hoisted_4$14, toDisplayString(__props.description), 1)) : createCommentVNode("", true),
 				_ctx.$slots.action ? (openBlock(), createElementBlock("div", _hoisted_5$9, [renderSlot(_ctx.$slots, "action")])) : createCommentVNode("", true)
 			]);
@@ -1759,9 +1724,9 @@ var PageContainer_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/PageHeader.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$32 = { class: "grid h-12 shrink-0 grid-cols-[2.5rem_1fr_2.5rem] items-center" };
-var _hoisted_2$28 = { class: "justify-self-start" };
-var _hoisted_3$17 = { class: "text-ink flex min-w-0 justify-center text-base font-semibold tabular-nums" };
+var _hoisted_1$35 = { class: "grid h-12 shrink-0 grid-cols-[2.5rem_1fr_2.5rem] items-center" };
+var _hoisted_2$31 = { class: "justify-self-start" };
+var _hoisted_3$19 = { class: "text-ink flex min-w-0 justify-center text-base font-semibold tabular-nums" };
 var _hoisted_4$13 = { class: "truncate" };
 var _hoisted_5$8 = { class: "justify-self-end" };
 //#endregion
@@ -1780,9 +1745,9 @@ var PageHeader_default = /* @__PURE__ */ defineComponent({
 		* each other.
 		*/
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("header", _hoisted_1$32, [
-				createElementVNode("div", _hoisted_2$28, [renderSlot(_ctx.$slots, "left")]),
-				createElementVNode("h1", _hoisted_3$17, [renderSlot(_ctx.$slots, "title", {}, () => [createElementVNode("span", _hoisted_4$13, toDisplayString(__props.title), 1)])]),
+			return openBlock(), createElementBlock("header", _hoisted_1$35, [
+				createElementVNode("div", _hoisted_2$31, [renderSlot(_ctx.$slots, "left")]),
+				createElementVNode("h1", _hoisted_3$19, [renderSlot(_ctx.$slots, "title", {}, () => [createElementVNode("span", _hoisted_4$13, toDisplayString(__props.title), 1)])]),
 				createElementVNode("div", _hoisted_5$8, [renderSlot(_ctx.$slots, "right")])
 			]);
 		};
@@ -1790,7 +1755,7 @@ var PageHeader_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/ProgressBar.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$31 = ["aria-valuenow", "aria-label"];
+var _hoisted_1$34 = ["aria-valuenow", "aria-label"];
 //#endregion
 //#region src/components/ProgressBar.vue
 var ProgressBar_default = /* @__PURE__ */ defineComponent({
@@ -1822,18 +1787,18 @@ var ProgressBar_default = /* @__PURE__ */ defineComponent({
 			}, [createElementVNode("div", {
 				class: "bg-primary h-full rounded-full transition-[width] duration-700 ease-out",
 				style: normalizeStyle({ width: `${portion.value}%` })
-			}, null, 4)], 10, _hoisted_1$31);
+			}, null, 4)], 10, _hoisted_1$34);
 		};
 	}
 });
 //#endregion
 //#region src/components/PriceCard.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$30 = {
+var _hoisted_1$33 = {
 	key: 0,
 	class: "bg-primary rounded-cell text-on-primary absolute -top-3 left-7 px-3 py-1 text-[0.7rem] font-semibold"
 };
-var _hoisted_2$27 = { class: "flex items-start justify-between gap-4" };
-var _hoisted_3$16 = { class: "text-ink mt-5 text-lg font-semibold" };
+var _hoisted_2$30 = { class: "flex items-start justify-between gap-4" };
+var _hoisted_3$18 = { class: "text-ink mt-5 text-lg font-semibold" };
 var _hoisted_4$12 = {
 	key: 1,
 	class: "text-ink-soft mt-1.5 text-sm leading-relaxed"
@@ -1903,15 +1868,15 @@ var PriceCard_default = /* @__PURE__ */ defineComponent({
 		const palette = computed(() => TONE[__props.tone]);
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("article", { class: normalizeClass(["surface rounded-card ease-standard relative flex h-full flex-col p-7 transition-[border-color,box-shadow,transform] duration-(--duration-slower) hover:[--surface-border-color:color-mix(in_oklab,var(--color-primary)_60%,transparent)] hover:[--surface-shadow:var(--shadow-raised)] sm:p-8", [palette.value.ring, __props.recommended ? "[--surface-shadow:var(--shadow-raised)]" : "hover:-translate-y-0.5"]]) }, [
-				__props.badge && __props.recommended ? (openBlock(), createElementBlock("span", _hoisted_1$30, toDisplayString(__props.badge), 1)) : createCommentVNode("", true),
-				createElementVNode("div", _hoisted_2$27, [_ctx.$slots.icon ? (openBlock(), createElementBlock("span", {
+				__props.badge && __props.recommended ? (openBlock(), createElementBlock("span", _hoisted_1$33, toDisplayString(__props.badge), 1)) : createCommentVNode("", true),
+				createElementVNode("div", _hoisted_2$30, [_ctx.$slots.icon ? (openBlock(), createElementBlock("span", {
 					key: 0,
 					class: normalizeClass(["rounded-card grid size-11 place-items-center text-xl", palette.value.icon])
 				}, [renderSlot(_ctx.$slots, "icon")], 2)) : createCommentVNode("", true), __props.chip ? (openBlock(), createElementBlock("span", {
 					key: 1,
 					class: normalizeClass(["rounded-cell ml-auto px-2.5 py-1 text-[0.7rem] font-medium", palette.value.soft])
 				}, toDisplayString(__props.chip), 3)) : createCommentVNode("", true)]),
-				createElementVNode("h3", _hoisted_3$16, toDisplayString(__props.name), 1),
+				createElementVNode("h3", _hoisted_3$18, toDisplayString(__props.name), 1),
 				__props.lead ? (openBlock(), createElementBlock("p", _hoisted_4$12, toDisplayString(__props.lead), 1)) : createCommentVNode("", true),
 				createElementVNode("p", _hoisted_5$7, [createElementVNode("span", _hoisted_6$6, toDisplayString(__props.price), 1), __props.period ? (openBlock(), createElementBlock("span", _hoisted_7$3, toDisplayString(__props.period), 1)) : createCommentVNode("", true)]),
 				__props.note ? (openBlock(), createElementBlock("p", _hoisted_8$2, toDisplayString(__props.note), 1)) : createCommentVNode("", true),
@@ -1928,8 +1893,8 @@ var PriceCard_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/ToneDot.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$29 = { class: "inline-flex items-center gap-1.5" };
-var _hoisted_2$26 = {
+var _hoisted_1$32 = { class: "inline-flex items-center gap-1.5" };
+var _hoisted_2$29 = {
 	key: 0,
 	class: "text-ink-soft text-xs font-medium"
 };
@@ -1950,13 +1915,13 @@ var ToneDot_default = /* @__PURE__ */ defineComponent({
 		* priorities — without this component knowing about any of them.
 		*/
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("span", _hoisted_1$29, [createElementVNode("span", { class: normalizeClass(["size-2 rounded-full", __props.fill]) }, null, 2), __props.label ? (openBlock(), createElementBlock("span", _hoisted_2$26, toDisplayString(__props.label), 1)) : createCommentVNode("", true)]);
+			return openBlock(), createElementBlock("span", _hoisted_1$32, [createElementVNode("span", { class: normalizeClass(["size-2 rounded-full", __props.fill]) }, null, 2), __props.label ? (openBlock(), createElementBlock("span", _hoisted_2$29, toDisplayString(__props.label), 1)) : createCommentVNode("", true)]);
 		};
 	}
 });
 //#endregion
 //#region src/components/SectionHeading.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$28 = {
+var _hoisted_1$31 = {
 	key: 0,
 	class: "text-ink-soft text-xs tabular-nums"
 };
@@ -1974,15 +1939,15 @@ var SectionHeading_default = /* @__PURE__ */ defineComponent({
 			return openBlock(), createElementBlock("h2", { class: normalizeClass(["flex w-fit items-center gap-2 self-start rounded-full border px-3 py-1", __props.tone.card]) }, [
 				createVNode(ToneDot_default, { fill: __props.tone.fill }, null, 8, ["fill"]),
 				createElementVNode("span", { class: normalizeClass(["text-xs font-semibold tracking-wide uppercase", __props.tone.text]) }, toDisplayString(__props.label), 3),
-				__props.count > 0 ? (openBlock(), createElementBlock("span", _hoisted_1$28, toDisplayString(__props.count), 1)) : createCommentVNode("", true)
+				__props.count > 0 ? (openBlock(), createElementBlock("span", _hoisted_1$31, toDisplayString(__props.count), 1)) : createCommentVNode("", true)
 			], 2);
 		};
 	}
 });
 //#endregion
 //#region src/components/SegmentedControl.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$27 = { class: "bg-muted rounded-card flex w-full gap-1 p-1" };
-var _hoisted_2$25 = ["value", "name"];
+var _hoisted_1$30 = { class: "bg-muted rounded-card flex w-full gap-1 p-1" };
+var _hoisted_2$28 = ["value", "name"];
 //#endregion
 //#region src/components/SegmentedControl.vue
 var SegmentedControl_default = /* @__PURE__ */ defineComponent({
@@ -1996,7 +1961,7 @@ var SegmentedControl_default = /* @__PURE__ */ defineComponent({
 		const model = useModel(__props, "modelValue");
 		const name = useId();
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", _hoisted_1$27, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.options, (option) => {
+			return openBlock(), createElementBlock("div", _hoisted_1$30, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.options, (option) => {
 				return openBlock(), createElementBlock("label", {
 					key: String(option.value),
 					class: "flex-1 cursor-pointer"
@@ -2006,18 +1971,18 @@ var SegmentedControl_default = /* @__PURE__ */ defineComponent({
 					value: option.value,
 					name: unref(name),
 					class: "peer sr-only"
-				}, null, 8, _hoisted_2$25), [[vModelRadio, model.value]]), createElementVNode("span", { class: normalizeClass(["peer-focus-visible:outline-primary flex h-10 items-center justify-center rounded-xl px-2 text-sm font-medium transition-colors select-none peer-focus-visible:outline-2 peer-focus-visible:outline-offset-2", model.value === option.value ? "bg-surface text-ink shadow-(--shadow-control)" : "text-ink-soft"]) }, toDisplayString(option.label), 3)]);
+				}, null, 8, _hoisted_2$28), [[vModelRadio, model.value]]), createElementVNode("span", { class: normalizeClass(["peer-focus-visible:outline-primary flex h-10 items-center justify-center rounded-xl px-2 text-sm font-medium transition-colors select-none peer-focus-visible:outline-2 peer-focus-visible:outline-offset-2", model.value === option.value ? "bg-surface text-ink shadow-(--shadow-control)" : "text-ink-soft"]) }, toDisplayString(option.label), 3)]);
 			}), 128))]);
 		};
 	}
 });
 //#endregion
 //#region src/components/SkeletonList.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$26 = {
+var _hoisted_1$29 = {
 	role: "status",
 	class: "flex flex-col gap-1"
 };
-var _hoisted_2$24 = { class: "sr-only" };
+var _hoisted_2$27 = { class: "sr-only" };
 //#endregion
 //#region src/components/SkeletonList.vue
 var SkeletonList_default = /* @__PURE__ */ defineComponent({
@@ -2031,7 +1996,7 @@ var SkeletonList_default = /* @__PURE__ */ defineComponent({
 		/** A length starts with a digit, a dot, or opens a CSS function. */
 		const isLength = computed(() => /^(?:[.\d]|calc\(|var\(|clamp\(|min\(|max\()/.test(__props.rowHeight));
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", _hoisted_1$26, [createElementVNode("span", _hoisted_2$24, toDisplayString(__props.label), 1), (openBlock(true), createElementBlock(Fragment, null, renderList(__props.rows, (row) => {
+			return openBlock(), createElementBlock("div", _hoisted_1$29, [createElementVNode("span", _hoisted_2$27, toDisplayString(__props.label), 1), (openBlock(true), createElementBlock(Fragment, null, renderList(__props.rows, (row) => {
 				return openBlock(), createElementBlock("div", {
 					key: row,
 					class: normalizeClass(["bg-muted rounded-card animate-pulse", isLength.value ? void 0 : __props.rowHeight]),
@@ -2044,9 +2009,9 @@ var SkeletonList_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/StatCard.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$25 = { class: "surface rounded-card flex flex-1 flex-col gap-0.5 p-3" };
-var _hoisted_2$23 = { class: "flex items-baseline gap-1" };
-var _hoisted_3$15 = { class: "text-ink text-xl font-semibold tabular-nums" };
+var _hoisted_1$28 = { class: "surface rounded-card flex flex-1 flex-col gap-0.5 p-3" };
+var _hoisted_2$26 = { class: "flex items-baseline gap-1" };
+var _hoisted_3$17 = { class: "text-ink text-xl font-semibold tabular-nums" };
 var _hoisted_4$11 = { class: "text-ink-soft text-xs" };
 //#endregion
 //#region src/components/StatCard.vue
@@ -2064,7 +2029,7 @@ var StatCard_default = /* @__PURE__ */ defineComponent({
 			flat: ArrowRight
 		};
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", _hoisted_1$25, [createElementVNode("div", _hoisted_2$23, [createElementVNode("span", _hoisted_3$15, toDisplayString(__props.value), 1), __props.trend ? (openBlock(), createBlock(resolveDynamicComponent(TREND_ICON[__props.trend]), {
+			return openBlock(), createElementBlock("div", _hoisted_1$28, [createElementVNode("div", _hoisted_2$26, [createElementVNode("span", _hoisted_3$17, toDisplayString(__props.value), 1), __props.trend ? (openBlock(), createBlock(resolveDynamicComponent(TREND_ICON[__props.trend]), {
 				key: 0,
 				class: "text-ink-soft size-3"
 			})) : createCommentVNode("", true)]), createElementVNode("span", _hoisted_4$11, toDisplayString(__props.label), 1)]);
@@ -2073,13 +2038,13 @@ var StatCard_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/ToastHost.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$24 = [
+var _hoisted_1$27 = [
 	"onMouseenter",
 	"onMouseleave",
 	"onFocusin",
 	"onFocusout"
 ];
-var _hoisted_2$22 = { class: "flex-1 text-sm leading-snug" };
+var _hoisted_2$25 = { class: "flex-1 text-sm leading-snug" };
 //#endregion
 //#region src/components/ToastHost.vue
 var ToastHost_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
@@ -2140,7 +2105,7 @@ var ToastHost_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
 							class: normalizeClass(["mt-0.5 size-5 shrink-0", TONE_CLASS[toast.tone]]),
 							"aria-hidden": "true"
 						}, null, 8, ["class"])),
-						createElementVNode("p", _hoisted_2$22, toDisplayString(toast.message), 1),
+						createElementVNode("p", _hoisted_2$25, toDisplayString(toast.message), 1),
 						toast.action ? (openBlock(), createBlock(BaseButton_default, {
 							key: 0,
 							variant: "link",
@@ -2163,7 +2128,7 @@ var ToastHost_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
 							default: withCtx(() => [createVNode(unref(X), { class: "size-4" })]),
 							_: 1
 						}, 8, ["aria-label", "onClick"])
-					], 40, _hoisted_1$24);
+					], 40, _hoisted_1$27);
 				}), 128))]),
 				_: 1
 			})], 2)])) : createCommentVNode("", true);
@@ -2172,8 +2137,8 @@ var ToastHost_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
 }), [["__scopeId", "data-v-737eb240"]]);
 //#endregion
 //#region src/components/LocaleLinks.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$23 = ["aria-label"];
-var _hoisted_2$21 = [
+var _hoisted_1$26 = ["aria-label"];
+var _hoisted_2$24 = [
 	"lang",
 	"aria-pressed",
 	"onClick"
@@ -2217,16 +2182,16 @@ var LocaleLinks_default = /* @__PURE__ */ defineComponent({
 					class: normalizeClass(["focus-ring rounded-full px-2.5 py-1.5 text-xs transition-colors", preference.value === locale ? "bg-muted text-ink font-semibold" : "text-ink-soft hover:text-ink"]),
 					"aria-pressed": preference.value === locale,
 					onClick: ($event) => preference.value = locale
-				}, toDisplayString(__props.labels[locale]), 11, _hoisted_2$21);
-			}), 128))], 8, _hoisted_1$23);
+				}, toDisplayString(__props.labels[locale]), 11, _hoisted_2$24);
+			}), 128))], 8, _hoisted_1$26);
 		};
 	}
 });
 //#endregion
 //#region src/components/TabBar.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$22 = { class: "tab-bar" };
-var _hoisted_2$20 = ["aria-label"];
-var _hoisted_3$14 = { class: "tab-icon-slot" };
+var _hoisted_1$25 = { class: "tab-bar" };
+var _hoisted_2$23 = ["aria-label"];
+var _hoisted_3$16 = { class: "tab-icon-slot" };
 var _hoisted_4$10 = { class: "tab-label" };
 //#endregion
 //#region src/components/TabBar.vue
@@ -2239,7 +2204,7 @@ var TabBar_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 	},
 	setup(__props) {
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("header", _hoisted_1$22, [createElementVNode("nav", {
+			return openBlock(), createElementBlock("header", _hoisted_1$25, [createElementVNode("nav", {
 				class: "tab-bar-inner",
 				"aria-label": __props.label || void 0
 			}, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.items, (item) => {
@@ -2250,22 +2215,22 @@ var TabBar_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 					"aria-current": item.key === __props.active ? "page" : void 0,
 					onClick: _cache[0] || (_cache[0] = ($event) => unref(tapFeedback)())
 				}, {
-					default: withCtx(() => [createElementVNode("span", _hoisted_3$14, [(openBlock(), createBlock(resolveDynamicComponent(item.icon), { class: "tab-icon" }))]), createElementVNode("span", _hoisted_4$10, toDisplayString(item.label), 1)]),
+					default: withCtx(() => [createElementVNode("span", _hoisted_3$16, [(openBlock(), createBlock(resolveDynamicComponent(item.icon), { class: "tab-icon" }))]), createElementVNode("span", _hoisted_4$10, toDisplayString(item.label), 1)]),
 					_: 2
 				}, 1032, [
 					"to",
 					"class",
 					"aria-current"
 				]);
-			}), 128))], 8, _hoisted_2$20)]);
+			}), 128))], 8, _hoisted_2$23)]);
 		};
 	}
 }), [["__scopeId", "data-v-a76891c4"]]);
 //#endregion
 //#region src/components/ActivityGrid.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$21 = ["aria-label"];
-var _hoisted_2$19 = ["colspan"];
-var _hoisted_3$13 = {
+var _hoisted_1$24 = ["aria-label"];
+var _hoisted_2$22 = ["colspan"];
+var _hoisted_3$15 = {
 	scope: "row",
 	class: "rk-activity-weekday"
 };
@@ -2428,9 +2393,9 @@ var ActivityGrid_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
 					key: month.key,
 					colspan: month.span,
 					scope: "colgroup"
-				}, toDisplayString(month.label), 9, _hoisted_2$19);
+				}, toDisplayString(month.label), 9, _hoisted_2$22);
 			}), 128))])]), createElementVNode("tbody", null, [(openBlock(true), createElementBlock(Fragment, null, renderList(weekdays.value, (weekday, row) => {
-				return openBlock(), createElementBlock("tr", { key: weekday }, [createElementVNode("th", _hoisted_3$13, [createElementVNode("span", _hoisted_4$9, toDisplayString(weekday), 1)]), (openBlock(true), createElementBlock(Fragment, null, renderList(weeks.value, (week, column) => {
+				return openBlock(), createElementBlock("tr", { key: weekday }, [createElementVNode("th", _hoisted_3$15, [createElementVNode("span", _hoisted_4$9, toDisplayString(weekday), 1)]), (openBlock(true), createElementBlock(Fragment, null, renderList(weeks.value, (week, column) => {
 					return openBlock(), createElementBlock(Fragment, { key: column }, [week[row] ? (openBlock(), createElementBlock("td", mergeProps({
 						key: 0,
 						class: "rk-activity-cell"
@@ -2440,11 +2405,224 @@ var ActivityGrid_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
 						class: [__props.levelFor(week[row]), { "is-pickable": __props.isSelectable?.(week[row]) }]
 					}), null, 16, _hoisted_5$6)) : (openBlock(), createElementBlock("td", _hoisted_6$5))], 64);
 				}), 128))]);
-			}), 128))])], 40, _hoisted_1$21)], 512);
+			}), 128))])], 40, _hoisted_1$24)], 512);
 		};
 	}
 }), [["__scopeId", "data-v-9f622328"]]);
 //#endregion
+//#region src/components/VirtualList.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$23 = ["aria-label"];
+var _hoisted_2$21 = ["aria-setsize", "aria-posinset"];
+//#endregion
+//#region src/components/VirtualList.vue
+var VirtualList_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	__name: "VirtualList",
+	props: {
+		items: {},
+		rowHeight: {},
+		label: {},
+		virtualizeAfter: { default: 50 },
+		scrollbar: { default: "auto" }
+	},
+	setup(__props, { expose: __expose }) {
+		const area = useTemplateRef("area");
+		const { window: shown, padTop, padBottom, viewportHeight, onScroll } = useVirtualWindow({
+			count: computed(() => __props.items.length),
+			rowHeight: computed(() => __props.rowHeight),
+			threshold: computed(() => __props.virtualizeAfter)
+		});
+		const rows = computed(() => __props.items.slice(shown.value.start, shown.value.end).map((item, offset) => ({
+			item,
+			/** The row's place in the whole list, which is what a reader is told. */
+			index: shown.value.start + offset
+		})));
+		function measure() {
+			const element = area.value?.viewport;
+			if (element) viewportHeight.value = element.clientHeight;
+		}
+		onMounted(measure);
+		watch(() => __props.items.length, measure);
+		/** Scrolls a row into view by its index, for an app driving the list itself. */
+		function scrollToIndex(index) {
+			const element = area.value?.viewport;
+			if (!element) return;
+			const top = Math.max(0, Math.min(__props.items.length - 1, index)) * __props.rowHeight;
+			if (top < element.scrollTop) element.scrollTop = top;
+			else if (top + __props.rowHeight > element.scrollTop + element.clientHeight) element.scrollTop = top + __props.rowHeight - element.clientHeight;
+		}
+		__expose({ scrollToIndex });
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(ScrollArea_default, {
+				ref_key: "area",
+				ref: area,
+				axis: "y",
+				label: __props.label,
+				scrollbar: __props.scrollbar,
+				class: "rk-vlist",
+				onScroll: unref(onScroll)
+			}, {
+				default: withCtx(() => [createElementVNode("ul", {
+					class: "rk-vlist-rows",
+					"aria-label": __props.label
+				}, [
+					unref(padTop) > 0 ? (openBlock(), createElementBlock("li", {
+						key: 0,
+						style: normalizeStyle({ height: `${unref(padTop)}px` }),
+						"aria-hidden": "true"
+					}, null, 4)) : createCommentVNode("", true),
+					(openBlock(true), createElementBlock(Fragment, null, renderList(rows.value, (row) => {
+						return openBlock(), createElementBlock("li", {
+							key: row.index,
+							class: "rk-vlist-row",
+							style: normalizeStyle({ height: `${__props.rowHeight}px` }),
+							"aria-setsize": __props.items.length,
+							"aria-posinset": row.index + 1
+						}, [renderSlot(_ctx.$slots, "default", {
+							item: row.item,
+							index: row.index
+						}, void 0, true)], 12, _hoisted_2$21);
+					}), 128)),
+					unref(padBottom) > 0 ? (openBlock(), createElementBlock("li", {
+						key: 1,
+						style: normalizeStyle({ height: `${unref(padBottom)}px` }),
+						"aria-hidden": "true"
+					}, null, 4)) : createCommentVNode("", true)
+				], 8, _hoisted_1$23)]),
+				_: 3
+			}, 8, [
+				"label",
+				"scrollbar",
+				"onScroll"
+			]);
+		};
+	}
+}), [["__scopeId", "data-v-936ed40c"]]);
+//#endregion
+//#region src/components/AnnounceHost.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$22 = { class: "rk-announcer" };
+var _hoisted_2$20 = {
+	role: "status",
+	"aria-live": "polite",
+	"aria-atomic": "true"
+};
+var _hoisted_3$14 = {
+	role: "alert",
+	"aria-live": "assertive",
+	"aria-atomic": "true"
+};
+//#endregion
+//#region src/components/AnnounceHost.vue
+var AnnounceHost_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	__name: "AnnounceHost",
+	setup(__props) {
+		const { polite, assertive } = useAnnounce();
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", _hoisted_1$22, [createElementVNode("p", _hoisted_2$20, toDisplayString(unref(polite)), 1), createElementVNode("p", _hoisted_3$14, toDisplayString(unref(assertive)), 1)]);
+		};
+	}
+}), [["__scopeId", "data-v-205d6703"]]);
+//#endregion
+//#region src/components/ErrorSummary.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$21 = { class: "rk-errsum-title" };
+var _hoisted_2$19 = { class: "rk-errsum-list" };
+var _hoisted_3$13 = ["href", "onClick"];
+//#endregion
+//#region src/components/ErrorSummary.vue
+var ErrorSummary_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	__name: "ErrorSummary",
+	props: {
+		errors: {},
+		title: {},
+		labelFor: { type: Function },
+		fieldId: {
+			type: Function,
+			default: (field) => field
+		},
+		fields: { default: () => void 0 }
+	},
+	setup(__props, { expose: __expose }) {
+		const panel = useTemplateRef("panel");
+		const listed = computed(() => {
+			return (__props.fields ?? Object.keys(__props.errors)).filter((field) => __props.errors[field] !== void 0).map((field) => ({
+				field,
+				message: __props.errors[field],
+				id: __props.fieldId(field)
+			}));
+		});
+		const hasErrors = computed(() => listed.value.length > 0);
+		/** Moves focus into the summary. Call it on every failed submit. */
+		function focus() {
+			focusTarget(panel.value);
+		}
+		function goToField(event, id) {
+			if (focusTarget(id)) event.preventDefault();
+		}
+		watch(hasErrors, async (now) => {
+			if (!now) return;
+			await nextTick();
+			focus();
+		});
+		__expose({ focus });
+		return (_ctx, _cache) => {
+			return hasErrors.value ? (openBlock(), createElementBlock("div", {
+				key: 0,
+				ref_key: "panel",
+				ref: panel,
+				class: "rk-errsum",
+				tabindex: "-1"
+			}, [createElementVNode("p", _hoisted_1$21, toDisplayString(__props.title), 1), createElementVNode("ul", _hoisted_2$19, [(openBlock(true), createElementBlock(Fragment, null, renderList(listed.value, (item) => {
+				return openBlock(), createElementBlock("li", { key: item.field }, [createElementVNode("a", {
+					href: `#${item.id}`,
+					class: "rk-errsum-link",
+					onClick: ($event) => goToField($event, item.id)
+				}, toDisplayString(__props.labelFor(item.field)) + ": " + toDisplayString(item.message), 9, _hoisted_3$13)]);
+			}), 128))])], 512)) : createCommentVNode("", true);
+		};
+	}
+}), [["__scopeId", "data-v-4a68e342"]]);
+//#endregion
+//#region src/utils/direction.ts
+var RTL = /* @__PURE__ */ new Set([
+	"ar",
+	"arc",
+	"ckb",
+	"dv",
+	"fa",
+	"he",
+	"ks",
+	"ku",
+	"nqo",
+	"ps",
+	"sd",
+	"syr",
+	"ug",
+	"ur",
+	"yi"
+]);
+/**
+* Which way a locale tag is written.
+*
+* The kit is built on logical properties and `start`/`end` props all the
+* way through — `BaseDrawer`'s side, every inset, every margin — and none
+* of that does anything at all until `dir` is set on the document. So the
+* direction has to come from somewhere, and a locale tag is the only thing
+* that knows it.
+*
+* Only the language subtag is read, so `ar-EG` and `ar` answer the same.
+*
+* @example
+* ```ts
+* textDirection('he-IL') // 'rtl'
+* textDirection('tr') // 'ltr'
+* ```
+*/
+function textDirection(locale) {
+	const parts = locale.toLowerCase().split(/[-_]/);
+	const script = parts[1];
+	if (script === "arab" || script === "hebr" || script === "thaa" || script === "syrc") return "rtl";
+	return RTL.has(parts[0] ?? "") ? "rtl" : "ltr";
+}
+//#endregion
 //#region src/components/AvatarStack.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1$20 = ["aria-label"];
 var _hoisted_2$18 = {
@@ -2488,7 +2666,7 @@ var AvatarStack_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__
 			}), 128)), rest.value ? (openBlock(), createElementBlock("span", _hoisted_2$18, "+" + toDisplayString(rest.value), 1)) : createCommentVNode("", true)], 10, _hoisted_1$20);
 		};
 	}
-}), [["__scopeId", "data-v-db629481"]]);
+}), [["__scopeId", "data-v-1f87913c"]]);
 //#endregion
 //#region src/components/BaseCalendar.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1$19 = { class: "rk-cal" };
@@ -3441,7 +3619,7 @@ var FileDrop_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 			]);
 		};
 	}
-}), [["__scopeId", "data-v-a42eab69"]]);
+}), [["__scopeId", "data-v-6e903baf"]]);
 //#endregion
 //#region src/components/TagsInput.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1$9 = [
@@ -3698,7 +3876,7 @@ var BasePopover_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__
 			})], 544);
 		};
 	}
-}), [["__scopeId", "data-v-1371bff2"]]);
+}), [["__scopeId", "data-v-22d8f397"]]);
 //#endregion
 //#region src/components/TimePicker.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1$7 = [
@@ -3843,7 +4021,7 @@ var TimePicker_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 			]);
 		};
 	}
-}), [["__scopeId", "data-v-0037adb2"]]);
+}), [["__scopeId", "data-v-ad58b4f3"]]);
 //#endregion
 //#region src/components/BaseTimeline.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1$6 = ["aria-label"];
@@ -3897,7 +4075,7 @@ var BaseTimeline_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
 			}), 128))], 8, _hoisted_1$6);
 		};
 	}
-}), [["__scopeId", "data-v-08b15ce8"]]);
+}), [["__scopeId", "data-v-8a452f82"]]);
 //#endregion
 //#region src/components/BaseDatePicker.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1$5 = [
@@ -4044,7 +4222,7 @@ var BaseDatePicker_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/*
 			]);
 		};
 	}
-}), [["__scopeId", "data-v-154e27fb"]]);
+}), [["__scopeId", "data-v-42390973"]]);
 //#endregion
 //#region src/components/BasePopconfirm.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1$4 = { class: "rk-confirm" };
@@ -4510,7 +4688,7 @@ var BaseStepper_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__
 			}), 128))], 2)], 8, _hoisted_1);
 		};
 	}
-}), [["__scopeId", "data-v-6aa3221b"]]);
+}), [["__scopeId", "data-v-f7513d9a"]]);
 //#endregion
 //#region src/i18n/runtime.ts
 /**
@@ -4604,7 +4782,10 @@ function createI18nRuntime(options) {
 	watchEffect(() => {
 		core.locale.value = activeLocale.value;
 		setFormatLocale(intlLocale.value);
-		if (typeof document !== "undefined") document.documentElement.lang = activeLocale.value;
+		if (typeof document !== "undefined") {
+			document.documentElement.lang = activeLocale.value;
+			document.documentElement.dir = textDirection(intlLocale.value);
+		}
 	});
 	/** Read and write the language preference. */
 	function useLocalePreference() {
@@ -4654,8 +4835,8 @@ function createI18nRuntime(options) {
 *
 * The fallback keeps `vitest` and `vite dev` honest, where no define runs.
 */
-var VERSION = "2.20.0";
+var VERSION = "2.22.0";
 //#endregion
-export { ActivityGrid_default as ActivityGrid, AppError, AvatarStack_default as AvatarStack, BaseAlert_default as BaseAlert, BaseAvatar_default as BaseAvatar, BaseBadge_default as BaseBadge, BaseButton_default as BaseButton, BaseCalendar_default as BaseCalendar, BaseCard_default as BaseCard, BaseCheckbox_default as BaseCheckbox, BaseChip_default as BaseChip, BaseCombobox_default as BaseCombobox, BaseDatePicker_default as BaseDatePicker, BaseInput_default as BaseInput, BaseKbd_default as BaseKbd, BaseLink_default as BaseLink, BaseListbox_default as BaseListbox, BaseMenu_default as BaseMenu, BasePopconfirm_default as BasePopconfirm, BasePopover_default as BasePopover, BaseRadioGroup_default as BaseRadioGroup, BaseRating_default as BaseRating, BaseSelect_default as BaseSelect, BaseSeparator_default as BaseSeparator, BaseSheet_default as BaseSheet, BaseSkeleton_default as BaseSkeleton, BaseSlider_default as BaseSlider, BaseSpinner_default as BaseSpinner, BaseStepper_default as BaseStepper, BaseSwitch_default as BaseSwitch, BaseTable_default as BaseTable, BaseTextarea_default as BaseTextarea, BaseTimeline_default as BaseTimeline, CircularProgress_default as CircularProgress, CodeBlock_default as CodeBlock, ColorPicker_default as ColorPicker, CopyButton_default as CopyButton, DescriptionList_default as DescriptionList, EmptyState_default as EmptyState, ErrorBoundary_default as ErrorBoundary, FileDrop_default as FileDrop, FormField_default as FormField, GoogleButton_default as GoogleButton, LocaleLinks_default as LocaleLinks, MATERIALS, NumberInput_default as NumberInput, PALETTES, PageContainer_default as PageContainer, PageHeader_default as PageHeader, PinInput_default as PinInput, PriceCard_default as PriceCard, ProgressBar_default as ProgressBar, SHEET_ROOT_ID, SectionHeading_default as SectionHeading, SegmentedControl_default as SegmentedControl, SettingsGroup_default as SettingsGroup, SettingsRow_default as SettingsRow, SkeletonList_default as SkeletonList, SliderField_default as SliderField, StatCard_default as StatCard, TabBar_default as TabBar, TagsInput_default as TagsInput, TimePicker_default as TimePicker, ToastHost_default as ToastHost, ToggleGroup_default as ToggleGroup, ToneDot_default as ToneDot, VERSION, addDays, applyMaterial, applyPalette, applyTheme, createI18nRuntime, downloadJson, eachDayOfYear, ensureSheetRoot, formatDate, formatNumber, fromDateKey, isApplePortable, isInstalled, isMaterial, isPaletteName, isThemePreference, lastNDays, leadingBlanks, needsIosInstall, readStoredTheme, registerErrorMapper, relativeDayLabel, safeRedirect, setFormatLocale, setMaterialStorageKey, setPaletteStorageKey, setThemeStorageKey, startOfWeek, tapFeedback, toAppError, toDateKey, toRedirectPath, todayKey, useDebouncedCallback, useDragScroll, useMaterial, useMediaQuery, useOnline, usePalette, useTheme, useToast, useToday, useVisualViewport };
+export { ActivityGrid_default as ActivityGrid, AnnounceHost_default as AnnounceHost, AppError, AvatarStack_default as AvatarStack, BaseAlert_default as BaseAlert, BaseAvatar_default as BaseAvatar, BaseBadge_default as BaseBadge, BaseButton_default as BaseButton, BaseCalendar_default as BaseCalendar, BaseCard_default as BaseCard, BaseCheckbox_default as BaseCheckbox, BaseChip_default as BaseChip, BaseCombobox_default as BaseCombobox, BaseDatePicker_default as BaseDatePicker, BaseInput_default as BaseInput, BaseKbd_default as BaseKbd, BaseLink_default as BaseLink, BaseListbox_default as BaseListbox, BaseMenu_default as BaseMenu, BasePopconfirm_default as BasePopconfirm, BasePopover_default as BasePopover, BaseRadioGroup_default as BaseRadioGroup, BaseRating_default as BaseRating, BaseSelect_default as BaseSelect, BaseSeparator_default as BaseSeparator, BaseSheet_default as BaseSheet, BaseSkeleton_default as BaseSkeleton, BaseSlider_default as BaseSlider, BaseSpinner_default as BaseSpinner, BaseStepper_default as BaseStepper, BaseSwitch_default as BaseSwitch, BaseTable_default as BaseTable, BaseTextarea_default as BaseTextarea, BaseTimeline_default as BaseTimeline, CircularProgress_default as CircularProgress, CodeBlock_default as CodeBlock, ColorPicker_default as ColorPicker, CopyButton_default as CopyButton, DescriptionList_default as DescriptionList, EmptyState_default as EmptyState, ErrorBoundary_default as ErrorBoundary, ErrorSummary_default as ErrorSummary, FileDrop_default as FileDrop, FormField_default as FormField, GoogleButton_default as GoogleButton, LocaleLinks_default as LocaleLinks, MATERIALS, NumberInput_default as NumberInput, PALETTES, PageContainer_default as PageContainer, PageHeader_default as PageHeader, PinInput_default as PinInput, PriceCard_default as PriceCard, ProgressBar_default as ProgressBar, SHEET_ROOT_ID, ScrollArea_default as ScrollArea, SectionHeading_default as SectionHeading, SegmentedControl_default as SegmentedControl, SettingsGroup_default as SettingsGroup, SettingsRow_default as SettingsRow, SkeletonList_default as SkeletonList, SliderField_default as SliderField, StatCard_default as StatCard, TabBar_default as TabBar, TagsInput_default as TagsInput, TimePicker_default as TimePicker, ToastHost_default as ToastHost, ToggleGroup_default as ToggleGroup, ToneDot_default as ToneDot, VERSION, VirtualList_default as VirtualList, addDays, announce, applyMaterial, applyPalette, applyTheme, createI18nRuntime, downloadJson, eachDayOfYear, ensureSheetRoot, formatDate, formatNumber, fromDateKey, isApplePortable, isInstalled, isMaterial, isPaletteName, isThemePreference, lastNDays, leadingBlanks, needsIosInstall, readStoredTheme, registerErrorMapper, relativeDayLabel, safeRedirect, setFormatLocale, setMaterialStorageKey, setPaletteStorageKey, setThemeStorageKey, startOfWeek, tapFeedback, textDirection, toAppError, toDateKey, toRedirectPath, todayKey, useAnnounce, useDebouncedCallback, useDragScroll, useMaterial, useMediaQuery, useOnline, usePalette, useTheme, useToast, useToday, useVisualViewport };
 
 //# sourceMappingURL=index.js.map