@npm_leadtech/legal-contracts-ui 0.52.3 → 0.52.4

package/dist/components/Footer.js

@@ -1,24 +1,26 @@
 import { jsxs as l, jsx as e } from "react/jsx-runtime";
 import "react";
-import { FooterNav as o } from "./FooterNav.js";
-const N = ({
-  nav: x,
+import { PhoneButton as o } from "./PhoneButton.js";
+import { FooterNav as p } from "./FooterNav.js";
+const v = ({
+  nav: m,
   contactInfo: t,
-  logoGray: m,
-  socialLinks: c,
-  legalLinks: i,
-  disclaimerText: d,
+  logoGray: i,
+  socialLinks: x,
+  legalLinks: d,
+  disclaimerText: c,
   copyrightText: n,
-  trustPilotWidget: s,
-  languageSelector: r
+  trustPilotWidget: r,
+  languageSelector: s
 }) => /* @__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)),
+    m.map((a) => /* @__PURE__ */ e(p, { ...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__ */ e("div", { className: "mb-4 xl:hidden", children: !!s && /* @__PURE__ */ e("div", { className: "language-selector-mobile-container", children: s }) }),
         /* @__PURE__ */ l("div", { children: [
-          /* @__PURE__ */ e("p", { className: "text-small font-bold text-white", children: t.phoneNumber }),
+          /* @__PURE__ */ e("p", { className: "text-small font-bold text-white max-[574px]:hidden", children: t.phoneNumber }),
+          /* @__PURE__ */ e("div", { className: "mb-2 w-full text-center min-[574px]:hidden", children: /* @__PURE__ */ e(o, { phoneNumber: "+1 855 997 0206" }) }),
           /* @__PURE__ */ l("p", { className: "text-neutral-25 text-center text-[16px] md:text-left md:text-[12px]", children: [
             t.contactHoursText,
             " ",
@@ -26,20 +28,20 @@ const N = ({
           ] })
         ] })
       ] }),
-      /* @__PURE__ */ e("div", { className: "flex flex-col gap-2", children: !!s && /* @__PURE__ */ e("div", { children: s }) })
+      /* @__PURE__ */ e("div", { className: "flex flex-col gap-2", children: !!r && /* @__PURE__ */ e("div", { children: r }) })
     ] })
   ] }) }),
   /* @__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) })
+      i,
+      /* @__PURE__ */ e("div", { className: "flex gap-4", children: x?.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("div", { className: "text-extra-small flex flex-wrap gap-4", children: d?.map((a) => a) }),
+    /* @__PURE__ */ e("p", { className: "text-extra-small text-neutral-400", children: c }),
     /* @__PURE__ */ e("p", { className: "text-extra-small text-neutral-400", children: n })
   ] }) })
 ] });
 export {
-  N as Footer
+  v as Footer
 };

package/dist/components/Header.d.ts

@@ -1,3 +1,4 @@
+import { default as default_2 } from 'react';
 import { FC } from 'react';
 import * as React_2 from 'react';
 import { ReactNode } from 'react';
@@ -6,7 +7,7 @@ export interface FormattedLanguageItem {
     code: string;
     name: string;
     url?: string;
-    flag: ReactNode;
+    flag: default_2.ReactNode;
 }
 
 export declare const Header: FC<HeaderProps>;
@@ -14,10 +15,15 @@ export declare const Header: FC<HeaderProps>;
 export declare interface HeaderProps {
     logo: ReactNode;
     navMenu: NavMenuProps;
+    seeAll: ReactNode;
     searchBarProps: SearchBarProps;
     languageSelectorProps?: LanguageSelectorProps;
     userActions: ReactNode;
-    mobileMenu: Omit<MobileMenuProps, 'logo' | 'userActions' | 'searchBarProps'>;
+    isMobileMenuOpen?: boolean;
+    onOpenMobileMenu?: () => void;
+    onCloseMobileMenu?: () => void;
+    mobileMenuSections?: MobileMenuSection[];
+    mobileContactInfo?: MobileContactInfo;
 }
 
 export interface LanguageSelectorProps {
@@ -30,33 +36,20 @@ export interface LanguageSelectorProps {
 
 export type LanguageSelectorVariant = 'default' | 'compact';
 
-export interface MobileContactInfo {
+export declare interface MobileContactInfo {
     phoneNumber: string;
     contactHoursLabel?: string;
     contactHours?: string;
 }
 
-export interface MobileMenuProps {
-    isOpen: boolean;
-    onOpen: () => void;
-    onClose: () => void;
-    logo: ReactNode;
-    userActions: ReactNode;
-    searchBarProps: SearchBarProps;
-    sections?: MobileMenuSection[];
-    contactInfo?: MobileContactInfo;
-}
-
-export interface MobileMenuSection {
-    id?: string;
+export declare interface MobileMenuSection {
     title?: string;
-    icon: ReactNode | null;
-    items?: {
+    icon?: ReactNode;
+    items: {
         label: string;
         href?: string;
     }[];
-    seeAll?: ReactNode | null;
-    content?: ReactNode | null;
+    seeAll?: ReactNode;
 }
 
 export interface NavMenuItemProps {
@@ -67,12 +60,10 @@ 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,41 +1,112 @@
-import { jsxs as r, Fragment as d, jsx as e } from "react/jsx-runtime";
+import { jsxs as l, Fragment as N, jsx as e } from "react/jsx-runtime";
 import "react";
-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 { NavMenu as b } from "./NavMenu.js";
 import { SearchBar as x } from "./SearchBar.js";
-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 })
+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 }) })
     ] }),
-    /* @__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__ */ 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__ */ e(
       "button",
       {
         className: "flex cursor-pointer items-center justify-center p-2 lg:hidden",
-        onClick: i.onOpen,
+        onClick: h,
         "aria-label": "Open menu",
-        "aria-expanded": i.isOpen,
-        children: /* @__PURE__ */ e(o, {})
+        "aria-expanded": d,
+        children: /* @__PURE__ */ e(y, {})
       }
     )
   ] }) }),
-  /* @__PURE__ */ e(c, { ...i, logo: a, userActions: t, searchBarProps: l })
+  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
+        ] })
+      ] })
+    ] })
+  ] })
 ] });
 export {
-  j as Header
+  S as Header
 };

package/dist/components/LanguageSelector.d.ts

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

package/dist/components/LanguageSelector.js

@@ -1,24 +1,26 @@
 import { jsxs as s, jsx as e } from "react/jsx-runtime";
 import { ChevronDownIcon as o } from "./ChevronDownIcon.js";
-const f = ({
+import "react";
+const p = ({
   currentLanguage: l,
-  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: [
+  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: [
     /* @__PURE__ */ e("span", { className: "flex items-center justify-center", children: l.flag }),
-    /* @__PURE__ */ e("span", { className: "text-medium text-gray-600", children: l.name })
+    /* @__PURE__ */ e("span", { className: "text-base text-gray-600", children: l.name })
   ] }),
-  /* @__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(
+  /* @__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(
     "a",
     {
       href: t.url,
-      className: "hover:bg-primary-100 flex items-center gap-2 rounded-sm bg-white px-2 py-1 transition-colors",
+      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` },
       children: [
         /* @__PURE__ */ e("span", { className: "flex items-center justify-center", children: t.flag }),
-        /* @__PURE__ */ e("span", { className: "text-medium text-gray-600", children: t.name })
+        /* @__PURE__ */ e("span", { className: "text-base text-gray-600", children: t.name })
       ]
     },
     t.code
@@ -27,23 +29,23 @@ const f = ({
   /* @__PURE__ */ s(
     "button",
     {
-      className: `bg-primary-800 flex w-full cursor-pointer items-center justify-between px-4 py-2 ${r ? "bg-gray-50" : ""}`,
-      onClick: n,
+      className: `bg-primary-800 flex w-full cursor-pointer items-center justify-between px-4 py-2 ${i ? "bg-gray-50" : ""}`,
+      onClick: c,
       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 ${r ? "rotate-180" : "rotate-0"}`, children: /* @__PURE__ */ e(o, { fill: "#ffff", width: 24, height: 24 }) })
+        /* @__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 }) })
       ]
     }
   ),
-  r && /* @__PURE__ */ e("div", { className: "absolute top-10 z-10 flex w-full flex-col", children: i.map((t, c) => /* @__PURE__ */ e(
+  i && /* @__PURE__ */ e("div", { className: "absolute top-10 z-10 flex w-full flex-col", children: a.map((t, r) => /* @__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(c * 0.05)}s` },
+      style: { animationDelay: `${String(r * 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 })
@@ -53,5 +55,5 @@ const f = ({
   )) })
 ] });
 export {
-  f as LanguageSelector
+  p as LanguageSelector
 };

package/dist/components/NavMenu.d.ts

@@ -11,11 +11,9 @@ 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 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)) }) });
+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)) }) });
 export {
   o as NavMenu
 };

package/dist/components/NavMenuItem.d.ts

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

package/dist/components/NavMenuItem.js

@@ -1,62 +1,60 @@
 import { jsxs as n, jsx as t } from "react/jsx-runtime";
 import "react";
-import { ChevronDownIcon as f } from "./ChevronDownIcon.js";
-import { ChevronRightIcon as v } from "./ChevronRightIcon.js";
-const h = ({
-  label: l,
+import { ChevronDownIcon as m } from "./ChevronDownIcon.js";
+import { ChevronRightIcon as f } from "./ChevronRightIcon.js";
+const v = ({
+  label: a,
   href: c,
-  dropdownItems: r,
-  tag: i,
   hasDropdown: e = !1,
-  isNested: d = !1,
-  bold: p = !1
+  dropdownItems: r,
+  tag: l,
+  isNested: p = !1
 }) => {
-  const u = e && r != null && r.length > 0, g = e ? "span" : "a", s = {
+  const d = e && r != null && r.length > 0, u = e ? "span" : "a", s = {
     topLevel: {
-      liClass: "group relative py-2",
-      triggerClass: "hover:text-neutral-600",
-      dropdownPosition: "top-full left-0",
+      liClass: "group relative flex items-center gap-1",
+      triggerClass: "lg:px-2 px-4 py-1 hover:text-neutral-600",
+      dropdownPosition: "top-full left-0 pt-2",
       dropdownTrigger: "group-hover:pointer-events-auto group-hover:opacity-100",
-      Icon: f,
+      Icon: m,
       iconClass: "transition-transform duration-200 group-hover:rotate-180"
     },
     nested: {
-      liClass: "group/nested relative",
-      triggerClass: "p-1 hover:bg-primary-100 w-full rounded",
-      dropdownPosition: "top-0 left-full -mt-4 pl-6",
+      liClass: "group/nested relative flex items-center gap-1",
+      triggerClass: "px-5 py-2 hover:bg-primary-100 w-full",
+      dropdownPosition: "top-0 left-full pl-1",
       dropdownTrigger: "group-hover/nested:pointer-events-auto group-hover/nested:opacity-100",
-      Icon: v,
+      Icon: f,
       iconClass: ""
     }
-  }, o = d ? s.nested : s.topLevel, m = o.Icon;
-  return /* @__PURE__ */ n("li", { className: `${o.liClass} `, children: [
+  }, o = p ? s.nested : s.topLevel, g = o.Icon;
+  return /* @__PURE__ */ n("li", { className: o.liClass, children: [
     /* @__PURE__ */ n(
-      g,
+      u,
       {
         href: e ? void 0 : c ?? "#",
         role: e ? "button" : void 0,
-        className: `text-small flex w-full items-center justify-between gap-1 font-medium text-nowrap text-neutral-800 transition-colors ${e ? "cursor-pointer" : ""} ${o.triggerClass} `,
+        className: `text-small flex w-full items-center justify-between gap-1 font-medium text-neutral-800 transition-colors ${e ? "cursor-pointer" : ""} ${o.triggerClass} `,
         "aria-haspopup": e ? "menu" : void 0,
         "aria-expanded": e ? "false" : void 0,
-        title: e ? void 0 : l,
         children: [
           /* @__PURE__ */ n("span", { className: "flex items-center gap-1", children: [
-            /* @__PURE__ */ t("span", { className: `text-medium ${p ? "font-bold" : ""}`, children: l }),
-            i && /* @__PURE__ */ t("span", { className: "bg-secondary-200 text-extra-small rounded px-1 font-bold", children: i })
+            /* @__PURE__ */ t("span", { className: "text-base", children: a }),
+            l && /* @__PURE__ */ t("span", { className: "bg-secondary-200 text-extra-small rounded px-1 font-bold", children: l })
           ] }),
-          e && /* @__PURE__ */ t(m, { className: o.iconClass, fill: "#000", width: 20, height: 20 })
+          e && /* @__PURE__ */ t(g, { className: o.iconClass, fill: "#000", width: 20, height: 20 })
         ]
       }
     ),
-    u && /* @__PURE__ */ t(
+    d && /* @__PURE__ */ t(
       "div",
       {
         className: `pointer-events-none absolute z-50 min-w-48 opacity-0 transition-opacity duration-200 ${o.dropdownPosition} ${o.dropdownTrigger} `,
-        children: /* @__PURE__ */ t("div", { className: "rounded-md border border-neutral-200 bg-white p-4 shadow-lg", children: /* @__PURE__ */ t("ul", { className: "flex flex-col gap-2", children: r.map((a) => /* @__PURE__ */ t(h, { ...a, isNested: !0 }, a.label)) }) })
+        children: /* @__PURE__ */ t("div", { className: "rounded-md border border-neutral-200 bg-white py-2 shadow-lg", children: /* @__PURE__ */ t("ul", { className: "flex flex-col", children: r.map((i) => /* @__PURE__ */ t(v, { ...i, isNested: !0 }, i.label)) }) })
       }
     )
   ] });
 };
 export {
-  h as NavMenuItem
+  v as NavMenuItem
 };

package/dist/components/PhoneButton.d.ts

@@ -0,0 +1,9 @@
+import { JSX } from 'react/jsx-runtime';
+
+export declare const PhoneButton: ({ phoneNumber, className }: PhoneButtonProps) => JSX.Element;
+
+export interface PhoneButtonProps {
+    phoneNumber: string;
+    className?: string;
+}
+

package/dist/components/PhoneButton.js

@@ -0,0 +1,16 @@
+import { jsxs as n, jsx as e } from "react/jsx-runtime";
+import { PhoneIcon as r } from "./PhoneIcon.js";
+const h = ({ phoneNumber: t, className: i = "" }) => /* @__PURE__ */ n(
+  "a",
+  {
+    href: `tel:${t}`,
+    className: `bg-primary-700 inline-flex w-full items-center justify-center gap-2 rounded py-2.75 text-[16px] font-bold text-white ${i}`,
+    children: [
+      /* @__PURE__ */ e(r, { fill: "white", width: 20, height: 20 }),
+      /* @__PURE__ */ e("span", { children: t })
+    ]
+  }
+);
+export {
+  h as PhoneButton
+};

package/dist/components/PhoneIcon.d.ts

@@ -0,0 +1,8 @@
+import { default as default_2 } from 'react';
+
+export declare const PhoneIcon: default_2.FC<{
+    width?: number;
+    height?: number;
+    fill?: string;
+}>;
+

package/dist/components/PhoneIcon.js

@@ -0,0 +1,16 @@
+import { jsx as o } from "react/jsx-runtime";
+import "react";
+const p = ({
+  width: n = 24,
+  height: C = 24,
+  fill: r = "none"
+}) => /* @__PURE__ */ o("svg", { viewBox: "0 0 24 24", width: n, height: C, fill: r, xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ o("g", { id: "Icon/Symbol/phone_24px", children: /* @__PURE__ */ o(
+  "path",
+  {
+    id: "path",
+    d: "M20.01 15.38C18.78 15.38 17.59 15.18 16.48 14.82C16.13 14.7 15.74 14.79 15.47 15.06L13.9 17.03C11.07 15.68 8.42 13.13 7.01 10.2L8.96 8.54C9.23 8.26 9.31 7.87 9.2 7.52C8.83 6.41 8.64 5.22 8.64 3.99C8.64 3.45 8.19 3 7.65 3H4.19C3.65 3 3 3.24 3 3.99C3 13.28 10.73 21 20.01 21C20.72 21 21 20.37 21 19.82V16.37C21 15.83 20.55 15.38 20.01 15.38Z"
+  }
+) }) });
+export {
+  p as PhoneIcon
+};

package/dist/components/SearchBar.js

@@ -74,7 +74,7 @@ const w = ({
       ] })
     ] }),
     /* @__PURE__ */ r("div", { className: "block lg:hidden", children: [
-      /* @__PURE__ */ r("div", { className: "flex items-center gap-3 border-b border-neutral-200 bg-white py-1", children: [
+      /* @__PURE__ */ r("div", { className: "flex items-center gap-3 border-b border-neutral-200 bg-white px-4 py-3", children: [
         /* @__PURE__ */ e(
           "input",
           {