@hook-sdk/template 0.24.0 → 0.25.0

package/dist/index.js

@@ -1,7 +1,7 @@
 // src/AppRoot.tsx
 import { useMemo as useMemo3 } from "react";
 import { BrowserRouter, MemoryRouter, Navigate, Route, Routes } from "react-router-dom";
-import { useHook as useHook7 } from "@hook-sdk/sdk";
+import { useHook as useHook8 } from "@hook-sdk/sdk";
 
 // src/config/AppConfigContext.tsx
 import { createContext, useContext } from "react";
@@ -2031,9 +2031,53 @@ function SessionExpiredBanner() {
   ] });
 }
 
+// src/internal/EmailVerifyBanner.tsx
+import { useState as useState5 } from "react";
+import { useHook as useHook5 } from "@hook-sdk/sdk";
+import { jsx as jsx18, jsxs as jsxs12 } from "react/jsx-runtime";
+function EmailVerifyBanner() {
+  const { user, auth } = useHook5();
+  const [sending, setSending] = useState5(false);
+  const [sent, setSent] = useState5(false);
+  if (!user || user.emailVerified) return null;
+  async function handleResend() {
+    if (sending || sent) return;
+    setSending(true);
+    try {
+      await auth.resendVerify();
+      setSent(true);
+    } catch {
+    } finally {
+      setSending(false);
+    }
+  }
+  const label = sent ? "Enviado!" : sending ? "Enviando..." : "Reenviar link";
+  return /* @__PURE__ */ jsxs12(
+    "div",
+    {
+      role: "status",
+      "data-testid": "email-verify-banner",
+      className: "sticky top-0 inset-x-0 z-50 bg-yellow-100 text-yellow-900 border-b border-yellow-200 px-4 py-2 flex items-center justify-between gap-3 text-sm",
+      children: [
+        /* @__PURE__ */ jsx18("span", { children: "Confirma teu e-mail pra liberar tudo." }),
+        /* @__PURE__ */ jsx18(
+          "button",
+          {
+            type: "button",
+            onClick: handleResend,
+            disabled: sending || sent,
+            className: "px-3 py-1 rounded text-xs font-medium bg-yellow-900 text-yellow-50 hover:bg-yellow-800 disabled:opacity-60 disabled:cursor-not-allowed",
+            children: label
+          }
+        )
+      ]
+    }
+  );
+}
+
 // src/defaults/ErrorBoundary.tsx
 import { Component } from "react";
-import { Fragment as Fragment4, jsx as jsx18, jsxs as jsxs12 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx19, jsxs as jsxs13 } from "react/jsx-runtime";
 var ErrorBoundary = class extends Component {
   state = { error: null };
   static getDerivedStateFromError(error) {
@@ -2051,12 +2095,12 @@ var ErrorBoundary = class extends Component {
   }
   render() {
     if (this.state.error) {
-      return this.props.fallback ?? /* @__PURE__ */ jsxs12("div", { role: "alert", style: { padding: 24, textAlign: "center" }, children: [
-        /* @__PURE__ */ jsx18("h2", { children: "Algo deu errado" }),
-        /* @__PURE__ */ jsx18("p", { style: { opacity: 0.7 }, children: "Recarregue a p\xE1gina pra tentar de novo." })
+      return this.props.fallback ?? /* @__PURE__ */ jsxs13("div", { role: "alert", style: { padding: 24, textAlign: "center" }, children: [
+        /* @__PURE__ */ jsx19("h2", { children: "Algo deu errado" }),
+        /* @__PURE__ */ jsx19("p", { style: { opacity: 0.7 }, children: "Recarregue a p\xE1gina pra tentar de novo." })
       ] });
     }
-    return /* @__PURE__ */ jsx18(Fragment4, { children: this.props.children });
+    return /* @__PURE__ */ jsx19(Fragment4, { children: this.props.children });
   }
 };
 
@@ -2065,7 +2109,7 @@ import { useEffect as useEffect7 } from "react";
 import i18n from "i18next";
 import { I18nextProvider, initReactI18next } from "react-i18next";
 import { usePersistedState } from "@hook-sdk/sdk";
-import { jsx as jsx19 } from "react/jsx-runtime";
+import { jsx as jsx20 } from "react/jsx-runtime";
 function ensureInitialized(defaultLocale, supportedLocales, resources, initialLocale) {
   if (i18n.isInitialized) return;
   i18n.use(initReactI18next).init({
@@ -2094,7 +2138,7 @@ function I18nProvider({
       i18n.changeLanguage(userLocale);
     }
   }, [userLocale]);
-  return /* @__PURE__ */ jsx19(I18nextProvider, { i18n, children });
+  return /* @__PURE__ */ jsx20(I18nextProvider, { i18n, children });
 }
 
 // src/dev/env.ts
@@ -2105,9 +2149,9 @@ function isDevToolsEnabled() {
 }
 
 // src/dev/DevSkipOnboardingFab.tsx
-import { useCallback as useCallback3, useRef as useRef4, useState as useState5 } from "react";
-import { useHook as useHook5 } from "@hook-sdk/sdk";
-import { jsx as jsx20 } from "react/jsx-runtime";
+import { useCallback as useCallback3, useRef as useRef4, useState as useState6 } from "react";
+import { useHook as useHook6 } from "@hook-sdk/sdk";
+import { jsx as jsx21 } from "react/jsx-runtime";
 var STORAGE_KEY = "hook_dev_skip_email";
 var TEST_EMAIL_DOMAIN = "@hook.test";
 var TEST_PASSWORD = "SkipTest!2026";
@@ -2174,10 +2218,10 @@ var STYLES = {
 };
 var CONFIRM_TIMEOUT_MS = 3e3;
 function DevSkipOnboardingFab({ defaults }) {
-  const hook = useHook5();
+  const hook = useHook6();
   const { slug } = useAppConfig();
-  const [state, setState] = useState5("idle");
-  const [errorMsg, setErrorMsg] = useState5(null);
+  const [state, setState] = useState6("idle");
+  const [errorMsg, setErrorMsg] = useState6(null);
   const timerRef = useRef4(null);
   const clearTimer = useCallback3(() => {
     if (timerRef.current) {
@@ -2214,7 +2258,7 @@ function DevSkipOnboardingFab({ defaults }) {
     ...state === "confirm" || state === "error" ? STYLES.confirm : {},
     ...state === "busy" ? STYLES.busy : {}
   };
-  return /* @__PURE__ */ jsx20(
+  return /* @__PURE__ */ jsx21(
     "button",
     {
       type: "button",
@@ -2229,20 +2273,20 @@ function DevSkipOnboardingFab({ defaults }) {
 }
 
 // src/internal/PaymentReturnHandler.tsx
-import { useCallback as useCallback4, useEffect as useEffect8, useRef as useRef5, useState as useState6 } from "react";
-import { useHook as useHook6 } from "@hook-sdk/sdk";
-import { Fragment as Fragment5, jsx as jsx21, jsxs as jsxs13 } from "react/jsx-runtime";
+import { useCallback as useCallback4, useEffect as useEffect8, useRef as useRef5, useState as useState7 } from "react";
+import { useHook as useHook7 } from "@hook-sdk/sdk";
+import { Fragment as Fragment5, jsx as jsx22, jsxs as jsxs14 } from "react/jsx-runtime";
 var BACKOFF_MS = [2e3, 5e3, 1e4, 2e4, 4e4];
 var MAX_CYCLES = 3;
 var SUPPORT_MAILTO = "mailto:suporte@usehook.net?subject=Pagamento%20pendente";
 function PaymentReturnHandler({ children }) {
-  const { subscription, track: track2 } = useHook6();
+  const { subscription, track: track2 } = useHook7();
   const subRef = useRef5(subscription);
   subRef.current = subscription;
   const runIdRef = useRef5(0);
   const cyclesRef = useRef5(0);
   const startMsRef = useRef5(0);
-  const [state, setState] = useState6("idle");
+  const [state, setState] = useState7("idle");
   const runPoll = useCallback4(() => {
     const runId = ++runIdRef.current;
     const isFirstRun = cyclesRef.current === 0;
@@ -2308,19 +2352,19 @@ function PaymentReturnHandler({ children }) {
     window.location.href = cleanUrl.toString();
   }, []);
   if (state === "confirming") {
-    return /* @__PURE__ */ jsx21("div", { role: "status", "aria-live": "polite", style: overlayStyle2, children: "Confirmando pagamento\u2026" });
+    return /* @__PURE__ */ jsx22("div", { role: "status", "aria-live": "polite", style: overlayStyle2, children: "Confirmando pagamento\u2026" });
   }
   if (state === "waiting") {
-    return /* @__PURE__ */ jsx21("div", { role: "status", "aria-live": "polite", style: overlayStyle2, children: /* @__PURE__ */ jsxs13("div", { style: { maxWidth: 320, textAlign: "center", lineHeight: 1.5 }, children: [
-      /* @__PURE__ */ jsx21("div", { style: { marginBottom: 16 }, children: "Pagamento aceito. Estamos confirmando com o banco \u2014 pode levar alguns minutos." }),
-      /* @__PURE__ */ jsx21("button", { type: "button", onClick: runPoll, style: buttonStyle, children: "Atualizar" })
+    return /* @__PURE__ */ jsx22("div", { role: "status", "aria-live": "polite", style: overlayStyle2, children: /* @__PURE__ */ jsxs14("div", { style: { maxWidth: 320, textAlign: "center", lineHeight: 1.5 }, children: [
+      /* @__PURE__ */ jsx22("div", { style: { marginBottom: 16 }, children: "Pagamento aceito. Estamos confirmando com o banco \u2014 pode levar alguns minutos." }),
+      /* @__PURE__ */ jsx22("button", { type: "button", onClick: runPoll, style: buttonStyle, children: "Atualizar" })
     ] }) });
   }
   if (state === "timeout") {
-    return /* @__PURE__ */ jsx21("div", { role: "alert", "aria-live": "assertive", style: overlayStyle2, children: /* @__PURE__ */ jsxs13("div", { style: { maxWidth: 360, textAlign: "center", lineHeight: 1.5 }, children: [
-      /* @__PURE__ */ jsx21("div", { style: { marginBottom: 16 }, children: "Ainda n\xE3o conseguimos confirmar seu pagamento com o banco. Voc\xEA pode tentar de novo, voltar pro app, ou falar com a gente." }),
-      /* @__PURE__ */ jsxs13("div", { style: { display: "flex", flexDirection: "column", gap: 8 }, children: [
-        /* @__PURE__ */ jsx21(
+    return /* @__PURE__ */ jsx22("div", { role: "alert", "aria-live": "assertive", style: overlayStyle2, children: /* @__PURE__ */ jsxs14("div", { style: { maxWidth: 360, textAlign: "center", lineHeight: 1.5 }, children: [
+      /* @__PURE__ */ jsx22("div", { style: { marginBottom: 16 }, children: "Ainda n\xE3o conseguimos confirmar seu pagamento com o banco. Voc\xEA pode tentar de novo, voltar pro app, ou falar com a gente." }),
+      /* @__PURE__ */ jsxs14("div", { style: { display: "flex", flexDirection: "column", gap: 8 }, children: [
+        /* @__PURE__ */ jsx22(
           "button",
           {
             type: "button",
@@ -2333,7 +2377,7 @@ function PaymentReturnHandler({ children }) {
             children: "Tentar de novo"
           }
         ),
-        /* @__PURE__ */ jsx21(
+        /* @__PURE__ */ jsx22(
           "button",
           {
             type: "button",
@@ -2343,7 +2387,7 @@ function PaymentReturnHandler({ children }) {
             children: "Voltar pro app"
           }
         ),
-        /* @__PURE__ */ jsx21(
+        /* @__PURE__ */ jsx22(
           "a",
           {
             href: SUPPORT_MAILTO,
@@ -2355,7 +2399,7 @@ function PaymentReturnHandler({ children }) {
       ] })
     ] }) });
   }
-  return /* @__PURE__ */ jsx21(Fragment5, { children });
+  return /* @__PURE__ */ jsx22(Fragment5, { children });
 }
 var overlayStyle2 = {
   position: "fixed",
@@ -2394,7 +2438,7 @@ var linkStyle = {
 };
 
 // src/AppRoot.tsx
-import { Fragment as Fragment6, jsx as jsx22, jsxs as jsxs14 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx23, jsxs as jsxs15 } from "react/jsx-runtime";
 function buildLegacyConfigShim(config) {
   const paywall = config.paywall;
   const isFree = paywall.mode === "free";
@@ -2473,14 +2517,17 @@ function AppRoot(props) {
   const basename = `/app/${config.slug}`;
   const routerProps = testRouter === "memory" ? { basename, initialEntries: testInitialEntries } : { basename };
   const position = config.install_prompt?.position ?? "post-paywall";
-  const subscriptionGated = /* @__PURE__ */ jsx22(SubscriptionGate, { Paywall: Paywall2 ?? FallbackPaywall, children: position === "post-paywall" ? /* @__PURE__ */ jsxs14(InstallGate, { position: "post-paywall", children: [
-    children,
-    /* @__PURE__ */ jsx22(PushPrompt, {})
-  ] }) : /* @__PURE__ */ jsxs14(Fragment6, { children: [
-    children,
-    /* @__PURE__ */ jsx22(PushPrompt, {})
-  ] }) });
-  const authGated = /* @__PURE__ */ jsx22(
+  const subscriptionGated = /* @__PURE__ */ jsxs15(SubscriptionGate, { Paywall: Paywall2 ?? FallbackPaywall, children: [
+    /* @__PURE__ */ jsx23(EmailVerifyBanner, {}),
+    position === "post-paywall" ? /* @__PURE__ */ jsxs15(InstallGate, { position: "post-paywall", children: [
+      children,
+      /* @__PURE__ */ jsx23(PushPrompt, {})
+    ] }) : /* @__PURE__ */ jsxs15(Fragment6, { children: [
+      children,
+      /* @__PURE__ */ jsx23(PushPrompt, {})
+    ] })
+  ] });
+  const authGated = /* @__PURE__ */ jsx23(
     AuthGated,
     {
       config,
@@ -2495,13 +2542,13 @@ function AppRoot(props) {
       children: subscriptionGated
     }
   );
-  const routedTree = /* @__PURE__ */ jsxs14(Router, { ...routerProps, children: [
-    /* @__PURE__ */ jsx22(DeepLinkHandler, { deepLinks: config.deepLinks }),
-    /* @__PURE__ */ jsx22(SessionExpiredBanner, {}),
-    position === "pre-auth" ? /* @__PURE__ */ jsx22(InstallGate, { position: "pre-auth", children: authGated }) : authGated,
-    isDevToolsEnabled() && devSkipOnboarding ? /* @__PURE__ */ jsx22(DevSkipOnboardingFab, { defaults: devSkipOnboarding.defaults }) : null
+  const routedTree = /* @__PURE__ */ jsxs15(Router, { ...routerProps, children: [
+    /* @__PURE__ */ jsx23(DeepLinkHandler, { deepLinks: config.deepLinks }),
+    /* @__PURE__ */ jsx23(SessionExpiredBanner, {}),
+    position === "pre-auth" ? /* @__PURE__ */ jsx23(InstallGate, { position: "pre-auth", children: authGated }) : authGated,
+    isDevToolsEnabled() && devSkipOnboarding ? /* @__PURE__ */ jsx23(DevSkipOnboardingFab, { defaults: devSkipOnboarding.defaults }) : null
   ] });
-  return /* @__PURE__ */ jsx22(ErrorBoundary, { children: /* @__PURE__ */ jsx22(AppConfigProvider, { config, children: /* @__PURE__ */ jsx22(TemplateConfigProvider, { config: legacyShim, children: /* @__PURE__ */ jsx22(ThemeProvider, { children: /* @__PURE__ */ jsx22(PersistenceRegistry, { config: config.persistedKeys, children: config.i18n ? /* @__PURE__ */ jsx22(
+  return /* @__PURE__ */ jsx23(ErrorBoundary, { children: /* @__PURE__ */ jsx23(AppConfigProvider, { config, children: /* @__PURE__ */ jsx23(TemplateConfigProvider, { config: legacyShim, children: /* @__PURE__ */ jsx23(ThemeProvider, { children: /* @__PURE__ */ jsx23(PersistenceRegistry, { config: config.persistedKeys, children: config.i18n ? /* @__PURE__ */ jsx23(
     I18nProvider,
     {
       defaultLocale: config.i18n.defaultLocale,
@@ -2521,37 +2568,37 @@ function AuthGated({
   EmailVerify,
   PreAuthFlow
 }) {
-  const { authStatus } = useHook7();
+  const { authStatus } = useHook8();
   if (authStatus === "loading") return null;
   if (authStatus !== "authenticated") {
     if (config.onboarding?.trigger === "pre_signup_custom" && PreAuthFlow) {
-      return /* @__PURE__ */ jsxs14(Routes, { children: [
-        /* @__PURE__ */ jsx22(Route, { path: "/signin", element: /* @__PURE__ */ jsx22(Login, {}) }),
-        /* @__PURE__ */ jsx22(Route, { path: "/signup", element: /* @__PURE__ */ jsx22(Signup, {}) }),
-        /* @__PURE__ */ jsx22(Route, { path: "/forgot", element: /* @__PURE__ */ jsx22(Forgot, {}) }),
-        /* @__PURE__ */ jsx22(Route, { path: "/reset", element: /* @__PURE__ */ jsx22(Reset, {}) }),
-        EmailVerify ? /* @__PURE__ */ jsx22(Route, { path: "/verify", element: /* @__PURE__ */ jsx22(EmailVerify, {}) }) : null,
-        /* @__PURE__ */ jsx22(Route, { path: "/*", element: /* @__PURE__ */ jsx22(PreAuthFlow, {}) })
+      return /* @__PURE__ */ jsxs15(Routes, { children: [
+        /* @__PURE__ */ jsx23(Route, { path: "/signin", element: /* @__PURE__ */ jsx23(Login, {}) }),
+        /* @__PURE__ */ jsx23(Route, { path: "/signup", element: /* @__PURE__ */ jsx23(Signup, {}) }),
+        /* @__PURE__ */ jsx23(Route, { path: "/forgot", element: /* @__PURE__ */ jsx23(Forgot, {}) }),
+        /* @__PURE__ */ jsx23(Route, { path: "/reset", element: /* @__PURE__ */ jsx23(Reset, {}) }),
+        EmailVerify ? /* @__PURE__ */ jsx23(Route, { path: "/verify", element: /* @__PURE__ */ jsx23(EmailVerify, {}) }) : null,
+        /* @__PURE__ */ jsx23(Route, { path: "/*", element: /* @__PURE__ */ jsx23(PreAuthFlow, {}) })
       ] });
     }
-    return /* @__PURE__ */ jsxs14(Routes, { children: [
-      /* @__PURE__ */ jsx22(Route, { path: "/", element: /* @__PURE__ */ jsx22(Login, {}) }),
-      /* @__PURE__ */ jsx22(Route, { path: "/signup", element: /* @__PURE__ */ jsx22(Signup, {}) }),
-      /* @__PURE__ */ jsx22(Route, { path: "/forgot", element: /* @__PURE__ */ jsx22(Forgot, {}) }),
-      /* @__PURE__ */ jsx22(Route, { path: "/reset", element: /* @__PURE__ */ jsx22(Reset, {}) }),
-      EmailVerify ? /* @__PURE__ */ jsx22(Route, { path: "/verify", element: /* @__PURE__ */ jsx22(EmailVerify, {}) }) : null,
-      /* @__PURE__ */ jsx22(Route, { path: "*", element: /* @__PURE__ */ jsx22(Navigate, { to: "/", replace: true }) })
+    return /* @__PURE__ */ jsxs15(Routes, { children: [
+      /* @__PURE__ */ jsx23(Route, { path: "/", element: /* @__PURE__ */ jsx23(Login, {}) }),
+      /* @__PURE__ */ jsx23(Route, { path: "/signup", element: /* @__PURE__ */ jsx23(Signup, {}) }),
+      /* @__PURE__ */ jsx23(Route, { path: "/forgot", element: /* @__PURE__ */ jsx23(Forgot, {}) }),
+      /* @__PURE__ */ jsx23(Route, { path: "/reset", element: /* @__PURE__ */ jsx23(Reset, {}) }),
+      EmailVerify ? /* @__PURE__ */ jsx23(Route, { path: "/verify", element: /* @__PURE__ */ jsx23(EmailVerify, {}) }) : null,
+      /* @__PURE__ */ jsx23(Route, { path: "*", element: /* @__PURE__ */ jsx23(Navigate, { to: "/", replace: true }) })
     ] });
   }
-  return /* @__PURE__ */ jsx22(Fragment6, { children });
+  return /* @__PURE__ */ jsx23(Fragment6, { children });
 }
 function FallbackPaywall() {
   return null;
 }
 
 // src/hooks/usePush.ts
-import { useCallback as useCallback5, useEffect as useEffect9, useState as useState7 } from "react";
-import { useHook as useHook8 } from "@hook-sdk/sdk";
+import { useCallback as useCallback5, useEffect as useEffect9, useState as useState8 } from "react";
+import { useHook as useHook9 } from "@hook-sdk/sdk";
 var DISMISS_STORAGE_KEY = "push:dismissed-until";
 var DISMISS_TTL_MS2 = 7 * 24 * 60 * 60 * 1e3;
 function detectIosNeedsInstall() {
@@ -2595,8 +2642,8 @@ function deriveState(push) {
   return { kind: "prompt" };
 }
 function usePush() {
-  const { push } = useHook8();
-  const [state, setState] = useState7(() => deriveState(push));
+  const { push } = useHook9();
+  const [state, setState] = useState8(() => deriveState(push));
   useEffect9(() => {
     setState(deriveState(push));
   }, [push]);
@@ -2634,27 +2681,27 @@ function usePush() {
 }
 
 // src/components/PushPrompt.tsx
-import { jsx as jsx23, jsxs as jsxs15 } from "react/jsx-runtime";
+import { jsx as jsx24, jsxs as jsxs16 } from "react/jsx-runtime";
 function PushPrompt2({ texts, onSubscribed, onDeclined, onInstallRequested, className }) {
   const { state, subscribe } = usePush();
   if (state.kind === "denied" || state.kind === "dismissed" || state.kind === "subscribed") {
     return null;
   }
   if (state.kind === "ios_needs_install") {
-    return /* @__PURE__ */ jsxs15("div", { className, role: "region", "aria-label": texts.iosInstallTitle, children: [
-      /* @__PURE__ */ jsx23("h3", { children: texts.iosInstallTitle }),
-      /* @__PURE__ */ jsx23("p", { children: texts.iosInstallBody }),
-      onInstallRequested && texts.iosInstallCta && /* @__PURE__ */ jsx23("button", { onClick: onInstallRequested, children: texts.iosInstallCta })
+    return /* @__PURE__ */ jsxs16("div", { className, role: "region", "aria-label": texts.iosInstallTitle, children: [
+      /* @__PURE__ */ jsx24("h3", { children: texts.iosInstallTitle }),
+      /* @__PURE__ */ jsx24("p", { children: texts.iosInstallBody }),
+      onInstallRequested && texts.iosInstallCta && /* @__PURE__ */ jsx24("button", { onClick: onInstallRequested, children: texts.iosInstallCta })
     ] });
   }
   if (state.kind === "unsupported") {
-    return /* @__PURE__ */ jsx23("div", { className, role: "region", children: /* @__PURE__ */ jsx23("p", { children: texts.unsupportedBody }) });
+    return /* @__PURE__ */ jsx24("div", { className, role: "region", children: /* @__PURE__ */ jsx24("p", { children: texts.unsupportedBody }) });
   }
   if (state.kind === "error") {
-    return /* @__PURE__ */ jsx23("div", { className, role: "region", "aria-label": "error", children: /* @__PURE__ */ jsx23("p", { children: state.message }) });
+    return /* @__PURE__ */ jsx24("div", { className, role: "region", "aria-label": "error", children: /* @__PURE__ */ jsx24("p", { children: state.message }) });
   }
-  return /* @__PURE__ */ jsxs15("div", { className, role: "region", children: [
-    /* @__PURE__ */ jsx23(
+  return /* @__PURE__ */ jsxs16("div", { className, role: "region", children: [
+    /* @__PURE__ */ jsx24(
       "button",
       {
         type: "button",
@@ -2668,13 +2715,13 @@ function PushPrompt2({ texts, onSubscribed, onDeclined, onInstallRequested, clas
         children: texts.cta
       }
     ),
-    onDeclined && /* @__PURE__ */ jsx23("button", { type: "button", onClick: onDeclined, children: texts.declineCta })
+    onDeclined && /* @__PURE__ */ jsx24("button", { type: "button", onClick: onDeclined, children: texts.declineCta })
   ] });
 }
 
 // src/components/LanguageSwitcher.tsx
 import { usePersistedState as usePersistedState2 } from "@hook-sdk/sdk";
-import { jsx as jsx24, jsxs as jsxs16 } from "react/jsx-runtime";
+import { jsx as jsx25, jsxs as jsxs17 } from "react/jsx-runtime";
 function LanguageSwitcher({ id, className, label = "Language" }) {
   const config = useAppConfig();
   const i18nConfig = config.i18n;
@@ -2683,43 +2730,43 @@ function LanguageSwitcher({ id, className, label = "Language" }) {
     i18nConfig?.defaultLocale ?? "en-US"
   );
   if (!i18nConfig) return null;
-  return /* @__PURE__ */ jsxs16("label", { className, children: [
-    label ? /* @__PURE__ */ jsx24("span", { children: label }) : null,
-    /* @__PURE__ */ jsx24(
+  return /* @__PURE__ */ jsxs17("label", { className, children: [
+    label ? /* @__PURE__ */ jsx25("span", { children: label }) : null,
+    /* @__PURE__ */ jsx25(
       "select",
       {
         id,
         value: userLocale,
         onChange: (e) => setUserLocale(e.target.value),
         "data-testid": "language-switcher",
-        children: i18nConfig.supportedLocales.map((loc) => /* @__PURE__ */ jsx24("option", { value: loc, children: loc }, loc))
+        children: i18nConfig.supportedLocales.map((loc) => /* @__PURE__ */ jsx25("option", { value: loc, children: loc }, loc))
       }
     )
   ] });
 }
 
 // src/defaults/LoadingState.tsx
-import { jsx as jsx25 } from "react/jsx-runtime";
+import { jsx as jsx26 } from "react/jsx-runtime";
 function LoadingState({ message }) {
-  return /* @__PURE__ */ jsx25("div", { role: "status", "aria-live": "polite", style: { padding: 24, textAlign: "center" }, children: /* @__PURE__ */ jsx25("span", { children: message ?? "Carregando..." }) });
+  return /* @__PURE__ */ jsx26("div", { role: "status", "aria-live": "polite", style: { padding: 24, textAlign: "center" }, children: /* @__PURE__ */ jsx26("span", { children: message ?? "Carregando..." }) });
 }
 
 // src/defaults/EmptyState.tsx
-import { jsx as jsx26, jsxs as jsxs17 } from "react/jsx-runtime";
+import { jsx as jsx27, jsxs as jsxs18 } from "react/jsx-runtime";
 function EmptyState({ title, description, action }) {
-  return /* @__PURE__ */ jsxs17("div", { role: "status", style: { padding: 32, textAlign: "center" }, children: [
-    /* @__PURE__ */ jsx26("h2", { style: { marginBottom: 8 }, children: title }),
-    description && /* @__PURE__ */ jsx26("p", { style: { opacity: 0.7 }, children: description }),
-    action && /* @__PURE__ */ jsx26("div", { style: { marginTop: 16 }, children: action })
+  return /* @__PURE__ */ jsxs18("div", { role: "status", style: { padding: 32, textAlign: "center" }, children: [
+    /* @__PURE__ */ jsx27("h2", { style: { marginBottom: 8 }, children: title }),
+    description && /* @__PURE__ */ jsx27("p", { style: { opacity: 0.7 }, children: description }),
+    action && /* @__PURE__ */ jsx27("div", { style: { marginTop: 16 }, children: action })
   ] });
 }
 
 // src/hooks/useLoginForm.ts
-import { useCallback as useCallback6, useMemo as useMemo4, useState as useState8 } from "react";
-import { useHook as useHook9 } from "@hook-sdk/sdk";
+import { useCallback as useCallback6, useMemo as useMemo4, useState as useState9 } from "react";
+import { useHook as useHook10 } from "@hook-sdk/sdk";
 
 // src/errors.ts
-import { SdkError, SdkAuthError, SdkRateLimitError } from "@hook-sdk/sdk";
+import { SdkError, SdkAuthError, SdkRateLimitError, SdkValidationError } from "@hook-sdk/sdk";
 function mapSdkError(err) {
   if (err instanceof SdkRateLimitError) {
     return {
@@ -2738,6 +2785,9 @@ function mapSdkError(err) {
     }
     return { code: "invalid_credentials", message: "E-mail ou senha inv\xE1lidos." };
   }
+  if (err instanceof SdkValidationError && err.code === "auth.email_taken") {
+    return { code: "email_taken", message: "Esse e-mail j\xE1 tem conta." };
+  }
   if (err instanceof SdkError && err.httpStatus === 0) {
     return { code: "network", message: "Sem conex\xE3o com o servidor. Verifique sua internet." };
   }
@@ -2751,14 +2801,14 @@ function mapSdkError(err) {
 var EMAIL_RE = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
 var MIN_PASSWORD = 8;
 function useLoginForm() {
-  const { auth } = useHook9();
-  const [email, setEmail] = useState8("");
-  const [password, setPassword] = useState8("");
-  const [submitting, setSubmitting] = useState8(false);
-  const [error, setError] = useState8(null);
-  const [touchedEmail, setTouchedEmail] = useState8(false);
-  const [touchedPassword, setTouchedPassword] = useState8(false);
-  const [formSubmitAttempted, setFormSubmitAttempted] = useState8(false);
+  const { auth } = useHook10();
+  const [email, setEmail] = useState9("");
+  const [password, setPassword] = useState9("");
+  const [submitting, setSubmitting] = useState9(false);
+  const [error, setError] = useState9(null);
+  const [touchedEmail, setTouchedEmail] = useState9(false);
+  const [touchedPassword, setTouchedPassword] = useState9(false);
+  const [formSubmitAttempted, setFormSubmitAttempted] = useState9(false);
   const validateEmail = useMemo4(() => {
     if (email.length === 0) return null;
     if (!EMAIL_RE.test(email)) return "Formato de e-mail inv\xE1lido.";
@@ -2806,21 +2856,21 @@ function useLoginForm() {
 }
 
 // src/hooks/useSignupForm.ts
-import { useCallback as useCallback7, useMemo as useMemo5, useState as useState9 } from "react";
-import { useHook as useHook10 } from "@hook-sdk/sdk";
+import { useCallback as useCallback7, useMemo as useMemo5, useState as useState10 } from "react";
+import { useHook as useHook11 } from "@hook-sdk/sdk";
 var EMAIL_RE2 = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
 var MIN_PASSWORD2 = 8;
 function useSignupForm() {
-  const { auth } = useHook10();
-  const [name, setName] = useState9("");
-  const [email, setEmail] = useState9("");
-  const [password, setPassword] = useState9("");
-  const [submitting, setSubmitting] = useState9(false);
-  const [error, setError] = useState9(null);
-  const [touchedName, setTouchedName] = useState9(false);
-  const [touchedEmail, setTouchedEmail] = useState9(false);
-  const [touchedPassword, setTouchedPassword] = useState9(false);
-  const [formSubmitAttempted, setFormSubmitAttempted] = useState9(false);
+  const { auth } = useHook11();
+  const [name, setName] = useState10("");
+  const [email, setEmail] = useState10("");
+  const [password, setPassword] = useState10("");
+  const [submitting, setSubmitting] = useState10(false);
+  const [error, setError] = useState10(null);
+  const [touchedName, setTouchedName] = useState10(false);
+  const [touchedEmail, setTouchedEmail] = useState10(false);
+  const [touchedPassword, setTouchedPassword] = useState10(false);
+  const [formSubmitAttempted, setFormSubmitAttempted] = useState10(false);
   const validateName = useMemo5(() => {
     if (name.length === 0) return null;
     if (name.trim().length < 2) return "Nome muito curto.";
@@ -2878,17 +2928,17 @@ function useSignupForm() {
 }
 
 // src/hooks/useForgotForm.ts
-import { useCallback as useCallback8, useMemo as useMemo6, useState as useState10 } from "react";
-import { useHook as useHook11 } from "@hook-sdk/sdk";
+import { useCallback as useCallback8, useMemo as useMemo6, useState as useState11 } from "react";
+import { useHook as useHook12 } from "@hook-sdk/sdk";
 var EMAIL_RE3 = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
 function useForgotForm() {
-  const { auth } = useHook11();
-  const [email, setEmail] = useState10("");
-  const [submitting, setSubmitting] = useState10(false);
-  const [sent, setSent] = useState10(false);
-  const [error, setError] = useState10(null);
-  const [touchedEmail, setTouchedEmail] = useState10(false);
-  const [formSubmitAttempted, setFormSubmitAttempted] = useState10(false);
+  const { auth } = useHook12();
+  const [email, setEmail] = useState11("");
+  const [submitting, setSubmitting] = useState11(false);
+  const [sent, setSent] = useState11(false);
+  const [error, setError] = useState11(null);
+  const [touchedEmail, setTouchedEmail] = useState11(false);
+  const [formSubmitAttempted, setFormSubmitAttempted] = useState11(false);
   const validateEmail = useMemo6(() => {
     if (email.length === 0) return null;
     if (!EMAIL_RE3.test(email)) return "Formato de e-mail inv\xE1lido.";
@@ -2927,20 +2977,20 @@ function useForgotForm() {
 }
 
 // src/hooks/useResetForm.ts
-import { useCallback as useCallback9, useEffect as useEffect10, useMemo as useMemo7, useState as useState11 } from "react";
-import { useHook as useHook12 } from "@hook-sdk/sdk";
+import { useCallback as useCallback9, useEffect as useEffect10, useMemo as useMemo7, useState as useState12 } from "react";
+import { useHook as useHook13 } from "@hook-sdk/sdk";
 var MIN_PASSWORD3 = 12;
 function useResetForm() {
-  const { auth } = useHook12();
-  const [token, setToken] = useState11(null);
-  const [password, setPassword] = useState11("");
-  const [confirm, setConfirm] = useState11("");
-  const [submitting, setSubmitting] = useState11(false);
-  const [done, setDone] = useState11(false);
-  const [error, setError] = useState11(null);
-  const [touchedPassword, setTouchedPassword] = useState11(false);
-  const [touchedConfirm, setTouchedConfirm] = useState11(false);
-  const [formSubmitAttempted, setFormSubmitAttempted] = useState11(false);
+  const { auth } = useHook13();
+  const [token, setToken] = useState12(null);
+  const [password, setPassword] = useState12("");
+  const [confirm, setConfirm] = useState12("");
+  const [submitting, setSubmitting] = useState12(false);
+  const [done, setDone] = useState12(false);
+  const [error, setError] = useState12(null);
+  const [touchedPassword, setTouchedPassword] = useState12(false);
+  const [touchedConfirm, setTouchedConfirm] = useState12(false);
+  const [formSubmitAttempted, setFormSubmitAttempted] = useState12(false);
   useEffect10(() => {
     if (typeof window === "undefined") return;
     const params = new URLSearchParams(window.location.search);
@@ -3000,9 +3050,9 @@ function useResetForm() {
 }
 
 // src/hooks/usePlan.ts
-import { useHook as useHook13 } from "@hook-sdk/sdk";
+import { useHook as useHook14 } from "@hook-sdk/sdk";
 function usePlan() {
-  const { plan } = useHook13();
+  const { plan } = useHook14();
   return plan;
 }
 
@@ -3036,10 +3086,10 @@ function discountPercent(anchorCents, realCents) {
 
 // src/hooks/useAuthPrimitives.ts
 import { useEffect as useEffect11 } from "react";
-import { useHook as useHook14 } from "@hook-sdk/sdk";
+import { useHook as useHook15 } from "@hook-sdk/sdk";
 var warned = false;
 function useAuthPrimitives() {
-  const { auth } = useHook14();
+  const { auth } = useHook15();
   useEffect11(() => {
     if (!warned && process.env.NODE_ENV !== "production") {
       warned = true;
@@ -3062,9 +3112,9 @@ function useAuthPrimitives() {
 }
 
 // src/hooks/useAuth.ts
-import { useHook as useHook15 } from "@hook-sdk/sdk";
+import { useHook as useHook16 } from "@hook-sdk/sdk";
 function useAuth() {
-  const { user, authStatus, auth } = useHook15();
+  const { user, authStatus, auth } = useHook16();
   return {
     user,
     authStatus,
@@ -3076,22 +3126,22 @@ function useAuth() {
 import { useTrackOnboardingStep } from "@hook-sdk/sdk";
 
 // src/hooks/useSubscription.ts
-import { useHook as useHook16 } from "@hook-sdk/sdk";
+import { useHook as useHook17 } from "@hook-sdk/sdk";
 function useSubscription() {
-  const { subscription } = useHook16();
+  const { subscription } = useHook17();
   return {
     status: subscription.status()
   };
 }
 
 // src/hooks/useReminders.ts
-import { useCallback as useCallback10, useEffect as useEffect12, useState as useState12 } from "react";
-import { useHook as useHook17 } from "@hook-sdk/sdk";
+import { useCallback as useCallback10, useEffect as useEffect12, useState as useState13 } from "react";
+import { useHook as useHook18 } from "@hook-sdk/sdk";
 function useReminders() {
-  const { push } = useHook17();
+  const { push } = useHook18();
   const r = push.reminders;
-  const [reminders, setReminders] = useState12([]);
-  const [loading, setLoading] = useState12(true);
+  const [reminders, setReminders] = useState13([]);
+  const [loading, setLoading] = useState13(true);
   const reload = useCallback10(async () => {
     setLoading(true);
     try {
@@ -3122,9 +3172,9 @@ function useReminders() {
 }
 
 // src/hooks/useToast.ts
-import { useCallback as useCallback11, useState as useState13 } from "react";
+import { useCallback as useCallback11, useState as useState14 } from "react";
 function useToast() {
-  const [items, setItems] = useState13([]);
+  const [items, setItems] = useState14([]);
   const show = useCallback11((message, kind = "info") => {
     const id = `${Date.now()}-${Math.random().toString(36).slice(2, 8)}`;
     setItems((prev) => [...prev, { id, message, kind }]);
@@ -3140,20 +3190,20 @@ function useToast() {
 
 // src/RouteBoundary.tsx
 import { Routes as Routes2, Route as Route2 } from "react-router-dom";
-import { jsx as jsx27, jsxs as jsxs18 } from "react/jsx-runtime";
+import { jsx as jsx28, jsxs as jsxs19 } from "react/jsx-runtime";
 function RouteBoundary({ children }) {
-  return /* @__PURE__ */ jsxs18(Routes2, { children: [
+  return /* @__PURE__ */ jsxs19(Routes2, { children: [
     children,
-    /* @__PURE__ */ jsx27(Route2, { path: "*", element: /* @__PURE__ */ jsx27(DefaultNotFound, {}) })
+    /* @__PURE__ */ jsx28(Route2, { path: "*", element: /* @__PURE__ */ jsx28(DefaultNotFound, {}) })
   ] });
 }
 function DefaultNotFound() {
-  return /* @__PURE__ */ jsx27("div", { role: "alert", children: "P\xE1gina n\xE3o encontrada" });
+  return /* @__PURE__ */ jsx28("div", { role: "alert", children: "P\xE1gina n\xE3o encontrada" });
 }
 
 // src/PreAuthShell.tsx
 import { BrowserRouter as BrowserRouter2, MemoryRouter as MemoryRouter2, Routes as Routes3 } from "react-router-dom";
-import { jsx as jsx28 } from "react/jsx-runtime";
+import { jsx as jsx29 } from "react/jsx-runtime";
 function PreAuthShell({
   basename,
   testRouter,
@@ -3161,14 +3211,14 @@ function PreAuthShell({
   children
 }) {
   if (testRouter === "memory") {
-    return /* @__PURE__ */ jsx28(MemoryRouter2, { basename, initialEntries: testInitialEntries, children: /* @__PURE__ */ jsx28(Routes3, { children }) });
+    return /* @__PURE__ */ jsx29(MemoryRouter2, { basename, initialEntries: testInitialEntries, children: /* @__PURE__ */ jsx29(Routes3, { children }) });
   }
-  return /* @__PURE__ */ jsx28(BrowserRouter2, { basename, children: /* @__PURE__ */ jsx28(Routes3, { children }) });
+  return /* @__PURE__ */ jsx29(BrowserRouter2, { basename, children: /* @__PURE__ */ jsx29(Routes3, { children }) });
 }
 
 // src/OnboardingFlow.tsx
 import { useCallback as useCallback12, useEffect as useEffect13, useMemo as useMemo8, useRef as useRef6 } from "react";
-import { usePersistedState as usePersistedState3, useHook as useHook18 } from "@hook-sdk/sdk";
+import { usePersistedState as usePersistedState3, useHook as useHook19 } from "@hook-sdk/sdk";
 
 // src/hooks/useOnboardingStep.ts
 import { createContext as createContext3, useContext as useContext4 } from "react";
@@ -3184,7 +3234,7 @@ function useOnboardingStep() {
 }
 
 // src/OnboardingFlow.tsx
-import { jsx as jsx29 } from "react/jsx-runtime";
+import { jsx as jsx30 } from "react/jsx-runtime";
 var isFilled = (v) => v != null && v !== "";
 var CURRENT_STEP_FIELD = "currentStep";
 function readPersistedStepIdx(draft) {
@@ -3220,7 +3270,7 @@ function OnboardingFlow({
     [setDraft]
   );
   const step = steps[clampedIdx];
-  const hookCtx = useHook18();
+  const hookCtx = useHook19();
   const track2 = typeof hookCtx.track === "function" ? hookCtx.track : void 0;
   useEffect13(() => {
     if (status.loading) return;
@@ -3274,7 +3324,7 @@ function OnboardingFlow({
       `[hook-template] OnboardingFlow: missing screen component for step '${step.id}' (expected key '${step.screen}' in screens prop)`
     );
   }
-  return /* @__PURE__ */ jsx29(OnboardingStepContext.Provider, { value: ctx, children: /* @__PURE__ */ jsx29(Screen, {}) });
+  return /* @__PURE__ */ jsx30(OnboardingStepContext.Provider, { value: ctx, children: /* @__PURE__ */ jsx30(Screen, {}) });
 }
 
 // src/hooks/useFeature.ts
@@ -3285,15 +3335,15 @@ function useFeature(name) {
 
 // src/components/paywall/Paywall.tsx
 import { useEffect as useEffect14, useMemo as useMemo9 } from "react";
-import { useHook as useHook19 } from "@hook-sdk/sdk";
+import { useHook as useHook20 } from "@hook-sdk/sdk";
 
 // src/components/paywall/PaywallProvider.tsx
 import { createContext as createContext4 } from "react";
-import { jsx as jsx30 } from "react/jsx-runtime";
+import { jsx as jsx31 } from "react/jsx-runtime";
 var PaywallContext = createContext4(null);
 function PaywallProvider({ children }) {
   const state = usePaywallState();
-  return /* @__PURE__ */ jsx30(PaywallContext.Provider, { value: state, children });
+  return /* @__PURE__ */ jsx31(PaywallContext.Provider, { value: state, children });
 }
 
 // src/components/paywall/usePaywallContext.ts
@@ -3307,7 +3357,7 @@ function usePaywallContext() {
 }
 
 // src/components/paywall/PaywallMethodTabs.tsx
-import { jsx as jsx31 } from "react/jsx-runtime";
+import { jsx as jsx32 } from "react/jsx-runtime";
 function PaywallMethodTabs({
   labels,
   className,
@@ -3316,10 +3366,10 @@ function PaywallMethodTabs({
 }) {
   const { methods, selectedMethod, selectMethod } = usePaywallContext();
   if (methods.length < 2) return null;
-  return /* @__PURE__ */ jsx31("div", { role: "tablist", "aria-label": "M\xE9todo de pagamento", className, children: methods.map((m) => {
+  return /* @__PURE__ */ jsx32("div", { role: "tablist", "aria-label": "M\xE9todo de pagamento", className, children: methods.map((m) => {
     const active = m === selectedMethod;
     const label = labels[m] ?? m;
-    return /* @__PURE__ */ jsx31(
+    return /* @__PURE__ */ jsx32(
       "button",
       {
         type: "button",
@@ -3337,16 +3387,16 @@ function PaywallMethodTabs({
 }
 
 // src/components/paywall/PaywallMethodContent.tsx
-import { jsx as jsx32 } from "react/jsx-runtime";
+import { jsx as jsx33 } from "react/jsx-runtime";
 function PaywallMethodContent({ copy, className, rowClassName }) {
   const { selectedMethod, hasConsumedTrial } = usePaywallContext();
   const useCardConsumed = selectedMethod === "card" && hasConsumedTrial && copy.cardConsumedTrial;
   const rows = useCardConsumed ? copy.cardConsumedTrial.bodyRows : selectedMethod === "pix-auto" || selectedMethod === "pix-once" ? copy.pix.bodyRows : copy.card.bodyRows;
-  return /* @__PURE__ */ jsx32("div", { role: "tabpanel", id: `paywall-tab-${selectedMethod}`, className, children: rows.map((row, i) => /* @__PURE__ */ jsx32("div", { className: rowClassName, children: row }, i)) });
+  return /* @__PURE__ */ jsx33("div", { role: "tabpanel", id: `paywall-tab-${selectedMethod}`, className, children: rows.map((row, i) => /* @__PURE__ */ jsx33("div", { className: rowClassName, children: row }, i)) });
 }
 
 // src/components/paywall/PaywallCyclePicker.tsx
-import { jsx as jsx33, jsxs as jsxs19 } from "react/jsx-runtime";
+import { jsx as jsx34, jsxs as jsxs20 } from "react/jsx-runtime";
 var VARIANT_CLASSES = {
   default: { card: "", cardSelected: "" },
   "premium-gold": {
@@ -3371,7 +3421,7 @@ function PaywallCyclePicker({
   const { cycle: selected, setCycle, plan, anchorPriceCents } = ctx;
   const cycles = ["MONTHLY", "YEARLY"];
   if (render) {
-    return /* @__PURE__ */ jsx33("div", { className, children: render({ cycles, selected, setCycle, plan, anchorPriceCents }) });
+    return /* @__PURE__ */ jsx34("div", { className, children: render({ cycles, selected, setCycle, plan, anchorPriceCents }) });
   }
   if (cycles.length < 2) return null;
   const v = VARIANT_CLASSES[variant];
@@ -3381,7 +3431,7 @@ function PaywallCyclePicker({
   const yearlyCents = plan?.yearlyCents ?? 0;
   const anchorMonthly = plan?.anchorMonthlyCents ?? null;
   const anchorYearly = plan?.anchorYearlyCents ?? null;
-  return /* @__PURE__ */ jsx33(
+  return /* @__PURE__ */ jsx34(
     "div",
     {
       role: "radiogroup",
@@ -3393,7 +3443,7 @@ function PaywallCyclePicker({
         const suffix = c === "YEARLY" ? labels.annualSuffix : labels.monthlySuffix;
         const mainCents = c === "YEARLY" ? Math.round(yearlyCents / 12) : monthlyCents;
         const anchorCents = c === "YEARLY" ? anchorYearly : anchorMonthly;
-        return /* @__PURE__ */ jsxs19(
+        return /* @__PURE__ */ jsxs20(
           "button",
           {
             type: "button",
@@ -3406,10 +3456,10 @@ function PaywallCyclePicker({
               active ? composedCardSelectedClassName : ""
             ].filter(Boolean).join(" "),
             children: [
-              /* @__PURE__ */ jsx33("span", { className: "font-bold text-base leading-tight", children: formatBRL(mainCents) }),
-              /* @__PURE__ */ jsx33("span", { className: "text-xs opacity-70 leading-tight", children: suffix }),
-              /* @__PURE__ */ jsx33("span", { className: "text-xs opacity-60 leading-tight", children: label }),
-              anchorCents != null && anchorCents > mainCents ? /* @__PURE__ */ jsx33("span", { className: anchorClassName ?? "text-xs opacity-50", children: /* @__PURE__ */ jsx33("s", { children: formatBRL(anchorCents) }) }) : null
+              /* @__PURE__ */ jsx34("span", { className: "font-bold text-base leading-tight", children: formatBRL(mainCents) }),
+              /* @__PURE__ */ jsx34("span", { className: "text-xs opacity-70 leading-tight", children: suffix }),
+              /* @__PURE__ */ jsx34("span", { className: "text-xs opacity-60 leading-tight", children: label }),
+              anchorCents != null && anchorCents > mainCents ? /* @__PURE__ */ jsx34("span", { className: anchorClassName ?? "text-xs opacity-50", children: /* @__PURE__ */ jsx34("s", { children: formatBRL(anchorCents) }) }) : null
             ]
           },
           c
@@ -3420,7 +3470,7 @@ function PaywallCyclePicker({
 }
 
 // src/components/paywall/Paywall.tsx
-import { jsx as jsx34, jsxs as jsxs20 } from "react/jsx-runtime";
+import { jsx as jsx35, jsxs as jsxs21 } from "react/jsx-runtime";
 var NBSP = "\xA0";
 function Paywall({
   copy,
@@ -3428,7 +3478,7 @@ function Paywall({
   slots = {},
   onBeforeCheckout
 }) {
-  return /* @__PURE__ */ jsx34(PaywallProvider, { children: /* @__PURE__ */ jsx34(
+  return /* @__PURE__ */ jsx35(PaywallProvider, { children: /* @__PURE__ */ jsx35(
     PaywallInner,
     {
       copy,
@@ -3444,7 +3494,7 @@ function PaywallInner({
   slots = {},
   onBeforeCheckout
 }) {
-  const { track: track2 } = useHook19();
+  const { track: track2 } = useHook20();
   const s = usePaywallContext();
   const priceLabel = formatBRL(s.currentPriceCents).replace(new RegExp(NBSP, "g"), " ");
   const trialDaysCardLabel = String(s.trialDaysCard);
@@ -3501,15 +3551,15 @@ function PaywallInner({
     await s.submit();
   };
   const ctaTheme = s.selectedMethod === "card" ? themeClasses.ctaCard : themeClasses.ctaPix;
-  return /* @__PURE__ */ jsxs20("div", { className: themeClasses.container, children: [
+  return /* @__PURE__ */ jsxs21("div", { className: themeClasses.container, children: [
     slots.heroSlot,
-    /* @__PURE__ */ jsx34("h1", { className: themeClasses.headline, children: copy.headline }),
-    /* @__PURE__ */ jsx34("ul", { children: copy.features.map((f) => /* @__PURE__ */ jsxs20("li", { className: themeClasses.feature, children: [
+    /* @__PURE__ */ jsx35("h1", { className: themeClasses.headline, children: copy.headline }),
+    /* @__PURE__ */ jsx35("ul", { children: copy.features.map((f) => /* @__PURE__ */ jsxs21("li", { className: themeClasses.feature, children: [
       "\u2713 ",
-      /* @__PURE__ */ jsx34("span", { children: f })
+      /* @__PURE__ */ jsx35("span", { children: f })
     ] }, f)) }),
-    copy.socialProof ? /* @__PURE__ */ jsx34("p", { className: themeClasses.socialProof, children: copy.socialProof }) : null,
-    slots.cyclePickerSlot ?? /* @__PURE__ */ jsx34(
+    copy.socialProof ? /* @__PURE__ */ jsx35("p", { className: themeClasses.socialProof, children: copy.socialProof }) : null,
+    slots.cyclePickerSlot ?? /* @__PURE__ */ jsx35(
       PaywallCyclePicker,
       {
         labels: copy.cycle,
@@ -3518,7 +3568,7 @@ function PaywallInner({
         anchorClassName: themeClasses.anchorPrice
       }
     ),
-    /* @__PURE__ */ jsx34(
+    /* @__PURE__ */ jsx35(
       PaywallMethodTabs,
       {
         labels: { "pix-auto": copy.pix.tabLabel, card: copy.card.tabLabel },
@@ -3527,7 +3577,7 @@ function PaywallInner({
         tabActiveClassName: themeClasses.tabActive
       }
     ),
-    /* @__PURE__ */ jsx34(
+    /* @__PURE__ */ jsx35(
       PaywallMethodContent,
       {
         copy: {
@@ -3545,8 +3595,8 @@ function PaywallInner({
       }
     ),
     slots.beforeCtaSlot,
-    /* @__PURE__ */ jsxs20("div", { children: [
-      /* @__PURE__ */ jsx34(
+    /* @__PURE__ */ jsxs21("div", { children: [
+      /* @__PURE__ */ jsx35(
         "button",
         {
           type: "button",
@@ -3558,8 +3608,8 @@ function PaywallInner({
           children: s.submitting ? "Abrindo checkout\u2026" : ctaLabel
         }
       ),
-      switchHint ? /* @__PURE__ */ jsx34("p", { className: themeClasses.switchHint, children: switchHint }) : null,
-      /* @__PURE__ */ jsx34("p", { className: themeClasses.trustLine, children: copy.trustLine })
+      switchHint ? /* @__PURE__ */ jsx35("p", { className: themeClasses.switchHint, children: switchHint }) : null,
+      /* @__PURE__ */ jsx35("p", { className: themeClasses.trustLine, children: copy.trustLine })
     ] })
   ] });
 }
@@ -3576,7 +3626,7 @@ function interpolateCopy(m, price, days) {
 }
 
 // src/components/paywall/PaywallCta.tsx
-import { jsx as jsx35, jsxs as jsxs21 } from "react/jsx-runtime";
+import { jsx as jsx36, jsxs as jsxs22 } from "react/jsx-runtime";
 function PaywallCta({
   ctaLabel,
   loadingLabel,
@@ -3589,8 +3639,8 @@ function PaywallCta({
 }) {
   const { submit, submitting } = usePaywallContext();
   const label = submitting && loadingLabel ? loadingLabel : ctaLabel;
-  return /* @__PURE__ */ jsxs21("div", { className, children: [
-    /* @__PURE__ */ jsx35(
+  return /* @__PURE__ */ jsxs22("div", { className, children: [
+    /* @__PURE__ */ jsx36(
       "button",
       {
         type: "button",
@@ -3602,20 +3652,20 @@ function PaywallCta({
         children: label
       }
     ),
-    switchHint ? /* @__PURE__ */ jsx35("p", { className: switchHintClassName, children: switchHint }) : null,
-    /* @__PURE__ */ jsx35("p", { className: trustClassName, children: trustLine })
+    switchHint ? /* @__PURE__ */ jsx36("p", { className: switchHintClassName, children: switchHint }) : null,
+    /* @__PURE__ */ jsx36("p", { className: trustClassName, children: trustLine })
   ] });
 }
 
 // src/components/paywall/blocks/PaywallEyebrow.tsx
-import { jsx as jsx36 } from "react/jsx-runtime";
+import { jsx as jsx37 } from "react/jsx-runtime";
 var DEFAULT_EYEBROW_CLASSES = "text-xs uppercase tracking-widest font-semibold opacity-70";
 function PaywallEyebrow({ text, className }) {
-  return /* @__PURE__ */ jsx36("div", { className: [DEFAULT_EYEBROW_CLASSES, className].filter(Boolean).join(" "), children: text });
+  return /* @__PURE__ */ jsx37("div", { className: [DEFAULT_EYEBROW_CLASSES, className].filter(Boolean).join(" "), children: text });
 }
 
 // src/components/paywall/blocks/PaywallHero.tsx
-import { jsx as jsx37, jsxs as jsxs22 } from "react/jsx-runtime";
+import { jsx as jsx38, jsxs as jsxs23 } from "react/jsx-runtime";
 var DEFAULT_GRADIENT = "absolute inset-0 bg-gradient-to-t from-black/70 via-black/20 to-transparent";
 function PaywallHero({
   src,
@@ -3629,15 +3679,15 @@ function PaywallHero({
   render
 }) {
   if (render) {
-    return /* @__PURE__ */ jsx37("div", { className, children: render({ src, headline }) });
+    return /* @__PURE__ */ jsx38("div", { className, children: render({ src, headline }) });
   }
-  return /* @__PURE__ */ jsxs22(
+  return /* @__PURE__ */ jsxs23(
     "div",
     {
       className: ["relative overflow-hidden", className].filter(Boolean).join(" "),
       style: { aspectRatio },
       children: [
-        /* @__PURE__ */ jsx37(
+        /* @__PURE__ */ jsx38(
           "img",
           {
             src,
@@ -3645,8 +3695,8 @@ function PaywallHero({
             className: ["absolute inset-0 w-full h-full object-cover", imgClassName].filter(Boolean).join(" ")
           }
         ),
-        /* @__PURE__ */ jsx37("div", { className: gradientClassName ?? DEFAULT_GRADIENT, "aria-hidden": "true" }),
-        headline ? /* @__PURE__ */ jsx37(
+        /* @__PURE__ */ jsx38("div", { className: gradientClassName ?? DEFAULT_GRADIENT, "aria-hidden": "true" }),
+        headline ? /* @__PURE__ */ jsx38(
           "h1",
           {
             className: ["absolute bottom-0 left-0 right-0 p-4 text-white font-bold text-2xl", headlineClassName].filter(Boolean).join(" "),
@@ -3659,15 +3709,15 @@ function PaywallHero({
 }
 
 // src/components/paywall/blocks/PaywallHeadline.tsx
-import { jsx as jsx38 } from "react/jsx-runtime";
+import { jsx as jsx39 } from "react/jsx-runtime";
 var DEFAULT_HEADLINE_CLASSES = "text-2xl font-bold leading-tight";
 function PaywallHeadline({ text, className, as = "h1" }) {
   const Tag = as;
-  return /* @__PURE__ */ jsx38(Tag, { className: [DEFAULT_HEADLINE_CLASSES, className].filter(Boolean).join(" "), children: text });
+  return /* @__PURE__ */ jsx39(Tag, { className: [DEFAULT_HEADLINE_CLASSES, className].filter(Boolean).join(" "), children: text });
 }
 
 // src/components/paywall/blocks/PaywallPriceHeadline.tsx
-import { jsx as jsx39 } from "react/jsx-runtime";
+import { jsx as jsx40 } from "react/jsx-runtime";
 var DEFAULT_CLASS = "text-2xl font-bold leading-tight";
 var CYCLE_LABEL = {
   MONTHLY: "mensal",
@@ -3687,16 +3737,16 @@ function PaywallPriceHeadline({
   const rootClasses = [DEFAULT_CLASS, className].filter(Boolean).join(" ");
   if (render) {
     const RootTag2 = as;
-    return /* @__PURE__ */ jsx39(RootTag2, { className: [className].filter(Boolean).join(" ") || void 0, children: render({ pricePerDay, currentMonthlyEquivCents: monthlyEquiv, cycle }) });
+    return /* @__PURE__ */ jsx40(RootTag2, { className: [className].filter(Boolean).join(" ") || void 0, children: render({ pricePerDay, currentMonthlyEquivCents: monthlyEquiv, cycle }) });
   }
   const text = template.replaceAll("{pricePerDay}", pricePerDay).replaceAll("{currentMonthlyEquiv}", formatBRL(monthlyEquiv)).replaceAll("{cycle}", cycleLabel);
   const RootTag = as;
-  return /* @__PURE__ */ jsx39(RootTag, { className: rootClasses, children: text });
+  return /* @__PURE__ */ jsx40(RootTag, { className: rootClasses, children: text });
 }
 
 // src/components/paywall/blocks/PaywallCountdown.tsx
-import { useEffect as useEffect15, useRef as useRef7, useState as useState14 } from "react";
-import { jsx as jsx40 } from "react/jsx-runtime";
+import { useEffect as useEffect15, useRef as useRef7, useState as useState15 } from "react";
+import { jsx as jsx41 } from "react/jsx-runtime";
 var DEFAULT_COUNTDOWN_CLASSES = "font-mono tabular-nums";
 function resolveDeadlineMs(deadline) {
   if (deadline instanceof Date) return deadline.getTime();
@@ -3737,7 +3787,7 @@ function PaywallCountdown({
   if (deadlineMsRef.current === null) {
     deadlineMsRef.current = resolveDeadlineMs(deadline);
   }
-  const [state, setState] = useState14(() => computeRemaining(deadlineMsRef.current));
+  const [state, setState] = useState15(() => computeRemaining(deadlineMsRef.current));
   const expiredCalledRef = useRef7(false);
   useEffect15(() => {
     if (state.expired) {
@@ -3759,14 +3809,14 @@ function PaywallCountdown({
     return () => clearInterval(id);
   }, [state.expired]);
   if (render) {
-    return /* @__PURE__ */ jsx40("div", { className, children: render(state) });
+    return /* @__PURE__ */ jsx41("div", { className, children: render(state) });
   }
   const formatted = format === "h:m:s" ? `${pad(state.h)}:${pad(state.m)}:${pad(state.s)}` : `${pad(state.h * 60 + state.m)}:${pad(state.s)}`;
-  return /* @__PURE__ */ jsx40("div", { className: [DEFAULT_COUNTDOWN_CLASSES, className].filter(Boolean).join(" "), children: formatted });
+  return /* @__PURE__ */ jsx41("div", { className: [DEFAULT_COUNTDOWN_CLASSES, className].filter(Boolean).join(" "), children: formatted });
 }
 
 // src/components/paywall/blocks/PaywallFeatures.tsx
-import { jsx as jsx41, jsxs as jsxs23 } from "react/jsx-runtime";
+import { jsx as jsx42, jsxs as jsxs24 } from "react/jsx-runtime";
 function PaywallFeatures({
   items,
   IconComponent,
@@ -3777,19 +3827,19 @@ function PaywallFeatures({
   renderItem
 }) {
   if (render) {
-    return /* @__PURE__ */ jsx41("div", { className, children: render({ items }) });
+    return /* @__PURE__ */ jsx42("div", { className, children: render({ items }) });
   }
   if (renderItem) {
-    return /* @__PURE__ */ jsx41("ul", { className, children: items.map((item, idx) => /* @__PURE__ */ jsx41("li", { children: renderItem(item, idx) }, idx)) });
+    return /* @__PURE__ */ jsx42("ul", { className, children: items.map((item, idx) => /* @__PURE__ */ jsx42("li", { children: renderItem(item, idx) }, idx)) });
   }
-  return /* @__PURE__ */ jsx41("ul", { className, children: items.map((item, idx) => /* @__PURE__ */ jsxs23("li", { className: itemClassName, children: [
-    IconComponent ? /* @__PURE__ */ jsx41(IconComponent, { className: iconClassName }) : /* @__PURE__ */ jsx41("span", { className: iconClassName, "aria-hidden": "true", children: "\u2713" }),
-    /* @__PURE__ */ jsx41("span", { children: item })
+  return /* @__PURE__ */ jsx42("ul", { className, children: items.map((item, idx) => /* @__PURE__ */ jsxs24("li", { className: itemClassName, children: [
+    IconComponent ? /* @__PURE__ */ jsx42(IconComponent, { className: iconClassName }) : /* @__PURE__ */ jsx42("span", { className: iconClassName, "aria-hidden": "true", children: "\u2713" }),
+    /* @__PURE__ */ jsx42("span", { children: item })
   ] }, idx)) });
 }
 
 // src/components/paywall/blocks/PaywallFeaturesCard.tsx
-import { jsx as jsx42, jsxs as jsxs24 } from "react/jsx-runtime";
+import { jsx as jsx43, jsxs as jsxs25 } from "react/jsx-runtime";
 var DEFAULT_CARD_CLASSES = "rounded-xl border p-4";
 function PaywallFeaturesCard({
   title,
@@ -3800,20 +3850,20 @@ function PaywallFeaturesCard({
   itemClassName,
   renderItem
 }) {
-  return /* @__PURE__ */ jsx42("div", { className, children: /* @__PURE__ */ jsxs24("div", { className: [DEFAULT_CARD_CLASSES, cardClassName].filter(Boolean).join(" "), children: [
-    title ? /* @__PURE__ */ jsx42("div", { className: ["font-semibold mb-2", titleClassName].filter(Boolean).join(" "), children: title }) : null,
-    /* @__PURE__ */ jsx42("ul", { children: items.map(
-      (item, idx) => renderItem ? /* @__PURE__ */ jsx42("li", { children: renderItem(item, idx) }, idx) : /* @__PURE__ */ jsxs24("li", { className: itemClassName, children: [
-        /* @__PURE__ */ jsx42("span", { "aria-hidden": "true", children: "\u2022" }),
+  return /* @__PURE__ */ jsx43("div", { className, children: /* @__PURE__ */ jsxs25("div", { className: [DEFAULT_CARD_CLASSES, cardClassName].filter(Boolean).join(" "), children: [
+    title ? /* @__PURE__ */ jsx43("div", { className: ["font-semibold mb-2", titleClassName].filter(Boolean).join(" "), children: title }) : null,
+    /* @__PURE__ */ jsx43("ul", { children: items.map(
+      (item, idx) => renderItem ? /* @__PURE__ */ jsx43("li", { children: renderItem(item, idx) }, idx) : /* @__PURE__ */ jsxs25("li", { className: itemClassName, children: [
+        /* @__PURE__ */ jsx43("span", { "aria-hidden": "true", children: "\u2022" }),
         " ",
-        /* @__PURE__ */ jsx42("span", { children: item })
+        /* @__PURE__ */ jsx43("span", { children: item })
       ] }, idx)
     ) })
   ] }) });
 }
 
 // src/components/paywall/blocks/PaywallTrophyBadge.tsx
-import { jsx as jsx43, jsxs as jsxs25 } from "react/jsx-runtime";
+import { jsx as jsx44, jsxs as jsxs26 } from "react/jsx-runtime";
 var DEFAULT_CHIP_CLASSES = "inline-flex items-center gap-1 px-3 py-1 rounded-full bg-yellow-100 text-yellow-900 text-sm font-medium";
 var FLOATING_CLASSES = "absolute top-2 right-2 z-10 shadow-md";
 function PaywallTrophyBadge({
@@ -3824,21 +3874,21 @@ function PaywallTrophyBadge({
   render
 }) {
   if (render) {
-    return /* @__PURE__ */ jsx43("div", { className, children: render({ text }) });
+    return /* @__PURE__ */ jsx44("div", { className, children: render({ text }) });
   }
   const rootClasses = [
     DEFAULT_CHIP_CLASSES,
     floating ? FLOATING_CLASSES : "",
     className
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ jsxs25("div", { className: rootClasses, children: [
-    /* @__PURE__ */ jsx43("span", { className: iconClassName, "aria-hidden": "true", children: "\u{1F3C6}" }),
-    /* @__PURE__ */ jsx43("span", { children: text })
+  return /* @__PURE__ */ jsxs26("div", { className: rootClasses, children: [
+    /* @__PURE__ */ jsx44("span", { className: iconClassName, "aria-hidden": "true", children: "\u{1F3C6}" }),
+    /* @__PURE__ */ jsx44("span", { children: text })
   ] });
 }
 
 // src/components/paywall/blocks/PaywallAnchorPrice.tsx
-import { jsx as jsx44 } from "react/jsx-runtime";
+import { jsx as jsx45 } from "react/jsx-runtime";
 var DEFAULT_CLASS2 = "text-sm opacity-60 line-through";
 function PaywallAnchorPrice({
   className,
@@ -3852,13 +3902,13 @@ function PaywallAnchorPrice({
   const formatted = formatBRL(anchorPriceCents);
   const rootClasses = [DEFAULT_CLASS2, className].filter(Boolean).join(" ");
   if (render) {
-    return /* @__PURE__ */ jsx44("span", { className: className || void 0, children: render({ anchorCents: anchorPriceCents, formatted }) });
+    return /* @__PURE__ */ jsx45("span", { className: className || void 0, children: render({ anchorCents: anchorPriceCents, formatted }) });
   }
-  return /* @__PURE__ */ jsx44("span", { className: rootClasses, children: formatted });
+  return /* @__PURE__ */ jsx45("span", { className: rootClasses, children: formatted });
 }
 
 // src/components/paywall/blocks/PaywallTestimonials.tsx
-import { jsx as jsx45, jsxs as jsxs26 } from "react/jsx-runtime";
+import { jsx as jsx46, jsxs as jsxs27 } from "react/jsx-runtime";
 var DEFAULT_ROOT = "flex gap-3 overflow-x-auto snap-x snap-mandatory pb-2";
 var DEFAULT_CARD = "snap-start shrink-0 w-72 rounded-2xl border p-4 flex flex-col gap-2";
 var DEFAULT_AVATAR = "w-10 h-10 rounded-full object-cover";
@@ -3884,13 +3934,13 @@ function PaywallTestimonials({
   const quoteClasses = [DEFAULT_QUOTE, quoteClassName].filter(Boolean).join(" ");
   const nameClasses = [DEFAULT_NAME, nameClassName].filter(Boolean).join(" ");
   const starsClasses = [DEFAULT_STARS, starsClassName].filter(Boolean).join(" ");
-  return /* @__PURE__ */ jsx45("div", { className: rootClasses, children: items.map((item, idx) => {
+  return /* @__PURE__ */ jsx46("div", { className: rootClasses, children: items.map((item, idx) => {
     if (renderItem) return renderItem(item, idx);
     const filled = clampStars(item.stars);
     const empty = 5 - filled;
-    return /* @__PURE__ */ jsxs26("div", { className: cardClasses, children: [
-      /* @__PURE__ */ jsxs26("div", { className: "flex items-center gap-2", children: [
-        item.avatar ? /* @__PURE__ */ jsx45(
+    return /* @__PURE__ */ jsxs27("div", { className: cardClasses, children: [
+      /* @__PURE__ */ jsxs27("div", { className: "flex items-center gap-2", children: [
+        item.avatar ? /* @__PURE__ */ jsx46(
           "img",
           {
             src: item.avatar,
@@ -3900,19 +3950,19 @@ function PaywallTestimonials({
             "aria-hidden": "true"
           }
         ) : null,
-        /* @__PURE__ */ jsx45("div", { className: nameClasses, children: item.name })
+        /* @__PURE__ */ jsx46("div", { className: nameClasses, children: item.name })
       ] }),
-      /* @__PURE__ */ jsxs26("div", { className: starsClasses, "aria-label": `${filled} de 5 estrelas`, children: [
+      /* @__PURE__ */ jsxs27("div", { className: starsClasses, "aria-label": `${filled} de 5 estrelas`, children: [
         "\u2605".repeat(filled),
         "\u2606".repeat(empty)
       ] }),
-      /* @__PURE__ */ jsx45("p", { className: quoteClasses, children: item.quote })
+      /* @__PURE__ */ jsx46("p", { className: quoteClasses, children: item.quote })
     ] }, idx);
   }) });
 }
 
 // src/components/paywall/blocks/PaywallStatsRow.tsx
-import { jsx as jsx46, jsxs as jsxs27 } from "react/jsx-runtime";
+import { jsx as jsx47, jsxs as jsxs28 } from "react/jsx-runtime";
 var DEFAULT_ROOT2 = "grid grid-cols-3 gap-4";
 var DEFAULT_CELL = "flex flex-col items-center text-center";
 var DEFAULT_VALUE = "text-2xl font-bold";
@@ -3929,18 +3979,18 @@ function PaywallStatsRow({
   const cellClasses = [DEFAULT_CELL, cellClassName].filter(Boolean).join(" ");
   const valueClasses = [DEFAULT_VALUE, valueClassName].filter(Boolean).join(" ");
   const labelClasses = [DEFAULT_LABEL, labelClassName].filter(Boolean).join(" ");
-  return /* @__PURE__ */ jsx46("div", { className: rootClasses, children: stats.map((stat, idx) => {
+  return /* @__PURE__ */ jsx47("div", { className: rootClasses, children: stats.map((stat, idx) => {
     if (renderCell) return renderCell(stat, idx);
-    return /* @__PURE__ */ jsxs27("div", { className: cellClasses, children: [
-      stat.icon ? /* @__PURE__ */ jsx46("div", { "aria-hidden": "true", children: stat.icon }) : null,
-      /* @__PURE__ */ jsx46("div", { className: valueClasses, children: stat.value }),
-      /* @__PURE__ */ jsx46("div", { className: labelClasses, children: stat.label })
+    return /* @__PURE__ */ jsxs28("div", { className: cellClasses, children: [
+      stat.icon ? /* @__PURE__ */ jsx47("div", { "aria-hidden": "true", children: stat.icon }) : null,
+      /* @__PURE__ */ jsx47("div", { className: valueClasses, children: stat.value }),
+      /* @__PURE__ */ jsx47("div", { className: labelClasses, children: stat.label })
     ] }, idx);
   }) });
 }
 
 // src/components/paywall/blocks/PaywallFinePrint.tsx
-import { jsx as jsx47 } from "react/jsx-runtime";
+import { jsx as jsx48 } from "react/jsx-runtime";
 var DEFAULT_CLASS3 = "text-xs opacity-60 leading-snug";
 var CYCLE_LABEL2 = {
   MONTHLY: "mensal",
@@ -3963,7 +4013,7 @@ function PaywallFinePrint({
   const priceFormatted = formatBRL(currentPriceCents ?? 0);
   const rootClasses = [DEFAULT_CLASS3, className].filter(Boolean).join(" ");
   if (render) {
-    return /* @__PURE__ */ jsx47("p", { className: className || void 0, children: render({
+    return /* @__PURE__ */ jsx48("p", { className: className || void 0, children: render({
       currentPriceCents: currentPriceCents ?? 0,
       cycle,
       trialDays: trialDays ?? 0,
@@ -3971,11 +4021,11 @@ function PaywallFinePrint({
     }) });
   }
   const text = template.replaceAll("{price}", priceFormatted).replaceAll("{trialDays}", String(trialDays ?? 0)).replaceAll("{cycle}", cycleLabel);
-  return /* @__PURE__ */ jsx47("p", { className: rootClasses, children: text });
+  return /* @__PURE__ */ jsx48("p", { className: rootClasses, children: text });
 }
 
 // src/components/paywall/blocks/PaywallTrustLine.tsx
-import { jsx as jsx48, jsxs as jsxs28 } from "react/jsx-runtime";
+import { jsx as jsx49, jsxs as jsxs29 } from "react/jsx-runtime";
 var DEFAULT_ROOT3 = "flex items-center gap-3";
 var DEFAULT_ITEM = "flex items-center gap-1.5 text-xs";
 function PaywallTrustLine({
@@ -3986,17 +4036,17 @@ function PaywallTrustLine({
 }) {
   const rootClasses = [DEFAULT_ROOT3, className].filter(Boolean).join(" ");
   const itemClasses = [DEFAULT_ITEM, itemClassName].filter(Boolean).join(" ");
-  return /* @__PURE__ */ jsx48("div", { className: rootClasses, children: items.map((item, idx) => {
+  return /* @__PURE__ */ jsx49("div", { className: rootClasses, children: items.map((item, idx) => {
     if (renderItem) return renderItem(item, idx);
-    return /* @__PURE__ */ jsxs28("span", { className: itemClasses, children: [
-      /* @__PURE__ */ jsx48("span", { "aria-hidden": "true", children: item.icon }),
-      /* @__PURE__ */ jsx48("span", { children: item.text })
+    return /* @__PURE__ */ jsxs29("span", { className: itemClasses, children: [
+      /* @__PURE__ */ jsx49("span", { "aria-hidden": "true", children: item.icon }),
+      /* @__PURE__ */ jsx49("span", { children: item.text })
     ] }, idx);
   }) });
 }
 
 // src/components/paywall/blocks/PaywallStickyFooter.tsx
-import { jsx as jsx49 } from "react/jsx-runtime";
+import { jsx as jsx50 } from "react/jsx-runtime";
 var DEFAULT_CLASSES = "sticky bottom-0 left-0 right-0 bg-background";
 var SAFE_AREA_CLASS = "pb-[env(safe-area-inset-bottom)]";
 function PaywallStickyFooter({
@@ -4005,7 +4055,7 @@ function PaywallStickyFooter({
   safeAreaInsets = true
 }) {
   const classes = [DEFAULT_CLASSES, safeAreaInsets ? SAFE_AREA_CLASS : null, className].filter(Boolean).join(" ");
-  return /* @__PURE__ */ jsx49("div", { className: classes, children });
+  return /* @__PURE__ */ jsx50("div", { className: classes, children });
 }
 export {
   AppConfigProvider,