@opensite/ui 0.9.9 → 1.0.1

package/dist/components.cjs

@@ -1632,6 +1632,55 @@ function CarouselPagination({
     )
   ] });
 }
+var platformIconMap = {
+  instagram: "cib/instagram",
+  linkedin: "cib/linkedin",
+  google: "cib/google",
+  facebook: "cib/facebook",
+  tiktok: "cib/tiktok",
+  youtube: "cib/youtube",
+  yelp: "cib/yelp",
+  spotify: "cib/spotify",
+  apple: "cib/apple",
+  x: "line-md/twitter-x"
+};
+var SocialLinkIcon = React4__namespace.forwardRef(
+  ({
+    platformName,
+    label,
+    iconSize = 20,
+    iconColor,
+    iconClassName,
+    className,
+    ...pressableProps
+  }, ref) => {
+    const iconName = platformIconMap[platformName];
+    const accessibleLabel = label || platformName;
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      Pressable,
+      {
+        ref,
+        "aria-label": accessibleLabel,
+        className: cn(
+          "inline-flex items-center justify-center transition-colors",
+          className
+        ),
+        ...pressableProps,
+        children: /* @__PURE__ */ jsxRuntime.jsx(
+          DynamicIcon,
+          {
+            name: iconName,
+            size: iconSize,
+            color: iconColor,
+            className: iconClassName,
+            alt: accessibleLabel
+          }
+        )
+      }
+    );
+  }
+);
+SocialLinkIcon.displayName = "SocialLinkIcon";
 function AlternatingBlocks({
   sections,
   sectionsSlot,
@@ -4690,3 +4739,4 @@ exports.PopoverContent = PopoverContent;
 exports.PopoverTrigger = PopoverTrigger;
 exports.Pressable = Pressable;
 exports.Section = Section;
+exports.SocialLinkIcon = SocialLinkIcon;

package/dist/components.d.cts

@@ -9,6 +9,7 @@ export { Badge } from './badge.cjs';
 export { Popover, PopoverContent, PopoverTrigger } from './popover.cjs';
 export { DynamicIcon } from './dynamic-icon.cjs';
 export { CarouselPagination, CarouselPaginationProps } from './carousel-pagination.cjs';
+export { SocialLinkIcon, SocialLinkIconDynamicIconProps, SocialLinkIconProps, SocialPlatformName } from './social-link-icon.cjs';
 export { Pressable, PressableProps } from './pressable.cjs';
 export { AlternatingBlocks } from './alternating-blocks.cjs';
 export { c as AboutCultureTabs, p as AboutCultureTabsProps, b as AboutExpandableValues, n as AboutExpandableValuesProps, a as AboutMissionPrinciples, m as AboutMissionPrinciplesProps, A as AboutSplitHero, l as AboutSplitHeroProps, k as AlternatingBlockSection, j as AlternatingBlocksProps, h as AnimatedDialogProps, i as AnimatedDialogSize, C as CommunityInitiatives, o as CommunityInitiativesProps, e as ContainerMaxWidth, d as ContainerProps, q as MediaHoverCtaItem, r as MediaHoverCtaType, M as MediaHoverCtasProps, P as PageHeroBannerProps, f as SectionBackground, S as SectionProps, g as SectionSpacing } from './community-initiatives-CPyEa7IX.cjs';

package/dist/components.d.ts

@@ -9,6 +9,7 @@ export { Badge } from './badge.js';
 export { Popover, PopoverContent, PopoverTrigger } from './popover.js';
 export { DynamicIcon } from './dynamic-icon.js';
 export { CarouselPagination, CarouselPaginationProps } from './carousel-pagination.js';
+export { SocialLinkIcon, SocialLinkIconDynamicIconProps, SocialLinkIconProps, SocialPlatformName } from './social-link-icon.js';
 export { Pressable, PressableProps } from './pressable.js';
 export { AlternatingBlocks } from './alternating-blocks.js';
 export { c as AboutCultureTabs, p as AboutCultureTabsProps, b as AboutExpandableValues, n as AboutExpandableValuesProps, a as AboutMissionPrinciples, m as AboutMissionPrinciplesProps, A as AboutSplitHero, l as AboutSplitHeroProps, k as AlternatingBlockSection, j as AlternatingBlocksProps, h as AnimatedDialogProps, i as AnimatedDialogSize, C as CommunityInitiatives, o as CommunityInitiativesProps, e as ContainerMaxWidth, d as ContainerProps, q as MediaHoverCtaItem, r as MediaHoverCtaType, M as MediaHoverCtasProps, P as PageHeroBannerProps, f as SectionBackground, S as SectionProps, g as SectionSpacing } from './community-initiatives-hxnFe3w6.js';

package/dist/components.js

@@ -1609,6 +1609,55 @@ function CarouselPagination({
     )
   ] });
 }
+var platformIconMap = {
+  instagram: "cib/instagram",
+  linkedin: "cib/linkedin",
+  google: "cib/google",
+  facebook: "cib/facebook",
+  tiktok: "cib/tiktok",
+  youtube: "cib/youtube",
+  yelp: "cib/yelp",
+  spotify: "cib/spotify",
+  apple: "cib/apple",
+  x: "line-md/twitter-x"
+};
+var SocialLinkIcon = React4.forwardRef(
+  ({
+    platformName,
+    label,
+    iconSize = 20,
+    iconColor,
+    iconClassName,
+    className,
+    ...pressableProps
+  }, ref) => {
+    const iconName = platformIconMap[platformName];
+    const accessibleLabel = label || platformName;
+    return /* @__PURE__ */ jsx(
+      Pressable,
+      {
+        ref,
+        "aria-label": accessibleLabel,
+        className: cn(
+          "inline-flex items-center justify-center transition-colors",
+          className
+        ),
+        ...pressableProps,
+        children: /* @__PURE__ */ jsx(
+          DynamicIcon,
+          {
+            name: iconName,
+            size: iconSize,
+            color: iconColor,
+            className: iconClassName,
+            alt: accessibleLabel
+          }
+        )
+      }
+    );
+  }
+);
+SocialLinkIcon.displayName = "SocialLinkIcon";
 function AlternatingBlocks({
   sections,
   sectionsSlot,
@@ -4628,4 +4677,4 @@ function FooterNavSocial({
   );
 }
 
-export { AboutCultureTabs, AboutExpandableValues, AboutMissionPrinciples, AboutSplitHero, AlternatingBlocks, AnimatedDialog, Badge, Button, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, CarouselPagination, CommunityInitiatives, Container, DynamicIcon, FooterAnimatedSocial, FooterBackgroundCard, FooterBrandDescription, FooterContactCard, FooterCtaBanner, FooterCtaSocial, FooterLinksGrid, FooterNavSocial, FooterNewsletterGrid, FooterNewsletterMinimal, FooterSimpleCentered, FooterSocialApps, FooterSocialNewsletter, ImageSlider, MediaHoverCtas, PageHeroBanner, Popover, PopoverContent, PopoverTrigger, Pressable, Section };
+export { AboutCultureTabs, AboutExpandableValues, AboutMissionPrinciples, AboutSplitHero, AlternatingBlocks, AnimatedDialog, Badge, Button, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, CarouselPagination, CommunityInitiatives, Container, DynamicIcon, FooterAnimatedSocial, FooterBackgroundCard, FooterBrandDescription, FooterContactCard, FooterCtaBanner, FooterCtaSocial, FooterLinksGrid, FooterNavSocial, FooterNewsletterGrid, FooterNewsletterMinimal, FooterSimpleCentered, FooterSocialApps, FooterSocialNewsletter, ImageSlider, MediaHoverCtas, PageHeroBanner, Popover, PopoverContent, PopoverTrigger, Pressable, Section, SocialLinkIcon };

package/dist/index.cjs

@@ -1663,6 +1663,55 @@ function CarouselPagination({
     )
   ] });
 }
+var platformIconMap = {
+  instagram: "cib/instagram",
+  linkedin: "cib/linkedin",
+  google: "cib/google",
+  facebook: "cib/facebook",
+  tiktok: "cib/tiktok",
+  youtube: "cib/youtube",
+  yelp: "cib/yelp",
+  spotify: "cib/spotify",
+  apple: "cib/apple",
+  x: "line-md/twitter-x"
+};
+var SocialLinkIcon = React4__namespace.forwardRef(
+  ({
+    platformName,
+    label,
+    iconSize = 20,
+    iconColor,
+    iconClassName,
+    className,
+    ...pressableProps
+  }, ref) => {
+    const iconName = platformIconMap[platformName];
+    const accessibleLabel = label || platformName;
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      Pressable,
+      {
+        ref,
+        "aria-label": accessibleLabel,
+        className: cn(
+          "inline-flex items-center justify-center transition-colors",
+          className
+        ),
+        ...pressableProps,
+        children: /* @__PURE__ */ jsxRuntime.jsx(
+          DynamicIcon,
+          {
+            name: iconName,
+            size: iconSize,
+            color: iconColor,
+            className: iconClassName,
+            alt: accessibleLabel
+          }
+        )
+      }
+    );
+  }
+);
+SocialLinkIcon.displayName = "SocialLinkIcon";
 function AlternatingBlocks({
   sections,
   sectionsSlot,
@@ -4721,6 +4770,7 @@ exports.PopoverContent = PopoverContent;
 exports.PopoverTrigger = PopoverTrigger;
 exports.Pressable = Pressable;
 exports.Section = Section;
+exports.SocialLinkIcon = SocialLinkIcon;
 exports.cn = cn;
 exports.getAccentColor = getAccentColor;
 exports.getBorderColor = getBorderColor;

package/dist/index.d.cts

@@ -9,6 +9,7 @@ export { Badge } from './badge.cjs';
 export { Popover, PopoverContent, PopoverTrigger } from './popover.cjs';
 export { DynamicIcon } from './dynamic-icon.cjs';
 export { CarouselPagination, CarouselPaginationProps } from './carousel-pagination.cjs';
+export { SocialLinkIcon, SocialLinkIconDynamicIconProps, SocialLinkIconProps, SocialPlatformName } from './social-link-icon.cjs';
 export { Pressable, PressableProps } from './pressable.cjs';
 export { AlternatingBlocks } from './alternating-blocks.cjs';
 export { c as AboutCultureTabs, p as AboutCultureTabsProps, b as AboutExpandableValues, n as AboutExpandableValuesProps, a as AboutMissionPrinciples, m as AboutMissionPrinciplesProps, A as AboutSplitHero, l as AboutSplitHeroProps, k as AlternatingBlockSection, j as AlternatingBlocksProps, h as AnimatedDialogProps, i as AnimatedDialogSize, C as CommunityInitiatives, o as CommunityInitiativesProps, e as ContainerMaxWidth, d as ContainerProps, D as DirectionConfig, F as FeatureShowcaseItem, s as FeatureShowcaseProps, q as MediaHoverCtaItem, r as MediaHoverCtaType, M as MediaHoverCtasProps, P as PageHeroBannerProps, f as SectionBackground, S as SectionProps, g as SectionSpacing } from './community-initiatives-CPyEa7IX.cjs';

package/dist/index.d.ts

@@ -9,6 +9,7 @@ export { Badge } from './badge.js';
 export { Popover, PopoverContent, PopoverTrigger } from './popover.js';
 export { DynamicIcon } from './dynamic-icon.js';
 export { CarouselPagination, CarouselPaginationProps } from './carousel-pagination.js';
+export { SocialLinkIcon, SocialLinkIconDynamicIconProps, SocialLinkIconProps, SocialPlatformName } from './social-link-icon.js';
 export { Pressable, PressableProps } from './pressable.js';
 export { AlternatingBlocks } from './alternating-blocks.js';
 export { c as AboutCultureTabs, p as AboutCultureTabsProps, b as AboutExpandableValues, n as AboutExpandableValuesProps, a as AboutMissionPrinciples, m as AboutMissionPrinciplesProps, A as AboutSplitHero, l as AboutSplitHeroProps, k as AlternatingBlockSection, j as AlternatingBlocksProps, h as AnimatedDialogProps, i as AnimatedDialogSize, C as CommunityInitiatives, o as CommunityInitiativesProps, e as ContainerMaxWidth, d as ContainerProps, D as DirectionConfig, F as FeatureShowcaseItem, s as FeatureShowcaseProps, q as MediaHoverCtaItem, r as MediaHoverCtaType, M as MediaHoverCtasProps, P as PageHeroBannerProps, f as SectionBackground, S as SectionProps, g as SectionSpacing } from './community-initiatives-hxnFe3w6.js';

package/dist/index.js

@@ -1640,6 +1640,55 @@ function CarouselPagination({
     )
   ] });
 }
+var platformIconMap = {
+  instagram: "cib/instagram",
+  linkedin: "cib/linkedin",
+  google: "cib/google",
+  facebook: "cib/facebook",
+  tiktok: "cib/tiktok",
+  youtube: "cib/youtube",
+  yelp: "cib/yelp",
+  spotify: "cib/spotify",
+  apple: "cib/apple",
+  x: "line-md/twitter-x"
+};
+var SocialLinkIcon = React4.forwardRef(
+  ({
+    platformName,
+    label,
+    iconSize = 20,
+    iconColor,
+    iconClassName,
+    className,
+    ...pressableProps
+  }, ref) => {
+    const iconName = platformIconMap[platformName];
+    const accessibleLabel = label || platformName;
+    return /* @__PURE__ */ jsx(
+      Pressable,
+      {
+        ref,
+        "aria-label": accessibleLabel,
+        className: cn(
+          "inline-flex items-center justify-center transition-colors",
+          className
+        ),
+        ...pressableProps,
+        children: /* @__PURE__ */ jsx(
+          DynamicIcon,
+          {
+            name: iconName,
+            size: iconSize,
+            color: iconColor,
+            className: iconClassName,
+            alt: accessibleLabel
+          }
+        )
+      }
+    );
+  }
+);
+SocialLinkIcon.displayName = "SocialLinkIcon";
 function AlternatingBlocks({
   sections,
   sectionsSlot,
@@ -4659,4 +4708,4 @@ function FooterNavSocial({
   );
 }
 
-export { AboutCultureTabs, AboutExpandableValues, AboutMissionPrinciples, AboutSplitHero, AlternatingBlocks, AnimatedDialog, Badge, Button, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, CarouselPagination, CommunityInitiatives, Container, DynamicIcon, FooterAnimatedSocial, FooterBackgroundCard, FooterBrandDescription, FooterContactCard, FooterCtaBanner, FooterCtaSocial, FooterLinksGrid, FooterNavSocial, FooterNewsletterGrid, FooterNewsletterMinimal, FooterSimpleCentered, FooterSocialApps, FooterSocialNewsletter, ImageSlider, MediaHoverCtas, PageHeroBanner, Popover, PopoverContent, PopoverTrigger, Pressable, Section, cn, getAccentColor, getBorderColor, getNestedCardBg, getNestedCardTextColor, getTextColor, useNavigation };
+export { AboutCultureTabs, AboutExpandableValues, AboutMissionPrinciples, AboutSplitHero, AlternatingBlocks, AnimatedDialog, Badge, Button, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, CarouselPagination, CommunityInitiatives, Container, DynamicIcon, FooterAnimatedSocial, FooterBackgroundCard, FooterBrandDescription, FooterContactCard, FooterCtaBanner, FooterCtaSocial, FooterLinksGrid, FooterNavSocial, FooterNewsletterGrid, FooterNewsletterMinimal, FooterSimpleCentered, FooterSocialApps, FooterSocialNewsletter, ImageSlider, MediaHoverCtas, PageHeroBanner, Popover, PopoverContent, PopoverTrigger, Pressable, Section, SocialLinkIcon, cn, getAccentColor, getBorderColor, getNestedCardBg, getNestedCardTextColor, getTextColor, useNavigation };

package/dist/navbar-enterprise-mega.cjs

@@ -1478,10 +1478,10 @@ var DesktopMenuItem = ({
   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: "!rounded-xl !border-0", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full max-w-6xl p-6", children: renderDropdownContent(
+      /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuContent, { className: "!rounded-xl !border-0 !p-6", children: renderDropdownContent(
         { ...item, layout: effectiveLayout },
         optixFlowConfig
-      ) }) })
+      ) })
     ] }, `desktop-menu-item-${index}`);
   }
   return /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuItem, { value: `${index}`, children: /* @__PURE__ */ jsxRuntime.jsx(
@@ -1551,7 +1551,7 @@ var SolutionsMenu = ({
   platformItems,
   featuredHeroCard,
   optixFlowConfig
-}) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
+}) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid min-w-[1100px] grid-cols-2 gap-4", children: [
   featuredHeroCard && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "col-span-1", children: /* @__PURE__ */ jsxRuntime.jsxs(
     Pressable,
     {
@@ -1596,7 +1596,7 @@ var SolutionsMenu = ({
       NavigationMenuLink,
       {
         href: technology.href,
-        className: "group flex items-center gap-2 rounded-lg p-2 hover:bg-muted",
+        className: "group !flex !w-full 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 })
@@ -1608,7 +1608,7 @@ var SolutionsMenu = ({
   solutionCards.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "col-span-2 mt-2 grid grid-cols-4 gap-3", children: solutionCards.map((solution) => /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
-      className: "col-span-1 flex flex-col rounded-lg border border-border p-4",
+      className: "col-span-1 flex w-full 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,
@@ -1635,7 +1635,7 @@ var SolutionsMenu = ({
           NavigationMenuLink,
           {
             href: subpage.href,
-            className: "group flex items-center gap-2 rounded-lg p-2 text-left hover:bg-muted",
+            className: "group !flex !w-full 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 text-sm font-medium", children: subpage.title })
@@ -1652,7 +1652,7 @@ var ProductsMenu = ({
   productCategories,
   featuredHeroCard,
   optixFlowConfig
-}) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-[320px_1fr] gap-6", children: [
+}) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid min-w-[1000px] grid-cols-[320px_1fr] gap-6", children: [
   featuredHeroCard && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "col-span-1", children: /* @__PURE__ */ jsxRuntime.jsxs(
     Pressable,
     {
@@ -1694,7 +1694,7 @@ var ProductsMenu = ({
       NavigationMenuLink,
       {
         href: product.href,
-        className: "group col-span-1 flex items-center gap-3 rounded-lg p-3 text-left hover:bg-muted",
+        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,
@@ -1720,7 +1720,7 @@ var GlobalMenu = ({
   regions,
   featuredHeroCard,
   optixFlowConfig
-}) => /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+}) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-[1000px]", 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,
@@ -1763,7 +1763,7 @@ var GlobalMenu = ({
         NavigationMenuLink,
         {
           href: feature.href,
-          className: "group col-span-1 flex items-center gap-2 rounded-lg p-2 text-left hover:bg-muted",
+          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: [
@@ -1781,14 +1781,14 @@ var GlobalMenu = ({
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-4 gap-4", children: regions.map((region) => /* @__PURE__ */ jsxRuntime.jsxs(
       "div",
       {
-        className: "col-span-1 flex flex-col gap-3",
+        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 items-center gap-2 rounded-lg p-2 text-left hover:bg-muted",
+              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: location.icon }),
                 /* @__PURE__ */ jsxRuntime.jsx("div", { className: "min-w-0 flex-1 text-sm font-medium", children: location.title })
@@ -1806,7 +1806,7 @@ var PartnersMenu = ({
   partnerCards,
   featuredHeroCard,
   optixFlowConfig
-}) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-[2fr_1fr] gap-6", children: [
+}) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid min-w-[900px] grid-cols-[2fr_1fr] gap-6", children: [
   featuredHeroCard && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "col-span-1", children: /* @__PURE__ */ jsxRuntime.jsxs(
     Pressable,
     {
@@ -1849,7 +1849,7 @@ var PartnersMenu = ({
     NavigationMenuLink,
     {
       href: card.href,
-      className: "group flex items-start gap-3 rounded-lg border border-border p-4 hover:bg-muted",
+      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: [
@@ -1865,7 +1865,7 @@ var ResourcesMenu = ({
   resourceItems,
   topicGroups,
   featuredHeroCard
-}) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-[280px_1fr_220px] gap-6", children: [
+}) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid min-w-[1000px] grid-cols-[280px_1fr_220px] gap-6", children: [
   featuredHeroCard && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "col-span-1", children: /* @__PURE__ */ jsxRuntime.jsxs(
     Pressable,
     {
@@ -1906,7 +1906,7 @@ var ResourcesMenu = ({
       NavigationMenuLink,
       {
         href: resource.href,
-        className: "group col-span-1 flex items-start gap-3 rounded-lg border border-border p-3 hover:bg-muted",
+        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,
@@ -1931,7 +1931,7 @@ var ResourcesMenu = ({
       NavigationMenuLink,
       {
         href: topic.href,
-        className: "group flex items-center gap-2 rounded-lg p-2 hover:bg-muted",
+        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 })

package/dist/navbar-enterprise-mega.js

@@ -1454,10 +1454,10 @@ var DesktopMenuItem = ({
   if (hasDropdown) {
     return /* @__PURE__ */ jsxs(NavigationMenuItem, { value: `${index}`, children: [
       /* @__PURE__ */ 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__ */ jsx(NavigationMenuContent, { className: "!rounded-xl !border-0", children: /* @__PURE__ */ jsx("div", { className: "w-full max-w-6xl p-6", children: renderDropdownContent(
+      /* @__PURE__ */ jsx(NavigationMenuContent, { className: "!rounded-xl !border-0 !p-6", children: renderDropdownContent(
         { ...item, layout: effectiveLayout },
         optixFlowConfig
-      ) }) })
+      ) })
     ] }, `desktop-menu-item-${index}`);
   }
   return /* @__PURE__ */ jsx(NavigationMenuItem, { value: `${index}`, children: /* @__PURE__ */ jsx(
@@ -1527,7 +1527,7 @@ var SolutionsMenu = ({
   platformItems,
   featuredHeroCard,
   optixFlowConfig
-}) => /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
+}) => /* @__PURE__ */ jsxs("div", { className: "grid min-w-[1100px] grid-cols-2 gap-4", children: [
   featuredHeroCard && /* @__PURE__ */ jsx("div", { className: "col-span-1", children: /* @__PURE__ */ jsxs(
     Pressable,
     {
@@ -1572,7 +1572,7 @@ var SolutionsMenu = ({
       NavigationMenuLink,
       {
         href: technology.href,
-        className: "group flex items-center gap-2 rounded-lg p-2 hover:bg-muted",
+        className: "group !flex !w-full items-center gap-2 rounded-lg p-2 hover:bg-muted",
         children: [
           /* @__PURE__ */ jsx(DynamicIcon, { name: technology.icon, size: 16, className: "shrink-0" }),
           /* @__PURE__ */ jsx("div", { className: "min-w-0 flex-1 text-sm font-medium", children: technology.title })
@@ -1584,7 +1584,7 @@ var SolutionsMenu = ({
   solutionCards.length > 0 && /* @__PURE__ */ jsx("div", { className: "col-span-2 mt-2 grid grid-cols-4 gap-3", children: solutionCards.map((solution) => /* @__PURE__ */ jsxs(
     "div",
     {
-      className: "col-span-1 flex flex-col rounded-lg border border-border p-4",
+      className: "col-span-1 flex w-full flex-col rounded-lg border border-border p-4",
       children: [
         /* @__PURE__ */ jsx("div", { className: "border-b border-border pb-3", children: /* @__PURE__ */ jsxs(
           Pressable,
@@ -1611,7 +1611,7 @@ var SolutionsMenu = ({
           NavigationMenuLink,
           {
             href: subpage.href,
-            className: "group flex items-center gap-2 rounded-lg p-2 text-left hover:bg-muted",
+            className: "group !flex !w-full items-center gap-2 rounded-lg p-2 text-left hover:bg-muted",
             children: [
               /* @__PURE__ */ jsx(DynamicIcon, { name: subpage.icon, size: 14, className: "shrink-0" }),
               /* @__PURE__ */ jsx("div", { className: "min-w-0 flex-1 text-sm font-medium", children: subpage.title })
@@ -1628,7 +1628,7 @@ var ProductsMenu = ({
   productCategories,
   featuredHeroCard,
   optixFlowConfig
-}) => /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-[320px_1fr] gap-6", children: [
+}) => /* @__PURE__ */ jsxs("div", { className: "grid min-w-[1000px] grid-cols-[320px_1fr] gap-6", children: [
   featuredHeroCard && /* @__PURE__ */ jsx("div", { className: "col-span-1", children: /* @__PURE__ */ jsxs(
     Pressable,
     {
@@ -1670,7 +1670,7 @@ var ProductsMenu = ({
       NavigationMenuLink,
       {
         href: product.href,
-        className: "group col-span-1 flex items-center gap-3 rounded-lg p-3 text-left hover:bg-muted",
+        className: "group col-span-1 !flex !w-full items-center gap-3 rounded-lg p-3 text-left hover:bg-muted",
         children: [
           /* @__PURE__ */ jsx("div", { className: "relative flex size-12 shrink-0 items-center justify-center overflow-hidden rounded", children: /* @__PURE__ */ jsx(
             Img,
@@ -1696,7 +1696,7 @@ var GlobalMenu = ({
   regions,
   featuredHeroCard,
   optixFlowConfig
-}) => /* @__PURE__ */ jsxs("div", { children: [
+}) => /* @__PURE__ */ jsxs("div", { className: "min-w-[1000px]", children: [
   /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-[280px_1fr] gap-6", children: [
     featuredHeroCard && /* @__PURE__ */ jsx("div", { className: "col-span-1", children: /* @__PURE__ */ jsxs(
       Pressable,
@@ -1739,7 +1739,7 @@ var GlobalMenu = ({
         NavigationMenuLink,
         {
           href: feature.href,
-          className: "group col-span-1 flex items-center gap-2 rounded-lg p-2 text-left hover:bg-muted",
+          className: "group col-span-1 !flex !w-full items-center gap-2 rounded-lg p-2 text-left hover:bg-muted",
           children: [
             /* @__PURE__ */ jsx("div", { className: "flex size-8 shrink-0 items-center justify-center", children: /* @__PURE__ */ jsx(DynamicIcon, { name: feature.icon, size: 18 }) }),
             /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
@@ -1757,14 +1757,14 @@ var GlobalMenu = ({
     /* @__PURE__ */ jsx("div", { className: "grid grid-cols-4 gap-4", children: regions.map((region) => /* @__PURE__ */ jsxs(
       "div",
       {
-        className: "col-span-1 flex flex-col gap-3",
+        className: "col-span-1 flex w-full flex-col gap-3",
         children: [
           /* @__PURE__ */ jsx("div", { className: "text-left text-xs font-medium text-muted-foreground", children: region.title }),
           /* @__PURE__ */ jsx("menu", { className: "grid gap-1.5", children: region.locations.map((location) => /* @__PURE__ */ jsxs(
             NavigationMenuLink,
             {
               href: location.href,
-              className: "group flex items-center gap-2 rounded-lg p-2 text-left hover:bg-muted",
+              className: "group !flex !w-full items-center gap-2 rounded-lg p-2 text-left hover:bg-muted",
               children: [
                 /* @__PURE__ */ jsx("div", { className: "flex size-4 shrink-0 items-center justify-center", children: location.icon }),
                 /* @__PURE__ */ jsx("div", { className: "min-w-0 flex-1 text-sm font-medium", children: location.title })
@@ -1782,7 +1782,7 @@ var PartnersMenu = ({
   partnerCards,
   featuredHeroCard,
   optixFlowConfig
-}) => /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-[2fr_1fr] gap-6", children: [
+}) => /* @__PURE__ */ jsxs("div", { className: "grid min-w-[900px] grid-cols-[2fr_1fr] gap-6", children: [
   featuredHeroCard && /* @__PURE__ */ jsx("div", { className: "col-span-1", children: /* @__PURE__ */ jsxs(
     Pressable,
     {
@@ -1825,7 +1825,7 @@ var PartnersMenu = ({
     NavigationMenuLink,
     {
       href: card.href,
-      className: "group flex items-start gap-3 rounded-lg border border-border p-4 hover:bg-muted",
+      className: "group !flex !w-full items-start gap-3 rounded-lg border border-border p-4 hover:bg-muted",
       children: [
         /* @__PURE__ */ jsx(DynamicIcon, { name: card.icon, size: 28, className: "shrink-0" }),
         /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
@@ -1841,7 +1841,7 @@ var ResourcesMenu = ({
   resourceItems,
   topicGroups,
   featuredHeroCard
-}) => /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-[280px_1fr_220px] gap-6", children: [
+}) => /* @__PURE__ */ jsxs("div", { className: "grid min-w-[1000px] grid-cols-[280px_1fr_220px] gap-6", children: [
   featuredHeroCard && /* @__PURE__ */ jsx("div", { className: "col-span-1", children: /* @__PURE__ */ jsxs(
     Pressable,
     {
@@ -1882,7 +1882,7 @@ var ResourcesMenu = ({
       NavigationMenuLink,
       {
         href: resource.href,
-        className: "group col-span-1 flex items-start gap-3 rounded-lg border border-border p-3 hover:bg-muted",
+        className: "group col-span-1 !flex !w-full items-start gap-3 rounded-lg border border-border p-3 hover:bg-muted",
         children: [
           /* @__PURE__ */ jsx(
             DynamicIcon,
@@ -1907,7 +1907,7 @@ var ResourcesMenu = ({
       NavigationMenuLink,
       {
         href: topic.href,
-        className: "group flex items-center gap-2 rounded-lg p-2 hover:bg-muted",
+        className: "group !flex !w-full items-center gap-2 rounded-lg p-2 hover:bg-muted",
         children: [
           /* @__PURE__ */ jsx(DynamicIcon, { name: topic.icon, size: 14, className: "shrink-0" }),
           /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1 text-sm font-medium", children: topic.title })