@npm_leadtech/legal-contracts-ui 0.11.1

package/dist/components/FaqTeaserSection.js

@@ -0,0 +1,21 @@
+import { jsx as e, jsxs as t } from "react/jsx-runtime";
+import "react";
+import { SectionHeading as n } from "./SectionHeading.js";
+import { Button as s } from "./Button.js";
+const p = ({ header: a, questions: l = [], cta: i }) => l.length === 0 ? null : /* @__PURE__ */ e("section", { className: "bg-neutral-25 px-6 py-12", children: /* @__PURE__ */ t("div", { className: "flex flex-col justify-center gap-10 lg:flex-row", children: [
+  /* @__PURE__ */ e("div", { className: "flex max-w-120 items-center", children: /* @__PURE__ */ e(n, { align: "start", ...a }) }),
+  /* @__PURE__ */ t("div", { className: "w-full max-w-120 rounded-lg bg-white p-10 shadow", children: [
+    /* @__PURE__ */ e("div", { className: "mb-10", children: l.map((r) => /* @__PURE__ */ e(
+      "div",
+      {
+        className: "text-medium pb-8 font-semibold text-neutral-900 last:border-0 last:pb-0",
+        children: r.content
+      },
+      r.id
+    )) }),
+    /* @__PURE__ */ e(s, { size: "large", variant: "primary-yellow", ...i })
+  ] })
+] }) });
+export {
+  p as FaqTeaserSection
+};

package/dist/components/FaqsTemplate.d.ts

@@ -0,0 +1,2 @@
+export * from './templates/FaqsTemplate'
+export {}

package/dist/components/FaqsTemplate.js

@@ -0,0 +1,14 @@
+import { jsx as l, jsxs as a } from "react/jsx-runtime";
+import { Jumbotron2 as x } from "./Jumbotron2.js";
+import { AsideNavMenu as i } from "./AsideNavMenu.js";
+import { FaqSection as p } from "./FaqSection.js";
+const n = ({ jumbotron: m, asideNavMenu: r, faqSections: o }) => /* @__PURE__ */ l("main", { className: "bg-primary-50 flex-1 px-4 py-10 text-neutral-800 md:px-8", children: /* @__PURE__ */ a("div", { className: "mx-auto flex w-full max-w-300 flex-col gap-10", children: [
+  /* @__PURE__ */ l(x, { ...m }),
+  /* @__PURE__ */ a("div", { className: "flex flex-col gap-10 lg:flex-row lg:gap-24", children: [
+    /* @__PURE__ */ l(i, { ...r }),
+    /* @__PURE__ */ l("div", { className: "flex flex-1 flex-col gap-10", children: o.map((e) => /* @__PURE__ */ l(p, { ...e }, e.title)) })
+  ] })
+] }) });
+export {
+  n as FaqsTemplate
+};

package/dist/components/FinanceIcon.d.ts

@@ -0,0 +1,2 @@
+export * from './icons/FinanceIcon'
+export {}

package/dist/components/FinanceIcon.js

@@ -0,0 +1,14 @@
+import { jsx as c } from "react/jsx-runtime";
+import "react";
+const i = (l) => /* @__PURE__ */ c("svg", { xmlns: "http://www.w3.org/2000/svg", width: "32", height: "32", fill: "none", viewBox: "0 0 32 32", ...l, children: /* @__PURE__ */ c(
+  "path",
+  {
+    fill: "var(--color-primary-500)",
+    fillRule: "evenodd",
+    d: "m3.56 8.523 10.533-5.546a2.64 2.64 0 0 1 2.48 0l10.534 5.546c.546.28.893.854.893 1.467 0 .92-.747 1.667-1.654 1.667H4.333c-.92 0-1.666-.747-1.666-1.667 0-.613.346-1.187.893-1.467m1.773 7.8v5.334c0 1.106.893 2 2 2s2-.894 2-2v-5.334c0-1.106-.893-2-2-2s-2 .894-2 2m8 0v5.334c0 1.106.893 2 2 2s2-.894 2-2v-5.334c0-1.106-.893-2-2-2s-2 .894-2 2m14.667 12c0 1.107-.893 2-2 2H4.667c-1.107 0-2-.893-2-2s.893-2 2-2H26c1.107 0 2 .894 2 2m-6.667-12v5.334c0 1.106.894 2 2 2 1.107 0 2-.894 2-2v-5.334c0-1.106-.893-2-2-2s-2 .894-2 2",
+    clipRule: "evenodd"
+  }
+) });
+export {
+  i as FinanceIcon
+};

package/dist/components/Footer.d.ts

@@ -0,0 +1,2 @@
+export * from './organisms/Footer'
+export {}

package/dist/components/Footer.js

@@ -0,0 +1,45 @@
+import { jsxs as l, jsx as e } from "react/jsx-runtime";
+import "react";
+import { FooterNav as o } from "./FooterNav.js";
+const N = ({
+  nav: x,
+  contactInfo: t,
+  logoGray: m,
+  socialLinks: c,
+  legalLinks: i,
+  disclaimerText: d,
+  copyrightText: n,
+  trustPilotWidget: s,
+  languageSelector: r
+}) => /* @__PURE__ */ l("footer", { className: "text-neutral-25", children: [
+  /* @__PURE__ */ e("div", { className: "bg-primary-900", children: /* @__PURE__ */ l("div", { className: "mx-auto flex w-full max-w-300 flex-col items-start gap-8 px-6 py-10 md:grid md:grid-cols-3 lg:flex lg:flex-row lg:justify-between", children: [
+    x.map((a) => /* @__PURE__ */ e(o, { ...a }, a.title)),
+    /* @__PURE__ */ l("div", { className: "flex flex-col gap-6 max-sm:w-full md:contents lg:flex", children: [
+      /* @__PURE__ */ l("div", { className: "", children: [
+        /* @__PURE__ */ e("div", { className: "mb-4 xl:hidden", children: !!r && /* @__PURE__ */ e("div", { className: "language-selector-mobile-container", children: r }) }),
+        /* @__PURE__ */ l("div", { children: [
+          /* @__PURE__ */ e("p", { className: "text-small font-bold text-white", children: t.phoneNumber }),
+          /* @__PURE__ */ l("p", { className: "text-neutral-25 text-center text-[16px] md:text-left md:text-[12px]", children: [
+            t.contactHoursText,
+            " ",
+            t.contactHours
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ e("div", { className: "flex flex-col gap-2", children: !!s && /* @__PURE__ */ e("div", { children: s }) })
+    ] })
+  ] }) }),
+  /* @__PURE__ */ e("div", { className: "bg-neutral-900 px-6 py-8 text-neutral-400", children: /* @__PURE__ */ l("div", { className: "mx-auto flex w-full max-w-300 flex-col gap-6", children: [
+    /* @__PURE__ */ l("div", { className: "flex flex-col items-start gap-6 md:flex-row md:justify-between", children: [
+      m,
+      /* @__PURE__ */ e("div", { className: "flex gap-4", children: c?.map((a) => a) })
+    ] }),
+    /* @__PURE__ */ e("div", { className: "h-px w-full bg-neutral-600" }),
+    /* @__PURE__ */ e("div", { className: "text-extra-small flex flex-wrap gap-4", children: i?.map((a) => a) }),
+    /* @__PURE__ */ e("p", { className: "text-extra-small text-neutral-400", children: d }),
+    /* @__PURE__ */ e("p", { className: "text-extra-small text-neutral-400", children: n })
+  ] }) })
+] });
+export {
+  N as Footer
+};

package/dist/components/FooterNav.d.ts

@@ -0,0 +1,2 @@
+export * from './molecules/FooterNav'
+export {}

package/dist/components/FooterNav.js

@@ -0,0 +1,9 @@
+import { jsxs as o, jsx as e } from "react/jsx-runtime";
+import "react";
+const c = ({ title: l, links: a }) => /* @__PURE__ */ o("div", { className: "flex flex-col gap-3", children: [
+  /* @__PURE__ */ e("p", { className: "text-small text-primary-200 font-bold", children: l }),
+  /* @__PURE__ */ e("div", { className: "flex flex-col gap-4", children: a.map((r) => r) })
+] });
+export {
+  c as FooterNav
+};

package/dist/components/GuidelinesSection.d.ts

@@ -0,0 +1,2 @@
+export * from './organisms/GuidelinesSection'
+export {}

package/dist/components/GuidelinesSection.js

@@ -0,0 +1,24 @@
+import { jsx as e, jsxs as l } from "react/jsx-runtime";
+import { SectionHeading as n } from "./SectionHeading.js";
+import { Button as c } from "./Button.js";
+const o = ({ header: t, guidelineCards: s, footerCard: a }) => /* @__PURE__ */ e("section", { className: "bg-neutral-25 px-4 py-16", children: /* @__PURE__ */ l("div", { className: "mx-auto max-w-6xl space-y-12", children: [
+  /* @__PURE__ */ e(n, { align: "start", ...t }),
+  /* @__PURE__ */ e("div", { className: "grid gap-6 lg:grid-cols-2 xl:grid-cols-3", children: s.map((i) => /* @__PURE__ */ l("article", { className: "flex h-full flex-col gap-6 rounded-2xl bg-white p-6 shadow-sm", children: [
+    /* @__PURE__ */ e("div", { className: "bg-neutral-25 h-40 w-full rounded-lg", children: i.image }),
+    /* @__PURE__ */ l("div", { className: "space-y-4", children: [
+      /* @__PURE__ */ e("p", { className: "text-big font-bold text-neutral-900", children: i.title }),
+      i.content
+    ] })
+  ] }, i.title)) }),
+  /* @__PURE__ */ l("div", { className: "flex flex-col gap-10 rounded-3xl bg-white p-8 shadow-sm lg:flex-row lg:items-center", children: [
+    /* @__PURE__ */ l("div", { className: "flex-1 space-y-4 text-neutral-800", children: [
+      /* @__PURE__ */ e("p", { className: "text-big font-bold text-neutral-900", children: a.title }),
+      a.content,
+      /* @__PURE__ */ e(c, { size: "large", variant: "primary-darkgreen", ...a.cta })
+    ] }),
+    /* @__PURE__ */ e("div", { className: "flex-1", children: /* @__PURE__ */ e("div", { className: "bg-secondary-50 rounded-3xl p-6", children: a.image }) })
+  ] })
+] }) });
+export {
+  o as GuidelinesSection
+};

package/dist/components/HamburgerIcon.d.ts

@@ -0,0 +1,2 @@
+export * from './icons/HamburgerIcon'
+export {}

package/dist/components/HamburgerIcon.js

@@ -0,0 +1,14 @@
+import { jsx as e } from "react/jsx-runtime";
+import "react";
+const t = ({ fill: a = "var(--neutral-900)", ...o }) => /* @__PURE__ */ e("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", fill: "none", viewBox: "0 0 24 24", ...o, children: /* @__PURE__ */ e(
+  "path",
+  {
+    fill: a,
+    fillRule: "evenodd",
+    d: "M3 6a1 1 0 0 1 1-1h16a1 1 0 1 1 0 2H4a1 1 0 0 1-1-1Zm0 6a1 1 0 0 1 1-1h16a1 1 0 1 1 0 2H4a1 1 0 0 1-1-1Zm1 5a1 1 0 1 0 0 2h16a1 1 0 1 0 0-2H4Z",
+    clipRule: "evenodd"
+  }
+) });
+export {
+  t as HamburgerIcon
+};

package/dist/components/Header.d.ts

@@ -0,0 +1,2 @@
+export * from './organisms/Header'
+export {}

package/dist/components/Header.js

@@ -0,0 +1,135 @@
+import { jsxs as l, Fragment as b, jsx as e } from "react/jsx-runtime";
+import "react";
+import { NavMenu as N } from "./NavMenu.js";
+import { LanguageSelector as y } from "./LanguageSelector.js";
+import { HamburgerIcon as v } from "./HamburgerIcon.js";
+import { CloseIcon as g } from "./CloseIcon.js";
+import { PhoneTalkIcon as j } from "./PhoneTalkIcon.js";
+import { SearchIcon as h } from "./SearchIcon.js";
+const F = ({
+  logo: c,
+  navMenu: f,
+  languageSelectorProps: s,
+  isMobileMenuOpen: n,
+  onOpenMobileMenu: x,
+  onCloseMobileMenu: t,
+  mobileMenuSections: o = [],
+  mobileContactInfo: a,
+  userActions: d,
+  seeAllDocumentsLabel: m,
+  seeAllDocumentsHref: p
+}) => /* @__PURE__ */ l(b, { children: [
+  /* @__PURE__ */ e("header", { className: "bg-primary-50", children: /* @__PURE__ */ l("div", { className: "flex w-full items-center justify-between px-4 py-4 text-neutral-800 md:px-8", children: [
+    /* @__PURE__ */ l("div", { className: "flex flex-1 items-center gap-8", children: [
+      c,
+      /* @__PURE__ */ e("div", { className: "hidden lg:block", children: /* @__PURE__ */ e(N, { ...f }) })
+    ] }),
+    /* @__PURE__ */ l("div", { className: "text-medium hidden flex-wrap items-center gap-4 lg:flex", children: [
+      /* @__PURE__ */ e("button", { "aria-label": "Search", className: "cursor-pointer p-2", children: /* @__PURE__ */ e(h, {}) }),
+      /* @__PURE__ */ e("div", { className: "hidden xl:block", children: s && /* @__PURE__ */ e(y, { ...s }) }),
+      d
+    ] }),
+    /* @__PURE__ */ e(
+      "button",
+      {
+        className: "flex cursor-pointer items-center justify-center p-2 lg:hidden",
+        onClick: x,
+        "aria-label": "Open menu",
+        "aria-expanded": n,
+        children: /* @__PURE__ */ e(v, {})
+      }
+    )
+  ] }) }),
+  n && /* @__PURE__ */ l("div", { className: "fixed inset-0 z-50 flex flex-col overflow-y-auto bg-white lg:hidden", children: [
+    /* @__PURE__ */ l("div", { className: "flex items-center justify-between px-4 py-4", children: [
+      c,
+      /* @__PURE__ */ e(
+        "button",
+        {
+          className: "flex cursor-pointer items-center justify-center p-2",
+          onClick: t,
+          "aria-label": "Close menu",
+          children: /* @__PURE__ */ e(g, {})
+        }
+      )
+    ] }),
+    /* @__PURE__ */ l("div", { className: "flex flex-1 flex-col pb-6", children: [
+      /* @__PURE__ */ e("div", { className: "mb-6 flex items-center justify-center gap-8", children: d }),
+      /* @__PURE__ */ e("div", { className: "mb-6", children: /* @__PURE__ */ l("div", { className: "flex items-center gap-3 rounded-sm border border-neutral-200 bg-white px-4 py-3", children: [
+        /* @__PURE__ */ e(h, { fill: "var(--neutral-500)" }),
+        /* @__PURE__ */ e(
+          "input",
+          {
+            type: "text",
+            placeholder: "Search",
+            className: "flex-1 bg-transparent text-base text-neutral-800 outline-none placeholder:text-neutral-400"
+          }
+        )
+      ] }) }),
+      /* @__PURE__ */ e("nav", { className: "flex-1", children: o.map((r, u) => /* @__PURE__ */ l(
+        "div",
+        {
+          className: `py-4 ${r.icon == null ? "border-t border-b border-neutral-200" : ""}`,
+          children: [
+            /* @__PURE__ */ l("div", { className: `flex items-start px-6 ${r.icon == null ? "py-2" : "bg-neutral-50 py-4"}`, children: [
+              r.icon != null && /* @__PURE__ */ e("span", { className: "text-primary-700 mr-4", children: r.icon }),
+              /* @__PURE__ */ e("h4", { className: "text-base font-semibold text-neutral-800", children: r.title })
+            ] }),
+            /* @__PURE__ */ l("div", { className: "", children: [
+              /* @__PURE__ */ e("ul", { className: "mt-3 flex flex-col", children: r.items.map((i) => /* @__PURE__ */ e("li", { className: "hover:bg-primary-100 py-3 pl-6", children: /* @__PURE__ */ e(
+                "a",
+                {
+                  href: i.href ?? "#",
+                  className: "hover:text-primary-700 text-base transition-colors",
+                  onClick: t,
+                  children: i.label
+                }
+              ) }, i.label)) }),
+              r.seeAllLabel && /* @__PURE__ */ e(
+                "a",
+                {
+                  href: r.seeAllHref ?? "#",
+                  className: "mt-4 inline-block pl-6 font-semibold",
+                  onClick: t,
+                  children: r.seeAllLabel
+                }
+              )
+            ] })
+          ]
+        },
+        r.title ?? u
+      )) }),
+      m && p && /* @__PURE__ */ e("div", { className: "my-4 flex items-center justify-center", children: /* @__PURE__ */ e(
+        "a",
+        {
+          href: p,
+          className: "border-primary-500 text-primary-500 rounded-md border-2 p-3 font-semibold",
+          children: m
+        }
+      ) }),
+      a && /* @__PURE__ */ l("div", { className: "mt-auto flex flex-col items-center justify-center border-t border-neutral-100 p-6", children: [
+        /* @__PURE__ */ l(
+          "a",
+          {
+            href: `tel:${a.phoneNumber.replaceAll(" ", "")}`,
+            className: "bg-primary-700 flex w-full items-center justify-center gap-2 rounded-md p-3 text-base font-semibold text-white",
+            children: [
+              /* @__PURE__ */ e(j, { fill: "#ffff" }),
+              a.phoneNumber
+            ]
+          }
+        ),
+        a.contactHours && /* @__PURE__ */ l("p", { className: "text-small mt-4 text-base text-neutral-500", children: [
+          a.contactHoursLabel != null && /* @__PURE__ */ l("span", { children: [
+            a.contactHoursLabel,
+            " "
+          ] }),
+          a.contactHours
+        ] })
+      ] })
+    ] })
+  ] })
+] });
+export {
+  F as Header
+};

package/dist/components/HelpGuideIcon.d.ts

@@ -0,0 +1,2 @@
+export * from './icons/HelpGuideIcon'
+export {}

package/dist/components/HelpGuideIcon.js

@@ -0,0 +1,14 @@
+import { jsx as l } from "react/jsx-runtime";
+import "react";
+const c = (e) => /* @__PURE__ */ l("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", fill: "none", viewBox: "0 0 24 24", ...e, children: /* @__PURE__ */ l(
+  "path",
+  {
+    fill: "var(--color-primary-700)",
+    fillRule: "evenodd",
+    d: "M5 1.5h14c1.1 0 2 .9 2 2v14c0 1.1-.9 2-2 2h-4l-3 3-3-3H5a2 2 0 0 1-2-2v-14a2 2 0 0 1 2-2m9.17 16H19v-14H5v14h4.83l.58.58L12 19.67l1.58-1.58zm-3.17-2a1 1 0 1 1 2 0 1 1 0 0 1-2 0m3-7c0-1.1-.9-2-2-2-.753 0-1.413.422-1.754 1.042C9.98 8.025 9.552 8.5 9 8.5s-1.013-.455-.877-.99A4 4 0 0 1 16 8.5c0 1.283-.79 1.973-1.56 2.646-.482.422-.957.836-1.223 1.386-.24.498-.665.968-1.217.968s-1.02-.456-.89-.993c.273-1.122 1.003-1.681 1.66-2.185C13.42 9.824 14 9.379 14 8.5",
+    clipRule: "evenodd"
+  }
+) });
+export {
+  c as HelpGuideIcon
+};

package/dist/components/HeroSection.d.ts

@@ -0,0 +1,2 @@
+export * from './organisms/HeroSection'
+export {}

package/dist/components/HeroSection.js

@@ -0,0 +1,30 @@
+import { jsx as e, jsxs as l } from "react/jsx-runtime";
+import "react";
+import { Item as m } from "./Item.js";
+import { Button as x } from "./Button.js";
+const f = ({
+  title: a,
+  description: r,
+  cta: s,
+  heroDocuments: i = [],
+  listTitle: c,
+  listNote: n
+}) => /* @__PURE__ */ e("section", { className: "bg-primary-50", children: /* @__PURE__ */ e("div", { className: "bg-none bg-size-[420px_442px] bg-bottom-right bg-no-repeat lg:bg-[url(/Graphics-Green-02.png)]", children: /* @__PURE__ */ l("div", { className: "mx-auto flex max-w-6xl flex-col gap-12 px-6 py-12 lg:flex-row lg:items-center", children: [
+  /* @__PURE__ */ l("div", { className: "flex flex-1 flex-col gap-6", children: [
+    /* @__PURE__ */ l("div", { className: "space-y-4", children: [
+      /* @__PURE__ */ e("h1", { className: "font-lora text-super-hero text-neutral-900", children: a }),
+      /* @__PURE__ */ e("p", { className: "text-big text-neutral-800", children: r })
+    ] }),
+    /* @__PURE__ */ e(x, { ...s })
+  ] }),
+  /* @__PURE__ */ l("div", { className: "flex flex-1 flex-col gap-4 rounded-lg p-6", children: [
+    /* @__PURE__ */ l("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ e("p", { className: "text-big text-primary-800 font-semibold", children: c }),
+      /* @__PURE__ */ e("span", { className: "text-extra-small text-neutral-600", children: n })
+    ] }),
+    /* @__PURE__ */ e("div", { className: "space-y-4", children: i.map((t) => /* @__PURE__ */ e(m, { ...t, variant: "card" }, t.title)) })
+  ] })
+] }) }) });
+export {
+  f as HeroSection
+};

package/dist/components/HomeTemplate.d.ts

@@ -0,0 +1,2 @@
+export * from './templates/HomeTemplate'
+export {}

package/dist/components/HomeTemplate.js

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

package/dist/components/InfoIcon.d.ts

@@ -0,0 +1,2 @@
+export * from './icons/InfoIcon'
+export {}

package/dist/components/InfoIcon.js

@@ -0,0 +1,12 @@
+import { jsx as o } from "react/jsx-runtime";
+import "react";
+const n = (t) => /* @__PURE__ */ o("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", fill: "none", viewBox: "0 0 20 20", ...t, children: /* @__PURE__ */ o(
+  "path",
+  {
+    fill: "var(--neutral-900)",
+    d: "M16.675 12.817a9.5 9.5 0 0 1-2.942-.467.81.81 0 0 0-.841.2l-1.309 1.642c-2.358-1.125-4.566-3.25-5.741-5.692l1.625-1.383a.85.85 0 0 0 .2-.85A9.3 9.3 0 0 1 7.2 3.325a.83.83 0 0 0-.825-.825H3.492c-.45 0-.992.2-.992.825C2.5 11.067 8.942 17.5 16.675 17.5c.592 0 .825-.525.825-.983v-2.875a.83.83 0 0 0-.825-.825"
+  }
+) });
+export {
+  n as InfoIcon
+};

package/dist/components/InstagramIcon.d.ts

@@ -0,0 +1,2 @@
+export * from './icons/InstagramIcon'
+export {}

package/dist/components/InstagramIcon.js

@@ -0,0 +1,33 @@
+import { jsxs as e, jsx as l } from "react/jsx-runtime";
+import "react";
+const r = (c) => /* @__PURE__ */ e("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", fill: "none", viewBox: "0 0 20 20", ...c, children: [
+  /* @__PURE__ */ l(
+    "path",
+    {
+      fill: "var(--color-neutral-400)",
+      d: "M10 20c5.523 0 10-4.477 10-10S15.523 0 10 0 0 4.477 0 10s4.477 10 10 10"
+    }
+  ),
+  /* @__PURE__ */ l(
+    "path",
+    {
+      fill: "var(--color-neutral-900)",
+      fillRule: "evenodd",
+      d: "M10 6.478a3.522 3.522 0 1 1 0 7.044 3.522 3.522 0 0 1 0-7.044m0 1.569a1.953 1.953 0 1 0 0 3.906 1.953 1.953 0 0 0 0-3.906",
+      clipRule: "evenodd"
+    }
+  ),
+  /* @__PURE__ */ l("path", { fill: "var(--color-neutral-900)", d: "M13.45 5.571a.979.979 0 1 1 0 1.958.979.979 0 0 1 0-1.958" }),
+  /* @__PURE__ */ l(
+    "path",
+    {
+      fill: "var(--color-neutral-900)",
+      fillRule: "evenodd",
+      d: "M10 3.333c1.757 0 1.98.008 2.675.04.707.032 1.2.144 1.633.313.45.174.834.41 1.215.791.38.38.617.765.791 1.215.169.434.281.926.314 1.633.031.694.039.918.039 2.675s-.008 1.98-.04 2.674c-.032.708-.144 1.2-.313 1.634-.174.45-.41.834-.791 1.215-.381.38-.766.617-1.215.791-.434.169-.926.281-1.633.314-.695.031-.918.039-2.675.039s-1.98-.008-2.674-.04c-.708-.032-1.2-.144-1.634-.313a3.4 3.4 0 0 1-1.215-.791 3.4 3.4 0 0 1-.791-1.215c-.169-.434-.281-.926-.314-1.634-.031-.694-.039-.917-.039-2.674s.008-1.98.04-2.675c.032-.707.144-1.2.313-1.633.174-.45.41-.834.791-1.215.381-.38.766-.617 1.215-.791.434-.169.926-.281 1.634-.314.694-.031.917-.039 2.674-.039m0 1.569c-1.725 0-1.926.007-2.603.038-.608.028-.929.128-1.137.208a1.8 1.8 0 0 0-.673.439 1.8 1.8 0 0 0-.439.673c-.08.208-.18.529-.208 1.137-.03.677-.038.878-.038 2.603s.007 1.926.038 2.603c.028.608.128.929.208 1.136.108.276.233.468.439.674s.398.331.673.438c.208.081.529.181 1.137.209.677.03.878.038 2.603.038s1.927-.007 2.603-.038c.608-.028.929-.128 1.137-.209.275-.107.467-.232.673-.438s.33-.398.438-.674c.08-.207.181-.528.209-1.136.03-.677.038-.878.038-2.603s-.007-1.926-.038-2.603c-.028-.608-.129-.929-.21-1.137a1.8 1.8 0 0 0-.437-.673 1.8 1.8 0 0 0-.673-.439c-.208-.08-.529-.18-1.137-.208-.677-.03-.878-.038-2.603-.038",
+      clipRule: "evenodd"
+    }
+  )
+] });
+export {
+  r as InstagramIcon
+};

package/dist/components/IntroSection.d.ts

@@ -0,0 +1,2 @@
+export * from './organisms/IntroSection'
+export {}

package/dist/components/IntroSection.js

@@ -0,0 +1,17 @@
+import { jsx as s, jsxs as i } from "react/jsx-runtime";
+import { TwoColumnSection as l } from "./TwoColumnSection.js";
+import { Button as o } from "./Button.js";
+const d = ({ image: m, children: r, cta: a }) => /* @__PURE__ */ s(
+  l,
+  {
+    className: "bg-primary-50",
+    firstColumn: /* @__PURE__ */ s("div", { className: "mb-4 md:mr-6 md:mb-0 md:basis-42/100 lg:mr-10 lg:basis-39/100 xl:basis-36/100", children: m }),
+    secondColumn: /* @__PURE__ */ i("div", { className: "mt-4 basis-full md:mt-0 md:basis-56/100 lg:basis-59/100 xl:basis-60/100", children: [
+      r,
+      /* @__PURE__ */ s(o, { size: "large", variant: "primary-darkgreen", className: "mt-8", ...a })
+    ] })
+  }
+);
+export {
+  d as IntroSection
+};

package/dist/components/Item.d.ts

@@ -0,0 +1,2 @@
+export * from './atoms/Item'
+export {}

package/dist/components/Item.js

@@ -0,0 +1,16 @@
+import { jsxs as a, jsx as e } from "react/jsx-runtime";
+import "react";
+const o = ({ image: r, title: t, description: s, actions: l, variant: d = "default", className: n = "" }) => /* @__PURE__ */ a("div", { className: `flex items-center gap-4 rounded-md p-3 ${{
+  default: "",
+  card: "border border-neutral-200 shadow-sm bg-white"
+}[d]} ${n}`, children: [
+  r,
+  /* @__PURE__ */ a("div", { className: "flex-1", children: [
+    /* @__PURE__ */ e("p", { className: "text-medium font-semibold text-neutral-900", children: t }),
+    /* @__PURE__ */ e("p", { className: "text-extra-small text-neutral-600", children: s })
+  ] }),
+  /* @__PURE__ */ e("div", { children: l })
+] }, t);
+export {
+  o as Item
+};

package/dist/components/JumboCard.d.ts

@@ -0,0 +1,2 @@
+export * from './organisms/JumboCard'
+export {}

package/dist/components/JumboCard.js

@@ -0,0 +1,12 @@
+import { jsx as e, jsxs as a } from "react/jsx-runtime";
+const d = ({ title: r, subtitle: t, description: l, image: s }) => /* @__PURE__ */ e("section", { className: "px-4 py-6", children: /* @__PURE__ */ e("div", { className: "mx-auto max-w-6xl", children: /* @__PURE__ */ a("div", { className: "bg-primary-900 relative overflow-hidden rounded px-6 py-10 text-white shadow-lg md:px-12", children: [
+  /* @__PURE__ */ a("div", { className: "max-w-2xl space-y-4", children: [
+    /* @__PURE__ */ e("p", { className: "text-extra-small text-primary-200 font-bold uppercase", children: t }),
+    /* @__PURE__ */ e("h1", { className: "font-lora text-hero text-neutral-25", children: r }),
+    /* @__PURE__ */ e("p", { className: "text-medium text-primary-100", children: l })
+  ] }),
+  s
+] }) }) });
+export {
+  d as JumboCard
+};

package/dist/components/Jumbotron.d.ts

@@ -0,0 +1,2 @@
+export * from './organisms/Jumbotron'
+export {}

package/dist/components/Jumbotron.js

@@ -0,0 +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: [
+  /* @__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 })
+  ] }),
+  l
+] });
+export {
+  s as Jumbotron
+};

package/dist/components/Jumbotron2.d.ts

@@ -0,0 +1,2 @@
+export * from './organisms/Jumbotron2'
+export {}

package/dist/components/Jumbotron2.js

@@ -0,0 +1,11 @@
+import { jsx as e, jsxs as a } from "react/jsx-runtime";
+const s = ({ title: r, subtitle: t, className: l }) => /* @__PURE__ */ e("section", { className: `text-center ${l ?? ""}`, children: /* @__PURE__ */ a("div", { className: "container mx-auto max-w-300 px-4 py-10 md:px-8", children: [
+  /* @__PURE__ */ a("div", { className: "flex flex-col items-center gap-2 text-neutral-600", children: [
+    /* @__PURE__ */ e("h1", { className: "text-small font-bold", children: r }),
+    /* @__PURE__ */ e("span", { className: "h-px w-24 bg-neutral-200", "aria-hidden": !0 })
+  ] }),
+  t && /* @__PURE__ */ e("h2", { className: "font-lora text-super-hero text-neutral-900", children: t })
+] }) });
+export {
+  s as Jumbotron2
+};

package/dist/components/Jumbotron3.d.ts

@@ -0,0 +1,2 @@
+export * from './organisms/Jumbotron3'
+export {}

package/dist/components/Jumbotron3.js

@@ -0,0 +1,5 @@
+import { jsx as e } from "react/jsx-runtime";
+const a = ({ title: t }) => /* @__PURE__ */ e("section", { className: "bg-primary-50 px-4 py-10 sm:py-14 lg:pt-10 lg:pb-20", children: /* @__PURE__ */ e("div", { className: "mx-auto max-w-4xl text-center", children: /* @__PURE__ */ e("p", { className: "font-lora text-super-hero text-neutral-900", children: t }) }) });
+export {
+  a as Jumbotron3
+};

package/dist/components/LanguageSelector.d.ts

@@ -0,0 +1,2 @@
+export * from './molecules/LanguageSelector'
+export {}