@opensite/ui 0.9.6 → 0.9.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/dist/navbar-enterprise-mega.cjs +135 -142
  2. package/dist/navbar-enterprise-mega.js +135 -142
  3. package/dist/navbar-mega-menu.cjs +117 -50
  4. package/dist/navbar-mega-menu.js +117 -50
  5. package/dist/registry.cjs +252 -192
  6. package/dist/registry.js +252 -192
  7. package/package.json +1 -1
package/dist/registry.cjs CHANGED
@@ -57817,61 +57817,126 @@ var DesktopMenuItem = ({
57817
57817
  ] }) })
57818
57818
  ] }, `desktop-menu-item-${index}`);
57819
57819
  }
57820
- if (layout === "simple-grid" && link.links) {
57820
+ if (layout === "simple-grid" && (link.links || link.dropdownGroups)) {
57821
+ const allLinks = link.dropdownGroups ? link.dropdownGroups.flatMap((group) => group.links || []) : link.links || [];
57821
57822
  return /* @__PURE__ */ jsxRuntime.jsxs(NavigationMenuItem, { children: [
57822
57823
  /* @__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: link.label }),
57823
- /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuContent, { className: "min-w-[700px] p-6", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid auto-rows-fr grid-cols-1 gap-4 sm:grid-cols-2", children: link.links.map((item, itemIndex) => /* @__PURE__ */ jsxRuntime.jsxs(
57824
- NavigationMenuLink,
57825
- {
57826
- href: getLinkUrl(item),
57827
- className: "flex w-full flex-row items-start gap-4 rounded-lg border border-input bg-background p-4 hover:bg-muted hover:text-foreground",
57828
- children: [
57829
- item.image && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-20 w-20 shrink-0 overflow-hidden rounded-md border border-border", children: /* @__PURE__ */ jsxRuntime.jsx(
57830
- img.Img,
57831
- {
57832
- src: item.image,
57833
- alt: typeof item.label === "string" ? item.label : "Menu item",
57834
- className: "h-full w-full object-cover object-center",
57835
- optixFlowConfig
57836
- }
57837
- ) }),
57838
- !item.image && (item.icon || item.iconName) && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-10 w-10 shrink-0 items-center justify-center rounded-md border border-border bg-muted/40 text-muted-foreground", children: item.icon ? item.icon : item.iconName ? /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: item.iconName, size: 20 }) : null }),
57839
- /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1", children: [
57840
- /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm font-medium", children: item.label }),
57841
- item.description && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm font-normal text-muted-foreground", children: item.description })
57842
- ] })
57843
- ]
57844
- },
57845
- `grid-item-${itemIndex}`
57846
- )) }) })
57824
+ /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuContent, { className: "min-w-[700px] p-6", children: link.dropdownGroups ? (
57825
+ // Render with group headers
57826
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-6", children: link.dropdownGroups.map((group, groupIndex) => /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
57827
+ group.label && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-3 text-xs font-medium tracking-wider uppercase text-muted-foreground", children: group.label }),
57828
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid auto-rows-fr grid-cols-1 gap-4 sm:grid-cols-2", children: (group.links || []).map((item, itemIndex) => /* @__PURE__ */ jsxRuntime.jsxs(
57829
+ NavigationMenuLink,
57830
+ {
57831
+ href: getLinkUrl(item),
57832
+ className: "flex w-full flex-row items-start gap-4 rounded-lg border border-input bg-background p-4 hover:bg-muted hover:text-foreground",
57833
+ children: [
57834
+ item.image && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-20 w-20 shrink-0 overflow-hidden rounded-md border border-border", children: /* @__PURE__ */ jsxRuntime.jsx(
57835
+ img.Img,
57836
+ {
57837
+ src: item.image,
57838
+ alt: typeof item.label === "string" ? item.label : "Menu item",
57839
+ className: "h-full w-full object-cover object-center",
57840
+ optixFlowConfig
57841
+ }
57842
+ ) }),
57843
+ !item.image && (item.icon || item.iconName) && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-10 w-10 shrink-0 items-center justify-center rounded-md border border-border bg-muted/40 text-muted-foreground", children: item.icon ? item.icon : item.iconName ? /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: item.iconName, size: 20 }) : null }),
57844
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1", children: [
57845
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm font-medium", children: item.label }),
57846
+ item.description && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm font-normal text-muted-foreground", children: item.description })
57847
+ ] })
57848
+ ]
57849
+ },
57850
+ `grid-item-${groupIndex}-${itemIndex}`
57851
+ )) })
57852
+ ] }, `group-${groupIndex}`)) })
57853
+ ) : (
57854
+ // Render without groups
57855
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid auto-rows-fr grid-cols-1 gap-4 sm:grid-cols-2", children: allLinks.map((item, itemIndex) => /* @__PURE__ */ jsxRuntime.jsxs(
57856
+ NavigationMenuLink,
57857
+ {
57858
+ href: getLinkUrl(item),
57859
+ className: "flex w-full flex-row items-start gap-4 rounded-lg border border-input bg-background p-4 hover:bg-muted hover:text-foreground",
57860
+ children: [
57861
+ item.image && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-20 w-20 shrink-0 overflow-hidden rounded-md border border-border", children: /* @__PURE__ */ jsxRuntime.jsx(
57862
+ img.Img,
57863
+ {
57864
+ src: item.image,
57865
+ alt: typeof item.label === "string" ? item.label : "Menu item",
57866
+ className: "h-full w-full object-cover object-center",
57867
+ optixFlowConfig
57868
+ }
57869
+ ) }),
57870
+ !item.image && (item.icon || item.iconName) && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-10 w-10 shrink-0 items-center justify-center rounded-md border border-border bg-muted/40 text-muted-foreground", children: item.icon ? item.icon : item.iconName ? /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: item.iconName, size: 20 }) : null }),
57871
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1", children: [
57872
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm font-medium", children: item.label }),
57873
+ item.description && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm font-normal text-muted-foreground", children: item.description })
57874
+ ] })
57875
+ ]
57876
+ },
57877
+ `grid-item-${itemIndex}`
57878
+ )) })
57879
+ ) })
57847
57880
  ] }, `desktop-menu-item-${index}`);
57848
57881
  }
57849
- if (layout === "list-with-icons" && link.links) {
57882
+ if (layout === "list-with-icons" && (link.links || link.dropdownGroups)) {
57883
+ const allLinks = link.dropdownGroups ? link.dropdownGroups.flatMap((group) => group.links || []) : link.links || [];
57850
57884
  return /* @__PURE__ */ jsxRuntime.jsxs(NavigationMenuItem, { children: [
57851
57885
  /* @__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: link.label }),
57852
- /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuContent, { className: "min-w-[400px] p-4", children: /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "flex flex-col gap-1", children: link.links.map((item, itemIndex) => /* @__PURE__ */ jsxRuntime.jsx("li", { className: "w-full", children: /* @__PURE__ */ jsxRuntime.jsxs(
57853
- NavigationMenuLink,
57854
- {
57855
- href: getLinkUrl(item),
57856
- className: "flex w-full items-start gap-3 rounded-lg p-3 hover:bg-muted",
57857
- children: [
57858
- item.image && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-12 w-12 shrink-0 overflow-hidden rounded-md border border-border", children: /* @__PURE__ */ jsxRuntime.jsx(
57859
- img.Img,
57860
- {
57861
- src: item.image,
57862
- alt: typeof item.label === "string" ? item.label : "Menu item",
57863
- className: "h-full w-full object-cover object-center",
57864
- optixFlowConfig
57865
- }
57866
- ) }),
57867
- !item.image && (item.icon || item.iconName) && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-8 w-8 shrink-0 items-center justify-center rounded-md bg-muted/40 text-muted-foreground", children: item.icon ? item.icon : item.iconName ? /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: item.iconName, size: 16 }) : null }),
57868
- /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1", children: [
57869
- /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm font-medium", children: item.label }),
57870
- item.description && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-xs text-muted-foreground", children: item.description })
57871
- ] })
57872
- ]
57873
- }
57874
- ) }, `list-item-${itemIndex}`)) }) })
57886
+ /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuContent, { className: "min-w-[400px] p-4", children: link.dropdownGroups ? (
57887
+ // Render with group headers
57888
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-4", children: link.dropdownGroups.map((group, groupIndex) => /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
57889
+ group.label && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-2 text-xs font-medium tracking-wider uppercase text-muted-foreground", children: group.label }),
57890
+ /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "flex flex-col gap-1", children: (group.links || []).map((item, itemIndex) => /* @__PURE__ */ jsxRuntime.jsx("li", { className: "w-full", children: /* @__PURE__ */ jsxRuntime.jsxs(
57891
+ NavigationMenuLink,
57892
+ {
57893
+ href: getLinkUrl(item),
57894
+ className: "flex w-full items-start gap-3 rounded-lg p-3 hover:bg-muted",
57895
+ children: [
57896
+ item.image && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-12 w-12 shrink-0 overflow-hidden rounded-md border border-border", children: /* @__PURE__ */ jsxRuntime.jsx(
57897
+ img.Img,
57898
+ {
57899
+ src: item.image,
57900
+ alt: typeof item.label === "string" ? item.label : "Menu item",
57901
+ className: "h-full w-full object-cover object-center",
57902
+ optixFlowConfig
57903
+ }
57904
+ ) }),
57905
+ !item.image && (item.icon || item.iconName) && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-8 w-8 shrink-0 items-center justify-center rounded-md bg-muted/40 text-muted-foreground", children: item.icon ? item.icon : item.iconName ? /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: item.iconName, size: 16 }) : null }),
57906
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1", children: [
57907
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm font-medium", children: item.label }),
57908
+ item.description && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-xs text-muted-foreground", children: item.description })
57909
+ ] })
57910
+ ]
57911
+ }
57912
+ ) }, `list-item-${groupIndex}-${itemIndex}`)) })
57913
+ ] }, `group-${groupIndex}`)) })
57914
+ ) : (
57915
+ // Render without groups
57916
+ /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "flex flex-col gap-1", children: allLinks.map((item, itemIndex) => /* @__PURE__ */ jsxRuntime.jsx("li", { className: "w-full", children: /* @__PURE__ */ jsxRuntime.jsxs(
57917
+ NavigationMenuLink,
57918
+ {
57919
+ href: getLinkUrl(item),
57920
+ className: "flex w-full items-start gap-3 rounded-lg p-3 hover:bg-muted",
57921
+ children: [
57922
+ item.image && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-12 w-12 shrink-0 overflow-hidden rounded-md border border-border", children: /* @__PURE__ */ jsxRuntime.jsx(
57923
+ img.Img,
57924
+ {
57925
+ src: item.image,
57926
+ alt: typeof item.label === "string" ? item.label : "Menu item",
57927
+ className: "h-full w-full object-cover object-center",
57928
+ optixFlowConfig
57929
+ }
57930
+ ) }),
57931
+ !item.image && (item.icon || item.iconName) && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-8 w-8 shrink-0 items-center justify-center rounded-md bg-muted/40 text-muted-foreground", children: item.icon ? item.icon : item.iconName ? /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: item.iconName, size: 16 }) : null }),
57932
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1", children: [
57933
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm font-medium", children: item.label }),
57934
+ item.description && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-xs text-muted-foreground", children: item.description })
57935
+ ] })
57936
+ ]
57937
+ }
57938
+ ) }, `list-item-${itemIndex}`)) })
57939
+ ) })
57875
57940
  ] }, `desktop-menu-item-${index}`);
57876
57941
  }
57877
57942
  if (link.href) {
@@ -57948,7 +58013,9 @@ var NavbarMegaMenu = ({
57948
58013
  const [open, setOpen] = React52.useState(false);
57949
58014
  const [submenuIndex, setSubmenuIndex] = React52.useState(null);
57950
58015
  const activeSubmenu = submenuIndex !== null ? menuLinks?.[submenuIndex] : null;
57951
- const hasDropdownItems = (link) => Boolean(link.links?.length || link.dropdownGroups?.length);
58016
+ const hasDropdownItems = (link) => Boolean(
58017
+ link.links && link.links.length > 0 || link.dropdownGroups && link.dropdownGroups.length > 0
58018
+ );
57952
58019
  const renderActions = () => {
57953
58020
  if (!actions || actions.length === 0) return null;
57954
58021
  return actions.map((action, index) => {
@@ -58326,7 +58393,7 @@ var DesktopMenuItem2 = ({
58326
58393
  if (hasDropdown) {
58327
58394
  return /* @__PURE__ */ jsxRuntime.jsxs(NavigationMenuItem, { value: `${index}`, children: [
58328
58395
  /* @__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 }),
58329
- /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuContent, { className: "!rounded-xl !border-0 !p-0", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-dvw px-8 pt-6 pb-12", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "container", children: renderDropdownContent(
58396
+ /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuContent, { className: "!rounded-xl !border-0 !p-0", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-screen", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mx-auto max-w-7xl px-6 py-8", children: renderDropdownContent(
58330
58397
  { ...item, layout: effectiveLayout },
58331
58398
  optixFlowConfig
58332
58399
  ) }) }) })
@@ -58399,50 +58466,50 @@ var SolutionsMenu = ({
58399
58466
  platformItems,
58400
58467
  featuredHeroCard,
58401
58468
  optixFlowConfig
58402
- }) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid gap-8 sm:grid-cols-2", children: [
58469
+ }) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid gap-6 sm:grid-cols-2", children: [
58403
58470
  featuredHeroCard && /* @__PURE__ */ jsxRuntime.jsx(
58404
58471
  Pressable,
58405
58472
  {
58406
58473
  href: featuredHeroCard.href,
58407
58474
  className: cn(
58408
- "group relative flex h-full flex-row overflow-hidden rounded-lg px-0 pt-8 text-primary-foreground lg:rounded-xl lg:px-6",
58475
+ "group relative flex h-full overflow-hidden rounded-lg text-primary-foreground",
58409
58476
  featuredHeroCard.variant === "accent" ? "bg-accent text-accent-foreground" : "bg-primary"
58410
58477
  ),
58411
- children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative flex w-full flex-col space-y-12 text-left md:space-y-8 lg:w-full lg:flex-row lg:justify-between lg:space-y-0 lg:space-x-6 xl:space-x-8", children: [
58412
- /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative flex flex-col px-6 lg:mb-6 lg:px-0", children: [
58413
- featuredHeroCard.subtitle && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "mb-6 text-xs font-medium tracking-wider uppercase md:mb-8", children: featuredHeroCard.subtitle }),
58414
- /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-auto flex items-center space-x-1 text-xs", children: [
58478
+ children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex w-full flex-col items-start gap-4 p-6 lg:flex-row lg:items-center lg:gap-6", children: [
58479
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-1 flex-col justify-center", children: [
58480
+ featuredHeroCard.subtitle && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "mb-3 text-xs font-medium tracking-wider uppercase", children: featuredHeroCard.subtitle }),
58481
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 text-base font-semibold", children: [
58415
58482
  featuredHeroCard.title,
58416
58483
  /* @__PURE__ */ jsxRuntime.jsx(
58417
58484
  DynamicIcon,
58418
58485
  {
58419
58486
  name: "lucide/arrow-right",
58420
- size: 16,
58421
- className: "ml-1 transition-transform group-hover:translate-x-1"
58487
+ size: 18,
58488
+ className: "transition-transform group-hover:translate-x-1"
58422
58489
  }
58423
58490
  )
58424
58491
  ] }),
58425
- /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-2 text-xs text-primary-foreground/85", children: featuredHeroCard.description })
58492
+ /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-2 text-sm leading-relaxed text-primary-foreground/85", children: featuredHeroCard.description })
58426
58493
  ] }),
58427
- /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative aspect-2/1 overflow-clip rounded-t pl-6 lg:max-w-80 lg:pl-0 xl:max-w-[30rem]", children: /* @__PURE__ */ jsxRuntime.jsx(
58494
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative w-full shrink-0 overflow-hidden rounded lg:w-48 xl:w-56", children: /* @__PURE__ */ jsxRuntime.jsx(
58428
58495
  img.Img,
58429
58496
  {
58430
58497
  src: featuredHeroCard.image,
58431
58498
  alt: featuredHeroCard.title,
58432
- className: "aspect-2/1 h-full w-full translate-y-px object-cover object-center",
58499
+ className: "aspect-video w-full object-cover",
58433
58500
  optixFlowConfig
58434
58501
  }
58435
58502
  ) })
58436
58503
  ] })
58437
58504
  }
58438
58505
  ),
58439
- platformItems.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "order-last mt-3 sm:order-0 sm:mt-0 sm:py-2 md:p-6", children: [
58440
- /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-4 text-left leading-none md:col-span-2 lg:col-span-4 lg:mb-6", children: /* @__PURE__ */ jsxRuntime.jsx("strong", { className: "text-left text-xs font-medium tracking-wider text-muted-foreground uppercase", children: "Developer Platform" }) }),
58441
- /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid gap-4 lg:grid-cols-2", children: platformItems.map((technology) => /* @__PURE__ */ jsxRuntime.jsxs(
58506
+ platformItems.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
58507
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-4 text-left", children: /* @__PURE__ */ jsxRuntime.jsx("strong", { className: "text-xs font-medium tracking-wider text-muted-foreground uppercase", children: "Developer Platform" }) }),
58508
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid gap-3 lg:grid-cols-2", children: platformItems.map((technology) => /* @__PURE__ */ jsxRuntime.jsxs(
58442
58509
  NavigationMenuLink,
58443
58510
  {
58444
58511
  href: technology.href,
58445
- className: "group flex flex-row items-center gap-4",
58512
+ className: "group -ml-2 flex items-center gap-3 rounded-lg p-2 hover:bg-muted",
58446
58513
  children: [
58447
58514
  /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: technology.icon, size: 16 }),
58448
58515
  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 text-sm font-medium", children: technology.title }),
@@ -58459,25 +58526,25 @@ var SolutionsMenu = ({
58459
58526
  technology.id
58460
58527
  )) })
58461
58528
  ] }),
58462
- solutionCards.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "col-span-full grid grid-cols-1 gap-6 md:grid-cols-2 lg:grid-cols-4 lg:gap-8", children: solutionCards.map((solution) => /* @__PURE__ */ jsxRuntime.jsxs(
58529
+ solutionCards.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "col-span-full mt-2 grid gap-4 md:grid-cols-2 lg:grid-cols-4", children: solutionCards.map((solution) => /* @__PURE__ */ jsxRuntime.jsxs(
58463
58530
  "div",
58464
58531
  {
58465
- className: "rounded-md border border-border p-5",
58532
+ className: "flex flex-col rounded-lg border border-border p-4",
58466
58533
  children: [
58467
- /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-b border-border pb-4", children: /* @__PURE__ */ jsxRuntime.jsxs(
58534
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-b border-border pb-3", children: /* @__PURE__ */ jsxRuntime.jsxs(
58468
58535
  Pressable,
58469
58536
  {
58470
58537
  href: solution.href,
58471
58538
  className: "group flex flex-col text-left",
58472
58539
  children: [
58473
- /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center", children: [
58540
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1", children: [
58474
58541
  /* @__PURE__ */ jsxRuntime.jsx("strong", { className: "text-sm font-medium", children: solution.title }),
58475
58542
  /* @__PURE__ */ jsxRuntime.jsx(
58476
58543
  DynamicIcon,
58477
58544
  {
58478
58545
  name: "lucide/arrow-right",
58479
58546
  size: 16,
58480
- className: "ml-1 transition-transform group-hover:translate-x-1"
58547
+ className: "transition-transform group-hover:translate-x-1"
58481
58548
  }
58482
58549
  )
58483
58550
  ] }),
@@ -58485,11 +58552,11 @@ var SolutionsMenu = ({
58485
58552
  ]
58486
58553
  }
58487
58554
  ) }),
58488
- /* @__PURE__ */ jsxRuntime.jsx("menu", { className: "mt-6 grid gap-y-4", children: solution.subpages.map((subpage) => /* @__PURE__ */ jsxRuntime.jsxs(
58555
+ /* @__PURE__ */ jsxRuntime.jsx("menu", { className: "mt-4 grid gap-3", children: solution.subpages.map((subpage) => /* @__PURE__ */ jsxRuntime.jsxs(
58489
58556
  NavigationMenuLink,
58490
58557
  {
58491
58558
  href: subpage.href,
58492
- className: "group flex flex-row items-center space-x-4 text-left lg:space-x-4 lg:border-0",
58559
+ className: "group -ml-2 flex items-center gap-3 rounded-lg p-2 text-left hover:bg-muted",
58493
58560
  children: [
58494
58561
  /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: subpage.icon, size: 16 }),
58495
58562
  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 text-sm font-medium", children: subpage.title }),
@@ -58514,69 +58581,69 @@ var ProductsMenu = ({
58514
58581
  productCategories,
58515
58582
  featuredHeroCard,
58516
58583
  optixFlowConfig
58517
- }) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid gap-y-12 lg:flex lg:space-x-8", children: [
58518
- featuredHeroCard && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full shrink-0 lg:max-w-[24rem]", children: /* @__PURE__ */ jsxRuntime.jsx(
58584
+ }) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-8 lg:flex-row", children: [
58585
+ featuredHeroCard && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full shrink-0 lg:w-80", children: /* @__PURE__ */ jsxRuntime.jsxs(
58519
58586
  Pressable,
58520
58587
  {
58521
58588
  href: featuredHeroCard.href,
58522
58589
  className: cn(
58523
- "group relative flex h-full flex-row overflow-hidden rounded-lg px-0 text-primary-foreground lg:rounded-xl",
58590
+ "group relative flex h-full flex-col overflow-hidden rounded-lg text-primary-foreground",
58524
58591
  featuredHeroCard.variant === "accent" ? "bg-accent text-accent-foreground" : "bg-primary"
58525
58592
  ),
58526
- children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative z-10 flex w-full flex-col text-left", children: [
58527
- /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative flex aspect-2/1 max-h-64 w-full flex-1 justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(
58593
+ children: [
58594
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative aspect-video w-full overflow-hidden", children: /* @__PURE__ */ jsxRuntime.jsx(
58528
58595
  img.Img,
58529
58596
  {
58530
58597
  src: featuredHeroCard.image,
58531
58598
  alt: featuredHeroCard.title,
58532
- className: "h-full w-full object-cover object-center",
58599
+ className: "h-full w-full object-cover",
58533
58600
  optixFlowConfig
58534
58601
  }
58535
58602
  ) }),
58536
- /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative z-20 flex flex-col rounded-b-xl bg-primary p-6", children: [
58537
- /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center space-x-1 text-xs", children: [
58603
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col p-6", children: [
58604
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 text-base font-semibold", children: [
58538
58605
  featuredHeroCard.title,
58539
58606
  /* @__PURE__ */ jsxRuntime.jsx(
58540
58607
  DynamicIcon,
58541
58608
  {
58542
58609
  name: "lucide/arrow-right",
58543
- size: 16,
58544
- className: "ml-1 transition-transform group-hover:translate-x-1"
58610
+ size: 18,
58611
+ className: "transition-transform group-hover:translate-x-1"
58545
58612
  }
58546
58613
  )
58547
58614
  ] }),
58548
- /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-2 text-xs text-primary-foreground/70", children: featuredHeroCard.description })
58615
+ /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-2 text-sm leading-relaxed text-primary-foreground/85", children: featuredHeroCard.description })
58549
58616
  ] })
58550
- ] })
58617
+ ]
58551
58618
  }
58552
58619
  ) }),
58553
- productCategories.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid w-full gap-y-12 lg:gap-y-6", children: productCategories.map((category) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid gap-y-2 lg:gap-y-6", children: [
58554
- /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-border text-left lg:border-b lg:pb-3", children: /* @__PURE__ */ jsxRuntime.jsx("strong", { className: "text-left text-xs font-medium tracking-wider text-muted-foreground uppercase", children: category.title }) }),
58555
- /* @__PURE__ */ jsxRuntime.jsx("menu", { className: "grid md:grid-cols-3 md:gap-x-5 lg:gap-y-7", children: category.products.map((product) => /* @__PURE__ */ jsxRuntime.jsxs(
58620
+ productCategories.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-1 flex-col gap-8", children: productCategories.map((category) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-4", children: [
58621
+ /* @__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 }) }),
58622
+ /* @__PURE__ */ jsxRuntime.jsx("menu", { className: "grid gap-4 md:grid-cols-2 lg:grid-cols-3", children: category.products.map((product) => /* @__PURE__ */ jsxRuntime.jsxs(
58556
58623
  NavigationMenuLink,
58557
58624
  {
58558
58625
  href: product.href,
58559
- className: "group flex flex-row items-center space-x-6 border-b border-border py-5 text-left sm:py-7 lg:space-x-4 lg:border-0 lg:py-2",
58626
+ className: "group -ml-2 flex items-center gap-4 rounded-lg p-2 text-left hover:bg-muted",
58560
58627
  children: [
58561
- /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative flex aspect-square w-16 shrink-0 items-center justify-center overflow-clip rounded md:size-20 md:p-2", children: /* @__PURE__ */ jsxRuntime.jsx(
58628
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative flex size-14 shrink-0 items-center justify-center overflow-hidden rounded", children: /* @__PURE__ */ jsxRuntime.jsx(
58562
58629
  img.Img,
58563
58630
  {
58564
58631
  src: product.image,
58565
58632
  alt: product.title,
58566
- className: "object-cover",
58633
+ className: "h-full w-full object-cover",
58567
58634
  optixFlowConfig
58568
58635
  }
58569
58636
  ) }),
58570
- /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1", children: [
58637
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 min-w-0", children: [
58571
58638
  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm font-medium", children: product.title }),
58572
- /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 text-xs text-muted-foreground", children: product.description })
58639
+ /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-0.5 text-xs text-muted-foreground", children: product.description })
58573
58640
  ] }),
58574
58641
  /* @__PURE__ */ jsxRuntime.jsx(
58575
58642
  DynamicIcon,
58576
58643
  {
58577
58644
  name: "lucide/arrow-right",
58578
58645
  size: 16,
58579
- className: "transition-transform group-hover:translate-x-1 lg:hidden"
58646
+ className: "shrink-0 transition-transform group-hover:translate-x-1 lg:hidden"
58580
58647
  }
58581
58648
  )
58582
58649
  ]
@@ -58591,61 +58658,61 @@ var GlobalMenu = ({
58591
58658
  featuredHeroCard,
58592
58659
  optixFlowConfig
58593
58660
  }) => /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
58594
- /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-6 lg:flex lg:space-y-0 lg:space-x-8", children: [
58595
- featuredHeroCard && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full shrink-0 lg:max-w-[18rem]", children: /* @__PURE__ */ jsxRuntime.jsx(
58661
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-6 lg:flex-row", children: [
58662
+ featuredHeroCard && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full shrink-0 lg:w-72", children: /* @__PURE__ */ jsxRuntime.jsxs(
58596
58663
  Pressable,
58597
58664
  {
58598
58665
  href: featuredHeroCard.href,
58599
58666
  className: cn(
58600
- "group relative flex h-full flex-row overflow-hidden rounded-lg p-0 text-primary-foreground lg:rounded-xl",
58667
+ "group relative flex h-full flex-col overflow-hidden rounded-lg text-primary-foreground",
58601
58668
  featuredHeroCard.variant === "accent" ? "bg-accent text-accent-foreground" : "bg-primary"
58602
58669
  ),
58603
- children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative z-10 flex w-full flex-col-reverse text-left lg:flex-col", children: [
58604
- /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative flex aspect-4/3 max-h-72 w-full flex-1 justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(
58670
+ children: [
58671
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative aspect-[4/3] w-full overflow-hidden", children: /* @__PURE__ */ jsxRuntime.jsx(
58605
58672
  img.Img,
58606
58673
  {
58607
58674
  src: featuredHeroCard.image,
58608
58675
  alt: featuredHeroCard.title,
58609
- className: "h-full w-full object-cover object-center",
58676
+ className: "h-full w-full object-cover",
58610
58677
  optixFlowConfig
58611
58678
  }
58612
58679
  ) }),
58613
- /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative z-20 flex flex-col rounded-b-xl bg-primary p-6", children: [
58614
- /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center space-x-1 text-xs", children: [
58680
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col p-6", children: [
58681
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 text-base font-semibold", children: [
58615
58682
  featuredHeroCard.title,
58616
58683
  /* @__PURE__ */ jsxRuntime.jsx(
58617
58684
  DynamicIcon,
58618
58685
  {
58619
58686
  name: "lucide/arrow-right",
58620
- size: 16,
58621
- className: "ml-1 transition-transform group-hover:translate-x-1"
58687
+ size: 18,
58688
+ className: "transition-transform group-hover:translate-x-1"
58622
58689
  }
58623
58690
  )
58624
58691
  ] }),
58625
- /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-2 text-xs text-primary-foreground/85", children: featuredHeroCard.description })
58692
+ /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-2 text-sm leading-relaxed text-primary-foreground/85", children: featuredHeroCard.description })
58626
58693
  ] })
58627
- ] })
58694
+ ]
58628
58695
  }
58629
58696
  ) }),
58630
- featureCategories.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid w-full gap-y-12 lg:gap-y-6", children: featureCategories.map((category) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid gap-y-2 lg:gap-y-6", children: [
58631
- /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-border text-left lg:border-b lg:pb-3", children: /* @__PURE__ */ jsxRuntime.jsx("strong", { className: "text-left text-xs font-medium tracking-wider text-muted-foreground uppercase", children: category.title }) }),
58632
- /* @__PURE__ */ jsxRuntime.jsx("menu", { className: "grid md:grid-cols-3 md:gap-x-6 lg:gap-y-6", children: category.features.map((feature) => /* @__PURE__ */ jsxRuntime.jsxs(
58697
+ featureCategories.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-1 flex-col gap-8", children: featureCategories.map((category) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-4", children: [
58698
+ /* @__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 }) }),
58699
+ /* @__PURE__ */ jsxRuntime.jsx("menu", { className: "grid gap-4 md:grid-cols-2 lg:grid-cols-3", children: category.features.map((feature) => /* @__PURE__ */ jsxRuntime.jsxs(
58633
58700
  NavigationMenuLink,
58634
58701
  {
58635
58702
  href: feature.href,
58636
- className: "group flex flex-row items-center space-x-4 border-b border-border py-5 text-left sm:py-7 lg:border-0 lg:py-0",
58703
+ className: "group -ml-2 flex items-center gap-3 rounded-lg p-2 text-left hover:bg-muted",
58637
58704
  children: [
58638
- /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex aspect-square size-9 shrink-0 items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: feature.icon, size: 20 }) }),
58639
- /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1", children: [
58705
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex size-9 shrink-0 items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: feature.icon, size: 20 }) }),
58706
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 min-w-0", children: [
58640
58707
  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm font-medium", children: feature.title }),
58641
- /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 text-xs text-muted-foreground", children: feature.description })
58708
+ /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-0.5 text-xs text-muted-foreground", children: feature.description })
58642
58709
  ] }),
58643
58710
  /* @__PURE__ */ jsxRuntime.jsx(
58644
58711
  DynamicIcon,
58645
58712
  {
58646
58713
  name: "lucide/arrow-right",
58647
58714
  size: 16,
58648
- className: "transition-transform group-hover:translate-x-1 lg:hidden"
58715
+ className: "shrink-0 transition-transform group-hover:translate-x-1 lg:hidden"
58649
58716
  }
58650
58717
  )
58651
58718
  ]
@@ -58655,27 +58722,27 @@ var GlobalMenu = ({
58655
58722
  ] }, category.title)) })
58656
58723
  ] }),
58657
58724
  regions.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-8", children: [
58658
- /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-6 border-border pb-1 text-left lg:border-b", children: /* @__PURE__ */ jsxRuntime.jsx("strong", { className: "text-left text-xs font-medium tracking-wider text-muted-foreground uppercase", children: "Popular Locations" }) }),
58725
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-4 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: "Popular Locations" }) }),
58659
58726
  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid gap-6 md:grid-cols-3 lg:grid-cols-4", children: regions.map((region) => /* @__PURE__ */ jsxRuntime.jsxs(
58660
58727
  "div",
58661
58728
  {
58662
- className: "space-y-6 rounded-md border border-border p-6 lg:border-0 lg:p-0",
58729
+ className: "flex flex-col gap-4",
58663
58730
  children: [
58664
- /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-left text-xs text-muted-foreground", children: region.title }),
58665
- /* @__PURE__ */ jsxRuntime.jsx("menu", { className: "grid gap-y-3 border-t border-border pt-6 lg:border-0 lg:pt-0", children: region.locations.map((location) => /* @__PURE__ */ jsxRuntime.jsxs(
58731
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-left text-xs font-medium text-muted-foreground", children: region.title }),
58732
+ /* @__PURE__ */ jsxRuntime.jsx("menu", { className: "grid gap-2", children: region.locations.map((location) => /* @__PURE__ */ jsxRuntime.jsxs(
58666
58733
  NavigationMenuLink,
58667
58734
  {
58668
58735
  href: location.href,
58669
- className: "group flex flex-row items-center space-x-4 text-left lg:space-x-4 lg:border-0 lg:py-0",
58736
+ className: "group -ml-2 flex items-center gap-3 rounded-lg p-2 text-left hover:bg-muted",
58670
58737
  children: [
58671
- /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex size-4 items-center justify-center", children: location.icon }),
58672
- /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 text-sm font-medium", children: location.title }),
58738
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex size-4 shrink-0 items-center justify-center", children: location.icon }),
58739
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 min-w-0 text-sm font-medium", children: location.title }),
58673
58740
  /* @__PURE__ */ jsxRuntime.jsx(
58674
58741
  DynamicIcon,
58675
58742
  {
58676
58743
  name: "lucide/arrow-right",
58677
58744
  size: 16,
58678
- className: "transition-transform group-hover:translate-x-1 lg:hidden"
58745
+ className: "shrink-0 transition-transform group-hover:translate-x-1 lg:hidden"
58679
58746
  }
58680
58747
  )
58681
58748
  ]
@@ -58692,63 +58759,57 @@ var PartnersMenu = ({
58692
58759
  partnerCards,
58693
58760
  featuredHeroCard,
58694
58761
  optixFlowConfig
58695
- }) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid gap-y-6 md:grid-cols-2 md:gap-x-6 lg:grid-cols-4", children: [
58696
- featuredHeroCard && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "md:col-span-2", children: /* @__PURE__ */ jsxRuntime.jsx(
58762
+ }) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid gap-6 md:grid-cols-2 lg:grid-cols-[2fr_1fr]", children: [
58763
+ featuredHeroCard && /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsxs(
58697
58764
  Pressable,
58698
58765
  {
58699
58766
  href: featuredHeroCard.href,
58700
58767
  className: cn(
58701
- "group relative flex h-full flex-row overflow-hidden rounded-lg p-0 text-primary-foreground lg:rounded-xl",
58768
+ "group relative flex h-full flex-col overflow-hidden rounded-lg text-primary-foreground",
58702
58769
  featuredHeroCard.variant === "accent" ? "bg-accent text-accent-foreground" : "bg-primary"
58703
58770
  ),
58704
- children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative z-10 flex w-full flex-col-reverse text-left", children: [
58705
- /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative z-20 flex flex-col px-6 pt-6 pb-56 md:pt-40 md:pb-6", children: [
58706
- /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-auto flex items-center space-x-1 text-xs font-medium", children: [
58771
+ children: [
58772
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative aspect-video w-full overflow-hidden", children: /* @__PURE__ */ jsxRuntime.jsx(
58773
+ img.Img,
58774
+ {
58775
+ src: featuredHeroCard.image,
58776
+ alt: featuredHeroCard.title,
58777
+ className: cn(
58778
+ "h-full w-full object-cover",
58779
+ featuredHeroCard.imagePosition === "background" && "invert"
58780
+ ),
58781
+ optixFlowConfig
58782
+ }
58783
+ ) }),
58784
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col p-6", children: [
58785
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 text-base font-semibold", children: [
58707
58786
  featuredHeroCard.title,
58708
58787
  /* @__PURE__ */ jsxRuntime.jsx(
58709
58788
  DynamicIcon,
58710
58789
  {
58711
58790
  name: "lucide/arrow-right",
58712
- size: 16,
58713
- className: "ml-1 transition-transform group-hover:translate-x-1"
58791
+ size: 18,
58792
+ className: "transition-transform group-hover:translate-x-1"
58714
58793
  }
58715
58794
  )
58716
58795
  ] }),
58717
- /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-2 text-xs", children: featuredHeroCard.description })
58718
- ] }),
58719
- /* @__PURE__ */ jsxRuntime.jsx(
58720
- "div",
58721
- {
58722
- className: cn(
58723
- "absolute inset-0 top-[32%] md:top-0",
58724
- featuredHeroCard.imagePosition === "background" && "bg-accent invert"
58725
- ),
58726
- children: /* @__PURE__ */ jsxRuntime.jsx(
58727
- img.Img,
58728
- {
58729
- src: featuredHeroCard.image,
58730
- alt: featuredHeroCard.title,
58731
- className: "object-fit h-full w-full object-top-right opacity-100 md:h-2/3 md:object-top",
58732
- optixFlowConfig
58733
- }
58734
- )
58735
- }
58736
- )
58737
- ] })
58796
+ /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-2 text-sm leading-relaxed", children: featuredHeroCard.description })
58797
+ ] })
58798
+ ]
58738
58799
  }
58739
58800
  ) }),
58740
- partnerCards.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid gap-4 md:col-span-2 lg:col-span-2", children: partnerCards.map((card) => /* @__PURE__ */ jsxRuntime.jsx(
58801
+ partnerCards.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col gap-4", children: partnerCards.map((card) => /* @__PURE__ */ jsxRuntime.jsxs(
58741
58802
  NavigationMenuLink,
58742
58803
  {
58743
58804
  href: card.href,
58744
- className: "group flex w-full flex-row items-center rounded-lg border border-border lg:rounded-xl",
58745
- children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start p-6 text-left", children: [
58746
- /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: card.icon, size: 32 }),
58747
- /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "ml-4", children: [
58748
- /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-auto mb-1 text-sm font-bold", children: card.title }),
58749
- /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground", children: card.description })
58805
+ className: "group flex items-start gap-4 rounded-lg border border-border p-4 hover:bg-muted",
58806
+ children: [
58807
+ /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: card.icon, size: 32, className: "shrink-0" }),
58808
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 min-w-0", children: [
58809
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm font-bold", children: card.title }),
58810
+ /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-0.5 text-xs text-muted-foreground", children: card.description })
58750
58811
  ] })
58751
- ] })
58812
+ ]
58752
58813
  },
58753
58814
  card.title
58754
58815
  )) })
@@ -58757,77 +58818,76 @@ var ResourcesMenu = ({
58757
58818
  resourceItems,
58758
58819
  topicGroups,
58759
58820
  featuredHeroCard
58760
- }) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid gap-8 lg:grid-cols-3", children: [
58761
- featuredHeroCard && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "lg:col-span-1", children: /* @__PURE__ */ jsxRuntime.jsx(
58821
+ }) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid gap-6 lg:grid-cols-[280px_1fr_200px]", children: [
58822
+ featuredHeroCard && /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsxs(
58762
58823
  Pressable,
58763
58824
  {
58764
58825
  href: featuredHeroCard.href,
58765
58826
  className: cn(
58766
- "group relative flex h-full flex-row overflow-hidden rounded-lg p-0 text-primary-foreground lg:rounded-xl",
58827
+ "group relative flex h-full flex-col overflow-hidden rounded-lg text-primary-foreground",
58767
58828
  featuredHeroCard.variant === "accent" ? "bg-accent text-accent-foreground" : "bg-primary"
58768
58829
  ),
58769
- children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative z-10 flex w-full flex-col-reverse text-left", children: [
58770
- /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative z-20 flex flex-col px-6 pt-6 pb-56 md:pt-40 md:pb-6", children: [
58771
- /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-auto flex items-center space-x-1 text-xs", children: [
58830
+ children: [
58831
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative aspect-[4/3] w-full overflow-hidden", children: /* @__PURE__ */ jsxRuntime.jsx(
58832
+ img.Img,
58833
+ {
58834
+ src: featuredHeroCard.image,
58835
+ alt: featuredHeroCard.title,
58836
+ className: "h-full w-full object-cover invert"
58837
+ }
58838
+ ) }),
58839
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col p-6", children: [
58840
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 text-base font-semibold", children: [
58772
58841
  featuredHeroCard.title,
58773
58842
  /* @__PURE__ */ jsxRuntime.jsx(
58774
58843
  DynamicIcon,
58775
58844
  {
58776
58845
  name: "lucide/arrow-right",
58777
- size: 16,
58778
- className: "ml-1 transition-transform group-hover:translate-x-1"
58846
+ size: 18,
58847
+ className: "transition-transform group-hover:translate-x-1"
58779
58848
  }
58780
58849
  )
58781
58850
  ] }),
58782
- /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-2 text-xs", children: featuredHeroCard.description })
58783
- ] }),
58784
- /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-0", children: /* @__PURE__ */ jsxRuntime.jsx(
58785
- img.Img,
58786
- {
58787
- src: featuredHeroCard.image,
58788
- alt: featuredHeroCard.title,
58789
- className: "h-full w-full object-cover object-center invert"
58790
- }
58791
- ) }),
58792
- /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-x-0 top-0 z-10 h-[60%] bg-[linear-gradient(hsl(var(--color-primary))_50%,transparent)] md:top-auto md:bottom-[-10%] md:h-[50%] md:bg-[linear-gradient(transparent,hsl(var(--color-primary))_50%)]" })
58793
- ] })
58851
+ /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-2 text-sm leading-relaxed", children: featuredHeroCard.description })
58852
+ ] })
58853
+ ]
58794
58854
  }
58795
58855
  ) }),
58796
- resourceItems.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn(featuredHeroCard ? "lg:col-span-1" : "lg:col-span-2"), children: [
58797
- /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-6 text-left", children: /* @__PURE__ */ jsxRuntime.jsx("strong", { className: "text-xs font-medium tracking-wider text-muted-foreground uppercase", children: "Resources" }) }),
58798
- /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid gap-4 md:grid-cols-2 lg:grid-cols-2", children: resourceItems.map((resource) => /* @__PURE__ */ jsxRuntime.jsxs(
58856
+ resourceItems.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
58857
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-4 text-left", children: /* @__PURE__ */ jsxRuntime.jsx("strong", { className: "text-xs font-medium tracking-wider text-muted-foreground uppercase", children: "Resources" }) }),
58858
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid gap-3 md:grid-cols-2", children: resourceItems.map((resource) => /* @__PURE__ */ jsxRuntime.jsxs(
58799
58859
  NavigationMenuLink,
58800
58860
  {
58801
58861
  href: resource.href,
58802
- className: "group flex flex-row items-start gap-4 rounded-lg border border-border p-4 hover:bg-accent",
58862
+ className: "group -ml-2 flex items-start gap-3 rounded-lg border border-border p-3 hover:bg-muted",
58803
58863
  children: [
58804
58864
  /* @__PURE__ */ jsxRuntime.jsx(
58805
58865
  DynamicIcon,
58806
58866
  {
58807
58867
  name: resource.icon,
58808
58868
  size: 20,
58809
- className: "mt-1 shrink-0"
58869
+ className: "mt-0.5 shrink-0"
58810
58870
  }
58811
58871
  ),
58812
- /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
58872
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 min-w-0", children: [
58813
58873
  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm font-medium", children: resource.title }),
58814
- /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 text-xs text-muted-foreground", children: resource.description })
58874
+ /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-0.5 text-xs text-muted-foreground", children: resource.description })
58815
58875
  ] })
58816
58876
  ]
58817
58877
  },
58818
58878
  resource.id
58819
58879
  )) })
58820
58880
  ] }),
58821
- topicGroups.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "lg:col-span-1", children: topicGroups.map((group) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-8 last:mb-0", children: [
58822
- /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-4 text-left", children: /* @__PURE__ */ jsxRuntime.jsx("strong", { className: "text-xs font-medium tracking-wider text-muted-foreground uppercase", children: group.title }) }),
58823
- /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-3", children: group.topics.map((topic) => /* @__PURE__ */ jsxRuntime.jsxs(
58881
+ topicGroups.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { children: topicGroups.map((group) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-6 last:mb-0", children: [
58882
+ /* @__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 }) }),
58883
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-2", children: group.topics.map((topic) => /* @__PURE__ */ jsxRuntime.jsxs(
58824
58884
  NavigationMenuLink,
58825
58885
  {
58826
58886
  href: topic.href,
58827
- className: "group flex flex-row items-center gap-3",
58887
+ className: "group -ml-2 flex items-center gap-2 rounded-lg p-2 hover:bg-muted",
58828
58888
  children: [
58829
- /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: topic.icon, size: 16 }),
58830
- /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-medium", children: topic.title })
58889
+ /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: topic.icon, size: 16, className: "shrink-0" }),
58890
+ /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex-1 text-sm font-medium", children: topic.title })
58831
58891
  ]
58832
58892
  },
58833
58893
  topic.id