rei-kit 2.24.0 → 3.0.0

package/dist/motion/index.d.ts

@@ -8,8 +8,19 @@
  * with them are in `rei-kit/motion.css`, which both presets include.
  */
 export { default as NumberTicker } from './NumberTicker.vue';
+/** A number that counts up to its value once it scrolls into view. */
 export { default as CountUp } from './CountUp.vue';
+/**
+ * One word in a sentence that changes on its own: "Build it *glass*", then
+ * *brutal*, then *soft*.
+ */
 export { default as TextRotate } from './TextRotate.vue';
+/**
+ * Text that types itself out, and — given several lines — deletes each one
+ * and types the next.
+ */
 export { default as TypeWriter } from './TypeWriter.vue';
+/** Content that fades or rises into place as it scrolls into view. */
 export { default as BaseReveal } from './BaseReveal.vue';
+/** A row that scrolls sideways without end: logos, testimonials, a ticker. */
 export { default as BaseMarquee } from './BaseMarquee.vue';

package/dist/palettes/palettes.generated.json.d.ts

@@ -7,13 +7,13 @@ declare const _default: [
       "primary": "#26667f",
       "accent": "#124170",
       "positive": "#67c090",
-      "negative": "#c9463b",
+      "negative": "#c7453a",
       "warning": "#d89a3e",
       "canvas": "#f4faf8",
       "surface": "#ffffff",
       "muted": "#ddf4e7",
       "ink": "#0f2229",
-      "inkSoft": "#5c7480",
+      "inkSoft": "#586f7b",
       "hair": "#e1edea",
       "onPrimary": "#ffffff",
       "onAccent": "#ffffff",
@@ -51,10 +51,10 @@ declare const _default: [
     "label": "Nord",
     "origin": "Arctic Ice Studio",
     "light": {
-      "primary": "#5e81ac",
+      "primary": "#506e93",
       "accent": "#b48ead",
       "positive": "#a3be8c",
-      "negative": "#bf616a",
+      "negative": "#a6545c",
       "warning": "#ebcb8b",
       "canvas": "#eceff4",
       "surface": "#ffffff",
@@ -62,17 +62,17 @@ declare const _default: [
       "ink": "#2e3440",
       "inkSoft": "#4c566a",
       "hair": "#d8dee9",
-      "onPrimary": "#111111",
+      "onPrimary": "#ffffff",
       "onAccent": "#111111",
       "onPositive": "#2e3440",
-      "onNegative": "#111111",
+      "onNegative": "#ffffff",
       "onWarning": "#2e3440"
     },
     "dark": {
       "primary": "#88c0d0",
       "accent": "#b48ead",
       "positive": "#a3be8c",
-      "negative": "#bf616a",
+      "negative": "#d89fa4",
       "warning": "#ebcb8b",
       "canvas": "#2e3440",
       "surface": "#3b4252",
@@ -83,11 +83,11 @@ declare const _default: [
       "onPrimary": "#2e3440",
       "onAccent": "#111111",
       "onPositive": "#2e3440",
-      "onNegative": "#111111",
+      "onNegative": "#2e3440",
       "onWarning": "#2e3440"
     },
     "swatch": [
-      "#5e81ac",
+      "#506e93",
       "#b48ead",
       "#a3be8c",
       "#ebcb8b"
@@ -192,43 +192,43 @@ declare const _default: [
     "label": "Solarized",
     "origin": "Ethan Schoonover",
     "light": {
-      "primary": "#268bd2",
+      "primary": "#2075b2",
       "accent": "#6a6fc0",
       "positive": "#859900",
-      "negative": "#dc322f",
+      "negative": "#d5312e",
       "warning": "#b58900",
       "canvas": "#fdf6e3",
       "surface": "#fffcf3",
       "muted": "#eee8d5",
       "ink": "#073642",
-      "inkSoft": "#586e75",
+      "inkSoft": "#566c73",
       "hair": "#e4dcc4",
-      "onPrimary": "#111111",
+      "onPrimary": "#ffffff",
       "onAccent": "#ffffff",
       "onPositive": "#002b36",
       "onNegative": "#ffffff",
       "onWarning": "#002b36"
     },
     "dark": {
-      "primary": "#268bd2",
+      "primary": "#4b9fda",
       "accent": "#6a6fc0",
       "positive": "#859900",
-      "negative": "#dc322f",
+      "negative": "#e87674",
       "warning": "#b58900",
       "canvas": "#002b36",
       "surface": "#073642",
       "muted": "#0b3f4c",
       "ink": "#eee8d5",
-      "inkSoft": "#93a1a1",
+      "inkSoft": "#97a5a5",
       "hair": "#16505e",
-      "onPrimary": "#111111",
+      "onPrimary": "#002b36",
       "onAccent": "#ffffff",
       "onPositive": "#002b36",
-      "onNegative": "#ffffff",
+      "onNegative": "#002b36",
       "onWarning": "#002b36"
     },
     "swatch": [
-      "#268bd2",
+      "#2075b2",
       "#6a6fc0",
       "#859900",
       "#b58900"
@@ -260,7 +260,7 @@ declare const _default: [
       "primary": "#83a598",
       "accent": "#d3869b",
       "positive": "#b8bb26",
-      "negative": "#fb4934",
+      "negative": "#fc6857",
       "warning": "#fabd2f",
       "canvas": "#282828",
       "surface": "#32302f",
@@ -271,7 +271,7 @@ declare const _default: [
       "onPrimary": "#282828",
       "onAccent": "#282828",
       "onPositive": "#282828",
-      "onNegative": "#111111",
+      "onNegative": "#282828",
       "onWarning": "#282828"
     },
     "swatch": [
@@ -292,21 +292,21 @@ declare const _default: [
       "#1a1b26"
     ],
     "light": {
-      "primary": "#2e7de9",
+      "primary": "#2463b8",
       "accent": "#9351ea",
       "positive": "#587539",
-      "negative": "#f52a65",
+      "negative": "#c0214f",
       "warning": "#8c6c3e",
       "canvas": "#e1e2e7",
       "surface": "#f5f5f8",
       "muted": "#d5d6db",
-      "ink": "#3760bf",
-      "inkSoft": "#536297",
+      "ink": "#2e51a3",
+      "inkSoft": "#4d5b8c",
       "hair": "#c4c8da",
-      "onPrimary": "#111111",
+      "onPrimary": "#ffffff",
       "onAccent": "#ffffff",
       "onPositive": "#ffffff",
-      "onNegative": "#16161e",
+      "onNegative": "#ffffff",
       "onWarning": "#ffffff"
     },
     "dark": {
@@ -336,18 +336,18 @@ declare const _default: [
       "primary": "#286983",
       "accent": "#907aa9",
       "positive": "#56949f",
-      "negative": "#b4637a",
+      "negative": "#a45a6f",
       "warning": "#ea9d34",
       "canvas": "#faf4ed",
       "surface": "#fffaf3",
       "muted": "#f2e9e1",
       "ink": "#575279",
-      "inkSoft": "#716d89",
+      "inkSoft": "#6a6681",
       "hair": "#dfdad9",
       "onPrimary": "#ffffff",
       "onAccent": "#191724",
       "onPositive": "#191724",
-      "onNegative": "#111111",
+      "onNegative": "#ffffff",
       "onWarning": "#191724"
     },
     "dark": {

package/dist/palettes.css

@@ -14,13 +14,13 @@
   --color-primary: #26667f;
   --color-accent: #124170;
   --color-positive: #67c090;
-  --color-negative: #c9463b;
+  --color-negative: #c7453a;
   --color-warning: #d89a3e;
   --color-canvas: #f4faf8;
   --color-surface: #ffffff;
   --color-muted: #ddf4e7;
   --color-ink: #0f2229;
-  --color-ink-soft: #5c7480;
+  --color-ink-soft: #586f7b;
   --color-hair: #e1edea;
   --color-on-primary: #ffffff;
   --color-on-accent: #ffffff;
@@ -52,10 +52,10 @@
 
 /* Nord — Arctic Ice Studio */
 [data-palette='nord'] {
-  --color-primary: #5e81ac;
+  --color-primary: #506e93;
   --color-accent: #b48ead;
   --color-positive: #a3be8c;
-  --color-negative: #bf616a;
+  --color-negative: #a6545c;
   --color-warning: #ebcb8b;
   --color-canvas: #eceff4;
   --color-surface: #ffffff;
@@ -63,10 +63,10 @@
   --color-ink: #2e3440;
   --color-ink-soft: #4c566a;
   --color-hair: #d8dee9;
-  --color-on-primary: #111111;
+  --color-on-primary: #ffffff;
   --color-on-accent: #111111;
   --color-on-positive: #2e3440;
-  --color-on-negative: #111111;
+  --color-on-negative: #ffffff;
   --color-on-warning: #2e3440;
 }
 
@@ -75,7 +75,7 @@
   --color-primary: #88c0d0;
   --color-accent: #b48ead;
   --color-positive: #a3be8c;
-  --color-negative: #bf616a;
+  --color-negative: #d89fa4;
   --color-warning: #ebcb8b;
   --color-canvas: #2e3440;
   --color-surface: #3b4252;
@@ -86,7 +86,7 @@
   --color-on-primary: #2e3440;
   --color-on-accent: #111111;
   --color-on-positive: #2e3440;
-  --color-on-negative: #111111;
+  --color-on-negative: #2e3440;
   --color-on-warning: #2e3440;
   --shadow-color: #000000;
 }
@@ -175,18 +175,18 @@
 
 /* Solarized — Ethan Schoonover */
 [data-palette='solarized'] {
-  --color-primary: #268bd2;
+  --color-primary: #2075b2;
   --color-accent: #6a6fc0;
   --color-positive: #859900;
-  --color-negative: #dc322f;
+  --color-negative: #d5312e;
   --color-warning: #b58900;
   --color-canvas: #fdf6e3;
   --color-surface: #fffcf3;
   --color-muted: #eee8d5;
   --color-ink: #073642;
-  --color-ink-soft: #586e75;
+  --color-ink-soft: #566c73;
   --color-hair: #e4dcc4;
-  --color-on-primary: #111111;
+  --color-on-primary: #ffffff;
   --color-on-accent: #ffffff;
   --color-on-positive: #002b36;
   --color-on-negative: #ffffff;
@@ -195,21 +195,21 @@
 
 .dark[data-palette='solarized'],
 .dark [data-palette='solarized'] {
-  --color-primary: #268bd2;
+  --color-primary: #4b9fda;
   --color-accent: #6a6fc0;
   --color-positive: #859900;
-  --color-negative: #dc322f;
+  --color-negative: #e87674;
   --color-warning: #b58900;
   --color-canvas: #002b36;
   --color-surface: #073642;
   --color-muted: #0b3f4c;
   --color-ink: #eee8d5;
-  --color-ink-soft: #93a1a1;
+  --color-ink-soft: #97a5a5;
   --color-hair: #16505e;
-  --color-on-primary: #111111;
+  --color-on-primary: #002b36;
   --color-on-accent: #ffffff;
   --color-on-positive: #002b36;
-  --color-on-negative: #ffffff;
+  --color-on-negative: #002b36;
   --color-on-warning: #002b36;
   --shadow-color: #000000;
 }
@@ -239,7 +239,7 @@
   --color-primary: #83a598;
   --color-accent: #d3869b;
   --color-positive: #b8bb26;
-  --color-negative: #fb4934;
+  --color-negative: #fc6857;
   --color-warning: #fabd2f;
   --color-canvas: #282828;
   --color-surface: #32302f;
@@ -250,28 +250,28 @@
   --color-on-primary: #282828;
   --color-on-accent: #282828;
   --color-on-positive: #282828;
-  --color-on-negative: #111111;
+  --color-on-negative: #282828;
   --color-on-warning: #282828;
   --shadow-color: #000000;
 }
 
 /* Tokyo Night — enkia */
 [data-palette='tokyo-night'] {
-  --color-primary: #2e7de9;
+  --color-primary: #2463b8;
   --color-accent: #9351ea;
   --color-positive: #587539;
-  --color-negative: #f52a65;
+  --color-negative: #c0214f;
   --color-warning: #8c6c3e;
   --color-canvas: #e1e2e7;
   --color-surface: #f5f5f8;
   --color-muted: #d5d6db;
-  --color-ink: #3760bf;
-  --color-ink-soft: #536297;
+  --color-ink: #2e51a3;
+  --color-ink-soft: #4d5b8c;
   --color-hair: #c4c8da;
-  --color-on-primary: #111111;
+  --color-on-primary: #ffffff;
   --color-on-accent: #ffffff;
   --color-on-positive: #ffffff;
-  --color-on-negative: #16161e;
+  --color-on-negative: #ffffff;
   --color-on-warning: #ffffff;
 }
 
@@ -301,18 +301,18 @@
   --color-primary: #286983;
   --color-accent: #907aa9;
   --color-positive: #56949f;
-  --color-negative: #b4637a;
+  --color-negative: #a45a6f;
   --color-warning: #ea9d34;
   --color-canvas: #faf4ed;
   --color-surface: #fffaf3;
   --color-muted: #f2e9e1;
   --color-ink: #575279;
-  --color-ink-soft: #716d89;
+  --color-ink-soft: #6a6681;
   --color-hair: #dfdad9;
   --color-on-primary: #ffffff;
   --color-on-accent: #191724;
   --color-on-positive: #191724;
-  --color-on-negative: #111111;
+  --color-on-negative: #ffffff;
   --color-on-warning: #191724;
 }
 

package/dist/pwa/index.d.ts

@@ -11,6 +11,12 @@
  */
 export { useInstall, watchInstallability } from './use-install';
 export { useSnooze } from './use-snooze';
+/**
+ * The card that offers to install the app, and remembers being turned
+ * down.
+ */
 export { default as InstallPrompt } from './InstallPrompt.vue';
+/** The way back to installing after the card has been dismissed. */
 export { default as InstallSettings } from './InstallSettings.vue';
+/** The card that says a new version is waiting. */
 export { default as UpdatePrompt } from './UpdatePrompt.vue';

package/dist/pwa.js

@@ -1,7 +1,7 @@
 import { a as addDays, f as todayKey, i as needsIosInstall, r as isInstalled, t as SettingsGroup_default } from "./SettingsGroup-BXkajKGl.js";
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper-BOaGB7Aw.js";
-import { t as BaseButton_default } from "./BaseButton-RN2an975.js";
-import { t as SettingsRow_default } from "./SettingsRow-Ct1p2C9Q.js";
+import { t as BaseButton_default } from "./BaseButton-BD2HKB1L.js";
+import { t as SettingsRow_default } from "./SettingsRow-C6Spi7Np.js";
 import { Transition, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, openBlock, ref, resolveDynamicComponent, toDisplayString, unref, withCtx } from "vue";
 import { CheckCircle2, Download, RefreshCw, Share, X } from "lucide-vue-next";
 //#region src/pwa/use-install.ts
@@ -118,7 +118,7 @@ var _hoisted_1$1 = {
 	class: "border-positive/25 bg-positive/5 rounded-card flex gap-3 border p-3.5"
 };
 var _hoisted_2$1 = {
-	class: "bg-positive/15 text-positive flex size-10 shrink-0 items-center justify-center rounded-xl",
+	class: "bg-positive/15 text-positive rounded-control flex size-10 shrink-0 items-center justify-center",
 	"aria-hidden": "true"
 };
 var _hoisted_3$1 = { class: "flex min-w-0 flex-1 flex-col gap-2" };
@@ -172,7 +172,7 @@ var InstallPrompt_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @
 			});
 		};
 	}
-}), [["__scopeId", "data-v-552a4ac9"]]);
+}), [["__scopeId", "data-v-c5d173d3"]]);
 //#endregion
 //#region src/pwa/InstallSettings.vue
 var InstallSettings_default = /* @__PURE__ */ defineComponent({

package/dist/pwa.js.map

@@ -1 +1 @@
-{"version":3,"file":"pwa.js","names":["$emit"],"sources":["../src/pwa/use-install.ts","../src/pwa/use-snooze.ts","../src/pwa/InstallPrompt.vue","../src/pwa/InstallPrompt.vue","../src/pwa/InstallSettings.vue","../src/pwa/InstallSettings.vue","../src/pwa/UpdatePrompt.vue","../src/pwa/UpdatePrompt.vue"],"sourcesContent":["import { computed, ref } from 'vue'\n\nimport { isInstalled, needsIosInstall } from '../utils/platform'\n\n/**\n * The event Chromium fires when it decides the app is installable.\n *\n * Not in lib.dom yet, and it is the only way to trigger the install sheet from\n * the app's own button rather than the browser's.\n */\ninterface BeforeInstallPromptEvent extends Event {\n  prompt: () => Promise<void>\n  userChoice: Promise<{ outcome: 'accepted' | 'dismissed' }>\n}\n\nconst deferred = ref<BeforeInstallPromptEvent | null>(null)\nconst installed = ref(false)\n\nlet listening = false\n\n/**\n * Starts listening for the install event.\n *\n * **Call this from the app's entry file, not from a component.**\n * `beforeinstallprompt` fires once, early, and only once per page load — a\n * listener attached when a component mounts has usually already missed it.\n *\n * It is a function rather than module-scope side effects so the package can be\n * imported on a server: the phone apps this came from ran it at module scope\n * and the kit spent a release learning why that is not free.\n *\n * @example\n * ```ts\n * // main.ts\n * import { watchInstallability } from 'rei-kit/pwa'\n * watchInstallability()\n * ```\n */\nexport function watchInstallability(): void {\n  if (listening || typeof window === 'undefined') return\n\n  listening = true\n  installed.value = isInstalled()\n\n  window.addEventListener('beforeinstallprompt', (event) => {\n    // Without this the browser shows its own bar, and then the app's card and\n    // the browser's bar are both on screen saying the same thing.\n    event.preventDefault()\n    deferred.value = event as BeforeInstallPromptEvent\n  })\n\n  window.addEventListener('appinstalled', () => {\n    installed.value = true\n    deferred.value = null\n  })\n}\n\n/**\n * Adding the app to the Home Screen.\n *\n * Three states, because the platforms genuinely differ: Chromium hands over an\n * event that can be triggered from a button, Safari on iOS has no API at all\n * and needs the user walked through Share → Add to Home Screen, and everything\n * else can only be told that installing is possible.\n *\n * @example\n * ```ts\n * const install = useInstall()\n * if (install.canPrompt.value) await install.prompt()\n * ```\n */\nexport function useInstall() {\n  async function prompt(): Promise<boolean> {\n    const event = deferred.value\n    if (!event) return false\n\n    await event.prompt()\n    const { outcome } = await event.userChoice\n\n    // The event is single-use: Chromium refuses a second prompt() on it.\n    deferred.value = null\n\n    return outcome === 'accepted'\n  }\n\n  return {\n    isInstalled: computed(() => installed.value),\n    /** A button can open the real install sheet. */\n    canPrompt: computed(() => !installed.value && deferred.value !== null),\n    /** No API — the user has to be shown the Share menu. */\n    needsManualSteps: computed(() => !installed.value && needsIosInstall()),\n    prompt,\n  }\n}\n","import { computed, ref } from 'vue'\n\nimport { addDays, todayKey } from '../utils/date'\n\n/**\n * A nudge that stops asking for a while after it is dismissed.\n *\n * Both phone apps had this inside their install card, identically: a date in\n * `localStorage`, compared against today. Pulled out because the install card\n * is not the only thing that should stop asking — a notification nudge wants\n * exactly the same behaviour, and had exactly the same code.\n *\n * Storage is wrapped in try/catch on both sides. A private window or a browser\n * set to block site data throws on access, and the honest failure there is a\n * nudge that reappears next session rather than one that crashes the screen it\n * is asking from.\n *\n * @param key - Where the date is kept. Namespace it to the app.\n * @param days - How long to stay quiet after a dismissal.\n */\nexport function useSnooze(key: string, days = 7) {\n  const read = (): string => {\n    try {\n      return localStorage.getItem(key) ?? ''\n    } catch {\n      return ''\n    }\n  }\n\n  const until = ref(read())\n\n  return {\n    /** False while the nudge is snoozed. */\n    isOver: computed(() => todayKey() >= until.value),\n\n    /** Stop asking for `days`. */\n    snooze(): void {\n      const next = addDays(todayKey(), days)\n      until.value = next\n\n      try {\n        localStorage.setItem(key, next)\n      } catch {\n        // Storage blocked; it reappears next session rather than never.\n      }\n    },\n  }\n}\n","<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport { Download, Share } from 'lucide-vue-next'\n\nimport BaseButton from '../components/BaseButton.vue'\nimport { useInstall } from './use-install'\nimport { useSnooze } from './use-snooze'\n\n/**\n * The card that offers to install the app, and remembers being turned down.\n *\n * Both phone apps had this, 111 lines, differing in a storage key and a colour.\n * What is here is the part that was the same: the three-way platform check, the\n * week-long snooze, and the shape.\n *\n * Every string is a prop. The kit does not know a language, and \"Add to Home\n * Screen\" is a sentence about a platform, not about this component.\n */\nconst {\n  storageKey,\n  title,\n  body,\n  action,\n  later,\n  iosTitle = '',\n  iosBody = '',\n  snoozeDays = 7,\n} = defineProps<{\n  /** Where the dismissal is remembered. Namespace it: `hibi-install-nudge`. */\n  storageKey: string\n  title: string\n  body: string\n  /** The install button. Not shown on iOS, which has no API to call. */\n  action: string\n  later: string\n  /** Shown instead of `title` where the user has to use the Share menu. */\n  iosTitle?: string | undefined\n  iosBody?: string | undefined\n  snoozeDays?: number | undefined\n}>()\n\nconst { canPrompt, needsManualSteps, prompt } = useInstall()\nconst { isOver, snooze } = useSnooze(storageKey, snoozeDays)\n\nconst visible = computed(() => (canPrompt.value || needsManualSteps.value) && isOver.value)\n\nasync function install() {\n  await prompt()\n\n  // Accepted or dismissed, stop asking for a week. The prompt is what gets\n  // tiring, not the answer.\n  snooze()\n}\n</script>\n\n<template>\n  <Transition name=\"install\">\n    <section\n      v-if=\"visible\"\n      class=\"border-positive/25 bg-positive/5 rounded-card flex gap-3 border p-3.5\"\n    >\n      <span\n        class=\"bg-positive/15 text-positive flex size-10 shrink-0 items-center justify-center rounded-xl\"\n        aria-hidden=\"true\"\n      >\n        <component :is=\"needsManualSteps ? Share : Download\" class=\"size-5\" />\n      </span>\n\n      <div class=\"flex min-w-0 flex-1 flex-col gap-2\">\n        <div>\n          <p class=\"text-ink text-sm font-semibold\">\n            {{ needsManualSteps && iosTitle ? iosTitle : title }}\n          </p>\n          <p class=\"text-ink-soft mt-0.5 text-xs leading-relaxed\">\n            {{ needsManualSteps && iosBody ? iosBody : body }}\n          </p>\n        </div>\n\n        <div class=\"flex items-center gap-2\">\n          <!-- No button on iOS: Safari exposes no way to open the Share sheet\n               from script, so a button here could only fail. -->\n          <BaseButton\n            v-if=\"canPrompt\"\n            variant=\"positive\"\n            pill\n            size=\"xs\"\n            class=\"font-semibold\"\n            @click=\"install\"\n          >\n            {{ action }}\n          </BaseButton>\n\n          <BaseButton pill size=\"xs\" variant=\"quiet\" @click=\"snooze\">{{ later }}</BaseButton>\n        </div>\n      </div>\n    </section>\n  </Transition>\n</template>\n\n<style scoped>\n.install-enter-active,\n.install-leave-active {\n  transition:\n    opacity var(--duration-base) ease,\n    transform var(--duration-base) ease;\n}\n\n.install-enter-from,\n.install-leave-to {\n  opacity: 0;\n  transform: translateY(-4px);\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .install-enter-from,\n  .install-leave-to {\n    transform: none;\n  }\n}\n</style>\n","<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport { Download, Share } from 'lucide-vue-next'\n\nimport BaseButton from '../components/BaseButton.vue'\nimport { useInstall } from './use-install'\nimport { useSnooze } from './use-snooze'\n\n/**\n * The card that offers to install the app, and remembers being turned down.\n *\n * Both phone apps had this, 111 lines, differing in a storage key and a colour.\n * What is here is the part that was the same: the three-way platform check, the\n * week-long snooze, and the shape.\n *\n * Every string is a prop. The kit does not know a language, and \"Add to Home\n * Screen\" is a sentence about a platform, not about this component.\n */\nconst {\n  storageKey,\n  title,\n  body,\n  action,\n  later,\n  iosTitle = '',\n  iosBody = '',\n  snoozeDays = 7,\n} = defineProps<{\n  /** Where the dismissal is remembered. Namespace it: `hibi-install-nudge`. */\n  storageKey: string\n  title: string\n  body: string\n  /** The install button. Not shown on iOS, which has no API to call. */\n  action: string\n  later: string\n  /** Shown instead of `title` where the user has to use the Share menu. */\n  iosTitle?: string | undefined\n  iosBody?: string | undefined\n  snoozeDays?: number | undefined\n}>()\n\nconst { canPrompt, needsManualSteps, prompt } = useInstall()\nconst { isOver, snooze } = useSnooze(storageKey, snoozeDays)\n\nconst visible = computed(() => (canPrompt.value || needsManualSteps.value) && isOver.value)\n\nasync function install() {\n  await prompt()\n\n  // Accepted or dismissed, stop asking for a week. The prompt is what gets\n  // tiring, not the answer.\n  snooze()\n}\n</script>\n\n<template>\n  <Transition name=\"install\">\n    <section\n      v-if=\"visible\"\n      class=\"border-positive/25 bg-positive/5 rounded-card flex gap-3 border p-3.5\"\n    >\n      <span\n        class=\"bg-positive/15 text-positive flex size-10 shrink-0 items-center justify-center rounded-xl\"\n        aria-hidden=\"true\"\n      >\n        <component :is=\"needsManualSteps ? Share : Download\" class=\"size-5\" />\n      </span>\n\n      <div class=\"flex min-w-0 flex-1 flex-col gap-2\">\n        <div>\n          <p class=\"text-ink text-sm font-semibold\">\n            {{ needsManualSteps && iosTitle ? iosTitle : title }}\n          </p>\n          <p class=\"text-ink-soft mt-0.5 text-xs leading-relaxed\">\n            {{ needsManualSteps && iosBody ? iosBody : body }}\n          </p>\n        </div>\n\n        <div class=\"flex items-center gap-2\">\n          <!-- No button on iOS: Safari exposes no way to open the Share sheet\n               from script, so a button here could only fail. -->\n          <BaseButton\n            v-if=\"canPrompt\"\n            variant=\"positive\"\n            pill\n            size=\"xs\"\n            class=\"font-semibold\"\n            @click=\"install\"\n          >\n            {{ action }}\n          </BaseButton>\n\n          <BaseButton pill size=\"xs\" variant=\"quiet\" @click=\"snooze\">{{ later }}</BaseButton>\n        </div>\n      </div>\n    </section>\n  </Transition>\n</template>\n\n<style scoped>\n.install-enter-active,\n.install-leave-active {\n  transition:\n    opacity var(--duration-base) ease,\n    transform var(--duration-base) ease;\n}\n\n.install-enter-from,\n.install-leave-to {\n  opacity: 0;\n  transform: translateY(-4px);\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .install-enter-from,\n  .install-leave-to {\n    transform: none;\n  }\n}\n</style>\n","<script setup lang=\"ts\">\nimport { CheckCircle2, Download, Share } from 'lucide-vue-next'\n\nimport BaseButton from '../components/BaseButton.vue'\nimport SettingsGroup from '../components/SettingsGroup.vue'\nimport SettingsRow from '../components/SettingsRow.vue'\nimport { useInstall } from './use-install'\n\n/**\n * The way back to installing after the card has been dismissed.\n *\n * The card snoozes for a week; without this row, someone who tapped \"Not now\"\n * and then changed their mind would have nowhere to go. Both phone apps had it,\n * thirty-four lines, with no difference at all.\n *\n * It renders nothing where installing is neither possible nor already done — a\n * settings group that says \"you cannot install this\" is worse than silence.\n */\ndefineProps<{\n  /** The group's heading. */\n  title: string\n  /** The row's label while installing is still possible. */\n  label: string\n  /** The row's label once it is installed. */\n  installedLabel: string\n  body: string\n  /** Shown instead of `body` on iOS, where the user must use the Share menu. */\n  iosBody: string\n  /** The install button. Absent on iOS, which has no API to call. */\n  action: string\n}>()\n\nconst { isInstalled, canPrompt, needsManualSteps, prompt } = useInstall()\n</script>\n\n<template>\n  <SettingsGroup v-if=\"isInstalled || canPrompt || needsManualSteps\" :title=\"title\">\n    <SettingsRow\n      :label=\"isInstalled ? installedLabel : label\"\n      :description=\"isInstalled ? '' : needsManualSteps ? iosBody : body\"\n      :icon=\"isInstalled ? CheckCircle2 : needsManualSteps ? Share : Download\"\n      stacked\n    >\n      <BaseButton v-if=\"canPrompt\" variant=\"primary\" size=\"sm\" class=\"self-start\" @click=\"prompt\">\n        {{ action }}\n      </BaseButton>\n    </SettingsRow>\n  </SettingsGroup>\n</template>\n","<script setup lang=\"ts\">\nimport { CheckCircle2, Download, Share } from 'lucide-vue-next'\n\nimport BaseButton from '../components/BaseButton.vue'\nimport SettingsGroup from '../components/SettingsGroup.vue'\nimport SettingsRow from '../components/SettingsRow.vue'\nimport { useInstall } from './use-install'\n\n/**\n * The way back to installing after the card has been dismissed.\n *\n * The card snoozes for a week; without this row, someone who tapped \"Not now\"\n * and then changed their mind would have nowhere to go. Both phone apps had it,\n * thirty-four lines, with no difference at all.\n *\n * It renders nothing where installing is neither possible nor already done — a\n * settings group that says \"you cannot install this\" is worse than silence.\n */\ndefineProps<{\n  /** The group's heading. */\n  title: string\n  /** The row's label while installing is still possible. */\n  label: string\n  /** The row's label once it is installed. */\n  installedLabel: string\n  body: string\n  /** Shown instead of `body` on iOS, where the user must use the Share menu. */\n  iosBody: string\n  /** The install button. Absent on iOS, which has no API to call. */\n  action: string\n}>()\n\nconst { isInstalled, canPrompt, needsManualSteps, prompt } = useInstall()\n</script>\n\n<template>\n  <SettingsGroup v-if=\"isInstalled || canPrompt || needsManualSteps\" :title=\"title\">\n    <SettingsRow\n      :label=\"isInstalled ? installedLabel : label\"\n      :description=\"isInstalled ? '' : needsManualSteps ? iosBody : body\"\n      :icon=\"isInstalled ? CheckCircle2 : needsManualSteps ? Share : Download\"\n      stacked\n    >\n      <BaseButton v-if=\"canPrompt\" variant=\"primary\" size=\"sm\" class=\"self-start\" @click=\"prompt\">\n        {{ action }}\n      </BaseButton>\n    </SettingsRow>\n  </SettingsGroup>\n</template>\n","<script setup lang=\"ts\">\nimport { RefreshCw, X } from 'lucide-vue-next'\n\nimport BaseButton from '../components/BaseButton.vue'\n\n/**\n * The card that says a new version is waiting.\n *\n * `registerType: 'prompt'` means a new service worker waits rather than taking\n * over, and this is what asks whether to apply it. Asking rather than reloading\n * is the decision worth keeping: an automatic swap mid-sentence loses whatever\n * was being typed.\n *\n * **The service worker stays the app's.** `virtual:pwa-register/vue` is a\n * build-time module from `vite-plugin-pwa`, and a library cannot import one —\n * so the app owns `useRegisterSW` and hands the answer down as `open`. That\n * split is also honest: whether an update is waiting is the app's business,\n * and what the card looks like is this component's.\n *\n * @example\n * ```vue\n * <script setup>\n * const { needRefresh, updateServiceWorker } = useRegisterSW()\n * <\\/script>\n *\n * <UpdatePrompt\n *   :open=\"needRefresh\"\n *   :title=\"t('pwa.updateTitle')\"\n *   :body=\"t('pwa.updateBody')\"\n *   :action=\"t('pwa.reload')\"\n *   :dismiss-label=\"t('pwa.later')\"\n *   @update=\"updateServiceWorker(true)\"\n *   @dismiss=\"needRefresh = false\"\n * />\n * ```\n */\ndefineProps<{\n  open: boolean\n  title: string\n  body: string\n  action: string\n  /** The X's accessible name. An X on its own has none. */\n  dismissLabel: string\n}>()\n\ndefineEmits<{ update: []; dismiss: [] }>()\n</script>\n\n<template>\n  <Transition name=\"update\">\n    <aside v-if=\"open\" class=\"update-card\" role=\"status\">\n      <span class=\"update-icon\" aria-hidden=\"true\">\n        <RefreshCw class=\"size-4\" />\n      </span>\n\n      <div class=\"min-w-0 flex-1\">\n        <p class=\"text-ink text-sm font-semibold\">{{ title }}</p>\n        <p class=\"text-ink-soft text-xs leading-snug\">{{ body }}</p>\n      </div>\n\n      <BaseButton\n        variant=\"primary\"\n        pill\n        size=\"xs\"\n        class=\"shrink-0 font-semibold\"\n        @click=\"$emit('update')\"\n      >\n        {{ action }}\n      </BaseButton>\n\n      <BaseButton\n        variant=\"quiet\"\n        icon\n        pill\n        size=\"sm\"\n        class=\"shrink-0\"\n        :aria-label=\"dismissLabel\"\n        @click=\"$emit('dismiss')\"\n      >\n        <X class=\"size-4\" />\n      </BaseButton>\n    </aside>\n  </Transition>\n</template>\n\n<style scoped>\n/* Sits above the tab bar and the action button, because it outranks both — but\n   absolutely inside its container, so on a desktop-sized shell it does not\n   float off into the page. Give the shell `relative`. */\n.update-card {\n  border-color: var(--color-hair);\n  background: color-mix(in srgb, var(--color-surface) 95%, transparent);\n  border-radius: var(--radius-card);\n  position: absolute;\n  left: 50%;\n  z-index: 50;\n  display: flex;\n  width: 100%;\n  max-width: 360px;\n  align-items: center;\n  gap: 0.75rem;\n  border-width: 1px;\n  padding: 0.75rem;\n  backdrop-filter: blur(12px);\n  box-shadow: var(--shadow-overlay);\n  transform: translateX(-50%);\n  bottom: calc(1rem + env(safe-area-inset-bottom, 0px));\n}\n\n.update-icon {\n  background: color-mix(in srgb, var(--color-primary) 15%, transparent);\n  color: var(--color-primary);\n  display: flex;\n  height: 2.25rem;\n  width: 2.25rem;\n  flex-shrink: 0;\n  align-items: center;\n  justify-content: center;\n  border-radius: 0.75rem;\n}\n\n.update-enter-active,\n.update-leave-active {\n  transition:\n    opacity var(--duration-slow) ease,\n    transform var(--duration-slow) var(--ease-sheet);\n}\n\n.update-enter-from,\n.update-leave-to {\n  opacity: 0;\n  transform: translate(-50%, 1rem);\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .update-enter-from,\n  .update-leave-to {\n    transform: translate(-50%, 0);\n  }\n}\n</style>\n","<script setup lang=\"ts\">\nimport { RefreshCw, X } from 'lucide-vue-next'\n\nimport BaseButton from '../components/BaseButton.vue'\n\n/**\n * The card that says a new version is waiting.\n *\n * `registerType: 'prompt'` means a new service worker waits rather than taking\n * over, and this is what asks whether to apply it. Asking rather than reloading\n * is the decision worth keeping: an automatic swap mid-sentence loses whatever\n * was being typed.\n *\n * **The service worker stays the app's.** `virtual:pwa-register/vue` is a\n * build-time module from `vite-plugin-pwa`, and a library cannot import one —\n * so the app owns `useRegisterSW` and hands the answer down as `open`. That\n * split is also honest: whether an update is waiting is the app's business,\n * and what the card looks like is this component's.\n *\n * @example\n * ```vue\n * <script setup>\n * const { needRefresh, updateServiceWorker } = useRegisterSW()\n * <\\/script>\n *\n * <UpdatePrompt\n *   :open=\"needRefresh\"\n *   :title=\"t('pwa.updateTitle')\"\n *   :body=\"t('pwa.updateBody')\"\n *   :action=\"t('pwa.reload')\"\n *   :dismiss-label=\"t('pwa.later')\"\n *   @update=\"updateServiceWorker(true)\"\n *   @dismiss=\"needRefresh = false\"\n * />\n * ```\n */\ndefineProps<{\n  open: boolean\n  title: string\n  body: string\n  action: string\n  /** The X's accessible name. An X on its own has none. */\n  dismissLabel: string\n}>()\n\ndefineEmits<{ update: []; dismiss: [] }>()\n</script>\n\n<template>\n  <Transition name=\"update\">\n    <aside v-if=\"open\" class=\"update-card\" role=\"status\">\n      <span class=\"update-icon\" aria-hidden=\"true\">\n        <RefreshCw class=\"size-4\" />\n      </span>\n\n      <div class=\"min-w-0 flex-1\">\n        <p class=\"text-ink text-sm font-semibold\">{{ title }}</p>\n        <p class=\"text-ink-soft text-xs leading-snug\">{{ body }}</p>\n      </div>\n\n      <BaseButton\n        variant=\"primary\"\n        pill\n        size=\"xs\"\n        class=\"shrink-0 font-semibold\"\n        @click=\"$emit('update')\"\n      >\n        {{ action }}\n      </BaseButton>\n\n      <BaseButton\n        variant=\"quiet\"\n        icon\n        pill\n        size=\"sm\"\n        class=\"shrink-0\"\n        :aria-label=\"dismissLabel\"\n        @click=\"$emit('dismiss')\"\n      >\n        <X class=\"size-4\" />\n      </BaseButton>\n    </aside>\n  </Transition>\n</template>\n\n<style scoped>\n/* Sits above the tab bar and the action button, because it outranks both — but\n   absolutely inside its container, so on a desktop-sized shell it does not\n   float off into the page. Give the shell `relative`. */\n.update-card {\n  border-color: var(--color-hair);\n  background: color-mix(in srgb, var(--color-surface) 95%, transparent);\n  border-radius: var(--radius-card);\n  position: absolute;\n  left: 50%;\n  z-index: 50;\n  display: flex;\n  width: 100%;\n  max-width: 360px;\n  align-items: center;\n  gap: 0.75rem;\n  border-width: 1px;\n  padding: 0.75rem;\n  backdrop-filter: blur(12px);\n  box-shadow: var(--shadow-overlay);\n  transform: translateX(-50%);\n  bottom: calc(1rem + env(safe-area-inset-bottom, 0px));\n}\n\n.update-icon {\n  background: color-mix(in srgb, var(--color-primary) 15%, transparent);\n  color: var(--color-primary);\n  display: flex;\n  height: 2.25rem;\n  width: 2.25rem;\n  flex-shrink: 0;\n  align-items: center;\n  justify-content: center;\n  border-radius: 0.75rem;\n}\n\n.update-enter-active,\n.update-leave-active {\n  transition:\n    opacity var(--duration-slow) ease,\n    transform var(--duration-slow) var(--ease-sheet);\n}\n\n.update-enter-from,\n.update-leave-to {\n  opacity: 0;\n  transform: translate(-50%, 1rem);\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .update-enter-from,\n  .update-leave-to {\n    transform: translate(-50%, 0);\n  }\n}\n</style>\n"],"mappings":";;;;;;;AAeA,IAAM,WAAW,IAAqC,IAAI;AAC1D,IAAM,YAAY,IAAI,KAAK;AAE3B,IAAI,YAAY;;;;;;;;;;;;;;;;;;;AAoBhB,SAAgB,sBAA4B;CAC1C,IAAI,aAAa,OAAO,WAAW,aAAa;CAEhD,YAAY;CACZ,UAAU,QAAQ,YAAY;CAE9B,OAAO,iBAAiB,wBAAwB,UAAU;EAGxD,MAAM,eAAe;EACrB,SAAS,QAAQ;CACnB,CAAC;CAED,OAAO,iBAAiB,sBAAsB;EAC5C,UAAU,QAAQ;EAClB,SAAS,QAAQ;CACnB,CAAC;AACH;;;;;;;;;;;;;;;AAgBA,SAAgB,aAAa;CAC3B,eAAe,SAA2B;EACxC,MAAM,QAAQ,SAAS;EACvB,IAAI,CAAC,OAAO,OAAO;EAEnB,MAAM,MAAM,OAAO;EACnB,MAAM,EAAE,YAAY,MAAM,MAAM;EAGhC,SAAS,QAAQ;EAEjB,OAAO,YAAY;CACrB;CAEA,OAAO;EACL,aAAa,eAAe,UAAU,KAAK;;EAE3C,WAAW,eAAe,CAAC,UAAU,SAAS,SAAS,UAAU,IAAI;;EAErE,kBAAkB,eAAe,CAAC,UAAU,SAAS,gBAAgB,CAAC;EACtE;CACF;AACF;;;;;;;;;;;;;;;;;;;ACzEA,SAAgB,UAAU,KAAa,OAAO,GAAG;CAC/C,MAAM,aAAqB;EACzB,IAAI;GACF,OAAO,aAAa,QAAQ,GAAG,KAAK;EACtC,QAAQ;GACN,OAAO;EACT;CACF;CAEA,MAAM,QAAQ,IAAI,KAAK,CAAC;CAExB,OAAO;;EAEL,QAAQ,eAAe,SAAS,KAAK,MAAM,KAAK;;EAGhD,SAAe;GACb,MAAM,OAAO,QAAQ,SAAS,GAAG,IAAI;GACrC,MAAM,QAAQ;GAEd,IAAI;IACF,aAAa,QAAQ,KAAK,IAAI;GAChC,QAAQ,CAER;EACF;CACF;AACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ECNA,MAAM,EAAE,WAAW,kBAAkB,WAAW,WAAW;EAC3D,MAAM,EAAE,QAAQ,WAAW,UAAU,QAAA,YAAY,QAAA,UAAU;EAE3D,MAAM,UAAU,gBAAgB,UAAU,SAAS,iBAAiB,UAAU,OAAO,KAAK;EAE1F,eAAe,UAAU;GACvB,MAAM,OAAO;GAIb,OAAO;EACT;;GAIE,OAAA,UAAA,GAAA,YAwCa,YAAA,EAxCD,MAAK,UAAS,GAAA;IACxB,SAAA,cAsCU,CArCF,QAAA,SADR,UAAA,GAAA,mBAsCU,WAtCV,cAsCU,CAlCR,mBAKO,QALP,cAKO,EADL,UAAA,GAAA,YAAsE,wBAAtD,MAAA,gBAAA,IAAmB,MAAA,KAAA,IAAQ,MAAA,QAAA,CAAQ,GAAA,EAAE,OAAM,SAAQ,CAAA,EAAA,CAAA,GAGrE,mBA0BM,OA1BN,cA0BM,CAzBJ,mBAOM,OAAA,MAAA,CANJ,mBAEI,KAFJ,cAEI,gBADC,MAAA,gBAAA,KAAoB,QAAA,WAAW,QAAA,WAAW,QAAA,KAAK,GAAA,CAAA,GAEpD,mBAEI,KAFJ,cAEI,gBADC,MAAA,gBAAA,KAAoB,QAAA,UAAU,QAAA,UAAU,QAAA,IAAI,GAAA,CAAA,CAAA,CAAA,GAInD,mBAeM,OAfN,YAeM,CAXI,MAAA,SAAA,KADR,UAAA,GAAA,YASa,oBAAA;;KAPX,SAAQ;KACR,MAAA;KACA,MAAK;KACL,OAAM;KACL,SAAO;;KAER,SAAA,cAAY,CAAT,gBAAA,gBAAA,QAAA,MAAM,GAAA,CAAA,CAAA,CAAA;;IAGX,CAAA,KAAA,mBAAA,IAAA,IAAA,GAAA,YAAmF,oBAAA;KAAvE,MAAA;KAAK,MAAK;KAAK,SAAQ;KAAS,SAAO,MAAA,MAAA;;KAAQ,SAAA,cAAW,CAAR,gBAAA,gBAAA,QAAA,KAAK,GAAA,CAAA,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;EE5D7E,MAAM,EAAE,aAAa,WAAW,kBAAkB,WAAW,WAAW;;GAIjD,OAAA,MAAA,WAAA,KAAe,MAAA,SAAA,KAAa,MAAA,gBAAA,KAAjD,UAAA,GAAA,YAWgB,uBAAA;;IAXoD,OAAO,QAAA;;IACzE,SAAA,cASc,CATd,YASc,qBAAA;KARX,OAAO,MAAA,WAAA,IAAc,QAAA,iBAAiB,QAAA;KACtC,aAAa,MAAA,WAAA,IAAW,KAAQ,MAAA,gBAAA,IAAmB,QAAA,UAAU,QAAA;KAC7D,MAAM,MAAA,WAAA,IAAc,MAAA,YAAA,IAAe,MAAA,gBAAA,IAAmB,MAAA,KAAA,IAAQ,MAAA,QAAA;KAC/D,SAAA;;KAEA,SAAA,cAEa,CAFK,MAAA,SAAA,KAAlB,UAAA,GAAA,YAEa,oBAAA;;MAFgB,SAAQ;MAAU,MAAK;MAAK,OAAM;MAAc,SAAO,MAAA,MAAA;;MAClF,SAAA,cAAY,CAAT,gBAAA,gBAAA,QAAA,MAAM,GAAA,CAAA,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GEKf,OAAA,UAAA,GAAA,YAiCa,YAAA,EAjCD,MAAK,SAAQ,GAAA;IACvB,SAAA,cA+BQ,CA/BK,QAAA,QAAb,UAAA,GAAA,mBA+BQ,SA/BR,YA+BQ;KA9BN,mBAEO,QAFP,YAEO,CADL,YAA4B,MAAA,SAAA,GAAA,EAAjB,OAAM,SAAQ,CAAA,CAAA,CAAA;KAG3B,mBAGM,OAHN,YAGM,CAFJ,mBAAyD,KAAzD,YAAyD,gBAAZ,QAAA,KAAK,GAAA,CAAA,GAClD,mBAA4D,KAA5D,YAA4D,gBAAX,QAAA,IAAI,GAAA,CAAA,CAAA,CAAA;KAGvD,YAQa,oBAAA;MAPX,SAAQ;MACR,MAAA;MACA,MAAK;MACL,OAAM;MACL,SAAK,OAAA,OAAA,OAAA,MAAA,WAAEA,KAAAA,MAAK,QAAA;;MAEb,SAAA,cAAY,CAAT,gBAAA,gBAAA,QAAA,MAAM,GAAA,CAAA,CAAA,CAAA;;;KAGX,YAUa,oBAAA;MATX,SAAQ;MACR,MAAA;MACA,MAAA;MACA,MAAK;MACL,OAAM;MACL,cAAY,QAAA;MACZ,SAAK,OAAA,OAAA,OAAA,MAAA,WAAEA,KAAAA,MAAK,SAAA;;MAEb,SAAA,cAAoB,CAApB,YAAoB,MAAA,CAAA,GAAA,EAAjB,OAAM,SAAQ,CAAA,CAAA,CAAA"}
+{"version":3,"file":"pwa.js","names":["$emit"],"sources":["../src/pwa/use-install.ts","../src/pwa/use-snooze.ts","../src/pwa/InstallPrompt.vue","../src/pwa/InstallPrompt.vue","../src/pwa/InstallSettings.vue","../src/pwa/InstallSettings.vue","../src/pwa/UpdatePrompt.vue","../src/pwa/UpdatePrompt.vue"],"sourcesContent":["import { computed, ref } from 'vue'\n\nimport { isInstalled, needsIosInstall } from '../utils/platform'\n\n/**\n * The event Chromium fires when it decides the app is installable.\n *\n * Not in lib.dom yet, and it is the only way to trigger the install sheet from\n * the app's own button rather than the browser's.\n */\ninterface BeforeInstallPromptEvent extends Event {\n  prompt: () => Promise<void>\n  userChoice: Promise<{ outcome: 'accepted' | 'dismissed' }>\n}\n\nconst deferred = ref<BeforeInstallPromptEvent | null>(null)\nconst installed = ref(false)\n\nlet listening = false\n\n/**\n * Starts listening for the install event.\n *\n * **Call this from the app's entry file, not from a component.**\n * `beforeinstallprompt` fires once, early, and only once per page load — a\n * listener attached when a component mounts has usually already missed it.\n *\n * It is a function rather than module-scope side effects so the package can be\n * imported on a server: the phone apps this came from ran it at module scope\n * and the kit spent a release learning why that is not free.\n *\n * @example\n * ```ts\n * // main.ts\n * import { watchInstallability } from 'rei-kit/pwa'\n * watchInstallability()\n * ```\n */\nexport function watchInstallability(): void {\n  if (listening || typeof window === 'undefined') return\n\n  listening = true\n  installed.value = isInstalled()\n\n  window.addEventListener('beforeinstallprompt', (event) => {\n    // Without this the browser shows its own bar, and then the app's card and\n    // the browser's bar are both on screen saying the same thing.\n    event.preventDefault()\n    deferred.value = event as BeforeInstallPromptEvent\n  })\n\n  window.addEventListener('appinstalled', () => {\n    installed.value = true\n    deferred.value = null\n  })\n}\n\n/**\n * Adding the app to the Home Screen.\n *\n * Three states, because the platforms genuinely differ: Chromium hands over an\n * event that can be triggered from a button, Safari on iOS has no API at all\n * and needs the user walked through Share → Add to Home Screen, and everything\n * else can only be told that installing is possible.\n *\n * @example\n * ```ts\n * const install = useInstall()\n * if (install.canPrompt.value) await install.prompt()\n * ```\n */\nexport function useInstall() {\n  async function prompt(): Promise<boolean> {\n    const event = deferred.value\n    if (!event) return false\n\n    await event.prompt()\n    const { outcome } = await event.userChoice\n\n    // The event is single-use: Chromium refuses a second prompt() on it.\n    deferred.value = null\n\n    return outcome === 'accepted'\n  }\n\n  return {\n    isInstalled: computed(() => installed.value),\n    /** A button can open the real install sheet. */\n    canPrompt: computed(() => !installed.value && deferred.value !== null),\n    /** No API — the user has to be shown the Share menu. */\n    needsManualSteps: computed(() => !installed.value && needsIosInstall()),\n    prompt,\n  }\n}\n","import { computed, ref } from 'vue'\n\nimport { addDays, todayKey } from '../utils/date'\n\n/**\n * A nudge that stops asking for a while after it is dismissed.\n *\n * Both phone apps had this inside their install card, identically: a date in\n * `localStorage`, compared against today. Pulled out because the install card\n * is not the only thing that should stop asking — a notification nudge wants\n * exactly the same behaviour, and had exactly the same code.\n *\n * Storage is wrapped in try/catch on both sides. A private window or a browser\n * set to block site data throws on access, and the honest failure there is a\n * nudge that reappears next session rather than one that crashes the screen it\n * is asking from.\n *\n * @param key - Where the date is kept. Namespace it to the app.\n * @param days - How long to stay quiet after a dismissal.\n */\nexport function useSnooze(key: string, days = 7) {\n  const read = (): string => {\n    try {\n      return localStorage.getItem(key) ?? ''\n    } catch {\n      return ''\n    }\n  }\n\n  const until = ref(read())\n\n  return {\n    /** False while the nudge is snoozed. */\n    isOver: computed(() => todayKey() >= until.value),\n\n    /** Stop asking for `days`. */\n    snooze(): void {\n      const next = addDays(todayKey(), days)\n      until.value = next\n\n      try {\n        localStorage.setItem(key, next)\n      } catch {\n        // Storage blocked; it reappears next session rather than never.\n      }\n    },\n  }\n}\n","<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport { Download, Share } from 'lucide-vue-next'\n\nimport BaseButton from '../components/BaseButton.vue'\nimport { useInstall } from './use-install'\nimport { useSnooze } from './use-snooze'\n\n/**\n * The card that offers to install the app, and remembers being turned down.\n *\n * Both phone apps had this, 111 lines, differing in a storage key and a colour.\n * What is here is the part that was the same: the three-way platform check, the\n * week-long snooze, and the shape.\n *\n * Every string is a prop. The kit does not know a language, and \"Add to Home\n * Screen\" is a sentence about a platform, not about this component.\n */\nconst {\n  storageKey,\n  title,\n  body,\n  action,\n  later,\n  iosTitle = '',\n  iosBody = '',\n  snoozeDays = 7,\n} = defineProps<{\n  /** Where the dismissal is remembered. Namespace it: `hibi-install-nudge`. */\n  storageKey: string\n  title: string\n  body: string\n  /** The install button. Not shown on iOS, which has no API to call. */\n  action: string\n  later: string\n  /** Shown instead of `title` where the user has to use the Share menu. */\n  iosTitle?: string | undefined\n  iosBody?: string | undefined\n  snoozeDays?: number | undefined\n}>()\n\nconst { canPrompt, needsManualSteps, prompt } = useInstall()\nconst { isOver, snooze } = useSnooze(storageKey, snoozeDays)\n\nconst visible = computed(() => (canPrompt.value || needsManualSteps.value) && isOver.value)\n\nasync function install() {\n  await prompt()\n\n  // Accepted or dismissed, stop asking for a week. The prompt is what gets\n  // tiring, not the answer.\n  snooze()\n}\n</script>\n\n<template>\n  <Transition name=\"install\">\n    <section\n      v-if=\"visible\"\n      class=\"border-positive/25 bg-positive/5 rounded-card flex gap-3 border p-3.5\"\n    >\n      <span\n        class=\"bg-positive/15 text-positive rounded-control flex size-10 shrink-0 items-center justify-center\"\n        aria-hidden=\"true\"\n      >\n        <component :is=\"needsManualSteps ? Share : Download\" class=\"size-5\" />\n      </span>\n\n      <div class=\"flex min-w-0 flex-1 flex-col gap-2\">\n        <div>\n          <p class=\"text-ink text-sm font-semibold\">\n            {{ needsManualSteps && iosTitle ? iosTitle : title }}\n          </p>\n          <p class=\"text-ink-soft mt-0.5 text-xs leading-relaxed\">\n            {{ needsManualSteps && iosBody ? iosBody : body }}\n          </p>\n        </div>\n\n        <div class=\"flex items-center gap-2\">\n          <!-- No button on iOS: Safari exposes no way to open the Share sheet\n               from script, so a button here could only fail. -->\n          <BaseButton\n            v-if=\"canPrompt\"\n            variant=\"positive\"\n            pill\n            size=\"xs\"\n            class=\"font-semibold\"\n            @click=\"install\"\n          >\n            {{ action }}\n          </BaseButton>\n\n          <BaseButton pill size=\"xs\" variant=\"quiet\" @click=\"snooze\">{{ later }}</BaseButton>\n        </div>\n      </div>\n    </section>\n  </Transition>\n</template>\n\n<style scoped>\n.install-enter-active,\n.install-leave-active {\n  transition:\n    opacity var(--duration-base) ease,\n    transform var(--duration-base) ease;\n}\n\n.install-enter-from,\n.install-leave-to {\n  opacity: 0;\n  transform: translateY(-4px);\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .install-enter-from,\n  .install-leave-to {\n    transform: none;\n  }\n}\n</style>\n","<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport { Download, Share } from 'lucide-vue-next'\n\nimport BaseButton from '../components/BaseButton.vue'\nimport { useInstall } from './use-install'\nimport { useSnooze } from './use-snooze'\n\n/**\n * The card that offers to install the app, and remembers being turned down.\n *\n * Both phone apps had this, 111 lines, differing in a storage key and a colour.\n * What is here is the part that was the same: the three-way platform check, the\n * week-long snooze, and the shape.\n *\n * Every string is a prop. The kit does not know a language, and \"Add to Home\n * Screen\" is a sentence about a platform, not about this component.\n */\nconst {\n  storageKey,\n  title,\n  body,\n  action,\n  later,\n  iosTitle = '',\n  iosBody = '',\n  snoozeDays = 7,\n} = defineProps<{\n  /** Where the dismissal is remembered. Namespace it: `hibi-install-nudge`. */\n  storageKey: string\n  title: string\n  body: string\n  /** The install button. Not shown on iOS, which has no API to call. */\n  action: string\n  later: string\n  /** Shown instead of `title` where the user has to use the Share menu. */\n  iosTitle?: string | undefined\n  iosBody?: string | undefined\n  snoozeDays?: number | undefined\n}>()\n\nconst { canPrompt, needsManualSteps, prompt } = useInstall()\nconst { isOver, snooze } = useSnooze(storageKey, snoozeDays)\n\nconst visible = computed(() => (canPrompt.value || needsManualSteps.value) && isOver.value)\n\nasync function install() {\n  await prompt()\n\n  // Accepted or dismissed, stop asking for a week. The prompt is what gets\n  // tiring, not the answer.\n  snooze()\n}\n</script>\n\n<template>\n  <Transition name=\"install\">\n    <section\n      v-if=\"visible\"\n      class=\"border-positive/25 bg-positive/5 rounded-card flex gap-3 border p-3.5\"\n    >\n      <span\n        class=\"bg-positive/15 text-positive rounded-control flex size-10 shrink-0 items-center justify-center\"\n        aria-hidden=\"true\"\n      >\n        <component :is=\"needsManualSteps ? Share : Download\" class=\"size-5\" />\n      </span>\n\n      <div class=\"flex min-w-0 flex-1 flex-col gap-2\">\n        <div>\n          <p class=\"text-ink text-sm font-semibold\">\n            {{ needsManualSteps && iosTitle ? iosTitle : title }}\n          </p>\n          <p class=\"text-ink-soft mt-0.5 text-xs leading-relaxed\">\n            {{ needsManualSteps && iosBody ? iosBody : body }}\n          </p>\n        </div>\n\n        <div class=\"flex items-center gap-2\">\n          <!-- No button on iOS: Safari exposes no way to open the Share sheet\n               from script, so a button here could only fail. -->\n          <BaseButton\n            v-if=\"canPrompt\"\n            variant=\"positive\"\n            pill\n            size=\"xs\"\n            class=\"font-semibold\"\n            @click=\"install\"\n          >\n            {{ action }}\n          </BaseButton>\n\n          <BaseButton pill size=\"xs\" variant=\"quiet\" @click=\"snooze\">{{ later }}</BaseButton>\n        </div>\n      </div>\n    </section>\n  </Transition>\n</template>\n\n<style scoped>\n.install-enter-active,\n.install-leave-active {\n  transition:\n    opacity var(--duration-base) ease,\n    transform var(--duration-base) ease;\n}\n\n.install-enter-from,\n.install-leave-to {\n  opacity: 0;\n  transform: translateY(-4px);\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .install-enter-from,\n  .install-leave-to {\n    transform: none;\n  }\n}\n</style>\n","<script setup lang=\"ts\">\nimport { CheckCircle2, Download, Share } from 'lucide-vue-next'\n\nimport BaseButton from '../components/BaseButton.vue'\nimport SettingsGroup from '../components/SettingsGroup.vue'\nimport SettingsRow from '../components/SettingsRow.vue'\nimport { useInstall } from './use-install'\n\n/**\n * The way back to installing after the card has been dismissed.\n *\n * The card snoozes for a week; without this row, someone who tapped \"Not now\"\n * and then changed their mind would have nowhere to go. Both phone apps had it,\n * thirty-four lines, with no difference at all.\n *\n * It renders nothing where installing is neither possible nor already done — a\n * settings group that says \"you cannot install this\" is worse than silence.\n */\ndefineProps<{\n  /** The group's heading. */\n  title: string\n  /** The row's label while installing is still possible. */\n  label: string\n  /** The row's label once it is installed. */\n  installedLabel: string\n  body: string\n  /** Shown instead of `body` on iOS, where the user must use the Share menu. */\n  iosBody: string\n  /** The install button. Absent on iOS, which has no API to call. */\n  action: string\n}>()\n\nconst { isInstalled, canPrompt, needsManualSteps, prompt } = useInstall()\n</script>\n\n<template>\n  <SettingsGroup v-if=\"isInstalled || canPrompt || needsManualSteps\" :title=\"title\">\n    <SettingsRow\n      :label=\"isInstalled ? installedLabel : label\"\n      :description=\"isInstalled ? '' : needsManualSteps ? iosBody : body\"\n      :icon=\"isInstalled ? CheckCircle2 : needsManualSteps ? Share : Download\"\n      stacked\n    >\n      <BaseButton v-if=\"canPrompt\" variant=\"primary\" size=\"sm\" class=\"self-start\" @click=\"prompt\">\n        {{ action }}\n      </BaseButton>\n    </SettingsRow>\n  </SettingsGroup>\n</template>\n","<script setup lang=\"ts\">\nimport { CheckCircle2, Download, Share } from 'lucide-vue-next'\n\nimport BaseButton from '../components/BaseButton.vue'\nimport SettingsGroup from '../components/SettingsGroup.vue'\nimport SettingsRow from '../components/SettingsRow.vue'\nimport { useInstall } from './use-install'\n\n/**\n * The way back to installing after the card has been dismissed.\n *\n * The card snoozes for a week; without this row, someone who tapped \"Not now\"\n * and then changed their mind would have nowhere to go. Both phone apps had it,\n * thirty-four lines, with no difference at all.\n *\n * It renders nothing where installing is neither possible nor already done — a\n * settings group that says \"you cannot install this\" is worse than silence.\n */\ndefineProps<{\n  /** The group's heading. */\n  title: string\n  /** The row's label while installing is still possible. */\n  label: string\n  /** The row's label once it is installed. */\n  installedLabel: string\n  body: string\n  /** Shown instead of `body` on iOS, where the user must use the Share menu. */\n  iosBody: string\n  /** The install button. Absent on iOS, which has no API to call. */\n  action: string\n}>()\n\nconst { isInstalled, canPrompt, needsManualSteps, prompt } = useInstall()\n</script>\n\n<template>\n  <SettingsGroup v-if=\"isInstalled || canPrompt || needsManualSteps\" :title=\"title\">\n    <SettingsRow\n      :label=\"isInstalled ? installedLabel : label\"\n      :description=\"isInstalled ? '' : needsManualSteps ? iosBody : body\"\n      :icon=\"isInstalled ? CheckCircle2 : needsManualSteps ? Share : Download\"\n      stacked\n    >\n      <BaseButton v-if=\"canPrompt\" variant=\"primary\" size=\"sm\" class=\"self-start\" @click=\"prompt\">\n        {{ action }}\n      </BaseButton>\n    </SettingsRow>\n  </SettingsGroup>\n</template>\n","<script setup lang=\"ts\">\nimport { RefreshCw, X } from 'lucide-vue-next'\n\nimport BaseButton from '../components/BaseButton.vue'\n\n/**\n * The card that says a new version is waiting.\n *\n * `registerType: 'prompt'` means a new service worker waits rather than taking\n * over, and this is what asks whether to apply it. Asking rather than reloading\n * is the decision worth keeping: an automatic swap mid-sentence loses whatever\n * was being typed.\n *\n * **The service worker stays the app's.** `virtual:pwa-register/vue` is a\n * build-time module from `vite-plugin-pwa`, and a library cannot import one —\n * so the app owns `useRegisterSW` and hands the answer down as `open`. That\n * split is also honest: whether an update is waiting is the app's business,\n * and what the card looks like is this component's.\n *\n * @example\n * ```vue\n * <script setup>\n * const { needRefresh, updateServiceWorker } = useRegisterSW()\n * <\\/script>\n *\n * <UpdatePrompt\n *   :open=\"needRefresh\"\n *   :title=\"t('pwa.updateTitle')\"\n *   :body=\"t('pwa.updateBody')\"\n *   :action=\"t('pwa.reload')\"\n *   :dismiss-label=\"t('pwa.later')\"\n *   @update=\"updateServiceWorker(true)\"\n *   @dismiss=\"needRefresh = false\"\n * />\n * ```\n */\ndefineProps<{\n  open: boolean\n  title: string\n  body: string\n  action: string\n  /** The X's accessible name. An X on its own has none. */\n  dismissLabel: string\n}>()\n\ndefineEmits<{ update: []; dismiss: [] }>()\n</script>\n\n<template>\n  <Transition name=\"update\">\n    <aside v-if=\"open\" class=\"update-card\" role=\"status\">\n      <span class=\"update-icon\" aria-hidden=\"true\">\n        <RefreshCw class=\"size-4\" />\n      </span>\n\n      <div class=\"min-w-0 flex-1\">\n        <p class=\"text-ink text-sm font-semibold\">{{ title }}</p>\n        <p class=\"text-ink-soft text-xs leading-snug\">{{ body }}</p>\n      </div>\n\n      <BaseButton\n        variant=\"primary\"\n        pill\n        size=\"xs\"\n        class=\"shrink-0 font-semibold\"\n        @click=\"$emit('update')\"\n      >\n        {{ action }}\n      </BaseButton>\n\n      <BaseButton\n        variant=\"quiet\"\n        icon\n        pill\n        size=\"sm\"\n        class=\"shrink-0\"\n        :aria-label=\"dismissLabel\"\n        @click=\"$emit('dismiss')\"\n      >\n        <X class=\"size-4\" />\n      </BaseButton>\n    </aside>\n  </Transition>\n</template>\n\n<style scoped>\n/* Sits above the tab bar and the action button, because it outranks both — but\n   absolutely inside its container, so on a desktop-sized shell it does not\n   float off into the page. Give the shell `relative`. */\n.update-card {\n  border-color: var(--color-hair);\n  background: color-mix(in srgb, var(--color-surface) 95%, transparent);\n  border-radius: var(--radius-card);\n  position: absolute;\n  left: 50%;\n  z-index: 50;\n  display: flex;\n  width: 100%;\n  max-width: 360px;\n  align-items: center;\n  gap: 0.75rem;\n  border-width: 1px;\n  padding: 0.75rem;\n  backdrop-filter: blur(12px);\n  box-shadow: var(--shadow-overlay);\n  transform: translateX(-50%);\n  bottom: calc(1rem + env(safe-area-inset-bottom, 0px));\n}\n\n.update-icon {\n  background: color-mix(in srgb, var(--color-primary) 15%, transparent);\n  color: var(--color-primary);\n  display: flex;\n  height: 2.25rem;\n  width: 2.25rem;\n  flex-shrink: 0;\n  align-items: center;\n  justify-content: center;\n  border-radius: 0.75rem;\n}\n\n.update-enter-active,\n.update-leave-active {\n  transition:\n    opacity var(--duration-slow) ease,\n    transform var(--duration-slow) var(--ease-sheet);\n}\n\n.update-enter-from,\n.update-leave-to {\n  opacity: 0;\n  transform: translate(-50%, 1rem);\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .update-enter-from,\n  .update-leave-to {\n    transform: translate(-50%, 0);\n  }\n}\n</style>\n","<script setup lang=\"ts\">\nimport { RefreshCw, X } from 'lucide-vue-next'\n\nimport BaseButton from '../components/BaseButton.vue'\n\n/**\n * The card that says a new version is waiting.\n *\n * `registerType: 'prompt'` means a new service worker waits rather than taking\n * over, and this is what asks whether to apply it. Asking rather than reloading\n * is the decision worth keeping: an automatic swap mid-sentence loses whatever\n * was being typed.\n *\n * **The service worker stays the app's.** `virtual:pwa-register/vue` is a\n * build-time module from `vite-plugin-pwa`, and a library cannot import one —\n * so the app owns `useRegisterSW` and hands the answer down as `open`. That\n * split is also honest: whether an update is waiting is the app's business,\n * and what the card looks like is this component's.\n *\n * @example\n * ```vue\n * <script setup>\n * const { needRefresh, updateServiceWorker } = useRegisterSW()\n * <\\/script>\n *\n * <UpdatePrompt\n *   :open=\"needRefresh\"\n *   :title=\"t('pwa.updateTitle')\"\n *   :body=\"t('pwa.updateBody')\"\n *   :action=\"t('pwa.reload')\"\n *   :dismiss-label=\"t('pwa.later')\"\n *   @update=\"updateServiceWorker(true)\"\n *   @dismiss=\"needRefresh = false\"\n * />\n * ```\n */\ndefineProps<{\n  open: boolean\n  title: string\n  body: string\n  action: string\n  /** The X's accessible name. An X on its own has none. */\n  dismissLabel: string\n}>()\n\ndefineEmits<{ update: []; dismiss: [] }>()\n</script>\n\n<template>\n  <Transition name=\"update\">\n    <aside v-if=\"open\" class=\"update-card\" role=\"status\">\n      <span class=\"update-icon\" aria-hidden=\"true\">\n        <RefreshCw class=\"size-4\" />\n      </span>\n\n      <div class=\"min-w-0 flex-1\">\n        <p class=\"text-ink text-sm font-semibold\">{{ title }}</p>\n        <p class=\"text-ink-soft text-xs leading-snug\">{{ body }}</p>\n      </div>\n\n      <BaseButton\n        variant=\"primary\"\n        pill\n        size=\"xs\"\n        class=\"shrink-0 font-semibold\"\n        @click=\"$emit('update')\"\n      >\n        {{ action }}\n      </BaseButton>\n\n      <BaseButton\n        variant=\"quiet\"\n        icon\n        pill\n        size=\"sm\"\n        class=\"shrink-0\"\n        :aria-label=\"dismissLabel\"\n        @click=\"$emit('dismiss')\"\n      >\n        <X class=\"size-4\" />\n      </BaseButton>\n    </aside>\n  </Transition>\n</template>\n\n<style scoped>\n/* Sits above the tab bar and the action button, because it outranks both — but\n   absolutely inside its container, so on a desktop-sized shell it does not\n   float off into the page. Give the shell `relative`. */\n.update-card {\n  border-color: var(--color-hair);\n  background: color-mix(in srgb, var(--color-surface) 95%, transparent);\n  border-radius: var(--radius-card);\n  position: absolute;\n  left: 50%;\n  z-index: 50;\n  display: flex;\n  width: 100%;\n  max-width: 360px;\n  align-items: center;\n  gap: 0.75rem;\n  border-width: 1px;\n  padding: 0.75rem;\n  backdrop-filter: blur(12px);\n  box-shadow: var(--shadow-overlay);\n  transform: translateX(-50%);\n  bottom: calc(1rem + env(safe-area-inset-bottom, 0px));\n}\n\n.update-icon {\n  background: color-mix(in srgb, var(--color-primary) 15%, transparent);\n  color: var(--color-primary);\n  display: flex;\n  height: 2.25rem;\n  width: 2.25rem;\n  flex-shrink: 0;\n  align-items: center;\n  justify-content: center;\n  border-radius: 0.75rem;\n}\n\n.update-enter-active,\n.update-leave-active {\n  transition:\n    opacity var(--duration-slow) ease,\n    transform var(--duration-slow) var(--ease-sheet);\n}\n\n.update-enter-from,\n.update-leave-to {\n  opacity: 0;\n  transform: translate(-50%, 1rem);\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .update-enter-from,\n  .update-leave-to {\n    transform: translate(-50%, 0);\n  }\n}\n</style>\n"],"mappings":"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"}