@npm_leadtech/legal-contracts-ui 0.53.5 → 0.53.7

package/dist/components/Footer.js

@@ -1,27 +1,25 @@
 import { jsxs as l, jsx as e } from "react/jsx-runtime";
 import "react";
-import { PhoneButton as o } from "./PhoneButton.js";
-import { FooterNav as h } from "./FooterNav.js";
-const v = ({
-  nav: r,
+import { FooterNav as o } from "./FooterNav.js";
+const N = ({
+  nav: x,
   contactInfo: t,
-  logoGray: i,
-  socialLinks: d,
-  legalLinks: c,
-  disclaimerText: x,
+  logoGray: m,
+  socialLinks: c,
+  legalLinks: i,
+  disclaimerText: d,
   copyrightText: n,
   trustPilotWidget: s,
-  languageSelector: m
+  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: [
-    r.map((a) => /* @__PURE__ */ e(h, { ...a }, a.title)),
+    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: !!m && /* @__PURE__ */ e("div", { className: "language-selector-mobile-container", children: m }) }),
+        /* @__PURE__ */ e("div", { className: "mb-8 xl:hidden", children: !!r && /* @__PURE__ */ e("div", { className: "language-selector-mobile-container", children: r }) }),
         /* @__PURE__ */ l("div", { children: [
-          /* @__PURE__ */ e("p", { className: "text-small hidden font-bold text-white sm:block", children: t.phoneNumber }),
-          /* @__PURE__ */ e("div", { className: "mb-2 w-full text-center sm:hidden", children: /* @__PURE__ */ e(o, { phoneNumber: t.phoneNumber }) }),
-          /* @__PURE__ */ l("p", { className: "text-neutral-25 text-medium md:text-small text-center md:text-left", 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
@@ -33,15 +31,15 @@ const v = ({
   ] }) }),
   /* @__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: [
-      i,
-      /* @__PURE__ */ e("div", { className: "flex gap-4", children: d?.map((a) => a) })
+      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: c?.map((a) => a) }),
-    /* @__PURE__ */ e("p", { className: "text-extra-small text-neutral-400", children: x }),
+    /* @__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 {
-  v as Footer
+  N as Footer
 };

package/dist/components/Header.d.ts

@@ -14,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: Omit<MobileMenuProps, 'logo' | 'userActions' | 'searchBarProps'>;
 }
 
 export interface LanguageSelectorProps {
@@ -35,34 +30,57 @@ 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;
+    openText: string;
+    closeText: string;
+}
+
+export interface MobileMenuSection {
+    id?: string;
     title?: string;
-    icon?: ReactNode;
-    items: {
-        label: string;
-        href?: string;
+    icon: ReactNode | null;
+    items?: {
+        id: string;
+        link: ReactNode;
     }[];
-    seeAll?: ReactNode;
+    seeAll?: ReactNode | null;
+    content?: ReactNode | null;
 }
 
-export interface NavMenuItemProps {
+export type NavMenuItemProps = {
+    id: string;
     label: string;
-    href?: string;
-    hasDropdown?: boolean;
-    dropdownItems?: NavMenuItemProps[];
-    dropdownContent?: ReactNode;
+    dropdownItems: (NavMenuItemProps | NavMenuLink)[];
+    hasDropdown: true;
+    isNested?: boolean;
+};
+
+export type NavMenuLink = {
+    id: string;
+    link: ReactNode;
     tag?: string;
+    hasDropdown: false;
     isNested?: boolean;
-}
+    bold?: boolean;
+};
 
 export interface NavMenuProps {
-    navItems: NavMenuItemProps[];
+    navItems: (NavMenuItemProps | NavMenuLink)[];
+    className?: string;
 }
 
 export interface SearchBarProps {

package/dist/components/Header.js

@@ -1,112 +1,44 @@
-import { jsxs as l, Fragment as N, jsx as e } from "react/jsx-runtime";
+import { jsxs as r, Fragment as m, jsx as e } from "react/jsx-runtime";
 import "react";
-import { NavMenu as b } from "./NavMenu.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,
+import { MobileMenu as c } from "./MobileMenu.js";
+import { NavMenu as p } from "./NavMenu.js";
+import { LanguageSelector as s } from "./LanguageSelector.js";
+import { ScalatorIcon as x } from "./ScalatorIcon.js";
+import { SearchBar as o } from "./SearchBar.js";
+const v = ({
+  logo: a,
+  navMenu: d,
+  searchBarProps: i,
+  languageSelectorProps: l,
   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 }) })
+  mobileMenu: t
+}) => /* @__PURE__ */ r(m, { 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(p, { className: "hidden lg:block", ...d })
     ] }),
-    /* @__PURE__ */ l("div", { className: "text-medium hidden flex-wrap items-center gap-4 lg:flex xl:gap-6", children: [
-      /* @__PURE__ */ e(x, { ...c }),
-      s && /* @__PURE__ */ e("div", { className: "hidden xl:block", children: /* @__PURE__ */ e(v, { ...s }) }),
+    /* @__PURE__ */ r("div", { className: "text-medium hidden flex-wrap items-center gap-4 lg:flex xl:gap-6", children: [
+      /* @__PURE__ */ e(o, { ...i }),
+      l && /* @__PURE__ */ e("div", { className: "hidden xl:block", children: /* @__PURE__ */ e(s, { ...l }) }),
       n
     ] }),
-    /* @__PURE__ */ e(
+    /* @__PURE__ */ r(
       "button",
       {
-        className: "flex cursor-pointer items-center justify-center p-2 lg:hidden",
-        onClick: h,
+        className: "text-small text-primary-500 flex items-center justify-center gap-1 rounded border border-neutral-400 bg-white px-2 py-1 lg:hidden",
+        onClick: t.onOpen,
         "aria-label": "Open menu",
-        "aria-expanded": d,
-        children: /* @__PURE__ */ e(y, {})
+        "aria-expanded": t.isOpen,
+        children: [
+          t.openText,
+          /* @__PURE__ */ e(x, {})
+        ]
       }
     )
   ] }) }),
-  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, { ...t, logo: a, userActions: n, searchBarProps: i })
 ] });
 export {
-  S as Header
+  v as Header
 };

package/dist/components/MobileMenu.d.ts

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

package/dist/components/NavMenu.d.ts

@@ -3,17 +3,25 @@ import { ReactNode } from 'react';
 
 export declare const NavMenu: FC<NavMenuProps>;
 
-export interface NavMenuItemProps {
+export type NavMenuItemProps = {
+    id: string;
     label: string;
-    href?: string;
-    hasDropdown?: boolean;
-    dropdownItems?: NavMenuItemProps[];
-    dropdownContent?: ReactNode;
+    dropdownItems: (NavMenuItemProps | NavMenuLink)[];
+    hasDropdown: true;
+    isNested?: boolean;
+};
+
+export type NavMenuLink = {
+    id: string;
+    link: ReactNode;
     tag?: string;
+    hasDropdown: false;
     isNested?: boolean;
-}
+    bold?: boolean;
+};
 
 export declare interface NavMenuProps {
-    navItems: NavMenuItemProps[];
+    navItems: (NavMenuItemProps | NavMenuLink)[];
+    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.id)) }) });
 export {
   o as NavMenu
 };

package/dist/components/NavMenuItem.d.ts

@@ -1,15 +1,22 @@
 import { FC } from 'react';
 import { ReactNode } from 'react';
 
-export declare const NavMenuItem: FC<NavMenuItemProps>;
+export declare const NavMenuItem: FC<NavMenuItemProps | NavMenuLink>;
 
-export declare interface NavMenuItemProps {
+export declare type NavMenuItemProps = {
+    id: string;
     label: string;
-    href?: string;
-    hasDropdown?: boolean;
-    dropdownItems?: NavMenuItemProps[];
-    dropdownContent?: ReactNode;
+    dropdownItems: (NavMenuItemProps | NavMenuLink)[];
+    hasDropdown: true;
+    isNested?: boolean;
+};
+
+export declare type NavMenuLink = {
+    id: string;
+    link: ReactNode;
     tag?: string;
+    hasDropdown: false;
     isNested?: boolean;
-}
+    bold?: boolean;
+};
 

package/dist/components/NavMenuItem.js

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

package/dist/components/ScalatorIcon.d.ts

@@ -0,0 +1,5 @@
+import { JSX } from 'react/jsx-runtime';
+import * as React_2 from 'react';
+
+export declare const ScalatorIcon: ({ fill, ...props }: React_2.SVGProps<SVGSVGElement>) => JSX.Element;
+

package/dist/components/ScalatorIcon.js

@@ -0,0 +1,12 @@
+import { jsx as C } from "react/jsx-runtime";
+import "react";
+const h = ({ fill: o = "var(--primary-500)", ...r }) => /* @__PURE__ */ C("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...r, children: /* @__PURE__ */ C(
+  "path",
+  {
+    d: "M23 17C23.5523 17 24 17.4477 24 18C24 18.5523 23.5523 19 23 19H13C12.4477 19 12 18.5523 12 18C12 17.4477 12.4477 17 13 17H23ZM23 11C23.5523 11 24 11.4477 24 12C24 12.5523 23.5523 13 23 13H7C6.44772 13 6 12.5523 6 12C6 11.4477 6.44772 11 7 11H23ZM23 5C23.5523 5 24 5.44772 24 6C24 6.55228 23.5523 7 23 7H1C0.447715 7 0 6.55228 0 6C0 5.44772 0.447715 5 1 5H23Z",
+    fill: o
+  }
+) });
+export {
+  h as ScalatorIcon
+};

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 px-4 py-3", children: [
+      /* @__PURE__ */ r("div", { className: "flex items-center gap-3 border-b border-neutral-200 bg-white py-1", children: [
         /* @__PURE__ */ e(
           "input",
           {