rei-kit 0.7.1 → 0.8.0

package/dist/index.js

@@ -1,6 +1,6 @@
 import { n as registerErrorMapper, r as toAppError, t as AppError } from "./app-error-DF9cijE0.js";
-import { Fragment, Teleport, Transition, 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, ChevronDown, ChevronRight, X } from "lucide-vue-next";
+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 { RouterLink } from "vue-router";
 import { createI18n } from "vue-i18n";
 //#region src/utils/date.ts
@@ -727,9 +727,119 @@ function useVisualViewport() {
 	return readonly(rect);
 }
 //#endregion
+//#region src/composables/use-toast.ts
+/**
+* Four seconds: long enough to read a short sentence twice, short enough that
+* a second action does not queue behind it.
+*/
+var DEFAULT_DURATION = 4e3;
+/**
+* A failure is read more slowly than a confirmation, and more often twice.
+*/
+var DANGER_DURATION = 7e3;
+/**
+* Three at once. A fourth pushes the oldest out rather than growing the stack
+* off the top of the screen — an action that produces ten toasts is a loop,
+* and a loop should not be able to cover the app it is running in.
+*/
+var MAX_VISIBLE = 3;
+var items = ref([]);
+var nextId = 0;
+var countdowns = /* @__PURE__ */ new Map();
+function clearCountdown(id) {
+	const countdown = countdowns.get(id);
+	if (countdown === void 0) return;
+	clearTimeout(countdown.handle);
+	countdowns.delete(id);
+}
+/** Removes a toast, whether it timed out or was dismissed. */
+function dismiss(id) {
+	clearCountdown(id);
+	items.value = items.value.filter((item) => item.id !== id);
+}
+/** Removes everything on screen. For a route change, or a sign-out. */
+function dismissAll() {
+	for (const id of countdowns.keys()) clearCountdown(id);
+	items.value = [];
+}
+function arm(id, remaining) {
+	if (typeof window === "undefined" || remaining <= 0) return;
+	countdowns.set(id, {
+		handle: setTimeout(() => dismiss(id), remaining),
+		remaining,
+		startedAt: Date.now()
+	});
+}
+/**
+* Stops the clock on a toast the reader is pointing at.
+*
+* Somebody who has moved the pointer onto it is reading it, and taking it away
+* mid-sentence is the one thing a notification must not do.
+*/
+function pause(id) {
+	const countdown = countdowns.get(id);
+	if (countdown === void 0) return;
+	clearTimeout(countdown.handle);
+	countdowns.set(id, {
+		...countdown,
+		remaining: Math.max(0, countdown.remaining - (Date.now() - countdown.startedAt))
+	});
+}
+/** Starts it again, from where it stopped rather than from the beginning. */
+function resume(id) {
+	const countdown = countdowns.get(id);
+	if (countdown === void 0) return;
+	arm(id, countdown.remaining);
+}
+function push(tone, message, options = {}) {
+	const id = ++nextId;
+	const duration = options.duration ?? (tone === "danger" ? DANGER_DURATION : DEFAULT_DURATION);
+	const next = [...items.value, {
+		id,
+		message,
+		tone,
+		duration
+	}];
+	while (next.length > MAX_VISIBLE) {
+		const oldest = next.shift();
+		if (oldest !== void 0) clearCountdown(oldest.id);
+	}
+	items.value = next;
+	arm(id, duration);
+	return id;
+}
+/**
+* The stack, and the four ways to add to it.
+*
+* @example
+* ```ts
+* const toast = useToast()
+*
+* toast.success(t('habit.saved'))
+* toast.danger(t('common.failed'), { duration: 0 })  // stays until dismissed
+*
+* const id = toast.info(t('export.preparing'), { duration: 0 })
+* toast.dismiss(id)
+* ```
+*/
+function useToast() {
+	return {
+		/** Every toast on screen, oldest first. `ToastHost` renders this. */
+		toasts: readonly(items),
+		info: (message, options) => push("info", message, options),
+		success: (message, options) => push("success", message, options),
+		warning: (message, options) => push("warning", message, options),
+		danger: (message, options) => push("danger", message, options),
+		dismiss,
+		dismissAll,
+		pause,
+		resume
+	};
+}
+//#endregion
 //#region src/components/BaseAlert.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$22 = ["role", "aria-live"];
-var _hoisted_2$16 = { class: "min-w-0 flex-1" };
+var _hoisted_1$23 = ["role", "aria-live"];
+var _hoisted_2$17 = { class: "min-w-0 flex-1" };
 var _hoisted_3$12 = {
 	key: 0,
 	class: "text-ink font-semibold"
@@ -771,9 +881,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$12, [renderSlot(_ctx.$slots, "title")])) : createCommentVNode("", true), createElementVNode("div", { class: normalizeClass(_ctx.$slots.title ? "mt-1" : "") }, [renderSlot(_ctx.$slots, "default")], 2)]),
+				createElementVNode("div", _hoisted_2$17, [_ctx.$slots.title ? (openBlock(), createElementBlock("p", _hoisted_3$12, [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$22);
+			], 10, _hoisted_1$23);
 		};
 	}
 });
@@ -798,7 +908,7 @@ var BaseBadge_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/BaseButton.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$21 = {
+var _hoisted_1$22 = {
 	key: 0,
 	class: "size-4 animate-spin rounded-full border-2 border-current border-t-transparent",
 	"aria-hidden": "true"
@@ -912,7 +1022,7 @@ var BaseButton_default = /* @__PURE__ */ defineComponent({
 					__props.block ? "w-full" : ""
 				]]
 			}), {
-				default: withCtx(() => [__props.loading ? (openBlock(), createElementBlock("span", _hoisted_1$21)) : createCommentVNode("", true), renderSlot(_ctx.$slots, "default")]),
+				default: withCtx(() => [__props.loading ? (openBlock(), createElementBlock("span", _hoisted_1$22)) : createCommentVNode("", true), renderSlot(_ctx.$slots, "default")]),
 				_: 3
 			}, 16, [
 				"type",
@@ -927,7 +1037,7 @@ var BaseButton_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/FormField.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$20 = ["for"];
+var _hoisted_1$21 = ["for"];
 //#endregion
 //#region src/components/FormField.vue
 var FormField_default = /* @__PURE__ */ defineComponent({
@@ -955,7 +1065,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$21),
 				renderSlot(_ctx.$slots, "default", {
 					id: unref(id),
 					describedBy: describedBy.value,
@@ -977,7 +1087,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$20 = [
 	"id",
 	"type",
 	"aria-invalid",
@@ -1023,7 +1133,7 @@ var BaseInput_default = /* @__PURE__ */ defineComponent({
 					type: __props.type,
 					"aria-invalid": invalid,
 					"aria-describedby": describedBy
-				}, _ctx.$attrs, { class: ["border-hair bg-surface text-ink rounded-card focus-visible:outline-primary border px-3 focus-visible:outline-2 focus-visible:outline-offset-1", [SIZE_CLASS[__props.size], invalid ? "border-negative" : ""]] }), null, 16, _hoisted_1$19), [[vModelDynamic, model.value]])]),
+				}, _ctx.$attrs, { class: ["border-hair bg-surface text-ink rounded-card focus-visible:outline-primary border px-3 focus-visible:outline-2 focus-visible:outline-offset-1", [SIZE_CLASS[__props.size], invalid ? "border-negative" : ""]] }), null, 16, _hoisted_1$20), [[vModelDynamic, model.value]])]),
 				_: 1
 			}, 8, [
 				"label",
@@ -1037,8 +1147,8 @@ 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_1$19 = { class: "shell-frame md:rounded-shell relative flex max-h-full flex-col justify-end overflow-hidden" };
+var _hoisted_2$16 = ["aria-label"];
 var _hoisted_3$11 = { 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" };
@@ -1046,8 +1156,7 @@ var _hoisted_6$2 = {
 	key: 0,
 	class: "text-ink-soft mt-1 text-sm leading-snug"
 };
-var _hoisted_7$2 = ["aria-label"];
-var _hoisted_8$1 = { class: "min-h-0 flex-1 overflow-y-auto px-6 pb-[calc(2rem+env(safe-area-inset-bottom,0px))]" };
+var _hoisted_7$2 = { class: "min-h-0 flex-1 overflow-y-auto px-6 pb-[calc(2rem+env(safe-area-inset-bottom,0px))]" };
 var BaseSheet_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	__name: "BaseSheet",
 	props: /*@__PURE__*/ mergeModels({
@@ -1118,7 +1227,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$18, [createElementVNode("div", {
+				}, [createElementVNode("div", _hoisted_1$19, [createElementVNode("div", {
 					class: "bg-ink/45 absolute inset-0 backdrop-blur-[2px]",
 					onClick: close
 				}), createElementVNode("section", {
@@ -1134,14 +1243,17 @@ 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$11, [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)]), createElementVNode("button", {
-						type: "button",
+					createElementVNode("header", _hoisted_3$11, [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
-					}, [createVNode(unref(X), { class: "size-5" })], 8, _hoisted_7$2)]),
-					createElementVNode("div", _hoisted_8$1, [renderSlot(_ctx.$slots, "default", {}, void 0, true)])
-				], 8, _hoisted_2$15)])], 4)) : createCommentVNode("", true)]),
+					}, {
+						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$16)])], 4)) : createCommentVNode("", true)]),
 				_: 3
 			})]);
 		};
@@ -1156,14 +1268,14 @@ var _plugin_vue_export_helper_default = (sfc, props) => {
 };
 //#endregion
 //#region src/components/BaseSheet.vue
-var BaseSheet_default = /*#__PURE__*/ _plugin_vue_export_helper_default(BaseSheet_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-cb967015"]]);
+var BaseSheet_default = /*#__PURE__*/ _plugin_vue_export_helper_default(BaseSheet_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-51709579"]]);
 //#endregion
 //#region src/components/BaseCard.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$17 = {
+var _hoisted_1$18 = {
 	key: 0,
 	class: "border-hair/70 border-b px-5 py-4"
 };
-var _hoisted_2$14 = { class: "px-5 py-4" };
+var _hoisted_2$15 = { class: "px-5 py-4" };
 var _hoisted_3$10 = {
 	key: 1,
 	class: "border-hair/70 bg-muted/30 border-t px-5 py-3.5"
@@ -1195,8 +1307,8 @@ var BaseCard_default = /* @__PURE__ */ defineComponent({
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(resolveDynamicComponent(__props.as), { class: normalizeClass(["border-hair bg-surface rounded-card border", __props.interactive ? "transition-[transform,box-shadow] duration-300 ease-out hover:-translate-y-0.5 hover:shadow-lg active:translate-y-0 active:shadow-sm" : ""]) }, {
 				default: withCtx(() => [
-					_ctx.$slots.head ? (openBlock(), createElementBlock("div", _hoisted_1$17, [renderSlot(_ctx.$slots, "head")])) : createCommentVNode("", true),
-					createElementVNode("div", _hoisted_2$14, [renderSlot(_ctx.$slots, "default")]),
+					_ctx.$slots.head ? (openBlock(), createElementBlock("div", _hoisted_1$18, [renderSlot(_ctx.$slots, "head")])) : createCommentVNode("", true),
+					createElementVNode("div", _hoisted_2$15, [renderSlot(_ctx.$slots, "default")]),
 					_ctx.$slots.foot ? (openBlock(), createElementBlock("div", _hoisted_3$10, [renderSlot(_ctx.$slots, "foot")])) : createCommentVNode("", true)
 				]),
 				_: 3
@@ -1206,8 +1318,8 @@ var BaseCard_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/BaseCheckbox.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$16 = { class: "flex flex-col gap-1.5" };
-var _hoisted_2$13 = ["for"];
+var _hoisted_1$17 = { class: "flex flex-col gap-1.5" };
+var _hoisted_2$14 = ["for"];
 var _hoisted_3$9 = [
 	"id",
 	"disabled",
@@ -1245,7 +1357,7 @@ var BaseCheckbox_default = /* @__PURE__ */ defineComponent({
 			if (__props.hint) return hintId;
 		});
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", _hoisted_1$16, [createElementVNode("label", {
+			return openBlock(), createElementBlock("div", _hoisted_1$17, [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", {
@@ -1256,7 +1368,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$13), __props.error ? (openBlock(), createElementBlock("p", {
+			}, 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", {
 				key: 0,
 				id: errorId,
 				class: "text-negative text-xs"
@@ -1270,8 +1382,8 @@ var BaseCheckbox_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/BaseRadioGroup.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$15 = ["aria-describedby"];
-var _hoisted_2$12 = [
+var _hoisted_1$16 = ["aria-describedby"];
+var _hoisted_2$13 = [
 	"name",
 	"value",
 	"disabled"
@@ -1321,7 +1433,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$12), [[vModelRadio, model.value]]), createElementVNode("span", _hoisted_3$8, toDisplayString(option.label), 1)], 2);
+					}, null, 8, _hoisted_2$13), [[vModelRadio, model.value]]), createElementVNode("span", _hoisted_3$8, toDisplayString(option.label), 1)], 2);
 				}), 128)),
 				__props.error ? (openBlock(), createElementBlock("p", {
 					key: 0,
@@ -1332,14 +1444,14 @@ var BaseRadioGroup_default = /* @__PURE__ */ defineComponent({
 					id: hintId,
 					class: "text-ink-soft text-xs"
 				}, toDisplayString(__props.hint), 1)) : createCommentVNode("", true)
-			], 8, _hoisted_1$15);
+			], 8, _hoisted_1$16);
 		};
 	}
 });
 //#endregion
 //#region src/components/BaseSelect.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$14 = { class: "relative" };
-var _hoisted_2$11 = [
+var _hoisted_1$15 = { class: "relative" };
+var _hoisted_2$12 = [
 	"id",
 	"aria-invalid",
 	"aria-describedby"
@@ -1384,7 +1496,7 @@ var BaseSelect_default = /* @__PURE__ */ defineComponent({
 				"label-hidden": __props.labelHidden,
 				size: __props.size
 			}, {
-				default: withCtx(({ id, describedBy, invalid }) => [createElementVNode("div", _hoisted_1$14, [withDirectives(createElementVNode("select", {
+				default: withCtx(({ id, describedBy, invalid }) => [createElementVNode("div", _hoisted_1$15, [withDirectives(createElementVNode("select", {
 					id,
 					"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => model.value = $event),
 					"aria-invalid": invalid,
@@ -1396,7 +1508,7 @@ var BaseSelect_default = /* @__PURE__ */ defineComponent({
 						value: option.value,
 						disabled: option.disabled
 					}, toDisplayString(option.label), 9, _hoisted_4$6);
-				}), 128))], 10, _hoisted_2$11), [[vModelSelect, model.value]]), createVNode(unref(ChevronDown), {
+				}), 128))], 10, _hoisted_2$12), [[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"
 				})])]),
@@ -1413,7 +1525,7 @@ var BaseSelect_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/BaseTextarea.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$13 = [
+var _hoisted_1$14 = [
 	"id",
 	"rows",
 	"aria-invalid",
@@ -1455,7 +1567,7 @@ var BaseTextarea_default = /* @__PURE__ */ defineComponent({
 					rows: __props.rows,
 					"aria-invalid": invalid,
 					"aria-describedby": describedBy
-				}, _ctx.$attrs, { class: ["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", [__props.size === "sm" ? "text-sm" : "text-base", invalid ? "border-negative" : ""]] }), null, 16, _hoisted_1$13), [[vModelText, model.value]])]),
+				}, _ctx.$attrs, { class: ["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", [__props.size === "sm" ? "text-sm" : "text-base", invalid ? "border-negative" : ""]] }), null, 16, _hoisted_1$14), [[vModelText, model.value]])]),
 				_: 1
 			}, 8, [
 				"label",
@@ -1469,8 +1581,8 @@ var BaseTextarea_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/EmptyState.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$12 = { class: "flex flex-col items-center gap-3 px-6 py-10 text-center" };
-var _hoisted_2$10 = {
+var _hoisted_1$13 = { class: "flex flex-col items-center gap-3 px-6 py-10 text-center" };
+var _hoisted_2$11 = {
 	key: 0,
 	class: "bg-muted text-primary rounded-card flex size-12 items-center justify-center"
 };
@@ -1493,8 +1605,8 @@ var EmptyState_default = /* @__PURE__ */ defineComponent({
 	},
 	setup(__props) {
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", _hoisted_1$12, [
-				_ctx.$slots.icon ? (openBlock(), createElementBlock("div", _hoisted_2$10, [renderSlot(_ctx.$slots, "icon")])) : createCommentVNode("", true),
+			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)
@@ -1564,8 +1676,8 @@ var PageContainer_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/PageHeader.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$11 = { class: "grid h-12 shrink-0 grid-cols-[2.5rem_1fr_2.5rem] items-center" };
-var _hoisted_2$9 = { class: "justify-self-start" };
+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" };
@@ -1576,8 +1688,8 @@ var PageHeader_default = /* @__PURE__ */ defineComponent({
 	props: { title: {} },
 	setup(__props) {
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("header", _hoisted_1$11, [
-				createElementVNode("div", _hoisted_2$9, [renderSlot(_ctx.$slots, "left")]),
+			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")])
 			]);
@@ -1586,7 +1698,7 @@ var PageHeader_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/ProgressBar.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$10 = ["aria-valuenow", "aria-label"];
+var _hoisted_1$11 = ["aria-valuenow", "aria-label"];
 //#endregion
 //#region src/components/ProgressBar.vue
 var ProgressBar_default = /* @__PURE__ */ defineComponent({
@@ -1612,17 +1724,17 @@ 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)], 8, _hoisted_1$10);
+			}, null, 4)], 8, _hoisted_1$11);
 		};
 	}
 });
 //#endregion
 //#region src/components/PriceCard.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$9 = {
+var _hoisted_1$10 = {
 	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$8 = { class: "flex items-start justify-between gap-4" };
+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 = {
 	key: 1,
@@ -1693,8 +1805,8 @@ 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$9, toDisplayString(__props.badge), 1)) : createCommentVNode("", true),
-				createElementVNode("div", _hoisted_2$8, [_ctx.$slots.icon ? (openBlock(), createElementBlock("span", {
+				__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", {
 					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", {
@@ -1718,8 +1830,8 @@ var PriceCard_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/ToneDot.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$8 = { class: "inline-flex items-center gap-1.5" };
-var _hoisted_2$7 = {
+var _hoisted_1$9 = { class: "inline-flex items-center gap-1.5" };
+var _hoisted_2$8 = {
 	key: 0,
 	class: "text-ink-soft text-xs font-medium"
 };
@@ -1740,13 +1852,13 @@ var ToneDot_default = /* @__PURE__ */ defineComponent({
 		* priorities — without this component knowing about any of them.
 		*/
 		return (_ctx, _cache) => {
-			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)]);
+			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)]);
 		};
 	}
 });
 //#endregion
 //#region src/components/SectionHeading.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$7 = {
+var _hoisted_1$8 = {
 	key: 0,
 	class: "text-ink-soft text-xs tabular-nums"
 };
@@ -1764,15 +1876,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$7, toDisplayString(__props.count), 1)) : createCommentVNode("", true)
+				__props.count > 0 ? (openBlock(), createElementBlock("span", _hoisted_1$8, toDisplayString(__props.count), 1)) : createCommentVNode("", true)
 			], 2);
 		};
 	}
 });
 //#endregion
 //#region src/components/SegmentedControl.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$6 = { class: "bg-muted rounded-card flex w-full gap-1 p-1" };
-var _hoisted_2$6 = ["value", "name"];
+var _hoisted_1$7 = { class: "bg-muted rounded-card flex w-full gap-1 p-1" };
+var _hoisted_2$7 = ["value", "name"];
 //#endregion
 //#region src/components/SegmentedControl.vue
 var SegmentedControl_default = /* @__PURE__ */ defineComponent({
@@ -1786,7 +1898,7 @@ var SegmentedControl_default = /* @__PURE__ */ defineComponent({
 		const model = useModel(__props, "modelValue");
 		const name = useId();
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", _hoisted_1$6, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.options, (option) => {
+			return openBlock(), createElementBlock("div", _hoisted_1$7, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.options, (option) => {
 				return openBlock(), createElementBlock("label", {
 					key: String(option.value),
 					class: "flex-1 cursor-pointer"
@@ -1796,15 +1908,15 @@ var SegmentedControl_default = /* @__PURE__ */ defineComponent({
 					value: option.value,
 					name: unref(name),
 					class: "sr-only"
-				}, 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)]);
+				}, 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)]);
 			}), 128))]);
 		};
 	}
 });
 //#endregion
 //#region src/components/SettingsGroup.vue?vue&type=script&setup=true&lang.ts
-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_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
@@ -1813,14 +1925,14 @@ var SettingsGroup_default = /* @__PURE__ */ defineComponent({
 	props: { title: {} },
 	setup(__props) {
 		return (_ctx, _cache) => {
-			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")])]);
+			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$4 = { class: "flex items-center gap-3" };
-var _hoisted_2$4 = {
+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"
@@ -1862,8 +1974,8 @@ 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$4, [
-					__props.icon ? (openBlock(), createElementBlock("span", _hoisted_2$4, [(openBlock(), createBlock(resolveDynamicComponent(__props.icon), { class: "size-[18px]" }))])) : createCommentVNode("", true),
+				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), {
@@ -1879,11 +1991,11 @@ var SettingsRow_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/SkeletonList.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$3 = {
+var _hoisted_1$4 = {
 	role: "status",
 	class: "flex flex-col gap-1"
 };
-var _hoisted_2$3 = { class: "sr-only" };
+var _hoisted_2$4 = { class: "sr-only" };
 //#endregion
 //#region src/components/SkeletonList.vue
 var SkeletonList_default = /* @__PURE__ */ defineComponent({
@@ -1897,7 +2009,7 @@ var SkeletonList_default = /* @__PURE__ */ defineComponent({
 		/** A length starts with a digit, a dot, or opens a CSS function. */
 		const isLength = computed(() => /^(?:[.\d]|calc\(|var\(|clamp\(|min\(|max\()/.test(__props.rowHeight));
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", _hoisted_1$3, [createElementVNode("span", _hoisted_2$3, toDisplayString(__props.label), 1), (openBlock(true), createElementBlock(Fragment, null, renderList(__props.rows, (row) => {
+			return openBlock(), createElementBlock("div", _hoisted_1$4, [createElementVNode("span", _hoisted_2$4, toDisplayString(__props.label), 1), (openBlock(true), createElementBlock(Fragment, null, renderList(__props.rows, (row) => {
 				return openBlock(), createElementBlock("div", {
 					key: row,
 					class: normalizeClass(["bg-muted rounded-card animate-pulse", isLength.value ? void 0 : __props.rowHeight]),
@@ -1910,8 +2022,8 @@ var SkeletonList_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/StatCard.vue?vue&type=script&setup=true&lang.ts
-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_1$3 = { class: "border-hair rounded-card flex flex-1 flex-col gap-0.5 border p-3" };
+var _hoisted_2$3 = { 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
@@ -1930,7 +2042,7 @@ var StatCard_default = /* @__PURE__ */ defineComponent({
 			flat: ArrowRight
 		};
 		return (_ctx, _cache) => {
-			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]), {
+			return openBlock(), createElementBlock("div", _hoisted_1$3, [createElementVNode("div", _hoisted_2$3, [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$1, toDisplayString(__props.label), 1)]);
@@ -1938,6 +2050,91 @@ var StatCard_default = /* @__PURE__ */ defineComponent({
 	}
 });
 //#endregion
+//#region src/components/ToastHost.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$2 = [
+	"onMouseenter",
+	"onMouseleave",
+	"onFocusin",
+	"onFocusout"
+];
+var _hoisted_2$2 = { class: "flex-1 text-sm leading-snug" };
+//#endregion
+//#region src/components/ToastHost.vue
+var ToastHost_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	__name: "ToastHost",
+	props: {
+		closeLabel: {},
+		bottom: {
+			type: Boolean,
+			default: false
+		}
+	},
+	setup(__props) {
+		const { toasts, dismiss, pause, resume } = useToast();
+		/**
+		* Teleport needs a `body`, and a server has none.
+		*
+		* Rendering nothing until mounted is also correct rather than merely safe: a
+		* prerendered page has no toasts in it, so there is nothing to hydrate and
+		* nothing to flash.
+		*/
+		const mounted = ref(false);
+		onMounted(() => mounted.value = true);
+		const ICON = {
+			info: Info,
+			success: CheckCircle2,
+			warning: TriangleAlert,
+			danger: XCircle
+		};
+		const TONE_CLASS = {
+			info: "text-primary",
+			success: "text-positive",
+			warning: "text-warning",
+			danger: "text-negative"
+		};
+		return (_ctx, _cache) => {
+			return mounted.value ? (openBlock(), createBlock(Teleport, {
+				key: 0,
+				to: "body"
+			}, [createElementVNode("div", {
+				class: normalizeClass(["pointer-events-none fixed inset-x-0 z-[100] flex flex-col items-center gap-2 px-4", __props.bottom ? "bottom-0 pb-[max(1rem,env(safe-area-inset-bottom))]" : "top-0 pt-4"]),
+				role: "status",
+				"aria-live": "polite"
+			}, [createVNode(TransitionGroup, { name: "toast" }, {
+				default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(toasts), (toast) => {
+					return openBlock(), createElementBlock("div", {
+						key: toast.id,
+						class: "border-hair bg-surface text-ink rounded-card pointer-events-auto flex w-full max-w-sm items-start gap-3 border p-3 shadow-lg",
+						onMouseenter: ($event) => unref(pause)(toast.id),
+						onMouseleave: ($event) => unref(resume)(toast.id),
+						onFocusin: ($event) => unref(pause)(toast.id),
+						onFocusout: ($event) => unref(resume)(toast.id)
+					}, [
+						(openBlock(), createBlock(resolveDynamicComponent(ICON[toast.tone]), {
+							class: normalizeClass(["mt-0.5 size-5 shrink-0", TONE_CLASS[toast.tone]]),
+							"aria-hidden": "true"
+						}, null, 8, ["class"])),
+						createElementVNode("p", _hoisted_2$2, toDisplayString(toast.message), 1),
+						createVNode(BaseButton_default, {
+							variant: "quiet",
+							icon: "",
+							pill: "",
+							size: "sm",
+							class: "-my-1 shrink-0",
+							"aria-label": __props.closeLabel,
+							onClick: ($event) => unref(dismiss)(toast.id)
+						}, {
+							default: withCtx(() => [createVNode(unref(X), { class: "size-4" })]),
+							_: 1
+						}, 8, ["aria-label", "onClick"])
+					], 40, _hoisted_1$2);
+				}), 128))]),
+				_: 1
+			})], 2)])) : createCommentVNode("", true);
+		};
+	}
+}), [["__scopeId", "data-v-f1a3439c"]]);
+//#endregion
 //#region src/components/LocaleLinks.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1$1 = ["aria-label"];
 var _hoisted_2$1 = [
@@ -2188,8 +2385,8 @@ function createI18nRuntime(options) {
 *
 * The fallback keeps `vitest` and `vite dev` honest, where no define runs.
 */
-var VERSION = "0.7.1";
+var VERSION = "0.8.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, 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, useToday, useVisualViewport };
+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 };
 
 //# sourceMappingURL=index.js.map