@npm_leadtech/legal-contracts-ui 0.20.0 → 0.22.0

package/dist/components/AllDocumentsTemplate.d.ts

@@ -53,7 +53,7 @@ export interface FaqItemProps {
 
 export interface FaqSectionProps {
     title?: string;
-    description?: ReactNode;
+    description?: string;
     faqItems: FaqItemProps[];
     className?: string;
 }
@@ -71,6 +71,7 @@ export interface MarkdownProps {
 }
 
 export interface MarkdownSectionProps {
+    id: number;
     header: SectionHeadingProps;
     markdown: MarkdownProps;
     children?: ReactNode;

package/dist/components/ArticlesSection.d.ts

@@ -2,9 +2,9 @@ import { ComponentPropsWithRef } from 'react';
 import { FC } from 'react';
 import { ReactNode } from 'react';
 
-export declare const ArticlesSection: FC<ArticlesSectionProps>;
+export declare const ArticlesSection: FC<BlogSectionProps>;
 
-export declare interface ArticlesSectionProps {
+export declare interface BlogSectionProps {
     header: SectionHeadingProps;
     articles?: Array<{
         title: string;

package/dist/components/ArticlesSection.js

@@ -1,11 +1,11 @@
 import { jsx as e, jsxs as r } from "react/jsx-runtime";
 import "react";
-import { SectionHeading as n } from "./SectionHeading.js";
+import { SectionHeading as d } from "./SectionHeading.js";
 import { Button as s } from "./Button.js";
 const x = ({ header: i, articles: t = [], cta: a }) => t.length === 0 ? null : /* @__PURE__ */ e("section", { className: "px-6 pt-16 pb-20", children: /* @__PURE__ */ r("div", { className: "mx-auto max-w-6xl space-y-8", children: [
-  /* @__PURE__ */ e(n, { ...i }),
-  /* @__PURE__ */ e("div", { className: "grid gap-6 md:grid-cols-2", children: t.map((l) => /* @__PURE__ */ r("article", { className: "flex rounded-lg bg-white shadow", children: [
-    /* @__PURE__ */ e("div", { className: "relative w-48 shrink-0 overflow-hidden rounded-l-lg", children: l.image }),
+  /* @__PURE__ */ e(d, { ...i }),
+  /* @__PURE__ */ e("div", { className: "grid gap-6 md:grid-cols-2", children: t.map((l) => /* @__PURE__ */ r("article", { className: "flex flex-col rounded-sm bg-white shadow md:flex-row", children: [
+    /* @__PURE__ */ e("div", { className: "relative h-48 shrink-0 overflow-hidden rounded-l-sm md:h-auto md:w-48", children: l.image }),
     /* @__PURE__ */ r("div", { className: "flex flex-1 flex-col gap-4 border-l border-neutral-200 p-6", children: [
       /* @__PURE__ */ e("h3", { className: "text-big font-semibold text-neutral-900", children: l.title }),
       /* @__PURE__ */ e("p", { className: "text-medium text-neutral-800", children: l.excerpt }),

package/dist/components/CategoryProductTemplate.d.ts

@@ -2,7 +2,7 @@ import { ComponentPropsWithRef } from 'react';
 import { FC } from 'react';
 import { ReactNode } from 'react';
 
-export interface ArticlesSectionProps {
+export interface BlogSectionProps {
     header: SectionHeadingProps;
     articles?: Array<{
         title: string;
@@ -41,7 +41,7 @@ export declare interface CategoryProductTemplateProps {
     documentSections: DocumentSectionProps[];
     ctaSection: MarkdownSectionProps;
     faqSection: FaqSectionProps;
-    articles: ArticlesSectionProps;
+    articles: BlogSectionProps;
 }
 
 export interface DocumentCategoriesProps {
@@ -77,7 +77,7 @@ export interface FaqItemProps {
 
 export interface FaqSectionProps {
     title?: string;
-    description?: ReactNode;
+    description?: string;
     faqItems: FaqItemProps[];
     className?: string;
 }
@@ -97,6 +97,7 @@ export interface MarkdownProps {
 }
 
 export interface MarkdownSectionProps {
+    id: number;
     header: SectionHeadingProps;
     markdown: MarkdownProps;
     children?: ReactNode;

package/dist/components/ContactUsTemplate.d.ts

@@ -35,6 +35,7 @@ export interface MarkdownProps {
 }
 
 export interface MarkdownSectionProps {
+    id: number;
     header: SectionHeadingProps;
     markdown: MarkdownProps;
     children?: ReactNode;

package/dist/components/ContentItem.d.ts

@@ -1,4 +1,10 @@
 import { FC } from 'react';
 
-export declare const ContentItem: FC;
+export declare const ContentItem: FC<ContentItemProps>;
+
+export declare interface ContentItemProps {
+    id: string;
+    title: string;
+    content: string;
+}
 

package/dist/components/ContentItem.js

@@ -1,15 +1,9 @@
-import { jsxs as t, jsx as e } from "react/jsx-runtime";
-const n = () => /* @__PURE__ */ t("div", { className: "flex flex-col gap-6", children: [
-  /* @__PURE__ */ t("div", { className: "flex flex-col gap-4", children: [
-    /* @__PURE__ */ e("h2", { className: "text-super-large font-bold text-neutral-800", children: "What Is a Lease" }),
-    /* @__PURE__ */ t("div", { className: "text-medium space-y-4 text-neutral-800", children: [
-      /* @__PURE__ */ e("p", { children: "A residential lease or rental lease are contracts between a tenant and landlord that allows the tenant to take temporary ownership of the property in exchange for regular rental payments. Around 100 million Americans live in rental properties and many of these people have entered into residential lease agreements." }),
-      /* @__PURE__ */ e("p", { children: "For rolling month-by-month contracts a rental agreement will normally be used. It is a more flexible and short term contract that could potentially be modified for each continuous rental term." }),
-      /* @__PURE__ */ e("p", { children: "Leases on the other hand are usually longer-term contracts covering many months or years. They have set terms that do not change as frequently or as flexibly as is the case for a rental contract." })
-    ] })
-  ] }),
-  /* @__PURE__ */ e("div", { className: "bg-neutral-25 rounded px-6 py-16 text-center", children: /* @__PURE__ */ e("p", { className: "text-5xl font-bold tracking-[-0.9px] text-neutral-800", children: "CONTENIDO SEO" }) })
+import { jsxs as l, jsx as e } from "react/jsx-runtime";
+import { Markdown as s } from "./Markdown.js";
+const o = ({ id: t, title: r, content: a }) => /* @__PURE__ */ l("div", { className: "flex flex-col gap-4", id: t, children: [
+  /* @__PURE__ */ e("h2", { className: "text-super-large font-bold text-neutral-800", children: r }),
+  /* @__PURE__ */ e("div", { className: "text-medium space-y-4 text-neutral-800", children: /* @__PURE__ */ e(s, { content: a, className: "text-medium text-neutral-800" }) })
 ] });
 export {
-  n as ContentItem
+  o as ContentItem
 };

package/dist/components/DocOutlineIcon.d.ts

@@ -0,0 +1,2 @@
+export declare const DocOutlineIcon: React.FC<React.SVGProps<SVGSVGElement>>;
+

package/dist/components/DocOutlineIcon.js

@@ -0,0 +1,13 @@
+import { jsx as e } from "react/jsx-runtime";
+const o = (l) => /* @__PURE__ */ e("svg", { xmlns: "http://www.w3.org/2000/svg", width: 18, height: 18, viewBox: "0 0 18 18", fill: "none", ...l, children: /* @__PURE__ */ e(
+  "path",
+  {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M10.793 1.793a1 1 0 00-.707-.293H4.5C3.675 1.5 3 2.175 3 3v12c0 .825.667 1.5 1.492 1.5H13.5c.825 0 1.5-.675 1.5-1.5V6.414a1 1 0 00-.293-.707l-3.914-3.914zM6.75 9a.75.75 0 000 1.5h4.5a.75.75 0 000-1.5h-4.5zm0 3a.75.75 0 000 1.5h4.5a.75.75 0 000-1.5h-4.5zM4.5 15h9V6.75h-2.75a1 1 0 01-1-1V3H4.5v12z",
+    fill: "var(--secondary-600)"
+  }
+) });
+export {
+  o as DocOutlineIcon
+};

package/dist/components/DoneCircleIcon.d.ts

@@ -1,4 +1,8 @@
 import * as React_2 from 'react';
 
-export declare const DoneCircleIcon: React_2.FC<React_2.SVGProps<SVGSVGElement>>;
+export declare const DoneCircleIcon: React_2.FC<DoneCircleIconProps>;
+
+export declare interface DoneCircleIconProps extends React_2.SVGProps<SVGSVGElement> {
+    fill?: string;
+}
 

package/dist/components/DoneCircleIcon.js

@@ -1,6 +1,6 @@
 import { jsxs as l, jsx as e } from "react/jsx-runtime";
 import "react";
-const n = (i) => /* @__PURE__ */ l("svg", { xmlns: "http://www.w3.org/2000/svg", width: "32", height: "32", fill: "none", viewBox: "0 0 32 32", ...i, children: [
+const a = ({ fill: i = "var(--primary-900)", ...s }) => /* @__PURE__ */ l("svg", { xmlns: "http://www.w3.org/2000/svg", width: "32", height: "32", fill: "none", viewBox: "0 0 32 32", ...s, children: [
   /* @__PURE__ */ e(
     "mask",
     {
@@ -23,7 +23,7 @@ const n = (i) => /* @__PURE__ */ l("svg", { xmlns: "http://www.w3.org/2000/svg",
     }
   ),
   /* @__PURE__ */ l("g", { mask: "url(#mask0_1024_3975)", children: [
-    /* @__PURE__ */ e("path", { fill: "#032A38", fillRule: "evenodd", d: "M0 0h32v32H0z", clipRule: "evenodd" }),
+    /* @__PURE__ */ e("path", { fill: i, fillRule: "evenodd", d: "M0 0h32v32H0z", clipRule: "evenodd" }),
     /* @__PURE__ */ e(
       "mask",
       {
@@ -40,5 +40,5 @@ const n = (i) => /* @__PURE__ */ l("svg", { xmlns: "http://www.w3.org/2000/svg",
   ] })
 ] });
 export {
-  n as DoneCircleIcon
+  a as DoneCircleIcon
 };

package/dist/components/FaqSection.d.ts

@@ -1,5 +1,4 @@
 import { FC } from 'react';
-import { ReactNode } from 'react';
 
 export interface FaqItemProps {
     question: string;
@@ -11,7 +10,7 @@ export declare const FaqSection: FC<FaqSectionProps>;
 
 export declare interface FaqSectionProps {
     title?: string;
-    description?: ReactNode;
+    description?: string;
     faqItems: FaqItemProps[];
     className?: string;
 }

package/dist/components/FaqSection.js

@@ -1,13 +1,14 @@
 import { jsxs as a, jsx as e } from "react/jsx-runtime";
 import "react";
-import { FaqItem as n } from "./FaqItem.js";
-const p = ({ title: t, description: s, faqItems: l, className: c = "" }) => l.length === 0 ? null : /* @__PURE__ */ a("div", { className: `flex w-full flex-col gap-6 ${c}`, children: [
+import { Markdown as s } from "./Markdown.js";
+import { FaqItem as c } from "./FaqItem.js";
+const f = ({ title: n, description: l, faqItems: t, className: o = "" }) => t.length === 0 ? null : /* @__PURE__ */ a("div", { className: `flex w-full flex-col gap-6 ${o}`, children: [
   /* @__PURE__ */ a("div", { className: "space-y-4 text-neutral-800", children: [
-    /* @__PURE__ */ e("h3", { className: "text-super-large font-bold", children: t }),
-    s
+    /* @__PURE__ */ e("h3", { className: "text-super-large font-bold", children: n }),
+    l && /* @__PURE__ */ e(s, { content: l, className: "text-medium text-neutral-800" })
   ] }),
-  /* @__PURE__ */ e("div", { className: "flex flex-col gap-4", children: l.map((r) => /* @__PURE__ */ e(n, { ...r }, r.question)) })
+  /* @__PURE__ */ e("div", { className: "flex flex-col gap-4", children: t.map((r) => /* @__PURE__ */ e(c, { ...r }, r.question)) })
 ] });
 export {
-  p as FaqSection
+  f as FaqSection
 };

package/dist/components/FaqsTemplate.d.ts

@@ -1,5 +1,4 @@
 import { FC } from 'react';
-import { ReactNode } from 'react';
 
 export interface AsideNavMenuProps {
     menuItems: Array<{
@@ -16,7 +15,7 @@ export interface FaqItemProps {
 
 export interface FaqSectionProps {
     title?: string;
-    description?: ReactNode;
+    description?: string;
     faqItems: FaqItemProps[];
     className?: string;
 }

package/dist/components/FillFormsIcon.d.ts

@@ -0,0 +1,4 @@
+import * as React_2 from 'react';
+
+export declare const FillFormsIcon: React_2.FC<React_2.SVGProps<SVGSVGElement>>;
+

package/dist/components/FillFormsIcon.js

@@ -0,0 +1,14 @@
+import { jsx as l } from "react/jsx-runtime";
+import "react";
+const o = (a) => /* @__PURE__ */ l("svg", { xmlns: "http://www.w3.org/2000/svg", width: 40, height: 40, viewBox: "0 0 40 40", fill: "none", ...a, children: /* @__PURE__ */ l(
+  "path",
+  {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M34.562 20.44a.281.281 0 00-.084-.202l-1.772-1.774a.288.288 0 00-.406 0l-1.301 1.302 2.177 2.178 1.302-1.302a.281.281 0 00.084-.202zm-2.8 2.918l-2.178-2.178-10.842 10.843 2.177 2.178 10.843-10.843zm-2.483 5.311l-5.977 5.978 5.7.001a.275.275 0 00.276-.274l.001-5.705zm-9.778 6.942l-2.173-2.174-.961.961a.048.048 0 00-.014.034v2.157h2.158l.99-.978zm-5.148-.966v-.213c0-.547.213-1.061.6-1.448l1.668-1.668 12.256-12.257.404-.403.003-15.375a.277.277 0 00-.275-.276L6.281 3H6.28a.272.272 0 00-.193.081.27.27 0 00-.082.193L6 34.367c0 .151.123.275.274.275l8.079.003zm21.539-12.589l-2.009 2.009-2.61 2.61c0 .012.007.022.007.034l-.002 7.665a2.277 2.277 0 01-2.276 2.274l-7.7-.002-1.344 1.344c-.38.381-.908.599-1.447.599h-3.158a1 1 0 01-1-1v-.944l-8.079-.003A2.277 2.277 0 014 34.367l.005-31.093c0-.606.238-1.178.669-1.608.43-.43 1-.666 1.605-.666h.003l22.727.005c.607 0 1.178.238 1.609.669.43.431.667 1.002.666 1.608l-.003 13.457a2.291 2.291 0 012.838.31l1.773 1.775a2.286 2.286 0 010 3.232zm-23.989 7.336H8.752a1 1 0 100 2h3.151a1 1 0 100-2zM8.752 26.6h7.151a1 1 0 100-2H8.752a1 1 0 100 2zm0-4.791H21a1 1 0 100-2H8.752a1 1 0 100 2zm0-4.791H26.53a1 1 0 100-2H8.752a1 1 0 100 2zm0-4.792H26.53a1 1 0 100-2H8.752a1 1 0 100 2zm-1-5.791a1 1 0 011-1H26.53a1 1 0 110 2H8.752a1 1 0 01-1-1z",
+    fill: "var(--neutral-900)"
+  }
+) });
+export {
+  o as FillFormsIcon
+};

package/dist/components/HistoryIcon.d.ts

@@ -0,0 +1,4 @@
+import * as React_2 from 'react';
+
+export declare const HistoryIcon: React_2.FC<React_2.SVGProps<SVGSVGElement>>;
+

package/dist/components/HistoryIcon.js

@@ -0,0 +1,14 @@
+import { jsx as l } from "react/jsx-runtime";
+import "react";
+const i = (e) => /* @__PURE__ */ l("svg", { xmlns: "http://www.w3.org/2000/svg", width: 18, height: 18, viewBox: "0 0 18 18", fill: "none", ...e, children: /* @__PURE__ */ l(
+  "path",
+  {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M3.219 9.003a6.757 6.757 0 016.945-6.75c3.517.097 6.457 3.037 6.555 6.555a6.757 6.757 0 01-6.75 6.945c-1.568 0-3-.533-4.14-1.433-.353-.27-.375-.802-.06-1.117.27-.27.69-.293.99-.06a5.171 5.171 0 003.21 1.11 5.253 5.253 0 005.25-5.325c-.038-2.79-2.385-5.138-5.175-5.175a5.248 5.248 0 00-5.325 5.25H6.06c.338 0 .503.405.27.637l-2.092 2.1a.371.371 0 01-.533 0l-2.092-2.1a.371.371 0 01.262-.637H3.22zm6-2.438c0-.307.255-.562.562-.562.308 0 .563.255.563.555v2.55l2.16 1.282a.568.568 0 01.195.773.568.568 0 01-.773.195L9.586 9.97a.759.759 0 01-.367-.645v-2.76z",
+    fill: "var(--neutral-600)"
+  }
+) });
+export {
+  i as HistoryIcon
+};

package/dist/components/HomeTemplate.d.ts

@@ -2,7 +2,7 @@ import { ComponentPropsWithRef } from 'react';
 import { FC } from 'react';
 import { ReactNode } from 'react';
 
-export interface ArticlesSectionProps {
+export interface BlogSectionProps {
     header: SectionHeadingProps;
     articles?: Array<{
         title: string;
@@ -54,17 +54,27 @@ export interface HeroSectionProps {
     backgroundImage?: string;
 }
 
+export interface HomeStepsProps {
+    image: ReactNode;
+    header: SectionHeadingProps;
+    steps: Array<{
+        title: string;
+        description: string;
+        image: ReactNode;
+    }>;
+}
+
 export declare const HomeTemplate: FC<HomeTemplateProps>;
 
 export declare interface HomeTemplateProps {
     hero?: HeroSectionProps;
-    moreTemplates?: MoreTemplatesSectionProps;
-    process?: ProcessSectionProps;
+    moreTemplates?: PopularDocumentsProps;
+    process?: HomeStepsProps;
     categories?: CategoriesSectionProps;
-    ratafia?: RatafiaSectionProps;
+    ratafia?: LawGeniusSectionProps;
     trust?: TrustSectionProps;
     faqTeaser?: FaqTeaserSectionProps;
-    articles?: ArticlesSectionProps;
+    articles?: BlogSectionProps;
 }
 
 export type IconPosition = 'left' | 'right' | 'top';
@@ -79,22 +89,7 @@ export interface ItemProps {
     className?: string;
 }
 
-export interface MoreTemplatesSectionProps {
-    header: SectionHeadingProps;
-    moreDocuments?: ItemProps[];
-}
-
-export interface ProcessSectionProps {
-    image: ReactNode;
-    header: SectionHeadingProps;
-    steps: Array<{
-        title: string;
-        description: string;
-        image: ReactNode;
-    }>;
-}
-
-export interface RatafiaSectionProps {
+export interface LawGeniusSectionProps {
     title: string;
     content: ReactNode;
     benefits: Array<{
@@ -105,6 +100,11 @@ export interface RatafiaSectionProps {
     image: ReactNode;
 }
 
+export interface PopularDocumentsProps {
+    header: SectionHeadingProps;
+    moreDocuments?: ItemProps[];
+}
+
 export interface SectionHeadingProps {
     title: string;
     description?: string;

package/dist/components/Jumbotron.js

@@ -1,12 +1,12 @@
 import { jsxs as e, jsx as t } from "react/jsx-runtime";
-import "react";
-const s = ({ title: r, description: a, bgImage: l }) => /* @__PURE__ */ e("section", { className: "bg-primary-900 relative isolate overflow-hidden px-4 pt-6 pb-8 text-center text-white md:pb-10", children: [
+import { Markdown as l } from "./Markdown.js";
+const x = ({ title: a, description: r, bgImage: o }) => /* @__PURE__ */ e("section", { className: "bg-primary-900 relative isolate overflow-hidden px-4 pt-6 pb-7 text-center text-white md:pb-7", children: [
   /* @__PURE__ */ e("div", { className: "mx-auto flex max-w-300 flex-col items-center gap-4 text-balance", children: [
-    /* @__PURE__ */ t("h1", { className: "font-lora text-hero text-neutral-25", children: r }),
-    /* @__PURE__ */ t("p", { className: "text-small text-primary-100 max-w-198", children: a })
+    /* @__PURE__ */ t("h1", { className: "font-lora text-hero text-neutral-25", children: a }),
+    /* @__PURE__ */ t(l, { content: r, className: "text-small text-neutral-25 m-auto max-w-248 text-center" })
   ] }),
-  l
+  o
 ] });
 export {
-  s as Jumbotron
+  x as Jumbotron
 };

package/dist/components/Markdown.js

@@ -7828,7 +7828,7 @@ function Cs(e) {
 }
 const Ss = (e, t) => /* @__PURE__ */ Fe(Qu, { ...e, className: t ? "inline" : "" }), Qs = ({ content: e, className: t = "" }) => {
   const u = t.includes("inline");
-  return /* @__PURE__ */ Fe("div", { className: `text-left ${t}`, children: /* @__PURE__ */ Fe(
+  return /* @__PURE__ */ Fe("div", { className: t, children: /* @__PURE__ */ Fe(
     Du,
     {
       rehypePlugins: [Cs],

package/dist/components/MarkdownSection.d.ts

@@ -9,6 +9,7 @@ export interface MarkdownProps {
 export declare const MarkdownSection: FC<MarkdownSectionProps>;
 
 export declare interface MarkdownSectionProps {
+    id: number;
     header: SectionHeadingProps;
     markdown: MarkdownProps;
     children?: ReactNode;

package/dist/components/MoreTemplatesSection.d.ts

@@ -11,9 +11,9 @@ export interface ItemProps {
     className?: string;
 }
 
-export declare const MoreTemplatesSection: FC<MoreTemplatesSectionProps>;
+export declare const MoreTemplatesSection: FC<PopularDocumentsProps>;
 
-export declare interface MoreTemplatesSectionProps {
+export declare interface PopularDocumentsProps {
     header: SectionHeadingProps;
     moreDocuments?: ItemProps[];
 }

package/dist/components/Paragraph.js

@@ -1,5 +1,5 @@
 import { jsx as r } from "react/jsx-runtime";
-const e = ({ children: a }) => /* @__PURE__ */ r("p", { className: "mb-4 leading-7 text-gray-900", children: a });
+const o = ({ children: a }) => /* @__PURE__ */ r("p", { className: "mb-4", children: a });
 export {
-  e as Paragraph
+  o as Paragraph
 };

package/dist/components/Preform.js

@@ -1,12 +1,12 @@
 import { jsx as e, jsxs as s } from "react/jsx-runtime";
 import { TrustedBadge as i } from "./TrustedBadge.js";
-import { PreformOption as d } from "./PreformOption.js";
-import { Button as o } from "./Button.js";
-const p = ({ trustedBadge: t, title: l, options: a, cta: m }) => /* @__PURE__ */ e("section", { className: "bg-neutral-25 px-4 pt-6 text-neutral-800 md:px-20", children: /* @__PURE__ */ e("div", { className: "mx-auto flex w-full max-w-300 flex-col gap-6", children: /* @__PURE__ */ s("div", { className: "relative rounded bg-white px-6 py-8 shadow-md md:px-14", children: [
-  /* @__PURE__ */ e(i, { ...t }),
-  /* @__PURE__ */ e("h2", { className: "text-big mb-8 text-center font-bold", children: l }),
-  /* @__PURE__ */ e("div", { className: "flex flex-wrap justify-center gap-4", children: a.map((r) => /* @__PURE__ */ e(d, { ...r }, r.label)) }),
-  /* @__PURE__ */ e("div", { className: "mt-8 flex justify-center", children: /* @__PURE__ */ e(o, { ...m }) })
+import { PreformOption as o } from "./PreformOption.js";
+import { Button as c } from "./Button.js";
+const p = ({ trustedBadge: r, title: a, options: l, cta: m }) => /* @__PURE__ */ e("section", { className: "bg-neutral-25 px-4 pt-6 text-neutral-800 md:px-20", children: /* @__PURE__ */ e("div", { className: "mx-auto flex w-full max-w-300 flex-col gap-6", children: /* @__PURE__ */ s("div", { className: "relative rounded bg-white py-8 shadow-md", children: [
+  /* @__PURE__ */ e(i, { ...r }),
+  /* @__PURE__ */ e("h2", { className: "text-big mb-8 text-center font-bold", children: a }),
+  /* @__PURE__ */ e("div", { className: "m-auto flex max-w-265 flex-wrap justify-center gap-4", children: l.map((t) => /* @__PURE__ */ e(o, { ...t }, t.label)) }),
+  /* @__PURE__ */ e("div", { className: "mt-8 flex justify-center", children: /* @__PURE__ */ e(c, { ...m }) })
 ] }) }) });
 export {
   p as Preform

package/dist/components/PreformOption.js

@@ -1,15 +1,21 @@
-import { jsxs as t, jsx as n } from "react/jsx-runtime";
+import { jsxs as n, jsx as e } from "react/jsx-runtime";
 import "react";
-const m = ({ label: o, selected: r, icon: e }) => /* @__PURE__ */ t(
+const a = ({ label: t, selected: r, icon: o }) => /* @__PURE__ */ n(
   "button",
   {
-    className: `flex max-w-32 min-w-32 flex-1 flex-col items-center gap-2 rounded border p-4 transition-colors ${r ? "border-primary-900 border-2" : "border-neutral-200"}`,
+    className: `flex w-38.5 flex-col items-center gap-2 rounded border p-4 transition-colors ${r ? "border-primary-900 border-2" : "border-neutral-200"}`,
     children: [
-      e,
-      /* @__PURE__ */ n("span", { className: `text-small ${r ? "font-bold" : "font-normal"} text-neutral-800`, children: o })
+      /* @__PURE__ */ e("div", { className: "size-12", children: o }),
+      /* @__PURE__ */ e(
+        "span",
+        {
+          className: `text-small flex h-9 w-33 items-center justify-center text-neutral-800 ${r ? "font-bold" : "font-normal"}`,
+          children: t
+        }
+      )
     ]
   }
 );
 export {
-  m as PreformOption
+  a as PreformOption
 };

package/dist/components/PreviewSection.d.ts

@@ -19,7 +19,7 @@ export declare const PreviewSection: FC<PreviewSectionProps>;
 
 export declare interface PreviewSectionProps {
     title?: string;
-    documentPreview?: ReactNode;
+    documentPreview?: string;
     cta: ButtonProps;
 }
 

package/dist/components/PreviewSection.js

@@ -1,11 +1,13 @@
-import { jsx as e, jsxs as c } from "react/jsx-runtime";
+import { jsx as e, jsxs as l } from "react/jsx-runtime";
 import "react";
-import { Button as l } from "./Button.js";
-const m = ({ title: t, documentPreview: r, cta: o }) => /* @__PURE__ */ e("section", { className: "bg-secondary-50 px-4 py-12 text-neutral-800 md:px-20", children: /* @__PURE__ */ c("div", { className: "mx-auto flex w-full max-w-240 flex-col items-center gap-8 text-center", children: [
-  /* @__PURE__ */ e("h2", { className: "text-big font-bold", children: t }),
-  r,
-  /* @__PURE__ */ e(l, { ...o })
+import { SectionHeading as o } from "./SectionHeading.js";
+import { Markdown as a } from "./Markdown.js";
+import { Button as m } from "./Button.js";
+const p = ({ title: r, documentPreview: t, cta: i }) => /* @__PURE__ */ e("section", { className: "bg-secondary-50 px-4 py-12 text-neutral-800 md:px-20", children: /* @__PURE__ */ l("div", { className: "mx-auto flex w-full max-w-240 flex-col items-center gap-8 text-center", children: [
+  /* @__PURE__ */ e(o, { title: r ?? "" }),
+  /* @__PURE__ */ e("div", { className: "relative flex min-h-[372px] gap-6 overflow-hidden rounded border border-neutral-200 bg-white px-4 py-6", children: /* @__PURE__ */ e("div", { className: "text-medium flex-1 text-neutral-900", children: t && /* @__PURE__ */ e(a, { content: t, className: "text-medium max-h-144 text-left text-neutral-800" }) }) }),
+  /* @__PURE__ */ e(m, { ...i })
 ] }) });
 export {
-  m as PreviewSection
+  p as PreviewSection
 };

package/dist/components/PrintIcon.d.ts

@@ -0,0 +1,4 @@
+import * as React_2 from 'react';
+
+export declare const PrintIcon: React_2.FC<React_2.SVGProps<SVGSVGElement>>;
+

package/dist/components/PrintIcon.js

@@ -0,0 +1,14 @@
+import { jsx as a } from "react/jsx-runtime";
+import "react";
+const h = (l) => /* @__PURE__ */ a("svg", { xmlns: "http://www.w3.org/2000/svg", width: 40, height: 40, viewBox: "0 0 40 40", fill: "none", ...l, children: /* @__PURE__ */ a(
+  "path",
+  {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M24.498 33.439a1 1 0 01-1 1H16.53a1 1 0 110-2h6.97a1 1 0 011 1zm0-3.313a1 1 0 01-1 1H16.53a1 1 0 010-2h6.97a1 1 0 011 1zm-1-4.314a1 1 0 110 2H16.53a1 1 0 110-2h6.97zm9.125-9.209c0 .991-.811 1.802-1.802 1.802-.99 0-1.801-.811-1.801-1.802s.811-1.801 1.801-1.801c.991 0 1.802.81 1.802 1.801zm4.403 8.107c0 .441-.359.8-.8.8h-4.405v-1.967c0-.902-.733-1.635-1.635-1.635H18.574l-5.763-.002-.009.002H9.84c-.902 0-1.635.733-1.635 1.635v1.967H3.802a.801.801 0 01-.802-.8v-9.007a4.41 4.41 0 014.404-4.405H32.623a4.409 4.409 0 014.403 4.405v9.007zm-7.205 5.453a2.554 2.554 0 01-1.605 2.365l.002-8.62h1.603v6.255zm-3.605 5.376c0 .428-.28.805-.602.805l-11.205-.003c-.32 0-.6-.377-.6-.806l.002-11.627h4.963l7.445.003-.003 11.628zm-16.01-5.376v-6.255h1.605l-.003 8.62a2.553 2.553 0 01-1.603-2.365zm0-25.338c0-.448.366-.825.801-.825H29.02c.443 0 .802.37.802.825v4.473H10.205V4.825zm22.417 4.473h-.802V4.825C31.821 3.267 30.564 2 29.019 2H11.007C9.462 2 8.205 3.267 8.205 4.825v4.473h-.801A6.412 6.412 0 001 15.703v9.007c0 1.543 1.257 2.8 2.802 2.8h4.403v2.653a4.559 4.559 0 003.603 4.449v.923c0 1.546 1.166 2.804 2.6 2.806l11.206.003c1.433 0 2.6-1.258 2.602-2.804v-.927a4.558 4.558 0 003.605-4.45V27.51h4.405c1.543 0 2.8-1.257 2.8-2.8v-9.007a6.41 6.41 0 00-6.403-6.405z",
+    fill: "var(--neutral-900)"
+  }
+) });
+export {
+  h as PrintIcon
+};

package/dist/components/ProcessSection.d.ts

@@ -1,9 +1,7 @@
 import { FC } from 'react';
 import { ReactNode } from 'react';
 
-export declare const ProcessSection: FC<ProcessSectionProps>;
-
-export declare interface ProcessSectionProps {
+export declare interface HomeStepsProps {
     image: ReactNode;
     header: SectionHeadingProps;
     steps: Array<{
@@ -13,6 +11,8 @@ export declare interface ProcessSectionProps {
     }>;
 }
 
+export declare const ProcessSection: FC<HomeStepsProps>;
+
 export interface SectionHeadingProps {
     title: string;
     description?: string;

package/dist/components/ProductInfo.d.ts

@@ -4,8 +4,8 @@ import { ReactNode } from 'react';
 export declare const ProductInfo: FC<ProductInfoProps>;
 
 export declare interface ProductInfoProps {
-    lastUpdate: ReactNode;
+    lastUpdate: string;
     reviewer?: ReactNode;
-    alsoKnownAs?: ReactNode;
+    alsoKnownAs?: string[];
 }
 

package/dist/components/ProductInfo.js

@@ -1,14 +1,30 @@
-import { jsx as e, jsxs as l, Fragment as s } from "react/jsx-runtime";
-const c = ({ lastUpdate: t, reviewer: a, alsoKnownAs: n }) => /* @__PURE__ */ e("section", { className: "bg-neutral-25 px-4 py-6 text-neutral-800 md:px-20", children: /* @__PURE__ */ e("div", { className: "mx-auto flex w-full max-w-300 flex-col gap-6", children: /* @__PURE__ */ l("div", { className: "text-small flex flex-col gap-2 text-neutral-600", children: [
+import { jsx as e, jsxs as l, Fragment as i } from "react/jsx-runtime";
+import { Note as a } from "./Note.js";
+import { HistoryIcon as s } from "./HistoryIcon.js";
+import { DoneCircleIcon as m } from "./DoneCircleIcon.js";
+import { DocOutlineIcon as o } from "./DocOutlineIcon.js";
+const u = ({ lastUpdate: c, reviewer: t, alsoKnownAs: r }) => /* @__PURE__ */ e("section", { className: "bg-neutral-25 px-4 py-6 text-neutral-800 md:px-20", children: /* @__PURE__ */ e("div", { className: "mx-auto flex w-full max-w-300 flex-col gap-6", children: /* @__PURE__ */ l("div", { className: "text-small flex flex-col gap-2 text-neutral-600", children: [
   /* @__PURE__ */ l("div", { className: "flex flex-wrap items-center gap-4", children: [
-    t,
-    !!a && /* @__PURE__ */ l(s, { children: [
+    /* @__PURE__ */ l(a, { children: [
+      /* @__PURE__ */ e(s, { className: "size-4.5", fill: "var(--neutral-600)" }),
+      /* @__PURE__ */ e("span", { children: c })
+    ] }),
+    !!t && /* @__PURE__ */ l(i, { children: [
       /* @__PURE__ */ e("span", { className: "hidden h-5 w-px bg-neutral-600 sm:block", "aria-hidden": !0 }),
-      a
+      /* @__PURE__ */ l(a, { children: [
+        /* @__PURE__ */ e(m, { className: "size-4.5", fill: "var(--neutral-600)" }),
+        t
+      ] })
     ] })
   ] }),
-  n
+  r && r.length > 0 && /* @__PURE__ */ l("div", { className: "flex flex-wrap items-center gap-2", children: [
+    /* @__PURE__ */ l(a, { children: [
+      /* @__PURE__ */ e(o, { className: "size-4.5", fill: "var(--neutral-600)" }),
+      " Also Known As:"
+    ] }),
+    r.map((n) => /* @__PURE__ */ e("span", { className: "text-small rounded border border-neutral-200 bg-white px-2 py-1", children: n }, n))
+  ] })
 ] }) }) });
 export {
-  c as ProductInfo
+  u as ProductInfo
 };