@npm_leadtech/legal-contracts-ui 0.48.8 → 0.48.10

package/dist/components/AboutUsTemplate.d.ts

@@ -22,7 +22,7 @@ export declare interface AboutUsTemplateProps {
 export interface ButtonProps extends Omit<ComponentPropsWithRef<'button'>, 'children'> {
     children: ReactNode;
     size?: ButtonSize;
-    variant?: ButtonVariant;
+    variant?: ResponsiveButtonVariant;
     iconPosition?: IconPosition;
 }
 
@@ -101,6 +101,14 @@ export interface PartnersSectionProps {
     }>;
 }
 
+export type ResponsiveButtonVariant = ButtonVariant | {
+    initial?: ButtonVariant;
+    sm?: ButtonVariant;
+    md?: ButtonVariant;
+    lg?: ButtonVariant;
+    xl?: ButtonVariant;
+};
+
 export interface SectionHeadingProps {
     title: string;
     description?: string;

package/dist/components/AllDocumentsTemplate.d.ts

@@ -36,7 +36,7 @@ export interface BreadcrumbProps {
 export interface ButtonProps extends Omit<ComponentPropsWithRef<'button'>, 'children'> {
     children: ReactNode;
     size?: ButtonSize;
-    variant?: ButtonVariant;
+    variant?: ResponsiveButtonVariant;
     iconPosition?: IconPosition;
 }
 
@@ -125,5 +125,13 @@ export interface LinkedProductProps {
     children: ReactNode;
 }
 
+export type ResponsiveButtonVariant = ButtonVariant | {
+    initial?: ButtonVariant;
+    sm?: ButtonVariant;
+    md?: ButtonVariant;
+    lg?: ButtonVariant;
+    xl?: ButtonVariant;
+};
+
 export type SubtypeDocumentProps = DefaultSubtypeDocumentProps | AlternativeSubtypeDocumentProps;
 

package/dist/components/AlternativeSubtypeDocument.d.ts

@@ -19,7 +19,7 @@ export interface BaseSubtypeDocumentProps {
 export interface ButtonProps extends Omit<ComponentPropsWithRef<'button'>, 'children'> {
     children: ReactNode;
     size?: ButtonSize;
-    variant?: ButtonVariant;
+    variant?: ResponsiveButtonVariant;
     iconPosition?: IconPosition;
 }
 
@@ -28,4 +28,12 @@ export type ButtonSize = 'small' | 'default' | 'large';
 export type ButtonVariant = 'primary-green' | 'primary-darkgreen' | 'primary-yellow' | 'primary-white' | 'secondary-green' | 'secondary-yellow' | 'secondary-red' | 'secondary-black' | 'tertiary-bold' | 'tertiary-thin' | 'tertiary-icon' | 'tertiary-link' | 'icon-black' | 'icon-grey' | 'icon-mobile';
 
 export type IconPosition = 'left' | 'right' | 'top';
+
+export type ResponsiveButtonVariant = ButtonVariant | {
+    initial?: ButtonVariant;
+    sm?: ButtonVariant;
+    md?: ButtonVariant;
+    lg?: ButtonVariant;
+    xl?: ButtonVariant;
+};
 

package/dist/components/BlogSection.d.ts

@@ -18,7 +18,7 @@ export declare interface BlogSectionProps {
 export interface ButtonProps extends Omit<ComponentPropsWithRef<'button'>, 'children'> {
     children: ReactNode;
     size?: ButtonSize;
-    variant?: ButtonVariant;
+    variant?: ResponsiveButtonVariant;
     iconPosition?: IconPosition;
 }
 
@@ -28,6 +28,14 @@ export type ButtonVariant = 'primary-green' | 'primary-darkgreen' | 'primary-yel
 
 export type IconPosition = 'left' | 'right' | 'top';
 
+export type ResponsiveButtonVariant = ButtonVariant | {
+    initial?: ButtonVariant;
+    sm?: ButtonVariant;
+    md?: ButtonVariant;
+    lg?: ButtonVariant;
+    xl?: ButtonVariant;
+};
+
 export interface SectionHeadingProps {
     title: string;
     description?: string;

package/dist/components/Button.d.ts

@@ -7,7 +7,7 @@ export declare const Button: ({ children, type, size, variant, iconPosition, cla
 export declare interface ButtonProps extends Omit<ComponentPropsWithRef<'button'>, 'children'> {
     children: ReactNode;
     size?: ButtonSize;
-    variant?: ButtonVariant;
+    variant?: ResponsiveButtonVariant;
     iconPosition?: IconPosition;
 }
 
@@ -16,4 +16,12 @@ export type ButtonSize = 'small' | 'default' | 'large';
 export type ButtonVariant = 'primary-green' | 'primary-darkgreen' | 'primary-yellow' | 'primary-white' | 'secondary-green' | 'secondary-yellow' | 'secondary-red' | 'secondary-black' | 'tertiary-bold' | 'tertiary-thin' | 'tertiary-icon' | 'tertiary-link' | 'icon-black' | 'icon-grey' | 'icon-mobile';
 
 export type IconPosition = 'left' | 'right' | 'top';
+
+export type ResponsiveButtonVariant = ButtonVariant | {
+    initial?: ButtonVariant;
+    sm?: ButtonVariant;
+    md?: ButtonVariant;
+    lg?: ButtonVariant;
+    xl?: ButtonVariant;
+};
 

package/dist/components/Button.utils.d.ts

@@ -2,7 +2,15 @@ export declare type ButtonSize = 'small' | 'default' | 'large';
 
 export declare type ButtonVariant = 'primary-green' | 'primary-darkgreen' | 'primary-yellow' | 'primary-white' | 'secondary-green' | 'secondary-yellow' | 'secondary-red' | 'secondary-black' | 'tertiary-bold' | 'tertiary-thin' | 'tertiary-icon' | 'tertiary-link' | 'icon-black' | 'icon-grey' | 'icon-mobile';
 
-export declare const getButtonClasses: (size?: ButtonSize, variant?: ButtonVariant, iconPosition?: IconPosition, disabled?: boolean, className?: string) => string;
+export declare const getButtonClasses: (size?: ButtonSize, variant?: ResponsiveButtonVariant, iconPosition?: IconPosition, disabled?: boolean, className?: string) => string;
 
 export declare type IconPosition = 'left' | 'right' | 'top';
+
+export declare type ResponsiveButtonVariant = ButtonVariant | {
+    initial?: ButtonVariant;
+    sm?: ButtonVariant;
+    md?: ButtonVariant;
+    lg?: ButtonVariant;
+    xl?: ButtonVariant;
+};
 

package/dist/components/Button.utils.js

@@ -1,97 +1,102 @@
-const b = {
-  "primary-green": {
-    base: "bg-primary-700 text-white border border-transparent font-semibold",
-    hover: "hover:bg-primary-500",
-    disabled: "disabled:bg-neutral-200 disabled:text-neutral-400 disabled:cursor-not-allowed"
-  },
-  "primary-darkgreen": {
-    base: "bg-primary-900 text-white border border-transparent font-semibold",
-    hover: "hover:bg-primary-800",
-    disabled: "disabled:bg-neutral-200 disabled:text-neutral-400 disabled:cursor-not-allowed"
-  },
-  "primary-yellow": {
-    base: "bg-secondary-500 text-neutral-900 border border-transparent font-semibold",
-    hover: "hover:bg-secondary-400",
-    disabled: "disabled:bg-neutral-200 disabled:text-neutral-400 disabled:cursor-not-allowed"
-  },
-  "primary-white": {
-    base: "bg-white text-neutral-900 font-semibold border border-transparent",
-    hover: "hover:bg-neutral-50",
-    disabled: "disabled:bg-neutral-200 disabled:text-neutral-400 disabled:cursor-not-allowed"
-  },
-  "secondary-green": {
-    base: "bg-white text-primary-700 border-2 border-primary-700 font-semibold",
-    hover: "hover:bg-primary-100 hover:text-primary-800",
-    disabled: "disabled:bg-neutral-200 disabled:text-neutral-400 disabled:border-neutral-200 disabled:cursor-not-allowed"
-  },
-  "secondary-yellow": {
-    base: "bg-transparent text-neutral-900 border-2 border-secondary-500 font-semibold",
-    hover: "hover:bg-secondary-100 hover:border-secondary-600",
-    disabled: "disabled:bg-neutral-200 disabled:text-neutral-400 disabled:border-neutral-200 disabled:cursor-not-allowed"
-  },
-  "secondary-red": {
-    base: "bg-transparent text-error-500 border-2 border-error-500 font-semibold",
-    hover: "hover:bg-error-25",
-    disabled: "disabled:bg-neutral-200 disabled:text-neutral-400 disabled:border-neutral-200 disabled:cursor-not-allowed"
-  },
-  "secondary-black": {
-    base: "bg-transparent text-neutral-800 border-2 border-neutral-600 font-semibold",
-    hover: "hover:bg-neutral-200",
-    disabled: "disabled:bg-neutral-200 disabled:text-neutral-400 disabled:border-neutral-200 disabled:cursor-not-allowed"
-  },
-  "tertiary-bold": {
-    base: "bg-transparent text-primary-700 font-semibold border border-transparent font-semibold p-1.5!",
-    hover: "hover:text-primary-500 hover:bg-primary-200",
-    disabled: "disabled:text-neutral-400 disabled:cursor-not-allowed disabled:bg-white"
-  },
-  "tertiary-thin": {
-    base: "bg-transparent text-neutral-800 font-normal border border-transparent p-1.5!",
-    hover: " hover:bg-primary-100",
-    disabled: "disabled:text-neutral-400 disabled:cursor-not-allowed disabled:bg-white"
-  },
-  "tertiary-icon": {
-    base: "bg-transparent text-neutral-800 font-medium border border-transparent p-1.5!",
-    hover: "hover:bg-primary-100",
-    disabled: "disabled:text-neutral-400 disabled:cursor-not-allowed disabled:bg-white"
-  },
-  "tertiary-link": {
-    base: "bg-transparent text-primary-700 underline underline-offset-2 border border-transparent",
-    hover: "",
-    disabled: "disabled:text-neutral-400 disabled:cursor-not-allowed disabled:bg-white"
-  },
-  "icon-black": {
-    base: "bg-black text-white border border-transparent font-semibold",
-    hover: "hover:bg-neutral-800",
-    disabled: "disabled:bg-neutral-400 disabled:cursor-not-allowed"
-  },
-  "icon-grey": {
-    base: "bg-transparent text-neutral-800 border-2 border-neutral-600 font-semibold",
-    hover: "hover:bg-neutral-200",
-    disabled: "disabled:text-neutral-400 disabled:border-neutral-400 disabled:bg-white disabled:cursor-not-allowed"
-  },
-  "icon-mobile": {
-    base: "bg-transparent text-primary-700 border border-neutral-200 border-2 px-8 rounded-sm",
-    hover: "hover:bg-neutral-50",
-    disabled: "disabled:text-neutral-400 disabled:border-neutral-400 disabled:bg-white disabled:cursor-not-allowed"
-  }
+const t = {
+  "primary-green": "btn-primary-green",
+  "primary-darkgreen": "btn-primary-darkgreen",
+  "primary-yellow": "btn-primary-yellow",
+  "primary-white": "btn-primary-white",
+  "secondary-green": "btn-secondary-green",
+  "secondary-yellow": "btn-secondary-yellow",
+  "secondary-red": "btn-secondary-red",
+  "secondary-black": "btn-secondary-black",
+  "tertiary-bold": "btn-tertiary-bold",
+  "tertiary-thin": "btn-tertiary-thin",
+  "tertiary-icon": "btn-tertiary-icon",
+  "tertiary-link": "btn-tertiary-link",
+  "icon-black": "btn-icon-black",
+  "icon-grey": "btn-icon-grey",
+  "icon-mobile": "btn-icon-mobile"
+}, o = {
+  "primary-green": "sm:btn-primary-green",
+  "primary-darkgreen": "sm:btn-primary-darkgreen",
+  "primary-yellow": "sm:btn-primary-yellow",
+  "primary-white": "sm:btn-primary-white",
+  "secondary-green": "sm:btn-secondary-green",
+  "secondary-yellow": "sm:btn-secondary-yellow",
+  "secondary-red": "sm:btn-secondary-red",
+  "secondary-black": "sm:btn-secondary-black",
+  "tertiary-bold": "sm:btn-tertiary-bold",
+  "tertiary-thin": "sm:btn-tertiary-thin",
+  "tertiary-icon": "sm:btn-tertiary-icon",
+  "tertiary-link": "sm:btn-tertiary-link",
+  "icon-black": "sm:btn-icon-black",
+  "icon-grey": "sm:btn-icon-grey",
+  "icon-mobile": "sm:btn-icon-mobile"
+}, b = {
+  "primary-green": "md:btn-primary-green",
+  "primary-darkgreen": "md:btn-primary-darkgreen",
+  "primary-yellow": "md:btn-primary-yellow",
+  "primary-white": "md:btn-primary-white",
+  "secondary-green": "md:btn-secondary-green",
+  "secondary-yellow": "md:btn-secondary-yellow",
+  "secondary-red": "md:btn-secondary-red",
+  "secondary-black": "md:btn-secondary-black",
+  "tertiary-bold": "md:btn-tertiary-bold",
+  "tertiary-thin": "md:btn-tertiary-thin",
+  "tertiary-icon": "md:btn-tertiary-icon",
+  "tertiary-link": "md:btn-tertiary-link",
+  "icon-black": "md:btn-icon-black",
+  "icon-grey": "md:btn-icon-grey",
+  "icon-mobile": "md:btn-icon-mobile"
+}, c = {
+  "primary-green": "lg:btn-primary-green",
+  "primary-darkgreen": "lg:btn-primary-darkgreen",
+  "primary-yellow": "lg:btn-primary-yellow",
+  "primary-white": "lg:btn-primary-white",
+  "secondary-green": "lg:btn-secondary-green",
+  "secondary-yellow": "lg:btn-secondary-yellow",
+  "secondary-red": "lg:btn-secondary-red",
+  "secondary-black": "lg:btn-secondary-black",
+  "tertiary-bold": "lg:btn-tertiary-bold",
+  "tertiary-thin": "lg:btn-tertiary-thin",
+  "tertiary-icon": "lg:btn-tertiary-icon",
+  "tertiary-link": "lg:btn-tertiary-link",
+  "icon-black": "lg:btn-icon-black",
+  "icon-grey": "lg:btn-icon-grey",
+  "icon-mobile": "lg:btn-icon-mobile"
 }, s = {
+  "primary-green": "xl:btn-primary-green",
+  "primary-darkgreen": "xl:btn-primary-darkgreen",
+  "primary-yellow": "xl:btn-primary-yellow",
+  "primary-white": "xl:btn-primary-white",
+  "secondary-green": "xl:btn-secondary-green",
+  "secondary-yellow": "xl:btn-secondary-yellow",
+  "secondary-red": "xl:btn-secondary-red",
+  "secondary-black": "xl:btn-secondary-black",
+  "tertiary-bold": "xl:btn-tertiary-bold",
+  "tertiary-thin": "xl:btn-tertiary-thin",
+  "tertiary-icon": "xl:btn-tertiary-icon",
+  "tertiary-link": "xl:btn-tertiary-link",
+  "icon-black": "xl:btn-icon-black",
+  "icon-grey": "xl:btn-icon-grey",
+  "icon-mobile": "xl:btn-icon-mobile"
+}, d = {
   small: "px-3 py-1.5 text-small",
   default: "px-4 py-2.5 text-medium",
   large: "px-6 py-3 text-big"
-}, i = (t = "default", a = "primary-green", r = "left", d = !1, l) => {
-  const e = b[a], o = () => r === "top" ? "flex-col" : r === "right" ? "flex-row-reverse" : "flex-row";
+}, p = (i = "default", r = "primary-green", n = "left", y = !1, a) => {
+  const l = () => n === "top" ? "flex-col" : n === "right" ? "flex-row-reverse" : "flex-row";
   return [
-    "inline-flex items-center justify-center gap-2 rounded-sm font-medium transition-all duration-200",
-    "focus:outline-none focus-visible:ring-2 focus-visible:ring-primary-500 focus-visible:ring-offset-2",
-    d ? "" : "cursor-pointer",
-    e.base,
-    e.hover,
-    e.disabled,
-    s[t],
-    o(),
-    l
+    y ? "" : "cursor-pointer",
+    (() => {
+      if (typeof r == "string")
+        return t[r];
+      const e = [];
+      return r.initial && e.push(t[r.initial]), r.sm && e.push(o[r.sm]), r.md && e.push(b[r.md]), r.lg && e.push(c[r.lg]), r.xl && e.push(s[r.xl]), e.join(" ");
+    })(),
+    d[i],
+    l(),
+    a
   ].join(" ");
 };
 export {
-  i as getButtonClasses
+  p as getButtonClasses
 };

package/dist/components/CategoriesSection.d.ts

@@ -5,7 +5,7 @@ import { ReactNode } from 'react';
 export interface ButtonProps extends Omit<ComponentPropsWithRef<'button'>, 'children'> {
     children: ReactNode;
     size?: ButtonSize;
-    variant?: ButtonVariant;
+    variant?: ResponsiveButtonVariant;
     iconPosition?: IconPosition;
 }
 
@@ -28,6 +28,14 @@ export declare interface CategoriesSectionProps {
 
 export type IconPosition = 'left' | 'right' | 'top';
 
+export type ResponsiveButtonVariant = ButtonVariant | {
+    initial?: ButtonVariant;
+    sm?: ButtonVariant;
+    md?: ButtonVariant;
+    lg?: ButtonVariant;
+    xl?: ButtonVariant;
+};
+
 export interface SectionHeadingProps {
     title: string;
     description?: string;

package/dist/components/CategoryProductTemplate.d.ts

@@ -36,7 +36,7 @@ export interface BreadcrumbProps {
 export interface ButtonProps extends Omit<ComponentPropsWithRef<'button'>, 'children'> {
     children: ReactNode;
     size?: ButtonSize;
-    variant?: ButtonVariant;
+    variant?: ResponsiveButtonVariant;
     iconPosition?: IconPosition;
 }
 
@@ -137,6 +137,14 @@ export interface LinkedProductProps {
     children: ReactNode;
 }
 
+export type ResponsiveButtonVariant = ButtonVariant | {
+    initial?: ButtonVariant;
+    sm?: ButtonVariant;
+    md?: ButtonVariant;
+    lg?: ButtonVariant;
+    xl?: ButtonVariant;
+};
+
 export interface SectionHeadingProps {
     title: string;
     description?: string;

package/dist/components/ContentItem.d.ts

@@ -17,7 +17,7 @@ export interface BaseSubtypeDocumentProps {
 export interface ButtonProps extends Omit<ComponentPropsWithRef<'button'>, 'children'> {
     children: ReactNode;
     size?: ButtonSize;
-    variant?: ButtonVariant;
+    variant?: ResponsiveButtonVariant;
     iconPosition?: IconPosition;
 }
 
@@ -61,5 +61,13 @@ export interface LinkedProductProps {
     children: ReactNode;
 }
 
+export type ResponsiveButtonVariant = ButtonVariant | {
+    initial?: ButtonVariant;
+    sm?: ButtonVariant;
+    md?: ButtonVariant;
+    lg?: ButtonVariant;
+    xl?: ButtonVariant;
+};
+
 export type SubtypeDocumentProps = DefaultSubtypeDocumentProps | AlternativeSubtypeDocumentProps;
 

package/dist/components/CtaSection.d.ts

@@ -5,7 +5,7 @@ import { ReactNode } from 'react';
 export interface ButtonProps extends Omit<ComponentPropsWithRef<'button'>, 'children'> {
     children: ReactNode;
     size?: ButtonSize;
-    variant?: ButtonVariant;
+    variant?: ResponsiveButtonVariant;
     iconPosition?: IconPosition;
 }
 
@@ -22,4 +22,12 @@ export declare interface CtaSectionProps {
 }
 
 export type IconPosition = 'left' | 'right' | 'top';
+
+export type ResponsiveButtonVariant = ButtonVariant | {
+    initial?: ButtonVariant;
+    sm?: ButtonVariant;
+    md?: ButtonVariant;
+    lg?: ButtonVariant;
+    xl?: ButtonVariant;
+};
 

package/dist/components/DefaultSubtypeDocument.d.ts

@@ -17,7 +17,7 @@ export declare interface BaseSubtypeDocumentProps {
 export interface ButtonProps extends Omit<ComponentPropsWithRef<'button'>, 'children'> {
     children: ReactNode;
     size?: ButtonSize;
-    variant?: ButtonVariant;
+    variant?: ResponsiveButtonVariant;
     iconPosition?: IconPosition;
 }
 
@@ -35,5 +35,13 @@ export declare interface DefaultSubtypeDocumentProps extends BaseSubtypeDocument
 
 export type IconPosition = 'left' | 'right' | 'top';
 
+export type ResponsiveButtonVariant = ButtonVariant | {
+    initial?: ButtonVariant;
+    sm?: ButtonVariant;
+    md?: ButtonVariant;
+    lg?: ButtonVariant;
+    xl?: ButtonVariant;
+};
+
 export declare type SubtypeDocumentProps = DefaultSubtypeDocumentProps | AlternativeSubtypeDocumentProps;
 

package/dist/components/DocsModules.d.ts

@@ -5,7 +5,7 @@ import { ReactNode } from 'react';
 export interface ButtonProps extends Omit<ComponentPropsWithRef<'button'>, 'children'> {
     children: ReactNode;
     size?: ButtonSize;
-    variant?: ButtonVariant;
+    variant?: ResponsiveButtonVariant;
     iconPosition?: IconPosition;
 }
 
@@ -21,4 +21,12 @@ export declare interface DocsModuleProps {
 export declare const DocsModules: FC<DocsModuleProps>;
 
 export type IconPosition = 'left' | 'right' | 'top';
+
+export type ResponsiveButtonVariant = ButtonVariant | {
+    initial?: ButtonVariant;
+    sm?: ButtonVariant;
+    md?: ButtonVariant;
+    lg?: ButtonVariant;
+    xl?: ButtonVariant;
+};
 

package/dist/components/FaqTeaserSection.d.ts

@@ -5,7 +5,7 @@ import { ReactNode } from 'react';
 export interface ButtonProps extends Omit<ComponentPropsWithRef<'button'>, 'children'> {
     children: ReactNode;
     size?: ButtonSize;
-    variant?: ButtonVariant;
+    variant?: ResponsiveButtonVariant;
     iconPosition?: IconPosition;
 }
 
@@ -27,6 +27,14 @@ export declare interface FaqTeaserSectionProps {
 
 export type IconPosition = 'left' | 'right' | 'top';
 
+export type ResponsiveButtonVariant = ButtonVariant | {
+    initial?: ButtonVariant;
+    sm?: ButtonVariant;
+    md?: ButtonVariant;
+    lg?: ButtonVariant;
+    xl?: ButtonVariant;
+};
+
 export interface SectionHeadingProps {
     title: string;
     description?: string;

package/dist/components/GuidelinesSection.d.ts

@@ -5,7 +5,7 @@ import { ReactNode } from 'react';
 export interface ButtonProps extends Omit<ComponentPropsWithRef<'button'>, 'children'> {
     children: ReactNode;
     size?: ButtonSize;
-    variant?: ButtonVariant;
+    variant?: ResponsiveButtonVariant;
     iconPosition?: IconPosition;
 }
 
@@ -32,6 +32,14 @@ export declare interface GuidelinesSectionProps {
 
 export type IconPosition = 'left' | 'right' | 'top';
 
+export type ResponsiveButtonVariant = ButtonVariant | {
+    initial?: ButtonVariant;
+    sm?: ButtonVariant;
+    md?: ButtonVariant;
+    lg?: ButtonVariant;
+    xl?: ButtonVariant;
+};
+
 export interface SectionHeadingProps {
     title: string;
     description?: string;

package/dist/components/Header.js

@@ -1,62 +1,64 @@
 import { jsxs as l, Fragment as N, jsx as e } from "react/jsx-runtime";
 import "react";
 import { NavMenu as b } from "./NavMenu.js";
-import { SearchBar as f } from "./SearchBar.js";
-import { LanguageSelector as y } from "./LanguageSelector.js";
-import { HamburgerIcon as v } 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: h,
-  seeAll: p,
+  navMenu: p,
+  seeAll: f,
   searchBarProps: c,
   languageSelectorProps: s,
   userActions: n,
-  isMobileMenuOpen: m,
-  onOpenMobileMenu: x,
-  onCloseMobileMenu: d,
-  mobileMenuSections: u = [],
+  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, { ...h }) })
+      /* @__PURE__ */ e("div", { className: "hidden lg:block", children: /* @__PURE__ */ e(b, { ...p }) })
     ] }),
     /* @__PURE__ */ l("div", { className: "text-medium hidden flex-wrap items-center gap-4 lg:flex xl:gap-6", children: [
-      /* @__PURE__ */ e(f, { ...c }),
-      /* @__PURE__ */ e("div", { className: "hidden xl:block", children: s && /* @__PURE__ */ e(y, { ...s }) }),
+      /* @__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: x,
+        onClick: h,
         "aria-label": "Open menu",
-        "aria-expanded": m,
-        children: /* @__PURE__ */ e(v, {})
+        "aria-expanded": d,
+        children: /* @__PURE__ */ e(y, {})
       }
     )
   ] }) }),
-  m && /* @__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: [
+  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: d,
+          onClick: m,
           "aria-label": "Close menu",
           children: /* @__PURE__ */ e(j, {})
         }
       )
     ] }),
     /* @__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: n }),
-      /* @__PURE__ */ e("div", { className: "", children: /* @__PURE__ */ e(f, { ...c }) }),
-      /* @__PURE__ */ e("nav", { className: "flex-1", children: u.map((r, o) => /* @__PURE__ */ l(
+      /* @__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" : ""}`,
@@ -71,7 +73,7 @@ const S = ({
                 {
                   href: t.href ?? "#",
                   className: "hover:text-primary-700 text-base transition-colors",
-                  onClick: d,
+                  onClick: m,
                   children: t.label
                 }
               ) }, t.label)) }),
@@ -79,9 +81,9 @@ const S = ({
             ] })
           ]
         },
-        r.title ?? o
+        r.title ?? u
       )) }),
-      /* @__PURE__ */ e("div", { className: "my-4 flex items-center justify-center", children: p }),
+      /* @__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",