@appfunnel-dev/sdk 2.0.0-canary.1 → 2.0.0-canary.10

package/dist/index.js

@@ -1,9 +1,12 @@
-import { createContext, createElement, useCallback, useContext, useMemo, lazy, useState, useRef, useEffect, useTransition, Suspense, Fragment, isValidElement, cloneElement, useReducer, useSyncExternalStore } from 'react';
-import { createPortal } from 'react-dom';
-import { Toaster } from 'sonner';
-export { toast } from 'sonner';
-
-// src/state/namespaces.ts
+import { isRtl, formatOffering, bucketingSeed, resolveExperiments, entryGuard, evaluateGate, expectedPathLength, nextPage, outgoingKeys, buildCatalog, resolveLocale } from './chunk-VW2HVPR4.js';
+export { assignVariant, bucketingSeed, buildCatalog, compileManifest, currencyExponent, defineFunnel, definePage, entryGuard, evaluateCondition, evaluateGate, expectedPathLength, fnv1a, formatMoney, formatOffering, hashToUnit, isRtl, isVariantKey, nextPage, outgoingKeys, pageMeta, parseSlotKey, pickByWeight, resolveExperiments, resolveLocale, resolveOffering, resolveRoute } from './chunk-VW2HVPR4.js';
+import { AF_PROTOCOL } from './chunk-ZZJG4EYL.js';
+import { checkoutError, resolveSurface, isInlineSurface, PROVIDER_PROFILES } from './chunk-OXQBEKZ5.js';
+export { INLINE_SURFACES, PROVIDER_PROFILES, checkoutError, isInlineSurface, isMerchantOfRecord, isOrchestrator, isRenderableSurface, renderableSurfaces, resolveSurface, surfacesFor, validateCheckout, validateUpsell } from './chunk-OXQBEKZ5.js';
+import './chunk-G3PMV62Z.js';
+import React, { createContext, createElement, useCallback, useContext, useMemo, lazy, useRef, useState, useEffect, useTransition, Suspense, Fragment, isValidElement, cloneElement, useReducer, useSyncExternalStore } from 'react';
+import ReactDOM, { createPortal } from 'react-dom';
+import { jsx } from 'react/jsx-runtime';
 
 // src/state/variableStore.ts
 var VariableStore = class {
@@ -257,8 +260,12 @@ function collectClickIds() {
 }
 function readCookie(name) {
   if (typeof document === "undefined") return void 0;
-  const m = document.cookie.match(new RegExp("(?:^|; )" + name + "=([^;]*)"));
-  return m ? decodeURIComponent(m[1]) : void 0;
+  try {
+    const m = document.cookie.match(new RegExp("(?:^|; )" + name + "=([^;]*)"));
+    return m ? decodeURIComponent(m[1]) : void 0;
+  } catch {
+    return void 0;
+  }
 }
 function buildAcquisition(context) {
   return {
@@ -271,41 +278,44 @@ function buildAcquisition(context) {
 }
 function buildContext(opts = {}) {
   const raw = detect();
-  const now = opts.now ?? 0;
+  const now2 = opts.now ?? 0;
   const referrer = typeof document !== "undefined" ? document.referrer : "";
-  const base2 = {
+  const base = {
     device: raw.device,
     browser: raw.browser,
     os: raw.os,
     locale: raw.locale,
     utm: collectUtm(),
     clickIds: collectClickIds(),
-    page: { key: "", slug: "", index: 0, total: 0, progressPercentage: 0, startedAt: now },
-    session: { id: opts.sessionId ?? null, startedAt: now, referrer },
+    page: { key: "", slug: "", index: 0, total: 0, progressPercentage: 0, startedAt: now2 },
+    session: { id: opts.sessionId ?? null, startedAt: now2, referrer },
     identity: { customerId: opts.customerId ?? null, visitorId: opts.visitorId ?? null },
     system: {
       funnelId: opts.funnelId ?? "",
       campaignId: opts.campaignId ?? "",
       mode: opts.mode ?? "live",
-      now
+      now: now2
     }
   };
-  if (!opts.overrides) return base2;
+  if (!opts.overrides) return base;
   return {
-    ...base2,
+    ...base,
     ...opts.overrides,
-    device: { ...base2.device, ...opts.overrides.device },
-    browser: { ...base2.browser, ...opts.overrides.browser },
-    os: { ...base2.os, ...opts.overrides.os },
-    locale: { ...base2.locale, ...opts.overrides.locale },
-    utm: { ...base2.utm, ...opts.overrides.utm },
-    clickIds: { ...base2.clickIds, ...opts.overrides.clickIds },
-    page: { ...base2.page, ...opts.overrides.page },
-    session: { ...base2.session, ...opts.overrides.session },
-    identity: { ...base2.identity, ...opts.overrides.identity },
-    system: { ...base2.system, ...opts.overrides.system }
+    device: { ...base.device, ...opts.overrides.device },
+    browser: { ...base.browser, ...opts.overrides.browser },
+    os: { ...base.os, ...opts.overrides.os },
+    locale: { ...base.locale, ...opts.overrides.locale },
+    utm: { ...base.utm, ...opts.overrides.utm },
+    clickIds: { ...base.clickIds, ...opts.overrides.clickIds },
+    page: { ...base.page, ...opts.overrides.page },
+    session: { ...base.session, ...opts.overrides.session },
+    identity: { ...base.identity, ...opts.overrides.identity },
+    system: { ...base.system, ...opts.overrides.system }
   };
 }
+function exposurePayload(experimentId, variant, version) {
+  return { experimentId, variant, ...version !== void 0 ? { version } : {} };
+}
 var _eventIdCounter = 0;
 function newEventId() {
   if (typeof crypto !== "undefined" && typeof crypto.randomUUID === "function") return crypto.randomUUID();
@@ -344,7 +354,7 @@ function useTracker() {
 
 // src/tracking/bus.ts
 var MAX_HISTORY = 250;
-function createBus(accessors, now = () => Date.now()) {
+function createBus(accessors, now2 = () => Date.now()) {
   const listeners = /* @__PURE__ */ new Map();
   const events = [];
   const on = (event, cb) => {
@@ -357,7 +367,7 @@ function createBus(accessors, now = () => Date.now()) {
     listeners.get(event)?.delete(cb);
   };
   const emit = (event, data) => {
-    events.push({ event, data, ts: now() });
+    events.push({ event, data, ts: now2() });
     if (events.length > MAX_HISTORY) events.shift();
     for (const cb of listeners.get(event) ?? []) {
       try {
@@ -372,7 +382,40 @@ function createBus(accessors, now = () => Date.now()) {
       }
     }
   };
-  return { on, off, events, emit, ...accessors };
+  let nav = null;
+  let warnedNoNav = false;
+  const currentNav = () => {
+    if (!nav && !warnedNoNav) {
+      warnedNoNav = true;
+      console.warn(
+        "[appfunnel] window.appfunnel navigation called before the funnel flow mounted \u2014 ignored"
+      );
+    }
+    return nav;
+  };
+  const registerNavigation = (n) => {
+    nav = n;
+    warnedNoNav = false;
+    return () => {
+      if (nav === n) nav = null;
+    };
+  };
+  const goTo = (pageKey) => currentNav()?.goTo(pageKey) ?? false;
+  const goNext = () => currentNav()?.goNext();
+  const goPrevious = () => currentNav()?.goPrevious();
+  const navigation = () => nav?.snapshot() ?? null;
+  return {
+    on,
+    off,
+    events,
+    emit,
+    registerNavigation,
+    goTo,
+    goNext,
+    goPrevious,
+    navigation,
+    ...accessors
+  };
 }
 function withBus(tracker, bus) {
   return {
@@ -394,7 +437,19 @@ function withBus(tracker, bus) {
 function attachBus(bus) {
   if (typeof window === "undefined") return () => {
   };
-  const { on, off, getVariable, getVariables, getCurrentPageId, getCustomerId, getVisitorId } = bus;
+  const {
+    on,
+    off,
+    getVariable,
+    getVariables,
+    getCurrentPageId,
+    getCustomerId,
+    getVisitorId,
+    goTo,
+    goNext,
+    goPrevious,
+    navigation
+  } = bus;
   const api = {
     on,
     off,
@@ -403,6 +458,11 @@ function attachBus(bus) {
     getCurrentPageId,
     getCustomerId,
     getVisitorId,
+    // Flow control (bound closures over the bus's live nav registration).
+    goTo,
+    goNext,
+    goPrevious,
+    navigation,
     get events() {
       return bus.events;
     }
@@ -412,21 +472,6 @@ function attachBus(bus) {
     if (window.appfunnel === api) delete window.appfunnel;
   };
 }
-var RTL_LANGS = /* @__PURE__ */ new Set(["ar", "he", "fa", "ur", "ps", "sd", "dv", "yi"]);
-function isRtl(locale) {
-  return RTL_LANGS.has(locale.split("-")[0]);
-}
-var base = (l) => l?.split("-")[0];
-function resolveLocale(config, detected, override) {
-  const supported = config?.supported ?? (config?.default ? [config.default] : ["en"]);
-  const def = config?.default ?? supported[0] ?? "en";
-  const pick = (l) => {
-    if (!l) return void 0;
-    if (supported.includes(l)) return l;
-    return supported.find((s) => base(s) === base(l));
-  };
-  return pick(override) ?? pick(detected) ?? def;
-}
 function interpolate(str, params) {
   if (!params) return str;
   return str.replace(/\{\{(\w+)\}\}/g, (_, k) => k in params ? String(params[k]) : `{{${k}}}`);
@@ -455,6 +500,9 @@ function LocaleProvider({
   children
 }) {
   const [locale, setLocale] = useState(() => resolveLocale(config, detected, override));
+  useEffect(() => {
+    setLocale(resolveLocale(config, detected, override));
+  }, [config, detected, override]);
   const value = useMemo(
     () => ({ locale, setLocale, config, catalog }),
     [locale, config, catalog]
@@ -483,7 +531,12 @@ function useTranslation() {
       return interpolate(raw, params);
     });
     fn.plural = (n, forms, params) => {
-      const rule = new Intl.PluralRules(locale).select(n);
+      let rule;
+      try {
+        rule = new Intl.PluralRules(locale).select(n);
+      } catch {
+        rule = "other";
+      }
       const form = forms[rule] ?? forms.other ?? "";
       return interpolate(form.replace(/#/g, String(n)), params);
     };
@@ -491,9 +544,27 @@ function useTranslation() {
   }, [catalog, chain, locale]);
   const fmt = useMemo(
     () => ({
-      number: (n, opts) => new Intl.NumberFormat(locale, opts).format(n),
-      date: (d, opts) => new Intl.DateTimeFormat(locale, opts).format(d),
-      percent: (n, opts) => new Intl.NumberFormat(locale, { style: "percent", ...opts }).format(n)
+      number: (n, opts) => {
+        try {
+          return new Intl.NumberFormat(locale, opts).format(n);
+        } catch {
+          return String(n);
+        }
+      },
+      date: (d, opts) => {
+        try {
+          return new Intl.DateTimeFormat(locale, opts).format(d);
+        } catch {
+          return String(d instanceof Date ? d.toISOString() : d);
+        }
+      },
+      percent: (n, opts) => {
+        try {
+          return new Intl.NumberFormat(locale, { style: "percent", ...opts }).format(n);
+        } catch {
+          return `${(n * 100).toFixed(0)}%`;
+        }
+      }
     }),
     [locale]
   );
@@ -508,84 +579,6 @@ function useTranslation() {
 }
 
 // src/commerce/catalog.ts
-var PERIOD_DAYS = {
-  day: 1,
-  week: 7,
-  month: 30,
-  year: 365,
-  one_time: 0
-};
-function periodDays(interval, count) {
-  return PERIOD_DAYS[interval] * count;
-}
-function intervalLabel(interval, count) {
-  if (interval === "one_time") return { period: "one-time", periodly: "one-time" };
-  if (interval === "month" && count === 3) return { period: "quarter", periodly: "quarterly" };
-  if (interval === "month" && count === 6) return { period: "6 months", periodly: "semiannually" };
-  if (interval === "week" && count === 2) return { period: "2 weeks", periodly: "biweekly" };
-  if (count === 1) {
-    const periodly = { day: "daily", week: "weekly", month: "monthly", year: "yearly" }[interval];
-    return { period: interval, periodly };
-  }
-  return { period: `${count} ${interval}s`, periodly: `every ${count} ${interval}s` };
-}
-function resolveProduct(input) {
-  const interval = input.interval ?? "one_time";
-  const count = input.intervalCount ?? 1;
-  const days = periodDays(interval, count);
-  const perDayMinor = days > 0 ? input.amount / days : input.amount;
-  const label = intervalLabel(interval, count);
-  return {
-    id: input.id,
-    name: input.name ?? input.id,
-    displayName: input.displayName ?? input.name ?? input.id,
-    provider: input.provider ?? "stripe",
-    currency: input.currency,
-    priceMinor: input.amount,
-    perDayMinor,
-    perWeekMinor: perDayMinor * 7,
-    perMonthMinor: perDayMinor * 30,
-    perYearMinor: perDayMinor * 365,
-    period: label.period,
-    periodly: label.periodly,
-    hasTrial: (input.trialDays ?? 0) > 0,
-    trialDays: input.trialDays ?? 0,
-    trialMinor: input.trialAmount ?? 0
-  };
-}
-function buildCatalog(inputs) {
-  return new Map(inputs.map((i) => [i.id, resolveProduct(i)]));
-}
-function formatMoney(minor, currency, locale) {
-  const amount = minor / 100;
-  const code = currency.toUpperCase();
-  let formatted;
-  try {
-    formatted = new Intl.NumberFormat(locale, { style: "currency", currency: code }).format(amount);
-  } catch {
-    formatted = `${code} ${amount.toFixed(2)}`;
-  }
-  return { amount, minor, currency: code, formatted };
-}
-function formatProduct(r, locale) {
-  const m = (minor) => formatMoney(minor, r.currency, locale);
-  return {
-    id: r.id,
-    name: r.name,
-    displayName: r.displayName,
-    provider: r.provider,
-    price: m(r.priceMinor),
-    period: r.period,
-    periodly: r.periodly,
-    perDay: m(r.perDayMinor),
-    perWeek: m(r.perWeekMinor),
-    perMonth: m(r.perMonthMinor),
-    perYear: m(r.perYearMinor),
-    hasTrial: r.hasTrial,
-    trialDays: r.trialDays,
-    trialPrice: r.hasTrial ? m(r.trialMinor) : null
-  };
-}
 var CatalogContext = createContext(null);
 function CatalogProvider({
   catalog,
@@ -597,234 +590,116 @@ function useCatalog() {
   return useContext(CatalogContext) ?? EMPTY;
 }
 var EMPTY = /* @__PURE__ */ new Map();
-function useProduct(id) {
+function useOffering(id) {
   const catalog = useCatalog();
   const locale = useActiveLocale();
   const resolved = id ? catalog.get(id) : void 0;
-  return useMemo(() => resolved ? formatProduct(resolved, locale) : void 0, [resolved, locale]);
+  return useMemo(
+    () => resolved ? formatOffering(resolved, locale) : void 0,
+    [resolved, locale]
+  );
 }
-function useProducts() {
+function useOfferings() {
   const catalog = useCatalog();
   const locale = useActiveLocale();
   return useMemo(
-    () => Array.from(catalog.values()).map((r) => formatProduct(r, locale)),
+    () => Array.from(catalog.values()).map((r) => formatOffering(r, locale)),
     [catalog, locale]
   );
 }
 
-// src/flow/spine.ts
-function readField(s, field) {
-  let cur = s;
-  for (const part of field.split(".")) {
-    if (cur == null) return void 0;
-    cur = cur[part];
-  }
-  return cur;
-}
-function evaluateCondition(cond, s) {
-  const val = readField(s, cond.field);
-  const { op, value } = cond;
-  switch (op) {
-    case "eq":
-      return val === value;
-    case "neq":
-      return val !== value;
-    case "in":
-      return Array.isArray(value) && value.includes(val);
-    case "gt":
-      return typeof val === "number" && typeof value === "number" && val > value;
-    case "gte":
-      return typeof val === "number" && typeof value === "number" && val >= value;
-    case "lt":
-      return typeof val === "number" && typeof value === "number" && val < value;
-    case "lte":
-      return typeof val === "number" && typeof value === "number" && val <= value;
-    case "contains":
-      if (typeof val === "string") return val.includes(String(value));
-      if (Array.isArray(val)) return val.includes(value);
-      return false;
-    case "exists":
-      return val !== void 0 && val !== null && val !== "";
-    case "empty":
-      return val === void 0 || val === null || val === "" || Array.isArray(val) && val.length === 0;
-    default:
-      return false;
-  }
-}
-function evaluateGate(gate, s) {
-  return typeof gate === "function" ? gate(s) : evaluateCondition(gate, s);
-}
-function resolveRoute(routes, s) {
-  if (!routes) return void 0;
-  for (const route of routes) {
-    if (!route.when || evaluateGate(route.when, s)) return route.to;
+// src/flow/screenshot.ts
+var MIME = { png: "image/png", jpeg: "image/jpeg", webp: "image/webp" };
+var ScreenshotError = class extends Error {
+  constructor(code, message) {
+    super(message);
+    this.code = code;
   }
-  return void 0;
-}
-function pageMeta(meta) {
-  return meta;
-}
-var TYPE_GUARDS = {
-  paywall: { field: "user.email", op: "exists" },
-  upsell: { field: "user.email", op: "exists" }
 };
-function entryGuard(meta) {
-  return meta?.guard ?? (meta?.type ? TYPE_GUARDS[meta.type] : void 0);
-}
-function definePage(component) {
-  return component;
-}
-function nextPage(pages, currentKey, s) {
-  const idx = pages.findIndex((p) => p.key === currentKey);
-  if (idx === -1) return void 0;
-  const routed = resolveRoute(pages[idx].meta?.next, s);
-  if (routed) return routed;
-  return pages[idx + 1]?.key;
-}
-function outgoingKeys(pages, currentKey) {
-  const idx = pages.findIndex((p) => p.key === currentKey);
-  if (idx === -1) return [];
-  const out = /* @__PURE__ */ new Set();
-  for (const route of pages[idx].meta?.next ?? []) out.add(route.to);
-  const linear = pages[idx + 1]?.key;
-  if (linear) out.add(linear);
-  return [...out];
-}
-function expectedPathLength(pages, startKey, s) {
-  const seen = /* @__PURE__ */ new Set();
-  let key = startKey;
-  let count = 0;
-  while (key && !seen.has(key)) {
-    seen.add(key);
-    count++;
-    if (pages.find((p) => p.key === key)?.meta?.type === "finish") break;
-    key = nextPage(pages, key, s);
-  }
-  return count;
-}
-function defineFunnel(def) {
-  return def;
-}
-
-// src/flow/experiments.ts
-function fnv1a(input) {
-  let h = 2166136261;
-  for (let i = 0; i < input.length; i++) {
-    h ^= input.charCodeAt(i);
-    h = h + ((h << 1) + (h << 4) + (h << 7) + (h << 8) + (h << 24)) >>> 0;
+function resolveTarget(t) {
+  if (!t || t.kind === "page") return document.getElementById("root") ?? document.body;
+  if (t.kind === "viewport") return document.body;
+  return document.querySelector(t.selector);
+}
+var delay = (ms) => new Promise((r) => setTimeout(r, ms));
+function hideAll(selectors) {
+  const touched = [];
+  for (const sel of selectors) {
+    document.querySelectorAll(sel).forEach((el) => {
+      touched.push([el, el.style.visibility]);
+      el.style.visibility = "hidden";
+    });
   }
-  return h >>> 0;
-}
-function hashToUnit(seed) {
-  return fnv1a(seed) / 4294967296;
-}
-function pickByWeight(weights, u) {
-  const entries = Object.entries(weights).filter(([, w]) => w > 0);
-  if (entries.length === 0) return Object.keys(weights)[0] ?? "";
-  const total = entries.reduce((sum, [, w]) => sum + w, 0);
-  const target = u * total;
-  let acc = 0;
-  for (const [key, w] of entries) {
-    acc += w;
-    if (target < acc) return key;
+  return () => touched.forEach(([el, v]) => el.style.visibility = v);
+}
+async function scrollThrough(el) {
+  const prev = el.scrollTop;
+  const step = el.clientHeight || window.innerHeight;
+  for (let y = 0; y < el.scrollHeight; y += step) {
+    el.scrollTop = y;
+    await delay(16);
   }
-  return entries[entries.length - 1][0];
-}
-function assignVariant(experimentId, seed, weights) {
-  return pickByWeight(weights, hashToUnit(`${experimentId}:${seed}`));
-}
-function bucketingSeed(context) {
-  return context.identity.customerId ?? context.identity.visitorId ?? null;
-}
-function parseSlotKey(key) {
-  const at = key.indexOf("@");
-  return at === -1 ? { slot: key } : { slot: key.slice(0, at), variant: key.slice(at + 1) };
-}
-function isVariantKey(key) {
-  return parseSlotKey(key).variant !== void 0;
-}
-function weightsOf(exp) {
-  const out = {};
-  for (const [label, v] of Object.entries(exp.variants)) out[label] = v.weight;
-  return out;
+  el.scrollTop = prev;
+  await delay(16);
+}
+function blobToDataURL(blob) {
+  return new Promise((resolve, reject) => {
+    const fr = new FileReader();
+    fr.onload = () => resolve(String(fr.result));
+    fr.onerror = () => reject(fr.error);
+    fr.readAsDataURL(blob);
+  });
 }
-function resolveExperiments(pages, experiments, seed) {
-  const assignments = {};
-  const render = {};
-  const experimentOf = {};
-  for (const exp of experiments) {
-    const status = exp.status ?? "running";
-    let label;
-    if (status === "stopped" && exp.winner) label = exp.winner;
-    else if (status === "running" && seed) label = assignVariant(exp.id, seed, weightsOf(exp));
-    else continue;
-    const arm = exp.variants[label];
-    if (!arm) continue;
-    assignments[exp.id] = label;
-    experimentOf[exp.slot] = exp.id;
-    if (arm.page !== exp.slot) render[exp.slot] = arm.page;
-  }
-  const slotOf = {};
-  const activeKeys = [];
-  for (const p of pages) {
-    const { slot, variant } = parseSlotKey(p.key);
-    if (variant !== void 0) slotOf[p.key] = slot;
-    else activeKeys.push(p.key);
-  }
-  return { assignments, activeKeys, render, slotOf, experimentOf };
-}
-function validateExperiments(experiments, pages) {
-  const errors = [];
-  const warnings = [];
-  const pageKeys = new Set(pages.map((p) => p.key));
-  const seenIds = /* @__PURE__ */ new Set();
-  const slotOwner = /* @__PURE__ */ new Map();
-  const renderedVariantPages = /* @__PURE__ */ new Set();
-  for (const exp of experiments) {
-    const err = (code, message) => errors.push({ experimentId: exp.id, code, message });
-    const warn = (code, message) => warnings.push({ experimentId: exp.id, code, message });
-    if (seenIds.has(exp.id)) err("duplicate_id", `Experiment id "${exp.id}" is used more than once.`);
-    seenIds.add(exp.id);
-    if (!pageKeys.has(exp.slot)) err("slot_missing", `Slot "${exp.slot}" is not a page in the funnel.`);
-    if (isVariantKey(exp.slot)) err("slot_is_variant", `Slot "${exp.slot}" is a variant page; a slot must be a real flow page.`);
-    if (slotOwner.has(exp.slot)) {
-      err("slot_conflict", `Slot "${exp.slot}" is already targeted by experiment "${slotOwner.get(exp.slot)}".`);
-    } else {
-      slotOwner.set(exp.slot, exp.id);
-    }
-    const arms = Object.entries(exp.variants);
-    if (arms.length < 2) warn("single_arm", `Experiment "${exp.id}" has fewer than two variants \u2014 nothing to test.`);
-    let hasControl = false;
-    let totalWeight = 0;
-    for (const [label, arm] of arms) {
-      if (!pageKeys.has(arm.page)) {
-        err("variant_page_missing", `Variant "${label}" references page "${arm.page}", which doesn't exist.`);
-      }
-      if (arm.page === exp.slot) hasControl = true;
-      else if (isVariantKey(arm.page)) {
-        renderedVariantPages.add(arm.page);
-        if (parseSlotKey(arm.page).slot !== exp.slot) {
-          err("variant_slot_mismatch", `Variant "${label}" page "${arm.page}" belongs to a different slot than "${exp.slot}".`);
-        }
-      }
-      if (arm.weight < 0) err("negative_weight", `Variant "${label}" has a negative weight (${arm.weight}).`);
-      totalWeight += arm.weight;
+async function captureScreenshot(params = {}) {
+  const el = resolveTarget(params.target);
+  if (!el) throw new ScreenshotError("bad_params", "screenshot target not found");
+  const restore = params.hideSelectors?.length ? hideAll(params.hideSelectors) : null;
+  const scale = Math.min(params.scale ?? 2, params.maxScale ?? 3);
+  const format = params.format ?? "png";
+  const timeout = params.timeout ?? 1e4;
+  try {
+    if (params.waitForFonts !== false && document.fonts?.ready) {
+      await Promise.race([document.fonts.ready, delay(timeout)]);
     }
-    if (!hasControl) err("no_control", `No variant of "${exp.id}" renders the slot "${exp.slot}" itself (the control/baseline).`);
-    if (totalWeight <= 0) err("no_traffic", `Experiment "${exp.id}" has no positive weight \u2014 no traffic would enter it.`);
-    if (exp.status === "stopped" && exp.winner && !exp.variants[exp.winner]) {
-      err("bad_winner", `Stopped experiment "${exp.id}" names winner "${exp.winner}", which isn't one of its variants.`);
+    if (params.triggerLazyLoad) await scrollThrough(el);
+    if (params.waitForImages !== false) {
+      await Promise.all(
+        Array.from(el.querySelectorAll("img")).map(
+          (img) => typeof img.decode === "function" ? img.decode().catch(() => {
+          }) : Promise.resolve()
+        )
+      );
     }
-  }
-  const running = new Set(experiments.filter((e) => (e.status ?? "running") === "running").flatMap(
-    (e) => Object.values(e.variants).map((v) => v.page)
-  ));
-  for (const p of pages) {
-    if (isVariantKey(p.key) && !running.has(p.key)) {
-      warnings.push({ experimentId: "*", code: "orphan_variant", message: `Variant page "${p.key}" is rendered by no running experiment.` });
+    const { domToBlob } = await import('modern-screenshot');
+    let blob;
+    try {
+      blob = await domToBlob(el, {
+        type: MIME[format],
+        quality: params.quality ?? 0.92,
+        scale,
+        width: params.width,
+        height: params.height,
+        // `null` = transparent (png/webp); only fall back to white when the caller omitted it. `??`
+        // would wrongly collapse an explicit `null` to white.
+        backgroundColor: params.backgroundColor === void 0 ? "#ffffff" : params.backgroundColor,
+        timeout
+      });
+    } catch (e) {
+      throw new ScreenshotError("failed", `capture failed (an image/font may be served without CORS '*'): ${String(e?.message || e)}`);
     }
+    const result = {
+      mime: MIME[format],
+      width: Math.round((params.width ?? el.clientWidth) * scale),
+      height: Math.round((params.height ?? el.scrollHeight) * scale),
+      scale,
+      bytesApprox: blob.size
+    };
+    if ((params.encoding ?? "blob") === "dataURL") result.dataURL = await blobToDataURL(blob);
+    else result.blob = blob;
+    return result;
+  } finally {
+    restore?.();
   }
-  return { ok: errors.length === 0, errors, warnings };
 }
 
 // src/flow/flow.tsx
@@ -844,9 +719,43 @@ function pageContextFor(currentKey, slug, index, total, startedAt) {
     startedAt
   };
 }
+var now = () => typeof performance !== "undefined" ? performance.now() : Date.now();
+function usePageExitTimer(tracker, currentKey) {
+  const timer = useRef(null);
+  const emitExit = useCallback(() => {
+    const t = timer.current;
+    if (!t) return;
+    const at = now();
+    const hidden = t.hidden + (t.hiddenSince != null ? at - t.hiddenSince : 0);
+    const durationMs = Math.round(at - t.enteredAt);
+    tracker.track("page.exit", { pageId: t.key, durationMs, activeMs: Math.max(0, Math.round(durationMs - hidden)) });
+  }, [tracker]);
+  useEffect(() => {
+    if (typeof document === "undefined") return;
+    const onVis = () => {
+      const t = timer.current;
+      if (!t) return;
+      if (document.visibilityState === "hidden") t.hiddenSince = now();
+      else if (t.hiddenSince != null) {
+        t.hidden += now() - t.hiddenSince;
+        t.hiddenSince = null;
+      }
+    };
+    document.addEventListener("visibilitychange", onVis);
+    return () => document.removeEventListener("visibilitychange", onVis);
+  }, []);
+  useEffect(() => {
+    if (!currentKey) return;
+    if (timer.current && timer.current.key !== currentKey) emitExit();
+    const hidden = typeof document !== "undefined" && document.visibilityState === "hidden";
+    timer.current = { key: currentKey, enteredAt: now(), hidden: 0, hiddenSince: hidden ? now() : null };
+  }, [currentKey, emitExit]);
+  useEffect(() => () => emitExit(), [emitExit]);
+}
 function FunnelView({
   pages,
   initialKey,
+  trustInitialKey = false,
   layout,
   fallback,
   prefetch: prefetchMode = "auto",
@@ -871,28 +780,38 @@ function FunnelView({
     () => new Map(pages.filter((p) => p.load).map((p) => [p.key, p.load])),
     [pages]
   );
-  const seed = bucketingSeed(funnel.context);
+  const seedRef = useRef(null);
+  if (seedRef.current === null) seedRef.current = bucketingSeed(funnel.context);
+  const seed = seedRef.current;
   const experiments = useMemo(
     () => resolveExperiments(pages, funnel.experiments, seed),
     [pages, funnel.experiments, seed]
   );
+  const toSlot = useCallback((k) => experiments.slotOf[k] ?? k, [experiments]);
+  const toRenderKey = useCallback((k) => experiments.render[k] ?? k, [experiments]);
   const pageByKey = useMemo(() => new Map(pages.map((p) => [p.key, p])), [pages]);
   const flowPages = useMemo(
-    () => experiments.activeKeys.map((k) => pageByKey.get(k)).filter(Boolean),
+    () => experiments.activeKeys.map((k) => pageByKey.get(k)).filter((p) => p !== void 0),
     [experiments, pageByKey]
   );
   const flow = useMemo(
-    () => flowPages.map((p) => ({ key: p.key, meta: p.meta })),
-    [flowPages]
+    () => flowPages.map((p) => {
+      const servedVariant = experiments.render[p.key];
+      const variantNext = servedVariant ? pageByKey.get(servedVariant)?.meta?.next : void 0;
+      return variantNext ? { key: p.key, meta: { ...p.meta ?? {}, next: variantNext } } : { key: p.key, meta: p.meta };
+    }),
+    [flowPages, experiments, pageByKey]
   );
   const [history, setHistory] = useState(() => {
     const start = flowPages[0]?.key;
-    if (!initialKey || initialKey === start) return [start].filter(Boolean);
-    const target = experiments.slotOf[initialKey] ?? initialKey;
+    if (!initialKey || initialKey === start) return start ? [start] : [];
+    const target = toSlot(initialKey);
     const page2 = flowPages.find((p) => p.key === target);
+    if (trustInitialKey) return page2 ? [target] : start ? [start] : [];
     const guard = entryGuard(page2?.meta);
     const ok = page2 && (!guard || evaluateGate(guard, funnel.snapshot()));
-    return [ok ? target : start].filter(Boolean);
+    const first = ok ? target : start;
+    return first ? [first] : [];
   });
   const currentKey = history[history.length - 1];
   const index = history.length - 1;
@@ -907,7 +826,9 @@ function FunnelView({
     () => pageContextFor(currentKey, slug, index, total, funnel.context.system.now),
     [currentKey, slug, index, total, funnel.context.system.now]
   );
-  funnel.context.page = page;
+  useEffect(() => {
+    funnel.context.page = page;
+  }, [funnel, page]);
   const started = useRef(false);
   useEffect(() => {
     if (started.current) return;
@@ -926,67 +847,37 @@ function FunnelView({
     const expId = experiments.experimentOf[currentKey];
     if (!expId || exposed.current.has(expId)) return;
     exposed.current.add(expId);
-    tracker.track("experiment.exposure", { experimentId: expId, variant: experiments.assignments[expId] });
+    tracker.track("experiment.exposure", exposurePayload(expId, experiments.assignments[expId], experiments.versionOf[expId]));
   }, [tracker, currentKey, experiments]);
-  const timer = useRef(null);
-  const now = () => typeof performance !== "undefined" ? performance.now() : Date.now();
-  const emitExit = useCallback(() => {
-    const t = timer.current;
-    if (!t) return;
-    const at = now();
-    const hidden = t.hidden + (t.hiddenSince != null ? at - t.hiddenSince : 0);
-    const durationMs = Math.round(at - t.enteredAt);
-    tracker.track("page.exit", { pageId: t.key, durationMs, activeMs: Math.max(0, Math.round(durationMs - hidden)) });
-  }, [tracker]);
-  useEffect(() => {
-    if (typeof document === "undefined") return;
-    const onVis = () => {
-      const t = timer.current;
-      if (!t) return;
-      if (document.visibilityState === "hidden") t.hiddenSince = now();
-      else if (t.hiddenSince != null) {
-        t.hidden += now() - t.hiddenSince;
-        t.hiddenSince = null;
-      }
-    };
-    document.addEventListener("visibilitychange", onVis);
-    return () => document.removeEventListener("visibilitychange", onVis);
-  }, []);
-  useEffect(() => {
-    if (!currentKey) return;
-    if (timer.current && timer.current.key !== currentKey) emitExit();
-    const hidden = typeof document !== "undefined" && document.visibilityState === "hidden";
-    timer.current = { key: currentKey, enteredAt: now(), hidden: 0, hiddenSince: hidden ? now() : null };
-  }, [currentKey, emitExit]);
-  useEffect(() => () => emitExit(), [emitExit]);
+  usePageExitTimer(tracker, currentKey);
   const [isNavigating, startNav] = useTransition();
   const next = useCallback(() => {
     const target = nextPage(flow, currentKey, funnel.snapshot());
-    const resolved = target ? experiments.slotOf[target] ?? target : target;
+    const resolved = target ? toSlot(target) : target;
     if (resolved) startNav(() => setHistory((h) => [...h, resolved]));
-  }, [flow, currentKey, funnel, experiments]);
+  }, [flow, currentKey, funnel, toSlot]);
   const back = useCallback(
     () => startNav(() => setHistory((h) => h.length > 1 ? h.slice(0, -1) : h)),
     []
   );
   const go = useCallback(
-    (key) => startNav(() => setHistory((h) => [...h, experiments.slotOf[key] ?? key])),
-    [experiments]
+    (key) => startNav(() => setHistory((h) => [...h, toSlot(key)])),
+    [toSlot]
   );
   const prefetched = useRef(/* @__PURE__ */ new Set());
   const prefetch = useCallback(
     (key) => {
-      const target = experiments.render[key] ?? key;
+      const target = toRenderKey(key);
       const load = loaders.get(target);
       if (!load || prefetched.current.has(target)) return;
       prefetched.current.add(target);
       load().catch(() => prefetched.current.delete(target));
     },
-    [loaders, experiments]
+    [loaders, toRenderKey]
   );
   const nextCandidates = useMemo(
-    () => [...new Set(outgoingKeys(flow, currentKey).map((k) => experiments.render[k] ?? k))],
-    [flow, currentKey, experiments]
+    () => [...new Set(outgoingKeys(flow, currentKey).map(toRenderKey))],
+    [flow, currentKey, toRenderKey]
   );
   useEffect(() => {
     if (prefetchMode !== "auto") return;
@@ -1002,7 +893,45 @@ function FunnelView({
     canGoBack: history.length > 1,
     isNavigating
   };
-  const renderKey = experiments.render[currentKey] ?? currentKey;
+  const bus = useBusInternal();
+  const navRef = useRef(value);
+  navRef.current = value;
+  useEffect(() => {
+    if (!bus) return;
+    const control = {
+      goTo: (key) => {
+        if (!components.has(toRenderKey(key))) return false;
+        navRef.current.go(key);
+        return true;
+      },
+      goNext: () => navRef.current.next(),
+      goPrevious: () => navRef.current.back(),
+      snapshot: () => {
+        const v = navRef.current;
+        return {
+          key: v.page.key,
+          index: v.page.index,
+          total: v.page.total,
+          progressPercentage: v.page.progressPercentage,
+          canGoBack: v.canGoBack,
+          nextCandidates: v.nextCandidates
+        };
+      }
+    };
+    return bus.registerNavigation(control);
+  }, [bus]);
+  useEffect(() => {
+    const v = navRef.current;
+    bus?.emit("navigation", {
+      key: v.page.key,
+      index: v.page.index,
+      total: v.page.total,
+      progressPercentage: v.page.progressPercentage,
+      canGoBack: v.canGoBack,
+      nextCandidates: v.nextCandidates
+    });
+  }, [bus, currentKey]);
+  const renderKey = toRenderKey(currentKey);
   const Current = components.get(renderKey);
   const pageEl = createElement(Suspense, { fallback: fallback ?? null }, Current ? createElement(Current) : null);
   const content = layout ? createElement(layout, null, pageEl) : pageEl;
@@ -1017,21 +946,104 @@ function useNavigation() {
   if (!ctx) throw new Error("useNavigation must be used inside <FunnelView>");
   return ctx;
 }
+var EMBED_CAPABILITIES = {
+  methods: ["nav.snapshot", "nav.goTo", "nav.goNext", "nav.goPrevious", "screenshot"],
+  events: ["navigation"]
+};
+function EmbedBridge() {
+  const bus = useBusInternal();
+  useEffect(() => {
+    if (!bus || typeof window === "undefined" || window.parent === window) return;
+    const parent = window.parent;
+    let disposed = false;
+    const send = (msg) => {
+      try {
+        parent.postMessage({ af: AF_PROTOCOL, source: "af-preview", ...msg }, "*");
+      } catch {
+      }
+    };
+    const hello = () => send({ kind: "hello", role: "funnel", protocol: AF_PROTOCOL, capabilities: EMBED_CAPABILITIES });
+    const sendSnapshot = () => {
+      const s = bus.navigation();
+      if (s) send({ kind: "event", event: "navigation", data: s });
+    };
+    async function invoke(method, params) {
+      switch (method) {
+        case "nav.snapshot":
+          return bus.navigation();
+        case "nav.goTo": {
+          const key = params?.key;
+          if (typeof key !== "string" || !bus.goTo(key)) throw { code: "bad_params", message: `unknown page key: ${String(key)}` };
+          return void 0;
+        }
+        case "nav.goNext":
+          bus.goNext();
+          return void 0;
+        case "nav.goPrevious":
+          bus.goPrevious();
+          return void 0;
+        case "screenshot":
+          return await captureScreenshot(params ?? {});
+        default:
+          throw { code: "unknown_method", message: `unknown method: ${method}` };
+      }
+    }
+    async function onMsg(e) {
+      if (e.source !== parent) return;
+      const d = e.data;
+      if (!d || typeof d !== "object" || d.af !== AF_PROTOCOL || d.source !== "af-host") return;
+      if (d.kind === "hello") {
+        hello();
+        sendSnapshot();
+        return;
+      }
+      if (d.kind !== "request" || typeof d.id !== "string") return;
+      try {
+        const result = await invoke(d.method, d.params);
+        if (!disposed) send({ kind: "response", id: d.id, ok: true, result });
+      } catch (err) {
+        const e2 = err;
+        const error = e2 && typeof e2.code === "string" ? { code: e2.code, message: String(e2.message ?? e2.code) } : { code: "failed", message: String(e2?.message ?? err) };
+        if (!disposed) send({ kind: "response", id: d.id, ok: false, error });
+      }
+    }
+    window.addEventListener("message", onMsg);
+    const offNav = bus.on("navigation", (data) => {
+      if (!disposed) send({ kind: "event", event: "navigation", data });
+    });
+    hello();
+    sendSnapshot();
+    return () => {
+      disposed = true;
+      offNav();
+      window.removeEventListener("message", onMsg);
+    };
+  }, [bus]);
+  return null;
+}
 function usePage() {
   return useNavigation().page;
 }
-var symModalId = /* @__PURE__ */ Symbol("AppFunnelModalId");
+var symModalId = /* @__PURE__ */ Symbol("AppfunnelModalId");
 var initialState = {};
 var ModalStateContext = createContext(initialState);
 var ModalIdContext = createContext(null);
+var ModalDispatchContext = createContext(null);
 var REGISTRY = {};
 var ALREADY_MOUNTED = {};
 var modalCallbacks = {};
 var hideCallbacks = {};
 var uid = 0;
 var getUid = () => `_af_modal_${uid++}`;
-var dispatch = () => {
-  throw new Error("No modal dispatch \u2014 render inside <FunnelProvider> (which mounts the modal runtime).");
+var runtimeStack = [];
+var dispatch = (action) => {
+  const top = runtimeStack[runtimeStack.length - 1];
+  if (!top) {
+    throw new Error(
+      "No modal dispatch \u2014 render inside <FunnelProvider> (which mounts the modal runtime)."
+    );
+  }
+  top(action);
 };
 var modalReducer = (state = initialState, action) => {
   const { modalId, args, flags } = action.payload;
@@ -1074,10 +1086,10 @@ function registerModal(id, comp, props) {
 function unregisterModal(id) {
   delete REGISTRY[id];
 }
-function showModal(modal, args) {
+function showModalVia(d, modal, args) {
   const id = idOf(modal);
   if (typeof modal !== "string" && !REGISTRY[id]) registerModal(id, modal);
-  dispatch({ type: "show", payload: { modalId: id, args } });
+  d({ type: "show", payload: { modalId: id, args } });
   if (!modalCallbacks[id]) {
     let res;
     let rej;
@@ -1089,9 +1101,12 @@ function showModal(modal, args) {
   }
   return modalCallbacks[id].promise;
 }
-function hideModal(modal) {
+function showModal(modal, args) {
+  return showModalVia(dispatch, modal, args);
+}
+function hideModalVia(d, modal) {
   const id = idOf(modal);
-  dispatch({ type: "hide", payload: { modalId: id } });
+  d({ type: "hide", payload: { modalId: id } });
   delete modalCallbacks[id];
   if (!hideCallbacks[id]) {
     let res;
@@ -1104,40 +1119,63 @@ function hideModal(modal) {
   }
   return hideCallbacks[id].promise;
 }
-function removeModal(modal) {
+function hideModal(modal) {
+  return hideModalVia(dispatch, modal);
+}
+function removeModalVia(d, modal) {
   const id = idOf(modal);
-  dispatch({ type: "remove", payload: { modalId: id } });
+  d({ type: "remove", payload: { modalId: id } });
   delete modalCallbacks[id];
   delete hideCallbacks[id];
 }
-function setFlags(id, flags) {
-  dispatch({ type: "set-flags", payload: { modalId: id, flags } });
+function removeModal(modal) {
+  removeModalVia(dispatch, modal);
+}
+function setFlags(d, id, flags) {
+  d({ type: "set-flags", payload: { modalId: id, flags } });
 }
 function useModal(modal, args) {
   const modals = useContext(ModalStateContext);
   const contextId = useContext(ModalIdContext);
+  const d = useContext(ModalDispatchContext) ?? dispatch;
   const isComponent = !!modal && typeof modal !== "string";
   const id = modal ? idOf(modal) : contextId;
-  if (!id) throw new Error("useModal: no modal id (call inside a defineModal component, or pass an id/component).");
+  if (!id)
+    throw new Error(
+      "useModal: no modal id (call inside a defineModal component, or pass an id/component)."
+    );
   useEffect(() => {
-    if (isComponent && !REGISTRY[id]) registerModal(id, modal, args);
+    if (isComponent && !REGISTRY[id])
+      registerModal(id, modal, args);
   }, [isComponent, id, modal, args]);
   const info = modals[id];
-  const show = useCallback((a) => showModal(id, a), [id]);
-  const hide = useCallback(() => hideModal(id), [id]);
-  const remove = useCallback(() => removeModal(id), [id]);
-  const resolve = useCallback((v) => {
-    modalCallbacks[id]?.resolve(v);
-    delete modalCallbacks[id];
-  }, [id]);
-  const reject = useCallback((v) => {
-    modalCallbacks[id]?.reject(v);
-    delete modalCallbacks[id];
-  }, [id]);
-  const resolveHide = useCallback((v) => {
-    hideCallbacks[id]?.resolve(v);
-    delete hideCallbacks[id];
-  }, [id]);
+  const show = useCallback(
+    (a) => showModalVia(d, id, a),
+    [d, id]
+  );
+  const hide = useCallback(() => hideModalVia(d, id), [d, id]);
+  const remove = useCallback(() => removeModalVia(d, id), [d, id]);
+  const resolve = useCallback(
+    (v) => {
+      modalCallbacks[id]?.resolve(v);
+      delete modalCallbacks[id];
+    },
+    [id]
+  );
+  const reject = useCallback(
+    (v) => {
+      modalCallbacks[id]?.reject(v);
+      delete modalCallbacks[id];
+    },
+    [id]
+  );
+  const resolveHide = useCallback(
+    (v) => {
+      hideCallbacks[id]?.resolve(v);
+      delete hideCallbacks[id];
+    },
+    [id]
+  );
   return useMemo(
     () => ({
       id,
@@ -1151,13 +1189,30 @@ function useModal(modal, args) {
       reject,
       resolveHide
     }),
-    [id, info?.args, info?.visible, info?.keepMounted, show, hide, remove, resolve, reject, resolveHide]
+    [
+      id,
+      info?.args,
+      info?.visible,
+      info?.keepMounted,
+      show,
+      hide,
+      remove,
+      resolve,
+      reject,
+      resolveHide
+    ]
   );
 }
 function defineModal(Comp) {
-  return function Wrapped({ id, defaultVisible, keepMounted, ...props }) {
+  return function Wrapped({
+    id,
+    defaultVisible,
+    keepMounted,
+    ...props
+  }) {
     const { args, show } = useModal(id);
     const modals = useContext(ModalStateContext);
+    const d = useContext(ModalDispatchContext) ?? dispatch;
     const shouldMount = !!modals[id];
     useEffect(() => {
       if (defaultVisible) show();
@@ -1167,8 +1222,8 @@ function defineModal(Comp) {
       };
     }, [id, show, defaultVisible]);
     useEffect(() => {
-      if (keepMounted) setFlags(id, { keepMounted: true });
-    }, [id, keepMounted]);
+      if (keepMounted) setFlags(d, id, { keepMounted: true });
+    }, [d, id, keepMounted]);
     const delayVisible = modals[id]?.delayVisible;
     useEffect(() => {
       if (delayVisible) show(args);
@@ -1187,17 +1242,37 @@ function ModalRoot() {
   return createElement(
     "div",
     { "data-appfunnel-modal-root": "" },
-    ...toRender.map((t) => createElement(t.comp, { key: t.id, id: t.id, ...t.props }))
+    ...toRender.map(
+      (t) => createElement(t.comp, { key: t.id, id: t.id, ...t.props })
+    )
   );
 }
 function ModalRuntime({ children }) {
   const [state, localDispatch] = useReducer(modalReducer, initialState);
-  dispatch = localDispatch;
+  useEffect(() => {
+    runtimeStack.push(localDispatch);
+    if (runtimeStack.length > 1) {
+      try {
+        console.warn(
+          `[appfunnel] ${runtimeStack.length} modal runtimes are mounted \u2014 the imperative showModal()/hideModal() API binds to the most recent one. Use the useModal() hook inside each tree instead.`
+        );
+      } catch {
+      }
+    }
+    return () => {
+      const i = runtimeStack.indexOf(localDispatch);
+      if (i !== -1) runtimeStack.splice(i, 1);
+    };
+  }, []);
   return createElement(
-    ModalStateContext.Provider,
-    { value: state },
-    children,
-    createElement(ModalRoot, null)
+    ModalDispatchContext.Provider,
+    { value: localDispatch },
+    createElement(
+      ModalStateContext.Provider,
+      { value: state },
+      children,
+      createElement(ModalRoot, null)
+    )
   );
 }
 
@@ -1296,110 +1371,21 @@ function Modal(props) {
 }
 
 // src/commerce/checkout.tsx
-var INLINE_SURFACES = /* @__PURE__ */ new Set([
-  "express",
-  "element",
-  "embedded"
-]);
-function isInlineSurface(surface) {
-  return INLINE_SURFACES.has(surface);
-}
-var ON = { purchase: true, wallets: true, offSession: "reliable" };
-var MANAGED = { purchase: true, wallets: true, offSession: "conditional" };
-var ALL_UPSELLS = ["subscription", "one-time", "upgrade"];
-var PROVIDER_PROFILES = {
-  // PSP; you hold the PaymentMethod and fire your own off-session PaymentIntent on
-  // the Elements surfaces (reliable). **Managed** Checkout (`embedded`/`redirect`)
-  // upsells too, but as a direct charge against Stripe's vaulted card → conditional.
-  // No provider "popup" surface.
-  stripe: {
-    isMoR: false,
-    offSessionUpsells: ALL_UPSELLS,
-    tokenModel: "merchant",
-    orchestrator: false,
-    surfaces: { express: ON, element: ON, sheet: ON, embedded: MANAGED, redirect: MANAGED }
-  },
-  // Merchant-of-Record; card entry is always Paddle's frame → no own element/sheet/
-  // express. Off-session via subscription one-time charge / collection_mode, but
-  // **no 2nd concurrent subscription** (upgrade + one-time only), provider-initiated.
-  paddle: {
-    isMoR: true,
-    offSessionUpsells: ["one-time", "upgrade"],
-    tokenModel: "provider",
-    orchestrator: false,
-    surfaces: { embedded: ON, popup: ON, redirect: ON }
-  },
-  // Merchant-of-Record; iframe-only (no raw card field). Off-session works
-  // (provider-initiated, async via webhooks). `sheet` = our chrome hosting their embed.
-  whop: {
-    isMoR: true,
-    offSessionUpsells: ALL_UPSELLS,
-    tokenModel: "provider",
-    orchestrator: false,
-    surfaces: { embedded: ON, redirect: ON, sheet: ON }
-  },
-  // Pure orchestrator (PSP-side); Headless renders express/element/sheet/embedded.
-  // No hosted redirect page, no popup checkout. Off-session is PSP-conditional.
-  primer: {
-    isMoR: false,
-    offSessionUpsells: ALL_UPSELLS,
-    tokenModel: "merchant",
-    orchestrator: true,
-    surfaces: { express: ON, element: ON, sheet: ON, embedded: ON }
-  },
-  // PSP **and** orchestrator (own acquiring + connectors routing across Stripe/Adyen/
-  // PayPal). One Payment Form (element/sheet/embedded) + hosted page + wallet button.
-  // Strong native off-session (Recurring API). No popup.
-  solidgate: {
-    isMoR: false,
-    offSessionUpsells: ALL_UPSELLS,
-    tokenModel: "merchant",
-    orchestrator: true,
-    surfaces: { express: ON, element: ON, sheet: ON, embedded: ON, redirect: ON }
-  }
-};
-function surfacesFor(provider) {
-  return Object.keys(PROVIDER_PROFILES[provider]?.surfaces ?? {});
-}
-function isMerchantOfRecord(provider) {
-  return PROVIDER_PROFILES[provider]?.isMoR ?? false;
-}
-function isOrchestrator(provider) {
-  return PROVIDER_PROFILES[provider]?.orchestrator ?? false;
-}
-function validateCheckout(provider, surface) {
-  const cap = PROVIDER_PROFILES[provider]?.surfaces[surface];
-  if (!cap) return { ok: false, reason: `${provider} has no '${surface}' surface` };
-  return cap.purchase ? { ok: true } : { ok: false, reason: `'${surface}' can't take a purchase on ${provider}` };
-}
-function validateUpsell(provider, paywallSurface, kind = "subscription") {
-  const profile = PROVIDER_PROFILES[provider];
-  if (!profile) return { ok: false, reason: `unknown provider '${provider}'` };
-  if (!profile.offSessionUpsells.includes(kind)) {
-    const can = profile.offSessionUpsells.length ? ` (it supports: ${profile.offSessionUpsells.join(", ")})` : "";
-    return { ok: false, reason: `${provider} can't charge a '${kind}' upsell off-session${can}` };
-  }
-  const cap = profile.surfaces[paywallSurface];
-  if (!cap) return { ok: false, reason: `${provider} has no '${paywallSurface}' surface to upsell after` };
-  if (cap.offSession === "none") {
-    return { ok: false, reason: `a purchase on '${paywallSurface}' retains no chargeable method for an upsell` };
-  }
-  if (cap.offSession === "conditional") {
-    return { ok: true, note: `off-session upsell after ${provider} '${paywallSurface}' (managed checkout) may decline \u2014 prefer element/sheet/express` };
-  }
-  return { ok: true };
-}
-function checkoutError(category, message, extra = {}) {
-  const retryable = extra.retryable ?? (category === "authentication_required" || category === "requires_payment_method" || category === "processing_error");
-  return { category, message, declineCode: extra.declineCode, retryable };
-}
 function createMockDriver(provider = "stripe", options = {}) {
-  const success = options.result ?? { ok: true, amountMinor: 0, currency: "USD" };
-  const offError = typeof options.failOffSession === "object" ? options.failOffSession : checkoutError("authentication_required", "off-session charge declined (mock)");
+  const success = options.result ?? {
+    ok: true,
+    amountMinor: 0,
+    currency: "USD"
+  };
+  const offError = typeof options.failOffSession === "object" ? options.failOffSession : checkoutError(
+    "authentication_required",
+    "off-session charge declined (mock)"
+  );
   return {
     provider,
     start: (req) => {
-      if (options.failOffSession && !req.surface) return Promise.resolve({ ok: false, error: offError });
+      if (options.failOffSession && !req.surface)
+        return Promise.resolve({ ok: false, error: offError });
       return Promise.resolve(success);
     },
     renderInline: (req, cb) => createElement(
@@ -1407,10 +1393,37 @@ function createMockDriver(provider = "stripe", options = {}) {
       {
         type: "button",
         "data-mock-surface": req.surface,
-        onClick: () => success.ok ? cb.onSuccess(success) : cb.onError(success.error ?? checkoutError("processing_error", "failed (mock)"))
+        onClick: () => {
+          cb.onStart?.();
+          if (success.ok) cb.onSuccess(success);
+          else
+            cb.onError(
+              success.error ?? checkoutError(
+                "processing_error",
+                "failed (mock)"
+              )
+            );
+        }
       },
       `Pay (mock ${req.surface})`
-    )
+    ),
+    resume: () => Promise.resolve(success)
+  };
+}
+function driverWithEmail(driver, getEmail) {
+  const enrich = (req) => req.email !== void 0 ? req : { ...req, email: getEmail() };
+  return {
+    ...driver,
+    start: (req) => driver.start(enrich(req)),
+    renderInline: driver.renderInline ? (req, cb) => driver.renderInline(enrich(req), cb) : void 0
+  };
+}
+function driverWithCatalog(driver, catalog) {
+  const enrich = (req) => req.catalogKey !== void 0 ? req : { ...req, catalogKey: catalog.get(req.product)?.catalogKey };
+  return {
+    ...driver,
+    start: (req) => driver.start(enrich(req)),
+    renderInline: driver.renderInline ? (req, cb) => driver.renderInline(enrich(req), cb) : void 0
   };
 }
 var DriverContext = createContext(null);
@@ -1427,132 +1440,343 @@ var FALLBACK_DRIVER = createMockDriver();
 function useCheckout(opts = {}) {
   const driver = useDriver();
   const tracker = useTrackerRef();
+  const catalog = useCatalog();
   const nav = useNavigation();
   const [status, setStatus] = useState("idle");
   const [error, setError] = useState(null);
   const intent = opts.intent ?? "purchase";
   const kind = opts.kind;
   const advance = opts.advanceOnSuccess ?? true;
+  const productFacts = useCallback(
+    (product) => {
+      const resolved = product ? catalog.get(product) : void 0;
+      return {
+        productId: resolved?.catalogKey ?? product,
+        amount: resolved ? resolved.priceMinor / 100 : void 0,
+        currency: resolved?.currency,
+        isSubscription: resolved ? resolved.period !== "one-time" : kind === "subscription" || kind === "upgrade"
+      };
+    },
+    [catalog, kind]
+  );
+  const recovering = useRef(false);
+  const failRef = useRef(
+    () => {
+    }
+  );
+  const attemptRef = useRef(async () => ({ ok: false }));
   const succeed = useCallback(
-    (result) => {
+    (result, product) => {
       setStatus("success");
+      const { productId, isSubscription } = productFacts(product);
+      const amount = result.amountMinor != null ? result.amountMinor / 100 : void 0;
       tracker.track("purchase.complete", {
-        amount: result.amountMinor != null ? result.amountMinor / 100 : void 0,
+        amount,
         currency: result.currency,
+        productId,
         eventId: result.eventId
         // server-minted (browser↔CAPI dedup); undefined if none
       });
+      if (isSubscription) {
+        tracker.track("subscription.created", {
+          amount,
+          currency: result.currency,
+          productId,
+          eventId: result.eventId
+        });
+      }
       opts.onSuccess?.(result);
       if (advance) nav.next();
     },
-    [tracker, nav, advance, opts]
-  );
-  const fail = useCallback(
-    (err, product) => {
-      setStatus(err.category === "authentication_required" ? "requires_action" : "error");
-      setError(err);
-      tracker.track("checkout.failed", {
-        category: err.category,
-        declineCode: err.declineCode,
-        productId: product,
-        intent
-      });
-      opts.onError?.(err);
-    },
-    [tracker, intent, opts]
+    [tracker, nav, advance, opts, productFacts]
   );
+  const succeedRef = useRef(succeed);
+  succeedRef.current = succeed;
   const begin = useCallback(
     (product, surface) => {
       setStatus("loading");
       setError(null);
-      tracker.track("checkout.start", { productId: product, surface });
+      const { productId, amount, currency } = productFacts(product);
+      tracker.track("checkout.start", {
+        productId,
+        amount,
+        currency,
+        surface,
+        eventId: newEventId()
+      });
     },
-    [tracker]
+    [tracker, productFacts]
   );
-  const paymentAdded = useCallback(() => tracker.track("checkout.payment_added", {}), [tracker]);
-  const open = useCallback(
-    async (product, surface) => {
-      begin(product, surface);
-      try {
-        const result = await driver.start({ product, intent, surface, kind });
-        if (result.ok) succeed(result);
-        else fail(result.error ?? checkoutError("unknown", "Checkout failed"), product);
-        return result;
-      } catch (e) {
-        const err = checkoutError("processing_error", e instanceof Error ? e.message : "Checkout failed");
-        fail(err, product);
-        return { ok: false, error: err };
-      }
+  const paymentAdded = useCallback(
+    (product) => {
+      const { productId, amount, currency } = productFacts(product);
+      tracker.track("checkout.payment_added", {
+        productId,
+        amount,
+        currency,
+        eventId: newEventId()
+      });
     },
-    [driver, intent, kind, begin, succeed, fail]
-  );
-  const callbacksFor = useCallback(
-    (product, surface) => ({
-      onStart: () => begin(product, surface),
-      onSuccess: (result) => succeed(result),
-      onError: (err) => fail(err, product),
-      onPaymentAdded: () => paymentAdded()
-    }),
-    [begin, succeed, fail, paymentAdded]
+    [tracker, productFacts]
   );
-  const reset = useCallback(() => {
-    setStatus("idle");
-    setError(null);
-  }, []);
-  return { open, status, error, isLoading: status === "loading", reset, callbacksFor };
-}
-var CheckoutSheet = defineModal(({ product, surface, intent, onSuccess, onError }) => {
-  const driver = useDriver();
+  const hostInSheet = (surface) => surface === "sheet" || isInlineSurface(surface) && !!PROVIDER_PROFILES[driver.provider]?.surfaces.sheet;
+  const startRecovery = (product, surface) => {
+    recovering.current = true;
+    if (hostInSheet(surface)) {
+      begin(product, "sheet");
+      void showModal(CheckoutSheet, {
+        product,
+        surface: "sheet",
+        intent,
+        kind,
+        onSuccess: (r) => succeedRef.current(r, product),
+        onError: (e) => failRef.current(e, product),
+        onPaymentAdded: () => paymentAdded(product)
+      });
+    } else {
+      void attemptRef.current(product, surface);
+    }
+  };
+  failRef.current = (err, product) => {
+    setStatus(
+      err.category === "authentication_required" ? "requires_action" : "error"
+    );
+    setError(err);
+    tracker.track("checkout.failed", {
+      category: err.category,
+      declineCode: err.declineCode,
+      productId: product,
+      intent
+    });
+    opts.onError?.(err);
+    if (err.category === "canceled" && !opts.onFailed?.canceled) return;
+    if (product && !recovering.current && opts.recoverySurface && err.category !== "canceled") {
+      startRecovery(product, opts.recoverySurface);
+      return;
+    }
+    let route = opts.onFailed?.[err.category] ?? (err.category === "canceled" ? void 0 : opts.onFailed?.default);
+    if (route && typeof route === "object" && "fallback" in route && recovering.current) {
+      const dflt = opts.onFailed?.default;
+      route = dflt && dflt !== route && !(typeof dflt === "object" && "fallback" in dflt) ? dflt : void 0;
+    }
+    if (!route) return;
+    if (typeof route === "function") route(err);
+    else if ("go" in route) nav.go(route.go);
+    else if ("modal" in route) {
+      const props = {
+        error: err,
+        product,
+        go: (pageKey) => nav.go(pageKey),
+        retry: (surface) => {
+          if (!product) return;
+          recovering.current = true;
+          if (!surface) {
+            if (intent === "upsell")
+              void attemptRef.current(product);
+            else
+              startRecovery(
+                product,
+                PROVIDER_PROFILES[driver.provider]?.surfaces.sheet ? "sheet" : "popup"
+              );
+            return;
+          }
+          startRecovery(product, surface);
+        }
+      };
+      void showModal(
+        route.modal,
+        props
+      );
+    } else if ("fallback" in route) {
+      if (product && !recovering.current)
+        startRecovery(product, route.fallback);
+    }
+  };
+  attemptRef.current = async (product, surface) => {
+    begin(product, surface);
+    try {
+      const result = await driver.start({
+        product,
+        intent,
+        surface,
+        kind
+      });
+      if (result.ok) succeedRef.current(result, product);
+      else
+        failRef.current(
+          result.error ?? checkoutError("unknown", "Checkout failed"),
+          product
+        );
+      return result;
+    } catch (e) {
+      const err = checkoutError(
+        "processing_error",
+        e instanceof Error ? e.message : "Checkout failed"
+      );
+      failRef.current(err, product);
+      return { ok: false, error: err };
+    }
+  };
+  const open = useCallback(
+    async (product, surface) => {
+      recovering.current = false;
+      return attemptRef.current(product, surface);
+    },
+    []
+  );
+  const callbacksFor = useCallback(
+    (product, surface) => ({
+      onStart: () => {
+        recovering.current = false;
+        begin(product, surface);
+      },
+      onSuccess: (result) => succeedRef.current(result, product),
+      onError: (err) => failRef.current(err, product),
+      onPaymentAdded: () => paymentAdded(product)
+    }),
+    [begin, paymentAdded]
+  );
+  const reset = useCallback(() => {
+    recovering.current = false;
+    setStatus("idle");
+    setError(null);
+  }, []);
+  return {
+    open,
+    status,
+    error,
+    isLoading: status === "loading",
+    reset,
+    callbacksFor
+  };
+}
+var CheckoutSheet = defineModal(({ product, surface, intent, kind, onSuccess, onError, onPaymentAdded }) => {
+  const driver = useDriver();
   const modal = useModal();
+  const resolved = useRef(false);
+  const onErrorRef = useRef(onError);
+  onErrorRef.current = onError;
+  const hostable = !!driver.renderInline;
+  useEffect(() => {
+    if (!hostable) {
+      resolved.current = true;
+      onErrorRef.current(
+        checkoutError(
+          "processing_error",
+          "This checkout driver has no inline surface to host in the sheet"
+        )
+      );
+      void modal.hide();
+      modal.remove();
+      return;
+    }
+    return () => {
+      if (!resolved.current) {
+        onErrorRef.current(
+          checkoutError(
+            "canceled",
+            "Checkout was dismissed before completing"
+          )
+        );
+      }
+    };
+  }, []);
   if (!driver.renderInline) return null;
+  const close = () => {
+    resolved.current = true;
+    void modal.hide();
+    modal.remove();
+  };
   return createElement(Sheet, {
     children: driver.renderInline(
-      { product, intent, surface },
+      { product, intent, surface, kind },
       {
         onSuccess: (r) => {
-          modal.hide();
+          close();
           onSuccess(r);
         },
         onError: (e) => {
-          modal.hide();
+          close();
           onError(e);
-        }
+        },
+        onPaymentAdded
       }
     )
   });
 });
-function trigger(onClick, { asChild, children, className, disabled }) {
+function trigger(onClick, {
+  asChild,
+  children,
+  className,
+  disabled
+}) {
   if (asChild && isValidElement(children)) {
     const child = children;
     return cloneElement(child, { onClick });
   }
-  return createElement("button", { type: "button", className, disabled, onClick }, children ?? "Continue");
+  return createElement(
+    "button",
+    { type: "button", className, disabled, onClick },
+    children ?? "Continue"
+  );
+}
+function detectDeviceClass() {
+  if (typeof window === "undefined") return "desktop";
+  const ua = navigator.userAgent?.toLowerCase() ?? "";
+  if (/mobile|android(?!.*tablet)|iphone|ipod/.test(ua)) return "mobile";
+  try {
+    if (window.matchMedia?.("(pointer: coarse)").matches && window.innerWidth > 0 && window.innerWidth < 768) {
+      return "mobile";
+    }
+  } catch {
+  }
+  return "desktop";
 }
 function Checkout({
-  product,
-  surface,
+  offering,
+  surface: surfacePreference,
   asChild,
   children,
   className,
   ...options
 }) {
+  const product = offering;
   const driver = useDriver();
+  const [surface] = useState(
+    () => resolveSurface(driver.provider, surfacePreference, detectDeviceClass())
+  );
   const checkout = useCheckout(options);
   const intent = options.intent ?? "purchase";
   if (isInlineSurface(surface)) {
     return driver.renderInline ? createElement(
       "div",
       { key: product, className },
-      driver.renderInline({ product, intent, surface }, checkout.callbacksFor(product, surface))
+      driver.renderInline(
+        { product, intent, surface },
+        checkout.callbacksFor(product, surface)
+      )
     ) : null;
   }
   if (surface === "sheet") {
     const cb = checkout.callbacksFor(product, surface);
     const open = () => {
       cb.onStart();
-      showModal(CheckoutSheet, { product, surface, intent, onSuccess: cb.onSuccess, onError: cb.onError });
+      showModal(CheckoutSheet, {
+        product,
+        surface,
+        intent,
+        kind: options.kind,
+        onSuccess: cb.onSuccess,
+        onError: cb.onError,
+        onPaymentAdded: cb.onPaymentAdded
+      });
     };
-    return trigger(open, { asChild, children, className, disabled: checkout.isLoading });
+    return trigger(open, {
+      asChild,
+      children,
+      className,
+      disabled: checkout.isLoading
+    });
   }
   return trigger(() => checkout.open(product, surface), {
     asChild,
@@ -1561,32 +1785,1150 @@ function Checkout({
     disabled: checkout.isLoading
   });
 }
-function Upsell({ product, fallback, asChild, children, className, ...options }) {
-  const checkout = useCheckout({ ...options, intent: "upsell" });
-  const start = async () => {
-    const result = await checkout.open(product);
-    if (result.ok || !fallback) return;
-    const cb = checkout.callbacksFor(product, fallback);
-    if (fallback === "sheet") {
-      cb.onStart();
-      showModal(CheckoutSheet, { product, surface: "sheet", intent: "upsell", onSuccess: cb.onSuccess, onError: cb.onError });
+function Upsell({
+  offering,
+  fallback,
+  asChild,
+  children,
+  className,
+  ...options
+}) {
+  const product = offering;
+  const checkout = useCheckout({
+    ...options,
+    intent: "upsell",
+    recoverySurface: fallback ?? options.recoverySurface
+  });
+  return trigger(
+    () => void checkout.open(product),
+    {
+      asChild,
+      children: children ?? "Add to my plan",
+      className,
+      disabled: checkout.isLoading
+    }
+  );
+}
+var consumedResumes = /* @__PURE__ */ new Set();
+function CheckoutResume(options = {}) {
+  const driver = useDriver();
+  const checkout = useCheckout(options);
+  const callbacksRef = useRef(checkout.callbacksFor);
+  callbacksRef.current = checkout.callbacksFor;
+  useEffect(() => {
+    if (typeof window === "undefined" || !driver.resume) return;
+    const url = new URL(window.location.href);
+    const correlationId = url.searchParams.get("af_checkout");
+    if (!correlationId || consumedResumes.has(correlationId)) return;
+    consumedResumes.add(correlationId);
+    void driver.resume(correlationId).then((result) => {
+      const cb = callbacksRef.current();
+      if (result.ok) {
+        url.searchParams.delete("af_checkout");
+        window.history.replaceState(
+          window.history.state,
+          "",
+          url.toString()
+        );
+        cb.onSuccess(result);
+      } else {
+        cb.onError(
+          result.error ?? checkoutError(
+            "unknown",
+            "The checkout could not be verified"
+          )
+        );
+      }
+    });
+  }, []);
+  return null;
+}
+function __insertCSS(code) {
+  if (typeof document == "undefined") return;
+  let head = document.head || document.getElementsByTagName("head")[0];
+  let style = document.createElement("style");
+  style.type = "text/css";
+  head.appendChild(style);
+  style.styleSheet ? style.styleSheet.cssText = code : style.appendChild(document.createTextNode(code));
+}
+var getAsset = (type) => {
+  switch (type) {
+    case "success":
+      return SuccessIcon;
+    case "info":
+      return InfoIcon;
+    case "warning":
+      return WarningIcon;
+    case "error":
+      return ErrorIcon;
+    default:
+      return null;
+  }
+};
+var bars = Array(12).fill(0);
+var Loader = ({ visible, className }) => {
+  return /* @__PURE__ */ React.createElement("div", {
+    className: [
+      "sonner-loading-wrapper",
+      className
+    ].filter(Boolean).join(" "),
+    "data-visible": visible
+  }, /* @__PURE__ */ React.createElement("div", {
+    className: "sonner-spinner"
+  }, bars.map((_, i) => /* @__PURE__ */ React.createElement("div", {
+    className: "sonner-loading-bar",
+    key: `spinner-bar-${i}`
+  }))));
+};
+var SuccessIcon = /* @__PURE__ */ React.createElement("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 20 20",
+  fill: "currentColor",
+  height: "20",
+  width: "20"
+}, /* @__PURE__ */ React.createElement("path", {
+  fillRule: "evenodd",
+  d: "M10 18a8 8 0 100-16 8 8 0 000 16zm3.857-9.809a.75.75 0 00-1.214-.882l-3.483 4.79-1.88-1.88a.75.75 0 10-1.06 1.061l2.5 2.5a.75.75 0 001.137-.089l4-5.5z",
+  clipRule: "evenodd"
+}));
+var WarningIcon = /* @__PURE__ */ React.createElement("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 24 24",
+  fill: "currentColor",
+  height: "20",
+  width: "20"
+}, /* @__PURE__ */ React.createElement("path", {
+  fillRule: "evenodd",
+  d: "M9.401 3.003c1.155-2 4.043-2 5.197 0l7.355 12.748c1.154 2-.29 4.5-2.599 4.5H4.645c-2.309 0-3.752-2.5-2.598-4.5L9.4 3.003zM12 8.25a.75.75 0 01.75.75v3.75a.75.75 0 01-1.5 0V9a.75.75 0 01.75-.75zm0 8.25a.75.75 0 100-1.5.75.75 0 000 1.5z",
+  clipRule: "evenodd"
+}));
+var InfoIcon = /* @__PURE__ */ React.createElement("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 20 20",
+  fill: "currentColor",
+  height: "20",
+  width: "20"
+}, /* @__PURE__ */ React.createElement("path", {
+  fillRule: "evenodd",
+  d: "M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a.75.75 0 000 1.5h.253a.25.25 0 01.244.304l-.459 2.066A1.75 1.75 0 0010.747 15H11a.75.75 0 000-1.5h-.253a.25.25 0 01-.244-.304l.459-2.066A1.75 1.75 0 009.253 9H9z",
+  clipRule: "evenodd"
+}));
+var ErrorIcon = /* @__PURE__ */ React.createElement("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 20 20",
+  fill: "currentColor",
+  height: "20",
+  width: "20"
+}, /* @__PURE__ */ React.createElement("path", {
+  fillRule: "evenodd",
+  d: "M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-8-5a.75.75 0 01.75.75v4.5a.75.75 0 01-1.5 0v-4.5A.75.75 0 0110 5zm0 10a1 1 0 100-2 1 1 0 000 2z",
+  clipRule: "evenodd"
+}));
+var CloseIcon = /* @__PURE__ */ React.createElement("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "12",
+  height: "12",
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  strokeWidth: "1.5",
+  strokeLinecap: "round",
+  strokeLinejoin: "round"
+}, /* @__PURE__ */ React.createElement("line", {
+  x1: "18",
+  y1: "6",
+  x2: "6",
+  y2: "18"
+}), /* @__PURE__ */ React.createElement("line", {
+  x1: "6",
+  y1: "6",
+  x2: "18",
+  y2: "18"
+}));
+var useIsDocumentHidden = () => {
+  const [isDocumentHidden, setIsDocumentHidden] = React.useState(document.hidden);
+  React.useEffect(() => {
+    const callback = () => {
+      setIsDocumentHidden(document.hidden);
+    };
+    document.addEventListener("visibilitychange", callback);
+    return () => window.removeEventListener("visibilitychange", callback);
+  }, []);
+  return isDocumentHidden;
+};
+var toastsCounter = 1;
+var Observer = class {
+  constructor() {
+    this.subscribe = (subscriber) => {
+      this.subscribers.push(subscriber);
+      return () => {
+        const index = this.subscribers.indexOf(subscriber);
+        this.subscribers.splice(index, 1);
+      };
+    };
+    this.publish = (data) => {
+      this.subscribers.forEach((subscriber) => subscriber(data));
+    };
+    this.addToast = (data) => {
+      this.publish(data);
+      this.toasts = [
+        ...this.toasts,
+        data
+      ];
+    };
+    this.create = (data) => {
+      var _data_id;
+      const { message, ...rest } = data;
+      const id = typeof (data == null ? void 0 : data.id) === "number" || ((_data_id = data.id) == null ? void 0 : _data_id.length) > 0 ? data.id : toastsCounter++;
+      const alreadyExists = this.toasts.find((toast2) => {
+        return toast2.id === id;
+      });
+      const dismissible = data.dismissible === void 0 ? true : data.dismissible;
+      if (this.dismissedToasts.has(id)) {
+        this.dismissedToasts.delete(id);
+      }
+      if (alreadyExists) {
+        this.toasts = this.toasts.map((toast2) => {
+          if (toast2.id === id) {
+            this.publish({
+              ...toast2,
+              ...data,
+              id,
+              title: message
+            });
+            return {
+              ...toast2,
+              ...data,
+              id,
+              dismissible,
+              title: message
+            };
+          }
+          return toast2;
+        });
+      } else {
+        this.addToast({
+          title: message,
+          ...rest,
+          dismissible,
+          id
+        });
+      }
+      return id;
+    };
+    this.dismiss = (id) => {
+      if (id) {
+        this.dismissedToasts.add(id);
+        requestAnimationFrame(() => this.subscribers.forEach((subscriber) => subscriber({
+          id,
+          dismiss: true
+        })));
+      } else {
+        this.toasts.forEach((toast2) => {
+          this.subscribers.forEach((subscriber) => subscriber({
+            id: toast2.id,
+            dismiss: true
+          }));
+        });
+      }
+      return id;
+    };
+    this.message = (message, data) => {
+      return this.create({
+        ...data,
+        message
+      });
+    };
+    this.error = (message, data) => {
+      return this.create({
+        ...data,
+        message,
+        type: "error"
+      });
+    };
+    this.success = (message, data) => {
+      return this.create({
+        ...data,
+        type: "success",
+        message
+      });
+    };
+    this.info = (message, data) => {
+      return this.create({
+        ...data,
+        type: "info",
+        message
+      });
+    };
+    this.warning = (message, data) => {
+      return this.create({
+        ...data,
+        type: "warning",
+        message
+      });
+    };
+    this.loading = (message, data) => {
+      return this.create({
+        ...data,
+        type: "loading",
+        message
+      });
+    };
+    this.promise = (promise, data) => {
+      if (!data) {
+        return;
+      }
+      let id = void 0;
+      if (data.loading !== void 0) {
+        id = this.create({
+          ...data,
+          promise,
+          type: "loading",
+          message: data.loading,
+          description: typeof data.description !== "function" ? data.description : void 0
+        });
+      }
+      const p = Promise.resolve(promise instanceof Function ? promise() : promise);
+      let shouldDismiss = id !== void 0;
+      let result;
+      const originalPromise = p.then(async (response) => {
+        result = [
+          "resolve",
+          response
+        ];
+        const isReactElementResponse = React.isValidElement(response);
+        if (isReactElementResponse) {
+          shouldDismiss = false;
+          this.create({
+            id,
+            type: "default",
+            message: response
+          });
+        } else if (isHttpResponse(response) && !response.ok) {
+          shouldDismiss = false;
+          const promiseData = typeof data.error === "function" ? await data.error(`HTTP error! status: ${response.status}`) : data.error;
+          const description = typeof data.description === "function" ? await data.description(`HTTP error! status: ${response.status}`) : data.description;
+          const isExtendedResult = typeof promiseData === "object" && !React.isValidElement(promiseData);
+          const toastSettings = isExtendedResult ? promiseData : {
+            message: promiseData
+          };
+          this.create({
+            id,
+            type: "error",
+            description,
+            ...toastSettings
+          });
+        } else if (response instanceof Error) {
+          shouldDismiss = false;
+          const promiseData = typeof data.error === "function" ? await data.error(response) : data.error;
+          const description = typeof data.description === "function" ? await data.description(response) : data.description;
+          const isExtendedResult = typeof promiseData === "object" && !React.isValidElement(promiseData);
+          const toastSettings = isExtendedResult ? promiseData : {
+            message: promiseData
+          };
+          this.create({
+            id,
+            type: "error",
+            description,
+            ...toastSettings
+          });
+        } else if (data.success !== void 0) {
+          shouldDismiss = false;
+          const promiseData = typeof data.success === "function" ? await data.success(response) : data.success;
+          const description = typeof data.description === "function" ? await data.description(response) : data.description;
+          const isExtendedResult = typeof promiseData === "object" && !React.isValidElement(promiseData);
+          const toastSettings = isExtendedResult ? promiseData : {
+            message: promiseData
+          };
+          this.create({
+            id,
+            type: "success",
+            description,
+            ...toastSettings
+          });
+        }
+      }).catch(async (error) => {
+        result = [
+          "reject",
+          error
+        ];
+        if (data.error !== void 0) {
+          shouldDismiss = false;
+          const promiseData = typeof data.error === "function" ? await data.error(error) : data.error;
+          const description = typeof data.description === "function" ? await data.description(error) : data.description;
+          const isExtendedResult = typeof promiseData === "object" && !React.isValidElement(promiseData);
+          const toastSettings = isExtendedResult ? promiseData : {
+            message: promiseData
+          };
+          this.create({
+            id,
+            type: "error",
+            description,
+            ...toastSettings
+          });
+        }
+      }).finally(() => {
+        if (shouldDismiss) {
+          this.dismiss(id);
+          id = void 0;
+        }
+        data.finally == null ? void 0 : data.finally.call(data);
+      });
+      const unwrap = () => new Promise((resolve, reject) => originalPromise.then(() => result[0] === "reject" ? reject(result[1]) : resolve(result[1])).catch(reject));
+      if (typeof id !== "string" && typeof id !== "number") {
+        return {
+          unwrap
+        };
+      } else {
+        return Object.assign(id, {
+          unwrap
+        });
+      }
+    };
+    this.custom = (jsx2, data) => {
+      const id = (data == null ? void 0 : data.id) || toastsCounter++;
+      this.create({
+        jsx: jsx2(id),
+        id,
+        ...data
+      });
+      return id;
+    };
+    this.getActiveToasts = () => {
+      return this.toasts.filter((toast2) => !this.dismissedToasts.has(toast2.id));
+    };
+    this.subscribers = [];
+    this.toasts = [];
+    this.dismissedToasts = /* @__PURE__ */ new Set();
+  }
+};
+var ToastState = new Observer();
+var toastFunction = (message, data) => {
+  const id = (data == null ? void 0 : data.id) || toastsCounter++;
+  ToastState.addToast({
+    title: message,
+    ...data,
+    id
+  });
+  return id;
+};
+var isHttpResponse = (data) => {
+  return data && typeof data === "object" && "ok" in data && typeof data.ok === "boolean" && "status" in data && typeof data.status === "number";
+};
+var basicToast = toastFunction;
+var getHistory = () => ToastState.toasts;
+var getToasts = () => ToastState.getActiveToasts();
+var toast = Object.assign(basicToast, {
+  success: ToastState.success,
+  info: ToastState.info,
+  warning: ToastState.warning,
+  error: ToastState.error,
+  custom: ToastState.custom,
+  message: ToastState.message,
+  promise: ToastState.promise,
+  dismiss: ToastState.dismiss,
+  loading: ToastState.loading
+}, {
+  getHistory,
+  getToasts
+});
+__insertCSS("[data-sonner-toaster][dir=ltr],html[dir=ltr]{--toast-icon-margin-start:-3px;--toast-icon-margin-end:4px;--toast-svg-margin-start:-1px;--toast-svg-margin-end:0px;--toast-button-margin-start:auto;--toast-button-margin-end:0;--toast-close-button-start:0;--toast-close-button-end:unset;--toast-close-button-transform:translate(-35%, -35%)}[data-sonner-toaster][dir=rtl],html[dir=rtl]{--toast-icon-margin-start:4px;--toast-icon-margin-end:-3px;--toast-svg-margin-start:0px;--toast-svg-margin-end:-1px;--toast-button-margin-start:0;--toast-button-margin-end:auto;--toast-close-button-start:unset;--toast-close-button-end:0;--toast-close-button-transform:translate(35%, -35%)}[data-sonner-toaster]{position:fixed;width:var(--width);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;--gray1:hsl(0, 0%, 99%);--gray2:hsl(0, 0%, 97.3%);--gray3:hsl(0, 0%, 95.1%);--gray4:hsl(0, 0%, 93%);--gray5:hsl(0, 0%, 90.9%);--gray6:hsl(0, 0%, 88.7%);--gray7:hsl(0, 0%, 85.8%);--gray8:hsl(0, 0%, 78%);--gray9:hsl(0, 0%, 56.1%);--gray10:hsl(0, 0%, 52.3%);--gray11:hsl(0, 0%, 43.5%);--gray12:hsl(0, 0%, 9%);--border-radius:8px;box-sizing:border-box;padding:0;margin:0;list-style:none;outline:0;z-index:999999999;transition:transform .4s ease}@media (hover:none) and (pointer:coarse){[data-sonner-toaster][data-lifted=true]{transform:none}}[data-sonner-toaster][data-x-position=right]{right:var(--offset-right)}[data-sonner-toaster][data-x-position=left]{left:var(--offset-left)}[data-sonner-toaster][data-x-position=center]{left:50%;transform:translateX(-50%)}[data-sonner-toaster][data-y-position=top]{top:var(--offset-top)}[data-sonner-toaster][data-y-position=bottom]{bottom:var(--offset-bottom)}[data-sonner-toast]{--y:translateY(100%);--lift-amount:calc(var(--lift) * var(--gap));z-index:var(--z-index);position:absolute;opacity:0;transform:var(--y);touch-action:none;transition:transform .4s,opacity .4s,height .4s,box-shadow .2s;box-sizing:border-box;outline:0;overflow-wrap:anywhere}[data-sonner-toast][data-styled=true]{padding:16px;background:var(--normal-bg);border:1px solid var(--normal-border);color:var(--normal-text);border-radius:var(--border-radius);box-shadow:0 4px 12px rgba(0,0,0,.1);width:var(--width);font-size:13px;display:flex;align-items:center;gap:6px}[data-sonner-toast]:focus-visible{box-shadow:0 4px 12px rgba(0,0,0,.1),0 0 0 2px rgba(0,0,0,.2)}[data-sonner-toast][data-y-position=top]{top:0;--y:translateY(-100%);--lift:1;--lift-amount:calc(1 * var(--gap))}[data-sonner-toast][data-y-position=bottom]{bottom:0;--y:translateY(100%);--lift:-1;--lift-amount:calc(var(--lift) * var(--gap))}[data-sonner-toast][data-styled=true] [data-description]{font-weight:400;line-height:1.4;color:#3f3f3f}[data-rich-colors=true][data-sonner-toast][data-styled=true] [data-description]{color:inherit}[data-sonner-toaster][data-sonner-theme=dark] [data-description]{color:#e8e8e8}[data-sonner-toast][data-styled=true] [data-title]{font-weight:500;line-height:1.5;color:inherit}[data-sonner-toast][data-styled=true] [data-icon]{display:flex;height:16px;width:16px;position:relative;justify-content:flex-start;align-items:center;flex-shrink:0;margin-left:var(--toast-icon-margin-start);margin-right:var(--toast-icon-margin-end)}[data-sonner-toast][data-promise=true] [data-icon]>svg{opacity:0;transform:scale(.8);transform-origin:center;animation:sonner-fade-in .3s ease forwards}[data-sonner-toast][data-styled=true] [data-icon]>*{flex-shrink:0}[data-sonner-toast][data-styled=true] [data-icon] svg{margin-left:var(--toast-svg-margin-start);margin-right:var(--toast-svg-margin-end)}[data-sonner-toast][data-styled=true] [data-content]{display:flex;flex-direction:column;gap:2px}[data-sonner-toast][data-styled=true] [data-button]{border-radius:4px;padding-left:8px;padding-right:8px;height:24px;font-size:12px;color:var(--normal-bg);background:var(--normal-text);margin-left:var(--toast-button-margin-start);margin-right:var(--toast-button-margin-end);border:none;font-weight:500;cursor:pointer;outline:0;display:flex;align-items:center;flex-shrink:0;transition:opacity .4s,box-shadow .2s}[data-sonner-toast][data-styled=true] [data-button]:focus-visible{box-shadow:0 0 0 2px rgba(0,0,0,.4)}[data-sonner-toast][data-styled=true] [data-button]:first-of-type{margin-left:var(--toast-button-margin-start);margin-right:var(--toast-button-margin-end)}[data-sonner-toast][data-styled=true] [data-cancel]{color:var(--normal-text);background:rgba(0,0,0,.08)}[data-sonner-toaster][data-sonner-theme=dark] [data-sonner-toast][data-styled=true] [data-cancel]{background:rgba(255,255,255,.3)}[data-sonner-toast][data-styled=true] [data-close-button]{position:absolute;left:var(--toast-close-button-start);right:var(--toast-close-button-end);top:0;height:20px;width:20px;display:flex;justify-content:center;align-items:center;padding:0;color:var(--gray12);background:var(--normal-bg);border:1px solid var(--gray4);transform:var(--toast-close-button-transform);border-radius:50%;cursor:pointer;z-index:1;transition:opacity .1s,background .2s,border-color .2s}[data-sonner-toast][data-styled=true] [data-close-button]:focus-visible{box-shadow:0 4px 12px rgba(0,0,0,.1),0 0 0 2px rgba(0,0,0,.2)}[data-sonner-toast][data-styled=true] [data-disabled=true]{cursor:not-allowed}[data-sonner-toast][data-styled=true]:hover [data-close-button]:hover{background:var(--gray2);border-color:var(--gray5)}[data-sonner-toast][data-swiping=true]::before{content:'';position:absolute;left:-100%;right:-100%;height:100%;z-index:-1}[data-sonner-toast][data-y-position=top][data-swiping=true]::before{bottom:50%;transform:scaleY(3) translateY(50%)}[data-sonner-toast][data-y-position=bottom][data-swiping=true]::before{top:50%;transform:scaleY(3) translateY(-50%)}[data-sonner-toast][data-swiping=false][data-removed=true]::before{content:'';position:absolute;inset:0;transform:scaleY(2)}[data-sonner-toast][data-expanded=true]::after{content:'';position:absolute;left:0;height:calc(var(--gap) + 1px);bottom:100%;width:100%}[data-sonner-toast][data-mounted=true]{--y:translateY(0);opacity:1}[data-sonner-toast][data-expanded=false][data-front=false]{--scale:var(--toasts-before) * 0.05 + 1;--y:translateY(calc(var(--lift-amount) * var(--toasts-before))) scale(calc(-1 * var(--scale)));height:var(--front-toast-height)}[data-sonner-toast]>*{transition:opacity .4s}[data-sonner-toast][data-x-position=right]{right:0}[data-sonner-toast][data-x-position=left]{left:0}[data-sonner-toast][data-expanded=false][data-front=false][data-styled=true]>*{opacity:0}[data-sonner-toast][data-visible=false]{opacity:0;pointer-events:none}[data-sonner-toast][data-mounted=true][data-expanded=true]{--y:translateY(calc(var(--lift) * var(--offset)));height:var(--initial-height)}[data-sonner-toast][data-removed=true][data-front=true][data-swipe-out=false]{--y:translateY(calc(var(--lift) * -100%));opacity:0}[data-sonner-toast][data-removed=true][data-front=false][data-swipe-out=false][data-expanded=true]{--y:translateY(calc(var(--lift) * var(--offset) + var(--lift) * -100%));opacity:0}[data-sonner-toast][data-removed=true][data-front=false][data-swipe-out=false][data-expanded=false]{--y:translateY(40%);opacity:0;transition:transform .5s,opacity .2s}[data-sonner-toast][data-removed=true][data-front=false]::before{height:calc(var(--initial-height) + 20%)}[data-sonner-toast][data-swiping=true]{transform:var(--y) translateY(var(--swipe-amount-y,0)) translateX(var(--swipe-amount-x,0));transition:none}[data-sonner-toast][data-swiped=true]{user-select:none}[data-sonner-toast][data-swipe-out=true][data-y-position=bottom],[data-sonner-toast][data-swipe-out=true][data-y-position=top]{animation-duration:.2s;animation-timing-function:ease-out;animation-fill-mode:forwards}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=left]{animation-name:swipe-out-left}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=right]{animation-name:swipe-out-right}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=up]{animation-name:swipe-out-up}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=down]{animation-name:swipe-out-down}@keyframes swipe-out-left{from{transform:var(--y) translateX(var(--swipe-amount-x));opacity:1}to{transform:var(--y) translateX(calc(var(--swipe-amount-x) - 100%));opacity:0}}@keyframes swipe-out-right{from{transform:var(--y) translateX(var(--swipe-amount-x));opacity:1}to{transform:var(--y) translateX(calc(var(--swipe-amount-x) + 100%));opacity:0}}@keyframes swipe-out-up{from{transform:var(--y) translateY(var(--swipe-amount-y));opacity:1}to{transform:var(--y) translateY(calc(var(--swipe-amount-y) - 100%));opacity:0}}@keyframes swipe-out-down{from{transform:var(--y) translateY(var(--swipe-amount-y));opacity:1}to{transform:var(--y) translateY(calc(var(--swipe-amount-y) + 100%));opacity:0}}@media (max-width:600px){[data-sonner-toaster]{position:fixed;right:var(--mobile-offset-right);left:var(--mobile-offset-left);width:100%}[data-sonner-toaster][dir=rtl]{left:calc(var(--mobile-offset-left) * -1)}[data-sonner-toaster] [data-sonner-toast]{left:0;right:0;width:calc(100% - var(--mobile-offset-left) * 2)}[data-sonner-toaster][data-x-position=left]{left:var(--mobile-offset-left)}[data-sonner-toaster][data-y-position=bottom]{bottom:var(--mobile-offset-bottom)}[data-sonner-toaster][data-y-position=top]{top:var(--mobile-offset-top)}[data-sonner-toaster][data-x-position=center]{left:var(--mobile-offset-left);right:var(--mobile-offset-right);transform:none}}[data-sonner-toaster][data-sonner-theme=light]{--normal-bg:#fff;--normal-border:var(--gray4);--normal-text:var(--gray12);--success-bg:hsl(143, 85%, 96%);--success-border:hsl(145, 92%, 87%);--success-text:hsl(140, 100%, 27%);--info-bg:hsl(208, 100%, 97%);--info-border:hsl(221, 91%, 93%);--info-text:hsl(210, 92%, 45%);--warning-bg:hsl(49, 100%, 97%);--warning-border:hsl(49, 91%, 84%);--warning-text:hsl(31, 92%, 45%);--error-bg:hsl(359, 100%, 97%);--error-border:hsl(359, 100%, 94%);--error-text:hsl(360, 100%, 45%)}[data-sonner-toaster][data-sonner-theme=light] [data-sonner-toast][data-invert=true]{--normal-bg:#000;--normal-border:hsl(0, 0%, 20%);--normal-text:var(--gray1)}[data-sonner-toaster][data-sonner-theme=dark] [data-sonner-toast][data-invert=true]{--normal-bg:#fff;--normal-border:var(--gray3);--normal-text:var(--gray12)}[data-sonner-toaster][data-sonner-theme=dark]{--normal-bg:#000;--normal-bg-hover:hsl(0, 0%, 12%);--normal-border:hsl(0, 0%, 20%);--normal-border-hover:hsl(0, 0%, 25%);--normal-text:var(--gray1);--success-bg:hsl(150, 100%, 6%);--success-border:hsl(147, 100%, 12%);--success-text:hsl(150, 86%, 65%);--info-bg:hsl(215, 100%, 6%);--info-border:hsl(223, 43%, 17%);--info-text:hsl(216, 87%, 65%);--warning-bg:hsl(64, 100%, 6%);--warning-border:hsl(60, 100%, 9%);--warning-text:hsl(46, 87%, 65%);--error-bg:hsl(358, 76%, 10%);--error-border:hsl(357, 89%, 16%);--error-text:hsl(358, 100%, 81%)}[data-sonner-toaster][data-sonner-theme=dark] [data-sonner-toast] [data-close-button]{background:var(--normal-bg);border-color:var(--normal-border);color:var(--normal-text)}[data-sonner-toaster][data-sonner-theme=dark] [data-sonner-toast] [data-close-button]:hover{background:var(--normal-bg-hover);border-color:var(--normal-border-hover)}[data-rich-colors=true][data-sonner-toast][data-type=success]{background:var(--success-bg);border-color:var(--success-border);color:var(--success-text)}[data-rich-colors=true][data-sonner-toast][data-type=success] [data-close-button]{background:var(--success-bg);border-color:var(--success-border);color:var(--success-text)}[data-rich-colors=true][data-sonner-toast][data-type=info]{background:var(--info-bg);border-color:var(--info-border);color:var(--info-text)}[data-rich-colors=true][data-sonner-toast][data-type=info] [data-close-button]{background:var(--info-bg);border-color:var(--info-border);color:var(--info-text)}[data-rich-colors=true][data-sonner-toast][data-type=warning]{background:var(--warning-bg);border-color:var(--warning-border);color:var(--warning-text)}[data-rich-colors=true][data-sonner-toast][data-type=warning] [data-close-button]{background:var(--warning-bg);border-color:var(--warning-border);color:var(--warning-text)}[data-rich-colors=true][data-sonner-toast][data-type=error]{background:var(--error-bg);border-color:var(--error-border);color:var(--error-text)}[data-rich-colors=true][data-sonner-toast][data-type=error] [data-close-button]{background:var(--error-bg);border-color:var(--error-border);color:var(--error-text)}.sonner-loading-wrapper{--size:16px;height:var(--size);width:var(--size);position:absolute;inset:0;z-index:10}.sonner-loading-wrapper[data-visible=false]{transform-origin:center;animation:sonner-fade-out .2s ease forwards}.sonner-spinner{position:relative;top:50%;left:50%;height:var(--size);width:var(--size)}.sonner-loading-bar{animation:sonner-spin 1.2s linear infinite;background:var(--gray11);border-radius:6px;height:8%;left:-10%;position:absolute;top:-3.9%;width:24%}.sonner-loading-bar:first-child{animation-delay:-1.2s;transform:rotate(.0001deg) translate(146%)}.sonner-loading-bar:nth-child(2){animation-delay:-1.1s;transform:rotate(30deg) translate(146%)}.sonner-loading-bar:nth-child(3){animation-delay:-1s;transform:rotate(60deg) translate(146%)}.sonner-loading-bar:nth-child(4){animation-delay:-.9s;transform:rotate(90deg) translate(146%)}.sonner-loading-bar:nth-child(5){animation-delay:-.8s;transform:rotate(120deg) translate(146%)}.sonner-loading-bar:nth-child(6){animation-delay:-.7s;transform:rotate(150deg) translate(146%)}.sonner-loading-bar:nth-child(7){animation-delay:-.6s;transform:rotate(180deg) translate(146%)}.sonner-loading-bar:nth-child(8){animation-delay:-.5s;transform:rotate(210deg) translate(146%)}.sonner-loading-bar:nth-child(9){animation-delay:-.4s;transform:rotate(240deg) translate(146%)}.sonner-loading-bar:nth-child(10){animation-delay:-.3s;transform:rotate(270deg) translate(146%)}.sonner-loading-bar:nth-child(11){animation-delay:-.2s;transform:rotate(300deg) translate(146%)}.sonner-loading-bar:nth-child(12){animation-delay:-.1s;transform:rotate(330deg) translate(146%)}@keyframes sonner-fade-in{0%{opacity:0;transform:scale(.8)}100%{opacity:1;transform:scale(1)}}@keyframes sonner-fade-out{0%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(.8)}}@keyframes sonner-spin{0%{opacity:1}100%{opacity:.15}}@media (prefers-reduced-motion){.sonner-loading-bar,[data-sonner-toast],[data-sonner-toast]>*{transition:none!important;animation:none!important}}.sonner-loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transform-origin:center;transition:opacity .2s,transform .2s}.sonner-loader[data-visible=false]{opacity:0;transform:scale(.8) translate(-50%,-50%)}");
+function isAction(action) {
+  return action.label !== void 0;
+}
+var VISIBLE_TOASTS_AMOUNT = 3;
+var VIEWPORT_OFFSET = "24px";
+var MOBILE_VIEWPORT_OFFSET = "16px";
+var TOAST_LIFETIME = 4e3;
+var TOAST_WIDTH = 356;
+var GAP = 14;
+var SWIPE_THRESHOLD = 45;
+var TIME_BEFORE_UNMOUNT = 200;
+function cn(...classes) {
+  return classes.filter(Boolean).join(" ");
+}
+function getDefaultSwipeDirections(position) {
+  const [y, x] = position.split("-");
+  const directions = [];
+  if (y) {
+    directions.push(y);
+  }
+  if (x) {
+    directions.push(x);
+  }
+  return directions;
+}
+var Toast = (props) => {
+  var _toast_classNames, _toast_classNames1, _toast_classNames2, _toast_classNames3, _toast_classNames4, _toast_classNames5, _toast_classNames6, _toast_classNames7, _toast_classNames8;
+  const { invert: ToasterInvert, toast: toast2, unstyled, interacting, setHeights, visibleToasts, heights, index, toasts, expanded, removeToast, defaultRichColors, closeButton: closeButtonFromToaster, style, cancelButtonStyle, actionButtonStyle, className = "", descriptionClassName = "", duration: durationFromToaster, position, gap, expandByDefault, classNames, icons, closeButtonAriaLabel = "Close toast" } = props;
+  const [swipeDirection, setSwipeDirection] = React.useState(null);
+  const [swipeOutDirection, setSwipeOutDirection] = React.useState(null);
+  const [mounted, setMounted] = React.useState(false);
+  const [removed, setRemoved] = React.useState(false);
+  const [swiping, setSwiping] = React.useState(false);
+  const [swipeOut, setSwipeOut] = React.useState(false);
+  const [isSwiped, setIsSwiped] = React.useState(false);
+  const [offsetBeforeRemove, setOffsetBeforeRemove] = React.useState(0);
+  const [initialHeight, setInitialHeight] = React.useState(0);
+  const remainingTime = React.useRef(toast2.duration || durationFromToaster || TOAST_LIFETIME);
+  const dragStartTime = React.useRef(null);
+  const toastRef = React.useRef(null);
+  const isFront = index === 0;
+  const isVisible = index + 1 <= visibleToasts;
+  const toastType = toast2.type;
+  const dismissible = toast2.dismissible !== false;
+  const toastClassname = toast2.className || "";
+  const toastDescriptionClassname = toast2.descriptionClassName || "";
+  const heightIndex = React.useMemo(() => heights.findIndex((height) => height.toastId === toast2.id) || 0, [
+    heights,
+    toast2.id
+  ]);
+  const closeButton = React.useMemo(() => {
+    var _toast_closeButton;
+    return (_toast_closeButton = toast2.closeButton) != null ? _toast_closeButton : closeButtonFromToaster;
+  }, [
+    toast2.closeButton,
+    closeButtonFromToaster
+  ]);
+  const duration = React.useMemo(() => toast2.duration || durationFromToaster || TOAST_LIFETIME, [
+    toast2.duration,
+    durationFromToaster
+  ]);
+  const closeTimerStartTimeRef = React.useRef(0);
+  const offset = React.useRef(0);
+  const lastCloseTimerStartTimeRef = React.useRef(0);
+  const pointerStartRef = React.useRef(null);
+  const [y, x] = position.split("-");
+  const toastsHeightBefore = React.useMemo(() => {
+    return heights.reduce((prev, curr, reducerIndex) => {
+      if (reducerIndex >= heightIndex) {
+        return prev;
+      }
+      return prev + curr.height;
+    }, 0);
+  }, [
+    heights,
+    heightIndex
+  ]);
+  const isDocumentHidden = useIsDocumentHidden();
+  const invert = toast2.invert || ToasterInvert;
+  const disabled = toastType === "loading";
+  offset.current = React.useMemo(() => heightIndex * gap + toastsHeightBefore, [
+    heightIndex,
+    toastsHeightBefore
+  ]);
+  React.useEffect(() => {
+    remainingTime.current = duration;
+  }, [
+    duration
+  ]);
+  React.useEffect(() => {
+    setMounted(true);
+  }, []);
+  React.useEffect(() => {
+    const toastNode = toastRef.current;
+    if (toastNode) {
+      const height = toastNode.getBoundingClientRect().height;
+      setInitialHeight(height);
+      setHeights((h) => [
+        {
+          toastId: toast2.id,
+          height,
+          position: toast2.position
+        },
+        ...h
+      ]);
+      return () => setHeights((h) => h.filter((height2) => height2.toastId !== toast2.id));
+    }
+  }, [
+    setHeights,
+    toast2.id
+  ]);
+  React.useLayoutEffect(() => {
+    if (!mounted) return;
+    const toastNode = toastRef.current;
+    const originalHeight = toastNode.style.height;
+    toastNode.style.height = "auto";
+    const newHeight = toastNode.getBoundingClientRect().height;
+    toastNode.style.height = originalHeight;
+    setInitialHeight(newHeight);
+    setHeights((heights2) => {
+      const alreadyExists = heights2.find((height) => height.toastId === toast2.id);
+      if (!alreadyExists) {
+        return [
+          {
+            toastId: toast2.id,
+            height: newHeight,
+            position: toast2.position
+          },
+          ...heights2
+        ];
+      } else {
+        return heights2.map((height) => height.toastId === toast2.id ? {
+          ...height,
+          height: newHeight
+        } : height);
+      }
+    });
+  }, [
+    mounted,
+    toast2.title,
+    toast2.description,
+    setHeights,
+    toast2.id,
+    toast2.jsx,
+    toast2.action,
+    toast2.cancel
+  ]);
+  const deleteToast = React.useCallback(() => {
+    setRemoved(true);
+    setOffsetBeforeRemove(offset.current);
+    setHeights((h) => h.filter((height) => height.toastId !== toast2.id));
+    setTimeout(() => {
+      removeToast(toast2);
+    }, TIME_BEFORE_UNMOUNT);
+  }, [
+    toast2,
+    removeToast,
+    setHeights,
+    offset
+  ]);
+  React.useEffect(() => {
+    if (toast2.promise && toastType === "loading" || toast2.duration === Infinity || toast2.type === "loading") return;
+    let timeoutId;
+    const pauseTimer = () => {
+      if (lastCloseTimerStartTimeRef.current < closeTimerStartTimeRef.current) {
+        const elapsedTime = (/* @__PURE__ */ new Date()).getTime() - closeTimerStartTimeRef.current;
+        remainingTime.current = remainingTime.current - elapsedTime;
+      }
+      lastCloseTimerStartTimeRef.current = (/* @__PURE__ */ new Date()).getTime();
+    };
+    const startTimer = () => {
+      if (remainingTime.current === Infinity) return;
+      closeTimerStartTimeRef.current = (/* @__PURE__ */ new Date()).getTime();
+      timeoutId = setTimeout(() => {
+        toast2.onAutoClose == null ? void 0 : toast2.onAutoClose.call(toast2, toast2);
+        deleteToast();
+      }, remainingTime.current);
+    };
+    if (expanded || interacting || isDocumentHidden) {
+      pauseTimer();
     } else {
-      await checkout.open(product, fallback);
+      startTimer();
+    }
+    return () => clearTimeout(timeoutId);
+  }, [
+    expanded,
+    interacting,
+    toast2,
+    toastType,
+    isDocumentHidden,
+    deleteToast
+  ]);
+  React.useEffect(() => {
+    if (toast2.delete) {
+      deleteToast();
+      toast2.onDismiss == null ? void 0 : toast2.onDismiss.call(toast2, toast2);
+    }
+  }, [
+    deleteToast,
+    toast2.delete
+  ]);
+  function getLoadingIcon() {
+    var _toast_classNames9;
+    if (icons == null ? void 0 : icons.loading) {
+      var _toast_classNames12;
+      return /* @__PURE__ */ React.createElement("div", {
+        className: cn(classNames == null ? void 0 : classNames.loader, toast2 == null ? void 0 : (_toast_classNames12 = toast2.classNames) == null ? void 0 : _toast_classNames12.loader, "sonner-loader"),
+        "data-visible": toastType === "loading"
+      }, icons.loading);
+    }
+    return /* @__PURE__ */ React.createElement(Loader, {
+      className: cn(classNames == null ? void 0 : classNames.loader, toast2 == null ? void 0 : (_toast_classNames9 = toast2.classNames) == null ? void 0 : _toast_classNames9.loader),
+      visible: toastType === "loading"
+    });
+  }
+  const icon = toast2.icon || (icons == null ? void 0 : icons[toastType]) || getAsset(toastType);
+  var _toast_richColors, _icons_close;
+  return /* @__PURE__ */ React.createElement("li", {
+    tabIndex: 0,
+    ref: toastRef,
+    className: cn(className, toastClassname, classNames == null ? void 0 : classNames.toast, toast2 == null ? void 0 : (_toast_classNames = toast2.classNames) == null ? void 0 : _toast_classNames.toast, classNames == null ? void 0 : classNames.default, classNames == null ? void 0 : classNames[toastType], toast2 == null ? void 0 : (_toast_classNames1 = toast2.classNames) == null ? void 0 : _toast_classNames1[toastType]),
+    "data-sonner-toast": "",
+    "data-rich-colors": (_toast_richColors = toast2.richColors) != null ? _toast_richColors : defaultRichColors,
+    "data-styled": !Boolean(toast2.jsx || toast2.unstyled || unstyled),
+    "data-mounted": mounted,
+    "data-promise": Boolean(toast2.promise),
+    "data-swiped": isSwiped,
+    "data-removed": removed,
+    "data-visible": isVisible,
+    "data-y-position": y,
+    "data-x-position": x,
+    "data-index": index,
+    "data-front": isFront,
+    "data-swiping": swiping,
+    "data-dismissible": dismissible,
+    "data-type": toastType,
+    "data-invert": invert,
+    "data-swipe-out": swipeOut,
+    "data-swipe-direction": swipeOutDirection,
+    "data-expanded": Boolean(expanded || expandByDefault && mounted),
+    "data-testid": toast2.testId,
+    style: {
+      "--index": index,
+      "--toasts-before": index,
+      "--z-index": toasts.length - index,
+      "--offset": `${removed ? offsetBeforeRemove : offset.current}px`,
+      "--initial-height": expandByDefault ? "auto" : `${initialHeight}px`,
+      ...style,
+      ...toast2.style
+    },
+    onDragEnd: () => {
+      setSwiping(false);
+      setSwipeDirection(null);
+      pointerStartRef.current = null;
+    },
+    onPointerDown: (event) => {
+      if (event.button === 2) return;
+      if (disabled || !dismissible) return;
+      dragStartTime.current = /* @__PURE__ */ new Date();
+      setOffsetBeforeRemove(offset.current);
+      event.target.setPointerCapture(event.pointerId);
+      if (event.target.tagName === "BUTTON") return;
+      setSwiping(true);
+      pointerStartRef.current = {
+        x: event.clientX,
+        y: event.clientY
+      };
+    },
+    onPointerUp: () => {
+      var _toastRef_current, _toastRef_current1, _dragStartTime_current;
+      if (swipeOut || !dismissible) return;
+      pointerStartRef.current = null;
+      const swipeAmountX = Number(((_toastRef_current = toastRef.current) == null ? void 0 : _toastRef_current.style.getPropertyValue("--swipe-amount-x").replace("px", "")) || 0);
+      const swipeAmountY = Number(((_toastRef_current1 = toastRef.current) == null ? void 0 : _toastRef_current1.style.getPropertyValue("--swipe-amount-y").replace("px", "")) || 0);
+      const timeTaken = (/* @__PURE__ */ new Date()).getTime() - ((_dragStartTime_current = dragStartTime.current) == null ? void 0 : _dragStartTime_current.getTime());
+      const swipeAmount = swipeDirection === "x" ? swipeAmountX : swipeAmountY;
+      const velocity = Math.abs(swipeAmount) / timeTaken;
+      if (Math.abs(swipeAmount) >= SWIPE_THRESHOLD || velocity > 0.11) {
+        setOffsetBeforeRemove(offset.current);
+        toast2.onDismiss == null ? void 0 : toast2.onDismiss.call(toast2, toast2);
+        if (swipeDirection === "x") {
+          setSwipeOutDirection(swipeAmountX > 0 ? "right" : "left");
+        } else {
+          setSwipeOutDirection(swipeAmountY > 0 ? "down" : "up");
+        }
+        deleteToast();
+        setSwipeOut(true);
+        return;
+      } else {
+        var _toastRef_current2, _toastRef_current3;
+        (_toastRef_current2 = toastRef.current) == null ? void 0 : _toastRef_current2.style.setProperty("--swipe-amount-x", `0px`);
+        (_toastRef_current3 = toastRef.current) == null ? void 0 : _toastRef_current3.style.setProperty("--swipe-amount-y", `0px`);
+      }
+      setIsSwiped(false);
+      setSwiping(false);
+      setSwipeDirection(null);
+    },
+    onPointerMove: (event) => {
+      var _window_getSelection, _toastRef_current, _toastRef_current1;
+      if (!pointerStartRef.current || !dismissible) return;
+      const isHighlighted = ((_window_getSelection = window.getSelection()) == null ? void 0 : _window_getSelection.toString().length) > 0;
+      if (isHighlighted) return;
+      const yDelta = event.clientY - pointerStartRef.current.y;
+      const xDelta = event.clientX - pointerStartRef.current.x;
+      var _props_swipeDirections;
+      const swipeDirections = (_props_swipeDirections = props.swipeDirections) != null ? _props_swipeDirections : getDefaultSwipeDirections(position);
+      if (!swipeDirection && (Math.abs(xDelta) > 1 || Math.abs(yDelta) > 1)) {
+        setSwipeDirection(Math.abs(xDelta) > Math.abs(yDelta) ? "x" : "y");
+      }
+      let swipeAmount = {
+        x: 0,
+        y: 0
+      };
+      const getDampening = (delta) => {
+        const factor = Math.abs(delta) / 20;
+        return 1 / (1.5 + factor);
+      };
+      if (swipeDirection === "y") {
+        if (swipeDirections.includes("top") || swipeDirections.includes("bottom")) {
+          if (swipeDirections.includes("top") && yDelta < 0 || swipeDirections.includes("bottom") && yDelta > 0) {
+            swipeAmount.y = yDelta;
+          } else {
+            const dampenedDelta = yDelta * getDampening(yDelta);
+            swipeAmount.y = Math.abs(dampenedDelta) < Math.abs(yDelta) ? dampenedDelta : yDelta;
+          }
+        }
+      } else if (swipeDirection === "x") {
+        if (swipeDirections.includes("left") || swipeDirections.includes("right")) {
+          if (swipeDirections.includes("left") && xDelta < 0 || swipeDirections.includes("right") && xDelta > 0) {
+            swipeAmount.x = xDelta;
+          } else {
+            const dampenedDelta = xDelta * getDampening(xDelta);
+            swipeAmount.x = Math.abs(dampenedDelta) < Math.abs(xDelta) ? dampenedDelta : xDelta;
+          }
+        }
+      }
+      if (Math.abs(swipeAmount.x) > 0 || Math.abs(swipeAmount.y) > 0) {
+        setIsSwiped(true);
+      }
+      (_toastRef_current = toastRef.current) == null ? void 0 : _toastRef_current.style.setProperty("--swipe-amount-x", `${swipeAmount.x}px`);
+      (_toastRef_current1 = toastRef.current) == null ? void 0 : _toastRef_current1.style.setProperty("--swipe-amount-y", `${swipeAmount.y}px`);
+    }
+  }, closeButton && !toast2.jsx && toastType !== "loading" ? /* @__PURE__ */ React.createElement("button", {
+    "aria-label": closeButtonAriaLabel,
+    "data-disabled": disabled,
+    "data-close-button": true,
+    onClick: disabled || !dismissible ? () => {
+    } : () => {
+      deleteToast();
+      toast2.onDismiss == null ? void 0 : toast2.onDismiss.call(toast2, toast2);
+    },
+    className: cn(classNames == null ? void 0 : classNames.closeButton, toast2 == null ? void 0 : (_toast_classNames2 = toast2.classNames) == null ? void 0 : _toast_classNames2.closeButton)
+  }, (_icons_close = icons == null ? void 0 : icons.close) != null ? _icons_close : CloseIcon) : null, (toastType || toast2.icon || toast2.promise) && toast2.icon !== null && ((icons == null ? void 0 : icons[toastType]) !== null || toast2.icon) ? /* @__PURE__ */ React.createElement("div", {
+    "data-icon": "",
+    className: cn(classNames == null ? void 0 : classNames.icon, toast2 == null ? void 0 : (_toast_classNames3 = toast2.classNames) == null ? void 0 : _toast_classNames3.icon)
+  }, toast2.promise || toast2.type === "loading" && !toast2.icon ? toast2.icon || getLoadingIcon() : null, toast2.type !== "loading" ? icon : null) : null, /* @__PURE__ */ React.createElement("div", {
+    "data-content": "",
+    className: cn(classNames == null ? void 0 : classNames.content, toast2 == null ? void 0 : (_toast_classNames4 = toast2.classNames) == null ? void 0 : _toast_classNames4.content)
+  }, /* @__PURE__ */ React.createElement("div", {
+    "data-title": "",
+    className: cn(classNames == null ? void 0 : classNames.title, toast2 == null ? void 0 : (_toast_classNames5 = toast2.classNames) == null ? void 0 : _toast_classNames5.title)
+  }, toast2.jsx ? toast2.jsx : typeof toast2.title === "function" ? toast2.title() : toast2.title), toast2.description ? /* @__PURE__ */ React.createElement("div", {
+    "data-description": "",
+    className: cn(descriptionClassName, toastDescriptionClassname, classNames == null ? void 0 : classNames.description, toast2 == null ? void 0 : (_toast_classNames6 = toast2.classNames) == null ? void 0 : _toast_classNames6.description)
+  }, typeof toast2.description === "function" ? toast2.description() : toast2.description) : null), /* @__PURE__ */ React.isValidElement(toast2.cancel) ? toast2.cancel : toast2.cancel && isAction(toast2.cancel) ? /* @__PURE__ */ React.createElement("button", {
+    "data-button": true,
+    "data-cancel": true,
+    style: toast2.cancelButtonStyle || cancelButtonStyle,
+    onClick: (event) => {
+      if (!isAction(toast2.cancel)) return;
+      if (!dismissible) return;
+      toast2.cancel.onClick == null ? void 0 : toast2.cancel.onClick.call(toast2.cancel, event);
+      deleteToast();
+    },
+    className: cn(classNames == null ? void 0 : classNames.cancelButton, toast2 == null ? void 0 : (_toast_classNames7 = toast2.classNames) == null ? void 0 : _toast_classNames7.cancelButton)
+  }, toast2.cancel.label) : null, /* @__PURE__ */ React.isValidElement(toast2.action) ? toast2.action : toast2.action && isAction(toast2.action) ? /* @__PURE__ */ React.createElement("button", {
+    "data-button": true,
+    "data-action": true,
+    style: toast2.actionButtonStyle || actionButtonStyle,
+    onClick: (event) => {
+      if (!isAction(toast2.action)) return;
+      toast2.action.onClick == null ? void 0 : toast2.action.onClick.call(toast2.action, event);
+      if (event.defaultPrevented) return;
+      deleteToast();
+    },
+    className: cn(classNames == null ? void 0 : classNames.actionButton, toast2 == null ? void 0 : (_toast_classNames8 = toast2.classNames) == null ? void 0 : _toast_classNames8.actionButton)
+  }, toast2.action.label) : null);
+};
+function getDocumentDirection() {
+  if (typeof window === "undefined") return "ltr";
+  if (typeof document === "undefined") return "ltr";
+  const dirAttribute = document.documentElement.getAttribute("dir");
+  if (dirAttribute === "auto" || !dirAttribute) {
+    return window.getComputedStyle(document.documentElement).direction;
+  }
+  return dirAttribute;
+}
+function assignOffset(defaultOffset, mobileOffset) {
+  const styles = {};
+  [
+    defaultOffset,
+    mobileOffset
+  ].forEach((offset, index) => {
+    const isMobile = index === 1;
+    const prefix = isMobile ? "--mobile-offset" : "--offset";
+    const defaultValue = isMobile ? MOBILE_VIEWPORT_OFFSET : VIEWPORT_OFFSET;
+    function assignAll(offset2) {
+      [
+        "top",
+        "right",
+        "bottom",
+        "left"
+      ].forEach((key) => {
+        styles[`${prefix}-${key}`] = typeof offset2 === "number" ? `${offset2}px` : offset2;
+      });
+    }
+    if (typeof offset === "number" || typeof offset === "string") {
+      assignAll(offset);
+    } else if (typeof offset === "object") {
+      [
+        "top",
+        "right",
+        "bottom",
+        "left"
+      ].forEach((key) => {
+        if (offset[key] === void 0) {
+          styles[`${prefix}-${key}`] = defaultValue;
+        } else {
+          styles[`${prefix}-${key}`] = typeof offset[key] === "number" ? `${offset[key]}px` : offset[key];
+        }
+      });
+    } else {
+      assignAll(defaultValue);
     }
-  };
-  return trigger(start, {
-    asChild,
-    children: children ?? "Add to my plan",
-    className,
-    disabled: checkout.isLoading
   });
-}
+  return styles;
+}
+var Toaster = /* @__PURE__ */ React.forwardRef(function Toaster2(props, ref) {
+  const { id, invert, position = "bottom-right", hotkey = [
+    "altKey",
+    "KeyT"
+  ], expand, closeButton, className, offset, mobileOffset, theme = "light", richColors, duration, style, visibleToasts = VISIBLE_TOASTS_AMOUNT, toastOptions, dir = getDocumentDirection(), gap = GAP, icons, containerAriaLabel = "Notifications" } = props;
+  const [toasts, setToasts] = React.useState([]);
+  const filteredToasts = React.useMemo(() => {
+    if (id) {
+      return toasts.filter((toast2) => toast2.toasterId === id);
+    }
+    return toasts.filter((toast2) => !toast2.toasterId);
+  }, [
+    toasts,
+    id
+  ]);
+  const possiblePositions = React.useMemo(() => {
+    return Array.from(new Set([
+      position
+    ].concat(filteredToasts.filter((toast2) => toast2.position).map((toast2) => toast2.position))));
+  }, [
+    filteredToasts,
+    position
+  ]);
+  const [heights, setHeights] = React.useState([]);
+  const [expanded, setExpanded] = React.useState(false);
+  const [interacting, setInteracting] = React.useState(false);
+  const [actualTheme, setActualTheme] = React.useState(theme !== "system" ? theme : typeof window !== "undefined" ? window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light" : "light");
+  const listRef = React.useRef(null);
+  const hotkeyLabel = hotkey.join("+").replace(/Key/g, "").replace(/Digit/g, "");
+  const lastFocusedElementRef = React.useRef(null);
+  const isFocusWithinRef = React.useRef(false);
+  const removeToast = React.useCallback((toastToRemove) => {
+    setToasts((toasts2) => {
+      var _toasts_find;
+      if (!((_toasts_find = toasts2.find((toast2) => toast2.id === toastToRemove.id)) == null ? void 0 : _toasts_find.delete)) {
+        ToastState.dismiss(toastToRemove.id);
+      }
+      return toasts2.filter(({ id: id2 }) => id2 !== toastToRemove.id);
+    });
+  }, []);
+  React.useEffect(() => {
+    return ToastState.subscribe((toast2) => {
+      if (toast2.dismiss) {
+        requestAnimationFrame(() => {
+          setToasts((toasts2) => toasts2.map((t) => t.id === toast2.id ? {
+            ...t,
+            delete: true
+          } : t));
+        });
+        return;
+      }
+      setTimeout(() => {
+        ReactDOM.flushSync(() => {
+          setToasts((toasts2) => {
+            const indexOfExistingToast = toasts2.findIndex((t) => t.id === toast2.id);
+            if (indexOfExistingToast !== -1) {
+              return [
+                ...toasts2.slice(0, indexOfExistingToast),
+                {
+                  ...toasts2[indexOfExistingToast],
+                  ...toast2
+                },
+                ...toasts2.slice(indexOfExistingToast + 1)
+              ];
+            }
+            return [
+              toast2,
+              ...toasts2
+            ];
+          });
+        });
+      });
+    });
+  }, [
+    toasts
+  ]);
+  React.useEffect(() => {
+    if (theme !== "system") {
+      setActualTheme(theme);
+      return;
+    }
+    if (theme === "system") {
+      if (window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches) {
+        setActualTheme("dark");
+      } else {
+        setActualTheme("light");
+      }
+    }
+    if (typeof window === "undefined") return;
+    const darkMediaQuery = window.matchMedia("(prefers-color-scheme: dark)");
+    try {
+      darkMediaQuery.addEventListener("change", ({ matches }) => {
+        if (matches) {
+          setActualTheme("dark");
+        } else {
+          setActualTheme("light");
+        }
+      });
+    } catch (error) {
+      darkMediaQuery.addListener(({ matches }) => {
+        try {
+          if (matches) {
+            setActualTheme("dark");
+          } else {
+            setActualTheme("light");
+          }
+        } catch (e) {
+          console.error(e);
+        }
+      });
+    }
+  }, [
+    theme
+  ]);
+  React.useEffect(() => {
+    if (toasts.length <= 1) {
+      setExpanded(false);
+    }
+  }, [
+    toasts
+  ]);
+  React.useEffect(() => {
+    const handleKeyDown = (event) => {
+      var _listRef_current;
+      const isHotkeyPressed = hotkey.every((key) => event[key] || event.code === key);
+      if (isHotkeyPressed) {
+        var _listRef_current1;
+        setExpanded(true);
+        (_listRef_current1 = listRef.current) == null ? void 0 : _listRef_current1.focus();
+      }
+      if (event.code === "Escape" && (document.activeElement === listRef.current || ((_listRef_current = listRef.current) == null ? void 0 : _listRef_current.contains(document.activeElement)))) {
+        setExpanded(false);
+      }
+    };
+    document.addEventListener("keydown", handleKeyDown);
+    return () => document.removeEventListener("keydown", handleKeyDown);
+  }, [
+    hotkey
+  ]);
+  React.useEffect(() => {
+    if (listRef.current) {
+      return () => {
+        if (lastFocusedElementRef.current) {
+          lastFocusedElementRef.current.focus({
+            preventScroll: true
+          });
+          lastFocusedElementRef.current = null;
+          isFocusWithinRef.current = false;
+        }
+      };
+    }
+  }, [
+    listRef.current
+  ]);
+  return (
+    // Remove item from normal navigation flow, only available via hotkey
+    /* @__PURE__ */ React.createElement("section", {
+      ref,
+      "aria-label": `${containerAriaLabel} ${hotkeyLabel}`,
+      tabIndex: -1,
+      "aria-live": "polite",
+      "aria-relevant": "additions text",
+      "aria-atomic": "false",
+      suppressHydrationWarning: true
+    }, possiblePositions.map((position2, index) => {
+      var _heights_;
+      const [y, x] = position2.split("-");
+      if (!filteredToasts.length) return null;
+      return /* @__PURE__ */ React.createElement("ol", {
+        key: position2,
+        dir: dir === "auto" ? getDocumentDirection() : dir,
+        tabIndex: -1,
+        ref: listRef,
+        className,
+        "data-sonner-toaster": true,
+        "data-sonner-theme": actualTheme,
+        "data-y-position": y,
+        "data-x-position": x,
+        style: {
+          "--front-toast-height": `${((_heights_ = heights[0]) == null ? void 0 : _heights_.height) || 0}px`,
+          "--width": `${TOAST_WIDTH}px`,
+          "--gap": `${gap}px`,
+          ...style,
+          ...assignOffset(offset, mobileOffset)
+        },
+        onBlur: (event) => {
+          if (isFocusWithinRef.current && !event.currentTarget.contains(event.relatedTarget)) {
+            isFocusWithinRef.current = false;
+            if (lastFocusedElementRef.current) {
+              lastFocusedElementRef.current.focus({
+                preventScroll: true
+              });
+              lastFocusedElementRef.current = null;
+            }
+          }
+        },
+        onFocus: (event) => {
+          const isNotDismissible = event.target instanceof HTMLElement && event.target.dataset.dismissible === "false";
+          if (isNotDismissible) return;
+          if (!isFocusWithinRef.current) {
+            isFocusWithinRef.current = true;
+            lastFocusedElementRef.current = event.relatedTarget;
+          }
+        },
+        onMouseEnter: () => setExpanded(true),
+        onMouseMove: () => setExpanded(true),
+        onMouseLeave: () => {
+          if (!interacting) {
+            setExpanded(false);
+          }
+        },
+        onDragEnd: () => setExpanded(false),
+        onPointerDown: (event) => {
+          const isNotDismissible = event.target instanceof HTMLElement && event.target.dataset.dismissible === "false";
+          if (isNotDismissible) return;
+          setInteracting(true);
+        },
+        onPointerUp: () => setInteracting(false)
+      }, filteredToasts.filter((toast2) => !toast2.position && index === 0 || toast2.position === position2).map((toast2, index2) => {
+        var _toastOptions_duration, _toastOptions_closeButton;
+        return /* @__PURE__ */ React.createElement(Toast, {
+          key: toast2.id,
+          icons,
+          index: index2,
+          toast: toast2,
+          defaultRichColors: richColors,
+          duration: (_toastOptions_duration = toastOptions == null ? void 0 : toastOptions.duration) != null ? _toastOptions_duration : duration,
+          className: toastOptions == null ? void 0 : toastOptions.className,
+          descriptionClassName: toastOptions == null ? void 0 : toastOptions.descriptionClassName,
+          invert,
+          visibleToasts,
+          closeButton: (_toastOptions_closeButton = toastOptions == null ? void 0 : toastOptions.closeButton) != null ? _toastOptions_closeButton : closeButton,
+          interacting,
+          position: position2,
+          style: toastOptions == null ? void 0 : toastOptions.style,
+          unstyled: toastOptions == null ? void 0 : toastOptions.unstyled,
+          classNames: toastOptions == null ? void 0 : toastOptions.classNames,
+          cancelButtonStyle: toastOptions == null ? void 0 : toastOptions.cancelButtonStyle,
+          actionButtonStyle: toastOptions == null ? void 0 : toastOptions.actionButtonStyle,
+          closeButtonAriaLabel: toastOptions == null ? void 0 : toastOptions.closeButtonAriaLabel,
+          removeToast,
+          toasts: filteredToasts.filter((t) => t.position == toast2.position),
+          heights: heights.filter((h) => h.position == toast2.position),
+          setHeights,
+          expandByDefault: expand,
+          gap,
+          expanded,
+          swipeDirections: props.swipeDirections
+        });
+      }));
+    }))
+  );
+});
 function FunnelToaster(props = {}) {
   return createElement(Toaster, { position: "top-center", ...props });
 }
 function renderToaster(toaster) {
   if (toaster === false) return null;
-  return createElement(Toaster, { position: "top-center", ...toaster === true ? {} : toaster });
+  return /* @__PURE__ */ jsx(FunnelToaster, { ...toaster === true ? {} : toaster });
 }
 
 // src/state/namespaces.ts
@@ -1610,7 +2952,8 @@ var Namespace = class {
     const out = {};
     const all = this.store.getState();
     for (const key in all) {
-      if (key.startsWith(this.dot)) out[key.slice(this.dot.length)] = all[key];
+      if (key.startsWith(this.dot))
+        out[key.slice(this.dot.length)] = all[key];
     }
     return out;
   }
@@ -1656,9 +2999,10 @@ var FunnelCtx = createContext(null);
 function FunnelProvider({
   config,
   sessionValues,
+  deferSessionValues = false,
   tracker,
   context: contextOpts,
-  products,
+  offerings,
   experiments,
   checkout,
   messages,
@@ -1671,7 +3015,12 @@ function FunnelProvider({
   const [value] = useState(() => {
     const s = store ?? createFunnelStore(
       { responses: config?.responses, data: config?.data },
-      sessionValues
+      // FLASH-FREE HYDRATION: with deferSessionValues the initial render is seeded with
+      // DEFAULTS ONLY, so the client's first render is byte-identical to the build-time
+      // DEFAULT-state prerender it hydrates against (clean match). The visitor's saved
+      // answers arrive as a post-hydration setMany below. Without the flag, sessionValues
+      // seed the store at construction (SSR + non-prerendered paths).
+      deferSessionValues ? void 0 : sessionValues
     );
     const ctx = buildContext({
       funnelId: config?.id,
@@ -1685,17 +3034,37 @@ function FunnelProvider({
       getVisitorId: () => ctx.identity.visitorId
     });
     const busTracker = withBus(resolvedTracker, bus);
+    const emailForCheckout = () => {
+      const value2 = s.get("user.email");
+      return typeof value2 === "string" && /^[^\s@]+@[^\s@]+\.[^\s@]{2,}$/.test(value2) ? value2 : void 0;
+    };
+    const catalog = buildCatalog(offerings ?? []);
     return {
       funnel: createFunnel(s, ctx, busTracker, experiments ?? []),
       store: s,
       context: ctx,
-      catalog: buildCatalog(products ?? []),
-      driver: checkout ?? createMockDriver(),
+      catalog,
+      // Slot → catalog-key resolution wraps the email-enriching driver, so the wire charges the real
+      // catalog key while pages + analytics keep the durable SLOT identity (req.product).
+      driver: driverWithCatalog(
+        driverWithEmail(
+          checkout ?? createMockDriver(),
+          emailForCheckout
+        ),
+        catalog
+      ),
       tracker: busTracker,
       bus
     };
   });
   useEffect(() => attachBus(value.bus), [value.bus]);
+  useEffect(() => {
+    if (!deferSessionValues || !sessionValues) return;
+    const updates = {};
+    for (const [key, v] of Object.entries(sessionValues))
+      if (v !== void 0) updates[key] = v;
+    if (Object.keys(updates).length > 0) value.store.setMany(updates);
+  }, []);
   useEffect(() => {
     value.tracker.setAcquisition?.(buildAcquisition(value.context));
   }, [value]);
@@ -1724,13 +3093,18 @@ var FALLBACK_TRACKER = createConsoleTracker({ silent: true });
 function useFunnelCtx() {
   const ctx = useContext(FunnelCtx);
   if (!ctx) {
-    throw new Error("useFunnel/useResponse/\u2026 must be used inside <FunnelProvider>");
+    throw new Error(
+      "useFunnel/useResponse/\u2026 must be used inside <FunnelProvider>"
+    );
   }
   return ctx;
 }
 function useFunnel() {
   return useFunnelCtx().funnel;
 }
+function useBusInternal() {
+  return useContext(FunnelCtx)?.bus ?? null;
+}
 function useStoreKey(store, key) {
   const subscribe = useCallback(
     (cb) => store.subscribe(cb, { keys: [key] }),
@@ -1759,7 +3133,9 @@ function useField(path) {
   const key = path.slice(dot + 1);
   const { funnel, store } = useFunnelCtx();
   if (!(ns in NAMESPACE_PREFIX)) {
-    throw new Error(`useField: "${path}" is not a writable namespace (user/responses/data)`);
+    throw new Error(
+      `useField: "${path}" is not a writable namespace (user/responses/data)`
+    );
   }
   const value = useStoreKey(store, `${NAMESPACE_PREFIX[ns]}.${key}`);
   const set = useCallback(
@@ -1789,10 +3165,403 @@ function useSystem() {
 function useContextValue(path) {
   const ctx = useContextObject();
   return useMemo(
-    () => path.split(".").reduce((acc, k) => acc?.[k], ctx),
+    () => path.split(".").reduce(
+      (acc, k) => acc?.[k],
+      ctx
+    ),
     [ctx, path]
   );
 }
+
+// src/tracking/snapshotPersistence.ts
+function createSnapshotPersistence(opts) {
+  const baseDelay = opts.baseDelayMs ?? 1e3;
+  const maxDelay = opts.maxDelayMs ?? 3e4;
+  const setT = opts.timers?.setTimeout ?? ((fn, ms) => setTimeout(fn, ms));
+  const clearT = opts.timers?.clearTimeout ?? ((h) => clearTimeout(h));
+  const rand = opts.random ?? Math.random;
+  let pending = null;
+  let seq = 0;
+  let pendingSeq = 0;
+  let inFlight = false;
+  let attempt = 0;
+  let retryTimer = null;
+  let disposed = false;
+  let fatalSeq = -1;
+  const clearRetry = () => {
+    if (retryTimer !== null) {
+      clearT(retryTimer);
+      retryTimer = null;
+    }
+  };
+  const buildBody = (snapshot, s) => JSON.stringify({ sessionId: opts.getSessionId(), userData: snapshot, seq: s });
+  const trySend = () => {
+    if (disposed || inFlight || pending === null) return;
+    if (retryTimer !== null) return;
+    const sessionId = opts.getSessionId();
+    if (!sessionId) return;
+    if (typeof navigator !== "undefined" && navigator.onLine === false) return;
+    if (pendingSeq === fatalSeq) return;
+    const snapshot = pending;
+    const sentSeq = pendingSeq;
+    const body = buildBody(snapshot, sentSeq);
+    inFlight = true;
+    void fetch(opts.url, {
+      method: "POST",
+      headers: { "content-type": "application/json" },
+      body,
+      keepalive: true
+    }).then((res) => {
+      inFlight = false;
+      if (disposed) return;
+      if (res.ok) {
+        attempt = 0;
+        if (pendingSeq === sentSeq) pending = null;
+        else trySend();
+        return;
+      }
+      if (res.status >= 400 && res.status < 500) {
+        if (process.env.NODE_ENV !== "production") {
+          console.warn(
+            `[appfunnel] snapshot persist rejected ${res.status} (dropping snapshot; check session/payload)`
+          );
+        }
+        fatalSeq = sentSeq;
+        if (pendingSeq === sentSeq) pending = null;
+        else trySend();
+        return;
+      }
+      scheduleRetry();
+    }).catch(() => {
+      inFlight = false;
+      if (disposed) return;
+      scheduleRetry();
+    });
+  };
+  const scheduleRetry = () => {
+    if (disposed || pending === null) return;
+    const exp = Math.min(maxDelay, baseDelay * 2 ** attempt);
+    const delay2 = Math.round(exp * (0.5 + rand() * 0.5));
+    attempt++;
+    clearRetry();
+    retryTimer = setT(() => {
+      retryTimer = null;
+      trySend();
+    }, delay2);
+  };
+  const push = (snapshot) => {
+    if (disposed) return;
+    pending = snapshot;
+    pendingSeq = ++seq;
+    if (fatalSeq !== -1 && pendingSeq !== fatalSeq) fatalSeq = -1;
+    if (retryTimer === null) trySend();
+  };
+  const flushBeacon = () => {
+    if (disposed || pending === null) return;
+    const sessionId = opts.getSessionId();
+    if (!sessionId) return;
+    const body = buildBody(pending, pendingSeq);
+    let delivered = false;
+    if (typeof navigator !== "undefined" && typeof navigator.sendBeacon === "function") {
+      try {
+        delivered = navigator.sendBeacon(
+          opts.url,
+          new Blob([body], { type: "application/json" })
+        );
+      } catch {
+        delivered = false;
+      }
+    }
+    if (!delivered) {
+      try {
+        void fetch(opts.url, {
+          method: "POST",
+          headers: { "content-type": "application/json" },
+          body,
+          keepalive: true
+        }).catch(() => {
+        });
+        delivered = true;
+      } catch {
+        delivered = false;
+      }
+    }
+    if (delivered) pending = null;
+  };
+  const onHidden = () => {
+    if (typeof document !== "undefined" && document.visibilityState === "hidden") {
+      flushBeacon();
+    }
+  };
+  const onPageHide = () => flushBeacon();
+  const onOnline = () => trySend();
+  if (typeof window !== "undefined" && typeof window.addEventListener === "function") {
+    try {
+      document.addEventListener("visibilitychange", onHidden);
+      window.addEventListener("pagehide", onPageHide);
+      window.addEventListener("online", onOnline);
+    } catch {
+    }
+  }
+  const dispose = () => {
+    disposed = true;
+    clearRetry();
+    pending = null;
+    if (typeof window !== "undefined" && typeof window.removeEventListener === "function") {
+      try {
+        document.removeEventListener("visibilitychange", onHidden);
+        window.removeEventListener("pagehide", onPageHide);
+        window.removeEventListener("online", onOnline);
+      } catch {
+      }
+    }
+  };
+  return { push, flushBeacon, dispose };
+}
+
+// src/tracking/platformTracker.ts
+function validClickIds(acq) {
+  return Object.entries(acq.clickIds ?? {}).filter(
+    (e) => typeof e[1] === "string" && e[1] !== ""
+  );
+}
+function acquisitionQueryBag(acq) {
+  const q = {};
+  const utm = acq.utm ?? {};
+  for (const [k, v] of Object.entries({
+    utm_source: utm.source,
+    utm_medium: utm.medium,
+    utm_campaign: utm.campaign,
+    utm_term: utm.term,
+    utm_content: utm.content
+  })) if (v) q[k] = v;
+  for (const [k, v] of validClickIds(acq)) q[k] = v;
+  if (acq.cookies?.fbp) q._fbp = acq.cookies.fbp;
+  if (acq.cookies?.fbc) q._fbc = acq.cookies.fbc;
+  return q;
+}
+function acquisitionAdAttribution(acq) {
+  const a = {};
+  for (const [k, v] of validClickIds(acq)) a[k] = v;
+  if (acq.cookies?.fbp) a.fbp = acq.cookies.fbp;
+  if (acq.cookies?.fbc) a.fbc = acq.cookies.fbc;
+  else if (acq.clickIds?.fbclid) a.fbc = `fb.1.${Date.now()}.${acq.clickIds.fbclid}`;
+  return a;
+}
+function createPlatformTracker(cfg) {
+  if (typeof window === "undefined" || cfg.mode === "test") return createConsoleTracker();
+  const base = cfg.apiBase.replace(/\/+$/, "");
+  const url = `${base}/campaign/${encodeURIComponent(cfg.campaignId)}/event`;
+  const landingUrl = window.location.href;
+  const sidKey = `af_sid:${cfg.campaignId}`;
+  let sessionId = null;
+  try {
+    sessionId = window.sessionStorage.getItem(sidKey);
+  } catch {
+  }
+  if (!sessionId && cfg.sessionId) sessionId = cfg.sessionId;
+  let acquisition = null;
+  let acquisitionSent = false;
+  let chain = Promise.resolve();
+  const send = async (event, data, userData) => {
+    let mergedUserData = landingUrl ? { landingUrl, ...userData } : userData;
+    let adAttribution;
+    let attachingAcquisition = false;
+    if (acquisition && !acquisitionSent) {
+      attachingAcquisition = true;
+      const query = acquisitionQueryBag(acquisition);
+      if (Object.keys(query).length) mergedUserData = { ...mergedUserData, query };
+      const ad = acquisitionAdAttribution(acquisition);
+      if (Object.keys(ad).length) adAttribution = ad;
+    }
+    const body = {
+      campaignId: cfg.campaignId,
+      funnelId: cfg.funnelId,
+      event,
+      sessionId: sessionId ?? void 0,
+      visitorId: cfg.visitorId ?? void 0,
+      // Campaign route stamp (campaign-routing pivot): ingestion reads this ONLY at session create
+      // (WebFunnelSession.campaignRouteId, snapshot semantics) — carried on every event but ignored
+      // once the session exists. Undefined ⇒ default funnel / no route matched.
+      campaignRouteId: cfg.route?.id ?? void 0,
+      eventId: typeof data?.eventId === "string" ? data.eventId : void 0,
+      data: data ?? {},
+      metadata: {
+        language: typeof navigator !== "undefined" ? navigator.language : void 0,
+        screen: typeof window.screen !== "undefined" ? `${window.screen.width}x${window.screen.height}` : void 0,
+        timezone: (() => {
+          try {
+            return Intl.DateTimeFormat().resolvedOptions().timeZone;
+          } catch {
+            return void 0;
+          }
+        })(),
+        referrer: typeof document !== "undefined" && document.referrer ? document.referrer : void 0
+      },
+      ...mergedUserData ? { userData: mergedUserData } : {},
+      ...adAttribution ? { adAttribution } : {}
+    };
+    const res = await fetch(url, {
+      method: "POST",
+      headers: { "content-type": "application/json" },
+      body: JSON.stringify(body),
+      keepalive: true
+      // survives page.exit / unload
+    });
+    if (attachingAcquisition) acquisitionSent = true;
+    const json = await res.json().catch(() => null);
+    if (json?.sessionId && json.sessionId !== sessionId) {
+      sessionId = json.sessionId;
+      try {
+        window.sessionStorage.setItem(sidKey, sessionId);
+      } catch {
+      }
+    }
+  };
+  const enqueue = (event, data, userData) => {
+    const task = () => send(event, data, userData).catch((e) => {
+      if (process.env.NODE_ENV !== "production") console.warn(`[appfunnel] track failed (${event}):`, e);
+    });
+    if (!sessionId) {
+      chain = chain.then(task);
+    } else {
+      void task();
+    }
+  };
+  const VARS_DEBOUNCE_MS = 800;
+  const dataUrl = `${base}/campaign/${encodeURIComponent(cfg.campaignId)}/event/session/data`;
+  let pendingVars = null;
+  let varsTimer = null;
+  const persistence = createSnapshotPersistence({
+    url: dataUrl,
+    getSessionId: () => sessionId
+  });
+  const flushVars = () => {
+    if (varsTimer) {
+      clearTimeout(varsTimer);
+      varsTimer = null;
+    }
+    if (!pendingVars) return;
+    const snapshot = pendingVars;
+    pendingVars = null;
+    persistence.push(snapshot);
+    if (!sessionId) chain = chain.then(() => {
+      persistence.push(snapshot);
+    });
+  };
+  const drainOnExit = () => {
+    if (pendingVars) {
+      flushVars();
+      persistence.flushBeacon();
+    }
+  };
+  try {
+    window.addEventListener("visibilitychange", drainOnExit);
+    window.addEventListener("pagehide", drainOnExit);
+  } catch {
+  }
+  if (cfg.experiment?.id && cfg.experiment.variant) {
+    enqueue("experiment.exposure", exposurePayload(cfg.experiment.id, cfg.experiment.variant, cfg.experiment.version));
+  }
+  return {
+    track: (event, data, userData) => enqueue(event, data, userData),
+    identify: (email, eventId) => enqueue("user.registered", { email, ...eventId ? { eventId } : {} }),
+    setVariables: (variables) => {
+      pendingVars = variables;
+      if (varsTimer) clearTimeout(varsTimer);
+      varsTimer = setTimeout(flushVars, VARS_DEBOUNCE_MS);
+    },
+    setAcquisition: (acq) => {
+      acquisition = acq;
+    }
+  };
+}
+
+// src/flow/mount.tsx
+var AssetsContext = createContext({});
+function AssetsProvider({
+  assets,
+  children
+}) {
+  return createElement(AssetsContext.Provider, { value: assets ?? {} }, children);
+}
+function useAssets() {
+  return useContext(AssetsContext);
+}
+function useAsset(name) {
+  return useContext(AssetsContext)[name];
+}
+function createFunnelTree({
+  config,
+  pages,
+  layout,
+  checkoutDriver,
+  messages
+}) {
+  return function tree(opts) {
+    const mode = opts.mode ?? "live";
+    const embedEnabled = opts.embed ?? false;
+    const tracker = opts.tracking ? createPlatformTracker({
+      ...opts.tracking,
+      visitorId: opts.visitorId,
+      sessionId: opts.sessionId,
+      mode
+    }) : void 0;
+    const checkout = checkoutDriver && opts.tracking ? checkoutDriver({
+      apiBase: opts.tracking.apiBase,
+      campaignId: opts.tracking.campaignId,
+      funnelId: opts.tracking.funnelId,
+      mode,
+      sessionId: opts.sessionId,
+      visitorId: opts.visitorId
+    }) : void 0;
+    const layoutWithResume = function LayoutWithCheckoutResume({
+      children
+    }) {
+      return createElement(
+        Fragment,
+        null,
+        createElement(CheckoutResume, null),
+        embedEnabled ? createElement(EmbedBridge, null) : null,
+        layout ? createElement(layout, null, children) : children
+      );
+    };
+    return createElement(AssetsProvider, {
+      assets: opts.assets,
+      children: createElement(FunnelProvider, {
+        config,
+        offerings: opts.offerings ?? [],
+        messages: opts.messages ?? messages,
+        locale: opts.locale,
+        tracker,
+        checkout,
+        sessionValues: opts.sessionValues,
+        deferSessionValues: opts.deferSessionValues,
+        experiments: opts.experiments,
+        context: {
+          mode,
+          visitorId: opts.visitorId ?? null,
+          customerId: opts.customerId ?? null,
+          sessionId: opts.sessionId ?? null
+        },
+        children: createElement(FunnelView, {
+          pages,
+          layout: layoutWithResume,
+          initialKey: opts.initialKey,
+          // FLASH-FREE HYDRATION (Option B, FIX 1): trust the SERVER-resolved initialKey instead of
+          // re-running the entry guard. The CLIENT sets this via deferSessionValues (its deferred
+          // snapshot is empty, so re-running the guard would bounce a qualified deep-link and
+          // mismatch the markup). The build-time PRERENDER sets `trustInitialKey` explicitly so a
+          // guarded page prerenders its OWN default-state markup (the renderer picks target-vs-bounce
+          // at serve time). Live SSR fallback leaves both off → the guard runs against real values.
+          trustInitialKey: opts.trustInitialKey ?? opts.deferSessionValues,
+          prefetch: "off"
+          // renderer background-modulepreloads all chunks
+        })
+      })
+    });
+  };
+}
 function Choice({
   bind,
   options,
@@ -1932,95 +3701,6 @@ function Script({
   return null;
 }
 
-// src/manifest/manifest.ts
-function isVariantNode(page) {
-  return isVariantKey(page.key);
-}
-function serializeGate(when) {
-  if (!when) return void 0;
-  if (typeof when === "function") return { kind: "predicate" };
-  return { kind: "declarative", condition: when };
-}
-function compileManifest(input) {
-  const { funnel, pages } = input;
-  const keys = new Set(pages.map((p) => p.key));
-  const manifestPages = pages.map((p, index) => ({
-    id: p.key,
-    key: p.key,
-    type: p.meta?.type ?? "default",
-    slug: p.meta?.slug ?? p.key,
-    index,
-    variantOf: isVariantKey(p.key) ? parseSlotKey(p.key).slot : void 0
-  }));
-  const edges = [];
-  const badTargets = [];
-  const nextAnchor = (from) => {
-    for (let j = from + 1; j < pages.length; j++) {
-      if (!isVariantNode(pages[j])) return pages[j];
-    }
-    return void 0;
-  };
-  pages.forEach((p, i) => {
-    if (isVariantNode(p)) return;
-    const routes = p.meta?.next ?? [];
-    let hasUnconditional = false;
-    for (const route of routes) {
-      if (!keys.has(route.to)) {
-        badTargets.push({ from: p.key, to: route.to });
-        continue;
-      }
-      edges.push({ from: p.key, to: route.to, kind: "branch", condition: serializeGate(route.when) });
-      if (!route.when) hasUnconditional = true;
-    }
-    const next = nextAnchor(i);
-    if (!hasUnconditional && next && p.meta?.type !== "finish") {
-      edges.push({ from: p.key, to: next.key, kind: "linear" });
-    }
-  });
-  const startPage = pages.find((p) => !isVariantNode(p));
-  const start = startPage?.key ?? null;
-  const variantKeys = new Set(pages.filter(isVariantNode).map((p) => p.key));
-  const validation = validate(manifestPages, edges, badTargets, start, variantKeys);
-  return {
-    id: funnel.id,
-    pages: manifestPages,
-    flow: { start, nodes: manifestPages.map((p) => p.id), edges },
-    products: funnel.products ?? [],
-    locales: funnel.locales,
-    validation
-  };
-}
-function validate(pages, edges, badTargets, start, variantKeys) {
-  const outgoing = /* @__PURE__ */ new Map();
-  for (const e of edges) outgoing.set(e.from, (outgoing.get(e.from) ?? 0) + 1);
-  const deadEnds = pages.filter((p) => p.type !== "finish" && !variantKeys.has(p.id) && !(outgoing.get(p.id) > 0)).map((p) => p.id);
-  const reachable = /* @__PURE__ */ new Set();
-  if (start) {
-    const adj = /* @__PURE__ */ new Map();
-    for (const e of edges) {
-      const list = adj.get(e.from);
-      if (list) list.push(e.to);
-      else adj.set(e.from, [e.to]);
-    }
-    const stack = [start];
-    while (stack.length) {
-      const id = stack.pop();
-      if (reachable.has(id)) continue;
-      reachable.add(id);
-      for (const to of adj.get(id) ?? []) stack.push(to);
-    }
-  }
-  const unreachable = pages.filter((p) => !variantKeys.has(p.id) && !reachable.has(p.id)).map((p) => p.id);
-  const missingEmailCapture = !pages.some((p) => p.type === "email-capture");
-  return {
-    ok: deadEnds.length === 0 && unreachable.length === 0 && badTargets.length === 0 && !missingEmailCapture,
-    deadEnds,
-    unreachable,
-    badTargets,
-    missingEmailCapture
-  };
-}
-
-export { Back, Checkout, Choice, EVENT_CATALOG, FunnelProvider, FunnelToaster, FunnelView, INLINE_SURFACES, Modal, Next, PROVIDER_PROFILES, Script, Sheet, Upsell, VariableStore, assignVariant, attachBus, bucketingSeed, buildAcquisition, buildCatalog, checkoutError, compileManifest, createBus, createConsoleTracker, createFunnelStore, createMockDriver, defineFunnel, defineModal, definePage, entryGuard, evaluateCondition, evaluateGate, expectedPathLength, fnv1a, formatProduct, hashToUnit, hideModal, integrationEvents, isInlineSurface, isIntegrationEvent, isMerchantOfRecord, isOrchestrator, isRtl, isTrackableEvent, isVariantKey, newEventId, nextPage, outgoingKeys, pageMeta, parseSlotKey, pickByWeight, registerModal, removeModal, resolveExperiments, resolveLocale, resolveProduct, resolveRoute, showModal, surfacesFor, unregisterModal, useCheckout, useClickIds, useContextValue, useData, useDevice, useExperiment, useField, useFunnel, useLocale, useModal, useNavigation, usePage, useProduct, useProducts, useResponse, useSystem, useTracker, useTranslation, useUserAttribute, useUtm, validateCheckout, validateExperiments, validateUpsell, withBus };
+export { AssetsContext, AssetsProvider, Back, Checkout, CheckoutResume, Choice, EVENT_CATALOG, FunnelProvider, FunnelToaster, FunnelView, Modal, Next, Script, Sheet, Upsell, VariableStore, attachBus, buildAcquisition, buildContext, createBus, createConsoleTracker, createFunnelStore, createFunnelTree, createMockDriver, createPlatformTracker, defineModal, driverWithEmail, hideModal, integrationEvents, isIntegrationEvent, isTrackableEvent, newEventId, registerModal, removeModal, showModal, toast, unregisterModal, useActiveLocale, useAsset, useAssets, useCheckout, useClickIds, useContextValue, useData, useDevice, useExperiment, useField, useFunnel, useLocale, useModal, useNavigation, useOffering, useOfferings, usePage, useResponse, useSystem, useTracker, useTranslation, useUserAttribute, useUtm, withBus };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map