@npm_leadtech/legal-contracts-ui 0.52.1 → 0.52.2

package/dist/components/CaFlagIcon.d.ts

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

package/dist/components/CaFlagIcon.js

@@ -0,0 +1,36 @@
+import { jsxs as C, jsx as i } from "react/jsx-runtime";
+import "react";
+const d = (l) => /* @__PURE__ */ C("svg", { width: "21", height: "16", viewBox: "0 0 21 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...l, children: [
+  /* @__PURE__ */ C("g", { id: "Flag", children: [
+    /* @__PURE__ */ C("g", { clipPath: "url(#clip0_1667_1471)", children: [
+      /* @__PURE__ */ i("mask", { id: "path-1-inside-1_1667_1471", fill: "white", children: /* @__PURE__ */ i("path", { d: "M0 2.5C0 1.39543 0.895431 0.5 2 0.5H19C20.1046 0.5 21 1.39543 21 2.5V13.5C21 14.6046 20.1046 15.5 19 15.5H2C0.89543 15.5 0 14.6046 0 13.5V2.5Z" }) }),
+      /* @__PURE__ */ i("path", { id: "Vector", d: "M4.92516 0.5H16.0716V15.5H4.92188L4.92516 0.5Z", fill: "white" }),
+      /* @__PURE__ */ i(
+        "path",
+        {
+          id: "Vector_2",
+          d: "M-0.646484 0.5H4.92508V15.5H-0.646484V0.5ZM16.0715 0.5H21.643V15.5H16.0748L16.0715 0.5ZM6.59523 7.75L6.15883 7.8875L8.17352 9.575C8.32774 10.0031 8.12102 10.1312 7.98977 10.3562L10.1751 10.0938L10.1226 12.1875L10.5787 12.1781L10.477 10.0969L12.6655 10.3469C12.531 10.075 12.4096 9.93125 12.5343 9.49687L14.5457 7.90312L14.1946 7.77812C13.9059 7.56562 14.3193 6.75938 14.3784 6.25C14.3784 6.25 13.207 6.63438 13.1315 6.43125L12.8296 5.88438L11.7599 7.00313C11.6451 7.03125 11.5959 6.9875 11.5663 6.89375L12.0585 4.55625L11.2776 4.975C11.2076 5.00208 11.1507 4.97917 11.107 4.90625L10.3523 3.46875L9.57789 4.9625C9.51664 5.01458 9.46195 5.02187 9.41383 4.98438L8.66242 4.5875L9.11195 6.90312C9.07586 6.99687 8.99055 7.02188 8.89211 6.97188L7.86836 5.86875C7.73711 6.07188 7.64524 6.40313 7.46805 6.47813C7.29086 6.55312 6.69695 6.3375 6.29992 6.25938C6.43773 6.72188 6.85773 7.49687 6.59523 7.75Z",
+          fill: "#D52B1E"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ i(
+      "path",
+      {
+        d: "M0 2.5C0 1.28497 0.984974 0.3 2.2 0.3H18.8C20.015 0.3 21 1.28497 21 2.5C21 1.50589 20.1046 0.7 19 0.7H2C0.895431 0.7 0 1.50589 0 2.5ZM21 13.5C21 14.715 20.015 15.7 18.8 15.7H2.2C0.984974 15.7 0 14.715 0 13.5C0 14.4941 0.895431 15.3 2 15.3H19C20.1046 15.3 21 14.4941 21 13.5ZM0 15.5V0.5V15.5ZM21 0.5V15.5V0.5Z",
+        fill: "#DBE1E5",
+        mask: "url(#path-1-inside-1_1667_1471)"
+      }
+    )
+  ] }),
+  /* @__PURE__ */ i("defs", { children: /* @__PURE__ */ i("clipPath", { id: "clip0_1667_1471", children: /* @__PURE__ */ i(
+    "path",
+    {
+      d: "M0 2.5C0 1.39543 0.895431 0.5 2 0.5H19C20.1046 0.5 21 1.39543 21 2.5V13.5C21 14.6046 20.1046 15.5 19 15.5H2C0.89543 15.5 0 14.6046 0 13.5V2.5Z",
+      fill: "white"
+    }
+  ) }) })
+] });
+export {
+  d as CaFlagIcon
+};

package/dist/components/DeFlagIcon.d.ts

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

package/dist/components/DeFlagIcon.js

@@ -0,0 +1,13 @@
+import { jsxs as l, jsx as i } from "react/jsx-runtime";
+import "react";
+const d = (t) => /* @__PURE__ */ l("svg", { width: "21", height: "16", viewBox: "0 0 21 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t, children: [
+  /* @__PURE__ */ i("g", { id: "Flag", children: /* @__PURE__ */ l("g", { clipPath: "url(#clip0_1607_4659)", children: [
+    /* @__PURE__ */ i("path", { id: "Vector", d: "M0 10.5H21V15.5H0V10.5Z", fill: "#FFCC00" }),
+    /* @__PURE__ */ i("path", { id: "Vector_2", d: "M0 0.5H21V5.5H0V0.5Z", fill: "#000001" }),
+    /* @__PURE__ */ i("path", { id: "Vector_3", d: "M0 5.5H21V10.5H0V5.5Z", fill: "#FF0000" })
+  ] }) }),
+  /* @__PURE__ */ i("defs", { children: /* @__PURE__ */ i("clipPath", { id: "clip0_1607_4659", children: /* @__PURE__ */ i("rect", { y: "0.5", width: "21", height: "15", rx: "2", fill: "white" }) }) })
+] });
+export {
+  d as DeFlagIcon
+};

package/dist/components/FaqSection.js

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

package/dist/components/GbFlagIcon.d.ts

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

package/dist/components/GbFlagIcon.js

@@ -0,0 +1,49 @@
+import { jsxs as i, jsx as e } from "react/jsx-runtime";
+import "react";
+const d = (t) => /* @__PURE__ */ i("svg", { width: "21", height: "16", viewBox: "0 0 21 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t, children: [
+  /* @__PURE__ */ i("g", { clipPath: "url(#clip0_2755_1569)", children: [
+    /* @__PURE__ */ e("rect", { y: "0.5", width: "21", height: "15", rx: "2", fill: "white" }),
+    /* @__PURE__ */ e(
+      "mask",
+      {
+        id: "mask0_2755_1569",
+        style: { maskType: "luminance" },
+        maskUnits: "userSpaceOnUse",
+        x: "0",
+        y: "0",
+        width: "21",
+        height: "16",
+        children: /* @__PURE__ */ e("rect", { y: "0.5", width: "21", height: "15", rx: "2", fill: "white" })
+      }
+    ),
+    /* @__PURE__ */ i("g", { mask: "url(#mask0_2755_1569)", children: [
+      /* @__PURE__ */ e("rect", { y: "0.5", width: "21", height: "15", fill: "#0A17A7" }),
+      /* @__PURE__ */ e(
+        "path",
+        {
+          fillRule: "evenodd",
+          clipRule: "evenodd",
+          d: "M-0.961692 -0.9375L8.00016 5.10735V-0.500139H13.0002V5.10736L21.962 -0.937487L23.0804 0.720588L15.9948 5.49986H21.0002V10.4999H15.9949L23.0804 15.2791L21.962 16.9372L13.0002 10.8923V16.4999H8.00016V10.8923L-0.961685 16.9372L-2.08007 15.2791L5.00545 10.4999H0.000158787V5.49986H5.0055L-2.08008 0.720575L-0.961692 -0.9375Z",
+          fill: "white"
+        }
+      ),
+      /* @__PURE__ */ e("path", { d: "M14.001 5.24915L23.5 -1", stroke: "#DB1F35", strokeWidth: "0.666667", strokeLinecap: "round" }),
+      /* @__PURE__ */ e("path", { d: "M15.0098 10.7731L23.5251 16.5127", stroke: "#DB1F35", strokeWidth: "0.666667", strokeLinecap: "round" }),
+      /* @__PURE__ */ e("path", { d: "M6.00433 5.23315L-2.87793 -0.75293", stroke: "#DB1F35", strokeWidth: "0.666667", strokeLinecap: "round" }),
+      /* @__PURE__ */ e("path", { d: "M6.96771 10.7032L-2.87793 17.2324", stroke: "#DB1F35", strokeWidth: "0.666667", strokeLinecap: "round" }),
+      /* @__PURE__ */ e(
+        "path",
+        {
+          fillRule: "evenodd",
+          clipRule: "evenodd",
+          d: "M0 9.5H9V15.5H12V9.5H21V6.5H12V0.5H9V6.5H0V9.5Z",
+          fill: "#E6273E"
+        }
+      )
+    ] })
+  ] }),
+  /* @__PURE__ */ e("defs", { children: /* @__PURE__ */ e("clipPath", { id: "clip0_2755_1569", children: /* @__PURE__ */ e("rect", { y: "0.5", width: "21", height: "15", rx: "2", fill: "white" }) }) })
+] });
+export {
+  d as GbFlagIcon
+};

package/dist/components/Header.d.ts

@@ -1,4 +1,3 @@
-import { default as default_2 } from 'react';
 import { FC } from 'react';
 import * as React_2 from 'react';
 import { ReactNode } from 'react';
@@ -7,7 +6,7 @@ export interface FormattedLanguageItem {
     code: string;
     name: string;
     url?: string;
-    flag: default_2.ReactNode;
+    flag: ReactNode;
 }
 
 export declare const Header: FC<HeaderProps>;
@@ -15,15 +14,10 @@ export declare const Header: FC<HeaderProps>;
 export declare interface HeaderProps {
     logo: ReactNode;
     navMenu: NavMenuProps;
-    seeAll: ReactNode;
     searchBarProps: SearchBarProps;
     languageSelectorProps?: LanguageSelectorProps;
     userActions: ReactNode;
-    isMobileMenuOpen?: boolean;
-    onOpenMobileMenu?: () => void;
-    onCloseMobileMenu?: () => void;
-    mobileMenuSections?: MobileMenuSection[];
-    mobileContactInfo?: MobileContactInfo;
+    mobileMenu: MobileMenuProps;
 }
 
 export interface LanguageSelectorProps {
@@ -36,20 +30,33 @@ export interface LanguageSelectorProps {
 
 export type LanguageSelectorVariant = 'default' | 'compact';
 
-export declare interface MobileContactInfo {
+export interface MobileContactInfo {
     phoneNumber: string;
     contactHoursLabel?: string;
     contactHours?: string;
 }
 
-export declare interface MobileMenuSection {
+export interface MobileMenuProps {
+    isOpen: boolean;
+    onOpen: () => void;
+    onClose: () => void;
+    logo: ReactNode;
+    userActions: ReactNode;
+    searchBarProps: SearchBarProps;
+    sections?: MobileMenuSection[];
+    contactInfo?: MobileContactInfo;
+}
+
+export interface MobileMenuSection {
+    id?: string;
     title?: string;
-    icon?: ReactNode;
-    items: {
+    icon: ReactNode | null;
+    items?: {
         label: string;
         href?: string;
     }[];
-    seeAll?: ReactNode;
+    seeAll?: ReactNode | null;
+    content?: ReactNode | null;
 }
 
 export interface NavMenuItemProps {
@@ -60,10 +67,12 @@ export interface NavMenuItemProps {
     dropdownContent?: ReactNode;
     tag?: string;
     isNested?: boolean;
+    bold?: boolean;
 }
 
 export interface NavMenuProps {
     navItems: NavMenuItemProps[];
+    className?: string;
 }
 
 export interface SearchBarProps {

package/dist/components/Header.js

@@ -1,112 +1,41 @@
-import { jsxs as l, Fragment as N, jsx as e } from "react/jsx-runtime";
+import { jsxs as r, Fragment as d, jsx as e } from "react/jsx-runtime";
 import "react";
-import { NavMenu as b } from "./NavMenu.js";
+import { MobileMenu as c } from "./MobileMenu.js";
+import { NavMenu as s } from "./NavMenu.js";
+import { LanguageSelector as p } from "./LanguageSelector.js";
+import { HamburgerIcon as o } from "./HamburgerIcon.js";
 import { SearchBar as x } from "./SearchBar.js";
-import { LanguageSelector as v } from "./LanguageSelector.js";
-import { HamburgerIcon as y } from "./HamburgerIcon.js";
-import { PhoneTalkIcon as g } from "./PhoneTalkIcon.js";
-import { CloseIcon as j } from "./CloseIcon.js";
-const S = ({
-  logo: i,
-  navMenu: p,
-  seeAll: f,
-  searchBarProps: c,
-  languageSelectorProps: s,
-  userActions: n,
-  isMobileMenuOpen: d,
-  onOpenMobileMenu: h,
-  onCloseMobileMenu: m,
-  mobileMenuSections: o = [],
-  mobileContactInfo: a
-}) => /* @__PURE__ */ l(N, { 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: [
-      i,
-      /* @__PURE__ */ e("div", { className: "hidden lg:block", children: /* @__PURE__ */ e(b, { ...p }) })
+const j = ({
+  logo: a,
+  navMenu: m,
+  searchBarProps: l,
+  languageSelectorProps: n,
+  userActions: t,
+  mobileMenu: i
+}) => /* @__PURE__ */ r(d, { children: [
+  /* @__PURE__ */ e("header", { className: "bg-primary-50", 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: [
+      a,
+      /* @__PURE__ */ e(s, { className: "hidden lg:block", ...m })
     ] }),
-    /* @__PURE__ */ l("div", { className: "text-medium hidden flex-wrap items-center gap-4 lg:flex xl:gap-6", children: [
-      /* @__PURE__ */ e(x, { ...c }),
-      /* @__PURE__ */ e("div", { className: "hidden xl:block", children: s && /* @__PURE__ */ e(v, { ...s }) }),
-      n
+    /* @__PURE__ */ r("div", { className: "text-medium hidden flex-wrap items-center gap-4 lg:flex xl:gap-6", children: [
+      /* @__PURE__ */ e(x, { ...l }),
+      n && /* @__PURE__ */ e("div", { className: "hidden xl:block", children: /* @__PURE__ */ e(p, { ...n }) }),
+      t
     ] }),
     /* @__PURE__ */ e(
       "button",
       {
         className: "flex cursor-pointer items-center justify-center p-2 lg:hidden",
-        onClick: h,
+        onClick: i.onOpen,
         "aria-label": "Open menu",
-        "aria-expanded": d,
-        children: /* @__PURE__ */ e(y, {})
+        "aria-expanded": i.isOpen,
+        children: /* @__PURE__ */ e(o, {})
       }
     )
   ] }) }),
-  d && /* @__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-6 py-4", children: [
-      i,
-      /* @__PURE__ */ e(
-        "button",
-        {
-          className: "flex cursor-pointer items-center justify-center p-2",
-          onClick: m,
-          "aria-label": "Close menu",
-          children: /* @__PURE__ */ e(j, {})
-        }
-      )
-    ] }),
-    /* @__PURE__ */ l("div", { className: "flex flex-1 flex-col pb-6", children: [
-      /* @__PURE__ */ l("div", { className: "flex flex-col gap-6 px-6", children: [
-        /* @__PURE__ */ e("div", { className: "flex items-center gap-4", children: n }),
-        /* @__PURE__ */ e(x, { ...c })
-      ] }),
-      /* @__PURE__ */ e("nav", { className: "flex-1", children: o.map((r, u) => /* @__PURE__ */ l(
-        "div",
-        {
-          className: `py-4 ${r.icon == null && r.title ? "border-t border-b border-neutral-200" : ""}`,
-          children: [
-            r.title && /* @__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((t) => /* @__PURE__ */ e("li", { className: "hover:bg-primary-100 py-3 pl-6", children: /* @__PURE__ */ e(
-                "a",
-                {
-                  href: t.href ?? "#",
-                  className: "hover:text-primary-700 text-base transition-colors",
-                  onClick: m,
-                  children: t.label
-                }
-              ) }, t.label)) }),
-              r.seeAll
-            ] })
-          ]
-        },
-        r.title ?? u
-      )) }),
-      /* @__PURE__ */ e("div", { className: "my-4 flex items-center justify-center", children: f }),
-      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(g, { 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
-        ] })
-      ] })
-    ] })
-  ] })
+  /* @__PURE__ */ e(c, { ...i, logo: a, userActions: t, searchBarProps: l })
 ] });
 export {
-  S as Header
+  j as Header
 };

package/dist/components/LanguageSelector.d.ts

@@ -1,13 +1,14 @@
-import { default as default_2 } from 'react';
+import { FC } from 'react';
+import { ReactNode } from 'react';
 
 export declare interface FormattedLanguageItem {
     code: string;
     name: string;
     url?: string;
-    flag: default_2.ReactNode;
+    flag: ReactNode;
 }
 
-export declare const LanguageSelector: default_2.FC<LanguageSelectorProps>;
+export declare const LanguageSelector: FC<LanguageSelectorProps>;
 
 export declare interface LanguageSelectorProps {
     currentLanguage: FormattedLanguageItem;

package/dist/components/LanguageSelector.js

@@ -1,26 +1,24 @@
 import { jsxs as s, jsx as e } from "react/jsx-runtime";
 import { ChevronDownIcon as o } from "./ChevronDownIcon.js";
-import "react";
-const p = ({
+const f = ({
   currentLanguage: l,
-  availableLanguages: a,
-  variant: n = "default",
-  isOpen: i = !1,
-  onToggle: c
-}) => n === "compact" ? /* @__PURE__ */ s("div", { className: "group relative inline-flex w-auto cursor-pointer flex-col px-4 py-2", children: [
-  /* @__PURE__ */ s("div", { className: "flex items-center gap-2 py-1", children: [
+  availableLanguages: i,
+  variant: a = "default",
+  isOpen: r = !1,
+  onToggle: n
+}) => a === "compact" ? /* @__PURE__ */ s("div", { className: "group relative inline-flex cursor-pointer flex-col py-2", children: [
+  /* @__PURE__ */ s("div", { className: "flex items-center gap-2 px-2 py-1", children: [
     /* @__PURE__ */ e("span", { className: "flex items-center justify-center", children: l.flag }),
-    /* @__PURE__ */ e("span", { className: "text-base text-gray-600", children: l.name })
+    /* @__PURE__ */ e("span", { className: "text-medium text-gray-600", children: l.name })
   ] }),
-  /* @__PURE__ */ e("div", { className: "width-full pointer-events-none absolute top-full left-0 z-10 flex min-w-max flex-col p-2 opacity-0 shadow-md transition-opacity duration-200 group-hover:pointer-events-auto group-hover:opacity-100", children: a.map((t, r) => /* @__PURE__ */ s(
+  /* @__PURE__ */ e("div", { className: "pointer-events-none absolute top-full z-10 flex flex-col gap-2 rounded-lg bg-white p-2 opacity-0 shadow-md transition-opacity duration-200 group-hover:pointer-events-auto group-hover:opacity-100", children: i.map((t) => /* @__PURE__ */ s(
     "a",
     {
       href: t.url,
-      className: "hover:bg-primary-100 flex items-center gap-2 rounded-sm bg-white px-3 py-2 transition-colors",
-      style: { animationDelay: `${String(r * 0.05)}s` },
+      className: "hover:bg-primary-100 flex items-center gap-2 rounded-sm bg-white px-2 py-1 transition-colors",
       children: [
         /* @__PURE__ */ e("span", { className: "flex items-center justify-center", children: t.flag }),
-        /* @__PURE__ */ e("span", { className: "text-base text-gray-600", children: t.name })
+        /* @__PURE__ */ e("span", { className: "text-medium text-gray-600", children: t.name })
       ]
     },
     t.code
@@ -29,23 +27,23 @@ const p = ({
   /* @__PURE__ */ s(
     "button",
     {
-      className: `bg-primary-800 flex w-full cursor-pointer items-center justify-between px-4 py-2 ${i ? "bg-gray-50" : ""}`,
-      onClick: c,
+      className: `bg-primary-800 flex w-full cursor-pointer items-center justify-between px-4 py-2 ${r ? "bg-gray-50" : ""}`,
+      onClick: n,
       children: [
         /* @__PURE__ */ s("div", { className: "flex items-center gap-2 px-2 font-medium text-gray-800", children: [
           /* @__PURE__ */ e("span", { className: "flex items-center justify-center", children: l.flag }),
           /* @__PURE__ */ e("span", { className: "text-base text-white", children: l.name })
         ] }),
-        /* @__PURE__ */ e("div", { className: `mr-1 transition-transform duration-200 ${i ? "rotate-180" : "rotate-0"}`, children: /* @__PURE__ */ e(o, { fill: "#ffff", width: 24, height: 24 }) })
+        /* @__PURE__ */ e("div", { className: `mr-1 transition-transform duration-200 ${r ? "rotate-180" : "rotate-0"}`, children: /* @__PURE__ */ e(o, { fill: "#ffff", width: 24, height: 24 }) })
       ]
     }
   ),
-  i && /* @__PURE__ */ e("div", { className: "absolute top-10 z-10 flex w-full flex-col", children: a.map((t, r) => /* @__PURE__ */ e(
+  r && /* @__PURE__ */ e("div", { className: "absolute top-10 z-10 flex w-full flex-col", children: i.map((t, c) => /* @__PURE__ */ e(
     "a",
     {
       href: t.url,
       className: "mt-2 w-full animate-[slideDown_0.3s_both] items-center justify-between rounded-md bg-white px-4 py-3 ease-out",
-      style: { animationDelay: `${String(r * 0.05)}s` },
+      style: { animationDelay: `${String(c * 0.05)}s` },
       children: /* @__PURE__ */ s("div", { className: "flex items-center gap-2 px-2 text-gray-600", children: [
         /* @__PURE__ */ e("span", { className: "flex items-center justify-center", children: t.flag }),
         /* @__PURE__ */ e("span", { className: "text-base", children: t.name })
@@ -55,5 +53,5 @@ const p = ({
   )) })
 ] });
 export {
-  p as LanguageSelector
+  f as LanguageSelector
 };

package/dist/components/MobileMenu.d.ts

@@ -0,0 +1,52 @@
+import { FC } from 'react';
+import * as React_2 from 'react';
+import { ReactNode } from 'react';
+
+export declare interface MobileContactInfo {
+    phoneNumber: string;
+    contactHoursLabel?: string;
+    contactHours?: string;
+}
+
+export declare const MobileMenu: FC<MobileMenuProps>;
+
+export declare interface MobileMenuProps {
+    isOpen: boolean;
+    onOpen: () => void;
+    onClose: () => void;
+    logo: ReactNode;
+    userActions: ReactNode;
+    searchBarProps: SearchBarProps;
+    sections?: MobileMenuSection[];
+    contactInfo?: MobileContactInfo;
+}
+
+export declare interface MobileMenuSection {
+    id?: string;
+    title?: string;
+    icon: ReactNode | null;
+    items?: {
+        label: string;
+        href?: string;
+    }[];
+    seeAll?: ReactNode | null;
+    content?: ReactNode | null;
+}
+
+export interface SearchBarProps {
+    items: SearchItem[];
+    placeholder?: string;
+    isOpen?: boolean;
+    onToggle?: () => void;
+    searchValue?: string;
+    onInputChange?: (e: React_2.ChangeEvent<HTMLInputElement>) => void;
+    onClear?: () => void;
+    noResultsText?: string;
+    allDocumentsItem?: SearchItem;
+}
+
+export interface SearchItem {
+    label: string;
+    href: string;
+}
+

package/dist/components/MobileMenu.js

@@ -0,0 +1,76 @@
+import { jsxs as r, jsx as l } from "react/jsx-runtime";
+import "react";
+import { SearchBar as f } from "./SearchBar.js";
+import { PhoneTalkIcon as o } from "./PhoneTalkIcon.js";
+import { CloseIcon as x } from "./CloseIcon.js";
+const y = ({
+  isOpen: m,
+  onClose: s,
+  logo: c,
+  userActions: d,
+  searchBarProps: p,
+  sections: u = [],
+  contactInfo: t
+}) => m ? /* @__PURE__ */ r("div", { className: "fixed inset-0 z-50 flex flex-col overflow-y-auto bg-white text-neutral-800 lg:hidden", children: [
+  /* @__PURE__ */ r("div", { className: "flex items-center justify-between px-6 py-4", children: [
+    c,
+    /* @__PURE__ */ l(
+      "button",
+      {
+        className: "flex cursor-pointer items-center justify-center p-2",
+        onClick: s,
+        "aria-label": "Close menu",
+        children: /* @__PURE__ */ l(x, {})
+      }
+    )
+  ] }),
+  /* @__PURE__ */ r("div", { className: "flex flex-1 flex-col pb-6", children: [
+    /* @__PURE__ */ r("div", { className: "flex flex-col gap-6 px-6", children: [
+      /* @__PURE__ */ l("div", { className: "flex items-center gap-4", children: d }),
+      /* @__PURE__ */ l(f, { ...p })
+    ] }),
+    /* @__PURE__ */ l("nav", { className: "flex flex-col gap-0", children: u.map((e, n) => {
+      const a = e.icon != null;
+      return e.content != null ? /* @__PURE__ */ l("div", { className: "flex items-center px-6 pb-8", children: e.content }, e.id ?? `custom-${n.toString()}`) : /* @__PURE__ */ r(
+        "div",
+        {
+          className: e.title !== "" && !a ? "border-t border-b border-neutral-200 pt-4" : "",
+          children: [
+            e.title && /* @__PURE__ */ r("div", { className: `flex items-center gap-2 px-6 ${a ? "bg-neutral-50 py-4" : ""}`, children: [
+              e.icon != null && /* @__PURE__ */ l("span", { className: "text-primary-700", children: e.icon }),
+              /* @__PURE__ */ l("h4", { className: "text-medium font-semibold", children: e.title })
+            ] }),
+            e.items != null && /* @__PURE__ */ r("ul", { className: `flex flex-col gap-4 ${a ? "p-6" : "px-6 py-4"}`, children: [
+              e.items.map((i) => /* @__PURE__ */ l("li", { children: /* @__PURE__ */ l("a", { href: i.href ?? "#", className: "text-medium", onClick: s, children: i.label }) }, i.label)),
+              e.seeAll != null && /* @__PURE__ */ l("li", { className: "font-semibold", children: e.seeAll })
+            ] })
+          ]
+        },
+        e.id ?? e.title ?? n.toString()
+      );
+    }) }),
+    t && /* @__PURE__ */ r("div", { className: "mt-auto flex flex-col items-center justify-center border-t border-neutral-100 p-6", children: [
+      /* @__PURE__ */ r(
+        "a",
+        {
+          href: `tel:${t.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__ */ l(o, { fill: "#ffff" }),
+            t.phoneNumber
+          ]
+        }
+      ),
+      t.contactHours && /* @__PURE__ */ r("p", { className: "text-small mt-4 text-base text-neutral-500", children: [
+        t.contactHoursLabel != null && /* @__PURE__ */ r("span", { children: [
+          t.contactHoursLabel,
+          " "
+        ] }),
+        t.contactHours
+      ] })
+    ] })
+  ] })
+] }) : null;
+export {
+  y as MobileMenu
+};

package/dist/components/NavMenu.d.ts

@@ -11,9 +11,11 @@ export interface NavMenuItemProps {
     dropdownContent?: ReactNode;
     tag?: string;
     isNested?: boolean;
+    bold?: boolean;
 }
 
 export declare interface NavMenuProps {
     navItems: NavMenuItemProps[];
+    className?: string;
 }
 

package/dist/components/NavMenu.js

@@ -1,7 +1,7 @@
 import { jsx as e } from "react/jsx-runtime";
 import "react";
-import { NavMenuItem as t } from "./NavMenuItem.js";
-const o = ({ navItems: m }) => /* @__PURE__ */ e("nav", { children: /* @__PURE__ */ e("ul", { className: "text-medium flex flex-wrap items-center xl:gap-4", children: m.map((r) => /* @__PURE__ */ e(t, { ...r }, r.label)) }) });
+import { NavMenuItem as a } from "./NavMenuItem.js";
+const o = ({ navItems: m, className: t = "" }) => /* @__PURE__ */ e("nav", { className: t, children: /* @__PURE__ */ e("ul", { className: "text-medium flex flex-wrap items-center gap-4 xl:gap-8", children: m.map((r) => /* @__PURE__ */ e(a, { ...r }, r.label)) }) });
 export {
   o as NavMenu
 };

package/dist/components/NavMenuItem.d.ts

@@ -11,5 +11,6 @@ export declare interface NavMenuItemProps {
     dropdownContent?: ReactNode;
     tag?: string;
     isNested?: boolean;
+    bold?: boolean;
 }