"use client";
'use strict';

var React = require('react');
var clsx = require('clsx');
var tailwindMerge = require('tailwind-merge');
var pressable = require('@page-speed/pressable');
var icon = require('@page-speed/icon');
var jsxRuntime = require('react/jsx-runtime');
var AccordionPrimitive = require('@radix-ui/react-accordion');
var NavigationMenuPrimitive = require('@radix-ui/react-navigation-menu');
var classVarianceAuthority = require('class-variance-authority');
var img = require('@page-speed/img');

function _interopNamespace(e) {
  if (e && e.__esModule) return e;
  var n = Object.create(null);
  if (e) {
    Object.keys(e).forEach(function (k) {
      if (k !== 'default') {
        var d = Object.getOwnPropertyDescriptor(e, k);
        Object.defineProperty(n, k, d.get ? d : {
          enumerable: true,
          get: function () { return e[k]; }
        });
      }
    });
  }
  n.default = e;
  return Object.freeze(n);
}

var React__namespace = /*#__PURE__*/_interopNamespace(React);
var AccordionPrimitive__namespace = /*#__PURE__*/_interopNamespace(AccordionPrimitive);
var NavigationMenuPrimitive__namespace = /*#__PURE__*/_interopNamespace(NavigationMenuPrimitive);

// components/blocks/navbars/navbar-enterprise-mega.tsx
function cn(...inputs) {
  return tailwindMerge.twMerge(clsx.clsx(inputs));
}
var DEFAULT_ICON_API_KEY = "au382bi7fsh96w9h9xlrnat2jglx";
var DynamicIcon = React__namespace.memo(function DynamicIcon2({
  apiKey,
  name,
  ...props
}) {
  if (name == null) return null;
  if (typeof name !== "string") {
    return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: name });
  }
  return /* @__PURE__ */ jsxRuntime.jsx(icon.Icon, { ...props, name, apiKey: apiKey ?? DEFAULT_ICON_API_KEY });
});
DynamicIcon.displayName = "DynamicIcon";
var maxWidthStyles = {
  sm: "max-w-screen-sm",
  md: "max-w-screen-md",
  lg: "max-w-screen-lg",
  xl: "max-w-7xl",
  "2xl": "max-w-screen-2xl",
  "4xl": "max-w-[1536px]",
  full: "max-w-full"
};
var Container = React__namespace.default.forwardRef(
  ({ children, maxWidth = "xl", className, as = "div", ...props }, ref) => {
    const Component = as;
    return /* @__PURE__ */ jsxRuntime.jsx(
      Component,
      {
        ref,
        className: cn(
          "mx-auto w-full px-2 sm:px-4 lg:px-8",
          maxWidthStyles[maxWidth],
          className
        ),
        ...props,
        children
      }
    );
  }
);
Container.displayName = "Container";

// lib/patternSvgs.ts
var patternSvgs = {
  squareAltGrid: "https://cdn.ing/assets/files/record/286187/4gpn0yq2ptra8iwlvmwwv860ggwv",
  grid1: "https://cdn.ing/assets/files/record/286186/nbdflpgp4ostrno079hygibsflp3",
  noise: "https://cdn.ing/assets/i/r/286188/zrqcp9hynh3j7p2laihwzfbujgrl/noise.png",
  dots: "https://cdn.ing/assets/files/record/286198/yfsjx9thvtxzhl2qtshxyhkrm524",
  dotPattern: "https://cdn.ing/assets/files/record/286192/7ig0cku8aqbboiza8nuk6hw0nnsr",
  dotPattern2: "https://cdn.ing/assets/files/record/286189/arez6gd2s7isn9i1o6c7sexdq7bl",
  circles: "https://cdn.ing/assets/files/record/286190/gtmia3sncjtzetdshc20zf1d3c17",
  waves: "https://cdn.ing/assets/files/record/286191/mqlb33fzxz9cdth1bx7if0wmpkp1",
  crossPattern: "https://cdn.ing/assets/files/record/286193/9yfqwdbnqaipbp7fsb3wbzzmq472",
  architect: "https://cdn.ing/assets/files/record/286194/vgs88ugpvyhxu13wqgy0acvae6re",
  tinyCheckers: "https://cdn.ing/assets/files/record/286195/65efaknsw8kcpf9o3c2gybytsl5b",
  p6: "https://cdn.ing/assets/i/r/286196/6kl0rqnd6mjk8j7e525fo8fo0vkc/p6.webp"
};
var maskTop = "radial-gradient(ellipse 70% 60% at 50% 0%, #000 60%, transparent 100%)";
var maskBottom = "radial-gradient(ellipse 100% 80% at 50% 100%, #000 50%, transparent 90%)";
var maskCenter = "radial-gradient(ellipse 60% 60% at 50% 50%, #000 30%, transparent 70%)";
var maskTopLeft = "radial-gradient(ellipse 80% 80% at 0% 0%, #000 50%, transparent 90%)";
var maskTopRight = "radial-gradient(ellipse 80% 80% at 100% 0%, #000 50%, transparent 90%)";
var maskBottomLeft = "radial-gradient(ellipse 80% 80% at 0% 100%, #000 50%, transparent 90%)";
var maskBottomRight = "radial-gradient(ellipse 80% 80% at 100% 100%, #000 50%, transparent 90%)";
var circuitBoardPattern = (id, mask) => /* @__PURE__ */ jsxRuntime.jsxs(
  "svg",
  {
    className: "h-full w-full",
    xmlns: "http://www.w3.org/2000/svg",
    style: mask ? {
      maskImage: mask,
      WebkitMaskImage: mask
    } : void 0,
    children: [
      /* @__PURE__ */ jsxRuntime.jsx("defs", { children: /* @__PURE__ */ jsxRuntime.jsxs(
        "pattern",
        {
          id,
          x: "0",
          y: "0",
          width: "100",
          height: "100",
          patternUnits: "userSpaceOnUse",
          children: [
            /* @__PURE__ */ jsxRuntime.jsx(
              "path",
              {
                d: "M0 50h40M60 50h40M50 0v40M50 60v40",
                stroke: "hsl(var(--muted))",
                strokeWidth: "1",
                fill: "none"
              }
            ),
            /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "50", cy: "50", r: "3", fill: "hsl(var(--muted))" }),
            /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "0", cy: "50", r: "2", fill: "hsl(var(--muted))" }),
            /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "100", cy: "50", r: "2", fill: "hsl(var(--muted))" }),
            /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "50", cy: "0", r: "2", fill: "hsl(var(--muted))" }),
            /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "50", cy: "100", r: "2", fill: "hsl(var(--muted))" })
          ]
        }
      ) }),
      /* @__PURE__ */ jsxRuntime.jsx("rect", { width: "100%", height: "100%", fill: `url(#${id})` })
    ]
  }
);
var gridDotsPattern = (id, mask) => /* @__PURE__ */ jsxRuntime.jsxs(
  "svg",
  {
    className: "h-full w-full",
    xmlns: "http://www.w3.org/2000/svg",
    style: mask ? {
      maskImage: mask,
      WebkitMaskImage: mask
    } : void 0,
    children: [
      /* @__PURE__ */ jsxRuntime.jsx("defs", { children: /* @__PURE__ */ jsxRuntime.jsxs(
        "pattern",
        {
          id,
          x: "0",
          y: "0",
          width: "40",
          height: "40",
          patternUnits: "userSpaceOnUse",
          children: [
            /* @__PURE__ */ jsxRuntime.jsx(
              "path",
              {
                d: "M0 20h40M20 0v40",
                stroke: "hsl(var(--muted))",
                strokeWidth: "0.5",
                fill: "none"
              }
            ),
            /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "20", cy: "20", r: "2", fill: "hsl(var(--muted))" })
          ]
        }
      ) }),
      /* @__PURE__ */ jsxRuntime.jsx("rect", { width: "100%", height: "100%", fill: `url(#${id})` })
    ]
  }
);
var gridPattern = (size, mask) => /* @__PURE__ */ jsxRuntime.jsx(
  "div",
  {
    className: "h-full w-full bg-[linear-gradient(to_right,_hsl(var(--muted))_1px,_transparent_1px),linear-gradient(to_bottom,_hsl(var(--muted))_1px,_transparent_1px)]",
    style: {
      backgroundSize: `${size}px ${size}px`,
      ...mask ? {
        maskImage: mask,
        WebkitMaskImage: mask
      } : {}
    }
  }
);
var diagonalCrossPattern = (mask) => /* @__PURE__ */ jsxRuntime.jsx(
  "div",
  {
    className: "h-full w-full",
    style: {
      backgroundImage: "repeating-linear-gradient(45deg, transparent, transparent 32px, hsl(var(--muted)) 32px, hsl(var(--muted)) 33px), repeating-linear-gradient(135deg, transparent, transparent 32px, hsl(var(--muted)) 32px, hsl(var(--muted)) 33px)",
      ...mask ? {
        maskImage: mask,
        WebkitMaskImage: mask
      } : {}
    }
  }
);
var dashedGridMaskBase = "repeating-linear-gradient(to right, black 0px, black 3px, transparent 3px, transparent 8px), repeating-linear-gradient(to bottom, black 0px, black 3px, transparent 3px, transparent 8px)";
var dashedGridPattern = (fadeMask) => {
  const mask = fadeMask ? `${dashedGridMaskBase}, ${fadeMask}` : dashedGridMaskBase;
  return /* @__PURE__ */ jsxRuntime.jsx(
    "div",
    {
      className: "h-full w-full",
      style: {
        backgroundImage: "linear-gradient(to right, hsl(var(--muted)) 1px, transparent 1px), linear-gradient(to bottom, hsl(var(--muted)) 1px, transparent 1px)",
        backgroundSize: "20px 20px",
        backgroundPosition: "0 0, 0 0",
        maskImage: mask,
        WebkitMaskImage: mask,
        maskComposite: "intersect",
        WebkitMaskComposite: "source-in"
      }
    }
  );
};
var gradientGlow = (position) => /* @__PURE__ */ jsxRuntime.jsx(
  "div",
  {
    className: cn(
      "pointer-events-none absolute left-1/2 z-0 aspect-square w-3/4 -translate-x-1/2 rounded-full opacity-50 blur-3xl",
      position === "top" ? "-top-1/4" : "-bottom-1/4"
    ),
    style: {
      background: "radial-gradient(circle, hsl(var(--primary)) 0%, transparent 70%)"
    }
  }
);
var spotlight = (position) => /* @__PURE__ */ jsxRuntime.jsx(
  "div",
  {
    className: cn(
      "pointer-events-none absolute top-1/2 z-0 aspect-square w-3/4 -translate-y-1/2 rounded-full opacity-40 blur-3xl",
      position === "left" ? "-left-1/4" : "-right-1/4"
    ),
    style: {
      background: "radial-gradient(circle, hsl(var(--primary)) 0%, transparent 70%)"
    }
  }
);
var patternOverlays = {
  circuitBoardBasic: () => circuitBoardPattern("circuit-board-basic"),
  circuitBoardFadeTop: () => circuitBoardPattern("circuit-board-fade-top", maskTop),
  circuitBoardFadeBottom: () => circuitBoardPattern("circuit-board-fade-bottom", maskBottom),
  circuitBoardFadeCenter: () => circuitBoardPattern("circuit-board-fade-center", maskCenter),
  circuitBoardFadeTopLeft: () => circuitBoardPattern("circuit-board-fade-top-left", maskTopLeft),
  circuitBoardFadeTopRight: () => circuitBoardPattern("circuit-board-fade-top-right", maskTopRight),
  circuitBoardFadeBottomLeft: () => circuitBoardPattern("circuit-board-fade-bottom-left", maskBottomLeft),
  circuitBoardFadeBottomRight: () => circuitBoardPattern("circuit-board-fade-bottom-right", maskBottomRight),
  dashedGridBasic: () => dashedGridPattern(),
  dashedGridFadeTop: () => dashedGridPattern(maskTop),
  dashedGridFadeBottom: () => dashedGridPattern(maskBottom),
  dashedGridFadeCenter: () => dashedGridPattern(maskCenter),
  dashedGridFadeTopLeft: () => dashedGridPattern(maskTopLeft),
  dashedGridFadeTopRight: () => dashedGridPattern(maskTopRight),
  dashedGridFadeBottomLeft: () => dashedGridPattern(maskBottomLeft),
  dashedGridFadeBottomRight: () => dashedGridPattern(maskBottomRight),
  diagonalCrossBasic: () => diagonalCrossPattern(),
  diagonalCrossFadeTop: () => diagonalCrossPattern(maskTop),
  diagonalCrossFadeBottom: () => diagonalCrossPattern(maskBottom),
  diagonalCrossFadeCenter: () => diagonalCrossPattern(maskCenter),
  diagonalCrossFadeTopLeft: () => diagonalCrossPattern(maskTopLeft),
  diagonalCrossFadeTopRight: () => diagonalCrossPattern(maskTopRight),
  diagonalCrossFadeBottomLeft: () => diagonalCrossPattern(maskBottomLeft),
  diagonalCrossFadeBottomRight: () => diagonalCrossPattern(maskBottomRight),
  gridBasic: () => gridPattern(40),
  gridFadeTop: () => gridPattern(32, maskTop),
  gridFadeBottom: () => gridPattern(32, maskBottom),
  gridFadeCenter: () => gridPattern(40, maskCenter),
  gridFadeTopLeft: () => gridPattern(32, maskTopLeft),
  gridFadeTopRight: () => gridPattern(32, maskTopRight),
  gridFadeBottomLeft: () => gridPattern(32, maskBottomLeft),
  gridFadeBottomRight: () => gridPattern(32, maskBottomRight),
  gridDotsBasic: () => gridDotsPattern("grid-dots-basic"),
  gridDotsFadeCenter: () => gridDotsPattern("grid-dots-fade-center", maskCenter),
  gradientGlowTop: () => gradientGlow("top"),
  gradientGlowBottom: () => gradientGlow("bottom"),
  spotlightLeft: () => spotlight("left"),
  spotlightRight: () => spotlight("right")
};
var inlinePatternStyles = {
  radialGradientTop: {
    background: "radial-gradient(125% 125% at 50% 10%, hsl(var(--background)) 40%, hsl(var(--primary)) 100%)"
  },
  radialGradientBottom: {
    background: "radial-gradient(125% 125% at 50% 90%, hsl(var(--background)) 40%, hsl(var(--primary)) 100%)"
  }
};
function PatternBackground({
  pattern,
  opacity = 0.08,
  className,
  style
}) {
  if (!pattern) {
    return null;
  }
  if (pattern in inlinePatternStyles) {
    const inlineStyle = inlinePatternStyles[pattern];
    return /* @__PURE__ */ jsxRuntime.jsx(
      "div",
      {
        className: cn("pointer-events-none absolute inset-0 z-0", className),
        style: { ...inlineStyle, opacity, ...style },
        "aria-hidden": "true"
      }
    );
  }
  if (pattern in patternOverlays) {
    const Overlay = patternOverlays[pattern];
    return /* @__PURE__ */ jsxRuntime.jsx(
      "div",
      {
        className: cn("pointer-events-none absolute inset-0 z-0", className),
        style: { opacity, ...style },
        "aria-hidden": "true",
        children: Overlay()
      }
    );
  }
  const patternUrl = pattern in patternSvgs ? patternSvgs[pattern] : pattern;
  return /* @__PURE__ */ jsxRuntime.jsx(
    "div",
    {
      className: cn("pointer-events-none absolute inset-0 z-0", className),
      style: {
        backgroundImage: `url(${patternUrl})`,
        backgroundRepeat: "repeat",
        backgroundSize: "auto",
        opacity,
        ...style
      },
      "aria-hidden": "true"
    }
  );
}
var backgroundStyles = {
  default: "bg-background text-foreground",
  white: "bg-white text-dark",
  gray: "bg-muted/30 text-foreground",
  dark: "bg-foreground text-background",
  transparent: "bg-transparent text-foreground",
  gradient: "bg-linear-to-br from-primary via-primary/90 to-foreground text-primary-foreground",
  primary: "bg-primary text-primary-foreground",
  secondary: "bg-secondary text-secondary-foreground",
  muted: "bg-muted text-muted-foreground"
};
var spacingStyles = {
  none: "py-0 md:py-0",
  sm: "py-12 md:py-16",
  md: "py-16 md:py-24",
  lg: "py-20 md:py-32",
  xl: "py-24 md:py-40",
  hero: "pt-32 pb-12 md:pt-40 md:pb-40"
};
var predefinedSpacings = ["none", "sm", "md", "lg", "xl", "hero"];
var isPredefinedSpacing = (spacing) => predefinedSpacings.includes(spacing);
var Section = React__namespace.default.forwardRef(
  ({
    id,
    title,
    subtitle,
    children,
    className,
    style,
    background = "default",
    spacing = "lg",
    pattern,
    patternOpacity,
    patternClassName,
    containerClassName,
    containerMaxWidth = "xl",
    ...props
  }, ref) => {
    const effectivePatternOpacity = patternOpacity !== void 0 ? patternOpacity : pattern ? 1 : 0;
    return /* @__PURE__ */ jsxRuntime.jsxs(
      "section",
      {
        ref,
        id,
        className: cn(
          "relative",
          pattern ? "overflow-hidden" : null,
          backgroundStyles[background],
          isPredefinedSpacing(spacing) ? spacingStyles[spacing] : spacing,
          className
        ),
        style,
        ...props,
        children: [
          /* @__PURE__ */ jsxRuntime.jsx(
            PatternBackground,
            {
              pattern,
              opacity: effectivePatternOpacity,
              className: patternClassName
            }
          ),
          /* @__PURE__ */ jsxRuntime.jsxs(
            Container,
            {
              maxWidth: containerMaxWidth,
              className: cn("relative z-10", containerClassName),
              children: [
                (title || subtitle) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-6 text-center md:mb-16", children: [
                  subtitle && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mb-2 text-sm font-semibold uppercase tracking-wider", children: subtitle }),
                  title && /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-3xl font-bold tracking-tight md:text-4xl lg:text-5xl", children: title })
                ] }),
                children
              ]
            }
          )
        ]
      }
    );
  }
);
Section.displayName = "Section";
function Accordion({
  ...props
}) {
  return /* @__PURE__ */ jsxRuntime.jsx(AccordionPrimitive__namespace.Root, { "data-slot": "accordion", ...props });
}
function AccordionItem({
  className,
  ...props
}) {
  return /* @__PURE__ */ jsxRuntime.jsx(
    AccordionPrimitive__namespace.Item,
    {
      "data-slot": "accordion-item",
      className: cn(className, "border-b"),
      ...props
    }
  );
}
function AccordionTrigger({
  className,
  children,
  ...props
}) {
  return /* @__PURE__ */ jsxRuntime.jsx(AccordionPrimitive__namespace.Header, { className: "flex", children: /* @__PURE__ */ jsxRuntime.jsxs(
    AccordionPrimitive__namespace.Trigger,
    {
      "data-slot": "accordion-trigger",
      className: cn(
        "cursor-pointer focus-visible:border-ring focus-visible:ring-ring/50 flex flex-1 items-center justify-between gap-4 rounded-md py-4 text-left text-sm font-medium transition-all outline-none hover:underline focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&[data-state=open]>svg]:rotate-180",
        className
      ),
      ...props,
      children: [
        children,
        /* @__PURE__ */ jsxRuntime.jsx(
          DynamicIcon,
          {
            name: "lucide/chevron-down",
            className: "pointer-events-none size-4 shrink-0 translate-y-0.5 transition-transform duration-200"
          }
        )
      ]
    }
  ) });
}
function AccordionContent({
  className,
  children,
  ...props
}) {
  return /* @__PURE__ */ jsxRuntime.jsx(
    AccordionPrimitive__namespace.Content,
    {
      "data-slot": "accordion-content",
      className: "data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-base",
      ...props,
      children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("pt-0 pb-4", className), children })
    }
  );
}
function NavigationMenu({
  className,
  children,
  viewport = true,
  ...props
}) {
  return /* @__PURE__ */ jsxRuntime.jsxs(
    NavigationMenuPrimitive__namespace.Root,
    {
      "data-slot": "navigation-menu",
      "data-viewport": viewport,
      className: cn(
        "group/navigation-menu relative flex max-w-max flex-1 items-center justify-center",
        className
      ),
      ...props,
      children: [
        children,
        viewport && /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuViewport, {})
      ]
    }
  );
}
function NavigationMenuList({
  className,
  ...props
}) {
  return /* @__PURE__ */ jsxRuntime.jsx(
    NavigationMenuPrimitive__namespace.List,
    {
      "data-slot": "navigation-menu-list",
      className: cn(
        "group flex flex-1 list-none items-center justify-center gap-2 lg:gap-4",
        className
      ),
      ...props
    }
  );
}
function NavigationMenuItem({
  className,
  ...props
}) {
  return /* @__PURE__ */ jsxRuntime.jsx(
    NavigationMenuPrimitive__namespace.Item,
    {
      "data-slot": "navigation-menu-item",
      className: cn("relative", className),
      ...props
    }
  );
}
var navigationMenuTriggerStyle = classVarianceAuthority.cva(
  "group inline-flex h-9 w-max gap-1 items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium text-foreground/80 hover:bg-muted hover:text-foreground focus:bg-muted focus:text-foreground disabled:pointer-events-none disabled:opacity-50 data-[state=open]:hover:bg-muted data-[state=open]:text-foreground data-[state=open]:focus:bg-muted data-[state=open]:bg-muted/50 focus-visible:ring-ring/50 outline-none transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1"
);
function NavigationMenuTrigger({
  className,
  children,
  ...props
}) {
  return /* @__PURE__ */ jsxRuntime.jsxs(
    NavigationMenuPrimitive__namespace.Trigger,
    {
      "data-slot": "navigation-menu-trigger",
      className: cn(navigationMenuTriggerStyle(), "group", className),
      ...props,
      children: [
        children,
        /* @__PURE__ */ jsxRuntime.jsx(
          DynamicIcon,
          {
            size: 18,
            name: "lucide/chevron-down",
            className: "relative top-px opacity-50 transition duration-300 group-data-[state=open]:rotate-180",
            "aria-hidden": "true"
          }
        )
      ]
    }
  );
}
function NavigationMenuContent({
  className,
  ...props
}) {
  return /* @__PURE__ */ jsxRuntime.jsx(
    NavigationMenuPrimitive__namespace.Content,
    {
      "data-slot": "navigation-menu-content",
      className: cn(
        "data-[motion^=from-]:animate-in data-[motion^=to-]:animate-out data-[motion^=from-]:fade-in data-[motion^=to-]:fade-out data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 top-0 left-0 w-full p-2 pr-2.5 md:absolute md:w-auto",
        "group-data-[viewport=false]/navigation-menu:bg-popover group-data-[viewport=false]/navigation-menu:text-popover-foreground group-data-[viewport=false]/navigation-menu:data-[state=open]:animate-in group-data-[viewport=false]/navigation-menu:data-[state=closed]:animate-out group-data-[viewport=false]/navigation-menu:data-[state=closed]:zoom-out-95 group-data-[viewport=false]/navigation-menu:data-[state=open]:zoom-in-95 group-data-[viewport=false]/navigation-menu:data-[state=open]:fade-in-0 group-data-[viewport=false]/navigation-menu:data-[state=closed]:fade-out-0 group-data-[viewport=false]/navigation-menu:top-full group-data-[viewport=false]/navigation-menu:mt-1.5 group-data-[viewport=false]/navigation-menu:overflow-hidden group-data-[viewport=false]/navigation-menu:rounded-md group-data-[viewport=false]/navigation-menu:border group-data-[viewport=false]/navigation-menu:shadow group-data-[viewport=false]/navigation-menu:duration-200 **:data-[slot=navigation-menu-link]:focus:ring-0 **:data-[slot=navigation-menu-link]:focus:outline-none",
        className
      ),
      ...props
    }
  );
}
function NavigationMenuViewport({
  className,
  ...props
}) {
  return /* @__PURE__ */ jsxRuntime.jsx(
    "div",
    {
      className: cn(
        "absolute top-full left-0 isolate z-50 flex justify-center"
      ),
      children: /* @__PURE__ */ jsxRuntime.jsx(
        NavigationMenuPrimitive__namespace.Viewport,
        {
          "data-slot": "navigation-menu-viewport",
          className: cn(
            "origin-top-center bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-90 relative mt-1.5 h-(--radix-navigation-menu-viewport-height) w-full overflow-hidden rounded-md border border-border/50 shadow-sm md:w-(--radix-navigation-menu-viewport-width)",
            className
          ),
          ...props
        }
      )
    }
  );
}
function NavigationMenuLink({
  className,
  ...props
}) {
  return /* @__PURE__ */ jsxRuntime.jsx(
    NavigationMenuPrimitive__namespace.Link,
    {
      "data-slot": "navigation-menu-link",
      className: cn(
        "group inline-flex h-auto w-max items-center justify-center rounded-md bg-transparent px-3 py-2 text-sm font-normal text-foreground/80 hover:bg-muted hover:text-foreground focus:bg-muted focus:text-foreground disabled:pointer-events-none disabled:opacity-50 data-[state=open]:hover:bg-muted data-[state=open]:text-foreground data-[state=open]:focus:bg-muted data-[state=open]:bg-muted/50 focus-visible:ring-ring/50 outline-none transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1",
        className
      ),
      ...props
    }
  );
}
var NavbarMobileMenu = ({
  open,
  onClose,
  children,
  className,
  contentClassName,
  closeContainerClassName,
  closeIconClassName,
  title = "Mobile Navigation"
}) => {
  React__namespace.useEffect(() => {
    if (open) {
      const originalOverflow = document.body.style.overflow;
      document.body.style.overflow = "hidden";
      return () => {
        document.body.style.overflow = originalOverflow;
      };
    }
  }, [open]);
  if (!open) return null;
  return /* @__PURE__ */ jsxRuntime.jsxs(
    "div",
    {
      className: cn(
        "fixed inset-0 z-998 flex flex-col bg-background",
        "animate-in slide-in-from-top duration-300",
        "data-[state=closed]:animate-out data-[state=closed]:slide-out-to-top data-[state=closed]:duration-300",
        className
      ),
      "data-state": open ? "open" : "closed",
      children: [
        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "sr-only", children: /* @__PURE__ */ jsxRuntime.jsx("h2", { children: title }) }),
        /* @__PURE__ */ jsxRuntime.jsx(
          "div",
          {
            className: cn(
              "absolute top-0 left-0 right-0 p-4 bg-background flex justify-end items-center z-10 w-screen",
              closeContainerClassName
            ),
            children: /* @__PURE__ */ jsxRuntime.jsxs(
              "button",
              {
                onClick: onClose,
                className: cn(
                  "flex size-10 items-center justify-center rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none",
                  closeIconClassName
                ),
                "aria-label": "Close mobile menu",
                children: [
                  /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/x", className: "size-4" }),
                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "Close" })
                ]
              }
            )
          }
        ),
        /* @__PURE__ */ jsxRuntime.jsx(
          "div",
          {
            className: cn(
              "h-full overflow-y-auto pt-20 pb-8 px-4 sm:px-6",
              contentClassName
            ),
            children
          }
        )
      ]
    }
  );
};
var NavbarLogo = ({
  logo,
  logoSlot,
  logoClassName,
  optixFlowConfig
}) => {
  if (logoSlot) return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: logoSlot });
  if (!logo) return null;
  return /* @__PURE__ */ jsxRuntime.jsx(
    pressable.Pressable,
    {
      href: logo.url || "/",
      className: cn("flex items-center", logoClassName),
      children: logo.src ? (
        // Standard single logo image
        /* @__PURE__ */ jsxRuntime.jsx(
          img.Img,
          {
            src: logo.src,
            className: cn("max-h-8 w-auto object-contain", logo.className),
            alt: logo.alt || "Logo",
            optixFlowConfig,
            loading: "eager"
          }
        )
      ) : (
        // Text-based logo (title as string or React element)
        logo.title && (typeof logo.title === "string" ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xl md:text-2xl font-semibold tracking-tighter", children: logo.title }) : logo.title)
      )
    }
  );
};

// components/blocks/navbars/layout-variant-utils.ts
function getNavbarLayoutClasses(layoutVariant = "fullScreenContainerizedLinks", customClasses) {
  const isFloatingBar = layoutVariant === "floatingBar";
  const isFullWidthLinks = layoutVariant === "fullScreenFullWidthLinks";
  const isContainerizedLinks = layoutVariant === "fullScreenContainerizedLinks";
  return {
    // Section wrapper classes - always full width for non-floating variants
    sectionClasses: cn(
      "inset-x-0 z-20",
      isFloatingBar ? "sticky top-4" : "fixed top-0",
      customClasses?.className
    ),
    // Outer container wrapper (only for floating bar - this containerizes the entire navbar)
    containerWrapperClasses: cn(
      "w-full",
      isFloatingBar && "mx-auto container relative z-10 px-0 sm:px-0 lg:px-0"
    ),
    // Inner container classes (only for fullScreenContainerizedLinks - this containerizes the content inside the navbar)
    innerContainerClasses: cn(
      isContainerizedLinks && "container px-4 sm:px-6 lg:px-8",
      isFullWidthLinks && "mx-auto w-full px-4 sm:px-6 lg:px-8",
      customClasses?.containerClassName
    ),
    // Navigation wrapper classes (for border and shadow)
    navWrapperClasses: cn(
      "w-full h-16 items-center",
      isFloatingBar ? "border border-border/50 shadow-sm rounded-full" : "border-b border-border/50 shadow-sm  flex justify-center"
    ),
    // Section container configuration for full-width navbars
    sectionContainerClassName: "px-0 sm:px-0 lg:px-0",
    sectionContainerMaxWidth: "full",
    // Spacing adjustment for Section component
    spacingOverride: isFloatingBar ? "none" : "py-0 md:py-0"
  };
}
var SolutionsMenu = ({
  solutionCards,
  platformItems,
  platformTitle = "Platform",
  featuredHeroCard,
  optixFlowConfig
}) => {
  const featuredCard = featuredHeroCard ? /* @__PURE__ */ jsxRuntime.jsxs(
    pressable.Pressable,
    {
      href: featuredHeroCard.href,
      className: cn(
        "group flex h-full min-h-[420px] flex-col overflow-hidden rounded-lg text-primary-foreground",
        featuredHeroCard.variant === "accent" ? "bg-accent text-accent-foreground" : "bg-primary"
      ),
      children: [
        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex shrink-0 flex-col justify-between p-5", children: [
          featuredHeroCard.subtitle && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "mb-2 text-xs font-medium tracking-wider uppercase", children: featuredHeroCard.subtitle }),
          /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1.5 text-base font-semibold", children: [
              featuredHeroCard.title,
              /* @__PURE__ */ jsxRuntime.jsx(
                DynamicIcon,
                {
                  name: "lucide/arrow-right",
                  size: 16,
                  className: "transition-transform group-hover:translate-x-1"
                }
              )
            ] }),
            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-2 text-sm leading-relaxed text-primary-foreground/85", children: featuredHeroCard.description })
          ] })
        ] }),
        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative min-h-0 flex-1 overflow-hidden", children: /* @__PURE__ */ jsxRuntime.jsx(
          img.Img,
          {
            src: featuredHeroCard.image,
            alt: featuredHeroCard.title,
            className: "h-full w-full object-cover",
            optixFlowConfig
          }
        ) })
      ]
    }
  ) : null;
  const platformSection = platformItems.length > 0 ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0", children: [
    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-3 text-left", children: /* @__PURE__ */ jsxRuntime.jsx("strong", { className: "text-xs font-medium tracking-wider text-muted-foreground uppercase", children: platformTitle }) }),
    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-2 gap-2", children: platformItems.map((technology) => /* @__PURE__ */ jsxRuntime.jsxs(
      NavigationMenuLink,
      {
        href: technology.href,
        className: "group !flex !w-full min-w-0 items-center gap-2 rounded-lg p-2 hover:bg-muted",
        children: [
          /* @__PURE__ */ jsxRuntime.jsx(
            DynamicIcon,
            {
              name: technology.icon,
              size: 16,
              className: "shrink-0"
            }
          ),
          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "min-w-0 flex-1 text-sm font-medium", children: technology.title })
        ]
      },
      technology.id
    )) })
  ] }) : null;
  const solutionSection = solutionCards.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-2 gap-3", children: solutionCards.map((solution) => /* @__PURE__ */ jsxRuntime.jsxs(
    "div",
    {
      className: "flex min-w-0 flex-col rounded-lg border border-border p-4",
      children: [
        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-b border-border pb-3", children: /* @__PURE__ */ jsxRuntime.jsxs(
          pressable.Pressable,
          {
            href: solution.href,
            className: "group flex min-w-0 flex-col text-left",
            children: [
              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-w-0 items-center gap-1", children: [
                /* @__PURE__ */ jsxRuntime.jsx("strong", { className: "min-w-0 break-words text-sm font-medium", children: solution.title }),
                /* @__PURE__ */ jsxRuntime.jsx(
                  DynamicIcon,
                  {
                    name: "lucide/arrow-right",
                    size: 14,
                    className: "shrink-0 transition-transform group-hover:translate-x-1"
                  }
                )
              ] }),
              /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 break-words text-xs text-muted-foreground", children: solution.description })
            ]
          }
        ) }),
        /* @__PURE__ */ jsxRuntime.jsx("menu", { className: "mt-3 grid gap-2", children: solution.subpages.map((subpage) => /* @__PURE__ */ jsxRuntime.jsxs(
          NavigationMenuLink,
          {
            href: subpage.href,
            className: "group !flex !w-full min-w-0 items-center gap-2 rounded-lg p-2 text-left hover:bg-muted",
            children: [
              /* @__PURE__ */ jsxRuntime.jsx(
                DynamicIcon,
                {
                  name: subpage.icon,
                  size: 14,
                  className: "shrink-0"
                }
              ),
              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "min-w-0 flex-1 break-words text-sm font-medium", children: subpage.title })
            ]
          },
          subpage.id
        )) })
      ]
    },
    solution.id
  )) }) : null;
  if (featuredCard) {
    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid w-[1200px] max-w-[calc(100vw-4rem)] grid-cols-[minmax(380px,1fr)_minmax(360px,0.95fr)] gap-4", children: [
      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "min-w-0", children: featuredCard }),
      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-w-0 flex-col gap-4", children: [
        platformSection,
        solutionSection
      ] })
    ] });
  }
  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid w-[1200px] max-w-[calc(100vw-4rem)] grid-cols-2 gap-4", children: [
    platformSection,
    solutionCards.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "col-span-2 grid grid-cols-4 gap-3", children: solutionCards.map((solution) => /* @__PURE__ */ jsxRuntime.jsxs(
      "div",
      {
        className: "flex min-w-0 flex-col rounded-lg border border-border p-4",
        children: [
          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-b border-border pb-3", children: /* @__PURE__ */ jsxRuntime.jsxs(
            pressable.Pressable,
            {
              href: solution.href,
              className: "group flex min-w-0 flex-col text-left",
              children: [
                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-w-0 items-center gap-1", children: [
                  /* @__PURE__ */ jsxRuntime.jsx("strong", { className: "min-w-0 break-words text-sm font-medium", children: solution.title }),
                  /* @__PURE__ */ jsxRuntime.jsx(
                    DynamicIcon,
                    {
                      name: "lucide/arrow-right",
                      size: 14,
                      className: "shrink-0 transition-transform group-hover:translate-x-1"
                    }
                  )
                ] }),
                /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 break-words text-xs text-muted-foreground", children: solution.description })
              ]
            }
          ) }),
          /* @__PURE__ */ jsxRuntime.jsx("menu", { className: "mt-3 grid gap-2", children: solution.subpages.map((subpage) => /* @__PURE__ */ jsxRuntime.jsxs(
            NavigationMenuLink,
            {
              href: subpage.href,
              className: "group !flex !w-full min-w-0 items-center gap-2 rounded-lg p-2 text-left hover:bg-muted",
              children: [
                /* @__PURE__ */ jsxRuntime.jsx(
                  DynamicIcon,
                  {
                    name: subpage.icon,
                    size: 14,
                    className: "shrink-0"
                  }
                ),
                /* @__PURE__ */ jsxRuntime.jsx("div", { className: "min-w-0 flex-1 break-words text-sm font-medium", children: subpage.title })
              ]
            },
            subpage.id
          )) })
        ]
      },
      solution.id
    )) })
  ] });
};
var ProductsMenu = ({
  productCategories,
  featuredHeroCard,
  optixFlowConfig
}) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid w-[1100px] grid-cols-[320px_1fr] gap-6", children: [
  featuredHeroCard && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "col-span-1", children: /* @__PURE__ */ jsxRuntime.jsxs(
    pressable.Pressable,
    {
      href: featuredHeroCard.href,
      className: cn(
        "group flex h-full flex-col overflow-hidden rounded-lg text-primary-foreground",
        featuredHeroCard.variant === "accent" ? "bg-accent text-accent-foreground" : "bg-primary"
      ),
      children: [
        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative aspect-video w-full overflow-hidden", children: /* @__PURE__ */ jsxRuntime.jsx(
          img.Img,
          {
            src: featuredHeroCard.image,
            alt: featuredHeroCard.title,
            className: "h-full w-full object-cover",
            optixFlowConfig
          }
        ) }),
        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col p-5", children: [
          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1.5 text-base font-semibold", children: [
            featuredHeroCard.title,
            /* @__PURE__ */ jsxRuntime.jsx(
              DynamicIcon,
              {
                name: "lucide/arrow-right",
                size: 16,
                className: "transition-transform group-hover:translate-x-1"
              }
            )
          ] }),
          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-2 text-sm leading-relaxed text-primary-foreground/85", children: featuredHeroCard.description })
        ] })
      ]
    }
  ) }),
  productCategories.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "col-span-1 flex flex-col gap-6", children: productCategories.map((category) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-3", children: [
    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-b border-border pb-2 text-left", children: /* @__PURE__ */ jsxRuntime.jsx("strong", { className: "text-xs font-medium tracking-wider text-muted-foreground uppercase", children: category.title }) }),
    /* @__PURE__ */ jsxRuntime.jsx("menu", { className: "grid grid-cols-3 gap-3", children: category.products.map((product) => /* @__PURE__ */ jsxRuntime.jsxs(
      NavigationMenuLink,
      {
        href: product.href,
        className: "group col-span-1 !flex !w-full items-center gap-3 rounded-lg p-3 text-left hover:bg-muted",
        children: [
          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative flex size-12 shrink-0 items-center justify-center overflow-hidden rounded", children: /* @__PURE__ */ jsxRuntime.jsx(
            img.Img,
            {
              src: product.image,
              alt: product.title,
              className: "h-full w-full object-cover",
              optixFlowConfig
            }
          ) }),
          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0 flex-1", children: [
            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm font-medium", children: product.title }),
            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-0.5 text-xs text-muted-foreground", children: product.description })
          ] })
        ]
      },
      product.id
    )) })
  ] }, category.title)) })
] });
var ResourcesMenu = ({
  resourceItems,
  resourcesTitle = "Resources",
  topicGroups,
  featuredHeroCard
}) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid w-[1100px] grid-cols-[280px_1fr_220px] gap-6", children: [
  featuredHeroCard && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "col-span-1", children: /* @__PURE__ */ jsxRuntime.jsxs(
    pressable.Pressable,
    {
      href: featuredHeroCard.href,
      className: cn(
        "group flex h-full flex-col overflow-hidden rounded-lg text-primary-foreground",
        featuredHeroCard.variant === "accent" ? "bg-accent text-accent-foreground" : "bg-primary"
      ),
      children: [
        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative aspect-[4/3] w-full overflow-hidden", children: /* @__PURE__ */ jsxRuntime.jsx(
          img.Img,
          {
            src: featuredHeroCard.image,
            alt: featuredHeroCard.title,
            className: "h-full w-full object-cover invert"
          }
        ) }),
        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col p-5", children: [
          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1.5 text-base font-semibold", children: [
            featuredHeroCard.title,
            /* @__PURE__ */ jsxRuntime.jsx(
              DynamicIcon,
              {
                name: "lucide/arrow-right",
                size: 16,
                className: "transition-transform group-hover:translate-x-1"
              }
            )
          ] }),
          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-2 text-sm leading-relaxed", children: featuredHeroCard.description })
        ] })
      ]
    }
  ) }),
  resourceItems.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "col-span-1", children: [
    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-3 text-left", children: /* @__PURE__ */ jsxRuntime.jsx("strong", { className: "text-xs font-medium tracking-wider text-muted-foreground uppercase", children: resourcesTitle }) }),
    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-2 gap-3", children: resourceItems.map((resource) => /* @__PURE__ */ jsxRuntime.jsxs(
      NavigationMenuLink,
      {
        href: resource.href,
        className: "group col-span-1 !flex !w-full items-start gap-3 rounded-lg border border-border p-3 hover:bg-muted",
        children: [
          /* @__PURE__ */ jsxRuntime.jsx(
            DynamicIcon,
            {
              name: resource.icon,
              size: 18,
              className: "mt-0.5 shrink-0"
            }
          ),
          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0 flex-1", children: [
            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm font-medium", children: resource.title }),
            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-0.5 text-xs text-muted-foreground", children: resource.description })
          ] })
        ]
      },
      resource.id
    )) })
  ] }),
  topicGroups.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "col-span-1", children: topicGroups.map((group) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-5 last:mb-0", children: [
    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-3 text-left", children: /* @__PURE__ */ jsxRuntime.jsx("strong", { className: "text-xs font-medium tracking-wider text-muted-foreground uppercase", children: group.title }) }),
    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-1.5", children: group.topics.map((topic) => /* @__PURE__ */ jsxRuntime.jsxs(
      NavigationMenuLink,
      {
        href: topic.href,
        className: "group !flex !w-full items-center gap-2 rounded-lg p-2 hover:bg-muted",
        children: [
          /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: topic.icon, size: 14, className: "shrink-0" }),
          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "min-w-0 flex-1 text-sm font-medium", children: topic.title })
        ]
      },
      topic.id
    )) })
  ] }, group.title)) })
] });
var GlobalMenu = ({
  featureCategories,
  regions,
  locationsTitle = "Locations",
  featuredHeroCard,
  optixFlowConfig
}) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "w-[1100px]", children: [
  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-[280px_1fr] gap-6", children: [
    featuredHeroCard && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "col-span-1", children: /* @__PURE__ */ jsxRuntime.jsxs(
      pressable.Pressable,
      {
        href: featuredHeroCard.href,
        className: cn(
          "group flex h-full flex-col overflow-hidden rounded-lg text-primary-foreground",
          featuredHeroCard.variant === "accent" ? "bg-accent text-accent-foreground" : "bg-primary"
        ),
        children: [
          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative aspect-[4/3] w-full overflow-hidden", children: /* @__PURE__ */ jsxRuntime.jsx(
            img.Img,
            {
              src: featuredHeroCard.image,
              alt: featuredHeroCard.title,
              className: "h-full w-full object-cover",
              optixFlowConfig
            }
          ) }),
          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col p-5", children: [
            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1.5 text-base font-semibold", children: [
              featuredHeroCard.title,
              /* @__PURE__ */ jsxRuntime.jsx(
                DynamicIcon,
                {
                  name: "lucide/arrow-right",
                  size: 16,
                  className: "transition-transform group-hover:translate-x-1"
                }
              )
            ] }),
            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-2 text-sm leading-relaxed text-primary-foreground/85", children: featuredHeroCard.description })
          ] })
        ]
      }
    ) }),
    featureCategories.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "col-span-1 flex flex-col gap-6", children: featureCategories.map((category) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-3", children: [
      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-b border-border pb-2 text-left", children: /* @__PURE__ */ jsxRuntime.jsx("strong", { className: "text-xs font-medium tracking-wider text-muted-foreground uppercase", children: category.title }) }),
      /* @__PURE__ */ jsxRuntime.jsx("menu", { className: "grid grid-cols-3 gap-3", children: category.features.map((feature) => /* @__PURE__ */ jsxRuntime.jsxs(
        NavigationMenuLink,
        {
          href: feature.href,
          className: "group col-span-1 !flex !w-full items-center gap-2 rounded-lg p-2 text-left hover:bg-muted",
          children: [
            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex size-8 shrink-0 items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: feature.icon, size: 18 }) }),
            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0 flex-1", children: [
              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm font-medium", children: feature.title }),
              /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-0.5 text-xs text-muted-foreground", children: feature.description })
            ] })
          ]
        },
        feature.id
      )) })
    ] }, category.title)) })
  ] }),
  regions.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-6", children: [
    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-3 border-b border-border pb-2 text-left", children: /* @__PURE__ */ jsxRuntime.jsx("strong", { className: "text-xs font-medium tracking-wider text-muted-foreground uppercase", children: locationsTitle }) }),
    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-4 gap-4", children: regions.map((region) => /* @__PURE__ */ jsxRuntime.jsxs(
      "div",
      {
        className: "col-span-1 flex w-full flex-col gap-3",
        children: [
          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-left text-xs font-medium text-muted-foreground", children: region.title }),
          /* @__PURE__ */ jsxRuntime.jsx("menu", { className: "grid gap-1.5", children: region.locations.map((location) => /* @__PURE__ */ jsxRuntime.jsxs(
            NavigationMenuLink,
            {
              href: location.href,
              className: "group !flex !w-full items-center gap-2 rounded-lg p-2 text-left hover:bg-muted",
              children: [
                /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex size-4 shrink-0 items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(
                  DynamicIcon,
                  {
                    name: location.icon,
                    size: 16,
                    className: "shrink-0"
                  }
                ) }),
                /* @__PURE__ */ jsxRuntime.jsx("div", { className: "min-w-0 flex-1 text-sm font-medium", children: location.title })
              ]
            },
            location.title
          )) })
        ]
      },
      region.title
    )) })
  ] })
] });
var PartnersMenu = ({
  partnerCards,
  featuredHeroCard,
  optixFlowConfig
}) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid w-[1000px] grid-cols-[2fr_1fr] gap-6", children: [
  featuredHeroCard && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "col-span-1", children: /* @__PURE__ */ jsxRuntime.jsxs(
    pressable.Pressable,
    {
      href: featuredHeroCard.href,
      className: cn(
        "group flex h-full flex-col overflow-hidden rounded-lg text-primary-foreground",
        featuredHeroCard.variant === "accent" ? "bg-accent text-accent-foreground" : "bg-primary"
      ),
      children: [
        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative aspect-video w-full overflow-hidden", children: /* @__PURE__ */ jsxRuntime.jsx(
          img.Img,
          {
            src: featuredHeroCard.image,
            alt: featuredHeroCard.title,
            className: cn(
              "h-full w-full object-cover",
              featuredHeroCard.imagePosition === "background" && "invert"
            ),
            optixFlowConfig
          }
        ) }),
        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col p-5", children: [
          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1.5 text-base font-semibold", children: [
            featuredHeroCard.title,
            /* @__PURE__ */ jsxRuntime.jsx(
              DynamicIcon,
              {
                name: "lucide/arrow-right",
                size: 16,
                className: "transition-transform group-hover:translate-x-1"
              }
            )
          ] }),
          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-2 text-sm leading-relaxed", children: featuredHeroCard.description })
        ] })
      ]
    }
  ) }),
  partnerCards.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "col-span-1 flex flex-col gap-3", children: partnerCards.map((card) => /* @__PURE__ */ jsxRuntime.jsxs(
    NavigationMenuLink,
    {
      href: card.href,
      className: "group !flex !w-full items-start gap-3 rounded-lg border border-border p-4 hover:bg-muted",
      children: [
        /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: card.icon, size: 28, className: "shrink-0" }),
        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0 flex-1", children: [
          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm font-bold", children: card.title }),
          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-0.5 text-xs text-muted-foreground", children: card.description })
        ] })
      ]
    },
    card.title
  )) })
] });
var MOBILE_BREAKPOINT = 1024;
var NavbarEnterpriseMega = ({
  className,
  containerClassName,
  navClassName,
  navigationMenuClassName,
  actionsClassName,
  logoClassName,
  logo,
  logoSlot,
  menuLinks,
  actions,
  actionsSlot,
  layoutVariant = "fullScreenContainerizedLinks",
  background = "white",
  spacing,
  pattern,
  patternOpacity,
  optixFlowConfig
}) => {
  const [open, setOpen] = React.useState(false);
  React.useEffect(() => {
    const handleResize = () => {
      if (window.innerWidth > MOBILE_BREAKPOINT) {
        setOpen(false);
      }
    };
    handleResize();
    window.addEventListener("resize", handleResize);
    return () => window.removeEventListener("resize", handleResize);
  }, []);
  React.useEffect(() => {
    document.body.style.overflow = open ? "hidden" : "auto";
  }, [open]);
  const handleMobileMenu = () => {
    setOpen(!open);
  };
  const renderActions = React.useMemo(() => {
    if (actionsSlot) return actionsSlot;
    if (!actions || actions.length === 0) return null;
    return actions.map((action, index) => {
      const {
        label,
        icon,
        iconAfter,
        children,
        className: actionClassName,
        ...pressableProps
      } = action;
      return /* @__PURE__ */ jsxRuntime.jsx(pressable.Pressable, { className: actionClassName, ...pressableProps, children: children ?? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
        /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: icon, size: 16, className: "shrink-0" }),
        label,
        /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: iconAfter, size: 16, className: "shrink-0" })
      ] }) }, index);
    });
  }, [actionsSlot, actions]);
  const {
    sectionClasses,
    containerWrapperClasses,
    innerContainerClasses,
    navWrapperClasses,
    sectionContainerClassName,
    sectionContainerMaxWidth,
    spacingOverride
  } = getNavbarLayoutClasses(layoutVariant, { className, containerClassName });
  return /* @__PURE__ */ jsxRuntime.jsxs(React.Fragment, { children: [
    /* @__PURE__ */ jsxRuntime.jsx(
      Section,
      {
        id: "navbar-enterprise-mega",
        background,
        spacing: spacingOverride ?? spacing,
        className: cn(
          "pointer-events-auto fixed top-0 z-999 flex w-full items-center justify-center",
          sectionClasses
        ),
        pattern,
        patternOpacity,
        containerClassName: sectionContainerClassName,
        containerMaxWidth: sectionContainerMaxWidth,
        children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: containerWrapperClasses, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: navWrapperClasses, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: innerContainerClasses, children: /* @__PURE__ */ jsxRuntime.jsxs(
          "nav",
          {
            className: cn(
              "flex h-16 items-center justify-between gap-8",
              navClassName
            ),
            children: [
              /* @__PURE__ */ jsxRuntime.jsx(
                NavbarLogo,
                {
                  logo,
                  logoSlot,
                  logoClassName,
                  optixFlowConfig
                }
              ),
              /* @__PURE__ */ jsxRuntime.jsx(
                NavigationMenu,
                {
                  className: cn(
                    "hidden lg:flex [&>div:last-child]:left-1/2 [&>div:last-child]:-translate-x-1/2",
                    navigationMenuClassName
                  ),
                  viewport: true,
                  children: /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuList, { children: menuLinks?.map((item, index) => /* @__PURE__ */ jsxRuntime.jsx(
                    DesktopMenuItem,
                    {
                      item,
                      index,
                      optixFlowConfig
                    },
                    `desktop-link-${index}`
                  )) })
                }
              ),
              /* @__PURE__ */ jsxRuntime.jsxs(
                "div",
                {
                  className: cn("flex items-center gap-3", actionsClassName),
                  children: [
                    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "hidden lg:flex lg:items-center lg:gap-3", children: renderActions }),
                    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "lg:hidden", children: /* @__PURE__ */ jsxRuntime.jsx(
                      pressable.Pressable,
                      {
                        className: "size-11",
                        variant: "ghost",
                        size: "icon",
                        asButton: true,
                        onClick: handleMobileMenu,
                        children: open ? /* @__PURE__ */ jsxRuntime.jsx(
                          DynamicIcon,
                          {
                            name: "lucide/x",
                            size: 22,
                            className: "stroke-foreground"
                          }
                        ) : /* @__PURE__ */ jsxRuntime.jsx(
                          DynamicIcon,
                          {
                            name: "lucide/menu",
                            size: 22,
                            className: "stroke-foreground"
                          }
                        )
                      }
                    ) })
                  ]
                }
              )
            ]
          }
        ) }) }) })
      }
    ),
    /* @__PURE__ */ jsxRuntime.jsx(
      MobileNavigationMenu,
      {
        open,
        setOpen,
        menuLinks: menuLinks ?? [],
        actionsClassName,
        actions,
        actionsSlot,
        optixFlowConfig
      }
    )
  ] });
};
var DesktopMenuItem = ({
  item,
  index,
  optixFlowConfig
}) => {
  const hasDropdown = Boolean(item.layout);
  const effectiveLayout = item.layout || "solutions-with-platform";
  if (hasDropdown) {
    return /* @__PURE__ */ jsxRuntime.jsxs(NavigationMenuItem, { value: `${index}`, children: [
      /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuTrigger, { className: "h-auto bg-transparent px-3 py-2 font-normal hover:bg-muted focus:bg-muted data-[state=open]:bg-muted/50", children: item.label }),
      /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuContent, { className: "max-h-[calc(100vh-6rem)] overflow-y-auto rounded-xl! border-0! p-4!", children: renderDropdownContent(
        { ...item, layout: effectiveLayout },
        optixFlowConfig
      ) })
    ] }, `desktop-menu-item-${index}`);
  }
  return /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuItem, { value: `${index}`, children: /* @__PURE__ */ jsxRuntime.jsx(
    NavigationMenuLink,
    {
      href: item.href,
      className: "h-auto bg-transparent px-3 py-2 font-normal hover:bg-muted focus:bg-muted",
      children: item.label
    }
  ) }, `desktop-menu-item-${index}`);
};
var renderDropdownContent = (item, optixFlowConfig) => {
  switch (item.layout) {
    case "solutions-with-platform":
      return /* @__PURE__ */ jsxRuntime.jsx(
        SolutionsMenu,
        {
          solutionCards: item.solutionCards ?? [],
          platformItems: item.platformItems ?? [],
          platformTitle: item.platformTitle,
          featuredHeroCard: item.featuredHeroCard,
          optixFlowConfig
        }
      );
    case "products-categorized":
      return /* @__PURE__ */ jsxRuntime.jsx(
        ProductsMenu,
        {
          productCategories: item.productCategories ?? [],
          featuredHeroCard: item.featuredHeroCard,
          optixFlowConfig
        }
      );
    case "features-with-locations":
      return /* @__PURE__ */ jsxRuntime.jsx(
        GlobalMenu,
        {
          featureCategories: item.featureCategories ?? [],
          regions: item.regions ?? [],
          locationsTitle: item.locationsTitle,
          featuredHeroCard: item.featuredHeroCard,
          optixFlowConfig
        }
      );
    case "partners-promotional":
      return /* @__PURE__ */ jsxRuntime.jsx(
        PartnersMenu,
        {
          partnerCards: item.partnerCards ?? [],
          featuredHeroCard: item.featuredHeroCard,
          optixFlowConfig
        }
      );
    case "resources-with-topics":
      return /* @__PURE__ */ jsxRuntime.jsx(
        ResourcesMenu,
        {
          resourceItems: item.resourceItems ?? [],
          resourcesTitle: item.resourcesTitle,
          topicGroups: item.topicGroups ?? [],
          featuredHeroCard: item.featuredHeroCard
        }
      );
    default:
      return null;
  }
};
var renderMobileDropdownContent = (item) => {
  switch (item.layout) {
    case "solutions-with-platform":
      return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col space-y-2", children: item.solutionCards?.map((solution) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
        /* @__PURE__ */ jsxRuntime.jsx(
          pressable.Pressable,
          {
            href: solution.href,
            className: "block pt-4 text-sm font-medium",
            children: solution.title
          }
        ),
        solution.subpages.map((subpage) => /* @__PURE__ */ jsxRuntime.jsxs(
          pressable.Pressable,
          {
            href: subpage.href,
            className: "flex items-center gap-2 pl-4 text-sm text-muted-foreground",
            children: [
              /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: subpage.icon, size: 14 }),
              subpage.title
            ]
          },
          subpage.id
        ))
      ] }, solution.id)) });
    case "products-categorized":
      return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-4", children: item.productCategories?.flatMap(
        (category) => category.products.map((product) => /* @__PURE__ */ jsxRuntime.jsx(
          pressable.Pressable,
          {
            href: product.href,
            className: "flex items-center pl-4 gap-2 text-sm text-muted-foreground",
            children: product.title
          },
          product.id
        ))
      ) });
    case "resources-with-topics":
      return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-4", children: item.resourceItems?.map((resource) => /* @__PURE__ */ jsxRuntime.jsxs(
        pressable.Pressable,
        {
          href: resource.href,
          className: "flex items-center pl-4 gap-2 text-sm text-muted-foreground",
          children: [
            /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: resource.icon, size: 14 }),
            resource.title
          ]
        },
        resource.id
      )) });
    case "features-with-locations":
    case "partners-promotional":
      return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm text-muted-foreground", children: /* @__PURE__ */ jsxRuntime.jsxs(pressable.Pressable, { href: "#", children: [
        "View all",
        " ",
        typeof item.label === "string" ? item.label.toLowerCase() : "items"
      ] }) });
    default:
      return null;
  }
};
var MobileNavigationMenu = ({
  open,
  setOpen,
  menuLinks,
  actionsClassName,
  actions,
  actionsSlot,
  optixFlowConfig
}) => {
  const renderActions = React.useMemo(() => {
    if (actionsSlot) return actionsSlot;
    if (!actions || actions.length === 0) return null;
    return actions.map((action, index) => {
      const {
        label,
        icon,
        iconAfter,
        children,
        className: actionClassName,
        ...pressableProps
      } = action;
      return /* @__PURE__ */ jsxRuntime.jsx(
        pressable.Pressable,
        {
          asButton: true,
          className: actionClassName,
          ...pressableProps,
          children: children ?? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
            /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: icon, size: 16, className: "shrink-0" }),
            label,
            /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: iconAfter, size: 16, className: "shrink-0" })
          ] })
        },
        index
      );
    });
  }, [actionsSlot, actions]);
  return /* @__PURE__ */ jsxRuntime.jsx(
    NavbarMobileMenu,
    {
      open,
      onClose: () => setOpen(false),
      title: "Mobile Navigation",
      children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "max-w-screen-sm mx-auto", children: [
        /* @__PURE__ */ jsxRuntime.jsx(Accordion, { type: "multiple", className: "w-full", children: menuLinks.map((item, index) => {
          const hasDropdown = Boolean(item.layout);
          if (hasDropdown) {
            return /* @__PURE__ */ jsxRuntime.jsxs(
              AccordionItem,
              {
                value: `nav-${index}`,
                className: "border-b-0",
                children: [
                  /* @__PURE__ */ jsxRuntime.jsx(AccordionTrigger, { className: "h-15 items-center text-base font-normal text-foreground hover:no-underline", children: item.label }),
                  /* @__PURE__ */ jsxRuntime.jsx(AccordionContent, { className: "overflow-x-none", children: renderMobileDropdownContent(item) })
                ]
              },
              typeof item.label === "string" ? item.label : `nav-${index}`
            );
          }
          return /* @__PURE__ */ jsxRuntime.jsx(
            pressable.Pressable,
            {
              href: item.href,
              className: "flex h-15 items-center text-base font-normal text-foreground",
              children: item.label
            },
            typeof item.label === "string" ? item.label : `nav-${index}`
          );
        }) }),
        /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mt-4 flex flex-col gap-4", actionsClassName), children: renderActions })
      ] })
    }
  );
};

exports.NavbarEnterpriseMega = NavbarEnterpriseMega;
