rei-kit 0.1.0 → 0.2.0

package/dist/index.js

@@ -1,5 +1,5 @@
 import { n as registerErrorMapper, r as toAppError, t as AppError } from "./app-error-DF9cijE0.js";
-import { Fragment, Teleport, Transition, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, mergeModels, mergeProps, nextTick, normalizeClass, normalizeStyle, onMounted, onScopeDispose, onUnmounted, openBlock, readonly, ref, renderList, renderSlot, resolveDynamicComponent, toDisplayString, unref, useId, useModel, vModelDynamic, vModelRadio, watch, watchEffect, withCtx, withDirectives } from "vue";
+import { Fragment, Teleport, Transition, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createStaticVNode, createTextVNode, createVNode, defineComponent, getCurrentInstance, h, inject, mergeModels, mergeProps, nextTick, normalizeClass, normalizeStyle, onMounted, onScopeDispose, onUnmounted, openBlock, reactive, readonly, ref, renderList, renderSlot, resolveDynamicComponent, toDisplayString, unref, useId, useModel, vModelDynamic, vModelRadio, watch, watchEffect, withCtx, withDirectives } from "vue";
 import { ArrowDown, ArrowRight, ArrowUp, ChevronRight, X } from "lucide-vue-next";
 import { createI18n } from "vue-i18n";
 //#region src/utils/date.ts
@@ -651,12 +651,12 @@ function useVisualViewport() {
 }
 //#endregion
 //#region src/components/BaseButton.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$12 = [
+var _hoisted_1$13 = [
 	"type",
 	"disabled",
 	"aria-busy"
 ];
-var _hoisted_2$11 = {
+var _hoisted_2$12 = {
 	key: 0,
 	class: "size-4 animate-spin rounded-full border-2 border-current border-t-transparent",
 	"aria-hidden": "true"
@@ -694,15 +694,15 @@ var BaseButton_default = /* @__PURE__ */ defineComponent({
 				disabled: __props.disabled || __props.loading,
 				"aria-busy": __props.loading,
 				class: normalizeClass(["rounded-card focus-visible:outline-primary inline-flex items-center justify-center gap-2 font-medium transition-transform duration-100 select-none focus-visible:outline-2 focus-visible:outline-offset-2 active:scale-95 disabled:pointer-events-none disabled:opacity-50", [VARIANT_CLASS[__props.variant], SIZE_CLASS[__props.size]]])
-			}, [__props.loading ? (openBlock(), createElementBlock("span", _hoisted_2$11)) : createCommentVNode("", true), renderSlot(_ctx.$slots, "default")], 10, _hoisted_1$12);
+			}, [__props.loading ? (openBlock(), createElementBlock("span", _hoisted_2$12)) : createCommentVNode("", true), renderSlot(_ctx.$slots, "default")], 10, _hoisted_1$13);
 		};
 	}
 });
 //#endregion
 //#region src/components/BaseInput.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$11 = { class: "flex flex-col gap-1.5" };
-var _hoisted_2$10 = ["for"];
-var _hoisted_3$6 = [
+var _hoisted_1$12 = { class: "flex flex-col gap-1.5" };
+var _hoisted_2$11 = ["for"];
+var _hoisted_3$7 = [
 	"id",
 	"type",
 	"aria-invalid",
@@ -737,18 +737,18 @@ var BaseInput_default = /* @__PURE__ */ defineComponent({
 			if (__props.hint) return hintId;
 		});
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", _hoisted_1$11, [
+			return openBlock(), createElementBlock("div", _hoisted_1$12, [
 				createElementVNode("label", {
 					for: unref(id),
 					class: normalizeClass(["text-ink text-sm font-medium", __props.labelHidden ? "sr-only" : ""])
-				}, toDisplayString(__props.label), 11, _hoisted_2$10),
+				}, toDisplayString(__props.label), 11, _hoisted_2$11),
 				withDirectives(createElementVNode("input", mergeProps({
 					id: unref(id),
 					"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => model.value = $event),
 					type: __props.type,
 					"aria-invalid": Boolean(__props.error),
 					"aria-describedby": describedBy.value
-				}, _ctx.$attrs, { class: ["border-hair bg-surface text-ink rounded-card focus-visible:outline-primary h-11 border px-3 focus-visible:outline-2 focus-visible:outline-offset-1", __props.error ? "border-negative" : ""] }), null, 16, _hoisted_3$6), [[vModelDynamic, model.value]]),
+				}, _ctx.$attrs, { class: ["border-hair bg-surface text-ink rounded-card focus-visible:outline-primary h-11 border px-3 focus-visible:outline-2 focus-visible:outline-offset-1", __props.error ? "border-negative" : ""] }), null, 16, _hoisted_3$7), [[vModelDynamic, model.value]]),
 				__props.error ? (openBlock(), createElementBlock("p", {
 					key: 0,
 					id: errorId,
@@ -764,10 +764,10 @@ var BaseInput_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/BaseSheet.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$10 = { class: "shell-frame md:rounded-shell relative flex max-h-full flex-col justify-end overflow-hidden" };
-var _hoisted_2$9 = ["aria-label"];
-var _hoisted_3$5 = { class: "flex shrink-0 items-start gap-3 px-6 pt-4 pb-5" };
-var _hoisted_4$4 = { class: "min-w-0 flex-1" };
+var _hoisted_1$11 = { class: "shell-frame md:rounded-shell relative flex max-h-full flex-col justify-end overflow-hidden" };
+var _hoisted_2$10 = ["aria-label"];
+var _hoisted_3$6 = { class: "flex shrink-0 items-start gap-3 px-6 pt-4 pb-5" };
+var _hoisted_4$5 = { class: "min-w-0 flex-1" };
 var _hoisted_5$3 = { class: "text-ink text-xl leading-tight font-semibold" };
 var _hoisted_6$1 = {
 	key: 0,
@@ -845,7 +845,7 @@ var BaseSheet_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ define
 					key: 0,
 					class: "fixed inset-x-0 top-0 bottom-0 z-50 flex items-center justify-center",
 					style: normalizeStyle(viewportStyle.value)
-				}, [createElementVNode("div", _hoisted_1$10, [createElementVNode("div", {
+				}, [createElementVNode("div", _hoisted_1$11, [createElementVNode("div", {
 					class: "bg-ink/45 absolute inset-0 backdrop-blur-[2px]",
 					onClick: close
 				}), createElementVNode("section", {
@@ -861,14 +861,14 @@ var BaseSheet_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ define
 						class: "flex shrink-0 justify-center pt-3",
 						"aria-hidden": "true"
 					}, [createElementVNode("span", { class: "bg-hair h-1.5 w-10 rounded-full" })], -1)),
-					createElementVNode("header", _hoisted_3$5, [createElementVNode("div", _hoisted_4$4, [createElementVNode("h2", _hoisted_5$3, toDisplayString(__props.title), 1), __props.subtitle ? (openBlock(), createElementBlock("p", _hoisted_6$1, toDisplayString(__props.subtitle), 1)) : createCommentVNode("", true)]), createElementVNode("button", {
+					createElementVNode("header", _hoisted_3$6, [createElementVNode("div", _hoisted_4$5, [createElementVNode("h2", _hoisted_5$3, toDisplayString(__props.title), 1), __props.subtitle ? (openBlock(), createElementBlock("p", _hoisted_6$1, toDisplayString(__props.subtitle), 1)) : createCommentVNode("", true)]), createElementVNode("button", {
 						type: "button",
 						class: "text-ink-soft hover:bg-muted hover:text-ink -mt-1 flex size-10 shrink-0 items-center justify-center rounded-full transition-colors active:scale-90",
 						"aria-label": __props.closeLabel,
 						onClick: close
 					}, [createVNode(unref(X), { class: "size-5" })], 8, _hoisted_7$1)]),
 					createElementVNode("div", _hoisted_8, [renderSlot(_ctx.$slots, "default", {}, void 0, true)])
-				], 8, _hoisted_2$9)])], 4)) : createCommentVNode("", true)]),
+				], 8, _hoisted_2$10)])], 4)) : createCommentVNode("", true)]),
 				_: 3
 			})]);
 		};
@@ -886,13 +886,13 @@ var _plugin_vue_export_helper_default = (sfc, props) => {
 var BaseSheet_default = /*#__PURE__*/ _plugin_vue_export_helper_default(BaseSheet_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-3f2e9ce4"]]);
 //#endregion
 //#region src/components/EmptyState.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$9 = { class: "flex flex-col items-center gap-3 px-6 py-10 text-center" };
-var _hoisted_2$8 = {
+var _hoisted_1$10 = { class: "flex flex-col items-center gap-3 px-6 py-10 text-center" };
+var _hoisted_2$9 = {
 	key: 0,
 	class: "bg-muted text-primary rounded-card flex size-12 items-center"
 };
-var _hoisted_3$4 = { class: "text-ink text-base font-semibold" };
-var _hoisted_4$3 = {
+var _hoisted_3$5 = { class: "text-ink text-base font-semibold" };
+var _hoisted_4$4 = {
 	key: 1,
 	class: "text-ink-soft max-w-[36ch] text-sm"
 };
@@ -910,10 +910,10 @@ var EmptyState_default = /* @__PURE__ */ defineComponent({
 	},
 	setup(__props) {
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", _hoisted_1$9, [
-				_ctx.$slots.icon ? (openBlock(), createElementBlock("div", _hoisted_2$8, [renderSlot(_ctx.$slots, "icon")])) : createCommentVNode("", true),
-				createElementVNode("h3", _hoisted_3$4, toDisplayString(__props.title), 1),
-				__props.description ? (openBlock(), createElementBlock("p", _hoisted_4$3, toDisplayString(__props.description), 1)) : createCommentVNode("", true),
+			return openBlock(), createElementBlock("div", _hoisted_1$10, [
+				_ctx.$slots.icon ? (openBlock(), createElementBlock("div", _hoisted_2$9, [renderSlot(_ctx.$slots, "icon")])) : createCommentVNode("", true),
+				createElementVNode("h3", _hoisted_3$5, toDisplayString(__props.title), 1),
+				__props.description ? (openBlock(), createElementBlock("p", _hoisted_4$4, toDisplayString(__props.description), 1)) : createCommentVNode("", true),
 				_ctx.$slots.action ? (openBlock(), createElementBlock("div", _hoisted_5$2, [renderSlot(_ctx.$slots, "action")])) : createCommentVNode("", true)
 			]);
 		};
@@ -921,10 +921,10 @@ var EmptyState_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/PageHeader.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$8 = { class: "grid h-12 shrink-0 grid-cols-[2.5rem_1fr_2.5rem] items-center" };
-var _hoisted_2$7 = { class: "justify-self-start" };
-var _hoisted_3$3 = { class: "text-ink flex min-w-0 justify-center text-base font-semibold tabular-nums" };
-var _hoisted_4$2 = { class: "truncate" };
+var _hoisted_1$9 = { class: "grid h-12 shrink-0 grid-cols-[2.5rem_1fr_2.5rem] items-center" };
+var _hoisted_2$8 = { class: "justify-self-start" };
+var _hoisted_3$4 = { class: "text-ink flex min-w-0 justify-center text-base font-semibold tabular-nums" };
+var _hoisted_4$3 = { class: "truncate" };
 var _hoisted_5$1 = { class: "justify-self-end" };
 //#endregion
 //#region src/components/PageHeader.vue
@@ -933,9 +933,9 @@ var PageHeader_default = /* @__PURE__ */ defineComponent({
 	props: { title: {} },
 	setup(__props) {
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("header", _hoisted_1$8, [
-				createElementVNode("div", _hoisted_2$7, [renderSlot(_ctx.$slots, "left")]),
-				createElementVNode("h1", _hoisted_3$3, [renderSlot(_ctx.$slots, "title", {}, () => [createElementVNode("span", _hoisted_4$2, toDisplayString(__props.title), 1)])]),
+			return openBlock(), createElementBlock("header", _hoisted_1$9, [
+				createElementVNode("div", _hoisted_2$8, [renderSlot(_ctx.$slots, "left")]),
+				createElementVNode("h1", _hoisted_3$4, [renderSlot(_ctx.$slots, "title", {}, () => [createElementVNode("span", _hoisted_4$3, toDisplayString(__props.title), 1)])]),
 				createElementVNode("div", _hoisted_5$1, [renderSlot(_ctx.$slots, "right")])
 			]);
 		};
@@ -943,8 +943,8 @@ var PageHeader_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/ToneDot.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$7 = { class: "inline-flex items-center gap-1.5" };
-var _hoisted_2$6 = {
+var _hoisted_1$8 = { class: "inline-flex items-center gap-1.5" };
+var _hoisted_2$7 = {
 	key: 0,
 	class: "text-ink-soft text-xs font-medium"
 };
@@ -965,13 +965,13 @@ var ToneDot_default = /* @__PURE__ */ defineComponent({
 		* priorities — without this component knowing about any of them.
 		*/
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("span", _hoisted_1$7, [createElementVNode("span", { class: normalizeClass(["size-2 rounded-full", __props.fill]) }, null, 2), __props.label ? (openBlock(), createElementBlock("span", _hoisted_2$6, toDisplayString(__props.label), 1)) : createCommentVNode("", true)]);
+			return openBlock(), createElementBlock("span", _hoisted_1$8, [createElementVNode("span", { class: normalizeClass(["size-2 rounded-full", __props.fill]) }, null, 2), __props.label ? (openBlock(), createElementBlock("span", _hoisted_2$7, toDisplayString(__props.label), 1)) : createCommentVNode("", true)]);
 		};
 	}
 });
 //#endregion
 //#region src/components/SectionHeading.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$6 = {
+var _hoisted_1$7 = {
 	key: 0,
 	class: "text-ink-soft text-xs tabular-nums"
 };
@@ -989,15 +989,15 @@ var SectionHeading_default = /* @__PURE__ */ defineComponent({
 			return openBlock(), createElementBlock("h2", { class: normalizeClass(["flex 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$6, toDisplayString(__props.count), 1)) : createCommentVNode("", true)
+				__props.count > 0 ? (openBlock(), createElementBlock("span", _hoisted_1$7, toDisplayString(__props.count), 1)) : createCommentVNode("", true)
 			], 2);
 		};
 	}
 });
 //#endregion
 //#region src/components/SegmentedControl.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$5 = { class: "bg-muted rounded-card flex w-full gap-1 p-1" };
-var _hoisted_2$5 = ["value", "name"];
+var _hoisted_1$6 = { class: "bg-muted rounded-card flex w-full gap-1 p-1" };
+var _hoisted_2$6 = ["value", "name"];
 //#endregion
 //#region src/components/SegmentedControl.vue
 var SegmentedControl_default = /* @__PURE__ */ defineComponent({
@@ -1011,7 +1011,7 @@ var SegmentedControl_default = /* @__PURE__ */ defineComponent({
 		const model = useModel(__props, "modelValue");
 		const name = useId();
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", _hoisted_1$5, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.options, (option) => {
+			return openBlock(), createElementBlock("div", _hoisted_1$6, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.options, (option) => {
 				return openBlock(), createElementBlock("label", {
 					key: String(option.value),
 					class: "flex-1 cursor-pointer"
@@ -1021,16 +1021,16 @@ var SegmentedControl_default = /* @__PURE__ */ defineComponent({
 					value: option.value,
 					name: unref(name),
 					class: "sr-only"
-				}, null, 8, _hoisted_2$5), [[vModelRadio, model.value]]), createElementVNode("span", { class: normalizeClass(["flex h-10 items-center justify-center rounded-xl px-2 text-sm font-medium transition-colors select-none", model.value === option.value ? "bg-surface text-ink shadow-sm" : "text-ink-soft"]) }, toDisplayString(option.label), 3)]);
+				}, null, 8, _hoisted_2$6), [[vModelRadio, model.value]]), createElementVNode("span", { class: normalizeClass(["flex h-10 items-center justify-center rounded-xl px-2 text-sm font-medium transition-colors select-none", model.value === option.value ? "bg-surface text-ink shadow-sm" : "text-ink-soft"]) }, toDisplayString(option.label), 3)]);
 			}), 128))]);
 		};
 	}
 });
 //#endregion
 //#region src/components/SettingsGroup.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$4 = { class: "flex flex-col gap-2" };
-var _hoisted_2$4 = { class: "text-ink-soft px-1 text-xs font-semibold tracking-wide uppercase" };
-var _hoisted_3$2 = { class: "border-hair bg-surface rounded-card divide-hair divide-y overflow-hidden border" };
+var _hoisted_1$5 = { class: "flex flex-col gap-2" };
+var _hoisted_2$5 = { class: "text-ink-soft px-1 text-xs font-semibold tracking-wide uppercase" };
+var _hoisted_3$3 = { class: "border-hair bg-surface rounded-card divide-hair divide-y overflow-hidden border" };
 //#endregion
 //#region src/components/SettingsGroup.vue
 var SettingsGroup_default = /* @__PURE__ */ defineComponent({
@@ -1038,20 +1038,20 @@ var SettingsGroup_default = /* @__PURE__ */ defineComponent({
 	props: { title: {} },
 	setup(__props) {
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("section", _hoisted_1$4, [createElementVNode("h2", _hoisted_2$4, toDisplayString(__props.title), 1), createElementVNode("div", _hoisted_3$2, [renderSlot(_ctx.$slots, "default")])]);
+			return openBlock(), createElementBlock("section", _hoisted_1$5, [createElementVNode("h2", _hoisted_2$5, toDisplayString(__props.title), 1), createElementVNode("div", _hoisted_3$3, [renderSlot(_ctx.$slots, "default")])]);
 		};
 	}
 });
 //#endregion
 //#region src/components/SettingsRow.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$3 = { class: "flex items-center gap-3" };
-var _hoisted_2$3 = {
+var _hoisted_1$4 = { class: "flex items-center gap-3" };
+var _hoisted_2$4 = {
 	key: 0,
 	class: "bg-muted text-ink-soft flex size-9 shrink-0 items-center justify-center rounded-xl",
 	"aria-hidden": "true"
 };
-var _hoisted_3$1 = { class: "min-w-0 flex-1" };
-var _hoisted_4$1 = { class: "text-ink text-sm font-medium" };
+var _hoisted_3$2 = { class: "min-w-0 flex-1" };
+var _hoisted_4$2 = { class: "text-ink text-sm font-medium" };
 var _hoisted_5 = {
 	key: 0,
 	class: "text-ink-soft mt-0.5 text-xs leading-snug"
@@ -1087,9 +1087,9 @@ var SettingsRow_default = /* @__PURE__ */ defineComponent({
 				class: normalizeClass(["flex w-full items-center gap-3 px-4 py-3 text-left", [__props.interactive ? "hover:bg-muted/60 transition-colors active:scale-[0.99]" : "", __props.stacked ? "flex-col items-stretch gap-3" : ""]]),
 				onClick: _cache[0] || (_cache[0] = ($event) => __props.interactive && emit("click"))
 			}, {
-				default: withCtx(() => [createElementVNode("div", _hoisted_1$3, [
-					__props.icon ? (openBlock(), createElementBlock("span", _hoisted_2$3, [(openBlock(), createBlock(resolveDynamicComponent(__props.icon), { class: "size-[18px]" }))])) : createCommentVNode("", true),
-					createElementVNode("div", _hoisted_3$1, [createElementVNode("p", _hoisted_4$1, toDisplayString(__props.label), 1), __props.description ? (openBlock(), createElementBlock("p", _hoisted_5, toDisplayString(__props.description), 1)) : createCommentVNode("", true)]),
+				default: withCtx(() => [createElementVNode("div", _hoisted_1$4, [
+					__props.icon ? (openBlock(), createElementBlock("span", _hoisted_2$4, [(openBlock(), createBlock(resolveDynamicComponent(__props.icon), { class: "size-[18px]" }))])) : createCommentVNode("", true),
+					createElementVNode("div", _hoisted_3$2, [createElementVNode("p", _hoisted_4$2, toDisplayString(__props.label), 1), __props.description ? (openBlock(), createElementBlock("p", _hoisted_5, toDisplayString(__props.description), 1)) : createCommentVNode("", true)]),
 					!__props.stacked ? (openBlock(), createElementBlock("div", _hoisted_6, [renderSlot(_ctx.$slots, "default")])) : createCommentVNode("", true),
 					__props.interactive ? (openBlock(), createBlock(unref(ChevronRight), {
 						key: 2,
@@ -1104,11 +1104,11 @@ var SettingsRow_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/SkeletonList.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$2 = {
+var _hoisted_1$3 = {
 	role: "status",
 	class: "flex flex-col gap-1"
 };
-var _hoisted_2$2 = { class: "sr-only" };
+var _hoisted_2$3 = { class: "sr-only" };
 //#endregion
 //#region src/components/SkeletonList.vue
 var SkeletonList_default = /* @__PURE__ */ defineComponent({
@@ -1120,7 +1120,7 @@ var SkeletonList_default = /* @__PURE__ */ defineComponent({
 	},
 	setup(__props) {
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", _hoisted_1$2, [createElementVNode("span", _hoisted_2$2, toDisplayString(__props.label), 1), (openBlock(true), createElementBlock(Fragment, null, renderList(__props.rows, (row) => {
+			return openBlock(), createElementBlock("div", _hoisted_1$3, [createElementVNode("span", _hoisted_2$3, 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", __props.rowHeight]),
@@ -1132,10 +1132,10 @@ var SkeletonList_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/StatCard.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$1 = { class: "border-hair rounded-card flex flex-1 flex-col gap-0.5 border p-3" };
-var _hoisted_2$1 = { class: "flex items-baseline gap-1" };
-var _hoisted_3 = { class: "text-ink text-xl font-semibold tabular-nums" };
-var _hoisted_4 = { class: "text-ink-soft text-xs" };
+var _hoisted_1$2 = { class: "border-hair rounded-card flex flex-1 flex-col gap-0.5 border p-3" };
+var _hoisted_2$2 = { class: "flex items-baseline gap-1" };
+var _hoisted_3$1 = { class: "text-ink text-xl font-semibold tabular-nums" };
+var _hoisted_4$1 = { class: "text-ink-soft text-xs" };
 //#endregion
 //#region src/components/StatCard.vue
 var StatCard_default = /* @__PURE__ */ defineComponent({
@@ -1152,17 +1152,17 @@ var StatCard_default = /* @__PURE__ */ defineComponent({
 			flat: ArrowRight
 		};
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", _hoisted_1$1, [createElementVNode("div", _hoisted_2$1, [createElementVNode("span", _hoisted_3, toDisplayString(__props.value), 1), __props.trend ? (openBlock(), createBlock(resolveDynamicComponent(TREND_ICON[__props.trend]), {
+			return openBlock(), createElementBlock("div", _hoisted_1$2, [createElementVNode("div", _hoisted_2$2, [createElementVNode("span", _hoisted_3$1, 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, toDisplayString(__props.label), 1)]);
+			})) : createCommentVNode("", true)]), createElementVNode("span", _hoisted_4$1, toDisplayString(__props.label), 1)]);
 		};
 	}
 });
 //#endregion
 //#region src/components/LocaleLinks.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = ["aria-label"];
-var _hoisted_2 = [
+var _hoisted_1$1 = ["aria-label"];
+var _hoisted_2$1 = [
 	"lang",
 	"aria-pressed",
 	"onClick"
@@ -1206,12 +1206,707 @@ var LocaleLinks_default = /* @__PURE__ */ defineComponent({
 					class: normalizeClass(["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);
-			}), 128))], 8, _hoisted_1);
+				}, toDisplayString(__props.labels[locale]), 11, _hoisted_2$1);
+			}), 128))], 8, _hoisted_1$1);
 		};
 	}
 });
 //#endregion
+//#region src/components/GoogleButton.vue
+var GoogleButton_default = /* @__PURE__ */ defineComponent({
+	__name: "GoogleButton",
+	props: { label: {} },
+	emits: ["click"],
+	setup(__props, { emit: __emit }) {
+		const emit = __emit;
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("button", {
+				type: "button",
+				class: "border-hair bg-surface text-ink rounded-card hover:bg-muted flex h-11 w-full items-center justify-center gap-2 border text-sm font-medium transition-colors active:scale-95",
+				onClick: _cache[0] || (_cache[0] = ($event) => emit("click"))
+			}, [_cache[1] || (_cache[1] = createStaticVNode("<svg class=\"size-4\" viewBox=\"0 0 48 48\" aria-hidden=\"true\"><path fill=\"#EA4335\" d=\"M24 9.5c3.5 0 6.6 1.2 9 3.6l6.7-6.7C35.6 2.7 30.2.5 24 .5 14.6.5 6.5 5.9 2.6 13.7l7.8 6.1C12.3 13.7 17.7 9.5 24 9.5z\"></path><path fill=\"#4285F4\" d=\"M46.5 24.5c0-1.6-.1-3.1-.4-4.5H24v9h12.7c-.6 3-2.3 5.6-4.9 7.3l7.6 5.9c4.4-4.1 7.1-10.2 7.1-17.7z\"></path><path fill=\"#FBBC05\" d=\"M10.4 28.2a14.6 14.6 0 0 1 0-8.4l-7.8-6.1a24 24 0 0 0 0 20.6l7.8-6.1z\"></path><path fill=\"#34A853\" d=\"M24 47.5c6.2 0 11.5-2 15.4-5.6l-7.6-5.9c-2.1 1.4-4.8 2.3-7.8 2.3-6.3 0-11.7-4.2-13.6-10l-7.8 6.1C6.5 42.1 14.6 47.5 24 47.5z\"></path></svg>", 1)), createTextVNode(" " + toDisplayString(__props.label), 1)]);
+		};
+	}
+});
+//#endregion
+//#region node_modules/.pnpm/nostics@1.2.0/node_modules/nostics/dist/index.mjs
+/**
+* Renders a diagnostic into a multi-line, unicode-decorated string suitable
+* for terminal output. The first line is `[<name>] <message>`; optional
+* details (`fix`, `sources`, `docs`) follow with `├▶`/`╰▶` connectors.
+*/
+function formatDiagnostic(diagnostic) {
+	const header = `[${diagnostic.name}] ${diagnostic.message}`;
+	const details = [];
+	if (diagnostic.fix) details.push(`fix: ${diagnostic.fix}`);
+	if (diagnostic.sources?.length) details.push(`sources: ${diagnostic.sources.join(", ")}`);
+	if (diagnostic.docs) details.push(`see: ${diagnostic.docs}`);
+	if (details.length === 0) return header;
+	return [header, ...details.map((detail, i) => {
+		return `${i < details.length - 1 ? "├▶" : "╰▶"} ${detail}`;
+	})].join("\n");
+}
+/**
+* Transforms a value or a function that returns a value to a value.
+*
+* @param valFn either a value or a function that returns a value
+* @param args  arguments to pass to the function if `valFn` is a function
+*
+* @internal
+*/
+function toValueWithArgs(valFn, ...args) {
+	return typeof valFn === "function" ? valFn(...args) : valFn;
+}
+/**
+* Creates a console reporter that renders each diagnostic with `formatter` and
+* prints the result via `console[method]`. Both default sensibly (`'warn'` and
+* {@link formatDiagnostic}); `method` can also be overridden per call through
+* the reporter options.
+*/
+/* @__NO_SIDE_EFFECTS__ */
+function createConsoleReporter({ method: defaultMethod = "warn", formatter = formatDiagnostic } = {}) {
+	return (diagnostic, { method = defaultMethod } = {}) => {
+		console[method](formatter(diagnostic));
+	};
+}
+var captureStackTrace = Error.captureStackTrace;
+var Diagnostic = class Diagnostic extends Error {
+	name;
+	/**
+	* The diagnostic code, e.g. `MATH_E001`.
+	* Also appears as the `name` property.
+	*/
+	code;
+	/**
+	* URL to extended documentation for this diagnostic code.
+	* Auto-generated from {@link DefineDiagnosticsOptions.docsBase}.
+	*/
+	docs;
+	/**
+	* Optional actionable instructions on how to resolve the problem.
+	*/
+	fix;
+	/**
+	* Locations in user code that contributed to this diagnostic, in
+	* `file:line:column` format. Relevant when the stack trace doesn't reflect
+	* the user's source (e.g. compilers, bundlers), otherwise redundant with the
+	* stack and should be omitted.
+	*/
+	sources;
+	/**
+	* Alias for {@link Error.message}: the reason this diagnostic was raised.
+	*/
+	get why() {
+		return this.message;
+	}
+	/**
+	* @param init        structured initializer; `why` is required
+	* @param captureFrom V8 stack-cutoff frame. Defaults to {@link Diagnostic}
+	* so the top of the trace is the `new Diagnostic(...)` call site.
+	* `defineDiagnostics` passes its action method to strip its own frames too.
+	* Ignored on engines without `Error.captureStackTrace`.
+	*/
+	constructor(init, captureFrom = Diagnostic) {
+		super(init.why, { cause: init.cause });
+		this.code = this.name = init.code;
+		this.fix = init.fix;
+		this.docs = init.docs;
+		this.sources = init.sources;
+		captureStackTrace?.(this, captureFrom);
+	}
+	/**
+	* Converts the diagnostic into a serializable structured object.
+	*/
+	toJSON() {
+		return {
+			name: this.name,
+			why: this.why,
+			fix: this.fix,
+			docs: this.docs,
+			sources: this.sources,
+			cause: this.cause,
+			stack: this.stack
+		};
+	}
+};
+/**
+* Resolves the docs URL for a code from a `docsBase` (string template or
+* resolver function). Shared by {@link defineDiagnostics} and
+* {@link defineProdDiagnostics}. Per-code `docs` overrides are handled by the
+* caller; this only covers the `docsBase`-derived case.
+*
+* @internal
+*/
+function deriveDocs(docsBase, code) {
+	return typeof docsBase === "string" ? `${docsBase}/${code.toLowerCase()}` : docsBase?.(code);
+}
+/**
+* Creates a typed diagnostics object from a set of code definitions. Each
+* code becomes a callable {@link DiagnosticHandle}: invoke to report, or
+* `throw` the result to raise. No `new` required, no proxy.
+*/
+/* @__NO_SIDE_EFFECTS__ */
+function defineDiagnostics(options) {
+	const reporters = options.reporters ?? [];
+	const result = {};
+	const { docsBase } = options;
+	for (const code of Object.keys(options.codes)) {
+		const def = options.codes[code];
+		const docs = def.docs === false ? void 0 : def.docs || deriveDocs(docsBase, code);
+		const handle = (params = {}, reporterOptions = {}) => {
+			const diagnostic = new Diagnostic({
+				code,
+				why: toValueWithArgs(def.why, params),
+				fix: toValueWithArgs(def.fix, params),
+				docs,
+				cause: params.cause,
+				sources: params.sources
+			}, handle);
+			for (const reporter of reporters) reporter(diagnostic, reporterOptions);
+			return diagnostic;
+		};
+		result[code] = handle;
+	}
+	return result;
+}
+//#endregion
+//#region node_modules/.pnpm/vue-router@5.3.0_@vue+compiler-sfc@3.5.42_rolldown@1.2.6_vite@8.2.2_@types+node@24.13.3_32624d71e3238734f500b9958d6cb19f/node_modules/vue-router/dist/useApi-CUgTH_jn.js
+/*!
+* vue-router v5.3.0
+* (c) 2026 Eduardo San Martin Morote
+* @license MIT
+*/
+var noop = () => {};
+/**
+* Typesafe alternative to Array.isArray
+* https://github.com/microsoft/TypeScript/pull/48228
+*
+* @internal
+*/
+var isArray = Array.isArray;
+Symbol(process.env.NODE_ENV !== "production" ? "navigation failure" : "");
+var propertiesToLog = [
+	"params",
+	"query",
+	"hash"
+];
+/**
+* Stringifies a raw location for display in dev warnings.
+*
+* @internal
+*/
+function stringifyRoute(to) {
+	if (!to || typeof to === "string") return to;
+	if (to.path != null) return to.path;
+	const location = {};
+	for (const key of propertiesToLog) if (key in to) location[key] = to[key];
+	return JSON.stringify(location, null, 2);
+}
+/**
+* Runtime diagnostics catalog for Vue Router.
+*
+* Every entry has a stable `VUE_ROUTER_R####` code, a `why` that states the problem
+* (the diagnosis only, never the remedy) and a `fix` that states the remedy
+* (only, never the diagnosis). They are complementary: the reporter prints
+* both, so neither repeats the other. The diagnosis substrings asserted by the
+* warning tests stay in `why`. All call sites stay behind the existing `__DEV__` (or
+* `process.env.NODE_ENV !== 'production'`) guards and remain bare expression
+* statements so they tree-shake out of production builds.
+*
+* Codes are permanent: never rename or reuse one.
+* - `VUE_ROUTER_R0###` core runtime warnings
+* - `VUE_ROUTER_R1###` experimental data-loaders
+*/
+var diagnostics = /*#__PURE__*/ defineDiagnostics({
+	reporters: [/*#__PURE__*/ createConsoleReporter()],
+	codes: {
+		VUE_ROUTER_R0001: {
+			why: (p) => `Parent route "${p.name}" not found when adding child route`,
+			fix: "Add the parent route before its children, or check the parent name for typos.",
+			docs: "https://router.vuejs.org/guide/advanced/dynamic-routing.html#Adding-nested-routes"
+		},
+		VUE_ROUTER_R0002: {
+			why: (p) => `Cannot remove non-existent route "${p.name}"`,
+			fix: "Check the route name; it may already have been removed or was never added.",
+			docs: "https://router.vuejs.org/guide/advanced/dynamic-routing.html#Removing-routes"
+		},
+		VUE_ROUTER_R0003: {
+			why: (p) => `Location "${stringifyRoute(p.location)}" resolved to "${p.href}". A resolved location cannot start with multiple slashes.`,
+			fix: "Remove the leading slashes from the location or fix the route configuration."
+		},
+		VUE_ROUTER_R0004: {
+			why: (p) => `No match found for location with path "${stringifyRoute(p.path)}"`,
+			fix: "Add a route matching this path or check for typos in the location.",
+			docs: "https://router.vuejs.org/guide/essentials/dynamic-matching.html#Catch-all-404-Not-found-Route"
+		},
+		VUE_ROUTER_R0005: {
+			why: (p) => `router.resolve() was passed an invalid location. This will fail in production.\nLocation: ${stringifyRoute(p.rawLocation)}`,
+			fix: "Pass a valid route location: a string path or an object with `path` or `name`."
+		},
+		VUE_ROUTER_R0006: {
+			why: (p) => `Path "${p.path}" was passed with params but they will be ignored because a "path" was passed.`,
+			fix: "Use a named route `{ name, params }` instead of `{ path, params }`.",
+			docs: "https://router.vuejs.org/guide/essentials/navigation.html#Navigate-to-a-different-location"
+		},
+		VUE_ROUTER_R0007: {
+			why: (p) => `A \`hash\` should always start with the character "#" but received "${p.hash}".`,
+			fix: (p) => `Prepend "#" to the hash in your route location: use "#${p.hash}".`
+		},
+		VUE_ROUTER_R0008: {
+			why: (p) => `Invalid redirect found:\n${p.target}\n when navigating to "${p.to}".\nThis will break in production.`,
+			fix: "A redirect must resolve to a location with a `name` or `path`; return one of those (or a string path) from `redirect`.",
+			docs: "https://router.vuejs.org/guide/essentials/redirect-and-alias.html#Redirect"
+		},
+		VUE_ROUTER_R0009: {
+			why: (p) => `Detected a possibly infinite redirection in a navigation guard when going from "${p.from}" to "${p.to}". Aborting to avoid a Stack Overflow. This might break in production if not fixed.`,
+			fix: "A guard is returning a new location on every call; make that return conditional so it only redirects when actually needed.",
+			docs: "https://router.vuejs.org/guide/advanced/navigation-guards.html#Global-Before-Guards"
+		},
+		VUE_ROUTER_R0010: {
+			why: "Uncaught error during route navigation",
+			fix: "Register an error handler with `router.onError()` to handle navigation errors."
+		},
+		VUE_ROUTER_R0011: {
+			why: "Unexpected error when starting the router:",
+			fix: "Inspect the actual cause; a navigation guard or async component likely threw during the initial navigation."
+		},
+		VUE_ROUTER_R0020: {
+			why: (p) => `No active route record was found when calling \`${p.fn}()\`. Maybe you called it inside of App.vue?`,
+			fix: "Call it from a component rendered inside <router-view> (a page component or one of its children), not from App.vue.",
+			docs: "https://router.vuejs.org/guide/advanced/composition-api.html#Navigation-Guards"
+		},
+		VUE_ROUTER_R0021: {
+			why: "No active route record was found when reactivating component with navigation guard. This is likely a bug in vue-router.",
+			fix: "Report with a minimal reproduction at https://github.com/vuejs/router/issues/new/choose."
+		},
+		VUE_ROUTER_R0022: {
+			why: (p) => `${p.fn}() was called outside of component setup but it must be called at the top of a setup function`,
+			fix: "Call it synchronously at the top of `setup()`, before any `await`.",
+			docs: "https://router.vuejs.org/guide/advanced/composition-api.html#Navigation-Guards"
+		},
+		VUE_ROUTER_R0023: {
+			why: (p) => `The "next" callback was never called inside of ${p.name ? `"${p.name}"` : ""}:\n${p.guard}`,
+			fix: "Make sure `next()` runs on every branch, including early returns and async paths, or drop the `next` parameter and return the value instead.",
+			docs: "https://router.vuejs.org/guide/advanced/navigation-guards.html#Optional-third-argument-next"
+		},
+		VUE_ROUTER_R0024: {
+			why: (p) => `The "next" callback was called more than once in one navigation guard when going from "${p.from}" to "${p.to}". This will fail in production.`,
+			fix: "Call `next()` exactly once per guard: remove the extra call, or migrate to returning the value you passed to `next()`.",
+			docs: "https://router.vuejs.org/guide/advanced/navigation-guards.html#Optional-third-argument-next"
+		},
+		VUE_ROUTER_R0025: {
+			why: "The `next()` callback in navigation guards is deprecated.",
+			fix: "Return the value instead: `next()` becomes `return`, `next(false)` becomes `return false`, `next(\"/path\")` becomes `return \"/path\"`.",
+			docs: "https://router.vuejs.org/guide/advanced/navigation-guards.html#Optional-third-argument-next"
+		},
+		VUE_ROUTER_R0026: {
+			why: (p) => `Record with path "${p.path}" is either missing a "component(s)" or "children" property.`,
+			fix: "Add a `component`, `components`, or `children` to the route record.",
+			docs: "https://router.vuejs.org/guide/essentials/nested-routes.html"
+		},
+		VUE_ROUTER_R0027: {
+			why: (p) => `Component "${p.name}" in record with path "${p.path}" is not a valid component. Received "${p.received}".`,
+			fix: "Pass a component or a function returning a Promise that resolves to one."
+		},
+		VUE_ROUTER_R0028: {
+			why: (p) => `Component "${p.name}" in record with path "${p.path}" is a Promise instead of a function that returns a Promise. This will break in production if not fixed.`,
+			fix: `Defer the import in an arrow function so it loads lazily: write "() => import('./MyPage.vue')", not "import('./MyPage.vue')".`,
+			docs: "https://router.vuejs.org/guide/advanced/lazy-loading.html"
+		},
+		VUE_ROUTER_R0029: {
+			why: (p) => `Component "${p.name}" in record with path "${p.path}" is defined using "defineAsyncComponent()".`,
+			fix: `Drop the wrapper and pass "() => import('./MyPage.vue')" directly; the router handles lazy components itself.`,
+			docs: "https://router.vuejs.org/guide/advanced/lazy-loading.html#Relationship-to-async-components"
+		},
+		VUE_ROUTER_R0030: {
+			why: (p) => `Component "${p.name}" in record with path "${p.path}" is a function that does not return a Promise. This will break in production if not fixed.`,
+			fix: "Return a dynamic import (`() => import(\"./MyPage.vue\")`) from the function, or add a `displayName` if it is a functional component.",
+			docs: "https://router.vuejs.org/guide/advanced/lazy-loading.html"
+		},
+		VUE_ROUTER_R0040: {
+			why: (p) => `Because "${p.el}" starts with "#", scrollBehavior resolves it as an element id via document.getElementById("${p.el.slice(1)}"), not as a CSS selector. No element has that id, but "${p.el}" does match an element with document.querySelector().`,
+			fix: (p) => `Resolve the element yourself and return the node: el: document.querySelector('${p.el}').`,
+			docs: "https://router.vuejs.org/guide/advanced/scroll-behavior.html"
+		},
+		VUE_ROUTER_R0041: {
+			why: (p) => `The selector "${p.el}" is invalid. See https://mathiasbynens.be/notes/css-escapes or CSS.escape (https://developer.mozilla.org/en-US/docs/Web/API/CSS/escape) for the escaping rules.`,
+			fix: "Build an id selector as `#${CSS.escape(id)}` so special characters in the id are escaped.",
+			docs: "https://router.vuejs.org/guide/advanced/scroll-behavior.html"
+		},
+		VUE_ROUTER_R0042: {
+			why: (p) => `Couldn't find element using selector "${p.el}" returned by scrollBehavior.`,
+			fix: "Return a selector that matches an existing element, or guard against missing elements.",
+			docs: "https://router.vuejs.org/guide/advanced/scroll-behavior.html"
+		},
+		VUE_ROUTER_R0050: {
+			why: (p) => {
+				let to;
+				try {
+					to = p.to === void 0 ? "undefined" : JSON.stringify(p.to);
+				} catch {
+					to = String(p.to);
+				}
+				return `Invalid value for prop "to" in useLink()\n- to: ${to}`;
+			},
+			fix: "Pass a valid route location (a string path or an object) to the \"to\" prop."
+		},
+		VUE_ROUTER_R0060: {
+			why: (p) => `<router-view> can no longer be used directly inside <${p.comp}>.`,
+			fix: (p) => `Wrap the slot's resolved component with <${p.comp}> instead of nesting <router-view> in it:\n\n<router-view v-slot="{ Component }">\n  <${p.comp}>\n    <component :is="Component" />\n  </${p.comp}>\n</router-view>`,
+			docs: "https://router.vuejs.org/guide/advanced/router-view-slot.html#KeepAlive-Transition"
+		},
+		VUE_ROUTER_R0070: {
+			why: (p) => `Cannot resolve a relative location without an absolute path. Trying to resolve "${p.to}" from "${p.from}".`,
+			fix: (p) => `Resolve from an absolute \`from\` path that starts with "/", e.g. "/${p.from}".`
+		},
+		VUE_ROUTER_R0080: {
+			why: (p) => `Error decoding "${p.text}". Using original value`,
+			fix: "Ensure the value is correctly percent-encoded."
+		},
+		VUE_ROUTER_R0090: {
+			why: (p) => `Found duplicated params with name "${p.name}" for path "${p.path}". Only the last one will be available on "$route.params".`,
+			fix: "Give each param a unique name within the path.",
+			docs: "https://router.vuejs.org/guide/essentials/route-matching-syntax.html"
+		},
+		VUE_ROUTER_R0100: {
+			why: (p) => `Discarded invalid param(s) "${p.params}" when navigating.` + p.inherited + ` See https://github.com/vuejs/router/commit/e887570 for more details.`,
+			fix: "Only pass params that exist on the target route."
+		},
+		VUE_ROUTER_R0101: {
+			why: (p) => `The Matcher cannot resolve relative paths but received "${p.path}". Unless you directly called \`matcher.resolve("${p.path}")\`, this is probably a bug in vue-router. Please open an issue at https://github.com/vuejs/router/issues/new/choose.`,
+			fix: "Pass an absolute path (starting with \"/\") to the matcher."
+		},
+		VUE_ROUTER_R0102: {
+			why: (p) => `Alias "${p.alias}" and the original record: "${p.original}" must have the exact same param named "${p.name}"`,
+			fix: "Use the same param names in the alias as in the original route.",
+			docs: "https://router.vuejs.org/guide/essentials/redirect-and-alias.html#Alias"
+		},
+		VUE_ROUTER_R0103: {
+			why: (p) => `The route named "${p.name}" has a child without a name, an empty path, and no children. Using that name won't render the empty path child, so this is probably a mistake.`,
+			fix: "Move the `name` onto the empty-path child; or, if intentional, give the child its own name to silence this.",
+			docs: "https://router.vuejs.org/guide/essentials/nested-routes.html#Nested-Named-Routes"
+		},
+		VUE_ROUTER_R0104: {
+			why: (p) => `Absolute path "${p.path}" must have the exact same param named "${p.name}" as its parent "${p.parent}".`,
+			fix: "Include the parent route params in the absolute child path.",
+			docs: "https://router.vuejs.org/guide/essentials/nested-routes.html"
+		},
+		VUE_ROUTER_R0105: {
+			why: (p) => `Finding ancestor route "${p.ancestor}" failed for "${p.record}"`,
+			fix: "Report a reproduction at https://github.com/vuejs/router/issues/new/choose."
+		},
+		VUE_ROUTER_R0110: {
+			why: `A hash base must end with a "#"`,
+			fix: (p) => `Append "#" to the "base" argument passed to "createWebHashHistory()": "${p.base}" should be "${p.suggestion}".`
+		},
+		VUE_ROUTER_R0120: {
+			why: "Error with push/replace State",
+			fix: "The browser rejected the history API call; check for cross-origin or rate-limit issues."
+		},
+		VUE_ROUTER_R0121: {
+			why: "history.state seems to have been manually replaced without preserving the necessary values.\nYou can find more information at https://router.vuejs.org/guide/migration/#Usage-of-history-state",
+			fix: "Merge the router's state into your own when calling it manually: `history.replaceState({ ...history.state, ...yourState }, '', url)`.",
+			docs: "https://router.vuejs.org/guide/migration.html#Usage-of-history-state"
+		},
+		VUE_ROUTER_R1001: {
+			why: (p) => `Data loader "${String(p.key)}" has a different parent than the current context. This shouldn't be happening.`,
+			fix: "Report a bug with a minimal reproduction at https://github.com/vuejs/router/."
+		},
+		VUE_ROUTER_R1002: {
+			why: "Returning a NavigationResult is deprecated.",
+			fix: "Replace `return new NavigationResult(to)` with `reroute(to)`, which throws internally to reroute.",
+			docs: "https://router.vuejs.org/data-loaders/navigation-aware.html#Controlling-the-navigation-with-reroute-"
+		},
+		VUE_ROUTER_R1003: {
+			why: (p) => `Loader "${p.key}"'s "commit()" was called but there is no staged data.`,
+			fix: "Ensure the loader resolved before calling `commit()`.",
+			docs: "https://router.vuejs.org/data-loaders/defining-loaders.html#Delaying-data-updates-with-commit"
+		},
+		VUE_ROUTER_R1004: {
+			why: (p) => "A loader returned a NavigationResult but is not registered on the route." + p.key,
+			fix: "Export the loader from the page component so it gets registered, e.g. `export const useUserData = defineLoader(...)`.",
+			docs: "https://router.vuejs.org/data-loaders/organization.html"
+		},
+		VUE_ROUTER_R1005: {
+			why: (p) => `Data loader "${p.key}" has itself as parent. This shouldn't be happening.`,
+			fix: "Report a bug with a minimal reproduction at https://github.com/vuejs/router/."
+		},
+		VUE_ROUTER_R1006: {
+			why: (p) => `A query was defined with the same key as the loader "[${p.key}]".\nSee https://pinia-colada.esm.dev/#TODO`,
+			fix: "If the key is meant to match, use the data loader directly; otherwise rename the `useQuery()` key so it no longer collides.",
+			docs: "https://router.vuejs.org/data-loaders/colada.html"
+		},
+		VUE_ROUTER_R1007: {
+			why: "Data Loader was setup twice.",
+			fix: "Register `DataLoaderPlugin` a single time via `app.use()`.",
+			docs: "https://router.vuejs.org/data-loaders.html#Installation"
+		},
+		VUE_ROUTER_R1008: {
+			why: "Data Loader is experimental and subject to breaking changes in the future.",
+			docs: "https://router.vuejs.org/data-loaders.html"
+		},
+		VUE_ROUTER_R1009: {
+			why: "Returning a NavigationResult from a loader is deprecated.",
+			fix: "Call `reroute(to)` inside the loader instead of returning `new NavigationResult(to)`; it throws internally to reroute.",
+			docs: "https://router.vuejs.org/data-loaders/navigation-aware.html#Controlling-the-navigation-with-reroute-"
+		}
+	}
+});
+Symbol(process.env.NODE_ENV !== "production" ? "router view location matched" : "");
+Symbol(process.env.NODE_ENV !== "production" ? "router view depth" : "");
+/**
+* Allows overriding the router instance returned by `useRouter` in tests. r
+* stands for router
+*
+* @internal
+*/
+var routerKey = Symbol(process.env.NODE_ENV !== "production" ? "router" : "");
+/**
+* Allows overriding the current route returned by `useRoute` in tests. rl
+* stands for route location
+*
+* @internal
+*/
+var routeLocationKey = Symbol(process.env.NODE_ENV !== "production" ? "route location" : "");
+Symbol(process.env.NODE_ENV !== "production" ? "router view location" : "");
+//#endregion
+//#region node_modules/.pnpm/vue-router@5.3.0_@vue+compiler-sfc@3.5.42_rolldown@1.2.6_vite@8.2.2_@types+node@24.13.3_32624d71e3238734f500b9958d6cb19f/node_modules/vue-router/dist/devtools-CLRpXhL7.js
+/*!
+* vue-router v5.3.0
+* (c) 2026 Eduardo San Martin Morote
+* @license MIT
+*/
+var isBrowser = typeof document !== "undefined";
+/**
+* Check if two `RouteRecords` are equal. Takes into account aliases: they are
+* considered equal to the `RouteRecord` they are aliasing.
+*
+* @param a - first {@link RouteRecord}
+* @param b - second {@link RouteRecord}
+*/
+function isSameRouteRecord(a, b) {
+	return (a.aliasOf || a) === (b.aliasOf || b);
+}
+function isSameRouteLocationParams(a, b) {
+	if (Object.keys(a).length !== Object.keys(b).length) return false;
+	for (var key in a) if (!isSameRouteLocationParamsValue(a[key], b[key])) return false;
+	return true;
+}
+function isSameRouteLocationParamsValue(a, b) {
+	return isArray(a) ? isEquivalentArray(a, b) : isArray(b) ? isEquivalentArray(b, a) : (a && a.valueOf()) === (b && b.valueOf());
+}
+/**
+* Check if two arrays are the same or if an array with one single entry is the
+* same as another primitive value. Used to check query and parameters
+*
+* @param a - array of values
+* @param b - array of values or a single value
+*/
+function isEquivalentArray(a, b) {
+	return isArray(b) ? a.length === b.length && a.every((value, i) => value === b[i]) : a.length === 1 && a[0] === b;
+}
+/**
+* ScrollBehavior instance used by the router to compute and restore the scroll
+* position when navigating.
+*/
+function isRouteLocation(route) {
+	return typeof route === "string" || route && typeof route === "object";
+}
+//#endregion
+//#region node_modules/.pnpm/vue-router@5.3.0_@vue+compiler-sfc@3.5.42_rolldown@1.2.6_vite@8.2.2_@types+node@24.13.3_32624d71e3238734f500b9958d6cb19f/node_modules/vue-router/dist/vue-router.js
+/*!
+* vue-router v5.3.0
+* (c) 2026 Eduardo San Martin Morote
+* @license MIT
+*/
+/**
+* Returns the internal behavior of a {@link RouterLink} without the rendering part.
+*
+* @param props - a `to` location and an optional `replace` flag
+*/
+function useLink(props) {
+	const router = inject(routerKey);
+	const currentRoute = inject(routeLocationKey);
+	let hasPrevious = false;
+	let previousTo = null;
+	const route = computed(() => {
+		const to = unref(props.to);
+		if (process.env.NODE_ENV !== "production" && (!hasPrevious || to !== previousTo)) {
+			if (!isRouteLocation(to)) diagnostics.VUE_ROUTER_R0050({ to });
+			previousTo = to;
+			hasPrevious = true;
+		}
+		return router.resolve(to);
+	});
+	const activeRecordIndex = computed(() => {
+		const { matched } = route.value;
+		const { length } = matched;
+		const routeMatched = matched[length - 1];
+		const currentMatched = currentRoute.matched;
+		if (!routeMatched || !currentMatched.length) return -1;
+		const index = currentMatched.findIndex(isSameRouteRecord.bind(null, routeMatched));
+		if (index > -1) return index;
+		const parentRecordPath = getOriginalPath(matched[length - 2]);
+		return length > 1 && getOriginalPath(routeMatched) === parentRecordPath && currentMatched[currentMatched.length - 1].path !== parentRecordPath ? currentMatched.findIndex(isSameRouteRecord.bind(null, matched[length - 2])) : index;
+	});
+	const isActive = computed(() => activeRecordIndex.value > -1 && includesParams(currentRoute.params, route.value.params));
+	const isExactActive = computed(() => activeRecordIndex.value > -1 && activeRecordIndex.value === currentRoute.matched.length - 1 && isSameRouteLocationParams(currentRoute.params, route.value.params));
+	function navigate(e = {}) {
+		if (guardEvent(e)) {
+			const p = router[unref(props.replace) ? "replace" : "push"](unref(props.to)).catch(noop);
+			if (props.viewTransition && typeof document !== "undefined" && "startViewTransition" in document) document.startViewTransition(() => p);
+			return p;
+		}
+		return Promise.resolve();
+	}
+	if ((process.env.NODE_ENV !== "production" || false) && isBrowser) {
+		const instance = getCurrentInstance();
+		if (instance) {
+			const linkContextDevtools = {
+				route: route.value,
+				isActive: isActive.value,
+				isExactActive: isExactActive.value,
+				error: null
+			};
+			instance.__vrl_devtools = instance.__vrl_devtools || [];
+			instance.__vrl_devtools.push(linkContextDevtools);
+			watchEffect(() => {
+				linkContextDevtools.route = route.value;
+				linkContextDevtools.isActive = isActive.value;
+				linkContextDevtools.isExactActive = isExactActive.value;
+				linkContextDevtools.error = isRouteLocation(unref(props.to)) ? null : "Invalid \"to\" value";
+			}, { flush: "post" });
+		}
+	}
+	/**
+	* NOTE: update {@link _RouterLinkI}'s `$slots` type when updating this
+	*/
+	return {
+		route,
+		href: computed(() => route.value.href),
+		isActive,
+		isExactActive,
+		navigate
+	};
+}
+function preferSingleVNode(vnodes) {
+	return vnodes.length === 1 ? vnodes[0] : vnodes;
+}
+/**
+* Component to render a link that triggers a navigation on click.
+*/
+var RouterLink = /* @__PURE__ */ defineComponent({
+	name: "RouterLink",
+	compatConfig: { MODE: 3 },
+	props: {
+		to: {
+			type: [String, Object],
+			required: true
+		},
+		replace: Boolean,
+		activeClass: String,
+		exactActiveClass: String,
+		custom: Boolean,
+		ariaCurrentValue: {
+			type: String,
+			default: "page"
+		},
+		viewTransition: Boolean
+	},
+	useLink,
+	setup(props, { slots }) {
+		const link = reactive(useLink(props));
+		const { options } = inject(routerKey);
+		const elClass = computed(() => ({
+			[getLinkClass(props.activeClass, options.linkActiveClass, "router-link-active")]: link.isActive,
+			[getLinkClass(props.exactActiveClass, options.linkExactActiveClass, "router-link-exact-active")]: link.isExactActive
+		}));
+		return () => {
+			const children = slots.default && preferSingleVNode(slots.default(link));
+			return props.custom ? children : h("a", {
+				"aria-current": link.isExactActive ? props.ariaCurrentValue : null,
+				href: link.href,
+				onClick: link.navigate,
+				class: elClass.value
+			}, children);
+		};
+	}
+});
+function guardEvent(e) {
+	if (e.metaKey || e.altKey || e.ctrlKey || e.shiftKey) return;
+	if (e.defaultPrevented) return;
+	if (e.button !== void 0 && e.button !== 0) return;
+	if (e.currentTarget && e.currentTarget.getAttribute) {
+		const target = e.currentTarget.getAttribute("target");
+		if (/\b_blank\b/i.test(target)) return;
+	}
+	if (e.preventDefault) e.preventDefault();
+	return true;
+}
+function includesParams(outer, inner) {
+	for (const key in inner) {
+		const innerValue = inner[key];
+		const outerValue = outer[key];
+		if (typeof innerValue === "string") {
+			if (innerValue !== outerValue) return false;
+		} else if (!isArray(outerValue) || outerValue.length !== innerValue.length || innerValue.some((value, i) => value.valueOf() !== outerValue[i].valueOf())) return false;
+	}
+	return true;
+}
+/**
+* Get the original path value of a record by following its aliasOf
+* @param record
+*/
+function getOriginalPath(record) {
+	return record ? record.aliasOf ? record.aliasOf.path : record.path : "";
+}
+/**
+* Utility class to get the active class based on defaults.
+* @param propClass
+* @param globalClass
+* @param defaultClass
+*/
+var getLinkClass = (propClass, globalClass, defaultClass) => propClass != null ? propClass : globalClass != null ? globalClass : defaultClass;
+//#endregion
+//#region src/components/TabBar.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "tab-bar" };
+var _hoisted_2 = ["aria-label"];
+var _hoisted_3 = { class: "tab-icon-slot" };
+var _hoisted_4 = { class: "tab-label" };
+//#endregion
+//#region src/components/TabBar.vue
+var TabBar_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	__name: "TabBar",
+	props: {
+		items: {},
+		active: {},
+		label: { default: "" }
+	},
+	setup(__props) {
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("header", _hoisted_1, [createElementVNode("nav", {
+				class: "tab-bar-inner",
+				"aria-label": __props.label || void 0
+			}, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.items, (item) => {
+				return openBlock(), createBlock(unref(RouterLink), {
+					key: item.key,
+					to: item.to,
+					class: normalizeClass(["tab-link", { "is-active": item.key === __props.active }]),
+					"aria-current": item.key === __props.active ? "page" : void 0,
+					onClick: _cache[0] || (_cache[0] = ($event) => unref(tapFeedback)())
+				}, {
+					default: withCtx(() => [createElementVNode("span", _hoisted_3, [(openBlock(), createBlock(resolveDynamicComponent(item.icon), { class: "tab-icon" }))]), createElementVNode("span", _hoisted_4, toDisplayString(item.label), 1)]),
+					_: 2
+				}, 1032, [
+					"to",
+					"class",
+					"aria-current"
+				]);
+			}), 128))], 8, _hoisted_2)]);
+		};
+	}
+}), [["__scopeId", "data-v-2c5e190d"]]);
+//#endregion
 //#region src/i18n/runtime.ts
 /**
 * Builds an i18n runtime around an app's own catalogue.
@@ -1344,6 +2039,6 @@ function createI18nRuntime(options) {
 */
 var VERSION = "0.0.0";
 //#endregion
-export { AppError, BaseButton_default as BaseButton, BaseInput_default as BaseInput, BaseSheet_default as BaseSheet, EmptyState_default as EmptyState, LocaleLinks_default as LocaleLinks, PageHeader_default as PageHeader, SectionHeading_default as SectionHeading, SegmentedControl_default as SegmentedControl, SettingsGroup_default as SettingsGroup, SettingsRow_default as SettingsRow, SkeletonList_default as SkeletonList, StatCard_default as StatCard, ToneDot_default as ToneDot, VERSION, addDays, applyTheme, createI18nRuntime, downloadJson, eachDayOfYear, formatDate, fromDateKey, isApplePortable, isInstalled, isThemePreference, lastNDays, leadingBlanks, needsIosInstall, readStoredTheme, registerErrorMapper, relativeDayLabel, safeRedirect, setFormatLocale, setThemeStorageKey, startOfWeek, tapFeedback, toAppError, toDateKey, todayKey, useDebouncedCallback, useDragScroll, useOnline, useTheme, useToday, useVisualViewport };
+export { AppError, BaseButton_default as BaseButton, BaseInput_default as BaseInput, BaseSheet_default as BaseSheet, EmptyState_default as EmptyState, GoogleButton_default as GoogleButton, LocaleLinks_default as LocaleLinks, PageHeader_default as PageHeader, 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, ToneDot_default as ToneDot, VERSION, addDays, applyTheme, createI18nRuntime, downloadJson, eachDayOfYear, formatDate, fromDateKey, isApplePortable, isInstalled, isThemePreference, lastNDays, leadingBlanks, needsIosInstall, readStoredTheme, registerErrorMapper, relativeDayLabel, safeRedirect, setFormatLocale, setThemeStorageKey, startOfWeek, tapFeedback, toAppError, toDateKey, todayKey, useDebouncedCallback, useDragScroll, useOnline, useTheme, useToday, useVisualViewport };
 
 //# sourceMappingURL=index.js.map