@npm_leadtech/legal-contracts-ui 0.44.2 → 0.44.4

package/dist/components/{BlogSection.d.ts → ArticlesSection.d.ts}

@@ -2,16 +2,16 @@ import { ComponentPropsWithRef } from 'react';
 import { FC } from 'react';
 import { ReactNode } from 'react';
 
-export declare const BlogSection: FC<BlogSectionProps>;
+export declare const ArticlesSection: FC<BlogSectionProps>;
 
 export declare interface BlogSectionProps {
     header: SectionHeadingProps;
-    articles: {
+    articles?: Array<{
         title: string;
         image: ReactNode;
         excerpt: string;
         cta: ReactNode;
-    }[];
+    }>;
     cta: ButtonProps;
 }
 

package/dist/components/{BlogSection.js → ArticlesSection.js}

@@ -2,7 +2,7 @@ import { jsx as e, jsxs as r } from "react/jsx-runtime";
 import "react";
 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: [
+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(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 }),
@@ -15,5 +15,5 @@ const x = ({ header: i, articles: t, cta: a }) => t.length === 0 ? null : /* @__
   /* @__PURE__ */ e("div", { className: "flex justify-center", children: /* @__PURE__ */ e(s, { size: "large", variant: "secondary-green", ...a }) })
 ] }) });
 export {
-  x as BlogSection
+  x as ArticlesSection
 };

package/dist/components/AsideNavMenu.js

@@ -1,17 +1,34 @@
-import { jsx as l, jsxs as t } from "react/jsx-runtime";
-const i = ({ menuItems: a }) => a.length === 0 ? null : /* @__PURE__ */ l("aside", { className: "flex w-full flex-col gap-4 lg:w-55", children: /* @__PURE__ */ l("ul", { children: a.map((r, e) => /* @__PURE__ */ t("li", { children: [
-  /* @__PURE__ */ t("a", { href: "#", className: "text-small flex items-center gap-4 px-0 py-4 text-left transition-colors", children: [
-    /* @__PURE__ */ l(
+"use client";
+import { jsx as t } from "react/jsx-runtime";
+import { useState as a, useEffect as s } from "react";
+const h = ({ menuItems: r }) => {
+  const [i, n] = a(r[0]?.href || "");
+  return s(() => {
+    const e = new IntersectionObserver(
+      (l) => {
+        l.forEach((o) => {
+          o.isIntersecting && n(`#${o.target.id}`);
+        });
+      },
+      { rootMargin: "-10% 0px -80% 0px", threshold: 0.1 }
+    );
+    return r.forEach((l) => {
+      const o = l.href.replace("#", ""), c = document.getElementById(o);
+      c && e.observe(c);
+    }), () => {
+      e.disconnect();
+    };
+  }, [r]), r.length === 0 ? null : /* @__PURE__ */ t("aside", { className: "flex w-full flex-col gap-4 lg:sticky lg:top-24 lg:h-fit lg:w-55", children: /* @__PURE__ */ t("ul", { className: "flex flex-col gap-1", children: r.map((e) => {
+    const l = i === e.href;
+    return /* @__PURE__ */ t("li", { children: /* @__PURE__ */ t("a", { href: e.href, className: "text-small block w-full py-3 text-left", children: /* @__PURE__ */ t(
       "span",
       {
-        "aria-hidden": !0,
-        className: `h-1.5 w-1.5 rounded-full ${e == 0 ? "bg-primary-500" : "bg-primary-50"}`
+        className: `inline-block w-full border-b-2 pb-2.5 transition-all duration-300 ${l ? "border-primary-500 text-primary-500 font-bold" : "border-b border-neutral-200"}`,
+        children: e.label
       }
-    ),
-    /* @__PURE__ */ l("span", { className: e == 0 ? "text-primary-500 font-bold" : "text-neutral-800", children: r.label })
-  ] }),
-  e < a.length - 1 && /* @__PURE__ */ l("div", { className: "h-px w-full bg-neutral-200", "aria-hidden": !0 })
-] }, r.label)) }) });
+    ) }) }, e.label);
+  }) }) });
+};
 export {
-  i as AsideNavMenu
+  h as AsideNavMenu
 };

package/dist/components/Button.js

@@ -22,7 +22,7 @@ const p = {
     disabled: "disabled:bg-neutral-200 disabled:text-neutral-400 disabled:cursor-not-allowed"
   },
   "secondary-green": {
-    base: "bg-white text-primary-700 border-2 border-primary-700 font-semibold",
+    base: "bg-transparent text-primary-700 border-2 border-primary-700 font-semibold",
     hover: "hover:bg-primary-100 hover:text-primary-800",
     disabled: "disabled:bg-neutral-200 disabled:text-neutral-400 disabled:border-neutral-200 disabled:cursor-not-allowed"
   },

package/dist/components/CategoriesSection.d.ts

@@ -17,12 +17,12 @@ export declare const CategoriesSection: FC<CategoriesSectionProps>;
 
 export declare interface CategoriesSectionProps {
     header: SectionHeadingProps;
-    categories: {
+    categories?: Array<{
         title: string;
         description: string;
         icon: ReactNode;
         cta: ButtonProps;
-    }[];
+    }>;
     cta: ButtonProps;
 }
 

package/dist/components/CategoriesSection.js

@@ -1,21 +1,19 @@
-import { jsxs as i, jsx as l } from "react/jsx-runtime";
+import { jsx as e, jsxs as r } from "react/jsx-runtime";
 import "react";
-import { SectionHeading as s } from "./SectionHeading.js";
-import { Button as n } from "./Button.js";
-const p = ({ header: r, categories: a, cta: t }) => a.length === 0 ? null : /* @__PURE__ */ i("section", { className: "mx-auto flex flex-col items-center gap-8 px-6 py-10 text-neutral-900 lg:px-8 xl:max-w-300 xl:px-0", children: [
-  /* @__PURE__ */ l(s, { ...r }),
-  /* @__PURE__ */ l("div", { className: "flex flex-col gap-6 lg:grid lg:grid-cols-2", children: a.map((e) => /* @__PURE__ */ i("div", { className: "bg-neutral-25 flex flex-col gap-6 rounded-lg p-6", children: [
-    /* @__PURE__ */ i("div", { className: "flex flex-col gap-2", children: [
-      /* @__PURE__ */ i("div", { className: "flex gap-2", children: [
-        /* @__PURE__ */ l("span", { children: e.icon }),
-        /* @__PURE__ */ l("p", { className: "text-big font-bold", children: e.title })
-      ] }),
-      /* @__PURE__ */ l("p", { children: e.description })
-    ] }),
-    /* @__PURE__ */ l(n, { variant: "secondary-green", className: "w-fit", ...e.cta })
-  ] }, e.title)) }),
-  /* @__PURE__ */ l(n, { className: "w-full md:w-fit", variant: "primary-darkgreen", ...t })
-] });
+import { SectionHeading as n } from "./SectionHeading.js";
+import { Button as l } from "./Button.js";
+const p = ({ header: t, categories: a = [], cta: s }) => a.length === 0 ? null : /* @__PURE__ */ e("section", { className: "px-6 py-16", children: /* @__PURE__ */ r("div", { className: "mx-auto max-w-6xl space-y-10", children: [
+  /* @__PURE__ */ e(n, { ...t }),
+  /* @__PURE__ */ e("div", { className: "grid gap-6 md:grid-cols-2", children: a.map((i) => /* @__PURE__ */ r("div", { className: "bg-neutral-25 flex items-start gap-4 rounded-lg p-6", children: [
+    /* @__PURE__ */ e("div", { className: "bg-primary-100 rounded-md p-2", children: i.icon }),
+    /* @__PURE__ */ r("div", { className: "flex flex-col justify-between", children: [
+      /* @__PURE__ */ e("p", { className: "font-lora text-large h-16 text-neutral-900", children: i.title }),
+      /* @__PURE__ */ e("p", { className: "text-medium h-16 text-neutral-800", children: i.description }),
+      /* @__PURE__ */ e(l, { size: "large", variant: "secondary-green", className: "w-fit", ...i.cta })
+    ] })
+  ] }, i.title)) }),
+  /* @__PURE__ */ e("div", { className: "flex justify-center", children: /* @__PURE__ */ e(l, { size: "large", variant: "primary-darkgreen", ...s }) })
+] }) });
 export {
   p as CategoriesSection
 };

package/dist/components/CategoryProductTemplate.d.ts

@@ -4,12 +4,12 @@ import { ReactNode } from 'react';
 
 export interface BlogSectionProps {
     header: SectionHeadingProps;
-    articles: {
+    articles?: Array<{
         title: string;
         image: ReactNode;
         excerpt: string;
         cta: ReactNode;
-    }[];
+    }>;
     cta: ButtonProps;
 }
 

package/dist/components/CategoryProductTemplate.js

@@ -1,30 +1,30 @@
-import { jsxs as o, jsx as r } from "react/jsx-runtime";
-import { JumboCard as s } from "./JumboCard.js";
+import { jsxs as e, jsx as r } from "react/jsx-runtime";
+import { JumboCard as n } from "./JumboCard.js";
 import { DocumentCategories as p } from "./DocumentCategories.js";
 import { DocumentSection as f } from "./DocumentSection.js";
 import { Breadcrumb as d } from "./Breadcrumb.js";
 import { MarkdownSection as u } from "./MarkdownSection.js";
 import { FaqSection as x } from "./FaqSection.js";
-import { BlogSection as g } from "./BlogSection.js";
+import { ArticlesSection as N } from "./ArticlesSection.js";
 const y = ({
   jumbo: m,
   breadcrumb: a,
   categories: t,
   documentSections: i,
-  ctaSection: l,
-  faqSection: c,
-  articles: n
-}) => /* @__PURE__ */ o("main", { className: "mx-auto max-w-6xl flex-1", children: [
-  /* @__PURE__ */ r(s, { ...m }),
+  ctaSection: c,
+  faqSection: l,
+  articles: s
+}) => /* @__PURE__ */ e("main", { className: "mx-auto max-w-6xl flex-1", children: [
+  /* @__PURE__ */ r(n, { ...m }),
   /* @__PURE__ */ r(d, { ...a, className: "pb-4" }),
-  /* @__PURE__ */ o("div", { className: "container mx-auto flex flex-col justify-center gap-30 lg:flex-row", children: [
+  /* @__PURE__ */ e("div", { className: "container mx-auto flex flex-col justify-center gap-30 lg:flex-row", children: [
     /* @__PURE__ */ r(p, { ...t }),
-    /* @__PURE__ */ o("div", { className: "", children: [
-      i.map((e) => /* @__PURE__ */ r(f, { ...e }, e.id)),
+    /* @__PURE__ */ e("div", { className: "", children: [
+      i.map((o) => /* @__PURE__ */ r(f, { ...o }, o.id)),
       /* @__PURE__ */ r("div", { className: "h-px w-full bg-neutral-200", "aria-hidden": !0 }),
-      /* @__PURE__ */ r(u, { ...l }),
-      /* @__PURE__ */ r(x, { ...c, className: "pb-6" }),
-      /* @__PURE__ */ r(g, { ...n })
+      /* @__PURE__ */ r(u, { ...c }),
+      /* @__PURE__ */ r(x, { ...l, className: "pb-6" }),
+      /* @__PURE__ */ r(N, { ...s })
     ] })
   ] })
 ] });

package/dist/components/FaqItem.js

@@ -2,7 +2,7 @@ import { jsx as e } from "react/jsx-runtime";
 import "react";
 import { FaqItemWrapper as n } from "./FaqItemWrapper.js";
 import { Markdown as m } from "./Markdown.js";
-const l = ({ question: t, answer: o }) => /* @__PURE__ */ e("div", { className: "text-medium flex flex-col rounded bg-white p-4 text-neutral-800 shadow", children: /* @__PURE__ */ e(n, { question: /* @__PURE__ */ e("p", { className: "font-bold", children: t }), children: /* @__PURE__ */ e(m, { content: o, className: "text-medium" }) }) });
+const l = ({ question: t, answer: o }) => /* @__PURE__ */ e("div", { className: "text-medium flex flex-col rounded bg-white p-4 text-neutral-800 shadow", children: /* @__PURE__ */ e(n, { question: /* @__PURE__ */ e("span", { className: "font-bold", children: t }), children: /* @__PURE__ */ e(m, { content: o, className: "text-medium" }) }) });
 export {
   l as FaqItem
 };

package/dist/components/FaqItemWrapper.js

@@ -1,32 +1,24 @@
-"use client";
-import { jsxs as t, Fragment as a, jsx as r } from "react/jsx-runtime";
-import { useState as o } from "react";
-import { ChevronDownIcon as l } from "./ChevronDownIcon.js";
-const p = ({ question: n, children: s }) => {
-  const [e, i] = o(!1);
-  return /* @__PURE__ */ t(a, { children: [
+import { jsxs as t, jsx as e } from "react/jsx-runtime";
+import { useId as i } from "react";
+import { ChevronDownIcon as a } from "./ChevronDownIcon.js";
+const d = ({ question: o, children: s }) => {
+  const r = i();
+  return /* @__PURE__ */ t("div", { className: "w-full", children: [
+    /* @__PURE__ */ e("input", { type: "checkbox", id: r, className: "peer sr-only" }),
     /* @__PURE__ */ t(
-      "button",
+      "label",
       {
-        onClick: () => {
-          i(!e);
-        },
-        "aria-expanded": e,
-        className: "flex w-full cursor-pointer items-center justify-between text-left",
+        htmlFor: r,
+        className: "flex w-full cursor-pointer items-center justify-between text-left peer-checked:[&_.chevron]:rotate-0",
         children: [
-          n,
-          /* @__PURE__ */ r(
-            l,
-            {
-              className: `size-6 -rotate-90 transition-transform duration-300 ${e ? "rotate-0" : ""}`
-            }
-          )
+          o,
+          /* @__PURE__ */ e(a, { className: "chevron size-6 -rotate-90 transition-transform duration-300" })
         ]
       }
     ),
-    /* @__PURE__ */ r("div", { className: `grid transition-all duration-300 ${e ? "grid-rows-[1fr]" : "grid-rows-[0fr]"}`, children: /* @__PURE__ */ r("div", { className: "overflow-hidden", children: /* @__PURE__ */ r("div", { className: "pt-4", children: s }) }) })
+    /* @__PURE__ */ e("div", { className: "grid grid-rows-[0fr] transition-all duration-300 peer-checked:grid-rows-[1fr]", children: /* @__PURE__ */ e("div", { className: "overflow-hidden", children: /* @__PURE__ */ e("div", { className: "pt-4", children: s }) }) })
   ] });
 };
 export {
-  p as FaqItemWrapper
+  d as FaqItemWrapper
 };

package/dist/components/FaqSection.js

@@ -1,14 +1,18 @@
-import { jsxs as a, jsx as e } from "react/jsx-runtime";
+import { jsxs as t, jsx as e } from "react/jsx-runtime";
 import "react";
-import { Markdown as c } from "./Markdown.js";
+import { Markdown as n } from "./Markdown.js";
 import { FaqItem as m } from "./FaqItem.js";
-const d = ({ title: o, description: l, faqItems: r, className: n = "" }) => r.length === 0 ? null : /* @__PURE__ */ a("div", { className: `flex flex-col gap-2 text-neutral-800 ${n}`, children: [
-  /* @__PURE__ */ a("div", { className: "flex flex-col gap-6", children: [
-    /* @__PURE__ */ e("h3", { className: "text-super-large font-bold", children: o }),
-    l !== "" && /* @__PURE__ */ e(c, { content: l, className: "text-medium" })
-  ] }),
-  /* @__PURE__ */ e("div", { className: "flex flex-col gap-6", children: r.map((t) => /* @__PURE__ */ e(m, { ...t }, t.question)) })
-] });
+const f = ({ title: l, description: o, faqItems: r, className: s = "" }) => {
+  if (r.length === 0) return null;
+  const c = l.toLowerCase().replace(/\s+/g, "-");
+  return /* @__PURE__ */ t("div", { id: c, className: `flex flex-col gap-2 text-neutral-800 ${s} p-0.5`, children: [
+    /* @__PURE__ */ t("div", { className: "flex flex-col gap-6", children: [
+      /* @__PURE__ */ e("h3", { className: "text-super-large font-bold", children: l }),
+      o !== "" && /* @__PURE__ */ e(n, { content: o, className: "text-medium" })
+    ] }),
+    /* @__PURE__ */ e("div", { className: "flex flex-col gap-6", children: r.map((a) => /* @__PURE__ */ e(m, { ...a }, a.question)) })
+  ] });
+};
 export {
-  d as FaqSection
+  f as FaqSection
 };

package/dist/components/HeroSection.d.ts

@@ -19,8 +19,9 @@ export declare interface HeroSectionProps {
     title: string;
     description?: string;
     cta: ButtonProps;
-    heroDocuments: ItemProps[];
+    heroDocuments?: ItemProps[];
     listTitle?: string;
+    listNote?: string;
     backgroundImage?: string;
 }
 

package/dist/components/HeroSection.js

@@ -1,13 +1,14 @@
 import { jsx as e, jsxs as t } from "react/jsx-runtime";
 import "react";
-import { Item as n } from "./Item.js";
-import { Button as x } from "./Button.js";
-const p = ({
-  title: i,
-  description: a,
-  cta: s,
-  heroDocuments: c,
+import { Item as x } from "./Item.js";
+import { Button as o } from "./Button.js";
+const h = ({
+  title: a,
+  description: s,
+  cta: i,
+  heroDocuments: c = [],
   listTitle: m,
+  listNote: n,
   backgroundImage: l
 }) => /* @__PURE__ */ e("section", { className: "bg-primary-50", children: /* @__PURE__ */ e(
   "div",
@@ -15,20 +16,23 @@ const p = ({
     className: "bg-none bg-size-[420px_442px] bg-bottom-right bg-no-repeat lg:bg-(image:--hero-bg)",
     style: { "--hero-bg": l ? `url(${l})` : "none" },
     children: /* @__PURE__ */ t("div", { className: "mx-auto flex max-w-6xl flex-col items-center px-6 py-12 lg:flex-row", children: [
-      /* @__PURE__ */ t("div", { className: "flex max-w-121.5 flex-1 flex-col items-center gap-6 text-center lg:items-start lg:text-left", children: [
+      /* @__PURE__ */ t("div", { className: "flex max-w-[486px] flex-1 flex-col items-center gap-6 text-center lg:items-start lg:text-left", children: [
         /* @__PURE__ */ t("div", { className: "space-y-5", children: [
-          /* @__PURE__ */ e("h1", { className: "font-lora text-super-hero text-neutral-900", children: i }),
-          /* @__PURE__ */ e("p", { className: "text-big text-neutral-800", children: a })
+          /* @__PURE__ */ e("h1", { className: "font-lora text-super-hero text-neutral-900", children: a }),
+          /* @__PURE__ */ e("p", { className: "text-big text-neutral-800", children: s })
         ] }),
-        /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(x, { variant: "primary-darkgreen", ...s }) })
+        /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(o, { size: "large", ...i }) })
       ] }),
       /* @__PURE__ */ t("div", { className: "flex w-full flex-1 flex-col items-center justify-center gap-4 rounded-lg p-6 lg:items-start lg:justify-start", children: [
-        /* @__PURE__ */ e("div", { className: "flex w-full max-w-121.5 items-center justify-between", children: /* @__PURE__ */ e("p", { className: "text-big text-primary-800 font-semibold", children: m }) }),
-        /* @__PURE__ */ e("div", { className: "grid w-full max-w-121.5 gap-2", children: c.map((r) => /* @__PURE__ */ e(n, { ...r, variant: "card" }, r.title)) })
+        /* @__PURE__ */ t("div", { className: "flex w-full max-w-[486px] items-center justify-between", children: [
+          /* @__PURE__ */ e("p", { className: "text-big text-primary-800 font-semibold", children: m }),
+          /* @__PURE__ */ e("span", { className: "text-extra-small text-neutral-600", children: n })
+        ] }),
+        /* @__PURE__ */ e("div", { className: "grid w-full max-w-[486px] gap-2", children: c.map((r) => /* @__PURE__ */ e(x, { ...r, variant: "card" }, r.title)) })
       ] })
     ] })
   }
 ) });
 export {
-  p as HeroSection
+  h as HeroSection
 };

package/dist/components/HomeTemplate.d.ts

@@ -4,12 +4,12 @@ import { ReactNode } from 'react';
 
 export interface BlogSectionProps {
     header: SectionHeadingProps;
-    articles: {
+    articles?: Array<{
         title: string;
         image: ReactNode;
         excerpt: string;
         cta: ReactNode;
-    }[];
+    }>;
     cta: ButtonProps;
 }
 
@@ -26,12 +26,12 @@ export type ButtonVariant = 'primary-green' | 'primary-darkgreen' | 'primary-yel
 
 export interface CategoriesSectionProps {
     header: SectionHeadingProps;
-    categories: {
+    categories?: Array<{
         title: string;
         description: string;
         icon: ReactNode;
         cta: ButtonProps;
-    }[];
+    }>;
     cta: ButtonProps;
 }
 
@@ -49,8 +49,9 @@ export interface HeroSectionProps {
     title: string;
     description?: string;
     cta: ButtonProps;
-    heroDocuments: ItemProps[];
+    heroDocuments?: ItemProps[];
     listTitle?: string;
+    listNote?: string;
     backgroundImage?: string;
 }
 
@@ -67,14 +68,14 @@ export interface HomeStepsProps {
 export declare const HomeTemplate: FC<HomeTemplateProps>;
 
 export declare interface HomeTemplateProps {
-    hero: HeroSectionProps;
-    moreTemplates: PopularDocumentsProps;
-    process: HomeStepsProps;
+    hero?: HeroSectionProps;
+    moreTemplates?: PopularDocumentsProps;
+    process?: HomeStepsProps;
     categories?: CategoriesSectionProps;
-    ratafia: LawGeniusSectionProps;
-    trust: TrustSectionProps;
+    ratafia?: LawGeniusSectionProps;
+    trust?: TrustSectionProps;
     faqTeaser: FaqTeaserSectionProps;
-    articles: BlogSectionProps;
+    articles?: BlogSectionProps;
 }
 
 export type IconPosition = 'left' | 'right' | 'top';

package/dist/components/HomeTemplate.js

@@ -1,32 +1,32 @@
 import { jsxs as f, jsx as o } from "react/jsx-runtime";
 import "react";
-import { HeroSection as s } from "./HeroSection.js";
-import { MoreTemplatesSection as a } from "./MoreTemplatesSection.js";
-import { ProcessSection as S } from "./ProcessSection.js";
+import { HeroSection as S } from "./HeroSection.js";
+import { MoreTemplatesSection as s } from "./MoreTemplatesSection.js";
+import { ProcessSection as a } from "./ProcessSection.js";
 import { CategoriesSection as l } from "./CategoriesSection.js";
 import { RatafiaSection as x } from "./RatafiaSection.js";
 import { TrustSection as T } from "./TrustSection.js";
 import { FaqTeaserSection as j } from "./FaqTeaserSection.js";
-import { BlogSection as u } from "./BlogSection.js";
-const P = ({
-  hero: t,
+import { ArticlesSection as H } from "./ArticlesSection.js";
+const b = ({
+  hero: r,
   moreTemplates: m,
-  process: e,
-  categories: r,
-  ratafia: i,
-  trust: p,
-  faqTeaser: n,
-  articles: c
+  process: t,
+  categories: i,
+  ratafia: e,
+  trust: n,
+  faqTeaser: c,
+  articles: p
 }) => /* @__PURE__ */ f("main", { className: "flex-1", children: [
-  /* @__PURE__ */ o(s, { ...t }),
-  /* @__PURE__ */ o(a, { ...m }),
-  /* @__PURE__ */ o(S, { ...e }),
-  r && /* @__PURE__ */ o(l, { ...r }),
-  /* @__PURE__ */ o(x, { ...i }),
-  /* @__PURE__ */ o(T, { ...p }),
-  /* @__PURE__ */ o(j, { ...n }),
-  /* @__PURE__ */ o(u, { ...c })
+  r && /* @__PURE__ */ o(S, { ...r }),
+  m && /* @__PURE__ */ o(s, { ...m }),
+  t && /* @__PURE__ */ o(a, { ...t }),
+  i && /* @__PURE__ */ o(l, { ...i }),
+  e && /* @__PURE__ */ o(x, { ...e }),
+  n && /* @__PURE__ */ o(T, { ...n }),
+  /* @__PURE__ */ o(j, { ...c }),
+  p && /* @__PURE__ */ o(H, { ...p })
 ] });
 export {
-  P as HomeTemplate
+  b as HomeTemplate
 };