rei-kit 0.13.0 → 0.14.0

package/dist/index.js

@@ -1,8 +1,9 @@
-import { a as needsIosInstall, c as fromDateKey, d as startOfWeek, f as toDateKey, i as isInstalled, l as lastNDays, n as BaseButton_default, o as addDays, p as todayKey, r as isApplePortable, s as eachDayOfYear, t as _plugin_vue_export_helper_default, u as leadingBlanks } from "./_plugin-vue_export-helper-3AcMDTtW.js";
+import { a as addDays, c as lastNDays, d as toDateKey, f as todayKey, i as needsIosInstall, l as leadingBlanks, n as isApplePortable, o as eachDayOfYear, r as isInstalled, s as fromDateKey, t as SettingsGroup_default, u as startOfWeek } from "./SettingsGroup-DtEB_Hrd.js";
 import { n as registerErrorMapper, r as toAppError, t as AppError } from "./app-error-DF9cijE0.js";
-import { a as useTheme, i as setThemeStorageKey, n as isThemePreference, r as readStoredTheme, t as applyTheme } from "./use-theme-_MnaDD5v.js";
-import { Fragment, Teleport, Transition, TransitionGroup, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createStaticVNode, createTextVNode, createVNode, defineComponent, mergeModels, mergeProps, nextTick, normalizeClass, normalizeStyle, onBeforeUnmount, onErrorCaptured, onMounted, onScopeDispose, onUnmounted, openBlock, readonly, ref, renderList, renderSlot, resolveDynamicComponent, toDisplayString, unref, useId, useModel, vModelCheckbox, vModelDynamic, vModelRadio, vModelSelect, vModelText, watch, watchEffect, withCtx, withDirectives } from "vue";
-import { ArrowDown, ArrowRight, ArrowUp, CheckCircle2, ChevronDown, ChevronRight, Info, TriangleAlert, X, XCircle } from "lucide-vue-next";
+import { a as readStoredTheme, i as isThemePreference, n as useVisualViewport, o as setThemeStorageKey, r as applyTheme, s as useTheme, t as BaseSheet_default } from "./BaseSheet-CLIhXDwe.js";
+import { n as _plugin_vue_export_helper_default, r as BaseButton_default, t as SettingsRow_default } from "./SettingsRow-MnVleeTR.js";
+import { Fragment, Teleport, TransitionGroup, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createStaticVNode, createTextVNode, createVNode, defineComponent, mergeModels, mergeProps, normalizeClass, normalizeStyle, onBeforeUnmount, onErrorCaptured, onMounted, onScopeDispose, onUnmounted, openBlock, readonly, ref, renderList, renderSlot, resolveDynamicComponent, toDisplayString, unref, useId, useModel, vModelCheckbox, vModelDynamic, vModelRadio, vModelSelect, vModelText, watch, watchEffect, withCtx, withDirectives } from "vue";
+import { ArrowDown, ArrowRight, ArrowUp, CheckCircle2, ChevronDown, Info, TriangleAlert, X, XCircle } from "lucide-vue-next";
 import { RouterLink } from "vue-router";
 import { createI18n } from "vue-i18n";
 //#region src/utils/format.ts
@@ -415,47 +416,6 @@ function useMediaQuery(query) {
 	return matches;
 }
 //#endregion
-//#region src/composables/use-visual-viewport.ts
-/**
-* Tracks the visual viewport.
-*
-* Chrome and Android browsers honour `interactive-widget=resizes-content`, so
-* the layout viewport already shrinks for the keyboard there. Safari on iOS
-* does not implement it: it shrinks only the *visual* viewport, leaving a sheet
-* sized in `dvh` sitting partly underneath the keyboard.
-*
-* `null` means the API is unavailable, which callers should read as "trust the
-* layout viewport" rather than as zero. A server has no viewport at all, so it
-* gets that same `null` — this runs during `setup`, and a component using it
-* has to survive being rendered there.
-*
-* @example
-* ```ts
-* const viewport = useVisualViewport()
-* // :style="viewport ? { height: `${viewport.height}px` } : undefined"
-* ```
-*/
-function useVisualViewport() {
-	const rect = ref(null);
-	const viewport = typeof window === "undefined" ? void 0 : window.visualViewport;
-	if (!viewport) return readonly(rect);
-	function read() {
-		if (!viewport) return;
-		rect.value = {
-			height: viewport.height,
-			offsetTop: viewport.offsetTop
-		};
-	}
-	read();
-	viewport.addEventListener("resize", read);
-	viewport.addEventListener("scroll", read);
-	onScopeDispose(() => {
-		viewport.removeEventListener("resize", read);
-		viewport.removeEventListener("scroll", read);
-	});
-	return readonly(rect);
-}
-//#endregion
 //#region src/composables/use-toast.ts
 /**
 * Four seconds: long enough to read a short sentence twice, short enough that
@@ -567,9 +527,9 @@ function useToast() {
 }
 //#endregion
 //#region src/components/BaseAlert.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$21 = ["role", "aria-live"];
-var _hoisted_2$16 = { class: "min-w-0 flex-1" };
-var _hoisted_3$11 = {
+var _hoisted_1$18 = ["role", "aria-live"];
+var _hoisted_2$13 = { class: "min-w-0 flex-1" };
+var _hoisted_3$8 = {
 	key: 0,
 	class: "text-ink font-semibold"
 };
@@ -610,9 +570,9 @@ var BaseAlert_default = /* @__PURE__ */ defineComponent({
 					class: normalizeClass(["mt-px grid size-6 shrink-0 place-items-center rounded-full text-xs font-semibold", mark.value]),
 					"aria-hidden": "true"
 				}, [renderSlot(_ctx.$slots, "mark")], 2)) : createCommentVNode("", true),
-				createElementVNode("div", _hoisted_2$16, [_ctx.$slots.title ? (openBlock(), createElementBlock("p", _hoisted_3$11, [renderSlot(_ctx.$slots, "title")])) : createCommentVNode("", true), createElementVNode("div", { class: normalizeClass(_ctx.$slots.title ? "mt-1" : "") }, [renderSlot(_ctx.$slots, "default")], 2)]),
+				createElementVNode("div", _hoisted_2$13, [_ctx.$slots.title ? (openBlock(), createElementBlock("p", _hoisted_3$8, [renderSlot(_ctx.$slots, "title")])) : createCommentVNode("", true), createElementVNode("div", { class: normalizeClass(_ctx.$slots.title ? "mt-1" : "") }, [renderSlot(_ctx.$slots, "default")], 2)]),
 				renderSlot(_ctx.$slots, "action")
-			], 10, _hoisted_1$21);
+			], 10, _hoisted_1$18);
 		};
 	}
 });
@@ -637,7 +597,7 @@ var BaseBadge_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/FormField.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$20 = ["for"];
+var _hoisted_1$17 = ["for"];
 //#endregion
 //#region src/components/FormField.vue
 var FormField_default = /* @__PURE__ */ defineComponent({
@@ -665,7 +625,7 @@ var FormField_default = /* @__PURE__ */ defineComponent({
 				createElementVNode("label", {
 					for: unref(id),
 					class: normalizeClass(["font-medium", [__props.labelHidden ? "sr-only" : "", __props.size === "sm" ? "text-ink-soft text-xs" : "text-ink text-sm"]])
-				}, toDisplayString(__props.label), 11, _hoisted_1$20),
+				}, toDisplayString(__props.label), 11, _hoisted_1$17),
 				renderSlot(_ctx.$slots, "default", {
 					id: unref(id),
 					describedBy: describedBy.value,
@@ -687,7 +647,7 @@ var FormField_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/BaseInput.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$19 = [
+var _hoisted_1$16 = [
 	"id",
 	"type",
 	"aria-invalid",
@@ -735,7 +695,7 @@ var BaseInput_default = /* @__PURE__ */ defineComponent({
 					__props.variant === "unstyled" ? "" : "border-hair bg-surface text-ink rounded-card focus-visible:outline-primary border px-3 focus-visible:outline-2 focus-visible:outline-offset-1",
 					__props.variant === "unstyled" ? "text-base" : CONTROL_CLASS,
 					__props.variant !== "unstyled" && invalid ? "border-negative" : ""
-				] }), null, 16, _hoisted_1$19), [[vModelDynamic, model.value]])]),
+				] }), null, 16, _hoisted_1$16), [[vModelDynamic, model.value]])]),
 				_: 1
 			}, 8, [
 				"label",
@@ -748,122 +708,6 @@ var BaseInput_default = /* @__PURE__ */ defineComponent({
 	}
 });
 //#endregion
-//#region src/components/BaseSheet.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$18 = { class: "shell-frame md:rounded-shell relative flex max-h-full flex-col justify-end overflow-hidden" };
-var _hoisted_2$15 = ["aria-label"];
-var _hoisted_3$10 = { class: "flex shrink-0 items-start gap-3 px-6 pt-4 pb-5" };
-var _hoisted_4$7 = { class: "min-w-0 flex-1" };
-var _hoisted_5$4 = { class: "text-ink text-xl leading-tight font-semibold" };
-var _hoisted_6$2 = {
-	key: 0,
-	class: "text-ink-soft mt-1 text-sm leading-snug"
-};
-var _hoisted_7$2 = { class: "min-h-0 flex-1 overflow-y-auto px-6 pb-[calc(2rem+env(safe-area-inset-bottom,0px))]" };
-//#endregion
-//#region src/components/BaseSheet.vue
-var BaseSheet_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
-	__name: "BaseSheet",
-	props: /*@__PURE__*/ mergeModels({
-		title: {},
-		subtitle: { default: "" },
-		closeLabel: { default: "Close" }
-	}, {
-		"modelValue": {
-			type: Boolean,
-			required: true
-		},
-		"modelModifiers": {}
-	}),
-	emits: ["update:modelValue"],
-	setup(__props) {
-		const open = useModel(__props, "modelValue");
-		const viewport = useVisualViewport();
-		/**
-		* Pins the sheet to the area the keyboard has left visible.
-		*
-		* Only needed where the layout viewport does not shrink on its own — iOS. On
-		* Android the numbers already agree, so this is a no-op there rather than a
-		* second, competing adjustment.
-		*/
-		const viewportStyle = computed(() => viewport.value ? {
-			height: `${viewport.value.height}px`,
-			top: `${viewport.value.offsetTop}px`
-		} : void 0);
-		const panel = ref(null);
-		let lastFocused = null;
-		function close() {
-			open.value = false;
-		}
-		function onKeydown(event) {
-			if (event.key === "Escape") close();
-		}
-		watch(open, async (isOpen) => {
-			if (isOpen) {
-				setBackgroundInert(true);
-				lastFocused = document.activeElement instanceof HTMLElement ? document.activeElement : null;
-				window.addEventListener("keydown", onKeydown);
-				await nextTick();
-				panel.value?.focus();
-			} else {
-				window.removeEventListener("keydown", onKeydown);
-				lastFocused?.focus();
-				lastFocused = null;
-				setBackgroundInert(false);
-			}
-		});
-		/**
-		* `inert` takes the whole app out of tab order and pointer events while the
-		* sheet is open — a real focus trap without keydown bookkeeping.
-		*
-		* The sheet itself is teleported to `#sheet-root`, a sibling of `#app`, so it
-		* stays interactive.
-		*/
-		function setBackgroundInert(isInert) {
-			document.getElementById("app")?.toggleAttribute("inert", isInert);
-		}
-		onUnmounted(() => {
-			window.removeEventListener("keydown", onKeydown);
-			setBackgroundInert(false);
-		});
-		return (_ctx, _cache) => {
-			return openBlock(), createBlock(Teleport, { to: "#sheet-root" }, [createVNode(Transition, { name: "sheet" }, {
-				default: withCtx(() => [open.value ? (openBlock(), createElementBlock("div", {
-					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$18, [createElementVNode("div", {
-					class: "bg-ink/45 absolute inset-0 backdrop-blur-[2px]",
-					onClick: close
-				}), createElementVNode("section", {
-					ref_key: "panel",
-					ref: panel,
-					role: "dialog",
-					"aria-modal": "true",
-					"aria-label": __props.title,
-					tabindex: "-1",
-					class: "sheet-panel bg-surface relative flex max-h-[94%] min-h-[56dvh] flex-col rounded-t-[28px] shadow-2xl outline-none"
-				}, [
-					_cache[0] || (_cache[0] = createElementVNode("div", {
-						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$10, [createElementVNode("div", _hoisted_4$7, [createElementVNode("h2", _hoisted_5$4, toDisplayString(__props.title), 1), __props.subtitle ? (openBlock(), createElementBlock("p", _hoisted_6$2, toDisplayString(__props.subtitle), 1)) : createCommentVNode("", true)]), createVNode(BaseButton_default, {
-						variant: "unstyled",
-						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
-					}, {
-						default: withCtx(() => [createVNode(unref(X), { class: "size-5" })]),
-						_: 1
-					}, 8, ["aria-label"])]),
-					createElementVNode("div", _hoisted_7$2, [renderSlot(_ctx.$slots, "default", {}, void 0, true)])
-				], 8, _hoisted_2$15)])], 4)) : createCommentVNode("", true)]),
-				_: 3
-			})]);
-		};
-	}
-}), [["__scopeId", "data-v-51709579"]]);
-//#endregion
 //#region src/components/BaseCard.vue
 var BaseCard_default = /* @__PURE__ */ defineComponent({
 	__name: "BaseCard",
@@ -930,9 +774,9 @@ var BaseCard_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/BaseCheckbox.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$17 = { class: "flex flex-col gap-1.5" };
-var _hoisted_2$14 = ["for"];
-var _hoisted_3$9 = [
+var _hoisted_1$15 = { class: "flex flex-col gap-1.5" };
+var _hoisted_2$12 = ["for"];
+var _hoisted_3$7 = [
 	"id",
 	"disabled",
 	"aria-invalid",
@@ -969,7 +813,7 @@ var BaseCheckbox_default = /* @__PURE__ */ defineComponent({
 			if (__props.hint) return hintId;
 		});
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", _hoisted_1$17, [createElementVNode("label", {
+			return openBlock(), createElementBlock("div", _hoisted_1$15, [createElementVNode("label", {
 				for: unref(id),
 				class: normalizeClass(["flex items-center", [__props.size === "sm" ? "gap-2" : "gap-3", __props.disabled ? "opacity-50" : "cursor-pointer"]])
 			}, [withDirectives(createElementVNode("input", {
@@ -980,7 +824,7 @@ var BaseCheckbox_default = /* @__PURE__ */ defineComponent({
 				"aria-invalid": Boolean(__props.error),
 				"aria-describedby": describedBy.value,
 				class: "accent-primary focus-visible:outline-primary size-4 shrink-0 focus-visible:outline-2 focus-visible:outline-offset-2"
-			}, null, 8, _hoisted_3$9), [[vModelCheckbox, model.value]]), createElementVNode("span", { class: normalizeClass(["text-sm", __props.size === "sm" ? "text-ink-soft" : "text-ink"]) }, toDisplayString(__props.label), 3)], 10, _hoisted_2$14), __props.error ? (openBlock(), createElementBlock("p", {
+			}, null, 8, _hoisted_3$7), [[vModelCheckbox, model.value]]), createElementVNode("span", { class: normalizeClass(["text-sm", __props.size === "sm" ? "text-ink-soft" : "text-ink"]) }, toDisplayString(__props.label), 3)], 10, _hoisted_2$12), __props.error ? (openBlock(), createElementBlock("p", {
 				key: 0,
 				id: errorId,
 				class: "text-negative text-xs"
@@ -994,13 +838,13 @@ var BaseCheckbox_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/BaseRadioGroup.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$16 = ["aria-describedby"];
-var _hoisted_2$13 = [
+var _hoisted_1$14 = ["aria-describedby"];
+var _hoisted_2$11 = [
 	"name",
 	"value",
 	"disabled"
 ];
-var _hoisted_3$8 = { class: "text-ink text-sm" };
+var _hoisted_3$6 = { class: "text-ink text-sm" };
 //#endregion
 //#region src/components/BaseRadioGroup.vue
 var BaseRadioGroup_default = /* @__PURE__ */ defineComponent({
@@ -1045,7 +889,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$13), [[vModelRadio, model.value]]), createElementVNode("span", _hoisted_3$8, toDisplayString(option.label), 1)], 2);
+					}, null, 8, _hoisted_2$11), [[vModelRadio, model.value]]), createElementVNode("span", _hoisted_3$6, toDisplayString(option.label), 1)], 2);
 				}), 128)),
 				__props.error ? (openBlock(), createElementBlock("p", {
 					key: 0,
@@ -1056,24 +900,24 @@ var BaseRadioGroup_default = /* @__PURE__ */ defineComponent({
 					id: hintId,
 					class: "text-ink-soft text-xs"
 				}, toDisplayString(__props.hint), 1)) : createCommentVNode("", true)
-			], 8, _hoisted_1$16);
+			], 8, _hoisted_1$14);
 		};
 	}
 });
 //#endregion
 //#region src/components/BaseSelect.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$15 = { class: "relative" };
-var _hoisted_2$12 = [
+var _hoisted_1$13 = { class: "relative" };
+var _hoisted_2$10 = [
 	"id",
 	"aria-invalid",
 	"aria-describedby"
 ];
-var _hoisted_3$7 = {
+var _hoisted_3$5 = {
 	key: 0,
 	value: void 0,
 	disabled: ""
 };
-var _hoisted_4$6 = ["value", "disabled"];
+var _hoisted_4$5 = ["value", "disabled"];
 //#endregion
 //#region src/components/BaseSelect.vue
 var BaseSelect_default = /* @__PURE__ */ defineComponent({
@@ -1109,7 +953,7 @@ var BaseSelect_default = /* @__PURE__ */ defineComponent({
 				"label-hidden": __props.labelHidden,
 				size: __props.size
 			}, {
-				default: withCtx(({ id, describedBy, invalid }) => [createElementVNode("div", _hoisted_1$15, [withDirectives(createElementVNode("select", {
+				default: withCtx(({ id, describedBy, invalid }) => [createElementVNode("div", _hoisted_1$13, [withDirectives(createElementVNode("select", {
 					id,
 					"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => model.value = $event),
 					"aria-invalid": invalid,
@@ -1119,13 +963,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$7, toDisplayString(__props.placeholder), 1)) : createCommentVNode("", true), (openBlock(true), createElementBlock(Fragment, null, renderList(__props.options, (option) => {
+				}, [__props.placeholder ? (openBlock(), createElementBlock("option", _hoisted_3$5, 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$6);
-				}), 128))], 10, _hoisted_2$12), [[vModelSelect, model.value]]), createVNode(unref(ChevronDown), {
+					}, toDisplayString(option.label), 9, _hoisted_4$5);
+				}), 128))], 10, _hoisted_2$10), [[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"
 				})])]),
@@ -1142,7 +986,7 @@ var BaseSelect_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/BaseTextarea.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$14 = [
+var _hoisted_1$12 = [
 	"id",
 	"rows",
 	"aria-invalid",
@@ -1189,7 +1033,7 @@ var BaseTextarea_default = /* @__PURE__ */ defineComponent({
 					__props.variant === "unstyled" ? "" : "border-hair bg-surface text-ink rounded-card focus-visible:outline-primary resize-y border 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$14), [[vModelText, model.value]])]),
+				] }), null, 16, _hoisted_1$12), [[vModelText, model.value]])]),
 				_: 1
 			}, 8, [
 				"label",
@@ -1203,17 +1047,17 @@ var BaseTextarea_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/EmptyState.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$13 = { class: "flex flex-col items-center gap-3 px-6 py-10 text-center" };
-var _hoisted_2$11 = {
+var _hoisted_1$11 = { 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 justify-center"
 };
-var _hoisted_3$6 = { class: "text-ink text-base font-semibold" };
-var _hoisted_4$5 = {
+var _hoisted_3$4 = { class: "text-ink text-base font-semibold" };
+var _hoisted_4$4 = {
 	key: 1,
 	class: "text-ink-soft max-w-[36ch] text-sm"
 };
-var _hoisted_5$3 = {
+var _hoisted_5$2 = {
 	key: 2,
 	class: "mt-2 flex w-full flex-col gap-2"
 };
@@ -1227,11 +1071,11 @@ var EmptyState_default = /* @__PURE__ */ defineComponent({
 	},
 	setup(__props) {
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", _hoisted_1$13, [
-				_ctx.$slots.icon ? (openBlock(), createElementBlock("div", _hoisted_2$11, [renderSlot(_ctx.$slots, "icon")])) : createCommentVNode("", true),
-				createElementVNode("h3", _hoisted_3$6, toDisplayString(__props.title), 1),
-				__props.description ? (openBlock(), createElementBlock("p", _hoisted_4$5, toDisplayString(__props.description), 1)) : createCommentVNode("", true),
-				_ctx.$slots.action ? (openBlock(), createElementBlock("div", _hoisted_5$3, [renderSlot(_ctx.$slots, "action")])) : createCommentVNode("", true)
+			return openBlock(), createElementBlock("div", _hoisted_1$11, [
+				_ctx.$slots.icon ? (openBlock(), createElementBlock("div", _hoisted_2$9, [renderSlot(_ctx.$slots, "icon")])) : createCommentVNode("", true),
+				createElementVNode("h3", _hoisted_3$4, 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)
 			]);
 		};
 	}
@@ -1298,11 +1142,11 @@ var PageContainer_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/PageHeader.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$12 = { class: "grid h-12 shrink-0 grid-cols-[2.5rem_1fr_2.5rem] items-center" };
-var _hoisted_2$10 = { class: "justify-self-start" };
-var _hoisted_3$5 = { class: "text-ink flex min-w-0 justify-center text-base font-semibold tabular-nums" };
-var _hoisted_4$4 = { class: "truncate" };
-var _hoisted_5$2 = { class: "justify-self-end" };
+var _hoisted_1$10 = { 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$3 = { 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
 var PageHeader_default = /* @__PURE__ */ defineComponent({
@@ -1310,17 +1154,17 @@ var PageHeader_default = /* @__PURE__ */ defineComponent({
 	props: { title: {} },
 	setup(__props) {
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("header", _hoisted_1$12, [
-				createElementVNode("div", _hoisted_2$10, [renderSlot(_ctx.$slots, "left")]),
-				createElementVNode("h1", _hoisted_3$5, [renderSlot(_ctx.$slots, "title", {}, () => [createElementVNode("span", _hoisted_4$4, toDisplayString(__props.title), 1)])]),
-				createElementVNode("div", _hoisted_5$2, [renderSlot(_ctx.$slots, "right")])
+			return openBlock(), createElementBlock("header", _hoisted_1$10, [
+				createElementVNode("div", _hoisted_2$8, [renderSlot(_ctx.$slots, "left")]),
+				createElementVNode("h1", _hoisted_3$3, [renderSlot(_ctx.$slots, "title", {}, () => [createElementVNode("span", _hoisted_4$3, toDisplayString(__props.title), 1)])]),
+				createElementVNode("div", _hoisted_5$1, [renderSlot(_ctx.$slots, "right")])
 			]);
 		};
 	}
 });
 //#endregion
 //#region src/components/ProgressBar.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$11 = ["aria-valuenow", "aria-label"];
+var _hoisted_1$9 = ["aria-valuenow", "aria-label"];
 //#endregion
 //#region src/components/ProgressBar.vue
 var ProgressBar_default = /* @__PURE__ */ defineComponent({
@@ -1352,25 +1196,25 @@ var ProgressBar_default = /* @__PURE__ */ defineComponent({
 			}, [createElementVNode("div", {
 				class: "bg-primary h-full rounded-full transition-[width] duration-700 ease-out",
 				style: normalizeStyle({ width: `${portion.value}%` })
-			}, null, 4)], 10, _hoisted_1$11);
+			}, null, 4)], 10, _hoisted_1$9);
 		};
 	}
 });
 //#endregion
 //#region src/components/PriceCard.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$10 = {
+var _hoisted_1$8 = {
 	key: 0,
 	class: "bg-primary rounded-cell absolute -top-3 left-7 px-3 py-1 text-[0.7rem] font-semibold text-white"
 };
-var _hoisted_2$9 = { class: "flex items-start justify-between gap-4" };
-var _hoisted_3$4 = { class: "text-ink mt-5 text-lg font-semibold" };
-var _hoisted_4$3 = {
+var _hoisted_2$7 = { class: "flex items-start justify-between gap-4" };
+var _hoisted_3$2 = { class: "text-ink mt-5 text-lg font-semibold" };
+var _hoisted_4$2 = {
 	key: 1,
 	class: "text-ink-soft mt-1.5 text-sm leading-relaxed"
 };
-var _hoisted_5$1 = { class: "mt-6 flex items-baseline gap-1.5" };
-var _hoisted_6$1 = { class: "text-ink text-3xl font-semibold tracking-tight tabular-nums" };
-var _hoisted_7$1 = {
+var _hoisted_5 = { class: "mt-6 flex items-baseline gap-1.5" };
+var _hoisted_6 = { class: "text-ink text-3xl font-semibold tracking-tight tabular-nums" };
+var _hoisted_7 = {
 	key: 0,
 	class: "text-ink-soft text-sm"
 };
@@ -1433,17 +1277,17 @@ var PriceCard_default = /* @__PURE__ */ defineComponent({
 		const palette = computed(() => TONE[__props.tone]);
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("article", { class: normalizeClass(["bg-surface rounded-card relative flex h-full flex-col border p-7 shadow-[var(--shadow-card)] transition-[border-color,box-shadow,transform] duration-[420ms] hover:border-[color-mix(in_oklab,var(--color-primary)_60%,transparent)] hover:shadow-[var(--shadow-lift)] sm:p-8", [palette.value.ring, __props.recommended ? "shadow-[var(--shadow-lift)]" : "hover:-translate-y-0.5"]]) }, [
-				__props.badge && __props.recommended ? (openBlock(), createElementBlock("span", _hoisted_1$10, toDisplayString(__props.badge), 1)) : createCommentVNode("", true),
-				createElementVNode("div", _hoisted_2$9, [_ctx.$slots.icon ? (openBlock(), createElementBlock("span", {
+				__props.badge && __props.recommended ? (openBlock(), createElementBlock("span", _hoisted_1$8, toDisplayString(__props.badge), 1)) : createCommentVNode("", true),
+				createElementVNode("div", _hoisted_2$7, [_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$4, toDisplayString(__props.name), 1),
-				__props.lead ? (openBlock(), createElementBlock("p", _hoisted_4$3, toDisplayString(__props.lead), 1)) : createCommentVNode("", true),
-				createElementVNode("p", _hoisted_5$1, [createElementVNode("span", _hoisted_6$1, toDisplayString(__props.price), 1), __props.period ? (openBlock(), createElementBlock("span", _hoisted_7$1, toDisplayString(__props.period), 1)) : createCommentVNode("", true)]),
+				createElementVNode("h3", _hoisted_3$2, toDisplayString(__props.name), 1),
+				__props.lead ? (openBlock(), createElementBlock("p", _hoisted_4$2, toDisplayString(__props.lead), 1)) : createCommentVNode("", true),
+				createElementVNode("p", _hoisted_5, [createElementVNode("span", _hoisted_6, toDisplayString(__props.price), 1), __props.period ? (openBlock(), createElementBlock("span", _hoisted_7, toDisplayString(__props.period), 1)) : createCommentVNode("", true)]),
 				__props.note ? (openBlock(), createElementBlock("p", _hoisted_8, toDisplayString(__props.note), 1)) : createCommentVNode("", true),
 				createElementVNode("ul", _hoisted_9, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.features, (feature) => {
 					return openBlock(), createElementBlock("li", {
@@ -1458,8 +1302,8 @@ var PriceCard_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/ToneDot.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$9 = { class: "inline-flex items-center gap-1.5" };
-var _hoisted_2$8 = {
+var _hoisted_1$7 = { class: "inline-flex items-center gap-1.5" };
+var _hoisted_2$6 = {
 	key: 0,
 	class: "text-ink-soft text-xs font-medium"
 };
@@ -1480,13 +1324,13 @@ var ToneDot_default = /* @__PURE__ */ defineComponent({
 		* priorities — without this component knowing about any of them.
 		*/
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("span", _hoisted_1$9, [createElementVNode("span", { class: normalizeClass(["size-2 rounded-full", __props.fill]) }, null, 2), __props.label ? (openBlock(), createElementBlock("span", _hoisted_2$8, toDisplayString(__props.label), 1)) : createCommentVNode("", true)]);
+			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)]);
 		};
 	}
 });
 //#endregion
 //#region src/components/SectionHeading.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$8 = {
+var _hoisted_1$6 = {
 	key: 0,
 	class: "text-ink-soft text-xs tabular-nums"
 };
@@ -1504,15 +1348,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$8, toDisplayString(__props.count), 1)) : createCommentVNode("", true)
+				__props.count > 0 ? (openBlock(), createElementBlock("span", _hoisted_1$6, toDisplayString(__props.count), 1)) : createCommentVNode("", true)
 			], 2);
 		};
 	}
 });
 //#endregion
 //#region src/components/SegmentedControl.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$7 = { class: "bg-muted rounded-card flex w-full gap-1 p-1" };
-var _hoisted_2$7 = ["value", "name"];
+var _hoisted_1$5 = { class: "bg-muted rounded-card flex w-full gap-1 p-1" };
+var _hoisted_2$5 = ["value", "name"];
 //#endregion
 //#region src/components/SegmentedControl.vue
 var SegmentedControl_default = /* @__PURE__ */ defineComponent({
@@ -1526,7 +1370,7 @@ var SegmentedControl_default = /* @__PURE__ */ defineComponent({
 		const model = useModel(__props, "modelValue");
 		const name = useId();
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", _hoisted_1$7, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.options, (option) => {
+			return openBlock(), createElementBlock("div", _hoisted_1$5, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.options, (option) => {
 				return openBlock(), createElementBlock("label", {
 					key: String(option.value),
 					class: "flex-1 cursor-pointer"
@@ -1536,88 +1380,12 @@ var SegmentedControl_default = /* @__PURE__ */ defineComponent({
 					value: option.value,
 					name: unref(name),
 					class: "sr-only"
-				}, null, 8, _hoisted_2$7), [[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$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)]);
 			}), 128))]);
 		};
 	}
 });
 //#endregion
-//#region src/components/SettingsGroup.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$6 = { class: "flex flex-col gap-2" };
-var _hoisted_2$6 = { 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({
-	__name: "SettingsGroup",
-	props: { title: {} },
-	setup(__props) {
-		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("section", _hoisted_1$6, [createElementVNode("h2", _hoisted_2$6, 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$5 = { class: "flex items-center gap-3" };
-var _hoisted_2$5 = {
-	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$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"
-};
-var _hoisted_6 = {
-	key: 1,
-	class: "shrink-0"
-};
-var _hoisted_7 = { key: 0 };
-//#endregion
-//#region src/components/SettingsRow.vue
-var SettingsRow_default = /* @__PURE__ */ defineComponent({
-	__name: "SettingsRow",
-	props: {
-		label: {},
-		description: { default: "" },
-		icon: { default: () => void 0 },
-		interactive: {
-			type: Boolean,
-			default: false
-		},
-		stacked: {
-			type: Boolean,
-			default: false
-		}
-	},
-	emits: ["click"],
-	setup(__props, { emit: __emit }) {
-		const emit = __emit;
-		return (_ctx, _cache) => {
-			return openBlock(), createBlock(resolveDynamicComponent(__props.interactive ? "button" : "div"), {
-				type: __props.interactive ? "button" : void 0,
-				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$5, [
-					__props.icon ? (openBlock(), createElementBlock("span", _hoisted_2$5, [(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,
-						class: "text-ink-soft size-4 shrink-0",
-						"aria-hidden": "true"
-					})) : createCommentVNode("", true)
-				]), __props.stacked ? (openBlock(), createElementBlock("div", _hoisted_7, [renderSlot(_ctx.$slots, "default")])) : createCommentVNode("", true)]),
-				_: 3
-			}, 8, ["type", "class"]);
-		};
-	}
-});
-//#endregion
 //#region src/components/SkeletonList.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1$4 = {
 	role: "status",
@@ -2013,7 +1781,7 @@ function createI18nRuntime(options) {
 *
 * The fallback keeps `vitest` and `vite dev` honest, where no define runs.
 */
-var VERSION = "0.13.0";
+var VERSION = "0.14.0";
 //#endregion
 export { AppError, BaseAlert_default as BaseAlert, BaseBadge_default as BaseBadge, BaseButton_default as BaseButton, BaseCard_default as BaseCard, BaseCheckbox_default as BaseCheckbox, BaseInput_default as BaseInput, BaseRadioGroup_default as BaseRadioGroup, BaseSelect_default as BaseSelect, BaseSheet_default as BaseSheet, BaseTextarea_default as BaseTextarea, EmptyState_default as EmptyState, ErrorBoundary_default as ErrorBoundary, FormField_default as FormField, GoogleButton_default as GoogleButton, LocaleLinks_default as LocaleLinks, PageContainer_default as PageContainer, PageHeader_default as PageHeader, PriceCard_default as PriceCard, ProgressBar_default as ProgressBar, 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, 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, useMediaQuery, useOnline, useTheme, useToast, useToday, useVisualViewport };