@hook-sdk/template 0.28.5 → 0.28.7

package/dist/index.js

@@ -3901,14 +3901,14 @@ function CheckoutPageDefault() {
     navigate(result.redirect.replace(/^.*\/app\/[^/]+/, "") || "/");
   }
   return /* @__PURE__ */ jsx48("div", { className: "flex-1 flex flex-col bg-background min-h-0", children: /* @__PURE__ */ jsxs29("form", { onSubmit, className: "flex-1 flex flex-col min-h-0", children: [
-    /* @__PURE__ */ jsxs29("div", { className: "flex-1 overflow-y-auto pb-4", children: [
-      form.emailTaken ? /* @__PURE__ */ jsx48("div", { className: "px-5 pt-4", children: /* @__PURE__ */ jsxs29("div", { role: "alert", className: "rounded-2xl bg-destructive/10 p-4 text-sm text-destructive border border-destructive/20", children: [
+    /* @__PURE__ */ jsxs29("div", { className: "flex-1 overflow-y-auto px-5 pt-5 pb-6 space-y-6", children: [
+      form.emailTaken ? /* @__PURE__ */ jsxs29("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__ */ jsx48("a", { href: form.loginUrl ?? "/signin", className: "underline font-semibold", children: "Entrar agora" })
-      ] }) }) : null,
-      form.error ? /* @__PURE__ */ jsx48("div", { className: "px-5 pt-4", children: /* @__PURE__ */ jsx48("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__ */ jsx48("div", { className: "px-5 pt-4", children: form.method === "card" ? /* @__PURE__ */ jsxs29("div", { className: "rounded-2xl bg-card border-[1.5px] border-foreground p-3.5", children: [
+      ] }) : null,
+      form.error ? /* @__PURE__ */ jsx48("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,
+      form.method === "card" ? /* @__PURE__ */ jsxs29("div", { className: "rounded-2xl bg-card border-[1.5px] border-foreground p-4", children: [
         /* @__PURE__ */ jsxs29("div", { className: "flex items-center gap-2 mb-2", children: [
           /* @__PURE__ */ jsx48(ShieldIcon, { className: "w-4 h-4" }),
           /* @__PURE__ */ jsx48("div", { className: "text-sm font-bold", children: "Voc\xEA N\xC3O ser\xE1 cobrada hoje" })
@@ -3927,7 +3927,7 @@ function CheckoutPageDefault() {
           /* @__PURE__ */ jsx48(BellIcon, { className: "w-2.5 h-2.5" }),
           "Avisamos por email 2 dias antes da primeira cobran\xE7a"
         ] })
-      ] }) : /* @__PURE__ */ jsxs29("div", { className: "rounded-2xl p-3.5 bg-emerald-50 border-[1.5px] border-emerald-600/60", children: [
+      ] }) : /* @__PURE__ */ jsxs29("div", { className: "rounded-2xl p-4 bg-emerald-50 border-[1.5px] border-emerald-600/60", children: [
         /* @__PURE__ */ jsxs29("div", { className: "flex items-center gap-2 mb-2 text-emerald-900", children: [
           /* @__PURE__ */ jsx48(ShieldIcon, { className: "w-4 h-4" }),
           /* @__PURE__ */ jsxs29("div", { className: "text-sm font-bold", children: [
@@ -3945,186 +3945,195 @@ function CheckoutPageDefault() {
           /* @__PURE__ */ jsx48("b", { children: "100%" }),
           " sem perguntas \u2014 direto pelo app."
         ] })
-      ] }) }),
-      /* @__PURE__ */ jsxs29("section", { className: "px-5 pt-5", children: [
-        /* @__PURE__ */ jsx48("h2", { className: "font-display text-2xl mb-3.5 leading-tight text-foreground", children: "Quase l\xE1." }),
-        /* @__PURE__ */ jsx48(FieldLabel, { children: "Email" }),
-        /* @__PURE__ */ jsx48(
-          FieldInput,
-          {
-            type: "email",
-            inputMode: "email",
-            autoComplete: "email",
-            autoCapitalize: "none",
-            autoCorrect: "off",
-            spellCheck: false,
-            placeholder: "seu@email.com",
-            value: form.email,
-            onChange: form.setEmail,
-            onBlur: form.markEmailTouched,
-            error: form.emailError,
-            valid: form.emailStatus === "available"
-          }
-        ),
-        !form.emailError && /* @__PURE__ */ jsx48(FieldHint, { children: form.emailStatus === "checking" ? "Verificando\u2026" : form.emailStatus === "available" ? "\u2713 Dispon\xEDvel" : "Voc\xEA vai usar este email para entrar no app" }),
-        /* @__PURE__ */ jsx48("div", { className: "h-3" }),
-        /* @__PURE__ */ jsx48(FieldLabel, { children: "Nome completo" }),
-        /* @__PURE__ */ jsx48(
-          FieldInput,
-          {
-            type: "text",
-            autoComplete: "name",
-            placeholder: "como est\xE1 no documento",
-            value: form.name,
-            onChange: form.setName,
-            onBlur: form.markNameTouched,
-            error: form.nameError,
-            valid: !!form.name && !form.nameError
-          }
-        ),
-        /* @__PURE__ */ jsx48("div", { className: "h-3" }),
-        /* @__PURE__ */ jsx48(FieldLabel, { children: "CPF" }),
-        /* @__PURE__ */ jsx48(
-          FieldInput,
-          {
-            type: "text",
-            inputMode: "numeric",
-            placeholder: "000.000.000-00",
-            value: form.cpf,
-            onChange: (v) => form.setCpf(formatCpf(v)),
-            onBlur: form.markCpfTouched,
-            error: form.cpfError,
-            valid: !!form.cpf && !form.cpfError
-          }
-        ),
-        form.method === "card" ? /* @__PURE__ */ jsxs29(Fragment7, { children: [
-          /* @__PURE__ */ jsx48("div", { className: "h-3" }),
-          /* @__PURE__ */ jsx48(FieldLabel, { children: "Telefone" }),
-          /* @__PURE__ */ jsx48(
-            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__ */ jsx48(FieldHint, { children: "Usado pra confirmar pagamento e tratar disputas." })
-        ] }) : null
       ] }),
-      /* @__PURE__ */ jsxs29("section", { className: "px-5 pt-5", children: [
-        /* @__PURE__ */ jsx48(FieldLabel, { children: "Forma de pagamento" }),
-        /* @__PURE__ */ jsxs29("div", { role: "tablist", className: "flex gap-1.5 bg-muted p-1 rounded-xl", children: [
-          /* @__PURE__ */ jsx48(
-            TabButton,
-            {
-              active: form.method === "card",
-              onClick: () => form.setMethod("card"),
-              icon: /* @__PURE__ */ jsx48(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__ */ jsx48(
-            TabButton,
-            {
-              active: form.method === "pix-auto",
-              onClick: () => form.setMethod("pix-auto"),
-              icon: /* @__PURE__ */ jsx48(PixIcon, { className: "w-3.5 h-3.5" }),
-              label: "Pix",
-              subtitle: `pague hoje \xB7 garantia ${trialDays}d`,
-              subtitleActiveClass: "text-foreground/70"
-            }
-          )
-        ] })
-      ] }),
-      form.method === "card" ? /* @__PURE__ */ jsxs29("section", { className: "px-5 pt-3.5", children: [
-        /* @__PURE__ */ jsx48(FieldLabel, { children: "N\xFAmero do cart\xE3o" }),
-        /* @__PURE__ */ jsxs29("div", { className: "relative", children: [
-          /* @__PURE__ */ jsx48(
-            FieldInput,
-            {
-              type: "text",
-              inputMode: "numeric",
-              autoComplete: "cc-number",
-              placeholder: "0000 0000 0000 0000",
-              value: form.card.number,
-              onChange: (v) => form.setCard({ number: formatCardNumber(v) }),
-              style: cardBrand ? { paddingRight: "4.5rem" } : void 0
-            }
-          ),
-          cardBrand && /* @__PURE__ */ jsx48("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__ */ jsx48("div", { className: "h-3" }),
-        /* @__PURE__ */ jsxs29("div", { className: "flex gap-2.5", children: [
-          /* @__PURE__ */ jsxs29("div", { className: "flex-1", children: [
-            /* @__PURE__ */ jsx48(FieldLabel, { children: "Validade" }),
+      /* @__PURE__ */ jsxs29("section", { children: [
+        /* @__PURE__ */ jsx48("h2", { className: "font-display text-2xl mb-4 leading-tight text-foreground", children: "Quase l\xE1." }),
+        /* @__PURE__ */ jsxs29("div", { className: "space-y-4", children: [
+          /* @__PURE__ */ jsxs29("div", { children: [
+            /* @__PURE__ */ jsx48(FieldLabel, { children: "Email" }),
+            /* @__PURE__ */ jsx48(
+              FieldInput,
+              {
+                type: "email",
+                inputMode: "email",
+                autoComplete: "email",
+                autoCapitalize: "none",
+                autoCorrect: "off",
+                spellCheck: false,
+                placeholder: "seu@email.com",
+                value: form.email,
+                onChange: form.setEmail,
+                onBlur: form.markEmailTouched,
+                error: form.emailError,
+                valid: form.emailStatus === "available"
+              }
+            ),
+            !form.emailError && /* @__PURE__ */ jsx48(FieldHint, { children: form.emailStatus === "checking" ? "Verificando\u2026" : form.emailStatus === "available" ? "\u2713 Dispon\xEDvel" : "Voc\xEA vai usar este email para entrar no app" })
+          ] }),
+          /* @__PURE__ */ jsxs29("div", { children: [
+            /* @__PURE__ */ jsx48(FieldLabel, { children: "Nome completo" }),
             /* @__PURE__ */ jsx48(
               FieldInput,
               {
                 type: "text",
-                inputMode: "numeric",
-                autoComplete: "cc-exp",
-                placeholder: "MM/AA",
-                value: expiryMmAa,
-                onChange: (v) => setExpiryMmAa(formatExpiryMmAa(v))
+                autoComplete: "name",
+                placeholder: "como est\xE1 no documento",
+                value: form.name,
+                onChange: form.setName,
+                onBlur: form.markNameTouched,
+                error: form.nameError,
+                valid: !!form.name && !form.nameError
               }
             )
           ] }),
-          /* @__PURE__ */ jsxs29("div", { className: "flex-1", children: [
-            /* @__PURE__ */ jsx48(FieldLabel, { children: "CVV" }),
+          /* @__PURE__ */ jsxs29("div", { children: [
+            /* @__PURE__ */ jsx48(FieldLabel, { children: "CPF" }),
             /* @__PURE__ */ jsx48(
               FieldInput,
               {
                 type: "text",
                 inputMode: "numeric",
-                autoComplete: "cc-csc",
-                placeholder: "3 d\xEDgitos",
-                value: form.card.ccv,
-                onChange: (v) => form.setCard({ ccv: v.replace(/\D/g, "").slice(0, 4) })
+                placeholder: "000.000.000-00",
+                value: form.cpf,
+                onChange: (v) => form.setCpf(formatCpf(v)),
+                onBlur: form.markCpfTouched,
+                error: form.cpfError,
+                valid: !!form.cpf && !form.cpfError
+              }
+            )
+          ] }),
+          form.method === "card" ? /* @__PURE__ */ jsxs29("div", { children: [
+            /* @__PURE__ */ jsx48(FieldLabel, { children: "Telefone" }),
+            /* @__PURE__ */ jsx48(
+              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__ */ jsx48(FieldHint, { children: "Usado pra confirmar pagamento e tratar disputas." })
+          ] }) : null
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs29("section", { className: "space-y-4", children: [
+        /* @__PURE__ */ jsxs29("div", { children: [
+          /* @__PURE__ */ jsx48(FieldLabel, { children: "Forma de pagamento" }),
+          /* @__PURE__ */ jsxs29("div", { role: "tablist", className: "flex gap-1.5 bg-muted p-1 rounded-xl", children: [
+            /* @__PURE__ */ jsx48(
+              TabButton,
+              {
+                active: form.method === "card",
+                onClick: () => form.setMethod("card"),
+                icon: /* @__PURE__ */ jsx48(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__ */ jsx48(
+              TabButton,
+              {
+                active: form.method === "pix-auto",
+                onClick: () => form.setMethod("pix-auto"),
+                icon: /* @__PURE__ */ jsx48(PixIcon, { className: "w-3.5 h-3.5" }),
+                label: "Pix",
+                subtitle: `pague hoje \xB7 garantia ${trialDays}d`,
+                subtitleActiveClass: "text-foreground/70"
               }
             )
           ] })
         ] }),
-        /* @__PURE__ */ jsx48("div", { className: "h-3" }),
-        /* @__PURE__ */ jsx48(FieldLabel, { children: "Nome no cart\xE3o" }),
-        /* @__PURE__ */ jsx48(
-          FieldInput,
-          {
-            type: "text",
-            autoComplete: "cc-name",
-            placeholder: "como est\xE1 no cart\xE3o",
-            value: form.card.holderName,
-            onChange: (v) => form.setCard({ holderName: v })
-          }
-        )
-      ] }) : /* @__PURE__ */ jsx48("section", { className: "px-5 pt-3.5", children: /* @__PURE__ */ jsxs29("div", { className: "rounded-2xl bg-card border border-border p-3.5 flex gap-3.5 items-center", children: [
-        /* @__PURE__ */ jsx48("div", { className: "w-[72px] h-[72px] rounded-xl shrink-0 border-2 border-foreground relative overflow-hidden bg-muted", children: /* @__PURE__ */ jsx48("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__ */ jsx48(PixIcon, { className: "w-3.5 h-3.5 text-foreground" }) }) }),
-        /* @__PURE__ */ jsxs29("div", { className: "flex-1", children: [
-          /* @__PURE__ */ jsx48("div", { className: "text-xs font-bold uppercase tracking-wider text-muted-foreground", children: "pagamento em segundos" }),
-          /* @__PURE__ */ jsxs29("div", { className: "text-sm text-foreground mt-1 leading-snug", children: [
-            "Geramos seu ",
-            /* @__PURE__ */ jsx48("b", { children: "QR Pix" }),
-            " no pr\xF3ximo passo. Pague pelo app do banco e seu acesso libera ",
-            /* @__PURE__ */ jsx48("b", { children: "imediatamente" }),
-            "."
+        form.method === "card" ? /* @__PURE__ */ jsxs29("div", { className: "space-y-4", children: [
+          /* @__PURE__ */ jsxs29("div", { children: [
+            /* @__PURE__ */ jsx48(FieldLabel, { children: "N\xFAmero do cart\xE3o" }),
+            /* @__PURE__ */ jsxs29("div", { className: "relative", children: [
+              /* @__PURE__ */ jsx48(
+                FieldInput,
+                {
+                  type: "text",
+                  inputMode: "numeric",
+                  autoComplete: "cc-number",
+                  placeholder: "0000 0000 0000 0000",
+                  value: form.card.number,
+                  onChange: (v) => form.setCard({ number: formatCardNumber(v) }),
+                  style: cardBrand ? { paddingRight: "4.5rem" } : void 0
+                }
+              ),
+              cardBrand && /* @__PURE__ */ jsx48("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__ */ jsxs29("div", { className: "flex gap-3", children: [
+            /* @__PURE__ */ jsxs29("div", { className: "flex-1", children: [
+              /* @__PURE__ */ jsx48(FieldLabel, { children: "Validade" }),
+              /* @__PURE__ */ jsx48(
+                FieldInput,
+                {
+                  type: "text",
+                  inputMode: "numeric",
+                  autoComplete: "cc-exp",
+                  placeholder: "MM/AA",
+                  value: expiryMmAa,
+                  onChange: (v) => setExpiryMmAa(formatExpiryMmAa(v))
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxs29("div", { className: "flex-1", children: [
+              /* @__PURE__ */ jsx48(FieldLabel, { children: "CVV" }),
+              /* @__PURE__ */ jsx48(
+                FieldInput,
+                {
+                  type: "text",
+                  inputMode: "numeric",
+                  autoComplete: "cc-csc",
+                  placeholder: "3 d\xEDgitos",
+                  value: form.card.ccv,
+                  onChange: (v) => form.setCard({ ccv: v.replace(/\D/g, "").slice(0, 4) })
+                }
+              )
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs29("div", { children: [
+            /* @__PURE__ */ jsx48(FieldLabel, { children: "Nome no cart\xE3o" }),
+            /* @__PURE__ */ jsx48(
+              FieldInput,
+              {
+                type: "text",
+                autoComplete: "cc-name",
+                placeholder: "como est\xE1 no cart\xE3o",
+                value: form.card.holderName,
+                onChange: (v) => form.setCard({ holderName: v })
+              }
+            )
+          ] })
+        ] }) : /* @__PURE__ */ jsxs29("div", { className: "rounded-2xl bg-card border border-border p-4 flex gap-3.5 items-center", children: [
+          /* @__PURE__ */ jsx48("div", { className: "w-[72px] h-[72px] rounded-xl shrink-0 border-2 border-foreground relative overflow-hidden bg-muted", children: /* @__PURE__ */ jsx48("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__ */ jsx48(PixIcon, { className: "w-3.5 h-3.5 text-foreground" }) }) }),
+          /* @__PURE__ */ jsxs29("div", { className: "flex-1", children: [
+            /* @__PURE__ */ jsx48("div", { className: "text-xs font-bold uppercase tracking-wider text-muted-foreground", children: "pagamento em segundos" }),
+            /* @__PURE__ */ jsxs29("div", { className: "text-sm text-foreground mt-1 leading-snug", children: [
+              "Geramos seu ",
+              /* @__PURE__ */ jsx48("b", { children: "QR Pix" }),
+              " no pr\xF3ximo passo. Pague pelo app do banco e seu acesso libera ",
+              /* @__PURE__ */ jsx48("b", { children: "imediatamente" }),
+              "."
+            ] })
           ] })
         ] })
-      ] }) }),
-      /* @__PURE__ */ jsx48("section", { className: "px-5 pt-5", children: /* @__PURE__ */ jsxs29("div", { className: "bg-muted rounded-2xl p-4", children: [
-        /* @__PURE__ */ jsxs29("div", { className: "flex justify-between mb-2.5", children: [
+      ] }),
+      /* @__PURE__ */ jsx48("section", { children: /* @__PURE__ */ jsxs29("div", { className: "bg-muted rounded-2xl p-4", children: [
+        /* @__PURE__ */ jsxs29("div", { className: "flex justify-between gap-3", children: [
           /* @__PURE__ */ jsxs29("div", { children: [
             /* @__PURE__ */ jsx48("div", { className: "text-sm font-semibold text-foreground", children: annual ? "Plano Anual" : "Plano Mensal" }),
             /* @__PURE__ */ jsx48("div", { className: "text-[11px] text-muted-foreground", children: "Coach" })
           ] }),
           /* @__PURE__ */ jsxs29("div", { className: "text-right", children: [
-            /* @__PURE__ */ jsxs29("div", { className: "text-sm font-bold text-foreground", children: [
+            form.method !== "pix-auto" && /* @__PURE__ */ jsxs29("div", { className: "text-sm font-bold text-foreground", children: [
               cyclePriceText,
               "/",
               annual ? "ano" : "m\xEAs"
@@ -4136,29 +4145,27 @@ function CheckoutPageDefault() {
           ] })
         ] }),
         /* @__PURE__ */ jsx48("div", { className: "h-px bg-border my-3" }),
-        /* @__PURE__ */ jsxs29("div", { className: "flex justify-between items-baseline", children: [
-          /* @__PURE__ */ jsxs29("div", { children: [
-            /* @__PURE__ */ jsx48("div", { className: "text-sm font-bold text-foreground", children: "Voc\xEA paga hoje" }),
-            form.method === "card" && trialDays > 0 && /* @__PURE__ */ jsxs29("div", { className: "text-[11px] text-muted-foreground mt-0.5", children: [
-              "cobran\xE7a inicia no dia ",
-              trialDays
-            ] }),
-            form.method === "pix-auto" && /* @__PURE__ */ jsxs29("div", { className: "text-[11px] text-emerald-700 mt-0.5 font-semibold", children: [
-              "reembolso garantido at\xE9 o dia ",
-              trialDays
-            ] })
-          ] }),
+        /* @__PURE__ */ jsxs29("div", { className: "flex justify-between items-baseline gap-3", children: [
+          /* @__PURE__ */ jsx48("div", { className: "text-sm font-bold text-foreground", children: "Voc\xEA paga hoje" }),
           /* @__PURE__ */ jsx48("div", { className: "text-2xl font-bold font-display tracking-tight text-foreground", children: todayAmount })
+        ] }),
+        form.method === "card" && trialDays > 0 && /* @__PURE__ */ jsxs29("div", { className: "mt-1.5 text-[11px] text-muted-foreground", children: [
+          "cobran\xE7a inicia no dia ",
+          trialDays
+        ] }),
+        form.method === "pix-auto" && /* @__PURE__ */ jsxs29("div", { className: "mt-1.5 text-[11px] text-emerald-700 font-semibold", children: [
+          "reembolso garantido at\xE9 o dia ",
+          trialDays
         ] })
       ] }) })
     ] }),
-    /* @__PURE__ */ jsxs29(PaywallStickyFooter, { className: "px-5 pt-3.5 pb-5 border-t border-border", children: [
+    /* @__PURE__ */ jsxs29(PaywallStickyFooter, { className: "px-5 pt-5 pb-6 border-t border-border", children: [
       /* @__PURE__ */ jsx48(
         "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",
+          className: "w-full rounded-full bg-primary text-primary-foreground 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__ */ jsxs29(Fragment7, { children: [
             /* @__PURE__ */ jsx48(Spinner2, {}),
             " ",
@@ -4172,12 +4179,12 @@ function CheckoutPageDefault() {
           ] })
         }
       ),
-      /* @__PURE__ */ jsxs29("div", { className: "text-center mt-2.5 text-xs text-muted-foreground", children: [
+      /* @__PURE__ */ jsxs29("div", { className: "text-center mt-3 text-xs text-muted-foreground", children: [
         "Ao continuar, voc\xEA concorda com nossos ",
         /* @__PURE__ */ jsx48("u", { children: "Termos" }),
         ". Pagamento seguro Asaas."
       ] }),
-      /* @__PURE__ */ jsxs29("div", { className: "mt-3 flex items-center justify-center gap-3.5 text-[11px] text-muted-foreground", children: [
+      /* @__PURE__ */ jsxs29("div", { className: "mt-3 flex items-center justify-center gap-4 text-[11px] text-muted-foreground", children: [
         /* @__PURE__ */ jsxs29("span", { className: "inline-flex items-center gap-1", children: [
           /* @__PURE__ */ jsx48(LockIcon, { className: "w-2.5 h-2.5 opacity-60" }),
           " SSL 256-bit"
@@ -4195,7 +4202,7 @@ function CheckoutPageDefault() {
   ] }) });
 }
 function FieldLabel({ children }) {
-  return /* @__PURE__ */ jsx48("div", { className: "text-xs font-semibold uppercase tracking-wide text-muted-foreground mb-1.5", children });
+  return /* @__PURE__ */ jsx48("div", { className: "text-xs font-semibold uppercase tracking-wide text-muted-foreground mb-2", 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";