rei-kit 0.14.1 → 0.16.0

package/dist/GoogleButton-BxsrxZdX.js

@@ -0,0 +1,730 @@
+import { n as _plugin_vue_export_helper_default, r as BaseButton_default } from "./SettingsRow-MnVleeTR.js";
+import { Teleport, Transition, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createStaticVNode, createTextVNode, createVNode, defineComponent, mergeModels, mergeProps, nextTick, normalizeClass, normalizeStyle, onMounted, onScopeDispose, onUnmounted, openBlock, readonly, ref, renderSlot, toDisplayString, unref, useId, useModel, vModelCheckbox, vModelDynamic, watch, withCtx, withDirectives } from "vue";
+import { X } from "lucide-vue-next";
+//#region src/utils/redirect.ts
+/**
+* Resolves a `?redirect=` query value into a safe in-app path.
+*
+* Only same-origin paths are accepted. Anything else falls back to `/`,
+* so a crafted link cannot bounce a user from the real login page to a
+* phishing clone.
+*
+* Pure: takes the query value instead of reading the router, so it also
+* works inside navigation guards and can be unit tested.
+*
+* @param target - Raw `route.query.redirect` value. May be a string, an
+*   array (repeated query key), `null`, or `undefined`.
+* @returns A path starting with a single `/`. Defaults to `/`.
+*
+* @example
+* ```ts
+* // in a view
+* await router.push(safeRedirect(route.query.redirect))
+*
+* // in a guard
+* return safeRedirect(to.query.redirect)
+* ```
+*
+* @example
+* ```ts
+* safeRedirect('/week')              // '/week'
+* safeRedirect('https://evil.com')   // '/'
+* safeRedirect('//evil.com')         // '/'  (protocol-relative URL)
+* safeRedirect(['/a', '/b'])         // '/'
+* safeRedirect(undefined)            // '/'
+* ```
+*/
+function safeRedirect(target) {
+	if (typeof target === "string" && target.startsWith("/") && !target.startsWith("//")) return target;
+	return "/";
+}
+/**
+* Where to send somebody back to after signing in, without the fragment.
+*
+* Supabase's implicit OAuth flow hands the browser back with the access and
+* refresh tokens in the URL fragment. A fragment is client-side only — it is
+* never sent to a server. Copied into a query parameter it stops being one:
+* `/login?redirect=/%23access_token=…` is sent on the very next request and
+* lands in the host's access logs, in `Referer` headers and in browser history.
+*
+* So the redirect keeps the path and the query and drops everything from the
+* `#`. There is nothing after it worth returning to anyway.
+*
+* One of the two phone apps had this and the other was passing `fullPath`
+* straight through, which is the leak above with nothing in the way of it. That
+* is the shape of bug a shared kit exists to end: it was fixed once, in the app
+* whose author happened to think of it.
+*
+* @example
+* ```ts
+* toRedirectPath('/ledger?direction=out')  // '/ledger?direction=out'
+* toRedirectPath('/#access_token=abc')     // '/'
+* ```
+*/
+function toRedirectPath(fullPath) {
+	const [path] = fullPath.split("#");
+	return path === void 0 || path === "" ? "/" : path;
+}
+//#endregion
+//#region src/utils/haptics.ts
+/**
+* A short vibration for a confirmed tap.
+*
+* Optional chaining is not decoration: iOS Safari has no `vibrate` at all, and
+* calling it unguarded would throw on every marked day.
+*
+* @param duration - Milliseconds. Keep it under ~15ms; longer reads as an alert.
+*/
+function tapFeedback(duration = 10) {
+	navigator.vibrate?.(duration);
+}
+//#endregion
+//#region src/composables/use-theme.ts
+/**
+* Namespaced by the app, not by this package.
+*
+* Two rei-kit apps served from the same origin would otherwise share one theme
+* setting — and during development on localhost, they will be.
+*/
+var storageKey = "rei-theme";
+function isThemePreference(value) {
+	return value === "system" || value === "light" || value === "dark";
+}
+/** Reads the stored preference, falling back to `system`. */
+function readStoredTheme() {
+	try {
+		const stored = localStorage.getItem(storageKey);
+		return isThemePreference(stored) ? stored : "system";
+	} catch {
+		return "system";
+	}
+}
+function storeTheme(preference) {
+	try {
+		localStorage.setItem(storageKey, preference);
+	} catch {}
+}
+/**
+* Does the environment prefer a dark scheme?
+*
+* `matchMedia` is checked for on its own rather than inferred from `document`.
+* Having one does not imply having the other: jsdom supplies a document and no
+* `matchMedia`, so a consumer's component test that so much as mounts something
+* calling `useTheme` threw — and some embedded webviews are the same. Where
+* there is nothing to ask, the answer is no rather than an exception.
+*/
+function prefersDarkScheme() {
+	return typeof window !== "undefined" && typeof window.matchMedia === "function" ? window.matchMedia("(prefers-color-scheme: dark)").matches : false;
+}
+/**
+* Adds or removes `.dark` on `<html>`, resolving `system` against the OS.
+*
+* A no-op without a document. There is no OS preference to read on a server and
+* no `<html>` to write to, so a prerender leaves the class off and the app
+* decides the theme before hydration — see the note in the README.
+*/
+function applyTheme(preference) {
+	if (typeof document === "undefined") return;
+	const isDark = preference === "dark" || preference === "system" && prefersDarkScheme();
+	document.documentElement.classList.toggle("dark", isDark);
+}
+/**
+* The shared preference, created on first use rather than at import.
+*
+* Lazy on purpose: reading storage at import time would lock in the default key
+* before an app had a chance to set its own, leaving the controller reading one
+* key and writing another.
+*/
+var preference = null;
+function controller() {
+	if (preference) return preference;
+	preference = ref(readStoredTheme());
+	watch(preference, (next) => {
+		storeTheme(next);
+		applyTheme(next);
+	}, { immediate: true });
+	if (typeof window !== "undefined" && typeof window.matchMedia === "function") window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change", () => {
+		if (preference?.value === "system") applyTheme("system");
+	});
+	return preference;
+}
+/**
+* Sets where the preference is stored.
+*
+* Safe in either order: called before the first `useTheme()` it simply changes
+* the key, and called after it re-reads under the new one, so the controller
+* never reads from one key while writing to another.
+*
+* @example
+* ```ts
+* setThemeStorageKey('hibi-theme')   // once, at startup
+* ```
+*/
+function setThemeStorageKey(key) {
+	storageKey = key;
+	if (preference) preference.value = readStoredTheme();
+}
+/** @returns The shared preference ref; assigning to it stores and applies it. */
+function useTheme() {
+	return controller();
+}
+//#endregion
+//#region src/composables/use-online.ts
+/**
+* Tracks whether the browser thinks it has a network connection.
+*
+* Note the limit: `navigator.onLine` only reports whether a network interface
+* is up, not whether requests actually succeed. Treat it as a hint for the UI,
+* never as a reason to skip error handling.
+*
+* Listeners are removed on unmount, so the composable is safe to call per view.
+*
+* @returns A readonly ref that flips with the browser's online/offline events.
+*
+* @example
+* ```ts
+* const isOnline = useOnline()
+* // <p v-if="!isOnline">You're offline.</p>
+* ```
+*/
+function useOnline() {
+	const isOnline = ref(true);
+	function update() {
+		isOnline.value = navigator.onLine;
+	}
+	onMounted(() => {
+		update();
+		window.addEventListener("online", update);
+		window.addEventListener("offline", update);
+	});
+	onUnmounted(() => {
+		window.removeEventListener("online", update);
+		window.removeEventListener("offline", update);
+	});
+	return readonly(isOnline);
+}
+//#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
+* 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$5 = ["role", "aria-live"];
+var _hoisted_2$2 = { class: "min-w-0 flex-1" };
+var _hoisted_3$2 = {
+	key: 0,
+	class: "text-ink font-semibold"
+};
+//#endregion
+//#region src/components/BaseAlert.vue
+var BaseAlert_default = /* @__PURE__ */ defineComponent({
+	__name: "BaseAlert",
+	props: {
+		tone: { default: "info" },
+		assertive: {
+			type: Boolean,
+			default: false
+		}
+	},
+	setup(__props) {
+		const TONES = {
+			info: "border-hair bg-muted/40 text-ink",
+			success: "border-positive/35 bg-positive/8 text-ink",
+			warning: "border-warning/40 bg-warning/8 text-ink",
+			danger: "border-negative/35 bg-negative/8 text-ink"
+		};
+		const MARKS = {
+			info: "bg-ink-soft/15 text-ink-soft",
+			success: "bg-positive/15 text-positive",
+			warning: "bg-warning/15 text-warning",
+			danger: "bg-negative/15 text-negative"
+		};
+		const skin = computed(() => TONES[__props.tone]);
+		const mark = computed(() => MARKS[__props.tone]);
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				class: normalizeClass(["rounded-card flex items-start gap-3 border px-4 py-3.5 text-sm leading-relaxed", skin.value]),
+				role: __props.assertive ? "alert" : "status",
+				"aria-live": __props.assertive ? "assertive" : "polite"
+			}, [
+				_ctx.$slots.mark ? (openBlock(), createElementBlock("span", {
+					key: 0,
+					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$2, [_ctx.$slots.title ? (openBlock(), createElementBlock("p", _hoisted_3$2, [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$5);
+		};
+	}
+});
+//#endregion
+//#region src/components/FormField.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$4 = ["for"];
+//#endregion
+//#region src/components/FormField.vue
+var FormField_default = /* @__PURE__ */ defineComponent({
+	__name: "FormField",
+	props: {
+		label: {},
+		error: { default: "" },
+		hint: { default: "" },
+		size: { default: "md" },
+		labelHidden: {
+			type: Boolean,
+			default: false
+		}
+	},
+	setup(__props) {
+		const id = useId();
+		const errorId = `${id}-error`;
+		const hintId = `${id}-hint`;
+		const describedBy = computed(() => {
+			if (__props.error) return errorId;
+			if (__props.hint) return hintId;
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", { class: normalizeClass(["flex flex-col", __props.size === "sm" ? "gap-1" : "gap-1.5"]) }, [
+				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$4),
+				renderSlot(_ctx.$slots, "default", {
+					id: unref(id),
+					describedBy: describedBy.value,
+					invalid: Boolean(__props.error),
+					size: __props.size
+				}),
+				__props.error ? (openBlock(), createElementBlock("p", {
+					key: 0,
+					id: errorId,
+					class: "text-negative text-xs"
+				}, toDisplayString(__props.error), 1)) : __props.hint ? (openBlock(), createElementBlock("p", {
+					key: 1,
+					id: hintId,
+					class: "text-ink-soft text-xs"
+				}, toDisplayString(__props.hint), 1)) : createCommentVNode("", true)
+			], 2);
+		};
+	}
+});
+//#endregion
+//#region src/components/BaseInput.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$3 = [
+	"id",
+	"type",
+	"aria-invalid",
+	"aria-describedby"
+];
+var CONTROL_CLASS = "h-11 text-base";
+//#endregion
+//#region src/components/BaseInput.vue
+var BaseInput_default = /* @__PURE__ */ defineComponent({
+	inheritAttrs: false,
+	__name: "BaseInput",
+	props: /*@__PURE__*/ mergeModels({
+		label: {},
+		error: { default: "" },
+		hint: { default: "" },
+		labelHidden: {
+			type: Boolean,
+			default: false
+		},
+		type: { default: "text" },
+		size: { default: "md" },
+		variant: { default: "default" }
+	}, {
+		"modelValue": {},
+		"modelModifiers": {}
+	}),
+	emits: ["update:modelValue"],
+	setup(__props) {
+		const model = useModel(__props, "modelValue");
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(FormField_default, {
+				label: __props.label,
+				error: __props.error,
+				hint: __props.hint,
+				"label-hidden": __props.labelHidden,
+				size: __props.size
+			}, {
+				default: withCtx(({ id, describedBy, invalid }) => [withDirectives(createElementVNode("input", mergeProps({
+					id,
+					"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => model.value = $event),
+					type: __props.type,
+					"aria-invalid": invalid,
+					"aria-describedby": describedBy
+				}, _ctx.$attrs, { class: [
+					__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$3), [[vModelDynamic, model.value]])]),
+				_: 1
+			}, 8, [
+				"label",
+				"error",
+				"hint",
+				"label-hidden",
+				"size"
+			]);
+		};
+	}
+});
+//#endregion
+//#region src/components/BaseSheet.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$2 = { class: "shell-frame md:rounded-shell relative flex max-h-full flex-col justify-end overflow-hidden" };
+var _hoisted_2$1 = ["aria-label"];
+var _hoisted_3$1 = { class: "flex shrink-0 items-start gap-3 px-6 pt-4 pb-5" };
+var _hoisted_4 = { class: "min-w-0 flex-1" };
+var _hoisted_5 = { class: "text-ink text-xl leading-tight font-semibold" };
+var _hoisted_6 = {
+	key: 0,
+	class: "text-ink-soft mt-1 text-sm leading-snug"
+};
+var _hoisted_7 = { 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$2, [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$1, [createElementVNode("div", _hoisted_4, [createElementVNode("h2", _hoisted_5, toDisplayString(__props.title), 1), __props.subtitle ? (openBlock(), createElementBlock("p", _hoisted_6, 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, [renderSlot(_ctx.$slots, "default", {}, void 0, true)])
+				], 8, _hoisted_2$1)])], 4)) : createCommentVNode("", true)]),
+				_: 3
+			})]);
+		};
+	}
+}), [["__scopeId", "data-v-51709579"]]);
+//#endregion
+//#region src/components/BaseCheckbox.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$1 = { class: "flex flex-col gap-1.5" };
+var _hoisted_2 = ["for"];
+var _hoisted_3 = [
+	"id",
+	"disabled",
+	"aria-invalid",
+	"aria-describedby"
+];
+//#endregion
+//#region src/components/BaseCheckbox.vue
+var BaseCheckbox_default = /* @__PURE__ */ defineComponent({
+	__name: "BaseCheckbox",
+	props: /*@__PURE__*/ mergeModels({
+		label: {},
+		error: { default: "" },
+		hint: { default: "" },
+		disabled: {
+			type: Boolean,
+			default: false
+		},
+		size: { default: "md" }
+	}, {
+		"modelValue": {
+			type: Boolean,
+			default: false
+		},
+		"modelModifiers": {}
+	}),
+	emits: ["update:modelValue"],
+	setup(__props) {
+		const model = useModel(__props, "modelValue");
+		const id = useId();
+		const errorId = `${id}-error`;
+		const hintId = `${id}-hint`;
+		const describedBy = computed(() => {
+			if (__props.error) return errorId;
+			if (__props.hint) return hintId;
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", _hoisted_1$1, [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", {
+				id: unref(id),
+				"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => model.value = $event),
+				type: "checkbox",
+				disabled: __props.disabled,
+				"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), [[vModelCheckbox, model.value]]), createElementVNode("span", { class: normalizeClass(["text-sm", __props.size === "sm" ? "text-ink-soft" : "text-ink"]) }, toDisplayString(__props.label), 3)], 10, _hoisted_2), __props.error ? (openBlock(), createElementBlock("p", {
+				key: 0,
+				id: errorId,
+				class: "text-negative text-xs"
+			}, toDisplayString(__props.error), 1)) : __props.hint ? (openBlock(), createElementBlock("p", {
+				key: 1,
+				id: hintId,
+				class: "text-ink-soft text-xs"
+			}, toDisplayString(__props.hint), 1)) : createCommentVNode("", true)]);
+		};
+	}
+});
+//#endregion
+//#region src/components/GoogleButton.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = ["disabled"];
+//#endregion
+//#region src/components/GoogleButton.vue
+var GoogleButton_default = /* @__PURE__ */ defineComponent({
+	__name: "GoogleButton",
+	props: {
+		label: {},
+		disabled: {
+			type: Boolean,
+			default: false
+		}
+	},
+	emits: ["click"],
+	setup(__props, { emit: __emit }) {
+		const emit = __emit;
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("button", {
+				type: "button",
+				disabled: __props.disabled,
+				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 disabled:pointer-events-none disabled:opacity-50",
+				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)], 8, _hoisted_1);
+		};
+	}
+});
+//#endregion
+export { toRedirectPath as _, FormField_default as a, useVisualViewport as c, isThemePreference as d, readStoredTheme as f, safeRedirect as g, tapFeedback as h, BaseInput_default as i, useOnline as l, useTheme as m, BaseCheckbox_default as n, BaseAlert_default as o, setThemeStorageKey as p, BaseSheet_default as r, useToast as s, GoogleButton_default as t, applyTheme as u };
+
+//# sourceMappingURL=GoogleButton-BxsrxZdX.js.map