@planetaexo/design-system 0.21.0 → 0.22.1

package/dist/index.d.cts

@@ -1236,12 +1236,14 @@ interface RegistrationSuccessCardProps {
      */
     labels?: RegistrationFormLabels;
     /**
-     * Override de `break-inside` da seção "Trip info" — default `"avoid"` preserva
-     * o comportamento legado (não quebra). Em PDFs onde header + Trip info juntos
-     * podem ultrapassar a 1ª página, passar `"auto"` deixa a quebra fluir
-     * naturalmente em vez de empurrar a seção inteira para a página 2.
+     * Override de `break-inside` aplicado a TODAS as seções do card (Trip info,
+     * Your answers, Terms). Default `"avoid"` preserva o comportamento legado
+     * (cada seção tenta não quebrar). Em PDFs com muito conteúdo, passar `"auto"`
+     * permite que as seções fluam naturalmente entre páginas — evita o caso em
+     * que uma seção grande é empurrada inteira para a próxima página, deixando
+     * espaço em branco na anterior.
      */
-    tripInfoBreakInside?: "auto" | "avoid";
+    sectionsBreakInside?: "auto" | "avoid";
     /**
      * Tipografia do conteúdo do parágrafo de Terms & Conditions.
      * - `"default"` (padrão): sans-serif (`font-ui`) — usado no fluxo web.
@@ -1252,7 +1254,7 @@ interface RegistrationSuccessCardProps {
      */
     termsTypography?: "default" | "compact-serif";
 }
-declare function RegistrationSuccessCard({ variant, title, message, answersTitle, fields, answers, dateFormatter, formatAnswer, className, actions, logo, logoAlt, showSuccessIcon, terms, termsLayout, termsLabels, adventure, booking, traveller, tripInfoLabels, density, submissionTimestamps, submissionTimestampsLabels, labels: scLabels, tripInfoBreakInside, termsTypography, }: RegistrationSuccessCardProps): react_jsx_runtime.JSX.Element;
+declare function RegistrationSuccessCard({ variant, title, message, answersTitle, fields, answers, dateFormatter, formatAnswer, className, actions, logo, logoAlt, showSuccessIcon, terms, termsLayout, termsLabels, adventure, booking, traveller, tripInfoLabels, density, submissionTimestamps, submissionTimestampsLabels, labels: scLabels, sectionsBreakInside, termsTypography, }: RegistrationSuccessCardProps): react_jsx_runtime.JSX.Element;
 
 interface FloatingInputProps extends React.InputHTMLAttributes<HTMLInputElement> {
     label: string;

package/dist/index.d.ts

@@ -1236,12 +1236,14 @@ interface RegistrationSuccessCardProps {
      */
     labels?: RegistrationFormLabels;
     /**
-     * Override de `break-inside` da seção "Trip info" — default `"avoid"` preserva
-     * o comportamento legado (não quebra). Em PDFs onde header + Trip info juntos
-     * podem ultrapassar a 1ª página, passar `"auto"` deixa a quebra fluir
-     * naturalmente em vez de empurrar a seção inteira para a página 2.
+     * Override de `break-inside` aplicado a TODAS as seções do card (Trip info,
+     * Your answers, Terms). Default `"avoid"` preserva o comportamento legado
+     * (cada seção tenta não quebrar). Em PDFs com muito conteúdo, passar `"auto"`
+     * permite que as seções fluam naturalmente entre páginas — evita o caso em
+     * que uma seção grande é empurrada inteira para a próxima página, deixando
+     * espaço em branco na anterior.
      */
-    tripInfoBreakInside?: "auto" | "avoid";
+    sectionsBreakInside?: "auto" | "avoid";
     /**
      * Tipografia do conteúdo do parágrafo de Terms & Conditions.
      * - `"default"` (padrão): sans-serif (`font-ui`) — usado no fluxo web.
@@ -1252,7 +1254,7 @@ interface RegistrationSuccessCardProps {
      */
     termsTypography?: "default" | "compact-serif";
 }
-declare function RegistrationSuccessCard({ variant, title, message, answersTitle, fields, answers, dateFormatter, formatAnswer, className, actions, logo, logoAlt, showSuccessIcon, terms, termsLayout, termsLabels, adventure, booking, traveller, tripInfoLabels, density, submissionTimestamps, submissionTimestampsLabels, labels: scLabels, tripInfoBreakInside, termsTypography, }: RegistrationSuccessCardProps): react_jsx_runtime.JSX.Element;
+declare function RegistrationSuccessCard({ variant, title, message, answersTitle, fields, answers, dateFormatter, formatAnswer, className, actions, logo, logoAlt, showSuccessIcon, terms, termsLayout, termsLabels, adventure, booking, traveller, tripInfoLabels, density, submissionTimestamps, submissionTimestampsLabels, labels: scLabels, sectionsBreakInside, termsTypography, }: RegistrationSuccessCardProps): react_jsx_runtime.JSX.Element;
 
 interface FloatingInputProps extends React.InputHTMLAttributes<HTMLInputElement> {
     label: string;

package/dist/index.js

@@ -6104,7 +6104,7 @@ function RegistrationSuccessCard({
   submissionTimestamps,
   submissionTimestampsLabels,
   labels: scLabels,
-  tripInfoBreakInside = "avoid",
+  sectionsBreakInside = "avoid",
   termsTypography = "default"
 }) {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l;
@@ -6170,7 +6170,7 @@ function RegistrationSuccessCard({
             /* @__PURE__ */ jsx("span", { className: "tabular-nums", children: submissionTimestamps.lastUpdatedAt })
           ] })
         ] }),
-        hasTripInfo && /* @__PURE__ */ jsx(FormSection2, { title: TL.sectionTitle, breakInside: tripInfoBreakInside, children: /* @__PURE__ */ jsxs("dl", { className: "flex flex-col gap-y-3 text-sm font-ui", children: [
+        hasTripInfo && /* @__PURE__ */ jsx(FormSection2, { title: TL.sectionTitle, breakInside: sectionsBreakInside, children: /* @__PURE__ */ jsxs("dl", { className: "flex flex-col gap-y-3 text-sm font-ui", children: [
           adventure && /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-x-4", children: [
             /* @__PURE__ */ jsx("dt", { className: "w-1/2 text-muted-foreground break-words", children: TL.adventureLabel }),
             /* @__PURE__ */ jsx("dd", { className: "w-1/2 text-foreground font-medium text-right min-w-0 break-words", children: adventure.name })
@@ -6192,7 +6192,7 @@ function RegistrationSuccessCard({
             /* @__PURE__ */ jsx("dd", { className: "w-1/2 text-foreground font-medium text-right min-w-0 break-words", children: traveller.fullName })
           ] })
         ] }) }),
-        sorted.length > 0 && /* @__PURE__ */ jsx(FormSection2, { title: answersTitle, children: /* @__PURE__ */ jsx("dl", { className: "flex flex-col gap-y-3 text-sm font-ui", children: sorted.map((f) => /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-x-4", children: [
+        sorted.length > 0 && /* @__PURE__ */ jsx(FormSection2, { title: answersTitle, breakInside: sectionsBreakInside, children: /* @__PURE__ */ jsx("dl", { className: "flex flex-col gap-y-3 text-sm font-ui", children: sorted.map((f) => /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-x-4", children: [
           /* @__PURE__ */ jsx("dt", { className: "w-1/2 text-muted-foreground break-words", children: f.label }),
           /* @__PURE__ */ jsx("dd", { className: "w-1/2 text-foreground text-right min-w-0 break-words", children: (formatAnswer != null ? formatAnswer : ((field, v) => defaultFormatAnswer(field, v, dateFormatter, {
             yesLabel: scLabels == null ? void 0 : scLabels.yesLabel,
@@ -6202,7 +6202,7 @@ function RegistrationSuccessCard({
             answers[f.id]
           ) })
         ] }, f.id)) }) }),
-        !isMinimal && terms && /* @__PURE__ */ jsx(FormSection2, { title: (_j = termsLabels == null ? void 0 : termsLabels.title) != null ? _j : "Terms & Conditions", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3 text-sm font-ui", children: [
+        !isMinimal && terms && /* @__PURE__ */ jsx(FormSection2, { title: (_j = termsLabels == null ? void 0 : termsLabels.title) != null ? _j : "Terms & Conditions", breakInside: sectionsBreakInside, children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3 text-sm font-ui", children: [
           /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
             /* @__PURE__ */ jsx("div", { className: cn(
               "inline-flex h-5 w-5 items-center justify-center rounded-full text-white text-xs font-bold",