@hook-sdk/template 0.28.1 → 0.28.4

package/dist/index.cjs

@@ -105,14 +105,14 @@ __export(index_exports, {
   useSignupForm: () => useSignupForm,
   useSubscription: () => useSubscription,
   useToast: () => useToast,
-  useTrackOnboardingStep: () => import_sdk25.useTrackOnboardingStep
+  useTrackOnboardingStep: () => import_sdk26.useTrackOnboardingStep
 });
 module.exports = __toCommonJS(index_exports);
 
 // src/AppRoot.tsx
-var import_react15 = require("react");
+var import_react16 = require("react");
 var import_react_router_dom2 = require("react-router-dom");
-var import_sdk8 = require("@hook-sdk/sdk");
+var import_sdk9 = require("@hook-sdk/sdk");
 
 // src/config/AppConfigContext.tsx
 var import_react = require("react");
@@ -2144,10 +2144,54 @@ function SessionExpiredBanner() {
   ] });
 }
 
-// src/defaults/ErrorBoundary.tsx
+// src/internal/EmailVerifyBanner.tsx
 var import_react11 = require("react");
+var import_sdk5 = require("@hook-sdk/sdk");
 var import_jsx_runtime18 = require("react/jsx-runtime");
-var ErrorBoundary = class extends import_react11.Component {
+function EmailVerifyBanner() {
+  const { user, auth } = (0, import_sdk5.useHook)();
+  const [sending, setSending] = (0, import_react11.useState)(false);
+  const [sent, setSent] = (0, import_react11.useState)(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__ */ (0, import_jsx_runtime18.jsxs)(
+    "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__ */ (0, import_jsx_runtime18.jsx)("span", { children: "Confirma teu e-mail pra liberar tudo." }),
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+          "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
+var import_react12 = require("react");
+var import_jsx_runtime19 = require("react/jsx-runtime");
+var ErrorBoundary = class extends import_react12.Component {
   state = { error: null };
   static getDerivedStateFromError(error) {
     return { error };
@@ -2164,21 +2208,21 @@ var ErrorBoundary = class extends import_react11.Component {
   }
   render() {
     if (this.state.error) {
-      return this.props.fallback ?? /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { role: "alert", style: { padding: 24, textAlign: "center" }, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("h2", { children: "Algo deu errado" }),
-        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("p", { style: { opacity: 0.7 }, children: "Recarregue a p\xE1gina pra tentar de novo." })
+      return this.props.fallback ?? /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { role: "alert", style: { padding: 24, textAlign: "center" }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("h2", { children: "Algo deu errado" }),
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("p", { style: { opacity: 0.7 }, children: "Recarregue a p\xE1gina pra tentar de novo." })
       ] });
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_jsx_runtime18.Fragment, { children: this.props.children });
+    return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_jsx_runtime19.Fragment, { children: this.props.children });
   }
 };
 
 // src/i18n/I18nProvider.tsx
-var import_react12 = require("react");
+var import_react13 = require("react");
 var import_i18next = __toESM(require("i18next"), 1);
 var import_react_i18next = require("react-i18next");
-var import_sdk5 = require("@hook-sdk/sdk");
-var import_jsx_runtime19 = require("react/jsx-runtime");
+var import_sdk6 = require("@hook-sdk/sdk");
+var import_jsx_runtime20 = require("react/jsx-runtime");
 function ensureInitialized(defaultLocale, supportedLocales, resources, initialLocale) {
   if (import_i18next.default.isInitialized) return;
   import_i18next.default.use(import_react_i18next.initReactI18next).init({
@@ -2200,14 +2244,14 @@ function I18nProvider({
   resources,
   children
 }) {
-  const [userLocale] = (0, import_sdk5.usePersistedState)("user-locale", defaultLocale);
+  const [userLocale] = (0, import_sdk6.usePersistedState)("user-locale", defaultLocale);
   ensureInitialized(defaultLocale, supportedLocales, resources, userLocale);
-  (0, import_react12.useEffect)(() => {
+  (0, import_react13.useEffect)(() => {
     if (import_i18next.default.isInitialized && import_i18next.default.language !== userLocale) {
       import_i18next.default.changeLanguage(userLocale);
     }
   }, [userLocale]);
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_react_i18next.I18nextProvider, { i18n: import_i18next.default, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_react_i18next.I18nextProvider, { i18n: import_i18next.default, children });
 }
 
 // src/dev/env.ts
@@ -2218,9 +2262,9 @@ function isDevToolsEnabled() {
 }
 
 // src/dev/DevSkipOnboardingFab.tsx
-var import_react13 = require("react");
-var import_sdk6 = require("@hook-sdk/sdk");
-var import_jsx_runtime20 = require("react/jsx-runtime");
+var import_react14 = require("react");
+var import_sdk7 = require("@hook-sdk/sdk");
+var import_jsx_runtime21 = require("react/jsx-runtime");
 var STORAGE_KEY = "hook_dev_skip_email";
 var TEST_EMAIL_DOMAIN = "@hook.test";
 var TEST_PASSWORD = "SkipTest!2026";
@@ -2287,25 +2331,25 @@ var STYLES = {
 };
 var CONFIRM_TIMEOUT_MS = 3e3;
 function DevSkipOnboardingFab({ defaults }) {
-  const hook = (0, import_sdk6.useHook)();
+  const hook = (0, import_sdk7.useHook)();
   const { slug } = useAppConfig();
-  const [state, setState] = (0, import_react13.useState)("idle");
-  const [errorMsg, setErrorMsg] = (0, import_react13.useState)(null);
-  const timerRef = (0, import_react13.useRef)(null);
+  const [state, setState] = (0, import_react14.useState)("idle");
+  const [errorMsg, setErrorMsg] = (0, import_react14.useState)(null);
+  const timerRef = (0, import_react14.useRef)(null);
   const isAuthed = hook.authStatus === "authenticated";
-  const [onboarding] = (0, import_sdk6.usePersistedState)(
+  const [onboarding] = (0, import_sdk7.usePersistedState)(
     "onboarding_data",
     null,
     { enabled: isAuthed }
   );
   const onboardingCompleted = isAuthed && onboarding?.onboarding_completed === true;
-  const clearTimer = (0, import_react13.useCallback)(() => {
+  const clearTimer = (0, import_react14.useCallback)(() => {
     if (timerRef.current) {
       clearTimeout(timerRef.current);
       timerRef.current = null;
     }
   }, []);
-  const onClick = (0, import_react13.useCallback)(async () => {
+  const onClick = (0, import_react14.useCallback)(async () => {
     if (state === "busy") return;
     if (state === "idle" || state === "error") {
       setState("confirm");
@@ -2335,7 +2379,7 @@ function DevSkipOnboardingFab({ defaults }) {
     ...state === "confirm" || state === "error" ? STYLES.confirm : {},
     ...state === "busy" ? STYLES.busy : {}
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
     "button",
     {
       type: "button",
@@ -2350,21 +2394,21 @@ function DevSkipOnboardingFab({ defaults }) {
 }
 
 // src/internal/PaymentReturnHandler.tsx
-var import_react14 = require("react");
-var import_sdk7 = require("@hook-sdk/sdk");
-var import_jsx_runtime21 = require("react/jsx-runtime");
+var import_react15 = require("react");
+var import_sdk8 = require("@hook-sdk/sdk");
+var import_jsx_runtime22 = require("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 } = (0, import_sdk7.useHook)();
-  const subRef = (0, import_react14.useRef)(subscription);
+  const { subscription, track: track2 } = (0, import_sdk8.useHook)();
+  const subRef = (0, import_react15.useRef)(subscription);
   subRef.current = subscription;
-  const runIdRef = (0, import_react14.useRef)(0);
-  const cyclesRef = (0, import_react14.useRef)(0);
-  const startMsRef = (0, import_react14.useRef)(0);
-  const [state, setState] = (0, import_react14.useState)("idle");
-  const runPoll = (0, import_react14.useCallback)(() => {
+  const runIdRef = (0, import_react15.useRef)(0);
+  const cyclesRef = (0, import_react15.useRef)(0);
+  const startMsRef = (0, import_react15.useRef)(0);
+  const [state, setState] = (0, import_react15.useState)("idle");
+  const runPoll = (0, import_react15.useCallback)(() => {
     const runId = ++runIdRef.current;
     const isFirstRun = cyclesRef.current === 0;
     cyclesRef.current += 1;
@@ -2412,7 +2456,7 @@ function PaymentReturnHandler({ children }) {
     };
     void tick();
   }, [track2]);
-  (0, import_react14.useEffect)(() => {
+  (0, import_react15.useEffect)(() => {
     if (typeof window === "undefined") return;
     const url = new URL(window.location.href);
     if (url.searchParams.get("paymentReturn") !== "1") return;
@@ -2422,26 +2466,26 @@ function PaymentReturnHandler({ children }) {
       runIdRef.current++;
     };
   }, [runPoll]);
-  const goHome = (0, import_react14.useCallback)(() => {
+  const goHome = (0, import_react15.useCallback)(() => {
     const cleanUrl = new URL(window.location.href);
     cleanUrl.searchParams.delete("paymentReturn");
     cleanUrl.pathname = "/app/home";
     window.location.href = cleanUrl.toString();
   }, []);
   if (state === "confirming") {
-    return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { role: "status", "aria-live": "polite", style: overlayStyle2, children: "Confirmando pagamento\u2026" });
+    return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { role: "status", "aria-live": "polite", style: overlayStyle2, children: "Confirmando pagamento\u2026" });
   }
   if (state === "waiting") {
-    return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { role: "status", "aria-live": "polite", style: overlayStyle2, children: /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { style: { maxWidth: 320, textAlign: "center", lineHeight: 1.5 }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { style: { marginBottom: 16 }, children: "Pagamento aceito. Estamos confirmando com o banco \u2014 pode levar alguns minutos." }),
-      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("button", { type: "button", onClick: runPoll, style: buttonStyle, children: "Atualizar" })
+    return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { role: "status", "aria-live": "polite", style: overlayStyle2, children: /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { style: { maxWidth: 320, textAlign: "center", lineHeight: 1.5 }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { style: { marginBottom: 16 }, children: "Pagamento aceito. Estamos confirmando com o banco \u2014 pode levar alguns minutos." }),
+      /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("button", { type: "button", onClick: runPoll, style: buttonStyle, children: "Atualizar" })
     ] }) });
   }
   if (state === "timeout") {
-    return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { role: "alert", "aria-live": "assertive", style: overlayStyle2, children: /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { style: { maxWidth: 360, textAlign: "center", lineHeight: 1.5 }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("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__ */ (0, import_jsx_runtime21.jsxs)("div", { style: { display: "flex", flexDirection: "column", gap: 8 }, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { role: "alert", "aria-live": "assertive", style: overlayStyle2, children: /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { style: { maxWidth: 360, textAlign: "center", lineHeight: 1.5 }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("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__ */ (0, import_jsx_runtime22.jsxs)("div", { style: { display: "flex", flexDirection: "column", gap: 8 }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
           "button",
           {
             type: "button",
@@ -2454,7 +2498,7 @@ function PaymentReturnHandler({ children }) {
             children: "Tentar de novo"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
           "button",
           {
             type: "button",
@@ -2464,7 +2508,7 @@ function PaymentReturnHandler({ children }) {
             children: "Voltar pro app"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
           "a",
           {
             href: SUPPORT_MAILTO,
@@ -2476,7 +2520,7 @@ function PaymentReturnHandler({ children }) {
       ] })
     ] }) });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_jsx_runtime21.Fragment, { children });
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_jsx_runtime22.Fragment, { children });
 }
 var overlayStyle2 = {
   position: "fixed",
@@ -2515,7 +2559,7 @@ var linkStyle = {
 };
 
 // src/AppRoot.tsx
-var import_jsx_runtime22 = require("react/jsx-runtime");
+var import_jsx_runtime23 = require("react/jsx-runtime");
 function buildLegacyConfigShim(config) {
   const paywall = config.paywall;
   const isFree = paywall.mode === "free";
@@ -2589,19 +2633,22 @@ function AppRoot(props) {
       "[hook-template] <AppRoot>: PreAuthFlow slot prop is required when config.onboarding.trigger === 'pre_signup_custom'."
     );
   }
-  const legacyShim = (0, import_react15.useMemo)(() => buildLegacyConfigShim(config), [config]);
+  const legacyShim = (0, import_react16.useMemo)(() => buildLegacyConfigShim(config), [config]);
   const Router = testRouter === "memory" ? import_react_router_dom2.MemoryRouter : import_react_router_dom2.BrowserRouter;
   const basename = `/app/${config.slug}`;
   const routerProps = testRouter === "memory" ? { basename, initialEntries: testInitialEntries } : { basename };
   const position = config.install_prompt?.position ?? "post-paywall";
-  const subscriptionGated = /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(SubscriptionGate, { Paywall: Paywall2 ?? FallbackPaywall, children: position === "post-paywall" ? /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(InstallGate, { position: "post-paywall", children: [
-    children,
-    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(PushPrompt, {})
-  ] }) : /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_jsx_runtime22.Fragment, { children: [
-    children,
-    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(PushPrompt, {})
-  ] }) });
-  const authGated = /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+  const subscriptionGated = /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(SubscriptionGate, { Paywall: Paywall2 ?? FallbackPaywall, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(EmailVerifyBanner, {}),
+    position === "post-paywall" ? /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(InstallGate, { position: "post-paywall", children: [
+      children,
+      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(PushPrompt, {})
+    ] }) : /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_jsx_runtime23.Fragment, { children: [
+      children,
+      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(PushPrompt, {})
+    ] })
+  ] });
+  const authGated = /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
     AuthGated,
     {
       config,
@@ -2616,13 +2663,13 @@ function AppRoot(props) {
       children: subscriptionGated
     }
   );
-  const routedTree = /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(Router, { ...routerProps, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(DeepLinkHandler, { deepLinks: config.deepLinks }),
-    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(SessionExpiredBanner, {}),
-    position === "pre-auth" ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(InstallGate, { position: "pre-auth", children: authGated }) : authGated,
-    isDevToolsEnabled() && devSkipOnboarding ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(DevSkipOnboardingFab, { defaults: devSkipOnboarding.defaults }) : null
+  const routedTree = /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(Router, { ...routerProps, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(DeepLinkHandler, { deepLinks: config.deepLinks }),
+    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(SessionExpiredBanner, {}),
+    position === "pre-auth" ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(InstallGate, { position: "pre-auth", children: authGated }) : authGated,
+    isDevToolsEnabled() && devSkipOnboarding ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(DevSkipOnboardingFab, { defaults: devSkipOnboarding.defaults }) : null
   ] });
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(ErrorBoundary, { children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(AppConfigProvider, { config, children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(TemplateConfigProvider, { config: legacyShim, children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(ThemeProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(PersistenceRegistry, { config: config.persistedKeys, children: config.i18n ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(ErrorBoundary, { children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(AppConfigProvider, { config, children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(TemplateConfigProvider, { config: legacyShim, children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(ThemeProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(PersistenceRegistry, { config: config.persistedKeys, children: config.i18n ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
     I18nProvider,
     {
       defaultLocale: config.i18n.defaultLocale,
@@ -2642,46 +2689,46 @@ function AuthGated({
   EmailVerify,
   PreAuthFlow
 }) {
-  const { authStatus } = (0, import_sdk8.useHook)();
+  const { authStatus } = (0, import_sdk9.useHook)();
   if (authStatus === "loading") return null;
   if (authStatus !== "authenticated") {
     if (config.authFlow.signupMode === "pay_first" && PreAuthFlow) {
-      return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_react_router_dom2.Routes, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_react_router_dom2.Route, { path: "/signin", element: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Login, {}) }),
-        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_react_router_dom2.Route, { path: "/forgot", element: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Forgot, {}) }),
-        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_react_router_dom2.Route, { path: "/reset", element: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Reset, {}) }),
-        EmailVerify ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_react_router_dom2.Route, { path: "/verify", element: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(EmailVerify, {}) }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_react_router_dom2.Route, { path: "/*", element: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(PreAuthFlow, {}) })
+      return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_react_router_dom2.Routes, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react_router_dom2.Route, { path: "/signin", element: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Login, {}) }),
+        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react_router_dom2.Route, { path: "/forgot", element: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Forgot, {}) }),
+        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react_router_dom2.Route, { path: "/reset", element: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Reset, {}) }),
+        EmailVerify ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react_router_dom2.Route, { path: "/verify", element: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(EmailVerify, {}) }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react_router_dom2.Route, { path: "/*", element: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(PreAuthFlow, {}) })
       ] });
     }
     if (config.onboarding?.trigger === "pre_signup_custom" && PreAuthFlow) {
-      return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_react_router_dom2.Routes, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_react_router_dom2.Route, { path: "/signin", element: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Login, {}) }),
-        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_react_router_dom2.Route, { path: "/signup", element: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Signup, {}) }),
-        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_react_router_dom2.Route, { path: "/forgot", element: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Forgot, {}) }),
-        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_react_router_dom2.Route, { path: "/reset", element: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Reset, {}) }),
-        EmailVerify ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_react_router_dom2.Route, { path: "/verify", element: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(EmailVerify, {}) }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_react_router_dom2.Route, { path: "/*", element: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(PreAuthFlow, {}) })
+      return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_react_router_dom2.Routes, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react_router_dom2.Route, { path: "/signin", element: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Login, {}) }),
+        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react_router_dom2.Route, { path: "/signup", element: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Signup, {}) }),
+        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react_router_dom2.Route, { path: "/forgot", element: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Forgot, {}) }),
+        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react_router_dom2.Route, { path: "/reset", element: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Reset, {}) }),
+        EmailVerify ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react_router_dom2.Route, { path: "/verify", element: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(EmailVerify, {}) }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react_router_dom2.Route, { path: "/*", element: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(PreAuthFlow, {}) })
       ] });
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_react_router_dom2.Routes, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_react_router_dom2.Route, { path: "/", element: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Login, {}) }),
-      /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_react_router_dom2.Route, { path: "/signup", element: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Signup, {}) }),
-      /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_react_router_dom2.Route, { path: "/forgot", element: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Forgot, {}) }),
-      /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_react_router_dom2.Route, { path: "/reset", element: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Reset, {}) }),
-      EmailVerify ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_react_router_dom2.Route, { path: "/verify", element: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(EmailVerify, {}) }) : null,
-      /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_react_router_dom2.Route, { path: "*", element: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_react_router_dom2.Navigate, { to: "/", replace: true }) })
+    return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_react_router_dom2.Routes, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react_router_dom2.Route, { path: "/", element: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Login, {}) }),
+      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react_router_dom2.Route, { path: "/signup", element: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Signup, {}) }),
+      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react_router_dom2.Route, { path: "/forgot", element: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Forgot, {}) }),
+      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react_router_dom2.Route, { path: "/reset", element: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Reset, {}) }),
+      EmailVerify ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react_router_dom2.Route, { path: "/verify", element: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(EmailVerify, {}) }) : null,
+      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react_router_dom2.Route, { path: "*", element: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react_router_dom2.Navigate, { to: "/", replace: true }) })
     ] });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_jsx_runtime22.Fragment, { children });
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_jsx_runtime23.Fragment, { children });
 }
 function FallbackPaywall() {
   return null;
 }
 
 // src/hooks/usePush.ts
-var import_react16 = require("react");
-var import_sdk9 = require("@hook-sdk/sdk");
+var import_react17 = require("react");
+var import_sdk10 = require("@hook-sdk/sdk");
 var DISMISS_STORAGE_KEY = "push:dismissed-until";
 var DISMISS_TTL_MS2 = 7 * 24 * 60 * 60 * 1e3;
 function detectIosNeedsInstall() {
@@ -2725,12 +2772,12 @@ function deriveState(push) {
   return { kind: "prompt" };
 }
 function usePush() {
-  const { push } = (0, import_sdk9.useHook)();
-  const [state, setState] = (0, import_react16.useState)(() => deriveState(push));
-  (0, import_react16.useEffect)(() => {
+  const { push } = (0, import_sdk10.useHook)();
+  const [state, setState] = (0, import_react17.useState)(() => deriveState(push));
+  (0, import_react17.useEffect)(() => {
     setState(deriveState(push));
   }, [push]);
-  const subscribe = (0, import_react16.useCallback)(async () => {
+  const subscribe = (0, import_react17.useCallback)(async () => {
     try {
       await push.subscribe();
       setState({ kind: "subscribed" });
@@ -2742,7 +2789,7 @@ function usePush() {
       throw e;
     }
   }, [push]);
-  const unsubscribe = (0, import_react16.useCallback)(async () => {
+  const unsubscribe = (0, import_react17.useCallback)(async () => {
     try {
       await push.unsubscribe();
       setState({ kind: "prompt" });
@@ -2751,7 +2798,7 @@ function usePush() {
       throw e;
     }
   }, [push]);
-  const dismiss = (0, import_react16.useCallback)(() => {
+  const dismiss = (0, import_react17.useCallback)(() => {
     if (typeof localStorage !== "undefined") {
       try {
         localStorage.setItem(DISMISS_STORAGE_KEY, String(Date.now() + DISMISS_TTL_MS2));
@@ -2764,27 +2811,27 @@ function usePush() {
 }
 
 // src/components/PushPrompt.tsx
-var import_jsx_runtime23 = require("react/jsx-runtime");
+var import_jsx_runtime24 = require("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__ */ (0, import_jsx_runtime23.jsxs)("div", { className, role: "region", "aria-label": texts.iosInstallTitle, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("h3", { children: texts.iosInstallTitle }),
-      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("p", { children: texts.iosInstallBody }),
-      onInstallRequested && texts.iosInstallCta && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("button", { onClick: onInstallRequested, children: texts.iosInstallCta })
+    return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className, role: "region", "aria-label": texts.iosInstallTitle, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("h3", { children: texts.iosInstallTitle }),
+      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("p", { children: texts.iosInstallBody }),
+      onInstallRequested && texts.iosInstallCta && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("button", { onClick: onInstallRequested, children: texts.iosInstallCta })
     ] });
   }
   if (state.kind === "unsupported") {
-    return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className, role: "region", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("p", { children: texts.unsupportedBody }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className, role: "region", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("p", { children: texts.unsupportedBody }) });
   }
   if (state.kind === "error") {
-    return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className, role: "region", "aria-label": "error", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("p", { children: state.message }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className, role: "region", "aria-label": "error", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("p", { children: state.message }) });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className, role: "region", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className, role: "region", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
       "button",
       {
         type: "button",
@@ -2798,71 +2845,71 @@ function PushPrompt2({ texts, onSubscribed, onDeclined, onInstallRequested, clas
         children: texts.cta
       }
     ),
-    onDeclined && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("button", { type: "button", onClick: onDeclined, children: texts.declineCta })
+    onDeclined && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("button", { type: "button", onClick: onDeclined, children: texts.declineCta })
   ] });
 }
 
 // src/components/LanguageSwitcher.tsx
-var import_sdk10 = require("@hook-sdk/sdk");
-var import_jsx_runtime24 = require("react/jsx-runtime");
+var import_sdk11 = require("@hook-sdk/sdk");
+var import_jsx_runtime25 = require("react/jsx-runtime");
 function LanguageSwitcher({ id, className, label = "Language" }) {
   const config = useAppConfig();
   const i18nConfig = config.i18n;
-  const [userLocale, setUserLocale] = (0, import_sdk10.usePersistedState)(
+  const [userLocale, setUserLocale] = (0, import_sdk11.usePersistedState)(
     "user-locale",
     i18nConfig?.defaultLocale ?? "en-US"
   );
   if (!i18nConfig) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("label", { className, children: [
-    label ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { children: label }) : null,
-    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("label", { className, children: [
+    label ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { children: label }) : null,
+    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
       "select",
       {
         id,
         value: userLocale,
         onChange: (e) => setUserLocale(e.target.value),
         "data-testid": "language-switcher",
-        children: i18nConfig.supportedLocales.map((loc) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("option", { value: loc, children: loc }, loc))
+        children: i18nConfig.supportedLocales.map((loc) => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("option", { value: loc, children: loc }, loc))
       }
     )
   ] });
 }
 
 // src/defaults/LoadingState.tsx
-var import_jsx_runtime25 = require("react/jsx-runtime");
+var import_jsx_runtime26 = require("react/jsx-runtime");
 function LoadingState({ message }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { role: "status", "aria-live": "polite", style: { padding: 24, textAlign: "center" }, children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { children: message ?? "Carregando..." }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { role: "status", "aria-live": "polite", style: { padding: 24, textAlign: "center" }, children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { children: message ?? "Carregando..." }) });
 }
 
 // src/defaults/EmptyState.tsx
-var import_jsx_runtime26 = require("react/jsx-runtime");
+var import_jsx_runtime27 = require("react/jsx-runtime");
 function EmptyState({ title, description, action }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { role: "status", style: { padding: 32, textAlign: "center" }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("h2", { style: { marginBottom: 8 }, children: title }),
-    description && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("p", { style: { opacity: 0.7 }, children: description }),
-    action && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { style: { marginTop: 16 }, children: action })
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { role: "status", style: { padding: 32, textAlign: "center" }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("h2", { style: { marginBottom: 8 }, children: title }),
+    description && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("p", { style: { opacity: 0.7 }, children: description }),
+    action && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { style: { marginTop: 16 }, children: action })
   ] });
 }
 
 // src/defaults/CheckoutPageDefault.tsx
-var import_react18 = require("react");
+var import_react19 = require("react");
 var import_react_router_dom3 = require("react-router-dom");
 
 // src/hooks/useCheckoutForm.ts
-var import_react17 = require("react");
-var import_sdk12 = require("@hook-sdk/sdk");
+var import_react18 = require("react");
+var import_sdk13 = require("@hook-sdk/sdk");
 
 // src/errors.ts
-var import_sdk11 = require("@hook-sdk/sdk");
+var import_sdk12 = require("@hook-sdk/sdk");
 function mapSdkError(err) {
-  if (err instanceof import_sdk11.SdkRateLimitError) {
+  if (err instanceof import_sdk12.SdkRateLimitError) {
     return {
       code: "rate_limited",
       message: `Aguarde ${err.retryAfter}s e tente novamente.`,
       retryAfter: err.retryAfter
     };
   }
-  if (err instanceof import_sdk11.SdkAuthError) {
+  if (err instanceof import_sdk12.SdkAuthError) {
     const detail = err.detail;
     if (detail === "email_unverified") {
       return { code: "email_unverified", message: "Confirme seu e-mail antes de entrar." };
@@ -2872,7 +2919,10 @@ function mapSdkError(err) {
     }
     return { code: "invalid_credentials", message: "E-mail ou senha inv\xE1lidos." };
   }
-  if (err instanceof import_sdk11.SdkError && err.httpStatus === 0) {
+  if (err instanceof import_sdk12.SdkValidationError && err.code === "auth.email_taken") {
+    return { code: "email_taken", message: "Esse e-mail j\xE1 tem conta." };
+  }
+  if (err instanceof import_sdk12.SdkError && err.httpStatus === 0) {
     return { code: "network", message: "Sem conex\xE3o com o servidor. Verifique sua internet." };
   }
   if (err instanceof TypeError) {
@@ -2886,37 +2936,37 @@ var EMAIL_RE = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
 var PHONE_RE = /^[0-9()+\-\s]{8,20}$/;
 var CHECK_DEBOUNCE_MS = 400;
 function useCheckoutForm(args) {
-  const { auth } = (0, import_sdk12.useHook)();
-  const [name, setName] = (0, import_react17.useState)("");
-  const [email, setEmail] = (0, import_react17.useState)("");
-  const [emailConfirm, setEmailConfirm] = (0, import_react17.useState)("");
-  const [phone, setPhone] = (0, import_react17.useState)("");
-  const [cpf, setCpf] = (0, import_react17.useState)("");
-  const [method, setMethod] = (0, import_react17.useState)(args.defaultMethod);
-  const [cycle, setCycle] = (0, import_react17.useState)(args.defaultCycle);
-  const [card, setCardState] = (0, import_react17.useState)({
+  const { auth } = (0, import_sdk13.useHook)();
+  const [name, setName] = (0, import_react18.useState)("");
+  const [email, setEmail] = (0, import_react18.useState)("");
+  const [emailConfirm, setEmailConfirm] = (0, import_react18.useState)("");
+  const [phone, setPhone] = (0, import_react18.useState)("");
+  const [cpf, setCpf] = (0, import_react18.useState)("");
+  const [method, setMethod] = (0, import_react18.useState)(args.defaultMethod);
+  const [cycle, setCycle] = (0, import_react18.useState)(args.defaultCycle);
+  const [card, setCardState] = (0, import_react18.useState)({
     number: "",
     expiryMonth: "",
     expiryYear: "",
     ccv: "",
     holderName: ""
   });
-  const setCard = (0, import_react17.useCallback)((patch) => {
+  const setCard = (0, import_react18.useCallback)((patch) => {
     setCardState((prev) => ({ ...prev, ...patch }));
   }, []);
-  const [touchedName, setTouchedName] = (0, import_react17.useState)(false);
-  const [touchedEmail, setTouchedEmail] = (0, import_react17.useState)(false);
-  const [touchedEmailConfirm, setTouchedEmailConfirm] = (0, import_react17.useState)(false);
-  const [touchedPhone, setTouchedPhone] = (0, import_react17.useState)(false);
-  const [touchedCpf, setTouchedCpf] = (0, import_react17.useState)(false);
-  const [formSubmitAttempted, setFormSubmitAttempted] = (0, import_react17.useState)(false);
-  const [submitting, setSubmitting] = (0, import_react17.useState)(false);
-  const [error, setError] = (0, import_react17.useState)(null);
-  const [emailTaken, setEmailTaken] = (0, import_react17.useState)(false);
-  const [loginUrl, setLoginUrl] = (0, import_react17.useState)(null);
-  const [emailStatus, setEmailStatus] = (0, import_react17.useState)("idle");
-  const lastCheckedEmail = (0, import_react17.useRef)("");
-  (0, import_react17.useEffect)(() => {
+  const [touchedName, setTouchedName] = (0, import_react18.useState)(false);
+  const [touchedEmail, setTouchedEmail] = (0, import_react18.useState)(false);
+  const [touchedEmailConfirm, setTouchedEmailConfirm] = (0, import_react18.useState)(false);
+  const [touchedPhone, setTouchedPhone] = (0, import_react18.useState)(false);
+  const [touchedCpf, setTouchedCpf] = (0, import_react18.useState)(false);
+  const [formSubmitAttempted, setFormSubmitAttempted] = (0, import_react18.useState)(false);
+  const [submitting, setSubmitting] = (0, import_react18.useState)(false);
+  const [error, setError] = (0, import_react18.useState)(null);
+  const [emailTaken, setEmailTaken] = (0, import_react18.useState)(false);
+  const [loginUrl, setLoginUrl] = (0, import_react18.useState)(null);
+  const [emailStatus, setEmailStatus] = (0, import_react18.useState)("idle");
+  const lastCheckedEmail = (0, import_react18.useRef)("");
+  (0, import_react18.useEffect)(() => {
     if (!email || !EMAIL_RE.test(email)) {
       setEmailStatus("idle");
       return;
@@ -2934,27 +2984,27 @@ function useCheckoutForm(args) {
     }, CHECK_DEBOUNCE_MS);
     return () => clearTimeout(timer);
   }, [email, auth]);
-  const validateName = (0, import_react17.useMemo)(() => {
+  const validateName = (0, import_react18.useMemo)(() => {
     if (name.length === 0) return null;
     if (name.trim().length < 2) return "Nome muito curto.";
     return null;
   }, [name]);
-  const validateEmail = (0, import_react17.useMemo)(() => {
+  const validateEmail = (0, import_react18.useMemo)(() => {
     if (email.length === 0) return null;
     if (!EMAIL_RE.test(email)) return "Formato de e-mail inv\xE1lido.";
     return null;
   }, [email]);
-  const validateEmailConfirm = (0, import_react17.useMemo)(() => {
+  const validateEmailConfirm = (0, import_react18.useMemo)(() => {
     if (emailConfirm.length === 0) return null;
     if (emailConfirm !== email) return "Os e-mails n\xE3o coincidem.";
     return null;
   }, [emailConfirm, email]);
-  const validatePhone = (0, import_react17.useMemo)(() => {
+  const validatePhone = (0, import_react18.useMemo)(() => {
     if (phone.length === 0) return null;
     if (!PHONE_RE.test(phone)) return "Telefone inv\xE1lido.";
     return null;
   }, [phone]);
-  const validateCpf = (0, import_react17.useMemo)(() => {
+  const validateCpf = (0, import_react18.useMemo)(() => {
     if (cpf.length === 0) return null;
     const digits = cpf.replace(/\D/g, "");
     if (digits.length !== 11) return "CPF deve ter 11 d\xEDgitos.";
@@ -2967,8 +3017,9 @@ function useCheckoutForm(args) {
   const emailConfirmError = touchedEmailConfirm || formSubmitAttempted ? validateEmailConfirm : null;
   const phoneError = touchedPhone || formSubmitAttempted ? validatePhone : null;
   const cpfError = touchedCpf || formSubmitAttempted ? validateCpf : null;
-  const canSubmit = name.trim().length >= 2 && EMAIL_RE.test(email) && (emailConfirm === "" || emailConfirm === email) && (phone === "" || PHONE_RE.test(phone)) && validateCpf === null && cpf.replace(/\D/g, "").length === 11 && emailStatus !== "exists" && !submitting && (method !== "card" || card.number.length >= 12 && card.ccv.length >= 3 && card.expiryMonth.length >= 1 && card.expiryYear.length >= 2 && card.holderName.length >= 1);
-  const submit = (0, import_react17.useCallback)(async () => {
+  const phoneOk = method === "pix-auto" ? phone === "" || PHONE_RE.test(phone) : PHONE_RE.test(phone);
+  const canSubmit = name.trim().length >= 2 && EMAIL_RE.test(email) && (emailConfirm === "" || emailConfirm === email) && phoneOk && validateCpf === null && cpf.replace(/\D/g, "").length === 11 && emailStatus !== "exists" && !submitting && (method !== "card" || card.number.length >= 12 && card.ccv.length >= 3 && card.expiryMonth.length >= 1 && card.expiryYear.length >= 2 && card.holderName.length >= 1);
+  const submit = (0, import_react18.useCallback)(async () => {
     setFormSubmitAttempted(true);
     setError(null);
     setEmailTaken(false);
@@ -2997,10 +3048,16 @@ function useCheckoutForm(args) {
             name: card.holderName || name.trim(),
             email,
             cpfCnpj: cpf.replace(/\D/g, ""),
-            // Empty postal/address: backend defaults if Asaas requires.
-            // Apps that need full address should override via custom form.
-            postalCode: "00000000",
-            addressNumber: "0",
+            // Plan-V 0.28.4 — Asaas's `creditCardHolderInfo.postalCode`
+            // rejects all-zeros with `tokenize_failed:invalid_holderInfo`
+            // ("O CEP informado é inválido."). The default CheckoutPage
+            // doesn't collect CEP from the user (reference design skipped
+            // it), so ship a known-valid placeholder. Apps that need real
+            // customer addresses must override CheckoutPageDefault and
+            // collect CEP — see personalburn's PaywallStepPagamento for
+            // the pattern.
+            postalCode: "01001000",
+            addressNumber: "100",
             phone
           }
         };
@@ -3018,7 +3075,7 @@ function useCheckoutForm(args) {
       const result = await auth.subscribeAnonymous(args2);
       return result;
     } catch (err) {
-      if (err instanceof import_sdk12.EmailTakenError) {
+      if (err instanceof import_sdk13.EmailTakenError) {
         setEmailTaken(true);
         setLoginUrl(err.loginUrl);
         setEmailStatus("exists");
@@ -3075,14 +3132,14 @@ function mod11(digits, len) {
 }
 
 // src/hooks/usePlan.ts
-var import_sdk13 = require("@hook-sdk/sdk");
+var import_sdk14 = require("@hook-sdk/sdk");
 function usePlan() {
-  const { plan } = (0, import_sdk13.useHook)();
+  const { plan } = (0, import_sdk14.useHook)();
   return plan;
 }
 
 // src/defaults/CheckoutPageDefault.tsx
-var import_jsx_runtime27 = require("react/jsx-runtime");
+var import_jsx_runtime28 = require("react/jsx-runtime");
 var INTENT_KEY = "hook:paywall:intent";
 var PIX_PAYLOAD_KEY = "hook:paywall:pix-pending";
 function readIntent() {
@@ -3130,18 +3187,18 @@ function detectCardBrand(num) {
 function CheckoutPageDefault() {
   const navigate = (0, import_react_router_dom3.useNavigate)();
   const plan = usePlan();
-  const intent = (0, import_react18.useMemo)(readIntent, []);
+  const intent = (0, import_react19.useMemo)(readIntent, []);
   const defaultMethod = intent.method === "pix-auto" ? "pix-auto" : "card";
   const defaultCycle = intent.cycle === "MONTHLY" ? "MONTHLY" : "YEARLY";
   const form = useCheckoutForm({ defaultMethod, defaultCycle });
-  const [expiryMmAa, setExpiryMmAa] = (0, import_react18.useState)("");
-  (0, import_react18.useEffect)(() => {
+  const [expiryMmAa, setExpiryMmAa] = (0, import_react19.useState)("");
+  (0, import_react19.useEffect)(() => {
     const { month, year } = parseExpiryMmAa(expiryMmAa);
     if (month !== form.card.expiryMonth || year !== form.card.expiryYear) {
       form.setCard({ expiryMonth: month, expiryYear: year });
     }
   }, [expiryMmAa]);
-  (0, import_react18.useEffect)(() => {
+  (0, import_react19.useEffect)(() => {
     if (form.emailTaken && form.loginUrl) {
       const t = setTimeout(() => navigate(form.loginUrl), 1200);
       return () => clearTimeout(t);
@@ -3153,16 +3210,16 @@ function CheckoutPageDefault() {
     trialDays: plan.data.trialDays
   } : null;
   const annual = form.cycle === "YEARLY";
-  const cyclePrice = (0, import_react18.useMemo)(() => {
+  const cyclePrice = (0, import_react19.useMemo)(() => {
     if (!planInfo) return null;
     return annual ? planInfo.yearlyPriceCents ?? planInfo.priceCents * 12 : planInfo.priceCents;
   }, [planInfo, annual]);
-  const monthlyText = (0, import_react18.useMemo)(() => {
+  const monthlyText = (0, import_react19.useMemo)(() => {
     if (!planInfo) return "";
     const monthly = annual && planInfo.yearlyPriceCents ? Math.round(planInfo.yearlyPriceCents / 12) : planInfo.priceCents;
     return formatBrl(monthly);
   }, [planInfo, annual]);
-  const todayCents = (0, import_react18.useMemo)(() => {
+  const todayCents = (0, import_react19.useMemo)(() => {
     if (form.method === "pix-auto") return cyclePrice ?? 0;
     const trialDays2 = planInfo?.trialDays ?? 0;
     if (trialDays2 > 0) return 0;
@@ -3170,7 +3227,7 @@ function CheckoutPageDefault() {
   }, [form.method, cyclePrice, planInfo]);
   const todayAmount = formatBrl(todayCents);
   const cyclePriceText = cyclePrice !== null ? formatBrl(cyclePrice) : "";
-  const annualSavingsCents = (0, import_react18.useMemo)(() => {
+  const annualSavingsCents = (0, import_react19.useMemo)(() => {
     if (!planInfo || !planInfo.yearlyPriceCents) return 0;
     return planInfo.priceCents * 12 - planInfo.yearlyPriceCents;
   }, [planInfo]);
@@ -3198,57 +3255,57 @@ function CheckoutPageDefault() {
     }
     navigate(result.redirect.replace(/^.*\/app\/[^/]+/, "") || "/");
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "flex-1 flex flex-col bg-background min-h-0", children: /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("form", { onSubmit, className: "flex-1 overflow-y-auto", children: [
-    form.emailTaken ? /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "px-5 pt-4", children: /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { role: "alert", className: "rounded-2xl bg-destructive/10 p-4 text-sm text-destructive border border-destructive/20", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "flex-1 flex flex-col bg-background min-h-0", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("form", { onSubmit, className: "flex-1 overflow-y-auto", children: [
+    form.emailTaken ? /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "px-5 pt-4", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { role: "alert", className: "rounded-2xl bg-destructive/10 p-4 text-sm text-destructive border border-destructive/20", children: [
       "Esse e-mail j\xE1 tem conta nesse app.",
       " ",
-      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("a", { href: form.loginUrl ?? "/signin", className: "underline font-semibold", children: "Entrar agora" })
+      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("a", { href: form.loginUrl ?? "/signin", className: "underline font-semibold", children: "Entrar agora" })
     ] }) }) : null,
-    form.error ? /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "px-5 pt-4", children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { role: "alert", className: "rounded-2xl bg-destructive/10 p-4 text-sm text-destructive border border-destructive/20", children: form.error.message || "N\xE3o foi poss\xEDvel concluir o pagamento. Tente novamente." }) }) : null,
-    /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "px-5 pt-4", children: form.method === "card" ? /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "rounded-2xl bg-card border-[1.5px] border-foreground p-3.5", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "flex items-center gap-2 mb-2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(ShieldIcon, { className: "w-4 h-4" }),
-        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "text-sm font-bold", children: "Voc\xEA N\xC3O ser\xE1 cobrada hoje" })
+    form.error ? /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "px-5 pt-4", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { role: "alert", className: "rounded-2xl bg-destructive/10 p-4 text-sm text-destructive border border-destructive/20", children: form.error.message || "N\xE3o foi poss\xEDvel concluir o pagamento. Tente novamente." }) }) : null,
+    /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "px-5 pt-4", children: form.method === "card" ? /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "rounded-2xl bg-card border-[1.5px] border-foreground p-3.5", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "flex items-center gap-2 mb-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(ShieldIcon, { className: "w-4 h-4" }),
+        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "text-sm font-bold", children: "Voc\xEA N\xC3O ser\xE1 cobrada hoje" })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "flex justify-between items-baseline text-sm text-muted-foreground", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { children: "R$ 0,00 agora" }),
-        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { className: "opacity-50", children: "\xB7" }),
-        /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("span", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "flex justify-between items-baseline text-sm text-muted-foreground", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { children: "R$ 0,00 agora" }),
+        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { className: "opacity-50", children: "\xB7" }),
+        /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("span", { children: [
           monthlyText,
           "/m\xEAs ap\xF3s ",
           trialDays,
           " dias"
         ] })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "mt-2.5 text-[11px] text-muted-foreground flex items-center gap-1.5", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(BellIcon, { className: "w-2.5 h-2.5" }),
+      /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "mt-2.5 text-[11px] text-muted-foreground flex items-center gap-1.5", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(BellIcon, { className: "w-2.5 h-2.5" }),
         "Avisamos por email 2 dias antes da primeira cobran\xE7a"
       ] })
-    ] }) : /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "rounded-2xl p-3.5 bg-emerald-50 border-[1.5px] border-emerald-600/60", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "flex items-center gap-2 mb-2 text-emerald-900", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(ShieldIcon, { className: "w-4 h-4" }),
-        /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "text-sm font-bold", children: [
+    ] }) : /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "rounded-2xl p-3.5 bg-emerald-50 border-[1.5px] border-emerald-600/60", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "flex items-center gap-2 mb-2 text-emerald-900", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(ShieldIcon, { className: "w-4 h-4" }),
+        /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "text-sm font-bold", children: [
           "Garantia incondicional de ",
           trialDays,
           " dias"
         ] })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "text-sm text-emerald-900 leading-snug", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "text-sm text-emerald-900 leading-snug", children: [
         "Voc\xEA paga ",
-        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("b", { children: todayAmount }),
+        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("b", { children: todayAmount }),
         " agora via Pix.",
-        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("br", {}),
+        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("br", {}),
         "N\xE3o gostou em ",
         trialDays,
         " dias? Devolvemos ",
-        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("b", { children: "100%" }),
+        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("b", { children: "100%" }),
         " sem perguntas \u2014 direto pelo app."
       ] })
     ] }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("section", { className: "px-5 pt-5", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("h2", { className: "font-display text-2xl mb-3.5 leading-tight text-foreground", children: "Quase l\xE1." }),
-      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(FieldLabel, { children: "Email" }),
-      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("section", { className: "px-5 pt-5", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("h2", { className: "font-display text-2xl mb-3.5 leading-tight text-foreground", children: "Quase l\xE1." }),
+      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(FieldLabel, { children: "Email" }),
+      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
         FieldInput,
         {
           type: "email",
@@ -3265,10 +3322,10 @@ function CheckoutPageDefault() {
           valid: form.emailStatus === "available"
         }
       ),
-      !form.emailError && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(FieldHint, { children: form.emailStatus === "checking" ? "Verificando\u2026" : form.emailStatus === "available" ? "\u2713 Dispon\xEDvel" : "Voc\xEA vai usar este email para entrar no app" }),
-      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "h-3" }),
-      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(FieldLabel, { children: "Nome completo" }),
-      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+      !form.emailError && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(FieldHint, { children: form.emailStatus === "checking" ? "Verificando\u2026" : form.emailStatus === "available" ? "\u2713 Dispon\xEDvel" : "Voc\xEA vai usar este email para entrar no app" }),
+      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "h-3" }),
+      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(FieldLabel, { children: "Nome completo" }),
+      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
         FieldInput,
         {
           type: "text",
@@ -3281,9 +3338,9 @@ function CheckoutPageDefault() {
           valid: !!form.name && !form.nameError
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "h-3" }),
-      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(FieldLabel, { children: "CPF" }),
-      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "h-3" }),
+      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(FieldLabel, { children: "CPF" }),
+      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
         FieldInput,
         {
           type: "text",
@@ -3295,28 +3352,47 @@ function CheckoutPageDefault() {
           error: form.cpfError,
           valid: !!form.cpf && !form.cpfError
         }
-      )
+      ),
+      form.method === "card" ? /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(import_jsx_runtime28.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "h-3" }),
+        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(FieldLabel, { children: "Telefone" }),
+        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+          FieldInput,
+          {
+            type: "tel",
+            inputMode: "tel",
+            autoComplete: "tel",
+            placeholder: "(11) 99999-9999",
+            value: form.phone,
+            onChange: form.setPhone,
+            onBlur: form.markPhoneTouched,
+            error: form.phoneError,
+            valid: !!form.phone && !form.phoneError
+          }
+        ),
+        !form.phoneError && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(FieldHint, { children: "Usado pra confirmar pagamento e tratar disputas." })
+      ] }) : null
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("section", { className: "px-5 pt-5", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(FieldLabel, { children: "Forma de pagamento" }),
-      /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { role: "tablist", className: "flex gap-1.5 bg-muted p-1 rounded-xl", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("section", { className: "px-5 pt-5", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(FieldLabel, { children: "Forma de pagamento" }),
+      /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { role: "tablist", className: "flex gap-1.5 bg-muted p-1 rounded-xl", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
           TabButton,
           {
             active: form.method === "card",
             onClick: () => form.setMethod("card"),
-            icon: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(CardIcon, { className: "w-3.5 h-3.5" }),
+            icon: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(CardIcon, { className: "w-3.5 h-3.5" }),
             label: "Cart\xE3o",
             subtitle: trialDays > 0 ? `${trialDays} dias gr\xE1tis` : "pague hoje",
             subtitleActiveClass: "text-emerald-700"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
           TabButton,
           {
             active: form.method === "pix-auto",
             onClick: () => form.setMethod("pix-auto"),
-            icon: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(PixIcon, { className: "w-3.5 h-3.5" }),
+            icon: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(PixIcon, { className: "w-3.5 h-3.5" }),
             label: "Pix",
             subtitle: `pague hoje \xB7 garantia ${trialDays}d`,
             subtitleActiveClass: "text-foreground/70"
@@ -3324,10 +3400,10 @@ function CheckoutPageDefault() {
         )
       ] })
     ] }),
-    form.method === "card" ? /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("section", { className: "px-5 pt-3.5", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(FieldLabel, { children: "N\xFAmero do cart\xE3o" }),
-      /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "relative", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+    form.method === "card" ? /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("section", { className: "px-5 pt-3.5", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(FieldLabel, { children: "N\xFAmero do cart\xE3o" }),
+      /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "relative", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
           FieldInput,
           {
             type: "text",
@@ -3339,13 +3415,13 @@ function CheckoutPageDefault() {
             style: cardBrand ? { paddingRight: "4.5rem" } : void 0
           }
         ),
-        cardBrand && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { className: "absolute right-3 top-1/2 -translate-y-1/2 text-[10px] font-bold tracking-wide px-1.5 py-0.5 rounded bg-muted text-muted-foreground", children: cardBrand })
+        cardBrand && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { className: "absolute right-3 top-1/2 -translate-y-1/2 text-[10px] font-bold tracking-wide px-1.5 py-0.5 rounded bg-muted text-muted-foreground", children: cardBrand })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "h-3" }),
-      /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "flex gap-2.5", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "flex-1", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(FieldLabel, { children: "Validade" }),
-          /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "h-3" }),
+      /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "flex gap-2.5", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "flex-1", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(FieldLabel, { children: "Validade" }),
+          /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
             FieldInput,
             {
               type: "text",
@@ -3357,9 +3433,9 @@ function CheckoutPageDefault() {
             }
           )
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "flex-1", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(FieldLabel, { children: "CVV" }),
-          /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "flex-1", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(FieldLabel, { children: "CVV" }),
+          /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
             FieldInput,
             {
               type: "text",
@@ -3372,9 +3448,9 @@ function CheckoutPageDefault() {
           )
         ] })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "h-3" }),
-      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(FieldLabel, { children: "Nome no cart\xE3o" }),
-      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "h-3" }),
+      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(FieldLabel, { children: "Nome no cart\xE3o" }),
+      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
         FieldInput,
         {
           type: "text",
@@ -3384,89 +3460,89 @@ function CheckoutPageDefault() {
           onChange: (v) => form.setCard({ holderName: v })
         }
       )
-    ] }) : /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("section", { className: "px-5 pt-3.5", children: /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "rounded-2xl bg-card border border-border p-3.5 flex gap-3.5 items-center", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "w-[72px] h-[72px] rounded-xl shrink-0 border-2 border-foreground relative overflow-hidden bg-muted", children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 w-[22px] h-[22px] bg-background flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(PixIcon, { className: "w-3.5 h-3.5 text-foreground" }) }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "flex-1", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "text-xs font-bold uppercase tracking-wider text-muted-foreground", children: "pagamento em segundos" }),
-        /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "text-sm text-foreground mt-1 leading-snug", children: [
+    ] }) : /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("section", { className: "px-5 pt-3.5", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "rounded-2xl bg-card border border-border p-3.5 flex gap-3.5 items-center", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "w-[72px] h-[72px] rounded-xl shrink-0 border-2 border-foreground relative overflow-hidden bg-muted", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 w-[22px] h-[22px] bg-background flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(PixIcon, { className: "w-3.5 h-3.5 text-foreground" }) }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "flex-1", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "text-xs font-bold uppercase tracking-wider text-muted-foreground", children: "pagamento em segundos" }),
+        /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "text-sm text-foreground mt-1 leading-snug", children: [
           "Geramos seu ",
-          /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("b", { children: "QR Pix" }),
+          /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("b", { children: "QR Pix" }),
           " no pr\xF3ximo passo. Pague pelo app do banco e seu acesso libera ",
-          /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("b", { children: "imediatamente" }),
+          /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("b", { children: "imediatamente" }),
           "."
         ] })
       ] })
     ] }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("section", { className: "px-5 pt-5", children: /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "bg-muted rounded-2xl p-4", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "flex justify-between mb-2.5", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "text-sm font-semibold text-foreground", children: annual ? "Plano Anual" : "Plano Mensal" }),
-          /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "text-[11px] text-muted-foreground", children: "Coach" })
+    /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("section", { className: "px-5 pt-5", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "bg-muted rounded-2xl p-4", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "flex justify-between mb-2.5", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "text-sm font-semibold text-foreground", children: annual ? "Plano Anual" : "Plano Mensal" }),
+          /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "text-[11px] text-muted-foreground", children: "Coach" })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "text-right", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "text-sm font-bold text-foreground", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "text-right", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "text-sm font-bold text-foreground", children: [
             cyclePriceText,
             "/",
             annual ? "ano" : "m\xEAs"
           ] }),
-          annual && annualSavingsCents > 0 && /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "text-[11px] text-emerald-700 font-semibold", children: [
+          annual && annualSavingsCents > 0 && /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "text-[11px] text-emerald-700 font-semibold", children: [
             "economia ",
             formatBrl(annualSavingsCents)
           ] })
         ] })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "h-px bg-border my-3" }),
-      /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "flex justify-between items-baseline", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "text-sm font-bold text-foreground", children: "Voc\xEA paga hoje" }),
-          form.method === "card" && trialDays > 0 && /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "text-[11px] text-muted-foreground mt-0.5", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "h-px bg-border my-3" }),
+      /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "flex justify-between items-baseline", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "text-sm font-bold text-foreground", children: "Voc\xEA paga hoje" }),
+          form.method === "card" && trialDays > 0 && /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "text-[11px] text-muted-foreground mt-0.5", children: [
             "cobran\xE7a inicia no dia ",
             trialDays
           ] }),
-          form.method === "pix-auto" && /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "text-[11px] text-emerald-700 mt-0.5 font-semibold", children: [
+          form.method === "pix-auto" && /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "text-[11px] text-emerald-700 mt-0.5 font-semibold", children: [
             "reembolso garantido at\xE9 o dia ",
             trialDays
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "text-2xl font-bold font-display tracking-tight text-foreground", children: todayAmount })
+        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "text-2xl font-bold font-display tracking-tight text-foreground", children: todayAmount })
       ] })
     ] }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "h-4" }),
-    /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "sticky bottom-0 px-5 pt-3.5 pb-6 bg-gradient-to-b from-transparent to-background", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "h-4" }),
+    /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "sticky bottom-0 px-5 pt-3.5 pb-6 bg-gradient-to-b from-transparent to-background", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
         "button",
         {
           type: "submit",
           disabled: !form.canSubmit,
           className: "w-full rounded-full bg-primary text-primary-foreground min-h-14 px-5 text-base font-bold inline-flex items-center justify-center gap-2 disabled:opacity-50 disabled:cursor-not-allowed shadow-lg",
-          children: form.submitting ? /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_jsx_runtime27.Fragment, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Spinner2, {}),
+          children: form.submitting ? /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(import_jsx_runtime28.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Spinner2, {}),
             " ",
             form.method === "pix-auto" ? "Gerando QR\u2026" : "Confirmando\u2026"
-          ] }) : form.method === "card" ? /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_jsx_runtime27.Fragment, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(LockIcon, { className: "w-3.5 h-3.5" }),
+          ] }) : form.method === "card" ? /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(import_jsx_runtime28.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(LockIcon, { className: "w-3.5 h-3.5" }),
             " Confirmar e come\xE7ar gr\xE1tis"
-          ] }) : /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_jsx_runtime27.Fragment, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(PixIcon, { className: "w-3.5 h-3.5" }),
+          ] }) : /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(import_jsx_runtime28.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(PixIcon, { className: "w-3.5 h-3.5" }),
             " Gerar QR \xB7 pagar ",
             todayAmount
           ] })
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "text-center mt-2.5 text-xs text-muted-foreground", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "text-center mt-2.5 text-xs text-muted-foreground", children: [
         "Ao continuar, voc\xEA concorda com nossos ",
-        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("u", { children: "Termos" }),
+        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("u", { children: "Termos" }),
         ". Pagamento seguro Asaas."
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "mt-3 flex items-center justify-center gap-3.5 text-[11px] text-muted-foreground", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("span", { className: "inline-flex items-center gap-1", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(LockIcon, { className: "w-2.5 h-2.5 opacity-60" }),
+      /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "mt-3 flex items-center justify-center gap-3.5 text-[11px] text-muted-foreground", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("span", { className: "inline-flex items-center gap-1", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(LockIcon, { className: "w-2.5 h-2.5 opacity-60" }),
           " SSL 256-bit"
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { className: "w-px h-2.5 bg-border" }),
-        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { children: "Pagamento via Asaas" }),
-        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { className: "w-px h-2.5 bg-border" }),
-        /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("span", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { className: "w-px h-2.5 bg-border" }),
+        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { children: "Pagamento via Asaas" }),
+        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { className: "w-px h-2.5 bg-border" }),
+        /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("span", { children: [
           "Garantia ",
           trialDays,
           " dias"
@@ -3476,13 +3552,13 @@ function CheckoutPageDefault() {
   ] }) });
 }
 function FieldLabel({ children }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "text-xs font-semibold uppercase tracking-wide text-muted-foreground mb-1.5", children });
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "text-xs font-semibold uppercase tracking-wide text-muted-foreground mb-1.5", children });
 }
 function FieldInput(props) {
   const baseClass = "w-full px-4 rounded-xl bg-card text-base text-foreground outline-none border-[1.5px] transition-colors";
   const stateClass = props.error ? "border-destructive focus:border-destructive" : props.valid ? "border-emerald-600 focus:border-emerald-700" : "border-border focus:border-foreground";
-  return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_jsx_runtime27.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(import_jsx_runtime28.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
       "input",
       {
         type: props.type ?? "text",
@@ -3499,14 +3575,14 @@ function FieldInput(props) {
         className: `${baseClass} ${stateClass}`
       }
     ),
-    props.error ? /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "mt-1.5 text-xs text-destructive font-medium", children: props.error }) : null
+    props.error ? /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "mt-1.5 text-xs text-destructive font-medium", children: props.error }) : null
   ] });
 }
 function FieldHint({ children }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "mt-1.5 text-xs text-muted-foreground", children });
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "mt-1.5 text-xs text-muted-foreground", children });
 }
 function TabButton({ active, onClick, icon, label, subtitle, subtitleActiveClass }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
     "button",
     {
       type: "button",
@@ -3516,45 +3592,45 @@ function TabButton({ active, onClick, icon, label, subtitle, subtitleActiveClass
       className: `flex-1 flex flex-col items-center justify-center gap-0.5 py-2.5 px-1.5 rounded-lg text-sm font-semibold transition-colors ${active ? "bg-card text-foreground shadow-sm" : "bg-transparent text-muted-foreground"}`,
       style: { minHeight: 56 },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("span", { className: "inline-flex items-center gap-1.5", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("span", { className: "inline-flex items-center gap-1.5", children: [
           icon,
           " ",
           label
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { className: `text-[10px] font-medium ${active ? subtitleActiveClass : "text-muted-foreground/70"}`, children: subtitle })
+        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { className: `text-[10px] font-medium ${active ? subtitleActiveClass : "text-muted-foreground/70"}`, children: subtitle })
       ]
     }
   );
 }
 function CardIcon({ className }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("svg", { className, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.8", strokeLinejoin: "round", "aria-hidden": "true", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("rect", { x: "2.5", y: "5.5", width: "19", height: "13", rx: "2.5" }),
-    /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("path", { d: "M2.5 10h19" })
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("svg", { className, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.8", strokeLinejoin: "round", "aria-hidden": "true", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("rect", { x: "2.5", y: "5.5", width: "19", height: "13", rx: "2.5" }),
+    /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("path", { d: "M2.5 10h19" })
   ] });
 }
 function PixIcon({ className }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("svg", { className, viewBox: "0 0 24 24", fill: "currentColor", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("path", { d: "M12 2L2 12l10 10 10-10L12 2zm0 4.83L17.17 12 12 17.17 6.83 12 12 6.83z" }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("svg", { className, viewBox: "0 0 24 24", fill: "currentColor", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("path", { d: "M12 2L2 12l10 10 10-10L12 2zm0 4.83L17.17 12 12 17.17 6.83 12 12 6.83z" }) });
 }
 function LockIcon({ className }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("svg", { className, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.8", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("rect", { x: "4", y: "10", width: "16", height: "11", rx: "2.5" }),
-    /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("path", { d: "M7.5 10V7a4.5 4.5 0 119 0v3" })
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("svg", { className, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.8", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("rect", { x: "4", y: "10", width: "16", height: "11", rx: "2.5" }),
+    /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("path", { d: "M7.5 10V7a4.5 4.5 0 119 0v3" })
   ] });
 }
 function ShieldIcon({ className }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("svg", { className, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.8", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("path", { d: "M12 2.5l8 3v6c0 5-3.5 8.5-8 10-4.5-1.5-8-5-8-10v-6l8-3z" }),
-    /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("path", { d: "M9 12l2 2 4-4" })
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("svg", { className, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.8", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("path", { d: "M12 2.5l8 3v6c0 5-3.5 8.5-8 10-4.5-1.5-8-5-8-10v-6l8-3z" }),
+    /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("path", { d: "M9 12l2 2 4-4" })
   ] });
 }
 function BellIcon({ className }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("svg", { className, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.8", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("path", { d: "M6 17V11a6 6 0 1112 0v6l1.5 2H4.5L6 17z" }),
-    /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("path", { d: "M10 21a2 2 0 004 0" })
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("svg", { className, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.8", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("path", { d: "M6 17V11a6 6 0 1112 0v6l1.5 2H4.5L6 17z" }),
+    /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("path", { d: "M10 21a2 2 0 004 0" })
   ] });
 }
 function Spinner2() {
-  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
     "span",
     {
       className: "w-4 h-4 rounded-full border-2 border-white/40 border-t-white",
@@ -3564,10 +3640,10 @@ function Spinner2() {
 }
 
 // src/defaults/PixWaitingPageDefault.tsx
-var import_react19 = require("react");
+var import_react20 = require("react");
 var import_react_router_dom4 = require("react-router-dom");
-var import_sdk14 = require("@hook-sdk/sdk");
-var import_jsx_runtime28 = require("react/jsx-runtime");
+var import_sdk15 = require("@hook-sdk/sdk");
+var import_jsx_runtime29 = require("react/jsx-runtime");
 var PIX_PAYLOAD_KEY2 = "hook:paywall:pix-pending";
 var TIMEOUT_MS = 30 * 60 * 1e3;
 function readPixPayload() {
@@ -3589,19 +3665,19 @@ function clearPixPayload() {
 }
 function PixWaitingPageDefault() {
   const navigate = (0, import_react_router_dom4.useNavigate)();
-  const { subscription } = (0, import_sdk14.useHook)();
-  const payload = (0, import_react19.useMemo)(readPixPayload, []);
-  const [copied, setCopied] = (0, import_react19.useState)(false);
-  const [timedOut, setTimedOut] = (0, import_react19.useState)(false);
-  (0, import_react19.useEffect)(() => {
+  const { subscription } = (0, import_sdk15.useHook)();
+  const payload = (0, import_react20.useMemo)(readPixPayload, []);
+  const [copied, setCopied] = (0, import_react20.useState)(false);
+  const [timedOut, setTimedOut] = (0, import_react20.useState)(false);
+  (0, import_react20.useEffect)(() => {
     if (!payload) navigate("/paywall/checkout", { replace: true });
   }, [payload, navigate]);
-  (0, import_react19.useEffect)(() => {
+  (0, import_react20.useEffect)(() => {
     const t = setTimeout(() => setTimedOut(true), TIMEOUT_MS);
     return () => clearTimeout(t);
   }, []);
   const hasAccess = subscription.hasAccess;
-  (0, import_react19.useEffect)(() => {
+  (0, import_react20.useEffect)(() => {
     if (hasAccess) {
       clearPixPayload();
       navigate("/", { replace: true });
@@ -3618,10 +3694,10 @@ function PixWaitingPageDefault() {
   }
   if (!payload) return null;
   if (timedOut) {
-    return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "flex-1 flex flex-col items-center justify-center px-6 py-10 text-center bg-background space-y-4", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("h1", { className: "font-display text-2xl text-foreground", children: "PIX expirado" }),
-      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("p", { className: "text-sm text-muted-foreground", children: "O tempo pra pagar acabou. Gere um novo PIX." }),
-      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "flex-1 flex flex-col items-center justify-center px-6 py-10 text-center bg-background space-y-4", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("h1", { className: "font-display text-2xl text-foreground", children: "PIX expirado" }),
+      /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("p", { className: "text-sm text-muted-foreground", children: "O tempo pra pagar acabou. Gere um novo PIX." }),
+      /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
         "button",
         {
           onClick: () => {
@@ -3634,20 +3710,20 @@ function PixWaitingPageDefault() {
       )
     ] });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "flex-1 flex flex-col items-center px-6 py-8 bg-background space-y-6", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("header", { className: "text-center space-y-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("h1", { className: "font-display text-2xl text-foreground", children: "Pague o PIX" }),
-      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("p", { className: "text-sm text-muted-foreground", children: "Escaneie o QR Code no app do seu banco. O acesso libera assim que confirmarmos o pagamento." })
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "flex-1 flex flex-col items-center px-6 py-8 bg-background space-y-6", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("header", { className: "text-center space-y-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("h1", { className: "font-display text-2xl text-foreground", children: "Pague o PIX" }),
+      /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("p", { className: "text-sm text-muted-foreground", children: "Escaneie o QR Code no app do seu banco. O acesso libera assim que confirmarmos o pagamento." })
     ] }),
-    payload.base64 ? /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+    payload.base64 ? /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
       "img",
       {
         src: `data:image/png;base64,${payload.base64}`,
         alt: "QR Code PIX",
         className: "w-64 h-64 rounded-2xl border border-border bg-card p-2"
       }
-    ) : /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "w-64 h-64 rounded-2xl border border-border bg-card flex items-center justify-center text-sm text-muted-foreground", children: "QR indispon\xEDvel" }),
-    payload.payload ? /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+    ) : /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "w-64 h-64 rounded-2xl border border-border bg-card flex items-center justify-center text-sm text-muted-foreground", children: "QR indispon\xEDvel" }),
+    payload.payload ? /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
       "button",
       {
         onClick: copyPayload,
@@ -3655,34 +3731,34 @@ function PixWaitingPageDefault() {
         children: copied ? "\u2713 Copiado!" : "Copiar c\xF3digo PIX"
       }
     ) : null,
-    /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "flex items-center gap-2 text-sm text-muted-foreground", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { className: "inline-block w-2 h-2 rounded-full bg-primary animate-pulse" }),
+    /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "flex items-center gap-2 text-sm text-muted-foreground", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { className: "inline-block w-2 h-2 rounded-full bg-primary animate-pulse" }),
       "Aguardando pagamento\u2026"
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("p", { className: "text-center text-xs text-muted-foreground", children: "Pode fechar essa janela \u2014 tamb\xE9m enviamos um link de acesso pro seu e-mail." })
+    /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("p", { className: "text-center text-xs text-muted-foreground", children: "Pode fechar essa janela \u2014 tamb\xE9m enviamos um link de acesso pro seu e-mail." })
   ] });
 }
 
 // src/hooks/useLoginForm.ts
-var import_react20 = require("react");
-var import_sdk15 = require("@hook-sdk/sdk");
+var import_react21 = require("react");
+var import_sdk16 = require("@hook-sdk/sdk");
 var EMAIL_RE2 = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
 var MIN_PASSWORD = 8;
 function useLoginForm() {
-  const { auth } = (0, import_sdk15.useHook)();
-  const [email, setEmail] = (0, import_react20.useState)("");
-  const [password, setPassword] = (0, import_react20.useState)("");
-  const [submitting, setSubmitting] = (0, import_react20.useState)(false);
-  const [error, setError] = (0, import_react20.useState)(null);
-  const [touchedEmail, setTouchedEmail] = (0, import_react20.useState)(false);
-  const [touchedPassword, setTouchedPassword] = (0, import_react20.useState)(false);
-  const [formSubmitAttempted, setFormSubmitAttempted] = (0, import_react20.useState)(false);
-  const validateEmail = (0, import_react20.useMemo)(() => {
+  const { auth } = (0, import_sdk16.useHook)();
+  const [email, setEmail] = (0, import_react21.useState)("");
+  const [password, setPassword] = (0, import_react21.useState)("");
+  const [submitting, setSubmitting] = (0, import_react21.useState)(false);
+  const [error, setError] = (0, import_react21.useState)(null);
+  const [touchedEmail, setTouchedEmail] = (0, import_react21.useState)(false);
+  const [touchedPassword, setTouchedPassword] = (0, import_react21.useState)(false);
+  const [formSubmitAttempted, setFormSubmitAttempted] = (0, import_react21.useState)(false);
+  const validateEmail = (0, import_react21.useMemo)(() => {
     if (email.length === 0) return null;
     if (!EMAIL_RE2.test(email)) return "Formato de e-mail inv\xE1lido.";
     return null;
   }, [email]);
-  const validatePassword = (0, import_react20.useMemo)(() => {
+  const validatePassword = (0, import_react21.useMemo)(() => {
     if (password.length === 0) return null;
     if (password.length < MIN_PASSWORD) return `M\xEDnimo de ${MIN_PASSWORD} caracteres.`;
     return null;
@@ -3690,7 +3766,7 @@ function useLoginForm() {
   const emailError = touchedEmail || formSubmitAttempted ? validateEmail : null;
   const passwordError = touchedPassword || formSubmitAttempted ? validatePassword : null;
   const canSubmit = email.length > 0 && password.length >= MIN_PASSWORD && validateEmail === null && validatePassword === null && !submitting;
-  const submit = (0, import_react20.useCallback)(async () => {
+  const submit = (0, import_react21.useCallback)(async () => {
     setFormSubmitAttempted(true);
     if (!canSubmit) return false;
     setSubmitting(true);
@@ -3724,32 +3800,32 @@ function useLoginForm() {
 }
 
 // src/hooks/useSignupForm.ts
-var import_react21 = require("react");
-var import_sdk16 = require("@hook-sdk/sdk");
+var import_react22 = require("react");
+var import_sdk17 = require("@hook-sdk/sdk");
 var EMAIL_RE3 = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
 var MIN_PASSWORD2 = 8;
 function useSignupForm() {
-  const { auth } = (0, import_sdk16.useHook)();
-  const [name, setName] = (0, import_react21.useState)("");
-  const [email, setEmail] = (0, import_react21.useState)("");
-  const [password, setPassword] = (0, import_react21.useState)("");
-  const [submitting, setSubmitting] = (0, import_react21.useState)(false);
-  const [error, setError] = (0, import_react21.useState)(null);
-  const [touchedName, setTouchedName] = (0, import_react21.useState)(false);
-  const [touchedEmail, setTouchedEmail] = (0, import_react21.useState)(false);
-  const [touchedPassword, setTouchedPassword] = (0, import_react21.useState)(false);
-  const [formSubmitAttempted, setFormSubmitAttempted] = (0, import_react21.useState)(false);
-  const validateName = (0, import_react21.useMemo)(() => {
+  const { auth } = (0, import_sdk17.useHook)();
+  const [name, setName] = (0, import_react22.useState)("");
+  const [email, setEmail] = (0, import_react22.useState)("");
+  const [password, setPassword] = (0, import_react22.useState)("");
+  const [submitting, setSubmitting] = (0, import_react22.useState)(false);
+  const [error, setError] = (0, import_react22.useState)(null);
+  const [touchedName, setTouchedName] = (0, import_react22.useState)(false);
+  const [touchedEmail, setTouchedEmail] = (0, import_react22.useState)(false);
+  const [touchedPassword, setTouchedPassword] = (0, import_react22.useState)(false);
+  const [formSubmitAttempted, setFormSubmitAttempted] = (0, import_react22.useState)(false);
+  const validateName = (0, import_react22.useMemo)(() => {
     if (name.length === 0) return null;
     if (name.trim().length < 2) return "Nome muito curto.";
     return null;
   }, [name]);
-  const validateEmail = (0, import_react21.useMemo)(() => {
+  const validateEmail = (0, import_react22.useMemo)(() => {
     if (email.length === 0) return null;
     if (!EMAIL_RE3.test(email)) return "Formato de e-mail inv\xE1lido.";
     return null;
   }, [email]);
-  const validatePassword = (0, import_react21.useMemo)(() => {
+  const validatePassword = (0, import_react22.useMemo)(() => {
     if (password.length === 0) return null;
     if (password.length < MIN_PASSWORD2) return `M\xEDnimo de ${MIN_PASSWORD2} caracteres.`;
     return null;
@@ -3758,7 +3834,7 @@ function useSignupForm() {
   const emailError = touchedEmail || formSubmitAttempted ? validateEmail : null;
   const passwordError = touchedPassword || formSubmitAttempted ? validatePassword : null;
   const canSubmit = name.trim().length >= 2 && email.length > 0 && password.length >= MIN_PASSWORD2 && validateName === null && validateEmail === null && validatePassword === null && !submitting;
-  const submit = (0, import_react21.useCallback)(async () => {
+  const submit = (0, import_react22.useCallback)(async () => {
     setFormSubmitAttempted(true);
     if (!canSubmit) return false;
     setSubmitting(true);
@@ -3796,25 +3872,25 @@ function useSignupForm() {
 }
 
 // src/hooks/useForgotForm.ts
-var import_react22 = require("react");
-var import_sdk17 = require("@hook-sdk/sdk");
+var import_react23 = require("react");
+var import_sdk18 = require("@hook-sdk/sdk");
 var EMAIL_RE4 = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
 function useForgotForm() {
-  const { auth } = (0, import_sdk17.useHook)();
-  const [email, setEmail] = (0, import_react22.useState)("");
-  const [submitting, setSubmitting] = (0, import_react22.useState)(false);
-  const [sent, setSent] = (0, import_react22.useState)(false);
-  const [error, setError] = (0, import_react22.useState)(null);
-  const [touchedEmail, setTouchedEmail] = (0, import_react22.useState)(false);
-  const [formSubmitAttempted, setFormSubmitAttempted] = (0, import_react22.useState)(false);
-  const validateEmail = (0, import_react22.useMemo)(() => {
+  const { auth } = (0, import_sdk18.useHook)();
+  const [email, setEmail] = (0, import_react23.useState)("");
+  const [submitting, setSubmitting] = (0, import_react23.useState)(false);
+  const [sent, setSent] = (0, import_react23.useState)(false);
+  const [error, setError] = (0, import_react23.useState)(null);
+  const [touchedEmail, setTouchedEmail] = (0, import_react23.useState)(false);
+  const [formSubmitAttempted, setFormSubmitAttempted] = (0, import_react23.useState)(false);
+  const validateEmail = (0, import_react23.useMemo)(() => {
     if (email.length === 0) return null;
     if (!EMAIL_RE4.test(email)) return "Formato de e-mail inv\xE1lido.";
     return null;
   }, [email]);
   const emailError = touchedEmail || formSubmitAttempted ? validateEmail : null;
   const canSubmit = email.length > 0 && validateEmail === null && !submitting;
-  const submit = (0, import_react22.useCallback)(async () => {
+  const submit = (0, import_react23.useCallback)(async () => {
     setFormSubmitAttempted(true);
     if (!canSubmit) return false;
     setSubmitting(true);
@@ -3845,32 +3921,32 @@ function useForgotForm() {
 }
 
 // src/hooks/useResetForm.ts
-var import_react23 = require("react");
-var import_sdk18 = require("@hook-sdk/sdk");
-var MIN_PASSWORD3 = 12;
+var import_react24 = require("react");
+var import_sdk19 = require("@hook-sdk/sdk");
+var MIN_PASSWORD3 = 8;
 function useResetForm() {
-  const { auth } = (0, import_sdk18.useHook)();
-  const [token, setToken] = (0, import_react23.useState)(null);
-  const [password, setPassword] = (0, import_react23.useState)("");
-  const [confirm, setConfirm] = (0, import_react23.useState)("");
-  const [submitting, setSubmitting] = (0, import_react23.useState)(false);
-  const [done, setDone] = (0, import_react23.useState)(false);
-  const [error, setError] = (0, import_react23.useState)(null);
-  const [touchedPassword, setTouchedPassword] = (0, import_react23.useState)(false);
-  const [touchedConfirm, setTouchedConfirm] = (0, import_react23.useState)(false);
-  const [formSubmitAttempted, setFormSubmitAttempted] = (0, import_react23.useState)(false);
-  (0, import_react23.useEffect)(() => {
+  const { auth } = (0, import_sdk19.useHook)();
+  const [token, setToken] = (0, import_react24.useState)(null);
+  const [password, setPassword] = (0, import_react24.useState)("");
+  const [confirm, setConfirm] = (0, import_react24.useState)("");
+  const [submitting, setSubmitting] = (0, import_react24.useState)(false);
+  const [done, setDone] = (0, import_react24.useState)(false);
+  const [error, setError] = (0, import_react24.useState)(null);
+  const [touchedPassword, setTouchedPassword] = (0, import_react24.useState)(false);
+  const [touchedConfirm, setTouchedConfirm] = (0, import_react24.useState)(false);
+  const [formSubmitAttempted, setFormSubmitAttempted] = (0, import_react24.useState)(false);
+  (0, import_react24.useEffect)(() => {
     if (typeof window === "undefined") return;
     const params = new URLSearchParams(window.location.search);
     const t = params.get("token");
     setToken(t && t.length > 0 ? t : null);
   }, []);
-  const validatePassword = (0, import_react23.useMemo)(() => {
+  const validatePassword = (0, import_react24.useMemo)(() => {
     if (password.length === 0) return null;
     if (password.length < MIN_PASSWORD3) return `M\xEDnimo de ${MIN_PASSWORD3} caracteres.`;
     return null;
   }, [password]);
-  const validateConfirm = (0, import_react23.useMemo)(() => {
+  const validateConfirm = (0, import_react24.useMemo)(() => {
     if (confirm.length === 0) return null;
     if (confirm !== password) return "Senhas n\xE3o coincidem.";
     return null;
@@ -3878,7 +3954,7 @@ function useResetForm() {
   const passwordError = touchedPassword || formSubmitAttempted ? validatePassword : null;
   const confirmError = touchedConfirm || formSubmitAttempted ? validateConfirm : null;
   const canSubmit = token !== null && password.length >= MIN_PASSWORD3 && confirm === password && validatePassword === null && validateConfirm === null && !submitting && !done;
-  const submit = (0, import_react23.useCallback)(async () => {
+  const submit = (0, import_react24.useCallback)(async () => {
     setFormSubmitAttempted(true);
     if (!canSubmit || token === null) return;
     setSubmitting(true);
@@ -3946,12 +4022,12 @@ function discountPercent(anchorCents, realCents) {
 }
 
 // src/hooks/useAuthPrimitives.ts
-var import_react24 = require("react");
-var import_sdk19 = require("@hook-sdk/sdk");
+var import_react25 = require("react");
+var import_sdk20 = require("@hook-sdk/sdk");
 var warned = false;
 function useAuthPrimitives() {
-  const { auth } = (0, import_sdk19.useHook)();
-  (0, import_react24.useEffect)(() => {
+  const { auth } = (0, import_sdk20.useHook)();
+  (0, import_react25.useEffect)(() => {
     if (!warned && process.env.NODE_ENV !== "production") {
       warned = true;
       console.warn(
@@ -3973,9 +4049,9 @@ function useAuthPrimitives() {
 }
 
 // src/hooks/useAuth.ts
-var import_sdk20 = require("@hook-sdk/sdk");
+var import_sdk21 = require("@hook-sdk/sdk");
 function useAuth() {
-  const { user, authStatus, auth } = (0, import_sdk20.useHook)();
+  const { user, authStatus, auth } = (0, import_sdk21.useHook)();
   return {
     user,
     authStatus,
@@ -3984,26 +4060,26 @@ function useAuth() {
 }
 
 // src/index.ts
-var import_sdk25 = require("@hook-sdk/sdk");
+var import_sdk26 = require("@hook-sdk/sdk");
 
 // src/hooks/useSubscription.ts
-var import_sdk21 = require("@hook-sdk/sdk");
+var import_sdk22 = require("@hook-sdk/sdk");
 function useSubscription() {
-  const { subscription } = (0, import_sdk21.useHook)();
+  const { subscription } = (0, import_sdk22.useHook)();
   return {
     status: subscription.status()
   };
 }
 
 // src/hooks/useReminders.ts
-var import_react25 = require("react");
-var import_sdk22 = require("@hook-sdk/sdk");
+var import_react26 = require("react");
+var import_sdk23 = require("@hook-sdk/sdk");
 function useReminders() {
-  const { push } = (0, import_sdk22.useHook)();
+  const { push } = (0, import_sdk23.useHook)();
   const r = push.reminders;
-  const [reminders, setReminders] = (0, import_react25.useState)([]);
-  const [loading, setLoading] = (0, import_react25.useState)(true);
-  const reload = (0, import_react25.useCallback)(async () => {
+  const [reminders, setReminders] = (0, import_react26.useState)([]);
+  const [loading, setLoading] = (0, import_react26.useState)(true);
+  const reload = (0, import_react26.useCallback)(async () => {
     setLoading(true);
     try {
       const next = await r.list();
@@ -4012,38 +4088,38 @@ function useReminders() {
       setLoading(false);
     }
   }, [r]);
-  (0, import_react25.useEffect)(() => {
+  (0, import_react26.useEffect)(() => {
     void reload();
   }, [reload]);
-  const setReminder = (0, import_react25.useCallback)(async (input) => {
+  const setReminder = (0, import_react26.useCallback)(async (input) => {
     await r.set(input);
     await reload();
   }, [r, reload]);
-  const deleteReminder = (0, import_react25.useCallback)(async (slot) => {
+  const deleteReminder = (0, import_react26.useCallback)(async (slot) => {
     await r.delete(slot);
     await reload();
   }, [r, reload]);
-  const schedule = (0, import_react25.useCallback)(async (items) => {
+  const schedule = (0, import_react26.useCallback)(async (items) => {
     return r.schedule(items);
   }, [r]);
-  const setFallbacks = (0, import_react25.useCallback)(async (items) => {
+  const setFallbacks = (0, import_react26.useCallback)(async (items) => {
     return r.setFallbacks(items);
   }, [r]);
   return { reminders, loading, setReminder, deleteReminder, schedule, setFallbacks };
 }
 
 // src/hooks/useToast.ts
-var import_react26 = require("react");
+var import_react27 = require("react");
 function useToast() {
-  const [items, setItems] = (0, import_react26.useState)([]);
-  const show = (0, import_react26.useCallback)((message, kind = "info") => {
+  const [items, setItems] = (0, import_react27.useState)([]);
+  const show = (0, import_react27.useCallback)((message, kind = "info") => {
     const id = `${Date.now()}-${Math.random().toString(36).slice(2, 8)}`;
     setItems((prev) => [...prev, { id, message, kind }]);
     setTimeout(() => {
       setItems((prev) => prev.filter((t) => t.id !== id));
     }, 4e3);
   }, []);
-  const dismiss = (0, import_react26.useCallback)((id) => {
+  const dismiss = (0, import_react27.useCallback)((id) => {
     setItems((prev) => prev.filter((t) => t.id !== id));
   }, []);
   return { items, show, dismiss };
@@ -4051,20 +4127,20 @@ function useToast() {
 
 // src/RouteBoundary.tsx
 var import_react_router_dom5 = require("react-router-dom");
-var import_jsx_runtime29 = require("react/jsx-runtime");
+var import_jsx_runtime30 = require("react/jsx-runtime");
 function RouteBoundary({ children }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(import_react_router_dom5.Routes, { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_react_router_dom5.Routes, { children: [
     children,
-    /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_react_router_dom5.Route, { path: "*", element: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(DefaultNotFound, {}) })
+    /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_react_router_dom5.Route, { path: "*", element: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(DefaultNotFound, {}) })
   ] });
 }
 function DefaultNotFound() {
-  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { role: "alert", children: "P\xE1gina n\xE3o encontrada" });
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { role: "alert", children: "P\xE1gina n\xE3o encontrada" });
 }
 
 // src/PreAuthShell.tsx
 var import_react_router_dom6 = require("react-router-dom");
-var import_jsx_runtime30 = require("react/jsx-runtime");
+var import_jsx_runtime31 = require("react/jsx-runtime");
 function PreAuthShell({
   basename,
   testRouter,
@@ -4072,20 +4148,20 @@ function PreAuthShell({
   children
 }) {
   if (testRouter === "memory") {
-    return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_react_router_dom6.MemoryRouter, { basename, initialEntries: testInitialEntries, children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_react_router_dom6.Routes, { children }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_react_router_dom6.MemoryRouter, { basename, initialEntries: testInitialEntries, children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_react_router_dom6.Routes, { children }) });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_react_router_dom6.BrowserRouter, { basename, children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_react_router_dom6.Routes, { children }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_react_router_dom6.BrowserRouter, { basename, children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_react_router_dom6.Routes, { children }) });
 }
 
 // src/OnboardingFlow.tsx
-var import_react28 = require("react");
-var import_sdk23 = require("@hook-sdk/sdk");
+var import_react29 = require("react");
+var import_sdk24 = require("@hook-sdk/sdk");
 
 // src/hooks/useOnboardingStep.ts
-var import_react27 = require("react");
-var OnboardingStepContext = (0, import_react27.createContext)(null);
+var import_react28 = require("react");
+var OnboardingStepContext = (0, import_react28.createContext)(null);
 function useOnboardingStep() {
-  const ctx = (0, import_react27.useContext)(OnboardingStepContext);
+  const ctx = (0, import_react28.useContext)(OnboardingStepContext);
   if (!ctx) {
     throw new Error(
       "[hook-template] useOnboardingStep must be used inside <OnboardingFlow>. (G75)"
@@ -4095,7 +4171,7 @@ function useOnboardingStep() {
 }
 
 // src/OnboardingFlow.tsx
-var import_jsx_runtime31 = require("react/jsx-runtime");
+var import_jsx_runtime32 = require("react/jsx-runtime");
 var isFilled = (v) => v != null && v !== "";
 var CURRENT_STEP_FIELD = "currentStep";
 function readPersistedStepIdx(draft) {
@@ -4108,12 +4184,12 @@ function OnboardingFlow({
   onComplete,
   persistKey
 }) {
-  const [draft, setDraft, status] = (0, import_sdk23.usePersistedState)(persistKey, {});
-  const draftRef = (0, import_react28.useRef)(draft);
+  const [draft, setDraft, status] = (0, import_sdk24.usePersistedState)(persistKey, {});
+  const draftRef = (0, import_react29.useRef)(draft);
   draftRef.current = draft;
   const idx = readPersistedStepIdx(draft);
   const clampedIdx = Math.min(Math.max(idx, 0), Math.max(steps.length - 1, 0));
-  const setIdx = (0, import_react28.useCallback)(
+  const setIdx = (0, import_react29.useCallback)(
     (n) => {
       setDraft((prev) => {
         const prevIdx = readPersistedStepIdx(prev);
@@ -4123,7 +4199,7 @@ function OnboardingFlow({
     },
     [setDraft]
   );
-  const setValue = (0, import_react28.useCallback)(
+  const setValue = (0, import_react29.useCallback)(
     (patch) => {
       draftRef.current = { ...draftRef.current, ...patch };
       setDraft((prev) => ({ ...prev, ...patch }));
@@ -4131,9 +4207,9 @@ function OnboardingFlow({
     [setDraft]
   );
   const step = steps[clampedIdx];
-  const hookCtx = (0, import_sdk23.useHook)();
+  const hookCtx = (0, import_sdk24.useHook)();
   const track2 = typeof hookCtx.track === "function" ? hookCtx.track : void 0;
-  (0, import_react28.useEffect)(() => {
+  (0, import_react29.useEffect)(() => {
     if (status.loading) return;
     if (!step) return;
     if (!track2) return;
@@ -4143,11 +4219,11 @@ function OnboardingFlow({
       total_steps: steps.length
     });
   }, [step?.id, clampedIdx, steps.length, status.loading, track2]);
-  const valid = (0, import_react28.useMemo)(
+  const valid = (0, import_react29.useMemo)(
     () => step ? (step.validates ?? []).every((field) => isFilled(draft[field])) : false,
     [draft, step]
   );
-  const next = (0, import_react28.useCallback)(() => {
+  const next = (0, import_react29.useCallback)(() => {
     if (!step) return;
     const current = draftRef.current;
     const validNow = (step.validates ?? []).every((field) => isFilled(current[field]));
@@ -4158,8 +4234,8 @@ function OnboardingFlow({
       setIdx(clampedIdx + 1);
     }
   }, [clampedIdx, onComplete, step, steps.length, setIdx]);
-  const prevStep = (0, import_react28.useCallback)(() => setIdx((i) => Math.max(0, i - 1)), [setIdx]);
-  const ctx = (0, import_react28.useMemo)(
+  const prevStep = (0, import_react29.useCallback)(() => setIdx((i) => Math.max(0, i - 1)), [setIdx]);
+  const ctx = (0, import_react29.useMemo)(
     () => ({
       stepIndex: clampedIdx,
       totalSteps: steps.length,
@@ -4185,7 +4261,7 @@ function OnboardingFlow({
       `[hook-template] OnboardingFlow: missing screen component for step '${step.id}' (expected key '${step.screen}' in screens prop)`
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(OnboardingStepContext.Provider, { value: ctx, children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(Screen, {}) });
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(OnboardingStepContext.Provider, { value: ctx, children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(Screen, {}) });
 }
 
 // src/hooks/useFeature.ts
@@ -4195,22 +4271,22 @@ function useFeature(name) {
 }
 
 // src/components/paywall/Paywall.tsx
-var import_react31 = require("react");
-var import_sdk24 = require("@hook-sdk/sdk");
+var import_react32 = require("react");
+var import_sdk25 = require("@hook-sdk/sdk");
 
 // src/components/paywall/PaywallProvider.tsx
-var import_react29 = require("react");
-var import_jsx_runtime32 = require("react/jsx-runtime");
-var PaywallContext = (0, import_react29.createContext)(null);
+var import_react30 = require("react");
+var import_jsx_runtime33 = require("react/jsx-runtime");
+var PaywallContext = (0, import_react30.createContext)(null);
 function PaywallProvider({ children }) {
   const state = usePaywallState();
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(PaywallContext.Provider, { value: state, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(PaywallContext.Provider, { value: state, children });
 }
 
 // src/components/paywall/usePaywallContext.ts
-var import_react30 = require("react");
+var import_react31 = require("react");
 function usePaywallContext() {
-  const ctx = (0, import_react30.useContext)(PaywallContext);
+  const ctx = (0, import_react31.useContext)(PaywallContext);
   if (!ctx) {
     throw new Error("usePaywallContext must be used within <PaywallProvider>");
   }
@@ -4218,7 +4294,7 @@ function usePaywallContext() {
 }
 
 // src/components/paywall/PaywallMethodTabs.tsx
-var import_jsx_runtime33 = require("react/jsx-runtime");
+var import_jsx_runtime34 = require("react/jsx-runtime");
 function PaywallMethodTabs({
   labels,
   className,
@@ -4227,10 +4303,10 @@ function PaywallMethodTabs({
 }) {
   const { methods, selectedMethod, selectMethod } = usePaywallContext();
   if (methods.length < 2) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { role: "tablist", "aria-label": "M\xE9todo de pagamento", className, children: methods.map((m) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("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__ */ (0, import_jsx_runtime33.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
       "button",
       {
         type: "button",
@@ -4248,16 +4324,16 @@ function PaywallMethodTabs({
 }
 
 // src/components/paywall/PaywallMethodContent.tsx
-var import_jsx_runtime34 = require("react/jsx-runtime");
+var import_jsx_runtime35 = require("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__ */ (0, import_jsx_runtime34.jsx)("div", { role: "tabpanel", id: `paywall-tab-${selectedMethod}`, className, children: rows.map((row, i) => /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: rowClassName, children: row }, i)) });
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { role: "tabpanel", id: `paywall-tab-${selectedMethod}`, className, children: rows.map((row, i) => /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: rowClassName, children: row }, i)) });
 }
 
 // src/components/paywall/PaywallCyclePicker.tsx
-var import_jsx_runtime35 = require("react/jsx-runtime");
+var import_jsx_runtime36 = require("react/jsx-runtime");
 var VARIANT_CLASSES = {
   default: { card: "", cardSelected: "" },
   "premium-gold": {
@@ -4282,7 +4358,7 @@ function PaywallCyclePicker({
   const { cycle: selected, setCycle, plan, anchorPriceCents } = ctx;
   const cycles = ["MONTHLY", "YEARLY"];
   if (render) {
-    return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className, children: render({ cycles, selected, setCycle, plan, anchorPriceCents }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className, children: render({ cycles, selected, setCycle, plan, anchorPriceCents }) });
   }
   if (cycles.length < 2) return null;
   const v = VARIANT_CLASSES[variant];
@@ -4292,7 +4368,7 @@ function PaywallCyclePicker({
   const yearlyCents = plan?.yearlyCents ?? 0;
   const anchorMonthly = plan?.anchorMonthlyCents ?? null;
   const anchorYearly = plan?.anchorYearlyCents ?? null;
-  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
     "div",
     {
       role: "radiogroup",
@@ -4304,7 +4380,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__ */ (0, import_jsx_runtime35.jsxs)(
+        return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
           "button",
           {
             type: "button",
@@ -4317,10 +4393,10 @@ function PaywallCyclePicker({
               active ? composedCardSelectedClassName : ""
             ].filter(Boolean).join(" "),
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { className: "font-bold text-base leading-tight", children: formatBRL(mainCents) }),
-              /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { className: "text-xs opacity-70 leading-tight", children: suffix }),
-              /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { className: "text-xs opacity-60 leading-tight", children: label }),
-              anchorCents != null && anchorCents > mainCents ? /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { className: anchorClassName ?? "text-xs opacity-50", children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("s", { children: formatBRL(anchorCents) }) }) : null
+              /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { className: "font-bold text-base leading-tight", children: formatBRL(mainCents) }),
+              /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { className: "text-xs opacity-70 leading-tight", children: suffix }),
+              /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { className: "text-xs opacity-60 leading-tight", children: label }),
+              anchorCents != null && anchorCents > mainCents ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { className: anchorClassName ?? "text-xs opacity-50", children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("s", { children: formatBRL(anchorCents) }) }) : null
             ]
           },
           c
@@ -4331,7 +4407,7 @@ function PaywallCyclePicker({
 }
 
 // src/components/paywall/Paywall.tsx
-var import_jsx_runtime36 = require("react/jsx-runtime");
+var import_jsx_runtime37 = require("react/jsx-runtime");
 var NBSP = "\xA0";
 function Paywall({
   copy,
@@ -4339,7 +4415,7 @@ function Paywall({
   slots = {},
   onBeforeCheckout
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(PaywallProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(PaywallProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
     PaywallInner,
     {
       copy,
@@ -4355,11 +4431,11 @@ function PaywallInner({
   slots = {},
   onBeforeCheckout
 }) {
-  const { track: track2 } = (0, import_sdk24.useHook)();
+  const { track: track2 } = (0, import_sdk25.useHook)();
   const s = usePaywallContext();
   const priceLabel = formatBRL(s.currentPriceCents).replace(new RegExp(NBSP, "g"), " ");
   const trialDaysCardLabel = String(s.trialDaysCard);
-  const ctaLabel = (0, import_react31.useMemo)(() => {
+  const ctaLabel = (0, import_react32.useMemo)(() => {
     if (s.isFree) return copy.freeCta ?? "Come\xE7ar agora";
     if (s.selectedMethod === "card") {
       if (s.hasConsumedTrial && copy.cardConsumedTrial) {
@@ -4386,11 +4462,11 @@ function PaywallInner({
     priceLabel,
     trialDaysCardLabel
   ]);
-  const switchHint = (0, import_react31.useMemo)(() => {
+  const switchHint = (0, import_react32.useMemo)(() => {
     if (s.methods.length < 2) return void 0;
     return s.selectedMethod === "card" ? copy.card.switchHint : copy.pix.switchHint;
   }, [s.methods.length, s.selectedMethod, copy]);
-  (0, import_react31.useEffect)(() => {
+  (0, import_react32.useEffect)(() => {
     if (!s.initialLoadComplete) return;
     track2("paywall_view", {
       default_method: s.selectedMethod,
@@ -4412,15 +4488,15 @@ function PaywallInner({
     await s.submit();
   };
   const ctaTheme = s.selectedMethod === "card" ? themeClasses.ctaCard : themeClasses.ctaPix;
-  return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: themeClasses.container, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: themeClasses.container, children: [
     slots.heroSlot,
-    /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("h1", { className: themeClasses.headline, children: copy.headline }),
-    /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("ul", { children: copy.features.map((f) => /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("li", { className: themeClasses.feature, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("h1", { className: themeClasses.headline, children: copy.headline }),
+    /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("ul", { children: copy.features.map((f) => /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("li", { className: themeClasses.feature, children: [
       "\u2713 ",
-      /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { children: f })
+      /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("span", { children: f })
     ] }, f)) }),
-    copy.socialProof ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("p", { className: themeClasses.socialProof, children: copy.socialProof }) : null,
-    slots.cyclePickerSlot ?? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+    copy.socialProof ? /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("p", { className: themeClasses.socialProof, children: copy.socialProof }) : null,
+    slots.cyclePickerSlot ?? /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
       PaywallCyclePicker,
       {
         labels: copy.cycle,
@@ -4429,7 +4505,7 @@ function PaywallInner({
         anchorClassName: themeClasses.anchorPrice
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
       PaywallMethodTabs,
       {
         labels: { "pix-auto": copy.pix.tabLabel, card: copy.card.tabLabel },
@@ -4438,7 +4514,7 @@ function PaywallInner({
         tabActiveClassName: themeClasses.tabActive
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
       PaywallMethodContent,
       {
         copy: {
@@ -4456,8 +4532,8 @@ function PaywallInner({
       }
     ),
     slots.beforeCtaSlot,
-    /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
         "button",
         {
           type: "button",
@@ -4469,8 +4545,8 @@ function PaywallInner({
           children: s.submitting ? "Abrindo checkout\u2026" : ctaLabel
         }
       ),
-      switchHint ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("p", { className: themeClasses.switchHint, children: switchHint }) : null,
-      /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("p", { className: themeClasses.trustLine, children: copy.trustLine })
+      switchHint ? /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("p", { className: themeClasses.switchHint, children: switchHint }) : null,
+      /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("p", { className: themeClasses.trustLine, children: copy.trustLine })
     ] })
   ] });
 }
@@ -4487,7 +4563,7 @@ function interpolateCopy(m, price, days) {
 }
 
 // src/components/paywall/PaywallCta.tsx
-var import_jsx_runtime37 = require("react/jsx-runtime");
+var import_jsx_runtime38 = require("react/jsx-runtime");
 function PaywallCta({
   ctaLabel,
   loadingLabel,
@@ -4500,8 +4576,8 @@ function PaywallCta({
 }) {
   const { submit, submitting } = usePaywallContext();
   const label = submitting && loadingLabel ? loadingLabel : ctaLabel;
-  return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
       "button",
       {
         type: "button",
@@ -4513,20 +4589,20 @@ function PaywallCta({
         children: label
       }
     ),
-    switchHint ? /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("p", { className: switchHintClassName, children: switchHint }) : null,
-    /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("p", { className: trustClassName, children: trustLine })
+    switchHint ? /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("p", { className: switchHintClassName, children: switchHint }) : null,
+    /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("p", { className: trustClassName, children: trustLine })
   ] });
 }
 
 // src/components/paywall/blocks/PaywallEyebrow.tsx
-var import_jsx_runtime38 = require("react/jsx-runtime");
+var import_jsx_runtime39 = require("react/jsx-runtime");
 var DEFAULT_EYEBROW_CLASSES = "text-xs uppercase tracking-widest font-semibold opacity-70";
 function PaywallEyebrow({ text, className }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: [DEFAULT_EYEBROW_CLASSES, className].filter(Boolean).join(" "), children: text });
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: [DEFAULT_EYEBROW_CLASSES, className].filter(Boolean).join(" "), children: text });
 }
 
 // src/components/paywall/blocks/PaywallHero.tsx
-var import_jsx_runtime39 = require("react/jsx-runtime");
+var import_jsx_runtime40 = require("react/jsx-runtime");
 var DEFAULT_GRADIENT = "absolute inset-0 bg-gradient-to-t from-black/70 via-black/20 to-transparent";
 function PaywallHero({
   src,
@@ -4540,15 +4616,15 @@ function PaywallHero({
   render
 }) {
   if (render) {
-    return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className, children: render({ src, headline }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className, children: render({ src, headline }) });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
     "div",
     {
       className: ["relative overflow-hidden", className].filter(Boolean).join(" "),
       style: { aspectRatio },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
           "img",
           {
             src,
@@ -4556,8 +4632,8 @@ function PaywallHero({
             className: ["absolute inset-0 w-full h-full object-cover", imgClassName].filter(Boolean).join(" ")
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: gradientClassName ?? DEFAULT_GRADIENT, "aria-hidden": "true" }),
-        headline ? /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: gradientClassName ?? DEFAULT_GRADIENT, "aria-hidden": "true" }),
+        headline ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
           "h1",
           {
             className: ["absolute bottom-0 left-0 right-0 p-4 text-white font-bold text-2xl", headlineClassName].filter(Boolean).join(" "),
@@ -4570,15 +4646,15 @@ function PaywallHero({
 }
 
 // src/components/paywall/blocks/PaywallHeadline.tsx
-var import_jsx_runtime40 = require("react/jsx-runtime");
+var import_jsx_runtime41 = require("react/jsx-runtime");
 var DEFAULT_HEADLINE_CLASSES = "text-2xl font-bold leading-tight";
 function PaywallHeadline({ text, className, as = "h1" }) {
   const Tag = as;
-  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Tag, { className: [DEFAULT_HEADLINE_CLASSES, className].filter(Boolean).join(" "), children: text });
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Tag, { className: [DEFAULT_HEADLINE_CLASSES, className].filter(Boolean).join(" "), children: text });
 }
 
 // src/components/paywall/blocks/PaywallPriceHeadline.tsx
-var import_jsx_runtime41 = require("react/jsx-runtime");
+var import_jsx_runtime42 = require("react/jsx-runtime");
 var DEFAULT_CLASS = "text-2xl font-bold leading-tight";
 var CYCLE_LABEL = {
   MONTHLY: "mensal",
@@ -4598,16 +4674,16 @@ function PaywallPriceHeadline({
   const rootClasses = [DEFAULT_CLASS, className].filter(Boolean).join(" ");
   if (render) {
     const RootTag2 = as;
-    return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(RootTag2, { className: [className].filter(Boolean).join(" ") || void 0, children: render({ pricePerDay, currentMonthlyEquivCents: monthlyEquiv, cycle }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(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__ */ (0, import_jsx_runtime41.jsx)(RootTag, { className: rootClasses, children: text });
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(RootTag, { className: rootClasses, children: text });
 }
 
 // src/components/paywall/blocks/PaywallCountdown.tsx
-var import_react32 = require("react");
-var import_jsx_runtime42 = require("react/jsx-runtime");
+var import_react33 = require("react");
+var import_jsx_runtime43 = require("react/jsx-runtime");
 var DEFAULT_COUNTDOWN_CLASSES = "font-mono tabular-nums";
 function resolveDeadlineMs(deadline) {
   if (deadline instanceof Date) return deadline.getTime();
@@ -4644,13 +4720,13 @@ function PaywallCountdown({
   className,
   render
 }) {
-  const deadlineMsRef = (0, import_react32.useRef)(null);
+  const deadlineMsRef = (0, import_react33.useRef)(null);
   if (deadlineMsRef.current === null) {
     deadlineMsRef.current = resolveDeadlineMs(deadline);
   }
-  const [state, setState] = (0, import_react32.useState)(() => computeRemaining(deadlineMsRef.current));
-  const expiredCalledRef = (0, import_react32.useRef)(false);
-  (0, import_react32.useEffect)(() => {
+  const [state, setState] = (0, import_react33.useState)(() => computeRemaining(deadlineMsRef.current));
+  const expiredCalledRef = (0, import_react33.useRef)(false);
+  (0, import_react33.useEffect)(() => {
     if (state.expired) {
       if (!expiredCalledRef.current) {
         expiredCalledRef.current = true;
@@ -4670,14 +4746,14 @@ function PaywallCountdown({
     return () => clearInterval(id);
   }, [state.expired]);
   if (render) {
-    return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className, children: render(state) });
+    return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("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__ */ (0, import_jsx_runtime42.jsx)("div", { className: [DEFAULT_COUNTDOWN_CLASSES, className].filter(Boolean).join(" "), children: formatted });
+  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: [DEFAULT_COUNTDOWN_CLASSES, className].filter(Boolean).join(" "), children: formatted });
 }
 
 // src/components/paywall/blocks/PaywallFeatures.tsx
-var import_jsx_runtime43 = require("react/jsx-runtime");
+var import_jsx_runtime44 = require("react/jsx-runtime");
 function PaywallFeatures({
   items,
   IconComponent,
@@ -4688,19 +4764,19 @@ function PaywallFeatures({
   renderItem
 }) {
   if (render) {
-    return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className, children: render({ items }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className, children: render({ items }) });
   }
   if (renderItem) {
-    return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("ul", { className, children: items.map((item, idx) => /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("li", { children: renderItem(item, idx) }, idx)) });
+    return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("ul", { className, children: items.map((item, idx) => /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("li", { children: renderItem(item, idx) }, idx)) });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("ul", { className, children: items.map((item, idx) => /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("li", { className: itemClassName, children: [
-    IconComponent ? /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(IconComponent, { className: iconClassName }) : /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { className: iconClassName, "aria-hidden": "true", children: "\u2713" }),
-    /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { children: item })
+  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("ul", { className, children: items.map((item, idx) => /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("li", { className: itemClassName, children: [
+    IconComponent ? /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(IconComponent, { className: iconClassName }) : /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("span", { className: iconClassName, "aria-hidden": "true", children: "\u2713" }),
+    /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("span", { children: item })
   ] }, idx)) });
 }
 
 // src/components/paywall/blocks/PaywallFeaturesCard.tsx
-var import_jsx_runtime44 = require("react/jsx-runtime");
+var import_jsx_runtime45 = require("react/jsx-runtime");
 var DEFAULT_CARD_CLASSES = "rounded-xl border p-4";
 function PaywallFeaturesCard({
   title,
@@ -4711,20 +4787,20 @@ function PaywallFeaturesCard({
   itemClassName,
   renderItem
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className, children: /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: [DEFAULT_CARD_CLASSES, cardClassName].filter(Boolean).join(" "), children: [
-    title ? /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: ["font-semibold mb-2", titleClassName].filter(Boolean).join(" "), children: title }) : null,
-    /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("ul", { children: items.map(
-      (item, idx) => renderItem ? /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("li", { children: renderItem(item, idx) }, idx) : /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("li", { className: itemClassName, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("span", { "aria-hidden": "true", children: "\u2022" }),
+  return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className, children: /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: [DEFAULT_CARD_CLASSES, cardClassName].filter(Boolean).join(" "), children: [
+    title ? /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: ["font-semibold mb-2", titleClassName].filter(Boolean).join(" "), children: title }) : null,
+    /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("ul", { children: items.map(
+      (item, idx) => renderItem ? /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("li", { children: renderItem(item, idx) }, idx) : /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("li", { className: itemClassName, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { "aria-hidden": "true", children: "\u2022" }),
         " ",
-        /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("span", { children: item })
+        /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { children: item })
       ] }, idx)
     ) })
   ] }) });
 }
 
 // src/components/paywall/blocks/PaywallTrophyBadge.tsx
-var import_jsx_runtime45 = require("react/jsx-runtime");
+var import_jsx_runtime46 = require("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({
@@ -4735,21 +4811,21 @@ function PaywallTrophyBadge({
   render
 }) {
   if (render) {
-    return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className, children: render({ text }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { className, children: render({ text }) });
   }
   const rootClasses = [
     DEFAULT_CHIP_CLASSES,
     floating ? FLOATING_CLASSES : "",
     className
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: rootClasses, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { className: iconClassName, "aria-hidden": "true", children: "\u{1F3C6}" }),
-    /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { children: text })
+  return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: rootClasses, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { className: iconClassName, "aria-hidden": "true", children: "\u{1F3C6}" }),
+    /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { children: text })
   ] });
 }
 
 // src/components/paywall/blocks/PaywallAnchorPrice.tsx
-var import_jsx_runtime46 = require("react/jsx-runtime");
+var import_jsx_runtime47 = require("react/jsx-runtime");
 var DEFAULT_CLASS2 = "text-sm opacity-60 line-through";
 function PaywallAnchorPrice({
   className,
@@ -4763,13 +4839,13 @@ function PaywallAnchorPrice({
   const formatted = formatBRL(anchorPriceCents);
   const rootClasses = [DEFAULT_CLASS2, className].filter(Boolean).join(" ");
   if (render) {
-    return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { className: className || void 0, children: render({ anchorCents: anchorPriceCents, formatted }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { className: className || void 0, children: render({ anchorCents: anchorPriceCents, formatted }) });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { className: rootClasses, children: formatted });
+  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { className: rootClasses, children: formatted });
 }
 
 // src/components/paywall/blocks/PaywallTestimonials.tsx
-var import_jsx_runtime47 = require("react/jsx-runtime");
+var import_jsx_runtime48 = require("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";
@@ -4795,13 +4871,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__ */ (0, import_jsx_runtime47.jsx)("div", { className: rootClasses, children: items.map((item, idx) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("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__ */ (0, import_jsx_runtime47.jsxs)("div", { className: cardClasses, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "flex items-center gap-2", children: [
-        item.avatar ? /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: cardClasses, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "flex items-center gap-2", children: [
+        item.avatar ? /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
           "img",
           {
             src: item.avatar,
@@ -4811,19 +4887,19 @@ function PaywallTestimonials({
             "aria-hidden": "true"
           }
         ) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: nameClasses, children: item.name })
+        /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: nameClasses, children: item.name })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: starsClasses, "aria-label": `${filled} de 5 estrelas`, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: starsClasses, "aria-label": `${filled} de 5 estrelas`, children: [
         "\u2605".repeat(filled),
         "\u2606".repeat(empty)
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("p", { className: quoteClasses, children: item.quote })
+      /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("p", { className: quoteClasses, children: item.quote })
     ] }, idx);
   }) });
 }
 
 // src/components/paywall/blocks/PaywallStatsRow.tsx
-var import_jsx_runtime48 = require("react/jsx-runtime");
+var import_jsx_runtime49 = require("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";
@@ -4840,18 +4916,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__ */ (0, import_jsx_runtime48.jsx)("div", { className: rootClasses, children: stats.map((stat, idx) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { className: rootClasses, children: stats.map((stat, idx) => {
     if (renderCell) return renderCell(stat, idx);
-    return /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: cellClasses, children: [
-      stat.icon ? /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { "aria-hidden": "true", children: stat.icon }) : null,
-      /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: valueClasses, children: stat.value }),
-      /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: labelClasses, children: stat.label })
+    return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: cellClasses, children: [
+      stat.icon ? /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { "aria-hidden": "true", children: stat.icon }) : null,
+      /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { className: valueClasses, children: stat.value }),
+      /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { className: labelClasses, children: stat.label })
     ] }, idx);
   }) });
 }
 
 // src/components/paywall/blocks/PaywallFinePrint.tsx
-var import_jsx_runtime49 = require("react/jsx-runtime");
+var import_jsx_runtime50 = require("react/jsx-runtime");
 var DEFAULT_CLASS3 = "text-xs opacity-60 leading-snug";
 var CYCLE_LABEL2 = {
   MONTHLY: "mensal",
@@ -4874,7 +4950,7 @@ function PaywallFinePrint({
   const priceFormatted = formatBRL(currentPriceCents ?? 0);
   const rootClasses = [DEFAULT_CLASS3, className].filter(Boolean).join(" ");
   if (render) {
-    return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("p", { className: className || void 0, children: render({
+    return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("p", { className: className || void 0, children: render({
       currentPriceCents: currentPriceCents ?? 0,
       cycle,
       trialDays: trialDays ?? 0,
@@ -4882,11 +4958,11 @@ function PaywallFinePrint({
     }) });
   }
   const text = template.replaceAll("{price}", priceFormatted).replaceAll("{trialDays}", String(trialDays ?? 0)).replaceAll("{cycle}", cycleLabel);
-  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("p", { className: rootClasses, children: text });
+  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("p", { className: rootClasses, children: text });
 }
 
 // src/components/paywall/blocks/PaywallTrustLine.tsx
-var import_jsx_runtime50 = require("react/jsx-runtime");
+var import_jsx_runtime51 = require("react/jsx-runtime");
 var DEFAULT_ROOT3 = "flex items-center gap-3";
 var DEFAULT_ITEM = "flex items-center gap-1.5 text-xs";
 function PaywallTrustLine({
@@ -4897,17 +4973,17 @@ function PaywallTrustLine({
 }) {
   const rootClasses = [DEFAULT_ROOT3, className].filter(Boolean).join(" ");
   const itemClasses = [DEFAULT_ITEM, itemClassName].filter(Boolean).join(" ");
-  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: rootClasses, children: items.map((item, idx) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: rootClasses, children: items.map((item, idx) => {
     if (renderItem) return renderItem(item, idx);
-    return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("span", { className: itemClasses, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("span", { "aria-hidden": "true", children: item.icon }),
-      /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("span", { children: item.text })
+    return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("span", { className: itemClasses, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", { "aria-hidden": "true", children: item.icon }),
+      /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", { children: item.text })
     ] }, idx);
   }) });
 }
 
 // src/components/paywall/blocks/PaywallStickyFooter.tsx
-var import_jsx_runtime51 = require("react/jsx-runtime");
+var import_jsx_runtime52 = require("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({
@@ -4916,7 +4992,7 @@ function PaywallStickyFooter({
   safeAreaInsets = true
 }) {
   const classes = [DEFAULT_CLASSES, safeAreaInsets ? SAFE_AREA_CLASS : null, className].filter(Boolean).join(" ");
-  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: classes, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: classes, children });
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {