rei-kit 2.22.0 → 2.24.0

package/dist/index.js

@@ -1,14 +1,14 @@
 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 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 { a as formatNumber, i as formatDate, o as setFormatLocale, r as watchVisibility } from "./environment-Cz5KiC1t.js";
+import { a as BaseCheckbox_default, c as useBoundValue, d as ensureSheetRoot, i as textDirection, l as useVisualViewport, n as elementDirection, o as BaseSheet_default, r as horizontalStep, t as focusTarget, u as SHEET_ROOT_ID } from "./focus-target-DRgd8UnQ.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-qM0ZD9Ey.js";
 import { n as registerErrorMapper, r as toAppError, t as AppError } from "./app-error-DF9cijE0.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 { a as BaseSkeleton_default, c as useMediaQuery, l as useDragScroll, n as ScrollArea_default, o as useMenuKeys, s as useAnchoredPanel, t as BaseListbox_default } from "./BaseListbox-BQoSwYdJ.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";
 import { Fragment, Teleport, Transition, TransitionGroup, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, guardReactiveProps, isRef, mergeModels, mergeProps, nextTick, normalizeClass, normalizeProps, normalizeStyle, onBeforeUnmount, onErrorCaptured, onMounted, onScopeDispose, openBlock, readonly, ref, renderList, renderSlot, resolveDynamicComponent, toDisplayString, unref, useId, useModel, useTemplateRef, vModelRadio, vModelSelect, vModelText, vShow, watch, watchEffect, withCtx, withDirectives, withKeys, withModifiers } from "vue";
-import { ArrowDown, ArrowRight, ArrowUp, ArrowUpRight, CalendarDays, Check, CheckCircle2, ChevronDown, ChevronLeft, ChevronRight, Clock, Copy, Info, Minus, Paperclip, Plus, Star, TriangleAlert, Upload, X, XCircle } from "lucide-vue-next";
+import { ArrowDown, ArrowRight, ArrowUp, ArrowUpRight, CalendarDays, Check, CheckCircle2, ChevronDown, ChevronLeft, ChevronRight, Clock, Copy, Eye, EyeOff, Info, Minus, Paperclip, Plus, Star, TriangleAlert, Upload, X, XCircle } from "lucide-vue-next";
 import { RouterLink } from "vue-router";
 import { createI18n } from "vue-i18n";
 //#region src/utils/day-label.ts
@@ -272,17 +272,17 @@ function useDebouncedCallback(callback, delay = 800) {
 }
 //#endregion
 //#region src/components/BaseAvatar.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$48 = [
+var _hoisted_1$51 = [
 	"role",
 	"aria-label",
 	"aria-hidden"
 ];
-var _hoisted_2$42 = ["src"];
-var _hoisted_3$28 = {
+var _hoisted_2$45 = ["src"];
+var _hoisted_3$31 = {
 	key: 1,
 	class: "rk-avatar-initials"
 };
-var _hoisted_4$20 = {
+var _hoisted_4$22 = {
 	key: 2,
 	viewBox: "0 0 20 20",
 	class: "rk-avatar-figure",
@@ -328,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$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", {
+			}, null, 40, _hoisted_2$45)) : __props.fallback === "initials" && initials.value ? (openBlock(), createElementBlock("span", _hoisted_3$31, toDisplayString(initials.value), 1)) : (openBlock(), createElementBlock("svg", _hoisted_4$22, [..._cache[1] || (_cache[1] = [createElementVNode("circle", {
 				cx: "10",
 				cy: "6.75",
 				r: "3.25",
@@ -337,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$48);
+			}, null, -1)])]))], 10, _hoisted_1$51);
 		};
 	}
 }), [["__scopeId", "data-v-47586bec"]]);
@@ -362,12 +362,12 @@ var BaseBadge_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/BaseMenu.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$47 = [
+var _hoisted_1$50 = [
 	"aria-label",
 	"aria-expanded",
 	"aria-controls"
 ];
-var _hoisted_2$41 = ["id"];
+var _hoisted_2$44 = ["id"];
 //#endregion
 //#region src/components/BaseMenu.vue
 var BaseMenu_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
@@ -389,6 +389,11 @@ var BaseMenu_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 		const panel = ref(null);
 		const trigger = ref(null);
 		const id = useId();
+		const { placed, shift } = useAnchoredPanel({
+			root,
+			panel,
+			open
+		});
 		const { items: menuItems, onKeydown: onMenuKeydown } = useMenuKeys({
 			panel,
 			onClose: () => open.value = false
@@ -436,17 +441,18 @@ 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$47), open.value ? (openBlock(), createElementBlock("div", {
+			}, [renderSlot(_ctx.$slots, "trigger", { open: open.value }, void 0, true)], 8, _hoisted_1$50), 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}`]),
+				class: normalizeClass(["rk-menu-panel surface-overlay", [`is-${__props.align}`, `is-${unref(placed)}`]]),
+				style: normalizeStyle(unref(shift) ? { "--rk-menu-shift": `${unref(shift)}px` } : void 0),
 				role: "menu"
-			}, [renderSlot(_ctx.$slots, "default", {}, void 0, true)], 10, _hoisted_2$41)) : createCommentVNode("", true)], 544);
+			}, [renderSlot(_ctx.$slots, "default", {}, void 0, true)], 14, _hoisted_2$44)) : createCommentVNode("", true)], 544);
 		};
 	}
-}), [["__scopeId", "data-v-eaeecb75"]]);
+}), [["__scopeId", "data-v-657b2528"]]);
 //#endregion
 //#region src/components/BaseCard.vue
 var BaseCard_default = /* @__PURE__ */ defineComponent({
@@ -568,13 +574,13 @@ function useVirtualWindow({ count, rowHeight, threshold }) {
 }
 //#endregion
 //#region src/components/BaseCombobox.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$46 = ["for"];
-var _hoisted_2$40 = [
+var _hoisted_1$49 = ["for"];
+var _hoisted_2$43 = [
 	"aria-label",
 	"disabled",
 	"onClick"
 ];
-var _hoisted_3$27 = [
+var _hoisted_3$30 = [
 	"id",
 	"placeholder",
 	"disabled",
@@ -583,13 +589,13 @@ var _hoisted_3$27 = [
 	"aria-invalid",
 	"aria-describedby"
 ];
-var _hoisted_4$19 = ["disabled"];
-var _hoisted_5$11 = [
+var _hoisted_4$21 = ["disabled"];
+var _hoisted_5$12 = [
 	"aria-label",
 	"aria-multiselectable",
 	"aria-busy"
 ];
-var _hoisted_6$7 = [
+var _hoisted_6$8 = [
 	"id",
 	"aria-selected",
 	"aria-setsize",
@@ -597,7 +603,7 @@ var _hoisted_6$7 = [
 	"onPointerdown",
 	"onPointermove"
 ];
-var _hoisted_7$4 = {
+var _hoisted_7$5 = {
 	key: 2,
 	class: "rk-combo-status"
 };
@@ -667,6 +673,11 @@ var BaseCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
 		const highlighted = ref(0);
 		const root = ref(null);
 		const list = ref(null);
+		const { placed, shift } = useAnchoredPanel({
+			root,
+			panel: list,
+			open
+		});
 		const single = computed(() => multiple.value ? void 0 : chosenOptions.value[0]);
 		/**
 		* What the input shows.
@@ -805,7 +816,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$46),
+				}, toDisplayString(__props.label), 9, _hoisted_1$49),
 				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", {
@@ -818,7 +829,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$40)) : createCommentVNode("", true)]);
+						}, " × ", 8, _hoisted_2$43)) : createCommentVNode("", true)]);
 					}), 128)),
 					withDirectives(createElementVNode("input", {
 						id: unref(id),
@@ -837,7 +848,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$27), [[vModelText, text.value]]),
+					}, null, 42, _hoisted_3$30), [[vModelText, text.value]]),
 					createElementVNode("button", {
 						type: "button",
 						class: "rk-combo-toggle",
@@ -845,14 +856,15 @@ var BaseCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
 						"aria-hidden": "true",
 						disabled: __props.disabled,
 						onClick: _cache[2] || (_cache[2] = ($event) => open.value = !open.value)
-					}, " ▾ ", 8, _hoisted_4$19)
+					}, " ▾ ", 8, _hoisted_4$21)
 				], 2),
 				withDirectives(createElementVNode("ul", {
 					id: listId,
 					ref_key: "list",
 					ref: list,
 					role: "listbox",
-					class: "rk-combo-list surface-overlay",
+					class: normalizeClass(["rk-combo-list surface-overlay", `is-${unref(placed)}`]),
+					style: normalizeStyle(unref(shift) ? { "--rk-combo-shift": `${unref(shift)}px` } : void 0),
 					"aria-label": __props.label,
 					"aria-multiselectable": multiple.value ? true : void 0,
 					"aria-busy": __props.loading ? true : void 0,
@@ -878,21 +890,21 @@ var BaseCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
 							"aria-posinset": row.index + 1,
 							onPointerdown: withModifiers(($event) => choose(row.option), ["prevent"]),
 							onPointermove: ($event) => highlighted.value = row.index
-						}, toDisplayString(row.option.label), 47, _hoisted_6$7);
+						}, toDisplayString(row.option.label), 47, _hoisted_6$8);
 					}), 128)),
 					unref(padBottom) > 0 ? (openBlock(), createElementBlock("li", {
 						key: 1,
 						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) => {
+					__props.loading ? (openBlock(), createElementBlock("li", _hoisted_7$5, [__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) => {
 						return createVNode(BaseSkeleton_default, {
 							key: n,
 							shape: "text",
 							height: "0.75rem"
 						});
 					}), 64))])])) : matches.value.length === 0 ? (openBlock(), createElementBlock("li", _hoisted_10$3, toDisplayString(__props.emptyLabel), 1)) : createCommentVNode("", true)
-				], 40, _hoisted_5$11), [[vShow, open.value]]),
+				], 46, _hoisted_5$12), [[vShow, open.value]]),
 				__props.error ? (openBlock(), createElementBlock("p", {
 					key: 0,
 					id: errorId,
@@ -905,16 +917,16 @@ var BaseCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
 			], 512);
 		};
 	}
-}), [["__scopeId", "data-v-0ae3b425"]]);
+}), [["__scopeId", "data-v-f02a0924"]]);
 //#endregion
 //#region src/components/BaseRadioGroup.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$45 = ["aria-describedby"];
-var _hoisted_2$39 = [
+var _hoisted_1$48 = ["aria-describedby"];
+var _hoisted_2$42 = [
 	"name",
 	"value",
 	"disabled"
 ];
-var _hoisted_3$26 = { class: "text-ink text-sm" };
+var _hoisted_3$29 = { class: "text-ink text-sm" };
 //#endregion
 //#region src/components/BaseRadioGroup.vue
 var BaseRadioGroup_default = /* @__PURE__ */ defineComponent({
@@ -958,7 +970,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$39), [[vModelRadio, unref(model)]]), createElementVNode("span", _hoisted_3$26, toDisplayString(option.label), 1)], 2);
+					}, null, 8, _hoisted_2$42), [[vModelRadio, unref(model)]]), createElementVNode("span", _hoisted_3$29, toDisplayString(option.label), 1)], 2);
 				}), 128)),
 				__props.error ? (openBlock(), createElementBlock("p", {
 					key: 0,
@@ -969,24 +981,24 @@ var BaseRadioGroup_default = /* @__PURE__ */ defineComponent({
 					id: hintId,
 					class: "text-ink-soft text-xs"
 				}, toDisplayString(__props.hint), 1)) : createCommentVNode("", true)
-			], 8, _hoisted_1$45);
+			], 8, _hoisted_1$48);
 		};
 	}
 });
 //#endregion
 //#region src/components/BaseSelect.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$44 = { class: "relative" };
-var _hoisted_2$38 = [
+var _hoisted_1$47 = { class: "relative" };
+var _hoisted_2$41 = [
 	"id",
 	"aria-invalid",
 	"aria-describedby"
 ];
-var _hoisted_3$25 = {
+var _hoisted_3$28 = {
 	key: 0,
 	value: void 0,
 	disabled: ""
 };
-var _hoisted_4$18 = ["value", "disabled"];
+var _hoisted_4$20 = ["value", "disabled"];
 //#endregion
 //#region src/components/BaseSelect.vue
 var BaseSelect_default = /* @__PURE__ */ defineComponent({
@@ -1022,7 +1034,7 @@ var BaseSelect_default = /* @__PURE__ */ defineComponent({
 				"label-hidden": __props.labelHidden,
 				size: __props.size
 			}, {
-				default: withCtx(({ id, describedBy, invalid }) => [createElementVNode("div", _hoisted_1$44, [withDirectives(createElementVNode("select", {
+				default: withCtx(({ id, describedBy, invalid }) => [createElementVNode("div", _hoisted_1$47, [withDirectives(createElementVNode("select", {
 					id,
 					"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => model.value = $event),
 					"aria-invalid": invalid,
@@ -1032,13 +1044,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$25, toDisplayString(__props.placeholder), 1)) : createCommentVNode("", true), (openBlock(true), createElementBlock(Fragment, null, renderList(__props.options, (option) => {
+				}, [__props.placeholder ? (openBlock(), createElementBlock("option", _hoisted_3$28, 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$38), [[vModelSelect, model.value]]), createVNode(unref(ChevronDown), {
+					}, toDisplayString(option.label), 9, _hoisted_4$20);
+				}), 128))], 10, _hoisted_2$41), [[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"
 				})])]),
@@ -1055,11 +1067,11 @@ var BaseSelect_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/BaseSlider.vue?vue&type=script&setup=true&lang.ts
-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$10 = [
+var _hoisted_1$46 = { class: "rk-slider" };
+var _hoisted_2$40 = { class: "rk-slider-head" };
+var _hoisted_3$27 = ["for"];
+var _hoisted_4$19 = ["for"];
+var _hoisted_5$11 = [
 	"id",
 	"min",
 	"max",
@@ -1103,15 +1115,15 @@ 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$43, [
-				createElementVNode("div", _hoisted_2$37, [createElementVNode("label", {
+			return openBlock(), createElementBlock("div", _hoisted_1$46, [
+				createElementVNode("div", _hoisted_2$40, [createElementVNode("label", {
 					for: unref(id),
 					class: "rk-slider-label"
-				}, toDisplayString(__props.label), 9, _hoisted_3$24), __props.showValue ? (openBlock(), createElementBlock("output", {
+				}, toDisplayString(__props.label), 9, _hoisted_3$27), __props.showValue ? (openBlock(), createElementBlock("output", {
 					key: 0,
 					for: unref(id),
 					class: "rk-slider-value"
-				}, toDisplayString(text.value), 9, _hoisted_4$17)) : createCommentVNode("", true)]),
+				}, toDisplayString(text.value), 9, _hoisted_4$19)) : createCommentVNode("", true)]),
 				withDirectives(createElementVNode("input", {
 					id: unref(id),
 					"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => model.value = $event),
@@ -1124,7 +1136,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$10), [[
+				}, null, 12, _hoisted_5$11), [[
 					vModelText,
 					model.value,
 					void 0,
@@ -1138,11 +1150,11 @@ var BaseSlider_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 			]);
 		};
 	}
-}), [["__scopeId", "data-v-7fa2769b"]]);
+}), [["__scopeId", "data-v-8f8ae87b"]]);
 //#endregion
 //#region src/components/NumberInput.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$42 = ["aria-label", "disabled"];
-var _hoisted_2$36 = [
+var _hoisted_1$45 = ["aria-label", "disabled"];
+var _hoisted_2$39 = [
 	"id",
 	"value",
 	"aria-valuenow",
@@ -1152,7 +1164,7 @@ var _hoisted_2$36 = [
 	"aria-describedby",
 	"disabled"
 ];
-var _hoisted_3$23 = ["aria-label", "disabled"];
+var _hoisted_3$26 = ["aria-label", "disabled"];
 //#endregion
 //#region src/components/NumberInput.vue
 var NumberInput_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
@@ -1255,7 +1267,7 @@ var NumberInput_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__
 					}, [createVNode(unref(Minus), {
 						class: "size-4",
 						"aria-hidden": "true"
-					})], 8, _hoisted_1$42),
+					})], 8, _hoisted_1$45),
 					createElementVNode("input", {
 						id,
 						value: draft.value,
@@ -1273,7 +1285,7 @@ var NumberInput_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__
 						onInput,
 						onBlur: commit,
 						onKeydown
-					}, null, 40, _hoisted_2$36),
+					}, null, 40, _hoisted_2$39),
 					createElementVNode("button", {
 						type: "button",
 						class: "rk-number-step focus-ring",
@@ -1284,7 +1296,7 @@ var NumberInput_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__
 					}, [createVNode(unref(Plus), {
 						class: "size-4",
 						"aria-hidden": "true"
-					})], 8, _hoisted_3$23)
+					})], 8, _hoisted_3$26)
 				], 2)]),
 				_: 1
 			}, 8, [
@@ -1299,7 +1311,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$41 = { class: "rk-slider-field" };
+var _hoisted_1$44 = { class: "rk-slider-field" };
 //#endregion
 //#region src/components/SliderField.vue
 var SliderField_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
@@ -1340,7 +1352,7 @@ var SliderField_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__
 			}
 		});
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", _hoisted_1$41, [createVNode(BaseSlider_default, {
+			return openBlock(), createElementBlock("div", _hoisted_1$44, [createVNode(BaseSlider_default, {
 				modelValue: model.value,
 				"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => model.value = $event),
 				label: __props.label,
@@ -1388,11 +1400,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$40 = {
+var _hoisted_1$43 = {
 	class: "rk-spin-wrap",
 	role: "status"
 };
-var _hoisted_2$35 = { class: "rk-spin-label" };
+var _hoisted_2$38 = { class: "rk-spin-label" };
 //#endregion
 //#region src/components/BaseSpinner.vue
 var BaseSpinner_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
@@ -1420,26 +1432,26 @@ var BaseSpinner_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__
 			lg: "2.5rem"
 		};
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("span", _hoisted_1$40, [createElementVNode("span", {
+			return openBlock(), createElementBlock("span", _hoisted_1$43, [createElementVNode("span", {
 				class: "rk-spin",
 				style: normalizeStyle({
 					width: SIZES[__props.size],
 					height: SIZES[__props.size]
 				}),
 				"aria-hidden": "true"
-			}, null, 4), createElementVNode("span", _hoisted_2$35, toDisplayString(__props.label), 1)]);
+			}, null, 4), createElementVNode("span", _hoisted_2$38, toDisplayString(__props.label), 1)]);
 		};
 	}
 }), [["__scopeId", "data-v-842da62c"]]);
 //#endregion
 //#region src/components/BaseSwitch.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$39 = { class: "flex items-center justify-between gap-4" };
-var _hoisted_2$34 = {
+var _hoisted_1$42 = { class: "flex items-center justify-between gap-4" };
+var _hoisted_2$37 = {
 	key: 0,
 	class: "min-w-0"
 };
-var _hoisted_3$22 = ["id"];
-var _hoisted_4$16 = [
+var _hoisted_3$25 = ["id"];
+var _hoisted_4$18 = [
 	"aria-checked",
 	"aria-labelledby",
 	"aria-label",
@@ -1478,10 +1490,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$39, [!__props.labelHidden ? (openBlock(), createElementBlock("span", _hoisted_2$34, [createElementVNode("span", {
+			return openBlock(), createElementBlock("div", _hoisted_1$42, [!__props.labelHidden ? (openBlock(), createElementBlock("span", _hoisted_2$37, [createElementVNode("span", {
 				id: unref(id),
 				class: "text-ink block text-sm"
-			}, toDisplayString(__props.label), 9, _hoisted_3$22), __props.hint ? (openBlock(), createElementBlock("span", {
+			}, toDisplayString(__props.label), 9, _hoisted_3$25), __props.hint ? (openBlock(), createElementBlock("span", {
 				key: 0,
 				id: hintId,
 				class: "text-ink-soft mt-0.5 block text-xs"
@@ -1498,16 +1510,16 @@ var BaseSwitch_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 			}, [..._cache[0] || (_cache[0] = [createElementVNode("span", {
 				class: "rk-switch-knob",
 				"aria-hidden": "true"
-			}, null, -1)])], 10, _hoisted_4$16)]);
+			}, null, -1)])], 10, _hoisted_4$18)]);
 		};
 	}
 }), [["__scopeId", "data-v-d90e1aa6"]]);
 //#endregion
 //#region src/components/BaseTable.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$38 = { class: "rk-table" };
-var _hoisted_2$33 = { key: 0 };
-var _hoisted_3$21 = { key: 1 };
-var _hoisted_4$15 = ["colspan"];
+var _hoisted_1$41 = { class: "rk-table" };
+var _hoisted_2$36 = { key: 0 };
+var _hoisted_3$24 = { key: 1 };
+var _hoisted_4$17 = ["colspan"];
 //#endregion
 //#region src/components/BaseTable.vue
 var BaseTable_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
@@ -1530,7 +1542,7 @@ var BaseTable_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
 				label: __props.caption,
 				class: "rk-table-scroll"
 			}, {
-				default: withCtx(() => [createElementVNode("table", _hoisted_1$38, [
+				default: withCtx(() => [createElementVNode("table", _hoisted_1$41, [
 					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", {
@@ -1539,7 +1551,7 @@ var BaseTable_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
 							class: normalizeClass([column.align && `is-${column.align}`, column.nowrap && "is-nowrap"])
 						}, 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) => {
+					__props.rows.length > 0 ? (openBlock(), createElementBlock("tbody", _hoisted_2$36, [(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,
@@ -1549,10 +1561,10 @@ var BaseTable_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
 								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", {
+					}), 128))])) : (openBlock(), createElementBlock("tbody", _hoisted_3$24, [createElementVNode("tr", null, [createElementVNode("td", {
 						colspan: __props.columns.length,
 						class: "rk-table-empty"
-					}, [renderSlot(_ctx.$slots, "empty", {}, void 0, true)], 8, _hoisted_4$15)])]))
+					}, [renderSlot(_ctx.$slots, "empty", {}, void 0, true)], 8, _hoisted_4$17)])]))
 				])]),
 				_: 3
 			}, 8, ["label"]);
@@ -1561,7 +1573,7 @@ var BaseTable_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
 }), [["__scopeId", "data-v-cc1197ef"]]);
 //#endregion
 //#region src/components/BaseTextarea.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$37 = [
+var _hoisted_1$40 = [
 	"id",
 	"rows",
 	"aria-invalid",
@@ -1607,7 +1619,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$37), [[vModelText, unref(model)]])]),
+				] }), null, 16, _hoisted_1$40), [[vModelText, unref(model)]])]),
 				_: 1
 			}, 8, [
 				"label",
@@ -1621,17 +1633,17 @@ var BaseTextarea_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/EmptyState.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$36 = { class: "flex flex-col items-center gap-3 px-6 py-10 text-center" };
-var _hoisted_2$32 = {
+var _hoisted_1$39 = { class: "flex flex-col items-center gap-3 px-6 py-10 text-center" };
+var _hoisted_2$35 = {
 	key: 0,
 	class: "bg-muted text-primary rounded-card flex size-12 items-center justify-center"
 };
-var _hoisted_3$20 = { class: "text-ink text-base font-semibold" };
-var _hoisted_4$14 = {
+var _hoisted_3$23 = { class: "text-ink text-base font-semibold" };
+var _hoisted_4$16 = {
 	key: 1,
 	class: "text-ink-soft max-w-[36ch] text-sm"
 };
-var _hoisted_5$9 = {
+var _hoisted_5$10 = {
 	key: 2,
 	class: "mt-2 flex w-full flex-col gap-2"
 };
@@ -1653,11 +1665,11 @@ var EmptyState_default = /* @__PURE__ */ defineComponent({
 		* goes — the button that creates the first one.
 		*/
 		return (_ctx, _cache) => {
-			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)
+			return openBlock(), createElementBlock("div", _hoisted_1$39, [
+				_ctx.$slots.icon ? (openBlock(), createElementBlock("div", _hoisted_2$35, [renderSlot(_ctx.$slots, "icon")])) : createCommentVNode("", true),
+				createElementVNode("h3", _hoisted_3$23, toDisplayString(__props.title), 1),
+				__props.description ? (openBlock(), createElementBlock("p", _hoisted_4$16, toDisplayString(__props.description), 1)) : createCommentVNode("", true),
+				_ctx.$slots.action ? (openBlock(), createElementBlock("div", _hoisted_5$10, [renderSlot(_ctx.$slots, "action")])) : createCommentVNode("", true)
 			]);
 		};
 	}
@@ -1724,11 +1736,11 @@ var PageContainer_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/PageHeader.vue?vue&type=script&setup=true&lang.ts
-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" };
+var _hoisted_1$38 = { class: "grid h-12 shrink-0 grid-cols-[2.5rem_1fr_2.5rem] items-center" };
+var _hoisted_2$34 = { class: "justify-self-start" };
+var _hoisted_3$22 = { class: "text-ink flex min-w-0 justify-center text-base font-semibold tabular-nums" };
+var _hoisted_4$15 = { class: "truncate" };
+var _hoisted_5$9 = { class: "justify-self-end" };
 //#endregion
 //#region src/components/PageHeader.vue
 var PageHeader_default = /* @__PURE__ */ defineComponent({
@@ -1745,17 +1757,17 @@ var PageHeader_default = /* @__PURE__ */ defineComponent({
 		* each other.
 		*/
 		return (_ctx, _cache) => {
-			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")])
+			return openBlock(), createElementBlock("header", _hoisted_1$38, [
+				createElementVNode("div", _hoisted_2$34, [renderSlot(_ctx.$slots, "left")]),
+				createElementVNode("h1", _hoisted_3$22, [renderSlot(_ctx.$slots, "title", {}, () => [createElementVNode("span", _hoisted_4$15, toDisplayString(__props.title), 1)])]),
+				createElementVNode("div", _hoisted_5$9, [renderSlot(_ctx.$slots, "right")])
 			]);
 		};
 	}
 });
 //#endregion
 //#region src/components/ProgressBar.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$34 = ["aria-valuenow", "aria-label"];
+var _hoisted_1$37 = ["aria-valuenow", "aria-label"];
 //#endregion
 //#region src/components/ProgressBar.vue
 var ProgressBar_default = /* @__PURE__ */ defineComponent({
@@ -1787,25 +1799,25 @@ 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$34);
+			}, null, 4)], 10, _hoisted_1$37);
 		};
 	}
 });
 //#endregion
 //#region src/components/PriceCard.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$33 = {
+var _hoisted_1$36 = {
 	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$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 = {
+var _hoisted_2$33 = { class: "flex items-start justify-between gap-4" };
+var _hoisted_3$21 = { class: "text-ink mt-5 text-lg font-semibold" };
+var _hoisted_4$14 = {
 	key: 1,
 	class: "text-ink-soft mt-1.5 text-sm leading-relaxed"
 };
-var _hoisted_5$7 = { class: "mt-6 flex items-baseline gap-1.5" };
-var _hoisted_6$6 = { class: "text-ink text-3xl font-semibold tracking-tight tabular-nums" };
-var _hoisted_7$3 = {
+var _hoisted_5$8 = { class: "mt-6 flex items-baseline gap-1.5" };
+var _hoisted_6$7 = { class: "text-ink text-3xl font-semibold tracking-tight tabular-nums" };
+var _hoisted_7$4 = {
 	key: 0,
 	class: "text-ink-soft text-sm"
 };
@@ -1868,17 +1880,17 @@ 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$33, toDisplayString(__props.badge), 1)) : createCommentVNode("", true),
-				createElementVNode("div", _hoisted_2$30, [_ctx.$slots.icon ? (openBlock(), createElementBlock("span", {
+				__props.badge && __props.recommended ? (openBlock(), createElementBlock("span", _hoisted_1$36, toDisplayString(__props.badge), 1)) : createCommentVNode("", true),
+				createElementVNode("div", _hoisted_2$33, [_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$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)]),
+				createElementVNode("h3", _hoisted_3$21, toDisplayString(__props.name), 1),
+				__props.lead ? (openBlock(), createElementBlock("p", _hoisted_4$14, toDisplayString(__props.lead), 1)) : createCommentVNode("", true),
+				createElementVNode("p", _hoisted_5$8, [createElementVNode("span", _hoisted_6$7, toDisplayString(__props.price), 1), __props.period ? (openBlock(), createElementBlock("span", _hoisted_7$4, toDisplayString(__props.period), 1)) : createCommentVNode("", true)]),
 				__props.note ? (openBlock(), createElementBlock("p", _hoisted_8$2, toDisplayString(__props.note), 1)) : createCommentVNode("", true),
 				createElementVNode("ul", _hoisted_9$2, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.features, (feature) => {
 					return openBlock(), createElementBlock("li", {
@@ -1893,8 +1905,8 @@ var PriceCard_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/ToneDot.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$32 = { class: "inline-flex items-center gap-1.5" };
-var _hoisted_2$29 = {
+var _hoisted_1$35 = { class: "inline-flex items-center gap-1.5" };
+var _hoisted_2$32 = {
 	key: 0,
 	class: "text-ink-soft text-xs font-medium"
 };
@@ -1915,13 +1927,13 @@ var ToneDot_default = /* @__PURE__ */ defineComponent({
 		* priorities — without this component knowing about any of them.
 		*/
 		return (_ctx, _cache) => {
-			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)]);
+			return openBlock(), createElementBlock("span", _hoisted_1$35, [createElementVNode("span", { class: normalizeClass(["size-2 rounded-full", __props.fill]) }, null, 2), __props.label ? (openBlock(), createElementBlock("span", _hoisted_2$32, toDisplayString(__props.label), 1)) : createCommentVNode("", true)]);
 		};
 	}
 });
 //#endregion
 //#region src/components/SectionHeading.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$31 = {
+var _hoisted_1$34 = {
 	key: 0,
 	class: "text-ink-soft text-xs tabular-nums"
 };
@@ -1939,15 +1951,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$31, toDisplayString(__props.count), 1)) : createCommentVNode("", true)
+				__props.count > 0 ? (openBlock(), createElementBlock("span", _hoisted_1$34, toDisplayString(__props.count), 1)) : createCommentVNode("", true)
 			], 2);
 		};
 	}
 });
 //#endregion
 //#region src/components/SegmentedControl.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$30 = { class: "bg-muted rounded-card flex w-full gap-1 p-1" };
-var _hoisted_2$28 = ["value", "name"];
+var _hoisted_1$33 = { class: "bg-muted rounded-card flex w-full gap-1 p-1" };
+var _hoisted_2$31 = ["value", "name"];
 //#endregion
 //#region src/components/SegmentedControl.vue
 var SegmentedControl_default = /* @__PURE__ */ defineComponent({
@@ -1961,7 +1973,7 @@ var SegmentedControl_default = /* @__PURE__ */ defineComponent({
 		const model = useModel(__props, "modelValue");
 		const name = useId();
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", _hoisted_1$30, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.options, (option) => {
+			return openBlock(), createElementBlock("div", _hoisted_1$33, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.options, (option) => {
 				return openBlock(), createElementBlock("label", {
 					key: String(option.value),
 					class: "flex-1 cursor-pointer"
@@ -1971,18 +1983,18 @@ var SegmentedControl_default = /* @__PURE__ */ defineComponent({
 					value: option.value,
 					name: unref(name),
 					class: "peer sr-only"
-				}, 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)]);
+				}, null, 8, _hoisted_2$31), [[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$29 = {
+var _hoisted_1$32 = {
 	role: "status",
 	class: "flex flex-col gap-1"
 };
-var _hoisted_2$27 = { class: "sr-only" };
+var _hoisted_2$30 = { class: "sr-only" };
 //#endregion
 //#region src/components/SkeletonList.vue
 var SkeletonList_default = /* @__PURE__ */ defineComponent({
@@ -1996,7 +2008,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$29, [createElementVNode("span", _hoisted_2$27, toDisplayString(__props.label), 1), (openBlock(true), createElementBlock(Fragment, null, renderList(__props.rows, (row) => {
+			return openBlock(), createElementBlock("div", _hoisted_1$32, [createElementVNode("span", _hoisted_2$30, 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]),
@@ -2009,10 +2021,10 @@ var SkeletonList_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/StatCard.vue?vue&type=script&setup=true&lang.ts
-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" };
+var _hoisted_1$31 = { class: "surface rounded-card flex flex-1 flex-col gap-0.5 p-3" };
+var _hoisted_2$29 = { class: "flex items-baseline gap-1" };
+var _hoisted_3$20 = { class: "text-ink text-xl font-semibold tabular-nums" };
+var _hoisted_4$13 = { class: "text-ink-soft text-xs" };
 //#endregion
 //#region src/components/StatCard.vue
 var StatCard_default = /* @__PURE__ */ defineComponent({
@@ -2029,22 +2041,22 @@ var StatCard_default = /* @__PURE__ */ defineComponent({
 			flat: ArrowRight
 		};
 		return (_ctx, _cache) => {
-			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]), {
+			return openBlock(), createElementBlock("div", _hoisted_1$31, [createElementVNode("div", _hoisted_2$29, [createElementVNode("span", _hoisted_3$20, 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)]);
+			})) : createCommentVNode("", true)]), createElementVNode("span", _hoisted_4$13, toDisplayString(__props.label), 1)]);
 		};
 	}
 });
 //#endregion
 //#region src/components/ToastHost.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$27 = [
+var _hoisted_1$30 = [
 	"onMouseenter",
 	"onMouseleave",
 	"onFocusin",
 	"onFocusout"
 ];
-var _hoisted_2$25 = { class: "flex-1 text-sm leading-snug" };
+var _hoisted_2$28 = { class: "flex-1 text-sm leading-snug" };
 //#endregion
 //#region src/components/ToastHost.vue
 var ToastHost_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
@@ -2105,7 +2117,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$25, toDisplayString(toast.message), 1),
+						createElementVNode("p", _hoisted_2$28, toDisplayString(toast.message), 1),
 						toast.action ? (openBlock(), createBlock(BaseButton_default, {
 							key: 0,
 							variant: "link",
@@ -2128,7 +2140,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$27);
+					], 40, _hoisted_1$30);
 				}), 128))]),
 				_: 1
 			})], 2)])) : createCommentVNode("", true);
@@ -2137,8 +2149,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$26 = ["aria-label"];
-var _hoisted_2$24 = [
+var _hoisted_1$29 = ["aria-label"];
+var _hoisted_2$27 = [
 	"lang",
 	"aria-pressed",
 	"onClick"
@@ -2182,17 +2194,17 @@ 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$24);
-			}), 128))], 8, _hoisted_1$26);
+				}, toDisplayString(__props.labels[locale]), 11, _hoisted_2$27);
+			}), 128))], 8, _hoisted_1$29);
 		};
 	}
 });
 //#endregion
 //#region src/components/TabBar.vue?vue&type=script&setup=true&lang.ts
-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" };
+var _hoisted_1$28 = { class: "tab-bar" };
+var _hoisted_2$26 = ["aria-label"];
+var _hoisted_3$19 = { class: "tab-icon-slot" };
+var _hoisted_4$12 = { class: "tab-label" };
 //#endregion
 //#region src/components/TabBar.vue
 var TabBar_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
@@ -2204,7 +2216,7 @@ var TabBar_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 	},
 	setup(__props) {
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("header", _hoisted_1$25, [createElementVNode("nav", {
+			return openBlock(), createElementBlock("header", _hoisted_1$28, [createElementVNode("nav", {
 				class: "tab-bar-inner",
 				"aria-label": __props.label || void 0
 			}, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.items, (item) => {
@@ -2215,28 +2227,28 @@ 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$16, [(openBlock(), createBlock(resolveDynamicComponent(item.icon), { class: "tab-icon" }))]), createElementVNode("span", _hoisted_4$10, toDisplayString(item.label), 1)]),
+					default: withCtx(() => [createElementVNode("span", _hoisted_3$19, [(openBlock(), createBlock(resolveDynamicComponent(item.icon), { class: "tab-icon" }))]), createElementVNode("span", _hoisted_4$12, toDisplayString(item.label), 1)]),
 					_: 2
 				}, 1032, [
 					"to",
 					"class",
 					"aria-current"
 				]);
-			}), 128))], 8, _hoisted_2$23)]);
+			}), 128))], 8, _hoisted_2$26)]);
 		};
 	}
 }), [["__scopeId", "data-v-a76891c4"]]);
 //#endregion
 //#region src/components/ActivityGrid.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$24 = ["aria-label"];
-var _hoisted_2$22 = ["colspan"];
-var _hoisted_3$15 = {
+var _hoisted_1$27 = ["aria-label"];
+var _hoisted_2$25 = ["colspan"];
+var _hoisted_3$18 = {
 	scope: "row",
 	class: "rk-activity-weekday"
 };
-var _hoisted_4$9 = { class: "sr-only" };
-var _hoisted_5$6 = ["tabindex", "aria-label"];
-var _hoisted_6$5 = {
+var _hoisted_4$11 = { class: "sr-only" };
+var _hoisted_5$7 = ["tabindex", "aria-label"];
+var _hoisted_6$6 = {
 	key: 1,
 	class: "rk-activity-cell is-blank",
 	"aria-hidden": "true"
@@ -2346,12 +2358,9 @@ var ActivityGrid_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
 					moveTo(focused.value + 1);
 					break;
 				case "ArrowLeft":
-					event.preventDefault();
-					step(-1);
-					break;
 				case "ArrowRight":
 					event.preventDefault();
-					step(1);
+					step(horizontalStep(event.key, event.currentTarget));
 					break;
 				case "Home":
 					event.preventDefault();
@@ -2374,45 +2383,236 @@ var ActivityGrid_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
 			choose(day);
 		}
 		onMounted(() => {
-			if (__props.startAtEnd && scroller.value) scroller.value.scrollLeft = scroller.value.scrollWidth;
+			if (!__props.startAtEnd) return;
+			const element = scroller.value?.viewport;
+			if (!element) return;
+			element.scrollLeft = elementDirection(element) === "rtl" ? -element.scrollWidth : element.scrollWidth;
 		});
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", {
+			return openBlock(), createBlock(ScrollArea_default, {
 				ref_key: "scroller",
 				ref: scroller,
-				class: "rk-activity no-scrollbar"
-			}, [createElementVNode("table", {
-				ref_key: "grid",
-				ref: grid,
-				class: "rk-activity-table",
-				"aria-label": __props.label,
-				onKeydown,
-				onClick
-			}, [createElementVNode("thead", null, [createElementVNode("tr", null, [_cache[0] || (_cache[0] = createElementVNode("td", { class: "rk-activity-corner" }, null, -1)), (openBlock(true), createElementBlock(Fragment, null, renderList(months.value, (month) => {
-				return openBlock(), createElementBlock("th", {
-					key: month.key,
-					colspan: month.span,
-					scope: "colgroup"
-				}, 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$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"
-					}, { ref_for: true }, dayAttrs(week[row]), {
-						tabindex: cells.value[focused.value]?.day === week[row] ? 0 : -1,
-						"aria-label": __props.dayLabel(week[row]),
-						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$24)], 512);
+				axis: "x",
+				scrollbar: "hidden",
+				label: __props.label,
+				class: "rk-activity"
+			}, {
+				default: withCtx(() => [createElementVNode("table", {
+					ref_key: "grid",
+					ref: grid,
+					class: "rk-activity-table",
+					"aria-label": __props.label,
+					onKeydown,
+					onClick
+				}, [createElementVNode("thead", null, [createElementVNode("tr", null, [_cache[0] || (_cache[0] = createElementVNode("td", { class: "rk-activity-corner" }, null, -1)), (openBlock(true), createElementBlock(Fragment, null, renderList(months.value, (month) => {
+					return openBlock(), createElementBlock("th", {
+						key: month.key,
+						colspan: month.span,
+						scope: "colgroup"
+					}, toDisplayString(month.label), 9, _hoisted_2$25);
+				}), 128))])]), createElementVNode("tbody", null, [(openBlock(true), createElementBlock(Fragment, null, renderList(weekdays.value, (weekday, row) => {
+					return openBlock(), createElementBlock("tr", { key: weekday }, [createElementVNode("th", _hoisted_3$18, [createElementVNode("span", _hoisted_4$11, 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"
+						}, { ref_for: true }, dayAttrs(week[row]), {
+							tabindex: cells.value[focused.value]?.day === week[row] ? 0 : -1,
+							"aria-label": __props.dayLabel(week[row]),
+							class: [__props.levelFor(week[row]), { "is-pickable": __props.isSelectable?.(week[row]) }]
+						}), null, 16, _hoisted_5$7)) : (openBlock(), createElementBlock("td", _hoisted_6$6))], 64);
+					}), 128))]);
+				}), 128))])], 40, _hoisted_1$27)]),
+				_: 1
+			}, 8, ["label"]);
+		};
+	}
+}), [["__scopeId", "data-v-766e5244"]]);
+//#endregion
+//#region src/components/BarChart.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$26 = { class: "sr-only" };
+var _hoisted_2$24 = {
+	scope: "row",
+	class: "rk-bars-label"
+};
+var _hoisted_3$17 = { class: "rk-bars-track" };
+var _hoisted_4$10 = { class: "rk-bars-value" };
+//#endregion
+//#region src/components/BarChart.vue
+var BarChart_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	__name: "BarChart",
+	props: {
+		series: {},
+		label: {},
+		valueLabel: { type: Function },
+		fill: {
+			type: Function,
+			default: () => "bg-primary"
+		},
+		max: { default: () => void 0 },
+		animate: {
+			type: Boolean,
+			default: true
+		}
+	},
+	setup(__props) {
+		const root = useTemplateRef("root");
+		const grown = ref(!__props.animate);
+		let stopWatching;
+		onMounted(() => {
+			if (grown.value || !root.value) return;
+			stopWatching = watchVisibility(root.value, (visible) => {
+				if (!visible) return;
+				grown.value = true;
+				stopWatching?.();
+			});
+		});
+		onBeforeUnmount(() => stopWatching?.());
+		const ceiling = computed(() => {
+			const largest = Math.max(0, ...__props.series.map((item) => item.value));
+			return Math.max(__props.max ?? largest, Number.EPSILON);
+		});
+		const rows = computed(() => __props.series.map((item, index) => ({
+			item,
+			index,
+			width: `${Math.min(100, Math.max(0, item.value / ceiling.value * 100))}%`,
+			fill: __props.fill(item, index)
+		})));
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("table", {
+				ref_key: "root",
+				ref: root,
+				class: "rk-bars"
+			}, [createElementVNode("caption", _hoisted_1$26, toDisplayString(__props.label), 1), createElementVNode("tbody", null, [(openBlock(true), createElementBlock(Fragment, null, renderList(rows.value, (row) => {
+				return openBlock(), createElementBlock("tr", {
+					key: row.item.key,
+					class: "rk-bars-row"
+				}, [
+					createElementVNode("th", _hoisted_2$24, toDisplayString(row.item.label), 1),
+					createElementVNode("td", _hoisted_3$17, [createElementVNode("span", {
+						class: normalizeClass(["rk-bars-fill", row.fill]),
+						style: normalizeStyle({ width: grown.value ? row.width : "0%" }),
+						"aria-hidden": "true"
+					}, null, 6)]),
+					createElementVNode("td", _hoisted_4$10, [renderSlot(_ctx.$slots, "value", {
+						item: row.item,
+						index: row.index
+					}, () => [createTextVNode(toDisplayString(__props.valueLabel(row.item.value, row.item)), 1)], true)])
+				]);
+			}), 128))])], 512);
+		};
+	}
+}), [["__scopeId", "data-v-12682ed6"]]);
+//#endregion
+//#region src/components/DonutChart.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$25 = { class: "rk-donut" };
+var _hoisted_2$23 = {
+	class: "rk-donut-ring",
+	viewBox: "0 0 40 40",
+	"aria-hidden": "true"
+};
+var _hoisted_3$16 = { transform: "rotate(-90 20 20)" };
+var _hoisted_4$9 = [
+	"stroke-width",
+	"stroke-dasharray",
+	"stroke-dashoffset"
+];
+var _hoisted_5$6 = ["aria-label"];
+var _hoisted_6$5 = { class: "rk-donut-name" };
+var _hoisted_7$3 = { class: "rk-donut-value" };
+/**
+* Parts of a whole.
+*
+* ## Not for comparing things
+*
+* This is the chart people reach for when they mean the other one. Judging
+* the difference between two angles is measurably harder than judging the
+* difference between two lengths, so six values that need ranking belong in
+* a `BarChart` and not here. Reach for this when the point is that the
+* slices *add up* — where a budget went, what a bundle is made of — and
+* when there are few enough slices to tell apart.
+*
+* ## The legend is the chart
+*
+* The ring is `aria-hidden`, and every slice's name and value is real text
+* beside it. Same decision as `BarChart`'s table: the description of a
+* chart is not a sentence somebody writes once and forgets to update, it
+* is the data, rendered.
+*
+* ## The colours are yours
+*
+* `fill` returns a class per slice, like `ToneDot`'s and `ActivityGrid`'s
+* `levelFor`. It is required here rather than defaulted: a ring whose
+* slices are all one colour is not a chart, so there is no sensible
+* default to give it.
+*/
+var CIRCUMFERENCE = 100;
+//#endregion
+//#region src/components/DonutChart.vue
+var DonutChart_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	__name: "DonutChart",
+	props: {
+		slices: {},
+		label: {},
+		valueLabel: { type: Function },
+		fill: { type: Function },
+		thickness: { default: 14 }
+	},
+	setup(__props) {
+		const RADIUS = CIRCUMFERENCE / (2 * Math.PI);
+		const total = computed(() => __props.slices.reduce((sum, slice) => sum + Math.max(0, slice.value), 0));
+		const arcs = computed(() => {
+			let travelled = 0;
+			return __props.slices.map((item, index) => {
+				const share = total.value === 0 ? 0 : Math.max(0, item.value) / total.value * CIRCUMFERENCE;
+				const offset = -travelled;
+				travelled += share;
+				return {
+					item,
+					index,
+					share,
+					offset,
+					percent: total.value === 0 ? 0 : item.value / total.value * 100,
+					fill: __props.fill(item, index)
+				};
+			});
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", _hoisted_1$25, [(openBlock(), createElementBlock("svg", _hoisted_2$23, [createElementVNode("g", _hoisted_3$16, [(openBlock(true), createElementBlock(Fragment, null, renderList(arcs.value, (arc) => {
+				return openBlock(), createElementBlock("circle", {
+					key: arc.item.key,
+					class: normalizeClass(arc.fill),
+					cx: "20",
+					cy: "20",
+					r: RADIUS,
+					fill: "none",
+					stroke: "currentColor",
+					"stroke-width": __props.thickness / 100 * RADIUS * 2,
+					"stroke-dasharray": `${arc.share} ${CIRCUMFERENCE - arc.share}`,
+					"stroke-dashoffset": arc.offset
+				}, null, 10, _hoisted_4$9);
+			}), 128))])])), createElementVNode("ul", {
+				class: "rk-donut-legend",
+				"aria-label": __props.label
+			}, [(openBlock(true), createElementBlock(Fragment, null, renderList(arcs.value, (arc) => {
+				return openBlock(), createElementBlock("li", {
+					key: arc.item.key,
+					class: "rk-donut-item"
+				}, [
+					createElementVNode("span", {
+						class: normalizeClass(["rk-donut-swatch", arc.fill]),
+						"aria-hidden": "true"
+					}, null, 2),
+					createElementVNode("span", _hoisted_6$5, toDisplayString(arc.item.label), 1),
+					createElementVNode("span", _hoisted_7$3, toDisplayString(__props.valueLabel(arc.item.value, arc.item)), 1)
+				]);
+			}), 128))], 8, _hoisted_5$6)]);
 		};
 	}
-}), [["__scopeId", "data-v-9f622328"]]);
+}), [["__scopeId", "data-v-4ee6aaa6"]]);
 //#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"];
+var _hoisted_1$24 = ["aria-label"];
+var _hoisted_2$22 = ["aria-setsize", "aria-posinset"];
 //#endregion
 //#region src/components/VirtualList.vue
 var VirtualList_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
@@ -2442,6 +2642,16 @@ var VirtualList_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__
 		}
 		onMounted(measure);
 		watch(() => __props.items.length, measure);
+		let observer = null;
+		watchEffect(() => {
+			observer?.disconnect();
+			observer = null;
+			const element = area.value?.viewport;
+			if (!element || typeof ResizeObserver === "undefined") return;
+			observer = new ResizeObserver(measure);
+			observer.observe(element);
+		});
+		onScopeDispose(() => observer?.disconnect());
 		/** Scrolls a row into view by its index, for an app driving the list itself. */
 		function scrollToIndex(index) {
 			const element = area.value?.viewport;
@@ -2480,14 +2690,14 @@ var VirtualList_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__
 						}, [renderSlot(_ctx.$slots, "default", {
 							item: row.item,
 							index: row.index
-						}, void 0, true)], 12, _hoisted_2$21);
+						}, void 0, true)], 12, _hoisted_2$22);
 					}), 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)]),
+				], 8, _hoisted_1$24)]),
 				_: 3
 			}, 8, [
 				"label",
@@ -2496,16 +2706,16 @@ var VirtualList_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__
 			]);
 		};
 	}
-}), [["__scopeId", "data-v-936ed40c"]]);
+}), [["__scopeId", "data-v-5fea77fd"]]);
 //#endregion
 //#region src/components/AnnounceHost.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$22 = { class: "rk-announcer" };
-var _hoisted_2$20 = {
+var _hoisted_1$23 = { class: "rk-announcer" };
+var _hoisted_2$21 = {
 	role: "status",
 	"aria-live": "polite",
 	"aria-atomic": "true"
 };
-var _hoisted_3$14 = {
+var _hoisted_3$15 = {
 	role: "alert",
 	"aria-live": "assertive",
 	"aria-atomic": "true"
@@ -2517,15 +2727,15 @@ var AnnounceHost_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
 	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)]);
+			return openBlock(), createElementBlock("div", _hoisted_1$23, [createElementVNode("p", _hoisted_2$21, toDisplayString(unref(polite)), 1), createElementVNode("p", _hoisted_3$15, 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"];
+var _hoisted_1$22 = { class: "rk-errsum-title" };
+var _hoisted_2$20 = { class: "rk-errsum-list" };
+var _hoisted_3$14 = ["href", "onClick"];
 //#endregion
 //#region src/components/ErrorSummary.vue
 var ErrorSummary_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
@@ -2570,62 +2780,20 @@ var ErrorSummary_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
 				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) => {
+			}, [createElementVNode("p", _hoisted_1$22, toDisplayString(__props.title), 1), createElementVNode("ul", _hoisted_2$20, [(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)]);
+				}, toDisplayString(__props.labelFor(item.field)) + ": " + toDisplayString(item.message), 9, _hoisted_3$14)]);
 			}), 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 = {
+var _hoisted_1$21 = ["aria-label"];
+var _hoisted_2$19 = {
 	key: 0,
 	class: "rk-stack-item rk-stack-rest",
 	"aria-hidden": "true"
@@ -2663,15 +2831,15 @@ var AvatarStack_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__
 					"src",
 					"size"
 				])]);
-			}), 128)), rest.value ? (openBlock(), createElementBlock("span", _hoisted_2$18, "+" + toDisplayString(rest.value), 1)) : createCommentVNode("", true)], 10, _hoisted_1$20);
+			}), 128)), rest.value ? (openBlock(), createElementBlock("span", _hoisted_2$19, "+" + toDisplayString(rest.value), 1)) : createCommentVNode("", true)], 10, _hoisted_1$21);
 		};
 	}
 }), [["__scopeId", "data-v-1f87913c"]]);
 //#endregion
 //#region src/components/BaseCalendar.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$19 = { class: "rk-cal" };
-var _hoisted_2$17 = { class: "rk-cal-head" };
-var _hoisted_3$12 = ["aria-label"];
+var _hoisted_1$20 = { class: "rk-cal" };
+var _hoisted_2$18 = { class: "rk-cal-head" };
+var _hoisted_3$13 = ["aria-label"];
 var _hoisted_4$8 = ["aria-expanded"];
 var _hoisted_5$5 = ["aria-label"];
 var _hoisted_6$4 = {
@@ -2829,16 +2997,18 @@ var BaseCalendar_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
 			return toDateKey(date);
 		}
 		function onKeydown(event) {
+			const key = event.key;
+			const along = horizontalStep(key, event.currentTarget);
 			const next = {
-				ArrowLeft: () => addDays(focused.value, -1),
-				ArrowRight: () => addDays(focused.value, 1),
+				ArrowLeft: () => addDays(focused.value, along),
+				ArrowRight: () => addDays(focused.value, along),
 				ArrowUp: () => addDays(focused.value, -7),
 				ArrowDown: () => addDays(focused.value, 7),
 				Home: () => addDays(focused.value, -((fromDateKey(focused.value).getDay() - __props.weekStartsOn + 7) % 7)),
 				End: () => addDays(focused.value, 6 - (fromDateKey(focused.value).getDay() - __props.weekStartsOn + 7) % 7),
 				PageUp: () => shiftMonths(event.shiftKey ? -12 : -1),
 				PageDown: () => shiftMonths(event.shiftKey ? 12 : 1)
-			}[event.key];
+			}[key];
 			if (!next) return;
 			event.preventDefault();
 			moveTo(next());
@@ -2866,8 +3036,8 @@ var BaseCalendar_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
 			if (next) focused.value = next;
 		});
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", _hoisted_1$19, [
-				createElementVNode("div", _hoisted_2$17, [
+			return openBlock(), createElementBlock("div", _hoisted_1$20, [
+				createElementVNode("div", _hoisted_2$18, [
 					createElementVNode("button", {
 						type: "button",
 						class: "rk-cal-arrow focus-ring",
@@ -2876,7 +3046,7 @@ var BaseCalendar_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
 					}, [createVNode(unref(ChevronLeft), {
 						class: "size-4",
 						"aria-hidden": "true"
-					})], 8, _hoisted_3$12),
+					})], 8, _hoisted_3$13),
 					createElementVNode("button", {
 						type: "button",
 						class: "rk-cal-title focus-ring",
@@ -2946,11 +3116,11 @@ var BaseCalendar_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
 			]);
 		};
 	}
-}), [["__scopeId", "data-v-30197a85"]]);
+}), [["__scopeId", "data-v-d682f18a"]]);
 //#endregion
 //#region src/components/BaseChip.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$18 = { class: "truncate" };
-var _hoisted_2$16 = ["aria-label", "disabled"];
+var _hoisted_1$19 = { class: "truncate" };
+var _hoisted_2$17 = ["aria-label", "disabled"];
 //#endregion
 //#region src/components/BaseChip.vue
 var BaseChip_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
@@ -2987,7 +3157,7 @@ var BaseChip_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 					key: 0,
 					class: "size-3.5 shrink-0",
 					"aria-hidden": "true"
-				})) : createCommentVNode("", true), createElementVNode("span", _hoisted_1$18, toDisplayString(__props.label), 1)]),
+				})) : createCommentVNode("", true), createElementVNode("span", _hoisted_1$19, toDisplayString(__props.label), 1)]),
 				_: 1
 			}, 8, [
 				"type",
@@ -3004,18 +3174,18 @@ var BaseChip_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 			}, [createVNode(unref(X), {
 				class: "size-3",
 				"aria-hidden": "true"
-			})], 8, _hoisted_2$16)) : createCommentVNode("", true)], 2);
+			})], 8, _hoisted_2$17)) : createCommentVNode("", true)], 2);
 		};
 	}
 }), [["__scopeId", "data-v-c94a820d"]]);
 //#endregion
 //#region src/components/BaseKbd.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$17 = {
+var _hoisted_1$18 = {
 	key: 0,
 	class: "rk-kbd-joiner",
 	"aria-hidden": "true"
 };
-var _hoisted_2$15 = { class: "rk-kbd-key control" };
+var _hoisted_2$16 = { class: "rk-kbd-key control" };
 //#endregion
 //#region src/components/BaseKbd.vue
 var BaseKbd_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
@@ -3029,7 +3199,7 @@ var BaseKbd_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE
 		const list = computed(() => typeof __props.keys === "string" ? [__props.keys] : __props.keys);
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("span", { class: normalizeClass(["rk-kbd", `is-${__props.size}`]) }, [(openBlock(true), createElementBlock(Fragment, null, renderList(list.value, (key, index) => {
-				return openBlock(), createElementBlock(Fragment, { key }, [index > 0 && __props.joiner ? (openBlock(), createElementBlock("span", _hoisted_1$17, toDisplayString(__props.joiner), 1)) : createCommentVNode("", true), createElementVNode("kbd", _hoisted_2$15, toDisplayString(key), 1)], 64);
+				return openBlock(), createElementBlock(Fragment, { key }, [index > 0 && __props.joiner ? (openBlock(), createElementBlock("span", _hoisted_1$18, toDisplayString(__props.joiner), 1)) : createCommentVNode("", true), createElementVNode("kbd", _hoisted_2$16, toDisplayString(key), 1)], 64);
 			}), 128))], 2);
 		};
 	}
@@ -3068,7 +3238,7 @@ var BaseLink_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 }), [["__scopeId", "data-v-88581007"]]);
 //#endregion
 //#region src/components/BaseRating.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$16 = [
+var _hoisted_1$17 = [
 	"role",
 	"aria-label",
 	"tabindex",
@@ -3077,7 +3247,7 @@ var _hoisted_1$16 = [
 	"aria-valuemax",
 	"aria-valuetext"
 ];
-var _hoisted_2$14 = ["onClick", "onPointerenter"];
+var _hoisted_2$15 = ["onClick", "onPointerenter"];
 //#endregion
 //#region src/components/BaseRating.vue
 var BaseRating_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
@@ -3111,10 +3281,11 @@ var BaseRating_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 			model.value = __props.allowClear && model.value === value ? 0 : value;
 		}
 		function onKeydown(event) {
+			const along = horizontalStep(event.key, event.currentTarget);
 			const next = {
-				ArrowRight: model.value + 1,
+				ArrowRight: model.value + along,
+				ArrowLeft: model.value + along,
 				ArrowUp: model.value + 1,
-				ArrowLeft: model.value - 1,
 				ArrowDown: model.value - 1,
 				Home: 0,
 				End: __props.max
@@ -3142,15 +3313,15 @@ var BaseRating_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 					"aria-hidden": "true",
 					onClick: ($event) => __props.readonly ? void 0 : pick(star),
 					onPointerenter: ($event) => __props.readonly ? void 0 : hovered.value = star
-				}, [createVNode(unref(Star), { class: "rk-rating-icon" })], 42, _hoisted_2$14);
-			}), 128))], 42, _hoisted_1$16);
+				}, [createVNode(unref(Star), { class: "rk-rating-icon" })], 42, _hoisted_2$15);
+			}), 128))], 42, _hoisted_1$17);
 		};
 	}
-}), [["__scopeId", "data-v-3118ad6b"]]);
+}), [["__scopeId", "data-v-b7334b78"]]);
 //#endregion
 //#region src/components/BaseSeparator.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$15 = { class: "rk-sep-label" };
-var _hoisted_2$13 = ["aria-orientation"];
+var _hoisted_1$16 = { class: "rk-sep-label" };
+var _hoisted_2$14 = ["aria-orientation"];
 //#endregion
 //#region src/components/BaseSeparator.vue
 var BaseSeparator_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
@@ -3178,28 +3349,28 @@ var BaseSeparator_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @
 				"aria-hidden": "true"
 			}, [
 				_cache[0] || (_cache[0] = createElementVNode("span", { class: "rk-sep-line" }, null, -1)),
-				createElementVNode("span", _hoisted_1$15, toDisplayString(__props.label), 1),
+				createElementVNode("span", _hoisted_1$16, toDisplayString(__props.label), 1),
 				_cache[1] || (_cache[1] = createElementVNode("span", { class: "rk-sep-line" }, null, -1))
 			], 2)) : (openBlock(), createElementBlock("div", {
 				key: 1,
 				class: normalizeClass(["rk-sep", [`is-${__props.orientation}`, `space-${__props.spacing}`]]),
 				role: "separator",
 				"aria-orientation": __props.orientation
-			}, null, 10, _hoisted_2$13));
+			}, null, 10, _hoisted_2$14));
 		};
 	}
 }), [["__scopeId", "data-v-9f8cc9aa"]]);
 //#endregion
 //#region src/components/ColorPicker.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$14 = { class: "rk-color-row" };
-var _hoisted_2$12 = [
+var _hoisted_1$15 = { class: "rk-color-row" };
+var _hoisted_2$13 = [
 	"id",
 	"value",
 	"disabled",
 	"aria-describedby",
 	"aria-invalid"
 ];
-var _hoisted_3$11 = [
+var _hoisted_3$12 = [
 	"aria-label",
 	"disabled",
 	"onKeydown"
@@ -3282,7 +3453,7 @@ var ColorPicker_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__
 				"label-hidden": __props.labelHidden,
 				class: "rk-color"
 			}, {
-				default: withCtx(({ id, describedBy, invalid }) => [createElementVNode("div", _hoisted_1$14, [
+				default: withCtx(({ id, describedBy, invalid }) => [createElementVNode("div", _hoisted_1$15, [
 					createElementVNode("span", {
 						class: "rk-color-well",
 						style: normalizeStyle(current.value ? { "--rk-color": current.value } : void 0)
@@ -3295,7 +3466,7 @@ var ColorPicker_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__
 						"aria-describedby": describedBy,
 						"aria-invalid": invalid,
 						onInput: _cache[0] || (_cache[0] = ($event) => set($event.target.value))
-					}, null, 40, _hoisted_2$12)], 4),
+					}, null, 40, _hoisted_2$13)], 4),
 					__props.hexLabel ? withDirectives((openBlock(), createElementBlock("input", {
 						key: 0,
 						"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => draft.value = $event),
@@ -3307,7 +3478,7 @@ var ColorPicker_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__
 						disabled: __props.disabled,
 						onBlur: commit,
 						onKeydown: withKeys(withModifiers(commit, ["prevent"]), ["enter"])
-					}, null, 40, _hoisted_3$11)), [[vModelText, draft.value]]) : createCommentVNode("", true),
+					}, null, 40, _hoisted_3$12)), [[vModelText, draft.value]]) : createCommentVNode("", true),
 					__props.swatches.length > 0 ? (openBlock(), createElementBlock("ul", _hoisted_4$7, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.swatches, (swatch) => {
 						return openBlock(), createElementBlock("li", { key: swatch.value }, [createElementVNode("button", {
 							type: "button",
@@ -3332,9 +3503,9 @@ var ColorPicker_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__
 }), [["__scopeId", "data-v-5ca23aa9"]]);
 //#endregion
 //#region src/components/CopyButton.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$13 = ["aria-label"];
-var _hoisted_2$11 = { key: 2 };
-var _hoisted_3$10 = {
+var _hoisted_1$14 = ["aria-label"];
+var _hoisted_2$12 = { key: 2 };
+var _hoisted_3$11 = {
 	class: "sr-only",
 	role: "status",
 	"aria-live": "polite"
@@ -3392,23 +3563,23 @@ var CopyButton_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 					class: "size-4 shrink-0",
 					"aria-hidden": "true"
 				})),
-				__props.withText ? (openBlock(), createElementBlock("span", _hoisted_2$11, toDisplayString(state.value === "copied" ? __props.copiedLabel : __props.copyLabel), 1)) : createCommentVNode("", true),
-				createElementVNode("span", _hoisted_3$10, toDisplayString(state.value === "copied" ? __props.copiedLabel : state.value === "failed" ? __props.errorLabel ?? "" : ""), 1)
-			], 10, _hoisted_1$13);
+				__props.withText ? (openBlock(), createElementBlock("span", _hoisted_2$12, toDisplayString(state.value === "copied" ? __props.copiedLabel : __props.copyLabel), 1)) : createCommentVNode("", true),
+				createElementVNode("span", _hoisted_3$11, toDisplayString(state.value === "copied" ? __props.copiedLabel : state.value === "failed" ? __props.errorLabel ?? "" : ""), 1)
+			], 10, _hoisted_1$14);
 		};
 	}
 }), [["__scopeId", "data-v-c481e140"]]);
 //#endregion
 //#region src/components/CodeBlock.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$12 = {
+var _hoisted_1$13 = {
 	key: 0,
 	class: "rk-code-bar"
 };
-var _hoisted_2$10 = {
+var _hoisted_2$11 = {
 	key: 0,
 	class: "rk-code-lang"
 };
-var _hoisted_3$9 = [
+var _hoisted_3$10 = [
 	"tabindex",
 	"role",
 	"aria-label"
@@ -3432,7 +3603,7 @@ var CodeBlock_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
 		const copyable = computed(() => __props.copyLabel !== void 0 && __props.copiedLabel !== void 0);
 		const scrolls = computed(() => !__props.wrap);
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("figure", { class: normalizeClass(["rk-code", { "is-wrapped": __props.wrap }]) }, [__props.language || copyable.value ? (openBlock(), createElementBlock("figcaption", _hoisted_1$12, [__props.language ? (openBlock(), createElementBlock("span", _hoisted_2$10, toDisplayString(__props.language), 1)) : createCommentVNode("", true), copyable.value ? (openBlock(), createBlock(CopyButton_default, {
+			return openBlock(), createElementBlock("figure", { class: normalizeClass(["rk-code", { "is-wrapped": __props.wrap }]) }, [__props.language || copyable.value ? (openBlock(), createElementBlock("figcaption", _hoisted_1$13, [__props.language ? (openBlock(), createElementBlock("span", _hoisted_2$11, toDisplayString(__props.language), 1)) : createCommentVNode("", true), copyable.value ? (openBlock(), createBlock(CopyButton_default, {
 				key: 1,
 				class: "rk-code-copy",
 				text: __props.code,
@@ -3447,14 +3618,14 @@ var CodeBlock_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
 				tabindex: scrolls.value ? 0 : void 0,
 				role: scrolls.value ? "region" : void 0,
 				"aria-label": scrolls.value ? __props.label : void 0
-			}, [createElementVNode("code", null, [renderSlot(_ctx.$slots, "default", {}, () => [createTextVNode(toDisplayString(__props.code), 1)], true)])], 8, _hoisted_3$9)], 2);
+			}, [createElementVNode("code", null, [renderSlot(_ctx.$slots, "default", {}, () => [createTextVNode(toDisplayString(__props.code), 1)], true)])], 8, _hoisted_3$10)], 2);
 		};
 	}
 }), [["__scopeId", "data-v-b45043be"]]);
 //#endregion
 //#region src/components/DescriptionList.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$11 = { class: "rk-dl-term" };
-var _hoisted_2$9 = { class: "rk-dl-value" };
+var _hoisted_1$12 = { class: "rk-dl-term" };
+var _hoisted_2$10 = { class: "rk-dl-value" };
 //#endregion
 //#region src/components/DescriptionList.vue
 var DescriptionList_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
@@ -3469,16 +3640,16 @@ var DescriptionList_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/*
 				return openBlock(), createElementBlock("div", {
 					key: item.key ?? item.term,
 					class: "rk-dl-row"
-				}, [createElementVNode("dt", _hoisted_1$11, toDisplayString(item.term), 1), createElementVNode("dd", _hoisted_2$9, [renderSlot(_ctx.$slots, item.key ?? item.term, { item }, () => [createTextVNode(toDisplayString(item.description), 1)], true)])]);
+				}, [createElementVNode("dt", _hoisted_1$12, toDisplayString(item.term), 1), createElementVNode("dd", _hoisted_2$10, [renderSlot(_ctx.$slots, item.key ?? item.term, { item }, () => [createTextVNode(toDisplayString(item.description), 1)], true)])]);
 			}), 128))], 2);
 		};
 	}
 }), [["__scopeId", "data-v-831e205b"]]);
 //#endregion
 //#region src/components/FileDrop.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$10 = { class: "rk-drop" };
-var _hoisted_2$8 = ["for"];
-var _hoisted_3$8 = [
+var _hoisted_1$11 = { class: "rk-drop" };
+var _hoisted_2$9 = ["for"];
+var _hoisted_3$9 = [
 	"id",
 	"accept",
 	"multiple",
@@ -3564,7 +3735,7 @@ var FileDrop_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 		const size = (bytes) => bytes >= 1048576 ? `${(bytes / 1048576).toFixed(1)} MB` : `${Math.max(1, Math.round(bytes / 1024))} KB`;
 		const count = computed(() => model.value.length);
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", _hoisted_1$10, [
+			return openBlock(), createElementBlock("div", _hoisted_1$11, [
 				createElementVNode("label", {
 					class: normalizeClass(["rk-drop-box control", {
 						"is-over": over.value,
@@ -3583,7 +3754,7 @@ var FileDrop_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 						multiple: __props.multiple,
 						disabled: __props.disabled,
 						onChange: onInput
-					}, null, 40, _hoisted_3$8),
+					}, null, 40, _hoisted_3$9),
 					createVNode(unref(Upload), {
 						class: "text-ink-soft size-6",
 						"aria-hidden": "true"
@@ -3591,7 +3762,7 @@ var FileDrop_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 					createElementVNode("span", _hoisted_4$6, toDisplayString(__props.label), 1),
 					__props.hint ? (openBlock(), createElementBlock("span", _hoisted_5$3, toDisplayString(__props.hint), 1)) : createCommentVNode("", true),
 					createElementVNode("span", _hoisted_6$3, toDisplayString(__props.browseLabel), 1)
-				], 42, _hoisted_2$8),
+				], 42, _hoisted_2$9),
 				refused.value && __props.tooLargeLabel ? (openBlock(), createElementBlock("p", _hoisted_7$1, toDisplayString(__props.tooLargeLabel), 1)) : createCommentVNode("", true),
 				count.value ? (openBlock(), createElementBlock("ul", _hoisted_8, [(openBlock(true), createElementBlock(Fragment, null, renderList(model.value, (file, index) => {
 					return openBlock(), createElementBlock("li", {
@@ -3622,7 +3793,7 @@ var FileDrop_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 }), [["__scopeId", "data-v-6e903baf"]]);
 //#endregion
 //#region src/components/TagsInput.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$9 = [
+var _hoisted_1$10 = [
 	"id",
 	"placeholder",
 	"aria-describedby",
@@ -3740,7 +3911,7 @@ var TagsInput_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
 					onKeydown,
 					onPaste,
 					onBlur: add
-				}, null, 40, _hoisted_1$9), [[vModelText, draft.value]])], 2)]),
+				}, null, 40, _hoisted_1$10), [[vModelText, draft.value]])], 2)]),
 				_: 1
 			}, 8, [
 				"label",
@@ -3754,8 +3925,7 @@ var TagsInput_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
 }), [["__scopeId", "data-v-1fd08921"]]);
 //#endregion
 //#region src/components/BasePopover.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$8 = ["id", "aria-label"];
-var FOCUSABLE = "a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex=\"-1\"])";
+var _hoisted_1$9 = ["id", "aria-label"];
 //#endregion
 //#region src/components/BasePopover.vue
 var BasePopover_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
@@ -3778,10 +3948,12 @@ var BasePopover_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__
 		const id = useId();
 		const root = ref(null);
 		const panel = ref(null);
-		/** Where it actually opened, after measuring. */
-		const placed = ref(__props.side);
-		/** Pixels slid sideways to stay on screen. */
-		const shift = ref(0);
+		const { placed, shift } = useAnchoredPanel({
+			root,
+			panel,
+			open,
+			side: __props.side
+		});
 		const triggerProps = computed(() => ({
 			"aria-expanded": open.value,
 			"aria-controls": id,
@@ -3795,23 +3967,6 @@ var BasePopover_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__
 		function trigger() {
 			return root.value?.querySelector("[data-rk-popover-trigger]") ?? null;
 		}
-		/**
-		* Measured once it is on screen, because only then is there a size to
-		* measure. Flips first, then slides: a panel that fits neither above nor
-		* below keeps the side it asked for, where it is at least attached.
-		*/
-		function place() {
-			if (!panel.value || typeof window === "undefined") return;
-			const rect = panel.value.getBoundingClientRect();
-			const anchor = root.value.getBoundingClientRect();
-			const below = window.innerHeight - anchor.bottom;
-			const above = anchor.top;
-			if (__props.side === "bottom" && rect.height > below && above > below) placed.value = "top";
-			if (__props.side === "top" && rect.height > above && below > above) placed.value = "bottom";
-			const margin = 8;
-			if (rect.right > window.innerWidth - margin) shift.value = window.innerWidth - margin - rect.right;
-			if (rect.left + shift.value < margin) shift.value = margin - rect.left;
-		}
 		function onKeydown(event) {
 			if (event.key !== "Escape" || !open.value) return;
 			event.preventDefault();
@@ -3822,12 +3977,6 @@ var BasePopover_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__
 			const next = event.relatedTarget;
 			if (next && root.value && !root.value.contains(next)) close();
 		}
-		function watchViewport(on) {
-			if (typeof window === "undefined") return;
-			const method = on ? "addEventListener" : "removeEventListener";
-			window[method]("resize", place);
-			window[method]("scroll", place, true);
-		}
 		function onDocumentPointer(event) {
 			if (root.value && !root.value.contains(event.target)) close();
 		}
@@ -3835,20 +3984,14 @@ var BasePopover_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__
 			if (typeof document === "undefined") return;
 			if (!isOpen) {
 				document.removeEventListener("pointerdown", onDocumentPointer);
-				watchViewport(false);
 				return;
 			}
 			document.addEventListener("pointerdown", onDocumentPointer);
-			watchViewport(true);
-			placed.value = __props.side;
-			shift.value = 0;
 			await nextTick();
-			place();
-			(panel.value?.querySelector(FOCUSABLE) ?? panel.value)?.focus();
+			(panel.value?.querySelector("a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), summary, [tabindex]:not([tabindex=\"-1\"])") ?? panel.value)?.focus();
 		}, { immediate: true });
 		onBeforeUnmount(() => {
 			if (typeof document !== "undefined") document.removeEventListener("pointerdown", onDocumentPointer);
-			watchViewport(false);
 		});
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("div", {
@@ -3866,26 +4009,26 @@ var BasePopover_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__
 					id: unref(id),
 					ref_key: "panel",
 					ref: panel,
-					class: normalizeClass(["rk-popover-panel surface-overlay", [`is-${placed.value}`, `is-${__props.align}`]]),
-					style: normalizeStyle(shift.value ? { "--rk-popover-shift": `${shift.value}px` } : void 0),
+					class: normalizeClass(["rk-popover-panel surface-overlay", [`is-${unref(placed)}`, `is-${__props.align}`]]),
+					style: normalizeStyle(unref(shift) ? { "--rk-popover-shift": `${unref(shift)}px` } : void 0),
 					role: "dialog",
 					"aria-label": __props.label,
 					tabindex: "-1"
-				}, [renderSlot(_ctx.$slots, "default", { close }, void 0, true)], 14, _hoisted_1$8)) : createCommentVNode("", true)]),
+				}, [renderSlot(_ctx.$slots, "default", { close }, void 0, true)], 14, _hoisted_1$9)) : createCommentVNode("", true)]),
 				_: 3
 			})], 544);
 		};
 	}
-}), [["__scopeId", "data-v-22d8f397"]]);
+}), [["__scopeId", "data-v-86915db6"]]);
 //#endregion
 //#region src/components/TimePicker.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$7 = [
+var _hoisted_1$8 = [
 	"id",
 	"aria-describedby",
 	"disabled"
 ];
-var _hoisted_2$7 = { class: "truncate" };
-var _hoisted_3$7 = { class: "rk-time-columns" };
+var _hoisted_2$8 = { class: "truncate" };
+var _hoisted_3$8 = { class: "rk-time-columns" };
 //#endregion
 //#region src/components/TimePicker.vue
 var TimePicker_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
@@ -3987,8 +4130,8 @@ var TimePicker_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 					}, props), [createVNode(unref(Clock), {
 						class: "size-4 shrink-0",
 						"aria-hidden": "true"
-					}), createElementVNode("span", _hoisted_2$7, toDisplayString(shown.value || __props.placeholder), 1)], 16, _hoisted_1$7)]),
-					default: withCtx(() => [createElementVNode("div", _hoisted_3$7, [createVNode(BaseListbox_default, {
+					}), createElementVNode("span", _hoisted_2$8, toDisplayString(shown.value || __props.placeholder), 1)], 16, _hoisted_1$8)]),
+					default: withCtx(() => [createElementVNode("div", _hoisted_3$8, [createVNode(BaseListbox_default, {
 						"model-value": chosenHour.value,
 						options: hours.value,
 						label: __props.hoursLabel,
@@ -4024,12 +4167,12 @@ var TimePicker_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 }), [["__scopeId", "data-v-ad58b4f3"]]);
 //#endregion
 //#region src/components/BaseTimeline.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$6 = ["aria-label"];
-var _hoisted_2$6 = {
+var _hoisted_1$7 = ["aria-label"];
+var _hoisted_2$7 = {
 	class: "rk-timeline-marker",
 	"aria-hidden": "true"
 };
-var _hoisted_3$6 = { class: "rk-timeline-time" };
+var _hoisted_3$7 = { class: "rk-timeline-time" };
 var _hoisted_4$5 = {
 	key: 0,
 	class: "rk-timeline-title"
@@ -4063,28 +4206,28 @@ var BaseTimeline_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
 					key: event.key,
 					class: "rk-timeline-event"
 				}, [
-					createElementVNode("span", _hoisted_2$6, [renderSlot(_ctx.$slots, "marker", { event }, () => [createElementVNode("span", { class: normalizeClass(["rk-timeline-dot", event.fill ?? "bg-primary"]) }, [event.icon ? (openBlock(), createBlock(resolveDynamicComponent(event.icon), {
+					createElementVNode("span", _hoisted_2$7, [renderSlot(_ctx.$slots, "marker", { event }, () => [createElementVNode("span", { class: normalizeClass(["rk-timeline-dot", event.fill ?? "bg-primary"]) }, [event.icon ? (openBlock(), createBlock(resolveDynamicComponent(event.icon), {
 						key: 0,
 						class: "size-3"
 					})) : createCommentVNode("", true)], 2)], true)]),
-					createElementVNode("p", _hoisted_3$6, toDisplayString(event.time), 1),
+					createElementVNode("p", _hoisted_3$7, toDisplayString(event.time), 1),
 					event.title ? (openBlock(), createElementBlock("p", _hoisted_4$5, toDisplayString(event.title), 1)) : createCommentVNode("", true),
 					event.description ? (openBlock(), createElementBlock("p", _hoisted_5$2, toDisplayString(event.description), 1)) : createCommentVNode("", true),
 					_ctx.$slots[event.key] || _ctx.$slots.default ? (openBlock(), createElementBlock("div", _hoisted_6$2, [_ctx.$slots[event.key] ? renderSlot(_ctx.$slots, event.key, { event }, void 0, true, 0) : renderSlot(_ctx.$slots, "default", { event }, void 0, true, 1)])) : createCommentVNode("", true)
 				]);
-			}), 128))], 8, _hoisted_1$6);
+			}), 128))], 8, _hoisted_1$7);
 		};
 	}
 }), [["__scopeId", "data-v-8a452f82"]]);
 //#endregion
 //#region src/components/BaseDatePicker.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$5 = [
+var _hoisted_1$6 = [
 	"id",
 	"aria-describedby",
 	"disabled"
 ];
-var _hoisted_2$5 = { class: "truncate" };
-var _hoisted_3$5 = ["aria-label", "disabled"];
+var _hoisted_2$6 = { class: "truncate" };
+var _hoisted_3$6 = ["aria-label", "disabled"];
 var _hoisted_4$4 = { class: "rk-date-panel" };
 var _hoisted_5$1 = {
 	key: 0,
@@ -4174,7 +4317,7 @@ var BaseDatePicker_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/*
 					}, props), [createVNode(unref(CalendarDays), {
 						class: "size-4 shrink-0",
 						"aria-hidden": "true"
-					}), createElementVNode("span", _hoisted_2$5, toDisplayString(shown.value || __props.placeholder), 1)], 16, _hoisted_1$5), __props.clearLabel && shown.value ? (openBlock(), createElementBlock("button", {
+					}), createElementVNode("span", _hoisted_2$6, toDisplayString(shown.value || __props.placeholder), 1)], 16, _hoisted_1$6), __props.clearLabel && shown.value ? (openBlock(), createElementBlock("button", {
 						key: 0,
 						type: "button",
 						class: "rk-date-clear focus-ring",
@@ -4184,7 +4327,7 @@ var BaseDatePicker_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/*
 					}, [createVNode(unref(X), {
 						class: "size-3.5",
 						"aria-hidden": "true"
-					})], 8, _hoisted_3$5)) : createCommentVNode("", true)], 2)]),
+					})], 8, _hoisted_3$6)) : createCommentVNode("", true)], 2)]),
 					default: withCtx(() => [createElementVNode("div", _hoisted_4$4, [__props.presets?.length ? (openBlock(), createElementBlock("ul", _hoisted_5$1, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.presets, (preset) => {
 						return openBlock(), createElementBlock("li", { key: preset.label }, [createElementVNode("button", {
 							type: "button",
@@ -4225,12 +4368,12 @@ var BaseDatePicker_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/*
 }), [["__scopeId", "data-v-42390973"]]);
 //#endregion
 //#region src/components/BasePopconfirm.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$4 = { class: "rk-confirm" };
-var _hoisted_2$4 = {
+var _hoisted_1$5 = { class: "rk-confirm" };
+var _hoisted_2$5 = {
 	key: 0,
 	class: "rk-confirm-title"
 };
-var _hoisted_3$4 = { class: "rk-confirm-message" };
+var _hoisted_3$5 = { class: "rk-confirm-message" };
 var _hoisted_4$3 = { class: "rk-confirm-actions" };
 //#endregion
 //#region src/components/BasePopconfirm.vue
@@ -4270,9 +4413,9 @@ var BasePopconfirm_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/*
 				align: "end"
 			}, {
 				trigger: withCtx((slotProps) => [renderSlot(_ctx.$slots, "trigger", normalizeProps(guardReactiveProps(slotProps)), void 0, true)]),
-				default: withCtx(({ close }) => [createElementVNode("div", _hoisted_1$4, [
-					__props.title ? (openBlock(), createElementBlock("p", _hoisted_2$4, toDisplayString(__props.title), 1)) : createCommentVNode("", true),
-					createElementVNode("p", _hoisted_3$4, toDisplayString(__props.message), 1),
+				default: withCtx(({ close }) => [createElementVNode("div", _hoisted_1$5, [
+					__props.title ? (openBlock(), createElementBlock("p", _hoisted_2$5, toDisplayString(__props.title), 1)) : createCommentVNode("", true),
+					createElementVNode("p", _hoisted_3$5, toDisplayString(__props.message), 1),
 					createElementVNode("div", _hoisted_4$3, [createVNode(BaseButton_default, {
 						size: "sm",
 						variant: "secondary",
@@ -4296,8 +4439,8 @@ var BasePopconfirm_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/*
 }), [["__scopeId", "data-v-9453e511"]]);
 //#endregion
 //#region src/components/ToggleGroup.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$3 = ["aria-label"];
-var _hoisted_2$3 = [
+var _hoisted_1$4 = ["aria-label"];
+var _hoisted_2$4 = [
 	"aria-pressed",
 	"aria-label",
 	"disabled",
@@ -4305,7 +4448,7 @@ var _hoisted_2$3 = [
 	"onClick",
 	"onKeydown"
 ];
-var _hoisted_3$3 = { key: 1 };
+var _hoisted_3$4 = { key: 1 };
 //#endregion
 //#region src/components/ToggleGroup.vue
 var ToggleGroup_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
@@ -4351,11 +4494,9 @@ var ToggleGroup_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__
 		});
 		function onKeydown(event, index) {
 			const step = {
-				ArrowRight: 1,
 				ArrowDown: 1,
-				ArrowLeft: -1,
 				ArrowUp: -1
-			}[event.key];
+			}[event.key] ?? (horizontalStep(event.key, event.currentTarget) || void 0);
 			const enabled = buttons.value.filter((button) => !button.disabled);
 			let target;
 			if (step !== void 0) target = enabled[(enabled.indexOf(buttons.value[index]) + step + enabled.length) % enabled.length];
@@ -4388,16 +4529,16 @@ var ToggleGroup_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__
 					key: 0,
 					class: "rk-toggle-icon",
 					"aria-hidden": "true"
-				})) : createCommentVNode("", true), !option.iconOnly ? (openBlock(), createElementBlock("span", _hoisted_3$3, toDisplayString(option.label), 1)) : createCommentVNode("", true)], 40, _hoisted_2$3);
-			}), 128))], 10, _hoisted_1$3);
+				})) : createCommentVNode("", true), !option.iconOnly ? (openBlock(), createElementBlock("span", _hoisted_3$4, toDisplayString(option.label), 1)) : createCommentVNode("", true)], 40, _hoisted_2$4);
+			}), 128))], 10, _hoisted_1$4);
 		};
 	}
-}), [["__scopeId", "data-v-9076e36f"]]);
+}), [["__scopeId", "data-v-e40e4271"]]);
 //#endregion
 //#region src/components/PinInput.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$2 = { class: "rk-pin" };
-var _hoisted_2$2 = ["aria-label"];
-var _hoisted_3$2 = [
+var _hoisted_1$3 = { class: "rk-pin" };
+var _hoisted_2$3 = ["aria-label"];
+var _hoisted_3$3 = [
 	"value",
 	"type",
 	"inputmode",
@@ -4484,16 +4625,13 @@ var PinInput_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 				if (target < 0) return;
 				write(model.value.slice(0, target) + model.value.slice(target + 1));
 				focusCell(target);
-			} else if (event.key === "ArrowLeft") {
-				event.preventDefault();
-				focusCell(index - 1);
-			} else if (event.key === "ArrowRight") {
+			} else if (event.key === "ArrowLeft" || event.key === "ArrowRight") {
 				event.preventDefault();
-				focusCell(index + 1);
+				focusCell(index + horizontalStep(event.key, event.currentTarget));
 			}
 		}
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", _hoisted_1$2, [createElementVNode("div", {
+			return openBlock(), createElementBlock("div", _hoisted_1$3, [createElementVNode("div", {
 				class: "rk-pin-cells",
 				role: "group",
 				"aria-label": __props.label
@@ -4516,8 +4654,8 @@ var PinInput_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 					onPaste: ($event) => onPaste($event, index),
 					onKeydown: ($event) => onKeydown($event, index),
 					onFocus: _cache[0] || (_cache[0] = ($event) => $event.target.select())
-				}, null, 42, _hoisted_3$2);
-			}), 128))], 8, _hoisted_2$2), __props.error ? (openBlock(), createElementBlock("p", {
+				}, null, 42, _hoisted_3$3);
+			}), 128))], 8, _hoisted_2$3), __props.error ? (openBlock(), createElementBlock("p", {
 				key: 0,
 				id: unref(errorId),
 				class: "rk-pin-error",
@@ -4525,7 +4663,128 @@ var PinInput_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 			}, toDisplayString(__props.error), 9, _hoisted_4$2)) : createCommentVNode("", true)]);
 		};
 	}
-}), [["__scopeId", "data-v-ba322d9c"]]);
+}), [["__scopeId", "data-v-1777eac8"]]);
+//#endregion
+//#region src/components/PasswordInput.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$2 = { class: "relative" };
+var _hoisted_2$2 = [
+	"id",
+	"type",
+	"value",
+	"aria-invalid",
+	"aria-describedby"
+];
+var _hoisted_3$2 = ["aria-label", "aria-pressed"];
+var CONTROL_CLASS = "h-11 text-base";
+//#endregion
+//#region src/components/PasswordInput.vue
+var PasswordInput_default = /* @__PURE__ */ defineComponent({
+	inheritAttrs: false,
+	__name: "PasswordInput",
+	props: {
+		modelValue: { default: "" },
+		label: {},
+		toggleLabel: {},
+		error: { default: "" },
+		hint: { default: "" },
+		labelHidden: {
+			type: Boolean,
+			default: false
+		},
+		fieldId: { default: () => void 0 },
+		size: { default: "md" }
+	},
+	emits: ["update:modelValue", "toggle"],
+	setup(__props, { emit: __emit }) {
+		/**
+		* A password field you can look at.
+		*
+		* The kit already ships `AuthForm` and `BaseInput type="password"`, which is
+		* to say it ships the field and not the one thing every app then adds to it.
+		* A password is the only field in a form whose value is hidden from the
+		* person typing it, on the device where typing is least reliable — and a
+		* generated password pasted into a phone is unverifiable without this. WCAG
+		* 3.3.8 asks that authentication not depend on a cognitive function test;
+		* being unable to see what you typed is one.
+		*
+		* The half that breaks, three ways, and all three compile:
+		*
+		* - **A `<button>` with no `type`.** Inside a form, its default is `submit`,
+		*   so looking at the password submits the form — usually with a password
+		*   half typed, which then arrives as a failed sign-in attempt.
+		* - **A `<span>` or a bare icon.** Not focusable, not pressable by keyboard,
+		*   and named nothing.
+		* - **A change nobody is told about.** The characters appearing is the whole
+		*   feedback, and it is visual only.
+		*
+		* The third is answered as a toggle button — one name, `aria-pressed` for
+		* the state — rather than the swapped "Show"/"Hide" name that is the more
+		* common shape. Two reasons. A name that changes under a focus that has not
+		* moved is not reliably re-read, which is why every implementation of the
+		* swapped-name version ends up adding a live region and two more sentences
+		* on top of it; a pressed state on the focused control is announced by every
+		* screen reader without one. And the kit has no language of its own, so the
+		* cheaper pattern is also the one that asks the app for one string instead
+		* of four.
+		*
+		* The field is never revealed by default and reverts to hidden on nothing:
+		* that is deliberate. A component that hid it again on blur would be hiding
+		* it at the exact moment the reader moved to the confirmation field to check
+		* it against.
+		*/
+		const emit = __emit;
+		const visible = ref(false);
+		function toggle() {
+			visible.value = !visible.value;
+			emit("toggle", visible.value);
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(FormField_default, {
+				label: __props.label,
+				error: __props.error,
+				hint: __props.hint,
+				"label-hidden": __props.labelHidden,
+				"field-id": __props.fieldId,
+				size: __props.size
+			}, {
+				default: withCtx(({ id, describedBy, invalid }) => [createElementVNode("div", _hoisted_1$2, [createElementVNode("input", mergeProps({
+					id,
+					type: visible.value ? "text" : "password",
+					value: __props.modelValue,
+					"aria-invalid": invalid,
+					"aria-describedby": describedBy,
+					autocapitalize: "none",
+					spellcheck: false
+				}, _ctx.$attrs, {
+					class: ["control text-ink rounded-card focus-visible:outline-primary w-full ps-3 pe-11 focus-visible:outline-2 focus-visible:outline-offset-1", [CONTROL_CLASS, invalid ? "border-negative" : ""]],
+					onInput: _cache[0] || (_cache[0] = ($event) => emit("update:modelValue", $event.target.value))
+				}), null, 16, _hoisted_2$2), createElementVNode("button", {
+					type: "button",
+					class: "focus-ring text-ink-soft hover:text-ink rounded-card absolute end-1 top-1/2 flex size-9 -translate-y-1/2 items-center justify-center",
+					"aria-label": __props.toggleLabel,
+					"aria-pressed": visible.value,
+					onClick: toggle
+				}, [visible.value ? (openBlock(), createBlock(unref(EyeOff), {
+					key: 0,
+					class: "size-4",
+					"aria-hidden": "true"
+				})) : (openBlock(), createBlock(unref(Eye), {
+					key: 1,
+					class: "size-4",
+					"aria-hidden": "true"
+				}))], 8, _hoisted_3$2)])]),
+				_: 1
+			}, 8, [
+				"label",
+				"error",
+				"hint",
+				"label-hidden",
+				"field-id",
+				"size"
+			]);
+		};
+	}
+});
 //#endregion
 //#region src/components/CircularProgress.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1$1 = [
@@ -4835,8 +5094,8 @@ function createI18nRuntime(options) {
 *
 * The fallback keeps `vitest` and `vite dev` honest, where no define runs.
 */
-var VERSION = "2.22.0";
+var VERSION = "2.24.0";
 //#endregion
-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 };
+export { ActivityGrid_default as ActivityGrid, AnnounceHost_default as AnnounceHost, AppError, AvatarStack_default as AvatarStack, BarChart_default as BarChart, 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, DonutChart_default as DonutChart, 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, PasswordInput_default as PasswordInput, 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, elementDirection, ensureSheetRoot, formatDate, formatNumber, fromDateKey, horizontalStep, 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