rei-kit 2.6.0 → 2.7.0

package/dist/index.js

@@ -5,7 +5,7 @@ import { n as registerErrorMapper, r as toAppError, t as AppError } from "./app-
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper-BOaGB7Aw.js";
 import { n as BaseButton_default, t as SettingsRow_default } from "./SettingsRow-BXFn8tCk.js";
 import { Fragment, Teleport, Transition, TransitionGroup, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, isRef, mergeModels, mergeProps, nextTick, normalizeClass, normalizeStyle, onBeforeUnmount, onErrorCaptured, onMounted, onScopeDispose, openBlock, readonly, ref, renderList, renderSlot, resolveDynamicComponent, toDisplayString, unref, useId, useModel, useTemplateRef, vModelRadio, vModelSelect, vModelText, vShow, watch, watchEffect, withCtx, withDirectives, withModifiers } from "vue";
-import { ArrowDown, ArrowRight, ArrowUp, CalendarDays, Check, CheckCircle2, ChevronDown, ChevronLeft, ChevronRight, Info, Minus, Plus, TriangleAlert, X, XCircle } from "lucide-vue-next";
+import { ArrowDown, ArrowRight, ArrowUp, ArrowUpRight, CalendarDays, Check, CheckCircle2, ChevronDown, ChevronLeft, ChevronRight, Copy, 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
@@ -382,17 +382,17 @@ function useMediaQuery(query) {
 }
 //#endregion
 //#region src/components/BaseAvatar.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$29 = [
+var _hoisted_1$37 = [
 	"role",
 	"aria-label",
 	"aria-hidden"
 ];
-var _hoisted_2$25 = ["src"];
-var _hoisted_3$18 = {
+var _hoisted_2$31 = ["src"];
+var _hoisted_3$20 = {
 	key: 1,
 	class: "rk-avatar-initials"
 };
-var _hoisted_4$15 = {
+var _hoisted_4$16 = {
 	key: 2,
 	viewBox: "0 0 20 20",
 	class: "rk-avatar-figure",
@@ -438,7 +438,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$25)) : __props.fallback === "initials" && initials.value ? (openBlock(), createElementBlock("span", _hoisted_3$18, toDisplayString(initials.value), 1)) : (openBlock(), createElementBlock("svg", _hoisted_4$15, [..._cache[1] || (_cache[1] = [createElementVNode("circle", {
+			}, null, 40, _hoisted_2$31)) : __props.fallback === "initials" && initials.value ? (openBlock(), createElementBlock("span", _hoisted_3$20, toDisplayString(initials.value), 1)) : (openBlock(), createElementBlock("svg", _hoisted_4$16, [..._cache[1] || (_cache[1] = [createElementVNode("circle", {
 				cx: "10",
 				cy: "6.75",
 				r: "3.25",
@@ -447,7 +447,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$29);
+			}, null, -1)])]))], 10, _hoisted_1$37);
 		};
 	}
 }), [["__scopeId", "data-v-47586bec"]]);
@@ -472,12 +472,12 @@ var BaseBadge_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/BaseMenu.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$28 = [
+var _hoisted_1$36 = [
 	"aria-label",
 	"aria-expanded",
 	"aria-controls"
 ];
-var _hoisted_2$24 = ["id"];
+var _hoisted_2$30 = ["id"];
 //#endregion
 //#region src/components/BaseMenu.vue
 var BaseMenu_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
@@ -576,14 +576,14 @@ 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$28), open.value ? (openBlock(), createElementBlock("div", {
+			}, [renderSlot(_ctx.$slots, "trigger", { open: open.value }, void 0, true)], 8, _hoisted_1$36), open.value ? (openBlock(), createElementBlock("div", {
 				key: 0,
 				id: unref(id),
 				ref_key: "panel",
 				ref: panel,
 				class: normalizeClass(["rk-menu-panel surface-overlay", `is-${__props.align}`]),
 				role: "menu"
-			}, [renderSlot(_ctx.$slots, "default", {}, void 0, true)], 10, _hoisted_2$24)) : createCommentVNode("", true)], 544);
+			}, [renderSlot(_ctx.$slots, "default", {}, void 0, true)], 10, _hoisted_2$30)) : createCommentVNode("", true)], 544);
 		};
 	}
 }), [["__scopeId", "data-v-e57ec901"]]);
@@ -654,9 +654,9 @@ var BaseCard_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/BaseCombobox.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$27 = ["for"];
-var _hoisted_2$23 = { class: "rk-combo-field" };
-var _hoisted_3$17 = [
+var _hoisted_1$35 = ["for"];
+var _hoisted_2$29 = { class: "rk-combo-field" };
+var _hoisted_3$19 = [
 	"id",
 	"placeholder",
 	"disabled",
@@ -665,15 +665,15 @@ var _hoisted_3$17 = [
 	"aria-invalid",
 	"aria-describedby"
 ];
-var _hoisted_4$14 = ["disabled"];
-var _hoisted_5$8 = ["aria-label"];
-var _hoisted_6$4 = [
+var _hoisted_4$15 = ["disabled"];
+var _hoisted_5$9 = ["aria-label"];
+var _hoisted_6$5 = [
 	"id",
 	"aria-selected",
 	"onPointerdown",
 	"onPointermove"
 ];
-var _hoisted_7$3 = {
+var _hoisted_7$4 = {
 	key: 0,
 	class: "rk-combo-empty"
 };
@@ -793,8 +793,8 @@ var BaseCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
 				createElementVNode("label", {
 					for: unref(id),
 					class: "rk-combo-label"
-				}, toDisplayString(__props.label), 9, _hoisted_1$27),
-				createElementVNode("div", _hoisted_2$23, [withDirectives(createElementVNode("input", {
+				}, toDisplayString(__props.label), 9, _hoisted_1$35),
+				createElementVNode("div", _hoisted_2$29, [withDirectives(createElementVNode("input", {
 					id: unref(id),
 					"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => text.value = $event),
 					type: "text",
@@ -811,14 +811,14 @@ var BaseCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
 					"aria-describedby": describedBy.value,
 					onKeydown,
 					onFocus: _cache[1] || (_cache[1] = ($event) => open.value = true)
-				}, null, 40, _hoisted_3$17), [[vModelText, text.value]]), createElementVNode("button", {
+				}, null, 40, _hoisted_3$19), [[vModelText, text.value]]), createElementVNode("button", {
 					type: "button",
 					class: "rk-combo-toggle",
 					tabindex: "-1",
 					"aria-hidden": "true",
 					disabled: __props.disabled,
 					onClick: _cache[2] || (_cache[2] = ($event) => open.value = !open.value)
-				}, " ▾ ", 8, _hoisted_4$14)]),
+				}, " ▾ ", 8, _hoisted_4$15)]),
 				withDirectives(createElementVNode("ul", {
 					id: listId,
 					ref_key: "list",
@@ -838,8 +838,8 @@ var BaseCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
 						"aria-selected": option.value === model.value,
 						onPointerdown: withModifiers(($event) => choose(option), ["prevent"]),
 						onPointermove: ($event) => highlighted.value = index
-					}, toDisplayString(option.label), 43, _hoisted_6$4);
-				}), 128)), matches.value.length === 0 ? (openBlock(), createElementBlock("li", _hoisted_7$3, toDisplayString(__props.emptyLabel), 1)) : createCommentVNode("", true)], 8, _hoisted_5$8), [[vShow, open.value]]),
+					}, toDisplayString(option.label), 43, _hoisted_6$5);
+				}), 128)), matches.value.length === 0 ? (openBlock(), createElementBlock("li", _hoisted_7$4, toDisplayString(__props.emptyLabel), 1)) : createCommentVNode("", true)], 8, _hoisted_5$9), [[vShow, open.value]]),
 				__props.error ? (openBlock(), createElementBlock("p", {
 					key: 0,
 					id: errorId,
@@ -855,13 +855,13 @@ var BaseCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
 }), [["__scopeId", "data-v-ce4c503f"]]);
 //#endregion
 //#region src/components/BaseRadioGroup.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$26 = ["aria-describedby"];
-var _hoisted_2$22 = [
+var _hoisted_1$34 = ["aria-describedby"];
+var _hoisted_2$28 = [
 	"name",
 	"value",
 	"disabled"
 ];
-var _hoisted_3$16 = { class: "text-ink text-sm" };
+var _hoisted_3$18 = { class: "text-ink text-sm" };
 //#endregion
 //#region src/components/BaseRadioGroup.vue
 var BaseRadioGroup_default = /* @__PURE__ */ defineComponent({
@@ -905,7 +905,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$22), [[vModelRadio, unref(model)]]), createElementVNode("span", _hoisted_3$16, toDisplayString(option.label), 1)], 2);
+					}, null, 8, _hoisted_2$28), [[vModelRadio, unref(model)]]), createElementVNode("span", _hoisted_3$18, toDisplayString(option.label), 1)], 2);
 				}), 128)),
 				__props.error ? (openBlock(), createElementBlock("p", {
 					key: 0,
@@ -916,24 +916,24 @@ var BaseRadioGroup_default = /* @__PURE__ */ defineComponent({
 					id: hintId,
 					class: "text-ink-soft text-xs"
 				}, toDisplayString(__props.hint), 1)) : createCommentVNode("", true)
-			], 8, _hoisted_1$26);
+			], 8, _hoisted_1$34);
 		};
 	}
 });
 //#endregion
 //#region src/components/BaseSelect.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$25 = { class: "relative" };
-var _hoisted_2$21 = [
+var _hoisted_1$33 = { class: "relative" };
+var _hoisted_2$27 = [
 	"id",
 	"aria-invalid",
 	"aria-describedby"
 ];
-var _hoisted_3$15 = {
+var _hoisted_3$17 = {
 	key: 0,
 	value: void 0,
 	disabled: ""
 };
-var _hoisted_4$13 = ["value", "disabled"];
+var _hoisted_4$14 = ["value", "disabled"];
 //#endregion
 //#region src/components/BaseSelect.vue
 var BaseSelect_default = /* @__PURE__ */ defineComponent({
@@ -969,7 +969,7 @@ var BaseSelect_default = /* @__PURE__ */ defineComponent({
 				"label-hidden": __props.labelHidden,
 				size: __props.size
 			}, {
-				default: withCtx(({ id, describedBy, invalid }) => [createElementVNode("div", _hoisted_1$25, [withDirectives(createElementVNode("select", {
+				default: withCtx(({ id, describedBy, invalid }) => [createElementVNode("div", _hoisted_1$33, [withDirectives(createElementVNode("select", {
 					id,
 					"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => model.value = $event),
 					"aria-invalid": invalid,
@@ -979,13 +979,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$15, toDisplayString(__props.placeholder), 1)) : createCommentVNode("", true), (openBlock(true), createElementBlock(Fragment, null, renderList(__props.options, (option) => {
+				}, [__props.placeholder ? (openBlock(), createElementBlock("option", _hoisted_3$17, 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$13);
-				}), 128))], 10, _hoisted_2$21), [[vModelSelect, model.value]]), createVNode(unref(ChevronDown), {
+					}, toDisplayString(option.label), 9, _hoisted_4$14);
+				}), 128))], 10, _hoisted_2$27), [[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"
 				})])]),
@@ -1002,11 +1002,11 @@ var BaseSelect_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/BaseSlider.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$24 = { class: "rk-slider" };
-var _hoisted_2$20 = { class: "rk-slider-head" };
-var _hoisted_3$14 = ["for"];
-var _hoisted_4$12 = ["for"];
-var _hoisted_5$7 = [
+var _hoisted_1$32 = { class: "rk-slider" };
+var _hoisted_2$26 = { class: "rk-slider-head" };
+var _hoisted_3$16 = ["for"];
+var _hoisted_4$13 = ["for"];
+var _hoisted_5$8 = [
 	"id",
 	"min",
 	"max",
@@ -1050,15 +1050,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$24, [
-				createElementVNode("div", _hoisted_2$20, [createElementVNode("label", {
+			return openBlock(), createElementBlock("div", _hoisted_1$32, [
+				createElementVNode("div", _hoisted_2$26, [createElementVNode("label", {
 					for: unref(id),
 					class: "rk-slider-label"
-				}, toDisplayString(__props.label), 9, _hoisted_3$14), __props.showValue ? (openBlock(), createElementBlock("output", {
+				}, toDisplayString(__props.label), 9, _hoisted_3$16), __props.showValue ? (openBlock(), createElementBlock("output", {
 					key: 0,
 					for: unref(id),
 					class: "rk-slider-value"
-				}, toDisplayString(text.value), 9, _hoisted_4$12)) : createCommentVNode("", true)]),
+				}, toDisplayString(text.value), 9, _hoisted_4$13)) : createCommentVNode("", true)]),
 				withDirectives(createElementVNode("input", {
 					id: unref(id),
 					"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => model.value = $event),
@@ -1071,7 +1071,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$7), [[
+				}, null, 12, _hoisted_5$8), [[
 					vModelText,
 					model.value,
 					void 0,
@@ -1088,11 +1088,11 @@ var BaseSlider_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 }), [["__scopeId", "data-v-7fa2769b"]]);
 //#endregion
 //#region src/components/BaseSpinner.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$23 = {
+var _hoisted_1$31 = {
 	class: "rk-spin-wrap",
 	role: "status"
 };
-var _hoisted_2$19 = { class: "rk-spin-label" };
+var _hoisted_2$25 = { class: "rk-spin-label" };
 //#endregion
 //#region src/components/BaseSpinner.vue
 var BaseSpinner_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
@@ -1120,26 +1120,26 @@ var BaseSpinner_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__
 			lg: "2.5rem"
 		};
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("span", _hoisted_1$23, [createElementVNode("span", {
+			return openBlock(), createElementBlock("span", _hoisted_1$31, [createElementVNode("span", {
 				class: "rk-spin",
 				style: normalizeStyle({
 					width: SIZES[__props.size],
 					height: SIZES[__props.size]
 				}),
 				"aria-hidden": "true"
-			}, null, 4), createElementVNode("span", _hoisted_2$19, toDisplayString(__props.label), 1)]);
+			}, null, 4), createElementVNode("span", _hoisted_2$25, toDisplayString(__props.label), 1)]);
 		};
 	}
 }), [["__scopeId", "data-v-842da62c"]]);
 //#endregion
 //#region src/components/BaseSwitch.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$22 = { class: "flex items-center justify-between gap-4" };
-var _hoisted_2$18 = {
+var _hoisted_1$30 = { class: "flex items-center justify-between gap-4" };
+var _hoisted_2$24 = {
 	key: 0,
 	class: "min-w-0"
 };
-var _hoisted_3$13 = ["id"];
-var _hoisted_4$11 = [
+var _hoisted_3$15 = ["id"];
+var _hoisted_4$12 = [
 	"aria-checked",
 	"aria-labelledby",
 	"aria-label",
@@ -1178,10 +1178,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$22, [!__props.labelHidden ? (openBlock(), createElementBlock("span", _hoisted_2$18, [createElementVNode("span", {
+			return openBlock(), createElementBlock("div", _hoisted_1$30, [!__props.labelHidden ? (openBlock(), createElementBlock("span", _hoisted_2$24, [createElementVNode("span", {
 				id: unref(id),
 				class: "text-ink block text-sm"
-			}, toDisplayString(__props.label), 9, _hoisted_3$13), __props.hint ? (openBlock(), createElementBlock("span", {
+			}, toDisplayString(__props.label), 9, _hoisted_3$15), __props.hint ? (openBlock(), createElementBlock("span", {
 				key: 0,
 				id: hintId,
 				class: "text-ink-soft mt-0.5 block text-xs"
@@ -1198,17 +1198,17 @@ 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$11)]);
+			}, null, -1)])], 10, _hoisted_4$12)]);
 		};
 	}
 }), [["__scopeId", "data-v-3f4400a0"]]);
 //#endregion
 //#region src/components/BaseTable.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$21 = ["aria-label"];
-var _hoisted_2$17 = { class: "rk-table" };
-var _hoisted_3$12 = { key: 0 };
-var _hoisted_4$10 = { key: 1 };
-var _hoisted_5$6 = ["colspan"];
+var _hoisted_1$29 = ["aria-label"];
+var _hoisted_2$23 = { class: "rk-table" };
+var _hoisted_3$14 = { key: 0 };
+var _hoisted_4$11 = { key: 1 };
+var _hoisted_5$7 = ["colspan"];
 //#endregion
 //#region src/components/BaseTable.vue
 var BaseTable_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
@@ -1231,7 +1231,7 @@ var BaseTable_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
 				tabindex: "0",
 				role: "region",
 				"aria-label": __props.caption
-			}, [createElementVNode("table", _hoisted_2$17, [
+			}, [createElementVNode("table", _hoisted_2$23, [
 				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", {
@@ -1240,7 +1240,7 @@ var BaseTable_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
 						class: normalizeClass([column.align === "end" && "is-end", column.nowrap && "is-nowrap"])
 					}, toDisplayString(column.label), 3);
 				}), 128))])]),
-				__props.rows.length > 0 ? (openBlock(), createElementBlock("tbody", _hoisted_3$12, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.rows, (row, index) => {
+				__props.rows.length > 0 ? (openBlock(), createElementBlock("tbody", _hoisted_3$14, [(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,
@@ -1250,17 +1250,17 @@ 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_4$10, [createElementVNode("tr", null, [createElementVNode("td", {
+				}), 128))])) : (openBlock(), createElementBlock("tbody", _hoisted_4$11, [createElementVNode("tr", null, [createElementVNode("td", {
 					colspan: __props.columns.length,
 					class: "rk-table-empty"
-				}, [renderSlot(_ctx.$slots, "empty", {}, void 0, true)], 8, _hoisted_5$6)])]))
-			])], 8, _hoisted_1$21);
+				}, [renderSlot(_ctx.$slots, "empty", {}, void 0, true)], 8, _hoisted_5$7)])]))
+			])], 8, _hoisted_1$29);
 		};
 	}
 }), [["__scopeId", "data-v-89958b5a"]]);
 //#endregion
 //#region src/components/BaseTextarea.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$20 = [
+var _hoisted_1$28 = [
 	"id",
 	"rows",
 	"aria-invalid",
@@ -1306,7 +1306,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$20), [[vModelText, unref(model)]])]),
+				] }), null, 16, _hoisted_1$28), [[vModelText, unref(model)]])]),
 				_: 1
 			}, 8, [
 				"label",
@@ -1320,17 +1320,17 @@ var BaseTextarea_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/EmptyState.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$19 = { class: "flex flex-col items-center gap-3 px-6 py-10 text-center" };
-var _hoisted_2$16 = {
+var _hoisted_1$27 = { class: "flex flex-col items-center gap-3 px-6 py-10 text-center" };
+var _hoisted_2$22 = {
 	key: 0,
 	class: "bg-muted text-primary rounded-card flex size-12 items-center justify-center"
 };
-var _hoisted_3$11 = { class: "text-ink text-base font-semibold" };
-var _hoisted_4$9 = {
+var _hoisted_3$13 = { class: "text-ink text-base font-semibold" };
+var _hoisted_4$10 = {
 	key: 1,
 	class: "text-ink-soft max-w-[36ch] text-sm"
 };
-var _hoisted_5$5 = {
+var _hoisted_5$6 = {
 	key: 2,
 	class: "mt-2 flex w-full flex-col gap-2"
 };
@@ -1352,11 +1352,11 @@ var EmptyState_default = /* @__PURE__ */ defineComponent({
 		* goes — the button that creates the first one.
 		*/
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", _hoisted_1$19, [
-				_ctx.$slots.icon ? (openBlock(), createElementBlock("div", _hoisted_2$16, [renderSlot(_ctx.$slots, "icon")])) : createCommentVNode("", true),
-				createElementVNode("h3", _hoisted_3$11, toDisplayString(__props.title), 1),
-				__props.description ? (openBlock(), createElementBlock("p", _hoisted_4$9, toDisplayString(__props.description), 1)) : createCommentVNode("", true),
-				_ctx.$slots.action ? (openBlock(), createElementBlock("div", _hoisted_5$5, [renderSlot(_ctx.$slots, "action")])) : createCommentVNode("", true)
+			return openBlock(), createElementBlock("div", _hoisted_1$27, [
+				_ctx.$slots.icon ? (openBlock(), createElementBlock("div", _hoisted_2$22, [renderSlot(_ctx.$slots, "icon")])) : createCommentVNode("", true),
+				createElementVNode("h3", _hoisted_3$13, toDisplayString(__props.title), 1),
+				__props.description ? (openBlock(), createElementBlock("p", _hoisted_4$10, toDisplayString(__props.description), 1)) : createCommentVNode("", true),
+				_ctx.$slots.action ? (openBlock(), createElementBlock("div", _hoisted_5$6, [renderSlot(_ctx.$slots, "action")])) : createCommentVNode("", true)
 			]);
 		};
 	}
@@ -1423,11 +1423,11 @@ var PageContainer_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/PageHeader.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$18 = { class: "grid h-12 shrink-0 grid-cols-[2.5rem_1fr_2.5rem] items-center" };
-var _hoisted_2$15 = { class: "justify-self-start" };
-var _hoisted_3$10 = { class: "text-ink flex min-w-0 justify-center text-base font-semibold tabular-nums" };
-var _hoisted_4$8 = { class: "truncate" };
-var _hoisted_5$4 = { class: "justify-self-end" };
+var _hoisted_1$26 = { class: "grid h-12 shrink-0 grid-cols-[2.5rem_1fr_2.5rem] items-center" };
+var _hoisted_2$21 = { class: "justify-self-start" };
+var _hoisted_3$12 = { class: "text-ink flex min-w-0 justify-center text-base font-semibold tabular-nums" };
+var _hoisted_4$9 = { class: "truncate" };
+var _hoisted_5$5 = { class: "justify-self-end" };
 //#endregion
 //#region src/components/PageHeader.vue
 var PageHeader_default = /* @__PURE__ */ defineComponent({
@@ -1444,17 +1444,17 @@ var PageHeader_default = /* @__PURE__ */ defineComponent({
 		* each other.
 		*/
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("header", _hoisted_1$18, [
-				createElementVNode("div", _hoisted_2$15, [renderSlot(_ctx.$slots, "left")]),
-				createElementVNode("h1", _hoisted_3$10, [renderSlot(_ctx.$slots, "title", {}, () => [createElementVNode("span", _hoisted_4$8, toDisplayString(__props.title), 1)])]),
-				createElementVNode("div", _hoisted_5$4, [renderSlot(_ctx.$slots, "right")])
+			return openBlock(), createElementBlock("header", _hoisted_1$26, [
+				createElementVNode("div", _hoisted_2$21, [renderSlot(_ctx.$slots, "left")]),
+				createElementVNode("h1", _hoisted_3$12, [renderSlot(_ctx.$slots, "title", {}, () => [createElementVNode("span", _hoisted_4$9, toDisplayString(__props.title), 1)])]),
+				createElementVNode("div", _hoisted_5$5, [renderSlot(_ctx.$slots, "right")])
 			]);
 		};
 	}
 });
 //#endregion
 //#region src/components/ProgressBar.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$17 = ["aria-valuenow", "aria-label"];
+var _hoisted_1$25 = ["aria-valuenow", "aria-label"];
 //#endregion
 //#region src/components/ProgressBar.vue
 var ProgressBar_default = /* @__PURE__ */ defineComponent({
@@ -1486,38 +1486,38 @@ 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$17);
+			}, null, 4)], 10, _hoisted_1$25);
 		};
 	}
 });
 //#endregion
 //#region src/components/PriceCard.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$16 = {
+var _hoisted_1$24 = {
 	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$14 = { class: "flex items-start justify-between gap-4" };
-var _hoisted_3$9 = { class: "text-ink mt-5 text-lg font-semibold" };
-var _hoisted_4$7 = {
+var _hoisted_2$20 = { class: "flex items-start justify-between gap-4" };
+var _hoisted_3$11 = { class: "text-ink mt-5 text-lg font-semibold" };
+var _hoisted_4$8 = {
 	key: 1,
 	class: "text-ink-soft mt-1.5 text-sm leading-relaxed"
 };
-var _hoisted_5$3 = { class: "mt-6 flex items-baseline gap-1.5" };
-var _hoisted_6$3 = { class: "text-ink text-3xl font-semibold tracking-tight tabular-nums" };
-var _hoisted_7$2 = {
+var _hoisted_5$4 = { class: "mt-6 flex items-baseline gap-1.5" };
+var _hoisted_6$4 = { class: "text-ink text-3xl font-semibold tracking-tight tabular-nums" };
+var _hoisted_7$3 = {
 	key: 0,
 	class: "text-ink-soft text-sm"
 };
-var _hoisted_8$1 = {
+var _hoisted_8$2 = {
 	key: 2,
 	class: "text-ink-soft mt-1 text-xs"
 };
-var _hoisted_9$1 = { class: "mt-7 flex-1 space-y-3" };
-var _hoisted_10$1 = {
+var _hoisted_9$2 = { class: "mt-7 flex-1 space-y-3" };
+var _hoisted_10$2 = {
 	key: 0,
 	class: "mt-[0.45rem] shrink-0"
 };
-var _hoisted_11$1 = {
+var _hoisted_11$2 = {
 	key: 1,
 	class: "bg-primary/45 mt-[0.45rem] size-1.5 shrink-0 rounded-full",
 	"aria-hidden": "true"
@@ -1567,23 +1567,23 @@ 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$16, toDisplayString(__props.badge), 1)) : createCommentVNode("", true),
-				createElementVNode("div", _hoisted_2$14, [_ctx.$slots.icon ? (openBlock(), createElementBlock("span", {
+				__props.badge && __props.recommended ? (openBlock(), createElementBlock("span", _hoisted_1$24, toDisplayString(__props.badge), 1)) : createCommentVNode("", true),
+				createElementVNode("div", _hoisted_2$20, [_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$9, toDisplayString(__props.name), 1),
-				__props.lead ? (openBlock(), createElementBlock("p", _hoisted_4$7, toDisplayString(__props.lead), 1)) : createCommentVNode("", true),
-				createElementVNode("p", _hoisted_5$3, [createElementVNode("span", _hoisted_6$3, toDisplayString(__props.price), 1), __props.period ? (openBlock(), createElementBlock("span", _hoisted_7$2, toDisplayString(__props.period), 1)) : createCommentVNode("", true)]),
-				__props.note ? (openBlock(), createElementBlock("p", _hoisted_8$1, toDisplayString(__props.note), 1)) : createCommentVNode("", true),
-				createElementVNode("ul", _hoisted_9$1, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.features, (feature) => {
+				createElementVNode("h3", _hoisted_3$11, toDisplayString(__props.name), 1),
+				__props.lead ? (openBlock(), createElementBlock("p", _hoisted_4$8, toDisplayString(__props.lead), 1)) : createCommentVNode("", true),
+				createElementVNode("p", _hoisted_5$4, [createElementVNode("span", _hoisted_6$4, toDisplayString(__props.price), 1), __props.period ? (openBlock(), createElementBlock("span", _hoisted_7$3, toDisplayString(__props.period), 1)) : createCommentVNode("", true)]),
+				__props.note ? (openBlock(), createElementBlock("p", _hoisted_8$2, toDisplayString(__props.note), 1)) : createCommentVNode("", true),
+				createElementVNode("ul", _hoisted_9$2, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.features, (feature) => {
 					return openBlock(), createElementBlock("li", {
 						key: feature,
 						class: "flex gap-3 text-sm"
-					}, [_ctx.$slots.bullet ? (openBlock(), createElementBlock("span", _hoisted_10$1, [renderSlot(_ctx.$slots, "bullet")])) : (openBlock(), createElementBlock("span", _hoisted_11$1)), createElementVNode("span", _hoisted_12$1, toDisplayString(feature), 1)]);
+					}, [_ctx.$slots.bullet ? (openBlock(), createElementBlock("span", _hoisted_10$2, [renderSlot(_ctx.$slots, "bullet")])) : (openBlock(), createElementBlock("span", _hoisted_11$2)), createElementVNode("span", _hoisted_12$1, toDisplayString(feature), 1)]);
 				}), 128))]),
 				_ctx.$slots.action ? (openBlock(), createElementBlock("div", _hoisted_13, [renderSlot(_ctx.$slots, "action")])) : createCommentVNode("", true)
 			], 2);
@@ -1592,8 +1592,8 @@ var PriceCard_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/ToneDot.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$15 = { class: "inline-flex items-center gap-1.5" };
-var _hoisted_2$13 = {
+var _hoisted_1$23 = { class: "inline-flex items-center gap-1.5" };
+var _hoisted_2$19 = {
 	key: 0,
 	class: "text-ink-soft text-xs font-medium"
 };
@@ -1614,13 +1614,13 @@ var ToneDot_default = /* @__PURE__ */ defineComponent({
 		* priorities — without this component knowing about any of them.
 		*/
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("span", _hoisted_1$15, [createElementVNode("span", { class: normalizeClass(["size-2 rounded-full", __props.fill]) }, null, 2), __props.label ? (openBlock(), createElementBlock("span", _hoisted_2$13, toDisplayString(__props.label), 1)) : createCommentVNode("", true)]);
+			return openBlock(), createElementBlock("span", _hoisted_1$23, [createElementVNode("span", { class: normalizeClass(["size-2 rounded-full", __props.fill]) }, null, 2), __props.label ? (openBlock(), createElementBlock("span", _hoisted_2$19, toDisplayString(__props.label), 1)) : createCommentVNode("", true)]);
 		};
 	}
 });
 //#endregion
 //#region src/components/SectionHeading.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$14 = {
+var _hoisted_1$22 = {
 	key: 0,
 	class: "text-ink-soft text-xs tabular-nums"
 };
@@ -1638,15 +1638,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$14, toDisplayString(__props.count), 1)) : createCommentVNode("", true)
+				__props.count > 0 ? (openBlock(), createElementBlock("span", _hoisted_1$22, toDisplayString(__props.count), 1)) : createCommentVNode("", true)
 			], 2);
 		};
 	}
 });
 //#endregion
 //#region src/components/SegmentedControl.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$13 = { class: "bg-muted rounded-card flex w-full gap-1 p-1" };
-var _hoisted_2$12 = ["value", "name"];
+var _hoisted_1$21 = { class: "bg-muted rounded-card flex w-full gap-1 p-1" };
+var _hoisted_2$18 = ["value", "name"];
 //#endregion
 //#region src/components/SegmentedControl.vue
 var SegmentedControl_default = /* @__PURE__ */ defineComponent({
@@ -1660,7 +1660,7 @@ var SegmentedControl_default = /* @__PURE__ */ defineComponent({
 		const model = useModel(__props, "modelValue");
 		const name = useId();
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", _hoisted_1$13, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.options, (option) => {
+			return openBlock(), createElementBlock("div", _hoisted_1$21, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.options, (option) => {
 				return openBlock(), createElementBlock("label", {
 					key: String(option.value),
 					class: "flex-1 cursor-pointer"
@@ -1670,18 +1670,18 @@ var SegmentedControl_default = /* @__PURE__ */ defineComponent({
 					value: option.value,
 					name: unref(name),
 					class: "peer sr-only"
-				}, null, 8, _hoisted_2$12), [[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$18), [[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$12 = {
+var _hoisted_1$20 = {
 	role: "status",
 	class: "flex flex-col gap-1"
 };
-var _hoisted_2$11 = { class: "sr-only" };
+var _hoisted_2$17 = { class: "sr-only" };
 //#endregion
 //#region src/components/SkeletonList.vue
 var SkeletonList_default = /* @__PURE__ */ defineComponent({
@@ -1695,7 +1695,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$12, [createElementVNode("span", _hoisted_2$11, toDisplayString(__props.label), 1), (openBlock(true), createElementBlock(Fragment, null, renderList(__props.rows, (row) => {
+			return openBlock(), createElementBlock("div", _hoisted_1$20, [createElementVNode("span", _hoisted_2$17, 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]),
@@ -1708,10 +1708,10 @@ var SkeletonList_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/StatCard.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$11 = { class: "surface rounded-card flex flex-1 flex-col gap-0.5 p-3" };
-var _hoisted_2$10 = { class: "flex items-baseline gap-1" };
-var _hoisted_3$8 = { class: "text-ink text-xl font-semibold tabular-nums" };
-var _hoisted_4$6 = { class: "text-ink-soft text-xs" };
+var _hoisted_1$19 = { class: "surface rounded-card flex flex-1 flex-col gap-0.5 p-3" };
+var _hoisted_2$16 = { class: "flex items-baseline gap-1" };
+var _hoisted_3$10 = { class: "text-ink text-xl font-semibold tabular-nums" };
+var _hoisted_4$7 = { class: "text-ink-soft text-xs" };
 //#endregion
 //#region src/components/StatCard.vue
 var StatCard_default = /* @__PURE__ */ defineComponent({
@@ -1728,22 +1728,22 @@ var StatCard_default = /* @__PURE__ */ defineComponent({
 			flat: ArrowRight
 		};
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", _hoisted_1$11, [createElementVNode("div", _hoisted_2$10, [createElementVNode("span", _hoisted_3$8, toDisplayString(__props.value), 1), __props.trend ? (openBlock(), createBlock(resolveDynamicComponent(TREND_ICON[__props.trend]), {
+			return openBlock(), createElementBlock("div", _hoisted_1$19, [createElementVNode("div", _hoisted_2$16, [createElementVNode("span", _hoisted_3$10, 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$6, toDisplayString(__props.label), 1)]);
+			})) : createCommentVNode("", true)]), createElementVNode("span", _hoisted_4$7, toDisplayString(__props.label), 1)]);
 		};
 	}
 });
 //#endregion
 //#region src/components/ToastHost.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$10 = [
+var _hoisted_1$18 = [
 	"onMouseenter",
 	"onMouseleave",
 	"onFocusin",
 	"onFocusout"
 ];
-var _hoisted_2$9 = { class: "flex-1 text-sm leading-snug" };
+var _hoisted_2$15 = { class: "flex-1 text-sm leading-snug" };
 //#endregion
 //#region src/components/ToastHost.vue
 var ToastHost_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
@@ -1804,7 +1804,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$9, toDisplayString(toast.message), 1),
+						createElementVNode("p", _hoisted_2$15, toDisplayString(toast.message), 1),
 						toast.action ? (openBlock(), createBlock(BaseButton_default, {
 							key: 0,
 							variant: "link",
@@ -1827,7 +1827,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$10);
+					], 40, _hoisted_1$18);
 				}), 128))]),
 				_: 1
 			})], 2)])) : createCommentVNode("", true);
@@ -1836,8 +1836,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$9 = ["aria-label"];
-var _hoisted_2$8 = [
+var _hoisted_1$17 = ["aria-label"];
+var _hoisted_2$14 = [
 	"lang",
 	"aria-pressed",
 	"onClick"
@@ -1881,17 +1881,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$8);
-			}), 128))], 8, _hoisted_1$9);
+				}, toDisplayString(__props.labels[locale]), 11, _hoisted_2$14);
+			}), 128))], 8, _hoisted_1$17);
 		};
 	}
 });
 //#endregion
 //#region src/components/TabBar.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$8 = { class: "tab-bar" };
-var _hoisted_2$7 = ["aria-label"];
-var _hoisted_3$7 = { class: "tab-icon-slot" };
-var _hoisted_4$5 = { class: "tab-label" };
+var _hoisted_1$16 = { class: "tab-bar" };
+var _hoisted_2$13 = ["aria-label"];
+var _hoisted_3$9 = { class: "tab-icon-slot" };
+var _hoisted_4$6 = { class: "tab-label" };
 //#endregion
 //#region src/components/TabBar.vue
 var TabBar_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
@@ -1903,7 +1903,7 @@ var TabBar_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 	},
 	setup(__props) {
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("header", _hoisted_1$8, [createElementVNode("nav", {
+			return openBlock(), createElementBlock("header", _hoisted_1$16, [createElementVNode("nav", {
 				class: "tab-bar-inner",
 				"aria-label": __props.label || void 0
 			}, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.items, (item) => {
@@ -1914,31 +1914,76 @@ 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$7, [(openBlock(), createBlock(resolveDynamicComponent(item.icon), { class: "tab-icon" }))]), createElementVNode("span", _hoisted_4$5, toDisplayString(item.label), 1)]),
+					default: withCtx(() => [createElementVNode("span", _hoisted_3$9, [(openBlock(), createBlock(resolveDynamicComponent(item.icon), { class: "tab-icon" }))]), createElementVNode("span", _hoisted_4$6, toDisplayString(item.label), 1)]),
 					_: 2
 				}, 1032, [
 					"to",
 					"class",
 					"aria-current"
 				]);
-			}), 128))], 8, _hoisted_2$7)]);
+			}), 128))], 8, _hoisted_2$13)]);
 		};
 	}
 }), [["__scopeId", "data-v-a76891c4"]]);
 //#endregion
+//#region src/components/AvatarStack.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$15 = ["aria-label"];
+var _hoisted_2$12 = {
+	key: 0,
+	class: "rk-stack-item rk-stack-rest",
+	"aria-hidden": "true"
+};
+//#endregion
+//#region src/components/AvatarStack.vue
+var AvatarStack_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	__name: "AvatarStack",
+	props: {
+		people: {},
+		label: {},
+		max: { default: 4 },
+		size: { default: "md" }
+	},
+	setup(__props) {
+		const shown = computed(() => __props.people.slice(0, __props.max));
+		const rest = computed(() => Math.max(0, __props.people.length - shown.value.length));
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				class: normalizeClass(["rk-stack", `is-${__props.size}`]),
+				role: "img",
+				"aria-label": __props.label
+			}, [(openBlock(true), createElementBlock(Fragment, null, renderList(shown.value, (person) => {
+				return openBlock(), createElementBlock("span", {
+					key: person.name,
+					class: "rk-stack-item",
+					"aria-hidden": "true"
+				}, [createVNode(BaseAvatar_default, {
+					name: person.name,
+					src: person.src,
+					size: __props.size,
+					fallback: "initials"
+				}, null, 8, [
+					"name",
+					"src",
+					"size"
+				])]);
+			}), 128)), rest.value ? (openBlock(), createElementBlock("span", _hoisted_2$12, "+" + toDisplayString(rest.value), 1)) : createCommentVNode("", true)], 10, _hoisted_1$15);
+		};
+	}
+}), [["__scopeId", "data-v-db629481"]]);
+//#endregion
 //#region src/components/BaseCalendar.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$7 = { class: "rk-cal" };
-var _hoisted_2$6 = { class: "rk-cal-head" };
-var _hoisted_3$6 = ["aria-label"];
-var _hoisted_4$4 = ["aria-expanded"];
-var _hoisted_5$2 = ["aria-label"];
-var _hoisted_6$2 = {
+var _hoisted_1$14 = { class: "rk-cal" };
+var _hoisted_2$11 = { class: "rk-cal-head" };
+var _hoisted_3$8 = ["aria-label"];
+var _hoisted_4$5 = ["aria-expanded"];
+var _hoisted_5$3 = ["aria-label"];
+var _hoisted_6$3 = {
 	key: 0,
 	class: "rk-cal-weekdays",
 	"aria-hidden": "true"
 };
-var _hoisted_7$1 = ["aria-label"];
-var _hoisted_8 = [
+var _hoisted_7$2 = ["aria-label"];
+var _hoisted_8$1 = [
 	"tabindex",
 	"disabled",
 	"aria-label",
@@ -1947,12 +1992,12 @@ var _hoisted_8 = [
 	"onClick",
 	"onPointerenter"
 ];
-var _hoisted_9 = {
+var _hoisted_9$1 = {
 	key: 2,
 	class: "rk-cal-blocks"
 };
-var _hoisted_10 = ["aria-label", "onClick"];
-var _hoisted_11 = {
+var _hoisted_10$1 = ["aria-label", "onClick"];
+var _hoisted_11$1 = {
 	key: 3,
 	class: "rk-cal-blocks"
 };
@@ -2124,8 +2169,8 @@ var BaseCalendar_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
 			if (next) focused.value = next;
 		});
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", _hoisted_1$7, [
-				createElementVNode("div", _hoisted_2$6, [
+			return openBlock(), createElementBlock("div", _hoisted_1$14, [
+				createElementVNode("div", _hoisted_2$11, [
 					createElementVNode("button", {
 						type: "button",
 						class: "rk-cal-arrow focus-ring",
@@ -2134,13 +2179,13 @@ var BaseCalendar_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
 					}, [createVNode(unref(ChevronLeft), {
 						class: "size-4",
 						"aria-hidden": "true"
-					})], 8, _hoisted_3$6),
+					})], 8, _hoisted_3$8),
 					createElementVNode("button", {
 						type: "button",
 						class: "rk-cal-title focus-ring",
 						"aria-expanded": view.value !== "days",
 						onClick: cycleView
-					}, toDisplayString(view.value === "years" ? `${years.value[0]} – ${years.value[11]}` : monthTitle.value), 9, _hoisted_4$4),
+					}, toDisplayString(view.value === "years" ? `${years.value[0]} – ${years.value[11]}` : monthTitle.value), 9, _hoisted_4$5),
 					createElementVNode("button", {
 						type: "button",
 						class: "rk-cal-arrow focus-ring",
@@ -2149,9 +2194,9 @@ var BaseCalendar_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
 					}, [createVNode(unref(ChevronRight), {
 						class: "size-4",
 						"aria-hidden": "true"
-					})], 8, _hoisted_5$2)
+					})], 8, _hoisted_5$3)
 				]),
-				view.value === "days" ? (openBlock(), createElementBlock("div", _hoisted_6$2, [(openBlock(true), createElementBlock(Fragment, null, renderList(weekdays.value, (day) => {
+				view.value === "days" ? (openBlock(), createElementBlock("div", _hoisted_6$3, [(openBlock(true), createElementBlock(Fragment, null, renderList(weekdays.value, (day) => {
 					return openBlock(), createElementBlock("span", { key: day.long }, toDisplayString(day.short), 1);
 				}), 128))])) : createCommentVNode("", true),
 				view.value === "days" ? (openBlock(), createElementBlock("div", {
@@ -2183,17 +2228,17 @@ var BaseCalendar_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
 							"aria-current": key === __props.today ? "date" : void 0,
 							onClick: ($event) => choose(key),
 							onPointerenter: ($event) => hovered.value = key
-						}, toDisplayString(unref(fromDateKey)(key).getDate()), 43, _hoisted_8)]);
+						}, toDisplayString(unref(fromDateKey)(key).getDate()), 43, _hoisted_8$1)]);
 					}), 128))]);
-				}), 128))], 40, _hoisted_7$1)) : view.value === "months" ? (openBlock(), createElementBlock("div", _hoisted_9, [(openBlock(true), createElementBlock(Fragment, null, renderList(months.value, (entry) => {
+				}), 128))], 40, _hoisted_7$2)) : view.value === "months" ? (openBlock(), createElementBlock("div", _hoisted_9$1, [(openBlock(true), createElementBlock(Fragment, null, renderList(months.value, (entry) => {
 					return openBlock(), createElementBlock("button", {
 						key: entry.index,
 						type: "button",
 						class: "rk-cal-block focus-ring",
 						"aria-label": entry.long,
 						onClick: ($event) => chooseMonth(entry.index)
-					}, toDisplayString(entry.label), 9, _hoisted_10);
-				}), 128))])) : (openBlock(), createElementBlock("div", _hoisted_11, [(openBlock(true), createElementBlock(Fragment, null, renderList(years.value, (value) => {
+					}, toDisplayString(entry.label), 9, _hoisted_10$1);
+				}), 128))])) : (openBlock(), createElementBlock("div", _hoisted_11$1, [(openBlock(true), createElementBlock(Fragment, null, renderList(years.value, (value) => {
 					return openBlock(), createElementBlock("button", {
 						key: value,
 						type: "button",
@@ -2206,6 +2251,628 @@ var BaseCalendar_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
 	}
 }), [["__scopeId", "data-v-6d0b0811"]]);
 //#endregion
+//#region src/components/BaseChip.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$13 = { class: "truncate" };
+var _hoisted_2$10 = ["aria-label", "disabled"];
+//#endregion
+//#region src/components/BaseChip.vue
+var BaseChip_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	__name: "BaseChip",
+	props: {
+		label: {},
+		icon: { default: () => void 0 },
+		tone: { default: "neutral" },
+		removeLabel: { default: () => void 0 },
+		selected: {
+			type: Boolean,
+			default: () => void 0
+		},
+		disabled: {
+			type: Boolean,
+			default: false
+		}
+	},
+	emits: ["remove", "select"],
+	setup(__props, { emit: __emit }) {
+		const emit = __emit;
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(resolveDynamicComponent(__props.selected === void 0 ? "span" : "button"), {
+				type: __props.selected === void 0 ? void 0 : "button",
+				class: normalizeClass(["rk-chip", [`tone-${__props.tone}`, {
+					"is-selected": __props.selected,
+					"is-button": __props.selected !== void 0
+				}]]),
+				"aria-pressed": __props.selected,
+				disabled: __props.selected === void 0 ? void 0 : __props.disabled,
+				onClick: _cache[1] || (_cache[1] = ($event) => __props.selected === void 0 ? void 0 : emit("select"))
+			}, {
+				default: withCtx(() => [
+					__props.icon ? (openBlock(), createBlock(resolveDynamicComponent(__props.icon), {
+						key: 0,
+						class: "size-3.5 shrink-0",
+						"aria-hidden": "true"
+					})) : createCommentVNode("", true),
+					createElementVNode("span", _hoisted_1$13, toDisplayString(__props.label), 1),
+					__props.removeLabel ? (openBlock(), createElementBlock("button", {
+						key: 1,
+						type: "button",
+						class: "rk-chip-remove focus-ring",
+						"aria-label": __props.removeLabel,
+						disabled: __props.disabled,
+						onClick: _cache[0] || (_cache[0] = withModifiers(($event) => emit("remove"), ["stop"]))
+					}, [createVNode(unref(X), {
+						class: "size-3",
+						"aria-hidden": "true"
+					})], 8, _hoisted_2$10)) : createCommentVNode("", true)
+				]),
+				_: 1
+			}, 8, [
+				"type",
+				"class",
+				"aria-pressed",
+				"disabled"
+			]);
+		};
+	}
+}), [["__scopeId", "data-v-e9026659"]]);
+//#endregion
+//#region src/components/BaseKbd.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$12 = {
+	key: 0,
+	class: "rk-kbd-joiner",
+	"aria-hidden": "true"
+};
+var _hoisted_2$9 = { class: "rk-kbd-key control" };
+//#endregion
+//#region src/components/BaseKbd.vue
+var BaseKbd_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	__name: "BaseKbd",
+	props: {
+		keys: {},
+		joiner: { default: "" },
+		size: { default: "md" }
+	},
+	setup(__props) {
+		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$12, toDisplayString(__props.joiner), 1)) : createCommentVNode("", true), createElementVNode("kbd", _hoisted_2$9, toDisplayString(key), 1)], 64);
+			}), 128))], 2);
+		};
+	}
+}), [["__scopeId", "data-v-e4b97bbe"]]);
+//#endregion
+//#region src/components/BaseLink.vue
+var BaseLink_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	__name: "BaseLink",
+	props: {
+		to: { default: () => void 0 },
+		href: { default: () => void 0 },
+		external: {
+			type: Boolean,
+			default: () => void 0
+		},
+		tone: { default: "primary" },
+		underline: { default: "hover" }
+	},
+	setup(__props) {
+		const is = computed(() => __props.to !== void 0 ? RouterLink : "a");
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(resolveDynamicComponent(is.value), mergeProps({ class: ["rk-link focus-ring", [`tone-${__props.tone}`, `underline-${__props.underline}`]] }, __props.to !== void 0 ? { to: __props.to } : {
+				href: __props.href,
+				target: __props.external ? "_blank" : void 0,
+				rel: __props.external ? "noopener noreferrer" : void 0
+			}), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default", {}, void 0, true), __props.external ? (openBlock(), createBlock(unref(ArrowUpRight), {
+					key: 0,
+					class: "rk-link-mark",
+					"aria-hidden": "true"
+				})) : createCommentVNode("", true)]),
+				_: 3
+			}, 16, ["class"]);
+		};
+	}
+}), [["__scopeId", "data-v-88581007"]]);
+//#endregion
+//#region src/components/BaseRating.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$11 = [
+	"role",
+	"aria-label",
+	"tabindex",
+	"aria-valuenow",
+	"aria-valuemin",
+	"aria-valuemax",
+	"aria-valuetext"
+];
+//#endregion
+//#region src/components/BaseRating.vue
+var BaseRating_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	__name: "BaseRating",
+	props: /*@__PURE__*/ mergeModels({
+		max: { default: 5 },
+		label: {},
+		valueLabel: { type: Function },
+		readonly: {
+			type: Boolean,
+			default: false
+		},
+		size: { default: "md" },
+		allowClear: {
+			type: Boolean,
+			default: true
+		}
+	}, {
+		"modelValue": { default: 0 },
+		"modelModifiers": {}
+	}),
+	emits: ["update:modelValue"],
+	setup(__props) {
+		/** The score, with `v-model`. `0` is none given. */
+		const model = useModel(__props, "modelValue");
+		const hovered = ref(0);
+		const shown = computed(() => hovered.value || model.value);
+		const stars = computed(() => Array.from({ length: __props.max }, (_, i) => i + 1));
+		function pick(value) {
+			if (__props.readonly) return;
+			model.value = __props.allowClear && model.value === value ? 0 : value;
+		}
+		function onKeydown(event) {
+			const next = {
+				ArrowRight: model.value + 1,
+				ArrowUp: model.value + 1,
+				ArrowLeft: model.value - 1,
+				ArrowDown: model.value - 1,
+				Home: 0,
+				End: __props.max
+			}[event.key];
+			if (next === void 0) return;
+			event.preventDefault();
+			model.value = Math.min(__props.max, Math.max(0, next));
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				class: normalizeClass(["rk-rating", [`is-${__props.size}`, { "is-readonly": __props.readonly }]]),
+				role: __props.readonly ? "img" : "slider",
+				"aria-label": `${__props.label}: ${__props.valueLabel(model.value, __props.max)}`,
+				tabindex: __props.readonly ? void 0 : 0,
+				"aria-valuenow": __props.readonly ? void 0 : model.value,
+				"aria-valuemin": __props.readonly ? void 0 : 0,
+				"aria-valuemax": __props.readonly ? void 0 : __props.max,
+				"aria-valuetext": __props.readonly ? void 0 : __props.valueLabel(model.value, __props.max),
+				onKeydown: _cache[0] || (_cache[0] = ($event) => __props.readonly ? void 0 : onKeydown($event)),
+				onPointerleave: _cache[1] || (_cache[1] = ($event) => hovered.value = 0)
+			}, [(openBlock(true), createElementBlock(Fragment, null, renderList(stars.value, (star) => {
+				return openBlock(), createBlock(resolveDynamicComponent(__props.readonly ? "span" : "button"), {
+					key: star,
+					type: __props.readonly ? void 0 : "button",
+					class: normalizeClass(["rk-rating-star", { "is-on": star <= shown.value }]),
+					tabindex: __props.readonly ? void 0 : -1,
+					"aria-hidden": true,
+					onClick: ($event) => pick(star),
+					onPointerenter: ($event) => __props.readonly ? void 0 : hovered.value = star
+				}, {
+					default: withCtx(() => [createVNode(unref(Star), { class: "rk-rating-icon" })]),
+					_: 1
+				}, 40, [
+					"type",
+					"class",
+					"tabindex",
+					"onClick",
+					"onPointerenter"
+				]);
+			}), 128))], 42, _hoisted_1$11);
+		};
+	}
+}), [["__scopeId", "data-v-38007368"]]);
+//#endregion
+//#region src/components/BaseSeparator.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$10 = { class: "rk-sep-label" };
+var _hoisted_2$8 = ["aria-orientation"];
+//#endregion
+//#region src/components/BaseSeparator.vue
+var BaseSeparator_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	__name: "BaseSeparator",
+	props: {
+		orientation: { default: "horizontal" },
+		label: { default: "" },
+		spacing: { default: "md" }
+	},
+	setup(__props) {
+		/**
+		* A line between things — with, when it helps, a word on it.
+		*
+		* `role="separator"` when it only divides, and nothing at all to assistive
+		* tech when it carries a label, because then the text is the point and the
+		* line is decoration around it.
+		*
+		* Vertical needs a height from its parent: inside a flex row, that is
+		* `align-items: stretch`, which is the default.
+		*/
+		return (_ctx, _cache) => {
+			return __props.label ? (openBlock(), createElementBlock("div", {
+				key: 0,
+				class: normalizeClass(["rk-sep-labelled", [`is-${__props.orientation}`, `space-${__props.spacing}`]]),
+				"aria-hidden": "true"
+			}, [
+				_cache[0] || (_cache[0] = createElementVNode("span", { class: "rk-sep-line" }, null, -1)),
+				createElementVNode("span", _hoisted_1$10, 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$8));
+		};
+	}
+}), [["__scopeId", "data-v-9f8cc9aa"]]);
+//#endregion
+//#region src/components/BaseSkeleton.vue
+var BaseSkeleton_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	__name: "BaseSkeleton",
+	props: {
+		width: { default: "100%" },
+		height: { default: "1rem" },
+		shape: { default: "block" }
+	},
+	setup(__props) {
+		/**
+		* One grey box standing in for content that has not arrived.
+		*
+		* `SkeletonList` is rows of these for a list; this is the primitive, for the
+		* shapes a list does not cover — an avatar, a heading, a chart.
+		*
+		* A height is a CSS length, never a class: `h-4` inside a component the app
+		* does not control would render at zero the day that utility is not in the
+		* app's stylesheet, which is exactly how every skeleton in one app came out
+		* invisible.
+		*
+		* It is hidden from assistive tech. The thing that is loading says so —
+		* through `aria-busy`, or a status message — and a screen reader reading
+		* "blank, blank, blank" helps nobody.
+		*/
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("span", {
+				class: normalizeClass(["rk-skeleton", `is-${__props.shape}`]),
+				style: normalizeStyle({
+					width: __props.shape === "circle" ? __props.height : __props.width,
+					height: __props.height
+				}),
+				"aria-hidden": "true"
+			}, null, 6);
+		};
+	}
+}), [["__scopeId", "data-v-37327de6"]]);
+//#endregion
+//#region src/components/CopyButton.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$9 = ["aria-label"];
+var _hoisted_2$7 = { key: 2 };
+var _hoisted_3$7 = {
+	class: "sr-only",
+	role: "status",
+	"aria-live": "polite"
+};
+//#endregion
+//#region src/components/CopyButton.vue
+var CopyButton_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	__name: "CopyButton",
+	props: {
+		text: {},
+		copyLabel: {},
+		copiedLabel: {},
+		errorLabel: { default: () => void 0 },
+		withText: {
+			type: Boolean,
+			default: false
+		}
+	},
+	emits: ["copied", "failed"],
+	setup(__props, { emit: __emit }) {
+		const emit = __emit;
+		const state = ref("idle");
+		let timer = null;
+		async function copy() {
+			if (timer) clearTimeout(timer);
+			try {
+				await navigator.clipboard.writeText(__props.text);
+				state.value = "copied";
+				emit("copied");
+			} catch {
+				state.value = "failed";
+				emit("failed");
+			}
+			timer = setTimeout(() => state.value = "idle", 2e3);
+		}
+		onBeforeUnmount(() => {
+			if (timer) clearTimeout(timer);
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("button", {
+				type: "button",
+				class: normalizeClass(["rk-copy control focus-ring", {
+					"is-copied": state.value === "copied",
+					"with-text": __props.withText
+				}]),
+				"aria-label": __props.withText ? void 0 : state.value === "copied" ? __props.copiedLabel : __props.copyLabel,
+				onClick: copy
+			}, [
+				state.value === "copied" ? (openBlock(), createBlock(unref(Check), {
+					key: 0,
+					class: "size-4 shrink-0",
+					"aria-hidden": "true"
+				})) : (openBlock(), createBlock(unref(Copy), {
+					key: 1,
+					class: "size-4 shrink-0",
+					"aria-hidden": "true"
+				})),
+				__props.withText ? (openBlock(), createElementBlock("span", _hoisted_2$7, toDisplayString(state.value === "copied" ? __props.copiedLabel : __props.copyLabel), 1)) : createCommentVNode("", true),
+				createElementVNode("span", _hoisted_3$7, toDisplayString(state.value === "copied" ? __props.copiedLabel : state.value === "failed" ? __props.errorLabel ?? "" : ""), 1)
+			], 10, _hoisted_1$9);
+		};
+	}
+}), [["__scopeId", "data-v-c481e140"]]);
+//#endregion
+//#region src/components/FileDrop.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$8 = { class: "rk-drop" };
+var _hoisted_2$6 = ["for"];
+var _hoisted_3$6 = [
+	"id",
+	"accept",
+	"multiple",
+	"disabled"
+];
+var _hoisted_4$4 = { class: "rk-drop-label" };
+var _hoisted_5$2 = {
+	key: 0,
+	class: "rk-drop-hint"
+};
+var _hoisted_6$2 = { class: "rk-drop-browse" };
+var _hoisted_7$1 = {
+	key: 0,
+	class: "rk-drop-error",
+	role: "alert"
+};
+var _hoisted_8 = {
+	key: 1,
+	class: "rk-drop-files"
+};
+var _hoisted_9 = { class: "truncate" };
+var _hoisted_10 = { class: "rk-drop-size" };
+var _hoisted_11 = [
+	"aria-label",
+	"disabled",
+	"onClick"
+];
+//#endregion
+//#region src/components/FileDrop.vue
+var FileDrop_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	__name: "FileDrop",
+	props: /*@__PURE__*/ mergeModels({
+		label: {},
+		hint: { default: "" },
+		browseLabel: {},
+		removeLabel: {},
+		accept: { default: () => void 0 },
+		multiple: {
+			type: Boolean,
+			default: false
+		},
+		maxSize: { default: () => void 0 },
+		tooLargeLabel: { default: () => void 0 },
+		disabled: {
+			type: Boolean,
+			default: false
+		}
+	}, {
+		"modelValue": { default: () => [] },
+		"modelModifiers": {}
+	}),
+	emits: /*@__PURE__*/ mergeModels(["rejected"], ["update:modelValue"]),
+	setup(__props, { emit: __emit }) {
+		const emit = __emit;
+		/** The files held, with `v-model`. */
+		const model = useModel(__props, "modelValue");
+		const id = useId();
+		const over = ref(false);
+		const refused = ref(false);
+		const tooBig = (file) => __props.maxSize !== void 0 && file.size > __props.maxSize;
+		function take(list) {
+			if (!list || __props.disabled) return;
+			const incoming = Array.from(list);
+			const rejected = incoming.filter(tooBig);
+			const accepted = incoming.filter((file) => !tooBig(file));
+			refused.value = rejected.length > 0;
+			if (rejected.length) emit("rejected", rejected);
+			model.value = __props.multiple ? [...model.value, ...accepted] : accepted.slice(0, 1);
+		}
+		function onDrop(event) {
+			over.value = false;
+			take(event.dataTransfer?.files ?? null);
+		}
+		function onInput(event) {
+			const input = event.target;
+			take(input.files);
+			input.value = "";
+		}
+		function remove(index) {
+			model.value = model.value.filter((_, at) => at !== index);
+		}
+		/** KB and MB by hand: `Intl` has no file sizes, and the unit is not a word. */
+		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$8, [
+				createElementVNode("label", {
+					class: normalizeClass(["rk-drop-box control", {
+						"is-over": over.value,
+						"is-disabled": __props.disabled
+					}]),
+					for: unref(id),
+					onDragover: _cache[0] || (_cache[0] = withModifiers(($event) => over.value = !__props.disabled, ["prevent"])),
+					onDragleave: _cache[1] || (_cache[1] = ($event) => over.value = false),
+					onDrop: withModifiers(onDrop, ["prevent"])
+				}, [
+					createElementVNode("input", {
+						id: unref(id),
+						type: "file",
+						class: "sr-only",
+						accept: __props.accept,
+						multiple: __props.multiple,
+						disabled: __props.disabled,
+						onChange: onInput
+					}, null, 40, _hoisted_3$6),
+					createVNode(unref(Upload), {
+						class: "text-ink-soft size-6",
+						"aria-hidden": "true"
+					}),
+					createElementVNode("span", _hoisted_4$4, toDisplayString(__props.label), 1),
+					__props.hint ? (openBlock(), createElementBlock("span", _hoisted_5$2, toDisplayString(__props.hint), 1)) : createCommentVNode("", true),
+					createElementVNode("span", _hoisted_6$2, toDisplayString(__props.browseLabel), 1)
+				], 42, _hoisted_2$6),
+				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", {
+						key: `${file.name}-${index}`,
+						class: "rk-drop-file control"
+					}, [
+						createVNode(unref(Paperclip), {
+							class: "text-ink-soft size-4 shrink-0",
+							"aria-hidden": "true"
+						}),
+						createElementVNode("span", _hoisted_9, toDisplayString(file.name), 1),
+						createElementVNode("span", _hoisted_10, toDisplayString(size(file.size)), 1),
+						createElementVNode("button", {
+							type: "button",
+							class: "rk-drop-remove focus-ring",
+							"aria-label": `${__props.removeLabel}: ${file.name}`,
+							disabled: __props.disabled,
+							onClick: ($event) => remove(index)
+						}, [createVNode(unref(X), {
+							class: "size-3.5",
+							"aria-hidden": "true"
+						})], 8, _hoisted_11)
+					]);
+				}), 128))])) : createCommentVNode("", true)
+			]);
+		};
+	}
+}), [["__scopeId", "data-v-a42eab69"]]);
+//#endregion
+//#region src/components/TagsInput.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$7 = [
+	"id",
+	"placeholder",
+	"aria-describedby",
+	"aria-invalid",
+	"disabled"
+];
+//#endregion
+//#region src/components/TagsInput.vue
+var TagsInput_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	__name: "TagsInput",
+	props: /*@__PURE__*/ mergeModels({
+		label: {},
+		removeLabel: { type: Function },
+		placeholder: { default: "" },
+		hint: { default: "" },
+		error: { default: "" },
+		max: { default: () => void 0 },
+		allowDuplicates: {
+			type: Boolean,
+			default: false
+		},
+		size: { default: "md" },
+		labelHidden: {
+			type: Boolean,
+			default: false
+		},
+		disabled: {
+			type: Boolean,
+			default: false
+		}
+	}, {
+		"modelValue": { default: () => [] },
+		"modelModifiers": {}
+	}),
+	emits: ["update:modelValue"],
+	setup(__props) {
+		/** The tags, with `v-model`. */
+		const model = useModel(__props, "modelValue");
+		const draft = ref("");
+		function add() {
+			const value = draft.value.trim();
+			draft.value = "";
+			if (!value) return;
+			if (__props.max !== void 0 && model.value.length >= __props.max) return;
+			if (!__props.allowDuplicates && model.value.includes(value)) return;
+			model.value = [...model.value, value];
+		}
+		function remove(index) {
+			model.value = model.value.filter((_, at) => at !== index);
+		}
+		function onKeydown(event) {
+			if (event.key === "Enter" || event.key === ",") {
+				event.preventDefault();
+				add();
+				return;
+			}
+			if (event.key === "Backspace" && draft.value === "" && model.value.length) {
+				event.preventDefault();
+				remove(model.value.length - 1);
+			}
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(FormField_default, {
+				label: __props.label,
+				error: __props.error,
+				hint: __props.hint,
+				size: __props.size,
+				"label-hidden": __props.labelHidden
+			}, {
+				default: withCtx(({ id, describedBy, invalid }) => [createElementVNode("div", {
+					class: normalizeClass(["rk-tags control", {
+						"is-invalid": invalid,
+						"is-disabled": __props.disabled
+					}]),
+					onClick: _cache[1] || (_cache[1] = ($event) => !__props.disabled && _ctx.$el.querySelector("input")?.focus())
+				}, [(openBlock(true), createElementBlock(Fragment, null, renderList(model.value, (tag, index) => {
+					return openBlock(), createBlock(BaseChip_default, {
+						key: `${tag}-${index}`,
+						label: tag,
+						"remove-label": __props.removeLabel(tag),
+						disabled: __props.disabled,
+						onRemove: ($event) => remove(index)
+					}, null, 8, [
+						"label",
+						"remove-label",
+						"disabled",
+						"onRemove"
+					]);
+				}), 128)), withDirectives(createElementVNode("input", {
+					id,
+					"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => draft.value = $event),
+					type: "text",
+					class: "rk-tags-field",
+					autocomplete: "off",
+					placeholder: model.value.length ? "" : __props.placeholder,
+					"aria-describedby": describedBy,
+					"aria-invalid": invalid,
+					disabled: __props.disabled || __props.max !== void 0 && model.value.length >= __props.max,
+					onKeydown,
+					onBlur: add
+				}, null, 40, _hoisted_1$7), [[vModelText, draft.value]])], 2)]),
+				_: 1
+			}, 8, [
+				"label",
+				"error",
+				"hint",
+				"size",
+				"label-hidden"
+			]);
+		};
+	}
+}), [["__scopeId", "data-v-b372ae7b"]]);
+//#endregion
 //#region src/components/BasePopover.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1$6 = ["id", "aria-label"];
 var FOCUSABLE = "a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex=\"-1\"])";
@@ -3164,8 +3831,8 @@ function createI18nRuntime(options) {
 *
 * The fallback keeps `vitest` and `vite dev` honest, where no define runs.
 */
-var VERSION = "2.6.0";
+var VERSION = "2.7.0";
 //#endregion
-export { AppError, 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, BaseCombobox_default as BaseCombobox, BaseDatePicker_default as BaseDatePicker, BaseInput_default as BaseInput, BaseMenu_default as BaseMenu, BasePopover_default as BasePopover, BaseRadioGroup_default as BaseRadioGroup, BaseSelect_default as BaseSelect, BaseSheet_default as BaseSheet, BaseSlider_default as BaseSlider, BaseSpinner_default as BaseSpinner, BaseStepper_default as BaseStepper, BaseSwitch_default as BaseSwitch, BaseTable_default as BaseTable, BaseTextarea_default as BaseTextarea, CircularProgress_default as CircularProgress, EmptyState_default as EmptyState, ErrorBoundary_default as ErrorBoundary, FormField_default as FormField, GoogleButton_default as GoogleButton, LocaleLinks_default as LocaleLinks, MATERIALS, NumberInput_default as NumberInput, PALETTES, PageContainer_default as PageContainer, PageHeader_default as PageHeader, PinInput_default as PinInput, PriceCard_default as PriceCard, ProgressBar_default as ProgressBar, SHEET_ROOT_ID, SectionHeading_default as SectionHeading, SegmentedControl_default as SegmentedControl, SettingsGroup_default as SettingsGroup, SettingsRow_default as SettingsRow, SkeletonList_default as SkeletonList, StatCard_default as StatCard, TabBar_default as TabBar, ToastHost_default as ToastHost, ToggleGroup_default as ToggleGroup, ToneDot_default as ToneDot, VERSION, addDays, applyMaterial, applyPalette, applyTheme, createI18nRuntime, downloadJson, eachDayOfYear, ensureSheetRoot, formatDate, formatNumber, fromDateKey, isApplePortable, isInstalled, isMaterial, isPaletteName, isThemePreference, lastNDays, leadingBlanks, needsIosInstall, readStoredTheme, registerErrorMapper, relativeDayLabel, safeRedirect, setFormatLocale, setMaterialStorageKey, setPaletteStorageKey, setThemeStorageKey, startOfWeek, tapFeedback, toAppError, toDateKey, toRedirectPath, todayKey, useDebouncedCallback, useDragScroll, useMaterial, useMediaQuery, useOnline, usePalette, useTheme, useToast, useToday, useVisualViewport };
+export { 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, BaseMenu_default as BaseMenu, 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, CircularProgress_default as CircularProgress, CopyButton_default as CopyButton, EmptyState_default as EmptyState, ErrorBoundary_default as ErrorBoundary, FileDrop_default as FileDrop, FormField_default as FormField, GoogleButton_default as GoogleButton, LocaleLinks_default as LocaleLinks, MATERIALS, NumberInput_default as NumberInput, PALETTES, PageContainer_default as PageContainer, PageHeader_default as PageHeader, PinInput_default as PinInput, PriceCard_default as PriceCard, ProgressBar_default as ProgressBar, SHEET_ROOT_ID, SectionHeading_default as SectionHeading, SegmentedControl_default as SegmentedControl, SettingsGroup_default as SettingsGroup, SettingsRow_default as SettingsRow, SkeletonList_default as SkeletonList, StatCard_default as StatCard, TabBar_default as TabBar, TagsInput_default as TagsInput, ToastHost_default as ToastHost, ToggleGroup_default as ToggleGroup, ToneDot_default as ToneDot, VERSION, addDays, applyMaterial, applyPalette, applyTheme, createI18nRuntime, downloadJson, eachDayOfYear, ensureSheetRoot, formatDate, formatNumber, fromDateKey, isApplePortable, isInstalled, isMaterial, isPaletteName, isThemePreference, lastNDays, leadingBlanks, needsIosInstall, readStoredTheme, registerErrorMapper, relativeDayLabel, safeRedirect, setFormatLocale, setMaterialStorageKey, setPaletteStorageKey, setThemeStorageKey, startOfWeek, tapFeedback, toAppError, toDateKey, toRedirectPath, todayKey, useDebouncedCallback, useDragScroll, useMaterial, useMediaQuery, useOnline, usePalette, useTheme, useToast, useToday, useVisualViewport };
 
 //# sourceMappingURL=index.js.map