@npm_leadtech/legal-contracts-ui 0.129.4 → 0.129.6

package/dist/assets/style/themes.css

@@ -1 +1 @@
-html[data-theme=primarygreen]{--background: #ffffff;--foreground: #171717;--font-inter: "Inter", sans-serif;--font-lora: "Lora", serif;--primary-50: #eff7f5;--primary-100: #e4f8f3;--primary-200: #c0f7e8;--primary-300: #5dd8c3;--primary-400: #34b2a7;--primary-500: #078080;--primary-700: #05646e;--primary-800: #02374a;--primary-900: #032a38;--secondary-50: #fcf9f5;--secondary-100: #fcf4e5;--secondary-200: #f7e8cf;--secondary-300: #f5dab0;--secondary-400: #f4cc8c;--secondary-500: #f2bd6a;--secondary-600: #cd9a4c;--secondary-700: #936c2f;--neutral-25: #f8f9fa;--neutral-50: #f3f7fa;--neutral-200: #dbe1e5;--neutral-400: #b5babd;--neutral-600: #6d7275;--neutral-800: #3d4042;--neutral-900: #1e2021;--neutral-white: #ffffff;--error-25: #ffecef;--error-200: #f09d9e;--error-500: #d63737}html[data-theme=primaryblue]{--background: #ffffff;--foreground: #171717;--font-inter: "Poppins", sans-serif;--font-lora: "Poppins", serif;--primary-50: #e9f5ff;--primary-100: #d7ecff;--primary-200: #b7daff;--primary-300: #8bc1ff;--primary-400: #5e99ff;--primary-500: #3970ff;--primary-700: #1039f5;--primary-800: #163399;--primary-900: #07144b;--secondary-50: #fff6ed;--secondary-100: #fff0d5;--secondary-200: #fedcaa;--secondary-300: #fdc374;--secondary-400: #fb9e3c;--secondary-500: #f98116;--secondary-600: #ea660c;--secondary-700: #d3530d;--neutral-25: #f5f7fa;--neutral-50: #ebeef3;--neutral-200: #d2d9e5;--neutral-400: #abbbce;--neutral-600: #496080;--neutral-800: #2f3a4b;--neutral-900: #1f2532;--neutral-white: #ffffff;--error-25: #ffecef;--error-200: #f09d9e;--error-500: #d63737}html[data-theme=secondaryorange]{--background: #ffffff;--foreground: #171717;--font-inter: "Inter", sans-serif;--font-lora: "Lora", serif;--primary-50: #fff5ee;--primary-100: #ffe1cc;--primary-200: #ffc59b;--primary-300: #ffa05c;--primary-400: #ff862e;--primary-500: #f26600;--primary-700: #c95500;--primary-800: #4f2100;--primary-900: #220f00;--secondary-50: #eff7f5;--secondary-100: #e4f8f3;--secondary-200: #c0f7e8;--secondary-300: #5dd8c3;--secondary-400: #34b2a7;--secondary-500: #078080;--secondary-600: #05646e;--secondary-700: #02374a;--secondary-900: #032a38;--neutral-25: #f8f9fa;--neutral-50: #f3f7fa;--neutral-200: #dbe1e5;--neutral-400: #b5babd;--neutral-600: #6d7275;--neutral-800: #3d4042;--neutral-900: #1e2021;--neutral-white: #ffffff;--error-25: #ffecef;--error-200: #f09d9e;--error-500: #d63737}html[data-theme=secondaryblue]{--background: #ffffff;--foreground: #171717;--font-inter: "Inter", sans-serif;--font-lora: "Lora", serif;--primary-50: #f9f9ff;--primary-100: #eceeff;--primary-200: #c3c9ff;--primary-300: #9aa4ff;--primary-400: #717fff;--primary-500: #485aff;--primary-700: #1725a6;--primary-800: #050e5a;--primary-900: #000533;--secondary-50: #eff7f5;--secondary-100: #e4f8f3;--secondary-200: #c0f7e8;--secondary-300: #5dd8c3;--secondary-400: #34b2a7;--secondary-500: #078080;--secondary-600: #05646e;--secondary-700: #02374a;--secondary-900: #032a38;--neutral-25: #f8f9fa;--neutral-50: #f3f7fa;--neutral-200: #dbe1e5;--neutral-400: #b5babd;--neutral-600: #6d7275;--neutral-800: #3d4042;--neutral-900: #1e2021;--neutral-white: #ffffff;--error-25: #ffecef;--error-200: #f09d9e;--error-500: #d63737}html[data-theme=secondarypurple]{--background: #ffffff;--foreground: #171717;--font-inter: "Inter", sans-serif;--font-lora: "Lora", serif;--primary-50: #f9f5ff;--primary-100: #e3d1ff;--primary-200: #b68aff;--primary-300: #a56dff;--primary-400: #9e63ff;--primary-500: #7d2eff;--primary-700: #320085;--primary-800: #23005c;--primary-900: #11002d;--secondary-50: #eff7f5;--secondary-100: #e4f8f3;--secondary-200: #c0f7e8;--secondary-300: #5dd8c3;--secondary-400: #34b2a7;--secondary-500: #078080;--secondary-600: #05646e;--secondary-700: #02374a;--secondary-900: #032a38;--neutral-25: #f8f9fa;--neutral-50: #f3f7fa;--neutral-200: #dbe1e5;--neutral-400: #b5babd;--neutral-600: #6d7275;--neutral-800: #3d4042;--neutral-900: #1e2021;--neutral-white: #ffffff;--error-25: #ffecef;--error-200: #f09d9e;--error-500: #d63737}html[data-theme=secondarygreen]{--background: #ffffff;--foreground: #171717;--font-inter: "Inter", sans-serif;--font-lora: "Lora", serif;--primary-50: #e7fff1;--primary-100: #d5ffe6;--primary-200: #6affa5;--primary-300: #16ff73;--primary-400: #00df59;--primary-500: #00b649;--primary-700: #008e39;--primary-800: #003c18;--primary-900: #001709;--secondary-50: #eff7f5;--secondary-100: #e4f8f3;--secondary-200: #c0f7e8;--secondary-300: #5dd8c3;--secondary-400: #34b2a7;--secondary-500: #078080;--secondary-600: #05646e;--secondary-700: #02374a;--secondary-900: #032a38;--neutral-25: #f8f9fa;--neutral-50: #f3f7fa;--neutral-200: #dbe1e5;--neutral-400: #b5babd;--neutral-600: #6d7275;--neutral-800: #3d4042;--neutral-900: #1e2021;--neutral-white: #ffffff;--error-25: #ffecef;--error-200: #f09d9e;--error-500: #d63737}html[data-theme=secondaryyellow]{--background: #ffffff;--foreground: #171717;--font-inter: "Inter", sans-serif;--font-lora: "Lora", serif;--primary-50: #f9ffea;--primary-100: #f0ffc4;--primary-200: #e6ff9f;--primary-300: #c9ff2f;--primary-400: #b1e815;--primary-500: #8ebf00;--primary-700: #6f9600;--primary-800: #384c00;--primary-900: #192101;--secondary-50: #eff7f5;--secondary-100: #e4f8f3;--secondary-200: #c0f7e8;--secondary-300: #5dd8c3;--secondary-400: #34b2a7;--secondary-500: #078080;--secondary-600: #05646e;--secondary-700: #02374a;--secondary-900: #032a38;--neutral-25: #f8f9fa;--neutral-50: #f3f7fa;--neutral-200: #dbe1e5;--neutral-400: #b5babd;--neutral-600: #6d7275;--neutral-800: #3d4042;--neutral-900: #1e2021;--neutral-white: #ffffff;--error-25: #ffecef;--error-200: #f09d9e;--error-500: #d63737}html[data-theme=secondarybrown]{--background: #ffffff;--foreground: #171717;--font-inter: "Inter", sans-serif;--font-lora: "Lora", serif;--primary-50: #fffbf2;--primary-100: #fff6e5;--primary-200: #ffe6b7;--primary-300: #ffc75c;--primary-400: #ffa800;--primary-500: #d68d00;--primary-700: #855800;--primary-800: #3d2800;--primary-900: #231700;--secondary-50: #eff7f5;--secondary-100: #e4f8f3;--secondary-200: #c0f7e8;--secondary-300: #5dd8c3;--secondary-400: #34b2a7;--secondary-500: #078080;--secondary-600: #05646e;--secondary-700: #02374a;--secondary-900: #032a38;--neutral-25: #f8f9fa;--neutral-50: #f3f7fa;--neutral-200: #dbe1e5;--neutral-400: #cacaca;--neutral-600: #6b6e6f;--neutral-800: #3d4042;--neutral-900: #1e2021;--neutral-white: #ffffff;--error-25: #ffecef;--error-200: #f09d9e;--error-500: #d63737}
+html{--color-principal: #078080;--color-background: #f8f9fa;--color-bg-modal-01: #6d727551;--color-drop-shadow-01: #02374a33;--color-error-25: #ffecef;--color-error-200: #f09d9e;--color-error-principal: #d63737;--color-neutral-White: #ffffff;--color-neutral-25: #f8f9fa;--color-neutral-50: #f3f7fa;--color-neutral-200: #dbe1e5;--color-neutral-400: #b5babd;--color-neutral-600: #6d7275;--color-neutral-800: #3d4042;--color-neutral-900: #1e2021;--color-primary-50: #eff7f5;--color-primary-100: #e4f8f3;--color-primary-200: #c0f7e8;--color-primary-300: #5dd8c3;--color-primary-400: #34b2a7;--color-primary-500: #078080;--color-primary-700: #05646e;--color-primary-800: #02374a;--color-primary-900: #032a38;--color-secondary-50: #fcf9f5;--color-secondary-100: #fcf4e5;--color-secondary-200: #f7e8cf;--color-secondary-300: #f5dab0;--color-secondary-400: #f4cc8c;--color-secondary-500: #f2bd6a;--color-secondary-600: #cd9a4c;--color-secondary-700: #936c2f}html[data-theme=districtlaws]{--font-main: "Inter", sans-serif;--color-principal: #f26600;--color-background: #f8f9fa;--color-bg-modal-01: #6d727551;--color-drop-shadow-01: #02374a33;--color-error-25: #ffecef;--color-error-200: #f09d9e;--color-error-principal: #d63737;--color-neutral-white: #ffffff;--color-neutral-25: #f8f9fa;--color-neutral-50: #f3f7fa;--color-neutral-200: #dbe1e5;--color-neutral-400: #b5babd;--color-neutral-600: #6d7275;--color-neutral-800: #3d4042;--color-neutral-900: #1e2021;--color-primary-50: #fff5ee;--color-primary-100: #ffe1cc;--color-primary-200: #ffc59b;--color-primary-300: #ffa05c;--color-primary-400: #ff862e;--color-primary-500: #f26600;--color-primary-700: #c95500;--color-primary-800: #4f2100;--color-primary-900: #220f00;--color-secondary-50: #eff7f5;--color-secondary-100: #e4f8f3;--color-secondary-200: #c0f7e8;--color-secondary-300: #5dd8c3;--color-secondary-400: #34b2a7;--color-secondary-500: #078080;--color-secondary-600: #05646e;--color-secondary-700: #02374a;--color-secondary-900: #032a38}html[data-theme=lawdistricts]{--font-main: "Inter", sans-serif;--color-principal: #485aff;--color-background: #f8f9fa;--color-bg-modal-01: #6d727551;--color-drop-shadow-01: #02374a33;--color-error-25: #ffecef;--color-error-200: #f09d9e;--color-error-principal: #d63737;--color-neutral-white: #ffffff;--color-neutral-25: #f8f9fa;--color-neutral-50: #f3f7fa;--color-neutral-200: #dbe1e5;--color-neutral-400: #b5babd;--color-neutral-600: #6d7275;--color-neutral-800: #3d4042;--color-neutral-900: #1e2021;--color-primary-50: #f9f9ff;--color-primary-100: #eceeff;--color-primary-200: #c3c9ff;--color-primary-300: #9aa4ff;--color-primary-400: #717fff;--color-primary-500: #485aff;--color-primary-700: #1725a6;--color-primary-800: #050e5a;--color-primary-900: #000533;--color-secondary-50: #eff7f5;--color-secondary-100: #e4f8f3;--color-secondary-200: #c0f7e8;--color-secondary-300: #5dd8c3;--color-secondary-400: #34b2a7;--color-secondary-500: #078080;--color-secondary-600: #05646e;--color-secondary-700: #02374a;--color-secondary-900: #032a38}html[data-theme=lawdistrict]{--font-main: "Inter", sans-serif;--background: #ffffff;--foreground: #171717;--font-inter: "Inter", sans-serif;--font-lora: "Lora", serif;--primary-50: #eff7f5;--primary-100: #e4f8f3;--primary-200: #c0f7e8;--primary-300: #5dd8c3;--primary-400: #34b2a7;--primary-500: #078080;--primary-700: #05646e;--primary-800: #02374a;--primary-900: #032a38;--secondary-50: #fcf9f5;--secondary-100: #fcf4e5;--secondary-200: #f7e8cf;--secondary-300: #f5dab0;--secondary-400: #f4cc8c;--secondary-500: #f2bd6a;--secondary-600: #cd9a4c;--secondary-700: #936c2f;--neutral-25: #f8f9fa;--neutral-50: #f3f7fa;--neutral-200: #dbe1e5;--neutral-400: #b5babd;--neutral-600: #6d7275;--neutral-800: #3d4042;--neutral-900: #1e2021;--neutral-white: #ffffff;--error-25: #ffecef;--error-200: #f09d9e;--error-500: #d63737}html[data-theme=lawsdistrict]{--font-main: "Inter", sans-serif;--color-principal: #7d2eff;--color-background: #f8f9fa;--color-bg-modal-01: #6d727551;--color-drop-shadow-01: #02374a33;--color-error-25: #ffecef;--color-error-200: #f09d9e;--color-error-principal: #d63737;--color-neutral-white: #ffffff;--color-neutral-25: #f8f9fa;--color-neutral-50: #f3f7fa;--color-neutral-200: #dbe1e5;--color-neutral-400: #b5babd;--color-neutral-600: #6d7275;--color-neutral-800: #3d4042;--color-neutral-900: #1e2021;--color-primary-50: #f9f5ff;--color-primary-100: #e3d1ff;--color-primary-200: #b68aff;--color-primary-300: #a56dff;--color-primary-400: #9e63ff;--color-primary-500: #7d2eff;--color-primary-700: #320085;--color-primary-800: #23005c;--color-primary-900: #11002d;--color-secondary-50: #eff7f5;--color-secondary-100: #e4f8f3;--color-secondary-200: #c0f7e8;--color-secondary-300: #5dd8c3;--color-secondary-400: #34b2a7;--color-secondary-500: #078080;--color-secondary-600: #05646e;--color-secondary-700: #02374a;--color-secondary-900: #032a38}html[data-theme=lawdistrictinfo]{--font-main: "Inter", sans-serif;--color-principal: #00b649;--color-background: #f8f9fa;--color-bg-modal-01: #6d727551;--color-drop-shadow-01: #02374a33;--color-error-25: #ffecef;--color-error-200: #f09d9e;--color-error-principal: #d63737;--color-neutral-white: #ffffff;--color-neutral-25: #f8f9fa;--color-neutral-50: #f3f7fa;--color-neutral-200: #dbe1e5;--color-neutral-400: #b5babd;--color-neutral-600: #6d7275;--color-neutral-800: #3d4042;--color-neutral-900: #1e2021;--color-primary-50: #e7fff1;--color-primary-100: #d5ffe6;--color-primary-200: #6affa5;--color-primary-300: #16ff73;--color-primary-400: #00df59;--color-primary-500: #00b649;--color-primary-700: #008e39;--color-primary-800: #003c18;--color-primary-900: #001709;--color-secondary-50: #eff7f5;--color-secondary-100: #e4f8f3;--color-secondary-200: #c0f7e8;--color-secondary-300: #5dd8c3;--color-secondary-400: #34b2a7;--color-secondary-500: #078080;--color-secondary-600: #05646e;--color-secondary-700: #02374a;--color-secondary-900: #032a38}html[data-theme=uslawdistrict]{--font-main: "Inter", sans-serif;--color-principal: #d68d00;--color-background: #f8f9fa;--color-bg-modal-01: #6d727551;--color-drop-shadow-01: #02374a33;--color-error-25: #ffecef;--color-error-200: #f09d9e;--color-error-principal: #d63737;--color-neutral-white: #ffffff;--color-neutral-25: #f8f9fa;--color-neutral-50: #f3f7fa;--color-neutral-200: #dbe1e5;--color-neutral-400: #b5babd;--color-neutral-600: #6d7275;--color-neutral-800: #3d4042;--color-neutral-900: #1e2021;--color-primary-50: #fffbf2;--color-primary-100: #fff6e5;--color-primary-200: #ffe6b7;--color-primary-300: #ffc75c;--color-primary-400: #ffa800;--color-primary-500: #d68d00;--color-primary-700: #855800;--color-primary-800: #3d2800;--color-primary-900: #231700;--color-secondary-50: #eff7f5;--color-secondary-100: #e4f8f3;--color-secondary-200: #c0f7e8;--color-secondary-300: #5dd8c3;--color-secondary-400: #34b2a7;--color-secondary-500: #078080;--color-secondary-600: #05646e;--color-secondary-700: #02374a;--color-secondary-900: #032a38}html[data-theme=legalfinity]{--font-main: "Poppins", sans-serif;--background: #ffffff;--foreground: #171717;--font-inter: "Poppins", sans-serif;--font-lora: "Poppins", serif;--primary-50: #e9f5ff;--primary-100: #d7ecff;--primary-200: #b7daff;--primary-300: #8bc1ff;--primary-400: #5e99ff;--primary-500: #3970ff;--primary-700: #1039f5;--primary-800: #163399;--primary-900: #07144b;--secondary-50: #fff6ed;--secondary-100: #fff0d5;--secondary-200: #fedcaa;--secondary-300: #fdc374;--secondary-400: #fb9e3c;--secondary-500: #f98116;--secondary-600: #ea660c;--secondary-700: #d3530d;--neutral-25: #f5f7fa;--neutral-50: #ebeef3;--neutral-200: #d2d9e5;--neutral-400: #abbbce;--neutral-600: #496080;--neutral-800: #2f3a4b;--neutral-900: #1f2532;--neutral-white: #ffffff;--error-25: #ffecef;--error-200: #f09d9e;--error-500: #d63737}

package/dist/components/AllDocumentsTemplate.d.ts

@@ -9,7 +9,7 @@ export declare interface AllDocumentsTemplateProps {
     categories: DocumentCategoriesProps;
     documentSections: DocumentSectionProps[];
     contentItems: ContentItemProps[];
-    faqSection?: FaqSectionProps;
+    faqSection: FaqSectionProps;
 }
 
 export interface AlternativeSubtypeDocumentProps extends BaseSubtypeDocumentProps {

package/dist/components/AllDocumentsTemplate.js

@@ -1,27 +1,27 @@
-import { jsxs as m, jsx as l } from "react/jsx-runtime";
-import { JumboCard as i } from "./JumboCard.js";
-import { Breadcrumb as c } from "./Breadcrumb.js";
+import { jsxs as a, jsx as e } from "react/jsx-runtime";
+import { JumboCard as c } from "./JumboCard.js";
+import { Breadcrumb as i } from "./Breadcrumb.js";
 import { DocumentCategories as x } from "./DocumentCategories.js";
 import { DocumentSection as n } from "./DocumentSection.js";
-import { ContentItem as d } from "./ContentItem.js";
-import { FaqSection as f } from "./FaqSection.js";
+import { ContentItem as f } from "./ContentItem.js";
+import { FaqSection as d } from "./FaqSection.js";
 const w = ({
-  jumbo: t,
-  breadcrumb: o,
-  categories: p,
-  documentSections: s,
-  contentItems: r,
-  faqSection: a
-}) => /* @__PURE__ */ m("main", { className: "mx-auto flex flex-1 flex-col gap-4 px-6 pt-8 pb-16 lg:px-8 xl:max-w-300 xl:px-0", children: [
-  /* @__PURE__ */ l(i, { ...t }),
-  /* @__PURE__ */ l(c, { ...o, className: "pt-2" }),
-  /* @__PURE__ */ m("div", { className: "mx-auto flex justify-center gap-4 text-neutral-800 lg:gap-26.5 xl:gap-31.5", children: [
-    /* @__PURE__ */ l("aside", { className: "sticky top-24 hidden self-start md:block", children: /* @__PURE__ */ l(x, { ...p }) }),
-    /* @__PURE__ */ m("div", { className: "flex flex-col gap-10", children: [
-      s.map((e) => /* @__PURE__ */ l(n, { ...e }, e.id)),
-      r.length > 0 || a ? /* @__PURE__ */ l("span", { className: "h-px w-full bg-neutral-200" }) : null,
-      /* @__PURE__ */ l("div", { className: "w-full", children: r.map((e) => /* @__PURE__ */ l(d, { ...e }, e.id)) }),
-      a && /* @__PURE__ */ l(f, { ...a })
+  jumbo: m,
+  breadcrumb: t,
+  categories: r,
+  documentSections: o,
+  contentItems: p,
+  faqSection: s
+}) => /* @__PURE__ */ a("main", { className: "mx-auto flex flex-1 flex-col gap-4 px-6 pt-8 pb-16 lg:px-8 xl:max-w-300 xl:px-0", children: [
+  /* @__PURE__ */ e(c, { ...m }),
+  /* @__PURE__ */ e(i, { ...t, className: "pt-2" }),
+  /* @__PURE__ */ a("div", { className: "mx-auto flex justify-center gap-4 text-neutral-800 lg:gap-26.5 xl:gap-31.5", children: [
+    /* @__PURE__ */ e("aside", { className: "sticky top-24 hidden self-start md:block", children: /* @__PURE__ */ e(x, { ...r }) }),
+    /* @__PURE__ */ a("div", { className: "flex flex-col gap-10", children: [
+      o.map((l) => /* @__PURE__ */ e(n, { ...l }, l.id)),
+      /* @__PURE__ */ e("span", { className: "h-px w-full bg-neutral-200" }),
+      /* @__PURE__ */ e("div", { className: "w-full", children: p.map((l) => /* @__PURE__ */ e(f, { ...l }, l.id)) }),
+      /* @__PURE__ */ e(d, { ...s })
     ] })
   ] })
 ] });

package/dist/components/Anchor.d.ts

@@ -3,6 +3,6 @@ import { JSX } from 'react/jsx-runtime';
 export declare const Anchor: ({ children, variant, className, ...props }: AnchorProps) => JSX.Element;
 
 export interface AnchorProps extends React.ComponentProps<'a'> {
-    variant?: 'default' | 'legal' | 'ratafia' | 'tooltip' | 'about-us' | 'pricing' | 'unsubscribe' | 'cookies' | 'ai';
+    variant?: 'default' | 'legal' | 'ratafia' | 'tooltip' | 'about-us' | 'pricing' | 'unsubscribe' | 'cookies';
 }
 

package/dist/components/Blockquote.d.ts

@@ -3,6 +3,6 @@ import { JSX } from 'react/jsx-runtime';
 export declare const Blockquote: ({ children, variant }: BlockquoteProps) => JSX.Element;
 
 export interface BlockquoteProps extends React.ComponentProps<'blockquote'> {
-    variant?: 'default' | 'legal' | 'ratafia' | 'tooltip' | 'about-us' | 'pricing' | 'unsubscribe' | 'cookies' | 'ai';
+    variant?: 'default' | 'legal' | 'ratafia' | 'tooltip' | 'about-us' | 'pricing' | 'unsubscribe' | 'cookies';
 }
 

package/dist/components/Blockquote.js

@@ -1,13 +1,13 @@
-import { jsx as l } from "react/jsx-runtime";
-import o from "clsx";
-const s = ({ children: r, variant: a = "default" }) => {
+import { jsx as o } from "react/jsx-runtime";
+import l from "clsx";
+const b = ({ children: r, variant: e = "default" }) => {
   const t = {
-    default: "my-4 border-l-4 border-gray-300 pl-4 text-gray-700 italic",
-    "about-us": "my-4 text-gray-700 italic bg-neutral-25 pt-4 px-4 pb-0.5",
-    unsubscribe: "my-4 border-l-4 border-neutral-300 pl-4 text-neutral-700 italic"
-  }, e = t[a] ?? t.default;
-  return /* @__PURE__ */ l("blockquote", { className: o("my-4 italic", e), children: r });
+    default: "border-l-4 border-gray-300 pl-4 text-gray-700 ",
+    "about-us": "text-gray-700  bg-neutral-25 pt-4 px-4 pb-0.5",
+    unsubscribe: "border-l-4 border-neutral-300 pl-4 text-neutral-700 "
+  }, a = t[e] ?? t.default;
+  return /* @__PURE__ */ o("blockquote", { className: l("my-4 italic", a), children: r });
 };
 export {
-  s as Blockquote
+  b as Blockquote
 };

package/dist/components/ContactFormSection.d.ts

@@ -28,7 +28,7 @@ export interface ContactFormFeedbackProps {
 }
 
 export declare interface ContactFormFieldProps {
-    dataQa: string;
+    dataQa?: string;
     label: string;
     id: string;
     name: string;

package/dist/components/ContactUsTemplate.d.ts

@@ -28,7 +28,7 @@ export interface ContactFormFeedbackProps {
 }
 
 export interface ContactFormFieldProps {
-    dataQa: string;
+    dataQa?: string;
     label: string;
     id: string;
     name: string;

package/dist/components/Emphasis.d.ts

@@ -1,8 +1,4 @@
 import { JSX } from 'react/jsx-runtime';
 
-export declare const Emphasis: ({ children, variant }: EmphasisProps) => JSX.Element;
-
-export interface EmphasisProps extends React.ComponentProps<'em'> {
-    variant?: 'default' | 'legal' | 'ratafia' | 'tooltip' | 'about-us' | 'pricing' | 'unsubscribe' | 'cookies' | 'ai';
-}
+export declare const Emphasis: ({ children }: React.ComponentProps<"em">) => JSX.Element;
 

package/dist/components/Emphasis.js

@@ -1,11 +1,5 @@
-import { jsx as r } from "react/jsx-runtime";
-const i = ({ children: a, variant: n = "default" }) => {
-  const t = {
-    default: "font-normal tracking-tight text-neutral-600 not-italic",
-    ai: ""
-  }, s = t[n] ?? t.default;
-  return /* @__PURE__ */ r("em", { className: s, children: a });
-};
+import { jsx as a } from "react/jsx-runtime";
+const i = ({ children: t }) => /* @__PURE__ */ a("em", { className: "font-normal tracking-tight text-neutral-600 not-italic", children: t });
 export {
   i as Emphasis
 };

package/dist/components/Header.js

@@ -1,20 +1,20 @@
 import { jsxs as r, jsx as e } from "react/jsx-runtime";
 import "react";
 import { MobileMenu as o } from "./MobileMenu.js";
-import { useScroll as s } from "../shared/hooks/useScroll.js";
-import { NavMenu as c } from "./NavMenu.js";
+import { useScroll as c } from "../shared/hooks/useScroll.js";
+import { NavMenu as s } from "./NavMenu.js";
 import { LanguageSelector as p } from "./LanguageSelector.js";
 import { ScalatorIcon as x } from "./ScalatorIcon.js";
 import { SearchBar as f } from "./SearchBar.js";
 const j = ({
   logo: l,
   navMenu: d,
-  searchBarProps: a,
-  languageSelectorProps: i,
+  searchBarProps: i,
+  languageSelectorProps: a,
   userActions: n,
   mobileMenu: t
 }) => {
-  const m = s(10);
+  const m = c(10);
   return /* @__PURE__ */ r("div", { className: "sticky top-0 z-1000 flex w-full flex-col", children: [
     /* @__PURE__ */ e(
       "header",
@@ -23,17 +23,17 @@ const j = ({
         children: /* @__PURE__ */ r("div", { className: "flex w-full items-center justify-between px-4 py-4 text-neutral-800 md:px-8", children: [
           /* @__PURE__ */ r("div", { className: "flex flex-1 items-center gap-8", children: [
             l,
-            /* @__PURE__ */ e(c, { className: "hidden lg:block", ...d })
+            /* @__PURE__ */ e(s, { className: "hidden lg:block", ...d })
           ] }),
           /* @__PURE__ */ r("div", { className: "text-medium hidden flex-wrap items-center gap-4 lg:flex xl:gap-6", children: [
-            /* @__PURE__ */ e(f, { ...a }),
-            i && /* @__PURE__ */ e("div", { className: "hidden xl:block", children: /* @__PURE__ */ e(p, { ...i }) }),
+            /* @__PURE__ */ e(f, { ...i }),
+            a && /* @__PURE__ */ e("div", { className: "hidden xl:block", children: /* @__PURE__ */ e(p, { ...a }) }),
             n
           ] }),
           /* @__PURE__ */ r(
             "button",
             {
-              className: "text-small text-primary-500 flex items-center justify-center gap-1 rounded border border-neutral-400 bg-transparent px-2 py-1 lg:hidden",
+              className: "text-small text-primary-500 flex items-center justify-center gap-1 rounded border border-neutral-400 bg-white px-2 py-1 lg:hidden",
               onClick: t.onOpen,
               "aria-label": "Open menu",
               "aria-expanded": t.isOpen,
@@ -46,7 +46,7 @@ const j = ({
         ] })
       }
     ),
-    /* @__PURE__ */ e(o, { ...t, logo: l, userActions: n, searchBarProps: a })
+    /* @__PURE__ */ e(o, { ...t, logo: l, userActions: n, searchBarProps: i })
   ] });
 };
 export {

package/dist/components/Header2.d.ts

@@ -3,6 +3,6 @@ import { JSX } from 'react/jsx-runtime';
 export declare const Header2: ({ children, variant }: Header2Props) => JSX.Element;
 
 export interface Header2Props extends React.ComponentProps<'h2'> {
-    variant?: 'default' | 'legal' | 'ratafia' | 'tooltip' | 'about-us' | 'pricing' | 'unsubscribe' | 'cookies' | 'ai';
+    variant?: 'default' | 'legal' | 'ratafia' | 'tooltip' | 'about-us' | 'pricing' | 'unsubscribe' | 'cookies';
 }
 

package/dist/components/Hero2Section.js

@@ -43,8 +43,7 @@ const v = ({
               s,
               {
                 className: t("text-medium [&_p:last-child]:mb-0", e ? "text-white" : "text-neutral-800"),
-                content: o,
-                variant: "ai"
+                content: o
               }
             ),
             /* @__PURE__ */ a("div", { className: "flex flex-wrap gap-4", children: c.map((r) => /* @__PURE__ */ l(

package/dist/components/HeroImageShell.js

@@ -1,15 +1,15 @@
-import { jsx as e } from "react/jsx-runtime";
-const r = { w: 1200, h: 900 }, h = "relative aspect-[4/3] w-full overflow-hidden rounded-2xl bg-neutral-100 shadow-[0_25px_60px_rgba(3,42,56,0.12)]", t = "relative w-full overflow-hidden rounded-2xl shadow-[0_25px_60px_rgba(3,42,56,0.12)]", a = ({ empty: l, children: o }) => /* @__PURE__ */ e("div", { className: l ? h : t, "aria-hidden": l ? !0 : void 0, children: l ? null : o }), n = ({ src: l, alt: o, priority: d }) => l ? /* @__PURE__ */ e(a, { children: /* @__PURE__ */ e(
+import { jsx as l } from "react/jsx-runtime";
+const a = { w: 1200, h: 900 }, n = "relative mx-auto aspect-[4/3] w-full max-w-79 overflow-hidden rounded-2xl bg-neutral-100 md:mx-0 md:max-w-none", t = "relative mx-auto w-full max-w-79 overflow-hidden rounded-2xl md:mx-0 md:max-w-none", r = ({ empty: e, children: o }) => /* @__PURE__ */ l("div", { className: e ? n : t, "aria-hidden": e ? !0 : void 0, children: e ? null : o }), i = ({ src: e, alt: o, priority: d }) => e ? /* @__PURE__ */ l(r, { children: /* @__PURE__ */ l(
   "img",
   {
-    src: l,
+    src: e,
     alt: o,
-    width: r.w,
-    height: r.h,
+    width: a.w,
+    height: a.h,
     className: "h-auto w-full max-w-full object-cover",
     ...d ? { loading: "eager" } : { loading: "lazy" }
   }
-) }) : /* @__PURE__ */ e(a, { empty: !0 });
+) }) : /* @__PURE__ */ l(r, { empty: !0 });
 export {
-  n as HeroImageShell
+  i as HeroImageShell
 };

package/dist/components/HowItWorksLawGeniusSection.js

@@ -4,25 +4,25 @@ import { LawGeniusImageShell as p } from "./LawGeniusImageShell.js";
 import { Markdown as t } from "./Markdown.js";
 const v = ({
   sectionTitle: s,
-  contentMarkdown: m,
+  contentMarkdown: r,
   descriptionMarkdown: a,
-  steps: r,
+  steps: m,
   belowStepsMarkdown: i,
   cta: n,
   imageUrl: c,
   imageAlt: x
 }) => {
-  const o = a.trim().length > 0, d = i.trim().length > 0;
-  return /* @__PURE__ */ e("section", { className: "bg-neutral-25 lg:px-ds-10xl px-6 pt-16 pb-12 sm:px-10", children: /* @__PURE__ */ e("div", { className: "bg-law-genius-section mx-auto w-full max-w-6xl rounded-3xl px-8 pt-16 pb-8 text-white shadow-[0_25px_80px_rgba(3,42,56,0.35)] sm:px-10 sm:pt-16 sm:pb-10", children: /* @__PURE__ */ l("div", { className: "flex w-full flex-col gap-8 lg:gap-10", children: [
+  const d = a.trim().length > 0, o = i.trim().length > 0;
+  return /* @__PURE__ */ e("section", { className: "bg-neutral-25 lg:px-ds-10xl px-6 pt-16 pb-12 sm:px-10", children: /* @__PURE__ */ e("div", { className: "bg-ratafia mx-auto w-full max-w-6xl rounded-3xl px-8 pt-16 pb-8 text-white shadow-[0_25px_80px_rgba(3,42,56,0.35)] sm:px-10 sm:pt-16 sm:pb-10", children: /* @__PURE__ */ l("div", { className: "flex w-full flex-col gap-8 lg:gap-10", children: [
     /* @__PURE__ */ l("div", { className: "flex flex-col gap-4 text-center text-white", children: [
       /* @__PURE__ */ e("h2", { className: "lg:text-super-large text-3xl font-bold lg:leading-tight", children: s }),
-      /* @__PURE__ */ e("div", { className: "[&_p]:text-medium [&_p]:text-white/80 [&_p:last-child]:mb-0", children: /* @__PURE__ */ e(t, { variant: "ratafia", content: m }) }),
-      o && /* @__PURE__ */ e("div", { className: "[&_p]:text-medium [&_p]:text-white/80 [&_p:last-child]:mb-0", children: /* @__PURE__ */ e(t, { variant: "ratafia", content: a }) })
+      /* @__PURE__ */ e("div", { className: "[&_p]:text-medium [&_p]:text-white/80 [&_p:last-child]:mb-0", children: /* @__PURE__ */ e(t, { variant: "ratafia", content: r }) }),
+      d && /* @__PURE__ */ e("div", { className: "[&_p]:text-medium [&_p]:text-white/80 [&_p:last-child]:mb-0", children: /* @__PURE__ */ e(t, { variant: "ratafia", content: a }) })
     ] }),
     /* @__PURE__ */ l("div", { className: "flex w-full flex-col gap-8 lg:grid lg:grid-cols-[minmax(0,1fr)_minmax(0,1.05fr)] lg:items-stretch lg:gap-10", children: [
       /* @__PURE__ */ l("div", { className: "flex min-h-0 flex-col gap-6", children: [
-        r,
-        d && /* @__PURE__ */ e(
+        m,
+        o && /* @__PURE__ */ e(
           t,
           {
             variant: "ratafia",

package/dist/components/HowItWorksTemplate.d.ts

@@ -1,4 +1,5 @@
 import { FC } from 'react';
+import { ReactNode } from 'react';
 
 export declare type HowItWorksExamplesProps = {
     eyebrow: string;
@@ -58,8 +59,7 @@ export declare interface HowItWorksTemplateProps {
         contentMarkdown: string;
         steps: HowItWorksLawGeniusStep[];
         belowStepsMarkdown: string;
-        imageUrl: string | null;
-        imageAlt: string;
+        image: ReactNode;
         cta: {
             href: string;
             label: string;

package/dist/components/HowItWorksTemplate.js

@@ -1,84 +1,84 @@
-import { jsx as e, jsxs as r, Fragment as w } from "react/jsx-runtime";
+import { jsx as e, jsxs as r, Fragment as h } from "react/jsx-runtime";
 import { clsx as N } from "clsx";
 import { howItWorksLawGeniusCtaLinkClassName as b, howItWorksHeroCtaLinkClassName as k, howItWorksLawGeniusBelowStepsMarkdownClassName as y, howItWorksResourcesSupportBodyClassName as C, howItWorksResourcesCtaLinkClassName as v } from "./HowItWorksTemplateTokens.js";
 import { HeroImageShell as S } from "./HeroImageShell.js";
 import { RatafiaSection as M } from "./RatafiaSection.js";
 import { LawGeniusStepCard as I } from "./LawGeniusStepCard.js";
-import { ResourcesImageShell as L } from "./ResourcesImageShell.js";
-import { StepImageShell as W } from "./StepImageShell.js";
+import { ResourcesImageShell as W } from "./ResourcesImageShell.js";
+import { StepImageShell as j } from "./StepImageShell.js";
 import { Button as o } from "./Button.js";
-import { IntroSection as A } from "./IntroSection.js";
-import { Markdown as i } from "./Markdown.js";
+import { IntroSection as B } from "./IntroSection.js";
+import { Markdown as m } from "./Markdown.js";
 import { TwoColumnSection as c } from "./TwoColumnSection.js";
-import { LawGeniusImageShell as B } from "./LawGeniusImageShell.js";
-const U = (t) => {
-  const m = /* @__PURE__ */ r("div", { className: "min-w-0 space-y-4 text-neutral-800 lg:basis-[47%]", children: [
-    /* @__PURE__ */ e("h2", { className: "font-lora text-[2.05rem] leading-[1.15] font-bold text-neutral-800", children: t.title }),
-    /* @__PURE__ */ e("div", { className: "text-small space-y-3 text-neutral-700", children: /* @__PURE__ */ e(i, { variant: "legal", content: t.bodyMarkdown }) })
-  ] }), a = /* @__PURE__ */ e("div", { className: "w-full shrink-0 lg:w-1/2 lg:max-w-[50%]", children: /* @__PURE__ */ e(W, { src: t.imageUrl, alt: t.imageAlt }) });
-  return t.reverse ? { firstColumn: a, secondColumn: m } : { firstColumn: m, secondColumn: a };
-}, J = ({ hero: t, processSteps: m, lawGenius: a, resources: s }) => {
-  const d = t.introMarkdown.trim().length > 0, p = t.closingMarkdown.trim().length > 0, x = s.supportBodyMarkdown.trim().length > 0, g = a.belowStepsMarkdown.trim().length > 0, { examples: n } = s, f = /* @__PURE__ */ e(
+const L = (l) => {
+  const i = /* @__PURE__ */ r("div", { className: "w-full min-w-0 space-y-6 text-neutral-800 md:shrink md:grow-0 md:basis-1/2", children: [
+    /* @__PURE__ */ e("h2", { className: "text-super-large font-bold text-neutral-800", children: l.title }),
+    /* @__PURE__ */ e("div", { className: "text-medium space-y-3 text-neutral-800", children: /* @__PURE__ */ e(m, { variant: "legal", content: l.bodyMarkdown }) })
+  ] }), a = /* @__PURE__ */ e("div", { className: "w-full min-w-0 md:shrink md:grow-0 md:basis-1/2", children: /* @__PURE__ */ e(j, { src: l.imageUrl, alt: l.imageAlt }) });
+  return { firstColumn: i, secondColumn: a };
+}, D = ({ hero: l, processSteps: i, lawGenius: a, resources: n }) => {
+  const d = l.introMarkdown.trim().length > 0, p = l.closingMarkdown.trim().length > 0, x = n.supportBodyMarkdown.trim().length > 0, f = a.belowStepsMarkdown.trim().length > 0, { examples: s } = n, u = /* @__PURE__ */ e(
     o,
     {
-      size: "large",
+      size: "small",
       variant: "primary-green",
-      className: "text-medium w-full justify-center !rounded-md font-bold lg:w-auto",
+      className: "text-medium inline-flex w-fit justify-center !rounded-md font-bold",
       children: /* @__PURE__ */ e("a", { href: a.cta.href, className: b, children: a.cta.label })
     }
   );
-  return /* @__PURE__ */ r("main", { className: "flex w-full max-w-full min-w-0 flex-1 flex-col", children: [
-    /* @__PURE__ */ e("section", { className: "bg-primary-50 lg:px-ds-10xl px-6 pt-4 pb-12 sm:px-10", children: /* @__PURE__ */ r("div", { className: "mx-auto flex max-w-6xl flex-col gap-12", children: [
+  return /* @__PURE__ */ r("main", { className: "flex w-full max-w-full min-w-0 flex-1 flex-col overflow-x-clip", children: [
+    /* @__PURE__ */ e("section", { className: "bg-primary-50 lg:px-ds-10xl px-6 pt-4 pb-12", children: /* @__PURE__ */ r("div", { className: "mx-auto flex max-w-6xl flex-col gap-12", children: [
       /* @__PURE__ */ r("div", { className: "text-center", children: [
-        /* @__PURE__ */ r("div", { className: "mx-auto inline-flex max-w-full flex-col items-center gap-2", children: [
-          /* @__PURE__ */ e("p", { className: "text-small font-semibold tracking-[0.3em] whitespace-nowrap text-neutral-600 uppercase", children: t.eyebrow }),
-          /* @__PURE__ */ e("span", { className: "h-px w-full max-w-[7.5rem] min-w-[5.5rem] shrink-0 bg-neutral-400", "aria-hidden": !0 })
+        /* @__PURE__ */ r("div", { className: "mx-auto flex w-full max-w-full flex-col items-center gap-2", children: [
+          /* @__PURE__ */ e("p", { className: "text-small text-center font-semibold tracking-[0.3em] text-neutral-600 uppercase", children: l.eyebrow }),
+          /* @__PURE__ */ e("span", { className: "max-w-ds-10xl min-w-ds-7xl h-px w-full shrink-0 bg-neutral-400", "aria-hidden": !0 })
         ] }),
-        /* @__PURE__ */ e("h1", { className: "font-lora mx-auto mt-12 max-w-[48rem] text-4xl leading-tight font-bold tracking-tight text-neutral-800 sm:text-5xl sm:leading-tight", children: t.title })
+        /* @__PURE__ */ e("h1", { className: "font-lora text-super-hero mx-auto mt-12 max-w-3xl font-bold text-neutral-800", children: l.title })
       ] }),
       /* @__PURE__ */ e(
-        A,
+        B,
         {
           className: "bg-transparent",
-          containerClassName: "w-full !max-w-none flex-col gap-10 !px-0 !py-0 lg:flex-row lg:items-stretch",
-          image: /* @__PURE__ */ e(S, { src: t.imageUrl, alt: t.imageAlt, priority: t.imagePriority }),
+          containerClassName: "w-full !max-w-none !flex-col gap-10 !px-0 !py-0 md:!flex-row md:!gap-8 md:items-stretch lg:!gap-16",
+          image: /* @__PURE__ */ e(S, { src: l.imageUrl, alt: l.imageAlt, priority: l.imagePriority }),
           cta: {
-            size: "large",
+            size: "default",
             variant: "primary-green",
-            className: "text-medium mt-8 w-full justify-center font-bold",
-            children: /* @__PURE__ */ e("a", { href: t.cta.href, className: k, children: t.cta.label })
+            className: "text-medium mt-8 w-full justify-center font-bold md:w-fit md:justify-start",
+            children: /* @__PURE__ */ e("a", { href: l.cta.href, className: k, children: l.cta.label })
           },
           children: /* @__PURE__ */ r("div", { className: "text-medium space-y-4 [&_ul]:my-8 [&_ul]:list-disc [&_ul]:pl-[1.2rem]", children: [
-            d && /* @__PURE__ */ e(i, { variant: "legal", content: t.introMarkdown }),
-            /* @__PURE__ */ e("ul", { className: "text-medium space-y-3", children: t.bullets.map((l) => /* @__PURE__ */ r("li", { className: "flex items-start gap-2", children: [
+            d && /* @__PURE__ */ e(m, { variant: "legal", content: l.introMarkdown }),
+            /* @__PURE__ */ e("ul", { className: "text-medium space-y-3", children: l.bullets.map((t) => /* @__PURE__ */ r("li", { className: "flex items-start gap-2", children: [
               /* @__PURE__ */ e("span", { className: "bg-primary-600 mt-1 h-2.5 w-2.5", "aria-hidden": !0 }),
               /* @__PURE__ */ r("span", { children: [
                 /* @__PURE__ */ r("strong", { children: [
-                  l.strong,
+                  t.strong,
                   " "
                 ] }),
-                l.text
+                t.text
               ] })
-            ] }, l.id)) }),
-            p && /* @__PURE__ */ e(i, { variant: "legal", content: t.closingMarkdown })
+            ] }, t.id)) }),
+            p && /* @__PURE__ */ e(m, { variant: "legal", content: l.closingMarkdown })
           ] })
         }
       )
     ] }) }),
-    m.map((l) => {
-      const { firstColumn: u, secondColumn: h } = U(l);
+    i.map((t) => {
+      const { firstColumn: g, secondColumn: w } = L(t);
       return /* @__PURE__ */ e(
         c,
         {
-          className: `${l.background} lg:px-ds-10xl px-6 py-12 sm:px-10`,
+          className: `${t.background} lg:px-ds-10xl px-6 py-12`,
           containerClassName: N(
-            "!mx-auto !w-full !max-w-6xl !px-0 !py-0 !gap-8 md:!gap-10 lg:items-start",
-            l.imageFirstOnMobile ? "!flex-col-reverse md:!flex-row" : "!flex-col md:!flex-row"
+            "!mx-auto !w-full !max-w-6xl !px-0 !py-0 !gap-8 md:items-center lg:!gap-20",
+            t.imageFirstOnMobile ? "!flex-col md:!flex-row" : "!flex-col-reverse md:!flex-row",
+            t.reverse && "md:!flex-row-reverse"
           ),
-          firstColumn: u,
-          secondColumn: h
+          firstColumn: g,
+          secondColumn: w
         },
-        l.id
+        t.id
       );
     }),
     /* @__PURE__ */ e(
@@ -86,52 +86,52 @@ const U = (t) => {
       {
         title: a.title,
         content: a.contentMarkdown,
-        stepsSlot: /* @__PURE__ */ e(w, { children: a.steps.map((l) => /* @__PURE__ */ e(
+        stepsSlot: /* @__PURE__ */ e(h, { children: a.steps.map((t) => /* @__PURE__ */ e(
           I,
           {
-            title: l.title,
-            descriptionMarkdown: l.descriptionMarkdown,
-            iconUrl: l.iconUrl,
-            iconAlt: l.iconAlt ?? ""
+            title: t.title,
+            descriptionMarkdown: t.descriptionMarkdown,
+            iconUrl: t.iconUrl,
+            iconAlt: t.iconAlt ?? ""
           },
-          l.id
+          t.id
         )) }),
-        belowStepsSlot: g ? /* @__PURE__ */ e(
-          i,
+        belowStepsSlot: f ? /* @__PURE__ */ e(
+          m,
           {
             variant: "ratafia",
             content: a.belowStepsMarkdown,
             className: y
           }
         ) : null,
-        cta: f,
+        cta: u,
         skipCtaWrapper: !0,
-        image: /* @__PURE__ */ e(B, { src: a.imageUrl, alt: a.imageAlt }),
-        sectionClassName: a.sectionClassName ?? "bg-neutral-25 px-6 pt-16 pb-12 sm:px-10 lg:px-ds-10xl"
+        image: a.image,
+        sectionClassName: a.sectionClassName ?? "bg-primary-50 px-6 py-12 lg:px-ds-10xl"
       }
     ),
     /* @__PURE__ */ e(
       c,
       {
-        className: "bg-neutral-25 lg:px-ds-10xl px-6 py-12 sm:px-10",
-        containerClassName: "!mx-auto !w-full !max-w-6xl !items-start !gap-8 !px-0 !py-0 md:!gap-10 lg:!items-stretch",
-        firstColumn: /* @__PURE__ */ e("div", { className: "w-full min-w-0 shrink-0 rounded-2xl border border-neutral-100 bg-white p-4 lg:basis-[48%] lg:p-5", children: /* @__PURE__ */ e(L, { src: s.imageUrl, alt: s.imageAlt }) }),
-        secondColumn: /* @__PURE__ */ r("div", { className: "w-full space-y-4 lg:basis-[52%]", children: [
-          n.eyebrow && /* @__PURE__ */ e("p", { className: "text-xs font-semibold tracking-[0.2em] text-neutral-500 uppercase", children: n.eyebrow }),
-          n.title && /* @__PURE__ */ e("h3", { className: "font-lora text-[2rem] leading-[1.2] font-bold text-neutral-800", children: n.title }),
-          x && /* @__PURE__ */ e("div", { className: `text-small space-y-3 text-neutral-700 ${C}`, children: /* @__PURE__ */ e(i, { variant: "legal", content: s.supportBodyMarkdown }) }),
-          n.rows.length > 0 && /* @__PURE__ */ e("dl", { className: "text-small space-y-2 text-neutral-700", children: n.rows.map((l) => /* @__PURE__ */ r("div", { className: "flex flex-wrap gap-x-2", children: [
-            /* @__PURE__ */ e("dt", { className: "font-semibold", children: l.label }),
-            /* @__PURE__ */ e("dd", { children: l.value })
-          ] }, `${l.label}-${l.value}`)) }),
-          n.footer && /* @__PURE__ */ e("p", { className: "text-small text-neutral-600", children: n.footer }),
+        className: "lg:px-ds-10xl bg-white px-6 pt-12 pb-14",
+        containerClassName: "!mx-auto !w-full !max-w-6xl !flex-col !items-start !gap-8 !px-0 !py-0 md:!flex-row md:!items-center lg:!gap-20",
+        firstColumn: /* @__PURE__ */ e("div", { className: "w-full min-w-0 md:shrink md:grow-0 md:basis-1/2", children: /* @__PURE__ */ e(W, { src: n.imageUrl, alt: n.imageAlt }) }),
+        secondColumn: /* @__PURE__ */ r("div", { className: "w-full min-w-0 space-y-6 md:shrink md:grow-0 md:basis-1/2", children: [
+          s.eyebrow && /* @__PURE__ */ e("p", { className: "text-xs font-semibold tracking-[0.2em] text-neutral-500 uppercase", children: s.eyebrow }),
+          s.title && /* @__PURE__ */ e("h3", { className: "text-super-large font-bold text-neutral-800", children: s.title }),
+          x && /* @__PURE__ */ e("div", { className: `text-medium space-y-3 text-neutral-800 ${C}`, children: /* @__PURE__ */ e(m, { variant: "legal", content: n.supportBodyMarkdown }) }),
+          s.rows.length > 0 && /* @__PURE__ */ e("dl", { className: "text-medium space-y-2 text-neutral-800", children: s.rows.map((t) => /* @__PURE__ */ r("div", { className: "flex flex-wrap gap-x-2", children: [
+            /* @__PURE__ */ e("dt", { className: "font-semibold", children: t.label }),
+            /* @__PURE__ */ e("dd", { children: t.value })
+          ] }, `${t.label}-${t.value}`)) }),
+          s.footer && /* @__PURE__ */ e("p", { className: "text-medium text-neutral-600", children: s.footer }),
           /* @__PURE__ */ e(
             o,
             {
               size: "small",
               variant: "primary-green",
-              className: "text-small inline-flex w-auto justify-center font-bold",
-              children: /* @__PURE__ */ e("a", { href: s.cta.href, className: v, children: s.cta.label })
+              className: "text-medium inline-flex w-auto justify-center font-bold",
+              children: /* @__PURE__ */ e("a", { href: n.cta.href, className: v, children: n.cta.label })
             }
           )
         ] })
@@ -140,5 +140,5 @@ const U = (t) => {
   ] });
 };
 export {
-  J as HowItWorksTemplate
+  D as HowItWorksTemplate
 };

package/dist/components/HowItWorksTemplateTokens.d.ts

@@ -1,4 +1,3 @@
-/** Tailwind class strings for `next/link` / markdown in How It Works Strapi mappers (consumed by legal-contracts-web). */
 export declare const howItWorksHeroCtaLinkClassName = "font-semibold text-white";
 
 export declare const howItWorksLawGeniusBelowStepsMarkdownClassName = "text-medium";
@@ -7,6 +6,5 @@ export declare const howItWorksLawGeniusCtaLinkClassName = "font-semibold text-w
 
 export declare const howItWorksResourcesCtaLinkClassName = "font-semibold";
 
-/** Support column markdown: spacing for H2 vs body */
-export declare const howItWorksResourcesSupportBodyClassName = "[&_h2]:mb-8";
+export declare const howItWorksResourcesSupportBodyClassName = "[&_h2]:text-super-large [&_h2]:mx-0 [&_h2]:mb-8 [&_h2]:bg-transparent [&_h2]:px-0 [&_h2]:font-bold [&_h2]:text-neutral-800";
 

package/dist/components/HowItWorksTemplateTokens.js

@@ -1,8 +1,8 @@
-const s = "font-semibold text-white", o = "font-semibold text-white", t = "font-semibold", e = "text-medium", a = "[&_h2]:mb-8";
+const t = "font-semibold text-white", s = "font-semibold text-white", o = "font-semibold", e = "text-medium", a = "[&_h2]:text-super-large [&_h2]:mx-0 [&_h2]:mb-8 [&_h2]:bg-transparent [&_h2]:px-0 [&_h2]:font-bold [&_h2]:text-neutral-800";
 export {
-  s as howItWorksHeroCtaLinkClassName,
+  t as howItWorksHeroCtaLinkClassName,
   e as howItWorksLawGeniusBelowStepsMarkdownClassName,
-  o as howItWorksLawGeniusCtaLinkClassName,
-  t as howItWorksResourcesCtaLinkClassName,
+  s as howItWorksLawGeniusCtaLinkClassName,
+  o as howItWorksResourcesCtaLinkClassName,
   a as howItWorksResourcesSupportBodyClassName
 };