@sonordev/site-kit 6.5.0 → 7.0.1

package/dist/chunk-HXJ54KAM.js

@@ -0,0 +1,122 @@
+import { getSiteConfig } from './chunk-Z22QVHT4.js';
+import { withSiteParam, withSiteBody } from './chunk-MJP63SSS.js';
+import { resolveSiteHost } from './chunk-FESKKJAS.js';
+import { NextResponse } from 'next/server.js';
+
+var DEFAULT_PORTAL_URL = "https://api.sonor.io";
+function envApiUrl() {
+  const raw = typeof process !== "undefined" && process.env ? process.env.SONOR_API_URL : void 0;
+  return typeof raw === "string" && raw ? raw : void 0;
+}
+var DEFAULT_FETCH_TIMEOUT_MS = 300;
+var FAILURE_COOLDOWN_MS = 3e4;
+var rulesCache = /* @__PURE__ */ new Map();
+function getRedirectCacheKey(apiKey, domain, site) {
+  const scope = apiKey ? `key:${apiKey}` : `domain:${domain || ""}`;
+  return `${scope}|site:${site}`;
+}
+async function fetchRedirectRules(config) {
+  const now = Date.now();
+  const cacheSeconds = config.cacheSeconds ?? 300;
+  const baseUrl = config.portalApiUrl || envApiUrl() || DEFAULT_PORTAL_URL;
+  const rawKey = config.apiKey ?? (typeof process !== "undefined" && process.env ? process.env.SONOR_API_KEY : void 0);
+  const apiKey = typeof rawKey === "string" ? rawKey : void 0;
+  let domain = config.domain;
+  if (!apiKey && !domain) {
+    const siteConfig = await getSiteConfig({ apiUrl: baseUrl });
+    domain = siteConfig?.domain;
+  }
+  const site = resolveSiteHost(config.site);
+  const cacheKey = getRedirectCacheKey(apiKey, domain, site);
+  const cached = rulesCache.get(cacheKey);
+  if (cached && now < cached.expiry) {
+    return cached.rules;
+  }
+  try {
+    let url;
+    const headers = { "Content-Type": "application/json" };
+    if (apiKey) {
+      url = withSiteParam(`${baseUrl}/api/public/seo/redirects`, site);
+      headers["x-api-key"] = apiKey;
+    } else if (domain) {
+      url = withSiteParam(`${baseUrl}/api/public/seo/redirects?domain=${encodeURIComponent(domain)}`, site);
+    } else {
+      return [];
+    }
+    const timeoutMs = config.fetchTimeoutMs ?? DEFAULT_FETCH_TIMEOUT_MS;
+    const signal = typeof AbortSignal !== "undefined" && typeof AbortSignal.timeout === "function" ? AbortSignal.timeout(timeoutMs) : void 0;
+    const res = await fetch(url, {
+      headers,
+      signal,
+      // No-op in proxy (outside the data cache) but real in RSC renders,
+      // where the not-found resolver runs.
+      next: { revalidate: cacheSeconds }
+    });
+    if (!res.ok) {
+      console.error(`[site-kit] Failed to fetch redirects: ${res.status}`);
+      rulesCache.set(cacheKey, { rules: cached?.rules ?? [], expiry: now + FAILURE_COOLDOWN_MS });
+      return cached?.rules ?? [];
+    }
+    const data = await res.json();
+    const rules = (data.redirects || []).filter((r) => r.is_enabled);
+    rulesCache.set(cacheKey, { rules, expiry: now + cacheSeconds * 1e3 });
+    return rules;
+  } catch (error) {
+    console.error("[site-kit] Error fetching redirects:", error);
+    rulesCache.set(cacheKey, { rules: cached?.rules ?? [], expiry: now + FAILURE_COOLDOWN_MS });
+    return cached?.rules ?? [];
+  }
+}
+function findRedirectMatch(pathname, rules) {
+  return rules.find((r) => {
+    if (r.from_path === pathname) return true;
+    const normalizedFrom = r.from_path.endsWith("/") ? r.from_path.slice(0, -1) : r.from_path;
+    const normalizedPath = pathname.endsWith("/") ? pathname.slice(0, -1) : pathname;
+    return normalizedFrom === normalizedPath;
+  });
+}
+async function handleManagedRedirects(request, config) {
+  const pathname = request.nextUrl.pathname;
+  if (pathname.startsWith("/_next") || pathname.startsWith("/api") || pathname.includes(".")) {
+    return void 0;
+  }
+  const rules = await fetchRedirectRules(config);
+  const match = findRedirectMatch(pathname, rules);
+  if (!match) {
+    return void 0;
+  }
+  const redirectUrl = new URL(match.to_path, request.url);
+  request.nextUrl.searchParams.forEach((value, key) => {
+    redirectUrl.searchParams.set(key, value);
+  });
+  trackRedirectHit(config, match.from_path, config.domain).catch(() => {
+  });
+  const statusCode = parseInt(match.redirect_type);
+  return NextResponse.redirect(redirectUrl, statusCode);
+}
+async function trackRedirectHit(config, fromPath, domainForHit) {
+  try {
+    const baseUrl = config.portalApiUrl || envApiUrl() || DEFAULT_PORTAL_URL;
+    const domain = domainForHit ?? config.domain ?? (await getSiteConfig({ apiKey: config.apiKey, apiUrl: baseUrl }))?.domain;
+    if (!domain) return;
+    await fetch(`${baseUrl}/api/public/seo/redirects/hit`, {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify(withSiteBody({ domain, from_path: fromPath }, config.site))
+    });
+  } catch {
+  }
+}
+async function generateNextRedirects(config) {
+  const rules = await fetchRedirectRules({ fetchTimeoutMs: 1e4, ...config, cacheSeconds: 0 });
+  return rules.map((r) => ({
+    source: r.from_path,
+    destination: r.to_path,
+    permanent: r.redirect_type === "301" || r.redirect_type === "308"
+  }));
+}
+function clearRedirectCache() {
+  rulesCache.clear();
+}
+
+export { clearRedirectCache, fetchRedirectRules, findRedirectMatch, generateNextRedirects, handleManagedRedirects, trackRedirectHit };

package/dist/chunk-IHG36STL.js

@@ -0,0 +1,286 @@
+import { parseColor, relativeLuminance } from './chunk-S22FSH7C.js';
+
+// src/contracts/website.ts
+var DESIGN_TOKENS_VERSION = 1;
+var HEX = (rgb) => `#${[rgb.r, rgb.g, rgb.b].map((c) => Math.max(0, Math.min(255, Math.round(c))).toString(16).padStart(2, "0")).join("")}`;
+function toHexColor(value) {
+  if (typeof value !== "string") return null;
+  const v = value.trim();
+  const inner = v.match(/^(?:rgba?|hsla?)\(([^)]*)\)$/i)?.[1];
+  if (inner) {
+    const alpha = inner.includes("/") ? inner.split("/")[1]?.trim() : inner.split(",")[3]?.trim();
+    if (alpha && (alpha.endsWith("%") ? parseFloat(alpha) / 100 : parseFloat(alpha)) < 0.5) return null;
+  }
+  if (/^#[0-9a-f]{8}$/i.test(v) && parseInt(v.slice(7, 9), 16) < 128) return null;
+  const rgb = parseColor(v);
+  return rgb ? HEX(rgb) : null;
+}
+var luminanceOf = (hex) => {
+  const rgb = parseColor(hex);
+  return rgb ? relativeLuminance(rgb) : 1;
+};
+function mixHex(a, b, t) {
+  const x = parseColor(a);
+  const y = parseColor(b);
+  if (!x || !y) return a;
+  return HEX({ r: x.r + (y.r - x.r) * t, g: x.g + (y.g - x.g) * t, b: x.b + (y.b - x.b) * t });
+}
+function mutedFor(text, background) {
+  const bg = luminanceOf(background);
+  for (const t of [0.4, 0.3, 0.2, 0.1]) {
+    const m = mixHex(text, background, t);
+    const l = luminanceOf(m);
+    if ((Math.max(l, bg) + 0.05) / (Math.min(l, bg) + 0.05) >= 4.5) return m;
+  }
+  return text;
+}
+function readableOn(hex) {
+  const lum = luminanceOf(hex);
+  const onWhite = 1.05 / (lum + 0.05);
+  const onDark = (lum + 0.05) / (luminanceOf("#111827") + 0.05);
+  return onWhite >= onDark ? "#ffffff" : "#111827";
+}
+function fontStack(value) {
+  if (typeof value !== "string") return null;
+  const clean = value.replace(/[^A-Za-z0-9 ,'"_-]/g, "").replace(/\s+/g, " ").trim().slice(0, 200);
+  return clean && /[A-Za-z]/.test(clean) ? clean : null;
+}
+function radiusLength(value) {
+  if (value === 0 || value === "0") return "0px";
+  if (typeof value !== "string") return null;
+  const m = value.trim().match(/^(\d+(?:\.\d+)?)(px|rem|em)$/);
+  if (!m) return null;
+  const n = Number(m[1]);
+  const max = m[2] === "px" ? 64 : 4;
+  return `${Math.min(n, max)}${m[2]}`;
+}
+var FALLBACK_FONT = 'system-ui, -apple-system, "Segoe UI", Roboto, sans-serif';
+function normalizeDesignTokens(input) {
+  if (!input || typeof input !== "object") return null;
+  const raw = input;
+  const c = raw.colors ?? {};
+  const background = toHexColor(c.background);
+  const text = toHexColor(c.text);
+  const primary = toHexColor(c.primary);
+  if (!background || !text || !primary) return null;
+  const scheme = luminanceOf(background) < 0.179 ? "dark" : "light";
+  const fonts = raw.fonts ?? {};
+  const radius = raw.radius ?? {};
+  const button = raw.button ?? {};
+  const body = fontStack(fonts.body) ?? FALLBACK_FONT;
+  const control = radiusLength(radius.control) ?? "8px";
+  return {
+    version: DESIGN_TOKENS_VERSION,
+    colors: {
+      background,
+      surface: toHexColor(c.surface) ?? background,
+      text,
+      muted: toHexColor(c.muted) ?? mutedFor(text, background),
+      primary,
+      onPrimary: toHexColor(c.onPrimary) ?? readableOn(primary),
+      border: toHexColor(c.border) ?? (scheme === "dark" ? "#374151" : "#e5e7eb")
+    },
+    fonts: { body, heading: fontStack(fonts.heading) ?? body },
+    // A pill site's control radius would make a pill-shaped popup; a card it
+    // didn't name gets a gentler corner instead.
+    radius: { control, card: radiusLength(radius.card) ?? (parseFloat(control) * (control.endsWith("px") ? 1 : 16) > 24 ? "16px" : control) },
+    button: {
+      textTransform: button.textTransform === "uppercase" ? "uppercase" : "none",
+      fontWeight: /^[1-9]00$/.test(String(button.fontWeight ?? "")) ? String(button.fontWeight) : "600"
+    },
+    scheme,
+    source: raw.source === "declared" || raw.source === "mixed" ? raw.source : "measured"
+  };
+}
+function designTokensHash(tokens) {
+  const stable = (v) => v && typeof v === "object" && !Array.isArray(v) ? Object.fromEntries(Object.keys(v).sort().map((k) => [k, stable(v[k])])) : v;
+  const text = JSON.stringify(stable(tokens));
+  let h = 2166136261;
+  for (let i = 0; i < text.length; i++) {
+    h ^= text.charCodeAt(i);
+    h = Math.imul(h, 16777619) >>> 0;
+  }
+  return h.toString(16).padStart(8, "0");
+}
+function designTokenCssVars(tokens) {
+  return {
+    "--sk-site-bg": tokens.colors.background,
+    "--sk-site-surface": tokens.colors.surface,
+    "--sk-site-text": tokens.colors.text,
+    "--sk-site-muted": tokens.colors.muted,
+    "--sk-site-primary": tokens.colors.primary,
+    "--sk-site-on-primary": tokens.colors.onPrimary,
+    "--sk-site-border": tokens.colors.border,
+    "--sk-site-font-body": tokens.fonts.body,
+    "--sk-site-font-heading": tokens.fonts.heading,
+    "--sk-site-radius-control": tokens.radius.control,
+    "--sk-site-radius-card": tokens.radius.card,
+    "--sk-site-button-transform": tokens.button.textTransform,
+    "--sk-site-button-weight": tokens.button.fontWeight
+  };
+}
+var POPUP_BLOCK_TYPES = ["heading", "text", "image", "button", "divider"];
+var POPUP_BLOCK_LIMITS = {
+  blocks: 12,
+  heading: 120,
+  /** Sanitized HTML length for one text block. */
+  textHtml: 4e3,
+  /** Visible characters across one text block. */
+  textPlain: 1200,
+  buttonText: 40,
+  imageAlt: 200,
+  buttons: 2,
+  images: 3
+};
+function isSafePopupUrl(value, kind = "link") {
+  if (typeof value !== "string") return false;
+  const v = value.trim();
+  if (!v || v.length > 2048) return false;
+  for (let i = 0; i < v.length; i++) {
+    const code = v.charCodeAt(i);
+    if (code <= 32 || code >= 127 && code <= 159) return false;
+  }
+  if (v.startsWith("/")) return !v.startsWith("//") && !v.startsWith("/\\");
+  if (v.startsWith("#")) return kind === "link" && v.length > 1;
+  let url;
+  try {
+    url = new URL(v);
+  } catch {
+    return false;
+  }
+  if (kind === "image") return url.protocol === "https:";
+  return ["https:", "http:", "mailto:", "tel:"].includes(url.protocol);
+}
+var ALLOWED_TAGS = /* @__PURE__ */ new Set(["p", "br", "strong", "b", "em", "i", "u", "s", "a", "ul", "ol", "li"]);
+var DROPPED_WITH_CONTENT = /* @__PURE__ */ new Set(["script", "style", "iframe", "object", "embed", "template", "noscript", "svg", "math", "textarea", "select", "title", "head"]);
+var VOID = /* @__PURE__ */ new Set(["br"]);
+var escapeAttr = (v) => v.replace(/&/g, "&amp;").replace(/"/g, "&quot;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
+function hrefOf(attrs) {
+  const m = attrs.match(/\bhref\s*=\s*(?:"([^"]*)"|'([^']*)'|([^\s"'>]+))/i);
+  if (!m) return null;
+  const raw = (m[1] ?? m[2] ?? m[3] ?? "").replace(/&amp;/g, "&").trim();
+  return raw;
+}
+function sanitizePopupHtml(html) {
+  if (typeof html !== "string" || !html) return "";
+  const out = [];
+  const open = [];
+  let dropDepth = 0;
+  let dropTag = "";
+  const token = /<!--[\s\S]*?-->|<\/?([a-zA-Z][a-zA-Z0-9-]*)((?:[^>"']|"[^"]*"|'[^']*')*)>|<|[^<]+/g;
+  let m;
+  while (m = token.exec(html)) {
+    const piece = m[0];
+    if (piece.startsWith("<!--")) continue;
+    const name = m[1]?.toLowerCase();
+    if (!name) {
+      if (dropDepth) continue;
+      out.push(piece === "<" ? "&lt;" : piece.replace(/>/g, "&gt;"));
+      continue;
+    }
+    const closing = piece.startsWith("</");
+    if (dropDepth) {
+      if (name === dropTag) dropDepth += closing ? -1 : piece.endsWith("/>") ? 0 : 1;
+      continue;
+    }
+    if (DROPPED_WITH_CONTENT.has(name)) {
+      if (!closing && !piece.endsWith("/>")) {
+        dropDepth = 1;
+        dropTag = name;
+      }
+      continue;
+    }
+    if (!ALLOWED_TAGS.has(name)) continue;
+    const tag = name === "b" ? "strong" : name === "i" ? "em" : name;
+    if (closing) {
+      const at = open.lastIndexOf(tag);
+      if (at === -1) continue;
+      while (open.length > at) out.push(`</${open.pop()}>`);
+      continue;
+    }
+    if (VOID.has(tag)) {
+      out.push("<br>");
+      continue;
+    }
+    if (tag === "a") {
+      const href = hrefOf(m[2] ?? "");
+      if (!href || !isSafePopupUrl(href, "link")) continue;
+      const external = /^https?:/i.test(href);
+      out.push(`<a href="${escapeAttr(href)}"${external ? ' target="_blank" rel="noopener noreferrer"' : ""}>`);
+      open.push("a");
+      continue;
+    }
+    out.push(`<${tag}>`);
+    open.push(tag);
+  }
+  while (open.length) out.push(`</${open.pop()}>`);
+  return out.join("").trim();
+}
+function popupHtmlText(html) {
+  return html.replace(/<br>/g, "\n").replace(/<\/(p|li)>/g, "\n").replace(/<[^>]+>/g, "").replace(/&nbsp;/g, " ").replace(/&amp;/g, "&").replace(/&lt;/g, "<").replace(/&gt;/g, ">").replace(/&quot;/g, '"').replace(/&#39;/g, "'").replace(/[ \t]+\n/g, "\n").replace(/\n{3,}/g, "\n\n").trim();
+}
+var str = (v) => typeof v === "string" ? v.trim() : "";
+function normalizePopupBlocks(input) {
+  const errors = [];
+  const blocks = [];
+  if (!Array.isArray(input)) return { blocks, errors: input == null ? [] : ["Blocks must be a list."] };
+  if (input.length > POPUP_BLOCK_LIMITS.blocks) errors.push(`A popup can have at most ${POPUP_BLOCK_LIMITS.blocks} blocks.`);
+  let buttons = 0;
+  let images = 0;
+  input.slice(0, POPUP_BLOCK_LIMITS.blocks).forEach((raw, i) => {
+    const where = `Block ${i + 1}`;
+    const b = raw && typeof raw === "object" ? raw : {};
+    switch (b.type) {
+      case "heading": {
+        const text = str(b.text);
+        if (!text) errors.push(`${where}: the heading is empty.`);
+        else if (text.length > POPUP_BLOCK_LIMITS.heading) errors.push(`${where}: the heading is over ${POPUP_BLOCK_LIMITS.heading} characters.`);
+        else blocks.push({ type: "heading", text });
+        return;
+      }
+      case "text": {
+        const html = sanitizePopupHtml(b.html);
+        const plain = popupHtmlText(html);
+        if (!plain) errors.push(`${where}: the text is empty.`);
+        else if (html.length > POPUP_BLOCK_LIMITS.textHtml || plain.length > POPUP_BLOCK_LIMITS.textPlain) {
+          errors.push(`${where}: the text is over ${POPUP_BLOCK_LIMITS.textPlain} characters.`);
+        } else blocks.push({ type: "text", html });
+        return;
+      }
+      case "image": {
+        const url = str(b.url);
+        const alt = str(b.alt);
+        if (!isSafePopupUrl(url, "image")) errors.push(`${where}: the image needs an https URL or a path on the site.`);
+        else if (!alt) errors.push(`${where}: describe the image for screen readers (alt text).`);
+        else if (alt.length > POPUP_BLOCK_LIMITS.imageAlt) errors.push(`${where}: the alt text is over ${POPUP_BLOCK_LIMITS.imageAlt} characters.`);
+        else if (++images > POPUP_BLOCK_LIMITS.images) errors.push(`A popup can have at most ${POPUP_BLOCK_LIMITS.images} images.`);
+        else blocks.push({ type: "image", url, alt });
+        return;
+      }
+      case "button": {
+        const text = str(b.text);
+        const url = str(b.url);
+        if (!text) errors.push(`${where}: the button needs text.`);
+        else if (text.length > POPUP_BLOCK_LIMITS.buttonText) errors.push(`${where}: the button text is over ${POPUP_BLOCK_LIMITS.buttonText} characters.`);
+        else if (!isSafePopupUrl(url, "link")) errors.push(`${where}: the button needs a link (a path on the site, https, mailto: or tel:).`);
+        else if (++buttons > POPUP_BLOCK_LIMITS.buttons) errors.push(`A popup can have at most ${POPUP_BLOCK_LIMITS.buttons} buttons.`);
+        else blocks.push({ type: "button", text, url, variant: b.variant === "secondary" ? "secondary" : "primary" });
+        return;
+      }
+      case "divider":
+        blocks.push({ type: "divider" });
+        return;
+      default:
+        errors.push(`${where}: unknown block type "${String(b.type ?? "")}".`);
+    }
+  });
+  if (!errors.length && !blocks.some((b) => b.type !== "divider")) errors.push("A popup needs at least one heading, text, image or button.");
+  return { blocks, errors };
+}
+function popupBlocksText(blocks) {
+  const heading = blocks.find((b) => b.type === "heading")?.text ?? "";
+  const body = blocks.filter((b) => b.type === "text").map((b) => popupHtmlText(b.html)).join("\n\n");
+  return { heading, body };
+}
+
+export { DESIGN_TOKENS_VERSION, POPUP_BLOCK_LIMITS, POPUP_BLOCK_TYPES, designTokenCssVars, designTokensHash, isSafePopupUrl, mixHex, normalizeDesignTokens, normalizePopupBlocks, popupBlocksText, popupHtmlText, readableOn, sanitizePopupHtml, toHexColor };

package/dist/chunk-J4FSB4OG.js

@@ -0,0 +1,200 @@
+import { jsx } from 'react/jsx-runtime';
+
+// src/forms/experience-chrome.tsx
+var STYLE_ID = "sk-stage-css";
+var CSS = `
+@keyframes sk-stage-shake { 0%, 100% { transform: translateX(0) } 18% { transform: translateX(-9px) } 40% { transform: translateX(7px) } 62% { transform: translateX(-5px) } 82% { transform: translateX(3px) } }
+@keyframes sk-stage-seg-pop { 0% { transform: scaleY(2.4) } 100% { transform: scaleY(1) } }
+@keyframes sk-stage-seg-breathe { 0%, 100% { opacity: .3 } 50% { opacity: .7 } }
+@keyframes sk-stage-ready-pop { 0% { transform: scale(.8) } 60% { transform: scale(1.15) } 100% { transform: scale(1) } }
+@keyframes sk-stage-tick-in { 0% { transform: scale(.3); opacity: 0 } 70% { transform: scale(1.2) } 100% { transform: scale(1); opacity: 1 } }
+
+.sk-stage { --sk-font-size: 1.125rem; }
+
+/* ---- Head: form name + honest time cost ---- */
+.sk-stage__head { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; margin-bottom: 10px; }
+.sk-stage__head-name, .sk-stage__head-meta {
+  font-size: 12px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase;
+  opacity: .75; margin: 0;
+}
+.sk-stage__head-meta { font-weight: 600; opacity: .6; white-space: nowrap; }
+
+/* ---- HUD: segmented progress + counter. Neutral game-style pips \u2014 this is
+   the site's chrome, not platform branding. ---- */
+.sk-stage__hud { display: flex; align-items: center; gap: 12px; margin-bottom: 8px; }
+.sk-stage__meter { flex: 1; display: flex; align-items: center; gap: 4px; }
+.sk-stage__seg {
+  flex: 1; height: 5px; border-radius: 999px;
+  background: color-mix(in srgb, currentColor 16%, transparent);
+  transition: background-color .3s ease;
+  transform-origin: center;
+}
+.sk-stage__seg[data-sk-lit="true"] {
+  background: color-mix(in srgb, var(--sk-primary, #2563eb) 72%, currentColor);
+  animation: sk-stage-seg-pop .3s cubic-bezier(.22,1.4,.36,1) both;
+}
+.sk-stage__seg[data-sk-live="true"] {
+  background: color-mix(in srgb, var(--sk-primary, #2563eb) 55%, currentColor);
+  animation: sk-stage-seg-breathe 1.7s ease-in-out infinite;
+}
+.sk-stage__counter {
+  font-size: 11px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase;
+  opacity: .75; font-variant-numeric: tabular-nums; white-space: nowrap;
+}
+.sk-stage__counter[data-sk-ready="true"] {
+  opacity: 1;
+  color: color-mix(in srgb, var(--sk-primary, #2563eb) 60%, currentColor);
+  animation: sk-stage-ready-pop .4s cubic-bezier(.22,1.4,.36,1);
+}
+
+/* ---- The accordion of beats ----
+   Each beat holds two collapsible layers (summary row / expanded body) built
+   on grid-template-rows 0fr<->1fr. Handing off between beats runs FOUR of
+   these morphs at once (old body closes + old summary opens + new summary
+   closes + new body opens) \u2014 the "previous field settles, next field blooms"
+   transition, in pure CSS. */
+.sk-stage__beats { margin: 6px 0 0; }
+.sk-stage__beat { border-bottom: 1px solid color-mix(in srgb, currentColor 14%, transparent); }
+.sk-stage__collapse {
+  display: grid; grid-template-rows: 0fr;
+  transition: grid-template-rows .42s cubic-bezier(.22,1,.36,1);
+}
+.sk-stage__collapse > div { overflow: hidden; min-height: 0; }
+/* The clip only needs to work VERTICALLY (that's the collapse axis). Full
+   overflow:hidden also chops the focus aura / lock-in glow on the field
+   inside \u2014 a hard vertical edge on both sides of the input. overflow:clip
+   allows per-axis mixing without creating a scroll container, so modern
+   browsers keep the collapse clip and let the glow breathe sideways; older
+   ones keep the (harmless) clipped-glow behavior. */
+@supports (overflow: clip) {
+  .sk-stage__collapse > div { overflow-x: visible; overflow-y: clip; }
+}
+.sk-stage__beat[data-sk-beat-state="active"] .sk-stage__collapse--body { grid-template-rows: 1fr; }
+.sk-stage__beat:not([data-sk-beat-state="active"]) .sk-stage__collapse--summary { grid-template-rows: 1fr; }
+
+/* Inner content blooms slightly after the container starts opening. */
+.sk-stage__body-inner {
+  opacity: 0; transform: translateY(10px);
+  transition: opacity .26s ease, transform .3s cubic-bezier(.22,1,.36,1);
+  padding: 4px 2px 22px;
+}
+.sk-stage__beat[data-sk-beat-state="active"] .sk-stage__body-inner {
+  opacity: 1; transform: translateY(0);
+  transition-delay: .1s, .1s;
+}
+.sk-stage__summary-inner {
+  opacity: 0; transition: opacity .26s ease .08s;
+}
+.sk-stage__beat:not([data-sk-beat-state="active"]) .sk-stage__summary-inner { opacity: 1; }
+
+/* Summary rows: the settled (filled) and waiting (upcoming) states. */
+.sk-stage__summary {
+  display: flex; align-items: baseline; gap: 12px; width: 100%;
+  padding: 13px 2px; text-align: left; cursor: pointer;
+  background: none; border: none; color: inherit; font: inherit;
+  transition: background-color .15s ease;
+}
+.sk-stage__summary:hover,
+.sk-stage__summary:focus-visible { background: color-mix(in srgb, currentColor 7%, transparent); }
+.sk-stage__summary-idx {
+  font-size: 11px; font-weight: 700; letter-spacing: .06em;
+  font-variant-numeric: tabular-nums; opacity: .5; flex-shrink: 0;
+}
+.sk-stage__summary-label {
+  font-size: 12px; font-weight: 700; letter-spacing: .07em; text-transform: uppercase;
+  opacity: .72; flex-shrink: 0;
+}
+.sk-stage__summary-value {
+  margin-left: auto; font-weight: 600; text-align: right;
+  display: flex; align-items: baseline; gap: 8px; min-width: 0;
+}
+/* Narrow screens: the answer takes its own line under the label \u2014 a squeezed
+   flex column wraps long values one character per line (found live). */
+@media (max-width: 480px) {
+  .sk-stage__summary { flex-wrap: wrap; row-gap: 2px; }
+  .sk-stage__summary-value {
+    margin-left: 0; flex-basis: 100%; justify-content: flex-start;
+    text-align: left; padding-left: 26px;
+  }
+}
+.sk-stage__summary-value--skipped { font-weight: 400; font-style: italic; opacity: .6; }
+.sk-stage__beat[data-sk-beat-filled="true"] .sk-stage__summary-label { opacity: .55; }
+.sk-stage__summary-tick {
+  width: 15px; height: 15px; border-radius: 50%; flex-shrink: 0; align-self: center;
+  background: color-mix(in srgb, var(--sk-primary, #2563eb) 72%, currentColor);
+  display: inline-flex; align-items: center; justify-content: center;
+  animation: sk-stage-tick-in .28s cubic-bezier(.22,1.4,.36,1) both;
+}
+
+/* ---- Active beat body ---- */
+.sk-stage__fields { display: flex; flex-wrap: wrap; gap: 16px; }
+.sk-stage__fields > * { flex: 1 1 100%; }
+/* Solo beat: the question is the headline. */
+.sk-stage .sk-stage__label {
+  font-size: clamp(1.3rem, 1rem + 1.4vw, 1.9rem);
+  line-height: 1.14;
+  margin-bottom: 14px !important; /* FormField inlines margin-bottom: 6 */
+}
+.sk-stage { --sk-label-weight: 700; }
+/* Grouped beat: fields share the row (like the classic grid), labels calm
+   back down so the pair reads as one quick moment. */
+@media (min-width: 640px) {
+  .sk-stage__question--group .sk-stage__fields > * { flex: 1 1 0; min-width: 180px; }
+}
+.sk-stage .sk-stage__question--group .sk-stage__label {
+  font-size: 1.05rem;
+  line-height: 1.3;
+  margin-bottom: 8px !important;
+}
+.sk-stage__eyebrow {
+  font-size: 12px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase;
+  opacity: .7; margin: 0 0 10px;
+}
+.sk-stage__eyebrow--greet { opacity: .9; }
+.sk-stage__beat-title {
+  margin: 0 0 14px; font-size: clamp(1.2rem, 1rem + 1vw, 1.6rem);
+  font-weight: 800; line-height: 1.1;
+}
+.sk-stage__actions { display: flex; align-items: center; gap: 10px; margin-top: 18px; }
+.sk-stage__hint { font-size: 11px; opacity: .6; }
+.sk-stage__hint kbd {
+  font: inherit; padding: 1px 5px; border-radius: 4px;
+  border: 1px solid color-mix(in srgb, currentColor 35%, transparent);
+}
+@media (pointer: coarse) { .sk-stage__hint { display: none; } }
+
+/* ---- Finale: the submit row ---- */
+.sk-stage__finale { display: flex; align-items: center; gap: 10px; margin-top: 22px; }
+.sk-stage__shake { animation: sk-stage-shake .38s ease; }
+.sk-stage__submit-error { font-size: 14px; margin-top: 12px; }
+
+@media (prefers-reduced-motion: reduce) {
+  .sk-stage__collapse { transition: none }
+  .sk-stage__body-inner { transition: none; opacity: 1; transform: none }
+  .sk-stage__summary-inner { transition: none; opacity: 1 }
+  .sk-stage__seg { transition: none }
+  .sk-stage__seg[data-sk-lit="true"] { animation: none }
+  .sk-stage__seg[data-sk-live="true"] { animation: none; opacity: .5 }
+  .sk-stage__counter[data-sk-ready="true"] { animation: none }
+  .sk-stage__summary { transition: none }
+  .sk-stage__summary-tick { animation: none }
+  .sk-stage__shake { animation: none }
+}
+`;
+function StageStyles() {
+  return /* @__PURE__ */ jsx("style", { id: STYLE_ID, dangerouslySetInnerHTML: { __html: CSS } });
+}
+function SummaryTick() {
+  return /* @__PURE__ */ jsx("span", { className: "sk-stage__summary-tick", "data-sk-part": "stage-summary-tick", "aria-hidden": "true", children: /* @__PURE__ */ jsx("svg", { width: "9", height: "9", viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ jsx(
+    "path",
+    {
+      d: "M3.5 8.5l3 3 6-6.5",
+      stroke: "var(--sk-form-success-check, #fff)",
+      strokeWidth: "2.6",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }
+  ) }) });
+}
+
+export { StageStyles, SummaryTick };

package/dist/chunk-JE4A5S4F.js

@@ -0,0 +1,48 @@
+import { jsx } from 'react/jsx-runtime';
+
+// src/shared/glass.tsx
+var GLASS_STYLE_HREF = "sk-glass";
+var GLASS_CSS = `
+.sk-glass {
+  --sk-glass-t: var(--sk-glass-tint, var(--sk-bg, #ffffff));
+  background: color-mix(in srgb, var(--sk-glass-t) var(--sk-glass-opacity, 72%), transparent);
+  -webkit-backdrop-filter: blur(var(--sk-glass-blur, 20px)) saturate(var(--sk-glass-saturate, 180%));
+  backdrop-filter: blur(var(--sk-glass-blur, 20px)) saturate(var(--sk-glass-saturate, 180%));
+  border: 1px solid color-mix(in srgb, color-mix(in srgb, var(--sk-glass-t), #ffffff 50%) 60%, transparent);
+  box-shadow:
+    inset 0 1px 0 color-mix(in srgb, #ffffff 45%, transparent),
+    inset 0 -1px 0 color-mix(in srgb, #ffffff 10%, transparent),
+    0 10px 30px -8px rgba(0, 0, 0, 0.28),
+    0 2px 6px rgba(0, 0, 0, 0.08);
+}
+.sk-glass--panel {
+  background: color-mix(in srgb, var(--sk-glass-t) var(--sk-glass-panel-opacity, 86%), transparent);
+  -webkit-backdrop-filter: blur(var(--sk-glass-blur, 28px)) saturate(var(--sk-glass-saturate, 180%));
+  backdrop-filter: blur(var(--sk-glass-blur, 28px)) saturate(var(--sk-glass-saturate, 180%));
+}
+.sk-glass--brand {
+  --sk-glass-t: var(--sk-glass-brand, var(--sk-primary, #2563eb));
+  background: color-mix(in srgb, var(--sk-glass-t) var(--sk-glass-brand-opacity, 86%), transparent);
+}
+@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
+  .sk-glass, .sk-glass--panel, .sk-glass--brand { background: var(--sk-glass-t); }
+}
+@media (prefers-reduced-transparency: reduce) {
+  .sk-glass, .sk-glass--panel, .sk-glass--brand {
+    background: var(--sk-glass-t);
+    -webkit-backdrop-filter: none;
+    backdrop-filter: none;
+  }
+}
+@media (prefers-contrast: more) {
+  .sk-glass, .sk-glass--panel, .sk-glass--brand {
+    background: var(--sk-glass-t);
+    border-color: currentColor;
+  }
+}
+`;
+function GlassStyles() {
+  return /* @__PURE__ */ jsx("style", { href: GLASS_STYLE_HREF, precedence: "default", children: GLASS_CSS });
+}
+
+export { GlassStyles };

package/dist/chunk-JJ4JS3LD.js

@@ -0,0 +1,26 @@
+'use client';
+import { normalizeCampaignSlug } from './chunk-OSYCOC3K.js';
+import { useEffect } from 'react';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+
+function LandingPage({ campaign, children, robotsMeta = true }) {
+  const slug = normalizeCampaignSlug(campaign);
+  useEffect(() => {
+    if (!slug || typeof window === "undefined") return;
+    const w = window;
+    w.__SITE_KIT_PAGE_KIND__ = "landing";
+    w.__SITE_KIT_CAMPAIGN__ = slug;
+    return () => {
+      if (w.__SITE_KIT_CAMPAIGN__ === slug) {
+        delete w.__SITE_KIT_PAGE_KIND__;
+        delete w.__SITE_KIT_CAMPAIGN__;
+      }
+    };
+  }, [slug]);
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    robotsMeta && /* @__PURE__ */ jsx("meta", { name: "robots", content: "noindex, nofollow" }),
+    children
+  ] });
+}
+
+export { LandingPage };